body {
	margin: 0;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	font-size: 13px;
	font-weight: 400;
	line-height: 1.42857143;
	background: #fff;
}

b, strong {
    font-weight: 600 !important;
}

.header, .Header {
	background: url(homepage/images/header.jpg) center no-repeat;
	height: 136px;
    text-align: center;
}
.mTop {
	margin-top: 10px;
	margin-left: 10px;
}
.marginotp {
	margin-top: 0px;
	margin-left: 10px;
}
.marginotp1 {
	margin-top: 7px;
	margin-left: 10px;
}
.helpdesk {
	padding-left: 0px;
	margin-top: 5px;
}
.bgtcor {
	background: #fefff0;
}
.mLogoATOZ {
	margin-top: 20px;
	margin-left: 20px;
}
.mLogoState {
	margin-top: 5px;
	margin-left: 10px;
}

form {
	margin: 0;
}
/* Table Grid CSS Starts Here  */
table.responsiveTable {
	margin-bottom: 0px;
}
table.responsiveTable th {
	font-size: 12px;
	color: #333;
	font-weight: 600;
	background-color: #f3f3f3;
}
table.responsiveTable {
	width: 100%;
	border-collapse: collapse;
	font-size: 12px;
}
.responsiveTable tr:nth-of-type(odd) {
	background-color: #f2f8fc;
}
.responsiveTable tr:nth-of-type(even) {
	background-color: #fff;
}
.responsiveTable thead tr td {
	background-color: #fff;
}
.responsiveTable td, .responsiveTable th {
	padding: 3px;
	border: 1px solid #cfe0e9;
}
/* Table Grid CSS Ends Here  */

/* Table CSS Starts Here  */
table.resTable {
	margin-bottom: 0px;
}
table.resTable th {
	font-size: 12px;
	color: #333;
	font-weight: 600;
	background-color: #f3f3f3;
}
table.resTable {
	width: 100%;
	border-collapse: collapse;
	font-size: 12px;
}
.resTable tr:nth-of-type(odd) {
	background-color: #fff;
}
.resTable tr:nth-of-type(even) {
	background-color: #fff;
}
.resTable thead tr td {
	background-color: #fff;
}
.resTable td, .resTable th {
	padding: 3px;
	border: 1px solid #cfe0e9;
}
/* Table CSS Ends Here  */

/* TableNoBorder CSS Starts Here  */
table.resNoTable {
	margin-bottom: 0px;
}
table.resNoTable th {
	font-size: 12px;
	color: #333;
	font-weight: 600;
	background-color: #f3f3f3;
}
table.resNoTable {
	width: 100%;
	border-collapse: collapse;
	font-size: 12px;
}
.resNoTable tr:nth-of-type(odd) {
	background-color: #fff;
}
.resNoTable tr:nth-of-type(even) {
	background-color: #fff;
}
.resNoTable thead tr td {
	background-color: #fff;
}
.resNoTable td, .resNoTable th {
	padding: 3px;
	border: 0px solid #cfe0e9;
}
/* TableNoBorder CSS Ends Here  */
table {
	margin: auto;
}
.table-left {
	margin: 0px;
}
table th {	
	font-size: 12px;
	color: #333;
	font-weight: 600;
	background-color: #f3f3f3;
}
.tdlight {
	background-color: #f2f8fc;
}
.tdwhite {
	background-color: #fff;
}
.tdOuter {
	background-color: #cfe0e9;
}
p {
	
	font-size: 12px;
	font-style: normal;
	line-height: 18px;
	
}

.pdt {
	padding-left: 10px;
}
.pdd_rrt {
	padding-right: 10px;
}
#main_bg {
	width: 100%;
	height: 800px;
	z-index: 100;
}
.brd_rs {
	border-bottom: 1px solid #E8E8E8;
	border-top: 1px solid #E8E8E8;
	border-left: 1px solid #E8E8E8;
}
.GridHeader_newcru {
	
	font-size: 12px;
	color: #000;
	border-left: 3px solid #872525;
	border-right: 3px solid #872525;
	border-top: 3px solid #872525;
	font-weight: 500;
	height: 5px;
	padding: 6px;
	border-radius: 0 32px 0 0;
	font-weight: 500;
	font-size: 14px;
	margin-bottom: 5px;
}
.row_colr {
	background-color: #ffefef;
	font-weight: 500;
}
.row_colr2 {
	background-color: #e9e9e9;
	font-weight: 500;
}
.GridHeader_funewcru {
	
	font-size: 12px;
	color: #000;
	border-left: 3px solid #872525;
	border-right: 3px solid #872525;
	border-top: 3px solid #872525;
	font-weight: 500;
	height: 5px;
	padding: 6px;
	border-radius: 15px 15px 0 0;
}
.pad_clicn {
	padding-top: 10px;
}
.text1 {
	padding: 3px 0 3px 10px;
	font-size: 12px;
	color: #000;
	font-weight: 500;
}
.GridHeader_newcru1 {
	
	font-size: 12px;
	color: #000;
	border-left: 3px solid #872525;
	border-right: 3px solid #872525;
	border-top: 3px solid #872525;
	border-bottom: 3px solid #872525;
	font-weight: 500;
	height: 5px;
	padding: 6px;
	border-radius: 0 15px 0 15px;
}
.TextError, .error {
	font-size: 12px;
	color: #FF0000;
}
Indentmain page css started here #indentmain {
	width: 100%;
	height: auto;
}
.info_indentmain {
	width: 1000px;
	background-color: #f4e9e9;
	height: 20px;
	padding: 4px;
}
.GridHeader2 {
	
	font-size: 12px;
	color: #800a0a;
	width: 250px;
	font-weight: 500;
	height: 10px;
	margin-left: 15px;
	padding: 6px;
	background-color: #FFF;
	border-left: 1px solid #800a0a;
	border-right: 1px solid #800a0a;
	border-top: 2px solid #800a0a;
	border-radius: 15px 15px 0 0;
}
.GridHeader_sigle {
	
	font-size: 12px;
	color: #800a0a;
	width: 250px;
	height: 10px;
	padding: 2px;
	font-weight: 500;
	border-bottom: 2px solid #CCC;
	border-radius: 15px 15px 0 0;
}
.GridHeader11 {
	
	font-size: 12px;
	color: #fff;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-top: 1px solid #000;
	font-weight: 500;
	height: 10px;
	padding: 6px;
	background-color: #842c2c;
	border-radius: 15px 15px 0 0;
}
.GridHeader_new1 {
	
	font-size: 12px;
	font-weight: 500;
	color: #000;
	border-top: 3px solid #900;
	padding: 6px;
}
.GridHeader_new {
	
	font-size: 12px;
	font-weight: 500;
	color: #000;
	border-top: 3px solid #900;
	padding: 6px;
}
.text_new {
	font-weight: 500;
	font-size: 12px;
	margin-bottom: 5px;
}
.border_tp {
	border-top: 3px solid #000000;
}
.GridHeader13 {
	
	font-size: 12px;
	color: #000;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-top: 1px solid #000;
	font-weight: 500;
	height: 10px;
	padding: 6px;
	background-color: #999999;
	border-radius: 15px 15px 0 0;
}
.GridHeader1 {
	
	font-size: 12px;
	font-weight: 500;
	height: 10px;
	padding: 6px;
	background-color: #FFF;
	border-left: 1px solid #800a0a;
	border-right: 1px solid #800a0a;
	border-top: 2px solid #800a0a;
	border-radius: 15px 15px 0 0;
}
.TextWarning {
	
	font-size: 12px;
	color: #800040;
}
.TextMessage {
	
	font-size: 12px;
	color: black;
}
.Button_1 {
	border: #FFF solid 1pt;
	border-radius: 5px;
	
	font-size: 12px;
	color: #FFF;
	margin-left: 10px;
	margin-top: 10px;
	background-color: #666;
	font-weight: 500;
	height: 25px;
}
.Button_1:hover {
	color: #FFF;
	background-color: #999;
}
.MasterHeader {
	background-color: #19343C;
}
.content_buttons {
	
	font-size: 12px;
	color: #000;
}
.GridHeader12 {
	
	font-size: 12px;
	background-color: #fff;
	color: #900;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 2px solid #000;
}
.grid_newln {
	width: 100%;
}
.rows_bord {
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
}
.HomeGridHeader {
	background-image: url(images/normal.jpg);
	background-repeat: repeat-x;
	height: 18px;
	background-color: #B5B5B5;
	
	font-size: 12px;
	font-weight: 500;
}
.GridCol1 {
	background-color: #E8E8E8;
	
	font-size: 12px;
}
.GridCol2 {
	
	font-size: 12px;
}

select {
	text-transform: capitalize;
    padding: 3px 0px;
    border-radius: 3px;
	border: #bababa solid 1pt;
    box-shadow: 1px 0px 5px 1px rgb(0 0 0 / 8%);
    font-size: 12px;	
}

.TextBox, input[type="text"]{
	font-size: 12px;
    padding: 3px 5px;
    border-radius: 3px;
	border: #bababa solid 1pt;
    box-shadow: 1px 0px 5px 1px rgb(0 0 0 / 8%);
}

.BottomLink {
	
	font-size: 13px;
	text-decoration: none;
	color: #FFF;
	line-height: 18px;
	font-weight: normal;
}
.BottomLink:hover {
	
	font-size: 13px;
	color: #FFF;
	line-height: 18px;
	font-weight: normal;
	text-decoration: underline;
}
.StatusGreen {
	font-weight: 500;
	
	font-size: 12px;
	color: #006600;
}
.StatusRed {
	font-weight: 500;
	
	font-size: 12px;
	color: #FF0000;
}
.primaryStaticMenu {
	
	font-size: 12px;
	text-align: left;
	vertical-align: top;
	background-color: transparent;
	float: left;
	z-index: 1000;
}
.primaryStaticMenuItem {
	
	font-size: 12px;
	background-color: #7f0b0b;
	border-width: 0;
	color: white;
	padding: 2px;
	vertical-align: text-bottom;
	height: 25px;
	z-index: 1000;
}
.primaryStaticHover {
	
	font-size: 12px;
	color: yellow;
	z-index: 1000;
}
.primaryDynamicMenu {
	
	font-size: 12px;
	background-color: #f7f2ea;
}
.HomeTendersView {
	
	font-size: 12px;
	background-color: #f7f2ea;
	width: 100%;
}
/*.rowI {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 8.5pt;
	background-color : #f7f2ea;
	width : 100%;
}
.rowII {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 8.5pt;
	width : 100%;
}
*/
.primaryDynamicMenuItem {
	
	font-size: 12px;
	width: 100%;
	background-color: #666E73;
	color: white;
	padding: 2px;
}
.primaryDynamicHover {
	
	font-size: 12px;
	color: yellow;
}
hr {
	height: 0;
	background: #756C6C;
}
.fastIcon {
	width: 16px;
	height: 16px;
	background-size: 16px 16px;
	background-repeat: no-repeat;
	padding: 0px 10px 0px 10px;
	margin: 0px 3px 0px 3px;
}
.pageHeading {
	margin: 0.6em 0.4em 1em 0.4em;
	position: relative;
	
	font-size: 15px;
	color: #000;
	font-weight: 500;
	letter-spacing: 0.2px;
	width: 97.6%;
	padding-left: 7px;
	line-height: 34px;
	background-color: #fbe9e9;
	border-left: 10px #e05252 solid;
}
.pageHeading1 {
	margin: 0.6em 0.4em 1em 0.4em;
	position: relative;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	color: #000;
	font-weight: 600;
	letter-spacing: 0.2px;
	width: 97.6%;
	padding-left: 7px;
	line-height: 34px;
	background-color: #ddeffb;
	border-left: 10px #0099cc solid;
}
.pageHeading2 {
	margin: 0.6em 0.4em 1em 0.4em;
	position: relative;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #000;
	font-weight: 500;
	letter-spacing: 0.2px;
	width: 97.6%;
	padding-left: 7px;
	line-height: 34px;
	background-color: #ddeffb;
	border-left: 10px #0099cc solid;
}
.pageHeading3 {
	margin: 0.6em 0.4em 1em 0.4em;
	position: relative;
	
	font-size: 16px;
	color: #000;
	font-weight: 600;
	letter-spacing: 0.2px;
	width: 97.6%;
	padding-left: 7px;
	line-height: 34px;
	background-color: #c6e2fe;
	border-left: 10px #304789 solid;
}
.pageHeading4 {
	margin: 0.6em 0.4em 1em 0.4em;
	position: relative;
	
	font-size: 16px;
	color: #000;
	font-weight: 600;
	letter-spacing: 0.2px;
	width: 97.6%;
	padding-left: 7px;
	line-height: 34px;
	background-color: #eee;
	border-left: 10px #595959 solid;
}
.pageHeading5 {
	margin: 0.6em 0.4em 1em 0.4em;
	position: relative;
	
	font-size: 16px;
	color: #fff;
	font-weight: 500;
	letter-spacing: 0.4px;
	width: 97.6%;
	padding-left: 7px;
	line-height: 34px;
	background-color: #053c6d;
	border-left: 10px #f5821f solid;
}
.SubTitle {
	font-size: 14px;
	font-weight: 500;
	margin-bottom: 15px;
	margin-left: 15px;
	color: #033b99;
}
.PageTitle {
	font-size: 1.4em;
	font-weight: 600;
	margin-bottom: 15px;
	margin-left: 15px;
	margin-top: 15px;
	color: #033b99;
}
.Title {
	font-size: 1.4em;
    font-weight: 600;
	margin-bottom: 10px;
	margin-top: 15px;
	color: #033b99;
}

.dashBoardTitle {
	font-size: 13px;
	font-weight: 600;
	padding-bottom: 5px;
	padding-left: 5px;
	color: #fff;
}

.PageTitleTwo {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 800;
	margin: 0.5em 0em 0.5em 0em;
	padding: 5px 5px 5px 15px;
	position: relative;
	line-height: 20px;
	color: #000;/* background: #d8e9f4; */
}
.HeaderLink {
	line-height: 60px;
	height: 60px;
	background-color: #eef1f6;
	color: #000000;
	text-decoration: none;
	padding: 20px 10px 20px 10px;
}
.TextBold14 {
	font-weight: 500;
	font-size: 14px;
}
.DateFormat {
	font-family: Arial;
	font-size: 8pt;
	color: yellow;
}
.CalFrame {
	visibility: visible;
	z-index: 999;
	position: absolute;
	left: -500px;
	top: 0;
}
.GridSortColumn a {
	font-weight: 500;
	
	font-size: 12px;
	color: #006600;
	text-decoration: none;
}
.GridSortColumn a:hover {
	font-weight: 500;
	
	font-size: 12px;
	color: #006600;
	text-decoration: underline;
}
.GridEmpty {
	font-weight: 500;
	
	font-size: 12px;
	color: red;
}
.Currency {
	
	font-size: 12px;
	font-weight: 500;
	color: #000000;
}
.GenerealLink {
	
	font-size: 10px;
	font-weight: 800;
	text-decoration: none;
	color: #900;
}
.GenerealLink:hover {
	text-decoration: underline;
	color: #000;
}
.GridEvenRow_cry {
	background-color: #eaeaea;
	padding-left: 30px;
	
	font-size: 12px;
	border: #D7D7D7 solid 1px;
}
.GridEvenRow1 {
	background-color: #E5E5E5;
	text-align: center;
	
	font-size: 12px;
}
.GridEvenRow_nw {
	background-color: #f4e9e9;
	
	font-size: 12px;
	padding: 3px;
}
.inp_clr {
	background-color: #900;
}
.HomeTenderLink {
	
	font-size: 8pt;
	text-decoration: none;
	color: blue;
}
.HomeTenderLink:hover {
	
	font-size: 8pt;
	text-decoration: underline;
	color: #6600FF;
}
.web_dialog_overlay {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	background: #000000;
	opacity: 0.1500000059604644775390625;
	z-index: 101;
	display: none;
}
.web_dialog {
	display: none;
	position: fixed;
	width: 600px;
	margin-left: -190px;
	margin-top: -100px;
	background-color: #ffffff;
	z-index: 102;
}
.web_dialog_title {
	background-color: #666e73;
	color: white;
	font-weight: 500;
}
.web_dialog_title a {
	color: white;
	text-decoration: none;
}
.align_right {
	text-align: right;
}
.panel, .panelcollapsed {
	background: #ffffff;
	margin: 5px;
	padding: 0 0 5px;
	width: 300px;
}
.panel h2, .panelcollapsed h2 {
	font-size: 12px;
	font-weight: 500;
	margin: 0;
	padding: 4px;
	background-image: url(images/aup.jpg);
	height: 18px;
}
.panel h2:hover {
	background-image: url(images/adown.jpg);
}
.panelcollapsed h2:hover {
	background-image: url(images/aup.jpg);
}
.panelcollapsed h2 {
	background-image: url(images/adown.jpg);
	border-color: #fff;
	font-size: 12px;
	font-weight: 500;
	margin: 0;
	height: 18px;
}
.panelcontent {
	background: #ffffff;
	overflow: hidden;
	text-align: left;
}
.panelcollapsed .panelcontent {
	display: none;
}
.panel a, .panelcollapsed a {
	
	font-size: 12px;
	text-decoration: none;
	color: black;
}
.panel a:hover, .panelcollapsed a:hover {
	
	font-size: 12px;
	text-decoration: underline;
	color: black;
}
.HomeLoginHeader, .HomeLoginHeadercollapsed {
	background: #ffffff;
	margin: 5px;
	padding: 0 0 5px;
	width: 300px;
}
.HomeLoginHeader h2, .HomeLoginHeadercollapsed h2 {
	font-size: 12px;
	font-weight: 500;
	margin: 0;
	padding: 4px;
	background-image: url(images/GridHeader.jpg);
	height: 18px;
}
.HomeLoginHeader h2:hover, .HomeLoginHeadercollapsed h2:hover {
	background-color: #A9BCEF;
}
.HomeLoginHeader h2 {
	border-color: #fff;
	font-size: 12px;
	font-weight: 500;
	margin: 0;
	padding: 4px;
	height: 18px;
}
.HomeLoginHeadercontent {
	background: #ffffff;
	overflow: hidden;
	text-align: left;
}
.HomeLoginHeadercollapsed .HomeLoginHeadercontent {
	display: none;
}
.HomeLoginHeader a, .HomeLoginHeadercollapsed a {
	
	font-size: 12px;
	text-decoration: none;
	color: black;
}
.HomeLoginHeader a:hover, .HomeLoginHeadercollapsed a:hover {
	
	font-size: 12px;
	text-decoration: underline;
	color: black;
}
.grider {
	
	color: #000000;
	font-size: 12px;
	text-align: center;
	border: 0;
	line-height: 28px;
}
.grider ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.grider li {
	float: left;
	display: inline-block;
	width: 100%;
	height: 28px;
}
.grider li a {
	background: bottom right no-repeat;
	color: #000000;
	display: block;
	font-weight: 500;
	margin: 0;
	padding: 0 0;
	padding-bottom: 3px;
	text-align: center;
	text-decoration: none;
}
.grider li a:hover {
	background-image: url(images/hover.jpg);
	background-repeat: repeat-x;
	padding: 0 0;
	height: 28px;
	padding-bottom: 0;
	color: #6600FF;
	text-decoration: underline;
}
.grider:active {
	background-image: url(images/hover.jpg);
	background-repeat: repeat-x;
	font-size: 12px;
	color: #000;
	font-weight: 500;
	list-style-type: none;
}
.GridEvenRow {
	background-color: #f2f8fc;
	
	font-size: 12px;
	color: #333;
	font-weight: 600;
}
.GridOddRow {
	background-color: #fff;
}
.TabHeader {
	
	color: #000;
	border-left: 3px solid #872525;
	border-right: 3px solid #872525;
	border-top: 3px solid #872525;
	font-weight: 500;
	height: 5px;
	padding: 6px;
	border-radius: 0 32px 0 0;
	font-weight: 500;
	font-size: 14px;
	margin-bottom: 5px;
}
.brd_tbls {
	border: #0099cc solid 1px;
}
.ro2 {
	border: #D3D3D3 solid 1px;
	border-collapse: collapse;
}
.ro1 {
	border-left: 1px solid #D7D7D7;
	padding-left: 8px;
}
.ro3 {
	border-bottom: 3px solid #D7D7D7;
	border-left: 1px solid #D7D7D7;
	border-top: 1px solid #D7D7D7;
}
.ro4 {
	border-bottom: 1px solid #D7D7D7;
	border-right: 1px solid #D7D7D7;
	border-top: 1px solid #D7D7D7;
}
.Button {
	font-size: 12px;
	color: #FFF;
	background: #354895 !important;
	border: #fff solid 0px;
	padding: 0px 20px 0px 20px;
	margin-bottom: 0px;
	margin-right: 3px;
	height: 24px;
    margin-top: 5px;
    border-radius: 5px;
}

.Button:hover {
	opacity: 0.9;
}

.TenderHeadeBG {
	border: #0099cc solid 1px;
	border-collapse: collapse;
}
.TenderHeadeBG thead tr {
	background-color: #ffefef;
	font-weight: 500;
	
	font-size: 12px;
	color: #800a0a;
	width: 250px;
	height: 10px;
	padding: 2px;
	font-weight: 500;
	border-radius: 15px 15px 0 0;
	background-image: url(images/bg_header.jpg);
	background-repeat: repeat-x;
}
.TenderHeadeBG thead tr {
	background-color: #ffefef;
	font-weight: 500;
	
	font-size: 12px;
	width: 250px;
	height: 10px;
	padding: 2px;
	font-weight: 500;
	border-radius: 15px 15px 0 0;
	background-image: url(images/bg_header.jpg);
	background-repeat: repeat-x;
}
.TenderHeadeBG thead th {
	border-bottom: 2px solid #0099cc;
	border-left: 1px solid #0099cc;
	border-top: 1px solid #0099cc;
}
.FileUpload {
	font-size: 12px;
	color: #000;
	font-weight: 500;
	background-color: #FFF;
	height: 30px;
	border: #000 solid 1px;
	padding: 5px;
	margin: 0;
}
.main_buttons {
	background-color: #0099cc;
	text-align: left;
	width: 800px;
}
.DescBG {
	border: #cfe0e9 /*solid 1px*/;/*border-collapse : collapse;
	padding : 4px;*/
}
.DescBG tr {
	border: #0099cc solid 1px;
}
.DescBG td {
	border: #0099cc solid 1px;
}
.GridBG {
	border: #cfe0e9 solid 1px;
	border-collapse: collapse;
	padding: 4px;
}
.GridBG thead>tr {
	
	font-size: 12px;
	padding: 2px;
	border-radius: 15px 15px 0 0;
	background-image: url(images/bg_header.jpg);
	background-repeat: repeat-x;
}
.GridBG thead>th {
	border-bottom: 2px solid #0099cc;
	border-left: 1px solid #0099cc;
	border-top: 1px solid #0099cc;
}
.GridBG>td {
	border: #0099cc solid 1px;
}
.GridBG>tr {
	border: #0099cc solid 1px;
}

.GridHeader {
	background: url(images/bgCurve.gif) repeat-x;
	color: #333;
	letter-spacing: 0.1px;
	font-weight: 500;
    font-size: 12px;
}
.GridHeader a {
	font-weight: 500;
	font-size: 12px;
	color: #006600;
	text-decoration: none;
}
.GridHeader a:hover {
	font-weight: 500;
	font-size: 12px;
	color: #006600;
	text-decoration: underline;
}
/*New Css*/
.tHeading {
	width: 400px;
	height: 30px;
	-webkit-border-radius: 0px 99px 0px 0px;
	-moz-border-radius: 0px 99px 0px 0px;
	border-radius: 0px 99px 0px 0px;
	border: 1px solid #000000;
	background-color: #E3A20B;
}
a {
    font-weight: 500;
    text-decoration: none;
    color: #0C1B56;
}
a:hover {
	text-decoration: none;
	color: #033b99;
}
a.links {
	
	font-size: 12px;
	font-weight: 500;
	text-decoration: none;
	color: #0C1B56;
}
a.links:hover {
	text-decoration: underline;
	color: #0C1B56;
}
a.links2 {
	font-size: 10px;
	text-decoration: none;
	color:#0C1B56;
}
a.links2:hover {
	text-decoration: underline;
	color: #333;
}
.Text {
	font-size: 12px;
	color: #333;
	font-weight: 600;
}
.TabHead {
	font-size: 1em;
	letter-spacing: 0.1px;
	font-weight: 700;
}
.TextHead {
	font-size: 12px;
	color: #333;
	font-weight: 600;
}
.TextLabel {
	font-size: 10px;
	color: #000;
}
.TextNormal {
	font-size: 10px;
	color: #000;
}
.TextLetter {
	font-size: 12px;
	color: #000;
	text-align: justify;
}
.paddingText {
	font-size: 12px;
	color: #000;
	text-align: justify;
	text-indent: 80px;
}
.txtBox {
	border: 0px;
	background-color: #f2f8fc;
	font-size: 14px;
	color: #000;
	font-weight: 600;
	font-style: italic;
}
.TextMedium {
	
	font-size: 12px;
	color: #000;
}
.TextMessageOne {
	
	font-size: 15px;
	color: #000;
	font-weight: 700;
}
.TextMessageTwo {
	
	font-size: 13px;
	color: #000;
	font-weight: 700;
}
.TextMessageThree {
	
	font-size: 12px;
	color: green;
	font-weight: 700;
}
.TextMessageFour {
	
	font-size: 12px;
	color: red;
	font-weight: 700;
}
.TextMessageSix {
	
	font-size: 14px;
	color: #06C;
	font-weight: 700;
}
.TextMessageSeven {
	
	font-size: 14px;
	color: green;
	font-weight: 700;
}
.BidSubmitted {
	font-size: 12px;
	color: #333;
	line-height: 24px;
}
.tdSpacer {
	background: url(images/tableSpacer.png) repeat-x;
}
.bgSpacer {
	background-color: #5287a6;
	height: 1px;
	width: 98%;
	margin: 0 auto;
}
.bgSpacerAuto {
	background-color: #5287a6;
	height: 1px;
	width: inherit;
	margin: 0 auto;
}
.txtlight {
	background-color: #f2f8fc;
	border: 0px;
}
.txtdis {
	border: 1px solid #CCC;
	background-color: #E8E8E8;
	/* Add box-shadow */
	box-shadow: -1px 1px 2px #aaa inset;
	-moz-box-shadow: -1px 1px px #aaa inset; /* Firefox */
	-webkit-box-shadow: -1px 1px 2px #aaa inset; /* Safari */
	height: 20px;
}
.bottomSpacer {
	margin-top: 30px;
}
.spacer {
	margin-top: 10px;
	margin-bottom: 10px;
}
.adminLinks {
	
	font-size: 15px;
	text-decoration: none;
	color: #F00;
	line-height: 18px;
}
.adminLinks:hover {
	text-decoration: underline;
}
.activity-on {
	float: left;
	
	font-size: 13px;
	font-weight: 700;
	clear: both;
	background-color: #018ab8;
	vertical-align: middle;
	height: 15px;
	width: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	color: #FFF;
	cursor: hand;
}
.activity-off {
	float: left;
	
	font-size: 13px;
	font-weight: 700;
	clear: both;
	background-color: #c6f1ff;
	vertical-align: middle;
	height: 15px;
	width: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	color: #CCC;
	cursor: hand;
}
.icoFilled {
	background: url(images/ico-Filled.png) no-repeat;
	height: 48px;
	width: 48px;
	border: 0px;
}
.icoNotFilled {
	background: url(images/ico-NotFilled.png) no-repeat;
	height: 48px;
	width: 48px;
	border: 0px;
}
.loader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url('images/loading.gif') 50% 50% no-repeat  rgb(249, 249, 249);
}
.navbar-nav>li:before {
	content: " ";
	/* content: "|"; */
	position: absolute;
	line-height: 45px;
	color: #fff;
}
.navbar-nav>li.last:before {
	content: ".";
}
.navbar-nav>li:first-child:before {
	content: "";
}
.helpdesk {
	padding-left: 50px;
	margin-top: 5px;
}
.img-responsive {
	display: block;
	max-width: 100%;
	height: auto;
}
.innerHeader {
	background: url(homepage/images/header1.jpg) no-repeat;
	background-size: cover;
	width: 100%;
	height:152px;
}
.headerContainer {
	width: 1160px;
	margin: 0 auto;
}
.innerLogo {
	float: left;
	width: 450px;
	padding-top: 10px;
	padding-left: 30px;
}
.stateLogo {
	float: left;
	width: 114px;
	padding-top: 5px;
	padding-left: 20px;
}
.WelcomeTitle {
	font-weight: 600;
	font-size: 20px;
	color: #033b99;
}
.welcom_texts {
	font-size: 14px;
	color: #333;
	text-decoration: none;
	border: none;
}
.welcom_texts:hover {
	color: #900;
	text-decoration: underline;
	border: none;
}
.headerRightMenu {
	float: right;
	padding: 10px;
	margin-right: 20px;
	background: #f9f9f9ab;
	border-radius: 5px;
	margin-top: 20px;
}
.innerContainer {
	width: 1170px;
	margin: 0 auto;
}

.full {
	width: 98%;
	margin-top: 0px;
	margin-bottom: 15px;
	vertical-align: top;
	min-height: 54.5vh;
}

.column {
	float: left;
	min-height: 1px;
	margin-bottom: 18px;
	padding: 0 18px;
	position: relative;
}
.title-line span {
	background: #fff;
	padding-right: 12px;
	position: relative;
	top: -14px;
}
.title-line {
	margin: 15px 0px 20px 0px;
	background: #e6e6e6;
	height: 2px;
}
.margin-bottom1 {
	margin-bottom: 30px !important;
}
.margin-bottom2 {
	margin-bottom: 24px !important;
}
.margin-bottom3 {
	margin-bottom: 20px !important;
}
h1, h2, h3, h4, h5, h6 {
	/*  */
	font-weight: 500;
	padding: 0;
	color: #033b99;
	text-rendering: optimizeLegibility;
	margin-top: 5px;
	margin-bottom: 5px;
	line-height: 1.2125em;
}
h1 {
	font-size: 28px;
}
h2 {
	font-size: 24px;
}
h3 {
	font-size: 22px;
}
h4 {
	font-size: 18px;
}
h5 {
	font-size: 14px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.faSize{
	font-size: 1.5em;
	color: #11557c;
	line-height: 24px;
	width: 26px;
	text-align: center;
	vertical-align: middle;
}

.companyTitle {
	
	/* font-family: georgia, serif; */
	font-size: 1.3em;
	font-weight: 600;
	text-rendering: optimizeLegibility;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	line-height: 20px;
	color: #11557c;
	letter-spacing: 0.5px;
}
.spanText {
	
	font-size: 13px;
	font-weight: 400;
	text-rendering: optimizeLegibility;
	line-height: 1.5em;
	color: #000;
	letter-spacing: 0.2px;
}
.spanTextS {
	
	font-size: 12px;
	text-rendering: optimizeLegibility;
	line-height: 1.5em;
	color: #000;
	font-weight: 600;
	letter-spacing: 0.5px;
}
.spanTextSmall {
	
	font-size: 10px;
	text-rendering: optimizeLegibility;
	line-height: 1.3em;
	color: #000;
	letter-spacing: 0.3px;
}
.spanTextB {
	
	font-size: 13px;
	text-rendering: optimizeLegibility;
	line-height: 1.5em;
	color: #354895;
	font-weight: 600;
	letter-spacing: 0.3px;
}
.spanTextR {
	
	font-size: 13px;
	font-weight: 500;
	text-rendering: optimizeLegibility;
	line-height: 1.5em;
	color: #F00;
	letter-spacing: 0.3px;
}
.spanTextRed {
	
	font-size: 14px;
	font-weight: 500;
	text-rendering: optimizeLegibility;
	line-height: 1.5em;
	color: #033b99;
	letter-spacing: 0.3px;
}
.spanTextBlue {
	
	font-size: 13px;
	text-rendering: optimizeLegibility;
	line-height: 1.5em;
	color: #25577a;
	font-weight: 600;
	letter-spacing: 0.3px;
}
.spanTextBS {
	font-size: 10px;
	color: #25577a;
	font-weight: 600;
}
.spanTextRS {
	font-size: 10px;
	font-weight: 600;
	color: #F00;
}
.modal {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1050;
	display: none;
	overflow: hidden;
	-webkit-overflow-scrolling: touch;
	outline: 0
}
.modal.fade .modal-dialog {
	-webkit-transition: -webkit-transform .3s ease-out;
	-o-transition: -o-transform .3s ease-out;
	transition: transform .3s ease-out;
	-webkit-transform: translate(0, -25%);
	-ms-transform: translate(0, -25%);
	-o-transform: translate(0, -25%);
	transform: translate(0, -25%)
}
.modal.in .modal-dialog {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0)
}
.modal-open .modal {
	overflow-x: hidden;
	overflow-y: auto
}
.modal-dialog {
	position: relative;
	width: auto;
	margin: 10px
}
.modal-content {
	position: relative;
	background-color: #fff;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid #999;
	border: 1px solid rgba(0, 0, 0, .2);
	border-radius: 6px;
	outline: 0;
	-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
	box-shadow: 0 3px 9px rgba(0, 0, 0, .5)
}
.modal-backdrop {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1040;
	background-color: #000
}
.modal-backdrop.fade {
	filter: alpha(opacity = 0);
	opacity: 0
}
.modal-backdrop.in {
	filter: alpha(opacity = 50);
	opacity: .5
}
.modal-header {
	padding: 15px;
	border-bottom: 1px solid #e5e5e5
}
.modal-header .close {
	margin-top: -2px
}
.modal-title {
	margin: 0;
	line-height: 1.42857143
}
.modal-body {
	position: relative;
	padding: 15px
}
.modal-footer {
	padding: 15px;
	text-align: right;
	border-top: 1px solid #e5e5e5
}
.modal-footer .btn+.btn {
	margin-bottom: 0;
	margin-left: 5px
}
.modal-footer .btn-group .btn+.btn {
	margin-left: -1px
}
.modal-footer .btn-block+.btn-block {
	margin-left: 0
}
.modal-scrollbar-measure {
	position: absolute;
	top: -9999px;
	width: 50px;
	height: 50px;
	overflow: scroll
}
 @media ( min-width :768px) {
.modal-dialog {
	width: 600px;
	margin: 30px auto
}
.modal-content {
	-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
	box-shadow: 0 5px 15px rgba(0, 0, 0, .5)
}
.modal-sm {
	width: 300px
}
}
 @media ( min-width :992px) {
.modal-lg {
	width: 900px
}
}
.alert-dismissable, .alert-dismissible {
	padding-right: 35px
}
.alert-dismissable .close, .alert-dismissible .close {
	position: relative;
	top: -2px;
	right: -21px;
	color: inherit
}
.close {
	float: right;
	font-size: 21px;
	font-weight: 700;
	line-height: 1;
	color: #000;
	text-shadow: 0 1px 0 #fff;
	filter: alpha(opacity = 20);
	opacity: .2
}
.close:focus, .close:hover {
	color: #000;
	text-decoration: none;
	cursor: pointer;
	filter: alpha(opacity = 50);
	opacity: .5
}
button.close {
	-webkit-appearance: none;
	padding: 0;
	cursor: pointer;
	background: 0 0;
	border: 0
}
/* Custom Template CSS */
.FooterBg {
	width: 100%;
	padding: 10px 0px;
	background: #e3e3e3;
	
	font-size: 12px;
	line-height: 20px;
	color: #000;
}
footer {
	margin: 0px 0;
	background: #d9d8d8;
	border-top: 2px solid #09556b;
}
.bottomFooter {
	margin: 0px 0;
	background: #d9d8d8;
	padding: 10px;
	font-size: 12px;
	/* font-weight:600; */
	text-decoration: none;
	color: #171717;
	line-height: 18px;
}
.bottomFooter a {
	clear: both;
	
	font-size: 12px;
	font-weight:600;
	text-decoration: none;
	color: #000;
	line-height: 18px;
	letter-spacing: 0.3px;
}
.bottomFooter a:hover {
	
	font-size: 12px;
	font-weight:600;
	text-decoration: underline;
	letter-spacing: 0.3px;	
}
.bottomTxt {	
	font-size: 13px;
	font-weight: 600;
	text-decoration: none;
	color: #171717;
}
.bottomTime {
	font-size: 12px;
	text-decoration: none;
	color: #fff;
	text-align: right;
}
#menuContainer {
	width: 100%;
	background: #1F3280;
	z-index: 9998;
}
#cssmenu {
	margin: 0 auto;
	padding: 0;
	display: block;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
	
	/* display: flex; */
    align-content: center;
    justify-content: center;
    align-items: center;
}
#cssmenu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: block;
}
#cssmenu ul:after, #cssmenu:after {
	content: " ";
	display: block;
	font-size: 0;
	height: 0;
	clear: both;
	visibility: hidden;
}
#cssmenu ul li {
	margin: 0;
	padding: 0;
	display: block;
	position: relative;
}
#cssmenu ul li a {
	
	font-size: 14px;
	line-height: 1.42857143;
	text-decoration: none;
	display: block;
	margin: 0;
	-webkit-transition: color .2s ease;
	-moz-transition: color .2s ease;
	-ms-transition: color .2s ease;
	-o-transition: color .2s ease;
	transition: color .2s ease;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#cssmenu ul li ul {
	position: absolute;
	left: -9999px;
	top: auto;
}
#cssmenu ul li ul li {
	max-height: 0;
	position: absolute;
	-webkit-transition: max-height 0.4s ease-out;
	-moz-transition: max-height 0.4s ease-out;
	-ms-transition: max-height 0.4s ease-out;
	-o-transition: max-height 0.4s ease-out;
	transition: max-height 0.4s ease-out;
	color: #fff;
    background: #041354;
	border-bottom: 1px solid #fff;
}
#cssmenu ul li ul li.has-sub:after {
	display: block;
	position: absolute;
	content: "";
	height: 10px;
	width: 10px;
	border-radius: 5px;
	background: #000000;
	z-index: 1;
	top: 13px;
	right: 15px;
}
#cssmenu.align-right ul li ul li.has-sub:after {
	right: auto;
	left: 15px;
}
#cssmenu ul li ul li.has-sub:before {
	display: block;
	position: absolute;
	content: "";
	height: 0;
	width: 0;
	border: 3px solid transparent;
	border-left-color: #ffffff;
	z-index: 2;
	top: 15px;
	right: 15px;
}
#cssmenu.align-right ul li ul li.has-sub:before {
	right: auto;
	left: 15px;
	border-left-color: transparent;
	border-right-color: #ffffff;
}
#cssmenu ul li ul li a {
	font-size: 14px;
	font-weight: 400;
	text-transform: none;
	color: #fff;
	letter-spacing: 0;
	display: block;
	width: 268px;
	padding: 8px 10px 8px 16px;
}
#cssmenu ul li ul li:hover>a, #cssmenu ul li ul li.active>a {
	color: #e0e0e0;
	/* background: #93e2ff; */
}
#cssmenu ul li ul li:hover:after, #cssmenu ul li ul li.active:after {
	background: #93e2ff;
}
#cssmenu ul li ul li:hover>ul {
	left: 100%;
	top: 0;
}
#cssmenu ul li ul li:hover>ul>li {
	max-height: 72px;
	position: relative;
}
#cssmenu>ul>li {
	float: left;
}
#cssmenu.align-center>ul>li {
	float: none;
	display: inline-block;
}
#cssmenu.align-center>ul {
	text-align: center;
}
#cssmenu.align-center ul ul {
	text-align: left;
}
#cssmenu.align-right>ul {
	float: right;
}
#cssmenu.align-right>ul>li:hover>ul {
	left: auto;
	right: 0;
}
#cssmenu.align-right ul ul li:hover>ul {
	right: 100%;
	left: auto;
}
#cssmenu.align-right ul ul li a {
	text-align: right;
}
#cssmenu>ul>li:after {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 0;
	top: 0;
	z-index: 0;
	background: #ffffff;
	-webkit-transition: height .2s;
	-moz-transition: height .2s;
	-ms-transition: height .2s;
	-o-transition: height .2s;
	transition: height .2s;
}
#cssmenu>ul>li.has-sub>a {
	padding-right: 5px;
}
#cssmenu>ul>li.has-sub>a:after {
	display: block;
	content: "";
	position: absolute;/* background: #ffffff;
  height: 12px;
  width: 12px;
  border-radius: 13px;
  right: 14px;
  top: 16px; */
}
#cssmenu>ul>li.has-sub>a:before {
	display: block;
	content: "";
	border: 2px solid transparent;
	border-top-color: #4cb6ea;
	z-index: 9999;
	height: 0;
	width: 0;
	position: absolute;
	right: 16px;
	top: 21px;
}
#cssmenu>ul>li>a {
	color: #ffffff;
	padding: 11px 6px 11px 6px;
	border-right: 1px solid #041354;
	font-weight: 400;
	letter-spacing: 0.2px;
	text-transform: none;
	font-size: 14px;
	z-index: 9999;
	position: relative;
}
#cssmenu>ul>li:hover:after, #cssmenu>ul>li.active:after {
	height: 100%;
}
#cssmenu>ul>li:hover>a, #cssmenu>ul>li.active>a {
	color: #fff;
    background: #041354;
}
#cssmenu>ul>li:hover>a:after, #cssmenu>ul>li.active>a:after {
	background: #000000;
}
#cssmenu>ul>li:hover>a:before, #cssmenu>ul>li.active>a:before {
	border-top-color: #ffffff;
}
#cssmenu>ul>li:hover>ul {
	left: 0;
}
#cssmenu>ul>li:hover>ul>li {
	max-height: 72px;
	position: relative;
}
#cssmenu>ul>li>a {
	display: block;
}
.fa-reorder {
	float: right;
}
#cssmenu>ul>li>ul {
	display: block;
	z-index: 99999;
}
#cssmenu>ul>li>ul>li {
	display: block;
}
#cssmenu ul li ul li:last-child {
	border-bottom: none;
}
/* dashBoard Buttons CSS */

.animate {
	transition: all 0.1s;
	-webkit-transition: all 0.1s;
}
.action-button {
	position: relative;
	padding: 10px 30px 8px 20px;
	margin: 0px 2px 5px 0px;
	float: left;
	/* border-radius: 5px; */
	-moz-border-radius-bottomright: 20px 20px;
	border-top-right-radius: 20px 20px;
	font-size: 14px;
	font-weight:600;
	color: #FFF;
	text-decoration: none;
}
.btnBlue {
	background-color: #3498DB;
	border-bottom: 5px solid #2980B9;
	text-shadow: 0px -1px #2980B9;
}
.action-button:active {
	transform: translate(0px, 5px);
	-webkit-transform: translate(0px, 5px);
	border-bottom: 1px solid;
}
.notActiveButton {	
	border-bottom: 5px solid #5acbff;
	text-shadow: 0px -2px #87d7fd;
	background-color: #87d7fd;
	color:#999;
}

.divDate{
    width: 160px;
    line-height: 16px;
}

.divDateQTY{
    line-height: 16px;
}


/* MIS Reports DashBoard CSS */

.dashBoardMISReports {
	clear: both;
	margin: 0px auto;
	width: 550px;
}

.chatContainer {
	margin: 0 auto;
	width: 860px;
}

.chatOneContainer {
	float: left;
	margin:0 auto;
	padding: 10px 10px 0px 10px;
}

.chatTitle {
	clear: both;
	float: left;
	padding: 8px 10px;
	background-color: #00a0dc;
	width: 100%;
}

.chatTitle a{
	
	font-size: 16px;
	font-weight: 500;
	color:#fff;
	text-decoration: none;
}

.chatTitle a:hover{
	text-decoration: underline;
	color:#eaeaea;
}



.chatOneTitle {
	clear: both;
	float: left;
	padding: 10px;
	/* background-color: #00a0dc; */
	width: 100%;
	
}

.chatOneTitle a{
	/*  */
	color: #00a0dc;
	font-size: 14px;
	text-decoration: none;
}

.chatOneTitle a:hover{
	color: #f00;
	text-decoration: underline;
}

.chatOne {
	clear: both; 
	float : left;
	background-color: #41c2f0;
	margin: 1px 0 0 0px;
	padding: 5px;
}

.InnerChatContainerMain {
	float: left;
	margin:0 auto;
}

.InnerChatContainer {
	float : left;
	background-color: #41c2f0;
	margin:15px;
	padding: 5px;
}

.chatTableContainer {
	float : left;
	background-color: #41c2f0;
	margin:15px;
	padding: 5px;
	width: 49%;
}

.chatOne {
	clear: both; 
	float : left;
	background-color: #41c2f0;
	margin: 1px 0 0 0px;
	padding: 5px;
}

.dashBoard {
	margin: 0px auto;
	width: 85%;
}

.dashBoardMISImg {
	margin-top: 10px;
	margin-right: 10px;
	float: left;
	width: 250px;
	height: 90px;
	color: #006cb8;
	
	font-weight: 600;
	font-size: 1.5em;
	text-align: center;
	transition: all 0.3s ease;
	border-radius: 8px;
	border: 3px solid #006cb8;
}

.borderMIS:hover {
	box-shadow: inset 0 0 0 5px #006cb8;
	font-size: 1.3em;
	border-radius: 8px;
	background-color: #eef7fe;
}

.boardPatt1{
	background: #0a9e43;
}

.boardPatt2{
	background: #ed373c;
}

.count-text1 {
	
    font-size: 16px;
    font-weight: 600;
    margin-top: 3px;
    margin-bottom: 0;
    text-align: center;
    color: #008722;
}

.count-text2 {
	
    font-size: 16px;
    font-weight: 600;
    margin-top: 3px;
    margin-bottom: 0;
    text-align: center;
    color: #e84e40;
}

.misReports{
	clear: both;
}

.misReportCo-1 {
	position: relative;
	min-height: 1px;
	padding-right: 3px;
	padding-left: 3px;	
	width: 15%;
	
}

.misReportCo-2 {
	position: relative;
	min-height: 1px;
	padding-right: 3px;
	padding-left: 3px;
	width: 25%;
	float: left;
}

.misReportCo-3 {
	position: relative;
	min-height: 1px;
	padding-right: 3px;
	padding-left: 3px;
	width: 35%;
}

.misReportCo-4 {
	position: relative;
	min-height: 1px;
	padding-right: 3px;
	padding-left: 3px;
	width: 45%;
}


/* misDashBoard CSS */

.leftIcon{
	font-size: 28px;
	color: #018fcf;
	font-weight: 600;
	padding: 5px;
}

.leftIconText {
	
	color:#434343;
	text-decoration: none;
	font-weight: 500;
	font-size: 15px;
	letter-spacing: 0.3px;
}

.leftIconText:hover{
	color:#f00;
	text-decoration: underline;
}

.tsFooterDown {
    background:#fff;
}

.tsBottomFooter a {
    padding: 0px 5px;
    font-size: 13px;
}

.tsFooterDown p {
    padding: 5px 0px;
    font-size: 13px;
    font-weight: 600;
    
}

.tsInnerPages ul{
	margin-bottom: 10px;
	margin-left: 10px;
}


.responsive-table {
	width: 100%;
	overflow-y: hidden;
	overflow-x: auto;
	background-color:transparent;
	height: auto;
	padding: 5px;
}
@media only screen and (max-width: 1023px){ 
.navbar-nav > li::before {
	    visibility: hidden;
	}
}

.PageTitleNew {
    
    font-size: 1.5em;
    font-weight: 600;
    letter-spacing: 0.1px;
    color: #033b99 !important;
    padding: 5px 0px 5px 5px;
    border-radius: 5px 5px 0px 0px;
    margin: 10px 8px;
    text-shadow: none;
    text-align: left;
    border-bottom: 1px dashed rgba(0, 0, 0, 0.5);
}

.tbHeader {
    height: 34px;
    border-radius: 5px 5px 0px 0px;
    background: #048cb7;
    margin: 0px 12px;
}

.tbHeader h1 {
    font-size: 14px;
    font-weight: 500;
    color: #fff !important;
    padding: 9px 15px;
}

.innerHeaderCMM {
	background: url(images/bg-HeaderCMM.png) no-repeat;
	background-size: cover;
	width: 100%;
	/* min-height:154px; */
}

.innerLogoCMM {
    float: left;
    padding: 0px 10px;
}

.innerLogoCMM img {
	width: 100%;
}

.headerContainerCMM {
    width: 1160px;
    margin: 0 auto;
}


.notificationDiv {
  display: inline-block;
  /* height: 78px;
  width: 78px; */
  /* border-radius: 50%; */
  height: 86px;
  width: 156px;
  background: url(homepage/images/icon-Corrigendums.png) no-repeat;
}

.noti {
  padding-top: 0px;
  padding-left: 0px;
}
.notiNo {
  	font-size: 1.7em;
    font-weight: 500;
  	color: #fff;
  	line-height: 25px;
  	border: 2px solid #f7f5f5;
  	border-radius: 50%;
  	height: 30px;
  	width: 30px;
    background: #f00;
    text-align: center;
    position: absolute;
    right: 10px;
    top: 6px;
}

/* Icon */


.DateFormat{
	padding: 10px !important;
    color: #fff !important;
    font-size: 14px !important;
    text-align: right !important;
    font-weight: 500 !important;
}

.text-center, .tcenter{
	text-align: center !important;
	padding: 6px;
}


.text-centernew{
	text-align: center !important;
}

#errorMessage1{
	/* padding: 5px; */
}

.divInline{
	display: inline-block;
}

.dnone{
	display:none;
}

:root {
	--primary-color: #4765BA;
	--success-color: #10b981;
	--warning-color: #f59e0b;
	--danger-color: #ef4444;
	--info-color: #8b5cf6;
	--caution-color: #ff7ad1;
	--text-primary: #1f2937;
	--text-secondary: #6b7280;
	--label-color: #484848;
	--border-color: #e5e7eb;
	--bg-light: #f9fafb;
	--bg-body: #f5f6f8;
	--shadow-sm: 0 2px 10px rgba(0, 0, 0, 0.05);
	--shadow-md: 0 4px 15px rgba(0, 0, 0, 0.1);
	--border-radius: 12px;	
	--secondery-color: #046aa3;
	--secondary-color: #6c757d;
	--third-color: #4e4e4e;
	--fourth-color: #e7e7e7;
	--fifth-color:#747474;
	--background-color: #f8f9fa;
	--white-color: #ffffff;
	--black-color:#000000;
	--table-th:#eaeaea;
	--card-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
	--card-shadow-two: rgba(100, 100, 111, 0.2) 0px 7px 30px 0px;
	--hover-shadow: 0 10px 20px rgba(0, 0, 0, .12), 0 4px 8px rgba(0, 0, 0, .06);
}

/* Stats Section */

.stats-section {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 20px;
    margin-bottom: 30px;
}

.stat-card {
    background-color: #ffffff;
    border-radius: var(--border-radius);
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;    
	display: flex;
    flex-direction: column;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    position: relative;
    overflow: hidden;
    margin-right:0px;
}

.stat-card:hover {
    transform: translateY(-3px);
    box-shadow: var(--shadow-md);
}

.stat-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
}

.stat-card:nth-child(1)::before { background-color: #FF6A00; }
.stat-card:nth-child(2)::before { background-color: #551FFF; }
.stat-card:nth-child(3)::before { background-color: #00B7FE; }
.stat-card:nth-child(4)::before { background-color: #FD2254; }
.stat-card:nth-child(5)::before { background-color: #5CB85C; }
.stat-card:nth-child(6)::before { background-color: var(--caution-color); }

/* Stats Section */

@media (max-width: 1024px) {
  .stats-section {
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 18px;
  }

  .stat-card {
    margin-right: 0;
  }
}

@media (max-width: 768px) {
  .stats-section {
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 16px;
  }

  .stat-card {
    margin-right: 0;
  }
}

@media (max-width: 480px) {
  .stats-section {
    grid-template-columns: 1fr; /* One column for small screens */
    gap: 14px;
  }

  .stat-card {
    margin-right: 0;
  }
}


.tab-container {
      display: flex;
      gap: 20px;
      flex-wrap: wrap;
      background: #fff;
      padding: 20px;
    }

    .tab-card {
      width: 140px;
      height: 80px;
      border-radius: 16px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      color: #fff;
      cursor: default;
      transition: transform 0.2s ease;
    }

    .tab-card:hover {
      transform: translateY(-3px);
    }

    .tab-card h4 {
      margin: 0;
      font-size: 13px;
      letter-spacing: 0.5px;
      font-weight:500;
      text-align:center;
      color:#000;
    }

    .tab-card p {
      margin: 5px 0 0;
      font-size: 20px;
      font-weight: bold;
      color:#000;
    }

    /* Tab Colors */
    .initiated         { background-color: #fff; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 9px 0px;}
    .approval-pendings { background-color: #fff; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 9px 0px;}
    .reverted          { background-color: #fff; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 9px 0px; }
    .approved          { background-color: #fff; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 9px 0px;}
    .rejected          { background-color: #fff; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 9px 0px;}
    .closed            { background-color: #fff; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 9px 0px;}

.pull-right{
	text-align: right !important;
}

.topHeader{
	padding: 10px;
	color: #171717;
	font-size: 12px !important;
	font-weight: 600;
}

.userName{
	color: #2ecc71;
	font-size: 15px;
}

.topLinks{
	color: #3F51B5 !important;
	text-decoration: none !important;
	font-size: 14px;
	font-weight: 600;
}

.topLinks:hover{
	opacity: 0.7;
}

.tdimg-center{
	    text-align: center !important;
    vertical-align: middle !important;
}

.asidemr15{
	margin-right: 15px;
}

.table-responsive {
	overflow-x: auto;
    width: 100%;
    margin: 10px auto;
    border: 0px;
}

.minH{
	min-height: 66vh;
}

.p5 {
    padding: 3px 5px 9px 5px !important;
}

.m0{
	margin: 0 !important;
}

.mtb10 {
    margin-top: 10px;
    margin-bottom: 10px;
}

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

label{
	font-size: 12px !important;
	margin: 0px;
}

/* table newDesign */

.table-card {
	width: 40%;
	background: #fff;
	border-radius: 12px;
	box-shadow: 1px 0px 10px 2px rgba(0, 0, 0, 0.08);
	padding: 20px;
}

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

.table-card table td {
	padding: 12px 10px;
	border-bottom: 1px solid #eee;
}

.table-card table td:first-child {
	font-weight: 600;
	font-size: 14px;
	color: #000; /* Red highlight for labels */
	width: 60%;
}

.table-card table  td:last-child {
	text-align: right;
	font-weight: 500;
	color: #0C1B56;
	font-size: 14px;
}

.table-card table  tr:last-child td {
	border-bottom: none;
}

.table-card .table-header {
	text-align: left;
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 10px;
	color: #0C1B56;
}

/* table newDesign */

.datePicker, #IMG1{
    padding: 3px 5px;	
}

.gridSmall select{
	padding: 0px !important;
    height: auto !important;
}


.tdSpacer .Button{
	margin-top: 0px !important;
}

.buttonsDiv{
	text-align: center;
	padding: 10px;
	margin: 5px 0px;
}

.buttonsDiv a{
	font-size: 12px;
    color: #FFF;
    background: #25577a !important;
    border: #fff solid 0px;
    padding: 0px 20px 0px 20px;
    cursor: hand;
    padding: 5px 20px;
    margin: 0px 5px;
}

.buttonsDiv a:hover{
	opacity: 0.5;
}

.p5{
	padding: 5px !important;	
}

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

.mtb10{
	margin: 10px 10px !important;	
}

.dflex{
	display: flex;
}


/* FAQ's css startHere */

:root {
	--card-bg: rgba(255, 255, 255, 0.15);
	--card-border: rgba(255, 255, 255, 0.25);
	--shadow-lg: 0 10px 30px rgba(0, 0, 0, 0.1);
	--text-dark: #333;
}

.faq-container {
    margin: auto;
    padding: 20px;
}

.faq-title {
    font-size: 24px;
    margin-bottom: 5px;
}

.faq-subtitle {
    color: #666;
    margin-bottom: 20px;
}

/* FAQ Card */
.faq-item {
    background: rgba(255, 255, 255, 0.6);
    backdrop-filter: blur(10px);
    border-radius: 12px;
    margin-bottom: 15px;
    overflow: hidden;
    border: 1px solid #eee;
    transition: 0.3s;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* Question */
.faq-question {
    padding: 15px;
    cursor: pointer;
    font-weight: 600;
    position: relative;
    color: #f00;
}

.faq-answer{
    padding: 5px 15px;
}

/* Answer */
.faq-answer ul {
    list-style: none;
    padding-left: 0;
    margin-top: 10px;
}

.faq-answer ul li {
    position: relative;
    padding-left: 25px;
    margin-bottom: 8px;
    color: #444;
    line-height: 1.6;
}

/* Custom bullet */
.faq-answer ul li::before {
   content: "\279C";
    position: absolute;
    left: 5px;
    top: 0;
    color: #4CAF50;
    font-size: 14px;
}

/* FAQ's css startHere */

.mtb15{
    margin: 15px 0px !important;
}