body {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin: 0;
}

body .thread-apparel-title-row .thread-inline-stitch-check-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    margin: 0 0 0 auto !important;
    min-width: 0 !important;
    padding: 5px 10px !important;
    border-radius: 999px !important;
    border: 1px solid #f4971f !important;
    font-size: 11px !important;
    line-height: 1.1 !important;
    text-align: center !important;
    box-shadow: 0 4px 10px rgba(15, 23, 42, 0.08) !important;
    background: #FF9800 !important;
    font-weight: 900 !important;
    color: white !important;
}

body .thread-stitch-check-popup-inner {
    text-align: center;
    padding: 31px;
}

body .thread-apparel-title-row .thread-apparel-title-text-wrap .apparel-title-suffix {
    order: 2;
    flex: 0 0 auto;
    margin-left: 4px;
    white-space: nowrap;
    font-weight: 900;
    color: #6d7f97;
}

body .measurement-unit-toggle {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    font-weight: 800;
    transition: color .16s ease;
}

body .measurement-unit-toggle[data-unit="inches"]::after {
    content: attr(data-unit-suffix);
    display: inline-block;
    max-width: 0;
    margin-left: 0;
    opacity: 0;
    overflow: hidden;
    white-space: nowrap;
    color: #667a95;
    font-weight: 700;
    transition: max-width .18s ease, opacity .18s ease, margin-left .18s ease;
}

body .measurement-unit-toggle[data-unit="inches"]:hover::after {
    max-width: 120px;
    margin-left: 4px;
    opacity: 1;
}

body .measurement-unit-toggle[data-unit="millimeters"] {
    color: #1e4f8f;
}

body span.elem-icon-container,
body span.meansurement-icon-container {
    cursor: pointer;
}

@media (max-width: 767px) {
    body .thread-stitch-check-popup-inner {
        padding: 12px 14px 16px;
    }

    body .order-intake-modern .col-lg-8.apparel-selected-item-main,
    body .order-intake-modern .apparel-selected-item-main.updated-embroidery-section,
    body .files-n-detials,
    body .order-intake-modern .selected-apparel-submit .order-files-card.order-builder-subcard,
    body .order-intake-modern .selected-apparel-submit .order-meta-card.order-builder-subcard {
        padding: 12px 14px 10px !important;
        border-radius: 1px !important;
    }
}

.thread-size-entry-title.inline-size-entry-title {
    padding: 0px 0px 9px 10px;
    font-weight: 900;
}

body .selected-apparel-submit.updated-embroidery-sec-bottom .thread-upload-types-note,
body .order-intake-modern .updated-embroidery-sec-bottom .thread-upload-types-note {
    display: block;
    width: 100%;
    margin: -2px 0 10px;
    text-align: center;
    font-size: 11px;
    line-height: 1.4;
    color: #667b97;
    font-weight: 600;
}

@media (max-width: 991px) {
    body.dtf_print_page .apparel-qty-size-container-list .tops-brand-main.align-center-item {
        row-gap: 12px;
        display: flex;
        flex-wrap: wrap;
    }

    body.dtf_print_page .apparel-qty-size-container-list .tops-brand-main.align-center-item > .col-2,
    body.dtf_print_page .apparel-qty-size-container-list .tops-brand-main.align-center-item > .col-lg-2 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        width: 100% !important;
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    body.dtf_print_page .apparel-qty-size-container-list .tops-brand-main.align-center-item > .col-3,
    body.dtf_print_page .apparel-qty-size-container-list .tops-brand-main.align-center-item > .col-lg-3,
    body.dtf_print_page .apparel-qty-size-container-list .tops-brand-main.align-center-item > .width-sec,
    body.dtf_print_page .apparel-qty-size-container-list .tops-brand-main.align-center-item > .height-sec {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        width: 100% !important;
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    body.dtf_print_page .upload-location-file.btn,
    body.dtf_print_page button.upload-location-file.btn,
    body.dtf_print_page .location-file-upload.btn,
    body.dtf_print_page button.btn.location-file-upload {
        width: 100% !important;
        max-width: 100% !important;
        display: block !important;
        position: static !important;
        left: auto !important;
        bottom: auto !important;
        margin: 0 0 14px !important;
        padding: 12px 16px !important;
        line-height: 1.2 !important;
    }

    body.dtf_print_page .location-uploaded-file-lists {
        margin-bottom: 14px !important;
    }

    body.dtf_print_page .location-section-main,
    body.dtf_print_page .location-section .row.p-0.m-0 {
        row-gap: 12px;
    }

    body.dtf_print_page .print-size-values,
    body.dtf_print_page .sup-color-lists,
    body.dtf_print_page .location-section-cost {
        margin-top: 10px !important;
    }
}

body.dtf_print_page .apparel-qty-size-container-list {
    position: relative;
}

body.dtf_print_page .dtf-artwork-title {
    padding: 0 0 8px 2px;
    color: #1f3658;
    font-size: 15px;
    font-weight: 900;
    letter-spacing: 0.01em;
}

body.dtf_print_page .apparel-qty-size-container-list .tops-brand-main.align-center-item > .col-2,
body.dtf_print_page .apparel-qty-size-container-list .tops-brand-main.align-center-item > .col-lg-2 {
    align-self: flex-start;
    padding-top: 31px;
}

body.dtf_print_page .apparel-qty-size-container-list .upload-location-file.btn {
    margin-top: 0 !important;
    min-height: 44px !important;
}

body.dtf_print_page .upload-location-file.btn.dtf-file-added-state,
body.dtf_print_page button.upload-location-file.btn.dtf-file-added-state {
    display: inline-flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    width: 100%;
    padding: 10px 12px !important;
    border-radius: 12px !important;
    border: 1px solid #c8dfcf !important;
    background: #eef8f1 !important;
    color: #2f6b3f !important;
    box-shadow: none !important;
    cursor: default !important;
}

body.dtf_print_page .dtf-file-added-check {
    color: #31a35c;
    font-size: 16px;
    line-height: 1;
}

body.dtf_print_page .dtf-file-added-text {
    flex: 1 1 auto;
    text-align: left;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.2;
}

body.dtf_print_page .dtf-file-added-remove {
    color: #7d8ca2;
    font-size: 18px;
    font-weight: 900;
    line-height: 1;
    align-self: center;
    cursor: pointer;
}

body.dtf_print_page .selected-apparel-submit .thread-file-location-select {
    display: none !important;
}

body.dtf_print_page .selected-apparel-submit .thread-file-note-inline {
    grid-template-columns: minmax(0, 1fr) !important;
}

@media (max-width: 991px) {
    body.dtf_print_page .apparel-qty-size-container-list .tops-brand-main.align-center-item > .col-2,
    body.dtf_print_page .apparel-qty-size-container-list .tops-brand-main.align-center-item > .col-lg-2 {
        padding-top: 0;
    }
}

@font-face {
	font-family: "AvantGardeLT-Bold";
	src: url("/core/templates/assets/fonts/AvantGardeLT-Bold.eot");
	/* IE9 Compat Modes */
	src: url("/core/templates/assets/fonts/AvantGardeLT-Bold.eot?#iefix") format("embedded-opentype"),
		/* IE6-IE8 */
		url("/core/templates/assets/fonts/AvantGardeLT-Bold.otf") format("opentype"),
		/* Open Type Font */
		url("/core/templates/assets/fonts/AvantGardeLT-Bold.svg") format("svg"),
		/* Legacy iOS */
		url("/core/templates/assets/fonts/AvantGardeLT-Bold.ttf") format("truetype"),
		/* Safari, Android, iOS */
		url("/core/templates/assets/fonts/AvantGardeLT-Bold.woff") format("woff"),
		/* Modern Browsers */
		url("/core/templates/assets/fonts/AvantGardeLT-Bold.woff2") format("woff2");
	/* Modern Browsers */
	font-weight: normal;
	font-style: normal;
}

@media screen and (max-width: 628px) {
    div#marketPlaceView-Slidermain {
        width: 100% !important;
    }
    div#marketPlaceView-SliderThumbnail {
        display: none !important;
    }
    .btn.launch-pad-ordernow-scroll {
        display: block !important;
        position: fixed;
        z-index: 9999999;
    }
    .swal2-container.swal2-shown {
        overflow: auto !important;
    }
    #marketPlaceProjectImageSlider {
        padding: 10px;
    }
    .project-details-container {
        padding: 0px 1% !important;
    }
    .product-proof-details-list .redcore_shirt {
        display: flex;
        flex-direction: column !important;
    }
    .col-lg-12.no-padding.main-slider-container {
        flex-direction: column !important;
    }
	/* span.btn.set-thread-comment-img.typed {
		right: 25%;
	} */
	.updated-embroidery-sec-bottom .thread-drag-and-drop{
		width: 52% !important;
	}
	html {
		width: 100% !important;
		overflow: hidden !important;
	}
	body {
		height: 99vh;
		overflow-y: auto !important;
		overflow-x: hidden;
	}
	.sm-m-0 {
		margin: 0px !important;
	}
	.sm-my-2 {
		margin: 20px 0;
	}
	.col-sm-12, .col-sm-12 > div, .col-sm-12 button {
		width: 100% !important;
		max-width: 100% !important;
	}
}

html {
	font-size: 14px;
}

header.jsx-930204303 {
	position: fixed;
	top: 0;
	z-index: 2;
	width: 100%;
	height: 55px;
	background-color: #4e2817;
	color: white;
}

header.jsx-930204303:not(.isFullWidth) .container.jsx-930204303 {
	max-width: 1000px;
}

.container.jsx-930204303 {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	width: 100%;
	height: 100%;
	margin: 0 auto;
}

.userMenus.jsx-930204303,
.menuToggle.jsx-930204303 {
	width: 60px;
}

button.jsx-7082eb7e4a2a1cbf {
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none;
	border: 0;
	background-color: transparent;
	cursor: pointer;
	padding: 14px 17px;
}

body.mouseUser a,
body.mouseUser button,
body.mouseUser [tabindex],
body.mouseUser input[type='button'] {
	outline: none;
}

.navigation.jsx-930204303 {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

a.jsx-1975246924 {
	display: inline-block;
	max-width: 140px;
}

.desktopOnly.jsx-1975246924,
.desktopOnly {
	display: none !important;
}
/* .get-quote-page .main-nav-lists.mobile-view-also ul.threadkicker-menu {
	position: fixed !important;
	bottom: inherit !important;
	top: 52px;
} */
.get-quote-page .main-nav-lists.mobile-view-also ul.threadkicker-menu .get-quote-container {
	display: none !important;
}
.main-nav-lists.mobile-view-also ul.threadkicker-menu {
    display: flex;
    padding: 0px !important;
    margin: 0px !important;
}
.main-nav-lists.mobile-view-also ul.threadkicker-menu li a {
    color: #333;
}
/* .main-nav-lists.mobile-view-also .get-quote-container {
    position: absolute;
    bottom: -55px;
} */
.main-nav-lists.mobile-view-also ul.threadkicker-menu .get-quote-container {
	background: transparent !important;
}
.main-nav-lists.mobile-view-also ul.threadkicker-menu li {
    background: #e7e7e7;
    flex: 1;
    text-align: center;
    border-left: 1px solid #ffffff;
/*     display: inline-flex !important;
    width: auto; */
}
.desktopOnly ul.threadkicker-menu li.active a {
	color: #f9ab05 !important;
}
.main-nav-lists.mobile-view-also ul.threadkicker-menu li.active {
    background: #ffffff !important;
}

nav.mobileOnly {
	display: flex;
}

.navigationMenu.jsx-930204303 {
	display: none;
}

ul.jsx-bda789e61ce9f0fb {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	list-style: none;
	padding: 0;
}
a.nav-link.px-2.get-a-quote.mobile-view-also {
	display: inline-block !important;
	float: right;
	font-size: 15px;
}

li.jsx-bda789e61ce9f0fb {
	font-size: 1rem;
}

a.jsx-505565344 {
	display: block;
	height: auto;
	padding: 10px 18px;
	-webkit-text-decoration: none;
	text-decoration: none;
	color: inherit;
	font-weight: 700;
	font-size: 1.3rem;
	line-height: 1.2;
}

nav.jsx-3958658990 {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	z-index: 2;
}

a.jsx-2978089325 {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.2;
	padding: 12px 15px;
}

.subItems.jsx-2978089325 {
	position: absolute;
	opacity: 0;
	pointer-events: none;
	left: -40px;
	top: 43px;
	-webkit-transition: opacity 250ms ease-out;
	transition: opacity 250ms ease-out;
}

.proofs-list-page, .proofs-artwork-list-page, .proofs-saved-list-page, .tk-item-list-page {
	font-size: 17px !important;
	color: white;
	font-weight: bold;
}

ul.jsx-2978089325 {
	background-color: white;
	border-radius: 8px;
	box-shadow: 0px 6px 20px rgb(0 0 0 / 40%);
	color: #202020;
	left: 0;
	top: 0;
	list-style: none;
	margin-top: 8px;
	min-width: 225px;
	max-width: 350px;
	padding: 16px;
	position: absolute;
	z-index: 3;
}

div.jsx-2978089325 {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.flex.jsx-1383996017 {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
}

.cartBubble.jsx-1383996017 {
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
}
button.cart-list-page {
    color: white;
    padding: 0px;
		margin: 7px;
}
div.jsx-8f2f221db055fab8 {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.hero.main {
	background-color: #FF9800;
	background: linear-gradient(90deg, #FF9800, #FF5722) !important
}

.hero.main .container.main {
	background-repeat: no-repeat;
	background-size: auto 100px;
	background-position: center bottom;
	background-image: url(https://printkicker.com/core/templates/assets/img/emb.png);
}
body.laser-engraving .hero.main .container.main {
	background-image: url(https://threadkicker.com/core/templates/assets/img/home-banner.png) !important;
}

.container.main {
	width: 100%;
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
	padding: 5px 20px;
	position: relative;
}

.wrapper.second-layer {
	text-align: center;
	padding: 30px 0 40px;
}

h1.header-title {
	color: white;
	font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 2.5rem;
	font-weight: 600;
	line-height: 1.2;
	margin: 43px 0px 14px 0;
	text-align: inherit;
}

p.secondary-text {
	color: white;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: inherit;
	line-height: 1.6;
	margin: 0 0 24px 0;
}

/* .buttons.second-layer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
} */
.button.a-btn:not(.flat, .light) {
	box-shadow: inset 0px -2px 0px rgb(0 0 0 / 15%);
	background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.09) 0%, rgba(0, 0, 0, 0.09) 100%);
}

.button.a-btn:not(.flat, .light, .admin) {
	text-shadow: 0 -1px 0 rgb(0 0 0 / 25%);
}

.wrapper.second-layer .button.primary {
	background-color: #f9ab05;
	background-image: linear-gradient(to bottom, #85f1ff 0%, #03dcf4 100%);
}

.button.a-btn:not(.flat, .light) {
	box-shadow: inset 0px -2px 0px rgb(0 0 0 / 15%);
	background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.09) 0%, rgba(0, 0, 0, 0.09) 100%);
}

.secondary.a-btn {
	background-color: #1ce8ff;
}

.button.a-btn {
	display: inline-block;
	position: relative;
	overflow: hidden;
	cursor: pointer;
	border: none;
	color: white;
	font-weight: 700;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	letter-spacing: 0;
	cursor: pointer;
}

.large.a-btn {
	font-size: 1.4rem;
	padding: 22px 30px;
	border-radius: 5px;
	text-decoration: none;
}

.button.a-btn .content {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	opacity: 1;
}

.main.container.submenu {
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
	scroll-snap-type: x mandatory;
}

.order-header {
	padding: 24px 20px;
	overflow: auto;
	white-space: nowrap;
}

.container.main {
	width: 100%;
	/* max-width: 1000px; */
	margin-left: auto;
	margin-right: auto;
	 padding: 0px 20px;
	position: relative;
}


.wrapper.second-layer .button.primary {
	background-color: #05cff9;
	background-image: linear-gradient(to bottom, #318cbf 0%, #081d43 100%);
}

.col-lg-12.main.container {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.main-section .col-lg-12.main.container {
	background-image: none !important;
	padding: 20px 0 !important;
}

.artwork-image-lists .img-container {
	width: 200px;
	height: 200px;
	object-fit: contain;
}

.artwork-image-lists .img-container img {
	width: auto;
	max-height: 191px;
	aspect-ratio: auto 200 / 200;
	width: 200px;
	height: 200px;
	object-fit: contain;
}

.artwork-image-lists .img-wrapper .img-text {
	text-overflow: ellipsis;
	overflow: hidden;
	top: 3px;
	height: 32px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 68%;
	font-size: 0.8rem;
}

.artwork-image-lists .col-lg-3.img-wrapper {
	text-align: center;
	cursor: pointer;
	padding: 15px;
	border-radius: 12px;
	max-height: 276px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 10px;
	padding: 8px;
	width: 100%;
}

.shop-category-section .col-lg-3.img-wrapper {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 10px;
	border-radius: 12px;
	cursor: pointer;
}

.artwork-lists .img-container {
	align-items: center;
	padding: 0px;
}

.artwork-lists .img-container img {
	width: -webkit-fill-available;
	margin: auto;
	object-fit: contain;
	text-align: center;
	align-items: center;
	margin: auto;
	cursor: pointer;
	min-width: 73px;
}

.col-lg-3.img-wrapper:hover {
	background-color: rgba(136, 136, 136, 0.1);
}

.shoping-page-main .col-lg-3.img-wrapper {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 21px;
	border-radius: 12px;
	cursor: pointer;
}

.artwork-lists .img-wrapper {
	background: rgba(136, 136, 136, 0.1);
	border: 4px solid transparent;
	width: calc(100% / 5);
	/* margin-bottom: 20px; */
	height: 121px;
	padding: 0 5px;
}

.main.hero.bg-gray {
	background-color: white;
	padding-top: 15px;
}

.video-container {
	justify-content: space-around;
	align-items: center;
}

.video-player-section {
	background: #333;
	height: 300px;
}

.smallUp.social-icons-lists {
	display: none;
}

img.social-icons-lists {
	max-width: 100%;
}

.home-customer-logo-row {
    justify-content: center;
}

.home-customer-logo-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 18px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    padding-top: 18px;
    padding-bottom: 18px;
}

.home-customer-logo-image {
    max-width: 38% !important;
    width: auto;
    height: auto;
}

@media (max-width: 767px) {
    .home-customer-logo-wrap {
        flex-direction: column;
        gap: 12px;
    }

    .home-customer-logo-image {
        max-width: 42% !important;
    }

    .thread-home-needle-image {
        margin: 8px auto !important;
    }
}

.primary.jsx-2957584975 {
	color: #2b71b8;
}

.link.jsx-2957584975 {
	background: transparent;
	border: none;
	cursor: pointer;
	display: inline;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: inherit;
	font-weight: 700;
	padding: 0;
	text-align: inherit;
	-webkit-text-decoration: none;
	text-decoration: none;
}

.flag.jsx-dbbeed3c7ef998fc {
	margin-right: 8px;
}

span.jsx-3942881022 {
	display: inline-block;
	width: 16px;
	height: 12px;
	background-image: url(/home/_next/static/shared/static/locale-flags.42a6e46d9065b7476e4432eb4355d2af.png);
	background-repeat: no-repeat;
	background-size: 16px auto;
}

.flex.jsx-dbbeed3c7ef998fc {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

footer {
	padding: 26px 20px;
	background: #f3f3f3;
	margin-top: 100px;
	min-height: 191px;
	height: auto;
}

footer a {
	color: #2b71b8;
	text-decoration: none;
	font-weight: bold;
	padding: 0 5px;
}

footer .footer-copy-wrap {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	margin: 0 auto;
	gap: 16px;
	text-align: center;
}

footer .footer-brand-line {
	display: block;
	line-height: 1.45;
	margin-top: 2px;
	color: #6d7685;
	font-weight: 700;
}

footer .footer-legal-links {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 18px;
	row-gap: 12px;
	line-height: 1.35;
}

footer .footer-legal-links a {
	padding: 0;
	display: inline-flex;
	align-items: center;
	min-height: 30px;
}

footer .footer-legal-links .site-feedback-btn {
	margin: 0;
	display: inline-flex;
	align-items: center;
	min-height: 30px;
}

@media screen and (max-width: 768px) {
	footer .footer-copy-wrap {
		align-items: center;
	}
	footer .footer-legal-links {
		justify-content: center;
	}
}

.bg-site-header {
	background: #191444 !important;
	border-color: #321a0f !important;
	padding: 0px !important;
	width: 100%;
	z-index: 100;
}

.shop-page-header {
	background-color: #05cff9;
}

.shop-page-header h1 {
	color: white;
	font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 3.8rem;
	font-weight: 400;
	line-height: 1.3;
	margin: 0;
	text-align: inherit;
	padding: 45px 0px 2px;
	font-weight: bold;
	align-items: center;
	display: inline-flex;
	font-size: 32px;
}

.shop-page-header .main.container {
	background: none !important;
}

.shoping-page-main {
	background: #f3f3f3;
}

.image-grid-main img {
	width: 100% !important;
}

.image-grid-main-sub-images {
	justify-content: space-between !important;
	display: flex;
	flex-direction: column;
}

section.main.hero.product-page-header .main.container {
	background: none;
}

section.main.hero.product-page-header {
	position: relative;
	background: #eee;
}

.image-grid-end {
	justify-content: end !important;
	align-items: end;
	display: flex;
}

picture.bg-product-image {
	position: absolute;
	left: 0;
	bottom: 0;
	top: 0;
	max-height: 740px;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

picture.bg-product-image img {
	position: absolute;
	left: 50%;
	height: 100%;
	bottom: 0;
	transform: translateX(-50%);
}

.product-size-list {
	list-style: none;
}

.product-size-list label {
	width: 100%;
	display: inline-block;
	-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: pointer;
}
.dropdown.bootstrap-select {
    width: 100%;
}
/* .product-size-list div {
    display: inline-block;
}
.product-size-list label span {
    padding-left: 20px;
} */
.sticker-size-container {
	border-radius:
	5px;background: #fff;
	padding:16px 26px;
}

.card.col-lg-4.product-details-options img {
	height: 80px;
	display: inline-block !important;
	width: 80;
	text-align: center;
	box-sizing: border-box;
}

.card.col-lg-4.product-details-options {
	text-align: center;
	align-self: center;
	justify-content: center;
	border-color: transparent;
	align-items: center;
}

.product-size-list span.dimensions {
	min-width: 100px !important;
	margin-top: 0.25em;
	cursor: pointer;
}

input#dimension-width,
input#dimension-height {
	display: inline-block;
	width: 80px;
	margin: 0 5px;
}

input#product-custom-qty {
	width: 120px;
	display: inline-block;
	padding: 5px 10px;
}

.order-sample-dimensions input {
	display: inline-block;
	width: 120px;
	padding: 10px;
}

button.btn.order-sample-event {
	margin: 20px 0;
	background: #05cff9;
	color: #fff;
	padding: 15px;
	font-weight: bold;
}

#productSampleOrder .modal-header {
	border-color: transparent !important;
}

.sticker-upload-section {
	min-height: 74vh;
	justify-content: center;
	align-items: center;
	display: flex;
	flex-direction: column;
}

.skip-artwork-upload {
	color: #2b71b8;
	cursor: pointer;
}

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

.btn-sticker-continue {
	padding: 20px;
	background: #05cff9;
	font-weight: bold;
	color: #fff;
	font-size: 20px;
}

/** progress bar  **/

.redcore-progressbar {
	display: flex;
	width: 100%;
	margin: 20px 0;
	background: #11cdef;
	border-radius: 20px;
	overflow: hidden;
	box-shadow: inset 0 0.1rem 0.1rem rgba(0, 0, 0, .1);
	flex-direction: column;
	z-index: 9999999;
	position: relative;
}

.redcore-progressbar-value {
	background: #27b578;
	width: 0%;
	padding: 10px;
	border: 1px solid #27b578;
	transition: 1.4s linear;
	transition-property: width, background-color;
	animation: move 2s linear infinite;
	background-image: linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
}

/** END **/
.skip-artwork-section {
	font-weight: bold;
	color: #333;
	font-size: 18px;
}

.sticker-instruction-section textarea {
	width: 100%;
}

button.btn.btn-sticker-continue:hover {
	color: #fff;
}
.sticker-new-design {
	width: 80%;
	margin-top: 20px;
}
span.or-design-element.desktop-section-view {
    padding: 10px;
    border: 2px solid;
    border-radius: 25px;
    position: absolute;
    background: #fff;
    z-index: 9;
}
.sticker-file-upload-back {
	background: #f78646 !important;
	margin-top: 20px;
}
label.cart-file-upload-back {
	color: #007adb !important;
}
img.img-fluid.img-fluid-2, .thumb-artwork-image-1 {
    margin-top: 10px;
}
button.btn.sticker-file-upload, .sticker-file-upload-back, .sticker-new-design, .shop-artwork-images {
	background-color: #5ba4e6;
	background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.09) 0%, rgba(0, 0, 0, 0.09) 100%);
	color: #fff;
	width: 150px;
	box-shadow: inset 0px -2px 0px rgb(0 0 0 / 15%);
	text-shadow: 0 -1px 0 rgb(0 0 0 / 25%);
	/* display: inline-block; */
	border-radius: 4px;
	padding: 10px;
	margin-right: 10px;
	font-weight: bold;
}

.row.file-upload-section {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	flex-flow: initial;
}

.hide,
.display-flex.hide {
	display: none !important;
}


.disable-section {
	opacity: .5;
	pointer-events: none;
}

.alert-warning {
	color: #ffffff;
	background-color: #0bc4eb;
	border-color: #1ccff5;
	padding: 16px 34px 6px 25px;
	position: fixed;
	bottom: 1px;
	z-index: 1;
	left: 15px;
	max-width: 500px;
	box-shadow: 0px 2px 9px rgb(0 0 0 / 42%);
}

.dropdown-menu {
	z-index: 100;
	top: 51px;
	right: 0;
	padding: 0;
	width: 280px;
	height: auto;
	background: #fff;
	-webkit-box-shadow: 0 2px 16px rgb(0 0 0 / 60%);
	-ms-box-shadow: 0 2px 16px rgba(0, 0, 0, .6);
	-moz-box-shadow: 0 2px 16px rgba(0, 0, 0, .6);
	-o-box-shadow: 0 2px 16px rgba(0, 0, 0, .6);
	box-shadow: 0 2px 16px rgb(0 0 0 / 60%);
}

.product-details-options a,
.cart-check-out a,
.shop-page-link {
	color: #2b71b8;
	text-decoration: none;
	font-weight: bold;
}

.a, a {
	cursor: pointer;
	font-weight: 700;
	color: #2a6eb2;
	text-decoration: none;
}

ul.list-group.mb-3 {
	position: sticky;
	top: 2rem;
}

.product-size-list span.savings {
	color: green;
	font-size: 12px;
}

.product-size-list span {
	min-width: 50px !important;
	display: inline-block;
	margin: 0 auto;
	font-size: 1em;
}
h4.card-title {
    font-size: 1.3rem;
    font-weight: bold;
}
button.btn.order-continue-btn {
	width: 100%;
	background: #05cff9;
	padding: 20px;
	color: #ffff;
	margin-bottom: 20px;
	font-weight: bold;
	font-size: 19px;
}

.btn.order-samples, .btn.template-download {
	box-shadow: inset 0 0 0 1px #ccc;
	font-size: 12px;
}
.no-list-style {
	list-style: none;
}
.border-no {
	border: 0px !important;
}

.list-group-item {
	background: #ebf1f7;
	border-radius: 15px !important;
}

.cart-image {display: block;}

svg#Layer_1 {
	width: 20px;
	cursor: pointer;
}

div.cart-check-out {
	background: #ebf1f7;
	border-radius: 10px;
	height: 100%;
	max-height: 264px;
	margin-top: 19px;
	position: sticky;
	top: 2rem;
}

.form-control:disabled,
.form-control[readonly] {
	background-color: #ffffff !important;
	opacity: 1;
	border: 0px !important;
}

.You.earned.a.gift .cart-check-out button {
	background: #05cff9;
	border-color: #05cff9;
	padding: 12px 30px;
	width: 100%;
	margin: 10px 0;
	font-size: 1.4rem;
	color: #fff;
}

.main-container.app-main-container {
	min-height: 78vh;
}

.swal2-container.swal2-shown {
	background-color: rgb(5 20 33 / 90%) !important;
}

.login-card {
	background: #fff !important;
	/* box-shadow: 0 0 2rem 0 rgb(0 0 0 / 31%); */
	/* backdrop-filter: blur(6px); */
	-webkit-backdrop-filter: blur(6px);
	padding: 33px;
	border-radius: 0px;
	color: gray;
	margin-bottom: 64px !important;
}

.login-card .google-sign-in {
	min-height: 44px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.separator span {
	font-size: 14px;
	color: #000;
	position: relative;
	margin: 0 auto;
	display: block;
	width: 100%;
	text-align: center;
	font-weight: 800;
}

.separator span:after {
	right: 0;
}

.separator span:before,
.separator span:after {
	position: absolute;
	content: '';
	height: 1px;
	background: #e7e7e7;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: -webkit-calc(50% - 20px);
	width: calc(50% - 20px);
}

.separator span:before,
.separator span:after {
	position: absolute;
	content: '';
	height: 1px;
	background: #e7e7e7;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: -webkit-calc(50% - 20px);
	width: calc(50% - 20px);

}

.separator span:before {
	left: 0px;
}

.separator {
	margin: 22px 0px 15px;
}

.terms a.white {
	font-weight: 500;
	font-size: 10px;
}

.cursor {
	cursor: pointer;
}

.bg-transparent {
	background-color: transparent !important;
}

.card-body {
	padding: 1.2rem !important;
	/* border-radius: 97px; */
}

button.btn.btn-primary.my-4 {
	width: 101%;
	display: inline-block;
	position: relative;
	overflow: hidden;
	border: none;
	color: white;
	text-shadow: 0 -1px 0 rgb(0 0 0 / 25%);
	font-weight: 700;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	letter-spacing: 0;
	box-shadow: inset 0px -2px 0px rgb(0 0 0 / 15%);
	background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.09) 0%, rgba(0, 0, 0, 0.09) 100%);
	font-size: 1.3rem;
	border-radius: 5px;
	background-color: #ff9800;
	margin: 14px -1px !important;
}

button.btn.btn-primary.my-4:active {
	box-shadow: inset 0 1px 3px rgb(0 0 0 / 50%);
}

.swal2-modal button {
	margin: 7px 1px;
}

.myGrad {
	-webkit-appearance: none;
	background-size: 900%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	outline: none;
	-webkit-tap-highlight-color: transparent;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}



.sticker-shop-popup a {
	text-decoration: none;
	font-weight: bold;
	font-size: 1.3rem
}

.sticker-shop-popup .swal2-popup.swal2-modal.swal2-show {
	background: transparent;
}

.toggle-login-input-password {
	position: absolute;
	right: 10;
	top: 0px;
	cursor: pointer;
	z-index: 99999;
	color: #cecece;
	padding: 12px 20px !Important;
}

.subtitle-terms {
	font-size: 12px;
}

.main-logo-title,
.subtitle {
	color: #3d4860;
	text-align: left;
	margin-bottom: 14px;
	font-weight: 600;
}

span.red,
.error {
	color: #09a8cf;
	font-size: 14px;
	margin: 10px 0;
	font-weight: bold;
}

.subtitle {
	font-size: 14px;
}

.dropdown.active-user-menu {
	display: inline-block;
}

.welcome-ani.welcome-png {
	width: 100%;
	background: #333;
}

.error-field {
	border: 1px solid #FF9800;
}

.checkout-error-message {
	color: #b70000;
	font-size: 14px;
	font-weight: bold;
}

i.fa.fa-lock {
	padding: 0px 7px;
}

.bold {
	font-weight: 900;
}

p.cartCheckout-freeShipping {
	margin-top: 0;
	margin-bottom: 0rem;
	font-size: 1.3em;
	color: #567792;
}

.cart-title {
	color: #404040;
	text-transform: uppercase;
	font-size: .8rem;
	font-weight: 700;
	padding: 5px 1px;
	margin: 1px;
	line-height: 29px;
}

div#error-message {
    font-size: 14px;
    color: #ffffff;
    font-weight: bold;
    padding: 0px;
    width: 100%;
    text-align: center;
    background: red;
    border-radius: 5px;
    line-height: 44px;
}

button.btn.btn-outline-light.me-2.cart-list-page {
	position: relative;
}

hr {
	border-bottom: 1px solid #f2f2f2;
	opacity: 1;
}

span.cart-count {
	color: #fff;
	font-size: 12px;
	background: #f44336;
	padding: 0px 5px;
	border-radius: 50px;
	position: absolute;
	top: 10px;
	font-weight: bold;
}

.sticker-shop-popup span.input-group-text {
	padding: 11px;
	background: #ffffff;
	margin: 0px;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	height: 41px;
	border-radius: 4px 0px 0px 4px;
	color: #15c0f1;
}

.sticker-shop-popup input.form-control {
	padding: 0px 11px;
	border-top-right-radius: 4px !important;
	border-bottom-right-radius: 4px !important;
	font-size: 14px;
}

.payment-response-tag {
	color: #36b0db;
	font-size: 100px;
	line-height: 200px;
	font-weight: bold;
	margin-left: -15;
}

.title-warning {
	color: #ff9966;
}

.title-error {
	color: #b70000;
}

h1.text-center {
	font-weight: 800;
}

.white {
	color: #ffffff;
}

.btn-primary {
	color: #fff;
	border-color: #2196F3;
	width: 100%;
	padding: 21px !important;
	display: inline-block;
	position: relative;
	overflow: hidden;
	border: none;
	color: white;
	text-shadow: 0 -1px 0 rgb(0 0 0 / 25%);
	font-weight: 700;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	letter-spacing: 0;
	box-shadow: inset 0px -2px 0px rgb(0 0 0 / 15%);
	background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.09) 0%, rgba(0, 0, 0, 0.09) 100%);
	font-size: 1.4rem;
	border-radius: 5px;
	background-color: #217ff3;
	margin: 14px 1px !important;
	cursor: pointer;
}

.cart-spiner-btn {
	width: 2rem;
	height: 2rem;
	bottom: 1px;
	position: relative;
	margin: auto;
}

.btn-dark.disabled,
.btn-dark:disabled {
	color: #fff;
	background-color: #36b0db;
	border-color: #6d8299;
}

.error.active {
	display: block;
}

.payment-status-title {
	margin-top: 25px;
	color: #36b0db;
}

.spinner-grow {
	animation: 1s linear infinite spinner-grow !important;
}

.shipping-list-container .form-check-input,
.billing-list-container .form-check-input,
.checkout-delivery-section .form-check-input,
.payment-list-container .form-check-input {
	margin-left: 0px;
	margin-right: 10px;
}

.shipping-list-container .form-check,
.billing-list-container .form-check,
.payment-list-container .form-check,
.checkout-delivery-section .form-check {
	padding: 11px 11px !important;
}

img.text-center.log-logo-bg {
	max-width: 271px;
	width: 100%;
	padding: 8px;
}

.input-group > .form-control,
.input-group > .form-select {
	position: relative;
	flex: 1 1 auto;
	width: 0%;
	min-width: 0;
	height: 41px;
	font-size: 14px;
}

.shipping-list-container,
.billing-list-container,
.payment-list-container {
	position: relative;
}
.form-check.disable-list:after {
    content: 'Expired';
    position: absolute;
    right: 7px;
    line-height: 38px;
    color: red;
    font-weight: 900;
    font-size: 20px;
    background: white;
    padding: 0px 16px;
    width: 139px;
}
.form-check.disable-list {
     border-top: 1px solid #b1b1b1;

}
.shipping-container-border {
    border-radius: 5px;
    background: white;
    border-color: #0570dd !important;
    border: 2px solid rgba(0, 0, 0, .125);
}

.active-user-menu button.dropdown-toggle {
	background: transparent;
	border-color: transparent;
}

button.dropdown-toggle.show {
	background: #4e2817 !important;
	box-shadow: none !important;
	border: 0px solid !important;
}

.form-check.active {
	background: #ecf2fe;
}

img.profile-image {
	border-radius: 50%;
	width: 30px;
	height: 30px;
}

a.account-info.dropdown-item {
	white-space: normal;
	display: flex;
}

img.profile-image.avatar.img {
	width: 80px;
	height: 80px;
	background: #e1e1e1;
}

.account-info .profile-details {
	overflow: hidden;
	width: 250px;
	text-overflow: ellipsis;
	padding: 10px;
	text-align: left;
}

a.account-info.dropdown-item,
.account-info .profile-details,
.account-info .profile-details strong {
    overflow: visible !important;
}

.account-info .profile-details strong {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
}

.active-user-menu span.account {
	color: #2b71b8;
	font-weight: bold;
}

.active-user-menu li .dropdown-item:hover {
	background: #ebf3fe !important;
}

.active-user-menu ul.dropdown-menu.show.mt-2::before {
	content: '';
	display: block;
	width: 0;
	height: 0;
	top: -15px;
	right: 5;
	border: 8px solid transparent;
	position: absolute;
	border-bottom-color: #fff;
}

.free-cart-item {
	color: #46c746;
}

.bg-gray.submenu {
	background: #f3f3f3;
}
.dropdown-menu.show {
    display: block;
    padding: 14px;
}
.accounts-submenu-list {
      display: inline-flex;
	    flex-direction: row;
	    justify-content: left;
	    display: -webkit-box;
	    display: -webkit-flex;
	    display: -moz-box;
	    display: -ms-flexbox;
	    display: flex;
	    -webkit-flex-wrap: nowrap;
	    -ms-flex-wrap: nowrap;
	    white-space: nowrap;
	    text-align: left;
}

.accounts-submenu-list li {
	list-style: none;
    text-decoration: none;
    margin: -3px;
    border-bottom: 4px solid transparent;
    color: #757575;
    cursor: pointer;
    font-size: 14px;
    font-weight: 700;
    padding: 20px 0;
    /* scroll-snap-align: center; */
    text-decoration: none;
    -webkit-transition: color 200ms ease,border-color 200ms ease;
    -moz-transition: color 200ms ease,border-color 200ms ease;
    -o-transition: color 200ms ease,border-color 200ms ease;
    transition: color 200ms ease,border-color 200ms ease;
    padding: 0px 16px;
}

.accounts-submenu-list li.active a {
	border-color: #FF9800;
	color: #202020;
}

.accounts-submenu-list li a:hover {
	border-color: rgba(0, 0, 0, .2);
	color: #202020;
}

.accounts-submenu-list li a {
	text-decoration: none;
	color: #909090;
	transition: all 200ms ease;
	padding: 16px 0 12px;
	display: inline-block;
	font-weight: bold;
	border-bottom: 4px solid transparent;
}

.profile-action-btn {
	background: #FF9800;
	color: #fff;
	font-weight: bold;
	font-size: 12px;
}

.profile-details {
	display: inline-block;
	width: auto;
}

.profile-image-container {
	width: auto;
	display: inline-flex;
}

img.summary-profile-image {
	width: 150px;
	height: 150px;
	border-radius: 50%;
	box-shadow: 0 4px 6px rgb(50 50 93 / 11%), 0 1px 3px rgb(0 0 0 / 8%);
	padding: 15px;
}

.profile-list-items {
	display: flex;
	margin: 10px 0;
	justify-content: space-between;
}

.order-list-action span {
	color: #c8c8c8;
	margin: 0 10px;
	font-size: 20px;
}

.order-list-action a, .btn.add-proof-tag-ms {
	color: #2b71b8;
	font-size: 14px;
	text-decoration: none;
	font-weight: 700;
}

.order-header > div {
	margin-right: 20px;
	font-size: 12px;
}

.order-header strong {
	color: #a09f9f;
	font-weight: 700;
	font-size: 11px;
}

.order-header {
	    background: #f3f3f3;
	    display: inline-flex;
	    padding: 27px 32px;
	    align-items: center;
	    flex: 1;
	    width: 100%;
}
button.btn.btn-proof-awaiting-production-arrival.my-0.common-action-btn-elm {
    position: absolute;
}
.btn-proof-awaiting-production-arrival.common-action-btn-elm.thread-proof-act-event {
	position: inherit !important;
}
.order-list {
	display: inline-flex;
	flex-direction: column;
}

.order-list {
    display: inline-block;
    flex-direction: column;
    border: 1px solid #c8c8c8;
    padding: 0;
    border-radius: 15px;
    flex: 1;
    overflow: hidden;
    margin: 0px 13px;
    height: 100%;
}

.order-header {
	background: #f3f3f3;
	display: inline-flex;
	padding: 24px 32px;
	align-items: center;
	flex: 1;
	width: 100%;
}

.order-inner-list {
	display: inline-flex;
}

.order-header div {
	font-size: 12px;
	font-weight: 700;
}

.order-header strong {
	color: #757575;
	font-weight: 700;
	font-size: 11px;
}

.order-list-action a {
	color: #2b71b8;
	font-size: 14px;
	text-decoration: none;
	font-weight: 700;
}

.order-list-action {
	margin: 0 0 0 auto !important;
}

.order-left-section {
	display: inline-flex;
	justify-content: space-around;
	flex-shrink: 2;
}

.order-left-section > div {
    display: flex;
    margin-right: 40px;
    text-align: center;
    justify-content: center;
    height: 134px;
    position: relative;
    background: white;
}

.artwork-section {
	width: 100px;
  margin-right: 20px !important;
}

.order-left-section .item-dimensions {
	max-width: 230px;
	font-size: 13px;
	justify-content: center;
	display: inline-table;
	text-align: left;
	padding: 2px 25px;
	border-left: 1px solid #d8d8d8;
	flex-direction: column;
	height: auto;
}

.item-ratings ul {
	display: flex;
	flex-direction: row;
}

.item-ratings ul li {
	list-style: none;
}

button.btn.btn-reorder {
	background: #e8e8e8;
padding: 10px 21px;
margin: 0px 7px;
cursor: pointer;
min-width: 227px;
width: 100%;
display: inline-block;
position: relative;
overflow: hidden;
border: none;
color: #626262;
text-shadow: 0 -1px 0 rgb(0 0 0 / 25%);
font-weight: 700;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
letter-spacing: 0;
	font-size: 1.1rem;
	border-radius: 5px;
	}

button.btn.btn-restart-project {
	background: #f4971f;
padding: 10px 21px;
margin: 0px 7px;
cursor: pointer;
min-width: 227px;
width: 100%;
display: inline-block;
position: relative;
overflow: hidden;
border: none;
color: #ffffff;
font-weight: 700;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
letter-spacing: 0;
font-size: 1.1rem;
border-radius: 5px;
}

	.order-header > div {
		margin-right: 40px;
	}

.measure-box {
	/* background: rgba(226, 226, 226, 0.44); */
	/* padding: 12px 24px 16px 24px; */
	border-radius: 4px;
	/* border: 1px solid #dadada; */
}

.btn.measure_calculator.bg-success {
	height: auto;
	text-align: center;
	margin: 25px 0px 11px 0px;
	padding: 11px 0px;
	width: 100%;
	font-size: 19px !important;
	flex-direction: column;
	border-radius: 194px;
	background: #2050dc !important;
	color: #eeeeee;
	border: 2px solid;
}

.measure_calculator .measure-sqr-feet {
	font-size: 12px;
	font-weight: bold;
	background: #ffffff1a;
	padding: 7px 14px;
	min-width: 81px;
	border-radius: 54px;
	margin: 6px auto auto auto;
	position: relative;
	top: -4px;
	border: 2px solid white;
}

.measure-field-label {
	min-width: 50px;
}

.copy-to-clipboard {
	cursor: pointer;
}

.hide-by-formbuilder {
	display: none !important;
}

.measure_box_popup.banner {
	line-height: initial;
	margin-top: 16px;
	font-size: 13px;
	font-weight: bold;
	padding: 20px 15px;
	background: #535d78;
	text-align: center;
	color: #fff;
	border-radius: 6px;
}

.measure_field_width,
.measure_field_height {
	width: 80px;
}

.measure-box.row {
	background: white;
	padding: 11px 24px;
	border-radius: 4px;
	/* border: 1px solid #bec0c3; */
}

.measure_calculator_container {
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
}

.btn.measure_calculator.bg-success span {
	font-size: 20px;
	font-weight: bold;
}

.btn.measure_calculator.bg-dark {
	height: auto;
	text-align: center;
	margin: 25px 0px 11px 0px;
	padding: 9px 0px;
	width: 100%;
	font-size: 23px !important;
	background: #d8d8d8 !important;
	border-radius: 40px;
}

span.measure_not_sure {
	font-size: 14px;
	font-weight: 900;
	cursor: pointer;
}

.measure_calculator .measure-sqr-feet {
	font-size: 12px !important;
	font-weight: bold;
	background: #ffffff1a;
	padding: 7px 14px;
	min-width: 81px;
	border-radius: 54px;
	margin: 6px auto auto auto;
	position: relative;
	top: -4px;
	border: 2px solid white;
}

.btn.measure_calculator.bg-dark span.view-proportions-text {
	display: none !important;
}

.wid-it {
	width: 100%;
	padding: 0px 12px;
	border: 0px solid #bec0c3;
	margin-bottom: 8px;
	margin-right: 9px;
	border-radius: 3px;
	height: 46px;
	font-size: 14px !important;
	color: #898989;
	border: 1px solid #bec0c3;
}

label.fb-sizeMeasure-label {
	display: none;
}

span.view-proportions-text {
	font-size: 12px;
	padding: 10px;
	position: relative;
	top: -4;
}

.fb-sizeMeasure .col-lg-12 {
	padding: 0;
}

label.measure-field-label.col-lg-12 {
	color: #1f50dc;
	font-size: 16px;
	padding-top: 8px;
	font-weight: 400;
	padding-bottom: 10px;
}

label.size-labeler {
	font-size: 12px;
	background: #1f50dc !important;
	padding: 4px 0px 3px 8px;
	border-radius: 41px 0px 0px 41px;
	height: 23px;
	color: white;
	font-weight: 900;
	width: 50px;
	margin: 0px !important;
	position: relative;
	top: 12px;
	right: -1px;
}

span.view-proportions-text {
	display: none;
}

span.wit-marg {
	width: 35%;
	margin: 0;
	padding: 0;
}

.btn.measure_calculator.bg-dark span {
	font-size: 18px;
	font-weight: bold;
	color: #fff;
}

.measure-field-label span.tooltip-element {
	display: none;
}

i.fas.fa-arrows-alt-h {
	color: #05cff9;
	padding: 0px;
	font-size: 19px;
	position: relative;
	right: -2px;
	top: 14px;
	width: 22px;
}

i.fas.fa-arrows-alt-v {
	color: #05cff9;
	padding: 0px 8px;
	font-size: 19px;
	position: relative;
	right: 3px;
	top: 11px;
	width: 20px;
}

.main.container.proof-view-page.my-5 {
	text-align: center;
}

.proof-approved-dimensions .dimesions {
	width: auto;
	padding: 10px 20px;
	margin: 20px;
	border: 2px solid #3496d7;
	background: #e1eff9;
	display: inline-block;
	border-radius: 15px;
	font-size: 22px;
	font-weight: bold;
}

img.approved-proof-image, .image-overlay-art {
	width: 100%;
	max-width: 864px;
	cursor: pointer;
	border: 1px solid #d2d2d2;
	border-radius: 4px;
}

.proof-view-page .art-slider-container .bxslider img {
	cursor: pointer;
}

.proof-image-comment-anchor {
	position: relative;
}

.proof-image-tools {
	position: static;
	z-index: auto;
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

.proof-image-top-controls {
	position: relative;
	width: 100%;
	z-index: 6;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	margin: 0 0 16px;
	padding: 8px 0 6px;
	flex-wrap: wrap;
}

.proof-image-top-controls .proof-image-tools {
	position: static;
	right: auto;
	top: auto;
	z-index: auto;
}

.proof-image-top-controls .btn.view-large-image.image-zoom-popup {
	position: static;
	right: auto;
	top: auto;
	margin: 0;
	border: 1px solid #d0d0d0 !important;
	padding: 6px 10px !important;
	line-height: 1;
	background: rgba(255, 255, 255, 0.95);
	color: #656565;
}

.proof-image-top-controls .btn.view-large-image.image-zoom-popup span,
.proof-image-top-controls .btn.view-large-image.image-zoom-popup:hover span {
	font-size: 12px !important;
}

.proof-pin-empty-hint {
	width: min(100%, 620px);
	padding: 8px 12px;
	border-radius: 10px;
	border: 1px dashed #ffc273;
	background: #fff7ec;
	color: #b06a00;
	font-size: 12px;
	font-weight: 600;
	text-align: center;
}

.proof-image-inline-toggle {
	border: 1px solid #d0d0d0;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.95);
	color: #656565;
	font-size: 12px;
	font-weight: 700;
	padding: 6px 10px;
	line-height: 1;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	cursor: pointer;
}

.proof-image-inline-toggle.active {
	background: #ffedd5;
	border-color: #ffd299;
	color: #cf7600;
}

.proof-image-click-pin {
	position: absolute;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background: #ff9800;
	border: 2px solid #fff;
	box-shadow: 0 0 0 6px rgba(255, 152, 0, 0.22);
	transform: translate(-50%, -50%);
	z-index: 4;
	pointer-events: none;
}

.proof-comment-pin {
	position: absolute;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background: #ff9800;
	border: 2px solid #fff;
	box-shadow: 0 0 0 6px rgba(255, 152, 0, 0.18);
	transform: translate(-50%, -50%);
	z-index: 4;
	color: #fff;
	font-weight: 700;
	font-size: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

.proof-comment-pin:hover {
	transform: translate(-50%, -50%) scale(1.08);
}

.proof-comment-pin.active-pin {
	background: #ff6f00;
	border-color: #ffd7ad;
	box-shadow: 0 0 0 8px rgba(255, 111, 0, 0.36);
	transform: translate(-50%, -50%) scale(1.14);
}

.proof-comment-pin .pin-count {
	pointer-events: none;
}

.proof-comment-pin.pulse-pin {
	animation: proof-pin-pulse .9s ease-out 3;
}

@keyframes proof-pin-pulse {
	0% { box-shadow: 0 0 0 0 rgba(255, 152, 0, 0.65); transform: translate(-50%, -50%) scale(1); }
	45% { box-shadow: 0 0 0 14px rgba(255, 152, 0, 0); transform: translate(-50%, -50%) scale(1.16); }
	100% { box-shadow: 0 0 0 0 rgba(255, 152, 0, 0); transform: translate(-50%, -50%) scale(1); }
}

.proof-image-comment-popover {
	position: absolute;
	z-index: 140;
	width: min(420px, calc(100% - 16px));
	background: #ffffff;
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 12px;
	padding: 12px;
	box-shadow: 0 12px 40px rgba(0, 0, 0, 0.55);
}

.proof-image-comment-popover::after {
	content: "";
	position: absolute;
	width: 14px;
	height: 14px;
	left: var(--arrow-x, 24px);
	background: #ffffff;
	border: 1px solid #e3e3e3;
	transform: translateX(-50%) rotate(45deg);
}

.proof-image-comment-popover.arrow-top::after {
	top: -8px;
	border-right: none;
	border-bottom: none;
}

.proof-image-comment-popover.arrow-bottom::after {
	bottom: -8px;
	border-left: none;
	border-top: none;
}

.proof-image-comment-composer {
	background: #ffffff;
	border: 1px solid #eeeeee;
	border-radius: 12px;
	padding: 12px;
}

.proof-image-comment-composer textarea {
	width: 100%;
	min-height: 96px;
	resize: none;
	overflow-y: hidden;
	border-radius: 10px;
	border: 1px solid #2a3140;
	background: #f5f5f5;
	color: #727272;
	padding: 10px 11px;
	font-size: 15px;
}

.proof-image-comment-actions {
	display: flex;
	justify-content: flex-end;
	gap: 8px;
	margin-top: 10px;
}

.proof-image-comment-btn {
	border: 1px solid #c7c7c7;
	background: #ededed;
	color: #858585;
	padding: 8px 14px;
	border-radius: 10px;
	font-weight: 600;
	cursor: pointer;
}

.proof-image-comment-btn.post {
	background: #FF9800;
	border-color: #d68207;
	color: #fff;
}

body.proof-pins-hidden .proof-comment-pin {
	display: none !important;
}

body.proof-theme-dark .proof-view-page {
	color: #dde4ef;
}

body.proof-theme-dark.proof-page-bg,
body.proof-theme-dark.proof-page-bg .main-container.app-main-container,
body.proof-theme-dark.proof-page-bg .processing-loaindg-section {
	background: #0f141d;
}

body.proof-theme-dark .bg-site-header {
	background: #1a202b !important;
	border-color: #2b3342 !important;
}

body.proof-theme-dark footer {
	background: #11161f;
	border-top: 1px solid #2b3342;
}

body.proof-theme-dark footer,
body.proof-theme-dark footer a,
body.proof-theme-dark footer span,
body.proof-theme-dark footer p {
	color: #c4cdde !important;
}

body.proof-theme-dark .proof-view-page .order-summery,
body.proof-theme-dark .proof-view-page .order-summery-header,
body.proof-theme-dark .proof-view-page .thread-comment-container,
body.proof-theme-dark .proof-view-page .order-summery-activity > div,
body.proof-theme-dark .proof-view-page .order-summery-activity > h3 {
	background: #1a202b !important;
	color: #dde4ef !important;
	border-color: #2b3342 !important;
	max-width: 867px;
	margin: auto;
}

body.proof-theme-dark .proof-view-page .activity-text-container,
body.proof-theme-dark .proof-view-page .timeline-timestamp {
	color: #aeb7c7 !important;
}

body.proof-theme-dark img.approved-proof-image {
	border-color: #3e3e3e;
}

body.proof-theme-dark .proof-image-inline-toggle {
	background: #1a202b;
	border-color: #2b3342;
	color: #c4cdde;
}

body.proof-theme-dark .proof-image-inline-toggle.active {
	background: #232a36;
	border-color: #334055;
	color: #ffbf69;
}

body.proof-theme-dark .proof-image-top-controls .btn.view-large-image.image-zoom-popup {
	background: #1a202b;
	border-color: #2b3342 !important;
	color: #c4cdde;
}

body.proof-theme-dark .proof-image-top-controls .btn.view-large-image.image-zoom-popup:hover,
body.proof-theme-dark .proof-image-top-controls .btn.view-large-image.image-zoom-popup:focus {
	background: #232a36;
	border-color: #334055 !important;
	color: #ffbf69;
}

body.proof-theme-dark span.btn.share-proof-link.clear-share-button,
body.proof-theme-dark span.btn.share-proof-link.tooltip-element {
	background: #1a202b;
	border-color: #344157;
	color: #d7deea;
}

body.proof-theme-dark .proof-pin-empty-hint {
	background: #2b2318;
	border-color: #a66d25;
	color: #ffd39a;
}

body.proof-theme-dark .form-group.comment-input-container {
	background: #141a23;
	border: 1px solid #344157;
}

body.proof-theme-dark textarea.form-control.thread-comment-input,
body.proof-theme-dark #admin_comment_text,
body.proof-theme-dark .request-comment textarea,
body.proof-theme-dark .proof-image-comment-composer textarea {
	background: #131a23;
	border: 0px solid #344157;
	color: #c9d2e2;
}

body.proof-theme-dark .proof-image-comment-composer {
	background: #272e3b;
	border: 1px solid #202020;
	border-radius: 12px;
	padding: 12px;
}

body.proof-theme-dark .proof-image-comment-popover {
	position: absolute;
	z-index: 140;
	width: min(420px, calc(100% - 16px));
	background: #272e3b;
	border: 1px solid rgb(29 29 29 / 8%);
	border-radius: 12px;
	padding: 12px;
	box-shadow: 0 12px 40px rgba(0, 0, 0, 0.55);
}

body.proof-theme-dark .proof-image-comment-popover::after {
	content: "";
	position: absolute;
	width: 14px;
	height: 14px;
	left: var(--arrow-x, 24px);
	background: #272e3b;
	border: 1px solid #272e3b;
	transform: translateX(-50%) rotate(45deg);
}

body.proof-theme-dark .comment-other-options {
	background: #1a202b;
	border-color: #344157;
}

body.proof-theme-dark .comment-other-options div {
	border-right-color: #344157;
	color: #c4cdde;
}

body.proof-theme-dark .request-comment-dropzone {
	background: #1a202b;
	border-color: #344157;
}

body.proof-theme-dark .request-comment-dropzone.active-dropzone {
	background: #2b2318;
	border-color: #ff9800;
}

body.proof-theme-dark .shipping-customer-option,
body.proof-theme-dark .shipping-form-container.form-main-container,
body.proof-theme-dark .advanced-option-list,
body.proof-theme-dark .shipping-container-border,
body.proof-theme-dark .payment-list-container,
body.proof-theme-dark .billing-list-container.shipping-container-border,
body.proof-theme-dark ul.list-group.mb-3,
body.proof-theme-dark .list-group-item,
body.proof-theme-dark .col.p-5.card.center-bottom-arrow {
	background: #1a202b !important;
	border-color: #344157 !important;
	color: #d7deea !important;
	box-shadow: none;
}

body.proof-theme-dark .payment-list-container .form-check {
	background: #141a23;
	border-top: 1px solid #2b3342;
}

body.proof-theme-dark .payment-list-container .form-check.active {
	background: #202733;
}

body.proof-theme-dark .payment-list-container .remove-payment-get-way {
	background: #2f3848;
	color: #d7deea;
}

body.proof-theme-dark .payment-list-container .form-check-input {
	background-color: #0f141d;
	border-color: #5d6f8f;
}

body.proof-theme-dark .payment-list-container .form-check-input:checked {
	background-color: #ff9800;
	border-color: #ff9800;
}

body.proof-theme-dark .payment-list-container label.form-check-label,
body.proof-theme-dark .payment-list-container label.form-check-label strong,
body.proof-theme-dark .payment-list-container label.form-check-label span,
body.proof-theme-dark .payment-list-container strong {
	color: #d7deea !important;
}

body.proof-theme-dark .form-check.apple-pay-list-container.StripeElement {
	background: #141a23;
	border-bottom-color: #344157;
}

body.proof-theme-dark .shipping-option-tab .btn,
body.proof-theme-dark .btn.shipping-option-select {
	background: #141a23;
	border-color: #344157;
	color: #d7deea;
}

body.proof-theme-dark .shipping-option-tab {
	gap: 10px;
}

body.proof-theme-dark .btn.shipping-option-select.active {
	background: #202733;
	outline-color: #ff9800;
}

body.proof-theme-dark .invoice-total,
body.proof-theme-dark #summary-order-total,
body.proof-theme-dark .list-group-item strong,
body.proof-theme-dark .list-group-item span {
	color: #d7deea !important;
}

body.proof-theme-dark .admin-comment-file,
body.proof-theme-dark .comment-attachement-file,
body.proof-theme-dark .admin-comment-attachement-file,
body.proof-theme-dark .comment-attach-note {
	color: #c4cdde;
}

body.proof-theme-dark .comment-file-item {
	background: #232a36;
	border-color: #344157;
	color: #d7deea;
}

body.proof-theme-dark .proof-approve-change-request {
	background: transparent;
	border: 0px;
	color: #d7deea !important;
}

body.proof-theme-dark .proof-request-change-container .btn.feed-back-submit {
	background: #1a202b;
	border: 1px solid #344157;
	color: #d7deea;
}

body.proof-theme-dark .proof-request-change-container .cancel-request-changes {
	color: #d7deea;
}

body.proof-theme-dark button.btn-proof-rush,
body.proof-theme-dark button.btn-proof-awaiting-production-arrival {
	background: #1a202b;
	border-bottom: 1px solid #594f36;
	border-right: 1px solid #594f36;
	border-left: 1px solid #594f36;
	color: #f6e9c1;
	top: -32px;
}

body.proof-theme-dark .order-activity-list {
	display: flex;
	justify-content: left;
	border-top: 1px solid #484545;
	padding: 18px 0px 0px 0px;
}

body.proof-theme-dark .time-list-container {
	border-left: 2px dotted #313235;
}

body.proof-theme-dark .order-summery-contaienr {
	width: 100%;
	padding: 20px;
	border-top: 1px solid rgba(0, 0, 0, .1);
	background: #1a202b;
	text-align: justify;
	transition: max-height 800ms ease;
	max-width: 860px;
	border-radius: 5px 5px 10px 10px;
}

body.proof-theme-dark .order-summery-contaienr li {
	color: #9f9f9f;
	font-size: 14px;
	line-height: 1.6;
}

body.proof-theme-dark .proof-invoice-item-lists span.item-lists {
	flex: 0 0 30%;
	padding: 15px 20px;
	text-align: left;
	margin: 10px;
	border: 1px solid #4c4c4c;
	border-radius: 9px;
	background: #1a202b;
}

body.proof-theme-dark span.over-all-stitch-time {
	background: #1a202b;
	color: #3cd79d;
	font-size: 16px;
	font-weight: bold;
}

body.proof-theme-dark .form-check.active {
	background: #202733;
}

body.proof-theme-dark .btn.show-all-check-list {
	width: 100%;
	padding: 10px;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
	background: #0f141d;
	color: #fff;
}

body.proof-theme-dark h3.bold.mb-4 {
	padding: 22px 3px 0px;
	color: #5d6065;
}

body.proof-theme-dark .order-summery-contaienr #order-details {
	background: #141a23;
	border: 1px solid #344157;
	border-radius: 10px;
	padding: 14px 16px;
}

body.proof-theme-dark .order-summery-contaienr #order-details #summary-order-total,
body.proof-theme-dark .order-summery-contaienr #order-details #summary-order-total span {
	color: #f3f6fb !important;
}

body.proof-theme-dark .approve-reconfirmaiotn-container {
	background: #1a202b;
	color: #dde4ef;
	border-color: #1fce93;
}

body.proof-theme-dark .swal2-popup {
	background: #1f3244 !important;
	color: #dde4ef;
}

body.proof-theme-dark .card {
	background-color: #1b2a3a;
	border: 1px solid rgba(0, 0, 0, .125);
}

body.proof-theme-dark.proof-page-bg .dropdown-menu {
	background: #0f141d;
	box-shadow: 0 2px 16px rgb(0 0 0 / 60%);
	border: 1px solid #27314c;
}

body.proof-theme-dark input.form-control {
	background-color: #111727 !important;
	border: 2px solid #272f49;
	color: #c1c3c7 !important;
}

body.proof-theme-dark #search-proof-select-user-container .dropdown-menu > li > a,
body.proof-theme-dark #select_new_users_bulk_action_container .dropdown-menu > li > a {
	color: #c0c0c0;
	border-bottom: 1px solid #525252;
}

body.proof-theme-dark ul.nav.nav-pills.nav-fill.flex-column.flex-md-row li a {
	background: #111827 !important;
	border-radius: 25px;
	padding: 13px 20px !important;
}

body.proof-theme-dark ul.nav.nav-pills.nav-fill.flex-column.flex-md-row li a.active {
	background: #3d5063 !important;
	box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
}

body.proof-theme-dark #proof-user-add-section li a {
	color: #b9b9b9;
	border: 0px solid #b1b1b1;
}

body.proof-theme-dark #search-proof-select-user-container .bs-donebutton {
	border-top: 1px solid #181818;
}

body.proof-theme-dark .swal2-popup .swal2-title {
	color: #e0e0e0;
}

body.proof-theme-dark a.avatar.avatar-sm.rounded-circle.add-new-users.remove-not-creator {
	background: #1a202b;
	border: 2px dotted;
	color: #ff8522;
}

body.proof-theme-dark .order-summery-share-action {
	border: 0;
}

body.proof-theme-dark .order-summery-view-action {
	background: #1a202b;
	border: 1px solid #344157;
	color: #ffb066;
	padding: 0px 0px 0px 13px;
	border-radius: 44px;
}

body.proof-theme-dark span.expire-text {
	color: #ff7a7a;
}

a#birdie_link {
	background: #2cb8ff;
}

a#fencehook_link {
	background: #38569a;
}

.share-container a {
	color: #fff;
	text-decoration: none;
	font-size: 1.2rem;
	padding: 17px 25px;
	border-radius: 6px;
	margin: 0 .5em;
}

.order-summery-header, .thread-comment-container{
	width: 100%;
	background: #fafafa;
	display: flex;
	padding: 21px;
	align-items: center;
	justify-content: flex-start;
	border-radius: 0px 0px 11px 11px !important;
	max-width: 862px;
}

.order-summery-header strong {
	margin-right: 0;
}

.order-summery-header .proof-title-block {
	max-width: 420px;
	display: block;
	text-align: left;
	flex: 1 1 auto;
	margin-right: 16px;
}

.proof-title-row {
	display: flex;
	align-items: center;
	gap: 12px;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.proof-title-row .proof-title-text {
	display: inline-block;
	min-width: 0;
	word-break: break-word;
}

.proof-inline-due-date-label {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 4px 9px;
	border-radius: 999px;
	font-size: 11px;
	line-height: 1;
	font-weight: 800;
	letter-spacing: 0.01em;
	position: relative;
	top: 1px;
	white-space: nowrap;
}

.proof-inline-due-date-label.status-flexible {
	background: #8f98a8;
	color: #ffffff;
}

.proof-inline-due-date-label.status-preferred {
	background: #3f7fe8;
	color: #ffffff;
}

.proof-inline-due-date-label.status-important {
	background: #e7b733;
	color: #1f3658;
}

.proof-inline-due-date-label.status-time-sensitive {
	background: #f28a2c;
	color: #ffffff;
}

.proof-inline-due-date-label.status-critical {
	background: #df4a4a;
	color: #ffffff;
	animation: threadDueDateCriticalFlash 1.05s ease-in-out infinite;
}

.proof-inline-due-date-label.status-extremely-critical {
	background: #7d1d1d;
	color: #ffffff;
	animation: threadDueDateExtremePulse 1.35s ease-in-out infinite;
}

.calendar-complete-confirm-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	min-width: 170px;
}

.calendar-complete-cancel-link, .cancel-edit-time {
	display: block;
	margin: 8px auto 0;
	padding: 0;
	border: 0;
	background: transparent;
	color: #6b7280;
	font-size: 12px;
	font-weight: 600;
	text-decoration: underline;
}

.calendar-complete-cancel-link:hover,
.calendar-complete-cancel-link:focus,
.cancel-edit-time:hover, .cancel-edit-time:focus {
	color: #374151;
	background: transparent;
	box-shadow: none;
}

.calendar-complete-confirm-btn-loader {
	display: none;
	width: 16px;
	height: 16px;
	border-radius: 999px;
	border: 2px solid rgba(255, 255, 255, 0.35);
	border-top-color: #ffffff;
	animation: calendarCompleteBtnSpin .72s linear infinite;
}

.calendar-complete-confirm-btn.is-submitting {
	opacity: 0.96;
	cursor: wait;
}

.calendar-complete-confirm-btn.is-submitting .calendar-complete-confirm-btn-loader {
	display: inline-block;
}

@keyframes calendarCompleteBtnSpin {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}

.calendar-key-filter-label {
	display: inline-flex;
	align-items: center;
}

.calendar-key-filter-count {
	display: inline-flex;
	align-items: center;
	margin-left: 4px;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.01em;
	color: #7f8aa0;
}

.calendar-key-filter-item.is-active .calendar-key-filter-count {
	color: currentColor;
	opacity: 0.9;
}

.order-summery-header-actions {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	margin-left: auto;
	flex: 0 0 auto;
}

.order-summery-header .proof-dimension-text {
	white-space: nowrap;
	flex: 0 0 auto;
	margin-right: 0;
}

.order-summery-share-action {
	display: inline-flex;
	align-items: center;
	justify-content: flex-start;
	padding: 0;
	margin: 0 0 0 8px;
	border: 0;
	min-height: 0;
	flex: 0 0 auto;
}

.order-summery-share-action:empty {
	display: none;
}

.order-summery-share-action .share-proof-link {
	margin: 0 !important;
}

.proof-expire-under-title {
	display: block;
	margin-top: 8px;
	font-size: 12px;
	line-height: 1.25;
}

.proof-expire-under-title .expire-text {
	display: inline-block;
	white-space: normal;
	line-height: 1.4;
	color: #ff7a7a;
}

span.expire-text {
	color: #ff7a7a;
}

.proof-shipping-under-title {
	display: block;
	margin-top: 6px;
	white-space: normal;
	line-height: 1.35;
}

.order-summery-view-action {
	display: inline-block;
	margin: 0;
}

.order-summery-view-action:hover {
	color: #404040;
}

.order-summery-contaienr {
	width: 70%;
	padding-top: 20px;
	border-top: 1px solid;
	background: #f6f6f6;
}

.order-summary-project-highlight {
    width: 100%;
    margin: 0 auto;
    padding: 16px 28px;
    border-radius: 0 0 16px 16px;
    background: linear-gradient(90deg, #ff9a16 0%, #ff6a3d 100%);
    color: #fff;
    text-align: center;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 0.01em;
    line-height: 1.4;
    text-transform: uppercase;
    max-width: 860px;
    top: -5px;
    position: relative;
    margin-bottom: -6px;
}

.order-summary-project-highlight.details-open {
    border-radius: 0;
}

.row.order-summery.my-5 {
	justify-content: center;
	text-align: center;
}

.order-summery-header, .thread-comment-container {
	    width: 100%;
	    display: flex;
	    padding: 20px;
	    align-items: center;
	    justify-content: flex-start;
	    border-radius: 8px;
	    max-width: 860px;
}

.order-summery-view-action {
	color: #ff8522;
	display: inline-flex;
	align-items: center;
	margin: 0;
	cursor: pointer;
	font-weight: bold;
	border: 1px solid #ffd3af;
	border-radius: 44px;
	padding: 0px 0px 0px 13px;
	background: #fff;
}

.order-details-heading {
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
}

.order-details-heading .order-details-title {
	font-weight: 800;
}

.order-details-heading .order-details-qty {
	font-size: 13px;
	color: #8d8d8d;
	background: #efefef;
	border-radius: 999px;
	padding: 2px 10px;
}

.order-details-heading .order-details-view-project .btn.view-new-page {
	padding: 4px 10px !important;
	font-size: 12px !important;
}

a.btn.view-new-page {
	color: #696575;
}

.order-details-heading .order-details-view-project {
	margin-left: auto;
}

.order-summery-contaienr {
	width: 100%;
	padding: 20px;
	border-top: 1px solid rgba(0, 0, 0, .1);
	background: #fff;
	text-align: justify;
	transition: max-height 800ms ease;
	max-width: 860px;
	border-radius: 5px 5px 10px 10px;
}

.order-summery-contaienr h4 {
	font-size: 22px;
}

.order-summery-contaienr ul {
	list-style: none;
	padding: 0;
}

#order-details {
	min-width: 221px;
}

.order-summery-contaienr li {
	color: #404040;
	font-size: 14px;
	line-height: 1.6;
}

li.adjustment {
	color: #5ac574;
}

li#summary-order-total {
	font-weight: bold;
}

.order-summery-contaienr a.link {
	text-decoration: none;
}

.proof-page-bg {
	background: #e4e4e4;
}

.order-details-page ul.breadcrums {
	list-style: none;
	padding: 4px 0 8px;
	margin: 0;
}

.order-details-page ul.breadcrums li a {
	text-decoration: none;
}

h1.text-center.p-0 {
	margin-top: 45px;
	font-weight: 900;
}

.row.order-details-list {
	display: grid;
	border: 1px solid #c8c8c8;
	border-radius: 7px;
	padding: 24px 32px;
	column-gap: 8px;
	font-size: 14px;
	grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
	margin: auto;
}

.order-details-list span.summary-header {
	color: #757575;
	margin: 0 0 8px;
	display: block;
	font-weight: bold;
}

.row.order-details-list ul {
	padding: 0;
	list-style: none;
	margin: 0;
}

.row.order-details-list ul li {
	display: flex;
	justify-content: space-between;
}

.item-rating .item-rating-reviews {
	text-decoration: none;
}

.order-expect-item-list {
	border: 1px solid #c8c8c8;
	border-radius: 7px;
	padding: 24px 32px;
}

.order-expect-item {
	display: grid;
	justify-content: center;
	grid-template-columns: 120px minmax(auto, 288px) minmax(auto, 214px) 240px;
	align-items: center;
	column-gap: 24px;
}

.order-expect-item .item-artwork img {
	width: 100%;
}

.order-expect-item ul.rating {
	display: inline-flex;
	padding: 0;
	list-style: none;
	flex-direction: row;
	margin: 0;
}

.order-details-page ul.breadcrums li:after {
	content: ' > ';
}

.order-details-page ul.breadcrums li:last-child:after {
	content: '';
	margin: 0;
}

.order-details-page ul.breadcrums li {
	display: inline;
	list-style: none;
	font-weight: bold;
	font-size: 12px;
}

.proof-status.awaiting_response {
	background: #673ab7;
}

.proof-status.production_hold {
	background: #626a74;
}

.proof-status.awaiting_approval {
	background: #d95050;
}

.proof-status.new_project {
	background: #70d6a8;
}

.proof-status.in_production {
	background: #ffc107;
}

.proof-status.shipped {
	background: #2196f3;
}

.proof-status.my_proofs {
	background: #34d67c;
}

.proof-status.client_uploads {
	background: #858890;
}

.proof-approve-btn-section span {
    color: #2196F3;
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
    padding: 5px;
    margin: 4px;
    position: relative;
    top: 9px;
    overflow: visible !important;
}

span.cancel-request-changes {
    font-size: 21px;
    padding: 4px;
    top: 2px;
}

.proof-approve-sticky-spacer {
	width: 100%;
}

.proof-approve-reconfirm.proof-approve-fixed-bottom,
.paynow-section-container.proof-approve-fixed-bottom {
	position: fixed;
	left: 50%;
	bottom: 12px;
	transform: translateX(-50%);
	width: 100%;
	max-width: 375px;
	z-index: 90;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	will-change: transform, top, bottom;
}

.proof-approve-reconfirm.proof-approve-fixed-top,
.paynow-section-container.proof-approve-fixed-top {
	position: fixed;
	left: 50%;
	top: var(--proof-approve-top-offset, 74px);
	bottom: auto;
	transform: translateX(-50%);
	width: 100%;
	max-width: 375px;
	z-index: 90;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	will-change: transform, top, bottom;
}

.proof-approve-reconfirm.proof-approve-fixed-bottom,
.proof-approve-reconfirm.proof-approve-fixed-top {
	background: #17d797;
	margin-bottom: 11px;
	display: inline-block;
	text-align: center;
	cursor: pointer;
	color: #fff;
	font-weight: 700;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-shadow: 0 -1px 0rgba(0, 0, 0, .25);
	letter-spacing: 0;
	line-height: 1.2;
	-webkit-font-smoothing: antialiased;
	-webkit-box-shadow: inset 0 -2px 0 rgb(0 0 0 / 15%);
	-ms-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
	-moz-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
	-o-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
	box-shadow: inset 0 -2px 0 rgb(0 0 0 / 15%);
	background-image: linear-gradient(to bottom, rgba(255, 255, 255, .09) 0%, rgba(0, 0, 0, .09) 100%);
	font-size: 1.4rem;
	padding: 10px 30px !important;
	border-radius: 6px;
	vertical-align: middle;
	border: 0;
}

.paynow-section-container.proof-approve-fixed-bottom,
.paynow-section-container.proof-approve-fixed-top {
	margin-bottom: 0;
	isolation: isolate;
}

.paynow-section-container.proof-approve-fixed-bottom {
	bottom: 0px;
	transform: none;
	width: 100%;
	max-width: none;
	padding: 10px 14px 12px;
	background: #ffffff;
	border-bottom: 1px solid #e7edf4;
	box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08);
	left: 0px;
}

@media (max-width: 767.98px) {
	.paynow-section-container.proof-approve-fixed-top {
		left: 0;
		top: var(--proof-approve-top-offset, 0px);
		transform: none;
		width: 100%;
		max-width: none;
		padding: 10px 14px 12px;
		background: #ffffff;
		border-bottom: 1px solid #e7edf4;
		box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08);
		z-index: 9999;
	}
}

.request-comment-submit-container {
	text-align: justify;
}


.artwork-lists .col-lg-3.img-wrapper.m-3 {
	border-radius: 13px;
	cursor: pointer;
	width: calc(100% / 3);
	max-width: 118px;
	margin: 7px !important;
	min-width: 120px;
}

.artwork-lists .img-container {
	width: calc(100% / 3);
	min-width: 68px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.request-comment,
.request-comment-submit-container {
	display: inline-block;
	width: 100%;
	max-width: 866px;
	margin-bottom: 16px;
	text-align: center;
}

.request-comment textarea {
	min-height: 120px;
	height: auto;
	resize: none;
	overflow-y: hidden;
}

button.feed-back-submit.btn,
.btn.skip-proofing {
	background: #FF9800;
	margin-bottom: 19px;
	display: inline-block;
	text-align: center;
	cursor: pointer;
	color: #fff;
	font-weight: 700;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-shadow: 0 -1px 0rgba(0, 0, 0, .25);
	letter-spacing: 0;
	line-height: 1.2;
	-webkit-font-smoothing: antialiased;
	-webkit-box-shadow: inset 0 -2px 0 rgb(0 0 0 / 15%);
	-ms-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
	-moz-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
	-o-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
	box-shadow: inset 0 -2px 0 rgb(0 0 0 / 15%);
	background-image: linear-gradient(to bottom, rgba(255, 255, 255, .09) 0%, rgba(0, 0, 0, .09) 100%);
	font-size: 1.4rem;
	padding: 22px 30px !important;
	border-radius: 6px;
	vertical-align: middle;
	max-width: 551px;
}

button.btn.proof-approve {
	background: #34d67c;
	color: #fff;
	font-weight: bold;
	padding: 10px 30px;
	width: 250px;
	margin-bottom: 10px;
	border-radius: 15px;
}

.proof-approved-section {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 33px;
}

.proof-status {
    color: #fff;
    padding: 10px 25px;
    border-radius: 6px;
    font-weight: bold;
	font-size: 13px;
	border-radius: 40px;
}

a.proof-status.shipped-with-tracking,
a.proof-status.shipped-with-tracking:hover,
a.proof-status.shipped-with-tracking:focus {
	color: #fff;
	text-decoration: none;
}

.comment-other-options {
	display: flex;
	justify-content: left;
	align-items: center;
	background: #f9f9f9;
	border: 1px solid #eee;
	border-top-right-radius: 8px;
	border-top-left-radius: 8px;
}

.comment-other-options div {
	padding: 18px 30px;
	border-right: 2px solid #eee;
	cursor: pointer;
	font-weight: bold;
}

h3.align-justify {
	text-align: justify;
	padding: 13px;
  font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	font-weight: 900;
}

.order-summery-activity p {
	margin: 0px;
	padding: 4px 0px;
}

.order-summery-activity > div, .order-summery-activity > h3 {
	width: 100%;
  background: #fff;
  padding: 14px 20px;
  margin: -4px;
  border-bottom: 1px solid #eee;
  border-radius: 8px;
  max-width: 859px;
  background-color: #fbfbfb;
  position: relative;
  z-index: 1060;
}
img.activity-img {
    border-radius: 34px;
}
.order-activity-list-align {
	display: flex;
	flex-direction: column-reverse;
}

.activity-text-container {
	margin-bottom: 10px;
	width: 100%;
}

a.view-proof {
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
}

.activity-text-container figure.image {
	width: 130px;
	height: auto;
	overflow: hidden;
	margin-top: 10px;
	border: 1px solid #b9b9b9;
	border-radius: 6px;
}

img.activity-img {
	width: 34px;
	height: 34px;
	border: 1px solid #cfcfcf;
}

.time-list-container {
	margin-left: 12px;
	text-align: justify;
	font-size: 15px;
	padding-bottom: 13px;
	flex: 1 1 auto;
	width: calc(100% - 55px);
	border-left: 2px dotted #ededed;
	padding-left: 13px;
	margin-bottom: 15px;
}

span.timeline-timestamp {
	float: right;
    font-size: 12px;
    color: #909090;
    font-style: normal;
}
.activity-text-container {
	text-align: left;
	padding: 2px 0px;
    font-style: italic;
    font-size: 15px;
    color: #909090;
}
.order-activity-list {
	display: flex;
	justify-content: left;
	border-top: 1px solid #e6e6e6;
  padding: 18px 0px 0px 0px;
}

.order-activity-list.hide-activity-avatar img.activity-img {
	display: none;
}

.order-activity-list.hide-activity-avatar::before {
	content: "";
	display: block;
	flex: 0 0 34px;
	width: 34px;
	height: 34px;
}

div.display-flex-summary {
	display: flex !important;
}

.top-title-section,
.top-title-section h3 {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	padding: 10px 0;
}

.pull-over-right {
	margin: 0 0 0 auto;
}

span.order-id-and-date {
	font-size: 14px;
	color: #333;
	margin: 0 0 0 auto;
}

span.vertical-divider {
	margin: 0 10px;
}

div.subtotal-section-list {
	width: 35%;
}

.banner-center-position > * {
	position: absolute;
	bottom: 0;
}

.banner-center-position {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}

.banner-header-banner {
	position: relative;
	text-align: center;
	color: #fff;
	padding: 0;
	background: #4cc5f3;
	background-position: center bottom;
	height: 400px;
	overflow-x: hidden;
}

.sub-title {
	font-weight: 400;
	font-size: 18px;
	color: #242424;
}

.share-buttons.clear.text-center a {
	color: #fff;
	text-decoration: none;
	padding: 5px 0px;
	width: 48%;
}

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

button.btn.submit-sms-trigger-event {
	background: #2cb8ff;
	color: #fff;
	font-weight: bold;
}

.btn.btn-copy-url {
	position: absolute;
	right: 0;
	top: 0;
	background: #f3f3f3;
	padding: 10px;
	color: gray;
}

.form-group.copy-url-form {
	position: relative;
}

.form-group.copy-url-form input {
	width: 80%;
}

.align-self-start {
	align-items: self-start;
}

.display-flex-box {
	display: flex !important;
}

.small-text {
	font-size: 14px;
}

.share-buttons.clear.text-center {
	display: flex;
	justify-content: space-between;
}

.summary-list-border {
	border-top: 1px solid #c8c8c8;
}

.no-border {
	border-color: transparent !important;
}

.half-width {
	width: 50% !important;
}
.item-ratings ul.rating {
    font-size: .4em;
		padding: 0px;
}
.justify-center {
	justify-content: center !important;
	margin-top: 40px;
	list-style-type: none;
	padding: 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	justify-content: center;
}

.display-flex {
	display: flex !important;
}

.order-list-border {
	border-top: 1px solid #c8c8c8;
	border-bottom: 1px solid #c8c8c8;
}

.align-item-center {
	align-items: center;
}

.proof-approved-section i {
	margin-right: 5px;
}
.shopping-cart-list .cart-item-price {
    text-align: center;
}
.cart-item-header-title {
    cursor: pointer;
    border-bottom: 1px solid #dee2e6;
    padding-bottom: 15px;
}
.top-hero-bg-editor {
	display: inline-flex;
	align-items: center;
	justify-content: center;
    border: 1px solid #ccc;

    background-position: center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}
.btn.color-choose {
    padding: 10px;
    border: 1px solid #ccc;
    margin: 0 5px;
}
.btn.bg-site-black {
	background: #202020;
}
.btn.bg-site-white {
	background: #fff;
}
.btn.bg-site-black-1 {
	background: #909090;
}
.btn.bg-site-green {
	background: #05cff9;
}
.bg-site-black {
	color: #202020;
}
.bg-site-white {
	color: #fff;
}
.bg-site-black-1 {
	color: #909090;
}
.bg-site-green {
	color: #05cff9;
}

#building {
	left: 0;
}

#building,
#truck,
.banner-center-position {
	bottom: 0;
	width: 1048px;
}

#truck {
	width: 165px;
	animation: drive 20s ease infinite;
}

.cloud {
	opacity: 0;
	animation: moveCloud 120s linear;
}

.cloud-loop {
	opacity: 0;
	animation: moveCloud 120s linear infinite;
}

#cloud-1,
#cloud-2,
#cloud-3 {
	margin-left: 706px;
	bottom: 170px;
	width: 60px;
	animation-delay: 0s;
	animation-duration: 120s;
}

#cloud-2,
#cloud-3 {
	margin-left: 856px;
	bottom: 190px;
	width: 140px;
}

#cloud-3 {
	margin-left: 1306px;
	width: 130px;
}

.swal2-popup .swal2-close {
	color: #1ac4f5;
	font-size: 1.5em;
}

#cloud-4,
#cloud-5,
#cloud-6 {
	bottom: 170px;
	animation-duration: 120s;
}

#cloud-4 {
	margin-left: 1606px;
	width: 70px;
	animation-delay: 0s;
}

#cloud-5,
#cloud-6 {
	width: 60px;
	animation-delay: 42s;
}

#cloud-6 {
	width: 140px;
	animation-delay: 30s;
}

#cloud-7,
#cloud-8,
#cloud-9 {
	bottom: 190px;
	width: 130px;
	animation-delay: 18s;
	animation-duration: 120s;
}

#cloud-8,
#cloud-9 {
	width: 70px;
	animation-delay: 0s;
}

#cloud-9 {
	bottom: 170px;
	width: 60px;
	animation-delay: 108s;
}

#cloud-10,
#cloud-11,
#cloud-12 {
	bottom: 190px;
	width: 140px;
	animation-delay: 84s;
	animation-duration: 120s;
}

#cloud-11,
#cloud-12 {
	width: 130px;
	animation-delay: 72s;
}

#cloud-12 {
	bottom: 170px;
	width: 70px;
	animation-delay: 60s;
}

.summary-left-section .space-between {
	justify-content: space-between;
	display: flex;
}

.summary-left-section {
	display: flex;
	border-top: 1px solid #c8c8c8;
	padding: 10px;
	justify-content: center;
	align-items: center;
}

span.prime-text,
.bold-blue {
	color: #d60000;
	font-weight: 700;
	cursor: pointer;
	text-decoration: none;
	padding: 0px;
	text-decoration: underline;
}

a.forgot-link {
	position: relative;
	right: 3px;
	text-align: right;
	font-size: 11px;
	color: #1a124d;
}

section.gray-bg {
	background: #ebf1f7;
}
.selected-apparel-fields .d-flex {
    background: #d6d6d6;
    border-radius: 4px;
}
li.list-group-item.d-flex.justify-content-between {
    background: #f0f8ff;
    border: none;
    padding: 6px 16px;
    border-bottom: 1px solid #c4c4c4;
    border-radius: 0px !important;
}

.col-lg-4.img-wrapper.text-center {
	font-size: 14;
	font-weight: 400;
}

.justify-space-between {
	justify-content: space-between;
}

.justify-space-around {
	justify-content: space-around;
}
.form-control-sm {
    height: 37px;
	width: 84px;
}
.free-product-border {
	border: 1px solid #ddd;
	padding: 10px 17px;
	width: 100%;
	max-width: 571px;
	border-radius: 8px;
}

span.gradient-text {
	background: linear-gradient(to right, #ef48c9 0%, #2bc1d1 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-weight: bold;
}

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

.success-text {
	color: #34d67c;
	font-weight: bold;
}

button.btn.skip-proofing {
	width: auto;
	background: #05cff9;
}

.approve-reconfirmaiotn-container {
    background: #fff;
    padding: 30px;
    border: 4px solid #1fce93;
    border-radius: 11px;
}

button.btn.proof-approve1:hover,
button.proof-approve-reconfirm:hover {
	color: #ddd;
}

.processing-loaindg-section {
	background: #FF9800;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 999;
	flex-direction: column;
	align-items: center;
	color: #fff;
}

.img-wrapper .img-text {
	text-overflow: ellipsis;
	overflow: hidden;
}

.artwork-lists .img-wrapper {
	background: rgba(136, 136, 136, 0.1);
	border: 4px solid transparent;
	/* height: 200px; */
	display: flex;
	/* align-items: center; */
	justify-content: center;
}

.row.px-3.artwork-image-lists {
	display: grid;
	grid-gap: 32px;
	grid-template-columns: repeat(auto-fill, minmax(227px, 31%));
	-webkit-justify-content: space-around;
	justify-content: space-around;
}

.col-lg-3.img-wrapper.m-3.active {
	border: 4px solid #3f72b0;
}

nav.mobile-nave {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 5px 0;
}

nav.mobile-nave a.logo {
	width: auto;
	display: inline-block !important;
}

nav.mobile-nave .text-end.header-menu-area, .mobile-header-menu-area {
	display: flex;
}

nav.mobile-nave button,
nav.mobile-nave button:hover {
	background: transparent;
	border: none;
	font-size: 24px;
}

nav.dropdown-menu {
	position: absolute;
	left: 0;
	top: 43px;
	right: 0;
}

button.btn.me-2.cart-list-page {
	color: white;
}

.row.container-menu .img-wrapper {
	width: 27%;
	margin: 0px !important;
	margin-bottom: 10px !important;
	text-align: center;
	padding: 10px;
}

.row.container-menu {
	justify-content: space-around;
	align-items: center;
	padding: 8px;
}

.container-menu img.profile-image.avatar.img {
	width: 50px;
	height: 50px;
}

ul.submenu-lists {
	list-style: none;
	/* column-count: 2; */
	margin: 10px;
	text-align: justify;
	padding: 0px;
}

.row.container-menu a.account-info.dropdown-item {
	align-items: center;
}

.mobile-nave .shop-login-system,
.mobile-nave .shop-signup-system {
	display: none;
}

.submenu-user-details {
	justify-content: center;
	text-align: center;
	padding: 10px;
}

.submenu-user-details button {
	border: 1px solid #333;
	color: #333 !important;
}

.container-menu a {
	text-decoration: none;
}

/*** Loaind ***/
#loader-1 span {
	display: inline-block;
	height: 15px;
	width: 15px;
	background: #fff;
	border-radius: 0px;
}

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

button.btn.proof-approve,
button.proof-approve-reconfirm {
	background: #17d797;
	margin-bottom: 11px;
	display: inline-block;
	text-align: center;
	cursor: pointer;
	color: #fff;
	font-weight: 700;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-shadow: 0 -1px 0rgba(0, 0, 0, .25);
	letter-spacing: 0;
	line-height: 1.2;
	-webkit-font-smoothing: antialiased;
	-webkit-box-shadow: inset 0 -2px 0 rgb(0 0 0 / 15%);
	-ms-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
	-moz-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
	-o-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
	box-shadow: inset 0 -2px 0 rgb(0 0 0 / 15%);
	background-image: linear-gradient(to bottom, rgba(255, 255, 255, .09) 0%, rgba(0, 0, 0, .09) 100%);
	font-size: 1.4rem;
	padding: 22px 30px !important;
	border-radius: 6px;
	vertical-align: middle;
	width: 100%;
}

#loader-1 span:nth-child(1) {
	border-radius: 500px;
	-webkit-animation: scale 1s 0.1s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
	animation: scale 1s 0.1s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
}

#loader-1 span:nth-child(2) {
	border-radius: 500px;
	-webkit-animation: scale 1s 0.2s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
	animation: scale 1s 0.2s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
}

.nav-link {
	display: block;
	padding: 0.5rem 1rem;
	color: #ffffff;
	cursor: pointer;
}

.mx-2 {
	margin-left: 1.5rem !important;
}

#loader-1 span:nth-child(3) {
	border-radius: 500px;
	-webkit-animation: scale 1s 0.3s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
	animation: scale 1s 0.3s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
}

#loader-1 span:nth-child(4) {
	border-radius: 500px;
	-webkit-animation: scale 1s 0.4s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
	animation: scale 1s 0.4s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
}

#loader-1 span:nth-child(5) {
	border-radius: 500px;
	-webkit-animation: scale 1s 0.5s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
	animation: scale 1s 0.5s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
}

.mobile-nave .dropdown.active-user-menu {
	display: none;
}

nav.mobile-nave.mobileOnly {
	padding: 0 0;
}

nav.dropdown-menu.show .row.container-menu {
	opacity: 0;
	animation-name: curtain;
	animation-duration: .3s;
	animation-timing-function: ease-out;
	animation-fill-mode: forwards;
}

.btn:hover {
	color: #707070;
}

button.btn.btn-tracking-shipment {
	    background: #05cff9;
	    font-weight: 900;
	    padding: 10px 21px !important;
	    color: white;
	    min-width: 227px;
	    width: 100%;
	    display: inline-block;
	    position: relative;
	    overflow: hidden;
	    border: none;
	    color: white;
	    text-shadow: 0 -1px 0 rgb(0 0 0 / 25%);
	    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	    letter-spacing: 0;
	    box-shadow: inset 0px -2px 0px rgb(0 0 0 / 15%);
	    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.09) 0%, rgba(0, 0, 0, 0.09) 100%);
	    font-size: 1.1rem;
	    border-radius: 5px;
}

button.btn.confirm-reorder {
	background: #05cff9;
	color: #fff;
	font-weight: bold;
}

.order-action-btn-container {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.pdf-full-screen-iframe {
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0;
	z-index: 10000;
	position: fixed;
}

.pdf-iframe-close-button-container {
	top: 0;
	left: 0;
	height: 50px;
	width: 100%;
	z-index: 10001;
	position: fixed;
	color: black;
	background-color: white;
	font-size: 30pt;
}

.pdf-iframe-back-button,
.pdf-iframe-close-button,
.pdf-iframe-download-button,
.pdf-iframe-pay-button {
	background-color: white;
	color: #ff9800 !important;
	padding: 5px 10px;
	border-radius: 100%;
	z-index: 10002;
	position: absolute;
	border: 0px solid;
	;
}

.pdf-iframe-close-button-container .btn-primary {
	width: auto;
	padding: 5px 10px !important;
	font-size: 14px;
	margin: 5px 0 !important;
	background: #fff !important;
	font-weight: 500;
	border: 1px solid #ff9800 !important;
	box-shadow: none;
}

.pdf-iframe-back-button {
	left: 15px;
}

.pdf-iframe-pay-button {
	left: 86px;
}

.pdf-iframe-close-button {
	right: 15px;
}

.pdf-iframe-download-button {
	right: 86px;
}

.pdf-invoice-link {
	margin: 8px 5px;
}

.pdf-iframe-download-button,
.pdf-iframe-pay-button {
	color: white;
	webkit-appearance: none;
	background: -webkit-gradient(to right, #a2ccb6 0%, #fceeb5 50%, #ee786e 100%);
	border-radius: 50px;
	margin: 8px 0px;
	text-transform: uppercase;
}

.pdf-iframe-download-button,
.pdf-iframe-pay-button {
	color: #2fce8a !important;
}

button.btn.btn.view-proof-link {
	background: #2fce8a;
padding: 10px 21px;
margin: 0px 7px;
cursor: pointer;
min-width: 238px;
width: 100%;
display: inline-block;
position: relative;
overflow: hidden;
border: none;
color: white;
text-shadow: 0 -1px 0 rgb(0 0 0 / 25%);
font-weight: 700;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
letter-spacing: 0;
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.09) 0%, rgba(0, 0, 0, 0.09) 100%);
font-size: 1.1rem;
border-radius: 5px;
}

.nav-item.col-4 button {
	width: 100%;
	padding: 20px;
}

.justify-right {
	justify-content: right;
}

.credit-amount-text {
	cursor: pointer;
}

button.btn.copy-to-clip-board {
	background: #bbbbbb;
	color: #fff;
	font-weight: bold;
}

.invoice-btn-container {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.affliate-action {
	justify-content: left;
	text-align: left;
	margin-top: 10px;
}

span.banner-size {
	font-size: 23;
	font-weight: bold;
}

.affiliate-row {
	justify-content: left;
	display: flex;
	flex-direction: column;
	margin: 20px 0;
}

.proofs-list-page::after, .proofs-artwork-list-page::after .proofs-saved-list-page::after {
	display: none;
}

img.proof-menu-image {
    width: 50px;
    margin: 0px 11px 0px 0px;
    border-radius: 5px;
    border: 1px solid #a8a8a8;
}

button.proofs-list-page.dropdown-toggle.show, button.proofs-saved-list-page.dropdown-toggle.show {
	background: #373261 !important;
}

button.proofs-list-page, .proofs-artwork-list-page, .proofs-saved-list-page, .tk-item-list-page {
	position: relative;
}

.cart-image img {
	width: 79px;
	padding: 0px 6px 0px 0px;
}

button.btn.add-to-cart-by-product-id {
	background: #05cff9;
	margin-left: 8px;
	color: #fff;
	font-weight: bold;
}

.proof-menu-list {
	display: flex;
	/* justify-content: space-evenly; */
	padding: 10px 0 !important;
	cursor: pointer;
}

.proof-menu-copy {
	min-width: 0;
}

.proof-menu-copy strong {
	display: block;
	font-size: 14px;
	line-height: 1.25;
	color: #1f3658;
}

.proof-menu-meta {
	margin-top: 2px;
	font-size: 10px;
	font-weight: 800;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #7f8ca0;
}

.proof-menu-secondary-meta {
	margin-top: 2px;
	font-size: 11px;
	font-weight: 700;
	color: #7a8798;
}

.site-feedback-modal-content {
	max-width: 460px;
	margin: 0 auto !important;
	float: none;
	justify-content: center;
	align-items: center;
}

.site-feedback-modal-content .form-group {
	width: 100%;
}

ul#menu-proof-lists li + li,
ul#menu-proof-lists-mobile li + li,
ul#menu-proof-saved-lists li + li,
ul#menu-proof-saved-lists-mobile li + li {
	border-top: 1px solid #e8edf4;
}

.order-action-btn-container button.btn.btn.proof-approve {
	width: 220px;
	padding: 10px;
	/* font-weight: 700; */
}

.shirt-size-lists {
	margin: 20px 0;
}

button.btn.shirt-size-option {
	border: 1px solid #ddd;
	padding: 10px 20px;
}

button.btn.shirt-size-option.active,
button.btn.shirt-size-option:hover {
	border: 1px solid #05cff9;
	color: #fff;
	background: #05cff9;
}

.btn.pick-random-size.small-text {
	color: #05cff9;
	font-weight: bold;
}

.social-media-share-link {
	display: inline-flex;
	width: auto;
	padding: 10px 20px;
	margin-left: 10px;
	align-items: center;
	font-size: 1.2rem;
	color: #fff;
	border-radius: 0.6rem;
}

.social-media-share-link i {
	margin-right: 10px;
}

button.btn.btn-success.crop_image.image-cropper-submit {
	background: #007adb;
	border-radius: 43px;
	padding: 21px 50px;
	border: 7px solid #39a7ff;
	margin: 0px;
}

input[type=range].cr-slider {
	-webkit-appearance: none;
	margin: 2px;
	width: 100%;
}

.col-lg-3.img-wrapper {
    text-align: center;
    padding: 20px;
    cursor: pointer;
    border-radius: 10px;
    background: white;
}

a.rotate-button {
	position: absolute;
	right: 0;
	/*bottom: 10;*/
}

.croppie-container div.cr-slider-wrap {
	margin: 15px 0 !important;
}

a.rotate-button.rotate-first {
	right: 115px;
}

a.rotate-button.rotate-second {
	right: 80px;
}

.update-user-data-model {
	font-weight: 500;
	font-size: 14px;
	margin-top: 20;
}

.site-prime-color {
	background: #ff8722;
	color: #fff;
}

.change-email-template {
	color: #333;
	padding: 20px;
	display: inline-flex;
}
span.cat-title {
    color: #333;
    margin-left: 10px;
}
.main-form-container {
	width: 300px;
}

section.site-prime-color {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	height: 75vh;
}

.full-width {
	width: 100%;
}

.reset-password-field .toggle-login-input-password {
	top: 37;
}

span.update-profile-image {
	position: absolute;
/* 	bottom: 38%;
	left: 35px;
	background: red; */
	width: 100px;
	text-align: center;
	cursor: pointer;
	display: none;
	color: #fff;
}

.profile-image-container:hover span.update-profile-image.btn {
	display: flex;
    flex-direction: row;
    height: 100%;
    flex: 1;
    align-items: center;
    justify-content: center;
    width: 88%;
    padding: 20px;
    background: #00968829;
    border-radius: 50%;
}

.btn-check[name="reivewOrderAgain"] + label.btn,
.btn-check[name="reivewIssueFixAgain"] + label.btn,
.btn-check[name="reviewPostPublicly"] + label.btn {
	color: #333;
	border-color: #eee;
	background: #eee;
	font-weight: bold;
}

.review-page {
	display: flex;
	justify-content: center;
}

.btn-check[name="reivewOrderAgain"]:checked + label.btn:focus,
.btn-check[name="reivewIssueFixAgain"]:checked + label.btn:focus,
.btn-check[name="reviewPostPublicly"]:checked + label.btn:focus {
	border-color: transparent !important;
}

.btn-check[name="reivewOrderAgain"]:checked + label.btn,
.btn-check[name="reivewIssueFixAgain"]:checked + label.btn,
.btn-check[name="reviewPostPublicly"]:checked + label.btn {
	background: #5ba4e6 !important;
	border-color: #5ba4e6 !important;
	color: #fff !important;
}

.submit-review-btn {
	    padding: 15px !important;
	    color: #fff;
	    font-weight: bold;
	    background: #5ba4e6;
	    border-color: #5ba4e6;
	    box-shadow: none !important;
	    border-radius: 5px;
}

button.btn.write-a-reivew {
	background: #5ba4e6;
	border-color: #5ba4e6;
	color: #fff;
}

.center-bottom-arrow::before {
    position: absolute;
    content: '';
    border: 18px solid transparent;
    display: block;
    width: 34px;
    border-top-color: #f2f2f2;
    bottom: -37px;
    transform: translateX(-50%);
    left: 50%;
    background: #fff !important;
}

.set-top-arrow:before {
	top: -20px !important;
	left: 47% !important;
	bottom: inherit !important;
	transform: rotate(180deg) !important;
}

.already-reviewed-lists {
	background: #9e9e9e;
	color: #fff;
	font-weight: bold;
}

.reivew-product-image {
	text-align: center;
	margin-top: 5em;
}

.review-image {
    width: 250px;
    border-radius: 10px;
}

.item-ratings li {
	cursor: pointer;
}

.item-ratings li i.fa-star {
	font-size: 1.5em;
}

.star-text.far {
	color: #ddd;
}

.active.star-text {
	color: #ffcb2d !important;
}
.rev-title{
	font-weight: 900;
}
.review-main-card .item-ratings ul li {
	margin: 0 7px;
	cursor: pointer;
}

.review-main-card .item-ratings ul li .fa-sm {
	font-size: 5em;
}

.not-reviewd-list .item-dimensions {
	min-width: 500px;
	justify-content: flex-start;
}

.not-reviewd-list .order-left-section .item-dimensions {
	width: 400px;
}
h3.bold.mb-4 {
    padding-top: 22px;
}
span.credit-text {
	color: #4caf50;
	font-weight: bold;
	font-size: 12px;
}

span.credit-amount-text {
	background: #4caf50;
	color: #fff;
	padding: 10px 30px;
	font-weight: bold;
	border-radius: 15px;
	font-size: 1.5em;
}

.save-product-data {
	background: #4caf50;
	margin: 0 0 0 auto;
	display: block;
	padding: 5px 20px;
	color: #fff;
	cursor: pointer;
	font-size: 18px;
	margin-top: 20px;
}

div#product_add_section {
	width: 100%;
	height: 80vh;
	border: 1px solid;
}

span.btn.add-print-kicker-product {
	background: #4caf50;
	color: #fff;
	padding: 10px 20px;
	cursor: pointer;
}

a.btn.card-action-btn {
    background: #05cff9;
    color: #fff;
    font-weight: bold;
    /* margin: 0 0 0 auto; */
}
.custom-form-color-check label {
    padding: 20px;
    margin-right: 10px;
	border-radius: 3px;
    cursor: pointer;
}
ul.custom-form-color-check, ul.custom-form-tshit-check {
    display: flex;
    list-style: none;
    flex-direction: row;
	padding: 0px;
}
.custom-form-tshit-check label {
    font-size: 12px;
    padding: 10px;
    margin-right: 10px;
    border: 1px solid #ddd;
	cursor: pointer;
}

ul.custom-form-color-check input:checked+label, ul.custom-form-tshit-check input:checked+label {
    box-shadow: 0 0 0 2px white, 0 0 0 4px #2b71b8;
	border-color: transparent;
}
ul.custom-form-color-check .check-black-bg {
	background: #000000 !important;
}
ul.custom-form-color-check .check-white-bg {
	background: #FFFFFF !important;
    border: 1px solid #ddd;
}
ul.custom-form-color-check .check-blue-bg {
	background: #324D68 !important;
}
ul.custom-form-color-check .check-gray-bg {
	background: #CCCCCC !important;
}
ul.custom-form-color-check .check-orange-bg {
	background: #FF9151 !important;
}
.custom-form-size {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
span.form-size-cross {
    font-weight: bold;
    color: #333;
}
.custom-form-tshit-check li, .custom-form-color-check li {
	display: inline-flex;
}
.custom-form-size input, ul.custom-form-quantity-val input {
    padding: 10 5px;
    border: 1px solid #ddd;
}
.product-size-list .fb-radio {
    display: flex;
}
ul.custom-form-quantity-val.my-0.p-0 {
    border-bottom: 1px solid #a4a4a4;
    margin: 6px;
	padding: 0px 0px 18px !important;
}
.review-total-count {
    font-size: 15px;
    cursor: pointer;
    margin-left: 5px;
    color: white;
    font-weight: bold;
}
.review-header {
    display: inline-block;
    font-size: 10px;
}
ul.custom-form-quantity-val {
    display: flex;
    list-style: none;
    text-align: center;
    padding: 0;
    flex-wrap: wrap;
    margin-top: 10px;
    padding: 10px;
}
ul.custom-form-quantity-val input {
    width: 5em;
}
#product_category_sub_link ul.sub-menu-container {
    display: none;
    position: absolute;
    top: 39px;
    left: -100%;
    background: #fff;
    z-index: 99;
    list-style: none;
    margin: 0;
    padding: 7px 12px;
    width: 250px;
    border-radius: 7px;
}
li.sub-menu-class {
    margin: 5 0;
    padding: 7px 6px;
}
.sub-menu-container img {
    width: 50px;
}
li.sub-menu-class:hover {
    background: #f0f1f3;
    cursor: pointer;
    border-radius: 5px;
}
li:hover ul.sub-menu-container {
    display: flex !important;
    flex-direction: column;
    justify-content: center;
	box-shadow: 0px 6px 20px rgb(0 0 0 / 40%);
}
li:hover ul.sub-menu-container::before {
	position: absolute;
    width: 100%;
    height: 9px;
    content: '';
    left: 0;
    top: -9px;
}
li:hover ul.sub-menu-container::after {
	content: '';
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	border: 8px solid transparent;
	border-bottom-color: white;
	top: -16px;
	left: 37%;
	z-index: 4;
}
ul.custom-form-color-check .check-black-bg {
    background: #000000 !important;
}
.btn.custom-form-action {
    background: #4caf50;
    padding: 5px 20px;
    color: #fff;
}
.product-price-grid input[type="radio"]+label {
	margin-right: 5px;
}
span.add-new-section, span.remove-list-section {
    margin-left: 25px;
}
span.dynamic-range {
    margin: 0 0 0 auto;
	display: flex;
}
.product-size-list label span {
    margin-right: 10px;
}
.section-action-list {
    align-items: end;
}
.boxed-out.col-lg-8 {
 padding: 31px 29px 17px;
}
.product-size-list .flex-direction-column {
    flex-direction: column;
    width: 100%;
}
input[name="produce_view_type"]:checked+label, input[name="shipping_type"]:checked+label, input[name="price_grid_type"]:checked+label, input[name="price_grid_method"]:checked+label {
    border: 1px solid rgb(223, 10, 10) !important;
}
span.size-total {
    border-left: 2px solid #333;
    padding-left: 10;
    text-align: center;
}
.size-text {
    width: 40px;
    text-align: center;
    margin-right: 10px;
    border: 0px solid !important;
	border-color: transparent !important;
    box-shadow: none !important;
}
.form-check.disable-list {
    pointer-events: none !important;
    opacity: .3;
}
.btn.show-all-check-list {
    width: 100%;
    padding: 10px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    background: #eeeeee;
}
div.shipping-search {
    position: absolute !important;
    top: -48px;
    right: -1px;
    width: 100%;
}
div.shipping-search input {
	width: 100%;
	padding: 6px 33px;
    background-color: white !important;
}
div.shipping-search i {
	transform: rotateY(180deg);
	cursor: pointer;
	font-size: 16px;
	color: #0570dd;
}
span.edit-address {
    cursor: pointer;
    color: #05cff9;
}
button.btn.update-order-address {
    background: #05cff9;
    color: #fff;
    padding: 20px;
    font-weight: bold;
}
.shipping-search span {
    text-align: center;
    padding: 10px 8px;
    position: absolute;
    left: 3px;
}
.shipping-container-border {
	text-align: justify;
}
.shipping-search.hide-width input {
	display: none;
}
.shipping-search.hide-width {width: 50px;/* padding: 0px 3px; */margin: 0px -19px;}
.size-text-w-h {
    display: flex;
    align-items: center;
}
label.form-check-label {
    cursor: pointer;
}

span.mb-4 {
    position: relative;
    top: -10px;
}
button.btn.shop-signup-system {
    color: white;
    margin-left: 5px;
	font-weight: 900;
    border: 2px solid white;
    height: 27px;
    padding: 0px 13px !important;
    font-size: 12px;
}

button.btn.btn-outline-light.me-2.shop-login-system {
    font-weight: 900;
    border: 2px solid white;
    height: 27px;
    padding: 0px 13px;
    font-size: 12px;
}
.grid-size-text-section {
    border: 1px solid #ddd;
    padding: 5px 10px;
    flex-direction: row;
    display: flex;
    align-items: center;
    justify-content: center;
}
.prise-grid-size-lists {
    margin-top: 20px;
    display: flex;
    align-items: center;
    position: relative;
    flex-wrap: wrap;
}
.size-container {
	position: relative;
	display: inline-flex;
	margin-right: 12px;
	margin-top: 12px;
}
.flex-direction-column {
	flex-direction: column;
}
.size-list:hover, .size-list.active {
    background: #ecf3fe;
    cursor: pointer !important;
    border-radius: 5px;
}
span.price-saved {
	color: #2a793e;
}
.size-list.product-custom-size {
	justify-content: center;
    align-items: center;
}
.disable-element * {
    opacity: .7;
    pointer-events: none !important;
}
.product-custom-qty input {
	width: 80px;
	display: inline-block;
}
.custom-qty-price {
	margin-left: 10px;
}
.size-list.product-custom-size input {
	width: 80px;
	width: 45%;
	height: 49px;
}
.size-container .size-list {
	display: flex;
	margin: 0px;
	padding: 2px 5px;
	width: 100%;
	flex-wrap: wrap;
	flex-wrap: wrap;
	width: 100%;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
}
.size-container .size-list label {
    margin-left: 10px;
}
.product-custom-qty label {
    margin: 0px !important;
    padding: 0px;
}
.product-custom-qty input {
    width: 100%;
    display: inline-block;
    height: 48px;
    padding: 10px;
    margin: 0px;
}
.flex-direction-row {
	flex-direction: row;
}
.size-container:hover span.btn.size-remove-radio {
	opacity: 1;
}
span.btn.size-remove-radio {
    position: absolute;
    top: -10px;
    right: -5px;
    cursor: pointer;
    padding: 0 5px;
    background: red;
    /* line-height: 0; */
    border-radius: 15px;
    color: #fff;
	opacity: 0;
}
li.nav-item.col-4 {
    background: #d9d9d9;
    border: 4px solid white;
    font-weight: bold;
}
.price-grid-section-list .section-name {
    flex-direction: column;
}
.dynamic-range .form-check {
    margin-left: 15px;
}
.mobile-category-lists a {
    color: #212529 !important;
}
.trigger-product-view {
	cursor: pointer;
}
li.sub-menu-class a {
    width: 100%;
    display: block;
}
.inivted-user-list-section .user-list span:nth-child(2), .inivted-user-list-section .user-list strong:nth-child(2) {
    text-align: center;
}
.inivted-user-list-section .user-list span:last-child, .inivted-user-list-section .user-list strong:last-child {
    text-align: right;
}
.inivted-user-list-section .user-list * {
    width: 33%;
}
.inivted-user-list-section .user-list {
    padding: 10px 0;
    align-items: center;
    justify-content: space-between;
    display: flex;
    text-align: justify;
}
.top-banner-notification {
    font-size: 17px;
    font-weight: bold;
}
.top-banner{
	background: #FD713E;
    color: white;
	transition: opacity 1s;
}
.inivted-user-list-section {
    flex-direction: column;
}
.top-banner-notification div {
    animation-name: slideUp;
    animation-duration: 2s;
    animation-timing-function: ease-in;
}
.box--hidden {
	opacity: 0;
}
.size-container .price-gird-size {
    flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}
button.btn.section-checked.active {
    border-color: #05cff9;
    background: #05cff9;
    color: #fff;
    font-weight: bold;
}
button.btn.section-checked {
    border: 1px solid #ddd;
    margin: 2px;
    box-shadow: none !important;
    background: white;
    width: inherit;
}
.tablet-view-only img, .mobile-view-only img {
    width: 100%;
}
.file-upload-section.mobile-view-only, .flex-direction-row.mobile-view-only{
	display: none !important;
}
.mobile-view-only, .tablet-view-only {
	display: none;
}
.checkout-delivery-section .form-check-label {
	width: 90%;
	cursor: pointer;
}
.checkout-delivery-section .form-check-label strong{
	width: 90%;
	display: flex;
}
.checkout-delivery-section .form-check-label span.pull-right {
    margin: 0 0 0 auto;
}
.checkout-delivery-section br {
    display: none;
}
button#login-in-code {
    background: #afafaf;
    height: 70px;
}
.code-login-template p, .code-login-template span, .code-login-template label {
	font-weight: 500;
}
.code-login-template {
	background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
	border: none !important;
	border-radius: 18px !important;
	box-shadow: none;
	max-width: 660px;
	padding: 10px 8px;
	font-weight: 500;
}
.code-login-template .card-body {
	padding: 8px 12px 14px;
}
.code-login-template h3 .small-text {
	font-size: 18px;
}
.code-login-template h3 {
	justify-content: space-around;
	align-items: center;
	display: flex;
}
.code-login-template .otp-intro {
	font-size: 14px;
	line-height: 1.45;
	color: #40506c;
	margin: 0 0 10px;
}
.code-login-template .pk-otp-wrap {
	gap: 8px;
	position: relative;
}
.code-login-template .pk-otp-wrap .otp-label {
	font-size: 12px;
	font-weight: 700;
	color: #2d3f60;
	letter-spacing: 0.02em;
}
.code-login-template .pk-otp-hidden {
	position: absolute;
	opacity: 0;
	pointer-events: none;
	width: 1px;
	height: 1px;
	margin: 0;
	padding: 0;
	border: 0;
}
.code-login-template .pk-otp-inputs {
	display: grid !important;
	grid-auto-flow: column;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: 8px;
	width: 100%;
}
.code-login-template .pk-otp-inputs .pk-otp-digit.form-control {
	height: 54px;
	padding: 0;
	text-align: center;
	font-size: 24px;
	font-weight: 800;
	letter-spacing: 0.02em;
	color: #1f2e48;
	border: 1px solid rgba(148, 171, 213, .45);
	border-radius: 12px;
	background: #fff;
	box-shadow: none !important;
	min-width: 0;
	transition: border-color .18s ease, background-color .18s ease, transform .18s ease, color .18s ease;
}
.code-login-template .pk-otp-inputs .pk-otp-digit.form-control:focus,
.code-login-template .pk-otp-inputs .pk-otp-digit.form-control.is-complete {
	border-color: rgba(55, 140, 255, .75);
	box-shadow: none !important;
	outline: 0;
}
.code-login-template .pk-otp-inputs.otp-success .pk-otp-digit.form-control {
	animation: pkOtpSuccess .48s cubic-bezier(.2,.95,.3,1.1) both;
	background: #e8f5ff;
	border-color: rgba(100, 177, 255, .9);
	color: #1472c9;
}
.code-login-template .pk-otp-inputs.otp-success .pk-otp-digit.form-control:nth-child(2) {
	animation-delay: .05s;
}
.code-login-template .pk-otp-inputs.otp-success .pk-otp-digit.form-control:nth-child(3) {
	animation-delay: .10s;
}
.code-login-template .pk-otp-inputs.otp-success .pk-otp-digit.form-control:nth-child(4) {
	animation-delay: .15s;
}
.code-login-template .pk-otp-inputs.otp-success .pk-otp-digit.form-control:nth-child(5) {
	animation-delay: .20s;
}
.code-login-template .pk-otp-inputs.otp-success .pk-otp-digit.form-control:nth-child(6) {
	animation-delay: .25s;
}
.code-login-template .otp-resend-row {
	margin: 6px 0 0;
	font-size: 13px;
	color: #51627f;
}
.code-login-template .otp-resend-row .resend-code {
	color: #05cff9;
	cursor: pointer;
	font-weight: 700;
}
.code-login-template .otp-resend-row .resend-code.disabled {
	color: #9facc2;
	cursor: default;
	pointer-events: none;
}
.code-login-template .otp-success-message {
	max-height: 0;
	opacity: 0;
	overflow: hidden;
	transition: max-height .26s ease, opacity .26s ease, margin-top .26s ease;
	color: #2a74ca;
	font-size: 14px;
	font-weight: 700;
	margin-top: 0;
}
.code-login-template .otp-success-message.active {
	max-height: 80px;
	opacity: 1;
	margin-top: 10px;
}
.code-login-template #continue-code {
	position: relative;
	min-width: 170px;
}
.code-login-template #continue-code .btn-label {
	transition: opacity .18s ease;
}
.code-login-template #continue-code .sk-circle.selected {
	position: absolute;
	right: 14px;
	top: 50%;
	transform: translateY(-50%);
	visibility: hidden !important;
	pointer-events: none;
}
.code-login-template #continue-code.is-loading .sk-circle.selected {
	visibility: visible !important;
}
@keyframes pkOtpSuccess {
	0% {
		transform: translateY(0) scale(1);
	}
	35% {
		transform: translateY(-12px) scale(1.11);
	}
	70% {
		transform: translateY(3px) scale(.98);
	}
	100% {
		transform: translateY(0) scale(1);
	}
}
@media screen and (max-width: 575px) {
	.code-login-template .pk-otp-inputs {
		display: grid !important;
		grid-template-columns: repeat(6, minmax(34px, 1fr)) !important;
		gap: 6px;
	}
	.code-login-template .pk-otp-inputs .pk-otp-digit.form-control {
		height: 46px;
		font-size: 20px;
		border-radius: 10px;
	}
	.code-login-template .otp-intro {
		font-size: 13px;
	}
}
.price-grid-price-list {
	align-items: center;
}
.launch-pad-lists .col-lg-3.img-wrapper {
	flex: 1;
}
header.bg-site-header {
    z-index: 9;
}
img.cart-item-image-icon {
    width: 100%;
    max-height: 150;
}
@keyframes slideUp {
    0%,
    50% {
      transform: translateY(100%);
      opacity: 0;
    }

    60%,
    100% {
      transform: translateY(0);
      opacity: 1;

    }
  }
@keyframes curtain {
	0% {
		transform: translate(-20px, -20px);
	}

	100% {
		transform: translate(0, 0);
		opacity: 1;
	}
}

@keyframes scale {
	0% {
		transform: scale(0.0);
	}

	25% {
		transform: scale(0.9, 0.9);
		background: lighten(#fff, 30%)
	}

	50% {
		transform: scale(1, 1);
		margin: 0 3px;
		background: #fff;
	}

	100% {
		transform: scale(0.0);
	}
}

/** END **/


@-moz-keyframes spin {
	to {
		-moz-transform: rotate(360deg);
	}
}

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

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

@keyframes drive {
	0% {
		opacity: 0;
		left: -906px;
	}

	2%,
	98% {
		opacity: 1;
	}

	40%,
	60% {
		left: 170px;
	}

	to {
		opacity: 0;
		left: 1954px;
	}
}

@keyframes moveCloud {
	0% {
		opacity: 0;
		left: -906px;
	}

	2%,
	98% {
		opacity: 0.8;
	}

	to {
		opacity: 0;
		left: 1954px;
	}
}
@media screen and (max-width: 480px) {
	span.btn-marketplace-megamenu-detail {
		width: 80% !important;
	}
}
@media screen and (min-width: 600px) {
	.main-nav-lists.mobile-view-also {
		display: none !important;
	}
	span.proof-approve-change-request:before {
		content: 'or';
		color: #6f6f6f;
		padding: 6px;
  }
	button.proof-approve-reconfirm{
		    max-width: 400px;
	}
	.apparel-list:hover{
		text-decoration: underline;
	}
	.wrapper.second-layer {
		text-align: left;
	}
	span.price-saved {
		position: absolute;
		right: -4px;
	}
	.launch-pad-lists .col-lg-3.img-wrapper {
		width: 25% !important;
		flex: 0 0 auto !important;
	}
	.cart-padding {
		padding: 0px 56px 40px 4px;
	}

	.slogan.second-layer {
		max-width: 450px;
	}

	.subtitle.second-layer {
		max-width: 350px;
	}

	.wrapper.second-layer a {
		text-align: center;
		margin: 0 1rem 0 0;
		min-width: 180px;
		/* width: 100% !important; */
		/* margin-bottom: 15px; */
		cursor: pointer;
	}

	.login-card {
		padding: 1px 51px 41px 51px;
		border-radius: 11px;
	}


	body.dtf_print_page .hero.main .container.main {
		background-image: url(https://threadkicker.com/core/templates/assets/img/dtf.png);
		background-size: 700px auto !important;
	}

	.hero.main .container.main {
		padding-top: 33px;
		background-size: auto 250px;
		background-position: 420px bottom;
		background-image: url(https://threadkicker.com/core/templates/assets/img/emb-cut.png);
	}

	.smallUp.social-icons-lists {
		display: block;
	}

	.smallOnly.social-icons-lists {
		display: none;
	}
}

@media screen and (min-width: 767px) {
	.form-check:hover {
    background: #f6f6f6;
    }
	ul.list-group.mb-3 {
    margin-top: 25px;
	}
	.review-main-card .item-ratings ul li .fa-sm {
    font-size: 9em;
   }
	.custom-shop .main.container {
		padding-left: 30px !important;
		padding-right: 30px !important;
	}
	.hero.main .container.main {
		background-size: 580px auto;
		padding: 30px 0px 21px;
	}
	.total-half-width{
		width: 50% !important;
	}
	h1.page-title {
		font-size: 50px;
		font-weight: 900;
	}

	h1.header-title {
		font-size: 4.2rem;
		font-weight: 900;
	}
	.boxed-out.col-lg-8 {
		padding-bottom: 38px;
	}
	.sticker-size-container {
		box-shadow: 0 0 0 5px rgb(0 0 0 / 15%);
	}
	.proof-reel.position-relative img.approved-proof-image, .image-overlay-art {
		width: 100% !important;
	}
	.swal2-modal.launch-pad-details div.project-details-container, .swal2-modal.launch-pad-details div.product-top-section.order-lg-first {
		overflow-y: scroll;
		max-height: 95vh;
		min-height: 95vh;
		padding-bottom: 120px;
	}
	/* .suggestion-btn-container {
		position: absolute;
		left: -250px;
		width: auto;
	} */
}

@media screen and (max-width: 1040px) {
	.btn-group.active-user-menu {
		display: none;
	}
}
@media screen and (min-width: 1200px) {
	.swal2-modal.swal2-show.launch-pad-details {
		max-width: 1300px;
		min-width: 1300px;
	}
}

@media screen and (min-width: 1040px) {

	.userMenus.jsx-930204303,
	.menuToggle.jsx-930204303 {
		width: auto;
	}

	.mobileOnly.jsx-930204303 {
		display: none;
	}

	.logo.jsx-930204303 {
		margin-right: 15px;
	}

	.desktopOnly.jsx-1975246924 {
		display: block !important;
	}

	.desktopOnly {
		display: flex !important;
		padding: 5px 0px;
	}

	.mobileOnly.jsx-930204303,
	.mobileOnly {
		display: none !important;
	}

	.navigationMenu.jsx-930204303 {
		display: block;
	}

	header.jsx-3188069690 .HeaderNavItem {
		color: white;
	}

	a.jsx-505565344 {
		padding: 12px;
		font-size: 15px;
	}
}

@media screen and (max-width: 912px) {
	.tablet-view-only {
		display: block;
	}
	.desktop-view-only {
		display: none;
	}
	button.btn.section-checked {
    padding: 13px 2px;
}

}
@media screen and (max-width: 768px) {
	.row.order-summery.my-5.p-2 {
		margin-top: 16px !important;
		margin-bottom: 16px !important;
		padding: 0 !important;
	}
	.order-summary-project-highlight {
		width: 100%;
		padding: 14px 16px;
		font-size: 13px;
		max-width: none;
		top: 0;
	}
	.order-summery-header {
		padding: 14px !important;
		gap: 8px;
		flex-wrap: wrap;
		position: relative;
	}
	.order-summery-header .proof-title-block {
		max-width: 100%;
		padding-right: 92px;
	}
	.proof-title-row {
		flex-wrap: wrap;
	}
	.order-summery-header strong {
		width: 100%;
		margin-right: 0;
		text-align: left;
	}
	.order-summery-header .proof-dimension-text {
		width: auto;
	}
	.order-summery-header-actions {
		width: 100%;
		margin-left: 0;
		flex-wrap: wrap;
		gap: 8px;
	}
	.order-summery-share-action {
		position: absolute;
		top: 14px;
		right: 14px;
		order: initial;
		margin: 0;
		padding: 0;
		border: 0;
		z-index: 3;
	}
	.order-summery-view-action {
		order: initial;
		width: auto;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		margin: 8px 0 0 auto;
		padding: 7px 12px;
		border: 1px solid #ffd3af;
		border-radius: 999px;
		background: #fff7f0;
	}
	.order-details-heading .order-details-view-project {
		margin-left: 0;
		width: 100%;
	}
	.order-details-heading .order-details-view-project .btn.view-new-page {
		width: 100%;
		text-align: center;
	}
	button.btn.view-edit-mode {
		display: none !important;
	}
}
@media screen and (max-width: 600px) {
	.hidemob{
		display: none;
	}
	button.feed-back-submit.btn, .btn.skip-proofing {
    width: 100%
  }
	    .proof-approve-change-request {
        font-weight: bold;
        cursor: pointer;
        background: #e4e4e4;
         margin-bottom: 19px;
        display: inline-block;
        text-align: center;
        cursor: pointer;
        color: #646363 !important;
        font-weight: 700;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
         letter-spacing: 0;
        line-height: 1.2;
        font-size: 1.4rem;
        padding: 22px 30px !important;
        border-radius: 6px;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #afafaf;
				margin: auto;
		  }
		body.proof-theme-dark .proof-approve-change-request {
			background: #1a202b;
			border: 1px solid #344157;
			color: #d7deea !important;
		}
		.row.order-summery.my-5.p-2 {
			margin-top: 16px !important;
			margin-bottom: 16px !important;
			padding: 0 !important;
		}
			.order-summery-header {
				padding: 14px !important;
				gap: 8px;
				flex-wrap: wrap;
				position: relative;
			}
			.order-summery-header strong {
				width: 100%;
				margin-right: 0;
				text-align: left;
			}
			.order-summery-header .proof-title-block {
				padding-right: 92px;
			}
			.order-summery-header .proof-dimension-text {
				width: auto;
			}
				.order-summery-header-actions {
					width: 100%;
					margin-left: 0;
					flex-wrap: wrap;
					gap: 8px;
				}
				.order-summery-share-action {
					position: absolute;
					top: 14px;
					right: 14px;
					order: initial;
					margin: 0;
					padding: 0;
					border: 0;
					z-index: 3;
				}
				.order-summery-view-action {
					order: initial;
					width: auto;
					display: inline-flex;
					align-items: center;
					justify-content: center;
					text-align: center;
					margin: 8px 0 0 auto;
					padding: 7px 12px;
					border: 1px solid #ffd3af;
					border-radius: 999px;
				background: #fff7f0;
		}
		.order-details-heading .order-details-view-project {
			margin-left: 0;
			width: 100%;
		}
		.order-details-heading .order-details-view-project .btn.view-new-page {
			width: 100%;
			text-align: center;
		}
		button.btn.view-edit-mode {
			display: none !important;
		}
	.place-sticker-order.desk-btn {
		display: none;
	}
	.place-sticker-order.mobile-btn {
		display: block !important;
		position: sticky;
		top: 62px;
		left: 0;
		z-index: 9999;
	}
	.checkout-stripe-label #stripe-label {
		display: none !important;
	}
	.thread-comment-container .col {
		width: 81%;
		flex: initial !important;
	}
	.thread-comment-container .col-1 {
		width: 15% !important;
		flex: initial !important;
	}
	.show-botton-login-register {
		display: none !important;
	}
	img.approved-proof-image, .image-overlay-art {
	     width: 100%;
	     max-width: 860px;
	     border: 1px solid #d2d2d2;
	     border-radius: 4px;
	}
	.admin-view-all-orders {
		position: inherit !important;
	}
	#order-history-search {
		width: 100% !important;
	}
	.btn.proof-approved-text {
		left: 0px !important;
		bottom: -35px !important;
		width: 100%;
		text-align: center;
	}
	.uploaded-file-lists .file-list a, .simple-view-list .file-links {
		width: 320px;
		display: block;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.main-nav-lists.mobile-view-also {
		display: flex !important;
	}
	.selected-apparel-lists .col-lg-3.img-wrapper.active {
		min-width: 49px !important;
		height: 0px !important;
	}
	.thread-apparel-type img.type-icons {
		width: 27px;
	}
	input.form-control.sticker-file-upload {
		display: none;
	}
	.col-12.product-grid-list.display-flex.thread-apparel-type.launch-pad-lists {
		flex-direction: row !important;
	}
	.col-12.product-grid-list.display-flex.thread-apparel-type.launch-pad-lists .col-lg-2.img-wrapper {
		margin: 10px 5px !important;
		width: 45%;
	}
	div.variation-icon-img.left-icon-section-screen-printing {
		position: inherit !important;
		left: inherit !important;
		top: inherit !important;
		width: 100% !important;
	}
	.quoteCenter-top-container fieldset {
		flex-direction: row;
		flex-wrap: wrap;
	}
	.left-icon-section-screen-printing {
		min-height: 100px !important;
		margin-bottom: 20px;
		width: 100%;
	}
	.thread-drag-and-drop {
		width: 50% !important;
	}
	.thread-apparel-type.product-grid-list {
		display: flex !important;
		flex-direction: column !important;
	}
	.card-list, .product-grid-list {
		max-width: 1000px;
		display: -ms-grid;
		display: grid !important;
		-ms-grid-columns: 1fr 1fr;
		grid-template-columns: 1fr 1fr;
		grid-column-gap: 10px;
		grid-row-gap: 15px;
		margin: 0 auto;
	}

	.launch-pad-lists {
    	flex-direction: column;
	}
	.swal-shipping-address-update {
		width: 100% !important;
	}
	.file-upload-section input.form-control {
		width: 50% !important;
	}
	.swal2-popup.swal2-modal.swal2-show {
		top: 0px;
		position: absolute;
		width: 100%;
		padding: 0px;
	}
    .hero.main .container.main{
		text-align: center;
	}
	.boxed-out {
    padding: 47px 0px;
   }
	 .size-container .size-list {
	 	padding: 10px 0px;
	}
	nav.dropdown-menu.mt-2.show{
	    display: block;
	    padding: 14px;
	    width: 100% !important;
	    top: 47px;
	    height: 95vh;
		overflow-y: auto;
	    box-shadow: none;
	    border-radius: 0px;
	}
	 .sticker-size-container {
	     padding: 2px 20px;
	 }

	img.profile-image.avatar.img {
		width: 34px;
		height: 34px;
		background: #e1e1e1;
	}

	.alert-warning {
		color: #fcfcfc;
		background-color: #36b0db;
		border-color: #34abc2;
		padding: 16px 34px 6px 25px;
		position: fixed;
		z-index: 1;
		margin: auto;
		bottom: 0px;
		width: 100%;
		left: 0px;
		border-radius: 0px;
	}

	.mobile-nave .btn-secondary {
		color: #ffffff;
		border-color: #6c757d00;
		font-size: 26px;
		padding: 0px;
		margin: 5px;
	}

	.bg-site-header {
		position: fixed;
		background: linear-gradient(90deg, #00c4cc, #4873db);
		background: #191444;
		top: 0;
	}
	.proof-page-bg .main-container.app-main-container{
		margin-top: 85px;
	}
	.main-container.app-main-container{
		margin-top: 53px;
	}

	.proof-view-page .proof-image-top-controls {
		margin-top: 10px;
	}

	.login-card {
		border-radius: 0px;
		padding: 43px;
		height: 100vh;
		top: 0px;
		position: absolute;
		width: 100%;
	}

	.swal2-popup .swal2-close {
		top: -7px;
	}

	/*.submenu .row {
		margin-top: 48px;
	} */

	.large.a-btn {
		width: 100% !important;
		margin-bottom: 15px;
	}

	.row.my-2.py-4.video-container {
		justify-content: space-around;
		align-items: center;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		width: 100%;
		text-align: center;
	}
	.desktop-view-only {
		display: none !important;
	}
	.tablet-view-only {
		display: none !important;
	}
	.file-upload-section.mobile-view-only {
		display: flex !important;
	}
	.mobile-view-only{
		display: block;
	}
	.price-gird-size .mobile-view-only, .quantity-list .mobile-view-only {
		display: flex !important;
		width: 100%;
	}
	.mobile-view-only .dropdown.bootstrap-select {
		width: 100% !important;
	}
	.mobile-view-only .dropdown.bootstrap-select button {
		box-shadow: none !important;
		border-color: #f9fafb !important;
		border: 1px solid rgba(0,0,0,.15) !important;
		background: #fff;
		height: 50px;
	}
	.mobile-view-only .bootstrap-select .dropdown-toggle .filter-option {
		display: flex;
		align-items: center;
	}
	.sticker-size-container{
		background: transparent;
	}
	.mobile-view-only .dropdown-menu.show {
		box-shadow: none;
		border-top: 0px solid;
		border-color: #4873db;
	}
	.mobile-view-only .dropdown-menu span.text span {
		width: 30%;
	}
	.mobile-view-only .dropdown-menu span.text {
		display: flex;
		width: 100%;
		/* justify-content: space-between; */
	}

}


.col.main.container.shop-category-section {
	max-width: 1000px;
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr 1fr;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 10px;
	grid-row-gap: 15px;
	margin: 0 auto;
}

@media screen and (min-width: 600px) {

	.shop-category-section .col-lg-3.img-wrapper:nth-child(4n + 1) {
		-ms-grid-column: 1;
	}

	.shop-category-section .col-lg-3.img-wrapper:nth-child(2n + 1)  {
		-ms-grid-column: 1;
	}

	.col.main.container.shop-category-section {
		grid-template-columns: 1fr 1fr 1fr 1fr;
		-ms-grid-columns: 1fr 1fr 1fr 1fr;
	}

	section.main-section.bg-gray {
    padding-top: 35px;
    border-bottom: 1px solid gainsboro;
}
}

.shop-category-section .col-lg-3.img-wrapper {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 10px;
	border-radius: 12px;
	height: 100%;
	width: 100%;
}


.shop-category-section .img-container {
	-webkit-align-self: center;
	-ms-flex-item-align: center;
	align-self: center;
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
}

section.main-section.bg-gray {
	padding-top: 35px;
}
a.p-3.dropdown-item.user-log-out.bold-blue {
    background: #eff1f3;
}
.sk-circle .sk-child {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

span.sk-circle.selected {
	display: inline-block;
	position: relative;
	width: 20px;
	height: 20px;
	top: 5px;
	margin-left: 5px;
	visibility: hidden;
}

.sk-circle .sk-child:before {
	content: '';
	display: block;
	margin: 0 auto;
	width: 15%;
	height: 15%;
	background-color: #fff;
	border-radius: 100%;
	-webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
	animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
}

.sk-circle .sk-circle2 {
	-webkit-transform: rotate(30deg);
	-ms-transform: rotate(30deg);
	transform: rotate(30deg);
}

.sk-circle .sk-circle3 {
	-webkit-transform: rotate(60deg);
	-ms-transform: rotate(60deg);
	transform: rotate(60deg);
}

.sk-circle .sk-circle4 {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

.sk-circle .sk-circle5 {
	-webkit-transform: rotate(120deg);
	-ms-transform: rotate(120deg);
	transform: rotate(120deg);
}

.sk-circle .sk-circle6 {
	-webkit-transform: rotate(150deg);
	-ms-transform: rotate(150deg);
	transform: rotate(150deg);
}

.sk-circle .sk-circle8 {
	-webkit-transform: rotate(210deg);
	-ms-transform: rotate(210deg);
	transform: rotate(210deg);
}

.sk-circle .sk-circle9 {
	-webkit-transform: rotate(240deg);
	-ms-transform: rotate(240deg);
	transform: rotate(240deg);
}

.sk-circle .sk-circle10 {
	-webkit-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	transform: rotate(270deg);
}

.sk-circle .sk-circle11 {
	-webkit-transform: rotate(300deg);
	-ms-transform: rotate(300deg);
	transform: rotate(300deg);
}

.sk-circle .sk-circle12 {
	-webkit-transform: rotate(330deg);
	-ms-transform: rotate(330deg);
	transform: rotate(330deg);
}

.sk-circle .sk-circle2:before {
	-webkit-animation-delay: -1.1s;
	animation-delay: -1.1s;
}

.sk-circle .sk-circle3:before {
	-webkit-animation-delay: -1s;
	animation-delay: -1s;
}

.sk-circle .sk-circle4:before {
	-webkit-animation-delay: -0.9s;
	animation-delay: -0.9s;
}

.sk-circle .sk-circle5:before {
	-webkit-animation-delay: -0.8s;
	animation-delay: -0.8s;
}

.sk-circle .sk-circle6:before {
	-webkit-animation-delay: -0.7s;
	animation-delay: -0.7s;
}

.sk-circle .sk-circle7:before {
	-webkit-animation-delay: -0.6s;
	animation-delay: -0.6s;
}

.sk-circle .sk-circle8:before {
	-webkit-animation-delay: -0.5s;
	animation-delay: -0.5s;
}

.sk-circle .sk-circle9:before {
	-webkit-animation-delay: -0.4s;
	animation-delay: -0.4s;
}

.sk-circle .sk-circle10:before {
	-webkit-animation-delay: -0.3s;
	animation-delay: -0.3s;
}

.sk-circle .sk-circle11:before {
	-webkit-animation-delay: -0.2s;
	animation-delay: -0.2s;
}

.sk-circle .sk-circle12:before {
	-webkit-animation-delay: -0.1s;
	animation-delay: -0.1s;
}

span.shipping-action-options {
	position: absolute;
    top: 10px;
    right: 10px;
    font-weight: bold;
    cursor: pointer;
    font-size: 12px;
}
span.edit-addresses, .add-shipping-account-number, .add-payment-card {
    color: #ff9800;
    font-weight: bold;
    cursor: pointer;
    font-size: 12px;
    padding-left: 10px;
}
.edit-shipping-list-container {
    text-align: justify;
	color: #404040;
}
span.delete-shipping-address {
    color: #e11a1af2;
}
.shipping-edit-action-btns {
	align-items: center;
    justify-content: space-between;
}
.swal-shipping-address-update {
	width: 520px !important;
	border-radius: 15px !important;
	padding: 30px !important;
}
.swal-shipping-address-update button.swal2-close {
   top: 0px !important;
}
.shipping-action-options span.edit-shipping-address, .shipping-action-options span.set-as-default {
    background: #ccc;
    padding: 5px;
    color: #fff;
    margin: 0 5px;
    box-shadow: inset 0 -2px 0 rgb(0 0 0 / 15%);
}
.img-wrapper:hover span.btn.delete-artwork, .img-wrapper:hover .edit-artwork-image {
	visibility: visible;
}
.user-payment-card-list {
    text-align: justify;
    margin-bottom: 20px;
    font-weight: bold;
    color: #333 !important;
	padding: 0px !important;
}
.user-payment-card-list label.form-check-label {
    width: 100%;
    border: 1px solid #ddd;
    padding: 10px;
}
.user-payment-card-list img {
    margin-right: 20px;
}
.user-payment-card-list span.set-as-default {

    background: #ddd;
    padding: 5px 10px;
	cursor: pointer;
}
.user-payment-card-list .user-card-list-action {
	position: absolute;
    right: 10;
    top: 14px;
    /* font-weight: 400; */
    font-size: 12;
}
.user-card-list-action .remove-card {
	background: #d20a0ae0;
	color: #fff;
    padding: 5px 10px;
}
.default-payment-card-number img {
    margin-right: 20px;
}
.default-payment-card-number {
    font-weight: bold;
}
.swal-payment-card-update .swal2-header {
    margin-bottom: 30px;
}
.edit-artwork-image:hover {
	color: #d20a0ae0 !important;
}
.edit-artwork-image {
	left: 0px !important;
	right: inherit !important;
}
span.btn.delete-artwork, .edit-artwork-image {
	visibility: hidden;
    position: absolute;
    top: 0;
    right: 0;
    background: #ddd;
	border-bottom-left-radius: 15px;
    color: #d20a0ae0;
    font-weight: bold;
    border-bottom-left-radius: 15px;
}
.swal-shipping-address-update .swal2-header{
	align-items: flex-start  !important;
}
button.btn.submit-edit-form {
    width: 100%;
    font-size: 20px;
    background: #05cff9;
    color: #fff;
    font-weight: bold;
}
section.main.deals-banner {
    background-position: center;
    background-size: cover;
}
.main.container.deals-banner {
    text-align: center;
    align-items: center;
    justify-content: center;
    display: flex;
}
.deals-banner-bottom {
    position: absolute;
    bottom: 0;
    padding: 10;
    font-size: 18;
    left: 0;
    text-align: center;
    width: 100%;
    background: rgba(0, 0, 0, 0.6);
}
.deal-product-container .card-body {
    text-align: justify;
    padding: 30px !important;
}
.deal-product-container label {
    font-weight: bold;
    margin-bottom: 10px;
}
.deal-product-container input {
    padding: 10px;
}
.deals-banner-bottom strong {
	font-size: 20px;
	margin: 0 5px;
}
.deal-product-container {
    width: 50%;
    padding: 40px;
}
.datepicker-days {
    padding: 15px;
}
button.btn.set-as-deal {
    font-weight: bold;
    background: #05cff9;
    color: #fff;
}
span.deal-product {
    margin-left: 20px;
    font-weight: bold;
	color: #05cff9;
	cursor: pointer;
}
.sample-product-card-list:hover img, .sample-product-card-list:hover strong, .sample-product-card-list:hover .price-text {
    opacity: .5;
}
.sample-product-card-list:hover {
    background: #eee;
}
.sample-product-card-list {
	padding: 10px;
}
.sample-product-card-list:hover span.sample-product-add-to-cart {
    visibility: visible;
}
span.sample-product-add-to-cart {
    position: absolute;
    top: 45%;
    left: 25%;
    background: linear-gradient(90deg, #00c4cc, #4873db) !important;
    color: #fff;
    padding: 5px 10px;
    border-radius: 15px;
    z-index: 99999;
    font-weight: bold;
    cursor: pointer;
    visibility: hidden;
}
section.lauch-pad-section {
    background: linear-gradient(90deg, #00c4cc, #4873db) !important;
}
section.lauch-pad-section input {
	height: 53px;
	padding: 18px;
}
h2.deal-count-down-timer {
    color: #fff;
    font-size: 3rem;
}
table.table-condensed {
    width: 100%;
}
.col-2.field-deal-size input {
    flex: 2;
}
.col-2.field-deal-size {
    border: 1px solid #ddd;
}
.edit-payment-card, .profile-completed-order-count {
	color: #05cff9;
	font-size: 12px;
	font-weight: bold;
	margin-left: 20px;
	cursor: pointer;
}
span.back-to-address-list, .delete-shipping-address {
    cursor: pointer;
    font-weight: bold;
    margin-right: 15px;
    padding: 10px;
}
.edit-shipping-list-container .form-check {
    padding: 10px;
    border: 1px solid #ddd;
    margin-bottom: 15px;
}
.text-black-important {
	color: #000 !important;
}
.text-black {
	color: #000;
}
.bootstrap-tagsinput input {
    border: none;
    box-shadow: none;
    outline: none;
    background-color: transparent;
    margin: 0;
    width: 74px;
    max-width: inherit;
}
.bootstrap-tagsinput span.tag {
    display: inline-flex;
    width: auto;
    font-size: 12px;
    padding: 5px 10px;
    margin-right: 5px;
    background: #007adb;
    color: #fff;
    border-radius: 15px;
}
.bootstrap-tagsinput {
    background: #ddd;
    padding: 15px 20px;
    border-radius: 20px;
}
.bootstrap-tagsinput .tag:hover [data-role="remove"] {
    opacity: 1;
    padding-right: 6px;
}
.bootstrap-tagsinput .tag [data-role="remove"] {
    cursor: pointer;
    position: absolute;
    top: 0px;
    right: -5px;
    z-index: 999999;
    opacity: 0;
    color: white;
    background: red;
    font-size: 3px;
    /* padding: 120px; */
    width: 15px;
    height: 15px;
    border-radius: 25px;
}
.bootstrap-tagsinput .tag [data-role="remove"]:after {
	content: "x";
    padding: 10px;
    top: -5px;
    position: relative;
    left: -6px;
    font-size: 15px;
    color: #fff;
}
@keyframes sk-circleBounceDelay {

	0%,
	80%,
	100% {
		-webkit-transform: scale(0);
		transform: scale(0)
	}

	40% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}
img {

	-webkit-user-drag: none;
	-khtml-user-drag: none;
	-moz-user-drag: none;
	-o-user-drag: none;
	-ms-user-drag: none;
	user-drag: none;
}
.shop-page-header h1.page-title {
	align-items: end;
}
span.title-review-list {
    margin-left: 20px;
}
.file-upload-section.mobile-view-only {
	width: 80%;
    flex-direction: column !important;
	align-items: center;
}
.product-search-title {
    font-weight: 800;
    font-size: 34px;
    border-bottom: 1px solid #e3e3e3;
    padding: 0px 0px 11px 0px;
    margin-bottom: 14px;
}
.file-upload-section.mobile-view-only * {
    width: 100% !important;
    padding: 15px 10px !important;
    font-weight: bold !important;
}
.file-upload-section.mobile-view-only .skip-artwork-upload {
	background: #ddd;
}
img.file-upload-artwork-image {
    max-height: 350px;
}
.swal2-container .swal2-show {
	-webkit-animation: none !important;
    animation: none !important;
}
.swal2-container .swal2-hide {
    -webkit-animation: swal2-hide .1s forwards;
    animation: swal2-hide .1s forwards;
}
.img-text {
    padding-top: 7px;
    font-weight: 400;
}
.search-section.col-12.position-relatives {
    padding: 0px 20px;
}
p.sample-order-model-description.text-white {
    padding: 0px 5px;
}
h1.page-title.fw-bold.mb-0.text-black.mb-4 {
    font-size: 41px;
    padding: 0px 15px;
    margin: 0px !important;
}
h3.bold.mb-4 {
    padding: 22px 3px 0px;
}
#cart_item_lists .row.col-12.mb-4 {
    background: #f6f6f6;
    border-radius: 7px;
    padding: 17px 8px 0px 8px;
}
.row.mt-4.price-list-forms {
    background: whitesmoke;
    padding: 15px;
    border-radius: 4px;
}
.col-2.field-deal-size {
    background: white;
}
.product-add-editor label.form-label {
    font-weight: bold;
    color: #289bb3;
    font-size: 10px;
}
button.btn.save-product-data {
    position: relative;
    top: -71px;
    margin: auto;
}
.bottom-bar {
    position: fixed;
    width: 100%;
    text-align: center;
    background: #fffffffa;
    box-shadow: -14px 14px 35px #3c4858;
    left: 0px;
    z-index: 9999;
    bottom: -74px;
    padding: 0px 10px 15px;
}
.colorpicker-saturation {
	width: 250px;
	height: 250px;
}

.colorpicker-hue,
.colorpicker-alpha {
	width: 40px;
	height: 250px;
}

.colorpicker-color,
.colorpicker-color div {
	height: 40px;
}
span.identify-element.bottom-0 {
	top: unset;
	bottom: -25px !important;
}
span.identify-element {
    font-size: 12px;
    background: #fff;
    padding: 2px 5px;
    position: absolute;
    right: 10;
    top: -10;
    color: red;
    font-weight: bold;
}
input[name="print_side"]:checked+label {
    border: 1px solid red !important;
}
.artwork-upload-section.desktop-section-view {
    border-right: 2px solid;
}
img.box-image {
    width: 100%;
    background: #ddd;
    padding: 10px;
    border-radius: 15px;
}
span.or-design-element.mobile-section-view {
    position: absolute;
    border: 2px solid;
    width: auto;
    padding: 10px;
    background: #fff;
	border-radius: 25px;
	z-index: 9;
}
.mobile-section-view {
    width: 100%;
    justify-content: center;
    text-align: center;
    flex-wrap: wrap;
}
.artwork-upload-section.mobile-section-view {
    border-bottom: 2px solid;
    padding-bottom: 20px;
    display: flex;
}
.width-80 {
	width: 80% !important;
}
.artwork-list-main-container {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
	flex-wrap: wrap;
}
.color-picker-controler{
	width: 120px;
	margin-left: 10px;
}
.colorpicker {
	z-index: 999999 !important;
}
.form-control.sticker-file-upload {
	width: 50%;
}
a.btn.card-action-btn.active {
    background: #c65388;
}
.swal2-content .billing-list-container.shipping-container-border {
    height: 450px;
    overflow: auto;
}
div#payment-request-button {
    margin-bottom: 20px;
}
.sticker-upload-section .uploaded-images img {
	width: 150px !important;
}
.swal2-content .edit-shipping-list-container {
    max-height: 520px;
    overflow: auto;
}
.thread-apparel-type .img-wrapper:hover,
.thread-apparel-type .img-wrapper.active{
	    border-color: #ff9800;
    background: #ffdeae;
    color: white !important;
}
.thread-apparel-type .img-wrapper.apparel-load-more-section:hover .sub-title {
	display: block;
	width: 80%;
	text-align: center;
	margin-bottom: 10PX;
}
.thread-apparel-type .img-wrapper.apparel-load-more-section .sub-title{
    display: block;
    position: relative;
    width: 100%;
    text-align: center;
    cursor: pointer;
}
.thread-apparel-type .img-wrapper.apparel-load-more-section .sub-title::after{
    content: "⌄";
    display: block;
    width: 100%;
    text-align: center;
    font-size: 29px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 0;
    color: #ff9800;
    opacity: 0;
    transform: translateY(-3px);
    transition: opacity .18s ease, transform .18s ease;
    position: absolute;
    margin: 8px 0px;
    z-index: 0;
    padding-top: 7px;
    top: 29px;
}
.thread-apparel-type .img-wrapper.apparel-load-more-section .apparel-list:first-of-type{
    margin-top: 10px;
}
.thread-apparel-type .img-wrapper.apparel-load-more-section:hover .sub-title::after,
.thread-apparel-type .img-wrapper.apparel-load-more-section:focus-within .sub-title::after{
    opacity: 1;
    transform: translateY(0);
}

.thread-apparel-type .img-wrapper.apparel-load-more-section.show-types .sub-title::after{
    opacity: 1;
    transform: translateY(-10px) rotate(180deg);
}
.thread-apparel-type .img-wrapper {
    min-height: 121px;
    /* justify-content: center; */
    align-items: center;
    display: flex;
    border: 2px solid #d6d6d6;
    margin: 11px 5px;
    cursor: pointer;
    flex-direction: column;
    border-radius: 7px;
    background: rgb(236 238 241 / 76%);
    min-width: 132px;
    padding: 15px 0;
}
.thread-apparel-type img.type-icons {
    width: 33px;
    padding-top: 6px;
}

.launch-pad-lists .img-wrapper img.type-icons {
    transition: opacity .44s ease, transform .44s ease, filter .44s ease;
    transform-origin: center center;
}

.launch-pad-lists .img-wrapper img.type-icons.thread-launch-pad-rotate-swap {
    opacity: 0;
    transform: scale(.92);
    filter: blur(1.5px);
}

.thread-apparel-type .sub-title {
    font-weight: bold;
    color: #333;
    margin-top: 10px;
}
.thread-bg {
    background: #142044 !important;
}
.thread-color {
    color: #f9a01d !important;
}
.my-3.thread-submit {
    text-align: center;
    background: #f9a01d;
    padding: 10px;
    justify-content: center;
    color: #fff;
    font-weight: bold;
    border-radius: 5px;
	cursor: pointer;
}
.apparel-selected-item-main {
	position: relative;
	margin: 15px 0;
}
.thread-order-progress-shell {
    display: none !important;
}
.order-builder-layout {
    align-items: flex-start;
    justify-content: center;
    max-width: 1320px;
    margin: 10px auto 0 !important;
    overflow: visible;
}
.order-builder-layout .order-builder-main-col > .row.main.container {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    max-width: 100%;
}
.order-builder-layout .selected-apparel-type {
    margin-top: 8px !important;
}
.order-builder-layout .apparel-variation-button-container,
.order-builder-layout .selected-apparel-submit {
    margin-top: 12px !important;
}
.order-builder-layout .order-builder-side-col {
    display: flex;
    justify-content: center;
    align-self: flex-start;
    overflow: visible;
}
.order-builder-layout.no-side .order-builder-main-col {
    flex: 0 0 100%;
    max-width: 980px;
    margin: 0 auto;
}
.order-builder-layout.no-side .order-builder-side-col {
    display: none;
}
.thread-order-progress-dots {
    --thread-progress: 0%;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0;
    width: 100%;
}
.thread-order-progress-dots::before {
    content: "";
    position: absolute;
    left: 6px;
    right: 6px;
    top: 50%;
    height: 2px;
    background: #dbe6f7;
    transform: translateY(-50%);
}
.thread-order-progress-dots::after {
    content: "";
    position: absolute;
    left: 6px;
    top: 50%;
    height: 2px;
    width: var(--thread-progress);
    max-width: calc(100% - 12px);
    background: #4ba8ff;
    transform: translateY(-50%);
    transition: width .24s ease;
}
.thread-order-dot {
    width: 9px;
    height: 9px;
    border-radius: 999px;
    background: #fff;
    border: 1.5px solid #b5c8e6;
    position: relative;
    z-index: 2;
    transition: transform .2s ease, border-color .2s ease, background-color .2s ease;
}
.thread-order-dot.is-complete {
    border-color: #3f9eff;
    background: #3f9eff;
}
.thread-order-dot.is-current {
    transform: scale(1.1);
    border-color: #1f79d5;
    box-shadow: 0 0 0 2px rgba(63, 158, 255, 0.2);
}
.thread-details-sidebar {
    width: 100%;
    display: block;
    position: sticky !important;
    top: 24px;
    z-index: 120;
    margin-top: 0;
}
.thread-details-sidebar-card {
    width: 100%;
    max-width: 300px;
    background: #ffffff;
    border: 1px solid #d7e2f3;
    border-radius: 14px;
    box-shadow: 0 10px 22px rgba(8, 28, 67, 0.1);
    padding: 12px;
}
.thread-details-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 8px;
}
.thread-details-header .toggle-order-details {
    border: 1px solid #95acd1;
    border-radius: 999px;
    background: #fff;
    color: #27487c;
    font-size: 11px;
    font-weight: 700;
    padding: 4px 12px !important;
    line-height: 1.2;
}
.thread-details-header .toggle-order-details:hover {
    border-color: #5d89c6;
    color: #103f7c;
}
.reopen-order-details {
    position: fixed;
    right: 18px;
    top: 118px;
    z-index: 130;
    border: 1px solid #7c9ecf;
    border-radius: 999px;
    background: #fff;
    color: #113a71;
    font-size: 12px;
    font-weight: 700;
    padding: 8px 14px !important;
    box-shadow: 0 8px 20px rgba(7, 25, 61, 0.12);
}
.thread-details-title {
    font-size: 13px;
    font-weight: 800;
    color: #10254f;
    margin-bottom: 0;
}
.thread-detail-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    padding: 6px 0;
    border-bottom: 1px solid #eef3fb;
}
.thread-detail-label {
    font-size: 11px;
    color: #667aa0;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}
.thread-detail-value {
    font-size: 12px;
    color: #11264f;
    font-weight: 700;
    text-align: right;
}
.thread-detail-section {
    margin-top: 10px;
}
.thread-detail-progress-wrap {
    margin-top: 12px;
    padding-top: 10px;
    border-top: 1px solid #eaf0fb;
    cursor: pointer;
}
.thread-detail-progress-wrap .thread-order-progress-dots {
    cursor: pointer;
}
.order-intake-modern .progress-required-highlight {
    border-color: #de4b4b !important;
    background-color: #fff3f3 !important;
    animation: threadRequiredFieldPulse .5s ease;
}
.order-intake-modern .custom-form-quantity-val.progress-required-highlight {
    border: 2px solid #de4b4b !important;
    border-radius: 12px;
    padding: 8px 6px !important;
}
.order-intake-modern .thread-premium-setup.progress-required-highlight {
    border: 1px solid #de4b4b;
    border-radius: 999px;
    padding: 4px 8px;
}

.order-intake-modern .progress-required-highlight input,
.order-intake-modern .progress-required-highlight select,
.order-intake-modern .progress-required-highlight textarea,
.order-intake-modern input.progress-required-highlight,
.order-intake-modern select.progress-required-highlight,
.order-intake-modern textarea.progress-required-highlight {
    border-color: #de4b4b !important;
    box-shadow: 0 0 0 1px rgba(222, 75, 75, 0.12) !important;
}
@keyframes threadRequiredFieldPulse {
    0% {
        transform: translateY(0);
    }
    45% {
        transform: translateY(-1px);
    }
    100% {
        transform: translateY(0);
    }
}
.thread-detail-section-title {
    display: block;
    font-size: 11px;
    color: #667aa0;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    margin-bottom: 4px;
}
.thread-detail-selected-list,
.thread-detail-comment {
    font-size: 12px;
    color: #223a67;
    background: #f7faff;
    border: 1px solid #e3ebf8;
    border-radius: 8px;
    padding: 8px;
    max-height: 128px;
    overflow: auto;
    line-height: 1.4;
}
.selected-apparel-submit.updated-embroidery-sec-bottom {
    margin-bottom: 24px;
}
.thread-apparel-type .sub-title.apparel-title-text {
    font-weight: 700;
    color: #10254f;
    margin-top: 8px;
    border: 1px dashed transparent;
    border-radius: 8px;
    padding: 4px 8px;
    min-width: 140px;
    text-align: center;
    cursor: text;
}
.thread-apparel-type .sub-title.apparel-title-text:focus {
    outline: none;
    border-color: #8cb4e8;
    background: #ffffff;
}
.thread-apparel-type .sub-title.apparel-title-text:hover {
    border-color: #c4d8f2;
    background: #f8fbff;
}
.form-control.sticker-file-upload {
    width: 73%;
    position: relative;
    left: -25px;
    padding: 0 20px;
}
button.btn.sticker-file-upload.thread-bg {
    border-radius: 6px;
    position: relative;
    z-index: 98;
	padding: 20px;
}
.col-lg.selected-apparel-fields.p-2 {
    justify-content: space-between;
    display: flex;
	flex-direction: column;
	margin: 7px;
}
li.selected-qty {
    background: #d4dbe6 !important;
    color: #343c41 !important;
}
.custom-form-quantity-val li {
    display: flex;
    flex-direction: column;
    margin: 0 5px;
    padding: 5px;
}
.col-lg-12.my-2.tops-brand {
    display: flex;
    justify-content: space-between;
}
span.apparel-duplicate {
    position: absolute;
    top: -23px;
    right: 14px;
    padding: 5px 15px;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
    border-radius: 19px;
    margin: 10px;
    font-size: 10px;
    background: #a5a1a1 !important;
    border: 4px solid #efefef;
}
button.btn.primary-bg.text-white.create-engraving.mx-3 {
    min-width: 111px;
    font-weight: 900;
}
.row.my-3.col-lg-12.main.container b {
    font-size: 21px;
}
button.btn.primary-bg.text-white.create-engraving.mx-3 {
    width: 281px;
    font-weight: 900;
}
span.apparel-title-edit {
    position: absolute;
    bottom: -14px;
    right: 81px;
    padding: 5px 15px;
    color: #000;
    font-weight: bold;
    cursor: pointer;
    border-radius: 15px;
    margin: auto;
    font-size: 9px;
    background: #eeeeee !important;
    text-align: center;
    border: 2px solid #2196f3;
}
.show-more-fields {
    text-align: end;
    border-bottom: 1px solid #b1b1b1;
    margin-bottom: 17px;
}
.admin-view-all-orders {
	position: absolute;
	right: 21px;
font-size: 12px;
top: 25px;
/* background: #f9a01d; */
color: #fff;
/* padding: 10px 20px; */
cursor: pointer;
border-radius: 15px;
}
span.apparel-show-more {
    font-weight: bold;
    font-size: 10px;
    padding: 3px 10px;
    border-radius: 10px;
    cursor: pointer;
    color: #fff;
    position: relative;
    top: 9px;
}
.selected-apparel-submit .file-title-text{
	width: 100% !important;
}
.file-title-text{
	width: 180px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.selected-apparel-submit .avatar {
	padding: 10px;
}
.selected-apparel-submit img.avatar-img.rounded, .selected-apparel-submit canvas.avatar-img.rounded {
    width: 100px;
    max-height: 100px;
}
.font-weight-strong {
	font-weight: bold;
}
.btn.threadkicker-size-changes {
    width: 100%;
    background: #f9a01d;
    color: #fff;
    font-weight: bold;
    font-size: 10px;
    padding: 11px !important;
    height: 42px;
    vertical-align: middle;
    justify-content: center;
    display: flex;
    align-items: center;
}
.proof-invoice-item-lists {
    display: flex;
    /* justify-content: space-between; */
    margin-bottom: 10px;
    flex-direction: column;
}
.proof-invoice-item-lists span.item-lists {
    /* flex-grow: 1; */
		flex: 0 0 30%;
		padding: 10px 0;
		text-align: left;
		margin: 10px;
		border: 1px solid #b5b5b5;
		padding: 15px 18px;
		border-radius: 9px;
		background: #f7f7f7;
}
.proof-invoice-item-lists .proof-product-size-combined {
    flex: 0 0 30%;
}
.proof-invoice-item-lists .proof-product-size-combined .proof-product-size-block + .proof-product-size-block {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid #d5dce6;
}
.proof-invoice-item-lists .proof-product-size-combined .proof-product-size-block strong {
    display: block;
    margin-bottom: 4px;
}
.proof-due-date-label-inline {
    margin-top: 6px;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.35;
    color: #df4a4a;
    text-transform: none;
}
.proof-invoice-item-lists .proof-own-apparel-combined {
    flex: 0 0 30%;
}
.proof-invoice-item-lists .proof-own-apparel-combined .proof-own-apparel-block + .proof-own-apparel-block {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid #d5dce6;
}
.proof-invoice-item-lists .proof-own-apparel-combined .proof-own-apparel-block strong {
    display: block;
    margin-bottom: 4px;
}
.proof-invoice-item-lists .pantone-thread-match-trigger {
    display: inline-flex;
    align-items: center;
    padding: 0;
    border: 0;
    background: transparent;
    color: #1f2e43;
    font: inherit;
    font-weight: 700;
    line-height: inherit;
    text-align: left;
    border-bottom: 1px dotted #71829a;
    cursor: pointer;
}
.proof-invoice-item-lists .pantone-thread-match-trigger:hover,
.proof-invoice-item-lists .pantone-thread-match-trigger:focus {
    color: #0d63c8;
    border-bottom-color: #0d63c8;
    outline: none;
}
.proof-invoice-item-lists .pantone-thread-match-trigger.has-match {
    color: #0b5dc2;
    border-bottom-color: #0b5dc2;
}
.swal2-popup.pantone-thread-match-modal-popup,
.pantone-thread-match-modal-popup {
    width: min(92vw, 920px) !important;
    max-width: 920px !important;
    max-height: 88vh;
    overflow-y: auto;
}
.pantone-thread-match-modal-popup .swal2-content {
    text-align: left;
    max-height: none;
    overflow: visible;
    padding-right: 0;
}
.pantone-thread-match-modal-body {
    display: flex;
    flex-direction: column;
    gap: 14px;
    max-height: none;
}
.pantone-thread-match-source {
    padding: 10px 12px;
    border-radius: 10px;
    background: #eef4fb;
    color: #213247;
    font-size: 14px;
    font-weight: 700;
}
.pantone-thread-match-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
    overflow: visible;
}
.pantone-thread-match-row {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 12px;
    border: 1px solid #d9e4f1;
    border-radius: 12px;
    background: #f9fbfe;
}
.pantone-thread-match-pms {
    color: #1b2b40;
    font-size: 13px;
    font-weight: 800;
}
.pantone-thread-match-pms-link {
    color: inherit;
    text-decoration: none;
    border-bottom: 1px dashed rgba(27, 43, 64, 0.28);
    transition: color 180ms ease, border-color 180ms ease;
}
.pantone-thread-match-pms-link:hover,
.pantone-thread-match-pms-link:focus {
    color: #1a5fb4;
    border-color: rgba(26, 95, 180, 0.4);
    outline: none;
}
.pantone-thread-match-vendors {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}
.pantone-thread-match-vendor-card {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 10px;
    border-radius: 10px;
    border: 1px solid #d7e2ef;
    background: #ffffff;
}
.pantone-thread-match-vendor-title {
    color: #29415f;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}
.pantone-thread-match-codes {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.pantone-thread-match-chip {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 10px;
    border-radius: 999px;
    border: 1px solid #ccd9ea;
    background: #ffffff;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    text-align: left;
    transition: border-color 180ms ease, background-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}
.pantone-thread-match-chip.is-primary {
    border-color: #8ab4ef;
    background: #eef6ff;
}
.pantone-thread-match-chip:hover,
.pantone-thread-match-chip:focus {
    border-color: #8ab4ef;
    background: #f5f9ff;
    box-shadow: 0 0 0 3px rgba(138, 180, 239, 0.18);
    outline: none;
}
.pantone-thread-match-chip:active {
    transform: translateY(1px);
}
.pantone-thread-match-swatch {
    width: 16px;
    height: 16px;
    border-radius: 999px;
    border: 1px solid rgba(15, 23, 42, 0.18);
    flex: 0 0 16px;
}
.pantone-thread-match-swatch.is-missing {
    background: linear-gradient(135deg, #f3f4f6, #d1d5db);
}
.pantone-thread-match-chip-text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    line-height: 1.1;
}
.pantone-thread-match-thread-number {
    color: #182638;
    font-size: 13px;
    font-weight: 800;
}
.pantone-thread-match-chip-label {
    color: #66768b;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}
.pantone-thread-match-empty {
    color: #6a7686;
    font-size: 12px;
    font-weight: 700;
}
@media (max-width: 767px) {
    .pantone-thread-match-vendors {
        grid-template-columns: 1fr;
    }
    .swal2-popup.pantone-thread-match-modal-popup,
    .pantone-thread-match-modal-popup {
        width: min(94vw, 560px) !important;
        max-width: 560px !important;
    }
}
.col-lg-8.apparel-selected-item-main {
    background: #eaeaeacc;
    padding: 10px;
    border-radius: 23px;
    width: 100%;
}
textarea.form-control.additional-comment {
    border: 2px solid #838383;
    height: 100px;
}
ul.custom-form-quantity-val input {
    width: 45px;
    border-radius: 5px;
    text-align: center;
}

select.location-select.form-control {
    height: 43px;
}

.btn-primary:hover {
    color: #fff;
    background-color: #2171f3;
    border-color: #2196F3;
}
ul.list-group.mb-3 {
    background: #dfdddd;
    border-radius: 4px;
    padding: 14px;
    min-width: 300px;
    width: 100%;
}

a.btn.btn-primary.view-invoice-by-order-id {
    padding: 8px 0px  10px 10px !important;
    background: #aeaaaa;
    color: white;
    font-size: 14px;
    cursor: pointer;
    border-radius: 4px;
}

.list-group-item{
	border: none;
	background: #dfdddd !important;
	margin-top: 7px;
}

.share-buttons.clear {
    display: none;
}

button.btn.btn-primary.place-order {
    padding: 4px !important;
    font-size: 17px;
}
.error-field {
	border: 2px solid red !important;
	    border-radius: 5px;
}
ul.custom-form-quantity-val.error-field:before {
    content: 'Required';
    position: absolute;
    left: 30px;
    top: 0px;
    background: #eeeeee;
    padding: 0px 7px;
    color: red;
    font-size: 12px;
}
.screen-print-choose-user .dropdown-menu.show {
    width: 100%;
}
.screen-print-choose-user {
	width: 100% !important;
}
.choose-proof-select-section .dropdown-menu.show, .screen-print-choose-user .dropdown-menu.show {
    max-height: 450px !important;
    overflow-x: auto !important;
	min-width: 100% !important;
}
.bootstrap-select.choose-proof-select-section, .bootstrap-select.screen-print-choose-user {
	background: #eeeeee;
}
.bootstrap-select.choose-proof-select-section>.dropdown-toggle, .bootstrap-select.screen-print-choose-user>.dropdown-toggle {
    min-height: 44px;
    height: auto;
	padding: 10px 12px !important;
}
.bootstrap-select.choose-proof-select-section .bs-searchbox,
.bootstrap-select.screen-print-choose-user .bs-searchbox {
	background: #fff5e9;
	border-bottom: 1px solid #e7c8a0;
}
.bootstrap-select.choose-proof-select-section .bs-searchbox input,
.bootstrap-select.screen-print-choose-user .bs-searchbox input {
	background: #ffffff !important;
	border: 1px solid #c18c4a !important;
	color: #2b1b08 !important;
	box-shadow: inset 0 0 0 1px #f4d3a8;
}
.bootstrap-select.choose-proof-select-section .dropdown-menu li.active a,
.bootstrap-select.screen-print-choose-user .dropdown-menu li.active a {
	background: #ffedd6;
	color: #8a5600;
}
.bootstrap-select.choose-proof-select-section .filter-option-inner-inner,
.bootstrap-select.screen-print-choose-user .filter-option-inner-inner {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.bootstrap-select.choose-proof-select-section .dropdown-menu li a,
.bootstrap-select.screen-print-choose-user .dropdown-menu li a {
    padding-top: 10px;
    padding-bottom: 10px;
}
.bootstrap-select.choose-proof-select-section .dropdown-menu li a .text,
.bootstrap-select.screen-print-choose-user .dropdown-menu li a .text {
    font-weight: 700;
}
.bootstrap-select.choose-proof-select-section .dropdown-menu li a small.text-muted,
.bootstrap-select.screen-print-choose-user .dropdown-menu li a small.text-muted {
    display: block;
    font-weight: 500;
    margin-top: 2px;
}
.admin-selectable-user .proof-user-picker-native {
    display: none !important;
}
.admin-selectable-user .proof-user-picker-shell {
    width: 100%;
}
.admin-selectable-user .proof-user-picker-trigger {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 3px;
    padding: 12px 14px;
    border-radius: 12px;
    border: 1px solid #d8e0ea;
    background: #ffffff;
    box-shadow: inset 0 0 0 1px rgba(248, 171, 54, 0.06);
    text-align: left;
}
.admin-selectable-user .proof-user-picker-trigger:hover {
    border-color: #f3a233;
    background: #fff9f0;
}
.admin-selectable-user .proof-user-picker-label {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: #8c98a8;
}
.admin-selectable-user .proof-user-picker-value {
    font-size: 15px;
    font-weight: 700;
    color: #17212f;
    line-height: 1.2;
}
.admin-selectable-user .proof-user-picker-subvalue {
    font-size: 12px;
    font-weight: 500;
    color: #5c6c80;
    line-height: 1.3;
}
.proof-user-modal-shell {
    text-align: left;
}
.proof-user-modal-search {
    width: 100%;
    border: 1px solid #d9e1ea;
    border-radius: 12px;
    padding: 12px 14px;
    font-size: 15px;
    margin-bottom: 14px;
    box-sizing: border-box;
}
.proof-user-modal-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-height: 360px;
    overflow-y: auto;
    padding-right: 4px;
}
.proof-user-modal-option {
    width: 100%;
    border: 1px solid #dde5ee;
    border-radius: 14px;
    background: #ffffff;
    padding: 12px 14px;
    text-align: left;
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.proof-user-modal-option:hover,
.proof-user-modal-option.active {
    border-color: #f3a233;
    background: #fff7eb;
}
.proof-user-modal-option-name {
    font-size: 15px;
    font-weight: 700;
    color: #17212f;
}
.proof-user-modal-option-sub {
    font-size: 12px;
    font-weight: 500;
    color: #5c6c80;
}
.proof-user-modal-empty {
    padding: 14px 8px 2px;
    text-align: center;
    color: #77879b;
    font-size: 13px;
    font-weight: 600;
}
.choose-proof-select-section .inner.show {
    max-height: 300px !important;
}
.choose-proof-select-section .dropdown-menu.inner{
	margin: 0px !important;
}
.xdsoft_datetimepicker .xdsoft_calendar td,
.xdsoft_datetimepicker .xdsoft_calendar th {
	width: 14.2857142%;
	background: #ffffff;
	border: 0px solid #ddd;
	color: #666;
	font-size: 12px;
	text-align: right;
	vertical-align: middle;
	padding: 0;
	border-collapse: collapse;
	cursor: pointer;
	height: 25px;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled,
.xdsoft_datetimepicker .xdsoft_time_box > div > div.xdsoft_disabled {
	opacity: 0.3;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	cursor: default;
}

.xdsoft_datetimepicker {
	padding: 19px;
	border-radius: 9px;
	animation: show-navbar-dropdown .25s ease forwards;
	pointer-events: auto;
}
.puff-input-notification {
    text-align: justify;
    font-weight: bold;
    padding: 10px;
}
.thread-drag-and-drop {
    border: 1px dashed;
    width: 78%;
    justify-content: center;
    align-items: center;
    display: flex;
    border-radius: 6px;
    background: #e2e2e2;
}
.selected-apparel-submit small.text-muted, .screen-print-choose-user small.text-muted {
    display: block;
    padding: 0px !important;
    font-weight: bold;
    color: #f9a01d !important;
}
.comment-attachement-file{
	margin-left: 20px;
    display: inline-flex;
	flex-direction: column;
	align-items: flex-start;
    max-width: 330px;
    overflow: hidden;
    vertical-align: middle;
}

.comment-file-stack {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 4px;
	max-height: 110px;
	overflow-y: auto;
}

.comment-file-item {
	display: inline-block;
	max-width: 320px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 2px 8px;
	background: #efefef;
	border: 1px solid #d7d7d7;
	border-radius: 999px;
	font-size: 11px;
}

span.comment-file-item {
    font-size: 10px;
    top: -12px;
    overflow: visible !important;
}
.request-comment-dropzone {
    border: 1px dashed #cfcfcf;
    border-radius: 8px;
    padding: 8px 10px;
    transition: border-color .15s ease, background-color .15s ease;
}
.request-comment-dropzone.active-dropzone {
    border-color: #ff8623;
    background: #fff5eb;
}
.comment-attach-note {
    display: block;
    font-size: 11px;
    color: #8c8c8c;
    margin-top: 4px;
}

.status-btn.awaiting_response,
.status-btn.need-response {
	    background: #ffffff;
	    color: #673AB7;
	    border-radius: 30px;
	    padding: 1px 10px !important;
	    font-weight: 600;
	    border: 2px solid #673ab7;
	    margin-top: 3px;
}

.status-btn.production_hold,
.status-btn.on-hold {
	background: #626a74;
	color: white;
	border-radius: 30px;
  padding: 1px 10px !important;
	font-weight: 600;
}

.status-btn.awaiting_approval,
.status-btn.need-approval {
	  background: #ffffff;
    color: #d93030;
    border-radius: 30px;
    padding: 1px 10px !important;
    font-weight: 600;
    border: 2px solid red;
    margin-top: 4px;
    position: relative;
    right: 2px;
}

.status-btn.new_project {
	  background: #ffffff;
    color: #aaaaaa;
    border-radius: 30px;
    padding: 1px 10px !important;
    font-weight: 600;
    margin-top: 4px;
    border: 2px solid silver;
    position: relative;
    right: 2px;
}

 .status-btn.in-production {
	   background: #ffffff;
     color: #ffc107;
     border-radius: 30px;
     padding: 1px 10px !important;
     font-weight: 600;
     border: 2px solid #f8ba00;
     margin-top: 4px;
     position: relative;
     right: 2px;
}
.status-btn.in_production.In.Progress {
    color: white;
}
.order-status-tags .status-btn.in_production {
	    background: #ffffff;
	    color: #ffcb2d;
	    border-radius: 30px;
	    padding: 1px 10px !important;
	    font-weight: 600;
	    border: 2px solid #ffcb2d;
	    margin-top: 4px;
	    position: relative;
	    right: 2px;
}
.status-btn.shipped {
	background: #2196f3;
	color: white;
	font-weight: 600;
}


.status-btn.my_proofs,
.status-btn.delivered {
	  background: #ffffff;
    border: 2px solid #009688;
    color: #30a194;
    border-radius: 30px;
    padding: 1px 10px !important;
    font-weight: 600;
    CONTAIN-INTRINSIC-BLOCK-SIZE: AUTO 100PX;
    margin-top: 4px;
}
.status-btn.unpaid {
	background: #ffffff;
	border: 2px solid #c85a11;
	color: #c85a11;
	border-radius: 30px;
	padding: 1px 10px !important;
	font-weight: 700;
	margin-top: 4px;
}

.status-btn.not_invoiced {
	background: #00BCD4;
	color: white;
	border-radius: 30px;
  padding: 1px 10px !important;
	font-weight: 600;
}

.status-btn.due_date_sort {
	background: #f44336;
	color: white;
	border-radius: 30px;
    padding: 1px 10px !important;
	font-weight: 600;
}

.status-btn.client_uploads {
	background: #858890;
	color: white;
}
div.status-btn {
	border-radius: 15px;
	padding: 3px 13px;
    border-radius: 15px;
    padding: 3px 13px;
    background: #ffcb2d;
    color: white;
}
button.activity-comment-start.btn {
    background: #FF5722;
    padding: 10px;
    font-weight: bold;
    margin-bottom: 19px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    color: #fff;
    font-weight: 700;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-shadow: 0 -1px 0rgba(0, 0, 0, .25);
    letter-spacing: 0;
    line-height: 1.2;
    -webkit-font-smoothing: antialiased;
    -webkit-box-shadow: inset 0 -2px 0 rgb(0 0 0 / 15%);
    -ms-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
    -o-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
    box-shadow: inset 0 -2px 0 rgb(0 0 0 / 15%);
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, .09) 0%, rgba(0, 0, 0, .09) 100%);
    font-size: 1.4rem;
    padding: 17px 25px !important;
    border-radius: 6px;
    vertical-align: middle;
    width: 88%;
}
/* ul#order-details {
    display: flex;
    flex-wrap: wrap;
    box-shadow: 0px 6px 20px rgb(0 0 0 / 40%);
    border-radius: 15px;
    padding: 10px;
}
ul#order-details li {
    flex: 0 0 30%;
    text-align: center;
    margin: 10px;
} */

h2.approve-title {
    font-weight: 900;
    font-size: 2.8em;
}
.apparel-type-section-list {
    display: flex;
    flex-wrap: wrap;
    padding: 4px;
    border-bottom: 1px solid #b6b6b6;
    margin: 10px 0;
}

.shipping-customer-option {
    border: 2px solid #0570dd;
    border-radius: 5px;
    padding: 29px 34px;
    margin-top: 30px;
    background: white;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.03), 0px 3px 6px rgba(0, 0, 0, 0.02), 0 0 0 1px var(--colorPrimary);
}
.shipping-option-tab {
    display: flex;
    justify-content: space-between;
	margin-top: 25px;
}
.btn.shipping-option-select.active {
    border-radius: 3px;
    background: white;
    box-shadow: 0px 2px 5px rgb(0 0 0 / 19%) !important;
    font-weight: bold;
    outline: 2px solid #0570dd;
}

.shipping-customer-option p:first-child {
    font-weight: 900;
	margin-bottom: 1rem;
}
.shipping-customer-option p {
    margin-bottom: 0rem;
}
.shipping-form-container.form-main-container {
    background: white;
    padding: 25px;
    border-radius: 5px;
    margin-bottom: 9px;
    border: 2px solid #0570dd;
}
.advance-shipping-option {
    color: #0570de;
    text-decoration: underline;
}

.btn.shipping-option-select {
    border-radius: 5px;
    width: 48.5%;
    padding: 19px;
    background: rgb(255 255 255 / 76%);
    transition: background .15s ease, border .15s ease, box-shadow .15s ease;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.03), 0px 3px 6px rgba(0, 0, 0, 0.02);
    cursor: pointer;
}
.shipping-main-list-container.active .shipping-container-border{
	border-color: #0570dd !important;
	    background: white;
}
.advanced-option-list {
    margin-top: 40px;
    border: 2px solid #0570dd;
    background: white;
    padding: 25px;
    border-radius: 5px;
    margin-bottom: 9px;
}
.advance-shipping-option {
    position: absolute;
    right: 0;
    cursor: pointer;
}
.order_notification {
    font-size: 20px;
    right: 20%;
    top: 25px;
    color: white;
    background: #f4971f;
    padding: 15px 23px 17px 23px;
    border-radius: 4px;
    margin-top: 17px;
	margin-bottom: 10px;
}

.order_notification .order_notification_text {
    display: inline-block;
    font-weight: 900;
    background-image: linear-gradient(
        100deg,
        rgba(255, 255, 255, 0.98) 0%,
        rgba(255, 255, 255, 0.98) 34%,
        rgb(244 206 136) 42%,
        rgba(255, 177, 61, 0.96) 48%,
        rgb(255 160 44 / 71%) 50%,
        rgba(255, 177, 61, 0.96) 52%,
        rgba(255, 232, 189, 1) 58%,
        rgba(255, 255, 255, 0.98) 66%,
        rgba(255, 255, 255, 0.98) 100%
    );
    background-size: 240% 100%;
    background-position: 130% 50%;
    -webkit-background-clip: text;
    background-clip: text;
    color: #ffffff;
    -webkit-text-fill-color: transparent;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.14);
    animation: orderNotificationOrangeSweep 3.5s cubic-bezier(.09, .78, 0.96, 1) infinite;
}

.order_notification .order_notification_dots {
    display: inline-flex;
    align-items: baseline;
    min-width: 22px;
    margin-left: 2px;
    color: #ffffff;
    font-weight: 900;
}

.order_notification .order_notification_dots span {
    opacity: 0;
    animation: orderNotificationDots 4.2s steps(1, end) infinite;
}

.order_notification .order_notification_dots span:nth-child(2) {
    animation-name: orderNotificationDotsSecond;
}

.order_notification .order_notification_dots span:nth-child(3) {
    animation-name: orderNotificationDotsThird;
}

@keyframes orderNotificationOrangeSweep {
    0% {
        background-position: 130% 50%;
    }
    100% {
        background-position: -34% 50%;
    }
}

@keyframes orderNotificationDots {
    0%, 11% {
        opacity: 0;
    }
    12%, 64% {
        opacity: 1;
    }
    65%, 100% {
        opacity: 0;
    }
}

@keyframes orderNotificationDotsSecond {
    0%, 33% {
        opacity: 0;
    }
    34%, 64% {
        opacity: 1;
    }
    65%, 100% {
        opacity: 0;
    }
}

@keyframes orderNotificationDotsThird {
    0%, 55% {
        opacity: 0;
    }
    56%, 64% {
        opacity: 1;
    }
    65%, 100% {
        opacity: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .order_notification .order_notification_text {
        animation: none;
        background-position: 50% 50%;
    }
}

.order-inner-list button.btn.btn-proof-awaiting-production-arrival.my-0.common-action-btn-elm.thread-proof-act-event {
    width: 208px;
    padding: 3px !important;
    border-radius: 53px;
}

.proof-view-page button.btn.proof-approve.start-production-attention {
    box-shadow: 0 0 0 0 rgba(244, 151, 31, 0.55);
    animation: start-production-attention-pulse 1.1s ease-in-out 2;
}

@keyframes start-production-attention-pulse {
    0% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(244, 151, 31, 0.45);
    }
    50% {
        transform: scale(1.02);
        box-shadow: 0 0 0 8px rgba(244, 151, 31, 0.08);
    }
    100% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(244, 151, 31, 0);
    }
}
.shipping-address-showcase{
	align-items: flex-start !important;
}
.img-wrapper.make-us-button span.sub-title {
    padding: 0px;
	margin: 0px;
}
.img-wrapper.make-us-button img {
    display: none;
}
.img-wrapper.make-us-button {
    min-height: 20px !important;
}
.thread-color-selection span.selection-card img {
    width: 80px;
    border-radius: 49px;
}
.thread-color-selection span.selection-card {
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    margin: 10px 0;
    padding: 5px;
}
.thread-color-selection {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
	margin-top: 20px;
}
.thread-color-selection span.selection-card label {
    margin-top: 5px;
}
span.selection-card.active {
    border: 2px solid #f4971f;
    border-radius: 10px;
}
span.selection-card.swatch-key-active {
    border: 2px solid #8ea5c6;
    border-radius: 10px;
    box-shadow: 0 0 0 2px rgba(142, 165, 198, 0.24);
}
span.selection-card.active.swatch-key-active {
    border-color: #f4971f;
}
.flex-direction-column {
	flex-direction: column !important;
}
.btn.thread-option.active {
    background: #2196f3;
    color: #fff;
}
.btn.thread-option {
    flex: 1;
    padding: 10px 0px !important;
    border: 1px solid #ddd;
    font-weight: bold;
    cursor: pointer;
    height: 47px;
}

.thread-color-selection-title {
    display: inline-block;
    font-size: 17px;
    font-weight: 800;
    line-height: 1.2;
    color: #17314f;
    margin-bottom: 8px;
}
.form-group.client-received-amount-section {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    align-items: center;
}
.order-stat-column {
    padding: 10px;
    border: 1px solid #ddd;
}
.payment-details-card {
    margin: 5px 10px;
    /* outline: 2px solid; */
    padding: 20px;
    background: #FF9800;
	position: relative;
	border-radius: 2px 8px 8px 2px;
}
.list-details-card {
    width: 80%;
    padding: 10px 0;
    /* margin: 10px; */
    border-left: 1px solid;
}
.kickback-card-lists .month-card {
    width: 15%;
}
.kickback-card-lists {
    flex-direction: row;
    flex-wrap: wrap;
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.payment-text-container {
	position: absolute;
	right: 8px;
	top: 7px;
	display: flex;
}
.payment-text-container span.btn.complate-text, .complate-text-btn {
	background: #34d67c;
    color: #fff;
	font-weight: bold;
}
.payment-text-container span.btn.earned-text, .earned-text-btn {
	background: #673ab7;
    color: #fff;
	font-weight: bold;
}
.payment-details-card.fully-paid {
	background: #2196f3 !important;
}
.fully-paid-text-btn {
	background: #2196f3;
    color: #fff;
	font-weight: bold;
}
.payment-text-container span.btn {
    background: #ddd;
    padding: 2px 10px;
    font-size: 10px;
    font-weight: bold;
	color: #fff;
}
img.image-zoom-popup {
    cursor: pointer;
}
.btn.view-large-image.image-zoom-popup{
	 right: 31px;
   top: 10px;
}
.btn.copy-auto-login {
    left: 15%;
    right: inherit !important;
    bottom: -2%;
    margin: auto 26%;
}
.btn.view-large-image.image-zoom-popup, .copy-auto-login, .proof-approved-text {
    position: absolute;
    background: #f4f4f4;
    color: #747474;
    font-weight: bold;
    padding: 8px 10px !important;
    font-size: 12px;
    border-radius: 25px;
}
.col-12.product-grid-list.display-flex.thread-apparel-type.launch-pad-lists {
    flex-wrap: wrap;
}
.apparel-load-more {
    position: absolute;
    bottom: -30px;
    font-weight: bold;
	display: none;
	padding-top: 40px;
	font-size: 11px;
}
.apparel-list {
    font-weight: bold;
    font-size: 15px;
    display: none;
    color: #0078d8;
    cursor: pointer;
}
.thread-apparel-type .img-wrapper.apparel-load-more-section.show-types .apparel-list{
    display: block;
    position: relative;
    z-index: 1;
}
.thread-apparel-type .img-wrapper.apparel-load-more-section.show-types:hover .apparel-list{
	display: block;
}
.thread-apparel-type .img-wrapper.apparel-load-more-section.show-types .apparel-load-more{
    display: block;
}
.thread-apparel-type .img-wrapper.apparel-load-more-section:hover .apparel-load-more
{
	display: block;
}
.order-intake-modern .thread-apparel-type.launch-pad-lists .img-wrapper:focus-visible {
    outline: none;
    border-color: #f4971f;
    box-shadow: 0 0 0 3px rgba(244, 151, 31, 0.22);
}
.order-intake-modern .thread-apparel-type.launch-pad-lists .img-wrapper .apparel-list:focus-visible {
    outline: none;
    border-radius: 8px;
    background: rgba(244, 151, 31, 0.12);
    color: #17314f;
}
.status-btn.expired-proof {
    background: #de0201;
    color: #fff;
}
button.btn.exemption-file-upload {
    background: red;
    color: #fff;
    padding: 10px;
}
button.btn.tax-exemption-apply.col-lg-12 {
    background: #05cff9;
    padding: 10px;
    color: #fff;
    font-weight: bold;
    font-size: 25px;
}
.error {
    border: 0px solid red;
}
span.label-notify {
    font-size: 12px;
    color: red;
    margin: 0 10px;
}
span.btn-pending {
    color: red;
    background: #ff000045;
    padding: 2px 5px;
    font-weight: bold;
}
span.btn-failed {
    color: red;
    background: #ff000045;
    padding: 2px 5px;
    font-weight: bold;
}
span.btn-verified {
    color: green;
    background: #00800033;
    padding: 2px 5px;
    font-weight: bold;
}
.delete-certificate, .view-certificate, .view-certificate-page{
	margin-left: 20px;
}
.row.tax-exemption-view {
    display: flex;
    flex-direction: revert;
    flex-wrap: wrap;
    justify-content: space-around;
    text-align: justify;
}
.row.tax-exemption-view .item-lists br {
	display: none;
}
.row.tax-exemption-view .item-lists {
    flex: 0 0 30%;
    display: inline-flex;
    flex-direction: column;
    margin: 10px 0;
}
.exemption-file-upload-section.exemption-old-file a {
    color: blue;
    border: 1px solid #ddd;
    border-radius: 15px;
    background: #0000ff54;
}
#order-history-search {
	width: 247px;
	border-radius: 4px;
	padding: 13px 5px 12px 34px;
}
ul.threadkicker-menu {
    flex-direction: row-reverse;
    flex: 1;
    justify-content: right !important;
	padding-right: 20px;
}

.card.quote-center-container.px-5.py-2 {
    margin: auto;
    width: 100%;
    padding: 30px 20px !important;
}
.quote-center-short {
    border-bottom: 2px solid #333;
}
.quotecenter-tab {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    border: 5px solid #eee;
    border-radius: 15px;
    margin-bottom: 20px;
    background: #eee;
}
.quotecenter-action-list.active {
    background: #2dce89;
    border: 1px solid #2dce89;
    color: #ffffff;
}

.quotecenter-action-list {
    padding: 10px;
    /* background: red; */
    width: 50%;
    /* color: #fff; */
    font-weight: bold;
    border-radius: 10px;
    text-align: center;
    font-size: 25px;
    cursor: pointer;
}

.quote-center-container .above-label {
    color: #2ba1ff;
}
.quote-center-container .above-label {
    display: inline-block;
    margin-bottom: 0.5rem;
    position: absolute;
    font-size: 11px;
    background: #edeeef;
    top: -17px;
    left: 22px;
    padding: 0px 4px;
    font-weight: 600;
    color: #438ec3;
}
.quote-center-result {
    font-size: 22px;
    font-weight: bold;
}
span.quote-center-result.my_cost {
    color: #e00000;
}
span.quote-center-result.shirt_total {
    color: #2dce89;
    font-size: 35px;
}
.form-group {
    position: relative;
}
.quote-center-embroidery {
    padding: 30px 0;
    justify-content: left;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.row.p-0.m-0.stitch-count-section {
    width: 100%;
    margin: 20px 0 !important;
}
.col.embroidery-overall-total {
    text-align: center;
    align-items: center;
    justify-content: center;
    display: flex;
    color: #2dce89;
    font-size: 35px;
    font-weight: bold;
}
.col.stitch-info {
    padding: 10px;
    background: #20204a;
    font-weight: bold;
    color: #fff;
	display: flex;
	flex-direction: column;
}
.stitch-count-section {
    margin: 20px 0 !important;
    width: 100%;
}
button.embroidery-action-btn.active {
    color: #2dce89;
    border: 2px solid #2dce89;
}
.embroidery-btn-container {
    display: flex;
}
button.embroidery-action-btn {
    flex: 1;
    padding: 10px;
    background: #fff;
}
.embroidery-action-container {
    width: 100%;
    margin: 20px 0 !important;
}
.quote-center-create-order {
    background: #f9ab05;
    width: auto;
    padding: 15px 50px;
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    border-radius: 25px;
}
.quote-center-event-btn {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
span.quote-center-talk-width-pro {
    font-weight: bold;
    text-decoration: underline;
    width: auto;
	cursor: pointer;
}
a.nav-link.px-2.get-a-quote {
    background: #484469;
    border-radius: 75px;
    padding: 6px 13px;
    width: 108px;
    text-align: center;
}
a.nav-link.px-2.get-a-quote:hover{
	color: #0a58ca;
    background: white !important;
}
.hero-intake-note {
    margin-top: 12px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.01em;
    text-align: left;
    max-width: 640px;
}
.home-hero-address {
    margin-top: 14px;
    text-align: center;
}
.home-hero-address-link {
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.45;
    text-decoration: none;
}
.home-hero-address-link:hover,
.home-hero-address-link:focus {
    color: #fff;
    text-decoration: underline;
}
.thread-premium-setup {
    display: inline-block;
    width: auto;
    margin-left: 20px;
}
span.btn.premium-setup-action {
    background: #fff;
    margin: 10px 0;
    cursor: pointer;
    padding: 5px 20px;
}
span.btn.premium-setup-action:nth-child(3) {
    border-top-right-radius: 25px !important;
    border-bottom-right-radius: 25px !important;
    margin-right: 10px;
}
span.btn.premium-setup-action:nth-child(2) {
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
    margin-left: 10px;
}
span.btn.premium-setup-action.active, .update-stitch {
	    background: #FF9800 !important;
    color: #fff;
    font-weight: 900;
}
button.btn.stitch-count-update, .stitch-count-example {
    display: inline-block;
    margin: 0 0 0 auto;
    background: #FF9800;
    color: #fff;
    font-weight: bold;
    padding: 5px 20px;
    font-size: 12px;
    border-radius: 25px;
}
.update-stitch-count-container {
    text-align: justify;
    font-weight: bold;
    font-size: 12px;
}
.col-lg-12.stitch-counut-lists {
    margin-bottom: 20px;
    margin-top: 10px;
}
.stitch-count-example {
	margin: 0 0 0 auto;
	margin-top: 20px;
}
.row.example-stitch {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    text-align: left;
    align-items: center;
    flex-direction: revert;
}
.example-stitch .apparel-type-section-list {
    font-weight: bold;
    font-size: 12px;
    border-color: transparent;
    width: auto;
}
.carousel-control-next-icon, .carousel-control-prev-icon {
    background-size: 50% 100% !important;
    background-color: #333 !important;
    padding: 10px !important;
    border-radius: 25px !important;
}
.screen-printing .hero.main .main.container {
    background-image: url(https://threadkicker.com/core/templates/assets/img/auto.png) !important;
}
/* .proof-reel.position-relative img {
	max-height: 550px !important;
} */

/* .proof-reel.position-relative{
	max-height: 620px;
	overflow: auto;
} */
.primary-bg {
	background: #f9ab05;
}
body.laser-engraving .get-a-quote, body.screen-printing .get-a-quote {
	display: none !important;
}
.laser-engraving-extra-note {
	border-top: 2px solid #ddd;
	margin-top: 20px;
	padding-top: 10px;
}
.tops-brand-main {
    display: flex;
    justify-content: space-between;
}
.quoteCenter-top-container fieldset {
    display: flex;
    /* border: 1px solid #e6e6e6; */
    border-radius: 10px;
    margin-bottom: 20px;
    padding: 0px 0px 18px 0px;
    /* box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08); */
    margin-bottom: 25px;
    margin-top: 25px;
    align-items: flex-start;
    /* background: #f4f4f4; */
}
.quoteCenter-top-container fieldset legend {
    width: auto;
    padding: 3px 2px 1px 18px;
    font-size: 12px;
    font-weight: bold;
    background: #fff;
    border-radius: 88px;
    box-shadow: none !important;
    right: 0px;
    position: relative;
    border: 3px solid #2196F3;
    float: right;
}

.quote-center-size-lists .custom-form-quantity-val label.form-qty {
    font-size: 12px;
    font-weight: bold;
}
.quote-center-size-price label {
    font-size: 10px;
    font-weight: bold;
}
.quote-center-size-price > div {
	margin: 0 10px;
}
.shirt-variation-lists-btn {
    text-align: end;
    padding: 0;
}
span.total-shirt-count {
    font-weight: bold;
    font-size: 20px;
    margin-right: 15px;
    float: left;
}
span.section-cost-per-shirt, span.section-my-cost {
    font-weight: bold;
    font-size: 12px;
    margin-right: 20px;
}
.shirt-variation-lists-btn button.btn.btn-success.quotecenter-add-event {
    padding: 5px 10px;
    background: #FF9800;
    font-size: 21px;
    border-color: orange;
}
.suggested-pricing-btn {
	background: #2196F3;
    color: #fff;
    border-radius: 25px;
    padding: 5px 20px;
}

.price-grid-display-container {
    flex-direction: row;
/*     border: 1px solid #ddd;
    padding: 10px 10px !important; */
}
.price-grid-display-container > div {
    margin: 0px !important;
    padding: 0px !important;
}
.grid-list-container .col.btn {
    border-bottom: 1px solid #ddd;
    border-radius: 0px;
    border-right: 1px solid #ddd;
}
.price-grid-acition-container {
	flex-direction: row;
    display: flex;
	align-items: center;
}
.price-grid-acition-btn {
	width: auto;
    background: #5e6588;
    border-radius: 25px;
    color: #fff;
    padding: 5px 20px;
}
select.form-control.price-grid-user-selection {
    display: inline-flex;
    width: auto;
}
.dropdown.bootstrap-select.form-control.price-grid-user-selection {
	display: inline-flex;
    width: 250px;
}
.dropdown.bootstrap-select.form-control.price-grid-user-selection > button.dropdown-toggle {
    height: 50px;
    border-radius: 25px;
    border: 1px solid #ddd;
}
.dropdown.bootstrap-select.form-control.price-grid-user-selection .filter-option {
    display: flex;
    align-items: center;
    padding: 0 20px;
}
.dropdown.bootstrap-select.form-control.price-grid-user-selection li.selected {
    background: red;
    color: #fff !important;
}
.dropdown.bootstrap-select.form-control.price-grid-user-selection li.selected .text, li.selected .text * {
    color: #fff !important;
}
.swal-editor-price-grid {
    /* border: 1px solid #ddd; */
}
.row.price-grid-user > div {
    display: inline-flex;
    width: auto;
}
.row.price-grid-user {
    margin: 10px 0 !important;
    border-bottom: 1px solid #ddd;
    padding: 0px !important;
}
button.btn.screen-printing-approve-quote {
    font-size: 22px;
    font-weight: bold;
    background: #ff8b0d;
    color: #fff;
    width: 70%;
    background: #FF5722;
    color: #fff;
    padding: 10px;
    border-radius: 15px;
    font-weight: bold;
    color: #fff;
    border-color: #ff9800;
    width: 100%;
    padding: 21px !important;
    display: inline-block;
    position: relative;
    overflow: hidden;
    border: none;
    color: white;
    text-shadow: 0 -1px 0 rgb(0 0 0 / 25%);
    font-weight: 700;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    letter-spacing: 0;
    box-shadow: inset 0px -2px 0px rgb(0 0 0 / 15%);
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.09) 0%, rgba(0, 0, 0, 0.09) 100%);
    font-size: 1.4rem;
    border-radius: 5px;
    background-color: #ff9800;
    margin: 14px 1px !important;
    /* max-width: 860px; */
}
.setup-action .apparel-icon img {
	width: 33px;
}
.col-lg.setup-action {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.col.set-cost-section input {
    width: 75px;
}
.set-cost-section {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}
.set-cost-section.model-popup {
	font-size: 10px;
	font-weight: bold;
}
.left-icon-section-screen-printing {
    min-height: 250px;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-weight: bold;
    border: 2px solid #2196F3;
    margin-right: 10px;
}
.color-list-btn span {
    font-weight: 900;
}
.quote-center-costs.row.mt-3.col-lg-12.pull-right.main.container {
    background: #f4f4f4;
    border-radius: 6px;
    padding: 30px !important;
		display: block;
}
fieldset.container-new-variation.shirt-basic-data {
    background: white;
    border: 3px solid #FFC107;
    box-shadow: none;
}
.sup-top-main-section {
    margin: 13px 4px;
    border: 1px solid #d3d3d3;
    border-radius: 4px;
    padding: 3% !important;
    background: #eaeaea;
}
button.btn.production-timing-list {
    padding: 15px;
	background: white;
}
.left-icon-section-screen-printing img.type-icon.apparel-icon {
    width: 30px;
}
.left-icon-section-screen-printing .sub-title {
	font-weight: bold;
}
.color-lists-container {
    background: #f3f3f3;
    padding: 15px 8px !important;
    border-radius: 8px;
    position: relative;
}
.quote-center-colors {
    margin: 19px 0px;
    border: 1px solid #d3d3d3;
    border-radius: 4px;
    padding: 2% 3%;
    background: #eaeaea;
}
.oversizd-print.print-left {
    display: inline-block;
    width: 48%;
}
.oversizd-print {
    background: #b4b4b4;
    padding: 10px !important;
    margin-left: 1px !important;
    margin-top: 5px !important;
    display: none;
    color: #fff;
    text-align: center;
    font-weight: 900;
	border-radius: 100px;
}
.oversizd-print.print-both {
    display: flex;
    justify-content: center;
}
.oversizd-print.print-right {
    display: block;
    float: right;
    width: 48%;
}
button.btn.production-timing-list {
    border: 1px solid #ddd;
}
.production-time-section span {
    text-align: center;
    font-size: 10px;
    font-weight: bold;
}

.production-time-section div {
    display: flex;
    flex-direction: column;
    /* justify-content: center; */
    /* align-items: center; */
}
.production-timing-list.active {
    background: #2dce89 !important;
    color: #fff;
}
.set-fee-cost-section {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    margin: 10px 0;
}
.set-fee-cost-section input {
    width: 75px;
}
span.error-notification-qty {
    font-weight: bold;
    font-size: 10px;
    color: red;
}
.shirt-PMS-color button {
    height: 31px;
}
.shirt-PMS-color .dropdown-menu div.inner.show, .add-shipping-account-select .dropdown-menu div.inner.show {
    max-height: 200px !important;
	margin-bottom: 45px !important;
}
.shirt-PMS-color .dropdown-menu div.inner.show ul, .add-shipping-account-select .dropdown-menu div.inner.show ul {
    margin: 0px !important;
}
button.color-list-btn.btn {
    display: flex;
    background: #fff;
    width: 100%;
	justify-content: space-between;
}
.color-picker-select-list input[type="color"]{
	width: 35px !important;
    height: 35px !important;
}
.bootstrap-select .dropdown-menu li.active .text-muted {
	color: #fff !important;
}
.shirt-PMS-color .dropdown-menu{
	width: auto !important;
}
.shirt-PMS-color.bootstrap-select .dropdown-menu li a span.text span.sub-text.col-2 {
    font-size: 10px;
    color: #a09494;
    font-weight: bold;
}
.shirt-PMS-color.bootstrap-select .dropdown-menu li a span.text {
    display: flex !important;
    justify-content: space-between;
}
.price-list-containers div {
    padding: 5px 10px;
    border: 1px solid;
    justify-content: space-between;
    display: flex;
    align-items: center;
}
.price-list-containers .price-text.prime-text-price {
    color: #2dce89;
}
.price-list-containers .price-text {
    font-size: 32px;
    font-weight: bold;
}
.price-list-containers {
    flex-direction: column;
    border: 1px solid;
}
.price-negotiation-tool, .submit-for-approvel {
	width: 100%;
	padding: 10px 20px;
	background: #ff8b0d;
	font-weight: bold;
	color: #fff;
	max-width: 300px;
}
.price-negotiation-form-main {
    text-align: justify;
    font-size: 12px;
    font-weight: bold;
}
span.trigger-quote-file {
    width: auto;
    padding: 10px 20px;
    background: blue;
    color: #fff;
    cursor: pointer;
}
.drag-and-drop-quote-file {
    flex-direction: row;
    justify-content: space-between;
    text-align: center;
    margin-top: 10px !important;
    border: 1px solid;
    align-items: center;
}

.check-button-action span.btn.active {
    background: #538dbc;
    color: #fff;
    font-weight: bold;
}
.check-button-action span.btn:first-child {
    border-right: 1px solid;
}
.check-button-action span.btn {
    flex: 1;
    padding: 10px;
    margin: 0px;
    border-radius: 0px;
}
.check-button-action {
    display: flex;
    justify-content: center;
    border: 1px solid gray;
    border-radius: 7px;
    margin-top: 10px;
}
.order-list.completed-order.collapes {
	position: relative;
	cursor: pointer;
}
.order-list.completed-order.collapes .artwork-section {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 70px;
	padding: 0px;
	box-shadow: 0px 6px 20px rgb(0 0 0 / 40%);
	border-radius: 6px;
	height: 71px !important;
}
.order-list.completed-order.collapes .order-header{
    padding-left: 125px !important;
}
.order-list.completed-order.collapes .order-inner-list {
    height: 0px !important;
    overflow: hidden;
    padding: 0px !important;
    margin: 0px !important;
}
.order-list.completed-order.collapes .artwork-section img {
    width: 100%;
}
.quoteCenter-top-container .error, .shirt-over-all-addon-costs .error {
	margin: 0px !important;
}
button.btn.sent-reset-link-email, button.submit-reset-password {
	background: #191444 !important;
	color: #fff !important;
}
.reset-password-template .error, .back-to-login {
	color: #191444 !important;
}
.quote-simple-view-section .proof-invoice-item-lists {
    flex-direction: row;
    flex-wrap: wrap;
	border-bottom: 1px solid;
}
.main-section div.quote-simple-view-section-extra.col-lg-12.main.container {
    padding: 0px !important;
    margin-top: 0px !important;
}
.main-section div.quote-simple-view-section{
	padding-bottom: 0px !important;
	margin-bottom: 0px !important;
}
.simple-view-list h4, .simple-view-list h3{
	padding: 0px !important;
}
.simple-view-list {
	padding: 13px !important;
    border-bottom: 1px solid #c7c7c7;
    margin: 0px !important;
}
.all-capitalize {
    text-transform: uppercase;
}
.variation-icon-img.left-icon-section-screen-printing {
    position: absolute !important;
    left: -255px;
    top: -10px;
    width: 33%;
}
.section-over-all-price {
    justify-content: right;
    padding-right: 15px !important;
}
.quote-center-costs.fixed-price-list-display {
    position: fixed;
    padding: 2px;
    text-align: center;
    bottom: 0;
    z-index: 999;
    background: #fff;
    width: 100%;
    border: 0;
    box-shadow: 0px 3px 13px #989898;
}
.fixed-price-list-display div {
    display: inline-block;
    border: 0px;
}
li.qty-selection-list {
    border: 1px solid #2196F3;
}
span.qty-split.common-ratio {
	right: 0px;
}
span.qty-split.even-ratio {
	right: 120px;
}
.border-none {
    border: 0px !important;
}
span.qty-split, .qty-split-notification {
    background: #2196F3;
    color: #fff;
    padding: 17px 10px;
    position: absolute;
    top: 22px;
    cursor: pointer;
    /* display: flow-root; */
}
.status-btn.ready {
	background: #ffc107;
	color: #fff;
}
.status-btn.info-needed, .status-btn.sq-expired {
	background: #de0201;
	color: #fff;
}
.screen-printing-quote-title {
	display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.status-btn.completed, .show-completed-btn {
	background: #70d6a8;
	color: #fff;
}
.activity-proof-status.in_production {
	color: #ffcb2d !important;
	background: #fff !important;
	border: 2px solid #ffcb2d !important;
}
.activity-proof-status.my_proofs {
	color: #30a194 !important;
	background: #fff !important;
	border: 2px solid #009688 !important;
}
.activity-proof-status.new_project {
	color: #aaaaaa !important;
	background: #fff !important;
	border: 2px solid silver !important;
	animation: blinker 1s step-start infinite;
}
.activity-proof-status.awaiting_approval, .activity-proof-status.need-approval {
	color: #d93030 !important;
	background: #fff !important;
	border: 2px solid red !important;
	animation: blinker 1s step-start infinite;
}

.complete-section {
    display: inline-flex;
    flex-direction: column;
}
.complete-section .select-complete-trigger-user {
    margin-top: 10px;
}
.mobile-nave.mobileOnly .container-menu img.profile-image.avatar.img {
	width: 30px !important;
	height: 30px !important;
}
.top-section-price-grid {
	justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    background: #353533;
}
.second-section-price-grid {
    justify-content: space-around;
    border-left: 1px solid #ddd;
}
.first-row-qty {
    width: 16%;
}
.second-row-color {
    width: 84%;
    text-align: center;
    justify-content: center;
}
.first-row-qty .col.btn {
    display: inline-flex;
    justify-content: space-around;
    align-items: center;
}
.row.col.grid-list-container.qty-container {
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.price-grid-display-container .row.col.grid-list-container {
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
}
.top-section-price-grid .col.btn {
    color: #fff !important;
    background: transparent !important;
}
.grid-list-container .col.btn:nth-child(even) {
    background: #9b9daa;
}
.swal-editor-price-grid .row.col.grid-list-container {
    flex-direction: column;
}
b.production-time-message.error-text.pointer {
    cursor: pointer;
    color: red;
    border: 1px solid #333;
    width: auto;
    border-radius: 15px;
    margin: 10px 10px;
}
.show-all-error .show-error {
    border: 2px solid red;
}
.size-container-list ul.custom-form-quantity-val.error-field:before {
    top: 20px !important;
}
div.size-container-list {
    text-align: right;
    margin-bottom: 20px !important;
    padding-bottom: 10px;
    border-bottom: 2px solid;
}
div.size-container-list h5 {
    text-align: justify;
}
div.size-container-list .top-total-style-count {
	text-align: justify;
}
button.btn.section-split {
    background: #ff9800;
    color: #fff;
    font-weight: bold;
    border-radius: 20px;
    padding: 5px 20px;
}
.saved-mode .sp-size-section-edit {
	display: inline-block !important;
}
.sp-size-section-edit {
	display: none;
}
.size-not-sure {
	display: inline-block;
}
span.size-section-edit.btn, .btn.sp-size-section-edit {
    font-size: 22px;
	background: #a8a2a26e;
}
button.btn.all-size-changes-save {
	width: 100%;
    margin: 10px 8px 14px !important;
    background: linear-gradient(180deg, #5a9ad0 0%, #427fb2 100%);
    color: #fff;
    font-weight: bold;
    padding: 11px 14px;
    display: inline-block;
    position: relative;
    bottom: auto;
    z-index: 1;
    border: 1px solid #3f78aa;
    border-radius: 12px;
    box-shadow: 0 10px 18px rgba(22, 64, 108, 0.2);
    transition: transform .16s ease, box-shadow .16s ease, filter .16s ease;
}
button.btn.all-size-changes-save:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 24px rgba(22, 64, 108, 0.26);
    filter: saturate(1.03);
}
button.btn.all-size-changes-save:active {
    transform: translateY(0);
    box-shadow: 0 8px 14px rgba(22, 64, 108, 0.2);
}
.form-control.shirt-qty-field {
    padding: 17px;
}
span.btn.qty-split-notification {
    right: 0;
    width: 200px;
    padding: 5px 10px;
}
.saved-mode .btn.section-split {
	display: none;
}
.custom-shirt-PMS-color {
	margin: 10px 0px;
    width: 100%;
    padding: 10px;
}
/* .shirt-PMS-color ul.dropdown-menu.inner.show li:last-child {
    background: #fff;
    position: fixed;
    width: 100%;
    bottom: 6px;
    left: 0px;
    text-align: center;
} */
/* .shirt-PMS-color ul.dropdown-menu.inner.show {
    position: relative;
    padding-bottom: 30px !important;
} */
.size-container-list.saved-mode li.selected-qty {
    background: #e7e7e7;
    color: #798eac;
    font-weight: 800;
    border: 1px solid #bbbbbb;
    padding: 10px 13px !important;
}
div.dropdown.shirt-PMS-color .bs-donebutton, div.add-shipping-account-select .bs-donebutton {
    position: absolute;
    z-index: 9999;
    bottom: 0px;
    left: 0;
    text-align: center;
    background: #ddd;
    padding: 10px;
}
div.dropdown.shirt-PMS-color .bs-donebutton .btn-group.btn-block, div.add-shipping-account-select .bs-donebutton .btn-group.btn-block {
	width: 100%;
}
div.dropdown.shirt-PMS-color .bs-donebutton .btn-group.btn-block button {
	background: #fff;
    border-radius: 25px;
    font-size: 14px;
    color: #2096f3;
    font-weight: bold;
}
.quote-simple-view-edit-btn {
    justify-content: center !important;
}
button.btn.edit-simple-view, .approved-by-negotiation {
    background: #ff8c0c;
    width: 200px;
	color: #fff;
    font-weight: bold;
}
.go-to-screen-print-list {
    cursor: pointer;
}
.second-layer.slogan .sub-text {
    color: #fff;
    font-weight: bold;
    margin-left: 5px;
}

.thread-home-needle-image {
    display: block;
    width: 242px;
    max-width: 100%;
    height: auto;
    margin: 8px 3px;
    will-change: transform;
}

.thread-home-needle-image.thread-home-needle-jogging {
    animation: threadHomeNeedleJogBurst 0.34s linear 1;
}

@keyframes threadHomeNeedleJogBurst {
    0% {
        transform: translate3d(0, 0, 0);
    }
    10% {
        transform: translate3d(26px, 0, 0);
    }
    20% {
        transform: translate3d(0, 0, 0);
    }
    30% {
        transform: translate3d(26px, 0, 0);
    }
    40% {
        transform: translate3d(0, 0, 0);
    }
    50% {
        transform: translate3d(26px, 0, 0);
    }
    60%,
    100% {
        transform: translate3d(0, 0, 0);
    }
}
.loadmore-container {
	position: absolute;
	bottom: -92px;
	text-align: center;
	display: block;
    width: 100%;
    min-height: 78px;
}
.loadmore-container button {
	display: inline-block;
	width: auto;
	border: 1px solid;
}
.account-order-container .main.container{
	margin-bottom: 108px;
}
.btn.proof-approved-text {
    /* right: inherit !important; */
    left: 15%;
    display: inline-block;
    bottom: -8px;
    background: transparent;
    font-weight: bold;
}
.featherlight .featherlight-content {
	background: rgb(255 255 255 / 0%) !important;
}
.approved-by-text {
	justify-content: center;
}
.text-right {
	text-align: right;
}
button.btn.close-apparel-variation {
    right: 0px;  
    position: absolute;
    top: -10px;
    display: inline-block;
    background: #fbfbfb;
    border-radius: 25px;
    color: #b5c4d9;
    font-weight: bold;
    height: 31px;
    padding: 0px 9px !important;
    font-size: 14px;
}
.apparel-qty-size-container-list {
    position: relative;
    margin-bottom: 20px;
    padding-bottom: 25px;  
    padding: 15px 8px !important;
    border-radius: 8px;
}
.apparel-qty-size-container-list ul.custom-form-quantity-val.my-0.p-0 {
	border-bottom : 0px solid !important;
}
.quote-center-size-price.position-relative {
    padding: 10px;
    background: #80808099;
    margin: 15px !important;
}
button.btn.oversize-changes {
    width: 100%;
    background: #a8a8a8;
    margin: 5px 0;
    border-radius: 15px;
    color: #fff;
    font-size: 12px;
    padding: 0px;
    font-weight: bold;
}
.all-size-container {
    margin: 5px 14px !important;
    position: relative;
    padding-bottom: 8px;
}
select.shirt-speciality-printing option[value="r_t"] {
    display: none;
}
select.shirt-speciality-printing.transfer-color option {
	display: none;
}
select.shirt-speciality-printing.transfer-color option[value="r_t"], select.shirt-speciality-printing.transfer-color option[value="no"] {
	display: block !important;
}
button.btn.location-file-upload {
    bottom: -10px;
    background: #142044;
    width: 120px;
    color: #fff;
    font-weight: bold;
    border-radius: 25px;
    left: 15px;
    font-size: 12px;
    padding: 9px 5px !important;
    line-height: 12px;
    margin: 0px 10px;
}
.location-uploaded-file-lists {
    margin: 10px 0px !important;
}
.quote-center-size-price.position-relative .item-align-center {
    width: 76px !important;
    display: flex;
    flex-direction: column;
    flex: auto;
}
.suggestion-btn-container {
    margin: 10px 0 !important;
}
.apparel-section-qty-price.text-left {
	right: inherit !important;
	left: 0;
}
.apparel-section-qty.text-right {
    position: absolute;
    bottom: 6px;
    padding: 5px 10px;
    background: #ddd;
    color: #2096f3;
    z-index: 9999;
    font-size: 16px;
    font-weight: bold;
}
.apparel-section-qty-price.text-left {
    position: absolute;
    bottom: 6px;
    padding: 5px 10px;
    background: #ddd;
    color: #2096f3;
    z-index: 9999;
    font-size: 11px;
    font-weight: bold;
    border-radius: 44px;
    margin: 0px 9px;
}
.custom-shop .hero.main .container.main {
	background-image: none !important;
}
.custom-shop .search-pad, .search-pad {
    padding: 0px 22px 0px 22px;
    border-right: 1px solid #d4d4d4;
    border-top: 1px solid #d4d4d4;
    border-left: 1px solid #d4d4d4;
    border-top-left-radius: 13px !important;
    border-top-right-radius: 13px !important;
}
.custom-shop .card {
    border-radius: 13px;
    background: #ebedf1;
    box-shadow: 1px 3px 12px rgb(44 64 113 / 7%);
    margin-bottom: 35px;
    cursor: pointer;
}
#marketPlaceSearchForms {
    margin-top: auto;
    cursor: initial;
}
.input-group-flush > .input-group-prepend > .input-group-text {
    color: #4c535f;
}
.input-group-flush {
    box-shadow: none;
}
.custom-shop .card-header {
    margin-bottom: 0;
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    background-color: #fff;
    right: 0px;
}
.input-group-prepend {
    margin-right: -1px;
}
.input-group-prepend, .input-group-append {
    display: flex;
}
.custom-shop .card-header:first-child {
    border-radius: calc(0.375rem - 1px) calc(0.375rem - 1px) 0 0;
}
.custom-shop .card-header {
    z-index: 3;
    /* box-shadow: 0 0 2rem 2px rgb(136 152 170 / 19%); */
}
.custom-shop .input-group > .form-control, .custom-shop .input-group > .custom-select, .custom-shop .input-group > .custom-file {
	font-size: 1.25rem;
    line-height: 1.5;
    height: calc(3.625rem + 2px);
    padding: 0.875rem 1rem;
    border-radius: 0.4375rem;
}
.input-group-flush > .input-group-prepend > .input-group-text, .input-group-flush > .input-group-append > .input-group-text {
    padding: 0;
    padding-right: 1rem;
    border-width: 0;
    background-color: transparent;
}
.input-group-flush > .form-control {
    padding: 0;
    border-width: 0;
    background-color: transparent;
    font-family: inherit;
}
.input-group .form-control {
    box-shadow: none;
}

#searchTagsMarketPlace {
    animation-name: animate-constructed-499088;
    animation-duration: 1s;
    animation-delay: 0s;
    animation-iteration-count: 1;
    animation-direction: reverse;
    animation-timing-function: ease;
    animation-fill-mode: none;
}
.tag-container {
    overflow: auto;
}
.overflowYhidden {
    overflow-y: hidden;
}
.tag-container {
    float: left;
    margin: 0px;
    -webkit-overflow-scrolling: touch;
    box-sizing: border-box;
    white-space: nowrap;
    padding: 0px 3px 0px 15px;
    overflow-x: scroll;
    width: 100%;
    height: 48px;
    -ms-touch-action: auto;
    touch-action: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}
.btn:not(:disabled):not(.disabled) {
    cursor: pointer;
    padding: 2px 10px;
    /* background: #255072; */
    /* font-size: 21px; */
    /* border-color: orange; */
    /* display: block; */
    /* width: 100%; */
    padding: 0.375rem 0.75rem;
    /* font-size: 1rem; */
    /* font-weight: 400; */
    /* line-height: 1.5; */
    /* color: #212529; */
    /* background-color: #fff; */
    /* background-clip: padding-box; */
    /* -webkit-appearance: none; */
    -moz-appearance: none;
    /* appearance: none; */
    /* border-radius: 0.25rem; */
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.btn:not(:last-child) {
    margin-right: 0.5rem;
}
.btn-launch-pad-tag-search {
    background: #ffffff;
    color: #1965f1 !important;
    border-radius: 20px;
    margin: -12px -12px 3px -2px;
    font-size: 11px;
    top: 18px;
    padding: 8px 16px !important;
	position: relative;
	box-shadow: 0 0 2rem 2px rgb(136 152 170 / 19%);
	font-weight: 600;
}
@keyframes animate-constructed-499088 {
	to {
		transform: translate(600px);
		opacity: 0;
	}
}
.table-responsive {
    display: block;
}
.guy-img {
    /* background-image: url(https://redcore.com/core/templates/assets/images/redcore-guy.jpg) !important; */
    background-position: center !important;
}
.lineup {
    animation: yourAnimation 4s forwards 0s linear;
    background: linear-gradient(87deg, #ffffff 0, #ffffff 100%) !important;
}
.lineup, .elite-lineup {
    text-align: center;
    padding: 17px 14px 47px 14px;
    font-size: 37px;
    font-weight: 700;
    border: 1px solid #525f7f63;
    border-radius: 14px;
    margin-top: 38px;
    background: #525f7f0f;
}
.lineup-text {
    padding: 25px 14px 11px 14px;
    color: #000000;
    font-family: AvantGardeLT-Bold;
    letter-spacing: -.5px;
}

@media screen and (min-width: 990px){
	.custom-shop .col-lg-6 {
		max-width: 50% !important;
		flex: 0 0 50% !important;
	}
}
@media screen and (min-width: 1300px){
	.custom-shop .col-xl-4 {
		max-width: 33.33333% !important;
		flex: 0 0 33.33333% !important;
	}
}
@media screen and (min-width: 960px){
	.lineup-text {
		font-size: 36px;
	}
}
.btn.btn-primary.create_user_supportcenter_notification {
    border-radius: 44px;
    border: white;
    padding: 18px 40px;
}
.redcore-pro.lineup {
    background-position: center;
    background-blend-mode: color-burn;
    color: white;
    background: linear-gradient(87deg, #8a0100 0, #ef3719 100%) !important;
    overflow: hidden;
    position: relative;
    z-index: 0;
}
#pens-promo {
    width: 279px;
    position: absolute;
    left: 83px;
    top: 0px;
    z-index: -1;
}
#waterbottle-promo {
    width: 296px;
    position: absolute;
    right: 109px;
    /* bottom: 100px; */
}
button.btn.btn-primary.promo-button {
    background: white;
    color: #565867;
    border-radius: 44px;
    border: white;
    padding: 18px 40px;
}
.redcore-pro p, .lineup.col-lg-12 p {
    font-size: 14px;
}
.redcore-pro button, .lineup.col-lg-12 button {
    width: auto;
    font-size: 15px;
}
.proof-list-title.show_hide_proof_only {
    float: initial;
    margin-right: 0;
    padding: 4px 6px 16px 9px;
}
.show_hide_proof_only {
    font-size: 9px;
    float: right;
    margin-right: 2%;
    cursor: pointer;
    border-radius: 50px;
}
.title-count-notification {
    background: #c6c9ce;
}
.title-count-notification {
    margin-left: 6px;
}
.title-count-notification {
    height: 38px;
    padding: 4px 10px 4px 10px;
    font-size: 15px;
    font-weight: 900;
    color: white;
    border-radius: 48px;
    border: 108px;
    width: 100px;
    position: relative;
    top: -2px;
    margin-right: 5px;
    background: #70d6a8;
    font-family: AvantgardeLT-Bold;
}
.proof-list-title h4 {
    font-family: 'AvantGardeLT-Bold';
}
.proof-list-title h4 {
    color: #000000 !important;
    cursor: pointer;
    font-size: 2.7em !important;
    letter-spacing: -0.5px;
    padding: 4px;
}
.text-white {
    color: #fff !important;
}
.custom-heart-icon {
    float: right;
    transform: translateY(-24px);
    visibility: hidden;
    opacity: 0;
    width: 2px;
    height: 4px;
}
.marketplace-image-window {
    overflow: visible;
    max-width: 305px;
    position: relative;
    display: inline-flex;
    right: 6px;
    border-radius: 12px;
}
.marketplace-image {
    font-size: 1rem;
    display: inline-flex;
    color: #fff;
    border-radius: 0.375rem;
    /* background-color: #adb5bd; */
    align-items: center;
    justify-content: center;
    /* border-radius: 50%; */
    width: 107px;
    height: 107px;
    position: relative;
    background-color: #f3f4f6;
    float: right;
    right: 0px;
    border-radius: 13px;
    border: 5px solid white;
}
.card-spacer {
    padding: 6px 0px 7px 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.launch-padding .mb-0 {
    width: 100%;
}
.launch-padding .mb-0 {
    margin-bottom: 0 !important;
    top: 3px;
    height: 32px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 94%;
    font-size: 1rem;
}
.project-sub-status-info {
    white-space: nowrap;
    max-height: 40px;
    min-height: 38px;
}
.btn-marketplace-order-now {
    padding: 11px 19px 10px 19px !important;
    border-radius: 29px;
    font-size: 13px;
    border: 2px solid #1965f1;
	font-weight: 600;
}
.h4.text-white.d-inline-block.mb-0 {
    padding: 0px 0px 22px 0px;
}
.sub-label-card h4 {
    color: #748092 !important;
    cursor: pointer;
}
span.btn.btn-danger.product-shop-notification {
    z-index: 3;
}
span.btn.btn-danger.product-shop-notification {
    position: absolute;
    top: 68px;
    width: 100%;
    z-index: 3;
    font-size: 9px;
    text-align: center;
    padding: 3px 7px;
    text-transform: uppercase;
    background: #b400ff;
    border-color: #9C27B0;
    box-shadow: 0px 1px 2px #00000047;
    color: white;
    border-radius: 97px;
    width: 89px;
    text-align: center;
    margin: 9px;
    font-weight: 900;
}
.sub-label-card .no-card.no-cardy {
    background: transparent;
    box-shadow: none;
    margin: 0;
    border-color: transparent;
}
.mobile-header-menu-area a.account-info.dropdown-item {
    text-align: center;
    justify-content: center;
}
span.tread-only-text {
    font-weight: bold;
    font-size: 12px;
    color: #f7951d;
    text-transform: uppercase;
    text-align: center;
    display: block;
}

.col-lg-12.text-center.fedex-shipping-container:after {
    content: 'or';
    position: absolute;
    bottom: -10px;
    background: #fff;
    padding: 0px 10px;
    right: 47%;
}
.fedex-shipping-triggered {
	color: #000;
	border: 1px solid;
    margin-bottom: 10px;
}
.fedex-shipping-container {
	border-bottom: 1px solid;
	padding: 10px;
}
button.btn.add-ship-account-number, .fedex-shipping-triggered.active-btn {
    background: #ff8401;
    color: #fff;
    font-weight: bold;
}
.add-shipping-account-select .dropdown-toggle.btn {
    justify-content: end;
    display: flex;
    align-items: center;
    height: 32px;
}
ul.accounts-submenu-list.mobile-view-account.show-all li {
    display: inline-flex !important;
}
ul.accounts-submenu-list.mobile-view-account li.active {
    display: inline-flex;
}
ul.accounts-submenu-list.mobile-view-account li {
    display: none;
    flex: 1;
    margin: 0px;
}
ul.accounts-submenu-list.mobile-view-account li a {
    width: 100%;
    text-align: center;
}
ul.accounts-submenu-list.mobile-view-account {
    flex-direction: column;
}
/* .apparel-section-qty .apl-qty {
    margin-right: 10px;
} */
/* .mobile-view-account .order-header {
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: wrap;
}
.mobile-view-account .order-header > div {
    margin: 10px 0;
}
.mobile-view-account .order-header .order-list-action {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
} */
.mobile-view-account .order-inner-list {
    flex-direction: column;
    display: flex;
    justify-content: center;
    align-items: center;
}
.mobile-view-account .order-left-section {
    flex-wrap: wrap;
    justify-content: flex-start;
    text-align: center;
    border-bottom: 1px solid #cccccc;
    padding: 11px;
}
.mobile-view-account .artwork-section {
	margin-bottom: 20px;
}
.mobile-view-account .order-list-action.order-action-btn-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    margin: 20px 0px !important;
    width: 92%;
    /* border-top: 1px solid gray; */
}
/* .mobile-view-account .order-list.completed-order.collapes .artwork-section {
	top: 30px !important;
	right: 10px;
	left: inherit !important;
}
.mobile-view-account .order-header .order-list-action a {
	margin: 5px 10px;
}
.mobile-view-account .order-header .order-list-action span {
	display: none;
}
.mobile-view-account .order-list.completed-order.collapes .order-header {
	padding-left: 30px !important;
} */
.mobile-view-account .order-list-action.order-action-btn-container button {
    margin-right: 0px !important;
    margin-left: 0px !important;
}

.stripe-card-container {
    text-align: left;
}
.stripe-card-container label {
    padding: 0px;
    font-weight: bold;
    font-size: 12px;
}
.stripe-card-container .form-control {
	padding: 10px 5px;
}
button.btn.save-stripe-card-details {
    background: #ff9800;
    color: #fff;
}
.btn.cancel-payment {
	background: #ddd;
}
.profile-item-value.profile-data-item.profile-selected_payment-card {
    margin: 10px 0;
    text-align: right;
}
.payment-list-container strong {
    text-transform: capitalize;
}
.payment-list-container .form-check.active {
    background: #ecf2fe;
}
.payment-list-container .remove-payment-get-way {
    background: #dfdbdb;
    border-radius: 29px;
    padding: 0px 6px !important;
    color: #fff;
    float: right;
    font-weight: bold;
	cursor: pointer;
}
.copy-proof-link {
    margin-left: 10px;
    padding: 5px;
}
.share-link-container a span {
    padding: 10px;
    font-size: 40px;
}
.share-link-container {
    margin-bottom: 10px;
}
.share-link-copy-container {
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 0px 10px;
    margin-top: 20px;
}
.share-link-copy-container input {
    border: 0px !important;
    height: 50px;
}
.share-link-copy-container button.btn.copy-proof-link {
    background: #FF9800;
    color: #fff;
    font-weight: bold;
}
.share-link-main-container p {
	font-size: 12px;
	font-weight: bold;
}
.share-link-container input {
	height: 40px;
}
.hide-card-element .payment-list-container {
    min-height: 290px !important;
    max-height: 290px !important;
    overflow: auto;
    background: #e4e4e4;
    border-color: #e4e4e4;
    position: absolute;
    width: 100%;
    bottom: 10px;
}
.hide-payment-list .payment-list-container {
    display: none;
}
.payment-list-container .form-check {
    background: #fff;
	display: flex;
	align-items: center;
}
.payment-list-container label.form-check-label {
	width: 90%;
}
.payment-list-container img.pay-icons {
    width: 55px;
}
.form-check.apple-pay-list-container label, .form-check.google-pay-list-container label {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}
.stripe-wallet-btn-mount {
    width: 100%;
    margin-top: 8px;
}
.stripe-wallet-btn-mount .StripeElement {
    width: 100%;
}
.card-icon-list {
    position: absolute;
    right: 7px;
    top: 7px;
}
.custom-card-pay-detail-container .stripe-card-container label {
	font-size: 16px !important;
	font-weight: 400 !important;
}
.card-icon-list img {
    width: 30px;
}
.apple-pay-list-container {
    display: block !important;
    width: 100%;
}
.form-check.apple-pay-list-container.StripeElement {
    border-bottom: 1px solid #dadada;
	border-radius: 3px;
}
.main-section .col-lg-12.main.container.p-0-i {
    padding: 0px !important;
}

/** cal section overright START **/
.quoteCenter-top-container.print-screen-cal fieldset span.apparel-title-edit {
    position: initial;
    margin: 5px 10px;
}
.quoteCenter-top-container.print-screen-cal fieldset img.type-icon.apparel-icon {
    margin-right: 10px;
}
.quoteCenter-top-container.print-screen-cal fieldset .col-lg-3.left-icon-section-screen-printing.img-wrapper {
    min-height: auto !important;
    flex-direction: row;
    background: transparent;
    border-color: transparent;
    padding: 10px 0px;
	position: initial !important;
}
.quoteCenter-top-container.print-screen-cal fieldset {
    flex-direction: column;
}
.quoteCenter-top-container.print-screen-cal fieldset > div {
    width: 100%;
    padding: 8px;
}
.quoteCenter-top-container.print-screen-cal fieldset .col-1.location-section-cost {
position: absolute;
right: -15px;
top: -15px;
background: #fff;
width: auto;
padding: 5px 10px;
border-radius: 25px;
}
/** cal section overright END **/

.shirt-PMS-color .dropdown-menu.show {
	min-width: 280px !important;
}
.notification-screen-print {
    color: #538ebc;
}
/*.proof-approved-section:before {
    content: 'PROJECT';
    padding: 11px;
    text-transform: uppercase;
    font-weight: 800;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: #8a8a8a;
}
.proof-approved-section:after {
    content: 'Approved';
    padding: 11px;
    text-transform: uppercase;
    font-weight: 800;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: #8a8a8a;
} */
.row.p-0.m-0.pms-color-lists-container.my-2 {
    margin-top: 0px !important;
}
.show-botton-login-register {
    position: fixed;
    bottom: 0px;
    width: 100%;
    text-align: center;
    background: #FF9800;
    padding: 6px;
    color: #fff;
    z-index: 9999;
	font-weight: 900;
    font-size: 13px;
}
.show-botton-login-register .checkout-pay-now-discount-trigger {
    min-width: 280px;
    padding: 12px 22px;
    border: 1px solid rgba(255, 255, 255, 0.65);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.18);
    color: #fff;
    font-size: 15px;
    font-weight: 900;
    letter-spacing: 0.01em;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.12);
}
.show-botton-login-register .checkout-pay-now-discount-trigger.is-active {
    background: #fff;
    border-color: #fff;
    color: #d56f00;
    box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.18), 0 12px 26px rgba(0, 0, 0, 0.18);
}

.share-buttons.sing-login-container button {
    background: #3275ed;
}
.view-large-image span {
	font-size: 0px !important;
}
.view-large-image:hover span {
	font-size: 10px !important;
}
.thread-comment-user-icon.activity-img {
    border: 1px solid #cfcfcf;
    max-width: 45px;
    max-height: 45px;
}
.form-group.comment-input-container {
	    border: 0px solid #a9a9a9;
	    padding: 5px 7px 6px;
	    border-radius: 13px;
	    display: flex;
	    background: #ecedef;
}
.form-group.comment-input-container input {
    border-color: transparent !important;
    box-shadow: none !important;
}
.form-group.comment-input-container input:active, .form-group.comment-input-container input:hover, .form-group.comment-input-container input:focus, .form-group.comment-input-container input:visited, .form-group.comment-input-container input:focus-within, .form-group.comment-input-container input:focus-visible, .form-group.comment-input-container input:target {
    border-color: transparent !important;
	box-shadow: none !important;
}

.thread-comment-container {
	justify-content: space-between;
}
.common-action-btn-elm, .common-action-btn-elm:hover {
	color: #fff;
    font-weight: bold;
    border-radius: 25px;
	box-shadow: none;
	font-size: 12px;
	text-transform: uppercase;
}
button.btn-proof-rush, button.btn-proof-awaiting-production-arrival {
    background: #f4d06f;
    padding: 2px 10px !important;
	color: #000;
}
button.btn-premium-setup {
    background: #513e75;
    padding: 3px 12px !important;
}
button.btn-premium-setup.due-date-label.status-flexible {
    background: #8f98a8 !important;
    color: #ffffff !important;
}
button.btn-premium-setup.due-date-label.status-preferred {
    background: #3f7fe8 !important;
    color: #ffffff !important;
}
button.btn-premium-setup.due-date-label.status-important {
    background: #e7b733 !important;
    color: #1f3658 !important;
}
button.btn-premium-setup.due-date-label.status-time-sensitive,
button.btn-premium-setup.due-date-label.status-time-sensitive {
    background: #f28a2c !important;
    color: #ffffff !important;
}
button.btn-premium-setup.due-date-label.status-critical {
    background: #df4a4a !important;
    color: #ffffff !important;
    animation: threadDueDateCriticalFlash 1.05s ease-in-out infinite;
}
button.btn-premium-setup.due-date-label.status-extremely-critical {
    background: #7d1d1d !important;
    color: #ffffff !important;
    animation: threadDueDateExtremePulse 1.35s ease-in-out infinite;
}
.proof-due-date-label {
	background: #00df7b;
}
.calendar-due-date-priority-dot {
	display: inline-flex;
	width: 10px;
	height: 10px;
	min-width: 10px;
	border-radius: 999px;
	margin-right: 7px;
	position: relative;
	top: -1px;
	box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.18);
	background: #8f98a8;
}
.calendar-due-date-priority-dot.status-flexible {
	background: #8f98a8;
}
.calendar-due-date-priority-dot.status-preferred {
	background: #3f7fe8;
}
.calendar-due-date-priority-dot.status-important {
	background: #e7b733;
}
.calendar-due-date-priority-dot.status-time-sensitive {
	background: #f28a2c;
}
.calendar-due-date-priority-dot.status-critical {
	background: #df4a4a;
	animation: threadDueDateCriticalFlash 1.05s ease-in-out infinite;
}
.calendar-due-date-priority-dot.status-extremely-critical {
	background: #7d1d1d;
	animation: threadDueDateExtremePulse 1.35s ease-in-out infinite;
}
.common-action-btn-elm.thread-proof-act-event, .common-action-btn-elm.proof-highlight-txt, .proof-due-date-label {
    width: 100%;
    margin: 0px !important;
    position: relative;
    top: -30px;
    border-radius: 0px 0px 4px 4px;
    padding: 15px !important;
    max-width: 865px;
}

@keyframes threadDueDateCriticalFlash {
    0%, 100% {
        background: #df4a4a;
        box-shadow: 0 0 0 rgba(223, 74, 74, 0);
    }
    50% {
        background: #ff6d6d;
        box-shadow: 0 0 0 3px rgba(223, 74, 74, 0.16);
    }
}

@keyframes threadDueDateExtremePulse {
    0%, 100% {
        background: #7d1d1d;
        transform: scale(1);
        box-shadow: 0 0 0 rgba(125, 29, 29, 0);
    }
    50% {
        background: #9b2323;
        transform: scale(1.03);
        box-shadow: 0 0 0 4px rgba(125, 29, 29, 0.18);
    }
}
.thread-comment-container.my-0 img {
    width: 45px;
    height: 45px;
    border: 1px solid #9b9b9b;
	position: relative;
    left: -8px;
}
.thread-comment-container.my-0, #current_clients {
    margin-top: -1px;
    position: relative;
    max-width: 860px;
}

input.form-control.thread-comment-input {
    background: #f0f0f0;
    border-radius: 24px;
}
.order-action-btn-container > button, .item-dimensions p button {
    margin: 5px 0px !important;
}
.custom-shop .main.container {
    max-width: 1400px;
}
/* button.btn.btn-proof-rush.my-2.common-action-btn-elm.thread-proof-act-event {
    margin: 0px !important;
	font-size: 12px;
    text-transform: UPPERCASE;
} */
.project-order-counts {
    position: absolute;
    top: 0px;
    right: 0px;
    padding: 5px 10px;
    border-radius: 10px;
    font-size: 10px;
    line-height: 1;
    background: #edeeef;
    color: #4292da;
    font-weight: bold;
    color: gray;
    z-index: 3 !important;
}
.card-options-btn {
    background: #ebebeb;
    padding: 18px;
    border-radius: 46px;
    padding: 7px;
    background: #edeeef;
}
.quick-link-edit-tag, .quick-category-edit-tag, .proof-card-options, .project-edit-tag {
    border-radius: 46px;
    right: 5px;
    float: right;
    position: absolute;
    bottom: 5px;
    box-shadow: none;
    z-index: 3;
    border-color: #edeeef;
    background-color: #edeeef;
	width: auto;
}
.btn-red {
    background: #ffffff;
}
.btn-marketplace-order-now:hover, .project-card:hover .btn-marketplace-order-now {
    background-color: #1965f1;
    border-color: #1965f1;
    box-shadow: 0 2px 2px 0 rgba(96, 103, 115, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    color: #fff;
}
.redcore-hr {
    display: none;
}
.swal2-modal.swal2-show.launch-pad-details {
    width: 80%;
}
.swal2-modal.swal2-show.launch-pad-details {
    background: transparent !important;
}
.swal2-modal.swal2-show.launch-pad-details {
    width: 100%;
    padding: 0px !important;
}
#marketPlaceProjectImageSlider {
    height: auto !important;
    width: 100% !important;
    padding: 0 20px;
    padding: 48px;
}
#marketPlaceProjectImageSlider {
    height: calc(100% + 4px);
    width: calc(100% + 2px);
}
#marketPlaceProjectImageSlider .marketplace-details-title {
    float: left;
    width: 100%;
    padding: 0px 13px;
}
#marketPlaceProjectImageSlider .marketplace-details-title h4.project-title {
    font-size: 35px;
    font-family: 'AvantGardeLT-Bold';
    color: #000000;
    text-align: left;
    letter-spacing: -2px;
    border-bottom: 1px solid black;
}
#marketPlaceProjectImageSlider .main-container-marketplace {
    height: 410px;
    float: left;
    width: 100%;
    padding-bottom: 20px;
    border-bottom: 0px solid #0000002e;
}
.main-container-marketplace .gallery-thumbs {
    cursor: ns-resize;
}
.main-container-marketplace .gallery-thumbs {
    height: auto;
    box-sizing: border-box;
    padding: 0;
    width: 20%;
    float: left;
    max-height: 100%;
    position: relative;
    overflow: hidden;
    margin: 15px;
    border: 3px solid #cbcbcb;
    background: #e1e1e1;
    border-radius: 10px;
}
.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
}
.swiper-container-vertical > .swiper-wrapper {
    flex-direction: column;
}
div#marketPlaceView-Slidermain {
    float: right;
    width: 69%;
    overflow: hidden;
    max-height: 385px;
    height: auto;
    margin: 15px 0;
    position: relative;
    border-radius: 8px;
    border: 1px solid #bbbbbb;
}
.main-container-marketplace .swiper-slide {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
}
#marketPlaceProjectImageSlider .marketplace-details h2 {
    text-align: left;
}
.marketplace-details h2.project-details {
    border-top: 1px solid #dbdbdb;
    padding: 17px 0px;
    margin: 2px 0px;
}
.project-description.col-lg-12.no-padding {
    text-align: left;
    color: #070908;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.7;
    font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
}
h2.project-details {
    font-size: 20px;
    color: #000000 !important;
}
img.slider-idea-board-image, img.slider-launch-pad-image {
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    cursor: pointer;
    border-radius: 5px;
}
.swal2-popup.swal2-modal.swal2-show.launch-pad-details :nth-child(2).col-lg-6.col-xs-12 {
    padding: 15px 15px 0 0 !important;
    /* border-radius: 23px; */
    border: 16px solid #eeeeee;
}

.swal2-popup.swal2-modal.swal2-show.launch-pad-details :nth-child(2).col-lg-6.col-xs-12 {
    padding: 15px 15px 0 0 !important;
}
.row.col-lg-12.no-padding.main-slider-container {
    margin-left: 0px;
}

.col-lg-12.no-padding.main-slider-container {
    display: flex;
}
.col-lg-12.no-padding.main-slider-container .col-lg-6 {
    flex: 1;
}
.project-details-container {
    background: #eee;
    padding: 0px 10%;
    text-align: left;
    float: left;
    width: 100%;
}
.product-proof-details-list {
    position: relative;
    z-index: 999999;
}
.bg-light-gray {
    background-color: #ffffff !important;
    background: rgb(255 255 255);
    border: 2px solid #eeeeee;
}
.related-projects-lists img.project-thumbnail {
    width: 50px !important;
    border-radius: 5px;
    height: 49px;
    padding: 0px;
    margin-right: 4px;
}
p.product-sub-title {
    text-align: left;
    font-size: 13px;
    margin: 9px;
    line-height: 39px;
    color: #2050dc;
    font-weight: 500;
}
.tooltip-element {
    color: #fff;
    background: #000;
    width: 16px;
    height: 16px;
    border-radius: 8px;
    display: inline-block;
    text-align: center;
    line-height: 16px;
    margin: 3px 5px;
    font-size: 12px;
}
.lefty {
    text-align: left !important;
    font-size: 25px !important;
    color: #b2b2b2 !important;
    margin-top: 45px !important;
    margin-left: -3px !important;
}
h2.lefty:after {
    content: "Please set a due date to ensure your order is received on time.";
    font-size: 11px;
    font-weight: 400;
    font-family: Roboto;
    color: black;
    padding-left: 8px;
    line-height: 4px;
}
.btn.launch-pad-ordernow-scroll.visible-button {
    visibility: visible;
}
.btn:not(:disabled):not(.disabled) {
    cursor: pointer;
}
.btn.launch-pad-ordernow-scroll {
    width: 80%;
    bottom: 14px;
    left: 0;
    background: red;
    color: #fff;
    cursor: pointer;
    display: none;
    visibility: hidden;
    border-radius: 25px;
    border: 5px solid #fff;
    margin: auto 10%;
}
div::-webkit-scrollbar:vertical {
	width: 20px;
	display: none;
}

div::-webkit-scrollbar:horizontal {
	height: 11px;
	display: none;
}
input::-webkit-scrollbar {
	-webkit-appearance: none;
	background-color: transparent;
}
div::-webkit-scrollbar {
	-webkit-appearance: none;
	background-color: transparent;
}
span.project_order_submit_start_over, span.quote_request_project_order_submit {
    font-weight: bold;
    font-size: 9px;
    cursor: pointer;
    padding: 4px 10px;
    display: block;
    text-align: center;
    border: 1px solid #bec0c3;
    border-radius: 43px;
    width: 192px;
    display: inline;
    margin: 2px !important;
}
a.btn.col-lg-12.btn-marketplace-detail-order-now.btn-primary {
    border-radius: 122px;
    background: #27b578;
    text-align: center;
    opacity: 1;
    padding: 20px;
    margin: 15px auto 19px auto !important;
    width: 71%;
    display: block;
}

.rendered-form label {
    font-weight: 400;
}
label.fb-select-label, label.fb-text-label {
    color: #1f50dc;
    font-size: 17px;
    padding: 15px 3px 0px 3px;
    font-weight: 600;
}

.project-details-container label {
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 16px;
    font-weight: 400;
    background: transparent !important;
}
.rendered-form .btn, .rendered-form .form-control {
    background-image: none;
}

.rendered-form .form-control {
    height: 34px;
    display: block;
    width: 100%;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
}
.rendered-form .form-control, .rendered-form output {
    font-size: 14px;
    line-height: 1.42857143;
    display: block;
}
button.btn.col-lg-12.btn-default.trigger-show-proof-dropzone, button.btn.col-lg-12.btn-default.trigger-show-svg-dropzone, .user-file-upload-trigger-btn, .trigger-show-vote-dropzone {
    border-color: #bec0c3;
    background-color: #f4f4f6;
    padding: 15px;
    color: #2b3742;
    text-align: left;
    font-size: 15px;
    font-weight: 400;
    border: 1px dashed;
    box-shadow: none;
    margin-top: -6px;
    margin: 0px;
}
button.btn.col-lg-12.btn-default.trigger-show-proof-dropzone, .trigger-show-vote-dropzone {
    color: #2050dc !important;
	text-align: center !important;
}
.project-details-container .btn-default {
    background-color: #eeeeee !important;
    box-shadow: inset 0px 2px 4px rgb(48 51 54 / 22%) !important;
    padding: 33px !important;
}
.project-file-drag-and-upload {
	margin-top: 20px;
}
span.btn.shirt-remove-section {
	background: #ffffff61;
	position: relative;
	border-radius: 25px;
	box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08);
	padding: 5px;
	margin-left: 20px;
	right: 23px;
	position: absolute;
	font-size: 11px;
	bottom: -104px;
	z-index: 9999;
	width: auto;
}

.redcore_shirt .funkyradio.btn.btn-checkbox {
	width: auto;
	min-width: 85px;
	padding: 0px 10px;
	border-radius: 60px;
	margin: 5px;
}

.fb-redcoreShirt-label .fb-required {
	display: none;
}
.form-check.funkyradio.btn.btn-checkbox {
	width: auto;
}

.redcore_shirt {
	padding: 17px 0px;
}
.product-proof-details-list .redcore_shirt {
	background: white;
	padding: 22px 35px 21px 28px;
	border-radius: 4px;
	border: 1px solid #bec0c3;
}
.text-red {
    color: #f52120 !important;
}
#formBuilderViewProof h5 {
    color: #2050dc;
    font-size: 16px;
    padding-top: 15px;
    line-height: 0px;
    font-weight: 600;
}
.rendered-form .pull-left {
    float: left;
}
.single_size_container.redcore-shirt-radio-main-container {
    margin-top: 13px;
}
.redcore-single-size-radio.item-align-center input {
    margin-right: 11px;
}
.redcore-single-size-radio.item-align-center input, .redcore-single-size-radio-elem.item-align-center input, .redcore-shirt-radio.item-align-center input, .redcore-shirt-radio-elem.item-align-center input {
    padding: 4px;
    width: 46px;
    border: 1px solid #87888a;
    background-image: none !important;
    background-position: inherit !important;
    background-size: inherit !important;
    margin-bottom: 4px;
    height: 34px;
}
.rendered-form button, .rendered-form input, .rendered-form select, .rendered-form textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
.form-check.funkyradio.btn.btn-checkbox label {
    padding: 5px;
    font-weight: 900;
	margin: 0px;
}
.btn-checkbox.checked {
    border-color: #0476d0;
    background-color: #0476d0;
    color: white;
}
.redcore-single-size-radio.col-lg-1, .redcore-shirt-radio.col-lg-1 {
    max-width: 100%;
}
.redcore-shirt-radio.item-align-center, .redcore-shirt-radio-elem.item-align-center, .redcore-single-size-radio.item-align-center, .redcore-single-size-radio-elem.item-align-center {
    margin-right: 4.1%;
    font-size: 15px;
    width: 32px;
}
.redcore-shirt-radio.item-align-center label {
    font-size: 12px;
    font-weight: 700;
    width: 45px;
}
span.small-title {
    font-size: 9px;
    font-weight: bold;
}
.rendered-form .btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border-radius: 4px;
}
.redcore-shirt-radio-main-container .col-lg-12.row {
	position: relative;
}
.col-lg-12.shirt-total-count.content-align-right, .col-lg-12.single-size-total-count.content-align-right {
    background: #d1d1d100;
    color: #a9a9a9;
    padding: 12px 1px 6px 8px;
    text-align: right;
    margin: 6px 1px;
    border-radius: 0px;
    width: 96%;
    font-weight: 900;
    height: 38px;
    border-bottom: 1px solid #939393;
    font-size: 16px;
}
.btn-checkbox {
    background: #f2f2f2;
    margin-bottom: 10px !important;
    border: 1px solid #eeeeee;
    cursor: pointer !important;
    opacity: 0.9 !important;
    alignment-baseline: ideographic;
    font-weight: 300 !important;
    color: #939393;
}
.modal .modal-header .close {
    color: #999999;
}
.modal-header .close {
    /* margin: -1.25rem -1.25rem -1.25rem auto; */
    /* padding: 1.25rem; */
}
/* .modal-header button.close {
    color: white;
    background: #939393;
    padding: 0px 10px 8px 11px;
    border-radius: 50px;
    position: absolute;
    top: 0px;
    right: 1px;
    font-size: 37px;
} */

.field.d-flex.align-items-center.justify-content-between.share-link-copy-container .form-control:focus {
    color: #212529;
    background-color: #fff;
    border-color: #86b7fe;
    outline: 0;
    box-shadow: none;
}
.btn.view-large-image.image-zoom-popup {
    border: 2px solid #dfdfdf !important;
}
a.cursor.gray.new-account-btn {
    background: #f6f6f6;
    padding: 11px;
    border-radius: 4px;
    width: 93%;
    margin: 13px;
}
label.size-labeler {
    font-size: 12px;
    background: #1f50dc !important;
    padding: 4px 0px 3px 8px;
    border-radius: 41px 0px 0px 41px;
    height: 23px;
    color: white;
    font-weight: 900;
    width: 50px;
    margin: 0px !important;
    position: relative;
    top: 12px;
    right: -1px;
}
input.mark-check, textarea.mark-check, select.mark-check, button.dropdown-toggle.btn.btn-primary.btn-round.mark-check[data-toggle="dropdown"] {
    background-image: url(/core/templates/assets/img/check.png) !important;
    background-repeat: no-repeat !important;
    background-size: 27px !important;
    background-position: right !important;
    padding-right: 4px;
}
.product-proof-details-list .measure-box.row {
    background: white;
    padding: 11px 24px;
    border-radius: 4px;
    border: 1px solid #bec0c3;
}

.proof-launch-pad-form-values .row {
    margin: 0px !important;
}
.proof-defualt-fields .row.file-upload-section.my-3.mx-0 {
    display: flex !important;
}
.proof-defualt-fields button.btn.sticker-file-upload.thread-bg {
	margin: 0px !important;
}
.proof-defualt-fields .thread-drag-and-drop {
    width: 62%;
}
.button-loader {
	width: 20px;
	visibility: visible;
	margin-right: 10px;
}
.btn-marketplace-megamenu-detail h1.title {
	margin-left: 0;
	font-size: 16px;
	letter-spacing: 0px;
	font-family: 'AvantGardeLT-Bold';
	color: red;
	border-bottom: 1px solid black;
}
span.btn-marketplace-megamenu-detail:hover {
	color: #2196f3;
}
.mega-menu-titles ul.table-responsive.tag-container.overflowYhidden .megameny-header-list:hover .megamenu-child {
	display: inline-flex;
}

.mega-menu-titles ul.table-responsive.tag-container.overflowYhidden .megameny-header-list:hover span.mega-menu-header-title {
	color: #2196f3;
}

span.btn-marketplace-megamenu-detail {
	font-size: 14px;
	font-weight: bold;
	color: #565867;
	width: 20%;
	cursor: pointer;
}

.launch-pad-megamenu {
	display: block;
}

button.btn.btn-white-color.btn-launch-pad-tag-search:hover,
button.btn.btn-white-color.btn-launch-pad-tag-search.megamenu-active,
button.btn.btn-white-color.btn-launch-pad-tag-search.megamenu-active:hover {
	background: #1965f1 !important;
	color: #fff !important;
}
.megamenu-child {
    margin: 20px 30px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    height: 55vh !important;
    justify-content: start;
    align-content: flex-start;
    width: 100%;
}
button.btn.btn-sm.btn-neutral.mr-0.product-title-edit {
    padding: 2px 5px;
    margin-left: 10px;
    display: none;
}
.btn-marketplace-megamenu-detail:hover button.btn.btn-sm.btn-neutral.mr-0.product-title-edit {
    display: inline-block;
}
.btn.btn-white-color.btn-primary {
    border-color: #a72124;
}
.btn.btn-white-color.btn-primary {
    background-color: #ffffff !important;
    color: #737885 !important;
}
.active-tag-search {
	width: auto !important;
	margin: -12px 7px 3px -2px !important;
}
.hide-tag-search-result {
	display: none !important;
}
ul .search-list-top {
    padding: 4px 9px 5px 20px;
    margin: 0 12px;
}
ul.top-search-autocomplete.marketPlaceSearchForms {
    position: relative;
    border-radius: unset !important;
    box-shadow: initial;
    list-style: none;
    border-top: 1px solid rgba(0, 0, 0, .05);
}
.search-list-top b {
    color: red;
    font-size: 18px;
}
ul.top-search-autocomplete li.ui-autocomplete-row {
    position: relative;
}
ul.top-search-autocomplete li {
    background: #fff;
    padding: 5px 10px 5px 20px;
    cursor: pointer;
    border-radius: 51px;
    margin: 7px 12px;
    text-transform: capitalize;
}
ul.top-search-autocomplete {
    padding: 38px 0px 0px 0px !important;
}
ul.top-search-autocomplete {
    position: absolute;
    padding: 19px 0px 0px 0px;
    background: white;
    width: 100%;
    max-height: 265px;
    overflow-y: auto;
    z-index: 9;
    color: #3f4040b0;
    top: 60%;
    border-radius: 0px 0px 26px 26px;
    box-shadow: 0px 2px 10px #0000004a;
    -webkit-transition: background .4s, -webkit-box-shadow .2s;
    transition: background .4s, -webkit-box-shadow .2s;
    -o-transition: background .4s, box-shadow .2s;
    transition: background .4s, box-shadow .2s;
    transition: background .4s, box-shadow .2s, -webkit-box-shadow .2s;
}
ul.top-search-autocomplete li:hover {
    background: #bcc0c770;
    color: #0e0909;
}
ul.top-search-autocomplete li.ui-autocomplete-row:hover i {
    visibility: visible;
    position: absolute;
    right: 12px;
    top: 1px;
    font-size: 30;
    color: #fff;
}
ul.top-search-autocomplete li i {
    color: #fff;
}
.quote_request_project_order_submit, .project_order_submit_start_over {
	display: none;
}
.location-card-container:first-child {
	margin-left: 0px;
}
.location-card-container {
    display: inline-flex;
    align-items: end;
    justify-content: center;
	margin-left: 10px;
}
.location-card-container select, .location-card-container input, .location-card-container button {
    height: 43px;
    min-width: 81px;
}
.location-card-container .form-group {
    align-items: flex-start;
    flex-direction: column;
    justify-content: end;
    display: inline-flex;
    position: relative;
}
.apparel-qty-size-container-list .form-group {
    position: relative;
}
.location-card-container button {
    background: #fff;
    padding: 0 10px !important;
    border-radius: 10px;
}
.location-card-container label, .location-card-container button {
    font-weight: 400;
    font-size: 14px;
}
.app-location-section {
	display: flex;
	align-items: flex-end;
    flex-wrap: wrap;
}
.tops-brand.model-tops-brand {
    font-weight: bold;
    font-size: 12px;
    max-height: 80vh;
    overflow: auto;
}
.col-lg-12.my-2.tops-brand-split {
    justify-content: space-between; 
}
button.btn.set-thread-color.active {
    background: #f9a01d;
	color: #fff;
}
section.main.hero.terms-page .second-layer.slogan {
    max-width: 100% !important;
}
section.main.hero.terms-page .main.container {
    background-image: none !important;
}
.row.mt-3.col-lg-12.main.container.terms-list p {
    display: flex;
    /* justify-content: space-between; */
    /* align-items: center; */
    text-align: justify;
    /* background: rgba(16, 16, 16, 0.5803921568627451) !important; */
    padding: 20px !important;
    /* color: #fff; */
    font-weight: bold;
    flex-wrap: wrap;
    box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.31);
    /* max-height: 65vh; */
    /* overflow: auto; */
}
.model-price-grid-user-list .swal2-content {
	z-index: 99 !important;
}
.set-user-list-section .dropdown-menu.show, .price-grid-user-selection .dropdown-menu.show {
    max-height: 250px;
    overflow: auto;
}
button.btn.btn-view-simple {
    background: #ff8522;
    color: #fff;
    border: 5px solid #fff;
    border-radius: 15px;
    font-size: 12px;
    font-weight: bold;
	box-shadow: none;
}
.proof-invoice-item-lists.simple-model-view {
    max-height: 70vh;
    overflow: auto;
}
.apparel-type-section-list-model {
    display: flex;
    flex-wrap: wrap;
}
.apparel-type-section-list-model span.item-lists {
    margin: 10px 0;
    text-align: justify;
    font-size: 15px;
    padding: 0 10px;
    flex: 0 0 50%;
}
.form-group.comment-input-container {
	display: grid;
}
.form-group.comment-input-container::after {
	/* Note the weird space! Needed to preventy jumpy behavior */
	content: attr(data-replicated-value) " ";

	/* This is how textarea text behaves */
	white-space: pre-wrap;

	/* Hidden from view, clicks, and screen readers */
	visibility: hidden;
	height: auto !important;
}
.form-group.comment-input-container > textarea,
.form-group.comment-input-container::after {
  /* Identical styling required!! */
  /* Place on top of each other */
  grid-area: 1 / 1 / 2 / 2;
  background: transparent;
  border-color: transparent;
  resize: none;
  overflow: hidden;
}
span.btn.send-thread-comment i {
    padding: 5px 6px !important;
    display: inline-grid;
    align-items: center;
    border-radius: 19px;
    background: red;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
    border: 0px solid black !important;
    position: relative;
    right: 40px;
    bottom: -1px;
}
.form-group.comment-input-container > * {
    display: inherit;
}
.form-group.comment-input-container.remove-height textarea {
	height: auto !important;
}
.form-group.comment-input-container textarea {
    grid-column: 1 / 10;
    box-shadow: none;
    max-width: 632px;
    min-height: 34px;
    height: auto !important;
    overflow-y: hidden;
}
.form-group.comment-input-container .btn.send-thread-comment {
    grid-column: 9;
    align-items: end;
	margin-right: 0px !important;
	padding-right: 4px !important;
}

/** Proof User Add Option Start **/
.avatar-group.single-user-list {
    position: absolute;
    right: 0px;
    width: auto;
}
.avatar-group.single-user-list .avatar img {
    border: 3px solid #747474;
}
.avatar-group.single-user-list .rounded-circle, .avatar-group.single-user-list .avatar.rounded-circle img {
    border-radius: 50% !important;
}
.avatar-group.single-user-list .avatar img {
    background: #c9c9ce;
}
.avatar-group.single-user-list .avatar {
    position: relative;
    z-index: 2;
    border: 0px solid #fff;
	cursor: pointer;
}
.avatar-group.single-user-list .avatar + .avatar{
	margin-left: -1rem;
}
.avatar-group.single-user-list .avatar img {
	width: 45px;
    height: 45px;
}
#client_list_option_online a .cc_tooltip {
    position: absolute;
    top: -53px;
	left: 0px;
    text-align: center;
    font-size: 12px !important;
    display: none;
    background: #292f33;
    color: #fff;
    border-radius: 4px;
    padding: 11px;
    width: 238px;
    transform: translateX(-40%);
    font-family: inherit;
    font-size: 16px;
    max-height: 51px;
}
.avatar-group.single-user-list .avatar:hover {
    z-index: 3;
    transform: scale(1.2);
    transition: .4s;
}
#client_list_option_online a:hover .cc_tooltip {
    display: inline-flex;
}
.avatar-group.single-user-list {
	display: flex;
	justify-content: end;
	align-items: center;
	vertical-align: middle;
}
.avatar-group.single-user-list .cc_tooltip:after {
    content: '';
    width: 15px;
    height: 15px;
    background: #292f33;
    position: absolute;
    right: 17px;
    top: 31px;
    transform: rotate(45deg);
    margin: auto 40%;
    border-radius: 2px;
}
a.avatar.avatar-sm.rounded-circle.add-new-users.remove-not-creator {
    width: 45px;
    display: flex;
    font-size: 30px;
    background: white;
    text-align: center;
    height: 45px;
    justify-content: center;
    align-items: center;
    border: 2px dotted;
		color: #ff8522;
}
a.avatar.avatar-sm.rounded-circle.add-new-users .mCS_img_loaded {
    display: inline;
    top: -3px;
    position: relative;
}
#proof-user-add-section li {
    flex: 1;
}
#proof-user-add-section ul {
	margin-bottom: 20px;
}
#proof-user-add-section .bs-searchbox .form-control {
	height: 50px;
}
#proof-user-add-section li a.active, #proof-user-add-section li a.hover {
	box-shadow: 0 1px 3px rgba(50, 50, 93, .15), 0 1px 0 rgba(0, 0, 0, .02);
}
#proof-user-add-section li a {
    color: #333;
    padding: 10px;
	border: 0px solid #b1b1b1;
}
.font-weight-bold {
	font-weight: bold;
}
#search-proof-select-user-container button.dropdown-toggle.btn.form-control {
    display: none;
    min-height: 50px;
	box-shadow: 0 1px 3px rgba(50, 50, 93, .15), 0 1px 0 rgba(0, 0, 0, .02);
}
#search-proof-select-user-container .filter-option {
    position: inherit;
    display: inline-block;
}
ul.nav.nav-pills.nav-fill.flex-column.flex-md-row li {
    width: 47% !important;
    flex: none !important;
}
ul.nav.nav-pills.nav-fill.flex-column.flex-md-row li a {
    background: #f0f5f9 !important;
    border-radius: 25px;
    padding: 13px 20px !important;
}
ul.nav.nav-pills.nav-fill.flex-column.flex-md-row li a.active {
    background: #ffff !important;
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
}
#proof-user-add-section ul.nav.nav-pills.nav-fill.flex-column.flex-md-row {
    justify-content: space-around;
}
input#proof-invite-user {
	height: 50px;
}
#search-proof-select-user-container div.dropdown-menu.show .inner.show {
    max-height: 150px !important;
    overflow: auto;
}
#proof-user-add-section .nav-pills li.active a, #proof-user-add-section .nav-pills li.active a:hover {
    background: #fff !important;
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgb(244, 244, 246) !important;
}
#search-proof-select-user-container .bootstrap-select .inner.show {
    max-height: 150px !important;
}
#search-proof-select-user-container .bs-donebutton {
    border-top: 1px solid #ddd;
}
#search-proof-select-user-container .btn-group.btn-block {
	display: inline;
}
#search-proof-select-user-container #add-new-users-to-proof {
    font-size: 12px;
    width: 100% !important;
}
#search-proof-select-user-container button.dropdown-toggle.btn.form-control .filter-option-inner-inner {
    display: flex;
    flex-wrap: wrap;
}
#search-proof-select-user-container .bootstrap-select .dropdown-menu, #select_new_users_bulk_action_container .bootstrap-select .dropdown-menu {
    box-shadow: none !important;
	position: inherit !important;
	transform: none !important;
    display: block !important;
}
.bs-searchbox {
    padding: 10px 9px;
}
#search-proof-select-user-container .dropdown-menu > li > a, #select_new_users_bulk_action_container .dropdown-menu > li > a {
    display: block;
    padding: 13px 13px;
    padding-left: 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    height: 60px;
    border-bottom: 1px solid #efefef;
}
.material-icons.list-avatar img {
	width: 100% !important;
	max-height: 100% !important;
}
.material-icons.list-avatar {
    padding: 0;
    width: 38px;
    border: 3px solid #eee;
    border-radius: 50px;
    margin: 0;
	display: inline-block;
	overflow: hidden;
}

#search-proof-select-user-container span.text, #select_new_users_bulk_action_container span.text {
    position: absolute;
    top: 23px;
    padding: 8px 11px;
}
#search-proof-select-user-container .dropdown-menu li small, #select_new_users_bulk_action_container .dropdown-menu li small {
    padding-left: 0.5em;
    position: absolute;
    top: -14px;
    left: 2px;
    font-size: 17px;
    font-weight: 900;
    color: #0065e5 !important;
}
button#add-new-users-to-proof {
    background: #5600ff;
    color: white;
    padding: 4px 0px;
    border-radius: 54px;
    font-weight: bold;
}
#search-proof-select-user-container .bootstrap-select.btn-group .dropdown-menu li a:focus,
#search-proof-select-user-container .bootstrap-select.btn-group .dropdown-menu li a:hover,
#select_new_users_bulk_action_container .bootstrap-select.btn-group .dropdown-menu li a:focus,
#select_new_users_bulk_action_container .bootstrap-select.btn-group .dropdown-menu li a:hover {
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(156, 39, 176, 0.4);
}


/** END **/

.btn-premium-setup.in-progressing {
    background: #1d1093 !important;
}
button.btn.update-po-number {
    margin-top: 20px;
    background: #ff8522;
    color: #fff;
    font-weight: bold;
    padding: 8px 25px !important;
    border-radius: 25px;
}
.order-list.completed-order.collapes .order-header {
    padding-right: 100px !important;
}
.order-list.completed-order .order-header {
    padding-right: 70px !important;
}
.order-list.completed-order span.btn.history-arrow-check {
	display: block;
}
.order-list.completed-order.collapes span.btn.history-arrow-check {
	right: 0px !important;
}
span.btn.history-arrow-check {
    position: absolute;
	right: 15px !important;
	background: #ebebeb;
	padding: 36px 9px 39px 9px !important;
	font-size: 15px;
	display: none;
	border-radius: 0px;
	top: 0px;
	margin: 1px -1px;
	border-left: 1px solid #c8c8c8;
	border-radius: 0px 15px 0px 0px;
}
figcaption {
    padding: 10px;
    background: whitesmoke;
}
.order-list.completed-order.collapes span.btn.history-arrow-check .fa-arrow-up, .order-detail-arrow-check .fa-arrow-up{
	transform: rotate(0deg);
	transition: transform .2s linear;
}
.order-list.completed-order span.btn.history-arrow-check .fa-arrow-up, .view-summery .order-detail-arrow-check .fa-arrow-up {
	transform: rotate(180deg);
	transition: transform .2s linear;
}
.order-list.completed-order.collapes .order-inner-list, .order-list.completed-order .order-inner-list{
	transition: transform 1s linear;
}
.order-detail-arrow-check {
    padding: 10px;
    margin-left: -5px;
    color: #ff8522;
}
span.btn.share-proof-link.clear-share-button,
span.btn.share-proof-link.tooltip-element {
    width: auto;
    height: auto;
    color: #505050;
    background: #f6f6f6;
    position: relative;
    display: inline-flex;
    justify-content: center;
	align-items: center;
	gap: 6px;
	padding: 6px 12px !important;
	border: 1px solid #dadada;
	border-radius: 999px;
	font-size: 13px;
	font-weight: 700;
	line-height: 1;
	overflow: visible;
}

span.btn.share-proof-link.clear-share-button .share-label,
span.btn.share-proof-link.tooltip-element .share-label {
	font-size: 12px;
	letter-spacing: .01em;
}

span.btn.share-proof-link.clear-share-button[data-tooltip]:hover::before {
	content: attr(data-tooltip);
	position: absolute;
	left: 50%;
	bottom: calc(100% + 6px);
	transform: translateX(-50%);
	background: #1f232b;
	color: #fff;
	padding: 5px 8px;
	font-size: 11px;
	font-weight: 600;
	border-radius: 6px;
	white-space: nowrap;
	z-index: 1400;
}

span.btn.share-proof-link.clear-share-button[data-tooltip]:hover::after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: calc(100% + 1px);
	transform: translateX(-50%);
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #1f232b;
	z-index: 1400;
}
button.btn.download-invoice, a.btn.view-order-history {
    background: gray;
    width: 100%;
    margin: 20px 0;
    color: #fff;
    font-weight: bold;
}
a.btn.view-order-history {
	margin: 0px !important;
}
.vip-signup-section img {
    width: 40px;
    margin-right: 20px;
    border: 2px solid;
    border-radius: 25px;
    overflow: hidden;
}
.vip-signup-section {
	width: 100%;
    padding: 10 20px;
	margin-bottom: 20px;
    text-align: justify !important;
}
.summary-left-section.order-confirm-notification, .vip-signup-section {
    background: #ff8522;
    color: #fff;
    font-weight: bold;
    text-align: left;
    display: inline-block;
}
input#thread-company-name {
    border: 1px solid #ced4da !important;
    border-radius: 3px;
}
.proof-invoice-link-menu {
	top: -20px
}
.proof-order-history-link-menu {
	top: -50px;
}
span.thread-color-selection.proof-view label {
    display: none;
}
span.thread-color-selection.proof-view img {
    width: 30px;
}
.apparel-selected-item-main.updated-embroidery-section {
    background: #fbfbfb;
    padding: 2px 24px 4px 29px;
    /* border: 1px solid #efefef; */
}
.updated-embroidery-section .product-grid-list.thread-apparel-type.selected-apparel-lists {
    flex-direction: column;
}
.updated-embroidery-section .product-grid-list.thread-apparel-type.selected-apparel-lists > div {
    width: 100% !important;
    min-height: auto;
    margin: 0px;
}
.updated-embroidery-section .product-grid-list.thread-apparel-type.selected-apparel-lists > div.img-wrapper {
	flex-direction: row;
}
.updated-embroidery-section  span.apparel-title-edit {
	position: initial !important;
}
.updated-embroidery-section .selected-apparel-lists > div.img-wrapper span {
	margin: auto 10px !important;
}
.updated-embroidery-section .thread-apparel-type .img-wrapper:hover, .updated-embroidery-section .thread-apparel-type .img-wrapper.active {
	border: 0px solid !important;
	background: transparent !important;
}
.updated-embroidery-section .sub-title.apparel-title-text {
    text-align: left;
    min-width: 180px;
}
.embroidery-sec-container {
	padding: 20px 10px;
	background: #eceef1;
	border-radius: 15px;
	margin: 15px 0;
	border: 1px solid #d4d9e0;
}
.updated-embroidery-sec-bottom .embroidery-sec-container {
    background: #ffffff;
    border: 1px solid #d9e3f4;
    border-radius: 16px;
    padding: 16px;
}
.updated-embroidery-sec-bottom .embroidery-sec-container .form-group {
    margin-bottom: 12px !important;
}
.updated-embroidery-sec-bottom .embroidery-sec-container .form-control {
    min-height: 44px;
    border-radius: 10px;
    border: 1px solid #ced9ec;
    box-shadow: none;
    padding: 12px 16px !important;
}
.updated-embroidery-sec-bottom .embroidery-sec-container textarea.form-control.additional-comment {
    min-height: 136px;
}
.updated-embroidery-sec-bottom h6.text-center.my-3 {
    color: #273f70;
    font-weight: 600;
}
.updated-embroidery-sec-bottom .thread-drag-and-drop {
    border: 1px dashed #8fb0db;
    border-radius: 10px;
    background: #f6f9ff;
}
.flex-align-end {
	align-items: end;
}
.flex-justify-end {
	justify-content: end;
}
.updated-embroidery-section span.btn.premium-setup-action {
    margin: 0px !important;
}
.updated-embroidery-section button.btn.set-thread-color {
    background: #fff;
    width: 100%;
    min-height: 42px;
	border: 1px solid #ced4da;
	color: #212529;
}
.updated-embroidery-section .location-card-container {
    margin-left: 20px;
    margin-right: 10px;
}
.updated-embroidery-section .app-location-section {
	align-items: center !important;
}
.updated-embroidery-section .col-lg-12.my-2.tops-brand-split {
    justify-content: space-evenly !important;
}
.updated-embroidery-section button.upload-location-file.btn {
    width: 100%;
    background: #131f43;
    color: #fff;
    border-radius: 25px;
	max-width: 150px;
	margin: 0 0 0 auto;
}
.text-align-end {
	text-align: end;
}
.updated-embroidery-section .thread-premium-setup {
	margin-left: 5px !important;
	min-width: 90px;
}
.app-location-section.flex-align-end {
	align-items: end !important;
}
.row.embroidery-sec-container hr {
    border: 1px solid #333 !important;
}
.updated-embroidery-sec-bottom .thread-premium-setup {
    min-width: 90px !important;
    display: inline-flex;
	align-items: center;
}
.updated-embroidery-sec-bottom .thread-premium-setup span {
    margin: 0 !important;
}
.updated-embroidery-sec-bottom .thread-drag-and-drop {
	width: 83%;
}
.updated-embroidery-sec-bottom .file-upload-section {
    gap: 10px;
    align-items: stretch;
}
.updated-embroidery-sec-bottom .sticker-file-upload.thread-bg {
    min-width: 145px;
    border-radius: 10px;
    padding: 12px 14px !important;
}
.updated-embroidery-sec-bottom .thread-drag-and-drop {
    width: 100% !important;
    min-height: 86px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 4px;
    border: 1.5px dashed #87aade;
    border-radius: 12px;
    background: linear-gradient(180deg, #f9fcff 0%, #eef5ff 100%);
    padding: 12px 16px;
    transition: border-color .2s ease, background-color .2s ease, transform .2s ease;
}
.updated-embroidery-sec-bottom .thread-drag-and-drop i {
    font-size: 19px;
    color: #3764a5;
}
.updated-embroidery-sec-bottom .thread-drag-and-drop .thread-drag-title {
    font-size: 12px;
    font-weight: 700;
    color: #224175;
    line-height: 1.2;
}
.updated-embroidery-sec-bottom .thread-drag-and-drop .thread-drag-subtitle {
    font-size: 11px;
    color: #607ba6;
    line-height: 1.2;
}
.updated-embroidery-sec-bottom .thread-drag-and-drop.is-dragging {
    border-color: #4e82cf;
    background: #eaf3ff;
    transform: translateY(-1px);
}
.updated-embroidery-sec-bottom .thread-file-note-wrap {
    padding: 8px 0 4px 58px;
}
.updated-embroidery-sec-bottom .thread-file-note-input {
    min-height: 56px;
    max-height: 90px;
    resize: vertical;
    font-size: 12px;
    line-height: 1.3;
    border-radius: 8px;
    border: 1px solid #cfdcf1;
    background: #f9fbff;
    box-shadow: none !important;
}
.order-builder-layout .apparel-variation-button-container {
    justify-content: stretch !important;
}
.order-builder-layout .apparel-variation-button-container .add-apparel-variation {
    width: 100% !important;
    background: #fff !important;
    border: 1px solid #163060 !important;
    color: #163060 !important;
    border-radius: 10px !important;
    font-weight: 700;
    padding: 10px 14px !important;
}
.updated-embroidery-sec-bottom .thread-submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    min-width: 220px;
    max-width: 260px;
    margin: 14px auto 8px !important;
    padding: 8px 18px !important;
    font-size: 13px;
    line-height: 1.2;
}
.updated-embroidery-sec-bottom .thread-order-save {
    width: auto !important;
    min-width: 149px;
    border-radius: 999px !important;
    border: 2px solid #97accb !important;
    color: #6c7f9b !important;
    background: transparent !important;
    font-weight: 700;
    padding: 8px 18px !important;
}
.embroidery-sec-container .apparel-qty-size-container-list ul.custom-form-quantity-val.error-field {
    border-bottom: 2px solid #FF9800 !important;
    background: #ff980012;
    margin: 9px;
}
span.premium-digitizing-note {
    position: absolute;
    right: 10;
    background: #64479c;
    padding: 10px 20px;
    border-radius: 25px;
    color: #fff;;
}
.updated-embroidery-section .top-total-style-count {
	display: none;
}
.updated-embroidery-section ul.custom-form-quantity-val.error-field:before {
	content: ' ' !important;
}
.updated-embroidery-section .apparel-section-qty-price.text-left {
	display: none;
}
.location-section span.btn.remove-apparel-location-section {
    left: -25px;
    right: unset;
    top: 50%;
}
.screen-printing .apparel-add-location-trigger{
	display: none !important;
}
.premiun-setup-active button.upload-location-file.btn, .premiun-setup-active .apparel-variation-trigger, .apparel-add-location-trigger, .premiun-setup-active button.btn.sticker-file-upload.thread-bg, .premiun-setup-active .thread-submit {
    background: #64489c !important;
    color: #fff !important;
    font-weight: bold;
}
.apparel-add-location-trigger {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    height: 38px;
    padding: 0 18px !important;
    border-radius: 999px !important;
    border: 0 !important;
    margin: auto 0 auto 10px;
    line-height: 1;
    font-size: 12px;
    letter-spacing: 0.02em;
    box-shadow: 0 6px 14px rgba(24, 39, 71, 0.18);
    transform: translateY(2px);
}
.location-section .apparel-add-location-trigger {
    align-self: center;
}
span.btn.set-thread-comment-img.active {
    background: #ff8623;
	color: #fff;
	font-weight: bold;
}
/* span.btn.set-thread-comment-img.typed {
	right: 14%;
} */
span.btn.set-thread-comment-img {
	  position: absolute;
	  bottom: 10px;
	  right: 4px;
	  background: #fff;
	  border-radius: 8px;
	  padding: 10px;
	  height: 38px;
}
ul#menu-proof-lists,
ul#menu-proof-lists-mobile,
ul#menu-proof-saved-lists,
ul#menu-proof-saved-lists-mobile {
    max-height: 600px;
    overflow: auto;
    transform-origin: top right;
}

ul#menu-proof-lists,
ul#menu-proof-lists-mobile,
ul#menu-proof-saved-lists,
ul#menu-proof-saved-lists-mobile {
    margin-top: -0.3rem !important;
}

ul#menu-proof-lists {
    right: 18px !important;
    left: auto !important;
}

ul#menu-proof-saved-lists {
    right: 18px !important;
    left: auto !important;
}

button#proofListpage.dropdown-toggle.show::before {
    content: "";
    position: absolute;
    bottom: -12px;
    right: 30px;
    width: 14px;
    height: 14px;
    background: #0f141d;
    border-top: 1px solid rgba(0, 0, 0, 0.15);
    border-left: 1px solid rgba(0, 0, 0, 0.15);
    transform: rotate(45deg);
    z-index: 1046;
}

button#proofSavedListpage.dropdown-toggle.show::before {
    content: "";
    position: absolute;
    bottom: -12px;
    right: 30px;
    width: 14px;
    height: 14px;
    background: #0f141d;
    border-top: 1px solid rgba(0, 0, 0, 0.15);
    border-left: 1px solid rgba(0, 0, 0, 0.15);
    transform: rotate(45deg);
    z-index: 1046;
}

ul#menu-proof-lists.show,
ul#menu-proof-lists-mobile.show,
ul#menu-proof-saved-lists.show,
ul#menu-proof-saved-lists-mobile.show {
    animation: proof-dropdown-smooth .2s ease-out;
}

@keyframes proof-dropdown-smooth {
    from {
        opacity: 0;
        transform: translateY(8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.order-activity-list .activity-status-label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 4px 10px;
    border-radius: 999px;
    background: #efefef;
    color: #5f6368;
    font-size: 13px;
    line-height: 1.2;
}

.order-activity-list .activity-status-label i {
    color: #7b8188;
}

.order-activity-list .activity-status-label.activity-status-arrival {
	background: #edf7ff;
	border: 1px solid #cfe6fb;
	color: #29689c;
}

.order-activity-list .activity-status-label.activity-status-arrival i {
	color: #4586bb;
}

.order-activity-list .activity-status-label.activity-status-shipped {
	background: #f5eeff;
	border: 1px solid #ddcafc;
	color: #7350b2;
}

.order-activity-list .activity-status-label.activity-status-shipped i {
	color: #8f68d1;
}

.order-activity-list .activity-status-label.activity-status-ready {
	background: #edf9f2;
	border: 1px solid #cde9d8;
	color: #256648;
}

.order-activity-list .activity-status-label.activity-status-ready i {
	color: #3d8d69;
}

.order-activity-list .activity-status-label.activity-status-picked-up {
	background: #fff5e8;
	border: 1px solid #f4dcc1;
	color: #8d5b20;
}

.order-activity-list .activity-status-label.activity-status-picked-up i {
	color: #c18135;
}

.order-activity-list .activity-status-label.activity-status-tracking {
	background: #f4edff;
	border: 1px solid #d9c8fb;
	color: #6e4eb1;
	margin-top: 8px;
	text-decoration: none;
}

.order-activity-list .activity-status-label.activity-status-tracking i {
	color: #8c69d0;
}

.order-activity-list a.activity-status-label.activity-status-tracking:hover,
.order-activity-list a.activity-status-label.activity-status-tracking:focus {
	background: #efe4ff;
	border-color: #ccb4fb;
	color: #5d3f9d;
	text-decoration: none;
}

.order-activity-list .activity-tracking-inline-link {
	display: inline-flex;
	align-items: center;
	padding: 3px 10px;
	border-radius: 999px;
	background: #f4edff;
	border: 1px solid #d9c8fb;
	color: #6e4eb1;
	font-style: normal;
	text-decoration: none;
	font-weight: 700;
}

.order-activity-list .activity-tracking-inline-link:hover,
.order-activity-list .activity-tracking-inline-link:focus {
	background: #efe4ff;
	border-color: #ccb4fb;
	color: #5d3f9d;
	text-decoration: none;
}

.order-activity-list .activity-tracking-inline-link.no-link {
	pointer-events: none;
}

body.proof-theme-dark .order-activity-list .activity-status-label {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 4px 10px;
	border-radius: 999px;
	background: #0f141d;
	color: #8f9db4;
	border: 1px solid #2f3b4f;
	font-size: 13px;
	line-height: 1.2;
}

body.proof-theme-dark .order-activity-list .activity-status-label i {
	color: #8f9db4;
}

body.proof-theme-dark .order-activity-list .activity-status-label.activity-status-arrival {
	background: rgba(59, 130, 246, 0.18);
	border-color: rgba(147, 197, 253, 0.24);
	color: #d7ebff;
}

body.proof-theme-dark .order-activity-list .activity-status-label.activity-status-arrival i {
	color: #b8d8ff;
}

body.proof-theme-dark .order-activity-list .activity-status-label.activity-status-shipped {
	background: rgba(142, 97, 255, 0.18);
	border-color: rgba(196, 167, 255, 0.24);
	color: #efe5ff;
}

body.proof-theme-dark .order-activity-list .activity-status-label.activity-status-shipped i {
	color: #dbc9ff;
}

body.proof-theme-dark .order-activity-list .activity-status-label.activity-status-ready {
	background: rgba(52, 211, 153, 0.18);
	border-color: rgba(110, 231, 183, 0.2);
	color: #d8fae8;
}

body.proof-theme-dark .order-activity-list .activity-status-label.activity-status-ready i {
	color: #b7f0d2;
}

body.proof-theme-dark .order-activity-list .activity-status-label.activity-status-picked-up {
	background: rgba(251, 191, 36, 0.16);
	border-color: rgba(253, 224, 71, 0.18);
	color: #fff0cc;
}

body.proof-theme-dark .order-activity-list .activity-status-label.activity-status-picked-up i {
	color: #ffe29d;
}

body.proof-theme-dark .order-activity-list .activity-status-label.activity-status-tracking {
	background: rgba(151, 113, 255, 0.18);
	border-color: rgba(204, 181, 255, 0.24);
	color: #f3ebff;
	text-decoration: none;
}

body.proof-theme-dark .order-activity-list .activity-status-label.activity-status-tracking i {
	color: #ddcdff;
}

body.proof-theme-dark .order-activity-list a.activity-status-label.activity-status-tracking:hover,
body.proof-theme-dark .order-activity-list a.activity-status-label.activity-status-tracking:focus {
	background: rgba(151, 113, 255, 0.24);
	border-color: rgba(220, 204, 255, 0.3);
	color: #ffffff;
	text-decoration: none;
}

body.proof-theme-dark .order-activity-list .activity-tracking-inline-link {
	background: rgba(151, 113, 255, 0.18);
	border: 1px solid rgba(204, 181, 255, 0.24);
	color: #f3ebff;
	text-decoration: none;
}

body.proof-theme-dark .order-activity-list .activity-tracking-inline-link:hover,
body.proof-theme-dark .order-activity-list .activity-tracking-inline-link:focus {
	background: rgba(151, 113, 255, 0.24);
	border-color: rgba(220, 204, 255, 0.3);
	color: #ffffff;
	text-decoration: none;
}

.activity-text-container .activity-pin-indicator {
	display: flex;
	align-items: center;
	gap: 6px;
	float: none;
	clear: both;
	width: fit-content;
	margin-left: auto;
	margin-left: 0;
	padding: 3px 9px;
	border-radius: 999px;
	background: #fff3e0;
	border: 1px solid #ffd9a6;
	color: #d6810a;
	font-style: normal;
	font-size: 12px;
	font-weight: 700;
	margin-top: 6px;
	cursor: pointer;
}

.activity-text-container .activity-pin-indicator.active-pin-label {
	background: #ff7a00;
	border-color: #ff7a00;
	color: #fff;
	box-shadow: 0 0 0 4px rgba(255, 122, 0, 0.34);
}

.activity-text-container .activity-pin-indicator i {
	font-size: 11px;
}

.activity-text-container .activity-pin-indicator.pulse-pin-label {
	animation: proof-pin-label-pulse .9s ease-out 3;
}

.activity-text-container .activity-pin-turn-on-hint {
	display: inline-flex;
	align-items: center;
	margin-left: 8px;
	padding: 2px 8px;
	border-radius: 999px;
	background: #fff6e8;
	border: 1px solid #ffd7a1;
	color: #d6810a;
	font-size: 11px;
	font-weight: 700;
	font-style: normal;
	cursor: pointer;
	white-space: nowrap;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

body.proof-theme-dark .activity-text-container .activity-pin-turn-on-hint {
	background: #0f141d;
	border-color: #344157;
	color: #ffb066;
}

body.proof-theme-dark nav.dropdown-menu,
body.proof-theme-dark nav.dropdown-menu.mt-2 {
	background: #0f141d;
	border: 1px solid #27314c;
}

body.proof-theme-dark nav.dropdown-menu a,
body.proof-theme-dark nav.dropdown-menu .dropdown-item,
body.proof-theme-dark nav.dropdown-menu .nav-link {
	color: #cfd7e6 !important;
}

body.proof-theme-dark .btn-group.active-user-menu button.dropdown-toggle,
body.proof-theme-dark .btn-group.active-user-menu button.dropdown-toggle.show {
	background: #1a202b !important;
	border: 1px solid #344157 !important;
	color: #d7deea !important;
	box-shadow: none !important;
	border-radius: 999px;
}

body.proof-theme-dark .btn-group.active-user-menu ul.dropdown-menu.show.mt-2 {
	background: #0f141d;
	border: 1px solid #27314c;
	box-shadow: 0 10px 26px rgba(0, 0, 0, 0.45);
	padding: 8px;
}

body.proof-theme-dark .btn-group.active-user-menu ul.dropdown-menu.show.mt-2::before {
	border-bottom-color: #0f141d;
}

body.proof-theme-dark .btn-group.active-user-menu ul.dropdown-menu.show.mt-2 .dropdown-item {
	color: #cfd7e6;
	border-radius: 8px;
}

body.proof-theme-dark .btn-group.active-user-menu ul.dropdown-menu.show.mt-2 .dropdown-item:hover {
	background: #1a202b !important;
}

body.proof-theme-dark .active-user-menu span.account {
	color: #ffb066;
}

body.proof-theme-dark .main-nav-lists.mobile-view-also ul.threadkicker-menu li {
	background: #1a202b;
	border-left: 1px solid #2b3342;
}

body.proof-theme-dark .main-nav-lists.mobile-view-also ul.threadkicker-menu li a {
	color: #cfd7e6;
}

body.proof-theme-dark .main-nav-lists.mobile-view-also ul.threadkicker-menu li.active {
	background: #0f141d !important;
}

body.proof-theme-dark .main-nav-lists.mobile-view-also ul.threadkicker-menu li.active a {
	color: #ffb066 !important;
}

@keyframes proof-pin-label-pulse {
	0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(255, 152, 0, 0.5); }
	45% { transform: scale(1.08); box-shadow: 0 0 0 10px rgba(255, 152, 0, 0); }
	100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(255, 152, 0, 0); }
}
span.comment-complete-note {
	font-weight: bold;
	color: #28cb91;
	margin-left: 0px;
	font-style: italic;
}
img.approverBorder.mCS_img_loaded {
    border-radius: 40px;
}
span.edit-po.btn {
    padding: 0px 6px !important;
    position: relative;
    top: -3px;
}
span.comment-notification-count {
    position: absolute;
    top: -13px;
    right: 0;
    z-index: 99;
    background: red;
    padding: 0px 7px;
    top: -10px;
    right: 0;
    z-index: 2;
    background: red;
    padding: 5px 12px;
    color: #fff;
    border-radius: 25px;
    border: 2px solid #fff;
    outline-color: blue;
    box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08);
    font-weight: bold;
}
button.btn.btn-view-simple {
    position: absolute;
    bottom: 9px;
    left: 21px;
    border-radius: 10px;
    background: #c5c5c5;
    font-size: x-small;
}
.account-order-container .order-main-box {
	position: relative;
}
.embroidery-sec-container .apparel-section-qty.text-right {
	display: none;
}
.updated-embroidery-section .location-card-container {
    flex-direction: column;
}
.order-action-btn-container .order-user-info a.avatar.avatar-sm.rounded-circle.view-user-from-proof {
    border: 2px solid #ddd;
    padding: 5px;
}
.order-action-btn-container .order-user-info {
    position: absolute;
    right: 25;
    width: auto;
    display: flex;
    margin: 0 auto;
    bottom: 20;
    align-items: center;
    color: #333 !important;
}
.order-action-btn-container .order-user-info span.order-hitory-user {
    font-size: 12;
    font-weight: bold;
    color: #333;
}
.order-action-btn-container .order-user-info {
	cursor: pointer;
}
.order-action-btn-container .order-user-info:hover .cc_tooltip {
    display: flex !important;
    position: absolute;
    bottom: 60px;
    right: -110px;
    flex-direction: column;
    font-size: 12px;
    background: #333;
    padding: 20px;
    min-height: 150px;
    max-width: 250px;
    min-width: 250px;
    color: #fff;
    border-radius: 10px;
}
.order-action-btn-container .order-user-info:hover .cc_tooltip_arrow {
    position: absolute;
    padding: 10px;
    background: #333;
    right: 0;
    transform: rotate(45deg);
    bottom: 55px;
	display: flex !important;
}
.order-list .order-inner-list {
    margin-bottom: 50px !important;
}
.order-list.completed-order.collapes .order-user-info {
    display: none;
}
.order-dates-section {
    flex-direction: row;
    display: flex;
    justify-content: end;
}
.order-dates-section > div {
    margin-left: 20PX;
}
.stitch-location-loction-lists .total-time {
	color: #17d797;
	font-weight: bold;
}
span.over-all-stitch-time {
    background: #fff;
    color: #3cd79d;
    font-size: 16px;
    font-weight: bold;
}
.stitch-time-add-event {
    display: inline-block;
    margin: 0 0 0 auto;
}
.client-file-lists {
    width: auto;
    display: flex;
}
.client-file-lists a {
    margin: 10px;
}
a.thumb-img {
    width: 120px;
    flex-direction: column;
    overflow: hidden;
    text-overflow: ellipsis;
}
.client-file-lists a span {
    margin-top: 10px;
    font-size: 12px;
    text-wrap: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
a.thumb-img img {
    width: 100%;
}
.item-dimensions {
    margin-bottom: 55px;
}
.item-dimensions.order-dimention-load-more {
    max-height: 560px;
    justify-content: flex-start;
    overflow: hidden;
}
.account-order-container .order-list .order-shipping-addr {
	position: absolute;
	display: block;
	bottom: 30px;
}
.account-order-container .order-list .item-dimensions.order-dimention-load-more .order-shipping-addr {
    bottom: 50px;
}
.show-more-dimention {
    position: absolute;
    bottom: 20px;
    cursor: pointer;
    font-weight: bold;
}
.item-dimensions.order-dimention-load-more.load-active {
    max-height: 100% !important;
    margin-bottom: 0px;
}
.account-order-container .order-list.completed-order.collapes .order-shipping-addr, .account-order-container .order-list.completed-order.collapes .show-more-dimention {
	display: none;
}

.calendar .fc-day-header {
    text-align: left;
    padding: 11px;
    border-color: #4440;
}
.fc-header-toolbar, .fc-day-grid-event .fc-time {
    display: none;
}
.fc-event .fc-title {
    font-weight: 600;
    display: block;
    overflow: hidden;
    padding: 0.4rem 0.5rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #fff;
}
span.fc-title.thread-cldr {
    display: flex;
    justify-content: space-between;
}
.event-complete-date-sec {
    text-align: center;
    justify-content: center;
    color: #3783c5;
}
.row.mx-0.my-2.btn-events {
    justify-content: center;
    width: 100%;
    position: fixed;
    bottom: 45px;
    margin: auto;
    right: 0px;
}
button.btn.event-start-btn {
    background: blue;
}
.event-title-section a.btn.view-proof {
    padding: 5px 14px !important;
    color: #3984c3;
    border: 1px solid black;
    border-radius: 5px;
    margin: 12px;
}
button.btn.event-complete-btn {
    background: #3984c3;
}
.row.mx-0.my-2.btn-events button, .event-move-stat {
    width: auto;
    padding: 5px 20px;
    border-radius: 25px;
    color: #fff;
    font-weight: bold;
}
.event-title-section .col-8 {
    text-align: left;
    font-size: 14px;
}
.row.mx-0.my-2.event-status-notification {
    padding: 10px;
    color: #fff;
}
.swal2-content .order-list {
    font-weight: bold;
    padding: 20px;
}
.red-day::before {
    content: '';
    position: absolute;
    background: #8f8f93;
    width: 100%;
    height: 2px;
	left: 0;
	bottom: 0;
}
.red-calendar {
    padding: 20px;
}
.red-day:hover {
    background: linear-gradient(90deg,#e1e8ff 100%,transparent 50%);
    transition: .3s;
}
.red-day.prev-month, .red-day.next-month {
    color: #b5b5bd;
}
.red-day.present-day {
    background: linear-gradient(90deg,#c3c2cc 100%,transparent 50%);
    color: #fff;
    transition: .3s;
}
.red-day.header-day {
    height: 35px;
	min-height: 35px;
    font-size: 14px;
    text-transform: uppercase;
}
.red-calender-title.row {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 20px;
	color: #38385c;
}
.red-day {
    display: inline-flex;
    width: calc(100% / 7);
	/* width: calc(100% / 5); */
    min-height: 115px;
    font-size: 24px;
    font-weight: 800;
    line-height: 38.09px;
    overflow-y: auto;
    position: relative;
    color: #38385c;
    padding: 0px;
	flex-direction: column;
	text-align: left;
    border-right: 2px solid #8f8f93;
}
.red-event {
    display: inline-flex;
    background: gray;
    text-overflow: ellipsis;
    overflow: hidden;
    text-wrap: nowrap;
    font-size: 14px;
    margin: 5px 0;
    padding: 0 5px;
    justify-content: space-between;
	position: absolute;
	min-height: 40px;
	max-height: 40px;
    color: #fff;
    align-items: center;
    border-right: 1px solid #fff;
	cursor: pointer;
}
.day-hour-split span {
    width: calc(100% / 8) !important;
    text-align: right;
}
.day-hour-split {
    font-size: 12px;
    position: absolute;
    bottom: 5px;
    width: 100%;
    display: flex;
}
.row.day-container {
    position: relative;
}
.day-container-event-lists {
    position: absolute;
    top: 30px;
    left: 0px;
}
span.str-hour {
    width: 0px !important;
}
button.btn.event-move-stat {
    background: #5b5eb3;
}
.red-calendar .row {
    margin: 0px;
}
.previouse-po-form-field {
    position: relative;
}
.old-po-lists {
    position: absolute;
    z-index: 9;
    background: #fff;
    padding: 10px;
    width: 100%;
    max-height: 200px;
    overflow: auto;
    border: 1px solid #ddd;
}
.po-number-lists {
    justify-content: space-between;
    display: flex;
    margin-bottom: 10px;
    cursor: pointer;
    align-items: center;
}
.breadk-list {
    padding: 10px;
}
.order-list-action.order-action-btn-container {
    margin-right: 10px !important;
}
.show-more-dimention {
    color: #2b71b8;
    /*== border-top: 3px solid #2b71b8; */
}
button.btn.update-awaiting-product-arrival, .btn-production-tracking {
    color: #2196F3;
    font-weight: bold;
	box-shadow: none !important;
}
.awaiting-product-arrival {
    font-family: 'AvantGardeLT-Bold';
	padding: 10px;
}
button.btn.btn-product-arv-evt[data-action="double-check"] {
    background: #ed9800;
}
button.btn.btn-product-arv-evt {
    background: #000;
    color: #fff;
    padding: 10px 15px !important;
    font-size: 14px;
    font-weight: bold;
}
button.btn.btn-product-arv-evt {
    width: auto;
}
.awaiting-product-arrival input {
    box-shadow: none !important;
    padding: 10px;
}
.set-evt-border {
    padding-top: 40px;
    margin-bottom: 40px;
    border-bottom: 2px solid #000;
}
.awaiting-product-arrival .row {
    padding: 0 20px;
}
span.btn.share-production-arrival-tracking {
    position: absolute;
    right: 20;
    width: auto;
    background: blue;
    color: #fff;
    padding: 10px !important;
}
.margin-bottom-35 {
	margin-bottom: 35px;
}
.status-btn.in_production.In.Progress, .proof-status.in_production.In.Progress {
    height: auto;
    background: rgb(33, 150, 243);
	padding-left: 25px;
    position: relative;
}
.full-calendar-main-container {
	width: 100%;
}
.calendar-title-key-wrap {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
}
.calendar-title-key-wrap .fullcalendar-title {
	margin: 4px 0;
}
.calendar-priority-key {
	display: inline-flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 6px;
	padding: 6px 8px;
	border-radius: 10px;
	background: #f8fbff;
}
.calendar-priority-key-title {
	font-size: 10px;
	font-weight: 800;
	color: #1f2a3d;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	margin-right: 2px;
}
.calendar-priority-key-item {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	padding: 4px 8px;
	border-radius: 999px;
	background: #f5f7fb;
	border: 1px solid #dde4ef;
	font-size: 10px;
	font-weight: 700;
	color: #344258;
	line-height: 1.1;
	user-select: none;
	cursor: pointer;
	transition: border-color .16s ease, background-color .16s ease, color .16s ease;
}
.calendar-priority-sort-wrap {
	display: inline-flex;
	align-items: center;
	gap: 0;
	padding: 0;
}
.calendar-date-priority-sort {
	min-width: 196px;
	height: 28px;
	padding: 3px 30px 3px 10px;
	border-radius: 999px;
	border: 1px solid #dde4ef;
	background: #ffffff;
	color: #344258;
	font-size: 10px;
	font-weight: 700;
	line-height: 1.1;
	box-shadow: none !important;
}
.calendar-date-priority-sort:focus {
	border-color: #79a9ff;
	box-shadow: 0 0 0 2px rgba(121, 169, 255, 0.16) !important;
}
.calendar-priority-key-item:focus {
	outline: none;
	box-shadow: none;
}
.calendar-priority-key-item.is-active {
	background: #e9f1ff;
	border-color: #79a9ff;
	color: #1f4f9f;
}
.calendar-priority-key-swatch {
	width: 10px;
	height: 10px;
	border-radius: 2px;
	flex: 0 0 auto;
}
.calendar-priority-key-swatch.swatch-past-due {
	background: #d62734;
	border: 1px solid #c01d2b;
}
.calendar-priority-key-swatch.swatch-approved {
	background: #ffffff;
	border: 2px solid #00df7b;
}
.calendar-priority-key-swatch.swatch-arrived {
	background: #5c5555;
	border: 1px solid #4f4747;
}
.calendar-priority-key-swatch.swatch-not-arrived {
	background: #b3b8c2;
	border: 1px solid #9da4b0;
}
.calendar-priority-key-swatch.swatch-in-progress {
	background: #2196f3;
	border: 1px solid #1d84d7;
}
.calendar-priority-key-files {
	display: inline-flex;
	align-items: center;
	gap: 2px;
}
.calendar-priority-key-files .file-dot {
	width: 6px;
	height: 6px;
	border-radius: 999px;
	background: #ff9800;
	border: 1px solid rgba(255, 255, 255, 0.95);
	box-shadow: 0 0 0 1px rgba(199, 109, 2, 0.2);
}
.calendar-priority-key-arrow {
	color: #ff9800;
	font-size: 12px;
	line-height: 1;
	display: inline-flex;
	align-items: center;
}
#full-calendar-container {
	overflow: auto;
}
#full-calendar-container .red-calendar {
	min-width: 100%;
}
button.btn.order-tag-sort.status-btn.active {
    background: #fff;
    border: 1px solid #333;
    color: #333;
}
.order-dimention-load-more button.btn.btn-proof-awaiting-production-arrival.my-0.common-action-btn-elm {
    position: inherit;
}
.order-dimention-load-more.load-active button.btn.btn-proof-awaiting-production-arrival.my-0.common-action-btn-elm {
    position: absolute;
}
.red-day.full-day {
    width: 100%;
    text-align: center;
    border-color: transparent;
}
.red-day.m-days.full-day {
    min-height: 100vh;
}
.full-day .day-hour-split span.hour {
    width: 100% !important;
    text-align: justify;
    height: calc( 100% / 9 ) !important;
}
.full-day .day-hour-split span.str-hour {
	width: 100% !important;
	height: 0px !important;
	display: inline-flex;
}
.full-day .day-hour-split span.hour {
    width: 5% !important;
    text-align: justify;
    height: calc( 100% / 9 ) !important;
    display: inline-flex;
    align-items: end;
    border: 1px solid;
    border-top: 0px solid;
	z-index: 99;
}
.full-day.red-day::before {
	background: transparent;
}
.full-day .day-hour-split {
    top: 0;
    flex-direction: column;
}
.full-day .day-hour-split span.str-hour {
    border-top: 1px solid;
}
.full-day-container .day-container-event-lists {
	top: 0px !important;
	left: 5% !important;
	width: 95%;
}
.full-day-container .red-event {
	max-height: inherit !important;
    min-width: auto !important;
    justify-content: space-around;
    font-size: 22px;
    margin: 0px;
	border-bottom: 1px solid;
}
.red-day.header-day.full-day {
    border: 1px solid;
}
.red-calendar.vertical-time-calendar {
    --calendar-slot-height: 52px;
    --calendar-day-header-height: 34px;
    background: #ffffff;
    padding: 14px 10px 18px;
}
.red-calendar.vertical-time-calendar .red-day::before {
    display: none;
}
.red-calendar.vertical-time-calendar .red-day.header-day {
    background: #edf1f7;
    padding-left: 14px;
    align-items: flex-start;
    justify-content: center;
}
.red-calendar.vertical-time-calendar.hide-missing-days .red-day:not(.full-day) {
    width: 20%;
}
.red-calendar.vertical-time-calendar.hide-missing-days .row.day-container .red-day:not(.full-day) {
    flex: 1 1 0;
    width: auto;
}
.red-calendar.vertical-time-calendar.hide-missing-days .row.day-row-headers .red-day.header-day {
    flex: 1 1 0;
    width: auto;
    min-height: 28px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .04em;
    text-align: left;
    border-right: 1px solid #d9e0ec;
}
.red-calendar.vertical-time-calendar.hide-missing-days .row.day-row-headers .red-day.header-day:last-child {
    border-right: 0;
}
.red-calendar.vertical-time-calendar.show-all-days .red-day:not(.full-day) {
    width: calc(100% / 7);
}
.red-calendar.vertical-time-calendar .red-day.m-days {
    min-height: calc(var(--calendar-day-header-height) + (9 * var(--calendar-slot-height)));
    border-right: 1px solid #ccd4e1;
    border-bottom: 1px solid #ccd4e1;
    overflow: hidden;
}
.red-calendar.vertical-time-calendar .red-day.m-days.past-day-hidden {
    background: transparent;
    pointer-events: none;
}
.red-calendar.vertical-time-calendar .red-day.m-days.past-day-hidden:hover {
    background: transparent !important;
}
.red-calendar.vertical-time-calendar .red-day.m-days.past-day-hidden .day-number.day-number-muted {
    opacity: 0.45;
    background: #eef2f8;
    border-color: #d7deea;
    color: #6f7f9c;
}
.red-calendar.vertical-time-calendar .red-day.m-days.past-day-hidden .day-hour-split,
.red-calendar.vertical-time-calendar .red-day.m-days.past-day-hidden .day-hour-split::before,
.red-calendar.vertical-time-calendar .red-day.m-days.past-day-hidden .day-hour-split::after {
    opacity: 0;
}
.red-calendar.vertical-time-calendar .red-day.m-days:hover {
    background: #e6ecf7 !important;
}
.red-calendar.vertical-time-calendar .red-day.m-days.present-day {
    background: #ffffff;
    color: #17284a;
    box-shadow: inset 0 0 0 2px #7aa2eb;
}
.red-calendar.vertical-time-calendar .red-day.m-days .day-number {
    position: absolute;
    top: 6px;
    left: 7px;
    z-index: 3;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
    padding: 2px 8px;
    border-radius: 999px;
    background: #f5f7fb;
    border: 1px solid #e0e5ef;
}
.red-calendar.vertical-time-calendar .red-day.m-days .day-hour-split {
    position: absolute;
    top: var(--calendar-day-header-height);
    bottom: 0;
    left: 0;
    right: 0;
    display: grid;
    grid-template-rows: repeat(9, var(--calendar-slot-height));
    z-index: 1;
}
.red-calendar.vertical-time-calendar .red-day.m-days .day-hour-split::before {
    content: "";
    position: absolute;
    top: -13px;
    right: 7px;
    font-size: 10px;
    font-weight: 700;
    color: #7c879d;
    background: #ffffff;
    padding: 0 2px;
    line-height: 1;
}
.red-calendar.vertical-time-calendar .red-day.m-days .day-hour-split::after {
    content: "";
    position: absolute;
    bottom: -13px;
    right: 7px;
    font-size: 10px;
    font-weight: 700;
    color: #7c879d;
    background: #ffffff;
    padding: 0 2px;
    line-height: 1;
}
.red-calendar.vertical-time-calendar .red-day.m-days .day-hour-split span {
    width: 100% !important;
    min-height: var(--calendar-slot-height);
    height: var(--calendar-slot-height);
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    padding: 0 7px 4px 6px;
    text-align: right;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .01em;
    color: #8f98ab;
    border-bottom: 1px dashed #edf1f7;
    pointer-events: none;
}
.red-calendar.vertical-time-calendar .red-day.m-days .day-hour-split span.hour:first-of-type {
    border-top: 1px dashed #edf1f7;
}
.red-calendar.vertical-time-calendar .red-day.m-days .day-hour-split span.str-hour {
    display: none;
}
.red-calendar.vertical-time-calendar .row.day-container {
    position: relative;
}
.red-calendar.vertical-time-calendar .day-container-event-lists {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 8;
}
.red-calendar.vertical-time-calendar .red-event.vertical-event {
    pointer-events: auto;
    margin: 0 !important;
    border-right: 0;
    max-height: none !important;
    min-height: 52px !important;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 2px;
    padding: 4px 6px;
    border-radius: 8px;
    line-height: 1.2;
    white-space: normal !important;
    text-wrap: auto;
    overflow: visible;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.95), 0 2px 8px rgba(0, 0, 0, 0.20);
}
.red-calendar.vertical-time-calendar .red-event.vertical-event .priority-pin {
    position: absolute;
    right: 6px;
    top: 6px;
    transform: rotate(180deg);
    color: #ff9800;
    font-size: 20px;
    line-height: 1;
    text-shadow: 0 1px 2px rgba(128, 69, 0, 0.45);
    pointer-events: none;
}
.red-calendar.vertical-time-calendar .red-event.vertical-event .priority-pin.blink-infinite {
    animation: calendarPriorityBluePulse 1.05s ease-in-out infinite;
}
@keyframes calendarPriorityBluePulse {
    0%, 100% {
        transform: rotate(180deg) scale(0.92);
        color: #ffffff;
        text-shadow: 0 0 0 rgba(255, 152, 0, 0);
        opacity: 0.75;
    }
    50% {
        transform: rotate(180deg) scale(1.08);
        color: #ff9800;
        text-shadow: 0 0 9px rgba(255, 152, 0, 0.7);
        opacity: 1;
    }
}
.red-calendar.vertical-time-calendar .red-event.vertical-event.segment-continued-to-next {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom: 0 !important;
}
.red-calendar.vertical-time-calendar .red-event.vertical-event.segment-continued-from-prev {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-top: 0 !important;
}
.red-calendar.vertical-time-calendar .red-event.vertical-event .red-event-time {
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
    opacity: 0.95;
}
.red-calendar.vertical-time-calendar .red-event.vertical-event .red-event-time-row {
	display: flex;
	align-items: center;
	gap: 6px;
	width: 100%;
}
.red-calendar.vertical-time-calendar .red-event.vertical-event .red-event-title {
    font-size: 12px;
    font-weight: 700;
    line-height: 1.25;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    text-wrap: balance;
}
.red-calendar.vertical-time-calendar .red-event.vertical-event .calendar-project-timer-marker {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 4px;
	margin: 0;
	width: 34%;
	max-width: 84px;
}
.red-calendar.vertical-time-calendar .red-event.vertical-event .calendar-project-timer-marker .calendar-project-timer-track {
	position: relative;
	flex: 1 1 auto;
	width: auto;
	height: 4px;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.38);
	overflow: hidden;
}
.red-calendar.vertical-time-calendar .red-event.vertical-event .calendar-project-timer-marker .calendar-project-timer-fill {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 0;
	border-radius: 999px;
	background: #ff5252;
	transition: width 260ms linear;
}
.red-calendar.vertical-time-calendar .red-event.vertical-event .calendar-project-timer-marker .calendar-project-timer-text {
	flex: 0 0 auto;
	font-size: 9px;
	font-weight: 800;
	line-height: 1;
	letter-spacing: 0.02em;
	color: #ffe3e3;
}
.red-calendar.vertical-time-calendar .red-event.vertical-event.calendar-key-filter-hide {
	display: none !important;
}
.red-calendar.vertical-time-calendar .red-event.vertical-event .calendar-project-timer-marker.is-paused .calendar-project-timer-fill {
	background: #ffc24a;
}
.red-calendar.vertical-time-calendar .red-event.vertical-event .calendar-project-timer-marker.is-paused .calendar-project-timer-text {
	color: #fff1c7;
}
.red-calendar.vertical-time-calendar .red-event.vertical-event .calendar-project-timer-marker.is-time-up .calendar-project-timer-fill {
	background: #ff1f1f;
}
.red-calendar.vertical-time-calendar .red-event.vertical-event .calendar-project-timer-marker.is-time-up .calendar-project-timer-text {
	color: #ffb0b0;
}
.red-calendar.vertical-time-calendar .full-day-container {
    --calendar-slot-height: 90px;
}
.red-calendar.vertical-time-calendar .full-day-container .red-day.m-days {
    min-height: calc(9 * var(--calendar-slot-height));
}
.red-calendar.vertical-time-calendar .full-day-container .red-day.m-days .day-hour-split {
    top: 0;
}
.red-calendar.vertical-time-calendar .full-day-container .red-day.m-days .day-hour-split span.hour {
    align-items: center;
    justify-content: flex-start;
    padding-left: 14px;
    border: 0;
    border-bottom: 1px solid #e8edf6;
    color: #5d6577;
    font-size: 12px;
}
.red-calendar.vertical-time-calendar .full-day-container .red-day.m-days .day-hour-split span.hour:first-of-type {
    border-top: 1px solid #e8edf6;
}
.red-calendar.vertical-time-calendar .full-day-container .red-day.m-days .day-hour-split::before {
    left: 14px;
    right: auto;
}
.red-calendar.vertical-time-calendar .full-day-container .day-container-event-lists {
    left: 0 !important;
    width: 100%;
}
.red-calendar.vertical-time-calendar .full-day-container .red-event.vertical-event {
    font-size: 14px;
    padding: 8px 10px;
}
@media screen and (max-width: 1200px) {
	.red-calendar.vertical-time-calendar {
		--calendar-slot-height: 52px;
		padding: 11px 7px 14px;
	}
	.red-calendar.vertical-time-calendar .red-event.vertical-event {
		padding: 3px 4px;
		border-radius: 6px;
		gap: 1px;
	}
	.red-calendar.vertical-time-calendar .red-event.vertical-event .red-event-title {
		font-size: 11px;
		-webkit-line-clamp: 4;
	}
	.red-calendar.vertical-time-calendar .red-event.vertical-event .red-event-time {
		font-size: 9px;
	}
	.red-calendar.vertical-time-calendar .red-event.vertical-event .priority-pin {
		right: 4px;
		top: 4px;
		font-size: 14px;
	}
}
@media screen and (max-width: 980px) {
	.red-calendar.vertical-time-calendar {
		--calendar-slot-height: 52px;
	}
	.red-calendar.vertical-time-calendar .red-day.m-days .day-number {
		font-size: 10px;
		padding: 2px 6px;
	}
	.red-calendar.vertical-time-calendar .red-day.m-days .day-hour-split span {
		padding: 3px 5px 0 4px;
		font-size: 9px;
	}
}
.proof-status.in_production.In.Progress {
	padding-left: 40px !important;
}
.proof-status.in_production.In.Progress::before {
	top: 6px !important;
	left: 15px !important;
}
.status-btn.in_production.In.Progress::before, .proof-status.in_production.In.Progress::before {
    content: '';
    position: absolute;
    top: 0;
    padding: 12px;
    background-image: url(https://redcore.com/core/templates/assets/images/loading-small.png);
    left: 2px;
    background-repeat: no-repeat;
    background-position: center;
}
.copy-auto-login.in-stitch-container {
    position: inherit;
    margin: auto;
}
.order-action-lists * {
    max-width: 100px !important;
    margin-right: 20px;
}
.order-action-lists {
    flex-direction: row;
    display: flex;
    align-items: center;
}
a.btn.btn-primary.upload-tax-exemption-id {
    background: #dfdddd;
    padding: 10px !important;
    font-size: 12px;
    margin-bottom: 0px !important;
    border: 2px solid #bbbbbb;
    color: gray;
    box-shadow: none;
}

a.btn.btn-primary.discount-section-show {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 2px 0 0 !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
    font-weight: 600 !important;
    color: #6f7a89 !important;
    text-decoration: underline !important;
}

a.btn.btn-primary.discount-section-show:hover,
a.btn.btn-primary.discount-section-show:focus {
    background: transparent !important;
    color: #4c5868 !important;
}

.order-status-tags {
	    display: block;
	    margin-top: 20px;
	    white-space: nowrap;
	    overflow: auto;
	    width: 100%;
	    padding: 35px 0px 2px 3px;
}
.completed-project-approved-text {
    color: #fff;
    padding: 10px 25px;
    border-radius: 35px;
    font-weight: bold;
    font-size: 13px;
    margin-top: 12px;
    background: #34d67c;
    text-transform: capitalize;
}
p.on-hold-production-reason {
    color: #E91E63 !important;
    font-weight: bold;
    font-size: 16px;
}
.checkout-share-project-link {
    color: #2196F3;
    font-weight: bold;
}
span.btn.calendar-event-status-update {
    color: #ff8623;
    font-weight: bold;
}
button.btn.simple-view-model-in-production img {
    width: 15px;
}
button.btn.simple-view-model-in-production {
    right: 35px;
    background: #ffbf0b;
    bottom: 28px;
    font-weight: bold;
    border-radius: 25px;
    padding: 10px 20px !important;
    box-shadow: none;
    position: relative;
    box-shadow: 0 10px 30px rgb(255 152 0 / 55%), 0 1px 0 rgba(255, 255, 255, .1) inset;
    border: 2px solid #30386b;
}
/* span.btn.remove-premium-digitizing-label {
    position: absolute;
    top: -10px;
    background: #fff;
    padding: 0px 5px !important;
    border: 2px solid;
    border-radius: 25px;
    font-size: 12px;
    font-weight: bold;
    right: -10px;
} */

.thread-priority-sort-popup {
    width: min(940px, calc(100vw - 28px)) !important;
    max-width: min(940px, calc(100vw - 28px)) !important;
    padding: 24px 24px 18px !important;
    border-radius: 28px !important;
}
.priority-sort-modal {
    text-align: left;
}
.priority-sort-intro {
    padding: 0 4px 14px;
}
.priority-sort-kicker {
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: #ff9800;
    margin-bottom: 6px;
}
.priority-sort-copy {
    font-size: 15px;
    line-height: 1.45;
    color: #435067;
    font-weight: 600;
}
.model-event-list-container {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 14px;
    max-height: 62vh;
    overflow: auto;
    padding: 4px;
}
.model-event-list-container .event-lists {
    position: relative;
    z-index: 1;
    width: 100%;
    display: grid;
    grid-template-columns: 44px 78px minmax(0, 1fr) 92px;
    align-items: stretch;
    gap: 49px;
    margin: 0;
    padding: 13px 14px;
    color: #233149;
    font-weight: bold;
    background: linear-gradient(180deg, #fbfdff 0%, #eef4fb 100%);
    border: 1px solid #d9e4f0;
    border-radius: 24px;
    box-shadow: 0 14px 28px rgba(15, 23, 42, 0.07);
    transition: box-shadow .18s ease, transform .18s ease, border-color .18s ease, margin .18s ease;
}
.model-event-list-container .event-lists.is-sorting {
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
    pointer-events: none;
}
.model-event-list-container .event-lists.is-sorting > * {
    opacity: 0 !important;
    visibility: hidden !important;
}
.priority-drag-sort-helper {
    transform: rotate(0.6deg) scale(0.99);
    box-shadow: 0 24px 44px rgba(15, 23, 42, 0.22) !important;
    border-color: #d9e4f0 !important;
}
.priority-drag-sort-helper > * {
    opacity: 1 !important;
    visibility: visible !important;
}
.priority-drag-ghost {
    position: fixed;
    z-index: 999999;
    pointer-events: none;
    opacity: 0.98;
    transform: rotate(0.6deg) scale(0.99);
    border-radius: 24px;
    overflow: hidden;
    background: linear-gradient(180deg, #ffffff 0%, #f7faff 100%);
    border: 1px solid #d9e4f0;
    box-shadow: 0 24px 44px rgba(15, 23, 42, 0.22) !important;
    filter: saturate(1.02);
}
.priority-drag-ghost .event-lists {
    display: grid !important;
    grid-template-columns: 44px 78px minmax(0, 1fr) 92px !important;
    align-items: stretch !important;
    gap: 12px !important;
    width: 100%;
    margin: 0 !important;
    padding: 13px 14px !important;
    color: #233149 !important;
    font-weight: bold !important;
    background: linear-gradient(180deg, #fbfdff 0%, #eef4fb 100%) !important;
    border: 1px solid #d9e4f0 !important;
    border-radius: 24px !important;
    box-shadow: 0 14px 28px rgba(15, 23, 42, 0.07) !important;
}
.priority-drag-ghost .event-count,
.priority-drag-ghost .event-img-card {
    box-shadow: none !important;
}
.priority-drag-ghost .event-count {
    width: 44px !important;
    min-height: 80px !important;
    margin: 0 !important;
    border-radius: 16px !important;
    background: linear-gradient(180deg, #253d63 0%, #182a47 100%) !important;
    color: #ffffff !important;
    display: inline-flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 1px !important;
}
.priority-drag-ghost .event-count-label {
    font-size: 8px !important;
    font-weight: 900 !important;
    letter-spacing: 0.12em !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
    opacity: 0.72 !important;
}
.priority-drag-ghost .event-count-value {
    font-size: 16px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
}
.priority-drag-ghost .event-img-card {
    width: 80px !important;
    height: 80px !important;
    margin: 0 !important;
    border-radius: 18px !important;
    overflow: hidden !important;
    background: #e6ebf3 !important;
    border: 1px solid #d2dbe7 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.priority-drag-ghost .event-img-card img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}
.priority-drag-ghost .event-main-copy {
    min-width: 0 !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    gap: 7px !important;
    text-align: left !important;
}
.priority-drag-ghost .event-title-row {
    width: 100% !important;
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 10px !important;
}
.priority-drag-ghost .event-title-text {
    min-width: 0 !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    line-height: 1.25 !important;
    color: #1f3658 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}
.priority-drag-ghost .event-drag {
    opacity: 0.78;
}
.priority-drag-ghost .priority-queue-badge {
    opacity: 0.92;
    flex: 0 0 auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 6px 10px !important;
    border-radius: 999px !important;
    font-size: 10px !important;
    font-weight: 900 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
}
.priority-drag-ghost .event-po-number,
.priority-drag-ghost .event-due-details,
.priority-drag-ghost .event-end-text {
    margin: 0 !important;
}
.priority-drag-ghost .event-po-number {
    display: flex !important;
    align-items: baseline !important;
    gap: 6px !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
}
.priority-drag-ghost .event-meta-label {
    font-size: 10px !important;
    font-weight: 900 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    color: #7a8798 !important;
}
.priority-drag-ghost .event-meta-value {
    font-size: 17px !important;
    font-weight: 900 !important;
    color: #1f3658 !important;
}
.priority-drag-ghost .event-due-details {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px 8px !important;
    color: #607089 !important;
    font-size: 11px !important;
    font-weight: 800 !important;
}
.priority-drag-ghost .event-due-details p {
    margin: 0 !important;
    padding: 5px 8px !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, 0.9) !important;
    border: 1px solid #d7e1ec !important;
}
.priority-drag-ghost .event-end-text {
    font-size: 12px !important;
    color: #395172 !important;
    font-weight: 800 !important;
}
.priority-drag-ghost .event-drag {
    width: 92px !important;
    margin: 0 !important;
    padding: 10px 8px !important;
    border: 1px dashed #b7c8de !important;
    border-radius: 18px !important;
    background: linear-gradient(180deg, #ffffff 0%, #f6f9fd 100%) !important;
    display: inline-flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    color: #4e6482 !important;
    align-self: center !important;
}
.priority-drag-ghost .event-drag-icon {
    font-size: 15px !important;
    line-height: 1 !important;
}
.priority-drag-ghost .event-drag-text {
    font-size: 10px !important;
    font-weight: 900 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
}
.priority-drop-slot {
    position: relative;
    z-index: 25;
    height: 118px;
    border-radius: 22px;
    background: linear-gradient(180deg, #eef2f7 0%, #dde4ed 100%);
    border: 1px solid #c6d2df;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9), 0 14px 28px rgba(15, 23, 42, 0.12);
    visibility: visible !important;
}
.priority-drop-slot::before {
    content: 'Drop Here';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #24364f;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    padding: 10px 18px;
    border-radius: 999px;
    background: #ffffff;
    border: 1px solid #d7e0ea;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08);
}
.model-event-list-container .event-count {
    width: 78px;
    min-height: 80px;
    margin: 0 !important;
    border-radius: 16px;
    background: linear-gradient(180deg, #253d63 0%, #182a47 100%);
    color: #ffffff;
    display: inline-flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12), 0 8px 16px rgba(24, 42, 71, 0.18);
}
.model-event-list-container .event-count-label {
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.12em;
    line-height: 1;
    text-transform: uppercase;
    opacity: 0.72;
}
.model-event-list-container .event-count-value {
    font-size: 25px;
    font-weight: 900;
    line-height: 1;
}
.model-event-list-container .event-img-card {
    width: 103px;
    height: 103px;
    margin: 0 !important;
    border-radius: 18px;
    overflow: hidden;
    background: #e6ebf3;
    border: 1px solid #d2dbe7;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
}
.model-event-list-container .event-img-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.model-event-list-container .event-main-copy {
    min-width: 0;
    margin: 0 !important;
    display: flex !important;
    flex-direction: column;
    align-items: flex-start !important;
    justify-content: center !important;
    gap: 7px;
    text-align: left;
}
.model-event-list-container .event-title-row {
    width: 100%;
    display: flex;
    align-items: flex-start;
    gap: 10px;
    justify-content: space-between;
}
.model-event-list-container .event-title-text {
    min-width: 0;
    font-size: 15px;
    font-weight: 900;
    line-height: 1.25;
    color: #1f3658;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.model-event-list-container .priority-queue-badge {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 6px 10px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    white-space: nowrap;
}
.model-event-list-container .priority-queue-badge.is-live {
    background: #1f7ae0;
    color: #ffffff;
}
.model-event-list-container .priority-queue-badge.is-next {
    background: #ffd38e;
    color: #784200;
}
.model-event-list-container .priority-queue-badge.is-queued {
    background: #e5edf7;
    color: #48607f;
}
.model-event-list-container .event-po-number,
.model-event-list-container .event-due-details,
.model-event-list-container .event-end-text {
    margin: 0 !important;
}
.model-event-list-container .event-po-number {
    display: flex !important;
    align-items: baseline;
    gap: 6px;
    font-size: 13px;
    line-height: 1.2;
}
.model-event-list-container .event-meta-label {
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #7a8798;
}
.model-event-list-container .event-meta-value {
    font-size: 17px;
    font-weight: 900;
    color: #1f3658;
}
.model-event-list-container .event-due-details {
    display: flex !important;
    flex-wrap: wrap;
    gap: 6px 8px;
    color: #607089;
    font-size: 11px;
    font-weight: 800;
}
.model-event-list-container .event-due-details p {
    margin: 0;
    padding: 5px 8px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid #d7e1ec;
}
.model-event-list-container .event-end-text {
    font-size: 12px;
    color: #395172;
    font-weight: 800;
}
.model-event-list-container .event-lists.priority-card-moved {
    background: linear-gradient(180deg, #fffaf2 0%, #ffe9c9 100%);
    box-shadow: 0 18px 30px rgba(255, 152, 0, 0.18);
    transform: translateY(-1px);
}
.model-event-list-container .event-lists.priority-card-moving,
.model-event-list-container .event-lists.priority-card-moving.priority-card-moved {
    background: linear-gradient(180deg, #fff8ee 0%, #ffedd2 100%);
    box-shadow: 0 18px 34px rgba(255, 152, 0, 0.24);
}
.model-event-list-container .event-lists:not(.priority-card-moved):not(.priority-card-moving) {
    transition: background .2s ease, box-shadow .2s ease, transform .2s ease;
}
.model-event-list-container .event-move-controls {
    width: 92px;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    align-self: center;
    opacity: 0.2;
    transition: opacity .18s ease, transform .18s ease;
}
.model-event-list-container .event-lists:hover .event-move-controls,
.model-event-list-container .event-lists:focus-within .event-move-controls {
    opacity: 1;
}
.model-event-list-container .priority-move-btn {
    width: 100%;
    min-height: 40px;
    margin: 0 !important;
    padding: 9px 10px !important;
    border: 1px solid #c8d6e8;
    border-radius: 14px;
    background: linear-gradient(180deg, #ffffff 0%, #edf4fc 100%);
    display: inline-flex !important;
    align-items: center;
    justify-content: center !important;
    color: #48607f;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92);
    transition: background .18s ease, border-color .18s ease, transform .18s ease, opacity .18s ease;
}
.model-event-list-container .priority-move-btn:hover {
    border-color: #8ea7c8;
    background: linear-gradient(180deg, #ffffff 0%, #e6effb 100%);
    transform: translateY(-1px);
}
.model-event-list-container .priority-move-btn.is-edge-control {
    opacity: 0;
    pointer-events: none;
}
.model-event-list-container .priority-move-icon {
    font-size: 16px;
    line-height: 1;
}
.model-event-list-container .event-drag {
    width: 100%;
    min-height: 58px;
    margin: 0 !important;
    padding: 10px 8px !important;
    border: 1px dashed #b7c8de;
    border-radius: 18px;
    background: linear-gradient(180deg, #ffffff 0%, #f6f9fd 100%);
    display: inline-flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center !important;
    gap: 5px;
    color: #4e6482;
    cursor: grab;
    user-select: none;
    align-self: center;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.88);
    transition: border-color .18s ease, background .18s ease, transform .18s ease;
}
.model-event-list-container .event-drag:active {
    cursor: grabbing;
}
.model-event-list-container .event-drag:hover {
    border-color: #8ea7c8;
    background: linear-gradient(180deg, #ffffff 0%, #edf4fc 100%);
    transform: translateY(-1px);
}
.model-event-list-container .event-drag-icon {
    font-size: 15px;
    line-height: 1;
}
.model-event-list-container .event-drag-text {
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}
.priority-sort-placeholder {
    border: 2px dashed #97accb;
    border-radius: 22px;
    background: rgba(151, 172, 203, 0.14);
    visibility: visible !important;
}
.priority-sort-placeholder * {
    visibility: hidden;
}
.update-sort-container {
    display: flex;
    justify-content: flex-end;
    padding-top: 14px;
}
button.btn.update-event-sort {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 194px;
    padding: 11px 20px !important;
    background: #ff9800;
    color: #fff;
    font-weight: 900;
    border-radius: 999px;
    box-shadow: 0 10px 24px rgba(255, 152, 0, 0.25);
}
div.bg-in-progress {
    background: #2196F3 !important;
}
@media screen and (max-width: 900px) {
    .thread-priority-sort-popup {
        width: calc(100vw - 16px) !important;
        max-width: calc(100vw - 16px) !important;
        padding: 18px 14px 14px !important;
    }
    .model-event-list-container {
        max-height: 68vh;
        gap: 10px;
    }
    .model-event-list-container .event-lists {
        grid-template-columns: 44px 66px minmax(0, 1fr);
        gap: 10px;
        padding: 11px;
    }
    .model-event-list-container .event-move-controls {
        grid-column: 1 / -1;
        width: 100%;
        flex-direction: row;
        justify-content: flex-end;
        opacity: 1;
    }
    .model-event-list-container .event-drag {
        min-height: 42px;
        border-radius: 14px;
        flex-direction: row;
        min-width: 102px;
    }
    .model-event-list-container .event-count {
        width: 44px;
        min-height: 66px;
        border-radius: 14px;
    }
    .model-event-list-container .event-img-card {
        width: 66px;
        height: 66px;
        border-radius: 14px;
    }
    .model-event-list-container .event-title-row {
        align-items: flex-start;
        flex-direction: column;
    }
    .model-event-list-container .event-title-text {
        white-space: normal;
    }
    .model-event-list-container .event-meta-value {
        font-size: 16px;
    }
    .thread-saved-order-popup {
        width: calc(100vw - 16px) !important;
        max-width: calc(100vw - 16px) !important;
        padding: 18px 14px 14px !important;
    }
    .thread-saved-order-title {
        font-size: 24px;
    }
    .thread-saved-order-summary-card,
    .thread-saved-order-files-card {
        padding: 14px;
        border-radius: 18px;
    }
    .thread-saved-order-actions {
        justify-content: stretch;
    }
    .thread-saved-order-actions button.btn {
        flex: 1 1 100%;
        min-width: 0;
    }
    .thread-saved-order-files-grid {
        grid-template-columns: 1fr;
    }
}
.on-hold-reason {
	color: #E91E63;
	font-weight: bold;
}
.order-diff-year {
	text-align: center;
	font-size: 25px;
	font-weight: bold;
    margin: 20px 0;
}
a.proof-credit-update {
    color: #ff0000cc;
}
.awaiting-product-arrival.invoice-revice-payment {
    text-align: left;
}
button.btn.save-send-invoice-pdf {
    width: auto;
    margin: 0 auto;
    background: red;
    color: #fff;
    padding: 10px 20px !important;
    margin-top: 20px;
}
.invoice-revice-payment .invoice-total {
    margin-bottom: 20px;
    color: #ff0200;
}
.add-credit-project-title {
    font-size: 25px;
}
.invoice-revice-payment .model-error {
    border: 1px solid red;
}
.invoice-revice-payment .model-overall-error {
    text-align: center;
    color: red;
}
span.field-copy-from-above.btn {
    color: #2096f3;
    font-weight: bold;
    display: inline-flex;
    width: auto;
    margin-top: 6px;
    margin-left: 0;
    padding: 0;
    justify-content: flex-start;
    text-align: left;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
}
body .apparel-qty-size-container-list .form-group:hover span.field-copy-from-above.btn,
body .apparel-qty-size-container-list .form-group:focus-within span.field-copy-from-above.btn {
    visibility: visible !important;
    opacity: 1;
    pointer-events: auto;
}
.size-copy-from-above-wrap {
    display: flex;
    justify-content: flex-start;
    margin-top: 8px;
    padding: 0px 11px;
}
.size-copy-from-above-wrap .size-copy-from-above.btn {
    color: #2096f3;
    font-weight: 700;
    padding: 0;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
}
body .size-copy-from-above-wrap:hover .size-copy-from-above.btn,
body .size-copy-from-above-wrap:focus-within .size-copy-from-above.btn,
body .apparel-qty-size-container-list .custom-form-quantity-val:hover + .size-copy-from-above-wrap .size-copy-from-above.btn,
body .apparel-qty-size-container-list .custom-form-quantity-val:focus-within + .size-copy-from-above-wrap .size-copy-from-above.btn {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
}
span.elem-icon-container {
    position: absolute;
    right: 8px;
    width: 25px;
    height: auto;
    bottom: 8px;
}
span.elem-icon-container img {
    width: 100%;
}
span.meansurement-icon-container {
    position: absolute;
    right: 10px;
    bottom: 10px;
    font-size: 20px;
}
label.my-2.visible-hide {
    visibility: hidden;
	display: contents;
}
.location-section label.my-2.text-bold {
    font-size: 14px;
	    font-weight: 400;font
}
.embroider-location-container.embroidery-sec-container{
	margin-bottom: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}
.location-lists.embroidery-sec-container {
    margin-top: 0px;
/*     border-top-right-radius: 0px;
    border-top-left-radius: 0px; */
    padding-top: 0px;
    /* border-top: 1px solid #333; */
}
.col-lg-4.location-card-container.measurement-container {
    align-items: flex-start !important;
    padding-bottom: 8px;
}
.mb-0 {
	margin-bottom: 0px !important;
}
button.btn.add-apparel-variation {
    width: auto;
    background: #97accb;
    color: #fff;
    font-weight: bold;
    padding: 5px 30px !important;
}
.main-section .col-lg-12.main.container.apparel-variation-button-container {
    padding-top: 0px !important;
}
span.btn.remove-apparel-section, .remove-apparel-location-section {
    position: absolute;
    top: 11px;
    right: 0;
    background: #fbfbfb;
    border-radius: 25px;
    color: #b5c4d9;
    font-weight: bold;
    height: 31px;
    padding: 0px 9px !important;
    font-size: 19px;
}
button.set-thread-color span.selection-card img {
    width: 26px !important;
    margin-right: 2px;
    margin-bottom: -1px;
    border-radius: 4px;
}
button.set-thread-color span.selection-card label {
    display: none;
}
.thread-button-hover-preview {
    position: absolute;
    z-index: 9999;
    pointer-events: none;
    opacity: 0;
    transform: translateY(8px) scale(.96);
    transition: opacity .18s ease, transform .18s ease;
}
.thread-button-hover-preview.is-visible {
    opacity: 1;
    transform: translateY(0) scale(1);
}
.thread-button-hover-preview .thread-button-hover-preview-inner {
    min-width: 184px;
    max-width: 320px;
    padding: 12px;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.98);
    border: 1px solid #d7e0eb;
    box-shadow: 0 16px 38px rgba(15, 23, 42, 0.18);
    backdrop-filter: blur(10px);
}
.thread-button-hover-preview-title {
    margin-bottom: 10px;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #5f7490;
}
.thread-button-hover-preview-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(82px, 1fr));
    gap: 10px;
}
.thread-button-hover-preview-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 6px;
}
.thread-button-hover-preview-item img {
    width: 82px;
    height: 82px;
    object-fit: cover;
    border-radius: 14px;
    border: 1px solid #dbe4ef;
    background: #fff;
    padding: 8px;
}
.thread-button-hover-preview-item span {
    font-size: 11px;
    font-weight: 700;
    line-height: 1.2;
    color: #17314f;
}
.thread-button-hover-preview-swatch {
    display: block;
    min-height: 58px;
    border-radius: 14px;
    border: 1px solid rgba(23, 49, 79, 0.12);
}
.location-option-lists, .product-brand-option-list, .size-option-lists {
	position: absolute;
	top: 72px;
	display: flex;
	flex-direction: column;
	z-index: 1200;
	background: #fff;
	width: 100%;
	padding: 10px 0px;
	max-height: 110px;
	overflow: auto;
	height: auto;
	background: #fff;
	-webkit-box-shadow: 0 2px 16px rgb(0 0 0 / 60%);
	-ms-box-shadow: 0 2px 16px rgba(0, 0, 0, .6);
	-moz-box-shadow: 0 2px 16px rgba(0, 0, 0, .6);
	-o-box-shadow: 0 2px 16px rgba(0, 0, 0, .6);
	box-shadow: 0 3px 7px rgb(0 0 0 / 37%);
	border: 1px solid #b0b0b0;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
	min-height: 270px;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-y;
}

.location-option-lists:not(.hide):not(:empty),
.product-brand-option-list:not(.hide):not(:empty),
.size-option-lists:not(.hide):not(:empty) {
    padding-top: 28px;
}

.location-option-lists:not(.hide):not(:empty)::before,
.product-brand-option-list:not(.hide):not(:empty)::before,
.size-option-lists:not(.hide):not(:empty)::before {
    content: "Suggested Results";
    display: block;
    position: sticky;
    top: -29px;
    z-index: 2;
    padding: 3px 9px 3px;
    background: #fff;
    color: #a8afb9;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .05em;
    text-transform: uppercase;
    line-height: 1;
}

@media (max-width: 767px) {
    .updated-embroidery-section .sub-title.apparel-title-text {
        min-width: 120px;
    }
    .thread-details-sidebar {
        display: none;
    }
    .reopen-order-details {
        display: none !important;
    }
    .location-section .apparel-add-location-trigger {
        margin: 10px auto 0;
        transform: none;
    }
}
@media (max-width: 991px) {
    .order-builder-layout {
        max-width: 100%;
    }
    .order-builder-layout .order-builder-main-col {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .thread-details-sidebar {
        display: none;
    }
    .reopen-order-details {
        display: none !important;
    }
}
.product-brand-option-list, .size-option-list {
	top: 55px !important;
}
.location-option-lists span.location, .product-brand-option-list span.location, .size-option-lists span.location {
    cursor: pointer;
    font-size: 13px;
    font-weight: bold;
}
.pms-search-lists {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    text-align: justify;
    max-height: 320px;
    overflow: auto;
    border-right: 1px solid #ddd;
	padding-bottom: 50px;
}
.pms-search-lists .pms-list {
    padding: 5px 2px;
    justify-content: space-between;
    margin: 5px 0;
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    border-bottom: 1px solid #ddd;
}
.pms-search-lists .pms-list span {
    font-size: 10px !important;
    font-weight: bold !important;
}
.pms-search-lists .pms-list span.btn.col-1 {
    padding: 10px !important;
}
.selected-pms-list {
    display: inline-flex;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 10px;
    align-items: center;
}
.pms-selected-search-lists {
	overflow: auto;
}
.pms-selected-search-lists span.btn.col-1 {
    padding: 10px !important;
}
.pms-selected-search-lists span.main-text {
    text-align: justify;
}
.selected-pms-list span.remove-btn {
    color: #fff;
    background: #2096f3;
    padding: 3px 7px;
    border-radius: 25px;
    border: 1px solid #333;
}
span.btn.col-1.p-2.pms-color-swap {
    padding: 10px !important;
}
.btn.pms-not-find-it {
    position: absolute;
    bottom: 0px;
    left: 0px;
    display: block;
    width: 88%;
    background: #aaa !important;
    margin: 0 10px;
    color: #fff;
    font-weight: bold;
    z-index: 9999;
}

.blinking {
	animation-name: blinking;
	animation-duration: 1s;
	animation-iteration-count: 100;
    border-width: medium;
}
span.btn.site-feedback-btn {
    background: orange;
    color: #fff !important;
    font-weight: bold;
}
button.btn.col-lg-12.submit-web-feedback {
    background: #484469;
    color: #fff;
    font-weight: bold;
}
@keyframes blinking {
	50% {
	  border-color: #ffcd5f;
	}
}
.show-iframe-editor div.app-main-container, .show-iframe-editor section, .show-iframe-editor footer {
    display: none;
}
button.btn.view-edit-mode {
    position: fixed;
    left: 0;
    bottom: 45%;
    transform: rotate(180deg);
    writing-mode: tb;
    background: gray;
    padding: 12px 2px !important;
    margin-left: 0px;
    border-radius: 25px;
    color: #fff;
    font-weight: bold;
    font-size: 11px;
}
iframe#editorIframe {
    width: 100%;
    height: calc( 100% - 52px );
}
.proof-note-container {
    display: flex;
    justify-content: space-around;
    padding: 0 30px;
}
span.txt-note {
    color: #3F51B5;
    font-weight: bold;
    width: 100%;
    background: #efefef;
    border-radius: 4px;
    padding: 14px;
    margin-bottom: 10px;
    max-width: 867px;
}
.kickback-model-project-list .list-title {
    text-align: justify;
    font-size: 18px;
    font-weight: bold;
}
.kickback-model-project-list .list-details {
    display: flex;
    justify-content: space-between;
    margin: 10px 0;
    font-weight: 500;
}
.kickback-model-project-list {
    max-height: 450px;
    overflow: auto;
    padding: 0 20px;
}
img.approved-img {
    width: 74px;
}
button.btn.btn-premium-setup.in-progressing.my-0.common-action-btn-elm.thread-proof-act-event.remove-premium-digitizing-label.remove-premium-digitizing-label {
    border-radius: 0px 0px 10px 10px;
}
.round-top {
    border-radius: 11px !important;
}
span.fas.fa-search.order-history-search-icon {
    color: #9b9b9b;
    position: absolute;
    margin: 16px 11px;
    font-size: 16px;
}
.order-inner-list.my-2.p-2 {
    padding: 19px 24px 23px 3% !important;
    height: auto;
		width: 100%;
}
#bx-pager img {
	width: 55px;
    height: 55px;
    padding: 0px;
    margin: 7px;
    border-radius: 10px;
    background-color: #fff;
    border: 1px solid #858585;
}
.art-slider-container .bx-wrapper {
    max-width: 100%;
    background: transparent;
    border-color: transparent;
    box-shadow: none;
    margin-top: 20px;
}
.art-slider-container li[aria-hidden="true"] img {
    height: 1px !important;
}
.art-slider-container .bx-viewport {
	height: auto !important;
}
.art-slider-container li {
	display: inline-flex;
	justify-content: center;
}
.art-slider-container a.active img {
    border: 3px solid #FF9800 !important;
}
span.btn.tk-admin-label {
    background: red;
    margin-left: 20px;
    padding: 2px 10px !important;
    color: #fff;
    font-weight: bold;
    border-radius: 25px;
	font-size: 12px;
}
.screen-print-quote-main .img-thumb-list > * {
    width: 150px !important;
    height: 150px !important;
}
.status-btn.awaiting_response.proof-not-admin-viewed {
    font-size: 0;
}
.status-btn.awaiting_response.proof-not-admin-viewed:after {
    content: 'Awaiting Redcore Response';
    font-size: 12px;
}

.btn.net-30-tag.tip span.tooltip-top, .btn.net-30-tag.tip span.tooltip-right {
    background: black;
    margin: 0 2px 0 5px;
    text-align: center;
    padding: 3px 10px;
    display: inline-block;
    border-radius: 50px;
    width: auto !important;
    height: auto !important;
}
.btn.net-30-tag.tip {
    background: green;
    color: #fff;
    font-weight: bold;
    position: relative;
    padding: 5px 15px 5px 0;
    border-radius: 25px;
    margin-top: 10px;

}
span.tooltip-right.tooltip-element[tooltip]:hover::before {
    bottom: 22px !important;
    left: 5px !important;
}
span.tooltip-right.tooltip-element[tooltip]:hover:after {

    left: -20px !important;
    bottom: 28px !important;
}
.hide-show-payment-section {
    width: 100%;
    padding: 10px;
    border: 1px solid;
    font-weight: bold;
}
.checkout-payment-choice {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    margin: 18px 0 24px;
    width: 100%;
    text-align: center;
}
.checkout-payment-choice .btn.net-30-tag.tip,
.checkout-payment-choice .hide-show-payment-section {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    width: 100%;
    max-width: 320px;
    min-height: 48px;
    margin-top: 0;
    padding: 10px 18px;
    border-radius: 999px;
    font-weight: 700;
    box-sizing: border-box;
    cursor: pointer;
    transition: background .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.checkout-payment-choice .hide-show-payment-section {
    flex-direction: column;
    gap: 2px;
}
.checkout-payment-choice .hide-show-payment-section .checkout-pay-choice-main {
    display: block;
    font-size: 14px;
    font-weight: 800;
    line-height: 1.1;
}
.checkout-payment-choice .hide-show-payment-section .checkout-pay-choice-sub {
    display: block;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.1;
    opacity: 0.78;
    letter-spacing: 0.02em;
    text-transform: none;
}
.checkout-payment-choice .btn.net-30-tag.tip {
    background: #fff;
    border: 1px solid #ced7e4;
    color: #1f3658;
    box-shadow: 0 8px 18px rgba(31, 54, 88, 0.08);
}
.checkout-payment-choice .btn.net-30-tag.tip span.tooltip-right {
    margin: 0;
    background: #1f3658;
    color: #fff;
}
.checkout-payment-choice-divider {
    display: flex;
    align-items: center;
    gap: 14px;
    width: 100%;
    max-width: 520px;
    color: #4f6380;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}
.checkout-payment-choice-divider::before,
.checkout-payment-choice-divider::after {
    content: "";
    flex: 1 1 auto;
    height: 1px;
    background: #aebcd0;
}
.checkout-payment-choice .hide-show-payment-section {
    border: 1px solid #ced7e4;
    background: #fff;
    color: #1f3658;
    box-shadow: 0 8px 18px rgba(31, 54, 88, 0.08);
}
.checkout-payment-choice .btn.net-30-tag.tip.is-active,
.checkout-payment-choice .hide-show-payment-section.is-active {
    border: 2px solid #006bff;
    background: #e8f1ff;
    color: #0f2745;
    box-shadow: 0 0 0 3px rgba(0, 107, 255, 0.16), 0 12px 24px rgba(23, 52, 92, 0.18);
    transform: translateY(-1px) scale(1.01);
}
.checkout-payment-choice .btn.net-30-tag.tip:not(.is-active),
.checkout-payment-choice .hide-show-payment-section:not(.is-active) {
    opacity: 0.88;
}
@media (max-width: 767px) {
    .shipping-option-tab {
        flex-direction: row;
        gap: 10px;
    }
    .btn.shipping-option-select {
        width: 100%;
        padding: 15px 16px;
        white-space: normal;
    }
    .checkout-payment-choice {
        gap: 10px;
        margin: 16px 0 22px;
    }
    .checkout-payment-choice .btn.net-30-tag.tip,
    .checkout-payment-choice .hide-show-payment-section {
        max-width: none;
        min-height: 56px;
        padding: 12px 16px;
    }
    .checkout-payment-choice .hide-show-payment-section .checkout-pay-choice-main {
        font-size: 15px;
    }
    .checkout-payment-choice .hide-show-payment-section .checkout-pay-choice-sub {
        font-size: 12px;
    }
    .checkout-payment-choice-divider {
        max-width: none;
    }
}
.screen-print-quote-main img {
    width: 150px;
}
span.btn.monthly-qty {
    color: #999999;
    background: #f3f3f3;
}

.tag-update-container label {
    font-weight: bold;
}
.tag-update-container .bootstrap-tagsinput .tag {
    cursor: inherit !important;
    margin: 5px 5px 5px 0 !important;
    position: relative;
    padding: 5px 13px 5px !important;
    border-radius: 12px;
    color: #ffffff;
    font-weight: 500;
    font-size: 9px;
    text-transform: CAPITALIZE;
    display: inline-block;
    line-height: 1.5em;
    border: 0px solid #adadad;
    background-color: #1fc07b !important;
}
.tag-update-container .btn {
    font-size: .875rem;
    position: relative;
    transition: all .15s ease;
    letter-spacing: .025em;
    text-transform: none;
    background: #eff0f2;
    will-change: transform;
}
.tag-update-container .bootstrap-tagsinput {
    padding: 9px 13px;
    line-height: 22px;
    background: #172c4c12;
    border-radius: 25px;
    -webkit-appearance: none;
    -webkit-border-horizontal-spacing: 62px;
    font-family: inherit;
    text-align: left;
}
.active-calendar-move-event button.move-right-order {
	margin: 0 0 0 auto;
	transform: translateX(88px);
}
.active-calendar-move-event button {
    padding: 5px !important;
    background: #ddd;
    border-radius: 25px;
}
.active-calendar-move-event button i {
    font-size: 35px;
}
.active-calendar-move-event {
    position: fixed;
    top: 50%;
    left: 10%;
    display: flex;
    justify-content: space-between;
    right: 10%;
}
.swal2-content .event-title-section figure.image {
    min-width: 100%;
    /* min-height: 300px; */
}
.art-slider-container a.bx-prev {
    left: -28px;
}
.art-slider-container a.bx-next {
    right: -28px;
}
.active-calendar-move-event button {
    margin: 0px;
}
.event-model-msg-text {
	border: 1px solid black;
   border-radius: 3px;
   padding: 21px 0px 6px 6px;
   background: #b51010;
   color: white;
   line-height: 31px;
}
span.priority-pin {
    position: absolute;
    color: red;
    font-size: 20px;
}
.blink-infinite {
	animation: blinker 1s step-start infinite;
}
@keyframes blinker {
	50% {
	  opacity: 0;
	}
}
.swal2-content .order-list span.item-lists span {
    font-size: 10px;
}
.swal2-content .order-list span.item-lists {
    flex: 0 0 30%;
    justify-content: center;
    margin: 10px;
    font-size: 12px;
    text-align: center;
}
span.btn.activity-proof-status {
    padding: 5px 30px !important;
    background: #009688;
    color: #fff;
    font-weight: bold;
    margin: 5px;
    border-radius: 25px;
}

.redcore-pro-connected {
	text-align: center;
    margin-top: 30px;
    font-weight: bold;
    background: #fff;
    padding: 50px 10px 30px;
    min-height: 157px;
}
.redcore-pro-connected p {
    margin-top: 20px;
    text-transform: capitalize;
    font-weight: bold;
}
.redcore-pro-waiting-1{
    margin-left: -15%;
    position: relative;
    display: inline-block;
    margin-top: 50px;
}
.redcore-pro-waiting-1 i {
    position: absolute;
    bottom: 0px;
    display: block;
    width: 9px;
    height: 5px;
    background: #9b59b6;
    animation: redcore-pro-waiting-1 1.5s  infinite ease-in-out;
}
.redcore-pro-waiting-1 i:nth-child(2){
  left: 11px;
  animation-delay: .2s;
}
.redcore-pro-waiting-1 i:nth-child(3){
  left:22px;
  animation-delay: .4s;
}
.redcore-pro-waiting-1 i:nth-child(4){
  left:33px;
  animation-delay: .6s;
}
.redcore-pro-waiting-1 i:nth-child(5){
  left:44px;
  animation-delay: .8s;
}
@keyframes redcore-pro-waiting-1 {
  0% {
    height:5px;transform:translateY(0px);background:#9b59b6;
  }
    25% {height:30px;transform:translateY(15px);background:#3498db;}
    50% {height:5px;transform:translateY(0px);background:#9b59b6;}
    100% {height:5px;transform:translateY(0px);background:#9b59b6;}
}
.intercom-header-left.intercom-home-btn {
    display: none !important;
}
.place-sticker-order.mobile-btn {
	display: none;
	position: sticky;
	top: 62px;
	left: 0;
	z-index: 9999;
}
.location-option-lists span.location, .product-brand-option-list span.location, .size-option-lists span.location {
    padding: 5px 10px;
    margin: 2px 0 0 0;
    position: relative;
    align-items: center;
    border-bottom: 2px solid #eeeeee;
    display: flex;
	text-transform: capitalize;
}
.location-option-lists span.location.active, .product-brand-option-list span.location.active, .size-option-lists span.location.active {
    background: #eeeeee;
}
.location-option-lists span.location {
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
}
.location-option-lists span.location i, .product-brand-option-list span.location i, .size-option-lists span.location i {
    display: none;
    margin: 0 0 0 auto;
    font-size: 12px;
}
.location-option-lists span.location.active i, .product-brand-option-list span.location.active i, .size-option-lists span.location.active i {
    display: block;
}
.form-group .error-txt {
	color: red;
	font-weight: bold;
	font-size: 10px;
}
.file-list h4.mb-1 {
    font-size: 14px;
    text-wrap: nowrap;
    max-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.custom-toggle.duff-toggle {
    position: relative;
    display: inline-block;
    width: 75px;
    height: 1.8rem;
    margin: 0;
    margin-right: 20px;
}

.custom-toggle.duff-toggle input {
    display: none;
}
.duff-toggle .custom-toggle-slider {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    cursor: pointer;
    border: 1px solid #a6afb9;
    border-radius: 34px !important;
    background-color: transparent;
}
.duff-toggle .custom-toggle-slider:before {
    position: absolute;
    bottom: 3px;
    left: 6px;
    width: 18px;
    height: 18px;
    content: '';
    transition: all .15s cubic-bezier(.68, -.55, .265, 1.55);
    border-radius: 50% !important;
    background-color: #a6aeb7;
}
.duff-toggle .custom-toggle-slider:after {
    font-family: inherit;
    font-size: .75rem;
    font-weight: 600;
    line-height: 24px;
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    overflow: hidden;
    min-width: 1.66667rem;
    margin: 0 .21667rem;
    content: attr(data-label-off);
    transition: all .15s ease;
    text-align: center;
    color: #70b3f6;
}
.custom-toggle input:checked + .custom-toggle-slider:after {
    right: auto;
    left: 0;
    content: attr(data-label-on);
    color: #5e72e4;
}
.custom-toggle input:checked + .custom-toggle-slider:before {
    transform: translateX(28px);
    background: #5e72e4;
    left: 22px;
}
.embroidery-sec-container .d-flex {
    max-width: 154px;
}
.dtf_print_page a.nav-link.px-2.get-a-quote.mobile-view-also {
    display: none !important;
}
#swal2-content p.temr-confirm-text {
    font-weight: bold;
    font-size: 12px;
}
#swal2-content p.terms a {
    font-size: 15px !important;
}
.quantity-container button.change-inout-val {
    background: #d6d6d6;
}
.btn.btn-primary.thread-order-save {
	width: 250px;
    padding: 7px 10px !important;
    margin: 0 auto;
    border-radius: 25px;
}
.d-flex.col-lg-12.saved-order-container {
    flex-direction: column;
	max-height: 80vh;
    overflow-y: auto;
}
.thread-saved-order-popup {
    width: min(1180px, calc(100vw - 30px)) !important;
    max-width: min(1180px, calc(100vw - 30px)) !important;
    padding: 24px 24px 20px !important;
    border-radius: 28px !important;
}
.thread-saved-order-modal {
    gap: 18px;
    text-align: left;
}
.thread-saved-order-hero {
    padding: 4px 4px 0;
}
.thread-saved-order-kicker {
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: #97accb;
    margin-bottom: 8px;
}
.thread-saved-order-title {
    font-size: 31px;
    line-height: 1.06;
    font-weight: 900;
    color: #1f3658;
    margin-bottom: 12px;
}
.thread-saved-order-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.thread-saved-order-meta-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 7px 12px;
    border-radius: 999px;
    background: #eef4fb;
    border: 1px solid #d8e2ef;
    color: #58708f;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}
.thread-saved-order-summary-card,
.thread-saved-order-files-card {
    padding: 18px 18px 16px;
    border-radius: 22px;
    background: linear-gradient(180deg, #fbfdff 0%, #f2f6fb 100%);
    border: 1px solid #dde7f1;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.06);
}
.thread-saved-order-section-title {
    font-size: 13px;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #97accb;
    margin-bottom: 12px;
}
.thread-saved-order-files-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 12px;
}
.thread-saved-order-files-grid a.thumb-img.display-flex {
    position: relative;
    width: 100%;
    min-height: 92px;
    margin: 0;
    padding: 14px 14px 14px 52px;
    border-radius: 16px;
    background: linear-gradient(180deg, #ffffff 0%, #f6f9fd 100%);
    border: 1px solid #dbe5f0;
    color: #1f3658;
    align-items: flex-start;
    justify-content: center;
}
.thread-saved-order-files-grid a.thumb-img.display-flex:before {
    content: '\f019';
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #edf4fc;
    color: #6e88ab;
}
.thread-saved-order-files-grid a.thumb-img.display-flex span {
    width: 100%;
    margin-top: 0;
    color: #1f3658;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.35;
    white-space: normal;
    text-overflow: initial;
}
.thread-saved-order-files-grid a.thumb-img.display-flex img {
    display: none;
}
.thread-saved-order-empty-files {
    padding: 16px 18px;
    border-radius: 16px;
    background: #ffffff;
    border: 1px dashed #d5dee8;
    color: #6c7f99;
    font-size: 14px;
    font-weight: 700;
}
.thread-saved-order-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: flex-end;
    margin: 0 !important;
}
.thread-saved-order-actions button.btn {
    min-width: 142px;
    padding: 11px 18px !important;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 900;
    box-shadow: none;
}
.thread-saved-order-actions .edit-submit-order {
    background: #e7eef7 !important;
    border: 1px solid #c8d7e8 !important;
    color: #1f3658 !important;
}
.thread-saved-order-actions .submit-order {
    background: #97accb !important;
    border: 1px solid #97accb !important;
    color: #ffffff !important;
}
.thread-saved-order-actions .delete-order {
    background: #fff4f1 !important;
    border: 1px solid #f0d1ca !important;
    color: #b25746 !important;
}
.thread-saved-order-summary-card .label-value-list {
    margin-bottom: 0;
}
.thread-saved-order-summary-card .label-value-list .row,
.thread-saved-order-summary-card .label-value-list > div {
    padding-left: 0;
    padding-right: 0;
}
button.btn.btn-premium-setup.my-2.common-action-btn-elm.proof-highlight-txt.position-relative {
    border-radius: 0px 0px 13px 12px;
    padding: 17px 3.5% !important;
    background: #ff6600;
    background: #fd511d;
    background: linear-gradient(90deg, rgb(255 157 18) 0%, rgb(255 110 67) 100%);
    font-size: 15px;
    width: 100%;
    max-width: 864px;
}
.status-btn.proof-highlight-model {
    margin-top: 10px;
    background: #FF9800;
}
.swal2-popup.swal2-modal.swal2-show.proof-highlighs-swal h2#swal2-title {
	color: #fff;
}
.swal2-popup.swal2-modal.swal2-show.proof-highlighs-swal {
    background: #FF9800;
    color: #fff !important;
}
.proof-highlighs-swal {
    color: #fff !important;
    font-weight: bold;
    font-size: 18px;
    padding: 20px 0;
}
.row.col-12.mt-4.justify-center {
    max-width: 641px;
}
.col.p-5.card.center-bottom-arrow {
    background: #f6f6f6;
}
#activitySection {
  position: relative;
  overflow: visible;
}
.thread-comment-container.my-0 {
  top: auto !important;
}
.order-activity-list-align {
  padding-bottom: 8px;
}
.comment-sticky {
  position: sticky !important;
  bottom: 0 !important;
  z-index: 1060;
  top: auto;
	border-top: 1px solid #9a9a9a;
  border-radius: 0px 0px 7px 7px !important;
}

#commentBox.comment-sticky {
  z-index: 1060 !important;
}
span.btn.set-thread-comment-img {
    height: 25px;
}
#backtohistory{
	margin-top: 65px;
	padding-bottom: 54px;
}
.order-summery-activity {
	border-radius: 8px !important;
}

img.thumb-artwork {
	    width: 98px !important;
	    border-radius: 6px;
	    padding: 0px;
	    position: relative;
	    background: white;
	    height: auto;
}

.order-left-section > div {
    display: flex;
    margin-right: 40px;
    text-align: center;
    justify-content: center;
    height: 134px;
    position: relative;
    background: white;
}

.artwork-section {
    width: 100px;
    margin-right: 20px !important;
    border: 1px solid #d0d0d0;
    border-radius: 9px;
    overflow: hidden;
}

li.not-reviewed {
    padding-top: 5px;
}

.client-file-lists {
    width: auto;
    display: flex;
    overflow: hidden;
}
.order-left-section .item-ratings li i.fa-star {
    font-size: 3.5em;
}
span.item-lists {
    display: flow;
}

.list-section {
	color: #8f95a1;
}

.product-box-container strong {
    font-weight: bolder;
    color: #adacab;
    max-width: 100%;
}
.approve-reconfirmaiotn-container button.btn.proof-approve {
    max-width: 354px;
}
.shipping-option-tab .btn {
    padding: 16px 0px !important;
}
.btn.shipping-option-select {
    background: #f8f8f8;
}

.proof-review-page {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  min-height: 88px;
  width: 100%;
}
.proof-review-intro {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -44%) scale(0.96);
  min-width: 240px;
  max-width: calc(100% - 24px);
  padding: 11px 18px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.96);
  border: 1px solid rgba(29, 41, 57, 0.08);
  color: #26364a;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  box-shadow: 0 18px 42px rgba(19, 35, 56, 0.16);
  opacity: 0;
  visibility: hidden;
  z-index: 3;
  pointer-events: none;
  text-align: center;
  backdrop-filter: blur(12px);
  transition: opacity 0.4s ease, transform 0.4s ease, filter 0.4s ease, visibility 0.4s ease;
}
.proof-review-intro.is-visible {
  opacity: 1;
  visibility: visible;
  transform: translate(-50%, -50%) scale(1);
  pointer-events: auto;
  cursor: pointer;
}
.proof-review-intro.animate-out {
  opacity: 0;
  visibility: hidden;
  transform: translate(-50%, -82%) scale(0.94);
  filter: blur(3px);
}
.proof-review-intro.reviewed-already {
  display: none;
}
.proof-review-page .item-ratings {
  position: relative;
  z-index: 1;
  margin-top: 0 !important;
}
.proof-review-page i.fa-star {
  color: #fff;
  font-weight: 900;
  font-size: 30px !important;
  margin-right: 10px;
  margin-top: 0;
}
img.review-image {
    border-radius: 14px;
}
.approved-proof.position-relative.multiple-image-section > * {
    top: inherit;
    margin: auto;
}

.review-main-card.starz .rating {
    display: flex;
    width: 100%;
    justify-content: center;
    overflow: visible;
/*     flex-direction: row-reverse; */
    height: 10px;
    position: relative;
}

img.review-image {
    border-radius: 14px;
    border: 1px solid #d1d1d1;
    margin-top: -19px;
}
.review-section-form {
    padding-top: 34px;
}h1.rev-title.pt-4.text-center {
    max-width: 500px;
}

.row.col-md-12.dp-inline {
    padding: 10px;
}
#centering-box {
    position: fixed;
    margin: auto;
    text-align: center;
    bottom: -6px;
    width: 100%;
}
.checkout-row{
    min-width: 100%;
    justify-content: space-around;	
}

li.view-order-history.text-center {
    width: 100%;
    background: #e4e4e4;
    border-radius: 4px;
    padding: 7px;
}
.hide-unapproved-projects .red-calendar.vertical-time-calendar .red-event.vertical-event:not(.project-approved-card) {
    display: none !important;
}
span.supportCalendar-show-hide-unapproved {
    color: #fff;
    background: #009688;
    border: 1px solid transparent;
    padding: 2px 10px;
}
a.thumb-img.display-flex:before {
    content: 'Download';
}
a.thumb-img.display-flex {
    background: #FF9800;
    Padding: 12px;
    width: 301px;
    min-height: 98px;
    color: white;
    border-radius: 11px;
}
.row.mx-0.my-2.event-title-section {
    width: 100%;
}

.client-file-lists a img {
    display: none;
}
li.view-order-history.text-center {
    position: sticky;
    bottom: 0px;
}

span.btn.refresh-activity-proof {
    background: #ddd;
    color: #fff;
    font-weight: bold;
    font-size: 29px;
    padding: 15px !important;
    align-items: center;
    border-radius: 50px;
    justify-content: center;
    max-height: 60px;
}

span.btn.refresh-activity-proof.spin i {
    animation: spin 3s linear infinite;
}
.client-file-lists.activity-calendar-project-file {
    flex-wrap: wrap;
    align-items: center;
}
.client-file-lists.activity-calendar-project-file a {
	max-width: 120px;
}
.client-file-lists.activity-calendar-project-file a img {
    display: block;
}
.client-file-lists.activity-calendar-project-file a:before {
	display: none;
}

.proof-view-page .client-file-lists {
    flex-wrap: wrap;
    gap: 12px;
}

.proof-view-page .client-file-lists a.thumb-img.display-flex {
    width: 301px;
    max-width: 100%;
    min-height: 98px;
    flex-direction: row;
    align-items: center;
    gap: 12px;
}

.proof-view-page .client-file-lists a.thumb-img.display-flex:before {
    display: none;
}

.proof-view-page .client-file-lists a img {
    display: block;
    width: 28px;
    height: 28px;
    flex: 0 0 28px;
}

.proof-view-page .client-file-lists a.thumb-img.display-flex .project-file-name-wrap {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
    margin-top: 0;
}

.proof-view-page .client-file-lists a.thumb-img.display-flex .project-file-label-text {
    margin-top: 0;
    font-size: 12px;
    line-height: 1.35;
    white-space: normal;
    overflow: hidden;
    text-overflow: initial;
    word-break: break-word;
}

.proof-view-page .client-file-lists a.thumb-img.display-flex .project-file-type-badge {
    display: inline-flex;
    align-items: center;
    align-self: flex-start;
    padding: 3px 8px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.2);
    color: #ffffff;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.red-event.show-admin-file-upload-count:before {
    display: none;
}

.proof-got-expired {
    position: absolute;
    color: red;
    text-align: center;
    width: 100%;
    font-size: 95px;
    font-weight: bold;
    background: #eee;
    opacity: .8;
    margin: 10% auto;
    top: 148px;
    padding: 10%;
    z-index: 9999;
}

.proof-page-bg .proof-got-expired {
    top: 0px;
    bottom: 0px;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.calendar-search-toggle {
    margin-top: 5px;
}
.calendar-search-field {
    display: inline-block;
    width: 0;
    min-width: 0;
    opacity: 0;
    border: 1px solid #ddd;
    margin: 5px 8px 0;
    padding: 0;
    height: 31px;
    pointer-events: none;
    transition: width .22s ease, opacity .18s ease, padding .18s ease;
}
.calendar-search-field.is-open {
    width: 180px;
    opacity: 1;
    padding: 4px 10px;
    pointer-events: auto;
}
select.calendar-po-search.form-control {
    width: 110px;
    z-index: 999;
    display: inline-block;
    top: 2px;
    position: relative;
}
button.btn.custom-order-item {
    background: red;
    color: #fff;
    margin-top: 5px;
    padding: 3px 12px !important;
    font-size: 12px;
    line-height: 1.3;
}
@media screen and (max-width: 980px) {
	.calendar-priority-key {
		gap: 4px;
	}
	.calendar-priority-key-item {
		font-size: 9px;
		padding: 2px 5px;
	}
	.calendar-priority-sort-wrap {
		width: 100%;
		padding-left: 0;
	}
	.calendar-date-priority-sort {
		min-width: 0;
		width: 100%;
	}
}
.btn.dropdown-toggle.btn-light[data-id="confim-company-id"]{
	height: 50px !important;
}
.btn.dropdown-toggle.btn-light[data-id="confim-company-id"] .filter-option{ 
	display: flex;
    align-items: center;
}
.red-event.order-event-checked-in {
	background: #5c5555 !important;
}
.confim-company-id-model .inner.show, .confim-company-id-model .dropdown-menu.show {
	max-height: auto !important;
}

.thread-kicker-pro-label {
    color: #ff8623;
	font-style: italic;
	font-size: 13px;
}

img.image-zoom-popup {
    cursor: pointer;
    width: auto;
}

.swal2-popup .swal2-close {
    z-index: 2;
    position: absolute;
    right: 19px;
    padding: 0;
    transition: color .1s ease-out;
    border: 1px solid #b8b8b8;
    border-radius: 43px;
    background: white;
    color: #ccc;
    font-family: serif;
    font-size: 2em;
    line-height: 1.2;
    cursor: pointer;
    overflow: hidden;
    padding: 0px 9px;
    top: 14px;
}

.swal2-modal.launch-pad-details div.project-details-container,
.swal2-modal.launch-pad-details div.product-top-section.order-lg-first {
    border-radius: 19px;
}

/* Calendar Event Modal refresh */
.swal2-content .calendar-event-order {
	padding: 8px 6px 4px;
	font-weight: 600;
}

.swal2-content .calendar-event-order .row.mx-0.my-2 {
	margin: 8px 0 !important;
}

.swal2-content .calendar-event-order .event-title-section.compact-layout {
	display: grid;
	gap: 10px;
}

.swal2-content .calendar-event-order .event-title-section.compact-layout > .col-12,
.swal2-content .calendar-event-order .event-title-section.compact-layout > .col {
	padding-left: 0;
	padding-right: 0;
}

.swal2-content .calendar-event-order .event-title-section figure.image {
	margin: 0;
	border-radius: 12px;
	overflow: hidden;
	background: #eef1f5;
	border: 1px solid #d7dde6;
}

.swal2-content .calendar-event-order .event-title-section figure.image img {
	width: 100%;
	max-height: min(58vh, 540px);
	object-fit: contain;
	background: #f3f5f8;
}

.swal2-content .calendar-event-order .event-main-content {
	background: #f7f9fc;
	border: 1px solid #e4e8ef;
	border-radius: 12px;
	padding: 16px 16px;
	text-align: left;
}

.swal2-content .calendar-event-order .event-main-statuses {
	margin-top: 12px;
	padding-top: 10px;
	border-top: 1px solid #e1e6ef;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	align-items: center;
}

.swal2-content .calendar-event-order .event-main-statuses .status-btn {
	margin: 0;
}

.swal2-content .calendar-event-order .event-main-statuses .confim-company-id-model,
.swal2-content .calendar-event-order .event-main-statuses .confim-company-id-model .col-12 {
	width: 100%;
	margin: 0 !important;
	padding: 0;
}

.swal2-content .calendar-event-order .event-proof-title {
	font-size: 18px;
	font-weight: 800;
	line-height: 1.2;
	color: #1f2a3d;
	margin-bottom: 2px;
}

.swal2-content .calendar-event-order .event-main-content h4 {
	font-size: 14px;
	font-weight: 700;
	color: #5f6a7a;
	margin: 4px 0 8px;
}

.swal2-content .calendar-event-order .event-model-msg-text {
	border: 1px solid #f0ceb0;
	border-radius: 10px;
	padding: 9px 10px;
	background: #fff6ed;
	color: #7d4c1d;
	line-height: 1.5;
	margin: 4px 0 !important;
}

.swal2-content .calendar-event-order .event-model-msg-text p {
	margin: 0;
}

.swal2-content .calendar-event-order a.btn.view-proof {
	padding: 8px 14px !important;
	border: 1px solid #2468a0;
	border-radius: 9px;
	margin: 0 0 0 8px;
	color: #2468a0;
	font-weight: 700;
}

.swal2-content .calendar-event-order .btn-events {
	gap: 8px;
	justify-content: flex-start;
}

.swal2-content .calendar-event-order .btn-events button,
.swal2-content .calendar-event-order .event-move-stat {
	border-radius: 10px;
	padding: 9px 14px;
	min-width: 120px;
	font-size: 13px;
}

.swal2-content .calendar-event-order .event-status-notification {
	border-radius: 10px;
	padding: 8px 10px;
}

.swal2-content .calendar-event-order .event-time-meta {
	background: #f2f5f9;
	border-radius: 9px;
	padding: 7px 10px;
	color: #4e596b;
}

.swal2-content .calendar-event-order .event-complete-date-sec {
	background: #eef6ff;
	border-radius: 9px;
	padding: 8px 10px;
}

.swal2-content .calendar-event-order .event-files-title {
	margin: 0 0 8px;
	font-size: 16px;
	font-weight: 800;
	color: #2f3d55;
}

.swal2-content .calendar-event-order .client-file-lists.activity-calendar-project-file {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 56px;
	column-gap: 10px;
	row-gap: 8px;
	align-items: start;
}

.swal2-content .calendar-event-order .client-file-lists.activity-calendar-project-file a {
	grid-column: 1;
	max-width: 100%;
	margin: 0;
}

.swal2-content .calendar-event-order .client-file-lists.activity-calendar-project-file a.thumb-img.display-flex {
	width: 100%;
	min-height: 0;
	padding: 10px 12px;
	margin-bottom: 14px;
	border-radius: 9px;
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 10px;
	background: #FF9800;
	color: #ffffff;
	border: 1px solid #dee3ec;
	position: relative;
}

.swal2-content .calendar-event-order .client-file-lists.activity-calendar-project-file a.thumb-img.display-flex:before {
	display: none;
}
.swal2-content .calendar-event-order .client-file-lists.activity-calendar-project-file a.thumb-img.display-flex:after {
	content: "";
	position: absolute;
	right: 10px;
	bottom: 8px;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.92);
}

.swal2-content .calendar-event-order .client-file-lists.activity-calendar-project-file a img {
	display: block;
	width: 26px;
	height: 26px;
	flex: 0 0 26px;
}

.swal2-content .calendar-event-order .client-file-lists.activity-calendar-project-file a span {
	margin-top: 0;
	font-size: 12px;
	white-space: normal;
	overflow: hidden;
	text-overflow: initial;
	line-height: 1.35;
	word-break: break-all;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.swal2-content .calendar-event-order .client-file-lists.activity-calendar-project-file a.thumb-img.display-flex .project-file-name-wrap {
	flex: 1 1 auto;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 3px;
}

.swal2-content .calendar-event-order .client-file-lists.activity-calendar-project-file a.thumb-img.display-flex .project-file-label-text {
	margin-top: 0;
	font-size: 12px;
	white-space: normal;
	overflow: hidden;
	text-overflow: initial;
	line-height: 1.35;
	word-break: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.swal2-content .calendar-event-order .client-file-lists.activity-calendar-project-file a.thumb-img.display-flex .project-file-original-name {
	display: block;
	font-size: 10px;
	line-height: 1.2;
	color: #111111;
	word-break: break-all;
	font-weight: 700;
}

.swal2-content .calendar-event-order .client-file-lists.activity-calendar-project-file a.thumb-img.display-flex .project-file-original-name.hide {
	display: none;
}

.swal2-content .calendar-event-order .client-file-lists.activity-calendar-project-file a.thumb-img.display-flex .project-file-original-toggle {
	margin-left: auto;
	flex: 0 0 auto;
	border: 1px solid rgba(255,255,255,0.55);
	background: rgba(255,255,255,0.16);
	color: #fff;
	border-radius: 8px;
	padding: 4px 8px;
	font-size: 10px;
	font-weight: 700;
	line-height: 1;
	cursor: pointer;
}

.swal2-content .calendar-event-order .client-file-lists.activity-calendar-project-file a.thumb-img.display-flex .project-file-original-toggle[data-showing="yes"] {
	background: rgba(255,255,255,0.92);
	color: #c86f00;
	border-color: rgba(255,255,255,0.92);
}

.swal2-content .calendar-event-order span.btn.refresh-activity-proof {
	grid-column: 2;
	grid-row: 1 / span 20;
	background: #e6ebf3;
	color: #3f4d62;
	font-size: 19px;
	padding: 8px !important;
	width: 46px;
	height: 46px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 10px;
}

.swal2-content .calendar-event-order .client-file-lists.activity-calendar-project-file a.thumb-img.display-flex.file-was-downloaded {
	background: #e58f11;
}

.swal2-content .calendar-event-order .btn-events.action-events {
	position: sticky;
	bottom: 0;
	z-index: 20;
	background: #fff;
	padding: 10px 0 6px;
	border-top: 1px solid #e2e7ef;
	box-shadow: 0 -8px 18px rgba(0, 0, 0, 0.08);
	margin-top: 10px !important;
}

@media screen and (max-width: 700px) {
	.swal2-content .calendar-event-order .event-title-section figure.image img {
		max-height: 46vh;
	}
	.swal2-content .calendar-event-order .btn-events button,
	.swal2-content .calendar-event-order .event-move-stat {
		flex: 1 1 calc(50% - 4px);
		min-width: 0;
	}
	.swal2-content .calendar-event-order .client-file-lists.activity-calendar-project-file {
		grid-template-columns: minmax(0, 1fr);
	}
	.swal2-content .calendar-event-order span.btn.refresh-activity-proof {
		grid-column: 1;
		grid-row: auto;
		width: 100%;
		height: auto;
		border-radius: 9px;
	}
}

/* Calendar Event Modal V2 */
.swal2-popup.calendar-event-modal {
	width: min(1220px, 96vw) !important;
	max-width: 96vw !important;
	padding: 12px !important;
}

.swal2-popup.calendar-event-modal #swal2-content {
	max-height: 90vh !important;
	overflow-y: auto !important;
	padding: 4px 4px 88px;
}

.swal2-popup.calendar-event-modal #swal2-content .calendar-event-order .btn-events.action-events,
.swal2-popup.calendar-event-modal .swal2-content .calendar-event-order .btn-events.action-events {
	position: fixed !important;
	left: 50%;
	transform: translateX(-50%);
	bottom: 12px;
	z-index: 1105;
	width: min(96vw, 1180px);
	box-sizing: border-box;
	background: #ffffff;
	padding: 10px;
	border: 1px solid #d9e1ec;
	border-radius: 13px;
	box-shadow: 0 14px 32px rgba(0, 0, 0, 0.2);
	margin: 0 !important;
	justify-content: center;
}

.swal2-content .calendar-event-order {
	padding: 8px 8px 10px;
}

.swal2-content .calendar-event-order .event-title-section.compact-layout {
	grid-template-columns: minmax(0, 1.45fr) minmax(340px, 0.95fr);
	gap: 10px;
	align-items: start;
}

.swal2-content .calendar-event-order .event-image-stage {
	grid-column: 1;
	grid-row: 1 / span 2;
	position: relative;
	display: block;
	align-self: start;
	overflow: hidden;
	margin: 0 !important;
}

.swal2-content .calendar-event-order.event-in-progress .event-image-stage {
	border: 2px solid #2f6fff;
	border-radius: 14px;
	box-shadow: 0 0 0 3px rgba(47, 111, 255, 0.15), 0 10px 24px rgba(23, 73, 180, 0.18);
	background: linear-gradient(180deg, rgba(47, 111, 255, 0.08), rgba(17, 185, 255, 0.05));
	padding: 4px;
}

.swal2-content .calendar-event-order.event-in-progress .event-title-section figure.image {
	border: 1px solid rgba(47, 111, 255, 0.35);
}

.swal2-content .calendar-event-order .calendar-event-progress-pill {
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 5;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 6px 10px;
	border-radius: 999px;
	border: 1px solid rgba(255,255,255,0.2);
	background: rgba(17, 75, 196, 0.86);
	color: #fff;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.02em;
	box-shadow: 0 8px 18px rgba(9, 28, 78, 0.28);
	pointer-events: none;
}

.swal2-content .calendar-event-order .calendar-event-progress-pill::before {
	content: '';
	width: 7px;
	height: 7px;
	border-radius: 999px;
	background: #7ef9ff;
	box-shadow: 0 0 0 4px rgba(126, 249, 255, 0.18);
}

.swal2-content .calendar-event-order .calendar-proof-not-approved-badge {
	position: absolute;
	inset: 0;
	z-index: 3;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 18px;
	background: rgba(127, 29, 29, 0.72);
	color: #fff;
	font-size: clamp(22px, 4vw, 54px);
	font-weight: 900;
	letter-spacing: 0.08em;
	line-height: 1.05;
	text-align: center;
	text-transform: uppercase;
	text-shadow: 0 3px 10px rgba(0, 0, 0, 0.38);
	pointer-events: none;
}

.swal2-content .calendar-event-order .event-note-wrap {
	grid-column: 2;
	grid-row: 2;
	background: #f8fafd;
	border: 1px solid #e3e8f1;
	border-radius: 12px;
	padding: 14px 16px 16px;
}

.swal2-content .calendar-event-order .event-note-wrap:empty {
	display: none;
}

.swal2-content .calendar-complete-flag-row {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	align-items: center;
}

.swal2-content .calendar-item-note-panel {
	width: 100%;
}

.swal2-content .calendar-item-note-toggle {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	padding: 10px 12px;
	border-radius: 10px;
	border: 1px solid #dbe3ef;
	background: #f7fafe;
	color: #20304d;
	font-weight: 700;
	text-align: left;
	box-shadow: none !important;
}

.swal2-content .calendar-item-note-toggle:hover {
	background: #eef4ff;
	border-color: #c7d7f3;
}

.swal2-content .calendar-item-note-toggle:focus {
	outline: 0;
	box-shadow: 0 0 0 3px rgba(64, 122, 255, 0.18) !important;
}

.swal2-content .calendar-item-note-toggle-text {
	font-size: 13px;
	line-height: 1.2;
}

.swal2-content .calendar-item-note-toggle-arrow {
	width: 10px;
	height: 10px;
	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	transform: rotate(45deg);
	transition: transform 140ms ease;
	flex: 0 0 auto;
	margin-right: 2px;
}

.swal2-content .calendar-item-note-toggle.calendar-item-note-open .calendar-item-note-toggle-arrow {
	transform: rotate(-135deg);
}

.swal2-content .calendar-item-note-field {
	display: none;
}

.swal2-content .calendar-item-note-field.calendar-item-note-open {
	display: block;
}

.swal2-content .calendar-item-note-field .confirm-item-note {
	margin-top: 8px !important;
}

.swal2-content .calendar-complete-flag-row .calendar-complete-flag {
	padding-right: 0 !important;
}

.swal2-content .calendar-complete-flag-row .calendar-complete-flag input[type="checkbox"] {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}

.swal2-content .calendar-complete-flag-row .calendar-complete-flag-label {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 34px;
	padding: 6px 12px;
	margin: 0 !important;
	border-radius: 999px;
	border: 1px solid #d4dbe7;
	background: #f4f7fb;
	color: #3c4658;
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
	cursor: pointer;
	user-select: none;
	transition: transform 120ms ease, box-shadow 120ms ease, background-color 120ms ease, border-color 120ms ease, color 120ms ease;
}

.swal2-content .calendar-complete-flag-row .calendar-complete-flag-label:hover {
	transform: translateY(-1px);
	box-shadow: 0 6px 14px rgba(17, 27, 48, 0.08);
}

.swal2-content .calendar-complete-flag-row .calendar-complete-flag input[type="checkbox"]:focus + .calendar-complete-flag-label,
.swal2-content .calendar-complete-flag-row .calendar-complete-flag input[type="checkbox"]:focus-visible + .calendar-complete-flag-label {
	outline: 0;
	box-shadow: 0 0 0 3px rgba(64, 122, 255, 0.2);
}

.swal2-content .calendar-complete-flag-row .duffs-flag .calendar-complete-flag-label {
	background: #fff6eb;
	border-color: #ffd6a1;
	color: #a45300;
}

.swal2-content .calendar-complete-flag-row .duffs-flag input[type="checkbox"]:checked + .calendar-complete-flag-label {
	background: #f59e0b;
	border-color: #f59e0b;
	color: #fff;
	box-shadow: 0 8px 16px rgba(245, 158, 11, 0.28);
}

.swal2-content .calendar-complete-flag-row .fedex-flag .calendar-complete-flag-label {
	background: #eef4ff;
	border-color: #bdd2ff;
	color: #1c4ccf;
}

.swal2-content .calendar-complete-flag-row .fedex-flag input[type="checkbox"]:checked + .calendar-complete-flag-label {
	background: #2563eb;
	border-color: #2563eb;
	color: #fff;
	box-shadow: 0 8px 16px rgba(37, 99, 235, 0.26);
}

.swal2-content .calendar-complete-flag-row .sample-flag .calendar-complete-flag-label {
	background: #ecfff2;
	border-color: #b8efca;
	color: #1f8a45;
}

.swal2-content .calendar-complete-flag-row .sample-flag input[type="checkbox"]:checked + .calendar-complete-flag-label {
	background: #16a34a;
	border-color: #16a34a;
	color: #fff;
	box-shadow: 0 8px 16px rgba(22, 163, 74, 0.24);
}

.swal2-content .calendar-event-order .event-main-content {
	grid-column: 2;
	grid-row: 1;
	margin: 0 !important;
	padding: 17px 26px !important;
}

.swal2-content .calendar-event-order .event-order-meta {
	grid-column: 1 / -1;
	grid-row: 3;
	margin: 0 !important;
}

.swal2-content .calendar-event-order .event-files-wrap {
	grid-column: 1 / -1;
	grid-row: 4;
	margin: 0 !important;
}

.swal2-content .calendar-event-order .event-title-section figure.image {
	border-radius: 14px;
}

.swal2-content .calendar-event-order .event-title-section figure.image img {
	max-height: min(44vh, 460px);
	background: #f1f4f8;
}

.swal2-content .calendar-event-order .event-image-stage .activity-calendar-slider {
	display: block;
	margin-bottom: 0 !important;
}

.swal2-content .calendar-event-order .event-image-stage .bx-wrapper {
	margin-top: 0;
	margin-bottom: 0;
}

.swal2-content .calendar-event-order .event-image-stage .bx-viewport {
	max-height: min(44vh, 460px);
	overflow: hidden !important;
}

.swal2-content .calendar-event-order .event-image-stage .bxslider li {
	display: block;
}

.swal2-content .calendar-event-order .event-image-stage .bxslider li img {
	display: block;
	width: 100%;
	height: auto;
	max-height: min(44vh, 460px);
	object-fit: contain;
	margin: 0 auto;
	touch-action: manipulation;
	-webkit-user-select: none;
	user-select: none;
}

.swal2-content .calendar-event-order .activity-calendar-slider #bx-pager a,
.swal2-content .calendar-event-order .activity-calendar-slider #bx-pager a img {
	pointer-events: auto !important;
	touch-action: manipulation;
}

.swal2-content .calendar-event-order .event-main-head {
	display: flex;
	gap: 10px;
	align-items: flex-start;
	justify-content: space-between;
}

.swal2-content .calendar-event-order .event-main-head-title {
	flex: 1 1 auto;
	min-width: 0;
}

.swal2-content .calendar-event-order .event-main-statuses.event-main-statuses-inline {
	flex: 0 0 auto;
	margin: 0;
	padding: 0;
	border-top: 0;
	display: inline-flex;
	align-items: flex-start;
	gap: 5px;
	max-width: 52%;
	justify-content: flex-end;
}

.swal2-content .calendar-event-order .event-main-statuses.event-main-statuses-inline .col-12 {
	width: auto;
	padding: 0;
	margin: 0;
}

.swal2-content .calendar-event-order .event-main-statuses.event-main-statuses-inline .status-btn {
	padding: 3px 8px !important;
	font-size: 10px;
	line-height: 1.25;
	border-radius: 999px;
	margin: 0 !important;
	white-space: nowrap;
}

.swal2-content .calendar-event-order .event-main-statuses.event-main-statuses-inline .status-btn.due-date-label {
	top: 0;
	width: auto;
	max-width: 100%;
}
.swal2-content .calendar-event-order .event-main-statuses.event-main-statuses-inline .status-btn.due-date-label.status-flexible {
	background: #8f98a8;
	color: #fff;
}
.swal2-content .calendar-event-order .event-main-statuses.event-main-statuses-inline .status-btn.due-date-label.status-preferred {
	background: #3f7fe8;
	color: #fff;
}
.swal2-content .calendar-event-order .event-main-statuses.event-main-statuses-inline .status-btn.due-date-label.status-important {
	background: #e7b733;
	color: #1f3658;
}
.swal2-content .calendar-event-order .event-main-statuses.event-main-statuses-inline .status-btn.due-date-label.status-time-sensitive {
	background: #f28a2c;
	color: #fff;
}
.swal2-content .calendar-event-order .event-main-statuses.event-main-statuses-inline .status-btn.due-date-label.status-critical {
	background: #df4a4a;
	color: #fff;
	animation: threadDueDateCriticalFlash 1.05s ease-in-out infinite;
}
.swal2-content .calendar-event-order .event-main-statuses.event-main-statuses-inline .status-btn.due-date-label.status-extremely-critical {
	background: #7d1d1d;
	color: #fff;
	animation: threadDueDateExtremePulse 1.35s ease-in-out infinite;
}

.calendar-start-note-popup {
	text-align: left;
}
.calendar-start-note-title {
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #6b7a90;
	margin-bottom: 10px;
}
.calendar-start-note-text {
	padding: 12px 14px;
	border-radius: 12px;
	background: #f5f8fc;
	border: 1px solid #dbe3ef;
	color: #1f3658;
	font-size: 15px;
	line-height: 1.5;
	font-weight: 700;
}
.calendar-start-note-hex-wrap {
	margin-top: 14px;
}
.calendar-start-note-hex-title {
	font-size: 12px;
	font-weight: 800;
	color: #6b7a90;
	margin-bottom: 8px;
}
.calendar-start-note-hex-list {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
}
.calendar-start-note-hex-chip {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 10px 8px;
	min-width: 92px;
	border-radius: 18px;
	background: #eef4fb;
	border: 1px solid #d7e1ee;
	color: #17314f;
	font-size: 12px;
	font-weight: 800;
}
.calendar-start-note-hex-chip.is-missing-hex {
	border-style: dashed;
	background: #f7f9fc;
}
.calendar-start-note-hex-swatch {
	width: 54px;
	height: 54px;
	border-radius: 16px;
	border: 2px solid rgba(255, 255, 255, 0.9);
	box-shadow: 0 8px 18px rgba(15, 23, 42, 0.14);
	flex: 0 0 54px;
}
.calendar-start-note-hex-code {
	display: inline-block;
	line-height: 1;
	letter-spacing: 0.04em;
}
.calendar-start-note-hex-status {
	margin-top: -4px;
	color: #8b97a8;
	font-size: 9px;
	line-height: 1;
	text-transform: uppercase;
	letter-spacing: 0.08em;
}

.swal2-content .calendar-event-order .event-order-meta .proof-invoice-item-lists {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
	gap: 8px;
	margin-top: 0;
	width: 100%;
}

.swal2-content .calendar-event-order .event-order-meta .proof-invoice-item-lists span.item-lists {
	margin: 0 !important;
	padding: 20px 22px !important;
	border-radius: 10px;
	min-height: 0;
}

.swal2-content .calendar-event-order .event-order-meta .proof-invoice-item-lists span.item-lists strong {
	font-size: 12px;
	line-height: 1.2;
}

.swal2-content .calendar-event-order .event-order-meta .proof-invoice-item-lists span.item-lists span {
	font-size: 12px;
	line-height: 1.35;
}

.swal2-content .calendar-event-order .event-note-queue {
	margin-top: 8px;
	border-top: 1px solid #dfe5ef;
	padding-top: 10px;
}

.swal2-content .calendar-event-order .event-queue-move {
	display: flex;
	flex-wrap: nowrap;
	gap: 6px;
	justify-content: flex-start;
	overflow-x: auto;
	padding-bottom: 2px;
}

.swal2-content .calendar-event-order .event-queue-move .event-move-stat {
	flex: 0 0 auto;
	min-width: 92px;
	padding: 6px 10px;
	border-radius: 999px;
	border: 0;
	background: #5a61bb;
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	text-align: center;
	white-space: nowrap;
}

.swal2-content .calendar-event-order .event-queue-date {
	margin-top: 10px;
	background: #d92335;
	color: #fff;
	text-align: center;
	padding: 6px 10px;
	border-radius: 0;
	font-size: 17px;
	font-weight: 800;
}

.swal2-content .calendar-event-order .event-queue-time {
	text-align: center;
	padding-top: 8px;
	color: #515b6c;
	font-size: 17px;
	font-weight: 800;
}

.swal2-content .calendar-event-order .event-queue-complete {
	text-align: center;
	padding-top: 6px;
	color: #4d586a;
	font-size: 14px;
	font-weight: 700;
}

.swal2-content .calendar-event-order .event-queue-countdown {
	margin-top: 8px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 3px;
	padding: 8px 10px;
	border-radius: 10px;
	background: #e8f1ff;
	border: 1px solid #c7dcff;
}

.swal2-content .calendar-event-order .event-queue-countdown .calendar-event-countdown-label {
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	color: #c62828;
}

.swal2-content .calendar-event-order .event-queue-countdown .calendar-event-countdown-value {
	font-size: 15px;
	font-weight: 800;
	line-height: 1.2;
	color: #c62828;
}

.swal2-content .calendar-event-order .event-queue-countdown.is-overdue {
	background: #fff0f0;
	border-color: #f3b9b9;
}

.swal2-content .calendar-event-order .event-queue-countdown.is-time-up {
	background: #ffdede;
	border-color: #f29f9f;
}

.swal2-content .calendar-event-order .event-queue-countdown .calendar-event-countdown-value.is-overdue {
	color: #b12828;
}

.swal2-content .calendar-event-order .event-queue-countdown .calendar-event-countdown-value.is-time-up {
	color: #a31515;
}

.swal2-content .calendar-event-order .apparel-type-section-list {
	flex-wrap: wrap;
	padding: 4px;
	border-bottom: 1px solid #b6b6b6;
	margin: 10px 0;
	width: auto;
}

.swal2-content .calendar-event-order .event-main-statuses.event-main-statuses-inline .confim-company-id-model {
	display: none;
}

.swal2-content .calendar-event-order .event-main-content .confim-company-id-model {
	margin: 10px 0 0 !important;
}

.swal2-content .calendar-event-order .event-primary-actions {
	display: block;
	margin: 10px 0 0;
}

.swal2-content .calendar-event-order .event-primary-actions a.btn.view-proof {
	margin: 0;
	width: 100%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 10px 14px !important;
}

.swal2-content .calendar-event-order .calendar-event-image-expand {
	position: absolute;
	top: 10px;
	right: 10px;
	background: rgba(17, 24, 39, 0.82);
	color: #fff;
	border-radius: 999px;
	width: 34px;
	height: 34px;
	padding: 0 !important;
	font-size: 12px;
	font-weight: 700;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0;
	border: 1px solid rgba(255, 255, 255, 0.25);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.22);
	z-index: 4;
}

.swal2-content .calendar-event-order .project-file-order-index {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	border-radius: 999px;
	background: #ffffff;
	color: #ff9800;
	font-size: 12px;
	font-weight: 800;
	line-height: 1;
	flex: 0 0 24px;
}

.swal2-content .calendar-event-order .btn-events.action-events.calendar-action-docked {
	position: fixed;
	bottom: 12px;
	z-index: 1105;
	transform: none;
	box-sizing: border-box;
	background: #ffffff;
	padding: 10px;
	border: 1px solid #d9e1ec;
	border-radius: 13px;
	box-shadow: 0 14px 32px rgba(0, 0, 0, 0.2);
	margin: 0 !important;
}

.calendar-action-dock-spacer.hide {
	display: none;
}

.calendar-action-dock-spacer {
	width: 100%;
}

.calendar-image-lightbox-open {
	overflow: hidden;
}

.calendar-image-lightbox {
	position: fixed;
	inset: 0;
	z-index: 2200;
	display: flex;
	align-items: stretch;
	justify-content: stretch;
}

.calendar-image-lightbox .calendar-image-lightbox-backdrop {
	position: absolute;
	inset: 0;
	background: rgba(5, 8, 12, 0.85);
}

.calendar-image-lightbox.calendar-lightbox-in-progress .calendar-image-lightbox-backdrop {
	background: linear-gradient(180deg, rgba(12, 34, 78, 0.92), rgba(10, 19, 46, 0.9));
}

.calendar-image-lightbox .calendar-image-lightbox-dialog {
	position: relative;
	z-index: 2;
	width: 100vw;
	height: 100vh;
	background: #0f141d;
	border: 0;
	border-radius: 0;
	overflow: hidden;
	display: flex;
	flex-direction: column;
}

.calendar-image-lightbox .calendar-lightbox-btn {
	position: absolute;
	top: 12px;
	right: 12px;
	z-index: 4;
	background: rgba(12, 18, 29, 0.78);
	border: 1px solid rgba(255, 255, 255, 0.22);
	color: #f4f7fb;
	border-radius: 999px;
	padding: 8px 12px !important;
	font-size: 14px;
	font-weight: 700;
}

.calendar-image-lightbox .calendar-image-lightbox-stage {
	position: relative;
	flex: 1 1 auto;
	overflow: hidden;
	background: #0a0f16;
	padding: 22px 18px 96px;
	cursor: default;
	display: flex;
	align-items: center;
	justify-content: center;
}

.calendar-image-lightbox.calendar-lightbox-in-progress .calendar-image-lightbox-stage {
	background:
		radial-gradient(circle at top left, rgba(46, 113, 255, 0.18), transparent 48%),
		radial-gradient(circle at top right, rgba(21, 186, 255, 0.14), transparent 52%),
		#0b1326;
}

.calendar-image-lightbox .calendar-image-lightbox-image {
	display: block;
	max-width: calc(100vw - 36px);
	max-height: calc(100vh - 138px);
	width: auto;
	height: auto;
	object-fit: contain;
}

.calendar-image-lightbox.calendar-lightbox-in-progress .calendar-image-lightbox-image {
	border: 3px solid rgba(56, 129, 255, 0.95);
	border-radius: 14px;
	box-shadow: 0 0 0 5px rgba(56, 129, 255, 0.14), 0 20px 44px rgba(4, 14, 36, 0.42);
	background: rgba(12, 22, 44, 0.5);
}

.calendar-image-lightbox .calendar-lightbox-nav {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 4;
	width: 52px;
	height: 52px;
	border-radius: 999px;
	background: rgba(12, 18, 29, 0.82);
	border: 1px solid rgba(255, 255, 255, 0.2);
	color: #f4f7fb;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0 !important;
	font-size: 18px;
	font-weight: 900;
	box-shadow: 0 16px 30px rgba(0, 0, 0, 0.28);
	touch-action: manipulation;
	pointer-events: auto !important;
}

.calendar-image-lightbox .calendar-lightbox-nav.prev-lightbox-image {
	left: 18px;
}

.calendar-image-lightbox .calendar-lightbox-nav.next-lightbox-image {
	right: 18px;
}

.calendar-image-lightbox .calendar-lightbox-nav.hide {
	display: none !important;
}

.calendar-image-lightbox .calendar-lightbox-image-count {
	position: absolute;
	left: 50%;
	bottom: 18px;
	transform: translateX(-50%);
	z-index: 4;
	padding: 4px 10px;
	border-radius: 999px;
	background: rgba(12, 18, 29, 0.62);
	border: 1px solid rgba(255, 255, 255, 0.12);
	color: rgba(244, 247, 251, 0.82);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.02em;
	line-height: 1;
}

.calendar-image-lightbox .calendar-lightbox-status-row {
	position: absolute;
	top: 14px;
	left: 14px;
	right: 14px;
	z-index: 4;
	display: inline-flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
}

.calendar-image-lightbox .calendar-lightbox-progress-pill {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 7px 12px;
	border-radius: 999px;
	border: 1px solid rgba(176, 212, 255, 0.2);
	background: rgba(24, 74, 192, 0.9);
	color: #fff;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.02em;
	box-shadow: 0 12px 24px rgba(4, 13, 38, 0.34);
}

.calendar-image-lightbox .calendar-lightbox-progress-pill::before {
	content: '';
	width: 8px;
	height: 8px;
	border-radius: 999px;
	background: #7ef9ff;
	box-shadow: 0 0 0 4px rgba(126, 249, 255, 0.2);
}

.calendar-image-lightbox .calendar-lightbox-countdown {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 7px 10px;
	border-radius: 999px;
	border: 1px solid rgba(172, 209, 255, 0.28);
	background: rgba(13, 44, 109, 0.85);
	color: #e7f2ff;
	box-shadow: 0 10px 24px rgba(4, 13, 38, 0.3);
}

.calendar-image-lightbox .calendar-lightbox-countdown .calendar-event-countdown-label {
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	line-height: 1.1;
	color: #ff8d8d;
}

.calendar-image-lightbox .calendar-lightbox-countdown .calendar-event-countdown-value {
	font-size: 13px;
	font-weight: 800;
	line-height: 1.1;
	color: #ff5c5c;
}

.calendar-image-lightbox .calendar-lightbox-countdown.is-overdue {
	background: rgba(112, 22, 22, 0.88);
	border-color: rgba(255, 167, 167, 0.36);
	color: #ffe6e6;
}

.calendar-image-lightbox .calendar-lightbox-countdown.is-time-up {
	background: rgba(120, 18, 18, 0.92);
	border-color: rgba(255, 120, 120, 0.45);
	color: #ffd4d4;
}

.calendar-image-lightbox .calendar-image-lightbox-actions {
	position: fixed;
	left: 50%;
	transform: translateX(-50%);
	bottom: 14px;
	z-index: 4;
	display: inline-flex;
	gap: 10px;
	background: rgba(12, 18, 29, 0.85);
	border: 1px solid rgba(255, 255, 255, 0.16);
	border-radius: 14px;
	padding: 10px 12px;
}

.calendar-image-lightbox .calendar-image-lightbox-actions .calendar-lightbox-action {
	min-width: 120px;
	padding: 10px 16px !important;
	border-radius: 999px;
	font-weight: 800;
	font-size: 14px;
	border: 0;
}

.calendar-image-lightbox .calendar-image-lightbox-actions .start-action {
	background: #1e40ff;
	color: #fff;
}

.calendar-image-lightbox .calendar-image-lightbox-actions .complete-action {
	background: #2f8bd1;
	color: #fff;
}

@media screen and (max-width: 960px) {
	.swal2-content .calendar-event-order .event-title-section.compact-layout {
		grid-template-columns: minmax(0, 1fr);
	}
	.swal2-content .calendar-event-order .event-image-stage,
	.swal2-content .calendar-event-order .event-main-content,
	.swal2-content .calendar-event-order .event-order-meta,
	.swal2-content .calendar-event-order .event-files-wrap,
	.swal2-content .calendar-event-order .event-note-wrap {
		grid-column: 1;
		grid-row: auto;
	}
	.swal2-content .calendar-event-order .event-main-statuses.event-main-statuses-inline {
		max-width: 100%;
		flex-wrap: wrap;
		justify-content: flex-start;
		margin-top: 6px;
	}
	.swal2-content .calendar-event-order .event-main-head {
		flex-direction: column;
	}
	.swal2-content .calendar-event-order .event-order-meta .proof-invoice-item-lists {
		grid-template-columns: minmax(0, 1fr);
	}
	.swal2-content .calendar-event-order .event-queue-move .event-move-stat {
		min-width: 84px;
		padding: 6px 9px;
		font-size: 10px;
	}
	.swal2-content .calendar-event-order .event-primary-actions {
		margin-top: 8px;
	}
	.swal2-content .calendar-complete-flag-row {
		gap: 6px;
	}
	.swal2-content .calendar-item-note-toggle {
		padding: 9px 10px;
	}
	.swal2-content .calendar-item-note-toggle-text {
		font-size: 12px;
	}
	.swal2-content .calendar-complete-flag-row .calendar-complete-flag-label {
		min-height: 32px;
		padding: 6px 10px;
		font-size: 11px;
	}
}

@media screen and (max-width: 700px) {
	.swal2-popup.calendar-event-modal {
		width: 98vw !important;
		max-width: 98vw !important;
		padding: 8px !important;
	}
	.swal2-content .calendar-event-order .event-title-section figure.image img {
		max-height: min(36vh, 360px);
	}
	.swal2-content .calendar-event-order .event-image-stage .bx-viewport,
	.swal2-content .calendar-event-order .event-image-stage .bxslider li img {
		max-height: min(36vh, 360px);
	}
		.swal2-content .calendar-event-order .calendar-event-image-expand {
			position: absolute;
			top: 8px;
			right: 8px;
			width: 32px;
			height: 32px;
			font-size: 11px;
			padding: 0 !important;
		}
	.calendar-image-lightbox .calendar-image-lightbox-stage {
		padding: 14px 10px 90px;
	}
	.calendar-image-lightbox .calendar-image-lightbox-image {
		max-width: calc(100vw - 20px);
		max-height: calc(100vh - 130px);
	}
	.calendar-image-lightbox .calendar-image-lightbox-actions {
		width: calc(100vw - 20px);
		justify-content: center;
	}
	.calendar-image-lightbox .calendar-image-lightbox-actions .calendar-lightbox-action {
		flex: 1 1 0;
		min-width: 0;
	}
	.swal2-content .calendar-event-order .btn-events.action-events.calendar-action-docked {
		left: 8px !important;
		width: calc(100vw - 16px) !important;
		bottom: 8px;
	}
	.swal2-popup.calendar-event-modal .swal2-content .calendar-event-order .btn-events.action-events {
		left: 8px;
		transform: none;
		width: calc(100vw - 16px);
		bottom: 8px;
	}
	.swal2-popup.calendar-event-modal #swal2-content .calendar-event-order .btn-events.action-events {
		left: 8px;
		transform: none;
		width: calc(100vw - 16px);
		bottom: 8px;
	}
}

body.proof-theme-dark .swal2-content .calendar-event-order .event-main-content {
	background: #1a202b;
	border-color: #2b3342;
}

body.proof-theme-dark .swal2-content .calendar-event-order .event-title-section figure.image {
	background: #10161f;
	border-color: #2b3342;
}

body.proof-theme-dark .swal2-content .calendar-event-order .event-title-section figure.image img {
	background: #141b25;
}

body.proof-theme-dark .swal2-content .calendar-event-order .btn-events.action-events.calendar-action-docked {
	background: #111827;
	border-color: #334159;
}

body.proof-theme-dark .swal2-content .calendar-event-order .calendar-event-image-expand {
	background: rgba(8, 12, 18, 0.86);
	border-color: rgba(210, 220, 237, 0.25);
	color: #d2dced;
}

body.proof-theme-dark .swal2-content .calendar-event-order .event-note-wrap {
	background: #1a202b;
	border-color: #2b3342;
}

body.proof-theme-dark .swal2-content .calendar-event-order .event-note-queue {
	border-top-color: #2f394b;
}

body.proof-theme-dark .swal2-content .calendar-event-order .event-queue-time {
	color: #aab4c5;
}
span.proof-comment-pin.card-comment-complete {
    visibility: hidden;
}
.proof-comment-pin[data-status="complete"] {
    background: #28cb91;
    box-shadow: 0 0 0 6px rgb(0 150 136 / 25%);
}
span.comment-complete-note {
	font-weight: bold;
	color: #28cb91;
	margin-left: 0px;
	font-style: italic;
}
span.activity-pin-indicator.completed-comment {
    background: #28cb91;
    color: #fff;
}
.red-calendar.vertical-time-calendar .red-event.vertical-event .calendar-file-dots {
    position: absolute;
    right: 5px;
    bottom: 4px;
    display: inline-flex;
    align-items: center;
    gap: 3px;
    max-width: calc(100% - 16px);
    pointer-events: none;
}
.red-calendar.vertical-time-calendar .red-event.vertical-event .calendar-file-dots .file-dot {
    width: 7px;
    height: 7px;
    border-radius: 999px;
    background: #ff9800;
    border: 1px solid rgba(255, 255, 255, 0.95);
    box-shadow: 0 0 0 1px rgba(199, 109, 2, 0.18);
}
.red-calendar.vertical-time-calendar .red-event.vertical-event .calendar-file-dots .file-dot-count {
    font-size: 9px;
    font-weight: 800;
    color: #ff9800;
    line-height: 1;
    margin-left: 1px;
}

.dropdown-item.active,
.dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #bbd5fc;
}

div#proof-add-users-tab {
    height: auto;
}

#search-proof-select-user-container .bootstrap-select .inner.show {
    height: 37vh;
}
span.btn.apply-discount {
    position: absolute;
    top: 2px;
    right: 2px;
    background: red;
    padding: 3px 10px !important;
    color: #fff;
}
.applied-code-error {
    color: red;
    font-weight: bold;
}
.applied-discount-code {
    display: flex;
    gap: 10px;
    flex-direction: column;
    margin-bottom: 10px;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    font-weight: bold;
}
.applied-discount-code div {
    background: #ddd;
    flex: 1;
    width: 100%;
    text-align: center;
    padding: 5px 25px;
}

/* Modern Order Intake Surface */
.order-intake-modern {
    --oi-bg: #ffffff;
    --oi-card: #f5f5f7;
    --oi-border: #e5e7eb;
    --oi-border-strong: #d7dde8;
    --oi-text: #111827;
    --oi-muted: #6b7280;
    --oi-shadow: 0 8px 26px rgba(17, 24, 39, 0.06);
    background: var(--oi-bg) !important;
    border-top: 1px solid #eceff3;
    border-bottom: 1px solid #eceff3;
}
.order-intake-modern .order-builder-header-row {
    margin-top: 0 !important;
    padding-top: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.order-intake-modern .col-lg-12.main.container {
    padding-top: 0 !important;
}
.order-intake-modern .order-builder-heading {
    width: 100%;
    margin: 0 0 14px !important;
    padding: 0 !important;
    text-align: center !important;
}
.order-intake-modern .order-builder-header-row .thread-apparel-type.launch-pad-lists {
    justify-content: center !important;
    align-items: stretch;
    gap: 14px;
}
.order-intake-modern .order-builder-layout {
    max-width: 1240px;
    margin-top: 0 !important;
    gap: 18px;
    overflow: visible !important;
}
.order-intake-modern .order-builder-main-col {
    flex: 1 1 auto;
    max-width: calc(100% - 338px);
}
.order-intake-modern .order-builder-side-col {
    flex: 0 0 320px;
    max-width: 320px;
    align-self: flex-start;
    position: -webkit-sticky;
    position: sticky;
    top: 17px;
    height: fit-content;
    overflow: visible !important;
}
.order-intake-modern .order-builder-layout.no-side .order-builder-main-col {
    max-width: 1040px;
}

.order-intake-modern .thread-apparel-type .img-wrapper {
    background: rgb(236 238 241 / 76%);
    border: 2px solid #d6d6d6;
    border-radius: 7px;
    box-shadow: 0 1px 0 rgba(17, 24, 39, 0.02);
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.order-intake-modern .thread-apparel-type .img-wrapper:hover,
.order-intake-modern .thread-apparel-type .img-wrapper.active {
    border-color: #c9d4e3;
    box-shadow: none;
    transform: translateY(-1px);
}
.order-intake-modern .thread-apparel-type .sub-title {
    color: #0f172a;
}

.order-intake-modern .col-lg-8.apparel-selected-item-main,
.order-intake-modern .apparel-selected-item-main.updated-embroidery-section {
    background: var(--oi-card) !important;
    border: 1px solid var(--oi-border);
    border-radius: 16px;
    box-shadow: var(--oi-shadow);
    padding: 16px 18px;
    margin-top: 0 !important;
}
.order-intake-modern .selected-apparel-type .apparel-selected-item-main {
    margin-bottom: 14px !important;
}
.order-intake-modern .selected-apparel-type .apparel-qty-container.order-qty-card {
    display: flex !important;
    margin-top: 10px !important;
    margin-bottom: 8px !important;
    background: var(--oi-card);
    border: 1px solid var(--oi-border);
    border-radius: 14px;
    box-shadow: var(--oi-shadow);
    padding: 12px 14px;
}
.order-intake-modern .selected-apparel-type .apparel-qty-container.order-qty-card .text-right.my-4 {
    margin-top: 10px !important;
    margin-bottom: 0 !important;
}
.order-intake-modern .updated-embroidery-sec-bottom {
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    padding: 0;
}
.order-intake-modern .updated-embroidery-sec-bottom .order-builder-subcard {
    background: var(--oi-card);
    border: 1px solid var(--oi-border);
    border-radius: 16px;
    box-shadow: var(--oi-shadow);
    padding: 16px 16px 14px;
    margin-bottom: 14px;
}
.order-intake-modern .updated-embroidery-sec-bottom .order-files-card {
    margin-bottom: 12px;
}
.order-intake-modern .updated-embroidery-sec-bottom .order-meta-card {
    margin-bottom: 14px;
}
.order-intake-modern .updated-embroidery-sec-bottom .order-submit-actions {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin: 10px auto 0;
}
.order-intake-modern .updated-embroidery-sec-bottom .order-submit-note {
    color: #596b86;
    margin-top: 10px !important;
    margin-bottom: 6px !important;
}
.order-intake-modern .updated-embroidery-sec-bottom .embroidery-sec-container {
    background: #fbfcfe;
    border-color: var(--oi-border-strong);
}
.order-intake-modern .updated-embroidery-sec-bottom .embroidery-sec-container .form-control,
.order-intake-modern .updated-embroidery-sec-bottom textarea.form-control.additional-comment {
    border-color: var(--oi-border);
    background: #fff;
    color: var(--oi-text);
}

.order-intake-modern .updated-embroidery-sec-bottom .file-upload-section {
    margin: 10px 0 12px !important;
    padding: 0 !important;
    display: grid;
    grid-template-columns: 170px minmax(0, 1fr);
    gap: 10px;
    align-items: stretch;
}
.order-intake-modern .updated-embroidery-sec-bottom .sticker-file-upload.thread-bg {
    width: 100%;
    min-width: 0;
    height: 58px;
    border-radius: 12px;
    font-size: 12px;
    letter-spacing: 0.01em;
    border: 1px solid #0f172a;
    background: #0f172a !important;
    color: #fff !important;
    padding: 0 14px !important;
}
.order-intake-modern .updated-embroidery-sec-bottom .thread-drag-and-drop {
    min-height: 64px;
    height: 64px;
    width: 100% !important;
    margin: 0;
    padding: 0 16px;
    border: 1.5px dashed #cfd8e3;
    border-radius: 12px;
    background: #fafbfd;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
}
.order-intake-modern .updated-embroidery-sec-bottom .thread-drag-and-drop i {
    font-size: 15px;
    color: #54657d;
}
.order-intake-modern .updated-embroidery-sec-bottom .thread-drag-title {
    font-size: 12px;
    font-weight: 600;
    color: #1f2937;
    line-height: 1;
}
.order-intake-modern .updated-embroidery-sec-bottom .thread-drag-subtitle {
    margin-left: auto;
    font-size: 11px;
    color: #6b7280;
    line-height: 1;
}
.order-intake-modern .updated-embroidery-sec-bottom .thread-drag-and-drop.is-dragging {
    border-color: #8fa9c8;
    background: #f2f7ff;
}

.order-intake-modern .selected-apparel-submit ul.list-group.mb-3 {
    background: #fff;
    border: 1px solid var(--oi-border);
    border-radius: 12px;
    padding: 8px;
}
.order-intake-modern .selected-apparel-submit .list-group-item {
    background: #fff !important;
    border: 1px solid #edf0f5;
    border-radius: 10px;
    margin-top: 8px;
}
.order-intake-modern .selected-apparel-submit .avatar {
    padding: 4px;
}
.order-intake-modern .selected-apparel-submit img.avatar-img.rounded,
.order-intake-modern .selected-apparel-submit canvas.avatar-img.rounded {
    width: 64px;
    max-height: 64px;
}
.order-intake-modern .updated-embroidery-sec-bottom .thread-file-note-wrap {
    padding-left: 54px;
}
.order-intake-modern .updated-embroidery-sec-bottom .thread-file-note-input {
    border-color: #d8e1ef;
    background: #fcfdff;
}
.order-intake-modern .sample-toggle-row {
    margin: 10px 0 0 !important;
    padding: 10px 12px;
    border: 1px solid #e6ecf5;
    border-radius: 12px;
    background: #f8fbff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}
.order-intake-modern .sample-toggle-label {
    color: #1f2937;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.2;
}
.order-intake-modern .sample-toggle-control {
    margin: 0;
}

.order-intake-modern .thread-details-sidebar {
    width: 100%;
    display: block;
    position: static !important;
    top: auto !important;
    z-index: 120;
    max-height: none;
    overflow: visible;
}
.order-intake-modern .thread-details-sidebar-card {
    background: #fff;
    border: 1px solid var(--oi-border);
    border-radius: 16px;
    box-shadow: var(--oi-shadow);
    max-width: 320px;
    width: 100%;
    position: static;
}
.order-intake-modern .thread-detail-quote-wrap {
    margin-top: 12px;
}
.order-intake-modern .thread-detail-submit-trigger {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 100% !important;
    float: none !important;
    min-height: 42px;
    border-radius: 10px;
    border: 1px solid #f59f20 !important;
    background: #f59f20 !important;
    color: #ffffff !important;
    font-weight: 800;
    text-decoration: none !important;
    font-size: 14px;
    padding: 8px 12px !important;
}
.order-intake-modern .thread-detail-submit-trigger:hover {
    background: #d88912 !important;
    border-color: #d88912 !important;
    color: #ffffff !important;
}
.order-intake-modern .thread-detail-quote-secondary {
    margin-top: 8px;
}
.order-intake-modern .thread-detail-quote-secondary .get-a-quote {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 100% !important;
    min-height: 32px;
    border-radius: 999px;
    border: 1px solid #f59f20 !important;
    background: #fff !important;
    color: #f59f20 !important;
    font-weight: 700;
    font-size: 12px;
    padding: 5px 10px !important;
    text-decoration: none !important;
}
.order-intake-modern .thread-detail-quote-secondary .get-a-quote:hover {
    background: #fff7eb !important;
    border-color: #d88912 !important;
    color: #d88912 !important;
}

.thread-admin-cost-widget {
    position: fixed;
    left: 18px;
    bottom: 18px;
    z-index: 9998;
    min-width: 218px;
    border: 1px solid #0f172a;
    border-radius: 14px;
    background: #0f172a;
    color: #ffffff;
    box-shadow: 0 18px 42px rgba(15, 23, 42, 0.28);
    padding: 10px 12px;
    display: grid;
    grid-template-columns: 1fr;
    gap: 2px;
    text-align: left;
    cursor: pointer;
}

.thread-admin-cost-widget:hover {
    background: #1d4ed8;
    border-color: #1d4ed8;
}

.thread-admin-cost-widget-label {
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    opacity: 0.82;
}

.thread-admin-cost-widget-total {
    font-size: 21px;
    font-weight: 900;
    line-height: 1.05;
}

.thread-admin-cost-widget-meta {
    font-size: 11px;
    line-height: 1.2;
    color: rgba(255,255,255,0.78);
}

.thread-admin-cost-modal-overlay {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 18px;
    background: rgba(15, 23, 42, 0.62);
}

.thread-admin-cost-shell {
    display: grid;
    grid-template-columns: minmax(0, 860px) 360px;
    gap: 16px;
    align-items: start;
    width: min(1240px, 100%);
    max-height: 92vh;
}

.thread-admin-cost-modal {
    width: 100%;
    max-height: 92vh;
    overflow: auto;
    border-radius: 18px;
    border: 1px solid #dbe3ef;
    background: #ffffff;
    color: #0f172a;
    box-shadow: 0 28px 72px rgba(15, 23, 42, 0.34);
    padding: 20px;
}

.thread-admin-cost-modal-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.thread-admin-cost-modal-head h3 {
    margin: 0;
    font-size: 22px;
    font-weight: 900;
}

.thread-admin-cost-modal-head p {
    margin: 4px 0 0;
    color: #64748b;
    font-size: 13px;
}

.thread-admin-cost-close {
    width: 34px;
    height: 34px;
    border: 1px solid #dbe3ef;
    border-radius: 999px;
    background: #ffffff;
    font-size: 24px;
    line-height: 1;
    cursor: pointer;
}

.thread-admin-cost-totals {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin: 16px 0;
}

.thread-admin-cost-totals > div {
    border: 1px solid #dbeafe;
    border-radius: 14px;
    background: #eff6ff;
    padding: 12px;
}

.thread-admin-cost-totals span,
.thread-admin-cost-field > span {
    display: block;
    margin-bottom: 5px;
    color: #64748b;
    font-size: 12px;
    font-weight: 800;
}

.thread-admin-cost-totals strong {
    font-size: 21px;
    font-weight: 900;
}

.thread-admin-cost-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.thread-admin-cost-wide {
    grid-column: span 2;
}

.thread-admin-cost-field input,
.thread-admin-cost-field select,
.thread-admin-stitch-input,
.thread-admin-custom-colors,
.thread-admin-setting {
    width: 100%;
    min-height: 40px;
    border: 1px solid #cbd5e1;
    border-radius: 10px;
    background: #fff;
    color: #0f172a;
    padding: 8px 10px;
}

.thread-admin-cost-field-note {
    display: block;
    margin-top: 4px;
    color: #64748b;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.25;
}

.thread-admin-segmented {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    overflow: hidden;
    border: 1px solid #cbd5e1;
    border-radius: 10px;
}

.thread-admin-segmented button {
    border: 0;
    background: #fff;
    color: #0f172a;
    font-weight: 800;
    min-height: 40px;
    cursor: pointer;
}

.thread-admin-segmented button.active {
    background: #2563eb;
    color: #fff;
}

.thread-admin-cost-checks {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 18px;
    margin: 14px 0;
}

.thread-admin-cost-checks label {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin: 0;
    font-size: 13px;
    font-weight: 700;
}

.thread-admin-cost-location-list {
    border-top: 1px solid #e2e8f0;
    margin-top: 14px;
    padding-top: 14px;
}

.thread-admin-cost-location-list h4 {
    margin: 0 0 10px;
    font-size: 15px;
    font-weight: 900;
}

.thread-admin-cost-location-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 140px 138px;
    gap: 10px;
    align-items: center;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 10px;
    margin-top: 8px;
}

.thread-admin-cost-location-main {
    display: grid;
    gap: 2px;
}

.thread-admin-cost-location-main span,
.thread-admin-cost-empty {
    color: #64748b;
    font-size: 12px;
}

.thread-admin-cost-location-actions {
    display: grid;
    gap: 6px;
}

.thread-admin-stitch-estimator-trigger {
    border-radius: 10px !important;
    border: 1px solid #cbd5e1 !important;
    background: #fff !important;
    color: #0f172a !important;
    font-weight: 800 !important;
}

.thread-admin-order-summary-card {
    width: 100%;
    max-height: 92vh;
    overflow: auto;
    border-radius: 18px;
    border: 1px solid #dbe3ef;
    background: #ffffff;
    color: #0f172a;
    box-shadow: 0 20px 52px rgba(15, 23, 42, 0.24);
    padding: 20px;
}

.thread-admin-order-summary-total {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    border-radius: 12px;
    background: linear-gradient(110deg, #6714a8, #4523d1);
    color: #ffffff;
    padding: 13px 14px;
}

.thread-admin-order-summary-total span {
    font-weight: 900;
}

.thread-admin-order-summary-total strong {
    font-size: 25px;
    font-weight: 900;
    line-height: 1;
}

.thread-admin-order-summary-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin: 16px 0 8px;
}

.thread-admin-order-summary-head h4 {
    margin: 0;
    font-size: 19px;
    font-weight: 900;
}

.thread-admin-summary-copy {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 32px;
    border: 1px solid #e2e8f0;
    border-radius: 9px;
    background: #ffffff;
    color: #334155;
    font-size: 12px;
    font-weight: 800;
    cursor: pointer;
}

.thread-admin-order-summary-hide {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 12px;
    font-size: 13px;
    font-weight: 800;
    color: #0f172a;
}

.thread-admin-order-summary-copy-area {
    cursor: pointer;
}

.thread-admin-order-summary-product {
    margin: 14px 0 8px;
    border-bottom: 2px solid #4a90d9;
    color: #4a90d9;
    font-size: 16px;
    font-weight: 900;
    line-height: 1.7;
}

.thread-admin-order-summary-location {
    display: grid;
    gap: 1px;
    padding: 8px 0 14px;
}

.thread-admin-order-summary-location strong {
    font-size: 15px;
    font-weight: 900;
}

.thread-admin-order-summary-location span,
.thread-admin-order-summary-empty,
.thread-admin-order-summary-note {
    color: #64748b;
    font-size: 12px;
    line-height: 1.25;
}

.thread-admin-order-summary-lines {
    border-top: 1px solid #e2e8f0;
}

.thread-admin-order-summary-lines > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    border-bottom: 1px solid #e2e8f0;
    padding: 9px 0;
    font-size: 14px;
}

.thread-admin-order-summary-lines strong {
    font-weight: 900;
}

.thread-admin-order-summary-final {
    font-size: 18px !important;
    font-weight: 900;
}

.thread-admin-order-summary-commission {
    color: #42a66a;
}

.thread-admin-order-summary-note {
    margin: 10px 0 0;
}

@media (max-width: 1080px) {
    .thread-admin-cost-modal-overlay {
        align-items: flex-start;
        overflow: auto;
    }

    .thread-admin-cost-shell {
        grid-template-columns: 1fr;
        max-height: none;
    }

    .thread-admin-cost-modal,
    .thread-admin-order-summary-card {
        max-height: none;
    }

}

@media (max-width: 720px) {
    .thread-admin-cost-widget {
        left: 12px;
        right: 12px;
        bottom: 12px;
    }

    .thread-admin-cost-totals,
    .thread-admin-cost-grid,
    .thread-admin-cost-location-row {
        grid-template-columns: 1fr;
    }

    .thread-admin-cost-wide {
        grid-column: span 1;
    }

}
.order-intake-modern .thread-detail-row {
    position: relative;
    padding-left: 20px;
}
.order-intake-modern .thread-detail-row::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 12px;
    height: 12px;
    border-radius: 999px;
    border: 1px solid #c6d4e8;
    background: #ffffff;
    transform: translateY(-50%);
}
.order-intake-modern .thread-detail-row.is-complete::before {
    content: "\2713";
    border-color: #16a34a;
    background: #16a34a;
    color: #ffffff;
    font-size: 9px;
    font-weight: 800;
    line-height: 12px;
    text-align: center;
}
.order-intake-modern .reopen-order-details {
    top: 10px;
    right: 20px;
    border-color: #c7d3e2;
    color: #1f3658;
    background: #ffffff;
    box-shadow: 0 8px 20px rgba(17, 24, 39, 0.09);
}
.order-intake-modern .thread-details-title {
    font-size: 17px;
    font-weight: 800;
    color: #0f172a;
    margin-bottom: 0;
}
.order-intake-modern .thread-detail-label {
    color: #6b7280;
}
.order-intake-modern .thread-detail-value {
    color: #0f172a;
}
.order-intake-modern .thread-detail-selected-list,
.order-intake-modern .thread-detail-comment {
    background: #f8fafc;
    border-color: #e6ecf5;
}

.order-intake-modern .updated-embroidery-sec-bottom .thread-submit {
    min-width: 320px;
    max-width: 380px;
    border-radius: 999px;
    font-weight: 800;
    font-size: 15px;
    padding: 12px 20px !important;
    margin: 0 !important;
}
.order-intake-modern .updated-embroidery-sec-bottom .thread-order-save {
    min-width: 150px;
    border-radius: 999px !important;
    margin: 0 !important;
    padding: 7px 14px !important;
    font-size: 12px;
}
.order-intake-modern .order-builder-layout .apparel-variation-button-container .add-apparel-variation {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    border-radius: 999px !important;
    width: auto !important;
    min-width: 170px;
    height: 34px;
    padding: 0 14px !important;
    border: 1px solid #1f3658 !important;
    background: #ffffff !important;
    color: #1f3658 !important;
    font-size: 12px;
    font-weight: 700;
    box-shadow: none !important;
}
.order-intake-modern .order-builder-layout .apparel-variation-button-container {
    justify-content: flex-end !important;
    margin-top: 4px !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
}
.order-intake-modern .apparel-qty-container .text-right.my-4 {
    display: flex;
    justify-content: center;
    margin-top: 10px !important;
    margin-bottom: 0 !important;
}
.order-intake-modern .location-section .apparel-add-location-trigger,
.order-intake-modern .apparel-qty-container .apparel-variation-trigger {
    display: flex !important;
    align-items: center;
    justify-content: center;
    position: relative;
    border-radius: 999px !important;
    width: auto !important;
    min-width: 190px;
    height: 26px;
    padding: 0 16px !important;
    border: 2px solid #c9d2e1 !important;
    background: #e0e4ea !important;
    color: #1f3658 !important;
    font-size: 12px;
    font-weight: 700;
    box-shadow: none !important;
    margin: 34px auto 0 !important;
    max-height: 36px;
}
.order-intake-modern .location-section .apparel-add-location-trigger::before,
.order-intake-modern .location-section .apparel-add-location-trigger::after,
.order-intake-modern .apparel-qty-container .apparel-variation-trigger::before,
.order-intake-modern .apparel-qty-container .apparel-variation-trigger::after {
    content: "";
    position: absolute;
    top: 51%;
    width: clamp(174px, 24vw, 481px);
    border-top: 1px solid #9eb2cf;
    transform: translateY(-50%);
}
.order-intake-modern .location-section .apparel-add-location-trigger::before,
.order-intake-modern .apparel-qty-container .apparel-variation-trigger::before {
    right: 100%;
    margin-right: 14px;
}
.order-intake-modern .location-section .apparel-add-location-trigger::after,
.order-intake-modern .apparel-qty-container .apparel-variation-trigger::after {
    left: 100%;
    margin-left: 14px;
}
.order-intake-modern .location-section .apparel-add-location-trigger {
    flex: 0 0 100%;
    align-self: center;
    min-width: 132px;
    padding: 0 12px !important;
    max-width: 116px;
}
.order-intake-modern .col-lg-8.apparel-selected-item-main,
.order-intake-modern .apparel-selected-item-main.updated-embroidery-section {
    background: #ffffff !important;
    border-top: 1px solid var(--oi-border);
    border-radius: 0;
    box-shadow: none;
    padding: 16px 18px;
    margin-top: 0 !important;
}
.order-intake-modern .embroidery-sec-container {
    padding: 21px 15px;
    background: #f2f2f3;
    border-radius: 15px;
    margin: 10px 0;
    overflow: visible;
}
.order-intake-modern .thread-details-sidebar-card {
    background: #f2f2f3;
    border: 1px solid var(--oi-border);
    border-radius: 16px;
    box-shadow: var(--oi-shadow);
    max-width: 320px;
    width: 100%;
    position: static;
}
.order-intake-modern .thread-detail-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    padding: 6px 0 6px 20px;
    border-bottom: 1px solid #ececec;
}
.order-intake-modern .location-section span.btn.remove-apparel-location-section {
    left: -8px;
    right: unset;
    top: 50%;
    padding: 0;
    height: 23px;
    width: 22px;
}
.order-intake-modern .location-section .threadkicker-size-changes {
    display: none !important;
}
.order-intake-modern .location-section .location-card-container:first-child {
    flex: 0 0 280px;
    max-width: 280px;
}
.order-intake-modern .location-section .location-card-container.measurement-container {
    flex: 0 0 280px;
    max-width: 280px;
}
.order-intake-modern .location-section .size-gated-field.hide {
    display: none !important;
}

@media (max-width: 1199px) {
    .order-intake-modern .order-builder-main-col {
        max-width: calc(100% - 320px);
    }
    .order-intake-modern .order-builder-side-col {
        flex: 0 0 302px;
        max-width: 302px;
        top: 17px;
    }
}

@media (max-width: 991px) {
    .order-intake-modern .order-builder-layout {
        gap: 0;
    }
    .order-intake-modern .order-builder-main-col {
        max-width: 100%;
    }
    .order-intake-modern .updated-embroidery-sec-bottom .file-upload-section {
        grid-template-columns: 1fr;
    }
    .order-intake-modern .updated-embroidery-sec-bottom .thread-drag-and-drop {
        height: auto;
        min-height: 50px;
        padding: 10px 14px;
        flex-wrap: wrap;
    }
    .order-intake-modern .updated-embroidery-sec-bottom .thread-drag-subtitle {
        margin-left: 0;
    }
    .order-intake-modern .updated-embroidery-sec-bottom .thread-submit {
        min-width: 100%;
        max-width: 100%;
    }
    .order-intake-modern .updated-embroidery-sec-bottom .thread-order-save {
        min-width: 100%;
    }
    .order-intake-modern .location-section .location-card-container:first-child,
    .order-intake-modern .location-section .location-card-container.measurement-container {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

.thread-color-modal-popup {
    width: 775px !important;
    max-width: 775px !important;
    padding: 24px 28px !important;
    border-radius: 16px !important;
}
.thread-color-modal-popup .swal2-content {
    padding: 0 !important;
}
.thread-color-modal-popup .swal2-close {
    right: 14px !important;
    top: 10px !important;
    width: 32px;
    height: 32px;
    border-radius: 999px;
    border: 1px solid #dbe3ef;
    color: #5b6d87 !important;
    background: #f8fbff !important;
    font-size: 24px !important;
    line-height: 1 !important;
}
.thread-color-modal-popup .model-tops-brand {
    padding-top: 8px;
}
@media (max-width: 767px) {
    .thread-color-modal-popup {
        width: 98% !important;
        max-width: 98% !important;
        padding: 16px 12px !important;
    }
}

/* Order intake polish overrides */
span.size-section-edit.btn, .btn.sp-size-section-edit {
    font-size: 22px;
    background: #e5e5e5;
    height: 43px;
    padding: 9px 11px 18px !important;
}
.embroidery-sec-container .apparel-qty-size-container-list ul.custom-form-quantity-val.error-field {
    border-bottom: 2px solid red !important;
    margin: 0px;
    padding: 33px 33px !important;
    margin: auto;
    text-align: center;
}
.main-section .col-lg-12.main.container {
    background-image: none !important;
    padding: 0 !important;
}
.order-intake-modern .selected-apparel-type .apparel-qty-container.order-qty-card {
    display: flex !important;
    margin-top: 10px !important;
    margin-bottom: 8px !important;
    background: #f3f3f3;
    border: 1px solid var(--oi-border);
    border-radius: 14px;
    box-shadow: var(--oi-shadow);
    padding: 12px 14px;
}
.order-intake-modern .updated-embroidery-sec-bottom .order-builder-subcard {
    background: #f3f3f3;
    border: 1px solid var(--oi-border);
    border-radius: 16px;
    box-shadow: var(--oi-shadow);
    padding: 30px 46px 36px;
    margin-bottom: 29px !important;
}
.order-intake-modern .col-lg-8.apparel-selected-item-main,
.order-intake-modern .apparel-selected-item-main.updated-embroidery-section {
    background: var(--oi-card) !important;
    border-top: 1px solid var(--oi-border);
    border-radius: 16px;
    box-shadow: var(--oi-shadow);
    padding: 16px 18px;
    margin-top: 0 !important;
}
.order-intake-modern .order-builder-side-col {
    flex: 0 0 320px;
    max-width: 320px;
    align-self: flex-start;
    position: -webkit-sticky;
    position: sticky;
    top: 26px;
    height: fit-content;
    overflow: visible !important;
    margin-top: 7px;
}
.order-intake-modern .updated-embroidery-sec-bottom .embroidery-sec-container {
    background: #f3f3f3;
    border-color: #eeeeee;
}
.updated-embroidery-sec-bottom .embroidery-sec-container {
    border: none;
    border-radius: 16px;
    padding: 0;
}

/* Upload area with embedded action button */
.order-intake-modern .updated-embroidery-sec-bottom .file-upload-section {
    display: block;
    width: 100%;
    margin: 10px 0 12px !important;
    padding: 0 !important;
}
.order-intake-modern .updated-embroidery-sec-bottom .thread-drag-and-drop {
    width: 100% !important;
    min-height: 130px;
    padding: 18px 20px;
    border: 1.5px dashed #c6d0dc;
    border-radius: 14px;
    background: linear-gradient(180deg, #fafbfd 0%, #f4f7fa 100%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    text-align: center;
}
.order-intake-modern .updated-embroidery-sec-bottom .thread-drag-and-drop i {
    font-size: 20px;
    color: #4f647f;
}
.order-intake-modern .updated-embroidery-sec-bottom .thread-drag-title {
    font-size: 13px;
    font-weight: 700;
    color: #22324a;
}
.order-intake-modern .updated-embroidery-sec-bottom .thread-drag-subtitle {
    margin: 0;
    font-size: 11px;
    color: #70839c;
}
.order-intake-modern .updated-embroidery-sec-bottom .thread-drop-upload-btn {
    min-width: 146px;
    height: 34px;
    border-radius: 999px;
    border: 1px solid #13284b;
    background: #13284b !important;
    color: #ffffff !important;
    font-size: 12px;
    font-weight: 700;
    padding: 0 16px !important;
}
.order-intake-modern .updated-embroidery-sec-bottom .thread-drag-and-drop.is-dragging {
    border-color: #89a3c5;
    background: #edf4ff;
}

/* Sample photo yes/no toggle */
.order-intake-modern .sample-toggle-row {
    margin: 10px 0 0 !important;
    padding: 10px 12px;
    border: 1px solid #e1e6ee;
    border-radius: 12px;
    background: #f5f6f8;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}
.order-intake-modern .sample-toggle-label {
    color: #25364d;
    font-size: 12px;
    font-weight: 700;
}
.order-intake-modern .sample-toggle-control {
    margin-left: auto !important;
    min-width: 88px;
}

/* Order details quote link + duff note */
.order-intake-modern .thread-detail-quote-secondary .get-a-quote {
    background: transparent !important;
    border: 0 !important;
    color: #71809a !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    min-height: 0;
    padding: 0 !important;
    text-decoration: underline !important;
}
.order-intake-modern .thread-detail-quote-secondary .get-a-quote:hover {
    background: transparent !important;
    border: 0 !important;
    color: #2e4668 !important;
}
.order-intake-modern .thread-detail-duff-note {
    margin-top: 8px;
    font-size: 9px;
    line-height: 1.25;
    color: #7f8ba0;
}
.order-intake-modern .thread-detail-duff-note .thread-duff-info-trigger,
.thread-detail-duff-note .thread-duff-info-trigger {
    display: inline;
    padding: 0 !important;
    margin: 0 0 0 4px;
    border: 0 !important;
    background: transparent !important;
    color: #506a91 !important;
    font-size: inherit !important;
    font-weight: 700 !important;
    text-decoration: underline !important;
    vertical-align: baseline;
    min-height: 0;
}
.thread-duff-rate-modal-copy {
    text-align: left;
    font-size: 14px;
    line-height: 1.55;
    padding: 26px 26px 28px;
    font-weight: 600;
}
.thread-duff-rate-modal-image-wrap {
    display: flex;
    justify-content: center;
    margin: 0 0 10px;
}
.thread-duff-rate-modal-image {
    width: 278px;
    max-width: 100%;
    height: auto;
    display: block;
}
.thread-duff-rate-modal-title {
    text-align: center;
    font-size: 24px;
    line-height: 1.15;
    font-weight: 800;
    color: #1f3658;
    margin: 0 0 18px;
}
.thread-duff-rate-modal-copy p {
    margin: 0 0 14px;
}

@media (max-width: 991px) {
    .order-intake-modern .updated-embroidery-sec-bottom .order-builder-subcard {
        padding: 18px 14px 20px;
        margin-bottom: 16px !important;
    }
    .order-intake-modern .updated-embroidery-sec-bottom .thread-drag-and-drop {
        min-height: 110px;
        padding: 14px;
    }
}

/* Location detail rows and drag/drop sizing overrides */
.order-intake-modern .thread-detail-location-list {
    margin-top: 2px;
}
.order-intake-modern .thread-detail-row.detail-row-location-item .thread-detail-label {
    text-transform: none;
    letter-spacing: 0;
}
.order-intake-modern .updated-embroidery-sec-bottom .sticker-file-upload.thread-bg {
    width: 100%;
    min-width: 0;
    height: 98px;
    border-radius: 7px;
    font-size: 16px;
    letter-spacing: 0.01em;
    border: 1px solid #0f172a;
    background: #0f172a !important;
    color: #fff !important;
    padding: 10px 14px !important;
    max-width: 230px;
}
.order-intake-modern .updated-embroidery-sec-bottom .thread-drag-title {
    font-size: 18px;
    font-weight: 700;
    color: #22324a;
}
.order-intake-modern .updated-embroidery-sec-bottom .thread-drag-and-drop {
    width: 100% !important;
    min-height: 130px;
    padding: 81px 20px;
    border: 1.5px dashed #c6d0dc;
    border-radius: 14px;
    background: linear-gradient(180deg, #fcfcfc 0%, #ffffff 100%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    text-align: center;
}

/* Keep + Location below fields, like + Apparel Variation */
.order-intake-modern .location-section.app-location-section {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start !important;
}
.order-intake-modern .location-section .location-add-btn-row {
    order: 99;
    flex: 0 0 100%;
    max-width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 8px;
}
.order-intake-modern .location-section .apparel-add-location-trigger {
    order: initial;
    flex: 0 0 auto !important;
    align-self: center;
    min-width: 170px;
    max-width: 170px;
    margin: 0 auto !important;
    z-index: 1;
}
.order-intake-modern .location-section .apparel-add-location-trigger::before,
.order-intake-modern .location-section .apparel-add-location-trigger::after {
    width: clamp(90px, 18vw, 240px);
}

.order-intake-modern .col-lg-8.apparel-selected-item-main,
.order-intake-modern .apparel-selected-item-main.updated-embroidery-section {
    background: #ffffff !important;
    border-radius: 0;
    box-shadow: none;
    padding: 16px 18px;
    margin-top: 0 !important;
    border: none;
    border-top: 1px solid gray !important;
}

/* Drag area cursor-follow ambient circle */
.order-intake-modern .updated-embroidery-sec-bottom .thread-drag-and-drop {
    --drag-cursor-x: 50%;
    --drag-cursor-y: 50%;
    position: relative;
    overflow: hidden;
}
.order-intake-modern .updated-embroidery-sec-bottom .thread-drag-and-drop::before {
    content: "";
    position: absolute;
    left: var(--drag-cursor-x);
    top: var(--drag-cursor-y);
    width: 108px;
    height: 108px;
    border-radius: 999px;
    border: 1px solid rgba(158, 178, 207, 0.38);
    background: radial-gradient(circle, rgba(203, 213, 225, 0.34) 0%, rgba(203, 213, 225, 0.34) 52%, rgba(203, 213, 225, 0.16) 67%, rgba(203, 213, 225, 0) 79%);
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: opacity .24s ease;
    pointer-events: none;
    z-index: 0;
}
.order-intake-modern .updated-embroidery-sec-bottom .thread-drag-and-drop.cursor-active::before,
.order-intake-modern .updated-embroidery-sec-bottom .thread-drag-and-drop:hover::before {
    opacity: 1;
}
.order-intake-modern .updated-embroidery-sec-bottom .thread-drag-and-drop > * {
    position: relative;
    z-index: 1;
}

/* Latest order-builder behavior overrides */
.order-intake-modern .thread-apparel-type .img-wrapper.active {
    border-color: #f4971f !important;
    box-shadow: none !important;
}

.order-intake-modern .location-section.app-location-section {
    gap: 15px !important;
}

.order-intake-modern .location-section.app-location-section > .size-gated-field .form-group {
    margin-bottom: 0;
}

.order-intake-modern .location-section.app-location-section > .size-gated-field .thread-premium-setup {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}

.order-intake-modern .location-section.app-location-section > .size-gated-field .thread-premium-setup .premium-setup-action {
    margin: 0;
}

@media (min-width: 992px) {
    .order-intake-modern .location-section .location-card-container:first-child,
    .order-intake-modern .location-section .location-card-container.measurement-container {
        flex: 0 0 220px;
        max-width: 220px;
    }

    .order-intake-modern .location-section.app-location-section > .size-gated-field {
        flex: 0 0 140px;
        max-width: 140px;
    }
}

.order-intake-modern .thread-detail-save-wrap {
    margin-top: 10px;
    display: flex;
    justify-content: center;
}

.order-intake-modern .thread-detail-save-wrap .thread-order-save {
    min-width: 148px;
    border-radius: 999px !important;
    border: 1px solid #c6d0df !important;
    background: #ffffff !important;
    color: #1f3658 !important;
    font-size: 12px;
    font-weight: 700;
    padding: 7px 14px !important;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.08);
}

.order-intake-modern .updated-embroidery-sec-bottom .order-submit-note {
    display: none !important;
}

/* Latest requested tweaks */
.order-intake-modern .order-builder-header-row .col-12.product-grid-list.display-flex.thread-apparel-type.launch-pad-lists {
    padding-bottom: 45px;
}

.order-intake-modern .po-number-container {
    flex: 0 0 100%;
    max-width: 100%;
}

.order-intake-modern .po-form-field .custom-order-number {
    width: 100%;
}

.order-intake-modern .sample-toggle-row.pre-production-row {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: stretch;
}

.order-intake-modern .sample-toggle-row.pre-production-row .sample-toggle-line {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.order-intake-modern .sample-toggle-row.pre-production-row .sample-toggle-label {
    font-size: 12px;
    font-weight: 700;
    color: #25364d;
}

.my-2.apparel-single-qty-block {
    padding: 19px 11px 35px;
    margin-top: -20px !important;
}

.order-intake-modern .all-size-container .size-container-list:not(.saved-mode) .size-inline-actions-expanded,
body .order-intake-modern .all-size-container .size-container-list:not(.saved-mode) .size-inline-actions-expanded {
    display: none !important;
}

.order-intake-modern .all-size-container .size-container-list.saved-mode .size-inline-actions-expanded,
body .order-intake-modern .all-size-container .size-container-list.saved-mode .size-inline-actions-expanded {
    display: flex !important;
}

.order-intake-modern .apparel-single-qty-block .quantity-container {
    margin-left: 0;
    max-width: 160px;
    padding-left: 0;
    padding-right: 0;
}

.order-intake-modern .apparel-qty-size-container-list:has(.custom-form-quantity-val.error-field),
.order-intake-modern .apparel-qty-size-container-list:has(.all-size-container.error-field),
.order-intake-modern .apparel-qty-size-container-list:has(.apparel-single-qty-block input[name="quantity"].error-field),
.order-intake-modern .apparel-qty-size-container-list:has(.apparel-single-qty-block-inline input[name="quantity"].error-field),
body .order-intake-modern .apparel-qty-size-container-list:has(.custom-form-quantity-val.error-field),
body .order-intake-modern .apparel-qty-size-container-list:has(.all-size-container.error-field),
body .order-intake-modern .apparel-qty-size-container-list:has(.apparel-single-qty-block input[name="quantity"].error-field),
body .order-intake-modern .apparel-qty-size-container-list:has(.apparel-single-qty-block-inline input[name="quantity"].error-field) {
    border-radius: 18px !important;
    background: #ff980012 !important;
    box-shadow: inset 0 0 0 2px #ff9800 !important;
}

.order-intake-modern .apparel-single-qty-block {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.order-intake-modern .apparel-single-qty-block .thread-size-entry-title.inline-size-entry-title {
    width: 100%;
}

.apparel-single-qty-block-inline .thread-size-entry-title {
    padding: 0px 0px 9px 2px;
    font-weight: 900;
}

.order-intake-modern .apparel-qty-size-container-list .apparel-single-qty-block.apparel-single-qty-block-inline {
    width: 100%;
    padding: 10px 0 4px !important;
    margin: 0 !important;
    border-top: 1px solid #d8e0ea;
}

.order-intake-modern .apparel-qty-size-container-list .apparel-single-qty-block.apparel-single-qty-block-inline .quantity-container {
    margin-top: 6px;
    max-width: 160px;
    padding-left: 0;
    padding-right: 0;
}

.order-intake-modern .apparel-qty-size-container-list .apparel-single-qty-block.apparel-single-qty-block-inline .thread-size-brand-color-summary-inline-wrap,
body .order-intake-modern .apparel-qty-size-container-list .apparel-single-qty-block.apparel-single-qty-block-inline .thread-size-brand-color-summary-inline-wrap {
    margin: 8px 0 10px !important;
    padding: 12px !important;
    border: 1px solid #d5dde9 !important;
    max-width: 153px !important;
    border-radius: 9px !important;
    background: #eef2f6 !important;
    width: auto !important;
}

.order-intake-modern .apparel-qty-size-container-list .apparel-single-qty-block.apparel-single-qty-block-inline .thread-size-brand-color-summary,
body .order-intake-modern .apparel-qty-size-container-list .apparel-single-qty-block.apparel-single-qty-block-inline .thread-size-brand-color-summary {
    width: auto !important;
    max-width: none !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
}

.order-intake-modern .apparel-qty-size-container-list .my-2:not(.apparel-single-qty-block) {
    display: none !important;
}

.order-intake-modern .ship-addr-link {
    color: #1f3658;
    font-weight: 600;
    text-decoration: none;
}

.order-intake-modern .ship-addr {
    display: block !important;
    width: 100%;
}

.order-intake-modern .ship-addr-copy {
    width: 100%;
    min-width: 0;
}

.order-intake-modern .ship-addr-attn {
    display: block;
    margin: 2px 0 4px;
    color: #58667a;
    font-size: 12px;
    font-weight: 700;
}

.order-intake-modern .ship-addr-attn-po {
    font-style: italic;
    font-weight: 600;
    color: #a7a7a7;
}

.order-intake-modern .ship-addr-company {
    font-weight: 700;
    color: #2a6eb2;
    text-decoration: none;
    cursor: pointer;
    transition: color .16s ease, opacity .16s ease;
}

.order-intake-modern .ship-addr-company:hover,
.order-intake-modern .ship-addr-company:focus {
    color: #0d64db;
    text-decoration: underline;
    outline: none;
}

.order-intake-modern .ship-addr-link:hover,
.order-intake-modern .ship-addr-link:focus {
    color: #0d64db;
    text-decoration: underline;
}

/* Keep measurement field width stable when a second location is added */
@media (min-width: 992px) {
    .order-intake-modern .location-section.app-location-section.single-measurement-mode .location-card-container.measurement-container {
        flex: 0 0 220px !important;
        max-width: 220px !important;
    }

    .order-intake-modern .location-section.app-location-section.single-measurement-mode .location-card-container.measurement-container .tops-brand-split {
        justify-content: flex-start;
    }

    .order-intake-modern .location-section.app-location-section.single-measurement-mode .location-card-container.measurement-container .tops-brand-split .size-field:not(.hide) {
        flex: 0 0 calc(50% - 8px) !important;
        max-width: calc(50% - 8px) !important;
    }
}

.order-intake-modern .location-add-btn-row,
.order-intake-modern .apparel-qty-container .text-right.my-4 {
    overflow: hidden;
}

.order-intake-modern .location-section .apparel-add-location-trigger::before,
.order-intake-modern .location-section .apparel-add-location-trigger::after,
.order-intake-modern .apparel-qty-container .apparel-variation-trigger::before,
.order-intake-modern .apparel-qty-container .apparel-variation-trigger::after {
    width: 9999px !important;
}

.order-intake-modern .updated-embroidery-sec-bottom .thread-drag-and-drop::before {
    width: 108px;
    height: 108px;
    border: 1px solid rgba(158, 178, 207, 0.38);
    background: radial-gradient(circle, rgba(203, 213, 225, 0.34) 0%, rgba(203, 213, 225, 0.34) 52%, rgba(203, 213, 225, 0.16) 67%, rgba(203, 213, 225, 0) 79%);
    transition: opacity .12s ease;
    will-change: left, top, transform, opacity;
}

/* User-requested visual tweaks */
.order-intake-modern .thread-apparel-type .img-wrapper {
    background: rgb(236 238 241 / 76%);
    border: 2px solid #d6d6d6;
    border-radius: 7px;
    box-shadow: 0 1px 0 rgba(17, 24, 39, 0.02);
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.order-intake-modern .order-builder-helper-text {
    display: block;
    flex: 0 0 100%;
    width: 100%;
    margin: -6px auto 18px;
    text-align: center;
    color: #5f708a;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.4;
}

.order-intake-modern .thread-apparel-type .img-wrapper .apparel-type-clear {
    position: absolute;
    top: 6px;
    right: 6px;
    width: 18px;
    height: 18px;
    border: 1px solid #dfe6f0;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.96);
    color: #556983;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    pointer-events: none;
    transition: opacity .16s ease, transform .16s ease, border-color .16s ease, color .16s ease;
    z-index: 2;
}

.order-intake-modern .thread-apparel-type .img-wrapper.active:hover .apparel-type-clear,
.order-intake-modern .thread-apparel-type .img-wrapper.active:focus-within .apparel-type-clear {
    opacity: 1;
    pointer-events: auto;
}

.order-intake-modern .thread-apparel-type .img-wrapper .apparel-type-clear:hover {
    border-color: #f2a2a2;
    color: #b42318;
    transform: scale(1.03);
}

.order-intake-modern .thread-apparel-type .img-wrapper.active {
    border-color: #f4971f !important;
    box-shadow: none !important;
}

.order-intake-modern .order-builder-layout .apparel-variation-button-container .add-apparel-variation {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    border-radius: 999px !important;
    width: auto !important;
    min-width: 170px;
    height: 34px;
    padding: 0 14px !important;
    border: 1px solid #1f3658 !important;
    background: #ffffff !important;
    color: #1f3658 !important;
    font-size: 12px;
    font-weight: 700;
    box-shadow: none !important;
    position: relative;
    top: -34px;
    right: 12px;
}

/* Upload UX enhancements */
.order-intake-modern .updated-embroidery-sec-bottom .sticker-file-upload.thread-bg,
.order-intake-modern .updated-embroidery-sec-bottom .thread-drop-upload-btn {
    position: relative;
}

.order-intake-modern .updated-embroidery-sec-bottom .sticker-file-upload.thread-bg.is-picker-loading,
.order-intake-modern .updated-embroidery-sec-bottom .thread-drop-upload-btn.is-picker-loading {
    color: transparent !important;
    pointer-events: none;
}

.order-intake-modern .updated-embroidery-sec-bottom .sticker-file-upload.thread-bg.is-picker-loading::after,
.order-intake-modern .updated-embroidery-sec-bottom .thread-drop-upload-btn.is-picker-loading::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 14px;
    height: 14px;
    margin: -7px 0 0 -7px;
    border: 2px solid rgba(255,255,255,0.35);
    border-top-color: #ffffff;
    border-radius: 999px;
    animation: threadUploadSpin .65s linear infinite;
}

.order-intake-modern .thread-upload-progress-shell {
    margin: 4px 0 10px;
}

.order-intake-modern .thread-upload-progress-shell.hide {
    display: none !important;
}

.order-intake-modern .thread-upload-progress-label {
    font-size: 11px;
    font-weight: 700;
    color: #54657d;
    margin-bottom: 5px;
}

.order-intake-modern .thread-upload-progress-track {
    height: 6px;
    width: 100%;
    border-radius: 999px;
    background: #e5ebf4;
    overflow: hidden;
}

.order-intake-modern .thread-upload-progress-fill {
    display: block;
    height: 100%;
    width: 0;
    border-radius: 999px;
    background: linear-gradient(90deg, #1f3658 0%, #4f79b1 100%);
    transition: width .22s ease;
}

.order-intake-modern .updated-embroidery-sec-bottom .thread-drag-and-drop.is-uploading {
    border-color: #6e93c7;
    background: linear-gradient(180deg, #edf4ff 0%, #f6f9ff 100%);
}

/* File preview hover + editable title */
.order-intake-modern .selected-apparel-submit .list-group-item .avatar.thread-file-preview {
    overflow: visible;
    position: relative;
}

.order-intake-modern .selected-apparel-submit .list-group-item .avatar.thread-file-preview .avatar-img.rounded,
.order-intake-modern .selected-apparel-submit .list-group-item .avatar.thread-file-preview canvas.avatar-img.rounded {
    transition: transform .18s ease, box-shadow .18s ease;
    transform-origin: left top;
}

.order-intake-modern .selected-apparel-submit .list-group-item:hover .avatar.thread-file-preview .avatar-img.rounded,
.order-intake-modern .selected-apparel-submit .list-group-item:hover .avatar.thread-file-preview canvas.avatar-img.rounded {
    transform: scale(2.25);
    box-shadow: 0 14px 28px rgba(15, 23, 42, 0.28);
    border: 2px solid #ffffff;
    background: #ffffff;
    position: relative;
    z-index: 35;
}

.order-intake-modern .selected-apparel-submit .file-title-text.editable-file-title {
    border: 1px dashed transparent;
    border-radius: 8px;
    padding: 3px 6px;
    min-height: 24px;
    cursor: text;
}

.order-intake-modern .selected-apparel-submit .file-title-text.editable-file-title:focus {
    outline: none;
    border-color: #9db4d6;
    background: #f8fbff;
}

/* Location spacing, borders, measurement alignment */
.order-intake-modern .location-lists .location-section.app-location-section {
    align-items: flex-end !important;
    gap: 15px !important;
    border-bottom: 1px solid #d7deea;
    margin: 0 0 12px !important;
    padding: 10px 0 14px;
}

.order-intake-modern .location-lists .location-section.app-location-section:last-child {
    border-bottom: 0;
    margin-bottom: 0 !important;
}

.order-intake-modern .location-section .location-card-container {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.order-intake-modern .location-section .location-card-container:first-child {
    flex: 0 0 250px;
    max-width: 250px;
}

.order-intake-modern .location-section .location-card-container.measurement-container {
    flex: 1 1 360px;
    max-width: 360px;
}

.order-intake-modern .location-section .location-card-container.measurement-container .tops-brand-split {
    display: flex;
    gap: 15px;
    align-items: flex-end;
    margin: 0 !important;
    padding: 0 !important;
}

.order-intake-modern .location-section .location-card-container.measurement-container .tops-brand-split .size-field {
    flex: 1 1 0;
    max-width: none;
    margin: 0 !important;
    padding: 0 !important;
}

.order-intake-modern .location-section .location-card-container.measurement-container .tops-brand-split input.threadkicker-size-input {
    width: 100%;
    min-width: 0;
    height: 43px;
}

.order-intake-modern .location-section.app-location-section.single-measurement-mode .location-card-container.measurement-container {
    flex: 0 0 160px;
    max-width: 160px;
}

.order-intake-modern .location-section.app-location-section.single-measurement-mode .location-card-container.measurement-container .tops-brand-split .size-field:not(.hide) {
    flex: 0 0 160px;
    max-width: 160px;
}

.order-intake-modern .location-section .size-gated-field {
    flex: 0 0 160px;
    max-width: 160px;
    padding: 0 !important;
}

.order-intake-modern .location-section .size-gated-field .set-thread-color {
    width: 100%;
}

.order-intake-modern .location-section .location-add-btn-row {
    order: 99;
    flex: 0 0 100%;
    max-width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 8px;
    height: 32px;
}

@media (max-width: 991px) {
    .order-intake-modern .selected-apparel-submit .list-group-item:hover .avatar.thread-file-preview .avatar-img.rounded,
    .order-intake-modern .selected-apparel-submit .list-group-item:hover .avatar.thread-file-preview canvas.avatar-img.rounded {
        transform: scale(1.2);
    }

    .order-intake-modern .location-section .location-card-container:first-child,
    .order-intake-modern .location-section .location-card-container.measurement-container,
    .order-intake-modern .location-section .size-gated-field {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@keyframes threadUploadSpin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/* Latest file upload/list refinements */
.order-intake-modern .updated-embroidery-sec-bottom .thread-drag-and-drop.is-dragging::before {
    opacity: 1;
}

.order-intake-modern .updated-embroidery-sec-bottom .thread-drag-and-drop.drop-pop {
    animation: threadDropPop .42s cubic-bezier(.24,.82,.3,1.1);
}

.order-intake-modern .selected-apparel-submit .list-group-item {
    padding: 10px 12px !important;
}

.order-intake-modern .selected-apparel-submit .list-group-item .thread-file-item-main {
    display: flex;
    align-items: stretch;
    gap: 10px;
}

.order-intake-modern .selected-apparel-submit .list-group-item .thread-file-preview-col {
    flex: 0 0 86px;
    max-width: 86px;
    display: flex;
}

.order-intake-modern .selected-apparel-submit .list-group-item .avatar.thread-file-preview {
    width: 86px;
    height: 86px;
    min-width: 86px;
    min-height: 86px;
    border: 1px solid #d3ddeb;
    border-radius: 10px;
    background: #ffffff;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 !important;
}

.order-intake-modern .selected-apparel-submit .list-group-item .avatar.thread-file-preview .avatar-img.rounded,
.order-intake-modern .selected-apparel-submit .list-group-item .avatar.thread-file-preview canvas.avatar-img.rounded {
    width: 100% !important;
    height: 100% !important;
    max-height: none !important;
    object-fit: cover;
    display: block;
    border-radius: 8px;
    transition: transform .16s ease, box-shadow .16s ease;
    transform-origin: center center;
}

.order-intake-modern .selected-apparel-submit .list-group-item:hover .avatar.thread-file-preview .avatar-img.rounded,
.order-intake-modern .selected-apparel-submit .list-group-item:hover .avatar.thread-file-preview canvas.avatar-img.rounded {
    transform: none;
    box-shadow: none;
    border: 0;
    background: transparent;
    position: static;
    z-index: auto;
}

.order-intake-modern .selected-apparel-submit .list-group-item .avatar.thread-file-preview:hover .avatar-img.rounded,
.order-intake-modern .selected-apparel-submit .list-group-item .avatar.thread-file-preview:hover canvas.avatar-img.rounded {
    transform: scale(2.05);
    box-shadow: 0 14px 28px rgba(15, 23, 42, 0.28);
    border: 2px solid #ffffff;
    background: #ffffff;
    position: relative;
    z-index: 35;
}

body .order-intake-modern .location-card-container .location-preview-card {
    position: absolute;
    right: 6px;
    bottom: 6px;
    margin-top: 0;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    z-index: 4;
}

body .order-intake-modern .location-card-container .add-locate .location-select.form-control {
    padding-right: 132px !important;
}

body .order-intake-modern .location-card-container .location-preview-trigger {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px;
    padding: 0 !important;
    background: linear-gradient(180deg, #fffdf8 0%, #fff5e8 100%) !important;
    border: 1px solid #efd2a5 !important;
    border-radius: 999px !important;
    box-shadow: 0 8px 16px rgba(162, 106, 24, 0.08) !important;
    transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
    position: absolute;
    height: 26px;
    right: 0;
    top: 6px;
    font-size: 12px !important;
    font-weight: 700 !important;
    color: #1f3658 !important;
    line-height: 1 !important;
    min-width: 106px;
}

body .order-intake-modern .location-card-container .location-preview-trigger:hover {
    border-color: #dfb778 !important;
    box-shadow: 0 10px 18px rgba(162, 106, 24, 0.12) !important;
    transform: translateY(-1px);
}

body .order-intake-modern .location-card-container .location-preview-trigger i {
    font-size: 12px;
}

@media (max-width: 767px) {
    body .order-intake-modern .location-card-container .add-locate .location-select.form-control {
        padding-right: 122px !important;
    }

    body .order-intake-modern .location-card-container .location-preview-card {
        right: 5px;
        bottom: 5px;
    }
}

body .thread-location-preview-popup,
body .swal2-popup.thread-location-preview-popup {
    width: min(1120px, calc(100vw - 16px)) !important;
    max-width: calc(100vw - 16px) !important;
    height: auto !important;
    max-height: calc(100vh - 76px) !important;
    padding-top: 34px !important;
    padding-bottom: 40px !important;
    border-radius: 16px !important;
    overflow-y: auto !important;
}

body .swal2-popup.thread-location-preview-popup .swal2-image {
    width: auto !important;
    max-width: min(980px, calc(100vw - 40px)) !important;
    max-height: calc(100vh - 270px) !important;
    border-radius: 14px !important;
    object-fit: contain !important;
}

@media (max-width: 767px) {
    body .thread-location-preview-popup,
    body .swal2-popup.thread-location-preview-popup {
        width: calc(100vw - 24px) !important;
        max-width: calc(100vw - 24px) !important;
        max-height: calc(100vh - 58px) !important;
        padding-top: 24px !important;
        padding-bottom: 32px !important;
    }

    body .swal2-popup.thread-location-preview-popup .swal2-image {
        max-width: calc(100vw - 42px) !important;
        max-height: calc(100vh - 290px) !important;
    }
}

button.btn.location-preview-trigger {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 2px 10px !important;
    background: linear-gradient(180deg, #fffdf8 0%, #fff5e8 100%);
    /* border: 1px solid #efd2a5; */
    border-radius: 999px;
    /* box-shadow: 0 8px 16px rgba(162, 106, 24, 0.08); */
    transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
    position: absolute;
    height: 26px;
    right: 0px;
    font-size: 12px;
    top: 5px;
}

.order-intake-modern .selected-apparel-submit .list-group-item .thread-file-content {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 4px;
    padding-top: 2px;
}

.order-intake-modern .selected-apparel-submit .list-group-item .thread-file-header {
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

.order-intake-modern .selected-apparel-submit .list-group-item .thread-file-header .file-title-text.editable-file-title {
    flex: 1;
    min-width: 0;
    margin: 0;
}

.order-intake-modern .selected-apparel-submit .list-group-item .thread-file-header .dropdown {
    margin-left: auto;
}

.order-intake-modern .updated-embroidery-sec-bottom .thread-file-note-wrap {
    padding-left: 0 !important;
    margin: 0 !important;
}

.order-intake-modern .updated-embroidery-sec-bottom .thread-file-note-input {
    min-height: 34px;
    height: 34px;
    max-height: 34px;
    line-height: 1.2;
    padding: 6px 10px !important;
    font-size: 12px;
    resize: none;
}

/* Location section label/text parity */
.order-intake-modern .location-section .location-card-container.measurement-container > label {
    margin-left: 0 !important;
    padding-left: 0 !important;
    text-align: left;
    font-size: 13px;
}

.order-intake-modern .location-section .location-card-container .form-control,
.order-intake-modern .location-section .size-gated-field .set-thread-color,
.order-intake-modern .location-section .thread-premium-setup .premium-setup-action {
    font-size: 13px;
}

.order-intake-modern .location-section .form-group > label,
.order-intake-modern .location-section .size-gated-field > label {
    font-size: 13px;
}

@media (max-width: 991px) {
    .order-intake-modern .selected-apparel-submit .list-group-item .avatar.thread-file-preview:hover .avatar-img.rounded,
    .order-intake-modern .selected-apparel-submit .list-group-item .avatar.thread-file-preview:hover canvas.avatar-img.rounded {
        transform: scale(1.35);
    }
}

@keyframes threadDropPop {
    0% { transform: scale(1); }
    34% { transform: scale(1.035); }
    68% { transform: scale(0.985); }
    100% { transform: scale(1); }
}

/* Final hover + location alignment fixes */
.order-intake-modern .selected-apparel-submit .dz-preview.dz-preview-multiple.proof-desction-list,
.order-intake-modern .selected-apparel-submit .list-group-item,
.order-intake-modern .selected-apparel-submit .list-group-item .thread-file-item-main,
.order-intake-modern .selected-apparel-submit .list-group-item .thread-file-preview-col {
    overflow: visible !important;
}

.order-intake-modern .selected-apparel-submit .list-group-item {
    position: relative;
}

.order-intake-modern .selected-apparel-submit .list-group-item .avatar.thread-file-preview {
    overflow: visible !important;
}

.order-intake-modern .selected-apparel-submit .list-group-item .avatar.thread-file-preview:hover .avatar-img.rounded,
.order-intake-modern .selected-apparel-submit .list-group-item .avatar.thread-file-preview:hover canvas.avatar-img.rounded {
    width: 240px !important;
    height: 240px !important;
    max-width: 240px !important;
    max-height: 240px !important;
    object-fit: contain !important;
    transform: translate(96px, -74px) !important;
    transform-origin: left top;
    border-radius: 12px;
    padding: 6px;
    background: #ffffff;
    border: 1px solid #d8e2f1;
    box-shadow: 0 18px 34px rgba(15, 23, 42, 0.24);
    z-index: 48;
}

.order-intake-modern .location-lists .location-section.app-location-section {
    align-items: flex-start !important;
}

.order-intake-modern .location-section.app-location-section .location-card-container > .form-group,
.order-intake-modern .location-section.app-location-section .size-gated-field > .form-group {
    margin: 0 !important;
}

.order-intake-modern .location-section.app-location-section .location-card-container > .form-group > label,
.order-intake-modern .location-section.app-location-section .location-card-container.measurement-container > label,
.order-intake-modern .location-section.app-location-section .size-gated-field > label {
    display: block;
    margin: 0 0 8px !important;
    line-height: 1.2;
}

.order-intake-modern .location-section.app-location-section .location-card-container.measurement-container .tops-brand-split {
    margin-top: 0 !important;
}

@media (max-width: 991px) {
    .order-intake-modern .selected-apparel-submit .list-group-item .avatar.thread-file-preview:hover .avatar-img.rounded,
    .order-intake-modern .selected-apparel-submit .list-group-item .avatar.thread-file-preview:hover canvas.avatar-img.rounded {
        width: 170px !important;
        height: 170px !important;
        max-width: 170px !important;
        max-height: 170px !important;
        object-fit: contain !important;
        transform: translate(28px, -40px) !important;
        transform-origin: left top;
        border-radius: 10px;
        padding: 4px;
    }
}

/* Location dropdown + remove control polish */
.order-intake-modern .location-section.app-location-section .size-field {
    position: relative;
}

.order-intake-modern .location-section.app-location-section .size-field .size-option-lists {
    top: calc(100% + 1px) !important;
    margin-top: 0 !important;
}

.order-intake-modern .location-section.app-location-section {
    position: relative;
    padding-right: 36px;
}

.order-intake-modern .location-section span.btn.remove-apparel-location-section,
.order-intake-modern .location-section .remove-apparel-location-section {
    position: absolute;
    right: 4px !important;
    left: auto !important;
    top: 14px !important;
    width: 24px;
    height: 24px;
    min-width: 24px;
    min-height: 24px;
    border-radius: 999px;
    border: 1px solid #d5deec;
    background: #ffffff !important;
    color: #5a6f91 !important;
    font-size: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.08);
    z-index: 3;
    transition: border-color .16s ease, color .16s ease, background-color .16s ease, transform .16s ease;
}

/* Final EOF overrides for latest UX adjustments */
.order-intake-modern .location-section.app-location-section {
    justify-content: flex-start !important;
    gap: 8px !important;
}

.order-intake-modern .location-section .location-card-container.measurement-container > label {
    text-align: left !important;
}

.order-intake-modern .updated-embroidery-sec-bottom .thread-drag-and-drop {
    --drag-cursor-size: 74px !important;
}

.order-intake-modern .updated-embroidery-sec-bottom .thread-drag-and-drop::before {
    border: 1px solid rgba(105, 126, 160, 0.82) !important;
    background: radial-gradient(circle, rgba(153, 170, 196, 0.72) 0%, rgba(153, 170, 196, 0.56) 48%, rgba(153, 170, 196, 0.30) 70%, rgba(153, 170, 196, 0) 86%) !important;
}

@media (max-width: 991px) {
    .order-intake-modern .updated-embroidery-sec-bottom .thread-drag-and-drop {
        --drag-cursor-size: 50px !important;
    }
}

/* Final overrides: keep location row grouped + align measurement label + slightly larger/darker drag cursor */
.order-intake-modern .location-section.app-location-section {
    justify-content: flex-start !important;
    gap: 8px !important;
}

.order-intake-modern .location-section .location-card-container.measurement-container > label {
    text-align: left !important;
}

.order-intake-modern .updated-embroidery-sec-bottom .thread-drag-and-drop {
    --drag-cursor-size: 62px !important;
}

.order-intake-modern .updated-embroidery-sec-bottom .thread-drag-and-drop::before {
    border: 1px solid rgba(126, 145, 174, 0.72) !important;
    background: radial-gradient(circle, rgba(166, 181, 203, 0.62) 0%, rgba(166, 181, 203, 0.48) 48%, rgba(166, 181, 203, 0.23) 70%, rgba(166, 181, 203, 0) 86%) !important;
}

@media (max-width: 991px) {
    .order-intake-modern .updated-embroidery-sec-bottom .thread-drag-and-drop {
        --drag-cursor-size: 50px !important;
    }
}

/* Final UX overrides (end of file) */
.order-intake-modern .apparel-qty-size-container-list .designer-qty-hint {
    font-size: 10px !important;
    font-weight: 700 !important;
    color: #5f7598 !important;
    white-space: nowrap !important;
}

body.qty-shift-scrub-active {
    cursor: ns-resize !important;
    user-select: none !important;
}

.order-intake-modern .apparel-qty-size-container-list .custom-form-quantity-val input.custom-form-qty.shift-scrubbing {
    border-color: #6f95cc !important;
    background: #edf4ff !important;
}

@media (min-width: 992px) {
    .order-intake-modern .location-section.app-location-section {
        justify-content: flex-start !important;
        gap: 8px !important;
    }

    .order-intake-modern .location-section .location-card-container:first-child,
    .order-intake-modern .location-section .location-card-container.measurement-container {
        flex: 0 0 220px !important;
        max-width: 220px !important;
    }

    .order-intake-modern .location-section .size-gated-field {
        flex: 0 0 136px !important;
        max-width: 136px !important;
    }

    .order-intake-modern .location-section.app-location-section.single-measurement-mode .location-card-container.measurement-container {
        flex: 0 0 220px !important;
        max-width: 220px !important;
    }

    .order-intake-modern .location-section.app-location-section.single-measurement-mode .location-card-container.measurement-container .tops-brand-split .size-field:not(.hide) {
        flex: 1 1 0 !important;
        max-width: none !important;
    }

    .order-intake-modern .location-section .location-card-container.measurement-container .tops-brand-split {
        gap: 8px !important;
    }
}

.order-intake-modern .location-section .location-card-container.measurement-container > label {
    text-align: left !important;
    margin-left: 0 !important;
    width: 100% !important;
}

.order-intake-modern .updated-embroidery-sec-bottom .thread-drag-and-drop {
    --drag-cursor-size: 64px !important;
}

.order-intake-modern .updated-embroidery-sec-bottom .thread-drag-and-drop::before {
    border: 1px solid rgba(118, 139, 170, 0.66) !important;
    background: radial-gradient(circle, rgba(160, 176, 198, 0.55) 0%, rgba(160, 176, 198, 0.44) 48%, rgba(160, 176, 198, 0.22) 70%, rgba(160, 176, 198, 0) 86%) !important;
}

.order-intake-modern .updated-embroidery-sec-bottom .thread-drag-and-drop.cursor-active::before,
.order-intake-modern .updated-embroidery-sec-bottom .thread-drag-and-drop:hover::before {
    opacity: 0.26 !important;
}

.order-intake-modern .updated-embroidery-sec-bottom .thread-drag-and-drop.cursor-moving::before {
    opacity: 0.62 !important;
}

@media (max-width: 991px) {
    .order-intake-modern .updated-embroidery-sec-bottom .thread-drag-and-drop {
        --drag-cursor-size: 50px !important;
    }
}

/* Final UX overrides */
.order-intake-modern .apparel-qty-size-container-list .designer-qty-hint {
    font-size: 10px;
    font-weight: 700;
    color: #5f7598;
    white-space: nowrap;
}

body.qty-shift-scrub-active {
    cursor: ns-resize !important;
    user-select: none;
}

.order-intake-modern .apparel-qty-size-container-list .custom-form-quantity-val input.custom-form-qty.shift-scrubbing {
    border-color: #6f95cc !important;
    background: #edf4ff !important;
}

@media (min-width: 992px) {
    .order-intake-modern .location-section.app-location-section {
        justify-content: flex-start !important;
        gap: 8px !important;
    }

    .order-intake-modern .location-section .location-card-container:first-child,
    .order-intake-modern .location-section .location-card-container.measurement-container {
        flex: 0 0 220px !important;
        max-width: 220px !important;
    }

    .order-intake-modern .location-section .size-gated-field {
        flex: 0 0 136px !important;
        max-width: 136px !important;
    }

    .order-intake-modern .location-section.app-location-section.single-measurement-mode .location-card-container.measurement-container {
        flex: 0 0 220px !important;
        max-width: 220px !important;
    }

    .order-intake-modern .location-section.app-location-section.single-measurement-mode .location-card-container.measurement-container .tops-brand-split .size-field:not(.hide) {
        flex: 1 1 0 !important;
        max-width: none !important;
    }

    .order-intake-modern .location-section .location-card-container.measurement-container .tops-brand-split {
        gap: 8px !important;
    }
}

.order-intake-modern .location-section .location-card-container.measurement-container > label {
    text-align: left !important;
    margin-left: 0 !important;
    width: 100%;
}

.order-intake-modern .updated-embroidery-sec-bottom .thread-drag-and-drop {
    --drag-cursor-size: 64px !important;
}

.order-intake-modern .updated-embroidery-sec-bottom .thread-drag-and-drop::before {
    border: 1px solid rgba(118, 139, 170, 0.66) !important;
    background: radial-gradient(circle, rgba(160, 176, 198, 0.55) 0%, rgba(160, 176, 198, 0.44) 48%, rgba(160, 176, 198, 0.22) 70%, rgba(160, 176, 198, 0) 86%) !important;
}

.order-intake-modern .updated-embroidery-sec-bottom .thread-drag-and-drop.cursor-active::before,
.order-intake-modern .updated-embroidery-sec-bottom .thread-drag-and-drop:hover::before {
    opacity: 0.26 !important;
}

.order-intake-modern .updated-embroidery-sec-bottom .thread-drag-and-drop.cursor-moving::before {
    opacity: 0.62 !important;
}

@media (max-width: 991px) {
    .order-intake-modern .updated-embroidery-sec-bottom .thread-drag-and-drop {
        --drag-cursor-size: 50px !important;
    }
}

/* Qty interaction hint + Shift-drag scrub affordance */
.order-intake-modern .apparel-qty-size-container-list .designer-qty-hint {
    font-size: 10px;
    font-weight: 700;
    color: #5f7598;
    white-space: nowrap;
}

body.qty-shift-scrub-active {
    cursor: ns-resize !important;
    user-select: none;
}

.order-intake-modern .apparel-qty-size-container-list .custom-form-quantity-val input.custom-form-qty.shift-scrubbing {
    border-color: #6f95cc !important;
    background: #edf4ff !important;
}

/* Keep location row compact/grouped consistently (before and after edits/new rows) */
@media (min-width: 992px) {
    .order-intake-modern .location-section.app-location-section {
        justify-content: flex-start !important;
        gap: 8px !important;
    }

    .order-intake-modern .location-section .location-card-container:first-child,
    .order-intake-modern .location-section .location-card-container.measurement-container {
        flex: 0 0 220px !important;
        max-width: 220px !important;
    }

    .order-intake-modern .location-section .size-gated-field {
        flex: 0 0 136px !important;
        max-width: 136px !important;
    }

    .order-intake-modern .location-section.app-location-section.single-measurement-mode .location-card-container.measurement-container {
        flex: 0 0 220px !important;
        max-width: 220px !important;
    }

    .order-intake-modern .location-section.app-location-section.single-measurement-mode .location-card-container.measurement-container .tops-brand-split .size-field:not(.hide) {
        flex: 1 1 0 !important;
        max-width: none !important;
    }

    .order-intake-modern .location-section .location-card-container.measurement-container .tops-brand-split {
        gap: 8px !important;
    }
}

/* Measurement label alignment */
.order-intake-modern .location-section .location-card-container.measurement-container > label {
    text-align: left !important;
    margin-left: 0 !important;
    width: 100%;
}

/* Drag hover circle: slightly bigger and darker */
.order-intake-modern .updated-embroidery-sec-bottom .thread-drag-and-drop {
    --drag-cursor-size: 64px;
}

.order-intake-modern .updated-embroidery-sec-bottom .thread-drag-and-drop::before {
    border: 1px solid rgba(118, 139, 170, 0.66);
    background: radial-gradient(circle, rgba(160, 176, 198, 0.55) 0%, rgba(160, 176, 198, 0.44) 48%, rgba(160, 176, 198, 0.22) 70%, rgba(160, 176, 198, 0) 86%);
}

.order-intake-modern .updated-embroidery-sec-bottom .thread-drag-and-drop.cursor-active::before,
.order-intake-modern .updated-embroidery-sec-bottom .thread-drag-and-drop:hover::before {
    opacity: 0.26;
}

.order-intake-modern .updated-embroidery-sec-bottom .thread-drag-and-drop.cursor-moving::before {
    opacity: 0.62;
}

@media (max-width: 991px) {
    .order-intake-modern .updated-embroidery-sec-bottom .thread-drag-and-drop {
        --drag-cursor-size: 50px;
    }
}

/* Qty block: keep under Brand/Style/Color and give it a cleaner premium look */
.order-intake-modern .apparel-qty-size-container-list .designer-qty-block {
    margin-top: 8px;
    padding: 10px 12px 12px;
    border: 1px solid #d8e1ef;
    border-radius: 14px;
    background: linear-gradient(180deg, #ffffff 0%, #ffffff 100%);
}

.order-intake-modern .apparel-qty-size-container-list .designer-qty-head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    margin-bottom: 8px;
}

.order-intake-modern .apparel-qty-size-container-list .designer-qty-title {
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.02em;
    color: #182f55;
    text-transform: uppercase;
}

.order-intake-modern .apparel-qty-size-container-list .designer-qty-subtitle {
    font-size: 11px;
    font-weight: 600;
    color: #6a7f9f;
}

.order-intake-modern .apparel-qty-size-container-list .custom-form-quantity-val {
    display: grid;
    grid-template-columns: repeat(9, minmax(56px, 1fr));
    gap: 8px;
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.order-intake-modern .apparel-qty-size-container-list .thread-size-entry-title.inline-size-entry-title {
    margin: 0 0 10px;
    padding: 0px 0px 9px 10px;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.02em;
    color: #5e7490;
    text-align: center;
}

.order-intake-modern .apparel-qty-size-container-list .custom-form-quantity-val li {
    list-style: none;
    border: 1px solid #d6e0ef;
    border-radius: 11px;
    background: #f8f8f8;
    padding: 7px 6px 8px;
    margin: 0 !important;
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 72px;
}

.order-intake-modern .apparel-qty-size-container-list .custom-form-quantity-val li.selected-qty {
    border-color: #f4971f;
    background: #fff8ef;
}

.order-intake-modern .apparel-qty-size-container-list .custom-form-quantity-val label.form-qty {
    margin: 0 !important;
    font-size: 13px;
    font-weight: 800;
    color: #475d80;
    letter-spacing: 0.04em;
}

.order-intake-modern .apparel-qty-size-container-list .custom-form-quantity-val input.custom-form-qty {
    width: 100%;
    min-width: 0;
    height: 34px;
    border: 1px solid #d4deec;
    border-radius: 9px;
    background: #f8fbff;
    font-size: 14px;
    font-weight: 700;
    color: #1d3559;
    text-align: center;
    padding: 4px 6px;
    box-shadow: none !important;
}

.order-intake-modern .apparel-qty-size-container-list .custom-form-quantity-val input.custom-form-qty:focus {
    outline: none;
    border-color: #7ea4d9;
    background: #ffffff;
}

.order-intake-modern .apparel-qty-size-container-list .custom-form-quantity-val li:last-child {
    border-style: dashed;
    background: #e5e5e5;
}

@media (max-width: 991px) {
    .order-intake-modern .apparel-qty-size-container-list .custom-form-quantity-val {
        grid-template-columns: repeat(4, minmax(56px, 1fr));
    }
}

/* Drag hover follower: smaller + pulse/fade on movement */
.order-intake-modern .updated-embroidery-sec-bottom .thread-drag-and-drop {
    --drag-cursor-size: 58px;
}

.order-intake-modern .updated-embroidery-sec-bottom .thread-drag-and-drop::before {
    width: var(--drag-cursor-size) !important;
    height: var(--drag-cursor-size) !important;
    border: 1px solid rgba(152, 170, 198, 0.52);
    background: radial-gradient(circle, rgba(191, 203, 220, 0.42) 0%, rgba(191, 203, 220, 0.32) 48%, rgba(191, 203, 220, 0.14) 70%, rgba(191, 203, 220, 0) 85%);
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.24);
    transition: opacity .2s ease, transform .22s cubic-bezier(.22,.9,.32,1.15);
    will-change: left, top, opacity, transform;
}

.order-intake-modern .updated-embroidery-sec-bottom .thread-drag-and-drop.cursor-active::before,
.order-intake-modern .updated-embroidery-sec-bottom .thread-drag-and-drop:hover::before {
    opacity: 0.2;
    transform: translate(-50%, -50%) scale(0.58);
}

.order-intake-modern .updated-embroidery-sec-bottom .thread-drag-and-drop.cursor-moving::before {
    opacity: 0.54;
    transform: translate(-50%, -50%) scale(1);
}

.order-intake-modern .updated-embroidery-sec-bottom .thread-drag-and-drop:not(.cursor-active):not(.is-dragging)::before {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.2);
}

@media (max-width: 991px) {
    .order-intake-modern .updated-embroidery-sec-bottom .thread-drag-and-drop {
        --drag-cursor-size: 46px;
    }
}

/* Latest request: submit, file cards, measurement widths, container spacing */
.order-intake-modern .updated-embroidery-sec-bottom .thread-submit {
    min-width: 320px;
    max-width: 380px;
    border-radius: 999px;
    font-weight: 800;
    font-size: 18px;
    padding: 20px 24px !important;
    margin: 0 !important;
}

.order-intake-modern .selected-apparel-submit .list-group-item {
    padding: 13px 20px !important;
}

.order-intake-modern .selected-apparel-submit .list-group-item {
    background: #fff !important;
    border: 1px solid #edf0f5;
    border-radius: 10px;
    margin-top: 14px;
}

.order-intake-modern .location-section .location-card-container.measurement-container .tops-brand-split input.threadkicker-size-input {
    width: 100%;
    min-width: 0;
    height: 43px;
    max-width: 174px;
}

.order-intake-modern .location-section .location-card-container.measurement-container {
    flex: 1 1 176px;
    max-width: 138px;
}

.order-intake-modern .embroidery-sec-container {
    padding: 17px 37px;
    background: #f2f2f3;
    border-radius: 15px;
    margin: 10px 0;
    overflow: visible;
}

/* Show message rates line only when sample-first is set to Yes */
.order-intake-modern .sample-toggle-row.pre-production-row .sample-toggle-rate-note {
    display: none;
}

.order-intake-modern .sample-toggle-row.pre-production-row.sample-photo-selected .sample-toggle-rate-note {
    display: block;
}

.order-intake-modern .location-section .location-card-container.measurement-container .tops-brand-split .size-field {
    flex: 1 1 0;
    max-width: none;
    margin: 0 !important;
    padding: 0 !important;
    min-width: 124px;
}

div.size-container-list {
    text-align: right;
    margin-bottom: 20px !important;
    padding-bottom: 10px;
    border-bottom: 1px solid gray;
}

.order-intake-modern .location-section .apparel-add-location-trigger,
.order-intake-modern .apparel-qty-container .apparel-variation-trigger {
    display: flex !important;
    align-items: center;
    justify-content: center;
    position: relative;
    border-radius: 999px !important;
    width: auto !important;
    min-width: 190px;
    height: 26px;
    padding: 0 16px !important;
    border: 2px solid #c9d2e1 !important;
    background: #e0e4ea !important;
    color: #1f3658 !important;
    font-size: 12px;
    font-weight: 700;
    box-shadow: none !important;
    margin: 2px auto 0 !important;
    max-height: 36px;
}

.order-intake-modern .location-section span.btn.remove-apparel-location-section::before,
.order-intake-modern .location-section .remove-apparel-location-section::before {
    content: "×";
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
}

.order-intake-modern .location-section span.btn.remove-apparel-location-section:hover,
.order-intake-modern .location-section .remove-apparel-location-section:hover {
    border-color: #f2a2a2;
    color: #b42318 !important;
    background: #fff6f6 !important;
    transform: translateY(-1px);
}

/* Force location row columns to align on the same baseline */
.order-intake-modern .location-section.app-location-section > .location-card-container,
.order-intake-modern .location-section.app-location-section > .size-gated-field {
    align-self: flex-start;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.order-intake-modern .location-section.app-location-section > .size-gated-field.form-group {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.order-intake-modern .location-section.app-location-section > .size-gated-field .set-thread-color {
    min-height: 43px;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Requested order-meta and pre-production copy/styles */
.order-intake-modern .order-builder-subcard.order-meta-card {
    padding: 20px 0px !important;
}

.order-intake-modern .sample-toggle-row.pre-production-row .sample-toggle-line.pre-production-photo-line {
    border-top: 1px solid #dbe5f3;
    padding-top: 10px;
    margin-top: 4px;
}

.order-intake-modern .sample-toggle-row.pre-production-row .sample-toggle-rate-note {
    margin-top: 2px;
    font-size: 10px;
    color: #7a879b;
    line-height: 1.25;
    text-align: left;
}

div.size-container-list h5 {
    text-align: justify;
    padding: 0 22px;
}

.order-intake-modern .location-section span.btn.remove-apparel-location-section,
.order-intake-modern .location-section .remove-apparel-location-section {
    position: absolute;
    right: 4px !important;
    left: auto !important;
    top: 14px !important;
    width: 36px;
    height: 27px;
    min-width: 28px;
    min-height: 36px;
    border-radius: 999px;
    border: 1px solid #d5deec;
    background: #ffffff !important;
    color: #5a6f91 !important;
    font-size: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.08);
    z-index: 3;
    transition: border-color .16s ease, color .16s ease, background-color .16s ease, transform .16s ease;
}

/* Final EOF overrides for latest UX adjustments */
.order-intake-modern .location-section.app-location-section {
    justify-content: flex-start !important;
    gap: 8px !important;
}

.order-intake-modern .location-section .location-card-container.measurement-container > label {
    text-align: left !important;
}

.order-intake-modern .updated-embroidery-sec-bottom .thread-drag-and-drop {
    --drag-cursor-size: 62px !important;
}

.order-intake-modern .updated-embroidery-sec-bottom .thread-drag-and-drop::before {
    border: 1px solid rgba(126, 145, 174, 0.72) !important;
    background: radial-gradient(circle, rgba(166, 181, 203, 0.62) 0%, rgba(166, 181, 203, 0.48) 48%, rgba(166, 181, 203, 0.23) 70%, rgba(166, 181, 203, 0) 86%) !important;
}

@media (max-width: 991px) {
    .order-intake-modern .updated-embroidery-sec-bottom .thread-drag-and-drop {
        --drag-cursor-size: 50px !important;
    }
}

/* Final location spacing consistency: keep Select Thread same gap as Location/Measurements */
@media (min-width: 992px) {
    .order-intake-modern .location-section.app-location-section {
        column-gap: 8px !important;
        row-gap: 8px !important;
    }

    .order-intake-modern .location-section.app-location-section > .location-card-container,
    .order-intake-modern .location-section.app-location-section > .size-gated-field {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

/* Final hover circle override */
.order-intake-modern .updated-embroidery-sec-bottom .thread-drag-and-drop {
    --drag-cursor-size: 74px !important;
}

.order-intake-modern .updated-embroidery-sec-bottom .thread-drag-and-drop::before {
    border: 1px solid rgba(105, 126, 160, 0.82) !important;
    background: radial-gradient(circle, rgba(153, 170, 196, 0.72) 0%, rgba(153, 170, 196, 0.56) 48%, rgba(153, 170, 196, 0.30) 70%, rgba(153, 170, 196, 0) 86%) !important;
}

/* Final UI overrides: measurements/thread spacing, qty card, loaders, PO info, delete button */
span.size-section-edit.btn, .btn.sp-size-section-edit {
    font-size: 23px;
    background: #e5e5e5;
    height: 42px;
    padding: 6px 19px 27px !important;
    right: -3px;
    position: relative;
}

.order-intake-modern .apparel-qty-size-container-list .designer-qty-block {
    margin: 0 10px;
    padding: 10px 12px 12px;
    border: 1px solid #d8e1ef;
    border-radius: 14px;
    background: linear-gradient(180deg, #ffffff 0%, #ffffff 100%);
    margin-top: 51px;
}

@media (min-width: 992px) {
    .order-intake-modern .location-section.app-location-section {
        column-gap: 6px !important;
        row-gap: 8px !important;
    }

    .order-intake-modern .location-section.app-location-section > .location-card-container,
    .order-intake-modern .location-section.app-location-section > .size-gated-field {
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

.order-intake-modern .updated-embroidery-sec-bottom .thread-drag-and-drop {
    --drag-cursor-size: 74px !important;
}

.order-intake-modern .updated-embroidery-sec-bottom .thread-drag-and-drop::before {
    border: 1px solid rgba(105, 126, 160, 0.82) !important;
    background: radial-gradient(circle, rgba(153, 170, 196, 0.72) 0%, rgba(153, 170, 196, 0.56) 48%, rgba(153, 170, 196, 0.30) 70%, rgba(153, 170, 196, 0) 86%) !important;
}

.order-intake-modern .updated-embroidery-sec-bottom .thread-drag-and-drop.cursor-active::before,
.order-intake-modern .updated-embroidery-sec-bottom .thread-drag-and-drop:hover::before {
    opacity: 0.82 !important;
    transform: translate(-50%, -50%) scale(0.98) !important;
}

.order-intake-modern .updated-embroidery-sec-bottom .thread-drag-and-drop.cursor-moving::before,
.order-intake-modern .updated-embroidery-sec-bottom .thread-drag-and-drop.is-dragging::before {
    opacity: 0.94 !important;
    transform: translate(-50%, -50%) scale(1) !important;
}

.order-intake-modern .updated-embroidery-sec-bottom .thread-submit,
.order-intake-modern .updated-embroidery-sec-bottom .thread-order-save,
.order-intake-modern .thread-details-sidebar .thread-detail-submit-trigger,
.order-intake-modern .thread-details-sidebar .thread-order-save {
    position: relative;
}

.order-intake-modern .updated-embroidery-sec-bottom .thread-submit .sk-circle.selected,
.order-intake-modern .updated-embroidery-sec-bottom .thread-order-save .sk-circle.selected,
.order-intake-modern .thread-details-sidebar .thread-detail-submit-trigger .sk-circle.selected,
.order-intake-modern .thread-details-sidebar .thread-order-save .sk-circle.selected {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
    visibility: hidden;
}

.order-intake-modern .updated-embroidery-sec-bottom .thread-submit.is-loading .sk-circle.selected,
.order-intake-modern .updated-embroidery-sec-bottom .thread-order-save.is-loading .sk-circle.selected,
.order-intake-modern .thread-details-sidebar .thread-detail-submit-trigger.is-loading .sk-circle.selected,
.order-intake-modern .thread-details-sidebar .thread-order-save.is-loading .sk-circle.selected {
    visibility: visible !important;
}

.order-intake-modern .updated-embroidery-sec-bottom .thread-submit.is-loading,
.order-intake-modern .updated-embroidery-sec-bottom .thread-order-save.is-loading,
.order-intake-modern .thread-details-sidebar .thread-detail-submit-trigger.is-loading,
.order-intake-modern .thread-details-sidebar .thread-order-save.is-loading {
    pointer-events: none;
    opacity: 0.92;
}

.order-intake-modern .po-form-field {
    position: relative;
}

.order-intake-modern .po-form-field .po-field-info {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    border-radius: 999px;
    border: 1px solid #c5d4ea;
    color: #48658f;
    font-size: 11px;
    font-weight: 700;
    line-height: 16px;
    text-align: center;
    background: #fff;
    cursor: help;
    z-index: 2;
}

.order-intake-modern .po-form-field .custom-order-number {
    padding-right: 34px !important;
}

/* Latest UX patch: clearer file delete, hover edit cues, detail grouping */
.order-intake-modern .selected-apparel-submit .list-group-item .thread-file-header .thread-file-remove-btn {
    margin-left: auto;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border: 1px solid #e8b4b4;
    background: #fff6f6;
    color: #a11d1d;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
    padding: 4px 10px !important;
    line-height: 1;
    min-height: 26px;
}

.order-intake-modern .selected-apparel-submit .list-group-item .thread-file-header .thread-file-remove-btn:hover {
    border-color: #d35b5b;
    background: #ffecec;
    color: #7f1616;
}

.order-intake-modern .thread-apparel-type .sub-title.apparel-title-text,
.order-intake-modern .selected-apparel-submit .file-title-text.editable-file-title {
    position: relative;
    padding-right: 24px !important;
}

.order-intake-modern .thread-apparel-type .sub-title.apparel-title-text::after,
.order-intake-modern .selected-apparel-submit .file-title-text.editable-file-title::after {
    content: "\270E";
    position: absolute;
    right: 7px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 11px;
    color: #6786b3;
    opacity: 0;
    transition: opacity .16s ease;
    pointer-events: none;
}

.order-intake-modern .thread-apparel-type .sub-title.apparel-title-text:hover::after,
.order-intake-modern .thread-apparel-type .sub-title.apparel-title-text:focus::after,
.order-intake-modern .selected-apparel-submit .file-title-text.editable-file-title:hover::after,
.order-intake-modern .selected-apparel-submit .file-title-text.editable-file-title:focus::after {
    opacity: 0.95;
}

.order-intake-modern .thread-detail-type-variation-list {
    background: #f2f2f3;
    border: 1px solid #f3f3f3;
    border-radius: 8px;
    padding: 0px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.order-intake-modern .thread-detail-type-variation-list .thread-detail-type-block {
    background: #ffffff;
    border: 1px solid #d8e4f7;
    border-radius: 10px;
    padding: 10px 12px;
    box-shadow: 0 1px 0 rgba(17, 24, 39, 0.03);
}

.order-intake-modern .thread-detail-type-variation-list .thread-detail-type-block + .thread-detail-type-block {
    margin-top: 0;
    border-top: 1px solid #d8e4f7;
    padding-top: 10px;
}

.order-intake-modern .thread-detail-type-variation-list .detail-row-type .thread-detail-label {
    color: #324f7e;
}

.order-intake-modern .thread-detail-type-variation-list .detail-row-variation .thread-detail-label {
    font-size: 10px;
    letter-spacing: 0.02em;
}

.order-intake-modern .thread-detail-type-variation-list .detail-row-variation .thread-detail-value {
    font-size: 11px;
}

.order-intake-modern .thread-detail-type-variation-list .thread-detail-empty {
    font-size: 11px;
    color: #7088ac;
    text-align: left;
    padding: 4px 2px;
}

.order-intake-modern .designer-shift-hint-under-brand {
    margin-top: 4px;
    font-size: 11px;
    font-weight: 600;
    color: #6f83a2;
    text-align: right;
}

.order-intake-modern .selected-apparel-type .quantity-container input.shift-scrubbing {
    border-color: #f4971f !important;
    box-shadow: 0 0 0 2px rgba(244, 151, 31, 0.18) !important;
}

/* Keep measurement width/height fields tightly grouped */
.order-intake-modern .location-section .location-card-container.measurement-container .tops-brand-split {
    display: flex;
    gap: 0 !important;
    align-items: flex-end;
    margin: 0 !important;
    padding: 0 !important;
}

.order-intake-modern .location-section .location-card-container.measurement-container .tops-brand-split input.threadkicker-size-input {
    width: 100%;
    min-width: 0;
    height: 43px;
    max-width: 219px;
}

.order-intake-modern .location-section.app-location-section .location-advanced-col {
    align-self: center;
}

.order-intake-modern .location-section.app-location-section .puff-advanced-layout {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 12px;
    margin-top: 2px;
}

.order-intake-modern .location-section.app-location-section .puff-stack,
.order-intake-modern .location-section.app-location-section .advanced-stack {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
}

.order-intake-modern .location-section.app-location-section .puff-stack-title,
.order-intake-modern .location-section.app-location-section .advanced-stack-title {
    margin: 0;
    font-size: 11px;
    font-weight: 700;
    color: #1f3f70;
    line-height: 1;
}

.order-intake-modern .location-section.app-location-section .location-advanced-trigger {
    border: 1px solid #c9d7ef !important;
    background: #f8fbff !important;
    color: #1f3f70 !important;
    border-radius: 999px !important;
    font-size: 11px;
    font-weight: 700;
    min-width: 132px;
    height: 26px;
    padding: 0 12px !important;
    opacity: 1;
    transform: none;
    transition: opacity .18s ease, transform .18s ease, border-color .18s ease, background-color .18s ease, color .18s ease;
}

.order-intake-modern .location-section.app-location-section:hover .location-advanced-trigger,
.order-intake-modern .location-section.app-location-section:focus-within .location-advanced-trigger,
.order-intake-modern .location-section.app-location-section.has-location-advanced .location-advanced-trigger,
.order-intake-modern .location-section.app-location-section .location-advanced-trigger.active {
    opacity: 1;
    transform: none;
}

.order-intake-modern .location-section.app-location-section .location-advanced-trigger.active {
    border-color: #f4971f !important;
    background: #fff5e8 !important;
    color: #a55c00 !important;
}

.location-advanced-note {
    margin: 0 0 10px;
    padding: 8px 10px;
    border-radius: 10px;
    border: 1px solid #d9e6fa;
    background: #f7faff;
    color: #2d4a78;
    font-size: 11px;
    line-height: 1.35;
    font-weight: 600;
}

.order-intake-modern .location-section .location-advanced-summary-row {
    margin-top: 6px;
    padding-top: 6px;
    border-top: 1px dashed #d9e4f6;
}

.order-intake-modern .location-section .location-advanced-summary {
    font-size: 11px;
    line-height: 1.35;
    color: #28426b;
    background: #f7faff;
    border: 1px solid #dde8fa;
    border-radius: 9px;
    padding: 6px 10px;
}

body.location-advanced-open {
    overflow: hidden;
}

.location-advanced-modal-overlay {
    position: fixed;
    inset: 0;
    z-index: 1085;
    background: rgba(13, 19, 34, 0.42);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 48px 24px;
}

.location-advanced-modal-card {
    width: min(940px, calc(100vw - 48px));
    max-height: calc(100vh - 48px);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    background: #ffffff;
    border: 1px solid #d7e3f7;
    border-radius: 14px;
    box-shadow: 0 26px 44px rgba(5, 15, 35, 0.26);
}

.location-advanced-modal-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 12px 14px;
    border-bottom: 1px solid #e7eefb;
}

.location-advanced-modal-header h5 {
    margin: 0;
    font-size: 15px;
    font-weight: 800;
    color: #19355f;
}

.location-advanced-close {
    border: 0 !important;
    background: transparent !important;
    color: #486592 !important;
    font-size: 20px;
    line-height: 1;
    padding: 0 4px !important;
}

.location-advanced-modal-body {
    overflow: auto;
    padding: 24px 36px 42px !important;
}

.location-advanced-main-view {
    display: block;
}

.location-advanced-help-view {
    display: block;
}

.location-advanced-modal-overlay.location-advanced-help-open .location-advanced-main-view {
    display: none;
}

.location-advanced-modal-overlay.location-advanced-help-open .location-advanced-modal-footer {
    display: none;
}

.location-advanced-modal-overlay.location-advanced-help-open .location-advanced-modal-header h5 {
    opacity: 0;
}

.location-advanced-field-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, max-content);
    align-items: center;
    gap: 14px 24px;
    padding: 10px 0;
    border-bottom: 1px solid #eef3fb;
}

.location-advanced-field-row:last-child {
    border-bottom: 0;
}

.location-advanced-field-label {
    font-size: 13px;
    line-height: 1.35;
    color: #203e6d;
    font-weight: 700;
}

.location-advanced-help-trigger {
    margin-left: 6px !important;
    cursor: pointer !important;
    vertical-align: middle;
    border: 1px solid #c8d8f3 !important;
    background: #f5f8fc !important;
    color: #244575 !important;
    border-radius: 999px !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    min-height: 28px !important;
    padding: 0 12px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    line-height: 1 !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transform: translateY(-2px);
    transition: opacity .18s ease, transform .18s ease, background-color .18s ease !important;
}

.location-advanced-field-row:hover .location-advanced-help-trigger,
.location-advanced-field-row:focus-within .location-advanced-help-trigger {
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: translateY(0);
}

.location-advanced-help-trigger-icon {
    width: 16px;
    height: 16px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #dfe7f3;
    color: #244575;
    font-size: 11px;
    font-weight: 900;
    line-height: 1;
}

.location-advanced-help-trigger-text {
    display: inline-block;
}

.location-advanced-help-view.hide {
    display: none !important;
}

.location-advanced-help-back {
    border: 1px solid #c8d8f3 !important;
    background: #f5f8fc !important;
    color: #244575 !important;
    border-radius: 999px !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    min-height: 38px !important;
    padding: 0 16px !important;
    margin: 0 0 14px !important;
}

.location-advanced-help-topbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 10px;
}

.location-advanced-help-nav {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.location-advanced-help-arrow {
    border: 1px solid #c8d8f3 !important;
    background: #ffffff !important;
    color: #244575 !important;
    border-radius: 999px !important;
    min-width: 112px !important;
    height: 44px !important;
    padding: 0 16px !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
}

.location-advanced-help-arrow:disabled {
    opacity: 0.42;
}

.location-advanced-help-arrow.hide {
    display: none !important;
}

.location-advanced-help-arrow-icon {
    font-size: 20px;
    line-height: 1;
}

.location-advanced-help-arrow-text {
    line-height: 1;
}

.location-advanced-help-view-visual {
    width: 100%;
    min-height: 240px;
    border-radius: 18px;
    background: linear-gradient(180deg, #f5f8fc 0%, #e9eef6 100%);
    border: 1px solid #dde5f0;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    margin-bottom: 16px;
    padding: 18px;
}

.location-advanced-help-view-image {
    max-width: 100%;
    width: auto;
    height: auto;
    display: block;
    object-fit: contain;
}

.location-advanced-help-view-fallback {
    width: 96px;
    height: 96px;
    border-radius: 999px;
    background: #ffffff;
    color: #244575;
    border: 1px solid #cfd8e5;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 40px;
    font-weight: 800;
    box-shadow: 0 8px 20px rgba(36, 69, 117, 0.12);
}

.location-advanced-help-view-title {
    font-size: 24px;
    line-height: 1.2;
    font-weight: 800;
    color: #17314f;
    margin-bottom: 12px;
}

.location-advanced-help-view-copy {
    font-size: 16px;
    line-height: 1.7;
    color: #425671;
    font-weight: 700;
}

.location-advanced-help-question {
    margin: 16px 0 8px;
    font-size: 18px;
    line-height: 1.35;
    font-weight: 800;
    color: #17314f;
}

.location-advanced-help-note {
    margin: 0 0 12px;
    font-size: 14px;
    line-height: 1.5;
    color: #5b6f8d;
    font-weight: 700;
}

.location-advanced-help-note.hide {
    display: none !important;
}

.location-advanced-help-options {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.location-advanced-help-options.location-advanced-help-options-boolean {
    gap: 12px;
}

.location-advanced-help-choice {
    border: 1px solid #c8d8f3 !important;
    background: #f9fbff !important;
    color: #244575 !important;
    border-radius: 999px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    height: 32px !important;
    min-width: 92px !important;
    padding: 0 16px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    box-shadow: none !important;
    transition: border-color .16s ease, background .16s ease, color .16s ease !important;
}

.location-advanced-help-choice:hover {
    border-color: #b5c8e7 !important;
    background: #f3f7fd !important;
}

.location-advanced-help-options.location-advanced-help-options-boolean .location-advanced-help-choice {
    min-width: 112px !important;
    height: 36px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
}

.location-advanced-help-choice.active {
    border-color: #f4971f !important;
    background: #fff3e3 !important;
    color: #8c4c00 !important;
    box-shadow: inset 0 0 0 1px rgba(244, 151, 31, 0.14) !important;
}

.location-advanced-help-choice.active::before {
    content: "\2713";
    display: inline-block;
    margin-right: 6px;
    font-size: 12px;
    font-weight: 900;
    line-height: 1;
}

.location-advanced-options {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    justify-content: flex-end;
    min-width: 280px;
}

.location-advanced-choice {
    border: 1px solid #c8d8f3 !important;
    background: #f9fbff !important;
    color: #244575 !important;
    border-radius: 999px !important;
    font-size: 11px;
    font-weight: 700;
    height: 28px;
    min-width: 72px;
    padding: 0 12px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    white-space: nowrap;
}

.location-advanced-choice.active {
    border-color: #f4971f !important;
    background: #fff3e3 !important;
    color: #8c4c00 !important;
}

.location-advanced-choice.active::before {
    content: "\2713";
    display: inline-block;
    margin-right: 6px;
    font-size: 11px;
    font-weight: 900;
    line-height: 1;
}

.location-advanced-modal-footer {
    display: flex;
    flex: 0 0 auto;
    justify-content: flex-end;
    gap: 8px;
    padding: 10px 14px 14px;
    border-top: 1px solid #e7eefb;
}

.location-advanced-cancel {
    border: 1px solid #c8d8f3 !important;
    background: #ffffff !important;
    color: #28426f !important;
    border-radius: 999px !important;
    font-size: 12px;
    font-weight: 700;
    height: 32px;
    padding: 0 14px !important;
}

.location-advanced-save {
    border: 1px solid #f4971f !important;
    background: #f4971f !important;
    color: #ffffff !important;
    border-radius: 999px !important;
    font-size: 12px;
    font-weight: 800;
    height: 32px;
    padding: 0 14px !important;
}

@media (max-width: 767px) {
    .order-intake-modern .location-section.app-location-section .location-advanced-trigger {
        opacity: 1;
    }
    .order-intake-modern .location-section.app-location-section .puff-advanced-layout {
        gap: 8px;
    }
    .location-advanced-field-row {
        display: flex;
        align-items: flex-start;
        flex-direction: column;
        gap: 8px;
    }
    .location-advanced-options {
        justify-content: flex-start;
        min-width: 0;
        width: 100%;
    }
    .location-advanced-help-view-visual {
        min-height: 200px;
        padding: 14px;
    }
    .location-advanced-help-view-title {
        font-size: 20px;
    }
    .location-advanced-help-view-copy {
        font-size: 15px;
    }
    .location-advanced-help-question {
        font-size: 17px;
    }
    .location-advanced-help-topbar {
        align-items: stretch;
        flex-direction: column;
    }
    .location-advanced-help-nav {
        width: 100%;
        justify-content: space-between;
    }
    .location-advanced-help-arrow {
        flex: 1 1 0;
        min-width: 0 !important;
    }
    .location-advanced-modal-overlay {
        padding: 30px;
    }
    .location-advanced-modal-card {
        width: 100%;
        max-height: calc(100vh - 60px);
    }
    .location-advanced-modal-body {
        padding: 18px 22px 34px !important;
    }
}

/* Final calendar + sidebar polish */
.calendar-title-key-wrap {
    align-items: center;
}

.calendar-priority-key {
    padding: 8px 12px;
    gap: 8px;
}

.calendar-priority-key-item {
    padding: 5px 10px;
}

.calendar-search-toggle {
    margin-top: 5px;
    min-width: 32px;
    padding: 3px 9px !important;
}

.calendar-search-field {
    margin: 5px 6px 0;
}

.calendar-search-field.is-open {
    width: 190px;
}

.order-intake-modern .thread-details-sidebar {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 26px !important;
}

@media (max-width: 991px) {
    .order-intake-modern .location-section.app-location-section {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 8px !important;
    }

    .order-intake-modern .location-section.app-location-section > .location-card-container:first-child {
        flex: 0 0 calc(32% - 6px) !important;
        max-width: calc(32% - 6px) !important;
    }

    .order-intake-modern .location-section.app-location-section > .location-card-container.measurement-container {
        flex: 0 0 calc(32% - 6px) !important;
        max-width: calc(32% - 6px) !important;
    }

    .order-intake-modern .location-section.app-location-section > .size-gated-field {
        flex: 0 0 calc(18% - 6px) !important;
        max-width: calc(18% - 6px) !important;
    }

    .order-intake-modern .location-section .location-add-btn-row {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        order: 10 !important;
    }
}

/* Final order-builder overrides */
.order-intake-modern {
    background: #f5f5f7 !important;
}

.order-intake-modern .order-builder-layout {
    max-width: 1220px;
    margin: 0 auto !important;
    align-items: flex-start;
    gap: 22px;
    overflow: visible !important;
}

.order-intake-modern .order-builder-main-col {
    max-width: calc(100% - 342px);
}

.order-intake-modern .order-builder-side-col {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 17px !important;
    align-self: flex-start !important;
    height: fit-content;
    overflow: visible !important;
}

.order-intake-modern .thread-details-sidebar {
    position: static !important;
    top: auto !important;
}

.order-intake-modern .thread-details-sidebar-card {
    background: #ffffff !important;
    border: 1px solid #e4e8ef;
    box-shadow: 0 10px 24px rgba(17, 24, 39, 0.08);
}

.order-intake-modern .order-builder-header-row {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.order-intake-modern .order-builder-heading {
    text-align: center !important;
    margin-bottom: 16px !important;
}

.order-intake-modern .thread-apparel-type .img-wrapper.active {
    border-color: #f4971f !important;
    box-shadow: none !important;
}

.order-intake-modern .thread-apparel-type .img-wrapper.active .sub-title.apparel-title-text {
    color: #0f172a;
}

.order-intake-modern .thread-apparel-type .img-wrapper .apparel-title-edit {
    display: none !important;
}

.order-intake-modern .thread-detail-small-note {
    margin-top: 8px;
    font-size: 10px;
    line-height: 1.3;
    color: #70819a;
}

.order-intake-modern .po-field-with-info {
    position: relative;
}

.order-intake-modern .po-field-with-info .custom-order-number {
    padding-right: 36px !important;
}

.order-intake-modern .po-field-with-info .po-field-info {
    position: absolute;
    right: 11px;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    border-radius: 999px;
    border: 1px solid #cad6e8;
    color: #4b6387;
    background: #f8fbff;
    font-size: 11px;
    font-weight: 700;
    line-height: 16px;
    text-align: center;
    pointer-events: auto;
}

.order-intake-modern .selected-apparel-type .apparel-selected-item-main {
    margin-bottom: 18px !important;
}

.order-intake-modern .selected-apparel-submit .order-builder-subcard {
    margin-bottom: 18px !important;
}

.order-intake-modern .selected-apparel-submit .embroidery-sec-container {
    overflow: visible !important;
}

.order-intake-modern .updated-embroidery-sec-bottom .order-submit-actions {
    margin-top: 2px;
    gap: 8px;
}

.order-intake-modern .updated-embroidery-sec-bottom .thread-submit {
    min-width: 300px;
    max-width: 360px;
    border-radius: 999px;
    font-size: 16px;
    font-weight: 800;
    min-height: 44px;
}

.order-intake-modern .updated-embroidery-sec-bottom .thread-order-save,
.order-intake-modern .thread-details-sidebar .thread-order-save {
    border: 1px solid #1f3658 !important;
    background: #ffffff !important;
    color: #1f3658 !important;
    min-width: 130px;
    min-height: 34px;
    font-size: 12px;
    font-weight: 700;
    border-radius: 999px !important;
    padding: 6px 14px !important;
}

.order-intake-modern .thread-details-sidebar .thread-order-save {
    width: 100%;
}

.order-intake-modern .updated-embroidery-sec-bottom .file-upload-section {
    margin: 8px 0 12px !important;
}

.order-intake-modern .updated-embroidery-sec-bottom .thread-drag-and-drop {
    min-height: 142px;
    border: 1.5px dashed #c9d2de;
    border-radius: 14px;
    background: linear-gradient(180deg, #fcfcfd 0%, #f7f9fc 100%);
}

.order-intake-modern .updated-embroidery-sec-bottom .thread-drag-title {
    font-size: 14px;
    font-weight: 700;
}

.order-intake-modern .location-section.app-location-section {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: flex-end !important;
    gap: 15px !important;
}

.order-intake-modern .location-section.app-location-section > .location-card-container:first-child {
    flex: 0 0 36% !important;
    max-width: 36% !important;
}

.order-intake-modern .location-section.app-location-section > .location-card-container.measurement-container {
    flex: 0 0 34% !important;
    max-width: 34% !important;
}

.order-intake-modern .location-section.app-location-section > .size-gated-field {
    flex: 0 0 13% !important;
    max-width: 13% !important;
}

.order-intake-modern .location-section .location-card-container.measurement-container .tops-brand-split {
    display: flex;
    align-items: flex-end;
    gap: 8px;
}

.order-intake-modern .location-section .location-card-container.measurement-container .tops-brand-split .form-group {
    margin-bottom: 0 !important;
}

.order-intake-modern .location-section .location-card-container.measurement-container .tops-brand-split .size-field,
.order-intake-modern .location-section .location-card-container.measurement-container .tops-brand-split input.threadkicker-size-input {
    max-width: 164px !important;
}

.order-intake-modern .location-section .location-add-btn-row {
    order: 99;
    flex: 0 0 100%;
    max-width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 10px;
    height: auto;
}

.order-intake-modern .location-section .apparel-add-location-trigger,
.order-intake-modern .apparel-qty-container .apparel-variation-trigger,
.order-intake-modern .order-builder-layout .apparel-variation-button-container .add-apparel-variation {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    position: relative;
    border-radius: 999px !important;
    border: 1px solid #1f3658 !important;
    background: #ffffff !important;
    color: #1f3658 !important;
    box-shadow: none !important;
    font-size: 12px;
    font-weight: 700;
    height: 34px;
    padding: 0 14px !important;
    z-index: 1;
}

.order-intake-modern .location-section .apparel-add-location-trigger {
    min-width: 132px;
    max-width: 116px;
}

.order-intake-modern .apparel-qty-container .apparel-variation-trigger {
    min-width: 170px;
}

.order-intake-modern .order-builder-layout .apparel-variation-button-container {
    justify-content: center !important;
    margin-top: 6px !important;
    display: flex;
    align-items: center;
    gap: 10px;
}

.order-intake-modern .order-builder-layout .apparel-variation-button-container .add-apparel-variation {
    min-width: 176px;
}

.order-intake-modern .order-builder-layout .apparel-variation-button-container::before,
.order-intake-modern .order-builder-layout .apparel-variation-button-container::after,
.order-intake-modern .location-section .location-add-btn-row::before,
.order-intake-modern .location-section .location-add-btn-row::after,
.order-intake-modern .apparel-qty-container .text-right.my-4::before,
.order-intake-modern .apparel-qty-container .text-right.my-4::after {
    content: "";
    flex: 1 1 auto;
    border-top: 1px solid #9eb2cf;
    min-width: 16px;
}

.order-intake-modern .location-section .apparel-add-location-trigger::before,
.order-intake-modern .location-section .apparel-add-location-trigger::after,
.order-intake-modern .apparel-qty-container .apparel-variation-trigger::before,
.order-intake-modern .apparel-qty-container .apparel-variation-trigger::after,
.order-intake-modern .order-builder-layout .apparel-variation-button-container .add-apparel-variation::before,
.order-intake-modern .order-builder-layout .apparel-variation-button-container .add-apparel-variation::after {
    content: none;
}

.order-intake-modern .location-section .apparel-add-location-trigger::before,
.order-intake-modern .apparel-qty-container .apparel-variation-trigger::before,
.order-intake-modern .order-builder-layout .apparel-variation-button-container .add-apparel-variation::before {
    right: calc(100% + 12px);
}

.order-intake-modern .location-section .apparel-add-location-trigger::after,
.order-intake-modern .apparel-qty-container .apparel-variation-trigger::after,
.order-intake-modern .order-builder-layout .apparel-variation-button-container .add-apparel-variation::after {
    left: calc(100% + 12px);
}

.order-intake-modern .location-section .location-add-btn-row {
    display: flex;
    align-items: center;
    gap: 10px;
}

.order-intake-modern .apparel-qty-container .text-right.my-4 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-top: 10px !important;
    margin-bottom: 0 !important;
}

.order-intake-modern .thread-detail-type-variation-list .thread-detail-type-block + .thread-detail-type-block {
    margin-top: 10px;
    border-top: 0;
    padding-top: 10px;
}

.order-intake-modern .thread-detail-type-variation-list .detail-row-type .thread-detail-value:empty {
    display: none;
}

.order-intake-modern .thread-detail-quote-secondary .get-a-quote {
    display: inline-block !important;
    width: auto !important;
    min-height: 0;
    border: 0 !important;
    background: transparent !important;
    color: #1f3658 !important;
    font-weight: 700;
    font-size: 11px;
    padding: 0 !important;
    text-decoration: underline !important;
}

.order-intake-modern .thread-detail-quote-secondary {
    margin-top: 4px;
    text-align: center;
}

.order-intake-modern .thread-order-dot {
    width: 7px;
    height: 7px;
}

.thread-progress-dock {
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    bottom: 112px;
    width: min(540px, calc(100vw - 28px));
    z-index: 999999 !important;
}

.thread-progress-dock .thread-progress-dock-inner {
    border: 1px solid #d5deec;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.95);
    box-shadow: 0 10px 22px rgba(15, 23, 42, 0.16);
    padding: 10px 14px;
}

.thread-progress-dock .thread-detail-progress-wrap {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
}

/* Final hotfix: carded layout + sticky side details + line-button treatment */
.order-intake-modern .selected-apparel-type .apparel-selected-item-main,
.order-intake-modern .selected-apparel-submit .order-builder-subcard,
.order-intake-modern .embroidery-sec-container,
.order-intake-modern .thread-details-sidebar-card {
    background: #ffffff !important;
    border: 1px solid #e4e8ef !important;
    border-radius: 16px !important;
    box-shadow: 0 10px 24px rgba(17, 24, 39, 0.06) !important;
}

.order-intake-modern .selected-apparel-type .apparel-selected-item-main,
.order-intake-modern .selected-apparel-submit .order-builder-subcard,
.order-intake-modern .embroidery-sec-container {
    margin-bottom: 16px !important;
}

.order-intake-modern .order-builder-layout,
.order-intake-modern .order-builder-main-col,
.order-intake-modern .order-builder-side-col,
.order-intake-modern .order-builder-layout > div {
    overflow: visible !important;
}

.order-intake-modern .main-section,
.order-intake-modern .main-section .main.container,
.order-intake-modern .shoping-page-main,
.order-intake-modern .main.container {
    overflow: visible !important;
    transform: none !important;
}

.order-intake-modern .order-builder-side-col {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 16px !important;
    align-self: flex-start !important;
    height: max-content !important;
    display: block !important;
}

.order-intake-modern .order-builder-side-col .thread-details-sidebar {
    position: static !important;
    top: auto !important;
}

.order-intake-modern .order-builder-side-col .thread-details-sidebar-card {
    position: relative;
}

.order-intake-modern .location-section .location-add-btn-row,
.order-intake-modern .order-builder-layout .apparel-variation-button-container,
.order-intake-modern .apparel-qty-container .text-right.my-4 {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
}

.order-intake-modern .location-section .location-add-btn-row {
    margin-top: 14px !important;
    margin-bottom: 4px !important;
}

.order-intake-modern .order-builder-layout .apparel-variation-button-container,
.order-intake-modern .apparel-qty-container .text-right.my-4 {
    margin-top: 10px !important;
    margin-bottom: 2px !important;
}

.order-intake-modern .location-section .location-add-btn-row::before,
.order-intake-modern .location-section .location-add-btn-row::after,
.order-intake-modern .order-builder-layout .apparel-variation-button-container::before,
.order-intake-modern .order-builder-layout .apparel-variation-button-container::after,
.order-intake-modern .apparel-qty-container .text-right.my-4::before,
.order-intake-modern .apparel-qty-container .text-right.my-4::after {
    content: "";
    flex: 1 1 auto;
    min-width: 16px;
    border-top: 1px solid #9eb2cf;
}

.order-intake-modern .location-section .apparel-add-location-trigger,
.order-intake-modern .apparel-qty-container .apparel-variation-trigger,
.order-intake-modern .order-builder-layout .apparel-variation-button-container .add-apparel-variation {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    white-space: nowrap;
    width: auto !important;
    min-width: 0 !important;
    border-radius: 999px !important;
    border: 1px solid #1f3658 !important;
    background: #ffffff !important;
    color: #1f3658 !important;
    box-shadow: none !important;
    height: 34px !important;
    padding: 0 14px !important;
    margin: 0 !important;
}

.order-intake-modern .location-section .apparel-add-location-trigger {
    max-width: 116px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
}

.order-intake-modern .apparel-qty-container .apparel-variation-trigger,
.order-intake-modern .order-builder-layout .apparel-variation-button-container .add-apparel-variation {
    min-width: 170px !important;
    max-width: 220px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
}

.order-intake-modern .apparel-qty-container .apparel-variation-trigger::before,
.order-intake-modern .apparel-qty-container .apparel-variation-trigger::after,
.order-intake-modern .order-builder-layout .apparel-variation-button-container .add-apparel-variation::before,
.order-intake-modern .order-builder-layout .apparel-variation-button-container .add-apparel-variation::after {
    content: none !important;
}

.order-intake-modern .location-section .apparel-add-location-trigger {
    position: relative !important;
}

.order-intake-modern .location-section .apparel-add-location-trigger::before,
.order-intake-modern .location-section .apparel-add-location-trigger::after {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    width: 100vw !important;
    border-top: 1px solid #9eb2cf !important;
    transform: translateY(-50%) !important;
    pointer-events: none !important;
}

.order-intake-modern .location-section .apparel-add-location-trigger::before {
    right: calc(100% + 12px) !important;
}

.order-intake-modern .location-section .apparel-add-location-trigger::after {
    left: calc(100% + 12px) !important;
}

/* Final override: lines directly on .apparel-add-location-trigger */
.order-intake-modern .location-section .apparel-add-location-trigger {
    position: relative !important;
}

.order-intake-modern .location-section .apparel-add-location-trigger::before,
.order-intake-modern .location-section .apparel-add-location-trigger::after {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    width: 100vw !important;
    border-top: 1px solid #9eb2cf !important;
    transform: translateY(-50%) !important;
    pointer-events: none !important;
}

.order-intake-modern .location-section .apparel-add-location-trigger::before {
    right: calc(100% + 12px) !important;
}

.order-intake-modern .location-section .apparel-add-location-trigger::after {
    left: calc(100% + 12px) !important;
}

/* Explicit side lines on + Location button */
.order-intake-modern .location-section .apparel-add-location-trigger {
    position: relative !important;
}

.order-intake-modern .location-section .apparel-add-location-trigger::before,
.order-intake-modern .location-section .apparel-add-location-trigger::after {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    width: 100vw !important;
    border-top: 1px solid #9eb2cf !important;
    transform: translateY(-50%) !important;
    pointer-events: none !important;
}

.order-intake-modern .location-section .apparel-add-location-trigger::before {
    right: calc(100% + 12px) !important;
}

.order-intake-modern .location-section .apparel-add-location-trigger::after {
    left: calc(100% + 12px) !important;
}

/* Batch update: uploader polish, card spacing, field alignment */
.red-calendar.vertical-time-calendar .red-event.vertical-event {
    margin-top: 2px !important;
    margin-bottom: 2px !important;
}

.order-intake-modern .thread-upload-progress-fill {
    transition: width .34s linear !important;
}

.order-intake-modern .updated-embroidery-sec-bottom .thread-drag-and-drop {
    position: relative;
    overflow: hidden !important;
}

.order-intake-modern .updated-embroidery-sec-bottom .thread-drag-and-drop::before {
    width: 82px !important;
    height: 82px !important;
    border: 1px solid rgba(83, 101, 128, 0.72) !important;
    background: radial-gradient(circle, rgba(148, 162, 184, 0.62) 0%, rgba(148, 162, 184, 0.48) 58%, rgba(148, 162, 184, 0.12) 82%, rgba(148, 162, 184, 0) 100%) !important;
    filter: none !important;
    opacity: 0 !important;
    transition: opacity .12s ease !important;
}

.order-intake-modern .updated-embroidery-sec-bottom .thread-drag-and-drop.cursor-active::before,
.order-intake-modern .updated-embroidery-sec-bottom .thread-drag-and-drop.is-dragging::before,
.order-intake-modern .updated-embroidery-sec-bottom .thread-drag-and-drop:hover::before {
    opacity: .95 !important;
}

.order-intake-modern .updated-embroidery-sec-bottom .thread-drag-and-drop.drop-pop::before {
    animation: threadDropCursorPop .52s cubic-bezier(.19,.84,.24,1.06) !important;
}

@keyframes threadDropCursorPop {
    0% { transform: translate(calc(var(--drag-cursor-x) - 41px), calc(var(--drag-cursor-y) - 41px)) scale(1); }
    35% { transform: translate(calc(var(--drag-cursor-x) - 41px), calc(var(--drag-cursor-y) - 41px)) scale(1.24); }
    68% { transform: translate(calc(var(--drag-cursor-x) - 41px), calc(var(--drag-cursor-y) - 41px)) scale(0.88); }
    100% { transform: translate(calc(var(--drag-cursor-x) - 41px), calc(var(--drag-cursor-y) - 41px)) scale(1); }
}

.order-intake-modern .selected-apparel-submit .dz-preview.dz-preview-multiple.proof-desction-list,
.order-intake-modern .selected-apparel-submit .list-group-item,
.order-intake-modern .selected-apparel-submit .list-group-item .thread-file-item-main,
.order-intake-modern .selected-apparel-submit .list-group-item .thread-file-preview-col,
.order-intake-modern .selected-apparel-submit .list-group-item .avatar.thread-file-preview {
    overflow: visible !important;
}

.order-intake-modern .selected-apparel-submit .list-group-item:hover .avatar.thread-file-preview .avatar-img.rounded,
.order-intake-modern .selected-apparel-submit .list-group-item:hover .avatar.thread-file-preview canvas.avatar-img.rounded {
    transform: none !important;
}

.order-intake-modern .selected-apparel-submit .list-group-item .avatar.thread-file-preview:hover .avatar-img.rounded,
.order-intake-modern .selected-apparel-submit .list-group-item .avatar.thread-file-preview:hover canvas.avatar-img.rounded {
    width: 240px !important;
    height: 240px !important;
    max-width: 240px !important;
    max-height: 240px !important;
    object-fit: contain !important;
    transform: translate(98px, -72px) !important;
    transform-origin: left top;
    border-radius: 12px !important;
    border: 1px solid #d8e2f1 !important;
    background: #ffffff !important;
    padding: 6px !important;
    box-shadow: 0 18px 34px rgba(15, 23, 42, 0.24) !important;
    z-index: 60 !important;
}

.order-intake-modern .updated-embroidery-sec-bottom .thread-file-note-input {
    min-height: 30px !important;
    height: 30px !important;
    max-height: 30px !important;
    padding: 4px 10px !important;
}

.order-intake-modern .location-lists .location-section.app-location-section {
    align-items: flex-start !important;
    gap: 15px !important;
    border-bottom: 1px solid #d7deea !important;
    margin: 0 0 10px !important;
    padding: 8px 0 12px !important;
}

.order-intake-modern .location-lists .location-section.app-location-section:last-child {
    border-bottom: 0 !important;
}

.order-intake-modern .location-section.app-location-section > .location-card-container:first-child {
    flex: 0 0 280px !important;
    max-width: 280px !important;
}

.order-intake-modern .location-section.app-location-section > .location-card-container.measurement-container {
    flex: 0 0 230px !important;
    max-width: 230px !important;
}

.order-intake-modern .location-section .location-card-container.measurement-container > label {
    width: 100% !important;
    text-align: left !important;
}

.order-intake-modern .location-section .location-card-container.measurement-container .tops-brand-split {
    display: flex !important;
    align-items: flex-end !important;
    gap: 15px !important;
    margin: 0 !important;
}

.order-intake-modern .location-section .location-card-container.measurement-container .tops-brand-split .size-field,
.order-intake-modern .location-section .location-card-container.measurement-container .tops-brand-split input.threadkicker-size-input {
    min-width: 0 !important;
    max-width: none !important;
}

.order-intake-modern .location-section .size-gated-field {
    flex: 0 0 190px !important;
    max-width: 190px !important;
}

.order-intake-modern .location-section.app-location-section.single-measurement-mode > .location-card-container.measurement-container {
    flex: 0 0 190px !important;
    max-width: 190px !important;
}

.order-intake-modern .location-section.app-location-section.single-measurement-mode .location-card-container.measurement-container .tops-brand-split .size-field:not(.hide),
.order-intake-modern .location-section.app-location-section.single-measurement-mode .location-card-container.measurement-container .tops-brand-split input.threadkicker-size-input:not(.hide) {
    flex: 0 0 190px !important;
    max-width: 190px !important;
}

@media (max-width: 991px) {
    .order-intake-modern .selected-apparel-submit .list-group-item .avatar.thread-file-preview:hover .avatar-img.rounded,
    .order-intake-modern .selected-apparel-submit .list-group-item .avatar.thread-file-preview:hover canvas.avatar-img.rounded {
        width: 172px !important;
        height: 172px !important;
        max-width: 172px !important;
        max-height: 172px !important;
        transform: translate(26px, -40px) !important;
    }

    .order-intake-modern .location-section.app-location-section > .location-card-container:first-child,
    .order-intake-modern .location-section.app-location-section > .location-card-container.measurement-container,
    .order-intake-modern .location-section .size-gated-field {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
}

/* Final UX polish pass */
.order-intake-modern .thread-apparel-type.launch-pad-lists .img-wrapper.active {
    border: 2px solid #f4971f !important;
    box-shadow: none !important;
}

.order-intake-modern .location-section .puff-advanced-layout {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 15px !important;
}

.order-intake-modern .location-section .puff-advanced-layout .puff-stack .thread-premium-setup {
    display: inline-flex !important;
    align-items: center;
    gap: 15px !important;
    flex-wrap: nowrap !important;
}

.order-intake-modern .location-section .puff-advanced-layout .puff-stack .thread-premium-setup .premium-setup-action {
    min-width: 36px;
    text-align: center;
}

.order-intake-modern .selected-apparel-submit .thread-order-save {
    display: inline-flex !important;
}

.order-intake-modern .thread-details-sidebar-card {
    overflow: visible !important;
}

.order-intake-modern .thread-detail-save-wrap {
    margin-top: 10px !important;
    transform: translateY(10px);
}

.order-intake-modern .thread-detail-save-wrap .thread-order-save {
    width: calc(100% - 18px) !important;
    margin: 0 auto !important;
}

.order-intake-modern .thread-detail-small-note {
    font-size: 9px !important;
    line-height: 1.25 !important;
}

.order-intake-modern .po-form-field,
.order-intake-modern .po-field-with-info,
.order-intake-modern .po-field-with-info .custom-order-number {
    width: 100% !important;
    max-width: none !important;
}

.order-intake-modern .order-meta-card .repeat-order-row,
.order-intake-modern .order-meta-card .pre-production-row {
    background: #f8fafc;
    border: 1px solid #dfe7f2;
    padding: 8px 10px !important;
    margin-top: 8px !important;
}

.order-intake-modern .order-meta-card .repeat-order-row {
    border-radius: 12px 12px 0 0;
    border-bottom: 0;
}

.order-intake-modern .order-meta-card .pre-production-row {
    border-radius: 0 0 12px 12px;
}

.order-intake-modern .updated-embroidery-sec-bottom .thread-drag-and-drop {
    position: relative;
    overflow: hidden !important;
    --drag-cursor-x: 50%;
    --drag-cursor-y: 50%;
}

.order-intake-modern .updated-embroidery-sec-bottom .thread-drag-and-drop::before {
    content: "";
    position: absolute;
    width: 128px;
    height: 128px;
    left: 0;
    top: 0;
    border-radius: 999px;
    background: rgba(156, 163, 175, 0.2);
    border: 1px solid rgba(110, 123, 145, 0.42);
    box-shadow: 0 0 0 1px rgba(120, 132, 153, 0.18);
    transform: translate(calc(var(--drag-cursor-x) - 64px), calc(var(--drag-cursor-y) - 64px)) scale(1);
    opacity: 0;
    transition: opacity .18s ease, transform .2s ease;
    pointer-events: none;
    filter: none;
    z-index: 1;
}

.order-intake-modern .updated-embroidery-sec-bottom .thread-drag-and-drop.cursor-active::before,
.order-intake-modern .updated-embroidery-sec-bottom .thread-drag-and-drop:hover::before,
.order-intake-modern .updated-embroidery-sec-bottom .thread-drag-and-drop.is-dragging::before {
    opacity: .96;
}

.order-intake-modern .updated-embroidery-sec-bottom .thread-drag-and-drop.cursor-moving::before {
    transform: translate(calc(var(--drag-cursor-x) - 64px), calc(var(--drag-cursor-y) - 64px)) scale(1.1);
}

.order-intake-modern .updated-embroidery-sec-bottom .thread-drag-and-drop:not(.cursor-active):not(.is-dragging):not(:hover)::before {
    opacity: 0;
}

.order-intake-modern .updated-embroidery-sec-bottom .thread-drag-and-drop > * {
    position: relative;
    z-index: 2;
}

@media (max-width: 1199px) {
    .order-intake-modern .order-builder-main-col {
        max-width: calc(100% - 312px);
    }
}

@media (max-width: 991px) {
    .order-intake-modern .order-builder-main-col {
        max-width: 100%;
    }

    .order-intake-modern .order-builder-side-col {
        display: none;
    }

    .order-intake-modern .location-section.app-location-section > .location-card-container:first-child,
    .order-intake-modern .location-section.app-location-section > .location-card-container.measurement-container,
    .order-intake-modern .location-section.app-location-section > .size-gated-field {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    .thread-progress-dock {
        bottom: 96px;
        width: calc(100vw - 20px);
    }

}

.red-calendar.vertical-time-calendar .red-event.vertical-event {
    margin-top: 1px !important;
    margin-bottom: 1px !important;
}

/* Final layout/card correction: right sticky details + files/meta cards */
.order-intake-modern .order-builder-layout {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 22px !important;
}

.order-intake-modern .order-builder-main-col {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    max-width: calc(100% - 342px) !important;
}

.order-intake-modern .order-builder-side-col {
    flex: 0 0 320px !important;
    width: 320px !important;
    max-width: 320px !important;
    margin-left: auto !important;
    align-self: flex-start !important;
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 16px !important;
    z-index: 40;
}

.order-intake-modern .order-builder-side-col .thread-details-sidebar,
.order-intake-modern .order-builder-side-col .thread-details-sidebar-card {
    width: 100% !important;
}

.order-intake-modern .selected-apparel-submit.updated-embroidery-sec-bottom .order-files-card,
.order-intake-modern .selected-apparel-submit.updated-embroidery-sec-bottom .order-meta-card {
    background: #ffffff !important;
    border: 1px solid #e4e8ef !important;
    border-radius: 16px !important;
    box-shadow: 0 10px 24px rgba(17, 24, 39, 0.06) !important;
    padding: 18px 20px !important;
    margin-bottom: 16px !important;
}

.order-intake-modern .selected-apparel-submit.updated-embroidery-sec-bottom .order-meta-card .embroidery-sec-container {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

.order-intake-modern .selected-apparel-submit.updated-embroidery-sec-bottom .order-submit-actions {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    margin-top: 6px !important;
    padding: 0 !important;
    text-align: center;
}

.order-intake-modern .selected-apparel-submit.updated-embroidery-sec-bottom .order-submit-actions .thread-submit,
.order-intake-modern .selected-apparel-submit.updated-embroidery-sec-bottom .order-submit-actions .thread-order-save {
    margin-top: 0 !important;
}

@media (max-width: 991px) {
    .order-intake-modern .order-builder-layout {
        flex-wrap: wrap !important;
    }

    .order-intake-modern .order-builder-main-col,
    .order-intake-modern .order-builder-side-col {
        max-width: 100% !important;
        width: 100% !important;
        flex: 0 0 100% !important;
    }

    .order-intake-modern .order-builder-side-col {
        position: static !important;
        margin-left: 0 !important;
        top: auto !important;
    }
}

/* Final visual alignment polish */
.order-intake-modern .location-section.app-location-section {
    align-items: flex-end !important;
    gap: 14px !important;
}

.order-intake-modern .location-section.app-location-section .form-group {
    margin-bottom: 0 !important;
}

.order-intake-modern .location-section.app-location-section label,
.order-intake-modern .selected-apparel-submit .order-builder-subcard label {
    font-size: 12px;
    font-weight: 700;
    color: #385072;
    margin-bottom: 6px !important;
}

.order-intake-modern .location-section.app-location-section .form-control,
.order-intake-modern .selected-apparel-submit .form-control,
.order-intake-modern .location-section.app-location-section .set-thread-color {
    min-height: 43px !important;
    height: 43px !important;
    border-radius: 10px !important;
    border-color: #d5deec !important;
    background: #fff !important;
}

.order-intake-modern .location-section.app-location-section .set-thread-color {
    width: 100% !important;
    justify-content: flex-start !important;
    padding: 0 12px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    color: #1f3658 !important;
}

.order-intake-modern .location-section.app-location-section .tops-brand-split {
    gap: 10px !important;
}

.order-intake-modern .location-section.app-location-section .puff-advanced-layout {
    min-height: 43px;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
}

.order-intake-modern .thread-details-sidebar-card {
    background: #ffffff !important;
}

.order-intake-modern .thread-detail-progress-wrap {
    margin-top: 10px !important;
    padding-top: 10px !important;
    border-top: 1px solid #e6edf7 !important;
}

/* Final request pass: centered layout, sticky details, button + upload polish */
.order-intake-modern .order-builder-layout {
    max-width: 1180px !important;
    margin: 0 auto !important;
    gap: 16px !important;
}

.order-intake-modern .selected-apparel-type .apparel-selected-item-main,
.order-intake-modern .selected-apparel-submit .order-builder-subcard {
    margin-bottom: 14px !important;
}

.order-intake-modern .order-builder-side-col {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 16px !important;
    align-self: flex-start !important;
    height: max-content !important;
}

.order-intake-modern .order-builder-side-col .thread-details-sidebar {
    position: sticky !important;
    top: 0 !important;
    display: block !important;
}

.order-intake-modern .thread-details-header .toggle-order-details {
    border: 1px solid #c7d3e2 !important;
    background: #ffffff !important;
    color: #1f3658 !important;
}

.order-intake-modern .reopen-order-details {
    top: 84px !important;
    right: 18px !important;
    border: 1px solid #c7d3e2 !important;
    background: #ffffff !important;
    color: #1f3658 !important;
}

.order-intake-modern .updated-embroidery-sec-bottom .order-submit-actions {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}

.order-intake-modern .updated-embroidery-sec-bottom .thread-submit {
    min-width: 210px !important;
    max-width: 240px !important;
    min-height: 38px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    padding: 8px 14px !important;
    border-radius: 999px !important;
}

.order-intake-modern .updated-embroidery-sec-bottom .thread-order-save,
.order-intake-modern .thread-details-sidebar .thread-order-save {
    border: 1px solid #1f3658 !important;
    background: transparent !important;
    color: #1f3658 !important;
    box-shadow: none !important;
}

.order-intake-modern .order-builder-layout .apparel-variation-button-container {
    width: 100% !important;
    justify-content: center !important;
    padding-top: 0 !important;
}

.order-intake-modern .order-builder-layout .apparel-variation-button-container::before,
.order-intake-modern .order-builder-layout .apparel-variation-button-container::after,
.order-intake-modern .apparel-qty-container .text-right.my-4::before,
.order-intake-modern .apparel-qty-container .text-right.my-4::after {
    content: none !important;
}

.order-intake-modern .order-builder-layout .apparel-variation-button-container .add-apparel-variation,
.order-intake-modern .apparel-qty-container .apparel-variation-trigger {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 40px !important;
    border-radius: 12px !important;
    border: 1px solid #1f3658 !important;
    background: #ffffff !important;
    color: #1f3658 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    box-shadow: none !important;
}

.order-intake-modern .updated-embroidery-sec-bottom .file-upload-section {
    display: block !important;
    width: 100% !important;
    margin: 8px 0 10px !important;
}

.order-intake-modern .updated-embroidery-sec-bottom .sticker-file-upload.thread-bg {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-width: 170px;
    height: 36px;
    margin: 0 auto 10px !important;
    border-radius: 10px;
    border: 1px solid #0f172a !important;
    background: #0f172a !important;
    color: #ffffff !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    padding: 0 14px !important;
}

.order-intake-modern .updated-embroidery-sec-bottom .thread-drag-and-drop {
    width: 100% !important;
    min-height: 138px !important;
    border: 1.5px dashed #c7d1df !important;
    border-radius: 14px !important;
    background: linear-gradient(180deg, #fcfdff 0%, #f5f8fc 100%) !important;
    padding: 18px 16px !important;
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    text-align: center;
}

.order-intake-modern .updated-embroidery-sec-bottom .thread-file-note-wrap {
    padding: 6px 0 0 0 !important;
}

.order-intake-modern .updated-embroidery-sec-bottom .thread-file-note-input {
    min-height: 34px !important;
    max-height: 50px !important;
    resize: vertical;
}

@media (max-width: 991px) {
    .order-intake-modern .reopen-order-details {
        top: auto !important;
        bottom: 72px !important;
        right: 12px !important;
    }
}

/* Upload card visual match */
.order-intake-modern .updated-embroidery-sec-bottom .order-files-card {
    background: #f3f4f6 !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 16px !important;
    padding: 18px 18px 14px !important;
}

.order-intake-modern .updated-embroidery-sec-bottom .order-files-card h6 {
    font-size: 18px;
    font-weight: 700;
    color: #273f67;
}

.order-intake-modern .updated-embroidery-sec-bottom .file-upload-section {
    margin: 8px 0 14px !important;
}

.order-intake-modern .updated-embroidery-sec-bottom .thread-drag-and-drop {
    min-height: 208px !important;
    border: 1.5px dashed #cfd6e2 !important;
    border-radius: 14px !important;
    background: #f8f9fb !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
    gap: 6px !important;
    padding: 20px 14px !important;
}

.order-intake-modern .updated-embroidery-sec-bottom .thread-drag-and-drop i {
    font-size: 24px;
    color: #5d7398;
    margin-bottom: 6px;
}

.order-intake-modern .updated-embroidery-sec-bottom .thread-drag-and-drop .thread-drag-title {
    font-size: 42px;
    font-size: clamp(28px, 2.2vw, 42px);
    line-height: 1.1;
    font-weight: 800;
    color: #1c2f4f;
}

.order-intake-modern .updated-embroidery-sec-bottom .thread-drag-and-drop .thread-drag-subtitle {
    margin: 0;
    font-size: 20px;
    color: #8fa0ba;
    font-weight: 600;
}

.order-intake-modern .updated-embroidery-sec-bottom .thread-drag-and-drop .sticker-file-upload.thread-bg {
    min-width: 220px;
    height: 50px;
    border-radius: 10px !important;
    border: 1px solid #0f2346 !important;
    background: #0f2346 !important;
    color: #fff !important;
    font-size: 30px;
    font-size: clamp(17px, 1.35vw, 24px) !important;
    font-weight: 800 !important;
    letter-spacing: 0.01em;
    margin-top: 2px !important;
}

.order-intake-modern .updated-embroidery-sec-bottom .thread-drag-and-drop .sticker-file-upload.thread-bg:hover {
    background: #102a55 !important;
}

@media (max-width: 991px) {
    .order-intake-modern .updated-embroidery-sec-bottom .thread-drag-and-drop {
        min-height: 160px !important;
    }
}

/* Final button-line alignment fix */
.order-intake-modern .location-section .location-add-btn-row,
.order-intake-modern .order-builder-layout .apparel-variation-button-container,
.order-intake-modern .apparel-qty-container .text-right.my-4 {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
}

.order-intake-modern .location-section .location-add-btn-row::before,
.order-intake-modern .location-section .location-add-btn-row::after,
.order-intake-modern .order-builder-layout .apparel-variation-button-container::before,
.order-intake-modern .order-builder-layout .apparel-variation-button-container::after,
.order-intake-modern .apparel-qty-container .text-right.my-4::before,
.order-intake-modern .apparel-qty-container .text-right.my-4::after {
    content: "" !important;
    flex: 1 1 auto;
    min-width: 18px;
    border-top: 1px solid #9eb2cf;
}

.order-intake-modern .location-section .apparel-add-location-trigger,
.order-intake-modern .apparel-qty-container .apparel-variation-trigger,
.order-intake-modern .order-builder-layout .apparel-variation-button-container .add-apparel-variation {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    white-space: nowrap;
    height: 34px !important;
    padding: 0 14px !important;
    margin: 0 !important;
    border-radius: 999px !important;
    border: 1px solid #1f3658 !important;
    background: #ffffff !important;
    color: #1f3658 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    box-shadow: none !important;
}

.order-intake-modern .location-section .apparel-add-location-trigger {
    max-width: 116px !important;
}

.order-intake-modern .apparel-qty-container .apparel-variation-trigger,
.order-intake-modern .order-builder-layout .apparel-variation-button-container .add-apparel-variation {
    min-width: 170px !important;
    max-width: 220px !important;
}

.order-intake-modern .location-section .apparel-add-location-trigger::before,
.order-intake-modern .location-section .apparel-add-location-trigger::after,
.order-intake-modern .apparel-qty-container .apparel-variation-trigger::before,
.order-intake-modern .apparel-qty-container .apparel-variation-trigger::after,
.order-intake-modern .order-builder-layout .apparel-variation-button-container .add-apparel-variation::before,
.order-intake-modern .order-builder-layout .apparel-variation-button-container .add-apparel-variation::after {
    content: none !important;
}

/* ===== Final hard overrides (latest request batch) ===== */
.red-calendar.vertical-time-calendar .red-event.vertical-event {
    margin-top: 2px !important;
    margin-bottom: 2px !important;
}

.order-intake-modern .thread-upload-progress-fill {
    transition: width .34s linear !important;
}

.order-intake-modern .updated-embroidery-sec-bottom .thread-drag-and-drop {
    position: relative;
    overflow: hidden !important;
}

.order-intake-modern .updated-embroidery-sec-bottom .thread-drag-and-drop::before {
    width: 82px !important;
    height: 82px !important;
    border: 1px solid rgba(83, 101, 128, 0.72) !important;
    background: radial-gradient(circle, rgba(148, 162, 184, 0.62) 0%, rgba(148, 162, 184, 0.48) 58%, rgba(148, 162, 184, 0.12) 82%, rgba(148, 162, 184, 0) 100%) !important;
    filter: none !important;
    opacity: 0 !important;
    transition: opacity .12s ease !important;
}

.order-intake-modern .updated-embroidery-sec-bottom .thread-drag-and-drop.cursor-active::before,
.order-intake-modern .updated-embroidery-sec-bottom .thread-drag-and-drop.is-dragging::before,
.order-intake-modern .updated-embroidery-sec-bottom .thread-drag-and-drop:hover::before {
    opacity: .95 !important;
}

.order-intake-modern .updated-embroidery-sec-bottom .thread-drag-and-drop.drop-pop::before {
    animation: threadDropCursorPopFinal .52s cubic-bezier(.19,.84,.24,1.06) !important;
}

@keyframes threadDropCursorPopFinal {
    0% { transform: translate(calc(var(--drag-cursor-x) - 41px), calc(var(--drag-cursor-y) - 41px)) scale(1); }
    35% { transform: translate(calc(var(--drag-cursor-x) - 41px), calc(var(--drag-cursor-y) - 41px)) scale(1.24); }
    68% { transform: translate(calc(var(--drag-cursor-x) - 41px), calc(var(--drag-cursor-y) - 41px)) scale(0.88); }
    100% { transform: translate(calc(var(--drag-cursor-x) - 41px), calc(var(--drag-cursor-y) - 41px)) scale(1); }
}

.order-intake-modern .selected-apparel-submit .dz-preview.dz-preview-multiple.proof-desction-list,
.order-intake-modern .selected-apparel-submit .list-group-item,
.order-intake-modern .selected-apparel-submit .list-group-item .thread-file-item-main,
.order-intake-modern .selected-apparel-submit .list-group-item .thread-file-preview-col,
.order-intake-modern .selected-apparel-submit .list-group-item .avatar.thread-file-preview {
    overflow: visible !important;
}

.order-intake-modern .selected-apparel-submit .list-group-item:hover .avatar.thread-file-preview .avatar-img.rounded,
.order-intake-modern .selected-apparel-submit .list-group-item:hover .avatar.thread-file-preview canvas.avatar-img.rounded {
    transform: none !important;
}

.order-intake-modern .selected-apparel-submit .list-group-item .avatar.thread-file-preview:hover .avatar-img.rounded,
.order-intake-modern .selected-apparel-submit .list-group-item .avatar.thread-file-preview:hover canvas.avatar-img.rounded {
    width: 240px !important;
    height: 240px !important;
    max-width: 240px !important;
    max-height: 240px !important;
    object-fit: contain !important;
    transform: translate(98px, -72px) !important;
    transform-origin: left top;
    border-radius: 12px !important;
    border: 1px solid #d8e2f1 !important;
    background: #ffffff !important;
    padding: 6px !important;
    box-shadow: 0 18px 34px rgba(15, 23, 42, 0.24) !important;
    z-index: 60 !important;
}

.order-intake-modern .updated-embroidery-sec-bottom .thread-file-note-input {
    min-height: 30px !important;
    height: 30px !important;
    max-height: 30px !important;
    padding: 4px 10px !important;
}

.order-intake-modern .location-lists .location-section.app-location-section {
    align-items: flex-start !important;
    gap: 15px !important;
    border-bottom: 1px solid #d7deea !important;
    margin: 0 0 10px !important;
    padding: 8px 0 12px !important;
}

.order-intake-modern .location-lists .location-section.app-location-section:last-child {
    border-bottom: 0 !important;
}

.order-intake-modern .location-section.app-location-section > .location-card-container:first-child {
    flex: 0 0 280px !important;
    max-width: 280px !important;
}

.order-intake-modern .location-section.app-location-section > .location-card-container.measurement-container {
    flex: 0 0 230px !important;
    max-width: 230px !important;
}

.order-intake-modern .location-section .location-card-container.measurement-container > label {
    width: 100% !important;
    text-align: left !important;
}

.order-intake-modern .location-section .location-card-container.measurement-container .tops-brand-split {
    display: flex !important;
    align-items: flex-end !important;
    gap: 15px !important;
    margin: 0 !important;
}

.order-intake-modern .location-section .location-card-container.measurement-container .tops-brand-split .size-field,
.order-intake-modern .location-section .location-card-container.measurement-container .tops-brand-split input.threadkicker-size-input {
    min-width: 0 !important;
    max-width: none !important;
}

.order-intake-modern .location-section .size-gated-field {
    flex: 0 0 190px !important;
    max-width: 190px !important;
}

.order-intake-modern .location-section.app-location-section.single-measurement-mode > .location-card-container.measurement-container {
    flex: 0 0 190px !important;
    max-width: 190px !important;
}

.order-intake-modern .location-section.app-location-section.single-measurement-mode .location-card-container.measurement-container .tops-brand-split .size-field:not(.hide),
.order-intake-modern .location-section.app-location-section.single-measurement-mode .location-card-container.measurement-container .tops-brand-split input.threadkicker-size-input:not(.hide) {
    flex: 0 0 190px !important;
    max-width: 190px !important;
}

@media (max-width: 991px) {
    .order-intake-modern .selected-apparel-submit .list-group-item .avatar.thread-file-preview:hover .avatar-img.rounded,
    .order-intake-modern .selected-apparel-submit .list-group-item .avatar.thread-file-preview:hover canvas.avatar-img.rounded {
        width: 172px !important;
        height: 172px !important;
        max-width: 172px !important;
        max-height: 172px !important;
        transform: translate(26px, -40px) !important;
    }

    .order-intake-modern .location-section.app-location-section > .location-card-container:first-child,
    .order-intake-modern .location-section.app-location-section > .location-card-container.measurement-container,
    .order-intake-modern .location-section .size-gated-field {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
}

/* ===== Final hard overrides 2: files + location alignment + pre-production ===== */
.order-intake-modern .selected-apparel-submit .list-group-item {
    padding: 10px 12px !important;
}

.order-intake-modern .selected-apparel-submit .list-group-item .thread-file-item-main {
    display: flex !important;
    align-items: stretch !important;
    gap: 10px !important;
}

.order-intake-modern .selected-apparel-submit .list-group-item .thread-file-preview-col {
    flex: 0 0 96px !important;
    max-width: 96px !important;
    display: flex !important;
}

.order-intake-modern .selected-apparel-submit .list-group-item .avatar.thread-file-preview {
    width: 96px !important;
    min-width: 96px !important;
    height: auto !important;
    min-height: 96px !important;
    border: 1px solid #d3ddeb !important;
    border-radius: 10px !important;
    background: #ffffff !important;
    overflow: visible !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.order-intake-modern .selected-apparel-submit .list-group-item .avatar.thread-file-preview .avatar-img.rounded,
.order-intake-modern .selected-apparel-submit .list-group-item .avatar.thread-file-preview canvas.avatar-img.rounded {
    width: 100% !important;
    height: 100% !important;
    max-height: none !important;
    object-fit: cover !important;
    border-radius: 8px !important;
}

.order-intake-modern .selected-apparel-submit .list-group-item .thread-file-content {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
    padding-top: 0 !important;
}

.order-intake-modern .selected-apparel-submit .list-group-item .thread-file-header {
    display: flex !important;
    align-items: flex-start !important;
    gap: 8px !important;
}

.order-intake-modern .selected-apparel-submit .list-group-item .thread-file-header .file-title-text.editable-file-title {
    margin: 0 !important;
    padding: 2px 4px !important;
}

.order-intake-modern .selected-apparel-submit .list-group-item .thread-file-note-wrap {
    padding: 0 !important;
    margin: 0 !important;
}

.order-intake-modern .selected-apparel-submit .list-group-item .avatar.thread-file-preview:hover .avatar-img.rounded,
.order-intake-modern .selected-apparel-submit .list-group-item .avatar.thread-file-preview:hover canvas.avatar-img.rounded {
    width: 260px !important;
    height: 260px !important;
    max-width: 260px !important;
    max-height: 260px !important;
    object-fit: contain !important;
    transform: translate(104px, -76px) !important;
    transform-origin: left top !important;
    border-radius: 12px !important;
    background: #ffffff !important;
    border: 1px solid #d8e2f1 !important;
    padding: 6px !important;
    box-shadow: 0 20px 36px rgba(15, 23, 42, 0.26) !important;
    z-index: 88 !important;
}

.order-intake-modern .selected-apparel-submit .dz-preview.dz-preview-multiple.proof-desction-list,
.order-intake-modern .selected-apparel-submit .order-files-card,
.order-intake-modern .selected-apparel-submit .list-group-item,
.order-intake-modern .selected-apparel-submit .list-group-item .thread-file-item-main,
.order-intake-modern .selected-apparel-submit .list-group-item .thread-file-preview-col,
.order-intake-modern .selected-apparel-submit .list-group-item .avatar.thread-file-preview {
    overflow: visible !important;
}

.order-intake-modern .location-section.app-location-section {
    align-items: flex-start !important;
    gap: 15px !important;
}

.order-intake-modern .location-section.app-location-section > .location-card-container,
.order-intake-modern .location-section.app-location-section > .size-gated-field {
    align-self: flex-start !important;
}

.order-intake-modern .location-section .location-card-container.measurement-container > label,
.order-intake-modern .location-section.app-location-section .location-card-container.measurement-container > label {
    text-align: left !important;
    width: 100% !important;
    margin: 0 0 8px !important;
}

.order-intake-modern .location-section .location-card-container.measurement-container .tops-brand-split {
    display: flex !important;
    align-items: flex-start !important;
    gap: 15px !important;
    margin-top: 0 !important;
}

.order-intake-modern .location-section .location-card-container.measurement-container .tops-brand-split .form-group {
    margin-bottom: 0 !important;
}

.order-intake-modern .location-section .size-gated-field > label,
.order-intake-modern .location-section .size-gated-field .form-group {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.order-intake-modern .location-section .size-gated-field .set-thread-color {
    margin-top: 0 !important;
    min-height: 43px !important;
    height: 43px !important;
}

.order-intake-modern .location-section .form-group > label,
.order-intake-modern .apparel-qty-size-container-list .above-label,
.order-intake-modern .apparel-qty-size-container-list .form-group > label {
    font-size: 13px !important;
    font-weight: 700 !important;
}

.order-intake-modern .apparel-qty-size-container-list .shirt-brand,
.order-intake-modern .apparel-qty-size-container-list .shirt-style-number,
.order-intake-modern .apparel-qty-size-container-list .shirt-color-field {
    font-size: 13px !important;
}

.order-intake-modern .location-section.app-location-section .size-field .size-option-lists,
.order-intake-modern .location-section.app-location-section .form-group .size-option-lists {
    top: 100% !important;
    margin-top: 0 !important;
}

.order-intake-modern .location-section span.btn.remove-apparel-location-section,
.order-intake-modern .location-section .remove-apparel-location-section {
    position: absolute !important;
    right: 6px !important;
    left: auto !important;
    top: 12px !important;
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;
    border-radius: 999px !important;
    border: 1px solid #d5deec !important;
    background: #ffffff !important;
    color: transparent !important;
    font-size: 0 !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.08) !important;
    z-index: 4 !important;
}

.order-intake-modern .location-section span.btn.remove-apparel-location-section::before,
.order-intake-modern .location-section .remove-apparel-location-section::before {
    content: "\00d7" !important;
    color: #5a6f91 !important;
    font-size: 16px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
}

.order-intake-modern .location-section span.btn.remove-apparel-location-section:hover,
.order-intake-modern .location-section .remove-apparel-location-section:hover {
    border-color: #f2a2a2 !important;
    background: #fff6f6 !important;
}

.order-intake-modern .sample-toggle-row.pre-production-row {
    border-top: 1px solid #dfe7f2 !important;
    padding-top: 10px !important;
}

.order-intake-modern .sample-toggle-row.pre-production-row .sample-toggle-label {
    font-size: 12px !important;
    font-weight: 700 !important;
}

.order-intake-modern .sample-toggle-row.pre-production-row .sample-toggle-rate-note {
    display: block !important;
    font-size: 10px !important;
    color: #6e7f98 !important;
    margin-left: auto;
    white-space: nowrap;
}

.order-intake-modern .designer-shift-hint-under-brand {
    margin: -2px 0 8px !important;
    padding: 0 2px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    color: #6f83a2 !important;
    text-align: right !important;
}

@media (max-width: 991px) {
    .order-intake-modern .selected-apparel-submit .list-group-item .avatar.thread-file-preview:hover .avatar-img.rounded,
    .order-intake-modern .selected-apparel-submit .list-group-item .avatar.thread-file-preview:hover canvas.avatar-img.rounded {
        width: 176px !important;
        height: 176px !important;
        max-width: 176px !important;
        max-height: 176px !important;
        transform: translate(26px, -42px) !important;
    }

    .order-intake-modern .location-section.app-location-section > .location-card-container:first-child,
    .order-intake-modern .location-section.app-location-section > .location-card-container.measurement-container,
    .order-intake-modern .location-section.app-location-section > .size-gated-field {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
}

/* ===== Final lock-in overrides: alignment + pre-production visibility ===== */
.order-intake-modern .location-lists .location-section.app-location-section {
    align-items: flex-start !important;
    gap: 15px !important;
}

.order-intake-modern .location-section.app-location-section .location-card-container > label,
.order-intake-modern .location-section.app-location-section .size-gated-field > label {
    min-height: 16px !important;
    line-height: 16px !important;
    margin-bottom: 8px !important;
    text-align: left !important;
}

.order-intake-modern .location-section.app-location-section .location-card-container .form-control,
.order-intake-modern .location-section.app-location-section .location-card-container .threadkicker-size-input,
.order-intake-modern .location-section.app-location-section .size-gated-field .set-thread-color,
.order-intake-modern .location-section.app-location-section .thread-premium-setup .premium-setup-action {
    height: 43px !important;
    min-height: 43px !important;
}

.order-intake-modern .location-section.app-location-section .size-gated-field .set-thread-color {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    line-height: 1.1 !important;
}

.order-intake-modern .location-section.app-location-section .location-card-container.measurement-container .size-option-lists {
    top: calc(100% - 1px) !important;
    margin-top: 0 !important;
}

.order-intake-modern .sample-toggle-row.pre-production-row .sample-toggle-rate-note {
    display: none !important;
}

.order-intake-modern .sample-toggle-row.pre-production-row.sample-photo-selected .sample-toggle-rate-note {
    display: block !important;
}

/* ===== Final UX hard lock: sticky sidebar, centered type tiles, official uploader ===== */
.order-intake-modern {
    background: #f3f4f6 !important;
}

.order-intake-modern .order-builder-header-row {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.order-intake-modern .order-builder-heading {
    text-align: center !important;
    margin-bottom: 14px !important;
}

.order-intake-modern .thread-apparel-type.launch-pad-lists {
    justify-content: center !important;
    align-items: stretch !important;
    gap: 10px !important;
    margin: 0 auto !important;
}

.order-intake-modern .thread-apparel-type.launch-pad-lists .img-wrapper {
    float: none !important;
}

.order-intake-modern .thread-apparel-type.launch-pad-lists .img-wrapper.active {
    border: 2px solid #f4971f !important;
    box-shadow: none !important;
}

.order-intake-modern .order-builder-layout,
.order-intake-modern .order-builder-main-col,
.order-intake-modern .order-builder-side-col,
.order-intake-modern .order-builder-layout > div {
    overflow: visible !important;
}

.order-intake-modern .order-builder-layout {
    max-width: 1180px !important;
    margin: 0 auto !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: flex-start !important;
    gap: 20px !important;
}

.order-intake-modern .order-builder-main-col {
    flex: 1 1 auto !important;
    min-width: 0 !important;
}

.order-intake-modern .order-builder-side-col {
    flex: 0 0 320px !important;
    width: 320px !important;
    max-width: 320px !important;
    align-self: flex-start !important;
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 16px !important;
    z-index: 22 !important;
}

.order-intake-modern .order-builder-side-col .thread-details-sidebar,
.order-intake-modern .order-builder-side-col .thread-details-sidebar-card {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 16px !important;
}

.order-intake-modern .order-builder-side-col .thread-details-sidebar-card {
    background: #ffffff !important;
    border: 1px solid #e2e8f1 !important;
    border-radius: 16px !important;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08) !important;
}

.order-intake-modern .selected-apparel-type .apparel-selected-item-main,
.order-intake-modern .selected-apparel-submit .order-builder-subcard {
    background: #ffffff !important;
    border: 1px solid #e2e8f1 !important;
    border-radius: 16px !important;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.05) !important;
}

.order-intake-modern .selected-apparel-submit .order-builder-subcard {
    margin-bottom: 16px !important;
}

.order-intake-modern .selected-apparel-submit .order-submit-actions {
    text-align: center !important;
    margin-top: 6px !important;
}

.order-intake-modern .selected-apparel-submit .thread-submit {
    min-width: 220px !important;
    max-width: 250px !important;
    height: 40px !important;
    border-radius: 999px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    padding: 8px 14px !important;
}

.order-intake-modern .selected-apparel-submit .thread-order-save,
.order-intake-modern .thread-details-sidebar .thread-order-save {
    border: 1px solid #1f3658 !important;
    background: #ffffff !important;
    color: #1f3658 !important;
    box-shadow: none !important;
}

.order-intake-modern .thread-details-sidebar .thread-detail-submit-trigger {
    width: 100% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid #1f3658 !important;
    background: #ffffff !important;
    color: #1f3658 !important;
    border-radius: 10px !important;
    min-height: 40px !important;
    font-weight: 700 !important;
}

.order-intake-modern .thread-details-sidebar .thread-detail-submit-trigger:hover {
    background: #f8fbff !important;
}

.order-intake-modern .thread-detail-quote-secondary,
.order-intake-modern .get-a-quote {
    display: none !important;
}

.order-intake-modern .updated-embroidery-sec-bottom .thread-drag-and-drop {
    width: 100% !important;
    min-height: 176px !important;
    border: 1.5px dashed #c8d2df !important;
    border-radius: 14px !important;
    background: linear-gradient(180deg, #fdfefe 0%, #f5f8fc 100%) !important;
    padding: 22px 18px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 7px !important;
    text-align: center !important;
}

.order-intake-modern .updated-embroidery-sec-bottom .thread-drag-title {
    font-size: 32px !important;
    font-size: clamp(20px, 1.75vw, 32px) !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
    color: #1a3154 !important;
}

.order-intake-modern .updated-embroidery-sec-bottom .thread-drag-subtitle {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #94a3b8 !important;
    margin: 0 !important;
}

.order-intake-modern .updated-embroidery-sec-bottom .sticker-file-upload.thread-bg {
    height: 42px !important;
    min-width: 180px !important;
    border-radius: 10px !important;
    border: 1px solid #0f2346 !important;
    background: #0f2346 !important;
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    padding: 0 18px !important;
}

.order-intake-modern .selected-apparel-submit .thread-file-note-wrap,
.order-intake-modern .selected-apparel-submit .thread-file-note-input {
    display: block !important;
}

.order-intake-modern .selected-apparel-submit .thread-file-note-input {
    min-height: 32px !important;
    max-height: 48px !important;
}

.order-intake-modern .thread-color-modal-popup {
    width: 775px !important;
    max-width: 775px !important;
    padding: 26px 30px !important;
}

.order-intake-modern .thread-color-modal-popup .swal2-close {
    right: 12px !important;
    top: 10px !important;
    width: 32px !important;
    height: 32px !important;
    border-radius: 999px !important;
    border: 1px solid #d8e1ef !important;
    background: #f8fbff !important;
    color: #51698d !important;
}

.order-intake-modern .order-builder-layout .apparel-variation-button-container {
    margin-top: 4px !important;
    margin-bottom: 6px !important;
    padding-top: 0 !important;
    justify-content: center !important;
}

.order-intake-modern .order-builder-layout .apparel-variation-button-container .add-apparel-variation,
.order-intake-modern .apparel-qty-container .apparel-variation-trigger {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    border: 1px solid #1f3658 !important;
    background: #ffffff !important;
    color: #1f3658 !important;
    border-radius: 12px !important;
    height: 40px !important;
    font-weight: 700 !important;
    position: relative !important;
    z-index: 3 !important;
}

.order-intake-modern .order-builder-layout .apparel-variation-button-container::before,
.order-intake-modern .order-builder-layout .apparel-variation-button-container::after,
.order-intake-modern .apparel-qty-container .text-right.my-4::before,
.order-intake-modern .apparel-qty-container .text-right.my-4::after,
.order-intake-modern .location-section .location-add-btn-row::before,
.order-intake-modern .location-section .location-add-btn-row::after {
    pointer-events: none !important;
}

@media (max-width: 991px) {
    .order-intake-modern .order-builder-layout {
        flex-wrap: wrap !important;
    }

    .order-intake-modern .order-builder-main-col,
    .order-intake-modern .order-builder-side-col {
        flex: 0 0 100% !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    .order-intake-modern .order-builder-side-col,
    .order-intake-modern .order-builder-side-col .thread-details-sidebar,
    .order-intake-modern .order-builder-side-col .thread-details-sidebar-card {
        position: static !important;
    }

    .order-intake-modern .updated-embroidery-sec-bottom .thread-drag-and-drop {
        min-height: 150px !important;
    }
}

/* Explicit inner card wrapper for upload zone */
.order-intake-modern .updated-embroidery-sec-bottom .thread-upload-zone-card {
    background: #f8fafc !important;
    border: 1px solid #e3e8f1 !important;
    border-radius: 14px !important;
    padding: 10px 12px !important;
    margin: 6px 0 10px !important;
}

.order-intake-modern .updated-embroidery-sec-bottom .thread-upload-zone-card .file-upload-section {
    margin: 0 !important;
}

/* Final CTA line treatment: ----- (+ Button) ----- */
.order-intake-modern .location-section .location-add-btn-row,
.order-intake-modern .apparel-qty-container .text-right.my-4,
.order-intake-modern .order-builder-layout .apparel-variation-button-container {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    overflow: hidden;
}

.order-intake-modern .location-section .location-add-btn-row::before,
.order-intake-modern .location-section .location-add-btn-row::after,
.order-intake-modern .apparel-qty-container .text-right.my-4::before,
.order-intake-modern .apparel-qty-container .text-right.my-4::after,
.order-intake-modern .order-builder-layout .apparel-variation-button-container::before,
.order-intake-modern .order-builder-layout .apparel-variation-button-container::after {
    content: "" !important;
    flex: 1 1 0 !important;
    min-width: 0 !important;
    border-top: 1px solid #9eb2cf !important;
}

.order-intake-modern .location-section .apparel-add-location-trigger,
.order-intake-modern .apparel-qty-container .apparel-variation-trigger,
.order-intake-modern .order-builder-layout .apparel-variation-button-container .add-apparel-variation {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 220px !important;
    white-space: nowrap !important;
    padding: 0 14px !important;
    height: 36px !important;
    margin: 0 !important;
    border: 1px solid #1f3658 !important;
    border-radius: 10px !important;
    background: #ffffff !important;
    color: #1f3658 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    box-shadow: none !important;
    position: relative !important;
    z-index: 2 !important;
}

.order-intake-modern .location-section .apparel-add-location-trigger {
    max-width: 140px !important;
}

.order-intake-modern .location-section .apparel-add-location-trigger::before,
.order-intake-modern .location-section .apparel-add-location-trigger::after,
.order-intake-modern .apparel-qty-container .apparel-variation-trigger::before,
.order-intake-modern .apparel-qty-container .apparel-variation-trigger::after,
.order-intake-modern .order-builder-layout .apparel-variation-button-container .add-apparel-variation::before,
.order-intake-modern .order-builder-layout .apparel-variation-button-container .add-apparel-variation::after {
    content: none !important;
}

/* Hard final override: class="btn apparel-add-location-trigger btn-success" side lines */
.order-intake-modern .location-section .apparel-add-location-trigger {
    position: relative !important;
}

.order-intake-modern .location-section .apparel-add-location-trigger::before,
.order-intake-modern .location-section .apparel-add-location-trigger::after {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    width: 100vw !important;
    border-top: 1px solid #9eb2cf !important;
    transform: translateY(-50%) !important;
    pointer-events: none !important;
}

.order-intake-modern .location-section .apparel-add-location-trigger::before {
    right: calc(100% + 12px) !important;
}

.order-intake-modern .location-section .apparel-add-location-trigger::after {
    left: calc(100% + 12px) !important;
}

/* Absolute final global override for + Location line treatment */
body .location-add-btn-row {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    margin-top: 24px;
}

body .location-add-btn-row::before,
body .location-add-btn-row::after {
    content: "" !important;
    flex: 1 1 0 !important;
    min-width: 0 !important;
    border-top: 1px solid #9eb2cf !important;
}

body .location-add-btn-row .apparel-add-location-trigger {
    flex: 0 0 auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    max-width: 140px !important;
    min-width: 0 !important;
    white-space: nowrap !important;
    margin: 0 !important;
}

body .location-add-btn-row .apparel-add-location-trigger::before,
body .location-add-btn-row .apparel-add-location-trigger::after {
    content: none !important;
}

/* Requested: card wrappers around upload zone and PO/comments area */
.order-intake-modern .selected-apparel-submit.updated-embroidery-sec-bottom .thread-upload-zone-card,
.order-intake-modern .selected-apparel-submit.updated-embroidery-sec-bottom .order-meta-card .embroidery-sec-container {
    padding: 20px 10px !important;
    background: #eeeeee !important;
    border-radius: 15px !important;
    margin: 10px 0 !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* Final global override: side lines for .btn.apparel-variation-trigger.btn-success */
body .apparel-qty-container .text-right.my-4 {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
}

body .apparel-qty-container .text-right.my-4::before,
body .apparel-qty-container .text-right.my-4::after {
    content: "" !important;
    flex: 1 1 0 !important;
    min-width: 0 !important;
    border-top: 1px solid #9eb2cf !important;
}

body .apparel-qty-container .text-right.my-4 .apparel-variation-trigger {
    flex: 0 0 auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    max-width: 220px !important;
    min-width: 0 !important;
    white-space: nowrap !important;
    margin: 0 !important;
}

body .apparel-qty-container .text-right.my-4 .apparel-variation-trigger::before,
body .apparel-qty-container .text-right.my-4 .apparel-variation-trigger::after {
    content: none !important;
}

/* Final: make drag/drop and PO/comments blocks visibly carded */
body .selected-apparel-submit.updated-embroidery-sec-bottom .order-files-card,
body .selected-apparel-submit.updated-embroidery-sec-bottom .order-meta-card {
    padding: 20px 10px !important;
    background: #eeeeee !important;
    border-radius: 15px !important;
    margin: 10px 0 !important;
    border: 0 !important;
    box-shadow: none !important;
}

body .selected-apparel-submit.updated-embroidery-sec-bottom .order-files-card .thread-upload-zone-card {
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

body .selected-apparel-submit.updated-embroidery-sec-bottom .order-meta-card .embroidery-sec-container {
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* Final drag-zone cursor glow (follows cursor inside drop area) */
body .selected-apparel-submit.updated-embroidery-sec-bottom .thread-drag-and-drop {
    --drag-cursor-x: 50%;
    --drag-cursor-y: 50%;
    position: relative !important;
    overflow: hidden !important;
    isolation: isolate;
}

body .selected-apparel-submit.updated-embroidery-sec-bottom .thread-drag-and-drop::before {
    content: "" !important;
    position: absolute !important;
    left: var(--drag-cursor-x) !important;
    top: var(--drag-cursor-y) !important;
    width: 122px !important;
    height: 122px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(148, 163, 184, 0.44) !important;
    background: radial-gradient(circle, rgba(226, 232, 240, 0.72) 0%, rgba(226, 232, 240, 0.58) 52%, rgba(226, 232, 240, 0.26) 74%, rgba(226, 232, 240, 0) 100%) !important;
    transform: translate(-50%, -50%) scale(1) !important;
    opacity: 0 !important;
    transition: opacity .18s ease, transform .18s ease !important;
    pointer-events: none !important;
    z-index: 0 !important;
}

body .selected-apparel-submit.updated-embroidery-sec-bottom .thread-drag-and-drop:hover::before,
body .selected-apparel-submit.updated-embroidery-sec-bottom .thread-drag-and-drop.cursor-active::before,
body .selected-apparel-submit.updated-embroidery-sec-bottom .thread-drag-and-drop.is-dragging::before {
    opacity: 1 !important;
}

body .selected-apparel-submit.updated-embroidery-sec-bottom .thread-drag-and-drop.cursor-moving::before,
body .selected-apparel-submit.updated-embroidery-sec-bottom .thread-drag-and-drop.is-dragging.cursor-moving::before {
    transform: translate(-50%, -50%) scale(1.16) !important;
}

body .selected-apparel-submit.updated-embroidery-sec-bottom .thread-drag-and-drop > * {
    position: relative;
    z-index: 1;
}

/* Final upload feedback polish */
body .selected-apparel-submit .sticker-file-upload.thread-bg.is-picker-loading,
body .selected-apparel-submit .thread-drop-upload-btn.is-picker-loading {
    color: transparent !important;
    pointer-events: none !important;
}

body .selected-apparel-submit .sticker-file-upload.thread-bg.is-picker-loading::after,
body .selected-apparel-submit .thread-drop-upload-btn.is-picker-loading::after {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    width: 14px !important;
    height: 14px !important;
    margin: -7px 0 0 -7px !important;
    border: 2px solid rgba(255, 255, 255, 0.35) !important;
    border-top-color: #ffffff !important;
    border-radius: 999px !important;
    animation: threadUploadSpin .65s linear infinite !important;
}

body .selected-apparel-submit .thread-upload-progress-shell {
    margin: 8px 0 12px !important;
}

body .selected-apparel-submit .thread-upload-progress-track {
    height: 7px !important;
    border-radius: 999px !important;
    background: #dbe5f1 !important;
    overflow: hidden !important;
}

body .selected-apparel-submit .thread-upload-progress-fill {
    background: linear-gradient(90deg, #1f3658 0%, #4f79b1 45%, #1f3658 100%) !important;
    background-size: 220% 100% !important;
    animation: threadProgressShift 1.1s linear infinite !important;
}

@keyframes threadProgressShift {
    0% { background-position: 0% 0%; }
    100% { background-position: 220% 0%; }
}

/* Final request pack: drag pulse, file preview behavior, file card layout, location alignment */
body .selected-apparel-submit.updated-embroidery-sec-bottom .thread-drag-and-drop:hover::before,
body .selected-apparel-submit.updated-embroidery-sec-bottom .thread-drag-and-drop.cursor-active::before,
body .selected-apparel-submit.updated-embroidery-sec-bottom .thread-drag-and-drop.is-dragging::before {
    opacity: 1 !important;
}

body .selected-apparel-submit.updated-embroidery-sec-bottom .thread-drag-and-drop.drop-pop::before {
    opacity: 1 !important;
    animation: threadDropPulseBounce .56s cubic-bezier(.2,.86,.24,1.06) !important;
}

@keyframes threadDropPulseBounce {
    0% { transform: translate(-50%, -50%) scale(1); }
    34% { transform: translate(-50%, -50%) scale(1.34); }
    68% { transform: translate(-50%, -50%) scale(0.84); }
    100% { transform: translate(-50%, -50%) scale(1); }
}

body .selected-apparel-submit .list-group-item,
body .selected-apparel-submit .list-group-item .thread-file-item-main,
body .selected-apparel-submit .list-group-item .thread-file-preview-col,
body .selected-apparel-submit .list-group-item .thread-file-content {
    overflow: visible !important;
}

body .selected-apparel-submit .list-group-item .thread-file-item-main {
    display: flex !important;
    align-items: stretch !important;
    gap: 10px !important;
}

body .selected-apparel-submit .list-group-item .thread-file-preview-col {
    flex: 0 0 96px !important;
    max-width: 96px !important;
    display: flex !important;
}

body .selected-apparel-submit .list-group-item .avatar.thread-file-preview {
    width: 96px !important;
    min-width: 96px !important;
    height: auto !important;
    min-height: 96px !important;
    border: 1px solid #d4deeb !important;
    border-radius: 10px !important;
    background: #ffffff !important;
    overflow: visible !important;
    padding: 0 !important;
    display: flex !important;
}

body .selected-apparel-submit .list-group-item .avatar.thread-file-preview .avatar-img.rounded,
body .selected-apparel-submit .list-group-item .avatar.thread-file-preview canvas.avatar-img.rounded {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 9px !important;
    display: block !important;
    transition: transform .18s ease, box-shadow .18s ease !important;
    transform-origin: left center !important;
}

/* Preview should trigger only when hovering image area, not whole card */
body .selected-apparel-submit .list-group-item:hover .avatar.thread-file-preview:not(:hover) .avatar-img.rounded,
body .selected-apparel-submit .list-group-item:hover .avatar.thread-file-preview:not(:hover) canvas.avatar-img.rounded {
    transform: none !important;
    box-shadow: none !important;
}

body .selected-apparel-submit .avatar.thread-file-preview:hover .avatar-img.rounded,
body .selected-apparel-submit .avatar.thread-file-preview:hover canvas.avatar-img.rounded {
    transform: translate(102px, -2px) scale(2.28) !important;
    width: 260px !important;
    height: 260px !important;
    max-width: 260px !important;
    max-height: 260px !important;
    object-fit: contain !important;
    box-shadow: 0 16px 30px rgba(15, 23, 42, 0.24) !important;
    border: 1px solid #d7e1ef !important;
    background: #ffffff !important;
    padding: 6px !important;
    position: relative !important;
    z-index: 85 !important;
}

body .selected-apparel-submit .order-files-card,
body .selected-apparel-submit .template-preview-formBuilder,
body .selected-apparel-submit .dz-preview.dz-preview-multiple.proof-desction-list {
    overflow: visible !important;
}

body .selected-apparel-submit .list-group-item .thread-file-content {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    gap: 6px !important;
}

body .selected-apparel-submit .thread-file-note-input {
    min-height: 20px !important;
    height: 20px !important;
    max-height: 20px !important;
    padding: 2px 8px !important;
    line-height: 1.2 !important;
}

/* Location row: align fields straight across + label/font parity */
body .order-intake-modern .location-section.app-location-section {
    align-items: flex-start !important;
    gap: 12px !important;
}

body .order-intake-modern .location-section.app-location-section > .location-card-container,
body .order-intake-modern .location-section.app-location-section > .size-gated-field {
    align-self: flex-start !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
}

body .order-intake-modern .location-section.app-location-section .location-card-container .form-group,
body .order-intake-modern .location-section.app-location-section .size-gated-field .form-group,
body .order-intake-modern .location-section.app-location-section .location-card-container .form-group.my-2,
body .order-intake-modern .location-section.app-location-section .size-gated-field.my-2 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

body .order-intake-modern .location-section .location-card-container.measurement-container > label {
    text-align: left !important;
    justify-content: flex-start !important;
    align-self: flex-start !important;
    margin-top: 0 !important;
    margin-bottom: 6px !important;
    width: 100%;
}

body .order-intake-modern .location-section .location-card-container.measurement-container .tops-brand-split {
    margin-top: 0 !important;
    padding-top: 0 !important;
    align-items: flex-start !important;
}

body .order-intake-modern .location-section.app-location-section label,
body .order-intake-modern .location-section.app-location-section .set-thread-color,
body .order-intake-modern .location-section.app-location-section .location-select,
body .order-intake-modern .location-section.app-location-section .threadkicker-size-input,
body .order-intake-modern .location-section.app-location-section input.form-control {
    font-size: 12px !important;
}

/* Designer refresh: sizes/qty fields */
body .order-intake-modern .apparel-qty-size-container-list .custom-form-quantity-val {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(72px, 1fr)) !important;
    gap: 10px !important;
    margin-top: 6px !important;
}

body .order-intake-modern .apparel-qty-size-container-list .custom-form-quantity-val li {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    min-height: 84px !important;
    padding: 8px 6px !important;
    border: 1px solid #d5deec !important;
    border-radius: 12px !important;
    background: linear-gradient(180deg, #ffffff 0%, #f7faff 100%) !important;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.05) !important;
    transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease !important;
}

body .order-intake-modern .apparel-qty-size-container-list .custom-form-quantity-val li:hover {
    border-color: #b7c8e1 !important;
    box-shadow: 0 7px 16px rgba(15, 23, 42, 0.1) !important;
    transform: translateY(-1px) !important;
}

body .order-intake-modern .apparel-qty-size-container-list .custom-form-quantity-val li.selected-qty,
body .order-intake-modern .apparel-qty-size-container-list .custom-form-quantity-val li:focus-within {
    border-color: #5f7fa8 !important;
    box-shadow: 0 0 0 2px rgba(95, 127, 168, 0.18) !important;
    background: linear-gradient(180deg, #ffffff 0%, #edf4ff 100%) !important;
}

body .order-intake-modern .apparel-qty-size-container-list .custom-form-quantity-val input.custom-form-qty {
    width: 100% !important;
    height: 42px !important;
    margin: 0 0 6px !important;
    border: 1px solid #cad6e8 !important;
    border-radius: 10px !important;
    background: #ffffff !important;
    text-align: center !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #1f3658 !important;
    box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.04) !important;
}

body .order-intake-modern .apparel-qty-size-container-list .custom-form-quantity-val input.custom-form-qty:focus {
    border-color: #6d8eb8 !important;
    box-shadow: 0 0 0 3px rgba(109, 142, 184, 0.2) !important;
    outline: none !important;
}

body .order-intake-modern .apparel-qty-size-container-list .custom-form-quantity-val label.form-qty {
    margin: 0 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 0.03em !important;
    text-transform: uppercase !important;
    color: #4a5f7d !important;
}

body .order-intake-modern .apparel-qty-size-container-list .custom-form-quantity-val li .size-section-edit,
body .order-intake-modern .apparel-qty-size-container-list .custom-form-quantity-val li .sp-size-section-edit {
    color: #4a5f7d !important;
    font-weight: 700 !important;
}

/* Premium final UX polish: alignment, spacing, consistency */
body .order-intake-modern {
    --ux-bg: #f4f6fa;
    --ux-card: #ffffff;
    --ux-border: #d9e2ef;
    --ux-text: #1f3658;
    --ux-muted: #5f7392;
    --ux-shadow: 0 10px 24px rgba(15, 23, 42, 0.08);
    --ux-radius: 16px;
    background: var(--ux-bg) !important;
}

body .order-intake-modern .order-builder-layout {
    max-width: 1240px !important;
    margin: 0 auto !important;
    gap: 24px !important;
    align-items: flex-start !important;
}

body .order-intake-modern .order-builder-main-col,
body .order-intake-modern .order-builder-side-col {
    min-width: 0;
}

body .order-intake-modern .order-builder-subcard,
body .order-intake-modern .thread-details-sidebar-card {
    background: var(--ux-card) !important;
    border: 1px solid var(--ux-border) !important;
    border-radius: var(--ux-radius) !important;
    box-shadow: var(--ux-shadow) !important;
}

body .order-intake-modern .order-files-card,
body .order-intake-modern .order-meta-card {
    padding: 16px 18px !important;
}

body .order-intake-modern .order-files-card h6,
body .order-intake-modern .order-builder-heading {
    color: #203654 !important;
    font-weight: 700 !important;
    letter-spacing: 0.01em;
}

body .order-intake-modern .selected-apparel-submit .form-control,
body .order-intake-modern .selected-apparel-type .form-control,
body .order-intake-modern .selected-apparel-submit .btn,
body .order-intake-modern .selected-apparel-type .btn {
    border-radius: 10px !important;
}

body .order-intake-modern .selected-apparel-submit .form-control,
body .order-intake-modern .selected-apparel-type .form-control {
    border: 1px solid #cdd8e8 !important;
    min-height: 42px !important;
    color: var(--ux-text) !important;
    box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.03) !important;
}

body .order-intake-modern .selected-apparel-submit .form-control:focus,
body .order-intake-modern .selected-apparel-type .form-control:focus {
    border-color: #6d8eb8 !important;
    box-shadow: 0 0 0 3px rgba(109, 142, 184, 0.2) !important;
}

body .order-intake-modern .selected-apparel-submit .order-meta-card .embroidery-sec-container {
    display: flex !important;
    gap: 16px !important;
    align-items: flex-start !important;
}

body .order-intake-modern .selected-apparel-submit .order-meta-card .embroidery-sec-container > .col-lg-6 {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
}

body .order-intake-modern .selected-apparel-submit .order-meta-card .embroidery-sec-container .row.my-3.mx-0,
body .order-intake-modern .selected-apparel-submit .order-meta-card .embroidery-sec-container .col-lg-12.form-group.my-3 {
    margin: 0 !important;
}

body .order-intake-modern .selected-apparel-submit textarea.additional-comment {
    min-height: 110px !important;
    resize: vertical;
}

body .order-intake-modern .location-section.app-location-section {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: flex-start !important;
    gap: 14px !important;
    padding: 8px 0 14px !important;
    border-bottom: 1px solid #dfe6f1 !important;
}

body .order-intake-modern .location-section.app-location-section > .location-card-container:first-child {
    flex: 0 0 280px !important;
    max-width: 280px !important;
}

body .order-intake-modern .location-section.app-location-section > .location-card-container.measurement-container {
    flex: 0 0 290px !important;
    max-width: 290px !important;
}

body .order-intake-modern .location-section.app-location-section > .size-gated-field {
    flex: 0 0 200px !important;
    max-width: 200px !important;
}

body .order-intake-modern .location-section.app-location-section .location-card-container,
body .order-intake-modern .location-section.app-location-section .size-gated-field {
    align-self: flex-start !important;
    margin-top: 0 !important;
}

body .order-intake-modern .location-section.app-location-section .location-card-container .form-group,
body .order-intake-modern .location-section.app-location-section .size-gated-field .form-group {
    margin: 0 !important;
}

body .order-intake-modern .location-section.app-location-section label,
body .order-intake-modern .apparel-qty-size-container-list .above-label {
    margin: 0 0 6px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    color: #3f5574 !important;
    letter-spacing: 0.02em;
}

body .order-intake-modern .location-section .location-card-container.measurement-container > label {
    text-align: left !important;
}

body .order-intake-modern .location-section .location-card-container.measurement-container .tops-brand-split {
    margin: 0 !important;
    gap: 12px !important;
    align-items: flex-start !important;
}

body .order-intake-modern .location-section .location-card-container.measurement-container .tops-brand-split .form-group {
    margin: 0 !important;
}

body .order-intake-modern .location-section .set-thread-color {
    min-height: 42px !important;
    height: 42px !important;
    width: 100% !important;
    border: 1px solid #cad7e9 !important;
    background: #ffffff !important;
    color: #1f3658 !important;
}

body .order-intake-modern .apparel-qty-size-container-list {
    border: 1px solid #d8e2ef !important;
    border-radius: 14px !important;
    padding: 12px 12px 10px !important;
    background: linear-gradient(180deg, #fbfdff 0%, #f6f9ff 100%) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7), 0 4px 12px rgba(15, 23, 42, 0.05) !important;
}

body .order-intake-modern .apparel-qty-size-container-list .row.p-0.m-0.r-0 {
    margin-bottom: 6px !important;
}

body .order-intake-modern .apparel-qty-size-container-list .shirt-brand,
body .order-intake-modern .apparel-qty-size-container-list .shirt-style-number,
body .order-intake-modern .apparel-qty-size-container-list .shirt-color-field,
body .order-intake-modern .apparel-qty-size-container-list .shirt-style-field {
    min-height: 40px !important;
    font-size: 13px !important;
}

body .order-intake-modern .selected-apparel-submit .thread-file-content {
    min-width: 0 !important;
}

body .order-intake-modern .thread-upload-progress-label {
    font-size: 11px !important;
    color: var(--ux-muted) !important;
    font-weight: 700 !important;
}

body .order-intake-modern .thread-upload-progress-track {
    height: 8px !important;
    border-radius: 999px !important;
}

body .order-intake-modern .thread-upload-progress-fill {
    border-radius: 999px !important;
}

@media (max-width: 991px) {
    body .order-intake-modern .selected-apparel-submit .order-meta-card .embroidery-sec-container {
        flex-wrap: wrap !important;
    }

    body .order-intake-modern .selected-apparel-submit .order-meta-card .embroidery-sec-container > .col-lg-6 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    body .order-intake-modern .location-section.app-location-section > .location-card-container:first-child,
    body .order-intake-modern .location-section.app-location-section > .location-card-container.measurement-container,
    body .order-intake-modern .location-section.app-location-section > .size-gated-field {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
}

/* Layout lock: keep sidebar on right + sticky */
body .order-intake-modern .order-builder-layout {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: flex-start !important;
}

body .order-intake-modern .order-builder-main-col {
    order: 1 !important;
    flex: 1 1 auto !important;
    max-width: none !important;
    min-width: 0 !important;
}

body .order-intake-modern .order-builder-side-col {
    order: 2 !important;
    flex: 0 0 320px !important;
    width: 320px !important;
    max-width: 320px !important;
    align-self: flex-start !important;
    position: sticky !important;
    top: 16px !important;
}

body .order-intake-modern .order-builder-side-col .thread-details-sidebar,
body .order-intake-modern .order-builder-side-col .thread-details-sidebar-card {
    position: static !important;
}

@media (max-width: 991px) {
    body .order-intake-modern .order-builder-layout {
        flex-wrap: wrap !important;
    }

    body .order-intake-modern .order-builder-main-col,
    body .order-intake-modern .order-builder-side-col {
        order: initial !important;
        flex: 0 0 100% !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    body .order-intake-modern .order-builder-side-col {
        position: static !important;
        top: auto !important;
    }
}

/* Absolute final override: sidebar right + sticky (global, not theme-scoped) */
.order-builder-layout {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 320px !important;
    gap: 24px !important;
    align-items: start !important;
    overflow: visible !important;
}

.order-builder-layout .order-builder-main-col {
    grid-column: 1 !important;
    min-width: 0 !important;
    max-width: none !important;
    overflow: visible !important;
}

.order-builder-layout .order-builder-side-col {
    grid-column: 2 !important;
    width: 320px !important;
    max-width: 320px !important;
    min-width: 320px !important;
    align-self: start !important;
    position: sticky !important;
    top: 16px !important;
    overflow: visible !important;
}

.order-builder-layout .order-builder-side-col .thread-details-sidebar,
.order-builder-layout .order-builder-side-col .thread-details-sidebar-card {
    position: static !important;
}

@media (max-width: 991px) {
    .order-builder-layout {
        grid-template-columns: 1fr !important;
        gap: 14px !important;
    }

    .order-builder-layout .order-builder-main-col,
    .order-builder-layout .order-builder-side-col {
        grid-column: 1 !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    .order-builder-layout .order-builder-side-col {
        position: static !important;
        top: auto !important;
    }
}

/* Final header centering + remove quote button in order builder */
body .order-builder-header-row .order-builder-heading,
body .order-builder-header-row h2 {
    width: 100% !important;
    text-align: center !important;
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
	font-weight: 900;
}

body .thread-home-parallax-page {
    position: relative;
    overflow: clip;
}

body .thread-home-parallax-page > *:not(.thread-home-side-parallax-shell) {
    position: relative;
    z-index: 1;
}

body footer {
    position: relative;
    z-index: 0 !important;
}

body footer .footer-copy-wrap,
body footer .footer-legal-links,
body footer .footer-brand-line,
body footer a,
body footer small,
body footer span,
body footer p {
    position: relative;
    z-index: 0 !important;
}

body .thread-home-side-parallax-shell {
    display: none !important;
}

body .thread-home-parallax-item.thread-home-parallax-item-sm {
    width: 480px;
    height: 480px;
}

body .thread-home-parallax-item.thread-home-parallax-item-lg {
    width: 480px;
    height: 480px;
}

body .thread-home-parallax-item.thread-home-parallax-item-xl {
    width: 480px;
    height: 480px;
}

body .thread-home-side-parallax-rail-left .thread-home-parallax-item {
    margin-left: -405px;
}

body .thread-home-side-parallax-rail-right .thread-home-parallax-item {
    margin-left: -75px;
}

body .thread-home-parallax-item img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    filter: none;
    box-shadow: none;
}

@media (max-width: 1399px) {
    body .thread-home-side-parallax-shell {
        display: none !important;
    }
}

body .order-builder-header-row .col-12.product-grid-list.display-flex.thread-apparel-type.launch-pad-lists,
body .order-builder-header-row .thread-apparel-type.launch-pad-lists {
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: stretch !important;
    gap: 12px !important;
    margin: 0 auto !important;
}

body .order-builder-header-row .thread-apparel-type.launch-pad-lists .img-wrapper {
    float: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

body .order-builder-header-row .get-a-quote,
body .thread-detail-quote-secondary,
body .thread-detail-quote-secondary .get-a-quote {
    display: none !important;
}

/* Absolute final pass: wider container + unified add button styles */
body .order-intake-modern .order-builder-header-row,
body .order-intake-modern .order-builder-layout {
    max-width: 1320px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

body .order-intake-modern .location-add-btn-row,
body .order-intake-modern .apparel-variation-btn-row {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 14px !important;
}

body .order-intake-modern .location-add-btn-row::before,
body .order-intake-modern .location-add-btn-row::after,
body .order-intake-modern .apparel-variation-btn-row::before,
body .order-intake-modern .apparel-variation-btn-row::after {
    content: "" !important;
    flex: 1 1 0 !important;
    min-width: 0 !important;
    border-top: 1px solid #9eb2cf !important;
}

body .order-intake-modern .location-add-btn-row .apparel-add-location-trigger,
body .order-intake-modern .apparel-variation-btn-row .apparel-variation-trigger {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 38px !important;
    padding: 0 16px !important;
    margin: 0 !important;
    white-space: nowrap !important;
    border: 1px solid #1f3658 !important;
    border-radius: 10px !important;
    background: #ffffff !important;
    color: #1f3658 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    box-shadow: none !important;
    position: relative !important;
    z-index: 2 !important;
}

body .order-intake-modern .location-add-btn-row .apparel-add-location-trigger::before,
body .order-intake-modern .location-add-btn-row .apparel-add-location-trigger::after,
body .order-intake-modern .apparel-variation-btn-row .apparel-variation-trigger::before,
body .order-intake-modern .apparel-variation-btn-row .apparel-variation-trigger::after {
    content: none !important;
    display: none !important;
}

/* Final request: Order details CTA + save draft placement */
body .order-intake-modern .thread-details-sidebar .thread-detail-quote-wrap {
    margin-top: 14px !important;
    display: flex !important;
    justify-content: center !important;
}

body .order-intake-modern .thread-details-sidebar .thread-detail-submit-trigger {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 270px !important;
    min-height: 48px !important;
    padding: 0 20px !important;
    border-radius: 999px !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    text-decoration: none !important;
}

body .order-intake-modern .thread-details-sidebar > .thread-detail-save-wrap {
    margin-top: 10px !important;
    display: flex !important;
    justify-content: center !important;
}

body .order-intake-modern .thread-details-sidebar > .thread-detail-save-wrap .thread-order-save {
    min-width: 114px !important;
    min-height: 32px !important;
    padding: 6px 12px !important;
    border-radius: 999px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
}

/* Final lock: show message-rates note only when pre-production is Yes */
body .order-intake-modern .sample-toggle-row.pre-production-row .sample-toggle-rate-note {
    display: none !important;
}

body .order-intake-modern .sample-toggle-row.pre-production-row.sample-photo-selected .sample-toggle-rate-note {
    display: block !important;
}

/* Final fix: when details are closed, make builder full width */
body .order-builder-layout.no-side {
    grid-template-columns: minmax(0, 1fr) !important;
}

body .order-builder-layout.no-side .order-builder-main-col {
    grid-column: 1 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
}

body .order-builder-layout.no-side .order-builder-side-col {
    display: none !important;
    width: 0 !important;
    max-width: 0 !important;
    min-width: 0 !important;
}

/* Requested: uploader + card sizing overrides */
.updated-embroidery-sec-bottom .thread-drag-and-drop {
    width: 100% !important;
    min-height: 100px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 4px;
    border: 1.5px dashed #87aade;
    border-radius: 12px;
    background: linear-gradient(180deg, #f9fcff 0%, #ffffff 100%);
    padding: 31px 16px;
    transition: border-color .2s ease, background-color .2s ease, transform .2s ease;
}

body .selected-apparel-submit.updated-embroidery-sec-bottom .thread-drag-and-drop > * {
    position: relative;
    z-index: 1;
    font-size: 19px;
}

.updated-embroidery-sec-bottom .sticker-file-upload.thread-bg {
    min-width: 172px;
    border-radius: 10px;
    padding: 12px 14px !important;
}

body .selected-apparel-submit.updated-embroidery-sec-bottom .order-files-card,
body .selected-apparel-submit.updated-embroidery-sec-bottom .order-meta-card {
    padding: 23px 36px !important;
    background: #eeeeee !important;
    border-radius: 15px !important;
    margin: 10px 0 !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* Requested final layout + location controls */
.main-section .col-lg-12.main.container {
    background-image: none !important;
    padding: 0 !important;
    max-width: 1160px !important;
}

body .order-intake-modern .location-lists .location-section.app-location-section {
    border-bottom: 1px solid #d6deea !important;
    padding-bottom: 12px !important;
    margin-bottom: 12px !important;
}

body .order-intake-modern .location-lists .location-section.app-location-section .remove-apparel-location-section {
    position: absolute !important;
    top: 8px !important;
    right: 8px !important;
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    border-radius: 999px !important;
    border: 1px solid #d7dfea !important;
    background: #ffffff !important;
    color: #d64343 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    padding: 0 !important;
    z-index: 5 !important;
    text-indent: 0 !important;
}

body .order-intake-modern .location-lists .location-section.app-location-section .remove-apparel-location-section::before,
body .order-intake-modern .location-lists .location-section.app-location-section .remove-apparel-location-section::after {
    content: none !important;
}

body .order-intake-modern .location-lists .location-section.app-location-section .remove-apparel-location-section:hover {
    border-color: #f0a2a2 !important;
    background: #fff3f3 !important;
}

body .order-intake-modern .apparel-add-location-trigger.btn-success,
body .order-intake-modern .apparel-variation-trigger.btn-success {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 38px !important;
    padding: 0 16px !important;
    margin: 0 !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    white-space: nowrap !important;
    border: 1px solid #1f3658 !important;
    border-radius: 10px !important;
    background: #ffffff !important;
    color: #1f3658 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    box-shadow: none !important;
}

/* Requested cleanup: remove old apparel-selected-item-main offset behavior */
body .order-intake-modern .apparel-selected-item-main {
    position: static !important;
    margin: 0 !important;
}

/* Requested: center right-sidebar review/save stack */
body .order-intake-modern .order-builder-side-col {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

body .order-intake-modern .order-builder-side-col .thread-details-sidebar {
    width: 100% !important;
    max-width: 320px !important;
    margin: 0 auto !important;
}

body .order-intake-modern .thread-details-sidebar .thread-detail-quote-wrap {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
}

body .order-intake-modern .thread-details-sidebar .thread-detail-submit-trigger {
    width: 100% !important;
    max-width: 256px !important;
    min-height: 50px !important;
    border-radius: 999px !important;
    border: 1px solid #d88712 !important;
    background: linear-gradient(180deg, #ffb347 0%, #f59f20 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 10px 20px rgba(245, 159, 32, 0.32) !important;
}

body .order-intake-modern .thread-details-sidebar .thread-detail-submit-trigger:hover {
    background: linear-gradient(180deg, #f6a22a 0%, #e2880b 100%) !important;
    border-color: #c7770a !important;
    color: #ffffff !important;
}

body .order-intake-modern .thread-details-sidebar > .thread-detail-save-wrap {
    width: 100% !important;
    max-width: 320px !important;
    margin: 10px auto 0 !important;
    display: flex !important;
    justify-content: center !important;
}

body .order-intake-modern .thread-details-sidebar > .thread-detail-save-wrap .thread-order-save {
    min-width: 126px !important;
    min-height: 32px !important;
    border-radius: 999px !important;
}

/* Final: sticky save in all-size editor + Apple-like size UI */
body .order-intake-modern .selected-apparel-type .all-size-container {
    --size-ui-bg: #f5f7fb;
    --size-ui-card: #ffffff;
    --size-ui-border: #dbe3ef;
    --size-ui-text: #1a2f4d;
    --size-ui-muted: #60748f;
    --size-ui-focus: #87a8d8;
    margin: 6px 0 0 !important;
    padding: 8px 8px 18px !important;
    background: linear-gradient(180deg, #fbfcff 0%, #f4f7fc 100%) !important;
    border: 1px solid var(--size-ui-border) !important;
    border-radius: 16px !important;
    max-height: min(62vh, 560px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9), 0 8px 22px rgba(15, 23, 42, 0.08) !important;
}

body .order-intake-modern .selected-apparel-type .all-size-container .thread-size-entry-title {
    margin: 2px 4px 10px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 0.02em !important;
    color: #526985 !important;
    text-align: center !important;
}

body .order-intake-modern .selected-apparel-type .all-size-container .size-container-list {
    margin: 0 0 12px !important;
    padding: 10px 10px 12px !important;
    border: 1px solid #e1e8f3 !important;
    border-radius: 14px !important;
    background: var(--size-ui-card) !important;
    box-shadow: 0 5px 16px rgba(15, 23, 42, 0.06) !important;
    text-align: left !important;
}

body .order-intake-modern .selected-apparel-type .all-size-container .size-container-list h5 {
    margin: 0 0 10px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 0.04em !important;
    text-transform: uppercase !important;
    color: var(--size-ui-muted) !important;
    text-align: left !important;
}

body .order-intake-modern .selected-apparel-type .all-size-container .custom-form-quantity-val {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(78px, 1fr)) !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 0 !important;
}

body .order-intake-modern .selected-apparel-type .all-size-container .custom-form-quantity-val li {
    list-style: none !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 88px !important;
    padding: 8px !important;
    border: 1px solid #d8e1ee !important;
    border-radius: 12px !important;
    background: linear-gradient(180deg, #ffffff 0%, #f7faff 100%) !important;
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease !important;
}

body .order-intake-modern .selected-apparel-type .all-size-container .custom-form-quantity-val li:hover {
    border-color: #b7c8e1 !important;
    box-shadow: 0 8px 16px rgba(15, 23, 42, 0.1) !important;
    transform: translateY(-1px) !important;
}

body .order-intake-modern .selected-apparel-type .all-size-container .custom-form-quantity-val li.selected-qty,
body .order-intake-modern .selected-apparel-type .all-size-container .custom-form-quantity-val li:focus-within {
    border-color: #6b8fbe !important;
    box-shadow: 0 0 0 3px rgba(107, 143, 190, 0.18) !important;
    background: linear-gradient(180deg, #ffffff 0%, #edf4ff 100%) !important;
}

body .order-intake-modern .selected-apparel-type .all-size-container input.custom-form-qty {
    width: 100% !important;
    height: 42px !important;
    margin: 0 0 6px !important;
    border: 1px solid #cbd8ea !important;
    border-radius: 10px !important;
    background: #ffffff !important;
    text-align: center !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: var(--size-ui-text) !important;
    box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.05) !important;
}

body .order-intake-modern .selected-apparel-type .all-size-container input.custom-form-qty:focus {
    outline: none !important;
    border-color: var(--size-ui-focus) !important;
    box-shadow: 0 0 0 4px rgba(135, 168, 216, 0.2) !important;
}

body .order-intake-modern .selected-apparel-type .all-size-container label.form-qty {
    margin: 0 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 0.03em !important;
    text-transform: uppercase !important;
    color: #536985 !important;
}

body .order-intake-modern .selected-apparel-type .all-size-container .top-total-style-count {
    margin-top: 8px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    color: #5f7392 !important;
}

body .order-intake-modern .selected-apparel-type .all-size-container .all-size-changes-save {
    position: relative !important;
    bottom: auto !important;
    left: 0 !important;
    width: min(100%, 360px) !important;
    margin: 0 auto !important;
    z-index: 20 !important;
    min-height: 44px !important;
    border-radius: 12px !important;
    border: 1px solid #2f5f95 !important;
    background: linear-gradient(180deg, #4f88c3 0%, #356ca3 100%) !important;
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    letter-spacing: 0.01em !important;
    box-shadow: 0 12px 20px rgba(34, 79, 130, 0.28) !important;
}

/* Final polish: lively drag/drop motion */
body .selected-apparel-submit.updated-embroidery-sec-bottom .thread-drag-and-drop {
    transition: border-color .2s ease, background .2s ease, box-shadow .22s ease, transform .22s ease !important;
    transform-origin: center center;
}

body .selected-apparel-submit.updated-embroidery-sec-bottom .thread-drag-and-drop.is-dragging {
    border-color: #5b8fce !important;
    background: linear-gradient(180deg, #f2f8ff 0%, #ffffff 100%) !important;
    box-shadow: 0 16px 30px rgba(41, 96, 156, 0.2) !important;
    transform: translateY(-2px) scale(1.01) !important;
    animation: threadDropzoneBreath .92s ease-in-out infinite alternate !important;
}

body .selected-apparel-submit.updated-embroidery-sec-bottom .thread-drag-and-drop.drop-pop {
    animation: threadDropzoneHit .56s cubic-bezier(.2,.86,.24,1.06) !important;
}

body .selected-apparel-submit.updated-embroidery-sec-bottom .thread-drag-and-drop.drop-pop::before {
    opacity: 1 !important;
    animation: threadDropPulseBounceStrong .62s cubic-bezier(.2,.86,.24,1.06) !important;
}

@keyframes threadDropzoneBreath {
    0% { transform: translateY(-1px) scale(1.004); }
    100% { transform: translateY(-3px) scale(1.012); }
}

@keyframes threadDropzoneHit {
    0% { transform: scale(1); }
    30% { transform: scale(1.028); }
    62% { transform: scale(0.988); }
    100% { transform: scale(1); }
}

@keyframes threadDropPulseBounceStrong {
    0% { transform: translate(-50%, -50%) scale(1); opacity: 0.92; }
    34% { transform: translate(-50%, -50%) scale(1.5); opacity: 1; }
    68% { transform: translate(-50%, -50%) scale(0.82); opacity: 0.95; }
    100% { transform: translate(-50%, -50%) scale(1); opacity: 0.88; }
}

/* Final lock: rates note only visible when pre-production = Yes */
body .order-intake-modern .sample-toggle-row.pre-production-row .sample-toggle-rate-note {
    display: none !important;
    opacity: 0 !important;
    max-height: 0 !important;
    overflow: hidden !important;
}

body .order-intake-modern .sample-toggle-row.pre-production-row.sample-photo-selected .sample-toggle-rate-note {
    display: block !important;
    opacity: 1 !important;
    max-height: 30px !important;
}

/* Requested layout offsets */
.col-12.product-grid-list.display-flex.thread-apparel-type.launch-pad-lists {
    padding-bottom: 46px !important;
}

.apparel-selected-item-main {
    position: relative !important;
    margin: 0 0 !important;
}

.order-builder-layout .selected-apparel-type {
    margin-top: 0 !important;
}

.order-builder-main-col {
    margin-top: -85px !important;
}

/* Requested: file item padding */
li.list-group-item {
    padding: 22px 20px !important;
}

/* Requested: file note full width */
body .selected-apparel-submit .list-group-item .thread-file-content {
    flex: 1 1 auto !important;
    width: 100% !important;
    min-width: 0 !important;
}

body .selected-apparel-submit .list-group-item .thread-file-note-wrap {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    padding-left: 0 !important;
}

body .selected-apparel-submit .list-group-item .thread-file-note-input {
    width: 100% !important;
    max-width: none !important;
    display: block !important;
}

/* Requested: don't match location/add-apparel button CSS */
body .order-intake-modern .apparel-add-location-trigger.btn-success {
    height: 36px !important;
    padding: 0 14px !important;
    border-radius: 999px !important;
    border: 1px solid #c7770a !important;
    background: linear-gradient(180deg, #ffb347 0%, #f59f20 100%) !important;
    color: #ffffff !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    box-shadow: 0 8px 16px rgba(245, 159, 32, 0.25) !important;
}

body .order-intake-modern .apparel-variation-trigger.btn-success {
    padding: 1px 14px !important;
    height: 27px !important;
    background: #9eb2cf !important;
}

/* Requested: remove advanced title + stack button + stronger inline field alignment */
body .order-intake-modern .location-section.app-location-section .advanced-stack-title {
    display: none !important;
}

body .order-intake-modern .location-lists .location-section.app-location-section {
    display: grid !important;
    grid-template-columns: minmax(180px, 1.05fr) minmax(250px, 1.45fr) minmax(160px, 0.95fr) minmax(170px, 1fr) !important;
    gap: 12px !important;
    align-items: start !important;
}

body .order-intake-modern .location-lists .location-section.app-location-section > .location-card-container,
body .order-intake-modern .location-lists .location-section.app-location-section > .size-gated-field {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

body .order-intake-modern .location-lists .location-section.app-location-section > .location-add-btn-row,
body .order-intake-modern .location-lists .location-section.app-location-section > .puff-input-notification,
body .order-intake-modern .location-lists .location-section.app-location-section > .location-advanced-summary-row {
    grid-column: 1 / -1 !important;
}

body .order-intake-modern .location-lists .location-section.app-location-section .location-card-container > .form-group,
body .order-intake-modern .location-lists .location-section.app-location-section .size-gated-field > .form-group,
body .order-intake-modern .location-lists .location-section.app-location-section .location-card-container > label,
body .order-intake-modern .location-lists .location-section.app-location-section .size-gated-field > label {
    margin: 0 0 6px !important;
}

body .order-intake-modern .location-lists .location-section.app-location-section .location-select,
body .order-intake-modern .location-lists .location-section.app-location-section .threadkicker-size-input,
body .order-intake-modern .location-lists .location-section.app-location-section .set-thread-color,
body .order-intake-modern .location-lists .location-section.app-location-section .location-advanced-trigger,
body .order-intake-modern .location-lists .location-section.app-location-section .thread-premium-setup .premium-setup-action {
    min-height: 42px !important;
    height: 42px !important;
}

body .order-intake-modern .location-lists .location-section.app-location-section .puff-advanced-layout {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    align-items: stretch !important;
}

body .order-intake-modern .location-lists .location-section.app-location-section .puff-stack,
body .order-intake-modern .location-lists .location-section.app-location-section .advanced-stack {
    width: 100% !important;
}

body .order-intake-modern .location-lists .location-section.app-location-section .advanced-stack .location-advanced-trigger {
    width: 100% !important;
    display: inline-flex !important;
    justify-content: center !important;
}

body .order-intake-modern .location-lists .location-section.app-location-section .location-card-container.measurement-container .tops-brand-split {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 12px !important;
    align-items: end !important;
    margin: 0 !important;
    padding: 0 !important;
}

body .order-intake-modern .location-lists .location-section.app-location-section .location-card-container.measurement-container .tops-brand-split > .form-group,
body .order-intake-modern .location-lists .location-section.app-location-section .location-card-container.measurement-container .tops-brand-split > .size-field {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

body .order-intake-modern .location-lists .location-section.app-location-section > .location-card-container [class*="col-lg-"],
body .order-intake-modern .location-lists .location-section.app-location-section > .size-gated-field [class*="col-lg-"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

body .order-intake-modern .location-lists .location-section.app-location-section .location-card-container > label,
body .order-intake-modern .location-lists .location-section.app-location-section .size-gated-field > label {
    width: 100% !important;
    text-align: left !important;
}

@media (max-width: 991px) {
    body .order-intake-modern .location-lists .location-section.app-location-section {
        grid-template-columns: 1fr !important;
    }
}

/* Final lock: requested size-card style */
body .order-intake-modern .selected-apparel-type .all-size-container .custom-form-quantity-val li,
body .order-intake-modern .custom-form-quantity-val li {
    display: flex !important;
    flex-direction: column !important;
    margin: 0 5px !important;
    padding: 5px !important;
    border: 1px solid #c9c9c9 !important;
    border-radius: 11px !important;
    padding: 11px 16px 8px 15px !important;
}

/* Absolute final lock: size label above qty field + cleaner fit */
body .order-intake-modern .selected-apparel-type .all-size-container .custom-form-quantity-val,
body .order-intake-modern .apparel-qty-size-container-list .custom-form-quantity-val {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(78px, 1fr)) !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 0 !important;
}

body .order-intake-modern .selected-apparel-type .all-size-container .custom-form-quantity-val li,
body .order-intake-modern .apparel-qty-size-container-list .custom-form-quantity-val li {
    display: grid !important;
    grid-template-columns: 0 1fr 0 !important;
    grid-template-rows: auto auto !important;
    align-items: center !important;
    justify-content: stretch !important;
    gap: 6px !important;
    margin: 0 !important;
    min-height: 86px !important;
    padding: 10px 10px 9px !important;
    border: 1px solid #c9c9c9 !important;
    border-radius: 11px !important;
    background: #ffffff !important;
}

body .order-intake-modern .selected-apparel-type .all-size-container .custom-form-quantity-val li label.form-qty,
body .order-intake-modern .apparel-qty-size-container-list .custom-form-quantity-val li label.form-qty {
    grid-column: 1 / -1 !important;
    grid-row: 1 !important;
    display: block !important;
    margin: 0 !important;
    text-align: center !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 0.04em !important;
    text-transform: uppercase !important;
    color: #5a6d86 !important;
    line-height: 1.1 !important;
    cursor: pointer !important;
}

body .order-intake-modern .selected-apparel-type .all-size-container .custom-form-quantity-val li input.custom-form-qty,
body .order-intake-modern .apparel-qty-size-container-list .custom-form-quantity-val li input.custom-form-qty {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    width: 100% !important;
    height: 40px !important;
    margin: 0 !important;
    text-align: center !important;
    font-size: 16px !important;
    font-weight: 700 !important;
}

body .order-intake-modern .selected-apparel-type .all-size-container .custom-form-quantity-val li.thread-size-quick-adjust-open,
body .order-intake-modern .apparel-qty-size-container-list .custom-form-quantity-val li.thread-size-quick-adjust-open {
    grid-template-columns: 34px minmax(0, 1fr) 34px !important;
}

body .order-intake-modern .selected-apparel-type .all-size-container .custom-form-quantity-val li.thread-size-quick-adjust-open input.custom-form-qty,
body .order-intake-modern .apparel-qty-size-container-list .custom-form-quantity-val li.thread-size-quick-adjust-open input.custom-form-qty {
    grid-column: 2 !important;
}

body .order-intake-modern .selected-apparel-type .all-size-container .custom-form-quantity-val li .thread-size-quick-adjust-btn,
body .order-intake-modern .apparel-qty-size-container-list .custom-form-quantity-val li .thread-size-quick-adjust-btn {
    grid-row: 2 !important;
    align-self: center !important;
    justify-self: center !important;
    width: 28px !important;
    height: 28px !important;
    padding: 0 !important;
    border-radius: 999px !important;
    border: 1px solid #d7dfea !important;
    background: #eef3f9 !important;
    color: #1f3658 !important;
    font-weight: 900 !important;
    font-size: 18px !important;
    line-height: 1 !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transform: scale(.92) !important;
    transition: opacity .18s ease, transform .18s ease !important;
}

body .order-intake-modern .selected-apparel-type .all-size-container .custom-form-quantity-val li .thread-size-quick-adjust-minus,
body .order-intake-modern .apparel-qty-size-container-list .custom-form-quantity-val li .thread-size-quick-adjust-minus {
    grid-column: 1 !important;
}

body .order-intake-modern .selected-apparel-type .all-size-container .custom-form-quantity-val li .thread-size-quick-adjust-plus,
body .order-intake-modern .apparel-qty-size-container-list .custom-form-quantity-val li .thread-size-quick-adjust-plus {
    grid-column: 3 !important;
}

body .order-intake-modern .selected-apparel-type .all-size-container .custom-form-quantity-val li.thread-size-quick-adjust-open .thread-size-quick-adjust-btn,
body .order-intake-modern .apparel-qty-size-container-list .custom-form-quantity-val li.thread-size-quick-adjust-open .thread-size-quick-adjust-btn {
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: scale(1) !important;
}

/* Requested size-card style */
body .order-intake-modern .custom-form-quantity-val li {
    display: flex !important;
    flex-direction: column !important;
    margin: 0 5px !important;
    padding: 5px !important;
    border: 1px solid #c9c9c9 !important;
    border-radius: 11px !important;
    padding: 11px 16px 8px 15px !important;
}

/* Drag/drop mock match: card + centered drop area */
body .selected-apparel-submit.updated-embroidery-sec-bottom .order-files-card {
    background: #eceef1 !important;
    border: 1px solid #e3e3e3 !important;
    border-radius: 18px !important;
    padding: 24px 22px !important;
    box-shadow: none !important;
    margin-bottom: 38px !important;
}

body .selected-apparel-submit.updated-embroidery-sec-bottom .order-files-card h6 {
    display: none !important;
}

body .selected-apparel-submit.updated-embroidery-sec-bottom .file-upload-section.thread-upload-match-layout {
    display: block !important;
    width: 100% !important;
    margin: 0 0 14px !important;
    padding: 0 !important;
}

body .selected-apparel-submit.updated-embroidery-sec-bottom .file-upload-section.thread-upload-match-layout .thread-upload-top-title {
    text-align: center !important;
    color: #1c315c !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.18 !important;
    margin: 2px 0 14px !important;
}

body .selected-apparel-submit.updated-embroidery-sec-bottom .file-upload-section.thread-upload-match-layout .thread-drag-and-drop {
    width: 100% !important;
    min-height: 182px !important;
    border: 1.5px dashed #ccd2da !important;
    border-radius: 18px !important;
    background: #f7f7f8 !important;
    padding: 38px 18px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 6px !important;
    position: relative !important;
}

body .selected-apparel-submit.updated-embroidery-sec-bottom .file-upload-section.thread-upload-match-layout .thread-drop-icon {
    color: #506385 !important;
    font-size: 21px !important;
    line-height: 1 !important;
}

body .selected-apparel-submit.updated-embroidery-sec-bottom .file-upload-section.thread-upload-match-layout .thread-drag-title {
    color: #15213a !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    margin: 1px 0 0 !important;
}

body .selected-apparel-submit.updated-embroidery-sec-bottom .file-upload-section.thread-upload-match-layout .thread-drag-subtitle {
    color: #7f8a9e !important;
    font-size: 14px !important;
    line-height: 1 !important;
    margin: 0 0 3px !important;
}

body .selected-apparel-submit.updated-embroidery-sec-bottom .file-upload-section.thread-upload-match-layout .sticker-file-upload.thread-bg {
    min-width: 300px !important;
    height: 56px !important;
    padding: 0 24px !important;
    border-radius: 10px !important;
    border: 2px solid #10192b !important;
    background: #041331 !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    letter-spacing: 0.01em !important;
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    box-shadow: none !important;
    position: relative !important;
}

body .selected-apparel-submit.updated-embroidery-sec-bottom .file-upload-section.thread-upload-match-layout .sticker-file-upload.thread-bg:hover {
    background: #05193d !important;
}

body .selected-apparel-submit.updated-embroidery-sec-bottom .list-group-item {
    background: #ffffff !important;
    border: 1px solid #e4e7ed !important;
    border-radius: 14px !important;
    padding: 12px 14px !important;
    margin: 0 0 10px !important;
}

body .selected-apparel-submit.updated-embroidery-sec-bottom .list-group-item .thread-file-item-main {
    align-items: center !important;
}

body .selected-apparel-submit.updated-embroidery-sec-bottom .list-group-item .thread-file-preview-col,
body .selected-apparel-submit.updated-embroidery-sec-bottom .list-group-item .avatar.thread-file-preview {
    flex: 0 0 92px !important;
    width: 92px !important;
    max-width: 92px !important;
    min-height: 92px !important;
    border-radius: 10px !important;
}

body .selected-apparel-submit.updated-embroidery-sec-bottom .list-group-item .thread-file-header {
    margin-bottom: 8px !important;
}

body .selected-apparel-submit.updated-embroidery-sec-bottom .list-group-item .file-title-text {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #1a202c !important;
    margin: 0 !important;
}

body .selected-apparel-submit.updated-embroidery-sec-bottom .thread-file-note-input {
    min-height: 40px !important;
    height: 40px !important;
    border-radius: 10px !important;
    border: 1px solid #d5dbe4 !important;
    background: #eef2f5 !important;
    color: #111827 !important;
    font-size: 13px !important;
    padding: 9px 12px !important;
}

@media (max-width: 991px) {
    body .selected-apparel-submit.updated-embroidery-sec-bottom .file-upload-section.thread-upload-match-layout .thread-upload-top-title {
        font-size: 15px !important;
    }

    body .selected-apparel-submit.updated-embroidery-sec-bottom .file-upload-section.thread-upload-match-layout .thread-drag-title {
        font-size: 16px !important;
    }

    body .selected-apparel-submit.updated-embroidery-sec-bottom .file-upload-section.thread-upload-match-layout .sticker-file-upload.thread-bg {
        min-width: 220px !important;
        font-size: 13px !important;
        height: 48px !important;
    }
}

/* Requested: drag/drop and leave-comment in cards */
body .selected-apparel-submit.updated-embroidery-sec-bottom .file-upload-section.thread-upload-match-layout {
    border-radius: 15px !important;  
    padding: 16px !important;
    margin: 10px 0 !important;
}

body .selected-apparel-submit.updated-embroidery-sec-bottom .file-upload-section.thread-upload-match-layout .thread-drag-and-drop {
    margin-top: 0 !important;
}

body .selected-apparel-submit.updated-embroidery-sec-bottom .thread-comment-card-row {
    background: #eeeeee !important;
    border: 1px solid #dddddd !important;
    border-radius: 15px !important;
    padding: 14px !important;
    margin: 10px 0 !important;
}

body .selected-apparel-submit.updated-embroidery-sec-bottom .thread-comment-card-title {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #22314d !important;
    margin-bottom: 8px !important;
}

body .selected-apparel-submit.updated-embroidery-sec-bottom .thread-comment-card-input {
    min-height: 90px !important;
    border: 1px solid #d7dde6 !important;
    border-radius: 12px !important;
    background: #ffffff !important;
    padding: 12px !important;
}

/* Requested: PO + Due Date + Checks in cards */
body .selected-apparel-submit.updated-embroidery-sec-bottom .thread-order-meta-grid {
    margin: 12px 0 !important;
}

body .selected-apparel-submit.updated-embroidery-sec-bottom .thread-order-meta-left-card,
body .selected-apparel-submit.updated-embroidery-sec-bottom .thread-order-meta-right-card {
    background: #eeeeee !important;
    border: 1px solid #dddddd !important;
    border-radius: 15px !important;
    padding: 14px !important;
}

body .selected-apparel-submit.updated-embroidery-sec-bottom .thread-order-meta-left-card > .row,
body .selected-apparel-submit.updated-embroidery-sec-bottom .thread-order-meta-right-card > .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

body .selected-apparel-submit.updated-embroidery-sec-bottom .thread-order-meta-right-card .po-form-field,
body .selected-apparel-submit.updated-embroidery-sec-bottom .thread-order-meta-right-card .previouse-po-form-field,
body .selected-apparel-submit.updated-embroidery-sec-bottom .thread-order-meta-right-card .due-date-thread-picker {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
}

body .selected-apparel-submit.updated-embroidery-sec-bottom .thread-order-check-card {
    background: #f6f6f7 !important;
    border: 1px solid #dddddd !important;
    border-radius: 12px !important;
    padding: 10px 12px !important;
    margin-top: 8px !important;
    margin-bottom: 8px !important;
}

@media (max-width: 991px) {
    body .selected-apparel-submit.updated-embroidery-sec-bottom .thread-order-meta-left-card,
    body .selected-apparel-submit.updated-embroidery-sec-bottom .thread-order-meta-right-card {
        margin-bottom: 10px !important;
    }
}

/* Final requested: one single meta card, no separate comment card */
body .selected-apparel-submit.updated-embroidery-sec-bottom .thread-comment-card-row {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

body .selected-apparel-submit.updated-embroidery-sec-bottom .thread-comment-card-title {
    display: none !important;
}

body .selected-apparel-submit.updated-embroidery-sec-bottom .thread-comment-card-input {
    min-height: initial !important;
    border-radius: initial !important;
    background: #ffffff !important;
}

body .selected-apparel-submit.updated-embroidery-sec-bottom .thread-order-meta-grid.thread-order-meta-single-card {
    background: #eeeeee !important;
    border: 1px solid #dddddd !important;
    border-radius: 15px !important;
    padding: 14px !important;
    margin: 10px 0 !important;
}

body .selected-apparel-submit.updated-embroidery-sec-bottom .thread-order-meta-grid.thread-order-meta-single-card > .col-lg-6,
body .selected-apparel-submit.updated-embroidery-sec-bottom .thread-order-meta-left-card,
body .selected-apparel-submit.updated-embroidery-sec-bottom .thread-order-meta-right-card,
body .selected-apparel-submit.updated-embroidery-sec-bottom .thread-order-check-card {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Final request pass: spacing, alignment, button parity, and order details actions */
body .order-intake-modern .apparel-add-location-trigger.btn-success,
body .order-intake-modern .apparel-variation-trigger.btn-success {
    padding: 1px 14px !important;
    height: 27px !important;
    min-height: 27px !important;
    min-width: 0 !important;
    width: auto !important;
    border-radius: 8px !important;
    border: 1px solid #8ea5c6 !important;
    background: #9eb2cf !important;
    color: #ffffff !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    box-shadow: none !important;
}

body .order-intake-modern .location-add-btn-row,
body .order-intake-modern .apparel-qty-container .text-right.my-4 {
    width: 100% !important;
    margin: 12px 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    text-align: center !important;
}

body .order-intake-modern .location-add-btn-row::before,
body .order-intake-modern .location-add-btn-row::after,
body .order-intake-modern .apparel-qty-container .text-right.my-4::before,
body .order-intake-modern .apparel-qty-container .text-right.my-4::after {
    content: "" !important;
    flex: 1 1 0 !important;
    min-width: 0 !important;
    border-top: 1px solid #9eb2cf !important;
}

body .order-intake-modern .location-add-btn-row .apparel-add-location-trigger::before,
body .order-intake-modern .location-add-btn-row .apparel-add-location-trigger::after,
body .order-intake-modern .apparel-qty-container .text-right.my-4 .apparel-variation-trigger::before,
body .order-intake-modern .apparel-qty-container .text-right.my-4 .apparel-variation-trigger::after {
    content: none !important;
    display: none !important;
}

body .order-intake-modern .selected-apparel-submit li.list-group-item {
    padding: 22px 20px !important;
}

body .order-intake-modern .selected-apparel-submit .thread-file-item-main {
    display: grid !important;
    grid-template-columns: 102px minmax(0, 1fr) !important;
    gap: 14px !important;
    align-items: start !important;
}

body .order-intake-modern .selected-apparel-submit .thread-file-content {
    width: 100% !important;
    min-width: 0 !important;
}

body .order-intake-modern .selected-apparel-submit .thread-file-note-wrap,
body .order-intake-modern .selected-apparel-submit .thread-file-note-input {
    width: 100% !important;
    max-width: none !important;
}

body .order-intake-modern .selected-apparel-submit .thread-file-note-input {
    min-height: 42px !important;
    height: auto !important;
}

.col-12.product-grid-list.display-flex.thread-apparel-type.launch-pad-lists {
    padding-bottom: 46px !important;
}

.apparel-selected-item-main {
    position: relative !important;
    margin: 0 0 !important;
}

.order-builder-layout .selected-apparel-type {
    margin-top: 0 !important;
}

.order-builder-main-col {
    margin-top: -85px !important;
}

body .order-intake-modern .thread-details-sidebar,
body .order-intake-modern .thread-details-sidebar-card {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

body .order-intake-modern .thread-details-sidebar .thread-detail-quote-wrap,
body .order-intake-modern .thread-details-sidebar .thread-detail-save-wrap {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

body .order-intake-modern .thread-details-sidebar .thread-detail-submit-trigger {
    width: 100% !important;
    max-width: 270px !important;
    min-height: 50px !important;
    border-radius: 999px !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    border: 1px solid #d88712 !important;
    background: linear-gradient(180deg, #ffb347 0%, #f59f20 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 10px 20px rgba(245, 159, 32, 0.28) !important;
}

body .order-intake-modern .thread-details-sidebar .thread-order-save {
    min-width: 122px !important;
    min-height: 32px !important;
    padding: 6px 12px !important;
    border-radius: 999px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
}

body .order-intake-modern .selected-apparel-type .form-group,
body .order-intake-modern .selected-apparel-submit .form-group {
    margin-bottom: 12px !important;
}

body .order-intake-modern .selected-apparel-type label,
body .order-intake-modern .selected-apparel-submit label {
    margin-bottom: 6px !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
    letter-spacing: 0.01em !important;
}

body .order-intake-modern .selected-apparel-type .form-control,
body .order-intake-modern .selected-apparel-submit .form-control,
body .order-intake-modern .selected-apparel-type .location-select,
body .order-intake-modern .selected-apparel-type .threadkicker-size-input,
body .order-intake-modern .selected-apparel-type .set-thread-color,
body .order-intake-modern .selected-apparel-type .location-advanced-trigger,
body .order-intake-modern .selected-apparel-submit .due-date-thread-picker,
body .order-intake-modern .selected-apparel-submit .custom-order-number,
body .order-intake-modern .selected-apparel-submit .pre-custom-order-number {
    min-height: 42px !important;
    border-radius: 12px !important;
    border: 1px solid #cfdae8 !important;
    box-shadow: none !important;
}

body .order-intake-modern .selected-apparel-submit .additional-comment {
    min-height: 104px !important;
    border-radius: 12px !important;
    padding: 12px 14px !important;
    resize: vertical !important;
}

body .order-intake-modern .location-lists .location-section.app-location-section {
    display: grid !important;
    grid-template-columns: minmax(220px, 1fr) minmax(280px, 1.2fr) minmax(180px, 0.9fr) minmax(190px, 1fr) !important;
    gap: 14px 16px !important;
    align-items: end !important;
}

body .order-intake-modern .location-lists .location-section.app-location-section > .location-card-container,
body .order-intake-modern .location-lists .location-section.app-location-section > .size-gated-field {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

body .order-intake-modern .location-lists .location-section.app-location-section > .location-add-btn-row,
body .order-intake-modern .location-lists .location-section.app-location-section > .puff-input-notification,
body .order-intake-modern .location-lists .location-section.app-location-section > .location-advanced-summary-row {
    grid-column: 1 / -1 !important;
}

body .order-intake-modern .location-lists .location-section.app-location-section .measurement-container .tops-brand-split {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 12px !important;
    margin: 0 !important;
    padding: 0 !important;
}

body .order-intake-modern .location-lists .location-section.app-location-section .measurement-container .tops-brand-split > .form-group {
    margin: 0 !important;
    width: 100% !important;
    max-width: none !important;
}

body .order-intake-modern .sample-toggle-row.pre-production-row .sample-toggle-rate-note {
    display: none !important;
    margin-top: 8px !important;
    font-size: 12px !important;
    color: #6b7280 !important;
}

body .order-intake-modern .sample-toggle-row.pre-production-row.sample-photo-selected .sample-toggle-rate-note {
    display: block !important;
}

@media (max-width: 991px) {
    body .order-intake-modern .location-lists .location-section.app-location-section {
        grid-template-columns: 1fr !important;
    }
}

/* Absolute final lock: requested size-card style */
body .order-intake-modern .selected-apparel-type .all-size-container .custom-form-quantity-val li,
body .order-intake-modern .custom-form-quantity-val li {
    display: flex !important;
    flex-direction: column !important;
    margin: 0 5px !important;
    padding: 5px !important;
    border: 1px solid #c9c9c9 !important;
    border-radius: 11px !important;
    padding: 11px 16px 8px 15px !important;
}

/* Absolute final lock: size label above qty field + compact fit */
body .order-intake-modern .selected-apparel-type .all-size-container .custom-form-quantity-val,
body .order-intake-modern .apparel-qty-size-container-list .custom-form-quantity-val {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(78px, 1fr)) !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 0 !important;
}

body .order-intake-modern .selected-apparel-type .all-size-container .custom-form-quantity-val li,
body .order-intake-modern .apparel-qty-size-container-list .custom-form-quantity-val li {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 6px !important;
    margin: 0 !important;
    min-height: 86px !important;
    padding: 10px 10px 9px !important;
    border: 1px solid #c9c9c9 !important;
    border-radius: 11px !important;
    background: #ffffff !important;
}

body .order-intake-modern .selected-apparel-type .all-size-container .custom-form-quantity-val li label.form-qty,
body .order-intake-modern .apparel-qty-size-container-list .custom-form-quantity-val li label.form-qty {
    order: 0 !important;
    display: block !important;
    margin: 0 !important;
    text-align: center !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 0.04em !important;
    text-transform: uppercase !important;
    color: #5a6d86 !important;
    line-height: 1.1 !important;
}

body .order-intake-modern .selected-apparel-type .all-size-container .custom-form-quantity-val li input.custom-form-qty,
body .order-intake-modern .apparel-qty-size-container-list .custom-form-quantity-val li input.custom-form-qty {
    order: 1 !important;
    width: 100% !important;
    height: 40px !important;
    margin: 0 !important;
    text-align: center !important;
    font-size: 16px !important;
    font-weight: 700 !important;
}

/* Absolute final lock: remove extra single-measurement advanced border/padding */
body .order-intake-modern .location-section.app-location-section.my-2.flex-align-end.position-relative.has-location-advanced.single-measurement-mode {
    padding: 0 !important;
}

/* Absolute final lock: inline puff + small hover advanced + clean editable title */
body .order-intake-modern .thread-apparel-type .img-wrapper .apparel-title-edit {
    display: none !important;
}

body .order-intake-modern .thread-apparel-type .img-wrapper .apparel-title-text {
    cursor: text !important;
}

body .order-intake-modern .location-lists .location-section.app-location-section .puff-advanced-layout {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: flex-end !important;
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
    gap: 15px !important;
}

body .order-intake-modern .location-lists .location-section.app-location-section .puff-stack,
body .order-intake-modern .location-lists .location-section.app-location-section .advanced-stack {
    width: auto !important;
    display: inline-flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 6px !important;
}

body .order-intake-modern .location-lists .location-section.app-location-section .puff-stack .thread-premium-setup {
    display: inline-flex !important;
    align-items: center !important;
    gap: 12px !important;
    flex-wrap: nowrap !important;
}

body .order-intake-modern .location-lists .location-section.app-location-section .puff-stack .thread-premium-setup .premium-setup-action {
    min-width: 36px !important;
    height: 28px !important;
    min-height: 28px !important;
    padding: 0 10px !important;
}

body .order-intake-modern .location-lists .location-section.app-location-section .advanced-stack .location-advanced-trigger {
    width: auto !important;
    min-width: 114px !important;
    height: 28px !important;
    min-height: 28px !important;
    padding: 0 10px !important;
    font-size: 10px !important;
    border-radius: 999px !important;
    opacity: 0 !important;
    transform: translateY(3px) !important;
    pointer-events: none !important;
    transition: opacity .18s ease, transform .18s ease, border-color .18s ease, background-color .18s ease, color .18s ease !important;
}

body .order-intake-modern .location-lists .location-section.app-location-section:hover .advanced-stack .location-advanced-trigger,
body .order-intake-modern .location-lists .location-section.app-location-section:focus-within .advanced-stack .location-advanced-trigger,
body .order-intake-modern .location-lists .location-section.app-location-section.has-location-advanced .advanced-stack .location-advanced-trigger,
body .order-intake-modern .location-lists .location-section.app-location-section .advanced-stack .location-advanced-trigger.active {
    opacity: 1 !important;
    transform: none !important;
    pointer-events: auto !important;
}

body.thread-order-progress-complete .thread-progress-dock,
body.thread-order-progress-complete .thread-detail-progress-wrap {
    display: none !important;
}

/* Final action-button + location-divider lock */
body .order-intake-modern button.btn.apparel-add-location-trigger.btn-success,
body .order-intake-modern button.btn.apparel-variation-trigger.btn-success,
body .order-intake-modern .order-builder-layout .apparel-variation-button-container .add-apparel-variation {
    color: #fff !important;
    background-color: #198754 !important;
    border-color: #198754 !important;
    border-radius: 34px !important;
    padding: 1px 10px !important;
    height: 28px !important;
    min-height: 28px !important;
    border-width: 1px !important;
}

body .order-intake-modern .location-lists .location-section.app-location-section {
    border-bottom: 0 !important;
    padding-bottom: 14px !important;
    margin-bottom: 14px !important;
}

body .order-intake-modern .location-lists .location-section.app-location-section.thread-location-divider {
    border-bottom: 1px solid #c3cad5 !important;
}

body .order-intake-modern .selected-apparel-submit textarea.form-control.additional-comment {
    width: calc(100% - 24px) !important;
    margin: 0 12px !important;
}

/* Final lock: divider fallback + row alignment with measurement line */
body .order-intake-modern .location-lists .location-section.app-location-section:not(:last-of-type) {
    border-bottom: 1px solid #bcc7d8 !important;
}

body .order-intake-modern .location-lists .location-section.app-location-section {
    position: relative !important;
}

body .order-intake-modern .location-lists .location-section.app-location-section:not(:last-of-type)::after {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    border-bottom: 1px solid #bcc7d8 !important;
    pointer-events: none !important;
}

body .order-intake-modern .location-lists .location-section.app-location-section > .location-add-btn-row {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    margin: 12px 0 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    box-sizing: border-box !important;
    position: relative !important;
}

body .order-intake-modern .location-lists .location-section.app-location-section > .location-add-btn-row::before,
body .order-intake-modern .location-lists .location-section.app-location-section > .location-add-btn-row::after {
    content: "" !important;
    flex: 1 1 0 !important;
    min-width: 0 !important;
    border-top: 1px solid #bcc7d8 !important;
}

/* Final lock: exact qty chip styling */
body .order-intake-modern .custom-form-quantity-val li,
body .order-intake-modern .apparel-qty-size-container-list .custom-form-quantity-val li,
body .order-intake-modern .selected-apparel-type .all-size-container .custom-form-quantity-val li {
    display: flex !important;
    flex-direction: column !important;
    margin: 0 5px !important;
    padding: 11px 13px !important;
    border: 1px solid #bebebe !important;
    border-radius: 8px !important;
}

body .order-intake-modern li.selected-qty,
body .order-intake-modern .custom-form-quantity-val li.selected-qty {
    background: #ffffff !important;
    color: #464646 !important;
    font-weight: 900 !important;
}

/* Final exact match requested for size cards */
body .order-intake-modern .custom-form-quantity-val li {
    display: flex !important;
    flex-direction: column !important;
    margin: 0 5px !important;
    padding: 11px 13px !important;
    border: 1px solid #bebebe !important;
    border-radius: 8px !important;
}

body .order-intake-modern li.selected-qty {
    background: #ffffff !important;
    color: #464646 !important;
    font-weight: 900 !important;
}

/* Final lock: files list inside upload card under drag/drop */
body .selected-apparel-submit.updated-embroidery-sec-bottom .order-files-card .template-preview-formBuilder,
body .selected-apparel-submit.updated-embroidery-sec-bottom .order-files-card .proof-desction-list {
    width: 100% !important;
    margin-top: 10px !important;
}

body .selected-apparel-submit.updated-embroidery-sec-bottom .list-group-item {
    background: #ffffff !important;
    border: 1px solid #e4e7ed !important;
    border-radius: 14px !important;
    padding: 12px 14px !important;
    margin: 0 0 10px !important;
    max-height: 143px !important;
}

body .selected-apparel-submit .list-group-item .thread-file-preview-col {
    flex: 0 0 96px !important;
    max-width: 96px !important;
    display: flex !important;
    max-height: 40px !important;
}
button.btn.apparel-add-location-trigger.btn-success {
    padding: 7px 16px !important;
    height: 28px;
    background: #97accb !important;
}

.size-option-lists {
    top: 42px;
}
.puff-advanced-layout {
    width: 100% !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-end !important;
    justify-content: flex-end !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
    padding: 0 !important;
    margin: 0 !important;
}
.advanced-stack {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    display: inline-flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 6px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border-radius: 0 !important;
    height: auto !important;
}

/* Keep only spinner visible while file picker button is in loading state */
body .selected-apparel-submit.updated-embroidery-sec-bottom .file-upload-section.thread-upload-match-layout .sticker-file-upload.thread-bg.is-picker-loading,
body .selected-apparel-submit.updated-embroidery-sec-bottom .file-upload-section.thread-upload-match-layout .thread-drop-upload-btn.is-picker-loading {
    color: transparent !important;
    font-size: 0 !important;
    text-shadow: none !important;
    pointer-events: none !important;
}

body .selected-apparel-submit.updated-embroidery-sec-bottom .file-upload-section.thread-upload-match-layout .sticker-file-upload.thread-bg.is-picker-loading::after,
body .selected-apparel-submit.updated-embroidery-sec-bottom .file-upload-section.thread-upload-match-layout .thread-drop-upload-btn.is-picker-loading::after {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    width: 14px !important;
    height: 14px !important;
    margin: -7px 0 0 -7px !important;
    border: 2px solid rgba(255, 255, 255, 0.35) !important;
    border-top-color: #ffffff !important;
    border-radius: 999px !important;
    animation: threadUploadSpin .65s linear infinite !important;
}

/* Generic fallback: apply row alignment even when body class variants differ */
.location-lists .location-section.app-location-section {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: flex-end !important;
    gap: 12px !important;
}

.location-lists .location-section.app-location-section > .location-card-container,
.location-lists .location-section.app-location-section > .size-gated-field {
    margin: 0 !important;
    padding: 0 !important;
    min-width: 0 !important;
}

.location-lists .location-section.app-location-section > .location-card-container:first-child {
    flex: 1 1 220px !important;
    max-width: 270px !important;
}

.location-lists .location-section.app-location-section > .location-card-container.measurement-container {
    flex: 1.35 1 320px !important;
    max-width: 248px !important;
}

.location-lists .location-section.app-location-section > .size-gated-field {
    flex: 1 1 210px !important;
    max-width: 260px !important;
}

.location-lists .location-section.app-location-section > .size-gated-field + .size-gated-field {
    flex: 1.15 1 280px !important;
    max-width: none !important;
}

.location-lists .location-section.app-location-section .location-card-container.measurement-container .tops-brand-split {
    display: flex !important;
    align-items: flex-end !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100%;
}

.location-lists .location-section.app-location-section .location-card-container.measurement-container .tops-brand-split > .form-group,
.location-lists .location-section.app-location-section .location-card-container.measurement-container .tops-brand-split > .size-field {
    flex: 1 1 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.location-lists .location-section.app-location-section .puff-stack .thread-premium-setup {
    align-items: center !important;  
    gap: 8px !important;
    flex-wrap: nowrap !important;
}

.location-lists .location-section.app-location-section .advanced-stack .location-advanced-trigger {
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: none !important;
    min-width: 124px !important;
    height: 34px !important;
    min-height: 34px !important;
    padding: 0 15px !important;
    border-radius: 999px !important;
    border: 1px solid #c1c1c1;
    font-size: 11px;
    font-weight: 600;
}

.all-size-container .custom-form-quantity-val,
.apparel-qty-size-container-list .custom-form-quantity-val {
    grid-template-columns: repeat(auto-fit, minmax(62px, 1fr)) !important;  
    gap: 8px !important;
}

.all-size-container .custom-form-quantity-val li, .apparel-qty-size-container-list .custom-form-quantity-val li {
    display: grid !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 6px !important;
    margin: 0 !important;
    min-height: 72px !important;
    border-radius: 10px !important;
    padding: 8px 6px 7px !important;
    border: 1px solid #bbbbbb;
    padding: 10px 13px !important;
    color: #58667a;
    font-weight: 900;
}

.all-size-container .custom-form-quantity-val li, .apparel-qty-size-container-list .custom-form-quantity-val li {
    display: grid !important;
}

.all-size-container .custom-form-quantity-val li label.form-qty,
.apparel-qty-size-container-list .custom-form-quantity-val li label.form-qty {
    order: 0 !important;
}

.all-size-container .custom-form-quantity-val li input.custom-form-qty,
.apparel-qty-size-container-list .custom-form-quantity-val li input.custom-form-qty {
    order: 1 !important;
}

.custom-form-quantity-val li.qty-label-top > label.form-qty {
    order: 0 !important;
}

.custom-form-quantity-val li.qty-label-top > input.custom-form-qty {
    order: 1 !important;
}

/* Apple-style final lock: location row alignment + balanced size chips */
body .order-intake-modern .location-lists .location-section.app-location-section {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: flex-end !important;
    gap: 12px !important;
    margin: 0 0 14px !important;
    padding: 14px 16px 16px !important;
    border: 1px solid #d9e0eb !important;
    border-radius: 16px !important;
    background: #f3f5f8 !important;
    position: relative !important;
}

body .order-intake-modern .location-lists .location-section.app-location-section:not(:last-of-type),
body .order-intake-modern .location-lists .location-section.app-location-section.thread-location-divider {
    border-bottom: 1px solid #d9e0eb !important;
}

body .order-intake-modern .location-lists .location-section.app-location-section:not(:last-of-type)::after {
    display: none !important;
}

body .order-intake-modern .location-lists .location-section.app-location-section > .location-card-container,
body .order-intake-modern .location-lists .location-section.app-location-section > .size-gated-field {
    margin: 0 !important;
    padding: 0 !important;
    min-width: 0 !important;
}

body .order-intake-modern .location-lists .location-section.app-location-section > .location-card-container:first-child {
    flex: 1 1 220px !important;
    max-width: 270px !important;
}

body .order-intake-modern .location-lists .location-section.app-location-section > .location-card-container.measurement-container {
    flex: 1.35 1 320px !important;
    max-width: 440px !important;
}

body .order-intake-modern .location-lists .location-section.app-location-section > .size-gated-field {
    flex: 1 1 210px !important;
    max-width: 260px !important;
}

body .order-intake-modern .location-lists .location-section.app-location-section > .size-gated-field + .size-gated-field {
    flex: 1.15 1 280px !important;
    max-width: none !important;
    display: flex !important;
    align-items: flex-end !important;
    justify-content: flex-end !important;
}

body .order-intake-modern .location-lists .location-section.app-location-section .location-card-container > .form-group,
body .order-intake-modern .location-lists .location-section.app-location-section .size-gated-field > .form-group,
body .order-intake-modern .location-lists .location-section.app-location-section .location-card-container > label,
body .order-intake-modern .location-lists .location-section.app-location-section .size-gated-field > label {
    margin: 0 0 6px !important;
}

body .order-intake-modern .location-lists .location-section.app-location-section .location-select,
body .order-intake-modern .location-lists .location-section.app-location-section .threadkicker-size-input,
body .order-intake-modern .location-lists .location-section.app-location-section .set-thread-color,
body .order-intake-modern .location-lists .location-section.app-location-section .location-advanced-trigger {
    height: 42px !important;
    min-height: 42px !important;
    border-radius: 12px !important;
}

body .order-intake-modern .location-lists .location-section.app-location-section .measurement-container .tops-brand-split {
    display: flex !important;
    align-items: flex-end !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 0 !important;
}

body .order-intake-modern .location-lists .location-section.app-location-section .measurement-container .tops-brand-split > .form-group,
body .order-intake-modern .location-lists .location-section.app-location-section .measurement-container .tops-brand-split > .size-field {
    flex: 1 1 0 !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

body .order-intake-modern .location-lists .location-section.app-location-section .puff-advanced-layout {
    width: 100% !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-end !important;
    justify-content: flex-end !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 0 !important;
}

body .order-intake-modern .location-lists .location-section.app-location-section .puff-stack,
body .order-intake-modern .location-lists .location-section.app-location-section .advanced-stack {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    display: inline-flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 6px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border-radius: 0 !important;
    height: auto !important;
}

body .order-intake-modern .location-lists .location-section.app-location-section .puff-stack .puff-stack-title {
    font-size: 12px !important;
    line-height: 1 !important;
    color: #3f4e68 !important;
}

body .order-intake-modern .location-lists .location-section.app-location-section .puff-stack .thread-premium-setup {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    flex-wrap: nowrap !important;
}

body .order-intake-modern .location-lists .location-section.app-location-section .puff-stack .thread-premium-setup .premium-setup-action {
    min-width: 42px !important;
    height: 34px !important;
    min-height: 34px !important;
    padding: 0 12px !important;
    border-radius: 999px !important;
}

body .order-intake-modern .location-lists .location-section.app-location-section .advanced-stack .location-advanced-trigger {
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: none !important;
    width: auto !important;
    min-width: 136px !important;
    height: 34px !important;
    min-height: 34px !important;
    padding: 0 14px !important;
    border-radius: 999px !important;
    font-size: 12px !important;
    background: #e2e7ef !important;
    border: 1px solid #d2dae6 !important;
    color: #1f2e47 !important;
}

body .order-intake-modern .location-lists .location-section.app-location-section > .location-add-btn-row,
body .order-intake-modern .location-lists .location-section.app-location-section > .puff-input-notification,
body .order-intake-modern .location-lists .location-section.app-location-section > .location-advanced-summary-row {
    flex: 0 0 100% !important;
    width: 100% !important;
}

body .order-intake-modern .location-lists .location-section.app-location-section > .location-add-btn-row {
    margin: 10px 0 0 !important;
}

body .order-intake-modern .selected-apparel-type .all-size-container .custom-form-quantity-val,
body .order-intake-modern .apparel-qty-size-container-list .custom-form-quantity-val {
    grid-template-columns: repeat(auto-fit, minmax(92px, 1fr)) !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 0 !important;
}

body .order-intake-modern .selected-apparel-type .all-size-container .custom-form-quantity-val li,
body .order-intake-modern .apparel-qty-size-container-list .custom-form-quantity-val li,
body .order-intake-modern .custom-form-quantity-val li {
    margin: 0 !important;
    padding: 8px 6px 7px !important;
    min-height: 72px !important;
    border: 1px solid #c8d0dc !important;
    border-radius: 10px !important;
    background: #f9fafb !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 6px !important;
}

body .order-intake-modern .selected-apparel-type .all-size-container .custom-form-quantity-val li input.custom-form-qty,
body .order-intake-modern .apparel-qty-size-container-list .custom-form-quantity-val li input.custom-form-qty {
    width: 100% !important;
    height: 38px !important;
    margin: 0 !important;
    border-radius: 8px !important;
    text-align: center !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    order: 1 !important;
}

body .order-intake-modern .selected-apparel-type .all-size-container .custom-form-quantity-val li label.form-qty,
body .order-intake-modern .apparel-qty-size-container-list .custom-form-quantity-val li label.form-qty {
    margin: 0 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    color: #4b5f7f !important;
    text-transform: uppercase !important;
    line-height: 1 !important;
    letter-spacing: 0.03em !important;
    order: 0 !important;
}

body .order-intake-modern li.selected-qty,
body .order-intake-modern .custom-form-quantity-val li.selected-qty {
    background: #e8f1ff !important;
    border-color: #7fa6de !important;
}

/* Final lock: click size label to reveal +/- around qty, one row at a time */
body .order-intake-modern .selected-apparel-type .all-size-container .custom-form-quantity-val li,
body .order-intake-modern .apparel-qty-size-container-list .custom-form-quantity-val li,
body .order-intake-modern .custom-form-quantity-val li {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    align-items: center !important;
    justify-content: stretch !important;
    gap: 6px !important;
    padding: 10px 10px 9px !important;
    min-height: 86px !important;
    overflow: visible !important;
}

body .order-intake-modern .selected-apparel-type .all-size-container .custom-form-quantity-val li label.form-qty,
body .order-intake-modern .apparel-qty-size-container-list .custom-form-quantity-val li label.form-qty,
body .order-intake-modern .custom-form-quantity-val li label.form-qty {
    grid-column: 1 / -1 !important;
    grid-row: 1 !important;
    display: block !important;
    margin: 0 !important;
    text-align: center !important;
    cursor: pointer !important;
}

body .order-intake-modern .selected-apparel-type .all-size-container .custom-form-quantity-val li input.custom-form-qty,
body .order-intake-modern .apparel-qty-size-container-list .custom-form-quantity-val li input.custom-form-qty,
body .order-intake-modern .custom-form-quantity-val li input.custom-form-qty {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    width: 100% !important;
    height: 40px !important;
    margin: 0 !important;
    text-align: center !important;
    order: initial !important;
}

body .order-intake-modern .selected-apparel-type .all-size-container .custom-form-quantity-val li.thread-size-quick-adjust-open,
body .order-intake-modern .apparel-qty-size-container-list .custom-form-quantity-val li.thread-size-quick-adjust-open,
body .order-intake-modern .custom-form-quantity-val li.thread-size-quick-adjust-open {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: auto 34px auto 38px !important;
    min-height: 132px !important;
}

body .order-intake-modern .selected-apparel-type .all-size-container .custom-form-quantity-val li.thread-size-quick-adjust-open input.custom-form-qty,
body .order-intake-modern .apparel-qty-size-container-list .custom-form-quantity-val li.thread-size-quick-adjust-open input.custom-form-qty,
body .order-intake-modern .custom-form-quantity-val li.thread-size-quick-adjust-open input.custom-form-qty {
    grid-column: 1 / -1 !important;
    grid-row: 3 !important;
    position: relative !important;
    z-index: 2 !important;
}

body .order-intake-modern .selected-apparel-type .all-size-container .custom-form-quantity-val li .thread-size-quick-adjust-btn,
body .order-intake-modern .apparel-qty-size-container-list .custom-form-quantity-val li .thread-size-quick-adjust-btn,
body .order-intake-modern .custom-form-quantity-val li .thread-size-quick-adjust-btn {
    grid-column: 1 / -1 !important;
    display: grid !important;
    align-items: center !important;
    justify-content: center !important;
    align-self: center !important;
    justify-self: stretch !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 32px !important;
    padding: 0 !important;
    border-radius: 10px !important;
    border: 1px solid #97a7bc !important;
    background: #e9e9ee !important;
    color: #122844 !important;
    font-weight: 900 !important;
    font-size: 17px !important;
    line-height: 1 !important;
    text-align: center !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transform: translateY(-4px) scale(.96) !important;
    transition: opacity .18s ease, transform .18s ease !important;
    box-shadow: 0 6px 14px rgba(15, 23, 42, 0.10) !important;
    position: relative !important;
    z-index: 3 !important;
}

body .order-intake-modern .selected-apparel-type .all-size-container .custom-form-quantity-val li .thread-size-quick-adjust-btn:hover,
body .order-intake-modern .apparel-qty-size-container-list .custom-form-quantity-val li .thread-size-quick-adjust-btn:hover,
body .order-intake-modern .custom-form-quantity-val li .thread-size-quick-adjust-btn:hover {
    background: linear-gradient(180deg, #d9e2ec 0%, #c2cfde 100%) !important;
    border-color: #8496ae !important;
}

body .order-intake-modern .selected-apparel-type .all-size-container .custom-form-quantity-val li .thread-size-quick-adjust-btn:active,
body .order-intake-modern .apparel-qty-size-container-list .custom-form-quantity-val li .thread-size-quick-adjust-btn:active,
body .order-intake-modern .custom-form-quantity-val li .thread-size-quick-adjust-btn:active {
    background: linear-gradient(180deg, #c9d4e2 0%, #b8c5d6 100%) !important;
    transform: scale(.98) !important;
}

body .order-intake-modern .selected-apparel-type .all-size-container .custom-form-quantity-val li .thread-size-quick-adjust-minus,
body .order-intake-modern .apparel-qty-size-container-list .custom-form-quantity-val li .thread-size-quick-adjust-minus,
body .order-intake-modern .custom-form-quantity-val li .thread-size-quick-adjust-minus {
    grid-row: 4 !important;
    align-self: start !important;
    margin-top: 6px !important;
    transform: translateY(3px) scale(.96) !important;
}

body .order-intake-modern .selected-apparel-type .all-size-container .custom-form-quantity-val li .thread-size-quick-adjust-plus,
body .order-intake-modern .apparel-qty-size-container-list .custom-form-quantity-val li .thread-size-quick-adjust-plus,
body .order-intake-modern .custom-form-quantity-val li .thread-size-quick-adjust-plus {
    grid-row: 2 !important;
    transform: translateY(-3px) scale(.96) !important;
}

body .order-intake-modern .selected-apparel-type .all-size-container .custom-form-quantity-val li.thread-size-quick-adjust-open .thread-size-quick-adjust-btn,
body .order-intake-modern .apparel-qty-size-container-list .custom-form-quantity-val li.thread-size-quick-adjust-open .thread-size-quick-adjust-btn,
body .order-intake-modern .custom-form-quantity-val li.thread-size-quick-adjust-open .thread-size-quick-adjust-btn {
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: scale(1) !important;
}

body .order-intake-modern .selected-apparel-type .all-size-container .custom-form-quantity-val li.thread-size-quick-adjust-open .thread-size-quick-adjust-minus,
body .order-intake-modern .apparel-qty-size-container-list .custom-form-quantity-val li.thread-size-quick-adjust-open .thread-size-quick-adjust-minus,
body .order-intake-modern .custom-form-quantity-val li.thread-size-quick-adjust-open .thread-size-quick-adjust-minus {
    transform: translateY(0) scale(1) !important;
}

button.btn.thread-size-quick-adjust-btn.thread-size-quick-adjust-plus {
    background: #97accb;
    width: 100%;
    display: grid;
    color: white;
}

button.btn.thread-size-quick-adjust-btn.thread-size-quick-adjust-minus {
    background: #b6c5da;
    width: 100%;
    display: grid;
    color: white;
}

body .order-intake-modern .selected-apparel-type .all-size-container .custom-form-quantity-val li.thread-size-quick-adjust-open .thread-size-quick-adjust-plus,
body .order-intake-modern .apparel-qty-size-container-list .custom-form-quantity-val li.thread-size-quick-adjust-open .thread-size-quick-adjust-plus,
body .order-intake-modern .custom-form-quantity-val li.thread-size-quick-adjust-open .thread-size-quick-adjust-plus {
    transform: translateY(0) scale(1) !important;
}

@media (max-width: 1199px) {
    body .order-intake-modern .location-lists .location-section.app-location-section > .location-card-container:first-child,
    body .order-intake-modern .location-lists .location-section.app-location-section > .location-card-container.measurement-container,
    body .order-intake-modern .location-lists .location-section.app-location-section > .size-gated-field,
    body .order-intake-modern .location-lists .location-section.app-location-section > .size-gated-field + .size-gated-field {
        flex: 1 1 calc(50% - 6px) !important;
        max-width: none !important;
    }

    body .order-intake-modern .location-lists .location-section.app-location-section .puff-advanced-layout {
        justify-content: flex-start !important;
    }
}

@media (max-width: 991px) {
    body .order-intake-modern .location-lists .location-section.app-location-section > .location-card-container:first-child,
    body .order-intake-modern .location-lists .location-section.app-location-section > .location-card-container.measurement-container,
    body .order-intake-modern .location-lists .location-section.app-location-section > .size-gated-field,
    body .order-intake-modern .location-lists .location-section.app-location-section > .size-gated-field + .size-gated-field {
        flex: 0 0 100% !important;
    }

    body .order-intake-modern .location-lists .location-section.app-location-section .puff-advanced-layout {
        flex-wrap: wrap !important;
        justify-content: flex-start !important;
    }
}
button.btn.apparel-variation-trigger.btn-success {
    padding: 7px 16px !important;
    height: 28px;
    background: #97accb !important;
    border-radius: 44px;
    border: none;
    font-weight: 800;
    font-size: 12px;
}

/* Final request: shorter right-side shift hint + comment/meta spacing + remove sample rate note */
.designer-shift-hint-under-brand,
body .order-intake-modern .designer-shift-hint-under-brand {
    width: 100% !important;
    margin: 4px 0 13px !important;
    text-align: right !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    color: #6f83a2 !important;
    padding: 0px 12px !important;
}

.selected-apparel-submit .sample-toggle-rate-note,
body .order-intake-modern .sample-toggle-row.pre-production-row .sample-toggle-rate-note {
    display: none !important;
}

.selected-apparel-submit .row.m-0.embroidery-sec-container.thread-order-meta-grid,
body .order-intake-modern .selected-apparel-submit .row.m-0.embroidery-sec-container.thread-order-meta-grid {
    gap: 16px !important;
    padding: 18px 16px !important;
}

.selected-apparel-submit .row.m-0.embroidery-sec-container.thread-order-meta-grid > .col-lg-6,
body .order-intake-modern .selected-apparel-submit .row.m-0.embroidery-sec-container.thread-order-meta-grid > .col-lg-6 {
    padding-left: 4px !important;
    padding-right: 4px !important;
}

.selected-apparel-submit .thread-comment-main-row,
body .order-intake-modern .selected-apparel-submit .thread-comment-main-row {
    margin: 0 0 14px !important;
}

.selected-apparel-submit .thread-comment-main-input,
body .order-intake-modern .selected-apparel-submit .thread-comment-main-input {
    min-height: 130px !important;
}

.selected-apparel-submit .comment-user-row,
body .order-intake-modern .selected-apparel-submit .comment-user-row {
    margin: 0 0 14px !important;
    padding: 0 !important;
}

.selected-apparel-submit .comment-user-row .bootstrap-select,
body .order-intake-modern .selected-apparel-submit .comment-user-row .bootstrap-select {
    width: 100% !important;
}

.selected-apparel-submit .sample-toggle-row.pre-production-row,
body .order-intake-modern .selected-apparel-submit .sample-toggle-row.pre-production-row {
    margin: 6px 0 0 !important;
    padding: 10px 12px !important;
}

/* Submit button + comment/meta card layout refresh */
body .order-intake-modern .selected-apparel-submit.updated-embroidery-sec-bottom .thread-submit,
body .selected-apparel-submit.updated-embroidery-sec-bottom .thread-submit {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: min(100%, 420px) !important;
    min-height: 58px !important;
    margin: 22px auto 10px !important;
    padding: 0 28px !important;
    border-radius: 999px !important;
    font-size: 19px !important;
    font-weight: 800 !important;
    letter-spacing: 0.01em;
    position: relative;
}

body .order-intake-modern .selected-apparel-submit.updated-embroidery-sec-bottom .row.m-0.embroidery-sec-container.thread-order-meta-grid,
body .selected-apparel-submit.updated-embroidery-sec-bottom .row.m-0.embroidery-sec-container.thread-order-meta-grid {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
    gap: 16px !important;
    background: #eceef1 !important;
    border: 1px solid #d5dce6 !important;
    border-radius: 18px !important;
    padding: 16px !important;
}

body .order-intake-modern .selected-apparel-submit.updated-embroidery-sec-bottom .row.m-0.embroidery-sec-container.thread-order-meta-grid > .col-lg-6,
body .selected-apparel-submit.updated-embroidery-sec-bottom .row.m-0.embroidery-sec-container.thread-order-meta-grid > .col-lg-6 {
    border-radius: 14px !important;
    padding: 14px !important;
}

body .order-intake-modern .selected-apparel-submit.updated-embroidery-sec-bottom .thread-comment-main-row,
body .selected-apparel-submit.updated-embroidery-sec-bottom .thread-comment-main-row {
    margin: 0 0 12px !important;
}

body .order-intake-modern .selected-apparel-submit.updated-embroidery-sec-bottom .thread-comment-main-input,
body .selected-apparel-submit.updated-embroidery-sec-bottom .thread-comment-main-input {
    min-height: 140px !important;
    border-radius: 12px !important;
}

body .order-intake-modern .selected-apparel-submit.updated-embroidery-sec-bottom .comment-user-row,
body .selected-apparel-submit.updated-embroidery-sec-bottom .comment-user-row {
    margin: 0 0 12px !important;
}

body .order-intake-modern .selected-apparel-submit.updated-embroidery-sec-bottom .row.m-0.embroidery-sec-container.thread-order-meta-grid > .col-lg-6:last-child .form-group,
body .selected-apparel-submit.updated-embroidery-sec-bottom .row.m-0.embroidery-sec-container.thread-order-meta-grid > .col-lg-6:last-child .form-group {
    margin-top: 0 !important;
}

@media (min-width: 992px) {
    body .order-intake-modern .selected-apparel-submit.updated-embroidery-sec-bottom .row.m-0.embroidery-sec-container.thread-order-meta-grid > .col-lg-6,
    body .selected-apparel-submit.updated-embroidery-sec-bottom .row.m-0.embroidery-sec-container.thread-order-meta-grid > .col-lg-6 {
        flex: 1 1 calc(50% - 8px) !important;
        max-width: calc(50% - 8px) !important;
    }
}

@media (max-width: 991px) {
    body .order-intake-modern .selected-apparel-submit.updated-embroidery-sec-bottom .thread-submit,
    body .selected-apparel-submit.updated-embroidery-sec-bottom .thread-submit {
        width: 100% !important;
        min-height: 54px !important;
        font-size: 17px !important;
    }

    body .order-intake-modern .selected-apparel-submit.updated-embroidery-sec-bottom .row.m-0.embroidery-sec-container.thread-order-meta-grid > .col-lg-6,
    body .selected-apparel-submit.updated-embroidery-sec-bottom .row.m-0.embroidery-sec-container.thread-order-meta-grid > .col-lg-6 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
}
.location-advanced-summary {
    background: #fbfbfb;
    border-radius: 4px;
    padding: 10px;
    border: 1px solid #ced4da;
}
.location-lists.embroidery-sec-container {
    padding: 21px 37px;
}

button.btn.add-apparel-variation {
    border-radius: 44px;
    width: auto;
    background: #97accb;
    top: -30px;
    position: relative;
    right: 52px;
    border: 2px solid white;
    float: right;
    color: #fff;
    font-weight: bold;
    padding: 3px 15px 5px 3px !important;
}

input.form-control.shirt-calculation.shirt-style-number, input.form-control.shirt-calculation.shirt-color-field, input.form-control.shirt-calculation.shirt-brand {
    height: 43px;
}

.thread-shirt-color-field-wrap {
    position: relative;
    width: 100%;
}

.thread-shirt-brand-field-wrap {
    position: relative;
    width: 100%;
}

.thread-shirt-brand-field-wrap input.form-control.shirt-calculation.shirt-brand {
    padding-right: 12px !important;
}

.thread-shirt-color-field-wrap input.form-control.shirt-calculation.shirt-color-field {
    padding-right: 12px !important;
}

.thread-shirt-color-field-wrap.thread-shirt-color-preview-double input.form-control.shirt-calculation.shirt-color-field {
    padding-right: 12px !important;
}

.thread-shirt-brand-preview {
    display: none !important;
}

.thread-shirt-brand-preview-badge,
.thread-size-brand-color-summary-brand {
    width: 72px;
    height: 72px;
    border-radius: 4px;
    border: none;
    box-shadow: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.thread-size-brand-color-summary-brand {
    overflow: visible;
}

.thread-shirt-brand-preview-badge img,
.thread-size-brand-color-summary-brand img {
    width: 200px;
    height: 100%;
    object-fit: contain;
}

.thread-shirt-color-preview {
    display: none !important;
}

.thread-shirt-color-preview-swatch {
    width: 32px;
    height: 32px;
    border-radius: 4px;
    border: 1px solid rgba(23, 49, 79, 0.18);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28);
    display: block;
    filter: saturate(1.05) brightness(1.06);
}

.thread-size-brand-color-summary {
    display: inline-flex;
    width: 100%;
    justify-content: flex-start;
    gap: 10px;
}

.thread-size-brand-color-summary.thread-size-brand-color-summary-hat-flow {
    padding: 12px;
    border: 1px solid #d5dde9;
    max-width: 153px;
    border-radius: 9px;
}

.thread-size-brand-color-summary-inline-wrap {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    margin: 0 0 10px;
}

.thread-size-brand-color-summary-item {
    grid-column: span 3;
    min-width: 0;
}

.all-size-container .custom-form-quantity-val li.thread-size-brand-color-summary-item,
.apparel-qty-size-container-list .custom-form-quantity-val li.thread-size-brand-color-summary-item,
body .order-intake-modern .selected-apparel-type .all-size-container .custom-form-quantity-val li.thread-size-brand-color-summary-item,
body .order-intake-modern .apparel-qty-size-container-list .custom-form-quantity-val li.thread-size-brand-color-summary-item,
body .order-intake-modern .custom-form-quantity-val li.thread-size-brand-color-summary-item {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    min-height: 72px !important;
    padding: 8px 10px !important;
    background: #d4dbe6;
}

.all-size-container .custom-form-quantity-val li.thread-size-brand-color-summary-item.hide,
.apparel-qty-size-container-list .custom-form-quantity-val li.thread-size-brand-color-summary-item.hide,
body .order-intake-modern .custom-form-quantity-val li.thread-size-brand-color-summary-item.hide {
    display: none !important;
}

.thread-size-brand-color-summary-label {
    font-size: 12px;
    font-weight: 700;
    color: #40556f;
    line-height: 1;
}

.thread-size-brand-color-summary-swatches {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    border-left: 1px solid #c3c3c3;
    padding: 0px 5px 0px 12px;
}

.thread-size-brand-color-summary .thread-shirt-color-preview-swatch {
    width: 32px;
    height: 32px;
    flex: 0 0 32px;
}

.location-card-container label,
.location-card-container button {
    font-weight: 600;
    font-size: 14px;
}

.location-card-container select,
.location-card-container input,
.location-card-container button {
    height: 42px;
    min-width: 35px;
}

.location-section label.my-2.text-bold {
    font-size: 14px;
    font-weight: 600;
}

label.above-label {
    padding: 2px;
    font-weight: 600;
}

.size-full-total {
    text-align: center;
    font-weight: 900;
    color: #97accb;
    font-size: 17px;
}

button.btn.location-preview-trigger {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 2px 10px !important;
    background: linear-gradient(180deg, #f7f2e6 0%, #f6e1c6 100%);
    border-radius: 999px;
    transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
    position: absolute;
    height: 26px;
    right: 7px;
    font-size: 12px;
    top: 44px;
    width: 40px !important;
}

button.btn.location-preview-trigger span {
    display: none !important;
}

@media (hover: hover) and (pointer: fine) {
    button.btn.location-preview-trigger:hover::after {
        content: 'View Placement';
        position: absolute;
        left: 50%;
        bottom: calc(100% + 8px);
        transform: translateX(-50%);
        white-space: nowrap;
        background: rgba(31, 54, 88, 0.96);
        color: #fff;
        font-size: 11px;
        font-weight: 700;
        line-height: 1;
        padding: 7px 9px;
        border-radius: 999px;
        box-shadow: 0 8px 18px rgba(18, 34, 58, 0.18);
        pointer-events: none;
    }
}

@media (max-width: 991px) {
    body .apparel-selected-item-main.updated-embroidery-section .thread-apparel-type img.type-icons {
        display: none !important;
    }

    body .apparel-selected-item-main.updated-embroidery-section .tk-stitch-check-trigger.thread-inline-stitch-check-btn {
        display: none !important;
    }

    .apparel-selected-item-main.updated-embroidery-section {
        background: #fbfbfb;
        padding: 7px 17px 0px 16px;
        border: 2px solid #efefef;
    }

    body .order-intake-modern .order-builder-layout .apparel-variation-button-container,
    body .order-builder-layout .apparel-variation-button-container {
        text-align: center !important;
    }

    body .order-intake-modern .order-builder-layout .apparel-variation-button-container .add-apparel-variation,
    body .order-builder-layout .apparel-variation-button-container .add-apparel-variation,
    button.btn.add-apparel-variation {
        float: none !important;
        right: auto !important;
        left: auto !important;
        top: 0 !important;
        position: relative !important;
        display: inline-flex !important;
        margin: 0 auto !important;
    }

    body .order-intake-modern .location-section .threadkicker-size-input:not(.hide):not(:placeholder-shown),
    body .location-section .threadkicker-size-input:not(.hide):not(:placeholder-shown) {
        width: 100% !important;
        max-width: 100% !important;
        flex: 1 1 100% !important;
    }

    body .order-intake-modern .own-apparel-check .thread-own-apparel-truck-lane,
    body .own-apparel-check .thread-own-apparel-truck-lane {
        display: none !important;
    }

    body .order-intake-modern .location-lists .location-section.app-location-section,
    body .location-lists .location-section.app-location-section {
        width: 100% !important;
        max-width: 100% !important;
        padding-right: 0 !important;
        margin-right: 0 !important;
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: stretch !important;
    }

    body .order-intake-modern .location-lists .location-section.app-location-section > .location-card-container,
    body .order-intake-modern .location-lists .location-section.app-location-section > .size-gated-field,
    body .order-intake-modern .location-lists .location-section.app-location-section > .location-add-btn-row,
    body .order-intake-modern .location-lists .location-section.app-location-section > .puff-input-notification,
    body .order-intake-modern .location-lists .location-section.app-location-section > .location-advanced-summary-row,
    body .location-lists .location-section.app-location-section > .location-card-container,
    body .location-lists .location-section.app-location-section > .size-gated-field,
    body .location-lists .location-section.app-location-section > .location-add-btn-row,
    body .location-lists .location-section.app-location-section > .puff-input-notification,
    body .location-lists .location-section.app-location-section > .location-advanced-summary-row {
        flex: 0 0 100% !important;
        width: 100% !important;
        max-width: 100% !important;
        margin-right: 0 !important;
        padding-right: 0 !important;
    }

    body .selected-apparel-submit.updated-embroidery-sec-bottom .file-upload-section.thread-upload-match-layout {
        border-radius: 15px !important;
        padding: 0px !important;
        margin: 21px 0px 0px 0px !important;
    }

    body .order-intake-modern .selected-apparel-submit.updated-embroidery-sec-bottom .row.m-0.embroidery-sec-container.thread-order-meta-grid,
    body .selected-apparel-submit.updated-embroidery-sec-bottom .row.m-0.embroidery-sec-container.thread-order-meta-grid {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: stretch !important;
        gap: 16px !important;
        background: #eceef1 !important;
        border: 1px solid #d5dce6 !important;
        border-radius: 18px !important;
        padding: 9px !important;
    }
}

body .size-inline-actions label.size-not-sure,
body .size-inline-actions label.sp-size-not-sure {
    margin: 0 !important;
    padding: 0 !important;
    color: #8a5b12 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 0 !important;
}

body .size-inline-actions label.size-section-edit,
body .size-inline-actions label.sp-size-section-edit {
    margin: 0 !important;
    padding: 0 !important;
    color: #1f3658 !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    letter-spacing: 0.02em !important;
    line-height: 0 !important;
}

body .size-inline-not-sure {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    width: 170px;
    min-height: 34px;
    padding: 4px 12px 4px 6px;
    background: linear-gradient(180deg, #fffdf8 0%, #fff5e8 100%);
    border: 1px solid #efd2a5;
    border-radius: 999px;
    box-shadow: 0 6px 12px rgba(162, 106, 24, 0.08);
    transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
    max-width: 130px;
}

/* Latest request: reopen advanced from summary + shift-key qty highlight + submit card ordering */
body .order-intake-modern .location-advanced-summary {
    cursor: pointer;
}

body .order-intake-modern .location-advanced-summary:hover {
    border-color: #b8c8df;
    background: #f6f9ff;
}

body.qty-shift-hold-active .order-intake-modern .custom-form-quantity-val li.qty-label-top > label.form-qty,
body.qty-shift-scrub-active .order-intake-modern .custom-form-quantity-val li.qty-label-top > label.form-qty,
body .order-intake-modern .custom-form-quantity-val li.qty-label-top > label.form-qty.qty-shift-hold-active,
body.qty-shift-hold-active .custom-form-quantity-val li.qty-label-top > label.form-qty,
body.qty-shift-scrub-active .custom-form-quantity-val li.qty-label-top > label.form-qty,
body .custom-form-quantity-val li.qty-label-top > label.form-qty.qty-shift-hold-active {
    color: #f59f20 !important;
}

body.qty-shift-hold-active .order-intake-modern .designer-shift-hint-under-brand,
body.qty-shift-scrub-active .order-intake-modern .designer-shift-hint-under-brand,
body.qty-shift-hold-active .designer-shift-hint-under-brand,
body.qty-shift-scrub-active .designer-shift-hint-under-brand {
    color: #f59f20 !important;
}

@media (max-width: 991px) {
    .designer-shift-hint-under-brand,
    body .order-intake-modern .designer-shift-hint-under-brand {
        display: none !important;
    }
}

body .puff-input-notification,
body .order-intake-modern .puff-input-notification {
    font-weight: 600 !important;
}

body .swal2-popup.thread-puff-notice-popup #swal2-content,
body .swal2-popup.thread-puff-notice-popup .swal2-content {
    font-weight: 600 !important;
}

body .swal2-popup.thread-puff-notice-popup .swal2-icon {
    display: none !important;
}

/* Add the same divider treatment between apparel sections */
body .order-intake-modern .selected-apparel-type .apparel-selected-item-main:not(:last-child) {
    border-bottom: 3px solid #bcc7d8 !important;
    padding-bottom: 36px !important;
    margin-bottom: 40px !important;
}

body .selected-apparel-type .apparel-selected-item-main:not(:last-child) {
    border-bottom: 3px solid #bcc7d8 !important;
    padding-bottom: 36px !important;
    margin-bottom: 40px !important;
}

body .order-intake-modern .own-apparel-check,
body .own-apparel-check {
    position: relative !important;
    overflow: hidden !important;
    padding-bottom: 58px !important;
}

body .order-intake-modern .own-apparel-check .thread-own-apparel-truck-lane,
body .own-apparel-check .thread-own-apparel-truck-lane {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    pointer-events: none !important;
    overflow: hidden !important;
    z-index: 0 !important;
}

body .order-intake-modern .own-apparel-check .thread-own-apparel-truck-lane::before,
body .own-apparel-check .thread-own-apparel-truck-lane::before {
    content: "" !important;
    position: absolute !important;
    left: 12px !important;
    right: 12px !important;
    bottom: 14px !important;
    border-top: 1px dashed #cdd6e2 !important;
    opacity: .55 !important;
}

body .order-intake-modern .own-apparel-check .thread-own-apparel-truck,
body .own-apparel-check .thread-own-apparel-truck {
    position: absolute !important;
    left: 0 !important;
    bottom: 6px !important;
    width: 261px !important;
    height: auto !important;
    will-change: transform !important;
    opacity: .9 !important;
    z-index: 1 !important;
    backface-visibility: hidden !important;
    transform: translate3d(-115%, 0, 0);
}

body .order-intake-modern .own-apparel-check > .apparel-check-options,
body .own-apparel-check > .apparel-check-options {
    position: relative !important;
    z-index: 2 !important;
    padding: 0px 29px;
}

body .order-intake-modern .selected-apparel-submit .sample-toggle-row.pre-production-row {
    width: 100%;
    margin-top: 8px !important;
    margin-bottom: 0 !important;
}

body .order-intake-modern .selected-apparel-submit .sample-toggle-row.pre-production-row .sample-toggle-line {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

body .order-intake-modern .selected-apparel-submit .sample-toggle-row.pre-production-row .sample-toggle-control {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

body .order-intake-modern .selected-apparel-submit .thread-order-meta-grid > .col-lg-6:last-child .thread-po-repeat-stack {
    display: block !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

body .order-intake-modern .selected-apparel-submit .thread-order-meta-grid > .col-lg-6:last-child .thread-po-repeat-stack > .po-number-container,
body .order-intake-modern .selected-apparel-submit .thread-order-meta-grid > .col-lg-6:last-child .thread-po-repeat-stack > .repeat-order-sec,
body .order-intake-modern .selected-apparel-submit .thread-order-meta-grid > .col-lg-6:last-child .sample-toggle-row.pre-production-row {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
}

body .order-intake-modern .selected-apparel-submit .thread-order-meta-grid > .col-lg-6:last-child .repeat-order-sec .form-group,
body .order-intake-modern .selected-apparel-submit .thread-order-meta-grid > .col-lg-6:last-child .po-form-field,
body .order-intake-modern .selected-apparel-submit .thread-order-meta-grid > .col-lg-6:last-child .previouse-po-form-field {
    width: 100% !important;
}

body .order-intake-modern .selected-apparel-submit .thread-order-meta-grid > .col-lg-6:last-child .thread-po-repeat-stack + .sample-toggle-row.pre-production-row {
    margin-top: 12px !important;
}
.mb-0 {
    margin-bottom: 7px !important;
}

/* File row polish: keep delete button on the right, make editable title clearer */
body .order-intake-modern .selected-apparel-submit .list-group-item .thread-file-header,
body .selected-apparel-submit .list-group-item .thread-file-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    width: 100% !important;
}

body .order-intake-modern .selected-apparel-submit .list-group-item .thread-file-header .file-title-text.editable-file-title,
body .selected-apparel-submit .list-group-item .thread-file-header .file-title-text.editable-file-title {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 8px 11px !important;
    border: 1px dashed #b9cbe3 !important;
    border-radius: 9px !important;
    background: #f7fbff !important;
    color: #1b3458 !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    cursor: text !important;
}

body .order-intake-modern .selected-apparel-submit .list-group-item .thread-file-header .file-title-text.editable-file-title:focus,
body .selected-apparel-submit .list-group-item .thread-file-header .file-title-text.editable-file-title:focus {
    outline: none !important;
    border-color: #7f9ec9 !important;
    background: #ffffff !important;
    box-shadow: 0 0 0 2px rgba(127, 158, 201, 0.2) !important;
}

body .order-intake-modern .selected-apparel-submit .list-group-item .thread-file-header .thread-file-remove-btn,
body .selected-apparel-submit .list-group-item .thread-file-header .thread-file-remove-btn {
    margin-left: auto !important;
    flex: 0 0 auto !important;
    white-space: nowrap !important;
    align-self: center !important;
}

/* Requested quote/intake alignment updates */
body .container.main {
    width: 100%;
    max-width: 1085px;
    margin-left: auto;
    margin-right: auto;
    padding: 5px 20px;
    position: relative;
}

body .selected-apparel-submit.updated-embroidery-sec-bottom .order-files-card .proof-desction-list {
    padding: 2px 8px !important;
}

body .apparel-qty-size-container-list,
body .order-intake-modern .apparel-qty-size-container-list {
    position: relative;
    margin-bottom: 20px;
    padding-bottom: 25px;
    padding: 15px 8px !important;
    margin: 31px 4px;
}

body .thread-order-section-title {
    margin: 0 0 10px !important;
    font-size: 22px !important;
    font-weight: 800 !important;
    line-height: 1.2;
    color: #ff7000 !important;
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    text-align: left !important;
    padding-left: 2px !important;
}

body .thread-order-section-title .thread-section-add-prefix {
    color: inherit;
    margin-right: 6px;
}

body .thread-order-section-title.is-complete {
    color: #1f3658 !important;
}

body .thread-order-section-title.has-content .thread-section-add-prefix,
body .thread-order-section-title.is-complete .thread-section-add-prefix {
    display: none;
}

body .thread-order-section-files,
body .thread-order-section-details {
    text-align: left;
}

body .thread-apparel-title-row {
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
    order: -1;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    margin: 7px 0px 0px;
}

body .thread-apparel-title-row .thread-apparel-title-text-wrap {
    display: inline-flex;
    align-items: center;
    gap: 0;
    flex: 1 1 auto;
    max-width: 100%;
    min-width: 0;
}

body .thread-apparel-title-row .thread-apparel-title-text-wrap .thread-apparel-title-check {
    order: 0;
    margin-left: 0;
    margin-right: 0;
}

body .thread-apparel-title-row .thread-apparel-title-text-wrap .apparel-title-text {
    order: 1;
    flex: 1 1 auto;
    display: block;
    max-width: 100%;
    width: 100%;
    min-width: 0;
    max-height: 27px;
}

body .thread-apparel-title-row .thread-apparel-title-text-wrap .sub-title.apparel-title-text.thread-title-set-flash {
    animation: threadTitleSetFlash 1.75s ease;
}

@keyframes threadTitleSetFlash {
    0% {
        color: inherit;
        background: transparent;
        box-shadow: 0 0 0 0 rgba(255, 152, 0, 0);
    }
    16% {
        color: #c96a00;
        background: #fff2dc;
        box-shadow: 0 0 0 4px rgba(255, 152, 0, 0.18);
    }
    74% {
        color: #c96a00;
        background: #fff2dc;
        box-shadow: 0 0 0 4px rgba(255, 152, 0, 0.18);
    }
    100% {
        color: inherit;
        background: transparent;
        box-shadow: 0 0 0 0 rgba(255, 152, 0, 0);
    }
}

body .thread-apparel-title-row .thread-inline-quote-btn {
    display: none;
    align-items: center;
    justify-content: center;
    width: auto !important;
    margin: 0 0 0 auto !important;
    padding: 4px 12px !important;
    border-radius: 999px;
    border: 1px solid #1f3658 !important;
    background: #ffffff !important;
    color: #1f3658 !important;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    text-decoration: none !important;
    white-space: nowrap;
}

body .selected-apparel-type .apparel-selected-item-main:first-of-type .thread-inline-quote-btn {
    display: inline-flex;
}

body .order-builder-header-row {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}

body .order-builder-header-row .order-builder-heading {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    text-align: center !important;
	font-weight: 900;
}

body .order-builder-header-row .order-builder-title-text {
    display: inline-block;
    color: #17314f;
    background-image: linear-gradient(
        100deg,
        #17314f 0%,
        #17314f 32%,
        #31465f 40%,
        #aebdcd 45%,
        #eef4fa 49%,
        #f9fcff 50%,
        #eef4fa 51%,
        #aebdcd 55%,
        #31465f 60%,
        #17314f 68%,
        #17314f 100%
    );
    background-size: 245% 100%;
    background-position: 130% 50%;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.03);
    animation: threadOrderBuilderAiSweep 8.8s cubic-bezier(.22, .61, .36, 1) infinite;
}

@keyframes threadOrderBuilderAiSweep {
    0%, 10% {
        background-position: 130% 50%;
    }
    28% {
        background-position: 8% 50%;
    }
    38% {
        background-position: -30% 50%;
    }
    46%, 54% {
        background-position: 130% 50%;
    }
    70% {
        background-position: 12% 50%;
    }
    80% {
        background-position: -34% 50%;
    }
    100% {
        background-position: -34% 50%;
    }
}

@media (prefers-reduced-motion: reduce) {
    body .order-builder-header-row .order-builder-title-text {
        animation: none;
        background-position: 50% 50%;
    }
}

body .order-builder-header-row .order-builder-title-action {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 142px;
    padding: 8px 14px !important;
    border-radius: 999px !important;
    border: 1px solid #cfd8e4 !important;
    background: #ffffff !important;
    color: #1f3658 !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.08) !important;
}

body .order-builder-header-row .order-builder-title-action:hover,
body .thread-apparel-title-row .thread-inline-stitch-check-btn:hover {
    background: #97accb !important;
    border-color: #b7c9df !important;
}

body .thread-apparel-title-row {
    justify-content: space-between !important;
}

body .thread-apparel-title-row .thread-apparel-title-actions {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    margin-left: auto !important;
}

body .thread-apparel-title-row .thread-apparel-info-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 24px !important;
    height: 24px !important;
    margin: 0 !important;
    border-radius: 999px !important;
    background: #eef3f9 !important;
    color: #1f3658 !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    cursor: pointer !important;
}

body .thread-order-section-title .thread-apparel-section-info {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 24px !important;
    height: 24px !important;
    margin-left: auto !important;
    border-radius: 999px !important;
    background: #eceef1 !important;
    color: #1f3658 !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    cursor: pointer !important;
    position: relative;
    top: 38px;
    border: 1px solid #d4d9e0;
}

body .thread-apparel-title-row .thread-inline-stitch-check-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    min-width: 0 !important;
    padding: 5px 10px !important;
    border-radius: 999px !important;
    border: 1px solid #f4971f !important;
    font-size: 11px !important;
    line-height: 1.1 !important;
    text-align: center !important;
    box-shadow: 0 4px 10px rgba(15, 23, 42, 0.08) !important;
    background: #FF9800 !important;
    font-weight: 900 !important;
    color: white !important;
}

@media (max-width: 991px) {
    body .thread-apparel-title-row {
        align-items: flex-start !important;
        flex-wrap: wrap !important;
    }

    body .thread-apparel-title-row .thread-apparel-title-actions {
        margin: 4px 0 0 auto !important;
    }
}

body .selected-apparel-submit.updated-embroidery-sec-bottom > .col-lg-12 > .thread-order-section-title,
body .emobroidery-form-container > .thread-order-section-title {
    margin-top: 4px !important;
    margin-bottom: 8px !important;
}

body .order-builder-header-row .thread-apparel-type.launch-pad-lists,
body .order-builder-header-row .col-12.product-grid-list.display-flex.thread-apparel-type.launch-pad-lists {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: stretch !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

body .location-add-btn-row::before,
body .location-add-btn-row::after,
body .order-intake-modern .location-lists .location-section.app-location-section > .location-add-btn-row::before,
body .order-intake-modern .location-lists .location-section.app-location-section > .location-add-btn-row::after {
    content: "" !important;
    flex: 1 1 0 !important;
    min-width: 0 !important;
    border-top: 3px solid #d5dde9 !important;
}

body .apparel-qty-container .text-right.my-4::before,
body .apparel-qty-container .text-right.my-4::after,
body .order-intake-modern .apparel-qty-container .text-right.my-4::before,
body .order-intake-modern .apparel-qty-container .text-right.my-4::after {
    content: "" !important;
    flex: 1 1 0 !important;
    min-width: 0 !important;
    border-top: 3px solid #d5dde9 !important;
}

body .thread-section-check {
    width: 0;
    height: 0;
    border-radius: 999px;
    border: 0 solid transparent;
    background: transparent;
    box-shadow: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    margin: 0;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    transform: scale(0.72);
    transition: width 0.18s ease, height 0.18s ease, margin 0.18s ease, opacity 0.22s ease, transform 0.22s ease;
}

body .thread-order-section-title.is-complete .thread-section-check,
body .thread-apparel-subsection-title-row.is-complete .thread-section-check,
body .thread-apparel-title-row.is-complete .thread-section-check {
    width: 22px;
    height: 22px;
    margin-left: 0;
    margin-right: 8px !important;
    border-width: 1px;
    border-color: #13a567;
    background: linear-gradient(145deg, #25d07d 0%, #12a357 100%);
    box-shadow: 0 8px 20px rgba(17, 163, 90, 0.26);
    opacity: 1;
    visibility: visible;
    transform: scale(1);
}

body .thread-order-section-title.is-complete .thread-section-check::before,
body .thread-apparel-subsection-title-row.is-complete .thread-section-check::before,
body .thread-apparel-title-row.is-complete .thread-section-check::before {
    content: "";
    width: 6px;
    height: 11px;
    border-right: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
    transform: rotate(45deg) translate(-1px, -1px);
}

body .thread-order-section-title .thread-section-check,
body .thread-apparel-subsection-title-row .thread-section-check {
    order: -1;
    margin-right: 0;
}

button.apparel-type-clear,
body .order-intake-modern .thread-apparel-type.launch-pad-lists .img-wrapper .apparel-type-clear {
    font-size: 13px !important;
    border-radius: 35px !important;
    border: 1px solid #bcbcbc !important;
    position: absolute !important;
    right: -11px !important;
    top: -11px !important;
    padding: 0px 6px 2px 7px !important;
    background: white !important;
}

input[type=text] {
    background-color: rgb(255 255 255) !important;
}

body .thread-other-description-wrap {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
}

body .thread-other-description-label {
    display: inline-block !important;
    margin: 0 0 8px !important;
    color: #1f3658 !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    letter-spacing: 0.01em !important;
}

body .thread-other-description {
    min-height: 138px !important;
    border-radius: 14px !important;
    border: 1px solid #d6deea !important;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%) !important;
    color: #1f3658 !important;
    font-size: 15px !important;
    line-height: 1.55 !important;
    font-weight: 600 !important;
    padding: 16px 18px !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.65), 0 8px 20px rgba(18, 40, 74, 0.05) !important;
}

body .thread-other-description::placeholder {
    color: #7b8da8 !important;
    font-weight: 600 !important;
}

body .thread-other-description:focus {
    border-color: #97accb !important;
    box-shadow: 0 0 0 3px rgba(151, 172, 203, 0.16), 0 10px 24px rgba(18, 40, 74, 0.08) !important;
}

/* Final file card + preview overrides */
body .selected-apparel-submit.updated-embroidery-sec-bottom .list-group-item {
    background: #ffffff !important;
    border: 1px solid #e4e7ed !important;
    border-radius: 14px !important;
    padding: 26px 28px !important;
    margin: 0 0 10px !important;
    max-height: 143px !important;
}

body .selected-apparel-submit.updated-embroidery-sec-bottom .list-group-item .thread-file-header {
    margin-bottom: -4px !important;
}

body .selected-apparel-submit.updated-embroidery-sec-bottom .list-group-item .avatar.thread-file-preview {
    background: transparent !important;
    position: relative !important;
}

body .selected-apparel-submit.updated-embroidery-sec-bottom .list-group-item .avatar.thread-file-preview::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 9px;
    pointer-events: none;
    z-index: 0;
    background-image:
        linear-gradient(45deg, #edf2f8 25%, transparent 25%),
        linear-gradient(-45deg, #edf2f8 25%, transparent 25%),
        linear-gradient(45deg, transparent 75%, #edf2f8 75%),
        linear-gradient(-45deg, transparent 75%, #edf2f8 75%);
    background-size: 14px 14px;
    background-position: 0 0, 0 7px, 7px -7px, -7px 0;
}

body .selected-apparel-submit.updated-embroidery-sec-bottom .list-group-item .avatar.thread-file-preview .avatar-img.rounded,
body .selected-apparel-submit.updated-embroidery-sec-bottom .list-group-item .avatar.thread-file-preview canvas.avatar-img.rounded {
    background: transparent !important;
    border: 1px solid #d2dbe8 !important;
    position: relative !important;
    z-index: 1 !important;
}

body .selected-apparel-submit.updated-embroidery-sec-bottom .list-group-item .avatar.thread-file-preview:hover .avatar-img.rounded,
body .selected-apparel-submit.updated-embroidery-sec-bottom .list-group-item .avatar.thread-file-preview:hover canvas.avatar-img.rounded {
    background: rgba(0, 0, 0, 0.28) !important;
}

body .thread-apparel-subsection-title-row {
    display: flex;
    align-items: center;
    gap: 0;
    margin: 4px 0 10px;
}

body .thread-apparel-subsection-title {
    margin: 0 !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    line-height: 1.2;
    color: #1f3658 !important;
}

body .btn.btn-primary.thread-order-save {
    width: 250px !important;
    padding: 6px 5px !important;
    margin: 0 auto !important;
    border-radius: 25px !important;
    font-size: 15px !important;
}

/* Final requested visual overrides */
body .selected-apparel-submit.updated-embroidery-sec-bottom .list-group-item .avatar.thread-file-preview .avatar-img.rounded,
body .selected-apparel-submit.updated-embroidery-sec-bottom .list-group-item .avatar.thread-file-preview canvas.avatar-img.rounded {
    background: rgb(0 0 0 / 26%) !important;
    border: 1px solid #d2dbe8 !important;
    position: relative !important;
    z-index: 1 !important;
}

body .selected-apparel-submit.updated-embroidery-sec-bottom .list-group-item {
    background: #ffffff !important;
    border: 1.5px dashed #ccd2da !important;
    border-radius: 14px !important;
    padding: 26px 28px !important;
    margin: 0 7px 22px !important;
    max-height: 143px !important;
}

body .selected-apparel-submit.updated-embroidery-sec-bottom .order-files-card,
body .selected-apparel-submit.updated-embroidery-sec-bottom .order-meta-card {
    padding: 0 0 !important;
    background: #eeeeee !important;
    border-radius: 15px !important;
    margin: 10px 0 !important;
    border: 0 !important;
    box-shadow: none !important;
}

body .order-intake-modern .selected-apparel-submit.updated-embroidery-sec-bottom .row.m-0.embroidery-sec-container.thread-order-meta-grid,
body .selected-apparel-submit.updated-embroidery-sec-bottom .row.m-0.embroidery-sec-container.thread-order-meta-grid {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
    gap: 16px !important;
    background: #eceef1 !important;
    border: 1px solid #d5dce6 !important;
    border-radius: 18px !important;
    padding: 23px !important;
}

body .selected-apparel-submit.updated-embroidery-sec-bottom .file-upload-section.thread-upload-match-layout .thread-drag-and-drop {
    width: 100% !important;
    min-height: 182px !important;
    border: 1.5px dashed #ccd2da !important;
    border-radius: 18px !important;
    background: #ffffff !important;
    padding: 38px 18px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 6px !important;
    position: relative !important;
}

body .selected-apparel-submit.updated-embroidery-sec-bottom .order-files-card {
    background: #eceef1 !important;
    border: 1px solid #e3e3e3 !important;
    border-radius: 18px !important;
    padding: 1px 25px 29px !important;
    box-shadow: none !important;
    margin-bottom: 38px !important;
}

.apparel-selected-item-main.updated-embroidery-section {
    background: #fbfbfb;
    padding: 13px 38px 8px 38px;
    border: 2px solid #efefef;
}

@media (max-width: 991px) {
    .apparel-selected-item-main.updated-embroidery-section {
        background: #fbfbfb;
        padding: 7px 17px 0px 16px !important;
        border: 2px solid #efefef;
    }
}

/* File upload progress: more color and stronger animation */
body .selected-apparel-submit.updated-embroidery-sec-bottom .thread-upload-progress-shell {
    margin: 8px 2px 14px !important;
}

body .selected-apparel-submit.updated-embroidery-sec-bottom .thread-upload-progress-label {
    font-size: 12px !important;
    font-weight: 800 !important;
    color: #1e3b68 !important;
    letter-spacing: 0.01em;
}

body .selected-apparel-submit.updated-embroidery-sec-bottom .thread-upload-progress-track {
    height: 10px !important;
    border-radius: 999px !important;
    border: 1px solid #b7c8e2 !important;
    background: linear-gradient(180deg, #e8f0fc 0%, #dbe7f8 100%) !important;
    box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.12) !important;
    overflow: hidden !important;
}

body .selected-apparel-submit.updated-embroidery-sec-bottom .thread-upload-progress-fill {
    position: relative !important;
    height: 100% !important;
    border-radius: 999px !important;
    background: linear-gradient(90deg, #0ea5e9 0%, #2563eb 45%, #4f46e5 100%) !important;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.25) inset, 0 6px 14px rgba(37, 99, 235, 0.35) !important;
    animation: threadUploadBarPulse 0.9s ease-in-out infinite alternate !important;
}

body .selected-apparel-submit.updated-embroidery-sec-bottom .thread-upload-progress-fill::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: linear-gradient(110deg, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0.52) 48%, rgba(255, 255, 255, 0) 80%);
    background-size: 140% 100%;
    animation: threadUploadBarSweep 1.1s linear infinite;
}

@keyframes threadUploadBarSweep {
    0% { background-position: 140% 0; }
    100% { background-position: -40% 0; }
}

@keyframes threadUploadBarPulse {
    0% { filter: saturate(1) brightness(0.98); }
    100% { filter: saturate(1.14) brightness(1.1); }
}

/* Apparel card icon: centered circular badge on card edge */
body .apparel-selected-item-main.updated-embroidery-section .selected-apparel-lists {
    position: relative !important;
    padding-top: 52px !important;
}

body .apparel-selected-item-main.updated-embroidery-section .selected-apparel-lists .img-wrapper.active.position-relative {
    position: static !important;
    padding: 3px !important;
}

body .apparel-selected-item-main.updated-embroidery-section .thread-apparel-type img.type-icons {
    position: absolute !important;
    left: 50% !important;
    top: 0 !important;
    transform: translate(-50%, -50%) !important;
    width: 86px !important;
    height: 86px !important;
    border-radius: 999px !important;
    object-fit: cover !important;
    border: 4px solid #ffffff !important;
    background: #ffffff !important;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.18), 0 0 0 1px #d7dfea !important;
    z-index: 3 !important;
}

/* Latest requested overrides */
.error-field {
    border: 2px solid #FF9800 !important;
    border-radius: 5px;
}

.embroidery-sec-container .apparel-qty-size-container-list ul.custom-form-quantity-val.error-field {
    border-bottom: 2px solid #FF9800 !important;
    background: #ff980012;
    margin: 9px;
}

body .apparel-selected-item-main.updated-embroidery-section .thread-apparel-type img.type-icons {
    position: absolute !important;
    left: 50% !important;
    top: -51px !important;
    transform: translate(-50%, -50%) !important;
    width: 68px !important;
    height: 68px !important;
    border-radius: 999px !important;
    border: 0px solid #ffffff !important;
    background: #ffffff !important;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.18), 0 0 0 1px #d7dfea !important;
    z-index: 3 !important;
    padding: 10px;
    overflow: visible;
}

@media (max-width: 767px) {
    body .apparel-selected-item-main.updated-embroidery-section .selected-apparel-lists,
    body .apparel-selected-item-main.updated-embroidery-section .thread-apparel-type,
    body .apparel-selected-item-main.updated-embroidery-section .thread-apparel-type .img-wrapper,
    body .apparel-selected-item-main.updated-embroidery-section .thread-apparel-type img.type-icons {
        overflow: visible !important;
        -webkit-mask-image: none !important;
        clip-path: none !important;
    }
}

.all-size-container {
    margin: 5px 14px !important;
    position: relative;
    padding-bottom: 8px;
    padding: 24px;
}

body .apparel-selected-item-main.updated-embroidery-section .selected-apparel-lists {
    position: relative !important;
    padding-top: 5px !important;
}

button.btn.all-size-changes-save {
    width: 98%;
    padding: 18px !important;
    bottom: auto;
}

/* Requested: apparel size list spacing */
body .apparel-qty-size-container-list,
body .order-intake-modern .apparel-qty-size-container-list {
    position: relative;
    margin-bottom: 20px;
    padding-bottom: 25px;
    padding: 15px 8px !important;
    margin: -5px 4px;
}

/* Requested: stronger orange upload progress */
body .selected-apparel-submit.updated-embroidery-sec-bottom .thread-upload-progress-track {
    height: 12px !important;
    border-radius: 999px !important;
    border: 1px solid #e69b33 !important;
    background: linear-gradient(180deg, #fff3df 0%, #ffe9c6 100%) !important;
    box-shadow: inset 0 1px 2px rgba(160, 87, 0, 0.16) !important;
}

body .selected-apparel-submit.updated-embroidery-sec-bottom .thread-upload-progress-fill {
    background: linear-gradient(90deg, #ff8a00 0%, #ffb21f 46%, #ff7600 100%) !important;
    background-size: 220% 100% !important;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.34) inset, 0 8px 18px rgba(255, 138, 0, 0.42) !important;
    animation: threadUploadOrangePulse 0.45s ease-in-out infinite alternate, threadUploadOrangeShift 0.95s linear infinite !important;
}

body .selected-apparel-submit.updated-embroidery-sec-bottom .thread-upload-progress-fill::after {
    background: repeating-linear-gradient(
        -55deg,
        rgba(255, 255, 255, 0.00) 0 8px,
        rgba(255, 255, 255, 0.45) 8px 16px
    ) !important;
    background-size: 38px 100% !important;
    animation: threadUploadOrangeStripe 0.36s linear infinite !important;
}

@keyframes threadUploadOrangeShift {
    0% { background-position: 0% 0; }
    100% { background-position: 220% 0; }
}

@keyframes threadUploadOrangePulse {
    0% { filter: saturate(1) brightness(0.97); }
    100% { filter: saturate(1.24) brightness(1.14); }
}

@keyframes threadUploadOrangeStripe {
    0% { background-position: 0 0; }
    100% { background-position: 38px 0; }
}

/* Requested: file note + location select inline */
body .selected-apparel-submit.updated-embroidery-sec-bottom .thread-file-note-wrap {
    width: 100% !important;
}

body .selected-apparel-submit.updated-embroidery-sec-bottom .thread-file-note-inline {
    display: flex !important;
    align-items: stretch !important;
    gap: 8px !important;
    width: 100% !important;
}

body .selected-apparel-submit.updated-embroidery-sec-bottom .thread-file-note-inline .thread-file-note-input {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    margin: 0 !important;
}

body .selected-apparel-submit.updated-embroidery-sec-bottom .thread-file-note-input {
    min-height: 40px !important;
    height: 40px !important;
    border-radius: 10px !important;
    border: 1px solid #d5dbe4 !important;
    background: #eef2f5 !important;
    color: #111827 !important;
    font-size: 13px !important;
    padding: 11px 12px !important;
}

body .selected-apparel-submit.updated-embroidery-sec-bottom .thread-file-note-inline .thread-file-location-select {
    flex: 0 0 255px !important;
    max-width: 255px !important;
    min-width: 180px !important;
    margin: 0 !important;
    border-radius: 10px !important;
    border: 1px solid #d3dce8 !important;
    background: #ffffff !important;
    color: #1f3658 !important;
    font-size: 12px !important;
    font-weight: 600 !important;
}

@media (max-width: 991px) {
    body .selected-apparel-submit.updated-embroidery-sec-bottom .thread-file-note-inline {
        flex-direction: column !important;
    }

    body .selected-apparel-submit.updated-embroidery-sec-bottom .thread-file-note-inline .thread-file-location-select {
        flex: 1 1 auto !important;
        max-width: 100% !important;
        width: 100% !important;
    }
}

/* Latest requested sizing + title style overrides */
.thread-apparel-type .sub-title.apparel-title-text {
    font-weight: 700;
    color: #10254f;
    margin-top: 0px;
    border: 1px dashed transparent;
    border-radius: 8px;
    padding: 4px 8px;
    min-width: 140px;
    text-align: center;
    cursor: text;
    font-size: 21px;
}

.apparel-qty-size-container-list {
    position: relative;
    margin-bottom: 20px;
    padding-bottom: 25px;
    padding: 15px 8px !important;
    border-radius: 0px;
    margin: 24px 0px !important;
}

body .btn.btn-primary.thread-order-save {
    width: 131px !important;
    padding: 6px 4px !important;
    margin: 0 auto !important;
    border-radius: 25px !important;
    font-size: 14px !important;
    background: #fbfbfb !important;
}

body .thread-save-sticky-wrap {
    position: sticky;
    bottom: calc(env(safe-area-inset-bottom, 0px) + 42px);
    z-index: 40;
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 10px;
    padding: 6px 0 2px;
}

body .thread-save-sticky-wrap .thread-order-save {
    box-shadow: 0 10px 22px rgba(15, 23, 42, 0.14);
}

/* Upload progress: brighter + slower with more visible movement */
body .selected-apparel-submit.updated-embroidery-sec-bottom .thread-upload-progress-track {
    height: 13px !important;
    border-radius: 999px !important;
    border: 1px solid #f5a623 !important;
    background: linear-gradient(180deg, #fff8ea 0%, #ffe8bf 100%) !important;
    box-shadow: inset 0 1px 3px rgba(176, 98, 0, 0.2), 0 0 0 1px rgba(255, 255, 255, 0.75) !important;
}

body .selected-apparel-submit.updated-embroidery-sec-bottom .thread-upload-progress-fill {
    position: relative !important;
    overflow: hidden !important;
    background: linear-gradient(110deg, #ff7a00 0%, #ffad00 24%, #ffd84a 48%, #ff9f1a 72%, #ff6a00 100%) !important;
    background-size: 340% 100% !important;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.36) inset, 0 10px 24px rgba(255, 136, 0, 0.5), 0 0 22px rgba(255, 174, 0, 0.42) !important;
    animation: threadUploadOrangePulseBright 1.65s ease-in-out infinite alternate, threadUploadOrangeDriftBright 3.2s ease-in-out infinite !important;
}

body .selected-apparel-submit.updated-embroidery-sec-bottom .thread-upload-progress-fill::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    border-radius: inherit !important;
    pointer-events: none !important;
    background: linear-gradient(120deg, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0.45) 49%, rgba(255, 255, 255, 0) 76%) !important;
    background-size: 240% 100% !important;
    mix-blend-mode: screen !important;
    animation: threadUploadOrangeGlowSweep 2.8s linear infinite !important;
}

body .selected-apparel-submit.updated-embroidery-sec-bottom .thread-upload-progress-fill::after {
    background: repeating-linear-gradient(
        -55deg,
        rgba(255, 255, 255, 0.04) 0 10px,
        rgba(255, 255, 255, 0.44) 10px 20px
    ) !important;
    background-size: 62px 100% !important;
    animation: threadUploadOrangeStripeSlow 1.18s linear infinite !important;
}

@keyframes threadUploadOrangeDriftBright {
    0% { background-position: 0% 0; }
    50% { background-position: 170% 0; }
    100% { background-position: 340% 0; }
}

@keyframes threadUploadOrangePulseBright {
    0% { filter: saturate(1) brightness(0.98); }
    100% { filter: saturate(1.26) brightness(1.18); }
}

@keyframes threadUploadOrangeGlowSweep {
    0% { background-position: 120% 0; opacity: 0.32; }
    50% { opacity: 0.62; }
    100% { background-position: -130% 0; opacity: 0.24; }
}

@keyframes threadUploadOrangeStripeSlow {
    0% { background-position: 0 0; }
    100% { background-position: 62px 0; }
}

/* Final requested alignment + spacing overrides */
.thread-apparel-type .sub-title.apparel-title-text {
    font-weight: 700;
    color: #10254f;
    margin-top: 0px;
    border: 1px dashed transparent;
    border-radius: 8px;
    padding: 4px 8px;
    min-width: 140px;
    text-align: left;
    cursor: text;
    font-size: 21px;
}

span.btn.remove-apparel-section,
.remove-apparel-location-section,
body .order-intake-modern .location-lists .location-section.app-location-section .remove-apparel-location-section {
    position: absolute !important;
    top: 6px !important;
    right: 5px !important;
    background: #eceef1 !important;
    border-radius: 25px !important;
    color: #b5c4d9 !important;
    font-weight: bold !important;
    height: 29px !important;
    padding: 3px 9px !important;
    font-size: 14px !important;
    border: 1px solid #97accb;
}

.location-lists .location-section.app-location-section {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: flex-end !important;
    gap: 12px !important;
    margin-top: 23px !important;
}

.apparel-qty-size-container-list {
    position: relative;
    margin-bottom: 20px;
    padding-bottom: 25px;
    padding: 15px 8px !important;
    border-radius: 0px;
    margin: 0px 0px 24px 0px !important;
}

/* Progress bar motion fix: ensure fill width works and sweep visibly moves */
body .selected-apparel-submit.updated-embroidery-sec-bottom .thread-upload-progress-track {
    position: relative !important;
    overflow: hidden !important;
}

body .selected-apparel-submit.updated-embroidery-sec-bottom .thread-upload-progress-fill {
    display: block !important;
    height: 100% !important;
    border-radius: inherit !important;
    position: relative !important;
    overflow: hidden !important;
    transition: width .28s cubic-bezier(.22,.61,.36,1) !important;
    will-change: width, filter, background-position !important;
}

body .selected-apparel-submit.updated-embroidery-sec-bottom .thread-upload-progress-fill::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    bottom: 0 !important;
    left: -55% !important;
    width: 55% !important;
    background: linear-gradient(100deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.62) 58%, rgba(255, 255, 255, 0) 100%) !important;
    animation: threadUploadBarGlossRun 2.35s ease-in-out infinite !important;
    pointer-events: none !important;
}

body .selected-apparel-submit.updated-embroidery-sec-bottom .thread-upload-progress-fill::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background: repeating-linear-gradient(
        -50deg,
        rgba(255, 255, 255, 0.08) 0 10px,
        rgba(255, 255, 255, 0.42) 10px 20px
    ) !important;
    background-size: 58px 100% !important;
    animation: threadUploadBarStripeRun 1.05s linear infinite !important;
    pointer-events: none !important;
}

@keyframes threadUploadBarGlossRun {
    0% { transform: translateX(0%); opacity: .2; }
    45% { opacity: .75; }
    100% { transform: translateX(285%); opacity: .15; }
}

@keyframes threadUploadBarStripeRun {
    0% { background-position: 0 0; }
    100% { background-position: 58px 0; }
}

/* Uniform Yes/No segmented controls */
body .selected-apparel-submit.updated-embroidery-sec-bottom .thread-premium-setup {
    display: inline-flex !important;
    align-items: stretch !important;
    gap: 0 !important;
    border: 1px solid #d6deea !important;
    border-radius: 999px !important;
    overflow: hidden !important;
    background: #ffffff !important;
    min-height: 34px !important;
    padding: 0 !important;
}

body .selected-apparel-submit.updated-embroidery-sec-bottom .thread-premium-setup .thread-premium-setup-input {
    display: none !important;
}

body .selected-apparel-submit.updated-embroidery-sec-bottom .thread-premium-setup .premium-setup-action,
body .order-intake-modern .location-section .thread-premium-setup .premium-setup-action,
body .order-intake-modern .location-section.app-location-section .thread-premium-setup .premium-setup-action,
body .order-intake-modern .location-lists .location-section.app-location-section .thread-premium-setup .premium-setup-action {
    margin: 0 !important;
    min-width: 44px !important;
    height: 40px !important;
    padding: 3px 0px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #425671 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: none !important;
}

body .selected-apparel-submit.updated-embroidery-sec-bottom .thread-premium-setup .premium-setup-action + .premium-setup-action {
    border-left: 1px solid #e3e9f2 !important;
}

body .selected-apparel-submit.updated-embroidery-sec-bottom .thread-premium-setup .premium-setup-action.active {
    background: linear-gradient(135deg, #ffb100 0%, #ff9800 100%) !important;
    color: #ffffff !important;
    border-left-color: transparent !important;
}

/* Bottom global 4-step progress rail */
body.thread-bottom-progress-active {
    padding-bottom: 38px;
}

body .thread-bottom-progress-rail {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2147483647 !important;
    padding: 4px 16px 6px;
    background: #191444;
    pointer-events: none;
}

body .thread-bottom-progress-track {
    position: relative;
    z-index: 2147483647 !important;
    width: 100%;
    height: 3px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.18);
    overflow: hidden;
}

body .thread-bottom-progress-fill {
    display: block;
    position: relative;
    z-index: 2147483647 !important;
    width: 0;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #ff8a00 0%, #ffa400 45%, #ffb020 100%);
    box-shadow: 0 0 12px rgba(255, 145, 0, 0.45);
    transition: width .38s cubic-bezier(.22,.61,.36,1);
}

body .thread-bottom-progress-steps {
    margin-top: 3px;
    position: relative;
    z-index: 2147483647 !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

body .thread-bottom-step {
    position: relative;
    z-index: 2147483647 !important;
    font-size: 10px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: .02em;
    color: rgba(230, 238, 250, 0.76);
    text-transform: uppercase;
    transition: color .2s ease, opacity .2s ease;
    opacity: .95;
}

body .thread-bottom-step.is-current {
    color: #ffffff;
}

body .thread-bottom-step.is-complete {
    color: #ff8a00;
}

@media (max-width: 767px) {
    body.thread-bottom-progress-active {
        padding-bottom: 34px;
    }

    body .thread-bottom-progress-rail {
        padding-left: 10px;
        padding-right: 10px;
    }

    body .thread-bottom-step {
        font-size: 9px;
        letter-spacing: .01em;
    }
}

/* Simple submit confirmation popup */
body .thread-order-confirm-popup,
body .swal2-popup.thread-order-confirm-popup {
    width: min(560px, calc(100vw - 26px)) !important;
    border-radius: 14px !important;
    max-height: calc(100vh - 26px) !important;
    overflow-y: auto !important;
}

body .thread-stitch-check-popup,
body .swal2-popup.thread-stitch-check-popup {
    width: min(560px, calc(100vw - 26px)) !important;
    border-radius: 16px !important;
}

body .thread-stitch-check-popup-inner {
    text-align: center;
}

body .thread-stitch-check-logo {
    display: block;
    width: 198px;
    max-width: 100%;
    margin: 0 auto 14px;
}

body .thread-stitch-check-popup-inner h3 {
    margin: 0 0 10px;
    text-align: center;
    font-size: 26px;
    font-weight: 900;
    color: #1f3658;
}

body .thread-stitch-check-divider {
    width: 54px;
    height: 2px;
    margin: 0 auto 14px;
    border-radius: 999px;
    background: #f4971f;
}

body .thread-stitch-check-popup-inner p {
    margin: 0;
    font-size: 16px;
    line-height: 1.7;
    font-weight: 600;
    color: #34465f;
    text-align: center;
}

body .swal2-popup.thread-stitch-check-popup .swal2-confirm {
    margin-bottom: 14px !important;
}

body .thread-size-not-sure-popup,
body .swal2-popup.thread-size-not-sure-popup {
    width: min(560px, calc(100vw - 26px)) !important;
    border-radius: 16px !important;
}

body .thread-size-plan-popup {
    text-align: left;
}

body .thread-size-plan-intro,
body .thread-size-plan-warning,
body .thread-size-plan-choice-label {
    color: #1f3658;
    font-size: 14px;
    line-height: 1.45;
}

body .thread-size-plan-intro {
    margin-bottom: 8px;
    font-weight: 700;
}

body .thread-size-plan-warning {
    margin-bottom: 12px;
    font-weight: 700;
    color: #c62828;
}

body .thread-size-plan-choice-label {
    margin-bottom: 12px;
    font-weight: 800;
    font-size: 18px;
    color: #17314f;
    padding: 10px 12px;
    border-radius: 12px;
}

body .thread-size-plan-option {
    width: 100%;
    display: block;
    margin: 0;
    padding: 14px 16px;
    text-align: left;
    background: #f8fbff;
    border: 1px solid #d5dfec;
    border-radius: 14px;
    color: #1f3658;
    box-shadow: 0 6px 14px rgba(24, 44, 74, 0.05);
    transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease, background .16s ease;
}

body .thread-size-plan-option + .thread-size-plan-option {
    margin-top: 10px;
}

body .thread-size-plan-option:hover,
body .thread-size-plan-option:focus {
    border-color: #9fb6d8;
    box-shadow: 0 10px 20px rgba(24, 44, 74, 0.1);
    transform: translateY(-1px);
    outline: none;
}

body .thread-size-plan-option.active {
    background: #eef5ff;
    border-color: #6f95c5;
    box-shadow: 0 0 0 3px rgba(111, 149, 197, 0.14);
}

body .swal2-popup.thread-size-not-sure-popup .swal2-confirm.thread-size-plan-confirm-hidden {
    display: none !important;
}

.col-12.product-grid-list.display-flex.thread-apparel-type.launch-pad-lists {
    padding-bottom: 46px !important;
}

body .thread-size-plan-option-title {
    display: block;
    font-size: 14px;
    line-height: 1.4;
    font-weight: 700;
}

body .thread-submit-confirm-simple {
    text-align: left;
    max-height: none;
    overflow: visible;
    padding-right: 0;
}

body .thread-submit-confirm-block + .thread-submit-confirm-block {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #e7ebf2;
}

body .thread-submit-confirm-block h4 {
    margin: 0 0 5px;
    font-size: 14px;
    font-weight: 800;
    color: #1c3050;
}

body .thread-submit-confirm-block p {
    margin: 0 0 4px;
    font-size: 12px;
    color: #3a4f70;
}

body .thread-submit-confirm-block ul {
    margin: 0;
    padding-left: 18px;
}

body .thread-submit-confirm-block li {
    margin: 0 0 5px;
    font-size: 12px;
    color: #3a4f70;
}

body .selected-apparel-submit.updated-embroidery-sec-bottom .thread-file-location-select optgroup {
    font-size: 11px;
    font-weight: 700;
    color: #73839a;
}

body .selected-apparel-submit.updated-embroidery-sec-bottom .thread-file-location-select option {
    color: #1f3658;
}

body .selected-apparel-submit.updated-embroidery-sec-bottom .thread-file-note-input.is-limit-error {
    border-color: #ff9800 !important;
    box-shadow: 0 0 0 1px rgba(255, 152, 0, 0.2) !important;
}

body .selected-apparel-submit.updated-embroidery-sec-bottom .thread-file-note-limit-msg {
    margin-top: 4px;
    font-size: 11px;
    font-weight: 700;
    color: #ff9800;
}

body .thread-apparel-title-row .thread-apparel-title-text-wrap {
    flex-wrap: wrap;
}

body .thread-apparel-title-row .apparel-title-text.is-limit-error {
    border-color: #ff9800 !important;
    box-shadow: 0 0 0 1px rgba(255, 152, 0, 0.2) inset;
}

body .thread-apparel-title-row .thread-title-word-limit-msg {
    width: 100%;
    margin-top: 4px;
    font-size: 11px;
    font-weight: 700;
    color: #ff9800;
}

/* Calendar modal: make Pre-Pro Photo full-width + animated highlight */
body .swal2-content .calendar-complete-flag-row .sample-flag {
    flex: 1 1 100% !important;
    max-width: 100% !important;
    width: 100% !important;
    padding-right: 0 !important;
}

body .swal2-content .calendar-complete-flag-row .sample-flag .calendar-complete-flag-label {
    width: 100% !important;
    justify-content: center !important;
    animation: threadPreProPhotoFlash 1.7s ease-in-out infinite;
}

body .calendar-time-edit-slider-wrap {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 6px 0 4px;
    text-align: left;
}

body .calendar-time-edit-summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

body .calendar-time-edit-summary-label {
    color: #4c5d73;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

body .calendar-time-edit-summary-value {
    color: #1e64d6;
    font-size: 28px;
    font-weight: 800;
    line-height: 1;
}

body .calendar-time-edit-bar-preview {
    width: 100%;
    height: 14px;
    border-radius: 999px;
    background: #e8eef7;
    overflow: hidden;
    box-shadow: inset 0 1px 2px rgba(19, 33, 54, 0.08);
}

body .calendar-time-edit-bar-fill {
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #6eb7ff 0%, #2b72ea 60%, #1657c7 100%);
    transition: width 160ms ease;
}

body .calendar-time-edit-range {
    width: 100%;
    accent-color: #2a6fe7;
    cursor: pointer;
}

body .calendar-time-edit-range-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    flex-wrap: wrap;
}

body .calendar-time-edit-range-meta-item {
    color: #34455d;
    font-size: 13px;
    font-weight: 600;
}

body .calendar-time-edit-range-meta-item strong {
    color: #1f2f43;
    font-weight: 800;
}

body .calendar-time-edit-help {
    color: #6b7c92;
    font-size: 12px;
    font-weight: 600;
}

body .calendar-time-edit-history-wrap {
    margin-top: 14px;
    padding-top: 14px;
    border-top: 1px solid rgba(24, 38, 56, 0.08);
    text-align: left;
}

body .calendar-time-edit-history-title {
    color: #233549;
    font-size: 13px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-bottom: 10px;
}

body .calendar-time-edit-history-empty {
    color: #74849a;
    font-size: 12px;
    font-weight: 600;
}

body .calendar-time-edit-history-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
    max-height: 180px;
    overflow-y: auto;
    padding-right: 4px;
}

body .calendar-time-edit-history-item {
    padding: 10px 12px;
    border: 1px solid #dde6f1;
    border-radius: 10px;
    background: #f8fbff;
}

body .calendar-time-edit-history-item-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 5px;
}

body .calendar-time-edit-history-item-actor {
    color: #203246;
    font-size: 13px;
    font-weight: 800;
}

body .calendar-time-edit-history-item-date {
    color: #76879b;
    font-size: 11px;
    font-weight: 700;
}

body .calendar-time-edit-history-item-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 12px;
    color: #4f6178;
    font-size: 11px;
    font-weight: 700;
}

@keyframes threadPreProPhotoFlash {
    0% {
        box-shadow: 0 0 0 0 rgba(22, 163, 74, 0.34);
        transform: translateY(0);
    }
    50% {
        box-shadow: 0 0 0 6px rgba(22, 163, 74, 0.08);
        transform: translateY(-1px);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(22, 163, 74, 0);
        transform: translateY(0);
    }
}

/* Submit confirm modal: clean structured review */
body .thread-submit-confirm-brand-head {
    text-align: center;
    margin: 0 0 10px;
}

body .thread-submit-confirm-brand-logo {
    width: 290px;
    max-width: 70%;
    height: auto;
    display: inline-block;
    margin: 0 auto 8px;
}

body .thread-submit-confirm-brand-head h3 {
    margin: 0;
    font-size: 21px;
    line-height: 1.2;
    color: #10254f;
    font-weight: 800;
}

body .thread-submit-confirm-head {
    font-size: 12px;
    color: #4a5e7d;
    margin-bottom: 8px;
    padding-top: 19px;
    border-top: 1px solid #cfcfcf;
}

/* Keep first editable title checkmark inline-left with text */
body .thread-apparel-title-row .thread-apparel-title-text-wrap {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
}

body .thread-apparel-title-row .thread-apparel-title-text-wrap .thread-apparel-title-check {
    align-self: center !important;
    margin-right: 8px !important;
}

body .thread-apparel-title-row .thread-apparel-title-text-wrap .apparel-title-text {
    width: auto !important;
    flex: 1 1 0 !important;
    min-width: 0 !important;
    max-height: 27px !important;
}

body .thread-apparel-title-row .thread-title-word-limit-msg {
    flex: 0 0 100%;
}

/* Details card: make repeat/sample prompts match and breathe */
body .order-intake-modern .selected-apparel-submit .repeat-order-sec,
body .order-intake-modern .selected-apparel-submit .sample-toggle-row.pre-production-row {
    width: 100% !important;
    border: 1px solid #dfe7f2 !important;
    border-radius: 12px !important;
    background: #f8fafc !important;
    padding: 10px 12px !important;
    margin-top: 10px !important;
}

body .order-intake-modern .selected-apparel-submit .repeat-order-sec .form-group,
body .order-intake-modern .selected-apparel-submit .sample-toggle-row.pre-production-row .sample-toggle-line {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
    margin: 0 !important;
}

body .order-intake-modern .selected-apparel-submit .repeat-order-sec .form-group > strong,
body .order-intake-modern .selected-apparel-submit .sample-toggle-row.pre-production-row .sample-toggle-label {
    margin: 0 !important;
    color: #1f3658 !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1.35 !important;
}

body .order-intake-modern .selected-apparel-submit .repeat-order-sec .thread-premium-setup,
body .order-intake-modern .selected-apparel-submit .sample-toggle-row.pre-production-row .thread-premium-setup.sample-toggle-control {
    margin-left: auto !important;
    flex: 0 0 auto !important;
}

body .order-intake-modern .selected-apparel-submit .sample-toggle-row.pre-production-row .sample-toggle-line.pre-production-photo-line {
    border-top: 1px solid #cfd9e8 !important;
    padding-top: 12px !important;
    margin-top: 8px !important;
}

body .order-intake-modern .selected-apparel-submit .repeat-order-sec {
    margin-bottom: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-bottom: 0 !important;
}

body .order-intake-modern .selected-apparel-submit .sample-toggle-row.pre-production-row {
    margin-top: 0 !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    padding-top: 12px !important;
}

body .order-intake-modern .selected-apparel-submit .sample-toggle-row.pre-production-row .sample-toggle-line,
body .order-intake-modern .selected-apparel-submit .repeat-order-sec .form-group {
    align-items: center !important;
}

body .order-intake-modern .selected-apparel-submit .sample-toggle-row.pre-production-row .thread-premium-setup.sample-toggle-control,
body .order-intake-modern .selected-apparel-submit .repeat-order-sec .thread-premium-setup {
    margin-left: auto !important;
}

body .thread-submit-confirm-total {
    margin-bottom: 8px;
    font-size: 12px;
    color: #223453;
}

body .thread-submit-confirm-item {
    padding: 10px 12px;
    border-radius: 10px;
    border: 1px solid #e3e9f2;
    background: #f9fbfe;
    margin-bottom: 8px;
}

body .thread-submit-confirm-item h5 {
    margin: 0 0 7px;
    font-size: 13px;
    font-weight: 800;
    color: #1a3156;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

body .thread-submit-confirm-item h5 span {
    font-size: 11px;
    color: #5b6f8d;
    font-weight: 700;
}

body .thread-submit-confirm-subtitle {
    margin: 6px 0 4px;
    font-size: 11px;
    font-weight: 800;
    color: #4c607d;
    text-transform: uppercase;
    letter-spacing: .03em;
}

body .thread-submit-confirm-item ul {
    margin: 0;
    padding-left: 16px;
}

body .thread-submit-confirm-item li {
    margin: 0 0 4px;
    font-size: 12px;
    color: #334866;
}

@media (max-width: 767px) {
    body .thread-order-confirm-popup,
    body .swal2-popup.thread-order-confirm-popup {
        width: min(560px, calc(100vw - 18px)) !important;
        padding: 16px 14px 18px !important;
    }

    body .swal2-popup.thread-order-confirm-popup #swal2-content,
    body .swal2-popup.thread-order-confirm-popup .swal2-content,
    body .thread-submit-confirm-simple {
        padding-left: 4px !important;
        padding-right: 4px !important;
    }
}

body .thread-submit-confirm-table-wrap {
    overflow: auto;
    border: 1px solid #e1e8f2;
    border-radius: 8px;
    background: #fff;
}

body .thread-submit-confirm-table {
    width: 100%;
    border-collapse: collapse;
    min-width: 430px;
}

body .thread-submit-confirm-table th,
body .thread-submit-confirm-table td {
    border-bottom: 1px solid #edf1f7;
    padding: 7px 8px;
    text-align: left;
    font-size: 12px;
    color: #334866;
    vertical-align: top;
}

body .thread-submit-confirm-table th {
    font-size: 11px;
    color: #4f6380;
    text-transform: uppercase;
    letter-spacing: .02em;
    font-weight: 800;
    background: #f7fafe;
}

body .thread-submit-confirm-table tbody tr:last-child td {
    border-bottom: 0;
}

body .thread-submit-confirm-kv {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    padding: 7px 0;
    border-bottom: 1px solid #edf1f7;
}

body .thread-submit-confirm-kv:last-child {
    border-bottom: 0;
}

body .thread-submit-confirm-kv span {
    font-size: 11px;
    color: #60728e;
    text-transform: uppercase;
    letter-spacing: .02em;
    font-weight: 700;
    flex: 0 0 auto;
}

body .thread-submit-confirm-kv strong {
    font-size: 12px;
    color: #223453;
    font-weight: 700;
    text-align: right;
}

body .thread-submit-confirm-warning {
    margin-top: 10px;
    padding: 10px 12px;
    border: 1px solid #f0d9b3;
    border-radius: 10px;
    background: #fff8ee;
    color: #7a4f12;
    font-size: 12px;
    line-height: 1.45;
    font-weight: 600;
}

span.sub-title.downercuzash {
    margin-top: 33px;
}
.user-discount-code-section.mb- {
    background: #cfcfcf;
    padding: 10px 15px !important;
    border-radius: 7px;
}

.checkout-approval-note {
    margin-top: 14px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: #53657f;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.45;
    text-align: center;
}

.checkout-paynow-thankyou {
    margin-top: 8px;
    padding: 10px 14px;
    border-radius: 999px;
    background: #e9f8ee;
    color: #14753a;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.4;
    text-align: center;
}

.checkout-net30-warning {
    margin-top: 6px;
    color: #cf1c1c;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.45;
    text-align: center;
    padding: 8px;
    background: #d5d5d5;
    border-radius: 36px;
}

.checkout-payment-deadline {
    margin-top: 10px;
    padding: 10px 14px;
    border-radius: 10px;
    background: #fff4d6;
    border: 1px solid #f1d696;
    color: #8a5a00;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.45;
    text-align: center;
}

.pay-invoice-deadline-note {
    margin-top: 10px;
    padding-top: 8px;
    text-align: center;
}

.checkout-terms-note {
    margin-top: 4px;
    padding: 0;
    border-radius: 0;
    background: transparent;
    border: 0;
    color: #53657f;
    font-size: 12px;
    line-height: 1.45;
    text-align: center;
}

.checkout-terms-note a {
    color: #1d74f5;
    font-weight: 700;
    text-decoration: none;
}

.checkout-terms-note a:hover,
.checkout-terms-note a:focus {
    color: #145dca;
    text-decoration: underline;
}
.checkout-proof-preview-item {
    padding: 14px;
}
.checkout-proof-preview-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 88px;
    min-width: 88px;
    height: 88px;
    border-radius: 14px;
    overflow: hidden;
    background: #f4f8ff;
    border: 1px solid #dbe5f4;
}
.checkout-proof-preview-image {
    display: block;
    width: 100%;
    height: 100%;
    max-width: none;
    margin: 0;
    object-fit: cover;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}
@media (max-width: 767px) {
    .checkout-proof-preview-item {
        padding: 12px;
    }
    .checkout-proof-preview-link {
        width: 74px;
        min-width: 74px;
        height: 74px;
    }
}
li.list-group-item.align-right.pt-0 {
    padding-top: 0px !important;
}
li.list-group-item.align-right.pb-0 {
    padding-bottom: 0px !important;
}

body .order-intake-modern .order-builder-header-row .order-builder-helper-text {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: -6px auto 18px !important;
    text-align: center !important;
    align-self: center !important;
    justify-content: center !important;
}

body .order-builder-header-row.has-selected-apparel .order-builder-heading,
body .order-builder-header-row.has-selected-apparel .order-builder-helper-text {
    display: none !important;
}

body .order-intake-modern .thread-apparel-type.launch-pad-lists .img-wrapper .apparel-type-clear {
    display: none !important;
    top: 6px !important;
    right: 6px !important;
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    min-height: 18px !important;
    border-radius: 999px !important;
    border: 1px solid #dfe6f0 !important;
    background: rgba(255, 255, 255, 0.98) !important;
    color: #556983 !important;
    font-size: 11px !important;
    line-height: 1 !important;
    box-shadow: 0 2px 6px rgba(15, 23, 42, 0.08) !important;
    padding: 0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

@media (hover: hover) and (pointer: fine) {
    body .order-intake-modern .thread-apparel-type.launch-pad-lists .img-wrapper.active:hover .apparel-type-clear,
    body .order-intake-modern .thread-apparel-type.launch-pad-lists .img-wrapper.active:focus-within .apparel-type-clear {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        opacity: 1 !important;
        pointer-events: auto !important;
    }
}

@media (hover: none), (pointer: coarse) {
    body .order-intake-modern .thread-apparel-type.launch-pad-lists .img-wrapper.active .apparel-type-clear {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        opacity: 1 !important;
        pointer-events: auto !important;
    }
}

button.apparel-type-clear,
body .order-intake-modern .thread-apparel-type.launch-pad-lists .img-wrapper .apparel-type-clear {
    font-size: 12px !important;
    border-radius: 35px !important;
    border: 1px solid #bcbcbc !important;
    position: absolute !important;
    right: -11px !important;
    top: -11px !important;
    padding: 0px 6px 1px 7px !important;
    background: white !important;
}

.files-n-detials {
    background: #fbfbfb;
    padding: 13px 38px 8px 38px;
    border: 2px solid #efefef;
    border-radius: 34px;
}

body .thread-order-section-title.thread-order-section-apparel.hide {
    display: none !important;
}

span.size-section-edit.btn,
.btn.sp-size-section-edit {
    font-size: 23px;
    background: #97accb;
    height: 42px;
    padding: 6px 19px 27px !important;
    right: -3px;
    position: relative;
    color: white;
}

body .selected-apparel-submit.updated-embroidery-sec-bottom .thread-submit,
body .selected-apparel-submit .thread-submit {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
}

body .selected-apparel-submit.updated-embroidery-sec-bottom .thread-submit .thread-submit-label,
body .selected-apparel-submit .thread-submit .thread-submit-label {
    display: inline-block;
    width: 100%;
    text-align: center;
}

body .selected-apparel-submit.updated-embroidery-sec-bottom .thread-submit .sk-circle.selected,
body .selected-apparel-submit .thread-submit .sk-circle.selected {
    display: none !important;
}

body .selected-apparel-submit.updated-embroidery-sec-bottom .thread-submit.is-loading .thread-submit-label,
body .selected-apparel-submit .thread-submit.is-loading .thread-submit-label {
    visibility: visible !important;
}

.selected-apparel-submit .sample-toggle-row.pre-production-row,
body .order-intake-modern .selected-apparel-submit .sample-toggle-row.pre-production-row {
    margin: 6px 0 0 !important;
    padding: 10px 12px !important;
    border-top: 1px solid #dbdbdb;
}

body .all-size-container .custom-form-quantity-val li {
    position: relative;
}

body .all-size-container .custom-form-quantity-val li .sp-size-not-sure.btn,
body .all-size-container .custom-form-quantity-val li label.sp-size-not-sure {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

body .all-size-container .custom-form-quantity-val li .sp-size-not-sure.btn {
    font-size: 15px !important;
    background: #f2f6fb !important;
    color: #375079 !important;
    border: 1px solid #c9d5e5 !important;
    height: 42px;
    min-width: 42px;
    padding: 0 !important;
    right: -9px;
    position: relative;
    border-radius: 999px;
}

body .all-size-container .custom-form-quantity-val li label.sp-size-not-sure {
    font-size: 11px !important;
    font-weight: 700 !important;
    color: #516987 !important;
    padding: 0 6px !important;
    width: auto !important;
    min-width: 0 !important;
}

body .order-intake-modern .custom-form-quantity-val li .size-not-sure.btn,
body .order-intake-modern .custom-form-quantity-val li label.size-not-sure {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #4a5f7d !important;
    font-weight: 700 !important;
}

body .order-intake-modern .custom-form-quantity-val li .size-not-sure.btn {
    font-size: 15px !important;
    background: #f2f6fb !important;
    border: 1px solid #c9d5e5 !important;
    height: 42px;
    min-width: 42px;
    padding: 0 !important;
    right: -8px;
    position: relative;
    border-radius: 999px;
}

body .order-intake-modern .custom-form-quantity-val li label.size-not-sure {
    font-size: 11px !important;
    padding: 0 6px !important;
    width: auto !important;
    min-width: 0 !important;
}

span.sample-toggle-label {
    font-weight: 600 !important;
}

body .all-size-container .size-total-only-entry {
    padding: 14px 16px !important;
    border: 1px solid #dbe3ef !important;
    border-radius: 16px !important;
    background: #f9fbff !important;
}

body .all-size-container .size-total-only-entry .custom-form-quantity-val {
    max-width: 220px;
}

body .all-size-container .size-total-only-entry .all-size-total-help {
    margin-top: 10px;
    color: #60728e;
    font-size: 12px;
    line-height: 1.4;
}

.product-brand-option-list, .size-option-list {
    top: 67px !important;
}

.snap-stock-match-list {
    margin: -4px 11px;
}

.thread-snapinstock-match-notice {
    background: #ff9800;
    color: white;
    padding: 17px;
    margin: 11px;
    font-weight: 600;
    border-radius: 6px;
}

body .order-intake-modern .thread-snapinstock-match-notice {
    background: #ff9800;
    color: white;
    padding: 17px;
    margin: 11px;
    font-weight: 600;
    border-radius: 6px;
    border: 0;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    line-height: 1.35;
    box-shadow: 0 10px 24px rgba(255, 152, 0, .24);
}

.thread-snapinstock-match-notice.hide,
body .order-intake-modern .thread-snapinstock-match-notice.hide {
    display: none !important;
}

.thread-snapinstock-match-icon,
body .order-intake-modern .thread-snapinstock-match-icon {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #ffffff;
    color: #ff9800;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 30px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, .14);
}

.thread-snapinstock-match-copy,
body .order-intake-modern .thread-snapinstock-match-copy {
    display: block;
    flex: 1 1 auto;
}

.thread-snapinstock-match-actions,
body .order-intake-modern .thread-snapinstock-match-actions {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    flex: 0 0 auto;
}

.thread-snapinstock-match-action,
body .order-intake-modern .thread-snapinstock-match-action {
    border: 1px solid rgba(255, 255, 255, .72);
    border-radius: 6px;
    background: rgba(255, 255, 255, .18);
    color: #ffffff;
    padding: 7px 12px;
    font-size: 13px;
    font-weight: 800;
    line-height: 1;
    cursor: pointer;
}

.thread-snapinstock-match-action:hover,
.thread-snapinstock-match-action:focus,
body .order-intake-modern .thread-snapinstock-match-action:hover,
body .order-intake-modern .thread-snapinstock-match-action:focus {
    background: #ffffff;
    color: #ff9800;
}

@media screen and (max-width: 640px) {
    .thread-snapinstock-match-notice,
    body .order-intake-modern .thread-snapinstock-match-notice {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .thread-snapinstock-match-actions,
    body .order-intake-modern .thread-snapinstock-match-actions {
        width: 100%;
        justify-content: flex-start;
        padding-left: 40px;
    }
}

body .thread-submit-progress-note {
    margin: 14px auto 6px;
    max-width: 520px;
    width: fit-content;
    padding: 10px 14px;
    border: 1px dashed #b6c5da;
    border-radius: 12px;
    background: #f7faff;
    color: #50627d;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    text-align: center;
    transition: border-color .18s ease, background-color .18s ease, color .18s ease, transform .18s ease;
}

body .thread-submit-progress-note:hover,
body .thread-submit-progress-note:focus {
    border-color: #8ea8cb;
    background: #eef5ff;
    color: #203a61;
    transform: translateY(-1px);
    outline: none;
}

body .thread-submit-progress-note-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border-radius: 999px;
    background: #dfe9f7;
    color: #355987;
    flex: 0 0 20px;
}

body .thread-submit-progress-note-text {
    display: inline-block;
}

body .order-intake-modern .apparel-variation-button-container {
    width: 100% !important;
    display: flex !important;
    justify-content: flex-end !important;
    text-align: right !important;
    overflow: visible !important;
}

body .order-intake-modern .apparel-variation-button-container::before,
body .order-intake-modern .apparel-variation-button-container::after {
    display: none !important;
}

body .order-intake-modern .apparel-variation-button-inner {
    width: auto;
    max-width: none;
    margin: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    gap: 10px;
    flex: 0 0 auto;
}

body .order-intake-modern .apparel-variation-button-row {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
}

body .order-intake-modern .apparel-variation-button-container .add-apparel-variation {
    min-width: 178px !important;
    position: static !important;
    top: auto !important;
    right: auto !important;
    left: auto !important;
    transform: none !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
}

body .order-intake-modern .apparel-variation-help-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border-radius: 999px;
    border: 1px solid #b8c7db;
    background: #f5f8fc;
    color: #4b6284;
    font-size: 12px;
    font-weight: 800;
    line-height: 1;
    cursor: help;
    flex: 0 0 22px;
}

ul.custom-form-quantity-val.my-0.p-0 {
    border-bottom: 1px solid #a4a4a4;
    margin: 11px;
    padding: 0px 0px 18px !important;
}

body .all-size-container .all-size-total-back {
    margin-top: 10px;
    border: 1px solid #cdd8e8 !important;
    background: #ffffff !important;
    color: #1f3658 !important;
    border-radius: 999px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    padding: 8px 14px !important;
}

body .all-size-container .all-size-total-back .all-size-total-back-badge {
    display: inline-flex;
    align-items: center;
    margin-left: 8px;
    padding: 2px 8px;
    border-radius: 999px;
    background: #eef5ff;
    color: #2f5f95;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

body .all-size-container .all-size-action-row {
    position: sticky;
    bottom: 12px;
    z-index: 30;
    display: flex;
    justify-content: center;
    margin-top: 12px;
    margin-left: -8px;
    margin-right: -8px;
    padding: 12px 12px calc(env(safe-area-inset-bottom, 0px) + 10px);
    background: unset;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
}

body .apparel-qty-size-container-list .custom-form-quantity-val li.size-inline-actions-item,
body .all-size-container .custom-form-quantity-val li.size-inline-actions-item {
    grid-column: span 2 !important;
    min-height: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

body .size-inline-actions {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 8px;
    flex-wrap: nowrap;
}

body .size-inline-actions-standalone-row {
    display: flex;
    justify-content: flex-start;
    margin: 8px 0 2px;
}

body .size-inline-edit-group {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 170px;
    min-height: 34px;
    padding: 4px 12px 4px 6px;
    background: linear-gradient(180deg, #eef5ff 0%, #e0ebfb 100%);
    border: 1px solid #b9cbe4;
    border-radius: 999px;
    box-shadow: 0 6px 14px rgba(44, 82, 130, 0.1);
    transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}

body .size-inline-not-sure {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    width: 170px;
    min-height: 34px;
    padding: 4px 12px 4px 6px;
    background: linear-gradient(180deg, #fffdf8 0%, #fff5e8 100%);
    border: 1px solid #efd2a5;
    border-radius: 999px;
    box-shadow: 0 6px 12px rgba(162, 106, 24, 0.08);
    transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}

body .size-inline-edit-group .size-section-edit.btn,
body .size-inline-not-sure .size-not-sure.btn,
body .size-inline-edit-group .sp-size-section-edit.btn,
body .size-inline-not-sure .sp-size-not-sure.btn {
    width: 24px;
    height: 24px;
    min-width: 24px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
}

body .size-inline-edit-group label.size-section-edit,
body .size-inline-not-sure label.size-not-sure,
body .size-inline-edit-group label.sp-size-section-edit,
body .size-inline-not-sure label.sp-size-not-sure {
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
}

body .size-inline-edit-group:hover,
body .size-inline-not-sure:hover {
    transform: translateY(-1px);
}

body .size-inline-edit-group:hover {
    border-color: #95afd4;
    box-shadow: 0 12px 22px rgba(44, 82, 130, 0.16);
}

body .size-inline-not-sure:hover {
    border-color: #dfbb82;
    box-shadow: 0 12px 22px rgba(162, 106, 24, 0.12);
}

body .size-inline-actions .size-section-edit.btn,
body .size-inline-actions .sp-size-section-edit.btn {
    right: 0 !important;
    margin: 0 !important;
    width: 34px !important;
    min-width: 34px !important;
    height: 34px !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 999px !important;
    background: linear-gradient(180deg, #86a4cc 0%, #6f8fb9 100%) !important;
    border: 1px solid #6f8fb9 !important;
    color: #ffffff !important;
    font-size: 14px !important;
    box-shadow: none !important;
}

body .size-inline-actions .size-not-sure.btn,
body .size-inline-actions .sp-size-not-sure.btn {
    right: 0 !important;
    margin: 0 !important;
    width: 32px !important;
    min-width: 32px !important;
    height: 32px !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    border: 1px solid #e6c58b !important;
    color: #ad6f12 !important;
    font-size: 14px !important;
    box-shadow: none !important;
}

body .size-inline-actions .size-section-edit,
body .size-inline-actions .sp-size-section-edit,
body .size-inline-actions .size-not-sure,
body .size-inline-actions .sp-size-not-sure {
    width: auto !important;
    min-width: 0 !important;
}

body .size-inline-actions label.size-section-edit,
body .size-inline-actions label.sp-size-section-edit {
    margin: 0 !important;
    padding: 0 !important;
    color: #1f3658 !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    letter-spacing: 0.02em !important;
    line-height: 1 !important;
}

body .size-inline-actions label.size-not-sure,
body .size-inline-actions label.sp-size-not-sure {
    margin: 0 !important;
    padding: 0 !important;
    color: #8a5b12 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
}

body .size-inline-actions .size-section-edit,
body .size-inline-actions .sp-size-section-edit,
body .size-inline-actions .size-not-sure,
body .size-inline-actions .sp-size-not-sure,
body .size-inline-edit-group,
body .size-inline-not-sure {
    cursor: pointer !important;
}

body .size-inline-edit-group.thread-size-edit-tooltip {
    position: relative !important;
    background: #f2f2f2 !important;
    color: inherit !important;
    width: auto !important;
    height: auto !important;
    line-height: inherit !important;
    margin: 0 !important;
}

body .size-inline-edit-group.thread-size-edit-tooltip[tooltip]:hover::before {
    content: attr(tooltip);
    position: absolute;
    left: 50%;
    bottom: calc(100% + 18px);
    transform: translateX(-50%);
    width: max-content;
    min-width: 260px;
    max-width: 320px;
    padding: 10px 14px 16px;
    border-radius: 12px;
    background: #1f2f46;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.45;
    text-align: center;
    white-space: normal;
    overflow-wrap: break-word;
    z-index: 9999;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.18);
    pointer-events: none;
}

body .size-inline-edit-group.thread-size-edit-tooltip[tooltip]:hover::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: calc(100% + 9px);
    width: 12px;
    height: 12px;
    background: #1f2f46;
    transform: translateX(-50%) rotate(45deg);
    z-index: 9999;
    pointer-events: none;
}

body .all-size-container.size-total-only-mode .size-container-list:not(.size-total-only-entry) {
    display: none !important;
}

body .all-size-container .size-inline-actions-item-saved {
    display: none !important;
}

body .all-size-container .size-container-list.saved-mode .size-inline-actions-item-saved {
    display: block !important;
}

@media (max-width: 767px) {
    body .selected-apparel-submit.updated-embroidery-sec-bottom .order-files-card .proof-desction-list {
        padding: 2px 0px !important;
    }

    body .selected-apparel-submit.updated-embroidery-sec-bottom .list-group-item {
        max-height: none !important;
        min-height: 0 !important;
        padding: 12px !important;
        margin: 0px !important;
    }

    body .selected-apparel-submit.updated-embroidery-sec-bottom .list-group-item .thread-file-item-main {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 12px !important;
    }

    body .selected-apparel-submit.updated-embroidery-sec-bottom .list-group-item .thread-file-preview-col {
        flex: 0 0 auto !important;
        width: 100% !important;
        max-width: 100% !important;
        max-height: none !important;
        justify-content: center !important;
    }

    body .selected-apparel-submit.updated-embroidery-sec-bottom .list-group-item .avatar.thread-file-preview {
        width: 88px !important;
        max-width: 88px !important;
        min-height: 88px !important;
        margin: 0 auto !important;
    }

    body .selected-apparel-submit.updated-embroidery-sec-bottom .list-group-item .thread-file-header {
        flex-direction: column !important;
        align-items: stretch !important;
    }

    body .selected-apparel-submit.updated-embroidery-sec-bottom .list-group-item .thread-file-header .thread-file-remove-btn {
        width: 100% !important;
        margin-left: 0 !important;
        justify-content: center !important;
    }

    body .selected-apparel-submit.updated-embroidery-sec-bottom .list-group-item .avatar.thread-file-preview:hover .avatar-img.rounded,
    body .selected-apparel-submit.updated-embroidery-sec-bottom .list-group-item .avatar.thread-file-preview:hover canvas.avatar-img.rounded,
    body .selected-apparel-submit.updated-embroidery-sec-bottom .list-group-item:hover .avatar.thread-file-preview .avatar-img.rounded,
    body .selected-apparel-submit.updated-embroidery-sec-bottom .list-group-item:hover .avatar.thread-file-preview canvas.avatar-img.rounded {
        width: 88px !important;
        height: 88px !important;
        max-width: 88px !important;
        max-height: 88px !important;
        transform: none !important;
        padding: 0 !important;
        border: 0 !important;
        box-shadow: none !important;
        background: transparent !important;
    }
}

body .thread-color-modal-popup .thread-custom-pms-layout {
    align-items: flex-start !important;
    margin-top: 8px !important;
}

body .thread-color-modal-popup .thread-standard-color-status {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    margin: 10px 0 8px !important;
    padding: 0 8px !important;
}

body .thread-color-modal-popup .thread-standard-color-counter {
    color: #617185 !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    letter-spacing: 0.01em !important;
}

body .thread-color-modal-popup .thread-standard-color-limit-message {
    color: #9b5e00 !important;
    background: #fff3dd !important;
    border: 1px solid #f5cf8d !important;
    border-radius: 999px !important;
    padding: 6px 10px !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    box-shadow: 0 0 0 0 rgba(255, 152, 0, 0) !important;
}

body .thread-color-modal-popup .thread-standard-color-limit-message.is-visible {
    box-shadow: 0 0 0 3px rgba(255, 152, 0, 0.14) !important;
}

body .thread-color-modal-popup .thread-custom-pms-col {
    width: 50% !important;
    max-width: 50% !important;
    flex: 0 0 50% !important;
}

body .thread-color-modal-popup .thread-custom-pms-label {
    display: block !important;
    margin: 0 0 10px !important;
    color: #1f2f46 !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    letter-spacing: 0.01em !important;
}

body .thread-color-modal-popup .thread-custom-pms-search-wrap {
    padding-bottom: 44px !important;
}

body .thread-color-modal-popup #search_pms_colors {
    height: 44px !important;
    border-radius: 14px !important;
    border: 1px solid #d5dce6 !important;
    box-shadow: none !important;
}

body .thread-color-modal-popup .pms-search-lists {
    margin-top: 12px !important;
    padding: 8px !important;
    max-height: 228px !important;
    overflow: auto !important;
    border: 1px solid #dde4ed !important;
    border-radius: 18px !important;
    background: #fbfcfe !important;
}

body .thread-color-modal-popup .pms-search-lists .pms-list {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 10px 12px !important;
    border-radius: 12px !important;
    margin-bottom: 6px !important;
}

body .thread-color-modal-popup .pms-search-lists .pms-list:last-child {
    margin-bottom: 0 !important;
}

body .thread-color-modal-popup .pms-search-lists .pms-list span.main-text,
body .thread-color-modal-popup .pms-search-lists .pms-list span.sub-text {
    flex: 1 1 auto !important;
}

body .thread-color-modal-popup .pms-search-lists .pms-list span.sub-text {
    text-align: right !important;
    color: #76859a !important;
    font-size: 11px !important;
    font-weight: 700 !important;
}

body .thread-color-modal-popup .pms-search-lists .pms-list span.btn.col-1,
body .thread-color-modal-popup .pms-selected-search-lists .pms-color-swatch {
    width: 18px !important;
    min-width: 18px !important;
    height: 18px !important;
    padding: 0 !important;
    border-radius: 999px !important;
    border: 1px solid rgba(15, 23, 42, 0.14) !important;
}

body .thread-color-modal-popup .btn.pms-not-find-it {
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    border-radius: 12px !important;
    background: #7f8ba0 !important;
    font-size: 12px !important;
}

body .thread-color-modal-popup .custom-thread-describe-text {
    min-height: 138px !important;
    height: 138px !important;
    resize: none !important;
    border-radius: 18px !important;
    border: 1px solid #d5dce6 !important;
    padding: 12px 14px !important;
}

body .thread-color-modal-popup .pms-selected-search-lists {
    margin-top: 14px !important;
    padding: 14px !important;
    min-height: 216px !important;
    border: 1px solid #dde4ed !important;
    border-radius: 18px !important;
    background: linear-gradient(180deg, #fbfcfe 0%, #f4f7fb 100%) !important;
    overflow: hidden !important;
}

body .thread-color-modal-popup .thread-custom-pms-footer-note {
    margin-top: 14px !important;
    color: #7b8796 !important;
    font-size: 10px !important;
    line-height: 1.45 !important;
    text-align: left !important;
    padding: 0 8px 2px !important;
}

body .thread-color-modal-popup .selected-pms-list.title-tag-elm {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-bottom: 12px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #1f2f46 !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    letter-spacing: 0.05em !important;
    text-transform: uppercase !important;
}

body .thread-color-modal-popup .thread-pms-selected-count {
    color: #6f7d90 !important;
    font-size: 11px !important;
    font-weight: 800 !important;
}

body .thread-color-modal-popup .thread-pms-selected-grid {
    display: grid !important;
    grid-template-columns: repeat( 2, minmax( 0, 1fr ) ) !important;
    gap: 8px 10px !important;
}

body .thread-color-modal-popup .selected-pms-list {
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
    justify-content: flex-start !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 9px 11px !important;
    border: 1px solid #dbe3ee !important;
    border-radius: 14px !important;
    background: #ffffff !important;
}

body .thread-color-modal-popup .thread-pms-selected-grid .selected-pms-list.thread-pms-match-trigger {
    cursor: pointer !important;
    transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease !important;
}

body .thread-color-modal-popup .thread-pms-selected-grid .selected-pms-list.thread-pms-match-trigger:hover,
body .thread-color-modal-popup .thread-pms-selected-grid .selected-pms-list.thread-pms-match-trigger:focus {
    border-color: #8ab4ef !important;
    box-shadow: 0 10px 24px rgba(34, 73, 135, 0.12) !important;
    transform: translateY( -1px ) !important;
    outline: none !important;
}

body .thread-color-modal-popup .selected-pms-list .main-text {
    flex: 1 1 auto !important;
    text-align: left !important;
    color: #27364d !important;
    font-size: 12px !important;
    font-weight: 800 !important;
}

body .thread-color-modal-popup .selected-pms-list .remove-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 20px !important;
    min-width: 20px !important;
    height: 20px !important;
    padding: 0 !important;
    border-radius: 999px !important;
    border: 1px solid #c5d0df !important;
    background: #f2f5f9 !important;
    color: #516276 !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    cursor: pointer !important;
    position: relative !important;
    z-index: 2 !important;
}

body .thread-pantone-match-overlay {
    position: fixed !important;
    inset: 0 !important;
    z-index: 100000 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 18px !important;
}

body .thread-pantone-match-backdrop {
    position: absolute !important;
    inset: 0 !important;
    background: rgba( 15, 23, 42, 0.52 ) !important;
}

body .thread-pantone-match-dialog {
    position: relative !important;
    width: min( 760px, 96vw ) !important;
    max-height: min( 82vh, 900px ) !important;
    overflow: auto !important;
    padding: 18px !important;
    border-radius: 20px !important;
    background: #ffffff !important;
    box-shadow: 0 30px 80px rgba( 15, 23, 42, 0.28 ) !important;
}

body .thread-pantone-match-title {
    margin-bottom: 12px !important;
    color: #1d2d42 !important;
    font-size: 20px !important;
    font-weight: 900 !important;
}

body .thread-pantone-match-close {
    position: absolute !important;
    top: 12px !important;
    right: 12px !important;
    width: 32px !important;
    min-width: 32px !important;
    height: 32px !important;
    border: 1px solid #cfd9e6 !important;
    border-radius: 999px !important;
    background: #f7f9fc !important;
    color: #415268 !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    cursor: pointer !important;
}

body .thread-pantone-match-dialog .pantone-thread-match-source {
    margin-right: 36px !important;
}

body .thread-color-modal-popup .thread-pms-empty-state,
body .thread-color-modal-popup .thread-pms-limit-message {
    margin-top: 12px !important;
    padding: 10px 12px !important;
    border-radius: 12px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.45 !important;
}

body .thread-color-modal-popup .thread-pms-empty-state {
    color: #6a788a !important;
    background: #ffffff !important;
    border: 1px dashed #d2dbe7 !important;
}

body .thread-color-modal-popup .thread-pms-limit-message {
    color: #9b5e00 !important;
    background: #fff3dd !important;
    border: 1px solid #f5cf8d !important;
    box-shadow: 0 0 0 0 rgba(255, 152, 0, 0) !important;
}

body .thread-color-modal-popup .thread-pms-limit-message.is-visible {
    box-shadow: 0 0 0 3px rgba(255, 152, 0, 0.14) !important;
}

@media (max-width: 991px) {
    body .thread-color-modal-popup .thread-standard-color-status {
        align-items: flex-start !important;
        flex-direction: column !important;
    }

    body .thread-color-modal-popup .thread-custom-pms-col {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
        margin-bottom: 14px !important;
    }

    body .thread-color-modal-popup .pms-selected-search-lists {
        min-height: 0 !important;
    }
}

h5.my-2.garment-details-title,
h5.my-2.variation-qty-question {
    padding: 5px 11px;
    font-weight: 900;
    border-bottom: 1px solid #d8e0eb;
    margin-bottom: 12px;
}

h5.my-2.garment-details-title:empty,
h5.my-2.variation-qty-question:empty {
    display: none !important;
}

body .order-intake-modern .apparel-selected-item-main.updated-embroidery-section > .thread-apparel-title-row {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 12px !important;
    z-index: 28 !important;
    align-self: stretch !important;
    padding: 10px 12px !important;
    margin: -4px 0 12px !important;
    border-radius: 14px !important;
    background: rgba(251, 251, 251, 0.96) !important;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.06) !important;
}

@media (max-width: 991px) {
    body .order-intake-modern .apparel-selected-item-main.updated-embroidery-section > .thread-apparel-title-row {
        top: 8px !important;
        padding: 8px 10px !important;
    }
}

body .order-intake-modern .apparel-selected-item-main.updated-embroidery-section,
body .order-intake-modern .apparel-selected-item-main.updated-embroidery-section .selected-apparel-lists,
body .order-intake-modern .apparel-selected-item-main.updated-embroidery-section .selected-apparel-fields,
body .order-intake-modern .apparel-selected-item-main.updated-embroidery-section .product-grid-list.thread-apparel-type.selected-apparel-lists {
    overflow: visible !important;
}

body .order-intake-modern .apparel-selected-item-main.updated-embroidery-section > .thread-apparel-title-row,
body .order-intake-modern .col-lg-8.apparel-selected-item-main.updated-embroidery-section > .thread-apparel-title-row {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    z-index: 6 !important;
    align-self: stretch !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 0 12px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
}

body .order-intake-modern .ship-addr-company,
body .ship-addr-company {
    font-weight: 700 !important;
    color: #2a6eb2 !important;
    text-decoration: none !important;
}

body .order-intake-modern .ship-addr-attn-po,
body .ship-addr-attn-po {
    font-style: italic !important;
    font-weight: 600 !important;
    color: #a7a7a7 !important;
}

body .thread-apparel-title-row-spacer {
    display: none;
    width: 100%;
    height: 0;
}

body .thread-apparel-title-row-spacer:not(.hide) {
    display: block;
}

body .order-intake-modern .apparel-selected-item-main.updated-embroidery-section > .thread-apparel-title-row.thread-title-row-fixed,
body .order-intake-modern .col-lg-8.apparel-selected-item-main.updated-embroidery-section > .thread-apparel-title-row.thread-title-row-fixed {
    position: fixed !important;
    z-index: 70 !important;
    padding: 10px 12px !important;
    margin: 0 !important;
    border-radius: 14px !important;
    background: rgba(251, 251, 251, 0.98) !important;
    border: 1px solid #e5ebf2 !important;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08) !important;
}

body .order-intake-modern .apparel-selected-item-main.updated-embroidery-section > .thread-apparel-title-row.thread-title-row-bottom,
body .order-intake-modern .col-lg-8.apparel-selected-item-main.updated-embroidery-section > .thread-apparel-title-row.thread-title-row-bottom {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: auto !important;
    bottom: 12px !important;
    z-index: 20 !important;
    padding: 10px 12px !important;
    margin: 0 !important;
    border-radius: 14px !important;
    background: rgba(251, 251, 251, 0.98) !important;
    border: 1px solid #e5ebf2 !important;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08) !important;
}

@media (max-width: 991px) {
    body .order-intake-modern .apparel-selected-item-main.updated-embroidery-section > .thread-apparel-title-row,
    body .order-intake-modern .col-lg-8.apparel-selected-item-main.updated-embroidery-section > .thread-apparel-title-row {
        margin: 0 0 10px !important;
    }

    body .order-intake-modern .apparel-selected-item-main.updated-embroidery-section > .thread-apparel-title-row.thread-title-row-fixed,
    body .order-intake-modern .col-lg-8.apparel-selected-item-main.updated-embroidery-section > .thread-apparel-title-row.thread-title-row-fixed,
    body .order-intake-modern .apparel-selected-item-main.updated-embroidery-section > .thread-apparel-title-row.thread-title-row-bottom,
    body .order-intake-modern .col-lg-8.apparel-selected-item-main.updated-embroidery-section > .thread-apparel-title-row.thread-title-row-bottom {
        padding: 8px 10px !important;
    }
}

span.sub-title.apparel-title-text {
    font-size: 22px !important;
    font-weight: 800 !important;
    line-height: 1.2;
    color: #1f3658 !important;
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    text-align: left !important;
    padding-left: 2px !important;
}

span.sub-title.apparel-title-text:focus,
span.sub-title.apparel-title-text[contenteditable="true"]:focus {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 8px 10px !important;
    border: 1px dashed #b9cbe3 !important;
    border-radius: 9px !important;
    background: #f7fbff !important;
    color: #1b3458 !important;
    font-size: 21px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    cursor: text !important;
    outline: none !important;
}

@media (min-width: 992px) {
    body .thread-apparel-title-row .apparel-title-text:hover {
        border: 1px dashed #c4d7ef !important;
        border-radius: 9px !important;
        background: #f8fbff !important;
        box-shadow: 0 0 0 3px rgba(151, 172, 203, 0.12) !important;
        padding: 0 10px !important;
        max-height: 28px !important;
        font-size: 23px !important;
    }

    body .thread-apparel-title-row .apparel-title-text:hover::after {
        opacity: 1 !important;
        color: #4f78ac !important;
    }
}

body .account-order-container .order-history-page-top {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    flex-wrap: wrap;
}

body .account-order-container .order-history-toolbar {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

body .account-order-container .order-history-view-toggle {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px;
    border-radius: 999px;
    background: #eef3f9;
    border: 1px solid #d7e0eb;
    box-shadow: 0 6px 14px rgba(31, 54, 88, 0.08);
}

body .account-order-container .order-history-view-toggle-btn {
    border-radius: 999px !important;
    border: 1px solid transparent !important;
    background: transparent !important;
    color: #53657f !important;
    font-weight: 800 !important;
    font-size: 12px !important;
    padding: 7px 12px !important;
    transition: background .16s ease, color .16s ease, box-shadow .16s ease, border-color .16s ease;
}

body .account-order-container .order-history-view-toggle-btn.active {
    background: #1f3658 !important;
    color: #ffffff !important;
    border-color: #1f3658 !important;
    box-shadow: 0 8px 18px rgba(31, 54, 88, 0.2);
}

body .account-order-container.order-history-board-active .order-history-list-hidden {
    display: none !important;
}

body .account-order-container .order-history-board-view {
    display: flex;
    flex-direction: column;
    gap: 34px;
    margin-top: 26px;
}

body .account-order-container .order-history-board-section {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

body .account-order-container .order-history-board-section-head {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0;
    padding-bottom: 0;
    border-bottom: 0;
}

body .account-order-container .order-history-board-section-title {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    width: 100%;
}

body .account-order-container .order-history-board-section-title::after {
    content: '';
    flex: 1 1 auto;
    min-width: 30px;
    height: 1px;
    margin-left: 16px;
    background: #d9e1eb;
}

body .account-order-container .order-history-board-section-head h2 {
    margin: 0;
    font-size: 21px;
    font-weight: 800;
    color: #1f3658;
}

body .account-order-container .order-history-board-section-head span {
    min-width: 28px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: #eef3f9;
    color: #ffffff;
    font-weight: 800;
}

body .account-order-container .order-history-board-section.new_project .order-history-board-section-head span,
body .account-order-container .order-history-board-section.my_uploads .order-history-board-section-head span,
body .account-order-container .order-history-board-section.my_proofs .order-history-board-section-head span {
    background: #97accb;
}

body .account-order-container .order-history-board-section.unapproved .order-history-board-section-head span,
body .account-order-container .order-history-board-section.awaiting_approval .order-history-board-section-head span {
    background: #ff9800;
}

body .account-order-container .order-history-board-section.approved .order-history-board-section-head span,
body .account-order-container .order-history-board-section.admin_approved .order-history-board-section-head span,
body .account-order-container .order-history-board-section.in_production .order-history-board-section-head span {
    background: #1f3658;
}

body .account-order-container .order-history-board-section.shipped .order-history-board-section-head span,
body .account-order-container .order-history-board-section.delivered .order-history-board-section-head span,
body .account-order-container .order-history-board-section.complete .order-history-board-section-head span {
    background: #2c9a5f;
}

body .account-order-container .order-history-board-section.production_hold .order-history-board-section-head span,
body .account-order-container .order-history-board-section.expired-proof .order-history-board-section-head span {
    background: #ff9a9a;
}

body .account-order-container .order-history-board-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 28px;
}

body .account-order-container .order-history-board-card {
    display: grid;
    grid-template-columns: 106px minmax(0, 1fr);
    gap: 15px;
    align-items: center;
    padding: 15px;
    border-radius: 22px;
    border: 1px solid #d7e0eb;
    background: #edf2f8;
    box-shadow: none;
}

body .account-order-container .order-history-board-thumb {
    border: 2px solid #d4d4d4 !important;
    padding: 0 !important;
    width: 108px;
    height: 108px;
    border-radius: 12px !important;
    overflow: hidden;
    background: #e8edf3 !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

body .account-order-container .order-history-board-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

body .account-order-container .order-history-board-copy {
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-width: 0;
}

body .account-order-container .order-history-board-card.show-proof-page,
body .account-order-container .order-history-board-card.show-proof-page .order-history-board-copy {
    cursor: pointer;
}

body .account-order-container .order-history-board-progress {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    align-self: flex-start;
    padding: 5px 10px;
    border-radius: 999px;
    background: #1f7ae0;
    color: #ffffff;
    font-size: 11px;
    font-weight: 800;
    line-height: 1;
}

body .account-order-container .order-history-board-progress .fa-spinner {
    font-size: 10px;
}

body .account-order-container .order-history-board-progress-track {
    width: 100%;
    height: 3px;
    border-radius: 999px;
    background: rgba(31, 122, 224, 0.14);
    overflow: hidden;
}

body .account-order-container .order-history-board-progress-fill {
    display: block;
    width: 0;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #68a8f4 0%, #1f7ae0 100%);
    transition: width 1.4s ease;
}

body .account-order-container .order-history-board-progress-next {
    background: #ffd38e;
    color: #784200;
}

body .account-order-container .order-history-board-progress-ready {
    background: #75c198;
    color: #103a1f;
}

body .account-order-container .order-history-board-progress-unpaid {
    background: #fff2e6;
    color: #b5651d;
}

body .account-order-container .order-history-board-progress-past-due {
    background: #ffe7e7;
    color: #c12d2d;
}

body .account-order-container .order-history-board-line {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
}

body .account-order-container .order-history-board-label {
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #7a8798;
}

body .account-order-container .order-history-board-project-title {
    text-transform: none;
    letter-spacing: 0.01em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

body .account-order-container .order-history-board-value {
    font-size: 15px;
    line-height: 1.3;
    color: #1f3658;
    font-weight: 800;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

body .account-order-container .order-history-board-po-line {
    flex-direction: row;
    align-items: center;
    gap: 6px;
    overflow: visible;
}

body .account-order-container .order-history-board-arrived-check.tooltip-element {
    width: auto;
    height: auto;
    margin: 0;
    border-radius: 0;
    background: transparent;
    color: #75c198;
    line-height: 1;
    font-size: 11px;
    vertical-align: middle;
    position: relative;
    z-index: 2;
    overflow: visible;
}

@media (min-width: 992px) {
    body .confirmation-credit-column {
        position: sticky;
        top: 8px;
    }
}

body .account-order-container .order-history-board-inline-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin: 0 !important;
    padding-top: 2px;
    max-height: 68px;
    overflow: hidden;
}

body .account-order-container .order-history-board-inline-actions:empty {
    display: none;
}

body .account-order-container .order-history-board-inline-actions button,
body .account-order-container .order-history-board-inline-actions a {
    margin: 0 !important;
    font-size: 11px !important;
    padding: 6px 10px !important;
    min-height: 30px;
    width: auto !important;
    max-width: 172px !important;
    flex: 0 1 auto !important;
    white-space: normal !important;
    text-align: center !important;
    line-height: 1.2 !important;
}

body .account-order-container .order-load-more.is-holding {
    background: #ffd38e !important;
    color: #1f3658 !important;
    border-color: #f0b852 !important;
}

body .account-order-container .order-load-more,
body .account-order-container .order-load-more:hover,
body .account-order-container .order-load-more:focus,
body .account-order-container .order-load-more:active {
    position: relative;
    transform: none !important;
    top: auto !important;
    bottom: auto !important;
}

body .account-order-container .order-load-more.is-loading-all {
    background: #1f7ae0 !important;
    color: #ffffff !important;
    border-color: #1f7ae0 !important;
    position: relative;
    padding-right: 40px !important;
}

body .account-order-container .order-load-more.is-loading-all::after {
    content: "";
    position: absolute;
    right: 14px;
    top: 50%;
    width: 14px;
    height: 14px;
    margin-top: -7px;
    border-radius: 50%;
    border: 2px solid rgba(255, 255, 255, 0.45);
    border-top-color: #ffffff;
    animation: order-history-load-all-spin 0.9s linear infinite;
}

body .account-order-container .order-load-more-status {
    width: min(100%, 500px);
    margin-top: 0;
    color: #5d6d81;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    position: absolute;
    left: 50%;
    top: calc(61% + 0px);
    transform: translateX(-50%);
    pointer-events: none;
}

body .account-order-container .order-history-board-inline-actions .btn,
body .account-order-container .order-history-board-inline-actions button.btn,
body .account-order-container .order-history-board-inline-actions a.btn {
    width: auto !important;
    max-width: 172px !important;
    flex: 0 1 auto !important;
}

body .account-order-container .order-history-board-actions a.order-history-board-link-action,
body .account-order-container .order-history-board-actions button.order-history-board-link-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 12px !important;
    border-radius: 999px !important;
    border: 1px solid #d6deea !important;
    background: #f6f9fc !important;
    color: #1f3658 !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    text-decoration: none !important;
}

body .account-order-container .order-history-board-empty {
    text-align: center;
    padding: 36px 18px;
    border-radius: 22px;
    border: 1px dashed #c5d0de;
    background: #f8fbfe;
    color: #53657f;
    font-weight: 700;
}

@media (max-width: 1199px) {
    body .account-order-container .order-history-board-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    body .account-order-container .order-history-page-top {
        align-items: flex-start;
    }

    body .account-order-container .order-history-view-toggle {
        width: 100%;
        justify-content: stretch;
    }

    body .account-order-container .order-history-view-toggle-btn {
        flex: 1 1 50%;
    }

    body .account-order-container .order-history-board-grid {
        grid-template-columns: 1fr;
    }

    body .account-order-container .order-history-board-card {
        grid-template-columns: 88px minmax(0, 1fr);
        gap: 12px;
        padding: 12px;
    }

    body .account-order-container .order-history-board-thumb {
        width: 88px;
        height: 80px;
    }
}

body .account-order-container .order-history-page-top {
    justify-content: space-between !important;
    gap: 18px !important;
}

body .account-order-container .order-history-page-title-wrap {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
    width: 100% !important;
}

body .account-order-container .order-history-page-top-actions {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin-left: auto !important;
}

body .account-order-container .order-history-toolbar {
    gap: 8px !important;
}

body .account-order-container .order-history-search-control {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    padding-left: 226px !important;
}

body .account-order-container .order-history-search-trigger {
    width: 36px !important;
    height: 36px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 999px !important;
    border: 1px solid #d7e0eb !important;
    background: #eef3f9 !important;
    color: #53657f !important;
    padding: 0 !important;
}

body .account-order-container .order-history-search-control .input-search-order-history {
    position: absolute !important;
    right: 42px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 0 !important;
    opacity: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
    transition: width .18s ease, opacity .16s ease !important;
    margin-left: 0 !important;
}

body .account-order-container .order-history-search-control.active .input-search-order-history {
    width: 220px !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    overflow: visible !important;
}

body .account-order-container .order-history-search-control .input-search-order-history input.form-control {
    padding: 7px 12px 7px 34px !important;
    height: 36px !important;
    border-radius: 999px !important;
    border: 1px solid #d7e0eb !important;
    background: #fbfbfb !important;
    box-shadow: none !important;
}

body .account-order-container .order-history-search-control .order-history-search-icon {
    position: absolute !important;
    left: 12px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    color: #8b97a7 !important;
    font-size: 13px !important;
    margin: 0 !important;
}

body .account-order-container .order-history-search-trigger .order-history-search-icon {
    position: static !important;
    transform: none !important;
}

body .account-order-container .order-history-view-toggle {
    gap: 4px !important;
    padding: 4px !important;
}

body .account-order-container .order-history-view-toggle-btn {
    font-size: 12px !important;
    padding: 7px 12px !important;
}

body .account-order-container .order-history-board-section-head span {
    min-width: 28px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: #eef3f9;
    color: #ffffff;
    font-weight: 800;
    padding: 6px;
}

body .account-order-container .order-history-board-section.awaiting_response .order-history-board-section-head span {
    background: #c6b8ea !important;
    color: #4e4670 !important;
}

body .account-order-container .order-history-board-section.unapproved .order-history-board-section-head span,
body .account-order-container .order-history-board-section.awaiting_approval .order-history-board-section-head span {
    background: #ff8d8d !important;
}

body .account-order-container .order-history-board-section.in_production .order-history-board-section-head span {
    background: #ffdc7b !important;
    color: #1f3658 !important;
}

body .account-order-container .order-history-board-section.my_proofs .order-history-board-section-head span,
body .account-order-container .order-history-board-section.shipped .order-history-board-section-head span,
body .account-order-container .order-history-board-section.delivered .order-history-board-section-head span,
body .account-order-container .order-history-board-section.complete .order-history-board-section-head span {
    background: #75c198 !important;
}

@media (max-width: 767px) {
    body .account-order-container .order-history-page-title-wrap {
        flex-wrap: wrap !important;
    }

    body .account-order-container .order-history-page-top-actions {
        width: 100% !important;
        justify-content: stretch !important;
        gap: 10px !important;
    }

    body .account-order-container .order-history-search-control {
        width: 100% !important;
        padding-left: 0 !important;
        display: flex !important;
        align-items: center !important;
    }

    body .account-order-container .order-history-view-toggle {
        width: auto !important;
        margin-left: auto !important;
    }

    body .account-order-container .order-history-view-toggle-btn {
        flex: 1 1 auto !important;
    }

    body .account-order-container .order-history-search-control .input-search-order-history {
        position: relative !important;
        right: auto !important;
        top: auto !important;
        transform: none !important;
    }

body .account-order-container .order-history-search-control.active .input-search-order-history {
    width: calc(100% - 46px) !important;
    margin-left: 10px !important;
}

    body .account-order-container .order-history-search-control .input-search-order-history input.form-control {
        width: 100% !important;
    }
}

body .container.main {
    width: 100%;
    max-width: 1085px;
    margin-left: auto;
    margin-right: auto;
    padding: 0px 20px;
    position: relative;
}

body .account-order-container .order-history-board-inline-actions .btn-reorder,
body .account-order-container .order-history-board-inline-actions .btn-restart-project,
body .account-order-container .order-history-board-inline-actions .btn-tracking-shipment,
body .account-order-container .order-history-board-inline-actions .view-proof-link,
body .account-order-container .order-history-board-inline-actions .proof-approve {
    min-width: 0 !important;
    width: auto !important;
    max-width: 172px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 1 auto !important;
    overflow: hidden !important;
}

body .account-order-container .order-history-board-inline-actions .btn-reorder,
body .account-order-container .order-history-board-inline-actions .btn-restart-project,
body .account-order-container .order-history-board-inline-actions .btn-tracking-shipment,
body .account-order-container .order-history-board-inline-actions .view-proof-link {
    font-size: 11px !important;
}

body .account-order-container #centering-box {
    bottom: calc(env(safe-area-inset-bottom, 0px) + 16px) !important;
    z-index: 1200 !important;
    pointer-events: none;
    left: 26px;
}

body .account-order-container #centering-box .simple-view-model-in-production {
    position: relative !important;
    pointer-events: auto;
}

body .account-order-container button.btn.simple-view-model-in-production {
    right: 35px;
    background: #ffbf0b;
    bottom: 0px;
    font-weight: bold;
    border-radius: 25px;
    padding: 10px 20px !important;
    box-shadow: none;
    position: relative;
    box-shadow: 0 10px 30px rgb(255 152 0 / 55%), 0 1px 0 rgba(255, 255, 255, .1) inset;
    border: 2px solid #30386b;
}

@keyframes order-history-attention-pulse {
    0% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(207, 28, 28, 0.45);
    }
    70% {
        transform: scale(1.08);
        box-shadow: 0 0 0 10px rgba(207, 28, 28, 0);
    }
    100% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(207, 28, 28, 0);
    }
}

@keyframes order-history-load-all-spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

body .account-order-container .order-history-board-section.production_hold .order-history-board-section-head span,
body .account-order-container .order-history-board-section.expired-proof .order-history-board-section-head span {
    animation: order-history-attention-pulse 1.8s ease-in-out infinite;
}

body.laser-engraving .selected-apparel-submit.updated-embroidery-sec-bottom .thread-order-save {
    width: auto !important;
    min-width: 170px;
    border-radius: 999px !important;
    border: 1px solid #2a4677 !important;
    color: #2a4677 !important;
    background: #ffffff !important;
    font-weight: 700;
    padding: 8px 18px !important;
}

body.laser-engraving .selected-apparel-type .apparel-selected-item-main.updated-embroidery-section .selected-apparel-fields {
    padding: 14px 16px 10px !important;
}

body.laser-engraving .selected-apparel-type .apparel-selected-item-main.updated-embroidery-section .laser-location-section {
    margin-bottom: 0;
}

body.laser-engraving .selected-apparel-type .apparel-selected-item-main.updated-embroidery-section .laser-location-lists {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

body.laser-engraving .selected-apparel-type .apparel-selected-item-main.updated-embroidery-section .laser-inline-row,
body.laser-engraving .selected-apparel-type .apparel-selected-item-main.updated-embroidery-section .tops-brand.laser-inline-row {
    display: flex;
    align-items: flex-end;
    gap: 12px;
    margin: 0;
}

body.laser-engraving .selected-apparel-type .apparel-selected-item-main.updated-embroidery-section .laser-inline-row > .form-group {
    margin-bottom: 0;
    min-width: 0;
}

body.laser-engraving .selected-apparel-type .apparel-selected-item-main.updated-embroidery-section .laser-qty-block {
    padding: 0 0 20px !important;
    border-top: 0 !important;
    margin-top: 0 !important;
}

body.laser-engraving .selected-apparel-type .apparel-selected-item-main.updated-embroidery-section .laser-qty-block .quantity-container {
    margin-left: 0;
    max-width: 170px;
    padding-left: 0;
    padding-right: 0;
}

body.laser-engraving .selected-apparel-type .apparel-selected-item-main.updated-embroidery-section input.laser-quantity-input {
    text-align: center;
    font-weight: 800;
}

body.laser-engraving .selected-apparel-type .apparel-selected-item-main.updated-embroidery-section .laser-location-field {
    flex: 1.5 1 0;
}

body.laser-engraving .selected-apparel-type .apparel-selected-item-main.updated-embroidery-section .laser-qty-field {
    flex: 0.8 1 0;
}

body.laser-engraving .selected-apparel-type .apparel-selected-item-main.updated-embroidery-section .laser-measurement-field {
    flex: 1 1 0;
}

body.laser-engraving .selected-apparel-type .apparel-selected-item-main.updated-embroidery-section .laser-location-field .form-control,
body.laser-engraving .selected-apparel-type .apparel-selected-item-main.updated-embroidery-section .laser-measurement-field .form-control {
    min-height: 44px;
}

body.laser-engraving .selected-apparel-type .apparel-selected-item-main.updated-embroidery-section .laser-location-field {
    position: relative;
}

body.laser-engraving .selected-apparel-type .apparel-selected-item-main.updated-embroidery-section .laser-location-field .location-option-lists {
    top: calc(100% + 6px);
    width: 100%;
}

body.laser-engraving .selected-apparel-type .apparel-selected-item-main.updated-embroidery-section .laser-location-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 6px;
}

body.laser-engraving .selected-apparel-type .apparel-selected-item-main.updated-embroidery-section .laser-location-actions .remove-apparel-location-section {
    min-width: 42px;
    height: 42px;
    border-radius: 999px;
    padding: 0;
}

body.laser-engraving .selected-apparel-type .apparel-selected-item-main.updated-embroidery-section .laser-location-actions .location-add-btn-row {
    width: auto;
}

body.laser-engraving .selected-apparel-submit.updated-embroidery-sec-bottom .laser-own-item-row .form-group {
    margin-bottom: 0;
}

body.laser-engraving .selected-apparel-submit.updated-embroidery-sec-bottom .thread-order-section-title.thread-order-section-files,
body.laser-engraving .selected-apparel-submit.updated-embroidery-sec-bottom .thread-order-section-title.thread-order-section-details {
    margin-bottom: 14px;
}

body.laser-engraving .selected-apparel-submit.updated-embroidery-sec-bottom .laser-due-date-field,
body.laser-engraving .selected-apparel-submit.updated-embroidery-sec-bottom .laser-due-date-field .form-control {
    width: 100%;
}

body.laser-engraving .selected-apparel-type .apparel-selected-item-main.updated-embroidery-section .laser-detail-row,
body.laser-engraving .selected-apparel-type .apparel-selected-item-main.updated-embroidery-section .tops-brand.laser-detail-row {
    display: flex;
    justify-content: space-between;
    gap: 14px;
}

body.laser-engraving .selected-apparel-type .apparel-selected-item-main.updated-embroidery-section .laser-detail-row .form-group {
    flex: 1 1 0;
    min-width: 0;
}

body.laser-engraving .selected-apparel-submit.updated-embroidery-sec-bottom .thread-comment-main-input {
    min-height: 104px;
}

@media (max-width: 991px) {
    body.laser-engraving .selected-apparel-type .apparel-selected-item-main.updated-embroidery-section .laser-inline-row,
    body.laser-engraving .selected-apparel-type .apparel-selected-item-main.updated-embroidery-section .tops-brand.laser-inline-row {
        flex-direction: column;
        align-items: stretch;
        gap: 8px;
    }

    body.laser-engraving .selected-apparel-type .apparel-selected-item-main.updated-embroidery-section .laser-location-actions {
        justify-content: stretch;
        flex-direction: column-reverse;
        align-items: stretch;
    }

    body.laser-engraving .selected-apparel-type .apparel-selected-item-main.updated-embroidery-section .laser-detail-row,
    body.laser-engraving .selected-apparel-type .apparel-selected-item-main.updated-embroidery-section .tops-brand.laser-detail-row {
        flex-direction: column;
        gap: 0;
    }

    body.laser-engraving .selected-apparel-type .apparel-selected-item-main.updated-embroidery-section .laser-qty-block .quantity-container,
    body.laser-engraving .selected-apparel-type .apparel-selected-item-main.updated-embroidery-section .laser-qty-field .quantity-container {
        max-width: 100%;
    }
}

button.btn.trigger-invoice-payment {
    background: #1d74f5;
    color: #fff;
    margin-bottom: 0;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    font-weight: 700;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    letter-spacing: 0;
    line-height: 1.2;
    -webkit-font-smoothing: antialiased;
    -webkit-box-shadow: inset 0 -2px 0 rgb(0 0 0 / 15%);
    -ms-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
    -o-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
    box-shadow: inset 0 -2px 0 rgb(0 0 0 / 15%);
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, .09) 0%, rgba(0, 0, 0, .09) 100%);
    font-size: 1.4rem;
    padding: 22px 30px !important;
    border-radius: 6px;
    vertical-align: middle;
    width: 100%;
    max-width: 375px;
    border: 0;
}

.paynow-section-container {
    width: 100%;
    max-width: 375px;
    margin-left: auto;
    margin-right: auto;
}

button.btn.trigger-invoice-payment:hover {
    color: #ddd;
}

button.btn.trigger-invoice-payment.button-loading {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

button.btn.trigger-invoice-payment .spinner-border {
    width: 1rem;
    height: 1rem;
    border-width: 0.15em;
}
button.btn-proof-rush{
    background: #f47b7b;
    padding: 2px 10px !important;
    color: #ffffff;
}

.due-date-firm-wrap {
    --due-date-firm-color: #8f98a8;
    padding: 14px 16px;
    border-radius: 14px;
    background: #f6f8fc;
    border: 1px solid #d8e0eb;
}

.due-date-firm-question {
    display: block;
    margin-bottom: 10px;
    color: #17314f;
}

.due-date-firm-slider-shell {
    margin-bottom: 12px;
}

.due-date-firm-slider {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 10px;
    border-radius: 999px;
    outline: none;
    background: linear-gradient(90deg, #8f98a8 0%, #8f98a8 0%, #d7deea 0%, #d7deea 100%);
    box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.12);
}

.due-date-firm-slider::-webkit-slider-runnable-track {
    height: 10px;
    border-radius: 999px;
    background: transparent;
}

.due-date-firm-slider::-moz-range-track {
    height: 10px;
    border-radius: 999px;
    background: transparent;
}

.due-date-firm-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 22px;
    height: 22px;
    border-radius: 999px;
    background: var(--due-date-firm-color);
    border: 3px solid #ffffff;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.22);
    margin-top: -6px;
    cursor: pointer;
    transition: transform .16s ease, box-shadow .16s ease;
}

.due-date-firm-slider::-moz-range-thumb {
    width: 22px;
    height: 22px;
    border-radius: 999px;
    background: var(--due-date-firm-color);
    border: 3px solid #ffffff;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.22);
    cursor: pointer;
    transition: transform .16s ease, box-shadow .16s ease;
}

.due-date-firm-slider:active::-webkit-slider-thumb {
    transform: scale(1.14);
    box-shadow: 0 5px 14px rgba(15, 23, 42, 0.26);
    animation: dueDateFirmThumbBounce .22s ease;
}

.due-date-firm-slider:active::-moz-range-thumb {
    transform: scale(1.14);
    box-shadow: 0 5px 14px rgba(15, 23, 42, 0.26);
    animation: dueDateFirmThumbBounce .22s ease;
}

@keyframes dueDateFirmThumbBounce {
    0% {
        transform: scale(1);
    }
    55% {
        transform: scale(1.18);
    }
    100% {
        transform: scale(1.14);
    }
}

.due-date-firm-copy {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.due-date-firm-title {
    color: var(--due-date-firm-color);
    font-size: 16px;
    font-weight: 800;
    line-height: 1.2;
}

.due-date-firm-description {
    color: #52637b;
    font-size: 13px;
    line-height: 1.45;
}

.due-date-firm-date-highlight {
    color: #d94141;
    font-weight: 800;
}
section.main-section.bg-gray {
    padding-top: 35px;
    padding-bottom: 95px;
}
.checkout-payment-choice {
	margin-top: 50px !important;
}
body .profile-company-admin-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: 8px;
    color: #7b61ff;
    font-size: 18px;
    vertical-align: middle;
    cursor: pointer;
    background: transparent;
    width: auto;
    height: auto;
    line-height: 1;
    position: relative;
}

body .profile-company-admin-badge i {
    display: inline-block;
}

body .profile-company-admin-badge.tooltip-right.tooltip-element[tooltip]:hover::before {
    content: attr(tooltip);
    position: absolute;
    bottom: calc(100% + 10px) !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: max-content;
    min-width: 230px;
    max-width: 300px;
    padding: 10px 12px;
    border-radius: 12px;
    background: #1f2f46;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.45;
    text-align: center;
    white-space: normal;
    overflow-wrap: break-word;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.18);
    pointer-events: none;
    z-index: 2147483647;
}

body .profile-company-admin-badge.tooltip-right.tooltip-element[tooltip]:hover::after {
    content: '';
    position: absolute;
    left: 50% !important;
    bottom: calc(100% + 5px) !important;
    width: 12px;
    height: 12px;
    background: #1f2f46;
    transform: translateX(-50%) rotate(45deg) !important;
    pointer-events: none;
    z-index: 2147483647;
}

@media (max-width: 991px) {
    body .apparel-selected-item-main.updated-embroidery-section .selected-apparel-lists {
        position: relative !important;
        padding-top: 0px !important;
    }

    body .order-intake-modern .location-lists .location-section.app-location-section > .location-card-container:first-child,
    body .location-lists .location-section.app-location-section > .location-card-container:first-child {
        flex: 1 1 166px !important;
        max-width: 100% !important;
    }

    body .order-intake-modern .location-lists .location-section.app-location-section > .location-card-container.measurement-container,
    body .location-lists .location-section.app-location-section > .location-card-container.measurement-container {
        flex: 1.35 1 320px !important;
        max-width: 100% !important;
    }

    body .order-intake-modern .location-section.app-location-section .location-card-container .form-control,
    body .order-intake-modern .location-section.app-location-section .location-card-container .threadkicker-size-input,
    body .order-intake-modern .location-section.app-location-section .size-gated-field .set-thread-color,
    body .order-intake-modern .location-section.app-location-section .location-advanced-trigger,
    body .order-intake-modern .location-lists .location-section.app-location-section .location-select,
    body .order-intake-modern .location-lists .location-section.app-location-section .threadkicker-size-input,
    body .order-intake-modern .location-lists .location-section.app-location-section .set-thread-color,
    body .order-intake-modern .location-lists .location-section.app-location-section .location-advanced-trigger {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        flex: 1 1 100% !important;
    }

    body .order-intake-modern .location-section.app-location-section .measurement-container .tops-brand-split,
    body .order-intake-modern .location-lists .location-section.app-location-section .measurement-container .tops-brand-split {
        display: flex !important;
        align-items: flex-end !important;
        gap: 10px !important;
        margin: 0 !important;
        padding: 0 !important;
        min-width: 100%;
        width: 100% !important;
        flex-wrap: wrap !important;
    }

    body .order-intake-modern .location-section.app-location-section .measurement-container .tops-brand-split > .form-group,
    body .order-intake-modern .location-section.app-location-section .measurement-container .tops-brand-split > .size-field,
    body .order-intake-modern .location-lists .location-section.app-location-section .measurement-container .tops-brand-split > .form-group,
    body .order-intake-modern .location-lists .location-section.app-location-section .measurement-container .tops-brand-split > .size-field {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        width: 100% !important;
    }

    body .order-intake-modern .apparel-variation-button-container,
    body .apparel-variation-button-container {
        width: 100% !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        text-align: center !important;
    }

    body .order-intake-modern .apparel-variation-button-container.hide,
    body .apparel-variation-button-container.hide {
        display: none !important;
    }

    body .order-intake-modern .apparel-variation-button-container .add-apparel-variation,
    body .apparel-variation-button-container .add-apparel-variation,
    body button.btn.add-apparel-variation {
        float: none !important;
        position: relative !important;
        left: auto !important;
        right: auto !important;
        top: -28px !important;
        margin: 0 auto !important;
        display: inline-flex !important;
        align-self: center !important;
    }

    body .order-intake-modern .selected-apparel-submit.updated-embroidery-sec-bottom .row.m-0.embroidery-sec-container.thread-order-meta-grid.thread-order-meta-single-card,
    body .selected-apparel-submit.updated-embroidery-sec-bottom .row.m-0.embroidery-sec-container.thread-order-meta-grid.thread-order-meta-single-card,
    body .selected-apparel-submit.updated-embroidery-sec-bottom .thread-order-meta-grid.thread-order-meta-single-card {
        padding: 9px !important;
    }
}

@media (max-width: 991px) {
    body .apparel-qty-size-container-list,
    body .order-intake-modern .apparel-qty-size-container-list {
        padding: 0px 2px !important;
    }

    input.form-control.p-2.threadkicker-size-input {
        min-height: 42px !important;
        width: 100% !important;
    }

    body .order-builder-header-row .col-12.product-grid-list.display-flex.thread-apparel-type.launch-pad-lists,
    body .order-builder-header-row .thread-apparel-type.launch-pad-lists {
        gap: 1px !important;
    }

    .col-12.product-grid-list.display-flex.thread-apparel-type.launch-pad-lists {
        padding-bottom: 14px !important;
    }

    .embroidery-sec-container .apparel-qty-size-container-list ul.custom-form-quantity-val.error-field {
        padding: 21px 19px !important;
    }

    body .thread-apparel-title-row {
        margin: 18px 0px 0px;
    }

    body .col-lg-8.apparel-selected-item-main {
        border-radius: 0px;
    }

    body .embroidery-sec-container {
        margin: 4px 0px 22px 0px;
    }

    .location-lists.embroidery-sec-container {
        padding: 0px 33px;
    }

    body .thread-bottom-progress-rail {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 2147483647 !important;
        padding: 4px 16px 6px;
        background: #191444;
        pointer-events: none;
    }

    .location-advanced-help-trigger {
        opacity: 1 !important;
        pointer-events: auto !important;
        transform: none !important;
        min-width: 24px !important;
        width: 24px !important;
        height: 24px !important;
        min-height: 24px !important;
        padding: 0 !important;
        margin-left: 4px !important;
        border-radius: 999px !important;
    }

    .location-advanced-help-trigger-text {
        display: none !important;
    }

    .location-advanced-help-trigger-icon {
        width: 16px;
        height: 16px;
        margin: 0;
    }
}
a.account-info.dropdown-item {
    overflow: hidden !important;
}

.account-info .profile-details {
    overflow: hidden !important;
}

.po-match-section.wrap {
    width: 100%;
    padding: 32px 16px;
    box-sizing: border-box;
}
.po-match-confirm-wrap {
    width: 100%;
    max-width: 760px;
    margin: 0 auto;
    padding: 24px 20px 10px;
    box-sizing: border-box;
}
.po-match-confirm-hero {
    display: flex;
    justify-content: center;
    margin: 0 auto 18px;
}
.po-match-confirm-hero img {
    width: 100%;
    max-width: 122px;
    height: auto;
    display: block;
    animation: poMatchHeroDrift 6.5s ease-in-out infinite;
    filter: drop-shadow(0 16px 28px rgba(255, 152, 0, 0.18));
}
.po-match-confirm-card {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 24px;
    padding: 28px 24px;
    box-shadow: 0 24px 48px rgba(15, 23, 42, 0.07);
}
.po-match-confirm-badge {
    display: inline-block;
    margin-bottom: 18px;
    padding: 8px 12px;
    border-radius: 999px;
    background: #fff7ed;
    color: #c2410c;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}
.po-match-confirm-wrap h1 {
    margin: 0 0 14px 0;
    font-size: 40px;
    line-height: 1.08;
    letter-spacing: -.03em;
    color: #0b1f3a;
    font-weight: 900;
}
.po-match-confirm-copy {
    margin: 0 0 28px 0;
    max-width: 680px;
    font-size: 18px;
    line-height: 1.7;
    color: #475569;
}
.po-match-confirm-copy strong {
    color: #0b1f3a;
}
.po-match-confirm-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 16px;
    margin: 0 0 28px 0;
}
.po-match-confirm-box {
    padding: 22px;
    border: 1px solid #e2e8f0;
    border-radius: 18px;
    background: #f8fafc;
}
.po-match-confirm-box-active {
    border: 1px solid #fed7aa;
    background: linear-gradient(180deg, #fff7ed 0%, #ffedd5 100%);
}
.po-match-confirm-label {
    margin: 0 0 8px 0;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #64748b;
}
.po-match-confirm-box-active .po-match-confirm-label {
    color: #9a3412;
}
.po-match-confirm-value {
    font-size: 30px;
    line-height: 1.1;
    font-weight: 800;
    color: #0b1f3a;
}
.po-match-confirm-value a {
    color: #0b1f3a;
    text-decoration: none;
    border-bottom: 2px solid rgba(11, 31, 58, 0.16);
}
.po-match-confirm-value a:hover,
.po-match-confirm-value a:focus {
    color: #ea580c;
    border-bottom-color: rgba(234, 88, 12, 0.35);
}
.po-match-confirm-note {
    padding: 22px 24px;
    border-radius: 16px;
    background: #fffaf5;
    color: #334155;
    font-size: 16px;
    line-height: 1.75;
}
.po-match-confirm-actions {
    margin-top: 28px;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}
.po-match-confirm-btn {
    display: inline-block;
    padding: 14px 18px;
    border-radius: 12px;
    background: #0b1f3a;
    color: #ffffff;
    text-decoration: none;
    font-size: 15px;
    font-weight: 700;
}
.po-match-confirm-btn:hover,
.po-match-confirm-btn:focus {
    color: #ffffff;
    background: #132d52;
}
@keyframes poMatchHeroDrift {
    0% {
        transform: translateX(-4px) translateY(0px) rotate(-1deg);
        filter: drop-shadow(0 16px 28px rgba(255, 152, 0, 0.18)) hue-rotate(0deg);
    }
    50% {
        transform: translateX(4px) translateY(-3px) rotate(1deg);
        filter: drop-shadow(0 18px 32px rgba(255, 190, 92, 0.22)) hue-rotate(10deg);
    }
    100% {
        transform: translateX(-4px) translateY(0px) rotate(-1deg);
        filter: drop-shadow(0 16px 28px rgba(255, 152, 0, 0.18)) hue-rotate(0deg);
    }
}
.po-match-section .po-match-hero-image {
    display: flex;
    justify-content: center;
    margin: 0 auto 18px;
}
.po-match-section .po-match-hero-image img {
    width: 100%;
    max-width: 120px;
    height: auto;
    display: block;
}
.po-match-section .card {
    max-width: 560px;
    margin: 0 auto;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 14px;
    overflow: hidden;
}
.po-match-section .inner {
    padding: 28px 24px;
}
.po-match-section .po-match-action-zone {
    display: block;
}
.po-match-section .po-list-match {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-bottom: 8px;
}
.po-match-section h1 {
    font-weight: 900;
}
.po-match-section .po-box {
    margin: 18px 0 22px 0;
    padding: 16px 18px;
    background: #f8fafc;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    transition: background-color .18s ease, border-color .18s ease;
}
.po-match-section .po-label {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    color: #777777;
    margin-bottom: 6px;
}
.po-match-section .po-value {
    font-size: 34px;
    font-weight: 700;
    color: #FF9800;
}
@media (min-width: 992px) {
    body.po-match-page-bg .po-match-section .card {
        overflow: visible;
    }
    body.po-match-page-bg .po-match-section .po-box {
        position: sticky;
        top: 16px;
        z-index: 20;
    }
    body.po-match-page-bg .po-match-section .po-box.po-box-stuck {
        background: #191444;
        border-color: #191444;
    }
}
.po-match-section a.btn.btn-dark {
    color: #fff !important;
    background-color: #FF9800;
}
.po-match-section a.btn {
    width: 100%;
    text-align: left;
    color: #333;
    border: 1px solid #ddd;
    margin: 0;
    padding: 14px !important;
    font-weight: 600;
    border-radius: 12px;
    transition: background-color .18s ease, border-color .18s ease, color .18s ease, transform .18s ease, box-shadow .18s ease;
}
.po-match-section .fix-this-proof {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    position: relative;
}
.po-match-section .po-match-button-copy {
    display: flex;
    align-items: center;
    min-width: 0;
    flex: 1 1 auto;
}
.po-match-section .po-match-button-title {
    display: block;
    white-space: normal;
    line-height: 1.3;
}
.po-match-section .po-match-button-thumb-wrap {
    flex: 0 0 auto;
    width: 72px;
    height: 50px;
    border-radius: 6px;
    overflow: hidden;
    background: #f4f4f5;
    border: 1px solid #e5e7eb;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.45);
}
.po-match-section .po-match-button-thumb {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}
.po-match-proof-hover-preview {
    position: absolute;
    left: -9999px;
    top: -9999px;
    width: 240px;
    height: 180px;
    padding: 8px;
    border-radius: 14px;
    background: rgba(255,255,255,0.98);
    border: 1px solid rgba(15, 23, 42, 0.12);
    box-shadow: 0 18px 38px rgba(15, 23, 42, 0.18);
    pointer-events: none;
    opacity: 0;
    transform: scale(0.96);
    transition: opacity .16s ease, transform .16s ease;
    z-index: 12000;
}
.po-match-proof-hover-preview.active {
    opacity: 1;
    transform: scale(1);
}
.po-match-proof-hover-preview img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    border-radius: 10px;
}
.po-match-section .no-one-match {
    margin-top: 8px;
}
.po-match-section a.btn.is-loading {
    opacity: .9;
}
.po-match-section .po-match-later-note {
    margin: 14px 2px 0;
    font-size: 13px;
    line-height: 1.45;
    color: #66758a;
}
.po-match-section .po-match-start-project {
    max-width: 560px;
    margin: 18px auto 0;
    text-align: center;
}
.po-match-section .po-match-bottom-image {
    margin: 28px auto 0;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}
.po-match-section .po-match-bottom-image img {
    width: min(100%, 320px);
    height: auto;
    display: block;
}
.po-match-section .po-match-later-title {
    margin: 0 0 6px;
    font-size: 23px;
    font-weight: 700;
    color: #ff9322;
}
.po-match-section .po-match-later-links {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 6px 12px;
}
.po-match-section .po-match-later-links a {
    font-size: 12px;
    color: #5f6f84;
    text-decoration: none;
}
.po-match-section .po-match-later-links a:hover,
.po-match-section .po-match-later-links a:focus {
    color: #ff9800;
    text-decoration: underline;
}
@media (min-width: 992px) {
    .po-match-section a.btn:hover,
    .po-match-section a.btn:focus {
        background: #fff7eb;
        border-color: #f0a13b;
        color: #1f2937;
        transform: translateY(-1px);
        box-shadow: 0 12px 24px rgba(15, 23, 42, 0.10);
    }
    .po-match-section a.btn.btn-dark:hover,
    .po-match-section a.btn.btn-dark:focus {
        background-color: #ffac26;
        border-color: #ffac26;
        color: #ffffff !important;
        box-shadow: 0 14px 26px rgba(255, 152, 0, 0.28);
    }
}
@media (max-width: 767px) {
    .po-match-section .fix-this-proof {
        gap: 12px;
    }
    .po-match-section .po-match-button-thumb-wrap {
        width: 46px;
        height: 46px;
    }
    .po-match-proof-hover-preview {
        display: none !important;
    }
}
.badge.box-count.selected-po-box {
    background: #22c55e;
    color: #fff;
}
body.po-match-page-bg .main-container.app-main-container {
    min-height: 100vh !important;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 0 !important;
}
body.po-match-page-bg footer {
    margin-top: 0 !important;
}
body.po-match-page-bg.po-match-has-bottom-image .main-container.app-main-container {
    align-items: flex-start;
}
body.po-match-page-bg.po-match-has-bottom-image .po-match-section {
    min-height: calc(100vh - 220px);
    display: flex;
    flex-direction: column;
    padding-bottom: 0 !important;
}
body.po-match-page-bg.po-match-has-bottom-image .po-match-bottom-image {
    margin-top: auto;
    margin-bottom: 0;
    padding-top: 30px;
    padding-bottom: 0;
}
body.po-match-page-bg.po-match-has-bottom-image .po-match-bottom-image img {
    padding-top: 18px;
    margin-bottom: -1px;
}
/* body.po-match-page-bg header, body.po-match-page-bg footer, body.po-match-page-bg .redcore.redcore-chat-model {
    display: none;
} */
body.po-match-page-bg div.logo {
    margin-bottom: 20px;
}
body.po-match-page-bg div.logo a {
	background: red;
    padding: 10px 25px;
}

.order-summery-contaienr .display-flex.justify-content-between {
    padding: 2px 18px;
}

.order-summery-contaienr h4 {
    padding: 9px 16px 0px 16px;
}

span.btn.remove-alias-val {
    position: absolute;
    top: 10px;
    right: 5px;
    background: red;
    color: #fff;
    font-weight: bold;
    padding: 2px 5px !important;
    border-radius: 25px;
}
button.btn.event-time-edi-btn {
	background: #d35b5b;
}
button.merge-brand {
    margin: 0 10px 0 auto;
}
div#brand-list.merge-mode-active > div button {
    display: none !important;
}
.brand-merge-list-container {
    height: 250px;
    min-width: 385px;
    position: absolute;
    z-index: 9;
    right: 2%;
    top: 32%;
    display: flex;
    flex-direction: column;
}
button.merge-brand.btn.active {
    background: #E91E63;
}
.merge-suggestion-events.active {
    border: 2px solid #FFC107 !important;
    margin-bottom: 5px;
}
.merge-event-action-container button {
    display: inline-block !important;
}

.mockup-list-page {
    background: linear-gradient(135deg, #f4f7fb 0%, #eef4fb 48%, #fff8ef 100%);
    min-height: calc(100vh - 190px);
    padding: 28px 0 58px;
}
.mockup-list-container {
    max-width: 1160px;
}
.mockup-list-hero {
    align-items: center;
    background: #ffffff;
    border: 1px solid rgba(25, 20, 68, 0.08);
    border-radius: 26px;
    box-shadow: 0 18px 45px rgba(25, 20, 68, 0.08);
    display: flex;
    gap: 24px;
    justify-content: space-between;
    margin-bottom: 18px;
    padding: 30px 34px;
}
.mockup-list-hero h1 {
    color: #191444;
    font-size: 42px;
    font-weight: 900;
    letter-spacing: -0.04em;
    line-height: 1;
    margin: 0 0 10px;
}
.mockup-list-hero p {
    color: #596579;
    font-size: 15px;
    line-height: 1.55;
    margin: 0;
    max-width: 620px;
}
.mockup-list-count {
    background: #191444;
    border-radius: 999px;
    color: #ffffff;
    flex: 0 0 auto;
    font-size: 14px;
    font-weight: 800;
    padding: 13px 20px;
}
.mockup-list-toolbar {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 22px;
}
.mockup-search-wrap {
    align-items: center;
    background: rgba(255, 255, 255, 0.92);
    border: 1px solid rgba(25, 20, 68, 0.1);
    border-radius: 18px;
    box-shadow: 0 12px 30px rgba(25, 20, 68, 0.06);
    display: flex;
    gap: 10px;
    max-width: 460px;
    padding: 0 16px;
    width: 100%;
}
.mockup-search-wrap i {
    color: #ff8a00;
}
.mockup-list-search {
    background: transparent;
    border: 0;
    color: #191444;
    font-size: 15px;
    height: 54px;
    outline: none;
    width: 100%;
}
.mockup-list-grid {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    overflow: visible;
}
.mockup-list-card {
    align-items: stretch;
    background: rgba(255, 255, 255, 0.96);
    border: 1px solid rgba(25, 20, 68, 0.09);
    border-radius: 24px;
    box-shadow: 0 16px 38px rgba(25, 20, 68, 0.07);
    display: grid;
    gap: 16px;
    grid-template-columns: 1fr;
    grid-template-rows: auto minmax(0, 1fr);
    overflow: visible;
    padding: 18px;
    position: relative;
    transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease;
}
.mockup-list-card:hover {
    border-color: rgba(255, 138, 0, 0.34);
    box-shadow: 0 24px 54px rgba(25, 20, 68, 0.12);
    transform: translateY(-2px);
    z-index: 5;
}
.mockup-preview-link,
.mockup-preview-link:hover {
    display: block;
    text-decoration: none;
}
.mockup-preview-frame {
    align-items: center;
    background: linear-gradient(135deg, #f5f7fb 0%, #e8edf5 100%);
    border: 1px solid rgba(25, 20, 68, 0.08);
    border-radius: 20px;
    display: flex;
    height: 190px;
    justify-content: center;
    overflow: visible;
    position: relative;
    width: 100%;
}
.mockup-preview-frame img {
    border-radius: 16px;
    max-height: 166px;
    max-width: 88%;
    object-fit: contain;
    position: relative;
    transition: transform 190ms ease, box-shadow 190ms ease, background 190ms ease;
    z-index: 1;
}
.mockup-preview-frame:hover img {
    background: #ffffff;
    box-shadow: 0 24px 54px rgba(15, 23, 42, 0.28);
    transform: scale(1.85);
    z-index: 20;
}
.mockup-card-content {
    display: flex;
    flex-direction: column;
    min-width: 0;
}
.mockup-card-meta {
    align-items: center;
    color: #8490a3;
    display: flex;
    flex-wrap: wrap;
    font-size: 12px;
    font-weight: 800;
    gap: 8px;
    letter-spacing: 0.04em;
    margin-bottom: 8px;
    text-transform: uppercase;
}
.mockup-card-meta span {
    background: #f2f5fb;
    border-radius: 999px;
    padding: 6px 9px;
}
.mockup-list-card h3 {
    color: #191444;
    font-size: 20px;
    font-weight: 900;
    letter-spacing: -0.02em;
    line-height: 1.2;
    margin: 0 0 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.mockup-file-name {
    color: #5d687a;
    font-size: 14px;
    font-weight: 650;
    margin: 0 0 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.mockup-card-actions {
    align-items: center;
    display: flex;
    gap: 10px;
    margin-top: auto;
}
.mockup-proof-link {
    color: #5d687a;
    font-size: 13px;
    font-weight: 800;
    text-decoration: none;
}
.mockup-proof-link:hover {
    color: #191444;
}
.mockup-download-btn {
    background: linear-gradient(135deg, #ff8a00, #ffad32);
    border-radius: 999px;
    color: #ffffff !important;
    font-size: 13px;
    font-weight: 900;
    padding: 11px 18px;
    text-decoration: none;
}
.mockup-download-btn:hover {
    box-shadow: 0 10px 18px rgba(255, 138, 0, 0.28);
    color: #ffffff !important;
    text-decoration: none;
}
.mockup-list-empty,
.mockup-list-no-results {
    background: rgba(255, 255, 255, 0.92);
    border: 1px dashed rgba(25, 20, 68, 0.16);
    border-radius: 24px;
    color: #596579;
    grid-column: 1 / -1;
    padding: 56px 24px;
    text-align: center;
}
.mockup-list-empty-icon {
    align-items: center;
    background: #fff3df;
    border-radius: 999px;
    color: #ff8a00;
    display: inline-flex;
    font-size: 24px;
    height: 58px;
    justify-content: center;
    margin-bottom: 14px;
    width: 58px;
}
.mockup-list-empty h3,
.mockup-list-no-results h3 {
    color: #191444;
    font-size: 22px;
    font-weight: 900;
    margin: 0 0 8px;
}
.mockup-list-empty p,
.mockup-list-no-results p {
    margin: 0;
}
@media (max-width: 991px) {
    .mockup-list-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (max-width: 640px) {
    .mockup-list-page {
        padding-top: 14px;
    }
    .mockup-list-hero {
        align-items: flex-start;
        border-radius: 20px;
        flex-direction: column;
        padding: 24px 20px;
    }
    .mockup-list-hero h1 {
        font-size: 34px;
    }
    .mockup-list-card {
        grid-template-columns: 1fr;
        padding: 14px;
    }
    .mockup-list-grid {
        grid-template-columns: 1fr;
    }
    .mockup-preview-frame {
        height: 160px;
        width: 100%;
    }
    .mockup-preview-frame img {
        max-height: 138px;
        max-width: 88%;
    }
    .mockup-preview-frame:hover img {
        transform: scale(1.45);
    }
    .mockup-card-actions {
        align-items: flex-start;
        flex-direction: column;
    }
}

p.style-desc {
	border: 2px dashed #E91E63;
	padding: 5px 10px;
}

.image-overlay-art {
    display: inline-block;
    margin: 30px 0;
    position: relative;
}

button.btn.trigger-upload-from-phone {
    font-size: 14px !important;
    background: #8299bb;
    min-width: 300px;
    padding: 15px !important;
    border-radius: 11px;
    color: #fff;
    font-weight: bold;
}


.phone-upload-option .qr-container {
    margin: 0 auto;
    width: 200px;
}
.phone-upload-option {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.file-upload-from-phone img {
    width: 60px;
    margin-right: 20px;
}
.file-upload-from-phone {
    padding: 20px;
    width: 60%;
}
.file-upload-from-phone.full-width {
  width: 95% !important;
}

.account-overstock-page {
    background: #f8fafc;
    margin-top: 0 !important;
    padding: 28px 0 54px;
}
.overstock-page-top {
    align-items: center;
    display: flex;
    gap: 18px;
    justify-content: space-between;
    margin-bottom: 18px;
}
.overstock-page-top .page-title {
    margin-bottom: 2px;
}
.overstock-page-subtitle {
    color: #64748b;
    font-size: 14px;
    font-weight: 700;
}
.overstock-open-snap {
    align-items: center;
    background: #191444;
    border-radius: 10px;
    color: #fff;
    display: inline-flex;
    font-size: 13px;
    font-weight: 900;
    justify-content: center;
    min-height: 40px;
    padding: 0 16px;
    text-decoration: none;
    white-space: nowrap;
}
.overstock-open-snap:hover {
    color: #fff;
    text-decoration: none;
}
.overstock-stats {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-bottom: 14px;
}
.overstock-stat {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 14px 16px;
}
.overstock-stat span {
    color: #111827;
    display: block;
    font-size: 24px;
    font-weight: 950;
    line-height: 1;
}
.overstock-stat small {
    color: #64748b;
    display: block;
    font-size: 12px;
    font-weight: 800;
    margin-top: 5px;
    text-transform: uppercase;
}
.overstock-toolbar {
    display: grid;
    gap: 10px;
    grid-template-columns: minmax(0, 1fr) 190px 170px;
    margin-bottom: 12px;
}
.overstock-search-wrap {
    align-items: center;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    display: flex;
    gap: 10px;
    min-height: 44px;
    padding: 0 13px;
}
.overstock-search-wrap i {
    color: #94a3b8;
    font-size: 13px;
}
.overstock-search-wrap input,
.overstock-select {
    background: #fff;
    border: 0;
    color: #111827;
    font-size: 14px;
    font-weight: 700;
    min-height: 42px;
    outline: none;
    width: 100%;
}
.overstock-select {
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    padding: 0 12px;
}
.overstock-count {
    color: #64748b;
    font-size: 13px;
    font-weight: 800;
    margin-bottom: 10px;
}
.overstock-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.overstock-row {
    align-items: center;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    color: inherit;
    display: grid;
    gap: 16px;
    grid-template-columns: 88px minmax(0, 1fr) 125px 120px;
    padding: 14px 16px;
    text-decoration: none;
    transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}
.overstock-row:hover {
    border-color: #cbd5e1;
    box-shadow: 0 10px 26px rgba(15, 23, 42, .07);
    color: inherit;
    text-decoration: none;
    transform: translateY(-1px);
}
.overstock-thumb {
    align-items: center;
    background: #f8fafc;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    display: flex;
    height: 78px;
    justify-content: center;
    overflow: hidden;
    width: 78px;
}
.overstock-thumb > img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}
.overstock-thumb .overstock-brand-logo {
    height: 48px;
    width: 48px;
}
.overstock-body {
    min-width: 0;
}
.overstock-name {
    color: #111827;
    font-size: 15px;
    font-weight: 900;
    line-height: 1.25;
    margin-bottom: 4px;
}
.overstock-catalog-meta {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin: 4px 0 7px;
}
.overstock-brand-logo {
    align-items: center;
    background: #f8fafc;
    border: 1px solid #e5e7eb;
    border-radius: 7px;
    color: #1d4ed8;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 9px;
    font-weight: 950;
    height: 25px;
    justify-content: center;
    overflow: hidden;
    width: 25px;
}
.overstock-brand-logo img {
    background: #fff;
    height: 100%;
    object-fit: contain;
    width: 100%;
}
.overstock-brand-logo span {
    display: none;
}
.overstock-brand-logo.logo-failed span {
    display: inline;
}
.overstock-catalog-text {
    color: #475569;
    font-size: 12px;
    font-weight: 900;
}
.overstock-color-swatch {
    border: 1px solid rgba(15, 23, 42, .18);
    border-radius: 999px;
    display: inline-block;
    height: 18px;
    width: 18px;
}
.overstock-meta {
    color: #64748b;
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 7px;
}
.overstock-tags {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}
.overstock-tag {
    background: #f8fafc;
    border: 1px solid #e5e7eb;
    border-radius: 999px;
    color: #475569;
    font-size: 11px;
    font-weight: 800;
    padding: 3px 8px;
}
.overstock-tag.same-day {
    background: #ecfdf5;
    border-color: #bbf7d0;
    color: #047857;
}
.overstock-tag.next-day {
    background: #fffbeb;
    border-color: #fde68a;
    color: #92400e;
}
.overstock-tag.delivery {
    background: #eff6ff;
    border-color: #bfdbfe;
    color: #1d4ed8;
}
.overstock-age {
    color: #94a3b8;
    font-size: 12px;
    font-weight: 800;
}
.overstock-distance {
    color: #64748b;
    font-size: 13px;
    font-weight: 800;
    text-align: center;
}
.overstock-price-col {
    text-align: right;
}
.overstock-price {
    color: #111827;
    font-size: 21px;
    font-weight: 950;
    line-height: 1;
}
.overstock-price-sub {
    color: #94a3b8;
    font-size: 12px;
    font-weight: 800;
    margin-top: 3px;
}
.overstock-empty {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    color: #64748b;
    font-size: 14px;
    font-weight: 800;
    padding: 40px 20px;
    text-align: center;
}
@media (max-width: 840px) {
    .overstock-page-top {
        align-items: flex-start;
        flex-direction: column;
    }
    .overstock-stats,
    .overstock-toolbar {
        grid-template-columns: 1fr;
    }
    .overstock-row {
        grid-template-columns: 68px minmax(0, 1fr);
        gap: 12px;
    }
    .overstock-thumb {
        height: 62px;
        width: 62px;
    }
    .overstock-distance,
    .overstock-price-col {
        grid-column: 2;
        text-align: left;
    }
    .overstock-price {
        font-size: 18px;
    }
}

.comment-file-action-container div {
    padding: 5px 15px;
    margin: 0 15px 5px 0;
    border: 1px solid #ddd;
    border-radius: 25px;
}

.checkout-unit-price {
    color: #939393;
    font-weight: 400;
}

.user-credit-section {
    margin-bottom: 26px;
}

.user-credit-card {
    align-items: center;
    background: #fff;
    border: 2px solid #0570dd;
    border-radius: 5px;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.03), 0px 3px 6px rgba(0, 0, 0, 0.02), 0 0 0 1px var(--colorPrimary);
    cursor: pointer;
    display: flex;
    gap: 14px;
    min-height: 82px;
    padding: 22px 28px;
    width: 100%;
}

.user-credit-card .form-check-input {
    flex: 0 0 auto;
    margin: 0;
}

.user-credit-card-copy {
    display: flex;
    flex-direction: column;
    gap: 3px;
    line-height: 1.25;
}

.user-credit-card-copy strong {
    color: #202435;
    font-weight: 900;
}

.user-credit-card-copy span {
    color: #4b5563;
    font-weight: 700;
}

.user-credit-card.is-active {
    background: #f2f8ff;
    box-shadow: 0px 2px 5px rgb(0 0 0 / 19%) !important;
}

body.proof-theme-dark .list-group-item .checkout-unit-price,
body.proof-theme-dark .checkout-unit-price {
    color: #939393 !important;
}

body.proof-theme-dark .user-credit-card {
    background: #1a202b;
    border-color: #344157;
    box-shadow: none;
}

body.proof-theme-dark .user-credit-card.is-active {
    background: #202733;
    border-color: #ff9800;
}

body.proof-theme-dark .user-credit-card-copy strong,
body.proof-theme-dark .user-credit-card-copy span {
    color: #d7deea !important;
}