/*#region TPCOMMON VARIABLES*/
:root {
	--menu-height: 0px;
	--blue: #007bff;
	--blue-variant: #0069d9;
	--light-blue: #66c6d7;
	--light-blue-variant: #478a96;
	--white: #ffffff;
	--red: #9a0000;
	--red-variant: #6b0000;
	--red-tint: #ff5f5f;
	--blue-dk: #032e3f;
	--blue-dk-variant: #022432;
	--green: #009a9a;
	--green-variant: #006b6b;
	--white: #ffffff;
	--light-grey: #e9ecef;
	--light-gray: var(--light-grey);
	--light-grey-variant: #d0d0d0;
	--light-gray-variant: var(--light-grey-variant);
	--light-grey-tint: #f8f8f8;
	--light-gray-tint: var(--light-grey-tint);
	--dark-grey: #6c757d;
	--dark-gray: var(--dark-grey);
	--dark-grey-variant: #505050;
	--dark-gray-variant: var(--dark-grey-variant);
	--dark-grey-tint: #979797;
	--dark-gray-tint: var(--dark-grey-tint);
	--yellow: #e7d400;
	--hyperlink-blue: #007bff;
	/* STATUS COLORS */
	--charcoal: #292b2c;
	--warn-gold: #f0ad4e;
	--success-blue: #5bc0de;
	--success-green: #5cb85c;
	--error-red: #d9534f;
	/* THEME COLORS */
	--theme-primary: var(--blue);
	--theme-primary-variant: var(--blue-variant);
	--theme-secondary: var(--dark-grey);
	--theme-secondary-variant: #5a6268;
	--theme-tertiary: #12395d;
	--theme-tertiary-variant: #0c2741;
	--theme-foundation: #ffffff;
	--theme-foundation-variant: #f7f7f7;
	--theme-success: #5cb85c;
	--theme-warning: #ffc107;
	--theme-warning-variant: #e0a800;
	--theme-error: #d9534f;
	--theme-danger: var(--theme-error);
	--theme-info: #17a2b8;
}

.theme-primary {
	color: var(--theme-primary);
}

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

.theme-primary-variant {
	color: var(--theme-primary-variant);
}

.bg-theme-primary-variant {
	background-color: var(--theme-primary-variant);
}

.theme-secondary {
	color: var(--theme-secondary);
}

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

.theme-secondary-variant {
	color: var(--theme-secondary-variant);
}

.bg-theme-secondary-variant {
	background-color: var(--theme-secondary-variant);
}

.theme-tertiary {
	color: var(--theme-tertiary);
}

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

.theme-tertiary-variant {
	color: var(--theme-tertiary-variant);
}

.bg-theme-tertiary-variant {
	background-color: var(--theme-tertiary-variant);
}

.theme-foundation {
	color: var(--theme-foundation);
}

.bg-theme-foundation {
	background-color: var(--theme-foundation);
}

.theme-foundation-variant {
	color: var(--theme-foundation-variant);
}

.bg-theme-foundation-variant {
	background-color: var(--theme-foundation-variant);
}

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

.bg-theme-success-variant {
	background-color: var(--theme-success-variant);
}

.theme-warning {
	color: var(--theme-warning);
}

.bg-theme-warning-variant {
	background-color: var(--theme-warning-variant);
}

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

.bg-theme-error-variant {
	background-color: var(--theme-error-variant);
}
/*#endregion*/

/*#region ORDER STATUS COLORS*/
.OrderStatus {
	padding: 2px;
	font-size: 14px;
}

/*/ None /*/
.OrderStatus0 {
	background-color: var(--charcoal) !important;
	color: var(--white) !important;
}

/*/ Pending /*/
.OrderStatus1 {
	background-color: var(--warn-gold) !important;
	color: var(--white) !important;
}

/*/ ordered /*/
.OrderStatus2 {
	background-color: var(--success-blue) !important;
	color: var(--white)  !important;
}

/*/ Paid /*/
.OrderStatus3 {
	background-color: var(--success-green) !important;
	color: var(--white) !important;
}

/*/ Canceled /*/
.OrderStatus4 {
	background-color: var(--error-red) !important;
	color: var(--white) !important;
}

/*/ Abandoned /*/
.OrderStatus5 {
	background-color: var(--error-red) !important;
	color: var(--white) !important;
}
/*#endregion*/

table.FieldStatus {
    max-width: 600px;
}

table.FieldStatus > tbody > tr > td.FieldStatusDate {
    font-weight: bold;
}

table.FieldStatus img {
    float: left;
    margin-right: 0.5rem;
}

table.FieldStatus > tbody > tr > td > div {
    display: inline !important;
}

div.FieldStatusComment {
    display: inline-block;
    vertical-align: top;
}

td.FieldFieldStatusImageComment {
    white-space: pre-wrap;
    text-align: left;
    vertical-align: top;
}

a.disabled {
          pointer-events: none;
          cursor: default;
          opacity: 0.5 !important;
}

.rulesAll {
  border-collapse: collapse; /* Remove space between cells */
  th, td {
    border: 1px solid #ddd; /* Set border style, width, and color */
  }
}

input.OrderId {
    background-color: var(--light-gray) !important;
}