/* -- STRUCTURE -- */
:root {
  --charcoal: #1d252d;
  --green: #00aa13;
}


html {background-color:#eee;}
body {font-family: 'OpenSansPro', sans-serif; font-weight:300; font-size: 14px; color:#617182; background-color:#fafafb;}
.feather {width: 16px;height: 16px;vertical-align: text-bottom;}
.logo {text-align:center; border-bottom:1px solid #045d95; padding-bottom:15px;}
.sub-nav {margin-left:15px; font-size:13px;}
.breadcrumb {font-size:12px; float:right; display:none;}
.main {background-color:#EDF0F2;}
.header-tagline {display:none;background-color:#ccc; width:100%; height:25px;font-size: 12px;word-spacing: 10px; font-style: italic; float:left; color:#333;}
	.tagline-text {padding-top:4px; padding-left:25px;}
footer {background:#eee; padding-bottom:15px; padding-top:15px; text-align:left; border-top:3px solid #ccc;}
	.footer-copyright {padding-top:15px; font-size:12px; text-align:left;}
	.footer-border {margin-top:-18px; width:100%;}
	footer h4 {font-size:14px; margin-bottom:5px;}
	footer p {margin-bottom:0px;}
	.legal-info-footer {margin-left:15%;}
.jumbotron {margin-bottom:0px;}
	.jumbotron h5 {border-bottom:0px;}
.no-left-padding {padding-left:0px !important;}
.password-strength-container {margin-top:10px;}
	.progress {background-color:#b6b5b5;}
.alert-success {background-color:transparent; color:#333;}
.table-hover tbody tr {transition: background 450ms ease-in;}
thead {background-color:#2c3c4a; color:#fff; position:relative; z-index:999;}
	thead th {background-color:#2c3c4a; color:#fff;}
	.table thead th {border-top:0px; vertical-align:top;}
.topper-nav li:hover {background:transparent !important;}
table {color:#333 !important;}
.hide {display: none !important;}
.bg-danger {background-color:transparent !important; color:#333;}
.form-section {background-color:#fff; border-radius:5px; margin-bottom:25px; margin-left:15px; box-shadow: 0 10px 40px 0 rgba(18,106,211,.07),0 2px 9px 0 rgba(18,106,211,.06);}
.content-section {background-color:#fff; border-radius:5px; margin-bottom:25px; box-shadow: 0 10px 40px 0 rgba(18,106,211,.07),0 2px 9px 0 rgba(18,106,211,.06);}
.headline-container {margin-left:15px;}
.bom-container {margin-left:-15px;}
.push-back {margin-left:-15px;}
.margin-left-15 {margin-left:15px;}
.no-margin-left {margin-left:-15px;}
.file-upload-options {margin-left:-2px; margin-top:15px;}
.clear-margin-left {margin-left:0px;}
.release-container {margin-left:-15px;}
.shipping-address-container p {margin-bottom:0px;}
.shipping-address-container h6 {margin-bottom:0px;}
.error-block {background-color:#F44336; color:#fff; margin-bottom:15px;}
	.error-block p {margin-bottom:0px;}
.upload-error-block {background-color:#F44336; border:1px solid #d4362a; color:#fff; margin-bottom:15px;}
	.upload-error-block h5 {border-bottom:0px; margin-bottom:0px; padding:10px 0 0 10px;}
	.upload-error-block p {color:#fff !important; padding:0 0 0 10px;}
	.upload-error-block hr {display:none;}
	.upload-error-block .p-3 {padding:0px !important;}
#navbarLogo {margin-left:15px;}
.navbar-custom {background-color:#1D252D;border-bottom:2px solid #00AA13; min-width:360px; height:64px;}
.notification-bar {background-color:#D9ECFC; border:1px solid #eee; color:#333; padding:5px 10px; margin-bottom:15px; margin-right:13px;}
	.notification-bar p {margin-bottom:0px;}
.even-out {margin-bottom:35px;}
.mobile-nav {display:none;}
.force-push-up {margin-top:-25px !important;}
.border-left {border-right:1px solid #eee; padding-right:30px;}
.div-row {border-bottom:1px solid #eee; margin-bottom:15px;}
#collapsibleNavbar .nav-item {border:0px;}
body.modal {height: 100vh;overflow-y: hidden;}

/*-- Smooth Page Transitions -- */
@view-transition {
	navigation: auto;
}

html:active-view-transition-type(forwards, backwards) {
	:root {
		view-transition-name: none;
	}
	article {
		view-transition-name: content;
	}
	.pagination {
		view-transition-name: pagination;
	}
}

html:active-view-transition-type(forwards) {
	&::view-transition-old(content) {
		animation-name: slide-out-to-left;
	}
	&::view-transition-new(content) {
		animation-name: slide-in-from-right;
	}
}

html:active-view-transition-type(backwards) {
	&::view-transition-old(content) {
		animation-name: slide-out-to-right;
	}
	&::view-transition-new(content) {
		animation-name: slide-in-from-left;
	}
}

html:active-view-transition-type(reload) {
	&::view-transition-old(root) {
		animation-name: fade-out, scale-down;
	}
	&::view-transition-new(root) {
		animation-delay: 0.25s;
		animation-name: fade-in, scale-up;
	}
}

/* -- TEXT AND LINKS -- */
@font-face {
  font-family: OpenSansPro;
  src: url(../fonts/SourceSansPro-Regular.otf);
}

@font-face {
  font-family: TitilliumWeb;
  src: url(../fonts/TitilliumWeb-Bold.ttf);
}

h1 {font-family: 'TitilliumWeb', sans-serif; font-weight:400; font-size:24px; color:#5c5c5c;}
h1, h2, h3, h4, h5,h6 {font-family: 'TitilliumWeb', sans-serif; font-weight:400; margin-bottom:15px; padding-bottom:5px;}
	#headingOne h3 {font-family: 'OpenSansPro', sans-serif; font-weight:300;}
h6 {font-weight:normal; color:#5c5c5c; border-bottom:0px;}
.form-section h6 {font-weight:400; color:#5c5c5c; border-bottom:1px solid #eee; margin-left:-15px; margin-right:-15px; margin-top:-15px; padding-left:15px; padding-top:10px; padding-bottom:10px; background-color:#fafafa;}
.content-section h6 {font-weight:400; color:#5c5c5c; border-bottom:1px solid #eee; margin-left:-15px; margin-right:-15px; margin-top:-15px; padding-left:15px; padding-top:10px; padding-bottom:10px; background-color:#fafafa;}
.danger-link {color:#a9271a !important; cursor:pointer; position:relative;}
	.danger-link:hover {color:#ed3f2e !important; text-decoration:underline !important;}
.bom-danger-link {color:#a9271a !important; text-decoration:underline !important; cursor:pointer; position:relative; top:6px;}
.project-name {font-size:14px; margin-top:10px; font-weight:bold;}
.forgot-password-link {font-size:12px; margin-top:3px; width:28%;}
	.forgot-password-link:hover {cursor:pointer;}
::-ms-reveal {display: none;}
.create-account a:hover {cursor:pointer;}
.no-bottom-margin {margin-bottom:0px;}
a {color:#004986;}
	a:hover {color:#4f758b; text-decoration:none;}
#divProjectList a {text-decoration:none;}
#collapsibleNavbar {color:#fff; font-size:14px; margin-right:45px;}
#collapsibleNavbar a {color:#fff; font-size:14px;}
	#collapsibleNavbar a:hover {color:#fff !important; font-size:14px;}
#collapsibleNavbar label {color:#fff; }
.dropdown-email-link {text-decoration:underline; color:#0078c1; cursor:pointer;}
.same-ship {font-size:14px; font-weight:normal;}
.dropdown-item {font-size:12px;}
.dropdown-item:focus, .dropdown-item:hover, .dropdown-item:active {color:#333;}
.bom-name {border-bottom:0px; font-weight:normal; margin-bottom:0px;}
.lang-picker {cursor:pointer; border-bottom:0px;}
.required-field::before {content: "* "; color:#eb1c1c;}
.page-headline { color: var(--charcoal); font-size:24px; padding-left:5px; padding-top:5px; border-bottom:0px; margin-top:7px; margin-bottom:10px;}
	.page-headline-icon {color:#fff !important; font-size:18px;}
	.page-sub-headline-icon {color:#fff !important; font-size:12px;}
	.circle {height:35px; width:35px; background-color: #DB6B30; border:1px solid #DB6B30; border-radius: 50%; float:left; margin-top:3px; margin-right:5px; padding-top:7px; text-align:center;}
	.small-circle {height:25px; width:25px; background-color: #fc951e; border:1px solid #ec8a18; border-radius: 50%; float:left; margin-top:-4px; margin-right:5px; padding-top:0px; text-align:center;}
	.homepage-headline {float:left; padding-top:0px; margin-top:0px;}
	.homepage-circle {margin-top:0px;}
	.create-project-btn {margin-left:15px; margin-top:2px;}
.allcaps {text-transform:uppercase;}
.no-underline {border-bottom:0px;}
.success-icon {color:#40a22d;}
.success-text-message {padding:5px 10px; background-color:#40a22d; color:#fff;}
#genericAlertMessage {border-bottom:0px;}
.link-style {color:#0054ae !important; cursor:pointer;}
	.link-style:hover {color:#0056b3 !important; text-decoration:underline !important; cursor:pointer;}
.divider {margin-left:10px; margin-right:10px;}
.disclaimer {font-size:12px; font-style:italic;}
.sub-headline {font-size:14px;}
.font-weight-bold {font-weight:normal !important;}
.choose-account {cursor:pointer;}
.screen-reader-text { border:0;   clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%);height: 1px; margin: -1px;width: 1px; overflow: hidden; position: absolute !important;word-wrap:normal !important;}
.pointer {cursor:pointer;}
.export-link {margin-left:15px;}
.info-icon {color:#004986;}
	thead .info-icon {color:#fff;}
.memo-history-desc {word-wrap:break-word; min-width:70%; max-width:100px;}
.under-field-text {font-size:12px;}
.warning {color:#a9271a;}
.field-separator {margin-top:35px;}
.toggle-on.btn {top:2px;}
		.toggle-off.btn { top:2px;}
ul {color:#333;}
.user-account {color:#fff; border-bottom:0px;}
.headline-filter-icon {position:relative; top:-2px; font-size:12px; }
.address-txt {font-size:16px;}
.alert-warning {padding:3px;}
.dropdown-item.active, .dropdown-item:active {background-color:#2C3C4A;}
.clickable {cursor: pointer;color: #0054ae;}
#subreleaseicon {margin-top:2px;transition: all .5s linear;}
b,strong {color:#333 !important;}
.f-12 {font-size: 12px !important;}
.f-14 {font-size: 14px;}
.disabled {color:#ccc !important;}
	.disabled:hover {cursor:not-allowed; color:#ccc !important;}
#lnkdownloadRelease:hover {cursor:pointer;}
#addNewAddressButton {color:#fff;}
.kitIcon {cursor:pointer; color:#00aa13;}
.kitIcon:hover {color:#028911;}
.multiBOMLookup {margin-top: 10px; margin-left:10px;}
span.resetSearchField {position: relative; display: inline-flex; align-items: center;}
span.resetSearchField span {position: absolute; display: block; right: 15px; width: 15px; height: 15px; border-radius: 50%; color: #fff; background-color: #db6b30; text-align: center; line-height: 16px; cursor: pointer; font-size:12px;}
span.resetSearchField input {padding-right: 18px; box-sizing: border-box;}
.location-error-msg {position:absolute; top:40px; right:15px;}

/* -- MODAL WINDOWS -- */
.modal-header {background: #1D252D; padding-top:0.5rem; padding-bottom:0.5rem; margin-bottom:15px;}
	.modal-header h5 {margin-bottom:0px; padding-bottom:0px;}
.modal-content {box-shadow:0 2.8px 2.2px rgba(0, 0, 0, 0.02),0 6.7px 5.3px rgba(0, 0, 0, 0.028),0 12.5px 10px rgba(0, 0, 0, 0.035),0 22.3px 17.9px rgba(0, 0, 0, 0.042),0 41.8px 33.4px rgba(0, 0, 0, 0.05),0 100px 80px rgba(0, 0, 0, 0.07);}
	.modal-header h5 {color:#fff;}
.close {color:#fff;}
	.close:hover {color:#eee;}
#uploadValidationCheck hr {display:none;}
.cust-fields-modal p {word-break:break-word;}
.modal-footer {text-align:left; justify-content:start;}
.modal-body {padding-top:0px; text-align:left;}

/* -- Tabs -- */
.nav-tabs {border-bottom: 0px;}
.projects-tabs-container {margin-bottom: 15px;}
.projects-nav-item {border-bottom: 0px !important;}
	.projects-nav-item {background-color: transparent !important;}
.projects-tab {border-color: #eee !important; border-radius: 5px;}
#myTab .nav-link.active {background-color: #004986; color:#fff;border: 1px solid #ccc}
#allProjects, #myProjects {border:1px solid #ccc;}

/* -- My Projects -- */
.project-card {background-color:#fff; border-radius:5px; margin-bottom:25px; box-shadow: 0 10px 40px 0 rgba(18,106,211,.07),0 2px 9px 0 rgba(18,106,211,.06); cursor: pointer;}
	.project-card h3 {font-size: 16px; border-bottom:0px;}
	.muted-circle {height:35px; width:35px; background-color: #eee; border:1px solid #ccc; border-radius: 50%; float:left; margin-top:3px; margin-right:5px; padding-top:7px; text-align:center;}
	.project-card-icon {font-size: 20px;}
.no-child-project::after {display: none;}
thead {background-color: #2c3c4a;color: #fff; z-index:3;}
.parent-project {font-weight: bold;} 
.expand-link {color:#0078c1; font-size:14px;}

/* -- BUTTONS -- */
.btn-primary:hover {color:#fff !important;}
.btn {cursor:pointer; padding: .275rem .45rem; font-size:14px; border: none;border-radius: 3px;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.05);margin-bottom: 15px;position: relative;transition: all 0.15s ease-in-out;}
.btn:hover, .btn:focus, .btn:active, .btn:active:focus {outline: none;transition: all 0.15s ease-in-out;}
.btn:hover {box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2), 0 4px 8px rgba(0, 0, 0, 0.1);transition: all 0.15s ease-in-out;transform: translateY(-1px);}
.btn:active {box-shadow: none;transition-duration: 0.05s;transform: translateY(1px);}
.btn.btn-default {border:1px solid #004986; background-color:#fff; color:#004986;}
.btn.btn-default:hover, .btn.btn-default:focus, .btn.btn-default:active {background-color: #f8f8f8;}
.btn.btn-default:active {background-color: #eeeeee;}
.btn.btn-info {background-color: #3498db;}
.btn.btn-info:hover, .btn.btn-info:focus, .btn.btn-info:active {background-color: #2383c4;}
.btn.btn-setup {background-color: #fdf09a; color:#333; border:1px solid #c6b64c;  min-width:80px;}
.btn.btn-info:active {background-color: #2077b2;}
.btn.btn-primary {background-color: #004986;}
.btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary:active {background-color: #1D252D; color:#fff !important;}
.btn.btn-primary:active {background-color: #1e2a37;}
.btn.btn-success {background-color: #2ecc71;}
.btn.btn-success:hover, .btn.btn-success:focus, .btn.btn-success:active {background-color: #26ab5f;}
.btn.btn-success:active {background-color: #239a55;}
.btn.btn-warning {background-color: #f39c12;}
.btn.btn-warning:hover, .btn.btn-warning:focus, .btn.btn-warning:active {background-color: #d2850b;}
.btn.btn-warning:active {background-color: #be780a;}
.btn.btn-danger {background-color: #a9271a; color:#fff !important; border:1px solid #8e1f14;}
.btn.btn-danger:hover, .btn.btn-danger:focus, .btn.btn-danger:active {background-color: #df2e1b;}
.btn.btn-danger:active {background-color: #cd2a19;}
.btn.btn-disabled {background-color: #e9ecef; color:#fff !important;}
.btn.btn-disabled:hover, .btn.btn-danger:focus, .btn.btn-danger:active {background-color: #e9ecef; cursor:not-allowed;}
.page-item.active .page-link {background-color:#4F758B; color:#eee;}
	.page-item.active .page-link:hover {color:#eee !important;}
.page-link:hover {cursor:pointer;}
.delete-contact {margin-top:20px;}
.login-button {text-align:center;}
.create-account {text-align:center;}
.btn.btn-bom {min-width:100px;}
.contact-details-btn {margin-top:5px;}
.custom-switch .custom-control-label::after {background-color:#0078c1;}
.btn[disabled] {display:none;cursor: not-allowed;background-color:#707a84;}
.actions-dropdown-button.disabled {cursor: not-allowed !important;background-color:#707a84 !important;}
.pm-search-btn {margin-left:-15px;}
.input-group-text {transition: background 200ms ease-in; background-color:#fff;}
.input-group-text:hover {background-color:#0078c1; color:#fff; cursor:pointer;}
.project-home-search-btn {margin-bottom:5px; margin-left:10px;}
.project-home-reset-btn {margin-bottom:5px; margin-right:0px;}
.search-tool-btn {margin-top:30px;}
.material-release-search-btn {margin-top:10px; margin-left:10px; margin-right:10px;}
#divSearchVendor {margin-left:10px;}
.save-bom-line {margin-left:30px;}
.validation-btn {margin-bottom:0px;}
.sales-location-btn {margin-left:10px; margin-top:2px;}
.shipping-location-btn {margin-top:2px;}
.view-user-details {font-size:12px; margin-left:5px;}
.view-edit-btn {position:absolute; right:45px; top:125px;}
.mainframeval p {margin-top:-15px;}
#tblExpediteNoteResults td {vertical-align:top;}
.bom-edit-btn {right:35px;}
.release-submit-btn {margin-top:20px;}
.release-cancel-btn {margin-top:20px;}
.primary-btn-icon {color:#fff;}
.btn-outline-danger {background-color:#fff; border:1px solid #dc3545 !important;}
	.btn-outline-danger:hover {color:#fff;}
.no-underline {background-size:0px !important;}
#tableReleaseResults a:hover {background-size:0px !important;}
.fa-cube {font-size:12px; color:#ccc;}
.bom-card-btn {color:#fff !important;}
.commodity-release-search-btn {margin-right:10px; margin-left:5px;}
.cust-search-btn {margin-top:27px;}
.cancel-release-btn {margin-top:-5px;}
.abs-cal-icon {position:absolute; top:30px; right:0px; padding-bottom:11px;}
.created-on-date {font-size:14px; font-weight:normal;}
.filter-tools {margin-right:60px;}
#bom-view-edit-screen-only .manage-files-btn {width:100%;}
.bom-aux-btn {width:100%;}
.icon-up {position: relative;padding-left: 1em; cursor: pointer;}
.icon-up::before {content: "\f105";font-family: 'Font Awesome\ 5 Free';font-weight: 900;display: block;position: absolute;transition: transform .2s ease;transform: rotate(0);right: 10px;}
.rotate.icon-up::before {transform: rotate(90deg);}
.current-assigned-user-block {text-align:center; background-color:#eee; margin-right:10px; margin-bottom:10px; padding:5px;}
  .toggle.ios, .toggle-on.ios, .toggle-off.ios { border-radius: 0; }
  .toggle.ios .toggle-handle { border-radius: 20rem; }
.toggle-handle {width:50% !important; margin-top:29px !important; height:5px !important;}
.icon-up {position: relative;padding-left: 1em; cursor: pointer;}
.icon-up::before {content: "\f105";font-family: 'Font Awesome\ 5 Free';font-weight: 900;display: block;position: absolute;transition: transform .2s ease;transform: rotate(0);right: 10px;}
.rotate.icon-up::before {transform: rotate(90deg);}
.toggle-disabled {background-color:#ccc !important; color:#7d7d7d !important; cursor:not-allowed !important; margin-top:-2px !important; padding-top:7px !important;}
.rotate-multi-release {transform: rotate(180deg);}
.release-details-btn-group {margin-top:28px;}
.toggle.btn {min-width: 4.7rem !important;}
.btn-dark {background-color:transparent !important;}
.switchToggle input[type=checkbox]{height: 0; width: 0; visibility: hidden; position: absolute; }
.switchToggle label {cursor: pointer; text-indent: -9999px; width: 70px; max-width: 70px; height: 30px; background: #B7C9D3; display: block; border-radius: 100px; position: relative; }
.switchToggle label:after {content: ''; position: absolute; top: 2px; left: 2px; width: 26px; height: 26px; background: #fff; border-radius: 90px; transition: 0.3s; }
.switchToggle input:checked + label, .switchToggle input:checked + input + label  {background: #004986; }
.switchToggle input + label:before, .switchToggle input + input + label:before {content: 'No'; position: absolute; top: 5px; left: 35px; width: 26px; height: 26px; border-radius: 90px; transition: 0.3s; text-indent: 0; color: #333; }
.switchToggle input:checked + label:before, .switchToggle input:checked + input + label:before {content: 'Yes'; position: absolute; top: 5px; left: 10px; width: 26px; height: 26px; border-radius: 90px; transition: 0.3s; text-indent: 0; color: #fff; }
.switchToggle input:checked + label:after, .switchToggle input:checked + input + label:after {left: calc(100% - 2px); transform: translateX(-100%); }
.switchToggle label:active:after {width: 60px; } 
.toggle-switchArea { margin: 10px 0 10px 0; }
.orange-icon {color:#db6b30;}
.fa-stack {float:right;}
.inline {display:inline;}
.cal-icon {cursor:auto;}
	.cal-icon:hover {background-color:transparent; color:#333; cursor:auto;}
.btnAsLink {background:none; border:0px; color:#2383c4;}
	.btnAsLink:hover {text-decoration:underline;}
#addressModal .btn-sm {line-height:45px;}
.addressBookAlertIcon {color:#db6b30;}
.switchToggle label[disabled]{background:#ccc !important; cursor:not-allowed;}
.displayAllToggleContainer {margin-top:5px;}
.displayAllToggleLabel {float:left; margin-left:-70px; margin-top:5px;}

/* -- OR Divider -- */
.or {display:flex;justify-content:center;align-items: center;color:#1D252D;}
.or:after,
.or:before {content: "";display: block;background: #00AA13;width: 50%;height:1px;margin: 0 10px;}

/* -- SIDEBAR -- */
.inactive{left: 0px;width: 0px !important;min-width: 0px !important;max-width: 0px !important;z-index: -1 !important;}
.inactive #sidebar-link-container, .inactive .sidebar-brand {margin-left: -220px !important;transition: all .4s ease-in-out;}
.sidebar {min-width: 220px;max-width: 220px;width: 220px;min-height: 100vh;transition: all .4s ease-in-out;z-index: 2; margin-right:-1px; z-index:999;}
.sidebar #sidebar-link-container {transition: all .4s ease-in-out;z-index: 3;}
#sidebar-link-container {background-color:#1D252D; padding-top: 64px; position: fixed;width: 220px;margin: 0px 0px;margin-top: 9px;min-height: 100vh;top: 0;bottom: 0;overflow-y: auto;}
.sidebar-content {width: 100%;height: 100%;}
.sidebar-toggle {cursor: pointer;width: 26px;height: 26px;}
.mr-2 {margin-right: .5rem !important;}
#sidebar-brand-container {z-index: 4;position: fixed;width: 220px;height: 64px;}
.sidebar-brand {font-weight: 500;font-size: 1.15rem;padding: 1.15rem 1.25rem;display: block;position: fixed;transition: all .4s ease-in-out;}
	.sidebar-brand img {margin-top:-5px;}
	.sidebar-brand:hover {background-size:0px !important;}
.sidebar-bottom {transition: margin .4s ease-in-out;padding: 1rem;width: inherit;font-size: .8rem;bottom: 0;left: 0;position: fixed;min-width: 220px;max-width: 220px;z-index: 3;margin-left: 0;}
.navbar-custom {min-width: 360px;height: 64px;}
.nav-tabs {min-width: 360px;}
.nav-icon-div {display: inline-block;width: 25px;}
#sidebar-brand-container {background-color:#1D252D; border-bottom:2px solid #00AA13;}
.sidebar-brand {color: #f8f9fa;}
.sidebar-bottom {background: #777;color: #e9ecef;}
.sidebar-link-active {background-color:#004986;}
.sidebar-sublink-active {background-color:#eee; font-weight:bold;}
.nav-item {padding-top:3px; padding-bottom:3px; transition: background 200ms ease-in;}
.navbar-custom .nav-link {color: #fff !important;}
	.sub-nav-link {font-size:14px; margin-left:15px;}
.sidebar .nav-link {color: #333;}
#navbarUnder {margin-top: 64px;height: 25px;background: #777;width: 100%;}
.page-container {background: #EDF0F2;margin-top: 25px; min-height: 70vh;}
.navigation-header {font-size:14px; margin-bottom:0px; margin-top:15px; margin-left:15px;}
.nav-link {padding:5px;}

/* -- New Sidebar -- */
#sidebar-link-container {background-color:#1D252D !important; background-image:none !important;}
.sidebar .nav-link {color: #fff; text-decoration:none;}
.menu-headline {font-weight:bold; border-bottom:1px solid #00aa13; background-color:#4a5057; padding:5px 15px; color:#fff;}
.nav-item {border-bottom:1px solid #4a5157; padding-left:10px;}
	.nav-item:hover {background-color:#004986;}
.sidebar-icon {color:#4f758b; margin-left:4px;}
.nav-link {padding:5px;}
.sub-nav-link {display:block; color:#333; font-size:13px; padding:5px;}
.sub-nav-container {background-color:#fff;}
.sub-nav-item {padding:5px 0; border-bottom:1px solid #eee;}
#clpse-icon {margin-top:2px; -webkit-transition: all .5s linear;
-moz-transition: all .5s linear;
-ms-transition: all .5s linear;
-o-transition: all .5s linear;
transition: all .5s linear;}
#clpse-icon2 {margin-top:2px;-webkit-transition: all .5s linear;
-moz-transition: all .5s linear;
-ms-transition: all .5s linear;
-o-transition: all .5s linear;
transition: all .5s linear;}
#clpse-icon3 {margin-top:2px;-webkit-transition: all .5s linear;
-moz-transition: all .5s linear;
-ms-transition: all .5s linear;
-o-transition: all .5s linear;
transition: all .5s linear;}
#clpse-icon4 {margin-top:2px;-webkit-transition: all .5s linear;
-moz-transition: all .5s linear;
-ms-transition: all .5s linear;
-o-transition: all .5s linear;
transition: all .5s linear;}
#clpse-icon5 {margin-top:2px; -webkit-transition: all .5s linear;
-moz-transition: all .5s linear;
-ms-transition: all .5s linear;
-o-transition: all .5s linear;
transition: all .5s linear;}
#clpse-icon6 {margin-top:2px; -webkit-transition: all .5s linear;
-moz-transition: all .5s linear;
-ms-transition: all .5s linear;
-o-transition: all .5s linear;
transition: all .5s linear;}
.rotate-sidebar-icon {
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);}
.legal {text-align:center; color:#fff; font-size:12px; margin-top:25px;}
	.legal a {color:#fff; text-decoration:underline;}
.project-quick-look {background-color:#4a5057; color:#fff; padding:15px; margin-bottom:30px; margin-top:40px; position:relative; line-height:18px;}
	.project-title {font-weight:bold; font-size:15px; margin-top:18px;}
#quick-look-icon {position:absolute; top:-30px;}
.status-text {position:absolute; right:10px; top:5px; font-size:11px;}
	.orange {color:#fc951e;}
	.status-icon {font-size:8px;}
.topper-menu {width:300px; left:-100px;}
.quick-look-header {margin: -15px -15px 5px -15px; padding: 5px 15px; background-color: #1d252d; font-weight: bold; border-bottom: 1px solid #00aa13; border-top: 1px solid #4A5157;}

/* -- Cuts -- */
.cut-container {border:1px solid #ccc; text-align:center;}
	.cut-container p {margin-top:5px;}
.custom-control-input:disabled ~ .custom-control-label::before {cursor:not-allowed;}
.custom-control-input:disabled ~ .custom-control-label::after {cursor:not-allowed; background-color:#747474;}
	
/* -- Material Release -- */
.qtyToChange {min-width:70px;}
.sticky-text {padding-right:15px; margin-right:0px;}
.table-options {background-color: #fafafa; padding: 10px 5px; font-weight:bold; border-top:1px solid #eee;}
.flex-width {min-width:15%;}
.field-guide {background-color:#1D252D; color:#fff; padding:5px 20px; margin-left:-20px; margin-right:-20px; margin-top:-25px; font-size:16px;}
	
/* -- Info Card -- */
.login-page {background-color:#fff;}
.info-card {border:1px solid #70afd8; background:#fff; margin:0 10px 15px 10px;box-shadow: 5px 5px 10px 5px #E3E3E3; color:#18355d;}
	.info-card-header {font-family: 'Titillium Web', sans-serif; font-weight:700; margin-bottom:5px; background-color:#0078c1; padding:5px 15px; color:#fff; margin-left:-10px; margin-right:-10px; margin-top:-15px;}
	.info-card-label {font-weight:bold; margin-bottom:0px;}
	.info-card-text {text-transform:capitalize;}
	.info-card-footer {background-color:#eee; color:#333; text-align:center; border-top:1px solid #ccc; margin-left:-10px; margin-right:-10px; margin-bottom:-15px; padding-top:5px; padding-bottom:5px;}
		.info-card-footer p {margin-bottom:0px; font-weight:bold;}
	.project-details-box {margin-top:35px;}
.contact-card-image {margin-right:15px;}
	.contact-name {margin-top:10px;}

/* -- Tables -- */
.table td, .table th {padding: .45rem;}
#tableUploadResults th {min-width:170px;}
.bom-upload-results-table-container {max-width:1600px;}
.faux-table-row {padding-left:10px; padding-right:10px;}
.faux-table-cell {border-top: 1px solid #dee2e6; padding: .75rem; overflow-wrap: break-word;}
.faux-table-cell-alt {padding: .75rem; border-top: 1px solid #dee2e6; background-color: rgba(0,0,0,.05); overflow-wrap: break-word;}
.cell-width-adjust {width:10%;}
.table td, .table th {vertical-align:middle;}
.table .btn {margin-bottom:0px;}
#tblMemoHistoryResults {table-layout:fixed;}
	#tblMemoHistoryResults td {word-wrap:break-word; vertical-align:top;}
.table-with-scroll {max-height:200px; overflow:scroll; overflow-x:hidden;}
.table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th {background-color:transparent;}
.parent-project td {font-weight:normal;}
.bom-copy-table {overflow-x:hidden; overflow-y:auto; max-height: 75vh;}
.hiddenRow {padding-left:0px !important; padding-right:0px !important;}
.qty-table {margin-left:-10px;}
	.qty-table td {padding:.25rem;}
	.treegrid-indent {width:16px; height: 16px; display: inline-block; position: relative;}
.treegrid-expander {width:16px; height: 16px; display: inline-block; position: relative; cursor: pointer;}
.treegrid-expander-expanded:before{content: "\f078";font-family: 'Font Awesome\ 5 Free';font-weight: 900;}
.treegrid-expander-collapsed:before{content: "\f054";font-family: 'Font Awesome\ 5 Free';font-weight: 900;}	
.search-criteria-bar {margin-bottom:15px; padding:5px; background-color:#4F758B; color:#fff !important; border-radius:5px; font-size:12px;}
.bold {font-weight:bold;}
.addressBookActiveEdit {border:3px solid #00aa13;}

/* -- BOM Rich Rows -- */
.bom-row-container {margin-left:15px;}
.bom-row {margin-bottom:25px;}
.bom-blue-square {background-color:#fff; padding-top:10px; border:1px solid #dfdfdf; }
	.bom-blue-square:hover {border:1px solid #acacac;}
	.bom-cust-num {margin-bottom:0px; margin-top:10px;}
	.bom-axe-part-num {margin-bottom:5px;}
	.bom-price {margin-bottom:0px;}
	.bom-buttons {max-width:2.333333%; border-right:1px solid #dfdfdf; padding-right:25px; background: #4F758B;}
		.bom-edit-icon {margin-top:12px; margin-bottom:65px; cursor:pointer; color:#fff;}
			.bom-edit-icon:hover {color:#D9ECFC;}
		.bom-delete-icon {cursor:pointer; color:#fff; margin-top:-7px;}
			.bom-delete-icon:hover {color:#D9ECFC;}
		.bar {background-color:#fff; height:1px; width:100%; z-index:999; position:absolute; top:75px; margin-left:-15px; margin-right:-15px;}
.bom-aqua-box {padding-top:10px; border:1px solid #dfdfdf;}
	.bom-qty-headline {font-weight:bold; background-color:#eee; border-bottom:1px solid #ccc; margin-bottom:5px; margin-left:-15px; margin-right:-15px; margin-top:-10px; padding:5px 10px;}
.bom-gray-box {text-align:center; padding-top:10px; border:1px solid #dfdfdf;}
	.bom-on-hand-headline {font-weight:bold; background-color:#eee; border-bottom:1px solid #ccc; margin-left:-15px; margin-right:-15px; margin-top:-10px; padding:5px 10px;}
.bom-peach-box {text-align:center; padding-top:10px; border:1px solid #dfdfdf;}
.bom-white-box {padding-top:10px; border:1px solid #dfdfdf;}
	.bom-prod-desc {font-weight:bold; margin-bottom:0px; background-color:#eee; border-bottom:1px solid #ccc; margin-left:-15px; margin-right:-15px; margin-top:-10px; padding:5px 15px;}
.bom-amount {font-size:22px; font-weight:bold;}
.bom-addl-inv-headline {font-weight:bold;}
.bom-line-num {font-weight:bold; margin-bottom:0px; background-color:#eee; border-bottom:1px solid #ccc; margin-left:-15px; margin-right:-15px; margin-top:-10px; padding:5px 15px;}
.bom-row-hr {border-top: 1px solid #ccc; margin-bottom:3px; margin-top:3px;}
.bom-prod-desc-data {margin-top:10px;}
.status-square-active {height:10px; width:10px; background-color:#0078c1; display:inline-block; margin-left:5px;}
.status-square-new {height:10px; width:10px; background-color:#64b938; display:inline-block; margin-left:5px;}
.status-square-closed {height:10px; width:10px; background-color:#7d7d7d; display:inline-block; margin-left:5px;}
.status-square-processing {height:10px; width:10px; background-color:#ece756; display:inline-block; margin-left:5px;}
.status-square-released {height:10px; width:10px; background-color:#71dffa; display:inline-block; margin-left:5px;}
.status-square-cancelled {height:10px; width:10px; background-color:#ff6000; display:inline-block; margin-left:5px;}
.qty-number-container {border-bottom:1px solid #dfdfdf; margin-right:-15px; margin-left:-15px; padding-top:5px; padding-bottom:5px;}
	.qty-number-container-last {margin-right:-15px; margin-left:-15px; padding-top:5px; padding-bottom:5px;}
	.qty-number {text-align:left; font-size:14px; padding-left:15px; padding-right:15px; margin-bottom:0px;}
	.qty-top {margin-top:-10px;}
	.qty-number-container .fas {font-size:12px;}
.bom-option-card {min-height:400px;}
.full-width {width:100%;}
		#manageCategoriesModal .toggle.btn {min-width:45%;}
		#manageGroupsModal .toggle.btn {min-width:45%;}
.bom-group-container {border:1px solid #ccc; margin-bottom:15px; padding:15px; margin-right:15px; background-color:#FAFAFB; border-top:5px solid #1D252D;}
.bootstrap-select > .dropdown-toggle.bs-placeholder, .bootstrap-select > .dropdown-toggle.bs-placeholder:active, .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder:hover {background-color:#fff; color:#333;}
.bootstrap-select > .dropdown-toggle {background-color:#fff;}
.exp-note-options {margin-top: -10px;}
.poDetailsCardTitle {position:relative; top:5px;}
.card-img-top {min-height:137px;}

/* -- PO Details -- */
.poDetailsHeader {background-color: #4F758B; color: #fff; padding: 5px 10px;}
.poDetailsCardBody {padding: 0px;}
.white-link {color: #fff;}
	.white-link:hover {color: #ccc;}
#columnLegend {border: 1px solid #eee; padding: 10px;}
.blue-link {color: #0078c1; cursor: pointer;}
	.blue-link strong,b {color: #0078c1; cursor: pointer;}
#additionalInventoryModalDescription strong,b {cursor: text;}

/* -- BOM Skinny View -- */
.truncate {width: 240px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; margin-bottom:0px;}
	.truncate-smaller {width: 150px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; margin-bottom:0px;}
.popover-header {font-size:14px; background-color:#0078c1; color:#fff; font-family: 'OpenSansPro', sans-serif; font-weight:300;}
.table-header{position:sticky;top: 0 ;}
.table-dark {background-color:#2c3c4a;}
	.table-dark th {color:#fff; border-bottom:2px solid #0078c1;}
	.table-dark:hover {background-color:#333 !important;}
#release-progress {margin-bottom:-25px;}
#release-progress span {top: -29px;left: 2%;position: relative;font-size: 14px;color: #fff;}
progress {background-color: #a09e9e;border: 0;height: 2.5em;width: 100%;}
progress::-webkit-progress-bar {background-color: #a09e9e;}
progress::-webkit-progress-value {background-color: #027cc7;}
progress::-moz-progress-bar {background-color: #027cc7;}
/* progress[value^="100"]::-moz-progress-bar {background-color: #349836;}
progress[value^="100"]::-webkit-progress-bar {background-color: #349836;}
progress[value^="100"]::-webkit-progress-value {background-color: #349836;} */
.headline-link {font-size:14px; font-family: 'OpenSansPro', sans-serif; font-weight:300;}
tbody {font-size:14px;}
.skinny-bom-table td {font-size:12px;}
.threshold-tag-green {background-color:#eaaa00; position:absolute; right:15px; border-radius: 0 0 5px 5px; padding:0 5px;}
.threshold-tag-yellow {background-color:#eaaa00; position:absolute; right:15px; border-radius: 0 0 5px 5px; padding:0 5px;}
.threshold-tag-red {background-color:#ca0000; position:absolute; right:15px; border-radius: 0 0 5px 5px; padding:0 5px; color:#fff;}

/* -- BOM Currency -- */
#custPrice {display:inline;}
#custExtPrice {display:inline;}

/* -- BOM Copy -- */
.bom-copy-truncate {width: 150px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; margin-bottom:0px;}
.entry-tool-cards {min-height:350px;}

/* -- Help Guide -- */
.help-card-header {background-color:#1D252D; color:#fff; padding: .35rem 1.25rem;}
.help-thumb {border:1px solid #ccc;}
#latest-release-notes {background-color:#00AA13; color:#fff; width:50%; margin:0 auto; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; padding:5px;}
	#latest-release-notes:hover {background-color:#01be16;}

/* -- FORM ELEMENTS -- */
.arrow-padding {padding-right:15px;}
.custom-control-label {cursor: pointer; padding-top:3px;}
.custom-switch {margin-left:15px;}
.custom-control-input:checked ~ .custom-control-label::before {border-color:#ff9000; background-color:#ff9000;}
th {font-weight:normal;}
.horz-label {font-weight:bold; margin-bottom:0px;}
.form-control {border-radius: 2px; border: 1px solid #E0E0E0; font-size:14px;}
.form-control:focus {box-shadow: 0 1px 5px -2px #42A5F5;border-bottom: 1px solid #2196F3;}
.form-group label {color: #333;}
.input-group-addon {border: none;border-bottom: 1px solid #E0E0E0;border-radius: 0;}
.has-success .help-block,.has-success .control-label,.has-success .radio,.has-success .checkbox,.has-success .radio-inline,.has-success .checkbox-inline,.has-success.radio label,.has-success.checkbox label,.has-success.radio-inline label,.has-success.checkbox-inline label {color: #4CAF50;}
.has-success .form-control {border-color: #4CAF50;}
.has-success .form-control:focus {border-color: #3d8b40;box-shadow: 0 1px 5px -2px #C8E6C9;}
.has-success .input-group-addon {color: #4CAF50;border-color: #4CAF50;background-color: #C8E6C9;}
.has-success .form-control-feedback {color: #4CAF50;}
.has-warning .help-block,.has-warning .control-label,.has-warning .radio,.has-warning .checkbox,.has-warning .radio-inline,.has-warning .checkbox-inline,.has-warning.radio label,.has-warning.checkbox label,.has-warning.radio-inline label,.has-warning.checkbox-inline label {color: #FF9800;}
.has-warning .form-control {border-color: #FF9800;}
.has-warning .form-control:focus {border-color: #cc7a00;box-shadow: 0 1px 5px -2px #FFE0B2;}
.has-warning .input-group-addon {color: #FF9800;border-color: #FF9800;background-color: #FFE0B2;}
.has-warning .form-control-feedback {color: #FF9800;}
.has-error {padding:0px 10px; font-size:12px;}
.has-error .help-block,.has-error .control-label,.has-error .radio,.has-error .checkbox,.has-error .radio-inline,.has-error .checkbox-inline,.has-error.radio label,.has-error.checkbox label,.has-error.radio-inline label,.has-error.checkbox-inline label {color: #F44336;}
.has-error .form-control {border-color: #F44336;}
.has-error .form-control:focus {border-color: #ea1c0d;box-shadow: 0 1px 5px -2px #FFCDD2;}
.has-error .input-group-addon {color: #F44336;border-color: #F44336;background-color: #FFCDD2;}
.has-error .form-control-feedback {color: #F44336;}
input[disabled] {cursor: not-allowed;}
select [disabled] {cursor:not-allowed;}
textarea [disabled] {cursor:not-allowed;}
.form-control:disabled, .form-control[readonly] {cursor:not-allowed;}
#searchPersonForm {margin-top:-25px;}
.project-home-search-form {float:right; margin-right:15px;}
.push-down-checkbox {margin-top:38px;}
.hide-label {font-size:0px;}
.radio-label {margin-bottom:0px; margin-left:3px;}
.release-filter {margin-top:-8px;}
.total-price-text {margin-top:-20px;}
.custom-file {margin-top:27px;}
.or-divider {margin:0 20px;}
.negative-margin-15 {margin-left:-15px;}
.release-choose-date {margin-top:-7px;}
.lineCheckBox {vertical-align:middle;}
.bootstrap-select > .dropdown-toggle.bs-placeholder, .bootstrap-select > .dropdown-toggle.bs-placeholder:active, .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder:hover {color:#333;}
.charNum {float:right;}
#unassignedUsers_to {min-height:180px;}
.bootstrap-select > .dropdown-toggle.bs-placeholder, .bootstrap-select > .dropdown-toggle.bs-placeholder:active, .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder:hover {background-color:#fff; color:#495057 !important; font-size:14px !important;}
.bootstrap-select > .dropdown-toggle.bs-placeholder, .bootstrap-select > .dropdown-toggle.bs-placeholder:active, .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, .bootstrap-select > .dropdown-toggle.bs-placeholde {background-color:#fff; color:#495057 !important; font-size:14px !important;}
.bootstrap-select > .dropdown-toggle {border:1px solid #ced4da; box-shadow:none !important; padding: .375rem .75rem;}
.input-group-text {font-size: 12px; padding: .375rem .35rem}
.form-control-sm {font-size: 12px;}
#status-filter-container {margin-top:-10px;}
.editOneTimeAddress:before {font-family: "Font Awesome 5 Free";font-weight: 900;content: "\f3c5"; margin-right:5px;}

/* -- MAIN SUB -- */
.main-sub-breadcrumb {margin-left:55px;}

/* -- TABLES -- */
.vendor-detail-column {width:40%;}
.danger-link {white-space: nowrap;}
.vendor-table {margin-top:15px;}
.file-attach-list-table {height:200px; overflow-y:scroll;}

/* -- Part Tracker -- */
.part-tracker-card-title {position:absolute; top:40px; font-size:12px; background:url(../images/part-tracker/topper-bg.png); border-bottom:0px; width:96%; margin-left:-20px; padding:5px 25px;}
.part-tracker-image-container {position:relative;}
.part-tracker-image {width:70px; border:1px solid #eee; border-bottom:0px; padding:10px; background-color:#fff;}
.part-tracker-arrival-bar {background-color:#F75E20; color:#fff; padding:5px 10px;}
	.part-tracker-arrival-bar p {margin-bottom:0px; margin-top:0px; font-size:16px;}
.part-tracker-map {margin-top:15px; margin-bottom:15px; border:1px solid #ccc;}
.map-dimension{height: 300px;  width: 100%;}
.headline-container-part-tracker {margin-left:-15px;}
ol {background: #fff;padding: 20px 6px !important;border-radius: 6px;}
.modal.left .modal-dialog,
.modal.right .modal-dialog,
.modal.top .modal-dialog,
.modal.bottom .modal-dialog {transform: translate3d(0%, 0, 0);}
.card-body {padding:0.70rem;}

/* Left & Right */
.modal.left .modal-dialog,
.modal.right .modal-dialog {position: fixed;margin: auto;width: 500px;max-width: 100%;height: 100%;}
.modal.left .modal-content,
.modal.right .modal-content {height: 100%;overflow-y: auto;}
.modal.left .modal-body,
.modal.right .modal-body {padding: 15px 15px 80px;}
.modal.left.fade .modal-dialog {left: -500px;transition: opacity 0.3s linear, left 0.3s ease-out;}
.modal.left.fade.show .modal-dialog {left: 0;}
.modal.right.fade .modal-dialog {right: -500px;transition: opacity 0.3s linear, right 0.3s ease-out;}
.modal.right.fade.show .modal-dialog {right: 0;}
.modal.left .modal-content,.modal.right .modal-content,.modal.top .modal-content,.modal.bottom .modal-content,.modal.full .modal-content {border-radius: 0;border: none;}
.modal.left .modal-dialog.modal-sm,.modal.right .modal-dialog.modal-sm {width: 300px;}
.modal.left .modal-dialog.modal-lg,.modal.right .modal-dialog.modal-lg {width: 800px;}
.modal.left .modal-dialog.modal-xl,.modal.right .modal-dialog.modal-xl {width: 1140px;}
.modal-footer-fixed {position: fixed;bottom: 0;width: 100%;background: #fff;border-radius: 0;}

/* -- Tabs -- */
.tabbable-panel {border:1px solid #eee;padding: 10px;}
.tabbable-line > .nav-tabs {border: none;margin: 0px;}
.tabbable-line > .nav-tabs > li {margin-right: 2px;}
.tabbable-line > .nav-tabs > li > a {border: 0;margin-right: 0;color: #737373;}
.tabbable-line > .nav-tabs > li > a > i {color: #a6a6a6;}
.tabbable-line > .nav-tabs > li.open, .tabbable-line > .nav-tabs > li:hover {border-bottom: 4px solid rgb(80,144,247);}
.tabbable-line > .nav-tabs > li.open > a, .tabbable-line > .nav-tabs > li:hover > a {border: 0;background: none !important;color: #333333;}
.tabbable-line > .nav-tabs > li.open > a > i, .tabbable-line > .nav-tabs > li:hover > a > i {color: #a6a6a6;}
.tabbable-line > .nav-tabs > li.open .dropdown-menu, .tabbable-line > .nav-tabs > li:hover .dropdown-menu {margin-top: 0px;}
.tabbable-line > .nav-tabs > li.active {border-bottom: 4px solid #32465B;position: relative;}
.tabbable-line > .nav-tabs > li.active > a {border: 0;color: #333333;}
.tabbable-line > .nav-tabs > li.active > a > i {color: #404040;}
.tabbable-line > .tab-content {margin-top: -3px;background-color: #fff;border: 0;border-top: 1px solid #eee;padding: 15px 0;}
.portlet .tabbable-line > .tab-content {padding-bottom: 0;}

/*-- Commodity Section-- */
.commodity-cta-wrapper {margin-top:15px;}
.contracts-headline {margin-bottom:0px; margin-top:10px;}
.green {color:#4bc242;}
.yellow {color:#f8ee59;}
.red {color:#ca0000;}
.exp-message {min-width:140px;}
.commodity-search {margin-bottom:5px; margin-left:10px; margin-right:10px;}
.commodity-reset {margin-bottom:5px;}
.alert-notification-body-text {margin-bottom:15px; margin-top:-15px; margin-left:15px;}
#editContracts .modal-content {top:100px !important;}
.exp-note-row-error {display:inline-block; color:#ca0000; max-width:200px;}
.exp-note-po-row {min-width:12%;}
.exp-note-column {width:55%;}
.exp-card-header {padding:.25rem 1.25rem}
	.exp-card-header:after {content:'';}
#tblExpediteNoteResults tbody {font-size:12px;}
#tblExpediteNoteResults select {width:130px !important; font-size:12px;}
#tblExpediteNoteResults input {font-size:12px;}
.mainframeval {margin-top:15px;}
#selLineStatus {background-color:transparent;}
#inDateShippedSwitch {max-height:30px;}
#inSchShipDateFromSwitch {max-height:30px;}
#inTrackingSwitch {max-height:30px;}
#inCarrierSwitch {max-height:30px;}
#inBillOfLadingSwitch {max-height:30px;}

@keyframes passing-through {
  0% {opacity: 0;transform: translateY(40px); }
  30%, 70% {opacity: 1;transform: translateY(0px); }
  100% {opacity: 0;transform: translateY(-40px); } }
@keyframes slide-in {
  0% {opacity: 0;transform: translateY(40px); }
  30% {opacity: 1;transform: translateY(0px); } }

@keyframes pulse {
  0% {transform: scale(1); }
  10% {transform: scale(1.1); }
  20% {transform: scale(1); } }
.dropzone, .dropzone * {box-sizing: border-box; }
.dropzone {min-height: 150px;border: 2px solid rgba(0, 0, 0, 0.3);background: white;padding: 20px 20px; }
  .dropzone.dz-clickable {cursor: pointer; }
    .dropzone.dz-clickable * {cursor: default; }
    .dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message * {cursor: pointer; }
  .dropzone.dz-started .dz-message {display: none; }
  .dropzone.dz-drag-hover {border-style: solid; }
    .dropzone.dz-drag-hover .dz-message {opacity: 0.5; }
  .dropzone .dz-message {text-align: center;margin: 2em 0; }
  .dropzone .dz-preview {position: relative;display: inline-block;vertical-align: top;margin: 16px;min-height: 100px; }
    .dropzone .dz-preview:hover {z-index: 1000; }
      .dropzone .dz-preview:hover .dz-details {opacity: 1; }
    .dropzone .dz-preview.dz-file-preview .dz-image {border-radius: 20px;background: #999;background: linear-gradient(to bottom, #eee, #ddd); }
    .dropzone .dz-preview.dz-file-preview .dz-details {opacity: 1; }
    .dropzone .dz-preview.dz-image-preview {background: white; }
      .dropzone .dz-preview.dz-image-preview .dz-details {transition: opacity 0.2s linear; }
    .dropzone .dz-preview .dz-remove {font-size: 14px;text-align: center;display: block;cursor: pointer;border: none; }
      .dropzone .dz-preview .dz-remove:hover {text-decoration: none; }
    .dropzone .dz-preview:hover .dz-details {opacity: 1; }
    .dropzone .dz-preview .dz-details {z-index: 20;position: absolute;top: 0;left: 0;opacity: 0;font-size: 13px;min-width: 100%;max-width: 100%;padding: 2em 1em;text-align: center;color: rgba(0, 0, 0, 0.9);line-height: 150%; }
      .dropzone .dz-preview .dz-details .dz-size {margin-bottom: 1em;font-size: 16px; }
      .dropzone .dz-preview .dz-details .dz-filename {white-space: nowrap; }
        .dropzone .dz-preview .dz-details .dz-filename:hover span {border: 1px solid rgba(200, 200, 200, 0.8);background-color: rgba(255, 255, 255, 0.8); }
        .dropzone .dz-preview .dz-details .dz-filename:not(:hover) {overflow: hidden;text-overflow: ellipsis; }
          .dropzone .dz-preview .dz-details .dz-filename:not(:hover) span {border: 1px solid transparent; }
      .dropzone .dz-preview .dz-details .dz-filename span, .dropzone .dz-preview .dz-details .dz-size span {background-color: rgba(255, 255, 255, 0.4);padding: 0 0.4em;border-radius: 3px; }
    .dropzone .dz-preview:hover .dz-image img {transform: scale(1.05, 1.05);filter: blur(8px); }
    .dropzone .dz-preview .dz-image {border-radius: 20px;overflow: hidden;width: 120px;height: 120px;position: relative;display: block;z-index: 10; }
      .dropzone .dz-preview .dz-image img {display: block; }
    .dropzone .dz-preview.dz-success .dz-success-mark {animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); }
    .dropzone .dz-preview.dz-error .dz-error-mark {opacity: 1;animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); }
    .dropzone .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark {pointer-events: none;opacity: 0;z-index: 500;position: absolute;display: block;top: 50%;left: 50%;margin-left: -27px;margin-top: -27px; }
      .dropzone .dz-preview .dz-success-mark svg, .dropzone .dz-preview .dz-error-mark svg {display: block;width: 54px;height: 54px; }
    .dropzone .dz-preview.dz-processing .dz-progress {opacity: 1;transition: all 0.2s linear; }
    .dropzone .dz-preview.dz-complete .dz-progress {opacity: 0;transition: opacity 0.4s ease-in; }
    .dropzone .dz-preview:not(.dz-processing) .dz-progress {animation: pulse 6s ease infinite; }
    .dropzone .dz-preview .dz-progress {opacity: 1;z-index: 1000;pointer-events: none;position: absolute;height: 16px;left: 50%;top: 50%;margin-top: -8px;width: 80px;margin-left: -40px;background: rgba(255, 255, 255, 0.9);border-radius: 8px;overflow: hidden; }
      .dropzone .dz-preview .dz-progress .dz-upload { background: #333;background: linear-gradient(to bottom, #666, #444);position: absolute;top: 0;left: 0;bottom: 0;width: 0;transition: width 300ms ease-in-out; }
    .dropzone .dz-preview.dz-error .dz-error-message {display: block; }
    .dropzone .dz-preview.dz-error:hover .dz-error-message {opacity: 1;pointer-events: auto; }
    .dropzone .dz-preview .dz-error-message {pointer-events: none;z-index: 1000;position: absolute;display: block;display: none;opacity: 0;transition: opacity 0.3s ease;border-radius: 8px;font-size: 13px;top: 150px;left: -10px;width: 140px;background: #be2626;background: linear-gradient(to bottom, #be2626, #a92222);padding: 0.5em 1.2em;color: white; }
      .dropzone .dz-preview .dz-error-message:after {content: '';position: absolute;top: -6px;left: 64px;width: 0;height: 0;border-left: 6px solid transparent;border-right: 6px solid transparent;border-bottom: 6px solid #be2626; }   
#dropzone {margin-bottom: 3rem; }
.dropzone {border: 2px dashed #0087F7;border-radius: 5px;background: #fff; }
  .dropzone .dz-message {font-weight: bold; font-size:18px; }
    .dropzone .dz-message .note {font-size: 0.8em;font-weight: 200;display: block;margin-top: 1.4rem; }
.dz-error-message {display:none !important;}
.dz-error-mark {display:none !important;}
.dropzone:hover {background-color:#e9ecef;}

/* -- Address Book -- */
.address-listing-container {height:220px; overflow-y:scroll;}

/* -- Progress Overlay -- */
.overlay-settings {display: none;}
.div-overlay-visible {display: block;}
.div-progress-overlay {position: fixed;background: #333;background: rgba(51, 51, 51, .5);width: 100%;height: 100%;z-index: 25010;text-align: center;top: 0px;left: 0px;}
.loader {border: 10px solid #f3f3f3;border-top: 10px solid #3399cc;border-radius: 50%;width: 60px;height: 60px;animation: spin 1s linear infinite;}
@keyframes spin {0% { transform: rotate(0deg); }100% { transform: rotate(360deg); }}
	.spinner {margin-top: 20%;font-size: 60px;position: relative;display: inline-block;width: 1em;height: 1em;}
	.spinner div {position: absolute;left: 0.4629em;bottom: 0;width: 0.074em;height: 0.2777em;border-radius: 0.5em;background-color: transparent;-ms-transform-origin: center -0.2222em;transform-origin: center -0.2222em;animation: spinner-fade 1s infinite linear;}
	.spinner div:nth-child(1) {animation-delay: 0s;transform: rotate(0deg);}
	.spinner div:nth-child(2) {animation-delay: 0.083s;transform: rotate(30deg);}
	.spinner div:nth-child(3) {animation-delay: 0.166s;transform: rotate(60deg);}
	.spinner div:nth-child(4) {animation-delay: 0.249s;transform: rotate(90deg);}
	.spinner div:nth-child(5) {animation-delay: 0.332s;transform: rotate(120deg);}
	.spinner div:nth-child(6) {animation-delay: 0.415s;transform: rotate(150deg);}
	.spinner div:nth-child(7) {animation-delay: 0.498s;transform: rotate(180deg);}
	.spinner div:nth-child(8) {animation-delay: 0.581s;transform: rotate(210deg);}
	.spinner div:nth-child(9) {animation-delay: 0.664s;transform: rotate(240deg);}
	.spinner div:nth-child(10) {animation-delay: 0.747s;transform: rotate(270deg);}
	.spinner div:nth-child(11) {animation-delay: 0.83s;transform: rotate(300deg);}
	.spinner div:nth-child(12) {animation-delay: 0.913s;transform: rotate(330deg);}
		@keyframes spinner-fade {0% {background-color: #f5f5f5;}100% {background-color: transparent;}}
		#divProgressOverlay{overflow: hidden;transition: width 1s, height 1s, display 1s;}
	
/* -- DARK MODE -- */
.dark-mode-toggle {margin-top:-2px; margin-right:15px; color:#fff;}
[data-theme="dark"] html {background-color: #48484A !important; color:#eee !important;}
[data-theme="dark"] body {background-color: #48484A !important;}
[data-theme="dark"] .jumbotron {background: #48484A !important;}
[data-theme="dark"] .modal-title {color: #eee !important;}
[data-theme="dark"] .modal-content {background-color: #383838 !important;}
[data-theme="dark"] .bg-black {background-color: #eee !important;}
[data-theme="dark"] .form-control {background-color: #fff !important; color:#333 !important; border:1px solid #383838 !important;}
[data-theme="dark"] a {color:#fff !important; text-decoration:underline !important;}
[data-theme="dark"] .container-fluid a {color:#fc951e !important; text-decoration:underline !important;}
[data-theme="dark"] .fa-camera {color:#fc951e !important;}
[data-theme="dark"] .sidebar .nav-link {color:#fff !important; text-decoration:none !important;}
[data-theme="dark"] .sidebar .nav-link:hover {background-color:#333 !important;}
[data-theme="dark"] .fas {color:#fff !important; }
[data-theme="dark"] .far {color:#fff !important; }
[data-theme="dark"] td {color:#fff;}
[data-theme="dark"] footer {background-color:#333335 !important; color:#fff !important; }
[data-theme="dark"] hr {border-top: 1px solid #ccc !important;}
[data-theme="dark"] h4 {color:#fff !important;}
[data-theme="dark"] .menu-headline {color:#fff !important;}
[data-theme="dark"] .login-wrapper {background:#383838 !important;}
[data-theme="dark"] .jumbotron {border-radius:0px;}
[data-theme="dark"] .btn.btn-primary {background-color:#fff !important; color:#333 !important;}
[data-theme="dark"] .btn.btn-success {background-color:#fff !important; color:#333 !important;}
[data-theme="dark"] h1 {color:#fff !important;}
[data-theme="dark"] .sub-nav-link {color:#333 !important;}
[data-theme="dark"] h5 {color:#fff !important;}
[data-theme="dark"] h6 {background-color: #383838 !important; color:#fff !important;}
[data-theme="dark"] .form-section h6 {background-color: #383838 !important; color:#fff !important;   } 
[data-theme="dark"] p {color:#fff;}
[data-theme="dark"] .card-body {background-color:#fff !important;}
[data-theme="dark"] .table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th {background-color:#383838 !important;}
[data-theme="dark"] .page-container {background-color:#383838 !important;}
[data-theme="dark"] .btn-default {background-color:#fff !important; color:#383838 !important;}
[data-theme="dark"] .page-link {background-color:#383838 !important; color:#fff !important;}
[data-theme="dark"] .page-container-outer {background-color:#383838 !important;}
[data-theme="dark"] .main {background-color:#383838 !important;}
[data-theme="dark"] .page-item.active .page-link {border-color:#fff !important;}
[data-theme="dark"] .table-hover tbody tr:hover {color:#fff !important;}
[data-theme="dark"] .part-tracker-card-title {color:#333 !important;background:#333 !important;}
[data-theme="dark"] .bom-option-card p {color:#333 !important;}
[data-theme="dark"] .content-section {background:#4C4A4A !important;border:1px solid #333;}
[data-theme="dark"] .content-section h6 {color:#fff !important;}
[data-theme="dark"] .sidebar-box {background:#4C4A4A !important;border:1px solid #333;}
[data-theme="dark"] .info-card-header {color:#fff !important;}
[data-theme="dark"] .info-card-footer {background-color:#383838 !important;}
[data-theme="dark"] .breadcrumb {background-color:#fff !important;}
[data-theme="dark"] .sidebar-content {background-color:#383838 !important;}
[data-theme="dark"] .bom-blue-square {background-color:#333335 !important;box-shadow:none!important;}
[data-theme="dark"] .bom-aqua-box {background-color:#333335 !important;box-shadow:none!important;}
[data-theme="dark"] .bom-white-box {background-color:#333335 !important;box-shadow:none!important;}
[data-theme="dark"] .bom-line-num {background-color:#333335 !important;}
[data-theme="dark"] .bom-prod-desc {background-color:#333335 !important;}
[data-theme="dark"] .bom-qty-headline {background-color:#333335 !important;}
[data-theme="dark"] .bom-on-hand-headline {background-color:#333335 !important;}
[data-theme="dark"] .dz-remove {color:#333 !important;}
[data-theme="dark"] .bom-gray-box {background-color:#333335 !important;box-shadow:none!important;}
[data-theme="dark"] .breadcrumb-item a {color:#383838 !important;}
[data-theme="dark"] .bom-buttons {color:#fff !important;}
[data-theme="dark"] .info-card-label {color:#fff !important;}
[data-theme="dark"] .info-card-text {color:#fff !important;}
[data-theme="dark"] .card-text {color:#333 !important;}
[data-theme="dark"] .dz-message {color:#333 !important;}
[data-theme="dark"] .info-card-header {color:#fff !important;}
[data-theme="dark"] .sidebar-link-active {background-color:#333335 !important;}
[data-theme="dark"] .table-striped tbody tr:nth-of-type(2n+1) {background-color: rgba(196, 183, 183, 0.14);}
[data-theme="dark"] .table thead th {border-bottom: 1px solid #4C4A4A;background-color:#333335 !important;}
[data-theme="dark"] .form-section {background-color: #4C4A4A;border:1px solid #333;}
[data-theme="dark"] .dropdown-item {color:#333 !important;text-decoration:none !important;}
[data-theme="dark"] .sticky-header {background-color:#333335 !important;border-left: 4px solid #fff !important;border-top: 1px solid #fff !important;border-bottom: 1px solid #fff !important;}
[data-theme="dark"] .btn-setup {background-color:#fff !important;border:1px solid #333;color:#333 !important;}
[data-theme="dark"] .fa-exclamation-triangle {color:#FC951E !important;}
[data-theme="dark"] .disclaimer {color:#fff !important;}
[data-theme="dark"] .faux-table-cell {background-color:#5D5959;color:#fff;}
[data-theme="dark"] .faux-table-cell-alt {background-color:#5D5959;color:#fff;}
[data-theme="dark"] .menu-headline {background-color:#333335;color:#fff;}
[data-theme="dark"] .info-card-header {background-color:#333335;color:#fff;}
[data-theme="dark"] .primary-btn-icon {color:#333335 !important;}
[data-theme="dark"] .day {color:#333335 !important;}
[data-theme="dark"] .datepicker thead tr:first-child th:hover, .datepicker tfoot tr th:hover {color:#333 !important;}
[data-theme="dark"] .uomDescription {color:#eee !important;}
[data-theme="dark"] .priceSource {color:#eee !important;}
[data-theme="dark"] .red {color:#ca0000 !important;}
[data-theme="dark"] .yellow {color:#f8ee59 !important;}
[data-theme="dark"] .green {color:#4bc242 !important;}
[data-theme="dark"] .notification-bar p {color:#333 !important;}
[data-theme="dark"] .notification-bar .fas {color:#333 !important;}
[data-theme="dark"] .char-count {color:#eee !important;}
[data-theme="dark"] .btn-setup {color:#333 !important;}
[data-theme="dark"] .btn-setup .fa-exclamation-triangle {color:#333 !important;}
[data-theme="dark"] #inNumberOfCuts {color:#333 !important;background-color:#fff !important;}
[data-theme="dark"] #inCutLength {color:#333 !important;background-color:#fff !important;}
[data-theme="dark"] #inCircuitId {color:#333 !important;background-color:#fff !important;}
[data-theme="dark"] #inReelId {color:#333 !important;background-color:#fff !important;}
[data-theme="dark"] .sticky-text {color:#333 !important;}
[data-theme="dark"] .sticky-text .success-icon {color:#333 !important;}
[data-theme="dark"] .sticky-header {background-color:#333 !important;}
[data-theme="dark"] .btn.btn-setup {background-color: #fdf09a !important; color:#333 !important; border:1px solid #c6b64c !important;}
[data-theme="dark"] .part-tracker-card-label {color:#333 !important; }
[data-theme="dark"] .ui-datepicker td span, .ui-datepicker td a  {color:#333 !important;text-decoration:none !important;}
[data-theme="dark"] .trash-default-btn  {color:#333 !important;}
[data-theme="dark"] #divBomGroups label  {color:#333 !important;}
[data-theme="dark"] ul  {color:#fff !important;}
[data-theme="dark"] .custom-file-label  {color:#333 !important;}
[data-theme="dark"] .modal-body  {color:#eee !important;}
[data-theme="dark"] .modal-h6 { color:#fff !important;}
[data-theme="dark"] .same-ship { color:#333 !important;}
[data-theme="dark"] .card-title { color:#333 !important;}
[data-theme="dark"] .modal h6 { color:#fff;}
[data-theme="dark"] #divCommodityReleaseBOMList h6 { color:#fff !important;}
[data-theme="dark"] .datepicker table tr td span { color:#333 !important;}
[data-theme="dark"] #deliveryTargetConfirmation {color:#fff !important;}
[data-theme="dark"] .table-options { background-color:#ccc;}
[data-theme="dark"] .table-options p { color:#fff;}
[data-theme="dark"] .success-icon { color:#333 !important;}
[data-theme="dark"] .dark-mode-headline { color:#333;}
[data-theme="dark"] .current-assigned-user-block { color:#333;}
[data-theme="dark"] #genericCreateDialogForm h6 { color:#fff !important;}
[data-theme="dark"] .fa-exchange-alt { color:#333 !important;}
[data-theme="dark"] .project-card p { color:#333 !important;}
[data-theme="dark"] .sub-icon { color:#333 !important;}
[data-theme="dark"] .muted-circle { color:#333 !important;}
[data-theme="dark"] .fa-chevron-circle-down { color:#333 !important;}
[data-theme="dark"] .same-ship { color:#fff !important;}
[data-theme="dark"] .toggle-off.btn { color:#333 !important;}
[data-theme="dark"] .parent-project td { color:#333 !important;}
[data-theme="dark"] .parent-project td:hover { color:#333 !important;}
[data-theme="dark"] .clickable { color:#fff !important;}
[data-theme="dark"] .danger-link { color:#fff !important;}
[data-theme="dark"] .project-card h3 { color:#333 !important;}
[data-theme="dark"] #totalReleasePrice { color:#333 !important;} 
[data-theme="dark"] #genericCreateDialogForm p strong{ color:#fff !important;} 
[data-theme="dark"] #tableReleaseResults strong{ color:#fff !important;} 
[data-theme="dark"] #tableReleaseResults b { color:#fff !important;}
[data-theme="dark"] #genericCreateDialogForm table b { color:#fff !important;}
[data-theme="dark"] .footer-copyright strong { color:#fff !important;}  
[data-theme="dark"] .form-section strong { color:#fff !important;}  
[data-theme="dark"] .release-container b { color:#fff !important;} 
[data-theme="dark"] #tblPartResults strong { color:#fff !important;} 
[data-theme="dark"] .poDetailsCardBody table td { color:#333 !important;} 
[data-theme="dark"] .poDetailsCardBody table thead td { color:#fff !important;}
[data-theme="dark"] .form-group .bootstrap-select, .form-horizontal .bootstrap-select, .form-inline .bootstrap-select {background-color:transparent !important; border:0px solid #fff !important;}
[data-theme="dark"] .modal-dialog b,strong {color:#fff;}
[data-theme="dark"] #genericConfirmModal b,strong {color:#fff;}
[data-theme="dark"] .address-txt strong {color:#fff !important;}
[data-theme="dark"] .bootstrap-select.show-tick .dropdown-menu li a span.text {color:#fff !important;}
[data-theme="dark"] .dropdown-item.active, .dropdown-item:active {background-color:transparent !important;}
[data-theme="dark"] #accordion {color:#333 !important;}
[data-theme="dark"] #accordion label {color:#333 !important;}
[data-theme="dark"] #accordion p {color:#333 !important;}
[data-theme="dark"] #accordion .char-count {color:#333 !important;}
[data-theme="dark"] #accordion td {color:#333 !important;}
[data-theme="dark"] #accordion .fas {color:#333 !important;}
[data-theme="dark"] #accordion .fa-angle-right::before {color:#fff !important;}
[data-theme="dark"] #accordion .fa-angle-down::before {color:#fff !important;}
[data-theme="dark"] .exp-card-header {color:#333 !important;}
[data-theme="dark"] #liPoLineNumber {color:#333 !important;}
[data-theme="dark"] #liPoNumber {color:#333 !important;}
[data-theme="dark"] #liOrderNumber {color:#333 !important;}
[data-theme="dark"] #liOrderLineNumber {color:#333 !important;}
[data-theme="dark"] .switchToggle {color:#fff !important;}
[data-theme="dark"] #dropdownMenuLink {color:#333 !important;}
[data-theme="dark"] #lnkUploadRelease {color:#fff !important;}
[data-theme="dark"] #lnkdownloadRelease {color:#fff !important;}
[data-theme="dark"] #lnkReelBuilderUpload {color:#fff !important;}
[data-theme="dark"] #lnkExternalOrderUpload {color:#fff !important;}
[data-theme="dark"] #lnkUploadRelease .fas {color:#fff !important;}
[data-theme="dark"] #lnkdownloadRelease .fas {color:#fff !important;}
[data-theme="dark"] #lnkReelBuilderUpload .fas {color:#fff !important;}
[data-theme="dark"] #lnkExternalOrderUpload .fas {color:#fff !important;}
[data-theme="dark"] .dropdown-header {color:#fff !important;}
[data-theme="dark"] #poDetailsCardColumn {color:#333 !important;}
[data-theme="dark"] .form-section label {color:#eee;}
[data-theme="dark"] #notesLabel {color:#333 !important;}
[data-theme="dark"] .dropdown-menu.show {background-color:#333 !important;}
[data-theme="dark"] .poDetailsCardTitle {color:#333 !important;}
[data-theme="dark"] #partTrackerSearchExplain strong {color:#fff !important;}
[data-theme="dark"] #expNoteStatusExplain strong {color:#fff !important;}
[data-theme="dark"] #btnPartTrackerExport .fa-file-export {color:#333 !important;}
[data-theme="dark"] .fa-redo {color:#333 !important;}
[data-theme="dark"] .form-group label {color:#fff;}
[data-theme="dark"] #divSearchOptions .part-tracker-card-label {color:#333 !important;}
[data-theme="dark"] .orange {color:#fc951e !important;}
[data-theme="dark"] #dropdownMenuLink:hover {background-color:#333;}
[data-theme="dark"] .dropdown-item:focus, .dropdown-item:hover {background-color:transparent;}
[data-theme="dark"] #addNewAddress .card-body {background-color:#333 !important;}
[data-theme="dark"] .kitIcon {color:#db6b30 !important;}
[data-theme="dark"] .card-body label {color:#333 !important;}
[data-theme="dark"] #tableReleaseResults strong {color:#fff !important;}
[data-theme="dark"] .custom-switch-lg {color:#fff !important;}
[data-theme="dark"] #genericCreateDialogForm {color:#fff;}
[data-theme="dark"] .bom-gray-box {color:#fff;}
[data-theme="dark"] #releaseUploadLegend .card-body {background-color:#333 !important;}
[data-theme="dark"] .btn-secondary {background-color:#fff !important; color:#333;}
[data-theme="dark"] .fa-search::before {color:#333;}
[data-theme="dark"] .btn-block {background-color:#ccc;}
[data-theme="dark"] .input-group-text {background-color:#333;}
[data-theme="dark"] .input-group-text .fas {color:#fff;}
[data-theme="dark"] #divAnixterPartSearch .input-group-text {background-color: #fff;}
[data-theme="dark"] #divCustomerPartSearch .input-group-text {background-color: #fff;}	
[data-theme="dark"] #divShipLocationSearch .input-group-text {background-color: #fff;}
[data-theme="dark"] #divProductClassSearch .input-group-text {background-color: #fff;}
[data-theme="dark"] .locationAddressName {color:#fff !important;}

/* -- MEDIA QUERIES -- */
@media screen and (max-width: 1024px) {
	#sidebar-link-container {background-position:top;}
	.breadcrumb {display:none;}
	.navbar-brand {margin-top:-7px;}
	.navbar-toggler {margin-top:-7px;}
	#navbarLogo {margin-left:0px; margin-top:2px;}
	.btn {width:100% !important;}
	.btn-default {width:100% !important;}
	.sales-location-btn {width:50% !important;}
	.shipping-location-btn {width:70% !important;}
	.isr-search-btn {margin-left:-10px;}
	.osr-search-btn {margin-left:-10px;}
	.delete-contact {margin-top:-15px;}
	.add-field {width:100% !important;}
	.nav-item {padding:0px;}
	.footer-mobile-button {width:50%; padding-right:0px; padding-left:0px;}
		.first-footer-btn {border-right:1px solid #eee;}
	.view-edit-btn {width:100%; position:relative; top:0px; left:1px;}
	h6 {margin-bottom:0px;}
	.select {width:100%;}
	#checkUseSiteAddress {width:10% !important;}
	.inline-input-label {margin-bottom:0px !important;}
	label {margin-bottom:0.5rem !important;}
	.projects-home-icon {margin-left:15px !important;}
	.footer-home {color:#fff;}
	#inCustomerUrl {width:50% !important;}
	#inProjectSharePointUrl {width:50% !important;}
	#inDistributionPersonEmail0 {width:50% !important;}
	.bom-option-card {margin-bottom:25px;}
	.save-bom-line {margin-left:15px;}
	.footer-copyright {padding-bottom:50px !important;}
	.footer-home-link {color:#fff !important;}
		.footer-home-link:hover {color:#fff !important;}
	.card {margin-bottom:25px;}
	#collapsibleNavbar a:hover {color:#333 !important;}
	.mobile-nav {display:block;}
	.homepage-headline {margin-top:10px; margin-bottom:10px;}
	.homepage-circle {margin-top:8px;}
	.project-home-search-form {display:none;}
	 .navbar-collapse {background-color:#eee; border-bottom:2px solid #0078c1; color:#333; margin-top:6px; margin-left:-15px; margin-right:-15px; width:100%; z-index:999;
box-shadow: 0 3px 10px 5px #D4D4D4;}
  	.navbar-custom .nav-link {color:#333 !important;}
  	.navbar-custom .custom-control-label {color:#333 !important;}
  	.nav-item {padding:10px; border-bottom:1px solid #ccc; margin-top:5px; margin-bottom:5px; width:100%;}
  	.last-mobile-nav {border-bottom:0px;}
  	#collapsibleNavbar a {color:#333;}
  	.navbar-toggler .fa-cog {color:#fff; margin-top:10px;}
  	.user-account {color:#333;}
}

@media screen and (max-width: 1280px) {
	.danger-link {margin-left:0px;}
	.table {font-size:12px;}
	.part-tracker-card-title {top:23px;}
	.card-footer {padding:.75rem .25rem;}
	.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {width:150px !important;}
	#collapsibleNavbar {font-size:12px;}
	#collapsibleNavbar a {font-size:12px;}
}

@media screen and (max-width: 1330px) {
.bom-option-card {min-height:400px;}
}

@media screen and (max-width: 1579px) {.custom-field-label-container {min-width:14%;}}
	
@media screen and (max-width: 990px) {
	.mobile-nav {background-color:#0078c1; box-shadow:
  0 0px 2.2px -26px rgba(0, 0, 0, 0.02),
  0 0px 5.3px -26px rgba(0, 0, 0, 0.028),
  0 0px 10px -26px rgba(0, 0, 0, 0.035),
  0 0px 17.9px -26px rgba(0, 0, 0, 0.042),
  0 0px 33.4px -26px rgba(0, 0, 0, 0.05),
  0 0px 80px -26px rgba(0, 0, 0, 0.07)
; border-top:3px solid #ccc; width:100%; height:50px; padding-top:15px; color:#fff; text-align:center; position:fixed; bottom:0; z-index:999;}
}

@media screen and (max-width: 770px) {
	.container-fluid {padding-left:0px; padding-right:0px;}
	.page-container {margin-top:0px;}
  .navbar-collapse {background-color:#eee; border-bottom:2px solid #0078c1; color:#333; margin-top:6px; margin-left:-15px; margin-right:-15px; width:100%; z-index:999;
box-shadow: 0 3px 10px 5px #D4D4D4;}
  	.navbar-custom .nav-link {color:#333 !important;}
  	.navbar-custom .custom-control-label {color:#333 !important;}
  	.nav-item {padding:10px; border-bottom:1px solid #ccc; margin-top:5px; margin-bottom:5px; width:100%;}
  	.last-mobile-nav {border-bottom:0px;}
  	#collapsibleNavbar a {color:#333;}
  .footer-border {height:5px;}
  .footer-copyright {text-align:center;}
  footer h4 {width:100%; margin-top:15px;}
  .login-wrapper {min-height:500px;}
  .hide-on-mobile {display:none;}
  .danger-link {margin-left:0px; top:0px;}
  .page-stats {display:none;}
  .custom-switch {margin-left:0px;}
  .dark-mode-toggle {margin-top:0px;}
  #sidebarToggleIcon {color:#fff;}
  .login-fields-container {width:100%;}
  .legal-info-footer {margin-left:0px;}
  .breadcrumb {display:none;}
  h4 {width:100%;}
  .btn {width:100%;}
  .bom-row {border-bottom:1px solid #0078c1; padding-bottom:25px;}
  .bom-buttons {max-width:100%; padding-top:0px;}
  .bom-edit-icon {float:right; margin-bottom:10px;}
  .bom-blue-square {text-align:center;}
  .bom-white-box {text-align:center;}
  .bom-delete-icon {margin-top:12px; margin-bottom:10px; float:left;}
  .login-footer-icon-box {max-width:30%;}
  .login-footer-copyright {padding-left:15px; padding-right:15px;}
  .login-footer-legal-links {padding-left:15px; padding-right:15px;}
  .danger-link {margin-left:10px;}
  .dropdown {width:100%;}
  .custom-field-label-container {min-width:100%;}
  .project-home-search-form {display:none;}
  .user-account {color:#333;}
  .headline-container {margin-left:0px;}
  .form-section {margin-left:0px; margin-right:1px;}
  .fade {display:none;}
  .circle {margin-left:0px;}
  .create-project-btn {width:96% !important;}
  .table td, .table th {padding:0.35rem;}
  .home-form-section {margin-left:15px; margin-right:0px;}
  .in-contact-email {width:50% !important;}
  .bom-form-section {margin-left:15px; margin-right:15px;}
  .margin-left-15 {margin-left:0px;}
  #editContracts .modal-content {top:0px !important;}
  #divCommodityContractList {padding-right:0px;}
  .add-field {margin-bottom:0px;}
  #inIrfLink {width:50% !important;}
  .navbar-toggler {border:0px;}
  #divSearchSalesLocation {margin-left:0px; margin-top:10px;}
  #divSearchDefaultShipping {margin-left:0px; margin-top:10px;}
  .mobile-disclaimer-text {font-size:12px; font-style:italic;}
  .release-filter {margin-left:15px; margin-top:-25px; width:50%;}
  .release-line-reset-btn {width:20% !important;}
  #selReleasePreOrderId {margin-bottom:10px;}
  .material-release-search-btn {margin-left:0px; margin-right:0px;}
  .form-inline {padding-left:0px;}
  .project-home-reset-btn {width:30% !important;}
  #divMaterialRelease .col-md-3 {padding-left:0px;}
  #btnFutureDatesAlertSave {margin-left:0px !important;}
  .sidebar-link-active {background-color:#eee;}
}

@media screen and (max-width: 480px) {
	.release-filter {margin-top:0px; width:100%; margin-right:10px;}
	.divider {display:none;}
	.release-line-reset-btn {width:100% !important;}
	#selReleasePreOrderId {margin-bottom:0px;}
	#totalReleasePrice {margin-top:35px;}
	#showCancelReleaseLink {width:100%;}
	.muted-circle {display:none;}
	#myTab {display:none;}
	.navbar-expand-lg {margin-bottom:15px;}
	.create-project-btn {margin-bottom:0px;}
	.navbar-toggler .fa-cog {color:#fff; margin-top:10px;}
	.no-float-mobile {float:none !important; margin-bottom:10px; text-align:center;}
	#btnBomGroupSave {margin-left:0px !important; margin-top:15px;}
	.bom-group-container {width:100%;}
}

/* -- Address Book -- */
.address-card { margin-bottom:10px; margin-top:10px; padding:15px; margin-left:15px; margin-right:15px;}
.current-select-address {position:absolute; right:0; top:0; background-color:#00aa13; color:#fff; padding:5px 10px;}