@charset "utf-8";
/* CSS Document */

html {
	height: 100%;
}

img {
	border: none;
}

body {
	font-family: Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #2e3740;
	background-color: #7ea700;
	background-image: url(../images/greenbg.png);
	background-repeat: repeat;
	-webkit-font-smoothing: antialiased;
	/* Fix for webkit rendering */
	-webkit-text-size-adjust: 100%;
	line-height: 20px;
}

img,
object,
embed {
	max-width: 100%;
}

img {
	height: auto;
}

div.centerContent {
	margin: 0;
	display: block;
}

.center {
	text-align: center;
}

.floatLeft {
	float: left;
	padding-bottom: 10px;
}

.floatRight {
	float: right;
	padding-bottom: 10px;
}

/*Pattern switcher*/

.pattern {
	display: block;
	position: fixed;
	right: -135px;
	bottom: 100px;
	background-image: url(../images/barsbg.png);
	width: 130px;
	height: auto;
	z-index: 10000;
	padding: 10px
}

.pattern a {
	float: left;
	width: 32px;
	height: 32px;
	margin: 5px;
	background-color: #ffffff;
}

.pattern img {
	width: 32px;
	height: 32px;
}

.patternOn {
	display: block;
	position: absolute;
	top: -32px;
	left: -38px;
	background-color: #373e48 !important;
	float: left;
	width: 32px;
	height: 32px;
	border: 1px solid #212934;
}

.patternOff {
	display: none;
	position: absolute;
	top: -32px;
	left: -38px;
	background-color: #373e48 !important;
	float: left;
	width: 32px;
	height: 32px;
	border: 1px solid #212934;
}

.pattern span {
	margin-top: 5px;
	margin-left: -6px;
}


/*Login page*/
body.loginPage {
	background-image: url(../images/barsbg.png);
	background-image: unset;
	background-color: #000000;
	background-repeat: repeat;
	margin: 0;
	border-top: 5px solid #7ea700;
	padding: 10px;
}

.loginWrapper {
	width: 380px;
	height: 420px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -210px;
	margin-left: -190px;
}

.loginWrapper .logo {
	float: left;
	width: 100%;
	height: auto;
	text-align: center;
	padding-bottom: 10px;
}

.loginWrapper .logo a {
	text-decoration: none;
}

.loginWrapper .logo img {
	margin-left: auto;
	margin-right: auto;
}

.loginWrapper .logo span.head {
	float: left;
	font-size: 30px;
	color: #fffdf8;
	width: 100%;
	text-align: center;
	margin-top: 10px;
}

.loginWrapper .logo span.subhead {
	float: left;
	font-size: 12px;
	color: #fffdf8;
	width: 100%;
	text-align: center;
}

.border {
	border: 2px solid #7ea700;
	width: 390px;
	float: left;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

.formWrapper {
	width: 280px;
	height: auto;
	/* border: 5px solid #212934; */
	border: 5px solid #000000;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	float: left;
	background-color: #fff;
	padding: 30px 50px;
}

.formWrapper .forgotten {
	margin-top: 5px;
	margin-bottom: 3px;

}

.formWrapper li {
	border-bottom: none;
	padding: 1px 0;
	/* height: 30px; */
	width: 100%;
}

.formWrapper li:hover {
	background: #fff;
}

.rememberPassword {
	/* width: 15px;
	height: 15px;
	margin: 0px 3px 0px 0;
	vertical-align: text-top; */
	vertical-align: middle !important;
	margin-top: 0 !important;
}

#mainContent {
	display: block;
	margin-left: 2%;
	margin-right: 2%;
	float: left;
	position: relative;
	width: 96%;
}

#container {
	/* background-image: url(../images/barsbg.png); */
	background-repeat: repeat;
	background-color: #000000;
	width: 100%;
	border: 1px solid #2c343f;
	border-right: none;
}

#sidebar {
	/*width: 260px;*/
	/* width: 18%; */
	/* width: 14.2%; */
	width: clamp(220px, 14.2%, 220px);
	float: left;
	position: relative;
	z-index: 3;
	height: auto;
	/* background-image: url(../images/barsbg.png); */
	background-repeat: repeat;
	background-color: #000000;
	margin-top: 100px !important;
}

#content {
	overflow: hidden;
	position: relative;
	background-repeat: repeat;
	background-color: #FFF;
	border-bottom: solid 5px #7ea700;
	padding-bottom: 16px;
}


#SRGridList {
	padding-bottom: 0px !important;
	padding-top: 10px !important;
}

#mainContent h1.heading {
	/*margin-left: 1%;*/
	margin-bottom: 16px;
	margin-top: 20px;
	line-height: 32px;
	font-family: Amethysta, sans-serif, Tahoma !important;
}

#footer {
	width: 100%;
	height: 40px;
	position: relative;
	font-style:
		clear:both;
	z-index: 2;
	/* background-image: url(../images/barsbg.png); */
	background-color: #000000;
	background-repeat: repeat;
}

#footer p {
	line-height: 40px;
	text-align: center;
	font-weight: bold;
	margin: 0;
	color: #fffdf8;
	font-size: 12px;
	padding-top: 0;
}

#sidebar .logo {
	float: left;
	width: 100%;
	height: auto;
	text-align: center;
	padding-top: 10px;
}

#sidebar .logo a {
	text-decoration: none;
}

#sidebar .logo span.head {
	float: left;
	font-size: 30px;
	color: #fffdf8;
	width: 100%;
	text-align: center;
	margin-top: 10px;
}

#sidebar .logo span.subheader {
	float: left;
	font-size: 12px;
	color: #fffdf8;
	width: 100%;
	text-align: center;
}

/*	links  */
a,
a:visited {
	text-decoration: underline;
	font: inherit;
	color: #009ac6;
	outline: 0;
}

a:hover,
a:focus {
	color: #035a73;
}

p a,
p a:visited {
	line-height: inherit;
}

ul,
ol {
	margin-bottom: 7px;
	padding-bottom: 3px;
}

ul {
	list-style: none outside;
}

ol {
	list-style: decimal;
}

ol,
ul.square,
ul.circle,
ul.disc {
	margin-left: 20px;
}

ul.square {
	list-style: square outside;
}

ul.circle {
	list-style: circle outside;
}

ul.disc {
	list-style: disc outside;
}

ul ul,
ul ol,
ol ol,
ol ul {
	margin: 5px 0 10px 30px;
	font-size: 90%;
}

ul ul li,
ul ol li,
ol ol li,
ol ul li {
	margin-bottom: 6px;
}

li {
	line-height: 14px;
}


/*Checkbox and radio */
.checkbox,
.radio {
	width: 19px;
	height: 25px;
	padding: 0 5px 0 0;
	background: url(../images/checkbox.png) no-repeat;
	display: block;
	clear: left;
	float: left;
}

.radio {
	background: url(../images/radio.png) no-repeat;
}

.selectStyle {
	position: absolute;
	width: 158px;
	/* With the padding included, the width is 190 pixels: the actual width of the image. */
	height: 21px;
	padding: 0 24px 0 8px;
	color: #fff;
	font: 12px/21px arial, sans-serif;
	background: url(../images/select.png) no-repeat;
	overflow: hidden;
}

.checkbox input,
.radio input {
	display: none !important;
}

.checkbox input.show,
.radio input.show {
	display: inline;
}

.selected {
	background-position: 0 -52px;
}

/* Navigations
================================================== */

#sidebar .navigation {
	float: left;
	margin: 20px 0px 0px 0px;
	background: url(../images/menudivider.png) no-repeat top center;
	width: 100%;
}

.mainnav {
	float: left;
	position: relative;
	/* width: 99%; */
	width: 100%;
}

.sm {
	background-color: #FFFFFF !important;
	color: #787878 !important;
}

.sm:hover {
	background-color: rgb(126, 167, 0) !important;
	color: rgb(255, 255, 255) !important;
}

.mainnav li {
	margin: 0;
	display: inline-block;
	padding: 0;
	background: url(../images/menudivider.png) no-repeat bottom center;
	/* padding-right: 5px; */
	/* width: 98%; */
	width: 100%;
}

.mainnav li a {
	text-decoration: none;
	color: #fffdf8;
	font-size: 14px;
	font-weight: 400;
	width: auto;
	/*width: 258px;*/
	display: block;
	margin-left: 0px;
	margin-bottom: 1px;
	position: relative;
	padding: 14px 0px 14px 0px;
}

.mainnav .iAvatar a img {
	border: 1px solid #fdfdf5;
	float: left;
	vertical-align: center;
	margin: -5px 10px 0px 6px;
}

.mainnav .iMenu {
	display: none;
}

.mainnav li a.current,
.mainnav li a.current:hover {
	background: url(../images/greenbg.png) repeat;
	background-color: #7ea700;
	/* color: #2e3740; */
	margin-left: -1px;
}

.mainnav li a:hover {
	background: url(../images/greenbg.png) repeat;
	color: #fff1d7;
}

.mainnav li a span.txt {}

.mainnav li ul.sub {
	display: none;
	margin: 0;
	padding: 0;
}

.mainnav li ul.sub.expand {
	display: block;
	margin: 0;
	padding: 0;
}

.mainnav li ul li {
	float: left;
	background-image: none;
}

.mainnav li ul li a {
	width: 93%;
	background: url(../images/menuhover.png) repeat;
	font-size: 12px;
	padding-left: 15px;
	margin-bottom: 0;
	border-right: 4px solid rgba(255, 255, 255, 0);
}

.mainnav li ul li a span {
	padding-left: 25px;
}

.mainnav li ul li a:hover {
	border-right: 4px solid #7ea700;
}

.mainnav .notification {
	float: right;
	margin: 10px 10px 0px 5px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color: #272b31 !important;
	border: 2px solid #1d2126;
	height: 10px;
	line-height: 10px;
	padding: 4px 6px 5px 6px;
	color: #fff;
	font-family: sans-serif;
	font-weight: bold;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.20);
	-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.20);
	-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.20);
	font-size: 11px;
	background-image: none !important;
}

.mainnav .notification1 {
	float: right;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	/*border: 1px solid #c80a0a;*/
	border: 2px solid #fdfdf5;
	background-color: #f03838 !important;
	height: 10px;
	line-height: 10px;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 4px;
	padding-bottom: 5px;
	color: #fff;
	font-family: sans-serif;
	font-weight: bold;
	box-shadow: 1px 1px 1px rgba(253, 253, 253, 0.20);
	-moz-box-shadow: 1px 1px 1px rgba(253, 253, 253, 0.20);
	-webkit-box-shadow: 1px 1px 1px rgba(253, 253, 253, 0.20);
	font-size: 11px !important;
	background-image: none !important;
	position: absolute;
	top: 8px;
	right: 4px;

}

ul.mainnav.submenu li span {
	margin-left: 18px !important;
	display: flex;
}

ul.mainnav.submenu li span img {
	height: 10px;
	/* align-self: center; */
	margin-top: 2px;
	position: relative;
	right: 2px;
}

.topNav .notification.read {
	visibility: hidden;
	/*Uncomment if want menu to not collapse after notification read*/
	/* display: none;*/
	/*Uncomment if want menu  to collapse after notification read*/
}


.topArea {
	width: 99%;
	z-index: 4;
	/* background-image: url(../images/barsbg.png); */
	background-repeat: repeat;
	background-color: #000000;
	display: block;
	border-bottom: solid 5px #7ea700;
	position: relative;
	margin-left: -1px;
	-webkit-box-shadow: 0px 5px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 5px 2px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 5px 2px rgba(0, 0, 0, 0.2);
	border-top: 5px solid #7EA700;
	border-right: 5px solid #7EA700;
	margin-top: -10px;
}

.topArea .tSearch {
	float: left;
	height: 15px;
	display: block;
	position: relative;
	margin-top: 7px;
}

.topArea .button {
	display: none;
}

.topArea .tSearch .searchBtn {
	background: url(../images/icon_search.png) no-repeat;
	cursor: pointer;
	width: 24px;
	height: 24px;
	position: absolute;
	top: 7px;
	left: 1px;
	border: none !important;
	display: inline-block;
}

.topArea .tSearch input.topSearch {
	width: 200px;
	padding-left: 30px;
	margin-right: 20px;
	margin-top: 5px;
}


.topArea .notificationBar {
	float: right;
	height: 40px;
	margin-right: 20px;
}

.topNav {
	margin-left: 10px;
	position: relative;
	background: url(../images/topnavdivider.png) no-repeat center left;
	padding: 0;
	padding-left: 2px;
	float: right;
}

.topNav li {
	float: left;
	margin: 0;
	padding: 0;
	display: inline-block;
	background: url(../images/topnavdivider.png) no-repeat center right;
	position: relative;
}

.topNav li a {
	margin-top: 0px;
	padding: 12px 10px 12px 0px;
	height: 14px;
	border-left: 1px solid transparent;
	border-right: 1px solid transparent;
	color: #fffdf8;
	border-top: solid 1px transparent;
	border-bottom: solid 1px transparent;
	font-size: 11px;
	margin-right: 1px;
	text-decoration: none;
	position: relative;
	float: left;
}

.topNav li a:hover {
	height: 14px;
	color: #fffdf8;
	background: url(../images/menuhover.png) repeat-x;
	color: #fff1d7;
}

.topNav li a.drop,
.topNav li a.drop:hover {
	border-bottom: none;
	background: url(../images/menuhover.png) repeat;
	border-top: 1px solid #060000;
	border-left: 1px solid #060000;
	border-right: 1px solid #060000;
	height: 16px;
}

.topNav li ul li a span.icon {
	margin-left: -10px;
}

.topNav li ul {
	position: absolute;
	top: 41px;
	left: 2px;
	margin: 0;
	padding: 0;
}

.topNav li ul li {
	background-image: none;
}

.topNav li ul li a {
	height: auto;
	width: 155px;
	margin-top: 0;
	font-size: 12px;
	border-bottom: 1px solid #212934;
	line-height: 18px;
	padding: 10px 10px 8px 10px;
}

.topNav li ul li a.lastest {
	border-bottom: none;
}

.topNav li ul li a:hover {
	background-image: none;
	border-right: 2px solid #7ea700;
	color: #fff1d7;
	height: auto;
}

.topNav li .sub {
	display: none;
	z-index: 999;
	background: url(../images/menuhover.png) repeat;
	border: 1px solid #060000;
	border-top: none;
	width: 178px;
	height: auto;
	position: absolute;
	left: 0px;
	float: left;
}

.topNav span.notification {
	float: right;
	margin: -5px -4px 0px 6px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	/*border: 1px solid #c80a0a;*/
	border: 2px solid #fdfdf5;
	height: 10px;
	line-height: 10px;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 4px;
	padding-bottom: 5px;
	color: #fff;
	font-family: sans-serif;
	font-weight: bold;
	box-shadow: 1px 1px 1px rgba(253, 253, 253, 0.20);
	-moz-box-shadow: 1px 1px 1px rgba(253, 253, 253, 0.20);
	-webkit-box-shadow: 1px 1px 1px rgba(253, 253, 253, 0.20);
	font-size: 11px !important;
	background-image: none !important;
	background-color: #f03838 !important;
}

#customerprofiletab {
	height: 337px;
	margin: 30px auto;
	padding: 80px 15px 0 15px;

}

.tabdetailspan,
.tabdetailspan,
.tabdetailspan {
	display: inline-block;
	margin: 0px 0 0px 2px;

}

.tabdetail {
	width: 99%;
	padding: 5px 0 0 0;
	float: left;
	display: inline-block;
	height: 240px;
	margin: 0px 0 20px 5px;
}

#customerprofiletab h2 {
	font-weight: lighter;
	font-size: 5em;
	padding: 0;
	margin: 0;
}

#customerprofiletab h2 span {
	background: none;
	padding-left: 5px;
	font-size: .5em;
	vertical-align: top;
}

#customerprofiletab p {
	margin: 0;
	padding: 0;
}



.menunav {
	width: 263px;
	margin: 0 0 0 13px;
	padding: 10px 0;
}

.menunav li {
	width: 175px;
	border-bottom: 1px solid #e7e7e7;
}

.menunav li a,
.menunav li a:link,
.menunav li a:visited {
	width: 128px;
	display: block;
	font-size: 1.2em;
	color: #5a5a5a;
	padding: 10px 23px;

}

.menunav li a:hover {
	color: #0066FF;
	text-decoration: none;
}


/* New css start for new theme */

/* *,
::after,
::before {
	box-sizing: border-box;
} */

.row-border-box {
	--bs-gutter-x: 1rem;
	--bs-gutter-y: 0.5rem;
	margin-top: calc(-1 * var(--bs-gutter-y));
	margin-right: calc(-.5 * var(--bs-gutter-x));
	margin-left: calc(-.5 * var(--bs-gutter-x));
}

.row-border-box>* {
	padding-right: calc(var(--bs-gutter-x) * .5);
	padding-left: calc(var(--bs-gutter-x) * .5);
	margin-top: var(--bs-gutter-y);
	box-sizing: border-box;
}

.row {
	display: flex;
	flex-wrap: wrap;
}

.row>* {
	flex-shrink: 0;
	width: 100%;
	max-width: 100%;
}

.gap-0 {
	gap: 0 !important
}

.gap-1 {
	gap: .25rem !important
}

.gap-2 {
	gap: .5rem !important
}

.gap-3 {
	gap: 1rem !important
}

.gap-4 {
	gap: 1.5rem !important
}

.gap-5 {
	gap: 3rem !important
}

/* @media (min-width: 768px) { */

.col-md-1 {
	flex: 0 0 auto;
	width: 8.33333333%;
}

.col-md-2 {
	flex: 0 0 auto;
	width: 16.66666667%;
}

.col-md-3 {
	flex: 0 0 auto;
	width: 25%;
}

.col-md-4 {
	flex: 0 0 auto;
	width: 33.33333333%;
}

.col-md-5 {
	flex: 0 0 auto;
	width: 41.66666667%;
}

.col-md-6 {
	flex: 0 0 auto;
	width: 50%;
}

.col-md-7 {
	flex: 0 0 auto;
	width: 58.33333333%;
}

.col-md-8 {
	flex: 0 0 auto;
	width: 66.66666667%;
}

.col-md-9 {
	flex: 0 0 auto;
	width: 75%;
}

.col-md-10 {
	flex: 0 0 auto;
	width: 83.33333333%;
}

.col-md-11 {
	flex: 0 0 auto;
	width: 91.66666667%;
}

.col-md-12 {
	flex: 0 0 auto;
	width: 100%;
}

/* } */

.d-none {
	display: none;
}

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

.m-0 {
	margin: 0
}

.m-1 {
	margin: .25rem
}

.m-2 {
	margin: .5rem
}

.m-3 {
	margin: 1rem
}

.m-4 {
	margin: 1.5rem
}

.m-5 {
	margin: 3rem
}

.m-auto {
	margin: auto
}

.mx-0 {
	margin-right: 0;
	margin-left: 0
}

.mx-1 {
	margin-right: .25rem;
	margin-left: .25rem
}

.mx-2 {
	margin-right: .5rem;
	margin-left: .5rem
}

.mx-3 {
	margin-right: 1rem;
	margin-left: 1rem
}

.mx-4 {
	margin-right: 1.5rem;
	margin-left: 1.5rem
}

.mx-5 {
	margin-right: 3rem;
	margin-left: 3rem
}

.mx-auto {
	margin-right: auto;
	margin-left: auto
}

.my-0 {
	margin-top: 0;
	margin-bottom: 0
}

.my-1 {
	margin-top: .25rem;
	margin-bottom: .25rem
}

.my-2 {
	margin-top: .5rem;
	margin-bottom: .5rem
}

.my-3 {
	margin-top: 1rem;
	margin-bottom: 1rem
}

.my-4 {
	margin-top: 1.5rem;
	margin-bottom: 1.5rem
}

.my-5 {
	margin-top: 3rem;
	margin-bottom: 3rem
}

.my-auto {
	margin-top: auto;
	margin-bottom: auto
}

.mt-0 {
	margin-top: 0
}

.mt-1 {
	margin-top: .25rem
}

.mt-2 {
	margin-top: .5rem
}

.mt-3 {
	margin-top: 1rem
}

.mt-4 {
	margin-top: 1.5rem
}

.mt-5 {
	margin-top: 3rem
}

.mt-auto {
	margin-top: auto
}

.me-0 {
	margin-right: 0
}

.me-1 {
	margin-right: .25rem
}

.me-2 {
	margin-right: .5rem
}

.me-3 {
	margin-right: 1rem
}

.me-4 {
	margin-right: 1.5rem
}

.me-5 {
	margin-right: 3rem
}

.me-auto {
	margin-right: auto
}

.mb-0 {
	margin-bottom: 0
}

.mb-1 {
	margin-bottom: .25rem
}

.mb-2 {
	margin-bottom: .5rem
}

.mb-3 {
	margin-bottom: 1rem
}

.mb-4 {
	margin-bottom: 1.5rem
}

.mb-5 {
	margin-bottom: 3rem
}

.mb-auto {
	margin-bottom: auto
}

.ms-0 {
	margin-left: 0
}

.ms-1 {
	margin-left: .25rem
}

.ms-2 {
	margin-left: .5rem
}

.ms-3 {
	margin-left: 1rem
}

.ms-4 {
	margin-left: 1.5rem
}

.ms-5 {
	margin-left: 3rem
}

.ms-auto {
	margin-left: auto
}

.p-0 {
	padding: 0
}

.p-1 {
	padding: .25rem
}

.p-2 {
	padding: .5rem
}

.p-3 {
	padding: 1rem
}

.p-4 {
	padding: 1.5rem
}

.p-5 {
	padding: 3rem
}

.px-0 {
	padding-right: 0;
	padding-left: 0
}

.px-1 {
	padding-right: .25rem;
	padding-left: .25rem
}

.px-2 {
	padding-right: .5rem;
	padding-left: .5rem
}

.px-3 {
	padding-right: 1rem;
	padding-left: 1rem
}

.px-4 {
	padding-right: 1.5rem;
	padding-left: 1.5rem
}

.px-5 {
	padding-right: 3rem;
	padding-left: 3rem
}

.py-0 {
	padding-top: 0;
	padding-bottom: 0
}

.py-1 {
	padding-top: .25rem;
	padding-bottom: .25rem
}

.py-2 {
	padding-top: .5rem;
	padding-bottom: .5rem
}

.py-3 {
	padding-top: 1rem;
	padding-bottom: 1rem
}

.py-4 {
	padding-top: 1.5rem;
	padding-bottom: 1.5rem
}

.py-5 {
	padding-top: 3rem;
	padding-bottom: 3rem
}

.pt-0 {
	padding-top: 0
}

.pt-1 {
	padding-top: .25rem
}

.pt-2 {
	padding-top: .5rem
}

.pt-3 {
	padding-top: 1rem
}

.pt-4 {
	padding-top: 1.5rem
}

.pt-5 {
	padding-top: 3rem
}

.pe-0 {
	padding-right: 0
}

.pe-1 {
	padding-right: .25rem
}

.pe-2 {
	padding-right: .5rem
}

.pe-3 {
	padding-right: 1rem
}

.pe-4 {
	padding-right: 1.5rem
}

.pe-5 {
	padding-right: 3rem
}

.pb-0 {
	padding-bottom: 0
}

.pb-1 {
	padding-bottom: .25rem
}

.pb-2 {
	padding-bottom: .5rem
}

.pb-3 {
	padding-bottom: 1rem
}

.pb-4 {
	padding-bottom: 1.5rem
}

.pb-5 {
	padding-bottom: 3rem
}

.ps-0 {
	padding-left: 0
}

.ps-1 {
	padding-left: .25rem
}

.ps-2 {
	padding-left: .5rem
}

.ps-3 {
	padding-left: 1rem
}

.ps-4 {
	padding-left: 1.5rem
}

.ps-5 {
	padding-left: 3rem
}

.topArea.newdtopArea .tSearch {
	/* width: 5.05% !important; */
	width: 5.10% !important;
}

.toggle-div {
	width: 16px;
	float: left;
	height: 99px;
	align-content: end;
	text-align: left;
}

.btn-toggle {
	background: transparent;
	outline: none;
	border: none;
	color: #fff;
	cursor: pointer;
}

.chat-nav>.chat-btn {
	padding: 0;
	background-color: unset;
	border-radius: 0;
	box-shadow: unset;
	font-weight: inherit;
	display: block;
	align-items: unset;
	gap: unset;
	font-size: 11px !important;
}

.va-btn {
	background: #7d7d7d !important;
	color: #fff !important;
	padding: 6px 16px;
	transition: transform 0.3s ease;
	box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
	margin-bottom: 10px;
	/* margin-bottom: 7px; */
}

.wfl-100 {
	width: 100%;
	float: left;
}

.back-btn {
	float: right;
	background: #7d7d7d !important;
	/* background: #42474d !important; */
	color: #fff !important;
	padding: 6px 23px;
	transition: transform 0.3s ease;
	box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
}

.dashboard-icons {
	display: flex;
	gap: 15px;
	justify-content: end;
	align-items: center;
	/* background: #1b2332; */
	padding: 28px 10px 0px;
	border-radius: 10px;
}

.dashboard-icons>img.img-fluid {
	width: 25px;
	height: 25px;
	cursor: pointer;
	transition: transform 0.3s ease;
	/* box-shadow: 0 0 25px rgba(0, 0, 0, 0.3); */
}

.icon {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: transform 0.3s ease;
}

.icon:hover {
	transform: scale(1.1);
}

/* icon colors */
.icon.tasks {
	border: 2px solid #9ccf36;
	color: #9ccf36;
}

.icon.metrics {
	border: 2px solid #3cb4ff;
	color: #3cb4ff;
}

.icon.calls {
	border: 2px solid #ff5630;
	color: #ff5630;
}

/* ---------- MODAL ---------- */
.modal {
	display: none;
	position: fixed;
	z-index: 1000;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.6);
	text-align: left;
}

.modal-content {
	background: #fff;
	border-radius: 15px;
	margin: 5% auto;
	padding: 0;
	/* width: 600px; */
	width: 755px;
	box-shadow: 0 0 25px rgba(0, 0, 0, 0.3);
	overflow: hidden;
	animation: fadeIn 0.3s ease;
}

@keyframes fadeIn {
	from {
		opacity: 0;
		transform: scale(0.9);
	}

	to {
		opacity: 1;
		transform: scale(1);
	}
}

/* ---------- HEADER ---------- */
.modal-header {
	padding: 25px 20px 18px;
	font-size: 20px;
	font-weight: 500;
	border-bottom: 2px solid #5e5e5e;
	color: #111111;
}

/* ---------- TABLE ---------- */
.modal-table {
	width: 100%;
	border-collapse: collapse;
	background-color: #fff;
	margin: 5% auto;
	/* padding: 20px; */
	width: 90%;
	/* border-radius: 10px; */
	/* box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); */
}

.modal-table tr td {
	padding: 10px 15px;
	border: 1px solid #757a7f;
	/* border: 1px solid #ccc; */
	font-size: 15px;
	color: #040404;
}

.modal-table tr:nth-child(odd) td {
	background-color: #fff;
}

.modal-table tr:nth-child(even) td {
	background-color: #efefef;
	/* background-color: #f4f4f4; */
}

.modal-table td:first-child {
	/* font-weight: bold; */
	/* width: 70%; */
}

.modal-table td:last-child {
	font-weight: bold;
	/* text-align: right; */
}

/* ---------- CLOSE BUTTON ---------- */
.close {
	float: right;
	font-size: 26px;
	color: #333;
	cursor: pointer;
}

.close:hover {
	color: red;
}


:root {
	--bg: #f6f7fb;
	--card: #ffffff;
	--accent: #2b7cff;
	--text: #1f2937;
	--muted: #6b7280;
}

.subtitle {
	font-size: 13px;
	color: var(--muted);
	margin: 6px 0 14px 0;
}

/* custom select wrapper */
.select-wrap {
	position: relative;
	width: 100%;
}

select.custom-select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 100%;
	padding: 10px 14px 10px 14px;
	font-size: 20px;
	font-weight: bold;
	border: 1px solid transparent;
	border-radius: 10px;
	background: transparent;
	/* box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.02); */
	color: #fff;
	cursor: pointer;
	transition: box-shadow .15s, border-color .15s, transform .06s;
	/* margin-top: 9.55px; */
}

select.custom-select option {
	color: #000;
	font-size: 16px;
}

select.custom-select:focus {
	outline: none;
	border-color: transparent;
	/* box-shadow: 0 6px 18px rgba(43, 124, 255, 0.12); */
}

/* arrow */
.select-wrap::after {
	content: "";
	position: absolute;
	right: 0px;
	top: 50%;
	transform: translateY(-50%);
	width: 26px;
	height: 22px;
	background-image: url(../images/green-arrow.png);
	background-size: 50% 50%;
	background-repeat: no-repeat;
	background-position: calc(100% - 2px) center, calc(100% - 8px) center;
	pointer-events: none;
	opacity: 0.9;
}

.cusbar-bg {
	background: #7ea700;
	display: flex;
	margin-bottom: 15px;
	padding: 5px 10px;
	box-shadow: 0px 5px 4px rgba(0, 0, 0, .3);
}

.cusbar-bg>.col-4>.box {
	display: flex;
}

.cusbar-bg>.col-4 {
	color: #fff;
}

.cusbar-bg>.col-4>h1,
#inmateHeading {
	font-size: 21px;
	/* font-weight: bolder; */
	margin-top: 11px;
	margin-bottom: 0;
}

.cusbar-bg>.w-1 {
	/* width: 39%; */
	width: 42%;
}

.cusbar-bg>.w-2 {
	width: 25%;
}

.cusbar-bg>.w-3 {
	width: 25%;
}

.cusbar-bg>.w-4 {
	width: 10.6%;
}

.cusbar-bg>.col-5>h1 {
	font-size: 21px;
	/* font-weight: bolder; */
	margin-top: 11px;
	margin-bottom: 0;
	display: inline-block;
}

.show-ytd-bg {
	background: #616161;
	padding: 5px 15px;
	color: #fff;
	font-weight: 500;
	margin: 10px 0px;
}

.pt-cs-2 {
	/* padding-top: 9px; */
}

.pt-cs-2>div>span {
	/* text-decoration: underline; */
	text-underline-position: under;
	border-right: 2px solid #b7b7b7;
	padding-right: 9px !important;
	font-size: 17px;
}

.pt-cs-2>div>span:last-child {
	border-right: none;
	padding-right: 0px !important;
}

.showYTD {
	float: right;
	background: #2c2c2c !important;
	color: #fff !important;
	padding: 6px 24px;
	transition: transform 0.3s ease;
	box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
	border: 1px solid #fff;
	/* border: unset; */
}

.showYTDWhite {
	float: right;
	background: #fff !important;
	color: #000 !important;
	padding: 8px 20px 6px;
	transition: transform 0.3s ease;
	box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
	border: 1.5px solid #000;
	/* border: unset; */
	margin-right: 10px;
	font-size: 13px;
}

.showYTDWhite:hover {
	float: right;
	background: #2c2c2c !important;
	color: #fff !important;
	padding: 8px 20px 6px;
	transition: transform 0.3s ease;
	box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
	border: 1px solid #fff;
	/* border: unset; */
	font-size: 13px;
}

.searchBlack {
	background: #2c2c2c !important;
	color: #fff !important;
	padding: 4px 24px;
	transition: transform 0.3s ease;
	box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
	border: 1px solid #fff;
	/* border: unset; */
	font-size: 15.55px !important;
}

.show-ytd-bg .row.pt-cs-2>div {
	/* display: inline-block; */
	width: auto;
	align-self: center;
}

.toggleYTDYearly-btn {
	margin-left: 20px;
}

.cntact-type-cls {
	align-content: center;
	font-weight: 500;
	font-size: 16px;
	color: #fff;
}

.bidcls {
	background: #fff;
	box-shadow: 0px 0px 4px rgba(0, 0, 0, .3);
	padding: 15px 15px 18px;
	margin: 5px 0px 15px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	text-align: center;
	gap: 15px;
	position: relative;
}

/* input#bidOrContracts, */
.bid-left-align {
	/* margin-right: auto; */
	position: absolute;
	left: 15px;
	top: 12px;
}

.bid-right-align {
	/* margin-right: auto; */
	position: absolute;
	right: 6px;
	top: 12px;
}

.bidcls>div>img.img-fluid {
	width: 20px;
	vertical-align: middle;
	margin-right: 9px;
}

.bidcls>div>img.img-fluid+input {
	border: unset;
	padding: 0;
	margin: 0;
	color: #07044b !important;
	background: unset !important;
	width: unset !important;
	font-size: 17px;
}

.list {
	border-right: 2px solid #07044b;
	height: 23px;
	padding-right: 15px;
}

.list:last-child {
	border-right: none;
}

.bidcls>div.list:last-child>img.img-fluid+input {
	/* color: #7da600 !important; */
}

#SRGridList.SRGridList {
	text-align: center;
}

#grid_table {
	text-align: left;
}

#SRGridList.SRGridList>div>input.k-button.buttonsize,
#SRGridList.SRGridList>div>input.k-button.buttonsize+a.k-button.buttonsize {
	border-color: #8baf1c;
	border-width: 2px;
	font-size: 15.55px;
	width: 101.67px;
	/* 94.75px 70.57px 74.02px */
	outline: unset !important;
	box-shadow: none !important;
}

#SRGridList.SRGridList.dash-btns>div>input.k-button.buttonsize {
	width: 91.28px;
	margin-bottom: 13px;
	margin-top: 15px;
}

.csform {
	padding: 10px 10px;
	box-shadow: 0px 1px 3px rgba(0, 0, 0, .3);
	width: 30.56%;
	margin: 0px 30px 0px 0px;
}

#rightCustomerData {
	margin-right: 0px;
}

.csform input[type="text"],
.csform input[type="password"],
.csform input[type="textbox"],
.csform input[type="email"],
.csform input[type="number"],
.csform input[type="tel"],
.csform textarea {
	/* display: block; */
	width: 100%;
	padding: .375rem .75rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #212529;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #dee2e6;
	border-radius: 0.375rem;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	margin-bottom: 6px;
}

.csform textarea {
	min-height: calc(1.5em + .75rem + calc(1px * 2));
	resize: vertical;
}

.csform select,
.csform .k-dropdown-wrap.k-state-default,
.csform .k-widget.k-multiselect.k-header.multiple-user {
	--bs-form-select-bg-img: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e);
	/* display: block; */
	vertical-align: middle;
	/* width: 100%; */
	padding: 0px 7px 0px;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #212529;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: #fff;
	background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
	background-repeat: no-repeat;
	background-position: right .75rem center;
	background-size: 16px 12px;
	border: 1px solid #dee2e6;
	border-radius: 0.375rem;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	margin-bottom: 6px;
}

.csform span.k-input {
	padding: 4px 0px 2px !important;
}

.csform span.k-icon.k-i-arrow-s {
	margin-top: 4px;
}

.addbillingEmail {
	/* float: right; */
	background: #30343d !important;
	color: #fff !important;
	padding: 4px 6px 4px;
	transition: transform 0.3s ease;
	box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
	border: unset;
}

.csform input[type=checkbox],
.custom-checkbox input[type=checkbox] {
	--bs-form-check-bg: var(--bs-body-bg);
	flex-shrink: 0;
	width: 1em;
	height: 1em;
	margin-top: .25em;
	vertical-align: top;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: #fff;
	background-image: var(--bs-form-check-bg-image);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	border: 1px solid #dee2e6;
	-webkit-print-color-adjust: exact;
	color-adjust: exact;
	print-color-adjust: exact;
}

.csform input[type=checkbox],
.custom-checkbox input[type=checkbox] {
	/* float: left; */
	/* margin-left: -1.5em; */
}

.csform input[type=checkbox],
.custom-checkbox input[type=checkbox] {
	border-radius: .25em;
}

.csform input[type=checkbox],
.custom-checkbox input[type=checkbox] {
	transform: scale(1.1);
}

.invoiceGrid .k-grid-content table tbody tr td:nth-child(1) {
	text-align: center;
}

.contactFormcls {
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	box-shadow: unset;
}

.contactFormcls .inputselect span>input {
	padding: .17rem 0rem;
	border: unset;
	border-radius: unset;
	margin: 0;
}

.contactFormcls .inputselect>table.k-widget.k-editor.k-header {
	margin-top: 9px;
}

.contactFormcls .contactFormspacecls span>input {
	/* margin: 0; */
}

.contactFormcls table>tbody>tr>td:not(:last-child) {
	padding-right: 15px;
}

.contactFormcls table>tbody>tr>td>strong,
.contactFormcls table>tbody>tr>td>span>strong {
	color: #040404;
	margin-bottom: 7px;
	display: inline-block;
}

.firsttdblack table>tbody>tr>td:nth-child(odd),
#popup1_wnd_title,
#popup_wnd_title,
#popup3_wnd_title,
.all-th-black table>tbody>tr>th,
table.tlbreport * {
	color: #040404;
}

.contactFormcls .k-widget.k-dropdown.k-header {
	margin-bottom: 0;
	background: transparent;
}

.contactFormcls .k-dropdown-wrap.k-state-default,
.contactFormcls .k-editor-combobox>.k-combobox.k-header>.k-dropdown-wrap.k-state-default>input {
	margin-bottom: 0;
}

.pt-44 {
	padding-top: 44px;
}

.modal-btns {
	/* padding: 15px 9px 10px 0px; */
	/* border-top: 1px solid #e5e5e5; */
	/* text-align: end; */
	/* position: relative; */
}

.modal-btns:before {
	content: '';
	width: 100%;
	height: 1px;
	position: absolute;
	left: 0;
	/* bottom: 70px; */
	display: block;
	background: #e5e5e5;
}

.modal-save-btn {
	background: #8baf1c !important;
	color: #fff !important;
	border: 1px solid #8baf1c;
	padding: 5px 25px;
	transition: transform 0.3s ease;
	/* box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1); */
	border-radius: 4px;
	margin-top: 15px;
	margin-bottom: 10px;
}

.modal-cancel-btn {
	background: #f1f1f1 !important;
	color: #1b1b1b !important;
	border: 1px solid #d7d7d7;
	padding: 5px 16px;
	transition: transform 0.3s ease;
	/* box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1); */
	border-radius: 4px;
	margin-left: 9px;
	margin-top: 15px;
	margin-bottom: 10px;
}

.pt-0imp {
	padding-top: 0px !important;
}

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

.catalog-table {
	width: 98%;
	border-collapse: collapse;
	margin-top: 10px;
}

.catalog-table td {
	padding: 6px 5px;
	vertical-align: middle;
}

.catalog-table td:first-child,
.catalog-table td:nth-child(3) {
	width: 18%;
	white-space: nowrap;
}

.section-heading td {
	padding: 12px 12px;
	background: #eae9eba8;
	border-radius: 3px;
	font-weight: 600 !important;
	text-transform: uppercase;
	letter-spacing: 0.2px;
}

tr:has(+ .section-heading)>td {
	padding-bottom: 20px !important;
}

.section-heading+tr:not(.escapetr)>td {
	padding-top: 19px !important;
}

a {
	cursor: pointer;
}

#monthlyQuoteTotal>a {
	color: #040404 !important;
}

.loss {
	background-color: #fe0000;
	color: #fff;
	/* background-clip: padding-box; */
}

.profit {
	background-color: #008001;
	color: #fff;
	/* background-clip: padding-box; */
}

/* clickable box */
.selected-display {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 100%;
	padding: 10px 14px 10px 14px;
	font-size: 20px;
	font-weight: bold;
	border: 1px solid transparent;
	border-radius: 10px;
	background: transparent;
	/* box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.02); */
	color: #fff;
	cursor: pointer;
	transition: box-shadow .15s, border-color .15s, transform .06s;
	/* margin-top: 9.55px; */
	cursor: pointer;
	-webkit-user-select: none;
	user-select: none;
	position: relative;
}

.selected-display::after {
	content: "";
	position: absolute;
	right: 0px;
	top: 50%;
	/* transform: translateY(-50%); */
	transform: translateY(-50%) scaleY(1);
	width: 26px;
	height: 22px;
	background-image: url(../images/green-arrow.png);
	background-size: 50% 50%;
	background-repeat: no-repeat;
	background-position: calc(100% - 2px) center, calc(100% - 8px) center;
	pointer-events: none;
	opacity: 0.9;
	/* transition: transform 0.25s ease-in-out; */
	transition: transform 0.25s cubic-bezier(.4, 0, .2, 1);
}

#customerDetails.hide {
	display: none;
}

#customerDetails.animating {
	display: flex;
	/* overflow: hidden; */
	max-height: 0;
	opacity: 0;
	transition: max-height 0.45s ease, opacity 0.45s ease;
}

/* Final visible state */
#customerDetails.show {
	max-height: 900px;
	opacity: 1;
}

/* Hidden completely */
.card-box.hide {
	display: none;
}

/* When animation starts */
.card-box.animating {
	display: block;
	overflow: hidden;
	max-height: 0;
	opacity: 0;
	transition: max-height 0.45s ease, opacity 0.45s ease;
}

/* Final visible state */
.card-box.show {
	max-height: 500px;
	/* increase if content is bigger */
	opacity: 1;
}

/* #customerDetails.show~.col-4 .selected-display::after,
.selected-display.active::after {
	transform: translateY(-50%) rotate(180deg);
} */

.selected-display.active::after {
	transform: translateY(-50%) scaleY(-1);
}

.k-button.k-button-icontext {
	color: #787878;
}

.k-button.k-button-icontext:hover {
	color: #fff;
}

.all-fonts *,
.filterDivcls * {
	font-size: 15px !important;
	font-weight: 500 !important;
	font-family: Helvetica, sans-serif !important;
}

.track-f-14 {
	font-size: 14px !important;
}
.trending-box {
	padding: 7px 10px;
	display: inline-block;
	vertical-align: bottom;
	border: 2px solid #7d7d7d;
	background: #f2f7ff !important;
	/* background: #eaf2ff !important; */
	color: #2e3740 !important;
}

.contact-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border: 1px solid #ccc;
	background: #fff;
	padding: 10px;
	margin-bottom: 8px;
	border-radius: 4px;
	float: left;
	margin-right: 10px;
	margin-top: 15px;
}

.contact-row i {
	margin-left: 5px;
}

.up {
	color: green;
	font-weight: bold;
}

.down {
	color: red;
	font-weight: bold;
}

.addAnalysisNotesTab thead tr th:nth-child(1) {
	width: 4% !important;
}

.addAnalysisNotesTab thead tr th:nth-child(2) {
	width: 3.5% !important;
}

.addAnalysisNotesTab thead tr th:nth-child(3) {
	width: 4.3% !important;
}

.addAnalysisNotesTab thead tr th:nth-child(4) {
	width: 3.5% !important;
}

.addAnalysisNotesTab thead>tr th:nth-child(5) {
	width: 1.7% !important;
}

.addAnalysisNotesTab thead>tr th:nth-child(6),
.addAnalysisNotesTab tbody tr.analysisInnerTable thead tr th:nth-child(5) {
	width: 0.1% !important;
}

.addAnalysisNotesTab thead>tr th:nth-child(7),
.addAnalysisNotesTab tbody tr.analysisInnerTable thead tr th:nth-child(6) {
	width: 10% !important;
}

.addAnalysisNotesTab thead>tr th:nth-child(8),
.addAnalysisNotesTab tbody tr.analysisInnerTable thead tr th:nth-child(7) {
	width: 0% !important;
	/* width: 3% !important; */
}

#addAnalysisNotesForm:has(.addAnalysisNotesTab) {
	/* width: 70%; */
	/* width: 95.35%; */
	width: 90.35%;
	margin: 0 auto;
}

.addAnalysisNotesTab thead tr th,
.shippingPartial thead tr th {
	background: #000000;
	text-align: center;
}

.addAnalysisNotesTab thead tr th font,
.shippingPartial thead tr th,
.shippingPartial thead tr th font {
	color: #fff !important;
}

/* .all-fonts.grid_table {
    width: 75%;
    margin: 0 auto;
} */

.my-contacts-filters tbody tr td:nth-child(even) input[type="textbox"] {
	/* width: 60%; */
	width: 199px;
	/* padding: .375rem .75rem; */
	padding: .375rem .2rem;
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.5;
	color: #212529;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: #fff;
	background-clip: padding-box;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	height: 100% !important;
}

.my-contacts-filters tbody tr td:nth-child(even) .k-dropdown-wrap.k-state-default {
	--bs-form-select-bg-img: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e);
	vertical-align: middle;
	padding: 0px 0px 0px;
	/* padding: 0px 7px 0px; */
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #212529;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
	background-repeat: no-repeat;
	background-position: right .75rem center;
	background-size: 16px 12px;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.my-contacts-filters tbody tr td:nth-child(even) span.k-input {
	padding: 4px 0px 2px !important;
}

.my-contacts-filters tbody tr td:nth-child(even) span.k-icon.k-i-arrow-s {
	margin-top: 4px;
}

.my-contacts-filters tbody tr td:nth-child(even) .k-dropdown.ddsize1 {
	margin-left: 3px !important;
	width: 199px !important;
}

.my-contacts-filters tbody tr td:nth-child(even) .k-dropdown.ddsize1 .k-dropdown.ddsize1 {
	margin-left: 0px !important;
}

.my-contacts-filters tbody tr td #search {
	margin-bottom: -5px;
}

.mySRGridList:has(.my-contacts-filters),
#SRGridList:has(.my-contacts-filters),
#SRGridListQuote:has(.my-contacts-filters) {
	padding-bottom: 8px !important;
	padding-top: 8px !important;
	background-color: #000000 !important;
}

table.black.my-contacts-filters {
	font-size: 15px !important;
	font-weight: 500 !important;
	font-family: Helvetica, sans-serif !important;
}

table.black.my-contacts-filters tbody tr td {
	padding-left: 10px;
	padding-right: 6px;
	width: 136px;
}

.cnt-filters {
	width: 96%;
	margin: 0 auto;
}
table.black.my-contacts-filters.cf7px tbody tr td {
	padding-left: 7px;
	padding-right: 7px;
}

.producthistorygrid-table .k-grid-header table th {
	white-space: normal;
}

.all-fonts.grid_table .k-button.grid-view-black {
	color: #fff !important;
	background: #000000;
	font-size: 15.55px !important;
	min-width: unset !important;
	line-height: 1.66em !important;
	margin-left: 0;
	width: 74.02px;
}

.all-fonts.grid_table .k-button.grid-view-black:hover {
	color: #000000 !important;
	background: #fff;
	border-color: #000000;
}

.producthistorygrid-table a.k-button.k-button-icontext.k-grid-ViewDetails,
.all-fonts.grid_table .k-button.k-grid-Select,
.all-fonts.grid_table .k-button.grid-view,
.all-fonts.grid_table #manageFaciltiyAddress,
.all-fonts.grid_table .k-grid-Edit,
.all-fonts.grid_table .k-grid-Delete,
.all-fonts.grid_table .k-grid-TA {
	/* background: rgb(126, 167, 0) !important;
	margin-bottom: 4px !important;
	padding: 5px 5px 5px 5px !important;
	border-radius: 3px !important; */
	/* color: #787878 !important; */
	color: #fff !important;
	background: #7EA700;
	/* border-color: #8baf1c; */
	/* border-width: 2px; */
	font-size: 15.55px !important;
	min-width: unset !important;
	line-height: 1.66em !important;
	margin-left: 0;
	/* margin-right: 0; */
	width: 74.02px;
}

.all-fonts.grid_table .k-button.k-grid-ViewDetails,
.all-fonts.grid_table #deleteFaciltiyAddress {
	/* background: #2d323a !important;
	margin-bottom: 4px !important;
	padding: 5px 5px 5px 5px !important;
	border-radius: 3px !important; */
	/* color: #787878 !important; */
	color: #fff !important;
	background: #7EA700;
	/* border-color: #8baf1c; */
	/* border-width: 2px; */
	font-size: 15.55px !important;
	min-width: unset !important;
	line-height: 1.66em !important;
	margin-left: 0;
	/* margin-right: 0; */
	width: 74.02px;
}

.all-fonts.grid_table .k-grid-TA {
	/* background: #0066FF !important; */
	/* color: #787878 !important; */
	color: #fff !important;
	background: #7EA700;
	/* border-color: #8baf1c; */
	/* border-width: 2px; */
	font-size: 15.55px !important;
	min-width: unset !important;
	line-height: 1.66em !important;
	margin-left: 0;
	/* margin-right: 0; */
}

.producthistorygrid-table a.k-button.k-button-icontext.k-grid-ViewDetails:hover,
.all-fonts.grid_table .k-button.k-grid-Select:hover,
.all-fonts.grid_table .k-button.grid-view:hover,
.all-fonts.grid_table #manageFaciltiyAddress:hover,
.all-fonts.grid_table .k-grid-Edit:hover,
.all-fonts.grid_table .k-grid-Delete:hover,
.all-fonts.grid_table .k-grid-TA:hover {
	color: #7EA700 !important;
	background: #fff;
	/* color: #fff !important; */
}

.all-fonts.grid_table .k-button.k-grid-ViewDetails:hover,
.all-fonts.grid_table #deleteFaciltiyAddress:hover,
.all-fonts.grid_table .k-grid-TA:hover {
	color: #7EA700 !important;
	background: #fff;
	/* color: #fff !important; */
}

/* #customergrid .k-grid-header table colgroup col:nth-child(1),
#customergrid .k-grid-content table colgroup col:nth-child(1) {
	width: 58.4% !important;
} */

#customergrid .k-grid-header table colgroup col:not(:first-child),
#customergrid .k-grid-content table colgroup col:not(:first-child) {
	width: 11.2% !important;
}

#customergrid .k-grid-header .k-grid-header-wrap>table>thead tr th:not(:first-child) {
	text-align: right;
}

.grid_table .k-grid.k-widget,
.grid_table.k-grid.k-widget {
	border: 2px solid #787878;
	margin-bottom: 10px;
}

.border1pxmb-0 .k-grid.k-widget,
.border1pxmb-0.k-grid.k-widget {
	border: 1px solid #787878 !important;
	margin-bottom: 0px !important;
}

.all-blk * {
	color: #040404;
}

.grid_table .k-grid-header .k-grid-header-wrap>table>thead tr th,
.grid_table .k-grid-content>table>tbody tr td {
	background: #fff !important;
	border-right: 2px solid #787878;
	border-bottom: 2px solid #787878;
	color: #040404;
	/* color: #787878; */
	word-break: break-word;
}

.grid_table .k-grid-content>table>tfoot tr td {
	background: #fff !important;
	border-right: 2px solid #787878;
	border-top: 2px solid #787878;
	color: #787878;
}

.grid_table .k-grid-header .k-grid-header-wrap>table,
.grid_table .k-grid-content>table {
	border-collapse: collapse !important;
}

.grid_table .k-grid-header .k-grid-header-wrap>table>thead tr th,
.grid_table .k-grid-header .k-grid-header-wrap>table>thead tr th font,
.grid_table .k-grid-header .k-grid-header-wrap>table>thead tr th a {
	color: #040404 !important;
	/* color: #7ea700 !important; */
	white-space: normal;
	background: #000000 !important;
	color: #fff !important;
}

table.addAnalysisNotesTab,
.shippingPartial {
	color: #040404;
}

.faxcls {
	width: 40% !important;
	margin-left: 15px;
	/* vertical-align: sub; */
	/* height: 32.35px; */
	/* padding-top: 8px; */
	/* position: relative; */
	/* bottom: 2px; */
	margin-bottom: 0 !important;
	/* margin-top: 0; */
}

/* table.addAnalysisNotesTab tbody tr:nth-child(even) td, */
.grid_table .k-grid-content>table>tbody tr:nth-child(even) td {
	background-color: #e2e2e2 !important;
	background-color: #e5e5e5 !important;
	/* background-color: #efefef !important; */
	/* background-color: #f4f4f4; */
}

.odd-row {
	background-color: #ffffff;
	height: 45.01px;
}

.even-row {
	background-color: #e2e2e2 !important;
	background-color: #e5e5e5 !important;
	/* background-color: #efefef !important; */
	height: 45.01px;
}

.even-row input[type="textbox"].k-textbox {
	background-color: transparent !important;
	/* background-color: #e5e5e5 !important; */
	border: 1px solid #ccc;
}

.even-row input[type="textbox"].k-textbox:hover {
	border-color: #8ebc00;
}

.grid_table .k-grid-content>table>tbody tr:last-child td {
	border-bottom: 2px solid transparent;
}

.grid_table .k-pager-wrap.k-grid-pager.k-widget {
	border-top: 2px solid #787878;
}

.grid_table .k-grid-content>table>tbody tr td .table-button {
	/* background: #6dbc3d !important; */
	/* background: #7ea700 !important; */
	color: #787878 !important;
}

/* .customerprofile */
.grid_table .k-grid-header .k-grid-header-wrap>table>thead tr th,
.grid_table .k-grid-header .k-grid-header-wrap>table>thead tr th font,
.grid_table .k-grid-content>table>tbody tr td:last-child:has(.k-button) {
	text-align: center;
}

.few-buttons {
	text-align: left !important;
}

.grid_head_left.grid_table .k-grid-header .k-grid-header-wrap>table>thead tr th,
.grid_head_left.grid_table .k-grid-header .k-grid-header-wrap>table>thead tr th font {
	text-align: left;
}

.grid_table>button,
.grid_table>div.quotesgrid-center>button,
.grid_table>input[type="button"] {
	margin-bottom: 6px !important;
	/* padding: 6px 10px; */
	margin-top: -8px;
	font-size: 15.55px !important;
	min-width: unset !important;
	line-height: 1.66em !important;
	background: #2c2c2c !important;
	color: #fff !important;
	padding: 7px 24px;
	/* padding: 10px 24px; */
	transition: transform 0.3s ease;
	box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
	border: 2px solid #8baf1c;
}

.quotesgrid-center {
	/* display: inline-block; */
	/* width: inherit; */
	text-align: center;
}

.quotesgrid-center>button {
	float: unset !important;
}

.all-fonts.grid_table #grid_table2>button,
.all-fonts.grid_table #grid_table2>input[type="button"] {
	margin-bottom: 6px !important;
	/* padding: 6px 10px; */
	/* margin-top: -8px; */
	font-size: 15.55px !important;
	min-width: unset !important;
	line-height: 1.66em !important;
}

.grid_table>input[type="button"]#promohistory {
	margin-top: 7px;
}

.SRGridList:has(.all-fonts.grid_table) button#addorder {
	/* padding: 8px 14px; */
	/* color: #787878 !important; */
	/* border-color: #8baf1c; */
	/* border-width: 2px; */
	font-size: 15.55px !important;
	min-width: unset !important;
	line-height: 1.66em !important;
	border: 2px solid #8baf1c;
}

.SRGridList:has(.all-fonts.grid_table) #invoiceGrid input[type="button"] {
	/* margin-bottom: 6px !important; */
	/* padding: 6px 10px; */
	margin-top: -8px;
	font-size: 15.55px !important;
	min-width: unset !important;
	line-height: 1.66em !important;
}

.SRGridList:has(.all-fonts.grid_table) #butt .k-button {
	/* padding: 8px 14px; */
	color: #787878 !important;
	/* border-color: #8baf1c; */
	border-width: 2px;
	/* font-size: 15px !important; */
	font-size: 15.55px !important;
	min-width: unset !important;
	line-height: 1.66em !important;
	background: #2c2c2c !important;
	color: #fff !important;
	padding: 7px 24px;
	/* padding: 10px 24px; */
	transition: transform 0.3s ease;
	box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
	border: 2px solid #8baf1c;
}

.SRGridList:has(.all-fonts.grid_table) #addAnalysisNotesForm .k-button {
	margin-bottom: -7px !important;
	/* padding: 6px 14px; */
	margin-top: -9px;
	font-size: 15.55px !important;
	min-width: unset !important;
	line-height: 1.66em !important;
}

.SRGridList:has(.all-fonts.grid_table) button#addorder:hover,
.SRGridList:has(.all-fonts.grid_table) #butt .k-button:hover {
	color: #fff !important;
}

.grid_table>div.quotesgrid-center>button:hover,
.SRGridList:has(.all-fonts.grid_table) #butt .k-button:hover {
	border-color: #8ebc00;
}

.k-window1.k-window-content.k-content#popup:not(:has(.graph-section)) {
	min-height: 179px !important;
	/* min-height: 100% !important; */
}

strong:has(+ .exbtn-end) {
	width: 80%;
	display: inline-block;
}

.exbtn-end {
	display: inline-block;
	width: 19%;
	text-align: right;
}

.facility-popup-heading {
	margin-bottom: 0px;
	/* display: inline-block; */
	margin-top: 8px;
	font-size: 22.5px;
	/* width: 84%; */
	font-weight: 500;
}

.facility-popup-add-button {
	/* display: inline-block; */
	float: right;
	margin-top: 6px;
}

.grid_facilityaddresstable {
	padding-top: 54px !important;
	/* padding-top: 18px !important; */
	/* padding-top: 24px !important; */
}

.uncompletedorders .k-grid-header table colgroup col:last-child,
.uncompletedorders .k-grid-content table colgroup col:last-child {
	width: 23% !important;
}

.grid_facilityaddresstable .k-grid-header table colgroup col:nth-child(2),
.grid_facilityaddresstable .k-grid-content table colgroup col:nth-child(2) {
	width: 46% !important;
}

.grid_facilityaddresstable .k-grid-header table colgroup col:nth-child(3),
.grid_facilityaddresstable .k-grid-content table colgroup col:nth-child(3) {
	width: 30% !important;
}

/* .ordertrendinggrid .k-grid-header table colgroup col:nth-child(1),
.ordertrendinggrid .k-grid-content table colgroup col:nth-child(1) {
	width: 43% !important;
}

.ordertrendinggrid .k-grid-header table colgroup col:nth-child(2),
.ordertrendinggrid .k-grid-content table colgroup col:nth-child(2) {
	width: 13% !important;
} */

/* .ordertrendinggrid .k-grid-header table colgroup col:nth-child(3),
.ordertrendinggrid .k-grid-content table colgroup col:nth-child(3) {
	width: 11% !important;
} */

/* .ordertrendinggrid .k-grid-header table colgroup col:nth-child(3),
.ordertrendinggrid .k-grid-content table colgroup col:nth-child(3) {
	width: 12% !important;
}

.ordertrendinggrid .k-grid-header table colgroup col:nth-child(4),
.ordertrendinggrid .k-grid-content table colgroup col:nth-child(4) {
	width: 12% !important;
}

.ordertrendinggrid .k-grid-header table colgroup col:nth-child(5),
.ordertrendinggrid .k-grid-content table colgroup col:nth-child(5) {
	width: 7% !important;
} */

/* #manageFaciltiyAddress,
#deleteFaciltiyAddress {
	padding: 5px 5px 5px 5px !important;
} */

.facility-popup-add-button button {
	padding: 6px 16px;
}

/* #customergrid #custTotalOrder>tbody>tr>td>div {
	color: #787878 !important;
} */

/* .ordersgrid .k-grid-header table colgroup col:not(:first-child),
.ordersgrid .k-grid-content table colgroup col:not(:first-child) {
	width: 7% !important;
} */

/* .ordersgrid .k-grid-header table colgroup col:nth-child(1),
.ordersgrid .k-grid-content table colgroup col:nth-child(1) {
	width: 2% !important;
} */

.ordersgrid .k-grid-header table colgroup col:nth-child(1),
.ordersgrid .k-grid-content table colgroup col:nth-child(1) {
	width: 3.38% !important;
}

.ordersgrid .k-grid-header table colgroup col:nth-child(2),
.ordersgrid .k-grid-content table colgroup col:nth-child(2) {
	width: 2.70% !important;
}

.ordersgrid .k-grid-header table colgroup col:nth-child(3),
.ordersgrid .k-grid-content table colgroup col:nth-child(3) {
	width: 5.71% !important;
	/* width: 5.15% !important; */
	/* width: 4.45% !important; */
}

.ordersgrid .k-grid-header table colgroup col:nth-child(4),
.ordersgrid .k-grid-content table colgroup col:nth-child(4) {
	width: 3.9% !important;
}

.ordersgrid .k-grid-header table colgroup col:nth-child(5),
.ordersgrid .k-grid-content table colgroup col:nth-child(5) {
	width: 3.85% !important;
}

.ordersgrid .k-grid-header table colgroup col:nth-child(6),
.ordersgrid .k-grid-content table colgroup col:nth-child(6) {
	width: 4.85% !important;
}

.ordersgrid .k-grid-header table colgroup col:nth-child(7),
.ordersgrid .k-grid-content table colgroup col:nth-child(7) {
	width: 2.50% !important;
}

.ordersgrid .k-grid-header table colgroup col:nth-child(8),
.ordersgrid .k-grid-content table colgroup col:nth-child(8) {
	width: 6.30% !important;
	/* width: 10.36% !important; */
	/* width: 10.74% !important; */
}

/* .ordersgrid .k-grid-header table colgroup col:nth-child(9),
.ordersgrid .k-grid-content table colgroup col:nth-child(9) {
	width: 3.12% !important;
} */

.ordersgrid .k-grid-header table colgroup col:nth-child(9),
.ordersgrid .k-grid-content table colgroup col:nth-child(9) {
	width: 23.1% !important;
	/* width: 18.82% !important; */
}

.grid_table.customerprofile:has(.ordersgrid) .k-grid-header .k-grid-header-wrap>table>thead tr th,
.grid_table.customerprofile:has(.ordersgrid) .k-grid-content>table>tbody tr td {
	padding-left: 3px;
}

/* .ordersgrid .k-grid-header table thead tr th:nth-child(1) {
	padding-left: 1.2px;
} */

/* .ordersgrid .k-grid-header table thead tr th:nth-child(7) {
	padding-left: 2px;
} */

.fa-solid,
.fas {
	font-weight: 900 !important;
}

ul.k-pager-numbers.k-reset>li {
	line-height: inherit;
}

.trending-icons-box {
	display: inline-block;
	/* vertical-align: text-bottom; */
	/* padding-bottom: 5px; */
	margin-left: 6px;
	font-size: 18px;
	font-weight: 500;
}

.trending-table {
	margin-top: 9px;
	text-align: left;
	border-color: #787878;
	background: #fff;
}

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

.trending-table thead tr th font {
	color: #7ea700;
}

.trending-table thead tr th,
.trending-table tbody tr td {
	font-weight: 500;
	font-size: 15px;
	padding: 5px 9px;
}

.trending-table tbody tr td strong {
	font-weight: 500;
}

.tred-icon {
	max-height: 24px;
	margin-left: 4px;
	vertical-align: sub;
}

.customerprofile:has(.cntgrid) .k-grid-header table colgroup col:nth-child(1),
.customerprofile:has(.cntgrid) .k-grid-content table colgroup col:nth-child(1) {
	width: 16px !important;
}

.customerprofile:has(.cntgrid) .k-grid-header table colgroup col:nth-child(2),
.customerprofile:has(.cntgrid) .k-grid-content table colgroup col:nth-child(2) {
	width: 16px !important;
}

.customerprofile:has(.cntgrid) .k-grid-header table colgroup col:nth-child(3),
.customerprofile:has(.cntgrid) .k-grid-content table colgroup col:nth-child(3) {
	width: 24px !important;
}

.customerprofile:has(.cntgrid) .k-grid-header table colgroup col:nth-child(4),
.customerprofile:has(.cntgrid) .k-grid-content table colgroup col:nth-child(4) {
	width: 18px !important;
}

.customerprofile:has(.cntgrid) .k-grid-header table colgroup col:nth-child(5),
.customerprofile:has(.cntgrid) .k-grid-content table colgroup col:nth-child(5) {
	width: 37px !important;
}

.customerprofile:has(.cntgrid) .k-grid-header table colgroup col:nth-child(6),
.customerprofile:has(.cntgrid) .k-grid-content table colgroup col:nth-child(6) {
	width: 35px !important;
}

.customerprofile:has(.cntgrid) .k-grid-header table colgroup col:nth-child(7),
.customerprofile:has(.cntgrid) .k-grid-content table colgroup col:nth-child(7) {
	width: 30px !important;
}

.adminProfile:has(.maintainuserGrid),
.adminProfile:has(.myMarketingMaterialList),
.customerprofile:has(.cntgrid),
.customerprofile:has(.ordersgrid1),
.customerprofile:has(.ordersgrid),
.customerprofile:has(.quotegrid1),
.customerprofile:has(.quotegrid2),
.customerprofile:has(.invoiceGrid),
.customerprofile:has(.send-sample-history),
.customerprofile:has(.send-mml-list),
.customerprofile:has(.rahistoygrid),
.customerprofile:has(#gridnotes),
.customerprofile:has(.todolisthistorygrid),
.customerprofile:has(.emailList.gridmail),
.customerprofile:has(.promo2),
.customerprofile:has(.promo1) {
	/* width: 75%; */
	/* width: 94.37%; */
	width: 95.35%;
	margin: 0 auto;
	padding-top: 20px;
}

.SRGridList:has(.all-fonts.grid_table) #butt {
	float: unset !important;
	/* display: inline-block; */
	margin: 0 auto !important;
	width: 75%;
	position: relative;
	top: 21px;
	text-align: center;
}

.text-dark {
	color: #000 !important;
}

.rahistoygrid .k-grid-header table colgroup col:nth-child(6),
.rahistoygrid .k-grid-content table colgroup col:nth-child(6) {
	width: 336px !important;
}

.invoiceGrid .k-grid-header table colgroup col:not(:first-child),
.invoiceGrid .k-grid-content table colgroup col:not(:first-child) {
	width: 45px !important;
}

.invoiceGrid .k-grid-header table colgroup col:nth-child(1),
.invoiceGrid .k-grid-content table colgroup col:nth-child(1) {
	width: 21px !important;
}

.all-fonts.grid_table #invoiceGrid .k-grid-header table colgroup col:nth-child(2),
.all-fonts.grid_table #invoiceGrid .k-grid-content table colgroup col:nth-child(2) {
	width: 41px !important;
}

.all-fonts.grid_table #invoiceGrid .k-grid-header table colgroup col:nth-child(4),
.all-fonts.grid_table #invoiceGrid .k-grid-content table colgroup col:nth-child(4) {
	width: 49px !important;
}

.all-fonts.grid_table #invoiceGrid .k-grid-header table colgroup col:nth-child(11),
.all-fonts.grid_table #invoiceGrid .k-grid-content table colgroup col:nth-child(11) {
	width: 128px !important;
}

.all-fonts.grid_table:has(.emailList) .k-grid-header table colgroup col:nth-child(1),
.all-fonts.grid_table:has(.emailList) .k-grid-content table colgroup col:nth-child(1) {
	width: 8.8% !important;
	/* width: 11.4% !important; */
	/* width: 8.9% !important; */
}

.all-fonts.grid_table:has(.emailList) .k-grid-header table colgroup col:nth-child(2),
.all-fonts.grid_table:has(.emailList) .k-grid-content table colgroup col:nth-child(2) {
	width: 8.07% !important;
	/* width: 10.3% !important; */
}

.all-fonts.grid_table:has(.emailList) .k-grid-header table colgroup col:nth-child(3),
.all-fonts.grid_table:has(.emailList) .k-grid-content table colgroup col:nth-child(3) {
	width: 9.11% !important;
	/* width: 11% !important; */
}

/* .all-fonts.grid_table:has(.emailList) .k-grid-header table colgroup col:nth-child(4),
.all-fonts.grid_table:has(.emailList) .k-grid-content table colgroup col:nth-child(4) {
	width: 13.9% !important;
} */

.all-fonts.grid_table:has(.emailList) .k-grid-header table colgroup col:nth-child(6),
.all-fonts.grid_table:has(.emailList) .k-grid-content table colgroup col:nth-child(6) {
	width: 7% !important;
}

.all-fonts.grid_table:has(.todolisthistorygrid) .k-grid-header table colgroup col:nth-child(1),
.all-fonts.grid_table:has(.todolisthistorygrid) .k-grid-content table colgroup col:nth-child(1) {
	width: 31px !important;
}

.all-fonts.grid_table:has(.todolisthistorygrid) .k-grid-header table colgroup col:nth-child(2),
.all-fonts.grid_table:has(.todolisthistorygrid) .k-grid-content table colgroup col:nth-child(2) {
	width: 36px !important;
}

.all-fonts.grid_table:has(.todolisthistorygrid) .k-grid-header table colgroup col:nth-child(3),
.all-fonts.grid_table:has(.todolisthistorygrid) .k-grid-content table colgroup col:nth-child(3) {
	width: 44px !important;
}

.all-fonts.grid_table:has(.todolisthistorygrid) .k-grid-header table colgroup col:nth-child(4),
.all-fonts.grid_table:has(.todolisthistorygrid) .k-grid-content table colgroup col:nth-child(4) {
	width: 44px !important;
}

.all-fonts.grid_table:has(.todolisthistorygrid) .k-grid-header table colgroup col:nth-child(5),
.all-fonts.grid_table:has(.todolisthistorygrid) .k-grid-content table colgroup col:nth-child(5) {
	width: 111px !important;
}

.all-fonts.grid_table:has(.todolisthistorygrid) .k-grid-header table colgroup col:nth-child(6),
.all-fonts.grid_table:has(.todolisthistorygrid) .k-grid-content table colgroup col:nth-child(6) {
	width: 82px !important;
}

.ordersgrid1 .k-grid-content table#grid1,
/* .promo1 .k-grid-content table#grid1, */
#grid_table1:has(.rahisgrid) .k-grid-content table#grid1,
#grid_table:has(.gridmail) .k-grid-content table#grid {
	table-layout: auto !important;
}

#grid_table:has(.gridmail) .k-grid-content table#grid tbody tr td:last-child * {
	width: auto !important;
}

.row.show-ytd-bg .col-md-8 .row.pt-cs-2>div.col-md-6 {
	width: 100%;
}

.ordersgrid1 .k-grid-header table colgroup col:first-child,
.ordersgrid1 .k-grid-content table colgroup col:first-child {
	width: 7.2% !important;
}

.ordersgrid1 .k-grid-header table colgroup col,
.ordersgrid1 .k-grid-content table colgroup col {
	width: 180px !important;
}

.ordersgrid1 .k-grid-header table colgroup col:nth-child(8),
.ordersgrid1 .k-grid-content table colgroup col:nth-child(8) {
	width: 388px !important;
}

.quotegrid1 .k-grid-header table colgroup col:first-child,
.quotegrid1 .k-grid-content table colgroup col:first-child {
	width: 104px !important;
}

.quotegrid1 .k-grid-header table colgroup col,
.quotegrid1 .k-grid-content table colgroup col {
	width: 175px !important;
}

.quotegrid1 .k-grid-header table colgroup col:nth-child(8),
.quotegrid1 .k-grid-content table colgroup col:nth-child(8) {
	width: 255px !important;
}

.quotegrid2 .k-grid-header table colgroup col:first-child,
.quotegrid2 .k-grid-content table colgroup col:first-child {
	width: 6% !important;
}

.quotegrid2 .k-grid-header table colgroup col,
.quotegrid2 .k-grid-content table colgroup col {
	width: 9.4% !important;
}

.quotegrid2 .k-grid-header table colgroup col:nth-child(8),
.quotegrid2 .k-grid-content table colgroup col:nth-child(8) {
	width: 14.93% !important;
}

/* .producthistorygrid-table .k-grid-header table colgroup col:nth-child(1),
.producthistorygrid-table .k-grid-content table colgroup col:nth-child(1) {
	width: 66px !important;
}

.producthistorygrid-table .k-grid-header table colgroup col:nth-child(2),
.producthistorygrid-table .k-grid-content table colgroup col:nth-child(2) {
	width: 27px !important;
}

.producthistorygrid-table .k-grid-header table colgroup col:nth-child(3),
.producthistorygrid-table .k-grid-content table colgroup col:nth-child(3) {
	width: 18px !important;
}

.producthistorygrid-table .k-grid-header table colgroup col:nth-child(4),
.producthistorygrid-table .k-grid-content table colgroup col:nth-child(4) {
	width: 34px !important;
}

.producthistorygrid-table .k-grid-header table colgroup col:nth-child(5),
.producthistorygrid-table .k-grid-content table colgroup col:nth-child(5) {
	width: 70px !important;
}

.producthistorygrid-table .k-grid-header table colgroup col:nth-child(6),
.producthistorygrid-table .k-grid-content table colgroup col:nth-child(6) {
	width: 42px !important;
}

.producthistorygrid-table .k-grid-header table colgroup col:nth-child(7),
.producthistorygrid-table .k-grid-content table colgroup col:nth-child(7) {
	width: 23px !important;
}

.producthistorygrid-table .k-grid-header table colgroup col:nth-child(8),
.producthistorygrid-table .k-grid-content table colgroup col:nth-child(8) {
	width: 24px !important;
} */

.info-grid-table tbody tr td:nth-child(3) {
	width: 32%;
}

.all-fonts.grid_table:has(#gridnotes) .k-grid-header table colgroup col:nth-child(1),
.all-fonts.grid_table:has(#gridnotes) .k-grid-content table colgroup col:nth-child(1) {
	width: 76px !important;
}

.all-fonts.grid_table:has(#gridnotes) .k-grid-header table colgroup col:nth-child(2),
.all-fonts.grid_table:has(#gridnotes) .k-grid-content table colgroup col:nth-child(2) {
	width: 70px !important;
}

.all-fonts.grid_table:has(#gridnotes) .k-grid-header table colgroup col:nth-child(3),
.all-fonts.grid_table:has(#gridnotes) .k-grid-content table colgroup col:nth-child(3) {
	width: 569px !important;
}

.all-fonts.grid_table:has(.rahisgrid) .k-grid-header table colgroup col:not(:nth-child(7)),
.all-fonts.grid_table:has(.rahisgrid) .k-grid-content table colgroup col:not(:nth-child(7)) {
	width: 94px !important;
}

.all-fonts.grid_table:has(.rahisgrid) .k-grid-header table colgroup col:nth-child(7),
.all-fonts.grid_table:has(.rahisgrid) .k-grid-content table colgroup col:nth-child(7) {
	width: 180px !important;
}

.converttbl .k-grid-header table colgroup col:nth-child(1),
.converttbl .k-grid-content table colgroup col:nth-child(1) {
	width: 28px !important;
}

.converttbl .k-grid-header table colgroup col:nth-child(2),
.converttbl .k-grid-content table colgroup col:nth-child(2) {
	width: 77px !important;
}

.converttbl .k-grid-header table colgroup col:nth-child(3),
.converttbl .k-grid-content table colgroup col:nth-child(3) {
	width: 24px !important;
}

.converttbl .k-grid-header table colgroup col:nth-child(4),
.converttbl .k-grid-content table colgroup col:nth-child(4) {
	width: 19px !important;
}

.converttbl .k-grid-header table colgroup col:nth-child(5),
.converttbl .k-grid-content table colgroup col:nth-child(5) {
	width: 19px !important;
}

.converttbl .k-grid-header table colgroup col:nth-child(6),
.converttbl .k-grid-content table colgroup col:nth-child(6) {
	width: 25px !important;
}

.converttbl .k-grid-header table colgroup col:nth-child(7),
.converttbl .k-grid-content table colgroup col:nth-child(7) {
	width: 43px !important;
}

.toggle-div {
	visibility: hidden;
}

.show-ytd-bg-header {
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: max-content;
	justify-content: center;
	align-items: center;
	color: #fff;
	font-weight: 500 !important;
	/* width: 76.5%; */
	width: 72.1%;
	height: 100%;
	text-align: center;
	float: left;
	font-size: 15px !important;
	line-height: 1.2;
}

.show-ytd-bg-header>div.d-inline-block {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-right: 2px solid #b7b7b7;
	padding: 1px 3px 0px;
	text-align: center;
	font-weight: 500 !important;
	font-size: 15px !important;
	line-height: 1.2;
}

.show-ytd-bg-header>div.d-inline-block:last-child {
	border-right: none;
}

.show-ytd-bg-header>div.d-inline-block>span {
	font-size: 15px !important;
	font-weight: 500 !important;
	line-height: 1.2;
	margin-left: 2px;
	/* padding: 2px 0px; */
}

.show-ytd-bg-header span {
	font-size: 15px !important;
	font-weight: 500 !important;
}

.show-ytd-bg-header>div.d-inline-block.metric-auto-width {
	white-space: nowrap;
	padding-left: 6px;
	padding-right: 6px;
}

.show-ytd-bg-header>div.d-inline-block.metric-auto-width:nth-child(4) {
	padding-right: 0px;
}

.promo-text {
	text-transform: lowercase;
}

.promo-text::first-letter {
	text-transform: uppercase;
}

td.gridMessage * {
	/* white-space: break-spaces; */
	word-break: break-all;
	/* display: table-cell; */
	max-width: max-content;
}

.gridMessage,
.gridMessage * {
	font-weight: 500 !important;
	color: #040404 !important;
	/* color: #787878 !important; */
	font-family: Helvetica, sans-serif !important;
	/* background: transparent !important; */
}

#grid_table.k-content:has(.adminTrending) .k-grid-header table colgroup col,
#grid_table.k-content:has(.adminTrending) .k-grid-content table colgroup col {
	width: 130px !important;
}

.nav-font-cls>.tSearch>a,
.nav-font-cls>.tSearch button {
	font-weight: 500 !important;
	font-size: 13px !important;
	font-family: Helvetica, sans-serif !important;
	line-height: 16px;
}

#mainContent h1.heading.heading-font-cls {
	font-weight: 500 !important;
	/* font-size: 15px !important; */
	font-family: Helvetica, sans-serif !important;
	margin-left: 0;
}

.grid_table .k-grid-content>table>tbody tr td a {
	/* color: #787878 !important; */
}

table.cus-width tbody tr td:nth-child(odd) {
	width: 11.86%;
	padding: 0;
	/* width: 12.86%; */
}

table.cus-width tbody tr td:nth-child(even) {
	padding: 8.5px 0px;
	/* width: 30%; */
}

.layout-auto .k-grid-header table,
.layout-auto .k-grid-content table,
#user_grid_table .k-grid-header table,
#user_grid_table .k-grid-content table,
.customerprofile:has(.promo2) .k-grid-header table,
.customerprofile:has(.promo2) .k-grid-content table,
.customerprofile:has(.promo1) .k-grid-header table,
.customerprofile:has(.promo1) .k-grid-content table {
	table-layout: auto !important;
}

.k-window:has(#addbillingEmail) span#popup1_wnd_title,
.k-window:has(.viewSystemorder) span#popup1_wnd_title,
.k-window:has(.trackingnoview) span#popup1_wnd_title,
.k-window:has(.SystemOrderCopyForm) span#popup_wnd_title,
.k-window:has(.contactFormcls) span#popup_wnd_title,
.k-window:has(.contactFormcls) span#popup3_wnd_title,
.k-window:has(.emailOrderForm) span#popup_wnd_title {
	font-weight: 500 !important;
	font-size: 16px !important;
	font-family: Helvetica, sans-serif !important;
}

div#addbillingEmail *,
.viewSystemorder *,
.trackingnoview *,
.SystemOrderCopyForm *,
.emailOrderForm * {
	font-weight: 500 !important;
	font-size: 15px !important;
	font-family: Helvetica, sans-serif !important;
	font-style: normal;
}

.sendQuote *,
.sendQuote>h1.k-header {
	font-weight: 500 !important;
	font-family: Helvetica, sans-serif !important;
}

.sendQuote>h1.k-header {
	font-size: 23px;
	margin-top: 21px;
	padding-left: 10px;
}

.SystemOrderCopyForm_table tbody tr td table tbody tr>* {
	padding-bottom: 10px !important;
	padding-right: 10px !important;
}

.SystemOrderCopyForm_table tbody tr:last-child td {
	padding-bottom: 15px !important;
	padding-right: 10px !important;
}

.tlbreport input[type=button] {
	width: 645px !important;
}

.reportCountCls {
	width: 19px;
	display: inline-block;
	text-align: right;
}

.filterDivcls {
	margin: 45px 0px 0px 5px;
	display: block;
	width: 100%;
}

.filterDivcls * {
	color: #000000;
}

.filterDivcls>span>span,
.filterDivcls>input {
	text-align: left;
	margin: 0px 10px 0px 4px;
}

#popup_wnd_title:not(:has(span.not-hidden)),
#popup1_wnd_title:not(:has(span.not-hidden)),
#popup2_wnd_title:not(:has(span.not-hidden)),
#popup3_wnd_title:not(:has(span.not-hidden)),
.k-window-title:not(:has(span.not-hidden)) {
	display: none !important;
}

.modal-order-title,
.k-window-title {
	color: #000;
	/* font-weight: 500; */
	font-weight: 600 !important;
	font-size: 18px;
}

.modal-order-title .mots {
	/* color: #676b76; */
	/* color: #4f515e; */
	/* color: #828385; */
	color: #505260;
	font-weight: 500;
}

.modal-order-title .mots:first-child {
	color: #090916;
}

.order-right {
	float: right;
	font-size: 16px;
}

.k-widget.k-window:has(span.k-window-title) {
	box-shadow: 0px 7px 13px rgba(0, 0, 0, .3);
}

.k-widget.k-window:has(span.k-window-title),
.k-widget.k-window:has(span.k-window-title) .k-window-titlebar.k-header,
.k-widget.k-window:has(span.k-window-title) .k-window-content.k-content {
	border-radius: 10px;
}

.k-widget.k-window:has(span.k-window-title) .k-window-titlebar.k-header {
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	/* background: #f5f1f7; */
	/* background: #f9f9f9; */
	background: #fafafa;
	height: 35px;
}

.k-widget.k-window:has(span.modal-order-title) .k-window-title {
	padding: 9px 10px 10px;
}

.k-widget.k-window:has(span.modal-order-title) .k-window-content.k-content {
	margin-top: 0px !important;
	padding: 15px 30px;
}

.k-widget.k-window:has(span.k-window-title) .k-window-titlebar .k-window-actions {
	top: 10px;
}

/* .k-widget.k-window:has(span.modal-order-title) .k-window-titlebar .k-window-actions a {
	width: 60px;
	height: 40px;
} */

/* .k-widget.k-window:has(span.modal-order-title) .k-window-titlebar .k-window-actions span {
	background-size: 330px;
	background-position: -61px -26px;
	width: 20px;
	height: 29px;
} */

.myCstmBtn {
	background-color: rgb(126, 167, 0) !important;
	color: rgb(255, 255, 255) !important;
	border-color: #8baf1c !important;
	border-width: 2px;
	font-size: 15.55px !important;
	width: 114px;
	outline: unset !important;
	box-shadow: none !important;
}

.myCstmBtn.active-btn,
.myCstmBtn.hover-btn:hover {
	background-color: rgb(255, 255, 255) !important;
	color: rgb(126, 167, 0) !important;
}

.all-vertical-align tbody tr td {
	padding-top: 5px;
	padding-bottom: 15px;
	vertical-align: middle;
}

.mt-03 {
	margin-top: 3px !important;
}

.w-55 {
	width:55px !important;
}
.w-69 {
	width: 69px !important;
}

.w-80 {
	width: 80px !important;
}

.w-85 {
	width: 85px !important;
}

.w-97 {
	width: 97px !important;
}

.w-101 {
	width: 101px !important;
}

.w-105 {
	width: 105px !important;
}

.w-135 {
	width: 135px !important;
}

.w-139 {
	width: 139px;
}

.w-142 {
	width: 142px;
}

.w-180 {
	width: 180px;
}

.w-210 {
	width: 210px !important;
}

.w-250 {
	width: 250px !important;
}

.w-340 {
	width: 340px !important;
}
.colorwhite thead tr th {
	color: white;
	vertical-align: top;
	font-weight: 300;
}

.run-scheduler-box {
	display: inline-block;
	border: 1px solid #ffffff;
	background-color: #8baf1c;
	padding: 5.5px 10px;
	border-width: 2px;
}

.run-scheduler-box a {
	color: #ffffff;
	text-decoration: none;
}

.run-scheduler-box:hover {
	background-color: #ffffff;
	border-color: #8baf1c !important;
	border-width: 2px;
}

.run-scheduler-box:hover a {
	color: #8baf1c;
}

.marketing-material-box {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 11px;
}

.btn-sml {
	padding: 0px 8px;
	margin-left: 6px;
	vertical-align: baseline;
}

.w-73 {
	width: 73% !important;
}

.w-100 {
	width: 100%;
}

.k-button.k-button-icontext.grid-view.k-grid-edit>span {
	display: none;
}

.sales-graph-legend {
	width: 100%;
	height: 500px;
	position: relative;
	margin-bottom: 25px;
}

.legend-container {
	display: flex;
	gap: 24px;
	align-items: center;
	margin-left: 60px;
	/* margin-top: 10px; */
	position: absolute;
	top: 67px;
	left: 102px;
	/* transform: translate(66px, 78px); */
	background: #ffffffdb;
	width: 200px;
	padding-left: 4px;
}

.legend-item {
	display: flex;
	align-items: center;
	gap: 8px;
	/* cursor: default; */
	cursor: pointer;
}

.legend-box {
	width: 10px;
	height: 10px;
	display: inline-block;
	border: 1px solid #000;
}

.legend-color-green {
	background: green;
}

.legend-color-orange {
	background: #f18a13;
}

.legend-text {
	color: #000;
}

canvas {
	image-rendering: auto;
}

/* chart bg white */
div.sales-graph-legend tbody tr td svg.zc-svg g.zc-rel.zc-main g.zc-abs.zc-text+g.zc-abs {
	transform: translate(-210px, 36px);
}

div.sales-graph-legend tbody tr td svg.zc-svg g.zc-rel.zc-main g.zc-abs.zc-text+g.zc-abs g.zc-abs.zc-layer>path[stroke-linecap="square"]:first-child {
	fill: #fff;
}

.sales-graph-legend>.chart-title {
	/* margin-bottom: 20px; */
	text-align: center;
	padding-left: 60px;
	padding-top: 14px;
	padding-bottom: 30px;
	font-size: 17px !important;
	color: #040404;
}

.columns-5-hide tbody tr:nth-child(-n+5),
.columns-6-hide tbody tr:nth-child(-n+6),
.seprate-hide {
	display: none;
}

.receive-email {
	width: 285px !important;
	display: inline-block;
}

.checkbox-valign {
	vertical-align: middle;
	padding-top: 20px;
}

.checkbox-valign strong {
	margin-bottom: 0 !important;
	vertical-align: bottom;
	color: #040404;
}

.csform input[type=checkbox]:checked[type=checkbox],
.custom-checkbox input[type=checkbox]:checked[type=checkbox] {
	--bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}

.csform input[type=checkbox]:checked,
.custom-checkbox input[type=checkbox]:checked {
	background-color: #0d6efd;
	border-color: #0d6efd;
}

.addAnalysisNotesTab.ucnact thead tr th:nth-child(1) {
	width: 7% !important;
}

.addAnalysisNotesTab.ucnact thead tr th:nth-child(6) {
	width: 2% !important;
}

.myclscolor {
	color: #040404 !important;
}

.mytxtbold {
	font-weight: 600 !important;
	text-transform: uppercase;
	letter-spacing: 0.2px;
	padding-left: 5px;
	/* font-style: italic; */
}

.order-header {
	display: flex;
	/* justify-content: space-between; */
	align-items: center;
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: 15px;
	margin-bottom: 21px;

	/* border-top: 1px solid #e5e5e5;
    padding-top: 15px;
    padding-bottom: 7px;
    margin-top: 21px; */
}

.order-header h3 {
	margin: 0;
	font-weight: 600 !important;
	/* font-size: 1.17em !important; */
	font-size: 1.31em !important;
}

.order-header h4 {
    margin: 0;
    font-weight: 600 !important;
    font-size: 1.21em !important;
}

.order-total {
	display: flex;
	gap: 25px;
}

.order-total p {
	margin: 0;
}

.section-title {
	font-size: 16px !important;
	font-weight: 600 !important;
	padding-bottom: 8px;
}

.order-icon {
	margin-right: 8px;
	font-size: 16px;
	vertical-align: middle;
}

/* Color coding (image jaisa feel) */
.order-icon.billing {
	color: #4CAF50;
	height: 26px;
}

.order-icon.shipping {
	color: #2196F3;
	height: 26px;
}

.order-icon.payment {
	color: #FF9800;
	height: 26px;
}

.circle-small {
	font-size: 5px;
	vertical-align: middle;
	color: darkgray;
	border-left: 1px solid #bcbcbc;
	height: 22px;
	display: inline-block;
	position: relative;
	bottom: 2px;
}

.order-total .order-fob {
	font-size: 22px;
	/* color: #2f6b2f; */
	/* color: #299b29; */
	font-weight: bold;
}

.address-wrapper {
	display: flex;
	gap: 15px;
	align-items: flex-start;
	margin-top: 15px;
	margin-bottom: 21px;
}

.address-card {
	flex: 1;
	border: 1px solid #ddd;
	border-radius: 6px;
	/* padding: 12px; */
	/* background: #fafafa; */
}

.address-card h4 {
	margin: 0 0 0px 0;
	font-size: 15px;
	font-weight: 600;
	/* border-bottom: 1px solid #eee; */
	/*border-bottom: 1px solid #e2e2e7;*/
	padding-bottom: 5px;
	padding: 12px 14px !important;
	background: #fafafa;
	border-radius: 6px;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}

.address-card .card-box {
	padding: 0px 14px 0px;
}

.order-info {
	margin-top: 15px;
	border-top: 1px solid #ddd;
	border-radius: 6px;
	padding: 10px 0px 4px;
	/* background: #f9f9f9; */
	/* background: #f5f2f8; */
	/* margin-bottom: 15px; */
	/* width: 45%; */
	/* margin: 0 0 0 auto; */
	display: flex;
}

.order-info h4 {
	margin: 15px 15px 10px;
}

span.mots+a {
	color: #000;
	text-decoration: none;
}

.order-info .order-details-table {
	/* width: 45%; */
	/* width: 54.1%; */
	border-collapse: collapse;
	/* margin: 0 0 0 auto; */
	/* text-align: right; */
	margin: 0 auto 0 0;
	text-align: left;
}

.order-info .order-details-table thead {
	background: #edeaf2;
}

.order-info .order-details-table th {
	text-align: left;
	font-weight: 600;
	padding: 10px 15px;
}

.order-info .order-details-table tbody tr td {
	padding: 10px 15px;
}

.order-info .order-details-table thead tr th,
.order-info .order-details-table tbody tr td,
.final-total {
	border-right: 1px solid #dddbe6;
	font-weight: bold !important;
}

.final-total {
	align-content: center;
	padding: 0px 15px 0px 15px;
	font-size: 19.65px !important;
	border-right: unset;
}

.order-info .order-details-table thead tr th:last-child,
.order-info .order-details-table tbody tr td:last-child {
	border-right: unset;
}

.order-info .order-details-table tbody {
	background: #fff;
}

.takeanorder-content #takeanordergrid_table {
	/* padding-top: 0 !important; */
}

.takeanorder-content .takeanorderProfile {
	display: flex;
	flex-direction: column;
}

.takeanorder-content #addFrm {
	display: flex;
	gap: 20px;
	/* align-items: stretch; */
	align-items: flex-start;
}

.takeanorder-content #leftAddress,
.takeanorder-content #rightAddress,
.takeanorder-content .shadow-box {
	border: 1px solid #ededed !important;
	/* border: 1px solid #eaeaea !important; */
	/* border: 1px solid lightgray !important; */
	/* width: 33.33333333% !important; */
	width: 50% !important;
	float: left !important;
	margin-left: 0 !important;
	min-height: unset !important;
	padding: 17px 17px 17px !important;
	background-color: #fff !important;
	box-shadow: 0px 0px 7px 0px rgb(0 0 0 / 11%) !important;
	border-radius: 6px !important;
	display: flex;
	flex-direction: column;
	align-self: flex-start;
}

.takeanorder-content .k-grid-my-create,
.takeanorder-content .k-grid-my-create~button {
	border: 1px solid #7ea700 !important;
	color: #7ea700 !important;
	padding: 5px 15px !important;
	background-color: #fff !important;
	border-radius: 6px !important;
	margin: 7px 0px 7px 8px !important;
}

.productAddBox {
	border: 1px solid #eaeaea !important;
	padding: 17px 17px 16px !important;
	background-color: #fff !important;
	box-shadow: 0px 0px 7px 0px rgb(0 0 0 / 11%) !important;
	border-radius: 6px !important;
	display: flex;
	flex-direction: column;
}

.takeanorder-content .k-grid-my-create,
.takeanorder-content .k-grid-add,
.takeanorder-content .k-grid-my-create~button,
.takeanorder-content .k-grid-add~button {
	border: 1px solid #7ea700 !important;
	color: #7ea700 !important;
	padding: 5px 20px !important;
	background-color: #fff !important;
	border-radius: 6px !important;
	margin: 0px 7px 16px 0px !important;
}

.takeanorder-content .k-grid-my-create:hover,
.takeanorder-content .k-grid-add:hover,
.takeanorder-content .k-grid-my-create~button:hover,
.takeanorder-content .k-grid-add~button:hover {
	background-color: #7ea700 !important;
	color: #fff !important;
}

.methoddetaildiv {
	/* border-top: 1px solid #ddd; */
	margin-top: 11px;
	padding: 10px 0px 10px;
}

.methoddetaildiv td {
	vertical-align: middle;
	width: auto !important;
	/* padding: 1px 0px 0px 15px !important; */
	padding: 5px 0px 5px 15px !important;
}

.takeanorder-content #leftAddress>table,
.takeanorder-content #rightAddress>table,
.takeanorder-content .shadow-box>table {
	padding: 0 !important;
}

.takeanorder-content #leftAddress>table tbody tr td,
.takeanorder-content #rightAddress>table tbody tr td,
.takeanorder-content .shadow-box>table tbody tr td {
	padding-bottom: 20px;
}

.takeanorder-content #leftAddress>.topTitle,
.takeanorder-content #rightAddress>.topTitle,
.takeanorder-content .shadow-box>.topTitle {
	font-size: 18px !important;
	font-weight: bold !important;
	/* padding: 0px 0px 10px !important; */
	display: block;
	/* border-bottom: 1px solid lightgray; */
	width: 100%;
	/* margin-bottom: 10px; */
}

.header-active {
	padding: 0px 0px 10px !important;
	border-bottom: 1px solid lightgray;
	margin-bottom: 10px !important;
}

/* .takeanorder-content input#keyword {
	border-color: #7ea700;
}

.takeanorder-content input#keyword::placeholder {
	color: #7ea700;
} */

.w-auto {
	width: auto !important;
}

a.k-button.k-button-icontext.k-grid-X {
	border: unset;
	color: red;
	font-weight: 500 !important;
	font-size: 18px !important;
	background: transparent;
}

.grid-view>span.k-icon {
	display: none;
}

.addQuote-btn>.k-grid.k-widget>.k-toolbar.k-grid-toolbar>.k-button {
	border: 1px solid #7ea700 !important;
	color: #fff !important;
	padding: 5px 20px !important;
	background-color: #7ea700 !important;
	/* border-radius: 6px !important;
	margin: 0px 7px 16px 0px !important; */
	width: 97px !important;
}

.addQuote-btn>.k-grid.k-widget>.k-toolbar.k-grid-toolbar>.k-button:hover {
	color: #7EA700 !important;
	background: #fff !important;
	border-color: #8ebc00 !important;
}

.add-btn {
	border: 1px solid #7ea700 !important;
	color: #fff !important;
	padding: 9px 14px !important;
	background-color: #7ea700 !important;
	border-radius: 6px !important;
	margin: 0px 7px 16px 0px !important;
}

.add-btn:hover {
	background: #fff !important;
	color: #7EA700 !important;
}

.alignment-text {
	vertical-align: middle;
	padding-top: 15px;
	padding-bottom: 20px;
}

.pdleft-20 {
	padding-left: 20px !important;
}

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

.allText-wht {
	color: #fff !important;
}

.chkbox-group label {
	display: block;
	margin-bottom: 5px;
}

.chkbox-group input {
	margin-right: 7px;
}

.leftAddress>div,
.rightAddress>div {
	/* box-sizing: border-box; */
	align-content: center;
}

/* .k-animation-container {
	top: 696.58px !important;
} */

.k-animation-container {
	transform: none !important;
}

.border-right-none {
	border-right: unset !important;
}

.collapsible-box {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor: pointer;
	transition: box-shadow .15s, border-color .15s, transform .06s;
	cursor: pointer;
	-webkit-user-select: none;
	user-select: none;
	position: relative;
}

.collapsible-box::after {
	content: "";
	position: absolute;
	right: 0px;
	top: 50%;
	transform: translateY(-50%) scaleY(1);
	width: 26px;
	height: 22px;
	background-image: url(../images/black-arrow.png);
	background-size: 50% 50%;
	background-repeat: no-repeat;
	background-position: calc(100% - 2px) center, calc(100% - 8px) center;
	pointer-events: none;
	opacity: 0.9;
	transition: transform 0.25s cubic-bezier(.4, 0, .2, 1);
}

.collapse-content.hide {
	display: none;
}

.collapse-content.animating {
	/* display: flex; */
	/* overflow: hidden; */
	min-height: 0;
	opacity: 0;
	transition: min-height 0.45s ease, opacity 0.45s ease;
}

/* Final visible state */
.collapse-content.show {
	min-height: 179.5px;
	opacity: 1;
}

.collapsible-box.header-active::after {
	transform: translateY(-50%) scaleY(-1);
	top: 38%;
}

.span-box {
	margin-bottom: 23px;
	margin-top: 15px;
}


.collapse-content1.hide {
	display: none;
}

.collapse-content1.animating {
	/* display: flex; */
	/* overflow: hidden; */
	min-height: 0;
	opacity: 0;
	transition: min-height 0.45s ease, opacity 0.45s ease;
}

/* Final visible state */
.collapse-content1.show {
	min-height: 130.5px;
	opacity: 1;
}

.link-all-blk a {
	color: #040404 !important;
	text-decoration: none;
}

.choosefile,
#trackingFile,
#etaFile,
#pdfFile {
	height: 35px;
	width: 205px;
	border-color: darkgray;
}

.inputFieldContainer {
	padding-right: 500px !important;
}

#content {
	/* min-height: 77vh; */
	min-height: 100vh;
}

.shippingPartial td input[type="text"] {
	box-sizing: border-box;
}

.ship-btn-2 {
	border: 2px solid;
	padding: 5px 10px;
}

.dashboard-buttons input {
	margin-bottom: 9px;
}

.ShowReport .k-grid-header table colgroup col:nth-child(5),
.ShowReport .k-grid-content table colgroup col:nth-child(5) {
	width: 394px !important;
}

.ShowReport2 .k-grid-header table colgroup col:nth-child(2),
.ShowReport2 .k-grid-content table colgroup col:nth-child(2) {
	width: 160px !important;
}

.ShowReport3 .k-grid-header table colgroup col:nth-child(3),
.ShowReport3 .k-grid-content table colgroup col:nth-child(3) {
	width: 90px !important;
}

.ShowReport4 .k-grid-header table colgroup col:nth-child(1),
.ShowReport4 .k-grid-content table colgroup col:nth-child(1) {
	width: 153px !important;
}

.ShowReport5 .k-grid-header table colgroup col:nth-child(1),
.ShowReport5 .k-grid-content table colgroup col:nth-child(1) {
	width: 390px !important;
}

.ShowReport6 .k-grid-header table colgroup col:nth-child(1),
.ShowReport6 .k-grid-content table colgroup col:nth-child(1) {
	width: 250px !important;
}

.ShowReport7 .k-grid-header table colgroup col:nth-child(8),
.ShowReport7 .k-grid-content table colgroup col:nth-child(8) {
	width: 70px !important;
}

.customerprofile:has(.send-sample-history) .k-grid-header table colgroup col:nth-child(7),
.customerprofile:has(.send-sample-history) .k-grid-content table colgroup col:nth-child(7) {
	width: 280px !important;
}

.mattressesOrdered .k-grid-header table colgroup col:nth-child(3),
.mattressesOrdered .k-grid-content table colgroup col:nth-child(3) {
	width: 275px !important;
}

.movetodo .k-grid-header table colgroup col:nth-child(4),
.movetodo .k-grid-content table colgroup col:nth-child(4) {
	width: 290px !important;
}

#grid_table:has(.myMarketingMaterialList) .k-grid-content table td:nth-child(3) {
	text-align: center !important;
}

#grid_table:has(.myOrderList) .k-grid-content table td {
	text-align: left !important;
}

#grid_table:has(.mycallList) .k-grid-content table td {
	text-align: center !important;
}

.SRGridList:has(.all-fonts.grid_table) button#addorder.ad-btn {
	background: #ffd814 !important;
	color: rgb(0, 0, 0) !important;
	border: none !important;
	padding: 9px;
	border-radius: 8px;
	width: 100%;
	cursor: pointer;
	font-weight: bold !important;
}

/*.ad-btn:hover{background:#f7ca00}*/
.SRGridList:has(.all-fonts.grid_table) button#addorder.notesAdd-btn {
	/* width: 240px; */
	/* background: #111827; */
	width: 160px !important;
	font-size: 15px !important;
	border-radius: 10px;
	transition: 0.2s;
}

.SRGridList:has(.all-fonts.grid_table) button#addorder.notesAdd-btn:hover {
	transform: scale(1.03);
	color: rgb(0, 0, 0) !important;
	/* background: #000; */
}

.todaysactionsbygraph {
	padding-left: 5px;
}

.stateAlert {
	padding-left: 4.5px;
}

span.sales-user-chat {
	margin-left: 10px;
	vertical-align: middle;
	text-underline-position: under;
	border-left: 2px solid #b7b7b7;
	padding-left: 14px !important;
}

.selected-display.active {
	background-color: unset !important;
}

.k-grid-header .k-header {
	white-space: wrap;
}

.bg-border-unset {
	background: unset !important;
	/* border: unset !important; */
}

.csform-admin .csform {
	width: 45.56%;
}

.admin-space .k-button.buttonsize {
	margin-bottom: .5rem;
}

.admin-navbar {
	/* float: unset !important; */
	max-width: 79% !important;
	/* margin-right: 3px !important; */
	display: flex;
}

.emailOrderForm .k-invalid-msg {
	float: left;
}

.custom-invalid-msg .k-invalid-msg {
	margin-left: 0;
}

.cursor-pointer {
	cursor: pointer !important;
}

.grid_table:has(.excel-export-btn),
.excel-export-div {
	display: inline;
}

.excel-export-btn {
	width: 91.28px;
	margin-bottom: 13px !important;
	margin-top: 15px;
}

#sidebar:has(#left_navigation)+#content>#mainContent h1.heading.heading-font-cls {
	display: none !important;
}

#sidebar:has(#left_navigation)+#content>#mainContent {
	margin-top: 33px !important;
}

.mychkBox {
	max-height: 100px;
	overflow: hidden;
	overflow-y: auto;
	padding: 10px;
	width: 220px !important;
	padding-bottom: 3px;
}

.mychkBox label {
	display: block;
	margin-bottom: 5px !important;
}

.mychkBox label+br {
	display: none !important;
}

.mychkBox label input[type="checkbox"] {
	margin-top: 1px;
}

.grid_table.grid_table_white .k-grid-header .k-grid-header-wrap>table>thead tr th {
	background: #fff !important;
	color: #040404 !important;
}

.d-none-imp {
	display: none !important;
}

.bold-sales-total-2nd-last tbody tr:nth-last-child(2) td,
.border-unset-sales-total-2nd-last tbody tr:nth-last-child(2) td {
	border-bottom: unset !important;
}

.bold-sales-total-2nd-last tbody tr:nth-last-child(2) td * {
	font-weight: bold !important;
}

.bold-sales-total-last tbody tr:last-child td * {
	font-weight: bold !important;
}

.hide-sales-total-last tbody tr:last-child {
	display: none !important;
}

.grid_table:has(.td-left-align) .k-grid-content>table>tbody tr td:last-child:has(.k-button) {
	text-align: left;
}

/* .grid_table:has(.td-left-align) .k-grid-content>table>tbody tr td:last-child:has(.k-button) .td-left-align {
	float: unset !important;
} */

.k-loading-image {
	z-index: 999999999 !important;
}

/* .custom-modal-loader {
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center center;
	/* position: absolute;
	width: 100%;
	height: 100%;
	top: 0; *
	left: 0;
	/* z-index: 2; *
	background-image: url('../styles/kendo/css/Metro/loading-image.gif');
	z-index: 999999999 !important;
	position: absolute;
	top: 0px;
	/* width: 100%;
	height: 500px;
	display: none; *
} */


/* Floating label wrapper */
/* .phone-floating-group {
	position: relative;
	
	float: left;
	margin-left: 0px;
}

.phone-floating-group input {
	width: 100% !important;
	padding: 18px 10px 6px 10px;
	padding-top: 10px !important;
	height: 38px;
	box-sizing: border-box;
}

.phone-floating-group label {
	position: absolute;
	top: 10px;
	left: 10px;
	
	background: #fff;
	padding: 0 4px;
	pointer-events: none;
	transition: all 0.15s ease;
}

.phone-floating-group .phone-ext+label {
	left: 19px;
}

.phone-floating-group input:focus+label,
.phone-floating-group input:not(:placeholder-shown)+label {
	top: -7px;
	
	color: #444;
}


.fax-floating-group {
	position: relative;
	width: 100%;
}

.fax-floating-group input {
	
	padding: 18px 10px 6px 10px;
	padding-top: 10px !important;
	height: 38px;
	box-sizing: border-box;
}

.fax-floating-group label {
	position: absolute;
	top: 10px;
	left: 10px;
	
	background: #fff;
	padding: 0 4px;
	pointer-events: none;
	transition: all 0.15s ease;
}

.fax-floating-group input:focus+label,
.fax-floating-group input:not(:placeholder-shown)+label {
	top: -7px;
	
	color: #444;
} */

.phone-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	/* width:95%; */
	/* gap:20px; */
}

.phone-section {
	display: flex;
	align-items: center;
	/* gap:10px; */
	/* width: 48%; */
}

.phone-input {
	width: 155px !important;
}


/* Default (100% Zoom) */
.phone-salesInput {
    width: 217px !important;
}

.ra-info-table{
    width:100%;
    border-collapse:collapse;
}

.ra-info-table th{
    text-align:left;
    padding:8px;
    border:1px solid #999;
}

.ra-info-table td{
    background:#f5f5f5;
    padding:8px;
    border:1px solid #999;
}

.rmax-details-wrapper {
    width: 100%;
    font-family: "Segoe UI", sans-serif;
}
 
.rmax-divider {
    height: 1px;
    background: #edf1f7;
    margin: 24px 0;
}

.pickup-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:18px;
    width:100%;
}

.pickup-field{
    display:flex;
    flex-direction:column;
}

.pickup-field label{
    font-size:13px;
    font-weight:600;
    margin-bottom:6px;
    color:#222;
}

.pickup-field .req{
    color:#d00;
}

.pickup-field input,
.pickup-field select{
    width:100% !important;
    margin:0 !important;
    box-sizing:border-box;
}

.pickup-actions{
    margin-top:20px;
    display:flex;
    gap:12px;
}

/* 90% Zoom */
@media screen and (min-width: 1700px) and (max-width: 1899px) {
    .phone-salesInput {
        width: 248px !important;
    }
}

/* 80% Zoom */
@media screen and (min-width: 1900px) {
    .phone-salesInput {
        /* width: 285px !important; */
        width: calc(150px + 140px) !important;
    }
}

.ext-input {
	width: 55px !important;
}

.bidcls:has(.send-off-email) {
	padding-left: 112px;
}

.ext-label {
	margin-left: 10px;
}

.bidcls:has(.send-off-email) {
	padding-left: 112px;
}

.ml-25 {
	margin-left: 25px !important;
}

.ml-10 {
	margin-left: 10px !important;
}

.td-middle-align{
    vertical-align: middle !important;
}

.fa-classic,
.fa-regular,
.fa-solid,
.far,
.fas {
	font-family: "Font Awesome 6 Free" !important;
}

.addRa-btn>.k-grid.k-widget>.k-toolbar.k-grid-toolbar>.k-button {
    border: 1px solid #7ea700 !important;
    color: #fff !important;
    padding: 5px 20px !important;
    background-color: #7ea700 !important;
    width: 75px !important
}

input.ra-ship-info, select.ra-ship-info {
    width: 100% !important;
    margin-bottom: 0px !important;
    margin-top: 2px;
}
.alg-center {
	align-items: center;
	justify-content: end;
	gap: 15px !important;
}

.rmax-return-details .address-card{
   /*  padding:24px; */
    border:1px solid #e5e7eb;
   /*  border-radius:12px; */
    background:#fff;
    box-sizing:border-box;
}

.rmax-return-details .section-title{
    display:flex;
    align-items:center;
    gap:10px;
    margin:0 0 10px 0;
    font-size:22px;
    font-weight:600;
    color:#1f2937;
}

.rmax-return-details .section-title i{
    color:#7ea700;
}

/* .rmax-form-grid{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    column-gap: 0px !important;
    width:100%;
    padding:15px;
	padding-bottom:20px;
    margin-left:30px;
    box-sizing:border-box;
} */

.rmax-field{
    display:flex;
    flex-direction:column;
    min-width:0;
}

.rmax-field label{
    font-size:14px;
    font-weight:600;
    /* color:#; */
    margin-bottom:8px;
}

.rmax-field label span{
    color:#dc2626;
}

/* Same width for all controls */
.rmax-field input,
.rmax-field select{
    width:100% !important;
    box-sizing:border-box;
}

/* Textbox */
.rmax-field input{
    height:33px;
    padding:0 10px;
    border:1px solid #d1d5db;
    border-radius:6px;
}

/* Kendo Dropdown */
.rmax-field .k-dropdown,
.rmax-field .k-picker{
    width:85% !important;
}

.rmax-field .k-dropdown-wrap{
    height:33px !important;
    /* line-height:38px !important; */
}

.ra-header-cls span {
    margin: 0px;
    font-weight: 600 !important;
    /* font-size: 1.17em !important; */
    font-size: 1.19em !important;
}

.return-des-cls:focus
{
    outline: none !important;
    box-shadow: none !important;
    border-color: #ccc !important;
}

/* .rmax-form-grid .rmax-field:nth-child(2){
    margin-left: -25px;
} */

/* .rmax-form-grid .rmax-field:nth-child(3){
    margin-left: -40px;
	margin-right: 20px;
} */

.item-return-wrapper {
    margin-top: 15px;
}

.item-return-card {
    border: 1px solid #e5e5e5;
    /* margin-bottom: 12px; */
    background: #fff;
    margin: 20px;
	border-radius: 3px;
}

.item-return-header {
    background: #f7fbf2;
    padding: 10px 14px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.item-count {
    background: #6b9e22;
    color: #fff;
    border-radius: 50%;
    padding: 4px 8px;
    margin-right: 10px;
    font-weight: bold;
}

.item-return-body {
    padding: 14px;
}

.item-form-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 18px;
}

.item-note-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
    margin-top: 14px;
}

.rmax-field label {
    display: block;
    font-weight: 600;
    margin-bottom: 6px;
}

.rmax-field label span {
    color: red;
}

.ra-input {
    width: 100%;
    box-sizing: border-box;
}

.address-edit-btn {
 	background-color:#fff !important;
	color: rgb(126, 167, 0) !important;
	border-radius: 4px;
}

.address-edit-btn:hover {
	background: #8baf1c !important;
	color: #fff !important;
	border-radius: 4px;
}
.modal-update-btn {
	background: #8baf1c !important;
	color: #fff !important;
	border: 1px solid #8baf1c;
	padding: 3px 16px;
	transition: transform 0.3s ease;
	/* box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1); */
	border-radius: 4px;
	margin-top: 15px;
	margin-bottom: 10px;
}


/* My new css start */
.heading-bold {
    font-weight: bold !important;
    font-size: 1.16em !important;
    margin-right: 10px;
}

.heading-text {
	font-size: 1.12em !important;
	margin-right: 20px;
	vertical-align: middle;
}

.heading-button { vertical-align: middle;}

.row.pickup-address.address-open {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 12px;
}

.heading-row {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 15px;
}

.pickup-address-form label {
    margin-bottom: 5px;
    display: block;
}

.pickup-address-form > .row > * {
    padding: 0px 10px;
}

.pickup-address-button {
	padding: 4px 13px 0px;
}

.pickup-address-button .modal-cancel-btn { padding: 3px 16px;}

.rtn-details-form label {
    margin-bottom: 5px;
    display: block;
}

.rtn-details-form > .row > * {
    padding: 0px 10px !important;
    box-sizing: border-box;
}

.rtn-details-form span {
	color: red;
}

.req {
    color:red;
}
.error-msg {
    color:red;
    font-weight:bold;
    margin-top:8px;
}
#raStatusDiv {
    overflow:hidden;
}
.k-window-content {
    overflow-x:hidden !important;
}
.upload-box {
    width:88%;
    height:40px;
    border:1px dashed #cfcfcf;
    border-radius:4px;
    display:flex;
    align-items:center;
    gap:25px;
    padding:12px 18px;
    cursor:pointer;
    background:#fafafa;
}

.upload-icon {
    width:32px;
    height:32px;
}

.upload-box b {
    font-size:14px;
    color:#333;
}

.upload-box small {
    color:#777;
}
/* .input-other {
	height: 2.12em;
} */
/* My new css End */


/* Tablet */
/* @media(max-width:1200px){
    .rmax-form-grid{
        grid-template-columns:repeat(2,1fr);
    }
} */

/* Mobile */
/* @media(max-width:768px){
    .rmax-form-grid{
        grid-template-columns:1fr;
    }
} */

.shipping-label-preview {
    display: none;
    width: 94%;
    margin-top: 10px;
    padding: 10px 12px;
    border: 1px solid #d5d5d5;
    border-radius: 4px;
    background: #f8f8f8;
    box-sizing: border-box;
}

.shipping-label-file-name {
    font-weight: bold;
    color: #333333;
    word-break: break-word;
}

.shipping-label-actions {
    margin-top: 6px;
}

.shipping-label-actions a {
    color: #477d00;
    font-weight: bold;
    text-decoration: none;
    margin-right: 15px;
}

.shipping-label-actions a:hover {
    text-decoration: underline;
}

.upload-box.drag-active {
    border-color: #477d00 !important;
    background: #f3f9eb;
}

.order-header-row {
    display: flex;
    align-items: center;
    justify-content: space-evenly;   /* content पूरी width में equally spread होगा, जैसे reference image */
    flex-wrap: nowrap;
    width: 100%;
   /*  padding: 5px 20px; */
    box-sizing: border-box;
    overflow-x: auto;
}

.order-header-item {
    display: flex;
    align-items: center;
    white-space: nowrap;
    flex: 0 0 auto;
    gap: 5px;
}

.order-header-item label,
.order-header-item span {
    font-size: 1.31em !important;
    font-weight: 600 !important;
}

.order-header-separator {
    font-size: 1.55em !important;
    font-weight: 600 !important;
    padding-bottom: 3px !important;
}

.custom-input {
    height: 35px !important;
    vertical-align: top;
}

.section-heading td {
	font-weight: bold;
	text-transform: uppercase;
}
.payment-header-flex {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	cursor: pointer;
	user-select: none;
	font-weight: bold;
	text-transform: uppercase;
	font-size: inherit;
	color: inherit;
}
.payment-arrow-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition: transform 0.25s ease;
	color: inherit;
}
.payment-arrow-icon.rotated {
	transform: rotate(180deg);
}

/* Credit Card Container - White background & clean border like image 3 */
.card-item-block {
	background: #ffffff !important;
	border: 1px solid #dce2eb;
	border-radius: 6px;
	padding: 12px 16px;
	margin-bottom: 12px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
	transition: border-color 0.2s ease;
}
.card-item-block:hover {
	border-color: #cbd5e1;
}
.card-block-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-bottom: 8px;
	margin-bottom: 10px;
	border-bottom: 1px solid #edf2f7;
}
.card-title-text {
	font-size: 13px;
	font-weight: 700;
	color: #040404;
}

/* Remove Card Cross Button - Clean cross icon, no red color, no ? mark */
.btn-remove-card {
	background: transparent;
	border: none;
	cursor: pointer;
	padding: 4px 6px;
	border-radius: 4px;
	color: #64748b;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
	transition: all 0.2s ease;
}
.btn-remove-card:hover {
	background: #f1f5f9;
	color: #0f172a;
}
.btn-remove-card svg {
	width: 16px;
	height: 16px;
	stroke: currentColor;
	stroke-width: 2.2;
}

/* Add Additional Credit Card Action Bar - Soft blue strip matching image 3 */
.add-card-action-bar {
	/* background: #f0f6ff;
	border: 1px solid #d0e2ff; */
	border-radius: 6px;
	/* padding: 10px 16px; */
	margin-top: 15px;
	margin-bottom: 20px;
	display: flex;
	align-items: center;
}
.btn-add-card {
	background: transparent;
	border: none;
	color: #1a73e8;
	font-size: 13px;
	font-weight: 600;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	cursor: pointer;
	padding: 0;
	font-family: inherit;
	transition: color 0.2s ease;
}
.btn-add-card:hover {
	color: #0b57d0;
	text-decoration: none;
}
.btn-add-card .plus-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
#creditCardsWrapper .card-item-block {
	background: #ffffff;
	border: 1px solid #e3e9f1;
	border-radius: 8px;
	padding: 16px 20px 18px;
	box-sizing: border-box;
}
#creditCardsWrapper .card-block-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 14px;
}
#creditCardsWrapper .card-title-text {
	font-size: 15px;
	font-weight: 700;
	color: #1f3552;
}
#creditCardsWrapper .btn-remove-card {
	background: none;
	border: none;
	color: #8a97a8;
	cursor: pointer;
	padding: 2px;
	line-height: 0;
}
#creditCardsWrapper .btn-remove-card:hover { color: #d9342b; }
#creditCardsWrapper .btn-remove-card svg { width: 16px; height: 16px; }

/* labels */
#creditCardsWrapper .card-field strong,
#creditCardsWrapper .card-iframe-labels strong {
	display: block;
	margin-bottom: 6px;
	font-size: 14px;
	font-weight: 500;
	color: #1f3552;
}

/* row 1 : two equal columns */
#creditCardsWrapper .card-name-row {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 24px;
	margin-bottom: 18px;
}
/* every input same size */
#creditCardsWrapper .card-field input.k-textbox {
	width: 100%;
	height: 44px;
	box-sizing: border-box;
	padding: 0 14px;
	border: 1px solid #d7dee8;
	border-radius: 6px;
	background: #fff;
	font-size: 14px;
}

/* row 2 : labels row + hosted iframe, SAME column proportions
   (must match `container` grid in setStyles() inside the cfm) */
#creditCardsWrapper .card-iframe-labels {
	display: grid;
	grid-template-columns: 4fr 2fr 1.5fr 2fr;
	gap: 24px;
}
#creditCardsWrapper .card-form-mount {
	width: 100%;
	min-height: 44px;
}
#creditCardsWrapper .card-form-mount iframe {
	display: block;
	width: 100% !important;
	height: 52px !important;      /* increase if the hosted fields get cut */
	border: 0;
}
#creditCardsWrapper .card-error-msg {
	color: #d9342b;
	font-size: 12px;
	margin-top: 5px;
}

/* security note band */
#creditCardsWrapper .card-security-note {
	margin-top: 16px;
	padding: 12px 16px;
	background: #f3f7fc;
	border-radius: 6px;
	font-size: 12px;
	color: #5b6b7c;
}

/* "Add Credit Card" button (optional - remove if already styled) */
#addCardActionContainer .btn-add-card {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	white-space: nowrap;
	padding: 10px 18px;
	background: #eef5ff;
	border: 1px solid #cfe0f7;
	border-radius: 6px;
	color: #1a73e8;
	font-size: 14px;
	cursor: pointer;
}
#addCardActionContainer .btn-add-card:hover { background: #e2eeff; }

#cardFormMount { margin-top: 4px; }
#cardFormMount iframe {
	display: block;
	width: 100% !important;
	height: 90px !important;   /* 2 rows x 34px + 12px gap + spare ; increase if cut */
	border: 0;
}
/* optional : First/Last name same look as the iframe boxes */
#methoddetaildiv1 input.k-textbox {
	height: 34px;
	border-radius: 6px;
}

#methoddetaildiv1 input.k-textbox {
	font-size: 13.33px;
	font-family: Arial, sans-serif;
}
#methoddetaildiv1 input.k-textbox::placeholder {
	color: #757575 !important;
	opacity: 1 !important;
}

/* mobile : stack everything */
@media (max-width: 768px) {
	#creditCardsWrapper .card-name-row { grid-template-columns: 1fr; }
	#creditCardsWrapper .card-iframe-labels { display: none; }
}


@media (max-width: 768px) {
	.collapse-content {
		height: auto !important;
	}
}

/* @media (max-width: 1300px) { */
@media (max-width: 1600px) {
	.show-ytd-bg-header {
		grid-auto-flow: row;
		/* grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); */
		grid-template-columns: repeat(auto-fit, minmax(191px, 1fr));
		width: 69.74%;
	}
}

@media (max-width: 2047px) {

	/* .producthistorygrid-table .k-grid-header table,
	.producthistorygrid-table .k-grid-content table, */
	.adminProfile:has(.maintainuserGrid) .k-grid-header table,
	.adminProfile:has(.maintainuserGrid) .k-grid-content table,
	.adminProfile:has(.myMarketingMaterialList) .k-grid-header table,
	.adminProfile:has(.myMarketingMaterialList) .k-grid-content table,
	.customerprofile:has(.ordersgrid1) .k-grid-header table,
	.customerprofile:has(.ordersgrid1) .k-grid-content table,
	.customerprofile:has(.ordersgrid) .k-grid-header table,
	.customerprofile:has(.ordersgrid) .k-grid-content table,
	.customerprofile:has(.quotegrid1) .quotegrid1 .k-grid-header table,
	.customerprofile:has(.quotegrid1) .quotegrid1 .k-grid-content table,
	.customerprofile:has(.quotegrid2) .k-grid-header table,
	.customerprofile:has(.quotegrid2) .k-grid-content table,
	.customerprofile:has(.invoiceGrid) .k-grid-header table,
	.customerprofile:has(.invoiceGrid) .k-grid-content table,
	.customerprofile:has(.promo2) .k-grid-header table,
	.customerprofile:has(.promo2) .k-grid-content table,
	.customerprofile:has(.promo1) .k-grid-header table,
	.customerprofile:has(.promo1) .k-grid-content table {
		/* width: 1426px !important; */
		/* width: 1437px !important; */
	}
}

@media (max-width: 1535px) {

	.adminProfile:has(.maintainuserGrid) .k-grid-header table,
	.adminProfile:has(.maintainuserGrid) .k-grid-content table,
	.adminProfile:has(.myMarketingMaterialList) .k-grid-header table,
	.adminProfile:has(.myMarketingMaterialList) .k-grid-content table,
	.uncompletedorders .k-grid-header table,
	.uncompletedorders .k-grid-content table,
	.customerprofile:has(.cntgrid) .k-grid-header table,
	.customerprofile:has(.cntgrid) .k-grid-content table,
	.customerprofile:has(.ordersgrid1) .k-grid-header table,
	.customerprofile:has(.ordersgrid1) .k-grid-content table,
	.customerprofile:has(.ordersgrid) .k-grid-header table,
	.customerprofile:has(.ordersgrid) .k-grid-content table,
	.customerprofile:has(.quotegrid1) .k-grid-header table,
	.customerprofile:has(.quotegrid1) .k-grid-content table,
	.customerprofile:has(.quotegrid2) .k-grid-header table,
	.customerprofile:has(.quotegrid2) .k-grid-content table,
	.customerprofile:has(.invoiceGrid) .k-grid-header table,
	.customerprofile:has(.invoiceGrid) .k-grid-content table,
	.customerprofile:has(.send-sample-history) .k-grid-header table,
	.customerprofile:has(.send-sample-history) .k-grid-content table,
	.customerprofile:has(.send-mml-list) .k-grid-header table,
	.customerprofile:has(.send-mml-list) .k-grid-content table,
	.customerprofile:has(.rahistoygrid) .k-grid-header table,
	.customerprofile:has(.rahistoygrid) .k-grid-content table,
	.customerprofile:has(#gridnotes) .k-grid-header table,
	.customerprofile:has(#gridnotes) .k-grid-content table,
	.customerprofile:has(.todolisthistorygrid) .k-grid-header table,
	.customerprofile:has(.todolisthistorygrid) .k-grid-content table,
	.customerprofile:has(.emailList.gridmail) .k-grid-header table,
	.customerprofile:has(.emailList.gridmail) .k-grid-content table,
	.customerprofile:has(.promo2) .k-grid-header table,
	.customerprofile:has(.promo2) .k-grid-content table,
	.customerprofile:has(.promo1) .k-grid-header table,
	.customerprofile:has(.promo1) .k-grid-content table {
		/* width: 1429px !important; */
		width: 1437px !important;
	}


	/* .customerprofile:has(.todolisthistorygrid) .k-grid-content {
		overflow: hidden !important;
		overflow-x: auto !important;
		overflow-y: auto !important;
	}

	.customerprofile:has(.todolisthistorygrid) .k-grid-header {
		padding-right: 0 !important;
	} */
}

@media (min-width: 1537px) {
	.admin-navbar {
		gap: 15px;
	}
}

/* @media (max-width: 1707px) {
	.cusbar-bg>.w-2 {
		width: 33%;
	}
} */

@media (min-width: 2100px) {

	.all-fonts.grid_table:has(.emailList) .k-grid-header table colgroup col:nth-child(1),
	.all-fonts.grid_table:has(.emailList) .k-grid-content table colgroup col:nth-child(1) {
		width: 8% !important;
	}
}

@media only screen and (max-device-width: 768px) {
	body {
		width: 1492px !important;
	}
}

@media screen and (min-width: 1874px) {

    
	.ordersgrid .k-grid-header table colgroup col:nth-child(5),
	.ordersgrid .k-grid-content table colgroup col:nth-child(5) {
		width: 3.82% !important;
	}
	
	.ordersgrid .k-grid-header table colgroup col:nth-child(6),
	.ordersgrid .k-grid-content table colgroup col:nth-child(6) {
		width: 4.80% !important;
	}

	
	.ordersgrid .k-grid-header table colgroup col:nth-child(7),
	.ordersgrid .k-grid-content table colgroup col:nth-child(7) {
		width: 2.55% !important;
	}

    .ordersgrid .k-grid-header table colgroup col:nth-child(9),
    .ordersgrid .k-grid-content table colgroup col:nth-child(9) {
        width: 24% !important;
    }
}

@media screen and (min-width: 1758px) and (max-width: 1872px) {

    
	.ordersgrid .k-grid-header table colgroup col:nth-child(5),
	.ordersgrid .k-grid-content table colgroup col:nth-child(5) {
		width: 3.50% !important;
	}
	
	.ordersgrid .k-grid-header table colgroup col:nth-child(6),
	.ordersgrid .k-grid-content table colgroup col:nth-child(6) {
		width: 4.70% !important;
	}

	
	.ordersgrid .k-grid-header table colgroup col:nth-child(7),
	.ordersgrid .k-grid-content table colgroup col:nth-child(7) {
		width: 2.60% !important;
	}

    .ordersgrid .k-grid-header table colgroup col:nth-child(9),
    .ordersgrid .k-grid-content table colgroup col:nth-child(9) {
        width: 26.4% !important;
    }
}