.sparkleColor {
font-weight: bold;
font-family: sans-serif;
text-decoration: none;
background: rgba(0, 0, 0, 0) -webkit-gradient(linear, left top, right top, from(#90f3b3), color-stop(#90e9f3),
color-stop(#909ff3), color-stop(#cc90f3), color-stop(#f390d1), color-stop(#f39a90), color-stop(#f3e590), to(#b8f390))
repeat scroll 0% 0%/200% 200%;
background: rgba(0, 0, 0, 0) linear-gradient(90deg, #90f3b3, #90e9f3, #909ff3, #cc90f3, #f390d1, #f39a90, #f3e590,
#b8f390) repeat scroll 0% 0%/200% 200%;
background-clip: border-box;
color: transparent;
-webkit-background-clip: text;
background-clip: text;
}

.sparkleColor {
-webkit-animation: GradientAnimation 2s ease infinite;
animation: GradientAnimation 2s ease infinite;
}

@keyframes GradientAnimation {
0% { background-position: 0% 50% }
50% { background-position: 100% 50% }
100% { background-position: 0% 50% }
}

.admin-only {
color:rgb(87, 65, 4) !important;
}

th.admin-col {
background:rgb(255, 240, 193) !important;
}

tr:nth-child(odd) td.admin-col {
background:rgb(255, 246, 220) !important;
}
tr:nth-child(even) td.admin-col {
background:rgb(255, 251, 238) !important;
}

tr.deletedRow:nth-child(odd) td{
background:#ffe5e5 !important;
}
tr.deletedRow:nth-child(even) td{
background:#ffcccc !important;
}

tr.addedRow:nth-child(odd) td{
background:#d9ead3 !important;
}

tr.addedRow:nth-child(even) td{
background:#ecf4e9 !important;
}


.user-team-assignment {
    margin-top: 15px;
    padding: 12px 12px 10px 12px;
    border-radius: 6px;
}
.user-team-assignment-header {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 10px;
    padding-bottom: 8px;
}
.user-team-assignment-title {
    font-weight: 700;
    letter-spacing: 0.2px;
}
.user-team-assignment-hint {
    font-size: 12px;
    font-weight: normal;
    text-align: right;
    flex: 0 0 auto;
}
.user-team-groups {
    display: flex;
    flex-direction: column;
    gap: 18px;
}
.user-team-group-standard {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px 18px;
    align-items: start;
}
.user-team-group-standard .user-team-option {
    display: flex;
    align-items: flex-start;
    box-sizing: border-box;
    padding-left: 8px;
}
.user-team-option input[type="checkbox"] {
    margin-right: 8px;
    margin-left: 4px;
    margin-top: 2px;
}
.user-team-label {
    display: inline-block;
    font-weight: 500;
}
.user-team-agencies-icon {
    margin-left: 6px;
    cursor: help;
    font-size: 12px;
}
.user-team-group-restricted {
    padding: 10px;
    border-radius: 4px;
    margin-top: 7px;
}
.user-team-restricted-heading {
    font-weight: 700;
    margin-bottom: 6px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.user-team-option-restricted {
    display: flex;
    align-items: flex-start;
    padding: 2px 0;
    background: transparent;
    border: none;
}
.user-team-group-restricted-options {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px 12px;
}

/* search_contacts.php — Actions column: view + edit buttons on one row */
table.datagrid.search-contacts-datagrid th.search-contacts-actions-col,
table.datagrid.search-contacts-datagrid td.search-contacts-actions-col {
	width: 1%;
	min-width: 6.75rem;
	max-width: none;
	white-space: nowrap;
	vertical-align: middle;
}
table.datagrid.search-contacts-datagrid td.search-contacts-actions-col .btn {
	display: inline-block;
	float: none;
	width: auto;
	margin-right: 6px;
}
table.datagrid.search-contacts-datagrid td.search-contacts-actions-col .btn:last-child {
	margin-right: 0;
}
.pt15{padding-top:15px}
.copy-to-clip {
color: #13A89E;
cursor: grab;
}
.instructions{padding:7px 7px; margin:15px 0px 25px 0px; border:solid #aaa 2px; border-radius:1px}
.instruction-warning {
	border: solid #fa9200 2px !important;
	color: #fa9200;
}
.instruction-error {
	border: solid #f00000 2px !important;
	color: #f00000;
}
.btn-spacing-5 {
	margin-right: 5px;
	margin-bottom: 2.5px;
	margin-top: 2.5px;
}
.btn-rectangle {
	width: 35px;
	height: 30px;
	padding: 7px;
}
.btn-spacing-10 {
	margin-right: 10px;
	margin-bottom: 5px;
	margin-top: 5px;
}
.disabled-icon {
	color: #7c858e !important;
	cursor: not-allowed !important;
	pointer-events: all !important;
}
*:disabled {
	cursor: not-allowed;
	pointer-events: all !important;
	color: #ffffff !important;
	background-color: #6c757d !important;
	border-color: #6c757d !important;
	opacity: 1 !important;
}

input:disabled,
textarea:disabled {
	color: #6c757d !important;
	background-color: #ffffff !important;
}


.color-card a, .color-card span {
font-size: 25px;
color: white;
z-index: 9;
position: relative;
}

.campaign-due { color: red; font-weight: bold !important;}

.flex-center-horizontal {
width: 100%;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.flex-left-horizontal {
justify-content: flex-start;
}
.flex-right-horizontal {
justify-content: flex-end;
}

.flex-center-vertical {
width: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}

.flex-top-vertical {
align-items: flex-start;
}

.flex-bottom-vertical {
align-items: flex-end;
}

.flex-wrap {
flex-wrap: wrap;
}
.flex-no-wrap {
flex-wrap: nowrap;
}

.wsywig-display-iframe {width: 100%; height: auto; overflow-y: scroll; border: none !important; margin: 0 !important;}
.campaign-link-btn {
color: #606060;
}
.fa-even-spacing {
margin-left: 1px;
margin-right: 1px;
}
.settings-fa {
color: #13A89E;
}
.ui-widget {
background: white;
max-width: 60%;
text-align: center;
}
.ui-widget-content {
justify-content: flex-start;
}
.ui-dialog-buttonset {
min-width: 150px !important;
text-align: center;
}
.btn-icon {
background: transparent;
border: none;
text-decoration: none;
}
.pill-toggle-wrapper {
width: 100%; display: flex; flex-direction: column; align-items: flex-start;
}
.pill-toggle-container {
width: auto; display: flex; flex-direction: row-reverse; align-items: center; justify-content: center; margin-top: 0px;
}
.selected-menu-direction {
margin: 0 8px;
text-transform: capitalize;
}
.error-handling-wrapper,
.pill-toggle-container,
.toggle-wrapper {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.infoCircle{
color:blue; font-size:14px !important;
}
.customTitle{
white-space:nowrap;
}
.pill-toggle-container {
flex-wrap: wrap;
}
.error-handling-wrapper {
margin-top: 15px;
}
.error-settings-toggle-container {
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
}
.error-settings-toggle-container div {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.error-settings-toggle-container input[type='radio'] {
margin-right: 10px;
}
.toggle-wrapper {
justify-content: flex-start;
}

.pill-toggle-container > input[type=checkbox]{
height: 0;
width: 0;
visibility: hidden;
padding: 0 !important;
margin: 0 !important;
}

.pill-toggle-container > label {
cursor: pointer;
text-indent: -9999px;
width: 70px !important;
height: 30px;
background: #9D833E !important;
display: block;
border-radius: 100px;
position: relative;
margin-top: 5px !important;
margin-right: 0px !important;
}

.pill-toggle-container > label:after {
content: '';
position: absolute;
top: 5px;
left: 5px;
width: 20px;
height: 20px;
background: #fff;
border-radius: 20px;
transition: 0.3s;
}

.pill-toggle-container > input:checked + label {
background: #9D833E !important;
}

.pill-toggle-container > input:checked + label:after {
left: calc(100% - 5px);
transform: translateX(-100%);
}

.pill-toggle-container > label:active:after {
width: 40px;
}

.toggle-name {
margin: 0 5px;
}

.sidebar-child li:first-of-type {
border-top-right-radius: 5px;
border-top-left-radius: 5px;
}
.sidebar-child li:last-of-type {
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}

.fsd-row {display: flex; flex-direction: row; justify-content: space-around;}
.fsd-row input[type="checkbox"] {margin: 0 !important;}
.fsd-row label {margin: 2px 0 0 5px !important;}

.relative-save-container {
background:#fff;
padding:20px 0px 20px 0px;
text-align: center;
position:relative;
bottom:0px;
left:0px;
margin-bottom:0px;
margin-top:15px;
width: 100%;
border-top:solid #e3e4e7 1px;
padding: 14px 14px 0px 14px;
z-index: 99999999;
margin-left: 0px;
}

.absolute-save-container {
background:#fff;
padding:20px 0px 20px 0px;
text-align: center;
position:absolute;
bottom:0px;
left:0px;
margin-bottom:0px;
margin-top:15px;
width: 100%;
border-top:solid #e3e4e7 1px;
padding: 14px;
z-index: 99999999;
margin-left: 0px;
}

.fixed-save-container {
background:#fff;
padding:20px 0px 20px 0px;
text-align: center;
position:fixed;
bottom:0px;
left:0px;
margin-bottom:0px;
width: 100%;
border-top:solid #aaa 2px;
padding: 14px 14px;
z-index: 99999999;
margin-left: 0px;
}
.fixed-save-align-left {
margin-left: var(--pmx-left-nav-width, 160px);
}
.loader-container {
position: fixed;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
transition-duration: .5s;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.85);
z-index: 999999999999;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
overflow: hidden;
}
.bt-spinner {
width: 75px;
height: 75px;
border-radius: 50%;
background-color: transparent;
border: 4px solid rgba(var(--secondary-color, 157, 132, 62), 0.15);
border-top-color: rgb(var(--secondary-color, 157, 132, 62));
-webkit-animation: 1s spin linear infinite;
animation: 1s spin linear infinite;
}
-webkit-@keyframes spin {
-webkit-from {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
-webkit-to {
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
}

@-webkit-keyframes spin {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}

@keyframes spin {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.non-fixed-loader {
position: absolute;
top: 0;
right: 0;
}



#notificationFlashContainer {
position: fixed;
top: 12px;
right: 12px;
bottom: auto;
width: auto;
max-width: min(340px, calc(100vw - 24px));
z-index: 99999999999999999 !important;
overflow-x: hidden !important;
border-radius: 3px;
filter: drop-shadow(0.2rem 0.2rem 0.28rem rgba(0, 0, 0, 0.35));
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-end;
max-height: 90vh;
}
#notificationFlashContainer.notificationFlashContainer--wide {
max-width: calc(100vw - 24px);
}
#notificationFlashWrapper {
display: flex;
flex-direction: column;
align-items: flex-end;
width: 100%;
padding-left: 0;
position: relative;
}
/* For WebKit browsers */
#notificationFlashWrapper::-webkit-scrollbar {
	width: 0;
	height: 0;
}

#notificationFlashWrapper::-webkit-scrollbar-thumb {
	background: rgba(0, 0, 0, 0.5);
	border-radius: 6px;
}

#notificationFlashWrapper::-webkit-scrollbar-thumb:hover {
background: rgba(0, 0, 0, 0.5);
}

#notificationFlashWrapper::-webkit-scrollbar-track {
background: #f1f1f1;
border-radius: 6px;
}

/* For Firefox */
#notificationFlashWrapper {
scrollbar-width: 0;
scrollbar-color: rgba(0, 0, 0, 0.5);
}

.session-notification-wrapper {
opacity: 0;
transform: translateX(100%);
transition: all 0.35s ease-in-out;
margin-bottom: 6px;
max-width: min(340px, calc(100vw - 24px));
width: 100%;
}
.session-notification-wrapper.session-notification-wrapper--wide {
max-width: calc(100vw - 24px);
}

.session-notification-wrapper.show {
opacity: 1;
transform: translateX(0);
}

.notification-info-wrap {
overflow-y: auto;
position: relative;
width: 100%;
max-height: 50vh;
min-height: 0;
-webkit-overflow-scrolling: touch;
}
#notificationFlash{
display:flex;
width:100%;
height: auto;
align-items: stretch;
color:#fff;
margin-bottom: 0;
position: relative;
z-index: 99999999999999999 !important;
border-radius: 2px;
}
.notificationFlashIcon{
min-width: 36px;
font-size: 16px;
text-align:center;
display:flex;
justify-content: center;
align-items: center;
}
.notificationFlashCloseAll,
.notificationFlashCloseAll:hover {
cursor:pointer;
background: rgba(255, 255, 255, 0.92);
border: 1px solid rgba(60, 72, 84, 0.28);
border-radius: 4px;
color: #3c4854;
text-shadow: none;
display: flex;
justify-content: center;
align-items: center;
font-size: 12px;
font-weight: 600;
letter-spacing: 0.01em;
margin-bottom: 6px;
padding: 4px 9px !important;
position: static;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
}
.notificationFlashCloseAll:hover {
background: #fff;
border-color: rgba(60, 72, 84, 0.45);
color: #1f2933;
}
.notificationFlashCloseAll > .fa-close {
font-size: 12px;
margin-left: 2px;
color: inherit;
text-shadow: none;
}
.notification-close-all-text {
margin-right: 6px;
}
.notificationFlashClose{
position:absolute;
top: 5px;
right: 5px;
cursor:pointer;
background: rgba(0, 0, 0, 0.28);
border: 1px solid rgba(255, 255, 255, 0.55);
border-radius: 50%;
padding: 0 !important;
margin: 0;
width: 22px;
height: 22px;
display: flex;
align-items: center;
justify-content: center;
line-height: 1;
color: #fff;
font-size: 12px;
opacity: 1;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
}
.notificationFlashClose > .fa-close {
font-size: 12px;
line-height: 1;
font-weight: 700;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);
}
.notificationFlashClose:hover {
background: rgba(0, 0, 0, 0.45);
border-color: rgba(255, 255, 255, 0.85);
transform: scale(1.06);
}
.notificationFlashTitle{
padding: 7px 32px 0 8px;
font-weight:bold;
font-size: 13px;
line-height: 1.25;
margin-right: 0;
}
.notificationFlashBody{
padding: 2px 32px 7px 8px;
font-size: 11px;
line-height: 1.35;
max-height: 40vh;
min-height: 0;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}

#notificationFlash.notificationFlashinfo{
background-color: rgb(var(--info-color, 142, 175, 188));
}
#notificationFlash.notificationFlashinfo .notificationFlashIcon{
background-color: rgb(var(--info-hover-color, 126, 164, 179));
}
#notificationFlash.notificationFlashsuccess{
background-color: rgb(var(--success-color, 73, 175, 59));
}
#notificationFlash.notificationFlashsuccess .notificationFlashIcon{
background-color: rgb(var(--success-hover-color, 61, 154, 50));
}
#notificationFlash.notificationFlasherror{
background-color: rgb(var(--error-color, 226, 76, 33));
}
#notificationFlash.notificationFlasherror .notificationFlashIcon{
background-color: rgb(var(--error-hover-color, 201, 69, 30));
}
#notificationFlash.notificationFlashwarning{
background-color: rgb(var(--warning-color, 246, 169, 0));
}
#notificationFlash.notificationFlashwarning .notificationFlashIcon{
background-color: rgb(var(--warning-hover-color, 214, 143, 0));
}
.notificationFlashIssueList {
margin: 6px 0 10px 0;
padding-left: 22px;
text-align: left;
list-style-type: disc;
}
.notificationFlashIssueList li {
margin: 3px 0;
font-weight: bold;
line-height: 1.35;
}
.notificationFlashCopyIcon {
display: inline-flex;
align-items: center;
margin-top: 4px;
font-size: 14px;
cursor: pointer;
opacity: 0.9;
}
.notificationFlashCopyIcon:hover {
opacity: 1;
}



.ui-widget-content, .ui-widget, .ui-menu, .ui-autocomplete, .ui-autocomplete-input {
z-index: 9999999999 !important;
}
.ui-menu-item {
width: 100%;
text-align: left;
}
body {
scrollbar-gutter: auto;
}
.fa-margin-right {
margin-right: 5px;
}
.fa-margin-left {
margin-left: 5px;
}

#vendorSidebar {
z-index: 9999999 !important;
}
button,
button:hover {
transition-duration: .4s;
}
.no-transition {
transition-duration: 0s;
}
#systemNotificationContainer {
padding: 0;
width: 100%;
height: 50px;
overflow-y: auto;
border: none;
z-index: 9999 !important;
position: fixed;
top: 0;
left: 0;
}

#systemNotificationContainer::-webkit-scrollbar {
-webkit-appearance: none;
width: 8px;
height: 8px;
}

#systemNotificationContainer::-webkit-scrollbar-track {
background: transparent;
border-radius: 10px;
}

#systemNotificationContainer::-webkit-scrollbar-thumb {
border-radius: 4px;
}

#systemNotificationContainer ::-webkit-scrollbar {
-webkit-appearance: none;
width: 10px;
height: 10px;
}

#systemNotificationContainer ::-webkit-scrollbar-track {
border-radius: 10px;
}

#systemNotificationContainer ::-webkit-scrollbar-thumb {
border-radius: 4px;
}

.individualNotification {
padding: 6px 16px 6px 20px;
margin: 0;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
gap: 12px;
font-weight: 600;
height: 50px;
box-sizing: border-box;
}
.notification-title {
font-size: 14px;
font-weight: 500;
display: inline-flex;
align-items: center;
gap: 8px;
max-width: min(75vw, 980px);
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.notification-title:hover,
.notification-title:active {
text-decoration: none;
}
.notification-title-icon {
flex-shrink: 0;
font-size: 13px;
}
.notification-title-text {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
min-width: 0;
}
.notification-label {
font-weight: 700;
flex-shrink: 0;
}
.sys-notification-actions {
display: flex;
align-items: center;
gap: 6px;
flex-shrink: 0;
}
.sys-notification-icon-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 4px;
min-width: 32px;
height: 32px;
padding: 0 8px !important;
border: 1px solid transparent;
border-radius: 4px;
background: transparent;
cursor: pointer;
text-decoration: none;
font-size: 14px;
line-height: 1;
transition: background-color .2s ease, border-color .2s ease, color .2s ease;
}
.sys-notification-icon-btn .sys-notification-count {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 18px;
height: 18px;
padding: 0 5px;
border-radius: 999px;
font-size: 11px;
font-weight: 700;
line-height: 1;
}
.sys-notification-btn {
padding: 6px 12px !important;
font-size: 12.5px;
border: 1px solid transparent;
border-radius: 4px;
transition: background-color .2s ease, border-color .2s ease, color .2s ease;
}
.sys-notification-btn span {
text-transform: none;
}
.center{
text-align:center;
}

.dropdown-caret {
background-color: transparent;
float: left;
border: none;
outline: none;
cursor: pointer;
padding: 11px 16px !important;
transition: 0.3s;
text-decoration: none;
color: #666;
font-weight: normal;
font-size: 14px;
width: 100%;
}
.profile-username {
width: 100%;
text-align: center;
}
.dropdown-wrapper.active .dropdown-wrapper-caret,
.dropdown-wrapper.active .dropdown-wrapper-caret span{
color: white;
}
.dropdown-wrapper {
padding: 0 !important;
position: relative;
}
.dropdown-caret:hover {
background-color: transparent;
text-decoration: none;
color: #666;
}
.modal {overflow-y: auto;}
.modal-margin-adjust {margin: 0px !important; border-radius: 5px !important; padding: 0px;}
.w-100-pct {width: 100%}
.modal-backdrop, #backgroundForPOP {z-index: 99999999;}
/* Contacts tab — unlock vendor RFP response confirm (see showUnlockVendorConfirmModal in main.js) */
.unlock-vendor-confirm-modal {
z-index: 1000000000 !important;
padding: 24px 16px 32px;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
text-align: center;
outline: none !important;
box-shadow: none !important;
/* bs3 .fade { opacity:0 } + bs4 .show (no .in) leaves modal translucent — force opaque shell */
opacity: 1 !important;
}
.unlock-vendor-confirm-modal .modal-dialog,
.unlock-vendor-confirm-modal .modal-content,
.unlock-vendor-confirm-modal .modal-header,
.unlock-vendor-confirm-modal .modal-body,
.unlock-vendor-confirm-modal .modal-footer {
opacity: 1 !important;
}
.unlock-vendor-confirm-modal::before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
width: 0;
}
.unlock-vendor-confirm-modal .modal-dialog {
display: inline-block;
vertical-align: middle;
text-align: left;
margin: 0 auto;
max-width: 520px;
width: 100%;
position: relative;
top: auto;
transform: none;
background-color: #fff !important;
background-clip: padding-box;
}
.unlock-vendor-confirm-modal .modal-content {
background: #fff !important;
background-color: #fff !important;
border: none !important;
border-radius: 8px;
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
margin: 0 auto;
outline: none !important;
overflow: hidden;
}
.unlock-vendor-confirm-modal .modal-header {
background: #fff !important;
background-color: #fff !important;
padding: 18px 20px 14px;
border-bottom: 1px solid #e8e8e8;
position: relative;
}
.unlock-vendor-confirm-modal .modal-header .close {
position: absolute;
top: 16px;
right: 14px;
margin-top: 0;
opacity: 0.55;
z-index: 1;
}
.unlock-vendor-confirm-modal .unlock-vendor-confirm-title-row {
display: flex;
align-items: center;
gap: 12px;
padding-right: 36px;
}
.unlock-vendor-confirm-modal .unlock-vendor-confirm-title-icon {
flex-shrink: 0;
font-size: 22px;
line-height: 1;
color: rgb(243, 156, 18);
}
.unlock-vendor-confirm-modal .modal-title {
margin: 0;
padding-right: 0;
font-size: 18px;
font-weight: 600;
line-height: 1.35;
flex: 1;
min-width: 0;
}
.unlock-vendor-confirm-modal .modal-body {
background: #fff !important;
background-color: #fff !important;
padding: 18px 20px;
font-size: 14px;
line-height: 1.55;
color: #333;
}
.unlock-vendor-confirm-modal .unlock-vendor-confirm-unlock-row {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-around;
gap: 12px 16px;
margin-top: 12px;
margin-bottom: 4px;
}
.unlock-vendor-confirm-modal .unlock-vendor-confirm-unlock-row .btn {
min-width: 190px;
}
.unlock-vendor-confirm-modal .unlock-vendor-confirm-proceed-prompt {
font-size: 14px;
font-weight: 600;
color: #333;
margin: 0;
}
.unlock-vendor-confirm-modal .unlock-vendor-confirm-extension-note {
margin-top: 16px;
margin-bottom: 10px;
font-size: 13px;
color: #555;
}
.unlock-vendor-confirm-modal .unlock-vendor-confirm-extension-actions {
margin-top: 4px;
}
.unlock-vendor-confirm-modal .unlock-vendor-confirm-grant-extension .fa,
.unlock-vendor-confirm-modal .unlock-vendor-confirm-continue .fa {
margin-right: 6px;
}
.unlock-vendor-confirm-modal .modal-footer {
background: #fff !important;
background-color: #fff !important;
padding: 14px 20px 18px;
border-top: 1px solid #e8e8e8;
margin-top: 0;
text-align: right;
}
.unlock-vendor-confirm-modal .modal-footer .btn + .btn {
margin-left: 8px;
}
.unlock-vendor-confirm-backdrop {
z-index: 999999999 !important;
}
.hover-modal {
margin: 5% auto;
border-radius: 5px;
max-width: 95%;
max-height: 90%;
overflow-x: hidden;
overflow-y: auto;
}
/* Page-level fixed save bars stay below hoverDiv + backdrop while a hover modal is open */
body.hover-modal-active .fixed-save-container {
z-index: 1 !important;
}
/* Save bars injected into hover modal AJAX content: sticky within modal, not viewport-fixed */
body.hover-modal-active .hover-modal .fixed-save-container {
position: sticky;
bottom: 0;
z-index: 2 !important;
width: 100%;
left: auto;
margin-left: 0;
}
.hover-modal.vendor-fields-hover-modal {
width: 1400px !important;
max-width: 95%;
padding: 0 !important;
margin-top: 2% !important;
background: #fff;
}
.fieldset-margin.vendor-fields-in-modal {
margin: 0 !important;
}
.vendor-fields-in-modal .vendor-fields-intro {
margin: 0 0 10px 0 !important;
}
.hover-modal.hover-modal-add-media {
    max-width: 95vw;
    max-height: 92vh;
    overflow-y: auto;
    margin: 2% auto;
}
.fixed-sync-modal-footer {
    position: static;
    width: 100%;
    padding: 10px 0;
    background: transparent;
}
.sync-modal-button-row {
    width: 100%;
    margin: 8px 0;
}

.hover-modal-bg {
background: #f2f3f7;
padding: 30px !important;
}
.hover-modal.hover-modal-fit {
top: 5% !important;
right: 0 !important;
bottom: auto !important;
left: 0 !important;
height: auto !important;
max-height: 90vh;
overflow-y: auto;
}
.hover-modal.hover-modal-line-items {
width: 96vw !important;
max-width: 96vw !important;
overflow-x: visible;
}
.hover-modal.hover-modal-line-items .datagrid {
width: 100%;
table-layout: auto;
}
.hover-modal.hover-modal-line-items .datagrid th,
.hover-modal.hover-modal-line-items .datagrid td {
white-space: nowrap;
padding: 4px 10px;
font-size: 12px;
vertical-align: middle;
text-align: left;
}
.hover-modal.hover-modal-line-items .datagrid.io-line-item-grid th,
.hover-modal.hover-modal-line-items .datagrid.io-line-item-grid td {
text-align: left !important;
}
.hover-modal.hover-modal-line-items .datagrid.io-line-item-grid tbody[style*="border: none"] td {
text-align: center !important;
border: none !important;
padding: 15px 0 !important;
font-size: 17px !important;
}
.hover-modal.hover-modal-line-items .datagrid th {
font-size: 11px;
}
.hover-modal.hover-modal-nested {
z-index: 2147483647 !important;
top: 8% !important;
box-sizing: border-box;
}
.hover-modal.hover-modal-nested.hover-modal-bg {
padding: 40px 48px 24px 24px !important;
}
.hover-modal.hover-modal-nested > .popup-close {
top: 12px;
right: 16px;
}
body.modal-open .modal-backdrop.io-note-nested-backdrop {
z-index: 2147483646 !important;
}
body.modal-open .modal-backdrop.fade.show {
opacity: 0.55 !important;
background-color: #000;
display: block !important;
}
.pop-bg {background: #FFFFFF; border-radius: 5px; padding-bottom: 5px;}
.side-left-modal {z-index: 999 !important;}
.sidebar-child {z-index: 999999999 !important; transition: .5s;}
.main-footer, .timeout-dialog {
z-index: 99999999999999;
}
.modal-content, .timeout-modal {z-index: 9999999999999;}
.help-btn-container, .vendor-help-btn-container {z-index: 999999999 !important;}

.content {
background-color:#f2f3f7 !important;
box-sizing: content-box;
}

.login-content {
margin-left: var(--pmx-left-nav-width, 160px);
}
.select2-container--default .select2-selection--single {
border-radius:3px;
padding:6px !important;
font-weight:200 !important;
height:40px !important;
}
.select2-container--default .select2-selection--single:not(.selectRequired){
border:#e3e4e7 solid 1px !important;
border-radius:3px;
}
.select2-selection__arrow{
margin-top:6px !important;
}
.select2-container:not(.auto-width):not(.select2-100) {width: 100% !important;}
.select2-100 {width: auto !important; min-width: auto !important}
.select2-no-minmax-w {max-width: none !important; min-width: auto !important;}
.select2-selection {margin-bottom: 4px;}
.select2-search:after {
top: 10px !important;
right: 12px !important;
}
.width-reset {
max-width: none !important;
min-width: 0 !important;
width: auto;
}
.img-container{
max-width: 370px !important;
position: relative;
}
.img-rotate-loader {width: 100%; display: none; flex-direction: row; justify-content: center; margin-top: 5px;}
.bt-spinner-sm {width: 50px; height: 50px;}
	@font-face { font-family: learningcurve; src: url('../font/learningcurve/LearningCurve.ttf'); }

.smallScreenOnly{display:none;}
@media only screen and (max-width: 1750px) {
.largeScreenOnly{display:none}
.smallScreenOnly{display:inline-block;}
}
a.button,
a.btn,
button {
text-transform: capitalize !important;
}

.vendor-sidebar-child li {
box-shadow: rgba(149, 157, 165, 0.45) 0px 8px 24px;
background-color: #ffffff;
}

img.vendorLogoThumb {
display: block;
max-width:90px;
max-height:44px;
width: auto;
height: auto;
}

.proposal-contacts-vendor-logo-cell {
	width: 190px !important;
	max-width: 190px;
	vertical-align: middle;
	padding-right: 10px;
}
.proposal-contacts-grid .proposal-contacts-vendor-logo-cell {
	width: 190px !important;
	min-width: 190px;
	max-width: 190px;
	vertical-align: middle;
	padding: 8px 18px;
	box-sizing: border-box;
	position: relative;
	z-index: 1;
	background-color: inherit;
	text-align: center;
	overflow: hidden;
}
.proposal-contacts-grid .proposal-contacts-vendor-logo-cell img.vendorLogoThumb {
	max-width: 105px;
	max-height: 48px;
	margin-left: auto;
	margin-right: auto;
}
.add-new-contact-btn {
	font-size: 10px !important;
}
.proposal-contacts-grid td.proposal-contacts-add-new-contact-cell,
.proposal-contacts-grid td.proposal-contacts-subgrid-actions-cell {
	vertical-align: middle;
	text-align: right;
	white-space: nowrap;
}
.proposal-contacts-grid td.proposal-contacts-add-new-contact-cell .btn {
	white-space: nowrap;
	max-width: 100%;
}
.proposal-contacts-grid td.proposal-contacts-subgrid-actions-cell .proposal-contacts-remove-new-contact {
	padding: 6px 12px !important;
	font-size: 13px;
	line-height: 1;
	vertical-align: middle;
}
.proposal-contacts-grid .proposal-contacts-subgrid-lead-inner {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px 12px;
	width: 100%;
	box-sizing: border-box;
}
.proposal-contacts-grid .proposal-contacts-subgrid-lead-gap {
	flex: 0 0 auto;
	width: 6%;
	min-width: 140px;
	max-width: 160px;
}
.proposal-contacts-grid .proposal-contacts-subgrid-lead-actions {
	flex: 0 1 auto;
	min-width: 0;
}
.proposal-contacts-grid .proposal-contacts-subgrid-lead-inner--flush {
	justify-content: flex-start;
}
.proposal-contacts-grid .proposal-contacts-subgrid-lead-inner--flush .proposal-contacts-subgrid-lead-gap {
	display: none;
}
.proposal-contacts-grid td.proposal-contacts-subgrid-logo-cell {
	padding: 8px 14px;
	box-sizing: border-box;
	vertical-align: middle;
	border: none;
}
.proposal-contacts-grid td.proposal-contacts-subgrid-contact-detail-cell {
	vertical-align: middle;
	text-align: left;
	padding: 8px 14px;
	box-sizing: border-box;
	font-size: 11px;
	line-height: 1.35;
	word-break: normal;
	overflow-wrap: break-word;
	min-width: 22rem;
	max-width: none;
}
.proposal-contacts-grid td.proposal-contacts-subgrid-contact-detail-cell.proposal-contacts-contact-info a {
	display: inline;
	max-width: none;
	overflow: visible;
	text-overflow: clip;
	white-space: nowrap;
	vertical-align: baseline;
}
.proposal-contacts-grid .proposal-contacts-contact-detail-icon {
	font-size: 10px;
	margin-right: 0.4em;
	opacity: 0.9;
	color: rgb(28, 184, 173);
	vertical-align: middle;
	line-height: 1;
}
.proposal-contacts-grid tbody tr.proposal-contacts-new-contact-row td.proposal-contacts-subgrid-contact-detail-cell .proposal-contacts-new-email-input {
	width: 100%;
	min-width: 9rem;
	max-width: 22rem;
	box-sizing: border-box;
	display: block;
}
.proposal-contacts-grid td.proposal-contacts-subgrid-name-cell {
	vertical-align: middle;
	text-align: left;
	padding: 8px 14px;
	box-sizing: border-box;
	overflow-wrap: anywhere;
	word-break: break-word;
}
.proposal-contacts-grid tbody tr.proposal-contacts-new-contact-row td.proposal-contacts-subgrid-name-cell {
	min-width: 0;
}
.proposal-contacts-grid .proposal-contacts-subgrid-name-optin-flex {
	display: inline-flex;
	justify-content: flex-start;
	align-items: center;
	box-sizing: border-box;
	gap: 10px 12px;
	max-width: 100%;
	vertical-align: middle;
}
.proposal-contacts-grid .proposal-contacts-subgrid-name-col {
	flex: 0 1 auto;
	min-width: 0;
	max-width: 100%;
	box-sizing: border-box;
}
.proposal-contacts-grid .proposal-contacts-subgrid-name-col .proposal-contacts-contact-name-inner {
	width: auto;
	max-width: 100%;
	flex-wrap: nowrap;
}
.proposal-contacts-grid .proposal-contacts-contact-name-inner .person-card-trigger.profile-avatar,
.proposal-contacts-grid .proposal-contacts-contact-name-inner .profile-avatar.person-card-trigger {
	cursor: pointer;
	flex-shrink: 0;
}
.proposal-contacts-grid .proposal-contacts-contact-name-inner .proposal-contacts-person-trigger {
	white-space: nowrap;
}
.proposal-contacts-grid .proposal-contacts-subgrid-optin-col {
	flex: 0 0 auto;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	white-space: nowrap;
	box-sizing: border-box;
}
.proposal-contacts-grid .proposal-contacts-subgrid-optin-col .proposal-contacts-name-row-chk {
	margin: 0;
	vertical-align: middle;
}

.proposal-contacts-grid .proposal-contacts-subgrid-optin-placeholder {
	display: block;
	width: 18px;
	height: 18px;
	flex-shrink: 0;
	box-sizing: border-box;
}
.proposal-contacts-grid td.proposal-contacts-opted-out-cell {
	padding: 8px 4px;
	vertical-align: middle;
}

.proposal-contacts-grid .proposal-contacts-opted-out-strip {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	width: 100%;
	box-sizing: border-box;
	align-items: center;
	column-gap: 4px;
	min-height: 2rem;
}
.proposal-contacts-grid .proposal-contacts-opted-out-msg {
	grid-column: 1 / -1;
	text-align: center;
	font-style: italic;
	color: #5a5a5a;
	font-size: 0.95em;
}
.proposal-contacts-vendor-well {
	display: block;
	box-sizing: border-box;
	width: 100%;
	padding: 2px 0;
	border: none;
	outline: 1px solid rgba(69, 69, 69, 0.09);
	background:rgb(237, 240, 244);
}
.proposal-contacts-subgrid-wrapper-cell {
	padding: 0 !important;
	vertical-align: top;
	border: none !important;
	background: transparent !important;
	box-shadow: none !important;
}
.proposal-contacts-grid tbody tr.proposal-contacts-subgrid-shell {
	box-shadow: none;
}

.proposal-contacts-vendor-well tbody tr.contactRow:nth-child(odd) > td {
	background-color:rgb(245, 246, 248) !important;
	border-top: none;
}
.proposal-contacts-vendor-well tbody tr.contactRow:nth-child(even) > td {
	background-color:rgb(236, 236, 241) !important;
	border-top: none;
}
.proposal-contacts-vendor-well tbody tr.contactRow:hover > td {
	background-color: rgb(var(--hover-row-color)) !important;
	transition: background-color .2s ease;
}
table.contactList.datagrid.proposal-contacts-grid > tbody > tr.company-row:hover > td {
	background-color: rgb(var(--hover-row-color)) !important;
	transition: background-color .2s ease;
}
table.contactList.datagrid.proposal-contacts-grid {
	width: 100%;
	/* colgroup + fixed: name column (2) stays same width when contact sub-rows toggle (detail col no longer steals from name). */
	table-layout: fixed;
	min-width: 960px;
	/* sticky thead needs separate borders (collapse breaks sticky in Chrome/Safari) */
	border-collapse: separate !important;
	border-spacing: 0;
}
/* Dedicated scrollport so sticky thead works regardless of page overflow ancestors. */
.proposal-contacts-scroll-wrap {
	max-height: min(70vh, calc(100vh - 220px));
	overflow: auto;
	width: 100%;
	-webkit-overflow-scrolling: touch;
}
.proposal-contacts-fieldset-data {
	/* Win over agency.php `.fieldSetData { overflow-y: auto }` so the inner wrap is the only scrollport */
	overflow: visible !important;
}
.proposal-contacts-scroll-wrap table.contactList.datagrid.proposal-contacts-grid > thead > tr:first-child > th {
	/* !important: inline position:relative (help-anchor leftover) otherwise wins and the header scrolls away */
	position: -webkit-sticky !important;
	position: sticky !important;
	/* Pull up slightly so subpixel scroll gaps don't show content through the top edge */
	top: -2px;
	z-index: 30;
	background: #fff !important;
	/* Upward fill closes the anti-aliasing/subpixel sliver above sticky cells */
	box-shadow: 0 -2px 0 0 #fff, 0 1px 0 rgba(0, 0, 0, 0.08);
	padding-top: 12px;
}
.proposal-contacts-scroll-wrap table.contactList.datagrid.proposal-contacts-grid > thead > tr:nth-child(2) > td {
	position: -webkit-sticky !important;
	position: sticky !important;
	top: calc(var(--proposal-contacts-thead-h, 48px) - 2px);
	z-index: 29;
	background: #fff !important;
	box-shadow: 0 -1px 0 0 #fff, 0 1px 0 rgba(0, 0, 0, 0.06);
}
/* Keep admin billing-exempt header readable under the sticky #fff fill */
.proposal-contacts-scroll-wrap table.contactList.datagrid.proposal-contacts-grid > thead > tr:first-child > th.billingExempt {
	background: #f00 !important;
	color: #fff !important;
	box-shadow: 0 -2px 0 0 #f00, 0 1px 0 rgba(0, 0, 0, 0.08);
}
table.contactList.datagrid.proposal-contacts-grid.proposal-contacts-subgrid-inner {
	min-width: 0 !important;
	width: 100%;
	table-layout: fixed;
	margin-bottom: 0px;
}

table.contactList.datagrid.proposal-contacts-grid.proposal-contacts-subgrid-inner td.proposal-contacts-subgrid-contact-detail-cell {
	min-width: 0 !important;
	overflow-wrap: break-word;
	word-break: break-word;
}

.proposal-contacts-company-checkall-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 28px;
}

.proposal-contacts-company-checkall {
	margin: 0;
}

.proposal-contacts-company-checkall-wrap--header {
	justify-content: flex-start;
	min-height: 0;
	padding-top: 4px;
}

.proposal-contacts-company-checkall-label {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 11px;
	font-weight: 600;
	color: #555;
	margin: 0;
	white-space: nowrap;
	cursor: pointer;
}

.proposal-contacts-company-checkall-label span {
	font-size: 12px;
	font-weight: bold;
	margin-top: 6px;
}
table.contactList.datagrid.proposal-contacts-grid.proposal-contacts-subgrid-inner td.proposal-contacts-subgrid-lead-cell,
table.contactList.datagrid.proposal-contacts-grid.proposal-contacts-subgrid-inner td.proposal-contacts-subgrid-name-cell {
	min-width: 0;
}
/* Inner billing cell: outer .billingExempt uses width:7% !important — meaningless against nested 100% width table and fights sync. */
table.contactList.datagrid.proposal-contacts-grid.proposal-contacts-subgrid-inner td.billingExempt {
	width: auto !important;
	max-width: none !important;
	min-width: 0 !important;
}
table.contactList.datagrid.proposal-contacts-grid.proposal-contacts-subgrid-inner td.proposal-contacts-subgrid-contact-detail-cell.proposal-contacts-contact-info a {
	white-space: normal;
	overflow-wrap: anywhere;
}
.proposal-contacts-grid th {
	min-width: 85px !important;
	box-sizing: border-box;
}
.proposal-contacts-grid col.proposal-contacts-col-logo {
	width: 190px;
	min-width: 190px;
}
.proposal-contacts-grid col.proposal-contacts-col-vendor-name {
	width: 20%;
}
.proposal-contacts-grid col.proposal-contacts-col-actions-detail {
	width: 28%;
	min-width: 22rem;
}
.proposal-contacts-grid thead th.proposal-contacts-th-vendor-logo {
	width: 190px;
	min-width: 190px;
	max-width: 190px;
	box-sizing: border-box;
	vertical-align: top;
}
.proposal-contacts-grid thead th.proposal-contacts-th-vendor-name {
	text-align: left;
	width: 23%;
	min-width: 200px;
	max-width: none;
	vertical-align: middle;
}
.proposal-contacts-grid > thead > tr:first-child > th {
	vertical-align: middle;
	padding: 10px 12px;
	box-sizing: border-box;
	white-space: normal;
	overflow-wrap: break-word;
	line-height: 1.25;
	text-align: left;
}
.proposal-contacts-grid thead th .proposal-contacts-th-help {
	display: inline-block;
	position: relative;
	box-sizing: border-box;
	vertical-align: middle;
	max-width: 100%;
	white-space: normal;
}
body.help-mode-on .proposal-contacts-grid thead th .proposal-contacts-th-help[data-hm-anchor] {
	padding-right: 18px;
}
.proposal-contacts-grid thead td.proposal-contacts-thead-logo-spacer {
	width: 190px;
	min-width: 190px;
	max-width: 190px;
	box-sizing: border-box;
	padding: 8px 18px;
	border: none;
	vertical-align: middle;
}
.proposal-contacts-grid tbody td.proposal-contacts-vendor-name-cell,
.proposal-contacts-grid tbody td.proposal-contacts-vendor-actions-cell {
	vertical-align: middle;
}
.proposal-contacts-grid tbody td.proposal-contacts-vendor-name-cell {
	min-width: 0;
	text-align: left;
	overflow-wrap: break-word;
	word-break: break-word;
}
.proposal-contacts-grid tbody td.proposal-contacts-vendor-actions-cell {
	text-align: right;
	white-space: nowrap;
}
.proposal-contacts-grid td.proposal-contacts-rfp-status-cell {
	box-sizing: border-box;
	vertical-align: top;
	padding-left: 14px;
	padding-right: 18px;
	font-size: 11px;
	line-height: 1.35;
	word-break: normal;
	overflow-wrap: normal;
}
.proposal-contacts-grid td.proposal-contacts-hold-status-cell {
	box-sizing: border-box;
	vertical-align: top;
	padding-left: 18px;
	padding-right: 14px;
	font-size: 11px;
	line-height: 1.35;
	word-break: normal;
	overflow-wrap: normal;
}
.proposal-contacts-grid td.proposal-contacts-io-signature-cell {
	box-sizing: border-box;
	vertical-align: top;
	padding-left: 18px;
	padding-right: 14px;
	font-size: 11px;
	line-height: 1.35;
	word-break: normal;
	overflow-wrap: normal;
}
table.contactList.datagrid.proposal-contacts-grid[data-proposal-contacts-contracted="1"] thead th.proposal-contacts-th-io-signature,
table.contactList.datagrid.proposal-contacts-grid[data-proposal-contacts-contracted="1"] tbody td.proposal-contacts-io-signature-cell {
	width: 110px !important;
	min-width: 110px !important;
	max-width: none !important;
}
table.contactList.datagrid.proposal-contacts-grid[data-proposal-contacts-hold="0"] thead th.proposal-contacts-th-rfp-status,
table.contactList.datagrid.proposal-contacts-grid[data-proposal-contacts-hold="0"] tbody td.proposal-contacts-rfp-status-cell {
	width: 110px !important;
	min-width: 110px !important;
	max-width: none !important;
}
table.contactList.datagrid.proposal-contacts-grid[data-proposal-contacts-hold="1"] thead th.proposal-contacts-th-rfp-status,
table.contactList.datagrid.proposal-contacts-grid[data-proposal-contacts-hold="1"] tbody td.proposal-contacts-rfp-status-cell {
	width: 110px !important;
	min-width: 110px !important;
	max-width: none !important;
}
table.contactList.datagrid.proposal-contacts-grid[data-proposal-contacts-hold="1"] thead th.proposal-contacts-th-hold-status,
table.contactList.datagrid.proposal-contacts-grid[data-proposal-contacts-hold="1"] tbody td.proposal-contacts-hold-status-cell {
	width: 110px !important;
	min-width: 110px !important;
	max-width: none !important;
}
/* Admin/SU Brief + Edit actions live in RFP Status. */
table.contactList.datagrid.proposal-contacts-grid[data-proposal-contacts-admin="1"] thead th.proposal-contacts-th-rfp-status,
table.contactList.datagrid.proposal-contacts-grid[data-proposal-contacts-admin="1"] tbody td.proposal-contacts-rfp-status-cell,
table.contactList.datagrid.proposal-contacts-grid[data-proposal-contacts-su="1"] thead th.proposal-contacts-th-rfp-status,
table.contactList.datagrid.proposal-contacts-grid[data-proposal-contacts-su="1"] tbody td.proposal-contacts-rfp-status-cell {
	width: 11rem !important;
	min-width: 11rem !important;
	max-width: none !important;
}
.proposal-contacts-grid td.proposal-contacts-hold-check-placeholder {
	min-width: 5rem;
	box-sizing: border-box;
}
.proposal-contacts-grid .proposal-contacts-hold-dates {
	white-space: normal;
}
.proposal-contacts-grid .proposal-contacts-status-compact {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	flex-wrap: nowrap;
	white-space: nowrap;
}
.proposal-contacts-grid .proposal-contacts-status-info {
	cursor: help;
	color: rgb(60, 141, 188);
	font-size: 14px;
	line-height: 1;
	vertical-align: middle;
	flex-shrink: 0;
}
.proposal-contacts-grid tbody tr.company-row .proposal-contacts-vendor-name {
	margin-top: 7px;
	font-style: normal;
	min-width: 0;
	max-width: 100%;
	box-sizing: border-box;
	overflow-wrap: break-word;
	word-break: break-word;
}
.proposal-contacts-grid tbody tr.company-row .proposal-contacts-vendor-name a.vendorHover {
	overflow-wrap: break-word;
	word-break: break-word;
}
.proposal-contacts-grid .proposal-contacts-vendor-actions {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex-shrink: 0;
	gap: 4px;
	white-space: nowrap;
}
.proposal-contacts-grid thead td.proposal-contacts-include-rfp-cell,
.proposal-contacts-grid tbody td.proposal-contacts-include-rfp-cell {
	min-width: 8rem;
	width: 6.5% !important;
	max-width: none;
	box-sizing: border-box;
	padding: 8px 12px;
	vertical-align: middle;
	text-align: center;
}
.proposal-contacts-include-rfp-cell .pill-toggle {
	margin-left: auto;
	margin-right: auto;
}
.proposal-contacts-grid thead td.proposal-contacts-checkall-leading-cell {
	padding: 8px 14px;
	vertical-align: middle;
	font-size: 12px;
	white-space: normal;
	line-height: 1.2;
	border: none;
	text-align: left;
}
.proposal-contacts-grid thead td.proposal-contacts-checkall-leading-cell .check-all-text {
	margin-right: 10px;
	padding-right: 0;
	vertical-align: middle;
}
.proposal-contacts-grid thead td.proposal-contacts-checkall-leading-cell .addNewBtn {
	float: none;
	margin-left: 0;
	vertical-align: middle;
	display: inline-block;
}
.proposal-contacts-grid td.proposal-contacts-include-rfp-spacer {
	/* Match .proposal-contacts-include-rfp-cell (6.5%) so Avails…Spec line up with thead. */
	width: 6.5% !important;
	min-width: 8rem;
	max-width: none;
	box-sizing: border-box;
	padding: 8px 12px;
	vertical-align: middle;
}
.proposal-contacts-grid thead th.billingExempt,
.proposal-contacts-grid tbody td.billingExempt {
	width: 10% !important;
	min-width: 8rem !important;
	max-width: none !important;
	box-sizing: border-box;
	vertical-align: middle;
	text-align: center;
}
.proposal-contacts-grid thead th.billingExempt {
	color: white !important;
}
.proposal-contacts-grid thead th.proposal-contacts-th-vendor-links {
	width: 14%;
	min-width: 12rem;
	line-height: 1.25;
	vertical-align: middle;
	text-align: left;
	box-sizing: border-box;
}
.proposal-contacts-grid td.proposal-contacts-vendor-links-cell {
	vertical-align: middle;
	text-align: center;
	box-sizing: border-box;
	padding: 8px 4px 8px 6px;
	white-space: normal;
}
.proposal-contacts-grid td.proposal-contacts-vendor-links-cell img.proposalReport {
	vertical-align: middle;
	margin: 0 2px;
}
.proposal-contacts-grid td.proposal-contacts-vendor-links-cell a.proposal-contacts-vendor-portal-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	flex: 0 0 2.75rem;
	width: 2.75rem;
	height: 2.75rem;
	min-width: 2.75rem;
	max-width: 2.75rem;
	aspect-ratio: 1 / 1;
	margin: 0 2px;
	vertical-align: middle;
	font-size: 1.2rem;
	line-height: 1;
	color: rgb(var(--secondary-color, 157, 132, 62));
	text-decoration: none;
	border: solid 2px rgba(var(--secondary-color, 157, 132, 62), 0.85);
	padding: 0;
	border-radius: 50%;
	-webkit-transition: -webkit-transform .8s ease-in-out, border-color .2s, color .2s;
	transition: transform .8s ease-in-out, border-color .2s, color .2s;
}
.proposal-contacts-grid td.proposal-contacts-vendor-links-cell a.proposal-contacts-vendor-portal-icon:hover {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
	border: solid 2px rgb(var(--secondary-hover-color, 128, 107, 51));
	color: rgb(var(--secondary-hover-color, 128, 107, 51));
}
.proposal-contacts-grid td.proposal-contacts-vendor-links-cell a.proposal-contacts-vendor-portal-icon--muted {
	opacity: 0.55;
	cursor: pointer;
	color: rgb(var(--secondary-color, 157, 132, 62));
	border-color: rgba(var(--secondary-color, 157, 132, 62), 0.65);
}
.proposal-contacts-grid td.proposal-contacts-vendor-links-cell a.proposal-contacts-vendor-portal-icon--muted:hover {
	-webkit-transform: none;
	transform: none;
	border-color: rgb(var(--secondary-hover-color, 128, 107, 51));
	color: rgb(var(--secondary-hover-color, 128, 107, 51));
	opacity: 0.88;
}
.proposal-contacts-grid tbody tr td.proposal-contacts-vendor-links-cell:last-child {
	padding-right: 8px;
}
.proposal-contacts-grid .proposal-contacts-vendor-links-label-cell {
	font-size: 12px;
}

table.proposal-contacts-grid[data-proposal-contacts-admin="1"] .proposal-contacts-vendor-links-label-cell,
table.proposal-contacts-grid[data-proposal-contacts-su="1"] .proposal-contacts-vendor-links-label-cell {
	text-align: center !important;
	vertical-align: middle;
	box-sizing: border-box;
}
table.proposal-contacts-grid[data-proposal-contacts-admin="1"] thead th.proposal-contacts-th-vendor-links,
table.proposal-contacts-grid[data-proposal-contacts-su="1"] thead th.proposal-contacts-th-vendor-links {
	width: 12%;
	min-width: 0;
	max-width: none;
	box-sizing: border-box;
	text-align: center !important;
}
table.proposal-contacts-grid[data-proposal-contacts-admin="1"] tbody tr.company-row td.proposal-contacts-vendor-links-placeholder,
table.proposal-contacts-grid[data-proposal-contacts-su="1"] tbody tr.company-row td.proposal-contacts-vendor-links-placeholder {
	min-width: 0;
	box-sizing: border-box;
}
table.proposal-contacts-grid[data-proposal-contacts-admin="1"] td.proposal-contacts-vendor-links-cell,
table.proposal-contacts-grid[data-proposal-contacts-su="1"] td.proposal-contacts-vendor-links-cell {
	padding: 8px 6px;
	box-sizing: border-box;
	text-align: center !important;
}
table.proposal-contacts-grid[data-proposal-contacts-admin="1"] td.proposal-contacts-vendor-links-cell .proposal-contacts-vendor-links-inner,
table.proposal-contacts-grid[data-proposal-contacts-su="1"] td.proposal-contacts-vendor-links-cell .proposal-contacts-vendor-links-inner {
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	gap: 6px;
	width: 100%;
	max-width: none;
	margin: 0;
	box-sizing: border-box;
}
.proposal-contacts-grid .proposal-contacts-vendor-links-inner .proposal-contacts-row-action {
	flex: 0 0 auto;
	white-space: nowrap;
	font-size: 12px;
	line-height: 1.2;
	padding: 6px 10px;
}
.proposal-contacts-grid .proposal-contacts-vendor-links-inner .proposal-contacts-row-action--icon {
	padding: 6px 8px;
}
table.proposal-contacts-grid[data-proposal-contacts-admin="1"] td.proposal-contacts-rfp-status-cell.proposal-contacts-vendor-links-cell .proposal-contacts-vendor-links-inner,
table.proposal-contacts-grid[data-proposal-contacts-su="1"] td.proposal-contacts-rfp-status-cell.proposal-contacts-vendor-links-cell .proposal-contacts-vendor-links-inner {
	flex-wrap: nowrap;
}
table.proposal-contacts-grid[data-proposal-contacts-admin="1"] td.proposal-contacts-rfp-status-cell.proposal-contacts-vendor-links-cell .proposal-contacts-vendor-links-inner > *:nth-child(odd):last-child,
table.proposal-contacts-grid[data-proposal-contacts-su="1"] td.proposal-contacts-rfp-status-cell.proposal-contacts-vendor-links-cell .proposal-contacts-vendor-links-inner > *:nth-child(odd):last-child {
	grid-column: auto;
	justify-self: auto;
}
table.proposal-contacts-grid[data-proposal-contacts-admin="1"] .proposal-contacts-subgrid-inner tr.company-contact-row > td,
table.proposal-contacts-grid[data-proposal-contacts-su="1"] .proposal-contacts-subgrid-inner tr.company-contact-row > td {
	vertical-align: middle;
}
/* Type + Include-in-RFP headers: match RFP/Hold band (~6.5% each). */
.proposal-contacts-grid thead th[width="80"],
.proposal-contacts-grid thead th[width="70"] {
	width: 10% !important;
	min-width: 5rem !important;
	max-width: none !important;
	box-sizing: border-box;
	vertical-align: middle;
}
.proposal-contacts-grid thead th[width="100"] {
	min-width: 8rem !important;
	max-width: none !important;
	box-sizing: border-box;
	vertical-align: middle;
}
.proposal-contacts-grid tr.proposal-contacts-new-contact-row td {
	vertical-align: middle;
}
.proposal-contacts-grid .proposal-contacts-new-email-input {
	width: 100%;
	max-width: none;
	box-sizing: border-box;
	display: block;
}
.proposal-contacts-grid thead th.proposal-contacts-th-contact-info {
	text-align: left;
}
.proposal-contacts-grid th.proposal-contacts-th-contact-info.proposal-contacts-contact-col,
.proposal-contacts-grid td.proposal-contacts-contact-col {
	width: 11%;
	min-width: 168px;
	max-width: none;
	box-sizing: border-box;
}
.proposal-contacts-grid td.proposal-contacts-subgrid-email-cell,
.proposal-contacts-grid td.proposal-contacts-checkrow-email-region {
	width: auto;
	min-width: 11rem;
	max-width: none;
	vertical-align: middle;
	text-align: left;
}
.proposal-contacts-grid .proposal-contacts-contact-name-inner {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: nowrap;
	gap: 8px 10px;
	text-align: left;
	width: 100%;
	box-sizing: border-box;
}
.proposal-contacts-grid tbody tr.proposal-contacts-new-contact-row .proposal-contacts-contact-name-inner input {
	flex: 1 1 auto;
	min-width: 7rem;
	max-width: 100%;
}
.proposal-contacts-grid .proposal-contacts-name-row-chk {
	margin: 0;
	flex-shrink: 0;
	float: none;
}
.proposal-contacts-grid td.proposal-contacts-contact-info {
	vertical-align: top;
	overflow: hidden;
	word-break: break-word;
}
.proposal-contacts-grid td.proposal-contacts-contact-info a {
	display: inline-block;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: bottom;
}
.proposal-contacts-grid tbody tr.company-row > td.company-contact-type[width="90px"] {
	width: 6.5% !important;
	min-width: 5rem !important;
	max-width: none !important;
	box-sizing: border-box;
}
.proposal-contacts-grid tbody td.contact-input {
	min-width: 5rem;
	width: 6.5% !important;
	max-width: none;
	box-sizing: border-box;
}
.proposal-contacts-grid > thead > tr:not(:first-child) > td {
	padding: 8px 12px;
	box-sizing: border-box;
}
table.contactList.datagrid.proposal-contacts-grid > tbody > tr > td {
	padding: 10px 12px;
	box-sizing: border-box;
	max-width: none;
}
::-webkit-scrollbar {
-webkit-appearance: none;
width: 10px;
}
::-webkit-scrollbar-thumb {
border-radius: 4px;
background-color: rgba(0, 0, 0, .4);
-webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}
.perm-scroll::-webkit-scrollbar,
#responseTable::-webkit-scrollbar ,
textarea::-webkit-scrollbar {
-webkit-appearance: none;
width: 7px;
height: 7px;
}
.perm-scroll::-webkit-scrollbar-thumb {
border-radius: 4px;
background-color: rgba(0, 0, 0, .4);
-webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}

.sortableCol{
color:#bfdff6 !important;
cursor:pointer;
}
.sortableCol:hover{
color:#FFF !important;
cursor:pointer;
}
.notMyProposal{display:none;}

.icon{font-size:25px;}
.icon:hover{color:#f00;}

/* The switch - the box around the slider */
.switch {
position: relative;
display: inline-block;
width: 60px;
height: 34px;
}

.mnu-campaign{background-image: url("/images/billboard-icon.png"); background-position: center; background-repeat: no-repeat; background-size:25px; height:30px; width:100%;}

#vendorListContainer{
height:250px;
overflow-y:scroll;
}
.geopathSelectList {
padding-left: 0;
max-height: 100px;
margin-top: 5px;
overflow-y: scroll;
border: 1px solid #e3e4e7;
border-radius: 3px;
}
.geopathSelectList li{
display:block;
padding:5px 10px 15px 10px;
vertical-align:middle;
border:solid #eee 1px;
}

.geopathSelectList li:nth-child(even)
{
background:#f2f2f2 !important;
}
.geopathSelectList li:nth-child(odd)
{
background:#fff !important;
}
.geopathSelectList li:hover{
background:#bfdff6 !important;
}

.rejectedTerms td, .rejectedTerms td b a{color:#aaa !important; font-weight:100}

.watermark
{
position:absolute;
top:505px;
left:0px;
width:100%;
text-align:center;
opacity:0.3;
font-size:300px;
z-index:1;
color:#aaa;
pointer-events:none;
user-select:none;
}

.fr{float:right; margin-left:5px;}

.calc-fields-modal-btn,
.calc-fields-modal-btn:hover {
position: absolute;
top: 2px;
left: 2px;
padding: 3px !important;
background: transparent;
border: none;
color: rgb(var(--secondary-color, 157, 132, 62));
}


.general-info-btn,
.general-info-btn:hover {
padding: 3px !important;
background: transparent;
border: none;
color: rgb(var(--secondary-color, 157, 132, 62));
font-size: 13px;
}

.calc-fields-modal-btn:hover,
.general-info-btn:hover {
color: rgb(var(--secondary-hover-color, 128, 107, 51));
}

div.freezeTopLeft {
overflow: auto;
max-width:100%;
max-height:500px;
border-left:solid #eee 1px;
border-right:solid #eee 1px;
}
div.freezeTopLeft thead th {
z-index:8;
position: -webkit-sticky; /* for Safari */
position: sticky;
background-color:inherit;
background-clip:padding-box;
top: 0;
}

div.freezeTopLeft tbody td {
z-index:6;
position: -webkit-sticky; /* for Safari */
position: sticky;
background-color:inherit;
background-clip:padding-box;
left: 0;
}
div.freezeTopLeft thead th:first-child {
left: 0;
z-index:9;
}
div.freezeTopLeft tbody td:first-child {
left: 0;
z-index:7;
}

.loading{background-image: url("/images/loader.gif"); background-position: center; background-repeat: no-repeat;
background-size:30px; height:30px; }


nav {
}
nav ul {
padding: 0;
margin: 0;
list-style: none;
position: relative;
}
nav ul li {
display:inline-block;
}
nav a {
display:block;
padding:0 15px;
color:#FFF;
font-size:16px;
line-height: 45px;
text-decoration:none;
width:200px;
}
nav a:hover {
background-color: #333;
text-decoration:none;
}
nav ul ul {
display: none;
position: absolute;
top: 45px;
}
nav ul li:hover > ul {
display:inherit;
}
nav ul ul li {
width:200px;
float:none;
display:list-item;
position: relative;
}
nav ul ul ul li {
position: relative;
top:-60px;
left:230px;
}
nav ul ul li {
border: 1px solid white;
}




/* Hide default HTML checkbox */
.switch input {display:none;}

/* The slider */
.slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
-webkit-transition: .4s;
transition: .4s;
}

.slider:before {
position: absolute;
content: "";
height: 26px;
width: 26px;
left: 4px;
bottom: 4px;
background-color: white;
-webkit-transition: .4s;
transition: .4s;
}

input:checked + .slider {
background-color: #2196F3;
}

input:focus + .slider {
box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
-webkit-transform: translateX(26px);
-ms-transform: translateX(26px);
transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
border-radius: 34px;
}

.slider.round:before {
border-radius: 50%;
}


/* Style the tab */
.tab {
overflow: hidden;
border: 1px solid #ccc;
background-color: #f1f1f1;
}

/* Style the buttons that are used to open the tab content */
.tab span:not(.btn-text):not(.sub-tablinks):not(.dropdown-tablinks):not(.agency-campaign-tab-help-anchor):not(.hm-spot-q):not(.brief-hm-anchor):not(.spreadsheetLinks-label), .tab a{
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 11px 16px;
  transition: 0.3s;
  text-decoration:none;
  color:#666;
  font-size: 14px;
}
.sub-tablinks {
	font-size: 14px;
	margin-right: 5px;
	padding: 6px 8px;
}

/* Change background color of buttons on hover */
.tab span:not(.btn-text):not(.sub-tablinks):not(.dropdown-tablinks):not(.agency-campaign-tab-help-anchor):not(.hm-spot-q):not(.brief-hm-anchor):not(.spreadsheetLinks-label):hover, .tab a:hover {
background-color: #c4c4c4;
text-decoration:none;
color:#666;
}

/* Create an active/current tablink class */
.tab span.active, .tab a.active {
  background-color: #545454 !important;
  color:#fff !important;
}

/* Mapping CSS `.tab span` and global `button` color/background must not restyle campaign tab ? badges */
.tab .hm-spot-trigger,
.tab .hm-spot-trigger:hover,
.tab .hm-spot-trigger:focus {
background: rgb(var(--tooltip-color)) !important;
color: rgb(var(--tooltip-text-color)) !important;
}
.tab .hm-spot-trigger:hover,
.tab .hm-spot-trigger:focus {
background: rgb(var(--tooltip-hover-color)) !important;
}
.tab .hm-spot-trigger .hm-spot-q {
color: rgb(var(--tooltip-text-color)) !important;
background: transparent !important;
}

/* Style the tab content */
.tabcontent {
display: none;
padding: 25px 12px;
border: 1px solid #ccc;
border-top: none;
}

.goalHeader{text-align:center !important; border-right:solid #fff 1px; border-left:solid #fff 1px; border-top:solid #fff
1px; width:8%}
.progressHeader{text-align:center !important; border-right:solid #fff 1px; border-top:solid #fff 1px; width:8%}
.bl{border-left:solid #aaa 1px; text-align:right; white-space:nowrap;}
.br{border-right:solid #aaa 1px; text-align:right; white-space:nowrap;}
.bb{border-bottom:solid #aaa 1px; white-space:nowrap;}
.ar{text-align:right; white-space:nowrap}



.multilineItem{margin:-35px 0px 0px 180px}

@media only screen and (max-width: 500px) {
<!-- .brand-logo{display:none;} -->
<!-- aside.side-left{max-height:80px; overflow-y:scroll;} -->
header.header{display:none;}
.header-content{display:none;}
.breakTableOnMobile tr td{display:block;}
<!-- #content.content{margin: 25px 0px 0px 0px !important; overflow:scroll !important;} -->
#content.content{overflow:scroll !important;}

td{font-size:11px}
.sidebar-child li {z-index:999;}
label{width:100px !important;}
.multilineItem{margin:-35px 0px 0px 102px}
}


.sidebar-text{
font-size: 13px;
margin-top: 5px;
font-weight: 500;
text-transform: capitalize;
}

.fdDayTD
{
color:#FFF;
}
html
{
}
body{
margin:0 !important;
padding:0 !important;
font-family: "Roboto", sans-serif;
}
a{
text-decoration:none;
}
a:hover{
text-decoration:underline;
color:#f00;
}
td{
vertical-align:top;
}
fieldset{
margin:0px 0px 15px 0px;
width:100%;
background:#FFF;
border-radius:5px;
}
legend{
font-size:16px;
font-weight:bold;
color:#FFF;
border: solid #aaa 1px;
padding:2px 9px 2px 9px;
border-top-left-radius:3px;
border-top-right-radius:3px;
}

.legend-flex {
display: flex;
justify-content: space-between;
align-items: flex-start;
}

fieldset div{
padding:1px 0px 1px 0px;
border-bottom:solid #eee .01em;
}
form label, label{
display: inline-block;
width:165px;
color:#333;
text-align:right;
padding:5px 15px 4px 3px;
background:#fff;
font-weight:bold;
font-family: "Roboto", sans-serif;
}
.multiLineFormElement{
margin:-30px 0px 0px 170px;
border:0px;
}
h1{
color:#555555;
margin:60px 0px 3px 0px;
font-family: "Roboto", sans-serif;
}

.sysColor{
font-weight:bold;
}

h2{
color:#555555;
padding:10px 10px 10px 10px;
margin:8px 0px 0px 0px !important;
}

h3{
margin:5px 0px -5px -20px;
}
.h3Header{
display:inline-block;
background:#FFF;
padding:2px 5px 2px 5px;
border-radius:5px;
border:solid #999 2px;
margin:5px 0px 5px 20px;
}
select optgroup option
{
padding-left:25px;
}

#currentlySelectedList li {font-size:16px; padding-bottom:3px;}
.hereForTheMove{
position:absolute;
font-weight:bold;
}
.removeMarket {
float: left;
height: 20px;
cursor: pointer;
}
#toasterContainer{
position:fixed;
bottom:0px;
right:17px;
border-top-left-radius:3px;
border-top-right-radius:3px;
background:#FFF;
display:none;
z-index:200;
}
#toasterContent{
margin-bottom:8px;
padding:20px 20px 0px 20px;
}
#toasterCloseContainer{
padding:5px 20px 15px 20px;
text-align:center;
}
button#toasterClose{
width:50%;
}
#toasterContainer h4{
padding:25px 20px 25px 20px;
color:#ffffff;
margin:0px;
}
#toasterContainer.toasterError{
background:#ffc7c7;
}
#toasterContainer.toasterError h4{
background:#ff0000;
}
.closeToaster{
cursor:pointer;
position:absolute;
right:0px;
top:0px;
font-size:19px;
margin:8px 10px 0px 0px;
}
.alreadyInProposal td{
color:#999 !important;
}
.dateOnly{
width:85px;
}
.back{
text-decoration:none;
float:right;
font-size:14px;
padding:8px 10px 0px 0px;
}
.autoCompleteLock{
cursor:pointer;
}
.pastDue:nth-child(even)
{
color:#F00;
background:#ffc7c7 !important;
}
.pastDue:nth-child(odd)
{
color:#F00;
background:#ffe5e5 !important;
}
.pastDue:hover
{
background:#bfdff6 !important;
}

.agencyApproval:nth-child(even)
{
background:#fcffb8 !important;
}
.agencyApproval:nth-child(odd)
{
background:#feffd2 !important;
}
.agencyApproval:hover
{
background:#bfdff6 !important;
}
.dbModule{
display:inline-block;
border:solid #aaa 2px;
border-radius:5px;
padding:5px 5px 5px 5px;
margin:3px 3px 3px 3px;
float:left;

}
.dbModule h3{
margin:0px;
padding:2px 0px 2px 0px;
color:#fff;
text-align:center;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}

.formTable{
min-width:900px;
width:97%;
}
.backToParent{
float:right;
text-decoration:none;
font-size:12px;
}
.addNew{
background:url(../images/plus.png) no-repeat;
background-position:2px 2px;
background-color: #CCC;
color:#333;
font-weight:bold;
padding: 3px 8px 3px 20px;
margin-right:5px;
margin-top:32px;
font-weight:100;
font-size:12px;
text-decoration:none;
float:right;
border-top:solid #999 1px;
border-left:solid #999 1px;
border-right:solid #999 1px;
border-top-left-radius:5px;
border-top-right-radius:5px;
display:inline-block;
}
.editTab{
background:url(../images/edit.png) no-repeat;
background-position:2px 2px;
background-size: 16px 16px;
background-color: #CCC;
color:#333;
font-weight:bold;
padding: 3px 8px 3px 20px;
margin-right:5px;
margin-top:32px;
font-weight:100;
font-size:12px;
text-decoration:none;
float:right;
border-top:solid #999 1px;
border-left:solid #999 1px;
border-right:solid #999 1px;
border-top-left-radius:5px;
border-top-right-radius:5px;
display:inline-block;
}
.addNew:hover, .editTab:hover{
background-color: #333;
color:#fff;
}
.downloadTab{
background:url(../images/downloadFile.png) no-repeat;
background-size: 15px 15px;
background-position:2px 2px;
background-color: #CCC;
color:#333;
font-weight:bold;
padding: 3px 8px 3px 20px;
margin-right:5px;
margin-top:32px;
font-weight:100;
font-size:12px;
text-decoration:none;
float:right;
border-top:solid #999 1px;
border-left:solid #999 1px;
border-right:solid #999 1px;
border-top-left-radius:5px;
border-top-right-radius:5px;
display:inline-block;
}
.downloadTab:hover{
background-color: #333;
color:#fff;
}
option{
padding:2px 5px 2px 5px;
}
#contactsContainer{
margin:20px 0px 20px 0px;
}
#activitiesContainer{
margin:20px 0px 20px 0px;
}
#associationsContainer{
margin:20px 0px 20px 0px;
}
#notesContainer{
margin:20px 0px 20px 0px;
}
.revisionRequested {
background-color: rgba(255, 255, 1, .5) !important;
}
.revision-container {
background-color: rgba(255, 255, 1, .3);
box-shadow: 0 .15rem 1.75rem 0 rgba(58, 59, 69, .15) !important;
padding: 10px;

}
.revision-container h4 {
font-weight: bold;
}
.revision-container p {
font-size: 15px;
}
.revision-container i {
margin-left: 30px;
}
.payingPreview{
background:#666;
position: absolute; left: 0; top: 0;
width: 100%; height: 100%;
opacity: .40;
z-index: 95;
}
.payingPreviewText{
position: absolute; left: 0; top: 0;
width: 100%;
opacity: .80;
padding-top:100px;
font-weight:bold;
font-size:35px;
text-align:center;
transform: rotateY(0deg) rotate(-30deg);
}
#loginFade{
display: none; /*--hidden by default--*/
background:#666;
position: fixed; left: 0; top: 0;
width: 100%; height: 100%;
opacity: .50;
z-index: 95;
}
.containedFade
{
display: none; /*--hidden by default--*/
background:#666;
position: absolute; left: 0; top: 0;
width: 100%; height: 100%;
opacity: .50;
z-index: 95;
}
#divLogin{
width:400px;
position:fixed;
left:50%;
top:50%;
z-index:99;
padding:5px 5px 5px 5px;
border-radius:3px;
}
#header{
position:fixed;
border-top:solid #ed1c24 4px;
font-family:"Arial Black", Helvetica, sans-serif;
background:#f3f3f3;
height:36px;
width:100%;
top:0px;
}
.sectionTitle{
color:#4898d3 !important;
}
.sectionTitle:first-letter {
color: #ed1c24 !important;
letter-spacing:0px;
}
.editLink{
font-size:12px;
font-weight:100;
text-decoration:none;
float:right;
}
.dropdownMenuItem
{
background-color:rgba(255,0,0,0.5);
}

#content.content{
text-align:left;
clear:all;
margin-bottom:0px;
}

/* Mapping (/?p=mapping/map): let mapping UI manage its own full-width layout. */
body.page-mapping-map #content.content{
padding:0 !important;
margin:0 !important;
}

.pagination_container{
margin:0px 0px 8px 0px;
font-size:14px;
float:right;
}
.pagination_nav{
display: inline-flex;
align-items: center;
gap: 4px;
flex-wrap: wrap;
}

.grid-pager-container {
display: flex; flex-direction: row; justify-content: space-around; align-items: center !important; margin-top: 10px;
min-height: 45px;
}
.grid-pager-container-rh {
justify-content: flex-end;
}
/* Pager buttons: rounded, match side-scroll look (global) */
.pager_number, .pager_next, .pager_prev{
border: 1px solid #dee2e6;
border-radius: 4px;
background: #fff;
color: #333;
text-decoration: none;
padding: 0 8px;
height: 32px;
min-width: 32px;
box-shadow: 0 1px 3px rgba(0,0,0,.1);
transition: background .2s, box-shadow .2s;
display: inline-flex;
align-items: center;
justify-content: center;
line-height: 1;
}
.pager_number:hover, .pager_next:hover, .pager_prev:hover{
background: #f8f9fa;
box-shadow: 0 2px 6px rgba(0,0,0,.15);
text-decoration: none;
}
.pager_number:focus, .pager_next:focus, .pager_prev:focus{
outline: none;
}

.pager_current{
background: rgb(var(--secondary-color));
color: #fff !important;
cursor:default;
border: 1px solid rgb(var(--secondary-color));
border-radius: 4px;
height: 32px;
min-width: 32px;
padding: 0 8px;
line-height: 1;
font-weight: 600;
box-shadow: 0 1px 3px rgba(0,0,0,.12);
text-decoration: none !important;
text-shadow: 0 1px 1px rgba(0,0,0,.25);
}
.pager_current:hover{
cursor:default;
background: rgb(var(--secondary-hover-color));
border-color: rgb(var(--secondary-hover-color));
color: #fff !important;
box-shadow: 0 2px 6px rgba(0,0,0,.15);
text-decoration: none !important;
}
.editImage{
cursor:pointer;
float:right;
}

.fixTableHead {
overflow-y: auto;

}
.fixTableHead thead th {
position: sticky;
top: 0;
}
.usage-report-div {
	overflow-x: auto;
}
/* position:sticky on table cells requires border-collapse:separate (collapse breaks sticky in Chrome/Safari) */
#usageReportDiv table.datagrid {
	border-collapse: separate;
	border-spacing: 0;
}
.side-scroll-wrapper {
	position: relative;
}
.side-scroll-btn {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 10;
	width: 32px;
	height: 32px;
	padding: 0;
	border: 1px solid #dee2e6;
	border-radius: 4px;
	background: #fff;
	color: #333;
	cursor: pointer;
	box-shadow: 0 1px 3px rgba(0,0,0,.1);
	transition: background .2s, box-shadow .2s;
	display: flex;
	justify-content: center;
	align-items: center;
}
.side-scroll-btn:hover {
	background: #f8f9fa;
	box-shadow: 0 2px 6px rgba(0,0,0,.15);
}
.side-scroll-btn:focus {
	outline: none;
}
.side-scroll-left { left: 8px; }
.side-scroll-right { right: 8px; }
.side-scroll-buttons-inline { display: inline-flex; align-items: center; gap: 4px; }
.side-scroll-btn.side-scroll-inline { position: static; transform: none; }
table {
border-collapse: collapse;
width: 100%;
}

.datagrid {
padding:0px;
width:100%;
border: none !important;
margin-bottom:20px;
background: #fff;
border-collapse:collapse
}

.datagrid th,
.datagrid td,
.datagrid tr {
text-align: left;
border: none !important;
border-style : hidden!important;
}

.datagrid thead tr th {
background: #fff;
padding: 8px 20px 8px 10px;
font-size: 14px !important;
font-family: "Roboto", sans-serif;
font-weight: 600;
}
.datagrid thead tr th:last-child {
padding: 8px 10px 8px 10px;
}
.datagrid thead tr th {
transition-duration: .2s;
}
.datagrid thead tr th:hover {
color: #806b33 !important;
transition-duration: .2s;
}
.datagrid tbody tr {
transition-duration: .2s;
}
.datagrid tbody {
border: 1px solid #edf0f7 !important;
}
.datagrid tbody tr td {
padding: 8px 20px 8px 10px;
font-size: 14px !important;
font-weight: 400;
max-width: 500px;
max-height: 300px;
vertical-align:middle !important;
}
.datagrid tbody tr td.datagrid-empty-message {
max-width: none;
width: 100%;
text-align: center !important;
}
.datagrid tbody tr td:last-child {
padding: 8px 10px 8px 10px;
}
.datagrid tbody tr td:last-child button {
float: left !important;
}

/* QuickBooks export / report: hyphenated invoice # fits on one line */
.datagrid th.qb-export-inv-col,
.datagrid td.qb-export-inv-col {
min-width: 7rem;
white-space: nowrap;
padding-left: 12px;
padding-right: 18px;
max-width: none;
}
/* QuickBooks export: search fieldset (flex; global labels 165px vs narrow col-xs-2 caused horizontal scroll) */
.quickbooks-export-search .fieldSetData {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
gap: 0.75rem 1.25rem;
box-sizing: border-box;
max-width: 100%;
}
.quickbooks-export-search .fieldSetData .col-xs-2,
.quickbooks-export-search .fieldSetData .col-xs-3 {
float: none;
width: auto;
flex: 0 1 auto;
min-width: 0;
box-sizing: border-box;
}
.quickbooks-export-search .fieldSetData .col-xs-3:empty {
display: none;
}
.quickbooks-export-search .fieldSetData label {
width: auto !important;
display: block;
text-align: left;
padding: 0 0 4px 0;
}
.quickbooks-export-search .fieldSetData .button-container-100 {
flex: 1 1 100%;
width: 100% !important;
max-width: 100%;
margin-left: 0 !important;
box-sizing: border-box;
}
.datagrid tbody tr td:last-child a,
.datagrid tbody tr td:last-child button {
margin-right: 5px;
}

#responseTable tr:nth-child(even) > td,
.media-grid tr:nth-child(even) > td,
.datagrid:not(.contactList) tbody tr:nth-child(even) {
background-color: #fff;
}

#responseTable tr:nth-child(odd) > td,
.datagrid:not(.contactList) tbody tr:nth-child(odd),
.media-grid tr:nth-child(odd) > td {
background-color: #f8f9fc ;
}

.datagrid:not(.contactList) tbody tr:not(.table-header-row):hover {
background: #d8e9f3 !important;
transition-duration: .2s;
}

.datagrid:not(.contactList) tbody tr:not(.prop-row)tr:not(.table-header-row):not(.lineSave):hover > td {
background: transparent !important;
}



.confirmSpecShipTable tr.lineFail,
.confirmSpecShipTable tr.lineFail > td,
td.lineFail input,
td.lineFail select,
td.lineFail textarea,
td.lineFail {background-color: #FFD2D2 !important;
transition: background-color 0.5s ease;}


.confirmSpecShipTable tr.lineSave,
.confirmSpecShipTable tr.lineSave > td,
.responseTable input.lineSave,
.responseTable select.lineSave,
.responseTable textarea.lineSave,
.responseTable td.lineSave {background-color: #dbffd0 !important;
transition: background-color 0.5s ease;}

th.hold-col {
min-width:150px !important; background: #ecf0f1 !important; color: #13A89E !important;
}

.responseTable tr:nth-child(odd):not(.on-hold) >
td.vendor-required:not(.lineSave):not(.lineFail):not(.inputError):not(.modal-empty-cell):not([disabled]) ,
.responseTable tr:nth-child(odd):not(.on-hold) >
td.vendor-required:not(.lineSave):not(.lineFail):not(.inputError):not(.modal-empty-cell):not([disabled]) {
background-color: #fcfce6 !important;
}

.responseTable tr:nth-child(even):not(.on-hold) >
td.vendor-required:not(.lineSave):not(.lineFail):not(.inputError):not(.modal-empty-cell):not([disabled]),
.responseTable tr:nth-child(even):not(.on-hold) >
td.vendor-required:not(.lineSave):not(.lineFail):not(.inputError):not(.modal-empty-cell):not([disabled]) {
background-color: #fffff5 !important;
}


.responseTable textarea,
.responseTable input {
height: 43px;
border: none;
}

.responseTable textarea:not(.inputError):not(.inputWarning):not(.parentMismatch),
.responseTable input:not(.inputError):not(.inputWarning):not(.parentMismatch),
.responseTable div:not(.inputError):not(.inputWarning):not(.parentMismatch), {
background: transparent !important;
}





tr.datagridError:nth-child(even) {
background: #ffbcbc !important;
}
tr.datagridError:nth-child(odd) {
background: #ffe4e4 !important;
}

.modal-empty-cell {
background: #ffe3e3 !important;
}

input[type=checkbox].fancy:not(old){
width : 28px;
margin : 0;
padding : 0;
opacity : 0;
}





.info-tooltip,
.info-tooltip:hover
{
position: relative;
padding: 3px !important;
background: transparent;
border: none;
color: rgb(var(--secondary-color, 157, 132, 62));
clear: both !important;
}
.spec-ship-tooltip,
.spec-ship-tooltip:hover {
	position: absolute;
	top: 1px;
	left: 1px;
	float: unset !important;
}

input[type=checkbox].fancy:not(old) + label{
display : inline-block;
background : url('../images/checkbox_unchecked.png') no-repeat 0 0;
height : 32px;
width:32px;
border-bottom:0px !important;
}
input[type=checkbox].fancy:not(old):checked + label{
background : url('../images/checkbox_checked.png') no-repeat 0 0;
}


button.cancel, input[type=button].cancel{
background:#ffb4b4;
}


button, input[type=button], input[type=submit]{
padding:7px 14px !important;
font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
border:0;
border-radius:4px;
background:rgb(60, 141, 188);
color:#fff;
font-weight:bold;
font-size:13px;
cursor:pointer;
}


button.large, input[type=button].large{
padding:8px 25px 8px 25px;
border-radius:3px;
font-weight:bold;
font-size:16px;
}

.removeBtn,
.addNewBtn, a.addNewBtn {
float:right; padding: 7px 14px !important; font-size:13px !important; border-color:rgb(60, 141, 188) !important;
margin-left:10px;
font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
border:solid #fff 1px;
background:rgb(60, 141, 188);
color:#fff;
font-weight:bold;
text-decoration:none;
cursor:pointer;
}

.btn-primary {
background:rgb(60, 141, 188);
border-color:rgb(60, 141, 188);
color:#fff;
text-decoration:none;
}
.btn-primary:hover {
background: #296f98;
text-decoration:none;
}

.addNewBtn:hover, a.addNewBtn:hover{background:#296f98}

.btn-warning:not(.disabled), a.btn-warning{color: white !important; background-color: rgb(243, 156, 18) !important;
border-color: rgb(243, 156, 18) !important;}

.btn-warning:not(.disabled):hover{color: white !important; background-color: #cb8311 !important;}

button.cancel, input[type=button].cancel{
background:#ffb4b4;
}

button.cancel:hover, input[type=button].cancel:hover{
background:#ff8c8c;
}

button:hover{
background:#296f98;
}

button:hover, input[type=button]:hover, input[type=submit]:hover, button.selected {
background:#296f98;
cursor:pointer;
}
.selectedImg {
background: #c02661 !important;
color: white !important;
}

.btn:hover, .btn:active, .btn:focus {
color: #fff !important;
}
.calendarButton:hover{
cursor:pointer;
background-color: #333;
color:#fff;
}
.calendarButton{

background:url(../images/calendar.png) no-repeat;
padding:5px 10px 5px 10px;
font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
border:solid #fff 1px;
background:rgb(60, 141, 188);
color:#fff;
font-weight:bold;
font-size:12px;
cursor:pointer;

}

.usedInPDF{
background:#FFC;
border:#FC0 solid 1px !important;
}

input[type=text]{
border:solid #eee 2px;
border-radius:2px;
-moz-box-shadow: inset 1px 4px 9px -10px rgba(0,0,0,0.2);
-webkit-box-shadow: inset 1px 4px 9px -10px rgba(0, 0, 0, 0.2);
box-shadow: inset 1px 4px 9px -10px rgba(0,0,0,0.2);
margin-bottom:4px;
}

input[type=text]:not(.additionalDataEdit){
padding: 5px 8px 5px 8px;
}
input[type=text].additionalDataEdit{
padding: 5px 0px 5px 0px;
}

input[type=text]:focus, .usedInPDF:focus{
color:#ffffff;
border:solid #666666 2px;
}
input[type=password]{
border:solid #eee 1px;
border-radius:5px;
padding: 5px 8px 5px 8px;
border:solid #ffffff 2px;
}
input[type=password]:focus{
color:#ffffff;
border:solid #666666 2px;
}
.chkLabel{
position: absolute;
top:11px;
left:25px;
margin-top:-5px;
cursor:pointer;

}

.multicolumn{
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
}
.multicolumn2{
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
.vendor-rfp-field-tabs-hint {
margin: 0 0 6px 0;
font-size: 12px;
color: #555;
}
.vendor-rfp-field-tabs-hint .vendor-required-default-icon {
font-size: 11px;
vertical-align: middle;
}
#manageVendorFieldsBtn {
margin-bottom: 12px;
}
.vendor-rfp-field-tabs-scroll {
max-height: 175px;
overflow-y: auto;
margin-top: 0;
}
.vendor-rfp-field-tabs-container {
background: #f2f3f7;
border-radius: 2px;
padding: 3px;
justify-content: flex-start !important;
}
.vendor-rfp-field-tab {
background-color: #fff;
border-radius: 5px;
margin: 3px;
padding: 5px;
font-size: 13px;
line-height: 1.3;
display: inline-flex;
align-items: center;
flex-wrap: wrap;
gap: 4px;
}
.vendor-rfp-field-tab-readonly {
justify-content: flex-start;
}
.vendor-rfp-field-tab-label {
line-height: 1.3;
flex: 1 1 auto;
min-width: 0;
}
.vendor-rfp-field-tab-required-icon-right {
margin-left: auto;
flex-shrink: 0;
}
.vendor-rfp-field-tab-toggle {
margin: 0 !important;
}
.vendor-rfp-field-tab-toggle span {
font-size: 0;
width: 14px;
height: 14px;
overflow: hidden;
}
.vendor-rfp-field-tab-required-icon {
display: inline-flex;
align-items: center;
line-height: 1;
color: #c9a227;
font-size: 12px;
}
.vendor-rfp-field-tab-required-icon-right .vendor-required-default-icon {
font-size: 12px;
}
.vendor-required-default-icon {
color: #c9a227;
font-size: 14px;
line-height: 1;
}
.vendor-required-system-locked {
display: inline-flex;
align-items: center;
cursor: help;
line-height: 1;
}
.vendor-required-inline-toggle {
position: relative;
display: inline-flex;
align-items: center;
gap: 4px;
font-size: 11px;
font-weight: normal;
cursor: default;
white-space: nowrap;
line-height: 1;
margin: 0 4px 0 0 !important;
margin-top: 0 !important;
width: auto !important;
vertical-align: middle;
padding: 0 !important;
text-align: left !important;
}
.vendor-required-inline-toggle span {
display: inline-flex;
align-items: center;
gap: 4px;
line-height: 1;
font-weight: bold;
font-size: 11px;
}
.vendor-required-inline-toggle span::before {
content: '';
display: inline-block;
width: 14px;
height: 14px;
border: 1px solid #b0b0b0;
border-radius: 2px;
background: #fff;
box-sizing: border-box;
flex-shrink: 0;
}
.vendor-required-inline-toggle input.vendorRequiredForLayoutCheck,
.vendor-required-inline-toggle input.vendorFieldFillRequiredCheck {
position: absolute;
opacity: 0;
width: 14px;
height: 14px;
margin: 0;
cursor: pointer;
z-index: 1;
}
.vendor-required-inline-toggle input.vendorRequiredForLayoutCheck:checked + span::before,
.vendor-required-inline-toggle input.vendorFieldFillRequiredCheck:checked + span::before {
background-color: #2e7d32;
border-color: #1b5e20;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='%23ffffff' d='M4.5 9.2 1.8 6.5l1-1 1.7 1.7 4.7-4.7 1 1z'/%3E%3C/svg%3E");
background-size: 11px 11px;
background-position: center;
background-repeat: no-repeat;
}
.vendor-rfp-field-tabs-cols .vendor-rfp-field-tab {
flex: 0 0 calc(50% - 6px);
box-sizing: border-box;
}
@media only screen and (max-width: 1470px) {
.multicolumn{
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
}
@media only screen and (max-width: 1200px) {
.multicolumn2{
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
}
}


input[type=checkbox] {
-webkit-appearance: none;
background-color: #fafafa;
border: 1px solid #cacece;
box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
padding: 9px;
border-radius: 3px;
display: inline-block;
position: relative;
margin-top:5px;
}

input[type=checkbox]:active, .regular-checkbox:checked:active {
box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

input[type=checkbox]:checked {
border: 1px solid #adb8c0;
box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px
rgba(255,255,255,0.1);
color: #99a1a7;
}
select{
border:solid #eee 1px;
border-radius:2px;
border:solid #ffffff 2px;
}
select:not(.tinyeditor-font):not(.tinyeditor-size):not(.tinyeditor-style){
padding: 5px 5px 5px 5px;
}
select:focus{
color:#ffffff;
border:solid #666666 2px;
}
optgroup:not(option)
{
font-weight:bold;
}

textarea {
border:solid #eee 1px;
padding: 5px 8px 5px 8px;
border-radius:2px;
width:300px;
}
textarea:focus {
color:#ffffff;
}




.session-message-container {
position:fixed;
bottom:0px;
right:10px;
display: flex;
flex-direction: column;
z-index:999999999;
}
.errorMessage{
background: rgb(var(--error-highlight-color, 255, 230, 227));
padding:0px 0px 5px 0px;
margin-bottom:10px;
z-index:99999999;
}
.errorMessage .header{
background:url(../images/error_header.png);
padding:15px 5px 5px 15px !important;
font-weight:bold;
font-size:22px;
color:#FFF;
}
.errorMessage .errorContent{
padding:5px 15px 5px 15px;
font-size:15px;
}
.successTitle{
font-size:22px;
}
.successMessage{
background: rgb(var(--success-color, 73, 175, 59));
color: #ffffff;
font-weight:bold;
padding:10px 25px;
margin-bottom:10px;
border-top-left-radius:5px;
border-top-right-radius:5px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
}
.successMessage:last-of-type {
margin-bottom: 0px;
border-bottom-left-radius:0;
border-bottom-right-radius:0;
}
fieldset.fldWarning div.legend{
background:rgb(251, 205, 98);
}
fieldset.fldWarning{
background:rgb(255, 229, 189);
}

fieldset.fldInformation div.legend{
background: #00868B;
color: #ffffff;
}
fieldset.fldInformation{
background: #E0FFFF;
}

fieldset.fldError div.legend{
background: #f00000;
color: #ffffff;
}
fieldset.fldError{
background: #ffc7c7;
}

fieldset.fldWarning,
fieldset.fldError,
fieldset.fldInformation {
margin: 10px auto 10px auto;
width: 100%;
font-weight: bold;
border-radius: 3px !important;
}

fieldset#autoMargin {
margin: 0 1% !important;
width: 98% !important;

}


.warningMessage{
background: rgb(var(--warning-highlight-color, 255, 247, 230));
border:solid #000000 1px;
margin-bottom:5px;
z-index:9999999999999;
}
.warningMessage .header{
background:url(../images/warning_header.png);
padding:5px 5px 5px 5px;
font-weight:bold;
color: #000000;
}
.warningMessage .warningContent{
padding:5px 0px 5px 15px;
}
.hoverDiv{
background:#FFF;
padding: 0px 5px 10px 5px;
float: left;
font-size: 1.2em;
position: absolute;
left: 50%;
z-index: 9998;
/*--CSS3 Rounded Corners--*/
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}


.hoverDiv h1{
padding:10px 10px 15px 10px;
position: relative;
left:-5px;
margin-right:-10px;
cursor:move !important;
background:#eaeaea;
}
.shadow{
-webkit-box-shadow: 10px 10px 5px 0px #696969 !important;
-moz-box-shadow: 10px 10px 5px 0px #696969 !important;
box-shadow: 10px 10px 5px 0px #696969 !important;
}
.multicolumns {
-moz-column-count: 4;
-moz-column-gap: 10px;
-moz-column-rule: 0px double #666;
-webkit-column-count: 4;
-webkit-column-gap: 10px;
-webkit-column-rule: 0px double #666;
column-count: 4;
column-gap: 10px;
column-rule: 0px double #666;
list-style:none;
}

.multicolumns li {
-webkit-column-break-inside: avoid;
-moz-column-break-inside: avoid;
column-break-inside: avoid;
padding:4px 15px 4px 3px;
border-bottom:solid #d5d5d5 .01em;
background:#eee;
font-weight:bold;
}
.usedInPDF{
background:#FFC !important;
border:#FC0 solid 1px !important;
}
.footNote
{
font-size:10px;
}
.generatePDF
{
cursor:pointer;
}
.additionalDataEdit
{
display:none;
}
.numericColumn{
text-align:right !important;
}
.autoCompleteFind, .autoCompleteLock
{
padding:0px 0px 0px 5px;
}
.tutorials li
{
font-size:15px;
line-height:25px;
}
.contact-button-grid {
margin-top:5px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
}
.contact-button-grid a,
.contact-button-grid button {
margin: 3px;
height: 34px;
width: 38px;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.error-msg {display: none;}
.error-msg-show {
display: block;
}
.pageMatch{color:#ff0000;}

.tip-list div {
text-align: left !important;
}
.contact-form-btn {
width: 100%;
}
.container-contact .required {
border: 1px solid #f00 !important;
background-color: rgb(246, 237, 237) !important;
}
fieldset.fldError {
width: 92% !important;
margin: 10px auto 0 auto !important;
}
.err-subject,
.err-msg {
color: #f00;
}
.tut-card-body img {
width: 100% !important;
max-width: 1200px !important;
height: auto !important;
}
.tut-actions {
display: flex;
flex-direction: row;
flex-wrap: wrap;.tut-card-body img
justify-content: space-between;
}
.last-updated {
font-style: italic;
color: #a6a6a6;
}
.agency-btn {
background-color: #13A89E !important;
}
.vendor-btn {
background-color: #FAA732 !important;
}
.agency-btn:hover {
background-color: #0b645e !important;
}
.vendor-btn:hover {
background-color: #c17811!important;
}
.tut-link-btn-container {
display: flex;
flex-direction: row;
justify-content: space-between;
width: 100%;
}
.tut-tip-card {
border: solid #e3e4e7 1px;
border-radius: 5px;
margin: 0px 12px 25px 12px;
padding: 15px 10px 10px 10px;
box-shadow: 0 .15rem 1.75rem 0 rgba(58,59,69,.15 );
}
.tut-divider {
width: 98%;
margin: 10px auto;
border-top: 1px solid #e3e4e7;
}
.double-btn-tut-container {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.tut-btn-wrapper {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
margin-left: 15px;
}
.tut-btn-wrapper:first-of-type {margin-left: 0px;}
.tut-btn-label {
font-size: 12px;
margin-right: 5px;
color: #a6a6a6;
}
/* .copy-btn {
margin-left: 5px;
} */
.small-fnt {
font-size: 12px;
}
.rotate-icon {
margin-left: 8px;
}
.tut-search-wrapper {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.tip-item {
margin: 0px auto;
width: 98%;
}
.timestamp-container {
display: flex;
flex-direction: column;
justify-content: flex-end;
width: 100%;
}
.timestamp a:hover,
.timestamp a:active,
.timestamp a:focus {text-decoration: none;}
.timestamp-clicked { color: #10746e; font-weight: bold; text-decoration: none;}
.timestamp-wrapper {
display: flex;
flex-direction: row;
justify-content: flex-start;
margin-top: 10px;
}
.timestamp-input-container {
display: flex;
flex-direction: row;
align-items: center;
padding: 5px 10px 5px 0;
border-radius: 5px;
color: #13A89E;
}
.timestamp-input-container input[type="radio"],
.timestamp-input-container label {
margin: 0px !important;
}
.pipe {margin-left: 5px; margin-right: 5px;}
.pipe:last-of-type {
display: none;
}
.no-btn-btn, .no-btn-btn:hover { margin-top: 10px; text-decoration: none; background: transparent; color: black;
text-align: left;}
.tutorial-footer-container {
background-color: #f2f3f7;
}
.tut-pill-toggle-wrapper {
display: none;
width: 100%;
text-align: center;
margin-top: 15px;
padding-bottom: 15px;
padding-top: 15px;
border-top: solid #e3e4e7 1px;
background: #f2f3f7;
box-shadow: inset 0 .15rem 1.75rem 0 rgba(58,59,69,.15 )!important;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}
.tut-pill-toggle-wrapper label {
text-align: center !important;
margin: 0 auto 5px auto;
}
.tut-settings {
color: #757575;
margin-top: 15px;
}
.tut-settings:hover {
background: transparent;
transform: rotate(45deg);
}
.hoverContainer
{
position:absolute;
background:#FFF;
border-radius:3px;
border:solid #CCC 1px;
padding:15px 15px 15px 15px;
display:none;
}
.popCnt
{
display:inline-block;
padding:5px 20px 5px 20px;
border: solid 1px #006;
margin-top:15px;
}
.popCnt:hover
{
background:#006;
color:#FFF;
}
.closeHover
{
height:25px;
position:absolute;
right:-13px;
top:-13px;
cursor:pointer;
}
.proposalReport
{
margin:2px 10px 2px 3px;
border:solid 2px #aaa;
padding:1px;
border-radius: 50%;
-webkit-transition: -webkit-transform .8s ease-in-out;
transition: transform .8s ease-in-out;
}

.proposalReport:not(.proposalReportDisabled):hover
{
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
border:solid 2px #666;
}
.proposalReportDisabled {
cursor: not-allowed;
}
.isStation, .isBus {display:none;}
.contactList
{
list-style:none;
}

td.contactRow
{
border: 1px solid #e3e4e7;
}
.contactList li
{
list-style:none;
margin:0px;

}
.isLink{font-size:16px; cursor:pointer;}
.vendorTitle
{
font-weight:bold;
font-size:14px;
border:solid #CCC 1px;
padding: 5px 10px 5px 10px;
background:#ebebeb;
}
.datagrid tr.contactListHeaderReminder td{font-size:12px; font-style:italic;}
.contactListVendor
{
padding: 10px 10px 10px 10px;
}
.contactList li ul
{
list-style:none;
margin:0px;
}
.contactList li ul li
{
list-style:none;
margin:0px;
}
.contactListLabel{
display: block;
width:1000px;
text-align:left;
padding:4px 15px 4px 3px;
border-bottom:solid #d5d5d5 .01em;
background:none !important;
font-weight:100;
}
.notInMarket
{
display:none; !important
}
.contactName{
display:inline-block;
width:150px;
}
#proposalContactsContainer{
display:none;
}
.addAttachment{
float:left;
padding-left:8px;
}
.multiLineField
{
position: relative;
left:150px;
top:-35px;
margin-bottom:-35px;
min-height:24px;
}
.imagePlaceholder{
display:inline-block;
width:100px;
height:50px;
border:solid #999 1px;
text-align:center;
padding:30px 0px 50px 0px;
color: #bd252c;
}

.emailTable tr td
{
background:#FFF;
}
.emailLabel
{
text-align:right;
font-weight:bold;
padding-right:10px;
}
#toSelector li
{
list-style:none;
padding-left:25px;
}
.legacyPOP
{
display:none;
}
#boardsEnteredNotUsed
{
display:none;
}

.positiveButton
{
background:#eaffea;
border:solid #4cbb4e 1px;
border-radius:3px;
cursor:pointer;
padding:0px 6px 3px 6px;
}
.negativeButton
{
background:#ffc7c7;
border:solid #F00 1px;
border-radius:3px;
cursor:pointer;
padding:0px 6px 3px 6px;
}

.contract-info-wrapper {
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
}
.contract-info-wrapper button {
height: 34px;
}
.contract-version-container {
display: flex;
justify-content: flex-start;
align-items: center;
gap: 16px;
flex-wrap: wrap;
}
.contract-io-title {
font-weight: 700;
white-space: nowrap;
}
.contract-version-inline {
display: inline-flex;
align-items: center;
gap: 6px;
margin-left: auto;
}
.contract-version-inline-label {
margin: 0;
font-weight: 600;
white-space: nowrap;
}
.contract-version-selector {
margin: 0;
width: auto !important;
min-width: 72px;
max-width: 180px;
padding: 2px 28px 2px 8px;
font-size: 12px;
line-height: 1.4;
}
#contractVersionSelector {
margin-left: 0;
}
.contract-button-container {
width: auto;
display: flex;
justify-content: flex-start;
align-items: center;
margin-right: 10px;
}

@media screen and (max-width: 1070px) {
.contract-version-container {
margin-bottom: 10px;
}
.contract-button-container {
width: 100%;
margin: auto;
}
.contract-info-wrapper button {
height: auto;
font-size: 12px;
}

}

@media screen and (max-width: 1429px) {
.help-btn-container-top .help-btn,
.help-btn-container-top .submit-request-btn {
padding: 5px !important;
height: 35px;
width: 40px;
min-width: 0 !important;
}
}


.signatureLoader
{
display:none;
float: right;
}
.ui-tooltip{
max-width: 800px;
width: 420px !important;
margin-left:120px !important;
}

:root {
/* Overlay must sit below popover/tour bar; equal max z-index let the dim paint over the tooltip. */
--hm-z-popover: 2147483647;
--hm-z-tour-bar: 2147483646;
--hm-z-tour-overlay: 2147483645;
--hm-tour-dim: rgba(15, 23, 42, 0.32);
--hm-z-toggle: 100040;
/* Above .vendor-help-btn-container (z-index 999999999 !important) */
--hm-z-help-chrome: calc(999999999 + 20);
--tooltip-color: 76, 175, 79;
--tooltip-hover-color: 56, 142, 60;
--tooltip-text-color: 255, 255, 255;
}

body.help-mode-on .hm-spot-trigger {
z-index: 20;
}

/* Keep ? badges above sibling controls (pager last/next, clustered buttons).
   isolation so the badge’s z-index wins inside the host, not against the page. */
body.help-mode-on [data-hm-anchor]:has(> .hm-spot-trigger) {
isolation: isolate;
overflow: visible;
}
body.help-mode-on [data-hm-anchor] > .hm-spot-trigger {
z-index: 20;
isolation: isolate;
}
/* Last/next/current pager links (box-shadow + waves-effect) otherwise paint over the corner ?. */
body.help-mode-on .pager_number,
body.help-mode-on .pager_next,
body.help-mode-on .pager_prev,
body.help-mode-on .pager_current {
position: relative;
z-index: 0;
}

/* Optional: add class hm-fieldSetData on fieldset bodies that need help-mode padding for tooltip helpers. */
body.help-mode-on .hm-fieldSetData {
padding: 15px;
}

/* Vendor RFP media grid: space toolbar buttons when Page help (? ) badges are on controls */
body.help-mode-on .rfpgrid-media-toolbar-actions {
column-gap: 12px;
row-gap: 8px;
flex-wrap: wrap;
}
body.help-mode-on .rfpgrid-media-toolbar-actions > button {
margin-right: 0 !important;
}

.hm-anchor-relative {
position: relative !important;
}
.hm-anchor-absolute {
position: absolute !important;
}
.hm-anchor-static {
position: static !important;
}
.hm-anchor-inline {
display: inline-block !important;
}
.hm-anchor-block {
display: block !important;
}
.hm-anchor-inline-block {
display: inline-block !important;
}
.hm-anchor-inline-flex {
display: inline-flex !important;
}


.select2-container--open,
.select2-dropdown {
z-index: calc(var(--hm-z-toggle) + 1) !important;
}

.hm-control-cluster {
position: fixed;
right: 16px;
bottom: 24px;
z-index: var(--hm-z-help-chrome);
display: flex;
flex-direction: column;
gap: 8px;
align-items: flex-end;
}

.hm-mode-toggle {
border: none;
border-radius: 24px;
padding: 10px 16px;
font-size: 14px;
font-weight: 600;
cursor: pointer;
background: rgb(var(--tooltip-color));
color: rgb(var(--tooltip-text-color));
box-shadow: 0 2px 10px rgba(0,0,0,.2);
}

.hm-mode-toggle:hover,
.hm-mode-toggle:focus {
background: rgb(var(--tooltip-hover-color));
outline: 2px solid #fff;
outline-offset: 2px;
}

.hm-spot-host {
position: relative;
}

.hm-spot-trigger {
position: absolute;
width: 20px;
height: 20px;
aspect-ratio: 1 / 1;
padding: 0 !important;
border: none !important;
border-radius: 50% !important;
appearance: none;
-webkit-appearance: none;
background: rgb(var(--tooltip-color));
color: rgb(var(--tooltip-text-color));
font-size: 13px;
font-weight: bold;
line-height: 1;
cursor: pointer;
/* Sharp rings only (no blur): inset highlight + solid outer stroke */
box-shadow:
  0 0 2px 2px rgba(255, 255, 255, 0.2),
  0 0 2px 2px rgba(255, 255, 255, 0.2),
  0 0 2px 2px rgba(255, 255, 255, 0.2);
z-index: 9;
display: inline-flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
overflow: hidden;
flex: 0 0 20px;
pointer-events: auto;
}

/* Brief / RFP Details: label + ? on one row, value on the next (block flex, not inline-flex) */
.brief-field-label-with-help {
display: flex;
align-items: center;
flex-wrap: nowrap;
position: relative;
width: 100%;
box-sizing: border-box;
}
.brief-field-label-with-help > label {
width: auto !important;
flex: 0 1 auto;
}
.brief-field-label-with-help .brief-hm-anchor {
display: inline-block;
position: relative;
vertical-align: middle;
width: 18px;
height: 18px;
margin-left: 4px;
flex: 0 0 18px;
}
.create-spreadsheet-layout .brief-field-label-with-help {
display: inline-flex;
width: auto;
vertical-align: middle;
}

/* Tooltip / help anchor row: label text + inline ? badge (see dashboard_agency, submitResponse) */
.hm-inline-help-label {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	flex-direction: row;
	flex-wrap: wrap;
}
.hm-inline-help-label--nowrap {
	flex-wrap: nowrap;
}
.hm-inline-help-label--nowrap > span:first-child {
	min-width: 0;
	white-space: normal;
}
/* Empty inline anchors collapse to 0px; Page help badges then overflow into the next
   table column or the scroll gutter. Reserve a box only while help mode is on. */
body.help-mode-on .hm-inline-help-label [data-hm-anchor] {
	width: 18px;
	height: 18px;
	min-width: 18px;
	flex: 0 0 18px;
	overflow: visible;
}

.brief-field-label-with-admin {
display: inline-flex;
align-items: center;
flex-wrap: nowrap;
position: relative;
width: 100%;
box-sizing: border-box;
}
.brief-field-label-with-admin > label {
width: auto !important;
flex: 0 1 auto;
}
.admin-only-badge--inline,
.brief-field-label-with-admin .admin-only-badge {
margin-left: 6px;
padding-left: 0;
flex: 0 0 auto;
vertical-align: middle;
}

.hm-spot-trigger:hover,
.hm-spot-trigger:focus {
background: rgb(var(--tooltip-hover-color));
box-shadow:
  inset 0 0 0 1px rgba(255, 255, 255, 0.32),
  0 0 0 2px rgba(0, 0, 0, 0.34);

}

@keyframes hm-spot-tour-current-pulse {
0%, 100% {
transform: scale(1.45);
box-shadow:
  0 0 2px 2px rgba(255, 255, 255, 0.4),
  0 0 0 3px rgba(255, 193, 7, 0.55),
  0 0 12px 4px rgba(76, 175, 79, 0.5);
}
50% {
transform: scale(1.55);
box-shadow:
  0 0 2px 2px rgba(255, 255, 255, 0.5),
  0 0 0 4px rgba(255, 235, 59, 0.65),
  0 0 18px 7px rgba(76, 175, 79, 0.55);
}
}

/* Guided tour step: ~1.5x size with gentle pulse (avg scale ~1.5) */
.hm-spot-trigger.hm-spot-trigger--tour-current {
z-index: 12;
transform-origin: center center;
animation: hm-spot-tour-current-pulse 1.15s ease-in-out infinite;
will-change: transform;
}

.hm-spot-trigger.hm-spot-trigger--tour-current:hover,
.hm-spot-trigger.hm-spot-trigger--tour-current:focus {
background: rgb(var(--tooltip-hover-color));
animation: hm-spot-tour-current-pulse 1.15s ease-in-out infinite;
}

@media (prefers-reduced-motion: reduce) {
.hm-spot-trigger.hm-spot-trigger--tour-current {
animation: none;
transform: scale(1.5);
box-shadow:
  0 0 0 3px rgba(255, 193, 7, 0.75),
  0 0 16px 5px rgba(76, 175, 79, 0.45);
}
}

.hm-spot-q {
pointer-events: none;
display: inline-flex;
align-items: center;
justify-content: center;
width: 18px;
height: 18px;
border-radius: 50%;
background: transparent;
color: rgb(var(--tooltip-text-color));
font-weight: 700;
line-height: 18px;
}

.hm-guided-tour-tab--hidden {
display: none !important;
}

/* Match Page help “on” green (.vendor-tooltip-tab-active) when tour is running */
.hm-guided-tour-entry--active {
background: #4caf50 !important;
}

.vendor-help-btn.hm-guided-tour-entry--active {
background: #4caf50 !important;
}

body.hm-guided-tour-active {
scroll-padding-bottom: min(200px, 38vh);
}

/* Tour keeps other ? badges visible but dimmed so the current step stands out. */
body.hm-guided-tour-active .hm-spot-trigger:not(.hm-spot-trigger--tour-current) {
opacity: 0.5;
pointer-events: none;
}

/* Guided tour: dim the page while a step tooltip is open (popover + tour bar stay above).
   Also shown for the start-of-tour instructions dialog.
   --cutout: overlay fill is off; .hm-guided-tour-spotlight box-shadow paints the dim
   with a hole over the current ? (badge cannot escape page stacking contexts). */
.hm-guided-tour-overlay {
position: fixed;
inset: 0;
overflow: visible;
z-index: var(--hm-z-tour-overlay) !important;
background: var(--hm-tour-dim);
pointer-events: none;
opacity: 0;
visibility: hidden;
transition: opacity 0.2s ease, visibility 0.2s;
}

.hm-guided-tour-overlay--visible {
opacity: 1;
visibility: visible;
pointer-events: auto;
}

.hm-guided-tour-overlay--cutout {
background: transparent;
}

.hm-guided-tour-spotlight {
position: absolute;
box-sizing: border-box;
border-radius: 50%;
pointer-events: none;
visibility: hidden;
box-shadow: 0 0 0 999vmax var(--hm-tour-dim);
}

.hm-guided-tour-overlay--cutout .hm-guided-tour-spotlight {
visibility: visible;
}

@media (prefers-reduced-motion: reduce) {
.hm-guided-tour-overlay {
transition: none;
}
}

.hm-guided-tour-bar {
position: fixed;
left: 50%;
bottom: max(12px, env(safe-area-inset-bottom, 0px));
transform: translateX(-50%);
z-index: var(--hm-z-tour-bar) !important;
width: 280px;
pointer-events: none;
opacity: 0;
visibility: hidden;
transition: opacity 0.2s ease, visibility 0.2s;
}

.hm-guided-tour-bar--visible {
opacity: 1;
visibility: visible;
pointer-events: auto;
}

.hm-guided-tour-bar-inner {
position: relative;
display: flex;
flex-direction: column;
align-items: stretch;
gap: 4px;
padding: 6px 10px 8px;
border-radius: 8px;
background: rgb(44, 62, 80);
color: #fff;
box-shadow: 0 4px 18px rgba(0, 0, 0, 0.35);
font-size: 13px;
font-weight: 600;
}

.hm-guided-tour-close {
position: absolute;
top: 2px;
right: 2px;
z-index: 2;
display: inline-flex;
align-items: center;
justify-content: center;
width: 28px;
height: 28px;
margin: 0;
padding: 0;
border: none;
border-radius: 6px;
cursor: pointer;
background: transparent;
color: rgba(255, 255, 255, 0.88);
font-size: 16px;
line-height: 1;
transition: background 0.15s ease, color 0.15s ease;
}

.hm-guided-tour-close:hover,
.hm-guided-tour-close:focus {
background: rgba(255, 255, 255, 0.12);
color: #fff;
outline: none;
}

.hm-guided-tour-close:focus-visible {
outline: 2px solid #fff;
outline-offset: 1px;
}

.hm-guided-tour-bar-title {
display: block;
text-align: center;
font-size: 11px;
font-weight: 700;
letter-spacing: 0.04em;
text-transform: uppercase;
opacity: 0.92;
padding: 2px 28px 0;
line-height: 1.2;
}

.hm-guided-tour-bar-controls {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
gap: 10px;
width: 100%;
}

.hm-guided-tour-bar-step {
min-width: 4.5em;
text-align: center;
font-variant-numeric: tabular-nums;
font-size: 13px;
}

.hm-guided-tour-bar--admin {
width: 280px;
}

/* Wrapper owns the 3-character width so agency.php `input { width:100% }` cannot stretch the field. */
.hm-guided-tour-jump-wrap {
display: inline-flex;
flex: 0 0 calc(3ch + 6px);
width: calc(3ch + 6px);
min-width: calc(3ch + 6px);
max-width: calc(3ch + 6px);
align-items: stretch;
box-sizing: content-box;
}

.hm-guided-tour-bar input[type=text].hm-guided-tour-jump,
input[type=text].hm-guided-tour-jump {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
flex: 1 1 auto !important;
height: 28px !important;
margin: 0 !important;
padding: 0 2px !important;
box-sizing: border-box !important;
border: 1px solid rgba(255, 255, 255, 0.35) !important;
border-radius: 4px !important;
background: rgba(0, 0, 0, 0.28) !important;
color: #fff !important;
font-size: 13px !important;
font-weight: 600 !important;
font-variant-numeric: tabular-nums;
text-align: center;
line-height: 28px;
appearance: none !important;
-webkit-appearance: none !important;
}

.hm-guided-tour-bar input[type=text].hm-guided-tour-jump:focus,
input[type=text].hm-guided-tour-jump:focus {
outline: 2px solid #fff;
outline-offset: 1px;
background: rgba(0, 0, 0, 0.45) !important;
color: #fff !important;
border-color: #fff !important;
}

.hm-guided-tour-bar--admin .hm-guided-tour-bar-step {
min-width: 3.2em;
text-align: left;
}

.hm-guided-tour-nav {
border: none;
border-radius: 6px;
width: 32px;
height: 32px;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
background: rgb(var(--tooltip-color));
color: rgb(var(--tooltip-text-color));
font-size: 14px;
box-shadow: inset 0 0 0 1px rgba(255,255,255,0.2);
transition: background 0.15s ease, transform 0.1s;
}

.hm-guided-tour-nav:hover:not(:disabled),
.hm-guided-tour-nav:focus:not(:disabled) {
background: rgb(var(--tooltip-hover-color));
transform: translateY(-1px);
outline: 2px solid #fff;
outline-offset: 2px;
}

.hm-guided-tour-nav:disabled {
opacity: 0.35;
cursor: default;
transform: none;
}

.hm-guided-tour-entry-mob-wrap {
display: inline-block;
}

.hm-guided-tour-wrap-desktop.help-btn-container {
width: auto;
min-width: 0;
max-width: 160px;
}

.hm-guided-tour-intro {
display: none;
position: fixed;
left: 50%;
top: 42%;
transform: translate(-50%, -50%);
z-index: var(--hm-z-popover) !important;
width: min(420px, calc(100vw - 32px));
max-height: calc(100vh - 140px);
}

.hm-guided-tour-intro.hm-guided-tour-intro--visible {
display: block;
}

.hm-guided-tour-intro-inner {
width: 100%;
max-height: calc(100vh - 140px);
overflow: auto;
box-sizing: border-box;
}

#hm-guided-tour-intro .hm-guided-tour-intro-inner.fieldset-margin {
margin: 0 !important;
}

.hm-guided-tour-intro .legend {
padding-left: 35px;
padding-right: 35px;
text-align: center;
}

.hm-guided-tour-intro-close {
position: absolute;
top: 12px;
right: 14px;
z-index: 2;
border: none;
background: transparent !important;
font-size: 24px;
line-height: 1;
cursor: pointer;
color: #666;
padding: 0px !important;
}

.hm-guided-tour-intro-close:hover,
.hm-guided-tour-intro-close:focus,
.hm-guided-tour-intro-close:active {
background: transparent !important;
box-shadow: none !important;
outline: none;
color: #666;
}

.hm-guided-tour-intro-close:focus-visible {
outline: 2px solid rgb(var(--tooltip-color));
outline-offset: 2px;
}

.hm-guided-tour-intro-body {
font-size: 14px;
line-height: 1.45;
color: #333;
text-align: center;
}

.hm-guided-tour-intro-body p {
margin: 0 0 12px;
}

.hm-guided-tour-intro-welcome {
font-size: 15px;
color: #2c3e50;
}

.hm-guided-tour-intro-keys-label {
margin: 4px 0 6px !important;
font-weight: 700;
font-size: 13px;
letter-spacing: 0.03em;
text-transform: uppercase;
color: #2c3e50;
}

.hm-guided-tour-intro-keys {
list-style: none;
margin: 0 0 12px;
padding: 0;
display: inline-flex;
flex-direction: column;
align-items: flex-start;
text-align: left;
gap: 6px;
}

.hm-guided-tour-intro-keys li {
display: flex;
align-items: center;
gap: 10px;
}

.hm-guided-tour-intro-keys kbd {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 2.4em;
padding: 3px 8px;
border: 1px solid #c5cdd6;
border-bottom-width: 2px;
border-radius: 4px;
background: #f4f6f8;
color: #2c3e50;
font-family: inherit;
font-size: 13px;
font-weight: 700;
line-height: 1.2;
box-shadow: 0 1px 0 rgba(0,0,0,.04);
}

.hm-guided-tour-intro-start {
display: inline-flex;
align-items: center;
justify-content: center;
width: auto;
margin: 4px auto 0;
padding: 8px 16px !important;
border: none;
border-radius: 6px;
cursor: pointer;
background: rgb(var(--tooltip-color)) !important;
color: rgb(var(--tooltip-text-color)) !important;
font-size: 14px;
font-weight: 600;
box-shadow: inset 0 0 0 1px rgba(255,255,255,0.2);
}

.hm-guided-tour-intro-start:hover,
.hm-guided-tour-intro-start:focus {
background: rgb(var(--tooltip-hover-color)) !important;
color: rgb(var(--tooltip-text-color)) !important;
outline: 2px solid #fff;
outline-offset: 2px;
}

.hm-popover {
display: none;
position: fixed;
z-index: var(--hm-z-popover) !important;
width: min(360px, calc(100vw - 20px));
}

.hm-popover.hm-popover-visible {
display: block;
}

.hm-popover-inner {
width: 100%;
max-height: 80vh;
overflow: auto;
background: #fff;
border-radius: 8px;
padding: 14px;
position: relative;
box-shadow: 0 8px 34px rgba(0,0,0,.3);
}

.hm-popover-close {
position: absolute;
top: 8px;
right: 10px;
border: none;
background: transparent !important;
font-size: 24px;
line-height: 1;
cursor: pointer;
color: #666;
padding: 0px !important;
margin-bottom: 4px;
}

.hm-popover-close:hover,
.hm-popover-close:focus,
.hm-popover-close:active {
background: transparent !important;
box-shadow: none !important;
outline: none;
color: #666;
}

.hm-popover-title {
margin: 0 32px 12px 0;
font-size: 18px;
}

.hm-popover-body {
font-size: 14px;
line-height: 1.45;
overflow-wrap: break-word;
word-wrap: break-word;
}

.hover-modal.help-center-hover {
overflow-x: visible;
}

td.billboardHover{
color:red;
cursor:context-menu;
}
button.ABC{
border:0px;
padding:9px 14px 9px 14px;
}
button.ABC:hover, button.ABC.selected{
background:#666;
color:#fff;
}
button.A{
background:#d4ffd8;
}
button.B{
background:#feffd4;
}
button.C{
background:#ffd4d4;
}

.billboard-hover-header {
margin: auto;
padding: 12px 15px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
line-height: inherit;
border-top-right-radius: 5px;
border-top-left-radius: 5px;
border-bottom: 1px solid rgb(233, 236, 239);
margin-bottom: 25px;
}
.bh-heading-container {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
line-height: inherit;
}
.bh-heading-wrapper {
display: flex;
align-items: center;
}
.bh-heading {
font-size: 28px;
margin: 0;
font-weight: bold;
color: black;
}
.bh-link {
transition: all .3s ease-out;
}
.bh-link:hover {
color: #454545;
text-decoration: none;
transform: translate(3px, 0);
}
.billboard-tabs-container {

}
.billboard-info-header {
text-align:center;
color:white;
font-weight:bold;
border-top-right-radius: 5px;
border-top-left-radius: 5px;
padding: 8px 0px 8px 0px;
margin: auto;
width: 98%;
}
.sm-billboard-info-header {
text-align:center;
color:white;
font-weight:bold;
padding: 4px 0px 4px 0px;
margin: auto;
}
.fixed-width-heading {max-width: 500px; font-size: 28px; margin: 0 8px 2px 0; line-height: inherit; line-height: 1;
font-weight: bold;}
.unit-link {color: #9D833E; font-size: 28px; margin: 0 8px 2px 0; line-height: inherit; line-height: 1; font-weight:
bold;}
.unit-link:hover {text-decoration: none; color: black;}

.billboard-content {
width: 55%;
background: white;
}
.billboard-img {
width: 45%;
background: white;
}
#supportingImg {
	margin: 0 auto;
	width: 100%;
	max-width: 500px;
	padding: 5px;
}

.billboard-info-container,
.activity-container {
margin: auto;
width: 100%;
padding: 5px;
}

.billboard-cost-container tr:nth-child(odd),
.billboard-info-container tr:nth-child(odd),
.activity-container tr:nth-child(odd) {
background: #f2f2f2
}

.billboard-cost-container tr:nth-child(even),
.billboard-info-container tr:nth-child(even),
.activity-container tr:nth-child(even) {
background: #FFF
}

.billboard-cost-container td,
.billboard-info-container td {
padding:3px 6px; 

}

.activity-container th,
.activity-container td {
padding: 10px;
vertical-align: middle;
width: 50%;
font-size: 15px;
}
.activity-container td {
border-left: 2px solid #e4e2e2;
}

.activity-details-scroll {
max-height: 150px;
overflow-y: auto;
overflow-x: hidden;
}
.activity-details-line {
line-height: 1.4;
margin-bottom: 4px;
}
.activity-details-line:last-child {
margin-bottom: 0;
}


.activity-row {
padding: 10px;
}
.billboard-info {
margin: 16px 0 16px 8px;
}
.billboard-info-wrapper {
border: 1px solid #d4d4d4;
width: 98%;
margin: auto;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
margin-bottom: 25px;
}
.billboard-overflow-wrapper {
overflow-y: auto;
overflow-x: hidden;
}
.overflow-180 {
max-height: 180px;
}
.additional-image-display,
.file-not-supported {
	min-height: 100px;
}

.popup-inner ::-webkit-scrollbar {
-webkit-appearance: none;
width: 7px;
z-index: 10;
}

.popup-inner ::-webkit-scrollbar-track {
background: #e6e6e6;
border-radius: 10px;
z-index: 10;
}

.popup-inner ::-webkit-scrollbar-thumb {
border-radius: 4px;
background-color: rgba(0, 0, 0, .3);
box-shadow: 0 0 1px rgba(255, 255, 255, .5);
z-index: 10;
}
.billboard-button-container {
margin: 5px auto 15px auto;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
flex-wrap: nowrap;
padding: 5px 1%;
max-width: 300px;
overflow: auto;
border: 1px solid rgb(233, 236, 239);
border-radius: 3px;
}
.billboard-button-container button {
margin-left: -5px;
margin: 5px;
font-size: 12px;
padding: 4px;
min-width: 96px;
}
.billboard-button-container h5 {
margin: 0 7px 0 0;
}
.bottom-billboard-table-header {
padding: 7px 14px;
background: #f2f2f2;
}
td.billboardHover {
color:red;
cursor:context-menu;
}
.past-campaign-container {
margin-bottom: 0;
width: 100%;
}
.past-campaign-container td,
.admin-td {
padding: 10px 14px 10px 14px;
font-size: 14px;
font-weight: 200;
vertical-align: middle;
border: 1px solid #e3e4e7;
border-bottom-style: none;
}
.past-campaign-container td:first-of-type {
border-left-style: none;
}

@media screen and (max-width: 770px) {
.billboard-content,
.billboard-img {
width: 100%;
display: block;
}
.billboard-img {
text-align: center;
padding-bottom: 12px;
}
.billboard-info {
margin: auto;
}
.billboard-info table {
width: 95%;
margin: auto;
}
.billboard-button-container {
margin: 5px auto;
width: 100%;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding-left: 0;
}

.overflow-180 {
max-height: 180px;
}
.overflow-400 {
height: 400px;
}
}

.data-popup-close {
max-width: 150px;
text-align: center;
margin: auto;
margin-bottom: 20px;
margin-top: -10px;
transition:ease 0.25s all;
}
.data-popup-close:hover {
transform: scale(1.1);
}
.data-popup-close a {
color: #9D833E;
transition:ease 0.25s all;

}
.data-popup-close a:hover {
color: #9D833E;
text-decoration: none;
transform: scale(1.3);
}
#backgroundForPOP {
width:100%;
height:100%;
position:fixed;
top:0px;
left:0px;
}
.popup {
width:100%;
height:100%;
display:none;
position:fixed;
top:0px;
left:0px;
background:rgba(0,0,0,0.75);
z-index: 9999;
}

/* Inner */
.popup-inner {
width:90%;
position:absolute;

top:50%;
left:50%;
-webkit-transform:translate(-50%, -50%);
transform:translate(-50%, -50%);
box-shadow:0px 2px 6px rgba(0,0,0,1);
border-radius:6px;
background:#fff;
z-index: 9999999999;
}

/* Close Button */
.popup-close {
display:inline-block;
position:absolute;
top:10px;
right:10px;
transition:ease 0.25s all;
font-size:22px;
text-align:center;
line-height:100%;
color: #C0C0C0;
z-index:999999;
}


.popup-close:hover {
text-decoration: none;
color: #C0C0C0;
transform: scale(1.3);
}


.hasHistory:nth-child(even)
{
color:#F00;
background:#ffc7c7 !important;
}
.hasHistory:nth-child(odd)
{
color:#F00;
background:#ffe5e5 !important;
}
.cust_file_btn a {
margin-left: 10px;
}
.cust_file_btn {
display: flex;
align-items: center;
margin: 10px 0px;
}

th.billingExempt{
color:#000000 !important;
background:#f00 !important;
}
td.billingExempt{
background:#ffcccb !important;
}
.tut-message-container {
width: 90%;
max-width: 600px;
margin: auto auto 15px auto;
font-size: 14px;
color: #4d4d4d;
position: relative;
}
.tut-search-container {
width: 100%;
max-width: 610px;
margin: 5px auto 30px auto;
position: relative;
}
.tut-search {
display: flex;
flex-direction: column;
width :95%;
margin: auto;
}
#helpSearch {
border: solid #e5e5e5 1px !important;
box-shadow: 0 .15rem 1.75rem 0 rgba(58,59,69,.15 )!important;
}
.tut-search input,
.tut-search button {
margin: 2px 5px;
}
.search-param-container {
width: 100%;
margin: 5px auto 10px auto;
text-align: center;
}
.search-param-container span {
margin-right: 7px;
}
.center-button {
	margin: 5px;
}
.font-weight-bold {
	font-weight: bold;
}
.chrome-container {
position: fixed;
bottom: 10px;
left: 10px;
z-index: 9999;
width: 180px;
text-align: center;
font-size: 8px;
}
#chromeLink {
display: flex;
flex-direction: column;
justify-content: space-around;
align-items: center;
}
#chromeLink img {
margin-bottom: 5px;
width: 25px;
height: auto;
}

.vendor-help-btn-container,
.help-btn-container {
position: fixed;
bottom: 20px;
}
/* Tight stack: keep ? and Guided tour adjacent (was margin-bottom: 10px + gap). */
.vendor-help-btn:first-of-type {
margin-bottom: 0;
}

.help-btn-container {
left: 20px;
width: 160px;
}

.vendor-help-btn-container {
left: 0;
right: auto;
bottom: 10px;
width: 34px;
overflow: visible;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 2px;
}
.vendor-help-btn-container .agency-sidebar-help-row {
position: relative;
width: 34px;
overflow: visible;
}
.hide-help {
position: absolute;
top: -8px;
right: -8px;
background-color: rgb(250, 50, 40);
color: white;
padding: 8px 5px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
transition: .5s;
}
.submit-request-btn,
.help-btn,
.vendor-help-btn {
padding: 5px !important;
font-size: 12px;
font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
background: rgb(60, 141, 188);
color: #fff;
font-weight: bold;
text-decoration: none;
cursor: pointer;
box-shadow: rgba(0, 0, 0, 0.30) 0px 5px 10px;
transition: .3s;
width: 100%;
display: flex;
flex-direction: row;
justify-content: space-around;
align-items: center;
}
.vendor-help-btn-container .hide-help {
display: none;
}
.vendor-help-btn {
width: 34px;
height: 44px;
overflow: hidden;
border-radius: 0 6px 6px 0;
justify-content: flex-start;
padding: 5px 6px !important;
font-size: 16px;
white-space: nowrap;
margin-left: 0 !important;
}
.vendor-tooltip-tab-active {
background: #4caf50 !important;
}
.vendor-help-btn.vendor-tooltip-tab-active:hover {
width: 210px;
}
.vendor-help-btn.vendor-tooltip-tab-active:hover .vendor-help-label {
max-width: 170px;
}
.vendor-help-btn + .vendor-help-btn {
margin-top: 0;
}
.vendor-help-btn-content {
display: flex;
align-items: center;
gap: 0;
}
.vendor-help-btn:hover .vendor-help-btn-content {
gap: 8px;
}
.vendor-help-label {
display: inline-block;
max-width: 0;
opacity: 0;
overflow: hidden;
font-size: 16px;
transition: max-width .25s ease, opacity .2s ease;
white-space: nowrap;
}
.vendor-help-btn:hover {
width: 155px;
}
.vendor-help-btn:hover .vendor-help-label {
max-width: 115px;
opacity: 1;
margin-left: 0;
}
@media only screen and (max-width: 800px) {
.vendor-help-btn-container {
left: 0;
}
}
.submit-request-btn-container {
bottom: 60px;
}
.submit-request-btn {
background: rgb(243, 156, 18);
}
.submit-request-btn:hover {
background: #cb8311;
}
.help-btn:hover,
.submit-request-btn:hover {
transform: translateY(-5px);
transition: .3s;
}
.hide-help:hover {
background: rgb(204, 24, 18);
}
.notificationLink, .notificationLink:hover {
color: white;
font-weight: bold;
}

.help-modal,
.notification-modal {
opacity: 0;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
transition: opacity .3s ease;
border-radius: 8px;
position: relative;
width: 100%;
}
.help-modal {
background: #ffffff;
}
.notification-modal {
justify-content: center;
align-items: center;
}
.help-modal-header {
display: grid;
grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
align-items: center;
width: 100%;
box-sizing: border-box;
border-bottom: solid #e5e5e5 1px;
}
.help-modal-header-start {
justify-self: start;
padding: 8px 10px;
min-width: 0;
}
.help-modal-header-end {
justify-self: end;
padding: 8px 10px;
}
.help-modal-header .help-heading {
grid-column: 2;
justify-self: center;
border-bottom: none !important;
width: auto;
margin: 0;
padding: 10px 0;
}
.vendor-hc-send-message-host {
display: inline-block;
position: relative;
}
.vendor-hc-hm-anchor {
position: absolute;
top: 0;
right: 0;
width: 1px;
height: 1px;
line-height: 0;
overflow: visible;
pointer-events: none;
z-index: 2;
}
.vendor-hc-hm-anchor > .hm-spot-trigger {
pointer-events: auto;
}
body.help-center-modal-open .hm-spot-trigger {
visibility: hidden !important;
pointer-events: none !important;
}
body.help-center-modal-open .help-modal .hm-spot-trigger {
visibility: visible !important;
pointer-events: auto !important;
}
body.help-mode-on .help-modal .tut-tabs .tab-links {
position: relative;
overflow: visible;
}
.help-modal h3,
.notification-modal h3 {
margin: 0;
font-weight: bold;
}
.help-heading,
.notification-heading {
margin-top: 0 !important;
width: 100%;
padding: 16px 48px 14px 20px;
line-height: 1.35;
border-radius: 8px 8px 0 0;
text-align: center;
font-weight: 700;
word-break: break-word;
}
.help-heading {
padding: 10px;
color: black !important;
font-size: inherit;
border-bottom: 1px solid #e5e5e5 !important;
}
.notification-heading {
font-size: 18px;
}

.submit-tut {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 8px 20px 8px 20px !important;
}
.submit-tut i {
margin-right: 8px;
}
.help-subheading {
font-size: 1.7rem;
width: 100%;
text-align: center;
margin: 0 auto 10px auto;
}

.tut-orange {
background: #FAA732;
}
.tut-teal {
background: #13A89E;
}
.tut-pink {
background: #D93D7A;
}
#tutWrapper {
width: 100%;
text-align: center;
background-color: #f2f3f7;
padding-top: 20px;
}
.notification-wrapper {
width: auto;
max-width: 520px;
margin: 0 auto;
padding: 20px 24px 8px;
text-align: center;
font-size: 15px;
line-height: 1.5;
}
.notification-wrapper ul {
margin: 10px 0;
}
.notification-wrapper li {
text-align: left;
margin: 5px 0;
}
.notification-btn-container {
width: 100%;
padding: 8px 20px 20px;
text-align: center;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
gap: 10px;
}
.notification-btn-container .btn {
margin: 0;
}
/* Beat .w100 { display: inline-block } so Search / Clear All Unread stay side-by-side */
div.w100.button-container-100.notifications-search-actions {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
gap: 8px;
width: auto;
margin-left: 10px;
}
/* Match MediaX button sizing; Bootstrap .btn is larger / font-weight 400 */
div.w100.button-container-100.notifications-search-actions button.btn {
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 auto;
width: auto;
height: auto;
margin: 0;
box-sizing: border-box;
white-space: nowrap;
padding: 7px 14px !important;
font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 13px;
font-weight: bold;
line-height: 1.2;
border: 0;
border-radius: 4px;
}
.notifications-row-actions {
display: flex;
flex-wrap: wrap;
align-items: stretch;
gap: 6px;
}
.notifications-row-actions .btn {
width: 125px;
margin: 0;
box-sizing: border-box;
text-align: center;
white-space: nowrap;
}
.tut-header {
font-weight: bold;
text-align: center;
color: white;
font-weight: bold;
padding: 10px 0px 10px 0px;
margin: auto;
margin-bottom: 15px;
border-top-right-radius: 5px;
border-top-left-radius: 5px;
}

.accordion-top,
.accordion-bottom {
width: 95%;
margin: 2.5% auto 2.5%;
}
.tut-accordion-container,
.tut-tabs {
width: 95%;
margin: auto;
}
.notification-counter {
position: absolute;
top: -12px;
left: -12px;
width: 25px;
height: 25px;
background: red;
color: #ffffff;
border-radius: 25px;
padding: 5px;
display: none;
justify-content: center;
align-items: center;
font-size: 13px;
font-weight: bold;
}
.tab-links {
box-shadow: 0 .15rem 1.75rem 0 rgba(58,59,69,.15 )!important;
}
.tab-links,
.tab-links:focus {
background-color: inherit;
border: none;
outline: none;
cursor: pointer;
padding: 5px 15px;
transition: 0.3s;
text-decoration: none;
color: #666;
border-radius: 5px;
text-decoration: none;
margin: 0 10px;
border: 1px solid #545454;
position: relative;
background: white;
}
.tab-links i {
margin-right: 8px;
}
.tab-links:hover {
text-decoration: none;
border: 1px solid transparent;
color: #ffffff;
background-color: #8c8c8c;
}
.tab-links.active {
background: rgb(34, 100, 137);
color: #fff;
text-decoration: none;
border: 1px solid transparent;
}
.tut-card-header {
width: 100%;
border: solid #e3e4e7 1px;
border-radius: 5px;
}
.tut-card-link,
.tut-actions {
width: 98%;
margin: 0 auto;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
text-decoration: none;
padding-top: 10px;
padding-bottom: 10px;
}

.tut-card-link,
.tut-card-link:hover,
.tut-link,
.tut-link:hover {
text-decoration: none !important;
}
.tut-card-link:hover,
.tut-link:hover {
color: #0C7069;
}
.tut-collapse {
border: solid #e3e4e7 1px;
border-radius: 5px;
background: #f5f5f5;
}
.tut-card-body {
padding: 10px;
text-align: left;
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: baseline;
align-items: flex-start;
}
.tut-card-body div {
width: 100%;
}
.video-card-body {
padding: 5px;
}
.rotate-icon {
transition: .3s;
display: flex;
justify-content: center;
align-items: center;
}
.rotate-icon-open {
transition: .3s;
transform: rotate(180deg);
}
#faqTips {
margin-top: 10px;
}
.tut-tabs {
display: flex;
justify-content: center;
background-color: transparent !important;
border: none;
margin-bottom: 10px;
}
.tut-underline {
margin: auto;
margin-top: 10px;
margin-bottom: 10px;
width: 90%;
}
.tut-accordion-container,
.tut-container {
width: 95%;
margin: 10px auto 5px auto;
border: 1px solid #e3e4e7;
border-radius: 5px;
}
.tut-container {
background: white;
margin-bottom: 20px;
box-shadow: 0 .15rem 1.75rem 0 rgba(58,59,69,.15 )!important;
}
.tut-hide {
display: none;
}
.tip-list {
width: 95%;
padding: 0;
margin: 2.5% auto 2.5%;
list-style: none;
}
.label-input i {
margin-bottom: 3px;
}
.tip-list li {
border-bottom: solid #e3e4e7 1px;
padding-bottom: 10px;
text-align: left;
position: relative;
}
.tip-list li:last-of-type {
border-bottom: none;
}

#contactSupport {
width: 100%;
margin: 10px 0 5px 0;
}
/* Help/contact modals only — global transparent broke solid panels (e.g. unlock confirm) */
.modal:not(.unlock-vendor-confirm-modal):not(.layer-modal) .modal-content {
background: transparent;
}
.support-button-container {
flex-direction: column;
justify-content: center;
align-items: center;
margin-top: 5px;
position: relative;
}

.support-message-container {
width: 100%;
}
#backToHelpCenter {
display: none;
}
.help-modal-header #msgBtnFloat,
.help-modal-header #backToHelpCenter {
position: static;
top: auto;
left: auto;
}

#msgBtnFloat:hover,
#msgBtnFloat:active,
#msgBtn:hover,
#msgBtn:active {
color: white;
}
.contact-form {
margin-bottom: 15px;
}
.container-contact {
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
padding: 0 25px;

}
.wrap-contact {
width: 550px;
background: transparent;
padding: 30px 0 80px 0;
}
.wrapped-input {
width: 100%;
position: relative;
/* background-color: #fff; */
margin-bottom: 10px;
border-radius: 5px;
}
.message-wrap-input {
background-color: #fff;
}
.label-input {
display: -webkit-box !important;
display: -webkit-flex !important;
display: -moz-box !important;
display: -ms-flexbox !important;
display: flex !important;
justify-content: center !important;
align-items: center !important;
width: 58px !important;
position: absolute !important;
top: 0 !important;
left: 0 !important;
cursor: pointer !important;
font-size: 18px !important;
color: #999999 !important;
background: transparent !important;
}
.form-input {
display: block !important;
width: 100% !important;
background: transparent !important;
font-family: sans-serif !important;
font-size: 15px !important;
color: #43383e !important;
line-height: 1.2 !important;
padding: 0 5px !important;
}
.form-input {
padding-left: 58px !important;
}

.form-select{
padding: 0px 20px 0px 58px !important;
font-size:14px;
}
textarea.form-input {
min-height: 150px !important;
padding: 10px !important;
}

.contact-wrapper {
width: 100%;
background: transparent;
}
.contact-form-title {
text-align: center;
margin: 0 auto 10px auto !important;
color: black;
font-size: 23px;
}

.container-contact-form-btn {
margin-top: 15px;
}
.attachments {
margin-bottom: 5px;
}

#addAttachment {
margin-left: 5px;
color: #b0b1b5;
}

#addAttachment:hover {
color: #757575;
}


.cke_dialog,
.cke_skin_kama {
z-index: 9999999999 !important;
}
.rotat-img-rel {position: relative;}
.rotate-img { position: absolute; bottom: 15px; left: 15px; padding: 8px !important; z-index: 9999; width: 30px; height:
30px; }
.new-upload {position: absolute; bottom: 15px; right: 15px; padding: 8px !important; z-index: 9999; width: 30px; height:
30px;}
.save-container {margin: 10px 0px; align-items: flex-start;}
.img-section {position: relative; padding: 5px;}

.opentab-padding {padding: 10px !important;}
.opentab-margin {margin: 10px !important;}
.dropdown-menu { top: 95%; max-width: 200px;}
.dropdown-menu.show { display: block !important; }
.dropdown-toggle-btn {height: 100%;}

.caret-invert {transform: rotate(180deg); transition: transform 0.15s ease;}
.fa-caret-down {transition: transform 0.15s ease;}

/* Tabs-style dropdown menu (e.g. proposal "Extras") */
.dropdown-wrapper .dropdown-menu {
	min-width: 200px;
	max-width: 260px;
	padding: 6px 0;
	margin-top: 6px;
	border: 1px solid rgba(0, 0, 0, 0.08);
	border-radius: 8px;
	box-shadow: 0 10px 28px rgba(0, 0, 0, 0.12), 0 2px 6px rgba(0, 0, 0, 0.06);
	background-color: #fff;
	overflow: hidden;
}

.dropdown-wrapper .dropdown-tablinks {
	display: block !important;
	float: none !important;
	width: 100%;
	box-sizing: border-box;
	padding: 9px 16px !important;
	margin: 0 !important;
	text-align: left;
	font-size: 14px;
	line-height: 1.3;
	color: #333;
	white-space: normal;
	cursor: pointer;
	border: none;
	background-color: transparent;
	transition: background-color 0.12s ease, color 0.12s ease, padding-left 0.12s ease;
}

.dropdown-wrapper .dropdown-tablinks:hover,
.dropdown-wrapper .dropdown-tablinks:focus {
	background-color: #f3f6f9;
	color: #0073aa;
	padding-left: 20px !important;
}

.dropdown-wrapper .dropdown-tablinks.active {
	background-color: #eaf3fa;
	color: #0073aa;
	font-weight: 600;
}

.inline-div {width: 100%; display: inline-block;}

vendor-side-bar {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}

.vendor-current {
list-style: none;
display: block;
font-size: 11px;
text-align: center;
border-top: 2px solid transparent !important;
border-bottom: 2px solid #e6e6e6 !important;
vertical-align: middle;
}

.vendor-current a {
display: block;
margin: 0;
padding: 13px;
color: #bdc3c7;
cursor: pointer;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
border-radius: 5px;
}
.vendor-menu-link {
text-decoration: none;
transition: all 0.3s ease;
}
.vendor-menu-link:hover {
text-decoration: none !important;
background-color: rgba(255, 255, 255, 0.1) !important;
border-radius: 5px;
}
.vendor-side-bar .vendor-current .vendor-menu-link:hover > .sidebar-icon {
transform: scale(1.15);
transition: all 0.3s ease;
}

.vendor-side-bar .vendor-current a > .sidebar-icon {
        display: block;
    font-size: 24px;
    line-height: 1.2em;
    text-decoration: none !important;
}
.sign-addendum-row {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 50px 0px 25px 0px;
}
.vendor-content {
position: relative;
display: block;
background-color: #FFFFFF;
padding-bottom: 0px;
min-height: 100vh;
text-align: left;
background-color: #f2f3f7 !important;
}

.ll-counter {
  top: 1px;
  left: 12px;
  display: inline-block;
  height: 14px;
  min-width: 14px;
  width: fit-content;
  font-size: 9px;
  display: flex;
  padding: 3px;
}
.pbd-ll-counter {
  top: 1px;
  left: 60px;
  line-height: initial;
}

.profile-container {
padding: 10px 0;
width: 100%;
}
.sidebar .header-profile {
width: 100%;
list-style: none;
}
/* Left rail: .header-profile is styled for a top header (float + 60px height),
   which pulls the avatar out of flow so it overlaps the logo on a narrow sidebar. */
.pmx-menu.side-left .pmx-logo-container {
	height: auto;
	overflow: visible;
	padding: 4px 8px 2px;
	border: none !important;
}
.pmx-menu.side-left .header-profile {
	float: none !important;
	height: auto !important;
	min-height: 0;
	padding: 14px 0 !important;
	margin: 0 -12px !important;
	width: auto !important;
	display: flex !important;
	align-items: center;
	justify-content: center;
	overflow: visible;
	border: none !important;
	border-top: 1px solid #eef0f3 !important;
	border-bottom: 1px solid #eef0f3 !important;
	position: relative;
	box-sizing: border-box;
}
.pmx-menu.side-left .header-profile .profile-nav {
	line-height: 0;
	padding: 0 !important;
	height: auto;
	margin: 0;
	display: flex !important;
	align-items: center;
	justify-content: center;
	width: 100%;
	position: relative;
	float: none !important;
}
.pmx-menu.side-left .header-profile .profile-container {
	padding: 0;
	width: 100%;
	height: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}
.pmx-menu.side-left .sidebar > li.help-btns {
	height: auto;
	min-height: 52px;
	overflow: visible;
	border: none !important;
}
.agency-menu-search-icon {
	display: none;
}
.pmx-menu-top .agency-menu-search-icon {
	display: none !important;
}

.pmx-logo-container {
width: 100%; margin: 0px !important;
}
.menu-link-container {
padding: 0;
}
.pmx-logo-container,
.pmx-logo-container > span,
.pmx-logo-container > a,
.toggle-team,
.profile-nav {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.pmx-logo-container .brand-logo {
max-height: 120px;
width: auto;
height: auto;
object-fit: contain;
}
.pmx-menu.side-left .pmx-logo-container .brand-logo {
	max-height: 84px;
	max-width: 168px;
}
/* Tooltip anchor wrapper sits between li and link — keep logo centered like direct child <a> did */
.pmx-logo-container > span > a {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
}
.pmx-menu
.pmx-menu a {
color: inherit;
text-decoration: none;
}
.pmx-menu {
z-index: 99999999 !important;
}
/* Side nav: stack above .fixed-save-container (99999999) and .main-footer (99999999999999) so bottom-fixed
   chrome (e.g. agency help dock at viewport bottom-left) still receives clicks. Below modals / notifications. */
.pmx-menu.side-left.fixed {
	z-index: 100000000000000 !important;
	/* Fill viewport height so flex column + margin-top:auto pins help dock to bottom */
	display: flex;
	flex-direction: column;
	top: 0;
	bottom: 0;
	left: 0;
	min-height: 0;
	width: var(--pmx-left-nav-width, 160px);
	box-sizing: border-box;
	overflow: visible !important;
	box-shadow: 0 0 0 1px rgba(58, 59, 69, 0.06), 0 0.15rem 0.9rem 0 rgba(58, 59, 69, 0.08);
}
/* Left-nav / portaled help-dock z-indexes clamp to the CSS 32-bit max and otherwise
   paint on top of Bootstrap modals (e.g. New/Revise Contract). Drop them while a
   modal is open so the dialog and backdrop stack in front. Below Bootstrap's
   default .modal-backdrop (1040) and well below app modals at 2147483638. */
body.modal-open .pmx-menu.side-left.fixed {
	z-index: 1030 !important;
}
body.modal-open .agency-sidebar-help-dock[data-pmx-agency-help-portal="1"].vendor-help-btn-container {
	z-index: 1030 !important;
}
.pmx-menu.side-left.fixed li.help-btns {
position: relative;
z-index: 2;
}
/* Side nav column: scrollable icons; vendor help dock is portaled to <body> (see index.php + .agency-sidebar-help-dock[data-pmx-agency-help-portal]) */
.pmx-menu.side-left.fixed ul.pmx-menu-list.sidebar {
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
	min-height: 0;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	position: relative;
	overflow: visible !important;
	border-bottom: none;
}
.pmx-menu.side-left.fixed .menu-toolbar-container {
	flex: 0 0 auto;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 8px;
	padding: 10px 12px 0;
	overflow: visible;
	max-width: 100%;
	box-sizing: border-box;
}
.pmx-menu.side-left.fixed .toggle-company-container,
.pmx-menu.side-left.fixed .toggle-team,
.pmx-menu.side-left.fixed #systemPlantId {
	width: 100%;
	max-width: 100%;
	min-width: 0;
	box-sizing: border-box;
}
.pmx-menu.side-left.fixed .menu-link-wrapper {
	flex: 1 1 auto;
	min-height: 0;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	box-sizing: border-box;
	width: 100%;
	max-width: 100%;
	border-top: none;
	padding-top: 8px;
}
.pmx-menu.side-left.fixed .menu-link-container {
	flex: 1 1 auto;
	min-height: 0;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 4px;
	padding: 4px 10px 110px;
	list-style: none;
}
/* Page help: sidebar ? badges sit outside normal flow; avoid clipping and keep above adjacent chrome */
body.help-mode-on .pmx-menu.side-left.fixed .menu-toolbar-container,
body.help-mode-on .pmx-menu.side-left.fixed .menu-link-wrapper,
body.help-mode-on .pmx-menu.side-left.fixed .menu-link-container {
	overflow: visible;
}
body.help-mode-on .pmx-menu.side-left.fixed .hm-spot-trigger {
	z-index: 6;
}

/* Left nav: compact header + icon buttons instead of a rotated top bar */
.pmx-menu.side-left .agency-menu-search-wrap {
	position: relative;
	display: block;
	width: 100%;
	box-sizing: border-box;
	padding-bottom: 0;
	border-bottom: 0;
}
.pmx-menu.side-left .agency-menu-search-icon {
	display: block;
	position: absolute;
	left: 12px;
	top: 50%;
	transform: translateY(-50%);
	color: #8a939e;
	font-size: 12px;
	pointer-events: none;
	z-index: 1;
	margin: 0;
}
.pmx-menu.side-left #searchCampaignID.vert-input-search,
.pmx-menu.side-left #searchCampaignID {
	display: block;
	width: 100% !important;
	max-width: 100%;
	height: 34px !important;
	margin: 0 !important;
	padding: 6px 10px 6px 30px !important;
	box-sizing: border-box;
	border: 1px solid #d9dde3 !important;
	border-bottom: 1px solid #d9dde3 !important;
	border-radius: 8px;
	background: #f6f7f9;
	font-size: 13px;
	line-height: 1.2;
	color: #333;
	box-shadow: none;
}
.pmx-menu.side-left #searchCampaignID:focus {
	width: 100% !important;
	background: #fff;
	border-color: rgb(var(--secondary-color)) !important;
	outline: none;
}
.pmx-menu.side-left .profile-menu-wrap {
	width: 100%;
	height: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}
.pmx-menu.side-left .header-profile .hm-inline-help-label {
	gap: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: auto;
	position: relative;
}
.pmx-menu.side-left .header-profile .hm-inline-help-label > span:last-of-type {
	position: absolute !important;
	display: block !important;
	top: 0;
	left: 0;
	width: 0 !important;
	height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: visible;
	pointer-events: none;
}
body.help-mode-on .pmx-menu.side-left .header-profile .hm-inline-help-label > span:last-of-type {
	width: 18px !important;
	height: 18px !important;
	left: calc(50% + 12px);
	top: -4px;
	pointer-events: auto;
}
.pmx-menu.side-left .profile-menu-trigger {
	position: relative;
	top: auto;
	left: auto;
	transform: none;
	padding: 0;
	margin: 0;
	border-radius: 50%;
	line-height: 0;
}
.pmx-menu.side-left .profile-menu-trigger:hover,
.pmx-menu.side-left .profile-menu-trigger:focus,
.pmx-menu.side-left .profile-menu-trigger[aria-expanded="true"] {
	background: transparent;
}
.pmx-menu.side-left .profile-menu-trigger:hover .profile-avatar--menu,
.pmx-menu.side-left .profile-menu-trigger:focus .profile-avatar--menu,
.pmx-menu.side-left .profile-menu-trigger[aria-expanded="true"] .profile-avatar--menu {
	box-shadow: 0 0 0 1px rgba(var(--secondary-color), 0.55);
	background: rgba(var(--secondary-color), 0.18);
}
.pmx-menu.side-left .profile-avatar--menu {
	width: 34px;
	height: 34px;
	font-size: 12px;
	font-weight: 600;
	background: rgba(var(--secondary-color), 0.12);
	color: rgb(var(--secondary-color));
	box-shadow: 0 0 0 1px rgba(var(--secondary-color), 0.28);
}
.pmx-menu.side-left.fixed .menu-link-container > li.current {
	height: 48px;
	margin: 0;
	padding: 0;
	border: none !important;
	border-radius: 8px;
	overflow: visible;
	display: flex;
	align-items: center;
	justify-content: center;
}
.pmx-menu.side-left.fixed .menu-link-container > li.current .agency-menu-main-nav-hm-host {
	width: 100%;
	height: 100%;
}
.pmx-menu.side-left.fixed .menu-link-container > li.current > .menu-url,
.pmx-menu.side-left.fixed .menu-link-container > li.current .agency-menu-main-nav-hm-host > .menu-url {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	width: 100%;
	padding: 0;
	margin: 0;
	border-radius: 8px;
	background: transparent !important;
}
.pmx-menu.side-left.fixed .menu-link-container > li.current .menu-url:hover,
.pmx-menu.side-left.fixed .menu-link-container > li.current .menu-url:focus {
	background: rgba(var(--secondary-color), 0.12) !important;
}
.pmx-menu.side-left.fixed .menu-link-container > li.current .menu-url > .sidebar-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	font-size: 22px;
	line-height: 1;
	margin: 0 auto;
}
.pmx-menu.side-left.fixed .menu-link-container > li.current .menu-url > .sidebar-icon.mnu-campaign {
	width: 30px;
	background-size: 24px;
}

/* Desktop left-nav collapse: keep a 64px icon rail (not the mobile hide-all hamburger). */
:root {
	--pmx-left-nav-width: 160px;
}
html.pmx-left-nav-collapsed {
	--pmx-left-nav-width: 64px;
}
.pmx-left-nav-toggle {
	display: none;
}
.pmx-menu.side-left.fixed:not(.side-left-mobile) .pmx-left-nav-toggle {
	display: flex !important;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 18px;
	right: -12px;
	z-index: 30;
	width: 24px !important;
	height: 24px !important;
	min-width: 24px;
	min-height: 24px;
	margin: 0;
	padding: 0 !important;
	border: 1px solid #e3e4e7 !important;
	border-radius: 50% !important;
	background: #fff !important;
	color: #6b7280 !important;
	font-weight: normal !important;
	text-transform: none !important;
	box-shadow: 0 1px 4px rgba(58, 59, 69, 0.12);
	cursor: pointer;
	line-height: 1;
	appearance: none;
	-webkit-appearance: none;
	box-sizing: border-box;
	flex: 0 0 auto;
}
.pmx-menu.side-left.fixed:not(.side-left-mobile) .pmx-left-nav-toggle:hover,
.pmx-menu.side-left.fixed:not(.side-left-mobile) .pmx-left-nav-toggle:focus {
	color: rgb(var(--secondary-color)) !important;
	border-color: rgba(var(--secondary-color), 0.45) !important;
	background: #fff !important;
	outline: none;
}
.pmx-menu.side-left.fixed:not(.side-left-mobile) .pmx-left-nav-toggle i {
	font-size: 12px;
	line-height: 1;
	transition: transform 0.2s ease;
}
html.pmx-left-nav-collapsed .pmx-menu.side-left.fixed:not(.side-left-mobile) .pmx-left-nav-toggle i {
	transform: rotate(180deg);
}
html.pmx-left-nav-collapsed .pmx-menu.side-left.fixed:not(.side-left-mobile) {
	width: 64px !important;
}
html.pmx-left-nav-collapsed .content {
	margin-left: 64px !important;
}
html.pmx-left-nav-collapsed .pmx-menu.side-left.fixed:not(.side-left-mobile) .agency-menu-search-wrap {
	display: none !important;
}
html.pmx-left-nav-collapsed .pmx-menu.side-left.fixed:not(.side-left-mobile) .pmx-logo-container {
	display: flex !important;
	padding: 2px 0 4px !important;
	flex: 0 0 auto;
	width: 100%;
	box-sizing: border-box;
}
html.pmx-left-nav-collapsed .pmx-menu.side-left.fixed:not(.side-left-mobile) .pmx-logo-container > span,
html.pmx-left-nav-collapsed .pmx-menu.side-left.fixed:not(.side-left-mobile) .pmx-logo-container > span > a,
html.pmx-left-nav-collapsed .pmx-menu.side-left.fixed:not(.side-left-mobile) .pmx-logo-container > a {
	width: 100%;
	max-width: 100%;
}
html.pmx-left-nav-collapsed .pmx-menu.side-left.fixed:not(.side-left-mobile) .pmx-logo-container .brand-logo {
	max-width: 48px;
	max-height: 40px;
	width: auto;
	height: auto;
}
html.pmx-left-nav-collapsed .pmx-menu.side-left.fixed:not(.side-left-mobile) .menu-toolbar-container {
	padding: 8px 6px 0;
	gap: 4px;
}
html.pmx-left-nav-collapsed .pmx-menu.side-left.fixed:not(.side-left-mobile) .header-profile {
	margin: 0 -6px !important;
	padding: 10px 0 !important;
}
html.pmx-left-nav-collapsed .pmx-menu.side-left.fixed:not(.side-left-mobile) .menu-link-wrapper {
	padding-top: 4px;
}
html.pmx-left-nav-collapsed .pmx-menu.side-left.fixed:not(.side-left-mobile) .menu-link-container {
	padding: 4px 8px 110px;
}

/* Menu/toolbar: global `button { background; color }` overrides help spots — keep green ? badges */
.pmx-menu .hm-spot-trigger,
.pmx-menu-top .hm-spot-trigger {
	background: rgb(var(--tooltip-color)) !important;
	color: rgb(var(--tooltip-text-color)) !important;
	border: none !important;
	padding: 0 !important;
	font-weight: bold !important;
	appearance: none;
	-webkit-appearance: none;
	box-shadow:
		0 0 2px 2px rgba(255, 255, 255, 0.2),
		0 0 2px 2px rgba(255, 255, 255, 0.2),
		0 0 2px 2px rgba(255, 255, 255, 0.2);
}

.pmx-menu .hm-spot-trigger .hm-spot-q,
.pmx-menu-top .hm-spot-trigger .hm-spot-q {
	color: rgb(var(--tooltip-text-color)) !important;
	background: transparent !important;
}

.pmx-menu .hm-spot-trigger:hover,
.pmx-menu .hm-spot-trigger:focus,
.pmx-menu-top .hm-spot-trigger:hover,
.pmx-menu-top .hm-spot-trigger:focus {
	background: rgb(var(--tooltip-hover-color)) !important;
	color: rgb(var(--tooltip-text-color)) !important;
}
.sidebar {
display: block
}
.users-dropdown {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.users-dropdown a {
padding: 3px 0;
}

.brand-logo-sm {max-width: 120px; min-width: 90px; margin: 0 5px 0 5px; }
.pmx-menu-top,
.topbar {
width: 100% !important;
padding: 8px 0;
}
.pmx-menu-top {
border: solid #e3e4e7 1px;
background: #ffffff;
transition: 0.5s;
opacity: 1 !important;
display: flex;
flex-direction: row;
align-items: center;
height: 65px;
z-index: 99999999 !important;
}

.pmx-menu-top-sticky {
position: fixed;
top: 0;
left: 0;
z-index: 999999999;
<!-- height: auto !important; -->
}

.content-top {
margin-top: 10px;
}
.topbar {
display: flex !important;
flex-direction: row-reverse;
justify-content: space-between;
align-items: center;
list-style-type: none;
padding-left: 0;
padding: 8px;
width: 100%;
margin: 0;
}
.pmx-logo-container-top {
width: auto;
max-width: 200px;
margin: 0 20px 0 10px;
display: flex;
align-items: center;
justify-content: center;
height: 100%;
}
.pmx-logo-container-top .brand-logo {
max-height: 50px;
width: auto;
height: auto;
object-fit: contain;
margin:
}

.menu-url {background: transparent; }
.profile-container-top {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
width: auto;
min-width: 0;
padding: 0 12px;
height: 100%;
border-left: 1px solid #e6e6e6;
}
.profile-container-no-dropdown.profile-container-top {
	min-height: 47px;
}
.profile-container-no-dropdown.profile-container-top .profile-nav,
.profile-container-no-dropdown .profile-nav {
	width: 100%;
justify-content: center;
}

.toggle-team-top,
.toggle-company-container-top {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
width: auto;
height: 100%;
}
.toggle-team-top {
justify-content: space-around;
}
.toggle-company-container-top {
width: auto;
padding: 0 15px;
}
.users-logged-toggle {
padding: 5px 0 0 0 !important;
}
.menu-toolbar-container-top,
.menu-link-container-top {
display: flex;
height: 100%;
}
.menu-toolbar-container-top {
flex-direction: row !important;
align-items: center;
}
.menu-toolbar-container-top .agency-menu-search-wrap--top {
display: flex;
align-items: center;
width: auto;
flex: 0 0 auto;
}
.menu-toolbar-container-top #searchCampaignID,
.menu-toolbar-container-top #systemPlantId {
height: 38px;
margin: 0;
box-sizing: border-box;
}
.menu-toolbar-container-top .toggle-team-top {
flex-direction: row;
align-items: center;
flex: 0 0 auto;
list-style: none;
}
.menu-toolbar-container-top .toggle-company-container-top {
width: auto;
padding: 0 10px;
}
/* Pin the profile to the trailing edge of the top toolbar. When Help / Data Entry
   buttons are removed, this keeps the avatar on the far right without another HTML move. */
.menu-toolbar-container-top > .header-profile {
order: 999;
margin-left: auto;
display: flex;
align-items: center;
align-self: stretch;
height: 100%;
flex-shrink: 0;
list-style: none;
}
.menu-link-wrapper-top {
display: flex;
flex-direction: row !important;
align-items: center;
height: 100%;
}
.menu-link-container-top {
flex-direction: row !important;
padding: 0;
margin: 0;
align-items: center;
list-style: none;
}
.current-top {
padding: 0 15px;
margin: 0;
display: flex !important;
justify-content: center;
align-items: center;
height: 100%;
border-right: 1px solid #e6e6e6;
border-top: none !important;
border-bottom: none !important;
vertical-align: middle;
}
.current-top:first-of-type {
border-left: 1px solid #e6e6e6;
border-top: none !important;
}
/* Top nav cells are wider than sidebar; menu tooltip styles use right:75px for sidebar anchors */
body.help-mode-on .pmx-menu-top .current-top .agency-menu-main-nav-hm-host > .hm-spot-trigger {
top: 4px !important;
right: 4px !important;
left: auto !important;
}
body.help-mode-on .pmx-menu-top .current-top,
body.help-mode-on .pmx-menu-top .pmx-logo-container-top {
overflow: visible;
}
.current-top a {
padding: 5px;
display: flex;
justify-content: center;
align-items: center;
background-color: transparent !important;
height: 100%;
width: 100%;
}
.current-top a,
.current-top a:hover,
.menu-url,
.menu-url:hover {
text-decoration: none;
}
.sidebar-icon-top {
        display: flex;
	justify-content: center;
	align-items: center;
    font-size: 26px;
    line-height: 1.2em;
    text-decoration: none !important;
	height: 30px;
	width: 30px;
	transition-duration: .5s;
}
.sidebar-icon-top:hover {
transform: scale(1.2);
transition-duration: .5s;
}

/* Side view hover effects (not top view) */
.sidebar .current .menu-url {
transition: background-color 0.15s ease, transform 0.15s ease;
}
.pmx-menu.side-left .menu-link-container > li.current .menu-url:hover > .sidebar-icon {
transform: scale(1.12);
transition: transform 0.15s ease;
}

.sidebar-child-top {
top: 30px !important;
left: -50% !important;
padding: 25px !important;
overflow: visible !important;

}

/* Modernized top-menu dropdown (matches proposal "Extras" styling) */
.sidebar-child-top .sidebar-child-wrapper {
	border: 1px solid rgba(0, 0, 0, 0.08) !important;
	border-radius: 8px !important;
	box-shadow: 0 10px 28px rgba(0, 0, 0, 0.12), 0 2px 6px rgba(0, 0, 0, 0.06) !important;
	-webkit-box-shadow: 0 10px 28px rgba(0, 0, 0, 0.12), 0 2px 6px rgba(0, 0, 0, 0.06) !important;
	padding: 6px 0 !important;
	overflow: hidden !important;
	max-height: 70vh !important;
	overflow-y: auto !important;
}

.sidebar-child-top li {
	min-width: 200px !important;
}

.sidebar-child-top li a,
.sidebar-child-top li a.menu-subitem-url {
	display: flex !important;
	align-items: center;
	justify-content: flex-start;
	text-align: left !important;
	padding: 9px 16px !important;
	border-top: none !important;
	border-bottom: none !important;
	border-radius: 0 !important;
	transition: background-color 0.12s ease, color 0.12s ease, padding-left 0.12s ease !important;
}

.sidebar-child-top:hover li a {
	background-color: transparent !important;
}

.sidebar-child-top li a:hover,
.sidebar-child-top li a:focus {
	background-color: #f3f6f9 !important;
	color: #0073aa !important;
	border-top: none !important;
	border-bottom: none !important;
	padding-left: 20px !important;
}

.sidebar-child-top li a:hover .sidebar-text,
.sidebar-child-top li a:focus .sidebar-text {
	color: #0073aa !important;
}

body.help-mode-on a.menu-subitem-url[data-hm-anchor^="agency-menu-sub-"] {
	padding-right: 32px !important;
}
body.help-mode-on a.menu-subitem-url[data-hm-anchor^="agency-menu-sub-"] > .hm-spot-trigger {
	top: 50% !important;
	right: 8px !important;
	left: auto !important;
	margin-top: -8px !important;
}

.sidebar-child-top li:first-child a:hover,
.sidebar-child-top li:last-child a:hover {
	border-top: none !important;
	border-bottom: none !important;
}

.sidebar-child-top .sidebar-text {
	margin-top: 0 !important;
	flex: 1 1 auto;
	text-align: left;
}

/* Admin-only badge (shield icon) */
.admin-only-badge {
margin-left: auto;
padding-left: 10px;
font-size: 11px;
color: #b08900;
opacity: 0.85;
flex: 0 0 auto;
transition: color 0.12s ease, opacity 0.12s ease;
}
.admin-only-badge-inline {
margin-left: 4px !important;
margin-bottom: 3px !important;
padding-left: 0;
vertical-align: middle;
}

.menu-subitem-url:hover .admin-only-badge,
.menu-subitem-url:focus .admin-only-badge {
	color: #b08900;
	opacity: 1;
}

/* Optgroup-style group headers in sidebar-child (e.g. gear/reports menu) */
.sidebar-child .dropdown-group-header,
.sidebar-child-top .dropdown-group-header {
	display: block;
	min-width: 0 !important;
	padding: 7px 16px !important;
	margin: 0 !important;
	font-size: 10px !important;
	font-weight: 700 !important;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #5d6b7d !important;
	background-color: #eef2f6 !important;
	pointer-events: none;
	user-select: none;
	cursor: default;
	list-style: none;
	border-top: 1px solid rgba(0, 0, 0, 0.05);
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.sidebar-child .dropdown-group-header:first-child,
.sidebar-child-top .dropdown-group-header:first-child {
	border-top: none;
}

.sidebar-child .dropdown-group-header:hover,
.sidebar-child-top .dropdown-group-header:hover {
	background-color: #eef2f6 !important;
}

/* Vertical left nav flyout: force left alignment. Firefox was centering menu labels because
   .sidebar > li { text-align: center } inherits into the popover, and stilearn sets
   .sidebar-child li a { text-align: center } — match Chrome and the topbar dropdown. */
.side-left .sidebar-child,
.side-left .sidebar-child .sidebar-child-wrapper {
	text-align: left;
}
.side-left .sidebar-child li a,
.side-left .sidebar-child li a.menu-subitem-url {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	text-align: left;
}
.side-left .sidebar-child li.dropdown-group-header,
.side-left .sidebar-child .dropdown-group-header {
	text-align: left;
}
.side-left .sidebar-child .sidebar-text {
	text-align: left;
}

/*
 * Side nav flyouts (.sidebar-child) extend past the left column. The icon list scrolls inside
 * .menu-link-container (overflow-y: auto), which would clip absolute flyouts — use fixed positioning on desktop.
 * Keep flipInY animation; suppress only the legacy .5s transition on top/left (prevents first-hover slide-down).
 */
.pmx-menu.side-left.fixed:not(.side-left-mobile) li.current > .sidebar-child {
	position: fixed !important;
	left: var(--pmx-left-nav-width, 160px) !important;
	right: auto !important;
	z-index: 999999999 !important;
	transition: none !important;
	/* Legacy stilearn padding (30px) sat between the rail and the panel, so the
	   pointer left :hover before reaching the menu. Keep a flush panel + bridge. */
	padding: 0 !important;
	margin: 0;
}
.pmx-menu.side-left.fixed:not(.side-left-mobile) li.current > .sidebar-child::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: -32px;
	width: 32px;
}

.pmx-menu.side-left.fixed:not(.side-left-mobile) .menu-link-container > li.current {
	overflow: visible;
	max-width: 100%;
	box-sizing: border-box;
}

.help-btns {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
transition-duration: .5s;
}

/*
 * Legacy .help-btn-container is position:fixed (buyer footer strip). Agency/Vendor chrome also uses that class
 * on sidebar/header rows — without resetting, multiple rows share the same viewport coordinates and overlap.
 */
.pmx-menu li.help-btns .agency-desktop-help-stack .desktop-help-btns.help-btn-container {
	position: static !important;
	left: auto !important;
	right: auto !important;
	bottom: auto !important;
	width: auto !important;
	max-width: 100%;
}
.pmx-menu li.help-btns .agency-desktop-help-stack .submit-request-btn-container {
	bottom: auto !important;
}
.agency-desktop-help-stack {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
	box-sizing: border-box;
	gap: 4px;
}
.pmx-menu ul.topbar li.help-btns .agency-desktop-help-stack {
	display: contents;
}

/*
 * Agency help dock is portaled to document.body (index.php) for both top and left nav —
 * bottom-left icon tabs that slide out with a label on hover (same vendor tab pattern as sidebar).
 */
.agency-sidebar-help-dock[data-pmx-agency-help-portal="1"].vendor-help-btn-container {
	position: fixed !important;
	left: max(0px, env(safe-area-inset-left, 0px)) !important;
	bottom: 10px !important;
	right: auto !important;
	top: auto !important;
	width: auto !important;
	max-width: none !important;
	margin: 0 !important;
	z-index: 99999999999999990 !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	gap: 3px !important;
	overflow: visible !important;
}

/* Portaled agency dock: icon tabs flush to the left — label on hover slide-out */
.agency-sidebar-help-dock[data-pmx-agency-help-portal="1"] .help-btn-container,
.agency-sidebar-help-dock[data-pmx-agency-help-portal="1"] .desktop-help-btns {
	position: static !important;
	left: auto !important;
	right: auto !important;
	top: auto !important;
	bottom: auto !important;
	width: auto !important;
	max-width: none !important;
}

.agency-sidebar-help-dock[data-pmx-agency-help-portal="1"] .agency-sidebar-help-dock-desktop {
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	gap: 3px !important;
	width: auto !important;
	overflow: visible !important;
}

.agency-sidebar-help-dock[data-pmx-agency-help-portal="1"] .agency-sidebar-help-row {
	position: relative !important;
	width: 34px !important;
	max-width: 34px !important;
	overflow: visible !important;
	margin: 0 !important;
	padding: 0 !important;
	transition: width 0.25s ease, max-width 0.25s ease;
}

/* Grow anchor row only when the tab button is hovered (not when the ? tooltip is hovered) */
.agency-sidebar-help-dock[data-pmx-agency-help-portal="1"] .agency-sidebar-help-row:has(> .vendor-help-btn:hover),
.agency-sidebar-help-dock[data-pmx-agency-help-portal="1"] .agency-sidebar-help-row:has(> .vendor-help-btn:focus-visible) {
	width: 200px !important;
	max-width: min(220px, 92vw) !important;
	z-index: 6 !important;
}

.agency-sidebar-help-dock[data-pmx-agency-help-portal="1"] .agency-sidebar-help-row:has(> .vendor-help-btn.vendor-tooltip-tab-active:hover),
.agency-sidebar-help-dock[data-pmx-agency-help-portal="1"] .agency-sidebar-help-row:has(> .vendor-help-btn.vendor-tooltip-tab-active:focus-visible) {
	width: 220px !important;
	max-width: min(240px, 92vw) !important;
}

.agency-sidebar-help-dock[data-pmx-agency-help-portal="1"] .agency-sidebar-help-row .vendor-help-btn {
	width: 34px !important;
	min-width: 34px !important;
	max-width: 34px !important;
	height: 34px !important;
	min-height: 34px !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;
	justify-content: center !important;
	align-items: center !important;
	border-radius: 0 4px 4px 0 !important;
	box-sizing: border-box !important;
	transform: none !important;
	transition:
		width 0.25s ease,
		min-width 0.25s ease,
		max-width 0.25s ease,
		padding 0.2s ease,
		box-shadow 0.2s ease !important;
}

/* Collapsed: icon only — hide the label until hover */
.agency-sidebar-help-dock[data-pmx-agency-help-portal="1"] .agency-sidebar-help-row .vendor-help-btn .vendor-help-btn-content {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
	gap: 0 !important;
	overflow: hidden !important;
}

.agency-sidebar-help-dock[data-pmx-agency-help-portal="1"] .agency-sidebar-help-row .vendor-help-btn .vendor-help-btn-content > i {
	display: inline-flex !important;
	flex: 0 0 auto !important;
	font-size: 16px !important;
	line-height: 1 !important;
}

.agency-sidebar-help-dock[data-pmx-agency-help-portal="1"] .agency-sidebar-help-row .vendor-help-btn .vendor-help-label {
	display: inline-block !important;
	max-width: 0 !important;
	width: 0 !important;
	opacity: 0 !important;
	overflow: hidden !important;
	margin: 0 !important;
	padding: 0 !important;
	pointer-events: none !important;
}

.agency-sidebar-help-dock[data-pmx-agency-help-portal="1"] .agency-sidebar-help-row .vendor-help-btn:hover,
.agency-sidebar-help-dock[data-pmx-agency-help-portal="1"] .agency-sidebar-help-row .vendor-help-btn:focus-visible {
	width: 200px !important;
	min-width: 200px !important;
	max-width: min(220px, 92vw) !important;
	padding: 5px 12px !important;
	justify-content: flex-start !important;
	z-index: 5 !important;
	box-shadow: rgba(0, 0, 0, 0.3) 0px 5px 10px !important;
}

/* Hover slideout: icon + label together */
.agency-sidebar-help-dock[data-pmx-agency-help-portal="1"] .agency-sidebar-help-row .vendor-help-btn:hover .vendor-help-btn-content,
.agency-sidebar-help-dock[data-pmx-agency-help-portal="1"] .agency-sidebar-help-row .vendor-help-btn:focus-visible .vendor-help-btn-content {
	display: flex !important;
	align-items: center !important;
	justify-content: flex-start !important;
	flex: 0 0 auto !important;
	width: auto !important;
	max-width: none !important;
	overflow: visible !important;
	gap: 8px !important;
	opacity: 1 !important;
	pointer-events: auto !important;
}

.agency-sidebar-help-dock[data-pmx-agency-help-portal="1"] .agency-sidebar-help-row .vendor-help-btn:hover .vendor-help-btn-content > i,
.agency-sidebar-help-dock[data-pmx-agency-help-portal="1"] .agency-sidebar-help-row .vendor-help-btn:focus-visible .vendor-help-btn-content > i {
	display: inline-flex !important;
	flex: 0 0 auto !important;
	font-size: 16px !important;
	line-height: 1 !important;
	width: auto !important;
	min-width: 0 !important;
	overflow: visible !important;
}

.agency-sidebar-help-dock[data-pmx-agency-help-portal="1"] .agency-sidebar-help-row .vendor-help-btn:hover .vendor-help-label,
.agency-sidebar-help-dock[data-pmx-agency-help-portal="1"] .agency-sidebar-help-row .vendor-help-btn:focus-visible .vendor-help-label {
	display: inline-block !important;
	max-width: 175px !important;
	opacity: 1 !important;
	overflow: visible !important;
	margin: 0 !important;
	padding: 0 !important;
}

.agency-sidebar-help-dock[data-pmx-agency-help-portal="1"] .agency-sidebar-help-row .vendor-help-btn.vendor-tooltip-tab-active:hover,
.agency-sidebar-help-dock[data-pmx-agency-help-portal="1"] .agency-sidebar-help-row .vendor-help-btn.vendor-tooltip-tab-active:focus-visible {
	width: 220px !important;
	min-width: 220px !important;
	max-width: min(240px, 92vw) !important;
}

.agency-sidebar-help-dock[data-pmx-agency-help-portal="1"] .agency-sidebar-help-row .vendor-help-btn.vendor-tooltip-tab-active:hover .vendor-help-label,
.agency-sidebar-help-dock[data-pmx-agency-help-portal="1"] .agency-sidebar-help-row .vendor-help-btn.vendor-tooltip-tab-active:focus-visible .vendor-help-label {
	max-width: 190px !important;
}
.pmx-menu.side-left.fixed .agency-sidebar-help-dock.vendor-help-btn-container {
	bottom: auto !important;
	width: auto !important;
	max-width: 100%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 2px;
	overflow: visible;
}

.agency-sidebar-help-dock .agency-sidebar-help-dock-desktop {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 2px;
	overflow: visible;
}

.agency-sidebar-help-dock .agency-sidebar-help-row {
	position: relative;
	width: 34px;
	overflow: visible;
}

.agency-sidebar-help-dock .agency-sidebar-help-row .vendor-help-btn {
	transform: none;
	box-sizing: border-box;
}

.agency-sidebar-help-dock .agency-sidebar-help-row .vendor-help-btn:hover {
	transform: none;
	width: 200px;
}

.agency-sidebar-help-dock .agency-sidebar-help-row .vendor-help-btn:hover .vendor-help-label {
	max-width: 175px;
}

.agency-sidebar-help-dock .agency-sidebar-help-row .vendor-help-btn.vendor-tooltip-tab-active:hover {
	width: 220px;
}

.agency-sidebar-help-dock .agency-sidebar-help-row .vendor-help-btn.vendor-tooltip-tab-active:hover .vendor-help-label {
	max-width: 190px;
}

.agency-sidebar-help-dock .agency-sidebar-help-btn--data {
	background: rgb(243, 156, 18) !important;
}

.agency-sidebar-help-dock .agency-sidebar-help-btn--data:hover {
	background: #cb8311 !important;
}

/* Legacy sidebar full-width pill rules removed — replaced by vendor tabs above */

.help-btn-container-top {
position: static;
display: flex;
flex-direction: row-reverse;
justify-content: center;
align-items: center;
width: auto;
flex: 0 0 auto;
height: 100%;
}
.help-btn-container-top > span[data-hm-anchor] {
	display: inline-block !important;
	width: auto !important;
}
.desktop-help-btns button {
margin: 6px;
}
.help-btn-container-top .help-btn,
.help-btn-container-top .submit-request-btn {
box-shadow: none;
min-width: 0;
width: auto;
justify-content: center;
column-gap: 8px;
padding-left: 10px !important;
padding-right: 10px !important;
}
.help-btn-container-top.desktop-help-btns button {
	margin: 2px 4px;
}

.side-left-mobile {
top: 0px !important;
margin-top: 0pc !important;
}

.action-container {
display: flex;
flex-direction: row;
flex-wrap: wrap;
clear: both;
justify-content: flex-end;
align-items: center;
min-width: 150px;
}
.action-container-button {
padding: 7px 14px !important;
border-radius: 5px;
}
.action-container button,
.action-container a,
.action-container input {
margin-bottom: 5px;
margin-top: 0;
}

.external-image-wrapper {width: 100%; margin: 5px 0 10px 0; display: flex; flex-direction: column; justify-content:
flex-start; align-items: flex-start; flex-wrap: wrap; font-size: 15px;}

.no-img {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}

.logged-in-text,
.vendor-menu-link {
font-size: 14px;
}

.password-field::placeholder {font-style: italic; font-size: 11px;}

.inventory-image-thumb {max-width: 370px;}

.acquiring-vendor-container {
display: none;
transition-duration: .5s;
}
.read-only td {
padding: 5px;
overflow-x: scroll;
}
.read-only td span {
display: inline-block;
padding: 16px 5px;
}
.sticky-col {
position: -webkit-sticky;
position: sticky;
background-color: white;
border: 1px solid #d9d9d9 !important;
z-index: 4 !important;
background-clip: padding-box !important;
}
.sticky-col-last {
border-right: 2px solid #d9d9d9 !important;
box-shadow: none !important;
filter: none !important;
clip-path: none !important;
}
.sticky-col input {}
.sticky-header {
z-index: 10 !important;
background-clip: padding-box !important;
}
.fixed-col-bg {
position: absolute;
background: white;
border: 1px solid #d9d9d9;
top: 1px;
left: 0;
}
.fcbg-left {
height: 100%;
width: 281px;
z-index: 1;
border-right: 1px solid #d9d9d9;
}
.fcbg-top {
width: 281px;
border-right: 1px solid #d9d9d9;
height: 59px;
z-index: 4;
}

.datagrid:not(.contactList) tbody tr:nth-child(odd) .sticky-col {
background-color: #f8f9fc !important;
}
.datagrid:not(.contactList) tbody tr:nth-child(even) .sticky-col {
background-color: #fff !important;
}
.datagrid:not(.contactList) tbody tr:hover .sticky-col {
background: #d8e9f3 !important;
transition-duration: .2s;
}
.btn-wrapper {
width: 100%;
display: flex;
flex-direction: row;
justify-content: space-between;
}
.btn-wrapper button {
height: 40px;
}
.total-btn-container {
width: 45px;
}
.filter-btn {
margin: 2px 5px 0 0px;
}
.filter-legend {
	padding: 2px 0px;
	font-size: 2rem;
	width: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.filter-accodion-btn {
	background: transparent;
	border: none;
	padding: 0 !important;
	cursor: pointer;
	margin-left: 10px;
}
.filter-accodion-btn i {
	color: #000000 !important;
}
.filter-accodion-btn:hover {
	background: transparent;
}
.filter-accodion-btn:focus {
	outline: none;
	background: transparent;
}
.selectdiv select {
z-index: 10;
}
.selectdiv {
width: 70%;
display: flex;
flex-direction: row;
justify-content: flex-start;
flex-wrap: wrap;
margin-bottom: 10px;
}
.pagerDiv {
width: 30%;
}
.selectDiv-btns {
margin-top:-2px;
}
.selectDiv-height-control {
height: 34px;
overflow: visible;
margin-right: 1%;
margin-bottom: 10px;
}
.height-control-flex {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.selectbutton {
width: 32%;
}
.customSearchContainer {
width: 50%;
/* display: inline-block;
margin-left: 540px; */
display: flex;
flex-direction: row;
}
#customSearch,
#pbdIdSearch,
#pKeySearch {
width: 205px;
margin: 0 5px 5px 0;
height: 34px;
}
div#multipleselectDiv select {
vertical-align: top;
}
div#multipleselectDiv{
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: flex-end;
flex-wrap: wrap;
}

select.drop-down-view option {
word-break: break-word;
max-width:200px;
white-space: normal;
padding: 0;
margin-bottom: 5px;
}
.selectDiv-display {
border: #e3e4e7 solid 1px !important;
border-radius: 3px;
background-color: #fff !important;
color: #000 !important;
height: 34px;
width: 205px !important;
padding: 8px;
}

select#multipleadvertisingTypeId.drop-down-view,
select#multiplemarketId.drop-down-view,
select#multipleresellerId.drop-down-view,
select#multiplevendorId.drop-down-view,
select#multiplebillingDates.drop-down-view,
select#multiplecontractIoId.drop-down-view {
display: none;
height: 34px;
width: 205px;
border: none;
background: none;
overflow-y: hidden;
margin-bottom: 5px;
}

.date-created {
  font-size: 11px;
  float: right;
  display: flex;
  flex-direction: column;
  font-style: italic;
}

select#multipleadvertisingTypeId.drop-down-view.expanded,
select#multiplemarketId.drop-down-view.expanded,
select#multipleresellerId.drop-down-view.expanded,
select#multiplevendorId.drop-down-view.expanded,
select#multiplebillingDates.drop-down-view.expanded,
select#multiplecontractIoId.drop-down-view.expanded {
display: inline-block;
background-color: #ffffff;
height: 100px;
overflow-y: scroll;
}

.row-btn-container-split {
display: flex;
flex-direction: row;
align-items: center;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
}
.rbc-split-left {
justify-content: flex-start !important;
}
.rbc-split-right {
justify-content: flex-end !important;
}
.row-btn-container-split button {
margin: 3px;
}
.btn-group {
	display: flex;
	flex-wrap: wrap;
	gap: 3px;
}
.btn-group-separated {
display: flex;
	flex-wrap: wrap;
	gap: 3px;
	padding-left: 2px;
}
.btn-group button {
	border-radius: 5px !important;
}
.div-wrapper-reverse {
width: 100%;
display: flex;
flex-direction: row-reverse;
}

.rate-db-select {
min-height: 80px;
}
.rate-db-select-active {
min-height: 380px;
}

.emptyTemplate,
.emptyLocationList,
.emptyTemplateWithLocations {
margin-right: 5px;
margin-bottom: 5px;
}


.link-spec-container, .edit-spec-container {margin-top: 20px; font-size: 13px; text-align: center;}
.assoc-bb-container {
background: #f2f3f7;
border-radius: 2px;
margin-top: 5px; padding: 3px;
justify-content: space-between !important;
max-height: 300px;
overflow: auto;
}
.assoc-bb {background-color: #fff; border-radius: 5px; margin: 3px; padding: 5px;}
.assoc-id {display: inline-block; margin-right: 5px;}

button.btn-xs{padding: 1px 4px !important; font-size:10px}
button.btn-sm{padding: 2px 6px !important; font-size:10px}
button.btn-md{padding: 4px 8px !important; font-size:10px}
button.btn-lg{padding: 6px 12px !important; font-size:13px}

.dateChanged{
	background: #fff000;
	font-weight:bold;
}
.dateAccepted {
	background: #e3ffe6;
	font-weight:bold;
}

@media screen and (max-width: 1609px) {
#showHideHiddenBtn {
margin-top: 10px;
}
}

@media screen and (max-width:1300px) {
.color-card a, .color-card span {
font-size: 20px;
}
}

@media screen and (max-width: 1115px) {
.selectdiv {
width: 60%;
}
.pagerDiv {
width: 40%;
}
}

.rfp-filters-pager-row {
display: flex;
width: 100%;
}
@media screen and (max-width: 800px) {
.rfp-filters-pager-row {
flex-direction: column;
}
}

@media screen and (max-width: 1000px) {
.pagerDiv {
width: 100%;
margin-top:5px;
}
.filter-btn {
margin: 2px 5px 0 8px;
}
.customSearchContainer {
width: 100%;
justify-content: center;
}
.row-btn-container-split {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}
.rbc-split-left-sm {
justify-content: flex-start;
}
.btn-wrapper button {
width: auto;
margin: 3px;
font-size: 12px !important;
padding: 7px;
}
div#multipleselectDiv {
flex-direction: column;
justify-content: flex-end;
}
.selectdiv,
.selectDiv-btns {
width: 100%;
display: flex;
justify-content: center;
overflow: visible;
margin-bottom: 0;
}
.selectdiv {
justify-content: space-between;
align-items: flex-start;
}
.selectDiv-btns {
margin-bottom: 0px;
}
.selectDiv-btns-media {
margin-bottom: 0px;
}
.selectDiv-display {
width: 100%
}
select#multipleadvertisingTypeId.drop-down-view,
select#multiplemarketId.drop-down-view,
select#multipleresellerId.drop-down-view,
select#multiplevendorId.drop-down-view,
select#multiplecontractIoId.drop-down-view {
min-width:unset;
width: 100%;
}

#customSearch {
min-width: unset;
width: 100%;

}
.selectdiv select {
margin-right: 2px;
margin-left: 2px;
}

.selectDiv-height-control{
margin: 0 1% 2% 1%;
width: 23%;
min-width: 157px;
}
.custom-search-container {
width: 100%;
}
.div-wrapper-reverse {
display: flex;
flex-direction: column-reverse;
}
}

.cancelAction {background: #d9534f !important;}
.cancelAction:hover {background: #AF403B !important;}
.desktop-help-btns {
display: inherit;
}

.mobile-btns-container {
display: none;
width: 70px;
transition: linear .4s;
flex-direction: row;
position: absolute;
bottom: 5px;
left: 7px;
}

@media screen and (max-width: 1050px) {
.logged-in-text {
display: none;
}
.users-logged-toggle {
display: none;
}
.profile-container-top {
width: auto;
min-width: 0;
padding-left: 15px;
margin-right: 0;
}
.current-top {
padding: 0 5px;
}


}

@media screen and (max-width: 800px) {
.selectDiv-height-control {
width: 48%;
}
.custom-search-container {
width: 100%;
}
.fa {
margin-right: 0px;
}

.desktop-help-btns {
display: none !important;
}

.mobile-btns-container {
display: flex;
justify-content: space-between;
}
.side-left .mobile-btns-container {
	position: static;
	width: auto;
	max-width: 100%;
	left: auto;
	bottom: auto;
	justify-content: center;
	gap: 6px;
	flex-wrap: wrap;
	opacity: 1;
}
.pmx-menu.side-left .header-profile .profile-avatar--menu {
	width: 34px;
	height: 34px;
}
.submit-request-btn,
.help-btn {
font-size: 15px !important;
border-color: rgb(60, 141, 188) !important;
font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
border: solid #fff 1px;
background: rgb(60, 141, 188);
color: #fff;
font-weight: bold;
text-decoration: none;
cursor: pointer;
box-shadow: rgba(0, 0, 0, 0.30) 0px 5px 10px;
transition: .3s;
width: 100%;
display: flex;
flex-direction: row;
justify-content: space-around;
align-items: center;
width: 35px;
height: 35px;
}
.pmx-menu {
z-index: 99999999999;
}

}

@media screen and (max-width: 818px) {
.rbc-split-left,
.rbc-split-right {
flex-direction: column;
}
.rbc-split-right {
align-items: flex-end;
}
.rbc-split-left {
align-items: flex-start;
}
.rbc-split-50 {
width: 50%;
}
}


@media screen and (max-width: 450px) {
.tut-card-body img {
width: 280px !important;
height: auto !important;
}
}

@media screen and (max-width: 430px) {
.selectDiv-height-control {
width: 100%;
}
.custom-search-container {
width: 100%;
}
}
@media screen and (max-width: 350px) {
.tut-card-body img {
width: 220px !important;
height: auto !important;
}
}

.btn-secondary {
color: #fff;
background-color: #6c757d;
border-color: #6c757d;
}

.btn-secondary:hover {
color: #fff;
background-color: #5a6268;
border-color: #545b62;
}

.btn-secondary:focus, .btn-secondary.focus {
box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.note-preview {
height: auto;
max-height: 150px;
margin: auto 0;
overflow-y: scroll;
background-color: transparent;
border: solid #e3e4e7 1px;
padding: 8px;
box-shadow: inset rgba(50, 50, 105, 0.05) 0px 2px 5px 0px, inset rgba(0, 0, 0, 0.05) 0px 1px 1px 0px;
}
.note-preview::-webkit-scrollbar {
-webkit-appearance: none;
width: 8px;
height: 8px;
}

.note-preview::-webkit-scrollbar-track {
background: transparent;
border-radius: 10px;
border-width: transparent;
}

.note-preview::-webkit-scrollbar-thumb {
border-radius: 4px;
background-color: rgba(0, 0, 0, 0.2);
box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}

div.noteContainer:nth-of-type(odd){
background:#f2f2f2;
}
div.noteContainer:nth-of-type(even){
background:#fff;
}

.noteContainer{padding:15px 25px; position:relative;}
.noteDate{margin:0px 0px 0px 0px; font-weight:100; font-size:11px}
.noteUserIcon{display:inline-block; width:45px; font-size:23px; margin-top:-33px; vertical-align:top}
.noteUserIcon:has(.profile-avatar){width:auto; font-size:inherit; margin-top:2px; margin-right:8px; line-height:0}
.noteAuthor{margin-bottom:10px; font-weight:bold; display:inline-block; vertical-align:top}
.noteAuthor-name.person-card-trigger{cursor:pointer}
.noteAuthor-name.person-card-trigger:hover{text-decoration:underline}
.note{margin:0px 0px 5px 51px;}
div.adminOnly{background:rgba(250, 230, 55, 0.3) !important}
.adminNoteIcon{font-size:38px; position:absolute; right:25px; bottom:15px; color:#ff0000}
.noteEditButton{position:absolute; right:25px; top:15px;}
.cp-note-badge{display:inline-block;margin-top:4px;padding:2px 8px;border-radius:999px;background:#eef0f3;color:#4a4f59;font-size:11px;font-weight:600}

div.noteContainer:hover{background:#bfdff6 !important;}

.noteContainer-sm {width: 100%; padding: 10px; font-size: 12px; flex-wrap: nowrap}
.noteAuthor-sm { margin-top: 0px;}
.noteWrapper-sm {justify-content: space-between; align-items: flex-start}
.noteUserIcon-sm {margin: 0px;}


/* Problematic card styling for missing market */
.imageDataContainer.problematic-card {
  border: 2px solid #dc3545 !important;
  background-color: #f8d7da !important;
  box-shadow: 0 0 5px rgba(220, 53, 69, 0.3);
}	

/* Insertion Orders Page Styles */
.contract-io-empty-state {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	width: 100%;
	box-sizing: border-box;
	margin: 50px 0;
	padding: 24px 16px;
	text-align: center;
	color: #64748b;
}
.contract-io-empty-state .fa {
	display: inline-block;
	margin: 0;
	font-size: 18px;
	line-height: 1;
	opacity: 0.65;
	flex-shrink: 0;
}
.contract-io-empty-state p {
	margin: 0;
	font-size: 15px;
	font-weight: 500;
	color: #475569;
}
.contact-search-container { 
	margin: 20px 20px 20px 0; 
	width: 20%; 
	min-width: 200px;
}
.contract-controls-container {
	display: flex; 
	flex-direction: row; 
	justify-content: flex-start; 
	flex-wrap: wrap;
}
.campaign-contact-filter { 
	width: 100%; 
	max-width: 350px; 
	font-size: 14px !important;
}
.toggle-missing-sig-btn {
	max-height: 37px; 
	margin: 20px;
}
.topright {
	position: absolute; 
	top: 5px; 
	right: 5px;
}
.fldWarning .fieldSetData { 
	font-size: 14px;
}

/* Additional Images Styling */
.additional-image-display {
	margin: 10px 0;
	text-align: center;
}

.additional-img {
	max-width: 300px;
	max-height: 300px;
	border: 1px solid #ddd;
	border-radius: 4px;
	box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.additional-images-buttons {
	margin-top: 15px;
}

.additional-images-buttons .legend {
	font-weight: bold;
	margin-bottom: 10px;
	color: #333;
}

.img-toggle-btn {
	background-color: #FFA500;
	border: 1px solid #e6940a;
	border-radius: 4px;
	padding: 8px 12px;
	margin: 5px;
	cursor: pointer;
	font-size: 12px;
	color: white;
	transition: background-color 0.2s;
}

.img-toggle-btn:hover {
	background-color: #e6940a;
	border-color: #d4850a;
}

.img-toggle-btn.ext-img {
	background-color: #feb823;
	border-color: #e6a520;
}

.img-toggle-btn.ext-img:hover {
	background-color: #e6a520;
}

.no-additional-images {
	text-align: center;
	color: #6c757d;
	font-style: italic;
	padding: 20px;
}

/* Unit Info Hover Popup */
.unit-info-popup {
	position: fixed;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
	padding: 10px 12px;
	z-index: 10000;
	display: none;
	min-width: 180px;
	font-size: 13px;
	pointer-events: none;
}

.unit-info-popup-content {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.unit-info-row {
	padding: 2px 0;
}

.unit-info-row strong {
	color: #333;
	margin-right: 8px;
}
/* Search Campaigns: role-based default filters + Show More */
#searchForm.search-filters-collapsed.search-role-buyer .search-filters-grid-main > .search-filter-field:not(.search-filter-buyer),
#searchForm.search-filters-collapsed.search-role-manager .search-filters-grid-main > .search-filter-field:not(.search-filter-manager),
#searchForm.search-filters-collapsed.search-role-admin .search-filters-grid-main > .search-filter-field:not(.search-filter-admin) {
	display: none;
}
.search-filters-grid {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	width: 100%;
	box-sizing: border-box;
}
.search-filters-grid > .search-filter-field {
	flex: 0 0 50%;
	width: 50%;
	max-width: 50%;
	box-sizing: border-box;
	padding: 0 10px 8px 10px;
	min-width: 0;
}
.search-filters-grid > .search-filter-field-checks {
	display: flex;
	align-items: flex-end;
}
.search-filter-date-range {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.35rem 0.5rem;
}
.search-filter-date-range .dateOnly {
	width: 135px;
	max-width: 100%;
}
.search-filter-perpage {
	width: 100px;
	max-width: 100%;
}
.search-proposals-toggles {
	width: 100%;
	box-sizing: border-box;
	margin-top: 0.75rem;
	padding: 0 10px;
}
.search-proposals-toggle-buttons {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.5rem 0.75rem;
}
.search-proposals-toggle-btn.btn {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	gap: 0.45rem;
	margin: 0;
	padding: 0.45rem 0.85rem;
	border: 1px solid #c5ced6 !important;
	border-radius: 0.45rem !important;
	background: #f7f9fb !important;
	box-shadow: none !important;
	color: #3c4a57 !important;
	font-weight: 500;
	line-height: 1.2;
	white-space: nowrap;
}
.search-proposals-toggle-btn.btn:hover,
.search-proposals-toggle-btn.btn:focus {
	background: #eef3f7 !important;
	color: #2f3b46 !important;
	outline: none !important;
	box-shadow: none !important;
}
.search-proposals-toggle-btn.btn:focus-visible {
	outline: 2px solid rgba(60, 141, 188, 0.45) !important;
	outline-offset: 2px !important;
}
.search-proposals-toggle-btn.btn > i.fa-caret-up,
.search-proposals-toggle-btn.btn > i.fa-caret-down {
	color: rgb(60, 141, 188);
}
.search-proposals-advanced-panel {
	margin: 0.75rem 0 0.25rem 0;
	padding-top: 0.25rem;
}
@media screen and (max-width: 895px) {
	.search-filters-grid > .search-filter-field {
		flex: 0 0 100%;
		width: 100%;
		max-width: 100%;
		padding-left: 0;
		padding-right: 0;
	}
}




.search-proposals-advanced-checks {
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content: flex-start;
	gap: 0.35rem 1.5rem;
	margin-top: 20px;
}
.search-proposals-advanced-checks label {
	display: inline-flex !important;
	align-items: center;
	gap: 0.35rem;
	margin-bottom: 0;
	width: auto !important;
	max-width: 100%;
}
@media screen and (max-width: 895px) {
	.search-proposals-advanced-checks {
		flex-direction: column;
		align-items: flex-start;
		gap: 0.5rem;
		margin-top: 10px;
	}
	.search-proposals-advanced-checks label {
		width: 100% !important;
	}
}

/* Units by Type/Market report: widen format columns, scroll when needed, sticky Market column.
   Sticky-column fill colors live in themeStyles.css */
.units-by-market-table-wrap {
    overflow-x: auto;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
}
.units-by-market-datagrid {
    width: max-content;
    min-width: 100%;
}
.units-by-market-datagrid thead th:not(:first-child),
.units-by-market-datagrid tbody td:not(:first-child) {
    min-width: 9rem;
    max-width: none;
    box-sizing: border-box;
    text-align: center;
}
.units-by-market-datagrid thead th:not(:first-child) {
    line-height: 1.25;
}
.units-by-market-datagrid tbody td:not(:first-child) {
    vertical-align: middle !important;
}
.units-by-market-datagrid thead th:first-child,
.units-by-market-datagrid tbody td:first-child {
    position: sticky;
    left: 0;
    z-index: 2;
    min-width: 200px;
    width: 200px;
    max-width: min(220px, 40vw);
    box-sizing: border-box;
    box-shadow: 2px 0 6px rgba(0, 0, 0, 0.07);
}
.units-by-market-datagrid thead th:first-child {
    z-index: 3;
}
.units-by-market-datagrid tbody td:first-child {
    text-align: left;
}

/* Configure Powerpoint (select_demo.php)
   Layout/structure only — brand/theme colors live in themeStyles.css */
.thumbnailcls {
	border-radius: 5px;
	cursor: pointer;
	transition: 0.3s;
	border: 1px solid;
	max-width: 90px;
	width: 90px;
}
.thumbnailcls:hover {
	opacity: 0.7;
}
.ppt-template-section {
	width: 100%;
	margin: 5px auto;
	text-align: left;
}
.ppt-template-grid {
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	gap: 14px 10px;
	width: 100%;
	max-width: 100%;
	margin-top: 6px;
	box-sizing: border-box;
}
/* Beat global agency label { width: 100% !important } so templates stay in a row */
.ppt-template-grid > label.ppt-template-option {
	display: inline-flex !important;
	align-items: center;
	gap: 6px;
	width: auto !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
	cursor: pointer;
	font-weight: normal;
	flex: 0 0 auto;
}
.no-media-text {
	font-size: 16.7px;
	text-align: center;
	margin-bottom: 25px;
	margin-top: 10px;
}
#imgSampleModal {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	overflow: auto;
	z-index: 999999999;
}
#imgSampleModal .modal-content {
	margin: auto;
	display: block;
	width: 80%;
	max-width: 1000px;
	margin-top: 10%;
}
#imgSampleModal .modal-content,
#imgSampleModal #caption {
	-webkit-animation-name: pptImgSampleZoom;
	-webkit-animation-duration: 0.6s;
	animation-name: pptImgSampleZoom;
	animation-duration: 0.6s;
}
@-webkit-keyframes pptImgSampleZoom {
	from { -webkit-transform: scale(0); }
	to { -webkit-transform: scale(1); }
}
@keyframes pptImgSampleZoom {
	from { transform: scale(0); }
	to { transform: scale(1); }
}
#imgSampleModal .close {
	position: absolute;
	top: 15px;
	right: 35px;
	color: #fff;
	font-size: 40px;
	font-weight: bold;
	transition: 0.3s;
}
#imgSampleModal .close:hover,
#imgSampleModal .close:focus {
	color: #bbb;
	text-decoration: none;
	cursor: pointer;
}
@media only screen and (max-width: 700px) {
	#imgSampleModal .modal-content {
		width: 100%;
	}
}
.ppt-config-row {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	gap: 16px;
	width: 100%;
	margin: 5px auto;
	box-sizing: border-box;
}
.ppt-config-field {
	flex: 1;
	min-width: 0;
	text-align: left;
}
.ppt-filter-section {
	position: relative;
	width: 100%;
	margin: 12px auto 8px;
	text-align: left;
	z-index: 5;
	display: flex;
	flex-direction: row;
	align-items: stretch;
	gap: 12px;
	box-sizing: border-box;
}
.ppt-filter-group {
	display: flex;
	flex-direction: column;
	gap: 8px;
	flex: 1;
	min-width: 0;
	padding: 10px 12px;
	border: 1px solid;
	border-radius: 6px;
	box-sizing: border-box;
}
@media only screen and (max-width: 640px) {
	.ppt-config-row,
	.ppt-filter-section {
		flex-direction: column;
	}
}
.ppt-filter-group-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	flex-wrap: wrap;
}
.ppt-filter-group-label {
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.02em;
}
.ppt-filter-btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	border: 1px solid;
	border-radius: 999px;
	padding: 6px 12px;
	font-size: 12px;
	font-weight: 600;
	cursor: pointer;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
	transition: background 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}
.ppt-filter-btn .ppt-filter-count {
	min-width: 20px;
	height: 20px;
	padding: 0 6px;
	border-radius: 999px;
	font-size: 11px;
	line-height: 20px;
	text-align: center;
}
.ppt-filter-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	min-height: 0;
}
.ppt-filter-tags:empty {
	display: none;
}
.ppt-filter-tag {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	max-width: 100%;
	padding: 5px 8px 5px 10px;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 600;
	line-height: 1.2;
}
.ppt-filter-tag.is-summary {
	font-weight: 500;
}
.ppt-filter-tag span {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.ppt-filter-tag button {
	border: 0;
	background: transparent;
	cursor: pointer;
	font-size: 14px;
	line-height: 1;
	padding: 0 2px;
}
/* Datepicker-style floating panel: no backdrop, sits under the trigger */
.ppt-filter-popover {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 2147483646;
	width: 520px;
	max-width: calc(100vw - 16px);
	max-height: 320px;
	padding: 8px 10px 10px;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 2px;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.28), 0 1px 3px rgba(0, 0, 0, 0.18);
	text-align: left;
	box-sizing: border-box;
}
.ppt-filter-popover.is-open {
	display: flex;
	flex-direction: column;
}
.ppt-filter-popover-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	margin-bottom: 4px;
	padding-bottom: 4px;
	border-bottom: 1px solid #e8e8e8;
}
.ppt-filter-popover-title {
	margin: 0;
	font-size: 13px;
	font-weight: 700;
	color: #000;
}
.ppt-filter-popover-close {
	border: 0;
	background: transparent;
	color: #666;
	font-size: 20px;
	line-height: 1;
	padding: 0 2px;
	cursor: pointer;
}
.ppt-filter-popover-close:hover {
	color: #222;
}
.ppt-filter-popover .ppt-picker-toolbar {
	display: flex;
	justify-content: flex-end;
	gap: 2px;
	margin: 4px 0;
}
.ppt-filter-popover .ppt-picker-toolbar a {
	font-size: 11px;
	font-weight: 600;
	text-decoration: none;
	cursor: pointer;
	padding: 2px 6px;
}
.ppt-filter-popover .ppt-picker-toolbar a:hover {
	text-decoration: underline;
}
#pptFilterPickerList {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1px 8px;
	max-height: 200px;
	overflow-y: auto;
	padding: 0;
	margin-bottom: 6px;
}
#pptFilterPickerList label {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 0;
	padding: 5px 6px;
	border-radius: 0;
	cursor: pointer;
	font-size: 12px;
	font-weight: 500;
	user-select: none;
	min-width: 0;
}
#pptFilterPickerList label span {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
#pptFilterPickerList label:hover {
	background: #f0f0f0;
}
#pptFilterPickerList input[type="checkbox"] {
	appearance: none;
	-webkit-appearance: none;
	width: 15px;
	height: 15px;
	margin: 0;
	border: 1px solid #999;
	border-radius: 2px;
	background: #fff;
	position: relative;
	flex: 0 0 auto;
	cursor: pointer;
}
#pptFilterPickerList input[type="checkbox"]:checked::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 45%;
	width: 4px;
	height: 8px;
	margin: 0;
	border: solid #fff;
	border-width: 0 2px 2px 0;
	transform: translate(-50%, -55%) rotate(45deg);
}
.ppt-filter-popover-footer {
	display: flex;
	justify-content: flex-end;
	gap: 6px;
	padding-top: 6px;
	border-top: 1px solid #e8e8e8;
}
.ppt-filter-popover-footer .btn {
	min-height: 28px;
	padding: 3px 12px;
	font-size: 12px;
}

/* Profile avatars + menu popup + person card */
.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}
.profile-avatar {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	overflow: hidden;
	flex-shrink: 0;
	background: rgba(var(--info-color, 142, 175, 188), 0.25);
	color: rgb(var(--info-color, 142, 175, 188));
	font-weight: 600;
	line-height: 1;
	vertical-align: middle;
}
.profile-avatar-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.profile-avatar-initials {
	user-select: none;
}
.profile-avatar--xs {
	width: 28px;
	height: 28px;
	font-size: 11px;
}
.profile-avatar--sm {
	width: 36px;
	height: 36px;
	font-size: 13px;
}
.profile-avatar--menu {
	width: 40px;
	height: 40px;
	font-size: 14px;
}
.profile-avatar--lg,
.profile-avatar--popup {
	width: 72px;
	height: 72px;
	font-size: 22px;
}
.profile-avatar--xl {
	width: 140px;
	height: 140px;
	font-size: 48px;
}
.settings-page {
	display: block;
	max-width: 1280px;
	margin: 0 auto;
}
form.settings-page:has(.vendor-fixed-save-container) {
	padding-bottom: 90px;
}
.settings-layout {
	display: grid;
	grid-template-columns: 300px minmax(0, 1fr);
	gap: 16px;
	align-items: start;
}
.settings-profile-card,
.settings-main fieldset,
.settings-page .settings-section {
	margin: 0 0 16px 0 !important;
	box-sizing: border-box;
	border-radius: 8px !important;
	overflow: visible;
}
.settings-profile-card .fieldSetData,
.settings-main .fieldSetData,
.settings-page .settings-section .fieldSetData {
	padding: 16px 18px 20px;
	overflow: visible;
}
.settings-profile-card .legend,
.settings-main .legend,
.settings-page .settings-section .legend {
	margin-bottom: 0;
	padding: 16px 20px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
}
.settings-page .legend .backToParent {
	float: none;
	margin-left: auto;
}
.settings-page fieldset div {
	border-bottom: 0;
}
.settings-page .settings-field,
.settings-page .settings-prefs > div {
	padding: 0;
}
.settings-page .settings-field label,
.settings-page .settings-prefs .pill-toggle-wrapper > label,
.settings-page .brief-field-label-with-help > label {
	display: block;
	width: auto !important;
	max-width: 100%;
	text-align: left;
	padding: 0 0 6px !important;
	margin: 0 !important;
	background: transparent;
	font-size: 12px !important;
	font-weight: 600 !important;
	letter-spacing: 0.01em;
}
.settings-page .settings-field label.vendor-users-vendor-label {
	display: inline-flex;
}
.settings-page .pill-toggle-container > label {
	display: block;
	width: 70px !important;
	height: 30px;
	padding: 0;
	margin-top: 5px !important;
	margin-right: 0 !important;
	text-indent: -9999px;
	background: #9D833E !important;
	border-radius: 100px;
	position: relative;
	cursor: pointer;
}
.settings-page .settings-field input[type="text"],
.settings-page .settings-field input[type="password"],
.settings-page .settings-field input[type="email"],
.settings-page .settings-field select {
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	height: 38px;
	padding: 8px 10px;
	border: 1px solid #d8dbe0;
	border-radius: 6px;
	background: #fff;
}
.settings-page .settings-field input + input {
	margin-top: 8px;
}
.settings-avatar {
	text-align: center;
	margin-bottom: 12px;
}
.settings-avatar-wrap {
	position: relative;
	width: 140px;
	height: 140px;
	margin: 0 auto 12px;
}
.settings-avatar-wrap .profile-avatar--xl {
	display: flex;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}
.settings-avatar-overlay {
	position: absolute;
	inset: 0;
	border-radius: 50%;
	background: rgba(0, 0, 0, 0.48);
	color: #fff;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 6px;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.15s ease;
	font-size: 12px;
	font-weight: 600;
}
.settings-avatar-wrap:hover .settings-avatar-overlay,
.settings-avatar-wrap:focus-within .settings-avatar-overlay {
	opacity: 1;
}
.settings-avatar-wrap .profile-image-file-input {
	position: absolute !important;
	inset: 0;
	width: 100% !important;
	height: 100% !important;
	opacity: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	cursor: pointer;
	z-index: 3;
}
.settings-profile-name {
	margin: 0 0 16px !important;
	padding: 0 !important;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.25;
	color: #222;
}
.settings-profile-meta {
	margin: -8px 0 16px;
	font-size: 13px;
	color: #6b7280;
	line-height: 1.4;
}
.settings-prefs {
	display: flex;
	flex-direction: column;
	gap: 14px;
	padding-top: 16px;
	border-top: 1px solid #eee;
}
.settings-prefs .pill-toggle-wrapper {
	align-items: flex-start;
}
.settings-prefs .pill-toggle-container {
	flex-wrap: nowrap;
	justify-content: flex-start;
	margin-top: 4px;
	width: 100%;
}
.settings-prefs .toggle-name {
	flex: 0 0 auto;
	white-space: nowrap;
}
.settings-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px 18px;
}
.settings-field {
	min-width: 0;
}
.settings-span-2 {
	grid-column: 1 / -1;
}
.settings-actions {
	margin: 0 !important;
	padding: 4px 6px 8px;
	text-align: right;
	background: transparent !important;
	box-shadow: none !important;
	border: 0 !important;
}
.settings-actions button.large {
	min-width: 140px;
}
.settings-page .settings-text-notify {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	align-items: center;
}
.settings-page .settings-text-notify input[type="text"],
.settings-page .settings-text-notify select {
	width: auto;
	max-width: 100%;
	flex: 1 1 140px;
}
.settings-page .settings-opt-in {
	display: flex;
	align-items: center;
	gap: 18px;
	min-height: 38px;
}
.settings-page .settings-opt-in input[type="radio"] {
	width: auto !important;
	height: auto;
	margin: 0 6px 0 0;
	padding: 0;
	border: 0;
}
.settings-page .settings-opt-in label {
	display: inline;
	width: auto !important;
	padding: 0;
	margin: 0 12px 0 0;
	background: transparent;
	font-weight: 400;
	text-align: left;
	font-size: 14px;
}
.settings-page .settings-permissions-row {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 16px;
	align-items: center;
}
.settings-page .settings-permissions-row > div {
	display: flex;
	align-items: center;
	gap: 6px;
	margin: 0;
	padding: 0;
	border: 0;
}
.settings-page .settings-permissions-row label {
	display: inline-block;
	width: auto !important;
	text-align: left;
	padding: 0;
	margin: 0;
	background: transparent;
}
@media screen and (max-width: 980px) {
	.settings-layout {
		grid-template-columns: 1fr;
	}
	.settings-profile-card {
		max-width: 420px;
		margin-left: auto !important;
		margin-right: auto !important;
	}
}
@media screen and (max-width: 640px) {
	.settings-grid {
		grid-template-columns: 1fr;
	}
	.settings-actions {
		text-align: center;
	}
}
.profile-menu-wrap {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.profile-menu-trigger {
	appearance: none;
	border: 0;
	background: transparent;
	padding: 0;
	cursor: pointer;
	line-height: 0;
	border-radius: 50%;
}
.profile-menu-trigger:hover,
.profile-menu-trigger:focus,
.profile-menu-trigger[aria-expanded="true"] {
	background: #e4eaef;
}
.profile-menu-popup {
	position: absolute;
	top: 100%;
	left: 0;
	right: auto;
	transform: none;
	width: 280px;
	max-width: calc(100vw - 16px);
	z-index: 100000001;
	padding-top: 8px;
	background: transparent;
	box-shadow: none;
	overflow: visible;
	text-align: center;
}
/* Top toolbar avatar sits on the far right; grow the popup left from the trigger. */
.profile-menu-wrap--top .profile-menu-popup {
	left: auto;
	right: 0;
}
/* Left rail avatar is centered; open the account panel to the right of the column. */
.pmx-menu.side-left .profile-menu-popup {
	left: 100%;
	top: 0;
	right: auto;
	padding-top: 0;
	padding-left: 10px;
}
.pmx-menu.side-left .profile-menu-popup::before {
	left: 0;
	top: 0;
	bottom: 0;
	width: 10px;
	height: auto;
}
.pmx-menu.side-left.fixed:has(.profile-menu-popup:not([hidden])),
.pmx-menu.side-left.fixed:has(.profile-menu-popup:not([hidden])) ul.pmx-menu-list.sidebar {
	overflow-x: visible !important;
}
.profile-menu-popup::before {
	/* Invisible hover bridge across the gap under the avatar */
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	height: 8px;
}
.profile-menu-popup-inner {
	background: #fff;
	border-radius: 6px;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
	overflow: hidden;
}
.profile-menu-popup[hidden] {
	display: none !important;
}
.profile-menu-popup-header {
	position: relative;
	background: rgb(var(--secondary-color));
	color: #fff;
	padding: 18px 14px 14px;
}
.profile-menu-popup-avatar-wrap {
	position: relative;
	display: inline-block;
	margin-bottom: 10px;
}
.profile-menu-popup-avatar-wrap .profile-avatar {
	border: 2px solid #fff;
	box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.35);
	background: rgba(255, 255, 255, 0.2);
	color: #fff;
}
.profile-menu-popup-avatar-wrap--upload {
	cursor: pointer;
}
.profile-menu-popup-avatar-wrap--upload:hover .profile-menu-change-photo,
.profile-menu-popup-avatar-wrap--upload:focus-within .profile-menu-change-photo {
	opacity: 1;
}
.profile-menu-change-photo {
	position: absolute;
	inset: 0;
	border: 0;
	border-radius: 50%;
	background: rgba(0, 0, 0, 0.45);
	color: #fff;
	opacity: 0;
	cursor: pointer;
	transition: opacity 0.15s ease;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0;
}
.profile-menu-file-input {
	/* Keep in-document and clickable via label; do not use display:none/pointer-events:none */
	position: absolute !important;
	left: 0 !important;
	top: 0 !important;
	width: 100% !important;
	height: 100% !important;
	opacity: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	cursor: pointer;
	z-index: 3;
}
.profile-menu-popup-name {
	font-weight: 700;
	font-size: 15px;
}
.profile-menu-popup-meta {
	font-size: 12px;
	opacity: 0.9;
	margin-top: 4px;
}
.profile-menu-popup-plant {
	padding: 12px 12px 10px;
	border-bottom: 1px solid #eee;
	text-align: left;
}
.profile-menu-plant-label {
	display: block;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	opacity: 0.65;
	margin: 0 0 6px 2px;
}
.profile-menu-plant-control {
	position: relative;
}
.profile-menu-plant-value {
	position: absolute;
	top: 1px;
	right: 32px;
	bottom: 1px;
	left: 12px;
	display: flex;
	align-items: center;
	overflow: hidden;
	color: #222;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.2;
	white-space: nowrap;
	text-overflow: ellipsis;
	pointer-events: none;
	z-index: 1;
}
.profile-menu-plant-select,
#systemPlantId.profile-menu-plant-select {
	display: block;
	width: 100%;
	max-width: none;
	min-width: 0;
	height: 38px;
	padding: 0 32px 0 12px !important;
	border: 1px solid #e0e3e8 !important;
	border-radius: 6px;
	background: #f7f8fa url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23666' d='M1.4.3L6 4.9 10.6.3 12 1.7 6 7.7 0 1.7z'/%3E%3C/svg%3E") no-repeat right 10px center / 10px;
	color: transparent;
	-webkit-text-fill-color: transparent;
	font-size: 13px;
	font-weight: 600;
	line-height: 38px;
	text-align: left;
	text-align-last: left;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor: pointer;
	box-sizing: border-box;
	position: relative;
	z-index: 0;
}
.profile-menu-plant-select option,
.profile-menu-plant-select optgroup,
#systemPlantId.profile-menu-plant-select option,
#systemPlantId.profile-menu-plant-select optgroup {
	color: #222;
	-webkit-text-fill-color: #222;
}
.profile-menu-plant-select:hover,
#systemPlantId.profile-menu-plant-select:hover {
	background-color: #eef3f6;
	border-color: #d0d5dd;
	color: transparent;
	-webkit-text-fill-color: transparent;
}
.profile-menu-plant-select:focus,
#systemPlantId.profile-menu-plant-select:focus {
	outline: none;
	border-color: rgb(var(--secondary-color));
	background-color: #fff;
	box-shadow: 0 0 0 3px rgba(var(--secondary-color), 0.25);
	color: transparent !important;
	-webkit-text-fill-color: transparent !important;
}
.profile-menu-popup-users {
	padding: 10px 12px;
	border-bottom: 1px solid #eee;
	text-align: center;
}
.profile-menu-users-logged {
	display: flex;
	gap: 8px;
}
.profile-menu-users-stat {
	flex: 1 1 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-width: 0;
	min-height: 0;
	padding: 10px 8px 8px;
	border: 1px solid #e6e6e6;
	border-radius: 6px;
	background: #f7f8fa;
	color: #222;
	text-decoration: none;
	text-align: center;
	box-sizing: border-box;
}
.profile-menu-users-stat:link,
.profile-menu-users-stat:visited,
.profile-menu-users-stat:hover,
.profile-menu-users-stat:focus {
	color: #222;
	text-decoration: none;
}
.profile-menu-users-stat:hover,
.profile-menu-users-stat:focus {
	background: #eef3f6;
	border-color: #d0d5dd;
}
.profile-menu-users-stat-count {
	display: block;
	font-size: 24px;
	font-weight: 700;
	line-height: 1.1;
	color: #222;
}
.profile-menu-users-stat-label {
	display: block;
	font-size: 11px;
	font-weight: 600;
	line-height: 1.2;
	margin-top: 2px;
	opacity: 0.85;
}
.profile-menu-users-stat-sublabel {
	display: block;
	font-size: 10px;
	font-weight: 600;
	line-height: 1.2;
	margin-top: 1px;
	opacity: 0.55;
}
.profile-menu-theme-btn {
	position: absolute;
	top: 8px;
	right: 8px;
	appearance: none;
	border: 0;
	background: transparent;
	padding: 4px;
	margin: 0;
	line-height: 1;
	cursor: pointer;
	color: #fff;
	font-size: 16px;
	z-index: 2;
}
.profile-menu-theme-btn .profile-menu-theme-icon--sun {
	display: none;
}
.profile-menu-theme-btn[data-theme-state="dark"] .profile-menu-theme-icon--moon {
	display: none;
}
.profile-menu-theme-btn[data-theme-state="dark"] .profile-menu-theme-icon--sun {
	display: inline-block;
}
.profile-menu-popup-actions {
	display: flex;
	justify-content: space-between;
	gap: 8px;
	padding: 12px;
	background: #fff;
}
a.profile-menu-btn {
	flex: 1;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	font-size: 12px;
	font-weight: 600;
	padding: 8px 8px;
	text-align: center;
	border: 0;
	border-radius: 5px;
	text-decoration: none;
}
a.profile-menu-btn i {
	font-size: 12px;
	line-height: 1;
}
a.profile-menu-btn--edit,
.pmx-menu a.profile-menu-btn--edit {
	background: rgb(var(--main-button-color));
	color: #fff !important;
}
a.profile-menu-btn--edit:hover,
a.profile-menu-btn--edit:focus,
.pmx-menu a.profile-menu-btn--edit:hover,
.pmx-menu a.profile-menu-btn--edit:focus {
	background: rgb(var(--main-button-hover-color));
	color: #fff !important;
	text-decoration: none;
}
a.profile-menu-btn--logout,
.pmx-menu a.profile-menu-btn--logout {
	background: rgb(var(--error-color, 255, 57, 46));
	color: #fff !important;
}
a.profile-menu-btn--logout:hover,
a.profile-menu-btn--logout:focus,
.pmx-menu a.profile-menu-btn--logout:hover,
.pmx-menu a.profile-menu-btn--logout:focus {
	background: rgb(var(--error-hover-color, 248, 48, 38));
	color: #fff !important;
	text-decoration: none;
}
.profile-image-edit .profile-avatar--lg {
	display: block;
	margin: 0 auto;
}
.profile-image-preview-wrap {
	position: relative;
	display: inline-block;
}
.proposal-contacts-contact-name-inner {
	display: flex;
	align-items: center;
	flex-wrap: nowrap;
	gap: 8px;
}
.proposal-contacts-person-trigger {
	cursor: pointer;
	color: inherit;
	text-decoration: none;
}
.proposal-contacts-person-trigger:hover {
	text-decoration: underline;
}
.profile-avatar.person-card-trigger {
	cursor: pointer;
}
.contacts-name-with-avatar-text.person-card-trigger {
	cursor: pointer;
}
.contacts-name-with-avatar-text.person-card-trigger:hover {
	text-decoration: underline;
}
.contacts-name-with-avatar {
	display: flex;
	align-items: center;
	gap: 8px;
	min-width: 0;
}
.contacts-name-with-avatar-text {
	min-width: 0;
	line-height: 1.3;
}
.person-card-popup {
	position: absolute;
	/* Above .hover-modal (2147483643) so cards opened from vendor/billboard modals are visible */
	z-index: 2147483646;
	width: 280px;
	background: #fff;
	border-radius: 8px;
	box-shadow: 0 10px 28px rgba(0, 0, 0, 0.2);
	padding: 14px;
	box-sizing: border-box;
}
.person-card-popup[hidden] {
	display: none !important;
}
.person-card-header {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	margin-bottom: 10px;
}
.person-card-header-main {
	flex: 1;
	min-width: 0;
}
.person-card-name-row {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 8px;
}
.person-card-name {
	font-weight: 700;
	font-size: 15px;
	line-height: 1.2;
	min-width: 0;
}
.person-card-party {
	flex-shrink: 0;
	display: inline-block;
	padding: 2px 8px;
	border-radius: 10px;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.3px;
	line-height: 1.4;
	text-transform: uppercase;
	white-space: nowrap;
}
.person-card-party--agency {
	background: rgba(0, 176, 163, 0.16);
	color: #0a7f77;
}
.person-card-party--vendor {
	background: rgba(217, 61, 122, 0.14);
	color: #ad1457;
}
.person-card-company {
	font-size: 12px;
	color: #666;
	margin-top: 2px;
}
.person-card-rows {
	font-size: 13px;
	line-height: 1.45;
}
.person-card-row {
	margin: 4px 0;
	word-break: break-word;
}
.person-card-actions {
	margin-top: 12px;
	padding-top: 10px;
	border-top: 1px solid #eee;
	display: flex;
	justify-content: flex-end;
}
.profile-menu-wrap--vendor {
	width: 100%;
	padding: 8px 0 4px;
}
.profile-menu-wrap--vendor .profile-menu-popup {
	left: 100%;
	top: 0;
	transform: none;
	padding-top: 0;
	padding-left: 10px;
}
.profile-menu-wrap--vendor .profile-menu-popup::before {
	left: 0;
	top: 0;
	bottom: 0;
	width: 10px;
	height: auto;
}
.vendor-side-bar > li:has(.profile-menu-wrap) {
	overflow: visible;
}

/* Document cards (summary_documents) */
.fieldSetData.doc-card-list {
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 12px;
	box-sizing: border-box;
}
div.noteContainer.doc-card,
div.noteContainer.doc-card:nth-of-type(odd),
div.noteContainer.doc-card:nth-of-type(even) {
	display: flex;
	align-items: flex-start;
	gap: 14px;
	margin: 0;
	padding: 14px 16px;
	background: #fff;
	border: 1px solid #e4e8ee;
	border-radius: 12px;
	box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04);
	transition: background-color 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease;
}
div.noteContainer.doc-card:hover {
	background: #f7fafc !important;
	border-color: #d0d7e2;
	box-shadow: 0 6px 16px rgba(16, 24, 40, 0.08);
}
div.noteContainer.doc-card.adminOnly,
div.noteContainer.doc-card.adminOnly:nth-of-type(odd),
div.noteContainer.doc-card.adminOnly:nth-of-type(even) {
	background: rgba(250, 230, 55, 0.18);
	border-color: rgba(201, 162, 39, 0.45);
}
.doc-card-icon {
	width: 48px;
	height: 48px;
	border-radius: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 22px;
	flex-shrink: 0;
	line-height: 1;
}
.doc-card-icon--pdf { background: #fdecea; color: #c0392b; }
.doc-card-icon--word { background: #e8f1fb; color: #2b579a; }
.doc-card-icon--excel { background: #e7f6ee; color: #217346; }
.doc-card-icon--ppt { background: #fdeee8; color: #d24726; }
.doc-card-icon--image { background: #f3eaf8; color: #8e44ad; }
.doc-card-icon--video { background: #fdecea; color: #c0392b; }
.doc-card-icon--audio { background: #e6f7f3; color: #16a085; }
.doc-card-icon--archive { background: #eef0f3; color: #5d6d7e; }
.doc-card-icon--file { background: #eef2f6; color: #5d6d7e; }
.doc-card-body {
	flex: 0 1 auto;
	min-width: 0;
}
.doc-card-title-row {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 2px;
}
.doc-card-title {
	font-size: 15px;
	font-weight: 700;
	color: #1f2933;
	text-decoration: none;
	line-height: 1.3;
	word-break: break-word;
}
.doc-card-title:hover,
.doc-card-title:focus {
	color: rgb(var(--info-color, 75, 157, 195));
	text-decoration: underline;
}
.doc-card-type,
.doc-card-size {
	display: inline-block;
	font-size: 11px;
	font-weight: 600;
	padding: 2px 8px;
	border-radius: 999px;
	background: #eef2f6;
	color: #4a5568;
	white-space: nowrap;
	flex-shrink: 0;
}
.doc-card-filename-row {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0 0 4px;
}
.doc-card-filename {
	font-size: 12px;
	color: #6b7280;
	margin: 0;
	word-break: break-all;
	min-width: 0;
}
.doc-card-person {
	flex: 0 0 auto;
	min-width: 148px;
	max-width: 280px;
	display: flex;
	align-items: center;
	align-self: center;
	margin-left: 20px;
}
.doc-card-person .doc-card-uploader {
	min-width: 0;
	width: 100%;
}
.doc-card-person .doc-card-uploader-name {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.doc-card-date {
	margin-top: 6px;
	font-size: 11px;
	font-weight: 400;
	color: #6b7280;
}
.doc-card-company-link {
	display: inline;
	font-weight: 600;
	font-size: 12px;
	color: #374151;
	line-height: 1.3;
	text-decoration: none;
	word-break: break-word;
}
a.doc-card-company-link:hover {
	color: rgb(var(--info-color, 75, 157, 195));
	text-decoration: underline;
}
.doc-card-uploader-sub {
	display: block;
	margin-top: 2px;
	line-height: 1.3;
}
.doc-card-vendor-only {
	min-width: 0;
}
.doc-card-meta {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 6px 12px;
	margin-top: 8px;
	font-size: 12px;
	color: #6b7280;
}
.doc-card-meta-item {
	display: inline-flex;
	align-items: center;
	gap: 12px;
}
.doc-card-meta > .doc-card-meta-item:not(:first-child)::before {
	content: '\00b7';
	color: #c5cad3;
	font-weight: 700;
}
.doc-card-company {
	font-weight: 600;
	color: #374151;
}
.doc-card-uploader {
	gap: 8px;
}
.doc-card-uploader-name {
	display: block;
	font-weight: 600;
	font-size: 13px;
	color: #1f2933;
	line-height: 1.2;
}
.doc-card-uploader-date {
	display: block;
	font-size: 11px;
	font-weight: 400;
	color: #6b7280;
	margin-top: 2px;
}
.doc-card-uploader-name.person-card-trigger {
	cursor: pointer;
}
.doc-card-uploader-name.person-card-trigger:hover {
	text-decoration: underline;
}
.doc-card-flags {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin-top: 8px;
}
.doc-card-flag {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	font-size: 11px;
	font-weight: 600;
	padding: 2px 8px;
	border-radius: 999px;
	background: #eef2f6;
	color: #4a5568;
}
.doc-card-flag--admin {
	background: rgba(250, 230, 55, 0.35);
	color: #6b5400;
}
.doc-card-actions {
	display: flex;
	align-items: center;
	gap: 6px;
	flex-shrink: 0;
	margin-left: auto;
}
@media (max-width: 700px) {
	div.noteContainer.doc-card {
		flex-wrap: wrap;
	}
	.doc-card-body {
		flex: 1 1 0;
	}
	.doc-card-person {
		min-width: 0;
		max-width: none;
		flex: 1 1 160px;
	}
	.doc-card-actions {
		width: 100%;
		margin-left: 0;
		justify-content: flex-end;
	}
}

.page-access-status {
	display: inline-block;
	padding: 2px 8px;
	border-radius: 999px;
	font-size: 11px;
	font-weight: 600;
	line-height: 1.4;
	white-space: nowrap;
	cursor: help;
}
.page-access-status--working {
	background: #fde8e8;
	color: #b42318;
}
.page-access-status--looking {
	background: #e6f4ea;
	color: #137333;
}
.page-access-status--idle {
	background: #eef0f3;
	color: #4a4f59;
}
.page-access-chart-wrap {
	position: relative;
	height: 240px;
	width: 100%;
}
.page-access-chart-note {
	margin: 8px 0 0;
	font-size: 12px;
	color: #6b7280;
}
.legend.page-access-filter-legend {
	display: flex;
	align-items: center;
	gap: 12px;
	flex-wrap: wrap;
	overflow: visible;
}
.page-access-filter-toggle,
.page-access-filter-toggle:hover,
.page-access-filter-toggle:focus,
.page-access-filter-toggle:active {
	display: flex;
	align-items: center;
	gap: 10px;
	flex: 1 1 220px;
	min-width: 0;
	margin: 0;
	padding: 0 !important;
	border: none !important;
	background: transparent !important;
	color: inherit !important;
	font: inherit;
	font-weight: 700;
	text-align: left;
	text-transform: none !important;
	box-shadow: none !important;
	cursor: pointer;
	outline: none;
	overflow: hidden;
}
.page-access-filter-toggle i {
	width: 1em;
	flex-shrink: 0;
	text-align: center;
}
.page-access-filter-summary {
	min-width: 0;
	font-size: 1.3rem;
	font-weight: 400;
	color: #6b7280;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.page-access-filter-toggle[aria-expanded="true"] .page-access-filter-summary {
	display: none;
}
.page-access-filter-legend .addNewBtn {
	float: none;
	flex-shrink: 0;
	margin: 0;
}
.page-access-filter-fieldset .page-access-filters {
	padding: 0;
	border-bottom: none;
}
.page-access-last-minutes {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	gap: 8px;
	min-height: 32px;
	white-space: nowrap;
}
.page-access-last-minutes label {
	width: auto !important;
	margin: 0;
	padding: 0 !important;
	background: transparent;
	text-align: left;
	display: inline-flex !important;
	align-items: center;
	gap: 6px;
	flex: 0 0 auto;
}
.page-access-last-minutes input[type="checkbox"] {
	width: auto;
	margin: 0;
	flex: 0 0 auto;
}
.page-access-last-minutes input[type="number"] {
	width: 64px !important;
	max-width: 64px;
	margin: 0;
	flex: 0 0 64px;
}
.page-access-last-minutes-unit {
	flex: 0 0 auto;
}
.page-access-filter-fieldset .select2-container--default .select2-selection--multiple {
	min-height: 38px;
	border: 1px solid #e3e4e7 !important;
	border-radius: 3px;
	padding: 4px 8px;
	background: #fff;
}
.page-access-filter-fieldset .select2-container--default .select2-selection--multiple .select2-selection__rendered {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 4px;
	padding: 0 !important;
}
.page-access-filter-fieldset .select2-container--default .select2-selection--multiple .select2-selection__choice {
	display: inline-flex;
	align-items: center;
	position: relative;
	margin: 0;
	padding: 4px 10px 4px 8px;
	overflow: visible;
	border: 1px solid #d5dbe3;
	border-radius: 999px;
	background: #eef2f6;
	color: #333;
	font-size: 13px;
	line-height: 1;
	max-width: 100%;
}
.page-access-filter-fieldset .select2-container--default .select2-selection--multiple .select2-selection__choice__display {
	display: inline-flex;
	align-items: center;
	height: 16px;
	padding: 0;
	line-height: 1;
}
.page-access-filter-fieldset .select2-container--default .select2-selection--multiple .select2-selection__choice__remove,
.page-access-filter-fieldset .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,
.page-access-filter-fieldset .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus,
.page-access-filter-fieldset .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:active {
	position: static !important;
	left: auto;
	top: auto;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: 16px;
	height: 16px;
	min-height: 0;
	margin: 0 2px 0 0;
	padding: 0 !important;
	border: none !important;
	border-radius: 0;
	background: transparent !important;
	color: #6b7280 !important;
	font-size: 13px;
	font-weight: 400;
	line-height: 0 !important;
	box-shadow: none !important;
	text-transform: none !important;
}
.page-access-filter-fieldset .select2-container--default .select2-selection--multiple .select2-selection__choice__remove span {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 16px;
	height: 16px;
	line-height: 0;
	font-size: 13px;
}
.page-access-filter-fieldset .select2-search--inline {
	display: flex !important;
	flex: 1 1 8em;
	width: auto !important;
	min-width: 8em;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	position: relative;
	z-index: auto;
	white-space: nowrap;
}
.page-access-filter-fieldset .select2-search--inline:after {
	content: none !important;
	display: none !important;
}
.page-access-filter-fieldset .select2-search--inline .select2-search__field {
	width: 100% !important;
	min-width: 8em !important;
	height: 28px !important;
	margin: 0 !important;
	padding: 4px 0 !important;
	border: none !important;
	box-shadow: none !important;
	background: transparent !important;
	font-weight: 400 !important;
	line-height: 1.4;
}