@charset "utf-8";

/* CSS Document */



*{ outline:none; }

html{ overflow-y:scroll;}

form{ margin:0px; padding:0px;}



body

{

	

	font-family:Verdana, Arial, Helvetica, sans-serif;

	margin:0px;

	padding:0px;

	border:0px;

	font-size:12px;

	color:#444;

	background:url(../images/containerBg.png) repeat-x top left;

	background-attachment:fixed;

	border-top:1px solid #fff;

}



.clearfix:after

{

	clear:both;

	display:block;

	content:"";

}

.clearfix:after, .containerPad:after, #popupContainerWrap:after, .orderHistoryTxt:after

{

	clear:both;

	display:block;

	content:"";

}



.cls, .clear, .clr

{

	clear:both;

}



a

{

	color:#333;

	text-decoration:none;

}

a:hover { text-decoration:none !important; }

input,textarea,select,form,p{

	font-family:Verdana, Arial, Helvetica, sans-serif;

}







.extraSpace

{

	width:100%;

	height:10px;

	float:left;

}



img {

    border: 0 none;

	font-size:11px;

	color:#333;

	text-decoration:none;

}



.fullImg

{

	width:100%;

}



.maxImg

{

	max-width:100%;

}



.loginWrap

{

    height: 100%;

    position: fixed;

    width: 100%;

}





.loginTable {

    margin: 0 auto;

    width: 330px;

}



.loginTable td, .loginTable th {

    padding: 5px;

}





.login_msg

{

    color: #d22536;    

    font-size: 13px;

    text-align: center;

}



.loginTxtBox

{

    background: url(../images/userName.jpg) no-repeat scroll 4px center #fff;

    border-radius: 30px;    

    height: 38px;

    line-height: 35px;

    text-align: center;

    width:100%;	

	font-size:12px;

	color:#444;

	border:1px solid #ccc;

	margin-bottom:5px;

}



.loginPassBox

{

	background:url(../images/userPass.jpg) no-repeat scroll 4px center #fff;

	border-radius: 30px;    

	height: 38px;

	line-height: 35px;

	text-align: center;

	width:100%;	

	font-size:12px;

	color:#444;

	border:1px solid #ccc;

	margin-bottom:5px;

}



.loginsubmitBtn

{

	background:#8AC341 ;

	border: 0px solid #333;

	border-radius: 30px;

	color: #fff;

	cursor: pointer;

	font-size: 14px;

	font-weight: bold;

	height: 35px;

	line-height: 25px;

	text-align: center;

	width:100%;

}



.loginFooter

{

    color: #444;

    float: left;

    font-size: 12px;

    font-weight: 500;

    padding: 10px 0;

    text-align: center;

    width: 100%;

}



.topHeader

{

	width:100%;

	float:left;

	height:60px;

	border-bottom:5px solid #286b9f;

	background:#fff;

	position:fixed;

	left:0px;

	top:0px;

	/*z-index:9;*/

	z-index:999;

}



.logo

{

	width:100%;

	float:left;

	border-bottom:3px solid #FCA4A3;

	text-align:center;

	background:#fff;

	padding: 12px 0;

	

/*	background:url(../images/logoBg.jpg) center center;

*/}



.LogoStyle{

	font-size:28px;

	color:#fff;

	font-weight: lighter;

	

}



.logo a

{

	text-decoration:none;

	color:#fff;

	font-size:3.8vh; 

	text-align:center;

}



.logo img

{

/*	width:60%;

	padding:20%;	

*/}



#headerRight

{

	float:right;

	position:absolute;

	top:5px;

	right:10px;

}





/************************************menu css start here************************************/

.topMenuLink

{

	float:right;

	list-style-type:none;

	font-size:11px;

	margin:4px 0px 0px 0px;

	padding:0px;

}



.topMenuLink li

{

	display:block;

	float:left;

	margin:0px 3px;

}



.topMenuLink li span

{

	padding:2px 6px;

	float:left;

	line-height:10px;

}



.topMenuLink li a 

{

	color:#fff;

	background:#999;

	padding:1px 6px 4px;

	float:left;

	line-height:10px;

}



.topMenuLink li a:hover

{

	color:#fff;

	text-decoration:underline;

}

	

	



#menuBox

{

	float:left;

	margin:33px 0px 0px 0px;

}



 /* chrome only */

@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {

    #menuBox { margin-top:35px; }

}



.menuNav

{

	list-style-type:none;

	float:left;

	margin:0px;

	padding:0px;

	font-size:11px;

	font-weight:bold;

	text-transform:uppercase;

}



.menuNav li

{

	display:block;

	float:left;

	position:relative;			

	margin:0px 3px 0px 15px;

}



.menuNav li a

{

	color:#000;

	float:left;

	padding-bottom:12px;

}



.menuNav li a:hover, .menuNav li:hover >  a

{

	color:#286b9f;

}



.menuNav li li:hover >  a

{

	color:#fff;

}



.menuNav li ul

{

	position:absolute;

	top:100%;

	left:0px;

	margin:0px;

	padding:0px;

	width:150px;

	background:#286b9f;

	font-size:12px;

	font-weight:normal;

	display:none;

	text-transform:capitalize;

	

	/*-webkit-animation-duration: 0.5s;

    animation-duration: 0.5s; 

    -webkit-animation-fill-mode: both; 

    animation-fill-mode: both; */	

}



.menuNav li ul li

{

	width:100%;

	float:left;

	margin:0px;

	padding:0px;

	border-bottom:1px solid #5389b2;

}



.menuNav li ul li a

{

	color:#d4e1ec;

	display:block;

	float:left;

	width:90%;

	padding:7px 5%;	

}



.menuNav li ul li a:hover

{

	color:#fff;

}



.menuNav li ul ul

{

	top:0px;

	left:100%;

	display:none;

}



@-webkit-keyframes fadeInDown { 

    0% { 

        opacity: 0; 

        -webkit-transform: translateY(-20px); 

    } 

    100% { 

        opacity: 1; 

        -webkit-transform: translateY(0); 

    } 

} 



@keyframes fadeInDown { 

    0% { 

        opacity: 0; 

        transform: translateY(-20px); 

    } 

    100% { 

        opacity: 1; 

        transform: translateY(0); 

    } 

} 



.fadeInDown { 

    -webkit-animation-name: fadeInDown; 

    animation-name: fadeInDown; 

}







@-webkit-keyframes fadeInLeft { 

    0% { 

        opacity: 0; 

        -webkit-transform: translateX(-20px); 

    } 

    100% { 

        opacity: 1; 

        -webkit-transform: translateX(0); 

    } 

} 

@keyframes fadeInLeft { 

    0% { 

        opacity: 0; 

        transform: translateX(-20px); 

    } 

    100% { 

        opacity: 1; 

        transform: translateX(0); 

    } 

} 

.fadeInLeft { 

    -webkit-animation-name: fadeInLeft; 

    animation-name: fadeInLeft; 

}





/************************************menu css end here************************************/

#headerRight ul.topLink

{

	list-style-type:none;

	float:right;

	margin:0px;

	padding:0px;

}



#headerRight ul.topLink li

{

	display:block;

	float:left;

	position:relative;

}



#headerRight .topBtn

{

	border-left:1px solid #cccccc;

	line-height:13px;

	text-decoration:none;

	color:#333;

	float:left;

	height:18px;

	background:#ffffff;

	padding:2px 8px;

	margin-left:0px;

}

/*

#headerRight .topBtn

{

	border:1px solid #eae9e9;

	line-height:15px;

	text-decoration:none;

	color:#333;

	float:left;

	background:#f5f5f5;

	padding:4px 5px;

	margin-left:4px;

}

*/

#headerRight .topBtn img

{

	float:left;

}



#headerRight .topBtn span

{

	font-family:Arial, Helvetica, sans-serif;

	font-size:9px;

	font-weight:bold;

	background:#fadf2a;

	color:#000000;

	text-align:center;

	height:18px;

	line-height:18px;

	width:18px;

	border-radius:30px;

	float:left;

	margin-right:5px;

}





#headerRight .alertBox

{

	

}



#headerRight .productBox

{



}



#headerRight .loginBox

{

	border-left:0px;	

}



#headerRight .topBtn.loginBox img

{

	float:left;

	margin:0px 5px 0px 0px;

}



#headerRight .topBtn.iconOnly img

{

	float:left;

	margin:1px;	

}



#headerRight ul.topLink img

{

	max-width:13px;

}



ul.topSubLinkContainer

{

	list-style-type:none;

	float:left;

	position:absolute;

	top:100%;

	width:150px;

	border:1px solid #ccc;

	border-top:0px;

	background:#fff url(../images/topMenuBg.png) no-repeat right top;

	right:0px;

	font-size:11px;

	margin:0px -1px 0px 0px;

	padding:0px;

	display:none;

	padding-top:1px;

}





ul.topSubLinkContainer li

{

	display:block;

	float:left;

	width:100%;

	border-bottom:1px solid #eee;

}



ul.topSubLinkContainer li a

{

	padding:6px 6%;

	width:88%;

	float:left;

}



ul.topSubLinkContainer li a:hover

{

	color:#BE0539;

	background:#f5f5f5;

}



.menuBtn

{

	float:right;

	width:100%;	

	display:none;

	border-bottom:1px solid #fff;

}



.menuBtn img

{

	padding:10px;

	float:left;

	cursor:pointer;

}



.menuBtn:hover

{

	

}



#bigScreenOnly

{

	float:left;

}



#mobileTabOnly

{

	float:left;

	display:none;

}



.menuWrapper

{

	position: fixed;

	top:0px;

	left:0;

	bottom: 0;

	width: 250px;

	background: #57833B;

	color: #fff;

	/*z-index: 10;*/

	overflow-y:auto;

	z-index:999;

	-webkit-transition:All 0.3s ease;

	-moz-transition:All 0.3s ease;

	-o-transition:All 0.3s ease;	

}



.menuList

{

	width:100%;	

	float:left;

}



.menuWrapper.slideMe

{

	/*left:-250px;*/

}



.menuWrapper.slideMe .navHover

{

	right: -3px;

	display:block;

}



.simpleMenu

{

	width:90%;

	padding:5%;

	float:left;

	list-style-type:none;

	margin:0px;

	font-size:12px;

}



.simpleMenu li

{

	width:100%;

	margin-bottom:2px;

	float:left;

	position:relative;

	border-left:3px solid #8AC341;

	border-bottom:1px solid #799C62;

}



.simpleMenu li.welcomeMsg

{

	border-left:0px;

	text-align:center;

	padding-bottom:7px;

	font-size:12px;

	font-weight: bold;

	text-transform:uppercase;

	border-bottom:1px solid #799C62;

}



.simpleMenu li a

{

	color:#fff;

	display:block;

	padding:7px 10px;

	position:relative;

	z-index:9;	

}



.simpleMenu li a b

{

	float:right;

	font-weight:bold;

	font-size:120%;

}



.simpleMenu li a:hover, .simpleMenu li.active a

{

	color:#fff;

}



ul.subMenu li a:hover

{

	color:#000;

}



.simpleMenu li span

{

	position:absolute;

	width:0%;

	height:100%;

	top:0px;

	left:0px;

	z-index:2;

	-webkit-transition: all 0.3s linear; 

	-moz-transition: all 0.3s linear;                 

	-o-transition: all 0.3s linear;   

	-ms-transition: all 0.3s linear;          

	transition: all 0.3s linear;

}



.simpleMenu li:hover > span, .simpleMenu li.active span

{

	background:#8AC341;

	width:100%;

}



ul.subMenu

{

	display:none;

	position:relative;

	z-index:9;

	padding:0px 0px 0px 30px;

}



ul.subMenu li

{

	font-weight:normal;

	border:0px;

}



ul.subMenu li a

{

	padding:2px 0px;

	margin-bottom:2px;

}







.botLink

{

	position:fixed;

	left:0px;

	bottom:0px;

	text-align:center;

	background:#f5f5f5;

	width:100%;

	padding:7px 0px;

	font-size:11px;

	border-top:1px solid #F1F1F1;

	z-index:99;

}



.botLink span{ margin-left:250px;}





.navHover

{

	display: block;

	float: right;

	position: absolute;

	height:100%;

	display:none;

}



.navHover img

{

	top:45%;

	position:relative;

}



.mainMenu

{

	list-style-type:none;

	width:100%;

	float:left;

	margin:0px;

	padding:0px;

}



.mainMenu li

{

	width:100%;

	float:left;

	position:relative;

}



.mainMenu li:after

{	

    bottom: -1px;

    content: "";

    left: 55px;

    position: absolute;

    right: 0;

}



.mainMenu li a

{

 	background-color: #474f57;

    border-bottom: 1px solid #424a52;

    border-top: 1px solid #515a63;

    color: #c5ced6;

    display: block;

    font-size: 13px;

    padding: 10px;

    text-decoration: none;

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

}



.mainMenu li:hover > a, .mainMenu li.active > a

{

	background-color: #3c434a;

	border-bottom: 1px solid #3c434a;

	border-top: 1px solid #4f5861;

	box-shadow:none;

	color:#fff;

}



.mainMenu li span

{

	width:20px;

	height:20px;

	float:right;

	background:url(../images/cms-icon/navIcon.png) no-repeat center center;

}



.mainMenu li.open a span

{	

	background:url(../images/cms-icon/navIcon2.png) no-repeat center center;

}



.mainMenu li.active li span

{

	background:url(../images/cms-icon/navIcon.png) no-repeat center center;

}



.mainMenu li.active li.active a span

{	

	background:url(../images/cms-icon/navIcon2.png) no-repeat center center;

}



.mainMenu li .menuIcon

{

	float:left;

	margin:2px 5px 0px 0px;

	opacity:0.8;

}



.mainMenu li:hover > a .menuIcon, .mainMenu li.active > a .menuIcon

{

	opacity:1;

}



.submenu

{

	position:relative;

	background-color: #474f57;

    overflow: hidden;

	list-style:none;

	display:none;

	padding-left:24px;

}



.submenu:after

{

	border-left: 1px solid #515a63;

    bottom: 0;

    content: "";

    left: 16px;

    position: absolute;

    top: 0;

}



.submenu li:after

{

    background-color: #b3bac2;

    border-color: transparent;

    border-radius: 50%;

    bottom: auto;    

    height: 8px;

    left: -12px;

    top: 10px;

    width: 8px;

    z-index: 1;

}



.submenu li:hover > a

{

	background-color: #3c434a;

	border-bottom: 1px solid #3c434a;

	border-top: 1px solid #4f5861;

	box-shadow:none;

	color:#fff;

}



.submenu li a.open

{

	background-color: #3c434a;

	border-bottom: 1px solid #3c434a;

	border-top: 1px solid #4f5861;

	box-shadow:none;

	color:#fff;

}



.submenu li a

{

	border-top:1px solid #474F57;

	border-bottom: 1px solid #474F57;

	padding:5px 8px;

	font-size:12px;

}



.submenu2

{

	list-style-type:none;

	padding-left:15px;

	/*display:none;*/

}



.submenu2 li:after

{

	background:none;	 

}



.submenu2 li a

{

	padding:5px;	

	border-bottom: 1px solid #4f5861;

	color:#d6f9f7;

	font-size:11px;

	border-top:0px;

}



.submenu2 li:hover > a

{

	border-top:0px;

	border-bottom: 1px solid #777;

}



.submenu2 li.active > a, .submenu2 li:hover > a

{

	border-top:0px;

	background:none;

	border-bottom: 1px solid #999;

}



.submenu2 li a:hover

{	

	background:none;

}



.smallScreenClickDisable

{

	background:#000;

	position:fixed;

	width:100%;

	height:100%;

	z-index:2;

	opacity:0.3;

	display:none;

}



.mainWrapper

{

 	padding:20px 25px;

	margin-left: 250px;

	margin-top:0px;

	min-height:350px;

	z-index: 2;

	/*background: #E8E9EE;*/	

	-webkit-transition:All 0.3s ease;

	-moz-transition:All 0.3s ease;

	-o-transition:All 0.3s ease;

	margin-bottom:0px;

	font-size:11px;

}



.mainWrapper.listPageMainWrap

{

	padding:0px;

	background:none;

}



#popupContainerWrap

{

	padding:15px;

	background:#fff url(../images/containerBg.png) repeat-x left top;

}



#popupContainerWrap h1

{

	font-size:14px;

	margin:10px 0px;

	padding:0px;

	color:#BE0539;

}

#popupContainerWrap.movePopup{height:220px; overflow-y:auto;}

#popupContainerWrap.movePopup h1{ border-bottom:1px solid #ccc; padding-bottom:10px; margin:0px;}

#popupContainerWrap.movePopup.mainLabel{ font-size:13px;}

#popupContainerWrap.movePopup .width{ width:100%;}

#popupContainerWrap.movePopup .validateMsg span.error{ top:32px; font-size:11px;}

.popupFullWidth

{

	width:100%;

	float:left;

	color:#5f8411;

	font-size:14px;

	font-weight:bold;

	line-height:30px;

	background:#eee;

	margin-bottom:15px;

}



.mainChkAll

{

	margin-left:15px;

}



.popupCouponList

{

	width:95%;

	width:calc(100% - 30px);

	padding:15px;

	border:1px solid #eee;

	float:left;

	background:#fff;

	display:none;

}



.popupCatName

{

	background:#f5f5f5;

	width:95%;

	padding:10px 2%;

	float:left;

	color:#5f8411;

	font-size:14px;

	font-weight:bold;

	border:1px solid #fff;

	border-bottom:0px;

}



.popupChkBox

{

	border: 1px solid #eee;

	margin: 0 7px 7px 0;

	padding: 4px 5px;

	width:21%;

	float:left;

	font-weight:normal;

	color:#444;

	line-height:normal;

	font-size:11px;

	overflow:hidden;

	white-space:nowrap;

}



.popupAjaxList

{

	margin-top:20px;

	width:100%;

	background:#fff;

	float:left;

}



#container.hasFixed #listPageWrapGap

{

	padding-top:65px;

}



#container.hasFixed .ctrlSearch

{

	/*display:none;*/

}





#listPageWrapGap

{

	width:100%;

	float:left;	

	position:relative;

}



.listPageWrapGap

{

	padding:0px 25px 20px 25px;

}



#fixedBoxWrap

{

	width:100%;

	float:left;

	display:none;

	position:fixed;

	top:64px;

	left:0px;

	z-index:9;

	background:#fff url(../images/bgmain.png) repeat;

}



.fixedWrapBox

{

	padding:20px 25px 0px 25px;

	margin-left:250px;

	background:url(../images/containerBg.png) repeat-x top left;

}



.fixedNow #ajaxHeadingFixed .ajaxHeadingFixed

{

	margin-left:250px;

	padding:0px 25px;

}



#container.slideMe .ajaxHeadingFixed,

#container.slideMe .fixedWrapBox

{

	margin-left:0px;

}



#searchBoxWrap

{

	width:100%;

	float:left;

	position:relative;

	background:#fff url(../images/bgmain.png) repeat;

}



.searchBoxWrap

{

	padding:20px 25px;

	background:url(../images/containerBg.png) repeat-x top left;

}



.fixedNow #listPageWrapGap

{

	/*padding-top:100px;*/

	padding-top:70px;

}



.removeOnFixed

{

	float:left;

}



.fixedNow .removeOnFixed, .fixedNow .topHintIocn

{

	display:none;

}



.showOnFixed

{

	display:none;

	float:left;

}



.showOnFixed .hintIconList

{

	max-width:100%;

	width:100%;

	margin-top:2px;

}



.fixedNow .showOnFixed

{

	display:block;

}







.fixedNow .addWrapper.ctrlSearch

{

	background:#f5f5f5;

	margin-bottom:0px;

}



.fixedWrapBox .addWrapper

{

	position:relative;

}



.fixedNow #ajaxHeadingFixed .boxHeading

{

	box-shadow:0px -1px 0px #eee;

	border-top:1px solid #fff;

	border-bottom:1px solid #999;

	background:#eee;

}



#ajaxHeadingFixed

{

	width:100%;

	float:left;

}



.dashboardHeading

{

	text-align:center;

	text-transform:uppercase;

	font-size: 12px;

	padding-top:70px;

}



.quickLinks

{

	text-align:center;

	margin-top:20px;

}



.quickLinks a

{

	text-decoration:none;

	margin:0px 20px;

	color:#BE0539;

}



.quickLinks a:hover

{

	text-decoration:underline;

}



.editMode .mainWrapper

{

	margin-bottom:45px;

}



.editMode .menuWrapper

{

	bottom:55px;

}



.mainWrapper:after

{

	clear:both;

	content:"";

	display:block;

}

.menuWrapper.slideMe

{

	width:200px;

	box-shadow:0px 0px 2px 1px #ccc;	

}



/*.menuWrapper.slideMe .logo

{

	float:right;

	max-width:60px;

}*/



.menuList.slideMe

{

	display:block;

}



.menuList.slideMe .simpleMenu li.welcomeMsg

{

	display:none;

}



/*.mainWrapper.slideMe, .botLink.slideMe span{margin-left:250px;}

{

	margin-left:0px;

}*/



.mainWrapper h1

{

	font-size:18px;

	color:#000;

}



.mainWrapper h1 .txtColor, .mainWrapper h1 span, #popupContainerWrap h1 span

{

	color:#5f8411;

}



.addProductBox

{

	float:right;

	margin-top:-8px;

}



.searchHeading

{

}



.searchBtn

{

	float:left;

	margin-right:10px;

	font-weight:normal;

	font-size:13px;

	height:29px;

	line-height:26px;

	padding:0px 10px;

	border:1px solid #ccc;

	border-radius: 1px;

}



.searchBtn img

{

	margin-top:7px;

	margin-right:4px;

}



.backBtn

{

	background: #555;

    border-radius: 1px;

	float:left;

	text-decoration:none;

    color: #fff;

    cursor: pointer;

    font-size: 12px;

    height: 30px;

    line-height: 30px;

    padding: 0 10px;

	border:0px;

	font-weight:bold;

	box-shadow:1px 1px 0 #4b6c05;

	-webkit-appearance: none;

}



.backBtn:hover

{

	background:#222;

}



.back2List1

{

	background: #5F8411;

	border-radius: 1px;

	float:left;

	text-decoration:none;

	color: #fff;

	cursor: pointer;

	font-size: 12px;

	float:right;

	padding: 0 10px;

	border:0px;

	font-weight:bold;

	box-shadow:1px 1px 0 #4b6c05;

	-webkit-appearance: none;

}



.back2List

{

	color:#57833B;

	text-decoration:none;

	font-weight:bold;

	float:right;

	font-size:11px;

}



.addWrapper, .listWrapper, #listWrapper

{

	width:100%;

	float:left;

	border:1px solid #ccc;

	background:#fff;

	margin-bottom:30px;

}



.popupMainWrapper

{

	width:96%;

	float:left;

	padding:2%;

}







.addCoupons

{

	width:55%;

}



.listCouponsRight

{

	width:43%;

	float:right;

	background:#fff;

}



.listCouponsRight .list_table table td

{

	padding:2px 10px;

}



.listCouponsRight .list_table table tr.rowBG td

{

	padding:6px 10px;

}



.couponAction

{

	height:27px;

	min-width:60px;

	font-weight:normal;

	line-height:24px;

	color:#FF0000;

	text-align:center;

}



.couponsFullWrap

{

	width:100%;

	float:left;

	padding:8px 0px;

	border-top:1px solid #f5f5f5;

}



.productColorTbl

{

	font-size:13px;	

}



.productColorTbl th{

	font-size:11px;

}



.couponLable

{

	width:30%;

	float:left;

	height:30px;

	line-height:30px;

	max-width:145px;

	font-weight:bold;

}



.couponLable span

{

	color:#FF0000;

}



.couponsFieldWidth

{

	width:70%;

	float:left;

}



.couponType, .couponsFieldWidth .select2-container

{

	max-width:273px;

}



.couponCode

{

	max-width:120px;

}



.editTxtField

{

	background: #fff none repeat scroll 0 0;

	border: 1px solid #fff;

	border-radius: 0;

	color: #444;

	font-size: 12px;

	height: 30px;

	line-height: 25px;

}



.txtBox.minOrder

{

	max-width:105px;

	padding-left:25px;

	float:left;

	margin-right:10px;

	background:url(../images/dollarBg.png) no-repeat center left;

}



.minOrderMsg

{

	font-size:9px;

	padding-top:7px;

	color:#ff0000;

}



.txtBox.coupon_valid

{

	width:31%;

	max-width:83px;

}



.discountFieldTxt

{

	float:left;

	margin-left:18px;

}



.txtBox.flatDisTxt

{

	max-width:68px;

	padding-left:25px;

	float:left;

	margin-right:10px;

	background:url(../images/dollarBg.png) no-repeat center left;

}



.txtBox.perDisTxt

{

	max-width:68px;

	padding-left:25px;

	float:left;

	margin-right:10px;

	background:url(../images/perDisBg.png) no-repeat center left;

}



.addedTags.couponValid li span

{

}



#txtHint.listWrapper

{

	min-height:300px;

	position:relative;

}



.ajaxLoader

{

	width:100%;

	min-height:100px;

	text-align:center;

	padding:50px 0px;

}



.txtHintLoader

{

	position:absolute;

	left:50%;

	/*top:50%;*/

	top:200px;

}



.boxHeading, .main_heading th{	

	background: #555549;	

	border-bottom: 1px solid #eee;

	color:#ffffff;

	font-size:14px;

	width:100%;

	padding:8px 1%;

	float:left;

	line-height:24px;

	font-weight:bold;

}



.boxHeading.expendBtn, .boxHeading.collapseBtn

{

	cursor:pointer;

}



/*.boxHeading

{

	background-color: #e0e0e0;

	background-image: linear-gradient(to bottom, #fafafa 0px, #dcdcdc 100%);

	border-bottom: 1px solid #ccc;

	box-shadow: 0 0 1px white inset;

	color: #00609d;

	font-size: 13px;

	font-weight: bold;

	width:96%;

	padding:12px 2%;

	float:left;

	text-shadow: 0 1px 0 white;

}*/



.excelIconBtn

{

	float:right;

	font-weight:normal;

	line-height:20px;

}



.excelUploads

{

	width:auto;

	float:left;

	margin-right:15px;

	margin-bottom:10px;

}



.excelUploads .uploadedIcon span

{

	background:#f5f5f5;

	border: 0 none;

	border-radius: 1px;

	box-shadow: 1px 1px 0 #ccc;

	color: #333;

	font-size: 10px;

	font-weight: bold;

	height: 30px;

	line-height: 22px;

	padding: 0 10px;

}



.saveExcel

{

	width:auto;

	float:left;

	min-height:50px;

}



.showHideBtn

{

	text-decoration:none;

	float:right;

	color:#FFA101;

}



.expendableBox

{

	display:none;

}



.notes

{

	width:100%;

	float:left;

	font-weight:normal;

	color:#BE0539;

}



.fullDivider

{

	width:100%;

	float:left;

	margin-bottom:20px;

}



.sml_heading {

    background: none repeat scroll 0 0 #f5f5f5;

    border-left: 5px solid #FCA4A3;

    color: #000;

    font-family: Geneva,Arial,Helvetica,sans-serif;

    font-size: 13px;

    font-weight: bold;

    margin: 10px 0 0;

    padding: 7px;

}



.sml_heading.withImg

{

}



.withImg img

{

	max-width:16px;

	vertical-align:middle;

}



.sml_heading small

{

	color:#990000;

}



.containerPad

{

	padding:1%;

	width:98%;

	float:left;

}



/*.listWrapper .containerPad

{

background:url(../images/bgmain.png) repeat;

}*/



.fullWidth

{

	width:100%;

	float:left;

	margin-bottom:15px;

}



.sbumitLoaderBox

{

	width:100%;

	float:left;

	height:32px;

}



.deleteSlelectedBox

{

	width:40%;

	float:left;

	height:32px;

}



.submitWrapLoad

{

	width:60%;

	height:32px;

	float:left;

	font-size:12px;

	line-height:27px;

}



.submitWrapLoadFull

{

	width:100%;

	height:32px;

	float:left;

	font-size:12px;

	line-height:27px;

}





.loader25

{

	margin-right:10px;	

}



#error, #errorTxt

{

	color:#ff0000;

}



#success

{

	color:#006600;

}



.statusTd

{

	text-align:center;

}



.statusTd, .sListBtnWrap td

{

	font-size:10px;

}



.fullDivider.noGap, .fullWidth.noGap

{

	margin-bottom:0px;

}



#fInprocess, .fInprocess

{

	width:100%;

	height:34px;

	line-height:30px;

	text-align:center;

	font-size:13px;

}



#boxFixedWrap #successTxt.fInprocess

{

	font-size:13px;

	font-weight:bold;

	color:#5f8411;

}



#fInprocess img

{

	margin-right:10px;

	vertical-align:middle;

}



.discountSpecial

{

	max-width:710px;

}



.width2

{

	width:50%;

	max-width:400px;

	float:left;

	min-height:51px;

	margin-bottom:15px;

}



.width3

{

	width:32%;

	margin-right:1%;

	float:left;

	min-height:51px;

	margin-bottom:15px;

}





.width4

{

	width:24%;

	margin-right:1%;

	float:left;

	min-height:51px;

	margin-bottom:15px;

}



.width5

{

	width:19%;

	margin-right:1%;

	float:left;

	min-height:51px;

	margin-bottom:15px;

}



.widthAuto

{

	float:left;

	min-height:52px;

	margin:0px 15px 10px 0px;

}



.radioGroup input[type="radio"], .radioGroup input[type="checkbox"]

{

	float:left;

	margin-right:5px;

}



.radioGroup

{

	float:left;

	margin-right:10px;

	padding-top:5px;

}



.validateMsg

{

	position:relative;

}



.validateMsg span.error

{

	position:absolute;

	color:#ff0000;

	left:0px;

	top:100%;

}



.subCategoryWidth

{

	width:73%;

	margin-right:0px;

}



.checkBoxWidth, .checkBoxWrap, .radioBtnWrap

{

    font-size: 11px;

    font-weight: bold;

	float:left;

	line-height:12px;

	margin:5px 20px 5px 0px;

}



.checkBoxWidth

{

	padding:7px;

	border:1px solid #eee;

	margin:0px 10px 10px 0px;

}



.checkBoxWidth input[type="checkbox"],

.popupChkBox input[type="checkbox"],

.radioBtnWrap input[type="radio"]

{

	float:left;

	margin:0px 5px 0px 0px;

}





.mainLabel, .labelLeft

{

	font-size:11px;

	width:99%;

	font-weight:bold;

	margin-bottom:4px;

	float:left;

}



.labelLeft

{

	width:30%;

	height:28px;

	line-height:26px;

	max-width:110px;

}



.mainLabel small, .labelLeft small

{

	color:#3380af;

	margin-left:4px;

}



.mainLabel small i

{

	font-style:normal;

}



.mainLabel span, .labelLeft span

{

	color:#FF0000;

}



.txtBox, .selectBox, select.chzn-select

{

	padding:0px 10px;

	height:30px;	

	border-radius:0px;

	line-height:25px;

	width:90%;

	font-size:12px;

	color:#444;

	border:1px solid #ccc;

	background:#fff;

	/*-webkit-appearance: none;*/

}

.textBox

{

	padding:10px;

	border-radius:0px;

	width:90%;

	font-size:12px;

	color:#444;

	border:1px solid #ccc;

	background:#fff;

	-webkit-appearance: none;

}



.embedVideo

{

	border-radius:0px;

	line-height:normal;

	width:48%;

	width:calc(50% - 51px);

	height:70px;

	font-size:12px;

	color:#444;

	padding:10px;

	border:1px solid #ccc;

	background:#fff;

	resize:none;

	-webkit-appearance: none;

}





.addWrapper.master .txtBox

{

	width:93%;

	width:calc(98% - 20px);	

}



.readOnlyField

{

	float:left;

	background:#fcfbfb;

	border-color:#ccc !important;

	box-shadow:none !important;

	line-height:27px;

}



#editOrderSpecial .readOnlyField

{

	border-color:#eee !important;

}



#orderHistoryList

{

	width:100%;

	float:left;

	border-top:1px solid #c4c4c5;

}



.orderHisoryListBox

{

	width:100%;

	float:left;	

	border-bottom:1px solid #c4c4c5;

	position:relative;

}



.orderHistoryImg

{

	width:90px;	

	float:left;

}



.orderHistoryImg img

{

	max-width:100%;

	display:block;

}



.orderHistoryTxt

{

	margin:0px 0px 0px 90px;

	padding:5px 0px 0px 10px;

	position:relative;

	border-left:1px solid #c4c4c5;

}



.orderPName

{

	font-size:12px;

	font-weight:normal;

}



.orderPName span{ color:#D9414D;}



.orderOtherInfo

{

	width:50%;

	float:left;

}



.orderPCat

{

	font-size:12px;

	font-weight:normal;

	margin:0px 0px 5px 0px;

	color:#000;

}



.aplCoupons

{

	border:1px solid #333; color:#5f8411; padding:0px 3px; border-radius:3px; white-space:nowrap;

}



.productClcWrap

{

	float:right;

	margin-bottom:5px;

}



.productClcWrap h3

{

	font-size:12px;

	color:#000;

	font-weight:normal;

	margin:0px;

}



.orderHistoryLeft .productClcWrap h3

{

	color:#666;

}



.orderQtyTxt

{

	text-align:left;

	width:100px;

	float:left;

}



.orderPriceTxt

{

	text-align:left;

	width:100px;

	float:left;

}



.orderTotalPrice

{

	text-align:right;

	width:100px;

	float:left;

}



.orderTotalTbl

{

	font-size:13px;

	font-weight:300;

	text-align:right;

	float:right;

	margin:10px 0px 20px 0px;

}



.orderTotalTbl td

{

	padding:5px;

	min-width:70px;

}



.orderTotalTbl td.tableTd1

{

	min-width:180px;

}



.orderTotalTbl th

{

	font-weight:400;

	padding:5px;

	border-top:1px solid #ddd;	

}





.orderSubtotal

{

	float:right;

	font-size:12px;

	min-width:300px;

	margin:0px 0px 10px 0px;

}



.orderSubtotal td

{

	padding:10px;

	border-bottom:1px solid #c4c4c5;

}



.orderSubtotal td.alignR

{	

	border-left:1px solid #c4c4c5;

	width:100px;

	padding-right:0px;

}



.totalOrderAmount

{

	color:#000;

	padding:10px 0px;

	line-height:normal;

	font-weight:normal;

}



.totalOrderAmount h4

{

	font-size:11px;

	font-weight:normal;

	text-align:right;

	margin:0px;

}









.addrBoxWrap

{

	width:47%;

	margin-right:0%;

	float:left;

	padding-left:6%;

	background:url("../images/dashboard_divder.gif") no-repeat 5% center;

}



.firstAdrBox

{	

	padding-left:0px;

	background:none;

}



.addrBoxWrap h3

{

	font-size:13px;

	color:#333;

	font-weight:400;

	padding:4px 5px;

	background:#f5f5f5;

	border-top:1px solid #eee;

	border-bottom:1px solid #eee;

	margin:0px 0px 10px 0px;

}



.adrContainer

{

	background:#fff;

	width:90%;

	padding-left:5px;

	font-size:12px;

	font-weight:300;

	float:left;

	margin-bottom:10px;

}



.adrContainer strong, .adrContainer b

{

	font-weight:500;

	color:#444;

}



#shippingInfoWrap

{	

	width:100%;

	float:left;

	margin-bottom:20px;

}



#shippingInfoWrap h2.shipInfo

{

	font-size:12px;

	color:#444444;

	padding:7px 13px;

	background:#eee;

	margin:0px;

}



#shippingInfoWrap .fullWidth

{

	width:auto;

	padding:12px;

}



.mailStatus

{

	padding:5px;

	font-size:12px;

	float:left;

}



select.chzn-select

{

	visibility:hidden;

}



.login_box .txtBox

{

	width:96%;

	height:33px;

	line-height:28px;

	margin-bottom:7%;

	padding:0px 2%;

}



.txtBox:hover, .txtBox:focus, .selectBox:hover, .selectBox:focus

{

	border: 1px solid #b6b6b6;

	box-shadow: 0 0 3px #ccc;

}



.selectBox

{

	padding-top:4px;

	padding-bottom:4px;

	height:32px;

	width:90%;

	/*width:calc(90% + 20px);*/

}



.titleTxt

{

	width:63%;

	width:calc(63% - 15px);

}



.titleTxtLeft

{

	width:60%;

	max-width:420px;

}



.submitBtn

{

	background: #8AC341;    

    color: #fff;

    cursor: pointer;

    font-size: 12px;

    height: 30px;

    line-height: 22px;

    padding: 0 30px;

	border:0px;

	font-weight:bold;

    text-transform: uppercase;

/*	box-shadow:1px 1px 0 #cc621c;

*/	border-radius: 1px;

	-webkit-appearance: none;

}



.cancelBtn

{

	background: #3D3D3D;

    border-radius: 1px;

    color: #fff;

    cursor: pointer;

    font-size: 12px;

    height: 30px;

    line-height: 22px;

    padding: 0 30px;

	border:0px;

	font-weight:bold;

    text-transform: uppercase;

/*	box-shadow:1px 1px 0 #666666;

*/	-webkit-appearance: none;

}

.clrBtn

{

	display:inline-block;

	background: #3D3D3D;

    border-radius: 1px;

    color: #fff;

    cursor: pointer;

    font-size: 12px;

    height: 30px;

    line-height: 30px;

    padding: 0 30px;

	border:0px;

	font-weight:bold;

    text-transform: uppercase;

/*	box-shadow:1px 1px 0 #666666;

*/	-webkit-appearance: none;

}



.selectAllBtn

{

	padding:6px;

	border:1px solid #eee;

	float:left;

	margin-right:10px;

}





.deleteSelectedBtn, .submit_btn

{

    background: none repeat scroll 0 0 #d9414d;

    border: 0 none;

    border-radius: 1px;

    box-shadow: 1px 1px 0 #666666;

    color: #fff;

    cursor: pointer;

    font-size: 12px;

    font-weight: bold;

    padding: 5px 30px;

	float:left;

	text-decoration:none;

    text-transform: uppercase;

	-webkit-appearance: none;

}



.deleteSelectedBtn.greyBtn

{

	background:#BBBBBB;

	cursor:default;

}



.grey_btn

{

	background:#BBBBBB;

    border: 0 none;

    border-radius: 1px;

    box-shadow: 1px 1px 0 #666666;

    color: #fff;

    cursor: pointer;

    font-size: 12px;

    font-weight: bold;

    padding: 5px 30px;

	float:left;

	text-decoration:none;

    text-transform: uppercase;

	cursor:default;

	-webkit-appearance: none;

}



.successTxt

{

	background: url(../images/cms-icon/success.png) no-repeat 6px center #659c05;

	border: 0 none;

	border-radius: 1px;

	box-shadow: 1px 1px 0 #666666;

	color: #fff;

	cursor: pointer;

	font-size: 12px;

	font-weight: bold;

	padding: 5px 30px;

	float:left;

	text-decoration:none;

	text-transform: uppercase;

	-webkit-appearance: none;

}



.selectAllBtn input

{

	float:left;

	margin:0px;

}



.process

{

	background: url(../images/cms-icon/process.gif) no-repeat 6px center #dd7430;

    border-radius: 1px;

    color: #fff;

    cursor: pointer;

    font-size: 12px;

    height: 30px;

    line-height: 22px;

    padding: 0 30px;

	border:0px;

	font-weight:bold;

    text-transform: uppercase;

	box-shadow:1px 1px 0 #cc621c;

	-webkit-appearance: none;

}





.success

{

	background: url(../images/cms-icon/success.png) no-repeat 6px center #dd7430;

    border-radius: 1px;

    color: #fff;

    cursor: pointer;

    font-size: 12px;

    height: 30px;

    line-height: 22px;

    padding: 0 30px;

	border:0px;

	font-weight:bold;

    text-transform: uppercase;

	box-shadow:1px 1px 0 #cc621c;

	-webkit-appearance: none;

}





input[type="submit"].error,input[type="button"].error

{

	background: url(../images/cms-icon/error.png) no-repeat 6px center #dd3131;

    border-radius: 1px;

    color: #fff;

    cursor: pointer;

    font-size: 12px;

    height: 30px;

    line-height: 22px;

    padding: 0 30px;

	border:0px;

	font-weight:bold;

    text-transform: uppercase;

	box-shadow:1px 1px 0 #4b6c05;

	-webkit-appearance: none;

}



.deleteSlelectedBox .process, .list_table .process, #INPROCESS_DEL .process

{

    background: url(../images/cms-icon/deleteProcess.gif) no-repeat 6px center #d9414d;

    border: 0 none;

    border-radius: 1px;

    box-shadow: 1px 1px 0 #666666;

    color: #fff;

    cursor: pointer;

    font-size: 12px;

    font-weight: bold;

    padding: 5px 30px;

	float:left;

	height:auto;

	line-height:normal;

	text-decoration:none;

    text-transform: uppercase;

	-webkit-appearance: none;

}



.deleteSlelectedBox .success, #INPROCESS_DEL .success

{

    background: url(../images/cms-icon/success.png) no-repeat 6px center #d9414d;

    border: 0 none;

    border-radius: 1px;

    box-shadow: 1px 1px 0 #666666;

    color: #fff;

    cursor: pointer;

    font-size: 12px;

    font-weight: bold;

    padding: 5px 30px;

	float:left;

	height:auto;

	line-height:normal;

	text-decoration:none;

    text-transform: uppercase;

	-webkit-appearance: none;

}



.deleteSlelectedBox .error, #INPROCESS_DEL .error

{

    background: url(../images/cms-icon/error.png) no-repeat 6px center #d9414d;

    border: 0 none;

    border-radius: 1px;

    box-shadow: 1px 1px 0 #666666;

    color: #fff;

    cursor: pointer;

    font-size: 12px;

    font-weight: bold;

    padding: 5px 30px;

	float:left;

	height:auto;

	line-height:normal;

	text-decoration:none;

    text-transform: uppercase;

	-webkit-appearance: none;

}





.width4 .txtBox, .width4 .selectBox

{

	width:85%;

}



.width4 .txtBox.orderPrefix

{

	width:73%;

}



.txt2Box, .txt3Box

{

	width:100%;

	float:left;

}



/*.width4 .txt2Box .txtBox

{

	width:34%;

}*/



.txt2Box .txtBox

{

	width:34%;

}



.txt3Box .txtBox

{

	width:18%;

}



.width4 .selectBox

{

	width:85%;

	width:calc(85% + 20px);

}



.customizeCol

{

	width:100%;

	width:calc(100% -1px);

	border-left:1px solid #eee;

	float:left;

	font-size:12px;

}



.customizeCol th

{

	padding:8px 10px;

	background:#ccc;

	color:#000;

	text-align:left;

	border-bottom:1px solid #eee;

	border-right:1px solid #eee;

}



.customizeCol td

{

	padding:7px 10px;

	border-bottom:1px solid #eee;

	border-right:1px solid #eee;

}



.customizeCol td .txtBox

{

	width:85%;

}



.customizeCol td img

{

	margin-top:3px;

}



.divForTag

{

}



.divForCalSize

{

	min-height:60px;

}



.tagTxt

{

	width:60%;

	max-width:350px;

	float:left;

}



.addTags

{

	float:left;

	height:32px;

	background:#fff;

	border:0px;

	font-weight:bold;

	font-size:13px;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	cursor:pointer;

	border:1px solid #ccc;

	background:#f5f5f5;

	border-left:0px;

	line-height:25px;

	-webkit-appearance: none;

}



.addedTags

{

	list-style-type:none;

	margin:0px;

	padding:0px;

}



.addedTags li

{

	display:block;

	float:left;	

	border:1px solid #ccc;	

	margin:5px 10px 5px 0px;

}







.addedTags li a

{

	font-weight:bold;

	font-size:12px;

	float:left;

	width:20px;

	height:25px;

	color:#333;

	line-height:24px;

	text-align:center;

	border-right:1px solid #ccc;

	text-decoration:none;

}



.addedTags li a:hover

{

	background:#f5f5f5;

	color:#BE0539;

}



.addedTags li span

{

	height:25px;

	float:left;

	font-size:11px;

	line-height:24px;

	padding:0px 10px;

	cursor:default;

}



.ui-sortable

{

	width:100%;

	float:left;

	margin:0px;

}





/*.smallListBox

{

  width: 18%;

  width:calc(18% - 2px);

  position:relative;

  min-width: 140px;

  max-width: 220px;

  float: left;

  margin: 0px 2% 2% 0px;

  min-height: 80px;

  border:1px solid #eee;

  position:relative;

}*/



.notFound

{

	width:96%;

	padding:50px 2%;

	text-align:center;

	font-weight:bold;

	color:#D9414D;

}

.smallListBox

{

  position:relative;

  float: left;

  margin: 0px 15px 15px 0px;

  width:180px;

  min-height: 81px;

  border:1px solid #eee;

  position:relative;

  background:#fff;

}



.last-sort-element

{

	position:relative;

	float: left;

	margin: 0px 15px 15px 0px;

	width:180px;

	min-height: 81px;

	border:1px solid #fff;

	position:relative;

}



.sListTitle

{

	width:90%;

	margin:7px 5%;

	float:left;

	background: #fff;

	height:32px;

	overflow:hidden;

	border-bottom:0px;

	font-size:12px;

}



.sListTitle.withIcon

{

	margin:0px;

	padding:7px 5%;

	background:#eee;

}



.withIcon img

{

	max-width:17px;

	float:left;

	margin-right:3px;

}



.sListBtnWrap

{

	width:94%;

	float:left;	

	min-height:25px;

	padding:5px 3%;

	background:#f5f5f5;

	border-top:0px;

	text-align:right;

}



.pListBtnWrap

{

	width:94%;

	float:left;	

	min-height:25px;

	padding:0px 3%;

	background:#f5f5f5;

	border-top:0px;

	text-align:right;

}



.pListBtnWrap td

{

	height:30px;

}



.pListBtnWrap td span

{

	position:relative;

	/*float:left;*/

}



.tdLoader

{

	float:left;

}



.smallListBox:hover, .smallListBox.selected2Del, .productListBox:hover, .productListBox.selected2Del

{

	border-color:#f8c8d6;

	box-shadow:0px 0px 3px #f8c8d6;

}



.smallListBox:hover > .sListBtnWrap, .smallListBox.selected2Del > .sListBtnWrap,

.productListBox:hover > .pListBtnWrap, .productListBox.selected2Del > .pListBtnWrap

{

	background:#fcf7f8;

}



.smallListBox.lastSmallListBox:hover, .smallListBox.lastSmallListBox, .smallListBox.lastSmallListBox.selected2Del

{

	border-color:#fff;

	box-shadow:none;

}



.sListBtnWrap table, .pListBtnWrap table

{

	width:100%;

}



.sListBtnWrap input[type="checkbox"], .pListBtnWrap input[type="checkbox"]

{

	margin:0px;

}



.sListBtnWrap td img, .pListBtnWrap td img

{	

	margin:0px 3px;    

}



.pListBtnWrap td .noGridImg, .noGridTd

{

	display:none;

}







.moveIcon

{

    background-color:#fff;

    padding: 5px;

    position: absolute;

    right:0px;

    top:0px;

	display:none;

	cursor:move;

}



.smallListBox:hover > .moveIcon, .productListBox:hover > .moveIcon

{

	display:block;

}



#boxFixedWrap

{

	width:100%;

	float:left;

	position:fixed;

	z-index:99;

	bottom:0px;

	left:0px;

	height:34px;

	padding:10px 0px;

	background:#fff;	

	border-top: 1px solid #ccc;

	/*background-color: #e0e0e0;	

	background-image: linear-gradient(to bottom, #fafafa 0px, #dcdcdc 100%);

	box-shadow: 0 0 1px white inset;*/

}



#boxFixedWrap .submitBtn

{

	float:right;

	margin-right:25px;

	font-size:14px;

	text-transform:capitalize;

}



#boxFixedWrap .cancelBtn

{

	float:left;

	margin-left:25px;

	font-size:14px;

	text-transform:capitalize;

}



#boxFixedWrap .saveAsDraftBtn, #boxFixedWrap .previewBtn

{

	background: #3d5902;

    border-radius: 1px;

	-webkit-appearance: none;

    color: #fff;

    cursor: pointer;

    font-size: 12px;

    height: 32px;

	float:right;

	margin-right:10px;

    line-height: 22px;

    padding: 0 15px;

	border:0px;

	font-weight:bold;

    text-transform: uppercase;

	box-shadow:1px 1px 0 #444;

	font-size:14px;

	text-transform:capitalize;

}



#boxFixedWrap .previewBtn

{

	background:#444;

	box-shadow:1px 1px 0 #000;

}



/*.productListBox

{

  width: 18%;

  width:calc(18% - 2px);

  position:relative;

  min-width: 100px;

  float: left;

  margin: 0px 2% 2% 0px;

  min-height: 80px;

  border:1px solid #eee;

}*/



.productListBox

{

  position:relative;

  float: left;

  margin: 0px 15px 15px 0px;

  width:180px;

  min-width:165px;

  min-height: 80px;

  border:1px solid #ccc;

  position:relative;

  background:#fff;

}



.pListPad

{

	width:96%;

	padding:1% 2%;

	float:left;

	margin:0px;

}



.pListPad h2, .pListPad h3, .pListPad h4, .pListPad h5

{

	margin:4px 0px;

}



.pListImg

{

	width:96%;

	float:left;

	padding:0px;

	margin:2%;

	position:relative;

}



.blankProductImg

{

	display:block;

	width:100%;

	/*background:url(../images/load25.gif) no-repeat center center;*/

}



.imgLoad

{

	width:100%;

	height:100%;

	position:absolute;

	top:0px;

	left:0px;

	background:url(../images/load25.gif) no-repeat center center;

}



.lazy-hidden {

    opacity: 0;

}

.lazy-loaded {

    -webkit-transition: opacity 0.3s;

    -moz-transition: opacity 0.3s;

    -ms-transition: opacity 0.3s;

    -o-transition: opacity 0.3s;

    transition: opacity 0.3s;

    opacity: 1;

}



.pListImgOuter

{

	/*background:#fff;*/	

	height: 100%;

	left: 0;

	line-height: 0;

	position: absolute;

	text-align: center;

	top: 0;

	overflow:hidden;

	vertical-align: middle;

	width: 100%;

}



.pListImgInner

{

	display: table-cell;

	height: 100%;

	text-align: center;

	vertical-align: middle;

	width: 100%;

}



.imgSize

{

	max-width:100%;	

	/*image-rendering: -moz-crisp-edges; 

	image-rendering:   -o-crisp-edges; 

	image-rendering: -webkit-optimize-contrast;

	image-rendering: crisp-edges;

	-ms-interpolation-mode: nearest-neighbor; */

}



.gridDiscount

{

	position:absolute;

	top:0px;

	width:45px;

	height:45px;

	text-align:right;

	right:0px;

	color:#fff;

	margin:0px;

	padding:5px 3px 3px 3px;

	font-size:9px;

	line-height:10px;

	background:url(../images/gridDiscountBg.png) no-repeat 0px 0px;

}



.gridDiscount span

{

font-size:9px;

}



.pListTitle

{

	font-size:13px;

	white-space:nowrap;

	overflow:hidden;

	text-overflow:ellipsis;

	font-weight:bold;

}



.pListTitle.eventTitle

{

	white-space:normal;

	overflow:visible;

	font-size:12px;

}



.pListTitle a

{

	text-decoration:none;

	color:#444;

}



.pListSku

{

	font-size:11px;

	font-weight:normal;

	color:#BE0539;

}



.pListCat

{

	font-size:11px;

	color:#5F8411;

	font-weight:normal;

	white-space:nowrap;

	overflow:hidden;

	text-overflow:ellipsis;



}



.pListCat span

{

	color:#444;

}



.pListDate

{

	font-size:11px;

	color:#ce7c08;

	font-weight:normal;

	background:url(../images/dateIcon.png) no-repeat left 3px;

	padding-left:14px;

}



.pListTime

{

	font-size:11px;

	color:#000;

	font-weight:normal;

	background:url(../images/timeIcon.png) no-repeat left 3px;

	padding-left:16px;

	padding-top:1px;

	line-height:15px;

}



.pListDate span

{

	color:#895102;

}



.articleBrief

{

	width:100%;

	float:left;

}



.updateInline

{

	position:absolute;

	width:100%;

	display:none;	

	left:0px;

	bottom:-7px;

	background:#fff;

	/*

	padding:5%;

	border:1px solid #f8c8d6;

    box-shadow: 0 0 3px #f8c8d6;*/

	z-index:6;

}



.editTxtBox

{

	background: #fff;

	border: 1px solid #ccc;

	border-radius: 0;

	color: #444;

	font-size: 12px;

	height: 27px;

	line-height: 25px;

	padding: 0 2%;

	width: 60%;

	text-align:center;

	float:left;

}



.qtyBg

{

	background:url(../images/cms-icon/qtyBg.png) no-repeat 3px center;

}



.rsBg

{

	background:url(../images/cms-icon/rsBg.png) no-repeat 3px center;	

}



.discountBg

{

	background:url(../images/cms-icon/discountBg.png) no-repeat 3px center;	

}



.saveEdited

{

	background: #5F8411 url(../images/cms-icon/saveIcon.png) no-repeat center center;

	border: 1px solid #5F8411;

	border-radius: 0;

	color: #fff;

	font-size: 12px;

	height: 29px;

	line-height: 5px;

	font-size:1px;

	width:17%;

	padding: 0;

	cursor:pointer;

	float:left;

	text-indent:-999px;

}



.saveEdited.saveProcess

{

	background: #5F8411 url(../images/cms-icon/process.gif) no-repeat center center;

}



.noChangeBtn

{

	background: #D9414D url(../images/cms-icon/cancelIcon.png) no-repeat center center;

	border: 1px solid #D9414D;

	border-radius: 0;

	color: #fff;

	font-size: 12px;

	height: 29px;

	line-height: 5px;

	font-size:1px;

	width:17%;

	padding: 0;

	cursor:pointer;

	text-indent:-999px;

}



.tShowComment .editTxtBox{	width:78%; text-align:left; max-width:400px;}



.tShowComment .noChangeBtn, .tShowComment .saveEdited {	width:8%; max-width:26px;}



.pListStockPrice

{

	font-weight:normal;

	font-size:12px;

	color:#888;

	width:100%;

	float:left;

	font-family:Arial;

	position:relative;

}



.pListStockPrice img

{

	vertical-align:middle;

	cursor:pointer;

	display:none;

}



.pListStockPrice .pStock, .pListStockPrice .pPrice

{

	width:50%;

	float:left;

	white-space:nowrap;

}



.pDiscount

{

	display:none;

}



.pListStockPrice .editInline

{

	float:left;	

	color:#777;

	text-decoration:none;

	padding-right:20px;

}



.editInline:hover

{

	background:url(../images/cms-icon/edit_icon.png) no-repeat right center;

}



.pListStockPrice .pPrice .editInline

{

	color:#5f8411;

}



.ptListDate, .otherInfo

{

	display:none;

}



.pListBtnWrap

{

	border-top:1px solid #eee;

	margin-top:4px;

}



.productListBox.hrView

{

	width:100%;

	width:calc(100%-2px);

	margin:0px 0px 12px 0px;

}



.productListBox.hrView.returnColor

{

	background:#fbf2f2;

}



.productListBox.hrView.processingColor

{

	background:#f2f8e6;

}



.productListBox.hrView.popupView

{

	width:46%;

	margin:1%;

}



.productListBox.hrView.popupView .blankProductImg

{

	background:#fff;

}



.productListBox.hrView .pListImg

{

	width:13%;	

	margin:5px 2% 5px 5px;

	float:left;

}



.productListBox.hrView .gridDiscount

{

	display:none;

}



.productListBox.hrView .pListPad

{

	width:82%;

	padding:7px 2% 7px 0px;

	float:right;

}



.productListBox.hrView .tListPad, .productListBox.hrView .userListPad, .orderListPad

{

	width:95%;

	width:calc(100% - 20px);

	padding:7px 10px;

	float:left;

}



.productListBox.hrView.popupView .pListImg

{

	width:18%;

}



.productListBox.hrView.popupView .pListPad

{

	width:75%;

	padding-top:0px;

}





.productListBox.hrView .pListTitle, .productListBox.hrView .pListSku, .productListBox.hrView .pListCat

{

	margin-bottom:5px;

}



.productListBox.hrView .pListTitle

{

	font-size:14px;

	font-weight:bold;

	white-space:normal;

}



.productListBox.hrView .pListTitle a

{

	color:000;

}



.productListBox.hrView .pListSku

{

	width:20%;

	float:left;

}



.productListBox.hrView .pListCat

{

	width:35%;

	float:left;

	margin-right:3%;

}



.productListBox.hrView.popupView .pListTitle

{

	font-size:13px;

	white-space:nowrap;

}



.productListBox.hrView.popupView .pListSku, .productListBox.hrView.popupView .pListCat

{

	width:100%;

	margin:0px;

	padding:0px;

}

.productListBox.hrView .pListStockPrice

{

	width:40%;

	float:left;

	color:#FFF;

}



.productListBox.hrView .pStock, .productListBox.hrView .pDiscount, .productListBox.hrView .pPrice

{

	float:left;

	font-weight:bold;

	color:#000;

	width:32%;

	position:relative;

}



.productListBox.hrView .pListStockPrice .editInline

{

	padding:2px 22px 2px 2px;

	border:1px solid #fff;

	margin-top:-4px;

}



.productListBox.hrView .pListStockPrice .editInline:hover, .tShowDetail .editInline:hover

{

	border-color:#ccc;

}



.productListBox.hrView .updateInline

{

	width:150px;

	margin-bottom:3px;

}



.productListBox.hrView .tShowBooth .updateInline

{

	width:140px;

}



.productListBox.hrView .tShowComment .updateInline

{

	width:100%;

}



.productListBox.hrView .tShowBooth .updateInline,

.productListBox.hrView .tShowComment .updateInline

{	

	height:100%;

	height:calc(100% + 7px);	

	bottom:auto;

	top:-7px;

}



.productListBox.hrView .pDiscount .updateInline

{

	left:auto;

	right:0px;

}





.productListBox.hrView .pDiscount

{

	display:block;

	color:#d9414d;

	font-weight:bold;	

}



.productListBox.hrView .pDiscount a

{

	color:#d9414d;

}



.productListBox.hrView .pStock:hover > img, .productListBox.hrView .pPrice:hover > img

{

	display:inline-block;

}



.productListBox.hrView .ptListDate

{

	display:block;

	width:82%;

	margin:0px 2% 0px 0px;

	float:right;	

	color:#fff;

	border-top:1px solid #eee;

	padding-top:7px;

}



.productListBox.hrView .otherInfo

{

	width:82%;

	margin:5px 2% 5px 0px;

	float:right;

	display:block;

}



.productListBox.hrView .ptListDate span, .productListBox.hrView .otherInfo span

{

	width:20%;

	float:left;

	color:#444;

}



.productListBox.hrView .otherInfo .veiewC { color:#0192b5; }

.productListBox.hrView .otherInfo .favoritesC { color:#eca600; }

.productListBox.hrView .otherInfo .saleC { color:#5f8411; }



.productListBox.hrView .noGridImg{ display:inline;}

.productListBox.hrView .pListBtnWrap{ text-align:left; width:100%; padding:0px;}

.productListBox.hrView .pListBtnWrap table{ width:auto;}

.productListBox.hrView .pListBtnWrap input[type="checkbox"]{ margin-left:10px;}

.productListBox.hrView .pListBtnWrap td:first-child{ width:25px;}

.productListBox.hrView .pListBtnWrap td img{ margin:0px 7px;}





.tShowCity

{

	font-size:13px;

	margin:0px 0px 10px 0px;

}



.tShowTime

{

	font-weight:normal;

	margin-left:20px;

	font-size:12px;

	color:#5F8411;

	white-space:nowrap;

}



.tShowDetail

{

	font-size:11px;

	margin:0px;

	font-weight:normal;

	width:100%;

	float:left;

}



.userInfoWrap

{

	font-size:11px;

	margin:0px;

	font-weight:normal;

	width:48%;

	float:left;

}



.userInfo50

{

	width:48%;

	margin-right:2%;

	float:left;

	margin-bottom:10px;

}



.userInfoWrapR

{

	width:50%;

	float:right;

}



.activityCount, .reviewOrderCount, .pendingReviewCount

{

	float:right;

	font-size:11px;

	font-weight:bold;

	line-height:32px;

	margin-right:15px;

	padding-right:15px;

	border-right:1px solid #666;

}



.activityCount.last, .reviewOrderCount.last, .pendingReviewCount

{

	margin-right:0px;

	padding-right:0px;

	border-right:0px solid #666;

}



.activityCount span, .reviewOrderCount span, .pendingReviewCount span

{

	color:#d42929;

	font-size:14px;

	float:right;

	margin-left:6px;

	min-width:32px;

	height:32px;

	line-height:29px;

	text-align:center;

	border-radius:30px;

	border:1px solid #d42929;

}



.activityCount span a{ color:#d42929;}



.activityCount span.tOrder

{

	background:#d42929;

	color:#fff;

	border:1px solid #d42929;

}



.smallSizeClear, .mobileCls{ width:100%; float:left; clear:both; height:1px; margin:5px 0px; display:none;}



.userOrderAmt

{

	font-size:11px;

	font-weight:bold;

	border-top:1px solid #ccc;

	border-bottom:1px solid #ccc;

	padding:10px 0px;

	float:right;

	margin:10px 0px;

	margin-left:15px;

}



.userOrderAmt span

{

	font-size:14px;

	color:#d42929;

}



.userCredit{ float:right; padding:2px 5px; line-height:normal; font-size:11px; font-weight:bold; color:#fff; background:#d9414d; border-radius:1px; box-shadow:1px 1px 0 #666666;}

.setCredit{ float:right; padding:2px 5px; line-height:normal; font-size:11px; font-weight:bold; color:#fff; background:#5f8411; border-radius:1px; box-shadow:1px 1px 0 #4b6c05; margin-left:3px;}

.reviewWrap

{

	float:right;

	font-size:11px;

	margin-bottom:6px;

}



.reviewWrap a{ text-decoration:none;}

.reviewWrap a:hover{ text-decoration:underline;}



.tShowVenue, .tShowPromoter

{

	float:left;

	padding-right:20px;

	min-width:200px;

	margin-bottom:10px;

}



.tShowAddress, .tShowType

{

	float:left;

	margin-bottom:10px;

}



.tShowBooth

{

	float:left;

	width:15%;

	margin-bottom:10px;

	min-width:140px;

	position:relative;

}



.tShowComment

{

	position:relative;

	float:left;

	width:80%;

}



.tShowDetail .editInline

{

    border: 1px solid #fff;

    margin-top: -4px;

    padding: 2px 22px 2px 2px;

	display:block;

	float:left;

}



#upload_container_main

{

	position:relative;

	width:100%;

	float:left;

	height:5px;

	overflow:hidden;

}



#pickfiles_main

{

	cursor:pointer;

	margin-bottom:5px;

}



#iconDisplay

{

	display:none;

}



.iconContainer

{

	float:left;

/*	margin-left:13px;

*/}



#bannerUpload .iconContainer

{

	margin:0px;

}



.uploadIconContainer

{	

	font-size: 12px;

	font-weight: bold;	

	float:left;

	margin-bottom:5px;

	text-transform: uppercase;

}



.uploadedIcon

{

	width:auto;

	float:left;

	display:table;

	height:30px;

}



.uploadedIcon span

{

	display:table-cell;

	height:30px;

	vertical-align:middle;

}



.uploadedIcon img

{

	max-height:120px;

}



#bannerUpload .uploadedIcon img

{

	max-height:50px;

}



.delIcon

{

	width:30px;

	height:30px;

	float:left;

	text-align:center;

}



.delIcon img

{

	margin-top:5px;

}



.uploadIconContainer a#filelist_main

{

	background:#666 url(../images/cms-icon/sCameraIcon.png) no-repeat 10px center;

	color:#fff;

	border-radius: 1px;

	box-shadow: 1px 1px 0 #000;

	height: 30px;

	line-height: 30px;

	padding: 0 10px 0px 40px;

	float:left;

}



.uploadIconContainer a.filelist_main_smalls

{

	background:#666 url(../images/cms-icon/sCameraIcon.png) no-repeat 10px center;

	color:#fff;

	border-radius: 1px;

	box-shadow: 1px 1px 0 #000;

	height: 30px;

	line-height: 30px;

	padding: 0 10px 0px 40px;

	float:left;

}



.uploadIconContainer a#filelist_main.iconUploading

{

	background:#666 url(../images/cms-icon/loaderIcon.gif) no-repeat 10px center;

}



.uploadImgContainer

{

	width: 18%;

	width:calc(18% - 2px);

	position:relative;

	min-width: 100px;

	float: left;

	margin: 0px 2% 2% 0px;

	min-height: 80px;

	border:1px solid #eee;

}



.uploadImgBox

{

	position:relative;

	width:96%;

	margin:2%;

	background:#f5f5f5;

	float:left;

}



.addPhotoIconTbl

{

	position:absolute;

	width:100%;

	height:100%;

	top:0px;

	left:0px;

	overflow:hidden;

	text-align:center;

}



.addPhotoIconTbl span

{

	display:table;

	width:100%;

	height:100%;

	text-align:center;

	vertical-align:middle;

}



.addPhotoIconTbl span a

{

	display:table-cell;

	vertical-align:middle;

	text-decoration:none;

	font-size:12px;

	line-height:26px;

	font-weight:bold;

	color:#000;

	cursor:default;

}



.addPhotoIconTbl span a#filelist_main

{

	cursor:pointer;

}



.fixedImg

{

	width:100%;	

}



.uploadedImg

{

	position:absolute;

	width:100%;

	height:100%;

	top:0px;

	left:0px;

	display:table;

	text-align:center;

}



.uploadImgBtn

{

	border-top:1px solid #eee;

	float: left;

	min-height: 25px;

	padding: 5px 5%;

	text-align: right;

	width: 90%;

}



.uploadImgBtn table

{

	width:100%;

}



.uploadImgBtn table td

{

	width:33%;

	text-align:center;

}



.hintIconWrap

{

	width:100%;

	float:left;

}



.hintIconList

{

	float:right;

	margin:0px;

	padding:0px;

	max-width:60%;

	font-size:11px;

	font-weight:normal;

	line-height:normal;

}



.hintIconList li

{

	display:block;

	float:right;

	margin:2px 5px 5px;

}



.hintIconList li:hover

{

	color:#000;

}



.hintIconList li img

{

	float:left;

	margin-right:3px;

}



/*order list page css start*/

.orderList

{

	width:100%;

	float:left;

}



.orderList.withBg

{

	background:#fafafa;

}



.orderListL

{

	width:67%;

	float:left;	

}



.orderListR

{

	float:right;

	margin-right:10px;	

}



.orderListCol1

{

	width:35%;

	float:left;

	margin:14px 0px 5px 10px;

}



.orderListCol2

{

	float:left;

	margin:14px 0px 5px 0px;

}



.orderListCol3

{

	float:left;

	margin:14px 0px 10px 0px;

	text-align:right;

}



.orderListCol4

{

	float:left;	

	padding:10px;

	margin-right:20px;

}



.recturnOrderStatus

{

	font-size:12px;

	font-weight:normal;

	color:#000;

}



.recturnOrderStatus span

{

	color:#ff0000;

}



.orderNo

{

	font-size:13px;

	font-weight:bold;

	color:#444;

	margin:0px;

}



.orderDate

{

	background:url("../images/orderDateIcon.png") no-repeat scroll left center;

    color: #666;

    font-size: 11px;

    font-weight: 300;

    margin: 2px 0px 0px 0px;

    padding-left: 15px;

}



.orderStatusInfo

{

	font-size:11px;

	font-weight:400;

	margin:0px;

	color:#333;

}



.orderStatusInfo span

{

	color:#000;	

}



.orderStatusInfo span a

{

	color:inherit;

}



.orderCount

{

	font-size:12px;

	color:#5b5b5b;

	font-weight:400;

	margin:0px 0px 4px 0px;

}



.orderAmount

{

	font-size:12px;

	color:#333;

	font-weight:400;

	margin:4px 0px 0px 0px;



	border-top:1px solid #c3c3c3;

}



.orderAmount span, .orderCount span

{

	color:#d97201;

	font-weight:500;	

}





/*order list page css end*/







.orderListBox

{

	border: 1px solid #eee;

	float: left;

	margin: 0 15px 15px 0;

	min-height: 80px;

	min-width: 165px;

	position: relative;

	width: 258px;

}



.orderListTbl

{

	width:100%;

}



.orderListTbl td.orderTd1

{

	width:67%;

}



.orderName

{

	font-size:13px;

	font-weight:bold;

	color:#444;

	margin:0px 0px 2px 0px;

	line-height:normal;

}



.orderNoList

{

	font-size:13px;

	font-weight:bold;

	color:#d42929;

	margin:0px 20px 0px 0px;;

	float:left;

	line-height:normal;

}



.orderDateList

{

	font-size:12px;

	font-weight:400;

	margin:0px;

	color:#000;

	float:left;

	background:url(../images/cms-icon/orderDateIcon.png) no-repeat center left;

	line-height:normal;

	padding-left:15px;

}



.orderTd2Heading

{

	font-size:12px;

	font-weight:500;

	margin:0px;

	background:#eee;

	margin:0px 10px 10px 0px ;

	float:left;

	min-width:200px;

	padding:11px 15px 11px 40px;

	line-height:normal;

	border-radius:3px;

}



.orderTd2Heading.greyBg

{

	background-color:#eee !important;

}



.orderTd2Heading span

{

	/*color:#000;

	font-weight:500;*/

}



.shippedBg

{

	color:#417d00;

	background:url(../images/cms-icon/shipped-icon.png) no-repeat 16px center;

}



.deliveredBg

{

	color:#417d00;

	background:url(../images/cms-icon/delivered-icon.png) no-repeat 14px center;

}







.successBg

{

	color:#417d00;

	background:#e9f3cc url(../images/cms-icon/right-icon.png) no-repeat 14px center;

}



.pendingBg

{

	color:#b07e01;

	background:#fae3c2 url(../images/cms-icon/pending-icon.png) no-repeat 14px center;

}



.errorBg, .failedBg

{

	color:#D42929;

	background:#f6d4d4 url(../images/cms-icon/wrong-icon.png) no-repeat 14px center;

}



.paymentBg

{

	color:#444;

	background:#eee url(../images/cms-icon/payment-mode-icon.png) no-repeat 14px center;

}



.viewBtnList

{

	font-size:11px;

	color:#444;

	border:1px solid #666;

	border-radius:3px;

	padding:3px 8px;

}



.orderListTbl td.orderTd3

{

	font-size:14px;

	color:#666666;

	line-height:25px;

	width:15%;

	text-align:right;

	white-space:nowrap;	

}



.orderCountList

{	

	float:right;

	height:32px;

	line-height:32px;

	font-size:11px;

	font-weight:bold;

	color:#444;

	margin:0px 0px 10px 0px;

}



.orderCountList strong

{

	height:32px;

	min-width:32px;

	line-height:29px;

	float:left;

	border-radius:50px;

	background:#d42929;

	color:#fff;

	font-size:14px;

	text-align:center;

	font-weight:bold;

	margin-right:10px;

}



.orderAmountList

{

	width:100%;

	float:left;

	font-size:11px;

	font-weight:bold;

	color:#000;

	padding:6px 0px;

	margin:0px;

	border-top:1px solid #ccc;

	border-bottom:1px solid #ccc;

}



.orderAmountList span

{

	font-size:14px;

	color:#D42929;

}



.paymentModeList

{

	font-size:11px;

	font-weight:normal;

	margin:0px;

	color:#444;

	float:right;

}



.back2OrderList

{

	float:right;

	margin:5px;

	height:37px;

}



.back2OrderList a

{

    border: 1px solid #666;

    border-radius: 3px;

    color: #444;

    font-size: 11px;

    padding: 3px 8px;

	margin:7px 20px 0px 0px;

	float:right;

	line-height:normal;

}



.orderDetailWrap, .accountDetailWrap

{

	padding:20px;

	min-height:300px;

}



.orderNoDetail

{

	font-size:24px;

	font-weight:400;

	color:#000;

	margin:0px;

	line-height:normal;

}



.printEmail

{

	float:right;

}

/*order list page css end*/



#pagingWrap

{

	width:100%;

	float:left;

	

}



#pagingWrap span

{

	font-size:11px;

	font-weight:bold;

	width:25px;

	height:25px;

	float:left;

	line-height:25px;

	text-align:center;

	background-color: #e0e0e0;

	background-image: linear-gradient(to bottom, #fafafa 0px, #dcdcdc 100%);

	border-bottom: 1px solid #ccc;

	border-top: 1px solid #ccc;

	box-shadow: 0 0 1px white inset;

	margin-right:1px;

}





#pagingWrap span a

{

	text-decoration:none;

	color:#777;

	width:25px;

	height:25px;

	display:block;

}



#pagingWrap span.pagingTxt

{

	width:auto;

}



#pagingWrap span.pagingTxt a

{

	width:auto;

	padding:0px 10px;

}





#pagingWrap span.paging_active

{

	border-color:#BE0539;

	color:#BE0539;

}



.orderReviewWrap

{

	padding:20px;

	border:1px solid #ccc;

	margin:0px 0px 20px 0px;

}



.orderReviewWrap:after

{

	display:block;

	clear:both;

	content:" ";

}



.productReviewInfo

{

	width:100%;

	background:#fff;

	border:1px solid #fff;

	float:left;

}



.orderListInfo

{

	width:100%;

	background:#f5f5f5;	

	float:left;

}



.reviewInfoLeft

{	

	float:left;

}



.reviewOrderNo

{

    color: #000;

    font-size: 15px;

    font-weight: bold;

    line-height: normal;

    margin: 0;

}



.reviewOrderDate {

    background:url(../images/orderDateIcon.png) no-repeat left center;

    color: #000;

    font-size: 11px;

    font-weight: 400;

    line-height: normal;

    margin:0px 0px 7px 0px;

    padding-left: 15px;

}



.orderListInfo .reviewOrderDate { margin-bottom:0px;}



.recOrderStatus

{

	padding-left:20px;

	margin:0px 0px 0px 20px;

	float:left;

	line-height:35px;

	color:#000;

	border-left:1px solid #ccc;

}



.shippingAdr

{

	margin:5px 0px 0px 0px;

}



.recOrderName

{

	font-size:11px;

	margin:3px 0px;

}



.paymentModeList

{

	color: #444;

	float: right;

	font-size: 11px;

	font-weight: 400;

	margin: 0;

}



.shipName

{

	color:#000;

	font-size:12px;

}



.returnEditLeft

{

	width:60%;

	float:left;

}



.returnEditLeft h2

{

	margin:0px;

}



.returnEditRight

{

	width:40%;

	float:left;

}



.returnLeftBox

{

	float:left;

	width:100%;

}



.returnOrderQtyTxt

{

	float:right;

	padding:5px 10px 5px 0px;

	margin:0px;

	text-align:left;

	font-size:12px;

	font-weight:normal;

	color:#000;

}



.returnOrderQtyTxt span

{

	text-align:right;

	float:right;

	font-weight:bold;

}



.returnAmountTxt

{

	float:right;

	min-height:40px;

	min-width:120px;

	margin-top:5px;

	font-size:11px;

	color:#000;

	background:url(../images/bgmain.png) repeat;

	padding:6px 10px;

	border:1px solid #fff;

}



.returnAmountTxt label

{

	color:#d9414d;

}



.returnQtyBox

{

	width:65px;

	float:left;

	margin-right:10px;

}



.returnAmountBox

{

	width:112px;

	float:left;

	text-align:right;

}



.returnAmountTxt input

{

	padding:4px 5px;

	width:90%;

	border:1px solid #ccc;

	text-align:center;

}



.returnAmountTxt input.returnPrice{ text-align:right;}



.returnOrderNo

{

    color: #000;

    font-size: 13px;

    font-weight: bold;

    line-height: normal;

    margin: 0;

}



.returnOrderDate

{

	background:url(../images/orderDateIcon.png) no-repeat left center;

	color: #000;

	font-size: 11px;

	font-weight: 400;

	line-height: normal;

	margin: 0 0 7px;

	padding-left: 15px;

}



.returnOrderAmount

{

	color: #000;

	font-size: 13px;

	font-weight: bold;

	line-height: normal;

	margin: 0;

}



.returnOrderUser

{

}



.returnOrderPayMode

{

   color: #444;

    float: left;

    font-size: 11px;

    font-weight: 400;

    margin: 0;

}





.recOrderStatus span{ color:#666; }

.recOrderStatus span.successColor, .recOrderStatus span.deliveredColor, .orderStatusInfo span.successColor, .orderStatusInfo span.deliveredColor{ color:#5F8411;}

.recOrderStatus span.shippedColor, .orderStatusInfo span.shippedColor{ color:#d97201;}

.recOrderStatus span.pendingColor, .orderStatusInfo span.pendingColor{ color:#b07e01;}

.recOrderStatus span.failedColor, .recOrderStatus span.returnColor, .orderStatusInfo span.failedColor, .orderStatusInfo span.returnColor{ color:#d42929;}

.recOrderStatus span.pendingColor, .orderStatusInfo span.pendingColor{ color:#777;}



.varrshaOrderPCat{ font-weight:normal; font-size:12px; margin:0px;}

.orderTxtInfo{ font-weight:normal; font-size:11px; margin:0px; color:#333;}

.orderTxtInfo span{ color:#666;}



.recOrderLeft

{

	float: left;

	font-size: 11px;

	font-weight: normal;

	margin: 0;

	width: 50%;

}



.recOrderRight

{

	float:right;

}





.reviewOrderCount, .pendingReviewCount{ font-size:12px; float:left;}

.reviewOrderCount i{ font-style:normal}

.reviewInfoRight

{	

	float:right;

}







.reviewBoxLeft

{	

	margin:0px 155px 0px 0px;

}



.reviewBoxRight

{

	float:right;

}



.reviewProductTitle

{

	font-size:13px;

	float:left;

	margin:5px 0px;

}



.reviewProductImg

{

	font-size:11px;

	margin:0px;

	float:left;

	padding:6px 0px;

	float:right;

	border-top:1px solid #ccc;

	border-bottom:1px solid #ccc;

}



.reviewComment

{

	width:100%;

	float:left;

}



.reviewComment img

{

	max-height:55px;

	float:left;

	margin:0px 10px 0px 0px;

}



.reviewBoxRight img

{

	float:right;

	margin:5px 0px 0px 5px;

	max-height:55px;

}



.reviewProductImg img{ margin:2px 0px 0px 5px;}



.footerFix

{

	display:none;

}



.mobileClear

{

	width:100%;

	float:left;

	clear:both;

	display:none;

	border-bottom:1px solid #eee;

	margin:10px 0px;

}



.viewBy

{

	float:right;

	float:right;

	width:125px;

	line-height:24px;

	font-size:11px;

	text-align:right;

}



.viewMode

{

	border:1px solid #eee;

	float:right;

	margin-left:5px;

}



.viewMode:hover

{

	border-color:#ddd;

}



.viewMode img

{

	float:left;

	padding:5px;

}



.currentView:hover, .currentView

{

	background:#f5f5f5;

	cursor:default;

	border-color:#ddd;

	

}



.currentView img

{

	opacity:0.7;

}



.sortBy

{

	float:right;

	width:215px;

	line-height:24px;

	font-size:11px;

}



.sortBy a

{

	color:#525252;

	text-decoration:none;

}



#selectSorting select

{

	visibility:hidden;

}



.sortContainer

{

	display:none;

}



.iconHint

{

}



.iconHint td

{

	padding:0px 4px 0px 0px;

	border-bottom:0px;

}



.iconHint td:hover

{

	color:#000;

}



.iconHint img

{

	float:left;

	margin-right:4px;

}



.responsiveBox

{

	width:100%;

	float:left;

	overflow:auto;

}



.responsiveBox .listWrapper, .responsiveBox .addWrapper, .responsiveBox #listWrapper

{

	max-width:99%;

	max-width:calc(100% - 2px);	 

}



.responsiveBox #list_wrapper

{

	min-width:310px;

}



.responsiveBox.max500

{

	max-width:500px;

}



.responsiveBox.max600

{

	max-width:600px;

}



.responsiveBox.max700

{

	max-width:700px;

}



.responsiveBox.max800

{

	max-width:800px;

}



.responsiveBox.max900

{

	max-width:900px;

}



.responsiveBox.max1000

{

	max-width:1000px;

}



.responsiveBox.max1100

{

	max-width:1100px;

}



td#INPROCESS_DEL

{

	padding:7px 10px;

}



.list_table table tr.rowBG

{

	background:url(../images/rowBg.png) repeat-x scroll left top;

}



.list_table table tr.rowBG td

{

	color:#8d010c;

	font-weight:bold;

}



.list_table table tr.trhover:hover

{

	background:#f5f5f5;

}



.list_table table th

{

	padding:7px 10px;

	color:#000;

	border-bottom:1px solid #ccc;

	box-shadow:0 1px 0 #FFFFFF;

	background:#f5f5f5;

	font-weight:bold;

	font-size:11px;

}



.list_table table td

{

	padding:7px 10px;

	border-bottom:1px solid #ccc;

	font-size:11px;

	color:#333;

}



.hrList

{

	list-style-type:none;

	float:left;

	margin:0px;

	padding:0px;

}



.hrList li

{

	margin-bottom:10px;

	width:100%;

	float:left;

}



.hrList li label

{

	border: 1px solid #eee;

	padding: 7px;

}





.img_btn

{

	background:linear-gradient(to bottom, #F8F8F8 0%, #EAEAEA 100%) repeat scroll 0 0 transparent;

	border:1px solid #ccc;

	width:21px;

	height:21px;

	text-align:center;

	display:inline-block;

	box-shadow:0 1px 0 #FFFFFF inset, 0 1px 0 #FFFFFF;

	margin:2px;

}



.img_btn_dis

{

	background:linear-gradient(to bottom, #F8F8F8 0%, #EAEAEA 100%) repeat scroll 0 0 transparent;

	border:1px solid #ccc;

	width:21px;

	height:21px;

	text-align:center;

	display:inline-block;

	box-shadow:0 1px 0 #FFFFFF inset, 0 1px 0 #FFFFFF;

	/*float:left;*/

	margin:2px;

	cursor:default;

}



.img_btn_dis img

{

	margin-top:2px;

	opacity:0.5;

}



.img_btn img, .img_btn2 img

{

	margin-top:2px;

}





.couponType

{

	font-size:11px;

	margin:0px;

	padding:0px;

	color:#333;

}



.couponType span, span.validity

{

	font-weight:normal;

	color:#FF0000;

	font-size:9px;

}



.onlySmall

{

	display:none;

}



.onlySmall code

{

white-space:nowrap;

border:1px dashed #D9414D;

font-weight:bold;

color:#D9414D;

padding:0px 2px;

}



#mainWrapper, .topHeader{ width:100%; float:left; min-width:320px;}





@media all and (min-width: 200px) and (max-width: 930px)

{

#menuBox{ margin-top:-3px; width:100%; float:left;}

.menuNav li a{ padding-bottom:3px;}

.topHeader{ height:75px;}



.logo a

{

	font-size:2vh; 

}



}



@media all and (min-width: 1400px) and (max-width: 2000px)

{

.productListBox{ width:177px; }

.productListBox.hrView .pListImg{ width:10%;}

.productListBox.hrView .pListPad, .productListBox.hrView .ptListDate, .productListBox.hrView .otherInfo{ width:85%;}

.pListBtnWrap{ padding:0px 1%; width:98%;}

}





@media all and (min-width: 800px) and (max-width: 1300px)

{

.fixedNow .showOnFixed

{

	display:none;

}

}



@media all and (min-width: 700px) and (max-width: 799px)

{

.fixedNow .showOnFixed, .notab

{

	display:none;

}



.fixedNow .removeOnFixed, .fixedNow .topHintIocn{ display:block }



.fixedWrapBox, .fixedNow #ajaxHeadingFixed .ajaxHeadingFixed{ margin-left:0px;}

}



@media all and (min-width: 100px) and (max-width: 699px)

{

.fixedNow #listPageWrapGap{ padding-top:0px !important;}

#fixedBoxWrap, .fixedNow .showOnFixed{ display:none !important;}

.fixedNow .removeOnFixed, .fixedNow .topHintIocn{ display:block;}

.fixedNow #ajaxHeadingFixed .ajaxHeadingFixed{ margin-left:0px !important; padding:0px !important;}

#ajaxHeadingFixed{ position:relative !important; top:0px; left:auto !important; top:0px !important;}

.fixedNow #ajaxHeadingFixed .boxHeading{ background:#fff; border-bottom:1px solid #eee; box-shadow:none; border-top:0px;}

}



@media all and (min-width: 1000px) and (max-width: 1300px)

{

.userInfoWrap{ width:40%;}

.userInfoWrapR{ width:60%; padding-left:0%;}

.userInfo50{ width:98%;}

}

@media all and (min-width: 1000px) and (max-width: 1190px)

{

.mainLabel small i

{

	display:none;

}



.txt2Box .txtBox

{

	width:29%;

	width:calc(50% - 35px);

}



.txt3Box .txtBox

{

	width:17%;

	padding:0px 4%;

}



.sListBtnWrap td img, .pListBtnWrap td img

{

	margin:0px 2px;

}



.smallListBox, .productListBox

{

  width: 22.5%;

  width:calc(23% - 2px);

}



.productListBox.hrView .pListSku, .productListBox.hrView .pStock, .productListBox.hrView .pDiscount, .productListBox.hrView .pPrice,

.productListBox.hrView .ptListDate span, .productListBox.hrView .otherInfo span{ width:30%;}

.productListBox.hrView .pListCat{width:70%; margin-right:0px;}

.productListBox.hrView .pListStockPrice{ width:100%;}

.productListBox.hrView .updateInline{ margin-bottom:-17px;}

.productListBox.hrView .pDiscount .updateInline{ right:auto;}

.addCoupons, .listCouponsRight{ width:90%; float:left;}

.smallSizeClear{ display:block;}

.activityCount{ border-right:0px; margin:0px 0px 0px 15px; padding:0px 0px 0px 15px;}

.activityCount span{ border:0px; min-width:10px;}

.activityCount span.tOrder{ min-width:32px;}

}







input.error, textarea.error, .selectBox.error

{

	border-color:#ff0000 !important;

}



#uploaded_image

{



}



#thumbmail_preview, #thumbmail_preview span

{

width:300px;

height:200px;

float:left;

overflow:hidden;

}



.viewInv

{

	float:right;

	margin:6px 8px 0 0;

	padding:4px 8px;

	border:1px solid #fff;

	background:#fff;

}



.viewInv img

{

	float:left;

	margin-right:3px;

}



/*#screen

{

	font-size:14px;

	font-weight:bold;

	color:#FF0000;

	position:fixed;

	right:0px;

	top:90px;

}*/

.listViewHead{

	font-size:16px;

	font-weight:bold;

	color:#555549;

	width:100%;

	float:left;

}

.addF_Btn{

	font-size:11px;

	font-weight:bold;

	text-transform:uppercase;

	padding:4px 6px;

	border:1px solid #555549;

	display:inline-block;

	background:#555549;

	color:#ffffff;

}

.addF_Btn:hover{

	border:1px solid #a59d79;

	background:#a59d79;

}

.productListBox table.userTbl{

	width:100%;

	border:0;

}

.productListBox table.userTbl td{

	padding:10px;

}

.flDiv{

	float:left;

	padding:8px;

	margin-right:10px;

}

.frDiv{

	float:right;

	color:#ffffff;

	background:#555549;

	padding:5px 8px;

	font-weight:bold;

}

.frDiv span{

	font-weight:normal;

	font-size:10px;

	display:block;

}

.userName{

	font-size:14px;

	color:#555549;

	font-weight:bold;

	margin-bottom:2px;

}

.caretakerHead{

	font-size:16px !important;

	font-weight:bold !important;

	background:#ededed;

	/*background:#555549;*/

	color:#000 !important;

	padding:5px 10px 10px !important;

}

.cols2{

	width:48% !important;

	margin:0.8% !important;

	float:left !important;

}



.requestList

{

  position:relative;

  float: left;

  margin: 0px 0 20px 0px;

  width:96%;

  min-width:165px;

  min-height: 80px;

  border:5px solid #ededed;

  /*border:8px solid #555549;*/

  position:relative;

  background:#fff;

  border-radius:5px;

}

.caretakerHeaddate{font-size: 11px; color:#555549; font-weight:normal;}

.caretakerHeadproject{color:#555549;font-size:14px !important;}



.requestList table.userTbl{

	width:100%;

	border:0;

}



.careTakeritems{padding:8px 10px; font-size:13px;}

.careTakerspecial{padding:6px 10px; font-size:11px; border-top:1px solid #ededed;  background:#a59d79;}

.careTakeradcomment{padding:6px 10px; color:#ffffff; border-top:1px solid #ededed; font-size:11px; background:#a59d79;}

/*

.careTakeritems{padding:6px 10px; font-size:12px;}

.careTakerspecial{padding:6px 10px; font-size:11px; background:#a59d79;}

.careTakeradcomment{padding:6px 10px; color:#333; font-size:11px; background:#d5d5d5;}

*/



.requestList table.userTbl td{

	padding:10px;

	border-bottom:0px solid #ccc !important;

}

.caretakertext{

	padding:0px;

	background:#555549;

	color:#ffffff;

	font-size:12px;

}

.caretakerStatus{float:right; margin:8px !important;}

.caretakerPopBtn a{

	background:#ffffff;

	float:right;

	font-size:11px;

	padding:3px 8px;

	color:#555549;

	font-weight:bold;

	margin:3px 0;

	border:2px solid #555549;

	transition:background 0.6s ease;

}

.caretakerPopBtn a:hover{

	background:#555549;

	color:#ffffff;

}

.acknowledged{

	/*background:#555549;

	padding:5px 10px;

	display:inline-block;*/

	color:#555549;

	font-weight:bold;

	margin:1px 0;

}

.processed{

	/*background:#57833B;

	padding:5px 10px;

	display:inline-block;*/

	color:#57833B;

	font-weight:bold;

	margin:1px 0;

}

.pending{

	/*background:#999;

	padding:5px 10px;

	display:inline-block;*/

	color:#999;

	font-weight:bold;

	margin:1px 0;

}

.cancelled{

	/*background:#dd0000;

	padding:5px 10px;

	display:inline-block;*/

	color:#dd0000;

	font-weight:bold;

	margin:1px 0;

}

.reqStatus{

	color:#000000;

	font-weight:bold;

}

.recommendationsHead{

	font-size:18px;

	width:96%;

	float:left;

	color:#555549;

	margin:8px 0 8px;

	padding:8px 0;

	text-transform:uppercase;

	border-bottom:1px solid #555549;

}

.recommendationsSubHead{

	font-size:15px;

	width:100%;

	float:left;

	color:#A7A182;

	margin:0 0 8px;

	padding:0;

}

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

.new-h2{
	font-size: 20px;
	color: #57833b; 
	font-weight: 700; 
	letter-spacing: 0.05em;
}

.new-box{
	margin-top: 31px;
  margin-bottom: 31px;
}

.new-box .box-1{
	background-image: -moz-linear-gradient( 48deg, rgb(231,231,231) 0%, rgb(255,255,255) 100%);
  background-image: -webkit-linear-gradient( 48deg, rgb(231,231,231) 0%, rgb(255,255,255) 100%);
  background-image: -ms-linear-gradient( 48deg, rgb(231,231,231) 0%, rgb(255,255,255) 100%);
  border: 1px solid rgba( 207, 207, 207 );
  padding: 29px 18px;
  border-radius: 8px;
  height: 100%;

}
.row{
	    display: flex;
    flex-wrap: wrap;
}
.d-flex{
	display: flex;
}
.align-items-center {
    align-items: center !important;
}
.justify-content-center{
	justify-content: center !important;
}
.new-box .box-1 .d-flex h5{
	font-size: 20px;
	font-weight: 700;
	color: #000000;
	letter-spacing: 0;
	text-transform: uppercase;
	margin-left: 15px;
}
.new-box .box-1 h6{
	font-size: 13px;
	font-weight: 700;
	color: #d90d0d;
}

.new-box .box-1 ul li{
	font-size: 13px;
	font-weight: 700;
	color: #d90d0d;
	letter-spacing: 0;
	padding-bottom: 4px;
}
.new-box .box-1 ul li:nth-child(2){
	color: #1383e1;
}
.new-box .box-1 ul li:nth-child(3){
	color: #21b604;
	padding-bottom: 0!important;
}


@media(max-width: 576px){
	
	.nav>li{
		width: 100%;
    text-align: center;
	}
	.nav-tabs > li > a{
		margin-right: 0!important;
	}
	
	
	.calendarBox > li > a{
		    height: 44px!important;
	}
	.calendarBox > li.a{
		    height: 44px!important;
	}
	.cl-date-box {
    font-size: 11px!important;
    
}
	.small-g-btn{
		width: 14px!important;
    height: 14px!important;
    padding-top: 2px!important;
    top: 0px!important;
    right: 1px!important;
    font-size: 8px!important;
	}

	.calendarlabel > li{
		font-size: 10px!important;
	}
	.calendarlabel > li, .calendarBox > li.a{
		padding: 10px 0!important;
		border: 2px solid #fff!important;
	}
	.calendarBox > li > a{
		padding: 10px 0!important;
		border: 2px solid #fff!important;
	}

	.calendar-head{
		width: 100%!important;
	}

	.calendar-head .new-h2{
		font-size: 17px!important;
	}
	.calendar-btns ul li{
		margin-right: 6px!important;
	}
	.text-left{
		text-align: left!important;
	}

	.reminders-request-list{
		    
		    padding: 20px 0px 20px 0!important;
	}
	.reminder-reqHead{
		padding: 5px 10px 10px !important;
		text-align: center;
	}
	
	
	.reminder-reqHeadproject {
    padding: 0px 0 0 0px!important;
}
	.reminder-requserName{
		padding-right: 26px;
	}
	
	.new-box .box-1 .d-flex img{
		max-width: 27px;
    height: auto;
    width: 100%;
	}
		.reminder-reqPopBtn{
		    width: 100%!important;
	}
	
}

@media(max-width: 767px){
	/* .complete-box{
		height: 77%!important;
	} */
	.paging-bg{
		padding-left: 13px!important;
	}

	.reminder-reqStatus{

    padding-left: 13px!important;
    padding-right: 13px!important;
	}
	.reminder-reqPopBtn{

		    padding-left: 25px!important;
		    padding-right: 25px!important;
    text-align: center!important;
	}
	.mt-4{
		margin-top: 15px;
	}
	
	.new-box .box-1 .d-flex h5{
		font-size: 17px;
	}
	.mb-1{
	margin-bottom: 15px;
}

	.text-sm-center{
		text-align: center;
	}
	.col-12{
		width: 100%;
	}
}

@media (max-width: 991px){
	.tab-coment-pad {
    padding-left: 34px!important;
}
	.p-0{
		padding: 0 0 0 15px!important;
	}
	.tab-content-main{
		height: 100%;
		border-top: 1px solid rgb(181,181,181);
		border-bottom: 0!important;
		border-right: 0!important;
	}
	.tab-content-btns{
		border-bottom: 0!important;
	}
	.tab-content-pad{
		padding-left: 36px!important;
    padding-top: 0px!important;
	}
	.col-sm-12{
		width: 100%;
	}
}

@media (max-width: 1199px){
	.w-100{
		width: 100%;
	}
}
@media all and (min-width: 577px) and (max-width: 767px){
	.reminder-reqPopBtn{
		width: 49%!important;
		   
	}
	.nav>li>a{
		padding: 12px 36px!important;
	}
	.nav-tabs > li > a{
		margin-right: 0!important;
	}
}
@media all and (min-width: 992px) and (max-width: 1199px){
	.tab-content-pad{

    padding-left: 7px!important;

	}
	.btn-dark-primary{
		width: 111px!important;
	}
}
@media all and (min-width: 768px) and (max-width: 1199px){
	.col-sm-9{
		flex: 0 0 75%;
    max-width: 75%;
	}
	.reminder-reqPopBtn{

		    
    text-align: center!important;
	}
	.reminder-reqPopBtn a{
		font-size: 12px!important;
	}
	.col-sm-3{
		flex: 0 0 25%;
    max-width: 25%;
	}
	.col-md-6{
		width: 50%;
		float: none;
	}
	.col-md-4{
		width: 33.33%;
		float: none;
	}
	.new-box .box-1 .d-flex img{
		max-width: 30px;
    height: auto;
    width: 100%;
	}
	.new-box .box-1 .d-flex h5{
		font-size: 14px;
	}
}

.reminder-n-box{
	
	margin-top: 31px;
  margin-bottom: 31px;

}

.reminder-n-box .boxes{
	padding: 27px 18px;
  border-radius: 8px;
}
.reminder-n-box .blue{
	background: #a5e9ff;
}
.reminder-n-box .pink{
	background: #ffa5a5;
}
.reminder-n-box .green{
	background: #e2ffa5;
}
.reminder-n-box .boxes h4{
	font-size: 15px;
	color: #000000;
	font-weight: 700;
	margin-left: 28px;
}

.row-n{
	margin: 0 -8px;
}
.col-n{
	padding: 0 8px;
}

.reminders-request-list{
	float: left;
    margin: 0px 0 20px 0px;
    width: 100%;
    min-width: 165px;
    min-height: 80px;
    position: relative;
    padding: 20px 26px 20px 0;
}

.reminders-request-list table.userTbls {
    width: 100%;
    border: 0;
}

/* .reminders-request-list table.userTbls td {
    padding: 10px;
} */

.reminder-reqHead {
    font-weight: 400;
    font-size: 13px;
    /* width: 75%; */
    color: #000 !important;
    margin: 0;
    /* padding: 5px 10px 10px !important; */
    border-bottom: 1px solid #ddccca;
    padding-bottom: 10px;
}
.reminder-reqHeadproject {
    padding: 0 0 0 26px;
}
.reminder-reqHeaddate {
    font-size: 11px;
    color: #555549;
    font-weight: normal;
}

.reminder-reqtext {
    padding: 0px;
    /* background: #555549; */
    color: rgba(#000000, 0.77);
    font-size: 12px;
    font-weight: 700;
}
.reminder-reqitems {
    padding: 18px 10px 8px 26px;
}
.reminder-requserName {
    font-size: 13px;
    color: rgba(#000000, 0.8);
    font-weight: 400;
    margin-bottom: 2px;
    line-height: 18px;
    padding-left: 26px;
}
.mb-23{
	margin-bottom: 25px;
}
.reminder-reqpending {
    color: #999;
    font-weight: bold;
    margin: 1px 0;
}

.reminder-reqStatus {
    color: #000000;
    font-weight: bold;
    margin-right: 0!important;
    font-size: 13px;
    /* margin-left: 16px; */
}

.reminder-reqPopBtn{
	
    width: 100%;
    /* margin-left: 24px; */
    margin-top: 8px;
}
.reminder-reqPopBtn a {
    background: #ffffff;
    font-size: 13px;
    display: block;
    padding: 3px 8px;
    color: #555549;
    font-weight: bold;
    padding: 4px 14px;
    width: 100%;
    border: 2px solid #555549;
    transition: background 0.6s ease;
}
.reminder-reqPopBtn a:hover{
	background: #555549;
    color: #ffffff;
}
.rem-bg-pending{
	background: #ffeaea;
}
.rem-bg-upcoming{
	background: #eafaff;
	
}

.rem-bg-upcoming .reminder-reqHead{
	border-bottom: 1px solid #ccd9db!important;
}
.rem-bg-completed{
	background: #f5ffe1;
	
}

.rem-bg-completed .reminder-reqHead{
	border-bottom: 1px solid #d5ddc3!important;
}

.calendar-head{
	justify-content: space-between;
    width: 77%;
    align-items: flex-end;
    margin-bottom: 33px;
}
.calendar-btns ul li{
	width: 14px;
	height: 14px;
	background: #21b604;
	display: inline-block;
	margin-right: 16px;
}
.calendar-btns ul .red{
	background: #d90d0d;
}
.calendar-btns ul .blue{
	background: #1383e1;
}
.calendar-btn ul li:last-child(){
	margin-right: 0;
}

.head-calendar{
	border-top: 1px solid #c8c8c8;
	border-bottom: 1px solid #c8c8c8;
	padding: 20px 0;
}
.head-calendar p{
	font-size: 12px;
	color: #000000;
	font-weight: 400;
	margin-bottom: 0;
}
.head-calendar p a{
	
	color: #000000;
	
}
.head-calendar p a:hover{
	
	text-decoration: none;
	
}
.head-calendar h5{
	font-size: 15px;
	color: #000000;
	font-weight: 700;
	margin-bottom: 0;
	text-transform: uppercase;
	margin-top: 0;
}
.float-right{
	float: right;
}

.calendarlabel,.calendarBox{
	width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}
.calendarlabel > li{
    padding: 10px;
    border: 5px solid #fff;
    text-align: center;
    width: 14.22%;
    background: #eef2eb;
    float: left;
  }
  .calendarlabel > li{
    background: #fff; 
    border-color: transparent; 
    font-weight: 700;
    text-transform: uppercase;
    font-size: 13px;
    color: #57833b;
    letter-spacing: 0.05em;          
  }
 .calendarBox > li.a {
    height: 87px; 
    padding: 27px 10px;
    position: relative;
    border: 5px solid #fff;
    text-align: center;
    width: 14.22%;
    background: #eef2eb;
    float: left;
  }
  .calendarBox > li > a {
    height: 87px; 
    padding: 27px 10px;
    position: relative;
    border: 5px solid #fff;
    text-align: center;
    width: 14.22%;
    background: #eef2eb;
    float: left;
  }
  .calendarBox > li > a:hover{
  	text-decoration: none;
  	color: #000000;
  }
  .cl-date-box{
  	font-size: 15px;
  	font-weight: 700;
  	color: #000000;
  }
  .cl-green {
    background-color: #dff9da !important;
}
 .cl-red {
    background-color: #f9e1e1 !important;
}
.cl-blue {
    background-color: #dfedfa !important;
}
.small-g-btn{
	background: #21b604;
	font-size: 11px;
	font-weight: 700;
	color: #ffffff;
	text-align: center;
	border-radius: 50%;
	position: absolute;
        width: 20px;
    height: 18px;
	padding-top: 1px;	
    top: 8px;
    right: 9px;
}
.small-r-btn{
	background: #d90d0d!important;
	
}
.small-b-btn{
	background: #1383e1!important;
	
}

.new-design{
	padding-top: 40px;
}

.panel-default{
	border-color: rgb( 181, 181, 181 );
}
.panel-default > .panel-heading{
	border-color: rgb( 181, 181, 181 );
	background-color: transparent;
}
.panel{
	border-bottom: 1px solid rgb( 181, 181, 181 )!important;
	border: 0;
}
.panel.with-nav-tabs .panel-heading{
    padding: 0;
}
.panel.with-nav-tabs .nav-tabs{
	border-bottom: none;
}
.panel.with-nav-tabs .nav-justified{
	margin-bottom: -1px;
}
.panel-body{
	border-left: 1px solid rgb( 181, 181, 181 );
    border-right: 1px solid rgb( 181, 181, 181 );
}
.nav-tabs > li > a{
	    margin-right: 12px;
	    font-size: 15px;
    font-weight: 700;
    color: #c90000;
    border-radius: 8px 8px 0 0!important;
}
.nav-tab-blue{
	color: #049eff!important;
}
.nav-tab-green{
	color: #55b915!important;
}
.nav>li>a{
	padding: 18px 65px;
}
/********************************************************************/
/*** PANEL DEFAULT ***/
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{
	color: #c90000;
}
.with-nav-tabs.panel-default .nav-tabs > li > a,
.with-nav-tabs.panel-default .nav-tabs > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li > a:focus {
    background: -webkit-linear-gradient( 90deg, rgb(231,231,231) 0%, rgb(255,255,255) 100%);
        border: 1px solid rgb( 181, 181, 181 )!important;
}
.with-nav-tabs.panel-default .nav-tabs > .open > a,
.with-nav-tabs.panel-default .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-default .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-default .nav-tabs > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li > a:focus {
	background-color: #ddd;
	border-color: transparent;
}
.with-nav-tabs.panel-default .nav-tabs > li.active > a,
.with-nav-tabs.panel-default .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li.active > a:focus {
	background: #fff!important;
    border-color: rgb( 181, 181, 181 )!important;
    border-bottom: 1px solid transparent!important;
}
.tab-content-main{
	padding: 25px 35px 25px;
	border-right: 1px solid rgb( 181, 181, 181 );
	border-bottom: 1px solid rgb( 181, 181, 181 );
	height: 100%;
}

.tab-content-main-head{
	transition: all 0.4s ease;
}
.tab-content-main-head .row{
	margin-left: 0!important;
	margin-right: 0!important;
}
.tab-content-main-head .col-12{
	padding-left: 0!important
}
.tab-content-main-head:hover{
	background: #f5f5f5;
}

.tab-content-main p{
	font-size: 12px;
	font-weight: 400;
	color: rgb(0, 0, 0, 0.671);
	margin-bottom: 0px;
}
.tab-content-main h5{
	font-size: 15px;
	font-weight: 400;
	color: rgb(0, 0, 0, 0.88);
	margin-top: 0;
	margin-bottom: 13px;
	line-height: 24px;
}
.p-color{
	color: #57833b!important;
	font-weight: 700!important;
}
.tab-content-main ul{
	margin-bottom: 0;
}
.tab-content-main ul li{
	padding-bottom: 0;
	color: #000000;
	font-size: 13px;
	font-weight: 400;
}
.tab-content-main ul li:last-child(){
	padding-bottom: 0!important;
	
}
.tab-content-main ul li span{
	
	color: #666666!important;
}
.panel-body{
	padding: 0 0px 0px 0;
}

.tab-content-btns{
	
	border-bottom: 1px solid rgb( 181, 181, 181 );
	height: 100%;
}
.pr-0{
	padding-right: 0!important;
}
.p-0{
	padding: 0;
}

.tab-content-pad{
	padding-left: 32px;
	padding-bottom: 25px;
	padding-top: 25px;
	padding-right: 21px;
}
.tab-content-pad a:focus{
	text-decoration: none;
}
.missed-bg{
	background: #f5f5f5!important;
}
.tab-content-btns a{
	padding-bottom: 17px;
}
.tab-content-btns a:hover{
	text-decoration: none;
}
.tab-content-btns a span{
	font-size: 12px;
	font-weight: 700;
	color: #555549;
	padding-left: 13px;
}
.tab-content-btns h6{
	font-size: 12px;
	font-weight: 700;
	color: #57833b;
	padding-bottom: 10px;
	margin-bottom: 0;
	margin-top: 0;
}
.tab-coment-pad{
	padding-left: 20px;
}
.tab-content-btns p{
	font-size: 12px;
	font-weight: 400;
	color: rgb(0, 0, 0, 0.66);
	margin-bottom: 0px;
	line-height: 1.3;
}
.btn-dark-primary{
	background: rgb( 87, 131, 59 );
	color: #ffffff!important;
	font-size: 12px;
	font-weight: 700;
	padding: 5px 12px 5px!important;
    width: 125px;
  border-radius: 50px;
      align-items: center;
}
.btn-dark-primary img{
	padding-right: 6px;
}
.paging-bg{
	background: #e5e5e5;
	padding-left: 35px;
	padding-top: 5px;
    padding-bottom: 7px;
}
.paging-show{

	padding-bottom: 22px;
    padding-top: 5px;
    background: #e5e5e5;
    padding-right: 15px;
}
.paging-show p{

	font-size: 11px;
	font-weight: 400;
	color: #000000;
	float: right;
	text-align: right;
	margin-bottom: 0;
}
.paging-bg ul{
	margin-bottom: 0;
}
.paging-bg ul li{
	font-size: 11px;
	font-weight: 400;
	color: #000000;
	display: inline-block;
}
.paging-bg ul li span{
	padding-right: 13px;
}
.paging-bg ul li a{
	padding: 7px 8px 8px;
	color: #000000;
	transition: all 0.4s ease;
}
.paging-bg ul li a:hover{
	background: #57833b;
	color: #ffffff!important;
	text-decoration: none;
}
.paging-bg ul li a:focus{
	text-decoration: none;
	outline: 0;
	outline-offset: 0;
}
.paging-bg ul li a.active{
	background: #57833b;
	color: #ffffff!important;
}
.paging-bg ul li a.active:hover{
	background: #57833b;
	color: #ffffff!important;
	text-decoration: none;
}

.complete-box p{
	font-size: 12px;
	font-weight: 400;
	color: rgb(0, 0, 0, 0.67);
}
.complete-box h5{
	font-size: 15px;
	font-weight: 400;
	color: rgb(0, 0, 0, 0.88);
	margin-top: 0;
	margin-bottom: 33px;
}
.complete-box h6{
	font-size: 12px;
	font-weight: 700;
	color: #000000;
	margin-bottom: 10px;
}
.complete-box form textarea{
	border: 1px solid rgb( 204, 204, 204 );
	border-radius: 2px;
	width: 100%;
	padding: 10px;
	font-size: 12px;
    color: #444;
    margin-bottom: 15px;
}
.complete-box .submitBtn{
	width: 207px;
	font-size: 14px;
}
.complete-box .fancybox-button svg{
	display: none;
}

.greenHead{font-weight:600; color:#57833B !important; margin-bottom:20px;}

.hrView{
	overflow-x: auto;
	white-space: nowrap;
}
.smallListBox .sListTitle {
	max-height: 50px;
	overflow-y: auto;
	word-wrap: break-word;
}


.pagination .active a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    background-color: #57833B;
    border-color: #57833B;
}

.pagination li a {
	color: #57833B;
}

@media(max-width: 576px){
	.image-upload .row {
		display: block;
	}
}
.careTakerspecial,
.careTakeradcomment {
	max-height: 200px;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	white-space: normal;
	padding: 10px;
	position: relative;
}

@media screen and (max-width: 600px) {
	.caretakerHeaddate {
		display: block;
		margin-top: 10px;
	}

	.delete-container {
		position: static;
		/* Remove absolute positioning for mobile view */
		text-align: right;
		/* Align the delete icon to the right */
		margin-top: 10px;
	}

	.delete-container img {
		width: 20px;
	}
}

.action-button {
	display: flex;
	align-items: center;
	padding: 3px 10px 3px 1px;
	border-radius: 20px;
	border: 1px solid gray;
	cursor: pointer;
	background-color: white;
}

.action-button img {
	height: 12px;
	width: 12px;
}

.action-button.active {
	border-color: green;
}

.action-button:hover {
	background-color: #f0f0f0;
}

.expand {
	white-space: normal;
	word-break: break-word;
	overflow-y: auto;
	min-width: 200px;
	max-width: 100%;
	word-wrap: break-word;
	border: none;
	padding: 0;
	outline: none;
}

.dottedBorderBOx {
	border: 1.5px dotted black;
	padding: 10px;
	margin: 20px 0 25px 0;
}