@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic&display=swap');

body {
	font-family: "Open Sans", Helvetica, sans-serif;
}
.forgotten-password .description {
    margin-bottom: 10px;
    color: black;
}
.currencyValue{
	white-space: nowrap;
}
textarea {
	resize: none;
}
body.font9 {
	font-family: 'calibri';
}

body.font1 {
	font-family: 'Lato', "Open Sans", Helvetica, sans-serif;
}

body.font2 {
	font-family: 'candara', "Open Sans", Helvetica, sans-serif;
}

body.font3 {
	font-family: "Open Sans", Helvetica, sans-serif;
}

body.font4 {
	font-family: 'Roboto', sans-serif;
}

body.font5 {
	font-family: 'Roboto Mono', "Open Sans", Helvetica, sans-serif;
}

body.font6 {
	font-family: 'Helvetica';
}

body.font7 {
	font-family: 'Montserrat', sans-serif;
}

body span.welcomeText {
	font-size: 15px;
	color: #000000b5;
}

body span.customerName {
	font-size: 18px;
}

body .navigation--top .nav__right .nav__links--account .myAccountLinksHeader
	{
	font-size: 16px;
	margin: 0px 10%;
	padding-top: 0px;
}

.navigation--top .nav__right .nav__links--account .myAccountLinksHeader
	{
	border: 1px solid #9ba4b945;
	background: #0000ff0a;
	border-radius: 5px;
	padding: 0px 8px;
	margin: 0px 10px;
}

body .js-myAccount-toggle .glyphicon {
	top: 3px;
}

.languageChange {
	position: absolute;
	top: 8%;
	right: 10px;
	z-index: 10000;
}

.languageChange label {
	color: black;
}

.product-classifications .table span {
	margin-left: 3px;
}

.icon {
	display: inline-block;
	width: 1em;
	height: 1em;
	stroke-width: 0;
	stroke: currentColor;
	fill: currentColor;
}

.customCookie {
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 999;
}

.loaderBackground {
	display: none;
	background: black;
	OPACITY: .5;
	WIDTH: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999999999;
}

.loader {
	display: none;
	width: 50px;
	height: 50px;
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 99999999999999999;
	width: 100%;
}

.loginContainer .logos:last-child {
	margin: 20px auto 30px;
}

.selectionDisabled .checkmark {
	pointer-events:none;
}

.userLineOfBusiness {
	min-width: 120px;
}

.userLineOfBusiness .customDropdown p {
	margin: 0px;
	position: relative;
}

.userLineOfBusiness .customDropdown p span {
	position: absolute;
	right: 3px;
	top: 3px;
	color: #818080;
}

.navigation--top .nav__right .nav__links--account {
	width: 100%;
}

.userLineOfBusiness {
	padding-top: 0px;
	width: 42%;
}

.customDropdown .yCmsComponent.yComponentWrapper {
	width: 130px;
	height: 80px;
}

.navigation--top .nav__right .nav__links--account li.searchBox {
	padding-top: 20px;
}

.navigation--top .nav__right .nav__links--account li.logged_in {
	padding-top: 20px;
}

.navigation--top .nav__right .nav__links--account li {
	padding-top: 15px;
	font-size: 14px;
}

.userLineOfBusiness ul {
	position: absolute;
	width: 138px;
	border: 1px solid #ccc;
	top: 84px;
	min-height: 88px;
	left: 24px;
	background: white;
	padding: 0px 5px;
	z-index: 99;
}

.userLineOfBusiness ul li {
	width: 100%;
	height: 70px;
	background-position: center;
	background-repeat: no-repeat;
	height: 70px;
	border-bottom: 1px solid #ccc;
	cursor: pointer;
}

.corporateWebSite {
	display: none;
}

.page-dcmLandingPage .corporateWebSite {
	display: block;
}

.page-dcmLandingPage .corporateWebSite a {
	color: white;
	text-decoration: underline;
	cursor: pointer;
}

.page-homepage  .main__inner-wrapper .schemaData {
	padding: 20px;
}

.page-homepage  .main__inner-wrapper .schemesfirstChild {
	padding-right: 0px !important;
	padding-left: 20px !important;
}

.page-homepage  .main__inner-wrapper .schemeslastChild .simple-responsive-banner-component img,
	.page-homepage  .main__inner-wrapper .schemeslastChild .banner__component--responsive img
	{
	height: 320px;
}

.page-homepage  .main__inner-wrapper .schemesfirstChild .simple-responsive-banner-component img,
	.page-homepage  .main__inner-wrapper .schemesfirstChild .banner__component--responsive img
	{
} 

.schemaData .no-space .yCmsComponent {

}

.page-homepage  .main__inner-wrapper .schemeslastChild {
	padding-right: 0px !important;
	padding-left: 0px !important;
}

.page-homepage  .main__inner-wrapper .schemesfirstChild .simple-banner.banner__component--responsive
	{
	padding-right: 40px;
}

.page-homepage .simple-banner.banner__component--responsive:nth-child(2)
	{

}

.page-homepage .carousel-component .carousel__component--headline,
	.page-homepage .carousel__component .carousel__component--headline {
	padding-left: 30px;
}

.footer__nav--container {
	margin: 0px auto;
	float: none;
	text-align: center;
}

ul.footer__nav--links li {
	margin-top: 10px;
	width: 22%;
	display: inline-block;
}

.main__inner-wrapper {
	min-height: calc(100vh - 400px);
}

.navigation--top .nav__right .nav__links--account .myAccountLinksHeader
	{
	line-height: 38px;
	text-align: center;
}

.navigation--top .nav__right .nav__links--account li .accNavComponent nav div a
	{
	text-transform: capitalize;
	font-size: 14px;
}

.account-section .account-section-content .accountOrderHistory .account-section-header
	{
	padding: 10px 20px;
	font-size: 18px;
}

.account-section .account-section-content .accountOrderHistory .form-group
	{
	width: 26%;
	float: left;
	margin: 10px 15px;
}

.account-section .account-section-content .accountOrderHistory .accountActions
	{
	width: 15%;
	float: left;
	margin: 8px 2.1%;
}

.account-section .account-section-content .accountOrderHistory .account-section-form
	{
	margin: 20px 0;
	padding: 0 20px;
}

.account-section .account-section-content .accountOrderHistory .accountActions .btn
	{
	padding: 4px 15px;
	background-color: #37a1d0;
	border-color: #37a1d0;
	border-radius: 4px !important;
}

.account-section .account-section-content .accountOrderHistory .container-lg
	{
	padding-bottom: 15px;
}

.account-section .account-section-content .accountOrderHistory .control-label
	{
	color: black;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.account-section .account-section-content .accountOrderHistory table th
	{
	color: black;
	background: none;
	font-weight: 700;
}

.account-section .account-section-content .accountOrderHistory input[name="toDate"],
	.account-section .account-section-content .accountOrderHistory input[name="fromDate"]
	{
	color: #3c3c3c;
	background-color: #ffffff;
}

.account-section .account-section-content .account-orderhistory-pagination
	{
	width: 100%;
}

.accountOrderHistory .pagination-wrap {
	float: none;
	padding: 12px 20px;
}

.accountOrderHistory .account-overview-table {
	padding: 10px 0px;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
}

.accountOrderHistory .account-section-content.content-empty {
	padding-bottom: 30px;
	margin: 10px 0px;
}

span.calenderIcon {
	position: absolute;
	right: 7px;
	bottom: 0px;
	top: 35px;
	font-size: 18px;
}

.loginHeader {
	display: none;
}

li.productDesc {
	background: #5f5f5f;
	position: relative;
	margin-right: 30px;
}

.navigation--bottom .nav__links--products {
	padding: 0px;
}

.nav__links.nav__links--products.js-offcanvas-links>li.nav__links--primary>span>a::after
	{
	content: " ";
	display: block;
	width: 0;
	height: 0;
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	border-left: 20px solid #5f5f5f;
	position: absolute;
	top: 100%;
	margin-top: -40px;
	left: 100%;
	z-index: 2;
	margin-left: 0px;
}

.nav__links.nav__links--products.js-offcanvas-links>li.myaccountLinks>ul.linkItems>li.nav__links--primary>span>a::before
	{
	content: " ";
	display: block;
	width: 0;
	height: 0;
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	border-left: 20px solid #5f5f5f;
	position: absolute;
	top: 100%;
	margin-top: -40px;
	margin-left: 1px;
	left: 100%;
	z-index: 1;
}

.nav__links.nav__links--products.js-offcanvas-links>li.myaccountLinks>ul.linkItems>li.nav__links--primary>span>a::after
	{
	content: " ";
	display: block;
	width: 0;
	height: 0;
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	border-left: 20px solid #5f5f5f;
	position: absolute;
	top: 100%;
	margin-top: -40px;
	left: 100%;
	z-index: 2;
	margin-left: 0px;
}

.nav__links.nav__links--products.js-offcanvas-links>li.nav__links--primary>span>a::before
	{
	content: " ";
	display: block;
	width: 0;
	height: 0;
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	border-left: 20px solid #5f5f5f;
	position: absolute;
	top: 100%;
	margin-top: -40px;
	margin-left: 1px;
	left: 100%;
	z-index: 1;
}

.nav__links.nav__links--products.js-offcanvas-links>li.productDesc>span>a::after
	{
	content: " ";
	display: block;
	width: 0;
	height: 0;
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	border-left: 20px solid #5f5f5f;
	position: absolute;
	top: 100%;
	margin-top: -40px;
	left: 100%;
	z-index: 2;
}

.nav__links.nav__links--products.js-offcanvas-links>li.productDesc>span>a::before
	{
	content: " ";
	display: block;
	width: 0;
	height: 0;
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	border-left: 20px solid #5f5f5f;
	position: absolute;
	top: 100%;
	margin-top: -40px;
	margin-left: 1px;
	left: 100%;
	z-index: 1;
}

.nav__links.nav__links--products.js-offcanvas-links>li.nav__links--primary,
	.nav__links.nav__links--products.js-offcanvas-links>li.myaccountLinks>ul.linkItems>li.nav__links--primary
	{
	margin-right: 30px;
}
.nav__links.nav__links--products.js-offcanvas-links>li.myaccountLinks>ul.linkItems>li.nav__links--primary{
	margin-right: 20px;
}

.nav__links.nav__links--products.js-offcanvas-links>li.nav__links--primary>span>a::before
	{
	border-left: 20px solid white;
}

.nav__links.nav__links--products.js-offcanvas-links>li.myaccountLinks>ul.linkItems>li.nav__links--primary>span>a::before
	{
	border-left: 20px solid white;
}

li.searchBox {
	max-width: 300px;
}

div.breadcrumb-section1 {
	background: #c7c7c7;
	text-align: center;
	font-weight: bold;
	padding: 12px;
	font-size: 16px;
}

li.searchBox .input-group {
	width: auto;
	margin-right: 45px;
}

li.searchBox .input-group .form-control:first-child {
	border-radius: 20px;
	padding-top: 4px;
	padding-left: 15px;
}

.navigation.navigation--top {
	padding: 5px 30px 5px;
	background: #fff;
}

.navigation--top .nav__right .nav__links--account li {
	color: #389edc;
	font-weight: 600;
	display: table-cell;
	vertical-align: middle;
	line-height: 16px;
}

.navigation--bottom {
	background-color: #737373;
	border-bottom: 1px solid #737373;
}

a .fa.fa-power-off {
	padding: 0px;
	font-size: 16px;
	width: auto;
	text-align: center;
	text-decoration: none;
	margin: 0px;
	margin-top: -1px;
}

.carousel-component .carousel__component--headline, .carousel__component .carousel__component--headline
	{
	color: #3c3c3c;
	font-size: 28px;
	margin: 10px 0 20px;
	text-align: left;
	font-weight: bold;
	text-transform: uppercase;
}

.navigation--top .nav__left {
	padding: 0px;
}

.js-myAccount-toggle .glyphicon {
	padding-left: 5px;
	top: 2px;
}

.navigation--top .nav__right .nav__links--account li.userLineOfBusiness
	{
	margin-right: 10px;
	position: relative;
	padding-top: 0px;
	padding-left: 30px;
}

.loginError #j_username, .loginError #j_password {
	border: 1px solid red;
}

.navigation--bottom .nav__links--products li.productDesc a {
	font-weight: bold;
}

.loginErrorText {
	display: none;
	color: red;
	margin-left: 39px;
	margin-bottom: 20px;
}

.error {
    border: 1px solid red;
}

.sugarFooter, .cementFooter, .farmFooter, .bioseedFooter, .axiallFooter,
	.plasticFooter, .sacFooter {
	display: none;
}

.sugar .sugarFooter, .cement .cementFooter, .farm .farmFooter, .bioseed .bioseedFooter,
	.axial .axiallFooter, .carbide .plasticFooter, .bharuch .sacFooter {
	display: block;
}

header.loginHeader {
	border-bottom: 15px solid #0095da;
	margin-bottom: 0px;
}

header.loginHeader .navigation--top .nav__left .simple-banner-component img,
	header.loginHeader .navigation--top .nav__left .banner__component img {
	width: 150px;
}

header.loginHeader a {
	width: 100%;
	display: block;
	text-align: center;
}

.navigation--top .nav__right .nav__links--account .myAccountLinksHeader.show
	{
	background-color: #e4dddd69;
	color: #389edc;
}

.sugar, .sugar .btn-primary, .sugar .customLoginFooter {
	background: #0095da;
	border-color: #0095da;
	color: white;
}

.sugar .forgotten-password a {
	color: #0095da;
}

.cement, .cement .btn-primary, .cement .customLoginFooter {
	background: #c7462f;
	border-color: #c7462f;
	color: white;
}

.cement .forgotten-password a {
	color: #c7462f;
}

.farm, .farm .btn-primary, .farm .customLoginFooter {
	background: #0095dd;
	border-color: #0095da;
	color: white;
}

.farm .forgotten-password a {
	color: #0095dd;
}

.bioseed, .bioseed .btn-primary, .bioseed .customLoginFooter {
	background: #00b050;
	border-color: #00b050;
	color: white;
}

.bioseed .forgotten-password a {
	color: #00b050;
}

.carbide, .carbide .btn-primary, .carbide .customLoginFooter {
	background: #1f4083;
	border-color: #1f4083;
	color: white;
}

.carbide .forgotten-password a {
	color: #002060;
}

.finesta, .finesta .btn-primary {
	background: #0095dd;
	border-color: #0095dd;
	color: white;
}

.finesta .headline-text, .finesta .forgotten-password a, .finesta .customLoginFooter a
	{
	color: #0095dd;
}

.axial, .axial .btn-primary, .axial .customLoginFooter {
	background: #09bfff;
	border-color: #09bfff;
	color: white;
}

.axial .forgotten-password a {
	color: #09bfff;
}

.bharuch, .bharuch .btn-primary, .bharuch .customLoginFooter {
	background: #7f7f7f;
	border-color: #7f7f7f;
	color: white;
}

.bharuch .forgotten-password a {
	color: #7f7f7f;
}

.logo-block img {
	margin: 0px auto;
	width: 80%;
	display: block;
	margin-bottom: 5px;
}

.logo-block {
	min-height: 203px;
	padding: 15px 10px 10px;
	border: 1px solid #ccc;
	position: relative;
	cursor: pointer;
	width: 95%;
	margin: 0px auto;
}

.logos {
	width: 90%;
	margin: 20px auto;
}

.logo-block p {
	font-size: 15px;
	font-weight: 700;
	margin: 5px;
	text-transform: uppercase;
	text-align: center;
}

.logo-block p.title1 {
	margin-bottom: 0px;
}

.logo-block p.title2 {
	margin-top: 0px;
}

.colorCode {
	top: -8px;
	width: 50px;
	height: 50px;
	position: absolute;
	left: -8px;
	display: none;
}

#colorbox {
	background: none;
}

#customLogin form {
	width: 80%;
	margin: 0px auto;
	margin-bottom: 20px;
}

#customLogin .control-label {
	display: none;
}

#colorbox #cboxTitle .headline-text {
	text-align: center;
}

#customLogin input.form-control {
	border-radius: 20px;
	padding-left: 20px;
}

#customLogin .forgotten-password {
	text-align: right;
	font-size: 12px;
	padding-right: 5px;
}

#customLogin .btn {
	border-radius: 40px !important;
	width: 45%;
	margin: 0px auto;
	padding: 5px 10px;
}

#customLogin .customLoginFooter p {
	margin: 0px 0px 3px;
}

.customLoginFooter {
	margin: 0px auto;
	margin-top: 24px;
	font-size: 13px;
	margin-left: -40px;
	margin-right: -40px;
	background: #ccc;
	min-height: 136px;
	overflow: hidden;
	padding-top: 20px;
}

.page-dcmLandingPage #colorbox .headline-text {
	color: black;
}

.customLoginFooter a {
	color: white;
	cursor: pointer;
	text-decoration: underline;
}

.customLoginFooter .text-right p {
	font-weight: 700;
	color: black;
}

.page-dcmLandingPage #colorbox {
	height: 450px !important;
}

.page-dcmLandingPage #colorbox.loginError {
	height: 524px !important;
}

.page-dcmLandingPage #colorbox #cboxLoadedContent {
	/* overflow: hidden !important; */
}

.page-dcmLandingPage #colorbox.registerForm{
    height: 700px !important;
}

#cboxTitle .headline {
	text-align: center;
}

.logos h4 {
	font-weight: bold;
	text-align: center;
	color: white;
	margin: 0px;
}

.loginContainer {
	width: 75%;
	margin: 0px auto;
}

.loginTitle {
	text-align: center;
	color: white;
	margin: 15px 10px 25px;
	font-weight: 700;
}

.logo-block:hover {

}

.loginHeader ~ footer {
	margin-top: 0px;
}

.loginHeader ~ .container {
	background-image:
		url('/_ui/responsive/common/images/login-bg-updated.jpg');
	padding-bottom: 10px;
	padding-top: 10px;
	min-height: calc(100vh - 199px);
}

.overflow-y-hidden {
	overflow-y: hidden;
}

.navigation--bottom {
	border-bottom: none;
}

.page-dcmLandingPage header.js-mainHeader {
	display: none;
}

.relativePosition {
	position: relative
}

.js-navigation--middle {
	display: none;
}

li.userLineOfBusiness {
	margin-right: 25px;
}

.accNavComponent {
	position: absolute;
	background: #000000;
	z-index: 2147483647;
	right: 18px;
	color: white;
	padding: 10px 0px;
}

.accNavComponent  nav {
	display: block;
}

.accNavComponent nav div {
	min-width: 250px;
}

.navigation--top .nav__right .nav__links--account li .accNavComponent nav div a
	{
	padding: 15px 60px 15px 20px;
}

.navigation--top .nav__right .nav__links--account li .accNavComponent nav div a:hover
	{
	text-decoration: none;
	background: #37a2d0;
	color: white;
}

li.searchBox .input-group-btn {
	position: absolute;
	font-size: 12px;
	white-space: nowrap;
	right: 34px;
	color: #ccc;
}

li.searchBox .input-group-btn .glyphicon {
	color: #737272;
}

li.searchBox .input-group {
	width: 85%;
}

.testBanner {
	display: none;
}

.page-orders .testBanner, .page-invoice .testBanner, .page-my-profile .testBanner,
	.page-deliveries .testBanner {
	
}

.testBanner .bannerLogo {
	width: 10%;
	float: left;
	margin: 40px 0px;
	margin-right: 2%;
}

.testBanner .bannerTitles {
	width: 80%;
	float: left;
	margin: 20px 0px;
	color: white;
}

.testBanner .bannerTitles h1, .testBanner .bannerTitles h3 {
	color: white;
	margin-bottom: 0px;
}

.testBanner .bannerTitles h3 {
	margin-top: 2px;
}

.footer__copyright {
	background: #4f4f4f;
	padding: 12px;
	color: white;
	text-align: center;
}

.page-dcmLandingPage .footer__nav--container {
	margin: 0px auto;
	float: none;
	text-align: center;
}

.corporateWebSite {
	text-align: center;
	margin: 15px 10px;
}
@media ( min-width : 639px){
	.page-dcmLandingPage ul.footer__nav--links li {
		margin-top: 10px;
		width: 22%;
		display: inline-block;
	}
}
footer .footer__copyright {
	background: #4f4f4f;
	padding: 12px;
	color: white;
	text-align: center;
}

.footer__copyright {
	background: #4f4f4f;
	padding: 12px;
	color: white;
	text-align: center;
}

footer {
	background: #6f6f6f;
	color: #ffffff;
	font-weight: 500;
	margin-top: 0px;
	border-top: 15px solid #0095da;
}

.footer__left {
	padding-left: 40px;
	padding-right: 40px;
}

.footer__top {
	padding-bottom: 20px;
	padding-top: 20px;
}

.fa {
	width: 40px;
	text-align: center;
	text-decoration: none;
	margin: 5px 2px;
	color: #ffffff;
	font-size: 16px;
	padding: 8px;
}

.footer__top .footer__nav--container .footer__nav--links a {
	color: #a8a8a8;
	font-size: 16px;
}

.fa:hover {
	opacity: 0.7;
}

.fa-facebook {
	background: #e0e0e0;
	color: #a8a8a8;
}

.fa-twitter {
	background: #e0e0e0;
	color: #a8a8a8;
}

.fa-google {
	background: #e0e0e0;
	color: #a8a8a8;
}

.fa-linkedin, .fa-youtube, .fa-google-plus {
	background: #e0e0e0;
	color: #a8a8a8;
}

.footer__top .footer__nav--container .footer__nav--links.icons .footer__link
	{
	padding-top: 10px;
	width: 15%;
	display: inline-block;
	margin: 0px;
}

.accountInvoiceHistory, .accountOrderHistory {
	width: 83%;
	margin: 20px auto;
	box-shadow: 0px 0px 5px 1px #e2e2e2;
	border-radius: 4px;
}

.account-section .account-section-content .accountInvoiceHistory .account-section-header
	{
	padding: 10px 20px;
}

.account-section .account-section-content .accountInvoiceHistory .form-group
	{
	width: 25%;
	float: left;
	margin: 10px 15px;
}

.account-section .account-section-content .accountInvoiceHistory .accountActions
	{
	width: 15%;
	float: left;
	margin: 18px 16px;
}

.account-section .account-section-content .accountInvoiceHistory .account-section-form
	{
	margin: 20px 0;
	padding: 0 20px;
}

.account-section .account-section-content .accountInvoiceHistory .accountActions .btn
	{
	padding: 4px 15px;
	background-color: #37a1d0;
	border-color: #37a1d0;
	border-radius: 4px !important;
}

.account-section .account-section-content .accountInvoiceHistory .container-lg
	{
	padding-bottom: 25px;
}

.account-section .account-section-content .accountInvoiceHistory .control-label
	{
	color: black;
    white-space: nowrap; 
    text-overflow: ellipsis; 
    overflow: hidden; 
}

.account-section .account-section-content .accountInvoiceHistory table th
	{
	color: black;
	background: none;
	font-weight: 700;
}

.account-section .account-section-content .accountInvoiceHistory table tr.responsive-table-item
	{
	
}

.account-section .account-section-content .accountInvoiceHistory input[name="toDate"],
	.account-section .account-section-content .accountInvoiceHistory input[name="fromDate"]
	{
	color: #3c3c3c;
	background-color: #ffffff;
}

.customTable tr.show {
	display: table-row !important;
}

.account-section .account-section-content .account-orderhistory-pagination
	{
	width: 100%;
}

.accountInvoiceHistory .pagination-wrap {
	float: none;
	padding: 15px 20px;
}

.accountInvoiceHistory.accountTruckDetails .pagination-wrap{
	padding: 25px 20px;
}
.accountInvoiceHistory .account-overview-table {
	padding: 10px 0px;
	border-bottom: 1px solid #ccc;
}

.accountInvoiceHistory .account-section-content.content-empty {
	padding-bottom: 30px;
	margin: 25px 0px;
}

.account-section .account-section-content .account-section-header {
	font-size: 18px;
	line-height: 30px;
	padding: 10px 20px;
}

.js-site-logo .yCmsComponent.yComponentWrapper:nth-child(2) {
	display: none;
}

.page-dcmLandingPage .js-site-logo .yCmsComponent.yComponentWrapper {
	width: 100%;
	display: block;
}

.navigation--top .nav__left .simple-banner-component img,
	.navigation--top .nav__left .banner__component img {
	padding-top: 7px;
	padding-bottom: 3px;
	max-width: 130px;
}

.navigation--top .nav__right .nav__links--account {
	padding-top: 5px;
	display: table;
}

.navigation--top .nav__right .nav__links--account li:last-child a {
	padding-right: 0;
	padding-top: 12px;
	font-size: 14px;
}

.js-site-logo div.yCmsComponent.yComponentWrapper:nth-child(2) a {
	text-align: right;
}

.customDropdown .banner__component.simple-banner {
	position: relative;
}

.customDropdown .glyphicon.glyphicon-chevron-down {
	font-size: 12px;
	position: absolute;
	top: 25px;
	right: -10px;
	width: 20px;
	height: 20px;
	background: #e5dede;
	border-radius: 50%;
	cursor: pointer;
}

.customDropdown .glyphicon.glyphicon-chevron-down:before {
	content: "\e114";
	position: relative;
	top: 5px;
	left: 4px;
}

.navigation--bottom .nav__links--products li a {
	padding: 12px;
	line-height: 16px;
}

.navigation--bottom .nav__links--products li.nav__links--primary>span>a
	{
	font-weight: bold;
	position: relative;
	height: 40px;
	padding: 12px 5px;
}

.navigation--top .nav__right .nav__links--account ul.lineOfBussinessLogos li
	{
	display: block;
	padding: 3px 0px;
	border-bottom: 1px solid #ccc;
	height: 100%;
}

.accNavComponent nav div {
	min-width: 225px;
}

.navigation--top .nav__right .nav__links--account li .accNavComponent nav div a
	{
	padding: 10px 20px 10px 20px;
	text-transform: uppercase;
	font-size: 12px;
}

.responsive-table tbody tr td:first-child {
	padding-left: 30px;
}

.responsive-table td:nth-child(2) {
	padding-left: 10px;
}

.responsive-table th:last-child {
	text-align: left;
	padding-right: 10px;
}

.table-responsive .responsive-table thead {
	background: #0098da;
}

.responsive-table-item td:last-child {
	text-align: left;
	padding-right: 10px;
}

.responsive-table td:last-child {
	text-align: left;
	padding-right: 10px;
}

.responsive-table>tbody>tr>td, .responsive-table>thead>tr>th {
	padding: 10px;
}

.table-responsive .responsive-table.customTable thead tr th {
	padding: 10px;
	color: white;
	font-weight: 700;
}

.table-responsive .responsive-table.customTable thead tr th:nth-child(1),
	.table-responsive .responsive-table.customTable tbody tr td:nth-child(1)
	{
	padding-left: 20px;
}

.page-deliveries .table-responsive .responsive-table.customTable thead tr th:nth-child(1),
.page-deliveries .table-responsive .responsive-table.customTable tbody tr td:nth-child(1)
	{
	padding-left: 5px;
}

.responsive-table-cell a {
	cursor: pointer;
}

.account-section .orderDetailData .account-section-header {
	text-transform: unset;
}

.orderDetailData .account-section-header .glyphicon.glyphicon-remove {
	float: right;
	font-size: 14px;
	top: 8px;
	cursor: pointer;
}

.account-section .account-section-content .orderDetailData .account-section-header
	{
	border-bottom: none;
}

.account-section .account-section-content .accountInvoiceHistory.orderDetailData .account-section-header
	{
	background: white;
	color: black;
}

.orderDetailData .labelHeader {
	padding: 10px;
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
}

.orderDetailData p {
	padding: 10px;
	font-size: 14px;
	margin-bottom: 10px;
	padding-bottom: 0px;
	padding-top: 5px;
	padding-left: 5px;
}

.orderDetailData .account-overview-table {
	border-bottom: none;
}

.padding-left-20 {
	padding-left: 20px;
}

.margin-bottom-20 {
	margin-bottom: 20px;
}

.schemaData .schemesfirstChild .yCmsContentSlot div.yCmsComponent:nth-child(1)
	{
	width: 100%;
}

.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td,
	.table>tbody>tr>td, .table>tfoot>tr>td {
	border-top: none;
}

.schemaData .content {
	font-size: 28px;
	font-weight: 700;
	margin: 15px 0px;
}

.orderDetailData .account-overview-table {
	padding: 0px 0px;
}

.account-section .account-section-content .accountInvoiceHistory table th
	{
	color: black;
}

.table-striped>tbody>tr:nth-of-type(odd):hover {
	background: #f5f5f5;
}

.footer__top .footer__nav--container .footer__nav--links a img {
	width: 50%;
}

.table>thead>tr>th {
	vertical-align: top;
}

.table>thead>tr>th.dateField {
	min-width: 100px;
}

.cookie-alert--top {
	padding: 10px 30px;
}

.accountMyProfile {
	width: 80%;
	margin: 20px auto;
	box-shadow: 0px 0px 5px 1px #e2e2e2;
	border-radius: 4px;
}

.account-section .account-section-content .accountMyProfile .account-section-header
	{
	background: #0098da;
	color: white;
}

.accountMyProfile .profileDetails .row {
	margin: 0px 0px 10px;
	padding: 5px 0px 0px;
}

.accountMyProfile .profileDetails {
	padding: 10px;
}

.accountMyProfile .table-responsive .responsive-table.customTable tbody tr td
	{
	text-transform: capitalize;
	color: #5a5454;
}

.accountMyProfile .table-responsive .responsive-table.customTable tbody tr
	{
	height: auto;
}

.accountMyProfile .table-responsive .responsive-table.customTable thead tr th
	{
	text-transform: capitalize;
	font-size: 14px;
	vertical-align: middle;
}

.accountMyProfile .profileDetails .row label {
	text-transform: capitalize;
	color: black;
	font-size: 14px;
	width: 100%;
}

.accountMyProfile .profileDetails .row p {
	color: #6f6565;
	word-wrap: break-word;
}

.accountMyProfile .siteDetails h4 {
	padding-left: 20px;
	font-weight: 700;
	color: black;
}
.account-section .account-section-content .accountInvoiceHistory .account-section-header
	{
	font-size: 16px;
	padding: 10px 20px;
}
.page-dcmfenestaLogin .js-mainHeader {
	display: none;
}

.page-dcmfenestaLogin .container {
	width: 100%;
}

.page-dcmfenestaLogin .fenestaHeader {
	width: 50%;
	margin: 0px auto;
}

.page-dcmfenestaLogin .fenestaLogin form {
	width: 80%;
	margin: 0px auto;
	margin-bottom: 20px;
}

.page-dcmfenestaLogin .main__inner-wrapper {
	min-height: calc(100vh - 239px);
}

.page-dcmfenestaLogin .main__inner-wrapper .container {
	background: url(/_ui/responsive/common/images/fenestaLanding_2.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	height: 100%;
	min-height: calc(100vh - 239px);
	padding-bottom: 30px;
}

.page-dcmfenestaLogin .fenestaLogin .control-label {
	display: none;
}

.page-dcmfenestaLogin .fenestaLogin input.form-control {
	border-radius: 20px;
	padding-left: 20px;
}

.page-dcmfenestaLogin .fenestaLogin .forgotten-password {
	text-align: center;
	font-size: 14px;
	padding-right: 5px;
	margin-top: 28px;
	text-decoration: underline;
}

.page-dcmfenestaLogin .fenestaLogin .btn {
	border-radius: 40px !important;
	width: 45%;
	margin: 0px auto;
	padding: 5px 10px;
}

.page-dcmfenestaLogin .fenestaLogin .customLoginFooter p {
	margin: 0px 0px 3px;
}

.page-dcmfenestaLogin .fenestaHeader {
	width: 320px;
}

.page-dcmfenestaLogin .loginHeader {
	display: none;
}

.page-dcmfenestaLogin .fenestaHeader .banner__component img {
	margin: 40px auto;
	display: block;
	width: 200px;
	height: auto;
}

.page-dcmfenestaLogin .fenestaLogin {
	width: 90%;
	margin: 10px auto 30px;
	padding: 20px;
	background: #0066ff96;
	padding-top: 35px;
}

.page-dcmfenestaLogin .fenestaLogin h3 {
	color: white;
	text-transform: uppercase;
	margin: 5px 10px 25px;
}

.page-dcmfenestaLogin .fenestaLogin .btn-primary, .fenestaLogin .btn-primary:hover
	{
	background: #ff3737;
	border-color: #ff3737;
	height: 42px;
	color: white;
}

.page-dcmfenestaLogin .fenestaLogin .js-password-forgotten {
	color: white;
	font-size: 14px;
}

.page-dcmfenestaLogin .fenestaLogin .register {
	margin: 40px auto 0px;
}

.page-dcmfenestaLogin .fenestaLogin .register a span {
	font-weight: bold;
}

.page-dcmfenestaLogin .fenestaLogin .register a {
	color: white;
	text-decoration: underline;
}

.page-dcmfenestaLogin footer, .lob-dcmfenesta footer {
	margin-top: 0px;
	border-top: none;
}

.page-dcmfenestaLogin footer .container, .lob-dcmfenesta footer .container
	{
	background: none;
}

.page-dcmfenestaLogin .socialIcons, .lob-dcmfenesta .socialIcons {
	float: left;
	width: 100%;
}

.page-dcmfenestaLogin .footer__top, .lob-dcmfenesta .footer__top {
	width: 92%;
	margin: 0px auto;
}

.page-dcmfenestaLogin .fenestaLogin input::placeholder {
	color: black;
	opacity: .6; /* Firefox */
}

.page-dcmfenestaLogin .footer__copyright, .lob-dcmfenesta .footer__copyright
	{
	background: #4f4f4f;
	padding: 12px;
	color: white;
	text-align: center;
}

.page-dcmfenestaLogin footer, .lob-dcmfenesta footer {
	background: #616161;
	color: #ffffff;
	font-weight: 500;
}

.page-dcmfenestaLogin .footer__left, .lob-dcmfenesta .footer__left {
	padding-left: 40px;
	padding-right: 40px;
}

.page-dcmfenestaLogin .footer__top, .lob-dcmfenesta .footer__top {
	padding-bottom: 30px;
	padding-top: 30px;
}

.page-dcmfenestaLogin .fa {
	padding: 10px;
	font-size: 30px;
	width: 40px;
	text-align: center;
	text-decoration: none;
	margin: 5px 2px;
}

.page-dcmfenestaLogin .fa:hover {
	opacity: 0.7;
}

.page-dcmfenestaLogin .fa-facebook {
	background: #e0e0e0;
	color: #a8a8a8;
}

.page-dcmfenestaLogin .fa-twitter {
	background: #e0e0e0;
	color: #a8a8a8;
}

.page-dcmfenestaLogin .fa-google {
	background: #e0e0e0;
	color: #a8a8a8;
}

.page-dcmfenestaLogin .fa-linkedin {
	background: #e0e0e0;
	color: #a8a8a8;
}

.page-dcmfenestaLogin .footer__top .footer__nav--container .footer__nav--links.icons .footer__link,
	.lob-dcmfenesta .footer__top .footer__nav--container .footer__nav--links.icons .footer__link
	{
	width: 20%;
	display: inline-block;
	margin: 0px;
}

.page-dcmfenestaLogin .footer_right, .lob-dcmfenesta .footer_right {
	padding: 0px 30px;
}

.footer_right div.toll, .footer_right div.sms {
	width: 40%;
	margin-right: 20px;
	display: inline-block;
}

.page-dcmfenestaLogin .footer_right div.toll, .lob-dcmfenesta .footer_right div.toll
	{
	background: #6eade8;
	float: left;
}

.page-dcmfenestaLogin .footer_right div.sms, .lob-dcmfenesta .footer_right div.sms
	{
	background: #fe6c85;
	float: left;
}

.page-dcmfenestaLogin .footer_right div.toll img, .page-dcmfenestaLogin .footer_right div.sms img,
	.lob-dcmfenesta .footer_right div.toll img, .lob-dcmfenesta .footer_right div.sms img
	{
	width: 50px;
	height: 50px;
	vertical-align: unset;
}

.page-dcmfenestaLogin .footer_right div.toll .icon,
	.page-dcmfenestaLogin .footer_right div.sms .icon, .lob-dcmfenesta .footer_right div.toll .icon,
	.lob-dcmfenesta .footer_right div.sms .icon {
	display: inline-block;
	width: 30%;
	padding: 10px 15px 0px;
	margin: 0px 0px 10px;
	float: left;
}

.page-dcmfenestaLogin .footer_right div.toll .text,
	.page-dcmfenestaLogin .footer_right div.sms .text, .lob-dcmfenesta .footer_right div.toll .text,
	.lob-dcmfenesta .footer_right div.sms .text {
	font-size: 18px;
	width: 67%;
	display: block;
	padding: 10px 0px 10px;
	font-weight: bold;
	margin: 0px;
	float: left;
}


.page-dcmfenestaLogin .socialIcons, .lob-dcmfenesta .socialIcons {
	margin: 10px 0px;
	float: left;
	width: 100%;
	margin-top: 30px;
}

.page-dcmfenestaLogin .footer_left, .lob-dcmfenesta .footer_left {
	padding-left: 40px;
}

.page-dcmfenestaLogin .footer_left p, .lob-dcmfenesta .footer_left p {
	font-size: 13px;
}

.page-dcmfenestaLogin footer .banner__component img, .lob-dcmfenesta footer .banner__component img
	{
	width: 45%;
}

.page-dcmfenestaLogin ul, .lob-dcmfenesta ul {
	list-style: none;
}

.page-dcmfenestaLogin input.form-control {
	height: 40px;
}

.page-dcmfenestaLogin .socialIcons img
	{
	width: 50px;
	height: 50px;
}

.marquetext .content:first-child {
}

.marquetext .content marquee {
	margin: 0px;
	font-weight: 700;
	font-size: 12px;
}

.navigation--top .nav__right .nav__links--account li.logged_in {
	padding-right: 0px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.responsive-table-item:nth-child(even) {
	background-color: white;
}

.marquetext>div:nth-child(3) {
	padding-top: 10px;
	padding-left: 40px;
	font-size: 28px;
	font-weight: 700;
	margin: 15px 0px;
}

.marquetext>div:nth-child(4) {
	padding: 0px 40px;
	padding-right: 65px;
}

.accountInvoiceHistory .table-responsive #accountInvoiceTable tbody tr td a.invoicelink
	{
	font-weight: 700;
	color: #1876b2;
}

.table {
	margin-bottom: 0px;
}

.table-striped>tbody>tr:nth-of-type(odd) {
	background-color: #ffffff;
}

.table-striped>tbody>tr:nth-of-type(odd):hover {
	background-color: #ffffff;
}

.table-striped>tbody>tr>td {
	color: black;
}

.marquetext .simple-banner.banner__component--responsive {
	
}

.marquetext .simple-banner.banner__component--responsive img {
	height: 100%;
}

#homepage_slider.stripViewer ul li {
	width: 100vw !important;
}

#homepage_slider.stripViewer ul li img {
	width: 100vw;
	overflow: hidden;
}

.slider_component.simple-banner .dot {
	height: 10px;
	width: 10px;
	border-color: white;
	border: 1px solid white;
	background: transparent;
	border-radius: 50%;
	display: inline-block;
}

.slider_component.simple-banner .current .dot {
	background-color: white;
}
.slider_component.simple-banner {
	position: relative;
}

.slider_component.simple-banner .stripTransmitter {
	position: absolute;
	bottom: 0;
	z-index: 9999;
	width: 100% !important;
	background: transparent;
	border-bottom: none;
}

.slider_component.simple-banner .stripTransmitter a {
	line-height: 40px;
}

.slider_component.simple-banner .stripTransmitter>ul {
	width: max-content;
	margin: 0px auto;
}

.slider_component.simple-banner .stripTransmitter ul li {
	width: 20px;
}

.carousel .item .item__name:before, .carousel__component--carousel .item .item__name:before,
	.carousel .carousel__item .item__name:before,
	.carousel__component--carousel .carousel__item .item__name:before,
	.carousel .item .carousel__item--name:before,
	.carousel__component--carousel .item .carousel__item--name:before,
	.carousel .carousel__item .carousel__item--name:before,
	.carousel__component--carousel .carousel__item .carousel__item--name:before
	{
	display: none;
}

.carousel .item .item__name:after, .carousel__component--carousel .item .item__name:after,
	.carousel .carousel__item .item__name:after,
	.carousel__component--carousel .carousel__item .item__name:after,
	.carousel .item .carousel__item--name:after,
	.carousel__component--carousel .item .carousel__item--name:after,
	.carousel .carousel__item .carousel__item--name:after,
	.carousel__component--carousel .carousel__item .carousel__item--name:after
	{
	display: none;
}

.page-orders .main__inner-wrapper, .page-invoice .main__inner-wrapper,
	.page-my-profile .main__inner-wrapper, .page-deliveries .main__inner-wrapper,
	.page-complaints .main__inner-wrapper, .page-create-complaints .main__inner-wrapper,
	.page-statement-of-account .main__inner-wrapper, .page-balance-confirmation .main__inner-wrapper,
	.page-tonner-report .main__inner-wrapper,.page-dcmdoc .main__inner-wrapper,.page-loyality .main__inner-wrapper,
	.page-truck-details .main__inner-wrapper, .page-deal-details .main__inner-wrapper,
	.page-product-prices .main__inner-wrapper {
	margin-top: -20px;
	padding-top: 40px;
	margin-bottom: -20px;
	padding-bottom: 40px;
}

.page-my-profile .accountMyProfile, .accountInvoiceHistory,
	.accountOrderHistory {
	box-shadow: none;
	background: #ffffffeb;
}
.page-my-profile .accountMyProfile{
	display: flow-root;
}
.testBanner {
	display: none;
}

.fitScreen .loginHeader ~ .container {
	padding-bottom: 10px;
	padding-top: 0px;
}

.fitScreen .logo-block p {
	font-size: 14px;
}

.fitScreen .logo-block {
	min-height: 24vh;
	max-height: 24vh;
	padding: 5px 10px 10px;
}

.fitScreen .logo-block img {
	margin-bottom: 0px;
}

.fitScreen .loginTitle {
	text-align: center;
	color: white;
	margin: 15px 10px 15px;
	font-weight: 700;
	font-size: 28px;
}

.fitScreen .footer__top {
	padding-bottom: 10px;
	padding-top: 10px;
}

.fitScreen .corporateWebSite {
	text-align: center;
	margin: 10px 10px;
}

.fitScreen .footer__top .footer__nav--container .footer__nav--links a img
	{
	width: 35px;
}

.fitScreen .loginHeader ~ .container {
	background-image:
		url(/_ui/responsive/common/images/login-bg-updated.jpg);
	padding-bottom: 10px;
	padding-top: 0px;
	max-height: calc(100vh - 175.8px);
	min-height: calc(100vh - 175.8px);
	overflow: hidden;
	background-size: cover;
}

.fitScreen .logos {
	width: 90%;
	margin: 10px auto;
	padding-top: 5px;
}

.fitScreen .loginContainer .logos:last-child {
	margin: 20px auto 20px;
}

.fitScreen footer .footer__copyright {
	padding: 8px;
}

.navigation--top .nav__right .nav__links--account li:last-child a {
	border: 1px solid #9ba4b945;
	background: #0000ff0a;
	border-radius: 5px;
	padding: 10px 13px;
	text-align: center;
}

span.welcomeText {
	font-size: 19px;
	margin-bottom: 7px;
	display: inline-block;
}

span.customerName {
	font-size: 16px;
}

.accountOrderHistory, .accountInvoiceHistory, .accountDeliveryPage {
	width: 95%;
	margin: 0px auto;
}
.page-deliveries .accountDeliveryPage{
	width: 98%;
    margin: 0px 5px;
}

.account-section .account-section-content .accountDeliveryPage .form-group,
.account-section .account-section-content .accountOrderHistory .form-group,
.account-section .account-section-content .accountInvoiceHistory .form-group
{
	width: 25%;
	margin: 10px 2.1%;
}
.account-section .account-section-content .accountDeliveryPage .container-lg
	{
	padding-bottom: 8px;
}

.account-section .account-section-content .accountDeliveryPage .account-section-form,
	.account-section .account-section-content .accountOrderHistory .account-section-form
	{
	float: left;
	width: 100%;
}
.logo-block {
	min-height: 210px;
	max-height: 210px; 
	padding: 5px 10px 10px;
	background: white;
	border-radius: 25px;
	box-shadow: 0px 0px 3px 1px #0098da;
}

.logo-block[data-color="axial"] {
	box-shadow: 0px 0px 3px 1px #09bfff;
	box-shadow: 1px 1px 0px #09bfff, 2px 2px 0px #09bfff, 3px 3px 0px
		#09bfff, 4px 4px 0px #09bfff, 4px 4px 0px #09bfff, 4px 4px 0px #09bfff;
}

.logo-block[data-color="axial"]:hover {
	box-shadow: 0px 0px 3px 1px #09bfff;
	box-shadow: 3px 3px 0px #09bfff, 4px 4px 0px #09bfff, 5px 5px 0px
		#09bfff, 6px 6px 0px #09bfff, 7px 7px 0px #09bfff, 8px 8px 0px #09bfff;
}

.logo-block[data-color="bharuch"] {
	box-shadow: 1px 1px 0px #7f7f7f, 2px 2px 0px #7f7f7f, 3px 3px 0px
		#7f7f7f, 4px 4px 0px #7f7f7f, 4px 4px 0px #7f7f7f, 4px 4px 0px #7f7f7f;
}

.logo-block[data-color="bharuch"]:hover {
	box-shadow: 3px 3px 0px #7f7f7f, 4px 4px 0px #7f7f7f, 5px 5px 0px
		#7f7f7f, 6px 6px 0px #7f7f7f, 7px 7px 0px #7f7f7f, 8px 8px 0px #7f7f7f;
}

.logo-block[data-color="finesta"] {
	box-shadow: 1px 1px 0px #0098da, 2px 2px 0px #0098da, 3px 3px 0px
		#0098da, 4px 4px 0px #0098da, 4px 4px 0px #0098da, 4px 4px 0px #0098da;
}

.logo-block[data-color="finesta"]:hover {
	box-shadow: 3px 3px 0px #0098da, 4px 4px 0px #0098da, 5px 5px 0px
		#0098da, 6px 6px 0px #0098da, 7px 7px 0px #0098da, 8px 8px 0px #0098da;
}

.logo-block[data-color="carbide"] {
	box-shadow: 0px 0px 3px 1px #002060;
	box-shadow: 1px 1px 0px #002060, 2px 2px 0px #002060, 3px 3px 0px
		#002060, 4px 4px 0px #002060, 4px 4px 0px #002060, 4px 4px 0px #002060;
}

.logo-block[data-color="carbide"]:hover {
	box-shadow: 0px 0px 3px 1px #002060;
	box-shadow: 3px 3px 0px #002060, 4px 4px 0px #002060, 5px 5px 0px
		#002060, 6px 6px 0px #002060, 7px 7px 0px #002060, 8px 8px 0px #002060;
}

.logo-block[data-color="bioseed"] {
	box-shadow: 0px 0px 3px 1px #00b050;
	box-shadow: 1px 1px 0px #00b050, 2px 2px 0px #00b050, 3px 3px 0px
		#00b050, 4px 4px 0px #00b050, 4px 4px 0px #00b050, 4px 4px 0px #00b050;
}

.logo-block[data-color="bioseed"]:hover {
	box-shadow: 3px 3px 0px #00b050, 4px 4px 0px #00b050, 5px 5px 0px
		#00b050, 6px 6px 0px #00b050, 7px 7px 0px #00b050, 8px 8px 0px #00b050;
}

.logo-block[data-color="farm"] {
	box-shadow: 0px 0px 3px 1px #0095da;
	box-shadow: 1px 1px 0px #0095da, 2px 2px 0px #0095da, 3px 3px 0px
		#0095da, 4px 4px 0px #0095da, 4px 4px 0px #0095da, 4px 4px 0px #0095da;
}

.logo-block[data-color="farm"]:hover {
	box-shadow: 3px 3px 0px #0095da, 4px 4px 0px #0095da, 5px 5px 0px
		#0095da, 6px 6px 0px #0095da, 7px 7px 0px #0095da, 8px 8px 0px #0095da;
}

.logo-block[data-color="cement"] {
	box-shadow: 0px 0px 3px 1px #c7462f;
	box-shadow: 1px 1px 0px #c7462f, 2px 2px 0px #c7462f, 3px 3px 0px
		#c7462f, 4px 4px 0px #c7462f, 4px 4px 0px #c7462f, 4px 4px 0px #c7462f;
}

.logo-block[data-color="cement"]:hover {
	box-shadow: 3px 3px 0px #c7462f, 4px 4px 0px #c7462f, 5px 5px 0px
		#c7462f, 5px 5px 0px #c7462f, 7px 7px 0px #c7462f, 8px 8px 0px #c7462f;
}

.logo-block[data-color="sugar"] {
	box-shadow: 0px 0px 3px 1px #0098da;
	box-shadow: 1px 1px 0px #0098da, 2px 2px 0px #0098da, 3px 3px 0px
		#0098da, 4px 4px 0px #0098da, 4px 4px 0px #0098da, 4px 4px 0px #0098da;
}

.logo-block[data-color="sugar"]:hover {
	box-shadow: 3px 3px 0px #0098da, 4px 4px 0px #0098da, 5px 5px 0px
		#0098da, 6px 6px 0px #0098da, 7px 7px 0px #0098da, 8px 8px 0px #0098da;
}

.logo-block:hover {
	position: relative;
	bottom: 5px;
	left: 5px;
}

.page-productDetails .carousel.image-gallery__image.js-gallery-image.owl-carousel.owl-theme
	{
	height: 300px;
}

.page-productDetails .image-gallery .image-gallery__image .owl-item img
	{
	max-width: 100%;
	height: 100%;
	max-height: 100%;
	border-radius: 4px;
	padding: 3px;
	width: auto;
}

.product-details .description, .product-details-price .description {
	border-bottom: unset;
	text-decoration: underline;
}

.page-productDetails .owl-carousel .owl-wrapper-outer,
	.page-productDetails .owl-carousel .owl-wrapper-outer .owl-wrapper,
	.page-productDetails .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item,
	.page-productDetails .image-gallery .image-gallery__image .owl-item .item,
	.page-productDetails .image-gallery .image-gallery__image .owl-item .item div
	{
	height: 100%;
}

.product__listing.product__grid .thumb img {
	height: 100%;
	border-radius: 4px;
	padding: 3px;
	max-width: 100%;
   width: auto;
}

.product__listing.product__grid .details .name {
	text-decoration: underline;
}

#accountInvoiceTable .glyphicon-save-file {
	font-size: 20px;
}

#accountInvoiceTable .fa,
.orderDetailData .fa {
	width: 40px;
	text-align: center;
	text-decoration: none;
	margin: 5px 2px;
	color: #ffffff;
	font-size: 20px;
	padding: 0px;
	color: red;
	padding-top: 5px;
	cursor: pointer;
}

#accountInvoiceTable td:last-child {
	text-align: center;
	padding: 0px;
}
.accNavComponent {
	background: #a2a2a2;
	border-radius: 5px;
}

.pagination {
	background: white;
}

.product__listing.product__grid .details {
	white-space: unset;
	word-break: break-word;
}

.page-productDetails .image-gallery__zoom-icon.glyphicon.glyphicon-resize-full
	{
	display: none;
}

.complaintData {
	width: 84%;
	margin: 20px auto;
	border-radius: 4px;
	background: #ffffffeb;
}

.healthsummary {
	float: left;
	width: 100%;
	background-color: purple;
	min-height: 220px;
	padding: 50px 0px;
	opacity: 0.8;
	color: #fff;
	text-align: center;
}

.healthsummary h1{
	font-weight: bold;
    font-size: 20px;
    margin-top: 10px;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
}

.row .healthsummary .col-sm-4 {
	margin:0px 1%;
	border:1px solid #ccc;
	padding: 0px;
	min-height: 180px;
	background: #ffffffdb;
}

.row .healthsummary .col-sm-4 .healthBlock {
	width: 100%;
	padding: 20px 0px;
	border-radius: 10px;
	min-height: 180px;
}

.healthsummary h3 {
	text-align: center;
	min-height: 90px;
	font-weight: 600;
	margin-bottom: 0px;
	font-size: 20px;
	margin: 0px;
	padding-top: 20px;
	padding-left: 10px;
    padding-right: 10px;
}

.healthsummary a {
	text-align: center;
	min-height: 90px;
	font-weight: bold;
	margin-bottom: 0px;
	font-size: 21px;
	margin: 0px;
	/* padding-top: 20px;
	padding-left: 10px;
    padding-right: 10px; */
}

.healthsummary h1 .fa {
	width: 10px;
	text-align: center;
	text-decoration: none;
	margin: 5px 2px;
	color: #ffffff;
	font-size: 20px;
	padding: 8px 2px;
	color: black;
}

.pagination-bar.bottom .sort-refine-bar .form-group label,
	.pagination-bar.bottom .sort-refine-bar .form-group form {
	visibility: hidden;
}

.verticalSlider {
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 200px;
	overflow: hidden;
	height: 200px;
}

.slides {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 200px;
	overflow: hidden;
}

.horzSlider {
	position: relative;
	top: 60px;
	left: 0;
	width: calc(100vw - 60px);
	margin: 0px auto;
	height: 500px;
	z-index: 999999999999999;
}

.horzslides {
	position: absolute;
	top: 0px;
	left: 0px;
	width: calc(100vw - 60px);
	height: 500px;
	overflow: hidden;
}

.horzslides>div>div {
	text-align: center;
}

#sliderBig img {
	position: relative !important;
	vertical-align: middle;
	width: initial !important;
	display: inline-block !important;
	text-align: center !important;
}

#sliderBig {
	display: none;
	width: 100%;
	position: fixed;
	left: 0;
	top: 0px;
	width: 100vw;
	margin: 0px auto;
	z-index: 9999999999999;
	height: 100vh;
	width: 100%;
	background: #000000ed;
}

.removejside span {
	color: white;
	font-size: 25px;
	position: absolute;
	right: 30px;
	top: 22px;
	cursor: pointer;
}

#sliderBig .jssora051 svg {
	background: #ffffff52;
}

.jssora051 {
	display: block;
	position: absolute;
	cursor: pointer;
}

.jssora051 .a {
	fill: none;
	stroke: black;
	stroke-width: 600;
	stroke-miterlimit: 10;
}

.jssora051:hover {
	opacity: .8;
}

.jssora051.jssora051dn {
	opacity: .5;
}

.jssora051.jssora051ds {
	opacity: .3;
	pointer-events: none;
}

.jssorb031 {
	position: absolute;
}

.jssorb031 .i {
	position: absolute;
	cursor: pointer;
}

.jssorb031 .i .b {
	fill: #000;
	fill-opacity: 0.5;
	stroke: #fff;
	stroke-width: 1200;
	stroke-miterlimit: 10;
	stroke-opacity: 0.3;
}

.jssorb031 .i:hover .b {
	fill: #fff;
	fill-opacity: .7;
	stroke: #000;
	stroke-opacity: .5;
}

.jssorb031 .iav .b {
	fill: #fff;
	stroke: #000;
	fill-opacity: 1;
}

.jssorb031 .i.idn {
	opacity: .3;
}

.imageTiles {
	cursor: pointer;
}

.complaintDataTable table thead {
	background: #0098da;
}

.complaintDataTable .table-striped>tbody>tr:nth-of-type(even),
	.complaintDataTable .table-striped>tbody>tr:nth-of-type(even):hover {
	background-color: #99d5f175;
}

.complaintDataTable .responsive-table th:first-child {
	padding: 8px 8px;
}
.tracking.complaintData {
	width: 95%;
}
.complaintData, .createComplaintFormData {
	width: 84%;
	margin: 20px auto;
	border-radius: 4px;
	background: #ffffffeb;
}

.newComplaintButton a {
	color: white;
}

.newComplaintButton, .complaintBackButton {
	text-align: right;
	margin: 5px auto 25px;
	width: 90%;
}
.complaintForm .form-group input,.complaintForm .form-group select,
.complaintForm .form-group textarea {
	width: 40%;
	display: inline-block;
}
.complaintForm .form-group label {
	text-align: right;
	width: 49%;
	display: inline-block;
	padding-right: 15px;
	color: black;
	text-transform: capitalize;
}
.complaintForm {
	width: 70%;
	padding-top: 30px;
	padding-bottom: 4px;
}
.complaintForm .form-control {
	border-radius: 5px;
	padding: 5px 10px;
}
.complaintForm .form-group {
	margin-bottom: 25px;
}
.newComplaintButton button, .newComplaintButton button:active {
	padding: 5px 15px;
	background: #e11414;
	border: 3px solid #e11414;
	font-size: 14px;
	margin-right: 2px;
	color: white;
}

.account-section .complaintData .responsive-table td {
	padding: 10px;
}

.newComplaintButton button:hover {
	color: white;
	background-color: #e11414;
	border-color: #e11414;
}

.complaintForm .complaintFormFields {
	margin: 20px 10px;
	width: 75%;
	padding: 20px 10px;
}

.complaintForm textarea.form-control {
	min-height: 70px;
}

.complaintForm label.relativePosition {
	top: -47px;
}

.complaintForm label.fileLabel {
}

.complaintForm #file {
	height: 34px;
	padding: 5px 5px;
}

.complaintForm label.fileLabel span {
	font-size: 12px;
}

.complaintForm  .btn-primary {
	border: 3px solid;
	color: #ffffff;
	background-color: #0098da;
	border-color: #0098da;
	padding: 5px 10px;
	margin-left: 50%;
	font-size: 15px;
}

.complaintBackButton {
	padding-left: 1px;
	width: 70%;
    float: right;
    color: white;
    margin: 0px auto 0px;
}
.page-create-complaints .account-section-header{
	 display: flex;
	}
.complaintBackButton a {
	cursor: pointer;
	color: black;
	font-weight: 700;
}

.pagination>li>a, .pagination>li>span {
	cursor: pointer;
}

.complaintData .pagination-wrap {
	padding-top: 0px;
	float: none;
	padding: 0px 15px 15px;
}

.createComplaintFormData {
	width: 75%;
}

.complaintBackButton span {
	font-size: 13px;
	top: 2px;
}

.complaintForm #file input {
	background: grey;
}

.complaint input[type="file" i] {
	background: grey;
}

.complaintForm label.fileSupport {
	margin-left: 50%;
	font-size: 11px;
	top: 0px;
	text-align: left;
	color: red;
	text-transform: unset;
}

.fileNames span,
.fileNamesDisplay span {
    padding: 3px;
    border: 1px solid #9c9696;
    display: inline-block;
    border-radius: 3px;
    word-break: break-all;
    color: grey;
    margin-bottom: 10px;
}

table th {
	background: none;
}

.complaintData .emptyData {
	text-align: center;
	padding-top: 20px;
	font-size: 16px;
	font-weight: 600;
	padding-bottom: 10px;
}

.product__listing .addtocart {
	display: none;
}

.th-minwidth {
	min-width: 110px;
}

.accountbalances {
	background-color: #a7a7a7;
}

.accountbalances .accountlimit {
	padding: 20px 0px;
}

.accountbalances .accountlimit>span {
	text-align: center;
	display: block;
	color: #fff;
	font-weight: 600;
	font-size: 18px;
}

.accountbalances .accountlimit p {
	margin-bottom: 0;
	text-align: center;
	color: #fff;
	font-size: 24px;
	font-weight: bold;
	line-height: 22px;
}

.accountbalances .accountlimit-mid {
	border-left: 0.1px solid #ccc;
	border-right: 0.1px solid #ccc;
}

.clearboth {
	clear: both;
}

.product-details .description, .product-details-price .description {
	font-size: 24px;
	line-height: 35px;
	font-weight: 700;
	padding: 10px 0 25px;
	margin: 0;
	padding: 0;
}

.account-section-header .glyphicon.glyphicon-plus,
	.account-section-header .glyphicon.glyphicon-minus {
	font-weight: 600;
	float: right;
	top: 7px;
	font-size: 12px;
	cursor: pointer;
	font-family: "open sans";
	text-decoration: underline;
}

.account-section-header .glyphicon-plus:before {
	content: "Click here to expand";
}

.account-section-header .glyphicon-minus:before {
	content: "Click here to collapse";
}
.searchFilters {
	display: none;
}

#accountStatementTablePagination .fa,
#openContractsTablePagination .fa,
#accountInvoiceTablePagination .fa,
#accountDeliveryDetailsPagination .fa,
#accountOrderHistoryTablePagination .fa,
#outstandingDetailsTablePagination .fa,
#complaintHistoryTablePagination .fa,
#trackEnqTablePagination .fa,
#lineItemsTable1Pagination .fa,
#accountTruckDetailsTablePagination .fa,
#accountDealDetailsTablePagination .fa {
	position: absolute;
	font-size: 25px;
	padding-left: 20px;
	top: 0px;
	color: red;
	cursor: pointer;
}
#accountStatementTablePagination .fa.fa-file-excel-o,
#openContractsTablePagination .fa.fa-file-excel-o,
#accountInvoiceTablePagination .fa.fa-file-excel-o,
#accountDeliveryDetailsPagination .fa.fa-file-excel-o,
#accountOrderHistoryTablePagination .fa.fa-file-excel-o,
#outstandingDetailsTablePagination .fa.fa-file-excel-o,
#complaintHistoryTablePagination .fa.fa-file-excel-o,
#trackEnqTablePagination .fa.fa-file-excel-o,
#lineItemsTable1Pagination .fa.fa-file-excel-o,
#accountTruckDetailsTablePagination .fa.fa-file-excel-o,
#accountDealDetailsTablePagination .fa.fa-file-excel-o{
	color:green;
	cursor: pointer;
}
.fa .fa-file-excel-o{
	padding-left: 320px;
}

#accountStatementTablePagination,
#openContractsTablePagination,
#oppSummaryTablePagination,
#accountOrderHistoryTablePagination,
#accountDeliveryDetailsPagination,
#accountInvoiceTablePagination,
#outstandingDetailsTablePagination,
#trackEnqTablePagination,
#accountTruckDetailsTablePagination,
#accountDealDetailsTablePagination {
	position: relative;
	display: block !important;
}
#accountStatementTablePagination .downloadPDF {
	font-size: 12px;
	position: absolute;
	padding-left: 50px;
	top: 15px;
	color: black;
	font-weight: 700;
	cursor: pointer;
}
#accountStatementTablePagination .downloadExcel,
#openContractsTablePagination .downloadExcel,
#accountInvoiceTablePagination .downloadExcel,
#accountDeliveryDetailsPagination .downloadExcel,
#accountOrderHistoryTablePagination .downloadExcel,
#outstandingDetailsTablePagination .downloadExcel,
#complaintHistoryTablePagination .downloadExcel,
#trackEnqTablePagination .downloadExcel,
#lineItemsTable1Pagination .downloadExcelDetails,
#accountTruckDetailsTablePagination .downloadExcel,
#accountDealDetailsTablePagination .downloadExcel{
	font-size: 12px;
	position: absolute;
	padding-left: 50px;
	top: 15px;
	color: black;
	font-weight: 700;
	cursor: pointer;
}

#accountStatementTable,#openContractsTable,#outstandingDetailsTable,
#customerProfileTable,#oppSummaryTable,#bookingTable, #interactionTable,
#trackEnqTable,#surveyDealerTable,#lineItemsTable1 {
    overflow-x: auto;
    white-space: nowrap;
}
.accountlimit .fa-inr {
	position: relative;
	text-align: center;
	text-decoration: none;
	margin: 5px 2px;
	width: auto;
	color: #ffffff;
	font-size: 22px;
	padding: 0px 4px;
	top: 1px;
}
.pdpDetailsTabs .tabs{
	margin: 0px 0 0;
}
.healthsummary .col-sm-4 {
	width: 31%;
	min-height: 190px;
	padding: 20px;
	margin: 1%;
	border-radius: 10px;
	color: black;
}

.healthsummary {
	width: 100%;
	background-color: white;
	min-height: 180px;
	padding: 0px 0px;
	margin: 0px 10px;
	text-align: center;
	background-image: #ccc;
	display: flex;
}

.healthsummary .pendingOrder {
	
}

.healthsummary .salesYear {
	
}

.healthsummary .currentMonth {

}

.pdpCart {
	padding-top: 40px;
	padding-left: 50px;
}
.pdpMoreInfo{
	float: right;
}
.owl-wrapper-outer .owl-wrapper .owl-item .showPopUpVideo{
	width: 35px;
}
.pdpCart .addtocart-component .actions .btn {
	width: auto;
}

.mobileTable {
	display: none;
}
.fitContent{
	width: auto !important;
	height:auto !important;
}
.showVideoClass{
	text-align: center;
}
.accountbalances .accountlimit p span {
	
}

.navigation--top .nav__right .nav__links--account.flexDisplay {
	display: flex;
}

.navigation--top .nav__right .nav__links--account.flexDisplay .userLineOfBusiness
	{
	order: 5;
}

.navigation--top .nav__right .nav__links--account.flexDisplay .logged_in.js-logged_in
	{
	order: 1;
	padding-left: 10px;
}
.navigation--top .nav__right .nav__links--account.flexDisplay .searchBox
	{
	order: 2;
}

.navigation--top .nav__right .nav__links--account.flexDisplay .yCmsComponent.relativePosition
	{
	order: 3;
	visibility: hidden;
}

.navigation--top .nav__right .nav__links--account.flexDisplay .liOffcanvas
	{
	order: 4;
}
table.rt-responsive-table {
	width: 100%;
	border-collapse: collapse;
}

table.rt-responsive-table.rt-vertical-table, table.rt-responsive-table.rt-vertical-table thead,
	table.rt-responsive-table.rt-vertical-table tbody, table.rt-responsive-table.rt-vertical-table th,
	table.rt-responsive-table.rt-vertical-table td, table.rt-responsive-table.rt-vertical-table tr
	{
	display: block;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	clear: left;
	width: 100%;
}

table.rt-responsive-table.rt-vertical-table thead tr {
	position: absolute;
	top: -9999px;
	left: -9999px;
}

table.rt-responsive-table.rt-vertical-table tbody td div.responsive-container
	{
	float: left;
	width: 51%;
	display: block;
	word-break: break-word;
	white-space: pre-line;
}

table.rt-responsive-table.rt-vertical-table tr {
	border: 1px solid #ccc;
}

table.rt-responsive-table.rt-vertical-table td {
	border: none;
	position: relative;
}

table.rt-responsive-table.rt-vertical-table td:before {
	position: relative;
	width: 45%;
	padding-right: 10px;
	font-weight: bold;
	float: left;
	white-space: pre-line;
}

.account-section .account-overview-table {
	margin-left: 0px;
	margin-right: 0px;
}

.pagination>li.rightdoublearrow>span, .pagination>li.leftdoublearrow span
	{
	font-size: 24px;
	line-height: 30px;
	width: 35px;
}

.rightdoublearrow {
	border-left: 1px solid #ccc;
}

.leftdoublearrow {
	border-right: 1px solid #ccc;
}

.accountbalances .accountlimit span.filtDate {
	font-size: 16px;
}

.myaccountLinks {
	width: 76%;
}

.navigation--bottom .myAccountData {
	margin-top: 20px;
	margin-top: 0px;
}

.linkItems {
	padding-left: 0px;
}

input.openContactsCheckBox[disabled='disabled'] ~ span.checkmark{
	background:#ccc;
}

.navigation--bottom {
	background-color: white;
}

.myAccountData>li.productDesc>span .glyphicon {
	padding: 0px 7px;
	font-size: 15px;
	cursor: pointer;
}

.myAccountData>li.productDesc>span .glyphicon.disabled {
	opacity: 0.5;
}

.healthsummary .pendingOrder .healthBlock::after {
}

.max-width-130px {
	max-width: 130px;
}
.healthsummary .healthTile{
	background-size: 100% 100%;
    background-blend-mode: overlay;
}
.healthsummary .currentMonth .healthBlock::after {
}

.healthsummary .salesYear .healthBlock::after {
}

.healthsummary .totalOutstand .healthBlock::after {
}

.healthsummary .overDue .healthBlock::after {
}

.navigation--top .nav__right .nav__links--account .yCmsComponent.relativePosition
	{
	visibility: hidden;
}

.nav__left {
	position: relative;
}

.nav__left .customDropdown .glyphicon.glyphicon-chevron-down {
	left: 137px;
	top: 35px;
}

.nav__left ul {
	list-style: none;
}

.nav__left .lineOfBussinessLogos {
	position: absolute;
	width: 138px;
	border: 1px solid #ccc;
	top: 90px;
	min-height: 85px;
	left: -13px;
	background: white;
	padding: 0px 5px;
	z-index: 99;
}

.nav__left ul.lineOfBussinessLogos li {
	display: block;
	padding: 3px 0px;
	border-bottom: 1px solid #ccc;
	height: 100%;
	cursor: pointer;
}

.orderDetailData {
	box-shadow: 0px 0px 5px 1px #e2e2e2;
}

.accountInvoiceHistory.orderDetailData .account-section-header{
	color: #000;
}

.marquetext .content>span {
	padding-left: 20px;
}

.marquetext .content>span>span {
	padding-left: 5px;
}

.marquetext .customerName {
	font-size: 18px;
}

.page-fenesta-complaints .main__inner-wrapper, .page-create-complaints .main__inner-wrapper,
	.page-dealer-installation .main__inner-wrapper, .page-track-order .main__inner-wrapper,
	.page-customer-profile .main__inner-wrapper, .page-opportunity-summary .main__inner-wrapper,
	.page-booking-summary .main__inner-wrapper, .page-dealer-survey .main__inner-wrapper,
	.page-dealer-interaction-details .main__inner-wrapper,
	.page-track-enquiry .main__inner-wrapper, .page-outstanding-balance .main__inner-wrapper,
	.page-open-contracts .main__inner-wrapper,.page-contactUsPage .main__inner-wrapper,.page-dcmscheme .main__inner-wrapper{
	margin-top: -25px;
	padding-top: 25px;
	padding-bottom: 25px;
}

.contactUsBottom {
	width: 25%;
	position: fixed;
	top: calc(100vh - 42px);
	right: 0;
	z-index: 99999999;
}

.contactForm {
	background: white;
	padding: 10px 10px;
}
.contactUsLeft .contactForm{
    height: 480px;
	border: 1px solid #ccc;
}

.contactForm #contactDescription {
	min-height: 90px;
}
.knowledgeDataPage {
	width: 90%;
}

.page-dcmdoc .knowledgeDataPage .account-section-header {
	margin-bottom: 30px;
	color: #fff;
}

.page-dcmdoc .knowledgeDataPage .knowledgecenter-width {
	width: 90%;
	margin: 0px auto;
}

.page-dcmdoc .knowledgeDataPage .knowledgecenter {
	background-color: #0095dab0;
	color: #fff;
	margin-bottom: 20px;
	padding: 10px 15px;
	float: left;
	width: 100%;
	border-radius: 6px;
}

.knowledgecenter .fa {
	width: 40px;
    text-align: center;
    text-decoration: none;
    margin: 5px 2px;
    font-size: 20px;
    padding: 0px;
    color: red;
    padding-top: 5px;
    cursor: pointer;
    float: right;
}
.assignData .assignDataBlock span {
	display: inline-block;
	width: 100%;
}
.page-dcmdoc .knowledgeDataPage .knowledgecenter p{
    margin-bottom: 0px;
    font-size: 18px;	
    font-weight: 700;
    float: left;
     width: auto;
     margin-top: 4px;
}
#attachment {
	padding: 4px;
}
.account-section .account-section-content .accountInvoiceHistory .accountActions {
	   width: 15%;
	}
.account-section .account-section-content .accountInvoiceHistory .accountActions {
}
.contactUsBottom .contactUsHeader p {
	color: white;
	margin: 0px;
	padding: 10px 15px;
	font-weight: 700;
	width: 48%;
	background: #f28424;;
	font-size: 15px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom: 1px solid #ccc;
	cursor: pointer;
}

.contactUsBottom.contactUsLeft .accountActions {
	padding-top: 0px;
	margin-bottom: 15px;
}

.account-section .account-section-content .contactForm form {
	padding: 10px 10px;
}

.contactForm .accountActions .btn {
	width: 75%;
	margin: 0px auto;
	padding: 5px 10px;
	border-radius: 5px;
}

.contactForm .accountActions {
	width: 80%;
	margin: 0px auto;
}

.contactForm input, .contactForm textarea, .contactForm button {
	border-radius: 5px;
}

.contactForm .fileSupport,
#createComplaint .fileSupport {
    font-size: 11px;
    color: red;
    white-space: normal;
}

.page-contactUsPage .contactForm #contactForm {
	height: auto;
}

.contactForm #contactForm {
	height: 450px;
	overflow-y: auto;
}

.contactUsHeader .fa {
	position: absolute;
	top: -3px;
	right: 54%;
	width: auto;
	font-size: 20px;
}

.outstandingDetails td .fa-inr {
	color: black;
	padding: 0px;
	width: 5px;
	font-size: 13px;
}
td .fa-inr {
    color: black;
    padding: 0px;
    width: 5px;
    font-size: 13px;
}
.table-responsive table.rt-responsive-table.rt-vertical-table tbody tr td:nth-child(1)
	{
	padding-left: 10px;
	white-space: normal;
}

.assignInfo {
	position: relative;
}

.assignInfo i {
	width: 20%;
	margin: 0px;
	color: #696363;
	vertical-align: top;
	cursor: pointer;
	    padding: 0px;
}

.assignedTo {
	display: inline-block;
	width: 80%;
}
.customcheckbox {
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 22px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.customcheckbox input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}
.form-control.openCInput{
	width:80%;
}
#outstandingDetailsTable tbody tr:first-child{
	font-size: 17px;
    background: #0098da;
}
#outstandingDetailsTable tbody tr:first-child td{
	font-weight:700;
	color:white;
}
.checkmark {
	position: absolute;
	top: 7px;
	left: -10px;
	height: 20px;
	width: 20px;
	background-color: #fff;
	border-radius: 4px;
	border: 1px solid #ccc;
	right: 0;
	margin: 0px auto;
}
.customcheckbox:hover input ~ .checkmark {
	background-color: #fff;
}

.customcheckbox input:checked ~ .checkmark {
	background-color: #fff;
	border: 1px solid #ccc;
}

.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

.customcheckbox input:checked ~ .checkmark:after {
	display: block;
}

.customcheckbox .checkmark:after {
	left: 6px;
	top: 4px;
	width: 5px;
	height: 10px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.openContractsData.lineitems .account-section-header .glyphicon-remove,
.openContractsData1.lineitems1 .account-section-header .glyphicon-remove  {
	float: right;
	position: relative;
	top: 8px;
	color: #000;
	cursor: pointer;
}

.lineItemNo {
	margin-left: 5px;
}

.placeorder {
	text-align: right;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-right: 15px;
}

.placeorder .btn {
	padding: 4px 15px;
	border-radius: 4px !important;
	margin-top: 10px;
}

.accountInvoiceHistory.openContractsData, 
.accountInvoiceHistory.openContractsData1{
	box-shadow: 0px 0px 5px 1px #e2e2e2;
}

#openContractsTable tbody tr td .contractNo {
	font-weight: 700;
	color: #1876b2;
	text-decoration: none;
}

.accountInvoiceHistory.openContractsData .openContractsData.lineitems .account-section-header,
.accountInvoiceHistory.openContractsData1 .openContractsData1.lineitems1 .account-section-header
	{
	background-color: #fff;
	color: #000;
	border-bottom: 0px;
}

.contactForm .accountActions {
	width: 80%;
}

.assignData {
	position: absolute;
	left: 100%;
	top: -7px;
	background: #e8e8e8;
	z-index: 99999999;
	min-width: 220px;
	padding: 25px 20px;
}

.assignData::after {
	content: '';
	position: absolute;
	left: 0%;
	top: 12%;
	width: 0;
	transform: rotate(315deg);
	height: 0;
	border-bottom: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 20px solid #e8e8e8;
	clear: both;
}

.assignData span.glyphicon.glyphicon-remove {
	position: absolute;
	right: 10px;
	top: 10px;
	cursor: pointer;
	color: #4c4949;
}

.assignData .assignDataBlock span:first-child {
	color: #4c4949;
	font-weight: bold;
}

.marquetext .row {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
}

.marquetext [class*="col-"] {
	display: flex;
	flex-direction: column;
}

.account-section .account-section-content .contactFormData .contactForm form{
	width: 75%;
    padding-top: 30px;
    min-height: 300px;
}
.complaintForm.contactFormData label.relativePosition.subj {
	top:0px;
}
.complaintForm.contactFormData{
	 width: 100%;
    padding-top: 0px;
    padding-bottom: 4px;
}
.complaintForm.contactFormData .contactForm .accountActions .btn {
    width: auto;
    margin: 0px auto;
    padding: 5px 40px;
    border-radius: 5px;
    margin-left: 50%;
}
.contactUsLeft .contactUsHeader {
	 bottom: 198px;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(270deg);
	width: 160px;
	position: absolute;
	left: -100px;
}

.contactUsLeft.contactUsBottom {
	width: 310px;
    position: fixed;
    top: calc(100vh - 500px);
    right: -310px;
    z-index: 9999;
}

.contactUsLeft .contactUsHeader.opened{
    top: -41px;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
     transform: rotate(0); 
    width: 166px;
    position: absolute;
    left: 0;
    height:30px;
}

.contactUsLeft.contactUsBottom .fa {
	position: absolute;
	top: -2px;
	right: 8%;
	width: auto;
	font-size: 20px;
}

.contactUsBottom.contactUsLeft .contactUsHeader p{
	width:auto;
}
.blinking{
	animation:blinkingText .9s infinite;
}
.blinking.disabled{
	animation:none;
}
.nav__links.nav__links--products.js-offcanvas-links>li.productDesc.lastArrow{
	background: none;
	margin-right: 0px;
}
.myAccountData>li.lastArrow .glyphicon.disabled {
    opacity: 0.5;
    color:white;
}
.myAccountData li.lastArrow span{
	font-size: 20px;
    color: white;
    top: 10px;
    color: #FFF;
    cursor:pointer;
}
.myAccountData li span.moreOption{
	font-family: "Open Sans", Helvetica, sans-serif;
	font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    position: absolute;
    margin-top: 4px;
    margin-left: 10px;
}
.complaintData .marginBottom85{
	margin-bottom:85px;
}
@keyframes blinkingText{
	0%{opacity: 0;}
	50%{opacity: .5;}
	100%{opacity: 1;}
}
.account-section .account-section-content .contactFormData .accountActions{
	padding-top:0px;
}
.successContactUs,.failContactUs{
	margin:50px auto;
	width:55%;
	font-weight:600;
}
.contactUsBottom .successContactUs,.contactUsBottom .failContactUs{
	width:80%;
}
.accountOrderHistory .schemes {
	margin-top: 50px;
	padding: 0px 20px;
}

.accountOrderHistory .schemes p {
	text-align: center;
	color: #000;
	font-weight: 700;
	font-size: 18px;
	word-break: break-word;
}

.accountOrderHistory .schemes .pdf_url {
	
}

.accountOrderHistory .schemes .pdf_url .accountActions {
	width: 100%;
	float: left;
}

.schemes .pdf_url .btn {
	width: auto;
	margin: 0px auto;
}
.contactFormData .contactForm{
	background:none;
}

#createComplaintSuccess,#createEnquirySuccess{
    text-align: center;
}

.page-create-complaints #cboxTitle,.page-new-enquiry #cboxTitle{
	padding: 15px 15px 5px;
	background: #0098da;
	color: white;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	height: auto;
	border-top-right-radius: 5px;
}

.page-create-complaints #cboxClose,.page-new-enquiry #cboxClose {
	color: white;
	font-size: 16px;
	top: 13px;
}

.page-create-complaints #colorbox #cboxTitle .headline span.headline-text,.page-new-enquiry #colorbox #cboxTitle .headline span.headline-text
	{
	text-align: left;
	font-size: 20px;
}

.page-create-complaints #cboxContent,.page-new-enquiry #cboxContent {
	border-radius: 5px;
}

.page-create-complaints #cboxLoadedContent,.page-new-enquiry #cboxLoadedContent {
	margin-top: 55px;
	padding: 10px 20px;
}

#createComplaintSuccess p,#createEnquirySuccess p {
	font-size: 18px;
	text-align: center;
	margin-bottom: 20px;
}

.page-create-complaints .successBtn,.page-new-enquiry .successBtn {
	margin: 0px auto;
	padding: 8px 20px;
	font-size: 12px;
	background-color: #0098da;
	color: white;
	border: 1px solid #0098da;
	border-radius: 5px !important;
	color: white;
}

.page-create-complaints .successBtn a,.page-new-enquiry .successBtn a {
	color: white;
}

#createEnquirySuccess {
	text-align: center;
	margin: 20px 0px;
}

.page-create-complaints .complaintForm .margin_bottom_15 {
	margin-bottom: 15px;
}

.page-create-complaints .complaintForm select {
	margin-left: 3px;
}

.yesButton,.noButton{
	width:44%;
	display:inline-block;
}
.popupButtons{
	margin-top:30px;
}
.popupButtonData .btn,.popupButtonData .btn{
	border-radius: 5px !important;
    padding: 7px 20px;
    height:40px;
    margin-right:20px;
}
.popupButtonData{
	text-align:center;
	padding-bottom: 10px;
}
.yesButton{
	text-align:right;
	margin-right:3%;
}
#balNo,#balNo:hover,#balNoCancel,#balNoCancel:hover,#balYesCancel:hover{
	color: black;
}
#balNo,#balNoCancel,#balYesCancel {
	background-color: #ccc;
	color: black;
}
.noButton{
	text-align:left;
}
#popupBalance p{
	font-size: 16px;
    font-weight: 600;
    text-align: center;
}
#popBalanceBlock {
    width: 100%;
    max-width: 100%; 
}
#reasonBlock,
#yesReasonBlock{
	display:none;
	width: 100%;
    max-width: 100%;
}
#reasonBlock textarea.form-control,
#yesReasonBlock textarea.form-control{
	height:100px;
	min-height:100px;
}
#reasonBlock .formData{
	width: 90%;
    margin: 0px auto;
}
#yesReasonBlock .formData{
	width: 90%;
    margin: 0px auto;
    display: flex;
    text-align: center;
}
.page-statement-of-account #yesReasonBlock .formData{
	width: 40%;
}
.account-section .account-section-content .accountOrderHistory #yesComments{
	margin: 10px auto;
}
.page-statement-of-account #colorbox #cboxTitle .headline-text{
	text-align:left;
}
.navigation--bottom .nav__links--products li.nav__links--primary.activeLink>span>a{
	text-decoration:underline;
}
.navigation--bottom .linkItems .nav__links--products li.nav__links--primary.activeLink>span>a {
    padding: 12px 0px 12px 5px;
}
.saveButtons{
	display:none;
}
.saveButtons,.editButtons{
	text-align: right;
    padding: 15px;
}
.saveButtons button,.editButtons button,.addressButtons button{
	margin: 10px 6px;
    height: 38px;
    padding: 5px 15px;
    border-radius: 5px !important;
}
.saveButtons .btn-secondary,.saveButtons .btn-secondary:hover,.editAddress .btn-secondary,.editAddress .btn-secondary:hover{
	color:black;
	background-color: #d2d0d0;
}
.editField{
	display:none;
	margin-bottom:0px;
}
.addressEditLink{
	cursor: pointer;
    font-size: 12px;
    font-weight: 600;
    padding: 1px 5px;
    border-radius: 3px;
}

.profileDetails span.calenderIcon{
    right: 18px; 
    top: 32px; 
}
.profileDetails .form-control[disabled],.profileDetails .form-control[readonly]{
    background-color: white;
    color: black;
    opacity: 1;
}
.profileDetails textarea{
	min-height:auto;
}
.profileDetails textarea{
	height:100px;
}
#reasonBlock .formDataBalConform{
    float: left;
    width: 100%;
}
#reasonBlock .formDataBalConform .margin_bottom_15{
     margin: 0px auto;
     float: none;
     margin-bottom: 20px;
     text-align: center;
}
.BalConform{
     margin-top:12px;
}
.balconfirm{
     width: 75%;
}
#header_bal_confirm{
    padding-left: 20px;
    padding-top: 10px;
    text-align: center;
}
.accountOrderHistory .bal-confirm-table{
	padding: 0px 0px;
	padding-left: 150px;
    padding-right: 150px;
    border-top: 0px;
    border-bottom: 0px;
    border: 0px;
}
#balanceConfirmationPopTable{
	border: 1px solid;
	margin-top: 10px;
}
.accountMyProfile .col-sm-3{
	margin-bottom:10px;
}
#password_bar{
  display: none !important;	
}
#resendOtp {
	display: block;
    width: 100%;
    text-align: center;
    background-color: #0095da;
    color: #fff;
    padding: 4px 12px;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    margin-top: 25px;
}
.otpmsg {
	
}
.marquetext>div:nth-child(2) {
	padding-top: 10px;
	padding-bottom: 5px;
   	padding-left: calc(1% + 15px);
    font-size: 15px;
    font-weight: 600;
    margin: 0px 0px 0px;
    text-transform: uppercase;
}
.marquetext>div:nth-child(3) {
	padding-top: 5px;
	padding-bottom: 5px;
    padding-left: 0px;
    font-size: 15px;
    font-weight: 600;
    margin: 0px 0px 0px;
    text-transform: uppercase;
}

.marquetext>div:nth-child(4) {
    padding: 0px;
    padding-right: 0px;
} 

.row .healthsummary .col-sm-4 {
	 margin: 0px 1%;
} 
.healthSummary{
	padding: 0px; 
	min-height: 205px; 
}
.page-my-profile .alert-dismissable{
	margin-top: 0px;
}
.successContactUs p{
	 text-align: center;
    color: green;
    font-weight: 700;
}
.failContactUs p{
	text-align: center;
	color: red;
	font-weight: 700;
}

#statementOfAccountForm .accountActions {
	margin: 16px 2.1%;
}

.outstandingDetails .emptyData p{
	font-weight: 700;
	font-size: 18px;
	text-align: center;
	padding: 20px 10px;
}

.pagination > li.pagination-prev > a:hover, .pagination > li.pagination-next > a:hover, .pagination > li.pagination-prev > span:hover, .pagination > li.pagination-next > span:hover, 
.pagination > li.pagination-prev > a:focus, .pagination > li.pagination-next > a:focus, 
.pagination > li.pagination-prev > span:focus, .pagination > li.pagination-next > span:focus {
	background-color: unset;
}

#updatePwdWithOtpForm #col-md-width {
 width: 100%;	
 float: left;
}

#updatePwdWithOtpForm #col-md-width .form-group {
	float: left;
	width: 75%
}
#updatePwdWithOtpForm #col-md-width .resendOtp {
	float: left;
	width: 20%;
	margin-left: 15px;
}

#updatePwdWithOtpForm .form-group {
	width: 87%;
}

#updatePwdWithOtpForm .login-form-action {
	width: 79%;
	margin: 20px auto;
}

 .altFileUpload {
	position: absolute;
	display: inline-block;
	z-index: 99999999;
	top: 0px;
	opacity: 0;
	margin-top: 0;
	left: 0px;
}
.contactUsLeft .hiddenInputFile{
	width: 100%;
    top: 0px;
}
.contactUsLeft .altFileUpload{
	top: 0px;
	left:0px
}
.hiddenInputFile {
	width: 40%;
	display: inline-block;
	position: relative;
	top: -15px;
}

.hiddenInputFile button {
	font-size: 12px;
	padding: 0px 6px;
	margin-right: 5px;
	border-radius: 0px;
	color: black;
	font-weight: 500;
	pointer-events: none;
}

.fileNames span.fileRemove,
.fileNamesDisplay span.fileRemove{
	color: white;
	background: none;
    border: none;
    margin-left:5px;
    margin-right: 0px;
    margin-bottom: 0;
    cursor: pointer;
}
.btlForm .altFileUpload{
	top: 0px;
}
.landingMarquee{
	padding: 5px;
    background: #c7c7c7;
    padding-bottom: 0px;
}
.landingAccountSummary{
	padding-top: 10px;
	padding-bottom: 5px;
   	padding-left: calc(1% + 15px);
    font-size: 15px;
    font-weight: 600;
    margin: 0px 0px 0px;
    text-transform: uppercase;
}

.help-block{
	font-style: normal;
	display: none;
}

.pwdErrMsg {
	color: #fd7b7b;
	font-size: 14px;
	width: 87%;
}

#password {
	margin-bottom: 10px;
}

#updatePwdWithOtpForm .resetPwdspacing {
	margin-bottom: 30px;
}

.account-section.resetpwdborder {
	border: 5px solid #0095da;
	margin-bottom: 30px;
}

.loyality{
	min-height: 160px;
}

.account-section .account-section-content .loyality .accountActions{
	padding:10px 0px 0px;
}
.influInfoData{
	display:none;
}
.errorSpan{
	display:none;
	color:red;
	font-size:13px;
}
.normalTransfrom{
    text-transform: none;
}

/* Responsive Design CSS - Starts*/
@media ( max-width : 320px) {
	.page-productGrid .product__listing.product__grid .product-item {
	  width: 100%;
	  margin: 1% 2%;
	}
	.page-productGrid .product__listing {
	  padding-left: 0px;
	}
}
@media ( min-width : 480px) {
	.page-dcmfenestaLogin .fenestaLogin {
		width: 70%;
	}
}
@media ( max-width : 639px) and ( min-width : 480px) {
	#accountStatementTablePagination .fa {
		top: -33px;
		padding-left: 10px;
	}
	#accountStatementTablePagination .fa.fa-file-excel-o {
		padding-left: 265px;
	}
	#accountStatementTablePagination {
		margin-top: 40px;
	}
	#accountStatementTablePagination .downloadPDF {
		top: -15px;
		padding-left: 40px;
	}
	#accountStatementTablePagination .downloadExcel {
		top: -15px;
		padding-left: 300px;
	}
	.accountOrderHistory .pagination-wrap,
	.complaintData .pagination-wrap {
		 padding: 12px 0px;

	}
}
@media ( max-width : 479px) {
	#accountStatementTablePagination .fa {
		top: -33px;
		padding-left: 10px;
	}
	#accountStatementTablePagination .fa.fa-file-excel-o {
		padding-left: 0px;
		padding-top: 50px;
	}
	#accountStatementTablePagination {
		margin-top: 40px;
	}
	#accountStatementTablePagination .downloadPDF {
		top: -15px;
		padding-left: 40px;
	}
	#accountStatementTablePagination .downloadExcel {
		top: 25px;
		padding-left: 40px;
	}
	.accountOrderHistory .pagination-wrap,
	.complaintData .pagination-wrap,
	.accountInvoiceHistory .pagination-wrap{
		padding-top: 55px;
	}
	
	.accountOrderHistory .pagination-wrap {
    float: none;
    padding: 14px 0px;
	}
	.marquetext .customerName {
	  font-size: 14px;
	}
	
	#openContractsTablePagination .fa, 
	#accountInvoiceTablePagination .fa, 
	#accountDeliveryDetailsPagination .fa, 
	#accountOrderHistoryTablePagination .fa, 
	#outstandingDetailsTablePagination .fa,
	#complaintHistoryTablePagination .fa,
	#trackEnqTablePagination .fa{
		top: -28px;
	}
	#lineItemsTable1Pagination .fa{
		top: -28px;
	}
	#openContractsTablePagination .downloadExcel, 
	#accountInvoiceTablePagination .downloadExcel, 
	#accountDeliveryDetailsPagination .downloadExcel, 
	#accountOrderHistoryTablePagination .downloadExcel, 
	#outstandingDetailsTablePagination .downloadExcel,
	#complaintHistoryTablePagination .downloadExcel,
	#trackEnqTablePagination .downloadExcel
	{
		top: -8px;
	}
	
	#lineItemsTable1Pagination .downloadExcelDetails{
		top: -8px;
	}
}

@media ( max-width : 639px) {
	.userName span.customerName {
      font-size: 15px;
	}
	.footer__top .footer__nav--container .footer__nav--links.icons .footer__link {
      width: 18%;
	}
	.altFileUpload{
		top: 0px;
		left: 0px;
	}
	.complaintForm .hiddenInputFile{
	    width: 100%;
    	top: 0px;
    	padding: 10px 10px;
	}
	#customerForm {
	  padding-left: 10px;
	  padding-right: 10px;
	}
	.page-dcmLandingPage .footer__nav--container {
		width: 100%;
	}
	.page-dcmfenestaLogin .footer_right div.toll, .lob-dcmfenesta .footer_right div.sms,
		.lob-dcmfenesta .footer_right div.toll, .page-dcmfenestaLogin .footer_right div.sms
		{
		width: 100%;
		margin-bottom: 20px;
	}
	.account-section .account-section-content .accountDeliveryPage .form-group,
		.account-section .account-section-content .accountOrderHistory .form-group,
		.account-section .account-section-content .accountInvoiceHistory .form-group
		{
		width: 100%;
	}
	#deliveriesForm .form-group {
	  width: 100%;
	  margin: 10px 0px;
	}
	.responsive-table-item td {
		display: table-cell;
	}
	.accountbalances .accountlimit {
		padding: 15px 0px;
	}
	.logos .col-xs-12 {
		margin-bottom: 20px;
	}
	.table-responsive .responsive-table.customTable thead tr th:nth-child(1),
		.table-responsive .responsive-table.customTable tbody tr td:nth-child(1)
		{
		padding-left: 10px;
	}
	.responsive-table-item {
		padding: 10px 10px;
	}
	.pagination>li.pagination-next>a, .pagination>li.pagination-next>span,
		.pagination>li.pagination-prev>a, .pagination>li.pagination-prev>span
		{
		width: 30px;
		line-height: 46px;
	}
	.pagination>li>a, .pagination>li>span {
		width: 30px;
	}
	.accountbalances .accountlimit {
		padding: 15px 0px;
		border-left: 0px;
		border-right: 0px;
		border-bottom: 0.1px solid #ccc;
	}
	.accountbalances .accountlimit-mid {
	   border-left: 0px;
	   border-right: 0px;
	   border-bottom: 0.1px solid #ccc;
	}
	.marquetext>div:nth-child(3) {
		padding-left: 0px;
		padding-top: 0px;
	}
	.healthsummary {
		background-color: white;
		margin: 0px 0px;
		min-height: auto;
		padding-top: 25px;
		padding-bottom: 0px;
		width: 100%;
		padding: 10px 30px 0px 30px;
	}
	.healthsummary .col-xs-12 {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 25px;
		float: none;
		margin-top: 0px;
		box-shadow: 0px 1px 0px #00b050, 2px 2px 0px #00b050, 3px 3px 0px
			#00B04E, 3px 3px 0px #00b050, 3px 3px 0px #00b050, 3px 3px 0px
			#00b050
	}
	.healthsummary .col-sm-4 {
		min-height: auto;
		padding: 15px;
	}
	.marquetext>div:nth-child(4) {
		padding: 0px;
	}
	.healthsummary h1 {
		margin-top: 0px;
	}
	.healthsummary h3 {
		min-height: 80px;
	}
	.schemaData .content {
		word-break: break-all;
		font-size: 15px;
		margin: 0px;
	}
	.page-homepage .main__inner-wrapper .schemesfirstChild {
		padding-left: 0px !important;
	}
	.page-homepage .main__inner-wrapper .schemesfirstChild .simple-banner.banner__component--responsive
		{
		padding-right: 0px;
	}
	.branding-mobile {
		text-align: unset;
	}
	.branding-mobile .js-mobile-site-logo .banner__component.simple-banner img
		{
		float: right;
		position: relative;
		width: 130px;
	}
	.pdpCart {
		padding-left: 10px;
	}
	.pdpCart .addtocart-component .actions .btn {
		width: auto;
		margin: 0px auto;
	}
	.branding-mobile .js-mobile-site-logo .banner__component.simple-banner {
	  left: 0px;
	}
	.branding-mobile {
	  text-align: unset;
	}
	.branding-mobile .js-mobile-logo img {
	  position: relative;
	  top: 5px;
	  float: left;
	}
	.accountMyProfile .profileDetails .row label {
	}
	.accountMyProfile .profileDetails .row p {
	}
	.accountMyProfile {
	  width: 88%;
	}
	.form-group .calenderIcon {
		 top: 37px;
	}
	.page-deliveries .account-section .account-section-content .accountOrderHistory .accountActions {
	   width: 39%;
	   margin-left: 0px;
	   padding: 0px;
	}
	.createComplaintFormData {
	  width: 85%;
	}
	.complaintBackButton {
	  width: 100%;
	  color: white;
      padding-top: 10px;
	}
	.page-create-complaints .account-section-header{
	 display: flex;
	}
	.trackYourOrder .spocDetails .spocInfo p {
	  word-break: break-all;
	}
	.logo-block img {
	  width: 80%;
	}
	.logo-block {
	  width: 95%;
	  max-height: none;
	}
	.loginContainer .logos:last-child {
	  margin: 0px auto 30px;
	}
	.loginContainer .logos:nth-child(2) {
	  margin-bottom: 0px;
	}
	.page-deliveries .account-section .container-lg .account-section-content {
	  padding-left: 25px;
	  padding-right: 25px;
	}
	.page-statement-of-account .account-section .account-section-content .accountOrderHistory .form-group {
	   width: 100%;
	   margin-left: 0px;
	   margin-right: 0px;
	   margin-bottom: 0px;
	}
	.page-statement-of-account .account-section .container-lg .account-section-content {
	  padding-left: 25px;
	  padding-right: 25px;
	}
	#statementOfAccountForm .accountActions {
	  margin-left: 0px;
	  padding-top: 0px;
	  width: 39%;
	}
	.pagination>li.rightdoublearrow>span, .pagination>li.leftdoublearrow span {
	  width: 30px;
	}
	.page-invoice .account-section .account-section-content .accountInvoiceHistory .form-group {
	  width: 100%;
	  margin-left: 0px;
	  margin-right: 0px;
	  margin-bottom: 0px;
	}
	.page-invoice .account-section .container-lg .account-section-content {
	  padding-left: 25px;
	  padding-right: 25px;
	}
	.account-section .account-section-content .accountInvoiceHistory .account-section-form {
	   padding: 0px 0px;
	}
	#invoiceForm .accountActions {
	  margin-left: 0px;
	  padding-top: 0px;
	  width: 39%;
	}
	.page-orders .account-section .account-section-content .accountOrderHistory .form-group {
	  width: 100%;
	  margin-left: 0px;
	  margin-right: 0px;
	  margin-bottom: 0px;
	}
	.page-orders .account-section .container-lg .account-section-content {
	  padding-left: 25px;
	  padding-right: 25px;
	}
	#salesOrderHistoryForm .accountActions {
	  margin-left: 0px;
	  padding-top: 0px;
	  width: 39%;
	}
	.complaintForm .form-group label {
	  width: 100%;
	}
	.page-contactUsPage .complaintForm .form-group input, .page-contactUsPage .complaintForm .form-group textarea{
	   width: 100%;
	}
	.complaintForm label.relativePosition {
	  top: 0px;
	}
	.complaintForm label.fileSupport,
	#createComplaint label.fileSupport {
	  margin-left: 0px;
	}
	.complaintForm.contactFormData .contactForm .accountActions .btn {
	  margin-left: 0px;
	}
	.contactForm #contactForm .accountActions {
	 margin-left: 0px;
	 padding-left: 0px;
	}
	.page-create-complaints .complaintForm .form-group input, .page-create-complaints .complaintForm .form-group select,
	.page-create-complaints .complaintForm .form-group textarea {
	  width: 100%;
	}
	#submitButton {
	  margin-left: 0px;
	}
	.account-section .account-section-content form {
	   padding-left: 25px;
	   padding-right: 25px;
	}
	.accountMyProfile .profileDetails {
	  padding: 0px;
	}
	.saveButtons, .editButtons {
	   text-align: left;
	}
	.accountMyProfile .btn-primary {
	  margin-left: 0px;
	}
	.profileDetails span.calenderIcon {
	  top: 39px;
	}
	.profileDetails .profileConNumber{
	   margin-bottom: 10px;
	}
	 #openContractForm .form-group {
      width: 100%;
      margin-left: 0px;
	  margin-right: 0px;
	  margin-bottom: 0px;
    }
    .page-open-contracts .account-section .container-lg .account-section-content {
      padding-left: 25px;
      padding-right: 25px;
    }
    #openContractForm .accountActions {
      margin-left: 0px;
      width: 39%;
    }
    .page-homepage .row .healthsummary .col-sm-4 {
          margin: 0% auto 5%;
    }
    .product__listing.product__grid .product-item {
      width: 49%;
      margin-right: 1%;
      margin-bottom: 1%;
      border: 1px solid #ccc;
    }
    #updatePwdWithOtpForm #col-md-width .form-group {
     width: 100%;
    }
    #updatePwdWithOtpForm #col-md-width .resendOtp {
      margin-left: 0px;
    }
    #resendOtp {
      margin-top: 0px;
      width: 120px;
    }
    #updatePwdWithOtpForm .form-group {
      width: 100%;
    }
    #updatePwdWithOtpForm .login-form-action {
      margin-bottom: 25px;
    }
    .marquetext>div:nth-child(2) {
      padding-left: 0px;
      text-align: center;
      display: grid;
    }
    .marquetext .content>span {
      padding-left: 0px;
      display: block;
      font-size: 15px;
    }
    .marquetext .content>span>span {
     padding-left: 0px;
    }
    #homepage_slider.stripViewer ul li img {
       height: 240px;
    }
    .page-statement-of-account #cboxLoadedContent {
      padding: 0px;
      margin: 100px auto;
    }
    #popBalanceBlock {
      margin: 0px;
    }
    .popupButtonData .btn, .popupButtonData .btn {
      margin-right: 10px;
    }
    .navigation--bottom .navigation__overflow {
      height: auto;
    }
    body.offcanvas {
     overflow-y: auto;
    }
    .navigation--bottom {
      height: auto;
    }
    .loyality .accountActions{
	  text-align:center;
	} 
	.account-section .account-section-content .accountOrderHistory.loyality .form-group {
      width: 90%;
	}
	.loginContainer {
     width: 100%;
     margin: 0px auto;
    }
   
    .logos .col-xs-12 {
     margin-bottom: 0px;
    }
    .logo-block {
     width: 100%;
     max-height: none;
     min-height: 150px;
    }
    .logo-block p {
     font-size: 12px;
     margin: 5px 0px;
    }
    .logo-block img {
     width: 85%;
     border-radius: 20px;
    }
    .mobileFlex{
      display: flex;
     flex-wrap: wrap;
    }
    .logo-block[data-color="carbide"]{
      padding-bottom:0px;
    }
    .mobileOrder1{
        order:1;
    }
    .mobileOrder2{
        order:2;
    }
    .mobileOrder3{
      order:3;
    }
    .mobileOrder4{
      order:4;
    }
    .mobileOrder5{
      order:5;
    }
    .mobileOrder6{
      order:6;
    }
    .mobileOrder7{
      order:7;
    }
    .mobileOrder8{
      order:8;
    }
}

@media ( min-width : 640px) {
	.loginContainer {
		width: 95%;
	}
	.fitScreen .logo-block img{
	   padding-top: 0px;
	}
	.logo-block img {
		width: 100%;
		padding-top: 5px;
	}
	.product__listing.product__grid .product-item {
		width: 24%;
		border: 1px solid #ccc;
		margin-right: 1%;
		margin-bottom: 1%;
	}
	#blockedPopupResponse{
	text-align: center;
	padding: 20px 20px;
	}
	.blockedPopupRedirect{
	margin-top: 25px;
	padding: 15px 20px;
	}
	.blockingReasonCode{
	font-size: 20px;
    font-weight: bold;
	}
	#seeDetailsButtonZ6{
	float: right;
	border-radius: 15px !important;
	}
	#seeDetailsAmount{
	font-size: 20px;
    font-weight: bold;
    white-space: nowrap;
	}
	#seeDetailsAmount .rupeeLogo{
	height: 18px;
	width: 20px;
	}
}

@media ( max-width : 768px) {
	.accountOrderHistory, .accountDeliveryPage, .accountInvoiceHistory {
		width: 90%;
	}
	.footer_right div.toll, .footer_right div.sms {
		width: 100%;
		margin-bottom: 10px;
	}
	.page-dcmfenestaLogin .socialIcons span, .lob-dcmfenesta .socialIcons span
		{
		display: block;
		padding-right: 5px;
	}
	.footer__top .footer__nav--container .footer__nav--links.icons .footer__link
		{
		width: 13%;
	}
	/* hide download Excel for mobile view */
	#openContractsTablePagination .downloadExcel,
	#accountInvoiceTablePagination .downloadExcel,
	#accountDeliveryDetailsPagination .downloadExcel,
    #accountOrderHistoryTablePagination .downloadExcel,	     
    #outstandingDetailsTablePagination .downloadExcel, 
	#complaintHistoryTablePagination .downloadExcel, 
	#trackEnqTablePagination .downloadExcel, 
	#lineItemsTable1Pagination .downloadExcelDetails{
		visibility: hidden;
	}
	#openContractsTablePagination .fa.fa-file-excel-o, 
	#accountInvoiceTablePagination .fa.fa-file-excel-o, 
	#accountDeliveryDetailsPagination .fa.fa-file-excel-o, 
	#accountOrderHistoryTablePagination .fa.fa-file-excel-o, 
	#outstandingDetailsTablePagination .fa.fa-file-excel-o, 
	#complaintHistoryTablePagination .fa.fa-file-excel-o, 
	#trackEnqTablePagination .fa.fa-file-excel-o, 
	#lineItemsTable1Pagination .fa.fa-file-excel-o{
		visibility: hidden;
	}
}

@media ( min-width : 769px) {
	.page-dcmfenestaLogin .fenestaLogin {
		width: 35%;
	}
}

@media (max-width: 799px) {
	 
	#accountInvoiceTable .fa-file-pdf-o {
	  text-align: left;
	  float: left;
	  padding-top: 0px;
	  margin-top: 0px;
	}
	.responsive-table tbody tr td:first-child {
	  padding-left: 10px;
	}
	.page-balance-confirmation table.rt-responsive-table.rt-vertical-table td:before {
	  width: 48%;
	}
	#header_bal_confirm{
	padding-left: 10px;
	}
	.page-balance-confirmation .table-responsive tbody tr td:nth-child(2) div.responsive-container {
	  white-space: nowrap;
	}
	#accountInvoiceTable td:last-child {
	  text-align: left;
	  padding: 10px;
	}
	.page-homepage video {
  		height: 240px;
	}
}

@media screen and (max-width: 800px) and (orientation: landscape) {
   .form-group .calenderIcon {
      top: 38px;
   }	
   #balanceConfirmationPopTable .responsive-table td:nth-child(2),
   #balanceConfirmationPopTable .responsive-table td:nth-child(1)
    {
     white-space: nowrap;
   }
}
@media (min-width: 800px) {

	.account-overview-table.table-responsive, .complaintDataTable.table-responsive {
	   max-height: 500px;
	}
	#accountStatementTable,#outstandingDetailsTable,#complaintHistoryTable,#openContractsTable,
	#accountOrderHistoryTable {
	  position: relative;
	}
	.account-overview-table.table-responsive table thead tr th,
	.complaintDataTable.table-responsive table thead tr th {
	  position: sticky;
	  top: 0px;
	}
}

@media ( max-width : 1023px) and (min-width: 640px) {
	.form-group .calenderIcon {
		top: 40px;
	}
	.page-homepage .main__inner-wrapper .schemesfirstChild .simple-banner.banner__component--responsive {
	   padding-right: 20px;
	}
	.logo-block p {
    	font-size: 12px;
    }
    .page-dcmLandingPage .footer__nav--container {
		width: 60%;
	}
	.accountMyProfile {
	  width: 95%;
	}
	.accountMyProfile .profileDetails {
	  padding: 10px 0px;
	}
	#customerForm {
	    padding-left: 10px;
	    padding-right: 10px;
    }
    .profileDetails span.calenderIcon {
      top: 38px;
    }
    #openContractForm .form-group {
      width: 38%;
    }
    .pagination-bar .sort-refine-bar button {
      padding-left: 10px;
      padding-right: 10px;
    }
    #updatePwdWithOtpForm #col-md-width .resendOtp {
      width: 22%;
      margin-left: 10px;
    }
    #updatePwdWithOtpForm #col-md-width .form-group {
      width:75%;
    }
    #resendOtp {
      font-size: 13px;
      padding: 10px 12px;
    }
    .complaintBackButton {
	  width: 100%;
	  color: black;
      padding-top: 10px;
	}
	.page-create-complaints .account-section-header{
	 display: flex;
	}
}
@media ( max-width : 1023px) and ( min-width : 840px){

	#accountStatementTablePagination .fa.fa-file-excel-o {
	  padding-left: 265px;
	}
	#accountStatementTablePagination .downloadExcel {
	  padding-left: 300px;
	}
}
@media ( max-width : 1023px) {
	.marquetext .content>span {
	  display: block;
	  white-space: nowrap;
	  text-overflow: ellipsis;
	  overflow: hidden;
	}
	.navigation--bottom .userGroup {
	  padding: 5px 12px 5px 15px;
	}
	.hiddenInputFile {
      width: 49%;
    }
    .complaintForm .hiddenInputFile{
      padding: 10px 10px;
    }
	.pagination>li.rightdoublearrow>span, .pagination>li.leftdoublearrow span {
	  line-height: 46px;
	}
	#accountStatementTablePagination .fa {
	  padding-left: 0px;
	}
	#accountStatementTablePagination .downloadPDF {
	  padding-left: 40px;
	}
	.account-section-header .glyphicon-plus:before {
		content: "\002b";
		font-size: 24px;
		text-decoration:none;
	}
	.account-section-header .glyphicon-minus:before {
		content: "\2212";
		font-size: 24px;
		text-decoration:none;
	}
	.account-section-header .glyphicon.glyphicon-plus, .account-section-header .glyphicon.glyphicon-minus{
		text-decoration:none;
	}
	.complaintForm {
	  width: 100%;
	}
	.complaintForm .form-group label {
	  text-align: left;
	}
	.complaintForm .form-group input, .complaintForm .form-group select, .complaintForm .form-group textarea {
	  width: 49%;
	}
	.myaccountLinks {
		display: none;
	}
	.page-dcmfenestaLogin .branding-mobile {
		display: none;
	}
	.schemaData .yCmsComponent.col-xs-12 {
		padding-bottom: 20px !important;
	}
	.schemaData .content {
		margin-bottom: 0px;
	}
	.js-navigation--middle {
		display: block;
		background: white;
	}
	.branding-mobile {
		text-align: center;
		background: white;
	}
	.navigation--middle .mobile-menu button.btn {
		width: 30px;
		background: white;
		padding-left: 10px;
	}
	.js-site-logo .yCmsComponent.yComponentWrapper img {
		width: 120px;
		margin-top: 3px;
		height: 70px;
	}
	.navigation--middle .nav__left .site-search .input-group {
		border-radius: 40px;
	}
	.navigation--middle .nav__left .site-search .input-group .glyphicon {
		top: 3px;
	}
	.navigation--bottom .userGroup #signedInUserOptionsToggle {
		display: none;
	}
	.branding-mobile {
		float: left;
		width: 100%;
	}
	.branding-mobile .js-mobile-logo {
		float: left;
		width: 50%;
		text-align: left;
    	padding-left: 0px;
	}
	.branding-mobile .js-mobile-logo img {
	    width: 130px;
    	position: relative;
   	    top: 0px;
   	    height: 84px;
	}
	.branding-mobile .js-mobile-site-logo {
		float: left;
		width: 50%;
	}
	.branding-mobile .js-mobile-site-logo .banner__component.simple-banner img{
		width: 110px;
	    margin-top: 3px;
	    height: 70px;
	}
	.branding-mobile .js-mobile-site-logo .customDropdown .yCmsComponent.yComponentWrapper
		{
		width: 100%;
	}
	.page-dcmLandingPage .branding-mobile {
		display: none;
	}

	.account-section .account-section-content .accountOrderHistory .accountActions
		{
		   width: 25%; 
		   margin: 13px 11px; 
	}
	.account-section .account-section-content .accountInvoiceHistory .accountActions {
	    width: 25%; 
	}
	.pagination-bar.bottom .pagination-toolbar {
		border-top: 0px;
		border-bottom: 0px;
	}
	.product__listing {
		padding-left: 1%;
	}
	.product__facet {
		border-right: 0px;
	}
	.product__facet .facet {
		border-bottom: 0px;
	}
	.product__facet .facet {
		border-bottom: 0px;
	}
	.nav__links.nav__links--products.js-offcanvas-links>li.productDesc {
	}
	.navigation--bottom .userGroup .myAcctUserIcon {
		display: none;
	}
	.navigation--bottom .userGroup {
		height: auto;
	}
	.navigation--bottom .userGroup .userName {
		width: 100%;
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
	}
	.navigation--bottom .userGroup {
		line-height: 21px;
	}
	body span.welcomeText {
		margin-bottom: 0px;
	}
	.navigation--bottom .nav__links--products li {
		width: 100%;
	}
	.healthsummary h3 {
		font-size: 19px;
	}
	.healthsummary h1 {
		font-size: 20px;
	}
	.healthsummary .col-sm-4 {
		padding: 15px;
	}
	.healthsummary .col-sm-4 {
		padding: 15px;
		min-height: 170px;
	}
	.healthsummary h1 {
		font-size: 18px;
	}
	.healthsummary {
		min-height: 225px;
	}
	.page-homepage .main__inner-wrapper .schemesfirstChild .simple-banner.banner__component--responsive
		{
	}
	.navigation--middle .nav__left .site-search {
		padding-right: 10px;
	}
	.nav__links.nav__links--products.js-offcanvas-links>li.nav__links--primary>span>a::before
		{
		content: none;
	}
	.nav__links.nav__links--products.js-offcanvas-links>li.nav__links--primary>span>a::after
		{
		content: none;
	}
	.navigation--bottom .nav__links--products li:last-child {
		padding-bottom: 0px;
	}
	.navigation--bottom .nav__links--products li.liUserSign a.userSign {
	  width: 20%;
	  text-align: center;
	  padding-right: 6px;
	  float: right;
	}
	.navigation--bottom .nav__links--products li.liUserSign a.userSign .glyphicon.glyphicon-off {
	  border: 1px solid #fff;
	  padding: 4px 4px;
	  border-radius: 4px;
	}
	.account-section .account-section-content .accountOrderHistory .form-group {
	  width: 27%;
	}
	.account-section .account-section-content .accountOrderHistory .account-section-form {
	  padding: 0px 0px;
	}
	.account-section .container-lg .account-section-content {
	  padding-left: 10px;
	  padding-right: 0px;
	}
	.account-section .account-section-content .accountInvoiceHistory .form-group {
	  width: 27%;
	}
	#attachments {
	  padding: 10px 8px;
	}
	.account-section .account-section-content .contactFormData .contactForm form {
	   width: 100%;
	}
	#attachment {
	  padding: 9px 4px;
	}
	.row .healthsummary .col-sm-4 {
	  margin: 1% 1%;
	}
	.navigation.navigation--bottom.js_navigation--bottom.js-enquire-offcanvas-navigation .myAccountData{
	  display: none;
	}
	.nav__links.nav__links--products.js-offcanvas-links li .productcatlog {
	  left: unset;
	  right: 32px;
	  top: -5px;
	  font-size: 20px;
	}
	.navigation__overflow .nav__links.nav__links--products.js-offcanvas-links li {
	   padding: 0px 15px;
	}
	.navigation__overflow .nav__links.nav__links--products.js-offcanvas-links li.productDesc {
	  padding: 5px 5px;
	  background-color: #5f5f5f;
	  color: #fff;
	}
	.navigation__overflow .nav__links.nav__links--products.js-offcanvas-links li.productDesc span a{
	  text-transform: uppercase;
	  font-size: 19px;
	  color: #fff;
	  font-weight: normal;
	}
	.navigation--bottom .nav__links--mobile div.sub-nav a span {
	  font-size: 20px;
	  left: -20px;
	  top: -16px;
	}
	.navigation--bottom .nav__links--products li a {
	   padding: 15px;
    }
    #signedInUserAccountToggle {
      font-size: 19px;
    }
    .navigation--bottom .nav__links--primary-has__sub .nav__link--drill__down {
      font-size: 18px;
    }
    .navigation--bottom .nav__links--primary-has__sub .nav__link--drill__down.glyphicon-chevron-right:before {
      font-size: 24px;
    }
    .navigation--bottom .nav__links--products li a {
      font-size: 19px;
    }
    #signedInUserAccountToggle {
      background-color: #0098da;
    }
    .navigation--bottom .nav__links--primary .sm-back {
      padding: 5px 30px;
    }
    .navigation--bottom .nav__links--primary .sub-navigation-section .sub-navigation-list li{
      padding: 0px 40px;
    }
    .navigation--bottom .nav__links--primary .sm-back::before {
      font-size: 22px;
    }
    ul.footer__nav--links li{
    	width: 49%;
    }
}
/* APK ISSUES FIX - 2nd July */
@media (max-width: 799px){
	.page-dcmdoc .iframeData{
		display: none;
	}
	.contactUsLeft.contactUsBottom.onScreen{
	position: absolute;
	}
}
.account-section .account-section-content .accountOrderHistory .schemesDownload .btn{
	padding: 4px 15px;
	border-radius: 4px !important;
}
.addtocart-component .stock-wrapper .stock-status{
	display: none;
}
.addtocart-component .stock-wrapper{
	visibility: hidden;
}

@media ( min-width : 1024px) {
	.loginHeader ~ .container {
		width: 100%;
	}
	.loginContainer {
		width: 90%;
	}
	.logo-block img {
		width: 77%;
	}
	.navigation--top .nav__right .nav__links--account>li {
		width: 22%;
	}
	.navigation--top .nav__right .nav__links--account li.userLineOfBusiness
		{
		width: 36%;
		margin-right: 0px;
	}
	.navigation--top .nav__right .nav__links--account li.searchBox {
		width: 28%;
	}
	.navigation--top .nav__right .nav__links--account li.liOffcanvas {
		width: 4%;
	}
	.navigation--top .nav__right .nav__links--account li.logged_in {
		width: 16%;
	}
	.lob-dcmfenesta .navigation--top .nav__right .nav__links--account li.logged_in
		{
		width: 30%;
	}
	.lob-dcmfenesta .navigation--top .nav__right .nav__links--account li.liOffcanvas
		{
		width: 5%;
	}
	.footer__top .footer__nav--container .footer__nav--links.icons .footer__link
		{
		width: 17%;
	}
	.product__listing.product__grid .product-item {
		width: 24%;
		margin-right: 1%;
		margin-bottom: 1%;
		border: 1px solid #ccc;
	}
	.col-md-border {
		border-left: 1px solid #ccc;
		padding-left: 20px;
	}
	.product__listing {
		padding-left: 1%;
	}
	.pagination-bar.bottom .pagination-toolbar {
		border-top: 0px;
		border-bottom: 0px;
	}
	.product__facet {
		border-right: 0px;
	}
	.product__facet .facet {
		border-bottom: 0px;
	}
	.row .healthsummary .col-sm-4 {
		width: 18%;
	}
	.account-section.resetpwdborder{
		width: 70%;
	}
	.lob-dcmfenesta .navigation--top .nav__right .nav__links--account.flexDisplay li.logged_in.js-logged_in
		{
		width: 20%;
	}
	.accountDeliveryDetails .productDetails{
		width: 10%;
	}
}

@media ( max-width : 1199px) and (min-width: 1024px) {
	.navigation--top .nav__right .nav__links--account li.userLineOfBusiness
		{
		width: 30%;
	}
	.navigation--top .nav__right .nav__links--account li.searchBox {
		width: 25%;
	}
	.navigation--top .nav__right .nav__links--account li.relativePosition {
		width: 24%;
	}
	.navigation--top .nav__right .nav__links--account li.liOffcanvas {
		width: 5%;
	}
	.navigation--top .nav__right .nav__links--account.flexDisplay li.userLineOfBusiness
		{
		width: 20%;
	}
	.navigation--top .nav__right .nav__links--account.flexDisplay li.logged_in.js-logged_in
		{
		width: 26%;
	}
	.lob-dcmfenesta .navigation--top .nav__right .nav__links--account.flexDisplay .customDropdown .yCmsComponent.yComponentWrapper
		{
		width: auto;
	}
	.lob-dcmfenesta .navigation--top .nav__right .nav__links--account.flexDisplay .customDropdown .yCmsComponent.yComponentWrapper .banner__component img
		{
		width: 120px;
	}
	.lob-dcmfenesta .navigation--top .nav__right .nav__links--account.flexDisplay li.userLineOfBusiness
		{
		width: 15%;
		text-align: right;
	}
	.lob-dcmfenesta .navigation--top .nav__right .nav__links--account.flexDisplay li.searchBox
		{
		max-width: 45%;
		width: 42%;
	}
	li.searchBox .input-group {
		width: 100%;
	}
	.row .healthsummary .col-sm-4 .healthBlock {
		min-height: 230px;
	}
	.row .healthsummary .col-sm-4 {
	  width: 31%;
	  margin: 1% 1%;
	}
	.row .healthsummary .col-sm-4 .healthBlock {
	  min-height: 200px;
	}
}

@media ( min-width : 1200px) {
	.userLineOfBusiness {
		width: 37%;
	}
	.fitScreen .loginContainer {
	  width: 75%;
	}
	.logo-block img {
		width: 80%;
	}
	.loginContainer {
		width: 85%;
	}
	.navigation--top .nav__right .nav__links--account>li {
		width: 12%;
	}
	.lob-dcmplastics .navigation--top .nav__right .nav__links--account>li,
	.lob-dcmaxiall .navigation--top .nav__right .nav__links--account>li,
	.lob-dcmchemicals .navigation--top .nav__right .nav__links--account>li {
		width: 5%;
	}
	.navigation--top .nav__right .nav__links--account li.userLineOfBusiness
		{
		width: 25%;
		margin-right: 0px;
	}
	.navigation--top .nav__right .nav__links--account li.searchBox {
		width: 26%;
	}
	.navigation--top .nav__right .nav__links--account li.liOffcanvas {
		width: 4%;
	}
	.navigation--top .nav__right .nav__links--account li.logged_in {
		width: 40%;
	}
	.lob-dcmfenesta .navigation--top .nav__right .nav__links--account li.logged_in
		{
		width: 40%;
	}
	.lob-dcmfenesta .navigation--top .nav__right .nav__links--account.flexDisplay .customDropdown .yCmsComponent.yComponentWrapper
		{
		width: auto;
	}
	.lob-dcmfenesta li.searchBox {
		max-width: 55%;
	}
	.lob-dcmfenesta li.searchBox .input-group {
		width: 55%;
	}
	.lob-dcmfenesta .navigation--top .nav__right .nav__links--account.flexDisplay .customDropdown .yCmsComponent.yComponentWrapper .banner__component img
		{
		width: 120px;
	}
	.lob-dcmfenesta .navigation--top .nav__right .nav__links--account.flexDisplay li.userLineOfBusiness
		{
		width: 15%;
		text-align: right;
	}
	.lob-dcmfenesta .navigation--top .nav__right .nav__links--account.flexDisplay li.searchBox
		{
		width: 45%;
	}
	.navigation--top .nav__right .nav__links--account.flexDisplay li.userLineOfBusiness
		{
		width: 15%;
	}
	.navigation--top .nav__right .nav__links--account.flexDisplay li.searchBox
		{
		width: 25%;
	}
	.navigation--top .nav__right .nav__links--account.flexDisplay li.liOffcanvas
		{
		width: 5%;
	}
	.navigation--top .nav__right .nav__links--account.flexDisplay li.logged_in
		{
		width: 45%;
	}
	.lob-dcmfenesta .navigation--top .nav__right .nav__links--account.flexDisplay li.logged_in{
		width: 40%;
	}
	.footer__top .footer__nav--container .footer__nav--links.icons .footer__link
		{
		width: 8%;
	}
}
/* dealer block popup red color */
.lobBorderRed #cboxContent{
	border: 3px solid #ff0000;
}
.lobBorderRed .headline{
	color: #ff0000;
}
.lobBorderRed #cboxTitle{
	border-bottom: 1px solid #ff0000;
}
#seeDetailsButtonZ6{
	background-color: #ff0000;
    border-color: #ff0000;
}
@media ( max-width : 1023px) and ( min-width : 639px){
	
	.accountOrderHistory .bal-confirm-table{
	padding-left: 50px;
    padding-right: 50px;
	}
	.page-deliveries table.rt-responsive-table.rt-vertical-table tbody td div.responsive-container{
	white-space: normal;
	}
}
@media ( max-width : 639px){
	.accountOrderHistory .bal-confirm-table{
	padding-left: 20px;
    padding-right: 20px;
	}
	.table.rt-responsive-table.rt-vertical-table tbody td div.responsive-container {
    white-space: pre-line;
	}
	.page-balance-confirmation .table.rt-responsive-table.rt-vertical-table tbody td div.responsive-container {
    white-space: nowrap;
	}
	.page-statement-of-account table.rt-responsive-table.rt-vertical-table tbody td div.responsive-container {
    white-space: normal;
	}
	.page-productDetails table.rt-responsive-table.rt-vertical-table tbody td div.responsive-container {
    white-space: normal;
	}
	.page-deliveries table.rt-responsive-table.rt-vertical-table tbody td div.responsive-container,
	.page-open-contracts table.rt-responsive-table.rt-vertical-table tbody td div.responsive-container{
	white-space: normal;
	}
	.account-section .account-section-content .accountOrderHistory .form-group {
    width: 50%;
	}
	.page-deliveries table.rt-responsive-table.rt-vertical-table tbody td div.responsive-container{
	white-space: normal;
	}
	.page-deliveries table.rt-responsive-table-0.rt-vertical-table tfoot tr td:nth-of-type(1):before{
	content: none;
	}
	.page-deliveries table.rt-responsive-table.rt-vertical-table tfoot tr{
	border: none;
	}
	.page-deliveries table.rt-responsive-table.rt-vertical-table tfoot{
	float:right;
	}
	.nav__left ul.lineOfBussinessLogos li{
	display:flex;
	padding: 3px 10px;
	}
	.page-productDetails table.rt-responsive-table.rt-vertical-table tr {
	display: inline-flex;
	}
	.page-productDetails table.rt-responsive-table.rt-vertical-table tbody td div.responsive-container{
	width: 75%;
	}
}
.rupeeLogo{
	height: 13px;
    width: 13px;
    position: static; 
    top: -1px;
    left: 2px;
}
@media ( min-width : 1180px){
.nav__links.nav__links--products.js-offcanvas-links>li.productDesc.lastArrow{
	margin-left: -10px;
	}
}
@media ( min-width : 1024px) and ( max-width : 1179px){
.nav__links.nav__links--products.js-offcanvas-links>li.productDesc.lastArrow{
	margin-left: -50px;
	}
}
@media ( max-width : 639px) and ( min-width : 480px){
	#openContractsTablePagination .fa, 
	#accountInvoiceTablePagination .fa, 
	#accountDeliveryDetailsPagination .fa, 
	#accountOrderHistoryTablePagination .fa, 
	#outstandingDetailsTablePagination .fa,
	#complaintHistoryTablePagination .fa,
	#trackEnqTablePagination .fa,
	#lineItemsTable1Pagination .fa{
		top: -30px;
	}
	#openContractsTablePagination .downloadExcel, 
	#accountInvoiceTablePagination .downloadExcel, 
	#accountDeliveryDetailsPagination .downloadExcel, 
	#accountOrderHistoryTablePagination .downloadExcel, 
	#outstandingDetailsTablePagination .downloadExcel,
	#complaintHistoryTablePagination .downloadExcel,
	#trackEnqTablePagination .downloadExcel,
	#lineItemsTable1Pagination .downloadExcelDetails{
		top: -12px;
	}
}
@media ( max-width : 500px){
.popupButtonData{
	text-align:center;
	padding-bottom: 10px;
}

.nav__left .customDropdown .glyphicon.glyphicon-chevron-down {
    left: 95px;
    top: 35px;
}

#blockedPopupResponse{
	text-align: center;
	padding: 10px 10px;
}
.blockedPopupRedirect{
	margin-top: 25px;
}
.blockingReasonCode{
	font-size: 14px;
    font-weight: bold;
}
#seeDetailsButtonZ6{
	float: right;
	border-radius: 15px !important;
}
#seeDetailsAmount{
	font-size: 13px;
    font-weight: bold;
    white-space: nowrap;
}
#seeDetailsAmount .rupeeLogo{
	height: 18px;
	width: 20px;
}
.fileCount,.fileCountNumber{
	font-size:10px;
}
#cboxTitle .headline{
	font-size:20px;
}

}

span.ui-datepicker-year{
	display:none;
}
#loyalitySubmit{
	margin-top: 15px;
}
.disableSelect{
	cursor: not-allowed; 
    pointer-events: none;
}

/* cart */
@media ( min-width : 1024px) {
	.page-cartPage .main__inner-wrapper {
    /* padding: 0px 250px; */
}
}
@media (max-width: 639px){
.item__list--item > div {
	margin-left: 0px;
    padding: 0px 0px 0 0;
    text-overflow: ellipsis;
	}
	
	.cart-header .cart__id--label {
    font-size: 12px;
    font-weight: 600;
    padding: 0 5px 0 10px;
}
.cart-header .cart-headline {
    color: #3c3c3c;
    font-size: 20px;
    line-height: 20px;
    font-weight: 700;
    padding: 20px 0;
    margin: 0;
    padding: 0px;
}

.page-cartPage .pull-left{
	width: 100%;
}
}
.item__list .item__quantity .form-control{
	width: 100px;
}
 .navigation--top .nav__right .nav__links--account li a {
    padding: 0px;
}
.page-cartPage table.rt-responsive-table.rt-vertical-table tbody td div.responsive-container{
	float: left;
    width: 100%;
    display: block;
    word-break: break-word;
    white-space: nowrap;
}

.item__list--item{
	display: flex;
}
.dlyQNTY{
	font-weight: 700;
}
.reasonUpdate{
	text-align: center;
    font-size: 18px;
    font-weight: 600;
}
.crmStatus{
	font-size: 18px;
	float: right;
    padding-right: 20px;
}
 
#podSubmit{
	width: 12%;
    float: right;
}

/* Check box css */
/* .checkdiv {
  padding: 4px 8px;
  border-radius:40px;
  margin-bottom:4px;
  min-height:30px;
  display: flex;
  align-items: center;
}
.checkdiv:last-child {
  margin-bottom:0px;
}
.checkdiv span {
  position: relative;
  vertical-align: middle;
  line-height: normal;
}
.le-checkbox {
  -webkit-appearance: none;
  position: relative;
  top:50%;
  left:5px;
  transform:translateY(-50%);
  width:30px;
  height:30px;
  border-radius:40px;
  margin:0px;
  outline: none; 
  transition:background-color .5s;
}
.le-checkbox:before {
  content:'';
  position: absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%) rotate(45deg);
  background-color:#ec3732;
  width:20px;
  height:5px;
  border-radius:40px;
  transition:all .5s;
}

.le-checkbox:after {
  content:'';
  position: absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%) rotate(-45deg);
  background-color:#ec3732;
  width:20px;
  height:5px;
  border-radius:40px;
  transition:all .5s;
}
.le-checkbox:checked:before {
  position: absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%) translate(-4px,3px) rotate(45deg);
  background-color:#2026ec;
  width:12px;
  height:5px;
  border-radius:40px;
}

.le-checkbox:checked:after {
  content:'';
  position: absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%) translate(3px,2px) rotate(-45deg);
  background-color:#2026ec;
  width:16px;
  height:5px;
  border-radius:40px;
} 
}*/

@media ( min-width : 1024px){
#logDisputeAlign{
 	text-align: center;
 }
 .checkdiv{
	display:flex;
}
}
 
@media (max-width : 400px) {
	.corporateWebsite{
		width: 50%;
	 	padding-left: 35px;
	}
	
	.breadcrumb-section .breadcrumb{
	 	font-size: 10px;
	}
	 
	.account-section .account-section-content .account-section-header{
	    font-size: 13px;
	    line-height: 20px;
	    padding: 7px 10px;
	}
	
	#popupBalance p{
	   	 font-size: 13px;
	    font-weight: 600;
	    text-align: center;
	}
	.customLoginFooter a{
		font-size: 10px;
	}
}

/* cart css */
.navigation--middle .nav-cart .mini-cart-count .nav-items-total{
	right:15px;
}
.plantSelectionSave{
	margin-top: 10px;
}
.mini-cart .mini-cart-body .mini-cart-checkout-button{
	margin-top: 30px;
}
.outOfStock{
	white-space: pre-line;
}

@media ( min-width : 1024px) {
	.accountOrderCart{
		width: 85%;
		margin: 0px auto;
	}
	.btn--continue-shopping{
	width: auto;
	}
	.content__empty .content{
	width: 70%;
	}
	.item__list .item__info{
	width: 50%;
	}
}
@media (min-width: 640px){
	.navigation--middle .nav-cart .mini-cart-count:after{
		right: 4px;
	}
	.navigation--middle .nav-cart .mini-cart-count:before{
		right: 25px;
	}
}
@media (max-width: 640px){
	.content__empty .content{
	width: 85%;
	}
	.content__empty .content h2{
	font-size: 20px;
	font-weight: 600;
	}
}
.page-saved-carts table tr th{
	color: white;
}

.noScheme{
	text-align:center;
	font-size:20px;
	font-weight:700;
	background: #ffffff69;
}
.logDisputeIcon{
	position:static;
}
#ui-datepicker-div{
 	z-index: 9999 !important;
 }
.pdpPdf i.fa{
       color : red;
       font-size: 30px;
       display: inline-block;
}
.page-statement-of-account .disableLogQuery{
	pointer-events: none;
	cursor: not-allowed;
	color: grey;
}
.pdpPdf span{
    display: inline-block;
    width: 100%;
}
/* pod css */
/* Chrome, Safari, Edge, Opera */
.podInputDiv input::-webkit-outer-spin-button,
.podInputDiv input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
.podInputDiv input[type=number] {
  -moz-appearance: textfield;
}
.podInputDiv{
	padding: 0px 5px;
	white-space: nowrap;	
}
.podInputDiv input[type="checkbox"].podCheckbox{
	margin: 0px;
}
.podTextLabel{
	padding-left: 5px;
	margin-bottom: 0px;
	font-size: 10px;
}
 .podQuantityLabel{
		margin-bottom: 0px;
		font-size:10px;
	}
@media (max-width: 799px){
	.account-section .complaintData .responsive-table td {
	    word-break: break-word;
	    white-space: pre-wrap;
	}
	.tablePagination .pagination{
		margin: 0px -7px;
	}
	#addDispute{
		padding: 20px 20px;
	}
	.hiddenInputFile{
		width: 100%;
		top:0px;
	}
	.podQuantityLabel{
		margin-top: 5px;
		margin-bottom: 0px;
	}
	.page-open-contracts #lineItemsTable1.rt-responsive-table.rt-vertical-table td:before{
		padding-bottom: 25px;
	}
	.page-open-contracts .table-responsive > .table > tbody > tr > td{
	 white-space: normal;
	 display: flex;
	}
	.page-homepage #colorbox{
	     top: 100px !important;
	}
	.pdpMoreInfo{
		text-align: center;
   	    margin-bottom: 20px;
    	float: none;
	}
	#cboxClose{
		padding: 0px;
    	font-size: 18px;
	}
	.page-open-contracts table.rt-responsive-table.rt-vertical-table td.materialContract{
	display: flex;
	}
}
#customerFirstName,#customerLastName{
	 display:none
}
@media (min-width: 1024px){
	.page-statement-of-account .table > tbody > tr > td.soaDetails{
	max-width: 110px;
    white-space: pre-line;
    word-break: break-word;
	}
	.page-deliveries .table > tbody > tr > td.docNo,
	.page-deliveries .table > tbody > tr > td.OrderNo{
	max-width: 50px;
	}
	.page-deliveries .table > tbody > tr > td.transport{
	max-width: 50px;
	line-break: anywhere;
	}
	
}
.page-homepage #colorbox{
	z-index: 999999;
}
.blockedInputCross{
	right: 20px;
    top: 1px;
    color: red;
    position: relative;
    font-size: small;
    font-weight: 700;
}
  
/* Add to Cart Hide minus and Plus on condition */
 .addtocart-component .qty-selector .pdpAddtoCartCustomInput{
 	width: 50%;
 }
 /* Chrome, Safari, Edge, Opera */
 .addtocart-component .qty-selector input::-webkit-outer-spin-button,
 .addtocart-component .qty-selector input::-webkit-inner-spin-button {
   -webkit-appearance: none;
   margin: 0;
 }
 /* Firefox */
 .addtocart-component .qty-selector input[type=number] {
   -moz-appearance: textfield;
 }
 .qty-selector.input-group{
 	/* display: grid; */
 }
 #pdpAddtoCartCustomInputLabel{
  display: block;
 }

/* Checkout */
.step-body{
	padding: 10px;
    border: 1px solid #ccc;
    border-top: 0px;
    margin-bottom: 20px;
}

.checkout-steps .step-head.active {
    display: block;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.checkout-steps .step-body .checkout-next{
	width: 40%;
    margin: 0px auto;
    padding: 7px 20px;
    max-width: 200px;
    margin: 40px auto;
}

.errorShiptoParty,.errorBillToParty{
	font-size: 12px;
    color: red;
    position: absolute;
    top: -18px;
    white-space: nowrap;
  	overflow: hidden;
  	text-overflow: ellipsis;
    display:none;
}

.checkout-shipping{
	padding: 0px;
    border: none;
}
.shippingItemsList{
	float:left;
	width:100%;
}
.page-multiStepCheckoutSummaryPage .myAccountData{
	display:none !important;
}
.shippingItemsList li{
	width:37%;
	float:left;
}

.page-multiStepCheckoutSummaryPage .checkout-shipping-items ul.selectShipTo > li{
	border-bottom:1px solid #cccccc;
}

.shippingItemsList li:first-child{
	width:25%;
}

.page-multiStepCheckoutSummaryPage .checkout-shipping-items .shippingItemsList .qty{
	text-align:left;
}

.page-multiStepCheckoutSummaryPage .checkout-shipping-items .shippingItemsList li:first-child p{
	 margin-bottom: -3px;
	 line-break: anywhere;
}
.floatValues{
	float: left;
    width: 100%;
}
.page-multiStepCheckoutSummaryPage .checkout-shipping-items ul.selectShipTo li {
    padding-top: 10px;
    line-height: 20px;
}

.page-multiStepCheckoutSummaryPage .checkout-shipping-items ul.selectShipTo li.headerProductSelect{
	font-size: 17px;
    background: #ccc;
    color: black;
    font-weight: 700;
    padding-top: 0px;
    position: sticky;
    top: 0px;
    z-index: 999;
}

ul.selectShipTo.floatValues {
    max-height: 450px;
    overflow-y: auto;
    position: relative;
    margin-bottom: 60px;
}

.page-multiStepCheckoutSummaryPage .checkout-shipping-items ul.selectShipTo .shippingItemsList li{
    padding: 10px 10px;
}

.page-multiStepCheckoutSummaryPage .checkout-shipping-items ul.selectShipTo .shippingItemsList select.form-control {
    text-transform: capitalize;
    font-size: 13px;
    padding-left: 10px;
    font-size: 12px;
}
.shipToParty,.billToParty{
	border-radius:5px;
}
.page-statement-of-account .fileNames span,
.page-statement-of-account .fileNamesDisplay span{
	margin: 0px 5px;
}

.itemAddress .addressName,.itemAddress .formattedAddress,.itemAddress .country{
	display:block;
}
.itemAddress .addressName{
	font-weight:700;
}
.itemAddress .addressName span.firstName{
	padding-right:5px;
}

.updateButtons{
   margin-top: 10px;
   margin-right: 5px;
   display: flex;
   justify-content: space-between;
   align-items: center;
}
.updateButtons span{
	float:right;
	cursor:pointer;
	font-size:13px;
}

.updateButtons span.cancelShipTo,.updateButtons span.cancelBillTo{
    border: 1px solid grey;
    padding: 2px 4px;
    border-radius: 8px;
    background: grey;
    color: white;
    margin-right: 8px;
}

.updateButtons span.updateShipTo,.updateButtons span.updateBillTo{
	 padding-right: 3px;
    border: 1px solid #0095da;
    padding: 2px 4px;
    border-radius: 8px;
    background: #0095da;
    color: white;
}

.checkout-order-summary ul{
	padding-left:0px;
	list-style:none;
}
.page-multiStepCheckoutSummaryPage .checkout-order-summary .checkout-shipping-items ul.selectShipTo li.headerProductSelect{
	 background: #00b050;
    color: white;
    border-radius: 3px;
}
.page-multiStepCheckoutSummaryPage  .checkout-order-summary .checkout-shipping-items ul.selectShipTo .shippingItemsList{
	display:table;
}
.page-multiStepCheckoutSummaryPage  .checkout-order-summary .checkout-shipping-items ul.selectShipTo .shippingItemsList li {
    padding: 15px 10px;
    display: table-cell;
    float: none;
}
.checkout-order-summary .shippingItemsList li{
	width:33%;
}
.checkout-order-summary .itemsDataTable .thumb img{
	width:96px;
}
.checkout-order-summary .itemsDataTable .thumb,.checkout-order-summary .itemsDataTable .qtyDetails{
	width:48%;
	float:left;
}
.checkout-order-summary .itemsDataTable .thumb,.checkout-order-summary .itemsDataTable .qtyDetails p{
	margin:0px;
}
@media (min-width: 640px){
	.page-multiStepCheckoutSummaryPage  .checkout-order-summary .checkout-shipping-items .itemsDataTable .price{
		text-align: left;
	}
}
.price .btn-group.js-cartItemDetailGroup .btn{
	background: white;
   border: none;
   padding:5px 5px;
}
.price .item__menu .open > .dropdown-menu {
    padding: 5px 0;
    right: auto;
    top: 60%;
    left:-86px;
    min-width: 100px;
    margin:0px;
}

.page-multiStepCheckoutSummaryPage .checkout-order-summary .checkout-shipping-items ul.selectShipTo .shippingItemsList .dropdown-menu li{
	 display: list-item;
    padding: 3px 0px;
    width:100%;
}

#simulateItems{
    width: 40%;
    float: right;
    max-width: 200px;
    margin-right: 20px;
}

.logo-block p.title0{
	margin: 0px;
}
.nonDealerClass{
	visibility:hidden;
}
/* auto-search css */
.ui-widget.ui-widget-content{
	text-align: center;
}
.navigation--top .nav__right .nav__links--account li a {
	position: relative;
}
.navigation--top .nav__right .nav__links--account .searchBox li:last-child a{
	border: none;
    background: none;
}
.ui-menu .ui-menu-divider {
	margin: 0;
	height: auto;
}
.ui-menu{
	display: grid;
}

.ui-menu-item-wrapper.ui-state-active{
	background: #ffffff;
}

.page-multiStepCheckoutSummaryPage .qtyDetails .glyphicon-edit{
	padding-left:7px;
}

.simulated .shippingItemsList li{
	width:25%;
}

/* .simulated .shipToInfo {
	 width: calc(100% - 22px);
	 display:inline-block;
}

.simulated .glyphicon.glyphicon-edit{
 	width:17px;
 	display:inline-block;
} */
@media (min-width: 800px){
	.simulated .itemsDataTable td:last-child{
		width:7% !important;
	}
}
.simulated.contractOrder .itemsDataTable td:last-child{
	width:auto !important;
}

.qtyDetails .qty .form-group{
   width:90%;
   margin:0px;
}

.itemsDataTable .thumb img{
	max-width:76px;
}
.itemsDataTable .thumb{
	max-width:90px;
}

.itemsDataTable tr td,.itemsDataTable tr th{
    vertical-align: middle;
}

.account-section .account-section-content .itemsDataTable form {
	 padding:0px;
    padding-top: 10px;
}

.itemsDataTable .qty > span:first-child{
	paddin-top:10px;
	display:block;
}
.itemsDataTable{
	max-height: 300px;
   overflow-y: auto;
}

.simulateSteps{
	margin-top: 50px;
}

.itemsDataTable table thead th{
	 position: sticky;
    top: 0px;
    z-index: 999;
}

.itemsDataTable .table-striped>tbody>tr:nth-of-type(even){
	 background-color: #cccccc0d;
}

.active .selectedPlant{
	color:white;
}

.checkout-order-summary .subtotals {
	 /* border-top: 1px solid #cccc; */
    padding: 5px 20px;
}
.page-orderConfirmationPage .subtotals{
	 /* border-top: 1px solid #cccc; */
    padding: 10px 15px;
}
.page-orderConfirmationPage .subtotals {
    font-size: 18px;
    float: right;
}
.page-orderConfirmationPage .subtotals .totals {
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 15px;
    padding: 10px 0;
    border-top: 1px solid #cccccc;
}
.page-orderConfirmationPage .subtotals .subtotal,
.page-orderConfirmationPage .subtotals .shipping, 
.page-orderConfirmationPage .subtotals .subtotals__item--state-discount, 
.page-orderConfirmationPage .subtotals .tax, 
.page-orderConfirmationPage .subtotals .totals {
    padding: 5px 0;
}
.page-orderConfirmationPage .subtotals .subtotal span, 
.page-orderConfirmationPage .subtotals .shipping span, 
.page-orderConfirmationPage .subtotals .subtotals__item--state-discount span, 
.page-orderConfirmationPage .subtotals .tax span, 
.page-orderConfirmationPage .subtotals .totals span {
    float: right;
    font-weight: 600;
}
.page-orderConfirmationPage .table-striped>tbody>tr:nth-of-type(even), .table-striped>tbody>tr:nth-of-type(even):hover{
	background-color: #0000001c !important;
}
.page-multiStepCheckoutSummaryPage .glyphicon.glyphicon-edit {
    padding-left: 10px;
    cursor:pointer;
}
.totalPrice .price label{
	width:48%;
	display:inline-block;
	font-size: 10.5px;
	color: #000000d6;
}

.itemsDataTable  .responsive-table.customTable thead tr th:nth-child(1),.itemsDataTable  .responsive-table.customTable tbody tr td:nth-child(1) {
    padding-left: 10px;
}

.account-section .account-section-content .itemsDataTable .dropdown-menu.dropdown-menu-right form{
	padding:0px;
}

.totalPrice .price > span{
	width:48%;
	display:inline-block;
	text-align:right;
	font-size: 10.5px;
}

.itemsDataTable .glyphicon.glyphicon-remove{
	cursor:pointer;
	color:#989292;
}

/* .qtyDetails .price{
	margin-top:3px;
} */

.qtyDetails .price label{
	font-size:10.5px;
	padding-right:5px;
	margin-bottom:0px;
	color: #0e38af;
}
.qtyDetails .price > span{
	font-size:10.5px; 
}
.itemsDataTable .table-striped>tbody>tr{
    border-bottom: 1px solid #cccccc;
}
.qtyDetails .qty .form-group input{
	display:inline;
	margin-right: 10.5px;
}

.checkout-order-summary .checkout-order-summary-list .checkout-order-summary-list-heading{
	  background-color:#0095da !important;
	  border-bottom:none;
}

.itemsDataTable label{
	  text-transform: capitalize;
	  margin-bottom: 0px;
}
.page-orderConfirmationPage .qtyDetails {
	padding-left:10px;
}

.checkout-review{
	border:none;	
}

.mini-cart .mini-cart-body .mini-cart-list .mini-cart-item .thumb {
    float: none;
    margin-right: 10px;
    display: inline-block;
    width: 90px;
}

.mini-cart .mini-cart-body .mini-cart-list .mini-cart-item .details {
    margin-left: 0px;
    display: inline-block;
}

#placeOrder{
	 width: 40%;
    margin: 0px auto;
}

.page-multiStepCheckoutSummaryPage .ui-widget.ui-widget-content.autoCompleteShipTo{
	text-align:left;
}

.page-multiStepCheckoutSummaryPage .autoCompleteShipTo .ui-state-active, .ui-widget-content.autoCompleteShipTo .ui-state-active{
	    color:black;
}

.page-orderConfirmationPage .well.well-tertiary.well-single-headline,.page-orderConfirmationPage div.checkout__confirmation__content--component:nth-child(2)
{
	/* display:none; */
}
.page-cartPage .content__empty{
	margin-bottom:60px;
}

.page-orderConfirmationPage .continue__shopping{
	 margin: 20px 0px;
}
@media (min-width: 639px){
	.reviewStep .simulated .itemsDataTable td:last-child{
		width:auto !important;
	}
	.qtyDetails .qty .form-group input{
	width: 65%;
	}
}
#placeOrderForm1 .form-group{
	width: 80%;
   margin-left: 20px;
   float:left;
}

.page-productDetails .tabs-responsive .tab-container{
	overflow-y: auto;
    height: auto;
}

a.pdpPdf{
	width: 48%;
    display: inline-block;
}
a.brochureSheets{
	text-align: center;
}

.checkout-shipping-items.account-section {
    width:100%;
}

.checkout-help{
	visibility:hidden;
}

.selectedPlant{
	color: #0095da;
}

.checkout-order-summary .itemsDataTable .qtyDetails{
	padding:5px 0px 0px;
	font-size: 10.5px;
}

.checkout-shipping-items .table-striped>tbody>tr:nth-of-type(even),.checkout-shipping-items  .table-striped>tbody>tr:nth-of-type(even):hover,.checkout-shipping-items .complaintDataTable .table-striped>tbody>tr:nth-of-type(even),.checkout-shipping-items .complaintDataTable .table-striped>tbody>tr:nth-of-type(even):hover{
	background-color: #cccccc0d;
}

#purchaseOrderNumber{
	 width: 50%;
    border-radius: 5px;
    display: inline-block;
}

#placeOrderForm1 .form-group label{
	width:52%;
	float:left;
	padding-top: 10px;
}

#placeOrderForm1 .form-group .form-control{
	width: 48%;
    border-radius: 5px;
    float: left;
    margin-top: 10px;
}

.place-order-form .checkbox{
	float:left;
}

.itemsDataTable .table-striped>tbody>tr.errorRow{
	 border: 1px solid red;
    border-right: 2px solid red;
}

.navigation--top .nav__right .nav__links--account li.cartHeaderIcon .mini-cart-icon,.navigation--top .nav__right .nav__links--account li.cartHeaderIcon .mini-cart-count{
	display:inline;
}
.navigation--top .nav__right .nav__links--account li.cartHeaderIcon{
	padding-top:30px;
}

.page-orderConfirmationPage .well.well-tertiary{
	background: white;
    color: black;
    padding: 0px;
    border: none;
}
div.orderLevelData:nth-child(even){
	background: #f5f5f5;
}
.orderLevelData{
	padding: 30px 50px 10px 50px;
	display: flow-root;
}
.page-orderConfirmationPage .well .well-headline {
    border: none;
    padding-left: 5px;
    font-size:27px;
    padding: 10px 50px;
    text-align: center;
}
.page-orderConfirmationPage .checkout-success__body{
	margin: 30px 0 30px;
}
.well.well-tertiary .item-label {
    color: #2f5b78;
}
div.orderLevelData:nth-child(even) {
    background: #e5e5e5;
}
@media (max-width: 799px){
	.orderLevelData {
    	padding: 30px 15px 10px 15px;
	}
	.page-orderConfirmationPage .responsive-table td:last-child{
		max-width: 100%;
	}
	.page-orderConfirmationPage table.rt-responsive-table.rt-vertical-table tbody td div.responsive-container{
		white-space: normal;
	}
	.page-orderConfirmationPage .subtotals .totals span {
		padding-left: 8px;
	}
	.page-orderConfirmationPage .account-section .continue__shopping{
		padding-left: 40px;
	}
}
.page-orderConfirmationPage .well.well-tertiary .item-value{
	color:black;
}
.page-orderConfirmationPage .item-label{
	font-weight:700;
}
@media (min-width: 800px){
	.page-orderConfirmationPage .responsive-table td:last-child{
		max-width:200px;
	}
}
.page-multiStepCheckoutSummaryPage .checkout-order-summary .checkout-shipping-items .itemsDataTable .price .item__menu .btn-group li.simulateCartRemove{
list-style: none;
}
/* checkout mobile css */
@media (max-width: 799px){
	.itemsDataTable .qty{
		display: inline-block;
	    white-space: nowrap;
	}
	.qtyValue{
		white-space: nowrap;
	}
	.page-multiStepCheckoutSummaryPage table.rt-responsive-table.rt-vertical-table tbody td div.responsive-container{
	float: none;
	white-space: normal;
	}
	.checkout-order-summary{
	margin-right: 10px;
	margin-left: 10px;
	}
	.page-multiStepCheckoutSummaryPage .checkout-order-summary .checkout-shipping-items .itemsDataTable .price .item__menu .btn-group li.simulateCartRemove{
	list-style: none;
	}
	 
	.page-multiStepCheckoutSummaryPage table.rt-responsive-table-0.rt-vertical-table td:nth-of-type(1):before{
	padding-left: 10px;
	}
	.page-multiStepCheckoutSummaryPage .checkout-order-summary .checkout-shipping-items .account-section-content .itemsDataTable table.rt-responsive-table.rt-vertical-table tbody .selectShipToParty{
	padding: 0px 10px;
	display: inline-flex;
	}
	.subtotals.creditLimitAmount .quantities.subtotal{
	font-size: 18px;
	}
	.checkout-order-summary .subtotals .totals{
	font-size: 18px;
	}
	/* .simulated .itemsDataTable td:last-child{
	top: -300px;
    right: 15px;
    float: right;
	} */
	.checkout-shipping .checkout-shipping-items ul{
	font-size: 15px;
	}
	.page-multiStepCheckoutSummaryPage .responsive-table td:last-child{
	text-align: center;
	}
	.checkout-review{
	padding: 0px;
	}
	.step-body .checkout-review .checkout-order-summary{
	padding: 0px;
    margin: 0px;
	}
	.checkout-order-summary .subtotals .totals{
	font-size: 20px;
	}
	#placeOrderForm1 .form-group{
	width: 100%;
    margin-left: 0px;
	}
	#placeOrder{
	width: 100%;
	}
	.place-order-form .checkbox{
	    margin: 10px 0 15px;
	}
	table.rt-responsive-table.rt-vertical-table tbody td div.responsive-container{
	width: 50%;
	}
}
 
.page-orderConfirmationPage .itemsDataTable{
	margin: 20px 0px 20px;
	max-height: 100%;
}

.qtyValue{
	display:block;
}

.checkout-order-summary .checkout-order-summary-list .details .qty .qtyValue span{
	 color: #3c3c3c;
    text-transform: capitalize;
}

.subtotals.creditLimitAmount{
	 margin: 0px;
    padding: 0px 0px 10px;
    padding-right: 25px;
}
@media (min-width: 640px){
	.subtotals.creditLimitAmount .quantities.subtotal{
		 font-size: 20px;
	    font-weight: 600;
	}
}

.page-orderConfirmationPage .continue__shopping{
	text-align: right;
   padding-right: 40px;
   padding-bottom: 40px;
}

.loginContainer .logos .col-md-3 {
    margin-bottom:20px;
}

.page-orderConfirmationPage .continue__shopping .btn{
	display:inline;
}

.navigation--top .nav__right .nav__links--account.nonFlexDisplay li.userLineOfBusiness{
	width:15%;
}

.navigation--top .nav__right .nav__links--account.nonFlexDisplay .cartHeaderIcon{
	width:10%;
}

.payerData li:first-child{
	width:45%;
	padding-left:10px;
}

ul.selectShipTo.floatValues.payerInfo{
	padding:20px 10px;
}

.approverUser .myAccountData .glyphicon{
	visibility:hidden;
}

.approverUser .navigation--top .nav__right .nav__links--account li{
	visibility:hidden;
}
.approverUser .navigation--top .nav__right .nav__links--account li.userLineOfBusiness,.approverUser .navigation--top .nav__right .nav__links--account li.liOffcanvas,.approverUser .navigation--top .nav__right .nav__links--account li.logged_in.logged_in{
	visibility:visible;
}

.errorProduct{
	float: left;
   position: relative;
   width: 100%;
}

.productErrorMsg{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    background: #ffffffd9;
    height: 100%;
    font-size: 16px;
    color: red;
    font-weight: 700;
}
@media (min-width: 640px){
	.productErrorMsg .col-sm-10{
		padding-top: 45px;
	}
	.productErrorMsg .col-sm-2{
		padding-top: 35px;
	}
}
.page-order-approval-dashboard .account-orderhistory{
	width:97%;
	margin:0px auto;
}

.page-order-approval-dashboard .responsive-table-item a.responsive-table-link{
	font-weight:bold;
}

.btn-reject{
	margin: 20px 0px;
    background: #ff1818f5;
    border-color: #ff1818f5;
    border: 3px solid #ff1818f5;
    color: #ffffff;
}
.plpAddToCartDuplicateAction{
	display:none;
}
.rejectApprovalPage{
   display:none;	
}

.page-order-approval-details .well.well-tertiary .item-value {
    font-weight: 700;
}

.page-order-approval-details .well.well-tertiary .item-label {
    font-weight: 700;
}

.page-order-approval-details .item__list{
	width:95%;
	margin:0px auto;
}

.page-order-approval-details .item__list .item__list--header li:last-child{
	text-align:left;
}

.page-order-approval-details .item__list .item__total{
	text-align:left;
}

.page-order-approval-details .item__list .item__list--header li {
    font-weight: 700;
}

.page-order-approval-details .item__list .item__total{
	font-weight:500;
}

.page-order-approval-details .item__list .item__info{
  width:auto;
}

.page-order-approval-details .item__list .item__quantity{
	text-align:left;
}

.page-order-approval-details .col-xs-6{
	height:40px;
}

.page-order-approval-details .rejectApprovalPage{
   display:block;	
}

.productErrorMsg .open > .dropdown-menu{
	padding:0px;
}

.productErrorMsg .btn.btn-default.js-cartItemDetailBtn{
    background: white;
    color: black;
    border: none;
}

.pdpImageShow #cboxLoadedContent{
	overflow: hidden !important;
    height: 200px !important;
    margin: 60px 0px;
}

.page-order-approval-details .totalPrice .price > span{
	text-align:left;
}

.page-order-approval-details .well.well-tertiary {
    background-color: #cccccc36;
    border-bottom:none;
}

.page-order-approval-details .well.well-tertiary .item-label{
	    color: #847373;
}

.page-order-approval-details .well.well-tertiary .item-value{
	    color: #847373;
}

.page-order-approval-details .bottomActions > div{
	 max-width: 400px;
    width: 43%;
    float: right;
}

.page-orderConfirmationPage .totalPrice .price > span{
	text-align:left;
}

.gstText{
	 text-align: right;
    font-size: 15px;
    font-weight: 600;
}

.page-orderConfirmationPage .itemsDataTable .thumb{
	max-width:100%;
	display: flex;
}
.page-orderConfirmationPage .itemsDataTable .thumb div p.name{
	line-break: anywhere;
}
.page-order-approval-details .bottomActions .rejectApprovalPage button{
	margin:0px;
}

.page-order-approval-details .bottomActions{
	margin:30px 0px;
}

.showImgClass{
	text-align: center;
}

.showImage{
	width: 100px;
}

/* customer Service */
.tracking.complaintData .complaintDataForm div.form-group {
    width: 25%;
    float: left;
    margin: 10px 0;
    margin-right: 20px;
}
.tracking.complaintData .searchorders.searchFilters{
	padding: 10px 20px;
}
.tracking .searchorders .search-btn .btn {
    border-radius: 4px !important;
    padding: 4px 12px;
    color: #fff;
}
.tracking.complaintData .complaintDataForm div.search-btn {
    padding-top: 20px;
}
.tracking.complaintData .complaintDataForm input[name="fromDate"],
.tracking.complaintData .complaintDataForm input[name="toDate"]{
	color: #3c3c3c;
    background-color: #ffffff;
}
@media (max-width: 639px){
	.tracking.complaintData .complaintDataForm div.form-group {
    width: 100%;
	}
	.tracking.complaintData .complaintDataForm div.search-btn {
    padding-top: 0px;
    }
}
/* creditStatus */
.creditStatusFail,.creditStatusMsg{
	color:red;
}
.creditStatusPass{
	color: green;
}
.creditStatusMsg-headline{
	text-align: center;
    font-size: 18px;
    font-weight: 700;
}
@media (min-width: 800px){
	.itemsDataTable td.selectShipToParty
	{
		max-width:100px;
		font-size: 10.5px;
		text-transform: uppercase;
	}
	
	.itemsDataTable td.totalPrice{
		max-width:80px;
		padding: 0px 40px;
	}
	.itemsDataTable .responsive-table.customTable tbody tr td:nth-child(1){
	   max-width:150px;
	}
	.page-order-approval-details .item-group{
	padding:10px 0px;
	min-height: 75px;
	}
}
@media (min-width: 640px){
	.navigation--middle .nav-cart .mini-cart-link{
		line-height: 20px;
	}
}

.checkout-order-summary .subtotals .subtotal.border,
.page-orderConfirmationPage .subtotals .subtotal.border{
	border-top: 1px solid #cccccc;
}
.checkout-order-summary .currentOrder{
	border-top: 1px solid #cccccc;
}
.account-orderdetail .orderTotalPrice{
	border-top: 1px solid #cccccc;
}
.account-orderdetail .subtotal.border{
	border-top: 1px solid #cccccc;
	white-space: nowrap;
}
.orderCurrentOrder,
.page-orderConfirmationPage .subtotals .shipping {
	border-bottom: 1px solid #cccccc;
}
.page-order-approval-dashboard .table.rt-responsive-table.rt-vertical-table tbody td div.responsive-container{
	white-space: normal;
}
.mini-cart .mini-cart-body .mini-cart-list li + li{
	display: flex;
}
@media (max-width: 639px){
	.page-order-approval-details .bottomActions > div{
		max-width: 400px;
   	    width: 90%;
    	float: none;  
    	margin: 5px 16px;
	}
	.item__list--item {
		display: block;
	}
	.item__list--item > div{
	 margin-left: 20px;
	}
	.subtotals__item--state-discount{
	white-space: nowrap;
    font-size: 15px;
	}
	.page-orderConfirmationPage .subtotals__item--state-discount,
	.account-orderdetail .subtotals__item--state-discount{
	font-size: 18px;
	}
	.page-cartPage .item__list .item__name{
	white-space: pre-line;
	}
	.page-cartPage .item__list .item__menu{
	top: 40px;
	}
}
@media (min-width: 1400px){
	.page-deliveries .account-section {
	    margin: 0 20px;
	    width: 98%;
	}
	.page-dcmLandingPage ul.footer__nav--links li{
		width: 18%;
	}
}
.page-order-approval-details .item__list .item__name,
.add-to-cart .add-to-cart-item .details .name{
	line-break: anywhere;
}
.mini-cart .mini-cart-body .mini-cart-list .mini-cart-item{
	display: inline-flex;
}
.approverUser .content{
	display: none;
}
/* playStrore css */
.page-dcmLandingPage li.store_Links{
	list-style-type: none;
}
.page-dcmLandingPage ul.footer__nav--links li.store_Links a img.ls-is-cached{
	width: auto;
}
@media ( max-width : 639px){
	.page-dcmLandingPage .footer_store_links{
		text-align: center;
	}
	.page-dcmLandingPage ul.footer__nav--links li {
    margin-top: 10px;
    width: 19%;
	}
	.page-dcmLandingPage li.store_Links {
    list-style-type: none;
    display: inline;
	}
	.healthsummary {
	    min-height: 200px;
	    padding: 25px 0 0;
	    display: block;
	}
	.page-homepage .row .healthsummary .col-sm-4{
        margin: 10px 10px;
    }
	.healthsummary .col-sm-4 {
	    width: calc(33.33% - 22px);
	}
	.row .healthsummary .col-sm-4 {
	    margin: 0px 10px;
	    min-height:150px;
	}
	.row .healthsummary .col-sm-4 .healthBlock{
	    padding:10px 0px;
	    min-height:145px;
	}
	.healthsummary h3{
	    padding-left: 5px;
	    padding-right: 5px;
	}
	.healthsummary h3 {
	    font-size: 11px;
	}
	.healthsummary h1 {
	    font-size: 13px;
	    padding: 0px 5px 0px;
	}
	.back-link .label{
	font-size: 20px;
	}
	.checkout-order-summary .checkout-order-summary-list .details .name{
	line-break: anywhere;
	}
	.well.well-lg{
	padding-top: 20px;
    padding-bottom: 20px;
	}
	.page-order-approval-details .item-group{
	min-height: 35px;
	}
	.page-sales-contract-approval-details .item-group{
	min-height: 35px;
	}
	.account-orderdetail .orderTotal{
	white-space: nowrap;
	}
	.comment-modal textarea{
	margin: 1px 1px;
	}
	.qtyDetails .qty .form-group input{
	width: 100%;
	}
	.item__quantity__total label span{
	font-size: 13px;
    color: #000000d6;
	}
	.page-orderConfirmationPage .subtotals {
    float: none;
	}
	.page-multiStepCheckoutSummaryPage .checkout-shipping-items ul.selectShipTo .shippingItemsList li{
	 padding: 5px 5px;
	}
	.page-order-approval-details .item__list .item__quantity{
	padding-bottom: 15px;
	}
	.page-sales-contract-approval-details .item__list .item__quantity{
	padding-bottom: 15px;
	}
	.navigation--middle .nav-cart .mini-cart-link .nav-items-total{
	width: 40px;
	}
	.no-space .yCmsComponent{
		padding: 1px !important;
	}
	.healthsummary a{
	font-size: 15px;
	}
}
@media ( max-width : 374px){
	.checkout-order-summary .subtotals{
		font-size: 18px;
	}
	.page-orderConfirmationPage .subtotals .totals{
		font-size: 18px;
	}
	#customLogin .customLoginFooter p {
    margin: 0px 3px 3px;
	}
}
@media ( max-width : 639px) and ( min-width : 375px){
	.checkout-order-summary .subtotals{
		font-size: 15px;
	}
	.updateButtons{
	display: flex;
	}
	#customLogin .customLoginFooter p {
    margin: 0px 10px 3px;
	}
	#sliderBig .docImgFullScreen img{
        width: 100% !important;
        height: 80%;
    }
}
ul.footer__nav--links li.store_Links a img.ls-is-cached{
	width: auto;
}
.deliveryFontReduce{
	font-size:12px;
	font-weight: 500;
}
@media ( max-width : 1360px) and ( min-width : 1150px){
	.itemsDataTable .responsive-table.customTable thead tr th:nth-child(1){
		padding-left: 5px;
	}
	.table-responsive .responsive-table.customTable thead tr th{
		padding: 5px;
	}
	.itemsDataTable td.totalPrice{
		max-width: 90px;
    	padding: 0px 20px;
	}
	.itemsDataTable .responsive-table.customTable tbody tr td:nth-child(1){
		max-width: 170px;
	}
	.mini-cart .mini-cart-body .mini-cart-list .mini-cart-item .thumb{
		width: 75px;
		margin-right: 0px;
	}
	.page-open-contracts table#lineItemsTable{
	 	font-size:12px;
	}
	.healthsummary h3{
		font-size:16px;
	}
}
@media ( max-width : 1149px) and ( min-width : 800px){
	.navigation--top .nav__right .nav__links--account.flexDisplay .logged_in_fenesta.js-logged_in{
	order: 2;
	padding-left: 5px;	
	}
	.checkout-steps .step-head{
	    font-size: 14px;
	    padding-top: 10px;	
	}
	.checkout-steps .step-head:before{
	line-height: 45px;
	}
	.selectedPlant{
	font-size:12px;
	}
	.page-homepage video {
  		height: 350px;
	}
}
@media ( min-width : 1150px){
	.navigation--top .nav__right .nav__links--account.flexDisplay .logged_in_fenesta.js-logged_in{
	order: 2;
	padding-left: 15px;
	}
	.selectedPlant{
		font-size:15px;
	}
	.page-homepage video {
  		height: 480px;
	}
}
.itemsDataTable .qty span.qtyValue label,
.itemsDataTable .item__code label {
	font-size:10.5px;
	margin-bottom: 0px;
	color: #0e38af;
}
.page-open-contracts #lineItemsTable .netPriceContracts{
	white-space: nowrap;
}

.profileDop img{
	width:70%;
	/* max-width:160px;
	max-height:160px; */  
}

.profileDop .selectDop{
	display:none;
	width: 100%;
	height:30px;
   font-size: 12px;
   margin-right: 4px;
   padding: 4px 3px;
}
.profileUpdate{
	/* transform: rotate(90deg);
    float: right;
    margin: 20px 1px; */
    font-size: 10px;
	display:flex;   
}
.accountMyProfile .profileDetails .profileDop .profileUpdate label
{
	font-size: 10px;
	width: 30%;
}
.account-section .account-section-content .accountOrderHistory .errorId{
	margin: 0px 2.1%;
}
.accountMyProfile .profileDetails .profileDop label{
	text-transform: capitalize;
    color: black;
    font-size: 14px;
    width: 100%;
}
.row.logos.mobileFlex:after,.row.logos.mobileFlex:before{
	display:none
}
.page-deliveries .accountOrderHistory .pagination-wrap{
	padding: 0px 20px;
}
@media (min-width: 799px){
	.page-deliveries .pagination-bar .pagination,.page-deliveries .pagination-bar button {
	    margin-top: 0px;
	}
	.page-deliveries .accountOrderHistory .pagination-wrap{
	width: 80%;
    float: right;
	}
	.podInputDiv .form-control {
	max-width: 70px;
	}
}
.vertical-center {
  margin: 0;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.registrationDiv .registerSuccess{
	color: green;
}
.registrationDiv .existingEmail,.existingAccount,.accountErr,.mandatory,.toolong,.emailInvalid,.phoneInvalid,.termsAccept{
	color: red;
}
.page-dcmLandingPage .btn:hover,.page-dcmLandingPage .btn:focus,.page-dcmLandingPage .btn.focus,
.page-dcmfenestaLogin .btn:hover,.page-dcmLandingPage .btn:focus,.page-dcmLandingPage .btn.focus{
	color: #0068b3;
}
.page-dcmLandingPage .registerLink,
.page-dcmfenestaLogin .registerLink{
	text-align: center;
}
.page-dcmLandingPage #registerButton,
.page-dcmfenestaLogin #registerButton{
	border-radius: 10px !important;
}
.page-dcmLandingPage .contactUsLeft.contactUsBottom,
.page-dcmfenestaLogin .contactUsLeft.contactUsBottom{
	right: -312px;
	width: 306px;
	top: 350px;
}
.page-dcmLandingPage .registerForm #cboxLoadedContent,
.page-dcmfenestaLogin .registerForm #cboxLoadedContent{
	margin-top: 85px;
}
.page-dcmfenestaLogin #registrationForm label{
	white-space: normal;
}
.page-dcmfenestaLogin .registrationDiv .registerSuccess,
.page-dcmLandingPage .registrationDiv .registerSuccess{
	padding: 150px 0px;
}
.page-homepage video {
  width: 100% !important;
  background: black;
}
.navigation--top .nav__right .nav__links--account .js-logged_in .newCustomerMyProfile {
    padding: 10px 10px;
    float: right;
    background: #3798db;
    border: 1px solid #3798db;
    color: #ffffff;
    border-radius: 15px;
}
.customLoader {
  border: 5px solid #f3f3f3; /* Light grey */
  border-top: 5px solid #3498db; /* Blue */
  border-radius: 50%;
  width: 50px;
  height: 50px;
  animation: spin 2s linear infinite;
  left: 35%;
  position: relative;
}
.page-dcmLandingPage #colorbox.registerForm,
.page-dcmfenestaLogin #colorbox.registerForm{
	/* overflow-y: scroll; */
}
#registrationForm,
#termsAndConditionsBlock{
	height:400px;
	overflow-y:auto
	}
.orderDetailData .fa{
	font-size: 25px;
	padding-top: 0px;
	margin:0px 2px;
}
.orderDetailData p.invoiceDownlaod{
	cursor: pointer;
}
.page-dcmfenestaLogin .btn:hover{
	color:white;
}
/* ios close button */
.backToHomeButton{
	float:right;
}
.backToHomeButton a{
	color:white;
}
#accountStatementTable thead tr i {
    width: 20%;
    vertical-align: top;
    cursor: pointer;
    top: 1px;
    padding:0 0;
    margin: 0 0 ;
}
.logQueryDisclaimer {
    z-index: 99999999;
    min-width: 450px;
    padding: 10px 10px;
    position: absolute;
    right: 50px;
    white-space: normal;
}
.disclaimerDataBlock span.glyphicon-remove{
 	float: right;
 	cursor: pointer;		
}
.logQueryDisclaimer p {
	margin: 0 0 0 0;
}
.logDisputeMobile .fa{
	padding:0 0;
    margin: 0 0 ;
    width: 0%;
}
@media (max-width: 799px){
	.logQueryDisclaimer {
		position: initial;
	}
	.mobile_dealer_stock_report{
		text-align: center;
	}
	.mobile_dealer_stock_report a{
		padding: 0;
	    vertical-align: top;
	    height: 60px;
	    font-size: 30px;
	    line-height: 60px;
	}
	.mobile_dealer_stock_report a .glyphicon-list-alt{
		font-size: 29px;
    	top: 2px;
	}
	.navigation--middle .nav-cart .mini-cart-link .mini-cart-count{
		right: 40%;
	}
	.page-deal-details .account-section .account-section-content .accountInvoiceHistory .form-group,
	.page-deal-details .account-section .account-section-content .accountInvoiceHistory .accountActions{
		width: 45%;
	}
	.page-deal-details .form-group .calenderIcon{
		top: 42px;
	}
	.page-deal-details table.rt-responsive-table.rt-vertical-table tr{
		border: none;
	}
	.page-deal-details .accountInvoiceHistory.accountDealDetails .pagination-wrap{
		padding: 50px 0px;
	}
	#accountDealDetailsTablePagination .fa {
		padding-left: 0px;
	}
	#accountDealDetailsTablePagination .downloadExcel{
		padding-left:40px;
	}
}
.page-outstanding-balance th.verticalAlign{
	vertical-align: middle;
}
.page-outstanding-balance th.alignCenter{
	text-align: center;
}
.popupButtonData .btn.mayBeFlag{
	background-color: #f28424;
	border-color: #f28424;
}
/* .page-updatePassword .container{
	height: 100vh;
} */
 
.account-section .account-section-content .accountStockReport .container-lg{
	float: none;
}
.navigation--top .nav__right .nav__links--account li a.stockReportLink{
	padding: 10px 20px;
    float: right;
    color: #ffffff;
    border-radius: 15px;
}
.navigation--top .nav__right .nav__links--account li a.stockReportLink .glyphicon-list-alt{
	padding: 0px 5px;
    font-size: 12px;
}
@media ( max-width : 320px) {
	.navigation--middle .mobile__nav__row span.glyphicon-align-justify,
	.navigation--middle .mobile__nav__row--btn span.glyphicon,
	.mobile_dealer_stock_report a .glyphicon-list-alt{
		font-size: 24px;
	}
	.navigation--middle .nav-cart .mini-cart-link .mini-cart-icon .glyphicon-shopping-cart{
		font-size: 20px;
	}
	.navigation--middle .nav-cart .mini-cart-link .nav-items-total{
		width: 30px;
	}
	.navigation--middle .nav-cart .mini-cart-count .nav-items-total{
		right: 12px;
	}
}
.page-my-profile .profileDop{
	padding: 0px 20px;
}

.accountInvoiceHistory.accountDealDetails .pagination-wrap{
	padding: 25px 20px;
}
.page-deal-details .account-section{
	width: 90%;
	margin: 0 auto;
}

.page-sales-contract-approval-details .well.well-tertiary .item-value {
    font-weight: 700;
}

.page-sales-contract-approval-details .well.well-tertiary .item-label {
    font-weight: 700;
}

.page-sales-contract-approval-details .item__list{
	width:95%;
	margin:0px auto;
}

.page-sales-contract-approval-details .item__list .item__list--header li:last-child{
	text-align:left;
}

.page-sales-contract-approval-details .item__list .item__total{
	text-align:left;
}

.page-sales-contract-approval-details .item__list .item__list--header li {
    font-weight: 700;
}

.page-sales-contract-approval-details .item__list .item__total{
	font-weight:500;
}

.page-sales-contract-approval-details .item__list .item__info{
  width:auto;
}

.page-sales-contract-approval-details .item__list .item__quantity{
	text-align:left;
}

.page-sales-contract-approval-details .col-xs-6{
	height:40px;
}

.page-sales-contract-approval-details .rejectApprovalPage{
   display:block;	
}

.page-sales-contract-approval-details .totalPrice .price > span{
	text-align:left;
}

.page-sales-contract-approval-details .well.well-tertiary {
    background-color: #cccccc36;
    border-bottom:none;
}

.page-sales-contract-approval-details .well.well-tertiary .item-label{
	    color: #847373;
}

.page-sales-contract-approval-details .well.well-tertiary .item-value{
	    color: #847373;
}

.page-sales-contract-approval-details .bottomActions > div{
	 max-width: 400px;
    width: 43%;
    float: right;
}

.page-sales-contract-approval-details .item__list .item__name, .add-to-cart .add-to-cart-item .details .name{
	line-break: anywhere;
}

.page-sales-contract-approval-dashboard .account-orderhistory{
	width:97%;
	margin:0px auto;
}

.page-sales-contract-approval-dashboard .responsive-table-item a.responsive-table-link{
	font-weight:bold;
}

.page-sales-contract-approval-dashboard .table.rt-responsive-table.rt-vertical-table tbody td div.responsive-container{
	white-space: normal;
}
.page-sales-contract-approval-details .orderApprovalDecisionForm button{
	margin: 20px 0;
}
.item__list .item__quantity .form-control.orderEntry_Plant{
	width: 80%;
	margin: 0 auto;
}
.entryNumberSuccess{
	color: green;
	display:none;
	font-size: 12px;
}
.page-multiStepCheckoutSummaryPage .select2-container .select2-selection--single{
    height: 32px;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
}
.select2-container--default .select2-selection--single .select2-selection__arrow b{
    margin-left: -10px !important;
    margin-top: 0px !important;
}
.select2-container--default .select2-selection--single .select2-selection__clear{
    height: 30px !important;
    margin-right: 30px !important;
}
.select2-container--default .select2-selection--single .select2-selection__clear span{
    font-size: 20px;
    color: #c6452f;
}
@media ( max-width : 1023px) {
	#accountStatementTablePagination .downloadExcelDiv{
		min-height: 45px;
	}
	.page-multiStepCheckoutSummaryPage .select2-container .select2-selection--single{
        height: 42px;
    }
    .select2-container--default .select2-selection--single .select2-selection__arrow b{
        margin-top: 5px !important;
    }
    .select2-container--default .select2-selection--single .select2-selection__rendered{
        line-height: 40px !important;
    }
}
.mobileOrder8 .banner__component.simple-banner img{
	padding-top: 15px;
}
#accountproductPricesPlantsWiseTable > tfoot > tr > td{
	padding: 0 8px;
}
.updatePriceButton{
	padding: 4px;
    text-transform: capitalize;
    font-weight: normal;
    width: 50%;
}
#accountproductPricesPlantsWiseTable .plantprice{
	width: 50%;
}
.page-product-prices .alert-msg{
	display: block;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
}
@media ( max-width : 1023px) {
	#accountproductPricesPlantsWiseTable .plantprice,
	.updatePriceButton{
		width: 100%;
	}
	table#accountproductPricesPlantsWiseTable td:nth-of-type(3):before,
	table#accountproductPricesPlantsWiseTable tfoot td:nth-of-type(1):before,
	table#accountproductPricesPlantsWiseTable tfoot td:nth-of-type(2):before{
		content: "" !important;
	}
	.responsiveBlock div{
		width: 100% !important;
    	display: flex;
	}
	.responsiveBlock label,
	table#accountproductPricesPlantsWiseTable tfoot label{
		font-weight: bold;
	    color: black;
	    padding-right: 10px;
	}
	#accountproductPricesPlantsWiseTable tfoot{
		display: block;
	}
	#accountproductPricesPlantsWiseTable > tfoot > tr > td{
		padding: 10px;
	}
	.subtotals.creditLimitAmount{
	    padding: 5px 20px;
	}
	.checkout-shipping-items.account-section{
	    width: auto;
	}
}
/* breadcrumb fix*/
header{
    margin-bottom: 0;
}
.breadcrumb-section{
    position: relative;
    z-index: 9;
}
.img_full_view{
    width: 60%;
    height: calc(100vh - 100px);
    margin: 60px auto;
}
#sliderBig .img_full_view img{
    width: 100% !important;
}