/* =============================
    ***************************

              TOASTR

    ***************************
   ============================= */

.vue-notification-group {
	z-index: 99999999999 !important;
}

.vue-notification-group .vue-notification-wrapper {
	position: relative;
	cursor: pointer;
}

/* =============================
    ***************************

              MODALS

    ***************************
   ============================= */

.modal-container.streamingModal {
	animation-duration: 0s;
	animation-name: none;
}

.modal-container.streamingModal .modal-body {
	padding: 0 !important;
}

.modal .modal-footer .button-customer-modal,
.fimenupaperworkpage .pdf-signature-pad-container .pdf-signature-pad .pdf-signature-pad-footer .button-custom-signature,
.fimenupaperworkpage .pdf-signature-pad-container .pdf-signature-pad .pdf-signature-pad-body .button-custom-signature {
	width: 170px;
	height: 60px;
	font-size: 1.3em;
	border-radius: 0px;
}

.modal .modal-footer.modal-footer-split {
	display: flex;
	justify-content: space-between;
}

.fimenupaperworkpage #scaleContainer {
	padding: 35px 177px;
}

/* =============================
    ***************************

         CDKPushComponent

    ***************************
   ============================= */
.sync-backdrop {
	position: absolute;
	top: 0;
	left: 0;
	background-color: var(--black-60percent);
	z-index: 99999;
	width: 100vw;
	height: 100vh;
	display: flex;
	justify-content: space-around;
}

.sync-backdrop .sync-container {
	background-color: var(--cdkpush-sync-container-backdrop-background-color);
	width: 700px;
	align-self: center;
	display: flex;
	justify-content: space-around;
	flex-direction: column;
	align-items: center;
}

.sync-backdrop .sync-container img {
	margin-top: -35px;
	width: 80%;
}

.sync-backdrop .sync-container .img-caption {
	text-align: center;
	font-size: 25px;
	padding-top: 5px;
	margin-bottom: 40px;
}

/* =============================
    ***************************

      modalDocConfig

    ***************************
   ============================= */
.document-selection {
	display: flex;
	flex-direction: column;
}

.document-selection button {
	width: 200px;
	margin: auto;
}

.load-file-div {
	margin: 0 0 10px 0;
	cursor: pointer;
	border: 2px dashed var(--load-file-div-color-border);
	position: relative;
	padding: 40px;
}

.load-file-div .text {
	position: absolute;
	top: 50%;
	left: 50%;
	color: var(--load-file-div-color);
	font-size: 24px;
	transform: translate(-50%, -50%);
	z-index: -1;
}

.load-file-div .load-file-success {
	pointer-events: none;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	background-color: var(--success-color);
	opacity: 0.1;
}

.load-file-div .load-file-error {
	pointer-events: none;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	background-color: var(--error-color);
	opacity: 0.1;
}

.load-file-div input {
	opacity: 0;
	pointer-events: none;
}

.doc-config-header-checkbox {
	font-weight: 400;
	font-size: 16px;
}

.property-mapping-container {
	height: 100%;
	margin-bottom: unset !important;
	width: 100%;
}

.property-mapping-container .dropdown.open {
	border: 1px solid var(--property-mapping-container-color-border-open);
}

.property-mapping-container .property-checker {
	color: var(--main-color);
	border: 1px solid var(--property-mapping-container-color-border);
	height: auto;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.property-mapping-container .pdf-field-name {
}

.property-mapping-container .field-type {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	overflow: hidden;
	overflow-x: auto;
	width: 100%;
}

.property-mapping-container .field-type::-webkit-scrollbar {
	height: 0.3em;
}

/* =============================
    ***************************

         modalUserSettings

    ***************************
   ============================= */
.e-sign-container {
	margin-top: 10px;
}

.e-sign-container .signature,
.e-sign-container .initials {
	border: 1px solid var(--e-sign-color-border);
	position: relative;
}

.e-sign-container .signature .caption,
.e-sign-container .initials .caption {
	position: absolute;
	left: 5px;
	top: -11px;
	background-color: var(--e-sign-background-color);
	color: var(--e-sign-color);
	padding: 0 3px;
}

.e-sign-container .signature .reference-line,
.e-sign-container .initials .reference-line {
	position: absolute;
	display: flex;
	align-items: center;
	width: 90%;
	left: 5%;
	bottom: 14%;
	color: var(--e-sign-color);
	z-index: -1;
}

.e-sign-container .signature .reference-line .line,
.e-sign-container .initials .reference-line .line {
	height: 1px;
	background-color: var(--e-sign-line-background-color);
	flex-grow: 1;
	margin-left: 6px;
}

.e-sign-container img {
	width: 100%;
	height: auto;
}

/* =============================
    ***************************

    modalEditCoverageTermProduct

    ***************************
   ============================= */
.modal .modal-container.modal-editcoveragetermproduct {
	min-width: 800px;
	width: min-content !important;
}

.modal .modal-container.modal-editcoveragetermproduct span.regulated {
	font-weight: bold;
	color: var(--error-color);
}

.modal .modal-container.modal-editcoveragetermproduct .notregulated {
	font-weight: bold;
	color: var(--success-color);
}

.modal .modal-container.modal-editcoveragetermproduct .modal-body .product-name-provider {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.modal .modal-container.modal-editcoveragetermproduct .modal-body .product-name-provider > div:first-child {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
}

.modal .modal-container.modal-editcoveragetermproduct .modal-body .product-name-provider > div:nth-child(2) {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	justify-content: flex-start;
}

/* =============================
    ***************************

    modalEditCoverageTermProduct

    ***************************
   ============================= */
.modal-body .selectable-item {
	border: 1px solid var(--modal-border);
	padding: 5px;
	cursor: pointer;
	padding-left: 10px;
	padding-right: 15px;
}

.modal-body .selectable-item > div > span {
	margin-right: 5px;
}

.modal-body > div:not([class^='panel']) {
	margin-bottom: 10px;
}

/* =============================
    ***************************

          INPUT COMPONENT

    ***************************
   ============================= */

.input-component {
	position: relative;
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	min-width: 0;
	padding: 0;
	border: 0;
	vertical-align: top;
	width: 100%;
}

.input-component input,
.input-component select {
	border: none !important;
}

.input-component .saturn-textbox:has(.saturn-icon) input {
	border-bottom-right-radius: unset;
	border-top-right-radius: unset;
	padding-right: 0px;
}

.input-component.invalid fieldset.floatingLabel,
.input-component.invalid .saturn-icon {
	border: 1px solid var(--error-color) !important;
	color: var(--error-color) !important;
}

.input-component.invalid label.label-root,
fieldset:disabled .input-component.invalid label.label-root {
	color: var(--error-color);
}

.input-component.clearable input {
	padding: 10px 25px 10px 14px;
}

.input-component.dropdown select {
	padding: 10px;
}

fieldset:disabled .input-component button.clear-input {
	display: none;
}

fieldset:disabled .input-component.dropdown > * {
	pointer-events: none;
}

.input-component button.clear-input {
	border: none;
	position: absolute;
	right: 35px;
	width: unset;
	height: unset;
	color: unset;
	padding: 5px !important;
	background: none !important;
	box-shadow: none !important;
}

.input-component button.clear-input.noIcon-padding {
	right: 5px;
}

.input-component button.clear-input i {
	transition: all 0.2s ease-out;
}

.input-component button.clear-input:hover i {
	color: var(--error-color);
}

.input-component.invalid .saturn-icon {
	border-left: none !important;
}

.input-component.focused fieldset.floatingLabel,
.input-component.focused .saturn-icon {
	border: 1px solid var(--main-color) !important;
	color: var(--main-color) !important;
}

.input-component.focused label.label-root {
	color: var(--main-color);
}

.input-component label.label-root,
fieldset:disabled .input-component label.label-root {
	color: rgba(0, 0, 0, 0.6);
	font-size: 1rem;
	line-height: 1.4375em;
	letter-spacing: 0.00938em;
	padding: 0;
	display: block;
	transform-origin: top left;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 98%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	pointer-events: none;
	user-select: none;
	backdrop-filter: blur(4px);
	transform: translate(14px, -9px) scale(0.75);
	transition: all 200ms cubic-bezier(0, 0, 0.2, 1);
}

.input-component.left-icon label.label-root {
	left: 36px;
	transform: translate(6px, -9px) scale(0.75);
	max-width: calc(98% - 55px);
}

fieldset:disabled .input-component.left-icon label.label-root,
fieldset:disabled .input-component.left-icon.empty:not(.focused) label.label-root {
	left: 0;
	transform: translate(13px, -9px) scale(0.75);
	max-width: calc(98% - 35px);
}

.input-component.empty:not(.focused) label.label-root {
	max-width: 65%;
	top: 50%;
	transform: translate(12px, -50%) scale(0.95);
	z-index: 1;
	backdrop-filter: blur(2px);
}

.input-component.left-icon.empty:not(.focused) label.label-root {
	transform: translate(5px, -50%) scale(0.95);
	max-width: calc(100% - 45px);
}

fieldset:disabled .input-component.empty:not(.focused) label.label-root {
	max-width: 98%;
	width: unset;
	top: 0;
	transform: translate(14px, -9px) scale(0.75);
	z-index: 2;
}

body:not(.dark-theme) fieldset:disabled .input-component label.label-root,
body:not(.dark-theme) .input-component:has(input:disabled) label.label-root,
body:not(.dark-theme) .input-component:has(textarea:disabled) label.label-root,
body:not(.dark-theme) .input-component:has(select:disabled) label.label-root {
	font-weight: 800;
}

.input-component .saturn-textbox {
	font-size: 1rem;
	line-height: 1.4375em;
	letter-spacing: 0.00938em;
	box-sizing: border-box;
	cursor: text;
	display: inline-flex;
	-webkit-box-align: center;
	align-items: center;
	position: relative;
	border-radius: 4px;
	height: calc(1.475em + 30px);
	width: 100%;
	max-height: 40px;
	/*z-index: 1;
    overflow: hidden;*/
}

.input-component .saturn-textbox fieldset.floatingLabel {
	position: absolute;
	box-sizing: border-box;
	border: 1px solid rgba(0, 0, 0, 0.23);
	border-radius: 4px;
	top: -5px;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 0 8px;
	margin: 0;
	height: unset !important;
	pointer-events: none;
	transition: all 200ms cubic-bezier(0, 0, 0.2, 1);
}

.input-component.left-icon .saturn-textbox fieldset.floatingLabel {
	padding: 0 10% 0 36px;
}

fieldset:disabled .input-component.left-icon .saturn-textbox fieldset.floatingLabel {
	padding: 0 0 0 8px;
}

.input-component .saturn-textbox fieldset.floatingLabel legend.label-with-infoicon-containter {
	float: unset;
	width: auto;
	overflow: hidden;
	display: block;
	padding: 0;
	height: 11px;
	font-size: 0.75em;
	visibility: hidden;
	transition: max-width 50ms cubic-bezier(0, 0, 0.2, 1) 0ms;
	max-width: 85%;
	text-align: left;
}

.input-component.empty .saturn-textbox fieldset.floatingLabel legend.label-with-infoicon-containter {
	max-width: 0.01px;
}

fieldset:disabled .input-component.empty .saturn-textbox fieldset.floatingLabel legend.label-with-infoicon-containter {
	max-width: 85%;
}

.input-component .saturn-textbox fieldset.floatingLabel legend.label-with-infoicon-containter span {
	padding-left: 5px;
	padding-right: 5px;
	display: inline-block;
	opacity: 0;
	visibility: visible;
}

.input-component .saturn-textbox .saturn-icon {
	box-sizing: border-box;
	height: 100%;
	min-width: 34px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: var(--input-component-saturn-icon-background-color);
	color: var(--input-component-background-color);
	font-size: 0.9rem;
	cursor: default;
	border: none !important;
	transition: all 200ms cubic-bezier(0, 0, 0.2, 1);
}

.input-component.left-icon .saturn-textbox .saturn-icon {
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

.input-component.left-icon .saturn-textbox .action-slot {
	right: unset;
	left: 0;
}

.input-component.action.left-icon .saturn-textbox:has(.action-slot) input {
	padding-left: 42px;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

.input-component.left-icon .saturn-textbox input,
.input-component.left-icon .saturn-textbox select {
	padding: 10px 5px;
	border-top-left-radius: unset;
	border-bottom-left-radius: unset;
	border-top-right-radius: 4px !important;
	border-bottom-right-radius: 4px !important;
}

.InputCurrency .input-component.left-icon .saturn-textbox input,
.InputNumber .input-component.left-icon .saturn-textbox input {
	text-align: end;
}

.input-component:not(.left-icon) .saturn-textbox .saturn-icon {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

.input-component.dropdown .saturn-textbox .saturn-icon {
	position: absolute;
	right: 0;
	top: 0;
	pointer-events: none;
}

.input-component.dropdown .saturn-textbox .saturn-icon {
	background: unset !important;
	border: unset !important;
}

.input-component.dropdown .saturn-textbox .saturn-icon i {
	margin-top: -4px;
	color: var(--text-color);
}

.input-component.dropdown.invalid .saturn-textbox .saturn-icon i {
	margin-top: -4px;
	color: var(--error-color);
}

.input-component.dropdown.focused .saturn-textbox .saturn-icon i {
	color: var(--main-color);
}

.input-component.dropdown.focused .saturn-textbox .saturn-icon {
	transform: rotate(180deg);
}

.InputCheckbox .saturn-textbox-error-message {
	display: none;
}

.InputCheckbox.invalid:hover .saturn-textbox-error-message:not(:empty) {
	display: block;
	padding: 2px 10px;
	position: absolute;
	top: 100%;
	left: 2px;
	background-color: var(--error-color);
	color: var(--button-color);
	font-size: 0.85rem;
	border-radius: var(--default-border-radius);
	transform-origin: left top;
	transform: scaleY(0);
	animation: expandable 0.1s ease-out forwards;
	z-index: 1000;
}

.input-component .saturn-textbox-error-message {
	display: none;
}

.input-component.invalid:hover .saturn-textbox-error-message {
	display: block;
	padding: 2px 10px;
	position: absolute;
	top: 100%;
	left: 2px;
	background-color: var(--error-color);
	color: var(--button-color);
	font-size: 0.85rem;
	border-radius: var(--default-border-radius);
	transform-origin: left top;
	transform: scaleY(0);
	animation: expandable 0.1s ease-out forwards;
	z-index: 1000;
}

@media (max-width: 600px) {
	.input-component.invalid:hover .saturn-textbox-error-message {
		display: none;
	}
}

.input-component .cdk {
	position: absolute;
	top: 98%;
	width: 98%;
	display: flex;
	z-index: 0;
	height: 35%;
	font-size: 0.8rem;
	border-radius: 4px;
	border: 1px solid rgba(0, 0, 0, 0.23);
	color: var(--error-color);
	border-top-left-radius: unset;
	border-top-right-radius: unset;
	border-top: none;
	user-select: none;
	max-height: 35px;
}

.input-component .cdk .cdk-textbox {
	width: 70%;
	white-space: nowrap;
	position: relative;
}

.input-component .cdk .cdk-textbox span {
	position: absolute;
	top: 50%;
	left: 5%;
	transform: translateY(-50%);
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 20ch;
}

.input-component .cdk .cdk-icon {
	width: 30%;
	height: 100%;
	position: relative;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	padding: 0 5px;
}

.input-component .cdk .cdk-icon span {
	font-size: 0.65rem;
	transition: all 0.2s ease-out;
}

.input-component .cdk .cdk-icon span.exclamation {
	margin-right: 15px;
	color: var(--disabled-color);
}

.input-component .cdk .cdk-icon span.exclamation:hover {
	color: var(--error-color);
}

.input-component .cdk .cdk-icon .showMessage:hover::before {
	content: attr(hoverMessage);
	position: absolute;
	bottom: 100%;
	left: 50%;
	transform: translateX(-50%);
	background-color: var(--black-70percent);
	white-space: nowrap;
	color: #fff;
	padding: 5px;
	font-size: 0.75rem;
}

.input-component .cdk .cdk-icon span.copy {
	margin-right: 1.5px;
}

.input-component .cdk .cdk-icon span.text {
	font-weight: 800;
}

.input-component .cdk .cdk-icon .copyCDK:hover span {
	color: var(--main-color) !important;
}

.input-component .defaultIconClass {
	color: var(--main-color);
	position: absolute;
	top: -6px;
	right: -6px;
	z-index: 999;
}

.input-component .saturn-textbox textarea {
	font-family: roboto;
	font-size: 12pt;
	padding: 15px;
	box-sizing: border-box;
	resize: none;
	border: none;
	height: 100%;
	width: 100%;
}

.input-component .saturn-textbox:has(textarea) {
	aspect-ratio: 1 / 0.75;
}

.input-component .saturn-textbox:has(textarea) + .cdk {
}

.input-component.multi-line.empty:not(.focused) label.label-root {
	top: 15px;
	transform: translate(12px, 0) scale(0.95);
}

.input-component.action input {
	padding-right: 40px;
}

.action-slot {
	height: 100%;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}

.action-slot button {
	height: 100%;
	width: 35px;
	padding: unset;
	border-radius: 4px;
	position: relative;
}

.action-slot button i {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.input-component .skeleton.match input {
	border-left: 0;
}

.input-component .skeleton .cdk .cdk-textbox {
	width: 100%;
}

.input-component .skeleton.icon-on-left .cdk .cdk-icon {
	right: unset; /*
        left: 7px;*/
}

/* InputCheckbox
   ----------------------------- */

.input-checkbox {
	display: flex;
	align-items: center;
	padding: 5px 0px;
	cursor: pointer;
}

.input-checkbox .ic-label:not(:empty) {
	margin-left: 10px;
}

.input-checkbox .disabled {
	color: var(--disabled-color);
	cursor: not-allowed;
}
/* InputRadio
   ----------------------------- */

.radio-button-inline .gap {
	gap: 5px;
}

/* InputDate
   ----------------------------- */

.vdpPeriodControl button {
	color: var(--input-datepicker-button-color-text);
	font-weight: bold;
	height: auto;
}

.vdpCell.selectable.today {
	color: var(--error-color);
	font-weight: 500;
	padding: 0 !important;
	border: 3px solid var(--error-color) !important;
	border-radius: 50%;
}

.vdpTable thead {
	background: none !important;
}

.vdpTable thead th {
	padding: 0.3em 0.5em 1.8em !important;
	border: none !important;
}

.vdpTable tbody tr {
	background: none !important;
}

.vdpTable td {
	padding: 0.5em 0 !important;
	border: none !important;
}

/* InputMultiSelectDropdown
   -------------------------------------------- */

.InputMultiSelectDropdown .saturn-textbox {
	cursor: pointer;
}

.InputMultiSelectDropdown select {
	pointer-events: none;
}

.multi-select-dropdown-checkbox-wrapper {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
	height: 100%;
}

.multi-select-dropdown-checkbox-wrapper span {
	max-width: 85%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.multi-select-dropdown-desc {
	color: #a9a9a9;
}

.multi-select-dropdown-item:hover {
	background-color: #f3f0f0;
}

.imsd-container .imsd .dropdown-container .imsd-options .imsd-option.multi-select-dropdown-item:not(:first-child):nth-child(1 of :not(.bubbled-item)) {
	border-top: 4px solid var(--black-10percent);
}

.InputMultiSelectDropdown .category-label {
	font-weight: 500;
	margin-left: 20px;
	margin-top: 15px;
	text-transform: capitalize;
}

.InputRichDropdown.imsd-container .children-container {
	min-height: unset;
}

.dropdown-transition-enter-active,
.dropdown-transition-leave-active {
	opacity: 1;
	max-height: 200px;
	transition:
		opacity 0.1s linear,
		max-height 0.1s linear;
}

.dropdown-transition-enter,
.dropdown-transition-leave-to {
	max-height: 0;
	opacity: 0;
	overflow: hidden;
}

.saturn-textbox:has(.imsd.active) .floatingLabel {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.imsd-container .imsd {
	width: 100%;
}

.imsd-container .imsd .imsd-dropdown {
	position: relative;
	display: flex;
	align-items: center;
	width: calc(100% - 34px);
	padding-right: 34px;
}

.imsd-container .imsd .imsd-dropdown .imsd-clear {
	position: absolute;
	cursor: pointer;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.imsd-dropdown input.search-input {
	padding-right: 10px;
	flex-grow: 1;
	max-height: 80%;
	border: 1px solid var(--border-color);
	border-radius: 4px;
	transition: all 0.2s linear;
	cursor: text;
}

.imsd-dropdown .button-add-value {
	padding: 0;
	border: none !important;
	width: 24px;
	height: 24px;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.imsd-container .imsd .imsd-dropdown select {
	width: 100%;
	border-top: 0;
	border-left: 0;
	border-right: 0;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.imsd-container .imsd .dropdown-container {
	background-color: var(--input-multiselect-dropdown-background-color);
	z-index: 999999;
	position: absolute;
	box-sizing: border-box;
	left: 0px;
	right: 0px;
	top: 100%;
	cursor: default;
}

.imsd-container .imsd .dropdown-container.overflow {
	position: fixed;
	left: unset;
	right: unset;
	top: unset;
}

.imsd.active .dropdown-container {
	border: 1px solid var(--main-color);
	border-top: none;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}

.imsd-container .imsd .dropdown-container .imsd-options {
	max-height: 300px;
	overflow-y: auto;
}

.imsd-container .imsd div.checkbox {
	margin: 0 15px 0 7px;
	width: 12px;
	height: 12px;
	border-radius: 4px;
	border: 1px solid var(--border-color);
	position: relative;
	transition: all 0.1s ease-out;
}

.imsd-container .imsd div.checkbox:has(i.checked) {
	border-color: var(--main-color);
}

.imsd-container .imsd div.checkbox i.checked {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	opacity: 0;
	font-size: 10px;
	color: var(--main-color);
	animation: fadeIn 0.1s ease-out forwards;
}

.imsd-container .imsd .dropdown-container .imsd-options div.checkbox.rounded {
	border-radius: 50%;
}

.imsd-container .imsd .dropdown-container .imsd-options div.checkbox.rounded i.checked {
	font-size: 5px;
}

.imsd-container .imsd div.checkbox.large {
	width: 16px;
	height: 16px;
	margin: 0 5px 0 10px;
	flex-shrink: 0;
}

.imsd-container .imsd div.checkbox.large i.checked {
	font-size: 14px;
}

.imsd-container .imsd .dropdown-container .imsd-options .imsd-option {
	cursor: pointer;
	height: 40px;
	display: flex;
	align-items: center;
}

.imsd-container .imsd .dropdown-container .imsd-options .imsd-option:not(:first-child) {
	border-top: 1px solid var(--input-multiselect-dropdown-color-border-top);
}

.imsd-container .imsd .dropdown-container .imsd-select-all {
	padding: 10px;
	border-top: 1px solid var(--input-multiselect-dropdown-color-border-top);
	font-weight: bold;
	text-align: left;
	display: flex;
	justify-content: space-evenly;
}

.imsd-container .imsd .dropdown-container .imsd-select-all > a:nth-child(1) {
	margin-right: 10px;
}

.imsd-container .imsd:not(active) .imsd-dropdown select {
	border-bottom: 0;
}

.imsd-inner-container {
	display: flex;
	width: 100%;
}

.imsd-action {
	border: 1px solid var(--border-color);
}

.imsd-action button {
	padding-left: 10px;
	padding-right: 10px;
	border-radius: 3px;
}

/* =============================
    ***************************

              PANEL

    ***************************
   ============================= */

.panel {
	box-shadow: 0px 1px 7px -5px var(--panel-color-shadow);
	margin: 0;
	box-sizing: border-box;
	width: 100%;
	border: 1px solid var(--panel-color-border);
	position: relative;
}

.panel.section {
	border: none;
	background-color: transparent;
	box-shadow: unset;
	background: rgb(0, 0, 0, 0.015);
	padding: 5px;
}

.panel.section .panel-header {
	background-color: transparent;
	padding: 5px;
	height: 30px;
	border-bottom: 2px solid var(--black-30percent);
	margin-bottom: 8px;
}

.panel.section .panel-header .panel-header-title {
	font-size: 1rem;
	text-transform: uppercase;
	font-weight: 500;
}

.panel.panel-body-overflow {
	overflow: hidden;
}

.panel .panel-buttons {
	margin-right: 5px;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex: 1;
}

.panel .panel-buttons > * {
	margin-right: 2px;
}

.panel .panel-button {
	margin-left: 5px;
}

.panel .panel-body {
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
	height: calc(100% - 40px);
}

.panel.panel-body-overflow .panel-body {
	height: calc(100% - 40px);
	overflow: auto;
}

.panel .panel-header {
	height: 40px;
	width: 100%;
	padding: 10px;
	color: var(--third-color);
	background-color: var(--panel-background-color);
	border-bottom: 2px solid var(--panel-color-border);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.panel .panel-header .flex-side-by-side {
	gap: 10px;
}

.panel .panel-header:not(:has(.panel-header-button, .panel-header-button-array, .header-component)) .flex-side-by-side {
	width: 100%;
	justify-content: space-between;
}

.panel .panel-header .header-component {
	margin-right: 2px;
}

.panel .panel-header .header-component :is(input, select, .InputRichDropdown) {
	text-transform: capitalize;
}

.panel .panel-header .panel-header-title {
	font-weight: bold;
	font-size: 20px;
	flex: 1;
}

.panel .panel-header .panel-header-subtext {
	font-weight: bold;
	font-size: 18px;
}

.panel .panel-header .panel-header-subtext span.panel-header-subtext-label {
	color: var(--panel-color-text);
	margin-right: 5px;
}

.panel .panel-header .panel-header-subtext span.panel-header-subtext-value {
	color: var(--main-color);
	font-weight: bold;
}

.panel .panel-header .panel-header-subtext-array {
	display: flex;
	margin-right: 15px;
	font-weight: bold;
	font-size: 18px;
	/*width: 100%;*/
	justify-content: flex-end;
}

.panel .panel-header .panel-header-subtext-array .panel-header-subtext-item {
	margin-left: 25px;
}

.panel .panel-header-collapse-button {
	height: 100%;
	min-width: 35px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 1.3rem;
}

.panel .panel-header .panel-header-collapse-button:hover {
	color: var(--main-color);
	box-shadow: unset;
}

.panel .panel-header .panel-header-button-array .tooltip-container .tooltip-outside > button,
.panel .panel-header .panel-header-button-array,
.panel .panel-header .panel-header-button,
.panel .panel-header .panel-header-button-array > button,
.panel .panel-header .panel-header-button-array .button-dropdown-container,
.panel .panel-header .panel-header-button > button {
	height: 30px;
	width: auto;
	padding: 0 8px;
	display: flex;
	align-items: center;
	border-radius: var(--default-border-radius);
}

.panel .panel-header .panel-header-button-array {
	padding: unset;
	gap: 10px;
}

.panel .panel-buttons button {
	width: auto;
}

.panel .panel-buttons {
	display: flex;
	justify-content: flex-end;
}

.panel .panel-buttons > * {
	margin-left: 5px;
}

/* =============================
    ***************************

            TabMenu

    ***************************
   ============================= */
.tabmenu-container {
	display: flex;
	flex-direction: column;
	margin-bottom: 0 !important;
	position: relative;
}

.tabmenu-container .floating-action {
	position: absolute;
	top: 18px;
	right: 2px;
	display: flex;
	align-items: center;
}

.tabmenu-container .floating-action .select-term {
	position: absolute;
	right: 38px;
	width: auto;
	height: auto;
	padding: 5px 7px;
}

.tabmenu-container .floating-action .add-button {
	cursor: pointer;
	background-color: var(--success-color);
	color: var(--tabmenu-color-hover);
	font-size: 20px;
	height: 35px;
	width: 35px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	transition: border-radius 0.2s 0.1s ease-in-out;
	z-index: 99;
}

.tabmenu-container .floating-action .add-button i {
	transform: none;
	transition: transform 0.3s ease-in-out;
}

.tabmenu-container .floating-action .input-component {
	width: 0;
	opacity: 0;
	transition: all 0.2s 0s ease-in-out;
	margin-right: -10px;
}

.tabmenu-container .floating-action .input-component input {
	border-color: var(--success-color) !important;
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
	padding: 5px 0;
	border-width: 0;
	transition: border 0.3s 0.1s linear;
}

.tabmenu-container .floating-action.open .add-button {
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
	transition: border-radius 0.1s ease-in-out;
}

.tabmenu-container .floating-action.open .add-button i {
	transform: rotateZ(45deg);
}

.tabmenu-container .floating-action.open .input-component {
	opacity: 1;
	width: 60px;
	transition: all 0.2s 0s ease-in-out;
	margin-right: 0;
}

.tabmenu-container .floating-action.open .input-component input {
	padding: 5px 20px;
	border-width: 1px;
	transition: border 0.4s 0s linear;
}

.tabmenu-container .tabmenu-main {
	padding: 15px;
	border-left: 1px solid var(--tabmenu-color-border);
	border-right: 1px solid var(--tabmenu-color-border);
	border-bottom: 1px solid var(--tabmenu-color-border);
}

.tabmenu-container .tabmenu-header {
	border-bottom: 1px solid var(--tabmenu-color-border);
}

.tabmenu-container ul.tabmenu-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	margin-bottom: -1px;
}

.tabmenu-container li.tabmenu-menu-item {
	width: 100px;
	text-align: center;
	border: 1px solid var(--tabmenu-color-border);
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	padding: 10px 10px;
	cursor: pointer;
	margin-right: 5px;
	padding-top: 3px;
	position: relative;
}

.tabmenu-container li.tabmenu-menu-item .close-button {
	width: 25px;
	height: 25px;
	padding: 0;
	position: absolute;
	top: 0;
	right: 0;
	transform: translate(32%, -31%);
	border-radius: 50%;
	border: none !important;
	background-color: transparent;
	color: unset;
	font-size: 19px;
}

.tabmenu-container li.tabmenu-menu-item .close-button:disabled {
	visibility: hidden;
}

.tabmenu-container li.tabmenu-menu-item .close-button i {
	color: var(--text-color);
	background-color: var(--tabmenu-background-color-close-button);
	border-radius: 100%;
}

.tabmenu-container li.tabmenu-menu-item .close-button:hover i {
	color: var(--error-color);
}

.tabmenu-container li.tabmenu-menu-item.tab-head--active {
	border-bottom: 1px solid var(--background-color);
	border-top: 4px solid var(--main-color);
	font-weight: bold;
}

.tabmenu-container li.tabmenu-menu-item:not(.tab-head--active):hover {
	background-color: var(--main-color-tinted);
	color: var(--background-color);
}

.tabmenu-container li.tabmenu-menu-item:nth-child(1) {
	margin-left: 5px;
}
/* =============================
    ***************************

            PanelMenu

    ***************************
   ============================= */
.sidemenu-container {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	height: calc(90vh - var(--header-height) - var(--footer-height));
	padding: 5px 0;
}

.sidemenu-container.wizard-container .sidemenu-menu {
	min-width: 280px;
}
/*.sidemenu-container.wizard-container .sidemenu-menu .sidemenu-menu-item {
        min-width: 300px;
    }*/
.sidemenu-container .created-modified-container {
	padding: 10px;
	margin-top: 10px;
}

.sidemenu-container .sidemenu-menu {
	box-sizing: border-box;
	display: inline-grid;
	grid-template-columns: 1fr;
	border-right: 1px solid var(--sidemenu-color-border);
	border-left: 1px solid var(--sidemenu-color-border);
	border-top: 1px solid var(--sidemenu-color-border);
	overflow: auto;
	width: fit-content;
	overflow-x: hidden;
	max-height: 80vh;
}

.sidemenu-container .sidemenu-menu::-webkit-scrollbar {
	width: 5px;
	height: 5px;
}

.sidemenu-container .sidemenu-menu::-webkit-scrollbar-track {
	background: rgba(0, 0, 0, 0.15);
}

.sidemenu-container .sidemenu-menu::-webkit-scrollbar-thumb {
	background: var(--main-color);
	border-radius: 5px;
}

/*margin-right: 10px;
padding: 5px 5px;*/

.sidemenu-container .body-container {
	height: 100%;
	overflow: hidden;
	width: 85%;
}

.sidemenu-container .sidemenu-menu .sidemenu-menu-item {
	width: 100%;
	min-width: 230px;
	box-sizing: border-box;
	border-bottom: 1px solid var(--sidemenu-color-border-bottom);
	display: flex;
	align-items: center;
	background-color: var(--background-color);
	max-width: 280px;
	position: relative;
}

.sidemenu-container .sidemenu-menu .sidemenu-menu-item.not-visited {
	border-right: 7px solid var(--sidemenu-color-border-right);
}

.sidemenu-container .sidemenu-menu .sidemenu-menu-item a.section-href {
	display: flex;
	justify-content: space-between;
	flex-direction: column;
}

.sidemenu-container .sidemenu-menu .sidemenu-menu-item a.section-href .section-title {
	display: flex;
	justify-content: space-between;
	flex-grow: 1;
	font-size: 20px;
	font-weight: 500;

	width: 90%; /* Leaving some space for the notification counter */
}

.sidemenu-container .sidemenu-menu .sidemenu-menu-item a.section-href .section-title .section-span {
	margin-left: 8px;
	background: var(--main-color);
	color: var(--sidemenu-title-color);
	padding: 2px 10px 1px;
	font-size: 16px;
	border-radius: 10px;
}

.sidemenu-container .sidemenu-menu .sidemenu-menu-item a.section-href .extra-info {
	color: var(--sidemenu-color);
	font-size: 14px;
	margin-top: 5px;
	height: fit-content;
}

.sidemenu-container .sidemenu-menu .sidemenu-menu-item a.section-href .extra-info div {
	overflow: hidden;
	white-space: nowrap;
}

.sidemenu-container .sidemenu-menu .sidemenu-menu-item a.section-href .extra-info.two-per-line {
	display: flex;
	flex-wrap: wrap;
}

.sidemenu-container .sidemenu-menu .sidemenu-menu-item a.section-href .extra-info.two-per-line > div {
	width: 50%;
}

.sidemenu-container .sidemenu-menu .sidemenu-menu-item a.section-href:hover .section-title .indicator,
.sidemenu-container .sidemenu-menu .sidemenu-menu-item a.section-href:hover .extra-info {
	color: var(--sidemenu-title-color);
}

.sidemenu-container .sidemenu-menu .sidemenu-menu-item a.section-href:hover .section-title .section-span {
	background: var(--error-color);
}

.sidemenu-container .sidemenu-menu .sidemenu-menu-item.invisible {
	display: none;
}

.sidemenu-container .sidemenu-menu .sidemenu-menu-item.active,
.fimenubasic .wizard-container .sidemenu-menu .sidemenu-menu-item.section-error.active,
.fimenubasic .wizard-container .sidemenu-menu .sidemenu-menu-item.section-good.active,
.fimenubasic .wizard-container .sidemenu-menu .sidemenu-menu-item.section-not-visited.active,
.fimenubasic .wizard-container .sidemenu-menu .sidemenu-menu-item.section-error.active.disabled,
.fimenubasic .wizard-container .sidemenu-menu .sidemenu-menu-item.section-good.active.disabled,
.fimenubasic .wizard-container .sidemenu-menu .sidemenu-menu-item.section-not-visited.active.disabled {
	background: var(--main-color);
}

.sidemenu-container .sidemenu-menu .sidemenu-menu-item:not(.active):hover {
	background-color: var(--black-20percent);
}

.sidemenu-container .sidemenu-menu .sidemenu-menu-item.active a {
	padding-right: 0px;
	color: var(--background-color) !important;
}

.sidemenu-container .sidemenu-menu .sidemenu-menu-item a {
	width: 100%;
	padding: 8px 10px;
	box-sizing: border-box;
	display: block;
	text-decoration: none;
	color: var(--third-color);
}

.sidemenu-container .sidemenu-menu .sidemenu-menu-item.active a:hover {
	background: unset;
}

.sidemenu-container .sidemenu-menu .sidemenu-menu-item span {
	color: var(--main-color);
	transition: color 0.2s ease-out;
}

.sidemenu-container .sidemenu-menu .sidemenu-menu-item.active span {
	color: var(--background-color);
}

.sidemenu-container .sidemenu-main {
	width: 100%;
	box-sizing: border-box;
	height: 100%;
	overflow: hidden;
}

.sidemenu-container .sidemenu-main .floating-header-container {
	width: 100%;
	display: flex;
	justify-content: flex-end;
}

.sidemenu-container .sidemenu-main .floating-header-container > * {
	margin-left: 0px;
	border-left: 5px solid var(--sidemenu-header-color-border);
	border-right: 1px solid var(--sidemenu-header-color-border);
	border-bottom: 1px solid var(--sidemenu-header-color-border);
	margin-right: 15px;
	padding: 5px;
	background-color: var(--sidemenu-background-color);
	color: var(--sidemenu-header-color-border);
	border-bottom-right-radius: 5px;
}

.sidemenu-container .sidemenu-main .sidemenu-contents {
	padding: 7px 15px;
	width: 100%;
	box-sizing: border-box;
	height: 90%;
}

.sidemenu-container .sidemenu-main .sidemenu-contents.has-floating-header {
	padding-top: 0px;
}

.sidemenu-container .sidemenu-main button.button-edit,
.sidemenu-container .sidemenu-main .sidemenu-contents-header.panel-buttons > button.button-edit,
.sidemenu-container .sidemenu-main button.button-delete,
.sidemenu-container .sidemenu-main .sidemenu-contents-header.panel-buttons > button.button-delete {
	width: auto;
	padding: 0 10px;
	border-radius: 5px;
}

.page.fi-menu thead .sidemenu-contents-header {
	margin: -8px -10px -8px -10px !important;
}

.sidemenu-container .sidemenu-main .sidemenu-contents-header {
	display: flex;
}

.page.fi-menu thead .sidemenu-contents-header {
	margin: -8px -10px -8px -10px !important;
}

.sidemenu-container .sidemenu-main .sidemenu-contents-header,
.page .sidemenu-contents-header,
.page.fi-menu .sidemenu-contents-header {
	min-height: 47px;
	background-color: var(--sidemenu-background-color);
	color: var(--third-color);
	border-bottom: 4px solid var(--border-color);
	padding: 5px 15px 5px 15px;
	box-sizing: border-box;
	height: 7%;
}

.page.fi-menu .sidemenu-contents-header .last-button {
	width: 180px;
	margin-left: auto;
	margin-right: 5px;
}

.sidemenu-container .sidemenu-main .sidemenu-contents-header .panel-header {
	flex-grow: 1;
}

.sidemenu-container .sidemenu-main .sidemenu-contents-header .panel-buttons {
	justify-content: flex-end;
	display: flex;
}

.sidemenu-container .sidemenu-main .sidemenu-contents-header .panel-buttons:not(.customer-buttons) > button {
	margin-left: 10px;
	padding: 0 12px;
	min-width: 100px;
}

.sidemenu-container .sidemenu-main .sidemenu-contents-header .panel-buttons:not(.customer-buttons) > button.button-save {
	width: 170px;
}

.sidemenu-container .sidemenu-main .sidemenu-contents-header .panel-buttons:not(.customer-buttons) > span {
	width: 370px;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.page.fi-menu .sidemenu-contents-header .customer-buttons,
.page .sidemenu-contents-header .customer-buttons {
	width: 370px !important;
}

.page.fi-menu .rich-table-paging-container.sidemenu-contents-header {
	margin: -8px -10px -8px -10px !important;
	justify-content: flex-start;
}

.page.fi-menu .rich-table-paging-container.sidemenu-contents-header .header-top {
	margin-left: auto;
}

.page.fi-menu .rich-table-paging-container .search-component {
	width: 450px;
}

.page.fi-menu .rich-table-paging-container .search-component .input-component.not-icon {
	width: 100%;
}

.page.fi-menu .rich-table-paging-container .search-component.with-search-by {
	width: 500px;
	justify-content: flex-end;
}

.page.fi-menu .rich-table-paging-container .search-component.with-search-by > .input-component.not-icon {
	width: 50%;
}

.page.fimenupage .panel-title.fimenu-title .deal-info {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.page.fimenupage .panel-title.fimenu-title .deal-fraud-check {
	position: relative;
}

.page.fimenupage .panel-title.fimenu-title .deal-fraud-check.error .icon-container,
.page.fimenupage .panel-title.fimenu-title .deal-fraud-check.error .fraud-check-accepted {
	background-color: var(--pill-danger-color) !important;
}

.page.fimenupage .panel-title.fimenu-title .deal-fraud-check.warning .icon-container,
.page.fimenupage .panel-title.fimenu-title .deal-fraud-check.warning .fraud-check-accepted {
	background-color: var(--pill-warning-color) !important;
	display: flex;
}

.page.fimenupage .panel-title.fimenu-title .deal-fraud-check .icon-container {
	position: relative;
	background-color: var(--pill-success-color);
	height: 35px;
	width: 35px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 100%;
	color: #333;
	font-size: 24px;
	z-index: 9;
	pointer-events: none;
}

.page.fimenupage .panel-title.fimenu-title .deal-fraud-check .fraud-check-accepted {
	position: absolute;
	box-sizing: border-box;
	top: 0;
	left: 2px;
	bottom: 0;
	display: none;
	flex-direction: column;
	align-items: end;
	z-index: 1;
	overflow: hidden;
	width: auto;
	max-width: 10px;
	padding: 0 20px;
	border-radius: 30px;
	justify-content: end;
	background-color: var(--pill-warning-color);
	background-image: linear-gradient(rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0.75));
	transition:
		max-width,
		padding ease-in-out 0.1s;
}

.page.fimenupage .panel-title.fimenu-title .deal-fraud-check .fraud-check-accepted .fraud-check-date {
	font-size: 12px;
}

.page.fimenupage .panel-title.fimenu-title .deal-fraud-check .fraud-check-accepted:hover {
	max-width: 500px !important;
	cursor: pointer;
	padding-left: 45px;
	transition:
		max-width,
		padding ease-in-out 0.3s;
}

.page.fimenupage .panel-title.fimenu-title .deal-number {
	font-size: clamp(17px, 1vw, 20px);
	display: flex;
	align-items: center;
	gap: 5px;
}

.page.fimenupage .panel-title.fimenu-title .deal-number .subtitle {
	color: var(--disabled-color);
	font-weight: 800;
}

.page.fimenupage .panel-title.fimenu-title span.subtitle {
	font-size: 0.8rem;
	font-weight: 800;
	text-transform: capitalize;
}

.page.fimenupage .panel-title.fimenu-title .heading-input-fields {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 15px;
	color: var(--text-color);
}

.page.fimenupage .panel-title.fimenu-title .heading-input-fields > div {
	width: 100%;
}

.page.fimenupage .sidemenu-contents-header .customer-buttons {
	width: 100% !important;
}

.page.fimenupage > div {
	display: flex;
	flex-direction: column;
}

.page.fimenupage .floating-side-menu {
	position: absolute;
	z-index: 999;
	width: 261px;
	left: 10px;
	bottom: 12px;
}

.page.fimenupage .floating-side-menu .button-dropdown-list.up,
.button-dropdown-list.up {
	bottom: 100%;
	top: auto;
}

.page.fimenupage .floating-side-menu .button-dropdown-list,
.button-dropdown-list {
	top: 100%;
	border-radius: 0px;
}

.page.fimenupage .floating-side-menu > button {
	margin-top: 5px;
}

.page.fimenupage .cdk-pull {
	height: auto;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	margin-top: 120px;
	margin-left: -90px;
}

.page.fimenupage .cdk-pull img {
	height: 380px;
}

.page.fimenupage .cdk-pull img.loading-anim {
	height: 139px;
	opacity: 0.6;
	margin-top: 169px;
}

.page.fimenupage .cdk-pull span {
	text-align: center;
	font-size: 35px;
	margin-top: 10px;
}
/* =============================
    ***************************

      PanelCustomerViewAlert

    ***************************
   ============================= */
.customer-view-alert {
	position: absolute;
	background-color: var(--error-color);
	color: var(--customerviewalert-color);
	padding: 30px;
	bottom: 0;
	right: 20px;
	z-index: 99999999;
}

.customer-view-alert.small {
	padding: 15px;
}

.customer-view-alert .small-notification {
	display: flex;
	flex-direction: row;
	align-items: center;
}

.customer-view-alert .small-notification .exclamation-stack {
	font-size: 12pt;
	margin-right: 1px;
}

.customer-view-alert .small-notification .fa-desktop {
	font-size: 17pt;
	margin-right: 18px;
}

.customer-view-alert .small-notification .expand-notification {
	padding: 3px 7px 2px;
	border: 1px solid transparent;
	border-radius: 3px;
}

.customer-view-alert .small-notification .expand-notification:hover {
	background-color: var(--error-color-hover);
	border: 1px solid var(--customerviewalert-color-border);
}

.customer-view-alert .small-notification .exclamation-stack .fa-circle {
	color: var(--error-color-hover);
}

.customer-view-alert .close {
	position: absolute;
	right: 30px;
	top: 17px;
	font-size: 13pt;
	padding: 3px 7px 2px;
	border-radius: 3px;
	border: 1px solid transparent;
}

.customer-view-alert .close:hover {
	background-color: var(--error-color-hover);
	border: 1px solid var(--customerviewalert-color-border);
}

.customer-view-alert .title {
	border-bottom: 2px solid var(--customerviewalert-color-border);
	margin-bottom: 10px;
	font-size: 20px;
	padding-bottom: 5px;
}

.customer-view-alert .dont-exist,
.customer-view-alert .not-fullscreen,
.customer-view-alert .not-visible {
	display: flex;
	height: 38px;
	align-items: center;
	justify-content: space-between;
}

.customer-view-alert .movement-note {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	border: 1px solid var(--customerviewalert-color-border);
	border-radius: 5px;
	padding: 14px;
	background-color: var(--error-color-hover);
	margin-top: 5px;
	font-size: 11pt;
}

.customer-view-alert .movement-note div {
	display: flex;
	align-items: center;
}

.customer-view-alert .movement-note i {
	margin: 0px 5px;
}

.customer-view-alert .movement-note i:first-of-type {
	margin-left: 10px;
}

.customer-view-alert .movement-note i:last-of-type {
	margin-right: 10px;
}

.customer-view-alert .dont-exist i,
.customer-view-alert .not-fullscreen i,
.customer-view-alert .not-visible i {
	margin-right: 5px;
}

.customer-view-alert .dont-exist button {
	width: 150px;
}

movement-note
/* =============================
    ***************************

        PanelDisplayVehicle

    ***************************
   ============================= */
.warrantyinfo {
	display: grid;
	grid-template-columns: 100px 75px 100px 75px;
}

.warrantyinfovalid {
	font-weight: bold;
	color: var(--success-color);
}

.warrantyinfoexpired {
	font-weight: bold;
	color: var(--warranty-expired-color);
}

/* =============================
    ***************************

    FIMenuBasic and Customer Meetings Wrapper

    ***************************
   ============================= */

.fimenu-basic-customer-meeting-wrapper {
	display: flex;
	overflow: hidden;
	position: relative;
	justify-content: flex-start;
	height: 93%;
}

/* =============================
    ***************************

          FIMenuBasic

    ***************************
   ============================= */

.fimenubasic {
	position: relative;
	height: 100%;
	width: 100%;
	/*z-index: 0;*/
}

.fimenubasic .panels-row {
	min-height: 158px;
}

.fimenubasic .wizard-container {
	width: 100%;
	height: 100%;
	position: relative;
	bottom: 10px;
}

.fimenubasic .wizard-container .scroll-bar-margins {
	margin-top: -5px;
	padding-top: 5px;
	padding-right: 5px;
	margin-right: -5px;
	padding-left: 5px;
	margin-left: 5px;
}

.fimenubasic .wizard-container .sidemenu-menu {
	border-left: none;
}

.fimenubasic .wizard-container .sidemenu-menu .sidemenu-menu-item.section-not-visited {
	border-left: 5px solid var(--sidemenu-color-border-right);
}

.fimenubasic .wizard-container .sidemenu-menu .sidemenu-menu-item.section-good {
	border-left: 5px solid var(--success-color) !important;
}

.fimenubasic .wizard-container .sidemenu-menu .sidemenu-menu-item.section-error {
	border-left: 5px solid var(--error-color) !important;
}

.fimenubasic .wizard-container .sidemenu-menu .sidemenu-menu-item.section-error.disabled a:hover,
.fimenubasic .wizard-container .sidemenu-menu .sidemenu-menu-item.section-good.disabled a:hover,
.fimenubasic .wizard-container .sidemenu-menu .sidemenu-menu-item.section-not-visited.disabled a:hover,
.fimenubasic .wizard-container .sidemenu-menu .sidemenu-menu-item.disabled a:hover {
	background: none;
	color: var(--sidemenu-wizard-button-color-disabled);
}

.fimenubasic .wizard-container .sidemenu-menu .sidemenu-menu-item.disabled a:hover .section-title .section-span {
	background: var(--sidemenu-wizard-title-background-color-disabled);
}

.fimenubasic .wizard-container .sidemenu-menu .sidemenu-menu-item.section-error.disabled a:hover .extra-info,
.fimenubasic .wizard-container .sidemenu-menu .sidemenu-menu-item.section-good.disabled a:hover .extra-info,
.fimenubasic .wizard-container .sidemenu-menu .sidemenu-menu-item.section-not-visited.disabled a:hover .extra-info,
.fimenubasic .wizard-container .sidemenu-menu .sidemenu-menu-item.disabled a:hover .extra-info {
	color: var(--sidemenu-wizard-button-color-disabled);
}

.fimenubasic .wizard-container .sidemenu-menu .sidemenu-menu-item.section-error.disabled a,
.fimenubasic .wizard-container .sidemenu-menu .sidemenu-menu-item.section-good.disabled a,
.fimenubasic .wizard-container .sidemenu-menu .sidemenu-menu-item.section-not-visited.disabled a,
.fimenubasic .wizard-container .sidemenu-menu .sidemenu-menu-item.disabled a {
	color: var(--sidemenu-wizard-button-color-disabled);
	cursor: default;
}

.fimenubasic .wizard-container .sidemenu-menu .sidemenu-menu-item.disabled a .section-title .section-span {
	background: var(--sidemenu-wizard-title-background-color-disabled);
}

.fimenubasic .wizard-container .sidemenu-menu .sidemenu-menu-item.section-error.disabled,
.fimenubasic .wizard-container .sidemenu-menu .sidemenu-menu-item.section-good.disabled,
.fimenubasic .wizard-container .sidemenu-menu .sidemenu-menu-item.section-not-visited.disabled,
.fimenubasic .wizard-container .sidemenu-menu .sidemenu-menu-item.disabled {
	border-left: 5px solid var(--sidemenu-wizard-button-color-border-right) !important;
}

.fimenubasic .wizard-container .sidemenu-main,
.fimenubasic .wizard-container .sidemenu-main .sidemenu-contents,
.fimenubasic .wizard-container .sidemenu-main .sidemenu-contents .sidemenu-inside-container {
	position: relative;
	height: 100%;
}

.fimenubasic .wizard-container .sidemenu-main .sidemenu-contents {
	overflow: hidden;
	border: 1px solid var(--sidemenu-wizard-color-border);
	padding: 15px 15px 15px 0;
}

.fimenubasic .wizard-container .sidemenu-main .sidemenu-contents > * {
	height: 100%;
}

.fimenubasic .wizard-container .sidemenu-main .sidemenu-contents > div {
	display: none;
}

.fimenubasic .wizard-container .sidemenu-main .sidemenu-contents > div.isActive {
	display: flex !important;
	flex-direction: column;
}

.fimenubasic .wizard-container .sidemenu-main .sidemenu-contents .sidemenu-inside-container {
	display: flex;
	flex-direction: column;
}

.fimenubasic .wizard-container .sidemenu-main .sidemenu-contents .sidemenu-inside-container section {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.fimenubasic .wizard-container .sidemenu-main .sidemenu-contents .sidemenu-inside-container .wizard-content {
	overflow: auto;
	margin-left: 15px;
	height: calc(100vh - 215px);
	display: flex;
	flex-direction: column;
	gap: 10px;
	justify-content: flex-start;
	height: 95%;
	overflow: auto;
}

.fimenubasic .wizard-container .sidemenu-main .sidemenu-contents .sidemenu-inside-container .wizard-content .tradeIn-lienGoodThrough-shift-left .vdpFloating {
	left: -91px;
}

.fimenubasic .wizard-container .sidemenu-main .sidemenu-contents .sidemenu-inside-container .wizard-content .presentation-serviceDate-shift-left .vdpFloating {
	left: -123px;
}

.fimenubasic .wizard-container .sidemenu-main .sidemenu-contents .sidemenu-inside-container .wizard-content.spinner-container {
	display: flex;
	align-items: center;
	justify-content: center;
}

.fimenubasic .wizard-container .sidemenu-main .sidemenu-contents .sidemenu-inside-container .wizard-buttons {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	padding: 5px 20px;
	border-top: 2px solid var(--main-color);
	margin: auto -15px -15px 0;
	background-color: var(--sidemenu-wizard-button-background-color);
	height: 5%;
}

.fimenubasic .wizard-container .sidemenu-main .sidemenu-contents .sidemenu-inside-container .wizard-buttons button {
	min-width: 150px;
	width: auto;
	padding-left: 15px;
	padding-right: 15px;
	margin-left: 10px;
}

.fimenubasic .wizard-container .sidemenu-main .sidemenu-contents .sidemenu-inside-container .wizard-buttons button.fimenu-section {
	border-radius: 5px;
	z-index: 99;
}

.fimenubasic .wizard-container .fimenu-section-wrapper {
	height: 100%;
}

/* =============================
    ***************************

          PanelDealTerms

    ***************************
   ============================= */
.fimenubasic .terms-grid {
	width: 100%;
	display: grid;
	grid-template-columns: 40px 140px 90px 80px 100px 100px 100px 100px 100px 100px 95px 95px;
	/*grid-column-gap: 3px;*/
	/*margin-bottom: 5px;*/
	grid-row-gap: 10px;
	align-items: center;
}

.fimenubasic .terms-grid > span,
div > span.money-factor-rate {
	color: var(--fimenubasic-grid-color);
	font-size: 14px;
	/*margin-top: 7px;*/
	align-items: center;
}

.fimenubasic .terms-grid div > span.money-factor-rate {
	display: flex;
	justify-content: space-between;
}

.fimenubasic .terms-grid > span.money-factor-rate .fa-stack {
	margin-right: -3px;
	color: var(--main-color);
	font-size: 10pt;
}

.fimenubasic .terms-grid > span.money-factor-rate .fa-stack:hover {
	cursor: pointer;
}

.fimenubasic .terms-grid > span.money-factor-rate .fa-stack:hover .stack-background {
	color: var(--fimenubasic-span-terms-background-color);
}

.fimenubasic .terms-grid > span.boldedspan {
	color: var(--fimenubasic-span-terms-color);
	font-weight: bold;
	align-items: center;
}

.fimenubasic .terms-grid > span.boldedspantitle {
	font-size: 15px;
	color: var(--fimenubasic-title-color);
	font-weight: bold;
	text-align: right;
	margin-right: 31.66px;
	align-items: center;
}

.fimenubasic .terms-grid > span.spantitle {
	font-size: 14px;
	color: var(--fimenubasic-title-color);
	font-weight: 600;
	text-align: right;
	align-items: center;
}

.fimenubasic .terms-grid > span.spansubtitle {
	font-size: 14px;
	color: var(--fimenubasic-span-header-color);
	text-align: right;
	align-items: center;
}

.fimenubasic .terms-grid > span.spantitle .selected-coverage-column,
.fimenubasic .terms-grid > span.spantitle .preferred-coverage-column {
	z-index: -1;
}

.fimenubasic .terms-grid .input-component .saturn-textbox {
	font-size: 0.86rem !important;
}

/* =============================
    ***************************

        PanelCoverageTerms

    ***************************
   ============================= */
.fimenubasic .selected-coverage-column,
.fimenubasic .preferred-coverage-column {
	position: absolute;
	top: 0px;
	bottom: 0px;
	width: 98px;
	background-color: var(--success-color-light);
	mix-blend-mode: darken;
	pointer-events: none;
}

.fimenubasic .preferred-coverage-column {
	background-color: var(--main-color);
	opacity: 0.2;
}

.fimenubasic .preferred-coverage-column.selected-coverage-column {
	width: 94px;
	background-color: var(--success-color-light);
	border-right: 2px solid var(--load-color);
	border-left: 2px solid var(--load-color);
}

.fimenubasic .coverage-grid {
	width: 100%;
	display: grid;
	grid-template-columns: 15px 220px 90px 90px 90px 90px 90px 90px 90px 90px 1fr;
	grid-column-gap: 10px;
	margin-bottom: 5px;
	grid-row-gap: 10px;
	align-items: center;
}

.fimenubasic .coverage-grid .preload-coverage {
	text-align: right;
	font-size: 14px;
	color: var(--fimenubasic-grid-color);
}

.fimenubasic .coverage-grid .preload-value {
	display: flex;
	align-items: center;
	font-size: 14px;
	text-align: right;
	color: var(--fimenubasic-grid-color);
}

.panel .panel-body .collapse-all-stack {
	color: var(--third-color);
	cursor: pointer;
	position: absolute;
	top: 3px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.panel .panel-body .collapse-all-stack span {
	pointer-events: none;
}

.panel .panel-body .collapse-all-stack .stack-container {
	margin-left: -14px;
	margin-bottom: -7px;
	font-size: 1.2em;
}

.panel .panel-body .collapse-all-stack .stack-container .stack-border {
	margin-top: -3px;
}

.panel .panel-body .collapse-all-stack .stack-container .stack-background {
	color: var(--fimenubasic-stack-background-color);
	margin-left: -3px;
}

.panel .panel-body .collapse-all-stack .stack-container .stack-sign {
	margin-left: -3px;
}

.fimenubasic .coverage-grid .coveragetermprice {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	height: 34px;
	position: relative;
}

.fimenubasic .coverage-grid .customCoverageInfo {
	display: flex;
	height: 34px;
	position: absolute;
	right: -10px;
	transform: translate(100%);
}

.terms-grid .custom-selector {
	display: flex;
	margin-left: 40px;
	margin-right: -10px;
	position: relative;
}

.terms-grid .custom-selector button {
	padding: 0;
	position: absolute;
	left: 96%;
	top: 50%;
	transform: translateY(-50%);
	width: 35px;
	font-size: 1.1rem;
}

.fimenubasic .coverage-grid > span {
	font-weight: 900;
	align-items: center;
	display: flex;
}

.fimenubasic .coverage-grid span.priceprofit {
	display: flex;
	column-gap: 2px;
	align-items: center;
}

.fimenubasic .coverage-grid span.priceprofit input[type='radio' i] {
	margin: 0 5px;
}

.fimenubasic .coverage-grid.coverage-grid-header > span {
	font-size: 16px;
}

.fimenubasic .coverage-grid.coverage-grid-header .coveragetermprice {
	font-weight: 800;
}

.fimenubasic .coverage-grid .coverage-terms-header-select {
	text-align: right;
	z-index: 9;
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-left: 4px;
	height: 100%;
}

.fimenubasic .coverage-grid .coverage-terms-header-select > span > span {
	font-weight: normal;
	color: var(--fimenubasic-span-header-color);
}

.fimenubasic .coverage-grid .coverage-terms-header-select .unselect-coverage,
.fimenubasic .coverage-grid .coverage-terms-header-select .coverage-actions,
.terms-grid .unselect-coverage {
	display: block;
	margin: 6px 14px;
	font-size: 19px;
	color: var(--main-color);
	position: absolute;
}

.fimenubasic .coverage-grid .coverage-terms-header-select .coverage-actions .icon-button-shape,
.fimenubasic .coverage-grid .coverage-terms-header-select .coverage-actions .icon-button-shape:hover {
	position: absolute;
	border: var(--fimenubasic-coverage-actions-color-border) solid 2px;
	border-right: none;
	height: 34px;
	width: 1px;
	z-index: -1;
	margin-top: -8px;
	left: -7px;
	top: 0;
	background: linear-gradient(to left, transparent, var(--fimenubasic-coverage-actions-background-color));
	display: block;
	opacity: 0;
	transition:
		width ease-in-out 0.3s,
		opacity linear 0s 0.3s;
}

.fimenubasic .coverage-grid .coverage-terms-header-select .coverage-actions:hover .icon-button-shape,
.fimenubasic .coverage-grid .coverage-terms-header-select .coverage-actions.open .icon-button-shape {
	border: var(--fimenubasic-coverage-actions-color-border) solid 2px;
	width: 97px;
	opacity: 1;
	transition:
		width ease-in-out 0.3s,
		border-width linear 0s 0.3s;
}

.fimenubasic .coverage-grid .coverage-terms-header-select .coverage-actions.open .icon-button-shape {
	border-color: var(--main-color);
	background: linear-gradient(to left, transparent, var(--main-color));
}

.fimenubasic .coverage-grid .coverage-terms-header-select .coverage-actions.open {
	color: var(--fimenubasic-coverage-actions-color) !important;
}

.fimenubasic .coverage-grid .coverage-terms-header-select .unselect-coverage:hover,
.terms-grid .unselect-coverage:hover,
.fimenubasic .coverage-grid .coverage-terms-header-select .coverage-actions:hover,
.spantitle .clear-custom-coverage:hover {
	cursor: pointer;
	color: var(--error-color);
}

.spantitle .clear-custom-coverage {
	position: absolute;
	top: -30px;
	font-size: 20px;
	right: -30px;
	color: var(--main-color);
}

.fimenubasic .coverage-grid .coverage-terms-header-select .clear-custom-coverage .icon-button-shape,
.fimenubasic .coverage-grid .coverage-terms-header-select .clear-custom-coverage .icon-button-shape:hover {
	position: absolute;
	border: var(--fimenubasic-coverage-actions-color-border) solid 2px;
	border-left: none;
	height: 34px;
	width: 1px;
	z-index: -1;
	margin-top: -7px;
	right: -10px;
	background: linear-gradient(to right, transparent, var(--fimenubasic-coverage-actions-background-color));
	display: block;
	opacity: 0;
}

.fimenubasic .coverage-grid .coverage-terms-header-select .clear-custom-coverage:hover .icon-button-shape {
	border: var(--fimenubasic-coverage-actions-color-border) solid 2px;
	width: 104px;
	opacity: 1;
	transition:
		width ease-in-out 0.3s,
		border-width linear 0s 0.3s;
}

.fimenubasic .coverage-grid .coverage-terms-header-select span.selectedterm {
	color: var(--success-color);
}

.fimenubasic .coverage-grid .coverage-terms-header-select button.button-selected-term {
	width: 100%;
	font-size: 14px;
	padding-left: 5px;
	padding-right: 5px;
}

.fimenubasic .coverage-grid .coverage-terms-header-select > span {
	font-size: 15px;
	color: var(--fimenubasic-span-header-color);
	font-size: 14px;
	margin-top: 7px;
	color: var(--fimenubasic-title-color);
	font-weight: bold;
}

.fimenubasic .coverage-grid.total-values .totalprice,
.fimenubasic .coverage-grid.total-values .displaypriceselected {
	font-weight: 900;
}

.fimenubasic .coverage-grid.total-values .totalprice,
.fimenubasic .terms-grid .termprice {
	display: flex;
	align-items: center;
	height: 35px;
	flex-direction: row-reverse;
}

.fimenubasic .coverage-grid.total-values .displaypriceselected,
.fimenubasic .coverage-grid.total-values .nothingselected,
.fimenubasic .coverage-grid.total-values .partialselected,
.fimenubasic .coverage-grid span[class^='displayprice'],
.fimenubasic .terms-grid span[class^='displayprice'] {
	display: block;
	text-align: right;
	z-index: 9;
	float: right;
	justify-self: end;
}

.fimenubasic .coverage-grid.total-values .displaypriceselected,
.fimenubasic .coverage-grid.total-values .nothingselected,
.fimenubasic .coverage-grid.total-values .partialselected,
.fimenubasic .terms-grid .displaypriceselected {
	font-weight: bold;
}

.fimenubasic .coverage-grid .displaypriceselected,
.fimenubasic .terms-grid .displaypriceselected {
	color: var(--success-color);
}

.fimenubasic .coverage-grid .partialselected {
	color: var(--print-color);
}

.fimenubasic .coverage-grid .nothingselected {
	color: var(--error-color);
}

/* =============================
    ***************************

      EditCoverageTermProduct

    ***************************
   ============================= */
.displayprice.fakebox {
	margin-top: 6px;
}

span.regulated {
	font-weight: bold;
	color: var(--error-color);
}

span.notregulated {
	font-weight: bold;
	color: var(--success-color);
}

/* =============================
    ***************************

          FIMenuLoading

    ***************************
   ============================= */

/*.background-video-wrapper,
.background-video-backdrop,
.background-video-wrapper {
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.background-video-wrapper {
    display: flex;
    flex-direction: column;
}

.background-video-backdrop {
    position: absolute;
}

.background-video-overlay {
    position: absolute;
    color: var(--background-video-overlay-color);
    width: 100%;
    text-align: center;
    font-size: 70px;
    font-variant: all-small-caps;
    font-weight: bold;
    padding-top: 40px;
    padding-bottom: 40px;
    margin-top: 129px;
}

.background-video-container {
    margin-top: -350px;
}*/

/* =============================
    ***************************

          FIMenuPaperwork

    ***************************
   ============================= */
/*.fimenupaperworkpage .documents-navigation {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

    .fimenupaperworkpage .documents-navigation button.button.button-simple {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 110px;
        background-color: var(--main-color);
        color: var(--fimenupaperworkpage-button-color);
        font-size: 24px;
        padding: 20px !important;
        height: auto;
        min-width: 200px;
    }

        .fimenupaperworkpage .documents-navigation button.button.button-simple:disabled {
            background-color: var(--fimenupaperworkpage-button-color-disabled);
            width: auto;
        }

    .fimenupaperworkpage .documents-navigation button.button.button-width-auto {
        width: auto;
    }

.fimenupaperworkpage .document-container {
    border: 3px solid var(--fimenupaperworkpage-color-border);
    width: 1560px;
    height: 925px;
    overflow: scroll;
    overflow-x: hidden;
}

    .fimenupaperworkpage
    .document-container
    .pdf-loading-container
    .pdf-loading-wrapper {
        background-color: var(--fimenupaperworkpage-document-background-color);
        color: var(--fimenupaperworkpage-document-color);
        text-align: center;
        padding: 15px;
    }*/

/* =============================
    ***************************

         FIMenuPresentation

    ***************************
   ============================= */
.fimenupresentationpage {
	width: 1000px;
	min-height: 600px;
	transform: scale(1.3);
}

.fimenupresentationpage .carouselclass .presentation-title-video {
	font-size: 27px;
	color: var(--fimenupresentationpage-title-video-color);
}

.fimenupresentationpage .carouselclass .presentation-title-video span {
	cursor: pointer;
}

.fimenupresentationpage .carouselclass .presentation-title-video.presesntation-title-with-video {
	display: flex;
	justify-content: space-between;
}

.fimenupresentationpage .carouselclass .carousel-3d-container .carousel-3d-slide {
	padding: 20px;
}

.fimenupresentationpage .carouselclass .carousel-3d-container .carousel-3d-slide .presentation-title {
	font-size: 22px;
	font-weight: bold;
	display: flex;
	justify-content: space-between;
}

.fimenupresentationpage .carouselclass .carousel-3d-container .carousel-3d-slide .presentation-image {
	font-size: 22px;
}

.fimenupresentationpage .carouselclass .carousel-3d-container .carousel-3d-slide .presentation-image2 {
	display: grid;
	grid-template-columns: 250px 250px 250px;
	grid-row-gap: 15px;
	grid-column-gap: 0px;
	margin-top: 10px;
}

.fimenupresentationpage .product-video-modal {
	position: absolute;
	z-index: 1000;
	height: 100%;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--fimenupresentationpage-background-color);
}

.fimenupresentationpage .product-video-modal .product-video-container {
	width: 1200px;
	text-align: center;
}

.fimenupresentationpage .product-video-modal .product-video-container .product-video-player {
	margin-bottom: 10px;
}

.fimenupresentationpage .product-video-modal .product-video-container .product-video-player .vid_player {
	width: 180px;
}

.video-container .vid_player::-webkit-media-controls-volume-slider {
	pointer-events: none;
}

.video-container .vid_player::-webkit-media-controls-mute-button {
	pointer-events: none;
}

.fimenupresentationpage .product-video-modal .product-video-container .button {
	font-size: 30px;
	width: 300px;
	height: 75px;
}

/* =============================
    ***************************

          FIMenuProduct

    ***************************
   ============================= */

.coverage-grid .productflags {
	display: flex;
	justify-content: space-between;
	font-size: 15px;
	align-items: center;
}

.coverage-grid .misc-prod-desc {
	font-weight: 400 !important;
}

/* =============================
    ***************************

          FIMenuSignature

    ***************************
   ============================= */
.fimenu-signatures-page {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.fimenu-signatures-page .fimenu-signatures {
	display: flex;
	align-items: center;
	width: 1440px;
	justify-content: space-evenly;
	margin-bottom: 200px;
}

.fimenu-signatures-page .fimenu-signatures .fimenu-signature {
	border: 3px solid var(--fimenu-signatures-page-color-border);
}

/* =============================
    ***************************

            DealSearch

    ***************************
   ============================= */

.deal-search-container .deal-search-textbox {
	width: 200px;
}

/* =============================
    ***************************

          DocumentPacket

    ***************************
   ============================= */
.document-packet .document-packet-title-container .document-packet-title {
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 14pt;
}

.document-packet .document-packet-title-container {
	justify-content: space-between;
	align-items: center;
}

.document-packet .document-packet-title-container .document-packet-title {
	padding: 0 10px;
}

.document-packet .document-packet-title-container .document-packet-buttons {
	margin-right: 10px;
}

.document-packet .document-packet-button-dropdown button {
	border-radius: 5px;
}

.document-packet .document-packet-button-dropdown.void button {
	background-color: var(--error-color);
	border-color: var(--error-color);
}

.document-packet .document-packet-button-dropdown .button-dropdown button {
	height: 30px;
	min-width: 200px;
}

.document-packet .document-packet-grid-container .paperwork-categories-panel .panel-header-title {
	padding: 25px;
}

.document-packet-container .document-packet-grid-container {
	padding-bottom: 10px;
	box-sizing: border-box;
}
/* =============================
    ***************************

        DocumentPacketList

    ***************************
   ============================= */
.document-packet-list .packet-list-open-close {
	display: flex;
	justify-content: space-between;
	padding: 5px;
	border-bottom: 1px solid var(--documentpacketlist-color-border);
	margin-left: -15px;
	margin-right: -15px;
	padding-right: 15px;
	cursor: pointer;
	padding-top: 10px;
	padding-bottom: 10px;
}

.document-packet-list .packet-list-open-close .packet-list-title {
	font-weight: bold;
	font-size: 12pt;
	padding-left: 10px;
}

.document-packet-list .packet-list-open-close .packet-list-title .text-light {
	color: var(--documentpacketlist-color-text-light);
	font-weight: normal;
	font-size: 10pt;
}

.document-packet-list .document-packet {
	margin-bottom: 10px;
}

/* =============================
    ***************************

        ApiResponseList

    ***************************
   ============================= */
.response-list .response-list-open-close {
	display: flex;
	justify-content: space-between;
	padding: 5px;
	border-bottom: 1px solid var(--api-responselist-color-border);
	margin-left: -15px;
	margin-right: -15px;
	padding-right: 15px;
	cursor: pointer;
	padding-top: 10px;
	padding-bottom: 10px;
}

.response-list .response-list-open-close .response-list-title {
	font-weight: bold;
	font-size: 12pt;
	padding-left: 10px;
}

.response-list .response-list-open-close .response-list-title .text-light {
	color: var(--api-responselist-color-text-light);
	font-weight: normal;
	font-size: 10pt;
}

/* =============================
    ***************************

        KeyValuePairEditor

    ***************************
   ============================= */

.key-value-editor .add-new-patner,
.key-value-editor input:not(:disabled) {
	border: 1px solid var(--main-color);
	padding-right: 5px;
}

.key-value-editor input,
.key-value-editor select {
	min-width: 180px;
	width: 100%;
}

.key-value-editor input:disabled {
	background-color: var(--keyvalueeditor-input-background-color-disabled);
	border-color: var(--keyvalueeditor-input-color-border-disabled);
}

.key-value-editor th {
	text-align: left;
	padding-left: 5px;
}

.key-value-editor .edit-saved-value,
.key-value-editor .delete-saved-value,
.key-value-editor .save-edited-value,
.key-value-editor .cancel-edited-value {
	display: flex;
	justify-content: space-around;
	align-items: center;
}

.key-value-editor .input-no-data {
	width: 100%;
	text-align: center;
}

.key-value-editor .key-value-saved a {
	display: inline-block;
	min-width: 50px;
	text-align: center;
}

.key-value-editor .add-new-value-input::placeholder {
	color: var(--keyvalueeditor-input-color);
}

/* =============================
    ***************************

            ListEditor

    ***************************
   ============================= */
.list-displayer .list-container,
.list-displayer .items-container {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.list-displayer .list-container {
	position: relative;
}

.list-displayer .list-container .open-add-input {
	position: absolute;
	font-size: 20px;
	background-color: var(--success-color);
	color: var(--listeditor-input-color);
	width: 28px;
	display: flex;
	justify-content: space-around;
	height: 28px;
	align-items: center;
	border-radius: 10px;
	transition:
		border-top-left-radius 0.2s 0.3s linear,
		border-top-right-radius 0.2s 0.3s linear;
	cursor: pointer;
}

.list-displayer .list-container .open-add-input i {
	transition: transform 0.3s linear;
}

.list-displayer .list-container .open-add-input.open {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	transition-delay: 0.2s;
	transition:
		border-top-left-radius 0.1s linear,
		border-top-right-radius 0.1s linear;
}

.list-displayer .list-container .open-add-input.open i {
	transform: rotate(45deg);
	transition: transform 0.3s linear;
}

.list-displayer .list-container div .filler {
	position: absolute;
	background-color: var(--success-color);
	width: 28px;
	height: 40px;
	top: -38px;
	z-index: -1;
	transition:
		height 0.2s linear,
		top 0.2s linear;
}

.list-displayer .list-container div .add-input {
	position: absolute;
	top: -40px;
	border: 3px solid var(--success-color);
	z-index: 9999;
	width: 315px;
	transition:
		visibility 0.1s 0.1s linear,
		width 0.2s 0.1s linear;
}

.list-displayer .list-container div .add-input.hide {
	width: 30px;
	visibility: hidden;
	transition:
		visibility 0.1s 0.2s linear,
		width 0.2s linear;
}

.list-displayer .list-container div .filler.hide {
	top: 5px;
	height: 0px;
	transition:
		height 0.2s 0.2s linear,
		top 0.2s 0.2s linear;
}

.list-displayer .item-container,
.list-displayer .item-container > div {
	display: flex;
	align-items: center;
}

.list-displayer .item-container {
	background-color: var(--main-color);
	padding: 3px 3px 3px 8px;
	color: var(--listeditor-input-color);
	margin: 0 3px 5px;
	border-radius: 10px;
}

.list-displayer .item-container i {
	margin-left: 5px;
	padding: 3px 5px;
}

.list-displayer .item-container {
	width: auto !important;
}

.list-displayer .items-container.draggable .item-container {
	cursor: pointer;
}

.list-displayer .list-container.inline-add .item-container:first-of-type {
	margin-left: 35px;
}

.list-displayer .add-new-item {
	margin-bottom: 10px;
}

.list-displayer .add-new-item .add-item-button {
	font-size: 20px;
	display: flex;
	align-items: center;
}

/* =============================
    ***************************

               Note

    ***************************
   ============================= */

.note-container {
	width: 100%;
	display: flex;
	flex-direction: row;
	padding: 12px;
	border: 1px solid var(--note-color-border);
	box-sizing: border-box;
	margin-bottom: 7px;
	position: relative;
	border-top-left-radius: 22px;
}

.note-container .note-floaty {
	position: absolute;
	border-right: 1px solid var(--note-color-border);
	border-bottom: 1px solid var(--note-color-border);
	border-top: 1px solid var(--note-color-border-floaty);
	border-left: 1px solid var(--note-color-border-floaty);
	width: 15px;
	height: 15px;
	top: -1px;
	left: -1px;
	-webkit-box-shadow: 3px 3px 9px -4px var(--note-color-border-floaty-shadow);
	box-shadow: 3px 3px 5px -4px var(--note-color-border-floaty-shadow);
}

.note-container .note-author {
	background-color: var(--main-color);
	color: var(--note-color-text);
	font-size: 20px;
	padding: 15px;
	border-radius: 50%;
	height: 17px;
	width: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

.note-container .note-contents {
	display: flex;
	flex-direction: column;
	width: 100%;
	margin-left: 15px;
}

.note-container .note-contents .note-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}

.note-container .note-contents .note-header .note-title {
	font-weight: bold;
}

.note-container .note-contents .note-header .note-date {
	color: var(--note-date-color);
}

.note-container .note-contents .note-body {
	margin-top: 3px;
	white-space: pre-line;
}

/* =============================        /* =============================        /* =============================
    ***************************             ***************************             ***************************

       PanelFrontEnd Gross                      PanelBackEndGross                          PanelFinalInfo

    ***************************             ***************************             ***************************
   =============================           =============================           ============================= */
.open-sync-response {
	position: absolute;
	right: 20px;
	width: auto;
}

.coverage-accepted * {
	font-size: 16px !important;
	color: var(--text-color) !important;
}

.coverage-accepted span.product,
.coverage-accepted span.program {
	justify-content: flex-start !important;
}

.coverage-accepted span.program span {
	margin-right: 1rem;
}

.coverage-accepted > div > span {
	margin-top: 0px !important;
}

.coverage-accepted > div > span,
.accepted-terms > div > span,
.final-payment-info > div > span {
	margin-top: 7px;
	color: var(--coverage-accepted-color);
	font-size: 14px;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.accepted-terms > div > span {
	margin-top: 0 !important;
}

.front-end-gross {
	row-gap: 7px !important;
	text-align: end;
}

.front-end-gross div > .name {
	text-align: start;
}

.sync-response {
	position: absolute;
	top: 0;
	height: 0;
	left: 0;
	right: 0;
	background-color: var(--sync-response-background-color);
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	transition: height 0.5s ease-in-out;
}

.sync-response.open {
	position: absolute;
	top: 0;
	height: 100%;
	left: 0;
	right: 0;
	background-color: var(--sync-response-background-color);
	display: flex;
	justify-content: center;
	align-items: center;
}

.sync-response .sync-container {
	background-color: var(--sync-response-container-background-color);
	display: flex;
	flex-direction: column;
	width: 500px;
	border: 2px solid var(--main-color);
	height: 538px;
	overflow: hidden;
	position: relative;
}

.sync-response .sync-container h3 {
	padding: 20px 10px;
	border-bottom: 2px solid var(--main-color);
	margin: 0 20px 10px;
}

.sync-response .sync-container .sync-close {
	position: absolute;
	font-size: 23px;
	right: 19px;
	top: 20px;
}

.sync-response .sync-container .sync-close:hover {
	color: var(--error-color);
	cursor: pointer;
}

.sync-response .sync-container .sync-answer-container {
	flex-grow: 1;
	overflow: auto;
	margin-bottom: 40px;
}

.sync-response .sync-container .sync-answer-container .sync-answer {
	display: flex;
	padding: 10px 10px;
	border-bottom: 1px solid var(--sync-response-color-border);
	margin: 0 30px;
}

.sync-response .sync-container .sync-answer-container .sync-answer .sync-success,
.sync-response .sync-container .sync-answer-container .sync-answer .sync-error {
	color: var(--sync-response-container-background-color);
	display: flex;
	padding: 0 5px;
	margin-right: 20px;
	height: 26px;
	align-self: center;
}

.sync-response .sync-container .sync-answer-container .sync-answer .sync-success i,
.sync-response .sync-container .sync-answer-container .sync-answer .sync-error i {
	align-self: center;
}

.sync-response .sync-container .sync-answer-container .sync-answer .sync-success {
	background-color: var(--success-color);
}

.sync-response .sync-container .sync-answer-container .sync-answer .sync-error {
	background-color: var(--error-color);
	min-width: 16px;
	justify-content: center;
	font-size: 18px;
}

.sync-response .sync-container .sync-answer-container .sync-answer .sync-message {
	align-self: center;
}

/* =============================
    ***************************

     PanelManufacturerWarranty

    ***************************
   ============================= */

.warranty-grid > span {
	color: var(--warranty-span-color);
	font-size: 14px;
	margin-top: 7px;
}

.warranty-grid span.warrantyindicator {
	margin-top: 5px;
}

/* =============================
    ***************************

           PanelAmounts

    ***************************
   ============================= */

.panel-amounts .section-title {
	color: var(--main-color);
	font-weight: 600;
	font-size: 14pt;
	padding-bottom: 5px;
	border-bottom: 2px solid var(--main-color);
	margin: 20px 0 15px;
}

.panel-amounts .preload-container .preload-description,
.panel-amounts .preload-container .preload-question {
	display: flex;
	align-items: center;
}

.panel-amounts .preload-container .preload-description {
}

.panel-amounts .preload-container .preload-question {
	display: flex;
	justify-content: space-between;
}

.panel-amounts .preload-total {
	border-top: 1px solid var(--panel-color-border-top);
	font-weight: 600;
	background-color: var(--panel-background-color);
	margin: 0 -10px -10px;
	padding: 12px 10px 12px 10px;
}
/* =============================
    ***************************

         PaperWorkCreation

    ***************************
   ============================= */
.paperwork-creation {
	position: fixed;
	top: 0;
	overflow: hidden;
	left: 0;
	right: 0;
	height: 100vh;
	width: 100vw;
	background-color: var(--paperworkcreation-background-color);
	z-index: 999999;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
}

.paperwork-creation > div {
	display: flex;
	justify-content: space-around;
	background-color: var(--print-color);
	padding: 5px 30px 30px;
	flex-wrap: wrap;
	width: 480px;
	flex-direction: column;
	align-items: center;
}

.paperwork-creation .paperwork-image {
	width: 330px;
	margin-right: 20px;
	margin-left: -20px;
}

.paperwork-creation .paperwork-caption {
	text-align: center;
	font-size: 25px;
	padding-top: 5px;
}

.paperwork-creation button {
	margin-top: 13px;
	background-color: var(--error-color);
	border-color: var(--error-color);
}

/* =============================
    ***************************

            PDFSignature

    ***************************
   ============================= */

.pdf-signature,
.pdf-initials {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 5px;
	cursor: pointer;
}

.pdf-signature.pdf-signature-signed,
.pdf-initials.pdf-initials-signed {
	background: transparent;
	pointer-events: none;
}

.pdf-signature .sign-name-container,
.pdf-initials .sign-name-container {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	font-size: 1vw;
	background-color: var(--pdf-signature-sign-background-color);
}

.pdf-signature.pdf-signature-cosigner .sign-name-container,
.pdf-initials.pdf-initials-cosigner .sign-name-container {
	background-color: var(--pdf-signature-cosign-background-color);
}

.pdf-initials .sign-name-container .signer-name,
.pdf-signature .sign-name-container .signer-name {
	font-weight: bold;
}

.pdf-signature .img-signature,
.pdf-initials .img-initials {
	width: 100%;
}
/* =============================
    ***************************

             PanelESign

    ***************************
   ============================= */

.pdf-signature-pad-container {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: var(--black-70percent);
	position: fixed;
	z-index: 1000;
	display: flex;
	align-items: center;
	justify-content: center;
}

.pdf-signature-pad-container .pdf-signature-pad {
	position: relative;
	background-color: var(--pdf-signature-background-color);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: stretch;
	animation-duration: 0.25s;
	animation-name: bounceIn;
	z-index: 1001;
	margin-top: 30px;
	margin-bottom: 30px;
}

.pdf-signature-pad-container .pdf-signature-pad .pdf-signature-pad-header {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 20px 0;
}

.pdf-signature-pad-container .pdf-signature-pad .pdf-signature-pad-header .customer-name {
	font-size: 40px;
	color: var(--main-color);
}

.pdf-signature-pad-container .pdf-signature-pad .pdf-signature-pad-header .signature-caption {
	font-size: 16px;
	padding-top: 10px;
	color: var(--pdf-signature-pad-container-color);
}

.pdf-signature-pad-container .pdf-signature-pad .pdf-signature-pad-body {
	box-sizing: border-box;
	padding: 0 20px;
	display: flex;
	justify-content: space-between;
}

.pdf-signature-pad-container .pdf-signature-pad .pdf-signature-pad-body .signature-pad,
.pdf-signature-pad-container .pdf-signature-pad .pdf-signature-pad-body .initials-pad {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}

.pdf-signature-pad-container .pdf-signature-pad .pdf-signature-pad-body .signature-pad .pad-title,
.pdf-signature-pad-container .pdf-signature-pad .pdf-signature-pad-body .initials-pad .pad-title {
	width: 100%;
	border: none;
	margin-bottom: 5px;
	color: var(--pdf-signature-pad-container-color);
}

.pdf-signature-pad-container .pdf-signature-pad .pdf-signature-pad-body .signature-pad .signature-line,
.pdf-signature-pad-container .pdf-signature-pad .pdf-signature-pad-body .initials-pad .signature-line {
	z-index: -1;
	position: absolute;
	width: 80%;
	top: 70%;
	right: 10%;
	display: flex;
	align-items: flex-end;
	border: none;
}

.pdf-signature-pad-container .pdf-signature-pad .pdf-signature-pad-body .signature-pad .signature-line .mark,
.pdf-signature-pad-container .pdf-signature-pad .pdf-signature-pad-body .initials-pad .signature-line .mark {
	margin-right: 15px;
	color: var(--pdf-signature-initials-pad-color);
	font-size: 20px;
}

.pdf-signature-pad-container .pdf-signature-pad .pdf-signature-pad-body .signature-pad .signature-line .line,
.pdf-signature-pad-container .pdf-signature-pad .pdf-signature-pad-body .initials-pad .signature-line .line {
	height: 2px;
	background-color: var(--pdf-signature-initials-pad-background-color);
	width: 100%;
	margin-bottom: 4px;
}

.pdf-signature-pad-container .pdf-signature-pad .pdf-signature-pad-body .signature-pad > div,
.pdf-signature-pad-container .pdf-signature-pad .pdf-signature-pad-body .initials-pad > div {
	border: 2px solid var(--pdf-signature-initials-pad-color-border);
	margin: 0 0 10px;
	z-index: 9999;
	box-sizing: border-box;
}

.pdf-signature-pad-container .pdf-signature-pad .pdf-signature-pad-body .signature-pad > div.invalid,
.pdf-signature-pad-container .pdf-signature-pad .pdf-signature-pad-body .initials-pad > div.invalid {
	border: 1px solid var(--error-color);
}

.pdf-signature-pad-container .pdf-signature-pad .pdf-signature-pad-body .signature-pad button,
.pdf-signature-pad-container .pdf-signature-pad .pdf-signature-pad-body .initials-pad button {
	max-width: 100px;
}

.pdf-signature-pad-container .pdf-signature-pad .pdf-signature-pad-footer {
	border-top: 1px solid var(--main-color);
	display: flex;
	justify-content: flex-end;
	align-items: center;
	padding: 15px;
}

.pdf-signature-pad-container .pdf-signature-pad .pdf-signature-pad-footer button {
	margin-left: 15px;
	max-width: 150px;
}

@media only screen and (max-width: 1200px) {
	.pdf-signature-pad-container .pdf-signature-pad {
		width: 836px;
		height: 500px;
	}

	.pdf-signature-pad-container .pdf-signature-pad .pdf-signature-pad-header .customer-name {
		font-size: 33px;
	}

	.pdf-signature-pad-container .pdf-signature-pad .pdf-signature-pad-body .signature-pad .pad-container {
		width: 548px !important;
		position: relative;
	}

	.pdf-signature-pad-container .pdf-signature-pad .pdf-signature-pad-body .initials-pad .pad-container {
		width: 227px !important;
		position: relative;
	}

	.pdf-signature-pad-container .pdf-signature-pad .pdf-signature-pad-body .signature-pad .pad-container,
	.pdf-signature-pad-container .pdf-signature-pad .pdf-signature-pad-body .initials-pad .pad-container {
		height: 218px !important;
	}

	.pdf-signature-pad-container .pdf-signature-pad .pdf-signature-pad-body .signature-pad .signature-line,
	.pdf-signature-pad-container .pdf-signature-pad .pdf-signature-pad-body .initials-pad .signature-line {
		top: 65%;
	}
}

@media only screen and (min-width: 1200px) and (max-width: 1650px) {
	.pdf-signature-pad-container .pdf-signature-pad {
		width: 1180px;
		height: 600px;
	}

	.pdf-signature-pad-container .pdf-signature-pad .pdf-signature-pad-body .signature-pad .pad-container {
		width: 782px !important;
		position: relative;
	}

	.pdf-signature-pad-container .pdf-signature-pad .pdf-signature-pad-body .initials-pad .pad-container {
		width: 324px !important;
		position: relative;
	}

	.pdf-signature-pad-container .pdf-signature-pad .pdf-signature-pad-body .signature-pad .pad-container,
	.pdf-signature-pad-container .pdf-signature-pad .pdf-signature-pad-body .initials-pad .pad-container {
		height: 314px !important;
	}
}

@media only screen and (min-width: 1650px) {
	.pdf-signature-pad-container .pdf-signature-pad {
		width: 1620px;
		height: 700px;
	}

	.pdf-signature-pad-container .pdf-signature-pad .pdf-signature-pad-body .signature-pad .pad-container {
		width: 1095px !important;
		position: relative;
	}

	.pdf-signature-pad-container .pdf-signature-pad .pdf-signature-pad-body .initials-pad .pad-container {
		width: 453px !important;
		position: relative;
	}

	.pdf-signature-pad-container .pdf-signature-pad .pdf-signature-pad-body .signature-pad .pad-container,
	.pdf-signature-pad-container .pdf-signature-pad .pdf-signature-pad-body .initials-pad .pad-container {
		height: 437px !important;
	}

	.fimenupaperworkpage .pdf-signature-pad-container .pdf-signature-pad {
		height: 760px;
	}
}

/* =============================
    ***************************

             PDFViewer

    ***************************
   ============================= */

.pdf-container {
	width: 100%;
	position: relative;
	height: 100%;
}

.pdf-loading-container {
	width: 1560px;
	height: 925px;
	background-color: var(--black-70percent);
	position: fixed;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: center;
}

.pdf-loading-container .pdf-loading-wrapper {
	position: relative;
	width: 680px;
	height: auto;
	display: flex;
	background-color: var(--pdfviewer-background-color);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: stretch;
	border-radius: 5px;
	animation-duration: 0.25s;
	animation-name: bounceIn;
	z-index: 1001;
	margin-top: 30px;
	margin-bottom: 30px;
	overflow-y: auto;
}

/* =============================
    ***************************

              FIMenu

    ***************************
   ============================= */
.page.customer input,
.page.customer select,
.page.customer .InputRichDropdown .ird-container,
.fimenupage input,
.fimenupage select,
.fimenupage .InputRichDropdown .ird-container {
	text-transform: uppercase;
}

.fimenupage .development-buttons {
	display: flex;
	justify-content: center;
	align-items: center;
}

.fimenupage .development-buttons * {
	margin-left: 10px;
}

.customer-fimenu {
	display: flex;
	width: 100%;
	height: 100%;
	justify-content: center;
}

.push-to-customer {
	display: block;
	line-height: 17px;
}

.customer-buttons {
	display: flex;
}

.customer-buttons input {
	width: 100%;
}

.paperwork-button-text {
	margin-left: 7px;
}

.button-dropdown-container {
	position: relative;
}

.button-dropdown-container .button-dropdown-icon-text {
	display: flex;
	justify-content: center;
	align-items: flex-end;
	column-gap: 7px;
}

.button-dropdown-list {
	width: 100%;
	position: absolute;
	z-index: 999999999;
	display: flex;
	box-sizing: border-box;
	flex-direction: column;
	background-color: var(--button-dropdown-list-background-color);
	padding: 0px 5px 5px;
	border: 1px solid var(--load-color);
}

.button-dropdown-list > button {
	padding-left: 5px;
	padding-right: 5px;
	margin-top: 5px;
}

/* =============================
    ***************************

              Popup

    ***************************
   ============================= */

/*.customer-container {
    position: relative;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
}

.popup-container {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

    .customer-container .saturn-background,
    .popup-container .saturn-background {
        position: absolute;
        z-index: -1;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        overflow: hidden;
        background: var(--popup-container-background-color);
        transition: background 0.3s ease-in-out;
    }

        .customer-container .saturn-background .saturn-logo,
        .popup-container .saturn-background img {
            width: 84%;
            position: absolute;
            top: 116px;
            left: -321px;
            opacity: 0.03;
        }

        .customer-container .saturn-background.colored,
        .customer-container .saturn-background.main-screen,
        .popup-container .saturn-background.colored,
        .popup-container .saturn-background.main-screen {
            background: var(--main-color);
            transition: background 0.3s ease-in-out;
        }

            .customer-container .saturn-background.main-screen .saturn-logo,
            .popup-container .saturn-background.main-screen .saturn-logo {
                opacity: 0.3;
            }

    .customer-container .customer-view-alert.full-screen,
    .popup-container .customer-view-alert.full-screen {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        background-color: var(--popup-container-fullscreen-background-color);
        display: flex;
        justify-content: center;
        align-items: center;
    }

        .customer-container .customer-view-alert.full-screen .container,
        .popup-container .customer-view-alert.full-screen .container {
            background-color: var(--error-color);
            color: var(--popup-container-background-color);
            padding: 30px;
            position: absolute;
        }

    .customer-container .popup-welcome,
    .popup-container .popup-welcome {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
        font-size: 100px;
        font-weight: bold;
        font-variant: all-small-caps;
        font-family: roboto;
        padding-top: 100px;
    }

.popup-welcome .background-video-container img {
    width: 400px;
    margin-top: 165px;
}

    .popup-welcome .background-video-container img.paperwork {
        width: 400px;
        margin-top: -10px;
    }

    .popup-welcome .background-video-container img.information {
        width: 605px;
    }

.popup-welcome.google-review .background-video-container img {
    width: 400px;
    margin-top: 165px;
}

    .popup-welcome.google-review .background-video-container img.paperwork {
        width: 507px;
        margin-top: 225px;
    }

    .popup-welcome.google-review .background-video-container img.information {
        width: 605px;
    }

.popup-welcome.google-review .background-video-overlay.paperwork {
    font-size: 82px;
    margin-top: 7px;
    padding-top: 0;
}

.popup-welcome.google-review .qr-code-text {
    font-size: 50px;
    color: var(--qr-code-color);
    margin-top: 109px;
}

.popup-welcome.google-review .qr-code-reviews {
    margin-top: 100px;
    border: 3px solid var(--qr-code-color-border);
    padding: 11px;
    background-color: var(--qr-code-background-color);
    font-size: 0;
}
*/
/* =============================
    ***************************

             UserInfo

    ***************************
   ============================= */
.user-info-container {
	position: relative;
	display: flex;
	align-items: center;
	gap: 5px;
}

.user-info-container .text-container {
	display: flex;
	margin-right: 5px;
	font-weight: 500;
}

.user-info-container .setting-button .fa-stack-2x {
	color: var(--main-color);
}

.user-info-container .menu-list {
	padding: 5px 3px;
	font-size: 11pt;
	transition: var(--transition);
}

.user-info-container .menu-list:nth-child(2n) {
	background: var(--richtable-alternating-background-color);
}

.user-info-container .menu-list:last-of-type {
	border-bottom: none;
}

.user-info-container .menu-list .inner-container {
	padding: 3px 2px;
	color: var(--text-color);
	transition: var(--transition);
}

.user-info-container .menu-list:hover {
	background-color: var(--user-info-container-background-color);
	cursor: pointer;
}

.user-info-container .menu-list:hover .inner-container {
	color: var(--main-color);
}

.user-info-container .menu-list .inner-container .option-text {
	margin-left: 5px;
	font-weight: 500;
}

.user-info-container .menu-list .inner-container .menu-icon {
	position: relative;
}

.user-info-container .menu-list .inner-container .menu-icon::after {
	content: '';
	position: absolute;
	height: 100%;
	width: 80%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: var(--black-30percent);
	border-radius: 4px;
	z-index: -1;
}

/* =============================
    ***************************

            FloatingMenu

    ***************************
   ============================= */

.FloatingMenu {
	position: relative;
}

.FloatingMenu button {
	width: auto;
	padding: 8px 11px;
	font-size: 12pt;
	transition: var(--transition);
}

.FloatingMenu button.active {
	box-shadow: inset 0 0 0 100vw var(--button-shadow-hover);
	color: var(--button-color) !important;
}

.FloatingMenu .menu.hidden {
	display: none !important;
}

.FloatingMenu .menu {
	min-width: 190px;
	margin-top: 0px;
	padding: 10px;
	position: absolute;
	top: 110%;
	right: 0px;
	display: flex;
	flex-direction: column;
	gap: 5px;
	background-color: var(--background-color);
	box-shadow: 2px 2px 5px 1px var(--black-20percent);
	border: 2px solid var(--border-color);
	border-radius: 4px;
	color: var(--user-info-floating-menu-color);
	animation: fadeIn 0.3s ease-out forwards;
	z-index: 999999;
}

.setFloatingMenuRight .menu {
	right: unset;
	left: 0;
}

/* =============================
    ***************************

           StoreSelector

    ***************************
   ============================= */
.store-selector-container {
	display: flex;
	align-items: center;
}

.store-selector-label {
	margin-right: 5px;
}

/* =============================
    ***************************

          DealVideoViewed

    ***************************
   ============================= */

.rich-table-rows .deal-actions {
	width: 40px;
	display: flex;
	justify-content: space-between;
	margin-right: -12px;
}

/* =============================
    ***************************

          DealVideoViewed

    ***************************
   ============================= */

.rich-table-rows .display-unbegun {
	color: var(--error-color);
	position: absolute;
	font-size: 25px;
	top: 50%;
	left: -4px;
	transform: translateY(-50%);
}

.rich-table-rows .display-incomplete {
	color: var(--print-color);
	font-weight: 700;
	font-size: 10pt;
	width: auto;
	position: absolute;
	margin-top: -14px;
	margin-left: -3px;
}

.rich-table-rows .display-incomplete .background {
	z-index: -1;
}

.rich-table-rows .display-incomplete .amount {
	color: var(--background-color);
	font-size: 13pt;
	padding-left: 5px;
}

.rich-table-rows .display-incomplete .amount.activated {
	line-height: 1.9;
}

.rich-table-rows .display-completed {
	color: var(--success-color);
	position: absolute;
	font-size: 26px;
	top: 50%;
	left: -3px;
	transform: translateY(-50%);
}

/* =============================
    ***************************

            RichTable

    ***************************
   ============================= */
.rich-table-container {
	max-height: 100%;
	width: 100%;
}

.rich-table-container.max-height-small {
	max-height: 695px;
}

.rich-table-container.overflow .rich-table-table {
	overflow: auto;
}

.rich-table-table {
	max-height: inherit;
}

.rich-table .slot-wrapper {
	width: fit-content;
}

.rich-table .action-cell {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 2px;
}

.rich-table .rich-table-header {
	padding: 0 2.5px;
}

.rich-table .rich-table-header:first-child {
	padding-left: 0;
}

.rich-table .rich-table-header:last-child {
	padding-right: 0;
}

.rich-table .rich-table-header:has(.rich-table-auto-filter.active) .rich-header {
	background-color: var(--main-color);
}

.rich-table-auto-filter.active,
.rich-table-header:has(.rich-table-auto-filter.active) .rich-table-header-title,
.rich-table-header:has(.rich-table-auto-filter.active) .icon-header {
	color: var(--button-color);
	font-weight: bold;
}

.rich-table-header.clickable:hover .rich-header {
	cursor: pointer;
	box-shadow: inset 0 0 0 100vw var(--richtable-header-shadow);
}

.rich-table-header .rich-header {
	padding: 10px 8px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-radius: 10px 10px 0 0;
}

.rich-table-header .rich-header .icon-header {
	font-size: 16pt;
}

.rich-table th.rich-table-header {
	position: relative;
	vertical-align: bottom;
}

.rich-table tr.rich-table-footer th {
	text-align: left;
}

.rich-table .rich-table-actions button,
.rich-table-actions a {
	margin-right: 5px;
}

.rich-table .rich-table-actions button span:not(:first-child) {
	margin-left: 5px;
}

.rich-table-header.left .rich-header .rich-table-auto-filter-console {
	right: 0;
	left: auto;
}

.rich-table-header .rich-header .rich-table-auto-filter-console {
	position: absolute;
	top: 100%;
	left: 0;
	width: 250px;
	background: var(--richtable-header-border-color-background);
	border: 1px solid var(--richtable-header-border-color-autofilter);
	border-top: none;
	border-radius: 0 0 var(--default-border-radius) var(--default-border-radius);
	box-shadow: 2px 2px 5px 1px var(--black-20percent);
	z-index: 9999;
}

.rich-table-header .rich-header .rich-table-auto-filter-console.top {
	border-top: 1px solid var(--richtable-header-border-color-autofilter);
	border-radius: var(--default-border-radius);
}

.rich-table-header .rich-header .rich-table-auto-filter-console .auto-filter-section:not(:last-child) {
	padding: 5px 0;
	min-height: 40px;
	border-bottom: 1px solid var(--richtable-header-border-color-autofilter);
}

.rich-table-header .rich-header .rich-table-auto-filter-console .auto-filter-section.multiple-sub-headers {
	padding: 0;
}

.rich-table-header .rich-header .rich-table-auto-filter-console .auto-filter-section.multiple-sub-headers {
	height: 300px;
	overflow-y: scroll;
	overflow-x: hidden;
}

.rich-table-header .rich-header .rich-table-auto-filter-console .auto-filter-section.multiple-sub-headers .auto-filter-values {
	height: unset;
	overflow-y: unset;
}

.rich-table-header .rich-header .rich-table-auto-filter-console .auto-filter-section.clickable {
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

.rich-table-header .rich-header .rich-table-auto-filter-console .auto-filter-section.clickable:hover {
	background-color: var(--richtable-header-background-color-hover);
}

.rich-table-header .rich-header .rich-table-auto-filter-console .auto-filter-section .auto-filter-values {
	height: 250px;
	overflow-y: scroll;
}

.rich-table-header .rich-header .rich-table-auto-filter-console .auto-filter-section .auto-filter-values .auto-filter-option {
	padding: 15px;
	display: flex;
	justify-content: flex-start;
	cursor: pointer;
}

.rich-table-header .rich-header .rich-table-auto-filter-console .auto-filter-section .auto-filter-values .auto-filter-option:hover {
	background-color: var(--richtable-header-background-color-hover);
}

.rich-table-header .rich-header .rich-table-auto-filter-console .auto-filter-section .auto-filter-values .auto-filter-option .autofilter-checkbox {
	margin-right: 5px;
}

.rich-table-header .rich-header .rich-table-auto-filter-console .auto-filter-section.auto-filter-select-all {
	display: flex;
	align-items: center;
	justify-content: space-evenly;
}

.rich-table-header .rich-header .rich-table-auto-filter-console .auto-filter-row {
	min-height: 40px;
	display: flex;
	align-items: center;
	justify-content: space-evenly;
}

.rich-table-header .rich-header .rich-table-auto-filter-console .auto-filter-row[disabled='disabled'] {
	color: var(--disabled-color);
	pointer-events: none;
}

.rich-table-header .rich-header .rich-table-auto-filter-console .auto-filter-section.auto-filter-close {
	min-height: auto;
	padding: 10px;
}

.rich-table-header .rich-header .rich-table-auto-filter-console .filter-header {
	text-align: left;
	margin: 0;
	padding: 10px;
	color: var(--accept-color);
}

.rich-table-header .rich-header .rich-table-auto-filter-console .auto-filter-section .Accordion .children-container {
	margin-top: unset;
}

.rich-table-header .rich-header .rich-table-auto-filter-console .auto-filter-section .auto-filter-search-values,
.rich-table-header .rich-header .rich-table-auto-filter-console .range-filter-section {
	min-height: auto;
	padding: 10px;
	box-sizing: border-box;
	position: relative;
	border-bottom: 1px solid var(--richtable-header-border-color-autofilter);
}

.rich-table-header .rich-header .rich-table-auto-filter-console .auto-filter-section .Accordion .auto-filter-count {
	margin-right: 10px;
	padding: 5px 10px;
	border: 1px solid var(--border-color);
	border-radius: 10px;
	background-color: var(--success-color);
	color: var(--background-color);
}

.rich-table-header .rich-header .rich-table-auto-filter-console .auto-filter-section .auto-filter-search-values input {
	width: 100%;
}

.rich-table-header .rich-header .rich-table-auto-filter-console .auto-filter-section .auto-filter-search-values .search-icon {
	position: absolute;
	right: 20px;
	top: 0px;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	color: var(--richtable-header-search-icon-color);
}

.rich-table-header .rich-header .rich-header-options {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	margin-left: 15px;
}

.rich-table-header .rich-header .rich-header-options .rich-table-auto-filter {
	cursor: pointer;
	margin-right: 10px;
}

.rich-table-header .rich-header .rich-header-options .rich-header-sort {
	color: var(--richtable-header-sort-color);
	display: flex;
	flex-direction: column;
	margin: -5px 0px;
	padding: 0;
	align-items: center;
	justify-content: space-evenly;
	line-height: 10px;
}

.rich-table-header .rich-header .rich-header-options .rich-header-sort div {
	cursor: pointer;
}

.rich-table-header .rich-header .rich-header-options .rich-header-sort div.active {
	color: var(--richtable-header-text-color);
}

.unchecked-checkbox {
	color: var(--richtable-checkbox-color);
}

.rich-table thead {
	background: var(--richtable-header-background-color);
}

.rich-table thead th {
	border-bottom: 1px solid var(--richtable-header-border-color);
}

.rich-table.fixed-header thead {
	position: sticky;
	top: 0px;
	z-index: 999;
}

.rich-table .autofilter-display {
	text-align: left;
}

.rich-table-header-group {
	display: flex;
	flex-direction: row;
	column-gap: 10px;
}

.rich-table-button-group {
	display: flex;
	flex-direction: row;
	column-gap: 10px;
	margin: 2px 10px 10px 0;
}

.rich-table-button-group > button {
	width: 25px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.rich-table-paging {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	margin-top: 2px;
	width: fit-content !important;
	max-width: 740px !important;
}

.rich-table-paging .page-size span {
	display: flex;
	align-items: center;
}

.paging-buttons {
	display: flex;
	align-items: center;
	flex-direction: row;
	border-left: 2px solid var(--richtable-paging-buttons-border-color);
	border-right: 1px solid var(--richtable-paging-buttons-border-color);
	border-top: 1px solid var(--richtable-paging-buttons-border-color);
	border-bottom: 1px solid var(--richtable-paging-buttons-border-color);
	background-color: var(--richtable-paging-buttons-background-color);
}

.paging-button.paging-input {
	position: relative;
	border: 0;
	border-left: 0;
	border-right: 0;
	display: flex;
	align-items: center;
}

.total-pages {
	position: absolute;
	right: 8px;
	top: 8px;
}

.paging-input input,
.paging-input .page-count {
	width: 55px;
	text-align: center;
	border: 0 !important;
	border-radius: var(--default-border-radius);
	box-sizing: border-box;
}

.paging-input .page-count {
	padding: 10px;
}

.paging-button {
	margin-left: -1px;
}

button.button-clear {
	padding-left: 10px;
	padding-right: 10px;
	width: 37px;
	background-color: var(--button-clear-background-color);
	border: 0;
	color: var(--button-clear-color);
	border-radius: 0;
	border-left: 0;
	border-right: 0;
}

button.button-clear:disabled {
	color: var(--button-clear-color-disabled);
	border: 0 !important;
}

.text-bold {
	font-weight: bold;
}

.is-busy {
	margin-left: 15px;
	font-size: 20px;
}

.rich-table-paging-container {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.rich-table-paging-container .search-component {
	margin-bottom: 10px;
}

.rich-table .lender-action-column {
	width: 150px;
}

.rich-table .lender-action-column button {
	width: 70px;
}

.rich-table .rich-table-rows {
	position: relative;
	/*z-index: 0;*/
}

.rich-table .rich-table-rows.left {
	z-index: 1;
}

.rich-table-actions button.button-edit,
.rich-table-actions button.button-delete,
.rich-table-actions button.button-info {
	min-width: 70px;
	width: auto;
	padding: 0;
}

.rich-table tbody tr {
	transition: all 0.2s ease-out;
}

.rich-table tbody tr:hover {
	background: var(--richtable-row-color-hover) !important;
	transition: all 0.2s ease-out;
}

.rich-table tbody tr:nth-child(2n) {
	background: var(--richtable-alternating-background-color);
}

/* =============================
    ***************************

       Autocomplete Component

    ***************************
   ============================= */

.dropdown-container {
	position: relative;
}

.dropdown-container.open .saturn-icon,
.dropdown-container.open input {
	border-bottom-right-radius: 0px !important;
	border-bottom-left-radius: 0px !important;
}

.dropdown-container .dropdown {
	position: absolute;
	/*min-width: calc(100% - 2px);*/
	min-height: 1px;
	border: 1px solid var(--dropdown-container-color-border-2);
	border-top: none;
	overflow: auto;
	max-height: 400px;
	z-index: 99;
	background-color: var(--background-color);
}

.dropdown-container .dropdown.right {
	right: 0;
}

.dropdown-container .dropdown.up {
	top: 0;
	transform: translateY(-100%);
}

.dropdown-container .dropdown ul {
	list-style: none;
	padding: 10px 0;
	margin: 0;
}

.dropdown-container .dropdown ul .list-item {
	box-sizing: border-box;
	width: 100%;
	padding: 7px 20px 5px;
	text-transform: uppercase;
}

.dropdown-container .dropdown ul .list-item:hover,
.dropdown-container .dropdown ul .list-item-selected {
	background-color: var(--main-color);
	cursor: pointer;
	color: var(--dropdown-container-color-hover);
}

/* =============================
    ***************************

             Tooltips

    ***************************
   ============================= */

.tooltip-container {
	box-sizing: border-box;
	/*position: absolute;*/
	display: flex;
	/*width: 100%;*/
}

.tooltip-container .tooltip-gap {
	margin-bottom: 7px;
}

.tooltip-container .caption {
	text-decoration: underline;
	width: 100%;
	cursor: pointer;
}

.tooltip-container.disabled .caption {
	text-decoration: none;
	cursor: default;
}

.tooltip-container:hover {
}

.tooltip-container:hover .tooltip {
	display: inline-block;
	transition: display 0.3s 0.1s;
}

.tooltip-container .tooltip,
.dropdown-container .floating-details {
	position: fixed;
	display: none;
	background-color: var(--dropdown-container-background-color);
	border: 1px solid var(--dropdown-container-color-border);
	color: var(--dropdown-container-color);
	padding: 10px;
	z-index: 99999999;
}

.tooltip-error.tooltip-container .tooltip {
	background-color: var(--error-color) !important;
	color: white !important;
}

.tooltip-container .tooltip.pointer-left:after,
.tooltip-container .tooltip.pointer-right:before,
.tooltip-container .tooltip.pointer-bottom:before,
.tooltip-container .tooltip.pointer-top:after,
.dropdown-container .floating-details.pointer-left:after,
.dropdown-container .floating-details.pointer-right:before,
.dropdown-container .floating-details.pointer-bottom:before,
.dropdown-container .floating-details.pointer-top:after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	position: absolute;
}

.tooltip-container .tooltip.pointer-left:after,
.dropdown-container .floating-details.pointer-left:after {
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	border-left: 8px solid var(--dropdown-container-color-border);
	right: -8px;
	top: calc(50% - 8px);
}

.tooltip-container .tooltip.pointer-right:before,
.dropdown-container .floating-details.pointer-right:before {
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	border-right: 8px solid var(--dropdown-container-color-border);
	left: -8px;
	top: calc(50% - 8px);
}

.tooltip-container .tooltip.pointer-bottom:before,
.dropdown-container .floating-details.pointer-bottom:before {
	border-bottom: 8px solid var(--dropdown-container-color-border);
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	top: -8px;
	left: calc(50% - 8px);
}

.tooltip-container .tooltip.pointer-top:after,
.dropdown-container .floating-details.pointer-top:after {
	border-top: 8px solid var(--dropdown-container-color-border);
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	bottom: -8px;
	left: calc(50% - 8px);
}

/* =============================
    ***************************

        PanelBuyersOrder

    ***************************
   ============================= */
.purchase-figures-divider {
	background-color: var(--purchase-figures-divider-background-color);
	height: 100%;
}

/* =============================
    ***************************

        PanelTradeInVehicle

    ***************************
   ============================= */
.deal-locked {
	position: absolute;
	display: flex;
	z-index: 112;
	bottom: 9px;
	align-items: flex-end;
	padding-left: 15px;
}

.deal-locked > div {
	background-color: var(--print-color);
	height: 31px;
	display: flex;
	align-items: center;
	padding: 0 10px;
	border-left: 5px solid var(--tradein-vehicle-deal-locked-div-border-color);
	font-size: 15px;
}

.deal-locked > div.yellow {
	background-color: transparent !important;
	border: 2px solid var(--success-color-border);
	border-left: 5px solid var(--success-color-border);
}

.flex-responsive.wizard-content {
	overflow: initial !important;
}

.flex-responsive {
	display: flex !important;
	flex-direction: column;
	justify-content: flex-start !important;
	height: calc(100% - 15px);
}

.flex-responsive fieldset {
	height: fit-content;
}

.wizard-content .trade-in-type fieldset {
	display: flex;
	align-items: center;
}

.wizard-content .trade-in-type fieldset label {
	margin-top: 3px;
	margin-left: 5px;
	margin-right: 20px;
}

.wizard-content .trade-in-lien-add-button {
	align-self: end;
}

.radio-button-inline,
.radio-button-inline > div {
	display: flex !important;
	align-items: center;
	gap: 10px;
}

.radio-button-inline.radio-fieldset {
	height: auto;
}

.wizard-content .radio-button-inline label {
	margin-top: 3px;
	text-align: left;
	padding-left: 3px;
	padding-right: 5px;
	display: flex;
	gap: 5px;
}

.wizard-content .need-owner-info span {
	margin-right: 10px;
}

.wizard-content .need-owner-info label {
	margin-right: 5px;
}

.wizard-content .add-new-vehicle {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 200px;
}

.wizard-content .add-new-vehicle div {
	font-size: 18px !important;
	color: var(--wizard-content-add-new-vehicle-color);
}

.wizard-content .add-new-vehicle .fa-stack {
	animation: growShrink;
	animation-iteration-count: infinite;
	animation-duration: 2s;
	animation-timing-function: linear;
	cursor: pointer;
	background-color: transparent;
	border: none;
}

.wizard-content .add-new-vehicle .fa-stack:hover {
	box-shadow: none;
}

.wizard-content .add-new-vehicle .fa-stack:disabled {
	box-shadow: none;
	border: none !important;
}

.wizard-content .add-new-vehicle .fa-stack .fa-stack-2x {
	color: var(--main-color);
	transition: color 0.3s linear;
	margin-top: -70px;
}

.wizard-content .add-new-vehicle .fa-stack:hover .fa-stack-2x {
	color: var(--success-color);
	transition: color 0.3s linear;
}

.wizard-content .add-new-vehicle .fa-stack .fa-stack-1x {
	margin-top: -70px;
}

@keyframes growShrink {
	0% {
		transform: scale(1);
		opacity: 1;
	}

	50% {
		transform: scale(0.95);
		opacity: 0.95;
	}

	100% {
		transform: scale(1);
		opacity: 1;
	}
}

.good {
	color: var(--success-color);
}

.bad {
	color: var(--error-color);
}

.normal {
	color: var(--text-color);
}

span.boldedspan,
.bold {
	color: var(--text-color) !important;
	font-weight: bold;
}

.just-bold {
	font-weight: bold;
}

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

span.displaypriceitalic {
	font-style: italic;
}

span.displaypricestrikethrough {
	text-decoration: line-through;
}

span.displaypricebold {
	font-weight: bold;
	margin-top: 0 !important;
}

fieldset[disabled] .input-radio,
fieldset[disabled] .input-checkbox {
	color: var(--fieldset-input-color-disabled);
}

[invalid='true'] {
	color: var(--error-color);
}

span.valuespan {
	color: var(--span-valuespan-color);
}

.rtl {
	direction: rtl;
}

input[type='radio' i] {
	margin: 0;
}

.input-uppercase input {
	text-transform: uppercase;
}

.input-uppercase input::placeholder {
	text-transform: none;
}

.presentation-section {
	grid-template-rows: 130px 55px 130px;
}

.is-rate-locked {
	position: relative;
	box-sizing: border-box;
}

.locker {
	position: absolute;
	top: -5px;
	left: -5px;
	right: -5px;
	bottom: -5px;
	grid-row: 1/3;
	z-index: 9;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	font-size: 95px;
	color: var(--locker-color);
	-webkit-transition: opacity linear 0.4s;
	transition:
		opacity linear 0.4s,
		background-color linear 0.4s;
	border: 2px solid var(--main-color);
	background-color: var(--locker-background-color);
}

.locker.no-action {
	pointer-events: none;
}

.locker:hover,
.on-first-load {
	opacity: 0.6;
	cursor: pointer;
	transition: opacity linear 0s;
	background-color: var(--main-color);
}

.locker:hover .locker-container,
.locker.on-first-load .locker-container {
	opacity: 1;
	transition: opacity linear 0s;
}

.locker .locker-container {
	display: flex;
	flex-direction: column;
	align-items: center;
	opacity: 0;
	transition: opacity linear 0.5s;
}

.locker .locker-container .caption {
	font-size: 19px;
	margin-top: 10px;
}

/*EXTRAS no location yet*/

/* =============================
    ***************************

        Info ModalsContainer

    ***************************
   ============================= */

.info-modals-container {
	position: absolute;
	background-color: var(--black-70percent);
	z-index: 999999;
	top: -107px;
	display: flex;
	flex-direction: column;
	opacity: 1;
}

.info-modals-container.close {
	opacity: 0;
	transition: opacity 0.3s ease-in-out;
}

.info-modals-container .video-container {
	background-color: var(--black-70percent);
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 9999;
	display: flex;
	justify-content: center;
	align-items: center;
}

.info-modals-container .video-container .vid_player {
	width: 1630px;
	margin-top: -82px;
}

.info-modals-container .video-container .vid_player::-webkit-media-controls-volume-slider {
	pointer-events: none;
}

.info-modals-container .video-container.vid_player::-webkit-media-controls-mute-button {
	pointer-events: none;
}

.info-modals-container .modal-container {
	border-radius: 0px !important;
	flex-grow: 1;
}

.info-modals-container .modals-container {
	flex-grow: 1;
	display: flex;
	row-gap: 60px;
	column-gap: 60px;
	flex-direction: row;
	flex-wrap: wrap;
	padding: 40px 40px 10px;
}

.info-modals-container .modals-container .modal-header {
	font-size: 26px;
	padding: 10px 15px;
}

.info-modals-container .modals-container .modal-header i {
	font-size: 35px;
	color: var(--error-color);
	margin-right: 10px;
}

.info-modals-container .modals-container .modal-body {
	height: 360px;
	overflow: auto;
	font-size: 19px;
}

.info-modals-container .modals-container .modal-body p {
	margin-bottom: 25px;
}

.info-modals-container .modals-container .modal-body i {
	font-size: 11px;
	margin-right: 10px;
}

.info-modals-container .button-container {
	height: 80px;
	display: flex;
	align-items: center;
	height: 140px;
	justify-content: center;
	z-index: 99999;
}

.info-modals-container .button-container button {
	font-size: 36px;
	height: auto;
	width: auto;
	padding: 15px 30px;
}

/*------------------------------------------*/
/*                 Extras                   */
/*------------------------------------------*/

.page-container {
	margin: 0 !important;
	padding: 0 !important;
	position: relative;
}

/*------------------------------------------*/
/*             Customer Screen              */
/*------------------------------------------*/

.disconnect-container {
	position: absolute;
	margin-top: -100px;
}

.button-accept.disconnect {
	height: auto;
	font-size: 24px;
	padding: 30px;
	font-size: 40px;
	height: auto;
	padding: 25px 65px;
	margin-top: 589px;
}

/* =============================
    ***************************

            Accounting

    ***************************
   ============================= */
.accounting .amount-container {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}

.accounting .amount-container .amount-value {
	font-size: 0.75rem;
	display: flex;
	justify-content: flex-end;
	width: 100%;
}

.accounting .amount-container .amount-value span {
	transition: var(--transition);
	height: 100%;
	padding: 3px;
}

.accounting .amount-container .amount-value span:hover {
	background: var(--border-color);
}

.accounting .amount-container .math-seperator {
	border-bottom: 2px solid var(--border-color);
	width: 100%;
	margin: 2px 0;
	position: relative;
}

.accounting .amount-container .math-seperator::before {
	content: '+';
	position: absolute;
	right: 90%;
	bottom: 0;
}

.accounting .amount-container .total {
	font-weight: 500;
}

.accounting .name-container {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	transition: var(--transition);
	word-break: break-word;
}

.accounting .name-container:hover {
	color: var(--main-color);
}

.accounting .name-container span.path-name {
	font-size: 0.65rem;
	font-weight: 700;
	color: var(--disabled-color);
}

.accounting i.override-icon {
	color: var(--main-color);
	position: relative;
	animation: 10s rotate infinite;
	animation-timing-function: linear;
}

.accounting div:has(h2.not-found-title) {
	position: relative;
	height: 80%;
	overflow: hidden;
}

.accounting h2.not-found-title {
	color: var(--third-color);
	position: absolute;
	top: 40%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-wrap: nowrap;
	max-width: 80%;
	overflow: hidden;
	display: flex;
	align-items: center;
	animation: fadeIn 0.2s ease-out;
}

.accounting h2.not-found-title span.searchText,
.accounting .pop-up .message {
	display: inline-block;
	color: var(--main-color);
	font-weight: 700;
	max-width: 10ch;
	overflow: hidden;
	text-wrap: nowrap;
	text-overflow: ellipsis;
}
/* =============================
    ***************************

       Hovered - Descriptions

    ***************************
   ============================= */
.hovered-desc {
	position: relative;
}

.hovered-desc::before {
	content: attr(data-title) !important;
	font-size: 0.8rem;
	left: 50%;
	transform: translateX(-50%);
	white-space: pre-line; /* Add this line */
}

.hovered-desc.left::before {
	top: 50%;
	left: unset;
	right: 102%;
	transform: translateY(-50%);
}

.hovered-desc.right::before {
	top: 50%;
	left: 102%;
	right: unset;
	transform: translateY(-50%);
}

.hovered-desc::before,
.accounting .input-component .saturn-icon:has(i.override-icon)::before {
	display: none;
	background-color: var(--disabled-color);
	color: var(--background-color);
	text-align: center;
	border-radius: 4px;
	padding: 5px;
	position: absolute;
	z-index: 1;
	top: 102%;
	opacity: 0;
	width: max-content;
}

.accounting .input-component .saturn-icon:has(i.override-icon)::before {
	content: 'Overriding Formula';
}

.accounting .input-component .saturn-icon:has(i.override-icon):hover::before,
.hovered-desc:hover::before {
	display: block;
	animation: fadeIn 0.3s ease-out forwards;
}

/* Media Queries for ipad breackpoints  /
/ TODO: We need to redesign everything mobile first */
@media screen and (min-width: 1201px) {
	#app.ipadMode {
		zoom: 1;
	}
}

@media screen and (max-width: 1200px) {
	#app.ipadMode {
		zoom: 0.59;
	}
}

@media screen and (max-width: 1024px) and (min-width: 891px) {
	#app.ipadMode {
		zoom: 0.48;
	}
}

@media screen and (max-width: 890px) and (min-width: 761px) {
	#app.ipadMode {
		zoom: 0.41;
	}
}

@media screen and (max-width: 760px) {
	#app.ipadMode {
		zoom: 0.39;
	}
}

/*------------------------------------------*/
/*             Pill                         */
/*------------------------------------------*/

.pill-container {
	display: flex;
	gap: 5px;
	padding: calc(var(--size) * 0.75);
	height: -moz-fit-content;
	height: fit-content;
	align-items: center;
	justify-content: flex-start;
	text-wrap: nowrap;
	font-size: var(--size);
	border-radius: 100px;
	font-weight: 500;
	/* color: var(--third-color); */
	transition: var(--transition);
	transition-duration: 0.5s;
}

.pill-container .c-pill {
	font-weight: bold;
	white-space: nowrap;
	border-radius: 100px;
	font-size: var(--size);
}

.pill-container .status-dot {
	border-radius: 50%;
	width: 1em;
	aspect-ratio: 1;
	transition: var(--transition);
	transition-duration: 0.5s;
}
/* .c-pill::before {
    content: "";
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 5%;
    height: 50%;
    aspect-ratio: 1;
    transform: translateY(-50%);
} */
.c-pill--unknown {
	--pill-color: var(--pill-info-unknown);
}

.c-pill--partial-success {
	--pill-color: var(--pill-partial-success-color);
}

.c-pill--success {
	--pill-color: var(--pill-success-color-light);
	--text-color: var(--pill-text-success-color);
	--pill-dot-color: var(--pill-success-color);
}

.c-pill--warning {
	--pill-color: var(--pill-warning-color-light);
	--text-color: var(--pill-text-warning-color);
	--pill-dot-color: var(--pill-warning-color);
}

.c-pill--danger {
	--pill-color: var(--pill-danger-color-light);
	--text-color: var(--pill-text-danger-color);
	--pill-dot-color: var(--pill-danger-color);
}

.c-pill--info {
	--pill-color: var(--pill-info-color-light);
	--text-color: var(--pill-text-info-color);
	--pill-dot-color: var(--pill-info-color);
}

.pill-container {
	background: var(--pill-color);
	color: var(--text-color);
}

body.dark-palette .pill-container {
	background-image: linear-gradient(rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.75));
}

.pill-container .status-dot {
	background: var(--pill-dot-color);
}

/*------------------------------------------*/
/*             Callout                      */
/*------------------------------------------*/

.callout {
	padding: 1em;
	border-radius: 3px;
	border-left: 0.25rem solid;
}

.callout--info {
	color: var(--callout-info-text-color);
	background-color: var(--callout-info-background-color);
	border-left-color: var(--callout-info-border-color);
}

.callout--warn {
	color: var(--callout-warning-text-color);
	background-color: var(--callout-warning-background-color);
	border-left-color: var(--callout-warning-border-color);
}

.callout--error {
	color: var(--callout-error-text-color);
	background-color: var(--callout-error-background-color);
	border-left-color: var(--callout-error-border-color);
}

.callout--success {
	color: var(--callout-success-text-color);
	background-color: var(--callout-success-background-color);
	border-left-color: var(--callout-success-border-color);
}