@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

body {

	margin: 0;

	padding: 0;

	font-family: "Poppins", serif;

	font-size: 15px;

	line-height: 18px

}

.clear {

	clear: both;

	height: 1px;

	overflow: hidden

}

.container {

	padding: 17px 25px 5px

}

p {

	margin: 0 0 12px

}

H1 {

	margin: 0 0 16px;

	line-height: 18px;

	font-size: 17px;

	display: block;

	color: #df3842

}

H2 {

	font-size: 14px;

	color: #333;

	margin: 0 0 5px;

	padding: 0

}

.form {

	/*border-top: 1px solid #e7e7e7;*/

	margin: 0;

	padding-top: 10px

}

clear {

	margin: 0;

	padding: 0;

	clear: both

}
#ordertrackform p.trkurordr {
	color: #0365a7;
	font-weight: bold;
	font-family: "Poppins", serif;;
}
.label {

	width: 180px;

	padding: 4px 0 0;

	margin-right: 0;

	display: block;

	float: left;

	font-weight: 700;

	text-align: right

}

.label span {

	color: red

}

.textfield {

	font-size: 11px;

	background: #f0f0f0;

	border: 1px solid #e7e7e7;

	width: 300px;

	padding: 5px 0 5px 5px;

	color: #333;

	font-family: "Poppins", serif;

}

.labelfrephone {

	width: 180px;

	padding: 4px 0 0;

	margin-right: 0;

	display: block;

	float: left;

	font-weight: 700;

	text-align: right

}

.labelfrephone span {

	color: red

}

.frephone {

	font-size: 11px;

	background: #f0f0f0;

	border: 1px solid #e7e7e7;

	width: 70px;

	padding: 5px 0 5px 5px;

	color: #333;

	font-family: "Poppins", serif;;

	margin-right: 8px

}

.frephonelast {

	font-size: 11px;

	background: #f0f0f0;

	border: 1px solid #e7e7e7;

	width: 125px;

	padding: 5px 0 5px 5px;

	color: #333;

	font-family: "Poppins", serif;

}

.col {

	margin: 0 12px 0 0;

	text-align: right;

	width: 5px;

	float: left;

	display: inline;

	padding: 4px 0 0

}

DIV.smalltxtCntct {

	padding: 0 0 10px;

	margin: 0;

	width: 100%;

}

.textfield01 {

	font-size: 11px;

	font-family: "Poppins", serif;;

	background: #f0f0f0;

	border: 1px solid #e7e7e7;

	width: 300px;

	padding: 3px 0 0 5px;

	height: 94px;

	color: #333

}

DIV.smalltxtchk-butcntct {

	padding: 0 0 5px;

	border: 0;

	width: 100%;

}
DIV.smalltxtchk-butcntct .action-button{
	font-family: "Poppins", serif;
	font-weight: 600 !important;
}
.apply {

	background: url(../images/freesample_submit.jpg) no-repeat;

	width: 67px;

	height: 23px;

	padding: 0;

	color: #fff;

	border: 0;

	cursor: pointer;

	float: right

}

.requestquote {

	background: url(../images/get_a_quote_btn.jpg) no-repeat;

	width: 91px;

	height: 23px;

	padding: 0;

	color: #fff;

	border: 0;

	cursor: pointer;

	float: right

}


.topcontent-left{
	width: 70%;
	float: left;
}
.topcontent-right{
	width: 30%;
	float: left;
	text-align: right;
}
.cntlft {

	width: 215px;

	float: left

}

.cntrgt {

	/*width: 250px;*/

	float: right;
	font-family: "Poppins", serif;
}

.headtrackordr {

	font-size: 16px;

	font-weight: 700;

	width: 332px

}

.trkurordr {

	border-bottom: 1px solid #ccc;

	font-weight: 700;

	font-size: 18px;

	padding: 0 0 7px

}

.text_trackorder {

	background: none repeat scroll 0 0 #fff;

	border: 1px solid #e7e7e7;

	color: #333;

	font-family: "Poppins", serif;;

	font-size: 16px;

	padding: 5px 0 5px 5px;

	width: 226px

}

.viewordrstatus {

	margin-left: 84px;

	margin-top: 13px;

	background: url(../images/view-orderstatus.jpg) no-repeat;

	height: 38px;

	width: 185px;

	border: none;

	cursor: pointer;

}

.view-order-status {

	background-color: #3498DB;

color: #FFF;

text-transform: capitalize;

	margin-left: 84px;

	margin-top: 13px;

    position: relative;

    padding: 10px 25px;

    float: left;

    border-radius: 3px;

    font-size: 15px!important;

    line-height: 19px;

    color: #FFF!important;

    text-decoration: none !important;

    border: none;

    cursor: pointer;

    z-index: 0 !important;

    overflow: hidden;

    font-family: "Poppins", serif;

    font-weight: 700 !important;

}

.track-login {

	background-color: #e0152b;

color: #FFF;

text-transform: capitalize;

    position: relative;

    padding: 10px 25px;

    float: left;

    border-radius: 3px;

    font-size: 15px!important;

    line-height: 19px;

    color: #FFF!important;

    text-decoration: none !important;

    border: none;

    cursor: pointer;

    z-index: 0 !important;

    overflow: hidden;

    font-family: "Poppins", serif;

    font-weight: 700 !important;

}

.view-order-status:after,

.track-login:after{

    content: "";

    display: block;

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    margin-left: 0;

    background-image: radial-gradient(circle, #dadada 10%, transparent 10.01%);

    background-repeat: no-repeat;

    background-size: 1000% 1000%;

    background-position: 50%;

    border: none;

    opacity: 0;

    pointer-events: none;

    -webkit-transition: background .5s, opacity 1s;

    transition: background .5s, opacity 1s;

}

.view-order-status:active:after,

.track-login:active:after

{

  background-size: 0 0;

  opacity: .7;

  -webkit-transition: 0s;

  transition: 0s;

}

.lgndomore {

	list-style-type: disc;

	min-height: 63px;

	padding-left: 20px;

}

.lgndomore li {

	margin-left: 10px;

	color: #000;

	list-style-type: disc;

	font-size: 16px;

	margin-bottom: 10px;

}

.trckordr_login {

	background: url(../images/trackorder_login.jpg) no-repeat;

	height: 28px;

	width: 60px;

	border: none

}

.or_track {

	width: 44px;

	position: absolute;

	top: -20px;

	right: -42px;

}

.refreshnew {

	padding: 7px

}



@media (max-width:480px) {

.topCntnt {

	width: 100%!important

}

DIV.smalltxtCntct {

	padding: 0 0 7px;

	margin: 0;

	width: 100%;

	clear: both

}

.cntrgt {

	width: 250px;

	float: left;
	font-family: "Poppins", serif;
}

.label {

	text-align: left;

	width: auto!important

}

.textfield {

	width: 100%

}

.labelfrephone {

	text-align: left

}

.frephone {

	width: 25px

}

.frephonelast {

	width: 40px

}

.labelfrephone {

	width: 54px

}

.textfield01 {

	font-size: 11px;

	font-family: "Poppins", serif;;

	background: #f0f0f0;

	border: 1px solid #e7e7e7;

	width: 100%

}

}



#ordertrackform p.trkurordr {
	color: #0365a7;
	font-weight: bold;
	font-family: "Poppins", serif;;
}



.headtrackordr {

	padding: 6px 0px 6px 10px;

	width: 93%;

	background: #f7f6f6 url(../images/scrip_track.jpg) right no-repeat;

	margin-bottom: 5px;

}

#ordertrackform .text_trackorder {

	height: 20px;

	width: 200px;

	margin-bottom: 20px;

}

#ordertrackform .text_area {

	text-align: right;

	float: left;

	line-height: 30px;

	font-weight: bold;

	width: 88%;

	position: relative;

}

#ordertrackform .text_area label {

	margin-right: 5px;

}

#ordertrackform .text_area #order_id, #ordertrackform #email_id {

	font-size: 12px;

	text-align: right;

	margin-top: 0px;

	display: inline-block;

	font-weight: normal;

	float: left;

	line-height: normal;

	position: absolute;

	left: 0;

	right: 0;

	bottom:3px;

}

#ordertrackform .statusheading {
	float: left;
	width: 100%;
	margin-bottom: 5px;

}

#ordertrackform .statuscontainer .headerleft {

	float: left;

	font-weight: bold;

	color: #4d4d4d;

	margin-top: 5px;

	font-size: 18px;

}

#ordertrackform .statuscontainer .headerright {
	font-weight: 500;
	background: #267bb6 url(../images/lefttrackarrow.jpg) left no-repeat;
	color: #fff;
	float: left;
	padding: 2px 20px 3px 17px;
	margin-left: 5px;
}
#ordertrackform .statuscontainer .artwork-orderhistory {
    background: #2889cd url(../images/artwork_upload-image.png) no-repeat left 11px center;
	text-decoration: none;
    color: #fff;
    padding: 12px 15px 9px 45px;
    box-sizing: border-box;
    border-radius: 3px;
    margin-left:0px;
    font-weight: 500;
	display: block;
    margin-top: 2px;
    width: fit-content;
}
#ordertrackform .statuscontainer p{
	margin: 0;
	margin-bottom:0;
    line-height: 22px;
}
#ordertrackform a.uploadlink {

	text-decoration: none;

	color: #e0162b;

	display: block;

	margin-top: 15px;

}

.statuscontainer {

	line-height: 21px;

}

.uploadlink {

	display: inline-block;

	height: 35px;

	line-height: 35px;

	padding-right: 10px;

  padding-left:53px;

	position: relative;

	background-color: #3598db;

	color: #fff !important;

	text-decoration: none;

	text-transform: uppercase;

	letter-spacing: 1px;

	margin-bottom: 10px;

	text-align: center;

	max-width: 342px;

	width: auto;

	border-radius: 5px;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	text-shadow: 0px 1px 0px rgba(0,0,0,0.5);

	-ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ff123852,Positive=true)";

	zoom: 1;

filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=1, Color=#ff123852, Positive=true);

	-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);

	-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);

	box-shadow: 0px 2px 2px rgba(0,0,0,0.2);

	-ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#33000000,Positive=true)";

filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=2, Color=#33000000, Positive=true);

}

.uploadlink span {

	position: absolute;

	left: 0;

	width: 43px;

	background-color: rgba(0,0,0,0.5);

	-webkit-border-top-left-radius: 5px;

	-webkit-border-bottom-left-radius: 5px;

	-moz-border-radius-topleft: 5px;

	-moz-border-radius-bottomleft: 5px;

	border-top-left-radius: 5px;

	border-bottom-left-radius: 5px;

	border-right: 1px solid rgba(0,0,0,0.15);

}

.uploadlink:hover span, .uploadlink.active span {

	background-color: #e0162b;

	border-right: 1px solid rgba(0,0,0,0.3);

}

.uploadlink:active {

	margin-top: 2px;

	margin-bottom: 13px;

	-moz-box-shadow: 0px 1px 0px rgba(255,255,255,0.5);

	-webkit-box-shadow: 0px 1px 0px rgba(255,255,255,0.5);

	box-shadow: 0px 1px 0px rgba(255,255,255,0.5);

	-ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ccffffff,Positive=true)";

filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=1, Color=#ccffffff, Positive=true);

}

.large_back_btn {

	height: 14px;

	position: absolute;

	z-index: 99;

	cursor: pointer;

	margin: 0px;

	padding: 8px 12px 11px 12px;

	background: #d30e17;

	color: white;

	text-decoration: none;

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px;

	display: none;

	margin-bottom: 10px;

	margin-top: 10px;

}

h2.tollfreenum{line-height: 23px;}

@media (max-width:670px) {

	#ordertrackform a.uploadlink{

		height: auto;

		line-height: normal;

		padding: 10px;

	}

	.uploadlink span{

		display: none;

	}



	#ordertrackform .text_area #order_id, #ordertrackform #email_id{

		bottom: 0;

	}

#ordertrackform .text_trackorder {

	display: table-cell !important;

	width: 100% !important;

	box-sizing: border-box;

	height: 32px;

	float: left;

	margin-bottom: 15px;

}

#ordertrackform .text_area label {

	text-align: left !important;

	line-height: normal;

font-weight: normal;

font-size: 13px;

}

.or_track {

	display: none;

}

#ordertrackform div {

	margin-left: 0px !important;

	width: auto;

	margin-top: 0px;

}

#ordertrackform .text_area {

	width: auto;

	line-height: normal;

}

.viewordrstatus {

	margin: 0 auto;

}

.mob-track {

	width: 100% !important;

	margin-right: 0px !important;

	margin-bottom:15px;

}

.view-order-status{

	margin-left: 0px;

	margin-top: 5px;

}

/*#ordertrackform .statuscontainer .headerright {

	background: #267bb6 !important;

	padding: 3px 8px;

}*/

}