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

/* ::-webkit-scrollbar {
    width: 5px;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0); 
    border-radius: 5px;
}

::-webkit-scrollbar-thumb {
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0); 
}
 */
@font-face {
	font-family: 'icomoon';
	src: url('../fonts/icomoon.eot?lteuqj');
	src: url('../fonts/icomoon.eot?lteuqj#iefix')
		format('embedded-opentype'), url('../fonts/icomoon.ttf?lteuqj')
		format('truetype'), url('../fonts/icomoon.woff?lteuqj') format('woff'),
		url('../fonts/icomoon.svg?lteuqj#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

@font-face {
	font-family: 'asapregular';
	src: url('../fonts/asap-regular-webfont.woff2') format('woff2'),
		url('../fonts/asap-regular-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'asapmedium';
	src: url('../fonts/asap-medium.woff') format('woff'),
		url('../fonts/asap-medium.ttf') format('ttf');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'asapbold';
	src: url('../fonts/asap-bold-webfont.woff2') format('woff2'),
		url('../fonts/asap-bold-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

body.ja .or-cls {
	position: absolute;
	left: -25px;
	top: 2px;
	height: 40px;
	width: 40px;
	background: #00a18f;
	color: #fff;
	border-radius: 100%;
	font-size: 11px;
	line-height: 42px;
}

body.fr .left-pan-tab .nav-tabs>li>a, body.fr .note-cls {
	font-size: 13px;
}

body.fr .lf-block-on .left-pan-tab .nav-tabs>li, body.es .lf-block-on .left-pan-tab .nav-tabs>li,
	body.de .lf-block-on .left-pan-tab .nav-tabs>li, body.pt .lf-block-on .left-pan-tab .nav-tabs>li
	{
	min-height: 60px;
}

body.de .linksname {
	margin-top: 0px !important;
}

body.fr .lf-block-on.lf-block-tw .nav-tabs>li, body.es .lf-block-on.lf-block-tw .nav-tabs>li,
	body.de .lf-block-on.lf-block-tw .nav-tabs>li, body.pt .lf-block-on.lf-block-tw .nav-tabs>li
	{
	min-height: inherit;
}

body.fr .pbtm-main-block h3, body.es .pbtm-main-block h3, body.cs .pbtm-main-block h3,
	body.sk .pbtm-main-block h3, body.nl .pbtm-main-block h3, body.hu .pbtm-main-block h3,
	body.pl .pbtm-main-block h3, body.tr .pbtm-main-block h3, body.ja .pbtm-main-block h3,
	body.ru .pbtm-main-block h3, body.it .pbtm-main-block h3, body.pt .pbtm-main-block h3,
	body.ko .pbtm-main-block h3 {
	font-size: 14px;
	min-height: 30px;
	white-space: inherit;
	word-wrap: break-word;
}

body.fr .suggetion-text, body.fr .action-btns span.fistspan {
	font-size: 13px;
	margin: 3px 0px 15px;
}

body.de .action-btns span.fistspan, body.de .left-pan-tab .nav-tabs>li>a,
	body.de .suggetion-text, body.de .note-cls {
	font-size: 13px;
}

body.de .action-btns span.fistspan {
	margin: 4px 0px 0;
}

body.de .or-cls {
	position: absolute;
	left: -15px;
	top: 10px;
	height: 32px;
	width: 32px;
	background: #00a18f;
	color: #fff;
	border-radius: 100%;
	font-size: 11px;
	line-height: 33px;
}

body.ru .action-btns span.fistspan {
	font-size: 13px;
	margin: 4px 0px 0;
}

body.ru  .or-cls {
	position: absolute;
	left: -15px;
	top: 10px;
	height: 30px;
	width: 30px;
	background: #00a18f;
	color: #fff;
	border-radius: 100%;
	font-size: 12px;
	line-height: 31px;
}

body.es .left-pan-tab .nav-tabs>li>a, body.es .suggetion-text, body.es .note-cls
	{
	font-size: 13px
}

body.es .comman-title, body.es.remove-cls {
	font-size: 13px;
}

body.es .action-btns span.fistspan {
	font-size: 12px;
	margin: 3px 0px 0;
}

body.es .comman-title .fa.fa-info-circle {
	margin: -2px 0px -2px 6px;
}

body.hu .left-pan-tab .nav-tabs>li>a, body.hu .suggetion-text, body.hu .note-cls
	{
	font-size: 13px;
}

body.hu .action-btns span.fistspan {
	font-size: 12px;
	margin: 3px 0px 0;
}

body.hu .project-name h3 {
	margin: 2px 6px 0;
	float: left;
	border: 0;
	padding: 0;
	font-size: 13px;
	border-right: none;
	min-width: 0;
}

body.hu .comman-title {
	font-size: 14px;
}

body.hu .input-efect-cls label.trycls {
	font-size: 12px !important;
}

body.hu .comman-title .fa.fa-info-circle {
	margin: -1px 0px -2px 6px;
	font-size: 20px;
}

body.hu  .or-cls {
	position: absolute;
	left: -15px;
	top: 5px;
	height: 33px;
	width: 33px;
	background: #00a18f;
	color: #fff;
	border-radius: 100%;
	font-size: 11px;
	line-height: 35px;
}

body.it .action-btns span.fistspan {
	font-size: 12px;
	margin: 3px 0px 0;
}

body.it .comman-title {
	font-size: 13px;
}

body.it .project-name h3 {
	margin: 2px 6px 0;
	float: left;
	border: 0;
	padding: 0;
	font-size: 14px;
	border-right: none;
	min-width: 0;
}

body.it  .comman-title .fa.fa-info-circle {
	margin: -2px 0px -2px 7px;
	font-size: 20px;
}

body.cs .action-btns span.fistspan {
	font-size: 13px;
	margin: 3px 0px 0;
}

body.cs .left-pan-tab .nav-tabs>li>a {
	font-size: 13px;
}

body.cs .or-cls {
	position: absolute;
	left: -15px;
	top: 6px;
	height: 31px;
	width: 31px;
	background: #00a18f;
	color: #fff;
	border-radius: 100%;
	font-size: 11px;
	line-height: 32px;
}

body.pl .action-btns span.fistspan {
	font-size: 12px;
	margin: 3px 0px 0;
}

body.pl .comman-title, body.pl .left-pan-tab .nav-tabs>li>a {
	font-size: 14px;
}

body.pl .comman-title .fa.fa-info-circle {
	margin: -2px 0px -2px 5px;
	font-size: 20px;
}

.navbar-brand>img {
	margin-top: 4px;
}

.main-wrapper-cls {
	position: relative;
	min-height: 100%;
}

body.pt .action-btns span.fistspan {
	margin: 4px 0px 0;
	font-size: 12px;
}

body.pt .left-pan-tab .nav-tabs>li>a {
	font-size: 12px;
}

body.pt .suggetion-text, body.pt .note-cls {
	font-size: 13px;
}

body.sk .action-btns span.fistspan {
	font-size: 12px;
	margin: 3px 0px 0;
}

body.sk .comman-title {
	font-size: 12px;
}

body.sk .comman-title .fa.fa-info-circle {
	margin: -2px 0px -2px 8px;
	font-size: 16px;
}

body.sk .or-cls {
	position: absolute;
	left: -20px;
	top: 4px;
	height: 35px;
	width: 35px;
	background: #00a18f;
	color: #fff;
	border-radius: 100%;
	font-size: 11px;
	line-height: 36px;
}

body.nl .action-btns span.fistspan {
	margin: 4px 0px 0;
	font-size: 13px;
}

body.nl .left-pan-tab .nav-tabs>li>a {
	font-size: 13px;
}

.marg-btm {
	margin-bottom: 40px;
}

#multiSelectDialog {
	height: 100% !important;
}

.proloader .loader {
	position: absolute;
	height: 50px !important;
	width: 50px !important;
	display: block;
	/* border: 1px solid #000; */
	background-repeat: no-repeat;
	left: 50%;
	margin-left: -25px;
	top: 30%;
}

body.tr .or-cls {
	position: absolute;
	left: -16px;
	top: 5px;
	height: 35px;
	width: 35px;
	background: #00a18f;
	color: #fff;
	border-radius: 100%;
	font-size: 12px;
	line-height: 37px;
}

.standardcls {
	padding: 5px 20px;
	color: #666;
	border-left: 1px solid #00a18f;
	margin-left: 20px;
	font-size: 13px;
}

/*****************icon fonts*******/
.icon-Tick:before {
	content: "\e90a";
}

.icon-Streamline-68:before {
	content: "\e90b";
}

.icon-Streamline-18:before {
	content: "\e909";
}

.icon-more .path1:before {
	content: "\e900";
	color: rgb(0, 0, 0);
}

.icon-more .path2:before {
	content: "\e901";
	margin-left: -1em;
	color: rgb(255, 255, 255);
}

.icon-more .path3:before {
	content: "\e902";
	margin-left: -1em;
	color: rgb(0, 0, 0);
}

.icon-more .path4:before {
	content: "\e903";
	margin-left: -1em;
	color: rgb(0, 0, 0);
}

.icon-more .path5:before {
	content: "\e904";
	margin-left: -1em;
	color: rgb(0, 0, 0);
}

.icon-icon-28-information:before {
	content: "\e905";
	color: #929292;
}

.icon-Download:before {
	content: "\e906";
}

.icon-SignIn:before {
	content: "\e907";
}

.icon-SignOut:before {
	content: "\e908";
}

/*****************icon fonts end*******/

/*************Left Navigation***************/
a, div, p, button:focus {
	outline: 0 !important;
}

body {
	overflow-x: hidden;
}

body, html {
	font-size: 13px;
	font-family: 'asapregular';
	/* height: 100%; */
	height: 100%;
}

.ui-widget {
	font-size: 13px !important;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

.userneedsliitems {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important
}

body.tr  .userNeeds_cls {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

body.tr {
	font-size: 13px !important;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

.navbar {
	z-index: 9999;
	position: relative;
}

.forgetPassword-blcok input[type="email"] {
	width: 85%;
	box-shadow: none;
	border-radius: 0;
	outline-offset: inherit;
	-webkit-appearance: inherit;
	border: 1px solid #ddd;
	padding: 8px;
}

#wrapper {
	padding-left: 28px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

#wrapper.toggled {
	padding-left: 325px;
}

.panel-title {
	font-size: 14px;
}

.second-strips-block {
	z-index: 99;
	position: relative;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00777f+0,008993+11,03a598+65,02a997+100 */
	background: #00777f; /* Old browsers */
	background: -moz-linear-gradient(top, #00777f 0%, #008993 11%, #03a598 65%, #02a997
		100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #00777f 0%, #008993 11%, #03a598 65%,
		#02a997 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #00777f 0%, #008993 11%, #03a598 65%, #02a997
		100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00777f',
		endColorstr='#02a997', GradientType=0); /* IE6-9 */
	color: #fff;
	display: block;
	padding: 10px 0;
}

.second-strips-block h2 {
	background: none;
	font-size: 18px;
	margin: 0px;
}

.login-register-block {
	text-transform: uppercase;
	position: relative;
}

.deatils-container {
	position: absolute;
	display: none;
	right: 0px;
	top: 34px;
}

.sortblock {
	float: left;
	text-align: center;
	margin: 0 10px 0 5px;
}

.sortChem {
	cursor: pointer !important;
}

.sortblock .fa {
	margin-top: 4px;
}

.sortblock .fa-sort-desc, .sortblock .fa-sort-asc {
	
}

.defaultclick {
	
}

.sortclick {
	display: block;
	width: 75%;
	float: left;
}

.page-title {
	color: #00a18f;
	font-size: 24px;
	margin: 30px 0;
}

.login-block .btn-cls.big-btn {
	padding: 5px 10px;
	margin: 0px 0 6px;
	float: right;
	display: block;
	font-size: 13px;
}

.prodtails-tble {
	width: 100%;
	font-size: 13px;
}

.prodtails-tble td {
	border: 1px solid #ececec;
	padding: 5px;
	font-size: 13px;
}

.prodtails-tble td:first-child {
	background: #f4f4f4;
}

.login-block {
	color: #000;
	width: 85%;
	background: #fff;
	padding: 10px;
	margin: 0px auto;
}

.login-block .btn {
	margin-top: 20px;
	padding: 10px 35px !important;
}

.login-block.ms-login-block .btn {
	margin-top: 5px;
}

.login-block .btn .fa {
	margin-right: 5px;
}

.login-block h3 {
	font-size: 16px;
	display: block;
	margin: 0 0 20px;
	text-align: center;
	font-weight: bold;
	color: #383737;
}

.ms-login-block {
	
}

.ex-login-block {
	border-left: 1px dashed #ccc;
}

/* .ex-login-block:after{
    content: "";
    border: 1px solid #ccc;
    height: 40px;
    width: 40px;
    display: block;
    position: absolute;
    left: -20px;
    top: 10px;
    background: #fff;
    border-radius: 50%;
}


.ex-login-block:before {
    content: "OR";
    display: block;
    position: absolute;
    left: -15px;
    top: 15px;
    border-radius: 50%;
    color: #000;
    z-index: 9;
    line-height: 32px;
    margin-left: 6px;
} */
#pswdBlck {
	margin-top: 25px;
}

.captchaimg {
	margin-top: 4px;
}

#register-box:before {
	content: "";
	position: absolute;
	top: -20px;
	right: 20px;
	border: 11px solid transparent;
	border-bottom-color: #fff;
	z-index: 9;
}

.register-block {
	color: #000;
	width: 550px;
	background: #fff;
	position: relative;
	border: 1px solid #ccc;
	padding: 20px;
	border: 1px solid #cccccc;
	border: 1px solid rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}

.cancel-links {
	display: inline;
	font-size: 13px;
	margin: 10px 0 0 9px;
	text-decoration: underline;
}

#register-box {
	position: absolute;
	right: 60px;
	z-index: 99;
	top: 20px;
}

#login-box {
	position: absolute;
	z-index: 99;
	right: 0px;
	top: 13px;
	height: 0px;
}

#infoBlock {
	display: block;
	position: absolute;
	width: 100%;
	z-index: 99;
	right: -105%;
	top: -27px;
}

#infoBlock:before {
  	content: "";
  	position: absolute;
  	border: 7px solid transparent;
  	border-bottom-color: #00a18f;
  	top: -14px;
  	left: 45%;
}

.form-info-block {
	
}

.form-info-block ul li:first-child {
	font-size: 17px;
	border-bottom: 1px solid #ccc;
	padding-bottom: 5px;
}

.statusno {
	color: #cf0000 !important;
}

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

.test-cls .eye-cls {
	top: 21px;
}

.eye-cls.eye-visible {
	display: block;
}

.eye-cls {
	position: absolute;
	right: 5px;
	top: 20px;
	color: #666;
	z-index: 99;
	display: none;
	font-size: 18px;
	transition: ease all 0.3s;
	cursor: pointer;
	padding: 6px 10px;
}

.form-info-block ul {
	list-style: none;
	padding: 0px;
	margin: 0 0 0 70px;
	background: #fcfcfc;
	border: 1px solid #f2f2f2;
	-webkit-box-shadow: 0px 0px 5px -1px rgba(0, 0, 0, 0.37);
	-moz-box-shadow: 0px 0px 5px -1px rgba(0, 0, 0, 0.37);
	box-shadow: 0px 0px 5px -1px rgba(0, 0, 0, 0.37);
}

.rgister-blk  ul {
	margin: 0 0 0 0px !important;
	display: table;
}

.page-title-cls {
	border-bottom: 1px solid #ccc;
	padding: 0 0 10px 0;
	margin: 20px 0 20px;
	font-size: 27px;
}

.form-info-block ul li {
	display: block;
	margin: 5px 10px;
	color: #666;
	float: left;
	width: 95%;
}

.form-info-block ul li span {
	width: 94%;
}

.displyblock {
	display: block;
	font-weight: normal;
}

.statusyes span {
	color: #00a18f;
}

.statusyes .fa {
	color: #00a18f;
	margin-right: 7px;
}

.form-info-block ul li .fa {
	margin-right: 7px;
	float: left;
	transition: ease all 0.8s;
	margin-top: 2px;
}

.reset-pass-block {
	
}

.reset-pass-block .captcha-text-box {
	width: 53.6% !important;
	margin-left: 10px;
}

.reset-pass-block .btn-cls {
	margin-right: 10px;
}

.inner-content {
	display: block;
	margin: 10px 0;
	position: relative;
}

.deatils-container .inner-content span {
	display: block;
	font-size: 15px;
	color: #4c4c4c;
}

.deatils-container .inner-content span .fa {
	margin-right: 4px;
}

.fom-note-cls {
	display: none;
	margin-bottom: 15px;
}

.margin-lef {
	margin-right: 5px !important;
}

.margin-left10 {
	margin-right: 10px;
}

.ui-dialog.propopup {
	background: #000 !important;
}

.d-block {
	display: block;
}

.less-width-cls {
	width: 80% !important;
}

.refrest-btn {
	display: inline-block !important;
	font-size: 20px !important;
	margin-left: 4px;
	cursor: pointer;
}

.remember_forgotPass {
	margin-top: 12px;
}

.checkme-cls {
	display: block;
}

.checkme-cls .label__check.label__check_small {
	border: 1.5px solid #008071 !important;
	height: 15px;
	width: 14px;
}

.checkme-cls .label__checkbox:checked+.label__text .label__check .icon {
	font-size: 9px;
	left: 1px;
	top: 2px;
}

.checkme-cls .label__check.label__check_small i.icon {
	font-size: 9px;
	left: 1px;
	top: 2px;
}

.checkme-cls input[type="checkbox"] {
	margin: 3px 0 0;
	box-shadow: none;
	border-radius: 0;
	outline-offset: inherit;
}

.checkme-cls label {
	font-weight: normal;
	font-size: 13px;
	margin: 0px;
	width: 100%;
	cursor: pointer;
}

.color-btn-cls {
	color: #fff;
	background: #00a18f;
	border: none;
	padding: 10px;
	min-width: 120px;
	font-size: 13px;
	transition: all 0.5s ease;
	border: none !important;
	text-transform: uppercase;
	font-weight: bold;
}

#parent {
	overflow-x: auto;
	overflow-y: hidden !important;
}

.margin-t30 {
	margin-top: 30px !important;
}

.forgot-password {
	display: flex;
}

.password-block {
	margin-bottom: 2px !important
}

.forgot-pass-links {
	display: block;
	color: #0a59a5 !important;
	margin: 0;
	text-decoration: none !important;
	float: right;
	width: 100%;
	text-align: right;
}

.forgot-pass-links .fa {
	margin-right: 2px;
}

.forgot-pass-links:hover {
	color: #0a4a87 !important;
	text-decoration: underline !important;
}

.btns {
	
}

.input-efect-cls input[type="text"], .input-efect-cls input[type="password"],
	.input-efect-cls input[type="email"], .input-efect-cls input[type="file"]
	{
	border: none;
	padding: 28px 5px 10px 31px;
	width: 100%;
	position: absolute;
	background: transparent;
	left: 0px;
	z-index: 99;
	box-shadow: none;
}

/* .imgupload .upload-logo-org{    opacity: 0 !important;pointer-events: none;}
.upload-logo-org{    opacity: 0 !important; top:0px}
 */
#logoFileContainer {
	
}

.upload-logo-org {
	top: 0px;
	opacity: 0;
}

.imgupload .upload-logo-org {
	top: 0px;
	padding-bottom: 100px !important;
	opacity: 0;
	pointer-events: none;
}

input[type=text]::-ms-clear {
	display: none;
}

.input-efect-cls select::-ms-expand {
	display: none;
}

input[type=password]::-ms-reveal {
	display: none;
}

.input-efect-cls select {
	display: none;
	border: none;
	padding: 28px 5px 10px 31px;
	width: 100%;
	position: absolute;
	background-color: transparent;
	left: 0px;
	z-index: 99;
	box-shadow: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background-image: url(../img/circle-down.png);
}

.select-cover {
	background-image: url(../img/circle-down.png) !important;
	background-repeat: no-repeat;
	background-position: 97% 50%;
	transition: ease all 0.3s;
}

.select-cover.test-cls {
	background-position: 97% 66%;
}

.ui-dialog-titlebar-close:before {
	content: "+";
	position: absolute;
	top: -6px;
	left: 3px;
	font-size: 19px;
	color: #000;
	transform: rotate(46deg);
}

.inner-content label {
	font-weight: normal;
}

.test-cls {
	transition: border-width 0.3s, border-color 0.3s;
}

.input-efect-cls:before {
	content: "";
	border: 1px solid #00a18f;
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	transition: border-width 0.3s, border-color 0.3s;
	bottom: 0px;
	border-radius: 4px;
}

.test-cls-alert.test-cls.input-efect-cls::before {
	border-color: #cf0000;
}

.test-cls.input-efect-cls:before {
	border-width: 5px;
	border-color: #00a18f;
	border-top-width: 26px;
}

.trycls {
	-webkit-transition: ease all 0.5s;
	transition: ease all 0.5s;
}

.test-cls .trycls {
	transform: translate3d(0px, -17px, 0);
	color: #fff;
	-webkit-transform: translate3d(0px, -17px, 0);
	transform: translate3d(0px, -17px, 0);
}

.no-cs-cls {
	padding: 0px !important;
	border: none !important;
}

.input-efect-cls label {
	font-weight: normal;
	color: #666;
	padding: 20px 0 20px 10px;
	margin: 0px;
}

.input-efect-cls label .fa {
	margin-right: 5px
}

.inner-content input:hover span, .inner-content input:focus span {
	color: #ff0000;
}

.alart-cls {
	color: #ff0000;
}

.alert {
	display: none;
}

/*.inner-content input:hover, .inner-content input:focus {
	-webkit-box-shadow: 0px 0px 3px 2px rgba(204,204,204,0.2);
-moz-box-shadow: 0px 0px 3px 2px rgba(204,204,204,0.2);
box-shadow: 0px 0px 3px 2px rgba(204,204,204,0.2);
border: 1px solid #808080;
}*/
.inner-content input[type="button"]:hover, .inner-content input[type="button"]:focus
	{
	box-shadow: none !important;
	border: none;
}

.input--juro {
	overflow: hidden;
}

.input {
	position: relative;
	z-index: 1;
	display: inline-block;
	width: 100%;
	vertical-align: top;
	border: 1px solid #000;
}

.input__field {
	position: relative;
	display: block;
	float: right;
	padding: 0.8em;
	width: 60%;
	border: none;
	border-radius: 0;
	background: #f0f0f0;
	color: #aaa;
	font-weight: bold;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	-webkit-appearance: none;
	-moz-appearance: none;
}

.input__field--juro {
	position: absolute;
	z-index: 100;
	padding: 2.15em 0.75em 0;
	width: 100%;
	background: transparent;
	color: #1784cd;
	font-size: 0.85em;
}

.input__field--juro:focus+.input__label--juro .input__label-content--juro,
	.input--filled .input__label--juro .input__label-content--juro {
	color: #fff;
	-webkit-transform: translate3d(0, -1.5em, 0) scale3d(0.75, 0.75, 1);
	transform: translate3d(0, -1.5em, 0) scale3d(0.75, 0.75, 1)
		translateZ(1px);
}

.input__label--juro {
	padding: 0 0 0 10px;
	width: 100%;
	height: 100%;
	background: #fff;
	text-align: left;
}

.input__label--juro::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0px solid transparent;
	-webkit-transition: border-width 0.3s, border-color 0.3s;
	transition: border-width 0.3s, border-color 0.3s;
}

.input__label-content--juro {
	padding: 2em 1em;
	-webkit-transform-origin: 0% 50%;
	transform-origin: 0% 50%;
	-webkit-transition: -webkit-transform 0.3s, color 0.3s;
	transition: transform 0.3s, color 0.3s;
	text-rendering: geometricPrecision;
}

.input__label-content {
	position: relative;
	display: block;
	padding: 1.6em 0;
	width: 100%;
}

.input__field--juro:focus+.input__label--juro::before, .input--filled .input__label--juro::before
	{
	border-width: 8px;
	border-color: #1784cd;
	border-top-width: 2em;
}

.color-btn-cls:hover {
	background: #008072;
}

.hamburger-btn {
	background: #fff;
	width: 30px;
	z-index: 999;
	position: absolute;
	top: 92px;
	border: 2px solid #00599b;
	height: 30px;
	cursor: pointer;
	border-radius: 50%;
	transition: ease 0.5s;
	margin-left: -20px;
	color: #00599b;
}

.hamburger-btn:hover {
	background: #00599b;
	color: #fff;
}

.hamburger-btn:hover .hamb-top {
	color: #fff;
}

.captcha-text-box {
	width: 54%;
	border-radius: 0;
	float: right;
	margin: 5px 0 0;
}

.captcha-contct {
	border: 1px solid #00a18f;
	padding: 16px 10px;
	margin: 0 0 0 10px;
}

.action-btns {
	margin: 0px;
}

.action-btns span.fistspan:first-child {
	border-left: none !important;
}

.action-btns span.fistspan {
	margin: 1px 0px 0;
	font-weight: normal !important;
	font-size: 14px;
	border-left: 1px solid #fff !important;
	padding: 0 12px;
	cursor: pointer;
}

.action-btns span .fa {
	margin-right: 5px;
}

.action-btns span:hover {
	text-decoration: underline;
}

#sidebar-wrapper {
	z-index: 1000;
	left: 325px;
	width: 0;
	margin-left: -325px;
	margin-top: -10px;
	overflow-y: auto;
	overflow-x: hidden;
	background: #f2f2f2;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	float: left;
	transition: all 0.5s ease;
}

#sidebar-wrapper::-webkit-scrollbar {
	display: none;
}

#wrapper.toggled #sidebar-wrapper {
	width: 325px;
}

#page-content-wrapper {
	width: 100%;
	padding-top: 10px;
	margin-top: -10px;
	float: left;
	min-height: 600px;
	box-shadow: -2px 0px 4px 0px rgb(0 0 0/ 23%);
	z-index: 99;
	position: relative;
}

}
#wrapper.toggled #page-content-wrapper {
	margin-right: -325px;
}

/*-------------------------------*/
/*     Sidebar nav styles        */
/*-------------------------------*/
.sidebar-nav {
	background: #fefefe;
	width: 325px;
	margin: 0;
	padding: 0 0 20px;
	list-style: none;
	min-height: 580px;
}

/*-------------------------------*/
/*       Hamburger-Cross         */
/*-------------------------------*/
.hamburger {
	position: fixed;
	top: 19%;
	z-index: 999;
	background: transparent;
	border: none;
	margin: 0px;
	padding: 0px;
	transition: all 0.5s ease;
	cursor: pointer;
}

.hamburger.is-closed {
	left: 360px;
}

.hamburger.is-open {
	left: 0px;
}

.hamb-top {
	display: block;
	background: none;
	padding: 4px 0 0;
	width: 15px;
	margin: 0px auto;
}

.hamb-top .fa {
	font-size: 17px;
}

.hamb-top .fa-angle-left {
	font-size: 34px;
	transform: translate3d(0px, -1px, 0);
	-webkit-transform: translate3d(0px, -1px, 0);
	margin-right: 0px;
	transition: ease all 0.5s;
	-webkit-transition: ease all 0.5s;
}

.popup-list.multishowprod {
	min-width: 160px;
	float: left;
	display: inline-block;
	width: auto;
}

.hamb-top .fa-angle-left.angle-right {
	-webkit-transform: translate3d(0, 2px, 0) rotate(-180deg);
	transform: translate3d(0, 2px, 0) rotate(-180deg);
}

.legend-block {
	width: 100%;
	margin: 0px;
}

/***********************Left Navigation End*************************/
.first-row {
	display: flex;
	margin: 0px;
}

.left-section-block {
	padding: 0px 0px;
	position: relative;
	transition: visibility 0s, opacity 0.5s linear;
}

.suggetion-text {
	font-size: 13px;
	color: #626262;
	margin: 0 0 15px;
}

.cas-block-number {
	display: block;
	margin: 0px;
}

.cas-block-number .rich-autocomplete {
	width: 100%;
	float: left;
	height: 32px !important;
	margin-right: 6px;
}

.cas-block-number span {
	display: block;
	font-weight: 300;
	margin-bottom: 3px;
	font-size: 15px;
	color: #000;
}

.rich-autocomplete-list {
	width: 100% !important;
}

.lf-block-tw .rich-autocomplete-list { /* width:263px !important; */
	
}

.cas-block-number input[type="text"] {
	margin-right: 25px;
	width: 100%;
	font-size: 13px;
	padding: 2px 8px;
}

.highlighted .prodct-name-cls, .highlighted .conc, .highlighted .itemdescript,
	.highlighted .casno, .highlighted .chname-cls {
	color: #fff !important;
}

li.highlighted p {
	color: #fff !important;
}

.chemical-number-block {
	display: block;
}

.lf-block-tw {
	
}

.left-pan-tab {
	
}

.innercontent {
	padding: 0 10px;
	margin: 15px 0 0;
}

.left-pan-tab h3, .lf-block-tw h3 {
	background: #f7f7f7;
	font-size: 16px;
	padding: 10px 5px 10px 10px;
	color: #00a18f;
	margin: 0 0 20px;
	width: 99%;
	text-transform: uppercase;
}

.left-pan-tab .nav-tabs>li>a:hover {
	border: none;
	background: none;
}

.left-pan-tab .tab-content {
	padding: 0;
	border-top: none;
	margin-bottom: 20px;
	position: relative;
}

.addchemicals-opt {
	margin: 0px 0 0 5px;
	padding: 0px;
	list-style: none;
	font-size: 13px;
	color: #666;
	display: table;
	width: 100%;
}

.linksname {
	font-size: 13px !important;
	margin: 3px 0 0 0;
	cursor: pointer;
	float: left;
	display: block;
	z-index: 1;
	position: relative;
	width: 85%;
}

.addchemicals-opt li {
	display: table;
	width: 100%;
	text-transform: uppercase;
	margin: 15px 0px;
	position: relative;
	cursor: pointer;
}

.addchemicals-opt li:hover .hovereffect {
	opacity: 1;
	cursor: pointer;
}

.hovereffect {
	position: absolute;
	bottom: -10px;
	top: -10px;
	right: 0;
	left: -10px;
	background: rgba(134, 134, 134, 0.04);
	border-radius: 3px;
	opacity: 0;
	transition: opacity 0.3s;
}

.addchemicals-opt li:last-child {
	margin-bottom: 0px;
}

.addchemicals-opt li a {
	color: #666;
}

.addchemicals-opt li a:hover {
	background: none !important;
	text-decoration: none;
	color: #00599b !important;
}

.left-pan-tab .nav-tabs>li>a {
	margin-right: 0px;
	font-size: 14px;
	line-height: inherit;
	z-index: 2;
	position: relative;
	flex: 1;
}

/* .left-pan-tab .nav-tabs > li:last-child.active > a:after{ border-right:none;}    
.left-pan-tab .nav-tabs > li.active > a:after{
    background: #fff;
    content: "";
    position: absolute;
    bottom: -22px;
    left: -1px;
    right: 0px;
    top: 33px;
    z-index: -1;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
} */
.left-pan-tab  .nav-tabs {
	text-align: center;
	border-bottom: 0px !important;
}

.left-pan-tab .nav-tabs>li {
	float: left;
	margin-bottom: -1px;
	display: flex;
	width: 50%;
}

.selectprotectioncat {
	padding: 0 10px;
}

/* .lf-block-on.lf-block-tw .left-pan-tab .nav-tabs > li{    margin-bottom: -5px;}
 */
.or-cls {
	position: absolute;
	left: -15px;
	top: 10px;
	height: 25px;
	width: 25px;
	background: #00a18f;
	color: #fff;
	z-index: 10;
	border-radius: 100%;
	font-size: 12px;
	line-height: 26px;
}

.chemical-number-block>span {
	display: block;
	font-weight: 300;
	margin-bottom: 3px;
	font-size: 15px;
	color: #666;
}

span.search-icon-left {
	position: absolute;
	z-index: 9;
	left: 7px;
	top: 6px;
	color: #b3b3b3;
}

.chemical-number-block .rich-autocomplete {
	width: 100%;
	float: left;
	margin-right: 0px;
	height: 40px;
	margin-bottom: 12px;
}

.row.no-gutters {
	margin-left: 0px;
	margin-right: 0px;
}

.project-name {
	margin: 0 10px 0 0;
	border: 1px solid #ccc;
	position: relative;
	padding: 0px 35px 0px 1px;
	border-radius: 3px;
	height: 32px;
	background: #fbfbfb;
}

.editreportname {
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
}

.project-name.editreportname .report-edit-icon {
	background: #00599b;
	right: -1px;
	bottom: -1px;
	top: -1px;
	padding: 5px;
}

.project-name.editreportname .report-edit-icon .fa {
	color: #fff !important;
	transition: ease 0.3s;
}

.save-reprot-icon {
	position: absolute;
	width: 95px;
	right: 0;
	top: 0px;
}

#reportName {
	display: table;
	margin: 7px 6px 0 0;
}

.project-name input[type="text"] {
	margin: 0px 40px 0 0;
	font-size: 13px;
	border-left: none;
	border-right: none;
	min-width: 195px;
	float: left;
	height: 30px;
	padding: 0 5px 0 7px;
	box-shadow: none;
	border-radius: 0;
	outline-offset: inherit;
	-webkit-appearance: inherit;
	border: none;
}

.project-name h3 {
	margin: 3px 6px 0;
	float: left;
	border: 0;
	padding: 0 0px 0 0;
	font-size: 13px;
	display: block;
	max-width: 100px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.editreport {
	padding: 0 0 0 10px;
	color: #00a18f;
	position: relative;
}

.cc-message {
	float: left;
}

.cc-compliance {
	width: 160px;
	float: right;
}

.mtopcls {
	margin-top: 15px;
}

.savereport {
	background: #f4f4f4;
	padding: 11.5px 11px;
	border: 1px solid #00a18f;
	border-right: 1px solid #00a18f;
	position: relative;
	color: #00a18f;
	font-size: 14px;
}

.savereport:after {
	border: 8px solid transparent;
	border-left-color: #00a18f;
	content: "";
	position: absolute;
	top: 15px;
	right: -16px;
}
/* 
.editreport:after{
    border: 8px solid transparent;
    border-left-color: #f2f2f2;
    content: "";
    position: absolute;
    top: 15px;
    right: -16px;
}*/
.report-edit-icon .fa {
	color: #666 !important;
}

.report-edit-icon:hover  .fa {
	color: #0a4a87 !important;
}

.reportcover {
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
}

.save-reprot-icon .fa {
	color: #fff
}

.save-reprot-icon a:first-child:after {
	content: "";
	border-right: 1px solid #fff;
	position: absolute;
	right: 0px;
	top: 10px;
	bottom: 10px;
}

.save-reprot-icon a {
	margin: 0;
	font-size: 18px;
	cursor: pointer;
	transition: ease all 0.5s;
	background: #0a59a5;
	padding: 9.7px 13px;
	color: #fff !important;
	margin-top: 0;
	display: inline-block;
	position: relative;
	height: 45px;
	float: left;
}

.report-edit-icon {
	font-size: 16px;
	cursor: pointer;
	padding: 4px 5px 0;
	color: #fff !important;
	transition: ease all 0.5s;
	background: #f9f9f9;
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	border-left: 1px solid #ccc;
	border-radius: 0 3px 3px 0;
}

.project-name .report-edit-icon {
	padding: 7px 5px 0 8px;
}

.editreport-icon {
	width: 20px;
	text-align: center;
}

.savereportnameicon {
	padding: 3px 14px 0 5px;
	border-right: 1px solid #ccc;
	margin-right: 5px;
	transition: ease 0.5s;
	float: left;
}

.savereportnameicon:hover .fa {
	opacity: 0.7;
}

.closereporticon {
	padding: 3px 5px 0;
	transition: ease 0.5s;
	float: left;
}

.closereporticon:hover .fa {
	opacity: 0.7;
}

.delete-report {
	position: relative;
	margin: -1px 0 0 7px;
	float: left;
	border-left: 1px solid #666;
	font-size: 7px;
	padding: 0 0 0 4px;
}

.brnd-cls {
	display: block;
	min-height: inherit !important;
	width: 100% !important;
}

.addreport-block input[type="text"] {
	width: 78%;
	font-size: 13px;
	border: 1px solid #ccc;
	padding: 6px 5px;
}

.addreport-block {
	display: block;
	margin: 0 0 20px;
	border-bottom: 1px solid #ccc;
	padding-bottom: 20px;
}

.addreport-block  span {
	display: block;
	font-weight: 300;
	margin-bottom: 3px;
	font-size: 15px;
	color: #000;
}

.chemical-number-block  input[type="text"] {
	width: 100% !important;
	font-size: 13px;
	padding-left: 25px;
}

.add-popular-list {
	font-size: 12px;
	display: block;
	margin: 0;
}

.add-popular-list .fa {
	font-size: 14px;
}

.addmultipleicon {
	width: 25px;
	height: 25px;
	display: block;
	z-index: 1;
	position: relative;
	float: left;
	background: url(../img/AddFlask.png);
	background-size: 23px auto;
	background-repeat: no-repeat;
	margin-right: 10px;
}

.addproducticon {
	width: 25px;
	height: 25px;
	display: block;
	float: left;
	background: url(../img/addProduct.png);
	background-size: 26px auto;
	background-repeat: no-repeat;
	margin-right: 10px;
}

.upload-ch-list-icon {
	width: 25px;
	height: 25px;
	display: block;
	float: left;
	background: url(../img/upload-template-icon.png);
	background-size: auto 25px;
	background-repeat: no-repeat;
	margin-right: 10px;
	background-position-x: 5px;
}

.createnewch {
	width: 25px;
	height: 25px;
	display: block;
	float: left;
	background: url(../img/createchicon.png);
	background-size: 23px auto;
	background-repeat: no-repeat;
	margin-right: 10px;
}

.add-popular-list label {
	display: inline-block;
}

.add-popular-list input {
	display: inline-block;
	margin: 2px 5px 0px 0px !important;
	float: left;
}

.add-popular-list p {
	margin: 0px;
	font-size: 13px;
}

.click-action {
	display: inline-block !important;
	color: #0a59a5 !important;
	cursor: pointer;
	margin-left: 6px;
	font-size: 13px !important;
	font-weight: 300 !important;
	text-decoration: underline;
}

.click-action:hover {
	text-decoration: underline;
	color: #0a4a87;
}

.btn-cls {
	cursor: pointer;
	border-radius: 3px;
	display: inline-block;
	padding: 10px;
	background: #0a59a5;
	color: #fff !important;
	text-transform: capitalize;
	font-size: 13px;
	border: 1px solid #0a59a5;
	transition: ease all 0.5s;
}

.btn-cls .fa {
	margin-right: 5px;
}

.btn-width-small {
	min-width: 70px;
}

.big-btn {
	padding: 10px 20px;
	font-size: 18px;
	margin-right: 10px;
}

.comman-title .fa.fa-info-circle {
	margin: -2px 0px -2px 9px;
	font-size: 20px;
}

.minus-btn {
	padding: 0px 5px !important;
	margin-top: -3px;
	margin-left: 15px;
	background: #00a18f !important;
}

.minus-btn:hover {
	background: #008c7c !important;
	transition: ease 0.4s;
}

.phonehckbox {
	margin-top: 2px !important;
	float: left;
	margin-right: 1px !important;
	margin-left: 0px !important;
	box-shadow: none;
	border-radius: 0;
	outline-offset: inherit;
}

.regcheckbox {
	margin-top: 2px !important;
	float: left;
	margin-right: 2px !important;
	box-shadow: none;
	border-radius: 0;
	outline-offset: inherit;
}

.minus-btn .fa {
	font-size: 17px;
	margin: 0px !important;
}

.comman-title .fa.fa-plus {
	color: #fff !important
}

.comman-title .fa.fa-plus:hover {
	color: #fff !important;
}

.comman-title.collapsed .fa.fa-angle-up:before {
	content: "\f106";
}

.btn-cls:hover {
	background: #0a4a87;
	color: #fff;
	text-decoration: none;
	border: 1px solid #0a4a87 !important;
}

.submitlodingbtn {
	background: #fff !important;
	color: #fff !important;
}

.loader.loder-submit {
	top: 7px;
	right: 30px;
	left: inherit;
}

.uncover-block .comman-title {
	background: none;
	padding: 0 0 10px;
	border-radius: 3px 3px 0 0;
	margin: 0px;
	color: #303030;
	font-size: 13px;
	border-bottom: 1px solid #ccc;
}

.uncover-block .default-cover {
	padding: 0px;
	border: none;
}

.comman-title {
	background: #f7f7f7;
	padding: 10px;
	border-radius: 3px 3px 0 0;
	margin: 0px;
	color: #00a18f;
	font-size: 13px;
	text-transform: uppercase;
	font-weight: 600;
}

.default-cover {
	padding: 10px;
	border: 1px solid #f2f2f2;
	font-size: 13px;
}

.scroll-block {
	margin-top: 10px;
}

.disc-scroll-block {
	margin-top: 10px;
	max-height: 150px;
	overflow-y: auto;
}

.disclaimer-block {
	display: none;
	border-top: 1px dashed #00a18f;
	padding: 10px 0 0;
}

.disclaimer-block h4 {
	color: #00a18f;
	font-size: 14px;
	text-transform: uppercase;
	margin: 5px 0;
}

.disclaimer-block h4 a {
	color: #00a18f;
}

.pbtm-main-block {
	float: left;
	width: 25%;
}

.permeation-bp-block {
	float: left;
	width: 100%;
}

.permeation-bp-block h3 {
	font-size: 13px;
	background: #666;
	display: block;
	padding: 6px;
	color: #fff;
	width: 200px;
	margin: 0 0;
}

.permeation-bp-block .pbtm-block {
	width: 200px;
	display: table;
	background: #dcf0f7;
	margin: 1px 0;
	overflow: hidden;
}

.permeation-bp-block .pbtm-block span:first-child {
	display: block;
	position: relative;
	height: 35px;
	width: 60px;
	float: left;
}

.permeation-bp-block .pbtm-block.pbtm-block-dark {
	background: #c4e1ef;
}

.permeation-bp-block .pbtm-block span:second-child {
	
}

.barrier-text {
	margin: 1px 5px 0;
	float: left;
	width: 63%;
}

.nobarrier {
	background: #d5103d;
}

.nobarrier:after {
	background: #d5103d;
	content: "";
	bottom: -22px;
	top: 0px;
	position: absolute;
	width: 60px;
}

.splashbarrier {
	background: #e58320;
}

.splashbarrier:after {
	background: #e58320;
	content: "";
	bottom: -22px;
	top: 0px;
	position: absolute;
	width: 60px;
}

.mediumbarrier {
	background: #ebbb29;
}

.mediumbarrier:after {
	background: #ebbb29;
	content: "";
	bottom: -22px;
	top: 0px;
	position: absolute;
	width: 60px;
}

.goodbarrier {
	background: #72a36b;
}

.goodbarrier:after {
	background: #72a36b;
	content: "";
	bottom: -22px;
	top: 0px;
	position: absolute;
	width: 60px;
}

.pbtm-main-block h3 {
	font-size: 13px;
	text-transform: capitalize;
	margin-top: 6px;
	font-weight: bold;
	margin-bottom: 10px;
}

.pbtm-block {
	display: block;
	margin: 10px 0 0px;
}

.pbtm-amount {
	
}

.gp-circle {
	background: #abb731;
	height: 15px;
	width: 15px;
	border-radius: 100%;
	display: inline-block;
	float: left;
	margin-top: 4px;
	margin-right: 6px;
}

.mp-circle {
	background: #f1b833;
	height: 15px;
	width: 15px;
	border-radius: 100%;
	display: inline-block;
	float: left;
	margin-top: 4px;
	margin-right: 6px;
}

.sp-circle {
	background: #e8862b;
	height: 15px;
	width: 15px;
	border-radius: 100%;
	display: inline-block;
	float: left;
	margin-top: 4px;
	margin-right: 6px;
}

.nr-circle {
	background: #d53243;
	height: 15px;
	width: 15px;
	border-radius: 100%;
	display: inline-block;
	float: left;
	margin-top: 4px;
	margin-right: 6px;
}

.gp-bg-color {
	background: #abb731 !important;
}

.mp-bg-color {
	background: #f1b833 !important;
}

.sp-bg-color {
	background: #e8862b !important;
}

.nr-bg-color {
	background: #d53243 !important;
}

.last-li-cls {
	margin-right: 0px !important;
	margin-top: 3px !important;
}

.nopadin-right {
	padding-right: 0px !important;
}

.nopadin-left {
	padding-left: 0px !important;
}

.comman-title.color-title {
	background: #00a18f;
	color: #fff;
	text-transform: capitalize;
}

.remove-cls {
	margin-left: 14px;
	cursor: pointer;
	font-weight: normal;
	text-transform: capitalize;
	font-size: 13px;
	margin-top: 0px;
}

.remove-cls:hover {
	text-decoration: underline;
}

.report_container {
	
}

.report_container .grid-action {
	margin-right: 5px
}

.report_container .ui-jqgrid .ui-jqgrid-bdiv {
	overflow-x: hidden;
}

.reportlist-block {
	margin: 20px 0 50px;
}

.Hide-cls {
	font-size: 15px;
	cursor: pointer;
	font-weight: normal;
	color: #fff;
	text-transform: capitalize;
	font-size: 13px;
}

.show-cls, .removeProds {
	font-size: 15px;
	cursor: pointer;
	font-weight: normal;
	color: #fff;
	text-transform: capitalize;
	font-size: 13px;
}

.removeProds input[type="checkbox"] {
	margin: 4px 3px 0 0;
}

.prothikness-materil-cls {
	border-bottom: 1px solid #ccc;
	margin-bottom: 4px;
	font-weight: normal;
	padding: 5px 8px;
}

.prothikness-materil-cls span {
	display: block;
	margin: 2px 0;
	font-size: 12px;
	color: #ccc;
}

.popUpThickness {
	display: block;
}

.materilcls {
	min-height: 40px;
	border-bottom: 1px dashed #ccc;
}

.brandcls {
	min-height: 53px;
}

.thiknescls {
	min-height: 63px;
	padding-bottom: 4px !important;
	border-bottom: 1px dashed #ccc;
	margin-bottom: 5px !important;
}

span.heigtcls {
	display: block;
}

.prothikness-materil-cls span span {
	color: #fff !important;
}

.pro-botom-cls {
	width: 100%;
	display: block;
}

.pro-botom-cls span:first-child {
	margin-left: 0px;
}

.pro-botom-cls span .fa {
	margin-right: 8px;
}

.pro-botom-cls span:hover {
	background: #0a4a87;
}

.pro-botom-cls span {
	float: left;
	margin-left: 10px;
	transition: ease all 0.5s;
	margin-right: 0;
	display: block;
	padding: 5px;
	background: #0a59a5;
	border-radius: 3px;
	color: #fff;
	cursor: pointer;
	font-weight: normal;
	width: 48%;
}

.pro-botom-cls span:hover {
	
}

/*.first-td-cls:after{
    border: 1px solid #ccc;
    width: 100%;
    position: absolute;
    left: 0px;
    right: 0px;
    content: "";
    height: 100%;
    top: 0px;
    bottom: 0px;
}
.second-td-cls:after{
    border: 1px solid #ccc;
    width: 100%;
    position: absolute;
    left: 0px;
    right: 0px;
    content: "";
    height: 100%;
    top: 0px;
    bottom: 0px;
}

.third-td-cls:after{
    border: 1px solid #ccc;
    width: 100%;
    position: absolute;
    left: 0px;
    right: 0px;
    content: "";
    height: 100%;
    top: 0px;
    bottom: 0px;
}*/
.table-hover>tbody>tr:hover {
	background: none !important;
}

.td-pading-cls {
	display: block;
}

.td-pading-cls.cumulative_value {
	min-width: 140px;
	margin: 5px 0 5px;
	display: table;
	width: 100%;
}

.cas-th-cls {
	width: 95px;
	position: relative;
	word-wrap: break-word;
	padding: 5px !important;
}

.cas-th-cls.checkboxdiv {
	width: 22px !important;
}

th.cas-th-cls::after, th .chemical-th-cls:after {
	/* border-right: 1px solid #ccc; */
	content: "";
	bottom: 0px;
	right: -1px;
	position: absolute;
	top: 0px;
}

div.chemical-th-cls {
	position: relative;
}

.chemical-th-cls {
	width: 163px;
	word-wrap: break-word;
	padding: 5px !important;
}

.ch-name-cls {
	width: 130px;
	float: left;
	display: block;
}

.second-td-cls .ch-name-cls .fa.fa-download {
	cursor: pointer;
	margin: 0px 5px 0 0;
	color: #0a59a5;
}

.tcDeleteChem-cls {
	display: none;
	cursor: pointer;
	font-size: 16px;
	color: #0a59a5;
	right: 0;
	top: 0;
	z-index: 9;
	float: right;
}

.action-cls {
	color: #fff;
	margin: 0 0px 0 30px;
	cursor: pointer;
}

.inerdv {
	width: 100%;
	display: table;
	height: 100%;
}

.vetimidle {
	display: table-cell;
	vertical-align: middle;
}

.action-cls:hover {
	color: #fff !important;
}

.action-cls.no-actionc-cls {
	margin-left: 9px;
	border-left: 1px solid #fff;
	padding-left: 11px;
}

.no-margin-cls {
	margin: 0px !important;
}

.partial-match-grid .pq-grid-table {
	border: 1px solid #c5c5c5;
}

.delete-confirm.visble-delete {
	top: 0px !important;
	visibility: visible;
}

.delete-confirm-prod.visble-delete {
	transform: translate3d(0, 0%, 0);
	visibility: visible;
}

.delete-confirm-prod p {
	margin: 0px;
	padding: 9px 0 5px;
	line-height: 10px;
}

.delete-confirm {
	position: absolute;
	top: 100%;
	transition: ease all 0.5s;
	left: -96px;
	visibility: hidden;
	width: 381px;
	right: 0px;
	bottom: 0px;
	z-index: 9;
	background: rgba(0, 0, 0, 0.9);
	color: #fff;
	text-align: center;
	line-height: 32px;
	vertical-align: middle;
}

.delete-confirm-prod {
	position: absolute;
	transform: translate3d(0, 100%, 0);
	top: 0px;
	transition: ease all 0.5s;
	left: 0;
	visibility: hidden;
	width: 100%;
	right: 0px;
	bottom: 0px;
	z-index: 9;
	background: rgba(0, 0, 0, 0.9);
	color: #fff;
	text-align: center;
	line-height: 32px;
	height: 130% \9;
	vertical-align: middle;
}

.delete-confirm-prod::after {
	
}

.perstange-th-cls {
	width: 50px;
	padding: 5px !important;
	text-align: left;
}

.aggr-cls {
	width: 56px !important;
	text-align: Center !important;
}

.aggr-cls.paddincls {
	white-space: pre-wrap;
	padding: 0px !important;
	word-break: break-word;
}

.blank-th-cls {
	background-color: #fff !important;
	width: 5px !important;
	padding: 0px !important;
	z-index: 9;
	border-top: none !important;
	border-bottom: none !important;
}

.blank-th-cls.hide-cls {
	display: none;
}

.grid-tble-cls {
	width: auto !important;
}

.no-right-marg {
	margin-right: 0px !important;
}

.expand-btn, .collapse-btn {
	padding-right: 0px !important;
}

/* .expand-btn{
    cursor: pointer;
    background: url(../img/expand.png) no-repeat;
    width: 16px;
    height: 16px;
    margin-top: 3px;
    padding-left: 15px !important;
    background-position: center right;
}

.collapse-btn{
    cursor: pointer;
    background: url(../img/collapse.png) no-repeat;
    width:16px;
    height:16px;
    margin-top: 3px;
    display:none;
   margin-right:0px !important;
}



*/
.collapse-btn {
	display: none;
}

.first-row {
	
}

/*.blank-th-cls:after{
    content: "";
    background: #fff;
    height: 104% !important;
    position: absolute;
    display: block;
    width: 4px !important;
    left: -2px !important;
    top: -1px !important;
    bottom: 0;
    border-top: none !important;
    border-left: 1px solid #ccc;
}
*/
.tdMiddleCells {
	background: #fff;
	border: none !important;
}

.dispble-cls {
	
}

.dispble-cls input {
	opacity: 0.5;
}

.passblock {
	position: relative;
}

.dispble-cls.input-efect-cls:before, .dispble-cls.input-efect-cls .trycls
	{
	opacity: 0.5;
}

.dispble-cls #phoneNumber, .dispble-cls #state, .dispble-cls #country,
	.dispble-cls #phoneNumberValue {
	cursor: not-allowed;
}

.list-block-cls .fa.fa-th-list:hover {
	color: #fff !important;
}

.list-block-cls .fa.fa-list-ul {
	width: 5px;
	overflow: hidden;
	font-size: 21px;
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
}

.remove-cls-list .fa.fa-trash {
	
}

.pro-cls {
	position: relative !important;
}

.product-details-cls .card {
	border: none;
	border-radius: 0px;
}

.product-details-cls img {
	width: 50%;
	height: auto;
	display: block;
	margin: 10px auto 20px;
}

.navbar-brand {
	height: inherit !important;
	padding: 0 !important;
}

.paddincls .popover-content {
	color: #000;
}

.paddincls .popover {
	max-width: 294px;
}

.paddincls .product-details-cls {
	width: 266px;
	color: #000;
	/*
  
    padding: 10px;
    z-index: 99;
top: 10px;
right: -7px;
position: absolute !important;
background: #fff;
padding: 10px;
font-weight: normal;
      border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
 -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
          box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);*/
}

.product-details-cls h3 {
	font-size: 18px;
	margin: 0 0 10px;
}

.product-details-cls p {
	margin: 0;
	width: 100%;
	float: left;
	border-bottom: 1px solid #f4f4f4;
	padding: 8px 0;
}

.card-block p span {
	color: #666;
}

.pin-cls {
	display: block;
	text-align: right;
}

.remove-cls-list {
	display: block;
	text-align: left;
}

.cas-th-cls.paddincls {
	border-left: none;
}

.pro-name {
	float: left;
	width: 89%;
}

.pro-descrip {
	display: block;
	width: 100%;
}

.coverclsaction {
	display: block;
	margin: 0px auto;
	width: 100%;
}

.coverclsaction:before, .coverclsaction:after {
	content: "";
	display: table;
}

.coverclsaction:after {
	clear: both;
}

.main-tble-cls th.cas-th-cls, .main-tble-cls th.chemical-th-cls,
	.main-tble-cls th.perstange-th-cls {
	text-align: center !important;
	vertical-align: middle !important;
}

.row-action-block {
	width: 100%;
	float: right;
	text-align: center;
	background-color: rgba(0, 0, 0, 0.2);
	position: relative;
	margin-right: 0;
	margin-bottom: 0;
	padding: 0;
	margin-top: 0;
	position: absolute;
	bottom: -5px;
}

#tcMaterial {
	height: 33px;
}

.lastth-pre {
	position: relative;
	overflow: hidden;
	width: auto !important;
}

.coverclsaction a {
	cursor: pointer;
	padding: 5px 18px;
	width: 50%;
	text-align: center;
}

.row-action-block a:hover, .row-action-block a:focus {
	color: #fff !important;
	text-decoration: none;
}

.prodetailblock {
	width: 700px !important;
	left: 50% !important;
	margin-left: -350px;
	top: 20% !important;
	height: 490px !important;
}

.row-action-block a:hover {
	color: #fff !important;
}

.list-block-cls {
	color: #fff;
	display: inline-block;
	float: left;
	margin-right: 0px;
	font-size: 15px;
	border-right: 1px solid #ccc;
}

.remove-cls-list {
	color: #fff;
	float: left;
	font-size: 15px;
}

.remove-block-cls {
	color: #fff;
	float: left;
	display: inline-block;
	width: 12px;
	top: 0px;
	font-size: 15px;
}

.mover {
	display: none;
	float: left;
	margin-right: 25px;
}

.prews {
	width: 100%;
}

.prothikness-materil-cls {
	
}

.prothikness-materil-cls span:last-child {
	
}

.th-container {
	display: block;
	position: relative;
	min-width: 96px;
}

.pro-table-cls td {
	text-align: center;
}

.pro-table-cls th {
	position: relative;
}

.div-cls-details {
	position: relative;
	display: block;
}

.div-cls-details .gridtop-cls {
	display: block;
	color: #0a59a5;
	padding: 0px;
	margin: 0;
	float: right;
}

.first-block-cls {
	margin: 10px 0;
	display: block;
	width: 100%;
	padding: 0;
}

.div-cls-details ul li:first-child {
	float: left;
	color: #333;
}

.div-cls-details ul li:last-child .fa-download {
	margin-top: 5px;
}

.div-cls-details ul li:nth-child(2) {
	margin-right: 0px;
}

.div-cls-details .pull-left label {
	font-weight: normal;
	margin-bottom: 0px;
}

.div-cls-details ul li a {
	color: #4179b6;
}

.div-cls-details ul li {
	float: right;
	margin-right: 30px;
	color: #4179b6;
	list-style: none;
	padding: 0px;
}

.margin-top-cls {
	margin-top: 39px;
}

.div-cls-details ul li span {
	margin: 0 2px;
}

.right-section-block {
	padding: 0 20px;
	/* margin-bottom: 50px; */
	margin-bottom: 0px;
}

.prodct-name-cls {
	margin: 0px;
}

.prodct-name-cls .valuename {
	font-weight: normal;
}

.cas-nu-cls {
	
}

.valuename {
	
}

.rich-autocomplete .rich-autocomplete-list {
	max-height: 340px !important;
}

.rich-autocomplete .rich-autocomplete-list li {
	padding: 10px 12px !important;
	margin: 0px 0 !important;
	border-bottom: 1px solid #ccc;
	color: #000 !important;
	float: left;
	width: 100%;
}

.rich-autocomplete .rich-autocomplete-list li p {
	margin: 0px;
	display: block;
	width: 100%;
	float: left;
}

.buttons-block a:hover {
	color: #fff;
	text-decoration: none;
}

.login-register-block .buttons-block span>a {
	padding: 0 10px;
}

#logout-btn-span a {
	padding-right: 0px !important;
}

#Login-btn-span  a {
	padding-right: 0px !important;
}

.nav-gation li a:after {
	content: "";
	left: 0px;
	top: 100%;
	height: 1px;
	background: #0a59a5;
	position: absolute;
	opacity: 0;
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	width: 100%;
	transition: height 0.3s, opacity 0.3s, transform 0.3s;
}

.nav-gation li a:hover:After {
	opacity: 1;
	transform: translateY(-2px);
	-web-kit-transform: translateY(-2px);
	-moz-transform: translateY(-2px);
	height: 2px;
}

.login-register-block .buttons-block span>a:after {
	content: "";
	left: 0px;
	top: 100%;
	height: 1px;
	background: #fff;
	position: absolute;
	opacity: 0;
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	width: 100%;
	transition: height 0.3s, opacity 0.3s, transform 0.3s;
}

.login-register-block .buttons-block span:hover>a:after {
	opacity: 1;
	transform: translateY(5px);
	-web-kit-transform: translateY(5px);
	-moz-transform: translateY(5px);
	height: 2px;
}

.buttons-block, .buttons-block a, .buttons-block a:focus {
	font-size: 13px;
	color: #fff;
	position: relative;
}

.register-btn {
	font-size: 15px;
	color: #fff;
	/* 	padding-right: 21px;
 */
}

.Login-btn, .Login-btn:focus {
	font-size: 15px;
	color: #fff;
	cursor: pointer;
}

.add-new-report {
	/* margin-right: 19px; */
	
}

.add-new-report .fa-plus {
	font-size: 8px;
	position: absolute;
	top: 7px;
	left: 3px;
}

.buttons-block .fa {
	margin-right: 3px;
}

.buttons-block .fa-file-o {
	margin-right: 7px;
}

.header-menu-cls {
	list-style: none;
	padding: 0px;
	margin: 13px 0 0 0;
}

.header-menu-cls li {
	float: left;
	margin: 0px 5px;
	font-size: 13px;
}

.header-menu-cls li:last-child a {
	
}

.languages-ul-cls li:first-child {
	display: none;
}

.languages-block {
	position: relative;
}

.languages-block:after {
	content: "";
	border-right: 1px solid #0a59a5;
	padding-right: 48px;
	display: block;
	position: absolute;
	top: 4px;
	right: -6px;
	bottom: 0px;
}

.languages-block select {
	padding: 4px;
	border: 1px solid #ccc;
}

.languages-block .form-control {
	border: none;
	box-shadow: none;
}

.chemicals-title-block {
	width: 65.5%;
	float: right;
}

.navbar {
	background: none;
}

.navbar-brand {
	margin-top: 5px;
	z-index: 9;
}

.chemicals-title-name {
	width: 395px;
}

.comman-title.color-title {
	float: left;
	background: #00a18f;
	color: #fff;
	position: absolute;
	border-radius: 3px 3px 0 0;
	display: inline-block;
	top: -39px;
}

.casno {
	display: block;
	font-weight: normal !important;
	font-size: 13px !important;
}

.itemdescript {
	color: #666 !important;
	font-weight: normal !important;
	font-size: 13px !important;
	display: block !important;
	float: left;
	width: 80%;
	margin: 0px !important;
}

.product-title {
	position: absolute;
	left: 400px;
	right: 0;
}

.chname-cls {
	width: 100%;
	float: left;
	font-size: 13px !important;
	font-weight: normal !important;
	margin-bottom: 5px;
	display: block;
}

.default-block {
	position: relative;
}

.width-full-cls {
	width: 100%;
}

.main-tble-cls {
	border-spacing: inherit;
	border-collapse: inherit;
	border-left: none;
}

.conc {
	display: inline-block !important;
	font-weight: normal !important;
	color: #666 !important;
	margin: 0 5px;
	font-size: 13px !important;
	float: right;
}

.main-tble-cls thead {
	height: auto !important;
}

.main-tble-cls th {
	border: none;
	border-left: 1px solid #ccc !important;
	border-bottom: none !important;
	vertical-align: top !important;
	font-weight: normal;
	padding: 0px !important;
}

.main-tble-cls td {
	background: #fff;
	padding: 0px !important;
	border-left: 1px solid #ccc;
	text-align: center;
	vertical-align: middle !important;
	color: #fff;
	border-top: none !important;
	border-bottom: 1px solid #ccc !important;
}

.physicalState-cls {
	border-right: 1px solid #ccc !important;
}

th.first-td-cls, th.second-td-cls, th.third-td-cls, th.fourth-td-cls, th.blank-th-cls
	{
	cursor: inherit;
	z-index: 10;
}

.main-tble-cls tbody tr:nth-of-type(2n+1)>td {
	background-color: #f9f9f9;
}

td.first-td-cls, td.second-td-cls, td.third-td-cls, td.fourth-td-cls {
	color: #000;
	text-align: left;
	z-index: 999;
}

.thheader-cls {
	position: relative;
}

.thheader-cls:before {
	content: "";
	position: absoulte;
	top: 0px;
}

.paddincls {
	padding: 4px !important;
	/*border-left: 1px solid #ccc;*/
}

.removeChem .fa {
	margin-right: 5px;
}

.chmiclcls {
	/* z-index: -2; */
	position: relative;
}
/*td.first-td-cls:after, td.second-td-cls:after, td.third-td-cls:after, td.fourth-td-cls:after {
    content: "";
    border-bottom: 1px solid #ccc;
    top: 0px;
    bottom: 0px;
    display: block;
    right: 0;
    width: 100%;
    border-left: 1px solid #ccc;
    position: absolute;
    left: -2px;
    height: 100%;
}
*/
td.first-td-cls::after {
	left: -1px !important;
}

td.fourth-td-cls::after {
	top: -1px !important;
	left: 0px !important;
	content: "";
	background: #fff;
	border: none !important;
	width: 6px !important;
	bottom: 10px;
	height: 106% !important;
	position: absolute !important;
	display: block;
}

/*.first-td-cls > .cas-th-cls{border:1px solid #ccc; width:100%;height:100%;}
.second-td-cls > .chemical-th-cls{border:1px solid #ccc; width:100%; height:100%;}
 .third-td-cls > .perstange-th-cls{border:1px solid #ccc; width:100%;height:100%;}*/
.fourth-td-cls {
	border: none !important;
}

.signup-block {
	margin-bottom: 50px;
}

.right-align-cls {
	margin-right: -3px;
}

.registratio-btn {
	margin-top: 0px;
}

.main-btls-cls {
	width: 50%;
	height: 300px;
	overflow-x: scroll;
	max-height: none;
	min-height: 0px;
	max-width: none;
	min-width: 0px;
}

/*******************Welcome css*****************************/
.ui-autocomplete {
	max-height: 100px;
	overflow-y: auto;
	overflow-x: auto;
	width: 50px;
	padding-right: 20px;
}

* html .ui-autocomplete {
	height: 100px;
}

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

thead th {
	background-color: #666;
	color: white;
}

.hovered tbody tr {
	background: #ddd;
}

.hovered tbody tr {
	background: #ddd;
}

#snackbar {
	visibility: hidden;
	min-width: 250px;
	margin-left: -125px;
	background-color: #333;
	color: #fff;
	text-align: center;
	border-radius: 2px;
	padding: 16px;
	position: fixed;
	z-index: 999999;
	left: 50%;
	bottom: 40%; 
	font-size: 17px;
}

#snackbar.show {
	visibility: visible;
	-webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
	animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

#cr_snackbar {
	visibility: hidden;
	min-width: 250px;
	margin-left: -125px;
	background-color: #333;
	color: #fff;
	text-align: center;
	border-radius: 2px;
	padding: 16px;
	position: fixed;
	z-index: 99;
	left: 50%;
	bottom: 100px;
	font-size: 17px;
}

#cr_snackbar.show {
	visibility: visible;
	-webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
	animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

@
-webkit-keyframes fadein {
	from {bottom: 0;
	opacity: 0;
}

to {
	bottom: 100px;
	opacity: 1;
}

}
@
keyframes fadein {
	from {bottom: 0;
	opacity: 0;
}

to {
	bottom: 100px;
	opacity: 1;
}

}
@
-webkit-keyframes fadeout {
	from {bottom: 100px;
	opacity: 1;
}

to {
	bottom: 0;
	opacity: 0;
}

}
@
keyframes fadeout {
	from {bottom: 100px;
	opacity: 1;
}

to {
	bottom: 0;
	opacity: 0;
}

}
.modal {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 9999 !important; /* Sit on top */
	padding-top: 100px; /* Location of the box */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0, 0, 0); /* Fallback color */
	background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */
}

.modal-content {
	background-color: #fefefe;
	margin: auto;
	padding: 20px;
	border: 1px solid #888;
	width: 80%;
}

.close {
	color: #aaaaaa;
	float: right;
	font-size: 28px;
	font-weight: bold;
}

.close:hover, .close:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
}

/*************************************************/
.rating-block {
	margin: 0px;
	list-style: none;
	padding: 0px;
	display: table;
	width: 100%;
}

.rating-block li {
	float: left;
	width: 50%;
	font-size: 13px;
	display: block;
	margin: 5px 0 0;
}

.rating-block span {
	display: inline-block;
	float: left;
	width: 85%;
}

.rating-block span:first-child {
	font-weight: bold;
	width: 27px;
	position: relative;
}

.rating-block span:first-child:after {
	content: "-";
	width: 5px;
	text-align: center;
	right: 2px;
	position: absolute;
}

.rating-block li.oddcls span:first-child:after {
	right: 3px;
}

.rating-block li.oddcls span:first-child {
	width: 20px;
}

input:focus, select:focus, textarea:focus, button:focus {
	outline: none !important;
}

.ui-widget-overlay {
	background: #000 !important;
}

chemicalList.ui-dialog {
	padding: 0px !important;
	border: none !important;
	background: #fff !important;
	width: 61% !important;
}

.ui-dialog-titlebar {
	background: #00a18f !important;
	border: none !important;
	border-radius: 4px 4px 0 0 !important;
	color: #fff !important;
}

.popup-list {
	list-style: none;
	padding: 0px;
	margin: 0px auto;
	display: table;
	float: left;
	width: 100%;
}

.popup-list li {
	float: left;
}

.popup-list li:last-child {
	float: right;
}

.paginationblock {
	display: block;
	width: 100%;
}

.paginationblock .pagination {
	margin-top: 0px;
}

.popup-list a {
	display: block;
	padding: 5px 10px;
	background: #ececec;
	margin: 0 1px;
	font-size: 13px;
	border: 1px solid #ccc;
}

.popup-list li:last-child a {
	position: relative;
	color: #337ab7;
	display: flex;
}

.popup-list.multishowprod li a {
	position: relative;
	color: #337ab7;
}

.popup-list.multishowprod li a.showallpro {
	padding: 5px 10px !important;
}

.popup-list li:last-child a:hover .selectcounter {
	color: #fff;
	border-left: 1px solid #fff;
}

.ch-seclect-block {
	margin-left: 10px;
	position: relative;
	line-height: 32px;
}

.selectcounter {
	background: none;
	color: #337ab7;
	font-size: 13px;
	font-weight: bold;
	margin: 0 0 0 10px;
	display: block;
	float: right;
	text-align: center;
	vertical-align: middle;
	padding: 0px 10px;
	border-left: 1px solid #337ab7;
}

.selectedchemicalList {
	background: #337ab7 !important;;
	color: #fff !important;
}

.selectedchemicalList .selectcounter {
	color: #fff !important;
	border-left: 1px solid #fff !important;
}

.selectedchemicalList .selectcounter {
	background: none;
}

.ch-seclect-block .caret {
	margin-top: -1px;
	display: none;
	margin-left: -2px;
}

.dropdown-menu.ch-dropdown {
	top: 28px;
	border-radius: 0;
	padding: 10px;
	box-shadow: none;
	right: 0px;
	left: inherit;
}

.popup-list a:hover {
	background: #4179b6 !important;
	color: #fff !important;
	border: 1px solid #4179b6;
}

.popup-list a:hover .selectcounter {
	color: #fff;
	border-left: 1px solid #fff;
}

o

.popup-list a.selectedchemicalList {
	background: #00a18f !important;
	color: #fff !important;
	border: 1px solid #00a18f;
	position: relative;
}
/* .popup-list a.selectedchemicalList:after{
    border: 7px solid transparent;
    border-top-color: #00a18f ;
    content: "";
    position: absolute;
    bottom: -15px;
    left: 8px;
}
 */
.chemicalblock {
	top: 20px !important;
	left: 47% !important;
	margin-left: -44.5%;
	height: 620px !important;
}

.chemicalblock .ui-dialog-buttonset {
	display: block;
	text-align: center;
	float: none !important;
}

.forgotpassblock.ui-dialog .ui-dialog-buttonpane button:first-child:hover
	{
	background: #0a4a87 !important;
}

.forgotpassblock.ui-dialog .ui-dialog-buttonpane button:first-child {
	background: #0a59a5 !important;
	border: medium none;
	border-radius: 3px;
	color: #fff;
	display: inline-block;
	font-size: 13px;
	padding: 7px;
	text-transform: capitalize;
	transition: all 0.5s ease 0s;
}

.ui-dialog .ui-dialog-buttonpane button:first-child {
	background: #666 !important;
	border: none;
}

.ui-dialog-buttonset button:hover {
	background: #0a4a87 !important;
	border: none;
}

.ui-dialog .ui-dialog-buttonpane button:first-child:hover {
	background: #575757 !important;
	border: none;
}

.grey-btn:hover {
	background: #575757 !important;
	border: 1px solid #666 !important;
}

.chemicalblock  .ui-dialog-buttonpane {
	bottom: 0px;
	position: absolute;
	right: 0px;
	left: 0px;
}

.chemicalblock .ui-dialog-buttonset button {
	margin: 10px 10px 5px !important;
	padding: 9px 15px;
}

.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover,
	.pagination>.active>span:hover, .pagination>.active>a:focus,
	.pagination>.active>span:focus {
	background: #00a18f !important;
	border-color: #00a18f !important;
}

.chem-list-cls {
	margin: 10px 0 0;
	padding: 0px;
	display: table;
	width: 100%;
	list-style: none;
}

.chem-list-cls li {
	padding: 0px;
}

.ch-selected .ch-cover-block {
	border: 1px solid #00a18f;
}

.ch-cover-block {
	position: relative;
	font-size: 13px;
	min-height: 125px;
	margin: 5px 16px 12px 0px;
	border: 1px solid #efefef;
	padding: 10px;
	transition: ease all 0.5s;
	border-radius: 3px;
	background: #fefefe;
}

.ch-cover-block:hover {
	border: 1px solid #00a18f;
}

.chem-list-cls li:nth-child(4n) .ch-cover-block {
	margin-right: 0px !important;
}

.chem-list-cls li label {
	font-weight: normal;
	float: left;
	cursor: pointer;
	width: 100%;
}

/*.chem-list-cls li label input[type="checkbox"]{
    float: left;
    margin: 2px 6px 0 0;
}
*/
li.ch-selected  input[type=checkbox] {
	cursor: not-allowed !important;
}

.chem-list-cls li input[type=checkbox] {
	opacity: 0;
	position: absolute;
	left: 0;
	width: 90%;
	height: 115px;
	top: 0px;
	cursor: pointer;
	right: 0px;
}

.chem-list-cls li input[type=checkbox]+label:before {
	content: "";
	display: inline-block;
	width: 15px;
	height: 15px;
	vertical-align: middle;
	margin-right: 1px;
	margin-top: 2px;
	background-color: #fff;
	border-radius: 0;
	float: left;
	border: 1px solid #00a18f;
}

.chem-list-cls li input[type=checkbox]:checked+label:before {
	content: "\2714";
	color: white;
	background-color: #00a18f;
	text-align: center;
	line-height: 14px;
}

.popupcas {
	color: #666;
	font-size: 13px;
}

.popupcas {
	float: left;
	margin-right: 10px;
	color: #666;
	padding-right: 10px;
	border-right: 1px solid #ccc;
}

.popconc {
	float: left;
	color: #666;
	margin-left: 5px;
}

.popupproname {
	float: left;
	width: 88%;
	margin-left: 10px;
	margin-bottom: 0;
	/* max-height: 72px;
	overflow-y: auto; */
}

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

.ch-first-top {
	width: 39%;
	position: relative;
}

.ch-first-top .fa {
	position: absolute;
	right: 0px;
	top: 8px;
	right: 10px;
	color: #337ab7;
	cursor: pointer;
}

.ch-pagination {
	margin-left: 20px;
}

.ch-pagination .pagination>li:first-child>a, .pagination>li:first-child>span
	{
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.ch-pagination .pagination>li:last-child>a, .pagination>li:last-child>span
	{
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.ch-pagination .pagination {
	margin: 0px;
}

.chsearchblock input[type="text"] {
	border: 1px solid #ddd;
	padding: 6px;
	width: 100%;
	box-shadow: none;
	border-radius: 0;
	outline-offset: inherit;
	-webkit-appearance: inherit;
}

.ui-dialog-buttonset button {
	border-radius: 3px;
	display: inline-block;
	padding: 7px;
	background: #0a59a5 !important;
	color: #fff;
	text-transform: capitalize;
	font-size: 13px;
	border: none !important;
	transition: ease all 0.5s;
}

.unselectable {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.white-cover {
	
}

.white-cover:before {
	content: "";
	position: absolute;
	left: 0px;
	top: 0px;
}

.ipadpotrait-block {
	display: none;
}

.nodata-cls {
	background: url(../img/nodata.png) !important;
	background-repeat: no-repeat !important;
	/* background-size: 20% !important; */
	background-position: center !important;
	text-align: center !important;
}

/*****************Flags********************/
@font-face {
	font-family: 'icomoon';
	src: url('../fonts/icomoon/icomoon.eot?-rdnm34');
	src: url('../fonts/icomoon/icomoon.eot?#iefix-rdnm34')
		format('embedded-opentype'),
		url('../fonts/icomoon/icomoon.woff?-rdnm34') format('woff'),
		url('../fonts/icomoon/icomoon.ttf?-rdnm34') format('truetype'),
		url('../fonts/icomoon/icomoon.svg?-rdnm34#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

.cs-placeholder:after {
	display: none;
}

.cs-placeholder .fa {
	position: absolute;
	font-size: 17px;
	right: 0px;
}

.cs-select.cs-active .fa {
	transform: translateY(0%) rotate(180deg);
}

.cs-placeholder li {
	margin: 0px;
}

.select-flag-icon {
	background-size: 20px auto;
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding: 0px 0 0 25px !important;
}

div.cs-skin-elastic {
	background: transparent;
	font-size: 14px;
	font-weight: normal;
	color: #666;
}

.mainloader {
	background: #fff url(loader.gif);
	height: 40px;
	width: 40px;
	border: 1px solid #ccc;
	margin: 0px auto;
	background-position: center center;
	display: none;
	background-repeat: no-repeat;
	position: absolute;
	z-index: 999;
	left: 0px;
	right: 0px;
	top: 50%;
	padding: 60px;
}

#chemicalList {
	height: 90% !important;
}

.emailactivated-block {
	border: 1px solid #ccc;
	background: #f9f9f9;
	padding: 10px 25px;
	width: 490px;
	margin: 70px auto 0;
	display: block;
	font-size: 15px;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
}

.tickicon-cls {
	background: url(../img/existingemail.png) no-repeat;
	color: #00a18f;
	padding-left: 48px;
}

.emailactivated-block .forgot-pass-links {
	margin: 30px 0 10px;
}

.errormsg {
	padding-left: 60px;
	margin: 10px 0;
	color: #ff0000;
	font-size: 13px;
}

.emailactivated-block p.fist-line {
	margin-top: 25px;
	font-weight: bold;
}

.emailactivated-block .forgot-pass-links a {
	margin-top: 7px;
	display: inline-block;
	margin-right: 20px;
}

.emailactivated-block .btn-cls {
	padding: 7px 20px;
}

.registrain_info {
	font-size: 14px;
	display: block;
	margin: 0 0 16px;
}

.tearmsblock {
	font-size: 14px;
}

.tearmsblock h3 {
	color: #00a18f;
	font-size: 18px;
}

.addresblock {
	float: left;
	width: 32%;
	margin: 0 0 60px;
	font-size: 14px;
}

.addresblock h6 {
	margin: 20px 0 4px;
	font-size: 18px;
}

.addresblock strong {
	
}

.textcolor {
	color: #00a18f;
	font-size: 15px;
}

.pro-selecte-block .collapse.in {
	height: auto !important;
}

.reset-password {
	margin: 0px;
}

.reset-password.captcha-text-box {
	width: 64% !important
}

.reset-password.captcha-text-box input[type="text"] {
	width: 95% !important;
	padding-left: 1px !important;
}

.noteclsform {
	font-style: italic;
	font-size: 12px;
	color: #666;
	text-align: left;
}

.myDragClass {
	-webkit-box-shadow: 0px -1px 8px 0px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: 0px -1px 8px 0px rgba(0, 0, 0, 0.75);
	box-shadow: 0px -1px 8px 0px rgba(0, 0, 0, 0.75);
	background: #f2f2f2;
	transition: ease;
}

.notecls {
	
}

.notecls>span {
	color: #ff0000;
}

@media screen and (max-width: 30em) {
	div.cs-skin-elastic {
		font-size: 1em;
	}
}

.cs-skin-elastic>span {
	background-color: #fff;
	z-index: 100;
}

.cs-skin-elastic>span::after {
	font-family: 'icomoon';
	content: '\e005';
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.cs-skin-elastic .cs-options {
	overflow: visible;
	background: transparent;
	opacity: 1;
	visibility: visible;
	padding-bottom: 5px;
	pointer-events: none;
}

.cs-skin-elastic.cs-active .cs-options {
	pointer-events: auto;
}

.cs-skin-elastic .cs-options>ul::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	-webkit-transform: scale3d(1, 0, 1);
	transform: scale3d(1, 0, 1);
	background: #fff;
	-webkit-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
}

.cs-skin-elastic.cs-active .cs-options>ul::before {
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
	-webkit-transition: none;
	transition: none;
	-webkit-animation: expand 0.6s ease-out;
	animation: expand 0.6s ease-out;
}

.cs-skin-elastic .cs-options ul li {
	opacity: 0;
	-webkit-transform: translate3d(0, -25px, 0);
	transform: translate3d(0, -25px, 0);
	-webkit-transition: opacity 0.15s, -webkit-transform 0.15s;
	transition: opacity 0.15s, transform 0.15s;
	width: 46%;
	float: left;
	margin: 4px;;
}

.cs-skin-elastic.cs-active .cs-options ul li {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	opacity: 1;
	-webkit-transition: none;
	transition: none;
	-webkit-animation: bounce 0.6s ease-out;
	animation: bounce 0.6s ease-out;
}

/* Optional delays (problematic in IE 11/Win) */
/*
.cs-skin-elastic.cs-active .cs-options ul li:first-child {
	-webkit-animation-delay: 0.1s;
	animation-delay: 0.1s;
}

.cs-skin-elastic.cs-active .cs-options ul li:nth-child(2) {
	-webkit-animation-delay: 0.15s;
	animation-delay: 0.15s;
}

.cs-skin-elastic.cs-active .cs-options ul li:nth-child(3) {
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s;
}

.cs-skin-elastic.cs-active .cs-options ul li:nth-child(4) {
	-webkit-animation-delay: 0.25s;
	animation-delay: 0.25s;
} 

/* with more items, more delays declarations are needed */
.cs-skin-elastic .cs-options span {
	background-repeat: no-repeat;
	background-position: 9px 50%;
	background-size: 20px auto;
	padding: 6px 0px 5px 37px;
}

.cs-skin-elastic .cs-options span:hover, .cs-skin-elastic .cs-options li.cs-focus span,
	.cs-skin-elastic .cs-options .cs-selected span {
	color: #1e4c4a;
	text-decoration: underline;
}

.cs-skin-elastic .cs-options .cs-selected span::after {
	content: '';
}

.cs-skin-elastic .cs-options li.flag-france span {
	background-image: url(../img/france.svg);
}

.cs-skin-elastic .cs-options li.flag-brazil span {
	background-image: url(../img/brazil.svg);
}

.cs-skin-elastic .cs-options li.flag-safrica span {
	background-image: url(../img/south-africa.svg);
}

.cs-skin-elastic .cs-options li.flag-argentina span {
	background-image: url(../img/argentina.svg);
}

@
-webkit-keyframes expand { 0% {
	-webkit-transform: scale3d(1, 0, 1);
}

25


%
{
-webkit-transform


:


scale3d


(


1
,
1


.2
,
1


)
;


}
50


%
{
-webkit-transform


:


scale3d


(


1
,
0


.85
,
1


)
;


}
75


%
{
-webkit-transform


:


scale3d


(


1
,
1


.05
,
1


)


}
100


%
{
-webkit-transform


:


scale3d


(


1
,
1
,
1


)
;


}
}
@
keyframes expand { 0% {
	-webkit-transform: scale3d(1, 0, 1);
	transform: scale3d(1, 0, 1);
}

25


%
{
-webkit-transform


:


scale3d


(


1
,
1


.2
,
1


)
;


transform


:


scale3d


(


1
,
1


.2
,
1


)
;


}
50


%
{
-webkit-transform


:


scale3d


(


1
,
0


.85
,
1


)
;


transform


:


scale3d


(


1
,
0


.85
,
1


)
;


}
75


%
{
-webkit-transform


:


scale3d


(


1
,
1


.05
,
1


)
;


transform


:


scale3d


(


1
,
1


.05
,
1


)
;


}
100


%
{
-webkit-transform


:


scale3d


(


1
,
1
,
1


)
;


transform


:


scale3d


(


1
,
1
,
1


)
;


}
}
@
-webkit-keyframes bounce { 0% {
	-webkit-transform: translate3d(0, -25px, 0);
	opacity: 0;
}

25


%
{
-webkit-transform


:


translate3d


(


0
,
10


px
,
0


)
;


}
50


%
{
-webkit-transform


:


translate3d


(


0
,
-6


px
,
0


)
;


}
75


%
{
-webkit-transform


:


translate3d


(


0
,
2


px
,
0


)
;


}
100


%
{
-webkit-transform


:


translate3d


(


0
,
0
,
0


)
;


opacity


:


1
;


}
}
@
keyframes bounce { 0% {
	-webkit-transform: translate3d(0, -25px, 0);
	transform: translate3d(0, -25px, 0);
	opacity: 0;
}

25


%
{
-webkit-transform


:


translate3d


(


0
,
10


px
,
0


)
;


transform


:


translate3d


(


0
,
10


px
,
0


)
;


}
50


%
{
-webkit-transform


:


translate3d


(


0
,
-6


px
,
0


)
;


transform


:


translate3d


(


0
,
-6


px
,
0


)
;


}
75


%
{
-webkit-transform


:


translate3d


(


0
,
2


px
,
0


)
;


transform


:


translate3d


(


0
,
2


px
,
0


)
;


}
100


%
{
-webkit-transform


:


translate3d


(


0
,
0
,
0


)
;


transform


:


translate3d


(


0
,
0
,
0


)
;


opacity


:


1
;


}
}

/* Default custom select styles */
div.cs-select {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	text-align: left;
	background: #fff;
	z-index: 100;
	width: 100%;
	max-width: 500px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

div.cs-select:focus {
	outline: none;
	/* For better accessibility add a style for this in your skin */
}

.cs-select select {
	display: none;
}

.cs-select span {
	display: block;
	position: relative;
	cursor: pointer;
	padding: 0px;
	white-space: nowrap;
	color: #0a59a5;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* Placeholder and selected option */
.cs-select>span {
	padding-right: 15px;
}

.cs-select>span::after, .cs-select .cs-selected span::after {
	speak: none;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.cs-select>span::after {
	content: '\25BE';
	right: 0px;
}

.cs-select .cs-selected span::after {
	content: '\2713';
	margin-left: 1em;
}

.cs-select.cs-active>span::after {
	-webkit-transform: translateY(-50%) rotate(180deg);
	transform: translateY(-50%) rotate(180deg);
}

div.cs-active {
	z-index: 200;
}

/* Options */
.cs-select .cs-options {
	position: absolute;
	overflow: hidden;
	/* width: 238px; */
	width: 325px;
	right: 0px;
	background: #fff;
	visibility: hidden;
	border: 1px solid rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}

.cs-select.cs-active .cs-options {
	visibility: visible;
}

.cs-select ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}

.cs-select ul span {
	padding: 1em;
}

.cs-select ul li.cs-focus span {
	background-color: #ddd;
}

/* Optgroup and optgroup label */
.cs-select li.cs-optgroup ul {
	padding-left: 1em;
}

.cs-select li.cs-optgroup>span {
	cursor: default;
}

footer {
	width: 100%;
	padding: 10px 0;
	color: #fff;
	background: #373634;
	position: absolute;
	bottom: 0px;
}

.clickdarg-text {
	margin-left: 0px;
	font-size: 13px;
	padding-top: 1px;
	display: none;
	float: left;
}

.download-cover {
	margin: 0px;
	font-size: 14px;
	color: #0a59a5;
}

.view-report {
	margin: 0px 10px 0 10px;
	font-size: 14px;
	padding-left: 10px;
	border-left: 1px solid #000;
}

.download-cover .fa {
	margin: 4px 7px 0px 0;
	font-size: 16px;
}

.gridtop-cls .onoffswitch {
	margin-top: -2px;
}

.onoffswitch {
	position: relative;
	width: 36px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}

.onoffswitch-checkbox {
	display: none;
}

.onoffswitch-label {
	display: block;
	overflow: hidden;
	cursor: pointer;
	border: 1px solid #999999;
	border-radius: 20px;
	margin: 0px;
}

.onoffswitch-inner {
	display: block;
	width: 200%;
	margin-left: -100%;
	transition: margin 0.3s ease-in 0s;
}

.onoffswitch-inner:before, .onoffswitch-inner:after {
	display: block;
	float: left;
	width: 50%;
	height: 20px;
	padding: 0;
	line-height: 20px;
	font-size: 14px;
	color: white;
	/* font-family: Trebuchet, Arial, sans-serif; */
	font-weight: bold;
	box-sizing: border-box;
}

.onoffswitch-inner:before {
	content: "";
	padding-left: 10px;
	background-color: #00A18F;
	color: #FFFFFF;
}

.onoffswitch-inner:after {
	content: "";
	padding-right: 10px;
	background-color: #EEEEEE;
	color: #999999;
	text-align: right;
}

.onoffswitch-switch {
	display: block;
	width: 16px;
	margin: 4px;
	background: #FFFFFF;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 11px;
	border: 1px solid #999999;
	border-radius: 20px;
	transition: all 0.3s ease-in 0s;
}

.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-inner {
	margin-left: 0;
}

.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch {
	right: 0px;
}

.pro-selecte-block {
	
}

.pro-selecte-block .panel {
	box-shadow: none;
}

.pro-selecte-block .panel-body {
	padding: 5px;
}

.pro-selecte-block .panel-title {
	
}

.pro-selecte-block .panel-heading {
	padding: 0px;
}

.pro-selecte-block .panel-title a {
	display: block;
	padding: 10px 15px;
}

.successfully-block {
	width: 50%;
	text-align: center;
}

.successfull-inner-content {
	
}

.successfull-inner-content h3 {
	font-size: 37px;
	margin: 12px 0;
	color: #00a18f;
	text-transform: uppercase;
}

.successfull-inner-content p {
	font-size: 18px;
	margin-top: 10px;
}

.donwloadbtn-cls {
	background: none;
	border: none;
	padding: 0px;
}

.disablebuttoncls {
	opacity: 0.3;
	cursor: not-allowed;
	color: #ccc;
	background: rgb(255, 0, 0);
}

/*************safari block and Chrome Css****************/
.fileerrosms {
	border: 1px solid #ff0000;
	display: block;
	padding: 5px;
	background: rgba(255, 0, 0, 0.5);
	color: #fff;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	td.first-td-cls:after, td.second-td-cls:after, td.third-td-cls:after, td.fourth-td-cls:after
		{
		top: 1px;
		left: -1px;
	}
	.chemicals-title-name {
		width: 393px;
		border-right: 1px solid #ccc;
	}
	.product-title {
		left: 399px;
	}

	/* Safari only override */
	::i-block-chrome, .input-efect-cls input[type="text"], .input-efect-cls input[type="password"],
		.input-efect-cls input[type="email"] {
		padding: 48px 5px 10px 31px !important;
	}

	/* ::i-block-chrome,.label__checkbox:checked + .label__text .label__check.label__check_big .icon{margin-top: 55px;} */
	/* ::i-block-chrome,.label__checkbox:checked + .label__text .label__check .icon{margin-left: 2px;} */
	::i-block-chrome, .showselection-block .process-list-label {
		font-weight: 100 !important;
	}
	::i-block-chrome, .novaluecss {
		width: 250px;
	}
	::i-block-chrome, .novaluecss li:first-child {
		float: left;
	}
	::i-block-chrome, .novaluecss li {
		float: right;
	}
	::i-block-chrome, .spiderchart-icon {
		background: url(../img/spiderchart.png);
	}
}

.downlod-histry {
	display: block;
	text-align: right;
	margin: 0 0 10px;
}

.tearmsblock {
	margin: 0 0 50px;
}

.tearmsblock p {
	margin: 10px 0;
}

.versioncls {
	display: block;
	float: none !important;
	text-align: right;
}

.contantblock {
	font-size: 15px;
	margin: 0 0 20px 0;
	display: block;
	width: 100%;
}

.contantblock .redmark {
	color: #ff0000;
}

.redmark {
	color: #ff0000;
}

.contantblock select {
	padding: 10px;
	width: 100%;
	border: 1px solid #ccc;
	-webkit-appearance: none;
	-moz-appearance: none;
	background: transparent;
	border: 1px solid #00a18f;
	box-shadow: none;
	border-radius: 0;
	outline-offset: inherit;
	-webkit-appearance: inherit;
}

.welcomtext {
	font-size: 15px;
	color: #666;
	display: inline-block;
	float: left;
}

.welcomtext .fa {
	display: block;
	margin-right: 0px;
	margin-top: 1px;
}

.usernamecls {
	color: #0cb198;
	max-width: 135px;
	word-break: break-all;
	display: inline-block;
	border-right: 1px solid #0a59a5;
	padding: 0 5px;
	white-space: inherit;
}

.select-cover-contactus {
	background-image: url(../img/circle-down.png) !important;
	background-repeat: no-repeat;
	background-position: 98% 71%;
	transition: ease all 0.3s;
}

.contantblock textarea {
	padding: 10px;
	width: 100%;
	border: 1px solid #ccc;
	height: 300px;
	border: 1px solid #00a18f;
	box-shadow: none;
	border-radius: 0;
	outline-offset: inherit;
	-webkit-appearance: inherit;
}

.lablname-cls {
	width: 100px;
}

.contactusblock {
	margin-bottom: 60px;
}

.note-cls {
	font-size: 14px;
}

.note-cls strong {
	margin-right: 5px;
	color: #000;
}

.reportdownloadblock {
	margin: 0px;
}

.reportdownloadblock .formfileds {
	
}

.downloadtype {
	padding: 0px;
	list-style: none;
	margin: 10px 0 20px;
	display: table;
	width: 100%;
	/* border-bottom: 1px solid #ccc; */
}

.downloadtype li {
	width: 46%;
	float: left;
	padding: 10px;
	position: relative;
	text-align: center;
	border-bottom: 2px solid #888;
	margin: 0 10px;
	background: #f8f8f8;
	cursor: pointer;
}

.fildform {
	margin-top: 20px;
}

.fildformhide {
	position: relative;
}

.fildformhide:after {
	content: "";
	position: absolute;
	z-index: 9;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0;
	background: rgba(255, 255, 255, 0.8);
}

.downloadtype li:hover {
	border-bottom: 2px solid #00a18f;
}

.downloadtype li label.typelbel {
	font-weight: normal;
	display: block;
	float: left;
	font-size: 14px;
	padding: 0 10px;
	cursor: pointer;
}

.selectradio {
	position: absolute;
	left: 24%;
}

span.downdescri {
	display: block;
	color: #666;
	font-size: 13px;
	padding: 10px 0 0;
}

.includepersonaldatacls {
	float: left;
	margin: 2px 0 0 3px;
	font-weight: normal;
}

.downloadtype li:hover:after {
	border: 11px solid transparent;
	content: "";
	position: absolute;
	border-top-color: #00a18f;
	left: 43%;
	bottom: -23px;
	transition: ease all 0.5s;
}

.downloadtype li.selectdownload:after {
	border: 11px solid transparent;
	content: "";
	position: absolute;
	border-top-color: #00a18f;
	left: 43%;
	bottom: -23px;
	transition: ease all 0.5s;
}

.downloadtype li label input {
	
}

.formfileds {
	display: table;
	font-size: 13px;
	margin: 0 auto 10px;
	width: 95%;
}

.formfileds input[type="text"], .formfileds textarea {
	border: 1px solid #ccc;
	width: 100%;
	padding: 7px 3px;
	margin: 0px;
}

.customizreport {
	width: 700px !important;
	left: 50% !important;
	margin-left: -350px;
	top: 5% !important;
}

.uploadFiles-popup {
	width: 480px !important;
	left: 50% !important;
	margin-left: -240px;
	top: 150px !important;
}

.validation_popup {
	width: 70% !important;
	left: 50% !important;
	margin-left: -35%;
	top: 5% !important;
}

.formfileds .fa-info-circle {
	color: #00a18f;
	font-size: 14px;
}

.formfileds input[type="file"] {
	border: 1px solid #ccc;
	width: 100%;
	padding: 6px;
}

span.downfildsname {
	float: none;
	display: block;
	padding: 0 0 5px;
}

.pr-20 {
	padding-right: 20px !important;
}

.m-b-0 {
	margin-bottom: 0;
}

.m-b-15 {
	margin-bottom: 15px;
}

.page-title {
	color: #0A59A5;
}

.filsblock {
	width: 100%;
}

.uplofiletype {
	
}

.fileinstution {
	font-style: italic;
	color: #888;
	display: block;
	padding: 0 0 10px;
}

/***************Jq Grid**************/
.ui-dialog .ui-dialog-titlebar-close {
	background: none;
	border: none;
}

.ui-dialog-titlebar-close::before {
	content: "+";
	position: absolute;
	top: -9px;
	left: 1px;
	font-size: 25px;
	color: #fff;
	-webkit-transform: rotate(46deg);
	transform: rotate(46deg);
}

.ui-jqgrid-htable .ui-jqgrid-labels th {
	background: #0cb198 !important;
	color: #fff !important;
	font-size: 13px !important;
	padding: 10px !important;
}

.ui-icon-seek-prev {
	background: url(../img/seek-prev.png) no-repeat !important;
	height: 20px !important;
	width: 20px !important;
}

.ui-icon-seek-first {
	background: url(../img/seek-prev-end.png) no-repeat !important;
	height: 20px !important;
	width: 20px !important;
}

.ui-icon-seek-next {
	background: url(../img/seek-next.png) no-repeat !important;
	height: 20px !important;
	width: 20px !important;
}

.ui-icon-seek-end {
	background: url(../img/seek-next-end.png) no-repeat !important;
	height: 20px !important;
	width: 20px !important;
}

.ui-widget-content.ui-pg-input {
	text-align: center;
}

#reportListingTable tr.jqgfirstrow td {
	padding: 0px !important
}

body.tr .ui-pg-table {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	font-size: 13px !important;
}

.ui-pg-table {
	font-family: 'asapregular' !important;
	font-size: 13px !important;
}

body.tr .ui-pg-table td {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	font-size: 13px !important;
}

.ui-pg-table td {
	font-family: 'asapregular' !important;
	font-size: 13px !important;
}

body.tr .ui-jqgrid-htable .ui-jqgrid-labels th.ui-state-hover {
	background: #00a18f !important;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

.ui-jqgrid-htable .ui-jqgrid-labels th.ui-state-hover {
	background: #00a18f !important;
	font-family: 'asapregular' !important;
}

body.tr .ui-jqgrid-bdiv table td {
	padding: 4px !important;
	font-size: 13px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

.ui-jqgrid-bdiv table td {
	padding: 4px !important;
	font-size: 13px;
	font-family: 'asapregular' !important;
}

body.tr .ui-jqgrid-htable .ui-search-toolbar th {
	padding: 3px !important;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

.ui-jqgrid-htable .ui-search-toolbar th {
	padding: 3px !important;
	font-family: 'asapregular' !important;
}

body.tr .ui-jqgrid-htable .ui-search-toolbar th input[type="text"], body.tr .ui-jqgrid-htable .ui-search-toolbar th select
	{
	padding: 5px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

.ui-jqgrid-htable .ui-search-toolbar th input[type="text"],
	.ui-jqgrid-htable .ui-search-toolbar th select {
	padding: 5px;
	font-family: 'asapregular' !important;
}

#reportListingTable tr.ui-state-highlight, #reportListingTable tr.ui-state-hover
	{
	background: #f9f9f9 !important;
	color: #666 !Important;
	/* border: 1px solid #ccc !Important; */
}

.emptyMessage .fa {
	margin-right: 3px;
	color: #d53243;
}

.emptyMessage, .emptyInfoMessage {
	position: absolute;
	left: 0;
	top: 0;
	backgound: #fff;
	bottom: 0;
	text-align: left;
	padding-left: 10px;
	vertical-align: middle;
	line-height: 35px;
}

.emptyInfoMessage .fa {
	margin-right: 3px;
	color: #00a18f;
}

.resonance {
	margin: 0 0 0 15px;
	border-left: 1px solid #000;
	padding-left: 15px;
}

.resonance .onoffswitch-switch {
	width: 21px;
	height: 21px;
	top: -6px;
	background: #00A18F;
}

.resonance .onoffswitch-inner:before {
	content: "";
	padding-left: 10px;
	background-color: #EEEEEE;
	color: #FFFFFF;
}

.hp.loadDefaultProds-cls .fa.fa-refresh {
	display: none;
}

.bp.loadDefaultProds-cls .fa.fa-refresh {
	display: none;
}

.resonance .onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch
	{
	right: -10px;
}

.resonance .label-name-cls {
	font-weight: normal;
	margin: 0 6px;
	cursor: pointer;
	display: inline-block;
	margin-top: 2px;
	padding-left: 4px;
}

.resonance .label-name-cls.eur {
	padding-left: 10px;
	padding-right: 4px;
}

.resonance .onoffswitch-inner::before, .resonance .onoffswitch-inner::after
	{
	height: 15px;
}

.gridtop-cls .resonance .onoffswitch {
	margin-top: 3px;
}

.deactivcls {
	color: #ccc;
}

.marquee {
	height: 25px;
	width: 100%;
	overflow: hidden;
	top: 15px;
	color: #fff;
	background: #ff0000;
}

.marqueeinnrblock {
	position: relative;
	overflow: hidden;
	height: 25px;
}

.marqueeinnrblock p {
	/*  position: absolute; */
	margin: 0;
	line-height: 25px;
	white-space: nowrap;
	animation: marquee 25s linear infinite;
	-ms-animation: marquee 10s linear infinite;
}

@
keyframes marquee { 0% {
	transform: translateX(60%);
}

100


%
{
transform


:


translateX


(


-100
%


)
;


}
0


%
{
-webkit-transform


:


translateX


(


60
%


)
;


}
100


%
{
-webkit-transform


:


translateX


(


-100
%


)
;


}
0


%
{
-ms-transform


:


translateX


(


50
%


)


}
100


%
{
-ms-transform


:


translateX


(


-100
%


)


}
}
@
-webkit-keyframes marquee { 0% {
	transform: translateX(60%);
}

100


%
{
transform


:


translateX


(


-100
%


)
;


}
0


%
{
-webkit-transform


:


translateX


(


60
%


)
;


}
100


%
{
-webkit-transform


:


translateX


(


-100
%


)
;


}
0


%
{
-ms-transform


:


translateX


(


50
%


)


}
100


%
{
-ms-transform


:


translateX


(


-100
%


)


}
}

/* .marquee div {
    display: block;
    position: absolute;
    overflow: hidden;
    animation: marquee 9s linear infinite;
    -webkit-animation: marquee 9s linear infinite;
    height: 18px;
} */

/* .marquee span {}

@-webkit-keyframes marquee {
  0% { left: 0; }
   100% { left: -100%; } 
}


@keyframes marquee {
  0% { left: 0; }
 100% { left: -100%; }
} */
.guidetour {
	display: table;
	width: 100%;
}

.attachmentblock {
	text-decoration: underline;
}

.attachmentblock .fa {
	margin-right: 8px;
}

.notescls {
	color: #666;
	font-style: italic;
	font-size: 12px;
}

.hideipad {
	display: block !important;
}

.visibledesk {
	display: none !important;
}

.desktop_visble.hidedesktopelements {
	display: block;
}

.ipad_visble.hideipadelements {
	display: none;
}

.editbtn-downloadbtn .tooltip {
	display: none !important;
}

.downloadDrpDiv.dropdown title {
	visibility: hidden !important;
}

.downloadDrpDiv.dropdown .tooltip {
	display: none !important;
}

/***************************Media Query**************************************************************************/
@media ( max-width : 767px) {
	.pbtm-main-block {
		width: 50%;
		margin: 15px 0;
	}
	.default-block {
		margin: 20px 0;
	}
	.div-cls-details ul li:first-child {
		margin-top: 0px;
	}
	.div-cls-details ul li {
		margin-top: 10px;
	}
	.add_Org_details {
		display: block !important;
	}
	.swiper-slide {
		width: 100% !important;
	}
	.nopadin-left {
		padding-left: 5px !important;
	}
	.product-type .industry-checkbox.voyagercheckbox {
		width: 50% !important;
	}
	.ptr_default_logo_img {
		position: relative !important;
	}
	.product-cat {
		text-align: center;
	}
	.product-cat div {
		width: 100% !important;
		margin: 15px 0;
	}
}

@media ( min-width : 768px) and (max-width: 1024px) and (orientation :
	Portrait ) {
	/*body{ overflow-x: hidden;}*/
	.cc-revoke, .cc-window {
		display: none;
	}
	.potraitblock {
		color: #fff;
		width: 100%;
		position: absolute;
		text-align: center;
		top: 20%;
	}
	.potraitblock div {
		color: #fff;
		font-size: 29px;
	}
	.potraitblock div h4 {
		font-size: 57px;
		display: block;
		padding-bottom: 10px;
	}
	.ipadicon {
		display: block;
	}
	.ipadicon .fa {
		font-size: 218px;
	}
	.mechanical {
		display: none;
	}
	.ipadpotrait-block {
		display: block;
		position: absolute;
		left: 0px;
		right: 0px;
		top: 0px;
		width: 100%;
		height: 100%;
		background: #000;
	}
	#wrapper, .navbar, .second-strips-block, .container-fluid.text-center {
		display: none;
	}
	.ui-dialog {
		display: none !important;
	}
	.ipadpotrait-block {
		display: block;
		position: absolute;
		bottom: 0px;
		left: 0px;
		right: 0px;
		top: 0px;
		width: 100%;
		height: 100%;
		background: #212121 url(../img/ipadpotrait.png);
		background-size: 19%;
		background-repeat: no-repeat;
		background-position: center 27%;
	}
	.ipadpotrait-block h3 {
		text-align: center;
		padding-top: 50%;
		color: #fff;
	}
	.ipadpotrait-block p {
		color: #fff;
		text-align: center;
	}
	.ipadpotrait {
		display: none;
	}
	.div-cls-details ul li {
		font-size: 14px;
	}
	#wrapper.toggled {
		padding-left: 325px;
		left: 0px;
		position: relative;
		right: -100%;
	}
	.div-cls-details ul li:first-child {
		width: 100%;
		margin-right: 0px;
	}
	.margin-top-cls {
		margin-top: 80px;
	}
	.table-bordered thead th {
		font-size: 12px;
	}
	.th-container {
		min-height: 36px;
	}
	.list-block-cls .fa.fa-th-list {
		width: 3px;
	}
	a.list-block-cls:hover {
		color: #fff !important;
		cursor: pointer
	}
	.hamburger {
		top: 17%;
	}
	.remove-cls-list .fa.fa-th-list {
		width: 3px;
	}
	a.remove-cls-list:hover {
		color: #fff !important;
		cursor: pointer
	}
	.product-selection .problock-cls li {
		width: 234px !important;
		cursor: pointer;
		margin: 10px 0px 10px 0px !important;
	}
	.product-selection .popup-list.multishowprod {
		margin-left: 10px !important;
	}
	.select-pro-tick {
		right: 5px !important;
	}
}

@media only screen and (min-device-width : 768px) and (max-device-width
	: 1280px) and (orientation : landscape) {
	.mechanical .ui-tabs .ui-tabs-nav li.icons1::before, .mechanical .ui-tabs .ui-tabs-nav li.icons5::before
		{
		width: 177px !important;
	}
	.mechanical .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
		width: 155px !important;
		font-size: 13px !important;
		text-transform: capitalize !important;
	}
	.product-selection .problock-cls li {
		width: 234px !important;
		cursor: pointer;
		margin: 10px 0px 10px 0px !important;
	}
	.product-selection .popup-list.multishowprod {
		margin-left: 10px !important;
	}
	.select-pro-tick {
		right: 5px !important;
	}
	body.ru .nav-gation li a {
		font-size: 13px !important;
		width: 200px !important;
		text-align: left;
	}
	.mechanical .ui-tabs .ui-tabs-nav li:after {
		left: -13px !important;
		width: 182px;
	}
	.mechanical .ui-tabs .ui-tabs-nav li.icons1>a.ui-tabs-anchor:before {
		left: 46px !important;
	}
	.mechanical .ui-tabs .ui-tabs-nav li.icons2>a.ui-tabs-anchor:before {
		left: 46px !important;
	}
	.mechanical .ui-tabs .ui-tabs-nav li.icons3>a.ui-tabs-anchor:before {
		left: 46px !important;
	}
	.mechanical .ui-tabs .ui-tabs-nav li.icons4>a.ui-tabs-anchor:before {
		left: 46px !important;
	}
	.mechanical .ui-tabs .ui-tabs-nav li.icons5>a.ui-tabs-anchor:before {
		left: 46px !important;
	}
	.mechanical .ui-tabs .ui-tabs-nav li.icons1>a.ui-tabs-anchor:after {
		left: 57px !important;
	}
	.mechanical .ui-tabs .ui-tabs-nav li.icons2>a.ui-tabs-anchor:after {
		left: 57px !important;
	}
	.mechanical .ui-tabs .ui-tabs-nav li.icons3>a.ui-tabs-anchor:after {
		left: 57px !important;
	}
	.mechanical .ui-tabs .ui-tabs-nav li.icons4>a.ui-tabs-anchor:after {
		left: 57px !important;
	}
	.mechanical .ui-tabs .ui-tabs-nav li.icons5>a.ui-tabs-anchor:after {
		left: 57px !important;
	}
	*::-ms-backdrop, .chemicals-title-name {
		width: 366px !important;
	}
	*::-ms-backdrop, .product-title {
		left: 372px !important;
	}
	body.pt .secondtabclass .comman-title {
		text-transform: capitalize;
	}
	.ui-dialog.msdsupload_popup {
		width: 80% !important;
		margin-left: -40% !important;
		left: 50% !important;
		top: 30px !important;
	}
	.contantblock .btn-cls {
		padding: 7px 10px;
	}
	body.ja .dasboardblock {
		width: 60%;
	}
	body.ja .cr-new-req {
		margin: 0px 0 15px 65px !important;
	}
	body.ja .cr-edit-req {
		margin: 0px 0 15px 50px !important;
	}
	#chemicalList {
		height: 85% !important;
	}
	.chemicalblock .ui-dialog-buttonpane {
		bottom: -3px;
		position: absolute;
		right: 0px;
		left: 0px;
	}
	.auto-filled-border input[type="text"] {
		border: 1px solid #ccc !important;
	}
	.ui-dialog.addEditChemicalpopup {
		top: 50px !important;
		width: 95% !important;
		margin-left: -47.5% !important;
		left: 50% !important;
		min-height: 400px;
	}
	.left-pan-tab h3, .lf-block-tw h3 {
		font-size: 13px;
	}
	.comman-title.color-title {
		padding: 10px 5px;
	}
	.navbar-brand.col-sm-3.col-md-3 {
		width: 13% !important;
	}
	.col-sm-9.col-md-9.nopadin-right {
		width: 87% !important;
	}
	.editbtn-downloadbtn .tooltip {
		display: block !important;
	}

	/*********** Mechanical protection *********/
	#wrapper.toggled {
		padding-left: 250px;
	}
	.chem-list-cls li:nth-child(3n) .ch-cover-block {
		margin-right: 0px !important;
	}
	.chem-list-cls li:nth-child(4n) .ch-cover-block {
		margin-right: 16px !important;
	}
	.gridoptionlist li.sortperformance-switch {
		margin-left: 0px !important;
		padding-left: 0px !important;
		border: none;
	}
	.hp.loadDefaultProds-cls .fa.fa-refresh {
		height: 22px;
		padding-top: 4px;
	}
	.bp.loadDefaultProds-cls .fa.fa-refresh {
		height: 22px;
		padding-top: 4px;
	}
	.ch-cover-block {
		padding: 4px !important;
	}
	.gridactionbtn span, .gridactionbtn-round span {
		padding: 4px 4px !important;
	}
	.cr-new-req {
		margin: 0px 0 15px 38px !important;
	}
	.cr-edit-req {
		margin: 0px 0 15px 20px !important;
	}
	.pro_template .fa.fa-chevron-down {
		display: none;
	}
	.pro_template {
		width: 65px !important
	}
	body.nl .pro_template {
		width: 95px !important
	}
	body.pt .pro_template {
		width: 115px !important;
	}
	body.de .pro_template, body.fr .pro_template {
		width: 110px !important;
	}
	body.es .pro_template {
		width: 128px !important;
	}
	body.ja .pro_template {
		width: 115px !important;
	}
	.gridoptionlist>li {
		padding-left: 5px !important;
	}
	.ipad_visble.hideipadelements {
		display: block;
	}
	.hp.loadDefaultProds-cls .fa.fa-refresh {
		display: block !important;
	}
	.bp.loadDefaultProds-cls .fa.fa-refresh {
		display: block !important;
	}
	.sort-performance-btn .onoffswitch-inner:before {
		content: attr(data-text);
		padding-right: 10px;
		background-color: #007a6c;
		color: #FFFFFF;
		font-weight: normal;
		font-size: 12px;
		font-style: italic;
		text-align: right;
	}
	.sort-performance-btn .onoffswitch-inner:after {
		content: attr(data-text);
		padding-left: 8px;
		background-color: #EEEEEE;
		color: #999999;
		text-align: left;
		font-weight: normal;
		font-size: 12px;
		font-style: italic;
	}
	.desktop_visble.hidedesktopelements {
		display: none;
	}
	.nobarrier:after, .splashbarrier:after, .mediumbarrier:after,
		.goodbarrier:after {
		width: 6px !important;
	}
	.permeation-bp-block h3 {
		width: 147px;
	}
	#sidebar-wrapper {
		left: 250px;
		margin-left: -250px;
		width: 249px !important;
	}
	.sidebar-nav {
		width: 250px;
	}
	body.nl .sidebar-nav {
		top: 94px
	}
	body.nl .hamburger-btn {
		top: 95px;
	}
	body.nl .faq-doc-block .comman-title>span.pull-left {
		width: 150px;
	}
	body.nl .faq-doc-block .band-btn {
		top: 13px;
	}
	.voyager-label-protection {
		font-size: 12px !important;
		width: 75% !important;
		word-break: break-word;
		white-space: pre-wrap;
		text-transform: capitalize !important;
	}
	.uppercase {
		text-transform: capitalize !important;
	}
	.selectprotectioncat, .innercontent {
		padding: 0 5px;
	}
	.hideinsmall {
		display: none;
	}
	.new-btn-cls-mid .fa {
		margin: 2px 0px 0 0 !important;
	}
	.reportlistingblock .new-btn-cls-mid .fa {
		margin: 3px 4px 0 0 !important;
	}
	.navbar-brand>img {
		display: block;
		width: 98%;
		height: auto;
	}
	.modal-dialog.radarchart {
		width: 98% !important
	}
	/* .industryname-block {
		height: 105px !important;
	} */
	.navbar-brand {
		margin-left: 0px !important;
	}
	.nav-gation li a {
		font-size: 13px !important;
		width: 160px !important;
		text-align: left;
	}
	.nav-gation li {
		margin: 0 10px !important;
	}
	.nav-gation {
		margin: 5px 0 0 0px !important;
	}
	.selectionlabel {
		width: 100% !important;
	}
	.mechanical .ui-tabs .ui-tabs-nav li {
		margin: 0 4px !important;
	}
	.mechanical .ui-tabs .ui-tabs-nav li .ui-state-hover {
		border: none !important;
	}

	/* ul.prev-next-pager {
		position: absolute !important;
		height: 1px !important;
	} */
	ul.prev-next-pager li.prev {
		margin-left: 0 !important;
	}
	ul.prev-next-pager li.next {
		margin-right: 0px !important;
	}
	ul.prev-next-pager.stickytab {
		position: fixed !important;
		width: 92% !important;
	}
	.result-bp-inner-col .col-sm-3:nth-child(2) {
		margin-left: 116px !important;
		margin-right: 116px !important;
	}

	/*********** Mechanical protection End *********/
	body {
		font-size: 13px;
	}
	.prname p:first-child {
		width: 85%;
	}
	.delete-confirm {
		left: -110px;
	}
	.ch-name-cls {
		width: 118px;
	}
	.rich-autocomplete-list {
		width: 100% !important;
	}
	.shareto-rich-input .rich-autocomplete-list {
		width: 101.5% !important;
	}
	.lf-block-on .rich-autocomplete-list {
		width: 239px !important;
	}
	.forgetPassword-blcok input[type="email"] {
		width: 86%;
	}
	.popup-list li:last-child {
		float: right;
	}
	.popup-list li:last-child a {
		/*padding-right: 33px;*/
		max-width: 173px;
		display: flex;
	}
	.selectcounter {
		padding: 0px 5px;
	}
	.prodetailblock {
		top: 5% !important;
		height: 490px !important;
	}
	.successfull-inner-content img {
		width: 90%;
	}
	.iconlabel {
		display: none;
	}
	.action-btns span .fa {
		margin: 0px;
	}
	.div-cls-details .gridtop-cls {
		width: 100%;
	}
	.suggetion-text {
		font-size: 13px;
	}
	.pbtm-main-block {
		float: left;
		width: 50%;
		font-size: 13px;
	}
	.ipadchngecls-col10 {
		width: 77% !important;
	}
	.ipadchngecls-col2 {
		width: 23% !important;
	}
	.left-pan-tab .tab-content {
		padding: 0px;
	}
	.chemicalblock {
		height: 600px !important;
		width: 99% !important;
		left: 45% !important;
		top: 5px !important;
	}
	#captchaValue {
		width: 170px;
		margin-left: 5px;
	}
	.popconc {
		width: 35px;
	}
	.popupcas {
		width: auto;
	}
	.popupproname {
		width: 85%;
	}
	.popup-list a {
		padding: 5px 8px;
	}
	.popup-list li a {
		margin-bottom: 5px;
	}
	.ch-seclect-block {
		margin-top: 20px;
	}
	.reset-pass-block .captcha-text-box {
		width: 56.3% !important;
	}
	.captcha-text-box {
		margin-left: 0;
		width: 44%;
	}
	.rating-block li {
		width: 100%;
		margin: 2.7px 0;
	}
	.rating-block li:last-child {
		width: 100%;
	}
	.loder-cover {
		
	}
	.pbtm-main-block h3 {
		margin-bottom: 10px;
		font-weight: bold;
	}
	.pbtm-block {
		display: block;
		margin: 0px 0 10px;
		/* float: left; */
		width: 100%;
	}
	.permeation-bp-block .pbtm-block {
		width: 147px;
	}
	.permeation-bp-block .pbtm-block span:first-child {
		width: 6px;
	}
	.div-cls-details ul {
		width: 100%;
	}
	.main-tble-cls th {
		font-weight: normal;
	}
	.cas-th-cls {
		width: 84px;
	}
	.chemical-th-cls {
		width: 149px;
	}
	.chemicals-title-name {
		width: 369px;
		/*width: 278px;*/
	}
	.main-tble-cls {
		font-size: 13px;
	}
	.product-title {
		left: 375px;
	}
	.rating-block li, .pbtm-main-block h3, .cas-block-number span,
		.chemical-number-block span {
		font-size: 13px;
	}
	.div-cls-details ul li:first-child {
		width: auto;
		margin-right: 10px;
	}
	.div-cls-details ul li {
		margin-right: 10px;
	}
	.th-container {
		min-height: inherit;
	}
	.hamburger {
		top: 21%;
	}
	.project-name h3 {
		padding-left: 0px;
	}
}

@media only screen and (max-device-width: 1024px) and (min-device-width:
	768px) and (orientation: landscape) {
	.header-menu-cls {
		margin: 13px 0 0 0 !important;
	}
	.bpblockselection, .hpblockselection {
		padding: 2px 1px !important;
	}
	.faq-doc-block>.comman-title>.pull-left {
		width: 72%;
	}
	body.ru .accept-cls {
		width: 50%;
	}
	body.ru .regittext {
		width: 90%;
	}
	body.ru #showSelected>.pull-left {
		width: 75px;
	}
	body.ru .status-tag {
		min-width: 78px;
	}
	Body.ru .addeditsingle .col-inner-form label {
		min-height: 38px;
	}
	.ui-jqgrid .ui-jqgrid-labels th.ui-th-column, .ui-jqgrid .ui-jqgrid-legacy-subgrid .ui-th-subgrid,
		.ui-jqgrid-labels .ui-th-column-header {
		white-space: pre-wrap !important;
	}
	Body.ru .addcompanentblock .col-inner-form label {
		min-height: 38px;
	}
	.comp-table-block #addToChemicalTable th {
		min-height: 55px;
	}
	.form-info-block ul li span {
		width: 90%;
	}
	body.ru .faq-doc-block>.comman-title>.pull-left {
		width: 67%;
	}
	body.ru .sort-performance-btn {
		width: 110px;
	}
	body.ru  .sortperformance-switch .onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch
		{
		right: 82px;
	}
	body.ru   .permeation-bp-block .pbtm-block span:first-child {
		min-height: 51px;
	}
	body.ru .usernamecls {
		max-width: 120px;
	}
	.usernamecls {
		color: #0cb198;
		max-width: 70px;
		word-break: break-all;
		display: inline-block;
		border-right: 1px solid #0a59a5;
		padding: 0 5px;
		white-space: inherit;
	}
	.nav-gation {
		margin: 12px 0 0 0px !important;
	}
}

.div-cls-details .pull-left input[type="checkbox"] {
	
}

.submit-btn-loader {
	position: absolute;
	right: 61%;
	top: 24px;
}

.loader-block {
	display: none;
}

.loader {
	background: url(loader.gif);
	height: 30px !important;
	width: 30px !important;
	display: block;
	background-position: center center;
	position: absolute;
	left: 88px;
	top: 6px;
}

.loader.loder-cuntry {
	top: 14px;
	right: 30px;
	left: inherit;
}

.loder-btn {
	background: #fff url(loader.gif);
	color: #0a59a5;
	border: 1px solid #0a59a5;
	padding-bottom: 9px;
	background-repeat: no-repeat;
	background-position: center right;
	padding-right: 30px;
}

.lastthch {
	position: relative;
	cursor: move;
	margin-bottom: 30px;
	width: 100%;
}

.lastthchPntr {
	cursor: inherit !important;
}

.tcEmptyProducts {
	border: 1px solid #ccc;
	padding: 7px;
	font-weight: bold;
}

.grey-btn {
	background: #666 !important;
	border: 1px solid #666 !important;
}

.btn-cls.loder-btn.big-btn:hover {
	background: none;
	color: #0a59a5;
	border: 1px solid #0a59a5;
}

.botom-btns {
	position: fixed;
	bottom: 0px;
	background: #000;
	right: 0px;
	left: 0px;
	padding: 10px;
}

.noselect {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* .noselect.toggled .fa-chevron-left{display:block;}
.noselect.toggled .fa-chevron-left{display:block;}

.hamburger-btn .fa-bars, .hamburger-btn .fa-chevron-left{display:none;}
 */
.noselect.toggled .fa-chevron-left {
	display: block;
}

.noselect.toggled .fa-chevron-right {
	display: none;
}

.noselect .left-section-block {
	visibility: hidden;
	opacity: 0;
	transition: visibility 0.6s, opacity 0.5s linear;
}

.noselect.toggled .left-section-block {
	visibility: visible;
	opacity: 1;
}

.noselect .fa-chevron-left {
	display: none;
}

.noselect .fa-chevron-right {
	display: block;
	padding-left: 2px;
}

.noselect .fa-chevron-left {
	display: none;
}

.noselect .fa-chevron-right {
	display: block;
}

#menu-toggle:focus, #menu-toggle:hover {
	text-decoration: none;
}

.filter-cls {
	margin: 0px;
	padding: 0px;
	height: 365px;
	list-style: none;
	overflow-y: auto;
}

.filter-cls li:first-child {
	margin-top: 0px;
}

.filter-cls li {
	position: relative;
	width: 100%;
	display: block;
	margin: 10px 0;
}

.filter-cls li a {
	
}

.filter-cls li label {
	font-weight: normal;
	margin: 0 0 0 0;
	font-size: 13px;
}

.filter-cls li label label span {
	line-height: 18px;
	float: right;
	margin-top: 1px;
	width: 142px;
	text-transform: capitalize;
}

.filter-cls li input[type=checkbox] {
	opacity: 0;
	position: absolute;
	left: 0;
	top: 0px;
	right: 0px;
	height: 19px;
	width: 16px;
}

.filter-cls li input[type=checkbox]+label:before {
	content: "";
	display: inline-block;
	width: 15px;
	height: 15px;
	vertical-align: middle;
	margin-right: 9px;
	margin-top: -1px;
	background-color: #fff;
	border-radius: 0;
	border: 1px solid #00a18f;
}

.filter-cls li input[type=checkbox]:checked+label:before {
	content: "\2714";
	color: white;
	background-color: #00a18f;
	text-align: center;
	line-height: 14px;
}

.problock-cls {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.problock-cls li {
	margin: 0 0 5px;
	cursor: pointer;
}

.popuppro-block {
	border: 1px solid #ddd;
	padding: 0px;
	display: block;
	position: relative;
	transition: ease all 0.5s;
}

.popuppro-block:hover {
	border: 1px solid #00a18f;
}

.popuppro-block.selected-block {
	border: 1px solid #00a18f;
}

.popuppro-block.selected-block.unselected {
	opacity: 0.3;
}

.popuppro-block.selected-block .icon-Tick {
	color: #fff;
	background: #00a18f;
	border-radius: 100%;
}

.prblock {
	background: #f4f4f4;
	padding: 10px;
	min-height: 75px;
}

.preouter-block {
	width: 100%;
}

.prname-cls, .primg-block {
	display: block;
	width: 100%;
	margin-bottom: 30px;
}

.primg-block img {
	width: 100%;
	height: auto;
	display: block;
}

.preouter-block a .prname-cls {
	text-decoration: underline;
}

span.prname-cls {
	color: #00a18f;
	font-weight: bold;
	position: absolute;
	top: 12px;
	text-align: left;
	left: 10px;
}

span.prname-cls .fa {
	margin: 4px;
	margin-right: 10px;
}

.prname p:first-child {
	
}

.prname p {
	margin: 0;
	padding: 3px 5px;
	display: table;
	width: 100%;
}

.popuppro-block .prname p {
	width: 90%;
}

.prname span:first-child {
	font-weight: bold;
	float: left;
	margin: 0 5px 0 0;
}

.prname span {
	font-size: 13px;
	color: #666;
}

span.regionimg {
	display: block;
	float: left;
	margin: 0 4px 0 0;
}

span.regionimg>img {
	
}

.popuppro-select {
	border: 1px solid #00a18f;
}

.problock-cls .pro-righ-block p {
	font-size: 13px;
	margin: 7px 0;
	padding: 0px;
	text-align: left;
}

.pro-img-block {
	cursor: pointer;
}

.pro-img-block img {
	width: auto;
	height: auto;
	max-width: 98%;
	max-height: 98%;
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	position: absolute;
	left: 50%;
	cursor: pointer;
	top: 50%;
}

.gridimg {
	width: auto;
	height: auto;
	max-width: 80%;
	max-height: 80%;
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	position: absolute;
	left: 50%;
	cursor: pointer;
	top: 50%;
}

.select-pro-tick {
	color: #ccc;
	font-size: 28px;
	position: absolute;
	right: 13px;
	top: 10px;
	z-index: 9;
}

.accept-cls {
	margin-bottom: 0;
	margin-right: 15px;
	margin-top: 12px;
}

.accpet-checkbox {
	float: left;
	margin-top: 32px;
	margin-left: 8px;
}

.combinedReport-cls {
	cursor: pointer;
}

.prodetails-popup {
	
}

.prodetails-popup p {
	
}

.prodetails-popup p span:first-child {
	font-weight: bold;
	color: #666;
}

body.nl .dasboard-tab.nav.nav-tabs li a {
	max-width: 285px;
}

@media only screen and (min-device-width : 1280px) and (max-device-width
	: 1366px) and (orientation : landscape) {
	body.pl .nav-gation li a {
		font-size: 14px !important;
		width: 200px;
		text-align: left;
	}
	body.ru .faq-doc-block>.comman-title>.pull-left {
		width: 67%;
	}
	body.cs .editbtn-downloadbtn {
		max-width: 370px;
	}
	.bpblockselection, .hpblockselection {
		padding: 2px 1px !important;
	}
	.mechanical .ui-tabs .ui-tabs-nav li {
		margin: 0 10px !important;
	}
	body.ru .editbtn-downloadbtn {
		max-width: 370px;
	}
	body.ru  .permeation-bp-block .pbtm-block span:first-child {
		height: 35px;
	}
	body.ru .sort-performance-btn {
		width: 105px;
	}
	body.ru .accept-cls {
		width: 60%;
		margin: 0;
	}
	body.ru .sortperformance-switch .onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch
		{
		right: 81px;
	}
	body.ru .addEditChemicalpopup {
		top: 50px !important;
		width: 80% !important;
		margin-left: -40% !important;
		left: 50% !important;
		min-height: 400px;
	}
	body.ru .regittext {
		float: left;
		width: 90%;
		margin-left: 7px;
	}
	.checkme-cls .label__checkbox:checked+.label__text .label__check .icon {
		top: 1px;
	}
	.mechanical .ui-tabs .ui-tabs-nav li.icons1:before, .mechanical .ui-tabs .ui-tabs-nav li.icons5:before
		{
		right: -24px !important;
	}
	body, html {
		height: 100%;
	}
	ul.prev-next-pager li.prev {
		margin-left: 0px !important;
	}
	ul.prev-next-pager li.next {
		margin-right: 0px !important;
	}
}

@media ( min-width : 1370px) {
	.filter-cls li label label span {
		width: 156px !important;
	}
	.editbtn-downloadbtn {
		max-width: 455px !important;
	}
	.chemicalblock {
		top: 60px !important;
		left: 47% !important;
		height: 590px !important;
		bottom: 0px !important;
		margin-left: -44.5%;
	}
	.pro-status {
		width: 122px !important;
	}
	.pro-status>span {
		width: 122px !important;
	}
	.innertab li a {
		width: auto;
	}
	.cr-new-req {
		margin: 0px 0 15px 109px !important;
	}
	.cr-edit-req {
		margin: 0px 0 15px 80px !important;
	}
	.chemicalblock.multiselect-popup {
		height: 620px !important;
	}
}

/***************Swipper Start*************************/
.swiper-wrapper {
	transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg);
}

.product-details-cls  .swiper-slide {
	background-position: center 0%;
	padding: 0 30px;
	background-repeat: no-repeat;
}

.product-details-cls .swiper-container {
	height: 425px;
}

.swiper-container {
	padding: 0 0px 40px !important;
	height: 286px;
	width: 100%;
}

.swiper-slide {
	background-position: center bottom;
	background-size: cover;
	padding: 0 30px;
	background-size: auto 90%;
	background-repeat: no-repeat;
}

.gridLoader {
	width: 100%;
	height: 100%;
	top: 0;
	bottom: 0;
	background-color: rgb(37, 184, 163);
	background-image: url(flaskLoader.gif);
	z-index: 99;
	position: absolute;
	left: 0px;
	background-repeat: no-repeat;
	background-position: top;
	right: 0px;
	z-index: 99999;
	opacity: 0.8;
}

.gridLoader:after {
	content: "Loading...";
	position: absolute;
	top: 160px;
	left: 0px;
	right: 0px;
	text-align: center;
	font-size: 18px;
	color: #fff;
}

.imgcover {
	
}

.swiper-slide img {
	width: auto;
	height: auto;
	max-width: 80%;
	max-height: 80%;
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	position: absolute;
	left: 50%;
	top: 50%;
}
/***************Swipper End*************************/
.renameReport {
	display: none;
}

.nodisplay, .nodisplayreport {
	display: none ! important;
}

/**********************Browser CSS Selector*****************************/
@media screen and (-ms-high-contrast: active) , ( -ms-high-contrast :
	none) {
	.delete-confirm-prod {
		height: 130%;
	}
}

.ie .right-section-block {
	margin-right: 10px;
}

.ie  .delete-confirm-prod {
	height: 130%;
}

.ie .aggr-cls.paddincls {
	word-wrap: break-all;
}

@media all and (-ms-high-contrast:none) {
	*::-ms-backdrop, .right-section-block {
		margin-right: 10px;
	}
	*::-ms-backdrop, .aggr-cls.paddincls {
		word-wrap: break-word;
	}
	*::-ms-backdrop, .chemicals-title-name {
		width: 391px;
	}
	*::-ms-backdrop, .product-title {
		left: 397px;
	}

	/* IE11 */
}

#popSnackbar {
	visibility: hidden;
	min-width: 250px;
	margin-left: -125px;
	background-color: #333;
	color: #fff;
	text-align: center;
	border-radius: 2px;
	padding: 16px;
	position: fixed;
	z-index: 99;
	left: 50%;
	bottom: 100px;
	font-size: 17px;
}

#popSnackbar.show {
	visibility: visible;
	-webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
	animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

.spacecls {
	margin: 3px 0 0 10px;
}

.info-space {
	padding: 2px 0 0 0px;
	display: inline-block
}

.linkurlcls {
	color: #113b82 !important;
	text-decoration: underline;
}

/*********************************************************************************************/
/*********************************************************************************************/
/*********************************************************************************************/

/************Mechanical Protection************/

/*********************************************************************************************/
/*********************************************************************************************/
/*********************************************************************************************/

/*********checkbox*********/
label.label-cust {
	display: inherit;
	cursor: pointer;
	max-width: inherit;
	margin-bottom: 0;
	font-weight: normal;
}

.label__checkbox {
	display: none;
}

.label__check {
	display: inline-block;
	border-radius: 50%;
	border: 5px solid rgba(0, 0, 0, 0.1);
	background: white;
	vertical-align: middle;
	z-index: 1;
	position: relative;
	width: 2em;
	height: 2em;
	cursor: pointer;
	display: block;
	align-items: center;
	justify-content: center;
	transition: border .1s ease;
}

.label__check.label__check_big {
	height: 175px;
	width: 175px;
	background: no-repeat;
}

.lablenme {
	display: block;
	margin: 10px 0;
	font-size: 14px;
	text-transform: uppercase;
}

.label__check.label__check_small {
	width: 20px;
	height: 20px;
	border: 2px solid rgba(0, 0, 0, 0.1);
}

.label__check.label__check_small i.icon {
	font-size: 12px;
	position: absolute;
	top: 2px;
	left: 2px;
}

.label__checkbox:checked+.label__text .label__check.label__check_small {
	border: 2px solid #008071;
	position: relative;
}

.label__check i.icon {
	opacity: 0;
	font-size: 16px;
	color: rgba(0, 0, 0, 0.5);
	transition: opacity .1s .1s ease;
	-webkit-text-stroke: 0px rgba(0, 0, 0, 0.5);
}

.label__check:hover {
	border: 5px solid rgba(0, 0, 0, 0.2);
}

.label__check.label__check_big:hover {
	border: 5px solid rgba(0, 0, 0, 0.5);
}

.process-list li:hover .label__check.label__check_small, .label__check.label__check_small:hover
	{
	border: 2px solid rgba(0, 0, 0, 0.4);
}

.label__checkbox:checked+.label__text .cover {
	background: #00a18f;
	position: absolute;
	left: 5px;
	right: 5px;
	bottom: 0;
	top: 0;
}

.label__checkbox:checked+.label__text .industry-label {
	color: #fff;
}

.label__checkbox:checked+.label__text  .process-list-label {
	color: #008071;
}

.label__checkbox:checked+.label__text .label__check {
	-webkit-animation: 0.1s cubic-bezier(0.895, 0.01, 0.685, 0.22) forwards;
	animation: 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22) forwards;
	background: #fff;
	border: 3px solid #00a18f;
}

.label__checkbox:checked+.label__text .label__check.label__check_big {
	background: rgba(0, 0, 0, 0.3);
	color: #fff;
	position: relative;
}

.label__checkbox:checked+.label__text .lablenme {
	color: #00a18f;
}

.label__checkbox:checked+.label__text .label__check.label__check_big .icon
	{
	color: #fff;
	font-size: 35px;
	position: absolute;
	top: 60px;
	left: 65px;
}
/* .label__checkbox:checked+.label__text .label__check .icon {
	opacity: 1;
	 -webkit-transform: scale(0);
	transform: scale(0);
	color: #008071;
	position: absolute;
	left: 2px;
	top: 2px;
	-webkit-text-stroke: 0;
	-webkit-animation: icon 0.3s cubic-bezier(1, 0.008, 0.565, 1.65) 0.1s 1
		forwards;
	animation: icon 0.1s cubic-bezier(1, 0.008, 0.565, 1.65) 0.1s 1 forwards;
} */
.label__checkbox:checked+.label__text .label__check .icon {
	opacity: 1;
	/*  -webkit-transform: scale(0); */
	/* transform: scale(0); */
	color: #008071;
	position: absolute;
	left: 2px;
	top: 2px;
	-webkit-text-stroke: 0;
	-webkit-animation: icon 0.1s cubic-bezier(1, 0.008, 0.565, 1.65) 0.1s 1
		forwards;
	animation: icon 0.1s cubic-bezier(1, 0.008, 0.565, 1.65) 0.1s 1 forwards;
}

.center {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

@
-webkit-keyframes icon {from { opacity:0;
	-webkit-transform: scale(0.3);
	transform: scale(0.3);
}

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

}
@
keyframes icon {from { opacity:0;
	-webkit-transform: scale(0.3);
	transform: scale(0.3);
}

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

}
@
-webkit-keyframes check { 0% {
	width: 1.5em;
	height: 1.5em;
	border-width: 5px;
}

10


%
{
width


:


1
.5em
;


height


:


1
.5em
;


opacity


:


0
.1
;


background


:


rgba
(


0
,
0
,
0
,
0
.2


)
;


border-width


:


15px
;


}
12


%
{
width


:


1
.5em
;


height


:


1
.5em
;


opacity


:


0
.4
;


background


:


rgba
(


0
,
0
,
0
,
0
.1


)
;


border-width


:


0
;


}
50


%
{
width


:


2em
;


height


:


2em
;


background


:


#00d478
;


border


:


0
;


opacity


:


0
.6
;


}
100


%
{
width


:


2em
;


height


:


2em
;


background


:


#00d478
;


border


:


0
;


opacity


:


1
;


}
}
@
keyframes check { 0% {
	width: 1.5em;
	height: 1.5em;
	border-width: 5px;
}

10


%
{
width


:


1
.5em
;


height


:


1
.5em
;


opacity


:


0
.1
;


background


:


rgba
(


0
,
0
,
0
,
0
.2


)
;


border-width


:


15px
;


}
12


%
{
width


:


1
.5em
;


height


:


1
.5em
;


opacity


:


0
.4
;


background


:


rgba
(


0
,
0
,
0
,
0
.1


)
;


border-width


:


0
;


}
50


%
{
width


:


2em
;


height


:


2em
;


background


:


#00d478
;


border


:


0
;


opacity


:


0
.6
;


}
100


%
{
width


:


2em
;


height


:


2em
;


background


:


#00d478
;


border


:


0
;


opacity


:


1
;


}
}

/*********checkbox End*********/
.mechanical {
	position: relative;
	margin: 20px 0 50px;
}

.mechanical .ui-tabs.ui-widget-content {
	background: #fff;
	border-radius: 0;
	padding: 0px;
	border: none;
	margin: 30px 0 0;
}

.mechanical .ui-tabs.ui-tabs-nav {
	margin: 0;
	padding: 0;
	border-radius: 0;
	border: none;
}

.mechanical .ui-tabs .ui-tabs-nav li:after {
	content: "";
	border-bottom: 1px solid #00a18f;
	position: absolute;
	top: 30px;
	left: -25px;
	right: -25px;
	z-index: 0;
	/* width:20%; */
}

.mechanical .ui-tabs .ui-tabs-nav li.icons1:before, .mechanical .ui-tabs .ui-tabs-nav li.icons5:before
	{
	content: "";
	border-bottom: 1px solid #00a18f;
	position: absolute;
	top: 30px;
	left: -12px;
	right: -12px;
	z-index: 0;
	width: 220px;
}

.mechanical .ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: none;
	position: relative;
	top: 0;
	margin: 0 10px;
	border-width: 0 !important;
	padding: 0;
	white-space: nowrap;
	border-radius: 0;
	border: 0;
	display: inline-block;
}

.mechanical .ui-tabs .ui-tabs-nav li>a.ui-tabs-anchor:after {
	transition: ease 0.5s;
}

.mechanical .ui-tabs .ui-tabs-nav li.ui-tabs-active>a.ui-tabs-anchor:before
	{
	border-width: 2px !important;
}

/* .mechanical .ui-tabs .ui-tabs-nav li.ui-tabs-active.icons3 > a.ui-tabs-anchor:after{left: 53px !important;} */
.mechanical .ui-tabs .ui-tabs-nav li.ui-tabs-active>a.ui-tabs-anchor:after
	{
	/* transform: translate3d(0,-2px,0); */
	background-color: none;
	top: -13px !important;
	/*  width: 35px !important;
    height: 35px !important; */
}

.mechanical .ui-tabs .ui-tabs-nav li.icons1>a.ui-tabs-anchor:after {
	background: url(../img/protectiontype.svg) !important;
	content: "";
	display: block;
	height: 35px;
	position: absolute;
	top: -7px;
	width: 35px;
	background-repeat: no-repeat;
	left: 75px;
}

.mechanical .ui-tabs .ui-tabs-nav li.icons1>a.ui-tabs-anchor:before {
	content: "";
	position: absolute;
	border: 1px solid #00a18f;
	display: block;
	height: 60px;
	width: 60px;
	left: 63px;
	top: -20px;
	background: #fff;
	border-radius: 50%;
}

.mechanical .ui-tabs .ui-tabs-nav li.icons2>a.ui-tabs-anchor:after {
	background: url(../img/industry.svg) !important;
	content: "";
	display: block;
	height: 35px;
	position: absolute;
	top: -8px;
	width: 35px;
	background-repeat: no-repeat;
	left: 76px;
}

.mechanical .ui-tabs .ui-tabs-nav li.icons2>a.ui-tabs-anchor:before {
	content: "";
	position: absolute;
	border: 1px solid #00a18f;
	display: block;
	height: 60px;
	width: 60px;
	left: 63px;
	top: -20px;
	background: #fff;
	transition: border-width 0.3s linear;
	border-radius: 50%;
}

.mechanical .ui-tabs .ui-tabs-nav li.icons3>a.ui-tabs-anchor:after {
	background: url(../img/process1.svg) !important;
	content: "";
	display: block;
	height: 36px;
	position: absolute;
	top: -10px;
	width: 43px;
	background-repeat: no-repeat;
	left: 70px;
}

.mechanical .ui-tabs .ui-tabs-nav li.icons3>a.ui-tabs-anchor:before {
	content: "";
	position: absolute;
	border: 1px solid #00a18f;
	display: block;
	height: 60px;
	width: 60px;
	left: 63px;
	top: -20px;
	background: #fff;
	border-radius: 50%;
}

.mechanical .ui-tabs .ui-tabs-nav li.icons4>a.ui-tabs-anchor:after {
	background: url(../img/application.svg) !important;
	content: "";
	display: block;
	height: 35px;
	position: absolute;
	top: -9px;
	width: 35px;
	background-repeat: no-repeat;
	left: 75px;
	transition: ease 0.5s;
}

.mechanical .ui-tabs .ui-tabs-nav li.icons4>a.ui-tabs-anchor:before {
	content: "";
	position: absolute;
	border: 1px solid #00a18f;
	display: block;
	height: 60px;
	width: 60px;
	left: 63px;
	top: -20px;
	background: #fff;
	border-radius: 50%;
}

.mechanical .ui-tabs .ui-tabs-nav li.iconsResults>a.ui-tabs-anchor:after
	{
	background: url(../img/result.svg) !important;
	content: "";
	display: block;
	height: 35px;
	position: absolute;
	top: -7px;
	width: 35px;
	background-repeat: no-repeat;
	left: 75px;
}

.mechanical .ui-tabs .ui-tabs-nav li.iconsResults>a.ui-tabs-anchor:before
	{
	content: "";
	position: absolute;
	border: 1px solid #00a18f;
	display: block;
	height: 60px;
	width: 60px;
	left: 63px;
	top: -20px;
	background: #fff;
	border-radius: 50%;
}

.mechanical .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
	.mechanical .ui-tabs .ui-tabs-nav li.ui-state-disabled.icons2>a.ui-tabs-anchor:before,
	.mechanical .ui-tabs .ui-tabs-nav li.ui-state-disabled.icons3>a.ui-tabs-anchor:before,
	.mechanical .ui-tabs .ui-tabs-nav li.ui-state-disabled.icons4>a.ui-tabs-anchor:before,
	.mechanical .ui-tabs .ui-tabs-nav li.ui-state-disabled.icons5>a.ui-tabs-anchor:before
	{
	border: 1px solid #ccc !important;
}

.mechanical .ui-tabs .ui-tabs-nav li.ui-state-disabled:after {
	border-bottom: 1px solid #ccc !important;
}

.mechanical .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	float: left;
	padding: 45px 0px 10px;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 13px;
	color: #666;
	border-left: none;
	margin: 0;
	width: 184px;
	background: #fff;
	text-align: center;
	position: relative;
	z-index: 1;
	border: 1px solid #00a18f;
	word-break: break-word;
	white-space: pre-wrap;
}

body.ru .mechanical .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	min-height: 95px;
}

/* .mechanical .ui-tabs .ui-tabs-nav .ui-tabs-anchor .fa {
    font-size: 28px;
    position: absolute;
    top: -15px;
    left: 35%;
    width: 50px;
    height: 50px;
    background: #fff;
    line-height: 56px;
    color: #00a18f;
    border-radius: 50%;
    border: 1px solid #00a18f;
} */
.mechanical .ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.mechanical .ui-tabs .ui-tabs-nav li.ui-tabs-active:after {
	display: none;
}

.mechanical .ui-tabs .ui-tabs-nav li.ui-tabs-active a {
	background: #00a18f;
	color: #fff;
	border: none;
	border: 1px solid #00a18f;
}

.mechanical .ui-tabs .ui-tabs-panel {
	padding: 0px !important;
}

.mechanical .ui-tabs-panel {
	margin-top: 20px;
}

.mechanical .ui-tabs .ui-tabs-nav {
	margin: 0px auto;
	padding: 0px;
	border-radius: 0px;
	border: 0px;
	transition: ease 0.5s;
	width: 100%;
	background: none;
	text-align: center;
}

.mechanical .ui-tabs .ui-tabs-nav.stickytab {
	position: fixed;
	top: 0px;
	left: 0;
	right: 0;
	background: #fbfbfb;
	padding: 25px 0 15px;
	z-index: 9;
	-webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.24);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.24);
	box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.24);
}

.mechanical .pager {
	border-top: 1px solid #eee;
	padding-top: 10px;
	margin: 20px 0 50px 0;
}

.novaluecss {
	border-top: none !important;
	padding-top: 0px !important;;
	margin: 0px !important;
	margin-top: 0px !important;
}

.mechanical .toppager.pager {
	border-top: none;
	padding-top: 0px;
	margin: 0px;
}

.bottmppager {
	margin-bottom: 50px !important;
}

.mechanical .pager li>a:hover {
	background: #0a4a87;
}

.mechanical .pager li:first-child:hover>a>.fa {
	
}

.mechanical .pager li>a>.fa {
	margin-top: 2px;
}

.mechanical .pager li>a {
	border-radius: 3px;
	display: inline-block;
	padding: 8px 15px;
	background: #0a59a5 !important;
	position: relative;
	cursor: pointer;
	color: #fff;
	text-transform: capitalize;
	font-size: 13px;
	border: none;
	transition: ease all 0.5s;
}

.selectionlabel {
	font-size: 13px;
	display: block;
	width: 90%;
	min-height: 30px;
	margin: 0px auto;
}

.redtext {
	color: #ff0000;
}

.protection-middle {
	
}

.pro-type {
	display: table;
	list-style: none;
	height: 220px;
	padding: 0px;
	margin: 0px auto;
}

.pro-type li {
	float: left;
	position: relative;
	width: 175px;
	height: 175px;
	text-align: center;
	display: block;
	transition: ease 0.5s;
}

.pro-type li:hover {
	color: #00a18f;
}

.pro-type li {
	clip: rect(10px, 20px, 30px, 40px);
	height: 175px;
	width: 175px;
	border-radius: 100%;
	background-size: cover;
	background-position-x: -20px;
	margin: 0 20px 60px;
}
/* .pro-type li:last-child{
    background: #000 url(../img/clothing.jpg) no-repeat;
    clip: rect(10px, 20px, 30px, 40px);
    height: 175px;
    width: 175px;
    border-radius: 100%;
    background-size: cover;
    background-position-x: -42px;
    margin-right: 0px;
    pointer-events: none;
    cursor: no-drop;
    opacity: 0.5;
} */
.pro-type li.disblecls {
	pointer-events: none;
	cursor: no-drop;
	opacity: 0.6;
}

.cominsontext {
	position: absolute;
	top: 77px;
	font-size: 14px;
	left: 0;
	z-index: 9;
	color: #fff;
	display: block;
	background: #000;
	font-weight: normal;
	padding: 2px;
	border-radius: 0;
	right: 0;
}

/* .pro-type li:last-child .label__check.label__check_big:after{
    content: "Coming Soon";
    font-size: 25px;
    color: #fff;
    position: absolute;
    left:5px;
    top:62px;
} */

/* .pro-type li:hover, .pro-type li.selected{border:1px solid #0a59a5;} */
.industry-middle-block, .process-middle-block {
	/*  max-height: 600px;
    overflow-y: auto; */
	min-height: 300px !important;
}

.industry-type {
	display: table;
	width: 100%;
	margin: 0;
	padding: 0px;
	list-style: none;
}

.industry-type li {
	margin: 0 0 22px;
}

.minheightcls {
	min-height: 710px !important;
}

.industry-label {
	font-size: 13px;
	z-index: 1;
	float: left;
	width: 85%;
	position: relative;
}

.voyager-label-protection {
	font-size: 13px;
	z-index: 1;
	float: left;
	position: relative;
	font-weight: normal;
	width: 80%;
	cursor: pointer;
	text-transform: uppercase;
	overflow-wrap: break-word;
	text-transform: uppercase;
}

.industry-checkbox.voyagercheckbox>label {
	width: 100%;
}

.industry-type li:hover .industry-type-container,
	.industry-type-container-selected {
	border: 1px solid #008071 !important;
}

.industry-type li:hover .label__check {
	border: 3px solid rgba(0, 0, 0, 0.2);
}

.industry-type-container {
	border: 1px solid #ccc;
	transition: ease 0.4s;
	margin: 0px;
	cursor: pointer;
}

.industrimg {
	width: 100%;
	display: block;
	height: 200px;
	text-align: center;
	vertical-align: middle;
	background: #fff;
	z-index: 1;
	position: relative;
}

.industrimg img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	position: absolute;
	left: 50%;
	cursor: pointer;
	top: 50%;
}

.industryname-block {
	display: table;
	border-top: 1px solid #ccc;
	padding: 10px;
	width: 100%;
	height: 40px;
}

.industry-checkbox {
	display: inline-block;
	width: 100%;
}

.industry-checkbox.voyagercheckbox {
	display: block;
	width: 50%;
}

.industry-checkbox .label__checkbox:checked+.label__text .label__check .icon
	{
	text-align: center;
	display: block;
}

.industry-checkbox .label__check.label__check_small {
	display: inline-block;
	float: left;
	margin-right: 5px;
	text-align: center;
	margin-top: -2px;
	/* margin-bottom: 10px; */
}

.hideprocess {
	display: none !important;
}

.process-block {
	margin: 0 0px 15px;
	border: 1px solid #ccc;
}

.process-search-input {
	width: 90%;
	margin: 10px auto;
	display: block;
	font-size: 13px !important;
	border: 1px solid #ccc;
	padding: 5px;
	transition: ease 0.5s;
}

.process-search-input:focus, .process-search-input:hover {
	border: 1px solid #666;
}

.process-list {
	margin: 0px;
	padding: 0px;
	list-style: none;
	height: 200px;
	overflow-y: auto;
}

.process-block-inner:hover .process-list {
	overflow-y: auto;
}

.process-list li:first-child {
	border-top: none;
}

.process-list li {
	display: block;
	width: 100%;
	border-top: 1px solid #eee;
	padding: 5px 15px;
	font-weight: normal;
	position: relative;
	font-size: 13px;
	cursor: pointer;
}

.process-list li label.label-cust {
	cursor: pointer;
}

.process-list-label {
	float: left;
	width: 80%;
	font-weight: normal;
	margin-top: 2px;
	position: relative;
	margin-left: 7px;
}

.process-list li input[type="checkbox"] {
	margin: 2px 5px 0 0;
}

.process-label {
	font-size: 14px;
	font-weight: 500;
	margin: 0px;
	padding: 5px 5px;
	background: #00a18f;
	color: #fff;
	width: 100%;
	display: table;
	height: 5px;
	/*    min-height: 60px; */
}

.selectallcheck {
	margin: 5px 0 0px 10px;
}

.process-label-middle {
	display: table-cell;
	vertical-align: middle;
}

.catgory_name {
	padding-left: 27px;
	font-size: 14px;
	text-shadow: none;
	cursor: pointer;
	float: left;
	font-weight: 300;
}

.selectallcheck .label__checkbox:checked+.label__text .label__check.label__check_small
	{
	position: absolute;
}

.selectallcheck .label__checkbox+.label__text .label__check.label__check_small
	{
	position: absolute;
}

.process-block-inner {
	
}

.result-middle-block {
	
}

.result-breadcurm {
	
}

.breadcrumb>.active {
	color: #0a4a87 !important;
}

.result-bp-row {
	display: block;
	width: 100%;
	margin: 20px 0px;
	padding: 0 0 20px;
}

.result-breadcurm li {
	
}

.result-breadcurm li:after {
	
}

.result-bp-row {
	display: block;
	width: 100%;
	/*margin: 20px 0 0 20px;*/
	border-bottom: 1px dashed #ccc;
	/*padding: 0 0 20px;*/
}

.title-label .fa {
	font-size: 17px;
	display: inline-block;
	margin-top: 0px;
}

.breadcrumb {
	cursor: pointer;
	margin-bottom: 0px !important;
	border-radius: 0px !important;
}

.breadcrumb .fa {
	font-size: 17px;
	display: inline-block;
	margin-top: 0px;
}

.title-label:hover {
	text-decoration: underline;
}

.title-label.no-cursor-point {
	cursor: auto;
}

.pro-img-block {
	z-index: 0;
	display: block;
	width: 100%;
	background: #fff;
	height: 300px;
	cursor: pointer;
	position: relative;
	margin: 0px;
}

.title-label.no-cursor-point:hover {
	text-decoration: none;
}

.titlecover {
	margin: 10px 0;
}

.titlecover>.title-label {
	width: auto;
	margin: 0 10px 10px 0;
}

.titlecover .userNeeds_cls {
	
}

.title-label {
	font-size: 16px;
	color: #0a4a87;
	margin: 25px 0 5px;
	font-weight: normal;
	display: inline-block;
	width: 100%;
	cursor: pointer;
	text-transform: uppercase;
}

.result-bp-inner-col {
	
}

.result-pro-block {
	border: 1px solid #eee;
	display: flex;
	width: 100%;
	position: relative;
}

.result-pro-inner-block {
	display: block;
	width: 100%;
	font-size: 13px;
}

.pro-img-block {
	/*z-index: 1;*/
	display: block;
	width: 100%;
	background: #fff;
	height: 300px;
	cursor: pointer;
	position: relative;
}

.pro-label-block-cover:hover {
	background: #008677;
}

.pro-label-block-cover {
	background: #00a18f;
	width: 100%;
	transition: ease 0.5s;
}

.pro-label-block {
	display: table-cell;
	vertical-align: middle;
	padding: 5px 10px;
	color: #fff;
	position: relative;
	z-index: 1;
	font-size: 13px;
	transition: ease 0.5s;
	cursor: pointer;
	height: 47px;
}

.pro-desc-block {
	display: block;
	padding: 5px 10px 0;
	/*z-index: 1;*/
	position: relative;
}

.no-url {
	cursor: context-menu !important;
	opacity: 0.4;
}

.menuitemshow .pro-desc-block, .menuitemshow .pro-desc-block p {
	height: 60px;
	overflow: hidden;
	margin-bottom: 0;
}

.pro-desc-block p {
	height: 56px;
	overflow: hidden;
	margin-bottom: 0px;
}

.readmore {
	float: right;
	display: block;
	padding: 0;
	margin: 5px 10px;
	font-size: 18px;
	color: #0a59a5 !important;
	line-height: 0;
}

.comandiv {
	height: 85px;
}

.more_desc {
	z-index: 1;
	display: table;
	width: 100%;
	position: relative;
}

.popover {
	font-family: 'asapregular' !important;
	font-size: 13px !important;
}

.more_desc .popover-content {
	width: 270px;
}

.menuitemshow .pro-label-block-cover {
	background: #008677 !important;
}

.pro-desc-block label {
	font-weight: normal;
	margin: 0px;
}

/* .pro-desc-block p{
    height: 55px;
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
} */
.pro-action-block {
	padding: 5px 10px;
	border-top: 1px solid #eee;
	position: inherit !important;
}

.resultblock .label__checkbox:checked+.label__text .cover {
	background: #00a18f;
	position: absolute;
	left: -1px !important;
	right: -1px !important;
	top: 0px;
	height: 348px;
}

.pro-rating {
	list-style: none;
	padding: 0px;
	margin: 0px;
	z-index: 1;
	position: relative;
}

.pro-rating li {
	float: left;
}

.pro-rating li .fa {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f1e767+0,feb645+100;Yellow+3D */
	background: #f1e767; /* Old browsers */
	background: -moz-linear-gradient(top, #f1e767 0%, #feb645 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #f1e767 0%, #feb645 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #f1e767 0%, #feb645 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1e767',
		endColorstr='#feb645', GradientType=0); /* IE6-9 */
	color: transparent;
	-webkit-background-clip: text;
	background-clip: text;
	margin: 0 3px 0 0;
	font-size: 16px;
}

.spiderchart-block {
	position: relative;
	z-index: 1;
}

.fullstar {
	color: #cec200;
	font-size: 20px;
	line-height: 0;
}

.blankstar {
	font-size: 20px;
	line-height: 0;
}

.resultblock .label__checkbox:checked+.label__text .cover {
	border: 1px solid #00a18f;
	background: transparent;
	border-bottom: 0px;
	margin-top: -1px;
}

.pro-inner-action {
	list-style: none;
	padding: 0px;
	position: inherit !important;
	margin: 0px;
	/* top: -1px !important;
    height:329px; */
}

.pro-inner-action li {
	float: right;
	margin: 0 5px 0;
}

.pro-inner-action li .fa {
	font-size: 16px;
	color: #0a4a87;
	cursor: pointer;
}

.pro-inner-action li .fa.fa-external-link {
	font-size: 19px;
	color: #0a4a87;
	cursor: pointer;
	margin-top: 2px;
}

.result-bp-inner-col .col-sm-custom-4 {
	width: 32%;
	float: left;
}

.result-bp-inner-col .col-sm-3:first-child {
	padding-left: 0 !important;
}

.result-bp-inner-col .col-sm-3:nth-child(2) {
	margin-left: 141px;
	margin-right: 141px;
}

.result-bp-inner-col .col-sm-3:nth-child(3n+3) {
	padding-right: 0 !important;
}

.pro-inner-action li:first-child {
	float: left;
	width: 70%;
}

.row-custom .col-sm-3:first-child, .row-custom .col-sm-3:nth-child(5) {
	padding-left: 0 !important;
}

.row-custom .col-sm-3:nth-child(4), .row-custom .col-sm-3:nth-child(6) {
	padding-right: 0 !important;
}

.result-spider-chart.visible-spider-chart {
	display: block;
}

.result-spider-chart {
	z-index: 9;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 40px;
}

.result-spider-chart canvas {
	width: 300px !important;
	height: 300px !important
}

.row-custom.collapse.in {
	display: table !important;
}

.row-custom {
	display: block;
	width: 100%;
	border-bottom: 1px dashed #ccc;
	margin: 0 0 10px;
}

.modal-content.modal-content-result {
	padding: 0px;
}

.close.close-custom {
	font-size: 20px;
	margin: 0px;
	color: #fff;
	opacity: 1;
}

.modal-header.modal-header-custom {
	padding: 5px 10px;
	border-bottom: 1px solid #e5e5e5;
	background: #00a18f;
	color: #fff;
}

.modal-content {
	border-radius: 0px !important;
}

.spiderchart-icon {
	height: 19px;
	color: #fff;
	cursor: pointer;
	/*margin-top: -4px;*/
	width: 19px;
}

#gotoTopBtn {
	display: none;
	position: fixed;
	bottom: 80px;
	right: 30px;
	z-index: 99;
	font-size: 18px;
	border: none;
	outline: none;
	background-color: #c0c0c0;
	color: white;
	cursor: pointer;
	padding: 15px;
	border-radius: 4px;
}

#gotoTopBtn:hover {
	background-color: #555;
}

.selection-table-grid {
	margin: 20px 0;
	width: 100% !important;
}

.selection-table-grid .pq-grid.ui-widget.ui-widget-content {
	overflow: inherit;
}

.spiderchart-icon {
	height: 19px;
	color: #fff;
	cursor: pointer;
	/*margin-top: -4px;*/
	width: 19px;
}

.titleblock {
	display: block;
}

.yourselectionbtn {
	
}

.report-name-block {
	
}

.yourselectionbtn .fa {
	float: left;
	margin-top: 2px;
	margin-right: 6px;
}

.yourselectionbtn .fa-angle-left {
	font-size: 15px;
}

.selection-table-grid table.pq-grid-header-table .pq-td-div {
	background: #0cb198;
	padding: 7px !important;
	color: #fff;
}

.selectioncls {
	display: table;
	float: right;
}

.editIconRenameClass {
	float: left;
	margin-left: 12px;
}

.selectioncls span a {
	color: #0a59a5 !important;
}

.selectioncls span {
	cursor: pointer;
	float: left;
	margin: 0 6px;
	color: #0a59a5 !important;
}

.deleteicon {
	font-size: 18px;
	margin-top: -2px !important;
}

.externallink {
	font-size: 17px;
}

.spiderchrticon {
	font-size: 14px;
}

.spiderchrticon .spiderchart-icon {
	height: 18px !important;
}

.reporteditnameblock {
	
}

.reporteditnameblock input[type="text"] {
	float: left;
	padding: 6px;
	border: 1px solid #ccc;
	border-right: 0px;
	width: 350px;
}

.reporteditnameblock .fa {
	cursor: pointer;
	display: block;
	height: 32px;
	padding: 7px 12px;
	background: #0a59a5;
	color: #fff;
	font-size: 19px;
}

.titlename-block {
	display: block;
	font-size: 18px;
	color: #00a18f;
	padding: 10px 0;
	margin: 0 0 10px;
	border-bottom: 1px solid #ccc;
}

.editreport-label {
	margin: 8px 11px 0 0;
}

ul.prev-next-pager {
	position: relative;
	list-style: none;
	padding: 0px;
	width: 100%;
	margin: 0px auto;
	text-align: center;
	z-index: 99;
}

ul.prev-next-pager.stickytab {
	top: 27px;
	position: fixed;
	height: 1px;
	width: 1140px;
}

ul.prev-next-pager li.prev {
	float: left;
	width: 50px;
	height: 50px;
	border: 1px solid #ccc;
	border-radius: 100%;
	margin-top: 4px;
	margin-left: 0px;
	text-align: center;
}

ul.prev-next-pager li.next {
	margin-top: 4px;
	float: right;
	width: 50px;
	height: 50px;
	border: 1px solid #ccc;
	border-radius: 100%;
	margin-right: 0px;
}

ul.prev-next-pager li {
	cursor: pointer;
	transition: ease 0.5s;
	background: #f5f5f5;
}

ul.prev-next-pager li:hover {
	background: #f7f7f7;
	border: 1px solid #00a18f;
}

ul.prev-next-pager li.prev.disactiveli, ul.prev-next-pager li.next.disactiveli
	{
	opacity: 0.3;
	cursor: no-drop;
}

ul.prev-next-pager li .fa {
	font-size: 38px;
}

ul.prev-next-pager li.prev .fa {
	margin: 13px 0 0;
	transition: ease 0.5s;
	font-size: 20px;
}

ul.prev-next-pager li.next .fa {
	margin: 13px 0 0;
	transition: ease 0.5s;
	font-size: 20px;
}

ul.prev-next-pager li.next.disable-nav-btn .fa {
	opacity: 0.5 !important;
}

ul.prev-next-pager li.next:hover .fa {
	margin: 13px 0px 0 5px;
	color: #0a59a5
}

ul.prev-next-pager li.prev:hover .fa {
	margin: 13px 5px 0 0;
	color: #0a59a5
}

ul.prev-next-pager li.prev.disactive, ul.prev-next-pager li.next.disactive
	{
	opacity: 0.5;
}

.imgdetails {
	float: right;
	width: 25px;
	text-align: right;
	cursor: pointer;
	padding: 2px 3px 2px 3px;
	margin-left: 5px;
}

.selection-table-grid div.pq-grid-footer {
	text-align: center;
}

.selection-table-grid .pq-grid-footer.pq-pager input[type="button"] {
	height: 20px;
	width: 20px;
	padding: 0px;
	margin: 0 2px;
}

.selectionblock {
	display: block;
	border: 1px solid #00a18f;
	padding: 0px 10px;
	text-transform: uppercase;
	margin: 5px 5px 10px 0px;
	line-height: 28px;
	background: #00a18f;
	color: #fff;
	cursor: pointer;
}

.selectioncount {
	background: #fff;
	display: inline-block;
	color: #000;
	height: 21px;
	width: 23px;
	text-align: center;
	border-radius: 100%;
	margin-top: 3px;
	margin-right: 5px;
	float: left;
	line-height: 21px;
}

.nav-gation {
	list-style: none;
	margin: 12px 0 0 20px;
	padding: 0px;
}

.nav-gation li {
	float: left;
	position: relative;
	text-align: center;
	margin: 0 10px;
}

.nav-gation li a {
	display: block;
	text-transform: uppercase;
	margin: 0px;
	color: #666;
	font-size: 15px;
}

body.nl .nav-gation li a, body.pt .nav-gation li a, body.ca .nav-gation li a,
	body.br .nav-gation li a {
	width: 200px;
	font-size: 13px;
	text-align: left;
}

body.ru .nav-gation li a {
	max-width: 285px;
	font-size: 13px;
	text-align: left;
}

body.nl .nav-gation, body.pt .nav-gation {
	margin: 4px 0 0 30px;
}

.nav-gation li a:hover {
	text-decoration: none !important;
	color: #0a59a5;
}

.nav-gation li a.activecls {
	color: #0a59a5;
	border-bottom: 2px solid #0a59a5;
}

.nav-gation li a.activecls:after {
	content: "";
	position: absolute;
	border-bottom: 2px solid #0a59a5;
	left: 0px;
	right: 0px;
	bottom: -4px;
}

.showselection-block {
	float: right;
	/* width: 140px; */
	cursor: pointer;
}

.radarchart {
	width: 60% !important
}

.modal-title {
	font-size: 14px;
}

.modal-dialog-custom {
	width: auto !important;
}

.showselection-block:hover .process-list-label {
	color: #008071;
}

.showselection-block label {
	width: 100%
}

.showselection-block .process-list-label {
	cursor: pointer;
	color: #666;
	width: auto;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 13px;
}

.mechanical .pager.buttonstick {
	margin: 0px;
}

.selection-table-grid .pq-grid-footer.pq-pager .ui-button {
	border: none !important;
	background: none !important;
}

.pager.buttonstick {
	transition: ease 0.5s;
	position: fixed;
	bottom: 0px;
	left: 0px;
	right: 0px;
	text-align: center;
	z-index: 9;
	padding: 16px 0;
	background: #fbfbfb;
	-webkit-box-shadow: 0px -1px 5px 0px rgba(0, 0, 0, 0.24);
	-moz-box-shadow: 0px -1px 5px 0px rgba(0, 0, 0, 0.24);
	box-shadow: 0px -1px 5px 0px rgba(0, 0, 0, 0.24);
}

.yourselection-btn>a {
	padding-left: 40px !important;
}

.yourselection-btn .fa {
	position: absolute;
	left: 20px;
	font-size: 17px;
	top: 5px;
}

.ui-dialog {
	z-index: 99999 !important;
}

.btn-disable {
	opacity: 0.5;
	cursor: no-drop;
	pointer-events: none;
}

.disable_event {
	cursor: no-drop !important;
	opacity: 0.2;
	pointer-events: none;
}

.disable-nav-btn {
	/* opacity: 0.5; */
	pointer-events: none;
}

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

.reuslt-block {
	margin-bottom: 10px;
}

.pager.buttonstick.bottompager {
	bottom: 40px;
}

.middle-block-bottom {
	margin-bottom: 35px !important;
}

.mianloader {
	height: 100% !important;
	width: 100% !important;
	margin: 0px auto;
	position: fixed !important;
	top: 0px;
	left: 0px;
	bottom: 0px !important;
	right: 0px !important;
	background: #fff !important;
	text-align: center;
}

#loadingDialog>div {
	text-align: center;
}

.customizreport .ui-widget-header .ui-icon-closethick, .customizreport .ui-widget-header .ui-icon-closethick:hover,
	.customizreport .ui-widget-header .ui-icon-closethick:focus {
	
}

.ui-icon-closethick {
	background: url(../img/close_icon.png) !important;
	height: 20px !important;
	width: 20px !important;
	display: block !important;
	background-position: inherit !important;
	background-repeat: no-repeat !important;
}

.ui-dialog-titlebar {
	border-radius: 0 !important;
}

.pro-label-block .fa-external-link {
	display: table;
	margin-top: 3px;
	margin-right: 10px !important;
}

.loader-custom {
	width: 60px;
	height: 60px;
	background: url(../img/mec-loader.png) no-repeat;
	-webkit-animation: spin 2s linear infinite;
	animation: spin 2s linear infinite;
	margin-left: -35px !important;
	position: absolute;
	left: 40%;
	top: 35%;
}

.loader-custom-rev-sm {
	width: 50px;
	height: 50px;
	background: url(../img/mec-loader-sm.png) no-repeat;
	-webkit-animation: spin-rev 2s linear infinite;
	animation: spin-rev 2s linear infinite;
	margin-left: -35px !important;
	position: absolute;
	left: 74%;
	top: 16%;
}

.loader-custom-rev-xm {
	width: 40px;
	height: 40px;
	background: url(../img/mec-loader-xm.png) no-repeat;
	-webkit-animation: spin 2s linear infinite;
	animation: spin 2s linear infinite;
	margin-left: -35px !important;
	position: absolute;
	left: 80%;
	top: 53%;
}

.loaderimgblock {
	height: 150px;
	width: 150px;
	position: absolute;
	left: 50%;
	top: 35%;
	margin-left: -75px;
}

/* Safari */
@
-webkit-keyframes spin { 0% {
	-webkit-transform: rotate(0deg);
}

100


%
{
-webkit-transform


:


rotate


(


360deg


)
;


}
}
@
keyframes spin { 0% {
	transform: rotate(0deg);
}

100


%
{
transform


:


rotate


(


360deg


)
;


}
}

/* Safari */
@
-webkit-keyframes spin-rev { 0% {
	-webkit-transform: rotate(0deg);
}

100


%
{
-webkit-transform


:


rotate


(


-360deg


)
;


}
}
@
keyframes spin-rev { 0% {
	transform: rotate(0deg);
}

100


%
{
transform


:


rotate


(


-360deg


)
;


}
}
.countryListPopup {
	
}

.countryList {
	list-style: none;
	padding: 0px;
	border: 1px solid #ccc;
	border-top: none;
	max-height: 200px;
	overflow-y: auto;
}

.countryList li:first-child {
	border-top: none;
}

.countryList .regionName {
	font-style: italic;
	font-size: 11px;
	padding-top: 5px;
	opacity: 0.9;
}

.countryList li {
	list-style: none;
	cursor: pointer;
	display: table;
	width: 100%;
	padding: 5px;
	color: #666;
	border-top: 1px solid #eee;
}

.countryList li:hover {
	opacity: 0.6;
}

#countryList .selected {
	background: bisque;
}

.regionsearch {
	position: relative;
}

.regionsearch .fa {
	position: absolute;
	top: 42px;
	right: 7px;
}

.regionsearch input[type="text"] {
	border: 1px solid #ccc;
	width: 100%;
	padding: 5px 25px 5px 5px;
}

.modal-footer-custom {
	border: none !important;
	padding: 0px !important;
}

.no-cusrsor {
	cursor: default !important;
}

.regiondes {
	font-size: 13px;
	display: block;
	width: 100%;
	margin-bottom: 10px;
}

.tags {
	
}

.tags>span {
	display: block;
	float: left;
	color: #666;
	background: #f2f2f2;
	padding: 1px 5px;
	padding-right: 26px;
	margin: 4px 0px;
	position: relative;
	margin-right: 5px;
	pointer-events: none;
}

.tags>span:focus {
	border: darkslateblue;
}

.tags>span:after {
	position: absolute;
	cursor: pointer;
	content: "x";
	background: #1B96B1;
	color: #fff;
	padding: 1px 7px 3px 8px;
	margin-left: 6px;
	font-size: 12px;
	font-weight: bolder;
	top: 0px;
	pointer-events: all;
}

.tags>input {
	border: 0;
	margin: 4px;
	padding: 7px;
	width: auto;
}

input:focus {
	outline: none;
}

.focusTag {
	border: solid 1px cornflowerblue;
}

.emailtag {
	margin: auto;
	width: 60%;
}

.errorMessage {
	border-radius: 0px;
	border: #FF0000 1px solid !important;
}

.error-message {
	color: #ff0000;
}

.headerRegion {
	color: #337ab7;
	position: relative;
	padding: 3px;
}

.headerRegion:after {
	content: "";
	border-right: 1px solid #0a59a5;
	padding-right: 48px;
	display: block;
	position: absolute;
	top: 1px;
	right: -8px;
	bottom: 0px;
}

.hRegionNameli {
	padding: 2px;
}

.fa-globe.globeSize {
	font-size: 19px;
	float: left;
	margin-top: 0px;
}

.no-text-decoration {
	text-decoration: none;
}

.profilename {
	margin-top: 3px !important;
	margin-right: 0px !important;
}

.custom-tab {
	margin: 10px 0px 0px -10px;
}

.componentDetails td {
	/* padding: 7px 0px 7px 7px !important; remove for tab chart gird */
	
}

.resultDivDisable {
	pointer-events: none;
	cusror: no-drop;
}

.disbaleProductDiv {
	opacity: 0.4;
	cursor: no-drop;
	pointer-events: none;
}

.disbaleDivOfResultScreen {
	position: absolute;
	z-index: 99;
	width: 100%;
	background: #000;
	padding: 10px;
	color: #fff;
	top: 36%;
	text-align: center;
}

.felds {
	display: table;
	width: 100%;
	margin-bottom: 10px;
}

.felds .pull-left {
	
}

.felds .pull-left label {
	float: left;
	margin: 0px;
	font-weight: normal;
	margin-right: 18px;
	text-transform: uppercase;
}

.felds .pull-left label input[type="radio"] {
	float: left;
	margin: 2px 4px 0 0;
}

span.redco {
	color: #ff0000;
}

.feedbacktop {
	background: #00a18f;
	color: #fff;
	padding: 25px;
}

.feedbacktop h3 {
	font-size: 22px;
	margin: 0px 0 5px;
}

.feedbacktop span {
	font-size: 13px;
}

.felds textarea {
	width: 100%;
}

.form-group.feedbackformblock {
	padding: 21px 18px;
}

.btn-cls {
	padding: 7px 15px;
}

.custom-popup {
	
}

.custom-popup .modal-header {
	background: #00a18f;
	padding: 5px;
}

.custom-popup .modal-header h2 {
	color: #fff;
	font-size: 14px;
	font-weight: normal;
	margin: 0;
	padding: 0 5px;
}

.custom-popup .modal-header .close {
	background: #fff;
	opacity: 1;
	padding: 0 4px;
	display: block;
	color: #0a59a5;
	font-size: 18px;
	margin: 0px;
}

.custom-popup .modal-content {
	padding: 2px;
	border-radius: 0;
}

.custom-popup  .modal-body {
	padding: 5px 15px 15px;
	/*  display: table; */
	width: 100%;
}

.radarchart #radarChart {
	padding: 10px !important;
	margin: 10px;
}

.yas>img {
	width: auto;
	height: auto;
	max-width: 80%;
	max-height: 80%;
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	position: absolute;
	left: 50%;
	top: 50%;
}

.yourSelectionImgClass {
	height: 130px !important;
	width: auto;
	margin: 0px auto;
	text-align: center;
	display: block;
}

.paddingClass {
	padding: 12px !important;
}

.opacity-cls {
	opacity: 0.5;
}

.dashboard-voy-tab-container {
	margin: 0;
}

.commantab-block {
	
}

.dashboard-voy-tab-container .tab-content {
	float: left;
	width: 100%;
	margin-top: 1px;
	display: flex;
}

.commantab-block .ui-widget.ui-widget-content {
	padding: 0px;
	margin: 0px;
	border: none !important;
}

.dasboard-tab.nav.nav-tabs li a {
	background: #fff;
	color: #666;
	max-width: 315px;
	/*   flex: 1; */
	min-width: 275px;
	text-align: center;
	/* border:1px solid #f2f2f2;
	max-height: 60px; */
	text-transform: uppercase;
}

.dasboard-tab {
	border-bottom: none !important;
	padding: 0;
	float: left;
	display: flex;
	border: 1px solid #f2f2f2;
	border-radius: 3px 3px 0 0;
	overflow: hidden;
	text-align: center;
}

.dasboard-tab  li {
	display: flex !important;
}

.dasboard-tab.nav.nav-tabs li.disableblock-cls a {
	min-height: 60px !important;
}

.secondtabclass {
	width: 100%;
}

.dasboard-tab.nav.nav-tabs li a:hover {
	border: 1px solid #00599b !important;
	border-radius: 3px 3px 0 0;
}

.dasboard-tab.nav.nav-tabs li.active a {
	background: #00599b;
	color: #fff;
	border-radius: 3px 0 0 0;
	margin: 0px;
	font-weight: bold;
	border: 1px solid #00599b !important;
	border: none;
}

/* .dasboard-tab.nav.nav-tabs li.active a:after{
    content: "";
    background: #00599b;
    position: absolute;
    left: -1px;
    right: -1px;
    bottom: -50px;
    top: 0;
    transition: background 0.8s !important;
    display: block;
    z-index: -1;
} */

/* .dasboard-tab.nav.nav-tabs li a:after{
    content: "";
    background: #fff;
    position: absolute;
    left: -1px;
    right: -1px;
    bottom: -50px;
    top: 0;
    transition: background 0.8s !important;
    display: block;
    z-index: -1;
} */

/* .dasboard-tab.nav.nav-tabs li a:hover:after{
    content: "";
    background: #00599b;
    position: absolute;
    left: -1px;
    right: -1px;
    bottom: -50px;
    top: 0;
    transition: background 0.8s !important;
    display: block;
    z-index: -1;
} */
.innertab {
	margin: 10px 0 0;
}

.innertab li {
	
}

.innertab li.active {
	
}

.innertab li.active a {
	border-bottom: 2px solid #00599b !IMPORTANT;
	border-top: none !important;
	border-left: none !important;
	border-right: none !important;
	color: #00599b !important;
}

.innertab li a { /*kjdbkj*/
	text-transform: uppercase;
	color: #666 !important;
	border: none !important;
	text-align: center;
	padding: 10px 20px !important;
}

.innertab li a:hover {
	background: none !important;
	color: #00599b !important;
}

.commantab {
	background: none !important;
	border: none !important;
	padding: 0px !important;
	margin: 0px !important;
	border-radius: 0px !important;
}

.commantab.nav.nav-tabs li {
	border: none !important;
	padding: 0px !important;
	margin: 0px !important;
	background: #fff;
}

.commantab.nav.nav-tabs li a {
	background: #fff;
	color: #666;
	border-radius: 3px 3px 0 0;
	min-width: 150px;
	text-align: center;
	border: 1px solid #ccc;
	border-bottom: none;
	text-transform: uppercase;
}

.commantab.nav.nav-tabs li a:hover {
	background: none;
	border-radius: 0;
}

.commantab.nav.nav-tabs li.ui-tabs-active a, .commantab.nav.nav-tabs li.active a
	{
	background: #00599b;
	color: #fff;
	border-radius: 3px 3px 0 0;
	font-weight: bold;
	border: 1px solid #00599b !important;
	border: none;
}

.commantab-block .ui-tabs-panel {
	border: 1px solid #ccc !important;
	border-radius: 0px !important;
}

.pro-id-status-block {
	width: 100%;
	margin: 5px 0 0;
	font-weight: normal;
	text-align: center;
	display: flex;
}

.pro-id-status-block>span:first-child {
	border-right: 1px solid #ccc;
	padding: 0 10px 0 0;
	margin: 0 10px 0 0;
}

.proty-id {
	display: flex;
	float: left;
	justify-content: center;
}

.showicons {
	font-size: 17px !important;
}

.pro-status {
	width: 122px;
	word-break: break-word;
}

.pro-status>span {
	width: 122px !important;
}

.sales-draft {
	white-space: pre-wrap;
	word-break: break-all;
	color: #666;
	padding: 1px 10px;
	display: block;
	margin: 0px auto;
	border-radius: 2px;
}

.fontWhite {
	color: #fff !important;
}

.new-btn-cls-mid {
	border: 1px solid #ccc;
	padding: 5px 10px;
	border-radius: 3px;
	background: #f9f9f9;
	transition: ease 0.5s;
	font-size: 13px;
	color: #666;
	/*     display: flex; */
}

.blue-btn-bg {
	background: #0a59a5 !important;
	color: #fff !important;
	font-weight: normal;
	border: 1px solid #0a59a5;
}

.blue-btn-bg:hover {
	background: #014b93 !important;
}

.inputbtn-cls {
	background: none;
	border: none;
	padding: 0px;
}

.new-btn-cls-mid:hover {
	background: #00599b;
	color: #fff;
	border: 1px solid #00599b;
}

.new-btn-cls-mid .fa {
	font-size: 15px;
	margin: 3px 6px 0 0;
}

.editbtn-downloadbtn {
	float: right;
	max-width: 370px;
	margin: 0px 0 0 0;
	display: flex;
	text-align: left;
}

.advancedUser .editbtn-downloadbtn {
	max-width: inherit !important;
}

.editbtn-downloadbtn.editreportblock {
	max-width: inherit;
}

.editbtn-downloadbtn .fa {
	float: left;
}

.editbtn-downloadbtn .new-btn-cls-mid {
	text-align: left;
	display: flex;
}

.edit-org-popup {
	width: 750px !important;
	left: 50% !important;
	margin-left: -375px;
	top: 100px !important;
	min-height: 480px !important;
	max-height: 1000px !important;
}

.primarybtn {
	cursor: pointer;
	border-radius: 3px;
	display: inline-block;
	padding: 7px;
	background: #fff;
	color: #0a59a5;
	text-transform: capitalize;
	font-size: 13px;
	border: 1px solid #0a59a5;
	transition: ease all 0.5s;
}

.col-inner-form {
	margin: 0 0 13px;
	position: relative;
}

.col-inner-form label {
	display: block;
	margin: 0px 0px 3px;
	font-weight: normal;
	font-size: 13px;
	font-family: 'Roboto', sans-serif !important;
	font-weight: 500;
	color: #666;
	min-width: 65px;
}

.col-inner-form.full-form-fields textarea, .col-inner-form.full-form-fields Select,
	.col-inner-form.full-form-fields input[type="text"], .col-inner-form input[type="file"]
	{
	width: 100%;
	border-radius: 0px;
	box-shadow: none;
}

.rich-autocomplete input {
	font-size: 13px !important;
}

.col-inner-form input[type="text"], .col-inner-form Select,
	.col-inner-form input[type="file"] {
	margin: 0px;
	border: 1px solid #ccc;
	padding: 5px 3px;
	font-size: 13px !important;
}

.rich-autocomplete {
	height: 34px !important;
}

.comnttitle {
	font-size: 16px;
	text-transform: uppercase;
	color: #00a18f;
	margin: 10px 0px 10px 6px;
	background: #f9f9f9f2;
	padding: 9px 10px;
}

.addEditChemicalpopup {
	top: 100px !important;
	width: 70% !important;
	margin-left: -35% !important;
	left: 50% !important;
	min-height: 400px;
}

.prodTemplate {
	width: 160px;
	color: #000;
	font-size: 13px;
}

.addmixtable {
	width: 100% !important;
	margin: 0px 0px 10px !important;
}

.removetdicon .fa {
	font-size: 14px;
	cursor: pointer;
	transition: ease 0.5s;
}

.removetdicon:hover .fa {
	color: #0a59a5;
}

.gridoptionlist {
	margin: 0px;
	padding: 0px;
	list-style: none;
	float: right;
	height: 20px;
	font-size: 13px;
}

.gridoptionlist>li {
	float: left;
	font-size: 13px;
	margin: 0 5px 0 0;
	border-left: 1px solid #fff;
	padding-left: 10px;
}

.gridoptionlist>li:first-child {
	border-left: none;
}

.gridoptionlist>li .fa {
	margin: 0 5px 0 0;
}

.gridoptionlist>li:last-child {
	margin-right: 0px;
}

.pro_template {
	position: relative;
	font-size: 13px;
	width: auto;
}

.protemplateclick, .protemplateclick:focus, .protemplateclick:hover {
	color: #fff;
	text-decoration: none;
	font-weight: normal;
	position: relative;
}

.protemplateclick .fa {
	margin: 0 0 0 5px !important;
	display: inline-block;
}

.protemplateblock {
	position: absolute !important;
	width: 290px;
	right: 0px;
	text-align: left;
	z-index: 99;
	margin: 11px 0 0 0;
	z-index: 9999;
}

.protemplateblock ul {
	margin: 0px;
	padding: 10px 0;
	background: #fff;
	list-style: none;
	border: 1px solid #ccc;
	border-radius: 0 0 5px 5px;
	color: #000;
	-webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.3);
}

.protemplateblock ul li {
	display: block;
	cursor: pointer;
	color: #0a59a5;
	font-weight: normal;
	padding: 10px 20px;
	transition: ease 0.5s;
}

.nonli-cls {
	padding: 10px 5px 5px 10px !important;
	/* font-weight: bold; */
	color: #a9a9a9 !important;
	text-transform: inherit !important;
	margin-top: 12px;
	border-top: 1px solid #ccc;
	padding-top: 10px !important;
	cursor: inherit !important;
}

.nonli-cls:hover {
	background: none !Important;
}

.protemplateblock ul li.loadDefaultProds-cls {
	cursor: pointer;
}

.loadDefaultProds-cls {
	cursor: pointer;
	font-weight: normal;
}

.protemplateblock ul li:first-child {
	border-top: none;
}

.addtempltebtn .fa {
	margin: 0 5px 0 0;
}

.addtempltebtn {
	border: 1px solid #ccc;
	padding: 10px;
	border-radius: 3px;
	background: #f9f9f9;
	transition: ease 0.5s;
	font-size: 13px;
	color: #666;
}

.protemplateblock ul li:hover {
	background: #f9f9f9;
	color: #00599b;
}

.protemplateblock  li .fa {
	font-size: 18px;
	margin: 0px 10px 0 0;
	color: #666;
}

.ch_paginationblock {
	/*  position: absolute;
    top: -77px;
    z-index: 9;
    left: 130px; */
	display: table;
	position: relative;
	margin: 5px 0 0;
}

.ch_paginationblock input[type="text"] {
	height: 25px;
	width: 35px;
	text-align: center;
	padding: 0px;
	float: left;
	margin: 0px;
	border: 1px solid #e9e9e9;
}

.ch_paginationblock select {
	height: 25px;
	margin: 0px;
	float: left;
	border: 1px solid #e9e9e9;
}

.pagninationbtncls {
	background: #fbfbfb;
	border: 1px solid #e9e9e9;
	height: 25px;
	width: 25px;
	color: #000;
	font-size: 19px;
	float: left;
	border-radius: 0px;
	line-height: 0;
	margin: 0px 1px;
	display: inline-block;
}

.pagninationbtncls.disablepgevent {
	cursor: no-drop !important;
	opacity: 0.5;
}

.ch_paginationblock .fa {
	
}

.pagcounter {
	margin: 4px 7px 0;
}

.inputdeletcheckboc {
	width: 22px;
	text-align: center;
}

.inputdeletcheckboc input[type="checkbox"] {
	
}

.tcComponent {
	cursor: pointer;
}

.chremove_comp {
	display: block;
	margin: 0px auto;
	font-size: 14px;
	cursor: pointer;
}

.comp-table-block {
	display: block;
	margin-bottom: 5px;
}

.chremove_comp:hover .fa {
	color: #0a4a87;
}

.mixalreadyadded {
	padding: 10px;
	width: 100%;
}

.mixbutton {
	border: none;
	background: rgba(0, 0, 0, 0.6);
	padding: 3px 10px;
	color: #fff;
	border-radius: 3px;
	margin: 0 5px;
}

.addcomptable {
	margin: 0px;
	background: #fff;
}

.alert-custom {
	padding: 10px 15px !important;
	border-radius: 3px !important;
}

.existingmixtableblock {
	display: none;
	position: absolute;
	z-index: 99;
	background: #fdfdfd;
	left: 20px;
	right: 20px;
	top: 93px;
	-webkit-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.3);
}

.singlebutton {
	border: none;
	background: rgba(0, 0, 0, 0.6);
	padding: 3px 10px;
	color: #fff;
	border-radius: 3px;
	margin: 0 5px;
}

.singlealreadyadded {
	padding: 10px;
	width: 100%;
}

.existingsingletableblock {
	display: none;
	position: absolute;
	z-index: 99;
	background: #fdfdfd;
	left: 20px;
	right: 20px;
	top: 93px;
	-webkit-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.3);
}

.gridfilteroption {
	display: table;
	width: 100%;
	padding: 0px;
	list-style: none;
	margin: 0px;
}

.gridfilteroption>li {
	float: left;
	margin: 0px 5px;
}

.gridfilteroption>li:last-child {
	margin-right: 0px !important;
}

.gridfilteroption>li select {
	border: 1px solid #ccc;
	padding: 6px 5px;
	color: #666;
	border-radius: 3px;
	height: 31px;
}

.imgblockfordashboard {
	
}

.dasboardblock {
	margin: 20px auto;
	padding: 0px;
	list-style: none;
	width: 50%;
	display: flex;
}

.dasboardblock li {
	float: left;
	margin: 0 10px;
	text-align: center;
	width: 100%;
}

.orblock {
	display: none !important;
	width: 100%;
	text-align: center;
	clear: both;
}

.orblock:after {
	content: "";
}

.orblock:before {
	content: "";
	border-top: 1px dashed #00a18f;
	width: 90%;
	display: block;
	position: absolute;
	top: 54px;
	left: 4%;
}

.ortext {
	text-align: center;
	width: 20px;
	height: 20px;
	margin: 0px auto;
	border-radius: 50%;
	background: #fefefe !important;
	font-size: 12px !important;
	line-height: 19px;
	color: #929292 !important;
	z-index: 9;
	position: relative;
	display: block;
	border: 1px solid #929292;
}

.dasboardblock li:first-child {
	border-right: 1px dashed #0cb198;
}

.cr-new-req {
	display: block;
	background: url(../img/newcrbg.jpg) no-repeat;
	height: 70px;
	width: 170px;
	margin: 0px 0 15px 79px;
	background-size: auto 100%;
	background-position: center center;
	text-align: center;
}

.cr-content {
	
}

.cr-new-req-btn {
	background: #0a59a5;
	border: none;
	color: #fff;
	padding: 10px 40px;
	font-size: 13px;
	transition: 0.3s;
	border-radius: 3px;
}

.cr-new-req-btn:hover {
	background: #064c8e;
}

.cr-edit-req {
	display: block;
	background: url(../img/editcr.jpg) no-repeat;
	height: 70px;
	width: 170px;
	margin: 0px 0 15px 60px;
	background-size: auto 100%;
	background-position: center center;
	text-align: center;
}

.cr-edit-req-btn:hover {
	background: #064c8e;
	color: #fff;
}

.cr-edit-req-btn {
	background: #fff;
	border: 1px solid #0a59a5;
	color: #0a59a5;
	padding: 10px 40px;
	transition: 0.3s;
	font-size: 13px;
	border-radius: 3px;
}

.grid-action span {
	padding-right: 6px;
	font-size: 15px;
	color: #000 !important;
	cursor: pointer;
}

.multiselectbreak-block {
	
}

.multiselectbreak-block .multiselect-container {
	padding: 0px;
	font-size: 13px;
	border-radius: 3px;
	float: right !important;
	left: inherit;
	right: 0px;
	width: 200px;
}

.multiselectbreak-block .multiselect-container li label {
	font-weight: normal !important;
	font-size: 13px;
	cursor: pointer;
	margin: 0px;
}

.multiselectbreak-block .multiselect-container li:hover,
	.multiselectbreak-block .multiselect-container li a:hover {
	background: none;
}

.multiselectbreak-block .multiselect-container li a {
	padding: 10px;
}

.multiselectbreak-block .multiselect-container li.active a {
	background: #f2f2f2;
	color: #337ab7;
}

.multiselectbreak-block .multiselect-container li a input[type="checkbox"]
	{
	position: relative;
	margin: 3px 4px 0 0;
	float: left;
}

.multiselectbreak-block .dropdown-toggle {
	border: 1px solid #ccc;
	padding: 5px 10px;
	border-radius: 3px;
	background: #f9f9f9;
	transition: ease 0.5s;
	font-size: 13px;
	color: #666;
}

.removecustmer {
	cursor: pointer;
	position: absolute !important;
	top: 30px !important;
	right: 6px;
	color: #ff0000;
}

.linkopp-block .col-inner-form input[type="text"], .col-inner-form Select
	{
	padding: 6px 3px !important;
}

.showselected {
	
}

.showselected label {
	
}

.showselected input[type="checkbox"] {
	margin: 2px 3px 0 0;
}

.customrerdetails {
	
}

.customrerdetails>div.customrername {
	width: 100% !important;
	font-weight: bold;
}

.customrerdetails>div>label {
	display: inline;
	color: #666;
	font-weight: normal;
	margin-right: 5px;
}

.custmorlist-block  .rich-autocomplete .rich-autocomplete-list {
	list-style: none;
	padding: 0px !important;
	margin: 0px !important;
	position: absolute;
	z-index: 9;
	max-height: 200px !important;
	overflow-y: auto;
}

.custmorlist-block ul li {
	margin: 0px !important;
	background: #fdfdfd;
	border: 1px solid #ccc;
	border-top: none;
	transition: ease 0.5s;
	cursor: pointer;
	min-height: 30px;
}

.custmorlist-block ul li:hover {
	background: #f5f5f5;
}

.customrerdetails>div {
	width: 50%;
	float: left;
	max-height: 43px;
	margin: 3px 0;
}

.linkoppdilog {
	width: 800px !important;
	left: 50% !important;
	margin-left: -400px !important;
	top: 20px !important;
}

.opptextinfo .alert {
	display: block !important;
}

.loading_gif_double_ring {
	background: url(../img/ellipsis.svg) no-repeat;
	border: none;
	width: 200px;
	height: 121px;
	margin: -57px 0px -6px 16px;
}

.copychpopup {
	width: 610px !important;
	left: 50% !important;
	margin-left: -300px !important;
	top: 20px !important;
}

.gridactionbtn span .fa, .gridactionbtn-round span .fa {
	font-size: 13px !important;
	color: #0a59a5 !important;
}

.gridactionbtn {
	text-align: center;
	margin: 0px auto;
	display: table;
	transition: ease 0.3s;
}

.gridactionbtn span:hover {
	background: #e3e3e3;
}

.gridactionbtn span:first-child {
	border-left: 1px solid #ccc;
	border-radius: 3px 0 0 3px;
}

.gridactionbtn span:last-child {
	border-radius: 0px 3px 3px 0px;
}

.gridactionbtn span, .gridactionbtn-round span {
	font-size: 14px;
	margin: 0px 0;
	padding: 4px 8px;
	border: 1px solid #ccc;
	float: left;
	background: #f9f9f9;
	cursor: pointer;
	transition: ease 0.5s;
	border-left: none;
}

.disbleicon {
	cursor: no-drop !important
}

.disbleicon .fa {
	opacity: 0.2;
	cursor: no-drop;
	pointer-events: none;
}

.dasboardtable .ui-state-highlight, .dasboardtable .ui-state-hover {
	background: #f9f9f9 !important;
	color: #666 !Important;
	/* border: 1px solid #ccc !Important; */
}

.copyblockcover {
	display: table;
	width: 100%;
	list-style: none;
	padding: 0px;
}

.copyblockcover li {
	float: left;
	padding: 20px 10px;
	border: 1px dashed #00a18f;
	position: relative;
	background: #fff;
	min-height: 240px;
	width: 330px;
}

.copyblockcover li:first-child {
	width: 170px;
	text-align: center;
	margin-right: 73px;
	border: 1px solid #00a18f;
	background: #fbfbfb;
}

.copytoblock {
	display: block;
	float: left;
	text-align: center;
	margin: 0 20px;
	width: 114px;
}

.copyblockcover li .lablenme {
	font-weight: normal;
	font-size: 13px;
}

.copyblockcover li h4 {
	display: block;
	font-size: 14px;
	text-align: center;
	margin: 0px 0 20px;
	color: #666;
}

.copyline {
	border-top: 1px dashed #00a18f;
	position: absolute;
	width: 80px;
	right: -80px;
	top: 50%;
	z-index: -9;
}

.copyline:after {
	content: "";
	border: 6px solid transparent;
	border-left-color: #00a18f;
	display: block;
	position: absolute;
	top: -6px;
}

.copyline:before {
	content: "";
	border: 6px solid transparent;
	border-left-color: #00a18f;
	display: block;
	position: absolute;
	top: -6px;
	right: 0px;
}

.arrowcls:after {
	content: "";
	border: 6px solid transparent;
	border-left-color: #00a18f;
	display: block;
	position: absolute;
	top: -6px;
	left: 40%;
}

.loaderTransparent {
	border: 1px solid #fffdfd00 !important;
	background: transparent !important;
}

.showopplinks {
	cursor: pointer;
}

.showopplinks input[type="checkbox"] {
	margin: 3px 5px 0 0;
}

.showopplinks label {
	cursor: pointer;
}

.loading_gif_double_ring {
	background: url(../img/double-ring.svg) no-repeat;
	border: none;
	width: 150px;
	height: 150px;
	margin: -57px 0px -6px 16px;
}

.disableblock-cls {
	opacity: 0.2;
	cursor: no-drop;
	pointer-events: none;
}

.ripple {
	background-position: center !important;
	transition: background 0.8s !important;
}

.ripple:hover {
	background: #004d86 !important;
	color: #fff !important;
}

.ripple:active {
	background-color: #0072C8 !important;
	background-size: 100% !important;
	transition: background 0s !important;
}

.reportlistingblock {
	
}

.reportlistingblock h3 {
	font-size: 18px;
	text-transform: uppercase;
	margin: 0px;
}

.reportlistingblock {
	margin: 0 0 5px;
}

.showModal {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.8);
	left: 0px;
	top: 0px;
	bottom: 0px;
	right: 0px;
	text-align: center;
	z-index: 9999;
}

.loadercover {
	position: absolute;
	left: 50%;
	width: 50px;
	height: 50px;
	margin-left: -25px;
	background: #fff;
	top: 50%;
}

.loadercover .loader {
	position: relative;
	left: 0 !important;
	top: 0 !important;
	margin: 10px auto 0;
}

.reportlistingblock .showopplinks {
	
}

.textlinkscls {
	border: 1px solid #0a4a87;
	background: none;
	color: #0a4a87;
	padding: 3px 10px;
	margin: 0 5px;
	border-radius: 3px;
	transition: ease 0.5s;
}

.textlinkscls:hover {
	background: #0a4a87;
	color: #fff;
}

.cofirmationdeletebtn {
	background: #0a4a87;
	border: none;
	transition: ease 0.5s;
	color: #fff;
	border: 1px solid #0a4a87;
	margin: 0 5px;
	padding: 3px 10px;
	border-radius: 3px;
}

.cofirmationdeletebtn:hover {
	background: #034079;
	border: 1px solid #034079 color:#fff;
}

.blank-th-cls.fourth-td-cls.comp-td {
	
}

.blank-th-cls.comp-div-cls {
	
}

.componentDetails td {
	background: #f1f1f1 !important;
	color: #000;
}

.titlecomp {
	background: #e7e7e7;
	padding: 5px;
	font-size: 13px;
	color: #000;
	text-transform: uppercase;
}

.submitblock {
	float: right;
	margin: 0 0 10px;
}

.submitblockinner {
	padding: 0px;
	margin: 0px;
	list-style: none;
}

.submitblockinner li {
	float: left;
}

ul.bpcharttype {
	padding: 0px;
	margin: 0px 10px 0 0;
	list-style: none;
	display: flex;
}

ul.bpcharttype>li {
	float: left;
	margin-left: 10px;
	border: 1px solid #ccc;
	padding: 5px 5px 5px 30px;
	border-radius: 3px;
	background: #fbfbfb;
	cursor: pointer;
	position: relative;
}

ul.bpcharttype>li:after {
	content: "";
	background: #f3f3f3;
	position: absolute;
	left: 0px;
	top: 0;
	bottom: 0px;
	width: 25px;
	border-radius: 3px 0 0 3px;
}

.bpcharttype.disableblock-cls {
	opacity: 0.5 !important;
}

ul.bpcharttype>li input[type="checkbox"] {
	margin: 3px 2px 0 0;
	float: left;
}

ul.bpcharttype>li label {
	font-weight: normal !important;
	margin: 0px !important;
}

.strike-through {
	height: 1px;
	background-color: #ccc;
	width: 100%;
	position: relative;
	top: 19px;
	display: block;
}

.strike-through-text {
	padding: 10px;
	background: #fff;
	display: inline-block;
	position: relative;
	z-index: 3;
}

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

.hpblockselected {
	background: #00a18f;
	color: #fff;
	border: 1px solid #00a18f;
}

.bpblockselected {
	background: #00a18f;
	color: #fff;
	border: 1px solid #00a18f;
}

.bpblockselection, .hpblockselection {
	display: block;
	padding: 2px 1px;
	z-index: 9;
	background: #fdfdfd;
	color: #a7a7a7;
	border-radius: 3px;
	border: 1px solid #e9e9e9;
	text-align: center;
	float: left;
	width: 48%;
	white-space: pre-wrap;
	word-break: break-word;
	margin: 5px 0;
	display: none;
	font-style: italic;
	font-size: 12px;
}

.hpbpselectionblock {
	position: absolute;
	padding: 0 10px;
	bottom: 13px;
	border-top: 1px solid #f3f3f3;
	left: 0px;
	right: 16px;
	z-index: 1;
}

.ch-selected-bp .bpblockselection {
	background: #a3a3a3;
	color: #fff;
	display: block;
	border: 1px solid #a3a3a3;
	display: flex;
	justify-content: center;
	align-items: center;
}

.ch-selected-hp .hpblockselection {
	background: #a3a3a3;
	color: #fff;
	border: 1px solid #a3a3a3;
	display: flex;
	justify-content: center;
	align-items: center;
}

.ch-selected-all .bpblockselection, .ch-selected-all .hpblockselection,
	.ch-selected-hp-disable .hpblockselection, .ch-selected-bp-disable .bpblockselection
	{
	opacity: 0.2;
	display: flex;
}

.ch-selected-hp-disable .ch-cover-block, .ch-selected-bp-disable .ch-cover-block
	{
	border: 1px solid #00a18f;
	background: #fff;
	opacity: 0.4;
	cursor: no-drop;
	pointer-events: none;
}

.ch-selected-all .hpblockselection, .ch-selected-all .bpblockselection,
	.ch-selected-bp-disable .bpblockselection, .ch-selected-hp-disable .hpblockselection
	{
	background: #00a18f;
	color: #fff;
	border: 1px solid #00a18f;
	justify-content: center;
	align-items: center;
	display: flex;
}

.ch-selected-all, .ch-selected-hp-disable, .ch-selected-bp-disable {
	cursor: no-drop;
}

.ch-selected-all .ch-cover-block {
	border: 1px solid #00a18f;
	background: #fff;
	opacity: 0.4;
	cursor: no-drop;
	pointer-events: none;
}

.hidecls {
	display: none !important;
}

.margintop {
	margin-top: 22px;
}

.ch-selected-hp .hidecls, .ch-selected-bp .hidecls {
	display: flex !important;
}

.ch-selected-all .hidecls, .ch-selected-bp-disable .hidecls,
	.ch-selected-hp-disable .hidecls {
	display: flex !important;
}

.ch-selected-hp .margintop {
	margin-top: 0px !important;
}

.ch-selected-bp .margintop {
	margin-top: 0px !important;
}

.faq-document-block {
	margin: 20px 0 0;
}

.first-time-comnet-box, .first-time-faq-box {
	text-align: center;
	padding: 20px 0 20px 0;
}

.first-time-comnet-box span .fa, .first-time-faq-box span .fa {
	font-size: 35px;
	color: #909090;
}

.first-time-comnet-box h3, .first-time-faq-box h3 {
	margin: 15px 0;
	font-size: 18px;
}

.first-time-comnet-box p, .first-time-faq-box p {
	
}

.faqbtn .fa {
	font-size: 12px;
}

.notecls-first {
	font-size: 13px;
	color: #ff0000;
}

.addcommentpopup {
	top: 15% !important;
}

.richText-toolbar>ul {
	padding: 0px;
	margin: 0px;
}

.richText-toolbar>ul li {
	
}

.commetscatgory {
	
}

.commetscatgory label {
	
}

.commetscatgory span {
	margin: 0 10px;
}

.comments-action-block {
	list-style: none;
	padding: 0px;
	margin: 10px 0 0;
	display: table;
	float: right;
}

.comments-action-block li {
	float: left;
	border-right: 1px solid #ccc;
	margin: 0 5px 0 0;
	padding-right: 10px;
	font-style: italic;
}

.comments-action-block li:last-child {
	border: none;
	padding-right: 0;
	margin-right: 0;
}

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

.result-block {
	margin-bottom: 10px;
}

.commentsblock {
	padding: 10px 0;
	border-bottom: 1px dashed #ccc;
}

.usercomment {
	
}

span.comment-edit-icon {
	float: left;
	margin: 0;
	background: #ececec;
	padding: 1px 5px;
	border-radius: 0 3px 3px 0;
	border-left: 1px solid #ccc;
	cursor: pointer;
	transition: ease 0.3s;
	width: 25px;
	text-align: center;
}

span.comment-edit-icon:hover {
	background: #0a59a5 !important;
	color: #fff !important;
}

.faq-doc-list {
	display: table;
	width: 100%;
	background: #fefefe;
	padding: 5px;
	border: 1px solid #ccc;
	border-top: none;
}

.faq-doc-list span:first-child {
	
}

.faq-doc-list .comment-edit-icon {
	
}

.faq-doc-input {
	position: relative;
}

.faq-doc-input input[type="text"] {
	width: 100% !important;
	font-size: 13px;
	padding-left: 25px;
}

.faq-doc-input span.search-icon-left {
	top: 9px;
}

.faq-doc-popup-btn {
	margin: 10px 0;
}

.show-selected {
	clear: both;
	display: table;
	margin: 10px 0;
}

.show-selected input[type="checkbox"] {
	margin: 2px 3px 0 0;
}

.show-selected span {
	font-weight: bold;
}

.band-btn {
	position: absolute;
	right: 10px;
	top: 5px;
}

.uppercase {
	text-transform: uppercase;
}

.removeall-ch-block {
	cursor: pointer;
}

.removeall-ch-block input[type="checkbox"] {
	margin: 4px 3px 0 0 !important
}

.removeall-ch-block span {
	font-size: 13px;
	font-weight: normal;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight,
	.ui-widget-header .ui-state-highlight, .ui-state-hover {
	border: 1px solid #ccc !important;
	background: #f7f7f7 !important;
	color: #666 !important;
}

th.ui-state-hover {
	border: none !important;
}

.grid-checkbox .label__check.label__check_small {
	width: 15px;
	height: 15px;
	border-radius: 3px;
	border: 1px solid rgba(0, 0, 0, 0.1);
}

.grid-checkbox label {
	margin-bottom: 0px;
}

.grid-checkbox .label__checkbox:checked+.label__text .label__check .icon
	{
	left: 0px;
	color: #008071 !important;
	top: 0.5px;
}

.grid-checkbox  .label__check.label__check_small {
	border: 1px solid rgba(0, 0, 0, 0.2) !important;
}

.grid-checkbox  .label__text:before {
	content: "";
	width: 15px;
	height: 15px;
	background: #d6f5f2;
	display: block;
	transform: scale(0);
	opacity: 1;
	border-radius: 50%;
	position: absolute;
}

.grid-checkbox .label__checkbox:checked+.label__text:before {
	transform: scale(3.5);
	opacity: 0;
	transition: all .6s ease;
}

.grid-checkbox .label__check.label__check_small:hover {
	border: 1px solid rgba(0, 0, 0, 0.4) !important;
}

.grid-checkbox .label__check i.icon {
	top: 1px;
	left: 1px;
	position: absolute;
	-webkit-text-stroke: 1px rgba(0, 0, 0, 0.5);
	color: rgba(0, 0, 0, 0.5) !important;
}

.marg-right-cls {
	margin-right: 5px;
}

.removeall-ch-block .grid-checkbox {
	margin-top: 2px;
}

.procheck-box {
	display: block;
	margin-top: 3px;
}

.hp-bp-chek-box {
	display: flex;
}

.hp-bp-chek-box .label__check {
	margin-left: -28px;
	display: block;
}

.chart-name {
	margin-top: 1px;
	display: block;
	cursor: pointer;
}

.removeCh-popup .chart-name {
	width: 95%;
}

ul.bpcharttype>li:hover .label__check.label__check_small {
	border: 2px solid rgba(0, 0, 0, 0.4) !important;
}

.industry-checkbox:hover .label__check.label__check_small {
	border: 2px solid rgba(0, 0, 0, 0.4) !important;
}

.grid-filter {
	background: #fff;
	padding: 5px 8px;
	display: inline-block;
	float: left;
	border: 1px solid #ccc;
	border-radius: 3px 0 0 3px;
	margin-right: -7px;
	z-index: 9;
	position: relative;
	border-right: none;
	height: 31px;
}

.grid-filter .fa {
	color: #666;
}

.astricmark {
	color: #ff0000;
}

.auto-filled-border input[type="text"] {
	border: none !Important;
}

.actionbtn-elipsis {
	right: 20px;
	list-style: none;
	padding: 10px 0;
	margin: 0px;
	position: absolute;
	text-align: left;
	width: 185px;
	border: 1px solid #ccc;
	visibility: hidden;
	opacity: 0;
	transition: visibility 0s, opacity 0.5s linear;
	background: #fff;
	pointer-events: none;
}

.actionbtn-elipsis li {
	display: block;
	cursor: pointer;
	width: 100%;
	padding: 10px;
	text-transform: uppercase;
	font-size: 13px;
	float: left;
}

.actionbtn-elipsis li:hover {
	color: #0a59a5;
}

.actionbtn-elipsis li .fa {
	margin: 0 15px;
	display: inline-block;
}

.grid-action:hover .actionbtn-elipsis {
	visibility: visible;
	opacity: 1;
	pointer-events: auto;
}

.actionmore-icon {
	background: url(../img/more-icon.png);
	display: block;
	background-repeat: no-repeat;
	background-position: 0px -9px;
	width: 30px;
	margin: 0px auto;
	height: 8px;
}

.editrequest {
	color: #0a59a5;
	text-decoration: underline;
	cursor: pointer;
}

.editrequest:hover {
	color: #0a59a5;
	text-decoration: none;
}

.removeCh-popup {
	margin: 10px 0;
}

.removeCh-popup .grid-checkbox {
	
}

.removeCh-popup .grid-checkbox .label__check.label__check_small {
	margin: 3px 5px 0 0;
}

.status-tag {
	padding: 3px 10px;
	border: 1px solid #9f9e9a59;
	border-radius: 3px;
	min-width: 105px;
	margin: 0px auto;
	display: inline-block;
	white-space: pre-wrap;
	word-break: break-all;
}

.dasboardtable .ui-jqgrid-bdiv table td {
	padding: 4px !important;
}

.hp-copy-block {
	background: url(../img/2.jpg) !important;
	background-repeat: no-repeat;
	background-size: cover !important;
	height: 100px;
	width: 100px;
	display: block;
	border-radius: 100%;
	margin: 0px auto;
}

.bp-copy-block {
	background: url(../img/105.jpg) !important;
	background-repeat: no-repeat;
	background-size: cover !important;
	height: 100px;
	width: 100px;
	margin: 0px auto;
	display: block;
	border-radius: 100%;
}

.hp-copy-block .label__check.label__check_big, .bp-copy-block .label__check.label__check_big
	{
	background: rgba(0, 0, 0, 0.3);
}

.copyblockcover li .label__check.label__check_big {
	height: 100px;
	width: 100px;
}

.copyblockcover li .label__checkbox:checked+.label__text .label__check.label__check_big .icon
	{
	top: 30px;
	left: 33px;
}

.sfdc-note-text{
	text-align: center;
	margin: 16px 0;
	font-weight: bold;
	margin-bottom: 15px;
}

.chatimg {
	background: url(../img/chatimg.png) !important;
	height: 90px;
	width: 101px;
	margin: 0px auto;
	background-size: 50%;
	display: block;
}

.autowidth {
	width: auto !important;
}

.aggrecls {
	padding-left: 10px !important;
	border-left: 1px solid #ccc;
	margin-left: 10px !important;
}

.popupchname {
	display: block;
	margin: 0 0 5px;
	max-height: 40px;
	overflow-y: auto;
}

.add-single-add-mixture-tab {
	
}

.add-single-add-mixture-tab .ui-tabs-panel {
	min-height: 500px !important;
}

.faq-doc-block .rich-autocomplete .rich-autocomplete-list {
	max-height: 260px !important;
}

#addEditChemical .rich-autocomplete .rich-autocomplete-list {
	max-height: 290px !important;
}

.txtcls {
	display: block;
	padding: 15px 0 0;
	border-top: 1px solid #ccc;
	margin: 25px 0 0;
	color: #00599b;
}

.txtcls>span {
	color: #000 !important;
}

.prodct-name-cls .fa.fa-exclamation-triangle {
	margin-right: 3px;
	color: #d53243;
}

.orcls {
	position: absolute;
	background: #00a18f;
	height: 25px;
	width: 25px;
	border-radius: 100%;
	color: #fff;
	display: block;
	text-align: center;
	line-height: 25px;
	left: 120px;
	top: 39px;
}

.orcls:after {
	content: "";
	background: #fff;
	height: 10px;
	width: 10px;
	position: absolute;
	top: 10px;
	z-index: 1;
	left: 25px;
}

.orcls:before {
	content: "";
	background: #fff;
	height: 10px;
	width: 10px;
	position: absolute;
	top: 10px;
	z-index: 1;
	left: -10px;
}

.orcls-cls {
	border-top: 1px dashed #ccc;
	display: block;
	margin: 20px;
}

.orcls-cls>span {
	background: #00a18f;
	height: 30px;
	width: 30px;
	display: block;
	text-align: center;
	line-height: 29px;
	color: #fff;
	border-radius: 50%;
	position: absolute;
	top: 2px;
	left: 260px;
}

.orcls-cls>span:after {
	content: "";
	height: 10px;
	background: #fff;
	display: block;
	position: absolute;
	z-index: 1;
	width: 10px;
	top: 12px;
	left: 30px;
}

.orcls-cls>span:before {
	content: "";
	height: 10px;
	background: #fff;
	display: block;
	position: absolute;
	z-index: 1;
	width: 10px;
	top: 12px;
	left: -10px;
}

span.hpcountcls {
	background: #ececec;
	margin: 0 3px;
	padding: 4px;
	border-radius: 3px;
	color: #666;
}

.word-wrap-cls {
	display: block;
	white-space: pre-wrap;
	word-break: break-all;
}

.tourbtn {
	margin-left: 10px;
}

.inprogress_block {
	background: #fbfbfb;
	position: absolute;
	right: 0;
	left: 0;
	bottom: 0;
	color: #fff;
	top: 0;
	z-index: 10;
}

.tickmarckicon {
	background: url(../img/tickmarkicon.png);
	display: block;
	height: 80px;
	width: 75px;
	background-repeat: no-repeat;
	position: absolute;
	top: -30px;
	left: 120px;
	background-size: 80%;
}

.inprogress_block-container {
	padding: 20px 20px 40px 20px;
	text-align: center;
	width: 90%;
	margin: 60px auto 0;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00599b+0,00a18f+100 */
	background: #00599b; /* Old browsers */
	background: -moz-linear-gradient(top, #00599b 0%, #00a18f 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #00599b 0%, #00a18f 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #00599b 0%, #00a18f 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00599b',
		endColorstr='#00a18f', GradientType=0); /* IE6-9 */
	color: #fff;
	position: relative;
	border-radius: 10px;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
}

#statusNotificationMessage .fa-envelope-o {
	display: block;
	margin: 0 0 5px;
	font-size: 17px;
}

.inprogress_block-container>img {
	height: 140px;
}

.inprogress_block-container h2 {
	font-size: 14px;
	line-height: 23px;
	padding-top: 20px;
}

.inprogress_block-container h2 p {
	margin: 0px 0 5px;
}

.inprogress_block-container h2 p:nth-child(2) {
	font-weight: bold;
}

.inprogress_block-container h3 {
	font-size: 13px;
	line-height: 23px;
	margin-top: 50px;
	display: block;
}

.edit_conc {
	display: table;
	width: 100%;
	margin: 0 0 10px;
	padding: 0 0 10px;
}

.edit_conc span {
	display: block;
	font-weight: bold;
	font-size: 13px;
}

.edit_conc input[type="text"] {
	width: 100%;
	padding: 4px;
}

.edit-conc-hp-bp {
	display: table;
	width: 100%;
}

.edit-conc-hp-bp input[type="checkbox"] {
	margin: 2px 3px 0 0;
}

.edit-conc-hp-bp span {
	font-weight: bold;
}

.conc-note {
	font-size: 12px !important;
	font-style: italic;
	text-align: right;
	color: #666;
	font-weight: normal !important;
}

.edit-conc-icon {
	font-size: 12px;
	color: #0a59a5;
	cursor: pointer;
	float: right;
	margin-top: 3px;
}

.org_default_img {
	height: 59px;
	width: 100px;
	border: 1px solid #ccc;
	margin: 0px !important;
}

.org_default_img img {
	width: auto;
	height: auto;
	max-width: 95%;
	max-height: 95%;
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	position: absolute;
	left: 52%;
	top: 50%;
}

.trashicon:hover {
	background: #f9f9f9;
	color: #000;
}

.trashicon {
	transition: ease 0.3s;
	width: 20px;
	position: absolute;
	top: 10px;
	right: 10px;
	background: #00a18f;
	height: 20px;
	z-index: 9;
	border-radius: 50%;
	color: #fff;
	text-align: center;
	border: 1px solid #00a18f;
	cursor: pointer;
}

.trashicon .fa {
	
}

.spaceblock {
	margin: 0 10px;
	display: table;
	width: 47%;
	float: left;
}

.salesuserlist-block {
	padding: 0px;
	list-style: none;
	display: block;
	width: 100%;
	max-height: 200px;
	overflow-y: auto;
}

.salesuserlist-block li {
	display: table;
	border: 1px solid #ccc;
	padding: 0;
	float: left;
	margin-right: 5px;
	border-radius: 3px;
	background: #fbfbfb;
	margin-bottom: 5px;
}

.salesuserlist-block li>span {
	padding: 5px;
}

.shareto-rich-input .rich-autocomplete {
	border: none;
	padding: 28px 5px 10px 0px;
	width: 100%;
	position: absolute;
	background: transparent;
	left: 0px;
	z-index: 99;
	box-shadow: none;
	top: 0px;
}

.shareto-rich-input .rich-autocomplete.test-cls .rich-autocomplete-list
	{
	max-height: 110px !important;
}

.orgDetails-block {
	min-height: 330px;
}

.shareto-rich-input {
	
}

.shareto-rich-input .rich-autocomplete input[type="text"] {
	padding: 0 10px;
	position: relative;
	width: 100%;
	height: 30px;
}

.org-details-main-block {
	margin-bottom: 4px;
}

.uploadlogo {
	height: 165px;
}

.comanlist {
	width: 50%;
	margin: 5px 0 !important;
}

.excel-data-list {
	
}

.upload-mix-name {
	width: 95%;
	display: block;
	background: #9b9898;
	padding: 5px !important;
	color: #ffffff;
	font-weight: 500;
}

table.mix-compoment-table {
	position: relative;
	z-index: 9;
	width: 95%;
	margin: 0px auto;
}

.mix-componet-th th {
	border: 1px solid #eee;
	padding: 10px !important;
	background: #fbfbfb;
	font-weight: 400;
	color: #666;
	text-transform: uppercase;
}

.mix-componet-tr td {
	border: 1px solid #eee;
	padding: 7px 10px !important;
	background: #fff;
	color: #949494;
}

.pq-grid-header-table .pq-grid-title-row td {
	background: #0cb198 !important;
	color: #fff !important;
	font-weight: normal !important;
	font-size: 13px !important;
	padding: 5px !important;
	font-family: 'Roboto', sans-serif !important;
}

.chemical-validation-grid {
	width: 100%;
	margin: 0px;
	display: table;
}

.chemical-validation-grid td {
	position: relative !important;
}

.chemical-validation-grid .pq-grid-cell.pq-detail-child {
	padding-right: 0px;
	padding-top: 0px;
}

.download-report-menu>button {
	width: 158px;
}

.chemical-validation-grid tr.pq-detail-master {
	background: #e9e9e9;
}

.remove-ch-pro-popup {
	width: 450px !important;
	top: 100px !important;
}

.removeCh-popup .grid-checkbox>label {
	width: 100%;
}

body.fr .remove-ch-pro-popup {
	width: 520px !important;
}

.partial-match-grid {
	margin: 10px 0 auto !important;
}

.chemical-validation-grid .pq-grid button.ui-button-icon-only {
	background: none !important;
	border: none !important;
	padding: 0px !important;
}

.chemical-validation-grid .pq-grid span.pq-separator {
	display: none !important;
}

.chemical-validation-grid  div.pq-grid-footer {
	padding: 0px 0 0 0 !important;
	height: 31px !important;
	display: table;
	margin: 0px auto;
}

.no-record-block {
	display: block;
	text-align: center;
	padding: 10px;
	background: #f2f2f2;
	border-bottom: 1px solid #ccc;
}

.ui-icon-triangle-1-se {
	background-image: none !important;
	border: 7px solid transparent;
	border-top-color: #000;
	height: auto !important;
	width: auto !important;
	cursor: pointer;
	position: absolute !important;
	right: 6px;
	top: 10px;
}

.ui-icon-triangle-1-e {
	background-image: none !important;
	cursor: pointer;
	border: 7px solid transparent;
	border-left-color: #000;
	height: auto !important;
	width: auto !important;
	position: absolute !important;
	right: 6px;
	top: 5px;
}

.chemical-validation-grid  div.pq-header-outer {
	/* height: 34px !important; */
	
}

.comman_loader {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0;
	border: 1px solid #fff;
	background: rgba(255, 255, 255, 0.8);
	z-index: 99;
	display: none;
}

.comman_loader_inner {
	background: #fff url(loader.gif);
	height: 50px !important;
	width: 50px !important;
	display: block;
	background-position: center center;
	position: absolute;
	border: 1px solid #00a18f;
	left: 50%;
	top: 50%;
	margin-left: -25px;
	margin-top: -25px;
	padding: 10px;
	background-repeat: no-repeat;
	border-radius: 5px;
}

.comman_loader_inner_wait-text {
	height: auto;
	width: 100%;
	display: block;
	position: absolute;
	top: 56%;
	margin-top: -25px;
	padding: 15px;
	font-size: 16px;
	text-align: center;
}

.informationCls-popup {
	width: 430px !important;
	left: 50% !important;
	margin-left: -215px !important;
	top: 150px !important;
}

.submit-repot-informationCls-popup {
	width: 600px !important;
	left: 50% !important;
	margin-left: -300px !important;
	top: 150px !important;
}

span.filenote-cls {
	display: block;
	margin: 5px 0 0;
	font-size: 12px;
	color: #666;
	font-style: italic;
}

.checkboxup {
	position: relative;
	float: left;
}

.checkboxup input {
	opacity: 0;
	position: absolute;
	margin-left: -5px !important;
}

.customcheck {
	width: 15px;
	height: 15px;
	display: block;
	border: 2px solid rgba(0, 0, 0, 0.5);
	border-radius: 50%;
	margin: 0px auto !important;
}

.checkboxup input:checked ~ .customcheck {
	border: 2px solid rgba(0, 0, 0, 0.9);
	position: relative;
}

.checkboxup input:checked ~ .customcheck:after {
	content: "";
	background: rgba(0, 0, 0, 0.9);
	height: 7px;
	width: 7px;
	display: block;
	border-radius: 50%;
	position: absolute;
	left: 2px;
	top: 2px;
}

.floatnone {
	float: none !Important;
}

.downloadreport-list {
	list-style: none;
	padding: 0px;
	margin: 0px;
	display: table;
}

.downloadreport-list li:first-child {
	margin-top: 0px;
	border-top: none;
}

.downloadreport-list li {
	display: inline-flex;
	width: 100%;
	cursor: pointer;
	padding: 5px;
	font-size: 13px;
	border-top: 1px solid #ccc;
	margin-top: 5px;
}

.downloadreport-list li span {
	
}

.downloadreport-list li:hover {
	color: #00599b;
}

.download-report-menu {
	right: 0 !important;
	left: inherit !important;
}

.dropdown.open .new-btn-cls-mid {
	background: #00599b;
	color: #fff;
	border: 1px solid #00599b;
}

.infoblock {
	padding: 0px;
	list-style: none;
}

.col-sm-12 .infoblock {
	margin-left: 11px;
}

.infoblock li {
	position: relative;
	margin: 0 0 5px;
	display: table;
}

.infoblock li:after {
	content: "";
	position: absolute;
	border: 5px solid transparent;
	border-left-color: #000;
	left: -13px;
	top: 3px;
}

.disclaimer_block {
	background: #fdfdfd;
	border: 1px solid #f2f2f2;
	padding: 10px;
	margin: 10px 0 50px;
	border-radius: 3px;
}

.dasboardtable {
	margin-bottom: 50px;
}

.disclaimer_btn {
	font-size: 13px;
	text-transform: uppercase;
	cursor: pointer;
	display: table;
	width: 100%;
}

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

.disclaimer_block .card.card-body {
	padding: 10px 0;
}

.tabcharthart-pane {
	display: block !important;
	border-radius: 0 0 3px 3px;
	padding: 10px;
	width: 100%;
	border: 1px solid #f2f2f2;
}

.faq-doc-grid .ui-jqgrid-bdiv {
	overflow-x: hidden !important;
}

.table-fixed-compnent {
	width: 100%;
	background-color: #f3f3f3;
}

.table-fixed-compnent tbody {
	height: 200px;
	overflow-y: auto;
	width: 100%;
}

.ttable-fixed-compnent  thead, .table-fixed-compnent  tbody,
	.table-fixed-compnent  tr, .table-fixed-compnent  td,
	.table-fixed-compnent  th {
	display: block;
}

.table-fixed-compnent tbody td {
	float: left;
}

.table-fixed-compnent  thead tr th {
	float: left;
	background-color: #f39c12;
	border-color: #e67e22;
}

.createRequest {
	width: 600px !important;
	margin-left: -300px !important;
	left: 50% !important;
	top: 130px !important;
}

.createRequest-inner-block .hp-copy-block, .createRequest-inner-block .bp-copy-block
	{
	height: 175px;
	width: 175px;
}

.table-fixed-component {
	width: 100%;
	background-color: #fff;
	margin-top: 20px;
}

.table-fixed-component tbody {
	max-height: 200px;
	overflow-y: auto;
	width: 100%;
	border: 1px solid #ccc;
}

.table-fixed-component thead, .table-fixed-component tbody,
	.table-fixed-component td, .table-fixed-component th {
	display: block;
}

.table-fixed-component tbody td {
	float: left !important;
}

.table-fixed-component thead tr th {
	float: left;
	background-color: #666;
	border-bottom: none !important;
	border-color: #e67e22;
}

.table-fixed-component tr {
	display: table;
	width: 100%;
}

.also_try_this_block {
	overflow-y: hidden !important;
	width: 100%;
	overflow-y: auto;
}

.also_try_inner_block {
	margin: 10px 0 0;
	display: table;
	overflow-y: auto;
	width: 100%;
}

.also_try_inner_block ul {
	display: inline-flex;
	list-style: none;
	padding: 0px;
	margin: 0px;
	width: 100%;
}

.img_also_try {
	height: 100%;
	background: #fff;
}

.try_this_img {
	width: auto;
	height: auto;
	max-width: 80%;
	max-height: 80%;
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	position: absolute;
	left: 50%;
	top: 43%;
}

.also_try_inner_block ul>li {
	width: 300px;
	border: 1px solid #ccc;
	display: block;
	margin: 0 20px 10px 0;
	padding: 0px;
	position: relative;
	float: left;
	border-radius: 3px;
}

.data_also_try {
	background: #f7f7f7;
	padding: 0;
	border-left: 1px solid #ccc;
}

.also_try_inner_block  li  h3 {
	Font-size: 13px;
	margin: 0 0 5px;
	font-weight: bold;
}

.also_try_inner_block  li .pro_group_data {
	display: block;
	margin: 0 0 5px;
	font-size: 13px;
	border-top: 1px dashed #ccc;
	padding: 5px 0 0;
}

.full-width {
	width: 100% !important;
}

.no-border-corner {
	border-radius: 0;
}

.testblock {
	height: 100%;
}

.also-try-data {
	padding: 10px;
	min-height: 240px;
}

.also-try-btn {
	position: absolute !important;
	bottom: 0px;
}

.also-try-btn button {
	text-align: Center;
	display: block;
}

.also_try_this_block>h2 {
	font-size: 14px;
	display: block;
	color: #00a18f;
	margin: 20px 0 20px;
	text-transform: uppercase;
}

.msdsblock_title {
	
}

.msdsblock_title h4 {
	font-size: 13px;
	display: block;
	color: #00a18f;
	margin: 10px 0;
	text-transform: uppercase;
	font-weight: 500;
}

.msdsblock_title input[type="file"] {
	width: 100%;
	margin: 0 0 0px;
	border-radius: 0;
}

.msds_container {
	
}

.msds_container ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
	display: block;
	width: 100%;
}

.msds_container ul li:first-child {
	border-top: 1px solid #ccc
}

.msds_container ul li {
	display: block;
	width: 100%;
	border: 1px solid #ccc;
	border-top: none;
	position: relative;
	cursor: pointer;
	padding: 5px;
	min-height: 35px;
	vertical-align: middle;
	max-height: 45px;
}

.remove-msds {
	background: none;
	border: none;
	padding: 0px;
}

.msds-file-name {
	width: 95%;
	word-break: break-all;
	white-space: pre-wrap;
}

.msds-ch_title {
	
}

.msds-ch_title h4 {
	font-size: 13px;
	display: block;
	color: #00a18f;
	font-weight: 500;
	margin: 10px 0;
	text-transform: uppercase;
}

.msds-linked-ch-list {
	padding: 0px;
	margin: 0px 0 10px;
	max-height: 367px;
	list-style: none;
	overflow-y: auto;
	border-bottom: 1px solid #f3f3f3;
}

.msds-linked-ch-list li {
	cursor: pointer;
	display: block;
	width: 100%;
	transition: ease 0.5s;
	border: 1px solid #f3f3f3;
	border-top: none;
}

.msds-linked-ch-list li:hover {
	background: #fbfbfb;
}

.ch-search-auto {
	width: 100%;
	display: block;
}

.ch-search-auto input[type="text"] {
	width: 100%;
	margin: 0;
	padding: 8px;
	border: 1px solid #ccc;
}

.msds-linked-ch-list li label {
	font-weight: normal;
	width: 100%;
	cursor: pointer;
}

.msds-ch_title .showselected {
	margin: 9px 0 0;
	font-weight: normal;
}

.msds-ch_title .showselected label {
	font-weight: normal;
}

.msds-ch_title .showselected label {
	margin: 0px;
}

.msds-ch_title  .showselected input[type="checkbox"] {
	margin: 4px 3px 0 0;
	float: left;
}

span.msds-ch-list {
	width: 90%;
}

.msds-ch-list .msds-ch-name {
	display: block;
	float: left;
	margin: 0 0 3px;
	width: 100%;
}

.msds-ch-list .msds-cas-name, .msds-ch-list .msds-conc-name {
	display: block;
	float: left;
}

.msds-ch-list .msds-cas-name {
	margin-right: 5px;
	padding-right: 5px;
	border-right: 1px solid #ccc;
}

.msds-file-select {
	background: #00a18f;
	color: #fff;
}

.msdsupload_popup {
	width: 50% !important;
	margin-left: -25% !important;
	left: 50% !important;
	top: 30px !important;
}

.alsoTryThese_block {
	background: #fdfdfd;
	border: 1px solid #f2f2f2;
	border-radius: 3px;
}

.multiCarousel {
	float: left;
	overflow: hidden;
	padding: 15px;
	width: 100%;
	position: relative;
}

.multiCarousel .multiCarousel-inner {
	transition: 1s ease all;
	float: left;
}

.multiCarousel .multiCarousel-inner .item {
	float: left;
}

.multiCarousel .multiCarousel-inner .item>div {
	text-align: center;
	padding: 10px;
	margin: 10px;
	background: #f1f1f1;
	color: #666;
}

.multiCarousel .leftLst, .MultiCarousel .rightLst {
	position: absolute;
	border-radius: 50%;
	top: calc(50% - 20px);
}

.multiCarousel .leftLst {
	left: 0;
}

.multiCarousel .rightLst {
	right: 0;
}

.multiCarousel .leftLst.over, .multiCarousel .rightLst.over {
	pointer-events: none;
	background: #ccc;
}

.column {
	float: left;
	width: 33.33%;
}

/* Clear floats after the columns */
.alsoTryrow:after {
	content: "";
	display: table;
	clear: both;
}

.nomargin-right-cls {
	margin-right: 0px !important;
}

.btn-icons {
	position: relative;
	float: left;
	margin: 0 5px;
}

.btn-icons .fa {
	position: absolute;
	cursor: pointer;
	color: #fff;
	top: 8px;
	z-index: 1;
	left: 10px;
	transition: ease all 0.5s;
}

.btn-icons:hover .fa, .btn-icons:hover .icon-space {
	-webkit-animation: toLeftFromRight 0.6s forwards;
	-moz-animation: toLeftFromRight 0.6s forwards;
	animation: toLeftFromRight 0.6s forwards;
}

.sortperformance-switch label {
	font-weight: normal !important;
	margin: 0px;
}

.sort-performance-btn {
	width: 65px;
	margin-top: -2px;
	font-size: 13px;
	font-weight: normal !important;
}

.sort-performance-btn.disablebuttoncls {
	background: none;
	opacity: 9;
}

.sort-performance-btn.disablebuttoncls .onoffswitch-switch {
	
}

.sortperformance-switch .onoffswitch-switch {
	right: 0px;
}

.sortperformance-switch  .onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch
	{
	right: 41px;
}

body.fr .sortperformance-switch .onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch
	{
	right: 34px;
}

body.de .sort-performance-btn {
	width: 78px;
}

body.pt .sort-performance-btn {
	width: 78px;
}

body.pt .sortperformance-switch .onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch
	{
	right: 53px;
}

body.de .sortperformance-switch .onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch
	{
	right: 55px;
}

body.es .sort-performance-btn {
	width: 75px;
}

body.nl .sort-performance-btn {
	width: 80px;
}

.upload_msds_btn>span {
	position: relative;
	z-index: 1;
}

body.nl .sortperformance-switch .onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch
	{
	right: 55px;
}

body.es .sortperformance-switch .onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch
	{
	right: 51px;
}

.sort-performance-btn .onoffswitch-inner:before {
	content: attr(data-text);
	padding-right: 10px;
	background-color: #18c503;
	color: #FFFFFF;
	font-weight: normal;
	font-size: 12px;
	font-style: italic;
	text-align: right;
}

body.ja .sort-performance-btn {
	width: 82px;
}

body.ja .sortperformance-switch .onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch
	{
	right: 57px;
}

.sort-performance-btn .onoffswitch-inner:after {
	content: attr(data-text);
	padding-left: 8px;
	background-color: rgb(255, 0, 0);
	color: #FFFFFF;
	text-align: left;
	font-weight: normal;
	font-size: 12px;
	font-style: italic;
}

.upload_msds_btn {
	border: none;
	background: none;
	color: #fff;
	position: relative;
	font-weight: normal;
	padding: 0 0 0 8px;
	margin: 0 0 0 8px;
	border-left: 1px solid #fff;
	display: flex;
	cursor: pointer;
}

.upload_msds_btn:hover:After {
	opacity: 1;
}

.upload_msds_btn:after {
	content: "";
	position: absolute;
	left: 0px;
	background: rgba(0, 0, 0, 0.2);
	right: -6px;
	top: -3px;
	bottom: -4px;
	transition: opacity 0.3s;
	border-radius: 3px;
	opacity: 0;
}

.opacity-cls {
	opacity: 0.5;
}

.suitTypeDesc_cls {
	position: absolute;
	z-index: 2;
	right: 10px;
	top: 260px;
}

.upload_msds_btn .fa {
	margin-right: 3px;
}

.exposure-level-high-red {
	background: #e40815;
	border-radius: 50%;
	display: block;
	padding: 3px;
}

.exposure-level-med-yellow {
	background: #F6A018;
	border-radius: 50%;
	display: block;
	padding: 3px;
}

.exposure-level-low-green {
	background: #2A9B85;
	border-radius: 50%;
	display: block;
	padding: 3px;
}

.first_msds_block {
	display: block;
	text-align: center;
	border: 1px solid #ccc;
	border-top: 0px;
	padding: 120px 0;
}

.first_msds_block .fa {
	font-size: 58px;
	color: #00a18f;
	margin: 0 0 10px;
}

.msdscontiner p.secondlinenote {
	margin: 5px 0 0;
}

.first_msds_block p {
	font-size: 13px;
	margin: 0px;
}

#docLibraryTable .ui-jqgrid-htable 
.ui-jqgrid-labels th div {
	text-align: center !important;
}

.onoffswitch.disablebuttoncls {
	border-radius: 10px;
}

.msds_container ul li .delete-confirm-prod p {
	padding: 9px 50px 5px 0;
	display: inline-block;
}

.vetimidle .action-cls {
	color: #fff !important;
}

.show-opportunity-btn {
	margin-top: 7px;
	margin-right: 20px;
}

.disablebuttoncls .onoffswitch-label {
	cursor: no-drop;
}

.msdsfilename {
	padding: 2px 4px;
	background: #f1f1f1;
	border-radius: 3px;
	width: 100%;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: block;
	overflow: hidden;
	font-size: 12px;
}

.liChem>div {
	position: relative;
	padding: 5px 10px;
}

.infoblock>li {
	font-size: 12px !important;
}

.infoblock>li sub, .infoblock li sup {
	font-size: 10px !important;
}

.dasboardtable .ui-jqgrid .ui-jqgrid-bdiv tr.ui-row-ltr>td {
	white-space: pre-wrap;
}

.dasboardtable .ui-jqgrid>.loading {
	top: 13% !important;
}

.dasboardtable .ui-widget-overlay {
	position: absolute !important;
	opacity: 0.4
}

.draggableCol {
	
}

#reportListTable .ui-jqgrid-htable th div {
	text-align: center !important;
}

.ui-jqgrid, .ui-jqgrid-view, .ui-jqgrid-toppager, .ui-jqgrid-hdiv,
	.ui-jqgrid-bdiv, .ui-jqgrid-pager {
	width: 100% !important;
}

.slick-slide .popover {
	width: 400px !important;
}

ul.nav-tabs li .popover {
	white-space: nowrap;
}

.slick-list>div {
	margin-left: 0;
}

.result-bp-row .tab-content>.tab-pane.active {
	padding: 15px;
	border: 1px solid #ddd;
	border-width: 0px 1px 1px 1px;
}

.close-button {
	position: absolute;
	top: 0;
	right: 5px;
	font-size: 30px;
	cursor: pointer;
}

.resize-tab>li>a {
	min-width: 170px !important;
}

.linkcolor {
	color: #337ab7 !important;
}

.bp-action-block {
	height: 47px;
}

.registratio-btn a:focus {
	color: #fff;
	text-decoration: none;
}

.registratio-btn input[type=button] {
	border: 1px solid #0a59a5;
}

.bp-action-block {
	height: 47px;
}

.default-pro-cls {
	width: 88%;
}

.paddingleftright {
	padding: 0 15px !important;
}

.paddingleftright {
	padding: 0 15px !important;
}

.cc-window.cc-floating {
	max-width: inherit;
	width: 100%;
}

.showopplabel {
	float: left;
	margin-top: 2px;
	cursor: pointer;
	margin-left: 5px;
}

.login-popup-block {
	width: 500px !important;
	left: 50% !important;
	margin-left: -250px !important;
	top: 150px !important;
	padding: 0px !important;
	border: none !important;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
}

.login-popup-block .ui-dialog-titlebar {
	display: none;
}

.popupcontent_right {
	background: #00a18f;
	color: #fff;
}

.popupcontent_left h2 {
	border-bottom: 1px solid #00a18f;
	color: #00a18f;
}

.popupcontent_right h2 {
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 15px;
	font-size: 16px;
	border-bottom: 1px solid #fff;
	color: #fff;
}

.loginPopup {
	padding: 0px !important;
}

.featureList {
	margin: 0px;
	list-style: none;
	padding: 0px;
	height: 245px;
	overflow: hidden;
	overflow-y: auto;
}

.featureList li {
	padding: 15px 10px 15px 25px;
	margin: 0px 0 0px;
	border-bottom: 1px solid #1cc1b0;
	display: block;
	background: url(../img/check-mark.png) center left no-repeat;
}

.registerbtn-popup {
	width: 150px;
	margin: 30px auto 0px;
}

#skipButton {
	display: block;
	border-radius: 0px;
	color: #fff;
	background: #00a18f;
	margin-top: -20px;
}

#skipButton a {
	font-size: 14px;
	font-weight: 500;
	color: #fff;
}

/* #registeredButton{
    background: #fff;
    display: block;
    padding: 5px 10px;
    border-radius: 3px;
    text-transform: uppercase;
} */
.popup-login-inner-container {
	padding: 20px;
}

.popup-forgot-link {
	color: #0a4a87;
	text-decoration: underline;
	text-transform: uppercase;
}

.emailidbottom {
	margin-bottom: 25px;
}

.login-popup {
	padding: 0px !important;
	display: block;
	border: 3px solid #00a18f !important;
	box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px
		rgba(0, 0, 0, 0.22);
	background: url(../img/spalshscreenbg.jpg) !important;
	background-size: cover !important;
}

.popupcontent {
	
}

.login-popup:after {
	
}

.login-popup h2 {
	margin: 0px;
	padding: 0px 10px;
	line-height: 50px;
	font-weight: 500;
	color: #fff;
	border-bottom: 1px solid #ccc;
	text-transform: uppercase;
	font-size: 17px;
	background: #00a18f;
}

.login-popup .popup-content {
	margin: 0 45px;
	padding: 0px 0px;
	max-height: 250px;
	overflow: hidden;
	overflow-y: auto;
}

.login-popup .popup-content ul {
	margin: 0px;
	padding: 0px;
}

span.tickicon {
	position: relative;
	float: left;
	margin-right: 15px;
	margin-left: 10px;
}

.tickicon i.fa.fa-check {
	color: #00a18f;
	font-size: 12px;
}

.login-popup .popup-content ul li {
	margin: 0px;
	padding: 10px 0px 10px 0px;
	list-style-type: none;
	display: block;
	width: 100%;
	font-size: 15px;
	color: #000;
}

.tickicon:after {
	content: "";
	border: 2px solid #00a18f;
	height: 20px;
	width: 20px;
	border-radius: 50%;
	display: block;
	position: absolute;
	left: -4px;
	top: 2px;
}

.login-popup .login-popup-buttons {
	/* padding: 10px; */
	width: 70%;
	margin: 20px auto;
	display: flex;
	clear: both;
}

body.ru .login-popup .login-popup-buttons {
	width: auto;
}

.login-popup a.btn-skip {
	float: right;
	font-size: 16px;
	line-height: 20px;
	border: none;
	cursor: pointer;
	padding: 2px 10px;
}

.login-popup a.btn-skip:hover {
	text-decoration: underline;
}

.login-popup .login-popup-buttons a {
	width: 46%;
	height: 50px;
	line-height: 50px;
	text-align: center;
	float: left;
	background-color: #fff;
	color: #0a59a5;
	transition: 0.3s;
	text-transform: uppercase;
	font-weight: bold;
	margin: 12px;
	border: 1px solid #0a59a5;
}

.login-popup .login-popup-buttons a span .fa {
	margin-right: 10px;
}

.welcomtitle {
	font-size: 30px;
	padding: 10px;
	margin: 20px 10px 15px 10px;
	text-align: center;
	color: #00a18f;
	position: relative;
}

.welcomtitle:after {content "";
	
}

.login-popup .login-popup-buttons a:hover {
	background-color: #0a59a5;
	text-decoration: none;
	color: #fff;
}

.login-popup .login-popup-buttons a:nth-of-type(2) {
	float: right;
	color: #FFF;
	background-color: #0a59a5;
}

.login-popup .login-popup-buttons a:nth-of-type(2):hover {
	background-color: #004e98;
	text-decoration: none;
	color: #fff;
}

.scrollbar {
	height: 250px;
	width: 65px;
	background: #F5F5F5;
	overflow-y: scroll;
	margin-bottom: 25px;
}

.force-overflow {
	min-height: 450px;
}

#scroll-bar::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	background-color: #fff;
}

#scroll-bar::-webkit-scrollbar {
	width: 6px;
	background-color: #fff;
}

#scroll-bar::-webkit-scrollbar-thumb {
	background-color: #000000;
}

@media only screen and (min-device-width: 481px) and (max-device-width:
	1024px) and (orientation:landscape) {
	.cc-window.cc-floating {
		max-width: 100% !important;
		width: 100% !important;
		display: table;
	}
	.process-label {
		min-height: 80px !important;
	}
	.checkme-cls .label__checkbox:checked+.label__text .label__check .icon {
		top: 1px !important;
	}
	.checkme-cls .label__check.label__check_small i.icon {
		top: 1px !important;
	}
	.pro-inner-action li:first-child {
		width: 60% !important;
	}
}

.paddingleftright {
	padding: 0 15px !important;
}

body.pt .editbtn-downloadbtn {
	max-width: 385px;
}

body.nl .header-menu-cls li.last-li-cls a, body.br .header-menu-cls li.last-li-cls a
	{
	width: 80px !important;
	word-break: break-all;
	white-space: pre-wrap;
	display: block;
}

.benifitlist_label {
	width: 80%;
}

.report_checkbox {
	margin: 0 0 25px 18px;
}

.report_checkbox .formfileds {
	float: left !important;
	/* width: auto; */
	margin: 0px 20px 8px 0px;
}

.report_checkbox .formfileds input[type="checkbox"] {
	margin: 4px 0 0 0 !important;
}

.radarchart .modal-content {
	width: 100% !important;
}

body.fr .mechanical .pager li>a, body.fr #btnDownloadMechanical {
	text-transform: inherit;
}

.reg_form_field {
	margin-right: 20px;
}

.account_type_block {
	width: 85%;
	border-bottom: 2px solid #00a18f;
	padding: 0 0 20px;
	margin: 0 0 10PX;
}

.registraion_button_Cls {
	width: 85%;
}

.user_filed_cover {
	background: #f1f1f1;
	display: inline-block;
	padding: 9.5px 15px;
	border-radius: 4px 0 0 4px;
	float: left;
}

.user_type_block {
	width: 410px;
	margin: 0px auto;
}

.user_type_block span.user_label {
	margin: 10px 0 0 5px;
}

span.user_label {
	margin: -1px 0 0 5px;
	display: block;
	color: #0a59a5;
	float: left;
}

.user_block.pull-left {
	border: 1px solid #00a18f;
	margin: 0 10px 0 0;
	border-radius: 4px;
	cursor: pointer;
	width: 200px;
}

.user_block .label__text {
	display: table !important;
	margin: 0px;
	text-transform: uppercase;
	width: 100%;
	cursor: pointer;
	font-weight: normal;
}

.account_type_block h3 {
	color: #00a18f;
	font-size: 18px;
}

.validation_msg {
	
}

.validation_msg span {
	width: 92%;
}

.validation_msg .fa {
	margin-right: 10px !important;
	font-size: 18px;
}

.validation_msg .fa.fa-check-circle-o {
	font-size: 17px;
}

.something_worng_container {
	width: 530px;
	margin: 50px auto 0;
	text-align: center;
	padding: 0px 10px 10px 10px;
	border-radius: 4px;
}

.something_worng_container h3 {
	font-size: 24px;
	color: #4b4949;
	margin: 20px 0 10px;
}

.something_msg {
	margin: 20px 0;
	font-size: 15px;
	color: #4b4949;
}

.somthingImg {
	background: url(../img/somthing_went_wrong.jpg);
	display: block;
	height: 202px;
	width: 180px;
	background-size: 90%;
	background-repeat: no-repeat;
	margin: 0px auto;
}

#mechTermAndConditon #content a {
	color: #0a59a5;
	text-decoration: underline;
}

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

.test_status {
	display: block;
	margin: 10px 0;
	margin-right: 25px;
}

.test_status .valuename {
	display: inline-block;
	background: #fff;
	padding: 1px 5px;
	border-radius: 3px;
	color: #666;
	border: 1px solid #ccc;
}

.tag_cls {
	float: right;
	margin-right: 2px;
	padding: 0px 5px;
	display: block;
	background-color: rgba(42, 42, 42, 0.2);
	border-radius: 4px;
	position: absolute;
	right: 0px;
}

.cpt_value {
	float: none !important;
	padding: 0px 5px;
	display: block;
	background-color: rgba(42, 42, 42, 0.2);
	border-radius: 4px;
	position: relative;
	right: inherit;
	bottom: 2px;
	width: 19px;
	margin: 0px auto 1px;
}

.ui-legend {
	background: rgba(0, 0, 0, 0.5);
}

span.cptValue.pipe {
	border-right: 1px solid #fff;
}

/* span.cptValue.pipe:after{
	border-right:1px solid #fff;
	content:"";
	width:1px;
	height:13px;
	display:block;
	position:absolute;
	right:-1px;
	top:1px;
} */
span.cptValue {
	width: 50%;
	display: block;
	float: left;
}

.report_typeList {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.report_typeList li {
	display: table;
	width: 100%;
	margin: 2px 0;
}

.submit_typeList {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.submitChart-cls {
	margin: 10px 0px;
}

.submitChart-cls h4 {
	margin: 0px 0px 6px;
	font-size: 13px;
	font-weight: bold;
}

.submit_typeList li {
	display: block;
	margin: 2px 10px 0 2px;
	float: left;
}

.submit_type_block {
	display: table;
	width: 100%;
	max-height: 150px;
}

.submit-title-head {
	font-size: 16px;
	margin-bottom: 10px;
	color: #00a18f;
}

.report_type_block h3 {
	font-size: 16px;
	position: relative;
	margin: 0 0 15px;
	color: #00a18f;
}

.report_type_block h3 .fa-info-circle {
	font-size: 14px;
	margin-left: 5px;
}

.report_type_block h3 .tooltip {
	
}

.report_type_block h3 .tooltip-inner {
	max-width: 350px !important;
}

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

.add_Org_details .row {
	margin: 0;
}

.add_Org_details h3 {
	font-size: 16px;
	color: #00a18f;
	width: 100%;
	margin: 25px auto 10px;
	display: block;
	padding-top: 15px;
	border-top: 1px solid #ccc;
	padding-bottom: 5px;
}

.add_Org_details h4 {
	font-size: 18px;
	color: #0CB198;
	margin-top: 0;
	margin-bottom: 20px;
}

.select-report-image h4 {
    font-size: 18px;
    color: #0CB198;
    display: inline-block;
    margin:0px;
}

.downfieldsname h4 {
	font-size: 18px;
	color: #0CB198;
	margin: 10px 0;
	display: inline-block;
}

.report_type_block h4 {
	font-size: 14px;
	margin: 0 0 8px;
}

.report-type-name {
	margin-left: 5px;
	font-weight: normal;
	cursor: pointer;
}

.reportdownloadblock .grid-checkbox .label__check.label__check_small {
	margin-top: 2px !important;
}

body.ru .topspace {
	margin-top: 31px;
}

#docLibraryTable .ui-jqgrid-bdiv {
	overflow-x: hidden;
}

.ui-jqgrid .ui-jqgrid-labels th.ui-th-column, .ui-jqgrid .ui-jqgrid-legacy-subgrid .ui-th-subgrid,
	.ui-jqgrid-labels .ui-th-column-header {
	overflow: hidden;
	text-align: center;
	white-space: break-spaces !important;
}

.tearmsblock, .tearmsblock .parablock, .tearmsblock i {
	line-height: normal !important;
	font-size: 14px !important;
}

.tearmsblock sub, sup {
	line-height: normal !important;
	font-size: 14px !important;
}

body.ru .sort-performance-btn {
	width: 110px;
}

body.ru .sortperformance-switch .onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch
	{
	right: 85px;
}

.infoblock>li sub, .infoblock li sup {
	font-size: 10px !important;
}

.tooltip sub, .tooltip sup {
	font-size: 10px !important
}

.info_msg {
	width: 50% !important;
	margin: -10px auto 0px;
	font-size: 14px !important;
}

body.sv .sort-performance-btn {
	width: 75px;
}

body.sv  .sortperformance-switch .onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch
	{
	right: 50px;
}

body.hu .sort-performance-btn {
	width: 86px;
}

body.hu  .sortperformance-switch .onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch
	{
	right: 61px;
}

.loadDefaultProds-cls.templ-list span:nth-child(2) {
	width: 85%
}

.loadDefaultProds-cls.bptempl-list span:nth-child(2) {
	width: 85%
}

span.report-label-submit {
	cursor: pointer;
	margin-left: 5px;
	font-weight: normal;
	margin-top: -1px;
}

.nav-bar-btn {
	cursor: pointer;
}

label.btn input {
	opacity: 0;
	position: absolute;
}

label.btn span {
	text-align: center;
	padding: 6px 12px;
	display: block;
}

label.btn input:checked+span {
	background-color: rgb(80, 110, 228);
	color: #fff;
}

.product-type {
	margin-top: 8px;
	display: block;
}

.product-type .industry-checkbox.voyagercheckbox {
	width: 15%;
}

.product-type .voyager-label-protection {
	text-transform: capitalize !important;
}

.cust-radio {
	display: inline-block;
	position: relative;
	padding-left: 25px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	margin-right: 25px;
	vertical-align: top;
	font-weight: 500;
}

.cust-radio input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}

.cust-radio input:checked ~ .checkmark {
	background-color: #fff;
	border: 1px solid #0cb198;
}

.cust-radio .checkmark {
	position: absolute;
	top: 0px;
	left: 0;
	height: 20px;
	width: 20px;
	background-color: #fff;
	border: 1px solid #ADB3C4;
	border-radius: 50%;
}

.cust-radio .checkmark:after {
	content: "\f00c";
	font-family: "fontAwesome";
	position: absolute;
	display: none;
	top: 0px;
	left: 2px;
	border-radius: 50%;
	color: #0CB198;
}

.cust-radio input:checked ~ .checkmark:after {
	display: block;
}

/* .prod-search {
	margin-bottom: 25px;
} */
.prod-search input[type="text"] {
	border: none;
	padding-left: 25px;
}

.prod-search .chemical-number-block .rich-autocomplete {
	margin-bottom: 0;
}

.product-cat {
	margin-left: -14px;
}

.product-cat .link {
	display: inline-block;
	margin-left: 3px;
	padding: 7px 5px;
	background: #fcfcfc;
	border: 1px solid #ccc;
}

.product-cat p a {
	font-weight: 600;
}

.product-cat div {
	position: relative;
	display: inline-block;
	background: #fff;
	z-index: 1;
	text-align: center;
	width: 10%;
}

.product-cat div:before {
	border-top: 1px solid #0CB198;
	content: "";
	margin: 0 auto;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	z-index: -1;
}

.optionSec {
	position: relative;
	padding: 8px;
	border-radius: 50%;
	background: #fbfbfb;
	color: #222;
	font-size: 12px;
	border: 1px solid #0cb198;
}

.m-40 {
	margin: 40px;
}

.field-error {
	font-size: 12px;
	color: #ff0000;
}

.product-test-data:focus {
	text-decoration: none;
}

.product-test-data span img {
	position: relative;
	width: 25px;
	height: 12px;
	top: -8px;
	left: -2px;
}

.SelectProduct {
	top: 5px !important;
	left: 30px !important;
}

.SelectProduct .ui-dialog-buttonset {
	display: block;
	text-align: center;
	float: none !important;
}

.SelectProduct .ui-dialog-buttonset button {
	padding: 8px 16px;
	margin-left: 16px !important;
}

.product-selection .prblock {
	min-height: 70px;
}

.product-selection .swiper-container {
	height: 140px;
}

.product-selection .problock-cls li {
	width: 370px;
	cursor: pointer;
	margin: 10px 10px 10px 15px;
}

.product-selection .panel-group {
	margin-bottom: 5px !important;
}

.product-selection .panel-group .panel {
	margin-top: 15px !important;
}

.product-selection .panel-body .filter-cls {
	height: 250px !important;
}

.product-selection .ui-dialog .ui-dialog-buttonpane {
	margin-top: 0 !important;
	padding-bottom: 0.2em !important;
}

.product-selection .swiper-slide img {
	top: 70% !important;
}

.product-selection .popup-list.multishowprod {
	min-width: auto !important;
	float: left;
	display: inline-block;
	width: auto;
	padding: 7px;
	border: 1px solid #ccc;
	border-radius: 4px;
	margin-left: 25px;
	background: #ececec;
	color: #337ab7;
}

.errorMsg {
	color: #ff0000;
}

.isError {
	border: 1px solid #ff0000 !important;
}

.ptr_default_logo_img {
	height: 40px;
	width: 355px;
	position: relative;
	border: 1px solid #ccc;
	border-top: 0;
	border-bottom: 3px solid #00a18f;
	display: none;
	background: #fff;
	margin-top: 0px !important;
	z-index: 9;
}

.ptrDeleteLogo .trashicon {
	transition: ease 0.3s;
	width: 16px;
	position: absolute;
	top: 63px;
	background: #00a18f;
	height: 16px;
	z-index: 9;
	border-radius: 50%;
	color: #fff;
	text-align: center;
	border: 1px solid #00a18f;
	cursor: pointer;
	right: 25px;
}

.ptrDeleteLogo .trashicon i {
	font-size: 12px;
	position: relative;
	top: -2px;
}

#ptrLogoPreview img {
	width: auto;
	height: auto;
	max-width: 70px;
	max-height: 80%;
	/*-ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);*/
	position: absolute;
	left: 5px;
	top: 4px;
}

.ptr_default_logo_img .details {
	position: absolute;
	left: 70px;
	top: 8px;
	font-size: 12px;
}

.ptr_default_logo_img .details div {
	display: inline-block;
	padding: 0 10px;
	width: 150px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.ptr_default_logo_img .details div:nth-child(2) {
	width: 90px;
}

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

.prod-block {
	border: 1px solid #ccc;
	position: relative;
}

.removeProd {
	position: absolute;
	top: -10px;
	right: -10px;
	transition: ease 0.3s;
	width: 20px;
	background: #00a18f;
	height: 20px;
	z-index: 9;
	border-radius: 50%;
	color: #fff;
	text-align: center;
	border: 1px solid #00a18f;
	cursor: pointer;
}

.img-placeholder {
	margin-top: 10px;
}

.img-placeholder .ph-container {
	display: block;
	text-align: center;
	border: 1px solid #ccc;
	padding: 30px 0;
}

.img-placeholder .fa {
	font-size: 58px;
	color: #00a18f;
	margin: 0 0 10px;
}

#noProdAvailable {
	font-size: 14px;
	padding: 20px 26px;
}

.prod-blocks .row {
	margin: 0;
}

.disable-btn {
	opacity: 0.5;
}

#logoDiv .fileinstution {
	display: inline;
	padding: 0 10px 10px;
	font-size: 12px;
}

.carousel {
	margin: 30px;
}

.carousel .carousel-inner .item {
	height: 225px;
	object-fit: cover;
	top: 15px;
}

.carousel .carousel-inner .item img {
	margin: auto;
	max-height: 100%;
}

.carousel-control {
	color: #007aff !important;
}

.carousel-control.left, .carousel-control.right {
	background-image: none !important;
}

.carousel-control.disable {
	cursor: auto;
	color: #abbac9 !important;
}

.carousel-control:hover {
	color: #007aff !important;
}

.carousel-control.disable:hover {
	cursor: auto;
	color: #abbac9 !important;
	opacity: .5;
}

.carousel-indicators {
	bottom: -35px !important;
}

.carousel-indicators li {
	background-color: #abbac9 !important;
}

.carousel-indicators .active {
	width: 12px;
	height: 12px;
	margin: 0;
	background: #007aff !important;
}

.carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left
	{
	left: -40% !important;
}

.carousel-control .icon-prev, .carousel-control .glyphicon-chevron-right
	{
	right: -35% !important;
}

.prodDataPreview span.prname-cls {
	color: #00a18f;
	font-weight: bold;
	position: absolute;
	top: 6px;
	text-align: left;
	left: 30px;
}

.ptr-new-logo {
	background-color: #F6E70C;
	position: relative;
	-webkit-border-radius: 60px;
	border-radius: 20px;
	border: none;
	color: #222;
	cursor: pointer;
	display: inline-block;
	font-family: sans-serif;
	font-size: 9px;
	padding: 3px;
	text-align: center;
	text-decoration: none;
	top: -7px;
}

@
keyframes glowing { 0% {
	background-color: #F6E70C;
	box-shadow: 0 0 5px #F6E70C;
}

50


%
{
background-color


:


#F6E70C
;


box-shadow


:


0


0


20px


#F6E70C
;


}
100


%
{
background-color


:


#f8ff38
;


box-shadow


:


0


0


5px


#f8ff38
;


}
}
.ptr-new-logo {
	animation: glowing 1000ms infinite;
}

.prodDataPreview span.prname-cls-test {
	color: #00a18f;
	font-weight: bold;
	position: relative;
	top: -12px;
	text-align: left;
}

.block {
	display: inline-block;
	width: 100%;
}

.custom-width .tooltip {
	width: 250px;
}