/*
Theme Name: Hub Child
Theme URI: http://hub.liquid-themes.com/
Author: Liquid Themes
Author URI: https://themeforest.net/user/liquidthemes
Template: hub
Description: Smart, Powerful and Unlimited Customizable WordPress Theme.
Version: 1.0
License: GNU General Public License
License URI: license.txt
Text Domain: hub-child
Tags: responsive, retina, rtl-language-support, blog, portfolio, custom-colors, live-editor
*/

.print-order-group-name {
	font-weight: 700;
	font-size: 20px;
	color: #0012ff;
}

.page-print-job .print-order-number {
	font-size: 24px;
	line-height: 1;
	font-weight: 700;
}

.page-print-job .print-border-box {
	border: 2px solid #000;
	border-radius: 10px;
	padding: 10px;
}

.page-print-job .print-border-box.details {
	padding: 30px;
}

.page-print-job .print-border-box label {
	font-weight: 700;
	margin: 0!important;
}

.page-print-job .container {
	max-width: 780px!important;
}

.page-print-job #lqd-site-content {
	padding-top: 0;
	padding-bottom: 0;
}

.page-print-job .print-title {
	font-size: 20px;
	font-weight: 700;
	margin-bottom: -10px;
}

.page-print-job .print-reference-file-name {
	font-style: italic;
	line-height: 1.2;
	font-size: 12px;
}

.page-print-job .job-status {
	font-size: 24px!important;
	text-transform: uppercase;
	font-weight: 700;
}

.page-print-job .artwork-download1 {
	object-fit: contain;
	height: 100%;
}

.page-print-job .total {
	font-size: 20px;
	font-weight: 700;
}

.page-print-job .artwork-display-zone {
	width: 100%;
	height: 360px;
}

.container {
	width: 100%!important;
	max-width: 1520px!important;
}

.btn-filter-submit {
	background-color: #000!important;
}

.btn-filter-clear {
	font-weight: 600 !important;
	color: white !important;
	background-color: #666!important;
}

.btn:hover,
.btn-filter-submit:hover {
	opacity: 0.85!important;
}

.ui-selectmenu-button.ui-button {
	width: 100%!important;
	background-color: transparent;
	border: 1px solid #ddd!important;
	padding: 12px 10px;
}

.ui-selectmenu-button.ui-button:hover,
.ui-selectmenu-button.ui-button:focus {
	background-color: transparent;
}

#lqd-site-content {
	padding-top: 20px;
	padding-bottom: 20px;
}

.color-grey {
	color: #000;
}

#product_1_total,
#product_2_total,
#product_3_total {
	text-align: center;
}

.input-printing {
	margin-top: -10px;
}

.input-underline {
	font-size: 14px!important;
	border: 0!important;
	border-bottom: 1px solid #666!important;
	border-radius: 0!important;
	padding-left: 0!important;
	padding-right: 0!important;
	background-color: transparent;
}

.input-underline:focus {
	background-color: transparent!important;
}

.color-navy-blue {
	color: #d408cd;
}

.color-navy-blue-important {
	color: #d408cd !important;
}

.color-red-important {
	color: red !important;
}

.title-billing-status {
	font-weight: 600!important;
}

.order-no {
	background-color: #f4f4f4;
	padding: 6px 20px;
	border-radius: 50px;
}

input[type="email"], 
input[type="date"], 
input[type="search"], 
input[type="number"], 
input[type="text"], 
input[type="tel"], 
input[type="url"], 
input[type="password"], 
textarea, 
select {
	color: #000;
	border: 1px solid #ddd;
	border-radius: 4px;
	outline: 0;
	width: 100%;
	padding: 7px 10px;
}

input[type="email"]:focus, 
input[type="date"]:focus, 
input[type="search"]:focus, 
input[type="number"]:focus, 
input[type="text"]:focus, 
input[type="tel"]:focus, 
input[type="url"]:focus, 
input[type="password"]:focus, 
textarea:focus, 
select:focus {
	border-color: #457bee;
	background-color: #fff;
	box-shadow: rgba(255, 255, 255, 0.2) 0px 7px 29px 0px;
}

input[type="email"][disabled], 
input[type="date"][disabled], 
input[type="search"][disabled], 
input[type="number"][disabled], 
input[type="text"][disabled], 
input[type="tel"][disabled], 
input[type="url"][disabled], 
input[type="password"][disabled], 
textarea[disabled], 
select[disabled] {
	background-color: #ddd;
}

.gallery-item {
	cursor: pointer!important;
	height: 60px!important;
}

.artwork-thumbnail {
	width: 60px;
	height: 60px;
	background-size: cover;
	background-position: top center;
	border-radius: 4px;
}

.color-gray {
	color: #888!important;
}

.table > thead > tr > th,
.table > tfoot > tr > th {
	letter-spacing: 0;
	line-height: 1.2;
	border-bottom: 0!important;
	vertical-align: top;
}

.table.sticky-first td:first-child {
  z-index: 9999;
}


.table .border-left {
	border-left: 1px solid var(--brdcolor-gray-300);
}

.border-right {
	border-right: 1px solid #b3b3b3;
}

.label-size {
	margin-right: 10px;
	width: 40px;
	text-align: left;
}

.plain-table tr {
	border-bottom: 0!important;
}

.plain-table td {
	border-top: 0!important;
}

.plain-table thead {
	border-bottom: 1px solid #ddd;
}

.field-note {
	font-size: 12px;
	font-style: italic;
	color: #777;
	text-transform: initial!important;
}

.plain-table th {
	background-color: transparent!important;
	color: #000!important;
	border-bottom: 0;
}

.plain-table tr td:first-child {
	padding-left: 0;
}

.plain-table tr td {
	border-bottom: 0;
}

.custom-h1 {
	font-size: 20px;
	line-height: 1.2;
}

.size-remarks {
	height: 100px;
	min-height: 100px;
}

label {
	font-size: 14px;
	font-weight: 600!important;
}

.btn-size-large {
	font-size: 16px;
}

.btn-style-bordered.btn-color-white {
	border-color: rgba(255,255,255,1);
}

.btn-style-bordered.btn-color-white:hover {
	background-color: #fff;
	color: #000;
}

.table-responsive {
	display: block !important;
	overflow-x: auto !important;
	width: 100% !important;
	border: 0!important;
}

.radio-order-type {
	font-size: 14px!important;
	font-weight: 400!important;
	margin-left: 5px!important;
}

.billing-field label {
	margin-bottom: 0!important;
}

.billing-field input {
	margin-right: 5px!important;
}

input[type="checkbox"], input[type="radio"] {
	margin: 0;
}

.color-red {
	color: #D71828;
}

.table {
	margin-bottom: 0;
}

.table-icon {
	width: 20px;
}

.color-green {
	color: #00bc09;
}

.elementor-widget-login {
	text-align: center;
}

.table.sticky-first th:first-child, 
.table.sticky-first td:first-child {
  position:sticky;
  position: -webkit-sticky;
  left:0px;
}

.table.sticky-first td:first-child {
	background-color: #fff;
}

.plain-table tbody tr:nth-child(2n+1) {
	background-color: transparent;
}

table tbody tr:nth-child(2n+1) {
	background-color: transparent!important;
}

.table thead,
.table tfoot {
	position: sticky;
	position: -webkit-sticky;
  top: 0;
  z-index: 9;
}

.autocomplete-field {
	position: relative;
}

div.search_result li {
	margin-inline-start: 0!important;
	font-size: 14px;
	cursor: pointer;
}

div.search_result li:hover {
	background-color: #f4f4f4;
}

div.search_result ul {
	padding: 0!important;
	padding: 5px 10px!important;
}

#datafetch2 {
	top: 45px!important;
}

.table th {
	font-size: 14px;
	text-transform: capitalize;
	line-height: 16px;
	background-color: #222832;
	color: #fff;
	vertical-align: top;
	padding-top: 10px;
	padding-bottom: 7px;
	border-bottom: 0;
}

.table th .dept-completed-date {
	font-size: 12px;
	line-height: 14px;
}

.btn-edit-job {
	border: 1px solid #000;
	color: #000;
	padding: 4px 8px;
	border-radius: 8px;
	font-size: 14px;
	line-height: 14px;
}


.btn-job {
	border: 1px solid #000;
	color: #000;
	padding: 4px 8px;
	border-radius: 8px;
	font-size: 14px;
	line-height: 14px;
	float:left;
	margin-top:10px;
}

.table td {
	font-size: 14px;
	line-height: 16px;
}


.justified-gallery {
	height: 60px!important;
}

.justified-gallery > .jg-entry-visible > img {
	border-radius: 8px;
}

.table tr:hover {
	background-color: #f2f5fe;
}

.table tr:hover td {
	background-color: #f2f5fe;
}

.add-new-wrapper {
	position: fixed;
	left: auto;
	right: 20px;
	bottom: 90px;
	z-index: 99;
}

.add-new-wrapper img {
	width: 50px;
}

.main-page-wrapper {
	padding-top: 20px;
	padding-bottom: 60px;
}

.btn-filter-submit {
	background-color: #4242e7;
	color: #fff;
	border-radius: 8px;
}

.btn-filter-submit:hover {
	background-color: #5555e9;
	color: #fff;
}

.btn-search-clear {
	margin-top: 28px;
	gap: 20px;
}

.w-50-field {
	width: 50%!important;
}

.btn-filter-clear,
.btn-filter-submit {
	width: 100%;
	min-width: 100%!important;
	padding: 8px 20px!important;

}

.btn-logout,
.btn-logout:hover {
	font-size: 16px!important;
	background-color: transparent!important;
	padding: 0;
}

.btn.btn-color-default:hover {
	box-shadow: none;
}

.btn-logout .wd-btn-icon {
	width: 25px;
}

.tablenav-pages {
	text-align: center;
	margin-top: 30px;
}

.page-numbers {
	padding: 6px 10px;
	background-color: #f4f4f4;
	color: #000;
	border-radius: 100%;
}

.page-numbers:last-child {
	font-size: 18px;
}

.page-numbers.current,
.page-numbers:hover {
	background-color: #000;
	color: #fff;
}

.note {
	font-size: 13px;
	line-height: 16px;
	margin-bottom: 10px;
	font-style: italic;
	color: #777;
}

.date-picker-wrapper {
	box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px!important;
	border-radius: 8px;
	z-index: 99!important;
}

.date-picker-wrapper .month-wrapper {
	border-radius: 8px;
}

.date-picker-wrapper .month-wrapper table {
	margin-bottom: 0;
}

.date-picker-wrapper .month-wrapper table .day.real-today {
	background-color: #f3e54f;
}

.date-picker-wrapper .drp_top-bar .default-top {
	color: #000;
}

.date-picker-wrapper th {
	font-size: 12px!important;
	padding-top: 5px!important;
	padding-bottom: 3px!important;
}

.btn-back,
.btn-back:hover {
	background-color: #000!important;
	color: #fff;
	text-align: center!important;
}

.btn-add-new-job {
	background-color: #4242e7;
	color: #fff;
	border-radius: 8px;
}

.btn-add-new-job:hover {
	background-color: #5555e9;
	color: #fff;
}

.btn-primary {
	background-color: #4242e7;
	color: #fff;
	border-radius: 8px;
	min-width: 120px;
}

.btn-primary:hover {
	background-color: #5555e9;
	color: #fff;
}

.btn-edit-job:hover {
	background-color: #222;
	color: #fff;
	border-color: #fff;
}

.date-picker-wrapper .first-date-selected, .date-picker-wrapper .last-date-selected {
	background-color: #2f7cf6!important;
}

.btn-back:hover {
	opacity: 0.9;
}

fieldset {
	border-radius: 8px;
	padding: 20px;
	border: 1px solid #000;
	min-width: 0;
	margin-bottom: 40px;
}

fieldset legend {
	font-weight: 600!important;
	text-transform: uppercase;
	font-size: 14px;
	color: #000;
	line-height: 16px;
	width: auto!important;
	background-color: #fff;
	padding: 0 10px;
	border-bottom: 0;
	margin: 0;
}

.search-job {
	width: 25px;
	position: absolute;
	margin-left: 10px;
	margin-top: 10px;
}

.form-container {
	display: flex;
	margin-bottom: 20px;
}

.form-container .box {
	flex: 1;
	padding: 20px 0;
	border: none;
	margin-right: 10px;
/* Adjust margin between divs */
}

.form-container-fieldset {
	display: flex;
}

.form-container-fieldset .box {
	flex: 1;
	padding: 10px 0;
	border: none;
	margin-right: 10px;
/* Adjust margin between divs */
}

/* Remove right margin from the last box to avoid overflow */
.form-container .box:last-child {
	margin-right: 0;
}

.label-inline {
	display: inline;
}

.form-container {
	display: flex;
	margin-bottom: 20px;
}

.form-container .box {
	flex: 1;
	padding: 20px 0;
	border: none;
	margin-right: 10px;
	/* Adjust margin between divs */
}

.form-container-fieldset {
	display: flex;
}

.form-container-fieldset .box {
	flex: 1;
	padding: 10px 0;
	border: none;
	margin-right: 10px;
	/* Adjust margin between divs */
}

/* Remove right margin from the last box to avoid overflow */
.form-container .box:last-child {
	margin-right: 0;
}

/* Hide the default checkbox */
.modern-checkbox {
	display: none;
}

/* Style the label to look like a checkbox */
.modern-checkbox+label {
	position: relative;
	padding-left: 30px;
	/* Adjust the space between checkbox and label */
	cursor: pointer;
}

/* Create the visual indicator for the checkbox */
.modern-checkbox+label:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 20px;
	/* Adjust the size of the checkbox */
	height: 20px;
	/* Adjust the size of the checkbox */
	border: 1px solid #8f8f9c;
	/* Border color */
	border-radius: 4px;
	/* Adjust the border radius */
}

/* Style the checkbox when checked */
.modern-checkbox:checked+label:before {
	background-color: #000;
	/* Change background color when checked */
	border-color: #000;
	/* Change border color when checked */
}

input[type="radio"]:checked {
  background-color: #93e026;
}

/* Create the checkmark icon */
.modern-checkbox:checked+label:after {
	content: '\2713';
	/* Unicode character for checkmark */
	font-size: 14px;
	/* Adjust the size of the checkmark */
	position: absolute;
	left: 4px;
	/* Adjust the position of the checkmark */
	top: 2px;
	/* Adjust the position of the checkmark */
	color: #fff;
	/* Checkmark color */
}

.modern-checkbox:checked + label[for="is_urgent"]::after {
	top: -1px;
	left: 5px;
}

.modern-checkbox:disabled+label:before {
	background-color: #dddddd;
	border-color: #dddddd;
}

.modern-checkbox:disabled+label:after {
	color: #000;
}

.modern-checkbox + label.custom-label-printing::before {
	top: -3px;
}

.modern-checkbox:checked + label.custom-label-printing::after {
	top: 1px;
}

.landing-login {
	backdrop-filter: blur(10px);
}

.landing-login a {
	color: #fff!important;
}

.landing-login a:hover {
	opacity: 0.7;
}

.landing-login button {
	width: 100%!important;
}

fieldset .border-right {
	border-right: 1px solid #000;
}

/*@media (max-width: 1199px) {
  .container, .container-md, .container-sm {
    max-width: 100%!important;
  }
}
*/
@media (max-width: 991px) {
	.add-new-wrapper {
		right: 12px;
		bottom: 60px;
	}

	.add-new-wrapper img {
		width: 40px;
	}

	fieldset {
		padding: 15px;
	}
}

@media (max-width: 767px) {
	.btn-search-clear {
		gap: 20px;
		margin-top: 0;
	}
}

@media (max-width: 575px) {
	.border-right {
		border-right: 0;
	}
}

@media (min-width: 1200px) {
/*  .container {
    max-width: 1520px!important;
  }*/

  .page-landing .container {
  	max-width: 100%!important;
  }

  .page-landing #lqd-site-content {
  	padding-top: 0;
  	padding-bottom: 0;
  }
}

.product-new1-size {
	flex-basis: 60px;
	margin-right: 10px;
}

.last-child\:mb-0:last-child {
	margin-bottom: 0 !important;
}