﻿body {
	margin: 0px;
	padding: 0px;
	font-family: Arial;
	font-size: 13px;
	color: #575659;
}
/* for menu */
.tdMenu {
	height: 23px;
}

/*For header labels*/
.hdrLabel {
	font-weight: normal;
	color: #000000;
}
/*------------------------------------------------------------------------------*/

/*Button*/
input, img {
	cursor: pointer;
}
/*------------------------------------------------------------------------------*/

/*Tabs*/
.outerTabTable {
	border-bottom: solid 1px #E6E6E6;
	border-left: solid 1px #E6E6E6;
	border-right: 1px solid #E6E6E6;
}

.outerTabTableTraining {
	border-top: solid 1px #E6E6E6;
	border-bottom: solid 1px #E6E6E6;
	border-left: solid 1px #E6E6E6;
	border-right: solid 1px #E6E6E6;
}

.activeTab {
	/*font-weight: bold;*/
	color: #ffffff; /*#032B8A;*/
	background-color: #024A8B; /*background-image: url(../images/tab-bg.jpg);     background-repeat: repeat-x;*/
	height: 32px;
	cursor: pointer;
}

.inactiveTab {
	/*font-weight: bold;*/
	color: Black;
	background-color: #CFCFCF;
	height: 32px;
	cursor: pointer;
}
/*Tabs*/

/* All Textbox and Combo box*/
input[type="text"], select, textarea {
	font-family: Arial;
	font-size: 13px;
	color: #575659;
	height: 22px;
	padding: 1px 0px 1px 2px;
}

input[type="text"], textarea {
	cursor: text !important;
}

textarea {
	height: 42px;
}
/*select
{
    height: 26px !important;
}*/
select {
	height: auto !important;
	padding: 3px 3px 4px 2px !important;
}

.txtbox {
	font-family: Arial;
	font-size: 13px;
	color: #575659;
	height: 22px;
	padding: 1px 0px 1px 2px;
	width: 190px;
}

.select {
	font-family: Arial;
	font-size: 13px;
	color: #575659;
	height: 22px;
	padding: 1px 0px 1px 0px;
	width: 196px !important;
}

.txtboxAttendenceConflict {
	font-family: Arial;
	font-size: 13px;
	color: #ffffff !important;
	height: 22px;
	border: #e3e0e0 solid 1px;
	padding: 1px 0px 1px 2px;
	background-color: Red;
	font-weight: bold;
}

.txtLbl {
	font-family: Arial;
	font-size: 13px;
	color: #575659;
	background-color: Transparent;
	height: 14px;
	border: none !important;
	border-color: Black;
	padding: 1px 0px 1px 2px;
}

.txtlabel {
	font-family: Arial;
	font-size: 13px;
	color: #575659;
	background-color: Transparent;
	height: 14px;
	border: none !important;
	border-color: Black;
	padding: 1px 0px 1px 2px;
	font-weight: bolder;
}

.txtlabelTextArea{
    font-family: Arial;
	font-size: 13px;
	color: #575659;
	background-color: Transparent;
	height: 14px;
	border: none !important;
	border-color: Black;
	padding: 1px 0px 1px 2px;
	font-weight: bolder;
    vertical-align: top;
    padding-top: 8px;
}

.numeric {
	text-align: right; /*width:50px !important;*/
}



/*------------------------------------------------------------------------------*/
/* Link text */
/*a:link
{
	font-family: Arial;
	font-size: 13px;
	font-weight: normal;
	color: #024A8B;
	text-decoration: none !important;
}*/
a:link {
	font-family: Arial;
	font-size: 13px;
	font-weight: normal;
	color: #024A8B;
	text-decoration: none !important;
	line-height: 19px;
}

a:visited {
	font-family: Arial;
	font-size: 13px;
	font-weight: normal;
	color: #4C4CBA;
	text-decoration: none;
}
/*a:hover
{
	font-family: Arial;
	font-size: 13px;
	font-weight: normal;
	text-decoration: underline !important;
}*/
a:hover {
	font-family: Arial;
	font-size: 13px;
	font-weight: normal;
	border-bottom: 1px solid #024A8B;
}

a:active {
	font-family: Arial;
	font-size: 13px;
	font-weight: normal;
	color: #6f6f71;
	text-decoration: none;
}

th a {
	font-weight: normal !important;
	color: #ffffff !important;
}

	th a:hover {
		text-decoration: 'underline' !important;
	}

.grband a:link {
	color: #D0CCCC;
	text-decoration: underline;
}

.grband a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

/*------------------------------------------------------------------------------*/
/*------------Header Table--------------*/
.master-border /*Border*/ {
	border: #d2d0d0 solid 1px;
	border-bottom: none;
}

.master-BottomBorder /*BottomShadow*/ {
	background-image: url('../Images/bottom-border.jpg');
	height: 36px;
	background-repeat: repeat-x;
}

.master-header {
	background-image: url('../Images/header.jpg');
	height: 46px;
	vertical-align: top;
	background-repeat: repeat-x;
}

.master-header-Red-text {
	font-family: Arial;
	font-size: 16px;
	font-weight: normal;
	color: #ed1c22;
	padding-top: 8px;
	height: 46px;
	text-align: center;
	vertical-align: top;
}

.master-header-Grey-text {
	font-family: Arial;
	font-size: 16px;
	font-weight: normal;
	color: #58585A;
	padding-top: 8px;
	height: 46px;
	text-align: center;
	vertical-align: top;
}

.master-header-Right {
	background-image: url('../Images/headerRight.jpg');
	height: 46px;
	vertical-align: top;
	background-repeat: no-repeat;
}
/*------------------------------------------------------------------------------*/


/*------------Grid--------------*/


.Grid {
	font-family: Arial;
	font-size: 12px;
	color: #6C6E6D;
	border: 1px solid #D5D5D5;
	border-collapse: collapse;
	border-left: none;
	border-right: none;
}

	.Grid td {
		border: none;
		padding: 5px;
		border-bottom: 1px solid #D5D5D5;
	}

	.Grid tr:hover {
		background-color: #FFF1CC;
	}

	.Grid th {
		border: 1px solid #D5D5D5;
		padding: 9px 0px;
		font-weight: normal;
	}

	.Grid .HeadeRow th {
		text-align: left;
		font-size: 13px;
		color: #404043;
		text-decoration: none;
		white-space: nowrap;
		background-color: #6C6E6D;
	}

	.Grid tr th, td a:link {
		font-family: Arial;
		font-size: 12px;
		font-weight: normal;
	}

	.Grid .Row td {
		line-height: 14px;
	}

	.Grid .AlternetRow {
		line-height: 14px;
		background-color: #fff;
	}

	.Grid .Footer td {
		border-width: 1px;
		border-color: #E4E4E4;
		border-style: solid;
		border-left-color: #E4E4E4;
		line-height: 14px;
		color: #666666;
		text-decoration: none;
		font-weight: bolder;
		text-align: center;
	}

.FooterStyle1 {
	border-width: 0px;
	border-color: #E4E4E4;
	border-style: solid;
	border-left-color: #E4E4E4;
	line-height: 14px;
	color: #666666;
	text-decoration: none;
	font-weight: bolder;
	text-align: right;
}

.Grid .EmptyRow td {
	border-style: none;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
}
/*------------------------------------------------------------------------------*/

/*Pop up DIV*/
.PopUpDIV {
	border: thin solid #bfbebe;
	background-color: White;
}

.PopUpDIVHdr {
	background-color: #024A8B;
	background-image: url("../Images/Div/popup-head-bg.gif");
	background-repeat: repeat-x;
	color: #032B8A;
	height: 40px;
	padding-left: 0px;
	padding-right: 10px;
}

.PopUpDIVHdr-Text {
	font-family: Arial;
	font-size: 14px;
	font-weight: normal;
	color: #626264;
	text-align: left;
	vertical-align: middle;
}

.PopUpDIVSubHdr-Text {
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #06348D;
	padding-bottom: 3px;
	text-align: left;
}

.PopUpDIVSubHdr-Line {
	background-color: #bfbebe;
	height: 5px;
}

.PopUpDIVSubTable {
	padding-left: 10px;
	padding-right: 10px;
}

.PopUpDIVMiddle {
	/*background-color: #f6f6f6;*/
	vertical-align: middle;
}

.PopUpDIVBottom {
	background-color: #bfbebe;
	height: 38px;
}

.PopUpDIVSpace {
	height: 12px;
}

.PopUpModalDIV {
	background-color: #efefef;
	filter: alpha(opacity:70);
	opacity: 0.7;
}

/*------------------------------------------------------------------------------*/
/* For Table */
.Tab {
	font-family: Arial;
	font-size: 10px;
	color: #404043;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #acacac;
	border-bottom-color: #acacac;
	border-left-color: #acacac;
	border-top-color: #acacac;
}

.grband {
	background: none repeat scroll 0 0 #024A8B;
	color: #FFFFFF;
	font-size: 10pt;
	font-weight: bold;
	height: 30px;
	text-align: left;
	vertical-align: middle;
}

.gridH {
	background-color: #024A8B;
	font-size: 9pt;
	color: White;
	height: 32px;
	font-weight: normal;
}

	.gridH:hover {
		background-color: #024A8B !important;
	}

.gridF, .gridF:hover {
	background-color: #022475;
	color: White;
	height: 20px;
	font-weight: bold;
}

	.gridF:hover {
		background-color: #022475 !important;
	}

.gridR {
	background-color: #FFFFCC;
	color: Black;
	height: 30px;
	vertical-align: middle;
}

.gridA {
	background-color: White;
	color: Black;
	height: 30px;
	vertical-align: middle;
}

.gridB {
	background-color: White;
	color: Black;
	height: 30px;
	vertical-align: middle;
}

.gridP {
	background-color: #94989b;
	color: White;
	height: 15px;
}


.gridleft {
	border-left-color: #94989b;
	border-left-style: solid;
	border-left-width: 1px;
}

.gridRight {
	border-right-color: White;
}

.gridboth {
	border-left-color: #94989b;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-color: #94989b;
	border-right-style: solid;
	border-right-width: 1px;
}

.gridLRB {
	border-left-color: #94989b;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-color: #94989b;
	border-right-style: solid;
	border-right-width: 1px;
	border-bottom-color: #94989b;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

.qty {
	text-align: right;
	width: 40px;
}

.modalBackground {
	background-color: #efefef;
	filter: alpha(opacity=90);
	opacity: 0.9;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	position: absolute;
}

.Title {
	background-color: #85BCB6;
	font-size: 14px;
	font-family: Arial;
	color: White;
}

.submit {
	background-color: #6C6E6D;
	border: 1px solid #6C6E6D;
	color: #ffffff;
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	margin: 0 5px 0 5px;
	padding: 7px 14px;
	cursor: pointer;
}

	.submit:hover {
		background-color: #024A8B;
		border: 1px solid #024A8B;
	}

.submitsec {
	background-color: #fff;
	border: 1px solid #6C6E6D;
	color: #575659;
}

	.submitsec:hover {
		background-color: #fff;
		border: 1px solid #024A8B;
		color: #024A8B;
	}

.transparentbutton {
	background-color: transparent;
	text-align: center;
	color: #024A8B;
	background-repeat: no-repeat;
	background-position: left;
	border: none;
	font-weight: normal;
}

.addNew {
	padding: 4px 0 0 25px;
	background-image: url("../Images/addnew.gif");
}

.transparentbutton:hover {
	text-decoration: underline;
	background-color: transparent;
	border: none;
}

.managedoc {
	padding: 4px 0 0 30px;
	background-image: url("../Images/folder_option.png");
}

.shippingDiv {
	border-bottom: 1px solid #94989b;
	border-left: 1px solid #94989b;
	border-right: 1px solid #94989b;
}

-- For Fix Grid-------- .WrapperDiv {
}

.WrapperDiv TH {
	position: relative;
}

.WrapperDiv TR {
	height: 0px;
}

.WrapperDiv TFOOT {
	position: relative;
}

.ScrollContent {
	display: block;
	overflow: auto;
	width: 100%;
	height: 250px;
	border-width: 0px;
	text-align: center;
}

.FixedHeader {
	display: block;
}

.FixedFooter {
	display: block;
}

.grdEmptyRow {
	text-align: Center;
	font-weight: bold;
}

/*---- Panel ----*/

.pnl {
	background-color: #ffffff;
	border: 1px solid #E6E6E6;
}

.pnlheading1 {
	color: #ffffff !important; /*text-transform: uppercase !important;*/
	padding-left: 10px !important;
	font-family: Arial;
}

.lblHeadings {
	color: #575659;
	padding-left: 5px;
	font-weight: bold;
	font-family: Arial;
}

.pnlheading2 {
	color: #ffffff; /*#D0CCCC;*/ /*text-transform: uppercase;*/
	font-family: Arial;
}

.pnlheading3 {
	color: #D0CCCC;
	text-transform: uppercase;
	font-family: Arial;
}

.colRightBorder {
	border-right-style: solid;
	border-right-color: #FFFFFF;
}

.ValidationColor {
	color: transparent !important;
	border-right: 2px solid #B92929;
	padding: 5px 0;
	margin: 0 -4px 0 -5px;
}

.ValidationColorcalib {
	color: transparent !important;
	border-right: 2px solid #B92929;
	padding: 5px 0;
	margin: 0 -4px 0 -9px;
}
.ValidationColorDhtmlxCombo {
	color: transparent !important;
	border-right: 2px solid #B92929;
	padding: 5px 0;
	margin: 0 -4px 0 -7px;
    height:12px;
}

.ValidationColorSelect2 {
	color: transparent !important;
	border-right: 2px solid #B92929;
	padding: 5px 0;
	margin: 0 -4px 0 -7px;
    height:18px;
}
.validationColorTimesheet{
    color: transparent !important;
	border-right: 2px solid #B92929;
	padding: 5px 0;
	margin: 0 -4px 0 -6px;
    height: 15px;
}
/*-----------Timesheet----------*/

.tsboldText {
	padding: 4px;
	font-weight: bold;
}

.tsRedTotal {
	padding: 4px;
	font-weight: bold;
	font-size: 13px;
}

.tsHeader {
	/*padding: 4px;*/
	font-weight: bold;
	background-color: #024A8B;
	color: White;
	font-size: 13px;
}

.tsFeedbackHeader {
	border-right: solid 1px #FFFFFF;
	padding: 4px;
	/*font-weight: bold;*/
	background-color: #024A8B;
	font-family: Arial;
	color: White;
	font-size: 13px;
}

.FooterNote {
	font-family: Tahoma;
	font-size: 12px;
	color: Black;
	font-weight: bold;
	padding-right: 5px;
}

.TimesheetNote {
	font-size: 13px;
	color: Red;
	padding-left: 25px;
}

.FeedbackTableRightBorder {
	border-right: solid 1px #FFFFFF;
}

.FeedbackTableBottomBorder {
	border-bottom: solid 1px #FFFFFF;
}

.tooltip {
	background: url("../Images/black_arrow.png") repeat scroll 0 0 transparent;
	color: #FFFFFF;
	display: none;
	font-size: 12px;
	height: 70px;
	padding: 25px;
	width: 160px;
}

.WebsiteFooter {
	background-color: #6C6E6D;
	color: #ffffff;
	padding: 8px 9px;
}

.help {
	color: #4d4d4d !important;
	text-transform: uppercase !important;
	padding-left: 20px !important;
	font-family: Arial;
	text-align: left;
	vertical-align: top;
	height: 22px;
	font-size: 10pt;
}

.help_new {
	color: white !important;
	text-transform: uppercase !important;
	font-family: Arial;
	text-align: left;
	vertical-align: middle;
	font-size: 10pt;
}

/*****************/
.SetLeftRightMargin {
	margin-left: 20px;
	margin-right: 20px;
}

.VisibleFalse {
	/*    display: none;*/
}

.TooptipDIV {
	border: 1px solid #9C9EA3; /*2px solid #354B87;*/
	background-color: White;
	padding: 5px;
}

.grdAttachment {
	border: 0;
}

.AMSDashboardBorderA {
	/*border: solid 3px #244D7E; 	color: White; 	*/
	padding: 3px;
	cursor: pointer;
	font-size: 12px;
    font-family:Arial
}

    .AMSDashboardBorderA:hover {
        text-decoration: none;
        color: black;
        font-size: 12px;
        font-family: Arial
    }

.AMSDashboardA {
	/* 	color: White; 	*/
	padding: 3px;
	cursor: pointer;
	font-size: 12px;
    font-family:Arial
}

    .AMSDashboardA:hover {
        text-decoration: none;
        color: black;
        font-size: 12px;
        font-family: Arial
    }

.AMSDashBoardBorderDivtd {
    border: 3px solid blue;
    padding: 2px;
    width: 45px;
    color: black;
    margin: 2px 0px 2px 0px;
}

.AMSDashBoardDivtd {
    padding: 4px;
    width: 45px;
    color: black;
    margin: 2px 0px 2px 0px;
}

.GrdANPPadding {
	height: 22px;
}

.InactiveUser {
	color: Red;
}

/* Rad Menu*/
.RadMenu_Mac .link {
	background: none !important;
	color: #ffffff;
}

.RadMenu_Mac .text {
	font-size: 13px !important;
	padding-left: 7px !important;
	padding-right: 7px !important;
}

.RadMenu_Mac .link:hover, .RadMenu_Mac .focused, .RadMenu_Mac .expanded {
	background-color: #004185 !important;
	text-decoration: none !important;
	border-bottom: none;
}

.menu a.link {
	padding: 5px 0px;
	cursor: pointer !important;
}

.RadMenu_Mac .group {
	background: #dadada none !important;
}

/* Calender style */

.ClassicStyle .TitleStyle, .ClassicStyle .TodayStyle {
	background-color: #6C6E6D !important;
}

.ClassicStyle .ListStyle {
	background-color: #DADADA !important;
	color: #333333;
	line-height: 20px;
	font-size: 13px !important;
}

.ClassicStyle .TitleStyle table, .ClassicStyle .TodayStyle .TextStyle {
	color: #fff !important;
	font-size: 13px !important;
}

.ClassicStyle .BodyStyle {
	font-family: Arial !important;
	font-size: 13px !important;
}

.ClassicStyle .TodayStyle .TextStyle {
	cursor: pointer !important;
}

.ClassicStyle .TitleStyle .DropDownStyle, .ClassicStyle .TitleStyle .DropDownOutStyle {
	border: 1px solid transparent;
}

.ClassicStyle .TitleStyle .DropDownOverStyle {
	border-color: #fff !important;
}

.ClassicStyle .ListStyle .OptionOverStyle {
	background-color: #024A8B !important;
	color: #fff;
}

.valsumm {
	background-color: #F8E9E9;
	border: 1px solid #E4BBBC;
	color: B80000;
	width: 100%;
	text-align: left;
}


div.gridbox_dhx_skyblue .xhdr {
	background: none !important;
}

div.gridbox .xhdr {
	background-color: none !important;
}

body:nth-of-type(1) div.gridbox_dhx_skyblue table.hdr tr {
	background: none !important;
}

div.gridbox table.hdr td {
	background-color: none !important;
}

div.gridbox_dhx_skyblue table.hdr td {
	background-color: none !important;
}

/*-------------------------------------------------------------------------------------------------------------------*/

/* Travel Request Employee Form */
.TravelReq_Gridlbl {
	font-weight: bold;
	padding-left: 2px;
}

.ReqType_Air, .ReqType_Car, .ReqType_Hotel, .ReqType_SIM, .ReqType_Forex, .ReqType_Miscellaneous {
	border-bottom: 1px solid black;
}

	/*.ReqType_Air .ToDate, .ReqType_Air .ToTime, .ReqType_Air .Amount, .ReqType_Air .Currency*/
	.ReqType_Air .Amount, .ReqType_Air .Currency {
		display: none;
	}

	.ReqType_Car .ToSrc, .ReqType_Car .Amount, .ReqType_Car .Currency, .ReqType_Car .VisaType {
		display: none;
	}

	.ReqType_Hotel .ToSrc, .ReqType_Hotel .FromTime, .ReqType_Hotel .ToTime, .ReqType_Hotel .Amount, .ReqType_Hotel .Currency {
		display: none;
	}

	.ReqType_SIM .ToSrc, .ReqType_SIM .FromDate, .ReqType_SIM .FromTime, .ReqType_SIM .ToDate, .ReqType_SIM .ToTime, .ReqType_SIM .Amount, .ReqType_SIM .Currency, .ReqType_SIM .Relocation, .ReqType_SIM .VisaType {
		display: none;
	}

	.ReqType_Forex .FromSrc, .ReqType_Forex .ToSrc, .ReqType_Forex .FromDate, .ReqType_Forex .FromTime, .ReqType_Forex .ToDate, .ReqType_Forex .ToTime, .ReqType_Forex .ClientProject, .ReqType_Forex .Billable, .ReqType_Forex .Relocation {
		display: none;
	}

	.ReqType_Miscellaneous .FromSrc, .ReqType_Miscellaneous .ToSrc, .ReqType_Miscellaneous .FromDate, .ReqType_Miscellaneous .FromTime, .ReqType_Miscellaneous .ToDate, .ReqType_Miscellaneous .ToTime, .ReqType_Miscellaneous .Amount, .ReqType_Miscellaneous .Currency, .ReqType_Miscellaneous .Relocation, .ReqType_Miscellaneous .VisaType {
		display: none;
	}

.TravelReq_SubHeader {
	border-top: 1px solid #acacac;
	font-weight: bold;
	font-size: 10px;
}

.viewTravelReq .Edit, .viewTravelReq .Delete {
	display: none;
}

.TravelReq_duplicate {
	color: Red !important;
}
/*************************/

/*.select2-container .select2-choice
{
    width: 90% !important;
}

.select2-container-multi
{
    width: 98% !important;
}

.select2-drop-active
{
    width: 267px !important;
}*/

/******************************************/

.rdlctoolbar table td div {
	background: none !important;
}

	.rdlctoolbar table td div div {
		text-align: right !important;
	}

		.rdlctoolbar table td div div div table td div {
			padding: 0 !important;
		}

			.rdlctoolbar table td div div div table td div div, .rdlctoolbar table td div div div table td div div:hover {
				border: none !important;
			}

			.rdlctoolbar table td div div div table td div div {
				background: url("../RadControls/Menu/Skins/Mac/img/MenuItemBackground.gif") repeat scroll 0 0 #FFFFFF !important;
				color: #333333 !important;
				font-weight: bold !important;
			}

				.rdlctoolbar table td div div div table td div div a {
					color: #333333 !important;
					font-weight: bold !important;
				}

				.rdlctoolbar table td div div div table td div div:hover {
					background: url("../RadControls/Menu/Skins/Mac/img/MainItemBackground.gif") repeat scroll 0 0 #FFFFFF !important;
					color: #fff !important;
					font-weight: bold !important;
					text-decoration: none !important;
				}

				.rdlctoolbar table td div div div table td div div a:hover {
					color: #fff !important;
					font-weight: bold !important;
					text-decoration: none !important;
				}

/******File Upload Common Control****************/
.flpBrowse {
	background-color: ActiveCaption;
	border-radius: 4px;
	color: White;
	font-weight: bold;
	font-size: 12px;
}

.select2-search-field .select2-input {
	width: 100% !important;
}

.float_left {
	float: left;
}

.float_right {
	float: right;
}

.clear {
	clear: both;
}

.padding_right15 {
	padding-right: 15px;
}

.margin_bottom_15 {
	margin-bottom: 15px;
}

.padding_bottom_10 {
	padding-bottom: 10px;
}

.spStaffToolTip {
	padding-left: 10px;
}

	.spStaffToolTip a {
		position: relative;
		top: -10px;
		text-decoration: none;
	}

		.spStaffToolTip a:hover {
			text-decoration: none !important;
			border: none !important;
		}

		.spStaffToolTip a img {
			position: relative;
			top: 6px;
		}

.label {
	float: left;
	width: 32%;
	padding-left: 20px;
	padding-right: 10px;
	padding-top: 5px;
	text-align: right;
}

.value {
	float: left;
	width: 59%;
	text-align: left;
}

.ValidatiorColor {
	color: white !important;
	/*color: #E1E9FC !important;*/
}

#grdPipeline table.obj tr td, #grd_L0 table.obj tr td, #grd_L1 table.obj tr td, #grd_L2 table.obj tr td, #grd_L3 table.obj tr td, #grd_L4 table.obj tr td, #grd_ClosedWon table.obj tr td, #grd_ClosedLost table.obj tr td, #grd_summary table.obj tr td {
    font-size: 13px;
}

.lblAlertNote {
	color: #D24D57;
	font-weight: bold;
}

.TraveloCT_ProspectRecord {
	color: #019875;
}

.TraveloCT_ProspectLegend {
	background-color: #019875;
}

.TraveloCT_ClientRecord {
	color: #6C6E6D;
}

.TraveloCT_ClientLegend {
	background-color: #6C6E6D;
}

.TraveloCT_CommentsBox {
	width: 385px !important;
	border: 1px solid black !important;
	height: 100px !important;
	overflow: auto;
	padding-left: 2px;
}

.TraveloCT_AdditionalTravelers {
	height: 50px;
	width: 200px;
	border: 1px solid black;
	overflow: auto;
	padding-left: 2px;
}

.Red {
	color: red;
}

.DhtmlxV4_Footer {
	padding: 0;
	padding-left: 10px;
	padding-right: 5px;
	background-color: transparent;
	text-align: right;
	font-weight: bold;
}
/*----------------------Cross Seat Allocation----------------------------------------*/

.CS_Cubical_div {
	/* width: 400px;height: 200px;border: 1px solid rgb(120, 119, 119);border-collapse: collapse;margin-bottom: 20px;margin-right: 20px;position: relative;*/
	width: 450px;
	height: 250px;
	border: 1px solid rgb(120, 119, 119);
	border-collapse: collapse;
	margin: auto;
	position: relative;
	text-align: center;
}

.CS_Seat_td {
	/*width: 60px;background-color: rgb(142, 149, 142);height:20px;color:Black;font-family: Arial;font-size: 13px;font-weight: bold;padding: 7px 14px;cursor: pointer;*/
	width: 20%;
	background-color: #D3E6FF;
	border: 1px solid #D9D9D9;
	height: 20px;
	color: Black;
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	cursor: pointer;
}

.CS_Seat_tdTopMiddle {
	border-left: 15px solid white;
	border-right: 15px solid white;
}

.CS_Seat_td_Booked {
	/*width: 60px;background-color: red;color:White;height:20px;font-family: Arial;font-size: 13px;font-weight: bold;padding: 7px 14px;*/
	width: 20%;
	background-color: #E26A6A;
	border: 1px solid #a55151;
	color: White;
	height: 20px;
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
}

.CS_Seat_td_CurrentSel {
	/*width: 60px;background-color: red;color:White;height:20px;font-family: Arial;font-size: 13px;font-weight: bold;padding: 7px 14px;*/
	width: 20%;
	background-color: #FFD884;
	border: 1px solid #C4AF81;
	color: Black;
	height: 20px;
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
}


.CS_Seat_td_MyBooking {
	/*width: 60px;background-color: green;height:20px;color:White;font-family: Arial;font-size: 13px;font-weight: bold;padding: 7px 14px;*/
	width: 20%;
	background-color: #98DD8D;
	border: 1px solid #659e5d;
	color: White;
	height: 20px;
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
}



.hr-light-gray {
	border-top: 1px solid #E6E6E6;
	height: 0px;
	margin: 8px 0px 12px 0px;
}

.rp-ques-input {
	height: 27px !important;
	width: 400px;
	margin-bottom: 15px;
}

.divleft {
	width: 49%;
	float: left;
	padding-top: 20px;
}

.ValidationColor_Cbo {
	color: transparent !important;
	border-right: 2px solid #B92929;
	padding: 3px 0;
	margin: 3px 0 0 0;
	float: left;
}

.float_Left {
	float: left;
}

.center {
	margin: auto;
	width: 60%;
	border: 3px solid #8AC007;
	padding: 10px;
}

CS_Div_hover {
	font-family: Arial;
	font-size: 13px;
	font-weight: normal;
	border-bottom: 1px solid #024A8B;
}

.CS_NextLink {
	font-weight: bold;
	font-size: 17px !important;
	padding-left: 20px !important;
}

#plnDisclaimer p {
	padding: 7px 20px 8px 20px;
	line-height: 22px;
	font-size: 14px;
	color: red;
}

.mandatory {
	content: '*';
	color: red;
}


.gridbox .objbox table tr td .MDL_smartStatus_OuterDataTd,
div.gridbox table.row20px tr td .MDL_smartStatus_OuterDataTd,
div.gridbox_dhx_skyblue.gridbox table.obj.row20px tr td .MDL_smartStatus_OuterDataTd {
	padding: 1px;
	border-radius: 2px !important;
	/*cursor: pointer !important;*/
	line-height: 10px !important;
	height: 10px !important;
}

/*div.gridbox_dhx_skyblue.gridbox table.obj {
    color: inherit !important;
}*/

.gridbox .objbox table tr td .MDL_smartStatus_Emptytd,
div.gridbox table.row20px tr td .MDL_smartStatus_Emptytd,
div.gridbox_dhx_skyblue.gridbox table.obj.row20px tr td .MDL_smartStatus_Emptytd {
	padding: 1px;
	width: 2px !important;
	align: center !important;
	/*padding-right: 2px !important; */
	line-height: 10px !important;
	height: 10px !important;
	border-left-style: none !important;
	border-left-color: inherit !important;
	border-left-width: medium;
	border-right-style: none !important;
	border-right-color: inherit !important;
	border-right-width: medium;
	border-top-style: none !important;
	border-top-color: inherit !important;
	border-top-width: medium;
	border-bottom-style: none !important;
	border-bottom-color: inherit !important;
	border-bottom-width: medium;
}

.gridbox .objbox table tr td .MDL_smartStatus_MonthYear,
div.gridbox table.row20px tr td .MDL_smartStatus_MonthYear,
div.gridbox_dhx_skyblue.gridbox table.obj.row20px tr td .MDL_smartStatus_MonthYear {
	padding: 1px;
	text-align: center !important;
	width: 12px !important;
	border-bottom: 1px solid black !important;
	font-size: 8px !important;
	line-height: 10px !important;
	height: 10px !important;
	border-left-style: none !important;
	border-left-color: inherit !important;
	border-left-width: 0 !important;
	border-right-style: none !important;
	border-right-color: inherit !important;
	border-right-width: 0 !important;
	border-top-style: none !important;
	border-top-color: inherit !important;
	border-top-width: 0 !important;
}



div.gridbox table.row20px tr td .MDL_smartStatus_Img {
	/*width: 12px !important; */
	height: 32px !important;
}

.gridbox .objbox table tr td .MDL_smartStatus_td div.gridbox table.row20px tr td .MDL_smartStatus_td,
div.gridbox_dhx_skyblue.gridbox table.obj.row20px tr td .MDL_smartStatus_td {
	padding: 1px;
	line-height: 10px !important;
	height: 10px;
	width: 10px;
}

.gridbox .objbox table tr td {
	padding-left: 12px !important;
}

#grdMetricsDashboard .objbox table tr td {
	padding-left: 5px !important;
}

.DLDshaboardTabs {
	width: 100px;
	height: 38px;
	border: 1px solid #E1E9FC;
}

.roundCorner-3px {
	border-radius: 3px;
}

#grdAppraisal .grdSubRow {
	padding: 5px;
	font-size: 12px;
	border: 1px solid #A4BED4;
	background-color: lightyellow;
}

#grdAppraisal .dhx_sub_row {
	/*border:none !important;
	padding:0px 0px 3px 15px;
	/*width:86.6% !important;*/
}

/*#grdAppraisal .dhx_sub_row table tr td{
	border:none !important;
}*/

#grdAppraisal .divheading {
	font-size: 13px;
	line-height: 30px;
}

#grdAppraisal .textarea {
	width: 97%;
	height: 80px;
	font-size: 12px;
	line-height: 19px;
	resize: none;
}

.HomePagePnl {
	margin: 0px 5px 0px 5px;
	width: 469px;
}

.txtlbl_newleft {
	padding-left: 20px !important;
	padding-right: 0px !important;
}

.legend_Yellow {
	background-color: Yellow !important;
}

.legend_Red {
	background-color: #FC8888 !important;
	color: white !important;
}

.legend_Blue {
	background-color: #9bb7ff !important;
	color: black !important;
}

.legend_Violet {
	background-color: #9e74a7 !important;
	color: white;
}

.legend_Gray {
	background-color: #C1C1C1 !important;
	color: black;
}

.legend_FaintBlue {
	background-color: #93e4fb !important;
	color: black;
}

.legend_Green {
	background-color: #00A503 !important;
	color: white !important;
}

.QMSDashColorBox {
	padding: 5px 0px;
	display: block;
	text-align: center;
	float: left;
}

.QMSDashColorBox_Left {
	width: 100px;
	margin-right: 10px;
	border-radius: 3px;
}

.QMSDashColorBox_Right {
	width: 100px;
	border-radius: 3px;
}

.QMSDashColorBox_lbl {
	width: 140px;
	display: block;
	float: left;
	padding: 5px 0px;
}

.Margin_Top_8 {
	margin-top: 8px;
}

.padding_left_10 {
	padding-left: 10px;
}

.margin_left_10 {
	margin-left: 10px;
}

.margin_left_12 {
	margin-left: 12px;
}

.margin_right_30 {
	margin-right: 30px;
}

.padding_right_10 {
	padding-right: 10px;
}

.margin_right_10 {
	margin-right: 10px;
}

.margin_bottom_10 {
	margin-bottom: 10px;
}

.clear {
	clear: both;
}

.legend {
	border-radius: 3px;
	padding: 3px 6px;
}

.legend_curvebox {
	border-radius: 3px !important;
	padding: 3px !important;
	text-transform: capitalize !important;
}

.legend_orange {
	color: white !important;
	background-color: #FFA500 !important;
	border: 1px solid #FFA500 !important;
}

.legend_red_forecolor {
	color: #FC8888 !important;
	border: 1px solid #FC8888 !important;
}

.legend_darkred_forecolor {
	color: red !important;
	border: 1px solid red !important;
}

.legend_green_forecolor {
    border: 1px solid green; 
    color: green;
}

.legend_greenProspect {
    border: 1px solid #019875; 
    color: #019875;
}

.legend_orangeText {
    border: 1px solid #FFA500; 
    color: #FFA500;
}

.legend_grey {
	color: black !important;
	background-color: #CFCFCF !important;
	border: 1px solid #CFCFCF !important;
}

.legend_grey_forecolor {
    border: 1px solid #CFCFCF; 
    color: #CFCFCF;
}

.legend_blue_forecolor {
    border: 1px solid blue; 
    color: blue;
}

.legend_Darkblue_forecolor {
    border: 1px solid rgb(2, 74, 139); 
    color: rgb(2, 74, 139);
}

.Darkblue_forecolor {
	color:  rgb(2, 74, 139);
}

.red_forecolor {
	color: #FC8888 !important;
}

.red_icons_forecolor {
	color: red !important;
}

.green_icons_forecolor {
	color: green !important;
}

.gray_icons_forecolor {
	color: gray !important;
}

.blue_icons_forecolor {
	color: skyblue !important;
}

.orange_bk {
	color: white !important;
	background-color: #FFA500 !important;
}

.orange_bk_only {
	background-color: #FFA500 !important;
}

.sectionleftsidenotes {
	text-align: left !important;
	padding-left: 18px !important;
}

.wrap_text {
	height: auto !important;
	white-space: normal !important;
	overflow: none !important;
}

.calitextarealeft {
	font-family: Verdana;
	font-size: 11px;
	color: #6d6b6b;
	padding: 1px 0px 1px 2px;
	width: 95%;
	height: 140px;
	font-size: 13px;
	margin-left: 3px;
}

.calitextarearight {
	font-family: Verdana;
	font-size: 11px;
	color: #6d6b6b;
	padding: 1px 0px 1px 2px;
	width: 99%;
	height: 140px;
	font-size: 13px;
	margin-left: 3px;
}

.rfvFloat div, .rfvFloat span {
	float: left;
}

.grayBorder {
	border: 1px solid #E6E6E6 !important;
}

.txtbox_select {
    font-family: Arial !important;
    font-size: 13px !important;
	width: 191px;
	cursor: pointer;
	border: 1px solid #aaa;
	text-align: left;
	white-space: nowrap;
	height: 22px !important;
	text-decoration: none;
	/*-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;*/
    padding: 1px 0px 1px 2px !important;
	background-color: #fff;
	color: #444 !important;
}

.MDLFRLatestStatus {
	width: 51px;
	text-align: center;
	border-radius: 3px;
	margin: 2px 0px 2px 0px;
}

.MDLFRStatus {
	float: left;
	width: 51px;
	margin: 2px 7px 2px 0px;
	border-radius: 3px;
}

.MDLFRStatusTooltip {
	float: left;
	padding: 2px 8px 2px 6px;
	border-radius: 3px;
	text-align: center;
	margin: 1px 5px;
	cursor: pointer;
}

.customFieldset {
	border-top: 1px solid #e6e6e6;
	border-bottom: none;
	border-left: none;
	border-right: none;
	margin: 0px 10px;
    padding:0;
    padding-left: 0px;
}

	.customFieldset legend {
		position: relative;
		left: -7px;
	}

		.customFieldset legend span {
			color: #575659;
		}

.customFieldsetWithPadding {
    border-top: 1px solid #e6e6e6;
	border-bottom: none;
	border-left: none;
	border-right: none;
	margin: 0px 10px 20px 0px;
    padding:0;
    padding-left: 0px;
}

.customFieldsetWithPadding legend {
		position: relative;
		left: -7px;
	}

		.customFieldsetWithPadding legend span {
			color: #575659;
		}

.customFieldsetWithoutMargin {
	border-top: 1px solid #e6e6e6;
	border-bottom: none;
	border-left: none;
	border-right: none;
	margin: 0px;
    padding:0px;
    padding-left: 0px;
}

	.customFieldsetWithoutMargin legend {
		position: relative;
		left: -7px;
	}

		.customFieldsetWithoutMargin legend span {
			color: #575659;
		}

.customFieldsetWithTable {
    border: none;
    border-top: 1px solid #e6e6e6;
    padding-left: 0px;
    padding-right: 0px;
}
.divClosedReview {
	float: right;
	padding-top: 5px;
	text-align: center;
	margin-left: 10px;
	height: 21px;
	width: 36px;
	font-size: 11px;
}

.lblClosedReview {
	float: right;
	margin-left: 10px;
	padding: 4px 0px 10px 10px;
	height: 15px;
	color: black;
}

.divTravelDate {
	float: right; padding-top: 5px; text-align: center; margin-left: 10px; height: 21px; width: 75px; font-size: 11px; 
}

.table-wrapper {
	position: relative;
}

.table-scroll 
{    
    height: 125px;
    overflow: auto;
    margin-top: 1px;
}

.table-scrollQMSAnp 
{    
    height: 125px;
    overflow: auto;
    margin-top: 1px;
}

.table-wrapper table {
	width: 100%;
}

	.table-wrapper table thead th .text {
		position: absolute;
		top: -20px;
		z-index: 2;
		height: 20px;
		width: 35%;
		border: 1px solid red;
	}

.grid_scroll {
	overflow: auto;
	height: 150px;
	border: solid 1px orange;
	position: relative;
}
/*Hide Link Button underline */
.noLine {
	color: blue;
	text-decoration: none;
	cursor: pointer;
	border: none !important;
}

	.noLine :hover {
		color: blue;
		text-decoration: none !important;
		cursor: pointer;
		border: none !important;
	}

.noborder {
	border: 0 !important;
}


.ms-choice {
    display: block;
    width: 100%;
    height: 26px !important;
    padding: 0;
    overflow: hidden;
    cursor: default !important;
    border: 1px solid #aaa;
    text-align: left;
    white-space: nowrap;
    line-height: 23px;
    color: #444;
    text-decoration: none;
    /*-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px; Commented By Amit Tank for removing radius border from control*/
    background-color: #fff;
    top: -1px !important;
    position: relative !important;
}

.ms-choice > span {
    position: absolute;
    top: 0;
    left: 0;
    right: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    padding-left: 8px;
	color: #575659 !important;
    font-family: Arial !important;
    font-size: 13px !important;
	font-weight:normal !important;
	margin:0px;
}

.ms-choice > span.placeholder {
    color: #575659 !important;
}

.ms-drop {
    color: #575659 !important;
}

.ms-choice > div {
    right: -2px !important;
}

 .txtLbl_PMP {
     font-weight: bold !important;
}

#grdFCOwnerInvoice div.gridbox .ftr, #grdFCOwnerInvoice div.gridbox .ftr table {
	height:40px;
}

#grdFCOwnerInvoice div.gridbox .ftr table tbody > tr {
	height:0px !important;
}

#grdFCOwnerInvoice div .ftr {
	height:45px;
}

#grdFCOwnerInvoice div .ftr table {
	height:43px;
}

.FCOwnerInvFooter {
	background-color:#024a8b;
	color:white;
	height:32px;
}

.tblpadding tr td {
	padding:0px 5px;
}

.legend_LightGreen {
	background-color: #e6ffe6 !important;
}

.CustomNoteEC {
    font-size: 12px; 
    color: #022475; 
    font-weight: bold;
}

.width20 {
    width: 20%;
}

.width30 {
    width: 30%;
}

.width50 {
    width: 50%;
}

.width80 {
    width: 80%;
}

.vtop {
    vertical-align: top;
    padding: 7px 0px 2px 0px;
}

.textOnTopOfBox {
    padding: 2px 0px 2px 0px;
}

.calibrationheader {
	text-decoration:underline;
	font-size:13px;
}

.calibrationLink {
	position:relative;
	left:-15px;	
}

.legend_ApprForm_Yellow {
	background-color: #ffffc1 !important;
    border: 1px solid #ffffc1;
}

.colorblack {
	color:black !important;
}

textarea.dhx_combo_edit
{
    overflow:auto !important;
}

.dhtmlx_txt_multiline textarea.dhx_combo_edit
{
    overflow:auto !important;
    height:240px !important;
}

/*.dhtmlx_txt_multiline_focused_account textarea.dhx_combo_edit
{
    overflow:auto !important;
    vertical-align:top !important;
    min-height:120px !important;
}*/

.dhtmlx_FocusedAccount_row {
    height: 30px;
    /*min-height: 122px;
    height: 122px;*/
}

div.gridbox table.obj td.group_row
{
    vertical-align:middle;
    font-family:Tahoma;
    font-size:10pt;
    font-weight:bold;
    height:30px !important;
    border:0;
    border-bottom:2px solid navy !important;
    background:#e0e0e0 !important;
}

.txtboxAttendenceReqHrs
{   
    color: #a0a0a0 !important;
    background-color: #e6ffe6;  
    text-align:center;
    border-radius: 3px; 
    padding: 3px; 
}  /*height: 14px;  border: #e3e0e0 solid 1px;  */

.falink:before {
    content: "\f08e" !important;
    font-family:'FontAwesome' !important;
    font-size:16px !important;
}

.falocation:before {
    content: "\f124" !important;
    font-family:'FontAwesome' !important;
    font-size:16px !important;
}

.fabars:before {
    content: "\f0c9" !important;
    font-family:'FontAwesome' !important;
    font-size:16px !important;
}

.facalendar:before {
    content: "\f073" !important;
    font-family:'FontAwesome' !important;
    font-size:16px !important;
}

.facheck:before {
    content: "\f00c" !important;
    font-family:'FontAwesome' !important;
    font-size:16px !important;
}

.facomment:before {
    content: "\f075" !important;
    font-family:'FontAwesome' !important;
    font-size:16px !important;
}

.facommento:before {
    content: "\f0e5" !important;
    font-family:'FontAwesome' !important;
    font-size:16px !important;
}

.fadownload:before {
    content: "\f019" !important;
    font-family:'FontAwesome' !important;
    font-size:16px !important;
}

.faexclamationtriangle:before {
    content: "\f071" !important;
    font-family:'FontAwesome' !important;
    font-size:16px !important;
}

.faeye:before {
    content: "\f06e" !important;
    font-family:'FontAwesome' !important;
    font-size:16px !important;
}

.fafiletext:before {
    content: "\f15c" !important;
    font-family:'FontAwesome' !important;
    font-size:16px !important;
}

.fafiletexto:before {
    content: "\f0f6" !important;
    font-family:'FontAwesome' !important;
    font-size:16px !important;
}

.faglobe:before {
    content: "\f0ac" !important;
    font-family:'FontAwesome' !important;
    font-size:16px !important;
}

.fahistory:before {
    content: "\f1da" !important;
    font-family:'FontAwesome' !important;
    font-size:16px !important;
}

.fainfocircle:before {
    content: "\f05a" !important;
    font-family:'FontAwesome' !important;
    font-size:16px !important;
}

.fapencil:before {
    content: "\f040" !important;
    font-family:'FontAwesome' !important;
    font-size:16px !important;
}

.faplay:before {
    content: "\f04b" !important;
    font-family:'FontAwesome' !important;
    font-size:16px !important;
}

.fapluscircle:before {
    content: "\f055" !important;
    font-family:'FontAwesome' !important;
    font-size:16px !important;
}

.faplussquare:before {
    content: "\f0fe" !important;
    font-family:'FontAwesome' !important;
    font-size:16px !important;
}

.fathumbsodown:before {
    content: "\f088" !important;
    font-family:'FontAwesome' !important;
    font-size:16px !important;
}

.fathumbsoup:before {
    content: "\f087" !important;
    font-family:'FontAwesome' !important;
    font-size:16px !important;
}

.fathumbsup:before {
    content: "\f164" !important;
    font-family:'FontAwesome' !important;
    font-size:16px !important;
}

.fatimes:before {
    content: "\f00d" !important;
    font-family:'FontAwesome' !important;
    font-size:16px !important;
}

.fatrash:before {
    content: "\f1f8" !important;
    font-family:'FontAwesome' !important;
    font-size:16px !important;
}

.fatrasho:before {
    content: "\f014" !important;
    font-family:'FontAwesome' !important;
    font-size:16px !important;
}

.faupload:before {
    content: "\f093" !important;
    font-family: 'FontAwesome' !important;
    font-size: 16px !important;
}

.fawarning:before {
    content: "\f071" !important;
    font-family:'FontAwesome' !important;
    font-size:16px !important;
}

.faphone:before {
    content: "\f095" !important;
    font-family:'FontAwesome' !important;
    font-size:16px !important;
}

.fafilewordo:before {
    content: "\f1c2" !important;
    font-family:'FontAwesome' !important;
    font-size:16px !important;
}

.faenvelopeo:before {
    content: "\f003" !important;
    font-family:'FontAwesome' !important;
    font-size:16px !important;
}

.fashare:before {
    content: "\f045" !important;
    font-family:'FontAwesome' !important;
    font-size:16px !important;
}

.fasave:before {
    content: "\f0c7" !important;
    font-family:'FontAwesome' !important;
    font-size:16px !important;
}

.fapdf:before {
    content: "\f1c1" !important;
    font-family:'FontAwesome' !important;
    font-size:16px !important;
}


.faminuscircle:before {
    content: "\f056" !important;
    font-family:'FontAwesome' !important;
    font-size:16px !important;
}

.faidbadge:before {
    content: "\f2c1" !important;
    font-family:'FontAwesome' !important;
    font-size:16px !important;
}

.faRedColor {
    color: #FC8888 !important;
}

.faGreenColor {
    color: #2C7247 !important;
}

.faGreyColor {
    color: grey !important;
}

.faBlueColor {
    color: skyblue !important;
}

.faYellowColor {
    color: yellow !important;
}

.XMP_MailSentRecord {
	color: #FFA500;
}

.faDarkRedColor {
    color: rgb(192,0,0) !important;
}

.multiselectStyleforddl {
    padding: 1px 0px 1px 5px;
    width: 190px;
    Color: rgb(87, 86, 89);
    height: 26px;
    vertical-align: middle;
    font-size: 13px;
    font-family: Arial;
    text-overflow: ellipsis;
    border: 1px solid #aaa;
    margin-left: 3px;
}

.multiselectStylefortxt {
    padding: 1px 0px 1px 7px !important;
    width: 182px;
    Color: rgb(87, 86, 89) !important;
    height: 20px;
    vertical-align: middle;
    font-size: 13px !important;
    font-family: Arial !important;
    text-overflow: ellipsis;
    border: 1px solid #aaa;
    margin-left: 3px;
}
.gridH_rt { /*Class to be used for random tables to assign the similar style of Grid and gridH classed*/
    border-right: 1px solid #D5D5D5;
    padding: 9px 0px;
    font-size: 12px;
    font-weight: normal;
}

.dhtmlxCell_AlignCenter
{
    text-align: center !important;
}

.legend_blue_KSReport {
	color: blue !important;
	border: 1px solid blue !important;
}

.legend_green_KSReport {
	color: #00A503 !important;
	border: 1px solid #00A503 !important;
}

.imgAnchorNoUnderline {
    border-bottom: 0px none !important;
}

.legend_Green_BG {
    padding: 5px 0px;
    background-color: green;
    border: 1px solid green !important;
    /*width: 120px;*/
    display: block;
    text-align: center;
    float: left;
    margin-right: 10px;
    color: white;
    border-radius: 3px;
}

.legend_Yellow_BG {
    padding: 5px 0px;
    background-color: Yellow;
    border: 1px solid Yellow !important;
    /*width: 120px;*/
    display: block;
    text-align: center;
    float: left;
    margin-right: 10px;
    color: black;
    border-radius: 3px;
}

.legend_Orange_BG {
    padding: 5px 0px;
    background-color: #FABE58;
    border: 1px solid #FABE58 !important;
    /*width: 120px;*/
    display: block;
    text-align: center;
    float: left;
    margin-right: 10px;
    color: black;
    border-radius: 3px;
}

.legend_Red_BG {
    padding: 5px 0px;
    background-color: #FC8888;
    border: 1px solid #FC8888 !important;
    /*width: 120px;*/
    display: block;
    text-align: center;
    float: left;
    margin-right: 10px;
    color: white !important;
    border-radius: 3px;
}

.legend_Red_BG_BlackFC {
    padding: 5px 0px;
    background-color: #FC8888;
    border: 1px solid #FC8888 !important;
    /*width: 120px;*/
    display: block;
    text-align: center;
    float: left;
    margin-right: 10px;
    color: black !important;
    border-radius: 3px;
}

.legend_Peach_BG {
    padding: 5px 0px;
    background-color: #ffcba4;
    border: 1px solid #ffcba4 !important;
    /*width: 120px;*/
    display: block;
    text-align: center;
    float: left;
    margin-right: 10px;
    color: black;
    border-radius: 3px;
}

.legend_Red_FC {
    padding: 5px 0px;
    border: 1px solid Red !important;
    /*width: 120px;*/
    display: block;
    text-align: center;
    float: left;
    margin-right: 10px;
    color: Red;
    border-radius: 3px;
}

.legend_NavyBlue_FC {
    padding: 5px 0px;
    border: 1px solid #024a8b !important;
    /*width: 120px;*/
    display: block;
    text-align: center;
    float: left;
    margin-right: 10px;
    color: #024a8b;
    border-radius: 3px;
}

.legend_Blue_FC {
    padding: 5px 0px;
    background-color: white;
    border: 1px solid blue !important;
    /*width: 120px;*/
    display: block;
    text-align: center;
    float: left;
    margin-right: 10px;
    color: blue;
    border-radius: 3px;
}

.legend_Green_FC {
    padding: 5px 0px;
    border: 1px solid #00A503 !important;
    /*width: 120px;*/
    display: block;
    text-align: center;
    float: left;
    margin-right: 10px;
    color: #00A503;
    border-radius: 3px;
}

.centrict_change_lbl {
    font-family: Arial;
    font-size: 13px;
    color: red;
}

.centrict_change_link {
    font-family: Arial !important;
    font-size: 13px !important;
    font-weight: normal !important;
    color: #024A8B !important;
    text-decoration: none !important;
    line-height: 19px !important;
}

.legend_darkorchid_forecolor {
    color: darkorchid !important;
    border: 1px solid darkorchid !important;
}

.fixMultiSelect {
    padding: 1px 0 1px 0;  
}

.fixValidationTxtBox {
    float: left;
}

.fixValidationRFV {
    float: left;
    overflow: auto;
    padding-left: 4px;
}

.HideVisaDDDetails {
    display:none;
}

.dhtmlx_link {
    color: #024A8B !important;
    cursor: pointer;
}

.legend_DeepSkyBlue_FC {
    padding: 5px 0px;
    border: 1px solid #00BFFF !important;
    /*width: 120px;*/
    display: block;
    text-align: center;
    float: left;
    margin-right: 10px;
    color: #00BFFF;
    border-radius: 3px;
}

.ValidationColorTextArea {
    color: transparent !important;
    border-right: 2px solid #B92929;
    padding: 5px 0;   
}


#datatable_wrapper {
	padding: 0px 20px;
}


div.dt-container .ui-widget-header {
	font-weight: bold !important;
}

.grbandDataTable {
	background: none repeat scroll 0 0 #024A8B;
	color: #FFFFFF;
}

#datatable_wrapper table.dataTable th.dt-type-numeric,
#datatable_wrapper table.dataTable th.dt-type-date,
#datatable_wrapper table.dataTable td.dt-type-numeric,
#datatable_wrapper table.dataTable td.dt-type-date {
	text-align: left;
}

#datatable table.dataTable > tbody > tr > th, table.dataTable > tbody > tr > td {
	padding: 4px 8px !important;
	/* margin: 92px !important; */
}


#datatable_wrapper table.dataTable > thead > tr > th {
	vertical-align: top;
	white-space: nowrap;
	border: solid white;
	border-width: 1px;
}

#datatable_wrapper table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order, table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order, table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order, table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order, table.dataTable thead > tr > td.dt-orderable-asc span.dt-column-order, table.dataTable thead > tr > td.dt-orderable-desc span.dt-column-order, table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order, table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order {
	width: 0px !important;
}

.form-group {
	/*border: 1px solid black;*/
	padding: 0px;
}

.form-inline .form-group {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.form-inline label {
	margin-right: 10px;
	min-width: 100px;
}

.form-inline input select {
	flex: 1;
}

.center-button-group {
	display: flex;
	justify-content: center;
}

	.center-button-group button {
		width: auto;
	}


div.dt-buttons > .dt-button, div.dt-buttons > div.dt-button-split .dt-button {
	border: 1px solid rgb(242 238 238 / 30%) !important;
	background-color: rgb(249 244 244 / 10%) !important;
	background: none !important;
}

.dhx_clist {
	max-height: 200px; /* Set your desired max height in pixels */
	overflow-y: auto; /* Enable vertical scrollbar when content exceeds max-height */
}