@media (min-width:993px) {}
/*html { font-family: "Roboto", sans-serif !important; }*/
body.fixed {
	position: fixed;
}
h1:first-child, 
h2:first-child, 
h3:first-child, 
h4:first-child, 
h5:first-child, 
h6:first-child {
	padding-top: inherit !important;
}
h5 { 
	font-size:1.64rem !important; 
	margin:0 !important; 
	padding:0 !important; 
	color:rgba(0, 0, 0, 0.87) !important; 
}
th:first-child, td:first-child { padding-left:1.0rem !important; }
th:last-child, td:last-child { padding-right:1.0rem !important; }
th, td { 
	border-bottom:none !important; 
	padding:15px 5px !important; 
	border-radius:0 !important;
}
.collapsible-body { background:#fff; }
h5 { text-transform: none !important; letter-spacing: 0 !important; }

a { cursor: pointer; }

textarea::-webkit-input-placeholder {  color: #ccc;}
textarea:-moz-placeholder { color: #ccc; } 
textarea::-moz-placeholder { color: #ccc; }
textarea:-ms-input-placeholder {  color: #ccc;  }
textarea::placeholder {  color: #ccc;  }
.input-field label { top: 0; }
.shadow {
    box-shadow: 0px 2px 3px -1px rgba(151, 171, 187, .7);
    -o-box-shadow: 0px 2px 3px -1px rgba(151, 171, 187, .7);
    -moz-box-shadow: 0px 2px 3px -1px rgba(151, 171, 187, .7);
    -webkit-box-shadow: 0px 2px 3px -1px rgba(151, 171, 187, .7);
}
input { line-height: normal !important; }
[type="submit"] {
	border: medium none !important;
	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) !important;
	text-shadow: none !important;
	padding: 0 2rem !important;
	
}
.slider-off {
	display: none !important;
	position: absolute;
	right: 0; top: 0;
}
a.button-collapse {
    display: none;
    transition: ease-out all 0.3s !important;
}
a.button-collapse:hover {
	background: #333 !important;
	color: #fff !important;
}
label { line-height: unset !important; } 
.modal-overlay { z-index: 9999 !important; }
.modal {
	width: 100%;
	height: 100%;
	z-index: 99999 !important;
	top: 0 !important;
	overflow-y: inherit;
	box-shadow: none;
	max-height: none;
	overflow: auto;
	background: transparent !important; 
	transform: scaleX(1) !important;
}
.modal-dialog { 
	margin: 20px auto; 
	max-width: 90%;
	position: relative;
}
.modal-header { background:#2a2a2a; display: flex; align-items:center; }
.modal-header h4 { 
	padding:15px 15px !important; 
	margin:0; 
	color: #ffffff; 
	font-size:18px; 
}
.modal-overlay:nth-of-type(2n) {
	z-index: 99999 !important;
}
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"], 
textarea {
	background: transparent !important;
	border-width: 0 0 1px 0 !important;
	border-style: solid !important;
	border-color: #9e9e9e !important;
	height: 2em !important;
	border-radius:0px !important;
	-o-border-radius:0px !important;
	-ms-border-radius:0px !important;
	-moz-border-radius:0px !important;
	-webkit-border-radius:0px !important;
	padding:0 10px !important;
	box-sizing: border-box !important;
	box-shadow: none !important;
	-o-box-shadow: none !important;
	-ms-box-shadow: none !important;
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
}
.input-field label.active:not(.label-icon) {
    font-size: .8rem;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}
input.invalid:not([type]), 
input.invalid:focus:not([type]), 
input.invalid[type="text"], 
input.invalid[type="text"]:focus, 
input.invalid[type="password"], 
input.invalid[type="password"]:focus, 
input.invalid[type="email"], 
input.invalid[type="email"]:focus, 
input.invalid[type="url"], 
input.invalid[type="url"]:focus, 
input.invalid[type="time"], 
input.invalid[type="time"]:focus, 
input.invalid[type="date"], 
input.invalid[type="date"]:focus, 
input.invalid[type="datetime"], 
input.invalid[type="datetime"]:focus, 
input.invalid[type="datetime-local"], 
input.invalid[type="datetime-local"]:focus, 
input.invalid[type="tel"], 
input.invalid[type="tel"]:focus, 
input.invalid[type="number"], 
input.invalid[type="number"]:focus, 
input.invalid[type="search"], 
input.invalid[type="search"]:focus, 
textarea.materialize-textarea.invalid, 
textarea.materialize-textarea.invalid:focus {
	border-bottom: 1px solid #F44336 !important;
}
select { display: none !important; }
.modal-content input[type="text"], 
.modal-content input[type="email"], 
.modal-content input[type="url"], 
.modal-content input[type="password"], 
.modal-content input[type="search"], 
.modal-content input[type="number"], 
.modal-content input[type="tel"], 
.modal-content input[type="range"], 
.modal-content input[type="date"], 
.modal-content input[type="month"], 
.modal-content input[type="week"], 
.modal-content input[type="time"], 
.modal-content input[type="datetime"], 
.modal-content input[type="datetime-local"], 
.modal-content input[type="color"], 
.modal-content textarea {
	padding: 0 !important;
}
label {
	font-weight: normal !important;
}
.select-wrapper input.select-dropdown { 
	height:2rem !important; 
	padding-right: 15px !important;
	box-sizing: border-box;
}
.select-wrapper input.select-dropdown.active + .dropdown-content {
	display: block !important;
}
.btn, .btn-large, .btn-flat { text-transform:none; }
/*.ui-widget-header { 
	background:#f5f5f5 !important; 
	border-radius:0 !important; 
	border:none !important; 
	padding:0 !important 
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor { padding:12px 24px !important; }
.ui-tabs .ui-tabs-nav li { 
	border-radius:0px; 
	border:none; 
	background:transparent; 
	border-top:transparent solid 2px; 
}
.ui-tabs .ui-tabs-nav li.ui-state-active { 
	background:#fff; 
	border-top:#FF4181 solid 2px; 
	margin:0; 
}
.ui-tabs .ui-tabs-nav li.ui-state-active a { color:#FF4181; }
.ui-widget.ui-widget-content { border:none !important; }
.ui-tabs .ui-tabs-panel { padding:1em !important; }*/
.table-container { overflow:auto; width:100%; }
.border-left-right { 
	border-color: #ccc; 
	border-style: solid; 
	border-width: 0 1px 0 1px; 
}
.folderback {
	display: flex;
	line-height: 24px;
	cursor: pointer;
}

.tab-container .order-tab { padding: 30px; }
.tab-container .order-tab th:first-child, .tab-container .order-tab td:first-child { 
	padding-left: 5px; 
}
.tab-container .order-tab th:last-child, .tab-container .order-tab td:last-child { 
	padding-right: 5px; 
}
.tab-container .order-tab th, .tab-container .order-tab td{ padding: 15px 5px; }

.preloader-container {
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.8);
	left: 0;
	top: 0;
	z-index: 999999;
}
.preloader-container .preloader {
	position: relative;
	width: 64px;
	height: 64px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
}


.entry-content a, 
.entry-summary a, 
.comment-content a, 
.widget a, 
.site-footer 
.widget-area a, 
.posts-navigation a, 
.widget_authors a strong {
	box-shadow:none !important;
	-o-box-shadow:none !important;
	-ms-box-shadow:none !important;
	-moz-box-shadow:none !important;
	webkit-box-shadow:none !important;
}
.entry-content a:focus, 
.entry-content a:hover, 
.entry-summary a:focus, 
.entry-summary a:hover, 
.comment-content a:focus, 
.comment-content a:hover, 
.widget a:focus, 
.widget a:hover, 
.site-footer .widget-area a:focus, 
.site-footer .widget-area a:hover, 
.posts-navigation a:focus, 
.posts-navigation a:hover, 
.comment-metadata a:focus, 
.comment-metadata a:hover, 
.comment-metadata a.comment-edit-link:focus, 
.comment-metadata a.comment-edit-link:hover, 
.comment-reply-link:focus, 
.comment-reply-link:hover, 
.widget_authors a:focus strong, 
.widget_authors a:hover strong, 
.entry-title a:focus, 
.entry-title a:hover, 
.entry-meta a:focus, 
.entry-meta a:hover, 
.page-links a:focus .page-number, 
.page-links a:hover .page-number, 
.entry-footer a:focus, 
.entry-footer a:hover, 
.entry-footer .cat-links a:focus, 
.entry-footer .cat-links a:hover, 
.entry-footer .tags-links a:focus, 
.entry-footer .tags-links a:hover, 
.post-navigation a:focus, 
.post-navigation a:hover, 
.pagination a:focus:not(.prev):not(.next), 
.pagination a:hover:not(.prev):not(.next), 
.comments-pagination a:focus:not(.prev):not(.next), 
.comments-pagination a:hover:not(.prev):not(.next), 
.logged-in-as a:focus, 
.logged-in-as a:hover, 
a:focus .nav-title, 
a:hover .nav-title, 
.edit-link a:focus, 
.edit-link a:hover, 
.site-info a:focus, 
.site-info a:hover, 
.widget .widget-title a:focus, 
.widget .widget-title a:hover, 
.widget ul li a:focus, 
.widget ul li a:hover {
	box-shadow:none !important;
	-o-box-shadow:none !important;
	-ms-box-shadow:none !important;
	-moz-box-shadow:none !important;
	webkit-box-shadow:none !important;
}
.site-content { padding:0px !important; }
.login {
	padding: 50px;
	width: 500px;
	margin: 50px auto 0 !important;
	border: 1px solid #EEE;
}
.success-msg, .error-msg { margin-bottom: 15px; }
.login h5 { text-align: center; font-size: 16px; margin: 0 auto 30px !important; }
/*.login .input-field input {
	border-width: 0 0 1px 0 !important;
	border-style: solid !important;
	border-color: #9e9e9e !important;
	height: auto !important;
	border-radius:0px !important;
	-o-border-radius:0px !important;
	-ms-border-radius:0px !important;
	-moz-border-radius:0px !important;
	-webkit-border-radius:0px !important;
	padding:0.7em 0 !important;
}
.login label {
	font-weight: normal !important;
}
*/
.login .btn-flat { padding: 0 0 0 1.5rem; }
.login .btn-flat:hover { background: transparent; }
.signup {
	padding: 36px 24px 18px;
	width: 100%;
	max-width:1200px;
	margin: auto !important;
}
.signup .row { margin-bottom: 0; }
.signup .logo { background:#000; text-align:center; }
.signup h5 { 
	font-size: 18px !important; 
	border-bottom:#ff4181 solid 1px; 
	margin-bottom: 20px !important; 
	padding:15px; 
}
/*.signup .input-field input {
	border-width: 0 0 1px 0 !important;
	border-style: solid !important;
	border-color: #9e9e9e !important;
	height: auto !important;
	border-radius:0px !important;
	-o-border-radius:0px !important;
	-ms-border-radius:0px !important;
	-moz-border-radius:0px !important;
	-webkit-border-radius:0px !important;
	padding:0.7em 0 !important;
	margin-bottom: 0 !important;
}*/
.signup label {
	font-weight: normal !important;
}

.entry-content a { 
	text-decoration:none; 
	box-shadow:none; 
	-o-box-shadow:none; 
	-ms-box-shadow:none; 
	-moz-box-shadow:none; 
	-webkit-box-shadow:none; 
}
.entry-content a:hover {
	box-shadow:none; 
	-o-box-shadow:none; 
	-ms-box-shadow:none; 
	-moz-box-shadow:none; 
	-webkit-box-shadow:none;
	cursor: pointer;
}
/*.site-content { background:#fbfbfb; }*/
#error-message, .error-message{ 
	padding:10px; 
	background:rgba(255,0,0,0.5); 
	display:none; 
	border:#F00 solid 1px; 
	color:#FFF; 
}
#success-message, .success-message {
	padding: 10px;
	background: rgba(53, 141, 0, 0.86);
	display: none;
	border: #65A83D solid 1px;
	text-align:center;
	color: #FFF;
}
.success-message { color: #4CAF50;}
.error-message { color: #F00;}
#error-messagereset { 
	padding:10px; 
	background:rgba(255,0,0,0.5); 
	display:none; 
	border:#F00 solid 1px; 
	color:#FFF; 
}
#success-messagereset {
	padding: 10px;
	background: rgba(53, 141, 0, 0.86);
	display: none;
	border: #65A83D solid 1px;
	text-align:center;
	color: #FFF;
}
#dvCountDown {
	padding: 10px 0 0 0;
	text-align: center;
	color: #999;
}



html { height:100%; }
h1, h2, h3, h4, h5, h6 { font-weight:normal !important; }
body {
	font-family: inherit inherit !important;
	/*font-family: "Roboto", sans-serif !important;*/
	/*display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	min-height: 100vh;
	flex-direction: column;
	height:100%;
	flex-flow:wrap;
	-o-flex-flow:wrap;
	-ms-flex-flow:wrap;
	-moz-flex-flow:wrap;
	-webkit-flex-flow:wrap;*/
}
button { font-weight:normal !important; }
nav { background:transparent; box-shadow: none; }
.main-navigation a { padding: 0 1.25em !important; }
.br-right { border-color:#eee; border-style:solid; border-width:0 1px 0 0; }
.br-bottom { border-bottom:#eee solid 1px; }
.btn-blue { background:#4eb9ff !important; }
.btn-blue:hover { background:#38a2e7 !important; }
.btn-blue:focus { background:#38a2e7 !important; }
.btn.btn-blue.waves-effect.waves-light.ng-binding.selected { 
	background: #FF4181 !important; 
}
.btn-pink { background:#FF4181; }
.btn-pink:hover { background:#E42263; }
.btn-pink:focus { background:#E42263; }
.row.no-gutters > [class^="col"],
.row.no-gutters > [class*=" col"] {
	padding-right: 0;
	padding-left: 0;
}
.switch label input[type="checkbox"]:checked + .lever::after { 
	background-color: #4eb9ff; 
	left: 24px; 
}
.switch label input[type="checkbox"]:checked + .lever { background-color: #257eb9; }
.switch label .lever::after {
	box-shadow:none;
	-o-box-shadow:none;
	-ms-box-shadow:none;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
}
.mb-0 { margin-bottom:0; }
label { font-size:1rem; }
.flex {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}
#wrapper {
	display:table;
	height:100%;
	width:100%;
	background: #EBEBEB;
}

#wrapper .row .col.l4{ margin-left:0px !important; }
#wrapper .flex { flex-wrap: wrap; }

.side-nav.left-panel { 
	width:300px; 
	padding:0; 
    transition: ease-out all 0.3s !important; 
}
.side-nav li { border-bottom:#eee solid 1px; padding:10px; line-height:24px; }
.side-nav li li { border-bottom:none; }
.side-nav.left-panel a { height:auto; padding:15px 10px; line-height:normal; }
.side-nav.left-panel li a i {
	display:block;
	margin:auto;
	font-size:1.6rem;
	width:auto;
	float:right;
	line-height:20px !important;
	height: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;
}
.side-nav.left-panel li a.active i {
	transform:rotate(180deg);
	-o-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
}
.side-nav.left-panel li .collapsible-body { 
	padding:0px; 
	max-height:200px; 
	overflow:auto;
}
.side-nav.left-panel li .collapsible-body ul { margin:0; }
.side-nav.left-panel li .collapsible-body a { 
	text-align:left; 
	padding:10px 10px 10px 20px; 
	color:#686868; 
	font-weight:normal;
}
.side-nav.left-panel li .collapsible-header { 
	line-height:normal; 
	padding:15px 10px; 
	color:#686868; 
	font-size:16px; 
}
.side-nav.left-panel li .collapsible-header{box-shadow: none !important;}
.collapsible-body li a {box-shadow: none !important;}
.collapsible-body li a {box-shadow: none !important;}
.side-nav li nav.search {
	height:36px;
	width:auto;
	margin:30px 20px 0px;
	background:#EBEBEB;
	box-shadow:none;
	-o-box-shadow:none;
	-ms-box-shadow:none;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
}
.side-nav li nav.search input[type="search"] { 
	width:100%; 
	padding:0 3em 0 3rem !important; 
	font-size:14px; 
	background:none; 
	height: 100% !important 
}
.side-nav li nav .nav-wrapper i { 
	line-height:36px; 
	height:36px; 
	text-align:right; 
	color:#000; 
}
.side-nav li nav .input-field input::placeholder { color:#000000; font-size:14px; }

.side-nav li label { 
	color:#686868; 
	font-weight:normal; 
	margin-bottom:10px; 
	display:inline-block; 
	font-size:16px; 
}
.side-nav li .filter.selected { background:#EBEBEB; }
.side-nav li .filter { 
	display:table; 
	width:100%; 
	font-size:14px; 
	padding:5px 10px; 
	color:#686868; 
	margin-bottom:1px; 
}
.side-nav li .filter span { display:table-cell; vertical-align:middle; }
.side-nav li .filter i { 
	display:table-cell; 
	text-align:right; 
	cursor:pointer; 
	font-size:14px; 
	vertical-align:middle; 
}
.side-nav li .switch { margin:10px 0; }
.side-nav li.blue { padding-top:20px; padding-bottom:20px; }
.side-nav li.blue a { 
	font-size:18px; 
	font-weight:normal; 
	padding:0; 
	display:inline-block; 
}
.side-nav li.blue a:hover { background:none; text-decoration:underline; }

.side-nav.fixed { 
	position:static; 
	min-height:100%; 
	height:auto; 
	vertical-align:top; 
	display:table-cell;
	z-index: 999;
}
.side-nav.fixed.on {
	-webkit-transform: translateX(0%);
	transform: translateX(0%);
}
.side-nav.fixed .close { position:absolute; right:0; padding:0 10px; display:none; }
.side-nav.fixed .close:hover { background:none; }
main {
	background: #fff;
	margin-left:300px;
	position:relative;
	padding:1.5em 0.75em;
	display:table-cell !important;
}
/*section.content { position:absolute; top:35px; width:100%; }*/
.sticky-wrapper { background: #EBEBEB; }
.steps-container { 
	display:table; 
	border-bottom: #ddd solid 1px; 
	width:100%; 
	padding:10px; 
	background:#EBEBEB; 
	z-index: 9999 !important 
}
.steps-container .btn-back, .steps-container .btn-next { 
	display:table-cell; 
	width: 75px; 
}
.steps-container .btn-flat { 
	display:inline-flex; 
	padding: 0 10px; 
	color:#686868; 
	font-weight:normal; 
}
.steps-container .btn-flat:hover { background:transparent; }
.steps-container .btn-flat i {
	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; }


ul.steps { display:table-cell; }
ul.steps li { display:inline-block;}
ul.steps li a {
	color:#A2A2A2; 
	padding:10px; 
	cursor:no-drop; 
	display: flex; 
	align-items: center; 
	font-size: 14px;
}
ul.steps li a span {
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 100%;
	width: 30px;
	height: 30px;
	text-align: center;
	margin-right: 10px;
	background: #B8B8B8;
}
ul.steps li a:hover {color: #000; }
ul.steps li a:hover span { background: #4EB9FF; }
ul.steps li.active a span  { background:#4EB9FF; cursor:pointer; }
ul.steps li.active a  { color:#000; }
ul.steps li.done a { color:#000; cursor:pointer; }
ul.steps li.done a:before { background:#4EB9FF; }

ul.qty-price { display:table-cell; }
ul.qty-price li { 
	display:inline-block; 
	color:#A3A3A3; 
	padding:10px; 
	border-right:#CCC 
	solid 1px; 
}
ul.qty-price li span { color:#FF4181; }
ul.qty-price li:last-child { border:none; }


.product { 
	display:block; 
	width:100%; 
	position:relative; 
	/*border:#e4e4e4 solid 1px; */
	margin-bottom:1.5rem; 
	overflow:hidden; 
}
.product .best-price {
	position:absolute;
	top:5px;
	right:5px;
	background:url(../images/bestseller.png) center no-repeat;
	background-size:contain !important;
	width:75px;
	height:63px;
	display:block;
	z-index:9998;
}
.product a { min-height:100px; display:block; cursor: pointer; }
.product img {
	display:block;
	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;
	margin: auto;
}
.product img.in { 
	opacity:0; 
	position:absolute;
	left: 50%;
	transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}
.product:hover img.in { opacity:1; }

.product .detail {
	bottom:0;
	width:100%;
	color:#EBEBEB;
	padding:5px 10px;
	position:absolute;
	background:rgba(0,0,0,0.5);
	transition: all 0.25s linear 0s;
	-o-transition: all 0.25s linear 0s;
	-ms-transition: all 0.25s linear 0s;
	-moz-transition: all 0.25s linear 0s;
	-webkit-transition: all 0.25s linear 0s;
}
.product:hover .detail {padding:5px 10px; background:rgba(0,0,0,0.8);}
.product .detail h5 { 
	font-size:18px !important; 
	margin:0;
	font-weight:normal !important;
	color:#FFF !important;
	text-transform:none;
	padding-top: 0 !important;
	letter-spacing:0;
	line-height:1.5;
	transition: all 0.25s linear 0s;
	-o-transition: all 0.25s linear 0s;
	-ms-transition: all 0.25s linear 0s;
	-moz-transition: all 0.25s linear 0s;
	-webkit-transition: all 0.25s linear 0s;
}
.product .detail span { font-size: 14px; }
.product .detail ul {
	display:none;
	margin:0;
	font-size:18px;
	transition: all 0.25s linear 0s;
	-o-transition: all 0.25s linear 0s;
	-ms-transition: all 0.25s linear 0s;
	-moz-transition: all 0.25s linear 0s;
	-webkit-transition: all 0.25s linear 0s;
}
/*.product:hover h5 { display:none; }
.product:hover ul { display:block; }
.product .detail ul li { 
    display:inline-block; 
    padding: 0 10px; 
    border-right:#FFF solid 1px; 
}
.product .detail ul li:last-child { border:none; }*/

.product-view { 
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex; 
	width:100%; 
	/*align-items:center;*/
}
/*.product-view .thumb-list { width:20%; padding:20px 15px 0; margin:0 }*/
/*.product-view .main-img { width:80%; }*/
.product-view .thumb-list { width:20%; padding:20px 15px }
.product-view .thumb-list li img { cursor:pointer; }
.product-view .main-img { width:80%; padding:5%; display: table; position:relative; }


.product-detail { 
	background: #F6F6F6; 
	padding-bottom: 20px; 
	position: relative; 
	height: 100%; 
}
.product-detail .detail { 
	/*background:#B1B1B1;*/
	
	padding:40px; 
}
.product-detail h2 { 
	font-size:24px; 
	margin:0 0 40px; 
	font-weight:bold; 
	font-style:italic; 
	color:#000; 
}
.product-detail ul.colors {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-flow:wrap;
	margin:0;
}
.product-detail ul.colors li { 
	display:block; 
	/*border: 1px solid #666; 
	margin: 0 1px 1px 0;*/ 
	overflow: hidden; 
	position:relative; 
	width:50px; height:50px; 
}
.product-detail ul.colors li img { height:50px; }
.product-detail ul.colors li.addedColor:after {
	content:'';
	width:100%;
	height:100%;
	position:absolute; 
	display:block; 
	background:url(../images/click.png) center no-repeat; 
	background-size:contain; 
	z-index:9;
	top:0;
}
.product-detail ul.colors li.active{
	/*border: 2px solid #fff;*/
	box-shadow: 0 0 5px #aeaeae;
}
.product-btn { 
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	font-size:14px;
	font-weight:500;
	flex-flow:wrap;
	margin-top: 20px;
	justify-content: center;
}
.product-btn .btn { 
	width:47%;
	color:#FFF;
	height:auto;
	padding:10px 0;
	text-transform:none;
	border-radius:0px;
	-o-border-radius:0px;
	-ms-border-radius:0px;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
}
.product-btn .btn:last-child {
	/* width:100%; padding:25px 0;*/ 
	margin-left: 10px; 
	padding:5px 0;
}

/*Quantity Page*/
.quantity .qty-img, .garment-view .qty-img {
	height: 130px;
	text-align: right;
}
.quantity .qty-img img, .garment-view .qty-img img { max-height: 100%; }
.quantity ul.colors {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-flow:wrap;
	margin:0 0 50px 0;
}
.quantity ul.colors li { display:block; position:relative; width:60px; height:60px; }
.quantity ul.colors li img {
    height: 60px;
}
.quantity ul.colors li.active:after {
	content:'';
	width:100%;
	height:100%;
	position:absolute; 
	display:block; 
	background:url(../images/click.png) center no-repeat; 
	background-size:contain; 
	z-index:9;
	top: 0;
}
.quantity h3 { font-size:20px; margin:20px 0; }
.quantity h3 .per-piece { font-size: 12px; }
.quantity .garment-item { 
	padding:0 0px 20px 0px;
	margin: 0 auto 30px;
	width: 90%;
	border-bottom:#CCC solid 1px;
	position:relative;
	background: #fff;
}
.quantity .sizes span { font-size:12px; color:#999; display:block; text-align: center; }
.quantity .sizes input[type="number"] { 
	-moz-appearance: textfield; 
	border-color:transparent transparent #4eb9ff;  
	border-width:0 0 2px; 
	text-align: center; 
	padding: 0 !important;
}
.quantity .sizes input[type="number"]::-webkit-inner-spin-button, 
.quantity .sizes input[type="number"]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

.quantity .garment-item .btn {
	bottom: 10px;
	display: flex;
	font-size: 16px;
	position: absolute;
	right: 10px;
	color:#666;
	text-transform: none;
	vertical-align: middle;
}
.quantity .garment-item .btn i { margin-right:10px; }
.quantity .add-garment {
	margin:0 auto 30px;
	width:90%;
	padding:15px;
	height:auto;
	display: block;
	font-size: 16px;
	text-align:center;
}
.quantity .add-garment i, .quantity .add-garment span { 
	display:inline-block; 
	vertical-align:top; 
}

.cart .sizes span { font-size:12px; color:#999; display:block; text-align: center;}
.cart .sizes input[type="number"].ng-invalid-ng-max {
    color: white;
    background-color: #ff4181;
    border: 1px solid #ff4181 !important;
}

/*Print Container*/
.print-container {
	background:#F6F6F6;
}
.print-container .prints { border-bottom:#CCC solid 1px; }
.impressions h2 { 
	font-size:24px; 
	font-weight:bold !important; 
	color:#333; 
	font-style:italic; 
	margin:1.78rem 0 1.424rem 0; 
}
.impressions ul { margin-top:0; }
.impressions ul li { display:flex; align-items:center; }
.impressions ul li .material-icons { color:#686868; }
.impressions ul li a { padding:10px 5px; color:#039be5; cursor:pointer; }
.impressions ul.head li { padding:5px 0; }
.print-container .product-view { 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 {
	position:absolute;
	width:40%;
	height:40%;
	/*background:rgba(0,0,0,0.5);
	border:#666 solid 1px;*/
	top:20%;
	left:30%;
	/*display:flex;
	align-items:center;
	justify-content:center;*/
	color:#CCC;
	cursor: pointer;
}
.print-container .front .art-content .imgPreviewBox {
	max-width: 80%;
	min-width: 30%;
	width: 80%;
    height: 50%;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display:flex;
	align-items:center;
	justify-content:center;
}
.imgPreviewBox .distance {
	position: absolute;
	bottom: 100%;
	color: #fff;
	background: rgba(0,0,0,0.5);
	padding: 5px;
	display:flex;
	align-items:center;
	justify-content:center;
}
.imgPreviewBox .material-icons { font-size: 12px; width: 12px; }
.imgPreviewBox span { font-size: 12px; margin: 0 10px; font-weight: bold; }
.imgPreviewBox .printwidth {
	position: absolute;
	top: 100%;
	color: #fff;
	background: rgba(0,0,0,0.5);
	padding: 5px;
	display:flex;
	align-items:center;
	justify-content:center;
	width: 100%;
}
.print-container .back .art-content {
	position:absolute;
	width:40%;
	height:40%;
	/*background:rgba(0,0,0,0.5);
	border:#666 solid 1px;*/
	top:10%;
	left:30%;
	/*display:flex;
	align-items:center;
	justify-content:center;*/
	color:#CCC;
	cursor: pointer;
}
.print-container .back .art-content .imgPreviewBox {
	max-width: 80%;
	min-width: 30%;
	width: 80%;
    height: 50%;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display:flex;
	align-items:center;
	justify-content:center;
}
.print-container .left-sleeve .art-content {
	position:absolute;
	width:30%;
	height:35%;
	/*background:rgba(0,0,0,0.5);
	border:#666 solid 1px;*/
	top:20%;
	right:10%;
	/*display:flex;
	align-items:center;
	justify-content:center;*/
	color:#CCC;
	cursor: pointer;
}
.print-container .left-sleeve .art-content .imgPreviewBox {
	max-width: 80%;
	min-width: 30%;
	width: 80%;
    height: 50%;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display:flex;
	align-items:center;
	justify-content:center;
}
.print-container .right-sleeve .art-content {
	position:absolute;
	width:30%;
	height:35%;
	/*background:rgba(0,0,0,0.5);
	border:#666 solid 1px;*/
	top:20%;
	left:10%;
	/*display:flex;
	align-items:center;
	justify-content:center;*/
	color:#CCC;
	cursor: pointer;
}
.print-container .right-sleeve .art-content .imgPreviewBox {
	max-width: 80%;
	min-width: 30%;
	width: 80%;
    height: 50%;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display:flex;
	align-items:center;
	justify-content:center;
}
.print-detail { width:25%; padding:20px 20px 10px 0; }

.print-specs { display:block; width:100%; padding:0 20px 20px; }
.print-specs h2 { font-size:24px; font-weight:bold; font-style:italic; margin: 1.78rem 0 1.424rem 0; }
.specs { margin-bottom:20px; position:relative; }
.specs .chip { padding:0 20px; vertical-align:top; }
.specs .input-field { margin:-5px 0 0 0; display:inline-block;}
.specs textarea.materialize-textarea { 
	max-height:90px; 
	padding-bottom:10px; 
	margin-bottom:0; 
	overflow:hidden; 
}
.specs:last-child { margin-bottom:0; }
.specs label { margin-bottom:10px; display:block; }
.specs ul.colors {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-flow:wrap;
	margin:10px 0 0 0;
}
.specs ul.colors li {
	display:block;
	position:relative;
	width:30px;
	margin:0 5px 5px 0;
	height:30px;
	border: solid 1px #ccc;
}
.specs ul.colors li.active:after {
	content:'';
	width:100%;
	height:100%;
	position:absolute; 
	display:block; 
	background:url(../images/click.png) center no-repeat; 
	background-size:contain; 
	z-index:9
}
.add-location { 
	display:block; 
	width:100%; 
	padding:10px; 
	text-align:center; 
	background:#686868; 
}
.add-location .btn { color:#F6F6F6; display:inline-block; }
.add-location .btn .remove { display:none; float:left; margin:-7px 5px 0 0; }
.add-location .btn .add { display:block; float:left; margin:0px 5px 0 0; }
.add-location .btn.active .remove { display:block; }
.add-location .btn.active .add { display:none; }
.add-location .btn.active { color:#FFCE47; }
.add-location .btn:hover { background:none; }


.pink-item { color: #FF4181 !important; }
.yellow-item { color: #FFCE47 !important; }
.blue-item { color: #4EB9FF !important; }

.pink-bg {
	background: #FF4181 !important;
}
.yellow-bg {
	background: #FFCE47 !important;
}
.blue-bg {
	background: #4EB9FF !important;
}
.darkgray-bg {
	background: #B1B1B1 !important;
	color:#000 !important;
}
.light-gray-bg {
  background: #F6F6F6 !important;
}
form.sidebar-form {
	margin: 5px;
}

/*div.page-announce {
	height: auto;
	background-color: #2A2A2A;
	padding: 10px;
	width:100%;
}*/
div.page-announce img { height:50px; vertical-align:top; }

h1.page-announce-text {
	font-family: 'Open Sans', sans-serif;
	font-weight: 100;
	font-size: 24px;
	color: #fff;
	line-height: 0.5em;
	margin-left: 50px;
}

.material-tooltip {
	display: hidden;
}


.page-footer {
	padding-top: 0 !important;
	background-color: #f4425c;
	margin-top: 20px;
	position:absolute; bottom:0; width:100%;
}

.footer-copyright {
	background-color: inherit !important;
}


a.button-collapse {
	color: #fff;
}

div.quick-links a {
	width: 100%;
	margin: 5px;
}
.dropdown-content li > a, .dropdown-content li > span { color:#f4425c ;}
.toast{ background: none !important, border: 1px solid #FF4181; color: #fff }

/*Footer*/
footer.page-footer { background:#ff4181; }

/*Modal*/
.modal-header button {
    border: none;
    background: transparent;
    color: #fff;
    margin-left: auto;
    padding: 3px 1em;
}
.modal-header button:hover { background: transparent; }
.modal-content { 
	padding: 20px 10px !important; 
	background:#FFF !important; 
	/*max-height: 560px;*/ 
	max-height: 100%;
	/*overflow: auto; */
}
.inkchange-content { padding: 24px !important; }
.inkchange-content div.row{ margin-bottom: 0px !important; }
.modal-content h4 { color:#686868; font-size:18px; }
.modal-content h5 { 
	color:#686868; 
	font-size:16px !important; 
	display:flex; 
	line-height:24px; 
}
.modal-content h5 i { margin-right:10px; }
.modal-content h5 span { margin-left:5px; }
.modal-content ul.colors {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-flow:wrap;
	margin:0;
}
.modal-content ul.colors li { 
	display:block; 
	position:relative; 
	width:40px; 
	height:40px; 
	margin:0 5px 5px 0;
	border: #000 solid 1px;
}
.modal-content ul.colors li img { height: 40px; }
.modal-content ul.colors li.active:after {
	content:'';
	width:100%;
	height:100%;
	position:absolute; 
	display:block; 
	background:url(../images/click.png) center no-repeat; 
	background-size:contain; 
	z-index:9
}
#ink-picker { z-index: 9999999 !important; }
#ink-picker .modal-dialog { width:70%; }
#ink-picker h5 { 
	background: #efefef; 
	padding: 5px 10px !important; 
	margin-bottom:15px !important; 
}
#ink-picker ul.colors { margin-bottom: 20px; } 
#ink-picker .row { margin:0; }
#ink-picker .row .row { margin:20px; }
#ink-picker input[type="text"] { 
	border-color:transparent transparent #4EB9FF transparent; 
	margin:0; 
}
#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;
}
.ink-picontainer {
	top:0;
	position:fixed;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.8);
	display:none;
}
.ink-picontainer.active { display:block; }
.ink-picker {
	display: block;
	position: fixed;
	left: 0;
	right: 0;
	background-color: #fafafa;
	padding: 0;
	max-height: 70%;
	width: 55%;
	margin: auto;
	overflow-y: auto;
	border-radius: 2px;
	will-change: top, opacity;width:70%;
}

.ink-picker .row .row { margin:0; }
.ink-picker input[type="text"] { 
	border-color:transparent transparent #4EB9FF transparent; 
	margin:0; 
}
.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;
}

#payTerms .modal-dialog  {width: 50%;}
#ccard .modal-dialog { width: 70%; }
#ccard .modal-header { background:#B1B1B1; display: flex; align-items:center; }
#ccard .modal-header h4 { 
	padding:15px !important; 
	margin:0; 
	color:#686868; 
	font-size:18px; 
}
#ccard .modal-content { padding: 30px !important; }
#ccard .modal-content p { margin-bottom: 0; }
#ccard .input-field { margin-top:0; }
#ccard .input-field p label { margin-right: 15px; padding-left: 25px; }
#ccard .input-field ul { margin: 5px 0; }
#ccard .input-field ul li { color: #f00; font-size: 12px; }
#ccard ul.formError li { color: #f00; font-size: 12px; }
/*#ccard .select-wrapper input.select-dropdown, #ccard input[type="text"]{ margin:0; }*/
#ccard .input-field .row { margin:0; }
#email-quote { width:500px; }
#email-quote .modal-header { background:#B1B1B1; display: flex; align-items:center; }
#email-quote .modal-header h4 { 
	padding:15px !important; 
	margin:0; 
	color:#686868; 
	font-size:18px; 
}

#invoice-art-manager { width:90%;  background:#F6F6F6; }
#invoice-art-manager .file-container { min-height: auto; }
#invoice-art-manager .file-container .file { padding-bottom: 48px; margin-right: 20px; }
#invoice-art-manager .file-container .file .file-img { width: 140px; height: 140px; }

#art-manager {}
#art-manager.invoice-files { 
	width:90%; 
	max-height:90%; 
	height:90%;
	background:#F6F6F6; 
}
#art-manager.invoice-files .modal-content { height: 90%; }
#art-manager .modal-header, .printmodal .modal-header{ 
	background: #2a2a2a;
	display: flex; 
	align-items:center; 
}
#art-manager .modal-header h4 , .printmodal .modal-header h4 { 
	padding:15px !important; 
	margin:0; 
	color:#fff; 
	font-size:18px;
}
#art-manager .modal-header button , .printmodal .modal-header button { 
	border: none; 
	background: transparent; 
	color: #fff; 
	margin-left: auto;
}
#art-manager .modal-header button i, .printmodal .modal-header button i { 
	line-height: 1.4;
}
#art-manager .modal-content { padding:0; position:relative;  }
/*#art-manager .file-container { max-height: 500px; }*/
#art-manager .file-container h2 {
	text-align: left;
	font-size: 18px;
	color: #fff;
	padding: 5px 10px !important;
	display: block;
	width: 100%;
}
#art-manager ul.colors {
	display: block;
	margin:10px 0 0 0;
}
#art-manager ul.colors li:first-child a { font-size: 18px; }
#art-manager ul.colors li {
	align-items:center;
	display: flex;
	width: auto;
    height: auto;
    border:none;
    box-shadow: none;
	margin-bottom: 5px;
    -o-box-shadow: none;
    -ms-box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}
#art-manager ul.colors li span.ink_color_bg, #art-manager ul.colors li img {
	display:block;
	position:relative;
	width:30px;
	margin:0 10px 0 0;
	height:30px;
	border:1px solid #ccc;
}
#art-manager label.measurements { margin: 20px 0; font-size: 16px; }
#art-manager label.measurements span { font-size: 12px; display: block; }


#artwork-files .modal-dialog { width:95%; background:#F6F6F6; }

#change-address .modal-dialog { width:50%;}

.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 {
	display:inline-block;
	padding:5px;
	color:#666;
}
.folderback { margin-bottom: 10px; }
.file-container {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-flow:wrap;
	padding:0;
	/*min-height: 450px;*/
	overflow: auto;
	text-align: left;
	width: 100%
}
.file-container .file {	
	margin:0 5px 0px 0; 
	font-size:14px; 
	position: relative; 
	padding-bottom: 20px; 
}
.file-container .file .quote { position: absolute; bottom: 0; margin:0; }
.file-container .file:last-child { margin-right: 0; }
.file-container .file .file-img {
	overflow: hidden;
	width:120px;
	height:90px;
	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 {
	cursor: pointer;
	position: absolute;
	max-width: 100%;
	max-height: 100%;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
}
.file-container .file .file-name {
	margin-top: 15px;
	width: 120px;
	display: block;
	text-align: center;
}
.file-container .file .file-folder {
	width:120px;
	height:90px;
	position:relative;
	cursor: pointer;
	border: 1px solid #ccc;
}
.file-container .file i.material-icons {
	position:absolute;
	right:10px;
	top:10px;
	/*transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);*/
	color:#686868;
	font-size: 30px;
}
.file-container .file span.status { 
	width:120px; 
	text-align:center; 
	padding: 5px 5px; 
	color: #fff; 
	display: block; 
}
.file-container .file label { 
	display:block; 
	line-height: 14px; 
	color: #111; 
	padding: 10px 5px 0; 
	margin-bottom: 0; 
	font-weight: bold !important; 
}
.file-container .file span.date { 
	display:block; 
	line-height: 14px; 
	color: #111; 
	padding: 10px 5px 0; 
	margin-bottom: 0; 
}

.artwork-container {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-flow:wrap; 
	width: 100%; 
}
.artwork-container .artwork { display: block; width: 100%; }
.artwork-container .artwork h2 { 
	font-size: 18px; 
	margin-top: 0;
	background: #e4e4e4; 
	margin-bottom: 10px; 
	color: #000; 
	padding: 5px 10px !important 
} 
.artwork-container .file {	margin:0 5px 0px 0; font-size:14px; position: relative; }
.artwork-container .file .file-folder {
	width:140px;
	height:140px;
	position:relative;
	cursor: pointer;
	border: 1px solid #ccc;
}
.artwork-container .file i.material-icons {
	position:absolute;
	right:10px;
	top:10px;
	/*transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);*/
	color:#686868;
	font-size: 30px;
}
.artwork-container .file  label { display: block; }
.artwork-container .file span.status { 
	padding: 5px 5px; 
	color: #fff; 
	width: 140px;
	text-align: center; 
	display: block; 
}
.artwork-container .file:last-child { margin-right: 0; }
.artwork-container .file .file-img {
	width:120px;
	height:90px;
	position:relative;
	margin-bottom:5px;
	overflow: hidden;
	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 {
	cursor: pointer;
	position: absolute;
	max-width: 100%;
	max-height: 100%;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
}
.print-selected-file { 
	position: relative; 
	margin:20px auto; 
	height: 480px; 
	background:url(../images/file-bg.png); 
	text-align:center;
	max-width: 500px;
	width: 100%;
}
.print-selected-file:before {
	/*background: rgba(0,0,0,0.15);*/
	/*width: 100%;*/
	content: '';
	/*height: 100%;*/
    position: absolute;
    z-index: 9;
    top: 50%;
    left: 50%;
    border: #aaa solid 1px;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}
.print-selected-file a {
    top: 50%;
    left: 50%;
    width: 100%;
    z-index: 99;
    display: flex;
    padding: 0 1rem;
    position: absolute;
    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 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%);
}
.selected-file { 
	position: relative; 
	/*margin:0 10px; */
	height: 480px; 
	background:url(../images/file-bg.png); 
	text-align:center; 
}
.selected-file:before {
	/*background: rgba(0,0,0,0.15);*/
	cursor: pointer;
	width: 100%;
	content: '';
	height: 100%;
    position: absolute;
    z-index: 9;
    top: 50%;
    left: 50%;
    border: #aaa solid 1px;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}
.selected-file a {
    top: 50%;
    left: 50%;
    width: 100%;
    z-index: 99;
    padding: 0 1rem;
    display: flex;
    position: absolute;
    justify-content: center;
    text-transform: uppercase;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}
.selected-file a:hover, .selected-file a:focus { background: transparent; }
.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%);
}
/*.selected-file canvas { width: 100%; height:100%; }*/
#art-manager .row { margin-bottom: 0; }
#art-manager .btn-container { display:block; width:100%; }
#art-manager .btn-container .btn { display:flex; }
#art-manager .printfile-detail { 
	position: relative; 
	/*max-height: 500px;*/ 
	/*overflow: auto; */
	padding: 0 10px; 
}
#art-manager .printfile-detail > button.btn { 
	/*position: absolute; right: 0; bottom: 0;*/ 
}
#art-manager #color-container {
	position: absolute;
	background: #fff;
	width: 585px;
	/*display: none;*/
	z-index: 99;
	right: 100%;
	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);	

}
#art-manager #color-container .colors, #ink-change #color-container .colors { 
	display: flex; 
	padding: 25px 10px 10px 25px;
	flex-flow:wrap;
}
#art-manager #color-container .colors span, #ink-change #color-container .colors span {
	background-size:contain;
	width:40px;
	height:40px;
	margin: 0 15px 15px 0; 
	border: #e4e4e4 solid 1px;
}

.color-no { display: block;
    text-align: center;
    margin: auto;
 }
.color-no span {
	padding: 15px;
    vertical-align: top;
    display: inline-block;
}
.color-no input[type="number"] {
	width: auto;
    margin: 0;
    padding: 0 10px !important;
    display: inline-block;
}
.color-replace-container { 
	position: relative; 
	height: 100%; 
	max-height: 400px; 
	overflow: auto; 
	margin-bottom: 10px; 
}
.color-replace { display:flex; margin-bottom:10px; align-items: center; }
.color-replace span.ink_color_bg {
	background-size:contain;
	width:30px;
	height:30px;
	margin-right: 10px;
	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;	
}
.color-replace .btn { 
	padding:0; 
	background:#B1B1B1;	
	box-shadow:none;
	-o-box-shadow:none;
	-ms-box-shadow:none;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	margin:0 20px;
	width:100px;
}
.color-replace .updated { display: block !important; }

/*Ink*/
.ink { background: #fff !important; }
.ink-type { position:relative; height:100%; padding:2em 0 4em; }
.ink-type .ink-img { position:relative; height:400px; }
.ink-type .ink-img img {
	position:absolute; 
	top:50%; 
	left:50%;
	max-height: 100%;
	transform:translate(-50%, -50%);
}
.ink-type h5 { 
	color:#686868; 
	font-size: 1.64rem !important;
	line-height: 110% !important;
	margin: .82rem 0 .656rem 0 !important;
	text-transform: unset !important;
	letter-spacing: unset !important; 
}
.ink-type .btn { 
	width:100%; 
	padding:0.75em 0; 
	height:auto; 
	position:absolute; 
	bottom:0; 
}

#name-number .modal-dialog { width: 80%; overflow-y:inherit; }
#name-number h4 { font-size:24px; padding:10px 10px 15px; border-bottom:#CCC solid 1px; }
#name-number th ul, #name-number td ul { display: flex; margin:0; }
#name-number th li, #name-number td li { width: 25%; padding: 0 5px; }
#name-number th li:first-child, #name-number td li:first-child { width: 75% !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 { 
	padding: 0 5px !important; 
	margin:0px; 
	border-width:1px !important; 
	border-color:#ccc !important; 
	width:auto; 
}
#ink-change .modal-dialog { width:70%; }
#ink-change h4 { font-size:24px; padding:10px 10px 15px; border-bottom:#CCC solid 1px; }
#ink-change .modal-content h5 { 
	justify-content: center;
	align-items: center; 
	min-height: 130px; 
	text-transform: none;
}
#ink-change button.close { 
	background: transparent; 
	border: none; 
	position: absolute; 
	right: 0; 
	top: 0; 
	color: #000; 
}
#ink-change hr { margin: 0; }
#ink-change .draged-product { position: relative; }
.modaldisabled {
    background-color: transparent !important;
    color: #b3b3b3 !important;
    cursor: default;
}
.main-print ul {  display: inline-block; vertical-align: top; }
.main-print .replace-color { 
	position: relative;
	display: inline-block; 
	vertical-align: top; 
s}
.main-print .replace-color #color-container {
	position: absolute;
	background: #fff;
	width: 310px;
	/*display: none;*/
	z-index: 99;
	left: 110%;
	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; 
	border: solid 1px #ccc; 
}
.main-print .replace-color #color-container button.close {
	position: absolute;
	right: -15px;
	top: -15px;
	background: #333;
	border: none;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	color: #fff;
	width: 30px;
	height: 30px;
	padding: 2px 0;
}

.main-print ul li { display: inline-block; margin-right:10px; margin-bottom: 10px; }
.main-print ul span, .main-print ul i { 
	background-size: cover; 
	display:block; 
	text-align:center; 
}
.main-print ul span.color { 
	width:30px; 
	background-size: cover; 
	display: block; 
	height:30px; 
	background-color: #ccc; 
}

.ink-product-container { width: 100%; display: flex; overflow: auto;}
.ink-product { 
	width: 200px; 
	padding: 0 15px; 
	flex:0 0 auto; 
	display: inline-block; 
	vertical-align: top; 
}
.ink-product h6 { font-size:14px; text-align: center;}
.ink-product.list img { width: 50%; margin: auto; display: block; } 
.ink-product img { height: 163px }

/*Cart*/
.cart-container { padding:0 5% 20px; }
.cart-container > .collapsible { border:none; margin: 0px; }
.cart-container > .collapsible > li { margin-bottom:15px;  }
.cart-container > .collapsible > li > .collapsible-header { 
	border-bottom:none; 
	font-weight:bold; 
	text-transform:uppercase; 
}
.cart-container > .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;
	margin-right:0;
}
.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);
}
.project-delete {
	display: flex;
	align-items: center;
	background: none;
    padding: 4px 10px;
    font-size: 12px;
    line-height: 1;
    color: #F00;
    border:1px solid transparent;
    margin: 10px 0;
}	
.project-delete:hover, .project-delete:focus { background: none; border:1px solid #F00;}
.project-delete span.material-icons { font-size: 24px; line-height: 1; margin-right: 10px; }
.cart-container > .collapsible > li > .collapsible-body { border-bottom: none; border-top:#ddd solid 1px; position: relative; }
.cart-container > .collapsible > li > .collapsible-body .btn {
	bottom: 10px;
	display: flex;
	font-size: 16px;
	position: absolute;
	right: 10px;
	color:#666;
	text-transform: none;
	vertical-align: middle;
}
.cart-container > .collapsible > li > .collapsible-body .btn i { margin-right:10px; }

.cart-head { 
	margin:0px;
	padding:20px 0;
	align-items:center; 
	display:flex; 
	/*background:#F6F6F6;
	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);*/
}
.cart-head .row { margin:0; }
.cart-head input { margin-bottom:0 !important; background:transparent !important; }
.cart-head label { padding:15px 0; display:block; color:rgba(0,0,0,0.87); }
.cart-head h5 { font-size: 20px }
.cart-head h5 span { display: block; }
.cart-head h6 { padding-top: 0; }
.cart-head .proceed {
	width:100%;
	text-transform:none;
	line-height:42px;
	height:42px;
	font-size:18px;
	box-shadow:none;
	border-radius:0;
	-o-border-radius:0;
	-ms-border-radius:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	-o-border-radius:0;
	-ms-border-radius:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
}
.cart-head .proceed:disabled { background: none !important; border:solid 1px #ccc; }
.cart-head ul.quote-options { display:flex; width:100%; margin:10px 0 0 }
.cart-head ul.quote-options li { flex-grow:1; flex-basis:0 }
.cart-head li .btn { 
	text-transform:none; 
	font-size:14px; 
	background: none !important; 
	padding: 0 10px; 
}
.cart-head li .btn:hover { background:none; }
.cart-head li:last-child .btn { margin-right:0;}
.cart-head li .btn i { margin-right:10px; }

.project { margin: 30px 0 0; }
.project .art-img img { display: block; margin: auto; }
.project > h2 { 
	font-size:24px; 
	font-weight:bold; 
	padding:0 20px; 
	font-style:italic; 
	color:#000000; 
}
.project .col.l12 { border-bottom:#CCC solid 1px; margin-bottom:15px; }
.project .col.l12:nth-child(2) { border:none; } 

.project .specs ul.colors {
	display: block;
	margin:10px 0 0 0;
}
.project .specs ul.colors li {
	align-items:center;
	display: flex;
	width: auto;
    height: auto;
    border: none;
}
.project .specs ul.colors li span.ink_color_bg, .project .specs ul.colors li img {
	display:block;
	position:relative;
	width:30px;
	margin:0 10px 0 0;
	height:30px;
    border: solid 1px #ccc;
}
.project .specs ul.colors li span.ink_color_name {}
.project-view {
	position:relative;
	height:100%;
	padding:20px;
	background:#F6F6F6;
}
.project-view ul.head {
	display:flex;
	margin-bottom:0;
	align-items:center;
}
.project-view ul.head li { padding-right:10px; }
.edit { position:absolute; right:20px; bottom:10px; text-transform:uppercase; font-size:12px }

.garment-view { padding:20px 0; }
.garment-view h3 { font-size:18px; margin:20px 0; }
.garment-view h3 a { margin-left: 15px; font-size: 14px; text-decoration: underline; }
.garment-view ul.head {
	display:flex;
	align-items:center;
}
.garment-view ul.head li { padding-right:10px; }
.garment-view .garment-item { 
	padding:0 50px 20px 50px; 
	margin-bottom:30px; 
	position:relative; 
}
.garment-view .sizes span { font-size:12px; color:#999; display:block; text-align: center; }
.garment-view .sizes p { text-align: center; margin-bottom: 0 }
.garment-view .sizes input[type="number"] { 
	text-align: center; 
	color: #111 !important; 
	border-color:transparent transparent #4eb9ff; 
	margin:0; 
	border-width:0 0 2px;
	-moz-appearance: textfield;
	-webkit-appearance: textfield;
}
.garment-view .garment-item .btn {
	bottom: 10px;
	display: flex;
	font-size: 16px;
	position: absolute;
	right: 10px;
	color:#666;
	text-transform: none;
	vertical-align: middle;
}
.col-padding { margin-bottom:0; }
.col-padding .col { padding:0 5px; }
.add-project {
	margin:0 auto 30px;
	width:100%;
	padding:5px 15px;
	height:auto;
	display: block;
	font-size: 16px;
	text-align:center;
}
.add-project i, .add-project span { display:inline-block; vertical-align:top; }

.line-items .sizes span { font-size:11px; color:#999; display:block; text-align: center; }
.line-items .sizes input[type="text"] { 
	border-color:transparent transparent #4eb9ff; 
	margin:0; 
	border-width:0 0 2px; 
}
.line-items .sizes b { text-align:right; font-size:10px; color:#999; display:block; }

.terms { padding:0 0 0 50px; }
.trems h3 { font-size:18px; }
.terms p { font-size:14px; }

.print-price {}
.print-price h3 { font-size:18px; }

.chat-container {
	display:block;
	width:100%;
	margin-top: 15px;
}
.chat-head { display:flex; align-items:center; }
.chat-head i { margin-right:5px; }
.chat-head .duration { color:#CCC; margin-left:5px; }
.chat-head span.material-icons {
	margin-left:auto;
	padding:10px;
	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 .collapsible-body { padding:20px 10px; max-height: 200px; overflow: auto; }
.chat-content {	display:flex; }
.chat-content .content { padding-right:10px; margin-bottom: 10px; }
.chat-content .content:last-child { border-bottom: none; }
.chat-content .content h2 { 
	margin:0; 
	font-style: normal; 
	font-weight: 600 !important; 
	color: #EF3171; 
	font-size:14px; 
	padding:0; 
}
.chat-content .content h2 .time { 
	margin-left: 5px; 
	color: #999; 
	font-size: 12px; 
	font-style: normal; 
	font-weight: normal; 
}
.chat-content .content p { 
	margin:0px; 
	font-size: 14px; 
	font-weight: lighter; 
	padding: 5px; 
	line-height:1.2; 
	color:rgba(0,0,0,0.90) 
}
.chat-content .dp {	margin-left:auto; }
.chat-content .dp img {	width:50px;	height:50px; border-radius:50%; }
span.uname {
	background: #333;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	width:30px;
	height:30px;
	border-radius:50%;
}

.chat-footer { background:#EEEEEE; padding:5px 10px; }
.reply .btn, .comments .btn { 
	padding:0 10px; 
	height: 30px; 
	line-height: 30px; 
	font-size: 12px !important; 
}
.reply .btn:hover, .comments .btn:hover { background:none; color: #000 }
.comments .btn-pink { color: #fff; }
.comments textarea { background:#FFF; border:#ccc solid 1px; margin-bottom: 5px; }

.cart-footer { margin:30px 0; }
.cart-footer .proceed {
	width:100%;
	text-transform:none;
	height:42px;
	font-size:18px;
	box-shadow:none;
	border-radius:0;
	-o-border-radius:0;
	-ms-border-radius:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	-o-border-radius:0;
	-ms-border-radius:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
}
.cart-footer .proceed:disabled { background: none !important; border:solid 1px #ccc;}
.cart-footer ul.quote-options { display:table; width:auto; margin:10px auto 0 }
.cart-footer ul.quote-options li { 
	display:table-cell; 
	padding:0 20px; 
	width:32%; 
	text-align: center !important; 
}
.cart-footer li .btn { text-transform:none; font-size:14px; background: none !important; }
.cart-footer li .btn:hover { background:none; }
.cart-footer li:last-child .btn { margin-right:0;}
.cart-footer li .btn i { margin-right:10px; }
.cart-footer .success-message { padding:10px; text-align:center; }

/*Checkout*/
.printInvoice { background: #EBEBEB; }
.checkout-project { padding:20px; }
.checkout-project > .collapsible { border:none; }
.checkout-project > .collapsible > li { margin-bottom:15px; border:#ddd solid 1px; }
.checkout-project > .collapsible > li > .collapsible-header { 
	border-bottom:none; 
	font-weight:bold; 
	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 { border-top:#ddd solid 1px; }
.checkout-project > .row { border-bottom:#CCC solid 2px; padding-bottom:20px;  }
.checkout-project h2 { 
	font-size:24px; 
	font-weight:bold; 
	padding:0 20px; 
	font-style:italic; color:#000000; 
}
.checkout-project .col.l12 { border-bottom:#CCC solid 2px; margin-bottom:15px; }
.checkout-project .col.l12:nth-child(2) { border:none; } 
.checkout-project .col.l12:last-child { border:none; } 
.checkout-head { 
	margin:0px;
	padding:20px 0;
	align-items:center; 
	/*display:flex; */
	background:#FFF;
/*	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:first-child { border-bottom: #ccc solid 1px; } 
.checkout-head .row { margin:0; }
.checkout-head .to-detail { display:flex; align-items:top; }
.checkout-head .to-detail p { text-align:left; margin:0; padding-left:10px; width:160px;  }
.checkout-head ul.invoice-options { display:block; width:100%; margin:10px 0 0 }
.checkout-head ul.invoice-options li { display:block; width:100%; }
.checkout-head li .btn { padding:0px; text-transform:none; font-size:14px; width:100%; }
.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 .select-wrapper input.select-dropdown {
	padding: 0 20px 0 0 !important;
}
.checkout-head .btn{padding: 0 0.3rem !important;}

.checkout-head label { display:block; color:#FF4181; margin-bottom: 0; }
.checkout-head .item-container { display: flex; align-items: center; }
.checkout-head .item-container .item { padding:0 20px; }
.checkout-head .item-container .item:last-child { margin-left: auto; }
.checkout-head .item-container .item > span { line-height: 2rem; }
.checkout-head .item-container .item .btn { padding:0 10px !important; }
.checkout-head .item-container .item .btn:hover { background: none; }
.checkout-head .item-container .item input.select-dropdown { margin-bottom: 0; }
.checkout-head .item-container .item.status-dd { text-align: left; }
.checkout-head .item-container .item.status-dd input.select-dropdown { width: 150px; }


.mockups { display:block; width:300px; margin:auto; padding:0 30px; }
.mockups .btn { 
	width:100%; 
	border-bottom:#CCC solid 1px; 
	margin-bottom:10px; 
	text-align:left; 
	padding:0 10px; 
}
.mockups .btn:hover { background:none; }
.mockups span.review {
    background: #4EB9FF;
    color: #fff;
    display: block;
    padding: 5px;
    cursor: pointer;
}
.mockups img {
    display: block;
}
.mockups span.approved {
    background: #FF4181;
    color: #fff;
    display: block;
    padding: 5px;
    cursor: pointer;
}

.checkout-detail { position:relative; padding-bottom:20px; }
.checkout-detail .specs li { display:flex; align-items:center; margin-bottom:10px;  }
.checkout-detail .specs li span {
	display:block;
	position:relative;
	width:30px;
	margin:0 15px 0px 0;
	height:30px;
	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:30px; margin:24px 0 40px; }
.checkout-quantity .garment-item { 
	padding:0 50px 20px 50px; 
	margin-bottom:30px; border-bottom:#CCC solid 1px; position:relative; 
}

.checkout-quantity .sizes span { 
	font-size:11px; 
	color:#999; 
	display:block; 
	text-align: center; 
}
.checkout-quantity .sizes input[type="number"] { 
	border-color:transparent transparent #4eb9ff; 
	border-width:0 0 2px;
	text-align: center; 
}

.finishing { display:flex; }
.finishing label { color:#000; font-weight:600; }
.finishing .chip-container { padding:0 10px; }
.checkout-quantity .input-field label {
	color: #000;
	width: 100%;
	padding: 0 35px 0 0;
	height:36px;
	line-height:36px;
	border-bottom:#CCC solid 1px; 
}
.checkout-quantity .input-field label:before { 
	left:auto; 
	right:0px; 
	-webkit-transform-origin: 0 0;	
	transform-origin: 0 0; top:5px; 
}
#select-img, #mockup-manager { width:90%; max-height:90%; }
#mockup-manager .modal-content { padding: 0 !important; }
#mockup-manager .modal-content .row { margin-bottom: 0; }
#mockup-manager .modal-content h5 { margin:0px 0 10px 0 !important; }
#mockup-manager img { margin-top: 20px; max-height: 500px; }
#mockup-manager .project-view { 
	padding: 20px 40px 0;
	background: transparent;
	box-shadow: none;
	/*margin-bottom: 30px; */
}
#mockup-manager .project-view ul.head { flex-flow: wrap; }
#mockup-manager .project-view ul.head li:first-child { padding-right: 10px; }
#mockup-manager .project-view ul.head li { padding-right: 0; }
#mockup-manager .project-view ul.head li .chip { padding: 0 15px; }
#mockup-manager textarea { margin-bottom: 0px; }
.revision { padding:0 40px 20px 40px; }
.revision .btn {
	width: 100%; 
	height: auto; 
	line-height: normal; 
	padding: 20px 10px; 
	font-size: 18px; 
	margin-bottom: 0px;
}
.revision .btn span { display: block; font-size: 14px; }
.revision .chat-head { margin-bottom: 10px; }
.revision .chat-content { display:block; padding:20px; }
.revision .chat-content .content {
	position: relative; 
	padding-right: 40px; 
	/*border-bottom: #e4e4e4 solid 1px;*/ 
}
.revision .chat-content .content .dp { position: absolute; right: 0; top: 5px; margin: 0; }
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;
}
/*My Account*/
.my-account { width:100%; display: flex; margin: 30px 0; flex-flow: wrap; }
.my-account #wrapper { background: #fff; }
.account-grid thead { background: #dfdfdf; color: #000; }
.account-grid tr td:last-child { width: 15%; }
.account-view { 
	width:25%;
	background:#ffffff; 
	/*text-align:right;*/
	/*padding:10px 10px;*/
	position:relative;
	/*height:100%;*/
	color: #333;
}
.account-view h2 {
	text-align:left;
	font-size:16px;
	font-weight:700;
	background:#333;
	color:#FFF;
	padding:10px;
	text-transform:uppercase;
	margin:0 0 10px 0;
}
.account-view span.name { 
	font-weight: bold; 
	margin-bottom: 5px; 
	display: block; 
	vertical-align: top !important 
}
.account-view ul { margin: 0; }
.account-view li { padding: 0px 10px; }
.account-view li.head { 
	background: #dfdfdf; 
	padding: 15px 10px; 
	margin-bottom: 15px; 
	font-weight: bold;
	color: #000;
}
.account-view li a { margin-top: 5px; display: inline-block; }
.account-view .form-group {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	text-align:left;
}
.account-view .form-group label { 
	width:30%; 
	padding:10px; 
	color:#000; 
	font-weight:600 !important; 
}
.account-view .form-group span.value { 
	padding:10px; 
	white-space:nowrap; 
	text-overflow:ellipsis; 
	overflow:hidden; 
}

.saved-card { 
	display:flex; 
	margin-bottom:5px; 
	padding-bottom:5px; 
	border-bottom:#CCC solid 1px; 
}
.saved-card:last-child { border:none; }
.saved-card .btn { margin-left:auto; height:42px; padding:10px; font-weight:bold; color:#f00; }
.saved-card .btn:hover { color:#f00; }
.saved-card .btn i { font-weight:bold; line-height:0; }
#change-password { max-width:500px; }
#change-password .modal-header { background:#B1B1B1; }
#change-password h4 { padding:15px; }
#change-profile h4 { padding:15px }
#change-profile .modal-content .row { margin-bottom: 0; }
#change-shipping-address h4 { padding:15px }


/*Manage Address*/
.manage-address {
	width:800px;
	margin:50px auto;
	padding:30px;
	background:#ebebeb;
}
.address-container { position:relative; }
.address-container .dropdown-button { padding:10px;}
.manage-address h4 { 
	margin:0 0 30px 0; 
	border-bottom:#999 solid 1px; 
	padding:0 15px 15px; 
	font-size:24px; 
}
.manage-address .collapsible-body { background:#FFF; }
.address-container ul.address { padding:15px; background:#FFF;}
.address-container ul.address li { color:#666; display:flex; padding:5px 0; }
.address-container ul.address li.name { font-size:22px; color:#000; padding:0 0 15px 0; }



/*Login*/
input.validate[type="email"] + label, input.validate[type="password"] + label { width:auto; }
input:focus:not([type]):not([readonly]), 
input[type="text"]:focus:not([readonly]), 
input[type="password"]:focus:not([readonly]), 
input[type="email"]:focus:not([readonly]), 
input[type="url"]:focus:not([readonly]), 
input[type="time"]:focus:not([readonly]), 
input[type="date"]:focus:not([readonly]), 
input[type="datetime"]:focus:not([readonly]), 
input[type="datetime-local"]:focus:not([readonly]), 
input[type="tel"]:focus:not([readonly]), 
input[type="number"]:focus:not([readonly]), 
input[type="search"]:focus:not([readonly]), 
textarea.materialize-textarea:focus:not([readonly]) { 
	border-color:#ff4181 !important;
	box-shadow:0 1px 0 0 #ff4181;
	-webkit-box-shadow:0 1px 0 0 #ff4181;
	-o-box-shadow:0 1px 0 0 #ff4181;
}

input:focus:not([type]):not([readonly]) + label, 
input[type="text"]:focus:not([readonly]) + label, 
input[type="password"]:focus:not([readonly]) + label, 
input[type="email"]:focus:not([readonly]) + label, 
input[type="url"]:focus:not([readonly]) + label, 
input[type="time"]:focus:not([readonly]) + label, 
input[type="date"]:focus:not([readonly]) + label, 
input[type="datetime"]:focus:not([readonly]) + label, 
input[type="datetime-local"]:focus:not([readonly]) + label, 
input[type="tel"]:focus:not([readonly]) + label, 
input[type="number"]:focus:not([readonly]) + label, 
input[type="search"]:focus:not([readonly]) + label, 
textarea.materialize-textarea:focus:not([readonly]) + label { color:#ff4181; }


.browse { position:relative; overflow: hidden; color:#fff; width:200px; margin:20px auto; display:inline-block; } 
.browse label { color:#FFF; } 
.browse input[type="file"] { 
	position:absolute; 
	width:100%; 
	opacity:0; 
	height:100%; 
	z-index:99; 
	left:0; top: 0; 
}

.print-header { display:none; }

#product-page { 
	width: 100%; 
	position: fixed; 
	height: 100%; 
	top: 0; 
	background: rgba(0,0,0,0.8) !important;
	z-index: 9999 !important;
}
/*.modal { width: 90%; max-height: 90%; overflow: auto; }*/
#product-page .printmodal { width: 90%; max-height: 90%; top: 5% !important; }
#product-page .modal-content { padding: 0 !important; height: 100%; }
#product-page .modal-content ul.colors li { border: none; margin: 0; }
#product-page .product-view .main-img { display: block; }
#product-page .product-view .main-img img { 
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	max-height: 100%;
	max-width: 100%;
}
#product-page .close {
	background: none;
	color: #000;
	font-size: 24px;
	position: absolute;
	right: 0;
	z-index: 99;
	padding: 15px 20px;
	line-height: 24px;
}
#model-product {  max-height: 90%; max-width: 430px }
#model-product .modal-content { padding: 20px !important; }
#model-product .modal-content img { max-width: 391px; max-height: 100%; }


#shipment-info { max-width: 500px; }
#shipment-info .modal-content { padding: 0 10px !important; }


@media print {
	body { font-size:12px !important; }
	.print-header {
		height: auto;
		background-color: #2A2A2A;
		padding: 10px;
		display:block !important;
	}
	.checkout-head .item-container { padding: 20px 0 0 0 !important; }
	.print-header img { height:50px; }
	.collapsible-header i { display:none !important; }
	.collapsible-body { display:block !important; }
	.checkout-project { padding:20px 0 !important;}
	.checkout-project .row { margin-bottom:0 !important; }
	.checkout-project .col.l12:nth-child(2) { margin-bottom:0 !important; }
	.checkout-project > .collapsible > li > .collapsible-body { 
		display:block; padding:2rem 0 !important; 
	}
	.site-header { display:none !important; }
	.checkout-head, .cart-head {
		box-shadow:none;
		-moz-box-shadow:none;
		-webkit-box-shadow:none;
		background-color:#f6f6f6 !important;
		-webkit-print-color-adjust: exact;
		-moz -print-color-adjust: exact;
	}
	.site-branding { display:none; }
	.entry-header { display:none; }
	.mockups { padding:0 10px !important; width:auto !important; }
	.mockups .btn { display:none !important; }
	.impressions ul { display:none !important; }
	.impressions ul.specs { display:block !important; }
	.specs { display:table !important; width:100% !important; }
	.print-header, 
	.project .specs ul.colors li span.ink_color_bg, 
	.project .specs ul.colors li img, 
	.project-view, 
	.specs .chip, 
	table.striped>tbody>tr:nth-child(odd) {
		-webkit-print-color-adjust: exact;
		-moz -print-color-adjust: exact;
	}
	
	.garment-view .sizes input[type="number"] { color: #000 !important; }
	.steps-container { display:none !important; }
	
	.col-print-0 { display:none !important; width:0% !important;  float:left !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;}
}

@media (max-width:992px) {
	th:first-child, td:first-child {
	    padding-left: 5px !important;
	}
	.side-nav li.blue a { display: block; }
	.slider-off { display: flex !important; }
	a.button-collapse {
	    color: #fff;
	    display: inline-block;
	    vertical-align: top;
	    padding: 10px;
	    line-height: 0;
	    transform: translateY(-50%);
	    -o-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	    -moz-transform: translateY(-50%);
	    -webkit-transform: translateY(-50%);
	    position: fixed;
	    left: 0;
	    top: 50%;
	    z-index: 9999;
	    opacity: 1;
	}
	.flex { display: block; }
	main { margin-left:0; display:block; position:static }
	.side-nav.left-panel { width:100%; display:block; }
	.side-nav.fixed .close { display:block; }
	div.page-announce { min-height: 60px; height: auto; padding: 10px; }
	.side-nav.fixed { height:100%; position:fixed; top:0; }
	.page-announce a.button-collapse {
		color: #fff;
		display:inline-block;
		vertical-align:top;
		padding:10px;
		line-height:0;
		transform: translateY(-50%);
		-o-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		position:fixed;
		left:0;
		top:50%;
		z-index:9999;
		opacity:1;
	}
	.mockups { margin-bottom: 50px; }
	div.page-announce img { height:44px; }
	h1.page-announce-text { font-size: 32px; }
	ul.steps li { padding:10px; }
	.product { margin-bottom:1.5em; }
	.cart-head { display:block; }
	.checkout-head .to-detail p { width:100%; }
	.checkout-head ul.invoice-options li { display:inline-block; padding:0 20px; width:auto; }
	#art-manager .printfile-detail #color-container { right: auto; left: 0; }
	.account-view { width: 50%; }
	.account-grid tr td:last-child { width: 100%; }
	.account-grid thead tr { padding: 0 !important; }
	.account-grid th { text-align: left !important; padding-left: 10px !important; }
	.account-grid th, .account-grid td { 
		padding: 10px; 
		border-color: #ccc; 
		border-style: solid; 
		border-width: 0 1px 1px 0;  
	}
	#name-number th ul, #name-number td ul { display: inline-block; }
	#name-number th li, #name-number td li { width: 100% !important; line-height: 28px; }
	#name-number th li:first-child, #name-number td li:first-child { width: 100% !important; }
	#art-manager .file-container { max-height: 190px; flex-flow: nowrap }
	#art-manager .file-container .file span.status { 
		white-space: nowrap; 
		text-overflow: ellipsis; 
		overflow: hidden; 
	}
	#art-manager .printfile-detail {max-height:none;}
	#art-manager #color-container { width: 100%; right: 0; }
}

@media (max-width:768px) {
	.mockups { max-width: 100%; padding: 0; }
	.page-announce-text { font-size: 36px; }	
	.page-announce { padding: 20px; }
	.steps-container { padding:0px 10px 0px; text-align: center; }
	ul.steps { text-align:center; display: block; margin-bottom: 0; }
	ul.steps li { display:none;  }
	ul.steps li.active { display:block; padding: 0px; }
	ul.steps li.active a { justify-content: center; }
	.steps-container .btn-back, .steps-container .btn-next { display: inline-block; }
	ul.qty-price { 
		display:block; 
		margin:0px 0 5px; 
		border-top:#CCC solid 1px; 
		border-bottom: #CCC solid 1px; 
		width:100%; 
	}
	ul.qty-price li { padding:7px 10px; width: 49%; }
	.quantity .garment-item { padding:10px 0; width: 100%; }  
	.print-container .product-view { display:block; }
	.print-container .product-view .thumb-list { display:table; width:100%; }
	.print-container .product-view .thumb-list li { 
		display: block; 
		float: left; 
		padding: 0 20px; 
	}
  	.print-container .product-view .thumb-list li img { width: 75px; }
	.print-container .product-view .main-img { width:100%; }
	.upload-instruction { width: 100%; }
	#art-manager .printfile-detail #color-container { width: 100%; }
	.print-detail { width:100%; padding:20px; }
	.print-detail .form-group { display:inline-block; width:33% }
	.product-detail ul.colors li { height:50px; width:50px; }
	.impressions > ul { display:flex; }
	.impressions > ul > li{ padding:0 10px; }
	.specs { display:inline-block; width:49%; }
	.modal { width:90% !important; }
	.modal-content { padding: 12px;}
	.account-view { width: 100%; }
	.checkout-head .item-container { display: block; }
  	.checkout-head .item-container .item.status-dd input.select-dropdown { width: 100%; }
  	.checkout-head .to-detail { margin-bottom: 20px; }
  	#art-manager .printfile-detail #color-container .colors span, 
  	#ink-change #color-container .colors span { margin: 0 10px 10px 0; }
  	#art-manager .printfile-detail #color-container .colors, 
  	#ink-change #color-container .colors { padding: 10px 0px 10px 10px; }
  	.checkout-project { padding: 10px; }
  	.checkout-project > .collapsible > li > .collapsible-body { padding: 0; }
  	.checkout-project .impressions > ul { display:block; }
  	.checkout-project .specs { width: 100%; }
  	.checkout-head label { display: inline-block; }
}
@media (max-width: 600px) {
	.quantity .qty-img, .garment-view .qty-img { height: 300px; text-align: center; }
	.garment-view
	.quantity h3 { text-align: center; }
	.product { width: auto; margin: auto; display: table; }
}
@media (max-width: 480px) {
	.page-announce { min-height: 50px; height: auto; display:block; }
	.login { width: 100%; padding: 20px; }
	.login h5 { margin-bottom: 20px !important; }
	.accountBtnRow .btn { padding: 0 1.5rem; } 
	.page-announce .valign-wrapper .valign { display:inline-block; }
	.userView { width:100%; }
	.userView > a { position:absolute; top:0; right:0; padding:24px 10px; }
	.page-announce-text { font-size: 24px; }
	.br-right { border-width:0 0 1px 0; }
	.product-detail ul.colors li { height:40px; width:40px; }
	.quantity ul.colors li { height:40px; width:40px; }
	.quantity ul.colors li img { height: 40px; }
	.quantity h3 { text-align:center; }
	.print-container .flex { display:block; }
	.add-location { text-align:left; }
	.product-view { display:block; width:100%; /*align-items:center;*/ }
	.product-view .thumb-list { width:100%; display:table; padding:20px 15px 0; margin:0 }
	.product-view .thumb-list li { display:table-cell; vertical-align:middle; }
	.product-view .main-img { width:100%; height: 300px; }
	.print-detail .form-group { display:block; width:100%; }
	.impressions > ul { display:block; }
	.impressions > ul > li{ padding:0; }
	#model-product .modal-content img { max-width: 100%; }
	.specs { display:block; width:100%; }
	.modal-content { max-height: 380px; }
	.modal-content h5 { display:block; }
	.cart-head h5 { margin-top: 20px !important; }
	.cart-head input { height: 3rem !important }
	.cart-head ul.quote-options li{ display:inline-block; width:49%; padding: 0; }
	.cart-footer ul.quote-options li { display: inline-block; width: 100%; padding: 0; }
	.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; }
	.select-wrapper input.select-dropdown { height: 3rem !important }
	.project-view ul.head {	display:block; }
	.terms { padding:0; } 
	.cart-container .collapsible-body { padding:0; }
	.selected-file { margin: 0; }
}
@media (max-width: 320px) {
	.page-announce {
		min-height: 40px;
		height: auto;
	}
}