.m-0 {
  margin: 0 !important;
}
.m-1 {
  margin: 0.25rem !important;
}
.m-2 {
  margin: 0.5rem !important;
}
.m-3 {
  margin: 1rem !important;
}
.m-4 {
  margin: 1.5rem !important;
}
.m-5 {
  margin: 3rem !important;
}
.m-auto {
  margin: auto !important;
}
.mx-0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.mx-1 {
  margin-left: 0.25rem !important;
  margin-right: 0.25rem !important;
}
.mx-2 {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
}
.mx-3 {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}
.mx-4 {
  margin-left: 1.5rem !important;
  margin-right: 1.5rem !important;
}
.mx-5 {
  margin-left: 3rem !important;
  margin-right: 3rem !important;
}
.mx-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}
.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}
.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}
.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}
.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}
.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}
.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}
.mt-0 {
  margin-top: 0 !important;
}
.mt-1 {
  margin-top: 0.25rem !important;
}
.mt-2 {
  margin-top: 0.5rem !important;
}
.mt-3 {
  margin-top: 1rem !important;
}
.mt-4 {
  margin-top: 1.5rem !important;
}
.mt-5 {
  margin-top: 3rem !important;
}
.mt-auto {
  margin-top: auto !important;
}
.me-0 {
  margin-right: 0 !important;
}
.me-1 {
  margin-right: 0.25rem !important;
}
.me-2 {
  margin-right: 0.5rem !important;
}
.me-3 {
  margin-right: 1rem !important;
}
.me-4 {
  margin-right: 1.5rem !important;
}
.me-5 {
  margin-right: 3rem !important;
}
.me-auto {
  margin-right: auto !important;
}
.mb-0 {
  margin-bottom: 0 !important;
}
.mb-1 {
  margin-bottom: 0.25rem !important;
}
.mb-2 {
  margin-bottom: 0.5rem !important;
}
.mb-3 {
  margin-bottom: 1rem !important;
}
.mb-4 {
  margin-bottom: 1.5rem !important;
}
.mb-5 {
  margin-bottom: 3rem !important;
}
.mb-auto {
  margin-bottom: auto !important;
}
.ms-0 {
  margin-left: 0 !important;
}
.ms-1 {
  margin-left: 0.25rem !important;
}
.ms-2 {
  margin-left: 0.5rem !important;
}
.ms-3 {
  margin-left: 1rem !important;
}
.ms-4 {
  margin-left: 1.5rem !important;
}
.ms-5 {
  margin-left: 3rem !important;
}
.ms-auto {
  margin-left: auto !important;
}
.p-0 {
  padding: 0 !important;
}
.p-1 {
  padding: 0.25rem !important;
}
.p-2 {
  padding: 0.5rem !important;
}
.p-3 {
  padding: 1rem !important;
}
.p-4 {
  padding: 1.5rem !important;
}
.p-5 {
  padding: 3rem !important;
}
.px-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.px-1 {
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
}
.px-2 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}
.px-3 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}
.px-4 {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}
.px-5 {
  padding-left: 3rem !important;
  padding-right: 3rem !important;
}
.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}
.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}
.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}
.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}
.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}
.pt-0 {
  padding-top: 0 !important;
}
.pt-1 {
  padding-top: 0.25rem !important;
}
.pt-2 {
  padding-top: 0.5rem !important;
}
.pt-3 {
  padding-top: 1rem !important;
}
.pt-4 {
  padding-top: 1.5rem !important;
}
.pt-5 {
  padding-top: 3rem !important;
}
.pe-0 {
  padding-right: 0 !important;
}
.pe-1 {
  padding-right: 0.25rem !important;
}
.pe-2 {
  padding-right: 0.5rem !important;
}
.pe-3 {
  padding-right: 1rem !important;
}
.pe-4 {
  padding-right: 1.5rem !important;
}
.pe-5 {
  padding-right: 3rem !important;
}
.pb-0 {
  padding-bottom: 0 !important;
}
.pb-1 {
  padding-bottom: 0.25rem !important;
}
.pb-2 {
  padding-bottom: 0.5rem !important;
}
.pb-3 {
  padding-bottom: 1rem !important;
}
.pb-4 {
  padding-bottom: 1.5rem !important;
}
.pb-5 {
  padding-bottom: 3rem !important;
}
.ps-0 {
  padding-left: 0 !important;
}
.ps-1 {
  padding-left: 0.25rem !important;
}
.ps-2 {
  padding-left: 0.5rem !important;
}
.ps-3 {
  padding-left: 1rem !important;
}
.ps-4 {
  padding-left: 1.5rem !important;
}
.ps-5 {
  padding-left: 3rem !important;
}
.d-block {
	display: block;
}
h1, .h1 {
	font-size: 48px;
	line-height: 32px;
	font-weight: bold;
}
/*h2, .h2 {
	font-size: 36px;
	line-height: 32px;
	font-weight: bold;
}*/
html, body {
	min-height: 100vh;
}
body {
	font-size: 15px;
}
pre {
	white-space: pre-line;
	font-family: "Roboto", sans-serif;
}
a {
	color: #65C2FF;
	cursor: pointer;
}
.px-0 { 
	padding-left: 0 !important; 
	padding-right: 0 !important;
}
.pY-0 { 
	padding-top: 0 !important; 
	padding-bottom: 0 !important;
}
.btn { 
	height: 30px;
	font-weight: 500;
	line-height: 30px;
	text-transform: uppercase;
}
.b0 {
	border: 0 !important;
}
.btn:hover, .btn-large:hover {
	color: #FFF;
 	background-color: #333 !important;
}
.btn-flat:hover { 
	color: unset !important;
	background: none !important; 
}
.responsive-img { 
	height: auto; 
	max-width: 100%; 
}
.center, .center-align { 
	text-align: center; 
}
.overflow-x { 
	overflow-x: auto; 
}
.overflow-y {
	overflow-y: auto;
}
.hidden {
	visibility: hidden;
}
input[type="text"], 
input[type="email"], 
input[type="url"], 
input[type="password"], 
input[type="search"], 
input[type="number"], 
input[type="tel"], 
input[type="range"], 
input[type="date"], 
input[type="month"], 
input[type="week"], 
input[type="time"], 
input[type="datetime"], 
input[type="datetime-local"], 
input[type="color"] {
	padding: 0 !important;
	height: 2rem !important; 
	font-size: 12px !important;
	border-radius: 0px !important;
	border-style: solid !important;
	border-color: #9e9e9e !important;
	-o-border-radius: 0px !important;
	-ms-border-radius: 0px !important;
  box-sizing: border-box !important;
	-moz-border-radius: 0px !important;
	border-width: 0 0 1px 0 !important;
	-webkit-border-radius: 0px !important; 	
	-webkit-box-sizing: border-box !important;
}
textarea {
	outline: none;
	padding: 0 !important;
	font-size: 12px !important;
	min-height: 4.5em !important; 
	border-radius: 0px !important;
	border-style: solid !important;
	border-color: #9e9e9e !important;
	-o-border-radius: 0px !important;
	-ms-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	border-width: 0 0 1px 0 !important;
	-webkit-border-radius: 0px !important;
}
input[type="file"] {
	margin-bottom: 20px;
}
button:focus {
	background-color: #333;
}
.shadow-none {
	box-shadow: none !important;
	-o-box-shadow: none !important;
	-ms-box-shadow: none !important;
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
}
.d-flex {
	display: flex;
}
.align-items-center {
	align-items: center;
}
.d-none {
	display: none !important; 
}
.btn-flat:focus {
	background-color: transparent !important;
}
.input-field input + label {
	font-size: 12px;
	line-height: 24px;
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
}
.input-field label {
	color: #686868;
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
}
.input-field input[type=search] {
	width: 100%;
  display: block;
  line-height: inherit;
	/*width: calc(100% - 4rem);*/
  padding-left: 4rem !important;
}
.input-field input[type="search"] ~ .material-icons
.input-field input[type="search"] ~ .mdi-navigation-close, {
	font-size: 1.5rem;
}
.file-field .mat-icon-button {
	width: 30px;
	height: 30px;
	line-height: 30px;
}
.is-valid label.active { 
	color: #686868 !important;
}
.is-valid input[type="text"] { 
	border-color:#4EB9FF !important;
	box-shadow: 0 1px 0 0 #4EB9FF !important;
	-o-box-shadow: 0 1px 0 0 #4EB9FF !important;
	-webkit-box-shadow: 0 1px 0 0 #4EB9FF !important;
}
.is-valid textarea{
	border-color:#4EB9FF !important;
	box-shadow: 0 1px 0 0 #4EB9FF !important;
	-o-box-shadow: 0 1px 0 0 #4EB9FF !important;
	-webkit-box-shadow: 0 1px 0 0 #4EB9FF !important;
}
.select-wrapper input.select-dropdown { 
	box-sizing: border-box;
	height:2rem !important; 
	padding-right: 15px !important;
}
/*.select-wrapper .dropdown-content {
	top: 30px !important;
	width: auto !important;
}*/
.select-wrapper + label {
	top: 0;
}
.select-wrapper span.caret.disabled { 
	display: none;
}
.error-msg { 
	display: block;
	line-height: 12px;
}
.mat-expansion-panel-header { 
	font-size: 18px;
	height: 32px !important; 
	text-transform: uppercase;
	border-bottom: 1px solid #ebebeb;
}
.mat-expansion-panel-header:hover, 
.mat-expansion-panel-header:focus { 
	background: unset !important;
}
/*.shadow {
  box-shadow: 0px 1px 3px 0px rgba(151, 171, 187, .7) !important;
  -o-box-shadow: 0px 1px 3px 0px rgba(151, 171, 187, .7) !important;
  -moz-box-shadow: 0px 1px 3px 0px rgba(151, 171, 187, .7) !important;
  -webkit-box-shadow: 0px 1px 3px 0px rgba(151, 171, 187, .7) !important;
}*/
.shadow {
	box-shadow: 1px 3px 6px #00000029 !important;
	-o-box-shadow: 1px 3px 6px #00000029 !important;
	-moz-box-shadow: 1px 3px 6px #00000029 !important;
	-webkit-box-shadow: 1px 3px 6px #00000029 !important;
}
.radius10 {
	border-radius: 10px;
}
.flex {
	display: flex;
	display: -moz-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
}
.text-left { 
	text-align: left;
}
.text-right {
	text-align: right;
}
.height100 {
	min-height: 100%;
}
.card {
	box-shadow:none;
}
.card .card-content {
	padding: 0;
}
.card .card-content .card-title {
	padding: 10px;
	margin-bottom: 35px;
}
.divider {
	margin-bottom: 20px;
}
.section-head {
	display: flex;
	align-items: center;
}
.section-head .btn {
	margin: 0 auto 15px;
	display: inline-block;
}
.section-head h6 {
	display: flex; 
	align-items: center;
}
.section-head .input-field {
	margin-top: 0;
}
.section-head input.que-Amunt {
  margin: 0;
	width: 100px;
  height: 2rem;
  text-align: center;
}
.section-head .hr-min .mat-form-field {
	width: 75px;
  height: 2rem;
  margin: 0 10px;
  text-align: center;
}
.section-head h5 {
	font-size: 18pt;
	margin: 0 0 1rem 0;
}
.order-queue .hr-min .mat-form-field-infix {
	border-top: 0px solid transparent;
}
.order-queue .select-wrapper input.select-dropdown { 
	width: 50px; 
	margin: 0px; 
	height: 2rem; 
}
.order-queue .select-wrapper { 
	margin: 0 5px; 
}
.pagination li.active { 
	background: #FF4181 !important;
}
table.bordered > thead > tr, 
table.bordered > tbody > tr {
	border-bottom: 1px solid #e0e0e0;
}
thead {
	border-bottom: none;
}
td, th { 
	border-radius: 0 !important; 
	padding: 13px 10px !important; 
}
th {
	white-space: nowrap;
}
th.actions {
	width: 120px;
}
td.actions {
	white-space: nowrap;
}
.mat-drawer-container { 
	padding-top: 70px;
	background-color: transparent !important;
}
.br-right { 
	border-color: #eee;
	border-style: solid; 
	border-width: 0 1px 0 0;
}
.br-bottom { 
	border-bottom: #eee solid 1px;
}
.btn-gray { 
	background: #686868;
}
.btn-gray:hover {
	background: #828282;
}
.btn-gray:focus { 
	background: #828282;
}
.btn-blue { 
	background: #4eb9ff;
}
.btn-blue:hover { 
	background: #38a2e7; 
}
.btn-blue:focus { 
	background: #38a2e7 !important; 
}
.btn-pink { 
	 background: #FF4181;  
}
.btn-pink:hover { 
	 background: #E42263; 
}
.btn-pink:focus { 
	 background: #E42263 !important; 
}
.btn-yellow { 
	color: #333;
	background: #FFCE47;
}
.btn-yellow:hover { 
	color: #fff;
	background: #333 !important;
}
.btn-yellow:focus {
	color: #fff;
	background: #333 !important;
}
.btn-white { 
	color: #333;
	background: #FFFFFF;
}
.btn-white:hover { 
	color: #fff;
	background: #333 !important;
}
.btn-white:focus {
	color: #fff;
	background: #333 !important;
}
.btn-danger {
	background: #f00;
}
.row.no-gutters > [class^="col"],
.row.no-gutters > [class*=" col"] {
  padding-left: 0;
  padding-right: 0;
}
.align-items-center { 
	align-items: center;
}
#flashMessages {
  right: 30px;
  width: 100%;
  bottom: 20px;
  z-index: 999999;
  position: fixed;
  max-width: 400px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}
#flashMessages .alert {
	margin-bottom: 0;
}
.tabs .tab {
	margin-right: 20px;
}
.tabs .tab a {
	padding: 0;
}
label { 
	color: #111; 
	font-size: unset; 
}
.select-wrapper svg {
	right: 0;
	top: 15px;
	position: absolute;
}
.mat-dialog-container {
	padding: 0 !important;
}
.modal {
	overflow-y: inherit;
	z-index: 99999 !important;
}
.modal-dialog {
	margin: 1.75rem auto;
}
.modal-dialog-centered {
	display: flex;
	align-items: center;
	display: -ms-flexbox;
	-ms-flex-align: center;
	min-height: calc(100% - (.5rem * 2));
}
.modal-content { 
	width: 100%;
	background: #FFF !important; }
.modal-body { 
	padding: 20px 10px; 
}
.modal-body h4 { 
	color: #686868; 
	font-size: 14px; 
	margin: 0 0.75rem; 
}
.modal-content h5 {  
	display: flex; 
	color: #686868; 
	font-size: 16px;
	line-height: 24px; 
}
.modal-content h5 i { 
	margin-right: 10px; 
}
.modal-content h5 span { 
	margin-left: 5px; 
}
.modal-footer { 
	height: 56px;
	background: #fff;
	padding: 0 10px 10px !important;
}
.modal-footer .btn { 
	float: right; 
	margin: 10px 0 0 0 !important; 
}
.modal-footer .btn-pink { 
	color: #fff; 
}
.table-container { 
	width: 100%; 
	overflow: auto; 
}
.search {
	width: auto;
	height: 34px;
	box-shadow: none;
	background: #EBEBEB;
	-o-box-shadow: none;
	-ms-box-shadow: none;
	-moz-box-shadow: none;
	margin: 10px 0px 20px;
	-webkit-box-shadow: none;
}
.search input[type="search"] { 
	width: 100%; 
	font-size: 14px; 
	background: none;
	min-height: 34px;
	height: 100% !important; 
	border-bottom: none !important;
	padding: 0 3em 0 3rem !important; 
}
.search label { 
	color:#686868; 
	font-size:14px; 
	font-weight:normal; 
	display:inline-block; 
}
.search .mat-icon-button {
	top: 0;
	right: 0;
	width: 34px;
	height: 34px;
	line-height: 34px;
	position: absolute;
}
.search .mat-icon-button:focus { 
	background: transparent; 
}
.search i {
	height: 34px; 
	color: #8e8e8e; 
	line-height: 34px; 
	text-align: right; 
	vertical-align: top; 
	font-size: 16px !important;
}
#wrapper {
	display: flex;
	display: -moz-box;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	min-height: calc(100vh - 0px);
	min-height: -moz-calc(100vh - 0px);
	min-height: -webkit-calc(100vh - 0px);
}
#wrapper.slider-on { 
	width: 100%; 
	position: fixed; 
}
#wrapper.slider-on:before {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 99;
	content: '';
	position: fixed;
	background: rgba(0,0,0,0.8);
}
#wrapper .row .col.l4 { 
	margin-left: 0px !important; 
}
#wrapper .flex { 
	flex-wrap: wrap; 
}
.userView {
	width: auto;
	display: flex;
	/*text-align:right;*/
	margin-left: auto;
	display: -moz-box;
	/*position: relative;*/
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
}
.userView .imp-action {
	display: flex;
}
.userView .imp-action a:nth-child(1) {
	display: flex;
	width: 150px;
	height: 25.5px;
	align-items: center;
	justify-content: center;
}
.userView .imp-action a:nth-child(2) {
	display: flex;
	height: 25.5px;
	width: 150px;
	align-items: center;
	justify-content: center;
}
.userView .head-dropdown { 
	display: flex;
	margin-left: auto; 
	position: relative;
	align-items: center; 
}
.userView .head-dropdown img { 
	width: 30px; 
	float: left; 
	height: 30px; 
	border-radius:30px; 
}
.userView a {
	color: #000;
	width: auto;
	height: auto;
	display: flex;
	padding: 0 10px;
	font-size: 15px;
	display: -moz-box;
	line-height: unset;
	box-shadow: unset;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	background: transparent;
	transition: font-size 0.1s ease-in-out;
}
.userView a:hover {
	font-size: 17px;
}
.userView a.active {
	color: #65C2FF;
}
.userView a span { 
	display: block;
	font-size: 15px;
	line-height: 1.2;
	font-weight: bold;
}
.userView a span.material-icons {
	font-size: 24px;
}
.userView a span.citystate { 
	color: #666; 
	font-weight: normal;
}
.userView li a { 
	width: 100%; 
	color: #f4425c; 
}
/*nav.search { 
	background: #333; 
}*/
nav.search, 
nav.search i { 
	height: 52px; 
	line-height: 52px; 
}
nav.search .input-field label {
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
}
.sub-header { 
	color: #fff; 
	display: flex; 
	line-height: 1; 
	font-size: 11px;
	padding: 0 15px;
	align-items: center; 
	background: #6a6a6a; 
}
.sh-tab { 
	padding: 12px 15px; 
	border-bottom: transparent solid 2px; 
}
.sh-tab.active { 
	background: #939393; 
	border-bottom: #fff solid 2px; 
}
.sh-tab a { 
	color: #fff;
}
.sh-tab span { 
	width: 20px; 
	height: 20px;
	border-radius: 20px; 
	align-items: center;
	display: inline-flex;
	margin: 1px 0px 1px 5px;
	justify-content: center;
}
.sub-header ul { 
	display: block; 
	margin: 0 0 0 auto; 
}
.sub-header ul li { 
	padding: 0 5px; 
	display: inline-block; 
	border-right: 1px #fff solid; 
}
.sub-header ul li:last-child { 
	border-right: none; 
}
.left-bar { 
	position: relative; 
}
.toggle-open .pro-filter  { 
	left: 290px; 
}
.pro-filter {
	z-index: 9;
	left: -20px;
	width: 40px;
	color: #fff;
	border: none;
	height: 40px;
	display: none;
	position: absolute;
	background: #4EB9FF;
	align-items: center;
	justify-content: center;
	transition: all ease-out 0.3s;
}
.side-nav.left-panel { 
	padding: 0;
	z-index: 9999;
	width: 200px; 
	/*width: 168px; */
	box-shadow: unset;
	position: relative;
	transition: ease-out all 0.3s;
	-o-transition: ease-out all 0.3s;
	-ms-transition: ease-out all 0.3s;
	-moz-transition: ease-out all 0.3s;
	-webkit-transition: ease-out all 0.3s;
}
.side-nav li { 
	border-bottom: none; 
}
.side-nav li li { 
	border-bottom: none; 
}
.side-nav.left-panel a { 
	height:auto; 
	display: flex;
	font-size: 15px; 
	padding:15px 20px; 
	line-height:normal; 
	position: relative;
	align-items: center;
	transition: font-size 0.1s ease-in-out;
}
.side-nav.left-panel li a.logo {
	padding:15px 10px;
}
.side-nav.left-panel li a.logo img {
	width: 100%;
	height: auto;
	filter: unset;
	max-width: 100%;
	max-height: 100%;
	margin-right: 0px;
}
.side-nav.left-panel li a:hover { 
	color: #333;
	font-size: 17px;
	background-color: transparent !important;
}
.side-nav.left-panel li a.active { 
	color: #333; 
	font-size: 17px;
	background-color: #f5f5f5 !important; 
}
/*.side-nav.left-panel li a.active:after {
	content: '';
	width: 5px;
	height: 5px;
	right: 20px;
	border-radius: 5px;
	position: absolute;
	background-color: #4EB9FF;
}*/
.side-nav.left-panel li a i {
	width: auto;
	float: none;
	height: auto;
	font-size: 24px;
	margin: 0 10px 0 0;
	line-height: unset;
	color: #000 !important;
}
.side-nav.left-panel li a img { 
	width: 24px;
	height: 24px;
	margin: 0 10px 0 0;
	filter: brightness(0);
}
.side-nav.left-panel li a span { 
	display: inline-block; 
}
/*.side-nav.left-panel li a.active i, 
.side-nav.left-panel li a:hover i {
	color:#4EB9FF !important; 
}*/
.side-nav.left-panel li .collapsible-body { 
	padding: 2px 0px; 
	background: #FFF; 
}
.side-nav.left-panel li .collapsible-body a { 
	color: #333;
	font-size: 13px;
	text-align: left;
	padding: 10px 25px 10px 55px;
	border-bottom: #F0F0F0 solid 1px;
}
.side-nav.left-panel li .collapsible-body a:hover, 
.side-nav.left-panel li .collapsible-body a.active { 
	background-color: #F0F0F0 !important; 
}
.side-nav.left-panel li .collapsible-header { 
	display: flex;
	padding: 15px 20px;
	line-height: normal; 
	align-items: center;
}
.side-nav.left-panel li .collapsible-header i {
	height: auto;
	line-height: unset;
}
.collapsible-body li a {}
.side-nav.fixed { 
	height: 100%;
	position: relative;
}
.pink-item {
  /* color: #FF4181 !important; */
  color: #FFCE47 !important;
}
.yellow-item {
  color: #FFCE47 !important;
}
.blue-item {
  color: #65C2FF !important;
}
.pink-bg {
   background: #FF4181 !important; 
}
.yellow-bg {
  background: #FFCE47 !important;
}
.blue-bg {
  background-color: #4EB9FF !important;
}
.gray-bg {
  background: #EBEBEB !important;
}
.light-gray-bg {
  background: #F6F6F6 !important;
}
.white-bg {
  background: #FFF !important;
}
form.sidebar-form {
  margin: 5px;
}
div.page-announce {
	right: 0;
	left: 200px;
	z-index: 99;
	height: auto;
	padding: 8px;
	position: absolute;
	background: #f5f5f5;
}
div.page-announce img { 
	max-height: 45px;
	max-width: 200px;
}
h1.page-announce-text {
  color: #fff;
  font-size: 24px;
  font-weight: 100;
  line-height: 0.5em;
  margin-left: 50px;
  font-family: 'Open Sans', sans-serif;
}
body {
  /*display: flex;
  min-height: 100vh;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
  flex-direction: column;*/
}
main {
	width: 90%;
	flex: 1 0 auto;
	padding: 70px 20px;
	position:relative;
	background: #f5f5f5;
	width: calc(100% - 200px);
	width: -moz-calc(100% - 200px);
	width: -webkit-calc(100% - 200px);
}
main.builder-on {
	margin-bottom: 75px;
}
main > .content {
	height: 100%;
}
.page-container {
	background: #fff;
	border-radius: 10px;
	box-shadow: 1px 3px 6px #00000029;
}
.material-tooltip {
  display: hidden;
}
/*.mat-form-field-infix {
	padding: 0;
}*/
.bg-aqua { 
	background-color: #00c0ef !important;
}
.bg-green { 
	background-color: #00a65a !important; 
}
.bg-yellow { 
	background-color: #f39c12 !important; 
}
.bg-red { 
	background-color: #dd4b39 !important; 
}
.status-container { 
	margin: 0; 
	display: flex; 
	align-items: center; 
}
.status { 
	color: #000;
	font-size:11px;
  display: block;
  padding: 0px 10px;
  text-align: center;
	position: relative;
	border-right: solid 1px #999;
}
.status:last-child { 
	border-right: none; 
}
.status > span { 
	float: right; 
	color: #F4425C; 
	margin-left: 5px; 
	font-weight: bold; 
}
.status .date { 
	left: 50%;
	top: 30px;  
	display: flex; 
	padding: 10px; 
	z-index: 9999; 
	background: #fff;
	position: absolute;
	transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	box-shadow: 0 0 5px rgba(0,0,0,0.3);
}
.status .date:before {
  left: 50%;
	content:"";
  bottom: 100%;
  position: absolute;
  border-style: solid;
	transform: translateX(-50%);
  border-width: 0 10px 10px 10px;
	-o-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
  border-color: transparent transparent #fff transparent;
}
.status .calendar-icon { 
	height: 15px; 
	margin-right: 5px; 
}
.status .btn-flat { 
	color: #000; 
	height: auto; 
	font-size: 11px; 
	line-height: normal; 
}
.status .btn-flat:hover { 
	background: transparent; 
}
.status-container .quote, .status-container .btn { 
	margin: 0px; 
	display: flex; 
	padding: 0 0 0 10px; 
	align-items: center;
}
.date .select-wrapper input.select-dropdown { 
	width: 65px; 
	color: #F4425C; 
	margin:0 5px 5px 0; 
}
.date .select-wrapper span.caret { 
	right: 10px; 
}
.date-picker { 
	color:#666;
  width: 100%;
	font-size: 14px;
  display: block;
  text-align: center;
  padding: 19px 0 10px;
}
.date-picker i { 
	font-size: 24px;
	line-height: 1.5;
}
.date-picker input { 
	margin:0; 
	height:24px; 
	text-align:center; 
	padding-bottom:5px; 
	border-bottom:#eee solid 1px; 
}
.quote {
 	height: 30px;
 	display:block;
 	line-height: 30px;
 	width: max-content;
	margin:0px 10px 0 0; 
}
.btn-pink.quote { 
	margin-right: 20px; 
}
.stretch-card {
  display: flex;
  align-items: stretch;
}
/* Filter */
.order-box-container {
	width: 100%;
	padding: 15px 0px;
	background: #f5f5f5;
}
ul.filters {
	display: flex;
	min-height:20px;
	/*background:	#fff;
	padding: 10px 0.75rem;
	box-shadow: 0 1px 2px #ccc;
	margin:0 -0.75rem;*/
	display: -moz-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	justify-content: flex-end;
	position: relative;
	align-items: center;
	margin: 0px 0px 34px;
	background: #fff;
	padding: 18px 16px;
	border-radius: 10px;
}
/*ul.filters:after {
	position: absolute;
	content: '';
	width: 1px;
	height: 24px;
	background: #ccc;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}*/
ul.filters li {  
	line-height: 1;
	font-size: 15px; 
	cursor: pointer; 
	font-weight: bold;
	margin-right: 5px;
	padding: 0 5px 0 0;
	text-transform: uppercase;
	border-right: #65C2FF solid 1px;
}
ul.filters li:first-child { 
	color: #000; 
	padding-left: 0; 
	font-size: 15px; 
	padding-right: 0; 
	font-weight: bold;
	margin-right: auto; 
}
ul.filters li:first-child, 
ul.filters li:last-child, 
ul.filters li:nth-last-of-type(2) { 
	border-right:none; 
}
ul.filters li .btn-flat { 
	padding: 0px; 
	height: 16px;
	line-height: 16px;
}
ul.filters li .btn-flat:focus, 
ul.filters li .btn-flat:hover { 
	background: transparent; 
}
ul.filters li:last-child {
	display: none;
}
ul.filters li:nth-last-child(2) {
	padding-right: 0;
	margin-right: 0;
}
/*Order Box*/
.dash-head {
	gap: 20px;
	display: flex;
	flex-flow: wrap;
	align-items: center;
	justify-content: space-between;
}
.dash-head .watch-tutorial {
	margin: 0 12px;
}
.dashboard-tabs {
	padding: 0;
	width: unset;
	flex-flow: wrap;
  overflow: unset;
  background: none;
  height: unset;
  margin-left: 12px;
  border: none !important;
}
.tabs.dashboard-tabs .tab a {
	padding: 0;
	color: #000;
	width: unset;
	font-weight: normal;
}
.tabs.dashboard-tabs .indicator {
	z-index: 1;
	height: 2px !important;
	background: #65C2FF !important;
}
.dashboard { 
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 0;
}
.dashboard > .col {
	margin-left: unset !important;
}
.dashboard .col:last-child ul.filters:after { 
	display: none; 
}
.order-box {
/*	padding: 0 16px;*/
}
.order-box #colex-all { 
	color: #333; 
	background: #FFF;
}
.order-box #colex-all > button {
	width: 30px;
	padding: 0px;
	height: 16px;
	line-height:16px;
	transition: all .3s linear;
	-o-transition: all .3s linear;
	margin-left:auto; margin-right: 0;
	-webkit-transition: all .3s linear;
}
.order-box #colex-all > button:hover { 
	background: transparent; 
}
.order-box #colex-all > button > i {
	font-size: 1.6rem;
	transition: all .3s linear;
	-o-transition: all .3s linear;
	-webkit-transition: all .3s linear;
}
.order-box #colex-all > button.active >  i {
	transform: rotate(180deg);
}
.order-box #colex-all > .order-id { 
	flex-grow: 1; 
	text-align: center; 
}
.order-box .collapsible {
	border: none; 
	box-shadow: none; 
	margin-top: 0.75rem;
	-o-box-shadow: none; 
	-webkit-box-shadow: none; 
}
.order-box .collapsible > li { 
  scale: 1;
	background: #fff;
	/*overflow: hidden;*/
	border-radius: 10px; 
	margin-bottom: 1rem; 
	transition: all 0.1s ease-in-out;
	box-shadow: 1px 3px 6px #00000026;
}
.order-box .collapsible > li:hover {
	scale: 1.01;
}
.order-box .collapsible-header { 
	padding: 0; 
	display: block;
	background: unset;
	border-color: transparent; 
} 
.order-box .collapsible-body { 
	padding: 1rem 0; 
	border-top: none; 
} 
.order-box .order { 
	color: unset; 
	display: flex; 
	flex-flow: wrap;
	font-size: 20px;
	display: -moz-box;
	padding: 10px 16px; 
	line-height: unset;
	border-bottom: none; 
	align-items: center;
	margin-bottom: 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	justify-content: space-between;
}
.order-box .order h6 { 
	padding-right: 10px;
	font-size: 20px;
	font-weight: bold;
	margin-right: auto; 
}
.order-box .order-id { 
	padding-right: 0; 
	font-weight: bold;
}
.order-box .message {  
	position: relative; 
	padding-right: 0;
/*	padding-right: 35px;*/
}
.order-box .message i { 
	width: 1.7rem; 
	margin-right: 0px;
}
.order-box .message span { 
	width: 20px;
	height: 20px;
	font-size: 12px; 
	font-weight: bold; 
	position: absolute;
	border-radius: 20px; 
}
.order-box .message span.unread-message {
	top: 50%;
	color: #000;
	background: #fff;
	line-height: 20px;
	position: absolute;
	text-align: center;
	transform: translateY(-50%);
}
.order-box .date {
	line-height: 1.5;
	padding-right: 0px;
}
.balance-due {
	line-height: 1.5;
	text-align: left;
	position: relative;
}
.order-box .collapsible-header > .order > i {
	width: 2rem;
	margin-left: 0;
	line-height: 2.5rem;
	transition: all .3s linear;
	-o-transition: all .3s linear;
	-webkit-transition: all .3s linear;
}
.order-box .collapsible-header.active > .order > i {
	transform:rotate(180deg);
}
.product-name { 
	margin: 0;
	width: 100%;
	display: flex;
	font-size: 14px;
	display: -moz-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
    justify-content: space-between;
}
.product-name .user-coname {
	font-size: 14px;
	position: relative;
	padding: 0px 16px 10px;
	width: calc(100% - 70px);
}
.product-name .user-coname h5 { 
	color: #65C2ff; 
	font-size: 15px; 
	margin: 0 10px 5px 0; 
}
.product-name .user-coname h6 { 
	margin: 0; 
	color: #65C2ff; 
	font-size: 15px; 
}
.product-name .user-coname p { 
	margin: 0; 
	color: #686868; 
	padding-top: 5px;
	text-align: left; 
}
.user-info-box {
	bottom: 20px;
	position: absolute;
}
.product-name .user-coname p b { 
	margin-right: 5px;
	font-weight: normal;
}
.product-name .pro-img {
	padding: 0;
	height: 100px;
	width: 80px;
	border: 1px solid #ccc;
	margin: 0px 20px 25px 0px;
	max-width: unset;
}
.product-name .pro-img img {
	max-height: 100%;
}
.project-details { 
	width: 100%; 
	display: block; 
}
.project-container { 
	position: relative;
}
.project {
	background: #FFF;
	margin-bottom: 20px;
	border-radius: 10px;
	border-bottom: none;
	padding: 30px 20.75px;
	/*padding-bottom: 20px;
	padding: 0 1rem 1rem 1rem;*/
}
.project h2 {
	font-size: 24px;
}
.project h5 {
	font-size: 18px;
	font-weight: bold;
}
.checkout-project-footer {
	background: #FFF;
	padding: 20px 20.75px;
	border-radius: 10px;
}
.delete-project { 
	right: 0; 
	bottom: 0; 
	color: #4EB9FF; 
	position: absolute; 
	text-transform: uppercase; 
}
.delete-project:hover { 
	background: transparent; 
}
.invoice-head {
	background: #FFF;
	padding-bottom: 64px;
	border-radius: 10px 10px 0 0;
}
.invoice-head.noitem {
	margin-bottom: 20px;
	padding-bottom: 0px;
	border-radius: 10px;
}
.project:first-child { 
	padding-top: 0;
	border-radius: 0 0 10px 10px;
}
.project > ul {
	display: flex;
	display: -moz-box;
	margin-bottom: 0px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
}
.project > ul > li { 
	font-size:11px; 
	color: #686868; 
	padding:0 10px; 
	font-weight:700; 
	border-right:#ccc solid 1px; 
}
.project > ul > li:first-child { 
	padding-left: 0; 
}
.project > ul > li:last-child { 
	border-right: 0;
}
.project .specs {
	display: flex;
	margin-bottom: 2rem;
	justify-content: flex-end;
}
.project .specs span {
	margin-right: auto;
}
.project .specs ul.colors {
	display: flex;
	flex-flow: wrap;
	margin: 15px 0 0 0;
}
.project .specs label.check {
	display: unset;
	margin-bottom: 0;
	margin-left: 20px;
}
.project .specs th {
	padding: 13px 0 !important;
}
.project .specs td {
	border-bottom: #e4e4e4 solid 1px;
}
/*.project .specs td:last-child {
	text-align: right;
}*/
.colors { 
	width: 100%; 
	display: table; 
}
.colors label { 
	width: 30%; 
	font-size: 11px; 
	display: table-cell; 
}
.colors .color { 
	display: table-cell; 
}
.colors .color ul {
	display: flex;
	flex-flow: wrap;
	display: -moz-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
}
.colors .color ul li { 
	width: 12px; 
	height: 12px; 
	margin-right: 5px; 
	margin-bottom: 5px; 
	position: relative; 
	border: #666 solid 1px; 
}
.colors .color ul li img { 
	top: 0; 
	max-width: 100%; 
	position: absolute; 
}
.finishing {  
	width: 100%; 
	display: table;
	padding: 0 1rem 1rem; 
}
.finishing label { 
	width:30%; 
	color:#686868; 
	font-size:11px; 
	font-weight:700; 
	padding:0 10px 0 0; 
	display:table-cell; 
}
.finishing .content { 
	display: table-cell; 
}
.finishing .content ul {
	display: flex;
	flex-flow: wrap;
	display: -moz-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
}
.finishing .content ul li {
	font-size:11px;
	font-weight:bold;
	padding:5px 10px;
	margin-right:5px;
	margin-bottom:5px;
	border-radius:50px;
	-o-border-radius:50px;
	-webkit-border-radius:50px;
}
.options { 
	width: 100%;
	display: flex; 
	display: -moz-box;
	align-items: center;
	padding: 0 1rem 1rem; 
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
}
.options > label { 
	width:30%; 
	color:#111; 
	font-size:12px; 
	font-weight:700; 
	padding:0 10px 0 0; 
}
.options .input-field { 
	margin: 0; 
}
.options .select-wrapper input.select-dropdown { 
	margin: 0; 
	height: 2rem; 
}
/*.options select { display:block; }*/
/*Form Container*/
.form-container { 
	width: auto; 
	margin: 20px 0; 
	padding: 20px; 
	display: block; 
	background: #FFF;
	border-radius: 10px;
	box-shadow: 1px 3px 6px #00000029;
}
.heading h4 { 
	font-weight: 300; 
	margin-bottom: 0; 
}
.heading p { 
	color: #666; 
	margin-top: 0; 
}
.page-footer {
	bottom: 0; 
	width: 100%;
	margin-top: 20px;
	position: absolute; 
	padding-top: 0 !important;
	background-color: #f4425c;
}
.footer-copyright {
	padding: 0 !important;
	min-height: 48px !important;
	background-color: inherit !important;
}
.footer-copyright > div {
	display: flex;
	flex-flow: wrap;
	padding-left: 20px;
}
.footer-copyright > div a {
	color: #666;
	padding: 0px 10px;
}
.autocomplete-suggestions {
	top: 161px;
	left: 11px;
	z-index: 20;
	position: fixed;
	background: #fff;
	max-height: 300px;
	max-height: 450px;
	overflow-y: scroll;
	overflow-x: hidden;
	border: 1px solid #999;
	width: 210px !important;
	width: 290px !important;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}
.autocomplete-suggestion {
	font-size: 1.2em;
	padding: 10px 5px;
	white-space: nowrap;
	width: 300px !important;
}
keygroup {
	margin-left: 5px;
}
.getusr {
	width: 500px;
}
.text-thin {
	font-weight: 100 !important;
}
a.button-collapse {
	color: #fff;
}
div.quick-links a {
	width: 100%;
	margin: 5px;
}

.alert {
	border-radius: .25rem;
	padding: .75rem 1.25rem;
	margin-bottom: 0rem !important;
	border: 1px solid transparent;
}
.alert p { 
	margin: 0; 
}
.alert-info {
	color: #31708f;
	border-color: #bcdff1;
	background-color: #d9edf7;
}
.alert-warning {
  color: #8a6d3b;
  border-color: #faf2cc;
  background-color: #fcf8e3;
}
.alert-danger {
  color: #a94442;
  border-color: #ebcccc;
  background-color: #f2dede;
}
.alert-success {
	color: #3c763d;
	border-color: #d0e9c6;
	background-color: #dff0d8;
}
.text-info {
	color: #31708f;
}
.text-warning {
  color: #8a6d3b;
}
.text-danger {
  color: #a94442;
}
.error-msg { 
	display: table; 
	font-size: 0.8rem; 
	margin-top: -0.8rem; 
	color: #FF4081 !important; 
}
#chatInfo p {
	font-size: 20px !important;
	font-weight: 300 !important;
}
.custom-responsive {
	display: block;
	overflow-x: auto;
}
.dropdown-content li > a, 
.dropdown-content li > span { 
	color: #039be5;
}
.dropdown-content {}
/*Login*/
.login .col > label { 
	line-height: 24px; 
}
#login input.validate[type="email"] + label, 
#login input.validate[type="password"] + label { 
	width: auto; 
}
input:focus:not([type]):not([readonly]), 
input[type="url"]:focus:not([readonly]), 
input[type="tel"]:focus:not([readonly]), 
input[type="time"]:focus:not([readonly]), 
input[type="date"]:focus:not([readonly]), 
input[type="text"]:focus:not([readonly]), 
input[type="email"]:focus:not([readonly]), 
input[type="number"]:focus:not([readonly]), 
input[type="search"]:focus:not([readonly]), 
input[type="datetime"]:focus:not([readonly]), 
input[type="password"]:focus:not([readonly]), 
input[type="datetime-local"]:focus:not([readonly]), 
textarea.materialize-textarea:focus:not([readonly]) { 
	border-color:#4EB9FF !important; 
	box-shadow:0 1px 0 0 #4EB9FF !important; 
	-o-box-shadow:0 1px 0 0 #4EB9FF !important; 
	-webkit-box-shadow:0 1px 0 0 #4EB9FF !important; 
}
input:focus:not([type]):not([readonly]) + label, 
input[type="url"]:focus:not([readonly]) + label, 
input[type="tel"]:focus:not([readonly]) + label, 
input[type="time"]:focus:not([readonly]) + label, 
input[type="date"]:focus:not([readonly]) + label, 
input[type="text"]:focus:not([readonly]) + label, 
input[type="email"]:focus:not([readonly]) + label, 
input[type="number"]:focus:not([readonly]) + label, 
input[type="search"]:focus:not([readonly]) + label, 
input[type="password"]:focus:not([readonly]) + label, 
input[type="datetime"]:focus:not([readonly]) + label, 
input[type="datetime-local"]:focus:not([readonly]) + label, 
textarea.materialize-textarea:focus:not([readonly]) + label { 
	color:#4EB9FF !important; 
}
input.valid:not([type]), 
input.valid[type="url"], 
input.valid[type="tel"], 
input.valid[type="time"], 
input.valid[type="text"], 
input.valid[type="date"], 
input.valid[type="email"], 
input.valid[type="search"], 
input.valid[type="number"], 
input.valid[type="datetime"], 
input.valid[type="password"], 
input.valid:focus:not([type]), 
input.valid[type="tel"]:focus, 
input.valid[type="url"]:focus, 
input.valid[type="text"]:focus, 
input.valid[type="time"]:focus, 
input.valid[type="date"]:focus, 
input.valid[type="email"]:focus, 
input.valid[type="search"]:focus, 
input.valid[type="number"]:focus, 
input.valid[type="password"]:focus, 
input.valid[type="datetime"]:focus, 
input.valid[type="datetime-local"], 
textarea.materialize-textarea.valid, 
input.valid[type="datetime-local"]:focus, 
textarea.materialize-textarea.valid:focus {
	box-shadow: 0 1px 0 0 #FFCE47;
	border-bottom: 1px solid #FFCE47;
	-o-box-shadow: 0 1px 0 0 #FFCE47;
	-ms-box-shadow: 0 1px 0 0 #FFCE47;
	-moz-box-shadow: 0 1px 0 0 #FFCE47;
	-webkit-box-shadow: 0 1px 0 0 #FFCE47;
}
/*.tab[_ngcontent-c9] button { 
	color: #686868 !important;
	padding: 20px 50px !important
}
.tab[_ngcontent-c9] button.active[_ngcontent-c9] { 
	background: #ebebeb !important 
}*/
.tab .row { 
	margin-bottom: 0; 
}
.tabs .indicator { 
	z-index: -1; 
	height: 3px !important; 
	background: #FF4181 !important; 
}
.price-grid { 
	width: 100%; 
	overflow: auto; 
}
.price-grid tr { 
	border-bottom: #f0f0f0 solid 1px; 
}
.price-grid th { 
	text-align: center; 
}
.price-grid td, 
.price-grid th { 
	padding: 15px 10px; 
	white-space: nowrap; 
}
.price-grid td:first-child { 
	border-right: #f0f0f0 solid 1px; 
}
.price-grid td { 
	color: #999; 
	text-align: right; 
}
.price-grid td input[type="text"] {
	width: 50px;
	color: #333;
	margin: 0 5px;
	text-align: center;
}
.price-grid td span { 
	min-width: 10px; 
	display: inline-block; 
}

table.large-table {
	width: 100%;
	display: block;
	border-spacing: 0;
	position: relative;
	border-collapse: collapse;
}
table.large-table thead {
	border: 0;
	float: left;
	display: block;
	border-right: 1px solid #d0d0d0;
}
table.large-table thead tr {
	padding: 0;
	display: block;
}
table.large-table th {
	display: block;
	text-align: right;
	padding:15px 10px;
}
table.large-table th:nth-child(odd) { 
	background: #09F; 
}
table.large-table thead { 
	float: left; 
	display: block; 
}
table.large-table tbody {
	width: auto;
	display: block;
	overflow-x: auto;
	position: relative;
	white-space: nowrap;
}
table.large-table tbody tr {
	padding: 0px;
	vertical-align: top;
	display: inline-block;
}
table.large-table td {
	margin: 0;
	padding: 15px;
	display: block;
	text-align: left;
	border-radius: 0;
	min-height: 1.25em;
	vertical-align: top;
	-o-border-radius: 0;
	-ms-border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-right: #fff solid 1px;
}
table.large-table td:nth-child(odd) { 
	background: #ebebeb; 
}
table.large-table td input[type="text"] {
	margin: 0;
	width: 50px;
	height: auto;
	text-align: center;
}
.record-filter.input-field input {
	padding-left: 4rem;
	padding-right: 4rem;
	/*width: calc(100% - 4rem);*/
}
table.compressed {
	margin-bottom:30px;
}
table.compressed th:first-child, 
table.compressed td:first-child {
	padding-left:30px;
}
table.compressed th:last-child, 
table.compressed td:last-child {
	padding-right:30px;
}
table.compressed td { 
	padding: 5px; 
}
table.compressed td a { 
	margin-right: 10px; 
}
.artbtn {
	height: 100%;
	border-radius: 0;
	box-shadow: unset;
	padding: 30px 30px;
	-moz-border-radius: 0;
	-moz-box-shadow: unset;
	-webkit-border-radius: 0;
	-webkit-box-shadow: unset;
}
.account-view .artbtn { 
	padding: 15px 30px; 
}
.account-view .quote { 
	margin: 5px; 
	display: inline-block; 
}
.account-view .quote.dropd-btn { 
	margin: 0 20px; 
}
.mat-menu-item { 
	height: 30px; 
	color: #686868; 
	font-size: 11px; 
	line-height: 30px; 
}
.mat-menu-item .material-icons { 
	color: #686868; 
	font-size: 11px; 
}

.manage-address {
	width: 100%;
	margin: 0px auto;
	padding: 25px 0 0;
}
/*.address-container:nth-child(even) { 
	margin-right: 0; 
}
.address-container:last-child,
.address-container:nth-last-of-type(2) { 
	margin-bottom: 0; 
}*/
.address-container .dropdown-button { 
	top: 0;
	right: 0;
	position: absolute;
}
.address-container { 
	width: 100%;
	max-width: 350px; 
	position: relative; 
	border-radius: 10px;
	margin-bottom: 20px; 
	display: inline-block;
	-webkit-box-shadow: 
		0 2px 2px 0 rgba(0, 0, 0, 0.14), 
		0 1px 5px 0 rgba(0, 0, 0, 0.12), 
		0 3px 1px -2px rgba(0, 0, 0, 0.2);
	box-shadow: 
		0 2px 2px 0 rgba(0, 0, 0, 0.14), 
		0 1px 5px 0 rgba(0, 0, 0, 0.12), 
		0 3px 1px -2px rgba(0, 0, 0, 0.2);
}
.address-container .dropdown-button { 
	padding: 10px;
}
.manage-address .row { 
	margin-bottom: 0; 
}
.manage-address h4 { 
	font-size: 24px; 
	margin: 0 0 30px 0; 
	padding: 0 15px 15px; 
	border-bottom: #999 solid 1px; 
}
.manage-address .collapsible-body { 
	background: #FFF; 
}
.address-container ul.address { 
	margin: 0; 
	padding: 20px 20px 10px; 
}
.address-container ul.address li {
	display: flex; 
	color: #000000DE;
}
.address-container ul.address li.name { 
	padding: 0 0 10px 0; 
}
.address-container ul.address li.contact {
	padding: 10px 0 0 0; 
}
.address-container .btn-group {
	padding: 0 10px 15px;
}
.address-container .btn-group .btn:first-child {
	border-right: #65C2FF solid 1px;
}
.address-container .btn-group .btn {
	height: unset;
	padding: 0 10px;
	font-size: 12px;
	line-height: normal;
}
#change-address .modal-dialog {
	max-width: 100%;
	min-height: 100%;
	margin: 0px;
}
#change-address .modal-dialog .modal-content {
	min-height: 100vh;
}
#change-address .col {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
#change-address .col h4 {
	max-width: 350px;
	width: 100%;
	color: #000;
	margin-bottom: 20px;
	font-size: 18px;
}
#change-address .footer-btn {
	width: 100%;
	max-width: 350px;	
}
#change-address .footer-btn .btn {
	font-size: 12px;
}
section.cart { 
	margin: -20px -20px 0; 
}
.cart-container { 
	padding: 20px; 
}
.cart-container > .collapsible { 
	border: none; 
}
.cart-container > .collapsible > li { 
	margin-bottom: 15px; 
	border: #ddd solid 1px; 
}
.cart-container > .collapsible > li > .collapsible-header { 
	display: block; 
	padding: 0 1rem;
	line-height:3rem;
	font-weight:bold; 
	border-bottom:none; 
	text-transform:uppercase; 
}
.cart-container > .collapsible > li > .collapsible-header i { 
	float: right;
	margin-right: 0;
	transition: all 0.3s linear 0s;
	-o-transition: all 0.3s linear 0s;
	-ms-transition: all 0.3s linear 0s;
	-moz-transition: all 0.3s linear 0s;
	-webkit-transition: all 0.3s linear 0s;
}
.cart-container > .collapsible > li > .collapsible-header.active i {	
	transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
}
.cart-container > .collapsible > li > .collapsible-body { 
	padding: 2rem 0; 
	border-top: #ddd solid 1px; 
}
.cart-head { 
	display: flex; 
	padding: 20px 0;
	margin: 0 0 20px 0;
	align-items: center; 
	background: #F6F6F6;
}
.cart-head .row { 
	margin: 0; 
}
.cart-head .select-wrapper input.select-dropdown { 
	box-sizing: border-box; 
	margin-bottom: 15px !important; 
	padding-right: 15px !important; 
}
.cart-head .mat-form-field { 
	width: 100%; 
}
.cart-head .mat-form-field-infix { 
	border-top: 0; 
}
.cart-head input { 
	margin-bottom: 0 !important; 
}
.cart-head label { 
	display: block; 
	padding: 15px 0; 
	color: rgba(0,0,0,0.87);
}
.cart-head .proceed {
	width: 100%;
	height: 42px;
	font-size: 12px;
	box-shadow: none;
	border-radius: 0;
	border-radius: 0;
	line-height: 42px;
	-o-border-radius: 0;
	-ms-border-radius: 0;
	text-transform: none;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}
.cart-head .proceed:disabled { 
	background: none !important; 
}
.cart-head ul.quote-options { 
	width:100%; 
	display:block; 
	margin:10px 0 0; 
	text-align: center; 
}
.cart-head ul.quote-options li {
	width: 32%; 
	display: inline-block;
}
.cart-head li .btn { 
	width: 100%; 
	padding: 0px; 
	font-size: 12px; 
	text-align: left; 
}
.cart-head li .btn:hover { 
	background: none; 
}
.cart-head li:last-child .btn { 
	margin-right: 0;
}
.cart-head li .btn i { 
	margin-right: 5px; 
}
.project > h2 { 
	color: #000000; 
	padding: 0 20px; 
	font-size: 24px; 
	font-weight: bold; 
	font-style: italic; 
}
/*.project .col.l12 { 
	margin-bottom: 15px;
	border-bottom: #CCC solid 2px;
}*/
.project .finishing { 
	right: 0 !important; 
	flex-direction: column; 
	padding: 1rem 1rem 0rem 0; 
}
.project .finishing label { 
	width: 100%; 
	display: block; 
}
.project-view {
	padding: 0;
	height: 100%;
	position: relative;
	background: #FFFFFF;
	border-radius: 10px;
	margin-bottom: 20px;
	/*border-top: #ebebeb solid 1px;
	box-shadow:0 1px 3px rgba(0,0,0,0.16);
	-o-box-shadow:0 1px 3px rgba(0,0,0,0.16);
	-ms-box-shadow:0 1px 3px rgba(0,0,0,0.16);
	-moz-box-shadow:0 1px 3px rgba(0,0,0,0.16);
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.16);*/
}
.project-view:after {
	left: 0;
	top: 100%;
	width: 100%;
	height: 2px;
	content: '';
	display: none;
	background: #ccc;
	position: absolute;
}
.project-view > .btn { 
	margin-left: 10px; 
}
.project-view ul.head {
	display:flex;
	margin-top: 0;
	margin-bottom:0;
	align-items:center;
}
.project-view ul.head li { 
	padding-right: 10px; 
}
.edit { 
	right:20px; 
	bottom:10px; 
	font-size:12px;
	position:absolute; 
	text-transform:uppercase; 
}
.garment-view { 
	padding: 20px 0;
	position: relative;
}
.checkout-quantity {}
.checkout-quantity h6 { 
	padding: 10px 0 10px 15px; 
}
.checkout-quantity:last-child .row { 
	margin-bottom: 0; 
}
.garment-view .qty-img,
.checkout-quantity .qty-img {
	text-align: right;
}
.garment-view .qty-img img,
.checkout-quantity .qty-img img { 
	max-height: 100%;
}
.garment-view h3 {
	margin: 20px 0;
	font-size: 18px;
}
.garment-view ul.head {
	display: flex;
	align-items: center;
}
.garment-view ul.head li { 
	padding-right: 10px;
}
.garment-view .garment-item { 
	position: relative; 
	margin-bottom: 30px; 
	padding: 0 50px 20px 50px; 
	border-bottom: #CCC solid 1px; 
}
.garment-view .sizes { 
	text-align: center; 
}
.garment-view .sizes span { 
	color: #999; 
	display: block;
	font-size: 12px; 
}
.garment-view .sizes input[type="number"] { 
	margin: 0; 
	border-width: 0 0 2px; 
	border-color: transparent transparent #4eb9ff; 
}
.garment-view .garment-item .btn {
	color:#666;
	right: 10px;
	bottom: 10px;
	display: flex;
	font-size: 16px;
	position: absolute;
	vertical-align: middle;
}
.col-padding { 
	margin-bottom: 0; 
}
.col-padding .col { 
	padding: 0 5px; 
}
.add-container { 
	text-align: right; 
}
.add-project {
	color: #fff;
	height: auto;
	font-size: 12px;
	line-height: 30px;
	padding: 0px 40px;
	text-align: center;
	margin: 0 60px 20px;
	display: inline-block;
}
.add-project i, 
.add-project span { 
	font-size: 12px; 
	vertical-align: top; 
	display: inline-block; 
}
.line-items.head { 
}
.line-items.head .input-field { 
	margin-top: 0; 
}
.line-items.head .input-field input { 
	max-width: 300px; 
	margin-bottom: 5px; 
}
.line-items.head .input-field label { 
	color: #111; 
	line-height: 32px; 
	font-weight: bold; 
}
.line-items { 
	margin-bottom: 0; 
	padding: 10px 20.75px; 
	border-bottom: #f5f5f5 solid 1px; 
}
/*.line-items:last-child { 
	border-bottom: none; 
}*/
.line-items .first-item { 
	width: 100%; 
	display: flex; 
}
.line-items .first-item .input-field { 
	padding: 0 20px 0 10px; 
}
.line-items .first-item .input-field a { 
	margin: 5px 0; 
}
.line-items .input-field { 
	margin-top: 0.5rem; 
} 
.line-items .input-field a .material-icons { 
	color: #777; 
	font-size: 19px; 
}
.mat-option { 
	height: auto; 
	font-size: 12px; 
	line-height: 24px; 
}
.line-items .sizes { 
	width: 100%; 
}
.line-items .sizes img { 
	max-height: 50px; 
}
.line-items .sizes span { 
	color: #999; 
	display: block;
	font-size: 11px; 
}
.line-items .sizes span.value { 
	color: #111; 
	line-height: 14px; 
}
.line-items .sizes .upload-file span { 
	font-size: 11px; 
}
.line-items .sizes span.price { 
	padding: 0; 
	color: #FF4181; 
	font-size: 12px; 
}
.line-items .sizes input[type="text"] { 
	margin:0 0 5px 0; 
	border-width:0 0 2px; 
	border-color:transparent transparent #4eb9ff; 
}
.line-items a {
	margin: 0; 
	color: #686868; 
	cursor: pointer; 
	font-weight: 600;
	/*line-height: 0; */
	display: inline-block; 
}
.line-items .sizes b { 
	color: #999; 
	display: block;
	font-size: 10px; 
	text-align: right; 
}
/*.terms { 
	padding: 0 0 0 50px; 
	}*/
.terms h4 { 
	font-size: 18px; 
}
.terms p { 
	font-size: 10px; 
}
.print-price td { 
	padding: 8px 10px !important; 
}
.print-price h4 { 
	font-size: 18px; 
}
.print-price input { 
	margin-bottom: 0px !important; 
}

/*Quantity Page*/
.quantity .qty-img, 
.garment-view .qty-img {
	height: 75px;
}
.quantity .qty-img img, 
.garment-view .qty-img img { 
	max-height: 100%; 
}
/*.quantity th,
.quantity td, 
.garment-view th,
.garment-view td {
	padding: 5px !important;
}*/
.quantity th, .garment-view td {
	font-size: 16px;
	font-weight: 500;
}
.quantity ul.colors li.active:after {
	top: 0;
	z-index: 9;
	content: '';
	width: 100%;
	height: 100%;
	position: absolute; 
	display: block; 
	background-size: contain; 
	background: url(../images/click.png) center no-repeat; 
}
.quantity h3 { 
	font-size: 24px;
	font-weight: 500;
	margin: 25px 0;
}
.quantity h3 .per-piece { 
	font-size: 12px; 
}
.quantity .garment-item { 
	width: 100%;
	margin: 30px auto;
	position: relative;
	padding: 0 20px 20px;
}
.quantity .garment-item:last-child { 
	margin-bottom: 0;
}
.quantity .garment-item .row { 
	margin-bottom: 0px; 
}
.quantity .sizes { 
	text-align: center;
}
.quantity .sizes span { 
	display: block;
}
.quantity .sizes input[type="number"] { 
	margin-bottom: 5px;
	padding: 0 !important;
	border-width: 0 0 2px;
	-moz-appearance: textfield;
	border-color: transparent transparent #4eb9ff;
}
.quantity .sizes input[type="number"]::-webkit-inner-spin-button, 
.quantity .sizes input[type="number"]::-webkit-outer-spin-button { 
	margin: 0;
	appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	-moz-appearance: none; 
	-webkit-appearance: none;
}
.quantity .markup-matrix {
	color: #474747;
	margin: 10px 0;
	display: block;
	font-size: 14px;
}
.quantity .garment-item .btn {
	color:#666;
	right: 10px;
	bottom: 10px;
	display: flex;
	font-size: 12px;
	margin-left: auto;
}
.quantity .garment-item .btn i { 
	font-size: 16px; 
	margin-right: 10px; 
}
.quantity .add-garment {
	width: 90%;
	height: auto;
	padding: 15px;
	display: block;
	font-size: 16px;
	margin: 30px auto;
	text-align: center;
}
.quantity .add-garment i, 
.quantity .add-garment span { 
	font-size: 24px;
	vertical-align: top; 
	display: inline-block; 
}
.add-location { 
	width: 100%; 
	padding: 10px; 
	display: block;  
}
.add-location .btn { 
	color: #4EB9FF;
	display: inline-block; 
}
.add-location .btn .remove { 
	float: left;
	display: none;
	margin: 0px 5px 0 0;
}
.add-location .btn .add { 
	float: left; 
	display: block; 
	margin: 0px 5px 0 0;
}
.add-location .btn.active .remove { 
	display: block;
}
.add-location .btn.active .add { 
	display: none;
}
.add-location .btn.active { 
	color: #111;
}
.add-location .btn:hover { 
	background: none; 
}
.chat-container {
	width:100%;
	display:block;
}
.chat-container h6 { 
	font-weight: 500; 
}
.chat-container .collapsible { 
	border: none; 
	box-shadow: none; 
}
.chat-container .mat-expansion-panel-content { 
	padding-top: 0; 
}
.chat-container .mat-accordion:last-child { 
	margin-bottom: 0px; 
}
.chat-container .mat-accordion { 
	display: block; 
	/*margin-bottom: 15px; */
}
.chat-head { 
	margin: 10px;
	display: flex; 
	padding: 0 10px; 
	font-size: 12px; 
	align-items: center; 
	background: transparent; 
	height: 26px !important; 
}
.chat-head:hover {
	background: unset !important;
}
.chat-head .mat-expansion-indicator {
	transition: ease-out all 0.3s;
}
.chat-head .mat-expansion-panel-header-title { 
	align-items: center; 
}
.chat-head span.name { 
	overflow: hidden; 
	white-space: nowrap; 
	text-overflow: ellipsis; 
}
.chat-head i { 
	font-size: 13px; 
	margin-right: 5px; 
}
.chat-head .duration {
	color: #CCC;
	margin-left: 5px;
}
.chat-head span.material-icons {
	padding:10px;
	margin-left:auto;
	transition: all 0.3s linear 0s;
	-o-transition: all 0.3s linear 0s;
	-ms-transition: all 0.3s linear 0s;
	-moz-transition: all 0.3s linear 0s;
	-webkit-transition: all 0.3s linear 0s;
}
.chat-head.active span.material-icons {	
	transform:rotate(180deg);
	-o-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
}
.chat-container .direct-message .mat-accordion  {
	margin-bottom: 0;
}
.chat-container .collapsible .production-notes, 
.chat-container .collapsible .mockup-revisions {
	border-radius: 10px;
}
.chat-container .collapsible-body, 
.chat-container .mat-expansion-panel-body { 
	overflow: auto;
	max-height: 200px; 
	padding: 0 10px !important; 
}
.chat-content {	
	margin: 10px; 
	display: flex; 
	font-size: 12px;
}
.chat-content .content { 
	text-align: left;
	padding-left: 10px;  
}
.chat-content .content:last-child { 
	border-bottom: none; 
}
.chat-content .content h2, 
.chat-content > div > h2 { 
	margin: 0; 
	padding: 0; 
	font-size: 14px; 
	font-style: normal; 
	font-weight: 500 !important; 
}
.chat-content .content h2 .time { 
	color: #999;
	font-size: 12px;
	margin-left: 5px; 
	font-style: normal; 
	font-weight: normal; 
}
.chat-content .content p { 
	margin: 0;
	color: #686868;
	padding: 5px 0;
	font-size: 12px;
	line-height: 1.5;
}
.chat-content:last-child .content p { 
	margin-bottom: 0; 
}
/*.chat-content .dp {
	margin-right: 10px; 
}*/
.chat-content .dp img { 
	width: 50px;
	height: 50px;
	border-radius: 50%;
}
span.uname {
	color: #fff;
	width: 30px;
	height: 30px;
	display: flex;
	font-size: 12px;
	background-color: #333;
	font-weight: bold;
	border-radius: 50%;
	align-items: center;
	justify-content: center;
}
.chat-footer { 
	padding: 10px;
	background: #F9F9F9;
	border: #eee solid 1px;
	border-top: none;
	border-radius: 0 0 10px 10px;
}
.reply .btn, .comments .btn { 
	color: #fff;
	height: 30px; 
	padding:0 20px; 
	line-height: 30px; 
	border-radius: 30px;
	font-size: 12px !important; 
}
.reply .btn:hover, .comments .btn:hover {
	color: #FFF !important;
	background: #333 !important;
}
.comments .btn-pink {
	color: #000; 
}
.reply .btn:hover, 
.comments .btn:hover { 
	color: #000;
	background: none; 
}
.comments textarea, .comments input[type="text"] { 
	margin: 0 0 5px; 
	background: #FFF; 
	line-height: 40px; 
	height: 40px !important;
	padding: 5px 20px !important;
	border-radius: 40px !important;
	border: #eee solid 1px !important;
}
.comments textarea:focus, .comments input[type="text"]:focus {
	box-shadow: none !important;
} 
.cart-footer { 
	margin-top: 30px;
}
.cart-footer .proceed {
	color: #666;
	height: 30px;
	font-size: 12px;
	box-shadow:none;
	border-radius:0;
	margin-right: 50px;
	line-height: 30px;
	-o-border-radius: 0;
	-o-border-radius: 0;
	font-weight: normal;
	-ms-border-radius: 0;
	-ms-border-radius: 0;
	-moz-border-radius: 0;
	display: inline-block;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-webkit-border-radius: 0;
}
.cart-footer ul.quote-options { 
	width: auto; 
	display: table; 
	margin: 10px auto 0;
}
.cart-footer ul.quote-options li { 
	width: 32%; 
	padding: 0 20px; 
	display: table-cell; 
}
.cart-footer li .btn { 
	width: 100%; 
	padding: 0px; 
	display: flex; 
	font-size: 12px; 
	justify-content: center; 
}
.cart-footer li .btn:hover { 
	background: none; 
}
.cart-footer li:last-child .btn { 
	margin-right: 0;
}
.cart-footer li .btn i { 
	margin-right: 5px; 
}
section.checkout { 
	margin: 0px;
}
.checkout-project { 
	padding: 0px; 
}
.checkout-project > .mat-accordion > .mat-expansion-panel { 
	overflow: hidden; 
	box-shadow: none !important;
}
.checkout-project > .collapsible { 
	border: none; 
}
.checkout-project > .collapsible > li { 
	margin-bottom: 15px; 
	border: #ddd solid 1px;
}
.checkout-project > .collapsible > li > .collapsible-header { 
	display: block;
	padding: 0 1rem;
	font-weight: bold;
	line-height: 3rem;
	border-bottom: none;
	text-transform: uppercase;
}
.checkout-project > .collapsible > li > .collapsible-header i { 
	float: right;
	transition: all 0.3s linear 0s;
	-o-transition: all 0.3s linear 0s;
	-ms-transition: all 0.3s linear 0s;
	-moz-transition: all 0.3s linear 0s;
	-webkit-transition: all 0.3s linear 0s;
}
.checkout-project > .collapsible > li > .collapsible-header.active i {	
	transform:rotate(180deg);
	-o-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
}
.checkout-project > .collapsible > li > .collapsible-body { 
	padding: 2rem 0;
	border-top: #ddd solid 1px;
}
.checkout-project > .row { 
	padding-bottom: 20px;
	border-bottom: #CCC solid 2px;
}
.checkout-project h2 { 
	color: #000000;
	font-size: 24px; 
	font-weight: bold;
	margin-bottom: 3rem;
}
.checkout-project .col.l12 { 
	margin-bottom: 24px;
	padding-bottom: 20px;
	border-bottom: #e4e4e4 solid 1px;
}
.checkout-project .col.l12:last-child { 
	border: none;
	margin-bottom: 0;
	padding-bottom: 0;
} 
/*.checkout-project .col.l12:nth-last-of-type(2) { 
	border: none; 
}*/ 
.mat-expansion-panel {
	/*border: #ddd solid 1px;
	box-shadow: none !important;*/
	margin-bottom: 20px !important;
}
.mat-expansion-panel-content { 
	font-size: 12px;
	/*padding-top: 20px; */
	/*border-top: #ddd solid 1px;*/
}
.mat-expansion-panel-body { 
	position: relative;
	padding: 20px 0 24px 0 !important;
}
.mat-expansion-panel-body h5 { 
	padding: 0 1rem;
}
.collapsible .mat-expansion-panel { 
  border: #EEEEEE solid 1px;
	box-shadow: none !important;
	margin: -1px 0 0 0 !important;
  border-radius:  10px 10px 0 0;
}
.collapsible.no-footer .mat-expansion-panel{
  border-radius:  10px;
}
.checkout-head { 
	margin: 0px;
	align-items:center;
	padding: 20px 20.75px;
	border-bottom: solid 1px #ebebeb; 
	/*display:flex; */
	/*box-shadow:0 9px 18px rgba(0,0,0,0.16);
	-o-box-shadow:0 9px 18px rgba(0,0,0,0.16);
	-ms-box-shadow:0 9px 18px rgba(0,0,0,0.16);
	-moz-box-shadow:0 9px 18px rgba(0,0,0,0.16);
	-webkit-box-shadow:0 9px 18px rgba(0,0,0,0.16);*/
}
.checkout-head .row { 
	padding: 15px 0 0 0;
}
.checkout-head .to-detail { 
	display: flex;
	align-items: top;
}
.checkout-head .to-detail b { 
	width: 20%; 
}
.checkout-head .to-detail p {
	margin: 0;
	width: 160px;
	text-align: left; 
	padding-left: 10px; 
}
.checkout-head ul.invoice-options {  
	width: 100%; 
	display: block;
	margin: 10px 0 0;
}
.checkout-head ul.invoice-options li {  
	width: 100%;
	display: block;
}
.checkout-head li .btn {
	width: 100%;
	padding: 0px;
}
.checkout-head li .btn:hover { 
	background: none;
}
.checkout-head li:last-child .btn { 
	margin-right: 0;
}
.checkout-head li .btn i { 
	margin-right: 10px; 
}
.checkout-head .btn i { 
	margin-right: 5px; 
}
.checkout-head .btn:hover { 
	background: none;
}
.checkout-head .select-wrapper span.caret { 
	padding: 0 0px; 
}
.checkout-head label { 
	display: block; 
	color: #FF4181; 
}
.checkout-head .item-container { 
	display: flex;
	flex-wrap: wrap;
	margin: 0 -0.75rem;
	position: relative;
	align-items: center;
}
.checkout-head .item-container .item { 
	display: flex;  
	font-size: 14px;
	margin-right: 10px;
	padding:0 10px 0 0;
	margin-bottom: 5px;
	align-items: center; 
	border-right: solid 1px #ccc;
}
.checkout-head .item-container .item:last-child {
	border-right: none;
}
.checkout-head .item-container .item .mat-icon-button {
	top: 0;
	right: 0;
	width: 30px;
	height: 30px;
	line-height: 30px;
	position: absolute;
}
.checkout-head .item-container .item .mat-icon-button:focus {
	background: #f2f2f2;
}
/*.checkout-head .item-container .item a { 
	color: #000; 
}*/
.checkout-head .item-container .item label { 
	color: unset;
	font-size: unset; 
	padding-right: 5px;
	white-space: nowrap;
}
/*.checkout-head .item-container .item:nth-last-of-type(2) { 
	border-color: #ccc; 
	border-style: solid; 
	border-width: 0 1px; 
}*/
.checkout-head .item-container .item:last-child { 
	margin-right: 0;
	padding-right: 0;
	margin-left: auto; 
}
.checkout-head .item-container .item > span { 
	width: 100%;
	display: block; 
	overflow: hidden;
	line-height: 1rem; 
	font-weight: bold;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.checkout-head .item-container .item .btn { 
	padding: 0 10px; 
	font-size: 13px; 
}
.checkout-head .item-container .item input.select-dropdown { 
	margin-bottom: 0; 
	font-size: 13px; 
}
.checkout-head .item-container .item.status-dd { 
	text-align: left; 
}
.checkout-head .item-container .item.status-dd .mat-form-field-wrapper {
	padding-bottom: 0;
}
.checkout-head .item-container .item.status-dd .mat-form-field-infix {
	padding: 0;
	border-top: none;
}
.checkout-head .item-container .item.status-dd input.select-dropdown { 
	width: 150px; 
}
.checkout-head .item-container .item.status-dd .mat-form-field-underline {
	bottom: -5px;
}
.checkout-head .item-container .item .checkout-head .address { 	
	padding-top: 15px; 
}
.checkout-head .item-container .item .checkout h2 { 
	/*color: #FFF;*/ 
	padding: 15px;
	font-size: 24px; 
	/*background: #333;*/
	margin: 0 0 10px 0; 
}
.checkout-head .row .col.l4 {
	padding-left: 0;
}
.mockups { 
	width: 100%;
	padding: 0px;
	margin: auto;
	display: flex;
	cursor: pointer;
	/*max-width: 550px;
	max-height: 550px;*/
	align-items: center;
	flex-direction: column;
}
.mockups a:first-child {
	width: 100%;
	display: block;
	/*border: #e4e4e4 solid 1px;*/
}
.mockups img { 
	margin: auto;
	display: block;
	width: 100%;
}
.mockups span.review { 
	color: #fff; 
	padding: 5px; 
	display: block; 
	background: #4EB9FF; 
}
.mockups span.approved { 
	font-size: 14px;
	padding: 0px 5px; 
	margin-bottom: 5px;
	/*border-style: solid;
	border-color: #e4e4e4;
	border-width: 0 1px 01px 1px;*/
}
.mockups .btn { 
	padding: 0 10px; 
	box-shadow: none; 
	text-align: center; 
}
.mockups .btn:hover { 
	background: none; 
}
.checkout-detail { 
	position: relative; 
	padding-bottom: 20px; 
}
.checkout-detail .specs li { 
	display: flex;
	align-items: center;
	margin-bottom: 10px;
}
.checkout-detail .specs li span {
	width: 30px;
	height: 30px;
	display: block;
	position: relative;
	margin: 0 15px 0px 0;
	box-shadow: 1px 1px 1px #999;
	-o-box-shadow: 1px 1px 1px #999;
	-ms-box-shadow: 1px 1px 1px #999;
	-moz-box-shadow: 1px 1px 1px #999;
	-webkit-box-shadow: 1px 1px 1px #999; 
}
.checkout-quantity h3 { 
	font-size: 20px;
	font-weight: 500;
	line-height: 20px;
	margin: 10px 0 10px;
}
.checkout-quantity .garment-item { 
	position: relative; 
	margin-bottom: 30px; 
	padding: 0 50px 20px 50px; 
	border-bottom: #CCC solid 1px; 
}
.checkout-quantity .size-list { 
	display: flex; 
	flex-flow: wrap; 
}
.checkout-quantity .sizes th, 
.checkout-quantity .sizes td {
	padding: 5px !important;
}
.checkout-quantity .sizes span { 
	color: #666;
	display: block;
	font-size: 15px;
}
.checkout-quantity .sizes input[type="number"] { 
	width: 50px;
	margin-bottom: 0px;
	border-width: 0 0 2px; 
	border-color: transparent transparent #4eb9ff; 
}
.checkout-quantity .sizes input[type="number"]:disabled {
	border: none !important;
	-moz-appearance: textfield;
}
.checkout-quantity .sizes input[type="number"]:disabled::-webkit-outer-spin-button,
.checkout-quantity .sizes input[type="number"]:disabled::-webkit-inner-spin-button {
	-webkit-appearance: none;
}
.finishing { 
	display: flex;
}
.finishing label { 
	font-weight: 600; 
	line-height: 28px; 
}
.finishing .chip-container { 
	padding: 0 10px;
}
.checkout-quantity .input-field label {
	top: 5px;
	color: #000;
	width: 100%;
	height: 36px;
	line-height: 36px;
	padding: 0 35px 0 0;
	border-bottom: #CCC solid 1px; 
}
.checkout-quantity .input-field label:before { 
	left: auto; 
	right: 0px; 
	transform-origin: 0 0; 
	-webkit-transform-origin: 0 0;	
}
#select-img { 
	width: 90%;
	max-height: 90%;
	top:5% !important;
}
.revision { 
	padding: 0 40px 20px;
}
.revision .btn {
	width: 100%; 
	height: auto; 
	font-size: 18px; 
	padding: 20px 10px; 
	margin-bottom: 0px; 
	line-height: normal; 
}
.revision .btn span { 
	display: block; 
	font-size: 14px; 
}
.revision .chat-head { 
	margin-bottom: 10px; 
	height: auto !important; 
}
.revision .chat-content { 
	padding: 20px;
	display: block;
}
.revision .chat-content .content { 
	position: relative; 
	padding-right: 40px;
}
.revision .chat-content .content .dp { 
	right: 0; 
	top: 5px; 
	margin: 0; 
	position: absolute; 
}
.revision .chat-content .content .dp img { 
	margin: 0 auto !important;
}
section.brands {
	padding: 50px 0;
}
section.brands a {
	display: table;
	padding: 15px 10px;
}
section.brands a img { 
	box-shadow: none; 
	-o-box-shadow: none; 
	-ms-box-shadow: none; 
	-moz-box-shadow: none; 
	-webkit-box-shadow: none;
}
.impressions {
	height: 100%;
	padding: 20px 0px;
	border-right: #e4e4e4 solid 1px;
}
.impressions h2 { 
	color: #333; 
	font-size: 24px; 
	margin: 0px 0 20px; 
	font-weight: 500 !important; 
}
.impressions h6 {
	font-weight: 500;
}
.impressions .btn {
	padding: 0;
	width: 100%;
	color: #65C2FF;
	display: block;
	text-align: left;
	margin-bottom: 10px;
}
.impressions .btn.active { 
	color: #333 !important; 
}
.impressions ul { 
	margin-top: 0; 
	margin-bottom: 0; 
}
.impressions ul li { 
	display: flex;
	align-items: center;
}
.impressions ul li b { 
	color: #111; 
	margin-right: 10px; 
	font-weight: normal; 
}
.impressions ul li .material-icons { 
	color:#686868; 
	font-size: 14px; 
}
.impressions ul li a { 
	color: #039be5; 
	cursor: pointer; 
	font-size: 12px; 
	padding: 5px 5px; 
	text-transform: uppercase; 
}
/*.impressions ul.head li { 
	padding:5px 0; 
}*/
.add-note { 
	margin-top: 20px; 
}
.add-note h6 { 
	font-weight: 500;
}
.finishing-items {
	display: flex;
	align-items: center;
}
.finishing-items span { 
	font-size: 14px; 
}
.finishing-items .mat-checkbox { 
	margin-left: auto; 
}
.print-container .prints:first-child {
	padding-top: 0;
}
.print-container .prints { 
	width: 100%;
	padding: 20px 0;
	border-radius: 10px;
	margin-bottom: 20px;
	background-color: #fff;
	/*border-bottom: #e4e4e4 solid 1px;*/
}
.print-container .prints nav.project-tabs {
	margin-bottom: 20px;
}
.print-container .product-view { 
	width: 100%;
	background:#FFF;
}
.print-container .product-view .thumb-list { 
	width: 15%; 
	padding: 20px 15px 0;
}
.print-container .product-view .main-img { 
	width: 60%; 
}
.print-container .front .art-content {
	top:20%;
	left:30%;
	width:40%;
	height:40%;
	color:#CCC;
	cursor: pointer;
	position:absolute;
}
.print-container .front .art-content .imgPreviewBox {
	top: 50%;
	left: 50%;
	width: 80%;
	height: 50%;
	display: flex;
	max-width: 80%;
	min-width: 30%;
	position: relative;
	align-items:center;
	justify-content:center;
	transform: translate(-50%, -50%);
}
.print-selected-file { 
	width: 50%;
	/*height: 380px;*/
	margin: 20px auto; 
	text-align: center;
	position: relative; 
	/*background:url(../img/file-bg.png); */
	
}
.print-selected-file:before {
	top: 50%;
	left: 50%;
	z-index: 9;
	content: '';
	position: absolute;
	border: #aaa solid 1px;
	transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
}
.print-selected-file > span {
	display: flex;
	align-items: center;
	flex-direction: column;
}
.print-selected-file > span .btn {
	margin-top: 20px;
}
.print-selected-file a {
	top: 50%;
	left: 50%;
	z-index: 8;
	width: 100%;
	display: flex;
	color: #65C2FF;
	font-size: 20px;
	padding: 0 1rem;
	position: absolute;
	font-weight: normal;
	align-items: center;
	justify-content: center;
	text-transform: uppercase;
	transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
}
.print-selected-file a:hover, 
.print-selected-file a:focus { 
	background: transparent;
}
.print-selected-file a i {
	margin-left: 10px;
}
.print-selected-file canvas {
	/*top: 50%;
	left: 50%;*/
	/*width: 100%;*/
	max-width: 500px;
	max-height: 380px;
	/*position: absolute;*/
	display: inline-block;
	/*	transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);*/
}
.print-detail { 
	width: 50%;
	height: 100%;
	overflow: auto;
	padding-top: 20px;
	margin-left: 20px;
	padding-left: 20px;
  scrollbar-width: none;
  -ms-overflow-style: none;
	border-left: #e4e4e4 solid 1px;
}
.print-detail:-webkit-scrollbar {
  display: none;
}
.print-detail label { 
	display: flex;
	font-weight: 500; 
}
.print-detail .impressions {
	height: auto;
	border-right: none;
	padding: 0 0 20px 0;
}
.print-detail .mat-form-field-wrapper {
	padding-bottom: 0;
}
.print-detail .mat-form-field-underline {
	bottom: 0;
}
.print-detail .specs .modal-trigger {
	margin-top: 10px;
	display: inline-block;
}
.print-specs { 
	width: 100%;
	display: block;
	padding: 0 20px 30px;
}
.print-specs h2 { 
	color: #333; 
	font-size: 16px; 
	margin: 0px 0 20px; 
	font-weight: 500 !important; 
}
.print-detail .specs ul.colors {
	margin-top: 0;
}
.specs {
	position: relative;
}
.specs h6 { 
	font-weight: 500;
}
.specs ul.colors li {
	padding: 0;
	width: 100%;
	display: flex;
	margin: 0 0 15px 0;
	flex-direction: column;
	align-items: flex-start;
}
.specs ul.colors li:last-child {
	margin-bottom: 0;
}
.specs ul.colors li.addedColor:after {
	width: 81px;
	height: 81px;
	background-size: 50px;
}
.specs ul.colors li img,
.specs ul.colors li span.ink_img_bg,
.specs ul.colors li span.ink_color_bg {
	margin: 0;
	width: 100%;
	height: 50px;
	display: block;
	position: relative;
	background-size: contain;
	/*box-shadow: 0px 0px 2px #999;
	-o-box-shadow: 0px 0px 2px #999;
	-ms-box-shadow: 0px 0px 2px #999;
	-moz-box-shadow: 0px 0px 2px #999;
	-webkit-box-shadow: 0px 0px 2px #999;*/ 
}
.specs ul.colors li span.ink_color_name { 
	padding: 12px;
	color: #686868;
	font-size: 11px;
	text-align: left;
}
.specs .chip { 
	color: #111; 
	height: 24px; 
	padding:0 20px; 
	font-size: 12px; 
	line-height: 24px; 
	vertical-align:top; 
	font-weight:normal; 
}
.specs .input-field { 
	margin:-5px 0 0 0; 
	display: inline-block;
}
.specs textarea.materialize-textarea { 
	max-height: 90px; 
	margin-bottom: 0; 
	overflow: hidden; 
	padding-bottom: 10px; 
}
.specs:last-child { 
	margin-bottom: 0; 
}
.specs label { 
	display: flex; 
	margin-bottom: 10px; 
}
.specs label a { 
	margin-left: auto; 
}
.specs label .mat-checkbox {
	margin-left: auto;
	margin-bottom: 0;
}
.specs ul.colors {
	display: flex;
	flex-flow: wrap;
	display: -moz-box;
	margin: 10px 0 0 0;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
}
.specs ul.colors li.active:after {
	z-index: 9;
	content: '';
	width: 100%;
	height: 100%;
	display: block; 
	position: absolute; 
	background-size: contain; 
	/* background: url(../images/click.png) center no-repeat;  */
}
.file-container {
	padding: 0;
	width: 100%;
	display: flex;
	overflow: auto;
	flex-flow: wrap;
	text-align: left;
	display: -moz-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
}
.file-container .file {	
	font-size: 14px; 
	position: relative; 
	margin: 0 5px 0px 0; 
	padding-bottom: 20px; 
}
.file-container .file .quote { 
	bottom: 0; 
	margin: 0; 
	position: absolute; 
}
.file-container .file:last-child { 
	margin-right: 0; 
}
.file-container .file .file-img {
	width: 120px;
	height: 90px;
	overflow: hidden;
	position: relative;
	margin-bottom: 5px;
	box-shadow: 0 3px 6px rgba(0,0,0,0.16);
	-o-box-shadow: 0 3px 6px rgba(0,0,0,0.16);
	-ms-box-shadow: 0 3px 6px rgba(0,0,0,0.16);
	-moz-box-shadow: 0 3px 6px rgba(0,0,0,0.16);
	-webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.16);	
}
.file-container .file .file-img img {
	top: 50%;
	left: 50%;
	max-width: 100%;
	cursor: pointer;
	max-height: 100%;
	position: absolute;
	transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
}
.file-container .file .file-folder {
	width: 120px;
	height: 90px;
	cursor: pointer;
	position: relative;
	border: 1px solid #ccc;
}
.file-container .file i.material-icons {
	top: 10px;
	right: 10px;
	color: #686868;
	font-size: 30px;
	position: absolute;
}
.file-container .file span.status { 
	color: #fff; 
	width: 120px; 
	display: block;
	padding: 5px 10px; 
	text-align: center; 
	border-right: none;
}
.file-container .file label { 
	color: #111; 
	display: block; 
	margin-bottom: 0; 
	line-height: 14px; 
	padding: 10px 5px 0; 
	font-weight: bold !important; 
}
.file-container .file span.date { 
	color: #111; 
	display: block; 
	margin-bottom: 0; 
	line-height: 14px; 
	padding: 10px 5px 0; 
}
.selected-file { 
	margin: 0 10px; 
	height: 480px; 
	position: relative; 
	background:url(../img/file-bg.png); text-align:center; 
}
.selected-file canvas {
	top: 50%;
	left: 50%;
	width: 100%;
	max-width: 500px;
	max-height: 480px;
	position: absolute;
	display: inline-block;
	transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
}
.folderback {
	color: #000;
	display: flex;
	cursor: pointer;
	line-height: 24px;
	margin-bottom: 10px;
}
.artwork-container {
	width: 100%; 
	display: flex;
	flex-flow:wrap; 
	display: -moz-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
}
.artwork-container .artwork { 
	width: 100%; 
	display: block; 
}
.artwork-container .artwork h2 { 
	color: #fff; 
	margin-top: 0;  
	font-size: 18px; 
	background: #e4e4e4; 
	margin-bottom: 10px; 
	background: #4EB9FF;
	padding: 5px 10px !important 
} 
.artwork-container .file {
	font-size: 14px; 
	position: relative;
	margin: 0 5px 0px 0; 
}
.artwork-container .file > span.name { 
	height: 40px; 
	width: 120px; 
	display: block; 
	overflow: hidden;
	position: relative; 
	text-align: center; 
	white-space: normal; 
	word-break: break-all;
}
.artwork-container .file i.material-icons {
	top: 10px;
	right: 10px;
	color: #686868;
	font-size: 30px;
	position: absolute;
}
.artwork-container .file  label { 
	display: block; 
}
.artwork-container .file span.status { 
	color: #fff; 
	width: 100%; 
	display: block; 
	padding: 5px 10px; 
	white-space: normal; 
}
.artwork-container .file:last-child { 
	margin-right: 0; 
}
.artwork-container .file .file-img {
	width: 120px;
	height: 90px;
	overflow: hidden;
	position: relative;
	margin-bottom: 5px;
	box-shadow: 0 3px 6px rgba(0,0,0,0.16);
	-o-box-shadow: 0 3px 6px rgba(0,0,0,0.16);
	-ms-box-shadow: 0 3px 6px rgba(0,0,0,0.16);
	-moz-box-shadow: 0 3px 6px rgba(0,0,0,0.16);
	-webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.16);	
}
.artwork-container .file .file-img img {
	top: 50%;
	left: 50%;
	cursor: pointer;
	max-width: 100%;
	max-height: 100%;
	position: absolute;
	transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
}
#ink-change .modal-content h5 { 
	min-height: 150px; 
	align-items: center; 
	text-transform: none;
	justify-content: center;
}
#ink-change button.close { 
	right: 0; 
	color: #000; 
	border: none; 
	position: absolute; 
	background: transparent; 
}
#ink-change hr { 
	margin: 0; 
}
#ink-change .draged-product { 
	position: relative; 
}
#art-manager {
}
/*#art-manager #color-container .colors, */
#ink-change #color-container .colors { 
	display: flex; 
	flex-flow: wrap;
	padding: 10px 0px 0px 10px;
}
/*#art-manager #color-container .colors span, */
#ink-change #color-container .colors span {
	width:30px;
	height:30px;
	display: block;
	margin: 0 10px 10px 0; 
	background-size: contain;
}
#refund .modal-dialog {
	max-width: 700px;
}
#discount .modal-dialog {
	max-width: 400px;
}
#saveQuote .modal-dialog {
	margin: 0;
	width: 100%;
	min-height: 100%;
	max-width: unset;
}
#saveQuote .modal-dialog .modal-content {
	margin: auto;
	max-width: 100%;
	min-height: 100vh;
}
#saveQuote .modal-dialog .modal-body {
	display: flex;
	align-items: center;
	justify-content: center;
	height: calc(100vh - 34px);
}
.saveQuote-container {
	width: 100%;
	max-width: 550px;
}
#saveQuote .search, 
#saveQuote .input-field { 
	margin-top: 0; 
}
#saveQuote .btn-flat { 
	padding: 0 15px; 
}
#saveQuote .btn-flat:hover { 
	background: transparent; 
}
.modaldisabled {
	cursor: default;
	color: #b3b3b3 !important;
	background-color: transparent !important;
}
.main-print ul {
	vertical-align: top; 
	display: inline-block; 
}
.main-print .replace-color {
	position: relative;
	vertical-align: top;
	display: inline-block;
}
.main-print .replace-color #color-container {
	left: 110%;
	z-index: 99;
	width: 290px;
	background: #fff;
	position: absolute;
	box-shadow:0 3px 6px rgba(0,0,0,0.16);
	-o-box-shadow:0 3px 6px rgba(0,0,0,0.16);
	-ms-box-shadow:0 3px 6px rgba(0,0,0,0.16);
	-moz-box-shadow:0 3px 6px rgba(0,0,0,0.16);
	-webkit-box-shadow:0 3px 6px rgba(0,0,0,0.16);
}
.main-print .replace-color #color-container .colors span:last-child { 
	padding: 7px 0; 
	text-align: center; 
}
.main-print .replace-color #color-container button.close {
	top: -15px;
	color: #fff;
	width: 30px;
	height: 30px;
	right: -15px;
	border: none;
	padding: 2px 0;
	background: #333;
	position: absolute;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
}
.main-print ul li { 
	margin-right:10px; 
	vertical-align: top; 
	margin-bottom: 10px; 
	display: inline-block; 
}
.main-print ul i,
.main-print ul span { 
	display: block; 
	text-align: center; 
}
.main-print ul span.color, .main-print ul img { 
	width:30px; 
	height:30px; 
	display: block; 
	background:#ccc;
	background-size: cover;
}
.ink-product-container { 
	width: 100%; 
	display: flex; 
	overflow: auto;
}
.ink-product { 
	width: 200px; 
	flex:0 0 auto; 
	padding: 0 15px; 
	text-align: center; 
	display: inline-block; 
}
.ink-product h6 { 
	font-size: 14px; 
	text-align: center;
}
.ink-product.list img { 
	width: 50%; 
	margin: auto; 
	display: block; 
} 
.ink-product img { 
	height: 163px;
}
.ink-grid tbody tr { 
	cursor: grab;
}
.ink-grid tbody tr:active {
	cursor: grabbing;
	cursor: -moz-grabbing;
	cursor: -webkit-grabbing;
}
/*.printmodal {
	top: 50%;
	left: 50%;
	max-width: 90%;
	overflow: auto;
	max-height: 90%;
	position: absolute;
	transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
}*/
.cdk-global-scrollblock { 
	overflow: auto; 
}
.cdk-global-overlay-wrapper .cdk-overlay-pane { 
	height: 100%; 
	overflow: auto; 
	width: 100% !important;
	max-width: unset !important;
}
.mat-dialog-container { 
	box-shadow: none; 
	background-color: transparent !important; 
}
.printmodal {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	/*position: fixed;*/
}
.printmodal .modal-dialog { 
	max-width: 75%; 
}
.printmodal .modal-dialog { 
	max-width: 75%; 
}
.printmodal.fullscreen-modal .modal-dialog {
	margin: 0;
	max-width: 100%;
	min-height: 100%;
}
.printmodal.fullscreen-modal .modal-dialog .modal-content {
	min-height: 100vh;
}
.printmodal.fullscreen-modal .modal-header {
	top: 0;
	width: 99%;
	z-index: 9;
	position: absolute;
}
.printmodal.fullscreen-modal .modal-body {
	padding-top: 34px;
}
#product-detail ul.steps {
	padding: 20px 100px 20px 10px;
	/*justify-content: flex-end;*/
}
#send-mail .modal-dialog { 
	width: 100%; 
	max-width: 500px; 
}
#pommission-pay .modal-dialog { 
	width: 500px; 
}
#checkout .modal-dialog h3 {
	font-size: 18px;
	margin-bottom: 10px;	
}
#delete-item .modal-dialog { 
	width: 400px; 
}
#delete-item .modal-dialog hr { 
	margin: 15px 0; 
	border-color: transparent transparent #ccc transparent; 
}
#override-stock .modal-dialog { 
	width: 300px; 
}
#override-stock .modal-dialog hr { 
	margin: 15px 0; 
	border-color: transparent transparent #ccc transparent; 
}
#create-store .modal-dialog { 
	width: 100%; 
	max-width: 750px; 
}
#add-task .modal-dialog { 
	max-width: 95%; 
}
.mat-form-field-ripple { 
	background-color: #4eb9ff;
}
.mat-primary .mat-pseudo-checkbox-checked, 
#add-task .mat-primary .mat-pseudo-checkbox-indeterminate { 
	background: #4eb9ff;
}
/*#invoice-art-manager .modal-dialog { 
	max-width: 75%;
}
#invoice-art-manager .modal-body { 
	padding: 20px 5px; 
}
#invoice-art-manager .file-container { 
	max-height: 440px; 
}*/
/*#invoice-art-manager .file-container .file { 
	margin-right: 20px; 
	padding-bottom: 15px; 
}*/
#invoice-art-manager a.btn { 
	display: flex; 
	margin-top: 10px; 
	align-items: center; 
}
#invoice-art-manager a.btn:hover { 
	color: #fff; 
	background: #4eb9ff; 
}
#invoice-art-manager .file-container .file .file-img { 
	width: 140px; 
	height: 140px; 
}
/*#invoice-art-manager .artwork-container { 
	max-height: 485px; 
	overflow: auto; 
}*/
#invoice-art-manager .replace-color ul li { 
	display: flex; 
	align-items: center; 
	margin-bottom: 10px; 
}
#invoice-art-manager .replace-color ul li i.material-icons { 
	width: 30px; 
	margin-right: 10px; 
}
#invoice-art-manager .print-detail { 
	width: 100%; 
	overflow: auto; 
	margin-left: 0; 
	max-height: 500px; 
}
/*#art-manager .modal-dialog {
	max-width: 55%; 
}*/
#art-manager.invoice-files { 
	width: 40%; 
	height: 50%; 
	max-height: 50%; 
	top: 5% !important; 
	background: #F6F6F6; 
}
#art-manager.invoice-files .modal-content{
	height: auto;
}
.printmodal .modal-header,
#art-manager .modal-header { 
	display: flex;   
	align-items: center;
}
.printmodal .modal-header h4,
#art-manager .modal-header h4 { 
	margin: 0; 
	font-size: 18px; 
	padding: 15px !important; 
}
.printmodal .modal-header button,
#art-manager .modal-header button { 
	border: none; 
	display: flex;
	padding: 0 15px;
	margin-left: auto;
	align-items: center;
	background: transparent; 
}
.printmodal .modal-header button i,
#art-manager .modal-header button i { 
	line-height: 1.4;
}
#art-manager .modal-content { 
	padding: 0; 
	height: 90%; 
	position: relative; 
}
#art-manager .modal-content .row { 
	margin-bottom: 0;
}
#art-manager .file-container { 
	max-height: 440px; 
}
#art-manager h2 {
	color: #fff;
	width: 100%;
	display: block;
	font-size: 18px;
	text-align: left;
	margin: 0 0 10px 0;
	padding: 5px 10px !important;
}
#art-manager ul.colors {
	display: block;
	margin:10px 0 0 0;
}
#art-manager ul.colors li:first-child a { 
	color: #333;
	font-size: 18px;
}
#art-manager ul.colors li {
	width: auto;
	border:none;
	height: auto;
	padding: 0px;
	display: flex;
	box-shadow: none;
	align-items:center;
	margin-bottom: 5px;
	-o-box-shadow: none;
	-ms-box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}
#art-manager ul.colors li img,
#art-manager ul.colors li span.ink_color_bg {
	width:30px;
	height:30px;
	display:block;
	position:relative;
	margin:0 10px 0 0;
	border:1px solid #ccc;
}
#art-manager label.measurements { 
	margin: 20px 0; 
	display: block; 
	font-size: 16px; 
}
#art-manager label.measurements span { 
	display: block; 
	font-size: 12px; 
}
#artwork-files .file-container { 
	max-height: 500px; 
}
#artwork-files .row { 
	margin-bottom: 0;
}
#artwork-files a.btn { 
	display: flex; 
	margin-top: 10px; 
	align-items: center; 
}
#artwork-files a.btn:hover { 
	color: #fff; 
	background: #4eb9ff; 
}
#artwork-files .replace-color ul li { 
	display: flex; 
	align-items: center; 
	margin-bottom: 10px; 
}
#artwork-files .replace-color ul li i.material-icons { 
	width: 30px;
	margin-right: 10px;
}
#name-number {
	width: 100%;
}
#name-number th ul, 
#name-number td ul { 
	margin: 0; 
	display: flex; 
	border-right: solid 1px #ccc; 
}
#name-number th li, 
#name-number td li { 
	width: 50px; 
	padding: 0 5px; 
}
#name-number th li:first-child, 
#name-number td li:first-child { 
	text-align: left;
	width: 150px !important; 
}
#name-number td li input[type="number"] { 
	width: 50px; 
}
/*#name-number td li input[type="text"] { 
	min-width: 100px; 
}*/
#name-number td li input { 
	margin:0px; 
}
#mockup_message { 
	width: 100%; 
}
#mockup_message .modal-dialog { 
	max-width: 85%; 
}
#mockup_message img {
	width: 100%; 
	display: block; 
	margin: 0px auto; 
	/*max-height: 75vh;*/
}
#mockup_message .modal-content { 
	padding: 0 !important; 
}
#mockup-manager .project-view { 
	padding: 10px;
	box-shadow: none;
	border-top: unset;
	margin-bottom: 30px;
	background: transparent;
}
#mockup_message .project-view ul.head { 
	width: 33.33%; 
	display: block; 
}
#mockup_message .project-view ul.head li:first-child { 
	padding-right: 10px; 
}
#mockup_message .project-view ul.head li { 
	width:auto;
	height: auto;
	display: flex;
	padding-right: 0;
	align-items: center;
}
#mockup_message .project-view ul.head li label { 
	width: 100%; 
	margin-bottom: 10px; 
}
#mockup_message .project-view ul.head li .ink_color_bg { 
	width: 30px; 
	height: 30px;
	margin-right: 5px; 
	margin-bottom: 5px;
}
#mockup_message .project-view ul.head li .ink_color_name { 
	font-size: 11px;
}
#mockup_message .project-view ul.head li .chip { 
	padding: 0 15px; 
}
#mockup_message .project-view ul.head li img { 
	width: 30px; 
	height: 30px; 
	margin: 0 5px 5px 0; 
}
#mockup_message .project-view {	
	padding: 0;
	height: auto;
	display: flex;
	border-top: none;
	box-shadow: none;
}
#mockup_message .revision {
	padding: 0;
}
#mockup_message .revision .chat-head {
	margin: 0;
	padding: 0;
}
#mockup_message .revision .chat-content {
	margin: 0;
	padding: 10px 0;
}
#mockup_message .btn-container {
	display: flex;
	padding: 0 40px 20px;
}
#mockup_message .btn-container .btn:last-child { 
	margin-left: auto; 
}
#mockup_message .row { 
	margin: 0;
}
#mockup_message .modal-body { 
	position: relative; 
}
#mockup_message button.prev {
	top: 50%;
	left: 0px;
	opacity: 0.7;
	height: auto;
	display: flex;
	padding: 10px;
	position: absolute;
	transform: translateY(-50%);
	background-color: rgba(0,0,0,1);
}
#mockup_message button.next {
	top: 50%;
	right: 0px;
	opacity: 0.7;
	height: auto;
	display: flex;
	padding: 10px;
	position: absolute;
	transform: translateY(-50%);
	background-color: rgba(0,0,0,1);
}
#mockup_message button.prev:hover, 
#mockup_message button.next:hover {
	opacity: 1;
} 
#add-task .mat-datepicker-toggle { 
	top: 0; 
	right: 0; 
	position: absolute; 
}
#add-task .mat-datepicker-toggle > button { 
	height: 20px !important; 
	line-height: 20px !important; 
}
#add-task .mat-datepicker-toggle > button:focus, 
.create-task .mat-button-focus-overlay { 
	background: none !important; 
}
#add-task .mat-form-field { 
	width: 100%; 
	margin-top: 12px; 
}
#add-task .mat-lab { 
	display: block;
	margin-bottom: 5px;
}
.product-detail .description { 
	width: 100%;
	display: block; 
}
.product-detail .description ul { 
	margin: 0;
}
.product-detail .detail .based { 
	display: flex; 
	display: block; 
	font-size: 12px; 
}
.product-view {
	width: 100%;
	display: flex;
	display: -moz-box;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	/* align-items: center; */
}
.product-view .thumb-list { 
	width: 20%; 
	padding: 20px 15px;
}
.product-view .thumb-list li img { 
	cursor: pointer; 
	max-height: 100px; 
}
.product-view .thumb-list li a { 
	color: #333; }
.product-view .main-img { 
	width: 80%; 
	padding: 5%; 
	display: table; 
	position: relative; 
}
.product-view .main-img img { 
	max-height: 600px; 
}
.colors {
	margin: 0;
	display: flex;
	flex-flow: wrap;
	display: -moz-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
}
.product-detail {
	/*height: 100%;*/
	position: relative;
	padding-bottom: 80px;
}
.product-detail h2 {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 20px;
}
.detail { 
	font-size: 14px;
	padding: 10px 0 44px;
}
ul.colors {
	margin: 0;
	display: flex;
	flex-flow: wrap;
	display: -moz-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
}
ul.colors li { 
	width: 130px; 
	display: block;
	min-height: 52px; 
	overflow: hidden;
	position: relative; 
	margin: 0 8px 8px 0;
	padding: 5px 5px 5px 60px;
	background-size: 54px 40px;
	background-repeat: repeat-y;
	box-shadow: 1px 1px 5px rgba(0,0,0,0.1);
}
ul.colors li span {
	display: block;
	font-size: 12px;
	line-height: 15px;
}
ul.colors li span.bg-type {
  top: 0;
  left: 0;
	width: 54px;
  height: 100%;
  position: absolute;
  border-right: 1px solid #e4e4e4;
}
ul.colors li img { 
	height: 40px; 
}
ul.colors li.active { 
	z-index: 9; 
	box-shadow: 0 0 5px 2px rgba(0,0,0,0.5); 
}
/*ul.colors li.addedColor { 
	padding-left: 35px;
}*/
ul.colors li.addedColor:after {
	top: 0;
	left: 0;
	z-index: 9;
	content:'';
	width: 52px;
	height: 52px;
	display: block; 
	position: absolute; 
	background-size: 30px; 
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../../../assets/img/click.png); 
}
ul.colors li .addedColor:after {
	top: 0;
	left: 0;
	z-index: 9;
	content:'';
	width: 100px;
	height: 100px;
	display: block; 
	position: absolute; 
	background-size: 50px; 
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../../../assets/img/click.png); 
}
.product-btn {
	display: flex;
	font-size: 14px;
	flex-flow: wrap;
	font-weight: 500;
	margin-top: 20px;
	display: -moz-box;
	padding-right: 10px;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	justify-content: flex-end;
}
.product-btn .btn {
	color: #FFF;
	height: auto;
	padding: 0 10px;
}
.product-btn .btn:last-child {
	padding:  0 10px;
	margin-left: 10px;
}
.upload-instruction {
	width: 50%;
	margin: auto;
	display: block;
	text-align:center;
}
.upload-instruction h4 {
	color:#000;
}
.upload-instruction p {
	color:#666;
}
.upload-instruction ul {
	display:block;
}
.upload-instruction li {
	color: #666;
	padding: 5px;
	display: inline-block;
}
.browse { 
	color: #fff; 
	width: 200px; 
	overflow: hidden; 
	position: relative; 
	display: inline-block; 
} 
.browse label { 
	color:#FFF; 
} 
.browse input[type="file"] { 
	left:0; 
	top: 0; 
	opacity:0; 
	z-index:99; 
	width:100%; 
	height:100%; 
	cursor: pointer;
	margin-bottom: 0;
	position:absolute; 
}

/*Ink*/
/*.ink { 
	background: #fff; 
}*/
.ink-type { 
	height: 100%; 
	display: flex;
	padding: 2em 2em;
	position: relative; 
	text-align: center;
	flex-direction: column;
}
.ink-type .ink-img { 
	height: 200px; 
	position: relative; 
	margin-bottom: 20px; 
}
.ink-type .ink-img img {
	top: 50%; 
	left: 50%;
	max-height: 100%;
	position: absolute; 
	border-radius: 20px;
	transform: translate(-50%, -50%);
}
.ink-type h5 { 
	color: #686868;
	font-size: 16px;
	line-height: 110% !important;
	text-transform: unset !important;
	letter-spacing: unset !important;
	margin: 0.82rem 0 0.656rem 0 !important;
}
.ink-type .btn {
	height: auto; 
	margin-top: auto;
	min-height: 30px;
	line-height: unset;
	padding: 10px 20px;
}
/*#ink-picker { 
	z-index: 9999999 !important; 
}*/
#ink-picker ul.steps {
	/*justify-content: flex-end;*/
	padding: 20px 100px 20px 10px;
}
#ink-picker .specs ul.colors li {
	width: 100px;
	margin: 0 15px 15px 0;
}
#ink-picker .specs ul.colors li img, 
#ink-picker .specs ul.colors li span.ink_img_bg, 
#ink-picker .specs ul.colors li span.ink_color_bg {
	width: 100px;
	height: 100px;
}
#ink-picker .modal-dialog { 
	max-width: 100%;
	min-height: 100%;
	margin: 0 0 70px 0; 
}
#ink-picker .modal-dialog .modal-content {
	min-height: 100vh;
}
#ink-picker h5 { 
	color: #000;
	font-size: 18px;
	font-weight: bold;
}
#ink-picker ul.colors { 
	margin-bottom: 50px; 
}
/*#ink-picker ul.colors li { 
	width: 35px; 
}*/
#ink-picker ul.colors li.addedColor { 
	padding-left: unset;
}
#ink-picker .row { 
	margin: 0; 
}
#ink-picker .row .row { 
	margin: 20px; 
}
#ink-picker input[type="text"] { 
	margin: 0; 
	border-color: transparent transparent #4EB9FF transparent; 
}
#ink-picker input[type="text"]:focus:not([readonly]) {
	box-shadow: 0 1px 0 0 #4EB9FF;
	-o-box-shadow: 0 1px 0 0 #4EB9FF;
	-ms-box-shadow: 0 1px 0 0 #4EB9FF;
	-moz-box-shadow: 0 1px 0 0 #4EB9FF;
	-webkit-box-shadow: 0 1px 0 0 #4EB9FF;
}
#checkout .row { 
	margin-bottom: 0; 
}
#checkout .alert a { 
	float: right; 
	color: #a94442; 
	font-size: 24px; 
	line-height: 24px; 
}
#checkout .save-card {
	text-align: left;
}
#checkout .save-card label { 
	position: static; 
}
#shipping-info .modal-dialog { 
	max-width: 700px;
}
#shipment-list .modal-dialog { 
	max-width: 600px;
}
#imgLargeview { 
	text-align: center;
}
#imgLargeview .modal-dialog { 
	width: auto;
	max-width: 800px;
	display: inline-flex;
}
#imgLargeview .modal-body { 
	padding: 0px; 
	position: relative; 
}
#imgLargeview .modal-close { 
	top:0; 
	right: 0; 
	border: none; 
	padding: 10px;
	display: flex;
	position: absolute; 
	align-items: center;
	background: rgba(255,255,255,0.5); 
}
#imgLargeview .main-img img { 
	display: block; 
	max-height: 75vh; 
}
.check2cross [type="checkbox"]:checked + label::before {
	top: -4px;
	left: -20px;
	width: 22px;
	height: 22px;
	border-top: none;
	border-left: none;
	border-bottom: none;
	transform: rotate(45deg);
	backface-visibility: hidden;
	transform-origin: 100% 100%;
	border-right: 2px solid #f00;
	-webkit-transform: rotate(45deg);
	-webkit-backface-visibility: hidden;
	-webkit-transform-origin: 100% 100%;
}
.check2cross [type="checkbox"]:checked + label::after {
	top: -4px;
	left: -6px;
	width: 22px;
	height: 22px;
	border-top: none;
	border-left: none;
	border-right: none;
	transform: rotate(45deg);
	backface-visibility: hidden;
	transform-origin: 100% 100%;
	border-bottom: 2px solid #f00;
	-webkit-transform: rotate(45deg);
	-webkit-backface-visibility: hidden;
	-webkit-transform-origin: 100% 100%;
}
footer.page-footer {
	left: 0;
	left: 0; 
	right: 0;
	width: auto;
	line-height: 48px;
	padding: 8px !important; 
	background: transparent; 
}
.payment .btn { 
	width:100%; 
}
/*FrontEnd UI Type*/
.steps-container { 
	width: 100%;
	display: block;
	/*padding-top: 10px;*/
	text-align: center;
}
.steps-container .btn-back, 
.steps-container .btn-next { 
	width: 85px; 
	display:table-cell; 
}
.steps-container .btn-flat { 
	color:#686868; 
	font-size: 12px;
	padding: 0 15px; 
	font-weight:normal; 
	display:inline-flex; 
	/*background: rgba(0,0,0,0.1);*/
}
.steps-container .btn-flat i {
	height: unset;
	line-height: unset;
	transition: all 0.1s linear 0s;
	-o-transition: all 0.1s linear 0s;
	-ms-transition: all 0.1s linear 0s;
	-moz-transition: all 0.1s linear 0s;
	-webkit-transition: all 0.1s linear 0s;
}
.steps-container .btn-pink { 
	color:#fff;
	height: 36px;
	font-size: 12px;
	padding: 0 15px;
	line-height: 36px;
	border-radius: 2px;
	font-weight:normal;
	display:inline-flex;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}
.steps-container .btn-pink i {
	font-size: 1.3rem;
	line-height: inherit;
	transition: all 0.1s linear 0s;
	-o-transition: all 0.1s linear 0s;
	-ms-transition: all 0.1s linear 0s;
	-moz-transition: all 0.1s linear 0s;
	-webkit-transition: all 0.1s linear 0s;
}
.steps-container .btn-back:hover i { 
	margin-left: -10px; 
	margin-right: 10px;
}
.steps-container .disabled:hover i { 
	margin:0 !important;
}
.steps-container .btn-next:hover i { 
	margin-left: 10px; 
	margin-right: -10px;
}
.steps-container .btn-next.disabled .btn-pink { 
	opacity: 0.5;
	cursor: no-drop;
}
.steps-container .btn-next.disabled .btn-pink:hover { 
	/* background: #FF4181; */
	background: #FFCE47;
}
ul.steps {
	left: 0;
	bottom: 0;
	width: 100%;
	z-index: 9999;
	display: flex; 
	position: fixed;
	background: #fff;
	margin: 5px 0 0 0;
	padding: 20px 10px;
	text-align: center;
	align-items: center;
	justify-content: center;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}
ul.steps li {	padding: 0 0px; }
ul.steps li:nth-child(1) a { width: 151.4px; height: 35.5px; }
ul.steps li:nth-child(2) a { width: 160.3px; height: 35.5px; }
ul.steps li:nth-child(3) a { width: 133.283px; height: 35.5px; }
ul.steps li:nth-child(4) a { width: 216.533px; height: 35.5px; }
ul.steps li:nth-child(5) a { width: 209.65px; height: 35.5px; }
ul.steps li:nth-child(6) a { width: 223.333px; height: 35.5px; }
ul.steps li.actions {
	padding: 0 10px;
}
/*ul.steps li.back {
	margin-right: auto;	
}
ul.steps li.next {
	margin-left: auto;
}*/
ul.steps li.more-option {
	display: block;
}
ul.steps li a { 
	color: #000;
	display: flex;
	font-size: 15px;
	padding: 5px 20px;
	white-space: nowrap;
	align-items: center;
	justify-content: center;
	transition: font-size 0.1s ease-in-out;
}
ul.steps li a span {
	display: flex;
	margin-right: 5px;
	text-align: center;
	align-items: center;
	border-radius: 100%;
	justify-content: center;
}
ul.steps li a:hover {
	font-size: 17px;
	font-weight: 500;
}
ul.steps li.active a  {
	color: #65C2FF;
	font-weight: 500; 
}
ul.steps li.done a { 
	color: #65C2FF;
	font-size: 17px;
	cursor: pointer;
}
ul.steps li.done a:before { 
	background: #4EB9FF; 
}
ul.steps li.back a, 
ul.steps li.next a { 
	color: #4EB9FF; 
}
ul.steps li .mat-icon-button {
	border-radius: 0;
}
.invoice-detail {
	width: 100%;
	padding: 20px 22px;
	border-bottom: solid 1px #ebebeb;
}
ul.qty-price { 
	margin: auto;
	display: block; 
	line-height: 30px;
}
ul.qty-price li { 
	color: #393939; 
	padding: 0 10px; 
	line-height: 14px;
	display: inline-block; 
}
ul.qty-price li.qty, 
ul.qty-price li.price { 
	color:#A3A3A3; 
	font-weight: normal; 
}
ul.qty-price li span { 
	color: #65C2FF;
}
ul.qty-price li:last-child { 
	border: none;
}
ul.qty-price li .quote span { 
	color: #686868;
}
ul.qty-price .btn-yellow {
	height: auto;
	line-height: 30px;
	font-weight: normal;
}
ul.qty-price .quote:focus {
	background: transparent;
}
.upload-file { 
	position: relative;
	text-align: center;
	text-transform: uppercase;
}
.upload-file input[type="file"] {
	left: 0;
	opacity: 0;
	z-index: 9;
	width: 100%;
	height: 100%;
	cursor: pointer;
	position: absolute;
}
.checkout-container {
	width: 100%;
	padding: 0px;
	display: flex;
	flex-direction: column;
}
.checkout-container .checkout { 
	flex-grow: 1;
	flex-basis: 0;
	min-width: 350px;
}
.checkout-container .checkout .payment-container, 
.checkout-container .checkout .shipping-container, 
.checkout-container .checkout .break-down-container {
	padding: 0 15px;
}
.checkout-container .checkout h6 {
	font-size: 18px;
	padding: 0 15px;
	margin:10px 0 15px 0;
}
.checkout-container .checkout h5 { 
	font-size: 14px;
	font-weight: bold;
}
.checkout-container .checkout p {
	color: #8c8c8c;
	font-size: 12px;
}
.checkout-container .checkout .print-price td {
	padding: 8px 0px !important;
}
.print-price h5 {
	font-size: 12px;
	margin: 0 0 10px 0;
}
.checkout strong {
	color: #000;
}
.pt-20 {
	padding-top: 20px;
}
.mt-20 {
	margin-top: 20px;
}
#guest-email .modal-dialog { 
	max-width: 500px; 
}
#public-url .alert-success  {
	margin: 0 0.75rem 1rem;
}
/*css 06/02/2020 */
.form-container h5 {
	font-size: 20pt;
}
.account-view,
.checkout-head .item-container {
	margin: 0 0;
}
/*Create Task*/
.create-task h4 { 
	color: #fff;
	display: block;
	font-size: 14px;
	background: #000;
	margin:0 0 15px 0;
	padding: 10px 15px;
}
.create-task .mat-datepicker-toggle {  
	top: 0; 
	right: 0; 
	position: absolute;
}
.create-task .mat-datepicker-toggle > button { 
	height: 20px !important; 
	line-height: 20px !important; 
}
.create-task .mat-button-focus-overlay,
.create-task .mat-datepicker-toggle > button:focus { 
	background: none !important;
}
.task-grid { 
	margin:15px 15px 0; 
}
.task-grid table { 
	margin-bottom: 15px; 
}
.task-invoice table { 
	border-radius: 5px;
	margin-bottom: 20px;
}
.task-invoice table thead tr { 
	overflow: hidden;
	border-radius: 5px 5px 0 0;
}
.task-invoice table thead th:first-child { 
	border-radius: 5px 0px 0 0 !important; 
}
.task-invoice table thead th:last-child { 
	border-radius: 0px 5px 0 0 !important; 
}
.task-invoice th, .task-invoice td { 
	padding: 10px 20px !important; 
}
.task-invoice .select-wrapper input.select-dropdown { 
	margin-bottom: 0; 
}
.task-invoice .dropdown-content li > a, 
.task-invoice .dropdown-content li > span { 
	font-size: 12px; 
}
.manage-subscription { 
	margin: 0; 
	height: 100%; 
	padding: 15px; 
	display: flex; 
	background: #e4e4e4; 
}
.manage-subscription .head { 
	color: #fff; 
	font-size: 18px; 
	padding: 10px 15px; 
	background: #2A2A2A; 
}
.manage-subscription form {
	margin: auto;
	background: #fff;
	max-width: 500px;
	padding: 10px 15px 25px;
}
app-manage-subscription {
	height: 100%;
	display: block;
}
.card-input input { 
	background-size: contain; 
	background-position: left;
	padding-left: 35px !important;
	background: url(../img/card.png) no-repeat; 
}
.card-input label { 
	margin-left: 35px !important; 
}
.store-head {
	width: 100%;
	display: block;
	text-align: center;
}
.store-head span {
	color: #666;
	font-weight: 500;
	text-transform: uppercase;
}
.store-head h2  {
	font-size: 24px;
	margin-top: 10px;
	margin-bottom: 0;
}
.store-container {
	margin: auto;
	max-width: 90%;
}
.breadcurmbs { 
	display: flex; 
	flex-flow: wrap; 
	margin-bottom: 30px; 
}
.breadcurmbs a { 
	color: #999;
	font-size: 1rem;
	margin-right: 8px;
	position: relative;
	padding-right: 14px;
}
.breadcurmbs a:hover { 
	color: #000; 
}
.breadcurmbs a:after {
	right: 0;
	top: 50%;
	color: #999;
	content: '/';
	position: absolute;
	transform: translateY(-50%);
}
.breadcurmbs a:last-child { 
	color: #000; 
}
.breadcurmbs a:last-child:after { 
	display: none; 
}
.breadcurmbs span .material-icons { 
	font-size: 18px; 
}
.store-list {
	overflow: auto;
}
.store-list .store { 
	margin: 20px 20px 0; 
}
.store {
	/*width: 100%;*/
	display: block;
	margin: 10px 20px 0;
	border: #e4e4e4 solid 1px;
}
.store-title h5 { 
	font-size: 24px; 
	margin: 30px 20px 0; 
}
.store img { 
	display: block; 
	max-width: 100px; 
	margin: 10px auto; 
}
.store td { 
	text-align: center; 
	padding: 0 10px !important;
}
.store td .btn-flat { 
	padding: 0; 
}
/*.store td:last-child { 
	text-align: right;
}*/
.store label { 
	color: #666;
	white-space: nowrap;
}
.store .value {
	display: block;
	font-size: 18px;
}
.store ul { 
	display: flex; 
	flex-flow: wrap;
}
.store ul li {
	padding: 0 15px;
}
.store .chip { 
	padding: 0 30px; 
	white-space: nowrap; 
}
.live { 
	background: #98ef9e; 
	white-space: nowrap; 
}
.pending { 
	background:#fc5351; 
	white-space: nowrap; 
}
.production { 
	background:#FFCE47; 
	white-space: nowrap; 
}
.store .actions { 
	display: flex; 
	justify-content: flex-end; 
}
/*Store CSS Start*/
.storehome-wrapper { 
	min-height: 100vh; 
	background: #f0f0f0; 
}
.header { 
	background: #fff; 
}
.header img { 
	height: 50px; 
	display: block; 
	margin: 10px auto; 
}
.header a {
	color: #333;
	display:flex;
	font-size: 16px;
	padding: 25px 20px;
	position: relative;
	align-items: center;
}
.header a span.count {
	top: 12px;
	left: 23px;
	color: #111;
	width: 20px;
	height: 20px;
	display: flex;
	font-size: 10px;
	position: absolute;
	align-items: center;
	border-radius: 20px;
	background: #FFCE47;
	font-weight: bolder;
	justify-content: center;
	border: #fff solid 2px;
}
.header .nav { 
	float: right; 
}
.storehome-wrapper .content {
	width: 100%;
	display: table;
	min-height: calc(100vh - 129px);
}
.banner { 
	height: 400px; 
	overflow: hidden; 
	position: relative; 
}
.banner img { 
	top: 50%;
	left: 50%;
	max-width: 100%; 
	position: relative;
	transform: translate(-50%, -50%);
}
.disc-head { 
	margin: 30px 0; 
	font-weight: 500; 
}
.countdown {
	display: flex;
	justify-content: center;
}
.countdown li {
	padding: 0 10px;
	margin-right: 5px;
	text-align: center;
	position: relative;
}
.countdown li:after {
	top: 0;
	left: 100%;
	content: ':';
	font-size: 24px;
	position: absolute;
	transform: translateY(50%);
}
.countdown li:last-child:after {
	display: none;
}
.countdown label { 
	display: block; 
	font-size: 14px; 
	text-transform: uppercase; 
}
.countdown span.value { 
	font-size: 24px; 
	font-weight: bold; 
}
.cost-container { 
	width: 100%; 
	display: block; 
	font-size: 14px; 
	text-align: center; 
}
.cost-container .cost { 
	display: flex; 
	align-items: flex-end; 
	justify-content: center; 
}
.cost-container .cost span { 
	font-size: 24px; 
	font-weight: bold; 
	margin-right: 10px; 
}
.br { 
	border-right: 2px solid #ccc; 
}
.store-product { 
	color: #666;
	margin: auto; 
	padding: 30px;
	margin-bottom: 30px; 
}
.store-product img { 
	width: 100%; 
	margin: auto; 
	display: block; 
	max-width: 500px;
}
.store-product .title { 
	font-weight: bold; 
}
.store-product .brand { 
	display: block; 
	font-size: 18px; 
	font-weight: 500; 
}
.store-product .cost { 
	display: block; 
	font-size: 18px; 
	font-weight: 500; 
}
.store-item-disc { 
	color: #666; 
	margin: auto; 
	padding: 30px; 
	max-width: 90%; 
}
.store-item-disc .title { 
	font-weight: bold; 
}
.store-item-disc .brand { 
	display: block; 
	font-size: 18px; 
	font-weight: 500; 
}
.store-item-disc .cost { 
	display: block; 
	font-size: 18px; 
	font-weight: 500; 
}
.store-item-disc .cost b { 
	color: #000; 
}
.cart-item-disc { 
	color: #666; 
	margin: auto; 
	padding: 0px; 
	max-width: 100%; 
	margin-bottom: 15px; 
}
.cart-item-disc:last-child { 
	margin-bottom: 0; 
}
.cart-item-disc .col { 
	padding: 0 15px; 
}
.cart-item-disc img { 
	max-width: 100%; 
}
.cart-item-disc label { 
	color: #666; 
	display: block; 
	margin-top: 5px 
}
.cart-item-disc .input-field label { 
	margin-top: auto; 
}
.cart-item-disc span.value { 
	color: #111; 
	font-size: 16px; 
}
.cart-item-disc .pro-disc ul {
	display: flex;
	flex-flow: wrap;
	margin-left: 15px;
}
.cart-item-disc .pro-disc ul li {
	margin: 0 20px 0 0;
	list-style-type: circle;
}
.store-cart { 
	font-size: 14px; 
}
.store-cart td { 
	color: #111; 
	font-weight: bold; 
	padding: 5px 15px !important; 
}
.store-cart td:last-child { 
	text-align: right; 
}
.store-cart tr:nth-child(even) td:first-child { 
	color: #999; 
}
.customer-detail { 
	color: #666; 
	margin: auto;
	padding: 30px; 
	max-width: 100%; 
}
/*.customer-detail .row { 
	margin: 0 0.75rem; 
}*/
.customer-detail h5 { 
	padding: 0 0.75rem;
}
.customer-detail .next { 
	float: right; 
	/*width: 100%;
	max-width: 50%;*/ 
}
.footer {
	display: block;
	background: #fff;
	padding: 0px 10px;
	text-align: center;
}
.footer h5 {
	margin: 0;
	font-size: 18px;
	line-height: 24px;
	padding: 15px 10px;
}
/*Store CSS End*/
/* Notification List Start */
.notification-list {
	position: relative;
}
.notification-list .dropdown-button {
	position: relative;
	/*padding-right: 15px;*/
}
.notification-list .dropdown-button span.count {
	top: -4px;
	right: 5px;
	color: #000;
	width: 20px;
	height: 20px;
	display: flex;
	font-size: 9px;
	font-weight: bold;
	position: absolute;
	border-radius: 20px;
	align-items: center;
	justify-content: center;
	background-color: #FFCE47;
	border: 2px solid #2a2a2a;
}
.notification-list .dropdown-content {
	margin-top: 6px;
	top: 120% !important;
	left: 50% !important;
	width: 300px !important; 
	transform: translateX(-50%);
}
.notification-list .dropdown-button:before {
	width: 0;
	height: 0;
	top: 100%;
	left: 50%;
	opacity: 0;
	content: '';
	border-width: 5px;
	position: absolute;
	border-style: solid;
	transform: translateX(-50%);
	border-color: transparent transparent #fff transparent;
}
.notification-list .dropdown-button.active:before { 
	opacity: 1; 
}
#notification li > a {
	padding: 0;
	color: #4EB9FF;
	font-size: 11px;
}
.notification-list li { 
	line-height: 1.3; 
	padding: 10px 15px; 
	background-color: #fff; 
	border-bottom: #e4e4e4 solid 1px; 
}
.notification-list .title { 
	display: flex; 
	flex-flow: wrap; 
}
.notification-list span.name { 
	width: 100%; 
	color: #FF4181; 
	font-size: 18px; 
}
.notification-list span.date, 
.notification-list span.time { 
	color: #ccc; 
	font-size: 12px; 
	padding: 0 10px 0 0; 
}
.notification-content { 
	margin-top: 10px;
	overflow: hidden; 
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical; 
}
/* Notification List End */

/* Matrix UI End */
.matrix-container {
	margin: 0;
	height: 100%;
	display: flex;
}
.matrixleft-panel {
	width: 300px;
	position: relative;
	transition: ease-out all 0.3s;
}
.matrixleft-panel .btn-toggled {
	top: 70px;
	left: 100%;
	width: 35px;
	height: 35px;
	display: none;
	padding: 2px 0;
	background: #333;
	box-shadow: none;
	position: absolute;
	border-radius: 0 2px 2px 0;
	transition: ease-out all 0.3s;
}
.matrixleft-panel .btn-toggled i { 
	color: #fff; 
	font-size: 2.5rem; 
	transition: ease-out all 0.3s; 
}
.matrixleft-panel .setting-tabs {
	height: 100%;
	overflow: auto;
}
.matrixleft-panel .title {
	border: none;
	font-size: 18px;
	padding: 20px 20px 20px 0;
}
.matrixleft-panel .item.title:hover { 
	border-color: transparent !important; 
}
.matrixleft-panel .item {
	display: flex;
	cursor: pointer;
	position: relative;
	border-radius: 5px;
	align-items: center;
	padding: 20px 30px 20px 0;
	border: transparent solid 1px;
}
.matrixleft-panel .item .icon {
	width: 50px;
	height: 50px;
	min-width: 50px;
	overflow: hidden;
	margin-right: 20px;
	border-radius: 50px;
	background-size: contain;
	border: #e6e6e6 solid 1px;
	background-repeat: no-repeat;
	background-position: center center;
}
/*.matrixleft-panel .item .material-icons { 
	margin-right: 20px; 
}*/
.matrixleft-panel .item .icon span {
	width: 100%;
	height: 100%;
	display: flex;
	font-size: 18px;
	font-weight: 500;
	background: #ccc;
	align-items: center;
	justify-content: center;
}
.matrixleft-panel .item:hover, .matrixleft-panel .item.active {
/*	border: #e4e4e4 solid 1px;*/
}
/*.matrixleft-panel .item:hover:after, 
.matrixleft-panel .item.active:after {
	width: 5px;
	height: 5px;
	right: 20px;
	content: '';
	border-radius: 5px;
	position: absolute;
	background-color: #4EB9FF;
}*/
/*.matrixleft-panel .item.active:hover {
	background: #dfdfdf !important; 
	background: linear-gradient(90deg, #dfdfdf 0%,  #e5e5e5 100%) !important;
}*/
.matrixleft-panel .item h4 {
	height: 19px;
	display: block;
	font-size: 15px; 
	font-weight: 500;
	align-items: center;
	margin: 0 10px 5px 0;
	white-space: nowrap;
  overflow: hidden;
  width: 100%;
  text-overflow: ellipsis;
	transition: font-size 0.1s ease-in-out;
}
.matrixleft-panel .item:hover h4 {
	font-size: 17px; 
}
.matrixleft-panel .item.active h4 {
	color: #4eb9ff;
}
.matrixleft-panel .item .name { 
	width: calc(100% - 90px); 
}
.matrixleft-panel .item button { 
	padding: 0; 
	width: auto; 
	margin-left: auto; 
}
.matrixleft-panel a { 
	display: flex; 
	color: #b2b2b2;
	align-items: center; 
	margin: 20px 0 0 0; 
	text-transform: uppercase; 
}
.matrixleft-panel a:hover { 
	color: #039be5; 
}
.matrixleft-panel a i { 
	font-size: 16px; 
	margin-right: 5px; 
}
.matrixleft-item {
	display: flex;
	cursor: pointer;
	border-radius: 5px;
	align-items: center;
	padding: 20px 20px 20px 0;
	border: transparent solid 1px;
}
.matrixleft-item .icon {
	width: 50px;
	height: 50px;
	min-width: 50px;
	overflow: hidden;
	margin-right: 20px;
	border-radius: 50px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}
.matrixleft-item .material-icons { 
	margin-right: 20px; 
}
.matrixleft-item .icon span {
	width: 100%;
	height: 100%;
	display: flex;
	font-size: 18px;
	font-weight: 500;
	background: #ccc;
	align-items: center;
	justify-content: center;
}
.matrixleft-item:hover:after, .matrixleft-item.active:after {
	width: 5px;
	height: 5px;
	right: 20px;
	content: '';
	border-radius: 5px;
	position: absolute;
	background-color: #4EB9FF;
}
.matrixleft-item h4 { 
	font-size: 14px; 
	font-weight: 500; 
	margin: 0 10px 5px 0; 
}
.matrixleft-item .name { 
	width: 100%; 
}
.matrixleft-item button { 
	padding: 0; 
	width: auto; 
	margin-left: auto; 
}
.matrixright-panel {
  padding-left: 20px;
	width: calc(100% - 300px);
	border-left: #e4e4e4 solid 1px;
}
.matrixright-panel .card .card-content .card-title {
	padding: 0px;
	font-size: 18px;
	font-weight: normal;
}
.matrix-filter .mat-checkbox-inner-container { 
	order: 2; 
	margin: auto 10px;  
}
.matrix-filter { 
	display: flex; 
}
.swatch {
	width:100%;
	padding:10px;
	display: flex;
	background: #fff;
	border-radius: 5px;
	margin-bottom: 15px;
	align-items: center;
	border: #e4e4e4 solid 1px;
}
.swatch input:read-only {
	color: #000 !important;
	border: none !important;
	box-shadow: none !important;
}
.swatch #inkHex { 
	width: 100px; 
}
.swatch .input-field label { 
	font-size: 11px; 
	line-height: 24px; 
	white-space: nowrap; 
}
.swatch .col { 
	padding: 10px; 
}
.swatch .col input { 
	margin-bottom: 0; 
}
.swatch .col i.dragable {
	cursor: grab;
}
.swatch .col i.dragable:active {
	cursor: grabbing;
}
.swatch .col:last-child { 
	display: flex; 
	margin-left: auto; 
	align-items: center; 
}
.swatch .color {
	width: 75px;
	height: 75px;
	background-size: cover;
	background-color: #e4e4e4;
	background-position: center;
}
.swatch .browse {
	width: auto;
	background: #b1b1b1;
}
.swatch .browse label { 
	display: block;
	padding: 10px 20px; 
	border-radius: 4px;
}
.swatch button {
	padding: 0;
	width: 20px;
	color: #fff;
	height: 20px;
	display: flex;
	margin: 0 5px 0 0;
	border-radius: 30px;
	background: #686868;
	align-items: center;
	justify-content: center;
}
.swatch button:last-child { 
	margin: 0; 
}
.swatch button i { 
	font-size: 14px; 
}
.add-swatch {
	width: 50px;
	color: #fff;
	height: 50px;
	display: flex;
	margin: 30px auto;
	border-radius: 50px;
	background: #039be5;
	align-items: center;
	justify-content: center;
	box-shadow: 1px 2px 3px rgba(0,0,0,0.3); 
}
.add-swatch i { 
	font-size: 24px; 
	font-weight: bold; 
}
.matrix {
	width: 100%;
	padding: 20px 0;
	background: #fff;
	position: relative;
	border-radius: 5px;
	margin-bottom: 15px;
}
.matrix .head { 
	flex-flow: wrap; 
	align-items: center; 
	padding: 0 0px 20px; 
}
.matrix .head .actions { 
	display: flex; 
	margin-left: auto; 
	justify-content: flex-end; 
}
.matrix .head .actions .set-default { 
	display: flex; 
	align-items: center; 
}
.matrix .head .actions span.color { 
	width: 20px; 
	height: 20px; 
	background: #ccc; 
	margin-left: 10px; 
	border: #333 solid 1px; 
}
.matrix .head .actions span.color.checked {
	background-size: contain !important;
	background: url(../img/click.png) #FF4181 !important;
}
.matrix .setting-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.matrix .setting-head .actions .btn {
	height: unset;
	font-size: 12px;
	box-shadow: none;
	padding: 5px 10px;
	line-height: unset;
	border-radius: 5px;
}
.matrix .setting-head .tutorial {
	width: 100%;
	display: flex;
	flex-flow: wrap;
	max-width: 330px;
	position: relative;
	justify-content: space-between;
}
.matrix .setting-head .tutorial .alert-danger {
	padding: 0;
	right: auto;
	bottom: 5px;
	border: none;
	font-size: 12px;
	background: unset;
	position: absolute;
}
.matrix .setting-container {
	width: 100%;
	max-width: 600px;
}
.matrix .setting-head .tutorial .input-field {
	margin: 0;
	width: 100%;
}
.matrix .setting-head .tutorial input {
	margin-bottom: 0;
}
.matrix .setting-head .tutorial .btn {
	height: unset;
	font-size: 12px;
	box-shadow: none;
	margin: 0 0 0 5px;
	padding: 5px 10px;
	line-height: unset;
	border-radius: 5px;
}
.matrix h2 { 
	margin: 0;
	padding: 0;
	font-size: 18px; 
	font-weight: normal;
}
/*.matrix  table th:first-child, 
.matrix  table td:first-child { 
	padding-left: 20px !important; 
}
.matrix  table th:last-child, 
.matrix  table td:last-child { 
	padding-right: 20px !important; 
}*/
.matrix .grid { 
	display: flex; 
	/*width: 100%;*/ 
	overflow: auto; 
}
.matrix .grid .column span { 
	display: block;
	padding: 10px 10px;
	white-space: nowrap;
	border-bottom: #e4e4e4 solid 1px; 
}
.matrix .grid .column:first-child { 
	min-width: 200px;
}
.matrix .grid .column:first-child span { 
	padding-left: 20px;
}
.matrix .grid .column:first-child .input-field {}
.matrix .grid .column:first-child .input-field input { 
	width: 65px;
	margin: 4px 0;
}
.matrix .grid .column:last-child { 
	width: 100%;
}
.matrix .grid .column .input-field {
	margin: 0;
	width: 100%;
	padding: 0 5px;
	border-bottom: #e4e4e4 solid 1px;
}
.matrix .grid .column .input-field input {
	/*width: 50px;*/
	display: block;
	margin: 4px auto;
	text-align: center;
	/*background: #f0f0f0;*/
	border: none !important;
}
.matrix .mselect {
	margin-top: 30px;
}
.matrix .mselect label {
	font-size: 14px !important;
	font-weight: 500 !important;
}
.input-field.mselect label:not(.label-icon).active {
	transform-origin: 0 0;
	-webkit-transform-origin: 0 0;
	transform: translateY(-30px) scale(0.8);
	-webkit-transform: translateY(-20px) scale(0.8);
}
.matrix table th, .matrix table td { 
	padding: 10px 20px !important; 
}
.matrix table th:first-child, 
.matrix table td:first-child { 
	width: 25%; 
}
.matrix table th:last-child, 
.matrix table td:last-child { 
	width: 100%; 
}
.matrix .field-group { 
	display: flex; 
}
.matrix .field-group .input-field { 
	margin-top: 0; 
	margin-right: 5px; 
}
.matrix .field-group .input-field:first-child { 
	width: 100%; 
}
.matrix .field-group .input-field:last-child { 
	margin-right: 0; 
}
.matrix .field-group .input-field input { 
	margin-bottom: 0; 
}
.matrix td > div { 
	display: flex; 
	margin-top: 0 
}
.matrix td > div .form-control { 
	width: 30px;
	margin-bottom: 0;
	border-bottom: none !important;
}
.matrix td > div > span { 
	margin: 6px 5px 0;
	white-space: nowrap;
}
.matrix td > div .select-wrapper input.select-dropdown { 
	margin-bottom: 0;
}
.matrix .field-group .input-field:last-child input { 
	width: 50px;
}
.matrix td > span { 
	width: 100px;
	margin-right: 10px;
}
.matrix td .actions { 
	display: flex;
	justify-content: flex-end;
}
.matrix td .actions button {
	padding: 0;
	width: 20px;
	color: #fff;
	height: 20px;
	display: flex;
	margin: 0 5px 0 0;
	border-radius: 30px;
	background: #686868;
	align-items: center;
	justify-content: center;
}
.matrix td .actions button:last-child { 
	margin: 0;
}
.matrix td .actions button i { 
	font-size: 14px;
}
.matrix .dropdown-content li, 
.matrix .dropdown-content li {
	min-height: unset;
}
.matrix .dropdown-content li > a, 
.matrix .dropdown-content li > span { 
	font-size: 14px;
	padding: 8px 10px;
}
.matrix .banner-matrix { 
	overflow-x: auto;
	margin: 0 11.25px;
}
.matrix .banner-matrix td > div { 
	position: static;
}
.matrix .banner-matrix table th:first-child, 
.matrix .banner-matrix table td:first-child {
	left: 0px;
	width: 200px;
	background: #fff;
	position: absolute;
}
.matrix .banner-matrix table thead, 
.matrix .banner-matrix table tbody { 
	padding-left: 200px;
}
.matrix .banner-matrix table th:nth-child(2), 
.matrix .banner-matrix table td:nth-child(2) {
	padding-left: 200px !important;
}
.location {
	width:100%;
	padding:10px;
	display: flex;
	background: #fff;
	box-shadow: none;
	overflow-x: auto;
	border-radius: 5px;
	margin-bottom: 15px;
	align-items: flex-start;
	border: #e4e4e4 solid 1px;
}
.location input:read-only {
	color: #000 !important;
	border: none !important;
	box-shadow: none !important;
}
.location .mat-form-field-infix {
  width: 100px;
}
.location .mat-slide-toggle-bar {
	height: 6px;
	width: 20px;
}
.location .mat-slide-toggle-thumb {
	width: 10px;
	height: 10px;
}
.location .mat-slide-toggle-content {
	font-size: 10px;
}
.location .mat-slide-toggle-thumb-container {
	top: -2px;
	width: 12px;
	height: 12px;
}
.location .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb-container {
  transform: translate3d(12px,0,0);
}
.location .input-field {
	min-height: 30px;
}
.location.head { 
	padding: 10px 20px; 
}
.location.head h6 span { 
	color: #aaa; 
	margin-left: 5px; 
}
.location.head .btn-flat { 
	margin-left: auto; 
}
.location .col { 
	padding: 10px; 
}
.location .input-field > input { 
	width: 75px;
	margin-bottom: 0; 
}
.location .input-field label { 
	white-space: nowrap; 
}
.location .row .col { 
	padding: 0px; 
}
.location .switch { 
	margin-top: 1rem; 
}
.location .switch label .lever { 
	margin: 15px 0 0 16px; 
}
.location .row .col:first-child { 
	padding-right: 5px; 
} 
.location .row .col input { 
	width:100%; 
}
.location .switch p {
	margin: 0;
	height: 0;
	color: #686868;
	white-space: nowrap;
	font-weight: normal;
	transform: translateY(-14px) scale(0.8);
}
.location > div:last-child { 
	display: flex; 
	margin-left: auto; 
}
.location div:last-child .btn { 
	padding: 0 5px; 
}
.search-box {
	height: 48px;
	display: flex;
	padding: 0 10px;
	position: relative;
}
.search-box input[type="text"] {
	width: 245px;
	margin-bottom: 0;
	height: 48px !important;
	border: none !important;
	font-size: 15px !important;
}
.search-box input[type="text"]::placeholder {
	color: #8c8c8c;
}
.search-box button {
	color: #000;
	border: none;
	display: flex;
	padding: 0 5px;
	background: none;
	align-items: center;
}
.search-box button.close {
	display: none;
}
.search-box .autocomplete-result {
  top: 100%;
  width: 100%;
  display: none;
  max-width: 300px;
  background: #fff;
  position: absolute;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
.search-box .result-item {
	width: 100%;
	display: flex;
	padding: 10px 10px;
	cursor: pointer;
	transition: ease-out all 0.3s;
}
.search-box .result-item:hover {
	background: #f4f4f4;
}
.search-box .result-item:first-child {
	border-radius: 10px 10px 0 0;
	padding-top: 10px;
}
.search-box .result-item:last-child {
	padding-bottom: 10px;
	border-radius: 0 0 10px 10px;
}
.search-box .result-item.quote {
	height: unset;
	margin-right: 0;
	font-size: 15px;
	line-height: 1.5;
	position: relative;
}
.search-box .result-item.quote:before {
	top: 10px;
	right: 10px;
	color: #fff;
	padding: 0 5px;
	font-size: 12px;
	content: 'Quote';
	position: absolute;
	border-radius: 3px;
	background: #65c2ff;
}
.search-box .result-item.invoice {
	position: relative;
}
.search-box .result-item.invoice:before {
	top: 10px;
	right: 10px;
	color: #fff;
	padding: 0 5px;
	font-size: 12px;
	content: 'Invoice';
	position: absolute;
	border-radius: 3px;
	background: #65c2ff;
}
.search-box .result-item .clientimg {
	width: 40px;
	height: 40px;
	margin-right: 10px;
}
.search-box .result-item .clientimg img {
	max-width: 100%;
	max-height: 100%;
	border-radius: 5px;
}
.search-box .result-item .detail {
	padding-top: 0px;
	padding-bottom: 0px;
}
.search-box .result-item .detail span.name {
	display: block;
	line-height: 1.2;
}
.search-box .result-item .detail span.company {
	display: block;
	font-size: 12px;
	color: #999;
}
.invoice-head.noitem nav.project-tabs {
	border-bottom: none;
}
nav.project-tabs {
	color: #000;
	/*height: 45px;*/
	height: unset;
	line-height: 40px;
	box-shadow: unset;
	padding: 0px 32px;
	background-color: transparent;
	border-bottom: solid 1px #ebebeb;
}
nav.project-tabs ul {
	display: flex;
	flex-flow: wrap;
}
nav.project-tabs li {
	float: unset;
	margin-right: 10px;
	border-bottom: transparent solid 2px;
}
nav.project-tabs li.active, nav.project-tabs li:hover {
	background-color: transparent;
	border-bottom: #65C2FF solid 2px;
}
nav.project-tabs li a {
	padding: 0;
	color: #111;
	display: flex;
	align-items: center;
	line-height: 64px;
}
nav.project-tabs li a:hover { 
	background-color: transparent; 
}
nav.project-tabs li a span.price {
	margin: 0 5px;
	font-size: 16px;
}
.mat-checkbox-checked.mat-accent .mat-checkbox-background, 
.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background {
	background-color: #65C2FF;
}
nav.project-tabs li a i.material-icons {
	height: unset;
	margin-left: auto;
	line-height: unset;
}
.cdk-overlay-container {
	z-index: 9999;
}
.check2cross {
	padding: 0px; 
}
.printer-body .error-msg {
  margin-top: 0 !important;
}
.intitle label {
	white-space: nowrap;
	padding-right: 10px;
	font-weight: bold;
} 
.intitle {
	padding: 10px 16px 20px;
	display: flex;
	align-items: start;
	flex-direction: column;
}
#createnew .modal-dialog {
	max-width: unset;
	width: 100%;
	margin: 0;
	min-height: 100%;
}
#createnew .modal-content {
	display: flex;
	min-height: 100vh;
	flex-direction: column;
}
#createnew .modal-body {
	max-width: 550px;
	margin: auto;
	min-height: 100% !important;
	text-align: center;
  padding: 50px 20px;
  border: 1px solid #e4e4e4;
  box-shadow: 0 0 50px #e0e0e0;
}
#createnew .modal-body .brand {
	padding: 10px;
	margin: 0 -20px;
	background: rgba(0, 0, 0, 0.05);
}
#createnew .modal-body .brand img {
	margin: auto;
	display: block;
}
#createnew .modal-body h4 {
	margin: 20px 0;
	margin: 20px 0;
	text-transform: uppercase;
}
.admin-head {
	padding: 15px 10px;
	background: #fff;
	border-radius: 10px;
}
.admin-head h5 {
  margin: 0;
  font-size: 18pt;
}
.admin-head .input-field {
	margin-top: 0;
}
.admin-head .input-field input[type="search"] {
	margin-bottom: 0;
}
.admin-head .actions {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.admin-head .btn {
	white-space: nowrap;
	margin-bottom: 0;
}
.category_list .input-field {
	margin-top: 0;
}
.category_list .input-field .select-wrapper input.select-dropdown{
	margin-bottom: 0;
}
.mat-form-field {
	width: 100%;
}
.mat-form-field-label-wrapper {
	overflow: unset;
}
.mat-option {
	color:#65C2FF;
}
.mat-slider-horizontal .mat-slider-wrapper {
	left: 0;
	right: 0;
}
/*.page-break-after-always {
	page-break-after: always;
}
.page-break-after-auto {
	page-break-after: auto;
}
.page-break-before-always {
	page-break-before: always;
}
.page-break-before-auto {
	page-break-before: auto;
}*/
.box-container {
	width: 100%;
	max-width: 500px;
}
.box-label .qr-code {
	max-width: 100%;
	border: #f0f0f0 solid 1px;
}
.box-id {
	border-bottom: #f0f0f0 solid 1px;
}
.box-detail th, .box-detail td {
	vertical-align: top;
	padding: 10px 20px 10px 0 !important;
}
.box-detail h6 {
	font-size: 18px;
}
.box-action {
	text-align: center;
	border-top: #f0f0f0 solid 1px;
}
.mat-radio-label-content {
	font-size: 12px;
	margin-right: 15px;
}

@media screen and (max-width: 1700px) {
	ul.filters {
		flex-flow: wrap;
		padding: 10px 10px;
		justify-content: flex-start;
	}
	ul.filters li {
		font-size: 12px;
		min-width: 1px;
		min-height: 12px;
		font-weight: normal;
	}
	ul.filters li:first-child {
		width: 100%;
		margin-bottom: 10px;
	}
	ul.filters li:second-child(2) {
		padding-left: 0;
	}
}
@media screen and (max-width: 1400px) {
	/*main {
		margin-bottom: 100px;
	}*/
	main.builder-on {
		margin-bottom: 86px;
	}
	ul.steps li a {
		padding: 5px;
		font-size: 12px;
		flex-direction: column;
	}
	.order-box .order, .order-box .order h6 {
		font-size: 16px;
	}
	.user-info-box {
		margin-top: 10px;
		position: static;
	}
	.order-box .date span, .balance-due span {
		line-height: 1;
		/*display: block;*/
	}
	.product-name .user-coname h5, 
	.product-name .user-coname h6 { 
		font-size: 14px; 
	}
	.order-box .date, 
	.balance-due { 
		font-size: 12px 
	}
	ul.steps li a.modal-close {
		padding: 5px 20px;
		flex-direction: unset;
	}
}
@media screen and (min-width: 993px) and (max-width: 1400px) {
	.product-name {
		flex-direction: column;
	}
	.product-name .user-coname {
		width: 100%;
	}
	.product-name .pro-img {
		margin: 10px auto;
		max-width: 80%;
		text-align: center;
	}
}
@media screen and (max-width: 1200px) {
	/*#wrapper { 
		min-height: calc(100vh - 95px); 
	}*/
	.matrix-container:after {
		left: 0;
		top: 0px;
		z-index: 99;
		width: 100%;
		content: '';
		height: 100%;
		display: none;
		position: absolute;
		height: calc(100% - 0px);
		background: rgba(0,0,0,0.5);
	}
	.matrix-container.open:after { 
		display: block; 
	}
	.matrixleft-panel .btn-toggled { 
		display: block; 
	}
	.matrix-container.open .matrixleft-panel .btn-toggled, 
	.matrix-container .matrixleft-panel .btn-toggled:focus { 
		background: #4EB9FF !important; 
	}
	.matrixleft-panel .btn-toggled i { 
		transform: rotate(0deg); 
	}
	.matrix-container.open .matrixleft-panel .btn-toggled i { 
		transform: rotate(-180deg); 
	}
	.matrix-container .matrixleft-panel { 
		top: 0px;
		z-index: 999;
		left: -300px;
		background: #FFF;
		padding-left: 20px;
		position: absolute;
		height: calc(100% - 0px);
		border-left: #e4e4e4 solid 1px;
	}
	.matrix-container .matrixleft-panel .list-container {
		overflow: auto;
		height: calc(100% - 120px);
	}
	.matrix-container .matrixleft-panel .setting-list {
		height: 100%;
		overflow: auto;
	}
	.matrix-container .matrixright-panel { 
		width: 100%; 
		padding-left: 0;
		border-left: none;
		overflow: auto;
	}
	.matrix-container.open .matrixleft-panel { 
		left: 0px; 
	}
	/*ul.steps li a {
		flex-direction: column;
	}*/
	.order-box .order {
		margin-bottom: 0;
		align-items: flex-start;
		flex-direction: column;
	}
}
@media screen and (max-width: 1024px) {
	.pro-filter { 
		display: flex; 
	}
	.status .date {
		left: 0;
		transform: translateX(0%);
		-o-transform: translateX(0%);
		-ms-transform: translateX(0%);
		-moz-transform: translateX(0%);
		-webkit-transform: translateX(0%);
	}
	.status .date::before {
		left:35%;
	}
	.mockups img {
		max-width: 100%;
	}
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
	ul.filters { 
		margin: 0.75rem 0px 0px 0px; 
	}
	ul.filters::after { 
		display: none; 
	}
	div.page-announce {
		left: 0;
		width: 100%;
		height: auto;
	}
	ul.qty-price li { 
		padding: 10px 5px; 
	}
	/*ul.steps li a { 
		padding: 10px 0; 
	}*/
	.hamburger {
		float: left;
		width: 44px;
		height: 44px;
		display: block;
		position: relative;
	}
	.side-nav.fixed { 
		top: 64px;
		height: 100%; 
		position: fixed; 
		transition: all ease-out 0.3s; 
		-webkit-	transition: all ease-out 0.3s; 
		transform: translateX(-105%);
		-webkit-transform: translateX(-105%);
	}
	.hide-on-large-only { 
		display: block !important; 
	}
	.slider-on .side-nav.left-panel {
		transform: translateX(0%);
		-webkit-transform: translateX(0%);
	}
	.page-announce .button-collapse {
		left: 0;
		width:auto;
		z-index: 99;
		height:auto;
		padding:10px;
		border-radius:0;
		-o-border-radius:0;
		line-height:normal;
		position: absolute;
		-ms-border-radius:0;
		-moz-border-radius:0;
		-webkit-border-radius:0;
		background: transparent;
		transition: all ease-out 0.3s;
		-o-transition: all ease-out 0.3s;
		-ms-transition: all ease-out 0.3s;
		-moz-transition: all ease-out 0.3s;
		-webkit-transition: all ease-out 0.3s;
	}
	.page-announce .button-collapse.menu-active {
		background: #4EB9FF; 
	}
	.status-container { 
		bottom: 10px; 
		display: flex; 
		position: absolute; 
	}
	.status { 
		min-height: unset; 
	}
}
@media (max-width:992px) {
	h1, .h1 {
		font-size: 30px;
	}
	main.builder-on {
		margin-bottom: 70px;
	}
	table.responsive-table td {
		min-height: 48.5px;
	}
	table.responsive-table thead tr th:before {
		content: unset;
	}
	/*.responsive-table th, .responsive-table td {
		padding: 5px !important;
	}*/
	.search-box {
		padding: 0;
		position: static;
		align-items: center;
	}
	.search-box .search-btn {
		padding: 0;
		width: 35px;
		height: 35px;
		display: flex;
		border-radius: 50px;
		align-items: center;
		justify-content: center;
		border: #d0d0d0 solid 1px;
	}
	.search-box input[type="text"] {
		top: 85%;
		left: 50%;
		z-index: 2;
		width: 90%;
		display: none;
		position: absolute;
		padding: 0 10px !important;
		transform: translateX(-50%);
		border-radius: 10px !important;
		border: transparent solid 1px !important;
	}
	.search-box input[type="text"]:focus {
		box-shadow: none !important;
		border: #4EB9FF solid 1px !important;
	}
	.search-box .close {
		right: 0;
		z-index: 1;
		display: none;
		position: absolute;
		top: calc(100% + 7px);
	}
	.search-box:after {
		top: 85%;
		left: 50%;
		width: 90%;
		z-index: 1;
		content: '';
		height: 48px;
		display: none;
		position: absolute;
		background: #f0f0f0;
		border-radius: 10px;
		border: #e4e4e4 solid 1px;
		transform: translateX(-50%);
		/*box-shadow: 0 0 3px rgba(0,0,0,0.1);*/
	}
	.search-box.opensearch .search-btn {
		color: #fff;
		background: #4EB9FF;
		border-color: #4EB9FF;
	}
	.search-box.opensearch:after, .search-box.opensearch input[type="text"] {
		display: block;
	}
	.search-box .autocomplete-result {
		left: 50%;
		width: 90%;
		max-width: unset;
		top: calc(100% + 38px);
		transform: translateX(-50%);
	}
	ul.steps li {
		display: none;
	}
	ul.steps li.active {
		display: block;
	}
	ul.steps li.actions {
		display: block;
	}
	ul.steps li a {
		flex-direction: unset;
	}
	.userView { margin-left: unset; }
	.qty-price { text-align: left; }
	.printmodal .modal-dialog { 
		max-width: 90%; 
		padding: 10px;
	}
	.printmodal.fullscreen-modal .modal-dialog {
		padding: 0;
	}
	.mobile-grid { 
		width: 100%; 
		display: block; 
		overflow: auto; 
	}
	.mobile-grid th, .mobile-grid td { 
		white-space: nowrap; 
	}
	.specs .chip { 
		font-size: 12px; 
	}
	.flex { 
		display: block;	
	}
	.hamburger {
		float: left;
		width: 44px;
		height: 44px;
		display: block;
		position: relative;
		margin-right: auto;
	}
	#wrapper { 
		display: block; 
		padding-left: 0; 
	}
	main {
		width: 100%;
		min-height: calc(100vh - 60px);
	}
	div.page-announce {
		left: 0;
		height: auto;
		padding: 10px;
		min-height: 68px;
		justify-content: flex-end;
	}
	.hide-on-large-only { 
		display: block !important; 
	}
	.specs:last-child { 
		margin-bottom: 20px; 
	}
	.side-nav.fixed { 
		top: 64px; 
		height: 100%; 
		position: fixed; 
	}
	.slider-on .side-nav.left-panel {
		top: 68px;
		transform: translateX(0%);
		-webkit-transform: translateX(0%);
	}
	.page-announce .button-collapse {
		left: 0;
		z-index: 99;
		width: auto;
		height: auto;
		padding: 10px;
		border-radius: 0;
		position: absolute;
		-o-border-radius: 0;
		line-height: normal;
		-ms-border-radius: 0;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		background: transparent;
		transition: all ease-out 0.3s;
		-o-transition: all ease-out 0.3s;
		-ms-transition: all ease-out 0.3s;
		-moz-transition: all ease-out 0.3s;
		-webkit-transition: all ease-out 0.3s;
	}
	/*.page-announce .button-collapse.menu-active { 
		left: 110px; 
		background: #4EB9FF; 
	}
	.page-announce .button-collapse:focus { 
		background:#333; 
	}*/
	h1.page-announce-text {	
		font-size: 32px; 
	}
	.cart-head { 
		display: block; 
	}
	.checkout-head .to-detail p { 
		width: 100%; 
	}
	.checkout-head ul.invoice-options li { 
		width: auto; 
		padding: 0 20px; 
		display: inline-block; 
	}
	.impressions { 
		border-right: none; 
	}
	.impressions .btn-group {
		display: flex;
		flex-flow: wrap;
	}
	.impressions .btn-group .btn { 
		width: auto; 
		padding: 0 10px; 
	}
	.impressions .btn.active {
		border-bottom: #333 solid 2px;
	}
	.add-location .btn { 
		padding: 0 1.5rem; 
	}
	.product-detail h2 {
		margin-bottom: 0;
	}
	.img-head {
		height: 112px;
	}
}
@media (max-width:767px) {
	#flashMessages {
		left: 30px;
		width: unset;
		max-width: unset;
	}
	.status-container { 
		display: block; 
		padding: 50px 10px 0; 
	}
	.status { 
		display: block; 
		text-align: left; 
		min-height: 24px; 
		border-right: none; 
	}
	/*.status:last-child { 
		text-align: center; 
	}*/
	.status > span { 
		float: right; 
	}
	.status .date { 
		left: 0; 
		transform: translateX(0);
	}
	.status .date:before { 
		left: 20px; 
		transform: translateX(0); 
	}
	.status:last-child .btn { 
		width: 100%; 
		justify-content: center; 
	}
	.getusr { 
		width: 300px; 
		margin-left: 0; 
	}
	.page-announce-text { 
		font-size: 36px; 
	}
	.page-announce { 
		padding: 20px; 
	}
	.address-container { 
		width: 100%; 
		margin-right: 0; 
	}
	.checkout-head .item-container { 
		display: block;
		border-bottom: #e4e4e4 solid 1px; 
	}
	.checkout-head .item-container .item {
		border: none;
	}
	.checkout-head .item-container label { 
		width: 120px; 
		margin-right: 10px; 
		display: inline-block; 
	}
	.checkout-head .item-container .select-wrapper { 
		margin-bottom: 15px; 
	}
	.checkout-head .item-container .item.status-dd input.select-dropdown { 
		width: 100%; 
	}
	/*.checkout-head .item-container .item.status-dd input.select-dropdown { 
		width: 100%; 
	}*/
	.checkout-head .to-detail { 
		margin-bottom: 20px; 
	}
	.pagination li { 
		display: none; 
	}
	.pagination li.active { 
		display: inline-block; 
	}
	.pagination li:first-child, 
	.pagination li:last-child, 
	.pagination li:first-child + li, 
	.pagination li:nth-last-of-type(2) {
		display: inline-block;
	}
	.quantity .garment-item { 
		width: 100%; 
		padding:0 10px; 
	}  
	.quantity .sizes input[type="number"] {
		width: 75px;
	}
	.checkout-head .item-container .item > span { 
		display: inline; 
		line-height: 3rem; 
		width: unset;
	}
	.checkout-head .item-container .item input.select-dropdown { 
		height: 3rem !important; 
	}
	.checkout-head .item-container .item:last-child { 
		padding: 0px !important; 
		margin-top: 20px !important; 
	}
	.swatch {
		position: relative;
		align-items: flex-start;
		flex-direction: column;
	}
	.swatch .col {
		padding: 0 10px;
	}
	.swatch > .col:last-child {
		right: 0;
		position: absolute;
	}
	.swatch .browse {
		margin-top: 10px;
	}
	.matrix .head {
		position: relative;
	}
	.matrix .head .actions .btn {
  	top: 0;
  	right: 0;
		position: absolute;
	}
	.matrix .head .actions {
		justify-content: unset;
	}
}
@media (min-width:768px) {
	.d-md-flex {
		display: -webkit-box !important;
		display: -ms-flexbox !important;
		display: flex !important;
	}
}
@media (max-width: 600px) {
	h1, .h1 {
		font-size: 24px;
	}
	main.builder-on { 
		margin-bottom: 86px; 
	}
	.matrix .setting-head h2 {
		margin-bottom: 10px;
	}
	.matrix .setting-head {
		flex-direction: column;
	}
	.side-nav.fixed, .slider-on .side-nav.left-panel{
		top: 109px;
		height: calc(100% - 109px);
	}
	.admin-head .input-field input[type="search"] {
		margin-bottom: 20px;
	}
	.quantity .qty-img, 
	.garment-view .qty-img {
		text-align: left;
	}
	.garment-view .qty-img,
	.checkout-quantity  .qty-img { 
		height: 300px; 
		text-align: left; 
	}
	.quantity h3 { 
		text-align: left; 
	}
	.product { 
		width: auto; 
		margin: auto; 
		display: table; 
	}
	.garment-view .sizes,
	.checkout-quantity .sizes { 
		/*text-align: center; */
		margin-bottom: 15px; 
	}
	.checkout-quantity h3 { 
		font-size: 18px; 
	}
	main { 
		padding-top: 125px; 
	}
	.userView .imp-action {
		position: absolute;
		top: 100%;
		width: 100%;
		left: 0;
	}
	.userView .imp-action {
		left: 0;
		top: 100%;
		width: 100%;
		padding: 5px 0;
		position: absolute;
		background: #eeeeee;
		justify-content: center;
	}
	.userView .imp-action a {
		padding: 5px 15px;
	}
	nav.project-tabs ul {
		flex-direction: column;
	}
	nav.project-tabs li {
		width: 100%;
		border-bottom: #EEE solid 2px;
	}
	nav.project-tabs li:last-child {
		border-bottom: transparent solid 2px;
	}
	nav.project-tabs li a {
		padding: 10px 0;
		line-height: unset;
		align-items: flex-start;
	}
	nav.project-tabs li a span {
		display: block;
		line-height: 36px;
	}
	nav.project-tabs li a span.price {
		margin: 0;
	}
	.section-head { 
		display: block; 
	}
	.print-container .product-view {
		flex-direction: column;
	}
	.print-selected-file {
		width: 100%;
		min-height: 200px;
	}
	.print-container .product-view .print-detail {
		width: 100%;
		margin-left: 0;
		padding-left: 0;
		border-left: unset;
	}
	.print-detail .mat-slider {
		padding: 8px 0;
	}
	.print-selected-file a {
		padding: 0;
		flex-direction: column;
	}
	.print-selected-file a i {
		order: 1;
		margin: 0;
	}
	.print-selected-file a span {
		order: 2;
	}
	.print-selected-file canvas {
		width: 100%;
	}
	#ink-picker ul.steps {
		justify-content: center;
		padding: 20px 10px;
	}
	.modal-footer {
		text-align: center;
	}
	.modal-footer .btn {
		float: unset;
		margin: 10px auto 0 !important;
	}
	ul.steps li a {
	  flex-direction: column;
	}
	.store tr {
		display: flex;
		position: relative;
		flex-direction: column;
	}
	.store td {
		width: 100%;
		padding: 10px !important;
	}
	.store .actions {
		justify-content: center;
	}
	.store td .btn-flat {
		right: 0;
		top: 10px;
		position: absolute;
	}
	.store-head {
		margin-bottom: 20px;
	}
	.store-head h2 {
		margin-top: 0;
	}
	.store ul {
		margin: 0;
		justify-content: center;
	}
	.store label {
		text-decoration: underline;
	}
	.store li label {
		text-decoration: unset;
	}
}
@media (min-width: 576px) {
	.modal-dialog-centered {
		min-height: calc(100% - (1.75rem * 2));
	}
}
@media (max-width: 480px) {
	.header a span { 
		display: none; 
	}
	.checkout-container {
		display: block;
	}
	.pt-20 {
		padding-top: 0px;
	}
	.mt-20 {
		margin-top: 0px;
	}
	.section-head .btn {
		padding: 0 1rem;
	}
	ul.qty-price li {
		border: none;
	}
	.page-announce {
		height: auto;
		min-height: 50px;
	}
	.add-location .btn {
		padding: 0;
		display: block;
		text-align: left;
	}
	.add-location .btn .add {
		float: unset;
		display: unset;
	}
	.page-announce .valign-wrapper .valign { 
		display: inline-block; 
	}
	.userView > a { 
		top: 0; 
		right: 0; 
		position: static; 
		padding: 0px 10px; 
	}
	.page-announce-text {
		font-size: 24px;
	}
	.sub-header { 
		display: block; 
	}
	.sub-header ul { 
		margin: 10px 15px; 
	}
	.sh-tab { 
		display: flex; 
		align-items: center; 
	}
	.sh-tab span { 
		margin-left: auto; 
	}
	.br-right {
		border-width: 0 0 1px 0;
	}
	.form-container {
		padding: 10px 15px 15px; 
	}
	.cart-head ul.quote-options li, 
	.cart-footer ul.quote-options li { 
		width: 49%;
		display: inline-block;
	}
	.cart-head ul.quote-options li .btn, 
	.cart-footer ul.quote-options li .btn { 
		text-align: left; 
	}
	.cart-head .proceed, 
	.cart-footer .proceed { 
		width: 100%; 
		margin: auto; 
	}
	.project-view ul.head {	
		display: block; 
	}
	.terms { 
		padding: 0; 
	} 
	.cart-container .collapsible-body { 
		padding: 0; 
	}
	section.cart { 
		margin: -10px -15px -15px;
	}
	section.cart h5 { 
		margin-bottom: 20px; 
	}
	section.cart h6 { 
		margin-bottom: 20px; 
	}
	/*section.checkout { 
		margin: -10px -15px -15px; 
	}*/
	.mat-drawer-container { 
		padding-top: 100px; 
	}
	#mockup_message .project-view { 
		padding: 20px 20px 0; 
	}
	.revision { 
		padding: 0 20px 20px; 
	}
	#art-manager .modal-dialog { 
		max-width: 90%; 
	}
	#product-detail ul.steps {
		padding: 20px 10px 20px 10px;
	}
	ul.steps {
		padding: 10px;
		flex-flow: wrap;
	}
	ul.steps li.active {
		width: 100%;
		margin-bottom: 10px;
	}
	ul.steps li a {
		justify-content: center;
		flex-direction: row;
	}
}
@media (max-width: 320px) {
	.page-announce {
		height: auto;
		min-height: 40px;
	}
	.page-announce-text {
		font-size: 20px;
	}
}
@page {
	margin: 10px;
	padding: 0px;
}
@media print {
	body { 
		font-size:12px !important; 
	}
	main {
		margin: 0;
		padding: 0;
		background-color: #FFF;
	}
	/*.last,
	.project, 
	.checkout-project-footer, 
	.checkout-quantity .col-print-12 {
		page-break-after: always;
	}
	.page-break-after-always {
		page-break-after: always;
	}
	.page-break-after-auto {
		page-break-after: auto;
	}
	.page-break-before-always {
		page-break-before: always;
	}
	.page-break-before-auto {
		page-break-before: auto;
	}*/
	/*.project-container > div {
		page-break-after: auto;
	}*/
	.print_mb_0 { 
		margin: 0 !important; 
	}
	.print_mb_1 { 
		margin: 0.25rem !important; 
	}
	.print_mb_2 { 
		margin: 0.5rem !important; 
	}
	.print_mb_3 { 
		margin: 1rem !important; 
	}
	.print_mb_4 { 
		margin: 1.5rem !important; 
	}
	.print_mb_5 { 
		margin: 3rem !important; 
	}
	.print_mt_0 { 
		margin: 0 !important; 
	}
	.print_mt_1 { 
		margin: 0.25rem !important; 
	}
	.print_mt_2 { 
		margin: 0.5rem !important; 
	}
	.print_mt_3 { 
		margin: 1rem !important; 
	}
	.print_mt_4 { 
		margin: 1.5rem !important; 
	}
	.print_mt_5 { 
		margin: 3rem !important; 
	}
	.print_p_0 { 
		padding: 0px; 
	}
	.print_px_0 { 
		padding-left: 0px;
		padding-right: 0px;
	}
	.print_py_0 { 
		padding-top: 0px;
		padding-bottom: 0px;
	}
	.print-shadow-none { 
		box-shadow: none !important;
	}
	.collapsible .mat-expansion-panel {
		border-radius: 10px;
	}
	.collapsible-header i { 
		display:none !important; 
	}
	.collapsible-body { 
		display:block !important; 
	}
	.checkout-project { 
		padding:0 !important;
	}
	.checkout-project > .collapsible > li > .collapsible-body { 
		display: block; 
		padding: 2rem 0 !important; 
	}
	.site-header { 
		display: none !important; 
	}
	.site-branding { 
		display: none; 
	}
	.entry-header { 
		display: none; 
	}
	.mockups { 
		width: auto !important; 
		padding: 0 10px !important; 
	}
	.mockups img {
		max-width: 100%;
		max-height: unset;
	}
	.mockups .btn { 
		display: none !important; 
	}
	.impressions ul { 
		display: none !important; 
	}
	.impressions ul.specs { 
		display: block !important; 
	}
	.specs { 
		margin-bottom: 0px;
		width: 100% !important;
		display: table !important;
	}
	.specs .chip {
		print-color-adjust: exact;
		-moz-print-color-adjust: exact;
		-webkit-print-color-adjust: exact;
	}
	.project {
		margin-bottom: 0;
		padding-bottom: 10px;
	}
	.project .specs ul.colors li {
		width: unset;
		box-shadow: none;
		min-height: unset;
		margin: 0 10px 10px 0;
		flex-direction: unset;
		border: #f0f0f0 solid 1px;
	}
	.project .specs ul.colors li img,
	.project .specs ul.colors li span.ink_color_bg,
	.project .specs ul.colors li span.ink_img_bg {
		width: 30px;
		height: 30px;
		print-color-adjust: exact;
		-moz-print-color-adjust: exact;
		-webkit-print-color-adjust: exact;
	}
	.project .specs ul.colors li span.ink_color_name {
		padding: 7px 12px;
		white-space: nowrap;
	}
	table.striped > tbody > tr:nth-child(odd),
	.project-view, .cart-head, div.page-announce {
		print-color-adjust: exact;
		-moz-print-color-adjust: exact;
		-webkit-print-color-adjust: exact;
	}
	.userView,
	.account-view,
	.mat-icon-button,
	.side-nav.left-panel { 
		display: none !important; 
	}
	.select-wrapper input.select-dropdown { 
		box-sizing: border-box;
		margin-bottom: 0 !important; 
		padding:0 15px 0 0 !important;
	}
	.instruction {
		padding: 0;
	}
	.pmb-15 { 
		margin-bottom: 15px;
	}
	.ppb-15 { 
		padding-bottom: 15px; 
	}
	.pbb { 
		border-bottom: solid 1px #ccc; 
	}
	td, th { 
		padding: 5px !important;
	}
	.mat-expansion-panel-content { 
		height:auto !important; 
		visibility:visible !important; 
	}
	.checkout-quantity h3 { 
		font-size: 18px; 
	}
	.garment-view .qty-img,
	.checkout-quantity .qty-img { 
		height: 120px !important; 
	}
	.terms h4, .print-price h4 { 
		font-size:18px; 
	}
	.checkout-project .col.l12:last-child { 
		border:none !important;
		margin-bottom:0 !important; 
	}
	.project { 
		margin-bottom:0 !important; 
	}
	.select-wrapper span.caret { 
		display:none !important; 
	}
	.status-container { 
		width: 100%; 
		display: block; 
	}
	.status-container .item { 
		display: inline-block; 
	} 
	.mat-expansion-panel-header span.mat-expansion-indicator { 
		display:none !important; 
	}	
	.project-view { 
		padding: 20px 0;
	}
	.print-d-flex {
		display: flex;
	}
	.col-print-0  {
		width: 0% !important; 
		float:left !important;
		display: none !important; 
	}
	.col-print-1  {
		width: 8% !important;  
		float: left !important;
	}
	.col-print-2  {
		width: 16% !important; 
		float: left !important;
	}
	.col-print-3  {
		width: 25% !important; 
		float: left !important;
	}
	.col-print-4  {
		width: 33% !important; 
		float: left !important;
	}
	.col-print-5  {
		width: 42% !important; 
		float: left !important;
	}
	.col-print-6  {
		width: 50% !important; 
		float: left !important;
	}
	.col-print-7  {
		width: 58% !important; 
		float: left !important;
	}
	.col-print-8  {
		width: 66% !important; 
		float: left !important;
	}
	.col-print-9  {
		width: 75% !important; 
		float: left !important;
	}
	.col-print-10 {
		width: 83% !important; 
		float: left !important;
	}
	.col-print-11 {
		width: 92% !important; 
		float: left !important;
	}
	.col-print-12 {
		width: 100% !important; 
		float: left !important;
	}
	.checkout-head {
		width: 100%;
		display: flex;
		box-shadow: none;
		margin-left: -20px;
		border-bottom: none;
		flex-direction: column;
		justify-content: flex-start;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		padding-top: 20 !important;
		padding-bottom: 0px !important;
		print-color-adjust: exact;
		-moz-print-color-adjust: exact;
		-webkit-print-color-adjust: exact;
/*		background-color: #f6f6f6 !important;*/
	}
	.checkout-head .item-container {
		display: block;
	}
	.checkout-head .item-container .item {
		display: inline-block;
	}
	.checkout-head .item-container .item:last-child {
		margin-left: unset;
	}
	.checkout-head .item-container .item span, .checkout-head .item-container .item b {
		height: 20px;
		font-size: 16px;
	}
	.checkout-head .item-container { 
		display: block; 
		font-size: 6px; 
	}
	.checkout-head .item-container .item label { 
		padding: 0; 
		color: #111;
		width: 100%; 
		display: block; 
		margin: 0 0 0px; 
		line-height: 15px; 
	}
	.checkout-head .item-container .item > span { 
		margin: 0;
		padding: 0; 
		line-height: 1; 
	}
	.checkout-head .item-container .item .mat-form-field {
		font-size: 6px;
	}
	.checkout-head .item-container .item .mat-select-value-text > span {
		color: #65C2FF;
		font-size: 12px;
	}
	.mat-select-arrow {
		opacity: 0;
	}
	.checkout-head .item-container .item input[type="text"] {
		border: none !important;
	}
	.checkout-head .item-container .item .mat-form-field-underline {
		display: none;
	}
	.checkout-head .item-container .item .due-date-picker input[type="text"] {
		height: 1.5rem !important;
	}
	.project .specs label.check {
		float: right;
	}
	.select-wrapper input[type="text"] { 
		border: none !important; 
	}
	.form-container { 
		margin: 0;
		padding: 0; 
	}
	.checkout-quantity .sizes span { 
		text-align: left; 
	}
	.mat-expansion-panel-body { 
		padding: 20px 0 0px 0 !important; 
	}
	.printSlip .slip { 
		display: none; 
	}
	.storehome-wrapper {
		background: #fff;
	}
	.storehome-wrapper .header { 
		display: none; 
	}
	.invoice-head {
		padding-bottom: 10px;
	}
	.checkout-quantity .row {
		height: 3cm;
	}
	.chat-container .collapsible-body, 
	.chat-container .mat-expansion-panel-body {
		max-height: unset;
	}
	.box-container {
		width: 4in;
		height: 6in;
		padding: 1in;
		border: 1px solid #f0f0f0;
	}
	.chip, span.uname {
		print-color-adjust: exact;
		-moz-print-color-adjust: exact;
		-webkit-print-color-adjust: exact;
	}
	.line-items {
		margin-bottom: 10px;
		border-radius: 10px;
		border: #f5f5f5 solid 1px;
	}
	.mat-expansion-panel{
		border:none !important;
	}
}
.tooltip-msg {
	font-size: 15px;
	color: #65C2FF;
	cursor: pointer;
	margin-left: 2px;
}