/**********fonts**********/

/* @import url(https://fonts.googleapis.com/css?family=Raleway:400,100,100italic,200,200italic,300,300italic,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic); */
@import
	url(https://fonts.googleapis.com/css?family=Roboto:400,300,500,700,900|Open+Sans:400,300,600,700,800)
	;
/*font-family: 'Roboto', sans-serif;*/
@font-face {
	font-family: 'WebRupee';
	src: url('fonts/WebRupee.eot');
	src: local('WebRupee'), url('fonts/WebRupee.ttf') format('truetype'),
		url('fonts/WebRupee.woff') format('woff'), url('fonts/WebRupee.svg')
		format('svg');
}

.webr {
	font-family: 'WebRupee' !important;
}

body { /*font-family: 'Roboto', sans-serif;*/
	font-family: 'Roboto', sans-serif;
	background-color: #edf0f5;
	font-weight: 500;
	font-size: 12px;
}

h1,h2,h3,h4,h5,h6 {
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
}

p {
	font-weight: 500;
	font-family: 'Roboto', sans-serif;
}
/* default marging classes starts here */

.MT-1 {
    margin-top: -1px !important;
}
.M0 {
    margin: 0 !important;
}

.MT0 {
    margin-top: 0 !important;
}

.ML5 {
    margin-left: 5px;
}

.ML10 {
    margin-left: 10px;
}

.MR5 {
    margin-right: 5px;
}

.MR10 {
    margin-right: 10px !important;
}

.MR15 {
    margin-right: 15px !important;
}

.MT0 {
    margin-top: 0px;
}

.MT5 {
    margin-top: 5px;
}

.MT10 {
    margin-top: 10px !important;
}

.MT7 {
    margin-top: 7px;
}

.MT15 {
    margin-top: 15px;
}

.MT20 {
    margin-top: 20px;
}

.MT30 {
    margin-top: 30px;
}

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

.MB5 {
    margin-bottom: 5px !important;
}

.MB10 {
    margin-bottom: 10px !important;
}

.MB15 {
    margin-bottom: 15px !important ;
}

.MB20 {
    margin-bottom: 20px;
}

.MB30 {
    margin-bottom: 30px;
}

.pad0 {
    padding: 0px !important;
}

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

.PT5 {
    padding-top: 5px;
}

.PT10 {
    padding-top: 10px;
}

.PT20 {
    padding-top: 20px;
}

.PB0 {
    padding-bottom: 0px !important;
}

.PB5 {
    padding-bottom: 5px;
}

.PB10 {
    padding-bottom: 10px;
}

.PB20 {
    padding-bottom: 20px;
}
.PL0{padding-left:0px !important;}
.PL5 {
    padding-left: 5px;
}

.PL10 {
    padding-left: 10px;
}

.PL15 {
    padding-left: 15px;
}

.PL20 {
    padding-left: 20px;
}

.PL30 {
    padding-left: 30px;
}

.PL40 {
    padding-left: 40px;
}

.no-gutter {
    padding-right: 0px;
    padding-left: 0px;
}
.img-responsive, img {
    max-width: 100%;
    max-height: 100%;
    display: inline-block;
}

.bgYellow {
    background-color: #f9a706;
}

.bgLightGray {
    background-color: #fafafa;
}

.blackBg {
    background-color: #282828;
}

.orangeBg {
    background-color: #f47d3a;
}

.whiteBg {
    background-color: #fff;
}

.width60per {
    width: 60%;
}

.widthAuto {
    width: auto !important;
}

.modal-xl {
    width: 80%;
}
.clear {
	clear: both;
}

.btn-primary, .btn-orange{background: #62a646; color: #fff;border-color: #62a646;}
.btn-primary:hover, .btn-orange:hover{background: #ff8b41; color: #fff;border-color: #62a646;}
.btn-success{background-color: #62a646; color: #fff;}
.text-success{ color: #62a646 !important;}
.text-danger{color: #db4437}
.text-primary{color: #f47d3a;}
.btn-dark { background: #000; color: #fff;border:1px solid #000}
.btn-dark:hover { background: #fff; color: #000;border:1px solid #000}
/****************add css login page by sagar satre****************/
.nav>li>a:focus,.nav>li>a:hover {
	background-color: transparent;
}

.padding0 {
	padding: 0px;
}

.row_margin0 {
	margin-left: 0px;
	margin-right: 0px;
}

.logindiv {
	margin: auto;
	width: 50%;
	margin-top: 120px;
	float: none;
	margin-left: 40px;
}

.input-group .form-control {
	height: 44px;
}

.input-group-addon {
	background-color: #ffffff !important;
}

.loginid-img {
	width: 19px;
	height: 21px;
}

.btn-text {
	text-align: left;
	background: #339900;
	font-weight: bold;
	font-size: 19px;
}

.form-group {
	margin-bottom: 18px;
}

.footerpanel {
	text-align: center;
	font-weight: bold;
	font-size: 12;
}
/* .form-control{box-shadow: inset 0px 0px 16px -5px #ABABAB;
-webkit-box-shadow: inset 0px 0px 16px -5px #ABABAB;
-moz-box-shadow: inset 0px 0px 16px -5px #ABABAB;
-o-box-shadow: inset 0px 0px 16px -5px #ABABAB;} */
.input-group-addon {
	box-shadow: inset 0px 0px 16px -5px #ABABAB;
	-webkit-box-shadow: inset 0px 0px 16px -5px #ABABAB;
	-moz-box-shadow: inset 0px 0px 16px -5px #ABABAB;
	-o-box-shadow: inset 0px 0px 16px -5px #ABABAB;
}

.link-logout {
	cursor: pointer;
}

.link-logout:hover {
	text-decoration: none;
}
/****************add css deashboard by sukhbir kumar****************/
.content {
	float: left;
	padding: 5px;
	width: 100%;
	background: #edf0f5;
	margin: 15px 0 10px 0;
}

.mainHeading {
	float: left;
	width: 100%;
}

.mainHeading h1 {
	float: left;
	width: 100%;
	color: #62a646;
	margin: 20px 0 12px 0;
	font-size: 20px;
}

.mainHeading h1 span {
	color: #6a6c6f;
	font-size: 12px;
	display: block;
	margin-top: 5px;
}

.panelLink {
	width: 90%;
	text-align: center;
	margin: auto;
	padding: 0 0 30px;
}

.panelLink2 {
	width: 100%;
}

.panelLink>li,.edmpanelLink>li {
	display: inline-block;
	margin: 0 4.4% 0 0;
	vertical-align: top;
	width: 162px;
}

.panelLink>li>a {
	background: #fff;
	border-radius: 50%;
	text-align: center;
	float: left;
	width: 100%;
	padding: 110px 0 10px;
	border: 1px solid #e5e6e8;
	text-decoration: none;
	transition: all 0.3s ease 0s;
	position: relative;
}

.panelLink>li>a:hover {
	border-radius: inherit;
	border: 1px solid #d9dadc;
}

.panelLink>li>a:hover strong {
	color: #30a7df;
	text-decoration: underline;
}

.panelLink>li>a>strong {
	display: block;
	font-size: 12px;
	color: #6a6c6f;
	text-transform: uppercase;
	height: 40px;
	line-height: 18px;
	overflow: hidden;
}

.panelLink>li>a span {
	background: url('images/sprite.png') left top no-repeat;
	display: block;
	height: 58px;
	left: 0;
	margin: auto;
	position: absolute;
	right: 0;
	top: 35px;
	width: 58px;
}

.panelLink>li>a span.edm {
	background-position: left top;
}

.panelLink>li>a span.crm {
	background-position: -64px top;
	width: 73px;
}

.panelLink>li>a span.oms {
	background-position: -143px top;
	width: 63px;
	height: 60px;
}

.panelLink>li>a span.vendor {
	background-position: -209px top;
	width: 78px;
}

.panelLink>li>a span.customerSer {
	background-position: -288px top;
	height: 60px;
}

.panelLink>li>a span.feed {
	background-position: -351px top;
	width: 50px;
}

.panelLink>li>a span.tvs {
	background-position: -409px top;
	height: 60px;
	width: 60px;
}

.panelLink>li>a span.cms {
	background-position: left -64px;
	height: 63px;
}

.panelLink>li>a span.cataLog {
	background-position: -64px -64px;
	height: 59px;
}

.panelLink>li>a span.cataGry {
	background-position: -136px -64px;
	height: 61px;
}

.panelLink>li>a span.boutQ {
	background-position: -197px -64px;
	height: 66px;
}

.panelLink>li>a span.prodC {
	background-position: -263px -64px;
	height: 67px;
	width: 80px;
}

.panelLink>li>a span.promoT {
	background-position: -349px -64px;
	height: 67px;
	width: 89px;
}

.panelLink>li>a span.store {
	background-position: -440px -64px;
	height: 60px;
	width: 61px;
}

.panelLink>li>a span.promoMod {
	background-position: left -136px;
	height: 70px;
	width: 70px;
}

.panelLink>li>a span.mast {
	background-position: -78px -136px;
	height: 64px;
	width: 70px;
}

.panelLink>li>a span.mailCon {
	background-position: -151px -136px;
	height: 63px;
	width: 85px;
}

.panelLink>li>a span.misc {
	background-position: -246px -136px;
	height: 64px;
	width: 82px;
}

.panelLink>li>a span.secur {
	background-position: -343px -136px;
	height: 65px;
	width: 56px;
}

.panelLink>li>a span.brand {
	background-position: -404px -136px;
	height: 64px;
	width: 68px;
}

.panelLink>li>a span.approvalPr {
	background-position: left -212px;
	height: 58px;
	width: 84px;
}

.panelLink>li>a span.taxMod {
	background-position: -85px -212px;
	height: 73px;
	width: 64px;
}

/*header and nav start*/
.main-header {
	z-index: 1;
	background-color: #fff;
	position: fixed;
	top: 0;
	width: 100%;
	padding: 0;
}

.main-header>.header-container {
	margin: 0;
}

.headertopbg {
	background-image: url("images/headertopbg.jpg");
	background-repeat: repeat-x;
	height: 5px;
}

.icon-bar-cus {
	background-color: #6a6c6f;
}

.navbar-toggle.main-nav-icon .icon-bar+.icon-bar {
	margin-top: 2px;
}

.main-nav-icon {
	display: block;
}

.navbar-toggle.main-nav-icon .icon-bar {
	width: 12px;
}

.main-nav-icon-container {
	border-right: 1px solid #e4e5e7;
	padding: 0;
	width: 4.5%;
	float: left;
}

.main-nav-icon-container1 {
	width: 24px;
	border: 0 none;
}

.main-nav-icon-container1 .navbar-toggle {
	margin-right: 10px;
	padding: 9px 0;
	-webkit-transition: -webkit-transform 0.3s ease-in-out, width 0.3s
		ease-in-out;
	-moz-transition: -moz-transform 0.3s ease-in-out, padding 0.3s
		ease-in-out;
	-o-transition: -o-transform 0.3s ease-in-out, padding 0.3s ease-in-out;
	transition: transform 0.3s ease-in-out, padding 0.3s ease-in-out;
}

.main-nav-icon-container .main-nav-icon {
	margin-top: 14px;
}

.oct-logo-container {
	width: 190px;
	padding-left: 10px;
	float: left;
}

.header-container {
	border-bottom: 1px solid #e4e5e7;
	padding: 5px 0;
}

.userprofile-container {
	display: block;
	float: right;
	width: auto;
	width: 267px;
	overflow: hidden;
	white-space: nowrap;
}

.userprofile-container .user-img-outer {
	float: left;
	padding: 0 10px;
}

.userprofile-container .username {
	color: #62a646;
	float: left;
	font-weight: 500;
	font-size: 15px;
	line-height: 17px;
	margin: 0;
	padding-top: 7px;
	text-overflow: ellipsis;
	overflow: hidden;
	width: 200px;
}
.link-logout{color: #62a646;}

.userprofile-container .username span {
	font-size: 11px;
}

.head-spirit-bg {
	background-image: url("images/head-nav-spirit.png");
	background-repeat: no-repeat;
}

.header-right-section {
	color: #afafaf;
	font-weight: 700;
	font-size: 11px;
	padding-top: 0;
}

.header-right-section ul {
	margin-bottom: 0;
}

.alertimg {
	background-position: -3px 0;
	width: 20px;
}

.header-right-section li div.head-spirit-bg {
	position: relative;
	height: 28px;
	margin: 0 auto;
}

.inbox {
	background-position: -30px 0;
	width: 26px;
}

.logout {
	background-position: -61px 0;
	width: 25px;
}

.header-right-section li div.head-spirit-bg>span {
	background-color: #3498db;
	color: #ffffff;
	height: 15px;
	position: absolute;
	right: -8px;
	text-align: center;
	top: 3px;
	width: 15px;
}

.left-nav-panel-container  .nav  li a {
	color: #6a6c6f;
	padding: 7px 11px;
	font-family: "Roboto", sans-serif;
}

.header-right-section .list-inline>li {
	margin-right: 30px;
}

.left-nav-panel-container {
	width: 180px;
	height: 100%;
}

.left-nav-panel-container {
	line-height: 20px;
	background-color: #fff;
	z-index: 2;
	top: 144px;
	border-right: 1px solid #e4e5e7;
	font-weight: 500;
	font-size: 12px;
	//height: 100%;
	position: fixed;
	width: 180px;
	-webkit-transition: -webkit-transform 0.3s ease-in-out, width 0.3s
		ease-in-out;
	-moz-transition: -moz-transform 0.3s ease-in-out, width 0.3s ease-in-out;
	-o-transition: -o-transform 0.3s ease-in-out, width 0.3s ease-in-out;
	transition: transform 0.3s ease-in-out, width 0.3s ease-in-out;
	overflow: auto;
	height: 630px;
}

.left-nav-panel-container>.nav>li>a {
	color: #666666;
	margin-left: 4px;
}

.nav  li {
	border-bottom: 1px solid #e4e5e7;
}

.main-outer-container {
	background-color: #edf0f5;
	margin-left: 184px;
	/* margin-top: 124px; */
	-webkit-transition: -webkit-transform 0.3s ease-in-out, width 0.3s
		ease-in-out;
	-moz-transition: -moz-transform 0.3s ease-in-out, width 0.3s ease-in-out;
	-o-transition: -o-transform 0.3s ease-in-out, width 0.3s ease-in-out;
	transition: transform 0.3s ease-in-out, width 0.3s ease-in-out;
}

.omsdashboard,.edmdashboard,.userdashboard {
	margin-left: 0px;
}

.nav.horizontalmanu>li {
	position: static;
	float: left;
}

.nav.horizontalmanu>li>a .head-spirit-bg {
	display: block;
	float: left;
	height: 20px;
	margin-right: 6px;
	width: 20px;
}

.nav.horizontalmanu>li>a .home-ico {
	background-position: -94px -7px;
}

.nav.horizontalmanu>li>a .edm-ico {
	background-position: -122px -7px;
}

.nav.horizontalmanu>li>a .crm-ico {
	background-position: -150px -7px;
}

.nav.horizontalmanu>li>a .oms-ico {
	background-position: -178px -7px;
}

.nav.horizontalmanu>li>a .vendor-ico {
	background-position: -203px -7px;
}

.nav.horizontalmanu>li>a .user-ico {
	background-position: -229px -7px;
}

.nav.horizontalmanu>li>a .customer-ico {
	background-position: -254px -7px;
}
.nav.horizontalmanu>li>a .service-ico {
	background-position: -254px -7px;
}

.nav.horizontalmanu>li>a .feed-ico {
	background-position: -279px -7px;
}

.nav.horizontalmanu>li>a .tvs-ico {
	background-position: -308px -7px;
}

.nav.horizontalmanu>li>a .cms-ico {
	background-position: -338px -7px;
}

.nav.horizontalmanu>li>a .master-ico {
	background-position: -338px -7px;
}

.nav.horizontalmanu>li>a .seller {
	background-position: -96px -56px;
	height: 16px;
	margin-top: 3px;
}
/* .nav.horizontalmanu > li:hover > a .crm-ico, .nav.horizontalmanu > li.active > a .crm-ico {background-position: -150px -31px;} */
.nav.horizontalmanu>li:hover>a .vendor-ico,.nav.horizontalmanu>li.active>a .vendor-ico
	{
	background-position: -203px -31px;
}

.nav.horizontalmanu>li:hover>a .customer-ico,.nav.horizontalmanu>li.active>a .customer-ico
	{
	background-position: -254px -31px;
}

.nav.horizontalmanu>li:hover>a .feed-ico,.nav.horizontalmanu>li.active>a .feed-ico
	{
	background-position: -279px -31px;
}

.nav.horizontalmanu>li:hover>a .tvs-ico,.nav.horizontalmanu>li.active>a .tvs-ico
	{
	background-position: -308px -7px;
}

.nav.horizontalmanu>li:hover>a .cms-ico,.nav.horizontalmanu>li.active>a .cms-ico
	{
	background-position: -338px -29px;
}

.left-nav-panel-container>.nav>li:hover>ul.secondlevel,.left-nav-panel-container>.nav>li>ul.secondlevel li:hover>ul.thirdlevel
	{
	width: 180px;
	overflow: visible;
	border: 1px solid #e4e5e7;
}

.left-nav-panel-container  .nav  li:hover>a {
	background-color: #f0f5f9;
	color: #c36dad;
}

.left-nav-panel-container  .nav  li {
	cursor: pointer;
}

.left-nav-panel-container  .nav  li>ul.secondlevel {
	min-height: 411px;
}

.left-nav-panel-container  .nav  li>ul.secondlevel,.left-nav-panel-container>.nav li>ul.thirdlevel
	{
	background-color: #ffffff;
	overflow: hidden;
	position: absolute;
	width: 0;
	left: 100%;
	border: 0 none;
	top: -1px;
	-webkit-transition: width 300ms ease-in-out;
	-moz-transition: width 300ms ease-in-out;
	-ms-transition: width 300ms ease-in-out;
	-o-transition: width 300ms ease-in-out;
	transition: width 300ms ease-in-out;
}

.left-nav-panel-container .nav li a .glyphicon.glyphicon-menu-right {
	font-size: 9px;
	line-height: 31px;
	position: absolute;
	right: 6px;
	color: #9fa0a2;
}

.menu-body-active .left-nav-panel-container>.nav>li>a>.glyphicon.glyphicon-menu-right
	{
	display: none;
}

.menu-body-active .left-nav-panel-container>.nav>li>a {
	font-size: 0px
}

.menu-body-active .left-nav-panel-container,.menu-body-active .oct-logo-container
	{
	width: 44px;
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0);
}

.menu-body-active .oct-logo-container {
	padding-left: 0;
}

.menu-body-active .main-outer-container {
	margin-left: 44px
}

.menu-body-active .main-nav-icon-container1 .navbar-toggle {
	padding-right: 4px;
}

.main-footer {
	height: 39px;
	text-align: center;
	color: #6a6c6f;
	line-height: 39px;
	font-size: 11px;
	clear: both;
	/* background-color: #fff; */
}

.main-footer p {
	margin: 0;
}
/****************header and nav ends****************/

/****************add css Main body by Supriya Bandabe****************/
.contentHead {
	background: #ffffff;
	padding: 1%;
	margin: 0px;
	border: 1px solid #e4e5e7;
}

.contentHead_right {
	float: right;
}

.contHead_btn54 {
	padding: 0.6% 2.2%;
	margin: 0 10px 0 0;
	width: auto;
	font-size: 12px;
	border-color: #e4e5e7;
	background: url(images/inputBg.gif) left top repeat-x;
	height: 28px;
	font-weight: normal;
	color: #666666;
}

.contHead_btn64 {
	padding: 1.2% 14px;
	font-weight: normal;
	font-size: 12px;
	margin: 0px;
	width: auto;
	border-color: #e4e5e7;
	-webkit-border-top-right-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 0px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	background: url(images/inputBg.gif) left top repeat-x;
	height: 28px;
	color: #666666;
}

.contHead_btn93 {
	padding: 1.2% 14px;
	margin: 0px;
	font-weight: normal;
	font-size: 12px;
	width: auto;
	border-color: #e4e5e7;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-left-radius: 0px;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-bottomleft: 0px;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	border-left: 0px;
	background: url(images/inputBg.gif) left top repeat-x;
	height: 28px;
	color: #666666;
}

.contentHead span {
	margin: 5px 13px 0px;
	padding: 0px;
}

.contentMain {
	background: #ffffff;
	padding: 3px 0.9% 10px;
	margin: 3px 0 0;
	border: 1px solid #e4e5e7;
}
.inner-container .contentMain {border:none;}

.contentMain .input_txt {
	margin: 8px 0 18px;
}

.contentMain .input_txt_last {
	margin: 0px !important;
}

.contentMain .form-control-text {
	height: 32px;
	width: 90%;
}

.contentMain .form-control {
	box-shadow: none;
	border-radius: 2px;
}

.spn_txt14 {
	font-weight: normal;
	font-size: 13px;
	color: #666666;
	margin: 0px;
	font-weight: 500;
}

.spn_txt12 {
	font-size: 12px;
	color: #666666;
}

.txt-red {
	color: #ff0000;
}

.txt-blue {
	color: #3a9bdc !important;
}

.txt-black {
	color: #282828 !important;
}

.index_div {
	margin: 14px 0px 0px;
	padding: 0px 0.9%;
}

.contentMain .selct {
	margin-right: 10px;
}

.vresize {
	resize: vertical;
}

.contentHead_bottom {
	margin: 10px 0 10px !important;
}

.contentMain select[multiple],select[size] {
	border: 1px solid #cccccc;
	border-radius: 2px;
	color: #555555;
	font-size: 12px;
	height: 118px;
	width: 90%;
}

.topbuttons .actionbtnactive {
	background-color: #1495ce;
	background-image: none;
	color: #fff;
	transition: all 0.4s ease-in-out 0s;
	border: 1px solid #1495ce;
}

/* #createForm input[type="submit"],#createForm input[type="reset"],#createForm input[type="submit"],#createForm input[type="reset"],#search-pannel input[type="submit"],#search-pannel input[type="reset"],#search-pannel input[type="submit"],#search-pannel input[type="reset"]
	{
	background-color: #1495ce#5fb9b0;
	background-image: none;
	color: #ffffff;
	border: 1px solid #5fb9b0;
} */

/* .topbuttons .actionbtnactive:hover,.topbuttons .btnwidth:hover,button,html input[type="button"]:hover,input[type="reset"]:hover,input[type="submit"]:hover
	{
	background-color: #fff;
	color: #5fb9b0;
} coz all buttons bg hide on hover */

#createForm input[type="submit"]:hover,#createForm input[type="reset"]:hover,#createForm input[type="submit"]:focus,#createForm input[type="reset"]:focus,#search-pannel input[type="submit"]:hover,#search-pannel input[type="reset"]:hover,#search-pannel input[type="submit"]:focus,#search-pannel input[type="reset"]:focus
	{
	background-color: #fff;
	color: #5fb9b0;
}

/****************add css Web User by sagar satre ****************/
.fright: {
	float: right;
}

.datatabletext {
	font-weight: normal;
	padding: 8px 10px 0 10px;
}

.buttondiv {
	border: 1px solid hsl(220, 6%, 90%);
	padding: 3px 15px;
	margin: 10px 0;
}

.btnwidth {
	border-color: hsl(220, 6%, 90%);
	font-weight: 500;
	/* font-size: 12px; */
	padding: 6px 15px;
	margin: 0 3.4px;
	background: url(images/inputBg.gif) left top repeat-x;
	transition: all 0.4s ease-in-out 0s;
}
.btn-sep{margin-top: 10px;}

.btnwidth:hover {
	background: url(images/inputBg.gif) left top repeat-x;
}

.search_txt {
	font-size: 18px;
	font-weight: normal;
	padding: 0 0 14px;
}

.span_reg {
	
}

.topbuttons {
	background: hsl(0, 0%, 100%) none repeat scroll 0 0;
	border: 1px solid hsl(220, 6%, 90%);
	margin: 0;
	padding: 10px 15px 5px 5px;
}

.row_margin0 .table-responsive th {
	background: url(images/inputBg.gif) left top repeat-x;
	border-bottom-width: 1px;
	height: 32px;
	vertical-align: middle;
}

#Imageinfo .table-responsive th,#Vdoinfo .table-responsive th,#Attributeinfo .table-responsive th
	{
	background: url(images/inputBg.gif) left top repeat-x;
	vertical-align: middle;
}

.row_margin0 .table-responsive table tr td a {
	text-decoration: underline;
}
.Create.btn-default {
    background-color: #62a646 !important;
    color: #fff;
}
.Create.btn-default:hover {
    border:1px solid #62a646;
    background-color:#fff!important;
    color: #62a646;
}
.Create.btnwidth, .Create.contHead_btn54 {
    background:none;
}

h1.header {
	color: #62a646;
	font-size: 18px;
}

h2.subheader {
	border-bottom: 1px dashed;
	color: #6a6c6f;
	font-size: 18px;
	font-weight: 600;
	line-height: 30px;
	margin: 0 1% 10px;
	padding: 0;
}
/****************end css Web User by sagar satre ****************/
/********* editpopup *******/
#editForm {
	position: relative;
}

.closeedit {
	background-image: url("images/close.png");
	background-repeat: no-repeat;
	height: 18px;
	position: absolute;
	right: 0;
	top: -10px;
	width: 18px;
}

.dispnone {
	display: none;
}

.dispblk {
	display: block;
}

.error,.errorLClass {
	color: red;
	font-size: 12px;
}

.redstar {
	color: red;
	font-size: 14px;
	float: right;
	position: absolute;
	top: 0;
	line-height: 1;
}

.role-def-selection ul {
	list-style: none;
}

.role-def-selection ul.topmodule {
	border-bottom: 1px dotted;
	display: block;
	margin-bottom: 15px;
	overflow: hidden;
	padding-bottom: 15px;
	padding-left: 0;
}

.role-def-selection ul label {
	font-weight: 400;
}

button,html input[type="button"],input[type="reset"],input[type="submit"]
	{
	transition: all 0.4s ease-in-out 0s;
}

.role-def-selection input[type="checkbox"] {
	margin-right: 2px;
}

.role-def-selection>div>ul>li>label {
	font-size: 22px;
	color: #63ca31;
}

.role-def-selection>div>ul>li>input {
	height: 17px;
}

.role-def-selection>div>ul>li>ul>li>label {
	font-size: 18px;
	color: #3598db;
}

.radio td {
	padding-right: 20px;
}

.radio {
	margin-top: 0;
}

.radio label {
	line-height: 15px;
}

.showmargin {
	margin-top: 12px;
}

input[type="file"] {
	border: 1px solid #cccccc;
	height: auto !important;
	width: 100%;
}

.paymentGateway {
	width: 90%;
	border: 1px solid #cccccc;
	border-radius: 2px;
	color: #555555;
	display: block;
	font-size: 12px;
	height: 118px;
	overflow: auto;
}

.paymentGateway tr td {
	padding: 0 5px;
}
/* .col-md-2.text-right {line-height: 30px;} */
/* .col-md-4.text-right {
	line-height: 30px;
} */

/*#searchCriteria	.col-md-4 {
	line-height: 30px;
}*/
/* #searchCriteria .col-md-4 .radio input { margin-top: 9px; } */
.horizontalmanu {
	position: relative;
	background-color: #62a646;
}

.horizontalmanu>li {
	display: inline-block;
	position: static;
}

.horizontalmanu>li>.secondlevel,.horizontalmanu>li>.secondlevel .thirdlevel
	{
	display: none;
}

.horizontalmanu>li>.secondlevel {
	width: 100%;
	position: absolute;
	background-color:/*  #4d4d4d */#5fb9b0;
	right: 0;
	left: 0;
	display: block;
	padding-left: 10px;
}

.horizontalmanu>li>.secondlevel>li {
	display: inline-block;
	border-bottom: 0 none;
}

.horizontalmanu>li>.secondlevel>li>a {
	border-right: 1px dotted #f1f2f3;
	font-weight: 500;
	color: #fff;
	font-size: 11px;
	line-height: 14px;
	margin: 6px 0;
	padding: 0 12px;
}

.horizontalmanu>li>a {
	border-right: 1px solid #fff;
	color: #ffffff;
	font-weight: 700;
	font-size: 12px;
	line-height: 21px;
	padding: 10px 18px;
}

.horizontalmanu>li:hover>a,.horizontalmanu>li.active>a {
	background-color: #5fb9b0;
	color: #ffffff;
}
/* .horizontalmanu >li:hover > .secondlevel{display: block;} */
.horizontalmanu>li>.secondlevel>li:hover>.thirdlevel {
	display: block;
}

.secondlevel>li.active {
	
}

.row.input_txt .col-md-4 {
	position: relative;
}

.row.input_txt .col-md-4 span.error {
	bottom: -18px;
	position: absolute;
	left: 15px;
	font-size: 12px;
}

.content.edmdcontent {
	width: 99%;
}

.left-nav-panel-container h2 {
	background-color: /* #1495ce */#62a646;
	color: #ffffff;
	font-size: 15px;
	margin: 0;
	padding: 10px 5px 10px 17px;
}

.ui-datepicker {
	z-index: 888888 !important;
}

.edate,.sdate,.cesdate,.ceedate,.ymdsd,.ceymdsd,.ymded,.ceymded,.ymdBD {
	width: 165px;
	text-indent: 13px;
	background-image: url("images/calender-ico.png");
	background-position: 96% 4px;
	background-repeat: no-repeat;
	border: 1px solid #cccccc;
	padding: 6px 0;
	cursor: pointer;
}

.secondlevel>li.active .submodule-link {
	background-color: #62a646;
	border-radius: 8px;
	color: #fff;
	font-weight: 600;
	padding: 2px 9px;
}

#Iteminfo .centerTD {
	width: 28%;
	display: block;
	float: left;
}

#Iteminfo .reportColumn1 .centerTD:last-child,#Iteminfo .reportColumn2 .centerTD:last-child
	{
	width: 11%;
}

#Iteminfo .wid80,#Iteminfo .wid100 {
	width: 80%;
}

#Imageinfo input.form-control[type="file"] {
	width: 220px;
}

#Iteminfo select[multiple],select[size] {
	width: 80%;
}

#Imageinfo select,#Vdoinfo select,#Attributeinfo select {
	width: auto;
}

.hasDatepicker {
	background-image: url("images/calender-ico.png");
	background-position: right 1px center;
	background-repeat: no-repeat;
	border: 1px solid #cccccc;
	padding: 3px 0;
}

.omspanelLink {
	width: 90%;
	text-align: center;
	margin: auto;
}

.omspanelLink2 {
	width: 48%;
	float: left;
}

.omspanelLink>li {
	display: inline-block;
	display: inline-block;
	margin: 30px 4.4% 0 0;
	width: 100%;
	background: #fff none repeat scroll 0 0;
	border: 1px solid #d9dadc;
	border-radius: inherit;
}

.omspanelLink>li>a {
	background: #fff;
	border-radius: 50%;
	text-align: center;
	float: left;
	width: 100%;
	padding: 110px 0 10px;
	border: 1px solid #e5e6e8;
	text-decoration: none;
	transition: all 0.3s ease 0s;
	position: relative;
}

.omspanelLink>li>span>strong {
	display: block;
	font-size: 12px;
	color: #6a6c6f;
	text-transform: uppercase;
	height: 30px;
	overflow: hidden;
	text-align: left;
	text-indent: 7%;
}

.omspanelLink>li span {
	
}

.omspanelLink>li>ul {
	margin-left: 0px;
}

.omspanelLink>li>ul>li {
	display: inline-block;
	float: left;
	line-height: 40px;
	width: 92%;
	text-decoration: none;
}

.omspanelLink>li>ul>li a {
	float: left;
	text-align: left;
	width: 100%;
	text-decoration: none;
}

.edmpanelLink {
	width: 90%;
	text-align: center;
	margin: auto;
}

.edmpanelLink2 {
	width: 100%;
	float: left;
}

.squeroueter {
	display: inline-block;
	margin: 30px 4.4% 0 0;
	width: 200px;
	background: #fff none repeat scroll 0 0;
	border: 1px solid #d9dadc;
	border-radius: 30px;
	transition: all 0.3s ease 0s;
}

.squeroueter:hover {
	border-radius: 0px;
}

.edmpanelLink>li>.squeroueter>span>strong,.squeroueter>a {
	color: #6a6c6f;
	display: block;
	font-weight: 700;
	font-size: 12px;
	height: 30px;
	overflow: hidden;
	margin: 10px 0 0 25px;
	text-align: left;
	text-indent: 8%;
	text-transform: uppercase;
}

.squeroueter>a:hover {
	text-decoration: none;
}

.edmpanelLink>li>ul {
	margin-left: 0px;
}

.squeroueter>ul {
	list-style: none;
}

.edmpanelLink>li>ul>li,.squeroueter>ul>li {
	display: inline-block;
	float: left;
	line-height: 40px;
	width: 100%;
}

.edmpanelLink>li>ul>li a,.squeroueter>ul>li a {
	float: left;
	text-align: left;
	width: 100%;
}

.edmpanelLink>li>ul>li a span,.squeroueter>ul>li a span {
	float: right;
	margin-right: 15%;
}

.orderno {
	text-decoration: none !important;
	color: #3497DA;
}

a.inactivelink {
	opacity: 0.5;
}

.lBg {
	background: #f7f6f6 none repeat scroll 0 0;
	line-height: 20px !important;
	padding-right: 5px;
}

.omsRow {
	margin: 0 0 12px;
}

.userOrdersLinks,.changeStatusLinks {
	font-size: 12px;
	text-decoration: none;
	cursor: pointer;
	color: #359ddc;
}

.edmdashboard {
	overflow: hidden;
}

.leftpaneledm {
	width: 81%;
}

.rightpaneledm {
	padding: 0;
	margin: 0;
	width: 19%;
	text-align: left;
}

.edmDashhead {
	position: relative;
}

.edmDashRefresh {
	background-image: url("images/refresh-icon.png");
	background-repeat: no-repeat;
	color: #337ab7;
	font-size: 15px;
	line-height: 21px;
	position: absolute;
	right: 13%;
	text-indent: 27px;
	top: 14px;
}

.omspanelLink>li span.omslefttxt {
	display: inline-block;
	width: 65%;
}

.custombtn {
	padding-left: 2.2%;
}

.left-nav-panel-container .nav li.active a {
	color: #62a646;
}

.squeroueter {
	
}

.nav-tabs>li.active>a {
	background-color: #f2f4f8;
}

.nav-tabs>li>a {
	background-color: #F2F4F8;
}

.reportColumn1 {
	background-color: #f5f5f5;
}

.reportColumn2 {
	background-color: #F2F4F8;
}
.report-img img {
    width: 50px;
}
.table-hover>tbody>tr:hover {
	/* background-color: #c8c9cc; */
	background-color: rgba(240, 115, 21, 0.2);
}
/* .productCreatOuter .nav-tabs > li.active > a:focus{ background-color:#c8c9cc;border:0 none; outline:0 none;} */
.productCreatOuter #Iteminfo table tr {
	padding: 0px 2%;
	display: block;
	overflow: hidden;
	border-bottom: 15px solid #ffffff;
}

.productCreatOuter #Iteminfo table tr td {
	border: 0 none;
}

.productCreatOuter #Iteminfo table tr td span {
	color: #666666;
	font-size: 14px;
	font-weight: 400;
	margin: 8px 0 3px;
	padding: 0px !important;
	line-height: 25px;
	position: relative;
}

.productCreatOuter #Iteminfo table tr td input[type="text"] {
	width: 80%;
	border: 1px solid #cccccc;
	padding: 4px 10px;
}

.productCreatOuter .centerTD input[type="checkbox"] {
	margin: 12px 12px 0 4px;
}

.productCreatOuter #Iteminfo .reportColumn1 .centerTD:last-child,.productCreatOuter #Iteminfo .reportColumn2 .centerTD:last-child
	{
	width: 16%;
}

#Imageinfo table tr {
	border-bottom: 1px solid #dddddd;
}

#Imageinfo .table>thead>tr>th,#Attributeinfo .table>thead>tr>th,#Vdoinfo .table>thead>tr>th
	{
	color: #6a6c6f;
	font-weight: 700;
	font-size: 15px;
	font-weight: 400;
	line-height: 13px;
	vertical-align: middle;
}

#Imageinfo .table>thead>tr>th,#Imageinfo table tr td {
	border: 0 none;
}

#Imageinfo table tr td,#Attributeinfo table tr td {
	padding: 15px 8px;
}

#Imageinfo table tr td input[type="text"],#Attributeinfo table tr td input[type="text"]
	{
	border: 1px solid #cccccc;
	padding: 4px 10px;
}

#Imageinfo table tr td input[type="file"] {
	padding: 0px;
}

#Attributeinfo table tr td:first-child {
	width: 21%;
}

#Attributeinfo .table>thead>tr>th {
	padding: 12px 8px;
	border: 0 none;
}

.rmItmrow {
	display: none;
	margin-top: 25px !important;
	float: left;
	cursor: pointer;
	text-decoration: none;
	color: #43a7ea !important;
}

.nav-tabs>li.nvtbactive>a {
	background-color: #c8c9cc;
}

.nav-tabs>li.clptbactive>a {
	background-color: #c8c9cc;
}

.productCreatOuter #Iteminfo table tr td span.error {
	color: red !important;
}

.productCreatOuter #Iteminfo table tr td span.redstar {
	color: red !important;
	font-size: 20px;
	float: none;
	line-height: 5px;
}

.wid125 {
	width: 125px;
}

.updateStockTable select[multiple],select[size] {
	height: 25px;
	width: 120px;
}

.adminStatusListSelect {
	margin-top: -5px;
}

.height60 {
	height: 60px !important;
}

.height80 {
	height: 80px !important;
}

textarea.form-control {
	height: 60px !important;
}

.crm-left-nav-panel-container {
	width: 285px;
}

.crm-left-nav-panel-container .row {
	margin: 0 0 10px;
}

.crm-left-nav-panel-container .row label {
	padding-left: 2%;
	width: 39%;
	float: left;
}

.crm-left-nav-panel-container .row input[type="text"] {
	float: right;
	margin-right: 2%;
	width: 56%;
}

.crm-left-nav-panel-container .searchBtn {
	float: right;
	margin-left: 10px;
	margin-right: 7px;
	background: #62a646;
	color: #ffffff;
	border: 1px solid #62a646;
}

#crmlead .ldbtn {
	background: #1495ce;
	color: #ffffff;
	border: 1px solid #1495ce;
}

#crmlead .ldrstbtn {
	border: 1px solid #1495ce;
}

.crm-main-outer-container {
	margin-left: 295px;
}

textarea.form-control {
	height: 60px !important;
}

textarea.form-control-50 {
	height: 50px !important;
}

/* .loading {
	display: none;
} */

.overlay {
	background: #000;
	display: none;
	float: left;
	height: 100% !important;
	left: 0;
	opacity: 0.5;
	position: fixed;
	right: 0;
	top: 0;
	width: 100%;
	z-index: 5;
}

.overlay .loaderimg {
	height: 80px;
	left: 0;
	margin: -40px auto 0;
	position: fixed;
	right: 0;
	top: 50%;
	width: 80px;
}

.overlay1 {
	background: #000;
	float: left;
	height: 100% !important;
	left: 0;
	opacity: 0.5;
	position: fixed;
	right: 0;
	top: 0;
	width: 100%;
	z-index: 5;
}

.commonOverlay {
	background: #000;
	float: left;
	height: 100% !important;
	left: 0;
	opacity: 0.5;
	position: fixed;
	right: 0;
	top: 0;
	width: 100%;
	z-index: 6;
}
/*login page*/
.body-login {
	/* background: #62a646; */
	background: url(/media/common/images/loginBg.jpg) center no-repeat; 
	background-size: cover;
	width: 100%;
	padding:0;
}

a.logo {
	display: block;
	width: 100%;
	padding: 10px 0;
}

.body-sign {
	display: table;
	height: 100vh;
	margin: 0 auto; /* max-width: 500px; */
	padding: 0 15px;
	width: 500px;
}

.body-sign .center-sign {
	display: table-cell;
	padding-top: 20px;
	vertical-align: middle;
}

.body-sign .panel-sign .panel-body {
	border-top: 1px dashed #DA151E;
	background: #FFF;
	padding: 33px 33px 15px;
}

.body-sign .panel-sign .panel-title-sign .title {
	background-color: #fff;
	border-radius: 5px 5px 0 0;
	display: inline-block;
	vertical-align: bottom;
	margin: 0 auto;
	width: 100%;
}

.body-sign .panel-sign .error_mass {
	float: left;
	width: 100%;
}

.body-sign .panel-sign .error_mass ul {
	margin: 0 0 15px;
	padding: 0;
}

.body-sign .panel-sign .error_mass ul li {
	color: #ff0000;
	list-style: none;
}

.login-btn-text {
	text-align: center;
	background: #DA151E;
	font-weight: bold;
	font-size: 12px;
	color: #fff;
	text-transform: uppercase;
	border: 1px solid #DA151E;
}

.login-password-change {
	margin-bottom: 50px
}

.login-password-change a {
	color: #613F99;
}

.login-password-change a.left {
	float: left
}

.login-password-change a.right {
	float: right
}

.copyright-text {
	clear: left;
	text-align: center;
	font-size: 12px
}

.border-box-top {
	border: 1px solid rgb(0, 102, 42);
	margin: 10px 0 10px 0;
	padding: 0 1%;
}

.highlight-title {
	background-color: rgb(0, 102, 42);
	color: rgb(255, 255, 255);
	padding: 10px;
	text-align: center;
	font-size: 13px;
}

.dl-no-search .form-control-text {
	height: 34px;
	width: 100%;
}

.label.internal-label {
	color: #000;
}

.internal-label.label-default {
	background-color: #d3d3d3
}

.bg-head {
	background-color: #d3d3d3;
	text-transform: uppercase;
	padding: 0;
	margin-right: 7px
}

.bg-head,bg1,bg2,h4 {
	margin-top: 5px;
	margin-bottom: 5px;
}

.bg1 input.form-control {
	height: 30px !important;
}

.bg1 {
	background-color: #fff;
	border: 1px solid #ccc;
	text-transform: uppercase;
	padding: 0;
	margin-right: 7px
}

.bg2 {
	background-color: #f1e4e4;
	text-transform: uppercase;
	padding: 0;
	margin-right: 7px
}

.border-box-div {
	border: 1px solid rgb(0, 102, 42);
	margin-left: 1px;
	margin-bottom: 10px;
}

.box-padding {
	padding-top: 20px;
}

.box-margin-left {
	margin-left: 10px;
}

.border-box-div-right {
	border: 1px solid rgb(0, 102, 42);
	margin-right: 1px;
	margin-left: 0px;
	margin-bottom: 10px;
}

.width100 {
	width: 100px;
}

.dev-orderid-link {
	cursor: pointer;
}

.paymentGroup {
	width: 294px;
	background: #c1c1c1;
}

.paymentMode {
	padding: 0px 20px !important;
	background: #f5f5f5;
}

h2.subheader.accordianHeading {
	cursor: pointer;
	margin: 0;
	padding: 5px 0;
	position: relative;
	float: left;
	width: 98%;
}

h2.subheader.accordianHeading.show {
	color: #00662a;
}

h2.subheader.accordianHeading::after {
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	border-left: 8px solid #d4d4d4;
	content: "";
	height: 0;
	position: absolute;
	right: 26px;
	top: 13px;
	width: 0;
}

h2.subheader.accordianHeading.show::after {
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: 8px solid #00662A;
	content: "";
	height: 0;
	position: absolute;
	right: 24px;
	top: 18px;
	width: 0;
}

.accordian {
	float: left;
	width: 100%;
	display: none;
	padding: 10px 0 0 0;
}

.accordian.show {
	display: block;
}

.mouse {
	cursor: pointer;
}

.mouse:hover {
	text-decoration: none;
	color: #1495ce;
}

#gtnpopup {
	background: #fff none repeat scroll 0 0;
	border: 1px solid rgb(0, 102, 42);
	opacity: 1;
	position: fixed;
	right: 26%;
	top: 300px;
	width: 50%;
	z-index: 99999;
}

#grngtnerrpopup {
	background: #fff none repeat scroll 0 0;
	border: 1px solid rgb(0, 102, 42);
	opacity: 1;
	position: fixed;
	right: 26%;
	top: 300px;
	width: 50%;
	z-index: 99999;
}

.gtnclose {
	margin: 3px 20px 0 0;
}

.overlaygtn {
	background: #000 none repeat scroll 0 0;
	display: none;
	float: left;
	height: 100% !important;
	left: 0;
	opacity: 0.5;
	position: fixed;
	right: 0;
	top: 0;
	width: 100%;
	z-index: 99999;
}

.tableScroll {
	overflow: auto;
	min-width: 718px;
}

.width80 {
	width: 80px;
}

.mR7 {
	margin-right: 7px;
}

.contentMain .form-control-text.wdth100 {
	width: 100%;
}

.nopadding {
	padding: 0;
}

.orderRefreshh {
	background-image: url("images/refresh-icon.png");
	background-repeat: no-repeat;
	color: #337ab7;
	font-size: 15px;
	line-height: 21px;
	position: absolute;
	right: 13%;
	text-indent: 27px;
	top: 5px;
	cursor: pointer;
}

#commonerrorpopup {
	background: #fff none repeat scroll 0 0;
	border: 1px solid rgb(0, 102, 42);
	opacity: 1;
	position: fixed;
	right: 26%;
	top: 300px;
	width: 50%;
	z-index: 99999;
}

.commonclose {
	margin: 3px 20px 0 0;
}

.commonoverlay {
	background: #000 none repeat scroll 0 0;
	display: none;
	float: left;
	height: 100% !important;
	left: 0;
	opacity: 0.5;
	position: fixed;
	right: 0;
	top: 0;
	width: 100%;
	z-index: 99999;
}

.fileUploadInputOms {
	border: 0px solid #cccccc !important;
}

.crmsale .serach-box {
	position: relative;
	background: #c8c9cc none repeat scroll 0% 0%;
	border-radius: 5px;
	padding: 10px 0;
}

.crmsale .tvchanel {
	display: inline-block;
}

.crmsale .tvchanel ul {
	list-style-type: none;
	padding-left: 0;
}

.crmsale .tvchanel li {
	cursor: pointer;
	margin: 0 4px;
	color: black;
	float: left;
	padding: 8px 16px;
	text-decoration: none;
	transition: background-color .3s;
	border: 1px solid #ddd;
}

.crmsale .tvchanel li:first-child {
	float: left;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	background: #62a646;
	padding:  0 10px 4px  10px;
	color: #fff;
	font-size: 20px;
}

.crmsale .tvchanel li:last-child {
	float: ritht;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	background: #62a646;
	padding:  0 10px 4px 10px;
	color: #fff;
	font-size: 20px;
}

.crmsale .tvchanel li.active {
	background-color: #62a646;
	color: white;
	border: 1px solid #62a646;
}

.crmsale .tvchanel li:hover:not (.active ) {
	background-color: #ddd;
}

.row_margin-botm-0 {
	margin: 8px 0 0 !important
}

.row_margin-botm-top-0 {
	margin: 0 !important
}

.crm-left-nav-panel-container-divider {
	width: 15px;
	background-color: #ececec;
	border-right: 1px solid #e4e5e7;
	font-size: 16px;
	font-weight: 500;
	height: 100%;
	line-height: 20px;
	overflow: auto;
	position: fixed;
	top: 140px;
	transition: transform 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s;
	margin-left: 285px;
	cursor: pointer;
}

.crm-left-nav-panel-container-divider .dev-flip {
	cursor: pointer;
	height: 100%;
	width: 15px;
	padding-top: 300px;
	padding-left: 4px;
}

#crm-prod-tbl .mail-btn,.refresh-btn,.addtocart-btn {
	width: 32px;
	height: 30px;
	float: left;
	margin-right: 5px;
	cursor: pointer;
	transition: 0.4s;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-o-transition: 0.4s;
}

.mail-btn {
	background-image: url('images/sprite-bg.png');
	background-position: -2px -3px;
	background-repeat: no-repeat;
}

.refresh-btn {
	background-image: url('images/sprite-bg.png');
	background-position: -36px -3px;
	background-repeat: no-repeat;
}

.addtocart-btn {
	background-image: url('images/sprite-bg.png');
	background-position: -70px -3px;
	background-repeat: no-repeat;
	margin-right: 0px;
}

.catoptions {
	margin-right: 10px;
	width: 138px
}

.cattitle {
	width: 100%;
	display: block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.catoptions .down-arrow {
	cursor: pointer;
	width: 0;
	height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #000;
	position: absolute;
	top: 14px;
	right: 6px;
}

.category-list {
	display: none;
	font-size: 13px;
	position: absolute;
	min-width: 138px;
	left: -1px;
	top: 26px;
	background: #fff;
	order: 1px solid rgb(230, 225, 225);
	box-sizing: border-box;
	border-radius: 0px 0px 5px 5px;
	padding: 3px;
	z-index: 1;
}

.category-list ul {
	list-style: none;
	padding-left: 5px;
}

.category-list ul li {
	border-bottom: 1px dotted rgb(230, 225, 225);
	padding: 3px 5px;
	cursor: pointer
}

.catoptions {
	cursor: pointer;
	margin-left: 6px;
	position: relative;
	width: 138px;
	border: 1px solid #fff;
	border-radius: 3px;
	padding: 7px 7px;
	background: #fff;
	height: 32px;
}

.cattitle {
	width: 100%;
	display: block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.serach-box input {
	border-radius: 5px !important;
}

.dev-hml-drop-down {
	margin-right: 10px;
	width: 138px;
	cursor: pointer;
	margin-left: 6px;
	position: relative;
	width: 138px;
	border: 1px solid #fff;
	border-radius: 3px;
	padding: 7px 7px;
	background: #fff;
	height: 32px;
}

.dev-hml-drop-down .title {
	width: 100%;
	display: block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	width: 100%;
	display: block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.dev-hml-drop-down .down-arrow {
	cursor: pointer;
	width: 0;
	height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #000;
	position: absolute;
	top: 14px;
	right: 6px;
}

.dev-hml-drop-down .dev-list {
	display: none;
	font-size: 13px;
	position: absolute;
	min-width: 138px;
	left: -1px;
	top: 26px;
	background: #fff;
	order: 1px solid rgb(230, 225, 225);
	box-sizing: border-box;
	border-radius: 0px 0px 5px 5px;
	padding: 3px;
	max-height: 300px;
	overflow-y: scroll;
	z-index: 999999;
}

.dev-hml-drop-down .qty,.size,.color {
	min-width: 70px !important;
}

.dev-hml-drop-down .dev-list ul {
	list-style: none;
	padding-left: 5px;
}

.dev-hml-drop-down .dev-list ul li {
	border-bottom: 1px dotted rgb(230, 225, 225);
	padding: 3px 5px;
	cursor: pointer
}
.dev-hml-drop-down .dev-list ul li:hover{background-color: #ccc;}

/*new cart page css*/
.box-one .form-control {
	width: 100%;
}

.add-prd {
	color: #62a646;
	float: left;
	font-size: 14px;
	font-weight: bold;
	margin: 10px 0;
	text-transform: uppercase;
	text-decoration: underline;
}

.add-prd:hover {
	color: #62a646;
}

.dv-crm-cart-msg {
	color: red;
	float: left;
	font-size: 14px;
	font-weight: bold;
	margin: 10px 0;
}

.prod-desc-row {
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 1px solid #dfdfdf;
}

.prod-desc .thumbImg {
	border: 1px solid #dfdfdf;
	width: 60px;
	height: 60px;
	margin-right: 10px;
}

.prod-desc .thumbImg img {
	width: 100%;
}

.prod-desc .title {
	color: #545454;
	font-size: 14px;
	margin-top: 10px;
}

.prod-val {
	margin-top: 15px;
}

.user-dtl {
	border-top: 1px solid #dfdfdf;
	border-bottom: 1px solid #dfdfdf;
	margin-top: 50px;
}

.user-dtl .border-right {
	border-right: 1px solid #dfdfdf;
}

.user-dtl .box {
	min-height: 280px;
}

.user-dtl h3,.addFields .addTitle {
	color: #1495ce;
	float: left;
	width: 100%;
	font-size: 14px;
	font-weight: bold;
	margin: 10px 0 10px;
	text-transform: uppercase;
}

.price-brkp p.total-amt {
	margin: 20px 0 20px 0;
	border-top: 1px solid #dfdfdf;
	padding-top: 20px;
	font-size: 20px;
}

.price-brkp p {
	float: left;
	width: 100%;
	font-size: 14px;
	color: #242424;
}

.payment-mode .form-inline .form-group {
	padding-top: 8px;
	margin-bottom: 10px;
}

.payment-mode .form-control {
	width: 32%;
	height: 32px;
}

.payment-mode .label-text {
	color: #1495ce;
	font-size: 14px;
	width: 100px;
}

.payment-mode .apply {
	background: #1495ce;
	color: #ffffff;
	float: right;
	font-size: 12px;
	margin-left: 5px;
	margin-top: 1px;
	padding: 7px 5px;
}

.payment-mode .submit-btn {
	background: #1495ce;
	color: #ffffff;
	font-size: 14px;
	margin: 0px 0 0 0;
	border: 1px solid #bb540b;
	padding: 5px 10px;
	border-radius: 3px;
}

.payment-mode .submit-btn:hover {
	background: #1495ce;
	border: 1px solid #ce783b;
	color: #ffffff;
}

.old-add {
	border-radius: 3px;
	float: left;
	width: 100%;
	border: 1px solid #dfdfdf;
	padding: 10px 7px;
	font-size: 12px;
	color: #242424;
	position: relative;
}

.add-edit {
	cursor: pointer;
	background: url("images/edit-icon.png") left top no-repeat;
	width: 20px;
	height: 20px;
	position: absolute;
	right: 0;
	top: 0;
}

.add-checkbox {
	position: absolute;
	right: 0;
	bottom: 5px;
}

.blue {
	background: #1495ce;
	color: #fff;
	font-size: 14px;
	margin-bottom: 5px;
}
.bluetxt{
	background: #1495ce;
	color: #fff;
}
.blue:hover {
	background: #1495ce !important;
	color: #fff !important;
}

.grey {
	background: #c8c8c8;
	color: #fff;
	font-size: 14px;
	margin-bottom: 5px;
}

.grey:hover {
	background: #c8c8c8 !important;
	color: #fff !important;
}

.del {
	cursor: pointer;
	background: url(images/delete.png) 7px 7px no-repeat;
	width: 26px;
	height: 26px;
	display: inline-block
}

.slideDown {
	max-height: 90%;
	min-width: 1024px;
	border-radius: 5px;
	background: #ffffff;
	border: 8px solid rgba(43, 70, 97, 0.3);
	opacity: 1;
	position: fixed;
	top: 64px;
	width: 90%;
	z-index: 10;
	left: 0;
	right: 0;
	margin: auto;
	background-clip: padding-box;
	-webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
	-moz-animation: fadein 1s;
	-ms-animation: fadein 1s;
	-o-animation: fadein 1s;
	animation: fadein 1s;
	overflow-y: auto;
	overflow-x: hidden;
}

.commonPopup {
	max-height: 90%;
	min-width: 1024px;
	border-radius: 5px;
	background: #ffffff;
	border: 8px solid rgba(43, 70, 97, 0.3);
	opacity: 1;
	position: fixed;
	top: 64px;
	width: 90%;
	z-index: 10;
	left: 0;
	right: 0;
	margin: auto;
	background-clip: padding-box;
	-webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
	-moz-animation: fadein 1s;
	-ms-animation: fadein 1s;
	-o-animation: fadein 1s;
	animation: fadein 1s;
	overflow-y: auto;
	overflow-x: hidden;
}

@
keyframes fadein {from { opacity:0.9;
	
}

to {
	opacity: 1;
}

}

/* Firefox < 16 */
@
-moz-keyframes fadein {from { opacity:0.9;
	
}

to {
	opacity: 1;
}

}

/* Safari, Chrome and Opera > 12.1 */
@
-webkit-keyframes fadein {from { opacity:0.9;
	
}

to {
	opacity: 1;
}

}

/* Internet Explorer */
@
-ms-keyframes fadein {from { opacity:0.9;
	
}

to {
	opacity: 1;
}

}

/* Opera < 12.1 */
@
-o-keyframes fadein {from { opacity:0.9;
	
}

to {
	opacity: 1;
}

}
/*popup code*/
.crm-pop  .form-control {
	width: auto;
}

.crm-pop {
	padding: 10px;
	position: relative;
}

.close-btn {
	filter: alpha(opacity = 20);
	opacity: .2;
	cursor: pointer;
	font-size: 19px;
	position: absolute;
	right: 24px;
	text-align: center;
	top: 7px;
	z-index: 999;
	font-family: Verdana, sans-serif;
	font-weight: 700;
	background: red;
	border-radius: 100%;
	height: 30px;
	width: 30px;
	color: #fff;
}

.close-btn:hover {
	filter: alpha(opacity = 100);
	opacity: 1;
}

.crm-close-btn {
	filter: alpha(opacity = 20);
	opacity: .2;
	cursor: pointer;
	font-size: 19px;
	position: absolute;
	right: 24px;
	text-align: center;
	top: 7px;
	z-index: 999;
	font-family: Verdana, sans-serif;
	font-weight: 700;
}

.crm-close-btn:hover {
	filter: alpha(opacity = 100);
	opacity: 1;
}

.crm-pop .descript {
	margin: 0 0 5px 0;
	font-size: 22px;
}

.crm-pop .p-img {
	min-width: 150px;
	max-width: 250px;
}

.crm-pop .p-img img {
	min-width: 150px !important;
	border: 1px solid #dfe0e2;
	width: 100%;
	margin-bottom: 10px;
}

.thank-space {
	margin-top: 50px;
}

.thank-text {
	color: #337ab7;
	font-size: 18px;
}

.thank-text .text-line {
	text-decoration: underline;
}

.update-btn {
	margin-right: 46px;
}

.productslst .options {
	margin-right: 0px;
	width: 138px
}

.productslst .title {
	display: block;
	width: 100%;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.productslst .options .down-arrow {
	cursor: pointer;
	width: 0;
	height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #000;
	position: absolute;
	top: 14px;
	right: 6px;
}

.productslst .list {
	display: none;
	font-size: 13px;
	position: absolute;
	min-width: 50px;
	left: -1px;
	top: 26px;
	background: #fff;
	order: 1px solid rgb(230, 225, 225);
	box-sizing: border-box;
	border-radius: 0px 0px 5px 5px;
	padding: 3px;
	z-index: 1;
}

.productslst .list ul {
	list-style: none;
	padding-left: 5px;
}

.productslst .list ul li {
	border-bottom: 1px dotted rgb(230, 225, 225);
	padding: 3px 5px;
	cursor: pointer
}

.productslst .options {
	cursor: pointer;
	margin-left: 0px;
	position: relative;
	width: 50px;
	border: 1px solid #000;
	border-radius: 3px;
	padding: 7px 7px;
	background: #fff;
	height: 32px;
}

.productslst .title {
	width: 100%;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.productslst .pdtls {
	width: 18%;
}

.productslst .shwdtls {
	width: 12%;
}

.productslst .icon {
	width: 10%;
}

.dev-cart .form-control {
	height: 28px;
}

.dev-caller-city {
	text-decoration: none;
}

.oct-logo-container {
	float: left;
	padding-left: 10px;
	width: 190px;
	padding-top: 3px;
}

.caller-profile-container {
	float: left;
	padding-left: 10px;
	width: 35%;
}

.caller-profile-container {
	margin-top: 20px
}

.caller-profile-container .dev-caller-city {
	text-decoration: underline;
	color: #337ab7;
	font-weight: bold;
	cursor: pointer;
	margin-left: 10px
}

.caller-profile-container .dev-caller-pin {
	text-decoration: underline;
	color: #337ab7;
	font-weight: bold;
	cursor: pointer;
}

.dev-caller-name {
	color: #337ab7
}

.crm-pop-resp-body,.crmvlderr {
	color: red;
}

.pin-serv {
	position: absolute;
	top: 10px;
	right: 90px;
	text-align: center;
}

.ad-cart-btn {
	transition: all 0.5s;
	cursor: pointer;
	margin: 0 auto;
	text-align: center;
	float: right;
	background: #ff7800;
	height: 32px;
	width: 115px;
	font-size: 15px;
	color: #fff;
	border: 1px solid #ad5404;
	padding: 5px;
	border-radius: 3px;
}

.ad-cart-btn span {
	cursor: pointer;
	display: inline-block;
	position: relative;
	transition: 0.5s;
}

.ad-cart-btn span:after {
	content: '\00bb';
	position: absolute;
	opacity: 0;
	top: 0;
	right: -20px;
	transition: 0.5s;
}

.ad-cart-btn:hover span {
	padding-right: 12px;
}

.ad-cart-btn:hover span:after {
	opacity: 1;
	right: 0;
}

.clr {
	clear: both;
}

.mar-le-10 {
	margin-left: 10px
}

.form-control-1 {
	padding: 4px 0px !important;
}

.dev-link {
	color: #1495ce !important;
	text-decoration: underline !important;
	cursor: pointer;
}

.text-upper {
	text-transform: uppercase;
}

.pd-tp-12 {
	padding-top: 12px;
}

.left0 {
	padding-left: 0 !important;
}

.lftrgt0 {
	padding: 0 !important;
}

.wid100p {
	width: 100%;
}

#crm-prod-tbl #thead,.clipboard #thead,.crmcomplaint #thead {
	text-transform: uppercase;
}

.crmcomplaint #thead {
	text-transform: uppercase;
	background: #6a6c6f;
}

#dev-crm-body .content {
	margin-top: 1px;
}

#dev-lead-panel-body .dev-hml-drop-down {
	margin-left: 0 !important;
	width: 90% !important;
}

.crmlead th.reportHeader {
	background: #c8c9cc
}

.crmlead #datarow-odd td {
	background: #fff
}

.crmlead .bdr {
	border: 1px solid #ccc
}

.crmlead .btnmar {
	margin-left: 5px;
}

.crmlead .mar0 {
	margin-top: 0px !important;
}

.crmlead .mar5 {
	margin-top: 5px;
}

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

.crmlead .bottom-Panel {
	padding-top: 20px;
}

.crmlead .blperrmsg {
	color: red
}

.crmlead .backgrd {
	background: #edf0f5;
	border: 1px solid #1495ce;
}

.crmlead .pad-btm15 {
	padding-bottom: 15px;
}

.crmlead .pad7 {
	padding: 7px 0 !important
}

.crmlead .productNameL {
	display: block;
	width: 115px;
	background: #fff;
	box-shadow: none;
	border: 1px solid #ccc;
	height: 33px;
	padding-left: 3px;
}

.crmlead .productCodeL {
	margin-left: 3px;
	display: block;
	width: 115px;
	background: #fff;
	box-shadow: none;
	border: 1px solid #ccc;
	height: 33px;
	padding-left: 3px;
}

.crmlead .productCodeL1 {
	margin: 0 auto;
	height: 31px;
	padding-left: 10px;
	display: block;
	width: 110px;
	box-shadow: none;
	border: 1px solid #ccc;
	height: 33px;
}

.crmlead .ld-prd-rslt {
	height: 166px;
	overflow: auto;
	border: 1px solid #1495ce;
}

.padn0 {
	padding: 0 0 10px !important;
}

.crmlead input,textarea {
	border-radius: 5px;
	width: 100%;
	display: block
}

.crmcomplaint .input_text {
	margin: 8px 0 8px !important;
}

/*added by Pranay*/
.grid-a {
	background: #62a646 none repeat scroll 0 0;
	border-bottom: 2px solid #dfdfdf;
	color: #fff;
	display: table-row;
	font-size: 20px;
	padding: 13px 0;
	width: 100%;
}

.grid-a {
	font-size: 15px !important;
}

.flt {
	float: left;
}

.ui-modal-rightC {
	width: 300px;
}

.clr20 {
	clear: both;
	height: 20px;
}

.ui-modal-rightC {
	width: 300px;
}

.relative {
	position: relative;
}

.ui-btns {
	color: #fff;
	font-size: 20px;
	margin-right: 10px;
	padding: 3px 9px;
}

.subm {
	background: #1495ce none repeat scroll 0 0;
	cursor: pointer;
	margin-left: 20px;
}

.canc {
	background: #df483f none repeat scroll 0 0;
	cursor: pointer;
}

.popupBox {
	background: #fff none repeat scroll 0 0;
	display: none;
	font-size:14px;
	left: 0;
	margin: 0 auto;
	padding: 20px;
	right: 0;
	top: 240px;
	z-index: 3;
}

.absolute {
	position: absolute;
}

.wid55 {
	width: 550px;
}

.grid-b {
	border-bottom: 1px solid #62a646;
	color: #000;
	display: table-row;
	font-size: 20px;
	padding: 10px 0;
	width: 100%;
}

.grid-b {
	font-size: 15px !important;
}

.inact {
	color: #777777 !important;
}

.flt {
	float: left;
}

.grid-a .srno,.grid-b .srno {
	display: table-cell;
	text-align: center;
	width: 6%;
}

.grid-a .refno,.grid-b .refno {
	display: table-cell;
	text-align: center;
	width: 15%;
}
/*End by Pranay*/
.AddBtn {
	font-size: 14px;
	cursor: pointer;
	text-decoration: underline;
	text-transform: uppercase;
	color: #62a646;
	margin-top: 10px;
	margin-left: -3px;
}

min-h {
	min-height: 107px;
}

/* .col-md-6:nth-child(3),.col-md-6:nth-child(4) {
	margin: 10px 0px;
} */

.old-add span {
	display: block;
}

.scrlNone {
	overflow: hidden
}

.prod-label {
	margin-bottom: 15px;
}

.prod-label .new-hidden-box {
	width: 115px !important;
}

.comm-label {
	font-size: 16px;
	color: #72706f;
	line-height: 26px;
}

.prd-code {
	font-size: 16px !important;
}

.comm-label .lab-left {
	color: #72706f;
	font-weight: 400;
	min-width: 200px;
	display: inline-block;
}

.comm-label .lab-right {
	color: #72706f;
	font-weight: 400;
	color: #000
}

.clr10 {
	height: 10px;
	clear: both
}

.pay {
	font-size: 18px;
	color: #000
}

.mar-le {
	margin-left: 6px;
	font-weight: 700;
}

.rel {
	position: relative
}

.color-r {
	color: #dc342e
}

.color-g {
	color: #3d956f
}

.prod-prices {
	font-size: 16px;
	float: left;
	margin-left: 15px;
	margin-top: 2px;
}

.prod-tabl {
	font-size: 18px;
	font-weight: 400;
	margin-bottom: 4px
}

.prod-tabl th {
	font-weight: 500;
	font-size: 15px;
	padding: 5px !important;
}

.prod-tabl td {
	font-weight: 400;
	padding: 5px !important;
	color: #72706f;
	font-size: 15px;
}

.prod-tabl select.form-control {
	border-radius: 2px !important;
	float: none;
	margin: 4px auto 0px;
}

.prod-tabl .prod-name {
	font-weight: 400 !important;
	font-size: 14px;
	margin: 0px !important;
}

.cartPin {
	text-decoration: underline;
	cursor: pointer
}

.prod-right-details {margin: 10px 0;padding: 10px 0;}

.prod-right-details li {
	list-style: none;
	display: block;
	font-size: 14px;
	font-weight: 400;
	line-height: 22px;
	padding-bottom: 10px;
}

.prod-right-details .pay-modeopt:before {
	background: url(images/head-nav-spirit.png) no-repeat -177px -66px;
	width: 30px;
	height: 20px;
	float: left;
	content: "";
}

.prod-right-details .dev-detail:before {
	background: url(images/head-nav-spirit.png) no-repeat -220px -67px;
	width: 30px;
	height: 28px;
	float: left;
	content: "";
}

.dev-detail {
	position: relative;
}

.prod-right-details .warr-detail:before {
	background: url(images/head-nav-spirit.png) no-repeat -46px -52px;
	width: 30px;
	height: 120px;
	float: left;
	content: "";
}

.keynav {
	font-size: 14px;
}

.brand-row {
	border-bottom: 1px dotted #c2c2c2
}

.brand-row .col-md-6 {
	padding: 0px;
}

.max-height {
	padding: 5px 0;
}

.max-height p {
	margin: 0 !important
}

.max-height::-webkit-scrollbar {
	width: 12px;
	background-color: #F5F5F5;
}

.max-height::-webkit-scrollbar-thumb {
	background-color: #2b4661;
	border-radius: 3px;
}

.max-height::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	background-color: #F5F5F5;
	border-radius: 3px;
}

.bdr-right {
	border-right: 1px solid #fff
}

.bdr-btm {
	border-bottom: 1px solid #fff
}

.pad0 {
	padding: 0 !important;
	margin: 0 !important;
}

.pad0 input[type="text"] {
	width: 100% !important;
}

.srch-lbl {
	line-height: 20px;
}

.tbl-cont {
	margin: 10px auto;
}

.cat-cont {
	margin: 0 auto;
	padding-bottom: 10px
}

.ent-val {
	margin-left: 10px
}

.flrt {
	float: left;
}

.cler24 {
	clear: both;
	height: 24px;
}

.srch-dp-down {
	margin-right: 0px !important;
	width: 100% !important;
	margin-left: 0px !important
}

.pinNum {
	width: 90px !important
}

.go-btn {
	transition: all 0.5s;
	cursor: pointer;
	margin: 0 auto;
	text-align: center;
	background: #ff7800;
	width: 60px;
	font-size: 15px;
	color: #fff;
	border: 1px solid #ad5404;
	padding: 3px;
	border-radius: 3px;
}

.crm-btn {
	transition: all 0.5s;
	cursor: pointer;
	margin: 0 auto;
	text-align: center;
	background: #ff7800;
	width: 60px;
	font-size: 15px;
	color: #fff;
	border: 1px solid #ad5404;
	padding: 0px;
	border-radius: 3px;
}

.ago-btn:hover {
	background: #ff7800;
	opacity: 1;
	right: 0;
}
/* .pinNumBtn{padding: 0;text-align: center;width: 67px;} */
.pinBox {
    background: #ffffff none repeat scroll 0 0;
    left: 29px;
    padding: 0;
    position: absolute;
    top: -5px;
    width: auto;
}
/*--css for caller header pop--*/
.caller-pop {
	max-width: 250px;
	margin-top: 10px;
}

.caller-pop .col-md-5 {
	padding: 0 2px;
}

.caller-pop .col-md-12 {
	padding: 0 !important;
}

.caller-pop .col-md-2 {
	padding-left: 3px !important;
	padding-top: 2px !important;
}

#ctiCallDispose {
	position: absolute;
	top: 146px;
	z-index: 999999;
	right: 8px;
	background: #62a646;
	padding: 5px 8px;
	border-radius: 3px;
	color: #fff;
	cursor: pointer;
	display: none
}

.crm-cart-count {
	position: absolute;
	top: 146px;
	right: 20px;
	background: url('images/cart-ico.png');
	padding: 5px 8px;
	cursor: pointer;
	width: 34px;
	height: 28px;
}
/*--Thankyou page css --*/
.prod-box-container {
	padding: 20px;
}

.thank-left,.thank-right {
	width: 50%;
}

.thank-right {
	text-align: right
}

.thank-left h1 {
	font: 700 24px 'Roboto';
	color: #00a65a;
	margin: 10px 0 5px 0;
}

.thank-left h2 {
	font: 400 20px 'Roboto';
	color: #35495d;
	margin: 0
}

.thank-left h3 {
	font: 400 20px 'Roboto';
	color: #7e8d9d;
	margin: 0
}

.thank-right h4,.thank-right h4 a {
	font: 400 20px 'Roboto';
	color: #ff6600
}

.thank-right p {
	font: 400 15px 'Roboto';
	color: #35495d;
	line-height: 20px;
	margin: 0 !important
}

.thanks-right .f-w {
	font: 700 15px 'Roboto';
	color: #35495d;
	line-height: 20px;
	margin: 0 !important
}

.thank-right h4 {
	font: 700 15px 'Roboto';
	color: #35495d;
	margin-top: 1px;
	line-height: 20px;
}

.flr {
	float: right
}

.prod-ordr-list-cont {
	margin-top: 13px;
}

.prod-ordr-list-row {
	min-height: 50px;
	border-bottom: 1px solid #ebebeb;
	border-top: 1px solid #ebebeb;
	padding-top: 6px;
	padding-bottom: 6px;
}

.prod-ordr-list-row img {
	width: 42px;
	height: 38px;
	margin-right: 14px;
}

.prod-ordr-list-row .prod-title {
	font: 400 17px 'Roboto';
	color: #35495d;
	margin-right: 18px;
	max-width: 290px;
	min-width: 270px;
}

.prod-ordr-list-row .prod-qty {
	font: 300 16px 'Roboto';
	color: #536475;
	margin-top: 9px;
	margin-right: 30px;
}

.prod-ordr-list-row .prod-prc {
	float: right;
	color: #ff6600;
	font-weight: 500;
	font-size: 22px;
	margin-top: 5px
}

.prod-ordr-list-row .color {
	width: 20px;
	height: 19px;
	display: block;
	margin-left: 5px;
	margin-top: 1px
}

.total-payable {
	margin-top: 20px;
	float: right;
	font-size: 25px;
}

.prod-desc-row .input_text {
	border-bottom: 1px solid #dfdfdf;
	padding-bottom: 10px;
	padding-top: 10px;
}

.prod-val .pull-left {
	padding-top: 6px
}

.row-prod-cost {
	min-width: 215px;
	padding-top: 1px;
	text-align: right;
}

.row-prod-cost .price {
	font: 700 20px 'Roboto';
	color: #ff6600
}

.row-prod-cost .price span:before {
	content: "\20b9";
	width: 5px;
	height: 10px;
	margin-top: 4px;
	font-family: 'WebRupee';
	font-size: 12px;
	position: absolute;
	left: -7px;
}

.row-prod-cost .price-off {
	margin-top: -2px;
	margin-right: 3px;
}

.row-prod-cost .price-off span {
	font: 400 13px 'Roboto';
}

.row-prod-cost .price-off .off-price {
	color: #35495d
}

.row-prod-cost .price-off .shipping {
	color: #7e8d9d
}

.row-prod-cost .price-off .free {
	color: #00a65a
}
/*--CRM Dashboard CSS --*/
.dashboardQ .cont .row {
	margin-bottom: 10px;
	border: 1px solid #dbdbdb;
	background: #fff;
	margin-right: -10px !important;
	margin-left: -10px !important;
	padding: 5px 10px;
	border-radius: 3px
}

/* .badge {
	float: right;
	background-color: transparent !important;
	color: #62a646 !important;
	font-weight: 400;
	font-size: 15px !important;
	padding: 5px 0 0 0 !important;
} */

.first-head {
	padding-bottom: 2px;
	color: #62a646;
	font-size: 17px;
	line-height: 24px;
	font-weight: 500;
	border-bottom: 1px solid #dbdbdb;
	margin-bottom: 5px;
}

.second-head {
	font-size: 15px;
	color: #614444;
	line-height: 24px;
	font-weight: 400;
}

.labels {
	line-height: 22px;
	font-size: 14px;
	font-weight: 400;
	padding-left: 0px;
	color: #62a646;
}

.top-space-10 {
	margin-top: 10px;
}

.cus-title {
	color: #62a646 !important;
	margin: 13px 0 12px 0 !important;
}

.keynav>li>a {
	padding: 5px 13px !important;
}

.prod-img {
	padding-right: 10px !important;
	padding-left: 0 !important;
	max-width: 200px;
}

/*--new user--*/
.newUserPop {
	width: 750px !important
}

.crm-user {
	padding: 15px;
}

.crm-user h1 {
	margin-top: 0;
	font-size: 20px;
	text-align: center;
}

.crm-user .col-md-3,.crm-user .col-md-9 {
	line-height: 33px;
	vertical-align: middle;
	font-size: 15px;
	font-weight: 400;
}

.crm-user .row {
	margin-bottom: 7px;
}

.clr15 {
	clear: both;
	height: 15px;
	border-top: 1px solid #c2c2c2;
	margin-top: 15px
}

.marg0 {
	margin-bottom: 0 !important;
	margin-top: 0 !important;
}

.zoomContainer {
	z-index: 12;
}

.orange {
	background-color: #1495ce;
	border-color: #1495ce;
	color: #fff;
	font-weight: 500;
	font-size: 14px;
}

.ui-autocomplete {
	height: 200px;
	overflow-y: auto
}

.wid750 {
	min-width: 700px !important;
	width: 700px !important;
}

.pin-city-state {
	display: none
}

table.addressTable {
	background: #c8c9cc;
	color: #000;
}

.addressTable th {
	background: #1495ce;
	color: #fff
}

.addressTable tr {
	border-bottom: 1px solid #c8c9cc;
}

.addressTable td,.addressTable th {
	padding: 8px;
	font-weight: 400
}

.adCartTable th {
	font-size: 14px;
	padding-left: 10px;
	padding-bottom: 7px;
	font-weight: 500;
}

.adCartTable td {
	font-size: 13px;
	padding: 8px 5px;
	font-weight: 300;
}

.adCartTable td p {
	font-weight: 300 !important;
	margin-bottom: 0px !important;
}

.adCartTable .prod-name-cart {
	width: 300px;
	padding-left: 0px;
}

.border-btm {
	border-bottom: 1px solid #e4e5e7;
}

.prod-cart-tit {
	max-width: 240px;
	margin-left: 5px;
}

.city-height {
	line-height: 22px !important;
}

.f-14 {
	font-size: 14px !important;
}

.ui-widget.ui-widget-content {
	/* background: #f3f3f3 !important; */
	color: #707070 !important;
}

.ui-menu .ui-menu-item-wrapper {
	padding: 5px 5px 5px 5px !important;
}

.caller-prof {
	height: 23px;
	color: #62a646;
	margin-top: 20px;
	margin-left:20px;
	min-width: 500px;
}

.caller-prof div {
	height: 23px;
}

.caller-prof .caller-ico {
	background: url('images/caller-prof.png') -24px -18px no-repeat;
	width: 27px;
}

.caller-prof .caller-num {
	font: 700 20px 'Roboto';
	padding: 0 11px
}

.caller-prof .caller-num:after {
	float: right;
	content: '';
	background: url(images/caller-prof.png) -86px -16px no-repeat;
	width: 6px;
	height: 23px;
	margin-left: 11px;
}

.caller-prof .caller-name {
	font: 700 15px 'Roboto';
	padding-top: 3px;
}

.caller-prof .caller-name:after {
	float: right;
	content: '';
	background: url(images/caller-prof.png) -134px -20px no-repeat;
	width: 1px;
	height: 23px;
	margin-left: 11px;
}

.caller-prof .caller-ship-add {
	padding-top: 3px;
	padding-left: 11px;
	font: 400 15px 'Roboto';
}

.caller-prof #dev-caller-pin {
	text-decoration: underline;
	cursor: pointer
}

.tot-prc {
	font: 700 20px 'Roboto';
	color: #ff6600;
}

.tot-prc span:before {
	font-family: 'WebRupee';
	content: 'r';
	font-size: 17px;
	font-weight: 500;
}

.off-prc {
	font: 400 13px 'Roboto';
	color: #35495d;
}

.off-prc:before {
	font-family: 'WebRupee';
	content: 'r';
	font-weight: 500;
}

.ship-prc {
	font: 400 13px 'Roboto';
	color: #7e8d9d;
}

.ship-prc .ship {
	color: #00a65a
}

.pad-5 {
	padding: 0 5px;
}

.pad-ri-5 {
	padding-right: 5px;
}

.add-err {
	position: absolute;
	top: 0;
	color: red;
}

.disc-p {
	color: #358c13;
	font-weight: 500;
	font-size: 14px;
}

/*--complaint panel--*/
.bdr-top {
	border-top: 1px dotted #dbdbdb;
}

.newTableComp {
	font-weight: 500
}

.newTableComp th {
	background: #1495ce;
	vertical-align: middle !important;
	color: #fff;
	border-bottom: none !important;
	font-weight: 500;
	padding: 4px !important
}

.newTableComp td {
	background: #F2F4F8;
	padding: 4px !important;
	font-weight: 400;
	vertical-align: middle !important;
}

.newTableComp {
	font-weight: 500
}

.newTableComp th {
	background: #1495ce;
	vertical-align: middle !important;
	color: #fff;
	border-bottom: none !important;
	font-weight: 500;
	padding: 4px !important
}

.newTableComp td {
	background: #F2F4F8;
	padding: 4px !important;
	font-weight: 400;
	vertical-align: middle !important;
}

.remarksBox {
	border: 1px solid #dbdbdb;
	border-radius: 3px;
	margin-top: 10px;
	padding: 10px;
	max-height: 150px;
	overflow-y: auto;
	overflow-x: hidden
}

.remarksBox .agent {
	color: #000
}

.remarksBox .Ops {
	color: #6448cc
}

.crmqdashboard {
	margin-left: 0px;
	margin-top: 150px !important
}

.err {
	position: absolute;
	top: -15px;
	left: 16px;
	font-weight: 500;
	color: red;
}

.ordrcompContainer .col-md-6 {
	line-height: 26px;
}

.ordrcompContainer .col-md-12 {
	padding: 0;
	font-size: 13px;
	font-weight: 400;
}

.pad-le0 {
	padding-left: 0
}

.pad-re0 {
	padding-right: 0
}

.ez-button {
	background: #1495ce;
	color: #fff;
	border: 0px;
	border-radius: 3px;
	padding: 5px 10px;
	font-weight: 400;
	font-size: 14px;
	border: 1px solid #1495ce;
}

.ez-button:hover {
	background-color: #1495ce !important;
	color: #fff !important;
	border: 0px;
	border-radius: 3px;
	padding: 5px 10px;
	font-weight: 400;
	font-size: 14px;
	border: 1px solid #f3eded;
}

.userInText {
	width: 100% !important;
	border-radius: 2px;
	background: rgba(0, 0, 0, 0.035);
	border: 1px solid rgba(0, 0, 0, 0.05);
	font-size: 14px;
	font-weight: 400;
	padding: 10px;
	height: 100px !important;
}

.succ {
	padding: 10px;
	font-size: 14px;
	border-radius: 3px;
}

.mszAlert {
	padding: 4px 15px;
	font-size: 14px;
	font-weight: 500;
	border-radius: 3px;
	position: absolute;
	top: 2px;
	right: 6px;
	color: #3c763d;
	background: #dff0d8;
	border: 1px solid #d6e9c6
}

.mszAlertClose {
	cursor: pointer;
	float: right;
	font-size: 21px;
	font-weight: 700;
	line-height: 1;
	color: #000;
	text-shadow: 0 1px 0 #fff;
	filter: alpha(opacity = 20);
	opacity: .2;
	position: relative;
	top: -2px;
	right: -10px;
	color: inherit;
}

.mszAlertClose:hover {
	filter: alpha(opacity = 50);
	opacity: .5;
	text-decoration: none;
}

#refundType .col-md-12 {
	padding: 0
}

#refundType .col-md-12 h2.subheader {
	margin: 0 0 10px 0px;
	font-size: 14px;
	font-weight: 500;
	color: #000;
	border-bottom: 1px dashed #c2c2c2;
}

#refundType .col-md-12 .col-md-4 {
	padding: 0;
	margin-bottom: 5px;
}

.response {
	color: green;
	font-size: 14px;
	font-weight: 400;
	margin-top: 10px;
	display: block;
}

.prv_comp {
	color: #6a7ac6;
	cursor: pointer
}

.prv_comp:hover {
	text-decoration: underline;
}

.newForm>.col-md-12 {
	padding: 15px;
}

.pad-ri-0 {
	padding-right: 0
}

.pad-le-0 {
	padding-left: 0
}

.addFields .row {
	margin-bottom: 15px;
	margin-left: 0px;
	margin-right: -7px;
}

.marg-bt-5 {
	margin-bottom: 5px !important;
}

.addFields .mrsoption {
	padding: 0;
	min-width: 45px;
}

.seperat {
	height: 330px;
	width: 2px;
	border-right: 1px solid #c2c2c2;
	position: absolute;
	left: 3px;
	top: 26px;
}

.addCont {
	margin-left: -3px !important;
	padding: 0
}

.bdrRad {
	border-radius: 2px !important
}

.checkCont {
	margin-top: 0px;
	margin-left: 50px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 400;
}

.checkCont input[type="checkbox"] {
	margin-top: 3px;
}

.addTitle {
	width: auto !important;
}

.addslideDown {
	max-height: 90%;
	min-width: 60%;
	border-radius: 5px;
	background: #ffffff;
	border: 8px solid rgba(43, 70, 97, 0.3);
	opacity: 1;
	position: fixed;
	top: 64px;
	width: 60%;
	z-index: 10;
	left: 0;
	right: 0;
	margin: auto;
	background-clip: padding-box;
	-webkit-animation: fadein 1s;
	-moz-animation: fadein 1s;
	-ms-animation: fadein 1s;
	-o-animation: fadein 1s;
	animation: fadein 1s;
	overflow-y: auto;
	overflow-x: hidden;
}

.addcls {
	right: 7px !important;
	top: 0px !important;
}

.unit-prc {
	margin-left: 5px;
	margin-right: 10px
}

.line-th {
	text-decoration: line-through;
}

.addCont .error {
	position: absolute;
	font-size: 10px !important;
}

.dispinln {
	display: inline !important;
}

.crm-alrt .txt-center {
	text-align: center;
}

.wid70 {
	width: 70px
}

.wid268 {
	width: 268px
}

#specifications table td,#specifications table th,#faq table td,#faq table th
	{
	padding: 5px;
	border: 1px solid #f1e7e7;
	line-height: 17px;
}

#specifications span,#keyFeature ul,#dev-descriptions span,#faq span,#policies span
	{
	margin: 0;
	font-size: 13px;
	font-weight: 400;
	line-height: 20px;
}

.locater-msg {
	min-width: 550px;
	width: 50%;
	padding: 50px 0;
	font-size: 14px;
	color: #62a646;
}
.upload_dropdown {width: 90%}
.upload_dropdown img{margin-top: 10px;}

.crmhometab {
    background-color: #edf0f5;
    margin-top: 10px;
    padding: 0;
}
.crmhometab li > a {
    background-color: #fff;
    color: #62a646;
    border: 1px solid #ccc;
}
.crmhometab li.nvtbactive > a {
    background-color: #62a646;
    color: #fff;
}
.modal-primary{
	background-color: #1495ce;
	color: #fff;
}
.modal-primary .close{color: #fff; opacity:1}

.black_overlay {
	background: #000;
	display: none;
	float: left;
	height: 100% !important;
	left: 0;
	opacity: 0.5;
	position: fixed;
	right: 0;
	top: 0;
	width: 100%;
	z-index: 5;
}
.popup_content {
	display: none;
	position: fixed;
	top: 25%;
	left: 25%;
	width: 50%;
	height: auto;
	padding: 16px;
	border: 4px solid #ccc;
	background-color: white;
	z-index: 1002;
	overflow: auto;
}
.popup_contentx{
	display: none;
	position:fixed;
	top: 10%;
	left: 15%;
	width: 70%;
	height: 80%;
	padding: 16px;
	border: 4px solid #ccc;
	background-color: white;
	z-index: 1002;
	overflow: auto;
	overflow-x: hidden;
}
.pro-approve{position: relative;}
.pro-approve .close-pro-approve {
    position: absolute;
    right: 20px;
    top: 5px;
}

.btn.btn-blue {  background-color: /* #1495ce */ #5fb9b0;
    background-image: none;
    border: 1px solid #5fb9b0;
    color: #ffffff;}

.rTable {
	display: table;
	width: 100%;
}

.rTableRow {
	display: table-row;
}

.rTableHeading {
	display: table-header-group;
	background-color: #ddd;
}

.rTableCell,.rTableHead {
	display: table-cell;
	padding: 3px 10px;
	border: 1px solid #999999;
}

.rTableHeading {
	display: table-header-group;
	background-color: #ddd;
	font-weight: bold;
}

.rTableFoot {
	display: table-footer-group;
	font-weight: bold;
	background-color: #ddd;
}

.rTableBody {
	display: table-row-group;
}

.alignmentCls {
	margin: -10% 0% -2% 56%;
}

.alignCls {
	width: 190%;
}

h1.mainheading {background-image: url("images/mainheadingbg.jpg");background-position:0 bottom;background-color:rgba(0, 0, 0, 0);background-repeat:repeat-x ;color: #62a646;font-size: 22px;font-weight: bold;padding: 10px 0 10px; margin: 0% 0% 0% 0%;}
.bulkuploadul li .resetbtn, .file-upload li .resetbtn {background: #838288; background:-moz-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%);}
.bulkuploadul li .download, .bulkuploadul li .resetbtn{ margin-left: 0; margin-top: 18px;} 
.bulkuploadul li .resetbtn {width: 31%; margin-left: 39%; }

.submit, .searchbtn .submit {background: #62a646;border: 0 none;color: #fff;cursor: pointer;float: left;font-family: Arial,Helvetica,sans-serif;font-size: 14px;font-weight: bold;height: 100%;outline: 0 none;padding: 0 30px 0 0;position: relative;width: 100%;z-index: 999;	}
.searchbtn .submit { padding: 7px 5px;}
.searchbtn {background: none repeat scroll 0 0 #0086de; float: left; height: auto; width: auto;}
.frmmainul li .input{padding: 15px}
.frmmainul {display: block;width: 85%;margin: 0 auto;}
.frmmainul li .input {border: 1px solid #bfbfbf; padding: 6px 8%; text-indent: 0px; margin: 0 0 4px 0; color: #333333; outline: 0 none;}

.bulkuploadul > li {  margin-left: 10%; margin-top: 0; width: 100%;}
.bulkuploadul li .input {height: 37px; width: 100%;}
.download-format, .submit-format{ background-color: #f8f6f2; border: 1px solid #e3e3e3; float: left; height: 250px; margin-top: 15px; width: 100%;}
.prodUpload{ margin: 1% 0% 0% 38%;}
.product-form{height:435px;}
.productfrm li{	margin: 0 auto;}
.activestep p { color: #8c8c8c; float: left; font-size: 12px;margin: 10px 0 0 9px; width: auto;}
.activestep p b {clear: both; color: #5f981b; display: block; font-size: 14px; margin-top: 6px;}
.step {  float: left; margin-top: 10px; width: auto;}

.download-form, .submit-form { float: left; margin-left: 2%; width: 46.8%;}
.download-form .step{width:100%; display:block;}
.download-form .activestep p b{width:100%;}
.download-format p { padding-bottom:10px; font-size: small;}
.download-format, .submit-format{ background-color: #f8f6f2; border: 1px solid #e3e3e3; float: left;  margin-top: 10px; width: 100%;padding: 15px}

.spanCls{margin: 0 1px 0 0;}

.isActiveRadio .radio{display: inline-block;}
.isActiveRadio .radio input{margin: 0;}

.greenTxt{color: green;}
.font16{font-size:16px;}
.fulWidth{float: left;width: 100%;}

.removeBan .fa-times-circle-o{color:#d9534f;font-size:16px;}
.productStepPanel{float: left;width: 100%;}
.productStepPanel li{float: left;width: auto;padding: 10px;background: #ddd;color:#333;}
.productStepPanel li.active{background: #1495ce;color: #fff;}


.action-btn-link > a {padding:0px 20px 0px 0Px;}
.view-item-per-page ul{list-style:none; margin:0;}
.view-item-per-page ul li{margin:0 5px; line-height:26px;}
.view-item-per-page ul li label{margin-right:10px;}
.slf-col-md-1{width: 1%;float: left;padding-top: 2px;}
.slf-col-md-3{width: 23%;float: left;position: relative;min-height: 1px;padding-right: 15px;padding-left: 15px;margin-right: 8px;}
.slf-col-md-2{width: 14.5%;float: left;position: relative;min-height: 1px;padding-left: 15px;}
.ce_slab_label{padding-left: 0px;}
.ce_slab_label li {margin-right: 12px;float: left;position: relative;min-height: 1px;border-radius: 5px;background-color: #6E6E6E;color: #fff;padding: 5px;font-weight: bold;}
.ce_slab_label li .cross{padding: 5px;top: -12px;position: relative;left: 14px;font-size: 12px;cursor: pointer;color: red;}
.slf-col-md-6{width: 60%;float: left;position: relative;min-height: 1px;padding-left: 15px;}
.slf-col-md-4{width: 29.333%;float: left;position: relative;min-height: 1px;}
.slf-col-md-6 label,.slf-col-md-4 label {background-color: #6E6E6E;border-radius: 5px;padding: 0px 20px 0px 20px;color: #fff;font-weight: bold;}
.slf-col-md-1 a > span {background-color: #6E6E6E;border-radius: 5px;color: #fff;font-weight: bold;}
.redstarStatic{position: static;}

/* CSS Added by Mahendra */
/* 
#f9a706 yellow 
#62a646 green 
#2c834d 489966 green light 
#5fb9b0 orange 

*/
.btn-green{background-color: #62a646;color: #fff;border: 1px solid #62a646;}
.btn-green:hover{background-color: #fff;color: #62a646;border: 1px solid #62a646;}

.btn-orange{background-color: #5fb9b0;color: #fff;border: 1px solid #5fb9b0;}
.btn-orange:hover{background-color: #fff;color: #5fb9b0;border: 1px solid #5fb9b0;}

.width80px{width: 80px;}
.dispTable{display: table;}
.tableCell{display: table-cell;}
.vertMiddle{vertical-align: middle;}
.subheader{color: #6a6c6f;	font-size: 18px;font-weight: 600;}
#productItemInfoShow .error{position: static;}
.txtRed{color: red;}

/* ul#myNav{float:left;width: 100%; border: 1px solid #ddd;margin-top: 20px;padding: 4px;}
ul#myNav li{float: left;list-style: none;width: auto;margin-right: 15px;}
ul#myNav li a{float:left; background-color:#62a646;padding: 8px 15px;color: #fff;border-radius:3px;text-decoration: none;} */


#heroBannerMst #association img, .thumbIcon{
max-width: 120px;max-height: 120px;
}


/* Toggle btn css*/
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.switch input {display:none;}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #62a646;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

.descript-head { margin: 0;}
.productSpecificationsStocks {margin: 10px 0;}
.ppstock-red{color: #ff0000}
.prd-code-text {border-bottom: 1px solid #e5e5e5;float: left;font-size: 16px !important; margin: 10px 0; padding-bottom: 10px;width: 100%;}
.productSpecificationsRight {display: block;float: left; margin: 20px 0;width: 100%;}

.nav-tabs.crm-tab  > li > a {background: #62a646;color: #ffffff;}
.nav-tabs.crm-tab > li:hover > a {color: #62a646;background: #ffffff;}
.nav-tabs.crm-tab > li.active > a {background: #5fb9b0!important; color: #ffffff;}
.crm-tab-content {border: 1px solid #d4d4d4;padding: 15px;}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}
/*Page Loading*/

.animationload {
    background-color: rgba(0, 0, 0, 0.5);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
    display: none;
}
.loading {
    animation: 1.5s linear 0s normal none infinite running osahanloading;
    background: #fed37f none repeat scroll 0 0;
    border-radius: 50px;
    height: 50px;
    left: 50%;
    margin-left: -25px;
    margin-top: -25px;
    position: absolute;
    top: 50%;
    width: 50px;
}
.loading::after {
    animation: 1.5s linear 0s normal none infinite running osahanloading_after;
    border-color: #85d6de transparent;
    border-radius: 80px;
    border-style: solid;
    border-width: 10px;
    content: "";
    height: 80px;
    left: -15px;
    position: absolute;
    top: -15px;
    width: 80px;
}
@keyframes osahanloading {
    0% {
        transform: rotate(0deg);
    }
    50% {
        background: #85d6de none repeat scroll 0 0;
        transform: rotate(180deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
.changePasswordBox{float: left;width: 25%;}
.cateRvReport table{width: 100%;margin-top: 15px;}
.ui_tpicker_unit_hide{display: none !important;}

.addDelElementAction {background: #fff none repeat scroll 0 0;border: 1px solid;box-sizing: border-box;float: left;margin: 0 0 0 30px;position: absolute;}
.addDelElementAction span {cursor: pointer;padding: 8px;}
.addElemSection {float: left;width: 100%;}
.addCatCode {float: left;}
.addElemSection span {float: left;}
.validError {color: red;float: left;}
.errorValidation {color: red;float: left;width: 100%;}
.imgAssociation .thumbnail{padding:0px;}
.imgAssociation .thumbnail .fileUploadBox{background:#d8d8d8;padding: 10px;}
/***** kandora admin page css *****/
.kandoraPage .panel {border: none;}
.kandoraPage .panel-heading {padding: 15px;}
.kandoraPage .panel-body {border: 1px solid #ddd;}
.bold {font-weight: bold;}
.headingBlock {background: #f8f8f8;padding: 25px;font-weight: bold;}
.gray-text {color: #666666 !important;}
.light-gray-text {color: #a8a8a8;}
.styleInfo {border: 1px solid #ebebeb;padding: 12px 12px;font-size: 13px;height: auto;}
.styleInfo:hover {border: 1px solid #1fafa1;}
.styleInfo .form-control {/* height: 20px; */border-radius: 0; padding: 3px 5px;}
.styleInfo label {color: #666666;font-size:14px;}
.styleInfo h4{margin-bottom:0px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.pad6 > div {padding: 0 12px;}
.row-centered {text-align: center;}
.col-centered {display: inline-block;float: none;text-align: left;margin-right: -4px;width: 20%;}
.borderTop {border-top: 1px solid #edf0f5;}
.rotate {-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);}
.panel-title a {text-decoration: none;color: #474747;}
/* .fabricSlider {padding-right: 30px;padding-left: 30px;} */
/* .fabricSlider .item {display: inherit!important;width: 100% !important;} */
.fabricSlider img {object-fit: contain;width: 100%;height:182px;}
.fabricSlider.owl-carousel .owl-nav .owl-prev {left: 20px;}
.fabricSlider.owl-carousel .owl-nav .owl-next {right: 20px;}
.fabricSlider.owl-carousel .owl-nav .owl-prev,.fabricSlider.owl-carousel .owl-nav .owl-next {background: #ddd;width: 24px;height: 24px;border-radius: 100%;line-height: 10px;z-index: 0;}
.fabricSlider .owl-prev span,.fabricSlider .owl-next span {color: #62a646;font-size: 30px;}
.fabricSlider .owl-prev:hover span,.fabricSlider .owl-next:hover span {color: #fff;}
.fabricSlider.owl-carousel .owl-nav .owl-prev:hover,.fabricSlider.owl-carousel .owl-nav .owl-next:hover {background: #62a646;color: #fff;}
.fabricSlider .owl-prev {position: absolute;top: 40%;display: block !important;border: 0px solid black;z-index: 0;}
.fabricSlider .owl-next {width: 15px;height: 100px;position: absolute;top: 40%;right: -25px;display: block !important;border: 0px solid black;}
.fabricSlider .owl-nav .owl-prev.disabled,.fabricSlider .owl-nav .owl-next.disabled {display: none !important;}
.owl-carousel .owl-stage {margin: 0 auto;}
.subHeading {padding: 15px;background-color: #f5f5f5;border-color: #ddd;color: #474747;font-weight: bold;font-size: 15px;margin: 30px 0;}
.tarboshStyle img {object-fit: contain;width: auto !important;}
.kandoraBtn {text-align: center;/*background: #62a646;*/font-weight: bold;font-size: 14px;color: #fff;height: 40px;text-transform: uppercase;border: 1px solid #62a646;max-width: 595px;}
.kandoraPage h5 {color: #474747;}
.kandoraBtn:hover,.kandoraBtn:focus {background: #62a646 !important;color: #fff;}
.styleInfo .custom-tooltip + .tooltip > .tooltip-inner {background-color: #62a646;}
.styleInfo .custom-tooltip + .tooltip > .tooltip-arrow { border-bottom-color:#62a646; }

.kandoraPage .form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #ddd !important;
  opacity: 1; /* Firefox */
}

.kandoraPage .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #ddd !important;
}

.kandoraPage .form-control::-ms-input-placeholder { /* Microsoft Edge */
   color: #ddd !important;
}
.sidebar-scrollbar{overflow-y: scroll;height: 100vh;}
.sidebar-scrollbar::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 12%);
	border-radius: 10px;
	
}

.sidebar-scrollbar::-webkit-scrollbar
{
	width: 8px;
	background-color: #F5F5F5;
}

.sidebar-scrollbar::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #D62929;
}
.table-bgwhite{
	background-color:#000!important;
	color:#fff!important;
}
.table-bgwhite tr:nth-child(even){
	background-color: #f2f2f2!important;
}