@charset "utf-8";

/** BOILERPLATE RESET **/

/* =============================================================================
   HTML5 display definitions
   ========================================================================== */
article, aside, details, figcaption, figure, footer, header, hgroup, nav,
	section {
	display: block;
}

audio, canvas, video {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

audio:not ([controls] ) {
	display: none;
}

[hidden] {
	display: none;
}

/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Force vertical scrollbar in non-IE
 * 3. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 */

/* html { font-size: 100%; font-family: Mulish ;overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } */
html {
	font-size: 100%;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
/* body { margin: 0; font-size:.8em; line-height: 1.231; font-family: Arial, Helvetica, sans-serif; }
 */
/* body { margin: 0; font-size:.8em; line-height: 1.231; font-family: Mulish; } */
body {
	margin: 0;
	font-size: .8em;
	line-height: 1.231;
}

/* body, button, input, select, textarea { font-family: Arial, Helvetica, sans-serif; color:#222222; } */
body, button, input, select, textarea {
	font-family: Mulish;
	color: #222222
}
/* 
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate
 * Also: hot pink! (or customize the background color to match your design)
 */

/* Dreamweaver: uncomment these if you do want to customize the selection highlight
 *::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
 *::selection { background: #fe57a1; color: #fff; text-shadow: none; }
 */

/* =============================================================================
   Links
   ========================================================================== */
a {
	color: #b93e39;
	text-decoration: none;
}

a:visited {
	color: #b93e39;
}

a:hover {
	color: #b93e39;
	text-decoration: underline;
}

a:focus {
	outline: thin dotted;
}

/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active {
	outline: 0;
}

/* =============================================================================
   Typography
   ========================================================================== */
abbr[title] {
	border-bottom: 1px dotted;
}

b, strong {
	font-weight: bold;
}

blockquote {
	margin: 1em 40px;
}

dfn {
	font-style: italic;
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}

ins {
	background: #ff9;
	color: #000;
	text-decoration: none;
}

mark {
	background: #ff0;
	color: #000;
	font-style: italic;
	font-weight: bold;
}

/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp {
	font-family: monospace, monospace;
	_font-family: 'courier new', monospace;
	font-size: 1em;
}

/* Improve readability of pre-formatted text in all browsers */
pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

q {
	quotes: none;
}

q:before, q:after {
	content: "";
	content: none;
}

small {
	font-size: 85%;
}

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

/* =============================================================================
   Lists
   ========================================================================== */
ul, ol {
	margin: 0;
	padding: 0;
}

dd {
	margin: 0 0 0 40px;
}

nav ul, nav ol {
	list-style: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
}

/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/e 
 */
img {
	border: 0;
	-ms-interpolation-mode: bicubic;
	vertical-align: middle;
}

/*
 * Correct overflow not hidden in IE9 
 */
svg:not (:root ) {
	overflow: hidden;
}

/* =============================================================================
   Figures
   ========================================================================== */
figure {
	margin: 0;
}

/* =============================================================================
   Forms
   ========================================================================== */
form {
	margin: 0;
}

fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

/* 
 * 1. Correct color not inheriting in IE6/7/8/9 
 * 2. Correct alignment displayed oddly in IE6/7 
 */
legend {
	border: 0;
	*margin-left: -7px;
	padding: 0;
}

/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */
button, input, select, textarea {
	font-size: 100%;
	margin: 0;
	vertical-align: baseline;
	*vertical-align: middle;
}

/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 * 2. Correct inner spacing displayed oddly in IE6/7
 */
button, input {
	line-height: normal;
	*overflow: visible;
}

/*
 * Reintroduce inner spacing in 'table' to avoid overlap and whitespace issues in IE6/7
 */
table button, table input {
	*overflow: auto;
}

table {
	width: 100%;
	max-width: 100%;
	overflow: scroll !important;
}

/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 */
button, input[type="button"], input[type="reset"], input[type="submit"]
	{
	cursor: pointer;
	-webkit-appearance: button;
}

/*
 * Consistent box sizing and appearance
 */
input[type="checkbox"], input[type="radio"] {
	box-sizing: border-box;
}

input[type="search"] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

input:read-only {
	background: #ebebe4;
	color: black;
}

input:disabled {
	background: #ebebe4;
	color: black;
}

select:read-only {
	color: black;
}

select:disabled {
	background: #ebebe4;
	color: black;
}
/* 
 * Remove inner padding and border in FF3/4: h5bp.com/l 
 */
button::-moz-focus-inner, input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

/* 
 * 1. Remove default vertical scrollbar in IE6/7/8/9 
 * 2. Allow only vertical resizing
 */
textarea {
	overflow: auto;
	vertical-align: top;
	resize: vertical;
}

/* Colors for form validity */
input:valid, textarea:valid {
	
}

input:invalid, textarea:invalid {
	background-color: #f0dddd;
}

/* =============================================================================
   Tables
   ========================================================================== */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

td {
	vertical-align: top;
}

/* For image replacement */
.ir {
	display: block;
	border: 0;
	text-indent: -999em;
	overflow: hidden;
	background-color: transparent;
	background-repeat: no-repeat;
	text-align: left;
	direction: ltr;
}

.ir br {
	display: none;
}

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden {
	display: none !important;
	visibility: hidden;
}

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden {
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}

/* Hide visually and from screenreaders, but maintain layout */
.invisible {
	visibility: hidden;
}

/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after {
	content: "";
	display: table;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	zoom: 1;
}

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

/* IE 6 does not support max-width so default to width 100% */

/* .ie6 img { width: 100%; } */
* {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	/* font-family: Mulish; */
	margin: 0;
	padding: 0;
}

body {
	background: #ffffff;
}

.loginContainer {
	margin: auto auto;
	width: 600px;
	height: 346px;
	border: 1px #ffffff solid;
	background: #c7071e;
}

.loginTable {
	width: 100%;
}

.loginTable {
	text-align: center;
	color: white;
	font-size: 14px;
	font-weight: bold;
}

.loginTable td {
	padding: 5px;
	padding-left: 10px;
}

.copyright {
	color: white;
	font-weight: normal;
	font-size: 12px;
	text-align: center;
} /* padding-top:10px; */
loginTable
.gridContainer {
	width: 98.3333%;
	max-width: 1232px;
	padding-left: 0.8333%;
	padding-right: 0.8333%;
	margin: auto;
	background: #fffae6;
}

.wrapper, .popupHeader {
	float: left;
	width: 100%;
	position: fixed;
	background-image: url(/cmart-web/images/headerBg.jpg);
}

.wrapper2 {
	float: left;
	width: 100%;
	background: #ae2b30;
	position: fixed;
	margin-top: 57px;
}

.wrapper3, .popupWrapper3 {
	width: 98%;
	margin: 0 auto;
}

.wrapper3 h3 {
	float: left;
	text-transform: uppercase;
	padding: 5px;
}

h4 {
	font: bold 12px Mulish;
	text-transform: uppercase;
	padding-top: 7px;
	color: #f36523;
}

h5 {
	font: bold 16px Mulish;
	text-transform: uppercase;
	padding-top: 12px;
	color: #f36523;
}

#header {
	clear: both;
	float: left;
	margin: 0 auto;
	width: 100%;
	display: block;
	padding: 10px;
}

#app-logo {
	clear: both;
	float: left;
	margin-left: 0;
	width: 32.2033%;
	display: block;
}

#app-logo figure {
	display: inline-block;
	vertical-align: middle;
}

#comp-logo {
	clear: none;
	float: left;
	margin-left: 1.6949%;
	width: 15.2542%;
	display: block;
}

#user-details {
	clear: none;
	float: left;
	margin-left: 1.6949%;
	width: 49.1525%;
	display: block;
}

#jump-icons {
	clear: none;
	float: left;
	margin-left: 1.6949%;
	width: 15.2542%;
	display: block;
	padding-top: 6px;
}

.smart-logo {
	border-right: 1px solid #b7b7b7;
	height: 36px;
	padding-top: 8px;
	padding-right: 8px;
}

.icici-logo {
	padding-left: 5px;
}

#user-details select, #user-details input {
	border: 1px solid #999999;
	background: #fff;
	width: 30%;
}

.logged-info {
	color: #FFFFFF;
	font-size: 10px;
	padding-top: 5px;
}

.last-login {
	border-right: 1px solid #ffffff;
	padding-right: 5px;
}

.last-logout {
	padding-left: 10px;
}

#jump-icons ul {
	margin: 0;
	padding: 0;
	text-align: right;
}

#jump-icons ul li {
	display: inline-block;
	list-style: none;
	padding-left: 8px;
}

/** main content **/
.main-content {
	clear: both;
	float: left;
	margin-left: 0;
	margin-top: 120px;
	width: 100%;
	display: block;
	overflow: inherit;
}

.main-content-company-master {
	clear: both;
	float: left;
	margin-left: 0;
	margin-top: 120px;
	width: 100%;
	display: block;
	overflow: inherit;
}

.title-content {
	display: block;
	clear: both;
}

.csmart-info {
	clear: both;
	float: left;
	margin: 0 25% 15px 25%;
	width: 50%;
	display: block;
	overflow: hidden;
	text-align: center;
	padding-top: 40px;
}

.csmart-info p {
	padding: 40px 0;
	font-size: 14px;
	font-weight: bold;
}

/** content slider **/
.ticker-message {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: center;
	z-index: 1;
	position: relative;
}

.ticker-message label {
	text-transform: uppercase;
	color: #fff;
	font-size: 20px;
	background: #014A81;
	padding: 15px 25px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

#ticket-nav {
	display: block;
	width: 1024px;
	margin: 0 auto;
	padding: 2px 3px;
	background: #014a81;
	position: relative;
	clear: both;
	overflow: hidden;
	border-top: 10px solid #c0bdb4;
	height: 160px;
	margin-bottom: 100px;
}

.previous {
	position: absolute;
	left: 0;
	top: 50%;
	z-index: 1;
}

.next {
	position: absolute;
	right: 0;
	top: 50%;
	z-index: 1;
}

/** posts slider widget **/
.crsl-items {
	display: block;
	padding: 5px;
}

.crsl-item {
	padding: 30px 8px;
	color: #fff;
	text-align: center;
	height: 160px !important;
}

.crsl-item p {
	font-size: 1.2em;
	line-height: 1.55em;
	margin-bottom: 5px;
}

/** posts slider nav **/
.slidernav {
	display: block;
	text-align: center;
	margin-bottom: 5px;
}

.slidernav a {
	display: inline-block;
	background-repeat: no-repeat;
	height: 160px;
	width: 161px;
	text-indent: -100em;
	position: absolute;
	top: 0;
}

.slidernav a.previous {
	background-image: url(../images/icn_arrow_left.png);
	left: 0;
}

.slidernav a.next {
	background-image: url(../images/icn_arrow_right.png);
	right: 0;
}

marquee {
	color: #fff;
}

/* Personal Details */
.search-panel {
	width: 98%;
	margin: 0 auto;
	background: #063b6d;
	padding: 5px;
	margin-bottom: 10px;
	margin-top: 30px;
}

.search-panel input, .search-panel select {
	padding: 3px;
	width: 200px;
	color: #cccccc;
}

.search-panel a {
	color: #ffffff;
	text-decoration: none;
	padding: 0px 5px;
}

.search-panel a:hover {
	color: #FF0;
	text-decoration: none;
	padding: 0px 5px;
}

.mandatory {
	float: right;
	color: red;
	padding: 5px;
}

.imp {
	color: red;
	padding: 5px;
}

.clr {
	display: block;
	padding: 1px;
	margin: 0px;
}

.clr5 {
	display: block;
	padding: 5px;
	margin: 0px;
}

.date {
	width: 70px;
}

.searchTable {
	background: #fdf2dd;
	text-align: left;
	border-radius: 7px;
	width: 100%;
}

.searchTable:after {
	clear: both;
}

.searchTable td {
	padding: 5px;
}

.searchTable
 
.label
,
{
text-align
:right
;

	
font-size
:
.9em
;

	
color
:
#454545
;

	
font-family
:
 
Mulish
;


}
.searchTable .data {
	color: black;
	font-weight: bolder;
}

.data {
	color: black;
	font-size: 12px;
	font-weight: bold;
}

.searchTable
 
input
,
.searchTable
 
select
,
.searchTable
 
textarea
,
{
font-weight
:
 
normal
;

	
color
:
#000000
;

	
padding
:
3px;


}
.formTable {
	border: 0px solid #d0cecf;
	background: #f2f2f2;
	text-align: left;
	margin-bottom: 10px;
}

.formTable td {
	padding: 5px;
}

.formTable .label, .label {
	text-align: right;
	font-size: .9em;
	color: #454545;
	font-family: Mulish;
}

.formTable
 
input
,
.formTable
 
select
,
.formTable
 
textarea
,
{
font-size
:
.9em
;

	
font-weight
:
 
normal
;

	
color
:
#000000
;

	
padding
:
3px;


}
.onePagerformTable {
	border: 1px solid #d0cecf;
	background: #f2f2f2;
	text-align: left;
	margin-bottom: 10px;
}

.onePagerformTable td {
	padding: 5px;
	width: 250px;
}

.onePagerformTable .onePagerlabel, .onePagerlabel {
	text-align: left;
	font-size: .9em;
	color: #454545;
	font-family: Mulish;
	word-wrap: break-word;
	max-width: 100px;
}

.onePagerformTable
 
input
,
.onePagerformTable
 
select
,
.onePagerformTable
 
textarea
,
{
font-size
:
.9em
;

	
font-weight
:
 
normal
;

	
color
:
#000000
;

	
padding
:
3px;


}
.sectionHeader {
	font: bold 12px Mulish;
	text-transform: uppercase;
	padding-top: 7px;
	background-color: #fff;
	color: #000;
}

#dtPick {
	padding-left: 13px;
}

.disabled {
	background: #ebebe4;
	color: black;
}

table.grid {
	margin-top: 25px !important;
	border: 1px solid #dfdfdf;
	margin: 0 auto;
	/* border-radius: 10px; */
	overflow: scroll !important;
	border-radius: 10px;
}

table.grid1 {
	table-layout: fixed;
}

table.grid1 td {
	word-wrap: break-word;
}

.ascending {
	background: url(../images/arrow_top.png) no-repeat;
	padding: 0px 20px;
	color: #f1d8d7;
}

.descending {
	background: url(../images/arrow_bottom.png) no-repeat;
	padding: 0px 20px;
	color: #f1d8d7;
}

.ascending:hover {
	cursor: pointer;
}

.descending:hover {
	cursor: pointer;
}

.ascdscComm:hover {
	cursor: pointer;
}

table.grid th {
	background: #b93e39;
	color: #fff;
	padding: 5px;
	font-weight: bold;
	text-align: left;
}

table.grid th {
	color: white;
	text-decoration: none;
}

table.grid th:hover {
	color: white;
}

.w100 {
	width: 100px;
}

.w150 {
	width: 150px;
}

.w200 {
	width: 200px;
}

.w250 {
	width: 250px;
}

.w350 {
	max-width: 500px !important;
	width: 300px;
}

.w300 {
	max-width: 400px !important;
	width: 250px;
}

.w400 {
	max-width: 500px !important;
	width: 350px;
}

.w450 {
	max-width: 500px !important;
	width: 400px;
}

table.grid td {
	padding: 5px;
	border-color: #dfdfdf;
	color: #000000;
}

.amt {
	text-align: right;
}

table.grid .heading td, .heading {
	background: #f1d8d7;
	font-weight: bolder;
	font-size: 12px;
}

table.grid td {
	padding: 5px;
	border-color: #dfdfdf;
	text-align: left;
	color: #000000;
}

table.grid tr:nth-child(even) {
	background: #fff;
}

table.grid tr:nth-child(odd) {
	background: #f5f5f5;
}

.add-record {
	float: right;
}

.searchIcon {
	float: right;
}

.add-record, .add a {
	font-size: 18px;
	text-decoration: none;
	color: #000;
}

.add-record-lsm, .add a {
	font-size: 18px;
	text-decoration: none;
	color: #000;
}

.add-record-lsm {
	float: left;
}

.pager ul {
	text-align: right;
	padding-top: 10px;
}

.pager ul li {
	display: inline-block;
}

.pager ul li a {
	text-decoration: none;
	padding: 5px;
}

.pager ul li a:hover {
	text-decoration: none;
	padding: 5px;
	background-color: #ccc;
}

.selected {
	color: #F36523;
	font-weight: bold;
}

.button-container, .loginButtonContainer {
	clear: both;
	padding: 20px 0;
	text-align: center;
}

.button-container a, .loginButtonContainer a {
	background: transparent;
	padding: 10px 20px;
	text-decoration: none;
	font-size: 16px;
	color: #000;
	display: inline-block;
	clear: both;
	border-radius: 10px;
	border: 1px solid transparent;
	border-bottom: 5px solid transparent;
}

.loginButtonContainer a {
	color: white;
}

.button-container a:hover, .button-container a:focus,
	.loginButtonContainer a:hover, .loginButtonContainer a:focus {
	background: #f5ead6;
	color: #000;
}

.loginButtonContainer a:hover {
	color: black;
}

.button-container a:active {
	border: 1px solid transparent;
	border-bottom: 5px solid #f36523;
}

.wwFormTable {
	
}

.errorLabel {
	font-style: italic;
	color: red;
}

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

.checkboxLabel {
	
}

.checkboxErrorLabel {
	color: red;
}

.required {
	color: red;
}

.wwgrp {
	float: left;
	text-align: left;
	margin: 2px 10px;
	display: inline
}

.checkBX {
	float: left;
	text-align: left;
	margin: 2px 10px;
	display: inline
}

.errors {
	display: block;
	clear: both;
}

.errorsClass {
	color: red;
	font-style: bold;
	display: block;
	clear: both;
	float: left;
}

.successClass {
	color: green;
	font-style: bold;
	display: block;
	clear: both;
	font-size: 15px;
	float: left;
}

/** INNER BUTTON **/
.innerButtonContainer {
	clear: both;
	padding: 20px 0;
	text-align: center;
	/* float:left; */
}

.innerButtonContainer a {
	background: #c66664;
	color: white;
	padding: 5px 10px;
	text-decoration: none;
	font-size: 12px;
	display: inline-block;
	clear: both;
	margin-right: 10px;
	border-radius: 3px;
}

.innerButtonContainer a:hover, .innerButtonContainer a:focus {
	color: white;
	background: #ae2b30;
}

.innerButtonContainer a:active {
	background: #f36523;
}

/*

*/
.showDiffButtonContainer a {
	background: #d68f8d;
	color: white;
	padding: 5px 10px;
	text-decoration: none;
	font-size: 12px;
	display: inline-block;
	clear: both;
	margin-right: 10px;
	border-radius: 3px;
	float: left;
}

.showDiffButtonContainer a:hover, .showDiffButtonContainer a:focus {
	color: white;
	background: #d55359;
}

.showDiffButtonContainer a:active {
	background: #f36523;
}

/**/
.searchTable {
	float: left;
	background: #fdf2dd;
	text-align: left;
	border-radius: 10px;
}

.searchTable2 {
	background: #fdf2dd;
	text-align: left;
	border-radius: 10px;;
}

.searchTable2 td {
	padding: 5px;
}

.searchTable td {
	padding: 5px;
}

.searchTable
 
.label
,
{
text-align
:right
;

	
font-size
:
.9em
;

	
color
:
#454545
;

	
font-family
:
 
Mulish
;


}
.searchTable .data {
	color: black;
	font-weight: bolder;
}

.onepagerdata {
	color: black;
	font-size: 12px;
	font-weight: bold;
	word-wrap: break-word;
	max-width: 200px;
}

.searchTable
 
input
,
.searchTable
 
select
,
.searchTable
 
textarea
,
{
font-weight
:
 
normal
;

	
color
:
#000000
;

	
padding
:
3px;


}
table.grid .heading td, .heading {
	background: #f1d8d7;
	font-weight: bolder;
	font-size: 12px;
}

.table-scroll {
	align: center;
	overflow-x: scroll;
	width: 96%;
}
/** footer **/

/* .footer
{
	clear: none;
	float: left;
	width: 100%;
	display: block;
	background:#dbdac8;
	font-size:12px;
	padding:13px 0;
	text-align:center;
} */
.footer {
	position: fixed;
	bottom: 0;
	width: 100%;
	clear: none;
	float: left;
	width: 100%;
	display: block;
	background: #dbdac8;
	font-size: 12px;
	padding: 5px 0;
	text-align: center;
}

.footer ul {
	text-align: center;
	margin: 0 auto;
	display: inline-block;
}

.footer ul li {
	float: left;
	padding: 0 10px;
	border-left: 1px solid #000;
}

.footer ul li a {
	text-decoration: none;
	color: #000;
}

.footer ul li a:hover {
	color: #000;
	text-decoration: underline;
}

.footer ul li:first-child {
	border-left: none;
}

.button {
	background-color: #014a81;
	border: #ffffff;
	padding: 3px;
}

/* REPORTS and MASTERS NAVIGATIN */
.categoryContainer {
	display: inline-block;
	width: 30%;
	margin-right: 3%;
	margin-bottom: 20px;
}

.category_name ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	overflow: auto;
	height: 180px;
	font-size: 14px;
}

.category_name ul li a {
	text-decoration: none;
	color: black;
	padding: 10.5px 11px;
	background-color: #fdfaed;
	display: block;
}

.category_name ul li a:visited {
	color: black;
}

.category_name ul li a:hover, .menu_simple ul li .current {
	background-color: #f0d5d5;
}
/* Dropdown issue fiexed */
select {
	/* max-width:300px; */
	min-width: 20px;
	padding: 1px;
	/* margin: 0 0 20px 0; */
}

.loginContainer {
	margin: auto auto;
	width: 600px;
	height: 346px;
	border: 1px #ffffff solid;
	background: #A30000;
}

.input-disabled {
	background-color: #EBEBE4;
	border: 1px solid #ABADB3;
	padding: 2px 1px;
}

/*css for info,success,warning,error,validation*/

/* .info, .successClass, .warning, .error {
border: 1px solid;
border-radius:10px;
margin: 5px 0px;
padding:8px 10px 8px 50px;
background-repeat: no-repeat;
background-position: 10px center;
} */
/* .info {
color: #00529B;
background-color: #BDE5F8;
background-image: url('../images/Info.png');
} */
/* .successClass {
color: #4F8A10;
background-color: #DFF2BF;
background-image:url('../images/success.png');
}
 .warning {
color: #9F6000;
background-color: #FEEFB3;
background-image: url('../images/warning.png');
list-style: none;
} */
/*
.error {
color: #D8000C;
background-color: #FFBABA;
background-image: url('../images/error.png');
list-style: none;
} */

/* .validation {
color: #D63301;
background-color: #FFCCBA;
background-image: url('validation.png');
} */
#errmsg {
	color: red;
	font-weight: bold;
}

.warning {
	background: url(../images/noallow.png) no-repeat;
	padding-left: 18px;
	border: 1px solid #ccc;
}

.tableScroll {
	width: 1250px;
	height: 500px;
	overflow-x: auto;
	overflow-y: auto;
}

.fixWidthScroll {
	width: 100vw;
	overflow-x: auto;
	overflow-y: auto;
}

.validationError {
	z-index: 999;
	position: absolute;
	background: #fff;
	color: red;
	font-size: 11px;
	font-weight: bold;
}

.wrapdesc {
	word-wrap: break-word;
	max-width: 50px;
}

.wrapdesc300 {
	word-wrap: break-word;
	max-width: 300px;
}

.dateLabel {
	width: 100px;
}

.dashBrdCnt {
	
}

.noti_Container {
	position: relative;
	width: auto;
	height: auto;
}

.noti_bubble {
	position: absolute;
	top: -6px !important;
	float: right !important;
	padding: 2px 4px 2px 4px;
	background-color: #c60000;
	color: white;
	font-weight: bold;
	font-size: 0.75em;
	border-radius: 30px;
	box-shadow: 1px 1px 1px gray;
}

.close {
	float: right;
	font-size: 20px;
	font-weight: bold;
	line-height: 18px;
	color: #000000;
	text-shadow: 0 1px 0 #ffffff;
	opacity: 0.2;
	filter: alpha(opacity = 20);
}

.close:hover {
	color: #000000;
	text-decoration: none;
	opacity: 0.4;
	filter: alpha(opacity = 40);
	cursor: pointer;
}

.alert {
	padding: 8px 35px 8px 14px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	background-color: #fcf8e3;
	border: 1px solid #fbeed5;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color: #c09853;
	width: 100%;
}

.alert-heading {
	color: inherit;
}

.alert .close {
	position: relative;
	top: -2px;
	right: -21px;
	line-height: 18px;
}

.alert-success {
	background-color: #dff0d8;
	border-color: #d6e9c6;
	color: #468847;
}

.alert-danger, .alert-error {
	background-color: #f2dede;
	border-color: #eed3d7;
	color: #b94a48;
}

.alert-info {
	background-color: #d9edf7;
	border-color: #bce8f1;
	color: #3a87ad;
}

.alert-block {
	padding-top: 14px;
	padding-bottom: 14px;
}

.audithighlight {
	font-weight: bold;
	background-color: #f3aba0 !important;
	background: #f3aba0 !important;;
}

input[type="radio"].audithighlight:checked:before {
	content: "";
	display: block;
	position: relative;
	top: 3px;
	left: 3px;
	width: 6px;
	height: 6px;
	border-radius: 100%;
	background: #cd7a7e !important;
}

.audithighlight-add {
	font-weight: bold;
	background-color: #aae1c7 !important;
}

.audithighlight-modified {
	font-weight: bold;
	background-color: #f3aba0 !important;
}

.audithighlight-deleted {
	font-weight: bold;
	background-color: #FF6347 !important;
}

table.diffgrid th {
	background: #b93e39;
	color: #fff;
	padding: 5px;
	font-weight: bold;
	text-align: center;
}

table.diffgrid td {
	padding: 5px;
	font-weight: bold;
	text-align: center;
}

table.diffgrid th {
	color: white;
	text-decoration: none;
}

table.diffgrid th:hover {
	color: white;
}

table.diffgrid {
	border: 5px solid #dfdfdf;
	margin: 0 auto;
	border-radius: 10px;
	border-radius: 10px;
	overflow-x: auto;
	height: 50px;
}

.icici-logo, .icn_help, .icn_home, .icn_logout, .icn_menu-bottom,
	.icon_search, .indicator, .left_multiple, .left_one, .loading,
	.login_logo, .noallow, .right_multiple, .right_one, .tabbg, .add,
	.arrow_bottom, .arrow_top, .calendar, .clear, .companiesMapped,
	.csmart_logo, .headerBg, .export4, .search3 {
	background: url(/cmart-web/css/sprites.png) no-repeat;
	display: inline-block;
}

.icici-logo {
	background-position: -456px -56px;
	width: 168px;
	height: 36px;
}

.icn_help {
	background-position: -569px -28px;
	width: 23px;
	height: 23px;
}

.icn_home {
	background-position: -273px -59px;
	width: 23px;
	height: 23px;
}

.icn_logout {
	background-position: -550px 0;
	width: 23px;
	height: 23px;
}

.icn_menu-bottom {
	background-position: -326px -65px;
	width: 15px;
	height: 9px;
}

.icon_search {
	background-position: -350px -62px;
	width: 16px;
	height: 16px;
}

.indicator {
	background-position: -102px -5px;
	width: 35px;
	height: 35px;
}

.left_multiple {
	background-position: -373px -63px;
	width: 16px;
	height: 16px;
	display: block !important;
}

.left_one {
	background-position: -403px -62px;
	width: 16px;
	height: 16px;
	display: block !important;
}

.loading {
	background-position: -401px -15px;
	width: 16px;
	height: 16px;
}

.login_logo {
	background-position: 0 -52px;
	width: 267px;
	height: 33px;
}

.noallow {
	background-position: -584px -5px;
	width: 16px;
	height: 16px;
}

.right_multiple {
	background-position: -301px -62px;
	width: 16px;
	height: 16px;
	display: block !important;
}

.right_one {
	background-position: -361px -14px;
	width: 16px;
	height: 16px;
	display: block !important;
}

.tabbg {
	background-position: -442px -5px;
	width: 8px;
	height: 72px;
}

.add {
	background-position: -60px -13px;
	width: 22px;
	height: 22px;
	padding-right: 25px;
	padding-left: 25px;
}

.arrow_bottom {
	background-position: -312px -14px;
	width: 16px;
	height: 16px;
}

.arrow_top {
	background-position: -265px -15px;
	width: 16px;
	height: 16px;
}

.calendar {
	background-position: -211px -16px;
	width: 16px;
	height: 15px;
}

.clear {
	background-position: -159px -13px;
	width: 16px;
	height: 16px;
}

.companiesMapped {
	background-position: -10px -11px;
	width: 24px;
	height: 22px;
}

.csmart_logo {
	background-position: -455px -13px;
	width: 86px;
	height: 21px;
}

.headerBg {
	background-position: -430px -9px;
	width: 1px;
	height: 63px;
}

.export4 {
	background-position: -126px -93px;
	width: 152px;
	height: 128px;
}

.search3 {
	background-position: -311px -105px;
	width: 64px;
	height: 64px;
}

.popUpNminus1 {
	display: none;
	position: absolute;
	left: 100px;
	top: 50px;
	border: solid #913333200100100 1px;
	background-color: rgb(200, 100, 100);
	padding: 10px;
	text-align: justify;
	font-size: 12px;
	width: auto;
	color: white;
	border-radius: 7px;
	font: bold 12px "Helvetica Neue", Sans-Serif;
	text-transform: uppercase;
	box-shadow: 0 0 4px black;
	z-index: 999;
	background-color: #ef8b80 !important;
	border-color: solid #ef8b80 !important 1px;
}

.outerDIV {
	position: relative;
}

.relativeRght5 {
	position: absolute;
	float: right;
	right: 5%;
	overflow: hidden;
	z-index: auto;
}

.relativeRght {
	display: block;
	position: absolute;
	float: right;
	right: 10px;
	z-index: auto;
}

.right10 {
	right: 10px;
}

.relativeRghtAdd {
	text-align: right;
}

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

.clearfix:after {
	clear: both;
}

.clearfix {
	zoom: 1;
}

.outerRim {
	position: relative;
}

.outerRelative {
	padding-right: 15px;
	text-align: right;
	width: 100%;
	height: 2px;
}

.padLeft25 {
	padding-left: 25px;
}

.fullWidth {
	width: 100%;
}

.ui-dialog {
	position: fixed !important;
}

/******* For Search On Page ******/
.searchLabel {
	font: 15px Mulish;
	padding-top: 7px;
	color: black;
}

@media all {
	.page-break {
		display: none;
	}
}

@media print {
	.page-break {
		display: block;
		page-break-before: always;
	}
}

.onePagerfooter, .push {
	height: 142px; /* .push must be the same height as .footer */
}

.textareaCustom {
	width: 200px;
	height: 60px;
}

table.newonepagergrid {
	margin-top: 25px !important;
	border: 1px solid #dfdfdf;
	margin: 0 auto;
	/* border-radius: 10px; */
	overflow: visible !important;
	border-radius: 10px;
	position: static;
}

table.newonepagergrid th {
	background: #b93e39;
	color: #fff;
	padding: 5px;
	font-weight: bold;
	text-align: left;
}

table.newonepagergrid th {
	color: white;
	text-decoration: none;
}

table.newonepagergrid th:hover {
	color: white;
}

table.newonepagergrid td {
	padding: 5px;
	border-color: #dfdfdf;
	color: #000000;
}

table.newonepagergrid .heading td, .heading {
	background: #f1d8d7;
	font-weight: bolder;
	font-size: 12px;
}

table.newonepagergrid td {
	padding: 5px;
	border-color: #dfdfdf;
	text-align: left;
	color: #000000;
}

table.newonepagergrid tr:nth-child(even) {
	background: #fff;
}

table.newonepagergrid tr:nth-child(odd) {
	background: #f5f5f5;
}

table.newonepagergrid .heading td, .heading {
	background: #f1d8d7;
	font-weight: bolder;
	font-size: 12px;
}

/* CSS for Mulish Font */

/* cyrillic-ext */
@font-face {
	font-family: 'Mulish';
	font-style: normal;
	font-weight: 400;
	src:
		url(https://fonts.gstatic.com/s/mulish/v5/1Ptyg83HX_SGhgqO0yLcmjzUAuWexZNR8aqvG4w-.woff2)
		format('woff2');
	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF,
		U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
	font-family: 'Mulish';
	font-style: normal;
	font-weight: 400;
	src:
		url(https://fonts.gstatic.com/s/mulish/v5/1Ptyg83HX_SGhgqO0yLcmjzUAuWexZNR8aOvG4w-.woff2)
		format('woff2');
	unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
	font-family: 'Mulish';
	font-style: normal;
	font-weight: 400;
	src:
		url(https://fonts.gstatic.com/s/mulish/v5/1Ptyg83HX_SGhgqO0yLcmjzUAuWexZNR8aivG4w-.woff2)
		format('woff2');
	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169,
		U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
	font-family: 'Mulish';
	font-style: normal;
	font-weight: 400;
	src:
		url(https://fonts.gstatic.com/s/mulish/v5/1Ptyg83HX_SGhgqO0yLcmjzUAuWexZNR8amvG4w-.woff2)
		format('woff2');
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
		U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
	font-family: 'Mulish';
	font-style: normal;
	font-weight: 400;
	src:
		url(https://fonts.gstatic.com/s/mulish/v5/1Ptyg83HX_SGhgqO0yLcmjzUAuWexZNR8aevGw.woff2)
		format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
		U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193,
		U+2212, U+2215, U+FEFF, U+FFFD;
}

/* CR-199032 MFA otp */

/* Modal backdrop */
.modal-backdrop {
	display: none; /* Hide by default */
}

/* Modal container */
.modal {
	display: none; /* Hide by default */
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent background */
	z-index: 9999; /* Ensure it's on top of other content */
}

/* Modal dialog */
.modal-dialog {
	width: 550px;
	height: auto;
	position: absolute;
	top: 230px;
	left: 50%;
	transform: translateX(-50%);
	background-color: #ffffff;
	border: 1px solid #ccc;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	z-index: 9999;
	display: none;
	border-radius : 10px 10px 10px 10px;
}

/* Modal content */
.modal-content {
	padding: 20px;
}

/* Style the close button */
.btn-warning {
	background-color: #f0ad4e;
	color: #fff;
}

/* Style the other buttons */

.btn-success{
	background-color: #1dbf00bf;
	color: #fff;
	padding : 8px 8px 8px 8px;
	border-radius : 7px 7px 7px 7px;
	margin : 0px 0px 20px 20px;
}

.btn-primary {
	background-color: #5bc0de;
	color: #fff;
	padding : 8px 8px 8px 8px;
	border-radius : 7px 7px 7px 7px;
	margin : 0px 0px 20px 20px;
}
.btn-success{
	background-color: #00b5eb;
	color: 'green';
	padding : 8px 8px 8px 8px;
	border-radius : 7px 7px 7px 7px;
	margin : 0px 0px 20px 20px;
}

.btn-primary {
	background-color: #00b5eb;
	color: 'green';
	padding : 8px 8px 8px 8px;
	border-radius : 7px 7px 7px 7px;
	margin : 0px 0px 20px 20px;
}


/* Style the OTP input */
.otpInput {
	width: 100%;
	padding: 10px;
	border: 1px solid #ccc;
	border-radius: 3px;
	margin-bottom: 10px;
}

/* Style the timer section and message */
.sec2 {
	text-align: center;
}

.time {
	font-weight: bold;
	margin-top: 10px;
}

.Otpmessage {
	margin-top: 10px;
	font-weight: bold;
}

/* Style the OTP attempt count */
#count {
	font-weight: bold;
}

/* Style the red asterisk */
span[style="color: red;"] {
	color: red;
}

.blurred{
	filter: blur(10px);
}
/* CR-3200-231124 -Start- */
textarea:read-only {
	cursor: default;
	background-color: light-dark(rgba(239, 239, 239, 0.3),
		rgba(59, 59, 59, 0.3));
	color: light-dark(rgb(84, 84, 84), rgb(170, 170, 170));
	border-color: rgba(118, 118, 118, 0.3);
}
/* CR-3200-231124 -End- */