@import url('/_ui/desktop/common/css/material-design.css');

:root {
    --border-color: #CCCCCC;
}

/*default css*/
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #48484a;
	background: #fff;
	text-align: left;
	margin: 0;
	padding: 0;
}

* {
	position: relative;
}

img {
	border: none;
}

a {
	color: #48484a;
	text-decoration: none;
	outline: none;
}

a:hover {
	color: #000;
}

p {
	padding-top: 13px;
	margin: 0;
}

li {
	list-style: none;
}

ul {
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	margin: 0;
}

h2 {
	font-family: 'univers_condensedmedium';
	font-size: 44px;
	color: #292d30;
	line-height: 55px;
}

em {
	color: #ff4e00;
	font-style: normal;
}

input, select, textarea {
	font-family: Arial, Helvetica, sans-serif;
}

a:active, a:focus {
	outline: none;
}

/*----------------------Layout----------------------*/
.wrapper, .page, .header, .main, .footer, .row {
	float: left;
	width: 100%;
	clear: both;
}

.row {
	position: relative;
}

.row-content {
	margin: 0 auto;
	width: 960px;
}

.box {
	float: left;
	width: 240px;
	height: 200px;
}

.black {
	background-color: #232323;
}

.orange {
	background-color: #f16a28;
}

.sky {
	background-color: #009dd8;
}

.header.bg {
	background: #000;
	line-height: 1;
}

.row-header {
	background: url(../images/header-bg.png) repeat-x 0 0;
	z-index: 5;
}

.logo {
	float: left;
	width: 155px;
	/*padding: 8px 0 7px 0;*/
	margin: 0 0 0 10px;
}

.logo img {
	max-width: 100%;
	margin-left:-16px;
}

.logo img[src=''] {
	max-width: 100%;
	display: none;
}

.advance_search_link a {
	color: #FFF;
	float: right;
	right: 43%;
	margin-top: 1%;
	text-decoration: underline;
}

.header-right {
	float: right;
	width: 760px;
}

.header-menu-top {
	float: right;
	width: 414px;
	padding: 15px 0 15px 0;
}

.header-menu-top li, .header-menu-bot li {
	float: left;
	display: inline-block;
}

.header-menu-top li a, .header-menu-bot li a {
	font-family: 'univers_light_condensedRg';
	font-size: 19px;
	color: #fff;
	line-height: 20px;
	padding: 0 10px;
	background: url(../images/menu-divider.png) no-repeat right center;
	text-transform: uppercase;
	word-spacing: 1px;
}

.header-menu-top .last a, .header-menu-bot .last a {
	padding: 0 0 0 15px;
	background: none;
}

.header-menu-top li a:hover, .header-menu-top .currant a,
	.header-menu-bot li a:hover {
	color: #f26624;
}

.header-menu-bot {
	float: right;
	width: 100%;
}

.row-slider .row-content {
	width: 100%;
}

.bulkInputs {
	font-family:'lato';
	box-shadow: 0 3px 6px 0 rgba(0,0,0,0.2);
	transition: 0.3s;
	padding: 2px 16px;
	border-radius: 8px;
	margin:20px 10px 10px 10px;
}

.bulkInputs:hover {
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

.bulkDialogs h3 {
	text-align: center;
	font-size:18px;
	margin:0 -16px;
	padding:3px 0;
	border-bottom:1px solid #efecec;
}

.updateBulk, .cancelUpdateBulk {
	display:inline-block;
}

.bulkDialogs .sort-block {
	display:inline-block;
	padding:0 45px;
}

.bulkDialogs label {
	font-size:16px;
}

.bulkInputs {
	text-align:center;
}

.bulkSyndicateBtn, .bulkSyndicateBtn:hover {
	background-color:#00a0af;
}

.bulkArchiveBtn, .bulkArchiveBtn:hover {
	background-color: #af0e0e;
}

.bulkResponses {
	border-top:1px solid #efecec;
	padding:15px 0 5px 0;
}

.bulkResponses .status {
	display:block;
	padding:10px 0 5px 0;
	font-size:16px;
	color:#c30000;
}

.bulkResponses .bulkResponse {
	font-family:'lato';
	font-size:16px;
}

.bulkSyndicate .sort-block {
	display:inline-block;
}

.bulkCreate .sort-block {
	display:inline-block;
}

.bulkCreate .search-options {
	padding:20px 0 0 0;
}
.bulkCreate .bulkCrt {
	float:right;
	margin-top:3px;
}

.bulkArchive .bulkButtonsSelection {
	display:inline-block;
}


.bulkSyndicate .hide {
	display:none;
}

.menuToggle
{
	display: block;
	position: relative;
	top: 3px;
	left: 0;
	z-index: 1;
	-webkit-user-select: none;
	user-select: none;
	cursor:pointer;
}

/*
 * Just a quick hamburger
 */
.menuToggle span
{
	display: block;
	width: 33px;
	height: 4px;
	margin-bottom: 5px;
	position: relative;

	background: #cdcdcd;
	border-radius: 3px;

	z-index: 1;

	transform-origin: 4px 0px;

	transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
	background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
	opacity 0.55s ease;
}

.menuToggle span:first-child
{
	transform-origin: 0% 0%;
}

.menuToggle span:nth-last-child(2)
{
	transform-origin: 0% 100%;
}

/*
 * Transform all the slices of hamburger
 * into a crossmark.
 */
.menuToggle input:checked ~ span
{
	opacity: 1;
	transform: rotate(45deg) translate(-2px, -1px);
	background: #232323;
}

/*
 * But let's hide the middle one.
 */
.menuToggle input:checked ~ span:nth-last-child(3)
{
	opacity: 0;
	transform: rotate(0deg) scale(0.2, 0.2);
}

/*
 * Ohyeah and the last one should go the other direction
 */
.menuToggle input:checked ~ span:nth-last-child(2)
{
	transform: rotate(-45deg) translate(0, -1px);
}

.menuToggleGrid .menuToggle {
	display:inline-block;
}

.menuToggleGrid {
	cursor:pointer;
	margin-left:5px;
}

.menuToggle.active span, .menuToggleGrid.active span {
	background: #00a0af;
}

.menuToggleGrid span
{
	width: 5px;
	height: 5px;
	margin-bottom: 4px;
	margin-right: 2px;
	border-radius:0;
}

.slider-bg {
	width: 100%;
}

.slider-content {
	width: 960px;
	margin: 0 auto;
	text-align: center;
}

.slider-content h1, .slider-content h2, .slider-content h3 {
	text-align: center;
	font-family: 'univers_condensedbold';
	display: block;
}

.slider-content h1 {
	font-size: 47px;
	color: #fff;
	line-height: 40px;
	text-transform: uppercase;
	letter-spacing: -0px;
	word-spacing: 1px;
}

.slider-content h2 {
	font-size: 34px;
	color: #f16a28;
	line-height: 35px;
	text-transform: uppercase;
}

.slider-content h3 {
	font-size: 32px;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 1px;
	word-spacing: 2px;
	line-height: 35px;
}

.inner-slider {
	width: 685px;
	margin: 30px auto 0;
	text-align: center;
}

.inner-slider2 {
	width: 685px;
	margin: 20px auto 0;
	text-align: center;
}

.inner-slider li {
	margin: 0 15px;
	float: left;
}

.inner-slider li a {
	text-align: center;
}

.inner-slider li span {
	display: block;
}

.inner-slider li .top {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	min-height: 45px;
}

.inner-slider li .bot {
	font-family: 'univers_light_condensedRg';
	font-size: 19px;
	color: #fff;
	text-align: center;
	display: block;
}

.row-photography {
	border-bottom: solid 1px #e9e9e9;
	margin-top: -260px;
}

.photography-top-contect {
	float: left;
	width: 100%;
}

.box-list {
	float: left;
	width: 100%;
}

.box-list li {
	float: left;
	display: inline-block;
}

.box-list li a {
	width: 100%;
	height: 100%;
	display: block;
}

.box480 {
	float: left;
	width: 429px;
	background-color: #f3f3f3;
	padding: 49px 30px 42px 21px;
	border-bottom: solid 1px #e7e7e6;
}

.box480 .box-title {
	font-family: 'univers_light_condensedRg';
	font-size: 45px;
	color: #262626;
	line-height: 19px;
	letter-spacing: 2px;
	word-spacing: 0;
}

.box480 p {
	float: left;
	width: 335px;
	font-size: 14px;
	color: #838688;
	line-height: 20px;
	padding-top: 29px;
}

.box .box-arrow-title {
	font-family: 'univers_light_condensedRg';
	float: left;
	font-size: 21px;
	color: #fff;
	background: url(../images/aerrow.png) no-repeat right 94%;
	padding: 22px 17px 0 21px;
}

.box .text {
	float: left;
	width: 180px;
	font-size: 14px;
	color: #fff;
	line-height: 20px;
	padding: 13px 0 0 21px;
}

.price-guaranteed-title {
	float: left;
	width: 100%;
	text-align: center;
	padding-top: 40px;
}

.price-guaranteed-title h2 {
	font-family: 'hand_of_seanregular';
	font-size: 28px;
	color: #292d30;
	line-height: 55px;
}

.home-org-btn {
	float: left;
	width: 100%;
	text-align: center;
	padding: 50px 0 50px 0;
}

.home-org-btn a {
	font-size: 15px;
	color: #fff;
	background: #f16a28 url(../images/btn-icon.png) no-repeat 94% center;
	padding: 16px 35px 16px 21px;
	font-weight: bold;
	text-transform: uppercase;
}

.home-org-btn a:hover {
	background-color: #ef7330;
}

.row-industries {
	float: left;
	width: 100%;
	text-align: center;
	padding: 56px 0 85px 0;
}

.row-industries .row-content {
	width: 910px;
}

.row-industries .last {
	padding-right: 0;
}

.row-industries h2 {
	letter-spacing: 1px;
	word-spacing: 0px;
	font-size: 46px;
}

.supliers {
	float: left;
	width: 270px;
	padding: 60px 50px 0 0;
}

.supliers h3 {
	font-family: 'univers_light_condensedRg';
	font-size: 21px;
	color: #292929;
	line-height: 33px;
	text-align: left;
}

.supliers p {
	font-size: 14px;
	color: #232323;
	line-height: 20px;
	text-align: left;
}

.supliers h3 span {
	float: left;
	padding-right: 15px;
}

.row-skyblue {
	background-color: #009dd8;
	padding: 65px 0;
	text-align: center;
}

.row-skyblue .last {
	padding-right: 0;
}

.blue-slider {
	float: left;
	width: 100%;
	height: 100%;
}

.blue-slider .skyblue-box {
	float: left;
	width: 282px !important;
	text-align: center;
	padding-right: 40px;
	margin-right: 0 !important;
}

.blue-slider .skyblue-box span {
	display: block;
	text-align: center;
}

.blue-slider .skyblue-box .span1 {
	font-family: 'univers_condensedmedium';
	font-size: 27px;
	letter-spacing: 2px;
	word-spacing: 1px;
	line-height: 28px;
}

.blue-slider .skyblue-box .span2 {
	width: 183px;
	margin: 0 auto;
	font-size: 18px;
	line-height: 23px;
	padding-top: 25px;
}

.blue-slider .skyblue-box .span3 {
	padding-top: 25px;
}

.blue-slider .skyblue-box a {
	color: #fff;
}

.blue-slider .skyblue-box a:hover {
	color: #000;
}

.row-doit {
	float: left;
	width: 100%;
	padding: 56px 0 5px 0;
	text-align: center;
}

.row-doit .price-guranted-title h2 {
	letter-spacing: -1px;
	word-spacing: 0;
}

.row-doit-box {
	float: left;
	width: 280px;
	padding: 52px 22px 0 18px;
	text-align: left;
}

.row-doit-box .left {
	float: left;
	width: 65px;
	padding-top: 10px;
}

.row-doit-box .right {
	float: right;
	width: 214px;
}

.row-doit-box h3 {
	font-family: 'univers_light_condensedRg';
	font-size: 26px;
	color: #292929;
	line-height: 33px;
	text-align: left;
}

.row-doit-box p {
	font-size: 14px;
	color: #232323;
	line-height: 20px;
	text-align: left;
}

.row-doit .row-content h2 {
	letter-spacing: 2px;
	word-spacing: 1px;
}

.row-latestnews {
	background: #f3f3f3;
	padding: 60px 0 75px 0;
	text-align: center;
}

.row-latestnews .last {
	padding-right: 0;
}

.latestnews-box {
	float: left;
	width: 209px;
	text-align: left;
	padding: 0 0 0 30px;
}

.latestnews-box .date {
	float: left;
	width: 100%;
	font-size: 14px;
	color: #838688;
	line-height: 19px;
	padding: 8px 0 7px 0;
}

.latestnews-box .title {
	font-size: 14px;
	color: #464646;
}

.latestnews-box p {
	padding-top: 5px;
}

.latestnews-box p img {
	padding-top: 20px;
}

.latestnews-box p a {
	font-size: 12px;
	color: #f36928;
	font-weight: bold;
	text-transform: uppercase;
}

.latestnews-box p a:hover {
	color: #000;
}

.box-list-bottom {
	padding: 45px 0 60px 0;
}

.row-partners .row-content {
	width: 100%;
	text-align: center;
}

.row-partners h2 {
	font-size: 55px;
	line-height: 55px;
}

.partners-content {
	float: left;
	width: 100%;
	padding-top: 55px;
}

.partners-content li {
	float: left;
	width: 100%;
	border-top: solid 1px #e9e9e9;
	height: 132px;
}

.partners-content .last {
	border-bottom: solid 1px #e9e9e9;
}

.partners-logo {
	width: 957px;
	margin: 0 auto;
}

.partners-logo-bot {
	width: 481px;
	margin: 0 auto;
}

.partners-logo li, .partners-logo-bot li {
	float: left;
	width: 238px;
	text-align: center;
	border: none;
	border-left: solid 1px #e9e9e9;
}

.partners-logo-bot .last {
	border-right: solid 1px #e9e9e9;
}

.partners-logo .first {
	border-left: none;
}

.partners-logo img {
	padding-top: 12px;
}

/*-----------------------footer----------------------------*/
.footer-top {
	float: left;
	width: 100%;
	background-color: #232323;
	padding: 50px 0 60px 0;
	top:100px;
	position: relative;
}

.footer-box {
	float: left;
	width: 278px;
	padding-right: 63px;
}

.footer-top .last {
	padding-right: 0;
}

.footer-box h4 {
	float: left;
	width: 280px;
	font-family: 'univers_light_condensedRg';
	font-size: 28px;
	color: #fff;
	line-height: 55px;
	font-weight: normal;
	letter-spacing: 2px;
	padding-bottom: 17px;
}

.font21 {
	float: left;
	font-family: 'univers_light_condensedRg';
	font-size: 23px;
	color: #fff;
	line-height: 25px;
	font-weight: normal;
	padding: 22px 0;
}

#downloadButtons {
	text-align:center;
}

.font14 {
	font-size: 14px;
	color: #fff9f9;
	line-height: 26px;
}

.site-map-menu {
	float: left;
	width: 100%;
}

.site-map-menu li {
	float: left;
	width: 100%;
	border-bottom: solid 1px #474747;
	padding:20px 0;
	background: url(../images/site-map-aerrow.png) no-repeat right center;
}

.site-map-menu li.first {
	padding-top:0;
}

.site-map-menu li a {
	font-size: 14px;
	color: #f36928;
	/*line-height: 50px;*/
	font-weight: bold;
	display: block;
}

.site-map-menu li a:hover {
	color: #fff;
}

.footer-box p span {
	color: #f36928;
}

.contect-us {
	float: left;
	font-family: 'univers_condensedmedium';
	font-size: 22px;
	color: #fff;
	background-color: #f16a28;
	padding: 20px 10px;
	text-transform: uppercase;
	margin-top: 15px;
	letter-spacing: 2px;
	border-radius: 2px;
}

.contect-us:hover {
	background-color: #ef7330;
	color: #fff;
}

.footer-bottom {
	float: left;
	width: 100%;
	/*background-color: #1f1f1f;*/
	padding: 50px 0 20px 0;
}

.footer-bottom-left {
	float: left;
	width: 495px;
	font-size: 14px;
	color: #8a8a8a;
	line-height: 42px;
}

.footer-bottom-right {
	float: right;
	width: 140px;
	font-size: 12px;
	color: #8a8a8a;
	line-height: 42px;
}

.footer-bottom-right a {
	font-size: 12px;
	color: #8a8a8a;
}

.footer-bottom-right a:hover {
	color: #fff;
}

/*--------------------------main slider----------------------------*/
.row-slider {
	margin-top: -102px;
	z-index: 0;
}

.row-slider .bx-wrapper img.slider-bg {
	max-width: 100%;
	display: block;
}

.row-slider .slider-content {
	margin: 0 auto;
	position: absolute;
	top: 190px;
	width: 960px;
	z-index: 1;
	left: 50%;
	margin-left: -480px;
}

.row-slider .bx-wrapper {
	position: relative;
	margin: 0 auto 60px;
	padding: 0;
	*zoom: 1;
}

.row-slider .bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(../images/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

.row-slider .bx-controls-direction a {
	width: 39px;
	height: 39px;
	position: absolute;
	bottom: 390px;
	overflow: hidden;
	text-indent: -9999px;
}

.row-slider .bx-next {
	background: url(../images/bx-next.png) no-repeat 0 0;
	right: 0;
}

.row-slider .bx-prev {
	background: url(../images/bx-prev.png) no-repeat 0 0;
	left: 0;
}

.bx-controls {
	margin: 0 auto;
	width: 960px;
	position: relative;
	z-index: 99;
}

.bx-controls-direction {
	margin: 0 auto;
	width: auto;
	position: relative;
	top: 33px;
}

.bx-pager {
	position: absolute;
	bottom: 240px;
	left: 49%;
}

.bx-pager-item {
	float: left;
	width: auto;
	margin-right: 5px;
}

.bx-pager-item a {
	background: url(../images/bx-pager.png) no-repeat 0 0;
	float: left;
	width: 12px;
	height: 12px;
	text-indent: -4000px;
	overflow: hidden;
}

.bx-pager-item a.active {
	background: url(../images/bxpager-active.png) no-repeat 0 0;
}

.row-skyblue .bx-controls-direction {
	display: none;
}

.row-skyblue .bx-pager {
	bottom: -33px;
	left: 44%;
}

.row-skyblue .bx-pager a {
	background: url(../images/bxpager.png) no-repeat right 0;
	float: left;
	width: 12px;
	height: 12px;
	text-indent: -4000px;
	overflow: hidden;
}

.row-skyblue .bx-pager a.active {
	background: url(../images/bxpager.png) no-repeat 0 0;
}

/*-------------------------sku-library--------------------------*/
.row-doit-inner {
	float: left;
	width: 100%;
	padding: 56px 0 105px 0;
	text-align: center;
	border-bottom: solid 1px #e9e9e9;
}

.row-partners-inner .row-content {
	width: 100%;
	text-align: center;
	padding-top: 44px;
}

.row-contect {
	padding: 75px 0;
	text-align: center;
}

.contct-deatils {
	width: 430px;
	margin: 0 auto;
	text-align: center;
	padding-top: 15px;
}

.contct-deatils li {
	float: left;
	width: 100%;
	display: block;
	text-align: right;
	font-size: 14px;
	color: #292d30;
	padding-bottom: 10px;
}

.contct-deatils li label {
	float: left;
	width: 91px;
	font-size: 14px;
	color: #292d30;
	padding-right: 20px;
	text-align: right;
	padding-top: 10px;
}

.contect-input {
	float: left;
	width: 293px;
	border: solid 3px #959595;
	padding: 9px 10px;
}

.submit-btn {
	float: right;
	font-family: 'univers_condensedmedium';
	font-size: 21px;
	color: #fff;
	text-transform: uppercase;
	padding: 20px 78px;
	background-color: #f16a28;
	margin-top: 8px;
	letter-spacing: 1px;
	border-radius: 2px;
	border: none;
}

.submit-btn:hover {
	color: #fff;
	background-color: #009dd8;
}

.row-skyblue-inner {
	padding: 60px 0 70px 0;
}

.row-skyblue-inner h2 {
	color: #fff;
}

.blue-slider1 .skyblue-boxinner {
	float: left;
	height: 100%;
	text-align: center;
}

.blue-slider1 .skyblue-boxinner .left {
	float: left;
	width: 55px;
	font-family: 'univers_condensedmedium';
	font-size: 27px;
	color: #fff;
	background: url(../images/whight-round.png) no-repeat center center;
	line-height: 50px;
}

.blue-slider1 .skyblue-boxinner .right {
	float: left;
	width: 366px;
	height: 100%;
	font-family: 'univers_condensedmedium';
	font-size: 27px;
	color: #fff;
	line-height: 33px;
	letter-spacing: 1px;
	text-align: left;
	margin-left: 10px;
}

.header-input {
	float: left;
	width: 275px;
	background: #fff;
	border: none;
	font-size: 14px;
	color: #858585;
	padding: 11px 35px 10px 10px;
	border-radius: 4px;
	font-weight: 700;
}

.header-input:focus {
	
}

.header-input::-webkit-input-placeholder {
	color: #858585;
	font-style: italic;
	font-weight: 700;
}

.header-input:-moz-placeholder { /* Firefox 18- */
	color: #858585;
	font-style: italic;
	font-weight: 700;
}

.header-input::-moz-placeholder { /* Firefox 19+ */
	color: #858585;
	font-style: italic;
	font-weight: 700;
}

.header-input:-ms-input-placeholder {
	color: #858585;
	font-style: italic;
	font-weight: 700;
}

.header-form {
	float: right;
	width: auto;
	margin: 10px 0;
}

.header-form h3 {
	font-size: 12px;
	color: #a9a9a8;
	line-height: 30px;
	padding-left: 9px;
}

.header-form .form-input {
	float: left;
	width: 228px;
	display: inline-block;
	margin-left: 9px;
	position: relative;
}

.header-form .last {
	width: 140px;
	margin-left: 8px;
	*margin-left: 18px;
}

.header-form .form-input .login-btn {
	font-family: 'univers_condensedmedium';
	font-size: 18px;
	color: #fff;
	border-radius: 2px;
	letter-spacing: 1px;
	background: #eb5e12 url(../images/btn-icon.png) no-repeat 76% 47%;
	text-decoration: none;
	text-transform: uppercase;
	border: none;
	cursor: pointer;
	line-height: 38px;
	padding: 0;
	margin: 0;
	height: 39px;
	width: 140px;
	text-align: center;
}

.header-form .form-input .login-btn:hover {
	background-color: #ef7330;
}

.form-input a {
	font-size: 12px;
	color: #a9a9a8;
	line-height: 20px;
	text-decoration: underline;
}

.form-input a:hover {
	text-decoration: none;
}

.slider-content h5 {
	font-family: 'univers_condensedmedium';
	font-size: 21px;
	color: #fff;
	line-height: 35px;
}

.row-skyblue-inner li {
	margin-top: 20px;
}

.bx-viewport {
	height: 100% !important;
}

.slide1 .slider-content {
	top: 165px;
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.inner:before, .inner:after {
	content: '\0020';
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.inner:after {
	clear: both;
}

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/
.inner {
	zoom: 1;
}

.box-sizing {
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box; /* Firefox, other Gecko */
	box-sizing: border-box; /* Opera/IE 8+ */
}

.left {
	float: left
}

.right {
	float: right
}

.row-fluid {
	width: 100%;
	float: left
}

.row-fluid:before, .row-fluid:after {
	content: "";
	display: table;
	line-height: 0;
}

/*-------------------------breadcrumb--------------------------*/
.breadcrumb {
	background: #f4f4f4;
	border-bottom: 1px solid #DDDDDD;
	margin-bottom: 20px;
	position: fixed;
/*     top: 58px; */
    z-index: 90;
}

.breadcrumb .grid_6 ol {
	padding: 0;
	margin: 8px 0px;
}

.breadcrumb ol.container {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 5px;
}

.breadcrumb ol li {
	display: inline-block;
	font-size: 13px;
}

.breadcrumb ol li span {
	color: #888
}

.breadcrumb ol li a {
	color: #ef7330;
}

.breadcrumb ol li.last a {
	color: #888;
}

.breadcrumb ol li:after {
	content: "|";
}

.breadcrumb ol li.last:after {
	content: "";
}

/*-------------------------filter-col--------------------------*/
.filter-col {
	margin-top: 20px
}

.filter-col .inner {
	padding-right: 15px
}

.filter-col h3 {
	color: #292929;
	font-family: 'univers_light_condensedRg';
	font-size: 26px;
	line-height: 33px;
	text-align: left;
}

.filter-col ul {
	margin-top: 10px;
	margin-bottom: 10px;
}

.filter-col ul ul {
	margin-left: 10px
}

.filter-col .inner>ul h6 {
	color: #292929;
	font-family: 'univers_condensedmedium';
	font-size: 14px;
	line-height: 20px;
	text-align: left;
	text-transform: uppercase;
}

.filter-col .inner>ul h6 i {
	display: inline-block;
	width: 8px;
	height: 8px;
	background: url(../images/ico-arrow-orange.png) no-repeat;
	margin-left: 5px;
}

.filter-col .inner>ul h6.expend i {
	/*     transform: rotate(90deg); */
	/*     -ms-transform: rotate(90deg); IE 9 */
	/*     -webkit-transform: rotate(90deg); Safari and Chrome */
	
}

.filter-col .inner>ul>li {
	padding: 5px 0;
	border-top: 1px solid #ccc;
}

.filter-col .inner>ul>li.last {
	border-bottom: 1px solid #ccc;
}

/*-------------------------catalog-wrapper--------------------------*/
.catalog-wrapper .img {
	transition: all 0.5s ease;
}

.catalog-wrapper>.inner {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	float: left;
	width: 100%;
	font-family: 'univers_light_condensedRg';
}

.catalog-sorting-container {
	border-bottom: 1px solid #ccc;
}

.catalog-sorting-container h3 {
	font-size: 21px;
}

.catalog-sorting-container>.inner {
	padding: 22px 0 2px 20px;
}

.catalog-sorting-container .sort-block {
	display: inline;
	float: left;
	margin-right: 15px;
	top:11px;
}

.catalog-sorting-container .sort-block label {
	font-size: 16px;
	margin-right: 5px
}

.catalog-sorting-container .sort-block.right {
	float: right;
}

.catalog-sorting-container .row-sorting-link {
	display: inline-block;
	width: 24px;
	height: 24px;
	background: url(../images/ico-grids.png) no-repeat;
}

.catalog-sorting-container .row-sorting-link:hover {
	cursor: pointer
}

.catalog-sorting-container .row-sorting-link.sort-1-rows {
	background-position: -30px 0
}

.catalog-sorting-container .row-sorting-link.sort-1-rows.active {
	background-position: -30px -30px
}

.catalog-sorting-container .row-sorting-link.sort-3-rows.active {
	background-position: 0 -30px
}

.catalog-sorting-container .row-sorting-wrapper label {
	top: -8px
}

.catalog-sorting-container .row-sorting-wrapper a {
	margin-right: 5px
}

.catalog-sorting-container .catalog-sort-button {
	top: -10px
}

.catalog-grid .catalog-item {
	width: 100%;
	float: left;
	border-bottom: 1px solid #ccc;
	height: 400px
}

.autoheight {
	height: auto !important;
}

.catalog-grid .item-block {
	float: left;
}

.catalog-grid .item-block.img {
	width: 160px;
	text-align: center;
}

.catalog-grid .item-block.img img {
	/*width:100% */
	
}

.catalog-grid .item-block.text {
	width: 550px;
}

.catalog-grid .item-block.text>.inner {
	padding: 20px
}

.catalog-grid .item-block.text .item-title {
	font-size: 18px;
	color: #EB5E12;
	height: 40px;
	overflow: hidden;
	display: block
}

.catalog-grid .item-block.text .item-des {
	font-size: 16px;
	height: 60px;
	overflow: hidden;
	display: block
}

.catalog-grid .item-block.add {
	width: 160px;
	text-align: right
}

.catalog-grid .item-block.add>.inner {
	padding: 20px;
	margin-left: 30px;
}

.catalog-grid .item-block .thumbnail {
	 width: 162px;
}

/*catalog-wrapper.3-rows-view*/
.catalog-wrapper.view-3-rows .catalog-grid .catalog-item {
	width: 239px;
	border-bottom: 0px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.catalog-wrapper.view-3-rows .catalog-grid .catalog-item.third {
	border-right: 0px
}

.catalog-wrapper.view-3-rows .catalog-grid .item-block.text {
	width: 100%;
	border-top: 1px solid #ccc
}

.catalog-wrapper.view-3-rows .catalog-grid .item-block.add {
	position: absolute;
	top: 0;
	float: right;
	margin-left: 148px;
	width: 90px;
}

.catalog-wrapper.view-3-rows .catalog-grid .item-block.add>.inner {
	padding: 20px 0;
	margin-left: 0px;
}

.catalog-wrapper.view-3-rows .catalog-grid .item-block.img {
	width: 160px;
	height: 160px;
}

.catalog-wrapper.view-3-rows .catalog-sorting-container {
	border-bottom: none
}

.catalog-wrapper.view-3-rows .catalog-grid-container {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

/*loggedin-container*/
.loggedin-container {
	
}

.loggedin-welcome {
	color: #fff
}

.loggedin-welcome a {
	color: #EB5E12;
	text-decoration: underline;
}

.loggedin-welcome span {
	padding: 0.5em 0.5em;
	display: inline-block
}

.form-input .ui-button {
	color: #fff;
	font-size: 16px;
	text-decoration: none;
	padding: 0.5em 1em;
}

.download-contents .ui-button {
	font-family: 'lato';
	font-size:14px;
}

.loggedin-container .ico-magnify {
	background: url("../images/ico-magnify.png") no-repeat;
	width: 19px;
	height: 18px;
	float: right;
	position: absolute;
	top: 10px;
	right: 10px;
	display: inline-block;
	cursor: pointer;
	opacity: 0.6
}

.loggedin-container .search .header-input:focus+.ico-magnify {
	opacity: 1
}

.loggedin-container .download-contents .counts {
	display: inline-block;
	border-radius: 10px;
	background-color: #fff;
	color: #EB5E12;
	margin-right: 10px;
	min-width: 20px;
	font-size: 14px;
	top: -2px
}

.loggedin-container .header-form .form-input {
	display: inline;
	width: auto
}

.category-subscribe {
	margin-top: 20px;
	margin-bottom:15px;
}

#openSubscriptionDiv {
	margin:0 auto;
	display:block;
	width:100px;
}

.category-subscribe label {
	margin-top: 7px;
	float: left;
	color: #292929;
	font-family: 'Lato', sans-serif;
	font-size: 10.5px !important;
	line-height: 25px;
	text-align: left;
	text-transform: uppercase
}

.category-subscribe p {
	float: left;
	color: #292929;
	font-family: Lato', sans-serif;
	font-size: 10.5px !important;
	line-height: 15px;
	text-align: left
}

#subscribe_email {
	float: right;
	margin-top: 10px
}

#subscribeButton {
	margin-top: 5px;
	float: left;
	margin-bottom: 5px
}

/*-------------------------page-editproduct--------------------------
.spacer {
    padding: 15px
}

.form-col {
    display: inline;
    float: left
}

.form-row {
    display: block;
    clear: both
}

fieldset, legend {
    border: none;
    padding: 0;
    margin: 0
}

select {
    padding: 5px
}

.edit-form-wrapper > .inner {
    float: left;
    font-family: 'univers_light_condensedRg';
    width: 100%;
}

.edit-form-wrapper .save-bar {
    text-align: right
}

.edit-form-wrapper .save-bar > .inner {
    padding: 15px;
}

.edit-form-wrapper .status-container {
    background-color: #e6e6e6;
    margin-top: 20px;
    width: 650px;
}

.edit-form-wrapper .product-name {
    font-size: 34px
}

.edit-form-wrapper .from-area-basic {
    padding-left: 13px;
}

.edit-form-wrapper .form-container {
    border: 1px solid #9f9f9f;
    margin-top: 10px;
}

.edit-form-wrapper .from-area-basic label {
    color: #888;
    font-size: 16px;
    display: block;
}

.edit-form-wrapper .from-area-basic label.lg {
    font-size: 20px;
}

.edit-form-wrapper .from-area-basic .form-row-code * {
    font-size: 20px;
    width: 100%;
}

.edit-form-wrapper .from-area-basic .form-row-code .form-col {
    margin-right: 0px;
    width: 200px;
}

.edit-form-wrapper .from-area-basic .form-row-code .createProduct-barcode {
    width: 63%;
}

.edit-form-wrapper .from-area-basic .form-row-code .createProduct-category {
    width: 32%;
    margin-right: 0px;
}

.edit-form-wrapper .from-area-basic .form-row-status {
    margin-top: 15px;
}

.edit-form-wrapper .from-area-basic .form-row-status .form-col {
    width: 120px;
}

.edit-form-wrapper .form-row-qa {
    font-size: 20px;
}

.edit-form-wrapper .form-row-qa .approved {
    color: #46ab14
}

.createProductHeading {
    font-family: HelveticaNeue-Light, 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;
    margin-top: 30px;
    margin-left: 15px;
}

#checkboximagecontainer {
    padding-top: 20px;
    font-size: 18px;
}

.edit-form-wrapper .from-area-details legend {
    color: #888;
    background-color: #f2f2f2;
    font-size: 21px;
    width: 100%;
    text-transform: uppercase
}

.edit-form-wrapper .from-area-details legend .inner {
    padding: 15px;
}

.edit-form-wrapper .from-area-details label,
.edit-form-wrapper .from-area-details .span-label {
    font-size: 16px;
    width: 200px;
    float: left;
    text-align: right;
    padding-right: 10px;
    top: 3px;
    display: inline-block;
}

.edit-form-wrapper .from-area-details input.text,
.edit-form-wrapper .from-area-details textarea {
    padding: 5px;
    width: 466px;
    font-size: 14px
}

.edit-form-wrapper .from-area-details .no-label {
    margin-left: 210px
}

.edit-form-wrapper .from-area-details .form-row {
    margin-top: 10px
}

.product-img-col {
    margin-top: 15px
}

.product-img-col #imageWrap {
    width: 220px;
    height: 220px;
    overflow: hidden;
    border: 1px solid #ccc;
}

.product-img-col #imageWrap img {
    width: 100%
}

.product-img-col .thumbnail {
    width: 105px;
    height: 100px;
    overflow: hidden;
    margin-top: 5px;
    margin-right: 5px;
    display: inline-block
}

.product-img-col .thumbnail img {
    width: 100%
}
*/
/*-------------- Forgotten Password page --------------------*/
.forgotten_password_div {
	margin-top: 0px;
	text-align: center;
}

.forgotten_password_div label {
	color: #292929;
	font-family: 'univers_condensedmedium';
	font-size: 17px;
	line-height: 25px;
	text-transform: uppercase;
}

.forgotten_password_div p {
	color: #292929;
	font-family: 'univers_condensedmedium';
	font-size: 15px;
	line-height: 15px;
}

/*-------------- Forgotten Password page --------------------*/
.update_password_div {
	margin-top: 20px;
	text-align: center;
}

.update_password_div label {
	color: #292929;
	font-family: 'univers_condensedmedium';
	font-size: 17px;
	line-height: 25px;
	text-transform: uppercase;
}

.update_password_div p {
	color: #292929;
	font-family: 'univers_condensedmedium';
	font-size: 15px;
	line-height: 15px;
}

.multiValuedTextBoxAdd {
	width: 100%;
	float: left;
	clear: right;
}

.multiValuedTextBoxAdd a {
	float: right;
	margin-right: 37px;
	margin-top: 3px;
}

.multiValuedTextBoxAdd a img {
	
}

/**** Image upload CSS*****/
.upload-image-wrapper {
	overflow: auto;
	display: inline-block;
	margin-left: -3px;
}

.upload-left-col {
	float: left;
	width: 162px;
	margin-left: 30px;
}

.upload-right-col {
	float: left;
	width: 350px;
}

.image-upload-buttons {
	float: left;
	width: 100px;
}

.image-upload-details {
	float: left;
	width: 200px;
	margin-left: 20px;
}

.generic-image-button {
	padding: 3px;
	border: 1px solid #7F7F7F;
	background-color: #ccc;
	border-radius: 10px;
	margin-top: 10px;
	font-weight: bold;
	font-size: 12px;
}

.image-head {
	font-size: 14px;
	color: #EB5E12;
	height: 28px;
	overflow: hidden;
	display: block;
}

.image-container {
	border: 1px dashed #ccc;
	width: 158px;
	height: 140px;
	margin-bottom: 5px;
	border-right: 0px;
}

.image-upload-component {
	height: 130px;
	width: 320px;
	padding: 5px 10px;
	margin-bottom: 5px;
	overflow: hidden;
	border: 1px dashed #cccccc;
	border-left: 0px;
}

input[type='file'] {
	color: transparent;
}

#uploadImagesModal {
	height: 100%;
}

/*-------------- Download Page CSS --------------------*/
.emailMessage {
	display: inline-block;
	float: left;
}

.emailSubject {
	display: inline-block;
	float: left;
}

#emailMessageLabel {
	float: right;
	display: inline-block;
	width: 63%;
}

#emailSubjectLabel {
	float: right;
	display: inline-block;
	width: 62%;
}

ul.emailMessageBox {
	float: left;
	margin-left: -13px;
}

ul.emailSubjectBox {
	float: left;
}

.emailStyle {
	font-size: 16px;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 5px;
	width: 250px;
	margin-left: -15px;
	margin-top: -5px;
}

.emailStyleAdd {
	font-family: univers_light_condensedRg;
	font-size: 16px;
	margin-left: 0px;
	width: 48%;
}

.emailStyleSub {
	font-family: univers_light_condensedRg;
	font-size: 16px;
	margin-left: 0px;
	width: 201%;
}

.emailStyleMsg {
	font-family: univers_light_condensedRg;
	font-size: 16px;
	margin-left: 14px;
	width: 200%;
}

.emailNote {
	font-family: univers_light_condensedRg;
	font-size: 14px;
	font-style: italic;
}

.thumb-imgs {
	width: 105px;
	float: left;
}

.thumb-imgs span {
	float: left;
	width: 100%;
	text-align: center;
}

div.replace-bar div.inner .replace {
	margin-top: 15px;
}

.item-block.add .codes {
	width: 100%;
	float: right;
	padding: 0 20px;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light",
		"Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size: 13px;
}
.compare-view .item-block.add .codes {
	float: none;
    padding: 0;
    width: 460px;
    line-height: 17px;
}

.catalog-grid .item-block.text {
	width: 380px;
	margin-right: 10px;
	float: left;
}

.catalog-grid .item-block.add {
	width: 165px;
}

.svcodeTooltip:hover:after {
	position: absolute;
	width: 140px;
	border: 1px solid #FFFFFF;
	background: #EF7C3F;
	padding: 2px 5px;
	color: #333;
	border-radius: 5px 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
	content: attr(alt);
	z-index: 4;
}

/* Modified for Jira: 283 Refine Category facet search is not working */
/* .span-4.section4.advert {
	z-index:-1;
} */
.title_holder .title {
	padding-top: 107px;
}

.information_message.positive {
	background: #009dd8;
	height: 50px;
	text-align: center;
	font-size: 1.2em;
	color: white;
	z-index: 100;
}

body.mobileApp .textclientLogosCont{
	display: none;
}

body.mobileApp .footer .container{
	
}

/* login page changes */
@media ( min-width : 992px) {
	.textclientLogosCont .container, .footer .container, .orngLgnBar .container,
		.footer .container, .LoginPageForm .container, .logoContainer .container,
		.clientImages {
		width: 97%;
	}
}

@media ( min-width : 1200px) {
	.textclientLogosCont .container, .footer .container, .orngLgnBar .container,
		.LoginPageForm .container, .logoContainer .container, .clientImages {
		width: 960px;
	}
}

@media ( max-width : 700px) {
	.textclientLogosCont .container, .footer .container, .orngLgnBar .container,
		.LoginPageForm .container, .logoContainer .container, .clientImages {
		width: 100%;
	}
}

.footer .container .ftl, .formContentArea .lftSec .ftl {
	color: black;
	text-align: center; 
	font-size: 12px; 
	padding-top: 5px;
}

.textclientLogosCont .ftr, .footer .container .ftr, .formContentArea .lftSec .ftr
	{
	text-align: center; 
	/*padding-left: 7%;*/
	font-size: 20px;
	max-width: 400px;
	margin: auto;
}

.clear {
	clear: both;
}

.formContentArea .lftSec a, .formContentArea .lftSec a:hover {
	color: #f26928;
}

.formContentArea .lftSec .gryTxt, .formContentArea .lftSec .gryTxt:hover
	{
	color: #828282;
}

.logoContainer {
	background: #151515;
	border-bottom: 2px solid #434241;
	text-align: center;
	padding: 10px 0 0 0;
}
.wooliesLogin .logoContainer {
	background: #125430;
	border-bottom: 2px solid #125430;
}
.pet .logoContainer {
	background: #014075;
	border-bottom: 2px solid #014075;
}
.mitre .logoContainer {
	background: #006996;
	border-bottom: 2px solid #006996;
}
.ruralco .logoContainer {
	background: #041e42;
	border-bottom: 2px solid #041e42;
}
.bowens .logoContainer {
	background: #005F9F;
	border-bottom: 2px solid #05356C;
}
.nutrienag .logoContainer {
	background: #67A946;
	border-bottom: 2px solid #67A946;
}
.kmart .logoContainer {
	background: #277cc1;
	border-bottom: 2px solid #277cc1;
}
.ao .logoContainer {
	background: #7fba23;
	border-bottom: 2px solid #7fba23;
}
.ff .logoContainer {
	background: #e30513;
	border-bottom: 2px solid #e30513;
}
.cliquor .logoContainer {
	background: #E11F28;
	border-bottom: 2px solid #E11F28;
}
.target .logoContainer {
	background: #BA0000;
	border-bottom: 2px solid #BA0000;
}

/* form */
.form-horizontal .form-group .control-label {
	padding-left: 11px;
}

.formContentArea .form-horizontal a:hover {
	text-decoration: underline;
}

.textclientLogosCont .content, .LoginPageForm .content {
	background: #fff;
	padding: 50px 0 50px;
	font-family: Lato !important;
}

.textclientLogosCont a:HOVER {
	text-decoration: underline;
}

.textclientLogosCont .content h1, .textclientLogosCont .content h2,
	.LoginPageForm .content h1, .LoginPageForm .content h2 {
	margin: 0;
	padding: 0;
	margin-bottom: 30px;
	text-transform: uppercase;
	text-align: center;
	color: #000;
}

.LoginPageForm .content h2 {
	font-family: inherit;
	font-weight: 500;
	line-height: 1.1;
}

body.mobileApp .LoginPageForm .content>h2{
	display: none;
}

.textclientLogosCont .content h2, .LoginPageForm .content h2 {
	font-size: 33px;
}

.textclientLogosCont .content h1 {
	font-size: 42px;
}

.LoginPageForm .content .formContentArea .lftSec h2 {
	font-size: 24px !important;
}

.content .h1 {
	font-size: 42px;
	text-align: center;
}

.LoginPageForm {
	float: left;
	width: 100%;
	clear: both;
}

.logoContainer .container img {
	vertical-align: middle;
	width:100%;
	max-width:400px;
}

#loginForm .formGroupCont .form-control {
	width: 90% \9;
}
/* .logoContainer .container .simple_banner{ */
/* 	padding:25px 0 0 0; */
/* } */
.logoContainer .container {
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}

body.mobileApp .LoginPageForm .formContentArea {
	margin: 5px;
/* 	width: 480px; */
/* 	left: 225px; */
}

body.mobileApp #lc_chat_layout{
	display: none;
}

/*body #lc_chat_layout{
	display: none;
}*/

.LoginPageForm .formContentArea {
	overflow: hidden;
	border-radius: 5px;
	border: 1px solid #d9d9d9;
	position: relative;
}

body.mobileApp .LoginPageForm .formContentArea .lftSec{
	width: 100% !important;
    padding: 10px;
}

.LoginPageForm .formContentArea .lftSec {
	background: #e9e9e9;
	float: left;
	width: 50%;
	box-sizing: border-box;
	padding: 34px 25px 0px 25px;
}

.nsw .LoginPageForm .formContentArea .lftSec {
	min-height: 380px;
}

body.mobileApp .rgtSec{
	display: none;
}

.formContentArea .rgtSec {
/* 	bottom: 0; */
	float: right;
/* 	padding-top: 30px; */
/* 	left: 460px; */
	position: absolute;
	right: 0;
	width: 50%;
	height:100%
	box-sizing: border-box;
}

.formContentArea .rgtSec img {
	width: 100%;
}

.captcha-image {
	max-width: 120px;
	max-height: 40px;
	width: auto !important;
	float: none !important;
}

#refreshCaptcha {
	max-width: 50px;
	max-height: 50px;
	float: left;
}

#captcha-image-box {
	width: 30%;
	height: 49px;
	float: left;
	margin-bottom: 2px;
}

#captcha-btn-box {
	width: 70%;
	float: right;
}

#myCaptcha {
	width: 30%;
	height: 38px;
	line-height: 70px;
}

@media ( max-width : 700px) {
	.formContentArea .lftSec {
		float: none;
		width: 100% !important;
		padding: 40px 25px;
	}
	.formContentArea .rgtSec {
		display: none;
	}
/* 	.formContentArea .lftSec label { */
/* 		display: none; */
/* 	} */
	.formContentArea .lftSec label.chkBx {
		display: block;
	}
}

@media ( min-width : 768px) {
	.container {
		width: 96%;
	}
}

.formContentArea .lftSec .errors {
	text-align: center;
	color: red;
	height: 63px;
}

.forgotten_password_div .item_container .errors {
	text-align: center;
	color: red;
	height: 30px;
}

.forgotten_password_div .item_container span {
	text-align: center;
	color: black;
	height: 30px;
}

.formContentArea .lftSec h2 {
	font-size: 24px;
	margin-bottom: 20px;
	text-align: center;
	color: #000;
}

.formContentArea .lftSec label {
	font-size: 18px;
	color: #f26928;
	font-weight: normal;
}

.orngTxt {
	color: #f26928;
}

.formContentArea .lftSec label.chkBx {
	font-size: 14px;
	color: #828282;
}

.formContentArea .lftSec .inputEmail {
	background: #fff;
	padding: 15px 0 15px 35px;
	border-radius: 5px 5px 0 0;
	height: auto;
	color: #c1c1c1;
	border: 0;
	position: initial;
}

.formContentArea .lftSec .inputPass {
	background: #fff;
	padding: 15px 0 15px 35px;
	border-radius: 0 0 5px 5px;
	height: auto;
	color: #c1c1c1;
	border: 0;
	position: initial;
}

.formContentArea .lftSec .formGroupCont {
	margin-bottom: 1px;
}

.formContentArea .lftSec .lgnBttn {
	width: 100%;
	padding: 20px 0;
	color: #fff;
	font-size: 18px;
	text-align: center;
	background: #000;
	font-weight: bold;
	height: 67px
}

.formContentArea .lftSec .lgnBttn:hover {
	color: #fff;
	background-color: #f26928;
	border-color: #adadad;
}
body.mobileApp .orngLgnBar {
	display: none;
}

.orngLgnBar {
	float: left;
	clear: both;
	width: 100%;
	background: #f26928;
	padding: 40px 0;
}
.wooliesLogin .orngLgnBar {
	background: #125430;
}
.pet .orngLgnBar {
	background: #014075;
}
.cliquor .orngLgnBar {
	background: #E11F28;
}
.target .orngLgnBar {
	background: #BA0000;
}
.mitre .orngLgnBar {
	background: #006996;
}
.ruralco .orngLgnBar {
	background: #041e42;
}
.bowens .orngLgnBar {
	background: #005F9F;
}
.nutrienag .orngLgnBar {
	background: #67A946;
}
.kmart .orngLgnBar {
	background: #277cc1;
}
.ao .orngLgnBar {
	background: #7fba23;
}
.ff .orngLgnBar {
	background: #e30513;
}

.orngLgnBar .needLgn {
	background: url(../images/loginIcon.png) left top no-repeat;
	color: #fff;
	font-size: 42px;
	padding-left: 58px;
	float: left;
	line-height: 1.5;
}

button.titleBx:hover {
	background-color: lightgray;
	color: black;
}

.orngLgnBar .titleBx {
	background: #000;
	padding: 10px;
	font-size: 19px;
	line-height: 24px;
	color: #fff;
	margin-left: 40px;
	float: right;
	width: 234px;
	border-radius: 5px;
	text-align: center;
	text-transform: uppercase;
	border: 0;
}

.wooliesLogin .orngLgnBar .titleBx {
	width: 255px;
}
.pet .orngLgnBar .titleBx {
	width: 255px;
}
.mitre .orngLgnBar .titleBx {
	width: 255px;
}
.ruralco .orngLgnBar .titleBx {
	width: 255px;
}
.ruralco .simple_banner{
	margin-top: 23%;
}
.bowens .orngLgnBar .titleBx {
	width: 255px;
}
/* .bowens .simple_banner{ */
/* 	margin-top: 23%; */
/* }  */

.nutrienag .orngLgnBar .titleBx {
	width: 255px;
}
.nutrienag .simple_banner{
	margin-top: 23%;
}

.kmart .orngLgnBar .titleBx {
	width: 255px;
}
.kmart .simple_banner{
	margin-top: 23%;
}
.target .simple_banner{
	margin-top: 23%;
}
.ao .orngLgnBar .titleBx {
	width: 255px;
}
.ff .orngLgnBar .titleBx {
	width: 255px;
}
.cliquor .orngLgnBar .titleBx {
	width: 255px;
}
.target .orngLgnBar .titleBx {
	width: 255px;
}

@media ( min-width : 1000px) and (max-width: 1200px) {
	.formContentArea .rgtSec img {
		height: 90%;
	}
	.LoginPageForm .formContentArea {
		height: 381px;
	}
}

@media ( max-width : 992px) {
	.orngLgnBar .titleBx {
		padding: 5px;
		font-size: 14px;
		margin-left: 10px;
		width: 150px;
	}
}

@media ( max-width : 750px) {
	.orngLgnBar .needLgn, .orngLgnBar .titleBx {
		margin-bottom: 5px;
	}
	.orngLgnBar .titleBx {
		width: 100%;
		margin: 0 0 5px 0;
		font-size: 19px;
	}
	.clientImages img {
		width: 110px;
	}
}

@media ( max-width : 1024px) {
	.clientImages img {
		width: 138px;
	}
}

@media ( max-width : 900px) {
	.clientImages img {
		width: 120px;
	}
}

@media ( max-width : 760px) {
	.clientImages img {
		width: 100px;
	}
}

.textclientLogosCont {
	float: left;
	width: 100%;
	clear: both;
	display: none;
}

.clientImages {
	text-align: center;
	height: 452px;
	display: table;
	margin-left: auto;
	margin-right: auto;
}

.clientImages img {
	padding: 0px 12px;
	max-width: 150px;
}

.logos {
	width: 100%;
	margin: 20px 0;
}

.footer {
	background: #f0f0f0 !important;
	padding: 40px 0;
	color: #000;
}

.footer .smlTxt {
	font-size: 10px;
}

@media ( max-width : 700px) {
	.clientLogosCont, .orngLgnBar {
		display: none;
	}
}

.footer .ftl a {
	color: #f26928;
}

.footer .ftl a:hover {
	color: #f26928;
	text-decoration: underline;
}

/*.primary-heading { color:#f26928; font-weight: 400; font-size:28px; font-family:"Lato",sans-serif; margin-bottom:20px; line-height:22px; }*/

/* Dashboard Page Changes */
.loggedin-welcome {
	color: #fff;
	float: right;
	padding-top: 3px;
	padding-bottom: 7px;
}

/*Dashboard Advanced Search Changes */

/*body { font-family: 'Lato', sans-serif; color:#828282; font-size:13px; }*/
.primary-heading {
	color: #f26928;
	font-weight: 400;
	font-size: 28px;
	margin-bottom: 20px;
	line-height: 22px;
}
.custom-row.gaps .hyperlink:hover {
	color: #858585;
	text-decoration: underline;
}

a {
	text-decoration: none;
}

ul {
	list-style: none;
}
/*input[type="text"],
input[type="password"],
input[type="phone"],
input[type="email"] { background:#f4f7fa; padding:10px; height:40px; line-height:20px; border:none; color:#858585; font-size:16px; width:100%; }*/
/*Dashboard Advanced Search Error CSS*/
.chosen-single.error {
	border: 1px solid red;
	color: red;
}

.chosen-results em {
	color: black;
	font-style: normal;
}

#search_big_box {
	background: #f4f7fa;
	height: 40px;
	line-height: 20px;
	border: none;
	color: #858585;
}

.two-cols .right input {
	background: #f4f8fb none repeat scroll 0 0;
	border: medium none;
	border-radius: 5px;
	color: #858587;
	font-size: 16px;
	height: 42px;
	padding: 11px 10px;
	width: 100%;
}

.two-cols .right select {
	background: #f4f8fb none repeat scroll 0 0;
	border: medium none;
	border-radius: 5px;
	color: #858587;
	font-size: 16px;
	height: 42px;
	padding: 11px 10px;
	width: 100%;
}

.two-cols .ms-choice {
	/*background: #f4f8fb !important none repeat scroll 0 0;*/
	background-color: #f4f8fb !important;
	border: medium none;
	border-radius: 5px;
	color: #858587;
	font-size: 16px;
	height: 42px;
	padding: 11px 10px;
	width: 100%;
}

.two-cols .ms-choice>span {
	color: #858587 !important;
}

.two-cols .ms-choice>span.placeholder {
	color: #858587 !important;
}

.two-cols .ms-drop ul {
	background-color: #f4f8fb !important;
}

.two-cols .right .ms-drop input {
	width: 8% !important;
	margin-right: 5px;
}

.two-cols .right .createPage .ms-drop input {
	width: 6% !important;
	margin-right: 5px;
}

.two-cols .right .ms-drop ul>li label {
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 16px !important;
	color: #858587 !important;
}

/* 2. Page CSS
================================================================================================*/
.border-arround {
	border-left: 1px solid #d2d2d2;
	border-right: 1px solid #d2d2d2;
}

.custom-row {
	padding: 0px 25px;
}

.border-top {
	border-top: 1px solid #d2d2d2;
}

.gaps {
	padding-top: 25px;
	padding-bottom: 25px;
}

.available-product {
	display: inline-block;
	background: #f4f7fa;
	font-size: 18px;
	padding: 10px;
	border-radius: 50%;
	font-weight: 700;
}

.quick-summary ul li {
	float: left;
	background: url(../images/corner.png) right top no-repeat #f4f7fa;
	width: 19.1%;
	margin-right: 1%;
	text-align: center;
	padding: 64px 0px 60px 0px;
	position: relative;
	min-height: 215px;
}

.quick-summary ul li:last-child {
	margin-right: 0px;
}

.quick-summary ul li strong {
	font-size: 33px;
	display: block;
	font-weight: 700;
	color: #808080;
}

.quick-summary ul li strong img {
	height: 40px;
	width: 40px;
	vertical-align: unset;
}

.quick-summary ul li strong strong {
	display: inline-block;
	position: relative;
	top: -7px;
}

.quick-summary ul li span {
	display: block;
	font-size: 16px;
	padding-top: 7px;
	color: #A3A4A6;
}

.quick-summary ul .smallBoxGrp li strong {
	font-size: 25px;
	display: block;
	font-weight: 700;
	color: #808080;
}

.quick-summary ul .smallBoxGrp li strong img {
	height: 20px;
	width: 20px;
}

.quick-summary ul .smallBoxGrp li strong strong {
	display: inline-block;
	position: relative;
	top: -1px;
}

.quick-summary ul .smallBoxGrp li span {
	display: block;
	font-size: 16px;
	padding-top: 7px;
	color: #A3A4A6;
}

.t-tip {
	position: absolute;
	width: 169px;
	left: 50%;
	margin-left: -84px;
	top: 140px;
	background: #ffffff;
	border: 1px solid #d2d7dd;
	z-index: 99;
	border-radius: 5px;
	padding: 5px;
	font-size: 12px;
	line-height: 18px;
	display: none;
}
.smallbox .t-tip {
	position: absolute;
	width: 169px;
	left: 50%;
	margin-left: -84px;
	top: 81px;
	background: #ffffff;
	border: 1px solid #d2d7dd;
	z-index: 99;
	border-radius: 5px;
	padding: 5px;
	font-size: 12px;
	line-height: 18px;
	display: none;
}
.smallbox2 .t-tip {
	position: absolute;
	width: 169px;
	left: 50%;
	margin-left: -84px;
	top: 61px;
	background: #ffffff;
	border: 1px solid #d2d7dd;
	z-index: 99;
	border-radius: 5px;
	padding: 5px;
	font-size: 12px;
	line-height: 18px;
	display: none;
}

.t-tipAttachment:after, .t-tipAttachment:before {
	position: relative;
	content: "";
	width: 0px;
	height: 0px;
	left: 50%;
}

.t-tipAttachment:after {
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid #ffffff;
	top: -103px;
	margin-left: -48px;
}

.t-tipAttachment:before {
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #d2d7dd;
	top: -33px;
	margin-left: -10px;
}
.t-tipAttachment {
	position: relative;
	width: 169px;
	left: 50%;
	margin-left: -84px;
	top: 8px;
	background: #ffffff;
	border: 1px solid #d2d7dd;
	z-index: 99;
	border-radius: 5px;
	padding: 5px;
	font-size: 12px;
	line-height: 18px;
	display: none;
}

.t-tipAttachmentView:after, .t-tipAttachmentView:before {
	position: relative;
	content: "";
	width: 0px;
	height: 0px;
	left: 50%;
}

.t-tipAttachmentView:after {
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid #ffffff;
	top: -30px;
	margin-left: -114px;
}

.t-tipAttachmentView:before {
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #d2d7dd;
	top: -31px;
	margin-left: -22px;
}
.t-tipAttachmentView {
	position: absolute;
	width: 115px;
	margin-left: -35px;
	top: 34px;
	background: #ffffff;
	border: 1px solid #d2d7dd;
	z-index: 99;
	border-radius: 5px;
	padding: 5px;
	font-size: 12px;
	line-height: 18px;
	display: none;
}


.t-tipAttachementDwnld:after, .t-tipAttachementDwnld:before {
	position: relative;
	content: "";
	width: 0px;
	height: 0px;
	left: 50%;
}

.t-tipAttachementDwnld:after {
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid #ffffff;
	top: -30px;
	margin-left: -156px;
}

.t-tipAttachementDwnld:before {
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #d2d7dd;
	top: -31px;
	margin-left: -20px;
}
.t-tipAttachementDwnld {
	position: absolute;
	width: 150px;
	margin-left: -56px;
	top: 34px;
	background: #ffffff;
	border: 1px solid #d2d7dd;
	z-index: 99;
	border-radius: 5px;
	padding: 5px;
	font-size: 12px;
	line-height: 18px;
	display: none;
}


.t-tipAttachemntDel:after, .t-tipAttachemntDel:before {
	position: relative;
	content: "";
	width: 0px;
	height: 0px;
	left: 50%;
}

.viewNormalData, .downloadNormalsData, .deleteNormalsData  {
	position: relative;
	display: inline-block;
	padding-left: 4px;
}
.t-tipAttachemntDel:after {
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid #ffffff;
	top: -30px;
	margin-left: -188px;
}

.t-tipAttachemntDel:before {
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #d2d7dd;
	top: -31px;
	margin-left: -19px;
}
.t-tipAttachemntDel {
	position: absolute;
	width: 185px;
	margin-left: -72px;
	top: 34px;
	background: #ffffff;
	border: 1px solid #d2d7dd;
	z-index: 99;
	border-radius: 5px;
	padding: 5px;
	font-size: 12px;
	line-height: 18px;
	display: none;
}
.quick-summary .smallBoxGrp{
	width: 18.5%;
	float: left;
	margin-right:10px; 
	line-height: 1;
}
.quick-summary ul .smallBoxGrp .smallbox{
	height: 89px;
	width:100%;
	padding: 26px 0;
	margin-bottom: 5px;
	min-height: 105px;
}

.quick-summary ul .smallBoxGrp .smallbox2{
	width:100%;
	padding: 10px 0;
	margin-bottom: 6.2px;
	min-height: 63px;
}

@
-webkit-keyframes fadeInDown { 0% {
	opacity: 0;
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0);
}

100%
{
opacity








:




 




1;
-webkit-transform








:




 




none








;
transform








:




 




none








;
}
}
@
keyframes fadeInDown { 0% {
	opacity: 0;
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0);
}

100%
{
opacity








:




 




1;
-webkit-transform








:




 




none








;
transform








:




 




none








;
}
}
.show {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	display: block !important;
}

.t-tip:after, .t-tip:before {
	position: absolute;
	content: "";
	width: 0px;
	height: 0px;
	left: 50%;
}

.t-tip:after {
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid #ffffff;
	top: -8px;
	margin-left: -8px;
}

.t-tip:before {
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #d2d7dd;
	top: -10px;
	margin-left: -10px;
}

.center {
	text-align: center;
}

.btn {
	font-size: 12px;
	color: #ffffff;
	font-weight: 700;
	display: inline-block;
	background: #828282;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	padding: 10px 20px;
	margin-left: 10px;
	border: none;
}

.btn img {
	position: relative;
	right: -5px;
	top: 3px;
}

.btn:hover {
	background: #727272;
}

.padd-t-25 {
	padding-top: 25px;
}

.btn-big {
	font-size: 19px !important;
	font-weight: 700 !important;
	padding: 12px 24px !important;
}

.btn strong {
	display: inline-block;
	font-size: 25px;
}

.orange-bg {
	background: #f26928;
}

.orange-bg:hover {
	background: #fc8147;
}

.prev-searches li {
	padding: 10px 15px;
	background: #f4f7fa;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	margin-bottom: 2px;
	font-size: 16px;
	width: 100%;
	float: left;
	line-height: 18px;
}

.prev-searches li strong {
	font-weight: 700;
	color: #f26928;
	/*display: inline-block;*/
	padding-right: 8px;
	padding-top: 5px;
}

.prev-searches li .delete,.prev-searches li .removeRow {
	float: right;
}

.prev-searches li a {
	font-weight: 300;
	color: #858585;
	text-decoration: underline;
	/*display: inline-block;*/
	padding-top: 5px;
}

.prev-searches li a:hover {
	text-decoration: none;
}

.delete, .removeRow {
	width: 29px;
	height: 29px;
	display: inline-block;
	background: url(../images/del.png) left top no-repeat;
	cursor: pointer;
}

.boxes .box {
	float: left;
	width: 33.33%;
	padding: 0px 25px;
	margin-bottom: 25px;
}

.boxes .box .images {
	min-height: 200px;
	background: #f4f7fa;
	display: block;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.banner {
	padding: 0px 25px;
	clear: both;
	margin-bottom: 25px;
}

.banner .banner-img {
	min-height: 60px;
	background: #f4f7fa;
	display: block;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.no-padd {
	padding: 0px !important;
}

.search-header {
	padding-bottom: 20px;
}

.search-header label {
	width: 13%;
	float: left;
	color: #f26928;
	font-size: 20px;
	padding-top: 7px;
}

.search-header input[type="text"] {
	width: 85%;
	float: left;
}

.search-field-row {
	clear: both;
	margin-bottom: 13px;
}

.search-field-row>.two-cols {
	padding-right: 0%;
}

.search-field-row>.two-cols+.two-cols {
	padding-right: 0%;
	padding-left: 2%;
}

.two-cols {
	width: 50%;
	float: left;
}

.two-cols .left {
	width: 31%;
	float: left;
	margin-right: 0px;
	min-height: 20px;
}

.two-cols .right {
	width: 69%;
	float: left;
}

.custom-radio .ui-button {
	border-radius: 15px 0px 0px 15px !important;
	width: 50px;
	color: #ffffff !important;
	background: #87c3be;
	border-color: #87c3be;
}

.custom-radio .ui-button ~ .ui-button {
	border-radius: 0px 15px 15px 0px !important;
}

.custom-radio .ui-button .ui-button-text {
	color: #ffffff !important;
	padding: 7px 15px !important;
}

.custom-radio .ui-button.ui-state-active {
	background: #ffffff;
	color: #858585 !important;
	border-color: #cdcdcd;
}

.custom-radio .ui-button.ui-state-active .ui-button-text {
	color: #858585 !important;
}

.ui-button-text {
	font-size: 14px !important;
	text-transform: lowercase;
}

.ui-selectmenu-button {
	width: 100% !important;
	text-decoration: none;
	text-align: left;
	outline: none;
	vertical-align: middle;
	background: #f4f7fa;
	display: inline-block;
	cursor: default;
	width: 100% !important;
	border: none;
	margin: 0px !important;
}

.ui-selectmenu-button span.ui-selectmenu-text {
	padding: 11px 10px;
	color: #858585;
	font-size: 16px;
}

.ui-selectmenu-button .ui-icon-triangle-1-s {
	background: url(../images/arrow-down.png) center center no-repeat
		!important;
}

.align-right {
	text-align: right;
}

.addFacet,.addNewFacet {
	width: 29px;
	height: 29px;
	display: inline-block;
	background: url(../images/add.png) left top no-repeat;
}

.addUser {
	width: 15px;
    height: 15px;
    display: inline-block;
    margin-top: 8.5px;
    background: url(../images/plus.jpg) left top no-repeat;
    position: absolute;
    margin-left: -27px;
}

.userBox table,.userBox th,.userBox td,.userBox tr{
	border: solid 1px black;
}

.addFacet:hover,.addNewFacet:hover {
	background-position: left bottom;
	cursor: pointer;
}

.search-field-row .add, .search-field-row .delete {
	position: relative;
	top: 10px;
}

.two-cols-big .right {
	width: 69%;
}

.delete-col {
	width: 7.5%;
	float: left;
}

.dates {
	padding-top: 10px;
}

.dates p, .dates label {
	float: left;
}

.dates label {
	font-size: 16px;
	min-width: 70px;
}

.dates p {
	width: auto;
	margin-right: 10px;
	position: relative;
	line-height: 24px;
}

.dates .dd {
	position: relative;
	display: inline-block;
}

.dates p img {
	position: absolute;
	right: 6px;
	top: 7px;
}

.dates input[type="text"] {
	background: #ffffff;
	border: 1px solid #b6c0ce;
	padding: 4px 20px 4px 5px;
	font-size: 12px;
	width: 105px;
	height: auto;
}

.mr-t-5 {
	margin-top: 5px;
}

.ui-datepicker-header {
	background: #f4f7fa;
}

.ui-datepicker .ui-datepicker-next {
	right: 2px !important;
	top: 2px !important;
}

.ui-datepicker .ui-datepicker-prev {
	left: 2px !important;
	top: 2px !important;
}

.ui-state-default, .ui-widget-content .ui-state-default,
	.ui-widget-header .ui-state-default {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	text-align: center;
}

.ui-datepicker .ui-datepicker-next .ui-icon {
	background: url(../images/arrow-right.png) center center no-repeat
		!important;
}

.ui-datepicker .ui-datepicker-prev .ui-icon {
	background: url(../images/arrow-left.png) center center no-repeat
		!important;
}

.ui-datepicker-header a {
	background: none !important;
	border: none !important;
	cursor: pointer;
}

.search-button-section {
	float: left;
	width: 25%;
}

.current-search {
	float: left;
	width: 60%;
}

.save-file {
	float: right;
	width: 15%;
	text-align: right;
}

.save-file .btn, .search-button-section .btn {
	margin-left: 0px;
}

.current-search p {
	font-size: 16px;
	font-weight: 300;
	color: #858585;
	line-height: 22px;
}

.current-search strong {
	font-weight: 400;
	color: #f26928;
}

/* 3. Slider CSS
================================================================================================*/
.clearout {
	height: 20px;
	clear: both;
}

#flexiselDemo1, #flexiselDemo2, #flexiselDemo3 {
	display: none;
}

.nbs-flexisel-container {
	position: relative;
	max-width: 100%;
	padding: 0px 30px;
}

.nbs-flexisel-ul {
	position: relative;
	width: 99999px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	text-align: center;
}

.nbs-flexisel-inner {
	overflow: hidden;
	float: left;
	width: 100%;
}

.nbs-flexisel-item {
	float: left;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	position: relative;
	line-height: 0px;
}

.nbs-flexisel-item img {
	cursor: pointer;
	position: relative;
}
/*** Navigation ***/
.t-tip-slid {
	position: absolute;
	width: 148px;
	left: 60%;
	margin-left: -92px;
	top: 80px;
	background: #ffffff;
	border: 1px solid #d2d7dd;
	z-index: 101;
	border-radius: 5px;
	padding: 5px;
	font-size: 12px;
	line-height: 18px;
	display: none;
}

#updatePwdForm .t-tip-slid {
	left: 50%;
	top:50px;
}

#updatePwdForm .t-tip {
	top: 40px;
	width: 360px;
	left: 33%;
	padding-left: 16px;
}

#updatePwdForm .t-tip li {
	list-style: disc;
	text-align: left;
}

.t-tip-slid.customTooltip {
	width: 215px;
	left: 42%;
	top: 65px;
}

.t-tip-slid.lower {
	z-index: 99
}

.specialTitle {
	left: 87%
}

.specialTitle2 {
	left: 85%;
	top: 70px;
}

.single .specialTitle2 {
	left: 85%;
	top: 90px;
}

.specialTitle3 {
	left: 85%;
	top: 125px;
}

.single .specialTitle3 {
	left: 85%;
	top: 90px;
}

.imgInfo .t-tip-slid {
	top: 40px;
}

.imgAction .t-tip-slid {
	top: 90px;
}

@
-webkit-keyframes fadeInDown { 0% {
	opacity: 0;
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0);
}

100%
{
opacity








:




 




1;
-webkit-transform








:




 




none








;
transform








:




 




none








;
}
}
@
keyframes fadeInDown { 0% {
	opacity: 0;
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0);
}

100%
{
opacity








:




 




1;
-webkit-transform








:




 




none








;
transform








:




 




none








;
}
}
.t-tip-slid:after, .t-tip-slid:before {
	position: absolute;
	content: "";
	width: 0px;
	height: 0px;
	left: 50%;
}

.t-tip-slid:after {
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid #ffffff;
	top: -8px;
	margin-left: -8px;
}

.t-tip-slid:before {
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #d2d7dd;
	top: -10px;
	margin-left: -10px;
}

.RecentDownloadsTable .t-tip-slid {
	font-weight: normal;
	text-transform: initial;
	left: 44%;
	top: 57px;
}

.nbs-flexisel-nav-left, .nbs-flexisel-nav-right {
	width: 18px;
	height: 38px;
	position: absolute;
	cursor: pointer;
	z-index: 100;
}

.nbs-flexisel-nav-left {
	left: 0px;
	background: url(../images/button-previous.png) left top no-repeat;
}

.nbs-flexisel-nav-right {
	right: 0px;
	background: url(../images/button-next.png) left top no-repeat;
}

.nbs-flexisel-nav-left:hover, .nbs-flexisel-nav-left:focus,
	.nbs-flexisel-nav-right:hover, .nbs-flexisel-nav-right:focus {
	background-position: left bottom;
}

/* Save User's Search Popup
================================================================================================*/
.emailform input, .emailform textarea {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.popupbox {
	font-family: 'Lato', sans-serif;
}

.popupbox h1 {
	font-size: 28px;
	font-weight: 400;
	padding: 10px 10px;
	background: #e1e1e1;
}

.control-group {
	margin: 0 0 10px;
	width: 100%;
}

.emailform {
	padding: 20px 20px 10px;
	background: #f5f5f5;
}

.emailform .form-control {
	border: 1px solid #cfcdcc;
	padding: 8px 12px;
	width: 100%;
	font-size: 18px;
	color: #555555;
}

.emailform textarea {
	height: 130px
}

.emailform .form-control:focus {
/* 	border-color: #66afe9; */
/* 	outline: 0; */
/* 	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px */
/* 		rgba(102, 175, 233, 0.6); */
/* 	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px */
/* 		rgba(102, 175, 233, 0.6); */
}

.form-control { 
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555555;
    vertical-align: middle;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}


.form-control::-moz-placeholder {
	color: #999999;
	font-style: italic;
	opacity: 1;
}

.form-control:-ms-input-placeholder {
	color: #999999;
	font-style: italic;
}

.form-control::-webkit-input-placeholder {
	color: #999999;
	font-style: italic;
}

.shared-product {
	float: left;
	width: 453px;
}

.shared-product img {
	border: 1px solid #ccc;
	background: #fff;
	margin-right: 15px;
}

.email-btn {
	font-family: 'Lato', sans-serif;
	font-size: 18px;
	font-weight: 700;
	margin-top: 115px;
}

/*********Added by Santosh*******/
/******************Custom Radio and Checkbox style*************/
.radio_check.radio, .radio_check.checkbox {
	margin: 0 5px 0 0
}

.radio_check {
	width: 21px;
	height: 21px;
	display: inline-block;
	position: relative;
	cursor: pointer;
}
.mfa .facet_block-label.truncate .radio_check {
	background-size: 65px;
	top: -3px;
	width: 31px;
	height: 31px;
	vertical-align: middle;
}
.testQRDivSection img {
	left: 37%;
}

.mfa .facet_block-label.truncate .radio_check.checked {
	background-position: -15px -112px;
}

*+html .radio_check input {
	filter: alpha(opacity = 0);
	padding: 0;
	margin: 0
}

.radio_check.checkbox {
	background: url('../images/checkbox.png') -14px -17px;
}
.radio_check.checkbox .termsAndCond{
	z-index: -1;
}
.img.item-block .radio_check.checkbox {
	float: left;
}

.printPDF .radio_check.checkbox {
	display: none;
}

.radio_check.checkbox.checked {
	background-position: -14px -90px;
}

.radio_check.checkbox.disabled {
	background-position: -14px -157px;
}

.radioInline {
	display: inline-block !important;
	margin-right: 3px;
	vertical-align: text-top;
}

.checkboxInline {
	display: inline-block !important;
	margin-right: 11px;
	vertical-align: text-top;
	margin-top: 0px !important
}

.checkboxInline::after {
	content: "";
}

.radioBlock, .checkboxBlock {
	display: block !important;
	margin-bottom: 5px;
}
/*.radio_check{width:21px; height:21px; display:inline-block !important; position:relative; cursor:pointer;}*/
.radio_check.radiobutton {
	background: url('../images/radionbtn.png') -14px -16px;
}

.radio_check.radiobutton.checked {
	background-position: -14px -90px;
}

.inlineLabel {
	display: inline-block !important;
	vertical-align: text-top;
	margin-right: 5px;
}

.radioFly {
	width: 21px;
	height: 21px;
	padding: 0 5px 0 0;
	display: block;
	clear: left;
	float: left;
	background: url('../images/radioFly.png') no-repeat;
}

.filter-col, .catalog-wrapper {
	font-family: 'Lato', sans-serif !important;
}

.filter-col .facet-section h3 {
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 22px;
	color: #828282;
}

.filter-col .inner.facet-section>ul h6 {
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 16px;
	color: #555555;
	background: #f7f7f7;
	text-transform: none;
	padding: 5px;
}

.filter-col ul ul {
	margin-left: 5px;
}

.filter-col ul ul li {
	margin-bottom: 10px;
	font-size: 15px;
}

.filter-col .inner>ul>li {
	border-top: 1px solid #ccc;
	margin-bottom: 5px;
	padding: 0px 0;
}

.filter-col .inner>ul h6.facet-header {
	cursor: pointer;
}

.truncate {
	width: 180px;
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.facet_block-label.truncate {
	width: auto;
	max-width: 180px;
	top: 10px;
	font-size: 17px;
}
.mfa .facet_block-label.truncate {
	font-weight: bold;
}

.filter-col .inner>ul h6.facet-header i {
	background: url(../images/minus-icon.png) no-repeat;
	float: right;
	height: 17px;
	margin-right: 5px;
	width: 17px;
	cursor: pointer;
}

.filter-col .inner>ul h6.facet-header.close i {
	background: url(../images/plus-icon.png) no-repeat;
}

.filter-col .ui-button, .filter-col .catalog-wrapper {
	font-family: 'Lato', sans-serif !important;
	font-size: 13px;
	font-weight: 700
}

.filter-col .ui-button.black{ 
	padding-right: 0px !important;
	padding-left: 0px !important;
}

.trackerExport.ui-button.icon {
	font-size: 11px;
	width: 225px;
	padding-bottom: 10px;
}
.trackerExport.ui-button.icon.download-arrow i {
	background-size: 10px;
	top: 5px;
}
.trackerDetails #cboxWrapper .saveButton {
	float: none!important;
	margin-right: 100px;
}

.download-btn .ui-button {
	background: #828282;
	margin-right: 5px;
	box-shadow: 0 0;
	padding: 0.5em;
}

.category-subscribe {
	margin-top: 0;
}

.facet-section .category-subscribe p {
	color: #858585;
	float: none;
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	line-height: 18px;
	text-align: left;
	padding: 20px 0
}

#subscribeButton {
	/*display: block;*/
	float: none;
	font-size: 14px;
	margin-bottom: 0px;
	margin-top: 0px;
}

.catalog-sorting-container {
	border-bottom: none;
}

.catalog-sorting-container>.inner {
	padding: 22px 0 2px 0px;
}

.catalog-sorting-container .catalog-sort-title {
	display: block;
	float: none;
	margin: 5px 0;
	font-family: 'Lato', sans-serif;
	color: #font-family: 'Lato', sans-serif;
	font-size: 22px;
}

.sorting-block {
	background: #f9f9f9;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	margin-bottom: 30px;
	padding: 10px 10px 2px;
	overflow: hidden;
	margin-top:13px;
	min-height: 70px;
}

.catalog-sorting-container .catalog-sort-button {
	top: 0;
	margin: 0;
}

.catalog-sorting-container .catalog-sort-button .ui-button {
	font-size: 13px;
	font-family: 'Lato', sans-serif;
	box-shadow: 0 0;
	margin-right: 5px;
	padding: 0.5em;
}

.catalog-sort-button .ui-button {
	font-size: 13px;
	font-family: 'Lato', sans-serif;
	box-shadow: 0 0;
	margin-right: 5px;
	padding: 0.5em;
}

.catalog-sorting-container .catalog-sort-view {
	width: 110px;
}

.catalog-sorting-container .catalog-sort-view .row-sorting-wrapper {
}

.catalog-sorting-container .row-sorting-link {
	width: 30px;
	height: 30px;
	background-position: -40px 0px;
}

.catalog-sorting-container .row-sorting-link.sort-3-rows.active {
	background-position: -35px -40px;
}

.catalog-sorting-container .row-sorting-link.sort-1-rows {
	background-position: 0px -40px;
}

.catalog-sorting-container .row-sorting-link.sort-1-rows.active {
	background-position: 0px 0px;
}

.sort_form1 {
	width: 200px;
	float: left;
}

.catalog-sort-by .sort {
	width: 230px;
	/*border-radius: 0px;
    border-color: rgb(169, 169, 169);
    -webkit-appearance: menulist;
    cursor: default;*/
}
/******pagination******/
.pager {
	float: left;
	padding: 0 !important;
	top:-6px;
}

.pager.bottom {
	margin-left: 200px
}

.total-count {
	font-family: 'Lato', sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;;
	font-size: 13px;
}

.pagination {
	display: inline-block;
	padding-left: 0;
	margin: 0px 0;
	border-radius: 4px;
}

.pagination>li {
	display: inline;
}

.pagination>li>a, .pagination>li>span {
	position: relative;
	float: left;
	padding: 3px 9px;;
	line-height: 1.428571429;
	text-decoration: none;
	background-color: #ffffff;
	border: 1px solid #dddddd;
	margin-left: 3px;
	font-size: 16px;
	font-family: 'Lato', sans-serif
}

.pagination>li>a img {
	vertical-align: middle;
	top: -2px;
}

.pagination>li:first-child>a, .pagination>li:first-child>span {
	margin-left: 0;
}

.pagination>li:last-child>a, .pagination>li:last-child>span {
	
}

.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus,
	.pagination>li>span:focus {
	background-color: #87c3be;
	color: #ffffff;
}

.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover,
	.pagination>.active>span:hover, .pagination>.active>a:focus,
	.pagination>.active>span:focus {
	z-index: 2;
	color: #ffffff;
	background-color: #87c3be;
	border-color: #428bca;
	cursor: default;
}

.pagination>.disabled>span, .pagination>.disabled>a, .pagination>.disabled>a:hover,
	.pagination>.disabled>a:focus {
	color: #999999;
	background-color: #ffffff;
	border-color: #dddddd;
	cursor: not-allowed;
}

.catalog-grid .catalog-item {
	margin-bottom: 50px;
}

.catalog-grid .item-block.text>.inner {
	padding: 0 10px 10px 20px;
}

.catalog-wrapper>.inner {
	border: none;
}

.catalog-grid .item-block.img {
	text-align: left;
}

.catalog-grid .item-block.img img {
	margin-bottom: 5px;
	margin-left: auto;
	margin-right: auto;
	display: block;
}
.compare-view .retailerImages .item-block img.active  {
	border: 2px dashed red;
    border-radius: 5px;
}

.catalog-grid .item-block.text a.item-title {
	max-height: 75px;
	line-height: 24px;
	color: #555555;
	display: block;
	font-size: 20px;
	height: auto;
	overflow: hidden;
	font-family: 'Lato', sans-serif;
	margin-bottom: 5px
}

.catalog-grid .item-block.text {
	width: 550px;
}

.catalog-grid .item-block.text .item-des {
	height: auto;
	clear: both;
	font-family: 'Lato', sans-serif;
	font-size: 13px;
	line-height: 20px
}

.catalog-grid .item-block.add {
	text-align: left;
	width: 280px
}

.item-block.add .codes {
	float: none;
	padding: 0;
	line-height: 17px;
}

.item-block.add .codes .codes-value {
	padding: 0px 0 2px;
	font-family: 'Lato', sans-serif;
	font-size: 13px;
}
.item-block.add .codes .codes-value.listerConfig {
	width: 360px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.compare-view .item-block.add .codes .codes-value {
	padding: 0px 35px 2px 2px;
	display: inline-block;
}

.item-block.add .codes .codes-value.blue-text {
	color: #70a4a0;
}

.item-block.add .codes .codes-value.red-text {
	color: red;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.item-block.add .codes .codes-value span {
	width: 140px;
	display: inline-block;
}

.syndicateDesign .item-block.add .codes .codes-value span {
	width: 150px;
}


.compare-view .item-block.add .codes .codes-value span {
	width: 55px;
	display: inline-block;
}
.compare-view .item-block.add .codes .codes-value.truncate {
	width: 155px;
	top: 3px;
}

.item-block.add .codes .codes-value.truncate {
	width: 195px;
}

.published {
	background: url(../images/sprite-catelog.png) no-repeat -4px -87px;
	width: 60px;
	height: 10px;
	display: inline-block;
}

.rejected {
	background: url(../images/sprite-catelog.png) no-repeat -83px -127px;
	width: 60px;
	height: 10px;
	display: inline-block;
}

.awaitingSamples {
	background: url(../images/sprite-catelog.png) no-repeat -4px -127px;
	width: 60px;
	height: 10px;
	display: inline-block;
}

.awaitingApproval {
	background: url(../images/sprite-catelog.png) no-repeat -83px -87px;
	width: 60px;
	height: 10px;
	display: inline-block;
}

.inProgress {
	background: url(../images/sprite-catelog.png) no-repeat -83px -87px;
	width: 60px;
	height: 10px;
	display: inline-block;
}

.catalog-grid .item-block.supp-icon {
	float: right;
	width: 195px
}
.compare-view .item-block.supp-icon {
	float: right;
	width: 65px
}

.compare-view .response{
	display: block; 
	width: 110px;
	font-size: 15px;
	margin-left: 45px;
	color: white;
	padding-top: 5px;
}

.compare-view .response .fas{
	margin-right: 10px;
	cursor: pointer;
	border-radius: 6px;
	padding: 3px;
	border: solid 1px lightgray;
	background-color: lightgray;
}

.compare-view .response .fa-times{
	padding-left: 5px;
	padding-right: 5px;
}

.compare-view .response .fa-check.active,.compare-view .response .fa-check:hover{
	background-color: #8dc63f;
	border: solid 1px #8dc63f;
}
.compare-view .response .fa-eye-slash.active,.compare-view .response .fa-eye-slash:hover{
	background-color: #EB5E12;
	border: solid 1px #EB5E12;
}
.compare-view .response .fa-times.active,.compare-view .response .fa-times:hover{
	background-color: red;
	border: solid 1px red;
}

.right-icon {
	text-align: right;
}

.right-icon a {
	text-align: right;
	width: 31px;
	height: 32px;
	display: inline-block;
	background: url(../images/sprite-catelog.png) no-repeat;
	opacity: 0.2;
}

.right-icon a.approved-icon {
	background-position: 0 0;
}

.right-icon a.worldRegion {
	position:relative;
	background:#d3d3d3;
	color:white;
	width:31px;
	height:31px;
	top: 2px;
	left: -1px;
	border-radius:20px;
	opacity:0.9;
	filter:none;
}

.right-icon a.worldRegion.anz {
	top: -18px;
	font-size: 11px;
	text-align: center;
}

.right-icon a.worldRegion.anz > div {
	padding-top: 2px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.right-icon a.worldRegion.anz > div > div:first-of-type::after {
	display: block;
	content: '';
	width: 16px;
	border-bottom: 1px solid #ffffff;
}

.right-icon a.worldRegion span {
	position:absolute;
	font-size:16px;
	top:6px;
	left:8px;
	font-weight:bold;
}

.right-icon a.play-icon {
	background-position: -34px 0;
}

.right-icon a.rotating-icon {
	background-position: -66px 0;
}

.right-icon a.copy-icon {
	background-position: -131px 0;
}

.right-icon a.nav-icon {
	background-position: -99px 0;
}

.right-icon a.attachments-icon {
	background: none;
}

.right-icon a.attachments-icon i {
	font-size:25px;
	top:-5px;
	left:-5px;
}

.right-icon a.supplier-content-icon {
	background: url(../images/supplier_content_icon.png) no-repeat;
	margin-right: 2px;
}

.right-icon a.supplier-image-icon {
	background: url(../images/supplier_image_icon.png) no-repeat;
	margin-right: 2px;
}

.bottom-icon {
	margin-top: 15px;
	text-align: right;
}

.compare-view .bottom-icon {
	margin-top: -70px;
	text-align: right;
}

.bottom-icon .green-btn {
	background: #8dc63f;
	box-shadow: 0 0;
	margin-right: 5px;
	padding: 0.65em 1em;
	vertical-align: top;
	font-family: 'Lato', sans-serif;
	font-size: 12px;
}

.btn-small {
	box-shadow: 0 0;
	padding: 0.65em 1em;
	font-family: 'Lato', sans-serif;
	font-size: 12px;
	vertical-align: top;
	margin-right: 5px;
}

.bottom-icon .download-icon {
	background: url(../images/sprite-catelog.png) no-repeat -3px -42px;
	width: 40px;
	height: 30px;
	margin-right: 5px;
	display: inline-block;
}

.bottom-icon .email-icon {
	background: url(../images/sprite-catelog.png) no-repeat -52px -42px;
	width: 40px;
	height: 30px;
	margin-right: 5px;
	display: inline-block;
}

.bottom-icon .preview-icon {
	background: url(../images/sprite-catelog.png) no-repeat -102px -42px;
	width: 40px;
	height: 30px;
	margin-right: 5px;
	display: inline-block;
}

.catalog-grid .catalog-item {
	min-height: 170px !important;
	overflow: hidden;
	/*   background: url(../images/catalog-right-bg.jpg) repeat-y right top; */
}
.compare-view.catalog-grid .catalog-item {
	width: 100%;
	float: left;
	border-bottom: 1px solid #ccc;
	height: 285px;
	margin-bottom: 20px;
}

.retailerImages{
	height: 202px;
	width: 530px;
}

.catalog-grid .catalog-item.full-view {
	height: 170px;
	overflow: hidden;
	background: url(../images/catalog-expanded-right-bg.jpg) repeat-y right
		top;
}

.catalog-grid .catalog-item.full-view {
	height: auto;
}

.expand-icon {
	background: url(../images/catelog-icon.png) no-repeat center;
	display: none;
	width: 40px;
	height: 40px;
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -20px;
	z-index: 9;
}

.full-view .expand-icon {
	background: url(../images/catelog-icon-expanded.png) no-repeat center;
	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -20px;
	z-index: 9;
}

/**********Category grid view style******/
#gridViewSection {
	display: none;
}

.grid-view .catalog-grid-container {
	margin-left: -15px;
	border: none;
}

.grid-view .catalog-item {
	background: none;
	border: 1px solid #ccc;
	height: 495px !important;
	margin-left: 15px;
	width: 217px;
	padding: 10px;
	margin-bottom: 15px;
}

.catalog-grid.grid-view .item-block.text {
	margin: 0;
	padding: 0;
	width: 100%;
}

.catalog-grid.grid-view .item-block.text>.inner {
	padding: 0;
}

.catalog-grid.grid-view .item-block.add {
	width: 100%;
	border-bottom: 1px solid #ccc;
	padding-bottom: 5px;
}

.grid-view .item-block.add .codes .codes-value {
	padding: 0 0 5px;
	min-height: 22px;
}

.grid-view .item-block.add .codes .codes-value span {
	width: 100px;
	font-weight: bold
}

.grid-view .item-block.add .codes .codes-value span.long {
	width: 118px;
}

.grid-view .right-icon {
	float: right;
	text-align: right;
	width: 34px;
	min-height: 180px;
}

.catalog-grid.grid-view .item-block.text .item-title {
	padding-bottom: 5px;
	border-bottom: 1px solid #ccc;
	height: 75px;
}

.grid-view .bottom-icon {
	margin-top: 1px
}

/******Email popup ************/
.emailform input, .emailform textarea {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.popupbox {
	font-family: 'Lato', sans-serif;
}

.popupbox h1 {
	font-size: 28px;
	font-weight: 400;
	padding: 10px 10px;
	background: #e1e1e1;
}

.control-group {
	margin: 0 0 10px;
	width: 100%;
}

.emailform {
	padding: 20px 20px 10px;
	background: #f5f5f5;
}

.emailform .form-control {
	border: 1px solid #cfcdcc;
	padding: 8px 12px;
	width: 100%;
	font-size: 18px;
	color: #555555;
}

.emailform textarea {
	height: 130px
}

.emailform .form-control:focus {
/* 	border-color: #66afe9; */
/* 	outline: 0; */
/* 	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px */
/* 		rgba(102, 175, 233, 0.6); */
/* 	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px */
/* 		rgba(102, 175, 233, 0.6); */
}

.form-control::-moz-placeholder {
	color: #999999;
	font-style: italic;
	opacity: 1;
}

.form-control:-ms-input-placeholder {
	color: #999999;
	font-style: italic;
}

.form-control::-webkit-input-placeholder {
	color: #999999;
	font-style: italic;
}

.shared-product {
	float: left;
	width: 460px;
}

.shared-product img {
	border: 1px solid #ccc;
	background: #fff;
	margin-right: 15px;
}

.email-btn {
	font-family: 'Lato', sans-serif;
	font-size: 18px;
	font-weight: 700;
	margin-top: 10px;
}

/*******Custom Select box*****/
.custom_select {
	background: #fff;
	overflow: hidden;
	display: inline-block;
	color: #525252;
	font-weight: 300;
	border: solid 1px #DADADA;
	font-family: 'Lato', sans-serif;
	position: relative;
	cursor: pointer;
	padding-right: 0px;
}

.custom_select span {
	/* 	position: absolute; */
	/* 	right: 5px; */
	/* 	width: 12px; */
	/* 	height: 8px; */
	/* 	background: url('../images/select-arrow-custom.png') no-repeat; */
	/* 	top: 50%; */
	/* 	margin-top: -4px; */
	
}

.custom_select select {
	background: url('../images/select-arrow-custom.png') no-repeat 96%
		center;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 100%;
	font-family: 'Lato', sans-serif;
	/* 	background: none; */
	/* 	background: transparent; */
	border: none;
	outline: none;
	cursor: pointer;
	padding: 1px 5px;
	font-weight: bold;
	font-size: 13px;
}

.edited-image-label {
	margin-right: 5px;
	font-weight: normal;
}

#imageStatusDiv .select_style {
	vertical-align: middle;
}

select::-ms-expand {
	display: none;
}

.btn-expand {
	background: #828282 url("../images/expand-all-small.png") no-repeat
		scroll 98% center !important;
	border: medium none;
	margin-bottom: 10px;
	padding-right: 49px !important;
	text-transform: uppercase;
}

.btn-collapse {
	background: #828282 url("../images/collapse-all-small.png") no-repeat
		scroll 98% center !important;
}

/**************Tab Style*******/
.tabbed-content {
	margin: 20px 0
}

.tabs {
	margin-bottom: 0;
    letter-spacing: 1px;
    width: 100%;
}

.tabs li {
	list-style: none;
	position: relative;
	display: table-cell;
	width: 1%;
}

.tabs a {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ccc;
    border-bottom: 0;
    border-radius: 8px 8px 0 0;
    color: #aaaaaa;
    display: block;
    text-transform: uppercase;
    font-size: 18px;
    padding: 2px 5px 0 30px;
    text-decoration: none;
    height: 67px;
    margin: 1px 1px 0 0;
}

.tabs a.active {
	background: #87c3be;
	color: #fff;
	border-color: #87c3be;
}

.tabs a:hover {
	color: #aaaaaa !important;
}

.tab-info {
	border-top: 1px solid #e2e2e2;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 10px;
	position: relative;
}

.tabicon {
	width: 22px;
	height: 22px;
	display: block;
	position: absolute;
	left: 3px;
	top: 4px;
}

.infotab {
	background: url('../images/info-icon.png') no-repeat;
	 margin-top: 2px;
}

.tabs a.active .infotab {
	background: url('../images/info-icon.png') no-repeat 0 bottom;
	margin-top: 2px;
}

.copytab {
	background: url('../images/copy-icon.png') no-repeat;
	margin-top: 2px;
}

.tabs a.active .copytab {
	background: url('../images/copy-icon.png') no-repeat 0 bottom;
	margin-top: 2px;
}

.feturestab {
	background: url('../images/features-icon.png') no-repeat;
	margin-top: 2px;
}

.tabs a.active .feturestab {
	background: url('../images/features-icon.png') no-repeat 0 bottom;
	margin-top: 2px;
}

.mediatab {
	background: url('../images/media-icon.png') no-repeat;
	margin-top: 2px;
}

.tabs a.active .mediatab {
	background: url('../images/media-icon.png') no-repeat 0 bottom;
	margin-top: 2px;
}

.tab-select {
    position: absolute;
    left: 10px;
    position: absolute;
    top: 40px;
    margin-right: 5px;
    width: 100px;
}

.select_style {
	background: #FFF;
/* 	overflow: hidden; */
	display: inline-block;
	color: #525252;
	font-weight: 300;
	-webkit-border-radius: 5px 4px 4px 5px/5px 5px 4px 4px;
	-moz-border-radius: 5px 4px 4px 5px/5px 5px 4px 4px;
	border-radius: 5px 4px 4px 5px/5px 5px 4px 4px;
	border: solid 1px #DADADA;
	font-family: "helvetica neue", arial;
	position: relative;
	cursor: pointer;
	padding-right: 20px;
}

.select_style span {
	position: absolute;
	right: 10px;
	width: 8px;
	height: 8px;
	background: url('../images/arrow.png') no-repeat;
	top: 50%;
	margin-top: -4px;
}

.select_style select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 120%;
	background: none;
	background: transparent;
	border: none;
	outline: none;
	cursor: pointer;
	padding: 1px 5px;
}

/**************QA status Style PDP*******/
.Qastatusselect {
    background: #eb5e12;
    overflow: hidden;
    display: inline-block;
    color: #fff;
    font-weight: 300;
    -webkit-border-radius: 5px 4px 4px 5px/5px 5px 4px 4px;
    -moz-border-radius: 5px 4px 4px 5px/5px 5px 4px 4px;
    border-radius: 5px 4px 4px 5px/5px 5px 4px 4px;
    border: solid 1px #eb5e12;
    font-family: "helvetica neue", arial;
    position: relative;
    cursor: pointer;
    float: right;
    margin-left: -30px;
    margin-top: -8px;
}

.Qastatusselect select {
	background: url('../images/whitearrow.png') no-repeat 96% center;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 100%;
	color: #fff;
	font-size: 13px;
	border: none;
	outline: none;
	cursor: pointer;
	padding: 1px 25px 1px 0;
	margin: 0 !important;
}

.status {
	margin-right: 20px;
	line-height: 30px;
}

.status span {
	font-size: 17px;
}

.product-status .selectWrapper {
	margin: 0px 0px 30px 0;
}

.errorMsg {
	font-size: 13px;
}

.errorValidation .form-control {
	border-color: #ff0000;
}

.errorValidation button {
	border-color: #ff0000;
}

.errorValidation label {
	color: #ff0000 !important;
}
/**************Name Style PDP*******/
.headerStl {
	border: 1px solid #ccc;
	font-size: 20px;
	padding: 5px;
	width: 100%;
}

.productHeading h2 .popover {
	font-size: 12px;
	font-weight: normal;
}

#product-detail {
	width: 100%;
	color: #555;
}

#product-detail .inner {
	border: 0;
	float: none;
}

#product-detail .from-area-basic {
	float: none;
}

#product-detail .from-area-basic, #product-detail .from-area-details {
	padding-left: 20px
}

#product-detail .spacer.border-top {
    border-top: 1px solid #ccc;
    padding: 16px 2px 2px 2px;
    border-bottom: 1px solid #ccc;
}

#product-detail .spacer.border-top-only {
	border-top: 1px solid #ccc;
    padding: 16px 2px 2px 2px;
}

.spacer .spacer {
	padding: 0;
}

#product-detail .box1 {
	padding: 10px;
	margin-bottom: 30px;
	border: 1px solid #aaa;
	box-shadow: inset 0 0 5px #aaa;
}

#product-detail .box1 h2 {
	font-size: 20px !important;
	font-weight: bold;
	margin: 0;
	line-height: 1;
}

#product-detail .product-status {
	text-align: left;
	font-size: 13px !important;
	line-height: 20px;
	margin-bottom: 0px;
	font-weight: bold;
	padding-top: 10px
}

#product-detail .product-status .danger {
	color: #8DC63F;
}

#product-detail .product-status select {
	display: inline-block;
	height: 30px;
	margin: 0 0 0 10px;
	min-width: 100px;
	vertical-align: top;
	padding-left: 10px;
}

#product-detail .status-container {
    background: none;
    width: 100%;
    margin: 0;
    margin: 0 0 10px 0px;
}

#product-detail .from-area-basic label {
    color: #555;
    font-weight: bold;
    /*text-transform: initial;*/
    margin: -2px;
}

#product-detail .column {
	float: left;
}

#product-detail .product-description {
	width: 50%;
	padding-right: 10px;
	box-sizing: border-box;
}

#product-detail .product-action {
	width: 50%;
	padding-top: 10px;
}

#product-detail .write-product-action {
	width: 100%;
	padding-top: 10px;
	text-align: right;
}

#product-detail .product-description .text.form-control.tooltipBx {
    height: 25px !important;
    border-radius: 2px;
    padding: 5px;
    margin: -3px;
	width: 125px;
}

#product-detail .button {
	padding: 0px 10px;
	line-height: 30px;
	width: auto;
	background: #828282;
	display: inline-block;
	min-width: 30px;
	min-height: 30px;
	text-align: center;
	cursor: pointer;
	border-radius: 5px;
	color: #fff;
}

#product-detail .button.loaderBtn {
	background-image: url(/_ui/desktop/theme-blue/images/lightbox/loading.gif) !important;
    background-repeat: no-repeat;
    background-position: 50px 3px;
    background-size: 24px;
    pointer-events: none;
}

#product-detail .button.download {
	background: url('/_ui/desktop/theme-blue/images/download.png') no-repeat
		center center #828282;
}

#product-detail .button.email {
	background: url('/_ui/desktop/theme-blue/images/email.png') no-repeat
		center center #828282;
}

#product-detail .button.comments {
	background: url('/_ui/desktop/theme-blue/images/comments.png') no-repeat
		center center #828282;
}

#product-detail .button.view {
	background: url('/_ui/desktop/theme-blue/images/view.png') no-repeat
		center center #828282;
}

.btn-add-cart-green {
	background: #8dc63f !important;
}

.btn-add-cart-green.disabled {
	cursor: not-allowed !important;
}

.product-action .button {
	float: right;
	margin: 0 0 10px 10px;
	display: block;
}

#product-detail .form-col {
	width: 40%;
}

#product-detail .wrapText {
	word-wrap: break-word;
}

#product-detail .user-info {
	background: #f9e7ea;
	border: 1px solid #aaa;
	width: 30%;
	float: left;
	padding: 10px 0 10px 40px;
	box-sizing: border-box;
	height: 60px;
	position: relative;
}

#product-detail .user-info .user-image {
	width: 61px;
	height: 61px;
	border: 1px solid #aaa;
	border-radius: 50%;
	background: #fff;
	overflow: hidden;
	text-align: center;
	position: absolute;
	left: -30px;
	top: -1px;
}

#product-detail .user-info .user-image img {
	width: 61px;
}

#product-detail .user-info .user-text {
	font-size: 12px;
}

#product-detail .user-comment {
	width: 70%;
	float: left;
	padding: 10px;
	box-sizing: border-box;
	border: 1px solid #aaa;
	border-left: 0;
	height: 60px;
}

#product-detail .user-comment .inputWrapper {
	margin-bottom: 0;
}

.user-comment h3 .popover {
	font-size: 12px;
	font-weight: normal;
}

#product-detail .user-comment textarea {
	width: 100%;
	height: 38px;
	font-size: 12px;
	padding: 10px;
	box-sizing: border-box;
	resize: none;
}

.form-row .fieldValue, .from-area-details .fieldValue {
	padding-left: 0;
    margin-top: -3px;
}

.form-row .fieldLabel {
	display: block;
	float: none;
	margin: bottom:5px;
}

.wfRejectedReason {
	margin-left: 30px;
}

/***************Tabs Accordion style********/
.acc-heading {
	
}

.acc-heading  a {
	font-weight: bold;
	font-size: 18px;
	padding: 10px;
	display: block;
	background: #828282 url(../images/acc-open.png) no-repeat 98% center;
	color: #fff;
}

.acc-heading a.collapsed {
	background: #e0e0e0 url(../images/acc-close.png) no-repeat 98% center;
	color: #444;
}

.tab-info .panel {
	border: none;
	box-shadow: 0 0px 0px rgba(0, 0, 0, 0.05);
	border-radius: 0
}

.tab-info .panel-body {
	background: #f6f6f6;
	padding: 10px;
}

.tabbed-content .panel-group .panel {
	overflow: visible !important;
}

.noborder th, .noborder td {
	border: none !important;
}

.product-zoom .thumbnails li #photouploader {
	height: 125px;
	border: 2px dashed #ccc;
}

.product-zoom .thumbnails li.uploader {
	border: 0px;
	position: relative;
}

.uploadArea {
	height: 120px !important;
	/* 	background: url(../images/no-image.jpg) no-repeat; */
}

#csvuploader .uploadArea {
	height: 100% !important;
}

#csvuploader1 .uploadArea {
	height: 100% !important;
}

.uploadArea .centerTxt {
	display: none;
}

.uploader .imgGrid {
	display: none;
}

.uploader .noImage {
	z-index: -1;
	position: absolute;
	top: 2px;
	left: 2px;
}

.uploadflipDivArea {
	height: 120px !important;
	/* 	background: url(../images/no-image.jpg) no-repeat; */
}

.uploadflipDivArea .centerTxt {
	display: none;
}

.uploadflipDivArea .imgGrid {
	display: none;
}

.uploadflipDivArea .noImage {
	z-index: -1;
	position: absolute;
	top: 2px;
	left: 2px;
}

/*********Download Page style********/
.downloadDetails {
	padding: 10px 0 0;
	text-align: center;
	font-family: 'Lato', sans-serif !important;
}

.downloadDetails h3 {
	font-size: 20px;
	margin: 0;
	line-height: 20px;
	color: #848484;
}

.downloadDetails h3 .count {
	font-size: 40px;
	color: #555555;
}

.downloadDetails p {
	font-size: 16px;
	margin: 0;
	padding: 0;
}

.downloadDetails .ui-button {
	font-family: 'Lato', sans-serif
}

.step-section {
	text-align: center;
	margin: 20px 0;
	font-family: 'Lato', sans-serif !important;
	display: none
}

.step-section.visible {
	display: block;
}

@media ( min-width : 768px) and (max-width:992px) {
	.top-btn-box .btn-lg {
		font-size: 15px;
	}
}

.step {
	border-top: 1px solid #cfe7e5;
	margin: 50px 0 30px;
}

.step span {
	background: #cfe7e5;
	border-radius: 24px;
	color: #fff;
	font-size: 30px;
	padding: 4px 15px;
	font-family: 'Lato', sans-serif !important;
	top: -20px
}

.step-section h3 {
	font-size: 22px;
	margin: 20px 0;
	color: #848484;
	text-transform: uppercase;
	top: 15px;
}

.step-section.imageName h3 {
	top: 0px;
}

.step-section h3.error {
	font-size: 18px;
	color: red;
}

.download-img {
	text-align: left;;
	margin: 50px 0px 30px;
	margin-top: 40px;
	overflow: auto; 
	max-height: 540px; 
	padding-left: 30px; 
	background: #f4f4f4; 
	text-align: left;
}

.download-img.visible {
	display: block !important;
}

.download-img li {
	margin: 20px 5px 20px 0; 
	float: left; 
	max-width: 170px; 
	min-width: 170px; 
}

.download-image {
	position: relative;
	margin-bottom: 10px;
	min-height: 180px;
	min-width: 160px;
}

.download-image img {
	max-width: 100%;
	max-height: 160px;
	min-height: auto;
	margin: auto;
	display: block;
}

.delete-icon {
	position: absolute;
	right: 0;
	bottom: 0;
}
.image-icon {
	position: absolute;
    max-height: 15px;
    display: inline;
    right: 0px;
    bottom: 9px;
    z-index: 1;
}

.d-box {
	border: 1px solid #ccc;
	padding: 5px 5px 0;
	background: white;
}

.d-box .image-icon>img,.d-box .delete-icon>img {
	vertical-align: middle; 
	border-radius: 37px;
}
.download-heding {
	position: relative;
	font-size: 14px;
	padding-bottom: 30px;
	font-weight: bold;
	height: 65px;
}

.download-heding .delete-icon {
	right: -5px;
}

.download-thumb {
	height: 75px;
	overflow: hidden;
}
/********Toogle Button*******/
.toggle-btn-grp {
	margin: 3px 0;
}

.customSize {
	display: none;
}

.optionsForCustom input.toggle-btn{
	height: 48px;
	width: 150px;
}

.optionsForCustom input.toggle-btn:hover{
	border: solid 1px #f26928 !important;
    background: #f26928;
    color: #fff;
}

.toggle-btn {
	text-align: centre;
	margin: 0px;
	padding: 6px 10px;
	color: #848484;
	background-color: #FFF;
	border-radius: 4px;
	display: inline-block;
	border: solid 2px #848484;
	cursor: pointer;
	font-size: 18px;
}

/* .step-section .trim-form{ text-align:left; margin-top:30px; border-right:1px solid #ccc;} */
.border0 {
	border: none !important
}

.trim-form .form-group {
	width: 100px;
}

.cross-value {
	text-align: center;
	width: 28px;
}

.cross-value label {
	margin-top: 32px;
}

.pixel-group label {
	margin-left: 14px;
	margin-top: 30px;
}

.trim-form .trim-group {
	width: 50px;
}

.trim-form .checkbox-inline {
	margin: 30px 10px 30px 0 !important
}

.trim-form .checkbox-inline .radio_check {
	display: inline-block;
}

.toggle-btn-grp.selectbtn * {
	width: 350px;
	height: 48px;
	line-height: 48px;
	font-size: 18px !important;
	font-weight: 400 !important;
}

.toggle-btn-grp.selectbtn .btn-toggle {
	display: inline-block;
	position: relative;
	margin-right: 10px;
}

/* radiobtn  version */
.toggle-btn-grp.radiobtn * {
	width: 180px;
	height: 48px;
	line-height: 48px;
	font-size: 18px !important;
	font-weight: 400 !important;
}

.toggle-btn-grp.radiobtn .btn-toggle {
	display: inline-block;
	position: relative;
	margin-right: 10px;
}

.toggle-btn-grp.radiobtn.create {
	float: right;
	margin-top: -15px;
	left: -135px;
}

.toggle-btn-grp.radiobtn .btn-toggle label {
	position: absolute;
	z-index: 0;
	padding: 0;
	text-align: center;
	left: 0;
}

.toggle-btn-grp.radiobtn .btn-toggle input {
	position: absolute;
	z-index: 1;
	cursor: pointer;
	opacity: 0;
	left: 0;
}

.toggle-btn-grp.radiobtn .btn-toggle:hover label {
	border: solid 1px #f26928 !important;
	background: #f26928;
	color: #fff;
}

.toggle-btn-grp.radiobtn .btn-toggle input:checked+label {
	background: #f26928;
	border: solid 1px #f26928 !important;
	color: #fff;
}

/* checkboxbtn  version */
.toggle-btn-grp.checkboxbtn * {
	width: 230px;
	height: 48px;
	line-height: 48px;
}
.canvasSize .toggle-btn-grp.checkboxbtn *,.imageName .toggle-btn-grp.checkboxbtn *{
	width: 205px;
}
.toggle-btn-grp.checkboxbtn.different * {
	width: 250px;
}

.toggle-btn-grp.checkboxbtn .btn-toggle {
	display: inline-block;
	position: relative;
	margin-right: 20px;
}

.toggle-btn-grp.checkboxbtn .btn-toggle label {
	position: absolute;
	z-index: 0;
	padding: 0;
	text-align: center;
	left: 0;
}

.toggle-btn-grp.checkboxbtn .btn-toggle input {
	position: absolute;
	z-index: 2;
	cursor: pointer;
	opacity: 0;
	left: 0;
}

.toggle-btn-grp.checkboxbtn .btn-toggle:hover label {
	border: solid 1px #f26928 !important;
	background: #f26928;
	color: #fff;
}

.toggle-btn-grp.checkboxbtn .btn-toggle input:disabled+label {
	background: #fff;
	border: solid 2px #cdcdcd !important;
	color: #cdcdcd;
}

.toggle-btn-grp.checkboxbtn .btn-toggle input:checked+label {
	background: #f26928;
	border: solid 1px #f26928 !important;
	color: #fff;
}

.toggle-btn-grp.checkboxbtn.image-btn * {
	height: 160px;
}

.imgbox {
	display: block;
	margin: 10px auto;
	height: 86px !important;
	width: 126px !important;
	background: url('../images/vector-image.png') no-repeat;
}

.attachmentbox {
	display: block;
	margin: 10px auto;
	height: 86px !important;
	width: 126px !important;
	background: url('../images/attachment-image.png') no-repeat;
}

.toggle-btn-grp.checkboxbtn .btn-toggle label .lblbox {
	display: block;
    height: auto;
    line-height: 1.4;
}

.toggle-btn-grp.checkboxbtn .btn-toggle label .lbltipbox {
	font-size: 0.8rem;
    display: block;
    height: auto;
    line-height: 1;
}

.toggle-btn-grp.checkboxbtn .btn-toggle input:checked+label .imgbox,
	.toggle-btn-grp.checkboxbtn .btn-toggle:hover label .imgbox {
	background: url('../images/vector-image-active.png') no-repeat;
}

.toggle-btn-grp.checkboxbtn .btn-toggle input:checked+label .attachmentbox,
	.toggle-btn-grp.checkboxbtn .btn-toggle:hover label .attachmentbox {
	background: url('../images/attachment-image-active.png') no-repeat;
}

/********Download Form**********/
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.download-form {
	margin: 50px 0;
	background: #f5f5f5;
	font-family: 'Lato', sans-serif
}

.download-form h2 {
	color: #5e5957;
	font-size: 30px;
	argin: 0;
	padding: 10px;
	background: #e1e1e1;
	font-family: 'Lato', sans-serif
}

.download-form form {
	padding: 20px 30px;
	font-family: 'Lato', sans-serif !important
}

.download-form .checkbox-inline {
	margin: 0 10px 0 0 !important;
	padding: 0;
}

.download-form .checkbox-inline .radio_check {
	display: inline-block
}

/******Download page select box*****/
.download_select {
	background: #f4f7fa;
	overflow: hidden;
	display: inline-block;
	color: #525252;
	font-weight: 300;
	border-radius: 4px;
	border: solid 1px #828282;
	font-family: 'Lato', sans-serif;
	position: relative;
	cursor: pointer;
	margin: 0;
}

.download_select span {
	position: absolute;
	right: 10px;
	width: 8px;
	height: 8px;
	background: url('../images/arrow.png') no-repeat;
	top: 50%;
	margin-top: -4px;
}

.download_select select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 100%;
	background: none;
	background: transparent;
	border: none;
	outline: none;
	cursor: pointer;
	padding: 8px 30px 8px 20px;
}

.btn-orange {
	color: #ffffff;
	background-color: #f26928;
	border-color: #f26826;
}

.btn-orange:hover, .btn-orange:focus, .btn-orange:active, .btn-orange.active,
	.open .dropdown-toggle.btn-orange {
	color: #ffffff;
	background-color: #e05c1e;
	border-color: #e05c1e;
}

.btn-orange:active, .btn-orange.active, .open .dropdown-toggle.btn-orange
	{
	background-image: none;
}

.btn-orange.disabled, .btn-orange[disabled], fieldset[disabled] .btn-orange,
	.btn-orange.disabled:hover, .btn-orange[disabled]:hover, fieldset[disabled] .btn-orange:hover,
	.btn-orange.disabled:focus, .btn-orange[disabled]:focus, fieldset[disabled] .btn-orange:focus,
	.btn-orange.disabled:active, .btn-orange[disabled]:active, fieldset[disabled] .btn-orange:active,
	.btn-orange.disabled.active, .btn-orange[disabled].active, fieldset[disabled] .btn-orange.active
	{
	background-color: #f26928;
	border-color: #f26826;
}

.hide {
	display: none;
}

.expandError, .collapseError {
	cursor: pointer;
}

.canvasSize .col-sm-offset-1 {
	margin-left: 44.333333%;
}

/******************PDF Upload in PDP******************************/
.panel-body #pdfuploader {
	border: 2px dashed #ccc;
}

.panel-body #pdfuploaderSafetyCertificates {
	border: 2px dashed #ccc;
}
.panel-body #pdfuploaderCareInstructions {
	border: 2px dashed #ccc;
}
.panel-body #pdfuploaderAssemblyInstructions {
	border: 2px dashed #ccc;
}


.panel-body #pdfuploaderIHGAttachment1 {
	border: 2px dashed #ccc;
}
.panel-body #pdfuploaderIHGAttachment2 {
	border: 2px dashed #ccc;
}
.panel-body #pdfuploaderIHGAttachment3 {
	border: 2px dashed #ccc;
}
.panel-body #pdfuploaderIHGAttachment4 {
	border: 2px dashed #ccc;
}

.panel-body #pdpPDFMediaUploader {
	border: 2px dashed #ccc;
}

.panel-body .pdfuploaderArea {
	background: url('../images/drop-PDF2.png')
}

#PDPPDFMedia .row a {
	color: #428bca;
	text-decoration: none;
	font-weight: normal;
}

#PDPPDFMedia .row a:hover {
	color: #428bca;
	text-decoration: none;
	font-weight: bold;
}

/******************360 Spin Zip Upload in PDP******************************/
.panel-body #pdp360SipnUploader {
	border: 2px dashed #ccc;
}

/******************CSV Upload in Create Product******************************/
#csvuploader {
	border: 2px dashed #ccc;
	background: url('../images/drag_dropImg.jpg');
	width: 956px;
	height: 177px;
}

#csvuploader1 {
	border: 2px dashed #ccc;
	background: url('../images/drag_dropImg.jpg');
	width: 956px;
	height: 177px;
}

/*li.openBx { border: 1px solid #ccc; }*/
.errorDataTab {
	border: 1px solid #627a42 !important;
	BGCOLOR: #8DC63F;
}

.importCSVTab {
	border: 1px solid #45982b;
}

/* .importCSVTab th { */
/* 	background: #a4e190; */
/* } */

/* .importCSVTab td { */
/* 	background: #c2ffae; */
/* 	text-align: left; */
/* } */

.bttnOuter {
	background: #c2ffae;
	color: #000;
	border: 1px solid #c2ffae;
	border-radius: 0;
	width: 200px;
	margin: auto;
}

.bttninner {
	border: 1px solid #a9e695;
	font-size: 14px;
	color: #a4e190;
	text-transform: uppercase;
	padding: 10px;
	margin: 5px;
	display: block;
	cursor: pointer;
}

.bttninner:hover {
	color: #a4e190;
}

.two-cols .right.bulkCrt {
	margin-left: 145px;
}

.bulkCreate .two-cols .right {
	margin-left: 60px;
}

.bulkupdateImageUpload .two-cols .right {
	margin-left: 60px;
}

.two-cols-big .right {
	margin-left: 0px !important;
}

.two-cols .right.bulkValues {
	margin-left: 0px !important;
}

.two-cols .right .bulkValue {
	margin-left: 0px !important;
}

.bulkCatalogSelect {
	background: #f4f8fb none repeat scroll 0 0;
	border: medium none;
	border-radius: 5px;
	color: #858587;
	font-size: 16px;
	height: 42px;
	padding: 11px 10px 7px;;
	width: 33%;
}

.t-tipPDP {
	position: absolute;
	top: 100%;
	background: #ffffff;
	border: 1px solid #d2d7dd;
	z-index: 99;
	border-radius: 5px;
	padding: 5px;
	font-size: 12px;
	line-height: 18px;
	display: none;
}
.t-tipPDP.clipping {
	top: 68%;
	z-index: 1001;
	left: 78px;
}

.t-tipPDP:after, .t-tipPDP:before {
	position: absolute;
	content: "";
	width: 0px;
	height: 0px;
	left: 50%;
}

.t-tipPDP:after {
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid #ffffff;
	top: -8px;
	margin-left: -8px;
}

.t-tipPDP:before {
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #d2d7dd;
	top: -10px;
	margin-left: -10px;
}
.t-tipMulti {
	position: absolute;
	top: 130%;
	background: #ffffff;
	border: 1px solid #d2d7dd;
	z-index: 99;
	border-radius: 5px;
	padding: 5px;
	font-size: 12px;
	line-height: 18px;
	left: -33px;
	width:150px;
	display: none;
}

.t-tipMulti:after, .t-tipMulti:before {
	position: absolute;
	content: "";
	width: 0px;
	height: 0px;
	left: 50%;
}

.t-tipMulti:after {
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid #ffffff;
	top: -8px;
	margin-left: -8px;
}

.t-tipMulti:before {
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #d2d7dd;
	top: -10px;
	margin-left: -10px;
}

.t-tipLister {
	position: absolute;
	top: 100%;
	background: #ffffff;
	border: 1px solid #d2d7dd;
	z-index: 99;
	border-radius: 5px;
	padding: 5px;
	font-size: 12px;
	line-height: 18px;
	display: none;
	width: 223px;
}

.t-tipLister:after, .t-tipLister:before {
	position: absolute;
	content: "";
	width: 0px;
	height: 0px;
	left: 50%;
}

.t-tipLister:after {
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid #ffffff;
	top: -8px;
	margin-left: -8px;
}

.t-tipLister:before {
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #d2d7dd;
	top: -10px;
	margin-left: -10px;
}

.catelevel {
	cursor: pointer;
}

.primary-heading .chosen-container {
	width: 200px !important;
}

/* NSW BLOCK begin*/
.nsw .logoContainer {
	background: white;
	border-bottom: 2px solid white;
}

.nsw .LoginPageForm .content {
	padding: 5px 0 50px;
}

.nsw .orngLgnBar {
	background: #0295CD;
}

.nsw .orngLgnBar .titleBx {
	background: #000;
	padding: 10px;
	font-size: 19px;
	line-height: 24px;
	color: #fff;
	margin-left: 38%;
	width: 234px;
	border-radius: 5px;
	text-align: center;
	text-transform: uppercase;
	border: 0;
	float: left !important;
}

.nsw .vpc .titleBx1 {
	margin-left: 20%;
	width: 234px;
}

.nsw .vpc .container {
	width: inherit;
}

.nsw .orngLgnBar .titleBx:hover {
	color: #fff;
	background-color: #f26928;
	border-color: #adadad;
}

.nsw .captcha-main-container {
	display: none;
	font-size: 19px;
	line-height: 24px;
	color: #fff;
	width: 100%;
	text-align: center;
	text-transform: uppercase;
	border: 0;
	border-radius: 5px;
	margin-top: 85px;
}

.nsw .g-recaptcha div {
	width: 100% !important;
}

.nsw .orngLgnBar {
	color: #ffffff;
}

.nsw .orngLgnBar .loginTop {
	margin-bottom: 10px;
}

.nsw #loginForm .checkbox {
	color: #fff !important;
}

.nsw form#loginForm {
	font-size: 12px;
}

.nsw #loginForm label span.glyphicon {
	margin-left: 5px;
}

.nsw #myCaptcha {
	width: 50%;
	height: 38px;
	line-height: 70px;
	border: 1px solid #e9e9e9;
	font-size: 19px;
	border-radius: 4px;
	padding: 10px;
}

.nsw p#captchaErrorMsg {
	display: block;
	padding: 10px;
	font-size: 17px;
	line-height: 20px;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	border: 0;
	height: 60px;
	border-radius: 5px;
}

.nsw .header .row-header {
	background: #1F3678;
	border-bottom: solid 1px #1F3678;
}

.nsw .formContentArea .rgtSec img {
	float: right;
	width: 100%;
}

.nsw .toggle-btn-grp.checkboxbtn .btn-toggle label {
	color: #848484;
	border: solid 2px #848484;
}

.nsw .step-section h3 {
	color: #848484;
}

.nsw .catalog-grid .item-block.text a.item-title {
	max-height: 75px;
	line-height: 24px;
	color: #555555;
	display: block;
	font-size: 15px;
	height: 200px;
	overflow: hidden;
	font-family: 'Lato', sans-serif;
	margin-bottom: 5px
}
.compare-view.catalog-grid .item-block.text a.item-title {
	font-size: 20px;
	height: auto;
	width: 450px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.nsw .filter-col .inner.facet-section>ul h6 {
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 16px;
	color: #555555;
	background: #f7f7f7;
	text-transform: none;
	padding: 5px;
}

.nsw .facet_block-label.truncate {
	width: auto;
	max-width: 186px;
	top: 8px;
	font-size: 12px;
}

.nsw form {
	font-size: 10px;
}

.nsw .formContentArea .lftSec h2 {
	font-size: 24px;
	margin-bottom: 50px;
	margin-top: 36px;
	text-align: center;
	color: #000;
}

.nsw .form-horizontal .form-group .control-label {
	padding-left: 11px;
	font-size: 18px;
}

.nsw .orngTxt {
	color: #48484a;
}
/* NSW BLOCK end*/
.errorImgUpload {
	border: 2px solid #ccc;
	height: 82px;
	display: none;
	color: red;
	padding-left: 10px;
	padding-top: 3px;
	margin-top: 40px;
}

.hiding {
	opacity: 0.5;
}

.hidden {
	display: none;
}

.in {
	display: block;
}
.users.in {
	display: table-row;
}

.initiative-filter,.Initiatives-filter, .brief-filter, .supplier-filter, .brand-filter, .productOwners-filter,
	.dMInitiative-filter, .services-filter, .supplierID-filter {
	background: rgba(0, 0, 0, 0) url("../images/chosen-sprite.png")
		no-repeat scroll 100% -20px;
	border: 1px solid #aaa;
	border-radius: 3px;
	font-family: sans-serif;
	font-size: 1em;
	height: auto;
	line-height: normal;
	margin: 1px 1px 10px 0px;
	outline: 0 none;
	padding: 4px 20px 4px 5px;
	width: 100%;
}

.fileIconHolder:hover, .fileIconHolder:focus {
	color: black !important;
}

.warning {
	width: 100% !important;
}

.noImage {
	display: none;
}

#pdpHere {
	text-decoration: underline;
	cursor: pointer;
}

/* Style for Suggestion Box Use Only Below CSS */
.loggedin-container .header-form .form-input {
	position: relative;
}

.suggestion-box {
	position: absolute;
	box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.5);
	background: #f6f4ee;
	left: 0px;
	top: 39px;
	border-radius: 5px;
	padding: 10px;
}

.suggestion-box .suggestion-title {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	color: #EB5E12;
	padding-top: 9px;
	font-style: oblique;
}

.suggestion-box .suggestion-category-sub-prod {
	width: 100%;
	height: auto;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	color: #000000;
	background: #ffffff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #d9d4c4;
	margin-top: 10px;
}

.suggestion-box .suggestion-category-sub-prod ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.suggestion-box .suggestion-category-sub-prod ul li {
	padding: 6px 10px 6px 10px;
	border-top: 1px solid #d9d4c4;
	color: #2c3617;
	font-weight: bold;
	width: 100%;
	overflow: hidden;
}

.suggestion-box .suggestion-category-sub-prod ul li a {
	color: #2c3617;
	text-decoration: none;
	font-weight: bold;
	display: table;
}

.suggestion-box  hr {
	border-color: #d9d4c4;
	border-top: 0;
	border-left: 0;
	border-right: 0;
	margin: 10px 0 10px 0;
}

.suggestion-box .suggestion-category-sub-prod ul li img {
	display: inline-block;
	padding: 0 5px 0 5px;
	margin-right: 10px;
	width: 24px;
	height: 30px;
	vertical-align: middle;
	float: left;
}

.suggestion-box .suggestion-category-sub-prod ul li .suggestion-prod-name
	{
	display: table-cell;
	height: 27px;
	vertical-align: middle;
}

.nsw .footer-box.last a {
	font-size: 23px;
	color: #f36928;
	line-height: 23px;
	font-weight: bold;
	display: block;
	font-family: 'univers_light_condensedRg';
}

.nsw .home-org-btn a {
	color: white !important;
}

.btnstyl {
	background: #000 none repeat scroll 0 0;
	border: 0 none;
	border-radius: 5px;
	color: #fff;
	font-size: 19px;
	line-height: 24px;
	padding: 10px;
	text-align: center;
	text-transform: uppercase;
	width: 150px;
}

.btnstyl:hover {
	color: #fff;
	background-color: #f26928;
	border-color: #adadad;
}

//
New Css Styles //

.emailTrigger .form-control {
	display: block;
	width: 100%;
	height: 30px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.428571429;
	color: #555555;
	vertical-align: middle;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border-color ease-in-out .15s, box-shadow
		ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.emailTrigger .emailName {
	background-color: #f6f6f6;
	padding: 12px 0px 25px 10px;
	border-top: solid 1px #a5a5a5;
	height: 60px;
}

.emailTrigger input#name {
	float: left;
	padding: 7px;
	width: 700px;
}

.emailTrigger h1#then {
	float: left;
	position: absolute;
    z-index: 1;
}

.emailTrigger .emailOptions span {
	float: left;
}

.emailTrigger .search-options {
	padding: 5px;
    margin-left: 140px;
    margin-top: 20px;
}

.emailTrigger .search-field-row .add, .search-field-row .delete {
	position: relative !important;
	margin-top: 5px !important;
	margin-left: 0px !important;
}

.emailTrigger .search-field-row .delete {
	margin-top: -10px !important;
}
	

.emailTrigger .chosen-container-single .chosen-single {
	background: #ffffff none repeat scroll 0 0;
    border: solid 1px #dadada;
    border-radius: 5px;
    color: #858587;
    font-size: 16px;
    height: 35px;
    padding: 5px 10px;
    width: 100%;
    text-align: left;
}

.emailTrigger .two-cols .right input {
	background: #e8e8e8 none repeat scroll 0 0;
    border: medium none;
    border-radius: 5px;
    color: #858587;
    font-size: 16px;
    height: 35px;
    padding: 5px 10px;
    width: 100%;
}

.emailTrigger .two-cols .right select {
	background: #ffffff none repeat scroll 0 0;
	border: medium none;
	border-radius: 5px;
	color: #858587;
	font-size: 16px;
	height: 42px;
	padding: 11px 10px;
	width: 100%;
}

.emailTrigger .emailData {
    background-color: #f6f6f6;
    padding: 12px 0px 10px 10px;
    border-top-style: solid;
    border-top: solid 1px #a5a5a5;
}

.emailTrigger .emailData h1 {
	float: left;
}

.emailTrigger .form-group {
	width: 70%;
	margin-left: 140px;
	z-index: 1;
}

.emailTrigger .form-group.emailFreq {
	width: 20%;
    float: left;
    z-index: 2;
    margin-left: 0px;
}

.emailTrigger .flipthis-highlight {
	outline: none !important;
}

.emailTrigger input.saveTemplate,.emailTrigger input.clearTemplate  {
	border: solid 1px #828282;
	background-color: #ffffff;
	padding: 10px;
	text-transform: uppercase;
	color: #828282;
	border-radius: 3px;
}

.emailTrigger input.saveTemplate:hover,.emailTrigger input.clearTemplate:hover {
	background-color: #f26928;
	color: #ffffff;
	border: solid 1px #ffffff;
}

.emailTrigger input.displayName {
	width: 700px;
	float: left;
	padding: 7px;
}

.emailTrigger input.body.form-control {
	height: 120px;
	width: 80%;
	float: right;
}

.emailTrigger input.theButton {
	padding: 10px;
	margin-right: 10px;
	background-color: #ffffff;
	text-transform: uppercase;
	color: #828282;
	border-radius: 3px;
	float: left;
}

.emailTrigger input.runNow {
	background-color: #ffffff;
	text-transform: uppercase;
	color: #828282;
	border-radius: 3px;
	padding: 10px;
	float: right;
}

.emailTrigger input.preview {
	background-color: #ffffff;
	text-transform: uppercase;
	color: #828282;
	border-radius: 3px;
	padding: 10px;
	float: right;
	margin-right: 10px;
}

.emailTrigger input.preview:hover {
	background-color: #f26928;
	color: #ffffff;
	border: solid 1px #ffffff;
}

.emailTrigger input.deleteTemplate:hover {
	background-color: #f26928;
	color: #ffffff;
	border: solid 1px #ffffff;
}

.emailTrigger input.runNow:Hover {
	background-color: #f26928;
	color: #ffffff;
	border: solid 1px #ffffff;
}

.emailTrigger input.theButton:hover {
	background-color: #f26928;
	color: #ffffff;
	border: solid 1px #ffffff;
}

.emailTrigger .form-group.emailEmailTo {
	width: 50%;
	float: left;
	z-index: 2;
}

.emailTrigger .form-group.sendTo {
	width: 100%;
	font-size: 17px;
	font-weight: bold;
}
.emailTrigger .sendTo .sendOptions {
	margin-left: 81px;
	display: inline-block;
}

.emailTrigger .download-form {
	background: #f5f5f5;
    font-family: 'Lato', sans-serif;
    text-align: left;
    margin-top: 15px;
/*     width: 81.5%; */
}

.emailTrigger textarea#messagearea {
	float: right;
	width: 80%;
}

.emailTrigger input.ccTo.form-control {
	float: right;
	width: 80%;
	margin-top: -8px;
}

.emailTrigger input.bccTo.form-control {
	float: right;
	width: 80%;
	margin-top: -6px;
}

.emailTrigger input.subject.form-control {
	float: right;
	width: 80%;
	margin-top: -4px;
}

.emailTrigger .chosen-container.chosen-container-multi {
	margin-left: 12px;
/* 	width: 71% !important; */
}

.emailBody iframe{
	height: 200px !important;
}

.emailTrigger hr {
	margin-top: 20px;
	margin-bottom: 20px;
	border: 0;
	border-top: 1px solid #ffffff;
}

.emailTrigger .emailButtons {
	background-color: #f6f6f6;
	padding: 15px;
	border-top-style: solid;
	border-top: solid 1px #a5a5a5;
	height: 70px;
}

.emailTrigger .status1 {
	position: relative;
	width: 90px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	float: right;
	margin-right: 5px;
}

.emailTrigger .status1-checkbox {
	display: none !important;
}

.emailTrigger .status1-label {
	display: block;
	overflow: hidden;
	cursor: pointer;
	border: 2px solid #f6f6f6;
	border-radius: 20px;
}

.emailTrigger .status1-inner {
	display: block;
	width: 200%;
	margin-left: -100%;
	transition: margin 0.3s ease-in 0s;
}

.emailTrigger .status1-inner:before, .status1-inner:after {
	display: block;
	float: left;
	width: 50%;
	height: 30px;
	padding: 0;
	line-height: 30px;
	font-size: 14px;
	color: white;
	font-family: Trebuchet, Arial, sans-serif;
	font-weight: bold;
	box-sizing: border-box;
}

.emailTrigger .status1-inner:before {
	content: "ON";
	padding-left: 10px;
	background-color: #87C3BE;
	color: #FFFFFF;
}

.emailTrigger .status1-inner:after {
	content: "OFF";
	padding-right: 10px;
	background-color: #CCCCCC;
	color: #FFFFFF;
	text-align: right;
}

.emailTrigger .status1-switch {
	display: block;
	width: 18px;
	margin: 6px;
	background: #FFFFFF;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 56px;
	border: 2px solid #f6f6f6;
	border-radius: 20px;
	transition: all 0.3s ease-in 0s;
}

.emailTrigger .status1-checkbox:checked+.status1-label .status1-inner {
	margin-left: 0;
}

.emailTrigger .status1-checkbox:checked+.status1-label .status1-switch {
	right: 0px;
}

.emailTrigger .emailOptions {
	background-color: #f6f6f6;
    border-top: solid 1px #a5a5a5;
    padding-left: 20px;
}

.emailTrigger span#aproduct {
	margin-left: -370px;
    float: left;
    font-size: 15px;
    position: absolute;
}

.emailTrigger input#ccTo {
	float: right;
	width: 80%;
}

.emailTrigger input#subject {
	float: right;
	width: 80%;
}

.emailTrigger .chosen-container-multi .chosen-choices {
	/* position: relative;
	overflow: hidden;
	margin: 0;
	padding: 0 5px;
	width: 100%;
	max-height: 30px;
	height: 1%;
	border: 1px solid #aaa;
	background-color: #fff;
	background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(1%, #eee),
		color-stop(15%, #fff));
	background-image: -webkit-linear-gradient(#eee 1%, #fff 15%);
	background-image: -moz-linear-gradient(#eee 1%, #fff 15%);
	background-image: -o-linear-gradient(#eee 1%, #fff 15%);
	background-image: linear-gradient(#eee 1%, #fff 15%);
	cursor: text; */
	
	position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0 5px;
    width: 100%;
    max-height: 50px;
    height: 33px!important;
    border: 1px solid #ccc;
    background-color: #fff;
    cursor: text;
}

.emailTrigger div#nlrun {
    float: right;
    width: 400px;
    font-size: 10px;
    margin-right: 210px;
    margin-top: -10px;
}



textarea#messagebox {
	float: right;
	width: 80%;
	height: 120px;
}

.emailTrigger div#emailTo_chosen {
	width: 71% !important;
/* 	z-index: 1; */
	margin-left: 12px;
}

.emailTrigger .chosen-container.chosen-container-multi {
	margin-left: 12px;
	width: 65% !important;
}

.triggers {
	margin-top: 40px;
	margin-bottom: -20px;
}

.emailTrigger .two-cols .right {
	width: 64%;
	margin: 0px;
}

.emailTrigger div#selectedFacet_chosen {
	width: 100% !important;
	float: left;
}

.emailTrigger div#selectedFacet_chosen {
	width: 100% !important;
	float: left;
}

.emailTrigger .two-cols .left {
	width: 31%;
	float: left;
	margin-right: 0px;
}

.emailTrigger .search-field-row>.two-cols+.two-cols {
	padding-right: 0%;
	padding-left: 6%;
}

.emailTrigger .search-field-row .add, .search-field-row .delete {
	position: relative;
	top: 10px;
}

.emailTrigger span.addFacet.mr-t-5 {
	margin-top: 0px;
}

.emailTrigger span.addUser.mr-t-5 {
	margin-top: 0px;
}

img#equals {
	float: left;
}

.equals {
	float: left;
	max-width: 5px !important;
	margin-top: 13px;
	margin-left: -22px !important;
}

.emailTrigger .emailBody .mceEditor .mceLayout{
	margin-left: 20%;
}

.delete-col.align-right {
    margin-left: 10px;
}

span.sendEmailTo {
    font-size: 15px;
    padding-left: 25px;
}

span.sendToSpan {
    padding-left: 25px;
}

span.getsAllProducts {
    font-size: 15px;

}

span.subjectSpan {
    font-size: 15px;
    margin-left: 65px;
}

span.bcc {
    font-size: 15px;
    margin-left: 88px;
}

/* Updated footer css  */

.footer-bottom-left { 
	float: left; 
	width: 100%; 
	font-size: 12px; 
	color: #8a8a8a; 
	line-height: 5px; 
}

.footer-box { 
	float: left; 
	width: 33%; 
	padding-right: 28px; 
}

.footer-box h4 { 
	float: left; 
	width: 280px; 
	font-family: 'Raleway', Arial, Helvetica, sans-serif; 
	font-size: 18px; 
	color: #fff; 
	line-height: 55px; 
	font-weight: normal; 
	letter-spacing: 2px; 
	padding-bottom: 17px; 
}

.font21 { 
	float: left; 
	font-family: 'Raleway', Arial, Helvetica, sans-serif; 
	font-size: 15px; 
	color: #a6b0b3; 
	line-height: 25px; 
	font-weight: normal; 
	padding: 22px 0; 
}

.span-4.section4.advert {
    margin-left: 240px;
}

.triggers .UserBoxCreate {
    background-color: #87c3be;
    padding: 15px;
    color: #fff;
    font-size: 24px;
    letter-spacing: 1px;
}

.triggers .UserBoxCross {
    float: right;
    cursor: pointer;
}

.triggers .UserBoxText {
    line-height: 25px;
    padding: 15px;
    font-size: 15px;
}

.triggers .userBox table, .triggers .userBox th, .triggers .userBox td, .triggers .userBox tr,
.newTable ,.newTable th, .newTable tr, .newTable td {
    border: solid 1px whitesmoke;
    text-align: left;
    padding: 3px;
    margin-left: 25px;
    font-size: 14px;
}

.triggers table.CreateUserTable th, .newTable th {
    background-color: #e1e1e1;
    color: #000;
    font-size: 11px;
    text-transform: uppercase;
    padding: 3px 0px 3px 3px;x;
}

.triggers .userBoxLayer {
    margin-top: 20px;
}

.triggers table.CreateUserTable tr:nth-child(even) {
    background-color: #f5f5f5;
}

.triggers table.CreateUserTable tr td:nth-child(5) {
    text-align: center;
}

.triggers .newUserHead {
    text-align: left;
    padding: 14px;
    font-size: 16px;
    border-top: 1px solid #aaaaaa;
    width: 900px;
}

.triggers .newUser, .triggers .newUserGroup {
    background: #f5f5f5;
    width: 900px;
    margin-left: 24px;
    height: 110px;
}

.triggers input.custSupplier {
    padding: 11.5px;
    margin-left: 5px;
    border-radius: 5px;
    border: solid 1px #dadada;
}

.triggers input.name {
    padding: 11.5px;
    margin-left: 5px;
    border-radius: 5px;
    border: solid 1px #dadada;
}

.triggers input.uid {
    padding: 11.5px;
    margin-left: 6px;
    border-radius: 5px;
    border: solid 1px #dadada;
}

.triggers input.company {
     padding: 11.5px;
    margin-left: 5px;
    border-radius: 5px;
    border: solid 1px #dadada;
    width: 190px;
}

.triggers select.group {
    background: #ffffff none repeat scroll 0 0;
    border: solid 1px #dadada;
    border-radius: 5px;
    color: #858587;
    height: 40px;
    padding: 5px 15px;
    text-align: left;
    margin-left: 5px;
}

.triggers input.theButton2:hover {
    background-color: #f26928;
    color: #fff;
    border-color: #fff;
}

.triggers input.theButton2 {
    padding: 10px;
    margin-right: 13px;
    border: solid 1px #828282;
    background-color: #ffffff;
    text-transform: uppercase;
    color: #828282;
    border-radius: 3px;
    float: right;
}

.triggers div#parentSelect_chosen {
    width: 100%!important;
}

.triggers .equals img {
    width: 15px;
    margin-left: 5px;
}


.scroll {
   /*overflow-x: auto;*/
}

.scroll::-webkit-scrollbar {
    width: 5px;
}
 
.scroll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 10px;
}
 
.scroll::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}

a.Clearallf {
    color: #87c3be;
    text-transform: uppercase;
    margin-left: 132px;
     font-size:10px;
}

a.Clearallf:hover {
    color: #59a19b;
}

a.Selectall {
    color: #87c3be;
    text-transform: uppercase;
    font-size:10px;
}

a.Selectall {
    color: #59a19b;
}

a.Uncheckall {
    color: #87c3be;
    text-transform: uppercase;
    margin-left: 145px;
    font-size:10px;
}

a.Uncheckall:hover {
    color: #59a19b;
}

/* gritter css changes */

.gritter-item-wrapper { 
	position: relative; 
	margin: 0 0 10px 0; 
	background: url(../images/ie-spacer.gif); 
	margin-top: 50px; 
}

.triggers .control {
  display: block;
  position: relative;
  margin-bottom: 15px;
  cursor: pointer;
  margin-left: 15px;
  font-size: 18px;
}
.triggers .control input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.triggers .control__indicator {
  position: absolute;
  top: 2px;
  left: 0;
  height: 16px;
  width: 16px;
  background: #e6e6e6;
}
.triggers .control--radio .control__indicator {
  border-radius: 50%;
}
.triggers .control:hover input ~ .control__indicator,
.triggers .control input:focus ~ .control__indicator {
  background: #ccc;
}
.triggers .control input:checked ~ .control__indicator {
  background: #87c3be;
}
.triggers .control:hover input:not([disabled]):checked ~ .control__indicator,
.triggers .control input:checked:focus ~ .control__indicator {
  background: #50918c;
}
.triggers .control input:disabled ~ .control__indicator {
  background: #e6e6e6;
  opacity: 0.6;
  pointer-events: none;
}
.triggers .control__indicator:after {
  content: '';
  position: absolute;
  display: none;
}
.triggers .control input:checked ~ .control__indicator:after {
  display: block;
}
.triggers .control--checkbox .control__indicator:after {
  left: 8px;
  top: 4px;
  width: 3px;
  height: 8px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.triggers .control--checkbox input:disabled ~ .control__indicator:after {
  border-color: #7b7b7b;
}
.triggers .control--radio .control__indicator:after {
  left: 7px;
  top: 7px;
  height: 6px;
  width: 6px;
  border-radius: 50%;
  background: #fff;
}
.triggers .control--radio input:disabled ~ .control__indicator:after {
  background: #7b7b7b;
}
.triggers .select {
  position: relative;
  display: inline-block;
  margin-bottom: 15px;
  width: 100%;
}
.triggers .select select {
  display: inline-block;
  width: 100%;
  cursor: pointer;
  padding: 10px 15px;
  outline: 0;
  border: 0;
  border-radius: 0;
  background: #87c3be;
  color: #7b7b7b;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.triggers .select select::-ms-expand {
  display: none;
}
.triggers .select select:hover,
.triggers .select select:focus {
  color: #000;
  background: #ccc;
}
.triggers .select select:disabled {
  opacity: 0.5;
  pointer-events: none;
}
.triggers .select__arrow {
  position: absolute;
  top: 16px;
  right: 15px;
  width: 0;
  height: 0;
  pointer-events: none;
  border-style: solid;
  border-width: 8px 5px 0 5px;
  border-color: #7b7b7b transparent transparent transparent;
}
.triggers .select select:hover ~ .select__arrow,
.triggers .select select:focus ~ .select__arrow {
  border-top-color: #000;
}
.triggers .select select:disabled ~ .select__arrow {
  border-top-color: #ccc;
}
.textpasswordstrength {
    width: 300px;
    height: 30px;
    margin-left: -33px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.textpasswordstrength img {
    margin-bottom: 7px !important;
}
.create_password_div .item_container {
    width: 600px;
    margin-left: auto;
    margin-right: auto;
    background-color: #f4f4f4;
    padding: 30px;
    border-radius: 10px;
    margin-top: 20px;
    margin-bottom: 200px;
    text-align: center;
}

.create_password_div p.required {
    margin-bottom: 30px;
}
.create_password_div p {
	color: #292929;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
}

.create_password_div label {
    color: #292929;
    font-family: 'Lato', sans-serif;
    text-transform: uppercase;
    font-size: 17px;
    font-weight: 600;
}

.create_password_div h2 {
    font-family: 'Lato', sans-serif;
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 600;
}

.create_password_div h2.CreateTitle {
    text-align: center;
    letter-spacing: 1px;
    padding-top: 60px;
}

/* 
.create_password_div .item_container {
    width: 600px;
    margin-left: auto;
    margin-right: auto;
    background-color: #f4f4f4;
    padding: 30px;
    border-radius: 10px;
    margin-top: 20px;
}

.create_password_div form#updatePwdForm {
    margin-top: 30px;
} */


/* download history page css */
.downloadTitle {
	margin-top: 0px;
    padding-left: 50px;
    text-align: left;
    padding-top: 95px;
}

.historyTable{
	width: 70%;
    margin-left: 50px;
    margin-bottom: 40px;
    margin-top: 30px;
}

.historyTable tr th{
	padding: 0px;
    text-align: center;
    padding-bottom: 25px;
    font-size: large;
}

.historyTable tr td{
	 text-align: center;
	 padding-bottom: 12px;
}

.historyTable tr td a{
	    padding: 3px;
}

.historyTable tr{
	padding:10px;
}

.noDownloads{
	margin-bottom: 40px;
    text-align: left;
    margin-left: 50px;
    margin-top: 70px;
    font-size: x-large;
    width: 80%;
}


////////////////////// LISTER PAGE - DOWNLOAD CSV STYLING


.downloadProducts {
    background-color: #f4f4f4;
    margin-top: 10px;
    padding: 0px 10px 10px 10px;
    border-radius: 10px;
}

.downloadProductsRunning {
    background-color: #f4f4f4;
    margin-top: 10px;
    padding: 0px 10px 10px 10px;
    border-radius: 10px;
}

span.completedStatus {
    font-weight: 400;
}

span.status {
    line-height: 16px;
}

p.elapsed {
    font-size: 10px;
}

span.dontrefresh {
    font-weight: 600;
}


/* My Accounts Page */

	/* JESSI INLINE STYLING */
	.lb-outerContainer{
		Display:none;
	} /*DONT USE THIS - JUST FOR TEST (lb-outerContainer)*/

	.AccountHead {
    margin-left: 87px;
    float: left;
	}
	div#AccSidenav {
    margin-left: 87px;
    float: left;
    width: 240px;
}
	.MyAccountHeader {
    height: 90px;
    float: left;
    width: 1200px;
}
	div#titleAcc {
     font-size: 26px;
    color: #999;
    float: left;
    background: #eee;
    width: 950px;
    padding: 10px;
}
	a#ExpandDiv {
    float: right;
}
	div#MyProfile {
     float:left; 
}

	.AccwrapText {
	    float: right;
	    width: 350px;
	    margin-top: 15px;
	    margin-bottom: 10px;
	}

	.AccwrapText input.text.form-control.tooltipBx {
	    height: 34px;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 12px;
    padding-right: 12px;
    background-color: #f3f7fa;
    border: none;
    box-shadow: none;
	}
	.AccinfoLeft {
	    float: left; 
	    font-size: 18px;
	    text-align: right;
	    padding-top: 30px;
	    margin-left: 215px;
	}
	.AccinfoRight {
    width: 100px;
    float: right;
    margin-right: 175px;
    padding-top: 30px;
    z-index: 200;
}
	.t-tip-below {
    font-size: 8px;
    color: #ccc;
}
	p.acclabel {
    	padding-top: 15px;
    	margin-bottom: 10px !important;
    	z-index: 999
	}
	
	.normalFont {
    	font-weight: normal!important;
	}

	a#ExpandNotif {
    float: right;
}
	div#MyProfileWrap {
	    width: 1040px;
	    margin-left: auto;
		margin-right: auto;
	}
	div#titleNotif {
	    font-size: 26px;
    color: #999;
    background: #eee;
    width: 950px;
    padding: 10px;
    margin-top: 30px;
	}
	a#ExpandMU {
    float: right;
}
	div#titleMU {
	    font-size: 26px;
    color: #999;
    background: #eee;
    width: 950px;
    padding: 10px;
    margin-top: 30px;
	}
	a#ExpandRecentHist {
    float: right;
}

a#ExpandcsvUploadHist {
    float: right;
}

	a#ExpandProductAPIAudit {
    float: right;
}
	a#ExpandAPIHitAudit {
		float: right;
	}
	
	a#ExpandDAMAudit {
		float: right;
	}
	
	a#ExpandQuickDownloadEmailAudit {
		float: right;
	}
	
	a#ExpandSecurityPanel {
		float: right;
	}
	
	a#ExpandMarketingOptions {
		float: right;
	}
	
	a#ExpandProductStatisticsAudit {
		float: right;
	}

	a#ExpandProductDownloadAudit {
    float: right;
}
	div#titleRecentHist {
       font-size: 26px;
    color: #999;
    background: #eee;
    width: 950px;
    padding: 10px;
    margin-top: 30px;
}

div#titleCsvUploadHistContent {
       font-size: 26px;
    color: #999;
    background: #eee;
    width: 950px;
    padding: 10px;
    margin-top: 30px;
}

	a#ExpandCarts {
    float: right;
}
	div#titleCarts {
    font-size: 28px;
    color: #999;
   /*  float: left; */
    background: #eee;
    width: 950px;
    padding: 5px;
    margin-top: 30px;
}
 	a#ExpandSavedS {
    float: right;
} 

 	a#ExpandAdminConsole {
    float: right;
} 
 	div#titleSavedS {
    font-size: 26px;
    color: #999;
    background: #eee;
    width: 950px;
    padding: 10px;
    margin-top: 30px;
    margin-bottom: 40px;
}
 
 div#titleAdminConsole {
    font-size: 28px;
    color: #999;
    /* float: left;  */
    background: #eee;
    width: 950px;
    padding: 5px;
   	margin-top: 30px; 
} 

.mySearchSection {
	margin-top: 0px;
    width: 960px;
} 
	
	 .myAdminConsole {
		margin-top: 65px;
		width: 960px;
	} 
.myHealthCheckSummary{
	
			margin-top: 65px;
		width: 960px;
	
}
.emailTrigger .download-form {
    background: #f5f5f5;
    font-family: 'Lato', sans-serif;
    text-align: left;
    margin-top: 15px;
}
.emailTrigger .chosen-container.chosen-container-multi {
    margin-left: 12px;
}

.control {
  display: block;
  position: relative;
  margin-bottom: 15px;
  cursor: pointer;
  margin-left: 15px;
  font-size: 18px;
}
.control input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.control__indicator {
  position: absolute;
  top: 2px;
  left: 0;
  height: 20px;
  width: 20px;
  background: #e6e6e6;
}
.control--radio .control__indicator {
  border-radius: 50%;
}
.control:hover input ~ .control__indicator,
.control input:focus ~ .control__indicator {
  background: #ccc;
}
.control input:checked ~ .control__indicator {
  background: #87c3be;
}
.control:hover input:not([disabled]):checked ~ .control__indicator,
.control input:checked:focus ~ .control__indicator {
  background: #50918c;
}
.control input:disabled ~ .control__indicator {
  background: #e6e6e6;
  opacity: 0.6;
  pointer-events: none;
}
.control__indicator:after {
  content: '';
  position: absolute;
  display: none;
}
.control input:checked ~ .control__indicator:after {
  display: block;
}
.control--checkbox .control__indicator:after {
  left: 8px;
  top: 4px;
  width: 3px;
  height: 8px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.control--checkbox input:disabled ~ .control__indicator:after {
  border-color: #7b7b7b;
}
.userBox table, .userBox th, .userBox td, .userBox tr {
    border: solid 1px #fff!important;
}
.control--radio .control__indicator:after {
  left: 7px;
  top: 7px;
  height: 6px;
  width: 6px;
  border-radius: 50%;
  background: #fff;
}
.control--radio input:disabled ~ .control__indicator:after {
  background: #7b7b7b;
}
.select {
  position: relative;
  display: inline-block;
  width: 100%;
}
.select select {
  display: inline-block;
  width: 100%;
  cursor: pointer;
  padding: 10px 15px;
  outline: 0;
  border: 0;
  border-radius: 0;
  background: #87c3be;
  color: #7b7b7b;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.select select::-ms-expand {
  display: none;
}
.select select:hover,
.select select:focus {
  color: #000;
  background: #ccc;
}
.select select:disabled {
  opacity: 0.5;
  pointer-events: none;
}
.select__arrow {
  position: absolute;
  top: 16px;
  right: 15px;
  width: 0;
  height: 0;
  pointer-events: none;
  border-style: solid;
  border-width: 8px 5px 0 5px;
  border-color: #7b7b7b transparent transparent transparent;
}
.select select:hover ~ .select__arrow,
.select select:focus ~ .select__arrow {
  border-top-color: #000;
}
.select select:disabled ~ .select__arrow {
  border-top-color: #ccc;
}

.UserBoxCreate {
    background-color: #87c3be;
    padding: 15px;
    color: #fff;
    font-size: 24px;
    letter-spacing: 1px;
}

.UserBoxCross {
    float: right;
}

.UserBoxText {
    line-height: 25px;
    padding: 15px;
    text-align:center;
    margin-top:10px;
}

.userBox table, .userBox th, .userBox td, .userBox tr {
    border: solid 1px white;
    /*width: 900px;*/
    text-align: left;
    padding: 9px;
    margin-left: 20px;
}

table.CreateUserTable th {
    background-color: #e1e1e1;
    color: #000;
    font-size: 16px;
    text-transform: uppercase;
    padding:15px;
}

.userBoxLayer {
    margin-top: 20px;
}

table.CreateUserTable tr:nth-child(even) {
    background-color: #f4f7fa;
}

table.CreateUserTable tr td:nth-child(5) {
    text-align: center;
}

table.RecentDownloadsTable tr:nth-child(even) {
    background-color: #f5f5f5;
}

table.RecentDownloadsTable tr td:nth-child(5) {
    text-align: center;
}

table.RecentDownloadsTable th {
    background-color: #e1e1e1;
    color: #000;
    font-size: 13px;
    text-transform: uppercase;
    padding:5px;
}
table.RecentDownloadsTable td {
    padding:5px;
}
table.RecentDownloadsTable {
	width: auto;
}
table.RecentDownloadsTable .sharedBy {
	font-size: 9px;
}


table.RecentCTable tr:nth-child(even) {
    background-color: #f5f5f5;
}


/* 
CSV Upload CSS
*/

table.RecentCsvUploadTable tr:nth-child(even) {
    background-color: #f5f5f5;
}

table.RecentCsvUploadTable tr td:nth-child(5) {
    text-align: center;
}

table.RecentCsvUploadTable th {
    background-color: #e1e1e1;
    color: #000;
    font-size: 10px;
    text-transform: uppercase;
    
}
table.RecentCsvUploadTable {
	width: auto;
	border: solid 1px !important;
}
table.RecentCsvUploadTable .sharedBy {
	font-size: 9px;
}



i.shareLightbox{
	opacity: 0.5;
}

table.RecentCTable tr td:nth-child(5) {
    text-align: center;
}

table.RecentCTable th {
    background-color: #e1e1e1;
    color: #000;
    font-size: 16px;
    text-transform: uppercase;
    padding:15px;
}
.newUserHead {
    text-align: left;
    padding: 14px;
    font-size: 16px;
    width: 810px;
}

.newUser {
    background: #f5f5f5;
    width: 891px;
    margin-left: 24px;
    height: 110px;
}

input.custSupplier {
    padding: 11.5px;
    margin-left: 5px;
    border-radius: 5px;
    border: solid 1px #dadada;
}

input.name,input.custSupplierTxt {
    padding: 11.5px;
    margin-left: 5px;
    border-radius: 5px;
    border: solid 1px #dadada;
}

input.uid {
    padding: 11.5px;
    margin-left: 6px;
    border-radius: 5px;
    border: solid 1px #dadada;
}

input.company {
     padding: 11.5px;
    margin-left: 5px;
    border-radius: 5px;
    border: solid 1px #dadada;
    width: 190px;
}

input.phone {
    padding: 11.5px;
    margin-left: 6px;
    border-radius: 5px;
    border: solid 1px #dadada;
}
input.introducer {
    padding: 11.5px;
    margin-left: 6px;
    border-radius: 5px;
    border: solid 1px #dadada;
}

input.introducerCompany {
    padding: 11.5px;
    margin-left: 6px;
    border-radius: 5px;
    border: solid 1px #dadada;
}

input.bussiness {
    padding: 11.5px;
    margin-left: 6px;
    border-radius: 5px;
    border: solid 1px #dadada;
}


select.group, select.custSupplierSel {
    background: #ffffff none repeat scroll 0 0;
    border: solid 1px #dadada;
    border-radius: 5px;
    color: #858587;
    height: 40px;
    padding: 5px 15px;
    text-align: left;
    margin-left: 5px;
}

div#MyProfileUpdate {
    margin-right: -10px;
/*     margin-left: 200px; */
/*     margin-top: 260px; */
}

input.editTemplate.theButton2:hover {
    background-color: #f26928;
    color: #fff;
    border-color: #fff;
}

input.editTemplate.theButton2 {
    padding: 10px;
    margin-right: 13px;
    border: solid 1px #828282;
    background-color: #ffffff;
    text-transform: uppercase;
    color: #828282;
    border-radius: 3px;
    float: right;
}
input.theButton2 {
    padding: 10px;
    margin-right: 13px;
    border: solid 1px #828282;
    background-color: #ffffff;
    text-transform: uppercase;
    color: #828282;
    border-radius: 3px;
    float: right;
}
input.theButton2:hover {
    background-color: #f26928;
    color: #fff;
    border-color: #fff;
}
div#RecentBox {
    margin-top: 85px;
}
div#clearfix {
    color: #fff;
}

#NotifWrap {
    width: 700px;
    overflow: hidden;
    margin-left: 140px;
    padding-top: 40px;
    font-size: 18px;
}

#Subscribe {
    width: 280px;
    float:left; 
}
#Newsletter {
    float: left;
    width: 260px;
}
.onoffswitch {
    position: relative; width: 90px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
    float: right;
    margin-right: 30px;
    margin-top: -5px;
}
.onoffswitch-checkbox {
    display: none;
}
.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 2px solid #FFFFFF; border-radius: 20px;
}
.onoffswitch-inner {
    display: block; width: 200%; margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 30px;
    font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    box-sizing: border-box;
}
.onoffswitch-inner:before {
    content: "ON";
    padding-left: 10px;
    background-color: #87C3BE; color: #FFFFFF;
}
.onoffswitch-inner:after {
    content: "OFF";
    padding-right: 10px;
    background-color: #D6D6D6; color: #FFFFFF;
    text-align: right;
}
.onoffswitch-switch {
    display: block; width: 18px; margin: 6px;
    background: #FFFFFF;
    position: absolute; top: 0; bottom: 0;
    right: 56px;
    border: 2px solid #FFFFFF; border-radius: 20px;
    transition: all 0.3s ease-in 0s; 
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px; 
}

.onoffswitchnews {
    position: relative; width: 90px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
    float: right;
    margin-top: -5px;
}
.onoffswitchnews-checkbox {
    display: none;
}
.onoffswitchnews-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 2px solid #FFFFFF; border-radius: 20px;
}
.onoffswitchnews-inner {
    display: block; width: 200%; margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}
.onoffswitchnews-inner:before, .onoffswitchnews-inner:after {
    display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 30px;
    font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    box-sizing: border-box;
}
.onoffswitchnews-inner:before {
    content: "ON";
    padding-left: 10px;
    background-color: #87C3BE; color: #FFFFFF;
}
.onoffswitchnews-inner:after {
    content: "OFF";
    padding-right: 10px;
    background-color: #D6D6D6; color: #FFFFFF;
    text-align: right;
}
.onoffswitchnews-switch {
    display: block; width: 18px; margin: 6px;
    background: #FFFFFF;
    position: absolute; top: 0; bottom: 0;
    right: 56px;
    border: 2px solid #FFFFFF; border-radius: 20px;
    transition: all 0.3s ease-in 0s; 
}
.onoffswitchnews-checkbox:checked + .onoffswitchnews-label .onoffswitchnews-inner {
    margin-left: 0;
}
.onoffswitchnews-checkbox:checked + .onoffswitchnews-label .onoffswitchnews-switch {
    right: 0px; 
}

.notifwrapper {
    display: table;
    width: 600px;
    margin-top: 20px;
    margin-left: 70px;
}

.notifleft {
    display: table-cell;
    padding-left: 60px;
    line-height: 25px;
}

div#n1 {
    font-size: 18px;
    float: right;
}
.controlnotif {
    display: block;
    position: relative;
    margin-bottom: 5px;
    cursor: pointer;
    font-size: 18px;
    margin-left: -30px;
    margin-top: 10px;
}
.controlnotif input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.controlnotif__indicator {
  position: absolute;
  top: 2px;
  left: 0;
  height: 20px;
  width: 20px;
  background: #e6e6e6;
}
.controlnotif--radio .controlnotif__indicator {
  border-radius: 50%;
}
.controlnotif:hover input ~ .controlnotif__indicator,
.controlnotif input:focus ~ .controlnotif__indicator {
  background: #ccc;
}
.controlnotif input:checked ~ .controlnotif__indicator {
  background: #87c3be;
}
.controlnotif:hover input:not([disabled]):checked ~ .controlnotif__indicator,
.controlnotif input:checked:focus ~ .controlnotif__indicator {
  background: #50918c;
}
.controlnotif input:disabled ~ .controlnotif__indicator {
  background: #e6e6e6;
  opacity: 0.6;
  pointer-events: none;
}
.controlnotif__indicator:after {
  content: '';
  position: absolute;
  display: none;
}
.controlnotif input:checked ~ .controlnotif__indicator:after {
  display: block;
}
.controlnotif--checkbox .controlnotif__indicator:after {
  left: 8px;
  top: 4px;
  width: 3px;
  height: 8px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.controlnotif--checkbox input:disabled ~ .controlnotif__indicator:after {
  border-color: #7b7b7b;
}
.controlnotif--radio .controlnotif__indicator:after {
  left: 7px;
  top: 7px;
  height: 6px;
  width: 6px;
  border-radius: 50%;
  background: #fff;
}
.controlnotif--radio input:disabled ~ .controlnotif__indicator:after {
  background: #7b7b7b;
}
.selectnotif {
  position: relative;
  display: inline-block;
  margin-bottom: 15px;
  width: 100%;
}
.selectnotif selectnotif {
  display: inline-block;
  width: 100%;
  cursor: pointer;
  padding: 10px 15px;
  outline: 0;
  border: 0;
  border-radius: 0;
  background: #87c3be;
  color: #7b7b7b;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.selectnotif selectnotif::-ms-expand {
  display: none;
}
.selectnotif selectnotif:hover,
.selectnotif selectnotif:focus {
  color: #000;
  background: #ccc;
}
.selectnotif selectnotif:disabled {
  opacity: 0.5;
  pointer-events: none;
}
.selectnotif__arrow {
  position: absolute;
  top: 16px;
  right: 15px;
  width: 0;
  height: 0;
  pointer-events: none;
  border-style: solid;
  border-width: 8px 5px 0 5px;
  border-color: #7b7b7b transparent transparent transparent;
}
.selectnotif selectnotif:hover ~ .selectnotif__arrow,
.selectnotif selectnotif:focus ~ .selectnotif__arrow {
  border-top-color: #000;
}

div#n3 {
    bottom: 0;
    position: absolute;
}

.savedwrapper {
    display: table;
    width: 600px;
    margin-top: 20px;
    margin-left: 120px;
}

.savedleft {
    display: table-cell;
    line-height: 25px;
    padding-left: 50px;
}

select.group_s {
    background: #ffffff none repeat scroll 0 0;
    border: solid 1px #dadada;
    border-radius: 5px;
    color: #858587;
    height: 40px;
    padding: 5px 15px;
    text-align: left;
    margin-left: 5px;
    width: 250px;
    margin-top: 10px;
}

select.group_s2 {
    background: #ffffff none repeat scroll 0 0;
    border: solid 1px #dadada;
    border-radius: 5px;
    color: #858587;
    height: 40px;
    padding: 5px 15px;
    text-align: left;
    margin-left: 5px;
    width: 120px;
    margin-top: 10px;
}

div#currentsearch {
    width: 800px;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 10px;
    margin-left: 115px;
}

input.SearchButton {
    padding: 10px;
    margin-right: 13px;
    border: solid 1px #ffffff;
    background-color: #e36400;
    text-transform: uppercase;
    color: #ffffff;
    border-radius: 3px;
    margin-top: 15px;
    margin-left: 240px;
}
input.SearchButton:hover {
    background-color: #fff;
    color: #828282;
	border: solid 1px #828282;
}


input.mysearches {
    padding: 9px;
    margin-right: 385px;
    border: solid 1px #828282;
    background-color: #ffffff;
    text-transform: uppercase;
    color: #828282;
    border-radius: 3px;
    float: right;
    margin-top: -33px;
}
input.mysearches:hover {
    background-color: #fff;
    color: #828282;
    border: solid 1px #828282;
}
.successMessage{
	color: green;
}

.errorMessage{
	color: red;
}

.sentToUsers{
	float: left;
    margin: 10px;
    font-size: 15px;
    margin-left: 25px;
    font-weight: bold;
}
.receivedBy {
    margin-top: 30px;
}

td.editUserDetail {
    text-align: center!important;
}

input.useruid {
    width: 100%;
}

input.username {
    width: 100%;
}

input.text.form-control.tooltipBx {
    height: 40px;
    margin-bottom: 10px;
}

input.text.form-control.tooltipBx.Sup {
    width: 150px;
}

.sectionHeader {
    margin-left: 20px;
    letter-spacing: 1px;
}

div#rejectnow {
    font-weight: normal;
}

.inputWrapper.selectWrapper {
    margin-top: 8px;
}

select option[value="COMPLETE"] {
    background-color: #ace285;
}

select.select.form-control.tooltipBx.tab {
    width: 150%;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 25px;
    padding-right: 15px;
}

.multiselect-container .input-group {
	width:95%
}

/* bulk image upload */
.file-upload-img-wrap {     
	width: 100px;
    display: inline-block;
    float: left;
    height: 100px;
}

.uploadingBox .imgBox {   
	padding: 5px 0px 10px 10px;
    max-height: 100px;
    max-width: 100px; 
    float: left;
}
.myCP .ajax-file-upload{
	cursor: pointer !important;
	left: 48%;
	top: 75%;
	visibility: visible !important;
}
.myCP .ajax-file-upload input{
	top: 0px !important;
}

.bulkImage .uploadingBox .imgBox,.bulkAsstes .uploadingBox .imgBox {   
	padding: 5px 0px 10px 0px;
	margin-left: 13%;
	float: none;
	margin-left: auto;
    margin-right: auto;
    display: block;
}

.bulkBrand{
	width: 40%;
	margin: 0 auto;
}
.bulkBrand.textBoxDiv{
	display: none;
}

.myCP .ajax-file-upload form{
	width: 100%;
	top: -26px;
	height: 26px;
}

.product-thumb {
    float: left;
    /*margin-top: 97px;*/
    margin-left: -10px;
    padding-top: 8px;
   /* position: absolute;*/
}

.product-thumb span {
    margin-left: 4px;
}

.formContentArea .lftSec .formInputIcon {
    left: 36px;
    position: absolute;
    top: 17px;
    color: #c1c1c1;
}

.formContentArea .lftSec .formInputIconR {
    left: 86%;
    position: absolute;
    top: 17px;
    color: #c1c1c1;
}

.attachmentUploadPdpButton > div.ajax-file-upload {
	visibility: visible !important;
    font-size: 14px !important;
    margin: 90px 10px 10px 183px !important;
    z-index: 1000!important;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px!important;
    font-weight: bold;
    line-height: 20px;
    display: inline-block;
    text-decoration: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -moz-box-shadow: 0 2px 0 0 #e8e8e8;
    -webkit-box-shadow: 0 2px 0 0 #e8e8e8;
    box-shadow: 0 2px 0 0 #e8e8e8;
    padding: 3px 10px 4px 10px!important;
    color: #fff;
    background: #87c3be;
    border: none;
    -webkit-box-shadow: 0 2px 0 0 #66a59f;
    box-shadow: 0 2px 0 0 #64a09b;
    vertical-align: middle;
    width: 120px;
    text-align: center;
}


.photoUploadPdpButton > div.ajax-file-upload {
	visibility: visible !important;
    font-size: 14px !important;
    margin: 130px 10px 10px 0px !important;
    z-index: 1000!important;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px!important;
    font-weight: bold;
    line-height: 20px;
    display: inline-block;
    text-decoration: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -moz-box-shadow: 0 2px 0 0 #e8e8e8;
    -webkit-box-shadow: 0 2px 0 0 #e8e8e8;
    box-shadow: 0 2px 0 0 #e8e8e8;
    padding: 3px 10px 4px 10px!important;
    color: #fff;
    background: #87c3be;
    border: none;
    -webkit-box-shadow: 0 2px 0 0 #66a59f;
    box-shadow: 0 2px 0 0 #64a09b;
    vertical-align: middle;
    width: 120px;
    text-align: center;
}

select[multiple], select[size] {
    height: 3.1em !important;
    border-radius: 3px !important;
}

/* menu overrides gritter messages  */
#c-menu--push-right{
z-index : 10000 !important;	
}

#c-button--push-right{
	z-index: 10000;
	position:fixed;
}

.accountMenuHolder.loading {
	pointer-events: none;
}

.accountMenuHolder.loading span {
	background: #EB5E12BF;
}

.etlExportAs select {
	padding: 5px;
	width: 193px;
	height: 40px;
	font-size: 14px;
	left: 0;
	right: 0;
	top: -2;
	min-height: 100%;
	line-height: 100%;
	cursor: pointer;
	-webkit-appearance: none;
	border: 1px solid #C9C9C9;
	border-radius: 2px;
	background-image: url('/medias/sys_master/hab/hde/8849500504094.png');
	background-repeat: no-repeat;
	background-position: right;
	margin: 0px 5px 5px 0px;
}

.normalsDataTable {
	border: 1px solid #627a42 !important;
	BGCOLOR: #ffffff;
}

.normalsDataTable {
	border: 1px solid #000000;
}

.normalsDataTable th {
	background: #c0c0c0;
}

.normalsDataTable td {
	text-align: left;
}
/*****************************Attachment table**************************************/
table.AttachmentDataTable {
     border: 1px solid #828282; width: 100%;
     margin-bottom: 15px;
}

table.AttachmentDataTable tr {
    background-color: #f6f6f6;
}

table.AttachmentDataTable th {
    background-color: #828282;
    color: white;
    text-transform: uppercase;
    padding: 8px;
}

table.AttachmentDataTable td {
    padding: 6px;
    z-index: 2;
}

td.normalsFileName {
	max-width: 230px;
	overflow: hidden;
	text-overflow: ellipsis;
}

td.attachmentAction {
	height: 32px !important;
 	z-index: auto !important;
}

td.fieldValue.select_style.attachments {
    margin-top: 8px;
    width: 80px;
    margin-right: 10px;
    height: 32px !important;
    z-index: auto;
}

td.fieldValue.label_style.attachments {
    padding-left: 10px;
}

table.AttachmentDataTable tr:nth-child(odd) {
    background: white;
}

.psd {
	height:55px;
	background: url(../images/PSD_Icon_Flat.png) no-repeat;
	background-size: 40px;
	
}
.mp4 {
	height:55px;
	background: url(../images/MP4_Icon_Flat.png) no-repeat;
	background-size: 40px;	
}
.pdf {
	height:55px;
	background: url(../images/PDF_Icon_Flat.png) no-repeat;
	background-size: 40px;	
}
.glb {
	height:55px;
	background: url(../images/GLB_Icon_Flat.png) no-repeat;
	background-size: 40px;
}
.jpg {
	height:55px;
	background: url(../images/JPG_Icon_Flat.png) no-repeat;
	background-size: 40px;	
}
.jpeg {
	height:55px;
	background: url(../images/JPG_Icon_Flat.png) no-repeat;
	background-size: 40px;	
}
.mov {
	height:55px;
	background: url(../images/Mov_Icon_Flat.png) no-repeat;
	background-size: 40px;	
}
.eps {
	height:55px;
	background: url(../images/EPS_Icon_flat.png) no-repeat;
	background-size: 40px;	
}
.png {
	height:55px;
	background: url(../images/PNG_Icon_Flat.png) no-repeat;
	background-size: 40px;	
}
.ai {
	height:55px;
	background: url(../images/AI_Icon_Flat.png) no-repeat;
	background-size: 40px;	
}
.mp3 {
	height:55px;
	background: url(../images/MP3_Icon_Flat.png) no-repeat;
	background-size: 40px;	
}

/***********************Trade Presenter*****************************/
.title_holder {
    padding-top: 20px;
}

.macroheader {
    padding-top: 20px;
    font-size: 16px;
    height: 60px;
    overflow: hidden;
    display: block;
    font-family: HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

li.selectTemplate.last {
    width: 200px;
    margin: auto;
}
select#selectTemplate {
    padding: 10px;
    height: 40px;
    font-size: 14px;
}

#headerMessage{
    width: 620px;
    height: 90px;
    font-size: 14px;
    border: 1px solid #C9C9C9;
    border-radius: 2px;
    font-family: HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    padding: 5px;
}

.cartContainer .title_holder {
    width: 50%;
    font-family: HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    padding: 0 !important;
}

#your_cartt{
	width: 100%;
	margin-bottom: 20px;
}

#your_cartt td {
    padding: 10px 0;
}

#your_cartt .product_image img {
    width: 90px;
    height: 90px;
    float: left;
    margin-left: 10px;
}
#your_cartt h2 {
    font-size: 25px;
    float: left;
}
#your_cartt h2 a {
    color: #eb5e12;
    font-family: Lato;
    font-size: 16px;
    padding-left: 10px;
}
tr.first.last.even {
    background: #f8f8f8;
}
th#header3 {
    padding: 10px;
    font-family: Lato, arial, helvetica, sans-serif;
    font-size: 16px;
    color: #888;
    font-weight: 400;
}

.item_container.maxTwo {
    border: 1px solid #C9C9C9;
    border-radius: 2px;
    margin-top: 20px;
    width: 90%;
    margin: auto;
}
tr.first.odd {
    border-bottom: 1px solid whitesmoke;
}
span#prodimage {
    margin-left: 23px;
}
span#prodname {
    margin-left: 56px;
}
.productname {
    width: 70%;
}
td.quantity.last {
    font-family: lato;
    font-size: 14px;
}
div#showMore, div#showLess {
    margin-left: 10px;
    margin-top: -17px;
    width: 10px;
    background: white;
}
button.ui-button.icon.add-black.transparent.add-item-btn {
    background-color: #FFF;
    color: #333;
    border-radius: 2px;
    border: 1px solid #C9C9C9;
    font-family: lato;
    font-size: 14px;
    margin-left: 50px;
}
.downloadButton {
    display: inline-block;
    margin-right: 10px;
    margin-left: -46px;
}
.span-20.removeItems {
    margin-top: -35px;
    float: right;
    margin-right: 50px;
}
.removeItems {
    margin: 10px 0;
}

#footerMessage{
    width: 620px;
    height: 90px;
    font-size: 14px;
    border: 1px solid #C9C9C9;
    border-radius: 2px;
    font-family: HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    padding: 5px;
}

.createTradePresenter {
    padding-bottom: 30px;
    padding-top: 25px;
    margin-bottom: 80px !important;
    width: 240px;
    margin: auto;
}
.download-presenter-form {
    background: #f5f5f5;
    font-family: 'Lato', sans-serif;
}
.download-presenter-form h2 {
    color: #5e5957;
    font-size: 30px;
    margin: 0;
    padding: 10px;
    background: #e1e1e1;
    font-family: 'Lato', sans-serif;
}
div#PresenterContentEmail {
    padding: 10px;
}
.form-presenter-group {
    margin-bottom: 15px;
}

.emailmacroheader {
    font-size: 14px;
    height: 40px;
    overflow: hidden;
    display: block;
    font-family: Lato;
    width: 100%;
}
div#emailHeader {
    font-size: 14px;
    font-family: lato;
}
div#emailFooter {
    font-family: lato;
    font-size: 14px;
}
div#emailmacroFooter {
    padding-top: 20px;
    font-size: 14px;
    height: 60px;
    overflow: hidden;
    display: block;
    font-family: Lato;
    width: 100%;
}
/***********************End Trade Presenter*****************************/
.panel.panel-clone,.panel.panel-variant {
    border-color: #e0e0e0;
    float: right;
    width: 181px!important;
    margin-bottom: 5px !important;
}

.panel.panel-duplicate{
    border-color: #e0e0e0;
    float: right;
    width: 181px!important;
    margin-bottom: 5px !important;
}

 #CloneAssetHeading a{
 	background: #828282;
 	color: #fff;
    font-size: 13px;
    text-align: center;
    cursor: pointer;
    border-radius: 5px;
    display: inline-block;
    min-width: 30px;
    min-height: 30px;
    padding: 0px 10px;
    line-height: 30px;
    font-weight: 300;
    width: 100%;
 }
 
 #CloneProdHeading a{
 	background: #828282;
 	color: #fff;
    font-size: 13px;
    text-align: center;
    cursor: pointer;
    border-radius: 5px;
    display: inline-block;
    min-width: 30px;
    min-height: 30px;
    padding: 0px 10px;
    line-height: 30px;
    font-weight: 300;
    width: 100%;
 }
 
 #VariantProdHeading a{
 	background: #828282;
 	color: #fff;
    font-size: 13px;
    text-align: center;
    cursor: pointer;
    border-radius: 5px;
    display: inline-block;
    min-width: 30px;
    min-height: 30px;
    padding: 0px 10px;
    line-height: 30px;
    font-weight: 300;
    width: 100%;
 }

#DuplicateContentHeading a, #archiveProductHeading a{
 	background: #828282;
 	color: #fff;
    font-size: 13px;
    text-align: center;
    cursor: pointer;
    border-radius: 5px;
    display: inline-block;
    min-width: 30px;
    min-height: 30px;
    padding: 0px 10px;
    line-height: 30px;
    font-weight: 300;
    width: 100%;
 }

.panelc {
    background-color: #e0e0e0;
    width: 163px!important;
    float: right;
}

.clone-heading a.collapsed {
    background: #e0e0e0 url(../images/acc-close.png) no-repeat 98% center;
    color: #444;
	text-align: center;
}

.clone-heading a {
    font-weight: bold;
    padding: 5px;
    display: block;
    background: #828282 url(../images/acc-open.png) no-repeat 98% center;
    color: #fff;
    text-align: center;
}

div#collapseCloneProd,div#collapseVariantProd,div#collapseDuplicateContent,div#collapseArchiveProduct {
   	width: 550px;
    margin-left: -370px;
    background-color: #e0e0e0;
    border-color: #e0e0e0;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    font-weight: bold;
}
div#collapseCloneAsset .row{
	font-weight: 300;
}
   

div#collapseCloneAsset,div#collapseVariantAsset {
   	width: 550px;
    margin-left: -370px;
    background-color: #e0e0e0;
    border-color: #e0e0e0;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    font-weight: bold;
}

input#cloneCode {
    border-radius: 4px;
    border: 1px solid #e0e0e0;
    width: 46%;
    padding: 5px;
}

input#prodToCopyDupliCont {
    border-radius: 4px;
    border: 1px solid #e0e0e0;
    width: 46%;
    padding: 5px;
}

input#cloneEan {
    border-radius: 4px;
    border: 1px solid #e0e0e0;
    width: 46%;
    padding: 5px;
}
input#cloneSupplierCode {
    border-radius: 4px;
    border: 1px solid #e0e0e0;
    width: 50%;
    padding: 5px;
    margin-left: 10px;
}

input#variantValue{
	width: 42%;
	border-radius: 4px;
    border: 1px solid #e0e0e0;
    padding: 5px;
}

#product-detail .product-status .cloneTemplate,#product-detail .product-status .variantFormat,#product-detail .product-status .archiveType{
	width: 35%;
    height: 25px;
    border-radius: 4px;
    border: 1px solid #e0e0e0;
}

a#CloneButton,a#variantButton {
    margin-top: -2px;
}

.panel-body {
    padding: 8px;
}

.cloneProduct#CloneButton{
	margin-top: 5px;
	float:right;
}
 
#loading {
   opacity: 0.7;
   background-color: #fff;
   z-index: 99;
}

#loading-image {
  position: absolute;
  top: 100px;
  left: 100px;
  z-index: 100; 
  
}

.editShow {
	display: none;
}

.sortableEnable {
    width: 1120px;
    height: 29px;
    display: inline-block;
    background: url(../images/editIcon16.png) left top no-repeat;
    cursor: pointer;
}

.saveSortedData {
    width: 110px;
    height: 29px;
    display: inline-block;
    background: url(../images/saveIcon.png) left top no-repeat;
    cursor: pointer;
    margin-left: 50px;
}

.sortableEnabledData {
	border: 1px dashed #828282;
}
.sortableDisable {
	width: 29px;
	height: 29px;
	display: inline-block;
	background: url(../images/disableIcon16.png) left top no-repeat;
	cursor: pointer;
}

p.changeSortOrder {
    margin-left: 23px;
    font-size: 16px;
    color: #979798;
    display: inline;
    line-height: 20px;
}

p.cancelSort {
    margin-left: 23px;
    font-size: 16px;
    color: #979798;
    display: inline;
    line-height: 20px;
}

p.saveSort {
    margin-left: 28px;
    font-size: 16px;
    color: #979798;
    display: inline;
    line-height: 20px;
}

.mobileApp label.col-sm-3.control-label {
    float: left;
    margin-right: 10px;
    margin-left: 10px;
}
.mobileApp .formContentArea .lftSec .formInputIcon {
    left: 130px;
    position: absolute;
    top: 17px;
    color: #c1c1c1;
}

.mobileApp input#username {
    width: 65%;
}

.mobileApp input#password {
    width: 65%;
/*     float: right; */
    margin-right: 4px;
}

.mobileApp label[for='password'] {
	padding-left: 15px!important;
}

.mobileApp .form-group.formGroupCont {
    margin-right: -70px!important;
}

.mobileApp .form-horizontal .form-group {
    margin-right: 18px!important;
}

.mobileApp .textclientLogosCont .content, .LoginPageForm .content {
    background: #fff;
    padding: 10px 0 10px;
}

.mobileApp .checkbox {
    margin-left: 40%;
    margin-top: 5px;
}

.mobileApp .footer .ftl>.content {
    display: none;
}


.mobileApp .simple_banner {
    position: absolute;
    margin-left: -320px;
    margin-top: -20px;
}

.mobileApp .smlTxt {
    margin-top: 10px;
    margin-bottom: 40px;
    padding: 20px;
}

.mobileApp .formContentArea .lftSec .formInputIcon {
    left: 130px;
    position: absolute;
    top: 17px;
    color: #c1c1c1;
}

.registerField {
	color: #000;
	font-size: 16px;
	text-transform: uppercase;
	padding: 15px;
}
#registerForm .registerField {
	text-transform: capitalize;
}

.registerFieldText {
	background: #f4f7fa;
	height: 40px;
	line-height: 20px;
	border: none;
	color: #858585;
}

.registerFieldSelect {
	background: #f4f8fb none repeat scroll 0 0;
	border: medium none;
	border-radius: 5px;
	color: #858587;
	font-size: 16px;
	height: 42px;
	padding: 11px 10px;
	width: 100%;
}

.registerFieldTextArea {
	background: #f4f8fb none repeat scroll 0 0;
	border: medium none;
	border-radius: 5px;
	color: #858587;
	font-size: 16px;
	width: 100%;
}
.registerFieldError {
	border: 1px solid red !important;
	/*color: red !important;*/
}
.errorRegisterField{
	color: #e11111;
	font-size: 16px;
	padding: 15px;
}

.errorRegisterField a.forgot{
	color: -webkit-link;
	text-decoration: underline;
}


table.HealthAttachmentDataTable tr {
    background-color: #f6f6f6;
}

table.HealthAttachmentDataTable tr td a:focus {
    color: #000;
}

table.HealthAttachmentDataTable {
	table-layout: fixed;
}
table.HealthAttachmentDataTable th {
    background-color: #828282;
    color: black;
    text-transform: uppercase;
    padding: 8px;
}

table.HealthAttachmentDataTable td {
    padding: 6px;
    z-index: 2;
}
table.HealthAttachmentDataTable td.borderLeft {
	border-left: 1px solid black;
	background-color: white;
	text-align: center;
}
table.HealthAttachmentDataTable td.borderRight {
	border-right: 1px solid black;
	background-color: white;
}
table.HealthAttachmentDataTable td.borderUp {
	border-top: 1px solid black;
	background-color: white;
}
table.HealthAttachmentDataTable td.borderDown {
	border-bottom: 1px solid black;
	background-color: white;
}

table.HealthAttachmentDataTable td.borderLeft2px {
	border-left: 2px solid black;
	background-color: white;
}
table.HealthAttachmentDataTable td.borderRight2px {
	border-right: 2px solid black;
	background-color: white;
}
table.HealthAttachmentDataTable td.borderUp2px {
	border-top: 2px solid black;
	background-color: white;
}
table.HealthAttachmentDataTable td.borderDown2px {
	border-bottom: 2px solid black;
	background-color: white;	
}

table.HealthAttachmentDataTable th.borderLeft {
	border-left: 1px solid black;
	background-color: white;
}
table.HealthAttachmentDataTable th.borderRight {
	border-right: 1px solid black;
	background-color: white;
}
table.HealthAttachmentDataTable th.borderUp {
	border-top: 1px solid black;
	background-color: white;
}
table.HealthAttachmentDataTable th.borderDown {
	border-bottom: 1px solid black;
	background-color: white;
}

table.HealthAttachmentDataTable th.borderLeft2px {
	border-left: 2px solid black;
	background-color: white;
}
table.HealthAttachmentDataTable th.borderRight2px {
	border-right: 2px solid black;
	background-color: white;
}
table.HealthAttachmentDataTable th.borderUp2px {
	border-top: 2px solid black;
	background-color: white;
}
table.HealthAttachmentDataTable th.borderDown2px {
	border-bottom: 2px solid black;
	background-color: white;	
}

 table.HealthAttachmentDataTable td.healthcheckGroupingData {
	word-wrap: break-word;
}

.unclippedMessage{
    background: rgb(241, 223, 226);
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
    margin-top: 10px;
    color: red;
    display: none;
}

.updateImageStatusMessage{
    background: rgb(241, 223, 226);
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
    margin-top: 10px;
    color: red;
    display: none;
}

.pdpImageTxt{
    margin-top: 10px;
    color: #ffa121;
    border-color: black;
    border-style: solid;
    font-weight: bold;
    font-size: 22px;
}

.register .captcha-main-container {
	padding-left:34%;
}
.verifyCaptchaBtn {
	padding-left:14%;
}

#myProfileContent .AccinfoLeftNew {
	width:45%; float:left;
}
#myProfileContent .AccinfoRightNew {
	width:55%; float:left;
}
#myProfileContent .AccinfoLeftNew { padding-right:120px; text-align: right;}
#myProfileContent .AccinfoRightNew .AccwrapText { float:left;}
#myProfileContent .AccinfoRightNew div#MyProfileUpdate { 
/* 	margin:20px 200px 0px 0px !important;  */
	clear:both; 
	float:right; }
#MyProfile .AccwrapText, #MyProfile .AccwrapText p#editpass { margin-left:0px !important;}
#myProfileContent .AccinfoLeftNew p.acclabel {font-size: 18px;}
a.downloadLink:focus {color: #000 !important;}
.uniqueCloneCode {
	margin : 5px 6px 8px 17px;
}
.cloneTemplate {
	width : 50% !important;
}
.mandatoryAttr {
	color: red;
}
.BMD {
	border: 1px solid #000;
}

.googleImgIcon {
	background: url(../images/btn_google_signin_web.png) no-repeat 36% center;
	padding: 16px 35px 16px 21px;
	width: 180px;
}

.updateProductValidity{
	width:90px;
}
table.inviceDataTable {
	border-collapse: collapse;
}
table.inviceDataTable th {
   border: 1px solid #000;
}
table.inviceDataTable td {
	border: 1px solid #000;
}

.invoice h3 {
    font-size: 18px;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    padding-top: 4px;
    padding-bottom: 5px;
}
    
.etlExportAs .cc-selector input {
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.etlExportAs .priceline {
  background-image: url(https://images.skulibrary.com/media/sys_master/he9/ha5/9618498256926.png?response-content-disposition=inline;filename=priceline-logo-160.png);
}

.etlExportAs .bigw {
  background-image: url(https://images.skulibrary.com/media/sys_master/h5d/hb3/9618498781214.png?response-content-disposition=inline;filename=BIGW-logo-160.png);
}

.etlExportAs .woolworths {
  background-image: url(https://images.skulibrary.com/media/sys_master/hcc/h26/9618498846750.png?response-content-disposition=inline;filename=Woolworths-logo-160.png);
}

.etlExportAs .danmurphys {
  background-image: url(https://images.skulibrary.com/media/sys_master/ha5/h21/9618498650142.png?response-content-disposition=inline;filename=DanM-logo-160.png);
}

.etlExportAs .coles {
  background-image: url(https://images.skulibrary.com/media/sys_master/hc7/h63/9618498453534.png?response-content-disposition=inline;filename=Coles-logo-160.png);
}

.etlExportAs .cc-selector input:active+.drinkcard-cc {
  opacity: .1;
}
.etlExportAs.skucapture .cc-selector {
  margin-top: 50px;
  text-align: center;
}
.etlExportAs.skucapture .count {
 	background: #EB5E12;
   border-radius: 11px;
   padding: 5px;
   font-size: 10px;
   font-family: lato;
   color: white;
   z-index: 1000;
   left: -11px;
   top: -160px;
   box-shadow: 1px 1px 2px 1px rgba(180, 180, 180, 0.5);
   font-weight: 600;
}

.etlExportAs .cc-selector input:checked+.drinkcard-cc {
  -webkit-filter: none;
  -moz-filter: none;
  filter: none;
}

.etlExportAs .drinkcard-cc {
  cursor: pointer;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 160px;
  height: 160px;
  -webkit-transition: all 100ms ease-in;
  -moz-transition: all 100ms ease-in;
  transition: all 100ms ease-in;
  -webkit-filter: brightness(0.9) grayscale(1) opacity(.5);
  -moz-filter: brightness(0.9) grayscale(1) opacity(.5);
  filter: brightness(0.9) grayscale(1) opacity(.5);
}

.etlExportAs .drinkcard-cc:hover {
  -webkit-filter: brightness(1) grayscale(0) opacity(.7);
  -moz-filter: brightness(1) grayscale(0) opacity(.7);
  filter: brightness(1) grayscale(0) opacity(.7);
}

/* Extras */

.etlExportAs a:visited {
  color: #888
}

.etlExportAs a {
  color: #444;
  text-decoration: none;
}

.etlExportAs p {
  margin-bottom: .3em;
}
.width-50Padd-right10 {
	width: 50%;
	padding-right: 10px;
}
.width-25Padd-top10 {
	width: 25%;
	padding-top: 10px;
}

.amazonPush {
	width:90%;
	padding-top: 10%;
	cursor: pointer;
}
.googlePush {
	width: 70%;
	cursor: pointer;
}
.Status.fa {
    display: inline-block;
    font: normal normal normal 15px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.product-header-font {
	font-family: HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;	
}
.product-header-font a{
	color: white;	
}
.star-ratings-css {
  unicode-bidi: bidi-override;
  color: #c5c5c5;
  font-size: 25px;
  height: 25px;
  width: 100px;
  margin: 0 auto;
  position: relative;
  padding: 0;
  text-shadow: 0px 1px 0 #a2a2a2;
  /* font-size: 17px !important; */
}
  
.star-ratings-css-top {
  color: #eb5e12;
  padding: 0;
  position: absolute;
  z-index: 1;
  display: block;
  top: 0;
  left: 0;
  overflow: hidden;
}
.star-ratings-css-bottom {
  padding: 0;
  display: block;
  z-index: 0;
}

.disabledAmazon{
	pointer-events: none; -webkit-filter: brightness(1) grayscale(1) opacity(.3);
    -moz-filter: brightness(1) grayscale(1) opacity(.3);
    filter: brightness(1) grayscale(1) opacity(.3);
    width:90%;
	padding-top: 10%;
	cursor: pointer;
}

.disabledGoogle{
	pointer-events: none; -webkit-filter: brightness(1) grayscale(1) opacity(.3);
    -moz-filter: brightness(1) grayscale(1) opacity(.5);
    filter: brightness(1) grayscale(1) opacity(.5);
    width: 70%;
	cursor: pointer;
}

.amazonMessages .alert,.messages .alert{
	margin-top: 20px;
	margin-bottom: 0px;
	margin-left: 20px;
}
.bulkMessage .alert{
	margin-top: 20px;
	margin-bottom: 0px;
}

.googleMessages .alert{
	margin-top: 20px;
	margin-bottom: 0px;
}

.tooltip_templates { 
	display: none; 
	}
.later{
	display: none;
}
.myBulkAssets .ajax-file-upload{
	visibility: visible!important;
	cursor: pointer!important;
	left: 45%;
    top: 78%;
    width: 120px;
    text-align: center
}

.myBulkAssets .ajax-file-upload form{
	width: 100%;
    top: -26px;
    height: 26px;
    cursor:pointer;
}
.myBulkAssets .ajax-file-upload input{
	width: 120%;
    height: 100%;
    left: -10px;
    cursor: pointer;
}

.rated{
	color:#eb5e12;
}

.stickyHeader {
    position: fixed;
    top: 0;
    z-index: 1010;
}

.lockPDP{
	
	display: none !important;
}

.saveUserDetail>a:focus,.editUserDetail>a:focus{
	color: #48484a;
}

/*****************Amazon Template********************/
#templateUploader {
	border: 2px dashed #ccc;
	background: url('../images/amazonupload.png');
  	margin: 0 auto;
  	width: 90%;
  	height: 10%;
 	margin: 0 auto;
}

#templateUploader .uploadArea .ajax-file-upload {
	visibility: visible!important;
	cursor: pointer!important;
    left: 0%;
    top: 135%;
    width: 120px;
    text-align: center;
    line-height: 20px;
    height: 25px;
}

#templateUploader + .ajax-file-upload-container-pdf {
	width: 85%;
	margin-left: 5%;
	z-index: 1;
}
#templateUploader + .ajax-file-upload-container-pdf .ajax-file-upload-statusbar,#templateUploader + .ajax-file-upload-container-pdf .ajax-file-upload-statusbar .ajax-file-upload-progress-pdf {
	width: 100%;
	height: 10px;
}
#templateUploader + .ajax-file-upload-container-pdf .ajax-file-upload-bar {
	height: 11px;
}

.associate .productCodes{
	width: 70%;
    height: 150px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.associate .clearArea{
	float: right;
    margin-right: 15%;
    line-height: 15px;
    text-decoration: underline;
    cursor: pointer;
}
.associate h4.message{
    margin-left: auto;
    margin-top: 20px;
    margin-bottom: 20px;
}

.associate .assetType{
	background: #f4f8fb none repeat scroll 0 0;
    border: medium none;
    border-radius: 5px;
    color: #858587;
    font-size: 16px;
    height: 42px;
    padding: 11px 10px;
    width: 20%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.associate a{
/* 	float: left; */
    margin-top: 20px;
}
.associate a.cancelAssociate{
    margin-left: 27%;
}
.associate a.processAssociate{
    margin-left: 28%;
}
.swatchImages{
	float: left;
	width: 30px;
	height: 30px;
}
.PDPButtons{
	width: auto !important;
    float: left;
    margin-left: 5px;
}
.PDPButtons.first{
    margin-left: 20px;
}
.PDPButtons .t-tipPDP{
    width: 25% !important;
    top: auto;
}
.facetClass .waiting{
	font-size: 20px;
	height: 160px;
	display: none;
}
.printPDF .uploadBulk{
	display: none !important;
}
.printPDF .bulkButtonsSelection{
	display: none !important;
}
.printPDF .facetSideData{
	display: none !important;
}
.printPDF #gridViewSection{
	width: 1378px;
}
.printPDF .sorting-block{
	width: 1378px;
}
.printPDF .container_12{
	width: 1378px;
	margin-left: 1% !important;
	margin-left: auto;
}
.printPDF .inmplayer-general.inmplayer-position-right.inmplayer-lang-direction-ltr.inmplayer-skin-sidebar{
	display: none;
}
.printPDF #c-button--push-right{
	display: none;
}
.printPDF #lc_chat_layout{
	display: none;
}
.printPDF .footer-top{
	display: none;
}
.printPDF .catalog-grid .item-block.text a.item-title {
    font-size: 13px;
}
.printPDF .catalog-grid.grid-view .item-block.text .item-title {
    height: 55px;
}
.printPDF .grid-view .item-block.add .codes .codes-value span {
    width: 80px;
}
.printPDF .grid-view .catalog-item {
    height: 370px !important;
    page-break-inside: avoid;
}
.printPDF .catalog-sorting-container>.inner {
	padding: 0px 0 2px 0px;
}
.printPDF .grid-view .bottom-icon {
	display: none;
}
.sort-block .ui-button{
	font-size: 13px;
    font-family: 'Lato', sans-serif;
    box-shadow: 0 0;
    margin-right: 5px;
    padding: 0.5em;
    margin-top: 10px;
    margin-bottom: 10px;
}
.lightboxName, .updateExisting{
	display: none;
	margin-left: 37%;
    margin-top: 30px;
    float: none;
    height: 100px;
}

.updateExisting .update{
	width: 280px;
	float: none!important;
}
.updateExisting .update button{
	font-family: 'Lato', sans-serif !important;
}

.lightboxName .pull-left.name{
	width: 280px;
	float: none!important;
}
.lightboxName .save{
	width: 200px;
	margin-top: 20px;
	margin-left: 40px;
}
.lightboxName .save .savelbname,.confirmAssets,.linkProductToAsset,.allDone,.shareThisCart,.selectAllAssets,.unSelectAllAssets,.selectAllProducts,.unSelectAllProducts{
	font-family: 'Lato', sans-serif !important;
}

.associate .ui-button,.linkToOptions .ui-button,.finalLinking .ui-button{
	background-color: white;
    border: solid 2px #848484;
    color: #848484;
    border-radius: 4px;
}

.associate .ui-button.clicked,.linkToOptions .ui-button.clicked,.finalLinking .ui-button.clicked{
	background-color: #EB5E12;
    border: solid 2px #EB5E12;
    color: #FFFFFF;
}

.associate .ui-button:hover,.linkToOptions .ui-button:hover,.finalLinking .ui-button:hover{
	background-color: #EB5E12;
    border: solid 2px #EB5E12;
    color: #FFFFFF;
}

.shareThisCart{
	left: 45%;	
	margin-top: 10px;
}

.lightboxName .pull-left.name label{
	font-size: 20px;
    color: #848484;
    text-transform: uppercase;
}
.existingLightBoxes, .oldLightBoxes{
	width: 300px !important;
	position: absolute;
}
.fontIcon,.fontIconEmail{
    color: #b4b4b4;
    font-size: 15px !important;
    top: 1px;
    cursor: pointer;
}
.existingLb li.active-result{
	text-align: left;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 1px;
    color: #848484;
}
.existingLb .chosen-single span{
	text-align: left;
}
.span-4.side-content-slot.advert{
	z-index: -1;
}
.prev-searches .results li{
	background: none;
	padding: 0px;
	margin-top: 10px;
}
.linkToOptions .download-img{
	margin-top: 20px;
	overflow: auto;
	max-height: 540px;
	padding-left: 30px;
	background: #f4f4f4;
}
.prev-searches li.results{
	background: none;
	padding: 0px;
}

.bannerpdp {
	padding: 0px 25px;
	clear: both;
	margin-bottom: 25px;
}

.bannerpdp .banner-img {
	min-height: 60px;
	background: rgba(255, 255, 255, 0.15);
	display: block;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding-left: 15%;
}

@media (min-width: 768px) {
     .col-sm-offset-3 {
         margin-left: 23%;
     }
}

.shareLightboxUsers .CreateUserTable{
	width: auto;
	margin-left: 0px;
}

.MagicZoomPlus{
	width: 390px !important;
}

.MagicZoomPlus>img{
	max-width: 390px;
	margin: auto;
	display: block;
}

.catalog-grid .item-block.img span img {
	margin-bottom: 5px;
	margin-left: auto;
	margin-right: auto;
	display: inline;
}

.unlinkAssets.ui-button{
	margin-top: -5px;
    margin-left: auto;
    font-size: 14px;
    margin-right: auto;
    font-family:'Lato', sans-serif;
    padding: 7px 7px;
    display: block;
}
.optionsForLinking>a{
	color: blue;
	text-decoration: underline;
}
.syndicate .syndicateProduct{
	background: transparent;
    border: transparent;
    font-family: HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
    color: white;
    background-color: #8dc63f !important;
}

.syndicate .ignoreSyndicate{
	background: transparent;
    border: transparent;
    font-family: HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
    color: white;
    background-color: #828282 !important;
}

.syndicate .viewSyndicateProductDetails{
	background: transparent;
    border: transparent;
    font-family: HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
    color: white;
    background-color: #8dc63f !important;
}

.relatedColesProducts{
	width: 100%;
	float: left;
}
.abc .customText{
    margin-top: -3px;
    width: 90%;
    margin-bottom: 8px;
    padding: 7px 5px 7px 5px;
}
.highlight {
	background-color: yellow 
}

.mufrLogos .multigroups-wrapper {
	border-bottom: 1px solid #DDDDDD;
}

.mufrLogos .logos-wrapper {
	overflow: hidden;
	transition: height 200ms;
}

.mufrLogos .logos .accountLogo.active {
   width: 80px;
   padding: 0px;
   filter: grayscale(0);
   border: 3px;
   box-shadow: 1px 1px 10px 2px rgba(180, 180, 180, 0.5);
   border-radius: 5px;
   cursor: default;
   border-color: #EF7330;
   border-style: solid;
}
.mufrLogos .logos {
	display: flex;
	justify-content: center;
	width:100%;
	flex-flow:wrap;
}

.mufrLogos .logos .logoBlock {
	flex-basis: auto;
	align-items:center;
}

.mufrLogos .logos-collapse {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}

.mufrLogos .logos-collapse svg {
	width: 32px;
	height: 24px;
	padding: 0 4px;
	position: absolute;
	top: -12px;
	z-index: 2;
	cursor: pointer;
	color: #EB5E12;
	overflow: visible;
	border-radius: 100%;
	transition: color 200ms, transform 200ms;
}

.mufrLogos .logos-collapse svg:hover {
	color: #F26A2A;
}

.mufrLogos .logos-collapse::after {
	content: "";
	width: 32px;
	height: 16px;
	position: absolute;
	top: 0;
	background-color: #F4F4F4;
	border-bottom-left-radius: 32px;
    border-bottom-right-radius: 32px;
    border: 1px solid #DDD;
    border-top: 0;
}

.mufrLogos .logos-collapse hr {
	border-top: 1px solid #DDD;
	width: 100%;
	position: absolute;
}

.mufrLogos .multiHeaderMessage {
	display: flex;
	justify-content: center;
    font-size: 18px;
	text-transform: uppercase;
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: bold;
    line-height: 1.4;
}
.mufrLogos .multiHeaderMessage .multiHeaderMessageMessage {
	width:960px;
}

.multiHeaderMessageMessageNewStyle {
	text-align: center;
	font-size: 15px;
}

.mufrLogos .multiHeaderMessage a {
	cursor: pointer;
	text-decoration: underline;
	color: #EB5E12;
}
.mufrLogos .row-content{
	display: table;
}
.row.row-header.mufrMessage {
   background: #f4f4f4;
   text-align:center;
   font-size: 16px;
   padding-bottom: 10px;
   padding-top: 10px;
}
.row.row-header.mufrLogos {
   background: #f4f4f4;
}
.logos .accountLogo {
   width: 80px;
   padding: 0px;
   filter: grayscale(1);
   border: 0px;
   border-radius: 5px;
   cursor: pointer;
   vertical-align: middle;
   margin: 7px 10px;
}
.logos .count {
   background: #EB5E12;
   border-radius: 11px;
   padding: 3px 5px;
   font-size: 10px;
   font-family: lato;
   color: white;
   z-index: 1000;
   right: 0;
   top: -2px;
   box-shadow: 1px 1px 2px 1px rgba(180, 180, 180, 0.5);
   font-weight: 600;
   position: absolute;
}
.logos .accountLogo:HOVER {
   filter: grayscale(0);
}
#colesRegisterform .agreement a{
	text-decoration: underline;
}
.manageAllUsers .userUid{
	padding: 5px;
    width: 300px;
    height: 40px;
}
.manageAllUsers .seeAllUsers{
	margin-left: 330px;
	height: 200px;
}
.manageAllUsers .allUsers{
	margin-top: -100px;
	left: -15px;
}
.manageAllUsers .CreateUserTable{
	width: 980px;
}
.manageAllUsers .newUser{
	width: 995px;
	margin-bottom: 20px;
}
.manageAllUsers .noUser{
	margin-bottom: 20px;
    text-align: center;
    font-size: 15px;
    color: red;
}
.manageAllUsers input.theButton2 {
	top: -39px;	
}
.errorBackColr {
	background-color: #f76969;
}
.full-width .fusion-content{
	background-color: #f5f4f4;
    top: 110px;
}
.full-width .fusion-para{
    top: 110px;
}
.full-width .fusion-para p{
    font-size: 16px;
    font-family: 'Lato', Arial, Helvetica, sans-serif;
    font-weight: 350;
    line-height: 24px;
    color: #362f2d;
}
.full-width .fusion-para p>a{
	color: #fa6e0c;
}
.full-width .fusion-row{
	max-width: 1170px;
	margin: 0 auto;
}
.full-width .fusion-row .fusion-imageframe{
	display: inline-block;
    z-index: 1;
    position: relative;
    max-width: 100%;
    top: -65px;
}
.full-width .fusion-row .fusion-imageframe>img{
	border-style: none;
    vertical-align: top;
    max-width: 100%;
    height: auto;
}
.full-width .fusion-row h1{
	text-align: center;
    font-size: 55px;
    line-height: 66px;
    color: #362f2d;
    font-family: Lato, arial, helvetica, sans-serif;
    margin-top: -55px;
    margin-bottom: 0em;
    font-weight: 100;
}
.full-width .fusion-row h2{
	text-align: center;
    line-height: 36px;
    font-size: 30px;
    font-family: Lato, arial, helvetica, sans-serif;
    font-weight: 100;
}
.full-width .fusion-row .fusion-sep-clear{
	clear: both;
    display: block;
    min-height: 20px;
}
.syndicateDesign{
    margin-top: 5px;
}
.syndicateDesign .catalog-item .outerDiv{
	background: #f5f6f5;
    width: 540px;
    height: 180px !important;
    padding-top: 4px;
    margin-bottom: 15px;
}
.syndicateDesign .catalog-item .outerDiv .img.item-block{
    width: 120px;
    float: left;
}
.syndicateDesign .catalog-item .outerDiv .img.item-block a{
    width: 110px;
    padding-left: 4px;
    margin-top: -11px;
}
.syndicateDesign .catalog-item .text.item-block{
    width: 410px;
    float: left;
}
.syndicateDesign .catalog-item .text.item-block .item-title{
    color: #555555;
    width: 400px;
    font-size: 16px !important;
    float: left;
    margin-left: 14px;
    text-align: left;
    white-space: nowrap;
  	overflow: hidden;
  	text-overflow: ellipsis;
}
.syndicateDesign .catalog-item .text.item-block .supp-icon{
    width: 170px;
    float: right;
    position: relative;
    top: 28px;
    right: 5px;
}
.syndicateDesign .catalog-item .text.item-block .supp-icon a{
    text-align: right;
    width: 31px!important;
    height: 32px;
    display: inline-block;
    opacity:0.2; 
}
.syndicateDesign .catalog-item .text.item-block .supp-icon i{
    font-size: 25px;
    font-weight: 900;
    color: #48484a;
    position: relative;
}
.syndicateDesign .catalog-item .text.item-block .add{
    width: auto;
    float: left;
    text-align: left;
    margin-left: 15px;
    margin-top: 0px;
}
.syndicateDesign .catalog-item .right-icon{
    min-height: 36px;
    width: 150px;
}
.syndicateDesign .catalog-item .product-thumb img{
    width: auto!important;
	margin-bottom: 5px; 231501075154
}
.syndicateDesign .catalog-item .product-thumb{
    width: auto!important;
    margin: 0px;
    padding-top: 0px;
    margin-top: 6px;
}
.waitingDiv {
	text-align: center;
}
#RecentBoxdownload .prod_refine {
	display: inline-block;
}
.pdpSaveMessages {
	padding-left: 20px;
}
.chat-container .joe-back-arrow,.chat-container .joe-open-tab{
	z-index: 100;
}
.loginMessage .redirectLink{
	cursor: pointer;
    font-weight: bold;
    color: #3a87ad;
    text-decoration: underline;
}

.notifyMeDownload {
    width: 95px;
    margin-right: 2px;
    padding: 5px;
}
.cancelDownload {
    width: 80px;
    margin-left: 2px;
    padding: 5px;
}

.header-form .form-input a.ui-button {
	font-size: 14px;
	/*font-family: 'Helvetica Neue';*/
}
#product-detail .syndicate{
	margin-top: 20px;
}
.image_enlarger img {
    max-width: 491px !important;
}

.footer-box.last a {
	color:white;
}
.footer-box.last a {
	color:white;
}

#CWHTMLPreviewDiv{
	background-color: white;
	position: relative;
}

#delete-cwhtml{
	padding: 2px 4px;
	position: absolute;
	top: -8px;
    right: -8px;
	border-radius: 50%;
	border: none;
	background-color: #F44336;
	transition: background-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}

#delete-cwhtml:hover {
	background-color: #E53935
}

#delete-cwhtml svg{
	width: 20px;
	height: 20px;
}

#GenericPreviewDiv{
	background-color: white;
}

.bulkUploadList {
    top: 34px;
}
.uploadBulkStep2 .sel {
	background-color: #ff5900;
}

.dashboardPageCSS .boxes {
	border-top: none;
}

.dashboardPageCSS .custom-row {
	border-top: none;
	font-family:'lato';
	box-shadow: 0 3px 6px 0 rgba(0,0,0,0.2);
	border-radius: 8px;
	margin:30px 0;
}

.dashboardPageCSS .custom-row:hover {
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

.dashboardPageCSS .custom-row .primary-heading {
	margin:-25px -25px 25px -25px;
	padding:20px 20px 15px 20px;
	border-bottom: 1px solid #f6f6f6;
	position:relative;
}

.dashboardPageCSS .custom-row .primary-heading #custDivOperation {
	position:absolute;
	top:15px;
	right:15px;
	width:24px;
	height:24px;
	color:black;
	background:none;
}

.dashboardPageCSS .border-arround {
	 border:none;
}


.dashboardPageCSS .custom-row .primary-heading #custDivOperation.openSection .openedCustomTile {
	display:block;
}

.dashboardPageCSS .custom-row .primary-heading #custDivOperation.openSection .closedCustomTile {
	display:none;
}

.dashboardPageCSS .custom-row .primary-heading #custDivOperation.closeSection .closedCustomTile {
	display:block;
}

.dashboardPageCSS .custom-row .primary-heading #custDivOperation.closeSection .openedCustomTile {
	display:none;
}

.dashboardPageCSS .quick-summary ul li {
	border-radius: 10px;
	background-image: none;
}

.dashboardPageCSS .quick-summary ul li span, .dashboardPageCSS .quick-summary ul li strong {
	color: #5e5858;
}


.dashboardPageCSS .quick-summary ul li .customeTimeClose {
	top:-36px;
	left:83px;
}

.dashboardPageCSS .quick-summary ul li .customeTimeClose:hover {
	cursor:pointer;
}

.dashboardPageCSS .search-button-section button {
	position:relative;
	padding:5px 10px !important;
}

.dashboardPageCSS .search-button-section button:hover {
	color:white;
}

.dashboardPageCSS .search-button-section button svg {
	fill:white;
	position:relative;
	top:5px;
}

.dashboardPageCSS .search-button-section button span {
	position: relative;
	top:-1px;
}

.dashboardPageCSS .save-file {
	position:relative;
}

.dashboardPageCSS .save-file button {
	background-color:#8dc63f;
	color:white;
	position:relative;
	top:-8px;
	height:43px;
}

.dashboardPageCSS .save-file button:hover {
	background-color: #71ca31;
}

.dashboardPageCSS .save-file button span {
	font-size:19px;
	font-weight:700;
	padding:0 10px;
}

.dashboardPageCSS .save-file button img {
	top:-3px;
	right:2px;
}

.dashboardPageCSS .search-field-row .current-search p {
	visibility: hidden;
}

.dashboardPageCSS .search-field-row {
	margin-top:5px;
}

.dashboardPageCSS #searchForm input {
	border-radius: 6px;
}

.dashboardPageCSS .prev-searches li {
	margin-bottom:10px;
}

.dashboardPageCSS #flexiselDemo3 a:hover {
	color:#428bca;
}

.dashboardPageCSS .available-product {
	padding:8px 14px;
}

.dashboardPageCSS .prev-searches {
	position:relative;
}

.dashboardPageCSS .prev-searches li > a, .dashboardPageCSS .prev-searches li > strong {
	position:relative;
	top:5px;
	padding-top:0;
}

.dashboardPageCSS .custom-row .delete {
	background-image:none;
}

.dashboardPageCSS .custom-row .delete svg {
	fill: #6a6a6a;
}

.dashboardPageCSS .defaultSearches li > a, .dashboardPageCSS .defaultSearches li > span, .dashboardPageCSS .defaultSearches li > strong {
	top:0;
}

.header-form .form-input a.headerDownload:hover {
	background-color:#ff6f22;
}

.dashboardPageCSS .custom-row .allMyProducts:hover {
	color:white;
}

.dashboardPageCSS .search-options .clearfix {
	margin-bottom:30px;
}

.dashboardPageCSS .custom-row .allProducts:hover {
	color:white;
	background-color: #989898;
}

#forgottenPwdForm button {
	font-family:'Lato';
}

.dashboardPageCSS .quick-summary ul li strong img {
	margin-right:5px;
}


.page-categories .grid-view .catalog-item {
	height:510px !important;
}

.page-categories .star-ratings-css {
	text-shadow: none;
	width:125px;
}

.page-categories #listViewSection .star-ratings-css {
	margin:0;
}

.page-categories #listViewSection .star-ratings-css .star-ratings-css-top {
	left:68px;
}

.page-categories #listViewSection .star-ratings-css .star-ratings-css-bottom {
	position:relative;
	left:68px;
	width:104px;
}

.page-categories #gridViewSection .inner > .item-block.img {
	min-height:220px;
}

.page-categories #gridViewSection .item-block.img a img {
	height:100%;
	max-width:160px;
	max-height:162px;
}

.page-categories #gridViewSection .item-block.text .inner > a {
	height:75px;
	overflow:hidden;
	padding-bottom:10px;
}
.filter-col .inner > ul > li {
	border-top:none;
}

.facetClass > #collapser > li {
	border-top:none;
}

.facetClass > #collapser > ul > li.last {
	border-bottom:none;
}

.filter-col .inner>ul h6.facet-header {
	border-radius:4px;
}

.filter-col .inner>ul h6.facet-header.close i {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z'/%3E%3C/svg%3E");
}

.filter-col .inner>ul h6.facet-header i {
	width:24px;
	height:24px;
	margin-top:1px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M19 13H5v-2h14v2z'/%3E%3C/svg%3E");
}

.filter-col .inner>ul h6.facet-header > span {
	padding-top:3px;
}

.page-categories .grid-view .catalog-item {
	border-radius:4px;
}

.page-categories .sorting-block {
	border-radius:4px;
	border:none;
}

#listViewSection .catalog-item {
	border:none;
	overflow:visible;
}

#listViewSection .catalog-item > .inner {
	border-radius:4px;
	background-color:#ffffff;
	box-shadow: 3px 7px 17px -15px rgb(219 219 219 / 60%);
	overflow:hidden;
}

.grid-view .catalog-grid-container {
	margin-left:0;
}

.filter-col .inner>ul>li.last {
	border-bottom:none;
}

.catalog-grid .item-block.add {
	width:315px;
}

.item-block.add .codes .codes-value.truncate {
	width:310px;
}

.page-categories #colorbox {
	width: 100%;
	height: 100%;
	position:fixed;
}

/*.page-categories #colorbox > div:first-child {
	display: flex;
}*/

#colorbox {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
}

#cboxWrapper {
	position:static;
	display: flex;
	align-items: center;
	justify-content: center;
	width:100%;
	height:100%;
}

.page-categories #cboxWrapper > .firstWrap {
	min-width:600px;
	min-height:250px;
}

.page-categories #cboxWrapper #cboxLoadedContent {
	overflow:visible;
}

.page-categories #cboxWrapper #cboxLoadedContent .downloadProducstPopup {
}

.page-categories #cboxWrapper #cboxClose {
	background-image:none;
	text-indent:0;
	top:-18px;
	right:-43px;
}

.page-categories #cboxWrapper #cboxClose svg {
	fill:white;
	width:30px;
	height:30px;
}

.page-categories #cboxWrapper .cancelButton {
	background-color: #868686;
}


.page-categories #cboxWrapper .saveButton {
	float:right;
}

.triggers input[type=text] {
	border:1px solid #868686;
	border-radius: 3px;
}

.triggers .trigger .emailName {
	border-top:none;
	border-radius: 4px 4px 0 0;
}

.triggers .trigger .emailButtons {
	border-bottom:none;
	border-top:1px solid #e5e4e4;
	border-radius: 0 0 4px 4px;
}

.emailTrigger .emailOptions, .emailTrigger .emailData {
	border-top:1px solid #e5e4e4;
}

.emailTrigger .status1-inner:before {
	background-color:#5eba4d;
}

.emailTrigger .getUsers {
	margin:10px 0;
	width:100%;
}


.emailData .download-form {
	margin-bottom:10px;
}

.emailData .download-form #nlrun {
	margin:5px 0;
	float:none;
	width:100%;
	margin:0 auto;
	text-align:center;
}

.emailData .download-form .getUsers input {
	font-family: 'Lato';
	background-color:#EB5E12;
	color:white;
	font-weight:700;
	font-size:14px;
	float:none;
	margin:10px auto 0 auto;
}

.emailTrigger input {
	border:1px solid transparent;
}

.emailTrigger input.sendTo {
	margin: 0px 15px 0px 3px;
	border: 1px solid transparent;
	height: 20px;
	width: 20px;
	bottom: 3px;
}

.emailData .download-form .getUsers input:hover {
	border:1px solid white;
}

.trigger .emailButtons .editButton, .trigger .emailButtons .editButton:hover {
	background-color:#00a0af;
	color:white;
	font-weight:700;
	font-size:14px;
}

.trigger .emailButtons .saveButton, .trigger .emailButtons .saveButton:hover {
	background-color:#8dc63f;
	color:white;
	font-weight:700;
	font-size:14px;
}

.trigger .emailButtons .deleteButton, .trigger .emailButtons .deleteButton:hover {
	background-color: #d72626;
	color:white;
	font-weight:700;
	font-size:14px;
}

.trigger .emailButtons .sendNowButton, .trigger .emailButtons .sendNowButton:hover {
	background-color:#EB5E12;
	color:white;
	font-weight:700;
	font-size:14px;
}

.trigger .emailButtons .previewButton, .trigger .emailButtons .previewButton:hover {
	background-color:#00a0af;
	color:white;
	font-weight:700;
	font-size:14px;
}

.uploadContentPage .downloadDetails {
	text-transform: uppercase;
	font-family: 'Lato';
}

.breadcrumb {
	margin-top: 5px;
    padding-top: 1px;
}

#wrapper #product-detail .star-ratings-css-top {
	overflow:visible;
	height:24px;
}

#wrapper #product-detail .star-ratings-css {
	text-shadow: none;
}

#wrapper #product-detail .product-status #wfQAStatus {
	height: 30px !important;
	border-radius: 4px !important;
}

#wrapper #product-detail .spacer.border-top-only {
	border-top:1px solid #e7e7e7;
}

#wrapper #product-detail .spacer.border-top {
	border-top:1px solid #e7e7e7;
	border-bottom:1px solid #e7e7e7;
}

#wrapper #product-detail .headerStl {
	border-radius:4px;
	border:1px solid #e7e7e7;
}

#wrapper #product-detail .headerStl:hover {
	transition: border-color 0.3s linear;
	border:1px solid #2040cb;
}

#wrapper .easyzoom, #wrapper .product-zoom .thumbnails li {
	border: 1px solid #e7e7e7;
	border-radius:3px;
}

#wrapper #product-detail .product-status #productStaus, #wrapper #product-detail .product-status .status {
	margin-right:0;
}

#product-detail #content-progress-rating-panel #sku2Iframe {
	height: 0px;
	min-height: initial;
	border: none;
}

.product-zoom .thumbnails .image svg {
	width:24px;
	height:24px;
	fill:white;
	margin-top:3px;
}

#wrapper .product-zoom .icon, #wrapper .product-zoom .icon2 {
	border-radius: 3px;
	background-color:#00a0af;
}

#wrapper .product-zoom .icon.addBorder {
	background-color:#EB5E12;
}

.product-zoom .icon2 input {
	margin-top:9px;
}

#wrapper .product-zoom .image-desc {
	border-bottom: none;
	border-left: none;
	border-right: none;
	border-top: 1px solid #e7e7e7;
	border-radius:0 0 3px 3px;
	padding:6px;
}

#wrapper .product-zoom .image-desc p {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	text-align: center;
}

.uploader .imageUploadButtons {
	/*padding:10px 0;*/
}

.uploader .t-tip {
	z-index: 1200;
}


.edit-form-wrapper .tabbed-content ul.tabs li a.active {
	background-color:#00a0af;
	font-weight:500;
	color:white !important; /* WHO IS DOING THIS TO ME?! */
}

.edit-form-wrapper .tabbed-content .tabs a {
	border-right:1px solid #e7e7e7;
	border-top:1px solid #e7e7e7;
	border-left:1px solid #e7e7e7;
	border-bottom: none;
	box-shadow:0px -1px 7px rgb(239 239 239 / 80%), 0px 0px 0px rgb(243 243 243 / 80%);
}

.edit-form-wrapper .tabs a {
	color:#373737;
	font-weight:500;
	border-radius: 6px 6px 0 0;
	padding: 10px 0px 0 35px !important;
}

.photoUploadPdpButton > div.ajax-file-upload {
	background-color:#00a0af;
}

#flipAll {
	color:#00a0af;
}

.edit-form-wrapper .tabs a .infotab {
	background-image: none;
}
.edit-form-wrapper .tabs a .infotab:after {
	content: ' ';
	opacity:0.4;
	width:24px;
	height:24px;
	position:absolute;
	top:7px;
	left:6px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 15c-.55 0-1-.45-1-1v-4c0-.55.45-1 1-1s1 .45 1 1v4c0 .55-.45 1-1 1zm1-8h-2V7h2v2z' /%3E%3C/svg%3E");
}
.edit-form-wrapper .tabs a.active .infotab:after {
	opacity:1;
	filter: invert(100%);
}


.edit-form-wrapper .tabs a .copytab {
	background-image:none;
}
.edit-form-wrapper .tabs a .copytab:after {
	content: ' ';
	opacity:0.4;
	width:24px;
	height:24px;
	position:absolute;
	top:7px;
	left:6px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M13 17H5c-.55 0-1 .45-1 1s.45 1 1 1h8c.55 0 1-.45 1-1s-.45-1-1-1zm6-8H5c-.55 0-1 .45-1 1s.45 1 1 1h14c.55 0 1-.45 1-1s-.45-1-1-1zM5 15h14c.55 0 1-.45 1-1s-.45-1-1-1H5c-.55 0-1 .45-1 1s.45 1 1 1zM4 6c0 .55.45 1 1 1h14c.55 0 1-.45 1-1s-.45-1-1-1H5c-.55 0-1 .45-1 1z' /%3E%3C/svg%3E");
}
.edit-form-wrapper .tabs a.active .copytab:after {
	opacity:1;
	filter: invert(100%);
}


.edit-form-wrapper .tabs a .feturestab {
	background-image: none;
}
.edit-form-wrapper .tabs a .feturestab:after {
	content: ' ';
	opacity:0.4;
	width:24px;
	height:24px;
	position:absolute;
	top:7px;
	transform: rotateY(180deg);
	left:6px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M4 9h12c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1zm0 4h12c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1zm0 4h12c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1zm15 0h2v-2h-2v2zm0-10v2h2V7h-2zm0 6h2v-2h-2v2z' /%3E%3C/svg%3E");
}
.edit-form-wrapper .tabs a.active .feturestab:after {
	opacity:1;
	filter: invert(100%);
}


.edit-form-wrapper .tabs a .mediatab {
	background-image: none;
}
.edit-form-wrapper .tabs a .mediatab:after {
	content: ' ';
	opacity:0.4;
	width:24px;
	height:24px;
	position:absolute;
	top:7px;
	left:6px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M10 16.5l6-4.5-6-4.5v9zM12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z' /%3E%3C/svg%3E");
}
.edit-form-wrapper .tabs a.active .mediatab:after {
	opacity:1;
	filter: invert(100%);
}

.edit-form-wrapper .tab-info {
	border:1px solid #e7e7e7;
	border-top:1px solid #f7f7f7;
	border-radius: 0 0 4px 4px;
}

.edit-form-wrapper .tabs li.last > a {
	margin-right:0;
}

.edit-form-wrapper .tabbed-content .panel > div > a {
	border-radius: 4px 4px 0 0;
}

.edit-form-wrapper .tabbed-content .panel .acc-heading a {
	background-image:none;
}

.edit-form-wrapper .tabbed-content .panel .acc-heading a:before {
	display: inline-block;
	content: ' ';
	border-radius: 4px;
	height: 28px;
	width: 28px;
	position:absolute;
	right:18px;
	background-color:white;
}

.edit-form-wrapper .tabbed-content .panel  .acc-heading a:after {
	display: inline-block;
	content: ' ';
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' aria-hidden='true'%3E%3Cpath d='M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z'%3E%3C/path%3E%3C/svg%3E");
	background-size: 28px 28px;
	height: 28px;
	width: 28px;
	position:absolute;
	right:18px;
	opacity:0.5;
}

.edit-form-wrapper .tabbed-content .panel .acc-heading a.collapsed:after {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' aria-hidden='true'%3E%3Cpath d='M7.41 7.84L12 12.42l4.59-4.58L18 9.25l-6 6-6-6z'%3E%3C/path%3E%3C/svg%3E");
}

.edit-form-wrapper .tabbed-content .panel .acc-heading a.collapsed {
	border-radius: 4px;
}

.edit-form-wrapper .tabbed-content .panel {
	box-shadow: 3px 7px 7px -8px rgb(184 184 184 / 72%);
	margin-bottom:20px;
}

.edit-form-wrapper .tabbed-content .panel:nth-child(1) {
	border-radius:0 0 4px 4px;
}

.edit-form-wrapper .tabbed-content .panel-body {
	border-radius: 0 0 4px 4px;
	border-left:1px solid #edededcf;
	border-right:1px solid #edededcf;
}

.thumbnails .flipDiv .back {
	padding:2px;
	text-align: center;
}

.thumbnails .flipDiv .back > div {
	padding-bottom:3px;
}

.pdpSaveMessages {
	padding-top:20px;
}

table.productHistoryTable {
	width:100%;
}

table.productHistoryTable th {
	background-color: #e1e1e1;
	color: #000;
	font-size: 14px;
	text-transform: uppercase;
	padding: 5px;
	width: 5%!important;
}

table.productHistoryTable th {
	background-color: #e1e1e1;
	color: #000;
	text-transform: uppercase;
}

tr.HistoryTableHead {
	font-size: 16px;
}

table.productHistoryTable tr {
	max-width:100%;
}

table.productHistoryTable tr td:nth-child(3) {
	max-width:70px;
	word-wrap:break-word !important;
}

table.productHistoryTable tr td:nth-child(4) {
	max-width:70px;
	word-wrap:break-word !important;
}

table.productHistoryTable th:nth-child(5) {
	padding:0 10px 0 0;
}

table.productHistoryTable td:nth-child(5) {
	padding:0 10px 0 0;
}

table.CreateUserTable tr:nth-child(even) {
	background-color: #f4f7fa;
}

table.productHistoryTable tr:nth-child(even) {
	background-color: #f4f7fa;
}

table.productHistoryTable td {
	padding: 4px;
}

button.downloadProductHistory {
	background-color:#EB5E12;
}

button.downloadProductHistory:hover {
	background-color: #ff6f25;
	color:white;
}

.addStuffToCartFirst {
	text-align:center;
	margin:200px auto 200px auto;
	font-weight: 700;
	font-size:22px;
	text-transform: uppercase;
}

.searchMessage {
	padding-top:40px;
}

.savedAdvancedSearchPopupWrapper {

}

.savedAdvancedSearchPopupInner {

}

.validationHead {
	margin-top:10px;
	margin-left:22px;
	padding:15px;
	border-radius: 4px;
	border:1px solid;
	margin-bottom:10px;
	box-shadow: 0 3px 6px 0 rgba(0,0,0,0.2);
}

.validationBubbleHead {
	text-align: center;
	font-weight: 600;
	font-size:15px;
	position:relative;
}

.validationPanelExpand {
	transform: rotate(0deg);
	transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}

.validationPanelExpand.expanded {
	transform: rotate(180deg);
}

/*.validationHead .attributeValidationRow {
	text-align: center;
	padding:5px;
	border-radius: 4px;
	border:1px solid;
	margin-bottom:10px;
	box-shadow: 0 3px 6px 0 rgba(0,0,0,0.2);
}*/

.validationHead ul {
	margin:2px 0;
}

.validationHead ul li {
	margin:2px 0;
	padding-left:15px;
}

.validationHead ul li::before {
	content: "•";
	padding-right:5px;
}

.validationHead ul li span:hover {
	cursor: pointer;
	text-shadow:0 1px rgba(0, 0, 0, 0.1);
}
.validationPanelExpand.expanded {
	transform: rotate(180deg);
}

.validationPanelExpand svg {
	width:24px;
	height:24px;
}

.validationPanelExpand {
	width:24px;
	height:24px;
	position:absolute;
	top:-1px;
	right:5px;
	fill: #3e3e3e;
	cursor: pointer;
}



.skutwo-product-detail-images {
	position:relative;
	top:0;
	left:0;
	width:400px;
	float:left;
	min-height:1px;
}

.skutwo-product-detail-images iframe {
	position:relative;
	width:600px;
	left:-200px;
	top:43px;
	border:0;
	transition: top 0.1s ease 0.1s;
}

.page-editproduct > .container_12 {
	max-width:1024px;
}

.page-editproduct > .container_12 .edit-form-wrapper {
	width:620px;
}

.ellipsisParagraph {
	max-height: 120px;
	float: unset !important;
}

.ellipsisParagraph .wrapText {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
}
.ellipsisParagraph .wrapText:hover {
	overflow: visible;
	-webkit-line-clamp: unset;
}

#product-history-pop > div {
	width: 1000px;
}

#product-history-pop .prod_refine {
	width: 100%;
    display: flex;
}

#product-history-pop .productHistoryDiv {
	overflow-x: auto;
}

#product-history-pop .productHistoryDiv .pager {
	margin: 16px auto;
}

/* TD-1149 Redesign */
#product-details-v2 {
	display: flex;
	flex-direction: column;
	margin-left: 20px;
	width: 100%;
	color: #555;
	font-family: "Roboto", "Helvetica", "Arial", sans-serif !important;
}

#product-details-v2 .success {
	--md-filled-button-container-color: var(--theme-success);
	--md-filled-icon-button-container-color: var(--theme-success);
}

#product-details-v2 .info {
	--md-filled-button-container-color: var(--theme-info);
	--md-filled-icon-button-container-color: var(--theme-info);
}

#product-details-v2 .danger {
	--md-filled-button-container-color: var(--theme-danger);
	--md-filled-icon-button-container-color: var(--theme--danger);
}

#product-details-v2 .from-area-basic {
	display: flex;
	flex-direction: column;
}

#product-details-v2 .from-area-basic .product-status {
	display: flex;
	justify-content: flex-start;
    align-items: center;
}

#product-details-v2 .divider {
	width: 100%;
	margin-bottom: 12px;
	border-bottom: 1px solid var(--border-color);
}

#product-details-v2 .product-status .status {
	margin-right: auto;
}

#product-details-v2 .product-status md-filled-icon-button.information {
	--md-filled-icon-button-container-width: 16px;
	--md-filled-icon-button-container-height: 16px;
	--md-filled-icon-button-container-shape: 100%;
	--md-filled-icon-button-icon-size: 13px;
}

#product-details-v2 .product-status #productStaus {
	font-weight: 600;
}

#product-details-v2 .product-status,
#product-details-v2 .product-information {
	margin-bottom: 16px;
	padding: 16px;
	box-shadow: rgba(27, 31, 35, 0.04) 0px 1px 0px, rgba(255, 255, 255, 0.25) 0px 1px 0px inset;
    border: 1px solid var(--border-color);
    border-radius: 8px;
}

#product-details-v2 .product-information {
	display: flex;
	flex-direction: column;
}

#product-details-v2 h2 {
	margin: 0;
	margin-bottom: 12px;
}

#product-details-v2 .status-container {
	background-color: var(--theme-light);
	margin-bottom: 12px;
}

#product-details-v2 .product-actions {
	width: 100%;
	display: flex;
	justify-content: flex-end;
}

#product-details-v2 .product-actions > *:not(span) {
	margin-right: 8px;
}

#product-details-v2 .wfRejectedReason {
	margin: 0;
}

#product-details-v2 .product-codes {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

#product-details-v2 .product-codes > div:nth-of-type(3n + 2) {
	padding-left: 8px;
	padding-right: 8px;
}

#product-details-v2 .product-codes > div {
	width: 100%;
	max-width: calc(100% / 3);
}

#product-details-v2 .product-codes > div .wrapText {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#product-details-v2 .product-codes > div > div.form-group,
#product-details-v2 .product-codes > div > div.form-group > div input {
	margin: 0;
}

#product-details-v2 .rejection-panel {
	margin-bottom: 12px;
	display: flex;
	border: 1px solid var(--border-color-light);
	border-radius: 4px;
	overflow: hidden;
}

#product-details-v2 .rejection-panel .details {
	width: 50%;
	padding: 16px;
	background-color: #FFEBEE;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

#product-details-v2 .rejection-panel details div {
	font-weight: normal;
}

/* Rejected By */
#product-details-v2 .rejection-panel .details div:first-of-type {
	color: #F44336;
	font-weight: 600;
}

#product-details-v2 .rejection-panel .reason {
	width: 50%;
	padding: 16px;
	display: flex;
	justify-content: center;
	align-items: center;
}

#product-details-v2 .rejection-panel .reason span {
	margin-right: 8px;
	color: #F44336;
	font-weight: 600;
}

#product-details-v2 .rejection-panel .reason md-icon-button.edit-reason {
	--md-icon-button-icon-size: 18px;
	--md-icon-button-state-layer-height: 28px;
	--md-icon-button-state-layer-width: 28px;
}

#product-details-v2 .rejection-panel #reject-product {
	display: flex;
}

#product-details-v2 .rejection-panel #reject-product > div:first-of-type {
	min-width: 25%;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #FFEBEE;
}

#product-details-v2 .rejection-panel #reject-product > div:nth-of-type(2) {
	width: 60%;
	padding: 16px;
	display: flex;
	flex-direction: column;
}

#product-details-v2 .rejection-panel #reject-product > div:nth-of-type(2) {
	width: 100%;
	padding: 16px;
	display: flex;
	flex-direction: column;
}

/* Select */
#product-details-v2 .rejection-panel #reject-product > div:nth-of-type(2) > div {
	margin-bottom: 8px;
}

/* Textfield */
#product-details-v2 .rejection-panel #reject-product > div:nth-of-type(2) > label {
	text-transform: none;
}

#product-details-v2 .rejection-panel #reject-product > div:nth-of-type(2) > label::after {
	content: "";
}

#product-details-v2 .rejection-panel #reject-product > div:last-of-type {
	width: auto;
	padding: 0px 16px 16px 0px;
	display: flex;
	justify-content: center;
	align-items: flex-end;
}

#product-details-v2 .context {
	position: absolute;
	width: 250px;
	border-radius: 4px;
	margin-top: 0.3rem;
	background: white;
	z-index: 2;

	visibility: hidden;
	opacity: 0;
	transform: translateY(0.5rem);
	transition: all 0.1s cubic-bezier(0.16, 1, 0.5, 1);
}

#product-details-v2 .context a {
	display: flex;
	align-items: center;
	padding: 0.8rem 1rem;
	text-decoration: none;
	color: var(--font-color);
}

#product-details-v2 .context a:hover {
	background-color: #EFEFEF;
}

#product-details-v2 .loading {
	width: 100%;
	height: 32px;
	background: rgba(0, 0, 0, 0.11);
    border-radius: 5px;
    background-size: 200% 100%;
    animation: 1.5s shine linear infinite;
}

#product-details-v2 .loading > * {
	display: none;
}

#product-details-v2 .wfRejectedReason.loading {
	height: 80px;
	margin-bottom: 12px;
}

#product-details-v2 .product-status > *:last-child {
	width: 128px;
}

#product-details-v2 .validationHead {
	margin: 0 0 18px;
	max-height: 51px;
	overflow: hidden;
	transition: max-height 300ms cubic-bezier(0.4, 0, 0.2, 1);
}

#product-details-v2 .validationHead {
	margin: 0 0 18px;
	max-height: 51px;
	overflow: hidden;
}

#product-details-v2 .validation-header-message {
	padding-top: 0;
	display: flex;
	align-items: center;
	cursor: pointer;
	font-weight: 600;
}

#product-details-v2 .validation-header-message svg {
	width: 24px;
	margin-top: -4px;
	margin-left: auto;
	transform: rotate(0deg);
	transition: transform 300ms cubic-bezier(0.4, 0, 0.2, 1);
}

#product-details-v2 .validationHead.expanded {
	max-height: 1500px;
}

#product-details-v2 .validationHead.expanded .validation-header-message svg {
	transform: rotate(180deg);
}

#product-details-v2 .ellipsisParagraph {
	height: 100%;
	max-height: unset;
	cursor: pointer;
}

#product-details-v2 .ellipsisParagraph .wrapText .t-tipPDP {
	display: none !important;
}

#product-details-v2 .ellipsisParagraph .wrapText {
	max-height: 77px;
	margin-bottom: 16px;
	overflow: hidden;
	position: relative;
	transition: max-height 150ms cubic-bezier(0.4, 0, 0.2, 1);
	/* Remove default styling from old-style */
	display: display;
	-webkit-line-clamp: unset;
    -webkit-box-orient: unset;
}

#product-details-v2 .ellipsisParagraph .wrapText::after {
	content: "...";
	bottom: 3px;
    right: 8px;
	position: absolute;
}

#product-details-v2 .ellipsisParagraph .wrapText:hover {
	max-height: 1000px;
	overflow: visible;
}

#product-details-v2 .ellipsisParagraph .wrapText:hover::after {
	content: "";
}

#product-details-v2 .ellipsisParagraph label {
	font-weight: 700;
}

#product-details-v2 .ellipsisParagraph .wrapText {
	color: #F44336;
}

#product-details-v2 #content-progress-rating-panel {
	margin-bottom: 8px;
	padding-left: 0 !important;
}

#product-details-v2 #syndication-tracker {
	margin-bottom: 16px;
}

#content-progress-rating-panel iframe#sku2Iframe {
	min-height: unset;
	border-radius: 8px;
}

.pdpSaveMessages[isV2="true"] {
	width: 640px;
	padding-left: 20px;
}

.pdpSaveMessages[isV2="true"] .alert-success,
.pdpSaveMessages[isV2="true"] .alert-info {
	border-radius: 8px;
	margin-bottom: 16px;
}

@keyframes shine {
	0% {
		opacity: 1;
	}
	50% {
		opacity: 0.4;
	}
	100% {
		opacity: 1;
	}
}

/* The switch - the box around the slider */
.old-switch {
	position: relative;
	display: inline-block;
	width: 51px;
	height: 28.9px;
}

/* Hide default HTML checkbox */
.old-switch input {
	opacity: 0;
	width: 0;
	height: 0;
}

/* The slider */
.old-switch .slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: 500ms;
	transition: 500ms;
}

.old-switch .slider:before {
	position: absolute;
	content: "";
	height: 22.1px;
	width: 22.1px;
	left: 4px;
	bottom: 4px;
	background-color: white;
	-webkit-transition: 500ms;
	transition: 500ms;
}

.old-switch input:checked + .slider {
	background-color: #F26928;
}

.old-switch input:focus + .slider {
	box-shadow: 0 0 1px #F26928;
}

.old-switch input:checked + .slider:before {
	-webkit-transform: translateX(22.1px);
	-ms-transform: translateX(22.1px);
	transform: translateX(22.1px);
}

/* Rounded sliders */
.old-switch .slider.round {
	border-radius: 34px;
}

.old-switch .slider.round:before {
	border-radius: 50%;
}

.nutrientData {
	display: flex;
	position: relative;
}

.nutrientData > *:focus-visible {
	outline: none;
}

.nutrientData select {
	padding: 8px 8px 8px 8px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: none;
	border-block: 1px solid var(--border-color);
	text-align: center;
}

.nutrientData select:first-of-type {
	border-left: 1px solid var(--border-color);
	border-right: 1px dashed var(--border-color);
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

.nutrientData select:last-of-type {
	border-left: 1px dashed var(--border-color);
	border-right: 1px solid var(--border-color);
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}
   
.nutrientData select::-ms-expand {
	display: none;
}

.nutrientData-error-message {
	max-width: 120px;
	color: #FF0000;
	font-size: 12px;
}

.nutrientData input:not(.form-control) {
	width: 100%;
	padding: 4px 0px 4px;
	border: none;
	border-block: 1px solid var(--border-color);
	text-align: center;
}

.nutrientData input.invalid,
.nutrientData select.invalid {
	border-color: #FF0000 !important;
}

.nutrientData input::-webkit-outer-spin-button,
.nutrientData input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance:textfield;
}

.nutrientData input:not(.form-control):focus-visible {
	border-block: 1px solid var(--border-color);
	border-inline: 1px dashed var(--border-color);
}

.table-condensed tbody>tr>th {
	display: flex;
    align-items: center;
    min-height: 44px;
}

.tippy-box {
	background-color: #212B36;
	border-radius: 10px;
	font-size: 11px;
}

.tippy-content {
	padding: 4px 8px;
}