﻿body{
	margin:0px;
	font-family: 'Roboto', sans-serif;
}
*{outline:none!important;}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
input{outline:none;}
.fancy-col {
    padding: 3px 10px;
}
.fancy-col .full-widthcol {
    border-top: 1px solid #dddddd;
    margin-top: 10px;
    padding-top: 20px;
}
.fancy-col .iteam-heading{ color:#FFF;padding-top:4px; font-weight:bold; float:left;}
.fancy-col .order-box { margin-bottom:15px; padding-bottom: 3px;}

.fancy-col .img-col img{ width:100px;}
.text-center{ text-align:center;}
img{border:0px;}
p{margin-top:0px;}
form{margin:0px;}

.header {
    background-color: #606060;
    background-image: url("/resources/images/green-thread.png");
    background-position: left bottom;
    background-repeat: repeat-x;
    border-bottom: 0 solid #9acd34;
    display: table;
    height: auto;
    width: 100%;
}
.full-widthcol{width:100%; float:left;}
.pull-left{float:left;}
.grid_1000{
	width:1000px;
	height:auto;
	display:table;
	margin:auto;
}

.logo{
	float:left;
	padding:10px 0px;
	color:#fff;
}

.logo a{
	color:#fff;
	text-decoration:none;
	font-size:12px;
	line-height:25px;
	text-transform:uppercase;
}

.header_right_column{
	float:right;
	margin-top:10px;
	text-align:right;
	color:#fff;
    width:53%;
}

.socialmedia_icon{margin:5px; border:0px;}


.header_right_column.hrc-dflex {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 80px;
}

.header_right_column a{
	color:#fff;
	text-decoration:none;
	font-size:12px;
	font-weight:700;
	text-transform:uppercase;
	display:inline-block;
	height:20px;
	padding-top:5px;

}

.header_right_column .header-tpbars {
    width: auto;
    text-align: center;
    float: right;
    margin-left: 20px;
    display:flex;
    gap:12px;
}

.header_right_column .myaccount.likeSty {
    margin-top: 5px;
}

.header_right_column .myaccount.likeSty .myaccount-txt{
    float: right; 
    margin-right: 2px;
}

.header_right_column .header-tpbars .contactus_text{
    font-size: 18px;
    font-weight:600;
    margin-top:2px;
}

.header_right_column .header-tpbars .contactus_icon {
    display: inline-block;
    border-radius: 100%;
    text-align: center;
    width: 30px;
    height: 30px;
    background: #00a2da;
    margin: 0px 1px;
    padding: 0;
}

.header_right_column .header-tpbars .ci-phone {
    /*margin-left:5px;*/
}

.header_right_column .header-tpbars .contactus_icon img {
    width: 16px;
    height: auto;
    margin-top: 6px;
    filter: brightness(0) saturate(100%) invert(99%) sepia(1%) saturate(3790%) hue-rotate(212deg) brightness(121%) contrast(100%);
}

 .clear {
    clear: both;
}

.navigation{
	background-color:#00a2da;
	width:100%;
	height:38px;
    position:relative;
    z-index:40;
}

.footer {
    background-color: #00a2da;
    background-image: url(../images/green-thread.png);
    background-position: left top;
    background-repeat: repeat-x;
    border-bottom: 0 solid #9acd34;
    color: #fff;
    display: table;
    font-size: 12px;
    height: auto;
    width: 100%;
    clear: both;
}
.col3{font-size:12px;}
.col3 .table_head {
    background-color: #606060;
    border-bottom: 4px solid #96cd34;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    padding: 6px 10px;
}

.myaccount {
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    margin-top:-13px;
}
.footer a{
	text-decoration:none;
	color:#fff;
	border-bottom:1px solid #fff;
}

.footer .left{
	width:45%;
	float:left;
	text-align:left;
	padding:20px 0px 20px 0px;
}

.footer .right{
	width:55%;
	float:right;
	text-align:right;
	padding:20px 0px 20px 0px;
}

.content_area{
	padding:15px 0px;
	background-color:#f1f1f1;
}

.free_shipping {
background-color: #606060;
/* background-image: url("/resources/images/green.png");*/
background-position: center bottom;
background-repeat: no-repeat;
border-bottom: 20px solid #9acd34;
color: #fff;
float: right;
height: auto;
padding: 15px 15px 10px;
width: 250px;
}


.featured_design{
	float:left;
	width:700px;
	height:auto;
}

.featured_design h2{
	font-family: 'Roboto Condensed', sans-serif;
	color:#fff;
	background-color:#606060;
	padding:5px 10px 5px 10px;
	margin:0px 0px 20px 0px;
}

h2 {
    background-color: #606060;
    border-bottom: 4px solid #9acd34;
    color: #fff;
    font-family: "Roboto Condensed",sans-serif;
    margin: 0 0 10px;
    padding: 0 10px;
}



h1 {
    font-size: 40px;
}
.product_box{
	float:left;
	margin-right:8px;
	display:table;
	
	border-bottom:1px solid #000;
	margin-bottom:20px;
}

.product_box_last{
	float:left;
	margin-right:0px;
	display:table;
	border-bottom:1px solid #000;
}

.featuredproduct_box{
	float:left;
	margin-right:5px !important;
	display:table;
	border-bottom:1px solid #000;
	margin-bottom:20px;
}

.featuredproduct_box_last{
	float:left;
	margin-right:0px !important;
	display:table;
	border-bottom:1px solid #000;
}

.product_box img, .product_box_last img{display:block; margin-bottom:10px;width:310px;height:320px;}
.featuredproduct_box img, .featuredproduct_box_last img{display:block; margin-bottom:10px;width:225px;}

.itemcode{
	color:#fff;
	font-size:11px;
	display:inline-block;
	float:right;
	width:auto;
	font-weight:700;
	padding:3px 5px 5px 5px;
	padding-right:10px;
	background-image:url(/resources/images/code_bg.png);
	background-position:right bottom;
}

.itemstar{
	color:#f1f1f1;
	font-size:12px;
	display:inline-block;
	float:right;
	width:auto;
	font-weight:700;
	padding:3px 5px 5px 5px;
	padding-right:10px;
	background-image:url(/resources/images/star_bg.png);
	background-position:right bottom;
	min-width:50px;
}

.product_name{
	font-size:15px;
	font-weight:900;
	padding-left:7px;
	text-transform:uppercase;
	font-family: 'Roboto Condensed', sans-serif;
	display:inline-block;
}


h3{
	font-family: 'Roboto Condensed', sans-serif;
	color:#fff;
	margin:0px 0px 0px 0px;
	font-size:30px;
	font-weight:400;
	text-transform:uppercase;
}

h6 {
	font-family: 'Roboto Condensed', sans-serif;
	color:#9acd34;
	margin:0px;
	font-size:20px;
}

.hline2{
	border-bottom:1px dashed #999;
	margin:10px 0px 10px 0px;
}

#zipcode{
	border:0px;	
	width:80px;
	padding:3px;
	height:15px;
	margin:5px;
}

.go_button{
	background-color:#00a2da;
	color:#fff;
	border:0px;
	padding:2px;
	font-weight:900;
}
.blue_box {
    background-color: #00a2da;
    height: 160px;
    margin-bottom: 20px;
}
.balloon{position:absolute;margin:-70px 0px 0px -30px;}
.bx-wrapper-stybox .bx-wrapper {float:left;width: 1007px;}
.bx-wrapper-stybox .bx-next {
    background: rgba(0, 0, 0, 0) url("../images/rightarrow.png") no-repeat scroll 0 0 !important;
    height: 194px !important;
    right: 0;
    top: 21% !important;
}.bx-wrapper-stybox .bx-prev {
    background: rgba(0, 0, 0, 0) url("../images/leftarrow.png") no-repeat scroll 0 0 !important;
    height: 194px !important;
    left: 10px;
    top:21% !important;
}
.bx-wrapper-stybox .top-nav li a {width:194px !important;}
.bx-wrapper .bx-viewport { background: none repeat scroll 0 0 #00a2da;}
.small_thumbs{margin-right:20px;float:left;border:1px solid #fff;padding:2px;}
a.login:link, a.login:active, a.login:visited, a.login:hover{
	border:1px solid #a0c2f1;
	color:#fff;
	padding:5px 15px 5px 15px;
	float:right;
	text-decoration:none;
	margin:3px 0 0;
	font-size:12px;
	border-radius:3px;
	font-weight:700;
}

.search{
	float:right;
	width:200px; /*reverted*/
	margin:4.5px 0 0;
}

.search input[type="text"]{
	margin:0px 0px 0px 0px;
	padding:5px;
	height:17px;
	width:130px;
	float:left;
	border:0px;
	font-size:13px;
	font-family: 'Roboto', sans-serif;
	border-radius:0px;
}

.feature_box{
	float:left;
	margin-right:20px;
	display:table;
	
	width:28%;
	padding:20px;
	margin-bottom:20px;
	background-image:url(/resources/images/blue.gif);
	background-repeat:no-repeat;
	background-repeat:no-repeat;
}


h5{
	font-size:25px;
	padding-bottom:10px;
	color:#666;
	border-bottom:1px solid #666;
	margin:0px 0px 8px 0px;
	font-weight:700;
}

h6{
	font-size:25px;
	padding-bottom:10px;
	color:#666;
	border-bottom:1px solid #666;
	margin:0px 0px 5px 0px;
	font-weight:700;
}

.feature_head {
	font-size:25px;
	font-weight:700;
	padding-bottom:10px;
	color:#fff;
	margin:0px 0px 0px 0px;
	display:block;
}


.last{
	margin-right:0px;
}

a.text_button:link, a.text_button:active, a.text_button:visited, a.text_button:hover{
	background-color:#2a7ef2;
	color:#fff;
	text-decoration:none;
	font-weight:700;
	font-size:15px;
	margin-bottom:35px;
	padding:10px;
	text-align:center;
}

.subcategories{
border-bottom:1px solid #999;
margin-bottom:20px;
padding-bottom:20px;
}

.subcategories a{
	color:#333;
	text-transform:uppercase;
	font-weight:400;
	margin-right:15px;
}

.subcategories .active{
	font-weight:700;
	border-bottom:1px solid #666;
}




.gray{color:#555;}

a.gray:link, a.gray:active, a.gray:visited, a.gray:hover{

	color:#555; 
	border-bottom:1px solid #666;
	font-weight:800;
	font-size:11px;
	text-transform:uppercase;
}

.white_text{
	color:#fff;
}

.border{
	border:1px solid #999;
	padding:3px;
}

.tab_area {
	border-bottom:4px solid #9acd34;
	margin-bottom:20px;
    display: flex;
    gap:3px;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: row;
}

.tab_area a{
	display:inline-block;
	padding:10px;
	background-color:#666;
	color:#fff;
	text-decoration:none;
	font-weight:700;
	font-size:16px;
	height:20px;
	text-align:center;
    flex:1;
}

.tab_area .active, .tab_area .active:hover{
	background-color:#9acd34;
}

.sub-heading{
	font-size:30px;
	line-height:60px;
	border-bottom:1px solid #ccc;
	margin-bottom:20px;
}

.color_box{
	border:1px solid #999;
	width:180px;
	margin-right:18px;
	margin-bottom:20px;
	float:left;
}

.color_box span{
	text-align:center;
	display:block;
	padding:5px;
	border-top:1px solid #999;
	margin-top:70px;
	text-transform:uppercase;
	font-weight:700;
	font-size:13px;
	background-color:#fff;
}

.color_box i{
	text-align:center;
	display:block;
	padding:5px;
	border-top:1px solid #999;
	margin-top:20px;
	text-transform:uppercase;
	font-weight:700;
	background-color:#fff;
	font-style:normal;
}

.td_brd{border-right:1px solid #999;}
.fold{
	float:right;
	margin:-1px -1px 0px 0px;
}

.stone{
	display:block;
	text-align:center;
	border:0px solid red;
	width:100%;
	padding:30px 0px 0px 0px;
}

.optional_box{
	float:left;
	margin-right:20px;
	display:table;
	
	margin-bottom:20px;
	width:20%;
	padding:15px;
	text-align:center;
}

.optional_box_last{
	float:left;
	margin-right:0px;
	display:table;
	
	width:20%;
	padding:15px;
	text-align:center;
}

.optional_box img, .optional_box_last img{
	float:none;
	width:100%;
}

.optional_box .big_text, .optional_box_last .big_text{
	font-size:24px;
	display:block;
	margin:15px 5px 5px 5px;
	text-align:center;
}

.optional_box .med_text, .optional_box_last .med_text{
	font-size:14px;
	display:block;
	margin:0px 5px 5px 5px;
	font-weight:700;
	text-align:center;
}

 .price {
display: block;
font-size: 18px;
font-weight: 700;
line-height: 20px;
padding: 7px 0 0;
text-align: center;
text-transform: uppercase;
 color: #1379e4;
}


.select_small{
	width:80px;
	padding:3px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	height:26px;
	margin:5px;
	border:1px solid #999;
	background-color:#f5f5f5;
}

.select_fullsize{
	width:96%;
	padding:3px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	height:26px;
	margin:10px 0px 10px 0px;
	border:1px solid #999;
	background-color:#f5f5f5;
}


a.add_button:link, a.add_button:active, a.add_button:visited, a.add_button:hover {
	display:block;
	background-color:#9acd34;
	padding:5px;
	color:#fff;
	font-weight:900;
	width:100px;
	margin:auto;
	font-size:15px;
}

a.black_button:link, a.black_button:active, a.black_button:visited, a.black_button:hover {
	display:inline-block;
	background-color:#333;
    padding: 4px 10px 4px 10px;
	color:#fff;
	font-weight:900;
	width:68px;
	margin:auto;
	font-size:13px;
	text-align:center;
	float:right;
}

a.black_button2:link, a.black_button2:active, a.black_button2:visited, a.black_button2:hover {
	display:inline-block;
	background-color:#9acd34;
	padding:5px 10px 5px 5px;
	color:#fff;
	font-weight:900;
	width:auto;
	margin:auto;
	font-size:13px;
	text-align:center;
	margin:5px;
}

a.black_button3:link, a.black_button3:active, a.black_button3:visited, a.black_button3:hover {
	display:inline-block;
	background-color:#333;
	padding:5px 10px 5px 5px;
	color:#fff;
	font-weight:900;
	width:auto;
	margin:auto;
	font-size:13px;
	text-align:center;
	float:right;
	margin-left:10px;
}


.heading_area{
	background-color:#666;
	color:#fff;
	display:block;
	padding:10px;
	text-transform:uppercase;
	font-size:20px;
	font-weight:700;
}

a.button:link, a.button:active, a.button:visited, a.button:hover {
	display:block;
	background-color:#9acd34;
	color:#fff;
	font-weight:900;
	width:100px;
	font-size:15px;
	text-align:center;
	text-transform:uppercase;
}

.button2{
	padding:3px 10px 3px 10px;
	border:0px solid #ccc;
	background-color:#f5f5f5;
	color:#fff;
	font-weight:800;
	font-size:12px;
	border-radius:4px;
	background-color:#444;
	min-width:60px;
	font-family: 'Open Sans', sans-serif;
}

.button2:hover{background-color:#333;}
.left{
float:left;
}

.right{
float:right;
}

.button_area{
	width:1000px;
	height:auto;
	display:table;
	margin:auto;
	padding:20px 0px 20px 0px;
	border-top:1px solid #666;
	border-bottom:1px solid #666;
	margin:50px 0px 50px 0px;
	clear:both;
}


.hline{
	border-bottom:1px solid #ccc;
	padding:5px 0;
	font-size:12px;
}

.table_head{
	color:#fff;
	font-weight:700;
	font-size:20px;
	background-color:#606060;
	border-bottom:4px solid #96cd34;
	padding:10px;
}

.table_price{
	font-weight:700;
	font-size:14px;
	padding:0px;
    color: #2a7ef2;
}

.table_head a{ 
	color:#fff;
	font-size:14px;
	text-transform:uppercase;
}

.textbox1{
	border:1px solid #ccc;
	background-color:#fff;
	padding:5px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	margin:0px 0px 0px 0px;
	width:90%;
	background-color:#f7f7f7;
}

.textbox_small{
	border:1px solid #ccc;
	background-color:#fff;
	padding:5px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	margin:0px 0px 0px 0px;
	width:20px;
	background-color:#f7f7f7;
	margin:0px;
}

.data_area{ padding:13px 20px 0; font-size:12px; text-transform:uppercase;}

.garment-seldiv .chosen-results .chose-image-list {
    margin-right: 5px;
}

#ContentPlaceHolder1_pnlForm .data_area {padding:20px;}

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {    background-color: #f7f7f7;}


.data_table td{
	padding:5px;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-top:1px solid #ccc;
}

.noborder {
	padding:0px;
	border-bottom:0px solid #ccc;
	border-left:0px solid #ccc;
	border-right:0px solid #ccc;
	border-top:0px solid #ccc;
}

h4{
	font-size:24px;
	margin:0px 0px 5px 0px;
}

.data_table table {padding:3px;}

.small{font-size:11px; text-transform:uppercase; }

.data_table2 td{
	padding:9px;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-top:1px solid #ccc;
}

.amount_reverse{
	background-color:#000;
	color:#fff;
	padding:8px;
	display:inline-block;
	width:150px;
}

.grid_320{
	width:300px;
	float:left;
	height:auto;
	padding:10px;
}

.LabelFont {
    background-color: #434343;
    color: #FFFFFF;
    float: left;
    font-family: 'Interstate Regular',Tahoma;
    font-size: 14px;
    padding: 5px 5px 3px;
}
.LargeGarmentName {
    font-family: 'Calvert MT Lt',Tahoma;
    font-size: 60px;
    font-weight: normal !important;
    line-height: 60px;
    width: 460px;
}
img.GarmentSmallShirt {
    border:1px solid #FFF;
}
img.GarmentSmallShirt:hover {
    border: 1px solid #808080;
    padding: 0px;
}

img.GarmentSmallShirt8 {
    border:1px solid #FFF;
    height: 65px !important;
    width: 69px !important;
}
img.GarmentSmallShirt8:hover {
    border: 1px solid #808080;
    padding: 0px;
}
img.G_SmallShirt_Selected {
    border: 1px solid #808080;
}
img.G_SmallShirt_Selected8 {
    border: 1px solid #808080;
    height: 65px !important;
    width: 69px !important;
}
.LargeGarmentImageContainer {
    float: right;
    text-align: right;
}
.GarmentDetailsContainer {
    width: 500px;
}

.colorCell {
    height: 15px;
    margin-top: 5px;
    margin-bottom: 2px;
    width: 10px;
}
.GarmentBgColor{
    height: 400px;
}

.height360{
    height: 360px;
}

.height240{
    height: 240px;
}

.PadLeft {
    padding-left: 10px;
}

a.GrayBoldLink {
    color: #434343;
    font-weight: bold;
    text-decoration: underline;
}

.addbutton {
    display:block;
	background-color:#9acd34;
	padding:10px 15px 10px 5px;
	color:#fff;
	font-weight:900;
	width:150px;
	font-size:17px;
	text-align:center;
	text-transform:uppercase;
}

a.production-time:link, a.production-time:active, a.production-time:visited, a.production-time:hover{
	padding:5px 10px 5px 10px;;
	border:1px solid #333;
	background-color:#fff;
	display:inline-block;
	color:#333;
	text-transform:capitalize;
	margin-left:6px;
	border-radius:5px;
}

.point-40{
	font-size:40px;
	line-height:50px;
}
.point-35{
	font-size:35px;
	line-height:50px;
}
.point-25{
	font-size:25px;
	line-height:30px;
}

.point-20{
	font-size:20px;
	line-height:25px;
}

.point-18{
	font-size:18px;
	line-height:25px;
}

.point-16{
	font-size:16px;
	line-height:25px;
}
.point-15{
	font-size:15px;
	line-height:25px;
}
.point-14{
	font-size:14px;
	line-height:25px;
}
.point-12{
	font-size:12px;
	line-height:25px;
}
.loading,.progress, .taken, .available{padding-left: 22px;}
.loading{background: url(/resources/images/spinner.gif) no-repeat center; }
.big-photo .loading {left: 45% !important; position: relative;  top: -7%; width: 100% !important;}
/*.progress{background: url(/resources/images/spinner.gif) no-repeat left;}*/
.taken {background: url(/resources/images/taken.gif) no-repeat left;}
.available{background: url(/resources/images/available.gif) no-repeat left;}

.free_shipping h6 {color: #9acd34; line-height: 25px; border-bottom: none; padding-bottom: 0;}
.free_shipping .calc-shipping {font-family: 'Roboto Condensed', sans-serif; font-weight: bold; color: black; font-size: 20px; margin-top: 20px; text-transform: uppercase;}

a.add_button2:link, a.add_button2:active, a.add_button2:visited, a.add_button2:hover {
    background-color: #9acd34;
    color: #fff;
    display: inline-block;
    font-size: 17px;
    font-weight: 900;
    line-height: 20px;
    padding: 10px;
    text-align: center;
    width: 100px;
}

.mainWrapper {
    margin: 0 auto;
    max-width: 1024px;
    width: 100%;
}
.design_image {
    box-shadow: 0 0 6px 0 #c2bebe;
    float: left;
    margin: 5% 0 0;
    padding: 8px 2px 29px 0;
    width: 47%;
}

.dropdownbackcolor {
    margin: 27px 0 27px 6px;
}
.dropdownbackcolor > select {
    margin: 0 0 0 5%;
    padding: 3px 3px 5px 8px;
}
.dropdownbackcolor > span {
    padding: 2px 0 0 21px;
}

.product_image {
    float: left;
    margin: 50px 0 0;
    width: 45%;
}
.HeaderText h3:hover {
    color: #000;
}
.HeaderText span:hover {
    color: #000;
}
.HeaderText h3, .HeaderText span {
    color: #1379e4;
    padding: 11px 0 9px;
    text-align: center;
}
.ChangeBackColor > h2 {
    background: none repeat scroll 0 0 #c1b7b7;
    color: #fffefe;
    font-size: 17px;
    padding: 3px 4px 6px 64px;
}
.ChangelogoColor > h2 {
    background: none repeat scroll 0 0 #c1b7b7;
    color: #fffefe;
    font-size: 17px;
    padding: 3px 4px 6px 64px;
}
.footerBtn > input {
    display: none;
}
.alignCenter {
    text-align: center;
}

.verticalMiddle {
    vertical-align: middle;
}

a.GrayBoldLink {
    color: #434343;
    font-weight: bold;
    text-decoration: underline;
}

.ContentSection h2 {
    background-color: #000;
    background-color: #333;
    color: #fff;
    font-weight: bolder;
    font-size: 14px;
    line-height: 20px;
    padding-left: 6px;
    border: none;
}

.ContentSection h2+.InnerContent,.ContentSection h2+.InnerContentWithGreyBackground {
    border-top-width: 0;
}

.ContentSection .InnerContent,.ContentSection .InnerContentWithGreyBackground {
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: #cbcbcb;
    padding: 0 8px 0 8px;
}

.ContentSection .InnerContentWithGreyBackground {
    background-color: #ebebeb;
}

.ContentSection .PaddedContent {
    padding: 12px;
}

.ContentSection hr {
    background-image: url("/Content/images/master/MenuBarBreak.png");
    background-repeat: repeat-x;
    background-color: #fff;
    height: 6px;
    width: 100%;
}

.ContentSection hr.inverted {
    background-image: url("/Content/images/master/MenuBarBreakInverted.png");
    background-repeat: repeat-x;
    height: 6px;
    width: 100%;
    border: none;
}

.SectionHeader,.SectionSubHeader {
    background-color: #434343;
    color: #fff;
    font-weight: bolder;
    font-size: 14px;
    border: #434343 solid 1px;
}

.SectionSubHeader {
    font-weight: normal;
    font-size: 12px;
}

.SectionSubHeader.FadedBackground {
    background-color: #5c5c5c;
}

.PadLeft {
    padding-left: 10px;
}

.PadRight {
    padding-right: 10px;
}

.FloatRight {
    float: right;
}

.SectionContent {
    padding-top: 6px;
    padding-bottom: 6px;
    background-color: #eee;
    border: #434343 solid 1px;
    font-size: 12px;
}

#AccountMenuDownArrow {
    width: 18px;
    height: 28px;
    border: 0;
}

#AccountMenu {
    display: inline;
    position: absolute;
    right: 0;
    top: -28px;
    text-align: right;
    width: 155px;
}

#AccountMenuOptions {
    display: none;
    position: absolute;
    background-color: #f5f5f5;
    border: solid;
    border-width: 1px;
    border-color: #a7a7a7;
    border-top: none;
    width: 155px;
    right: 0;
}

#AccountMenuOptions li {
    font-size: 12px;
    display: block;
    text-align: left;
    padding-top: 3px;
    padding-bottom: 3px;
}

#AccountMenuOptions li a {
    color: #000;
    text-decoration: none;
}

.AccountMenuDivider hr {
    color: #a7a7a7;
    height: 2px;
    margin: 2px;
}

.AccountMenuOptionHover {
    background-color: #0085db;
}

.AccountMenuOptionHover a {
    color: #fff!important;
}

.field-validation-error {
    display: block;
    font-size: 13px;
    position: relative;
    top: -6px;
    left: 1px;
    color: #b94a48;
}

.FancyboxModalForm header {
    height: 30px;
    border-bottom: 2px solid silver;
    margin-bottom: 5px;
}

.FancyboxModalForm header h2 {
    color: #fff;
    display: inline-block;
    padding-right: 5px;
    
}

.FancyboxModalForm header span {
    vertical-align: text-bottom;
}

.FancyboxModalForm header span h3 {
    color: #fff;
    font-size: 0.9em;
    font-weight: normal;
    display: inline-block;
    float: right;
    vertical-align: text-bottom;
    padding-top: 0px;
}

.FancyboxModalForm section {
    clear: both;
}

.FancyboxModalForm section label {
    color:#606060;
}

.FancyboxModalForm section input.error {
    background-color: #fcc;
}

.FancyboxModalForm section span.help-inline {
    color: #fff;
    font-size: 0.95em;
    font-weight: normal;
    float: right;
    display: block;
}

.FancyboxModalForm section label#Password_DetachedLabel {
    display: inline;
}

.FancyboxModalForm section #buttons {
    clear: both;
    float: left;
}

.FancyboxModalForm .field-validation-error {
    color: #fcc;
}

.pop {
    position: absolute;
    display: inline;
}

.pop .pop_menu {
    display: none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}


.active .pop_menu {
    display: block;
    background-color: #fff;
    color: #000;
    position: absolute;
    padding: .6em;
    width: 12em;
    top: 22px;
    right: -15px;
    border: 1px solid #000;
}

.active .pop_menu a {
    color: #000;
}


div#LoggedInDisplay h3 {
    font-size: 1em;
    font-weight: normal;
    display: inline;
}

a.btn {
    line-height: 15px;
}


.Normal_Small {
    font-size: 13px;
    width: 100%;

}


.GarmentDetails_Container {
    width: 500px;
}
.TableWithNoSpacing {
    border-collapse: collapse;
}
.submit_button{
	background:#2a7ef2;
	color:#fff;
	font-size:15px;
	border:0px;
	padding:7px 20px 7px 20px;
}


.heading_area2{
	background-color:#666;
	color:#fff;
	display:block;
	padding:10px;
	text-transform:uppercase;
	font-size:16px;
	font-weight:700;
}

.green{color:#67b40a;}

a.green:link, a.green:active, a.green:visited, a.green:hover{color:#67b40a;}

.white{
	background-color:#fff;
}
.star{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FF0000;
	float:left;
}
.red{
	
	color:#FF0000;
}
.submit_button_green{
	background:#67b40a;
	color:#fff;
	font-size:15px;
	border:0px;
	margin-bottom: 10px;
	padding:5px 20px 5px 20px;
}


.color_box em {
    background-color: #fff;
    border-top: 1px solid #999;
    display: block;
    font-style: normal;
    font-weight: 700;
    margin-top: 20px;
    padding: 5px;
    text-align: center;
    text-transform: uppercase;
}

.tablesty-box {border-spacing:1px !important; border-collapse: separate !important;}
.tablesty-box tr { margin:0 0 12px 0;}
.tablesty-box td {
    background: none repeat scroll 0 0 #def3ca;
    border: 1px solid #fff;
    color: #333333;
    font-size: 12px;
    line-height: 22px;
    outline: medium none;
    padding:3px;
}
.tablesty-box th {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: none repeat scroll 0 0 #96cd34;
border-bottom-left-radius: 5px;
border-color: #93ce37 #9ed929 #93ce37 #93ce37;
border-image: none;
border-style: solid;
border-top-left-radius: 5px;
border-width: 1px 3px 1px 1px;
color: #fff;
font-size: 14px;
padding: 8px 0 8px 10px;
text-align: left;
text-shadow: 1px 1px 1px #568f23;
}

.data_table_box {border-collapse: separate !important; border-spacing:0; border:#ccc solid 1px;}
.data_table_box td {
border-color: #ccc;
border-style: solid;
border-width: 1px; 
padding: 5px;
}
h4 { font-size: 24px;color: #333333;}

.data_table_inner td {
border-color: #ccc;
border-style: solid;
border-width: 1px;
line-height: 16px;
padding: 2px 17px;
}

.cart-table-box th {
    background-color: #434343;
    border-right: 1px solid #ccc;
    color: #fff;
    font-weight: bold;
    padding:2px;
}

.cart-table-box {
    background: none repeat scroll 0 0 #fff;
    font-size: 10px;
    font-weight:bold;
}
.cart-table-box  td { padding:2px; border:1px #ccc solid;}
.Quantityinput {
    width: 22px;  text-align: center;
}


.lborder_inner td { border:none !important;}
.butt_box {
    background-color: #8a8989;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    float:left;
    font-size: 13px;
    margin: auto;
    padding: 2px 6px;
    text-align: center;
    width: auto;
}
.butt_box:hover { opacity:0.8; color:#FFF;}

.form_table_box td { padding: 5px;}
.form_table_box td input { margin-bottom:0;}


.design_box strong{
margin-right:15px;
text-transform:uppercase;
font-size:12px;
float:left;}

.design_box a, .design_box a:hover {
display: block;
text-decoration: none;
}

.design_box:nth-child(3n+4) {margin-right:0;}


.design_box{
	float:left;
	margin-right:20px;
	display:table;
	
	width:27%;
	padding:20px;
	margin-bottom:20px;
	background-repeat:no-repeat;
	background-position:right bottom;
	background-size:175px auto;
}





.maindiv_boxfull { width:100%;}
.maindiv_boxfull img { width:168px; height:229px;}

.bold{font-weight:bold;}



h5 {
font-size: 25px;
padding-bottom: 10px;
color: #666;
border-bottom: 1px solid #666;
margin: 0px 0px 8px 0px;
font-weight: 700;
}
.design_boxfull_width {
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: 175px auto;
    display: table;
    float: left;
    height:259px;
    margin-bottom: 0px;
    margin-right: 13px;
    max-height:350px;
    max-width: 48.4%;
    min-width: 28%;
    padding: 20px;
}

.design_boxfull_width a {
display: block;
text-decoration: none;
}
.design_boxfull_width a:nth-of-type(n+1):nth-last-of-type(n+12) {
    float: left;
    width: 214px;
}


.rightbox-cl input[type="radio"], input[type="checkbox"] {
line-height: normal !important;
margin: 0 !important;
}.testimonial_box
.rightbox-cl label {
display: inline-block !important;
line-height: 21px;
padding-left: 6px;
}
 
.bx-wrapper .bx-prev {
    left: 8px !important;
} 




.InlineBlock {
  display: inline-block;
text-align: center;
}

.InlineBlock_Width {
    width: 41px;
}

.tdItemPrice span {
    color: #191919;
    font-weight: bold;
}
.tdTotalItemPrice span {
      background-color: #fff;
    color: #191919;
    font-weight: bold;
}


.testimonial_box {color: #fff; display: block;float: left;font-size: 12px; height: 136px; margin: 12px; width:271px;}
.testimonial_box div{display: block; float: left;margin: 4px 0; width: 100%;}

.imgbox {
    float: right !important;
    line-height: 0;
    margin: 0 !important;
    padding: 0;
    text-align: left !important;
    width: 44% !important;
}
.imgbox img { display: inline-block !important; margin-right:4px; vertical-align: bottom !important;}


.testimonial_box h5{
	font-size:20px;
	margin:0px;
	font-weight:normal;
}

.testimonial_box p{
	font-size:13px;
	display:block;
}

.testimonial_box .p-box {
    display: block;
    float: left;
    font-size: 13px;
    height: 45px;
    width: 100%;
}
.testimonial_box span{
    display: inline-block;
    float: right;
    margin: 0 0 2px;
    width: 100%;
}

#testimonialslider li{padding-left:0; width:302px !important; border-right:#5abde6 2px solid;line-height:17px !important;}

.bx-wrapper img { margin:1px 0 0;}

.testimonialslider .bx-controls-direction {
border: 1px solid transparent;
margin-top: -40px;
}


.testimonialslider .bx-controls-direction .bx-prev{
	background: url(/resources/images/left_arrow.png) no-repeat 0px 0px;
	width:16px;
	height:77px;
}

.testimonialslider .bx-controls-direction .bx-next{
	background: url(/resources/images/right_arrow.png) no-repeat 0px 0px;
	width:20px;
	height:77px;
}
.testimonialslider .bx-controls-direction .bx-next:hover{ background-position:0 !important;}
.testimonialslider  .bx-controls .bx-pager{display:none;}

.starthere{
	position:absolute;
	z-index:10000;
	width:977px;
	text-align:right;
	
}
.starthere img {margin: 33px -45px 0;}

.row-fluid-full {
width: 100%; float:left;

}

.row-fluid-full >.span4 {
width: 33%;float: left; margin-left: 3px;
margin-bottom: 12px;
}
.ContentSection h2 {
background-color:#606060;
color: #fff;
font-weight: bolder;
font-size: 14px;
line-height:35px;
padding-left: 6px; margin:0px;
border: none;
}
.ContentSection .InnerContent{
border-style: solid;
border-width: 2px 2px 2px 2px;
border-color: #777676;
padding: 0 8px 0 8px;
}

.ContentSection p {
margin: 8px 0 9px;
line-height: 18px;
}
.Amount {
color: #ff450b;
font-size: 18px;
font-weight: bold;
}

.OptionPrice {
float: left;
}
#GroupSleeveForm { float:left; width:100%;}

.red-divbox{
padding: 6px;
background-color:#606060;
color: white;
margin-bottom: 8px;
font-size: 14px;
font-family: Tahoma;
}





.alink_sty {color:#9acd34;}
.alink_sty:hover {color:#edefed;}


.white-imgbg img {
background: none repeat scroll 0 0 #fff;
color: #fff;
display: inline-block;
font-size: 13px;
height: 23px;
margin-bottom: 2px;
text-transform: uppercase;
width: 32%;
}


 .paging {
    border-top: 0px solid #666;
    clear: both;
    color: #000;
    height: 40px;
    line-height: 40px;
    margin: 30px 0;
    text-align: center;
    text-transform: uppercase;
}

a.selected {
    background: none repeat scroll 0 0 #666466;
 
    font-weight: bold;
    text-decoration: none;
}
.pagermenu li {
    display: block;
    float: left;
    line-height: 22px;
    list-style-type: none;
    margin: 0px;
    padding: 0;
}
.pagermenu A:link {
    border: 0px solid #666466;
    font-weight: normal;
    padding: 2px 8px;
}
.pagerjumper input { height: 20px !important;line-height:20px !important; margin-top: -3px !important;padding: 2px !important; margin-bottom: 0 !important;}
.paging a{
	text-decoration:none;
	color:#000;
}
.paging a.selected {
    background: none repeat scroll 0 0 #666466;
    color: #333;
    font-weight: bold;
    text-decoration: none;
}
.paging .active{
	padding:5px 9px 5px 9px;
	background-color:#fff;
	color:#666;
	font-weight:800;
	border:0px solid #999;
	margin-left: 2px;
}
.pagermenu {padding:0px;margin:0px; float:right;}
.pagermenu ul{padding:0px;margin:0px;}
.pagerstats{padding-right:20px;margin:3px 0px 0px 0px; text-transform: uppercase;}


.pagermenu span {
    border: 0 solid #666466;
    font-weight: normal;
    padding: 1px 9px;
    float: right;
     text-transform: uppercase;
}
.paging span {
    border: 0 solid #666466;
    float: right;
    font-weight: normal;
    padding: 2px 8px;
     text-transform: uppercase;
}
.inpt_link_sty { background-color: #333; color: #fff; display: inline-block; float: right; font-size: 13px; font-weight: 900; margin: auto; padding: 4px 10px; text-align: center; width: 68px; border: medium none;}
.flat-table { border-collapse: collapse; width: 100%; color: #333333; margin:15px auto; float:left;}
.flat-table tr:nth-of-type(2n+1) { background: none repeat scroll 0 0 #eee;}
.flat-table th { background: none repeat scroll 0 0 #333; color: white; font-weight: bold; padding: 6px;}
.flat-table td, th { border: 1px solid #ccc;padding:4px;text-align: left;}
.flat-table input { border: 1px solid #ccc; border-radius: 3px; color: #555; display: inline-block; font-size: 13px; height: 18px; line-height: 18px; margin-bottom: 6px; padding: 4px; width: 210px;}


.OptionAction {
float: right;
margin: 8px 0 9px;
}

.OptionAction a {
background-color: #2a7ef2;
color: #fff;
font-size: 15px;
font-weight: 700;
padding: 4px;
text-align: center;
text-decoration: none;
}

.OptionAction a:hover {opacity:0.7;}

.select_small_Quantity {
background-color: #f5f5f5;
border: 1px solid #999;
font-family: Arial,Helvetica,sans-serif;
font-size: 12px;
height: 26px;
margin: 0 5px;
padding: 3px;
width: 80px;
}

.row-fluid-full > .span7 {
float: left;
margin: 0 0 0 9px;
width: 637px !important;
}


.cont_link_sty {
background-color: #9acd34;
border: medium none;
color: #fff;
display: block;
float: right;
font-size: 15px;
font-weight: 900;
margin: auto;
padding: 5px 8px 8px; cursor:pointer;
}
.cont_link_sty:hover { color:#333;}
.Prev_link_sty {
background-color: #9acd34;
border: medium none;
color: #fff;
display: inline-block;
float: left;
font-size: 13px;
font-weight: 900;
margin: auto;
padding: 7px 10px;
text-align: center;
text-decoration: none;
}
.Prev_link_sty:hover {color:#333;}


 .InnerContent .hbox-div {height: 62px; overflow: hidden;}

.OptionAction {float: right;margin: 15px 0 9px;}

.testimonialslider .bx-viewport { margin: 0 35px; overflow: hidden; position: relative;width:88.5% !important;}
.first-line p:first-line { font-size:18px !important;margin-bottom: 6px;}


.bx-viewport {margin: 0; overflow: hidden; position: relative;}
.text-col {
    display: block;
    margin: 0 auto;
    text-align: left !important;
    width: 87%;
}


.dis-boxsty {
    color: #fff;
    font-size: 12px;
    line-height: 1px;
    margin: -2px 0 0 217px;
    position: absolute;
    text-align: right;
    width: auto;
    z-index: 10000;
}
.heading-size { font-size:30px !important;}
.freebox-span {
    color: #fff;
    float: none;
    font-size: 14px;
    letter-spacing: 0;
    margin: 0 0 0 24px;
    text-transform: uppercase;
}


.h-span {
    color: #fff;
    float: none;
    font-size: 15px;
    letter-spacing: 0;
    margin: 0;
    text-transform: uppercase;
}

.xtremeRush {
color: #9acd34;
float: none;
font-size: 17px;
letter-spacing: 0;
margin: 0 0 0 6px;
text-transform: uppercase;
}


.item {
    display: block;
    float: left;
    margin: 0 0 0px;
    padding: 0;
    text-align: center;
    width: 48px;
}



.item ul{margin: 0 0 0px 0; list-style:none; text-align:left; float:left; padding:0px;}
.item li a, .item li a :hover{color: #a6a6a6; text-decoration: underline; list-style:none; font-family: Verdana, Geneva, sans-serif; font-size:12px;}
.item li a:hover{ list-style:none; text-decoration:none;  text-decoration:none; }
.item_item, .content_item{ padding: 0px 0;float:left;}

  
.item ul li {
    background-position: 0 center;
    background-repeat: no-repeat;
    color: #000;
    display: block;
    float: left;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 14px;
    margin: 0;
    padding: 0;
    width: 100%;
}

#garment .data_area {
    font-size: 12px;
    padding:4px 11px;
    text-transform: uppercase;
}
.LargeGarmentImage_Container {
    float: right;
    text-align: right;
    width: 320px;
}
.GarmentName_Large {
    font-family: 'Calvert MT Lt',Tahoma;
    font-size: 30px;
    font-weight: normal !important;
    line-height: 60px;
    width: 460px;
}

img.LargeGarmentImageRight {
    width: 320px;
    margin-left: -33px;
    margin-top: -44px;
}

.wrapper-boxsty {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;  
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  text-align: center;
}
.flex-flow-box { text-align: left; background: #fff; margin-right:5px;}
.flex-flow-box:last-child { margin-right:0;}
.flex-flow-box p{ text-align:center;}

/**View & Pay Invoices popup css start**/
.view-pay-invoice {
    padding: 15px 30px;
    padding-bottom: 10px;
    padding-top: 10px;
}
.view-pay-invoice .account-statement h4 {
    border-bottom: solid 1px #ccc;
    padding-bottom: 4px;
    margin-bottom: 0;
    color: #676565;
    font-weight: normal;
    font-size: 20px;
    overflow: hidden;
    margin-top:0px;
}
    .view-pay-invoice .account-statement h4 a {
        float: right;
        font-size: 15px;
        background: #00a1e4;
        color: #fff;
        padding: 2px 5px;
        font-weight: 600;
        text-decoration: none;
        letter-spacing: .3px;
    }
.view-pay-invoice .account-statement h4 a#aDownload{padding: 3px 8px;}
    .view-pay-invoice .account-statement h4 span.invoice-data {
        float: right;
        margin-right: 10px;
    }
        .view-pay-invoice .account-statement h4 span.invoice-data a {
            padding: 3px 8px;
        }
    .view-pay-invoice .account-statement h4 a img {
        /*  width: 16px;*/
        margin-left: 5px;
        vertical-align: middle;
    }
    .view-pay-invoice .account-statement .statement-table {
        margin: 0 30px;
        background: #e6e7e9;
        padding: 10px 30px;
    }
    .view-pay-invoice .account-statement-list+ .account-statement .statement-table {
        padding: 1px 7px 4px 7px;
    }
.view-pay-invoice .account-statement .statement-table >table tr td {
    width: 50%;
    padding-right: 40px;
}
.view-pay-invoice .account-statement .statement-table >table tr td:last-child {
    padding-left: 50px;
}
.view-pay-invoice .account-statement .statement-table >table tr td {
    width: 50%;
    padding-right: 40px;
}
.view-pay-invoice .account-statement .statement-table table tr td table tr td {
    font-size: 15px;
    padding: 2px 2px;
    color: #231f20;
    width: 50%;
    font-weight: 600;
}
.view-pay-invoice .account-statement .statement-table >table tr td:last-child {
    padding-left: 50px;
}
.view-pay-invoice .account-statement .statement-table table tr td table tr td:last-child {
    text-align: right;
}
.view-pay-invoice .account-statement .statement-table table tr td table tr td.past-due {
    color: #ee1d23;
}
.view-pay-invoice .account-statement .statement-table table {
    width: 100%;
}
.view-pay-invoice .account-statement .statement-table table tfoot {
    border-top: solid 2px #57585a;
}
.view-pay-invoice .account-statement .statement-table >table tr td .invoice-status .invoice-row {
    margin: 5px 0;
    text-align: left;
}.view-pay-invoice .account-statement .statement-table >table tr td .invoice-status .invoice-row label.control-label, .view-pay-invoice .account-statement .statement-table >table tr td .invoice-status .invoice-row span.value {
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    color: #231f20;
}.view-pay-invoice .account-statement .statement-table >table tr td .invoice-status .invoice-row span.value {
    float: right;
}.view-pay-invoice .account-statement .statement-table >table tr td .invoice-status .invoice-row:nth-last-child(2) {
    color: #ee1d23;
}
    .view-pay-invoice .account-statement .statement-table > table tr td .invoice-status .invoice-row:nth-last-child(2) label.control-label, .view-pay-invoice .account-statement .statement-table > table tr td .invoice-status .invoice-row:nth-last-child(2) span.value {
        color: #ee1d23;
    }
.account-statement-list {
    margin-top: 20px;margin-bottom: 0px;
}
.account-statement-list .ui-tabs {
    padding: 0;
    border: none;
}
.account-statement-list .ui-tabs ul.ui-tabs-nav {
    padding: 0;
    background: none;
    border: none;margin-bottom: -5px;
}
.account-statement-list .ui-tabs ul.ui-tabs-nav li.ui-tabs-tab.ui-tab.ui-tabs-active.ui-state-active {
    background: #6c6d70;top: -5px;
}
.account-statement-list .ui-tabs ul.ui-tabs-nav li.ui-tabs-tab {
    margin-right: 1px!important;
    border-radius: 0;
    border: none;
    background: #bcbdc0;
    color: #ffffff;
}
.account-statement-list .ui-tabs ul.ui-tabs-nav li.ui-tabs-tab .ui-tabs-anchor, .account-statement-list .ui-tabs ul.ui-tabs-nav li.ui-tabs-tab .ui-tabs-anchor:focus {
    color: #fff;
    font-weight: 600;
    padding: 2px 10px;
    outline: none;
    font-size: 12px;
    line-height: normal;
}
.account-statement-list .ui-tabs ul.ui-tabs-nav li.ui-tabs-tab.ui-tab.ui-tabs-active.ui-state-active .ui-tabs-anchor {
    padding-top: 5px;
    padding-bottom: 2px;
}
.account-statement-list .ui-tabs-panel {
    border: solid 1px #6c6d70!important;
    /* margin-top: -5px; */
    padding: 0!important;
    /* width: 100%!important;*/
}
.view-pay-invoice .ui-widget{font-family: Arial,Helvetica,sans-serif;}
.account-statement-list .ui-tabs-panel table tr td, .account-statement-list .ui-tabs-panel table tr th {
    border: solid 1px #6c6d70!important;
    border-left: none!important; text-align: center;    padding: 5px;color: #57585a;
    
}
.account-statement-list .ui-tabs-panel table tr th {
    border-bottom-width: 2px!important;    font-size: 13px;
}
.account-statement-list .ui-tabs-panel table tr th a {
    color: #57585a;
}
.account-statement-list .ui-tabs-panel table tr td:last-child, .account-statement-list .ui-tabs-panel table tr th:last-child {
    border-right: none!important;
}
.account-statement-list .ui-tabs {
    padding: 0;
    border: none!important;
}
.account-statement-list .ui-tabs-panel table {
    width: 100%;
    position: relative;
    top: -5px;
    border: none;margin-bottom: -5px;
}
.account-statement-list .ui-tabs-panel table tr th input[type="checkbox"], .account-statement-list .ui-tabs-panel table tr td input[type="checkbox"] {
    /* display: block; */
    /* width: 20px; */
    margin: 0 auto!important;
    float: none;
}
.account-statement-list .ui-tabs-panel table tr td img {
    width: 26px;
    height: auto;
}
.account-statement-list .ui-tabs-panel table tr td span.red {
    font-weight: 600;
    color: #ee1d23;
}
    .account-statement-list .ui-tabs-panel table tr td span.p-status {
        text-transform: uppercase;
        /* font-weight: 600; */
        font-size: 15px;
        display: block;
        /* color: #757575;*/
    }
.account-statement-list .ui-tabs-panel table tr td span.p-status+ em {
    font-style: normal;
    display: block;
    text-transform: capitalize;
    font-size: 10px;
    line-height: normal;
}
.account-statement-list .ui-tabs-panel table tbody tr:nth-child(odd) {
    background: #f2f3f4;
}
.invoice-action span.btn-action input.btn.btn-primary,.invoice-action span.btn-action input.btn.btn-primary:focus,.invoice-action span.btn-action input.btn.btn-primary:visited {
    display: block;
    width: 100%;
    margin-bottom: 5px;
    background: #0095d9;
    border-radius: 0;
    border: none; font-size: 14px;
    box-shadow: none;font-weight: 600; text-shadow: none; outline: none;font-family: Arial,Helvetica,sans-serif;
}
.invoice-action span.btn-action {
    float: right;
    margin-top: 15px;
}
    .invoice-action span.btn-action input.btn:last-child {
        margin-bottom: 0;
    }
.invoice-action {
    text-align: left;
    margin-top: 5px;overflow: hidden;
}
.invoice-action p {
    color: #0095d9;
    display: inline-block;
    width: 70%;
}
.account-statement-list .ui-tabs-panel table tbody tr td {
    border-top: none!important;
    border-bottom: none!important; font-size: 14px;
}
.view-pay-invoice .account-statement .statement-table table.account-aging-summary-table tbody tr td {
    background: #ffffff;
    padding: 5px;
    border: solid 1px #676565;
}
.view-pay-invoice .account-statement .statement-table table.account-aging-summary-table tr td {
    width: auto;
    text-align: center;
    padding: 0;
}

/*make payment css start*/
.view-pay-invoice .account-statement .statement-table table.pay-summary td {
    padding: 0;
    padding-left: 0!important;
    padding-right: 0!important;
    font-size: 20px;
}
.summary-table {
    margin: 20px 0;
}
.summary-table table {
    width: 100%;
}
.summary-table table tbody tr td {
    border: solid 1px #676565;
    text-align: center;
    padding: 5px;
}
.summary-table table tr th {
    border: none;
}

.summary-table table tr .totpay-red {
    color: red;
}

.view-pay-invoice .payment-exceed-alert {
    clear:both;
    margin-bottom:10px;
    text-align:center;
}

.view-pay-invoice .payment-exceed-alert .star{
    font-size: 14px;
    float:none;
}

    .summary-table table tbody tr td input[type="number"], .summary-table table tbody tr td input[type="text"] {
        width: 70px;
        margin-left: 5px;
        box-shadow: none;
        border-radius: 0;
        background: #ffffff;
        vertical-align: inherit;
        margin-bottom: 0;
        height: 26px;
        padding-right: 4px;
        font-weight: normal;
    }
    .summary-table table tbody tr td input[type="number"]::-webkit-outer-spin-button, .summary-table table tbody tr td input[type="number"]::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
        -moz-appearance: none;
        -webkit-appearance: none;
        appearance: none;
    }
.summary-table .summary-action {
    margin-top: 5px;
    text-align: right;
}
    .summary-table .summary-action input.btn.btn-primary {
        display: inline-block;
        width: auto;
        margin-bottom: 5px;
        background: #0095d9;
        border-radius: 0;
        border: none;
        box-shadow: none;
        font-weight: normal;
        font-size: 12px;
        padding: 2px 9px;
        font-family: Roboto, "Helvetica Neue", sans-serif !important;
    }
.summary-table table tbody tr td a {
    text-decoration: underline;
}
.summary-payment-option {
    width: 700px;
    margin: auto;
    text-align: center;
    margin-top: 0px;
}.summary-payment-option h4 {
    margin-bottom: 20px;
    font-weight: normal;
    color: #6b6b6b;
    position: relative;
}
.summary-payment-option h4 span {
    background: #ffffff;
    position: relative;
    z-index: 1;
    padding: 0 10px;
}
.summary-payment-option h4:after {
    position: absolute;
    content: '';
    height: 1px;
    background: #6b6b6b;
    width: 100%;
    left: 0;
    top: 50%;
    z-index: 0;
}
.summary-payment-option .paymentOpt {
    width: 100%;
    border: none;
    border-radius: 0;
    text-align: center;text-align-last: center;
     outline: none;
}
    .summary-payment-option .paymentOpt h5 {
        background: url(/resources/images/select-arrow-blue.png) no-repeat 98% 50% #e7e7e8;
        font-size: 23px;
        border: none;
        padding: 14px;
        font-weight: normal;
        cursor: pointer;
    }
div#divPaymentDetails.Invoice-payment-details, .Invoice-payment-details {
    overflow: hidden;
    width: 710px;
    margin: auto;
    margin-top: 20px;
}
    div#divPaymentDetails.Invoice-payment-details .bt-border, .Invoice-payment-details .bt-border {
        padding: 5px 0;
        border-bottom: solid 1px #f1f1f1;
        margin-bottom: 0px;
        padding-top: 10px;
        padding-bottom: 10px;
        border-bottom: 1px solid #cccccc;
        overflow: hidden;
    }
        div#divPaymentDetails.Invoice-payment-details .bt-border label, .Invoice-payment-details .bt-border label {
            display: inline-block;
            width: 190px;
            text-align: right;
            margin-right: 20px;
            vertical-align: top;
            margin-top: 6px;
            font-weight: normal;
        }
        div#divPaymentDetails.Invoice-payment-details .bt-border input[type="text"], .Invoice-payment-details .bt-border input[type="text"], div#divPaymentDetails.Invoice-payment-details .bt-border input[type="password"], .Invoice-payment-details .bt-border input[type="password"] {
            background-color: #f7f7f7;
            height: 32px;
        }
        div#divPaymentDetails.Invoice-payment-details .bt-border.bt-border-table .tbl-cell input[type="text"], .Invoice-payment-details .bt-border.bt-border-table .tbl-cell input[type="text"], div#divPaymentDetails.Invoice-payment-details .bt-border.bt-border-table .tbl-cell input[type="password"], .Invoice-payment-details .bt-border.bt-border-table .tbl-cell input[type="password"] {
            width: 100%;
            margin-bottom: 0
        }
        div#divPaymentDetails.Invoice-payment-details .bt-border .col-4 select {
            width: auto;
            margin-bottom: 0px;
            height: 32px;
            vertical-align: middle;
        }
        div#divPaymentDetails.Invoice-payment-details .bt-border .col-4 {
            display: inline-block;
            margin-left: 10px;
        }
        div#divPaymentDetails.Invoice-payment-details .bt-border textarea, .Invoice-payment-details .bt-border textarea {
            width: 480px;
            margin-bottom: 5px;
            background: #f7f7f7;
        }
        div#divPaymentDetails.Invoice-payment-details .bt-border.action-bar, .Invoice-payment-details .bt-border.action-bar {
            background: none;
            border-bottom: none;
            margin-top: 0;
            padding-left: 10px;
            padding-bottom: 10px;
        }
            div#divPaymentDetails.Invoice-payment-details .bt-border.action-bar input.button2.submit_button_green, .Invoice-payment-details .bt-border.action-bar input.button2.submit_button_green {
                margin-bottom: 0;
            }
        div#divPaymentDetails.Invoice-payment-details .bt-border.bt-border-table, .Invoice-payment-details .bt-border.bt-border-table {
            display: table;
            width: 100%;
            padding-bottom: 10px;
        }
            div#divPaymentDetails.Invoice-payment-details .bt-border.bt-border-table .tbl-cell, .Invoice-payment-details .bt-border.bt-border-table .tbl-cell {
                display: table-cell;
                padding: 0 10px;
            }
                div#divPaymentDetails.Invoice-payment-details .bt-border.bt-border-table .tbl-cell label, .Invoice-payment-details .bt-border.bt-border-table .tbl-cell label {
                    display: block;
                    text-align: left;
                    margin-top: 0;
                }
        div#divPaymentDetails.Invoice-payment-details .bt-border:not(.bt-border-table) label, .Invoice-payment-details .bt-border:not(.bt-border-table) label {
            width: auto;
            padding-left: 10px;
        }
        div#divPaymentDetails.Invoice-payment-details .bt-border:not(.bt-border-table) textarea, .Invoice-payment-details .bt-border:not(.bt-border-table) textarea {
            width: 81%;
            margin-bottom: 0;
        }
        div#divPaymentDetails.Invoice-payment-details .bt-border input[type="password"], .Invoice-payment-details .bt-border input[type="password"] {
            width: 80px;
            margin-bottom: 0px;
        }
        div#divPaymentDetails.Invoice-payment-details .bt-border.action-bar input.button2.btn-primary, .Invoice-payment-details .bt-border.action-bar input.button2.btn-primary {
            background: #0095d9;
            border-radius: 0;
            text-shadow: none;
            font-weight: 600;
            min-width: 100px;
            padding: 9px;
            font-size: 16px;
        }
h2.md-title.ng-binding {
    color: #ffffff;
    font-weight: 600;
    padding-bottom: 4px;
    margin-top: 5px;
}
a,button,select{outline:none!important}
div#divloader.custom-loader.loading .loading2 {
    background: #fff url(/resources/images/spinner.gif) no-repeat center 11px;
    padding: 0px;
    z-index: 1000;
    font-size: 18px;
    line-height: normal;
    padding-top: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 6px solid #231a0f;
    padding: 20px;
}
div#divloader.custom-loader.loading {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 38%);
    z-index: 100;
    border: none;
    padding: 0;
}
.custom-radio-btn input[type="radio"] {
    position: absolute;
    display: none;
}
.custom-radio-btn label {
    background: #e7e7e8 url(/resources/images/blue-arrow-down.png) no-repeat 94%;
    display: block;
    margin-left: 5px;
    padding: 10px;
    text-align: left;
    font-weight: 500;
    font-size: 19px;
    margin-right: 5px;
}
span.addmore-email {
    position: absolute;
    top: 10px;
    right: 0;
}
    span.addmore-email a {
        text-decoration: none;
        background: #0095d9;
        color: #ffffff;
        display: inline-block;
        width: 30px;
        font-size: 22px;
        height: 30px;
        text-align: center;
    }
.thanks-box.custom-thanks-box span {
    display: block;
    margin-bottom: 5px;
}
.thanks-box.custom-thanks-box h4 {
    font-weight: 600;
    font-size: 22px;
}
.thanks-box.custom-thanks-box a {
    display: inline-block;
    background: #0095da;
    color: #ffffff;
    padding: 6px 12px;
    font-weight: 600;
    text-decoration: none;
    margin-bottom: 10px;
    margin-top: 5px;
}
.custom-content-loader.loading-img{margin-left: 0px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(51 51 51 / 75%);}
/**View & Pay Invoices popup css end**/

@media all and (min-width: 800px) {
  .flex-flow-box    { flex: 2 0px; }
  .flex-flow-box    { order: 2; }
}
.innerpage-boxsty {background:#FFF; padding:10px}


.item_table {
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
}
.item_table td {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #ccc -moz-use-text-color -moz-use-text-color #ccc;
    border-image: none;
    border-style: solid none none solid;
    border-width: 1px 0 0 1px;
    padding:5px;
}
.head {
    background-color: #e9e9e9;
    font-weight: 800;
}
.containerbox {background:#FFF; margin:0 auto; border-bottom:1px solid #606060; border-left:1px solid #606060;border-right:1px solid #606060;}

.containerbox h2 {
    background-color: #606060;
    border-bottom: 4px solid #96cd34;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    margin: 0;
    padding: 9px; text-transform:uppercase;
}
.heading-styleft {border-bottom:#CCC dashed 1px; font-size:18px;  color: #9acd34;
    line-height: 25px; padding: 2px 0 2px 10px;}
.box-sty-inner {
    border-bottom: 1px dashed #ccc;
    clear: both;
    float: left;
    margin-bottom: 10px;
    padding-bottom: 8px;
    width: 100%;
}
.bd-text { font-size:15px; color:#000; font-weight:bold;}



.containerbox .rghtbox-inner {
     float: right;
     font-family: 'Roboto Condensed',sans-serif;
     padding: 7px;
     width: 48.5%;
     min-height:520px;
}

.containerbox .leftboxsty {
     border-right:1px solid #606060;
     float: left;
     font-family: 'Roboto Condensed',sans-serif;
     min-height:520px;
     padding: 7px;
     width: 48.5%;
}


.uploader-media-server-urls img {   border: 4px solid #fff;
     margin: 5px 0;
     outline: 1px solid #ccc;}
     
     hr.style-one { border: 0; height: 1px; background: #ccc;
background-image: -webkit-linear-gradient(left, #ccc, #7b7b7b, #ccc);
background-image: -moz-linear-gradient(left, #ccc, #7b7b7b, #ccc);
background-image: -ms-linear-gradient(left, #ccc, #7b7b7b, #ccc);
background-image: -o-linear-gradient(left, #ccc, #7b7b7b, #ccc); margin:3px !important;}

hr.last {background: none repeat scroll 0 0 transparent !important;}

 .linksty-col { border-bottom: 1px solid #fff;
border-right: 2px solid #fff;
color: #fff;
font-size: 14px;
padding-right: 2px;
text-transform: uppercase;}

.topbutt-sty { background: url(/resources/images/new.png) no-repeat center top;   display:block; height:45px; text-align:center; }


.topbutt-sty span {
    background: none repeat scroll 0 0 #808080;
    color: #fff;
    display: inline-block;
    font-size: 28px;
    font-weight: bold;
    line-height: 32px;
    padding: 2px 8px;
    text-transform: uppercase;
}


.transparent {
    /* Required for IE 5, 6, 7 */
    /* ...or something to trigger hasLayout, like zoom: 1; */
 
        
    /* Theoretically for IE 8 & 9 (more valid) */    
    /* ...but not required as filter works too */
    /* should come BEFORE filter */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    
    /* This works in IE 8 & 9 too */
    /* ... but also 5, 6, 7 */
    filter: alpha(opacity=50);
    
    /* Older than Firefox 0.9 */
    -moz-opacity:0.5;
    
    /* Safari 1.x (pre WebKit!) */
    -khtml-opacity: 0.5;
    
    /* Modern!
    /* Firefox 0.9+, Safari 2?, Chrome any?
    /* Opera 9+, IE 9+ */
    opacity: 0.5;
}

.filetype-default{background:transparent url(/resources/images/file-icon.png) no-repeat scroll 0 0;margin:0px 0px 0px 3px;padding:0px 0px 2px 22px;}
.filetype-image{background:transparent url(/resources/images/photos.png) no-repeat scroll 0 0;margin:0px 0px 0px 3px;padding:0px 0px 2px 22px;}
.filetype-pdf{background:transparent url(/resources/images/pdf_icon.gif) no-repeat scroll 0 0;margin:0px 0px 0px 3px;padding:0px 0px 2px 22px;}
.filetype-doc{background:transparent url(/resources/images/doc-icon.png) no-repeat scroll 0 0;margin:0px 0px 0px 3px;padding:0px 0px 2px 22px;}
.filetype-xls{background:transparent url(/resources/images/excel.png) no-repeat scroll 0 0;margin:0px 0px 0px 3px;padding:0px 0px 2px 22px;}
.filetype-ppt{background:transparent url(/resources/images/ppt.png) no-repeat scroll 0 0;margin:0px 0px 0px 3px;padding:0px 0px 2px 22px;}
.filetype-zip{background:transparent url(/resources/images/page_white_compressed.png) no-repeat scroll 0 0;margin:0px 0px 0px 3px;padding:0px 0px 2px 22px;}

.filetype-code{background:transparent url(/resources/images/page_white_code.png) no-repeat scroll 0 0;margin:0px 0px 0px 3px;padding:0px 0px 2px 22px;}
.filetype-database{background:transparent url(/resources/images/database.png) no-repeat scroll 0 0;margin:0px 0px 0px 3px;padding:0px 0px 2px 22px;}
.filetype-flash{background:transparent url(/resources/images/page_white_flash.png) no-repeat scroll 0 0;margin:0px 0px 0px 3px;padding:0px 0px 2px 22px;}
.filetype-video{background:transparent url(/resources/images/television.png) no-repeat scroll 0 0;margin:0px 0px 0px 3px;padding:0px 0px 2px 22px;}
.filetype-css{background:transparent url(/resources/images/css.png) no-repeat scroll 0 0;margin:0px 0px 0px 3px;padding:0px 0px 2px 22px;}
.filetype-html{background:transparent url(/resources/images/html.png) no-repeat scroll 0 0;margin:0px 0px 0px 3px;padding:0px 0px 2px 22px;}
.filetype-php{background:transparent url(/resources/images/page_white_php.png) no-repeat scroll 0 0;margin:0px 0px 0px 3px;padding:0px 0px 2px 22px;}
.filetype-visualstudio{background:transparent url(/resources/images/page_white_visualstudio.png) no-repeat scroll 0 0;margin:0px 0px 0px 3px;padding:0px 0px 2px 22px;}
.filetype-csharp{background:transparent url(/resources/images/page_white_csharp.png) no-repeat scroll 0 0;margin:0px 0px 0px 3px;padding:0px 0px 2px 22px;}
.filetype-jscript{background:transparent url(/resources/images/script_code.png) no-repeat scroll 0 0;margin:0px 0px 0px 3px;padding:0px 0px 2px 22px;}

.green-border { border-bottom: 4px solid #2a7ef2;}
.green-border_last {border:none;}


/* new */

.testimonials{
	display:block;
	padding:15px;
	background-color:#6699ff;
	color:#fff;
	margin:10px 10px 0px 10px;
	border-radius:5px;
	text-align:left;
}

.progress{
	background:#666666;
	/*background-image:url(/resources/images/progress-bg.png);*/
	background-position:right center;
	background-repeat:no-repeat;
	border-radius:0px;
    margin-bottom:0px;
}

.viewmore-button {
    background: none repeat scroll 0 0 transparent;
    border: 1px solid #ffffff;
    color: #fff;
    display: block;
    float: right;
    font-size: 12px;
    font-weight: bold;
    margin: 6px 1% 0 0;
    padding: 2px 10px;
    position: relative;
   
    text-align: right !important;
    text-decoration: none;
    
    width: 64px;
    z-index: 100032;
}
.viewmore-button:hover {background : #052a5e;}
.top-nav {  margin:0; display:table;float: left}
.top-nav ul, li{ margin:0 !important; padding:0; list-style:none;}

.top-nav li {
    background: none repeat scroll 0 0 #8f9192;
    border-bottom: 3px solid #b3cf3e;
    float: left;
    text-align: center;
    text-transform: uppercase;
   
}
.top-nav li a{ color: #fff;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    width:194px;
    height: 38px;
    line-height: 38px;
    padding: 9px 3px 5px;
    float: left;  
       
   }
.top-nav li a.active {background:#b3cf3e;}
.top-nav li a:hover{ background:#b3cf3e; }
.lft-box{ color:#949599; text-transform:uppercase; text-align:}
.lft-box h1{font-size:23px; margin: 0 0 20px; padding: 5px 10px; font-weight: bold; padding:0; line-height:20px;}
.lft-box h2{font-size:18px; font-weight: bold; margin:0; padding:0; line-height:22px;}
.small-text {
    float: left;
    font-size: 11px;
}
.gary-bg { color:#FFF; font-size:25px; font-weight:bold; background:#8f9192;}
.green-bg{ background:#b3cf3e;  color:#000;  text-align:center; padding:4px 0px;}
.lft-innerbox td{ border:#000 solid 1px; border-left:none; font-size:9px; color:#000; padding:2px 2px 2px 10px;}
.lft-innerbox td P{ margin: 0; padding:0; font-size:11px; }
.rgt-box{ padding-left:1.5%; color:#949599; font-size:12px; }
.rgt-box .gre-col{ background:#b3cf3e; color:#FFF; font-size:14px; padding:3px 12px 12px;}
.rgt-box .gre-col h2{ font-size:22px; margin:0; padding:0;background:none;border-bottom: none;}
.rgt-box .gre-col h2 span{ font-size:12px; margin-left:2%; height:30px; line-height:18px;}
.rgt-box .viewbox{ float:left; margin-bottom:3px; margin-right:2%;}
.rgt-box .viewbox h3 {  color: #949599;font-size:15px; font-weight:bold; padding:0 0 5px; margin:0; line-height:9px; text-transform:none;}
.rgt-box .viewbox p{ margin:0; background:#b3cf3e; padding:5px; color:#FFF; font-size:18px; font-weight:bold; text-align:center;}
.rgt-box .viewbox p a{ color:#FFF; text-decoration:none;}
.rgt-box .viewbox p a:hover{ opacity:0.7;}
.rgt-box .viewbox p.bigtext{ font-size:32px !important;}
.rgt-box .viewbox p.total{ background:#FFF !important; color:#b3cf3e !important; border:#000 solid 1px;font-size:24px !important;}

.bx-wrapper-stybox .bx-wrapper{ background:#fff !important;}
.bx-wrapper-stybox .bx-viewport { background:#fff !important;}

.lft-box h1 a {color: #949599;}
.lft-box h1 a:hover {color: #949599;}

.fulldiv{ width:100%; float: left; margin:10px 0;}
.white-box {
    float: none;
    margin: 5px auto 0;
    text-align: left;
    width: 80%;
}
.white-box input {
    border: medium none;
    color: #000;
    display: block;
    float: left;
    font-size: 12px;
    margin: 0 4%;
    padding: 1px 5px;
    width: 23%;
	height:16px;
}
.white-box img{ margin-top:3px;}

.proof-img a {border:1px solid #e7e7e5;
    display: inline-block;
    height: auto;
    margin-right: 1%;
    padding: 5px;
    text-decoration: none;
        background-color:#fff !important;
    border-radius:4px;
}
    
.testimonials.app {
    background-color:#82c815 !important;
    border-radius: 5px;
    color: #fff;
    display: block;
    margin: 10px;
    padding: 12px;
    text-align: left;
	font-size:15px;
	background-image:url(/resources/images/approve-sign.png);
	background-position: right 5px top 15px;
    background-repeat: no-repeat;
    background-size: 5%;
	
}

.testimonials-app span img {width:100%;}
.post-date strong{ font-size:20px;}
.post-date {
    height: auto;
    margin-top: 0;
    padding:5%;
    text-align: left;
}
.button {
  display: inline-block;
   font-size:13px;
	font-weight:bold;
      position: relative;
      background-color:#9acd34;
      color:#000;
      text-decoration: none;
     text-transform: uppercase;
     border:1px solid #9acd34;
     border-radius: 5px;
     cursor:pointer;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -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);
    height:37px;
    line-height:39px;
    margin-top:10px;
    padding:0 16px;
    width: 145px !important;
}
.button:hover { opacity:0.8  }
.button input {
    background-color: transparent;
    border: medium none;
    padding: 10px;
    text-transform: uppercase;
}
.button span {
  position: absolute;
  left: 0;
  text-align: center;
  width: 39px;
  background-color:#78a915;
  -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);
}

.button:hover span, .button.active span {
  background-color:#a0da2b;
  border-right: 1px solid  rgba(0,0,0,0.3);
}

.button:active {
  -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);
}
.button-box {
float: right;
padding-left: 14%;
margin-top: -20px;
}
.testimonials-app span.rht-img3 {
    border: 8px solid #fff;
    border-radius: 50%;
    float: right;
    height: 35px;
    margin: -17px 20% 0 0;
    position: absolute;
    right: 0;
    width: 35px;
}
.pull-rgt {
float: right;
}
.pull-lft {
    float: left;
    padding: 0;
    width:56%;
}

.p-box a{ color: #afff10;}

.viewmore {
    background: none repeat scroll 0 0 transparent;
    color: #afff10;
}
.viewmore:hover {color : #052a5e;}
/*-------------------------ADD NEW CSS ---------------------------*/

.btn-file {
    background: #58585a none repeat scroll 0 0;
    overflow: hidden;
    position: relative;
}
.btn-file input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  font-size: 100px;
  text-align: right;
  filter: alpha(opacity=0);
  opacity: 0;
  background: red;
  cursor: inherit;
  display: block;
  
}
.btn-browse .btn {margin-top:2px; padding:4px 12px !important;}
/* Basic Grey */

.basic-grey input[type="text"], .basic-grey input[type="email"], .basic-grey textarea {
    border: 1px solid #DADADA;
    color: #888;
    height:24px;
    margin:0 0 9px;
    outline: 0 none;
    padding: 2px 2px 2px 5px;
    width:85%;
    font-size: 12px;
    line-height:15px;
	background:#FFF;
}

.textbox3{line-height:31px;padding-bottom: 10px;}
.textbox3 input { float: right;
   margin: 0 15px 0 0 !important;
    width: 74.5% !important;
}
.textbox2 {line-height:31px;padding-bottom: 10px;}
.textbox2 input {float: right;  width: 76.5% !important; margin:0 !important;}
.basic-grey textarea{padding: 5px 3px 3px 5px;}
.basic-grey textarea{  height:100px;}
.form-control{ width:25% !important;}
.basic-grey  h4{ background:#58585a; padding:9px 10px; border-bottom:#94c83d 2px solid; color:#FFF; font-size:16px; text-align:left; text-transform:uppercase; margin:20px 0 15px; font-family: "Roboto Condensed",sans-serif; font-weight: 400;}
.btn-browse h4 span{ font-size:14px; margin-left:8px; margin-top:-5px;}
.reply {margin: 20px 0;  padding: 0;}
.issue-title { font-size:25px !important; margin-bottom:15px;padding-bottom:10px;}
.action {font-size:25px; color:#9acd34; margin:5px 0; width:100%; float:left;}
.permalink, .permalink a{color:#777}
.history-user-input p { font-size: 18px;  font-weight: 300;  line-height: 22px; margin: 5px 0;}
.history-user-input { border-bottom:#f3f2f2 solid 1px;width: 100%; float: left; padding-bottom:10px; margin-bottom:22px;}
.history-user-input .file-icon img{ margin:8px 8px 0 0;}
.submit-btn{ background-color: #9acd34;color: #fff;  display: inline-block; font-size: 17px; font-weight: 900; line-height: 20px;  padding: 10px;  text-align: center; width: 100px;border:none;margin-left:11px;}
.submit-btn:hover{ opacity:0.9}
.leftcol { color:#FFF;background:#b2b2b2; float:left; margin:10px 20px 10px 10px; border-top:1px solid; width:28%;}
.leftcol h1 { background: #58585a none repeat scroll 0 0;   border-bottom: 2px solid #94c83d;  color: #fff;font-size:19px; margin:0 0 20px; padding:2px 10px;  text-align: left;  text-transform: uppercase;}
.leftcol .img-top {margin-top:-14px; }
.leftcol .formSty{ font-size:12px; line-height:18px;}
.leftcol .formSty td input{ width:100%; padding:2px 2px 2px 5px;}
.leftcol .formSty td select{ width:108% !important;}
.rightcol { color:#FFF; background:#b2b2b2; float:left; margin:10px; width:67%;}
.rightcol  h1 { background: #58585a none repeat scroll 0 0;   border-bottom: 2px solid #94c83d;  color: #fff;font-size:19px; margin:0; padding:2px 10px;  text-align: left;  text-transform: uppercase;}
.contentdiv{ width:94%; padding:3%;}
.link-btn{ background-color: #9acd34;color: #fff; font-size:14px; font-weight: 900; line-height: 20px;  padding:5px;  text-align: center;border:none;margin:5px 0;}
.link-btn:hover{color: #fff; opacity:0.8}
.rightcol td img{ margin:0 50px 35px 0;}
.rightcol td img:last-child { margin-right:0 !important;}
.rightcol H3 { font-size:20PX; text-align:center; margin:0 0 10px;}
.bg-textbox {
    background: #58585a none repeat scroll 0 0;
    border-bottom: 2px solid #94c83d;
    color: #fff;
    font-size: 14px;
    margin: 20px auto 10px;
    padding: 1%;
    text-align: left;
    text-transform: uppercase;
    width: 98%;
}
.basic-grey h3 {
    background: #58585a none repeat scroll 0 0;
    color: #fff;
    font-size: 16px;
    padding:0px 10px;
    text-align: left;
    text-transform: uppercase;
}
.basic-grey td .leftmargin { margin-left:5px;}
.description-height .mceLayout {max-height:200px !important;}
.description-height iframe {max-height:200px !important;}
.col-lg-9 { width:70%; float:left;}
.col-lg-3 {
width:30%;float:left;}

/*----------------Home CSS Code -----------------------*/

.blue_box {background-color: #00a2da; height: 160px;  margin-bottom: 20px;}
.testimonialslider .bx-viewport { margin: 0 49px; overflow: hidden;  position: relative;  width: 87% !important;}
#testimonialslider li { border-right: 2px solid #5abde6; line-height: 17px !important; padding-left: 0;  width: 302px !important;}
.testimonial_box { color: #fff;  display: block;  float: left; font-size: 12px; height: 136px; margin: 12px; width: 271px;}
.testimonial_box .p-box { display: block; float: left; font-size: 13px; height: auto; width:96%;}
.star {  color: #ff0000; float: left; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 12px;}
.testimonial_box p {display: block;font-size: 14px;}

.testimonialslider .bx-controls-direction .bx-prev {
    background: rgba(0, 0, 0, 0) url("/resources/images/left_arrow.png") no-repeat scroll 0 0;
    height: 77px;
    width: 16px;
}
.testimonialslider .bx-controls-direction .bx-next {
    background: rgba(0, 0, 0, 0) url("/resources/images/right_arrow.png") no-repeat scroll 0 0;
    height: 77px;
    width: 16px;
}

.viewmore-button-1:hover {
  color:#bdf253;
}
.viewmore-button-1 {
    color: #fff;
    display: block;
    float: left;
    font-size: 15px;
    margin: 118px 0 0 15px;
    padding: 2px 0px;
    position: relative;
    text-align: right !important;
    text-decoration: none;
    z-index: 100032;
}
.testimonial_box .leftbox{ float:left; width:28%; margin-right:4%}
.testimonial_box .leftbox img{ width:83%;height: auto;}
.testimonial_box .rightbox{ float:left; width:66%;}
.testimonial_box .rightbox .heading{ font-size:13px;}
.light-green {color: #96c225;   font-size: 18px;}
.grey-text td {color: #86807e; font-size: 15px;  line-height: 17px;}
.grey-text td .hline2 {padding:10px 0 10px !important;}
.img-margin a img { margin-right: 8px;}
.arrow-button {
    background: #96c225 none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    display: inline-block;
    height: 64px;
    line-height: 38px;
    margin-top: 4px;
    position: relative;
    text-decoration: none;
    width: 90.8px;
    z-index: 5;
}
.arrow-button::before {
    background: #96c225 none repeat scroll 0 0;
    border: medium none;
    content: "";
    display: block;
    height: 46px;
    left: 68px;
    position: absolute;
    top: 9px;
    transform: rotate(45deg);
    width: 46px;
    z-index: 0;
}
.arrow-button button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    font-size:16px !important;
    height: 60px;
    position: relative;
    width: 105px;
}
.arrow-button:hover {opacity: 0.9;}
.img-margin a:hover img {opacity: 0.8;}
.biggrey-text {font-size: 19px !important;}
.lightgreen-link {color: #67b40a; font-size: 14px; text-decoration: underline !important;}
.lightgreen-link:hover {color: #87b118;}
.grey_button { color: #86807e; font-size: 17px;}
.grey_button:hover { color: #96c225;}
.red-text {color: Red; display: inline; margin:0 !important}
.basic-grey select {height: 30px;  line-height: 25px;  margin-top: 5px;   width: 30% ;}
.big-text{ font-size:17px;}
.solid-lineborder{ border-bottom:1px solid #999;}
.required-field2 {float: left;line-height: 21px; margin: 0 0 0 104px; width: 100%;}
.required-field { float: left;   line-height: 21px;   margin: 0 0 0 99px;  width: 100%;}


/*----------Daily Deals CSS-------------------*/

.dailydeal-box { padding:10px 10px 5px 12px; border-bottom:#a8cf45 solid 4px;}
.dailydeal-box a { border-right:1.5px solid #a8cf45; padding: 0 19px;  float: left;}
.dailydeal-box a:last-child { border:none}
.pirit-deal img { border-left:2px solid #5acce9; border-right:2px solid #5acce9; padding:5px 10px}
.dailydeal-leftcol { float: left;  position: relative; width: 100%; min-height:420px;}
.dailydeal-leftbox { float: left;  position: relative; width: 100%; min-height:420px; }


.dailydeal-leftcol ul {
    list-style: outside none none;
    margin: 10px 0;
    padding: 0;
    width: 70%;
}
.dailydeal-leftcol ul.firtbox li {
    background: #7f7f7f none repeat scroll 0 0;
    color: #fff;
    height: 180px;
    margin: 0 auto 10px;
    overflow: hidden;
    padding: 5px;
    text-align: center;
    width: 90%;
}

.dailydeal-leftcol ul.secondbox li:first-child {
    display: inline-block !important;
    margin: 0 2% 10px 0 !important;
}
.dailydeal-leftcol ul .ng-binding {
    background: #fff none repeat scroll 0 0;
    color: #000;
    display: block;
    height: 17px;
    margin: 0 auto 6px;
    padding: 5px;
    display:inline-block;
    width:96px;
}
.emp_thumb img{ width:100%; height:auto;}

.dailydeal-leftcol ul.firtbox li img {  max-height: 100%; max-width: 100%;}
.secondbox li { display: inline-block; height:130px !important; margin: 0 2% 10px !important; width: 35% !important;}
.secondbox li:first-child { display: block !important; margin: 0 auto 10px !important;}
.secondbox { text-align:center;}
.multibox li { display: inline-block; height: 109px !important; margin: 0 2% 10px !important; width: 35% !important;}
.multibox { text-align:center;}
.right-imgbox { bottom: 0;  margin:0;  position:absolute; right:0;}
.dailydeal-leftcol hr {border-color:#ccc; width:67%;}

.bg-height{ height:90px}
.bg-height a { float:left; display:block;}
@media screen and (-webkit-min-device-pixel-ratio:0) { 
 .bg-height{ height:90px}
 .collection-box .inner-box ul li .btn-green { margin-top:12px !important;}
 .vertical-track{margin-top:44px; margin-left: -6px;}
 .vertical-track{margin-top: 51px;}
 .collection-box .inner-box ul li {width:140.3px !important}
}
/*---------------Garment Details CSS----------------*/
.bottomRight-border { border-bottom:#7b7a7a 1px solid; border-right:#7b7a7a 1px solid; line-height: 34px; margin-bottom:8px;}
.big-text{ font-size:20px; line-height:31px;}
.item-box{ width:100%; float:left;}
.garment-box { background: rgba(0, 0, 0, 0) url("/resources/images/search-greenimg.png") no-repeat scroll center top ;    text-indent: 7px;  width: 174px;   height: 29px;  line-height: 29px;  background-size: 100%;}
.item-box li {  display: inline-block; margin: 0 2px 5px 0; width:72px;}
.gray-detailbox{ color:#FFF; font-size:21px; font-weight:bold; line-height:22px;}
.gray-detailbox span{  line-height: 17px; font-size:14px; font-weight:normal; display:inline-block;}
.get-btn {
    background: #94c93d none repeat scroll 0 0;
    border-radius: 5px;
    color: #fff;
	line-height: 19px;
    font-size:20px;
    font-weight: 900;
    margin: 0 4px 0 0;
     padding: 7px 12px 6.5px;
	 text-align: left;
	 width: 98px;
    text-transform: uppercase;
}
.get-btn:hover{ opacity: 0.9;color: #FFF;}
.row-tenitem li {  display: inline-block; margin: 0 1px 5px 0 !important; width:56px !important;}
.tl-box { font-weight:500;  background: rgba(0, 0, 0, 0) url("/resources/images/heading-bg.png") no-repeat scroll center top; color: #fff; float: right; font-size: 25px;height:44px; line-height:44px; margin:0 -17px 2px; padding: 3px; position: relative; text-align: center; width: 250px;}
.modalprogress {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) url('/resources/images/bx_loader.gif')   50% 50%  no-repeat;
}
/* When the body has the loading class, we turn the scrollbar off with overflow:hidden */

body.loadingPopup {overflow: hidden;  }
/* Anytime the body has the loading class, our modal element will be visible */
body.loadingPopup .modalprogress {display: block;}

/*----------GARMENT GALLERY CSS-------------------*/

.first-box {width:98%; margin:0 auto 20px 2%;   text-align: center;}
.first-box .item-col {  background: #7c7b7b none repeat scroll 0 0; border-bottom: 4px solid #7c7b7b; display: inline-block;  height:221px; margin: 0 7% 35px 0; padding: 1px; width: 170px;}
.first-box .item-col:nth-child(3n){ margin: 0 0 35px 0 ;}
.first-box .img-box {  background: #fff none repeat scroll 0 0; border-bottom: 1px solid #7c7b7b; text-align: center; width: 96%;}
.first-box .green-btn { background: rgba(0, 0, 0, 0) url("/resources/images/heading-bg.png") no-repeat scroll center top; color: #fff; display: block; font-size: 19px; height: 23px; line-height: 29px;  margin: -1px 0 0 -6px;  padding: 8px 0; position: absolute;  text-align: center;  width: 182px;}
.first-box .green-btn:hover{ opacity:0.9}
.four-box .item-col { margin: 0 9px 10px 0 !important;}
.four-box .item-col:nth-child(4n){ margin:0 0 10px !important;}
.two-box .item-col {margin:0 10% 45px 0 !important;}
.greenbox-bg {   background: rgba(0, 0, 0, 0) url("/resources/images/search-greenimg.png") no-repeat scroll center top ; background-size:100% auto; color: #333; float: right;font-size: 12px; height:33px; margin:7px -6px 0; padding: 3px; position: relative;   text-align: left;  text-indent: 13px;  width:182px; line-height: 27px;}
.text12 { font-size: 13px; line-height: 17px;}


/*---------------FILTER CSS----------------*/

.text10 { color: #cfcccc; font-size: 11px;  line-height: 14px; padding-left: 9px; text-transform: uppercase;}
.left-searchbox {color:#bab7b7; font-size: 11px; padding: 8px 8px 10px; }
.left-searchbox .search { margin: 4px 0 0;}
.search-radiobox{  color:#d2d0cf; font-size:14px;margin-top: 7px;}
.filterbox ul{ margin:5px 0 0; padding:0 0 5px; list-style:none; border-bottom:#7b7a7a solid 8px;}
.filterbox ul li {  border-bottom: 1px solid #d2d0cf; border-right: 1px solid #d2d0cf; color: #fff; font-size: 14px; font-weight: normal; margin: 0 5% 9px; text-transform: uppercase; width: 90%;  line-height: 15px;}
.filterbox ul li input[type="radio"]{ float:left; margin-right:10px;}
.filterbox ul li input[type="checkbox"] { float: left; margin-right: 6px !important; margin-top: 6px !important; display:inline-block;}


.collection-box{ width:97%; margin:0 auto; float:right; }
.collection-box .inner-box { background:url('/resources/images/cl-bg.jpg') repeat-x top left; background-color: #d1d3d4; width:100%; float:left; margin-bottom:20px;height:275px;}
.collection-box .inner-box .heading {z-index: 1000;  background: #94c93d none repeat scroll 0 0;  color: #fff;  display: inline-block; float: left; font-size: 30px; font-weight: normal; left: -125px; margin: 0; max-height: 100%;padding: 10px; position: relative; top: 125px;transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); position:relative; top:50px;left: -13px; display:inline-block; width: 269px;}
.collection-box .inner-box .heading {z-index: 1000; background: #94c93d none repeat scroll 0 0; color: #fff; display: inline-block;float: left; font-size: 30px; font-weight: normal; left: -117px;  margin: 0; max-height: 100%;  padding: 10px;  position: relative;  top:118px; transform: rotate(-90deg); width: 254px;}
.collection-box .inner-box ul { float:left; list-style: outside none none;margin:-22px 0 0; padding: 0; width:100%;}
.collection-box .inner-box ul li {float:left;height: 210px; background: #fff none repeat scroll 0 0;  border-color: #7b7a7a; border-style: solid;border-width: 1px 5px 29px 1px; margin: 0 5.2px 14px 0 !important; padding: 3px 3px 0;  position: relative; text-align: center;  width:140px !important; z-index: 1000;}
.collection-box .inner-box ul li .greenbox { background: rgba(0, 0, 0, 0) url("/resources/images/cl-search.png") no-repeat scroll center top; background-size:100%; color: #333; float: right;font-size: 10px; line-height: 26px; margin: -5px -11px 0; padding: 3px; position: relative;  text-align: left; text-indent: 7px;  width: 118px;}
.collection-box .inner-box ul li p { position:relative; float: left;font-size: 11px; font-weight: 500; line-height: 15px; width: 100%; margin:0; max-height:32px; overflow: hidden; min-height:auto !important}
.collection-box .inner-box ul li img {height: 130px; margin: 1px auto 0; width: 122px;}
.collection-box .inner-box ul li .sizetext {overflow: hidden;min-width: 88px; background:#808285; padding:0 4px 1px; color:#FFF; font-size:10px; margin:2px 0 -9px; display:inline-block;  height: 20px; line-height: 23px;}
.collection-box .inner-box ul li .btn-green { background: #94c93d none repeat scroll 0 0; border-radius: 3px; color: #fff; float: left; font-size:11px; line-height: 15px;margin:6px 2px -23px 0; padding: 2px 3px;  font-weight: bold; position: relative; text-transform: uppercase; cursor:pointer;}
.collection-box .inner-box ul li .btn-green a{ color:#FFF;}
.collection-box .inner-box ul li .btn-green:hover{ opacity:0.9;}
.marginright-None{ margin-right:-6px !important;}
.radio {cursor: pointer; display: inline-block; font-size: 13px; line-height: 11px; width: 100%;margin: 0;padding: 0}
.radio input { width: 1px; height: 1px; opacity: 0; }
.radio input:checked + .outer { border:1px solid #fff; background-color: #a6ce39; }
.radio .outer { width:8px; height:8px; display: block;float: left; margin:0 5px 0 0; border:1px solid #fff; border-radius: 50%; background-color: #939598;}
#tdGarmentImageIcon .item-box ul{margin: 0 4% ;}
.collection-col .bx-viewport ul { margin:0;}


/*---------------Garment Details CSS----------------*/
.big-photo {margin:1px 0 0 4px; padding-bottom:17px; width: 286px; display:inline-block; background:#FFF; position: relative;height:338px; text-align:center;}
.big-photo img{ max-width:214px;padding: 5px; max-height: 275px; min-height: 275px;}
.big-photo a img {height: 20px; width: 20px;min-height:20px;}
.zoom-icon { bottom:85px; position: absolute; right: 18px;}
.color-box {background: #808285 none repeat scroll 0 0; bottom: 67px;  color: #fff;  float: none; font-size:14px; left: 0; margin:10px auto;  padding:4px 12px;   position: absolute;  right: 0;  text-align: left;  width:172px;}
.fixed-box {height:60px;}
.item-box{ width:100%; float:left;min-height:218px;}
.item-box li {display: inline-block; margin:2px !important; width: auto;}
.item-box li img {height: 55px;  width: 53px; cursor:pointer;}
.row-tenitem li {display: inline-block; margin: 0 1px 5px 0 !important; width:56px !important;}
#leftslider {width:100%; background:none;}
#leftslider li {float: left; margin: 0 !important; width: 33% !important;}
.sl-box .bx-wrapper .bx-viewport { background: transparent !important;}
.sl-box .bx-viewport {height: 369px !important; min-height: 363px !important; width:248px !important;}
.sl-box .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {display: none;}
.sl-box .bx-wrapper .bx-controls-direction a {  top:25%;}
.sl-box .bx-wrapper .bx-next {right:12px; opacity: 0.5; display:none;}
.sl-box .bx-wrapper .bx-prev {left:13px; opacity: 0.5; display:none;}
.sl-box .bx-viewport ul li{ margin: 0 25px 0 -25px !important;}
.text-Upper{text-transform: uppercase;}
.text-bold{font-weight: bold;}
.tr-mrg-bottom {padding: 23px 0; display: block;float: left; width: 100%; border-bottom: 4px solid #8a8888;}
.conversations-box p {margin: 0;}
.img-border { border:1px solid #eee !important;  border-radius: 5px;  overflow: hidden; padding: 3px;}
.right-borderSty { border-right:1px #ccc solid; margin-right:5px; padding-right:5px; }
.issue-title .right-col {  margin-top: 6px; float: right; font-size: 12px; color: #000;  text-align: left; color: #666;  font-weight: normal; width:24%; margin-left:2%;}
.issue-title .left-col {float: left; width:70%; word-break:break-all;}
.issue-title .left-col h1 {color: #0093dd; font-size: 31px !important;margin:0 0 15px; }
.issue-title p {  float: left; margin: 0; width: 100%;  line-height: 31px;}
.select2{ width:165px !important;}
.margin-all { margin:10px !important;}
.thumbcol {position: absolute;right: -95px; top:0px; width:78px;}
.thumbcol .img-col {  border: 1px solid #ddd; float: left; font-size: 12px; height: 102px; margin-bottom: 4px; text-align: center; width: 76px;}
.thumbcol .img-col {    border: 1px solid #ddd;
    float: left;
    font-size: 11px;
    height: 65px;
    margin-bottom: 4px;
    text-align: center;
    width: 72px;
    cursor: pointer;}
.thumbcol .img-col img {     
    height: 37px !important;
    min-height: auto;
    width: auto !important;
    padding: 0;
    margin-top: 7px;}
.aGarment{color:#606060 !important}
.aBreadcrumb{ color:#ffffff; text-decoration:underline !important; }
.aBreadcrumb:hover {color:#ffffff !important}
.content-slider{ width:100%;}
.content-slider .bx-pager{ display:none;}
.content-slider ul li { width:21% !important}
.rotate-text { color: #707070; display: table; font-family: "Roboto",sans-serif;  font-size: 12px; font-weight: 500; margin-bottom: 0; margin-left: -19px; padding: 0;  text-transform: uppercase; transform: rotate(-90deg) !important;
 width: 53px; word-break: break-all; line-height: 13px;}
.collection-box .bx-wrapper .bx-viewport { background: transparent none repeat scroll 0 0 !important;}
.collection-box .bx-pager { display:none;}
.collection-box .bx-viewport {overflow: hidden;  position: absolute !important;}
.collection-box .bx-prev{background: rgba(0, 0, 0, 0) url("/resources/images/controls-sl-ltt.png") no-repeat scroll 0 !important; left:-36px !important;}
.collection-box .bx-next{background: rgba(0, 0, 0, 0) url("/resources/images/controls-sl-rt.png") no-repeat scroll 0 !important;right:-39px !important;}
.img-box-cl {  display: block; height: 132px;}
.collection-box .bx-wrapper .bx-controls-direction a {height: 175px !important; margin:35px 5px 0}
.collection-box  .bx-wrapper .bx-controls-direction a.disabled{  display: initial !important; opacity:0.3}
.collection-col {width:629px;margin:17px 0 0 74px;}
.broucher-col { background: #fff none repeat scroll 0 0; border: 1px solid #7b7a7a;  float: left; margin: 10px;  text-align: center; width: 135px; height:211px;}
.broucher-col .green-btn {border-radius: 0 !important; display: block; margin: 10px 0 0 !important; padding: 5px !important;}
.broucher-col .img-box{ width:97%; margin:5px auto; height:166px;}
.broucher-col .img-box img { height: auto !important;width: 126px !important;}
.li-margin-st li{ margin-left: 25px !important; width: 81% !important;}
.collection-box .searchGarment ul{  margin: 16px 10px 0 !important;} 
.big-imgbox li img { height: 61px;  width: 61px; cursor:pointer;}

.sty-select {font-size: 16px;position: relative; display: inline-block; margin-bottom: 7px;}
.sty-select select {width:175px;float: left; outline: none; -webkit-appearance: none; display: block; padding:0 3px;margin:3px 0;  transition: border-color 0.2s; border-radius: 5px; background: #fff; height: 28px; line-height: inherit;font-size: 12px;}
.sty-select .arr {background: #fff;bottom:0; position: absolute; right:1px;top:4px; width:30px; pointer-events: none; height:26px;border-radius:3px;}
.sty-select .arr:before { content: ''; position: absolute;top: 50%; right:8px; margin-top:-1px;pointer-events: none;border-top: 5px solid #a6ce39; border-left: 5px solid transparent; border-right: 5px solid transparent;}
.bottom-padding{ padding-bottom:20px;}
.search-color-box{ display: inline-block; margin:4px 0 ; width:15px !important; height:15px !important;}
.filterbox ul li label {  display: block; line-height: 25px;  margin-bottom: 0;}
.scrollbar{width:100%;height:350px;background-color:#969493;margin:0px;overflow-y:scroll;float:left;padding:10px;border:1px solid #969493;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;}#css_version::-webkit-scrollbar{width:11px;}#css_version::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);-webkit-border-radius:11px;border-radius:11px;}#css_version::-webkit-scrollbar-thumb{-webkit-border-radius:11px;border-radius:11px;background:rgba(0,0,0, 0.6);-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.5);}#css_version::-webkit-scrollbar-thumb:window-inactive{background:rgba(0,0,0,0.4);}
.scrollbox { background-color: #969493; border: 1px solid #969493; border-radius: 0 !important;  float: left; height: 350px; margin: 0; overflow-y: scroll;  padding: 0 !important;   width: 99% !important;}.vertical-track{width:11px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);-webkit-border-radius:11px;border-radius:11px;}.vertical-handle{width:11px;-webkit-border-radius:11px;border-radius:11px;background:rgba(0,0,0,0.6);-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.5);}
.radio input[type="radio"]{ float: left;  margin-left: 0;}
#divLoginPopup, #divRegister {float:left;padding:20px;}
#divLoginPopup section span, #divRegister section span{ width:100%; float:left; margin-bottom:2px;}
#divLoginPopup label span, #divRegister label span { width:auto; margin:0;}
#divAlert{ padding:0 20px 20px;}


.fancybox-garment .big-photo { width: 268px !important; height: 328px !important;}
.fancybox-garment .tl-box { margin: -5px -8px 0 !important;}
.fancybox-garment .thumbcol { right: -86px !important;}
.fancybox-garment .thumbcol .img-col {background: #ddd none repeat scroll 0 0; line-height: 22px;}
.fancybox-garment .color-box { bottom: 0; margin: 0 auto -19px;  padding: 7px 12px; width: 76%;}
.color-boxcol .color_box { margin-bottom: 17px !important; margin-right: 1.5% !important; width: 18.6% !important;}
.color-boxcol .color_box:nth-last-child(5n){ margin-right:0 !important;}
.heading-center th { text-align:center !important;}
.fancybox-garment .bg-height {height: 88px;}
.wrapper-boxsty .table_head {margin-bottom: 8px;}
.popupbox .toppadding { background:#FFF}

.printQuote{    color: #fff;
    background: #828282;
    width: auto;
    float: right;
    margin-right: 1%;
    padding: 0.2% 1% 0.2%;
    border-radius: 3px;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 0.5px;}
.printQuote:hover { background: #a8cf45;}
.print-icon{ float:none !important; background:none !important;}
@media print {
body {-webkit-print-color-adjust: exact;}
#tableShareQuote, .printQuote{ display:none;}
#aHrefBack{ display:none; visibility:hidden;}
.none-print{display:none}
span.popup-head {background:#a8cf45;color: #4b4b4d;display: block;font-size: 37px; font-weight: 900; line-height: 36px; margin: 0 auto; padding: 8px 0 0;  text-align: center; width:99%;}
span.popup-head2 {color: #fff;display: block; font-size: 24px; line-height: 26px; text-align: center;}
span.popup-black-bold {color: #4b4b4d; display: block;font-size: 25px; font-weight: 900; line-height: 31.5px; margin: 10px 0;}
span.popup-blue-small {color: #b2ecfc;display: block;font-size: 14px; line-height: 15px;}
span.popup-white-bold {color: #fff; display: block; font-size: 25px;line-height:32px; font-weight: 900;}
a {color: #ddd;}
table.blue-border {border-left: 24px #00afdc solid;padding-left:5px;border-bottom:20px #00afdc solid; width:100.1%; margin-left:-1px;}
td.toppadding{padding:0 !important;}
.fancybox-skin{border: 5px solid #606060;padding: 10px;}
a img{ width:90%}
div#divQuoteDetail{padding-right:5px;}
td.no-padding{ padding:8px 0 !important}
}
/*------------ISD PAGE CSS --------------------*/

.isd-col { color:#FFF;}
.isd-col h2 { margin:0; font-size:25px; text-transform:uppercase; font-weight:normal;}
.isd-col .white-text { color:#fff; padding:10px 0; padding:10px;}
.green-arrowbtn { font-size:16px;  color: #f1ffcb;background: #96cc36; border: none; display: inline-block; height: 28px; line-height: 28px; position: relative; text-decoration: none;width:62px; padding:2px 8px; z-index:2; margin-bottom:13px; float:right; margin-right:24px; text-align:center;}
.green-arrowbtn:before{ background: #96cc36;    border: none; content: ''; display: block;   display: block; height: 24px;  left:66px;  position: absolute;  top: 4px;-moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);  width: 24px; z-index:-1}
.isd-col input[type="text"] { margin-left: 9px; width: 200px;    border: 1px solid #a09f9f;}
.isd-col label { float:left; margin-left:27px;}
.isd-col textarea { margin: 5px 8%;width: 85%;    border: 1px solid #a09f9f;}

a.back-btn { font-size:16px; text-transform:uppercase;  color: #fff;background: #828282; border: none; display: inline-block; height: 28px; line-height: 28px; position: relative; text-decoration: none;width:67px; padding:2px 5px; z-index:2; float:left; margin-left:22px; text-align:center;}
a.back-btn:after{ background: #828282;    border: none; content: ''; display: block;   display: block; height: 24px;  left:-11px;  position: absolute;  top: 4px;-moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);  width: 24px; z-index:-1}
.isd-col .full-sty { width:98% !important; margin:0 0 3px !important; min-height:150px;}
.biggreen-arrowbtn {
    background: #96cc36 none repeat scroll 0 0;
    border: medium none;
    color: #f8fcff !important;
    display: inline-block;
    float: left;
    font-size: 35px !important;
    height: 28px;
    line-height: 28px;
    margin-bottom: 20px;
    margin-left: 15px;
    margin-right: 24px;
    padding: 6px 4px;
    position: relative;
    text-align: center;
    text-decoration: none;
    width: 102px;
    z-index: 2;
}
.biggreen-arrowbtn::before {
    background: #96cc36 none repeat scroll 0 0;
    border: medium none;
    content: "";
    display: block;
    height: 28px;
    left: 95px;
    position: absolute;
    top: 6px;
    transform: rotate(45deg);
    width: 30px;
    z-index: -1;
}
.design-col { text-align:center; border-bottom: 2px solid #b2b2b2;border-top: 2px solid #b2b2b2; color: #878787; float: left;  margin: 0 23% 10px; padding:12px 5% 8px; width: 43%;}.txt-sty{ float:left; text-transform: uppercase; color:#9a9a9a;}
.txt-sty h1 { color: #878787;font-size: 40px;  font-weight: normal; margin: 0;}
.design-col a.link { font-size:13px; color:#a8c350; font-weight:bold; text-transform:uppercase; margin:0 10px ; text-decoration:underline;}
.design-col a.link:hover {opacity:0.7}
.isd-footer-col { width:99.5%; float: left; text-transform:uppercase; text-align:center; margin-bottom:30px;} 
.isd-footer-col a{ color:#6c6c6c; font-size:20px; margin:10px 22px;}
.isd-footer-col a:hover{ opacity:0.7}
.radio-st input[type="radio"] {   float: left;margin: 2px 5px 0 0;}
.confirm-col { float: left;  margin: 0 7%; width: 86%;}
.confirm-col .text-sty-col{ width:auto; float:left; margin-left:5px; font-size:13px;}
.confirm-col .text-sty-col sapn{ font-weight:600; margin-bottom:2px;}
.confirm-col .radio-st {  border-bottom: 1px solid #ddd;  font-size: 13px;  line-height: 15px; padding-bottom: 8px;}
.RadUpload .ruBrowse{background-attachment: scroll;
    background-clip: border-box;
    background-color: #eee;
    background-image: none !important;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    border: 1px solid #ddd !important; cursor:pointer;}


@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.collection-box .inner-box ul li .sizetext{ margin:2px 0 -3px}
.vertical-track{margin-left:-39px;}
}
/*------------- Added by Shrawan 20/5/2016 ------------------------*/
.thnx_table{margin-top:15px; width:100%;}
.thnx_heading{font-size:75px; font-weight:bold; line-height:75px; color:#a6ce39; padding-top:15px; display:block; text-transform:uppercase;}
.thnx_subheading{ font-size: 32px; line-height: 34px;text-align:center; clear:both; padding:1px 0;}
.thnx_paratxt{font-size:22px;}
.thnx_footerHeading{font-size:29px; color:#00acdc; font-weight:bold; padding:15px 0 8px;}
.num_count{width: 20px; height: 20px; display: inline-block; position: absolute; border: 1px solid #00ACDC; text-align: center; background-color: #00ACDC;  color: #fff; margin-top: -10px;    margin-left: -10px; }
.ord_Div{float:left; margin-right:5px;}
.chklink{background:url(../images/chkbg.jpg) no-repeat left center; padding-left:30px;  float:left;}
.chklink span.formate{float: left;font-weight: bold; color: #fff; font-size: 11px; padding:7px 5px;}

.link span.formate{ background-color: #b3cf3e; color: #fff;float: left;font-size: 12px; font-weight: bold; margin-top: 4px;padding: 4px 5px;  cursor: pointer;}
.chk_anchor{background-color:#00acdc;  float:left; margin-top:3px;}
.chk_anchor span.textStyle{float: left;font-weight: bold; color: #fff; font-size: 14px; padding:3px 5px 4px 5px;line-height: 20px;}
.RadUpload .ruFileWrap{height:32px !important;}
.RadUpload .ruBrowse{width: 170px !important;background: #444444 !important; border: 1px solid #444444; border-radius: 3px; color:#fff !important; font-size:14px; height:32px !important;}
.ruFileWrap:hover{opacity:0.9;}


.artwork{background-color:#f9f9f9;border-radius: 5px;color: #666666 !important;display: block;margin: 10px;padding: 12px;text-align: left;font-size:14px;border:1px solid #e1e1e1;}
.Approved {background:#f9f9f9 url(/resources/images/approved.png);background-position: right -2px top 5px;background-repeat: no-repeat;background-size: 9%; position:relative; z-index:1;}
.emp_thumb {border-radius: 4px;  height: 67px; margin-left: 8px; margin-top:0; position: absolute; width: 66px; z-index:3}
.artwork_thumb{width: 65px; border: 1px; background-color:#fff; border:1px solid #e1e1e1; float:left; border-radius:4px; margin-right:20px; margin-top:10px;}
.btn_approve {     background-color: #b3cf3e;
    background-image: url(../images/s-approve-sign.png);
    background-position: 5px 5px;
    background-repeat: no-repeat;
    border: 0 solid #ccc;
    border-radius: 17px;
    color: #fff;
    float: left;
    font-family: "Open Sans",sans-serif;
    font-size: 12px;
    font-weight: 800;
    min-width: 51px;
    padding: 7px;
    text-indent: 22px;
    background-size: 24px;}
.btn_reject { background-color: #cf1e3a;
    background-image: url(../images/reject-icon.png);
    background-position: 8px 7px;
    background-repeat: no-repeat;
    border: 0 solid #ccc;
    border-radius: 17px;
    color: #fff;
    float: left;
    font-family: "Open Sans",sans-serif;
    font-size: 12px;
    font-weight: 800;
    margin-left: 5px;
    min-width: 60px;
    padding: 7px;
    text-indent: 22px; outline:none;
    background-size: 19px;}
.accpted{position: absolute; margin-left: -35px; font-size: 17px;  margin-top: 7px; background-image:url(/resources/images/approve.png); background-position:left center; background-repeat:no-repeat; width:22px; height:22px;}
.rejected{position: absolute; margin-left: -28px; font-size: 17px;  margin-top: 4px;background-image:url(/resources/images/reject.png); background-position:left center; background-repeat:no-repeat; width:22px; height:22px;}
.btn_send{padding:5px 15px !important; width:150px !important; text-align:center;}
#divArtWorkDetail { background: #818285 none repeat scroll 0 0; float: left; margin: 0 auto; width: 100%;}
#divArtWorkImages ul.secondbox li {  height:400px !important;   margin: 0 2% 42px  0 !important;width: 45% !important;}
.dailydeal-leftcol ul.secondbox li a img { max-width:100%; max-height:100%; height:100%;}
.emp_thumb2 {  border-radius: 4px; height: 56px;  margin-left: 0; margin-top: 0; position: absolute; width: 66px;}
.emp_thumb2 img{ width:100%; height:100%;}
.bg-col { color: #fff;   float: none;   font-size: 14px; margin:-25px auto 0;  width: 96%;text-align: center; padding-bottom:26px;}
.bg-col .img-td {  font-size: 10px;  line-height: 12px; text-align: center;padding: 5px;}
.bg-col .img-td img { margin: 0 2px;  width: 19px;   height: 19px;}
.bg-col a { color: #fff; font-size: 12px; text-decoration: underline;}
#divArtWorkDetail .bg-col {margin:-20px auto 0; }
.approve-box { background: #818285 none repeat scroll 0 0; color: #fff;  margin-top: 10px; padding: 2%; text-align: center;  width: 96%;  float: left;}
.approve-box .header-col{ background:#FFF; padding:10px; text-align:center; color:#000; font-size:25px;}
.approve-box .header-col h1 {color: #a6ce39; font-size: 35px;  margin: 0;}

.approve-box h2 { background-color: transparent; border-bottom: medium none;  font-size: 21px; margin: 10px 0 8px;}
.approve-box span { background: #a6ce39 none repeat scroll 0 0; font-size: 13px; font-weight: 600; margin-right: 4px; padding: 3px 4px; text-align: center;}
.approve-box a { color: #fff; display: inline-block;font-size: 25px; margin-top: 6px;  text-decoration: underline;}
.request-revision-col{width:96%; background:#818285; padding:2%; text-align:center; color:#fff;  float: left;}
.request-revision-col h2 {  background-color: transparent; border-bottom: medium none;font-size: 23px; font-weight: 500;margin:0;}
.request-revision-col a { color: #fff; font-size:18px; text-decoration: underline;}
.request-revision-col textarea{  border: 1px solid #707173;width:99%; height:180px; margin:10px 0;}
.request-revision-col .submit-btn {  background: #ce1443 none repeat scroll 0 0; cursor: pointer;  font-size: 18px; font-weight: 600;  padding: 8px; text-align: center; width: auto;float:right}
.request-revision-col .left-col{float:left; width:50%;}
#liArtWork span { background: #fff none repeat scroll 0 0; padding: 2px 12px;
}#liArtWork .code-col { background: #fff none repeat scroll 0 0;  margin: 10px auto; color:#000; display:table}
.btn-box{width:200px; magrin:10px auto}
.img-box { float: left; margin-top: 38px; width: 100%;}
.order-box { border-bottom: 1px solid #9acd34; float: none; margin:7px auto 0; padding-bottom: 5px; width: 97%;}
#divArtWorkImages img.artwork_thumb {height:65px;}
#divArtWorkImages ul.firtbox li{height: 400px; width:99%;}
#divArtWorkImages ul.firtbox li a img {height:88%; position:relative;}
#divorderinvoice {  background: #818285 none repeat scroll 0 0;   display: table;   line-height: 25px;   margin: 0 auto;   width: 100%;}
.approved-box{ position: absolute; right:102px;top:11px;}
.approved-img{margin-left: 24%; margin-top: 6px;}
.back-button {text-indent:0px;background: #2a7ef2 none repeat scroll 0 0;   border-radius: 5px; color: #fff; display: table; float: right; font-size: 15px; padding:8px 17px; text-align: center; text-indent: initial; cursor:pointer; transition: all 0.25s ease-in 0s;}
.back-button:hover { opacity:0.9}
.table-col { width:100%; float:left; margin-bottom:20px;}
.table-col .table { display: table;border-right:#a2a2a3 solid 1px; border-bottom:#a2a2a3 solid 1px; background:#FFF;margin:0}
.row { display: table-row; }
.cell { display: table-cell; border-left:#a2a2a3 solid 1px;vertical-align: top;}
.cell div[rel=col-nob]:nth-child(1) {border: 0 !important;} /*border-left:#a2a2a3 solid 1px;*/
.cell-col .cell:nth-child(1) {width:150px}
.cell-col .cell:nth-child(2) {width:150px}
.cell-col .cell:nth-child(3) {width:150px}
.cell h1 { background:#58585a; color:#FFF; font-size:14px; text-indent:15px; margin:0; padding:0 12px;}
.cell img {max-height: 100%; max-width: 100%; text-align: center;}
.cell p { margin: 0; padding: 5px; text-align: center; font-size:13px;}
.cell p span { display: inline-block; text-align:center; padding: 0px;}
.free-col{background:#00a1e4 !important; color:#FFF !important }
.text25 {font-size:17px !important; color:#000;}
.text25 span { color: #FFF;font-size:25px !important; line-height: 23px;}
.admin-bg{background-color:#539afc;color: #fff !important;}
.user-bg{background-color:#d1e371;}
.text-white { color: #fff;font-size:21px !important; line-height: 57px !important;}
.select { display: table; font-size: 16px; margin: 0 auto;  position: relative;}
.select select { background: #fff none repeat scroll 0 0;  border: 2px solid #d2d2d2; border-radius: 5px; color: #6b6a6a; display: block; font-family: inherit; font-size: 13px; height: 27px !important; line-height: inherit; margin: 0; outline: medium none;padding: 2px 0 2px 5px; transition: border-color 0.2s ease 0s; width: 70px;}
.select .arr {background: #fff none repeat scroll 0 0; bottom: 2px; pointer-events: none;position: absolute; right:2px; top: 2px;  width:20px;}
.select .arr:before {   border-left: 5px solid transparent;   border-right: 5px solid transparent;   border-top: 5px solid #d2d2d2;   content: "";    margin-top: -3px;   pointer-events: none;   position: absolute;   right: 6px;    top: 50%;}
.iteam-heading1 {background: #60afe1 none repeat scroll 0 0;color: #fff;font-size: 21px;	min-height: 36px;	line-height:20px;	padding: 10px 8px;text-indent: 65px;}
.free-col .cell span span {display:table; padding:2px 8px; background:#FFF; color:#000;}
.black-bgtext { background: #000 none repeat scroll 0 0;  color: #fff; display: table; margin: 5px auto !important; padding: 5px 19px !important; text-align: center;}
.black-bgtext  a{ color:#fff;}
.green-border{ border-bottom:#94c83d solid 3px;}
.green-button {  background-color: #9acd34; color: #fff; display: inline-block; font-size: 17px;  font-weight:500;  line-height: 20px; padding: 10px; text-align: center;  width:100px !important; cursor:pointer; margin-bottom:10px; border:none;}
.green-button:hover{opacity:0.9; color:#FFF;}
.cell table td {vertical-align: middle;}
.text-right{text-align:right !important; }
#divItemPrice .text-white, #divTotalItemPrice .text-white { color: #000; font-size: 21px !important; line-height: 22px !important; padding-top: 37px !important;}
.cart-table-box th { color: #FFF; font-size: 14px; text-indent: 15px; margin: 0;}
.img-box embed{ width:97%; height:486px;}
.img-box embed img { max-width:100%; height:auto;}
.img-box object{ width:100%; height:100%;}
.img-box object .img-auto{ width:auto !important;}
.data_table2 input[type="radio"], input[type="checkbox"]{   margin: 0;}
#ulArtWork embed{ width:100%; height:100%;}
.size-inputSty { background: #fff none repeat scroll 0 0 !important; display: block !important;height: 18px !important; padding: 3px !important; width: 21px;  border: 1px solid #ddd !important;}
.cell input[type="button"] {background: #231f20 none repeat scroll 0 0;border: medium none; color: #fff; font-size: 20px;  margin-top: 0;  padding:7px 10px;}
.cell input[type="text"] {
    background: #e7e7e8 none repeat scroll 0 0;
    border: medium none;
    border-radius: 4px;
    margin: 0 2px 0 0;
    padding: 7px;
    text-align: center;
    width: 17px;
}
.dis-col { display: table; float: right; font-size: 21px; height: 28px; line-height: 32px; margin-top: 5px; text-align: center !important; width: 430px;}
.total-col { border-top: 1px solid #a2a2a3; font-size: 19px !important;  padding: 10px !important;   text-align: right !important;}
.cell-col .cell {border-bottom:1px solid #a2a2a3}
.lg-width {width:80%}
.cell label { display: block;  cursor: pointer;  line-height: 2.5;  font-size: 1.5em;}
.cell [type="radio"] + span {  display: block;}
.cell [type="radio"] + span:before {content: ''; display: inline-block; width:15px; height: 15px; vertical-align: -0.25em;  border-radius: 100%;  border:4px solid #7d7d7e; margin-right: 0.75em;  transition: 0.5s ease all;}
.cell [type="radio"]:checked + span:before { background: #94c83d;  border:4px solid #7d7d7e;}
.btn-back { background-color: #9acd34;border: medium none; border-radius: 5px;color: #fff;cursor: pointer;display: inline-block;  float: right; font-size: 14px; font-weight: 500;  line-height: 16px;  margin-right: 10px;   margin-top: 10px;    padding: 5px 10px;    text-align: center;}
#liArtWork embed {  height: 87.5% !important;   width: 100%;}
#ulArtWork li.two-col, #ulArtWork li { height:400px;}
.btn-back:hover{ opacity:0.8}
.cell [type="radio"]:focus + span:after {font-size: 1.5em;line-height: 1;vertical-align: -0.125em;}
.border_approvedArtWork{color:#b3cf3e;border:4px solid;}
.border_rejectedArtWork{color:red;border:4px solid;}
 .img-box img {  width: 500px;height: auto;  }
.iteam-heading { color: #fff; font-size: 17px;line-height: 20px;  margin: 0; padding: 0;text-align: left;   }
.img-box .iframe { border: medium none; height: 492px; margin: 0 auto; width: 408px;}
.img-box .iframe img { width:100%; height:90%;}
.img-td a { font-size: 10px; line-height: 12px;  text-decoration: none;}
#ulArtWork iframe { border: 0 none; padding-bottom: 10px; text-align: center; width: 130px;}
#ulArtWork li.two-col {display: inline-block; margin: 1% !important;  text-align: center;  width: 47.5%;}
#ulArtWork li img {margin:0 auto; display:block;}
.orderInvoice-col{ width:100%; height:100%; float:left;}
.inline-rb2 label { display: table;float: right; font-size: 11px; width: 88%;}
.checkbox-mrg { float: left; margin: 3px 3px 0 0 !important;}
.checkbox-mrg [type="checkbox"]:checked { position: relative !important; left: 0 !important;}
.inline-rb2 input[type="radio"] { margin: 3px 0 0 !important;}
.th-padding th { font-size: 13.5px;padding: 6px 4px !important; text-transform: uppercase; text-indent: inherit;}
.mrg-bt { margin-bottom:10px;}
.width-100{width:114px;}
.border-none td {border: none !important;}
.Topborder td { border-top:1px solid grey !important; border:none;}
.red-bg { background: #d51443 !important; float: left;  width: 100%;}
.approved-bg { background: #a6ce39 none repeat scroll 0 0 !important; float: left;width: 100%; min-height:444px;}
.approved-bg .order-box{ border-bottom: 1px solid #8bb320 !important;}
.artbg-col { color: #fff; display: table; font-size: 22px; font-weight: 600; margin: 9px auto 0;  padding: 2px 6px 0; width:180px; text-align:left;}
.artbg-col .text-box {  float: right; margin: 0; padding: 0; width:136px; font-weight:800; line-height:20px; letter-spacing:1px;}
.artbg-col img{ float:left; margin-right:10px;}
.artbg-col span {display: block;float: left; font-size:9px; padding-left:2px;}
.red-close { margin-top:15px;background: #ce1443 none repeat scroll 0 0; color: #fff;  float: left; padding:0 1%; text-align: right; width: 98%;}
.red-close a { color: #fff; font-size: 15px;text-decoration:none;}
.green-close { background: #a6ce39 none repeat scroll 0 0; color: #fff; float: left; padding:3px 1%; text-align: right; width:98%;}
.green-close a { color: #fff; font-size: 15px;text-decoration:none;}
.red-bg .order-box{ border-bottom:1px solid #8d0224 !important;}
.request-revision-bg {
    background: #bbbbbb none repeat scroll 0 0;
    float: left;
    padding: 1% 2%;
    width: 96%;
    font-size: 18px;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {.dailydeal-leftcol ul.secondbox li a img, #divArtWorkImages ul.firtbox li a img{ height:inherit;}}
.print-download-col { float: right; line-height: 26px; margin: 5px auto 0;}
.print-download-col img { float: left; height: 18px;margin: 5px 5px 0 0;width: 18px;}
.print-download-col p { border-right: 1px solid #bebdbd;  color: #fff;  float: left;  font-size: 15px;  width: 75px;}
.print-download-col a { color: #fff; display: table; float: left; font-size: 14px;margin-left: 6px; text-align: center;}
.clsPayment1{ color: #FFFFFF;}
.clsPayment2{ color: #cf1e3a;font-weight: 600; font-size: 17px!important;}
.clsSubPayment{ color: #cf1e3a;font-size: 15px!important;}
.clsSubPaymentDisplayNone{ display: none;font-size: 15px!important;}

.imgPadding {
    height: 304px;
    margin-right: 10px;
    padding: 6px;
    text-align: center;
    width: 294px;
}
.modalprogress {display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) url('/resources/images/loading.gif')   50% 50%  no-repeat;
}
.modal{ position: fixed;top: 0; left: 0; background-color: black; z-index: 99;opacity: 0.8;filter: alpha(opacity=80); -moz-opacity: 0.8; min-height: 100%;width: 100%;}
.loading{font-family: Arial;font-size: 14pt;border: 6px solid #231a0f; width:500px; height: 95px;display: none; position: fixed;background-color: #ffffff; z-index: 999;}
.fancybox-inner .size-inputSty {height: 18px !important;width:17px !important; }
.testimonialslider .bx-wrapper .bx-viewport {  background: #00a2da none repeat scroll 0 0 !important;}
.hide{ display:none;}
.price-hide{  display:none;}
.titleDiv{background-color:#666666; color:#fff; padding:10px; width:980px; font-size:18px; line-height:25px; font-weight:bold; margin:0 auto;}
.sweatshirts-box .green-btn {bottom:3px;}
.sweatshirts-box .item-col{position: relative;}
.sweatshirts-box .img-box{ margin-top:0}
.collection-box .bx-wrapper .bx-controls-direction a.bx-next{ right: -39px !important;}
.colorbox {border: 1px solid #ccc; display: inline-block; height: 26px; margin-right: 4px; width: 26px;}
.bx-default-pager { display:none;}

/* Start: These below class are used in the code so please don't make any chnages in this, you can overrite those any other css file '*/
.promoCode{background-position:center; background-color:#9acd34; display: inline-block; font-size: 15px; margin-bottom: 0; padding: 7px; text-align: center;width: auto;}
.invalidPromoCode{background-position:center; background-color:red; display: inline-block; font-size: 15px; margin-bottom: 0; padding: 7px; text-align: center;width: auto;}
.promoResponse{background-color:#ffffff;border:1px;solid; padding:4px;}
.largeSizeFontSize{font-size: 22px;}
.noGarmentPriceQuote{color: red; font-size: 18px; line-height: 20px;}
.ClassFreeText{border: 3px dashed #a8cf45;border-radius: 6px;display: block;font-size: 28px;letter-spacing: 1px; margin:1px 0 7px;padding: 11px 26px;text-align: center;}
.GBorder{border-bottom: 1px solid #bdbfc1; padding: 2px 0;}
.ClassPoint20{font-size: 21px; line-height: 30px;}
.ClassSpanFreeText{color: #00afdc; font-size: 35px;font-weight: bold; display:block; line-height:40px !important;}
/*End */

.nav-collapse.collapse{z-index: 1000000;}
.fancybox-overlay, .modal{z-index: 10000000 !important;}
#homePageBanner {margin: 0 0 10px 0 !important;}
.freeqty { font-size: 13px !important; line-height: 17px !important; color:gray !important; display:block; padding-top: 3px;font-weight: normal !important;}
.content_area, .grid_1000 { min-height: 100%; }
.subcategories {
    margin-bottom: 0;
    padding-bottom: 10px;
    padding-top: 10px;
}
.paging{height: auto;margin: 10px 0;}

/*manage location css start 19Dec2018*/
#manageLocation h2 {
    background-color: #606060;
    color: #fff;
    font-family: "Roboto Condensed",sans-serif;
    margin: 0 0;
    padding: 10px;
}

    #manageLocation h2 a {
        display: inline-block;
        margin-top: 1px;
        line-height: normal;
        margin-left: 10px;
        margin-bottom: -3px;
    }

        #manageLocation h2 a img {
            width: 53px;
            float: left;
        }

#manageLocation .manageLocationSec .manageLocationBox {
    display: inline-block;
    width: 23.5%;
    margin-left: 10px;
    vertical-align: top;
    margin-bottom: 20px;
    position: relative;
}

#manageLocation .manageLocationSec {
    padding: 20px;
    background: #b9babb;
    position:relative;
}

#manageLocation .manageLocationBox .imgUpload {
    background: #ffffff;
    padding: 5px;
    overflow:hidden;
}

    #manageLocation .manageLocationBox .imgUpload label {
        display: inline-block;
    }

  

#manageLocation .manageLocationSec .manageLocationBox .imgView {
    background: #ffffff;
    min-height: 134px;
    margin-top: 4px;
    text-align: center;
}

#manageLocation .manageLocationBox .printColor h6 {
    margin: 0;
    margin-bottom: 0;
    font-size: 19px;
    border-bottom: none;
    color: #333333;
    font-weight: normal;
}

#manageLocation .manageLocationBox .printColor {
    margin-top: 5px;
    vertical-align: top;
}

    #manageLocation .manageLocationBox .printColor ul {
        padding: 0px;
        margin: 0px;
        overflow: hidden;
        margin-left: -5px;
    }

        #manageLocation .manageLocationBox .printColor ul li {
            list-style: none;
            margin-bottom: 5px !important;
            display: inline-block;
            width: 48%;
            float: left;
            margin-left: 5px !important;
        }

            #manageLocation .manageLocationBox .printColor ul li em {
                font-style: normal;
                font-size: 10px;
                display: inline-block;
                width: 15px;
                float: left;
                margin-top:4px;
            }

            #manageLocation .manageLocationBox .printColor ul li a.colorClose {
                font-size: 10px;
                margin-left: 3px;
                color: #524f4f;
                font-weight: bold;
                font-family: verdana;
            }

            #manageLocation .manageLocationBox .printColor ul li span {
                display: inline-block;
                width: 20px;
                height: 20px;
                vertical-align: top;
                float: left;
            }

            #manageLocation .manageLocationBox .printColor ul li select {
                height: 20px;
                border: none;
                vertical-align: top;
                margin-left: 3px;
                outline: none;
                cursor: pointer;
                width: 79px;
                font-size:12px;
            }

    #manageLocation .manageLocationBox .printColor .addprintColor a {
        /*display: inline-block;
        width: 100px;
        border: solid 1px #333333;
        color: #333333;
        padding: 3px 2px;
        text-align: center;
        font-size: 13px;*/
        display: inline-block;
        width: 100px;
        border: solid 1px #08a3db;
        color: #f7f7f7;
        padding: 3px 2px;
        text-align: center;
        font-size: 13px;
        background: #08a3db;
        margin-left: 15px;
    }

    #manageLocation .manageLocationBox .printColor .addprintColor {
        margin-top: 5px;
        clear: both;
    }



.manageLocationSec ul.tabs {
    margin: 0px;
    padding: 0px;
    list-style: none;
    border-bottom: solid 1px #fff;
}

    .manageLocationSec ul.tabs li {
        background: none;
        color: #222;
        display: inline-block;
        padding: 7px 15px;
        cursor: pointer;
        border: solid 1px transparent;
        background: #ffffff;
        font-weight: 500;
        float: left;
    }

        .manageLocationSec ul.tabs li.current {
            background: #9acd34;
            color: #fff;
            border: solid 1px #ffffff;
            padding: 10px 15px;
            margin-top: -6px !important;
            border-radius: 4px 4px 0 0;
        }

.manageLocationSec .tab-content {
    display: none;
}

#manageLocation .manageLocationSec .manageLocationBox .imgView img {
    height: 120px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.tab-content.current {
    display: inherit;
    margin-left: -10px;
    margin-top: 10px;
}

#manageLocation .manageLocationSec .addPrintLocation {
    display: inline-block;
    vertical-align: top;
    margin-left: 14px;
    background: #ffffff;
    width: 23.5%;
    margin-left: 10px;
    text-align: center;
    margin-bottom: 20px;
}

    #manageLocation .manageLocationSec .addPrintLocation a.addLocation {
        color: #000;
        text-transform: uppercase;
        font-weight: 600;
        font-size: 15px;
        letter-spacing: 1px;
        padding: 6px;
        display: block;
    }

#manageLocation .manageLocationSec .mesgBox {
    margin-top: 5px;
    margin-left: 10px;
}

    #manageLocation .manageLocationSec .mesgBox label {
        display: block;
        margin-bottom: 5px;
        font-size: 19px;
        color: #333;
    }

    #manageLocation .manageLocationSec .mesgBox textarea {
        display: inline-block;
        width: 75%;
        height: 84px;
        border: none;
        outline: none;
        padding: 10px;
        box-sizing: border-box;
    }

    #manageLocation .manageLocationSec .mesgBox input[type="button"] {
        background: #08a3db;
        border: none;
        color: #ffffff;
        vertical-align: text-bottom;
        padding: 10px 30px;
        font-size: 20px;
        font-weight: 600;
        margin-bottom: 3px;
        margin-left: 10px;
        cursor: pointer;
        border-radius:4px;
    }

#manageLocation a.boxClose {
    position: absolute;
    right: 7px;
    font-family: verdana;
    font-size: 10px;
    margin-top: 9px;
    color: #b9b6b6;
    font-weight: 600;
}
/*manage location css end 19dec2018*/

/*placing order popup css start*/
.placeOrderConfirm h2 span {
    font-weight: 400;
    display: block;
    font-size: 36px;
    color: #6c6d70;
    padding-top: 8px;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 2px;
    text-align: center;
}
.placeOrderConfirm h2 a {
margin-right:5px;}
.placeOrderConfirm h2 a img {
    width: 41px;
    margin-right: 10px;
}
.placeOrderConfirm h2 em {
    font-style: normal;
    font-weight: normal;
    font-size: 22px;
    vertical-align: middle;
    display: inline-block;
    width: 90%;
    text-align: center;
}
.placeOrderConfirm .placingOrderPoint b {
    display: block;
    margin-left: 0;
    vertical-align: top;
    font-size: 23px;
    font-weight: normal;
}
.placingOrderPoint {
    padding:20px 20px;
    background: #6c6d70;
    color: #ffffff;
}
.placeOrderConfirm .placingOrderPoint ol {
    padding-left: 6px;
    margin-top: 7px;
   margin-bottom: 20px; 
}
    .placeOrderConfirm .placingOrderPoint ol li {
        list-style: inherit;
        margin-bottom: 3px !important;
        font-size: 15px;
    }
.placeOrderConfirm [type="checkbox"]:not(:checked) + label:before, .placeOrderConfirm [type="checkbox"]:checked + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0px;
    width: 17px;
    height: 17px;
    border: 1px solid transparent;
    background: #f8f8f8;
    border-radius: 3px;
    box-shadow: none;
}
.placeOrderConfirm [type="checkbox"]:not(:checked) + label, .placeOrderConfirm [type="checkbox"]:checked + label {
    position: relative;
    padding-left: 25px;
    cursor: pointer;
}
    .placeOrderConfirm [type="checkbox"]:not(:checked) + label::after, .placeOrderConfirm  [type="checkbox"]:checked + label::after {
        left:4px;
        font-size: 14px;
    }
.electSignature {
    background: #a8a9ad;
    padding: 20px 30px;
    text-align:center;position:relative;
}
    .electSignature p {
        color: #ffffff;
        font-size: 20px;
    }
        .electSignature p b {
            font-size: 27px;
            font-weight: normal;
        }
    .electSignature input[type="text"] {
        width: 480px;
        margin: 15px auto;
        float: none;
        display: block;
        height: 35px;
        border: none;
        margin-bottom: 8px;
    }
    .electSignature .electSignatureBtn a {
        display: inline-block;
        margin-bottom: 5px;
        padding: 10px 18px;
        font-size: 18px;
        font-weight: 600;
        background: #9acd34 !important; cursor:pointer;
    }

    .electSignature .slogen p {
        margin-bottom: 6px;
        font-size: 18px;
    }
    .electSignature .slogen {
        margin-top: 5px;
        text-align:center;
    }
.electSignatureBtn{text-align:center;}
.electSignature span#spanSignMsg {
    text-align: center;
    margin-top: 0;
    display: inline-block;
    min-height: 25px;
}
.placeOrderConfirm h2 {
    background: #a6ce39;
    margin-bottom:0px;
}
.placingOrderPoint span#spanchecklistMsg {
    color: #ffffff !important;
    background: #f00;
    display: inline-block;
    padding: 3px 10px;
}
.electSignature .leftBg {
    position: absolute;
    width: 20px;
    height: 100%;
    background: url(/resources/images/electronic_bg_leftTop.png) left -4px no-repeat, url(/resources/images/electronic_bg_leftBottom.png) left bottom no-repeat;
    left: -14px;
    top: 0;
    margin-top: -10px;
    padding-bottom: 17px;
}
    .electSignature .leftBg:before {
        position: absolute;
        width: 20px;
        height:91%;
        background: url(/resources/images/electronic_bg_leftMiddle.png) left top repeat-y;
        left: 0px;
        content: '';
        top: 14px;
    }


.electSignature .rightBg {
    position: absolute;
    width: 20px;
    height: 100%;
    background: url(/resources/images/electronic_bg_rightTop.png) left -4px no-repeat, url(/resources/images/electronic_bg_rightBottom.png) left bottom no-repeat;
    right: -16px;
    top: 0;
    margin-top: -10px;
    padding-bottom: 17px;
}

    .electSignature .rightBg:before {
        position: absolute;
        width: 20px;
        height: 91%;
        background: url(/resources/images/electronic_bg_rightMiddle.png) left top repeat-y;
        left: 0px;
        content: '';
        top: 14px;
    }
/*placing order popup css end*/
/**02dec2018 css start**/
#manageLocation .manageLocationBox .imgUpload input[type="text"]:disabled {
    border: none;
    width: 17%;
    display: inline-block;
    background: none;
    font-weight: 600;
    color: #000;
    margin-top: 3px;
}
.customInputFile {
    position: relative;
    overflow: hidden;
    outline: none;
    display: inline-block;
    width: 36%;
    margin-left: 10px;
    vertical-align: middle;
    text-align: right;
    cursor: pointer;
    float: right;
    margin-right: 14px;
}
#manageLocation .manageLocationBox .imgUpload .customInputFile span {
    background: #e4e4e4;
    display: block;
    padding: 5px 10px;
    vertical-align: middle;
    cursor: pointer;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 600;
}
#manageLocation .manageLocationBox .imgUpload .customInputFile input[type="file"] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}
#manageLocation .manageLocationBox .imgUpload input[type="text"]:not(disabled) {
    width: 122px;
    background: #ffffff;
    border: solid 1px #cccccc;
    padding: 2px;
    font-size: 14px;
}
/**02Dec2018 css end***/

/***order detail page css start**/
/**27 dec css start**/
.point-12.cust {
    font-size: 13px;
    line-height: normal;
    color: #808285;
    margin-top: 4px;
    display: inline-block;
    margin-left: 10px;
    float: left;
    font-weight:normal;
}

.pullLeft {
    float: left;
}

.custOrderTable span.saving {
    font-weight: normal;
    color: #808285;
    font-size: 18px;
    margin-left: 10px;
    float: left;
    margin-top: 2px;
}

    .custOrderTable span.saving span.amount_reverse {
        font-weight: normal;
        color: #808285;
        margin-top: 2px;
        font-size: 18px;
        margin-left: 10px;
    }

.custOrderTable span.productionNote {
    font-weight: normal;
    color: #808285;
    font-size: 17px;
    margin-left: 0;
    float: left;
    width: 55%;
    text-align: center;
}

.custOrderTable span.point-18.bold, .point-16 strong {
    color: #231f20;
    font-weight: 500;
    margin-right: 5px;
}

.custOrderTable .amount_reverse {
    background: none;
    color: #131313;
    padding: 5px 5px;
    display: inline-block;
    width: 150px;
    font-weight: normal;
    margin-top: 0;
}

.custOrderTable .custShippingAddress {
    display: inline-block;
    width: 65%;
    margin-bottom: -5px;
}

.custOrderTable .mT4px {
    margin-top: 4px
}

.custOrderTable .custShippingAddress table {
    width: 100%;
}

    .custOrderTable .custShippingAddress table th {
        padding: 5px;
        color: #5a5a5a;
        font-weight: 500;
        font-size: 14px;
        border: none;
        text-align: center;
    }

    .custOrderTable .custShippingAddress table td {
        border: none;
        border-top: solid 1px #cccccc;
        padding: 10px;
        text-align: center;
        color: #5a5a5a;
        font-size: 14px;
        line-height:19px;
    }

        .custOrderTable .custShippingAddress table td.bdrLine {
            border-left: solid 1px #cccccc;
        }

td.bdrRNone {
    border-right: none !important;
}

td.bdrBNone {
    border-bottom: none !important;
}

td.bdrTNone {
    border-top: none !important;
}

td.bdrLNone {
    border-left: none!important;
}

.custShippingAddress p {
    font-size: 14px;
    line-height: 21px;
}

.mB0px {
    margin-bottom: 0px;
}

.orderTotal {
    
    color: #231f20;
    font-weight: 500;
    
}
/**27 dec css end**/
/**28 dec 2018 css start**/
.custom_orderEdit .sub_head.customHeadingPanel {
    padding-left: 10px;
    padding-bottom: 10px;
    padding-top: 10px;
}

    .custom_orderEdit .sub_head.customHeadingPanel strong {
        font-weight: 500;
    }

        .custom_orderEdit .sub_head.customHeadingPanel strong input[type="text"] {
            margin-bottom: 0;
            height: 20px;
            border: none;
            margin-left: 5px;
            border-radius: 0;
        }

.customHeadingPanel select {
    border-radius: 0px;
}

.custom_orderEdit .sub_head.customHeadingPanel strong a.green-button.editOrderBtn {
    margin-bottom: 0;
    line-height: normal;
    height: auto;
    line-height: normal !important;
    vertical-align: top;
    display: inline-block;
    padding: 6px 10px 6px 10px;
    background: #f00;
    border-radius: 4px;
    float: right;
    font-size: 14px;
    margin-right: 4px;
}
/**28 dec 2018 css end**/
/**29 dec 2018 css start**/
.normal {
    font-weight: normal;
}

.custdivShoppingCart .qtyCust {
    width: 65px;
    height: 51px;
    float: left;
    line-height: 47px;
    font-size: 13px;
    color: #808285;
}

    .custdivShoppingCart .qtyCust b {
        font-weight: normal;
        font-size: 13px
    }

.custdivShoppingCart .priceValue {
    width: 100%;
    float: none;
    margin-top: 11px;
    margin-left: 11px;
    text-align: right;
}

.custdivShoppingCart .sezi-colsty .cell {
    border-bottom: 1px solid #cccccc !important;
}

.custdivShoppingCart .cell {
    border-left: #cccccc solid 1px;
}

.custdivShoppingCart .footer-divSty {
    border-left: 1px solid #cccccc;
}

.custdivShoppingCart .left-bdSty .cell:last-child {
    border-left: 1px solid #cccccc !important;
}

.custdivShoppingCart .table-col .table {
    border-right: #cccccc solid 1px;
    border-bottom: #cccccc solid 1px;
}

.custInvoiceNote .table {
    background: #f1f1f1;
    border: none !important;
}

    .custInvoiceNote .table .cell {
        border-left: none;
        width: 42%;
        float: right;
        margin-top: 10px;
    }

        .custInvoiceNote .table .cell h1 {
            text-indent: 0;
            line-height: normal;
            background: none;
            color: #07a4dc;
        }

        .custInvoiceNote .table .cell textarea {
            border: none;
            border-radius: 0px;
            background: #ffffff;
            resize: none;
        }

.custdivShoppingCart .submitBtnCust {
    float: right;
}

    .custdivShoppingCart .submitBtnCust p {
        text-align: right;
        margin-top: 62px;
        margin-bottom: 0;
        margin-left: 11px;
    }

.submitBtnCust p a.green-button {
    background: #07a4dc;
}

.custdivShoppingCart .orderTotalValue {
    width: 30%;
    height: 52px;
    float: left;
    border-left: 1px solid #ccc;
    text-align: right;
}

.custdivShoppingCart .customOtherCharges span.amount_reverse.custamountrev {
    margin-top: 0;
}

.custdivShoppingCart .customOtherCharges a.editOrder {
    height: 30px;
    line-height: 31px;
}

.custdivShoppingCart .custOrderTable .custShippingAddress table td a.editOrder {
    float: right;
    margin-bottom: 0;
}

.custdivShoppingCart .custOrderTable .amount_reverse {
    width: auto;
}

.promoCodeEdit {
    text-align: left;
    margin-top: 6px;
    margin-left: 10px;
    margin-bottom: 0px;
    clear: both;
}

    .promoCodeEdit select {
        margin-bottom: 5px;
        height: 30px;
        margin-right: 0px;
        vertical-align: top;
        outline: none;
        border-radius: 0;
    }

    .promoCodeEdit input[type="text"] {
        border-radius: 0;
    }

.custdivShoppingCart a.blueUpdateBtn {
    vertical-align: top;
    margin-top: 0;
    background: #07a4dc;
    height: 26px;
    padding: 2px 12px;
    margin-left: 0;
    border-radius: 0px;
    color: #ffffff;
    display: inline-block;
    font-size: 11px;
    line-height: normal;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 27px;
}

.promoCodeEdit input[type="text"] {
    border-radius: 0;
    outline: none;
    background: #ffffff;
    padding: 1px 6px;
    margin-bottom: 5px;
    vertical-align: top;
}

.promoCodeEdit .exream input[type="text"] {
    width: 127px;
    vertical-align: middle;
    margin-bottom: 0;
    padding: 1px 6px;
}

.promoCodeEdit .exream label {
    display: inline-block;
    margin-right: 10px;
    font-weight: 500;
}

.customAdditionalAmount.productionCharges .row .cell p {
    text-align: left;
    /* clear: both; */
    font-size: 20px;
    font-weight: 500;
    color: #231f20;
}

.customAdditionalAmount.productionCharges .row .cell {
    display: block;
    text-align: left;
    border: none;
}

.customAdditionalAmount.productionCharges .row {
    display: block;
    margin-left: 0;
}

.customAdditionalAmount.productionCharges {
    display: inline-block;
    width: 75%;
    float: left;
}

    .customAdditionalAmount.productionCharges .row .cell:last-child .custmDesccription {
        display: inline-block;
        font-size: 14px;
        text-align: left;
        padding: 0 7px;
        margin-left: 8px;
        margin-top: 0;
        /* background: #f1f1f1; */
    }

    .customAdditionalAmount.productionCharges .row .cell:last-child p {
        display: inline-block;
    }

    .customAdditionalAmount.productionCharges .row .cell:last-child .custmDesccription input {
        font-size: 12px;
        text-indent: 2px;
        height: 25px;
        padding: 1px 6px;
    }

        .customAdditionalAmount.productionCharges .row .cell:last-child .custmDesccription input[type="number"] {
            vertical-align: top;
            width: 72px;
            margin-left: 5px;
            height: 26px;
            border-radius: 0;
            margin-bottom: 0;
            background: #ffffff;
        }

.customOtherCharges .editOtherCharge.custEditOtherCharges {
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
}

    .customOtherCharges .editOtherCharge.custEditOtherCharges .custEditOtherBox {
        display: inline-block;
        margin-left: 6px;
    }

        .customOtherCharges .editOtherCharge.custEditOtherCharges .custEditOtherBox input[type="text"] {
            height: 25px;
            vertical-align: top;
            border-radius: 0;
            min-width: 150px;
            margin-bottom: 0px;
        }

        .customOtherCharges .editOtherCharge.custEditOtherCharges .custEditOtherBox input[type="number"] {
            border-radius: 0px;
        }

.customAdditionalAmount.productionCharges .row .cell:last-child .custmDesccription span.point-14 {
    font-weight: 500;
}

.promoCodeEdit .exream {
    margin-top: 5px;
}
/**29 dec 2018 css end**/
/**02 jan 2018 css start**/
.customAdditionalAmount.productionCharges {
}

    .customAdditionalAmount.productionCharges [type="radio"]:checked,
    .customAdditionalAmount.productionCharges [type="radio"]:not(:checked) {
        position: absolute;
        left: -9999px;
    }

        .customAdditionalAmount.productionCharges [type="radio"]:checked + small,
        .customAdditionalAmount.productionCharges [type="radio"]:not(:checked) + small {
            position: relative;
            padding-left: 28px;
            cursor: pointer;
            line-height: 20px;
            display: inline-block;
            color: #666;
        }

            .customAdditionalAmount.productionCharges [type="radio"]:checked + small:before,
            .customAdditionalAmount.productionCharges [type="radio"]:not(:checked) + small:before {
                content: '';
                position: absolute;
                left: 0;
                top: 0;
                width: 16px;
                height: 16px;
                border: 1px solid #ddd;
                border-radius: 100%;
                background: #fff;
            }

            .customAdditionalAmount.productionCharges [type="radio"]:checked + small:after,
            .customAdditionalAmount.productionCharges [type="radio"]:not(:checked) + small:after {
                content: '';
                width: 10px;
                height: 10px;
                background: #95c938;
                position: absolute;
                top: 4px;
                left: 4px;
                border-radius: 100%;
                -webkit-transition: all 0.2s ease;
                transition: all 0.2s ease;
            }

            .customAdditionalAmount.productionCharges [type="radio"]:not(:checked) + small:after {
                opacity: 0;
                -webkit-transform: scale(0);
                transform: scale(0);
            }

            .customAdditionalAmount.productionCharges [type="radio"]:checked + small:after {
                opacity: 1;
                -webkit-transform: scale(1);
                transform: scale(1);
            }

    .customAdditionalAmount.productionCharges .row .cell p {
        padding: 0 !important;
        margin: 0;
        margin-left: 5px;
    }

.editOtherCharge.editshippingCharges {
    overflow: hidden;
}

.customOtherCharges .editOtherCharge.editshippingCharges input[type="number"] {
    float: none;
    height: 22px;
    vertical-align: middle;
    border-radius: 0;
    min-width: 150px;
    margin-bottom: 0px;
    margin-left: 5px;
}

.customOtherCharges .editOtherCharge.editshippingCharges a.editOrder {
    float: none;
}

.editOtherCharge.editshippingCharges span {
    display: inline-block;
    vertical-align: middle;
}

.customOtherCharges .editOtherCharge.custEditOtherCharges .custEditOtherBox span {
    display: inline-block;
    vertical-align: middle;
    margin-top: 2px;
}

/**02 jan 2018 css end**/
/**03 jan 2018 css start**/
.custOrderTable .custShippingAddress table th em {
    font-size: 11px;
    font-style: normal;
}

.custOrderTable .custShippingAddress table th em {
    font-size: 11px;
    font-style: normal;
    clear: both;
    display: block;
    text-align: center;
}

.custInvoiceNote.custInvoiceNoteDetail {
    width: 100%;
    float: left;
    margin-bottom: 20px;
    background: #fff;
    padding: 10px;
    box-sizing: border-box;
    border: solid 1px #cccccc;
    border-top: none;
}

.custOrderTable .custShippingAddress table td:first-child {
    border-right: solid 1px #cccccc;
}

.custInvoiceNote.custInvoiceNoteDetail .table .cell {
    width: 100%;
    margin: 0px;
}

    .custInvoiceNote.custInvoiceNoteDetail .table .cell h1 {
        padding-left: 0;
    }

.custInvoiceNote.custInvoiceNoteDetail .cell p {
    padding-left: 0;
    text-align:left;
}

.custInvoiceNote.custInvoiceNoteDetail .table .cell p span {
    padding-left: 0;
    text-align: left;
    display: block;
}

.custInvoiceNote.custInvoiceNoteDetail .table {
    background: none;
}

.promoNotify {
    line-height: normal;
    margin-bottom: 0;
    text-align: left;
    margin-left: 10px;
    font-size: 12px;
    clear: both;
}

.promoValidationError {
    /* float: left; */
    margin-top: 3px;
    width: auto;
    text-align: left;
    padding: 2px 5px 1px 6px;
    border: 1px solid rgb(185, 74, 72);
    clear: both;
    width: auto;
    margin-bottom: 4px;
    vertical-align: top;
    display: inline-block;
}

.custonInputValue input[type="number"] {
    width: 68px;
    border-radius: 0;
    outline: none;
    background: #ffffff;
    padding: 1px 6px;
    margin-bottom: 5px;
    height: 28px !important;
    margin: 0 3px;
}

.custonInputValue span {
    display: inline-block;
}

.custonInputValue b {
    font-weight: normal;
    font-size: 16px !important;
    vertical-align: middle;
    display: inline-block;
}

.custOrderTable .custShippingAddress table tfoot td:first-child {
    border-right: none;
    padding-top: 4px;
    padding-bottom: 0;
    padding-right: 0;
}

a.black_button.clearBtn {
    float: left;
    margin-left: 10px;
    margin-top: 4px;
    margin-bottom: 3px;
}
.custdivShoppingCart .table-col.custInvoiceNote .table {
    background: #f1f1f1;
}
/**03 jan 2018 css end***/
/**order detail page css end**/

/**invoice pdf css start**/
.headingOderDetail {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    padding-right: 10px !important;
}
    .headingOderDetail .invoiceNo {
        font-size: 34px;
        font-weight: 600;
        margin-bottom: 6px;
        margin-top:13px;
    }
    .headingOderDetail .dueDate {
        font-size: 17px;
        font-weight: 500;
        color: #4e4e4e;
        margin-bottom: 0;
    }
    .headingOderDetail .deasin-n-order {
        font-weight: normal;
        font-size: 15px;
        color: #989797;
    }
.padding0px{padding:0px!important;}
.customInvoicePDFSec ul li {
    display: inline-block;
    font-size: 16px;
    vertical-align: inherit;
    /* margin-right: 10px !important; */
    /* margin-left: 10px !important; */
    vertical-align: top;
    /* padding-top: 10px; */
    font-family: 'Roboto', sans-serif;
}
    .customInvoicePDFSec ul li img {
        margin-top: 2px;
        max-width: 100%;
    }
.customInvoicePDFSec h3{background:#4e4e50;line-height:normal;}
.customInvoicePDFSec ul {
    margin: 0;
    padding: 0;
    text-align: center;
}
.custInvoiceNoteDetail .invoiceNote {
    width: 69%;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    border-left: solid 1px #cccccc;
    min-height: 150px;
    padding-top: 20px;
    padding-left:20px; padding-right:20px; box-sizing:border-box;
}
    .custInvoiceNoteDetail .invoiceNote p{font-weight:normal!important;}
    .custInvoiceNoteDetail .paymentTo {
        width: 30%;
        display: inline-block;
        text-align: center;
        padding-top: 20px;
    }
    .custInvoiceNoteDetail .paymentTo h4, .custInvoiceNoteDetail .invoiceNote h4 {
        font-weight: 500;
        font-size: 17px;
        margin-bottom: 10px;
    }
.custInvoiceNoteDetail .paymentTo p em{font-style:normal!important;}
.custInvoiceNoteDetail .invoiceNote p span{font-weight:normal!important;}
.custOrderTable .custShippingAddress table td:nth-child(3) {
    border-left: solid 1px #cccccc;
}
/**invoice pdf css end**/

.custdivShoppingCart .qtyCust + p.point-12.red {
    margin: 0!important;
    display: inline-block!important;
    font-size: 11px!important;
    margin-top: 10px!important;
}
.fontArial {
    font-family: arial;
}
.custdivShoppingCart .qtyCust + p.point-12.red {
    margin: 0 !important;
    display: inline-block !important;
    font-size: 11px !important;
    margin-top: 10px !important;
}

td.CustManageOrderDetails {
    text-align: right;
    padding: 0px;
}

    td.CustManageOrderDetails .orderTotal.bx {
        float: none;
    }

    td.CustManageOrderDetails .bx {
        display: inline-block;
        margin-left: 16px;
        vertical-align: top;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    td.CustManageOrderDetails .orderTotal.bx:nth-child(2) {
        margin-left: 33px;
        margin-right: 0;
        border-left: solid 1px #cccccc;
        padding-left: 33px;
    }

    td.CustManageOrderDetails .point-12.cust {
        margin-top: 3px;
    }
em.proCode {
    font-style: normal;
    font-size: 16px;
    color: rgb(128, 130, 133);
    font-weight:normal;

}
/*28jan2018 css start*/
.modal{
    background:rgba(0,0,0,.5);
}
/*28jan2018 css end*/
/*29 jan 2019 css start*/
.data_table.custOrderTable tr:last-child td.bdrBNone {
    border-bottom: solid 1px #cccccc!important;
}
/*29 jan 2019 css end*/

/**11feb2019 css start**/
.tablePaymentStatus {
    display: inline-block;
    margin-left: 5px;
    float:left;
}
    /**11feb2019 css end**/
	
	#divConfPopup .modal.loading-img.loader.fancybox-margin img {

    position: absolute;
    top: 50%;
    margin-top: -5px;
    left: 50%;
    margin-left: -5px;

}
.custInvoiceNoteDetail .invoiceNote p strong {
    font-weight: normal;
}
input[type="number"] {
    -moz-appearance: textfield;
    -webkit-appearance: textfield;
    appearance: textfield;
}
a,img,button{outline:none;}
.approved-artwork a {
    border: none;
    color: #2f2f2f;
    vertical-align: text-bottom;
    /* padding: 10px 0px; */
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 3px;
    /* margin-left: 10px; */
    cursor: pointer;
    display: inline-block;
    border-radius: 4px;
    text-decoration: underline;
}
    .approved-artwork a:hover{text-decoration:none;}
    .approved-artwork {
        margin-left: 10px;
        margin-top: 10px;
        position: absolute;
        top: 15px;
        right: 24px;
    }
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
    background-image: url(../images/fancybox_sprite.png);
}
.fancybox-close {
    position: absolute;
    top: -18px;
    right: -18px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 8040;
}
.fancybox-skin{padding:0px!important;}
.fancybox-wrap{outline:none;}
#divViewDesignOrArtWork h2.heading {
    padding-bottom: 5px;
}
/**06march2019 css start**/
.noof-colors .noof-colors-content {
    padding-left: 86px;
}
    .noof-colors .noof-colors-content span.noof-colorBx {
        vertical-align: top;
        font-size: 13px;
        line-height: 15px;
        padding-left: 0 !important;
        padding-right: 5px;
        
    }
.quote-colorList span {
    display: inline-block;
}
        .noof-colors .noof-colors-content span.noof-colorBx select {
            width: 100% !important;
            margin-top: 5px;
        }
/**06march2019 css end**/
/**07march2019 css start**/
#divMessageBoard .custom-popupMiddle, #divPaymentListPopup .custom-popupMiddle {
    max-height: 380px;
    overflow-y: auto;
}
.custom-popupMiddle {
    padding: 10px;
}
#divPaymentListPopup .custom-popupMiddle table tr td {
    padding: 5px !important;
    text-align:left;
}
/**07march2019 css end**/
/**12march2019 css start**/
span.group-orderTxt {
    font-size: 13px;
    margin-right: 0 !important;
    margin-left: 4px;
}
/**12march2019 css end**/
.cust-production-type{
    font-size: 17px;
    margin-top: 3px;
    margin-bottom: 3px;
}

/** 31 aug 2020 css start**/
.store-thankyou .text-center.mrg-bt h1 {
    font-weight: 400;
    color: #231f20;
    margin: 15px 0;
    font-size: 39px;
}
.store-thankyou .text-center.mrg-bt p {
    font-weight: 400;
    font-size: 14px;
}
.store-thankyou h3 {
    text-transform: inherit;
    text-align: center;
    margin-top: 10px;
    font-weight: 600;
    padding: 0 10px;
    font-size: 26px;
}
.store-thankyou .text-center.mrg-bt p {
    font-weight: 400;
    font-size: 14px;
}
.store-thankyou .text-center.mrg-bt .slogan p {
    padding: 0px 10px;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.3;
    color: #333333;
}
.date-status {
    display: table;
    width: 100%;
    /* border: solid 1px #ccc; */
    margin-bottom: 10px;
}.date-status span.tbl-cell {
    display: table-cell;
    border: solid 1px #cccccc;
    padding: 5px;
    color: #333;
    font-size: 13px;
}
.store-thankyou .action{float:none;margin-bottom: 15px;}
.store-thankyou .action .proceed-btn {
    text-transform: uppercase;
    font-size: 10px;
    margin: 0;
    border-radius: 0;
}.store-thankyou .action .proceed-btn span {
    display: block;
    font-size: 24px;
    padding-bottom: 2px;
    font-weight: 600;
}
.store-thankyou{border:solid 10px #cccccc; border-bottom-width: 0;}
.store-thankyou .iplist{
    font-size: 12px;
    clear: both;
    text-align: center;
    padding: 5px;
   color: #ffffff;
    margin-top: 10px;
    width: 100%; margin-left:-5px;
}
/** 31 aug 2020 css end**/

/**16 sep 2020 css start***/
.fancybox-wrap .fancybox-inner{margin-top:-1px!important}
.myorder-payinvoice .fancybox-skin {
    background-color: rgb(129, 130, 133);
    border: 10px solid rgb(96, 96, 96);
}
/**16 sep 2020 css start***/

/**14 jan 2021 css start bhanu**/
.popup-header-title {
    background-color: #606060;
    border-bottom: none;
    color: #fff;
    margin: 0 0 0px;
    padding: 0 10px 10px;
    font-family: Roboto, Condensed, sans-serif;
    font-weight: 600;
    border-bottom: 4px solid #9acd34;
    font-size: 26px;
}
.parent-tab-panel.ui-widget.ui-widget-content {
    border: none;
    padding: 0;
}
    .parent-tab-panel.ui-widget.ui-widget-content > .ui-widget-header {
        background: #9acd34;
        border-color: #9acd34;
        border-radius: 0;
        padding: 17px;
        padding-bottom: 0; padding-top:13px;
    }
        .parent-tab-panel.ui-widget.ui-widget-content > .ui-widget-header > .ui-state-default {
            background: #606060;
            border-color: #606060;
            border-radius: 0;
            margin-right: 5px !important;
            bottom: -1px;
            top: inherit;
        }
            .parent-tab-panel.ui-widget.ui-widget-content > .ui-widget-header > .ui-state-default > .ui-tabs-anchor {
                color: #ffffff;
                padding: 8px 20px;
                font-size: 17px;
            }
            .parent-tab-panel.ui-widget.ui-widget-content > .ui-widget-header > .ui-state-default.ui-tabs-active > .ui-tabs-anchor {
                font-weight: 600;
                font-size: 20px;
                padding-top: 10px;
                padding-bottom: 10px;
            }
            .parent-tab-panel.ui-widget.ui-widget-content > .ui-widget-header > .ui-state-default:not(.ui-tabs-active) {
                bottom: -6px;
                position: relative;
                top: inherit;
            }
.view-pay-invoice {
    padding: 15px 20px;
}
.credit-container table tr th {
    background: #939598;
    text-align: center;
    padding: 4px;
    border: none;
    color: #ffffff;
    font-size: 23px;
    font-weight: normal;
}
    .credit-container table tr th, .credit-container table tr td{text-align:center;}
    .credit-container table {
        width: 100%;
    }
.parent-tab-panel.ui-widget.ui-widget-content div#myCredits.ui-tabs-panel {
    background: #e7e7e8;
}
.credit-container > table > tbody > tr > td {
    min-height: 465px;
    vertical-align: top;
    padding: 20px 30px;
    width: 49.0%;
}
.credit-container {
    background: #ffffff;
}
    .credit-container > table > tbody > tr > td:nth-child(2) {
        padding: 0;
        width: 5px;
    }
    .credit-container table.credit-box tfoot tr td {
        border-top: solid 1px #cccccc;
    }
    .credit-container table.credit-box thead tr td {
        border-bottom: solid 1px #cccccc;
    }
    .credit-container table.credit-box tr td {
        text-align: left;
        padding: 4px 10px;
        font-size: 14px;
        font-weight: 600;
    }
    .credit-container table.credit-box tbody tr td {
        font-size: 12px;
    }
        .credit-container table.credit-box tr td img.invoice-icon {
            width: 20px;
            margin-right: 5px;
        }
    .credit-container table.credit-box thead tr td:nth-child(2), .credit-container table.credit-box tfoot tr td:nth-child(2) {
        text-align: right;
    }
    .credit-container table.credit-box {
        border: solid 1px #cccccc;
        margin-bottom: 20px;
        border-top-width: 5px;
    }
        .credit-container table.credit-box.available-credit {
            border-top-color: #9acd34;
        }
        .credit-container table.credit-box tr td a.apply-to-invoice {
            background: #00a1e4;
            color: #ffffff;
            text-decoration: none;
            padding: 4px 6px; font-size:13px;
            margin:1px 0;
        }
.summary-table table tbody tr td a.apply-credit {
    background: #0095d9;
    color: #ffffff;
    text-decoration: none !important;
    display: inline-block;
    font-weight: normal;
    padding: 2px 5px;
    font-size: 12px;
}
.summary-table table tbody tr.selected-payment td {
    font-weight: 600;
}
.view-pay-invoice .apply-credit-amount-info p {
    font-size: 25px;
    color: #676565;
}
.view-pay-invoice .apply-credit-amount-info {
    text-align: center;
    padding-top: 10px;
}
    .view-pay-invoice .apply-credit-amount-info p {
        font-size: 25px;
        color: #676565;
        margin-bottom: 10px;
    }
    .view-pay-invoice .apply-credit-amount-info a {
        display: inline-block;
        background: #0095d9;
        color: #ffffff;
        text-decoration: none;
        padding: 5px 10px;
        font-size: 18px;
        font-weight: 600;
        margin-top: 10px;
    }
/**14 jan 2021 css end bhanu**/
/**21 jan 2021 css start**/
.profile-quick-info table {
    width: 400px;
    font-size: 14px;
    text-align: left;
}
    .profile-quick-info table thead {
        background: #404041;
        color: #ffffff;
    }
    .profile-quick-info table th, .profile-quick-info table td {
        border: solid 1px #404041;
        text-align: left;
        padding: 2px 5px;
        line-height: normal;
        font-size: 14px;
        font-weight: 500;
    }
        .profile-quick-info table th:first-child {
            width: 90px;
        }
/**21 jan 2021 css end**/

/**debit credit popup css end bhanu**/
.check-detail-form textarea {
    width: 100%;
    box-sizing: border-box;
    height: 70px;
    background: #ffffff;
    box-shadow: none;
    margin-bottom: 0;
}

.check-detail-form {
    padding: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}

    .check-detail-form table {
        width: 100%;
    }

        .check-detail-form table td {
            padding: 0px 0 10px;
        }

            .check-detail-form table td input[type="text"] {
                margin-bottom: 0;
                width: 120px;
                line-height: 20px;
                height: 30px;
            }

            .check-detail-form table td strong {
                display: inline-block;
                margin-right: 5px;
            }

    .check-detail-form a {
        color: #ffffff;
        text-decoration: none;
        /* float: right; */
        font-size: 13px;
        font-weight: 600;
        display: inline-block;
        margin-left: 0;
        background: #07a4dc;
        padding: 4px 10px;
        border-radius: 4px;
    }

        .check-detail-form a.approve.btn, .check-detail-form a.delete-transaction.btn {
            background: #07a4dc;
            /* border-radius: 0; */
            box-shadow: none;
            text-shadow: none;
            font-weight: normal;
            border: none;
            padding: 5px 23px;
            color: #ffffff !important;
            line-height: 20px;
        }

        .check-detail-form a.delete-transaction.btn {
            background: #ff0000;
        }

    .check-detail-form table tr:last-child td {
        padding-bottom: 0;
        padding-top: 10px;
    }
.custom-popupCss h2.heading {
    background-color: #606060;
    border-bottom: 4px solid #9acd34;
    color: #fff;
    font-family: "Roboto Condensed",sans-serif;
    margin: 0 0 10px;
    padding: 0 10px 5px;
    font-weight: bold;
}

/**user rofile tabbing some overwrite css start***/
.parent-tab-panel.user-profile-tabbing {
    margin-top: -4px;
}
    .parent-tab-panel.user-profile-tabbing.ui-widget.ui-widget-content > .ui-widget-header {
        background: #606060;
        border-color: #606060;
        border-bottom-color: #9acd34;
        border-bottom-width: 3px;
    }
        .parent-tab-panel.user-profile-tabbing.ui-widget.ui-widget-content > .ui-widget-header > li.ui-state-default {
            background: #9acd34;
            border-color: #9acd34;
        }
        .parent-tab-panel.user-profile-tabbing.ui-widget.ui-widget-content > .ui-widget-header > .ui-state-default > .ui-tabs-anchor {
            color: #ffffff;
            padding: 6px 20px;
            font-weight: 600;
        }
        .parent-tab-panel.user-profile-tabbing.ui-widget.ui-widget-content > .ui-widget-header > .ui-state-default:not(.ui-tabs-active) {
            bottom: -10px;
        }
        .parent-tab-panel.user-profile-tabbing.ui-widget.ui-widget-content > .ui-widget-header > .ui-state-default.ui-tabs-active > .ui-tabs-anchor {
            padding: 10px 20px;
        }

    .parent-tab-panel.user-profile-tabbing.ui-widget.ui-widget-content div#credits.ui-tabs-panel {
        background: #e7e7e8;
    }
/**user rofile tabbing some overwrite css end***/

/**5feb2021 css start**/
.view-pay-invoice .account-statement .statement-table.payinvoice-statement-table > table tr td:last-child {
    padding-right: 0;
    padding-left: 20px;
}
    .view-pay-invoice .account-statement .statement-table.payinvoice-statement-table > table tr td:last-child .invoice-status .invoice-row span {
        display: inline-block;
        text-align: left;
        width: 35%;
    }
/**5feb2021 css end**/
.view-pay-invoice .account-statement .statement-table table tr td table tr td {
    font-size: 17px !important;
}

.payinvoive-pagination {
   text-align: left;
    /* padding-left: 12px; */
    overflow: hidden;
}
    .payinvoive-pagination ul.pagination {
        padding: 12px 0;
    margin-bottom: 0;
    display: block;
    border-top: solid 1px #6c6d70;
    overflow: hidden;
    padding-left: 12px;
    border-radius: 0;
    margin-top: 0;
    }
        .payinvoive-pagination ul.pagination li a {
            background-color: #777677;
            border: 1px solid #666466;
            color: #fff;
            font-weight: normal;
            padding: 2px 8px !important;
            margin-right: 5px;
            border-radius: 0px;
        }
        .payinvoive-pagination ul.pagination li.disabled a, .payinvoive-pagination ul.pagination li.disabled a:hover {
            background: #c1c0c0;
            border-color: #c1c0c0;
            color: #ffffff;
        }
        .payinvoive-pagination ul.pagination li a:hover, .payinvoive-pagination ul.pagination li.active a {
            background-color: #428bca;
            border-color: #428bca;
        }
        .parent-tab-panel.ui-widget.ui-widget-content > .ui-widget-header > .ui-state-default.active:not(.ui-state-active) {
            display: none;
            /* Commit*/
}


/*email invoive jqt css*/
.jqt-email-invoice {
   width: 78%;
    float: none;
    margin-top: 10px;
    margin: 0 0px;
    display: inline-block;
}
    .jqt-email-invoice>.jqte{margin:0px;}
.savemessageboardpost {
    margin-bottom: 0;
    position: absolute;
    top: 10px;
    right: 2px;
    color: #ffffff!important;
    background: #0095d9!important;
    border-radius: 0 !important;
    padding-top: 5px;
    padding-bottom: 5px;
}

/*admin pay invoce css*/
span.addmore-email.address-email-admin {
    right: 255px;
}

.Invoice-payment-details.Invoice-payment-details-admin {
    width: 740px !important;
    font-family: arial;
}
   
    .Invoice-payment-details.Invoice-payment-details-admin .bt-border:not(.bt-border-table) label {
        min-width: 133px;
        width: auto !important;
    }
    .Invoice-payment-details.Invoice-payment-details-admin .savemessageboardpost {
        padding-top: 7px;
        padding-bottom: 6px; text-decoration:none!important;
    }
.Invoice-payment-details.Invoice-payment-details-admin span.addmore-email a {
    line-height: 29px;
}
    .Invoice-payment-details.Invoice-payment-details-admin .jqt-email-invoice .jqte_tool.jqte_tool_1 .jqte_tool_label {
        text-decoration: none;
        height: 22px;
        padding: 0 3px;
    }
   .custom-popupCss .accordion h4 {
        font-weight: bold;
        font-size: 24px;
        line-height: 20px;
    }
.custom-popupCss #emailAccordion .accordion {
    font-family: 'Roboto', sans-serif !important;
}

/** email template css start 24 march 2021***/
.promocode-web .promocode-email {
    /* display: none!important; */
    border: none !important;
    padding: 0 !important;
    margin: 0;
    width: auto;
}
.promocode-email .promocode-email {
    display: none !important;
}
.promocode-web{display:block!important;}
.tdBorder.tdborder-web {
    border-bottom: 1px solid #bdbfc1!important;
}
.priceQuoteBox.priceQuoteBox-web, .orderMorespan.orderMorespan-web {
    color: #00acdc !important;
    margin-top: 8px !important;
    margin-bottom: 7px !important;
}
.ClassGBorder .ClassFreeText {
    font-size: 28px !important;
    font-weight: normal !important;
    margin: 1px 0 7px !important;
    color: #444 !important;
}
.priceQuoteFont.priceQuoteFont-web p + p .spanExtraSizePrice {
    font-size: 22px !important;
}
.border-web-top {
    border-top: 1px solid #bdbfc1!important;
    padding-top:2px!important;
}
.ClassPoint20, .ClassPoint20 #strongnextItemquantityRange {
    font-size: 21px!important;
    line-height: 30px!important;
}
.orderMoretdBorder.orderMoretdBorder-web{
    padding-top: 2px !important
}
.priceQuoteFont + p{margin-bottom:10px!important;}
/** email template css end 24 march 2021***/

/****08 june 2021 css start****/
.credit-container table.credit-box tr td img.invoice-icon {
    float: left;
    margin-bottom: 3px;
    margin-right: 7px;
}
.credit-container table.credit-box tbody tr td{width:50%;}
.credit-container table.credit-box tbody tr td:nth-child(2) {
    text-align: right;
}
.view-pay-invoice .account-statement .statement-table.payinvoice-statement-table > table tr td:last-child .invoice-status .invoice-row span{
	word-break: break-all;
}
/***26 july 2021 css start**/
a.openTaxAgreement.cust-openTaxAgreement {
    font-size: 11px;
    display: block;
    color: #333333;
    text-decoration: underline;
    margin-top: 4px;
}
.agreement-popup-css .border {
    border: none;
}
.agreement-popup-css {
    background: #ffffff;
    padding: 20px 10px;
    text-align: left;
}
    .agreement-popup-css p {
        font-size: 16px;
        line-height: 1.5;
    }
.view-store-garment-sec {
    width: 100%;
    margin: 0 auto 10px;
    float: right;
    border-top: 1px solid #333;
    padding-top: 10px;
    margin-top: 5px;
    overflow: hidden;
    margin-bottom: 0;
}
    .view-store-garment-sec .avtar {
        width: 66px;
        margin-bottom: -11px;
        position: relative;
        left: 14px;
        top: 00;
        z-index: 2;
    }
    .view-store-garment-sec .view-store-btn-action {
        font-size: 19px;
        border: 1px solid black;
        padding: 5px;
        text-decoration: underline;
        color: #333333;
        font-weight: normal;
        display: inline-block;
        position: relative;
        top: 17px;
        left: -14px;
        font-family: 'Roboto', sans-serif;
        padding: 13px 15px;
        z-index: 1;
        min-width: 284px;
        text-align: center;
    }
        .view-store-garment-sec .view-store-btn-action strong {
            font-weight: normal;
        }
.agreement-popup-css h2.heading {
    margin: -20px -10px 12px;
    text-align: left;
    padding: 5px 10px;
}

/*****28 july css start****/
div#giftCartPopup{position:relative}
    div#giftCartPopup:after {
        background: url(/resources/images/gift-cart-avtar.png) no-repeat center center;
        content: '';
        position: absolute;
        right: 0;
        z-index: 2;
        width: 353px;
        height: 360px;
        bottom: 0;
        background-size: cover;
    }
#giftCartPopup h2 {
    background: #eff0f1;
    color: #221e20;
    padding: 10px;
    border-bottom: solid 10px #818385;
    margin-bottom: 0;
}
.gift-Cart-Popup-bg{position:relative;min-height: 490px;}
    .gift-Cart-Popup-bg:after {
        position: absolute;
        content: '';
        background: #a6cd39;
        height: 22px;
        width: 100%;
        bottom: 0;
        z-index: 0;
        left: 0;
    }
div#giftCartPopup:before {
    position: absolute;
    content: '';
    bottom: 15px;
    width: 100%;
    height: 60px;
    background: #eff0f1;
}
.gift-Cart-Popup-bg {
    padding: 20px;
}
.gift-cart-list .column:first-child {
    width: 30%;
    margin-top: 25px;
}
.gift-cart-list .column {
    display: inline-block;
    vertical-align: top;
    width:41%;
}
    .gift-cart-list .column strong {
        display: block;
        text-decoration: underline;
        font-size: 19px;
        margin-bottom: 7px;
    }
.gift-cart-list {
    margin-bottom: 20px;
}
    .gift-cart-list:first-child{margin-bottom:0px;}

    .gift-cart-list .column ul li {
        display: inline-block;
        width: 44%;
        line-height: normal;
        margin-right: 13px !important;
        text-align: center;
    }
        .gift-cart-list .column ul li p strong, .gift-cart-list .column ul li p {
            display: inline-block;
            font-size: 10px;
            text-decoration: none;
            line-height: 1.5;
            vertical-align: top;
            margin-bottom: 0; font-weight:bold;
        }
        .gift-cart-list .column ul li input[type="radio"] {
            margin-top: 0;
            vertical-align: top;
            margin-top: 1px;
        }
            .gift-cart-list .column ul li p strong {
                margin-right: 5px;
                margin-bottom: 0;
            }
    .gift-cart-list .column ul {
        margin-left: 0;
        margin-bottom: 0;
    }
        .gift-cart-list .column ul li span.image, .gift-cart-list .column ul li label.image {
            display: inline-block;
            border: solid 1px #cccaca;
            padding: 5px;
            margin-bottom: 5px;
        }
            .gift-cart-list .column ul li.active label.image{border-color:#333333;}
            .gift-cart-list .column.full:first-child {
                margin-top: 0;
            }
    .gift-cart-list .column.full {
        width: 100%;
    }
    .gift-cart-list.last-child {
        margin-bottom: 0;
    }
        .gift-cart-list.last-child .column.full {
            margin-bottom: 10px;
        }
        .gift-cart-list.last-child button.green-button {
            float: none;
            display: block;
            width: auto !important;
            min-width: 160px;
            margin-bottom: 5px;
            border-radius: 6px;
            padding: 5px 5px;
        }
            .gift-cart-list.last-child button.green-button:first-child {
                margin-bottom: 86px;
                margin-left: 20px;
            }
            .gift-cart-list.last-child button.green-button.disabled {
                cursor: default;
                opacity: .5;
            }
.gift-cart-list .column ul li a {
    color: #333;
}
    .gift-cart-list.last-child button.green-button:last-child {
        width: auto !important;
        min-width: 1px;
        padding: 5px 10px;
        margin-left: 39px;
        margin-bottom: 10px;
    }
    .gift-cart-list .free-gift-size table td input[type="text"], .gift-cart-list .free-gift-size table td input[type="number"] {
        width: 20px;
        min-width: 20px;
        background: #ffffff;
        border-radius: 0;
        margin-bottom: 0;
        border-color: #333; text-align:center;
    }
/* Chrome, Safari, Edge, Opera */
        .gift-cart-list .free-gift-size table td input[type="number"]::-webkit-outer-spin-button,
        .gift-cart-list .free-gift-size table td input[type="number"]::-webkit-inner-spin-button {
            -webkit-appearance: none;
            margin: 0;
        }

/* Firefox */
    .gift-cart-list .free-gift-size table td input[type="number"] {
        -moz-appearance: textfield;
    }
.gift-cart-list .free-gift-size table td span {
    display: block;
    text-align: center;
    
}
.gift-cart-list .free-gift-size table td {
    padding: 0 5px;
}
    .gift-cart-list .free-gift-size {
        margin-top: 10px;
        padding-left: 15px;
    }
    .gift-cart-list .column ul li:last-child {
        margin-right: 0 !important;
    }
.gift-cart-list .column.full a {
    font-weight: 500;
}
    .gift-cart-list .thank-message {
        text-align: center;
        width: 58%; margin-top:45px;
    }
    .gift-cart-list .thank-message p strong {
        font-size: 26px;
    }
    .gift-cart-list .thank-message p span {
        font-size: 18px;
        line-height: normal;
    }
        .gift-cart-list .thank-message p {
            font-size: 11px;
        }
    .gift-cart-list .thank-message button.green-button.no-thanks-btn {
        margin: auto;
        margin-top: 35px;
    }

div#giftPopupStep2 .gift-offer-wrapper .avatar {
    position: relative;
    z-index: 2;
    width: 40%;
    margin: 17px;
    margin-top: 0;
    margin-bottom: 0;
}
div#giftPopupStep2 .gift-offer-wrapper {
    position: relative;
}
    div#giftPopupStep2 .gift-offer-wrapper .offer-text-container {
        position: absolute;
        top: 138px;
        left: 27%;
        background: #fdfbfb;
        width: 68%;
        padding: 15px;
        box-sizing: border-box;
        border: solid 2px #666464;
        padding-top: 30px;
        z-index: 1; text-align:center;
    }
        div#giftPopupStep2 .gift-offer-wrapper .offer-text-container:before {
            content: '';
            /* background: #f00; */
            background: #7c7e83;
            left: 0;
            top: 0;
            width: 100%;
            height: 21px;
            position: absolute;
            z-index: 0;
            border-bottom: solid 2px #9acd34;
        }
        div#giftPopupStep2 .gift-offer-wrapper .offer-text-container span.discount-text {
            display: block;
            margin-bottom: 5px;
            text-align: left;
        }
        div#giftPopupStep2 .gift-offer-wrapper .offer-text-container span.offer-text {
            display: block;
            text-align: center;
            font-size: 26px;
            margin: 8px 0;
            font-weight: 300;
        }
        div#giftPopupStep2 .gift-offer-wrapper .offer-text-container span.promo-code, .gift-thanks-wrapper .thanks-text-container .promo-code .offer-text-container {
            display: block;
            font-size: 13px;
            text-align: center;
        }
        div#giftPopupStep2 .gift-offer-wrapper .offer-text-container em, .gift-thanks-wrapper .thanks-text-container .promo-code .offer-text-container em {
            font-size: 17px;
            font-style: normal;
            display: inline-block;
            margin: 0 2px;
            color: #333;
        }
        div#giftPopupStep2 .gift-offer-wrapper .offer-text-container input[type="text"], .gift-thanks-wrapper .thanks-text-container .promo-code .offer-text-container input[type="text"] {
            width: 90px;
            vertical-align: inherit;
            background: #ffffff;
            height: 15px;
            border-radius: 0px;
            font-size: 13px;
        }
        div#giftPopupStep2 .gift-offer-wrapper .offer-text-container button.green-button.submit-order {
            width: 131px !important;
            margin: 5px auto;
            float: none;
            border-radius: 4px;
            padding: 5px 8px;
            font-size: 15px; margin-top:0px;
        }
        div#giftPopupStep2 .gift-offer-wrapper .offer-text-container .deal-heading {
            background: #129bd7;
            margin-left: -15px;
            margin-right: -15px;
            margin-top: 5px;
            margin-bottom: 5px;
            color: #ffffff;
        }
            div#giftPopupStep2 .gift-offer-wrapper .offer-text-container .deal-heading img {
                width: 120px;
                vertical-align: middle;
            }
        div#giftPopupStep2 .gift-offer-wrapper .offer-text-container .promo-apply {
            margin-top: 15px;
        }
            div#giftPopupStep2 .gift-offer-wrapper .offer-text-container .promo-apply p {
                margin-bottom: 0;
            }
            div#giftPopupStep2 .gift-offer-wrapper .offer-text-container .promo-apply .input-group button.green-button {
                padding: 2px 13px;
                vertical-align: top;
                font-size: 15px;
                border-radius: 4px;
                width: auto !important;
            }
        div#giftPopupStep2 .gift-offer-wrapper .offer-text-container .input-group input[type="text"] {
            min-width: 150px;
        }
        div#giftPopupStep2 .gift-offer-wrapper .offer-text-container .input-group p.slogan {
            margin-bottom: -9px;
            font-size: 16px;
            font-weight: 300;
        }
        div#giftPopupStep2 .gift-offer-wrapper .offer-text-container .promo-apply > p {
            color: #8e8b8b;
            margin-bottom: 5px;
        }
.gift-thanks-wrapper {
    background: url(/resources/images/boy-thanks-img.png) no-repeat 0px 5px;
    background-size: 57%;
    min-height: 380px;
    padding-left: 35%;
}
    .gift-thanks-wrapper .thanks-text-container {
        padding-top: 35px;
        text-align: center;
    }
        .gift-thanks-wrapper .thanks-text-container h3 {
            color: #000;
            font-weight: 800;
            padding-left: 120px;
            font-size: 21px;
            line-height: normal;
            margin-bottom: 20px;
            margin-right: 0;
        }
            .gift-thanks-wrapper .thanks-text-container h3 + p {
                padding-left: 120px;
                margin-right: 0;
                margin-bottom: 0;
                font-size: 17px;
                color: #797777;
                font-weight: 300;
            }
                .gift-thanks-wrapper .thanks-text-container h3 + p a {
                    color: #797777;
                    text-decoration: underline;
                }
div#giftThanksPopup {
    margin: 20px;
    border: solid 2px #000;
    padding: 20px;
    position: relative;
    padding-bottom: 0;
    padding-left: 10px;
    background: #ffffff;
    margin-bottom: 0;
}
    div#giftThanksPopup:before {
        position: absolute;
        content: '';
        background: #7c7e81;
        height: 17px;
        width: 100%;
        left: 0;
        top: 0;
        border-bottom: solid 1px #a1cc3a;
    }
.gift-thanks-wrapper .thanks-text-container .promo-code {
    margin-top: 114px;
}
    .gift-thanks-wrapper .thanks-text-container .promo-code strong {
        display: block;
        margin-bottom: 10px;
    }
    .gift-thanks-wrapper .thanks-text-container .promo-code .offer-text-container span.offer-text {
        display: block;
        display: block;
        text-align: center;
        font-size: 26px;
        margin: 8px 0;
        font-weight: 300;
    }
        .gift-thanks-wrapper .thanks-text-container .promo-code .offer-text-container span.offer-text strong {
            display: inline-block;
            margin-bottom: 0;
        }
/****30 july 2021 css start*****/
.img-td.garment-zoom-container {
    position: relative;
    z-index: 10000;
    width: auto;
    left: 15px;
}

.zoom-col.cust-zoom-col.action-buy-now .buy-box-col {
    font-size: 30px;
}

/***03august2021***/
table.freegift-col.qualifies-free-gift span.size-slogan {
    color: #0088cc;
    font-weight: 500;
    margin-top: 20px;
    margin-bottom: 15px;
    display: block;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
}
table.freegift-col.qualifies-free-gift td {
    vertical-align: top;
}
table.design-seelct-css td {
    padding: 4px 10px !important;
    position:relative;
}
table.design-seelct-css label {
    padding: 3px 3px;
    border: solid 2px #cccccc;
    height: 73px;
    width: auto;
    display: inline-flex;
    clear: both;
}
    table.design-seelct-css label img {
        width: auto;
        height: auto;
    }

    /*table.design-seelct-css input[type="radio"]{visibility:hidden;position:absolute;}*/
table.design-seelct-css a.view-design-link {
    color: #333333;
    font-size: 11px;
    clear: both;
    display: inline-block;
}
table.design-seelct-css input[type="radio"].ng-valid-parse + label {
    border-color: #333;
}
table.freegift-col.qualifies-free-gift div.freeGift-col span.sz-box {
    width: 11%;
    margin-left: 6px;
    margin-right: 6px;
}
    table.freegift-col.qualifies-free-gift div.freeGift-col span.sz-box input.size-inputSty {
        border-radius: 0;
        width: 100%;
        box-sizing: border-box;
        height: 30px !important;
        border-color: #909090 !important;
    }
table.freegift-col.qualifies-free-gift h4 strong {
    position: absolute;
    margin-left: -64px;
    text-decoration: underline;
}
table.freegift-col.qualifies-free-gift h4 {
    font-weight: normal;
    font-size: 18px;
    padding-left: 77px !important;
    position: relative;
    text-align: center;
}
table.freegift-col.qualifies-free-gift .free-gift-note {
    display: block;
    text-align: center;
    margin-top: 25px;
    max-width: 90%;
    margin: 25px auto;
    font-size: 18px;
    color: #58585a;
    font-weight: normal;
    margin-bottom: 0;
}
    table.freegift-col.qualifies-free-gift .free-gift-note span {
        display: block;
        margin: 9px 0 12px;
    }
    table.freegift-col.qualifies-free-gift .free-gift-note strong {
        font-size: 26px;
        color: #58585a;
    }
table.freegift-col.qualifies-free-gift button.green-button.add-free-gift1 {
    margin: 33px auto;
    float: none;
    width: auto !important;
    padding: 5px 15px;
    display: block;
    position: relative;
    left: 41px;
}
table.freegift-col.qualifies-free-gift > tbody > tr > td {
    padding: 10px 10px !important;
}
.cart-table-box.div-free-gift-table td {
    font-size: 12px;
    text-transform: uppercase;
}
.promocode-box.free-gift-promocode-box {
    width: 100%;
}
    .promocode-box.free-gift-promocode-box .promocode-inner {
        width: 520px;
        margin-right: 10px;
    }
	
	#divAdvancePromo .gift-offer-wrapper.current-gift-offer-wrapper .promocode-inner.offer-text-container {
    top: 178px !important;
    left: 260px;
    width: 88%;
}

/******store pto popup css start 03sep2021********/

.store-pto-bg {
    background: url("/resources/images/store-pto-popup-bg.jpg") repeat;
}
.store-pto-popup-one .store-popup-container, .store-popup-container {
    position: relative;
    color: #fff;
    text-align: center;
}
    .store-pto-popup-one .store-popup-container span.expo-city, .store-pto-popup-two .store-popup-container span.expo-city,
    .store-pto-popup-three .store-popup-container span.expo-city {
        position: absolute;
        top: 0;
        right: 0;
        width: 50%;
        font-size: 25px;
        display: block;
        margin-top: -36px;
        font-weight: 500;
    }
        .store-pto-popup-one .store-popup-container span.expo-city label, .store-pto-popup-two .store-popup-container span.expo-city label,
        .store-pto-popup-three .store-popup-container span.expo-city label {
            display: inline-block;
            margin-right: 5px;
            font-weight: 600;
            vertical-align: top;
            margin-top: 2px;
        }
    .store-pto-popup-one .store-popup-container p, .store-pto-popup-two .store-popup-container p, .store-pto-popup-three .store-popup-container p {
        padding: 7px 20px 0;
        font-size: 18px;
        line-height: 1.5;
    }
    .store-pto-popup-one .store-popup-container .form-group, .store-pto-popup-two .store-popup-container .form-group, 
    .store-pto-popup-three .store-popup-container .form-group {
        padding: 0px 10px;
        border-bottom: solid #52376a;
        padding-bottom: 15px;
        margin-top: 15px;
    }
        .store-pto-popup-one .store-popup-container .form-group label, .store-pto-popup-two .store-popup-container .form-group label,
        .store-pto-popup-three .store-popup-container .form-group label {
            opacity: .5;
            margin-bottom: 8px;
            font-size: 16px;
        }
        .store-pto-popup-one .store-popup-container .form-group input.form-control, .store-pto-popup-three .store-popup-container .form-group input.form-control {
            display: block;
            width: 40% !important;
            margin: 5px auto;
            border-radius: 0;
            height: 25px;
            border: none;
            text-indent: 5px;
        }
        .store-pto-popup-one .store-popup-container .form-group input.btn.btn-primary, .store-pto-popup-two .store-popup-container .form-group input.btn.btn-primary,
        .store-pto-popup-three .store-popup-container .form-group input.btn.btn-primary {
            background: #462263;
            font-weight: 500;
            box-shadow: none;
            border-radius: 0;
            color: #fee203;
            font-size: 23px;
            padding: 8px 12px;
            border: none;
        }
    .store-pto-popup-one .store-popup-container table td {
        padding: 7px 5px;
        font-weight: bold;
        font-size: 14px;
    }
    .store-pto-popup-one .store-popup-container table {
        width: 100%;
    }
        .store-pto-popup-one .store-popup-container table td:last-child {
            border-left: solid #53376a;
        }
.store-date-estimation {
    width: 100%;
    left: 0;
    background-image: linear-gradient(to right, #735a84 50%, white 50%);
    background-position: bottom;
    background-size: 26px 3px;
    background-repeat: repeat-x;
    padding-bottom: 8px;
}
.store-pto-popup-two .store-popup-container p {
    font-size: 21px;
}
.store-pto-popup-two .store-popup-container .form-group label {
    opacity: 1;
    font-size: 19px;
    line-height: 1.4;
    font-weight: 500;
}
.store-pto-popup-two .store-popup-container .form-group {
    border-bottom: none;
}
    .store-pto-popup-two .store-popup-container .form-group input.btn.btn-primary {
        background: #462263;
        font-weight: normal;
        font-size: 19px;
        border: none;
        letter-spacing: 1px;
    }
.store-pto-popup-three .store-popup-container span.expo-city {
    width: 45%;
    margin-top: -30px;
}
.store-pto-popup-three .store-popup-container p {
    font-size: 26px;
}
.store-pto-popup-three .store-popup-container .form-group p {
    line-height: 1.2;
    font-weight: 500;
    font-size: 22px;
}
    .store-pto-popup-three .store-popup-container .form-group p span {
        display: block;
        margin-top: 7px;
    }
.store-pto-popup-three .store-popup-container .form-group label {
    margin-bottom: -5px;
    opacity: 1;
    margin-top: 15px;
    font-size: 14px;
}
.store-pto-popup-three .store-popup-container .form-group input.form-control {
    width: 60% !important;
    border: solid #53386d 2px;
}
.store-pto-popup-three .store-date-estimation, .store-pto-popup-one .store-date-estimation {
    border: none;
    position: relative;
}
    .store-pto-popup-three .store-date-estimation a.not-attend-expo, .store-pto-popup-one .store-date-estimation a.not-attend-expo {
        position: absolute;
        top: 0;
        right: 10px;
        margin-top: -36px;
        font-size: 11px;
        color: #fff;
        text-decoration: underline;
    }
.store-pto-popup-three .store-popup-container .form-group {
    border: none;
}
.store-pto-popup-three .email-confirmation label {
    display: inline-block;
    margin-right: 10px;
}
.store-pto-popup-three .email-confirmation {
    padding: 0 10px;
}
    .store-pto-popup-three .email-confirmation span {
        display: inline-block;
        border: solid 1px #fff;
        padding: 5px 10px;
        min-width: 51%;
        color: #000000;
        font-weight: bold;
        text-align: left;
    }
.store-pto-popup-three .store-popup-container .form-group input.btn.btn-primary {
    font-weight: normal;
    font-size: 21px;
    
}
.store-pto-popup-three.store-pto-popup-four .email-confirmation span {
    border: none;
    width: 100%;
    text-align: center;
    padding: 0;
}
.store-pto-popup-three.store-pto-popup-four .store-popup-container p {
    margin-bottom: 0;
    line-height: 1.3;
}
.store-pto-popup-three.store-pto-popup-four .form-group {
    margin-top: 0;
}
.store-pto-popup-one .store-popup-container p {
    font-size: 20px;
}

.store-pto-popup-one .store-date-estimation.expo {
    background-image: none;
    padding-bottom: 0;
}
/******store pto popup css start 03sep2021********/
/****header notice css start****/
.header-notice {
    background: #f58320;
    color: #ffffff;
    padding: 10px 40px;
}
    .header-notice .text-container p {
        margin-bottom: 0;
        font-size: 18px;
        font-weight: 500;
        line-height: normal;
    }
    .header-notice .text-container strong {
     text-transform: uppercase;
    left: 0;
    font-size: 26px;
    top: 50%;
    transform: translateY(-50%);
    font-weight: 600;
    letter-spacing: 1px;
    vertical-align: inherit;
    padding-top: 6px;
    }
    .header-notice .text-container {
        position: relative;
        padding-left:0px;
        text-align: center;
    }
#SubstitutionNotice .notice-heading {
    background: #f58220;
    color: #fff;
    padding: 2px 10px;
    font-size: 35px;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    letter-spacing: 1px;
    overflow: hidden;
    display: block;
    line-height: normal;
}

#SubstitutionNotice .notice-container {
    padding:20px 15px;
    text-align: center;
    font-size: 18px;
    line-height: normal;
    background: #fff;
}
    #SubstitutionNotice .notice-container a.dismissMessage {
        background: #f58220;
        display: inline-block;
        color: #ffffff;
        padding: 2px 10px;
        margin-top: 9px;
    }
    #SubstitutionNotice .notice-container a.dismissMessage {
        background: #f58220;
        display: inline-block;
        color: #ffffff;
        padding: 4px 10px;
        margin-top: 10px;
        font-weight: bold;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-size: 16px;
    }
/****header notice css end****/
.notice-stock {
    padding: 0 5px 5px;
    color: #333;
}
/***17 jan css start****/
.extreme-deal-discount {
    display: block;
    background: #ffffff;
    color: #2f3232;
    width: 72%;
    margin: 0 auto;
    margin-top: 10px;
    padding: 10px;      
    font-size: 18px;
    font-weight: 500;
    line-height: normal;
}
    .extreme-deal-discount strong {
        color: #2e38c8;
    }
/***17 jan css end****/
/*********18 jan 2022 css start********/
.extream-deal-popup .text-container {
    position: absolute;
    top: 130px;
    right: 30px; text-align:center;
}
    .extream-deal-popup .text-container .logo span {
        position: absolute;
        right: 2px;
        font-size: 16px;
        font-weight: 600;
        top: 17px;
        font-family: "Roboto Condensed",sans-serif;
        text-transform: uppercase;
    }
    .extream-deal-popup .text-container .logo p {
        color: #ffffff;
        padding-left: 5px;
        box-sizing: border-box;
        font-size: 15px;
    }
    .extream-deal-popup .text-container .logo {
        float: none;
        margin-bottom: 5px;
    }
.xtreme-deal-code {
    clear: both;
    width: 260px;
    margin: 0 auto;
    text-align: center;
    border: dashed 2px #ffffff;
    border-radius: 6px;
    padding: 6px;
    box-sizing: border-box;
    margin-bottom: 10px;
    margin-left: 80px;
}
    .xtreme-deal-code h2 {
        background: none;
        border: none;
        padding: 0;
        margin: 0;
        color: #fedc01;
        font-weight: 800;
        font-size: 40px;
    }
        .xtreme-deal-code h2 span {
            display: block;
            font-weight: normal;
            font-size: 18px;
            line-height: normal;
            color: #ffffff;
            margin-bottom: 4px;
        }
.extream-deal-popup .text-container p {
    color: #ffffff;
    padding-left: 5px;
    box-sizing: border-box;
}
.xtreme-deal-code {
    transform: rotate( -3deg );
}

.confirm-col.cust-confirm-col {
    float: left;
    margin: 0;
    width: 100%;
}

    .confirm-col.cust-confirm-col .radio-st {
        border-bottom: 1px solid #ddd;
        font-size: 13px;
        line-height: 15px;
        padding-bottom: 8px;
        overflow: hidden;
        padding-top: 10px;
        position: relative;
        padding-left: 25px;
    }

        .confirm-col.cust-confirm-col .radio-st input[type='radio'] {
            position: absolute;
            left: 5px;
            top: 10px;
        }

/**24jan 2022 css start**/

/*#garmentTabPanel.parent-tab-panel.ui-widget.ui-widget-content > .ui-widget-header {
    background: none;
    margin: 0;
}*/
.garment-tab-panel ul.nav.nav-pills {
    padding: 8px 8px 0px 8px;
    margin-bottom: 0;
}

.garment-tab-panel .garment-info {
    background: #6c6d70;
    color: #ffffff;
    padding: 7px;
    text-align: center;
    font-size: 13px;
    font-weight: 600;
}

.garment-tab-panel ul.nav.nav-pills a {
    background: #d1d2d4;
    border-radius: 0;
    color: #000;
    text-align: center;
    font-weight: 500;
    font-size: 16px;
    height: auto;
    line-height: normal;
    margin-bottom: 0;
    margin-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.garment-tab-panel ul.nav.nav-pills li {
    width: 19%;
}

.garment-tab-panel .garment-color-box {
    display: inline-block;
    width: 50%;
    vertical-align: top;
}

.garment-tab-panel .garment-color-box {
    display: inline-block;
    width: 25%;
    vertical-align: top;
    box-sizing: border-box;
    padding: 15px;
    word-break: break-all;
    position: relative;
    padding-top: 40px;
    border-bottom: solid 1px #ccc;
    padding-bottom: 20px;
}

    .garment-tab-panel .garment-color-box:nth-child(2n) {
        border-right: solid 1px #cccccc;
    }

.upload-btn-wrapper {
    position: relative;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
}

.garment-tab-panel .button2:hover {
    color: #fff;
}

.upload-btn-wrapper .btn {
    border: 2px solid gray;
    color: gray;
    background-color: white;
    padding: 8px 20px;
    border-radius: 8px;
    font-size: 20px;
    font-weight: bold;
}

.upload-btn-wrapper input[type=file] {
    font-size: 100px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}

.upload-btn-wrapper button.btn {
    background: #6c6d70;
    color: #ffffff;
    text-shadow: none;
    border: none;
    border-radius: 0;
    font-size: 10px;
    padding: 1px 5px;
    cursor: pointer;
}

.garment-tab-panel .garment-front-n-back {
    margin-top: 8px;
}

    .garment-tab-panel .garment-front-n-back > span {
        font-weight: 600;
        font-size: 16px;
        display: inline-block;
        padding-top: 2px;
    }

.garment-tab-panel .garment-color-box:nth-child(2n+1) .garment-front-n-back {
    margin-top: 8px;
}

.garment-tab-panel .garment-color-box .garment-color {
    position: absolute;
    top: 13px;
    width: 340px;
}

.garment-tab-panel .garment-color-box .garment-front-n-back {
    text-align: right;
}

    .garment-tab-panel .garment-color-box .garment-front-n-back > span {
        float: left;
    }

.garment-tab-panel .garment-color-box .img-box {
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    min-height: 105px;
    margin-bottom: 10px;
    max-height: 105px;
}

.garment-tab-panel ul.nav.nav-pills a:focus, .garment-tab-panel ul.nav.nav-pills a:active, .garment-tab-panel ul.nav.nav-pills a.active {
    background: #6c6d70;
    color: #ffffff;
}

.garment-tab-panel .garment-color-box .img-box img {
    max-height: 80px;
    min-height: 1px;
    width: auto;
}

.garment-tab-panel .button2.saveImage {
    padding: 7px 20px 7px 20px;
    border: 0px solid #ccc;
    background-color: #f5f5f5;
    color: #fff;
    font-weight: 800;
    font-size: 12px;
    border-radius: 4px;
    background-color: #444;
    min-width: 60px;
    font-family: 'Open Sans', sans-serif;
    margin-top: 0px;
    margin-bottom: 15px;
    cursor: pointer;
}
/**24jan 2022 css end**/
/****31jan2022 css start****/
.garment-tab-panel .garment-front-n-back a img.icon {
    height: 22px;
    width: auto;
    vertical-align: top;
}

.garment-tab-panel .garment-color-box .garment-size {
    position: absolute;
    bottom: 5px;
    width: 430px;
    font-size: 11px;
    text-align: center;
}

/*******09march2022 css start***********/
.additional-size-height {
    min-height: 238px;
}

.additional-size-height-sec {
    min-height: 243px;
}
/*******09march2022 css end***********/

/**17 march 2021 css start**/
label.biling-shipoing-label {
    display: inline-block;
    vertical-align: top;
    margin-right: 25px;
    margin-top: 5px;
}
label.biling-shipoing-label input[type='checkbox']{
    margin-top:2px!important;
    vertical-align:top;
}
#divPickUp p {
    margin: 0px;
    text-transform: initial;
    font-size: 14px;
}
#divPickUp table tr td {
    text-align: center;  
    vertical-align: top;
}
.custEditOrderAddress.custom_custEditOrderAddress .sub-heading {
    font-size: 18px;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 10px;
    padding-top: 6px;
    padding-bottom: 6px;
    color: #333; display:none;
}
.custEditOrderAddress.custom_custEditOrderAddress .data_table2 input[type="text"], .custEditOrderAddress.custom_custEditOrderAddress select, .custEditOrderAddress.custom_custEditOrderAddress input[type="password"], .custEditOrderAddress.custom_custEditOrderAddress input[type="datetime"], .custEditOrderAddress.custom_custEditOrderAddress input[type="date"], .custEditOrderAddress.custom_custEditOrderAddress input[type="number"], .custEditOrderAddress.custom_custEditOrderAddress input[type="email"], .custEditOrderAddress.custom_custEditOrderAddress input[type="search"], .custEditOrderAddress.custom_custEditOrderAddress input[type="url"], .custEditOrderAddress.custom_custEditOrderAddress input[type="tel"] {
    padding: 4px 6px;
    height: 30px;
    margin-bottom: 6px;
    margin-top: 5px;
    box-shadow: none;
    width: 100%;
    background: #ffffff;
    box-sizing: border-box;
}

.custEditOrderAddress.custom_custEditOrderAddress .data_table2.shipping-address input[type="text"], 
.custEditOrderAddress.custom_custEditOrderAddress .data_table2.shipping-address select, 
.custEditOrderAddress.custom_custEditOrderAddress .data_table2.shipping-address input[type="password"], 
.custEditOrderAddress.custom_custEditOrderAddress .data_table2.shipping-address input[type="datetime"], 
.custEditOrderAddress.custom_custEditOrderAddress .data_table2.shipping-address input[type="date"], 
.custEditOrderAddress.custom_custEditOrderAddress .data_table2.shipping-address input[type="number"], 
.custEditOrderAddress.custom_custEditOrderAddress .data_table2.shipping-address input[type="email"], 
.custEditOrderAddress.custom_custEditOrderAddress .data_table2.shipping-address input[type="search"], 
.custEditOrderAddress.custom_custEditOrderAddress .data_table2.shipping-address input[type="url"], 
.custEditOrderAddress.custom_custEditOrderAddress .data_table2.shipping-address input[type="tel"] {
    height: 30px;
    margin-bottom: 2px;
}
    /**17 march 2021 css end**/
    /***22 mArch 2022 css starr****/
    .custEditOrderAddress.custom_custEditOrderAddress p.manage-spacing {
        margin-bottom: 8px;
    }
.custEditOrderAddress.custom_custEditOrderAddress div#divBilling p.manage-spacing.last {
    margin-bottom: 10px;
}
.custEditOrderAddress.custom_custEditOrderAddress table td.table_head {
    font-size: 14px;
    padding: 3px 9px;
}
.custEditOrderAddress.custom_custEditOrderAddress p.clear{
    margin-bottom:10px!important;
}
.grid_1000.billing-n-shipping-heading-hide .sub-heading {
    display: none;
}
.grid_1000.billing-n-shipping-heading-hide .data_table2 input[type="text"],
.grid_1000.billing-n-shipping-heading-hide .data_table2 input[type="password"],
.grid_1000.billing-n-shipping-heading-hide .data_table2 select,
.grid_1000.billing-n-shipping-heading-hide .data_table2 input[type="email"],
.grid_1000.billing-n-shipping-heading-hide .data_table2 input[type="tel"] {
    width: 100%;
    box-sizing: border-box;
    height: 36px;
}
.grid_1000.billing-n-shipping-heading-hide .tab_area {
    margin-top: 0;
}
/***22 March 2022 css end****/
@-moz-document url-prefix() {
    .custEditOrderAddress.custom_custEditOrderAddress label.biling-shipoing-label input[type='checkbox'] {
        margin-top:0px !important;
        vertical-align: top;
    }
}


/***********01 april 2022 css start***New online payment****/
.invoive-search-filter {
    clear: both;
    padding: 20px;
}
    .invoive-search-filter label {
        font-size: 18px;
        display: block;
        margin-bottom: 7px;
    }
    .invoive-search-filter .form-group {
        margin-bottom: 15px;
    }
        .invoive-search-filter .form-group input[type="text"] {
            border-color: #000;
            border-radius: 0;
            height: 35px;
            font-size: 18px;
            background: #ffffff; margin-bottom:0px;
        }
        .invoive-search-filter .form-group input.btn.btn-primary {
            background: #0095d9;
            border: none;
            font-size: 20px;
            border-radius: 0;
            display: inline-block;
            padding: 10px 20px;
            font-weight: 500;
        }
.invoice-validation-error h6 {
    border: none;
    font-weight: normal;
    color: #333333;
    font-size: 26px;
    margin-top: 10px;
}
.invoice-validation-error b {
    display: block;
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: normal;
}
.invoice-validation-error p {
    color: #333;
    font-size: 15px;
}
/*.text-center.invoive-search-filter:before {
    position: absolute;
    top: 0;
    height: 20px;
    width: 90%;
    content: '';
    left: 0;
    background: #e6e6e6;
    left: 50%;
    transform: translateX(-50%);
}*/
.text-center.invoive-search-filter {
    clear: both;
    padding: 20px 20px 20px 20px;
    position: relative;
    top: 20px;
    /*border-top: solid 2px #e4e3e3;*/
}
.make-payment-invoive-container .login_instruction, .invoice-thank-you-container .login_instruction {
    text-align: center;
    font-size: 24px;
    margin: 15px 0 20px;
}
.make-payment-invoive-container div#divPaymentDetails.Invoice-payment-details {
    float: none;margin-top: 10px;
}
    .make-payment-invoive-container div#divPaymentDetails.Invoice-payment-details input[type="text"], .make-payment-invoive-container div#divPaymentDetails.Invoice-payment-details input[type="email"], .make-payment-invoive-container div#divPaymentDetails.Invoice-payment-details input[type="password"] {
        box-sizing: border-box;
        /* height: 46px; */
    }
    .make-payment-invoive-container div#divPaymentDetails.Invoice-payment-details .tbl-cell {
        width: 47%;
        margin-bottom: 0 !important;
    }
    .make-payment-invoive-container div#divPaymentDetails.Invoice-payment-details .tbl-cell label{
        font-size: 16px;
    }
    .make-payment-invoive-container div#divPaymentDetails.Invoice-payment-details .bt-border textarea {
        width: 97%;
        margin-left: 7px;
        /* height: 60px; */
    }
    .make-payment-invoive-container div#divPaymentDetails.Invoice-payment-details .bt-border select {
        /* height: 46px; */
    }
    .make-payment-invoive-container div#divPaymentDetails.Invoice-payment-details .bt-border label {
        display: block;
        float: none !important;
        text-align: left;
        font-size: 16px;
    }
.make-payment-invoive-container {
    clear: both;
    padding: 20px;
}
.invoice-thank-you-container {
    clear: both;
    padding: 20px;
}
    .invoice-thank-you-container .thanks-box.custom-thanks-box {
        margin-top: 0;
        border-top: none;
    }
        .invoice-thank-you-container .thanks-box.custom-thanks-box h4 {
            font-size: 27px;
            margin-bottom: 17px;
            display: block;
        }
        .invoice-thank-you-container .thanks-box.custom-thanks-box .summary-table {
            width: 70%;
            margin: 10px auto;
        }
        .invoice-thank-you-container .thanks-box.custom-thanks-box .payment-receipt-invoice {
            width: 80%;
            margin: auto;
        }
            .invoice-thank-you-container .thanks-box.custom-thanks-box .payment-receipt-invoice table {
                width: 100%;
            }
                .invoice-thank-you-container .thanks-box.custom-thanks-box .payment-receipt-invoice table td a {
                    margin: 0;
                    text-align: center;
                }
                .invoice-thank-you-container .thanks-box.custom-thanks-box .payment-receipt-invoice table td:first-child {
                    text-align: center;
                    vertical-align: top; padding-right: 25px;
                    width: 107px;
                }
                .invoice-thank-you-container .thanks-box.custom-thanks-box .payment-receipt-invoice table td:last-child {
                    text-align: left;
                    vertical-align: top;
                   
                }
                    .invoice-thank-you-container .thanks-box.custom-thanks-box .payment-receipt-invoice table td:last-child p {
                        width: 100%;
                        text-align: left;
                        line-height: normal !important;
                        height: auto;
                        font-weight: 600;
                        font-size: 15px !important;
                        padding: 15px 20px;
                        box-sizing: border-box;
                    }
                    .invoice-thank-you-container .thanks-box.custom-thanks-box .payment-receipt-invoice table td:last-child input[type="text"] {
                        margin-left:20px;
                        border-radius: 0;
                        border: none;
                        height: 30px;
                        width: 77%;
                        margin-bottom: 15px;
                    }
                    .invoice-thank-you-container .thanks-box.custom-thanks-box .payment-receipt-invoice table td:last-child input.btn.btn-primary {
                        vertical-align: top;
                        height: 38px;
                        margin-left: 5px;
                        background: #6b6b6b;
                        border-radius: 0;
                        border: none;
                        font-size: 18px;
                        text-transform: uppercase;
                        letter-spacing: 1px;
                    }
/***********01 april 2022 css end****/
._reopen_store_title {
    color: #FFF;
    font-size: 11px;
    padding-left: 3px;
}
._reopen_store {
    font-weight: bold;
    font-size: 13px;
    padding: 14PX;
    border: 1px solid #fff;
    background: #00addc;
    color: #fff;
    text-align: center;
}


.myorder-reOrderLimitRequest .fancybox-skin {
    background-color: rgb(129, 130, 133);
    border: 10px solid rgb(96, 96, 96);
}
.myorder-reOrderLimitRequest .iteam-heading1 {
    background-color: #606060;
    border-bottom: none;
    color: #fff;
    margin: 0 0 0px;
    padding: 0 10px 10px;
    font-family: Roboto, Condensed, sans-serif;
    font-weight: 600;
    border-bottom: 4px solid #9acd34;
    font-size: 26px;
}

._d_block{
    display:block;
}
._popup_bofy_section {
    background-color: #fff;
    display: block;
    min-height: 87.8vh;
    padding: 15px;
}
._popup_img_box {
    display: flex;
    flex-direction: column;
    align-items: center;
    border-bottom: 1px solid #e1e1e1;
    margin-bottom: 15px;
    padding: 1rem;
}
._popup_img_box span.title {
    font-size: 20px;
    font-weight: bold;
    line-height: 22px;
    margin-bottom: 5px;
}

    ._popup_img_box strong{
        margin-bottom:5px;
    }

._limit_section {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: bold;
    max-width: 80%;
    margin: auto;
}

._popup_submit_btn {
    background: #00acdc;
    padding: 5px 10px;
    border: 0;
    font-size: 18px !important;
    font-weight: 500;
    color: #fff;
    cursor: pointer;
    width: 125px;
    text-align: center;
    white-space: normal;
    height: 52px;
}
._popup_reset_btn {
    background: #c7c8ca;
    padding: 5px 10px;
    border: 0;
    font-size: 18px !important;
    font-weight: 500;
    color: #fff;
    cursor: pointer;
    width: 125px;
    text-align: center;
    height: 52px;
}

._inner_box {
    border: 1px solid #e1e1e1;
    /*max-width: 60%;*/
    /*margin: auto;*/
    /*margin-top: 30px;*/
    margin:10px;
    padding: 2rem;
}
._innerbox_txt {
    line-height: 25px;
    padding: 1rem;
    margin-bottom: 2rem;
    font-weight: 600;
}

._innerbox_cta {
    display: flex;
    align-items: center;
    justify-content: end;
    column-gap: 1rem;
}

._reorder_popup_inner{
    max-width:80%;
    margin:auto;
    padding-top:30px;
}

._reorder_popup_body{
    padding-top:10vh;
}
._reorder_new_limit {
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    margin-bottom: 20px;
    display: flex;
    column-gap: 10px;
    align-items: center;
}
    ._reorder_new_limit img {
        max-width: 12px;
        border: 1px solid #bbbbbb;
        padding: 3px;
    }

.myorder-reOrderLimitRequest .fancybox-skin {
    background-color: #fff !important;
}
._order_check {
    margin-bottom: 2rem;
}
._order_check label {
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
}
._order_limit {
    margin-bottom: 15px;
}
    ._order_limit select {
        padding: 7px;
        border: 1px solid #ccc;
        background-color: #fff;
        color: #666;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        box-shadow: inset 1px 1px 1px #ccc;
        border-radius: 3px;
        min-width: 200px;
    }

._btn_jsty_center {
    justify-content: center !important;
}
._red_big_txt {
    color: red;
    text-align: center;
    
}

._request_re_ord_li {
    display: block;
    padding-top: 0px;
    font-size: 12px;
    color: #fff;
    text-align:center;
}
._request_re_ord_btn {
    height: 30px;
    color: #fff !important;
    display: block !important;
    font-weight: 400 !important;
    text-transform: uppercase;
    font-size: 13px !important;
    width: 73px;
    line-height: 1.2 !important;
    text-align:center;
    border:0 !important;

}

._outer_ord_m_s_m {
    display: flex;
    flex-direction: column;
    align-items: end;
    position: absolute;
    right: 15px;
}
._ord_m_s_m_title {
    padding: 35px 10px;
    line-height: 1.3;
    text-align: center;
    font-size: 32px;
}
._ord_m_s_m {
    max-width: 90%;
    display: block;
    margin: auto;
}

._free_gift_outer_column {
    display: flex;
    justify-content: center;
}
._free_gift_outer_column > div{
    width:50%;
    text-align:center;
    border-right:2px solid #e1e1e1;
    padding:10px 15px;
}
    ._free_gift_outer_column > div:last-child {
        border-right:0;
        
    }
._free_gift_mid_img {
    text-align: center;
    position: relative;
}
._free_gift_mid_img img {
    max-height: 55px;
}
._adjst_saving {
    display: flex;
    align-items: flex-end;
    padding: 5px 1rem;
}
._design_name p{
    font-weight:bold;
    color:#333;
}
._mb_0{margin-bottom:0;}
._c_title_bar {
    background-color: #00a2da;
    padding: 10px;
    text-align: center;
    margin-bottom:1rem;
}
    ._c_title_bar h4 {
        color: #fff;
        font-size: 30px;
        margin-bottom:0;
        display: flex;
        align-items: center;
        justify-content: center;
        column-gap: 5px;
    }
    ._c_title_bar h4 img {
        max-height: 50px;
    }
    ._c_title_bar p {
        color: #fff;
        font-size: 20px;
        font-weight: 500;
        margin-top: 5px;
        margin-bottom:0;
    }
._free_gift_bg {
    background: #d1d3d4;
    position: absolute;
    height: 38px;
    width: 100%;
    bottom: 5px;
}
._custm_small_select {
    padding: 0 !important;
    border: 0 !important;
}
    ._custm_small_select > a.dropdown-toggle{
        padding:0 !important;
    }
        ._custm_small_select > a.dropdown-toggle > span{
            font-weight:700;
        }
        ._custm_small_select > a.dropdown-toggle {
            background-image: url(../images/arrow-asc.gif) !important;
            background-repeat: no-repeat !important;
            background-position: right center !important;
        }
    ._custm_small_select.open > a.dropdown-toggle {
        background-image: url(../images/arrow-desc.gif) !important;
        background-repeat: no-repeat !important;
        background-position: right center !important;
    }

    ._custm_small_select > .dropdown-menu > ul {
        padding-right:0 !important;
    }
        ._custm_small_select > .dropdown-menu > ul > li > a {
            width: auto !important;
            padding: 5px 8px !important;
        }
            ._custm_small_select > .dropdown-menu > ul > li > a .slct-list, ._custm_small_select > .dropdown-menu > ul > li > a .slct-list img{
                width: 100% !important;
            }
            ._custm_small_select > .dropdown-menu > ul > li > a .slct-content {
                width: 100% !important;
            }


.store-orderDashboard-popup .fancybox-inner iframe{
    height:630px !important;
}

._poup_brd_outer {
    border: 5px solid #231f20;
    margin: 0 10%;
    position: relative;
}
._txt_black-2 {
    color: #333 !important;
    font-weight: 600;
}
._thnx_img_pos {
    max-width: 53% !important;
    position: absolute !important;
    float: left;
    z-index: 9999;
}
._thnx_new_ui {
    width: 65% !important;
    position: absolute;
    right: 0;
    top: 145px !important;
    color: #231F1E;
    z-index: 0;
    font-family: 'Roboto' !important;
    padding-bottom:20px !important;
}
._thnx_word {
    float: right;
    font-size: 70px;
    display: block;
    line-height: 1;
    margin-top: 55px;
    width: 65%;
    text-align: center;
}
._thnx_sub_title {
    padding: 10px;
    text-align: center;
    font-size: 31px !important;
    line-height: 1.3 !important;
    margin-top: 10px !important;
    font-family: 'Roboto' !important;
    font-weight: 600 !important;
    display: block;
}

._thnx_top_title {
    font-size: 40px;
    color: #333;
    margin-top: 30px;
    padding: 15px 30px;
    font-weight: 600;
    line-height: 1.2;
    text-align: center;
    font-family: 'Roboto' !important;
}
._thnx_link_btn {
    display: block;
    text-align: center;
    font-size: 20px;
    font-weight:500;
    text-decoration: underline !important;
    padding: 5px;
    margin-top: 15px;
    font-family: 'Roboto' !important;
}

._back_btn_pos {
    position: absolute;
    bottom: 10px;
    right: 10px;
}
    ._back_btn_pos a {
        display: flex;
        border: 1px solid;
        line-height: 1;
        padding: 5px 10px;
        border-radius: 2px;
        background: white;
        font-weight: 500;
        align-items: center;
        color: #818285;
    }
        ._back_btn_pos a::before {
            content: "\2039";
            margin-right: 3px;
            font-size: 20px;
            margin-top: -4px;
        }
    ._back_btn_pos a:hover{
        color:#333;
    }

._poup_padding_top15{
    margin-top:80px;
}
._poup_brd_outer ._d_not_aaplicbl {
    line-height: 40px;
}
._poup_brd_outer._poup_padding_top15 ._d_not_aaplicbl {
    line-height: 80px !important;
}
._txt_cursor {
    cursor: text !important;
}

._submit_err_n_ord {
    color: red;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

._cal_tbl_pos {
    display: flex;
    flex-direction:column;
    column-gap: 15px;
    align-items: center;
    justify-content: start;
    padding: 10px;
}
._cstm_cln_size {
    width: 110px;
    margin-bottom: 0;
}
._stor_ord_sheet_lbl {
    width: 100%;
    display: block;
    background: #f58320;
    font-size: 20px;
    line-height: 29px;
    color: #fff;
    padding-left: 5px;
    margin-top: 2px;
    margin-bottom: 10px;
    text-align: center;
    font-weight: bold;
}
 
._stor_ord_sheet_span span {
    display: block;
    margin-top: 10px;
}


._nav_link_cstm {
    display: flex !important;
    flex-direction: column !important;
    padding: 2px 0 !important;
    align-items:center;
}
    ._nav_link_cstm img {
        padding-top: 5px;
        padding-bottom: 5px;
    }
    ._small_nav_user_category {
        font-size: 12px !important;
        line-height: 12px !important;
        max-width: 160px;
        text-align: center;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        margin-top: -3px;
    }


    /* Updated */
/* Updated */