*,
html,
body,
*::before,
*::after {
    box-sizing: border-box;
}

body {
    background-color: var(--almost-white);
    position: relative;
    min-height: 100vh;
}

.material-symbols-rounded,
.material-symbols-outlined {
    position: relative;
    top: 2px;
}

.material-symbols-rounded {
    font-variation-settings:
    'FILL' 0,
    'wght' 400,
    'GRAD' 0,
    'opsz' 48
}

.material-symbols-rounded.filled {
    font-variation-settings:
    'FILL' 1,
    'wght' 400,
    'GRAD' 0,
    'opsz' 40
}

.fa-fw {
    width: 1em;
}

.size-same-as-font {
    font-size: inherit;
}

.w-33 {
    width: 33.33% !important;
}

.mt-10px {
    margin-top: 10px !important;
}

.left-4 {
    position: relative;
    left: -4px;
}

/* TYPOGRAPHY */
body {
    color: var(--dark-grey);
    font-size: var(--text-size);
    font-family: var(--main-font);
    font-weight: var(--main-font-weight);
    letter-spacing: var(--font-spacing);
}

h2 {
    color: var(--main-color);
    text-transform: uppercase;
    font-size: var(--title-size);
    font-weight: var(--medium-font-weight);
    letter-spacing: var(--font-spacing-big);
    /* margin: calc(var(--title-size) * 2) auto; */
    margin: calc(var(--margin-lg) * 2) auto var(--margin) auto;
}

h3,
label,
table th {
    text-transform: uppercase;
    font-size: var(--text-size);
    font-weight: var(--medium-font-weight);
    letter-spacing: var(--font-spacing-big);
}

h4 {
    color: var(--grey);
    text-transform: uppercase;
    font-size: var(--capt-size);
    font-weight: var(--bold-font-weight);
    letter-spacing: var(--font-spacing-big);
}

p {
    margin-bottom: 0;
}

.col p:last-child {
    margin-bottom: 0;
}

a {
    color: var(--main-color);
    font-weight: var(--medium-font-weight);
    text-decoration: underline;
}

a:hover,
a:focus,
a:active {
    color: var(--main-color-dark);
    text-decoration: underline;

}

a.link {
    color: var(--main-color);
    font-size: var(--tag-size);
    font-weight: var(--medium-font-weight);
    text-transform: uppercase;
}

.panel .col a {
    text-decoration: underline;
}

.panel .col a:hover,
.panel .col a:focus,
.panel .col a:active {
    color: var(--main-color-dark);
}

strong {
    font-weight: var(--medium-font-weight);
}

.breadcrumbs a {
    color: var(--grey);
    text-decoration: underline;
}

.form-check-label {
    color: var(--dark-grey) !important;
    font-size: var(--text-size) !important;
    font-family: var(--main-font) !important;
    font-weight: var(--main-font-weight) !important;
    letter-spacing: var(--font-spacing) !important;
    text-transform: capitalize !important;
}

.main-color {
    color: var(--main-color);
}

.dark-color {
    color: var(--main-color-dark);
}

.red {
    color: var(--darker-red);
}

.transparent {
    opacity: 0;
}

.medium {
    font-weight: var(--medium-font-weight);
}

.bold {
    font-weight: var(--bold-font-weight);
}
/*/ TYPOGRAPHY */



/* GENERAL */
/* LOGO */
.TP-logo {
    width: 200px;
}
/*/ LOGO */

/* PADDING */
.px-auto {
    padding-left: .75rem !important;
    padding-right: .75rem !important;
}

.py-auto {
    padding-top: .74rem !important;
    padding-bottom: .75rem !important;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ps-md-auto {
        padding-left: .75rem !important;
    }

    .pe-md-auto {
        padding-right: .75rem !important;
    }

    .px-md-auto {
        padding-left: .75rem !important;
        padding-right: .75rem !important;
    }
}

@media screen and (min-width: 992px) {
    .ps-lg-auto {
        padding-left: .75rem !important;
    }

    .pe-lg-auto {
        padding-right: .75rem !important;
    }

    .px-lg-auto {
        padding-left: .75rem !important;
        padding-right: .75rem !important;
    }
}
/*/ PADDING */

/* FORMS */
.form-check-input[type=checkbox],
.form-check-input[type=radio] {
    margin-right: var(--margin-xxs);
    margin-top: -1px;
    vertical-align: text-top;
    scale: .81;
    border-color: var(--light-grey);
}

.form-check-input:checked:focus {
    border-color: var(--main-color);
    box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);
}

.form-check-input[type=radio]:checked:before {
    border: none;
}

.form-check-input:focus:before,
.form-check-input:checked:focus:before {
    box-shadow: none;
}

.form-check-input[type=radio]:checked:after {
    border-color: var(--main-color);
    background-color: var(--main-color);
}

.form-check-input[type=checkbox]:checked,
.form-check-input[type=checkbox]:checked:focus {
    /* background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3E%3C/svg%3E");;   */
    /* filter: var(--check-filter); */
    background-image: var(--check);
    background-color: var(--almost-white);
}

.form-check-input[type=checkbox]:checked {
    background-color: var(--almost-white);
    border-color: var(--light-grey);
}

.form-check-input[type=checkbox]:focus {
    border-color: var(--main-color-mid-light);
    background-color: var(--almost-white);
    box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);
}

.form-check-input[type=checkbox]:checked:focus:before,
.form-check-input[type=checkbox]:checked:focus:after,
.form-check-input[type=checkbox]:focus:before,
.form-check-input[type=checkbox]:focus:after {
   /* border-radius: .15rem; */
   display: none;
}

.form-check-input[type=checkbox]:checked:after {
    display: none;
}

.form-check-input:disabled,
.form-check-input:disabled~.form-check-label,
.form-check-input[disabled]~.form-check-label {
    opacity: .8;
}

.form-control,
.form-select,
.form-textarea {
    color: var(--dark-grey);
    background-color: #FFF;
    font-size: var(--text-size);
    font-weight: var(--main-font-weight);
    text-transform: initial;
    letter-spacing: var(--font-spacing);
    
    min-height: 32px;
    border: var(--bdr-thick) solid var(--main-color-lighter);
    border-radius: var(--bdr-rad-sm);
    padding: 4.5px 12px 3.68px;
    box-shadow: none;

    cursor: pointer;
}

.form-textarea {
    cursor: text;
}

textarea.form-textarea {
    resize: none;
    height: fit-content;
}

.form-control,
.form-select {
    max-height: 32px;
}

.form-control:focus,
.form-control:focus-visible,
.form-select:focus,
.form-select:focus-visible,
.form-textarea:focus,
.form-textarea:focus-visible {
    outline: none;
    border: var(--bdr-thick) solid var(--main-color-mid-light);
    box-shadow: none;
}

.form-control[type=date] {
    text-transform: initial;
}

.form-control::placeholder,
.form-select::placeholder {
    color: var(--grey);
}

textarea.form-control {
    height: auto;
    min-height: 32px;
    resize: none;
}

.form-textarea {
    max-height: 108px !important;
    text-transform: none;
    overflow: auto;
    display: block;
    background-color: #FFF;
}

.form-textarea:focus-visible {
    outline: none;
    border: var(--bdr-thick) solid var(--main-color-mid-light);
}

.form-textarea:empty::before {
  content: "Notes";
  color: var(--grey);
  text-transform: none;
}

.form-textarea.rows-3 {
    min-height: 68.52px;
}

.form-textarea#ev-ts-info:empty::before {
  content: "Please enter any useful instructions for the onsite team";
}

.form-textarea#ev-location:empty::before {
  content: "Location";
}

.form-textarea#ev-shipping-add:empty::before {
  content: "Shipping Address";
}

.form-textarea#team-mbr-name:empty::before {
  content: "Full Name";
}

.form-textarea#team-mbr-email:empty::before {
  content: "Email";
}

.form-textarea#team-mbr-phone:empty::before {
  content: "Phone";
}

.form-textarea#poc-contact-name:empty::before {
  content: "Full Name";
}

.form-textarea#poc-contact-email:empty::before {
  content: "Email";
}

.form-textarea#poc-contact-phone:empty::before {
  content: "Phone";
}

.form-textarea#message:empty::before {
  content: "Please provide details of your request here.";
}

.form-textarea#cover-letter-text:empty::before {
  content: "Cover letter text";
}

.form-textarea#thank-you-card-text:empty::before {
  content: "Thank you card text";
}

.form-textarea#delivery-address:empty::before {
  content: "Delivery address";
}

.form-textarea#notes:empty::before {
  content: "Please enter any notes or special requests here";
}

.form-textarea#ev-landing-page:empty::before {
  content: "Event landing page";
}

.form-textarea#ev-monday:empty::before {
  content: "Insert URL";
}

.form-textarea#tracking:empty::before {
  content: "Enter up to 5 tracking numbers, one per line";
}

.form-textarea#team-mbr-name:not([contenteditable]):empty,
.form-textarea#team-mbr-email:not([contenteditable]):empty,
.form-textarea#team-mbr-phone:not([contenteditable]):empty {
  display: none;
}

.form-control[disabled],
.form-select[disabled],
.form-textarea:not([contenteditable]) {
    cursor: not-allowed !important;
}

.editable .form-control,
.editable .form-select,
.editable .date-picker {
    box-shadow: none !important;
}

.editable .form-control[disabled],
.editable .form-select[disabled],
.editable .date-picker[disabled],
.editable .form-textarea:not([contenteditable]) {
    color: var(--dark-grey);
    letter-spacing: var(--font-spacing);
    padding-left: 0;
    cursor: text;
    border-color: transparent;
    border-radius: 0;
    border-left: none;
    box-shadow: none;
    background-image: none;
    background-color: #fff;
    height: 32px;
}

input[type=email],
input[type=password],
input[type=url] {
    text-transform: none;
}

/* Radio buttons */
.btn-radio {
    display: none;
}

.btn-radio + label {
    --color: var(--dark-blue);
    --color-bg: var(--lighter-blue);

    font-size: var(--btn-size);
    letter-spacing: var(--font-spacing)!important;
    line-height: 1.7;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: var(--medium-font-weight);

    width: 100%;
    height: 32px;
    text-align: center;
    box-shadow: none !important;
    padding: .3em;
    border-radius: var(--bdr-rad-sm);
    outline: var(--out-thick) solid var(--main-color);
    outline-offset: calc(var(--out-thick) * -1);
    border: none;
    
    color: var(--main-color);
    background-color: var(--almost-white);
}

.btn-radio:hover + label,
.btn-radio:focus + label,
.btn-radio:active + label,
.btn-radio + label:hover,
.btn-radio + label:focus,
.btn-radio + label:active {
    color: var(--color);
    background-color: var(--color-bg);
    text-decoration: none;
    outline: var(--out-thick) solid var(--color-bg);
    cursor: pointer;
}

.btn-radio:checked + label {
    color: var(--almost-white);
    background-color: var(--color);
}

/* inventory */
.inventory .btn-radio {
    display: none;
}

.inventory .btn-radio + label {
    color: var(--dark-grey);
    background-color: #FFF;
    font-size: var(--text-size);
    font-weight: var(--main-font-weight);
    text-align: center;
    text-transform: initial;
    letter-spacing: var(--font-spacing);
    line-height: 1.7;
    text-decoration: none;

    width: 100%;
    min-height: 32px;
    height: auto;
    
    box-shadow: var(--shadow) !important;
    padding: 4.5px 12px 3.68px;
    border-radius: var(--bdr-rad-sm);
    border: var(--bdr-thick) solid var(--main-color-lighter);
    outline: none;
    
    cursor: pointer;
}

.inventory .btn-radio:hover + label,
.inventory .btn-radio:focus + label,
.inventory .btn-radio:active + label,
.inventory .btn-radio + label:hover,
.inventory .btn-radio + label:focus,
.inventory .btn-radio + label:active {
    color: #5890c4;
    background-color: var(--lightest-blue);
    border-color: var(--main-color);
}

.inventory .btn-radio:checked + label {
    color: var(--almost-white);
    background-color: var(--color);
    border-color: var(--main-color);
}
/*/ Radio buttons */

/* Input groups */
.input-group {
    width: auto;
    height: 32px !important;
}

.input-group.col-6 {
    width: 50% !important;
}

.input-group .input-group-text,
.input-group .form-control,
.input-group .input-group-addon {
    min-height: 32px !important;
    height: 32px !important;
    color: var(--dark-grey);
    background-color: #FFF;
    font-size: var(--text-size);
    font-weight: var(--main-font-weight);
    text-transform: initial;
    letter-spacing: var(--font-spacing);
    
    min-height: 32px;
    border: var(--bdr-thick) solid var(--main-color-lighter);
    border-radius: var(--bdr-rad-sm);
    padding: 4.5px 12px 5.5px;
    box-shadow: none;
}

.input-group .input-group-text,
.input-group .input-group-addon {
    display: inline-block;
    width: 32px;
    padding: 4.5px 9px 3.68px;
    text-align: center;
}

.input-group .input-group-text {
    border-right: none;
    padding-right: 8px;
}

.input-group .form-control {
    border-right: none;
    padding-left: 8px;
    padding-right: 0;
}

.input-group .input-group-addon {
    border-left: none;
    padding-right: 6px;
}

.input-group .form-control:focus,
.input-group:focus .input-group-addon
.input-group .form-control:focus + .input-group-addon {
    border-color: var(--main-color);
}

.input-group input:disabled + .input-group-addon {
    display: none;
}
/*/ Input groups */

/* Date picker */
.bootstrap-datetimepicker-widget.dropdown-menu {
    width: auto;
    border: var(--border);
}

.bootstrap-datetimepicker-widget.dropdown-menu.top:before,
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
    border: none;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid var(--main-color-lighter);
    top: -7px;
    left: 7px;
}

.bootstrap-datetimepicker-widget .timepicker .btn {
    color: var(--main-color);
    background-color: #FFF;
}

.bootstrap-datetimepicker-widget table td {
    height: auto;
    line-height: 34px;
}
/*/ Date picker */
/*/ FORMS */

/* TAGS */
.tag {
    font-size: var(--tag-size);
    /* letter-spacing: var(--font-spacing-big); */
    text-transform: uppercase;
    text-decoration: none;
    font-weight: var(--medium-font-weight);
    color: var(--main-color);
    display: inline-block;
    border: none;
    padding: var(--margin-xs) var(--margin-sm);
    border-radius: var(--bdr-rad-sm);
}

.tag-sm {
    text-transform: none;
    padding: var(--margin-xxs) var(--margin-xs);
}

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

.tag-primary-outline {
    color: var(--main-color);
    background-color: var(--almost-white);
    outline: var(--out-thick) solid var(--main-color);
    outline-offset: var(--out-in-thick);
}

.tag-secondary {
    color: var(--darker-purple);
    background-color: var(--light-purple);
}

.tag-blue {
    color: var(--darker-blue);
    background-color: var(--light-blue);
}

.tag-green {
    color: var(--darker-green);
    background-color: var(--light-green);
}

.tag-yellow {
    color: var(--darkest-yellow);
    background-color: var(--light-yellow);
}

.tag-red {
    color: var(--darker-red);
    background-color: var(--light-red);
}

.tag-purple {
    color: var(--darker-purple);
    background-color: var(--light-purple);
}

.tag-grey {
    color: var(--grey);
    background-color: var(--lighter-grey);
}
/*/ TAGS */

/* BUTTONS */
.btn {
    --color: var(--dark-blue);
    --color-bg: var(--lighter-blue);

    font-size: var(--btn-size);
    letter-spacing: var(--font-spacing-big) !important;
    line-height: 1.7;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: var(--medium-font-weight);
    color: var(--almost-white);
    background-color: var(--color);
    border: none;
    padding: .3em 1.2em;
    border-radius: var(--bdr-rad-sm);
    /* box-shadow: var(--shadow-values) var(--color) inset; */
    height: 32px;
    box-shadow: none !important;
}

.btn:hover,
.btn:focus,
.btn:active,
.btn:first-child:active,
.btn:focus-visible,
:not(.btn-check)+.btn:active {
    color: var(--color);
    background-color: var(--color-bg);
    text-decoration: none;
    /* box-shadow: var(--shadow-values) var(--color-bg) inset !important; */
    box-shadow: none !important;
}

.btn-sm {
    padding: .1em .6em;
}

.btn-icon {
    padding: .065em .276em;
}

.btn-sm span {
    font-size: var(--btn-size);
}

.btn-primary {
    --color: var(--main-color);
    --color-bg: var(--main-color-bg);
    /* box-shadow: var(--shadow-values) var(--main-color-mid-light) inset; */
}

.btn-primary-outline {
    color: var(--main-color);
    background-color: var(--almost-white);
    outline: var(--out-thick) solid var(--main-color);
    outline-offset: calc(var(--out-thick) * -1);
    box-shadow: none;
}

.btn-primary-outline:hover,
.btn-primary-outline:focus,
.btn-primary-outline:active {
    color: var(--almost-white) !important;
    background-color: var(--main-color) !important;
}

.btn-secondary {
    --color: var(--darker-purple);
    --color-bg: var(--light-purple);
    /* box-shadow: var(--shadow-values) var(--color) inset; */
}

.btn-blue {
    --color: var(--dark-blue);
    --color-bg: var(--lighter-blue);
    /* box-shadow: var(--shadow-values) var(--color) inset; */
}

.btn-green {
    --color: var(--darker-green);
    --color-bg: var(--light-green);
    /* box-shadow: var(--shadow-values) var(--color) inset; */
}

.btn-yellow {
    --color: var(--darkest-yellow);
    --color-bg: var(--light-yellow);
    /* box-shadow: var(--shadow-values) var(--color) inset; */
}

.btn-red {
    --color: var(--darker-red);
    --color-bg: var(--light-red);
    /* box-shadow: var(--shadow-values) var(--color) inset; */
}

.btn-purple {
    --color: var(--darker-purple);
    --color-bg: var(--light-purple);
    /* box-shadow: var(--shadow-values) var(--color) inset; */
}

.btn-grey {
    --color: var(--dark-grey);
    --color-bg: var(--light-grey);
    /* box-shadow: var(--shadow-values) var(--grey) inset; */
}

.btn-neg {
    color: var(--almost-white);
    background-color: rgba(255,255,255,0.07);
    border: var(--bdr-thick) solid var(--almost-white);
    box-shadow: none;
}

.btn-neg:hover,
.btn-neg:focus,
.btn-neg:active {
    color: var(--almost-white) !important;
    background-color: var(--main-color) !important;
    border-color: var(--main-color) !important;
    box-shadow: none !important;
}

.btn-neg a {
    color: var(--almost-white);
    text-decoration: none;
}

.btn-100w {
    width: 100%;
}

.btn-100h {
    height: 100%;
}

.add-btn {
    width: fit-content;
    float: right;
    color: var(--main-color);
    background-color: var(--almost-white);
    text-align: right;
   /*  font-weight: var(--medium-font-weight);
    text-transform: uppercase; */
    cursor: pointer;
    border: var(--bdr-thick) solid var(--almost-white);
    border-bottom-color: var(--main-color);
    padding: 0 0.375em;
}

.panel .add-btn {
    background-color: #FFF;
    border: var(--bdr-thick) solid #FFF;
    border-bottom-color: var(--main-color);
}

.add-btn:hover {
    color: var(--main-color);
    background-color: var(--almost-white);
    border-radius:var(--bdr-rad-sm);
    border-color: var(--main-color);
}

.add-btn:focus,
.add-btn:active {
    color: var(--almost-white);
    background-color: var(--main-color);
    border-radius:var(--bdr-rad-sm);
    border-color: var(--main-color);
    box-shadow: var(--shadow-inset);
}

.add-btn .material-symbols-rounded.size-same-as-font {
    top: 2px !important;
    color: var(--main-color);
}

.add-btn:focus .material-symbols-rounded.size-same-as-font,
.add-btn:active .material-symbols-rounded.size-same-as-font {
    color: var(--almost-white);
}
/*/ BUTTONS */

/* PANELS */
.panel {
    /* background: #FFFFFF 0% 0% no-repeat padding-box; */
    background-color: #FFF;
    box-shadow: var(--shadow);
    border: var(--border-dark);
    border-radius: var(--bdr-rad);
    opacity: 1;
    padding: 1rem;
    margin: var(--margin-sm) auto;
    position: relative;
}

.line {
    width: 100%;
    height: var(--bdr-thick);
    margin: var(--margin-sm) auto;
    border-bottom: var(--border);
}

.panel h2 {
    margin: 0 auto calc(var(--title-size) * 1) auto;
}

.panel h3,
.panel label {
    color: var(--main-color);
    margin: var(--margin) auto var(--margin-xs) auto;
}

.panel .panel-link {
    position: absolute;
    top: var(--margin);
    right: var(--margin);
    text-transform: uppercase;
    font-size: var(--capt-size);
}

.panel .row {
    margin-bottom: var(--margin);
}

.panel .row:last-child {
    margin-bottom: 0;
}

.panel.files {
    /* height: calc(100% - var(--margin-xl)); */
    height: calc(100% - 24.6px);
}

.panel.files img {
    width: 100%;
    margin: var(--margin-sm) auto;
}

.file-prvw {
    cursor: pointer;
    margin-bottom: var(--margin-xs);
    position: relative;
}

.file-prvw:hover {
    background-color: var(--main-color-lighter);
    border: var(--border);
    border-radius: var(--bdr-rad);
}

.file-prvw .del-file {
    display: none;
    width: 20px;
    height: 20px;
    color: var(--main-color);
    border-radius: 20px;
    position: absolute;
    top: 0px;
    right: 2px;
    opacity: .99;
}

.file-prvw .del-file::before {
    content: "";
    display: block;
    width: 19px;
    height: 19px;
    background-color: #FFF;
    border-radius: 20px;
    position: absolute;
    top: 2.5px;
    left: 2.5px;
    z-index: -1;
}

.file-prvw:hover .del-file {
    display: block;
}

.panel-table-inline {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-direction: column;
}

.panel-table-inline .panel-th {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: var(--margin-xs);
}

.panel-table-inline .panel-tr {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    border-bottom: var(--bdr-thick) solid var(--main-color-lighter);
    min-height: 50px;
    max-height: 60px;
    gap: var(--margin-xs);
    cursor: pointer;
}

.spend .panel-table-inline .panel-tr {
    max-height: none;
}

.panel-table-inline .panel-tr:last-child {
    border-bottom: none;
    margin-bottom: calc(var(--margin-xs) * -1);
    min-height: 42px;
}

.panel-table-inline .panel-tr.no-border {
    border-bottom: none;
}

.panel-table-inline .panel-tr.panel-end {
    border-top: var(--bdr-thicker) solid var(--main-color);
    position: relative;
    top: -1px;
    font-weight: var(--medium-font-weight);
    cursor: initial;
}

.panel-table-inline .panel-tr:last-child p {
    padding-bottom: 0;
}

.panel-table-inline h3,
.panel-table-inline label,
.panel-table-inline p {
    flex: 1 1 0;
    overflow: hidden;
    padding: var(--margin-xs);
    margin: 0;
    max-height: 50px;
}

.spend .panel-table-inline h3,
.spend .panel-table-inline label,
.spend .panel-table-inline p {
    max-height: none;
}

.panel-table-inline h3:first-child,
.panel-table-inline label:first-child,
.panel-table-inline p:first-child {
    padding-left: 0;
}

.panel-table-inline h3:last-child,
.panel-table-inline label:last-child,
.panel-table-inline p:last-child {
    padding-right: 0;
}

/* spend table */
.spend .panel {
    padding: 1rem .5rem;
}

.spend h4 {
    padding-left: .5rem;
}

.spend .panel-th,
.spend .panel-tr {
    padding: 0 .5rem;
}

.spend .panel-tr:hover {
    background-color: var(--main-color-lightest);
}

.spend .panel-end:hover {
    background-color: inherit;
}

.spend .panel-tr p a:not([href]) {
    color: var(--main-color);
    text-decoration: underline;
}
/*/  spend table */

/* jobs table (index, cart) */
.jobs .panel-tr {
    max-height: fit-content;
}

.jobs .panel-tr p a::after {
    content: "\a";
    white-space: pre;
}

.jobs .panel-th h3,
.jobs .panel-tr p {
    flex-grow: 1;
    min-width: min-content;
}

.jobs .panel-th h3:first-child,
.jobs .panel-tr p:first-child,
.jobs .panel-th h3:nth-child(4),
.jobs .panel-tr p:nth-child(4) {
    flex-grow: 2;
    max-height: fit-content;
    min-width: 140px;
}

.jobs .tracking {
    flex-basis: 45px;
    min-width: 100px !important;
}
/*/ jobs table (index, cart) */

/* small screens */
@media screen and (max-width: 767px) {
    .panel .row {
        margin-bottom: 0;
    }
    
    .panel .row .col {
        margin-bottom: var(--margin);
    }

    .panel .row:last-child .col:last-child {
        margin-bottom: 0;
    }

    .panel-table-inline h3,
    .panel-table-inline p {
        flex: 1 1 48%;
    }

    .panel-table-inline .panel-th {
        margin: var(--margin-sm) auto;
    }

    .panel-table-inline .panel-tr {
        max-height: fit-content;
    }
    
    .panel-table-inline h3,
    .panel-table-inline label,
    .panel-table-inline p {
        padding: 0;
        max-height: 60px;
    }

    /* shipping and scoping tables - home */
    .shipping .panel-table-inline .panel-th h3:nth-child(1)::after,
    .scoping .panel-table-inline .panel-th h3:nth-child(1)::after,
    .shipping .panel-table-inline .panel-th h3:nth-child(3)::after,
    .scoping .panel-table-inline .panel-th h3:nth-child(3)::after {
        content: "/";
        text-align: right;
        display: inline-block;
    }

    .shipping .panel-table-inline .panel-th h3:nth-child(1)::after,
    .scoping .panel-table-inline .panel-th h3:nth-child(1)::after {
        width: var(--margin-lg);
    }

    .shipping .panel-table-inline .panel-th h3:nth-child(3)::after,
    .scoping .panel-table-inline .panel-th h3:nth-child(3)::after {
        width: calc(var(--margin-lg) * 1.8);
    }
    /*/ shipping and scoping tables - home */
    
    /* budget table - event details */
    .budget .panel-table-inline .panel-th h3:nth-child(1)::after,
    .budget .panel-table-inline .panel-th h3:nth-child(3)::after {
        content: "/";
        text-align: right;
        display: inline-block;
    }

    .budget .panel-table-inline .panel-th h3:nth-child(1)::after {
        width: var(--margin-lg);
    }

    .budget .panel-table-inline .panel-th h3:nth-child(3)::after {
        width: calc(var(--margin-lg) * 3);
    }
    /*/ budget table - event details */

    /* spend table - event details */
    .spend .panel-table-inline .panel-th h3:nth-child(1)::after,
    .spend .panel-table-inline .panel-th h3:nth-child(3)::after,
    .spend .panel-table-inline .panel-th h3:nth-child(5)::after,
    .spend .panel-table-inline .panel-th h3:nth-child(7)::after {
        content: "/";
        text-align: right;
        display: inline-block;
    }

    .spend .panel-table-inline .panel-th h3:nth-child(1)::after {
        width: calc(var(--margin-lg) * 3.56);
    }

    .spend .panel-table-inline .panel-th h3:nth-child(3)::after {
        width: calc(var(--margin-lg) * 1.2) !important;
    }

    .spend .panel-table-inline .panel-th h3:nth-child(5)::after {
        width: calc(var(--margin-lg) * 1.7);
    }

    .spend .panel-table-inline .panel-th h3:nth-child(7)::after {
        width: calc(var(--margin-lg) * 2.59);
    }
    /*/ spend table - event details */

    /* cart table - event details */
    .cart .panel-table-inline .panel-th h3:nth-child(4)::after,
    .cart .panel-table-inline .panel-th h3:nth-child(5)::after {
        content: "/";
        text-align: right;
        display: inline-block;
    }

    .cart .panel-table-inline .panel-th h3,
    .cart .panel-table-inline .panel-tr p {
        flex-basis: 30%;
    }

    .cart .panel-table-inline .panel-th h3:first-child,
    .cart .panel-table-inline .panel-th h3:nth-child(2),
    .cart .panel-table-inline .panel-tr p:first-child,
    .cart .panel-table-inline .panel-tr p:nth-child(2) {
        flex-basis: 100%;
    }

    .cart .panel-table-inline .panel-th h3:last-child,
    .cart .panel-table-inline .panel-tr p:last-child {
        flex-basis: 20%;
    }

    .cart .panel-table-inline .panel-th h3:nth-child(4)::after,
    .cart .panel-table-inline .panel-th h3:nth-child(5)::after {
        width: var(--margin-sm);
    }
    /*/ cart table - event details */

    /* jobs table */
    .jobs .panel-th h3:first-child,
    .jobs .panel-tr p:first-child {
        flex-basis: 100%;
    }

    .jobs .panel-th h3,
    .jobs .panel-tr p {
        flex-basis: 30%;
    }

    /* .jobs .panel-th h3:not(:first-child)::after {
        content: "/";
        text-align: right;
        display: inline-block;
        width: var(--margin-xs);
    } */

    .jobs .panel-th h3::after {
        content: "/";
        margin-left: 3px;
    }

    .jobs .panel-th h3:nth-child(4)::after {
        margin-left: 4px;
    }

    .jobs .panel-th h3:first-child::after,
    .jobs .panel-th h3:last-child::after {
        display: none;
    }
    /*/ jobs table */

    .panel-table-inline .panel-tr {
        padding: var(--margin) .5rem;
    }
}
/*/ small screens */

/* medium screens */
@media screen and (min-width: 768px) and (max-width: 991px) {
    .panel-table-inline .panel-tr {
        max-height: fit-content;
    }
    
    .panel-table-inline h3,
    .panel-table-inline label,
    .panel-table-inline p {
        max-height: 120px;
    }
}
/*/ medium screens */

/* cart table */
.panel-tr .cart-img img {
    width: 40px;
    height: 40px;
    object-fit: cover;
    margin-right: var(--margin-xs);
}

.cart .panel-tr a {
    text-decoration: underline;
}
/*/ cart table */
/*/ PANELS */

/* PANEL TABLE LINES */
.panel-table .panel-th {
    padding: var(--margin-sm) var(--margin) 0 var(--margin);
    width: 100%;
}

.panel-table .panel-tr {
    padding: var(--margin-xs) var(--margin);
    min-height: 40px;
}

.panel-table .panel-th,
.panel-table .panel-tr {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--margin-xs);
}

.panel-table .panel-th h3,
.panel-table .panel-tr p {
    width: 0;
    max-height: 39px;
    flex-grow: 1;
    overflow: hidden;

    /* one line only */
    /* white-space: nowrap; */

     /* multi line */
     /* text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical; */
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: none;
    overflow: hidden;
    hyphens: auto;
}

.tasks.panel-table .panel-th h3:first-child {
    flex-grow: 2;
    margin-right: 27px;
}

.tasks.panel-table .panel-tr p:nth-child(2),
.tasks.panel-table .panel-tr p:first-child {
    flex-grow: 2;
}

.panel-table .panel-th .form-check-input {
    margin-top: -8px;
}

.panel-table .panel-tr:hover,
.panel-table .panel-tr:active,
.panel-table .panel-tr:focus {
    border: var(--border-focus);
}

.panel-table .panel-tr .tag-container {
    overflow: visible;
}

.panel-tr.high-p {
    background-color: var(--lighter-red);
    border-color: var(--darker-red);
}

.panel-tr.completed {
    background-color: var(--main-color-lighter);
    border-color: var(--main-color-lighter);
    box-shadow: var(--shadow-inset);
    color: var(--grey);
}

/* .panel-tr.high-p .tag-red {
    background-color: var(--darker-red);
    color: var(--almost-white);
} */

/* small screens */
@media screen and (max-width: 767px) {
    .panel-table .panel-th,
    .panel-table .panel-tr {
        gap: var(--margin-xs);
        justify-content: flex-start;
    }

    .panel-table .panel-tr {
        padding: var(--margin);
    }

    .panel-table .panel-th h3,
    .panel-table .panel-tr p {
        width: auto;
        /* flex-grow: initial; */
}

    .panel-table .panel-th h3:first-child,
    .panel-table .panel-tr p:first-child {
            flex-basis: 100%;
    }

    .panel-table .panel-th h3:nth-child(2)::after,
    .panel-table .panel-th h3:nth-child(7)::after{
        content: "/";
        text-align: right;
        display: inline-block;
    }

    .panel-table .panel-th h3:nth-child(2)::after {
        width: calc(var(--margin-lg) * 1.2);
    }

    .panel-table .panel-th h3:nth-child(7)::after {
        width: calc(var(--margin-lg) * .8);
    }

   /* to-dos */
   .tasks.panel-table .panel-th h3:nth-child(1),
   .tasks.panel-table .panel-tr p:nth-child(2) {
        flex-basis: 70%;
   }

   .tasks.panel-table .panel-tr p:nth-child(3) {
        flex-basis: 30%;
   }

   .tasks.panel-table .panel-th h3:nth-child(3)::after,
   .tasks.panel-table .panel-th h3:nth-child(6)::after {
        content: "/";
        text-align: right;
        display: inline-block;
        width: var(--margin);
   }
   /*/ to-dos */
}
/* small screens */

/* medium screens */
@media screen and (min-width: 768px) and (max-width: 991px) {
    .panel-table .panel-tr {
        padding: var(--margin-xs);
        min-height: 40px;
    }
}
/*/ medium screens */

/* large screens */
@media screen and (min-width: 992px) {
    .panel-table .panel-th h3,
    .panel-table .panel-tr p {
        display: -webkit-box !important;
    }
}
/*/ large screens */
/*/ PANEL TABLE LINES */

/*/ GENERAL */
/* HEADER WITH LOGOS */
header {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--margin-xl);
    background-color: var(--main-color-dark);
    padding: 8px 12px;
}

header .material-symbols-rounded {
    top: 0;
    color: white;
}

header .TP-logo {
    margin-left: 0;
}

header .MM-logo {
    width: 120px;
    margin-top: -2px;
}

/* small screens */
@media screen and (max-width: 767px) {
    header {
        height: 44px;
        justify-content: space-between;
        gap: var(--margin);
    }
    header .material-symbols-rounded {
        scale: .8;
    }

    header .TP-logo {
        width: 140px;
    }

    header .MM-logo {
        width: 90px;
    }
}
/*/ small screens */
/*/ HEADER WITH LOGOS */

/* NAVBAR */
.navbar {
    background-color: var(--almost-white) !important;
    border-bottom: var(--bdr-thicker) solid var(--main-color-light);
    padding: 0;
    box-shadow: var(--shadow);
    position: -webkit-sticky;
    position: sticky;
    top: -1px;
    z-index: 1000;
}

.navbar .collapse {
    flex-grow: initial;
}

.navbar .TP-logo {
    /* margin: 5px 16px 0 0; */
    margin-top: 5px;
    position: absolute;
    left: 0;
}

.navbar-nav {
    width: 100%;
    margin-top: calc(var(--bdr-thicker)*-1);
    justify-content: space-between;
}

.nav-item {
    margin-right: var(--margin-sm);
}

.nav-item:last-child {
    margin-right: 0;
}

.nav-item a {
    position: relative;
    top: var(--bdr-thicker);
    letter-spacing: var(--font-spacing-big);
    text-decoration: none;
}

.nav-item a.nav-link {
    color: var(--dark-grey);
    text-transform: none !important;
    height: 44px;
    padding-top: .8rem;
    padding-bottom: .8rem;
}

.nav-item .dropdown-toggle::after {
    position: relative;
    top: 1px;
    display: none;
}

/* icon links on the right */
.navbar .icons ul {
    list-style-type: none;
    display: flex;
    justify-content: flex-end;
    /* position: absolute;
    right: 12px; */
    height: 44px;
    padding-left: 0;
}

.nav-item.help{
    height: 100%;
    margin-right: var(--margin-sm);
}

.nav-item.help:hover a {
    background-color: var(--main-color-lighter);
}

.nav-item.cart,
.nav-item.account {
    height: 100%;
    margin-right: 0;
}

.nav-item.active.cart,
.nav-item.active.account {
    height: 44px;
}

/* .nav-item.cart a,
.nav-item.help a,
.nav-item.account a {
    height: 44px;
    border-bottom: none !important;
} */

.nav-item.help .fa-hand-point-up {
    display: none;
    margin-right: var(--margin);
    /* transform: rotate(90); */
    rotate: 90deg;
}

.nav-item.help a:hover .fa-hand-point-up {
    display: inline;
}

.nav-item.cart a {
    padding-top: 0.6rem;
    padding-bottom: 0.6rem;
}

.nav-item.help span,
.nav-item.account span {
    position: relative;
    top: -2px;
}

.nav-item.cart span.fa-layers-text {
    margin-top: -6px;
    color: var(--main-color);
}

.nav-item.cart .fa-inbox + span.fa-layers-text {
    left: 9px;
    top: 14px;
}

.nav-item:hover > a,
.nav-item:focus > a {
    color: var(--main-color);
    font-weight: var(--medium-font-weight);
    border-bottom: var(--bdr-thicker) solid var(--main-color);
    letter-spacing: calc(var(--font-spacing)*1.763);
}

.nav-item:hover > a .fa-cart-shopping + .fa-layers-text,
.nav-item:focus > a .fa-cart-shopping + .fa-layers-text {
    color: #FFF;
}

.nav-item.active > a .fa-cart-shopping + .fa-layers-text {
    color: var(--dark-grey);
}

.nav-item .btn {
    height: auto !important;
    margin-top: 5.5px;
}

.nav-item.active a {
    border-bottom: none;
}

.navbar-collapse {
    width: 100%;
}

.logos-li {
    /* width: calc(100% - 645px); */
    display: flex;
    justify-content: center;
    align-items: center;
}

.logos-li .logos {
    max-width: 300px;
    /* position: absolute;
    left: 50%;
    top: 11px;
    margin-left: -150px; */
    position: absolute;
    top: 10px;
    left: 40%;
    right: 40%;
}

.logos-li .logos img {
    max-height: 20px;
    margin: 0 auto;
    display: block;
}

.navbar-nav .icons {
    position: absolute;
    right: 0;
    bottom: -1px;
}

.navbar-nav .icons .nav-item:last-child {
    display: none;
}

/* profile pic */
.nav-item.account .nav-link {
    width: 50px;
}

.nav-item .profile-pic {
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    border-radius: 50%;
    /* top: 4px; */
    top: -8px;
    position: relative;
    overflow: hidden;
}

.nav-item .profile-pic:hover::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--main-color);
    opacity: .6;
}

.nav-item .profile-pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
}
/*/ profile pic */
/*/ icon links on the right */

/* active nav item */
.nav-item.active a {
    border-bottom: var(--bdr-thicker) solid var(--accent-color);
    /* box-shadow: 0px -2px 0px 0px var(--darker-red) inset; */ /* alternative to border bottom */
}

.nav-item.active a.nav-link {
    color: var(--accent-color);
    font-weight: var(--medium-font-weight);
    text-transform: none !important;
    letter-spacing: var(--font-spacing);
}
/*/ active nav link */

/* navbar dropdown */
.nav-item .dropdown-menu {
    border: var(--border);
    box-shadow: var(--shadow);
    margin-top: 8px;
    padding: 8px 0;
}

.nav-item.active .dropdown-menu .dropdown-item {
    border: none;
    top: 0;
}

.nav-item .dropdown-menu .dropdown-item {
    font-size: var(--text-size);
    padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
    border-radius: 0 !important;
}

.nav-item .dropdown-menu .dropdown-item:hover,
.nav-item .dropdown-menu .dropdown-item:focus {
    color: var(--almost-white);
    background-color: var(--main-color);
}

.nav-item .nav-link .flag-icon {
    width: 20px;
    margin: -3px auto -1px auto;
}

.nav-item .dropdown-item .flag-icon {
    width: 20px;
}

.nav-item .dropdown-item span {
    vertical-align: middle;
}
/*/ navbar dropdown */

/* small screens menu toggler */
.navbar-toggler {
    border: none;
    padding-left: 0;
    height: 30px;
    margin: var(--margin-xs) auto var(--margin-xs) 0;
}

.navbar-toggler:focus {
    box-shadow: none;
}

.navbar-toggler .material-symbols-rounded {
    position: relative;
    left: -2px;
}

.navbar-toggler label {
    width: 20px;
    height: 2.5px;
    background-color: var(--dark-grey);
    position: absolute;
    cursor: pointer;
    border-radius: 2px;
}
  
.navbar-toggler label::before,
.navbar-toggler label::after {
      content: "";
      width: 20px;
      height: 2.5px;
      background-color: var(--dark-grey);
      position: absolute;
      display: block;
      color: var(--dark-grey);
      transition: all 0.6s var(--animation-curve);
      border-radius: 2px;
}
  
.navbar-toggler label::before {
      top: -250%;
      left: 0%;
      transform: rotateZ(0deg);
      transform-origin: left top;
}
  
.navbar-toggler label::after {
      bottom: -250%;
      left: 0%;
      transform: rotateZ(0deg);
      transform-origin: left bottom;
}
  
.navbar-toggler #toggle:checked ~ label::before {
    content: "";
    background-color: var(--dark-grey);
    transform: rotateZ(41deg);
    left: 10%;
}

.navbar-toggler #toggle:checked ~ label::after {
    content: "";
    background-color: var(--dark-grey);
    transform: rotateZ(-41deg);
    left: 10%;
}

.navbar-toggler #toggle:checked ~ label {
    background-color: transparent;
}

.navbar-toggler #toggle ~ label {
    transition: all 0.5s var(--animation-curve);
}
  
.navbar-toggler input {
    display: none;
}

@media screen and (max-width: 991px) {
    .nav-item.cart,
    .nav-item.help {
        margin-left: 0;
        position: relative;
        right: 0;
    }

    .nav-item {
        margin-right: 0;
    }

    .icons .nav-link {
        margin-right: var(--margin-sm);
    }

    .icons li:last-child .nav-link {
        margin-right: 0;
    }

    /* .nav-item .dropdown-menu {
        border: none;
        background-color: transparent;
        box-shadow: none;
        margin-top: 0;
    } */

    .nav-item .dropdown-menu .dropdown-item {
        padding-left: var(--margin-sm);
    }

    .navbar .icons ul {
        position: relative;
        right: 0;
        padding: 0;
    }

    .nav-item.account .nav-link {
        width: 32px;
    }

    /* icon links on the right - v2 */
    .navbar .settings .navbar-nav {
        flex-direction: row;
        justify-content: end;
        gap: var(--margin-sm);
    }
    /*/ icon links on the right - v2 */
}
/*/ small screens menu toggler */

/* medium screens */
@media screen and (min-width: 768px) and (max-width: 991px) {
    .logos-li {
        width: 100%;
        /* margin-top: -43px; */
    }

    .navbar-nav .logos {
        order: 1;
    }

    .navbar-nav .nav-item {
        order: 2;
    }

    .navbar-nav .icons {
        order: 3;
    }
}
/*/ medium screens */


/* small screens */
@media screen and (max-width: 767px) {
    .navbar-nav .logos-li .logos {
        text-align: right;
        left: auto;
        right: 12px;      
    }

    .navbar-nav .logos-li .logos img {
        width: 80%;
    }

    .navbar-nav .icons {
        position: relative;
        right: -12px;
    }

    .navbar-nav .TP-logo {
        width: 120px;
        margin-top: 2px;
    }

    .navbar-nav .MM-logo {
        width: 80px;
    }

    .navbar-nav .material-symbols-rounded {
        font-size: 18px;
        top: 1px;
    }
}
/*/ small screens */


/*/ NAVBAR */

/* MAIN */
main {
    padding-bottom: 28rem;
    /* margin-bottom: var(--margin); */
}

@media screen and (max-width: 767px) {
    main {
        padding-bottom: 60rem;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    main {
        padding-bottom: 40rem;
    }
}
/*/ MAIN */

/* FOOTER */
footer {
    width: 100%;
    background-color: var(--lighter-grey);
    margin-top: calc(var(--margin-xl) * 3);
    padding: calc(var(--margin)*2) var(--margin-xl);
    text-align: center;
    position: absolute;
    bottom: 0;
    min-height: 15rem;  
}

footer .col {
    text-align: left;
}

footer .title {
    display: block;
    color: var(--main-color);
    font-weight: var(--medium-font-weight);
    text-transform: uppercase;
    margin-bottom: var(--margin-sm);
}

footer .col a {
    display: block;
    color: var(--dark-grey);
    font-weight: var(--main-font-weight);
    text-decoration: none;
}

footer .powered {
    color: var(--main-color);
    
}

footer .form-textarea:empty::before {
  content: "Message";
}

footer .MM-logo {
    max-width: 200px;
}
/*/ FOOTER */

/* PAGINATION */
.pagination .page-link {
    color: var(--main-color);
    font-family: var(--main-font);
    font-size: var(--text-size);
    font-weight: var(--medium-font-weight);
    text-transform: uppercase;
    border: var(--border);
    border-radius: 0;
    text-decoration: none;
}

.pagination .page-link:hover,
.pagination .page-link:focus,
.pagination .page-link:active {
    background-color: var(--main-color-lighter);
    text-decoration: none;
}

.pagination .active .page-link {
    color: var(--almost-white);
    background-color: var(--main-color);
    border-color: var(--main-color);
}

.pagination .disabled .page-link {
    color: var(--grey);
    background-color: var(--lighter-grey);
    /* border-color: var(--lighter-grey); */
}

.pagination .page-item:first-child .page-link {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

.pagination .page-item:last-child .page-link {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

.pagination .page-item {
    margin-left: -1px;
}
/*/ PAGINATION */

/* SPINNER */
.with-spinner .input-group {
    width: 100%;
    height: 32px;
}

.with-spinner .spinner {
    min-height: 32px;
    max-height: 32px;
}

.input-group > .form-control.spinner {
    padding: 1px 2px !important;
}

.input-group > .btn {
    min-width: 32px !important;
}

.with-spinner .input-group .btn {
    background: var(--almost-white);
    border: var(--border);
    box-shadow: none;
    padding: 0.27rem var(--margin-xs);
}

.with-spinner .input-group .btn:hover,
.with-spinner .input-group .btn:focus,
.with-spinner .input-group .btn:active {
    color: var(--almost-white);
    background-color: var(--main-color);
    box-shadow: none !important;
}

#requestMoreStock .with-spinner .input-group {
    width: 100%;
}
/*/ SPINNER */

/* DATE INPUT */
.date-input {
    border: var(--border);
    border-radius: var(--bdr-rad);
    padding: var(--margin-xs) var(--margin-sm) var(--margin-xs) var(--margin);
    padding: 0.375rem 0.75rem;
    height: 32px;
    text-transform: initial;
}

#requestMoreStock .date-input,
#newTask .date-input, 
#taskDetails .date-input {
    width: 100%;
}
/*/ DATE INPUT */

/* DATE RANGE PICKER */
.daterangepicker {
    color: var(--dark-grey);
    font-family: var(--main-font);
    border-color: var(--main-color-lighter);
}

.daterangepicker:before {
    border-bottom-color: var(--main-color-lighter);
}

.daterangepicker select.monthselect,
.daterangepicker select.yearselect {
    color: var(--dark-grey);
    border-color: var(--main-color-lighter);
    border-radius: var(--bdr-rad-sm);
}

.daterangepicker th {
    color: var(--main-color);
    font-weight: var(--medium-font-weight);
}

.daterangepicker .calendar-table .next span,
.daterangepicker .calendar-table .prev span {
    border-color: var(--main-color);
}

.daterangepicker td.off,
.daterangepicker td.off.in-range,
.daterangepicker td.off.start-date,
.daterangepicker td.off.end-date {
    color: var(--grey);
}

.daterangepicker td.in-range {
    color: var(--dark-grey);
    background-color: var(--main-color-lighter);
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
    color: var(--almost-white);
    background-color: var(--main-color);
}

.daterangepicker .drp-buttons .btn {
    font-weight: var(--medium-font-weight);
}

.daterangepicker .cancelBtn {
    color: var(--main-color);
    background-color: var(--almost-white);
    outline: var(--out-thick) solid var(--main-color);
    outline-offset: calc(var(--out-thick) * -1);
    box-shadow: none;
}

.daterangepicker .cancelBtn:hover,
.daterangepicker .cancelBtn:focus,
.daterangepicker .cancelBtn:active {
    color: var(--almost-white) !important;
    background-color: var(--main-color) !important;
    font-family: var(--main-font);
    font-weight: var(--medium-font-weight);
}

.daterangepicker .btn.disabled, .btn:disabled,
.daterangepicker fieldset:disabled .btn {
    color: var(--almost-white);
    pointer-events: none;
    background-color: var(--light-grey);
    border-color: var(--main-color-lighter);
    opacity: var(--bs-btn-disabled-opacity);
}

.daterangepicker td.available:hover,
.daterangepicker th.available:hover,
.daterangepicker .ranges li:hover {
    background-color: var(--lighter-grey) !important;
}

.daterangepicker .ranges li.active {
    background-color: var(--main-color) !important;
}
/*/ DATE RANGE PICKER */

/* MULTISELECT DROPDOWN */
/* dropdown button / toggle */
.bootstrap-select>.dropdown-toggle.bs-placeholder,
.bootstrap-select>.dropdown-toggle.bs-placeholder:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder:hover,
.bootstrap-select>.dropdown-toggle {
    background-color: #FFF;
    border: var(--border);
    box-shadow: none !important;
    height: 32px;
}

.bootstrap-select .dropdown-toggle:focus,
.bootstrap-select>select.mobile-device:focus+.dropdown-toggle {
    outline: none !important;
}

.bootstrap-select .btn.dropdown-toggle.disabled {
    cursor: not-allowed;
    color: var(--dark-grey);
    letter-spacing: var(--font-spacing);
    padding-left: 0;
    cursor: text;
    border-color: #FFF;
    border-radius: 0;
    border-left: none;
    box-shadow: none;
    background-image: none;
    background-color: #fff;
    height: 32px;
    opacity: 1;
}

.bootstrap-select .btn.dropdown-toggle.disabled::after {
    display: none;
}

.bootstrap-select .dropdown-toggle {
    position: relative;
}

.bootstrap-select .dropdown-toggle:after {
    align-self: center;
    position: absolute;
    right: .8em;
    margin: 0;
    border: 0;
    font-family: "Material Symbols Rounded";
    content: "keyboard_arrow_down";
    font-size: var(--title-size);
    color: var(--main-color);
}

.bootstrap-select.dropup .dropdown-toggle:after {
    align-self: center;
    position: absolute;
    right: .8em;
    margin: 0;
    border: 0;
    font-family: "Material Symbols Rounded";
    content: "keyboard_arrow_up";
    font-size: var(--title-size);
    color: var(--main-color);
}

.bootstrap-select .dropdown-toggle .filter-option {
    height: auto;
    align-self: flex-start;
}

.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    color: var(--dark-grey);
    font-size: var(--text-size);
    font-weight: var(--main-font-weight);
    text-transform: capitalize;
    height: 25px;
    white-space: normal;
    overflow: hidden;
}

.bootstrap-select .dropdown-toggle.disabled .filter-option-inner-inner {
    height: auto;
    white-space: normal;
    overflow: visible;
}

.bootstrap-select .dropdown-menu .btn-group {
    box-shadow: none;
}

/**/

/*/ dropdown button */

/* dropdown menu */
.bootstrap-select .dropdown-menu {
    min-width: 260px;
    font-size: var(--text-size);
    border: var(--border);
}

.bootstrap-select .dropdown-menu .bs-searchbox {
    padding: 8px 8px 4px;
}
/*/ dropdown menu */

/* select/deselect all btns */
.bootstrap-select .bs-actionsbox {
    margin: var(--margin-xs) auto;
}

.bootstrap-select .bs-actionsbox .btn-group {
    display: flex;
    gap: var(--margin-sm);
}

.bootstrap-select .bs-actionsbox .btn-group button {
    color: var(--main-color-mid-light);
    background-color: var(--almost-white);
    font-size: var(--capt-size) !important;
    /* outline: var(--out-thick) solid var(--main-color) !important; */
    /* outline-offset: calc(var(--out-thick) * -1); */
    height: auto;
    box-shadow: none;
    padding: 0.125rem 0.25rem !important;
    border-radius: var(--bdr-rad-sm) !important;
    border: var(--border-mid);
}

.bootstrap-select .bs-actionsbox .btn-group button:hover,
.bootstrap-select .bs-actionsbox .btn-group button:focus,
.bootstrap-select .bs-actionsbox .btn-group button:active {
    color: var(--almost-white);
    background-color: var(--main-color-mid-light);
    box-shadow: none !important;
}
/*/ select/deselect all btns */

/* options */
.bootstrap-select .dropdown-item:focus,
.bootstrap-select .dropdown-item:hover {
    color: var(--almost-white) !important;
    background-color: var(--main-color);
}

.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
    color: var(--main-color);
    top: 11px;
}

.bootstrap-select.show-tick .dropdown-menu .selected:focus span.check-mark,
.bootstrap-select.show-tick .dropdown-menu .selected:hover span.check-mark {
    color: var(--almost-white);
}

.bootstrap-select .dropdown-menu>li:first-child,
.bootstrap-select .dropdown-menu>li:first-child .dropdown-item {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
/*/ options */
/* MULTI SELECT DROPDOWN */

/* TOASTS */
.toast {
    width: 250px;
    position: fixed;
    top: 90vh;
    right: 10px;
    z-index: 999999999;
    font-size: var(--text-size);
    color: var(--almost-white);
    background-color: var(--main-color);
    border: var(--bdr-thick) solid var(--main-color);
    box-shadow: var(--shadow);
}

.toast-body {
    padding: calc(var(--bdr-thicker) * 6);
}
/*/ TOASTS */

/* PAGES */
/* EVENTS */
.recent-event {
    position: relative;
}

.recent-event h2 {
    position: relative;
    top: 10px;
}

.recent-event .new-event {
    display: block;
    width: fit-content;
    margin: -32px 0 var(--margin) auto;
}

.recent-event .new-event-tr {
    height: 40px;
    opacity: 0;
    cursor: pointer;
    transition: opacity ease-in-out .6s;
}

.recent-event .new-event-tr:hover {
    opacity: 1;
    border-color: var(--main-color-light);
}

.recent-event .new-event-tr a {
    text-decoration: none;
    margin-top: -5px;
}

.recent-event .new-event-tr a span {
    vertical-align: bottom;
}

.recent-event .new-event-tr a:hover {
    color: var(--main-color);
}

/* panel table */
.recent-event.panel-table .panel-th h3:first-child,
.recent-event.panel-table .panel-tr p:first-child {
    flex-grow: 2;
}

.recent-event .panel-tr {
    cursor: pointer;
}

/* small screens */
@media screen and (max-width: 767px) {
   /* recent events */
   .recent-event.panel-table .panel-th h3:nth-child(2),
   .recent-event.panel-table .panel-th h3:nth-child(5),
   .recent-event.panel-table .panel-th h3:nth-child(6),
   .recent-event.panel-table .panel-tr p:nth-child(2),
   .recent-event.panel-table .panel-tr p:nth-child(5),
   .recent-event.panel-table .panel-tr p:nth-child(6) {
        flex-basis: 30%;
   }

   .recent-event.panel-table .panel-th h3:nth-child(2)::after,
   .recent-event.panel-table .panel-th h3:nth-child(6)::after,
   .recent-event.panel-table .panel-th h3:nth-child(8)::after {
        content: "/";
        text-align: right;
        display: inline-block;
        width: var(--margin);
   }

   .recent-event.panel-table .panel-th h3:nth-child(6)::after {
        width: var(--margin-lg);
   }
   /*/ recent events */
}
/*/ panel table */
/*/ EVENTS */

/* NEW EVENT */
.new-event #trade-show {
    display: none;
}
/*/ NEW EVENT */

/* EVENT DETAILS */
/* HEADING */
.event-head {
    width: 100%;
    height: 50vh;
    min-height: 250px;
    background-image:
    linear-gradient(to bottom, var(--gradient-col1), var(--gradient-col2)),
    url("../images/photos/proj-head.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 0;
    
    color: var(--almost-white);
    text-align: center;
    letter-spacing: var(--font-spacing-big);

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    position: relative;
    margin-bottom: 2rem;
}

/* event head info */
.event-head p {
    font-size: var(--title-size);
    font-weight: var(--bold-font-weight);
}

.event-head h1 {
    text-transform: uppercase;
    letter-spacing: var(--font-spacing-title);
    text-shadow: var(--shadow-text);
    margin: var(--margin) auto;
}

.event-head ul {
    list-style: none;
    display: flex;
    gap: var(--margin-sm);
    padding-left: 0;
}

.event-head .number {
    font-size: var(--title-size);
    font-weight: var(--bold-font-weight);
}

.event-head .label {
    font-size: var(--tag-size);
    text-transform: uppercase;
    color: var(--darkest-yellow);
}

.event-head .separator {
    font-size: var(--title-size);
    font-weight: var(--bold-font-weight);
    position: relative;
    top: calc(var(--margin-xxs) * -1);
}

/* small screens */
@media screen and (max-width: 767px) {
    .event-head {
        padding: 20px;
        height: fit-content;
        margin-bottom: 11rem;
    }

    .event-head p:first-child,
    .event-head h1 {
        scale: .9;
    }
}
/*/ small screens */

/* very small screens */
@media screen and (max-width: 767px) {
    .event-head h1 {
        scale: .75;
        margin: var(--margin) 0;
    }
}
/*/ very small screens */

/* medium screens */
@media screen and (min-width: 768px) and (max-width: 991px) {
    .event-head {
        padding: 20px 20px 40px 20px;
        height: fit-content;
    }
}
/*/ medium screens */
/*/  event head info */

/* event info panel */
.event-head .event-info {
    height: 70px;
    display: flex;
    justify-content: space-between;
    gap: var(--margin-sm);
    position: absolute;
    bottom: -3rem;
}

.event-head .event-info h4,
.event-head .event-info p {
    color: var(--dark-grey);
}

.event-head .event-info p {
    font-weight: var(--main-font-weight);
    font-size: var(--text-size);
    letter-spacing: var(--font-spacing);
}

.event-head .event-info .divider {
    width: 1px;
    height: 60%;
    background-color: var(--main-color);
    position: relative;
    top: 20%;
}

/* small screens */
@media screen and (max-width: 767px) {
    .event-head .event-info {
        width: calc(100% - var(--margin-lg));
        height: auto;
        bottom: -15rem;
        flex-direction: column;
    }

    .event-head .event-info .divider {
        width: 100%;
        height: 1px;
        top: 0;
        left: 0;
    }
}
/*/ small screens */

/* medium screens */
@media screen and (min-width: 768px) and (max-width: 991px) {
    .event-head .event-info {
        bottom: -3rem;
    }
}
/*/ medium screens */
/*/  event info panel */
/*/ HEADING  */

/* EVENT TYPE */
.bootstrap-select.event_type .btn.dropdown-toggle.disabled {
    display: none;
}

.bootstrap-select.event_type .btn.dropdown-toggle {
    display: block;
    margin: 0 16px;
}
/*/ EVENT TYPE */

/* NEW EVENT NAME */
.new-event-name {
    color: var(--main-color);
    text-transform: uppercase;
    font-size: var(--title-size);
    font-weight: var(--medium-font-weight);
    letter-spacing: var(--font-spacing-big);
    /* background-color: var(--almost-white); */
    border: var(--bdr-thick) solid var(--main-color-lighter);
    border-radius: var(--bdr-rad-sm);
    padding: 2.5px 12px .63px; 
}

.ev-details .new-event-name:not([contenteditable]),
.ev-details .new-event-name.contenteditable {
    background-color: var(--almost-white) !important;
    border-color: var(--almost-white) !important;
}

.new-event-name.form-textarea:empty::before {
    content: "Untitled Event";
    color: var(--main-color);
    text-transform: uppercase;
    font-size: var(--title-size);
    font-weight: var(--medium-font-weight);
    letter-spacing: var(--font-spacing-big);
}

.new-event-name:hover {
    border-color: var(--main-color);
    cursor: text;
}
/*/ NEW EVENT NAME */

/* EVENT DETAILS PANELS */
.ev-details .ev-btns {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: var(--margin-sm);
    position: relative;
    /* top: -41px; */
}

.ev-details #pre-show-link {
    margin-top: 7px;
}

.ev-details .container > .row {
    width: calc(100% + 24px);
    position: relative;
    /* top: -32px; */
}

.ev-details.new-ev .container > .row {
    width: calc(100% + 24px);
    position: inherit;
    top: initial;
}

.ev-details .panel {
    height: calc(100% - var(--margin-lg));
}

.new-team-mbrs .col {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.new-team-mbrs p {
    display: inline-flex;
}

@media screen and (max-width: 767px) {
    .ev-details {
        margin-top: 0px;
        margin-bottom: 120px;
        position: relative;
        top: 80px;
    }

    .ev-details .editable .row > .col {
        margin-bottom: 0;
    }

    .ev-details .ev-btns {
        top: -16px;
        flex-direction: column;
    }

    /* .ev-details #pre-show-link {
        top: 24px;
        left: 12px;
    } */

    /* .ev-details .btn.float-end {
        position: relative;
        top: 20px;
        float: left !important;
    } */

    .ev-details .container > .row {
        top: 0;
    }

    /* .ev-details .editable button.editBtn:last-child {
        top: 24px;
    } */
}
/*/ EVENT DETAILS PANELS */

/* FILES PANEL */
.panel.files .add-file {
    justify-content: flex-end;
}

/* .panel.files .add-file input[type=file] {
    --color: var(--main-color);
    --color-bg: var(--main-color-bg);

    height: 32px;
    position: relative;
    flex-basis: 143px !important;
    
    color: var(--color);
    background-color: var(--color-bg);
    font-size: var(--btn-size);
    font-weight: var(--medium-font-weight);
    text-transform: uppercase;
    text-decoration: none;
    
    border: none;
    padding: .3em 1.2em;
    border-radius: var(--bdr-rad-sm);
}

.panel.files .add-file input[type=file]::before {
    content: "add";
    font-family: "Material Symbols Rounded";
    font-size: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0em 1.2em 0em .85em;
    color: var(--almost-white);
    background-color: var(--main-color);
    border: none;
}

.panel.files .add-file input[type=file]::after {
    content: "Add file";
    font-family: var(--main-font);
    position: absolute;
    top: 5px;
    left: 54px;
    width: 100%;
    color: var(--almost-white);
    background-color: var(--main-color);
    font-weight: var(--medium-font-weight);
    text-transform: uppercase;
}

.panel.files .add-file input[type=file]:hover {
    color: var(--main-color);
    background-color: var(--main-color-lighter);
    box-shadow: var(--shadow-values) var(--color) inset !important;
}

.panel.files .add-file input[type=file]:hover::before,
.panel.files .add-file input[type=file]:hover::after {
    color: var(--main-color);
    background-color: var(--main-color-lighter);
} */

/* new version */
.panel.files .add-file {
   flex-direction: column;
   align-content: flex-end;  
}

.panel.files .add-file input[type=file] {
    display: none;
}

.panel.files .add-file input[type=file] + label {
    width: fit-content;
    height: 21px;
    text-transform: initial;
    font-weight: var(--main-font-weight);
    border: var(--bdr-thick) solid #FFF;
    border-bottom-color: var(--main-color);
    padding: 0 0.375em;
    cursor: pointer;
}

.panel.files .add-file input[type=file]:hover + label {
    border-color: var(--main-color);
    border-radius: var(--bdr-rad-sm);
}

.panel.files .add-file input[type=file]:active + label,
.panel.files .add-file input[type=file]:focus + label,
.panel.files .add-file input[type=file]:focus-within + label {
    color: var(--almost-white);
    background-color: var(--main-color);
    border-color: var(--main-color);
    border-radius: var(--bdr-rad-sm);
}
/*/ new version */

/* plus buttons */
.plus-btn::before {
    content: "add";
    font-family: "Material Symbols Rounded";
    font-size: 20px;
    position: relative;
    top: -5px;
    width: 100%;
    padding-right: .5em;
    color: var(--almost-white);
    border: none;
}

.plus-btn span {
    position: relative;
    top: -10px;
}

.plus-btn:hover::before,
.plus-btn:active::before,
.plus-btn:focus::before,
.plus-btn:focus-visible::before {
    color: var(--main-color);
}
/*/ plus buttons */

@media screen and (max-width: 767px) {
    .panel.files .add-file input[type=file] {
        flex-basis: 100% !important;
    }

    .panel.files .add-file input[type=file]::before {
        padding: 0 3.3em;
    }

    .panel.files .add-file input[type=file]::after {
        left: 100px;
    }
}

.files .file-preview {
    border: var(--border);
    margin-bottom: var(--margin);
}

.files .file-preview:hover {
    border: var(--border-focus);
    background-color: var(--main-color);
}

.files .file-preview .file-drop-zone,
.files .file-preview:hover .file-drop-zone,
.files .file-preview .file-drop-zone:hover {
    border: none;
}

.files .file-preview .file-drop-zone-title {
    color: var(--main-color-mid-light);
    font-size: var(--text-size);
    font-weight: var(--medium-font-weight);
}

.files .file-preview:hover .file-drop-zone-title {
    color: var(--almost-white);
}

.files .uploaded-files {
    list-style-type: none;
    margin-top: var(--margin);
    padding: 0;
}

.files .uploaded-files li {
    border-top: var(--border);
    margin: 0;
    padding: var(--margin-xs);
    cursor: pointer;
    display: flex;
    flex-wrap: nowrap;
    gap: var(--margin-sm);
}

.files .uploaded-files li:hover,
.files .uploaded-files li:focus,
.files .uploaded-files li:active {
    background-color: var(--main-color-mid-light);
    color: #FFF;
}

.files .uploaded-files li:first-child {
    border-top: none;
}

.files .uploaded-files li i {
    font-size: 20px;
    position: relative;
    top: 2px;
    margin-left: 10px;
}

.files .uploaded-files span {
    flex-basis: calc(100% - 100px);
    flex-grow: 1;
    padding-top: 3px;
}

.files .uploaded-files li .delete-file {
    display: inline-block;
    float: right;
    color: #ff0000;
    margin: 0px;
    opacity: 0;
}

.files .uploaded-files li:hover .delete-file {
    opacity: 1;
    cursor: pointer;
}
/*/ FILES PANEL */

/* TRADE SHOW INFORMATION PANEL */
.ev-details .tr-show-pnl .delete-hours-btn .material-symbols-rounded {
    top: 5px;
    right: -5px;
    color: var(--dark-red);
    margin-left: 2px;
    cursor: pointer;
}
/*/ TRADE SHOW INFORMATION PANEL */

/* TASKS */
.tasks .panel-table-inline .panel-th h3:nth-child(1)::after,
.tasks .panel-table-inline .panel-th h3:nth-child(3)::after {
    content: "/";
    text-align: right;
    display: inline-block;
}

.tasks .panel-table-inline .panel-th h3:nth-child(1)::after {
    width: var(--margin-lg);
}

.tasks .panel-table-inline .panel-th h3:nth-child(3)::after {
    width: calc(var(--margin-lg) * 3);
}

.tasks .btn.float-end {
    position: relative;
    top: -2.5rem;
}

.tasks .panel {
    cursor: move;
}

.tasks .task-title {
    cursor: pointer;
}
/*/ TASKS */

/* MATERIALS CHECKLIST */
.materials-checklist {
    column-gap: var(--margin-lg);
    column-count: 2;
}

.materials-item-group {
    padding: var(--margin-sm) 0;
    margin: 0 0 1.5em;
    display: inline-block;
    width: 100%;
}

.materials-item-group .materials-item-input {
    padding-right: 0;
    width: 76%;
}

.materials-item-group .material-symbols-rounded,
.materials-item-group .material-symbols-outlined {
    top: 5px;
    right: -5px;
    color: var(--dark-red);
    cursor: pointer;
}

.materials-item-group .materials-item-input .form-control {
    background-color: var(--almost-white);
    border-radius: 0;
    border: none;
    border-bottom: var(--border);
}

.materials-item-group .form-check-input {
    top: 7px;
    margin-right: var(--margin-sm);
}

.materials-item-group .form-check-input.mm-checkbox {
    border-color: orange;
}

.materials-item-group .form-check-input.mm-checkbox[type=checkbox]:checked,
.materials-item-group .form-check-input.mm-checkbox[type=checkbox]:checked:focus {
    background-image: var(--check-mm);
}

.materials-item-group .form-check-input.tp-checkbox {
    border-color: var(--main-color-dark);
}

.materials-item-group .form-check-input.tp-checkbox[type=checkbox]:checked,
.materials-item-group .form-check-input.tp-checkbox[type=checkbox]:checked:focus {
    background-image: var(--check-tp);
}

.editable .materials-checklist .form-check-input.mm-checkbox::after,
.editable .materials-checklist .form-check-input.tp-checkbox::after {
    content:initial !important;
}

.materials-item-group .input-group {
    border-radius: var(--bdr-rad-sm);
}

.materials-item-group .input-group .btn-decrement {
    opacity: 1;
    color: transparent;
    background-color: transparent;
    display: inline-flex !important;
    order: 2;
    height: 17px;
    min-width: 16px !important;
    align-self: start;
    padding: 1px 1px 1px 3px;
    border-radius: 0 var(--bdr-rad-sm) 0 0 !important;
    border-width: var(--bdr-thick);
    border-color: var(--main-color-lighter);
    border-style: solid;
    border-left: none;
    border-bottom: none;
}

.materials-item-group .input-group .btn-increment {
    opacity: 1;
    color: transparent;
    background-color: transparent;
    display: inline-flex !important;
    order: 3;
    height: 15px;
    min-width: 16px !important;
    top: 17px;
    right: 15px;
    padding: 1px 1px 1px 3px;
    border-radius: 0 0 var(--bdr-rad-sm) 0 !important;
    border-width: var(--bdr-thick);
    border-color: var(--main-color-lighter);
    border-style: solid;
    border-left: none;
    border-top: none;
}

.materials-item-group .input-group:hover .btn-decrement,
.materials-item-group .input-group:focus .btn-decrement,
.materials-item-group .input-group:active .btn-decrement,
.materials-item-group .input-group:hover .btn-increment,
.materials-item-group .input-group:focus .btn-increment,
.materials-item-group .input-group:active .btn-increment {
    color: var(--dark-grey);
}

.materials-item-group .input-group .form-control.spinner {
    background-color: transparent;
    width: 54px;
    border-radius: var(--bdr-rad-sm) 0 0 var(--bdr-rad-sm) !important;
    border-width: var(--bdr-thick);
    border-color: var(--main-color-lighter);
    border-style: solid;
    border-right: none;
}

.materials-item-group .completed .materials-item-input input {
    font-style: italic;
    text-decoration: line-through;
    opacity: .8;
}

.editable .materials-checklist .delete-material-btn.visually-hidden,
.editable .materials-checklist .add-material-btn.visually-hidden {
    display: none;
}

.editable .materials-checklist .delete-material-btn,
.editable .materials-checklist .add-material-btn {
    display: inline-block;
}

@media screen and (max-width: 767px) {
    .materials-checklist {
        column-gap: 0;
        column-count: 1;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .materials-checklist {
        column-gap: var(--margin-lg);
        column-count: 2;
    }
}
/*/ MATERIALS CHECKLIST */

/* INVENTORY */
/* new request banner */
.new-req-banner {
    background: rgb(98,128,255);
    background: var(--gradient);
    padding: var(--margin) var(--margin-lg);
    position: -webkit-sticky;
    position: sticky;
    top: 45px;
    /* float: right; */
    /* border-radius: var(--bdr-rad); */
    box-shadow: var(--shadow);
    text-align: center;
    margin-bottom: var(--margin-xl);
    z-index: 10;
    opacity: .9;
}

.new-req-banner p {
    color: var(--almost-white);
    font-size: var(--title-size);
    text-transform: uppercase;
    margin-bottom: var(--margin);
}

@media screen and (max-width: 991px) {
    .new-req-banner  {
        top: 44px;
    }
}
/*/ new request banner */

/* products */
/* .inventory .row {
    width: 100%;
} */

.inventory h3 {
    margin-bottom: var(--margin-lg);
}

.inventory a {
    text-decoration: none;
    color: inherit;
    font-weight: inherit;
}

.inventory .product {
    margin-bottom: var(--margin-xl);
    position: relative;
    cursor: pointer;
}

.inventory .product .prod-img {
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    margin-bottom: var(--margin);
    border: var(--border);
    border-radius: var(--bdr-rad);
    overflow: hidden;
    position: relative;
}

.inventory .product .prod-img::after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.inventory .product img {
    width: 100%;
    height: 100%;
    position: absolute;
    object-fit: cover;
    border-radius: var(--bdr-rad);
}

.inventory .product.at-event .prod-img {
    background-color: var(--red);
}

.inventory .product.ret-warehouse .prod-img {
    background-color: var(--yellow);
}

.inventory .product.at-event img,
.inventory .product.ret-warehouse img {
    opacity: .3;
    filter: grayscale(1);
}

.inventory .product h4 {
    color: var(--darker-grey);
    font-size: var(--text-size);
    font-weight: var(--medium-font-weight);
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    max-height: 28px;
} 

.inventory .product .prod-cat + span.tag,
.inventory .product .prod-stock + span.tag {
    margin-top: var(--margin-xs);
}

@media screen and (max-width: 767px) {
    .inventory form div {
        margin-bottom: var(--margin);
    }

    .inventory form div:last-child {
        margin-bottom: 0;
    }
}

@media screen and (max-width: 991px) {
    .inventory .row {
        width: auto;
    }
}
/*/ products */
/*/ INVENTORY */

/* DRAG AND DROP */
#drop_zone {
    border: var(--border);
    border-radius: var(--bdr-rad);
    width: 100%;
    height: 100px;
    color: var(--main-color-mid-light);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

#drop_zone:hover,
#drop_zone:focus,
#drop_zone:active {
    border: var(--border-focus);
    color: var(--almost-white);
    background-color: var(--main-color);
}
/*/ DRAG AND DROP */

/* CAROUSEL */
#fileDetails .modal-body .row {
    height: calc(100% - 160px);
}

#fileDetails .carousel-control-next-icon,
#fileDetails .carousel-control-prev-icon {
    color: var(--main-color);
}

#fileDetails .carousel-item.active .row {
    display: flex;
}

#fileDetails .carousel-control-next {
    right: 25%;
}

#fileDetails .carousel-indicators {
    width: 75%;
    margin-bottom: -20px;
    margin-left: 0;
}

#fileDetails .info {
    text-align: left;
}

#fileDetails .carousel-indicators img {
    height: 100px;
}

#fileDetails img {
    border: none;
}

#fileDetails .prod-img {
    height: 100%;
    text-align: center;
}

#fileDetails .prod-img img {
    width: auto;
    max-height: 60vh;
    object-fit: contain;
    margin: 0 auto;
}

#fileDetails .carousel-indicators button {
    width: 100px;
}

/* small screens */
@media screen and (max-width: 767px) {
    #fileDetails .prod-img img {
        width: 100%;
        max-height: 41vh;
    }

    #fileDetails .carousel-control-next,
    #fileDetails .carousel-control-prev {
        height: 42%;
    }

    #fileDetails .carousel-control-next {
        right: 0%;
    }

    #fileDetails .carousel-item div:first-child {
        margin-bottom: var(--margin-lg);
    }

    #fileDetails .carousel-indicators {
        margin: 0 auto 20px auto;
    }
}
/*/ small screens */

/* medium screens */
@media screen and (min-width: 768px) and (max-width: 991px) {
    #fileDetails .prod-img img {
        width: 100%;
        max-height: 48vh;
    }

    #fileDetails .carousel-control-next,
    #fileDetails .carousel-control-prev {
        height: 84%;
    }

    #fileDetails .carousel-indicators {
        margin-bottom: 30px;
    }

    #fileDetails .carousel-indicators button {
        width: 60px;
    }
}
/*/ medium screens` */
/*/ CAROUSEL */

/* DOC READER */
#docDetails iframe {
    width: 100%;
    height: calc(100vh - 250px);
    min-height: 450px;
}
/*/ DOC READER */

/* EVENT DETAILS EDITABLE FIELDS */
.container.editable {
    position: relative;
}

/* .editable .form-control:hover,
.editable .form-control:focus,
.editable .form-control:focus-visible,
.editable .form-control:active,
.editable .date-input:hover,
.editable .date-input:focus,
.editable .date-input:focus-visible,
.editable .date-input:hover {
    border-bottom: var(--bdr-thick) solid var(--main-color-lighter);
    outline: none;
} */

/* .editable .form-select:hover,
.editable .form-select:focus,
.editable .form-select:focus-visible,
.editable .form-select:active {
    border-bottom: var(--bdr-thick) solid var(--main-color-lighter);
    outline: none;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%234f4f4f' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E");
} */

.editable select.form-select {
    cursor: pointer;
}

.editable .form-check-input {
    position: relative;
    bottom: 1px;
    margin-right: 0;
}

.editable .form-check-input::after {
    content: "No" !important;
    position: relative !important;
    display: inline-block !important;
    opacity: 1 !important;
    left: 26px;
    bottom: 2.5px;
    scale: 1.2;
}

.editable .form-check-input:checked:after {
    content: "Yes" !important;
    position: relative;
    display: inline-block;
    transform: none;
    margin-left: 0;
}

.editable .form-check-input:active {
    filter: none !important;
}

.editable .panel > .row {
    margin-bottom: var(--margin-xs);
}

.editable .panel > .row > .col {
    display: flex;
    flex-wrap: wrap;
}

.editable .panel .row .col label {
    flex-basis: 100%;
}

/* .editable .panel > .row > .col .form-control {
    flex-basis: calc(100% - 17px);
} */

.editable .form-control + .material-symbols-rounded {
    font-size: var(--title-size);
    margin-top: 8px;
    opacity: 0;
}

.editable .form-textarea + .material-symbols-rounded {
    align-self: flex-end;
    margin-bottom: 6px;
}

.editable .form-control:hover + .material-symbols-rounded {
    opacity: 1;
}

.editable textarea {
    height: 69px;
}
/*/ EVENT DETAILS EDITABLE FIELDS */
/*/ EVENT DETAILS */

/* PRINT PAGES */
.print .panel label {
    margin-top: 0 !important;
}

.bc_details .panel h4 {
    margin-bottom: var(--margin);
}

.bc_details .panel .form-label {
    color: var(--main-color);
    font-size: var(--text-size);
    font-weight: var(--medium-font-weight);
    letter-spacing: var(--font-spacing-big);
    text-transform: uppercase;
}

.user_details .row div {
    margin-bottom: var(--margin);
}

.user_details .row div:nth-last-child(2),
.user_details .row div:last-child {
    margin-bottom: 0;
}

.order_details .input_group {
    width: 100%;
}

.card_details .order_btn,
.order_details .order_btn {
    margin-top: auto;
}

.order_details .order_btn button {
    height: 32px;
}

.bc_preview {
    margin-top: var(--margin-sm);
}

.bc_preview img {
    width: 100%;
    border-radius: var(--bdr-rad);
    border: var(--border-dark);
}

.bc_preview .panel > .row {
    align-items: flex-start;
}

#new-address {
    display: none;
}

#new-address .form-textarea:empty::before {
  content: "Add new address";
}

.job-address .form-textarea:empty::before {
  content: "Add job address";
}

.company-details .form-textarea:empty::before {
  content: "Please enter the Company Name and Contact Details";
}

.job-address .nav-tabs { 
    border-bottom: none;
}

.job-address button.nav-link {
    color: var(--dark-grey);
    text-transform: capitalize;
    font-size: var(--capt-size);
    font-weight: var(--main-font-weight);
    letter-spacing: var(--font-spacing);
    line-height: 1;
    
    margin-right: var(--margin-sm);
    padding: 4.5px 12px 3.68px;
    border-top-left-radius: var(--bdr-rad-sm);
    border-top-right-radius: var(--bdr-rad-sm);
}

.job-address button.nav-link:hover,
.job-address button.nav-link:focus,
.job-address button.nav-link:focus-within {
    color: var(--almost-white);
    background-color: var(--main-color);
    border-color: var(--main-color);
}

.job-address button.nav-link.active,
.job-address button.nav-link.active:hover,
.job-address button.nav-link.active:focus,
.job-address button.nav-link.active:focus-within {
    color: var(--main-color);
    background-color: #FFF;
    border: var(--border);
    border-bottom: none;
}

.job-address .tab-content {
    border: var(--border);
    border-top-right-radius: var(--bdr-rad-sm);
    border-bottom-left-radius: var(--bdr-rad-sm);
    border-bottom-right-radius: var(--bdr-rad-sm);
}

.bc_details .file-required {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.bc_details .file-required .form-check-label {
    margin: 0 var(--margin) 0 0;
}

.bc_details .file-required .form-control {
    width: calc(100% - 94px);
}

.bc_details #plastic-approval,
.bc_details .file-caption {
    display: none;
}

.bc_details #opt-plastic:checked + label + #plastic-approval,
.bc_details #opt-plastic:checked + label + #plastic-approval + .file-caption {
    display: block;
}

.bc_details .file-caption {
    font-style: italic;
    font-size: var(--capt-size);
}

/* small devices */
@media screen and (max-width: 767px) {
    .user_details .row div:nth-last-child(2),
    .card_details .row div:first-child {
        margin-bottom: var(--margin);
    }

    .order_details .col-12:first-child {
        margin-bottom: var(--margin);
    }

    .bc_preview .col-12:first-child {
        margin-bottom: var(--margin);
    }
}
/*/  small devices */

/* medium devices */
@media screen and (min-width: 768px) and (max-width: 991px) {
    .user_details .row div:nth-last-child(3),
    .user_details .row div:nth-last-child(2),
    .user_details .row div:last-child {
        margin-bottom: 0;
    }
}
/*/  medium devices */

/* BC preview */
.bc_preview .bc_user_details .blue,
.bc_preview .bc_office_details .blue {
    color: #1B3E6F;
}

.bc_preview .bc_user_details .white,
.bc_preview .bc_office_details .white {
    color: #FFF;
}

.bc_preview .bold {
    font-weight: 700;
}

.bc_preview .bc_front {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: .94rem;
    letter-spacing: normal;

    position: relative;
}

.bc_preview .bc_user_container {
    width: calc(100% - 24px);
    height: 100%;
    position: absolute;
    top: 0;
    left: 12px;
    padding-top: 16%;
    padding-left: 6%;
}

.bc_preview .bc_user_details {
    width: 100%;
    height: 100%;
    line-height: 1.05em;
}

.bc_preview .bc_user_details p {
    color: #1B3E6F;
}

.bc_preview .bc_user_details .user_name {
    font-size: 1.6em;
    text-transform: uppercase;
}

.bc_preview .bc_user_details .job_title {
    color: #279dd9;
    font-size: 1.3em;
    margin-top: .55em;
}

.bc_preview .bc_user_details .office_address {
    font-weight: 400;
    line-height: 1.2em;
    margin-top: 1em;
    margin-right: 9em;
    margin-bottom: 1em;
}

/* .bc_preview .bc_user_details .user_email {
    margin-top: 1.1em;
}
 */
.bc_preview .bc_user_details .user_email img,
.bc_preview .bc_user_details .user_phones img {
    width: 3.6%;
    width: 20px;
    border: none;
    border-radius: 0;
    vertical-align: top;
    margin-right: .4em;
}

.bc_preview .bc_user_details .user_phones,
.bc_preview .bc_user_details .contact_type {
    letter-spacing: .025em;
    margin-top: .55em;
}

.bc_preview .bc_user_details .user_phones .tel {
    /* width: 3.4%; */
    height: 20px;
    vertical-align: sub;
}

.bc_preview .bc_user_details .user_phones .separator {
    /* width: 1.2%; */
    height: 24px;
    margin: 0 .42em;
    vertical-align: text-bottom;
}

.bc_preview .bc_user_details .user_phones .phone {
    /* width: 2.1%; */
    height: 20px;
    vertical-align: sub;
}

/* DF */
.bc_preview.bc_df .bc_user_details p {
    color: #000;
}

.bc_preview.bc_df .bc_user_details .job_title {
    color: #279dd9;
}
/*/ DF */

/* G3 */
.bc_preview.bc_g3 .bc_front {
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 11.5px;
    letter-spacing: normal;

    position: relative;
}

.bc_preview.bc_g3 .bc_user_details {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: left;
    width: calc(100% - 24px);
    position: absolute;
    top: 0px;
    left: 12px;
    right: 0;
}

.bc_preview.bc_g3 .logo_g3 {
    width: 28%;
    margin-left: 3%;
    margin-right: 3%;
}

.bc_preview.bc_g3 .logo_g3 img {
    border: none;
    opacity: 1;
}

.bc_preview.bc_g3 .bc_user_details p {
    color: #263D6C;
    letter-spacing: .04em;
}

.bc_preview.bc_g3 .bc_user_details .user_name {
    color: #263D6C;
    font-size: 1.875rem;
    margin-bottom: 10px;
    text-transform: none;
}

.bc_preview.bc_g3 .bc_user_details .job_title {
    color: #6AAAD6;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 20px;;
}

.bc_preview.bc_g3 .contact_info {
    display: flex;
    flex-direction: row;
    line-height: 1.4em;
}

.bc_preview.bc_g3 .contact_info .contact_type {
    margin-right: 2%;
}

.bc_preview.bc_g3 .contact_info .contact_type p {
    color: #6AAAD6;
}
/*/ G3 */

/* RESPONSIVE FONT */
@media screen and (max-width: 320px) {
    .bc_preview .bc_user_details {
        transform: scale(.53);
        transform-origin: top left;
        /* min-width: 188%;
        min-height: 188%; */
   } 

   .bc_preview .bc_user_details .office_address {
        margin-right: 0em;
   }

   /* .bc_preview.bc_g3 .bc_user_details {
        min-width: calc(180% - 24px);
        min-height: 188%;
   }  */
}

@media screen and (min-width: 321px) and (max-width: 374px) {
   .bc_preview .bc_user_details {
        transform: scale(.6);
        transform-origin: top left;
        /* min-width: 153%;
        min-height: 153%; */
        width: 110%;
   } 

   /* .bc_preview.bc_g3 .bc_user_details {
        min-width: calc(150% - 24px);
        min-height: 153%;
   }  */
}

@media screen and (min-width: 375px) and (max-width: 424px) {
   .bc_preview .bc_user_details {
        transform: scale(.65);
        transform-origin: top left;
        /* min-width: 153%;
        min-height: 153%; */
   } 

   .bc_preview .bc_user_details .office_address {
        margin-right: 0em;
   }

   /* .bc_preview.bc_g3 .bc_user_details {
        min-width: calc(150% - 24px);
        min-height: 153%;
   }  */
}

@media screen and (min-width: 425px) and (max-width: 767px) {
   .bc_preview .bc_user_details {
        transform: scale(.8);
        transform-origin: top left;
        /* min-width: 133%;
        min-height: 133%; */
   } 

   .bc_preview .bc_user_details .office_address {
        margin-right: 2em;
   }

   /* .bc_preview.bc_g3 .bc_user_details {
        min-width: calc(108.3% - 24px);
        min-height: 108.3%;
   }  */
}

@media screen and (min-width: 768px) and (max-width: 991px) {
   .bc_preview .bc_user_details {
        transform: scale(.6);
        transform-origin: top left;
        /* min-width: 167%;
        min-height: 167%; */
        width: 120%;
   } 

   .bc_preview .bc_user_details .office_address {
        margin-right: 0;
   }

   /* .bc_preview.bc_g3 .bc_user_details {
        min-width: calc(162% - 24px);
        min-height: 167%;
   }  */
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
   .bc_preview .bc_user_details {
        transform: scale(.85);
        transform-origin: top left;
        /* min-width: 167%;
        min-height: 167%; */
   } 

   .bc_preview .bc_user_details .office_address {
        margin-right: 6em;
   }

   /* .bc_preview.bc_g3 .bc_user_details {
        min-width: calc(117% - 24px);
        min-height: 117%;
   }  */
}

@media screen and (min-width: 1200px) and (max-width: 1351px) {
   .bc_preview .bc_user_details {
        transform: scale(1);
        transform-origin: top left;
        /* min-width: 121%;
        min-height: 121%; */
   } 

   /* .bc_preview.bc_g3 .bc_user_details {
        min-width: calc(100% - 24px);
        min-height: 100%;
   }  */
}

/* @media screen and (min-width: 1352px) {
    .bc_preview .bc_user_details {
        transform: scale(1.15);
        transform-origin: top left;
   } 
} */
/*/ RESPONSIVE FONT */
/*/ BC preview */
/*/ PRINT PAGES */

/* NEW REQUEST */
.new-request label {
    color: var(--main-color);
    font-size: var(--text-size);
    font-weight: var(--medium-font-weight);
    letter-spacing: var(--font-spacing-big);
    text-transform: uppercase;
    margin: 0 0 8px 0;
}

.new-request input[type=date] {
    width: 100%;
}


#office-select,
#event-select,
#del-other-add {
    display: none;
}

#del-office:checked + label + input + label +  #office-select,
#del-other:checked + label + div + #del-other-add,
#del-event:checked + label + input + label + input + label + #event-select,
#del-office:checked + label + input + label + div + #office-select,
#del-other:checked + label + div + div + #del-other-add {
    display: flex;
}

/* form by steps */
.new-req-btns {
    display: flex;
    justify-content: space-between;
    gap: 12px;
}

@media screen and (min-width: 768px) {
    .new-req-btns {
        justify-content: center;
    }
    
}

.new-request-form ul {
    list-style-type: none;
    padding: 0;
}

.new-request-form li {
    margin-bottom: var(--margin-sm);
}

.new-request-form li:last-child {
    margin-bottom: 0;
}

.new-request-form .align-right {
    text-align: right;
}

.new-request-form a.underline {
    text-decoration: underline;
}
/* form by steps */
/*/ NEW REQUEST */

/*/ CUSTOM LARGE PACK */

/* CUSTOM LARGE PACK */

/* SHOP */
.inventory .accordion {
    background-color: var(--almost-white);
}

.inventory .accordion h2,
.inventory .accordion h3 {
    margin: 0;
}

.inventory .accordion button:not(.btn),
.inventory .accordion button:not(.btn):hover,
.inventory .accordion button:focus,
.inventory .accordion button:not(.btn):active {
    box-shadow: none;
    background-color: var(--almost-white);
}

.inventory .accordion-button:not(.btn):not(.collapsed) {
    color: var(--main-color);
}

.inventory .accordion-item {
    border-top: none;
    border-left: none;
    border-right: none;
    background-color: var(--almost-white);
}

.accordion-item:last-of-type {
    border-bottom: none;
}

.inventory .accordion-body {
    padding-top: 0;
}

.inventory .accordion-button:not(.collapsed):after {
    background-image: url("../icons/chevron.svg");
}

/* Radio buttons */
.inventory .radio-filter {
    display: flex;
    cursor: pointer;
    font-weight: 500;
    position: relative;
    overflow: hidden;
    margin-bottom: 0.375em;
    height: 32px;
}

.inventory .radio-filter input {
    position: absolute;
    left: -9999px;
}

.inventory .radio-filter span {
    display: flex;
    width: 100%;
    height: 100%;
    background-color: #FFF;
    border: var(--bdr-thick) solid var(--main-color-lighter);
    align-items: center;
    /* justify-content: center; */
    padding: 0.375em 0.75em 0.375em 0.75em;
    border-radius: var(--bdr-rad);
    transition: 0.25s ease;
    box-shadow: none;
    text-transform: uppercase;
}

/* radio btn */
.inventory .radio-filter span:before {
    display: flex;
    flex-shrink: 0;
    content: "";
    background-color: var(--almost-white);
    width: 1.2em;
    height: 1.2em;
    border-radius: 50%;
    margin-right: var(--margin-sm);
    transition: 0.25s ease;
    box-shadow: inset 0 0 0 0.125em var(--main-color);
}

/* hover */
.inventory .radio-filter span:hover {
    background-color: var(--main-color-lightest);
    border: var(--border-focus);
    box-shadow: var(--shadow-inset);
}

/* checked */
.inventory .radio-filter input:checked + span {
    background-color: var(--main-color);
    border: var(--bdr-thick) solid var(--main-color);
    box-shadow: var(--shadow-inset);
    color: var(--almost-white);
}

.inventory .radio-filter input:checked + span:before {
    background-color: var(--main-color);
    box-shadow: inset 0 0 0 0.25em var(--almost-white);
}

.filter-group.border-bottom {
    border-bottom: var(--border);
}
/*/ Radio buttons */
/*/ SHOP */

/* MODALS */
.modal .modal-header {
    border: none;
}

.modal h2 {
    margin: 0;
}

.modal .row {
    margin: 0;
}

.modal .prod-img img {
    width: 100%;
    object-fit: cover;
    border-radius: var(--bdr-rad);
    border: var(--border);
}

.modal h3,
.modal label {
    color: var(--main-color);
    margin: var(--margin) auto var(--margin-xs) auto;
}

.modal .form-check-label {
    margin-bottom: var(--margin) auto;
}

.modal p {
    margin-bottom: var(--margin);
}

.modal button a {
    text-decoration: none;
}

.modal button:hover a,
.modal button:focus a,
.modal button:active a  {
    color: var(--almost-white);
}

.modal .modal-footer {
    border: none;
    justify-content: flex-end;
}

.modal-backdrop {
    background: var(--gradient);
    opacity: .85 !important;
}

.modal-content {
    border-color: #fff !important;
}
/*/ MODALS */

/* PRINT - LARGE PACKS */
#cover-letter-text,
#thank-you-card-text,
#trifold-select {
    display: none;
}

#opt-cover-letter:checked + label + #cover-letter-text,
#opt-thank-you-card:checked + label + #thank-you-card-text,
#opt-trifold:checked + label + #trifold-select {
    display: block;
}
/*/ PRINT - LARGE PACKS */

/* PRINT - OFFICE DISPLAYS */
#frame-select {
    display: none;
}

#opt-frame:checked + label + #frame-select {
    display: block;
}
/*/ PRINT - OFFICE DISPLAYS */

/* LOGIN */
.login {
    background: var(--gradient);
}

.login a {
    text-decoration: underline;
}
/*/ LOGIN */

/* LANDING & WELCOME PAGES */
/* .landing {
    height: 100vh;
} */

.landing main {
    padding-bottom: 28rem;
}

.landing header {
    background-color: var(--almost-white);
    justify-content: space-between;
    padding: 32px 8vw 8px 8vw;
}

.landing header .logos {
    width: 384px;
}

.landing header span {
    color: var(--dark-grey);
}

.landing header span:hover,
.landing header span:focus,
.landing header span:active {
    color: var(--main-color);
}

.landing .copy {
    min-height: 660px;
    padding: 16vh 10vw 40vh 8vw;
}

.landing .copy h1 {
    color: var(--main-color-dark);
    font-weight: var(--bold-font-weight);
    line-height: 1.4;
}

.landing .copy p {
    font-size: var(--title-size);
    margin-top: var(--margin);
    margin-bottom: var(--margin-xl);
}

.landing main {
    background: url("../images/illustrations/landing-illustration-01.svg"), url("../images/illustrations/landing-illustration-02.svg");
    background-repeat: no-repeat;
    background-position: 55vw 25vh, 25vw 6vh;
    background-size: 40vw, 65vw;
}

.landing .copy p {
    font-size: var(--btn-size);
    margin-bottom: var(--margin-xl);
}

/* welcome page */
.welcome header {
    justify-content: flex-end;
    background-color: var(--almost-white);
}

.welcome .navbar {
    box-shadow: none;
}

.welcome .navbar .collapse {
    justify-content: space-between;
    width: 100%;
}

.welcome .navbar-nav.end {
    justify-content: flex-end;
}

.welcome nav .MM-logo {
    width: 140px;
    /* position: relative;
    top: 11px;
    margin-right: var(--margin-sm); */
}

.welcome nav .TP-logo {
    width: 180px;
    position: relative;
}

.welcome .logos-li {
    width: 100%;
}

.welcome .logos-li .logos {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: var(--margin-xl);
    padding: 8px 0px;
}

.welcome nav .btn {
    height: auto !important;
    /* margin-top: 4px; */
}

.welcome .nav-item.active a {
    border-bottom: none;
}

.welcome main {
    background: url("../images/illustrations/landing-illustration-01.svg"), url("../images/illustrations/landing-illustration-02.svg");
    background-repeat: no-repeat;
    background-position: 55vw 32vh, 25vw 6vh;
    background-size: 40vw, 65vw;
    padding-bottom: 65rem;
    height: 100vh;
}

.welcome .top-intro {
    color: var(--main-color-dark);
    width: 100vw;
    padding: 10vh 8vw 0vh 8vw;
}

.welcome .top-intro .MM-logo {
    width: 140px;
    margin-bottom: var(--margin-lg);
}

.welcome .intro {
    font-size: calc(var(--title-size) * 2);
    font-weight: var(--bold);
}

.welcome .copy {
    min-height: 660px;
    padding: 10vh 8vw 0vh 8vw;
}

.welcome .copy h1 {
    color: var(--main-color-dark);
    font-weight: var(--bold-font-weight);
    line-height: 1.4;
}

.welcome .copy h2 {
    text-transform: initial;
}

.welcome .copy p,
.welcome .copy .row {
    font-size: var(--btn-size);
    margin-top: var(--margin);
    margin-bottom: var(--margin-xl);
}

.welcome .copy .logos {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: var(--margin-xl);
    padding: 8px 0px;
    margin-bottom: var(--margin-xl);
}

.welcome .copy .TP-logo {
    max-width: 200px;
}

.welcome .copy .MM-logo {
    max-width: 120px;
}

.welcome .copy .salutation {
    font-size: calc(var(--title-size)*1.65);
}

.welcome .copy strong {
    color: var(--main-color);
    text-transform: uppercase;
}

.welcome .welcome-panels {
    margin-bottom: 8rem;
}

.welcome .welcome-panels h2 {
    font-size: calc(var(--title-size) * 2);
    text-transform: capitalize;
}

.welcome .welcome-panels .row {
    gap: var(--margin-xl);
}

.welcome .welcome-panels .col {
    background-color: var(--main-color-lightest);
    padding: var(--margin-xl);
    border-radius: var(--bdr-rad);
}

.welcome .welcome-panels.inverted .col {
    background-color: var(--darker-grey);
    color: var(--almost-white);
}

.welcome .welcome-panels .icon {
    font-size: 6em;
    display: block;
    margin-bottom: var(--margin-xl);
}

.welcome .welcome-panels .col h3 {
    font-size: calc(var(--title-size) * 1.4);
    text-transform: capitalize;
}

.welcome .welcome-panels li {
    font-size: var(--btn-size);
    list-style-type: none;
    margin-bottom: var(--margin);
}

.welcome .welcome-panels ul,
.welcome .welcome-panels li:last-child {
    margin-bottom: 0;
}

/* .landing .services span {
    color: var(--main-color);
    scale: 1.2;
    margin-bottom: var(--margin);
} */

/* medium screens */
@media screen and (max-width: 991px) {
    .landing header {
        padding-left: 6vw;
        padding-right: 6vw;
        gap: 16px;
    }

    .landing main {
        background-position: 400px 390px, 100px 140px;
        background-size: 40vw, 88vw;
        padding-bottom: 30rem;
    }

    .landing .copy {
        padding: 10vh 6vw 5vh 6vw;
    }
    
    .landing .copy h1 {
        font-size: 3rem;
    }

    /* welcome page */
    .welcome main {
        padding-bottom: 70rem;
    }

    .welcome main {
        /* background-position: 55vw 70vh, 4vw 60vh; */
        background-position: 400px 390px, 100px 140px;
        background-size: 40vw, 88vw;
    }

    .welcome .copy {
        padding: 2vh 6vw 5vh 6vw;
    }

    .welcome .copy .col:first-child {
        order: 2;
    }

    .welcome .copy .col:last-child {
        order: 1;
    }

    .welcome .copy .logos,
    .welcome .copy .logos img {
        max-width: 100%;
    }
}
/*/ medium screens */

/* small screens */
@media screen and (max-width: 767px) {
    .landing header {
        flex-wrap: wrap;
        justify-content: flex-end;
        padding-top: 16px;
    }

    .landing header .logos {
        gap: 6px;
    }

    .landing header .TP-logo {
        width: 130px
    }

    .landing header .MM-logo {
        width: 80px;
    }
    
    .landing main {
        min-height: 500px;
        padding-bottom: 60rem;
        background-position: 100px 530px, 20px 400px;
        background-size: 70vw, 120vw;
    }

    .landing .copy {
        /* padding: 8vh 6vw 55vh 6vw;
        width: 100%; */
        padding: 10vh 8vw 0vh 8vw;
    }

    .landing .services {
        flex-wrap: wrap;
        gap: 10px;
        margin-top: 5vh;
    }

    .landing .services p {
        margin: 0;
    }

    /* welcome page */
    .welcome main {
        padding-bottom: 100rem;
        /* background-position: 22vw 120vh, -4vw 105vh; */
        background-position: 100px 530px, 20px 400px;
        background-size: 70vw, 120vw;
    }

    .welcome .top-intro {
        padding-top: 6vh;
    }
    
    .welcome .copy {
        padding: 2vh 6vw 0vh 6vw;
        width: 100%;
        min-height: 800px;
    }

    .welcome .welcome-panels {
        max-width: calc(100% - 24px);
        margin: 0 12px;
    }

    .welcome .welcome-panels .row {
        gap: var(--margin);
    }

    .welcome .copy .logos,
    .welcome .copy .logos img {
        max-width: 100%;
    }
}
/*/ small screens */
/*/ LANDING & WELCOME PAGES */

/* ACCOUNT */
.account .panel .form-control[type=file] {
    border: var(--border);
    border-radius: var(--bdr-rad-sm);
    padding-left: 12px;
    flex-basis: 100% !important;
}

.account .update-psw-btn {
    align-self: flex-end;
}

.account .password .col {
    align-content: flex-end;
}
/*/ ACCOUNT */

/* REQUEST ACCOUNT */
.login label,
.request-account label {
    margin-bottom: var(--margin-xs);
}

.request-account a.btn {
    text-decoration: none;
}

.request-account a.btn:hover,
.request-account a.btn:focus,
.request-account a.btn:active {
    color: var(--almost-white);
}
/*/ REQUEST ACCOUNT */

/* PRE-SHOW */
/* hide/edit general elements */
.pre-show .no-print,
/* .pre-show .panel h4, */
.pre-show .add-btn,
.pre-show .material-symbols-rounded {
    display: none !important;
}

.pre-show {
    background-color: white;
    padding: 20px 0 100px;
}

.pre-show main {
    padding: 0px 80px 0;
}

.pre-show .panel {
    border: none;
    background-color: transparent;
    box-shadow: none;
    padding: 0;
    margin: 0;
}

.pre-show .form-control {
    flex-basis: 100% !important;
    overflow: visible;
    background: #fff !important;
}

.pre-show .form-textarea:empty::before,
.pre-show .form-textarea#ev-ts-info:empty::before {
    content: '';
}
/*/ hide/edit general elements */

/* .pre-show .ev-details .row .col .row .col {
    margin-bottom: 4px;
} */

.pre-show label {
    margin-bottom: 0px !important;
}

/* header */
.pre-show header {
    background-color: transparent;
}

.pre-show .logo {
    width: 300px;
    margin: 0 auto;
}
/*/ header */

/* heading */
.pre-show .event-head {
    background-image: none;
    color: var(--dark-grey);
    padding: 0;
    height: auto;
    min-height: 120px;
}

.pre-show .event-head h1 {
    text-shadow: none;
    margin: 0;
}
/*/ heading */

/* event details */
.pre-show h4 {
    font-size: .9rem;
    margin-top: 30px;
}

/* .pre-show .ev-details,
.pre-show .materials-checklist {
    page-break-after: auto;
} */

.pre-show .jobs {
    /* page-break-before: always !important; */
    margin-top: 30px;
}

.pre-show h2.mt-5,
.pre-show .ev-details .row:not(.print-me) > .col:not(.print-me) {
    display: none;
}

.pre-show .ev-details .container {
    margin-bottom: -32px;
}

/* .pre-show .team-pnl .col {
    flex-basis: 50%;
} */

.pre-show .form-textarea {
    width: 100%;
    height: 108px;
    /* background-color: var(--almost-white) !important;
    border-bottom: 1px solid var(--grey) !important;
    padding: var(--margin-xs) !important; */
    padding: var(--margin-xs) 0 !important;
    margin-bottom: 0;
}

.pre-show .editable .form-textarea:not([contenteditable]) {
    height: auto !important;
    max-height: max-content !important;
}

.pre-show .log-pnl .row {
    flex-basis: 100%;
}

.pre-show .info-pnl, 
.pre-show .team-pnl,
.pre-show .poc-pnl,
.pre-show .log-pnl,
.pre-show .tr-show-pnl {
    border-bottom: var(--border-dark);
}

.pre-show .info-pnl label, 
.pre-show .team-pnl label,
.pre-show .poc-pnl label,
.pre-show .log-pnl label,
.pre-show .tr-show-pnl label {
    margin-top: 5px !important;
}

.pre-show .tr-show-pnl .row .col-md-4.print-me {
    flex-basis: 33.33333333%;
}

.pre-show .tr-show-pnl .row .col-md-4.print-me {
    flex-basis: 33.33333333%;
}

.pre-show .form-select:disabled {
    background-color: #fff;
}

.pre-show .lead-phone {
    display: block;
    height: 32px;
    padding-top: 6px;
}

.pre-show .team-pnl tr {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: var(--margin-xs);
}

.pre-show .team-pnl tr:last-child {
    margin-bottom: 0;
}

.pre-show  .team-pnl .row,
.pre-show  .poc-pnl .row {
    width: 100%;
    justify-content: space-between;
    margin-bottom: 0;
}
/*/ event details */

/* spend table - event details */
.pre-show .spend,
.pre-show .spend .container,
.pre-show .spend .row,
.pre-show .spend .panel,
.pre-show .spend .panel-table-inline,
.pre-show .spend .panel-th,
.pre-show .spend .panel-tr {
    width: 100%;
}

.pre-show .spend .panel-tr {
    overflow: visible;
    max-height: none;
}

.pre-show .spend .panel-table-inline p {
    max-height: none;
}

/* .pre-show .spend {
    position: relative;
    top: 60px;
} */

.pre-show .spend .container {
    width: 100% !important;
    max-width: 1320px;
    position: relative;
}

.pre-show .spend .row {
    margin: 0;
}

.pre-show .spend .row .col {
    padding: 0;
}

.pre-show .spend .panel {
    padding: 0;
    margin-bottom: 40px;
}

.pre-show .spend .panel-table-inline .panel-th,
.pre-show .spend .panel-table-inline .panel-tr {
    width: 100%;
    padding: 0;
}

.pre-show .spend .panel-table-inline .tag {
    border: var(--border);
    padding: var(--margin-xs);
}

.pre-show .spend h4 {
    padding-left: 0;
}
.pre-show .tag {
    border: var(--border);
    background-color: white !important;
}

.pre-show .tag-blue {
    color: var(--darker-blue);
    border-color: var(--blue) !important;
}

.pre-show .tag-green {
    color: var(--darker-green);
    border-color: var(--green) !important;
}

.pre-show .tag-yellow {
    color: var(--darkest-yellow);
    border-color: var(--yellow) !important;
}

.pre-show .tag-red {
    color: var(--darker-red);
    border-color: var(--red) !important;
}

.pre-show .tag-purple {
    color: var(--darker-purple);
    border-color: var(--purple) !important;
}

.pre-show .tag-grey {
    color: var(--grey);
    border-color: var(--grey) !important;
}

.pre-show .panel-table-inline .panel-th h3:nth-child(1)::after,
.pre-show .panel-table-inline .panel-th h3:nth-child(3)::after,
.pre-show .panel-table-inline .panel-th h3:nth-child(5)::after,
.pre-show .panel-table-inline .panel-th h3:nth-child(7)::after {
    content: "";
    display: none;
}
/*/ spend table - event details */

/* materials checklists */
.pre-show .materials-checklist-container {
    margin: 0 auto;
    border: 1px solid rgba(0,0,0,0);
}

.pre-show .materials-checklist-container h2 {
    margin-top: 20px !important;
}

.pre-show .materials-checklist {
    display: flex;
    flex-wrap: wrap;
    column-gap: 4%;
}

.pre-show .materials-item-group {
    width: 48%;
    flex-basis: 48%;
    padding-bottom: 10px;
}

.pre-show .materials-item-group .input-group .btn-minus,
.pre-show .materials-item-group .input-group .btn-plus {
    display: none !important;
}

.pre-show .materials-item-group .input-group .form-control.spinner {
    border-radius: var(--bdr-rad) !important;
    border: var(--border) !important;
    margin-right: 12px;
}

.pre-show .add-btn,
.pre-show .delete-material-btn {
    opacity: 0;
    display: none;
}
/*/ materials checklist */

/* jobs checklist */
.pre-show .panel-th .job-checkbox,
.pre-show .panel-tr .job-checkbox {
    flex-grow: 0;
    flex-basis: 86px;
}

.pre-show .panel-table-inline h3,
.pre-show .panel-table-inline label,
.pre-show .panel-table-inline p {
    overflow: visible;
}
/*/ jobs checklist */

/* avoid added blank page */
/* .pre-show .print-me:last-child {
    page-break-after: auto;
} */
/*/ avoid added blank page */

/* small screens */
@media screen and (max-width: 767px) {
    .pre-show {
        padding: 0;
    }
    
    .pre-show header {
        margin-bottom: var(--margin);
    }

    .pre-show .heading,
    .pre-show .event-head {
        height: 130px;
        justify-content: flex-start;
    }

    .pre-show main {
        padding: 10px;         
    }

    .pre-show .ev-details {
        top: -20px;
    }

    .pre-show .tr-show-pnl .row .col-md-4.print-me {
        flex-basis: 100%;
    }

    .pre-show .materials-item-group {
        width: 100%;
        flex-basis: 100%;
    }

    .pre-show .panel-table-inline .panel-th h3:nth-child(1)::after,
    .pre-show .panel-table-inline .panel-th h3:nth-child(3)::after,
    .pre-show .panel-table-inline .panel-th h3:nth-child(5)::after,
    .pre-show .panel-table-inline .panel-th h3:nth-child(7)::after {
        content: "/";
        text-align: right;
        display: inline-block; 
    }

    .pre-show .panel-table-inline .panel-th h3:nth-child(1)::after {
        width: calc(var(--margin-lg) * 3.56);
    }

    .pre-show .panel-table-inline .panel-th h3:nth-child(3)::after {
        width: calc(var(--margin-lg) * 1.2) !important;
    }

    .pre-show .panel-table-inline .panel-th h3:nth-child(5)::after {
        width: calc(var(--margin-lg) * 1.7);
    }

    .pre-show .panel-table-inline .panel-th h3:nth-child(7)::after {
        width: calc(var(--margin-lg) * 2.59);
    }

    /* .pre-show .spend .panel-table-inline .panel-tr {
        padding: var(--margin-sm);
    } */
}
/*/ small screens */

/* medium screens */
@media screen and (min-width: 768px) and (max-width: 991px) {
    .pre-show {
        padding: 0;
    }

    .pre-show header {
        margin-bottom: var(--margin-xl);
    }

    .pre-show main {
        padding: 40px;
    }

    .pre-show .event-head {
        margin-bottom: 60px;
    }
}
/*/ medium screens */

/* media print */
@media print {
    .pre-show .no-print-pdf {
        display: none !important;
    }
}
/*/ media print */
/*/ PRE-SHOW */

/* OFFICE ART */
.office-art .inventory .product {
    cursor: default;
}

.office-art .inventory .prod-img,
.office-art .inventory input[type=checkbox] {
    cursor: pointer;
}
.office-art .inventory label {
    color: var(--darker-grey) !important;
    font-size: var(--text-size);
    font-weight: var(--medium-font-weight);
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    max-height: 46px;
    margin-top: -2px;
}

.office-art .modal .prod-img {
    text-align: center;
}

.office-art .modal .prod-img img {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: calc(100vh - 300px);
    margin: 0 auto;
}

.office-art #custom-size {
    display: none;
}

.office-art .form-textarea:empty::before {
  content: "Please enter custom size";
  color: var(--grey);
  text-transform: none;
}
/*/ OFFICE ART */

/* INVENTORY REPORT */
/* .report .panel-table-inline {

} */

.report .panel-th h3:nth-child(2),
.report .panel-tr p:nth-child(2) {
    flex-grow: 2;
}

/* small screens */
@media screen and (max-width: 767px) {
    .report .panel-th h3::after {
        content: "/";
        margin-left: 3px;
    }

    .report .panel-th h3:nth-child(2)::after,
    .report .panel-th h3:last-child::after {
        content: "";
    }
    
    .report .panel-th h3,
    .report .panel-tr p {
        flex-basis: 30%;
    }

    .report .panel-th h3:nth-child(2),
    .report .panel-tr p:nth-child(2) {
        flex-basis: 100%;
    }
}
/*/ small screens */
/*/ INVENTORY REPORT */

/* T&C */
.t-and-c .nav-item a {
    padding-left: 0;
    display: inline-block;
}

.t-and-c .nav-item:hover > a,
.t-and-c .nav-item:active > a {
    border: none;
}

.t-and-c h3.main-color {
    color: var(--main-color);
    margin: var(--margin-lg) auto var(--margin-xs) auto;
}

.t-and-c .navbar-toggler {
    padding-left: 1.2em;
}

@media screen and (max-width: 767px) {
    .t-and-c .privacyPolicyContent .table {
        font-size: .6em;
    }

    .t-and-c .privacyPolicyContent .table th {
        font-size: 1.2em;
    }
}
/*/ T&C */

/* CONTACT US */
.contact-us .file-preview {
    border: var(--border);
    margin-bottom: var(--margin);
}

.contact-us .file-preview:hover {
    border: var(--border-focus);
    background-color: var(--main-color);
}

.contact-us .file-preview .file-drop-zone,
.contact-us .file-preview:hover .file-drop-zone,
.contact-us .file-preview .file-drop-zone:hover {
    border: none;
}

.contact-us .file-preview .file-drop-zone-title {
    color: var(--main-color-mid-light);
    font-size: var(--text-size);
    font-weight: var(--medium-font-weight);
}

.contact-us .file-preview:hover .file-drop-zone-title {
    color: var(--almost-white);
}

.contact-us .file-drop-zone {
    min-height: fit-content;
}
/*/ CONTACT US */

/* SALES SHOP */
.sales-shop .budget .progress {
    border-radius: 4px;
    background-color: var(--lighter-grey);
}

.sales-shop .budget .bar-spent {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    background-color: var(--main-color);
}

/* .sales-shop .budget .bar-available {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    background-color: var(--main-color);
} */

.sales-shop .budget span {
    font-size: var(--title-size);
    font-weight: var(--medium-font-weight);
}

.sales-shop .budget .spent {
    color: var(--darker-red);
}

.sales-shop .budget .separator {
    font-weight: var(--light-font-weight);
}
/*/ SALES SHOP */

/* ORDERS BY BATCH */
.orders-by-batch .panel > .row {
    justify-content: space-between !important;
}

.orders-by-batch .job-details {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    column-gap: 2%;
    row-gap: 2em;
    justify-content: space-between;   
}

.orders-by-batch .job-details h3 {
    margin-top: var(--margin-xs);
}

.orders-by-batch .job-details div {
    flex-basis: 49%;
}

.orders-by-batch .job-details .destination,
.orders-by-batch .job-details .event-name {
    flex-basis: 100%;
}

.orders-by-batch .jobs .panel-th h3:first-child,
.orders-by-batch .jobs .panel-tr p:first-child {
    flex-grow: 0;
    min-width: 42px;
}

.orders-by-batch .jobs .panel-th h3:nth-child(2),
.orders-by-batch .jobs .panel-tr p:nth-child(2) {
    flex-grow: 2;
}

/*/ ORDERS BY BATCH */

/* SALES SHOP SHOPPING CART */
.cart-page .panel-table-inline .panel-tr  {
    cursor: default;
}

.cart-page .panel-table-inline p {
    overflow: visible;
}

.cart-page .panel-th h3,
.cart-page .panel-tr p {
    flex-grow: 1;
}

.cart-page .panel-th h3:first-child,
.cart-page .panel-tr p:first-child,
.cart-page .del-cell {
    flex-grow: 0 !important;
    flex-basis: fit-content;
}

.cart-page .panel-th h3:nth-child(2),
.cart-page .panel-tr p:nth-child(2) {
    flex-grow: 3;
}

.cart-page .panel-tr .del-cell:hover {
    color: var(--darker-red);
    cursor: pointer;
}

.cart-page .panel-tfoot p {
    font-weight: var(--bold-font-weight);
}
/* SALES SHOP SHOPPING CART */

/* GLOBAL STOCK REPORT */
.global-stock-report label {
    text-transform: initial;
    font-weight: var(--main-font-weight);
    letter-spacing: var(--font-spacing);
    cursor: pointer;
}

.global-stock-report label + input[type=checkbox]:checked {
    background-color: var(--main-color-lightest);
}

.global-stock-report .panel-th h3,
.global-stock-report .panel-tr p {
    flex-grow: 1;
    z-index:1;
}

/* checkbox table cell */
.global-stock-report .panel-th h3:first-child,
.global-stock-report .panel-tr *:first-child {
    flex-grow: 0;
    flex-basis: 25px;
}

/* label (for coloring when checkbox is checked) table cell */
.global-stock-report .panel-th h3:nth-child(2),
.global-stock-report .panel-tr *:nth-child(2) {
    flex-grow: 0;
    flex-basis: 0px;
}

/* thumbnail table cell */
.global-stock-report .panel-th h3:nth-child(3),
.global-stock-report .panel-tr *:nth-child(3) {
    flex-grow: 0;
    flex-basis: 50px;
}

/* item nam table cell */
.global-stock-report .panel-th h3:nth-child(4),
.global-stock-report .panel-tr *:nth-child(4) {
    flex-grow: 3;
}

.global-stock-report .panel-tr input[type=checkbox] {
    position: relative;
    left: -5px;
    z-index: 1;
}

.global-stock-report .panel-tr input[type=checkbox] + span {
    width: 100%;
    height: 100%;
    background-color: #FFF;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    border-radius: var(--bdr-rad);
    z-index: 0;
}

.global-stock-report .panel-tr input[type=checkbox]:checked + span {
    background-color: var(--main-color-lightest);
}

.global-stock-report .thumbnail img {
    width: 40px;
    height: 40px;
}
/* GLOBAL STOCK REPORT */

/* TRADE SHOW TRAY */
.tray-delivery #del-office:checked + label + input + label + input + label + #office-select,
.tray-delivery #del-event:checked + label + input + label + div + #event-select,
.tray-delivery #del-other:checked + label + div + div + #del-other-add {
    display: flex;
}
/*/ TRADE SHOW TRAY */

/*/ PAGES */