/*  Colors Fundação Itau Style Guide  */
:root {
  --color-background-white: #F5F7F8;
  --color-header: #B6C0D6;
  --color-white: #FFFFFF;
  --color-black: #000000;
  --color-blue-1: #E6EAF1;
  --color-blue-2: #CED5E4;
  --color-blue-3: #9DABC9;
  --color-blue-4: #6D81AE;
  --color-blue-5: #3C5693;
  --color-blue-6: #0C2D78;
  --color-blue-7: #092460;
  --color-blue-8: #071b48;
  --color-blue-9: #041230;
  --color-blue-10: #020918;
  --color-orange-1: #FDF0E5;
  --color-orange-2: #FBE2CC;
  --color-orange-3: #F7C599;
  --color-orange-4: #F3A966;
  --color-orange-5: #EF8C32;
  --color-orange-6: #EC7000;
  --color-orange-7: #BC5900;
  --color-orange-8: #8D4300;
  --color-orange-9: #5E2C00;
  --color-orange-10: #2F1600;
  --color-light-blue-1: #EDF7FF;
  --color-light-blue-2: #DBEFFF;
  --color-light-blue-3: #B7DFFF;
  --color-light-blue-4: #94CFFF;
  --color-light-blue-5: #70BFFF;
  --color-light-blue-6: #4DAFFF;
  --color-light-blue-7: #3D8CCC;
  --color-light-blue-8: #2E6999;
  --color-light-blue-9: #1E4666;
  --color-light-blue-10: #0F2333;
  --color-red-1: #FFEFEF;
  --color-red-2: #FFA5A5;
  --color-red-3: #FF7E7E;
  --color-red-4: #FF5151;
  --color-red-5: #F90000;
  --color-red-6: #DB0000;
  --color-red-7: #BC0000;
  --color-red-8: #9A0000;
  --color-red-9: #750113;
  --color-red-10: #54000F;
  --color-green-1: #F6FFED;
  --color-green-2: #D6FCB4;
  --color-green-3: #B8EE8F;
  --color-green-4: #92DF5F;
  --color-green-5: #73D13D;
  --color-green-6: #43BF0E;
  --color-green-7: #39A60C;
  --color-green-8: #227903;
  --color-green-9: #155D00;
  --color-green-10: #0C3A00;
  --color-gold-1: #FFFBE6;
  --color-gold-2: #FFF1B8;
  --color-gold-3: #FFE58F;
  --color-gold-4: #FFD666;
  --color-gold-5: #FFC335;
  --color-gold-6: #FFB300;
  --color-gold-7: #D48806;
  --color-gold-8: #AD6800;
  --color-gold-9: #874d00;
  --color-gold-10: #613400;
  --color-gray-1: #FAFAFA;
  --color-gray-2: #F5F5F5;
  --color-gray-3: #F0F0F0;
  --color-gray-4: #E4E4E4;
  --color-gray-5: #D9D7D7;
  --color-gray-6: #A8A8A8;
  --color-gray-7: #808080;
  --color-gray-8: #5D5D5D;
  --color-gray-9: #2C2C2C;
  --color-gray-10: #1A1A1A;
}
:root {
  --text-color-blue-6: var(--color-blue-6);
  --text-color-blue-8: var(--color-blue-8);
  --text-color-blue-9: var(--color-blue-9);
  --text-color-blue-10: var(--color-blue-10);
  --text-color-gray-6: var(--color-gray-6);
  --text-color-gray-8: var(--color-gray-8);
  --text-color-gray-9: var(--color-gray-9);
  --text-color-gray-10: var(--color-gray-10);
  --text-color-orange-6: var(--color-orange-6);
  --text-color-orange-7: var(--color-orange-7);
  --text-color-orange-8: var(--color-orange-8);
  --label-color-gray-6: var(--color-gray-6);
  --label-color-gray-8: var(--color-gray-8);
  --label-color-gray-9: var(--color-gray-9);
  --label-color-blue-9: var(--color-blue-9);
  --label-color-blue-10: var(--color-blue-10);
  --label-required-after: var(--color-red-6);
  --homologation-anchor-text-color: var(--color-blue-6);
  --body-background-color: var(--color-background-white);
  --input-error-color: var(--color-red-6);
  --input-warging-icon: url('../images2/warning.svg');
  --tooltip-background-color: var(--color-gray-9);
  --tooltip-text-color: var(--color-gray-1);
  --radio-background-color: var(--color-white);
  --radio-color: var(--color-orange-6);
  --radio-color-disable: var(--color-gray-9);
  --radio-background-svg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
  --checkbox-icon-svg: url('../images2/icon-navigation-check.svg');
  --input-background-color: var(--color-white);
  --input-border-color: var(--color-gray-5);
  --input-color: var(--color-gray-9);
  --input-disable-color: var(--color-gray-1);
  --input-disable-text-color: var(--color-gray-5);
  --star-required-color: var(--color-red-6);
  --search-label-text-color: var(--color-gray-8);
  --calendar-icon: url('../images2/calendar-border.svg');
  --select-arrow-icon: url('../images2/select_arrow.svg');
  --livesearch-border-color: var(--color-gray-4);
  --livesearch-background-color: var(--color-white);
  --livesearch-text-color: var(--color-gray-8);
  --livesearch-background-hover-color: var(--color-orange-6);
  --livesearch-text-hover-color: var(--color-white);
  --livesearch-background-selection-color: var(--color-gray-4);
  --dd-menu-border-color: var(--color-gray-5);
  --dd-menu-background-color: var(--color-white);
  --dd-menu-text-color: var(--color-gray-8);
  --dd-menu-background-hover-color: var(--color-orange-6);
  --dd-menu-text--hover-color: var(--color-white);
  --dd-background-color: var(--color-white);
  --dd-border-color: var(--color-gray-5);
  --button-primary-color: var(--color-light-blue-6);
  --button-primary-hover-color: var(--color-light-blue-7);
  --button-primary-active-color: var(--color-light-blue-8);
  --button-primary-text-text-color: var(--color-light-blue-1);
  --button-primary-text-color: var(--color-white);
  --button-my-space-color: var(--color-light-blue-6);
  --button-secundary-color: var(--color-orange-6);
  --button-secundary-hover-color: var(--color-orange-7);
  --button-secundary-active-color: var(--color-orange-7);
  --button-secundary-text-color: var(--color-white);
  --button-success-color: var(--color-green-7);
  --button-success-background-color: var(--color-green-10);
  --button-success-hover-color: var(--color-green-9);
  --button-success-active-color: var(--color-green-9);
  --button-success-text-text-color: var(--color-green-1);
  --button-success-text-color: var(--color-white);
  --button-red-color: var(--color-red-6);
  --button-red-background-color: var(--color-red-8);
  --button-red-hover-color: var(--color-red-9);
  --button-red-active-color: var(--color-red-9);
  --button-red-text-text-color: var(--color-red-1);
  --button-red-text-color: var(--color-white);
  --button-disabled-text-color: var(--color-gray-3);
  --button-disabled-background-color: var(--color-gray-6);
  --button-contract-text-color: var(--color-white);
  --footer-background-color: var(--color-blue-1);
  --footer-text-color: var(--color-blue-9);
  --topbar-background-color: var(--color-header);
  --topbar-text-color: var(--color-blue-6);
  --admin-menu-text-border-color: var(--color-gray-5);
  --admin-menu-text-color: var(--color-gray-9);
  --admin-menu-active-text-color: var(--color-orange-6);
  --color-text-no-img-profile: var(--color-white);
  --color-profile-img-border-color: var(--color-white);
  --slidebar-background-color: var(--color-blue-6);
  --slidebar-profile-name-color: var(--color-gray-1);
  --slidebar-profile-role-color: var(--color-orange-4);
  --slidebar-menu-item-color: var(--color-light-blue-3);
  --slidebar-active-color: var(--color-blue-9);
  --slidebar-color-before-background-color: var(--color-gray-1);
  --slidebar-menu-show-color: var(--color-white);
  --slidebar-text-show-menu-color: var(--color-white);
  --modal-header-background-color: var(--color-blue-6);
  --modal-header-text-color: var(--color-white);
  --modal-body-background-color: var(--color-white);
  --modal-body-text-color: var(--color-blue-9);
  --modal-history-text-color: var(--color-gray-8);
  --modal-history-status-data-color: var(--color-light-blue-6);
  --modal-history-status-status-color: var(--color-gold-6);
  --modal-history-status-approved-color: var(--color-green-7);
  --modal-history-status-denied-color: var(--color-red-6);
  --modal-history-date-text-color: var(--color-orange-6);
  --tab-background-color: var(--color-blue-8);
  --tab-link-color: var(--color-white);
  --tab-link-before-color: var(--color-orange-6);
  --tag-notification-background-color: var(--color-red-6);
  --tag-notification-label-color: var(--color-gray-1);
  --dash-tab-color: var(--color-blue-6);
  --dash-column-icon-hover: url('../images2/dash-request-hover.svg');
  --dash-column-background-color: var(--color-header);
  --dash-column-dots-color: var(--color-gray-8);
  --dash-info-background-color: var(--color-white);
  --dash-column-title-text-color: var(--color-gray-9);
  --dash-column-circle-draft-color: var(--color-gray-9);
  --dash-column-circle-pending-color: var(--color-orange-6);
  --dash-column-circle-doing-color: var(--color-gold-6);
  --dash-column-circle-approving-color: var(--color-light-blue-6);
  --dash-column-circle-cancelled-color: var(--color-red-7);
  --dash-column-reference-color: var(--color-gray-10);
  --dash-column-title-color: var(--color-gray-8);
  --dash-column-content-color: var(--color-black);
  --dash-column-date-color: var(--color-gray-7);
  --dash-column-final-date-color: var(--color-orange-6);
  --details-header-primary-background-color: var(--color-blue-8);
  --details-header-primary-text-color: var(--color-white);
  --details-text-color: var(--color-gray-10);
  --details-body-background-color: var(--color-white);
  --details-header-before-text-color: var(--color-gray-5);
  --details-form-header-background-color: var(--color-gray-4);
  --details-form-header-number-contract-color: var(--color-orange-6);
  --details-form-body-background-color: var(--color-gray-4);
  --details-form-body-hr: 1px solid var(--color-gray-5);
  --data-tables-thead-tr-background-color: var(--color-light-blue-3);
  --data-tables-thead-tr-text-color: var(--color-gray-10);
  --data-tables-tbody-tr-background-color: var(--color-gray-4);
  --data-tables-tbody-tr-text-color: var(--color-gray-10);
  --data-tables-pagination-background-color: var(--color-white);
  --data-tables-pagination-text-color: var(--color-black);
  --data-tables-pagination-button-background-disable-color: var(--color-white);
  --data-tables-list-deadline-green-color: var(--color-green-5);
  --data-tables-list-deadline-red-color: var(--color-red-5);
  --data-tables-list-deadline-yellow-color: var(--color-gold-5);
  --data-tables-list-deadline-gray-color: var(--color-gray-7);
  --data-tables-list-deadline-green-text-color: var(--color-black);
  --data-tables-list-deadline-red-text-color: var(--color-black);
  --data-tables-list-deadline-yellow-text-color: var(--color-black);
  --data-tables-list-deadline-gray-text-color: var(--color-black);
  --information-tables-thead-tr-text-color: var(--color-blue-9);
  --information-tables-tbody-tr-backgraound-color: var(--color-gray-4);
  --information-tables-tbody-tr-text-color: var(--color-gray-9);
  --installment-table-background-color: var(--color-gray-4);
  --tag-background-green-color: var(--color-green-7);
  --tag-background-light-green-color: var(--color-green-3);
  --tag-background-yellow-color: var(--color-gold-6);
  --tag-background-red-color: var(--color-red-6);
  --tag-background-red-7-color: var(--color-red-7);
  --tag-background-inactive-color: var(--color-gray-6);
  --tag-background-orange-color: var(--color-orange-5);
  --tag-background-blue-color: var(--color-blue-7);
  --tag-text-color: var(--color-white);
  --tab-menu-background-color: var(--color-white);
  --tab-menu-text-color: var(--color-gray-6);
  --tab-menu-active-color: var(--color-orange-6);
  --tab-menu-active-text-color: var(--color-black);
  --tab-menu-dashboard-active-text-color: var(--color-white);
  --input-select-border-color: var(--color-white);
  --requester-background-color: var(--color-gray-4);
  --progress-bar-stats-title-background-color: var(--color-blue-6);
  --progress-bar-background-color: var(--color-gray-4);
  --progress-bar-button-text-color: var(--color-white);
  --progress-bar-button-icon-color: var(--color-white);
  --progress-bar-responsible-background-color: var(--color-light-blue-7);
  --progress-bar-requester-background-color: var(--color-gray-7);
  --progress-bar-responsible-text-color: var(--color-white);
  --progress-bar-requester-text-color: var(--color-white);
  --progress-bar-tag-status-text-color: var(--color-white);
  --progress-bar-icon-color: var(--color-gray-7);
  --progress-bar-icon-green-color: var(--color-green-7);
  --progress-bar-icon-blue-color: var(--color-blue-7);
  --progress-bar-icon-red-color: var(--color-red-6);
  --progress-bar-icon-yellow-color: var(--color-gold-6);
  --progress-bar-icon-text-color: var(--color-gray-10);
  --info-box-background-color: var(--color-light-blue-1);
  --info-box-text-color: var(--color-light-gray-8);
  --last-comment-text-button-color: var(--color-orange-6);
  --last-comment-border-color: var(--color-blue-6);
  --last-comment-text-color: var(--color-blue-6);
  --tables-background-color: var(--color-gray-4);
  --table-title-text-color: var(--color-blue-9);
  --remaining-value-budget-color: var(--color-red-6);
  --remaining-value-budget-text-color: var(--color-gray-9);
  --approver-table-status-background-green: var(--color-green-7);
  --approver-table-status-background-yellow: var(--color-gold-6);
  --approver-table-status-background-red: var(--color-red-7);
  --approver-table-status-text-color: var(--color-white);
  --budget-tables-background-color: var(--color-white);
  --budget-tables-border-color: 1px solid var(--color-light-blue-6);
  --budget-tables-text-color: var(--color-gray-9);
  --notification-label: var(--color-gray-1);
  --budget-tables-boxshadow: 0px 2px 16px 5px rgba(0, 0, 0, 0.08);
  --budget-tables-tabs-background-color: var(--color-gray-5);
  --budget-tables-tabs-background-blue-color: var(--color-light-blue-6);
  --card-address-supplier-background-color: var(--color-white);
  --card-address-supplier-text-color: var(--color-gray-9);
  --card-contact-supplier-background-color: var(--color-white);
  --card-contact-supplier-warning-text-color: var(--color-gray-7);
  --rating-star-unselected-color: var(--color-gray-6);
  --rating-star-selected-color: var(--color-gold-6);
  --rating-star-background-color: var(--color-gray-4);
  --purchase-table-border-winner-color: var(--color-orange-6);
  --purchase-table-border-loser-color: var(--color-white);
  --purchase-table-background-loser-color: var(--color-gray-5);
  --my-profile-user-terms: var(--color-white);
  --color-datepicker-focus: var(--color-orange-7);
  --color-datepicker-current: var(--color-orange-6);
  --color-link: var(--color-orange-6);
  --background-general-data: var(--color-gray-4);
  --progress-color-green: var(--color-green-7);
  --progress-color-red: var(--color-red-6);
  --pending-status-header-background-color: var(--color-blue-8);
  --pending-status-header-text-color: var(--color-white);
  --pending-status-body-background-color: var(--color-gray-3);
  --post-purchase-span: var(--color-gray-10);
  --icon-my-approve-background-color: var(--color-gold-6);
  --icon-my-approve-background-alert-color: var(--color-red-6);
  --post-purchase-link-color: var(--color-blue-6);
}
[data-theme="accessibility-light"] {
  --text-color-blue-6: var(--color-black);
  --text-color-blue-8: var(--color-black);
  --text-color-blue-9: var(--color-black);
  --text-color-blue-10: var(--color-black);
  --text-color-gray-6: var(--color-black);
  --text-color-gray-8: var(--color-black);
  --text-color-gray-9: var(--color-black);
  --text-color-gray-10: var(--color-black);
  --text-color-orange-6: var(--color-black);
  --text-color-orange-7: var(--color-black);
  --text-color-orange-8: var(--color-black);
  --label-color-gray-6: var(--color-black);
  --label-color-gray-8: var(--color-black);
  --label-color-gray-9: var(--color-black);
  --label-color-blue-9: var(--color-black);
  --label-color-blue-10: var(--color-black);
  --label-required-after: var(--color-black);
  --homologation-anchor-text-color: var(--color-black);
  --body-background-color: var(--color-gray-4);
  --input-error-color: var(--color-black);
  --input-warging-icon: url('../images2/warning-dark.svg');
  --tooltip-background-color: var(--color-gray-9);
  --tooltip-text-color: var(--color-gray-1);
  --radio-background-color: var(--color-white);
  --radio-color: var(--color-black);
  --radio-color-disable: var(--color-gray-9);
  --radio-background-svg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
  --checkbox-icon-svg: url('../images2/icon-navigation-check.svg');
  --input-background-color: var(--color-white);
  --input-border-color: var(--color-gray-6);
  --input-color: var(--color-black);
  --input-disable-color: var(--color-gray-3);
  --input-disable-text-color: var(--color-gray-5);
  --star-required-color: var(--color-black);
  --search-label-text-color: var(--color-black);
  --calendar-icon: url('../images2/calendar-border-dark.svg');
  --select-arrow-icon: url('../images2/select_arrow.svg');
  --livesearch-border-color: var(--color-gray-2);
  --livesearch-background-color: var(--color-gray-4);
  --livesearch-text-color: var(--color-black);
  --livesearch-background-hover-color: var(--color-gray-9);
  --livesearch-text-hover-color: var(--color-white);
  --livesearch-background-selection-color: var(--color-gray-4);
  --dd-menu-border-color: var(--color-gray-2);
  --dd-menu-background-color: var(--color-gray-4);
  --dd-menu-text-color: var(--color-black);
  --dd-menu-background-hover-color: var(--color-gray-9);
  --dd-menu-text-hover-color: var(--color-white);
  --dd-background-color: var(--color-white);
  --dd-border-color: var(--color-gray-6);
  --button-primary-color: var(--color-gray-7);
  --button-primary-hover-color: var(--color-gray-8);
  --button-primary-active-color: var(--color-gray-9);
  --button-primary-text-text-color: var(--color-gray-5);
  --button-primary-text-color: var(--color-white);
  --button-my-space-color: var(--color-gray-7);
  --button-secundary-color: var(--color-black);
  --button-secundary-hover-color: var(--color-gray-10);
  --button-secundary-active-color: var(--color-gray-9);
  --button-secundary-text-color: var(--color-white);
  --button-success-color: var(--color-gray-7);
  --button-success-background-color: var(--color-gray-10);
  --button-success-hover-color: var(--color-gray-9);
  --button-success-active-color: var(--color-gray-9);
  --button-success-text-text-color: var(--color-gray-5);
  --button-success-text-color: var(--color-white);
  --button-red-color: var(--color-gray-7);
  --button-red-background-color: var(--color-gray-10);
  --button-red-hover-color: var(--color-gray-9);
  --button-red-active-color: var(--color-gray-9);
  --button-red-text-text-color: var(--color-gray-5);
  --button-red-text-color: var(--color-white);
  --button-disabled-text-color: var(--color-gray-3);
  --button-disabled-background-color: var(--color-gray-6);
  --button-contract-text-color: var(--color-white);
  --topbar-background-color: var(--color-gray-8);
  --topbar-text-color: var(--color-white);
  --admin-menu-text-border-color: var(--color-gray-8);
  --admin-menu-text-color: var(--color-gray-8);
  --admin-menu-active-text-color: var(--color-black);
  --footer-background-color: var(--color-gray-8);
  --footer-text-color: var(--color-white);
  --modal-header-background-color: var(--color-gray-9);
  --modal-header-text-color: var(--color-white);
  --modal-body-background-color: var(--color-white);
  --modal-body-text-color: var(--color-black);
  --modal-history-text-color: var(--color-black);
  --modal-history-status-data-color: var(--color-black);
  --modal-history-status-status-color: var(--color-black);
  --modal-history-status-approved-color: var(--color-black);
  --modal-history-status-denied-color: var(--color-black);
  --modal-history-date-text-color: var(--color-black);
  --color-text-no-img-profile: var(--color-white);
  --color-profile-img-border-color: var(--color-white);
  --slidebar-background-color: var(--color-black);
  --slidebar-profile-name-color: var(--color-gray-1);
  --slidebar-profile-role-color: var(--color-gray-1);
  --slidebar-menu-item-color: var(--color-gray-1);
  --slidebar-active-color: var(--color-gray-8);
  --slidebar-color-before-background-color: var(--color-gray-1);
  --slidebar-menu-show-color: var(--color-white);
  --slidebar-text-show-menu-color: var(--color-white);
  --tab-background-color: var(--color-black);
  --tab-link-color: var(--color-white);
  --tab-link-before-color: var(--color-white);
  --tag-notification-background-color: var(--color-background-white);
  --tag-notification-label-color: var(--color-black);
  --dash-tab-color: var(--color-black);
  --dash-column-icon-hover: url('../images2/dash-request-hover-light.svg');
  --dash-column-background-color: var(--color-gray-6);
  --dash-column-dots-color: var(--color-gray-8);
  --dash-info-background-color: var(--color-white);
  --dash-column-circle-draft-color: var(--color-gray-10);
  --dash-column-title-text-color: var(--color-gray-10);
  --dash-column-circle-pending-color: var(--color-gray-10);
  --dash-column-circle-doing-color: var(--color-gray-10);
  --dash-column-circle-approving-color: var(--color-gray-10);
  --dash-column-circle-cancelled-color: var(--color-gray-10);
  --dash-column-reference-color: var(--color-gray-10);
  --dash-column-title-color: var(--color-gray-10);
  --dash-column-content-color: var(--color-gray-10);
  --dash-column-date-color: var(--color-gray-7);
  --dash-column-final-date-color: var(--color-gray-10);
  --details-header-primary-background-color: var(--color-black);
  --details-header-primary-text-color: var(--color-white);
  --details-text-color: var(--color-black);
  --details-body-background-color: var(--color-white);
  --details-header-before-text-color: var(--color-white);
  --details-form-header-background-color: var(--color-gray-4);
  --details-form-header-number-contract-color: var(--color-black);
  --details-form-body-background-color: var(--color-gray-4);
  --details-form-body-hr: 1px solid var(--color-black);
  --data-tables-thead-tr-background-color: var(--color-gray-8);
  --data-tables-thead-tr-text-color: var(--color-white);
  --data-tables-tbody-tr-background-color: var(--color-gray-6);
  --data-tables-tbody-tr-text-color: var(--color-black);
  --data-tables-pagination-background-color: var(--color-black);
  --data-tables-pagination-text-color: var(--color-white);
  --data-tables-pagination-button-background-disable-color: unset;
  --data-tables-list-deadline-green-color: var(--color-black);
  --data-tables-list-deadline-red-color: var(--color-black);
  --data-tables-list-deadline-yellow-color: var(--color-black);
  --data-tables-list-deadline-gray-color: var(--color-black);
  --data-tables-list-deadline-green-text-color: var(--color-black);
  --data-tables-list-deadline-red-text-color: var(--color-black);
  --data-tables-list-deadline-yellow-text-color: var(--color-black);
  --data-tables-list-deadline-gray-text-color: var(--color-black);
  --information-tables-thead-tr-text-color: var(--color-gray-10);
  --information-tables-tbody-tr-backgraound-color: var(--color-gray-4);
  --information-tables-tbody-tr-text-color: var(--color-gray-9);
  --information-tables-border-shadow: unset;
  --installment-table-background-color: var(--color-gray-4);
  --tag-background-green-color: var(--color-black);
  --tag-background-light-green-color: var(--color-black);
  --tag-background-yellow-color: var(--color-black);
  --tag-background-red-color: var(--color-black);
  --tag-background-red-7-color: var(--color-black);
  --tag-background-inactive-color: var(--color-black);
  --tag-background-orange-color: var(--color-black);
  --tag-background-blue-color: var(--color-black);
  --tag-text-color: var(--color-white);
  --tab-menu-background-color: var(--color-black);
  --tab-menu-text-color: var(--color-white);
  --tab-menu-active-color: var(--color-white);
  --tab-menu-active-text-color: var(--color-white);
  --tab-menu-dashboard-active-text-color: var(--color-white);
  --input-select-border-color: var(--color-white);
  --requester-background-color: var(--color-gray-4);
  --progress-bar-stats-title-background-color: var(--color-gray-9);
  --progress-bar-background-color: var(--color-gray-4);
  --progress-bar-button-text-color: var(--color-white);
  --progress-bar-button-icon-color: var(--color-white);
  --progress-bar-responsible-background-color: var(--color-black);
  --progress-bar-requester-background-color: var(--color-black);
  --progress-bar-responsible-text-color: var(--color-white);
  --progress-bar-requester-text-color: var(--color-white);
  --progress-bar-tag-status-text-color: var(--color-white);
  --progress-bar-icon-color: var(--color-gray-7);
  --progress-bar-icon-green-color: var(--color-black);
  --progress-bar-icon-blue-color: var(--color-black);
  --progress-bar-icon-red-color: var(--color-black);
  --progress-bar-icon-yellow-color: var(--color-black);
  --progress-bar-icon-text-color: var(--color-black);
  --progress-bar-thead-text-color: var(--color-black);
  --progress-bar-tbody-text-color: var(--color-black);
  --progress-bar-tbody-background-color: var(--color-gray-4);
  --info-box-background-color: var(--color-gray-4);
  --info-box-text-color: var(--color-black);
  --last-comment-text-button-color: var(--color-black);
  --last-comment-border-color: var(--color-black);
  --last-comment-text-color: var(--color-black);
  --tables-background-color: var(--color-gray-4);
  --table-title-text-color: var(--color-black);
  --remaining-value-budget-color: var(--color-black);
  --remaining-value-budget-text-color: var(--color-black);
  --approver-table-status-background-green: var(--color-black);
  --approver-table-status-background-yellow: var(--color-black);
  --approver-table-status-background-red: var(--color-black);
  --approver-table-status-text-color: var(--color-white);
  --budget-tables-background-color: var(--color-gray-4);
  --budget-tables-border-color: unset;
  --budget-tables-text-color: var(--color-black);
  --notification-label: var(--color-black);
  --budget-tables-boxshadow: unset;
  --budget-tables-tabs-background-color: var(--color-black);
  --budget-tables-tabs-background-blue-color: var(--color-black);
  --card-address-supplier-background-color: var(--color-gray-5);
  --card-address-supplier-text-color: var(--color-black);
  --card-contact-supplier-background-color: var(--color-gray-5);
  --card-contact-supplier-warning-text-color: var(--color-black);
  --rating-star-unselected-color: var(--color-gray-6);
  --rating-star-selected-color: var(--color-black);
  --rating-star-background-color: var(--color-gray-4);
  --purchase-table-border-winner-color: var(--color-black);
  --purchase-table-border-loser-color: var(--color-gray-9);
  --purchase-table-background-loser-color: var(--color-gray-7);
  --my-profile-user-terms: var(--color-white);
  --color-datepicker-focus: var(--color-black);
  --color-datepicker-current: var(--color-gray-6);
  --color-link: var(--color-black);
  --background-general-data: var(--color-gray-5);
  --progress-color-green: var(--color-black);
  --pending-status-header-background-color: var(--color-black);
  --pending-status-header-text-color: var(--color-white);
  --pending-status-body-background-color: var(--color-gray-5);
  --icon-my-approve-background-color: var(--color-black);
  --icon-my-approve-background-alert-color: var(--color-black);
  --post-purchase-link-color: var(--color-black);
  --post-purchase-span: var(--color-gray-10);
  --ico-warn: var(--color-black);
}
[data-theme="accessibility-light"] * {
  box-shadow: unset !important;
}
[data-theme="accessibility-light"] .slidebar li img,
[data-theme="accessibility-light"] .slidebar li img:hover {
  filter: grayscale(100%) invert(0%) contrast(4) brightness(2) !important;
}
[data-theme="accessibility-light"] .actions img,
[data-theme="accessibility-light"] table.information-table img,
[data-theme="accessibility-light"] .cb-modal table img,
[data-theme="accessibility-light"] .box-address img,
[data-theme="accessibility-light"] .box-ctt img,
[data-theme="accessibility-light"] .status-content img,
[data-theme="accessibility-light"] .history a img,
[data-theme="accessibility-light"] #mapSystem img,
[data-theme="accessibility-light"] .open-menu {
  filter: grayscale(100%) invert(100%) contrast(4) brightness(2) !important;
}
[data-theme="accessibility-light"] #helpAdobeSign,
[data-theme="accessibility-light"] #helpAdobeSign:before {
  filter: grayscale(100%) invert(0%) contrast(4) brightness(2) !important;
}
[data-theme="accessibility-light"] .accessibility-modal img {
  filter: unset !important;
}
[data-theme="accessibility-light"] .status.general-data img {
  filter: grayscale(100%) invert(100%) contrast(4) brightness(0) !important;
}
[data-theme="accessibility-light"] .warning-msg img {
  filter: grayscale(100%) invert(100%) contrast(4) brightness(0) !important;
}
[data-theme="accessibility-light"] .stats-responsible img {
  filter: grayscale(100%) invert(100%) contrast(4) brightness(0) !important;
}
[data-theme="accessibility-light"] .last-comment-title img {
  filter: grayscale(100%) invert(100%) contrast(4) brightness(0) !important;
}
[data-theme="accessibility-light"] .page-order img {
  filter: grayscale(0) invert(0%) contrast(0) brightness(2) !important;
}
[data-theme="accessibility-light"] .page-order .disabled img {
  filter: grayscale(0) invert(0%) contrast(0) brightness(0.3) !important;
}
[data-theme="accessibility-light"] table.data-table img,
[data-theme="accessibility-light"] img.cell-icon {
  filter: grayscale(100%) invert(100%) contrast(4) brightness(0) !important;
}
[data-theme="accessibility-light"] .content #responsibles img {
  filter: grayscale(100%) invert(100%) contrast(4) brightness(0) !important;
}
[data-theme="accessibility-light"] #tableCommentary img {
  filter: grayscale(100%) invert(100%) contrast(4) brightness(0) !important;
}
[data-theme="accessibility-dark"] {
  --text-color-blue-6: var(--color-white);
  --text-color-blue-8: var(--color-white);
  --text-color-blue-9: var(--color-white);
  --text-color-blue-10: var(--color-white);
  --text-color-gray-6: var(--color-white);
  --text-color-gray-8: var(--color-white);
  --text-color-gray-9: var(--color-white);
  --text-color-gray-10: var(--color-white);
  --text-color-orange-6: var(--color-white);
  --text-color-orange-7: var(--color-white);
  --text-color-orange-8: var(--color-white);
  --label-color-gray-6: var(--color-white);
  --label-color-gray-8: var(--color-white);
  --label-color-gray-9: var(--color-white);
  --label-color-blue-9: var(--color-white);
  --label-color-blue-10: var(--color-white);
  --label-required-after: var(--color-white);
  --homologation-anchor-text-color: var(--color-white);
  --body-background-color: var(--color-gray-10);
  --input-error-color: var(--color-white);
  --input-warging-icon: url('../images2/warning-light.svg');
  --tooltip-background-color: var(--color-gray-2);
  --tooltip-text-color: var(--color-gray-9);
  --radio-background-color: var(--color-black);
  --radio-color: var(--color-white);
  --radio-color-disable: var(--color-gray-3);
  --radio-background-svg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23000'/%3e%3c/svg%3e");
  --checkbox-icon-svg: url(../images2/icon-navigation-check-dark.svg);
  --input-background-color: var(--color-gray-9);
  --input-border-color: var(--color-gray-2);
  --input-color: var(--color-white);
  --input-disable-color: var(--color-gray-10);
  --input-disable-text-color: var(--color-gray-2);
  --star-required-color: var(--color-gray-5);
  --search-label-text-color: var(--color-white);
  --calendar-icon: url('../images2/calendar-border-light.svg');
  --select-arrow-icon: url('../images2/select_arrow_light.svg');
  --livesearch-border-color: var(--color-gray-2);
  --livesearch-background-color: var(--color-gray-4);
  --livesearch-text-color: var(--color-black);
  --livesearch-background-hover-color: var(--color-gray-9);
  --livesearch-text-hover-color: var(--color-white);
  --livesearch-background-selection-color: var(--color-gray-4);
  --dd-menu-border-color: var(--color-gray-2);
  --dd-menu-background-color: var(--color-gray-4);
  --dd-menu-text-color: var(--color-black);
  --dd-menu-background-hover-color: var(--color-gray-9);
  --dd-menu-text-hover-color: var(--color-white);
  --dd-background-color: var(--color-gray-9);
  --dd-border-color: var(--color-gray-2);
  --button-primary-color: var(--color-white);
  --button-primary-hover-color: var(--color-gray-4);
  --button-primary-active-color: var(--color-gray-4);
  --button-primary-text-text-color: var(--color-black);
  --button-primary-text-color: var(--color-black);
  --button-my-space-color: var(--color-gray-7);
  --button-secundary-color: var(--color-gray-6);
  --button-secundary-hover-color: var(--color-gray-6);
  --button-secundary-active-color: var(--color-gray-6);
  --button-secundary-text-color: var(--color-black);
  --button-success-color: var(--color-gray-6);
  --button-success-background-color: var(--color-gray-8);
  --button-success-hover-color: var(--color-gray-8);
  --button-success-active-color: var(--color-gray-8);
  --button-success-text-text-color: var(--color-black);
  --button-success-text-color: var(--color-black);
  --button-red-color: var(--color-gray-6);
  --button-red-background-color: var(--color-gray-8);
  --button-red-hover-color: var(--color-gray-8);
  --button-red-active-color: var(--color-gray-8);
  --button-red-text-text-color: var(--color-gray-black);
  --button-red-text-color: var(--color-black);
  --button-disabled-text-color: var(--color-gray-3);
  --button-disabled-background-color: var(--color-gray-6);
  --button-contract-text-color: var(--color-black);
  --topbar-background-color: var(--color-gray-8);
  --topbar-text-color: var(--color-white);
  --admin-menu-text-border-color: var(--color-gray-6);
  --admin-menu-text-color: var(--color-gray-6);
  --admin-menu-active-text-color: var(--color-white);
  --footer-background-color: var(--color-gray-8);
  --footer-text-color: var(--color-white);
  --modal-header-background-color: var(--color-gray-2);
  --modal-header-text-color: var(--color-black);
  --modal-body-background-color: var(--color-gray-9);
  --modal-body-text-color: var(--color-white);
  --modal-history-text-color: var(--color-white);
  --modal-history-status-data-color: var(--color-white);
  --modal-history-status-status-color: var(--color-white);
  --modal-history-status-approved-color: var(--color-white);
  --modal-history-status-denied-color: var(--color-white);
  --modal-history-date-text-color: var(--color-white);
  --color-text-no-img-profile: var(--color-black);
  --color-profile-img-border-color: var(--color-black);
  --slidebar-background-color: var(--color-gray-2);
  --slidebar-profile-name-color: var(--color-gray-10);
  --slidebar-profile-role-color: var(--color-gray-10);
  --slidebar-menu-item-color: var(--color-black);
  --slidebar-active-color: var(--color-gray-8);
  --slidebar-color-before-background-color: var(--color-black);
  --slidebar-menu-show-color: var(--color-gray-10);
  --slidebar-text-show-menu-color: var(--color-black);
  --tab-background-color: var(--color-white);
  --tab-link-color: var(--color-white);
  --tab-link-before-color: var(--color-black);
  --tag-notification-background-color: var(--color-black);
  --tag-notification-label-color: var(--color-white);
  --dash-tab-color: var(--color-white);
  --dash-column-icon-hover: url('../images2/dash-request-hover-dark.svg');
  --dash-column-background-color: var(--color-gray-7);
  --dash-column-dots-color: var(--color-white);
  --dash-info-background-color: var(--color-gray-9);
  --dash-column-circle-draft-color: var(--color-white);
  --dash-column-title-text-color: var(--color-white);
  --dash-column-circle-pending-color: var(--color-white);
  --dash-column-circle-doing-color: var(--color-white);
  --dash-column-circle-approving-color: var(--color-white);
  --dash-column-circle-cancelled-color: var(--color-white);
  --dash-column-reference-color: var(--color-white);
  --dash-column-title-color: var(--color-white);
  --dash-column-content-color: var(--color-white);
  --dash-column-date-color: var(--color-white);
  --dash-column-final-date-color: var(--color-white);
  --details-header-primary-background-color: var(--color-gray-2);
  --details-header-primary-text-color: var(--color-black);
  --details-text-color: var(--color-white);
  --details-body-background-color: var(--color-gray-9);
  --details-header-before-text-color: var(--color-black);
  --details-form-header-background-color: var(--color-gray-8);
  --details-form-header-number-contract-color: var(--color-white);
  --details-form-body-background-color: var(--color-gray-8);
  --details-form-body-hr: 1px solid var(--color-white);
  --data-tables-thead-tr-background-color: var(--color-gray-5);
  --data-tables-thead-tr-text-color: var(--color-black);
  --data-tables-tbody-tr-background-color: var(--color-gray-7);
  --data-tables-tbody-tr-background-color-alter: var(--color-gray-9);
  --data-tables-tbody-tr-text-color: var(--color-white);
  --data-tables-pagination-background-color: var(--color-gray-2);
  --data-tables-pagination-text-color: var(--color-black);
  --data-tables-pagination-button-background-disable-color: unset;
  --data-tables-list-deadline-green-color: var(--color-white);
  --data-tables-list-deadline-red-color: var(--color-white);
  --data-tables-list-deadline-yellow-color: var(--color-white);
  --data-tables-list-deadline-gray-color: var(--color-white);
  --data-tables-list-deadline-green-text-color: var(--color-white);
  --data-tables-list-deadline-red-text-color: var(--color-white);
  --data-tables-list-deadline-yellow-text-color: var(--color-white);
  --data-tables-list-deadline-gray-text-color: var(--color-white);
  --information-tables-thead-tr-text-color: var(--color-white);
  --information-tables-tbody-tr-backgraound-color: var(--color-gray-8);
  --information-tables-tbody-tr-text-color: var(--color-white);
  --information-tables-border-shadow: unset;
  --installment-table-background-color: var(--color-gray-8);
  --tag-background-green-color: var(--color-white);
  --tag-background-light-green-color: var(--color-white);
  --tag-background-yellow-color: var(--color-white);
  --tag-background-red-color: var(--color-white);
  --tag-background-red-7-color: var(--color-white);
  --tag-background-inactive-color: var(--color-white);
  --tag-background-orange-color: var(--color-white);
  --tag-background-blue-color: var(--color-white);
  --tag-text-color: var(--color-black);
  --tab-menu-background-color: var(--color-white);
  --tab-menu-text-color: var(--color-black);
  --tab-menu-active-color: var(--color-black);
  --tab-menu-active-text-color: var(--color-black);
  --tab-menu-dashboard-active-text-color: var(--color-black);
  --input-select-border-color: var(--color-black);
  --requester-background-color: var(--color-gray-8);
  --progress-bar-stats-title-background-color: var(--color-gray-7);
  --progress-bar-background-color: var(--color-gray-8);
  --progress-bar-button-text-color: var(--color-white);
  --progress-bar-button-icon-color: var(--color-white);
  --progress-bar-responsible-background-color: var(--color-gray-2);
  --progress-bar-requester-background-color: var(--color-gray-2);
  --progress-bar-responsible-text-color: var(--color-black);
  --progress-bar-requester-text-color: var(--color-white);
  --progress-bar-tag-status-text-color: var(--color-black);
  --progress-bar-icon-color: var(--color-black);
  --progress-bar-icon-green-color: var(--color-white);
  --progress-bar-icon-blue-color: var(--color-white);
  --progress-bar-icon-red-color: var(--color-white);
  --progress-bar-icon-yellow-color: var(--color-white);
  --progress-bar-icon-text-color: var(--color-white);
  --progress-bar-thead-text-color: var(--color-white);
  --progress-bar-tbody-text-color: var(--color-white);
  --progress-bar-tbody-background-color: var(--color-gray-8);
  --info-box-background-color: var(--color-gray-8);
  --info-box-text-color: var(--color-white);
  --last-comment-text-button-color: var(--color-white);
  --last-comment-border-color: var(--color-white);
  --last-comment-text-color: var(--color-white);
  --tables-background-color: var(--color-gray-9);
  --table-title-text-color: var(--color-white);
  --remaining-value-budget-color: var(--color-white);
  --remaining-value-budget-text-color: var(--color-white);
  --approver-table-status-background-green: var(--color-white);
  --approver-table-status-background-yellow: var(--color-white);
  --approver-table-status-background-red: var(--color-white);
  --approver-table-status-text-color: var(--color-black);
  --budget-tables-background-color: var(--color-gray-8);
  --budget-tables-border-color: unset;
  --budget-tables-text-color: var(--color-white);
  --notification-label: var(--color-white);
  --budget-tables-boxshadow: unset;
  --budget-tables-tabs-background-color: var(--color-white);
  --budget-tables-tabs-background-blue-color: var(--color-white);
  --card-address-supplier-background-color: var(--color-gray-8);
  --card-address-supplier-text-color: var(--color-white);
  --card-contact-supplier-background-color: var(--color-gray-8);
  --card-contact-supplier-warning-text-color: var(--color-white);
  --rating-star-unselected-color: var(--color-white);
  --rating-star-selected-color: var(--color-black);
  --rating-star-background-color: var(--color-gray-8);
  --purchase-table-border-winner-color: var(--color-white);
  --purchase-table-border-loser-color: var(--color-gray-7);
  --purchase-table-background-loser-color: var(--color-gray-10);
  --my-profile-user-terms: var(--color-black);
  --color-datepicker-focus: var(--color-black);
  --color-datepicker-current: var(--color-gray-6);
  --color-link: var(--color-white);
  --background-general-data: var(--color-gray-8);
  --progress-color-green: var(--color-black);
  --pending-status-header-background-color: var(--color-gray-2);
  --pending-status-header-text-color: var(--color-black);
  --pending-status-body-background-color: var(--color-gray-8);
  --icon-my-approve-background-color: var(--color-black);
  --icon-my-approve-background-alert-color: var(--color-black);
  --post-purchase-link-color: var(--color-white);
  --post-purchase-span: var(--color-white);
  --ico-warn: var(--color-black);
}
[data-theme="accessibility-dark"] * {
  box-shadow: unset !important;
}
[data-theme="accessibility-dark"] .slidebar li img {
  filter: grayscale(100%) invert(100%) contrast(4) brightness(2) !important;
}
[data-theme="accessibility-dark"] .slidebar li:hover img,
[data-theme="accessibility-dark"] .slidebar li.active img {
  filter: grayscale(0) invert(0%) contrast(0) brightness(2) !important;
}
[data-theme="accessibility-dark"] .actions img,
[data-theme="accessibility-dark"] table.data-table img,
[data-theme="accessibility-dark"] table.information-table img,
[data-theme="accessibility-dark"] .cb-modal table img,
[data-theme="accessibility-dark"] .box-address img,
[data-theme="accessibility-dark"] .box-ctt img,
[data-theme="accessibility-dark"] .status-content img,
[data-theme="accessibility-dark"] .history a img,
[data-theme="accessibility-dark"] .open-menu {
  filter: grayscale(0) invert(0%) contrast(0) brightness(2) !important;
}
[data-theme="accessibility-dark"] #mapSystem img,
[data-theme="accessibility-dark"] #profile-btn img,
[data-theme="accessibility-dark"] .details-header img,
[data-theme="accessibility-dark"] .history-changes img {
  filter: grayscale(100%) invert(100%) contrast(4) brightness(2) !important;
}
[data-theme="accessibility-dark"] .accessibility-modal img {
  filter: unset !important;
}
[data-theme="accessibility-dark"] .status.general-data img {
  filter: grayscale(0) invert(0%) contrast(0) brightness(2) !important;
}
[data-theme="accessibility-dark"] .warning-msg img {
  filter: grayscale(100%) invert(0%) contrast(4) brightness(2) !important;
}
[data-theme="accessibility-dark"] .stats-responsible img {
  filter: grayscale(0) invert(0%) contrast(0) brightness(2) !important;
}
[data-theme="accessibility-dark"] .tabs img {
  filter: grayscale(100%) invert(100%) contrast(4) brightness(0) !important;
}
[data-theme="accessibility-dark"] .last-comment-title img {
  filter: grayscale(0) invert(0%) contrast(0) brightness(2) !important;
}
[data-theme="accessibility-dark"] .cb-modal-head img {
  filter: grayscale(100%) invert(100%) contrast(100%) brightness(2) !important;
}
[data-theme="accessibility-dark"] .drop-menu img,
[data-theme="accessibility-dark"] .drop-menu ul li img,
[data-theme="accessibility-dark"] .drop-menu ul li:hover img {
  filter: unset !important;
}
[data-theme="accessibility-dark"] #helpAdobeSign,
[data-theme="accessibility-dark"] #helpAdobeSign:before {
  filter: grayscale(100%) invert(100%) contrast(4) brightness(0) !important;
}
[data-theme="accessibility-dark"] #tableCommentary img {
  filter: grayscale(0) invert(0%) contrast(0) brightness(2) !important;
}
@font-face {
  font-family: 'OpenSans';
  src: url('../fonts/OpenSans/OpenSans-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'OpenSans';
  src: url('../fonts/OpenSans/OpenSans-Italic.ttf') format('truetype');
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'OpenSans Bold';
  src: url('../fonts/OpenSans/OpenSans-Bold.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'OpenSans Bold';
  src: url('../fonts/OpenSans/OpenSans-BoldItalic.ttf') format('truetype');
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'OpenSans Light';
  src: url('../fonts/OpenSans/OpenSans-Light.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'OpenSans Light';
  src: url('../fonts/OpenSans/OpenSans-LightItalic.ttf') format('truetype');
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'OpenSans SemiBold';
  src: url('../fonts/OpenSans/OpenSans-SemiBold.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'OpenSans SemiBold';
  src: url('../fonts/OpenSans/OpenSans-SemiBoldItalic.ttf') format('truetype');
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'OpenSans ExtraBold';
  src: url('../fonts/OpenSans/OpenSans-ExtraBold.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
body {
  background-color: var(--body-background-color);
}
.high-contrast {
  filter: grayscale(1);
}
.invert-colors {
  filter: invert(1);
}
* {
  outline-color: var(--color-blue-7);
}
details select {
  outline: none !important;
}
input {
  background: var(--input-background-color);
}
hr {
  border: 1px solid var(--color-gray-5);
}
.details-header select {
  height: 24px;
}
::placeholder {
  font-size: 12px;
  line-height: 16px;
  color: var(--color-gray-6);
}
body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  font-family: 'OpenSans';
  color: var(--color-black) !important;
  font-size: 16px;
  line-height: 24px !important;
}
.header-container {
  padding-bottom: 104px;
  overflow-x: hidden;
  overflow-y: clip;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  display: inline-block;
  font-family: 'OpenSans Bold';
  font-weight: normal;
  margin: 0;
  padding: 0;
}
h1 {
  font-size: 36px;
  line-height: 54px;
}
h2 {
  font-size: 24px;
  line-height: 36px;
}
h3 {
  font-size: 18px;
  line-height: 27px;
}
.text-regular {
  font-family: 'OpenSans' !important;
}
.text-semi-bold {
  font-family: 'OpenSans SemiBold' !important;
}
.text-bold {
  font-family: 'OpenSans Bold' !important;
}
.text-two-line {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.w-100 {
  width: 100% !important;
}
.h-100 {
  height: 100% !important;
}
.text-small-9 {
  font-size: 9px !important;
  line-height: 12px !important;
}
.text-small-10 {
  font-size: 10px !important;
  line-height: 13px !important;
}
.text-small-11 {
  font-size: 11px !important;
  line-height: 15px !important;
}
.text-small-12 {
  font-size: 12px !important;
  line-height: 16px !important;
}
.text-small-13 {
  font-size: 13px !important;
  line-height: 17px !important;
}
.text-small-14 {
  font-size: 14px !important;
  line-height: 18px !important;
}
.text-small-16 {
  font-size: 16px !important;
  line-height: 20px !important;
}
.text-small-18 {
  font-size: 18px !important;
  line-height: 22px !important;
}
.text-small-20 {
  font-size: 20px !important;
  line-height: 24px !important;
}
.text-small-24 {
  font-size: 24px !important;
  line-height: 28px !important;
}
.zero-margin-icon::before,
.zero-margin-icon::after {
  margin: 0 !important;
}
.box-shadow-1 {
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);
}
.box-shadow-2 {
  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px rgba(0, 0, 0, 0.14), 0px 1px 8px rgba(0, 0, 0, 0.12);
}
.box-shadow-3 {
  box-shadow: 0px 2px 16px 5px rgba(0, 0, 0, 0.08);
}
.box-shadow-4 {
  box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.25), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 15px 1px rgba(0, 0, 0, 0.11);
}
.box-shadow-5 {
  box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12);
}
.box-shadow-6 {
  box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12);
}
.box-shadow-7 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);
}
.box-shadow-8 {
  box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12);
}
.box-shadow-9 {
  box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12);
}
.box-shadow-10 {
  box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12);
}
.box-shadow-11 {
  box-shadow: 0px 2px 16px 5px rgba(0, 0, 0, 0.08);
}
.border-radios-4 {
  border-radius: 4px !important;
}
.border-radios-8 {
  border-radius: 8px;
}
.border-radios-16 {
  border-radius: 16px;
}
.m-auto {
  margin: auto;
}
.mt-0 {
  margin-top: 0 !important;
}
.mt-4 {
  margin-top: 4px !important;
}
.mt-8 {
  margin-top: 8px !important;
}
.mt-10 {
  margin-top: 10px !important;
}
.mb-10 {
  margin-bottom: 10px !important;
}
.mb-12 {
  margin-bottom: 12px !important;
}
.mt-12 {
  margin-top: 12px !important;
}
.mt-16 {
  margin-top: 16px !important;
}
.mt-24 {
  margin-top: 24px !important;
}
.mt-30 {
  margin-top: 30px !important;
}
.mt-32 {
  margin-top: 32px !important;
}
.mt-34 {
  margin-top: 34px;
}
.mt-36 {
  margin-top: 36px !important;
}
.mt-40 {
  margin-top: 40px;
}
.mt-48 {
  margin-top: 48px;
}
.mt-56 {
  margin-top: 56px;
}
.mt-64 {
  margin-top: 64px;
}
.mt-72 {
  margin-top: 72px;
}
.mt-80 {
  margin-top: 80px;
}
.mt-88 {
  margin-top: 88px !important;
}
.mt-96 {
  margin-top: 96px;
}
.mt-120 {
  margin-top: 120px;
}
.mb-0 {
  margin-bottom: 0px !important;
}
.mb-4 {
  margin-bottom: 4px;
}
.mb-8 {
  margin-bottom: 8px !important;
}
.mb-16 {
  margin-bottom: 16px;
}
.mb-24 {
  margin-bottom: 24px;
}
.mb-32 {
  margin-bottom: 32px !important;
}
.mb-34 {
  margin-bottom: 34px;
}
.mb-40 {
  margin-bottom: 40px !important;
}
.mb-48 {
  margin-bottom: 48px;
}
.mb-56 {
  margin-bottom: 56px;
}
.mb-64 {
  margin-bottom: 64px;
}
.mb-72 {
  margin-bottom: 72px;
}
.mb-80 {
  margin-bottom: 80px;
}
.mb-88 {
  margin-bottom: 88px !important;
}
.mb-96 {
  margin-bottom: 96px;
}
.mb-120 {
  margin-bottom: 120px;
}
.ml-0 {
  margin-left: 0px !important;
}
.ml-4 {
  margin-left: 4px;
}
.ml-8 {
  margin-left: 8px !important;
}
.ml-12 {
  margin-left: 12px !important;
}
.ml-16 {
  margin-left: 16px;
}
.ml-24 {
  margin-left: 24px;
}
.ml-30 {
  margin-left: 30px;
}
.ml-32 {
  margin-left: 32px;
}
.ml-40 {
  margin-left: 40px;
}
.ml-48 {
  margin-left: 48px;
}
.ml-56 {
  margin-left: 56px;
}
.ml-64 {
  margin-left: 64px;
}
.ml-72 {
  margin-left: 72px;
}
.ml-80 {
  margin-left: 80px;
}
.ml-96 {
  margin-left: 96px;
}
.ml-106 {
  margin-left: 106px;
}
.ml-120 {
  margin-left: 120px;
}
.mr-0 {
  margin-right: 0 !important;
}
.mr-4 {
  margin-right: 4px;
}
.mr-8 {
  margin-right: 8px !important;
}
.mr-16 {
  margin-right: 16px !important;
}
.mr-24 {
  margin-right: 24px;
}
.mr-30 {
  margin-right: 30px;
}
.mr-32 {
  margin-right: 32px;
}
.mr-42 {
  margin-right: 40px;
}
.mr-40 {
  margin-right: 40px;
}
.mr-48 {
  margin-right: 48px;
}
.mr-56 {
  margin-right: 56px;
}
.mr-64 {
  margin-right: 64px;
}
.mr-72 {
  margin-right: 72px !important;
}
.mr-80 {
  margin-right: 80px;
}
.mr-96 {
  margin-right: 96px;
}
.mr-106 {
  margin-right: 106px;
}
.mr-120 {
  margin-right: 120px;
}
.pl-0 {
  padding-left: 0px !important;
}
.pl-12 {
  padding-left: 12px;
}
.pl-16 {
  padding-left: 16px;
}
.pr-0 {
  padding-right: 0px !important;
}
.pr-12 {
  padding-right: 12px !important;
}
.pr-16 {
  padding-right: 16px !important;
}
.pt-6 {
  padding-top: 6px;
}
.pb-6 {
  padding-bottom: 6px;
}
.pb-8 {
  padding-bottom: 8px;
}
.pb-95 {
  padding-bottom: 95px;
}
.nowrap {
  white-space: nowrap;
}
.break-spaces {
  white-space: break-spaces;
}
.txt-center {
  text-align: center;
}
.txt-left {
  text-align: left;
}
.info-row {
  text-align: left !important;
  margin: 12px 0 12px 16px !important;
}
.align-left {
  display: flex;
  justify-content: flex-start;
}
.align-right {
  text-align: right !important;
}
.align-end {
  display: flex;
  align-items: flex-end;
}
.margin-0 {
  margin: 0px !important;
}
.h8 {
  height: 8px;
}
.padding-16 {
  padding: 16px !important;
}
.padding-8 {
  padding: 8px !important;
}
.padding-0 {
  padding: 0 !important;
}
.color-white-btn {
  color: var(--button-contract-text-color) !important;
}
.color-white-btn:hover {
  color: var(--button-contract-text-color) !important;
}
.color-white-btn:after,
.color-white-btn:before {
  color: var(--button-contract-text-color) !important;
  background-color: var(--button-contract-text-color) !important;
}
.color-blue-6 {
  color: var(--text-color-blue-6) !important;
}
.color-blue-8 {
  color: var(--text-color-blue-8) !important;
}
.color-blue-9 {
  color: var(--text-color-blue-9) !important;
}
.color-blue-10 {
  color: var(--text-color-blue-10) !important;
}
.color-gray-6 {
  color: var(--text-color-gray-6) !important;
}
.color-gray-8 {
  color: var(--text-color-gray-8) !important;
}
.color-gray-9 {
  color: var(--text-color-gray-9) !important;
}
.color-gray-10 {
  color: var(--text-color-gray-10) !important;
}
.color-orange-6 {
  color: var(--text-color-orange-6) !important;
}
.color-orange-7 {
  color: var(--text-color-orange-7) !important;
}
.color-orange-8 {
  color: var(--text-color-orange-8) !important;
}
.d-flex {
  display: flex;
}
.align-items-center {
  align-items: center;
}
.ai-flex-end {
  align-items: flex-end;
}
.dec-none {
  text-decoration: none;
}
.justify-content-center {
  justify-content: center;
}
.aling-items-center {
  align-items: center;
}
.aling-items-flex-end {
  align-items: flex-end;
}
.align-items-top {
  align-items: flex-start;
}
.justify-content-flex-end {
  justify-content: flex-end;
}
.space-between {
  justify-content: space-between;
}
.flex-direction-column {
  flex-direction: column !important;
}
.hide {
  display: none !important;
}
.just-align-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.pointer-all {
  pointer-events: all !important;
}
.my-profile-user-terms {
  display: flex;
  text-decoration: none;
  color: var(--my-profile-user-terms);
  align-items: center;
  cursor: pointer;
}
a.link-white {
  color: var(--color-white);
  text-decoration: none;
}
.txt-capitalize {
  text-transform: capitalize;
}
.info-box {
  width: 100% !important;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center !important;
  background: var(--info-box-background-color) !important;
  padding: 8px !important;
  border-radius: 8px !important;
  color: var(--info-box-text-color);
}
.info-box:has(>strong, span) {
  height: auto;
  display: block;
}
div:has(>.info-box) {
  display: flex;
  justify-content: center;
}
.error-page {
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center;
}
.hidden {
  white-space: nowrap;
  overflow: hidden;
}
.border-bottom-gray-5 {
  padding-bottom: 4px;
  border-bottom: 1px var(--color-gray-5) solid;
}
.dot-elastic {
  position: relative;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #FFF;
  color: #FFF;
  left: 20px;
  animation: dot-elastic 1s infinite linear;
}
.dot-elastic:before,
.dot-elastic:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
}
.dot-elastic:before {
  left: -15px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #FFF;
  color: #FFF;
  animation: dot-elastic-before 1s infinite linear;
}
.dot-elastic:after {
  left: 15px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #FFF;
  color: #FFF;
  animation: dot-elastic-after 1s infinite linear;
}
.pre {
  white-space: pre-wrap !important;
  word-break: keep-all !important;
}
@keyframes dot-elastic-before {
  0% {
    transform: scale(1, 1);
  }
  25% {
    transform: scale(1, 1.5);
  }
  50% {
    transform: scale(1, 0.67);
  }
  75% {
    transform: scale(1, 1);
  }
  100% {
    transform: scale(1, 1);
  }
}
@keyframes dot-elastic {
  0% {
    transform: scale(1, 1);
  }
  25% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1, 1.5);
  }
  75% {
    transform: scale(1, 1);
  }
  100% {
    transform: scale(1, 1);
  }
}
@keyframes dot-elastic-after {
  0% {
    transform: scale(1, 1);
  }
  25% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1, 0.67);
  }
  75% {
    transform: scale(1, 1.5);
  }
  100% {
    transform: scale(1, 1);
  }
}
.border-hr {
  border-bottom: 1px var(--color-gray-5) solid;
}
.deadline-green {
  color: var(--data-tables-list-deadline-green-text-color) !important;
}
.deadline-green::before {
  content: '';
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border: 1px solid var(--color-black);
  margin-right: 4px;
  background-color: var(--data-tables-list-deadline-green-color);
}
.deadline-red {
  color: var(--data-tables-list-deadline-red-text-color) !important;
}
.deadline-red::before {
  content: '';
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border: 1px solid var(--color-black);
  margin-right: 4px;
  background-color: var(--data-tables-list-deadline-red-color);
}
.deadline-yellow {
  color: var(--data-tables-list-deadline-yellow-text-color) !important;
}
.deadline-yellow::before {
  content: '';
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border: 1px solid var(--color-black);
  margin-right: 4px;
  background-color: var(--data-tables-list-deadline-yellow-color);
}
.deadline-gray {
  color: var(--data-tables-list-deadline-gray-text-color) !important;
}
.deadline-gray::before {
  content: '';
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border: 1px solid var(--color-black);
  margin-right: 4px;
  background-color: var(--data-tables-list-deadline-gray-color);
}
.requester-field {
  background-color: var(--requester-background-color);
  padding: 12px;
}
.post-purchase-link {
  color: var(--post-purchase-link-color);
  text-decoration: none;
}
.btn {
  height: 40px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border: none;
  border-width: 1px;
  border-radius: 4px;
  padding: 10px 18px;
  font-size: 14px;
  line-height: 21px;
  font-family: 'OpenSans SemiBold';
  cursor: pointer;
  transition: color 0.1s ease-in-out, background-color 0.1s ease-in-out, border-color 0.1s ease-in-out, box-shadow 0.1s ease-in-out;
}
.btn.large {
  padding: 10px 18px;
}
.btn.small {
  padding: 4px 10px !important;
}
.btn.icon {
  padding: 4px;
}
.btn.icon-download-arrow::before {
  content: '';
  width: 13px;
  height: 16px;
  margin-right: 8px;
  -webkit-mask: url(../images2/get_app.svg) no-repeat 50% 50%;
  mask: url(../images2/get_app.svg) no-repeat 50% 50%;
  -webkit-mask-size: cover;
  mask-size: cover;
}
.btn.icon-upload-arrow::before {
  content: '';
  width: 13px;
  height: 16px;
  margin-right: 8px;
  -webkit-mask: url(../images2/upload.svg) no-repeat 50% 50%;
  mask: url(../images2/upload.svg) no-repeat 50% 50%;
  -webkit-mask-size: cover;
  mask-size: cover;
}
.btn.valid-icon::before {
  content: '';
  width: 13px;
  height: 16px;
  margin-right: 8px;
  -webkit-mask: url(../images2/icon-valid.svg) no-repeat 50% 50%;
  mask: url(../images2/icon-valid.svg) no-repeat 50% 50%;
  -webkit-mask-size: cover;
  mask-size: cover;
}
.btn.invalid-icon::before {
  content: '';
  width: 13px;
  height: 16px;
  margin-right: 8px;
  -webkit-mask: url(../images2/unpublished.svg) no-repeat 50% 50%;
  mask: url(../images2/unpublished.svg) no-repeat 50% 50%;
  -webkit-mask-size: cover;
  mask-size: cover;
}
.btn.icon-filter::before {
  content: '';
  width: 20px;
  height: 19px;
  margin-right: 8px;
  -webkit-mask: url(../images2/filter-icon.svg) no-repeat 50% 50%;
  mask: url(../images2/filter-icon.svg) no-repeat 50% 50%;
  -webkit-mask-size: cover;
  mask-size: cover;
}
.btn.icon-search::before {
  content: '';
  width: 16px;
  height: 16px;
  margin-right: 8px;
  -webkit-mask: url(../images2/search.svg) no-repeat 50% 50%;
  mask: url(../images2/search.svg) no-repeat 50% 50%;
  -webkit-mask-size: cover;
  mask-size: cover;
}
.btn.icon-schedule::before {
  content: '';
  width: 16px;
  height: 16px;
  margin-right: 8px;
  -webkit-mask: url(../images2/schedule.svg) no-repeat 50% 50%;
  mask: url(../images2/schedule.svg) no-repeat 50% 50%;
  -webkit-mask-size: cover;
  mask-size: cover;
}
.btn.icon-switch::before {
  content: '';
  width: 16px;
  height: 16px;
  margin-right: 8px;
  -webkit-mask: url(../images2/sync_alt.svg) no-repeat 50% 50%;
  mask: url(../images2/sync_alt.svg) no-repeat 50% 50%;
  -webkit-mask-size: cover;
  mask-size: cover;
}
.btn.icon-tooltip::before {
  content: '';
  width: 16px;
  height: 16px;
  margin-right: 8px;
  -webkit-mask: url(../images2/help_outline_white.svg) no-repeat 50% 50%;
  mask: url(../images2/help_outline_white.svg) no-repeat 50% 50%;
  -webkit-mask-size: cover;
  mask-size: cover;
}
.btn.icon-help::before {
  content: '';
  width: 16px;
  height: 16px;
  margin-right: 8px;
  -webkit-mask: url(../images2/help_outline.svg) no-repeat 50% 50%;
  mask: url(../images2/help_outline.svg) no-repeat 50% 50%;
  -webkit-mask-size: cover;
  mask-size: cover;
}
.btn.icon-info::before {
  content: '';
  width: 18px;
  height: 18px;
  margin-right: 8px;
  -webkit-mask: url(../images2/icon-info.svg) no-repeat 50% 50%;
  mask: url(../images2/icon-info.svg) no-repeat 50% 50%;
  -webkit-mask-size: cover;
  mask-size: cover;
}
.btn.icon-attachment::before {
  content: '';
  width: 16px;
  height: 16px;
  margin-right: 8px;
  -webkit-mask: url(../images2/attachment-white.svg) no-repeat 50% 50%;
  mask: url(../images2/attachment-white.svg) no-repeat 50% 50%;
  -webkit-mask-size: cover;
  mask-size: cover;
}
.btn.icon-right-arrow::after {
  content: '';
  width: 13px;
  height: 16px;
  margin-left: 8px;
  -webkit-mask: url(../images2/keyboard_arrow_right.svg) no-repeat 50% 50%;
  mask: url(../images2/keyboard_arrow_right.svg) no-repeat 50% 50%;
  -webkit-mask-size: cover;
  mask-size: cover;
}
.btn.icon-key::before {
  content: '';
  width: 20px;
  height: 11px;
  margin-right: 8px;
  -webkit-mask: url(../images2/key.svg) no-repeat 50% 50%;
  mask: url(../images2/key.svg) no-repeat 50% 50%;
  -webkit-mask-size: cover;
  mask-size: cover;
}
.btn.icon-down-arrow::after {
  content: '';
  width: 13px;
  height: 16px;
  margin-left: 8px;
  -webkit-mask: url(../images2/keyboard_arrow_down.svg) no-repeat 50% 50%;
  mask: url(../images2/keyboard_arrow_down.svg) no-repeat 50% 50%;
  -webkit-mask-size: cover;
  mask-size: cover;
}
.btn.icon-check-arrow::after {
  content: '';
  width: 13px;
  height: 16px;
  margin-left: 8px;
  -webkit-mask: url(../images2/check.svg) no-repeat 50% 50%;
  mask: url(../images2/check.svg) no-repeat 50% 50%;
  -webkit-mask-size: cover;
  mask-size: cover;
}
.btn.icon-check-before::before {
  content: '';
  width: 13px;
  height: 16px;
  margin-right: 8px;
  -webkit-mask: url(../images2/check.svg) no-repeat 50% 50%;
  mask: url(../images2/check.svg) no-repeat 50% 50%;
  -webkit-mask-size: cover;
  mask-size: cover;
}
.btn.icon-check-green-arrow::before {
  content: '';
  width: 20px;
  height: 20px;
  margin-right: 8px;
  -webkit-mask: url(../images2/check-green.svg) no-repeat 50% 50%;
  mask: url(../images2/check-green.svg) no-repeat 50% 50%;
  -webkit-mask-size: cover;
  mask-size: cover;
}
.btn.icon-check-circle-arrow::before {
  content: '';
  width: 20px;
  height: 20px;
  margin-right: 8px;
  -webkit-mask: url(../images2/check_circle.svg) no-repeat 50% 50%;
  mask: url(../images2/check_circle.svg) no-repeat 50% 50%;
  -webkit-mask-size: cover;
  mask-size: cover;
}
.btn.icon-refresh-arrow::before {
  content: '';
  width: 14px;
  height: 14px;
  margin-right: 8px;
  -webkit-mask: url(../images2/refresh.svg) no-repeat 50% 50%;
  mask: url(../images2/refresh.svg) no-repeat 50% 50%;
  -webkit-mask-size: cover;
  mask-size: cover;
}
.btn.icon-arrow-back::before {
  content: '';
  width: 14px;
  height: 14px;
  margin-right: 8px;
  -webkit-mask: url(../images2/arrow-back.svg) no-repeat 50% 50%;
  mask: url(../images2/arrow-back.svg) no-repeat 50% 50%;
  -webkit-mask-size: cover;
  mask-size: cover;
}
.btn.icon-close-red-arrow::before {
  content: '';
  width: 20px;
  height: 20px;
  margin-right: 8px;
  -webkit-mask: url(../images2/close-red.svg) no-repeat 50% 50%;
  mask: url(../images2/close-red.svg) no-repeat 50% 50%;
  -webkit-mask-size: cover;
  mask-size: cover;
}
.btn.icon-alert-blue-arrow::before {
  content: '';
  width: 16px;
  height: 16px;
  margin-right: 8px;
  -webkit-mask: url(../images2/alert-blue.svg) no-repeat 50% 50%;
  mask: url(../images2/alert-blue.svg) no-repeat 50% 50%;
  -webkit-mask-size: cover;
  mask-size: cover;
}
.btn.icon-eye-orange-arrow::before {
  content: '';
  width: 20px;
  height: 15px;
  margin-right: 8px;
  -webkit-mask: url(../images2/eye-orange.svg) no-repeat 50% 50%;
  mask: url(../images2/eye-orange.svg) no-repeat 50% 50%;
  -webkit-mask-size: cover;
  mask-size: cover;
}
.btn.icon-search-arrow::after {
  content: '';
  width: 24px;
  height: 24px;
  margin-left: 8px;
  -webkit-mask: url(../images2/icon-action-search.svg) no-repeat 50% 50%;
  mask: url(../images2/icon-action-search.svg) no-repeat 50% 50%;
  -webkit-mask-size: cover;
  mask-size: cover;
}
.btn.icon-add-arrow::after {
  content: '';
  width: 13px;
  height: 16px;
  margin-left: 8px;
  -webkit-mask: url(../images2/add.svg) no-repeat 50% 50%;
  mask: url(../images2/add.svg) no-repeat 50% 50%;
  -webkit-mask-size: cover;
  mask-size: cover;
}
.btn.icon-add-before::before {
  content: '';
  width: 15px;
  height: 22px;
  margin-right: 8px;
  -webkit-mask: url(../images2/add.svg) no-repeat 50% 50%;
  mask: url(../images2/add.svg) no-repeat 50% 50%;
  -webkit-mask-size: cover;
  mask-size: cover;
}
.btn.icon-remove-before::before {
  content: '';
  width: 15px;
  height: 22px;
  margin-right: 8px;
  -webkit-mask: url(../images2/remove.svg) no-repeat 50% 50%;
  mask: url(../images2/remove.svg) no-repeat 50% 50%;
  -webkit-mask-size: cover;
  mask-size: cover;
}
.btn.icon-sync::before {
  content: '';
  width: 22px;
  height: 22px;
  margin-right: 8px;
  -webkit-mask: url(../images2/icon-sync.svg) no-repeat 50% 50%;
  mask: url(../images2/icon-sync.svg) no-repeat 50% 50%;
  -webkit-mask-size: cover;
  mask-size: cover;
}
.btn.icon-copy-left::before {
  content: '';
  width: 22px;
  height: 22px;
  margin-right: 8px;
  -webkit-mask: url(../images2/file_copy.svg) no-repeat 50% 50%;
  mask: url(../images2/file_copy.svg) no-repeat 50% 50%;
  -webkit-mask-size: cover;
  mask-size: cover;
}
.btn.icon-delete-left::before {
  content: '';
  width: 22px;
  height: 22px;
  margin-right: 8px;
  -webkit-mask: url(../images2/delete_forever_blue.svg) no-repeat 50% 50%;
  mask: url(../images2/delete_forever_blue.svg) no-repeat 50% 50%;
  -webkit-mask-size: cover;
  mask-size: cover;
}
.btn.icon-delete-white::before {
  content: '';
  width: 15px;
  height: 22px;
  margin-right: 8px;
  -webkit-mask: url(../images2/delete_forever.svg) no-repeat 50% 50%;
  mask: url(../images2/delete_forever.svg) no-repeat 50% 50%;
  -webkit-mask-size: cover;
  mask-size: cover;
}
.btn.icon-edit-before::before {
  content: '';
  width: 14px;
  height: 14px;
  margin-right: 8px;
  -webkit-mask: url(../images2/edit_button.svg) no-repeat 50% 50%;
  mask: url(../images2/edit_button.svg) no-repeat 50% 50%;
  -webkit-mask-size: cover;
  mask-size: cover;
}
.btn.icon-fullscreen::before {
  content: '';
  width: 14px;
  height: 14px;
  margin-right: 8px;
  -webkit-mask: url(../images2/fullscreen.svg) no-repeat 50% 50%;
  mask: url(../images2/fullscreen.svg) no-repeat 50% 50%;
  -webkit-mask-size: cover;
  mask-size: cover;
  background-color: white !important;
}
.btn.primary:disabled,
.btn.default:disabled,
.btn.btn.success:disabled,
.btn.danger:disabled,
.btn.secundary:disabled {
  background-color: var(--color-gray-4);
}
/* Button primary - Blue */
.btn.primary {
  background-color: var(--button-primary-color);
  border: 1px solid var(--button-primary-color);
  color: var(--button-primary-text-color);
}
.btn.primary:hover {
  background-color: var(--button-primary-hover-color);
  border: 1px solid var(--button-primary-hover-color);
}
.btn.primary:active {
  background-color: var(--button-primary-active-color);
  border: 1px solid var(--button-primary-active-color);
}
.btn.primary::before,
.btn.primary::after {
  background-color: var(--button-primary-text-color);
}
.btn.primary-outline {
  background: none;
  color: var(--button-primary-color);
  border: 1px solid var(--button-primary-color);
}
.btn.primary-outline::before,
.btn.primary-outline::after {
  background-color: var(--button-primary-color);
}
.btn.primary-outline:hover {
  background: none;
  color: var(--button-primary-hover-color);
  border: 1px solid var(--button-primary-hover-color);
}
.btn.primary-outline:hover::before,
.btn.primary-outline:hover::after {
  background-color: var(--button-primary-hover-color);
}
.btn.primary-outline:active {
  background: none;
  color: var(--button-primary-active-color);
  border: 1px solid var(--button-primary-active-color);
}
.btn.primary-outline:active::before,
.btn.primary-outline:active::after {
  background-color: var(--button-primary-active-color);
}
.btn.primary-text {
  background: none;
  color: var(--button-primary-color);
}
.btn.primary-text:hover {
  color: var(--button-primary-hover-color);
}
.btn.primary-text:hover::before,
.btn.primary-text:hover::after {
  background-color: var(--button-primary-hover-color);
}
.btn.primary-text:active {
  background-color: var(--button-primary-text-text-color);
  color: var(--button-primary-active-color);
}
.btn.primary-text:active::before,
.btn.primary-text:active::after {
  background-color: var(--button-primary-active-color);
}
.btn.primary-text::before,
.btn.primary-text::after {
  background-color: var(--button-primary-color);
}
/* Button Default - Gray */
.btn.default {
  background-color: var(--color-gray-5);
  border: 1px solid var(--color-gray-5);
  color: var(--color-gray-10);
}
.btn.default:hover,
.btn.default:active {
  background-color: var(--color-gray-6);
}
.btn.default::before,
.btn.default::after {
  background-color: var(--color-gray-10);
}
.btn.default-outline {
  background: none;
  border: 1px solid var(--color-gray-5);
  color: var(--color-gray-10);
}
.btn.default-outline:hover {
  border: 1px solid var(--color-gray-6);
}
.btn.default-outline:active {
  border: 1px solid var(--color-gray-5);
}
.btn.default-outline::before,
.btn.default-outline::after {
  background-color: var(--color-gray-10);
}
.btn.default-text {
  background: none;
  color: var(--color-gray-10);
}
.btn.default-text:active {
  background-color: var(--color-gray-2);
}
.btn.default-text::before,
.btn.default-text::after {
  background-color: var(--color-gray-10);
}
.btn.default-text.active {
  background-color: var(--color-gray-2);
}
/* Button Success - Green */
.btn.success {
  background-color: var(--button-success-color);
  border: 1px solid var(--button-success-color);
  color: var(--button-success-text-color);
}
.btn.success:hover {
  background-color: var(--button-success-hover-color);
  border: 1px solid var(--button-success-hover-color);
}
.btn.success:active {
  background-color: var(--button-success-hover-color);
  border: 1px solid var(--button-success-hover-color);
}
.btn.success::before,
.btn.success::after {
  background-color: var(--button-success-text-color);
}
.btn.success-outline {
  background: none;
  border: 1px solid var(--button-success-color);
  color: var(--button-success-color);
}
.btn.success-outline::before,
.btn.success-outline::after {
  background-color: var(--button-success-color);
}
.btn.success-outline:hover {
  border: 1px solid var(--button-success-background-color);
  color: var(--button-success-background-color);
}
.btn.success-outline:hover::before,
.btn.success-outline:hover::after {
  background-color: var(--button-success-background-color);
}
.btn.success-outline:active {
  border: 1px solid var(--button-success-color);
  color: var(--button-success-background-color);
}
.btn.success-text {
  background: none;
  color: var(--button-success-color);
}
.btn.success-text::before,
.btn.success-text::after {
  background-color: var(--button-success-color);
}
.btn.success-text:hover {
  color: var(--button-success-background-color);
}
.btn.success-text:hover::before,
.btn.success-text:hover::after {
  background-color: var(--button-success-background-color);
}
.btn.success-text:active {
  background-color: var(--button-success-text-text-color);
  color: var(--button-success-hover-color);
}
/* Button Danger - Red */
.btn.danger {
  background-color: var(--button-red-color);
  border: 1px solid var(--button-red-color);
  color: var(--button-red-text-color);
}
.btn.danger::before,
.btn.danger::after {
  background-color: var(--button-red-text-color);
}
.btn.danger:hover {
  background-color: var(--button-red-background-color);
  border: 1px solid var(--button-red-background-color);
}
.btn.danger:active {
  background-color: var(--button-red-hover-color);
  border: 1px solid var(--button-red-hover-color);
}
.btn.danger-outline {
  background: none;
  border: 1px solid var(--button-red-color);
  color: var(--button-red-color);
}
.btn.danger-outline::before,
.btn.danger-outline::after {
  background-color: var(--button-red-color);
}
.btn.danger-outline:hover {
  border: 1px solid var(--button-red-background-color);
  color: var(--button-red-background-color);
}
.btn.danger-outline:hover::before,
.btn.danger-outline:hover::after {
  background-color: var(--button-red-background-color);
}
.btn.danger-outline:active {
  background-color: var(--button-red-text-text-color);
  border: 1px solid var(--button-red-color);
  color: var(--button-red-color);
}
.btn.danger-outline:active::before,
.btn.danger-outline:active::after {
  background-color: var(--button-red-color);
}
.btn.danger-text {
  background: none;
  color: var(--button-red-color);
}
.btn.danger-text::before,
.btn.danger-text::after {
  background-color: var(--button-red-color);
}
.btn.danger-text:hover {
  color: var(--button-red-background-color);
}
.btn.danger-text:hover::before,
.btn.danger-text:hover::after {
  background-color: var(--button-red-background-color);
}
.btn.danger-text:active {
  background-color: var(--button-red-text-text-color);
  color: var(--button-red-color);
}
.btn.danger-text:active::before,
.btn.danger-text:active::after {
  background-color: var(--button-red-color);
}
/* Button Secundary - Gold */
.btn.secundary {
  background-color: var(--button-secundary-color);
  border: 1px solid var(--button-secundary-color);
  color: var(--button-secundary-text-color);
}
.btn.secundary::before,
.btn.secundary::after {
  background-color: var(--button-secundary-text-color);
}
.btn.secundary:hover {
  background-color: var(--button-secundary-hover-color);
  border: 1px solid var(--button-secundary-hover-color);
}
.btn.secundary:active {
  background-color: var(--button-secundary-active-color);
  border: 1px solid var(--button-secundary-active-color);
}
.btn.secundary-outline {
  background: none;
  border: 1px solid var(--button-secundary-color);
  color: var(--button-secundary-color);
}
.btn.secundary-outline::before,
.btn.secundary-outline::after {
  background-color: var(--button-secundary-color);
}
.btn.secundary-outline:hover {
  border: 1px solid var(--button-secundary-hover-color);
  color: var(--button-secundary-hover-color);
}
.btn.secundary-outline:hover::before,
.btn.secundary-outline:hover::after {
  background-color: var(--button-secundary-hover-color);
}
.btn.secundary-outline:active {
  border: 1px solid var(--button-secundary-color);
  color: var(--button-secundary-active-color);
}
.btn.secundary-outline:active::before,
.btn.secundary-outline:active::after {
  background-color: var(--button-secundary-color);
}
.btn.secundary-text {
  background: none;
  color: var(--button-secundary-color);
}
.btn.secundary-text::before,
.btn.secundary-text::after {
  background-color: var(--button-secundary-color);
}
.btn.secundary-text:hover {
  color: var(--button-secundary-hover-color);
}
.btn.secundary-text:hover::before,
.btn.secundary-text:hover::after {
  background-color: var(--button-secundary-hover-color);
}
.btn.secundary-text:active {
  color: var(--button-secundary-active-color);
}
.btn.secundary-text:active::before,
.btn.secundary-text:active::after {
  background-color: var(--button-secundary-active-color);
}
/* Buttons Dark */
.btn.dark {
  background-color: var(--color-white);
  border: var(--color-white);
  color: var(--color-gray-10);
}
.btn.dark:hover,
.btn.dark:active {
  background-color: var(--color-gray-6);
}
.btn.dark::before,
.btn.dark::after {
  background-color: var(--color-gray-10);
}
.btn.dark:disabled {
  cursor: not-allowed;
  background-color: var(--color-gray-8);
  color: var(--color-gray-1);
}
.btn.dark:disabled::before,
.btn.dark:disabled::after {
  background-color: var(--color-gray-1);
}
.btn.dark-outline {
  background: none;
  border: 1px solid var(--color-gray-7);
  color: var(--color-gray-1);
}
.btn.dark-outline:hover {
  border: 1px solid var(--color-gray-6);
}
.btn.dark-outline:active {
  background-color: var(--color-gray-8);
  border: 1px solid var(--color-gray-1);
}
.btn.dark-outline::before,
.btn.dark-outline::after {
  background-color: var(--color-gray-1);
}
.btn.dark-outline:disabled {
  cursor: not-allowed;
  border: 1px solid var(--color-gray-8);
  color: var(--color-gray-8);
}
.btn.dark-outline:disabled::before,
.btn.dark-outline:disabled::after {
  background-color: var(--color-gray-8);
}
.btn.dark-outline:disabled:active {
  background: none;
}
.btn.dark-text {
  background: none;
  color: var(--color-gray-1);
}
.btn.dark-text::before,
.btn.dark-text::after {
  background-color: var(--color-gray-1);
}
.btn.dark-text:hover {
  color: var(--color-white);
}
.btn.dark-text:hover::before,
.btn.dark-text:hover::after {
  background-color: var(--color-white);
}
.btn.dark-text:active {
  background-color: var(--color-gray-8);
}
.btn.dark-text:disabled {
  cursor: not-allowed;
  color: var(--color-gray-8);
}
.btn.dark-text:disabled:hover {
  background: none;
}
.btn.dark-text:disabled::before,
.btn.dark-text:disabled::after {
  background-color: var(--color-gray-8);
}
.btn.primary:disabled,
.btn.default:disabled,
.btn.btn.success:disabled,
.btn.danger:disabled,
.btn.secundary:disabled {
  cursor: not-allowed;
  border: 1px solid var(--button-disabled-background-color);
  background-color: var(--button-disabled-background-color);
  color: var(--button-disabled-text-color);
}
.btn.primary:disabled::before,
.btn.default:disabled::before,
.btn.btn.success:disabled::before,
.btn.danger:disabled::before,
.btn.secundary:disabled::before,
.btn.primary:disabled::after,
.btn.default:disabled::after,
.btn.btn.success:disabled::after,
.btn.danger:disabled::after,
.btn.secundary:disabled::after {
  background-color: var(--button-disabled-text-color);
}
.btn.primary:disabled:active,
.btn.default:disabled:active,
.btn.btn.success:disabled:active,
.btn.danger:disabled:active,
.btn.secundary:disabled:active {
  background: var(--button-disabled-background-color);
}
.btn.primary-outline:disabled,
.btn.default-outline:disabled,
.btn.btn.success-outline:disabled,
.btn.danger-outline:disabled,
.btn.secundary-outline:disabled {
  cursor: not-allowed;
  border: 1px solid var(--button-disabled-background-color);
  color: var(--button-disabled-background-color);
}
.btn.primary-outline:disabled::before,
.btn.default-outline:disabled::before,
.btn.btn.success-outline:disabled::before,
.btn.danger-outline:disabled::before,
.btn.secundary-outline:disabled::before,
.btn.primary-outline:disabled::after,
.btn.default-outline:disabled::after,
.btn.btn.success-outline:disabled::after,
.btn.danger-outline:disabled::after,
.btn.secundary-outline:disabled::after {
  background-color: var(--button-disabled-background-color);
}
.btn.primary-outline:disabled:active,
.btn.default-outline:disabled:active,
.btn.btn.success-outline:disabled:active,
.btn.danger-outline:disabled:active,
.btn.secundary-outline:disabled:active {
  background: none;
}
.btn.primary-text:disabled,
.btn.default-text:disabled,
.btn.btn.success-text:disabled,
.btn.danger-text:disabled,
.btn.secundary-text:disabled {
  cursor: not-allowed;
  color: var(--button-disabled-background-color);
}
.btn.primary-text:disabled::before,
.btn.default-text:disabled::before,
.btn.btn.success-text:disabled::before,
.btn.danger-text:disabled::before,
.btn.secundary-text:disabled::before,
.btn.primary-text:disabled::after,
.btn.default-text:disabled::after,
.btn.btn.success-text:disabled::after,
.btn.danger-text:disabled::after,
.btn.secundary-text:disabled::after {
  background-color: var(--button-disabled-background-color);
}
.btn.primary-text:disabled:active,
.btn.default-text:disabled:active,
.btn.btn.success-text:disabled:active,
.btn.danger-text:disabled:active,
.btn.secundary-text:disabled:active {
  background: none;
}
a.btn {
  text-decoration: none;
  width: fit-content;
}
#style-guide {
  margin-bottom: 20px;
}
#style-guide header {
  background: linear-gradient(90deg, var(--color-blue-6) 0%, var(--color-blue-10) 100%);
  padding: 77px 0;
  margin-bottom: 70px;
}
#style-guide header h1,
#style-guide header h2 {
  color: var(--color-gray-5) !important;
}
#style-guide .hr-style-guide {
  height: 5px;
  width: 100%;
  background-color: var(--color-blue-6);
  border: none;
  margin: 16px auto 30px auto;
}
.menu-head {
  display: inline-flex;
  width: 100%;
}
.background-topbar {
  position: absolute;
  background-color: var(--topbar-background-color);
  width: 100%;
  height: 64px;
  z-index: -1;
}
.topbar {
  display: flex;
  position: relative;
  width: 100% !important;
  height: 64px;
}
.topbar h1 {
  padding-top: 5px;
  position: relative;
  margin-left: 32px;
  display: inline-flex;
  flex-grow: 2;
}
.topbar h1 a {
  text-decoration: none;
  font-family: 'OpenSans ExtraBold';
  color: var(--topbar-text-color);
}
.topbar .actions {
  display: inline-flex;
  margin-right: 35px;
  align-items: center;
}
.topbar .actions .icons-actions {
  position: relative;
  margin-left: 32px;
}
.topbar .actions .icons-actions .notification {
  position: absolute;
  top: -5px;
  right: -15px;
  margin: 0;
}
.notification {
  float: right;
  position: relative;
  margin-top: 20px;
  margin-right: 24px;
  margin-bottom: 28px;
  padding: 2px 5px 2px 5px;
  background-color: var(--tag-notification-background-color) !important;
  border: 1.5px solid var(--color-white);
  border-radius: 16px !important;
  flex-direction: row !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 0px 5px !important;
  z-index: 2;
}
.notification label {
  font-family: 'OpenSans Bold';
  font-size: 9px;
  line-height: 12px;
  color: var(--tag-notification-label-color);
  display: flex;
  align-items: center;
}
.simple-topbar h1 {
  padding-top: 5px;
  position: relative;
  font-family: 'OpenSans Bold';
  padding-left: 3%;
  color: var(--color-blue-10);
}
.skipnav {
  text-align: left;
  position: absolute;
}
.skipnav a {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute;
  height: 1px;
  width: 1px;
  overflow: hidden;
}
.skipnav a:focus,
.skipnav a:active {
  position: absolute;
  overflow: visible;
  text-decoration: underline;
  background-color: var(--color-blue-1);
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(191, 82, 4, 0.6);
  clip: auto;
  color: var(--color-blue-10);
  display: block;
  font-size: 13px;
  font-weight: bold;
  height: auto;
  line-height: normal;
  padding: 15px 23px 14px;
  top: 5px;
  left: 5px;
  width: 160px;
  z-index: 100000;
}
html {
  height: 100%;
}
body {
  min-height: 100%;
  display: grid;
  grid-template-rows: 1fr auto;
}
.style-guide-footer {
  position: relative;
  background-color: #DDE5E7;
  width: 100%;
  padding: 40px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.style-guide-footer h1 {
  position: relative;
  font-family: 'OpenSans Bold';
  color: var(--color-blue-10);
  margin-right: 76px;
}
.style-guide-footer .footer-list {
  margin-left: 157px;
}
.style-guide-footer .footer-list div {
  display: table-cell;
  position: relative;
}
.style-guide-footer .footer-list a {
  font-size: 14px;
  line-height: 21px;
  color: var(--color-blue-10);
  white-space: nowrap;
  text-decoration: none;
  padding-bottom: 16px;
  margin-right: 64px;
}
.style-guide-footer img {
  margin-left: 10px;
  margin-right: 10px;
}
.footer {
  position: relative;
  background-color: var(--footer-background-color);
  width: 100%;
  padding: 40px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  grid-row-start: 2;
  grid-row-end: 3;
}
.footer h1 {
  position: relative;
  font-family: 'OpenSans Bold';
  color: var(--color-blue-10);
  margin-right: 76px;
}
.footer small {
  color: var(--footer-text-color);
}
.footer .footer-list {
  margin-left: 157px;
}
.footer .footer-list .listContainer div {
  display: table-cell;
  position: relative;
}
.footer .footer-list a {
  font-size: 14px;
  line-height: 21px;
  color: var(--footer-text-color);
  white-space: nowrap;
  text-decoration: none;
  padding-bottom: 16px;
  margin-right: 64px;
}
.footer img {
  margin-left: 10px;
  margin-right: 10px;
}
@media screen and (max-width: 980px) {
  .footer {
    display: grid;
  }
  .footer .footer-list {
    margin-left: 0;
    text-align: center;
  }
  .footer img {
    justify-self: center;
  }
  .footer .listContainer {
    display: flex;
    flex-flow: wrap;
  }
  .footer .listContainer div {
    width: 50%;
  }
  .footer .listContainer div a {
    margin-right: 0 !important;
  }
  .footer .listContainer div:nth-child(3) p:first-child,
  .footer .listContainer div:nth-child(4) p:first-child {
    margin-top: 0;
  }
}
@media screen and (max-width: 439px) {
  .footer .listContainer div {
    width: 100%;
  }
  .footer .listContainer div:nth-child(2) p:first-child {
    margin-top: 0;
  }
  .footer small {
    font-size: 8px !important;
    line-height: 12px !important;
  }
  .footer img {
    margin: 0 5px;
  }
  .page-content .h-100 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .topbar h1 {
    margin-left: 16px;
  }
  .actions {
    margin-right: 16px !important;
  }
}
@media screen and (max-width: 400px) {
  .form-chk,
  div:has(> .input-chk-box):not(.modal-columns-selector):not(.info-header) {
    display: block !important;
  }
  .form-chk .input-chk:not(.input-chk:last-child),
  div:has(> .input-chk-box):not(.modal-columns-selector):not(.info-header) .input-chk:not(.input-chk:last-child) {
    margin-bottom: 8px;
  }
}
details > summary {
  list-style: none;
}
details > summary::-webkit-details-marker {
  display: none;
}
.details-body {
  background-color: var(--details-body-background-color);
  border-radius: 4px;
  box-shadow: 0px 2px 16px 5px rgba(0, 0, 0, 0.08);
  padding: 28px 12px 0;
  font-size: 12px;
  line-height: 16px;
  color: var(--details-text-color);
}
.details-body .content details:last-child {
  margin-bottom: 0;
}
[class^="col-"]:has(details .details-body .data-table) {
  display: block !important;
  width: 100% !important;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch !important;
}
[class^="col-"]:has(details .details-body .data-table) details {
  min-width: 100%;
}
@media screen and (max-width: 850px) {
  [class^="col-"]:has(details .details-body .data-table) details {
    width: max-content;
  }
}
[class^="col-"]:has(details .details-body .data-table) details .details-body {
  width: fit-content;
  min-width: 100%;
}
details {
  border-radius: 4px;
  margin-bottom: 32px;
}
details summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 24px;
  position: relative;
  border-radius: 4px;
  cursor: pointer;
}
details summary img {
  transition: 0.25s transform ease;
  transform: rotate(0deg);
}
details .ico {
  padding: 1px 2px;
  width: 16px;
  height: 16px;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 4px;
  margin-left: 0 !important;
}
details .ico.alert {
  background-color: var(--icon-my-approve-background-alert-color);
}
details .ico.warn {
  background-color: var(--icon-my-approve-background-color);
}
details .details-photo img {
  width: 90px;
  height: 90px;
}
details .row {
  width: 100%;
}
details[open] > summary > img,
details[open] > summary > .section-header > img,
details[open] > summary > .icons-container > img:last-child,
details[open] > summary > .acord-sumary > img {
  transform: rotate(180deg);
}
details[open] > summary > .section-header::before {
  content: 'Fechar Seções' !important;
}
@media screen and (max-width: 400px) {
  details[open] > summary > .section-header::before {
    content: '' !important;
  }
}
.primary .details-header {
  max-height: 40px;
  background-color: var(--details-header-primary-background-color);
  color: var(--details-header-primary-text-color);
  pointer-events: none;
}
.primary .details-header select {
  pointer-events: all;
}
.primary .details-header button {
  pointer-events: all;
}
.primary .details-header input {
  pointer-events: all;
}
.primary .details-header.blue-5 {
  background-color: var(--color-blue-5) !important;
}
.primary .details-header.blue-8 {
  background-color: var(--color-blue-8) !important;
}
.primary .details-header .section-header::before {
  content: 'Expandir Seções';
  color: var(--details-header-before-text-color);
  font-size: 11px;
  line-height: 15px;
  font-family: 'OpenSans Bold';
}
@media screen and (max-width: 400px) {
  .primary .details-header .section-header::before {
    content: '' !important;
  }
}
.primary .details-header span.sub-title::after {
  content: '|';
  margin: 0 16px;
}
.primary .details-header .title-more-itens {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex: 2;
}
.primary .details-header > [class^='col-'] > span {
  color: var(--post-purchase-span);
}
.primary .details-header:has(> .section-header) {
  pointer-events: all;
}
.primary .info-header {
  display: flex;
  align-items: center;
  margin-left: 8px;
}
.primary .info-header img {
  cursor: pointer;
}
.primary .info-header .input-select {
  display: flex;
  align-items: center;
  border-left: 1px solid var(--input-select-border-color);
  border-right: 1px solid var(--input-select-border-color);
  padding: 0 16px;
  margin: 0 16px;
  max-height: 16px;
}
.primary .info-header .input-select select {
  margin-left: 16px;
  padding: 4px 28px 4px 8px;
}
.primary .info-header .input-select.one-item {
  border-right: none;
  margin-right: 0;
  padding-right: 0;
}
.primary .info-header .input-chk-box {
  margin: 0;
  margin-right: 16px;
  max-height: 16px;
}
.primary .info-header .import {
  display: flex;
  align-items: center;
  margin-left: 16px;
}
.primary .info-header .import .tooltip img {
  height: 20px;
  width: 20px;
}
.primary .info-header .import img {
  margin-right: 8px;
}
.border-right-none {
  border-right: none !important;
  margin-right: 0 !important;
  padding-right: 0 !important;
}
.section-header {
  display: flex;
}
.section-actions {
  display: flex;
}
.form-details {
  background-color: var(--details-form-header-background-color);
}
.form-details .details-header {
  background-color: var(--details-form-header-background-color);
  font-weight: 600;
  padding: 12px 16px;
  max-height: unset;
}
.form-details .details-header .input-chk-box > .form-check-label {
  font-family: 'OpenSans SemiBold';
  font-size: 12px;
  line-height: 16px;
}
.form-details .details-header .icon-warning {
  width: 16px;
  height: 16px;
  background-color: var(--color-gold-6);
  border-radius: 4px 0 4px 0;
}
.form-details .details-header .icon-danger {
  width: 16px;
  height: 16px;
  background-color: var(--color-red-6);
  border-radius: 4px 0 4px 0;
}
.form-details .details-header .number-contract {
  font-family: 'OpenSans Bold';
  color: var(--details-form-header-number-contract-color);
}
.form-details .details-body {
  padding: 0 16px 16px;
  background-color: var(--details-form-body-background-color);
}
.form-details .details-body hr {
  border: var(--details-form-body-hr);
  margin-top: 0;
  margin-bottom: 16px;
}
.responsible-status {
  background: var(--progress-bar-background-color);
  border-radius: 4px;
}
.responsible-status .stats-title {
  display: inline-flex;
  justify-content: space-between;
  color: var(--color-white);
  background: var(--progress-bar-stats-title-background-color);
  border-radius: 4px 4px 0px 0px;
}
.responsible-status .stats-title button {
  color: var(--progress-bar-button-text-color);
  white-space: nowrap;
  width: min-content;
  position: relative;
  margin: 4px 16px 4px 0px;
  background-color: unset;
  border: unset;
}
.responsible-status .stats-title button.no-border {
  border: unset;
}
.responsible-status .stats-title button:hover {
  background-color: unset;
}
.responsible-status .stats-title button::before {
  background-color: var(--progress-bar-button-icon-color);
}
.responsible-status .stats-title button:hover {
  border: 1px solid var(--color-blue-5);
}
.responsible-status .stats-title button:hover.no-border {
  border: unset;
}
.responsible-status .stats-title small {
  font-weight: 700 !important;
  font-size: 14px !important;
  margin: 12px 0px 8px 28px;
}
.responsible-status .homolog-responsible {
  display: inline-flex;
  justify-content: space-between;
  margin-bottom: 32px;
}
.responsible-status .homolog-responsible .stats-responsible {
  display: inline-flex;
  justify-content: space-around;
  margin-top: 11px;
  margin-left: 28px;
}
.responsible-status .homolog-tags {
  display: inline-flex;
  justify-content: center;
}
.responsible-status .homolog-status table {
  background: var(--color-gray-2);
}
.last-comment-title {
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
}
.last-comment-title a {
  text-decoration: none;
  color: var(--last-comment-text-color);
  padding: 0 8px;
  border-left: 1px solid var(--last-comment-border-color);
}
.last-comment-title a:last-child {
  color: var(--last-comment-text-button-color);
}
.last-comment-title a:first-child {
  border: none;
  padding: 0 8px 0 0;
  color: var(--last-comment-text-button-color);
}
.general-data {
  padding: 24px 21px;
  border-radius: 0px 4px 4px 0px;
  margin-left: -12px;
  background: var(--background-general-data);
  display: flex;
  justify-content: space-around;
}
.warning-msg {
  display: inline-flex;
  color: var(--card-contact-supplier-warning-text-color);
  align-items: center;
  letter-spacing: 0.4px;
}
.general-data-payment {
  margin-left: 24px;
  margin-right: 12px !important;
}
.request-header .responsible-status .stats-title {
  height: 32px;
}
.request-header .responsible-status .stats-title button {
  height: 24px;
}
.request-header .responsible-status .stats-title small {
  margin: 8px 0px 9px 16px;
}
.request-header .responsible-status .homolog-responsible {
  margin-bottom: unset;
}
.request-header .responsible-status .homolog-responsible .stats-responsible {
  display: inline-flex;
  justify-content: unset;
  margin: 16px 16px 55px 16px;
}
.request-header .responsible-status .homolog-responsible .stats-responsible .status {
  margin-right: 58px;
}
.request-header .responsible-status .homolog-responsible .stats-responsible .status .status-title {
  width: fit-content;
}
.request-header .responsible-status .homolog-responsible .stats-responsible .status:last-child {
  margin-right: 0px;
}
.request-header .last-comment-title {
  padding-bottom: 4px;
  border-bottom: 1px var(--color-gray-5) solid;
}
.request-header summary {
  padding: unset;
  border-bottom: 1px var(--color-gray-5) solid;
}
.request-header summary .acord-sumary p {
  margin: unset;
}
.request-header .acord-detail {
  border: unset;
}
.request-header .approval-flow p {
  margin: unset;
  color: var(--color-blue-10);
  font-family: 'OpenSans SemiBold';
}
@media screen and (max-width: 780px) {
  .stats-title,
  summary:has(> .d-flex > button) {
    height: fit-content !important;
  }
  .stats-title > div,
  summary:has(> .d-flex > button) > div {
    display: block !important;
  }
  .stats-title > div > button,
  summary:has(> .d-flex > button) > div > button {
    margin: 0 !important;
  }
  summary:has(> .d-flex > button) {
    max-height: unset !important;
    padding: 0 24px !important;
  }
  .stats-responsible {
    display: block !important;
    margin-bottom: 16px !important;
  }
  .stats-responsible > div {
    margin: 24px 0 0 !important;
  }
  .stats-responsible > div .status-title {
    margin-bottom: 8px !important;
  }
  .homolog-tags {
    display: grid !important;
  }
  .homolog-tags > div {
    margin: 16px 0 !important;
  }
}
label.input-label {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.4px;
}
.input-label.gray-6 {
  color: var(--label-color-gray-6) !important;
}
.input-label.gray-8 {
  color: var(--label-color-gray-8) !important;
}
.input-label.gray-9 {
  color: var(--label-color-gray-9) !important;
}
.input-label.blue-9 {
  color: var(--label-color-blue-8) !important;
}
.input-label.blue-10 {
  color: var(--label-color-blue-10) !important;
}
.required {
  color: var(--label-required-after) !important;
}
label.required::after {
  color: var(--label-required-after);
  content: ' *';
}
.alert-box {
  font-family: 'OpenSans SemiBold';
  color: var(--color-red-6) !important;
}
.alert-box span {
  font-family: 'OpenSans Bold' !important;
}
/* radio and checkbox */
.form-check-input {
  width: 16px;
  height: 16px;
  min-width: 16px;
  margin: 0;
  vertical-align: top;
  background-color: var(--radio-background-color);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: 1.5px solid var(--radio-color);
  padding: 0 !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-print-color-adjust: exact;
  color-adjust: exact;
  print-color-adjust: exact;
  border-radius: 4px;
}
.form-check-input:checked {
  background-color: var(--radio-color);
  border-color: var(--radio-color);
}
.form-check-input:checked[type=checkbox] {
  background-image: var(--checkbox-icon-svg);
  background-size: 11px;
}
.form-check-input:checked[type=radio] {
  background-image: var(--radio-background-svg);
}
.form-check-input[type=checkbox]:indeterminate {
  background-color: var(--radio-color);
  border-color: var(--radio-color);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}
.form-check-input:disabled {
  background-color: var(--radio-color-disable) !important;
  border-color: var(--radio-color-disable) !important;
  pointer-events: none;
  filter: none;
  opacity: 0.5;
}
label.form-check-label {
  font-family: 'OpenSans';
  font-size: 12px;
  line-height: 12px;
  padding-left: 8px;
}
.form-chk {
  width: 100%;
  display: flex;
  align-items: center;
  margin: 6px 0 0 0;
}
.input-chk {
  display: flex;
  align-items: center;
  margin-right: 24px;
}
.input-chk input {
  border-radius: 50%;
}
.input-chk-box {
  display: flex;
  align-items: center;
  margin-right: 24px;
  margin-top: 8px;
}
.input-chk-box input {
  border-radius: 4px;
}
.form-check-tab {
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  color: var(--color-gray-9);
}
.form-check-tab .input-chk input {
  display: none;
}
.form-check-tab div.input-chk {
  margin-right: 16px;
}
.form-check-tab .form-chk label {
  padding: 0 5px;
}
.form-check-tab .form-check-input:checked[type="radio"] + label div {
  width: 100%;
  height: 6px;
  background: var(--color-orange-7);
  border-radius: 8px 8px 0 0;
}
.form-check-tab .form-chk {
  margin: 0px 0;
  align-items: flex-start;
  padding-top: 16px;
}
/* Inputs */
.field {
  display: flex;
  flex-direction: column-reverse;
}
.field label {
  margin-bottom: 4px;
  font-family: 'OpenSans SemiBold';
  text-align: left;
}
.field label span {
  font-family: 'OpenSans' !important;
  font-size: 12px;
  line-height: 16px;
  color: var(--color-gray-7);
}
.field input:required + label::after {
  content: ' *';
  color: var(--star-required-color);
}
.field .required-label-tooltip {
  margin-bottom: 4px;
}
.field .required-label-tooltip label:after {
  content: ' *';
  color: var(--star-required-color);
}
.field textarea:required + label::after {
  content: ' *';
  color: var(--star-required-color);
}
.field select:required + label::after {
  content: ' *';
  color: var(--star-required-color);
}
.field .search-left {
  position: absolute;
  height: 18px !important;
  margin: 11px 4px 11px 15px;
}
.field input {
  display: block;
  color: var(--input-color) !important;
  padding: 8px 12px;
  border: 1.5px solid var(--input-border-color);
  border-radius: 5px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  outline: none;
}
.field input[type=password] {
  height: 40px;
}
.field input.cb-livesearch-input {
  height: 40px;
  min-width: 150px;
}
.field input[type=text] {
  height: 40px;
}
.field input[type=text].error {
  border: 1.5px solid var(--input-error-color);
  content: ' ';
  padding-right: 16px;
  background-size: 24px 24px;
  background-image: url(../images2/warning.svg);
  background-image: -webkit-image-set url(../images2/warning.svg);
  background-image: -moz-image-set url(../images2/warning.svg);
  background-image: -o-image-set url(../images2/warning.svg);
  background-image: -ms-image-set url(../images2/warning.svg);
  background-image: image-set url(../images2/warning.svg);
  background-repeat: no-repeat;
  background-position: center right 8px;
}
.field input[type=text].success {
  border: 1.5px solid var(--color-green-6);
  content: ' ';
  padding-right: 16px;
  background-size: 24px 24px;
  background-image: url(../images2/check_circle.svg);
  background-image: -webkit-image-set url(../images2/check_circle.svg);
  background-image: -moz-image-set url(../images2/check_circle.svg);
  background-image: -o-image-set url(../images2/check_circle.svg);
  background-image: -ms-image-set url(../images2/check_circle.svg);
  background-image: image-set url(../images2/check_circle.svg);
  background-repeat: no-repeat;
  background-position: center right 8px;
}
.field input:disabled {
  color: var(--input-disable-text-color);
  background-color: var(--input-disable-color);
}
.field input:disabled + label.input-label {
  color: var(--color-gray-6) !important;
}
.field input.search-icon {
  content: ' ';
  padding-right: 16px;
  background-size: 18px 18px;
  background-image: url(../images2/search.svg);
  background-image: -webkit-image-set url(../images2/search.svg);
  background-image: -moz-image-set url(../images2/search.svg);
  background-image: -o-image-set url(../images2/search.svg);
  background-image: -ms-image-set url(../images2/search.svg);
  background-image: image-set url(../images2/search.svg);
  background-repeat: no-repeat;
  background-position: center right 8px;
}
.field input.search-icon + label.input-label {
  color: var(--search-label-text-color);
}
.field input.search-left-icon {
  content: ' ';
  padding-left: 40px;
  background-size: 18px 18px;
  background-image: url(../images2/search.svg);
  background-image: -webkit-image-set url(../images2/search.svg);
  background-image: -moz-image-set url(../images2/search.svg);
  background-image: -o-image-set url(../images2/search.svg);
  background-image: -ms-image-set url(../images2/search.svg);
  background-image: image-set url(../images2/search.svg);
  background-repeat: no-repeat;
  background-position: center left 8px;
}
.field input.search-left-icon + label.input-label {
  color: var(--search-label-text-color);
}
.field input.arrow-icon {
  content: ' ';
  padding-right: 16px;
  background-size: 18px 18px;
  background-image: url(../images2/keyboard_arrow_down.svg);
  background-image: -webkit-image-set url(../images2/keyboard_arrow_down.svg);
  background-image: -moz-image-set url(../images2/keyboard_arrow_down.svg);
  background-image: -o-image-set url(../images2/keyboard_arrow_down.svg);
  background-image: -ms-image-set url(../images2/keyboard_arrow_down.svg);
  background-image: image-set url(../images2/keyboard_arrow_down.svg);
  background-repeat: no-repeat;
  background-position: center right 8px;
}
.field input.arrow-icon + label.input-label {
  color: var(--search-label-text-color);
}
.field .error {
  display: none;
  color: var(--input-error-color);
  text-align: left;
}
.field div.error {
  margin-top: 4px;
}
.field .success {
  margin-top: 4px;
  color: var(--color-green-7);
}
.field textarea {
  background-color: var(--input-background-color);
  display: block;
  color: var(--input-color) !important;
  padding: 8px 12px;
  border: 1.5px solid var(--input-border-color);
  border-radius: 5px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  outline: none;
  font-family: 'OpenSans';
  resize: vertical;
}
.field textarea.error {
  border: 1.5px solid var(--input-error-color);
}
.field textarea:disabled {
  background-color: var(--input-disable-color);
}
.field .calendar {
  background-size: 29px 24px;
  width: 121px;
  background-image: var(--calendar-icon) !important;
  background-image: -webkit-image-set(var(--calendar-icon)) !important;
  background-image: -moz-image-set(var(--calendar-icon)) !important;
  background-image: -o-image-set(var(--calendar-icon)) !important;
  background-image: -ms-image-set(var(--calendar-icon)) !important;
  background-image: image-set(var(--calendar-icon)) !important;
  background-repeat: no-repeat;
  background-position: center right 6px;
}
input.input-error,
textarea.input-error,
select.input-error,
table.input-error,
div.input-error {
  border: 1.5px solid var(--input-error-color) !important;
}
input.input-error[type="text"],
textarea.input-error[type="text"],
select.input-error[type="text"],
table.input-error[type="text"],
div.input-error[type="text"],
input.input-error[type="password"],
textarea.input-error[type="password"],
select.input-error[type="password"],
table.input-error[type="password"],
div.input-error[type="password"],
input.input-error[type="email"],
textarea.input-error[type="email"],
select.input-error[type="email"],
table.input-error[type="email"],
div.input-error[type="email"],
input.input-error[type="phone"],
textarea.input-error[type="phone"],
select.input-error[type="phone"],
table.input-error[type="phone"],
div.input-error[type="phone"] {
  content: ' ';
  padding-right: 16px;
  background-size: 24px 24px;
  background-image: var(--input-warging-icon) !important;
  background-image: -webkit-image-set(var(--input-warging-icon)) !important;
  background-image: -moz-image-set(var(--input-warging-icon)) !important;
  background-image: -o-image-set(var(--input-warging-icon)) !important;
  background-image: -ms-image-set(var(--input-warging-icon)) !important;
  background-image: image-set(var(--input-warging-icon)) !important;
  background-repeat: no-repeat;
  background-position: center right 8px;
}
input.input-error[type="radio"],
textarea.input-error[type="radio"],
select.input-error[type="radio"],
table.input-error[type="radio"],
div.input-error[type="radio"],
input.input-error[type="checkbox"],
textarea.input-error[type="checkbox"],
select.input-error[type="checkbox"],
table.input-error[type="checkbox"],
div.input-error[type="checkbox"] {
  border: 3px solid var(--input-error-color);
}
.msg-error {
  font-size: 10px !important;
  line-height: 13px !important;
  margin-top: 4px;
  color: var(--input-error-color);
  display: none;
  text-align: left;
}
.msg-error.show {
  display: block;
}
.search-form {
  display: flex;
  flex-wrap: wrap;
  align-items: end;
}
.balance div {
  vertical-align: middle;
  display: inline-block;
  width: 8px;
  height: 32px;
  border-radius: 4px;
}
.balance .success {
  background: var(--color-green-7);
}
.balance .error {
  background: var(--color-red-7);
}
.comment {
  width: 100%;
  display: inline-flex;
  justify-content: center;
}
.comment .comment-img {
  height: 24px;
  width: 24px;
  background: var(--color-blue-5);
  border-radius: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  vertical-align: middle;
  margin-right: 30px;
}
.comment .comment-img img {
  width: 16px;
  height: 16px;
}
.status-span {
  display: block !important;
}
.comment-small {
  text-align: left !important;
  max-width: 550px;
}
.comment-small small {
  display: grid;
  margin-bottom: 4px;
  text-align: justify;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
.comment-small .comment-date {
  color: var(--modal-history-date-text-color);
}
#tableCommentary tbody td {
  text-align: justify;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
.tabs {
  display: flex;
  flex-direction: row;
  width: min-content;
  padding: 0 24px !important;
  background: var(--budget-tables-tabs-background-color);
  gap: 16px;
  justify-content: center;
  align-items: center;
  border-radius: 0px 0px 4px 4px;
  margin-bottom: 20px;
  height: 32px;
}
.tabs a {
  display: flex;
  align-items: center;
}
.tabs img {
  height: 24px !important;
  width: 24px !important;
  margin-top: 6px 0 0;
}
.tabs.blue {
  background: var(--budget-tables-tabs-background-blue-color) !important;
}
.tabs.provider {
  right: calc(50% - 73px);
}
.tabs.provider .provider-input select {
  display: inline-flex;
  width: min-content;
}
.status small {
  display: grid;
}
.status .status-content {
  display: flex;
  align-items: flex-start;
}
.status .status-small {
  position: relative;
  margin-left: 10px;
  min-width: 130px;
  white-space: normal;
}
.status .status-title {
  width: 100%;
  height: 12px;
  padding: 4px 16px;
  gap: 8px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border-radius: 16px;
}
.status .status-title small {
  color: var(--progress-bar-responsible-text-color);
  margin: 0px;
}
.status .responsible {
  background: var(--progress-bar-responsible-background-color);
}
.status .requester {
  background: var(--progress-bar-requester-background-color);
}
@media screen and (max-width: 1100px) {
  .status-small {
    min-width: unset !important;
  }
}
@media screen and (max-width: 780px) {
  .status {
    display: block;
  }
  .status .status-content:not(.pending-responsible) {
    margin: 0 8px 24px !important;
  }
  .status .status-content:last-child {
    margin-bottom: 0 !important;
  }
  .pending-status .content {
    display: block !important;
  }
  .stats-responsible > .status .status-content {
    display: block !important;
  }
  .stats-responsible > .status .status-content .status-small {
    margin: 8px 0 0 !important;
  }
}
.pending-status {
  position: relative;
  min-width: 563px;
  height: min-content;
  background: var(--pending-status-body-background-color);
}
.pending-status .pending-top {
  position: relative;
  height: 25px;
  background: var(--pending-status-header-background-color);
  border-radius: 0px 4px 0px 0px;
}
.pending-status .pending-top small {
  color: var(--pending-status-header-text-color);
  margin-left: 16px;
  padding-top: 5px;
}
.pending-status .pending-top.blue-8 {
  background: var(--color-blue-8);
}
.pending-status .pending-responsible {
  margin: 21px;
}
.pending-status .pending-stats {
  margin-top: 21px;
  padding-right: 44px;
}
.pending-status .content {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 600px) {
  .pending-status {
    min-width: 250px;
  }
}
table {
  border-spacing: unset;
}
table td {
  padding: 8px;
  max-width: 541px;
  border: none;
}
table thead td {
  padding-bottom: 0;
  padding-top: 0;
}
table .padding-16 td {
  padding: 16px !important;
}
table .w-min {
  width: min-content;
}
table .table-padding {
  padding-top: 13px;
  padding-left: 16px;
}
table .tpb-8 {
  padding-bottom: 8px;
}
table .tpb-12 {
  padding-bottom: 12px;
}
table .tpl-16 {
  padding-left: 16px;
}
table .form-body:last-child {
  margin-bottom: 0 !important;
}
table .form-body {
  background: var(--tables-background-color);
}
table .form-body img {
  float: right;
}
table .form-body .table-img {
  padding-right: 10px;
  width: 20px;
}
table .form-body.base {
  vertical-align: baseline;
}
table .table-title {
  color: var(--table-title-text-color);
}
table .table-status {
  color: var(--color-white);
  font-size: 10px;
  line-height: 10px;
  padding: 4px 16px;
  gap: 8px;
  border-radius: 16px;
  width: min-content;
}
table .table-status.green {
  background: var(--color-green-7);
  border: 1px solid var(--color-green-7);
}
table .table-status.red {
  background: var(--color-red-7);
  border: 1px solid var(--color-red-7);
}
table .table-status.yellow2 {
  background: var(--color-gold-6);
  border: 1px solid var(--color-gold-6);
  color: var(--color-white);
}
table .table-calendar {
  width: 121px;
  height: 40px;
  padding: 8px 12px;
  gap: 4px;
  background: var(--color-white);
}
table thead tr td {
  cursor: pointer;
}
table .text-center {
  text-align: center;
}
table .div-center {
  display: flex;
  justify-content: center;
}
table .row-blue-1 {
  background-color: var(--color-blue-1);
}
.multicolor-table tr:nth-child(even) {
  background-color: #f2f2f2;
}
.select {
  box-sizing: border-box;
  padding: 0px 12px;
  margin: 8px 0px;
  gap: 8px;
  width: 274px;
  height: 40px;
  background: var(--input-background-color);
  border: 1px solid var(--input-border-color);
  border-radius: 4px;
  display: inline-flex;
}
.select select {
  color: var(--input-color);
  background: var(--input-background-color);
  width: 246px;
  height: 24px;
  border: none;
  border-radius: 4px;
  box-sizing: border-box;
  padding: 0px 12px;
  margin: 8px 0px;
}
select {
  height: 40px;
}
.form-payment {
  display: flex;
  width: 100%;
  padding: 40px 16px;
  background-color: var(--color-gray-3);
}
.form-payment .info {
  width: 60%;
  font-size: 12px;
  line-height: 16px;
  color: var(--color-gray-9);
  font-family: 'OpenSans Bold';
}
.form-payment .info div {
  margin-bottom: 8px;
}
.form-payment .info span {
  font-family: 'OpenSans' !important;
}
.form-payment .payment {
  width: 40%;
  display: grid;
}
.form-payment .payment span {
  margin-bottom: 8px;
  font-family: 'OpenSans SemiBold';
  font-size: 12px;
  line-height: 18px;
  color: var(--color-gray-9);
}
.form-payment .payment .select-currency {
  display: flex;
  align-items: center;
}
.form-payment .payment .select-currency .field {
  font-size: 12px !important;
  line-height: 16px !important;
  width: 90% !important;
}
.form-payment .payment .select-currency .field input {
  width: 100%;
}
.form-payment .payment .select-currency button {
  margin-left: 8px;
  width: 10%;
}
.form-payment .payment-content {
  width: 100%;
}
.form-payment .payment-content .payment-align {
  display: flex;
  align-items: center;
}
.form-payment .payment-content .payment-align .field {
  width: 100%;
}
.form-payment .payment-content .payment-align button {
  margin-left: 8px;
}
.form-payment .payment-content p {
  color: var(--color-blue-9);
  margin: 0;
  margin-bottom: 16px;
}
.form-payment .payment-content .paying-company:not(:first-child) {
  margin-top: 8px;
}
.form-payment .payment-content .paying-company {
  width: 100%;
  background: white;
  border-radius: 4px;
  padding: 10px 18px;
  display: flex;
  justify-content: space-between;
  font-size: 11px;
  line-height: 15px;
  color: var(--color-gray-9);
}
.form-payment .payment-content .paying-company span {
  display: flex;
  align-items: center;
}
.currency-value {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 16px;
  margin-top: 8px;
  border-radius: 4px;
  background-color: var(--color-gray-4);
}
.currency-value label {
  font-size: 12px;
  line-height: 16px;
  color: var(--color-gray-9);
  width: 20%;
}
.currency-value .field {
  width: 100%;
  margin: 0 8px;
}
.currency-value a {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1200px) {
  .currency-value {
    padding: 32px 16px 0;
  }
}
.company-name p {
  color: var(--color-blue-9);
}
.company-name .paying-company:not(:first-child) {
  margin-top: 8px;
}
.company-name .paying-company {
  width: 100%;
  background: white;
  border-radius: 4px;
  padding: 10px 18px;
  display: flex;
  justify-content: space-between;
  font-size: 11px;
  line-height: 15px;
  color: var(--color-gray-9);
}
.company-name .paying-company span {
  display: flex;
  align-items: center;
}
.box-ctt {
  gap: 10px;
  background: var(--card-contact-supplier-background-color);
  border-radius: 4px;
  box-shadow: 0px 2px 16px 5px rgba(0, 0, 0, 0.08);
  padding: 12px;
}
.box-ctt > label {
  padding-left: 12px;
}
.box-ctt .table-ctt {
  display: inline-flex;
}
.box-ctt .table-ctt table thead th {
  color: var(--card-contact-supplier-title-color);
  font-family: 'OpenSans SemiBold';
  font-size: 12px;
  line-height: 16px;
  text-align: left;
}
.box-ctt .table-ctt table tbody tr td:first-child {
  padding-left: 0;
}
.box-ctt .table-ctt .ctt-email-input {
  width: 289px;
}
.box-ctt .info-ctt {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}
.box-ctt .info-ctt p {
  margin: 0;
}
.box-ctt .info-ctt a:not(:first-child) {
  position: relative;
  float: right;
  margin-left: 8px;
}
.box-address {
  max-width: 248px;
  gap: 10px;
  background: var(--card-address-supplier-background-color);
  color: var(--card-address-supplier-text-color);
  border-radius: 4px;
  box-shadow: 0px 2px 16px 5px rgba(0, 0, 0, 0.08);
  padding: 24px;
}
.box-address .info-ctt {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}
.box-address .info-ctt p {
  margin: 0;
}
.box-address .info-ctt a:not(:first-child) {
  position: relative;
  float: right;
  margin-left: 8px;
}
select {
  appearance: none;
  -webkit-appearance: none;
  padding: 8px 12px;
  border: 1.5px solid var(--input-border-color);
  border-radius: 5px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  background-color: var(--input-background-color);
  color: var(--input-color);
  background-size: 12px 12px;
  background-image: var(--select-arrow-icon);
  background-image: -webkit-image-set(var(--select-arrow-icon)) !important;
  background-image: -moz-image-set(var(--select-arrow-icon)) !important;
  background-image: -o-image-set(var(--select-arrow-icon)) !important;
  background-image: -ms-image-set(var(--select-arrow-icon)) !important;
  background-image: image-set(var(--select-arrow-icon)) !important;
  background-repeat: no-repeat;
  background-position: center right 12px;
}
.date {
  color: var(--color-gold-7);
}
.page-order {
  background: var(--data-tables-pagination-background-color);
}
.page-order label {
  margin: 0 32px;
  color: var(--data-tables-pagination-text-color);
}
.page-order a {
  text-decoration: none;
  color: var(--data-tables-pagination-text-color);
  margin-right: 24px;
}
.page-order a.disabled {
  color: var(--color-gray-4);
  pointer-events: none;
  background-color: var(--data-tables-pagination-button-background-disable-color);
}
.page-order select {
  margin-left: 16px;
  padding: 4px 28px 4px 8px;
  border: none;
  background: var(--select-arrow-icon) no-repeat right var(--input-background-color);
}
.page-order div label:first-child {
  margin: 0 !important;
  color: var(--data-tables-pagination-text-color);
}
.input-file-container {
  position: relative;
  overflow: hidden;
}
.input-file-container button,
.input-file-container a {
  position: relative;
}
.input-file-container button input,
.input-file-container a input {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.installment-table {
  background: var(--installment-table-background-color);
  border-radius: 4px;
}
.installment-table thead tr {
  margin-top: -2px;
}
.installment-table tfoot tr button {
  margin: 24px;
}
.budgets-table {
  background: var(--budget-tables-background-color);
  border: var(--budget-tables-border-color);
  border-radius: 4px;
  box-shadow: var(--budget-tables-boxshadow);
  color: var(--budget-tables-text-color);
}
.budgets-table thead tr {
  margin-top: -2px;
}
.budgets-table tbody td {
  display: flex;
  max-width: unset !important;
  width: 100%;
  flex-direction: row;
}
.budgets-table tbody td td {
  display: grid;
}
.budgets-table tfoot tr div {
  margin: 24px 0;
}
.budgets-table tfoot tr div button {
  margin: 0 24px;
}
.budgets-table tfoot tr div:empty {
  margin: 0;
}
.budgets-table p,
.budgets-table div:has(strong) {
  color: var(--budget-tables-text-color);
}
.budgets-table label:not(.dropdown .form-check-label) {
  color: var(--budget-tables-text-color);
}
.budgets-table .notification > label {
  color: var(--notification-label) !important;
}
@media screen and (max-width: 900px) {
  .budgets-table tbody tr td:not(td:has(> span)),
  .budgets-table tbody tr {
    display: block !important;
  }
  .budgets-table tbody tr td:not(td:has(> span)) td:last-child,
  .budgets-table tbody tr td:last-child {
    padding-right: 0 !important;
  }
}
[class^="col-"]:has(> div .budgets-table) {
  margin-bottom: 0 !important;
}
.tbody-budget label {
  font-family: 'OpenSans Bold';
}
.tbody-budget span {
  font-family: 'OpenSans';
}
.tbody-budget p {
  margin-top: 0 !important;
}
.tbody-budget p:last-child {
  display: flex;
  align-items: flex-end;
}
.tbody-budget tr td td div:last-child:not(:empty) {
  margin-top: 16px;
}
.tab-content {
  display: none;
  padding: 0 12px;
}
.active {
  display: block;
}
.tab .active {
  width: auto !important;
}
input.rating {
  background-color: var(--rating-star-background-color);
}
input.rating.no-background {
  background-color: #FFF;
  cursor: pointer;
}
input.rating.no-background {
  background-color: #FFF;
  cursor: pointer;
}
input.rating.no-background:disabled {
  cursor: default;
}
.rating {
  --dir: right;
  --fill: var(--rating-star-selected-color);
  --fillbg: var(--rating-star-unselected-color);
  --star: url(../images2/Estrela.svg);
  --stars: 5;
  --starsize: 18px;
  --symbol: var(--star);
  --value: 1;
  --w: calc(var(--stars) * var(--starsize));
  --x: calc(100% * (var(--value) / var(--stars)));
  block-size: var(--starsize);
  inline-size: var(--w);
  position: relative;
  touch-action: manipulation;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  -ms-appearance: none;
}
.rating::-moz-range-track {
  background: linear-gradient(to var(--dir), var(--fill) 0 var(--x), var(--fillbg) 0 var(--x));
  block-size: 100%;
  mask: repeat left center / var(--starsize) var(--symbol);
  -moz-mask: repeat left center / var(--starsize) var(--symbol);
}
.rating::-webkit-slider-runnable-track {
  background: linear-gradient(to var(--dir), var(--fill) 0 var(--x), var(--fillbg) 0 var(--x));
  block-size: 100%;
  mask: repeat left center / var(--starsize) var(--symbol);
  -moz-mask: repeat left center / var(--starsize) var(--symbol);
  -webkit-mask: repeat left center / var(--starsize) var(--symbol);
  -o-mask: repeat left center / var(--starsize) var(--symbol);
  -ms-mask: repeat left center / var(--starsize) var(--symbol);
}
.rating::-moz-range-thumb {
  background: var(--color-white);
  border: none;
}
.rating::-webkit-slider-thumb {
  margin-top: -16px;
}
.Installment-btn {
  display: flex;
}
.installment-add-remove {
  display: flex;
}
.overflow-x-auto {
  overflow-x: auto;
  overflow-y: hidden;
}
@media screen and (max-width: 1350px) {
  .Installment-btn {
    display: block;
  }
  .Installment-btn button {
    margin-left: 0;
    margin-top: 16px;
    white-space: normal !important;
  }
  .installment-add-remove {
    display: block;
  }
  .installment-add-remove button:last-child {
    margin-top: 16px;
  }
}
.tooltip {
  position: relative;
  display: inline-block;
  cursor: pointer;
}
.tooltip img {
  width: 14px;
  margin-left: 4px;
  margin-bottom: -2px;
}
.tooltip .tooltip-text {
  visibility: hidden;
  max-width: 143px;
  min-width: 143px;
  background-color: var(--tooltip-background-color);
  color: var(--tooltip-text-color);
  text-align: left;
  border-radius: 4px;
  padding: 16px;
  position: absolute;
  z-index: 1;
  left: 20%;
  opacity: 0;
  transition: opacity 0.3s;
  margin-top: 10px;
  font-size: 12px;
  line-height: 20px;
}
.tooltip-bottom {
  top: 135%;
  left: 50%;
  margin-left: -60px;
}
.tooltip-bottom:after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -12px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #555 transparent;
}
.tooltip-upper {
  bottom: 125%;
  left: 25% !important;
  margin-left: -60px;
}
.tooltip-upper:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 35%;
  margin-left: -12px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}
.tooltip-left {
  top: -120% !important;
  left: -1300% !important;
}
.tooltip-left:after {
  content: "";
  position: absolute;
  top: 60%;
  right: -3.5%;
  margin-left: -12px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent transparent #555;
}
.tooltip:hover .tooltip-text {
  visibility: visible;
  opacity: 1;
}
[data-title]::before {
  content: attr(data-title);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: inline-block;
  padding: 3px 6px;
  border-radius: 2px;
  background: #555;
  color: #fff;
  font-family: sans-serif;
  z-index: 10;
  max-width: 300px;
  visibility: visible;
  font-size: 14px;
  line-height: 20px;
  transition: all ease-in-out 300ms;
  transition-delay: 700ms;
  opacity: 0;
}
[data-title]:hover::before {
  opacity: 1;
}
@media all and (max-width: 479px) {
  .tooltip .tooltip-text {
    min-width: 160px;
  }
}
.datepicker--cell-day.-other-month-,
.datepicker--cell-year.-other-decade- {
  color: var(--color-white);
}
.datepicker--cell-day.-other-month-:hover,
.datepicker--cell-year.-other-decade-:hover {
  color: var(--color-white);
}
.-disabled-.-focus-.datepicker--cell-day.-other-month-,
.-disabled-.-focus-.datepicker--cell-year.-other-decade- {
  color: var(--color-datepicker-focus);
}
.-selected-.datepicker--cell-day.-other-month-,
.-selected-.datepicker--cell-year.-other-decade- {
  color: var(--color-white);
  background: var(--color-datepicker-current);
}
.-selected-.-focus-.datepicker--cell-day.-other-month-,
.-selected-.-focus-.datepicker--cell-year.-other-decade- {
  background: var(--color-gray-8);
}
.-in-range-.datepicker--cell-day.-other-month-,
.-in-range-.datepicker--cell-year.-other-decade- {
  background-color: rgba(92, 196, 239, 0.1);
  color: #cccccc;
}
.-in-range-.-focus-.datepicker--cell-day.-other-month-,
.-in-range-.-focus-.datepicker--cell-year.-other-decade- {
  background-color: rgba(92, 196, 239, 0.2);
}
.datepicker--cell-day.-other-month-:empty,
.datepicker--cell-year.-other-decade-:empty {
  background: none;
  border: none;
}
/* -------------------------------------------------
    Datepicker cells
   ------------------------------------------------- */
.datepicker--cells {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.datepicker--cell {
  border-radius: 4px;
  box-sizing: border-box;
  cursor: pointer;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 32px;
  z-index: 1;
}
.datepicker--cell.-focus- {
  color: var(--color-white);
  background: var(--color-datepicker-focus);
  border-radius: 100px;
}
.datepicker--cell.-current- {
  color: var(--color-white);
  background: var(--color-datepicker-current);
  border-radius: 100px;
}
.datepicker--cell.-current-.-focus- {
  color: var(--color-white);
}
.datepicker--cell.-current-.-in-range- {
  color: var(--color-white);
  background: var(--color-datepicker-current);
}
.datepicker--cell.-in-range- {
  background: rgba(92, 196, 239, 0.1);
  color: #4a4a4a;
  border-radius: 0;
}
.datepicker--cell.-in-range-.-focus- {
  background-color: rgba(92, 196, 239, 0.2);
}
.datepicker--cell.-disabled- {
  cursor: default;
  color: var(--color-gray-5);
}
.-current- {
  color: var(--color-white) !important;
}
.datepicker--cell.-disabled-.-focus- {
  color: var(--color-white);
}
.datepicker--cell.-disabled-.-in-range- {
  color: var(--color-white);
}
.datepicker--cell.-disabled-.-current-.-focus- {
  color: var(--color-white);
}
.datepicker--cell.-range-from- {
  border: 1px solid rgba(92, 196, 239, 0.5);
  background-color: rgba(92, 196, 239, 0.1);
  border-radius: 4px 0 0 4px;
}
.datepicker--cell.-range-to- {
  border: 1px solid rgba(92, 196, 239, 0.5);
  background-color: rgba(92, 196, 239, 0.1);
  border-radius: 0 4px 4px 0;
}
.datepicker--cell.-range-from-.-range-to- {
  border-radius: 4px;
}
.datepicker--cell.-selected- {
  color: var(--color-white);
  border: none;
  background: var(--color-datepicker-current);
  border-radius: 100px;
}
.datepicker--cell.-selected-.-current- {
  color: var(--color-white);
  background: var(--color-datepicker-current);
  border-radius: 100px;
}
.datepicker--cell.-selected-.-focus- {
  background: var(--color-datepicker-focus);
  border-radius: 100px;
}
.datepicker--cell:empty {
  cursor: default;
}
.datepicker--days-names {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 8px;
}
.datepicker--day-name {
  color: #9E9E9E;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: center;
  text-transform: uppercase;
  font-size: 0.8em;
}
.datepicker--cell-day {
  width: 14.28571%;
}
.datepicker--cells-months {
  height: 170px;
}
.datepicker--cell-month {
  width: 33.33%;
  height: 25%;
}
.datepicker--years {
  height: 170px;
}
.datepicker--cells-years {
  height: 170px;
}
.datepicker--cell-year {
  width: 25%;
  height: 33.33%;
}
.datepicker--cell-day.-other-month-,
.datepicker--cell-year.-other-decade- {
  color: var(--color-white);
}
.datepicker--cell-day.-other-month-:hover,
.datepicker--cell-year.-other-decade-:hover {
  color: var(--color-white);
}
.-disabled-.-focus-.datepicker--cell-day.-other-month-,
.-disabled-.-focus-.datepicker--cell-year.-other-decade- {
  color: var(--color-datepicker-focus);
}
.-selected-.datepicker--cell-day.-other-month-,
.-selected-.datepicker--cell-year.-other-decade- {
  color: var(--color-white);
  background: var(--color-datepicker-current);
}
.-selected-.-focus-.datepicker--cell-day.-other-month-,
.-selected-.-focus-.datepicker--cell-year.-other-decade- {
  background: var(--color-gray-8);
}
.-in-range-.datepicker--cell-day.-other-month-,
.-in-range-.datepicker--cell-year.-other-decade- {
  background-color: rgba(92, 196, 239, 0.1);
  color: #cccccc;
}
.-in-range-.-focus-.datepicker--cell-day.-other-month-,
.-in-range-.-focus-.datepicker--cell-year.-other-decade- {
  background-color: rgba(92, 196, 239, 0.2);
}
.datepicker--cell-day.-other-month-:empty,
.datepicker--cell-year.-other-decade-:empty {
  background: none;
  border: none;
}
/* -------------------------------------------------
    Datepicker
   ------------------------------------------------- */
.datepickers-container {
  position: absolute;
  left: 0;
  top: 0;
}
@media print {
  .datepickers-container {
    display: none;
  }
}
.datepicker {
  background: var(--color-white);
  border: 2px solid var(--color-gray-5);
  border-radius: 5px;
  padding: 10px;
  box-sizing: content-box;
  font-family: Tahoma, sans-serif;
  font-size: 14px;
  color: #4a4a4a;
  width: 250px;
  position: absolute;
  left: -100000px;
  opacity: 0;
  transition: opacity 0.3s ease, left 0s 0.3s, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0.3s;
  transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0.3s, -webkit-transform 0.3s ease;
  z-index: 100;
}
.datepicker.-from-top- {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px);
}
.datepicker.-from-right- {
  -webkit-transform: translateX(8px);
  transform: translateX(8px);
}
.datepicker.-from-bottom- {
  -webkit-transform: translateY(8px);
  transform: translateY(8px);
}
.datepicker.-from-left- {
  -webkit-transform: translateX(-8px);
  transform: translateX(-8px);
}
.datepicker.active {
  opacity: 1;
  -webkit-transform: translate(0);
  transform: translate(0);
  transition: opacity 0.3s ease, left 0s 0s, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0s;
  transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0s, -webkit-transform 0.3s ease;
}
.datepicker-inline .datepicker {
  border-color: #d7d7d7;
  box-shadow: none;
  position: static;
  left: auto;
  right: auto;
  opacity: 1;
  -webkit-transform: none;
  transform: none;
}
.datepicker--pointer {
  display: none;
}
.datepicker--content {
  box-sizing: content-box;
  padding: 4px;
}
.-only-timepicker- .datepicker--content {
  display: none;
}
.datepicker--pointer {
  position: absolute;
  background: var(--color-white);
  border-top: 2px solid #dbdbdb;
  border-right: 2px solid #dbdbdb;
  width: 10px;
  height: 10px;
  z-index: -1;
}
.-top-left- .datepicker--pointer,
.-top-center- .datepicker--pointer,
.-top-right- .datepicker--pointer {
  top: calc(100% - 4px);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
.-right-top- .datepicker--pointer,
.-right-center- .datepicker--pointer,
.-right-bottom- .datepicker--pointer {
  right: calc(100% - 4px);
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
}
.-bottom-left- .datepicker--pointer,
.-bottom-center- .datepicker--pointer,
.-bottom-right- .datepicker--pointer {
  bottom: calc(100% - 4px);
  -webkit-transform: rotate(315deg);
  transform: rotate(315deg);
}
.-left-top- .datepicker--pointer,
.-left-center- .datepicker--pointer,
.-left-bottom- .datepicker--pointer {
  left: calc(100% - 4px);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.-top-left- .datepicker--pointer,
.-bottom-left- .datepicker--pointer {
  left: 10px;
}
.-top-right- .datepicker--pointer,
.-bottom-right- .datepicker--pointer {
  right: 10px;
}
.-top-center- .datepicker--pointer,
.-bottom-center- .datepicker--pointer {
  left: calc(50% - 10px / 2);
}
.-left-top- .datepicker--pointer,
.-right-top- .datepicker--pointer {
  top: 10px;
}
.-left-bottom- .datepicker--pointer,
.-right-bottom- .datepicker--pointer {
  bottom: 10px;
}
.-left-center- .datepicker--pointer,
.-right-center- .datepicker--pointer {
  top: calc(50% - 10px / 2);
}
.datepicker--body {
  display: none;
}
.datepicker--body.active {
  display: block;
}
.datepicker--cell-day.-other-month-,
.datepicker--cell-year.-other-decade- {
  color: var(--color-white);
}
.datepicker--cell-day.-other-month-:hover,
.datepicker--cell-year.-other-decade-:hover {
  color: var(--color-white);
}
.-disabled-.-focus-.datepicker--cell-day.-other-month-,
.-disabled-.-focus-.datepicker--cell-year.-other-decade- {
  color: var(--color-datepicker-focus);
}
.-selected-.datepicker--cell-day.-other-month-,
.-selected-.datepicker--cell-year.-other-decade- {
  color: var(--color-white);
  background: var(--color-datepicker-current);
}
.-selected-.-focus-.datepicker--cell-day.-other-month-,
.-selected-.-focus-.datepicker--cell-year.-other-decade- {
  background: var(--color-gray-8);
}
.-in-range-.datepicker--cell-day.-other-month-,
.-in-range-.datepicker--cell-year.-other-decade- {
  background-color: rgba(92, 196, 239, 0.1);
  color: #cccccc;
}
.-in-range-.-focus-.datepicker--cell-day.-other-month-,
.-in-range-.-focus-.datepicker--cell-year.-other-decade- {
  background-color: rgba(92, 196, 239, 0.2);
}
.datepicker--cell-day.-other-month-:empty,
.datepicker--cell-year.-other-decade-:empty {
  background: none;
  border: none;
}
/* -------------------------------------------------
    Navigation
   ------------------------------------------------- */
.datepicker--nav {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  min-height: 32px;
  padding: 4px;
}
.-only-timepicker- .datepicker--nav {
  display: none;
}
.datepicker--nav-title,
.datepicker--nav-action {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.datepicker--nav-action {
  width: 32px;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.datepicker--nav-action:hover {
  background: #f0f0f0;
}
.datepicker--nav-action.-disabled- {
  visibility: hidden;
}
.datepicker--nav-action svg {
  width: 32px;
  height: 32px;
}
.datepicker--nav-action path {
  fill: none;
  stroke: #9c9c9c;
  stroke-width: 2px;
}
.datepicker--nav-title {
  border-radius: 4px;
  padding: 0 8px;
}
.datepicker--nav-title i {
  font-style: normal;
  margin-left: 5px;
}
.datepicker--nav-title:hover {
  background: #f0f0f0;
}
.datepicker--nav-title.-disabled- {
  cursor: default;
  background: none;
}
.datepicker--buttons {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 4px;
  border-top: 1px solid #efefef;
}
.datepicker--button {
  color: var(--color-white);
  background: var(--color-datepicker-current);
  cursor: pointer;
  border-radius: 4px;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 32px;
}
.datepicker--button:hover {
  color: #4a4a4a;
  background: #f0f0f0;
}
.datepicker--cell-day.-other-month-,
.datepicker--cell-year.-other-decade- {
  color: var(--color-white);
}
.datepicker--cell-day.-other-month-:hover,
.datepicker--cell-year.-other-decade-:hover {
  color: var(--color-white);
}
.-disabled-.-focus-.datepicker--cell-day.-other-month-,
.-disabled-.-focus-.datepicker--cell-year.-other-decade- {
  color: var(--color-datepicker-focus);
}
.-selected-.datepicker--cell-day.-other-month-,
.-selected-.datepicker--cell-year.-other-decade- {
  color: var(--color-white);
  background: var(--color-datepicker-current);
}
.-selected-.-focus-.datepicker--cell-day.-other-month-,
.-selected-.-focus-.datepicker--cell-year.-other-decade- {
  background: var(--color-gray-8);
}
.-in-range-.datepicker--cell-day.-other-month-,
.-in-range-.datepicker--cell-year.-other-decade- {
  background-color: rgba(92, 196, 239, 0.1);
  color: #cccccc;
}
.-in-range-.-focus-.datepicker--cell-day.-other-month-,
.-in-range-.-focus-.datepicker--cell-year.-other-decade- {
  background-color: rgba(92, 196, 239, 0.2);
}
.datepicker--cell-day.-other-month-:empty,
.datepicker--cell-year.-other-decade-:empty {
  background: none;
  border: none;
}
/* -------------------------------------------------
    Timepicker
   ------------------------------------------------- */
.datepicker--time {
  border-top: 1px solid #efefef;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 4px;
  position: relative;
}
.datepicker--time.-am-pm- .datepicker--time-sliders {
  -webkit-flex: 0 1 138px;
  -ms-flex: 0 1 138px;
  flex: 0 1 138px;
  max-width: 138px;
}
.-only-timepicker- .datepicker--time {
  border-top: none;
}
.datepicker--time-sliders {
  -webkit-flex: 0 1 153px;
  -ms-flex: 0 1 153px;
  flex: 0 1 153px;
  margin-right: 10px;
  max-width: 153px;
}
.datepicker--time-label {
  display: none;
  font-size: 12px;
}
.datepicker--time-current {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 14px;
  text-align: center;
  margin: 0 0 0 10px;
}
.datepicker--time-current-colon {
  margin: 0 2px 3px;
  line-height: 1;
}
.datepicker--time-current-hours,
.datepicker--time-current-minutes {
  line-height: 1;
  font-size: 19px;
  font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  position: relative;
  z-index: 1;
}
.datepicker--time-current-hours:after,
.datepicker--time-current-minutes:after {
  content: '';
  background: #f0f0f0;
  border-radius: 4px;
  position: absolute;
  left: -2px;
  top: -3px;
  right: -2px;
  bottom: -2px;
  z-index: -1;
  opacity: 0;
}
.datepicker--time-current-hours.-focus-:after,
.datepicker--time-current-minutes.-focus-:after {
  opacity: 1;
}
.datepicker--time-current-ampm {
  text-transform: uppercase;
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
  color: #9c9c9c;
  margin-left: 6px;
  font-size: 11px;
  margin-bottom: 1px;
}
.datepicker--time-row {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 11px;
  height: 17px;
  background: linear-gradient(to right, var(--color-gray-5), var(--color-gray-5)) left 50%/100% 1px no-repeat;
}
.datepicker--time-row:first-child {
  margin-bottom: 4px;
}
.datepicker--time-row input[type='range'] {
  background: none;
  cursor: pointer;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 100%;
  padding: 0;
  margin: 0;
  -webkit-appearance: none;
}
.datepicker--time-row input[type='range']::-webkit-slider-thumb {
  -webkit-appearance: none;
}
.datepicker--time-row input[type='range']::-ms-tooltip {
  display: none;
}
.datepicker--time-row input[type='range']:hover::-webkit-slider-thumb {
  border-color: #b8b8b8;
}
.datepicker--time-row input[type='range']:hover::-moz-range-thumb {
  border-color: #b8b8b8;
}
.datepicker--time-row input[type='range']:hover::-ms-thumb {
  border-color: #b8b8b8;
}
.datepicker--time-row input[type='range']:focus {
  outline: none;
}
.datepicker--time-row input[type='range']:focus::-webkit-slider-thumb {
  background: var(--color-datepicker-current);
  border-color: var(--color-datepicker-current);
}
.datepicker--time-row input[type='range']:focus::-moz-range-thumb {
  background: var(--color-datepicker-current);
  border-color: var(--color-datepicker-current);
}
.datepicker--time-row input[type='range']:focus::-ms-thumb {
  background: var(--color-datepicker-current);
  border-color: var(--color-datepicker-current);
}
.datepicker--time-row input[type='range']::-webkit-slider-thumb {
  box-sizing: border-box;
  height: 12px;
  width: 12px;
  border-radius: 3px;
  border: 1px solid var(--color-gray-5);
  background: var(--color-white);
  cursor: pointer;
  transition: background 0.2s;
}
.datepicker--time-row input[type='range']::-moz-range-thumb {
  box-sizing: border-box;
  height: 12px;
  width: 12px;
  border-radius: 3px;
  border: 1px solid var(--color-gray-5);
  background: var(--color-white);
  cursor: pointer;
  transition: background 0.2s;
}
.datepicker--time-row input[type='range']::-ms-thumb {
  box-sizing: border-box;
  height: 12px;
  width: 12px;
  border-radius: 3px;
  border: 1px solid var(--color-gray-5);
  background: var(--color-white);
  cursor: pointer;
  transition: background 0.2s;
}
.datepicker--time-row input[type='range']::-webkit-slider-thumb {
  margin-top: -6px;
}
.datepicker--time-row input[type='range']::-webkit-slider-runnable-track {
  border: none;
  height: 1px;
  cursor: pointer;
  color: transparent;
  background: transparent;
}
.datepicker--time-row input[type='range']::-moz-range-track {
  border: none;
  height: 1px;
  cursor: pointer;
  color: transparent;
  background: transparent;
}
.datepicker--time-row input[type='range']::-ms-track {
  border: none;
  height: 1px;
  cursor: pointer;
  color: transparent;
  background: transparent;
}
.datepicker--time-row input[type='range']::-ms-fill-lower {
  background: transparent;
}
.datepicker--time-row input[type='range']::-ms-fill-upper {
  background: transparent;
}
.datepicker--time-row span {
  padding: 0 12px;
}
.datepicker--time-icon {
  color: #9c9c9c;
  border: 1px solid;
  border-radius: 50%;
  font-size: 16px;
  position: relative;
  margin: 0 5px -1px 0;
  width: 1em;
  height: 1em;
}
.datepicker--time-icon:after,
.datepicker--time-icon:before {
  content: '';
  background: currentColor;
  position: absolute;
}
.datepicker--time-icon:after {
  height: 0.4em;
  width: 1px;
  left: calc(50% - 1px);
  top: calc(50% + 1px);
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}
.datepicker--time-icon:before {
  width: 0.4em;
  height: 1px;
  top: calc(50% + 1px);
  left: calc(50% - 1px);
}
.datepicker--cell-day.-other-month-,
.datepicker--cell-year.-other-decade- {
  color: var(--color-white);
}
.datepicker--cell-day.-other-month-:hover,
.datepicker--cell-year.-other-decade-:hover {
  color: var(--color-white);
}
.-disabled-.-focus-.datepicker--cell-day.-other-month-,
.-disabled-.-focus-.datepicker--cell-year.-other-decade- {
  color: var(--color-datepicker-focus);
}
.-selected-.datepicker--cell-day.-other-month-,
.-selected-.datepicker--cell-year.-other-decade- {
  color: var(--color-white);
  background: var(--color-datepicker-current);
}
.-selected-.-focus-.datepicker--cell-day.-other-month-,
.-selected-.-focus-.datepicker--cell-year.-other-decade- {
  background: var(--color-gray-8);
}
.-in-range-.datepicker--cell-day.-other-month-,
.-in-range-.datepicker--cell-year.-other-decade- {
  background-color: rgba(92, 196, 239, 0.1);
  color: #cccccc;
}
.-in-range-.-focus-.datepicker--cell-day.-other-month-,
.-in-range-.-focus-.datepicker--cell-year.-other-decade- {
  background-color: rgba(92, 196, 239, 0.2);
}
.datepicker--cell-day.-other-month-:empty,
.datepicker--cell-year.-other-decade-:empty {
  background: none;
  border: none;
}
.tag-circle {
  display: -webkit-box;
  align-items: center;
  justify-content: center;
  padding: 4px 16px;
  border-radius: 16px;
  font-family: 'OpenSans Bold';
  font-size: 10px;
  line-height: 16px;
  color: var(--color-white);
  width: fit-content;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.tag-circle.purchase-tag {
  overflow-wrap: anywhere;
  white-space: initial;
}
.tag-circle.max-content {
  width: max-content;
}
.tag-circle.fit-content {
  width: fit-content;
}
.green {
  border-color: var(--tag-background-green-color);
  background-color: var(--tag-background-green-color);
  color: var(--tag-text-color);
}
.light-green {
  border-color: var(--tag-background-light-green-color);
  background-color: var(--tag-background-light-green-color);
  color: var(--tag-text-color);
}
.yellow {
  border-color: var(--tag-background-yellow-color);
  background-color: var(--tag-background-yellow-color);
  color: var(--tag-text-color);
}
.red {
  border-color: var(--tag-background-red-color);
  background-color: var(--tag-background-red-color);
  color: var(--tag-text-color);
}
.red-7 {
  border-color: var(--tag-background-red-7-color);
  background-color: var(--tag-background-red-7-color);
  color: var(--tag-text-color);
}
.inactive {
  border-color: var(--tag-background-inactive-color);
  background-color: var(--tag-background-inactive-color);
  color: var(--tag-text-color);
}
.orange {
  border-color: var(--tag-background-orange-color);
  background-color: var(--tag-background-orange-color);
  color: var(--tag-text-color);
}
.blue {
  border-color: var(--tag-background-blue-color);
  background-color: var(--tag-background-blue-color);
  color: var(--tag-text-color);
}
.tag-status {
  color: var(--progress-bar-tag-status-text-color);
  padding: 4px 16px;
  gap: 8px;
  border-radius: 16px;
  width: min-content;
}
@media screen and (max-width: 860px) {
  .tag-status {
    width: fit-content !important;
    white-space: normal;
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
  }
  .tag-status:last-child {
    margin-top: 24px;
  }
}
.remaining-value-budget span {
  display: flex;
  align-items: center;
  margin-top: 12px;
  color: var(--remaining-value-budget-text-color);
  font-family: 'OpenSans Bold';
  font-size: 18px;
  line-height: 22px;
}
.remaining-value-budget span:before {
  content: ' ';
  display: inline-flex;
  margin-right: 8px;
  border-radius: 4px;
  background-color: var(--remaining-value-budget-color);
  height: 32px;
  width: 8px;
}
.cb-modal-blur {
  filter: blur(16px) !important;
  overflow: hidden !important;
}
.modal .cb-modal {
  background-color: var(--modal-body-background-color);
  padding: 0 16px;
  border-radius: 4px;
  box-shadow: 0 2px 16px 5px rgba(0, 0, 0, 0.08) !important;
  width: auto;
  max-width: 70%;
  min-width: 397px;
}
@media screen and (max-width: 880px) {
  .modal .cb-modal {
    min-width: 85% !important;
  }
}
.modal .cb-modal-head {
  background-color: var(--modal-header-background-color);
  color: var(--modal-header-text-color);
  position: relative;
  margin: 0 -16px;
  font-size: 14px;
  line-height: 18px;
  padding: 16px;
  border-radius: 4px 4px 0 0;
  width: calc(100% + 32px);
  display: inline-flex;
  justify-content: space-between;
  word-break: break-all;
  text-align: left;
}
.modal .cb-modal-head a {
  padding-left: 16px;
}
.modal .cb-modal-head .close-button {
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 26px;
  width: 14px;
  height: 14px;
  margin-top: 14px / -2;
}
.modal .cb-modal-head .close-button img {
  position: absolute;
  top: 0;
  left: 0;
  width: 14px;
  height: 14px;
}
.modal .tab {
  display: flex;
  justify-content: center;
}
.modal .tab ul li {
  margin: 0 32px;
}
.modal .cb-modal-body {
  padding: 32px 16px;
  color: var(--modal-body-text-color);
  font-size: 14px;
  line-height: 18px;
  font-family: 'OpenSans SemiBold';
  text-align: center;
}
.modal .cb-modal-body .button-link {
  text-align: left;
  display: flex;
  font-size: 12px;
  line-height: 32px;
}
.modal .cb-modal-body .history {
  color: var(--modal-history-text-color);
  font-weight: 400;
}
.modal .cb-modal-body .history .history-changes {
  height: 24px;
  width: 24px;
  border-radius: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.modal .cb-modal-body .history .history-changes > img {
  width: 16px;
  height: 16px;
}
.modal .cb-modal-body .history .history-changes.change-data {
  background-color: var(--modal-history-status-data-color);
}
.modal .cb-modal-body .history .history-changes.change-status {
  background-color: var(--modal-history-status-status-color);
}
.modal .cb-modal-body .history .history-changes.change-status-approved {
  background-color: var(--modal-history-status-approved-color);
}
.modal .cb-modal-body .history .history-changes.change-status-denied {
  background-color: var(--modal-history-status-denied-color);
}
.modal .cb-modal-body:has( details) {
  overflow-x: auto;
}
.modal .cb-modal-foot {
  text-align: center;
  margin-bottom: 32px;
  display: inline-flex;
  justify-content: center;
}
.modal .cb-modal-foot .btn {
  margin-right: 24px;
}
.modal .cb-modal-foot .btn:last-of-type {
  margin-right: 0;
}
@media all and (max-width: 479px) {
  .modal .cb-modal-foot .button {
    margin: 0 0 10px 0;
  }
  .modal .cb-modal-foot .button:last-of-type {
    margin: 0;
  }
}
.modal .cb-modal-foot.buttons-container {
  padding-bottom: 24px;
  margin: 0;
}
@media all and (max-width: 839px) {
  .modal .cb-modal-foot.buttons-container {
    padding-left: 8px;
    padding-right: 8px;
  }
}
.modal .icon-alert,
.modal .icon-success,
.modal .icon-confirm {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: initial;
  background-image: url('../images2/icon-success-modal.svg');
  background-image: -webkit-image-set(url('../images2/icon-success-modal.svg') 1x, url('../images2/icon-success-modal@2x.svg') 2x);
  background-image: -moz-image-set(url('../images2/icon-success-modal.svg') 1x, url('../images2/icon-success-modal@2x.svg') 2x);
  background-image: -o-image-set(url('../images2/icon-success-modal.svg') 1x, url('../images2/icon-success-modal@2x.svg') 2x);
  background-image: -ms-image-set(url('../images2/icon-success-modal.svg') 1x, url('../images2/icon-success-modal@2x.svg') 2x);
  background-image: image-set(url('../images2/icon-success-modal.svg') 1x, url('../images2/icon-success-modal@2x.svg') 2x);
}
.modal .icon-alert {
  background-image: url('../images2/icon-alert-modal.svg');
  background-image: -webkit-image-set(url('../images2/icon-alert-modal.svg') 1x, url('../images2/icon-alert-modal@2x.svg') 2x);
  background-image: -moz-image-set(url('../images2/icon-alert-modal.svg') 1x, url('../images2/icon-alert-modal@2x.svg') 2x);
  background-image: -o-image-set(url('../images2/icon-alert-modal.svg') 1x, url('../images2/icon-alert-modal@2x.svg') 2x);
  background-image: -ms-image-set(url('../images2/icon-alert-modal.svg') 1x, url('../images2/icon-alert-modal@2x.svg') 2x);
  background-image: image-set(url('../images2/icon-alert-modal.svg') 1x, url('../images2/icon-alert-modal@2x.svg') 2x);
}
.modal .icon-confirm {
  background-image: url('../images/icon-confirm-modal.png');
  background-image: -webkit-image-set(url('../images/icon-confirm-modal.png') 1x, url('../images/icon-confirm-modal@2x.png') 2x);
  background-image: -moz-image-set(url('../images/icon-confirm-modal.png') 1x, url('../images/icon-confirm-modal@2x.png') 2x);
  background-image: -o-image-set(url('../images/icon-confirm-modal.png') 1x, url('../images/icon-confirm-modal@2x.png') 2x);
  background-image: -ms-image-set(url('../images/icon-confirm-modal.png') 1x, url('../images/icon-confirm-modal@2x.png') 2x);
  background-image: image-set(url('../images/icon-confirm-modal.png') 1x, url('../images/icon-confirm-modal@2x.png') 2x);
}
.modal.cb-modal-backdrop.show {
  background-color: rgba(26, 26, 26, 0.4);
}
.modification-history .cb-modal-head .icon-list {
  max-width: 28px;
}
.modification-history .modification-history-record {
  text-align: left;
  color: var(--color-gray-8);
  padding: 10px 0;
  border-bottom: 2px solid var(--color-gray-5);
}
.modification-history .modification-history-record > *:nth-child(1) {
  font-size: 14px;
  line-height: 25px;
}
.modification-history .modification-history-record > *:nth-child(2) {
  font-size: 12px;
  line-height: 20px;
}
.modification-history .modification-history-record:first-child {
  margin-top: 20px;
}
.modification-history .modification-history-record:last-child {
  margin-bottom: 30px;
}
.sync-history .cb-modal-head .icon-list {
  max-width: 48px;
}
.sync-history .form-session {
  margin-top: 4px;
  border-bottom: 5px solid var(--color-gray-5);
  border-top: 5px solid var(--color-gray-5);
  padding: 26px 0 30px;
}
.sync-history legend {
  text-align: left;
  margin-bottom: 20px;
}
.sync-history .cb-modal-head {
  border-bottom: none;
  margin-bottom: 0;
}
.status-modal-notification {
  background: var(--color-red-6);
  padding: 20px 40px;
  font-size: 16px;
  line-height: 25px;
  text-align: center;
  border-radius: 10px;
  margin-bottom: 30px;
}
.status-modal-notification .status-notification-warning {
  font-style: italic;
}
.status-modal-notification .status-notification-highlight {
  color: var(--color-red-6);
  font-weight: bold;
}
.status-modal-notification .status-notification-action {
  font-weight: bold;
}
.cb-modal-arrow .cb-modal:after {
  content: '';
  position: absolute;
  left: 70%;
  top: 100%;
  width: 0;
  height: 0;
  border-left: 40px solid transparent;
  border-right: 40px solid transparent;
  border-top: 40px solid var(--color-white);
  clear: both;
}
.cb-modal-arrow .status-summary .grid-cell {
  padding-bottom: 0;
}
.cb-modal-arrow .cb-modal-head {
  position: absolute;
  border-bottom: none;
  margin-bottom: 0;
}
.cb-modal-arrow .cb-modal-head .close-button {
  top: 100%;
}
.cb-modal-arrow .cb-modal-body {
  margin-bottom: 0;
}
.cb-modal-arrow .status-commentary,
.cb-modal-arrow #statusHistory {
  display: none;
}
.cb-modal-arrow .acess-link {
  display: none;
}
.modal-columns-selector {
  width: 316px;
  position: absolute;
  padding: 24px;
  box-shadow: 0px 2px 20px 5px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  background: var(--color-white);
  z-index: 50;
  margin: 8px 8px 0 0;
  right: 0;
}
.menu {
  justify-content: center;
  align-items: center;
}
.menu a {
  border-left: 2px solid var(--admin-menu-text-border-color);
  width: min-content;
  color: var(--admin-menu-text-color);
  white-space: nowrap;
  text-decoration: none;
  margin-bottom: 24px;
  padding: 0 16px;
}
.menu a:first-child {
  border-left: none;
  padding-left: 0;
}
.menu a:hover,
.menu a.active {
  color: var(--admin-menu-active-text-color);
}
.slidebar {
  width: 200px;
  height: min-content;
  background-color: var(--slidebar-background-color);
  border-radius: 0px 16px 16px 0px;
}
.profile-img {
  border: 4px solid var(--color-profile-img-border-color);
  border-radius: 64px;
  position: relative;
  margin-left: 19.49px;
  width: 64px;
  height: 64px;
}
.no-img {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'OpenSans Bold';
  font-size: 20px;
  color: var(--color-text-no-img-profile);
}
.menu-show {
  height: min-content;
  width: 200px;
}
.menu-show .drop-menu {
  margin-left: 32px;
}
.menu-show .menu-info {
  display: inline-flex;
  justify-content: space-between;
}
.menu-show button {
  display: flex;
  justify-content: center;
  align-items: center;
  float: right;
  margin-right: 16px;
  margin-top: 16px;
  margin-left: 80px;
  border-radius: 32px;
  padding: 0;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
  border: none;
  background-color: var(--slidebar-menu-show-color);
  height: 24px;
  width: 24px;
  cursor: pointer;
}
.menu-show button img {
  width: 16px;
  height: 16px;
}
.menu-show .profile-info p {
  font-family: 'OpenSans Bold';
  color: var(--slidebar-profile-name-color);
  margin-left: 19.77px;
  margin-bottom: 0;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.4px;
  font-weight: 700px;
  align-items: center;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
  width: calc(100% - 24px);
}
.menu-show .profile-info small {
  color: var(--slidebar-profile-role-color);
  margin-top: 4px;
  margin-left: 19.77px;
}
.menu-show .profile-info a.show-btn {
  color: var(--slidebar-text-show-menu-color);
  text-decoration: none;
  padding-left: 84.28px;
}
.menu-show ul.menu-list {
  margin-top: 32px;
  margin-bottom: 40px;
  list-style-position: outside;
}
.menu-show ul.menu-list div {
  display: none;
  position: absolute;
  width: 4px;
  height: 46px;
  background-color: var(--slidebar-color-before-background-color);
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
}
.menu-show ul.menu-list:nth-of-type(1) {
  list-style-position: inside;
  padding: 0;
}
.menu-show ul.menu-list li {
  position: relative;
  list-style: none;
  height: 46px;
  width: 200px;
}
.menu-show ul.menu-list li .menu-a {
  display: block;
  height: 100%;
  width: 100%;
}
.menu-show ul.menu-list li .menu-a span {
  transform: translateY(-50%);
  top: 50%;
  position: absolute;
  text-decoration: none;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.4px;
  color: var(--slidebar-menu-item-color);
  margin-left: 76px;
}
.menu-show ul.menu-list li img {
  position: absolute;
  margin-left: 28px;
  margin-top: 11px;
  margin-bottom: 11px;
  margin-right: 24px;
}
.menu-show ul.menu-list li .hover {
  display: none;
}
.menu-show ul.menu-list li:hover,
.menu-show ul.menu-list li.active,
.menu-show ul.menu-list li:focus-within {
  background-color: var(--slidebar-active-color);
}
.menu-show ul.menu-list li:hover .standart,
.menu-show ul.menu-list li.active .standart,
.menu-show ul.menu-list li:focus-within .standart {
  display: none;
}
.menu-show ul.menu-list li:hover .hover,
.menu-show ul.menu-list li.active .hover,
.menu-show ul.menu-list li:focus-within .hover {
  display: flex;
}
.menu-show ul.menu-list li:hover .menu-a span,
.menu-show ul.menu-list li.active .menu-a span,
.menu-show ul.menu-list li:focus-within .menu-a span {
  color: var(--color-gray-1);
}
.menu-show ul.menu-list li:hover div,
.menu-show ul.menu-list li.active div,
.menu-show ul.menu-list li:focus-within div {
  display: flex;
}
.hidden {
  width: 118px;
}
.hidden .menu-show button {
  transform: scaleX(-1);
}
.hidden .drop-menu {
  margin-left: 32px;
}
.hidden .profile-img {
  display: none;
}
.hidden .menu-a span {
  display: none;
}
.hidden .profile-info {
  margin-top: 40px;
}
.hidden .profile-info p {
  width: 100px;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
  margin-left: 8px;
  padding-left: 0px;
}
.hidden .profile-info small {
  margin-left: 8px;
}
.hidden .profile-info small a.show-btn {
  padding-left: 12px;
}
.hidden ul.menu-list li {
  width: 118px;
}
.hidden ul.menu-list li img {
  margin-left: 46px;
}
.tab {
  padding: 16px 16px 10px;
  background-color: var(--tab-menu-background-color);
  text-align: left;
  box-shadow: 0px 2px 16px 5px rgba(0, 0, 0, 0.08);
  border-radius: 4px !important;
}
.tab .panels {
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: center;
}
.tab .panels .panel-item {
  list-style: none;
  display: inline-flex;
  margin-right: 40px;
  white-space: nowrap;
}
.tab .panels .panel-item .tabLink-financial,
.tab .panels .panel-item .tabLink {
  text-decoration: none;
  color: var(--tab-menu-text-color);
  font-family: 'OpenSans Bold' !important;
}
.tab .panels .panel-item .active-tab {
  position: relative;
  display: none;
  align-self: flex-end;
  background: var(--tab-menu-active-color);
  bottom: -10px;
  width: 100%;
  height: 6px;
  border-radius: 5px 5px 0px 0px;
}
.tab .panels .panel-item:last-child {
  margin: 0;
}
.tab .panels:last-child {
  margin: 0;
}
.tab .panels .panel-item:hover .tabLink-financial,
.tab .panels .panel-item.active .tabLink-financial,
.tab .panels .panel-item:hover .tabLink,
.tab .panels .panel-item.active .tabLink {
  color: var(--tab-menu-active-text-color);
}
.tab .panels .panel-item:hover .active-tab,
.tab .panels .panel-item.active .active-tab {
  display: flex;
}
#responsive-tablet {
  display: none;
}
@media screen and (max-width: 1280px) {
  .has-many-items #responsive {
    display: none !important;
  }
  .has-many-items #responsive-tablet {
    display: flex;
  }
  .has-many-items [class^="col-"]:has(> .tab) {
    overflow-x: auto;
  }
  .has-many-items .tab {
    display: inline-flex !important;
    width: fit-content;
  }
}
@media screen and (max-width: 1050px) {
  [class^="col-"]:has(> .tab) {
    overflow-x: auto;
  }
  .tab {
    display: inline-flex !important;
    width: fit-content;
  }
  #responsive {
    display: none !important;
  }
  #responsive-tablet {
    display: flex;
  }
}
.dark-tab {
  background-color: var(--tab-background-color) !important;
}
.dark-tab .panels .panel-item .tabLink-financial,
.dark-tab .panels .panel-item .tabLink {
  color: var(--tab-menu-dashboard-active-text-color) !important;
  font-family: 'OpenSans SemiBold' !important;
}
.dark-tab.dash-tab {
  background-color: var(--dash-tab-color) !important;
}
.tab.tab-margin {
  display: flex;
  justify-content: center;
}
.tab.tab-margin .panels .panel-item {
  margin: 0 32px;
}
.tabMenu {
  height: 44px;
  padding: 0px 16px;
}
.tabMenu .panels {
  justify-content: center;
  padding: 0;
}
.tabMenu .panels,
.tabMenu .panel-item {
  margin-right: 40px;
  height: inherit;
}
.tabMenu .panels:last-child,
.tabMenu .panel-item:last-child {
  margin-right: 0px;
}
.tabMenu .panels .tabLink-financial,
.tabMenu .panel-item .tabLink-financial,
.tabMenu .panels .tabLink,
.tabMenu .panel-item .tabLink {
  display: flex;
  align-items: center;
  height: inherit;
}
.tabMenu .panels .tabLink-financial:hover::before,
.tabMenu .panel-item .tabLink-financial:hover::before,
.tabMenu .panels .tabLink:hover::before,
.tabMenu .panel-item .tabLink:hover::before {
  display: initial;
}
.tabMenu .panels .tabLink-financial::before,
.tabMenu .panel-item .tabLink-financial::before,
.tabMenu .panels .tabLink::before,
.tabMenu .panel-item .tabLink::before {
  content: "";
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 5px;
  width: 100%;
  background-color: var(--tab-link-before-color);
  border-radius: 5px 5px 0px 0px;
}
.tabMenu .panels .notification,
.tabMenu .panel-item .notification {
  margin: 0;
  margin-left: 5px;
  margin-bottom: 3px;
}
.tabMenu .panels .wrapper,
.tabMenu .panel-item .wrapper {
  display: flex;
  height: inherit;
  align-items: center;
  position: relative;
}
.tabMenu .panels.active a::before,
.tabMenu .panel-item.active a::before,
.tabMenu .panels.active .tabLink::before,
.tabMenu .panel-item.active .tabLink::before {
  display: initial;
}
.tabMenu .tabBtn {
  position: absolute;
  right: 16px;
  top: 6px;
  display: flex;
  align-items: center;
  margin-right: 0;
}
.tabMenu .tabBtn > button {
  width: 32px;
  height: 32px;
  background-color: var(--button-my-space-color);
  border-radius: 4px;
  align-items: center;
  justify-content: center;
}
.tabMenu .tabBtn > button img {
  width: 22px;
  height: 22px;
}
.open-menu {
  align-self: center;
  display: none;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  padding: 0 !important;
  height: 24px;
  width: 24px;
  background-color: transparent;
  background-image: url(../images2/hidden-menu.svg);
}
.open-menu p {
  margin: 0;
}
.open-menu img {
  height: 24px;
}
@media screen and (max-width: 850px) {
  .open-menu {
    display: flex;
    align-items: center;
    margin-left: 16px;
  }
  .topbar h1 {
    margin-left: 16px;
  }
  .slidebar {
    position: absolute;
    z-index: 9999;
    transform: translate(-100%, 0);
    transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
  }
  .menu-head:has(.open-menu:checked) .slidebar {
    z-index: 9999;
    transform: none;
  }
}
.login-container {
  width: 100%;
  height: 100%;
}
.login-container .background-login::before {
  content: '';
  background-image: url(../images2/big-login-header.svg);
  background-repeat: no-repeat;
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: contain;
  z-index: -1;
  padding: 0;
  top: 0;
}
@media screen and (min-height: 600px) {
  .login-container .background-login::after {
    content: '';
    background-image: url(../images2/big-login-footer.svg);
    background-repeat: no-repeat;
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: contain;
    z-index: -1;
    padding: 0;
    bottom: 0;
    background-position: bottom;
  }
}
.login-container .center,
.login-container.center {
  display: flex;
  justify-content: center;
  align-items: center;
}
.login-container .box {
  background: #FFFFFF;
  box-shadow: 0px 2px 16px 5px rgba(0, 0, 0, 0.08);
  border-radius: 16px;
}
.login-container .box .separator {
  font-family: 'OpenSans Bold';
  color: var(--color-gray-7);
  text-align: center;
  position: relative;
}
.login-container .box .separator:after {
  content: "";
  border: 1px solid var(--color-gray-4);
  position: absolute;
  top: 50%;
  left: 0;
  width: 45%;
}
.login-container .box .separator:before {
  content: "";
  border: 1px solid var(--color-gray-4);
  position: absolute;
  top: 50%;
  right: 0;
  width: 45%;
}
.login-container .btn-forget {
  text-decoration: none;
  font-family: 'OpenSans SemiBold';
  color: var(--color-gray-6);
}
.login-container .btn-login {
  width: 100%;
}
.login-container .btn-role {
  display: grid;
  width: 130px;
  height: 130px;
  margin-right: 64px;
  padding: 0px;
  border-radius: 16px;
  background: linear-gradient(90deg, var(--color-light-blue-2) 0%, var(--color-light-blue-1) 100%);
  cursor: pointer;
}
.login-container .btn-role img {
  margin-top: 31px;
  margin-left: 45px;
}
.login-container .btn-role p {
  font-size: 16px;
  line-height: 18px;
  text-align: center;
  color: var(--color-blue-9);
}
.login-container .btn-role:hover {
  background: linear-gradient(90deg, var(--color-light-blue-2) 0%, var(--color-light-blue-4) 100%);
}
.login-container input.remove-required:required + label::after {
  content: unset;
}
.login-container .field {
  position: relative;
}
.login-container .show-password,
.login-container .hide-password {
  cursor: pointer;
  background-image: url(../images2/eye-gray.svg);
  position: absolute;
  width: 24px;
  height: 24px;
  right: 12px;
  top: 30px;
}
.login-container .show-password {
  background-image: url(../images2/eye-gray.svg);
}
.login-container .hide-password {
  background-image: url(../images2/visibility_off.svg);
}
.accessibility-modal {
  background-color: var(--color-white);
  position: absolute;
  right: 16px;
  margin-top: 8px;
  width: 204px;
  border-radius: 5px;
  box-shadow: 0px 4px 8px rgba(51, 22, 22, 0.08), 0px 16px 24px rgba(51, 22, 22, 0.08);
  z-index: 20;
}
.accessibility-modal .cancel-btn {
  position: absolute;
  margin-top: 8px;
  margin-left: 173px;
  cursor: pointer;
  z-index: 1;
}
.accessibility-modal p {
  position: relative;
  font-size: 14px;
  line-height: 21px;
  margin-left: 54px;
  padding-top: 29px;
  margin-bottom: 17px;
  color: var(--color-blue-10);
}
.accessibility-modal small {
  margin-left: 15px;
  color: var(--color-gray-9);
}
.accessibility-modal .divider {
  position: relative;
  margin-bottom: 4px;
  margin-left: 15px;
  background: var(--color-gray-5);
  border: 0.5px solid var(--color-gray-5);
  width: 175px;
  display: inline-block;
}
.accessibility-modal button {
  background: var(--color-white);
  border: 1px solid var(--color-blue-9);
  color: var(--color-gray-7) !important;
  border-radius: 4px;
  box-shadow: 0px 8px 16px -4px rgba(51, 22, 22, 0.08);
  width: 80px;
  height: 32px;
  margin-left: 14px;
  margin-top: 12px;
  margin-bottom: 8px;
  cursor: pointer;
}
.accessibility-modal ul {
  margin-top: 8px;
  margin-bottom: 12px;
  padding: 0px;
  list-style: none;
}
.accessibility-modal ul li {
  margin-bottom: 4px;
}
.accessibility-modal ul li img {
  position: relative;
  margin: 0px 0px 0px 15px;
}
.accessibility-modal ul li .accessibility-a {
  position: absolute;
  text-decoration: none;
  color: var(--color-gray-7);
  margin-left: 8px;
  margin-top: 4px;
}
.accessibility-modal .accessibility-error-report {
  margin-top: 24px;
}
.accessibility-modal .accessibility-error-report img {
  position: relative;
  margin: 0px 0px 27px 43px;
}
.accessibility-modal .accessibility-error-report a {
  position: absolute;
  text-decoration: none;
  color: var(--color-gray-7);
  margin-left: 8px;
  margin-top: 4px;
}
.notification-modal {
  list-style-type: none;
  background-color: var(--color-white);
  position: absolute;
  overflow-y: scroll;
  max-height: 500px;
  right: 16px;
  padding: 0 16px;
  margin-top: 8px;
  width: 600px;
  border-radius: 5px;
  box-shadow: 0px 4px 8px rgba(51, 22, 22, 0.08), 0px 16px 24px rgba(51, 22, 22, 0.08);
  z-index: 20;
}
.notification-modal #newNotificationCountTag {
  height: 24px;
  width: 24px;
  text-align: center;
  color: var(--color-white);
  background: var(--color-red-6);
  border-radius: 100%;
}
.notification-modal li:first-child {
  border-bottom: 1px solid var(--color-gray-8);
  margin-bottom: 24px;
}
.notification-modal li:not(:first-child) {
  border-bottom: 1px solid var(--color-gray-4);
  margin-bottom: 16px;
}
.notification-modal .notification-container {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.notification-modal .notification-container a {
  text-decoration: none;
  color: var(--color-gray-8);
}
.notification-modal .notification-container .notification-text-container {
  display: flex;
  align-items: flex-start;
}
.notification-modal .notification-container .notification-text-container .notification-text {
  padding: 0 0 16px 16px;
}
.notification-modal .notification-container .notification-text-container .notification-text .text-date {
  color: var(--color-orange-7);
  margin-bottom: 4px;
}
.filters {
  width: 360px;
  height: 610px;
  background: var(--color-white);
  box-shadow: 0px 2px 20px 5px rgba(0, 0, 0, 0.15);
}
.filters p {
  display: inline-flex;
  color: var(--color-gray-8);
  margin: 27px 24px 32px;
}
.filters a {
  float: right;
  text-decoration: none;
  color: var(--color-gray-8);
  margin: 24px 24px 0px 0px;
}
.filters label {
  font-family: 'OpenSans SemiBold';
  font-size: 12px;
  line-height: 16px;
  color: var(--color-gray-7);
}
.filters div {
  margin-left: 24px;
  margin-bottom: 16px;
}
.filters button {
  margin: 53px 90px 24px;
  padding: 9.5px 66.5px;
  font-size: 14px;
  line-height: 21px;
  color: var(--color-white);
}
.drop-menu {
  position: absolute;
  background: var(--color-white);
  box-shadow: 0px 2px 16px 5px rgba(0, 0, 0, 0.08);
  border-radius: 4px;
  padding: 10px 8px 8px;
  gap: 10px;
  width: 162px;
  height: min-content;
  z-index: 3;
}
.drop-menu hr {
  border: 0.5px solid var(--color-gray-5);
  margin: 0;
}
.drop-menu a.close-btn {
  display: flex;
  float: right;
}
.drop-menu img {
  width: 16px;
  height: 16px;
}
.drop-menu ul {
  margin-top: 16px;
  margin-bottom: 0px;
}
.drop-menu ul li {
  list-style: none;
  display: flex;
  align-items: center;
}
.drop-menu ul li a {
  display: flex;
  width: 100%;
  text-decoration: none;
  vertical-align: top;
  color: var(--color-blue-9);
  padding: 16px 0;
}
.drop-menu ul li img {
  margin-right: 8px;
}
.drop-menu ul:nth-of-type(1) {
  list-style-position: outside;
  padding: 0;
}
.dash-filter-wrapper .dash {
  position: initial;
}
.dash-filter-wrapper .list-filter {
  display: block;
}
.dash {
  position: absolute;
  top: 50px;
  right: -10px;
  z-index: 10 !important;
  width: 278px;
  padding: 16px;
  background: var(--color-white);
  border-radius: 4px;
  box-shadow: 0px 4px 8px -4px rgba(51, 22, 22, 0.08);
}
.dash > * {
  margin: 0;
  padding: 0;
}
.dash .btn-close-filter {
  background-color: transparent;
  outline: none;
  border: none;
  cursor: pointer;
  padding: 0;
  box-shadow: none;
}
.dash .dash-title {
  font-size: 14px;
  color: var(--color-gray-8);
}
.dash hr {
  margin: 5px 0;
  width: 100%;
  border: 0.5px solid var(--color-gray-5);
}
.dash .dash-chk {
  margin-top: 8px;
}
.dash .close {
  width: 100%;
  text-align: right;
}
.dash label {
  font-family: 'OpenSans SemiBold';
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.4px;
  color: var(--color-gray-7);
}
.dash ul li {
  margin-bottom: 14px;
}
.dash ul li a {
  color: var(--color-gray-7);
  text-decoration: none;
  vertical-align: text-top;
}
.dash ul .dash-list-upper {
  list-style-image: url(../images2/arrow_upward.svg);
}
.dash ul .dash-list-lower {
  list-style-image: url(../images2/arrow_downward.svg);
}
.dash ul:nth-of-type(1) {
  list-style-position: inside;
  padding: 0px;
}
.dash .dash-calendar-wrapper {
  display: flex;
  align-items: center;
}
.dash .dash-calendar {
  width: calc(50% - 4px);
}
.dash .dash-calendar label {
  margin-bottom: 0px;
  color: var(--color-gray-7);
}
.dash .dash-order,
.dash .dash-date {
  display: inline-flex;
  align-items: center;
}
.dash .dash-order p,
.dash .dash-date p {
  white-space: nowrap;
  font-size: 14px;
  line-height: 21px;
  color: var(--color-gray-8);
  margin-right: 34px;
}
.dash .dash-date {
  margin-top: 10px;
  margin-bottom: 7px;
}
.dash .dash-date p {
  margin-top: 0;
  margin-bottom: 0;
}
.dash .dash-date hr {
  width: 50%;
}
.dash button {
  margin: 0 auto;
  padding: 9.5px 38.5px;
  font-size: 14px;
  line-height: 21px;
  color: var(--color-white);
}
div:has(> .dark-tab) {
  overflow-x: auto;
  overflow-y: hidden;
}
.dash-container {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: nowrap !important;
}
@media screen and (max-width: 850px) {
  .dash-container {
    display: block !important;
  }
  .dash-container .dash-column {
    width: 100% !important;
    margin: 0 0 32px !important;
  }
}
.dash-column {
  display: flex;
  flex-direction: column;
  background-color: var(--dash-column-background-color);
  border-radius: 4px;
  padding: 18px 8px 14px;
  min-width: calc(19% - 8px);
  width: fit-content;
  margin-right: 16px;
}
.dash-column:last-child {
  margin-right: 0;
}
.dash-column.noResponsible .circle,
.dash-column.going .circle,
.dash-column.draft .circle {
  background-color: var(--dash-column-circle-draft-color);
}
.dash-column.noResponsible .dash-request,
.dash-column.going .dash-request,
.dash-column.draft .dash-request {
  border-color: var(--dash-column-circle-draft-color);
}
.dash-column.pending .circle {
  background-color: var(--dash-column-circle-pending-color);
}
.dash-column.pending .dash-request {
  border-color: var(--dash-column-circle-pending-color);
}
.dash-column.review .circle,
.dash-column.rejected .circle,
.dash-column.doing .circle {
  background-color: var(--dash-column-circle-doing-color);
}
.dash-column.review .dash-request,
.dash-column.rejected .dash-request,
.dash-column.doing .dash-request {
  border-color: var(--dash-column-circle-doing-color);
}
.dash-column.chargeback .circle,
.dash-column.approving .circle {
  background-color: var(--dash-column-circle-approving-color);
}
.dash-column.chargeback .dash-request,
.dash-column.approving .dash-request {
  border-color: var(--dash-column-circle-approving-color);
}
.dash-column.management .circle,
.dash-column.cancelled .circle {
  background-color: var(--dash-column-circle-cancelled-color);
}
.dash-column.management .dash-request,
.dash-column.cancelled .dash-request {
  border-color: var(--dash-column-circle-cancelled-color);
}
.dash-column.returned .circle {
  background-color: var(--color-red-10);
}
.dash-column.returned .dash-request {
  border-color: var(--color-red-10);
}
.dash-column .dash-column-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  position: relative;
}
.dash-column .dash-column-header .circle {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  margin-right: 8px;
}
.dash-column .dash-column-header p {
  color: var(--dash-column-title-text-color);
  font-size: 14px;
  font-weight: 600;
  margin: 0;
}
.dash-column .dash-column-header > .wrapper {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.dash-column .dash-column-header .dash-column-menu {
  display: flex;
  cursor: pointer;
  padding: 10px;
}
.dash-column .dash-column-header .dash-column-menu .dots {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: var(--dash-column-dots-color);
  position: relative;
  margin-right: -10px;
}
.dash-column .dash-column-header .dash-column-menu .dots::before,
.dash-column .dash-column-header .dash-column-menu .dots::after {
  content: "";
  position: absolute;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: var(--dash-column-dots-color);
}
.dash-column .dash-column-header .dash-column-menu .dots::before {
  left: -7px;
}
.dash-column .dash-column-header .dash-column-menu .dots::after {
  left: -14px;
}
.dash-column.w-100 {
  min-width: unset;
}
.list-filter {
  position: absolute;
  top: 25px;
  right: -5px;
  z-index: 10 !important;
  padding: 16px;
  width: 241px;
  display: initial;
}
.list-filter > * {
  margin: 0;
  padding: 0;
}
.list-filter ul {
  margin: 0 !important;
  margin-top: 14px !important;
}
.list-filter .filter-input-title {
  font-size: 12px !important;
  line-height: 18px;
  letter-spacing: 0.4px;
  color: var(--color-gray-7) !important;
  margin-top: 25px;
}
.list-filter .list-filter-input {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 6px;
}
.list-filter .list-filter-input input {
  height: 32px;
  margin-right: 4px;
  padding: 5px;
  border: 1px solid var(--color-gray-5);
  border-radius: 4px;
  background-color: transparent;
}
.list-filter .list-filter-input button {
  height: 32px;
}
.dash-request {
  width: 100%;
  min-height: 128px;
  border-radius: 4px;
  border-left: 3px solid var(--color-gray-7);
  letter-spacing: 0.4px;
  background-color: var(--dash-info-background-color);
  padding: 9px;
  cursor: default;
  position: relative;
  overflow: hidden;
  margin-bottom: 8px;
}
.dash-request:last-child {
  margin-bottom: 0;
}
.dash-request .ico {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 1px 2px;
  width: 16px;
  height: 16px;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.dash-request .ico.high-priority {
  background-color: var(--color-red-6);
}
.dash-request .ico.high-priority-green {
  background-color: var(--color-green-6);
}
.dash-request .ico.sync {
  background-color: var(--color-gold-6);
}
.dash-request:hover .hover {
  right: -1px;
}
.dash-request .hover {
  position: absolute;
  width: 18px;
  right: -19px;
  top: 0;
  bottom: 0;
  background-image: var(--dash-column-icon-hover);
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
  transition: all 0.2s ease;
}
.dash-request .dash-request-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.dash-request .dash-request-header > div {
  display: flex;
  flex-direction: column;
  text-align: right;
}
.dash-request .dash-request-header .title {
  color: var(--dash-column-reference-color);
}
.dash-request .dash-request-header .date {
  color: var(--dash-column-date-color);
}
.dash-request .dash-request-header .final-date {
  color: var(--dash-column-final-date-color);
}
.dash-request .subtitle {
  color: var(--dash-column-title-color);
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.dash-request .content {
  color: var(--dash-column-content-color);
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
.acord-detail {
  border-bottom: 2px solid var(--color-gray-10);
  border-radius: 4px 4px 0px 0px;
}
.acord-detail summary {
  border-radius: unset !important;
}
.acord-detail .acord-sumary {
  display: flex;
  justify-content: space-between;
}
.acord-detail .acord-detail-body div {
  display: absolute;
  background: rgba(255, 255, 255, 0.01);
  padding: 10px 24px;
  border: 1px solid var(--color-gray-5);
}
.round .acord-detail .acord-sumary {
  display: flex;
  justify-content: space-between;
}
.round .acord-detail .acord-detail-body div {
  display: absolute;
  background: rgba(255, 255, 255, 0.01);
  padding: 0;
  border: none;
}
.round .acord-detail .acord-detail-body div .notification {
  border: 1.5px solid var(--color-white) !important;
}
.acord-detail-body p {
  padding: 8px 8px 16px;
  margin: 0px;
}
.acord {
  background: rgba(255, 255, 255, 0.01);
}
details[open].acord {
  border-bottom: 1px solid var(--color-black);
}
details[open].acord summary,
details[open].acord .acord-detail-body {
  border: 1px solid var(--color-black);
}
.disabled {
  color: var(--color-gray-6);
  background-color: var(--color-gray-2);
  pointer-events: none;
}
.dropdown {
  height: 40px;
  min-width: 180px;
  display: inline-block;
  position: relative;
  font-size: 12px;
  line-height: 16px;
  color: var(--color-gray-6) !important;
}
.dd-btn {
  height: 40px;
  width: 100% !important;
  display: inline-flex;
  align-items: center;
  border: 1.5px solid var(--dd-border-color);
  border-radius: 4px;
  padding: 8px 12px;
  background: var(--dd-background-color);
  cursor: pointer;
}
.dd-btn.arrow-icon {
  width: max-content;
  content: ' ';
  padding-right: 16px;
  background-size: 18px 18px;
  background-image: url(../images2/keyboard_arrow_down.svg);
  background-image: -webkit-image-set url(../images2/keyboard_arrow_down.svg);
  background-image: -moz-image-set url(../images2/keyboard_arrow_down.svg);
  background-image: -o-image-set url(../images2/keyboard_arrow_down.svg);
  background-image: -ms-image-set url(../images2/keyboard_arrow_down.svg);
  background-image: image-set url(../images2/keyboard_arrow_down.svg);
  background-repeat: no-repeat;
  background-position: center right 8px;
}
.dd-input {
  display: none !important;
}
.dd-menu {
  width: 100%;
  position: absolute;
  top: 100%;
  border: 1px solid var(--dd-menu-border-color);
  border-radius: 4px;
  padding: 0;
  margin: 2px 0 0 0;
  background: var(--dd-menu-background-color);
  list-style-type: none;
}
.dd-menu li {
  height: 40px;
  color: var(--dd-menu-text-color) !important;
}
.dd-menu li:hover {
  background: var(--dd-menu-background-hover-color);
  color: var(--dd-menu-text-hover-color) !important;
}
.dd-menu li:hover .form-check-input {
  border: 1px solid var(--color-white);
}
.dd-input + .dd-menu {
  display: none;
}
.dd-input:checked + .dd-menu {
  display: block;
  z-index: 1;
}
.dd-menu li {
  display: flex;
  align-items: center;
  height: 40px;
  padding: 12px 16px;
  cursor: pointer;
  white-space: nowrap;
  border: 1px solid var(--color-gray-5);
}
.dd-menu li .form-check-label {
  margin: 0 !important;
}
.selected > .order-list {
  color: var(--color-orange-5);
}
.cb-livesearch-input,
.information-table .cb-livesearch-input {
  transition: border 200ms ease-in-out !important;
}
.cb-livesearch-list,
.information-table .cb-livesearch-list {
  display: none;
  position: absolute;
  margin-top: 10px;
  border: 2px solid var(--livesearch-border-color);
  border-radius: 5px;
  box-shadow: none;
  background-color: var(--livesearch-background-color);
  opacity: 0;
  transform: scale(0.6);
  transition: opacity 200ms ease-in-out, transform 200ms ease-in-out;
  min-height: 0;
  max-height: 220px;
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 1001;
}
.cb-livesearch-list.show,
.information-table .cb-livesearch-list.show {
  opacity: 1;
  transform: scale(1);
}
.cb-livesearch-list-table,
.information-table {
  width: 100%;
  border-spacing: 0;
}
.cb-livesearch-list-table,
.information-table {
  width: 100%;
  border-spacing: 0;
}
.cb-livesearch-list-table,
.information-table td {
  font-size: 12px;
  text-align: left !important;
  vertical-align: middle;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
.cb-livesearch-list-table,
.information-table tr {
  cursor: pointer;
  transition: background-color ease-in-out 100ms;
}
.cb-livesearch-message-box,
.information-table .cb-livesearch-message-box {
  color: var(--color-black);
  display: none;
  width: 100%;
  text-align: center;
  transition: all 200ms ease-in-out;
  overflow: hidden;
  white-space: nowrap;
}
.cb-livesearch-message-box.show,
.information-table .cb-livesearch-message-box.show {
  font-size: 12px;
  display: inline-block;
  padding: 0 8px;
  line-height: 50px;
}
.cb-livesearch-list-table tr,
.information-table .cb-livesearch-list-table tr {
  cursor: pointer;
}
.cb-livesearch-list-table tr td,
.information-table .cb-livesearch-list-table tr td {
  background-color: var(--livesearch-background-color);
  color: var(--livesearch-text-color);
  font-size: 14px;
  line-height: 25px;
  padding: 10px 20px !important;
  position: relative;
  border-bottom: 2px solid var(--livesearch-border-color);
}
.cb-livesearch-list-table tr:last-child td,
.information-table .cb-livesearch-list-table tr:last-child td {
  border-bottom: none;
}
.cb-livesearch-list-table tr.selection td:before,
.information-table .cb-livesearch-list-table tr.selection td:before,
.cb-livesearch-list-table tr:hover td:before,
.information-table .cb-livesearch-list-table tr:hover td:before {
  color: var(--livesearch-text-hover-color);
  background-color: var(--livesearch-background-selection-color);
  position: absolute;
  border-radius: 5px;
  height: calc(100% - 10px);
  width: 100%;
  content: ' ';
  display: inline-block;
  left: 0;
  top: 0;
  margin-top: 5px;
  z-index: -1;
}
.cb-livesearch-list-table tr.selection,
.information-table .cb-livesearch-list-table tr.selection,
.cb-livesearch-list-table td:before,
.information-table .cb-livesearch-list-table td:before,
.cb-livesearch-list-table td:hover,
.information-table .cb-livesearch-list-table td:hover {
  background-color: var(--livesearch-background-hover-color);
}
.cb-livesearch-list-table tr.selection td,
.information-table .cb-livesearch-list-table tr.selection td,
.cb-livesearch-list-table td:hover,
.information-table .cb-livesearch-list-table td:hover {
  background-color: var(--livesearch-background-hover-color);
  color: var(--livesearch-text-hover-color);
}
.information-table {
  width: 100%;
  font-size: 11px;
  line-height: 15px;
  border-collapse: separate;
  border-spacing: 0 8px;
}
.information-table thead {
  font-family: 'OpenSans Bold';
  color: var(--information-tables-thead-tr-text-color);
  text-align: left;
}
.information-table thead tr th {
  padding: 0 0 0 8px;
}
.information-table tbody {
  position: relative;
  top: -2px;
}
.information-table tbody tr {
  border-radius: 4px;
  color: var(--information-tables-tbody-tr-text-color);
}
.information-table tbody td {
  background-color: var(--information-tables-tbody-tr-backgraound-color);
  padding: 8px !important;
  font-size: 12px;
  line-height: 16px;
}
.information-table tbody td.date-chk {
  display: flex;
  align-items: center;
}
.information-table tbody td.date-chk:first-child {
  flex-grow: 1;
}
.information-table tbody td.date-chk:last-child {
  flex-grow: 2;
}
.information-table tbody td.date-chk .input-chk-box {
  margin: 0 0 0 24px !important;
}
.information-table tbody td:first-child {
  border-radius: 4px 0 0 4px;
}
.information-table tbody td:last-child {
  border-radius: 0 4px 4px 0;
  text-align: right;
}
.information-table tbody td:last-child a {
  margin-right: 8px;
}
.information-table tbody td:last-child a:last-child {
  margin: 0;
}
.information-table tbody td .homologation-anchor {
  width: 100%;
  display: inline-block;
  text-decoration: none;
  color: var(--homologation-anchor-text-color);
  margin-bottom: 8px;
}
.information-table tbody td .homologation-anchor:last-child {
  margin-bottom: 0px;
}
.information-table tbody td .cb-livesearch-list-table td {
  display: block;
  font-family: 'OpenSans';
  border-radius: unset;
}
.information-table tbody td .cb-livesearch-list-table .selection > td {
  background-color: unset;
}
.description-table {
  width: 100%;
}
.description-table thead tr th {
  font-family: 'OpenSans SemiBold';
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.4px;
  text-align: left;
}
.description-table tbody tr td {
  background-color: var(--color-white);
  border: 1.5px solid var(--color-gray-5);
  border-radius: 4px;
  color: var(--color-gray-9);
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.4px;
  text-align: left;
  padding: 16px;
}
table th .many-records {
  display: flex;
  margin-top: 10px;
  justify-content: space-between;
}
table th .many-records .item {
  font-size: 10px;
}
table th .many-records .item:first-child {
  margin-right: 5px;
}
table th .many-records .item:last-child {
  margin-left: 5px;
}
table td {
  padding: 16px;
  max-width: 541px;
  border: none;
}
table td:first-child:not(table.es-wrapper td:first-child) {
  padding-right: 16px !important;
}
table td:last-child:not(table.es-wrapper td:last-child) {
  padding-left: 16px !important;
}
table td .many-records {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
table td .many-records .item {
  font-size: 10px;
  max-width: 50%;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
table td .many-records .item:first-child {
  margin-right: 5px;
}
table td .many-records .item:last-child {
  margin-left: 5px;
}
table .padding-16 td {
  padding: 16px !important;
}
table .w-min {
  width: min-content;
}
table .table-padding {
  padding-top: 13px;
  padding-left: 16px;
}
table .tpb-8 {
  padding-bottom: 8px;
}
table .tpb-12 {
  padding-bottom: 12px;
}
table .tpl-16 {
  padding-left: 16px;
}
table .form-body.base {
  vertical-align: baseline;
}
table .table-title {
  color: var(--table-title-text-color);
}
table .table-status {
  color: var(--approver-table-status-text-color);
  font-size: 10px;
  line-height: 10px;
  padding: 4px 16px;
  gap: 8px;
  border-radius: 16px;
  width: min-content;
}
table .table-status.green {
  background: var(--approver-table-status-background-green);
  border: 1px solid var(--approver-table-status-background-green);
}
table .table-status.red {
  background: var(--approver-table-status-background-red);
  border: 1px solid var(--approver-table-status-background-red);
}
table .table-status.yellow2 {
  background: var(--approver-table-status-background-yellow);
  border: 1px solid var(--approver-table-status-background-yellow);
}
table .table-calendar {
  width: 121px;
  height: 40px;
  padding: 8px 12px;
  gap: 4px;
  background: var(--color-white);
}
table thead tr td {
  cursor: pointer;
}
table .text-center {
  text-align: center;
}
table .div-center {
  display: flex;
  justify-content: center;
}
table .row-blue-1 {
  background-color: var(--color-blue-1);
}
.data-table {
  width: 100%;
  table-layout: fixed;
}
@media screen and (max-width: 850px) {
  .data-table {
    width: -webkit-fill-available;
  }
}
.data-table thead tr th {
  position: relative;
  height: 48px;
  padding: 10px 16px;
  background-color: var(--data-tables-thead-tr-background-color);
  font-family: 'OpenSans SemiBold';
  font-size: 13px;
  line-height: 16px;
  color: var(--data-tables-thead-tr-text-color);
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
}
.data-table thead tr th.desc::after {
  content: '';
  margin-left: 8px;
  background-image: url(../images2/order-arrow-down.svg);
  position: absolute;
  height: 5px;
  width: 8px;
  top: 50%;
  transform: translateY(-50%);
}
.data-table thead tr th.asc::after {
  content: '';
  margin-left: 8px;
  background-image: url(../images2/order-arrow-up.svg);
  position: absolute;
  height: 5px;
  width: 8px;
  top: 50%;
  transform: translateY(-50%);
}
.data-table thead tr th:first-child {
  padding-left: 24px;
}
.data-table thead tr th:last-child {
  padding-right: 24px;
}
.data-table tbody tr td {
  height: 48px !important;
  padding: 10px 16px;
  font-family: 'OpenSans';
  font-size: 12px;
  line-height: 16px;
  color: var(--data-tables-tbody-tr-text-color);
  text-align: left;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.data-table tbody tr td:first-child {
  padding-left: 24px;
}
.data-table tbody tr td:last-child {
  padding-right: 24px;
}
.data-table tbody tr:nth-child(1n) {
  background-color: var(--data-tables-tbody-tr-background-color-alter) !important;
}
.data-table tbody tr:nth-child(2n) {
  background-color: var(--data-tables-tbody-tr-background-color) !important;
}
.txt-blue-10 {
  color: var(--color-blue-10);
}
.txt-gray-8 {
  color: var(--color-gray-8);
}
.multicolor-table tr:nth-child(even) {
  background-color: #f2f2f2;
}
td .has-hover-inside {
  display: contents;
}
td:has(> .has-hover-inside) {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  min-width: 100%;
}
div:has(> .has-hover-inside) {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 100%;
}
.table-border-radios-4 td:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.table-border-radios-4 td:last-child {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
.winner-table {
  border: 2px solid var(--purchase-table-border-winner-color) !important;
}
.loser-table {
  background-color: var(--purchase-table-background-loser-color);
  border-color: var(--purchase-table-border-loser-color) !important;
}
.link-color {
  color: var(--color-link);
}
#tableCommentary thead td,
#tableResolutions thead td {
  color: var(--progress-bar-thead-text-color) !important;
}
#tableCommentary tbody td,
#tableResolutions tbody td {
  color: var(--progress-bar-tbody-text-color) !important;
  background-color: var(--progress-bar-tbody-background-color) !important;
}
table thead tr th,
table thead tr td {
  min-width: 100px;
}
* {
  box-sizing: border-box;
}
.container {
  width: 100%;
  max-width: 100%;
  padding: 0 32px 0 32px;
}
.flex-row:not(#gridLogin):not(#gridForgetEmail):not(#gridForgetPassword) > [class*="col-"]:not(.requester-field):not([class*="col-"]:has(> .information-table)) {
  padding: 0 12px;
}
.flex-row:not(#gridLogin):not(#gridForgetEmail):not(#gridForgetPassword):not(:has(> [class*="col-"].mb-0, > [class*="col-"].margin-0)) > [class*="col-"]:not([class*="col-"]:has(> .information-table)) {
  margin: 0 0 32px 0 !important;
}
.flex-row:not(#gridLogin):not(#gridForgetEmail):not(#gridForgetPassword):not(:has(> [class*="col-"].mb-0, > [class*="col-"].margin-0)) > [class*="col-"]:not([class*="col-"]:has(> .information-table)) > details {
  margin-bottom: 0 !important;
}
[class^="col-"]:has(> .information-table) {
  padding: 0 12px;
  margin-bottom: 16px !important;
}
.cb-modal-head [class^="col-"] {
  margin: 0 !important;
}
[class^="col-"]:has(> [class^="col-"]) [class^="col-"],
[class^="col-"]:has( > div:not(.flex-row) > [class^="col-"]) [class^="col-"] {
  margin: 0 !important;
  padding: 0 !important;
}
[class^="col-"] > .flex-row:not(#gridLogin):not(#gridForgetEmail):not(#gridForgetPassword) > [class^="col-"] {
  padding: 0 !important;
}
@media (max-width: 980px) {
  div:not(.login-container) .flex-row:not(#gridLogin):not(#gridForgetEmail):not(#gridForgetPassword) [class^="col-1"],
  div:not(.login-container) .flex-row:not(#gridLogin):not(#gridForgetEmail):not(#gridForgetPassword) [class^="col-2"] {
    width: 50% !important;
    margin: 0 0 32px 0 !important;
  }
  div:not(.login-container) .flex-row:not(#gridLogin):not(#gridForgetEmail):not(#gridForgetPassword) [class^="col-"] {
    width: 100% !important;
    margin: 0 0 32px 0 !important;
  }
  div:not(.login-container) .flex-row:not(#gridLogin):not(#gridForgetEmail):not(#gridForgetPassword) .flex-row:not(#gridLogin):not(#gridForgetEmail):not(#gridForgetPassword) [class^="col-"]:has(> [class^="col-"]):not(:has(> details)) [class^="col-"] {
    margin: 0 !important;
  }
  div:not(.login-container) .flex-row:not(#gridLogin):not(#gridForgetEmail):not(#gridForgetPassword) [class^="col-"]:has(#changePassword) #changePassword {
    position: relative !important;
    margin-top: 0 !important;
  }
  div:not(.login-container) .flex-row:not(#gridLogin):not(#gridForgetEmail):not(#gridForgetPassword) [class^="col-"]:not(.field):has(> .calendar),
  div:not(.login-container) .flex-row:not(#gridLogin):not(#gridForgetEmail):not(#gridForgetPassword) [class^="col-"]:has(> #search-btn),
  div:not(.login-container) .flex-row:not(#gridLogin):not(#gridForgetEmail):not(#gridForgetPassword) [class^="col-"]:has(> a > button),
  div:not(.login-container) .flex-row:not(#gridLogin):not(#gridForgetEmail):not(#gridForgetPassword) [class^="col-"].d-flex:not(.installment-table [class^="col-"].d-flex) {
    display: block;
  }
  div:not(.login-container) .flex-row:not(#gridLogin):not(#gridForgetEmail):not(#gridForgetPassword) [class^="col-"]:not(.field):has(> .calendar) .field:not(.field:first-child),
  div:not(.login-container) .flex-row:not(#gridLogin):not(#gridForgetEmail):not(#gridForgetPassword) [class^="col-"]:has(> #search-btn) .field:not(.field:first-child),
  div:not(.login-container) .flex-row:not(#gridLogin):not(#gridForgetEmail):not(#gridForgetPassword) [class^="col-"]:has(> a > button) .field:not(.field:first-child),
  div:not(.login-container) .flex-row:not(#gridLogin):not(#gridForgetEmail):not(#gridForgetPassword) [class^="col-"].d-flex:not(.installment-table [class^="col-"].d-flex) .field:not(.field:first-child),
  div:not(.login-container) .flex-row:not(#gridLogin):not(#gridForgetEmail):not(#gridForgetPassword) [class^="col-"]:not(.field):has(> .calendar) button,
  div:not(.login-container) .flex-row:not(#gridLogin):not(#gridForgetEmail):not(#gridForgetPassword) [class^="col-"]:has(> #search-btn) button,
  div:not(.login-container) .flex-row:not(#gridLogin):not(#gridForgetEmail):not(#gridForgetPassword) [class^="col-"]:has(> a > button) button,
  div:not(.login-container) .flex-row:not(#gridLogin):not(#gridForgetEmail):not(#gridForgetPassword) [class^="col-"].d-flex:not(.installment-table [class^="col-"].d-flex) button {
    margin-left: 0 !important;
    margin-top: 32px;
  }
  div:not(.login-container) .flex-row:not(#gridLogin):not(#gridForgetEmail):not(#gridForgetPassword) [class^="col-"]:not(.field):has(> .calendar) .input-file-container,
  div:not(.login-container) .flex-row:not(#gridLogin):not(#gridForgetEmail):not(#gridForgetPassword) [class^="col-"]:has(> #search-btn) .input-file-container,
  div:not(.login-container) .flex-row:not(#gridLogin):not(#gridForgetEmail):not(#gridForgetPassword) [class^="col-"]:has(> a > button) .input-file-container,
  div:not(.login-container) .flex-row:not(#gridLogin):not(#gridForgetEmail):not(#gridForgetPassword) [class^="col-"].d-flex:not(.installment-table [class^="col-"].d-flex) .input-file-container {
    margin-left: 0 !important;
  }
  div:not(.login-container) .flex-row:not(#gridLogin):not(#gridForgetEmail):not(#gridForgetPassword) .last-comment-title {
    margin-bottom: 32px !important;
  }
  div:not(.login-container) .flex-row:not(#gridLogin):not(#gridForgetEmail):not(#gridForgetPassword) .d-flex:not([class^="col-"]):has( > button:not(#helpAdobeSign, #addBtn)) {
    display: grid;
  }
  div:not(.login-container) .flex-row:not(#gridLogin):not(#gridForgetEmail):not(#gridForgetPassword) .d-flex:not([class^="col-"]):has( > button:not(#helpAdobeSign, #addBtn)) > button,
  div:not(.login-container) .flex-row:not(#gridLogin):not(#gridForgetEmail):not(#gridForgetPassword) .d-flex:not([class^="col-"]):has( > button:not(#helpAdobeSign, #addBtn)) > a {
    margin: 0 0 24px;
  }
  div:not(.login-container) .flex-row:not(#gridLogin):not(#gridForgetEmail):not(#gridForgetPassword) .d-flex:not([class^="col-"]):has( > button:not(#helpAdobeSign, #addBtn)) > button:last-child,
  div:not(.login-container) .flex-row:not(#gridLogin):not(#gridForgetEmail):not(#gridForgetPassword) .d-flex:not([class^="col-"]):has( > button:not(#helpAdobeSign, #addBtn)) a:last-child {
    margin: 0 !important;
  }
  div:not(.login-container) .flex-row:not(#gridLogin):not(#gridForgetEmail):not(#gridForgetPassword) .input-chk-box {
    margin-left: 0 !important;
  }
  .login-container [class^="col-"] {
    width: 100% !important;
  }
  #form:has(.background-login) > .flex-row {
    padding: 32px;
  }
  #form:has(.background-login) [class^="col-"] .flex-row {
    margin: 0;
    justify-content: center;
    text-align: center;
  }
  #form:has(.background-login) [class^="col-"] .flex-row .btn-role {
    margin: 0 8px;
  }
}
@media (min-width: 981px) and (max-width: 1100px) {
  div:not(.login-container) .flex-row:not(#gridLogin):not(#gridForgetEmail):not(#gridForgetPassword) [class^="col-1"],
  div:not(.login-container) .flex-row:not(#gridLogin):not(#gridForgetEmail):not(#gridForgetPassword) [class^="col-2"] {
    width: 33.33% !important;
    margin: 0 0 32px 0 !important;
  }
  div:not(.login-container) .flex-row:not(#gridLogin):not(#gridForgetEmail):not(#gridForgetPassword) [class^="col-3"],
  div:not(.login-container) .flex-row:not(#gridLogin):not(#gridForgetEmail):not(#gridForgetPassword) [class^="col-4"] {
    width: 50% !important;
    margin: 0 0 32px 0 !important;
  }
  div:not(.login-container) .flex-row:not(#gridLogin):not(#gridForgetEmail):not(#gridForgetPassword) [class^="col-5"],
  div:not(.login-container) .flex-row:not(#gridLogin):not(#gridForgetEmail):not(#gridForgetPassword) [class^="col-6"],
  div:not(.login-container) .flex-row:not(#gridLogin):not(#gridForgetEmail):not(#gridForgetPassword) [class^="col-7"],
  div:not(.login-container) .flex-row:not(#gridLogin):not(#gridForgetEmail):not(#gridForgetPassword) [class^="col-8"],
  div:not(.login-container) .flex-row:not(#gridLogin):not(#gridForgetEmail):not(#gridForgetPassword) [class^="col-9"],
  div:not(.login-container) .flex-row:not(#gridLogin):not(#gridForgetEmail):not(#gridForgetPassword) [class^="col-10"],
  div:not(.login-container) .flex-row:not(#gridLogin):not(#gridForgetEmail):not(#gridForgetPassword) [class^="col-11"],
  div:not(.login-container) .flex-row:not(#gridLogin):not(#gridForgetEmail):not(#gridForgetPassword) [class^="col-12"] {
    width: 100% !important;
    margin: 0 0 32px 0 !important;
  }
  div:not(.login-container) .flex-row:not(#gridLogin):not(#gridForgetEmail):not(#gridForgetPassword) [class^="col-"]:has(> [class^="col-"]):not(:has(> details)) [class^="col-"] {
    margin: 0 !important;
  }
  div:not(.login-container) .flex-row:not(#gridLogin):not(#gridForgetEmail):not(#gridForgetPassword) [class^="col-"]:has(#changePassword) #changePassword {
    position: relative !important;
    margin-top: 0 !important;
  }
  div:not(.login-container) .flex-row:not(#gridLogin):not(#gridForgetEmail):not(#gridForgetPassword) [class^="col-"]:has(> .information-table) {
    padding: 0 12px;
    margin-bottom: 16px !important;
  }
  #form:has(.background-login) > .flex-row {
    padding: 32px 0;
  }
  #form:has(.background-login) [class^="col-"] .flex-row {
    margin: 0;
    justify-content: center;
    text-align: center;
  }
  #form:has(.background-login) [class^="col-"] .flex-row .btn-role {
    margin: 0 8px;
  }
}
@media screen and (max-width: 700px) {
  #gridLogin > [class^="col-"] {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}
@media screen and (max-width: 800px) {
  .information-table > tbody > tr,
  .information-table > thead > tr {
    height: fit-content !important;
    display: grid;
  }
  .information-table > tbody > tr {
    margin-top: 16px;
  }
}
@media screen and (max-width: 376px) {
  #form:has(.background-login) {
    position: relative;
  }
  #form:has(.background-login) [class^="col-5"] img {
    width: 100%;
  }
  #form:has(.background-login) [class^="col-6"] {
    margin-bottom: 0 !important;
  }
  #form:has(.background-login) [class^="col-6"] .flex-row .btn-role {
    margin: 8px 24px;
  }
  #form:has(.background-login) [class^="col-6"] .flex-row .btn-role:first-child {
    margin-top: 0;
  }
  #form:has(.background-login) > .flex-row {
    padding: 32px 8px !important;
  }
}
.login-container [class^="col-6"] {
  margin-bottom: 0 !important;
}
.last-comment-title {
  margin-bottom: 32px !important;
  margin-left: 12px !important;
}
[class^="col-"]:has( > a:has(> button)) a {
  display: block;
  width: min-content;
}
.flex-row {
  box-sizing: border-box;
  display: flex;
  flex-flow: row wrap;
  width: 100%;
}
.align-right {
  justify-content: flex-end;
}
.d-none {
  display: none;
}
.col-1 {
  width: 8.33%;
}
.col-2 {
  width: 16.66%;
}
.col-3 {
  width: 25%;
}
.col-4 {
  width: 33.33%;
}
.col-5 {
  width: 41.66%;
}
.col-6 {
  width: 50%;
}
.col-7 {
  width: 58.33%;
}
.col-8 {
  width: 66.66%;
}
.col-9 {
  width: 75%;
}
.col-10 {
  width: 83.33%;
}
.col-11 {
  width: 91.66%;
}
.col-12 {
  width: 100%;
}
.col-1-no-spacing {
  width: 8.33%;
}
.col-2-no-spacing {
  width: 16.66%;
}
.col-3-no-spacing {
  width: 25%;
}
.col-4-no-spacing {
  width: 33.33%;
}
.col-4-no-spacing-first {
  width: 33.33%;
}
.col-5-no-spacing {
  width: 41.66%;
}
.col-6-no-spacing {
  width: 50%;
}
.col-6-no-spacing-first {
  width: 50%;
}
.col-7-no-spacing {
  width: 58.33%;
}
.col-8-no-spacing {
  width: 66.66%;
}
.col-9-no-spacing {
  width: 75%;
}
.col-10-no-spacing {
  width: 83.33%;
}
.col-11-no-spacing {
  width: 91.66%;
}
.col-12-no-spacing {
  width: 100%;
}
.offset-1 {
  margin-left: 8.33333333%;
}
.offset-2 {
  margin-left: 16.66666667%;
}
.offset-3 {
  margin-left: 25%;
}
.offset-4 {
  margin-left: 33.33333333%;
}
.offset-5 {
  margin-left: 41.66666667%;
}
.offset-6 {
  margin-left: 50%;
}
.offset-7 {
  margin-left: 58.33333333%;
}
.offset-8 {
  margin-left: 66.66666667%;
}
.offset-9 {
  margin-left: 75%;
}
.offset-10 {
  margin-left: 83.33333333%;
}
.offset-11 {
  margin-left: 91.66666667%;
}
div > .progressbar {
  overflow-x: auto;
}
.progressbar {
  margin: 0 auto;
  list-style: none;
  position: relative;
  display: flex;
  justify-content: space-between;
  padding: 26px 0 45px 0;
}
.progressbar-step {
  text-align: center;
  position: relative;
  width: 100%;
  padding: 0 24px;
}
.progressbar-step:after {
  content: "";
  height: 0px;
  border: 1px solid var(--color-gray-6);
  margin: 0px 24px;
  background-color: var(--color-gray-6);
  position: absolute;
  width: calc(100% - 52px);
  top: calc(50% - 14px);
  transform: translateY(-50%);
}
.progressbar-step:last-child:after {
  display: none;
}
.progressbar-icon {
  width: 20px;
  height: 20px;
  background-color: var(--progress-bar-icon-color);
  fill: var(--progress-bar-icon-color);
  border: 1px solid var(--progress-bar-icon-color);
  border-radius: 20px;
  max-width: 100%;
  z-index: 5;
  position: relative;
  transition: all 0.25s ease-out;
  margin: 0px 0px 11px 0px;
}
.progress-green .progressbar-icon {
  fill: var(--progress-bar-icon-green-color);
  background-color: var(--progress-bar-icon-green-color);
  border: 1px solid var(--progress-bar-icon-green-color);
}
.progress-blue .progressbar-icon {
  fill: var(--progress-bar-icon-blue-color);
  background-color: var(--progress-bar-icon-blue-color);
  border: 1px solid var(--progress-bar-icon-blue-color);
}
.progress-red .progressbar-icon {
  fill: var(--progress-bar-icon-red-color);
  background-color: var(--progress-bar-icon-red-color);
  border: 1px solid var(--progress-bar-icon-red-color);
}
.progress-yellow .progressbar-icon {
  fill: var(--progress-bar-icon-yellow-color);
  background-color: var(--progress-bar-icon-yellow-color);
  border: 1px solid var(--progress-bar-icon-yellow-color);
}
.is-complete-back .progressbar-icon {
  background-color: var(--color-gray-6) !important;
  fill: var(--color-gray-6) !important;
  border: 1px solid var(--color-gray-6) !important;
}
.progressbar-step-label {
  display: block;
  color: var(--progress-bar-icon-text-color);
  position: relative;
  width: 100%;
  max-width: 140px;
  text-align: center;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.progressbar-step-label .bot {
  padding-top: 32px;
}
@media all and (max-width: 479px) {
  .progressbar-step-label {
    font-size: 10px;
    line-height: 18px;
  }
}
.is-current > .progressbar-step-label {
  color: var(--progress-bar-icon-text-color);
  font-family: 'OpenSans Bold';
}
.is-complete > .progressbar-step-label {
  color: var(--progress-bar-icon-text-color);
}
.progressbar-step .tooltip {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 90px;
}
.progressbar-step .tooltip img {
  width: 22px;
}
.header-user-terms {
  text-align: center;
  font-size: 16px;
  transition: all ease-in-out 200ms;
  transform: scaleY(0);
  transform-origin: top;
  visibility: hidden;
  max-height: 0;
  overflow: hidden;
  position: absolute;
  background-color: #DDE5E7;
  z-index: 10;
}
.header-user-terms.show {
  visibility: visible;
  transform: scaleY(1);
  max-height: 250px;
  padding: 10px 0;
  border-bottom: 2px solid #DDE5E7;
}
.header-user-terms .button.decorated {
  width: 145px;
  max-width: 100%;
  justify-content: center;
}
@media all and (max-width: 479px) {
  .header-user-terms .button.decorated {
    width: 100%;
  }
}
.progress-bar {
  height: 4px;
  position: relative;
  background: var(--color-gray-4);
  border-radius: 8px;
}
.progress-bar > span {
  display: block;
  height: calc(100% + 4px);
  top: -2px;
  border-radius: 8px;
  background-color: var(--progress-color-green);
  position: relative;
  overflow: hidden;
  transition: width 2s, height 4s;
}
.progress-bar > span.alert {
  background-color: var(--progress-color-red);
}
.progress-bar label {
  margin: 10px 0;
  font-size: 16px;
}
.progress-bar label .status-dot {
  height: 10px;
  width: 10px;
  border-radius: 50%;
  display: inline-block;
  margin-right: 5px;
}
.progress-bar label .status-dot.finished {
  background-color: var(--progress-color-green);
}
.progress-bar label .status-dot.alert {
  background-color: var(--progress-color-red);
}
.base-profile {
  position: relative;
}
.base-profile .profile-image {
  border: 4px solid var(--color-gray-4);
  border-radius: 50%;
  position: relative;
  width: 90px;
  height: 90px;
  cursor: pointer;
}
.base-profile .change-image {
  position: absolute;
  width: 90px;
  height: 45px;
  background-image: url('../images2/photo.svg');
  background-color: rgba(250, 250, 250, 0.6);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px;
  top: 45px;
  border-bottom-left-radius: 45px;
  border-bottom-right-radius: 45px;
  cursor: pointer;
}
.base-profile .change-image input {
  position: absolute;
  opacity: 0;
  top: 0;
  left: 0;
  cursor: pointer;
  width: 100%;
  height: 100%;
}
.base-profile .no-img {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'OpenSans Bold';
  font-size: 20px;
  color: var(--color-gray-4);
}