@CHARSET "ISO-8859-1";

<style type ="text/css">body, td, th {
	font-size: 100%;
	color: #aeaeae;
	text-align: left;
	vertical-align:top;
}

body {
	margin: 0;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0px;
	background-color: #aeaeae;
	height: 100%;
}

.scroll-container {
  width: 970px;
  overflow: hidden;
  margin: 0 auto;
}

.scrolling-text {
  display: inline-block;
  color: #0202D9;
  font-size: 14px;
  white-space: nowrap;
  animation: scroll-left 75s linear infinite;
}

@keyframes scroll-left {
  from { transform: translateX(10%); }
  to   { transform: translateX(-100%); }
}


.readonly {
	background-color: #DDDDDD !important;
}

.readOnlyL {
	background-color: #f0f0f0;
}

.checkboxLabel {
	font-size: 12px;
}

.label {
	font-size: 12px;
	font-style: normal;
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	text-decoration: none;
}

.tdLabel {
	text-align: left;
	width: 200px;
	text-transform: none;
	text-decoration: none;
}

label {
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: black;
	font-style: normal;
	text-align: left;
	text-transform: none;
}

.redBackground {
	background-color: red !important;
}
.greyBackground {
	background-color: #fff !important;
	color: red !important;
}
.redLabel {
	color: red;
	font-weight: normal;
}

.blueLabel {
	color: blue !important;
}

.systemGeneratedCommentsLabel {
	color: blue !important;
	font-style: italic;
	font-size: 14px;
}

.financialPositionCommentsLabel {
	color: green !important;
	font-style: italic;
	font-weight: bold;
	font-size: 14px;
}

.ratioAnalysisHead,
.ratioAnalysisHead u {
	font-size: 23px;
	font-style: italic;
}

.reportTable td.blueLabel,
.reportTable td.blueLabel b,
.reportTable td.blueLabel u {
	color: blue !important;
}

.reportTable td.systemGeneratedCommentsLabel,
.reportTable td.systemGeneratedCommentsLabel b,
.reportTable td.systemGeneratedCommentsLabel u {
	color: blue !important;
	font-style: italic;
	font-size: 14px;
}

.whiteLabel {
	color: white;
}

.greenLabel {
	color: green;
	font-weight: normal;
}

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

td {
	font-size: 12px;
}

.fullwidth {
	width: 100% !important;
}

label[for="idCustomerGroup"] {
	color: blue;
}
label[for="idCustomerGroupRed"] {
	color: red;
}



a:link {
	text-decoration: none;
	color: 000;
}

a:visited {
	text-decoration: none;
	color: 000;
}

a:hover {
	text-decoration: none;
}
.pointer{
	cursor:pointer;
}

.formTable td label {
	float: right;
}

.footer {
	background-color: #323232;
	height: 45px;
	padding: 10px;
	color: #ccc;
	font-size: 10px;
}

.topTD {
	background-color: #386e88;
	height: 10px;
}

.topPanel {
	float: right;
	margin-right: 0px;
}

.topPanel div {
	height: inherit;
	background-image: url(../images/topPanelCenter.gif);
	height: 28px;
}

.topPanel #left {
	background-image: url(../images/topPanelLeft.gif);
	width: 7px;
	float: left;
}

.topPanel #center {
	background-image: url(../images/topPanelCenter.gif);
	background-repeat: repeat-x;
	float: left;
	padding: 5px;
	color: #FFFFFF;
	font-size: 12px
}

.topPanel #right {
	background-image: url(../images/topPanelRight.gif);
	width: 7px;
	float: left;
}

.topBanner {
	background-color: #FFFFFF;
	background-image: url(../images/topBannerBg.jpg);
	background-repeat: no-repeat;
	background-position: right;
}

.topBanner a:link {
	text-decoration: none;
	color: fff;
}

.topBanner a:visited {
	text-decoration: none;
	color: fff;
}

.topBanner a:hover {
	text-decoration: none;
}

.bottomPanel {
	float: right;
	vertical-align: bottom;
	margin-bottom: 0px;
	margin-right: 15px;
}

.bottomPanelTr {
	color: black;
	font: 11px Arial, Helvetica, sans-serif;
}

.tabProp {
	width: 100%;
	background-color: #f7f7f7;
	margin: 5px auto;
}

.tabPropDu {
	width: 1000;
	background-color: #f7f7f7;
	margin: 5px auto;
}


.tabPropReport {
	width: 600px;
	background-color: #f7f7f7;
	margin: 5px auto;
}

.tabFrame {
	width: 100%;
	background-color: #f7f7f7;
	margin: 5px auto;
}

.subTabProp {
	width: 940px;
	background-color: #f7f7f7;
	margin: 5px;
}

.labelProp {
	text-align: left;
	background-color: #f7f7f7;
	height: 19px;
}

.pageProp {
	background-color: #FFFFFF;
	width: 100%;
}

.pageProp1 {
	background-color: #FFFFFF;
	width: 100%;
}

.loanSecuritiesSectionWrap {
	overflow-x: hidden;
	/* clip sideways only: with "hidden" the browser also clips vertically, which cut off the header tooltips */
	overflow-x: clip;
	overflow-y: visible;
	max-width: 100%;
	width: 100%;
	box-sizing: border-box;
	min-width: 0;
}

.loanSecuritiesSectionWrap table.GridTableInner1 {
	max-width: 100%;
	box-sizing: border-box;
}

.loanSecuritiesSectionWrap table.GridTableInner1#mytable {
	table-layout: fixed;
	width: 100%;
}
.loanSecuritiesSectionWrap table.GridTableInner1#mytable .priSecColChargeHdr,
.loanSecuritiesSectionWrap table.GridTableInner1#mytable .priSecColCharge {
	width: 12%;
	min-width: 0;
	box-sizing: border-box;
	overflow: hidden;
}
.loanSecuritiesSectionWrap table.GridTableInner1#mytable .priSecColLimit {
	width: 22%;
	min-width: 0;
	box-sizing: border-box;
	word-wrap: break-word;
	overflow-wrap: break-word;
}

/* Primary security entry grid */
.primarySecurityEntryGrid {
	table-layout: fixed;
	width: 100%;
	box-sizing: border-box;
}
.primarySecurityEntryGrid .priSecColLimit {
	width: 22%;
	min-width: 0;
	box-sizing: border-box;
	vertical-align: middle;
}
.primarySecurityEntryGrid .priSecColDesc {
	width: 14%;
	min-width: 0;
	box-sizing: border-box;
	vertical-align: middle;
}
.primarySecurityEntryGrid .priSecColProposedExisting {
	width: 8%;
	min-width: 0;
	box-sizing: border-box;
	vertical-align: middle;
}
.primarySecurityEntryGrid .priSecColChargeHdr,
.primarySecurityEntryGrid .priSecColCharge {
	width: 12%;
	min-width: 0;
	box-sizing: border-box;
}
.primarySecurityEntryGrid .priSecColValueHdr,
.primarySecurityEntryGrid .priSecColValue {
	width: 14%;
	min-width: 0;
	box-sizing: border-box;
}
.primarySecurityEntryGrid .priSecColPresentSub,
.primarySecurityEntryGrid .priSecColProposedSub {
	width: 7%;
	min-width: 0;
	box-sizing: border-box;
}
.primarySecurityEntryGrid .priSecColPresentSubWide {
	width: 14%;
	min-width: 0;
	box-sizing: border-box;
}
.primarySecurityEntryGrid .priSecColExcessHdr,
.primarySecurityEntryGrid .priSecColExcess {
	width: 12%;
	min-width: 0;
	box-sizing: border-box;
}
.primarySecurityEntryGrid .priSecColAdditionalHdr,
.primarySecurityEntryGrid .priSecColAdditional {
	width: 8%;
	min-width: 0;
	box-sizing: border-box;
}
.primarySecurityEntryGrid .priSecColAdditionalReschedHdr,
.primarySecurityEntryGrid .priSecColAdditionalResched {
	width: 8%;
	min-width: 0;
	box-sizing: border-box;
}
.primarySecurityEntryGrid .priSecColHypHdr,
.primarySecurityEntryGrid .priSecColHyp {
	width: 13%;
	min-width: 0;
	box-sizing: border-box;
}
.primarySecurityEntryGrid .priSecColLimit textarea,
.primarySecurityEntryGrid .priSecColDesc textarea,
.primarySecurityEntryGrid .priSecColLimit table,
.primarySecurityEntryGrid .priSecColDesc table {
	width: 100% !important;
	max-width: 100%;
	box-sizing: border-box;
}
.primarySecurityEntryGrid .priSecColCharge {
	overflow: hidden;
}
.primarySecurityEntryGrid .priSecColCharge table,
.primarySecurityEntryGrid .priSecColCharge td {
	width: 100% !important;
	max-width: 100%;
	box-sizing: border-box;
}
.primarySecurityEntryGrid .priSecColCharge select,
.primarySecurityEntryGrid .priSecColCharge #idChargeCodeNo {
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box;
}

/* Collateral security entry grid */
.collateralSecurityEntryGrid {
	table-layout: fixed;
	width: 100%;
	box-sizing: border-box;
}
.collateralSecurityEntryGrid .collSecColDesc {
	width: 32%;
	min-width: 0;
	box-sizing: border-box;
	vertical-align: middle;
}
.collateralSecurityEntryGrid .collSecColLiquidHdr,
.collateralSecurityEntryGrid .collSecColLiquid {
	width: 8%;
	min-width: 0;
	box-sizing: border-box;
}
.collateralSecurityEntryGrid .collSecColNameHdr,
.collateralSecurityEntryGrid .collSecColName {
	width: 14%;
	min-width: 0;
	box-sizing: border-box;
}
.collateralSecurityEntryGrid .collSecColMobileHdr,
.collateralSecurityEntryGrid .collSecColMobile {
	width: 9%;
	min-width: 0;
	box-sizing: border-box;
}
.collateralSecurityEntryGrid .collSecColChargeHdr,
.collateralSecurityEntryGrid .collSecColCharge {
	width: 11%;
	min-width: 0;
	box-sizing: border-box;
}
.collateralSecurityEntryGrid .collSecColValueHdr,
.collateralSecurityEntryGrid .collSecColValue {
	width: 12%;
	min-width: 0;
	box-sizing: border-box;
}
.collateralSecurityEntryGrid .collSecColPresentSub,
.collateralSecurityEntryGrid .collSecColProposedSub {
	width: 6%;
	min-width: 0;
	box-sizing: border-box;
}
.collateralSecurityEntryGrid .collSecColAgreementHdr,
.collateralSecurityEntryGrid .collSecColAgreement {
	width: 8%;
	min-width: 0;
	box-sizing: border-box;
}
.collateralSecurityEntryGrid .collSecColDesc textarea,
.collateralSecurityEntryGrid .collSecColName input,
.collateralSecurityEntryGrid .collSecColDesc table,
.collateralSecurityEntryGrid .collSecColName table {
	width: 100% !important;
	max-width: 100%;
	box-sizing: border-box;
}

/* Additional security entry grid: prevent Sl.No column from absorbing free space (was ~40% with table-layout:auto + Value td width:1%) */
.additionalSecurityEntryGrid {
	table-layout: fixed;
	width: 100%;
	box-sizing: border-box;
}
.additionalSecurityEntryGrid .addSecColSl {
	width: 48px !important;
	max-width: 52px !important;
	min-width: 40px;
	box-sizing: border-box;
	vertical-align: middle;
}
.additionalSecurityEntryGrid .addSecColSl table {
	width: auto !important;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.additionalSecurityEntryGrid .addSecColSl input.textfield3,
.additionalSecurityEntryGrid .addSecColSl input[type="text"] {
	width: 42px !important;
	max-width: 46px !important;
	min-width: 0;
	box-sizing: border-box;
	text-align: center;
}
.additionalSecurityEntryGrid .addSecColDesc {
	width: 47%;
	min-width: 120px;
	box-sizing: border-box;
}
.additionalSecurityEntryGrid .addSecColDesc table {
	width: 100%;
	box-sizing: border-box;
}
.additionalSecurityEntryGrid .addSecColDesc textarea {
	width: 100% !important;
	max-width: 100%;
	box-sizing: border-box;
}
.additionalSecurityEntryGrid .addSecColName {
	width: 19%;
	min-width: 100px;
	box-sizing: border-box;
}
.additionalSecurityEntryGrid .addSecColMobile {
	width: 13%;
	min-width: 80px;
	box-sizing: border-box;
}
.additionalSecurityEntryGrid .addSecColChargeHdr,
.additionalSecurityEntryGrid .addSecColCharge {
	width: 13%;
	min-width: 100px;
	box-sizing: border-box;
}
.additionalSecurityEntryGrid .addSecColValueHdr,
.additionalSecurityEntryGrid .addSecColValue {
	width: 25%;
	min-width: 112px;
	box-sizing: border-box;
}
.additionalSecurityEntryGrid .addSecColPresentSub,
.additionalSecurityEntryGrid .addSecColProposedSub {
	width: 12%;
	min-width: 56px;
	box-sizing: border-box;
}
.additionalSecurityEntryGrid .addSecColPresentSubWide {
	width: 25%;
	min-width: 112px;
	box-sizing: border-box;
}
.additionalSecurityEntryGrid .addSecColProposedHdr,
.additionalSecurityEntryGrid .addSecColProposed {
	width: 12%;
	min-width: 72px;
	box-sizing: border-box;
}
.additionalSecurityEntryGrid .addSecColExcessHdr,
.additionalSecurityEntryGrid .addSecColExcess {
	width: 9%;
	min-width: 72px;
	box-sizing: border-box;
}
.additionalSecurityEntryGrid .addSecColHypHdr,
.additionalSecurityEntryGrid .addSecColHyp {
	width: 15%;
	min-width: 120px;
	box-sizing: border-box;
}

.reportProp {
	background-color: #000000;
	width: 970px;
}

.butProp {
	width: 75px;
}

.tdProp {
	background-color: #f7f7f7;
	text-align: right;
}
.tdPropcolorless {
	/* background-color: #f7f7f7; */
	text-align: right;
}

.tdPropew {
	background-color: #f7f7f7;
	text-align: left;
}

.tdPropDup {
	background-color: #f7f7f7;
	text-align: right;
	padding-left: 370px;
}

.trProp {
	text-align: left;
	height: 19px;
}
.trPropcolor1 {
	background-color : #EAEFEF;
	text-align: left;
	height: 19px;
}
.trPropcolor2 {
	background-color : #DBF9FA;
	text-align: left;
	height: 19px;
}

.tdRight {
	float: right;
}

.tr1Prop {
	text-align: left;
	height: 20px;
}

.tdpaddingbalanceSheet {
	padding-left: 5px;
	padding-right: 5px;
}

.tr2Prop {
	text-align: left;
	height: 30px;
}
.trPropnew {
	text-align: left;
	height: 40px;
}
.trDupProp {
	text-align: left;
	height: 40px;
}

.tr3Prop {
	text-align: left;
}

.tr4Prop {
	text-align: left;
	height: 46px;
}

.tableAlign {
	padding: 0px;
	padding-left: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	border-collapse: collapse;
	padding-left: 0px;
}

.ajxProp {
	text-align: center;
	padding-left: 3px;
}

.textareareadOnly {
	font-size: 11px;
	border: 1px solid #9B9A9A;
	background-color: #ddd
}

.textareareadOnly100 {
	font-size: 11px;
	border: 1px solid #9B9A9A;
	background-color: #ddd;
	width: 100%;
}

.textarea {
	font-size: 11px;
	border: 1px solid #9B9A9A;
}

.textarea60 {
	width: 60px;
	font-size: 11px;
	border: 1px solid #9B9A9A;
}

.textarea1 {
	width: 175px;
	height: 40px;
	font-size: 11px;
	border: 1px solid #9B9A9A;
}

.textarea1A {
	float: right;
	width: 175px;
	height: 40px;
	font-size: 11px;
	border: 1px solid #9B9A9A;
}

.textareaNew1 {
	width: 120px;
	height: 40px;
	font-size: 11px;
	border: 1px solid #9B9A9A;
}

.textarea2 {
	width: 600px;
	height: 100px;
	font-size: 11px;
	border: 1px solid #9B9A9A;
}

.textarea4 { 
    width: 1000px;
    height: 60px;
    font-size: 11px;
    border: 1px solid #9B9A9A;

    /* Slight oval corners */
    border-radius: 8px;
}

.textarea-fullwidth {
	width: 100%;
	height: 60px;
	font-size: 11px;
	border: 1px solid #9B9A9A;
}
.textarea-fullwidth1 {
	width: 1200px;
	height: 60px;
	font-size: 11px;
	border: 1px solid #9B9A9A;
}

.textarea-large {
	width: 1000px;
	height: 60px;
	font-size: 11px;
	border: 1px solid #9B9A9A;
}

.textarea5 {
	width: 400px;
	height: 80px;
	font-size: 11px;
	border: 1px solid #9B9A9A;
}

.textarea364 {
	width: 364px;
	height: 80px;
	font-size: 11px;
	border: 1px solid #9B9A9A;
}



.textarea6 {
    border-radius: 8px;      /* slight oval effect */
    padding: 6px;
    border: 1px solid #999;
    outline: none;
}





.textarea7 {
	width: 400px;
	height: 40px;
	font-size: 11px;
	border: 1px solid #9B9A9A;
}

.textarea7100 {
	width: 100%;
	height: 40px;
	font-size: 11px;
	border: 1px solid #9B9A9A;
}

.textarea350 {
	width: 350px;
	height: 40px;
	font-size: 11px;
	border: 1px solid #9B9A9A;
}
.textarea500 {
	width: 500px;
	height: 80px;
	font-size: 11px;
	border: 1px solid #9B9A9A;
}

.textarea450 {
	width: 450px;
	height: 40px;
	font-size: 11px;
	border: 1px solid #9B9A9A;
}

.textarea730 {
	width: 730px;
	height: 80px;
	font-size: 11px;
	border: 1px solid #9B9A9A;
}

.textarea12 {
	width: 589px;
	height: 100px;
	font-size: 11px;
	border: 1px solid #9B9A9A;
}

.textarea22 {
	width: 589px;
	height: 50px;
	font-size: 11px;
	border: 1px solid #9B9A9A;
}

.textarea9 {
	width: 470px;
	height: 80px;
	font-size: 11px;
	border: 1px solid #9B9A9A;
}

.textarea8 {
	width: 1000px;
	height: 200px;
	font-size: 11px;
	border: 1px solid #9B9A9A;
}
.textarea8new {
	width: 100%;
	height: 200px;
	font-size: 11px;
	border: 1px solid #9B9A9A;
}

.textfieldHome {
	color: #669999;
	width: 310px;
	font-size: 11px;
	height: 20px;
	border-top-style: solid;
	border-top-color: rgb(222, 220, 224);
	border-top-width: 1px;
	border-left-style: solid;
	border-left-color: #E6F2FF;
	border-left-width: 1px;
	border-bottom-style: none;
	border-bottom-color: rgb(222, 220, 224);
	border-bottom-width: 1px;
	border-right-style: none;
	border-right-color: rgb(222, 220, 224);
	border-right-width: 1px;
}

.textLabel {
	width: 70px;
	font-size: 11px;
	height: 18px;
	border: 0px;
	font-weight: bold;
}

.textLabel2 {
	width: 175px;
	font-size: 11px;
	height: 18px;
	font-weight: bold;
	border: 0px;
}

.textLabel3 {
	width: 225px;
	font-size: 11px;
	height: 18px;
	font-weight: bold;
	border: 0px;
}

.textLabel4 {
	font-size: 11px;
	height: 18px;
	font-weight: bold;
	border: 0px;
}

.textBold {
	font-weight: bold;
}

.textReadOnly {
	width: 175px;
	font-size: 11px;
	height: 18px;
	border: 1px solid #9B9A9A;
	background-color: rgb(222, 220, 224);
}

.text350ReadOnly {
	width: 350px;
	font-size: 11px;
	height: 18px;
	border: 1px solid #9B9A9A;
	background-color: rgb(222, 220, 224);
}

.textReadOnlyRight {
	width: 175px;
	font-size: 11px;
	height: 18px;
	border: 1px solid #9B9A9A;
	background-color: rgb(222, 220, 224);
	text-align: right;
}

.textRODigit {
	width: 175px;
	font-size: 11px;
	height: 18px;
	border: 1px solid #e5e5e5;
	background-color: rgb(222, 220, 224);
	text-align: right;
	font-weight: bold;
}

.text1ReadOnly280 {
	width: 280px;
	font-size: 11px;
	height: 18px;
	border: 1px solid #9B9A9A;
	background-color: rgb(222, 220, 224);
	text-align: right;
}

.text2ReadOnly280 {
	width: 280px;
	font-size: 11px;
	height: 18px;
	border: 1px solid #9B9A9A;
	background-color: rgb(222, 220, 224);
	text-align: left;
}

.text1ReadOnly {
	font-size: 11px;
	height: 18px;
	border: 1px solid #9B9A9A;
	background-color: rgb(222, 220, 224);
	text-align: right;
}

.text2ReadOnly {
	font-size: 12px;
	height: 16px;
	width: 65px;
	background-color: #E9E9E9;
	color: black;
	text-align: right;
	border: 0px;
}

.text3ReadOnly {
	width: 90px;
	font-size: 11px;
	height: 18px;
	border: 0px solid #9B9A9A;
	background-color: #CAE4FF;
	text-align: right;
	font-weight: bold;
	font-family: Cambria, Times New Roman, serif, Times New Roman, Calibri,
	"Verdana", "Arial", "Helvetica", sans-serif;
}

.text4ReadOnly {
	width: 70px;
	font-size: 9px;
	height: 18px;
	background-color: #f7f7f7;
	text-align: right;
	font-weight: bold;
}

.text5ReadOnly {
	font-size: 13px;
	height: 18px;
	background-color: #A8D3FF;
	color: black;
	text-align: right;
}

.text6ReadOnly {
	width: 65px;
	font-size: 11px;
	text-align: right;
	height: 16px;
	border: 1px solid #9B9A9A;
	background-color: #DDDDDD;
}

.text7ReadOnly {
	width: 65px;
	font-size: 11px;
	text-align: right;
	height: 16px;
	border: 1px solid #9B9A9A;
	background-color: #cccccc;
}

.textfield60 {
	width: 60px;
	font-size: 11px;
	height: 18px;
	border: 1px solid #9B9A9A;
	text-align: left;
}
.textResult {
	width: 175px;
	font-size: 12px;
	height: 25px;
	background-color: #f7f7f7;
	text-align: right;
	font-weight: bold;
	color: blue;
	border: 0px solid #9B9A9A;
}

.textResultRed {
	width: 175px;
	font-size: 12px;
	height: 25px;
	background-color: #f7f7f7;
	text-align: right;
	font-weight: bold;
	color: red;
	border: 0px solid #9B9A9A;
}

.autocomplete {
	width: 175px;
	font-size: 11px;
	height: 18px;
	border: 1px solid #e5e5e5;
}

.textfield {
	width: 175px;
	font-size: 11px;
	height: 18px;
	border: 1px solid #9B9A9A;
}

.textfieldauto {
	width: 400px;
	font-size: 11px;
	height: 18px;
	border: 1px solid #9B9A9A;
}

.textfield40 {
	width: 40px;
	font-size: 11px;
	height: 20px;
	border: 1px solid #9B9A9A;
}

.textfield130 {
	width: 130px;
	font-size: 11px;
	height: 20px;
	border: 1px solid #9B9A9A;
}


.textfield79{
	width: 79px;
	font-size: 11px;
	height: 20px;
	border: 1px solid #9B9A9A;
}
.textfield799{
	width: 50px;
	font-size: 11px;
	height: 20px;
	border: 1px solid #9B9A9A;
}
.textfield100 {
	width: 100px;
	font-size: 11px;
	height: 18px;
	border: 1px solid #9B9A9A;
}

.textfield230 {
	width: 230px;
	font-size: 11px;
	height: 20px;
	border: 1px solid #9B9A9A;
}

.textfield280 {
	width: 280px;
	font-size: 11px;
	height: 18px;
	border: 1px solid #9B9A9A;
}

.textfield350 {
	width: 350px;
	font-size: 11px;
	height: 18px;
	border: 1px solid #9B9A9A;
}

.textfieldRight {
	width: 175px;
	font-size: 11px;
	text-align: right;
	height: 18px;
	border: 1px solid #9B9A9A;
}

.textfieldA {
	float: right;
	width: 175px;
	font-size: 11px;
	height: 18px;
	border: 1px solid #9B9A9A;
}


.textfieldNew {
	width: 150px;
	font-size: 11px;
	height: 18px;
	border: 1px solid #9B9A9A;
}

.textfieldWidth {
	width: 320px;
	font-size: 11px;
	height: 18px;
	border: 1px solid #9B9A9A;
}

.textfieldWidth1 {
	width: 600px;
	font-size: 11px;
	height: 18px;
	border: 1px solid #9B9A9A;
}

.textfieldWidth2 {
	width: 700px;
	font-size: 11px;
	height: 18px;
	border: 1px solid #9B9A9A;
}

.textfieldDigit {
	width: 175px;
	font-size: 11px;
	height: 18px;
	border: 1px solid #9B9A9A;
	text-align: right;
	
}

.textfieldDigit100 {
	width: 100px;
	font-size: 11px;
	height: 18px;
	border: 1px solid #9B9A9A;
	text-align: right;
}

.textfieldDigit280 {
	width: 280px;
	font-size: 11px;
	height: 18px;
	border: 1px solid #9B9A9A;
	text-align: right;
}

.textfieldDigitWidth {
	width: 320px;
	font-size: 11px;
	height: 18px;
	border: 1px solid #9B9A9A;
	text-align: right;
}

.textfieldDigit350 {
	width: 350px;
	font-size: 11px;
	height: 18px;
	border: 1px solid #9B9A9A;
	text-align: right;
}

.textfieldDigitWidth1 {
	width: 600px;
	font-size: 11px;
	height: 18px;
	border: 1px solid #9B9A9A;
	text-align: right;
}

.textfieldDigitA {
	width: 175px;
	font-size: 11px;
	height: 18px;
	border: 1px solid #9B9A9A;
	text-align: right;
	float: right;
}

.textfield1 {
	width: 80px;
	font-size: 11px;
	height: 18px;
	border: 1px solid #9B9A9A;
}

.textfield1Digit {
	width: 80px;
	font-size: 11px;
	height: 18px;
	border: 1px solid #9B9A9A;
	text-align: right;
	background-color: #FFFFFF;
}

.textfield1Digit280 {
	width: 280px;
	font-size: 11px;
	height: 18px;
	border: 1px solid #9B9A9A;
	text-align: right;
}

.textfield1DigitGrey {
	width: 80px;
	font-size: 11px;
	height: 18px;
	border: 1px solid #9B9A9A;
	text-align: right;
	background-color: #DDDDDD;
}

.textfieldGr {
	width: 175px;
	font-size: 11px;
	height: 18px;
	border: 1px solid #9B9A9A;
	background-color: #DDDDDD;
}
.textfieldDigitGrey {
	width: 175px;
	font-size: 11px;
	height: 18px;
	border: 1px solid #9B9A9A;
	text-align: right;
	background-color: #DDDDDD;
}

.textfield1DigitClear {
	width: 80px;
	font-size: 11px;
	height: 18px;
	border: 1px solid #9B9A9A;
	text-align: right;
}

.textfield2 {
	width: 100px;
	font-size: 11px;
	height: 18px;
	border: 1px solid #9B9A9A;
}

.textfield2digit {
	width: 100px;
	font-size: 11px;
	height: 18px;
	border: 1px solid #9B9A9A;
	text-align: right;
}
.textfield2digitMarg {
	width: 100px;
	font-size: 11px;
	height: 18px;
	border: 1px solid #9B9A9A;
	text-align: right;
	margin-left: 1200px;
}

.textfield2digit2 {
	width: 80px;
	font-size: 11px;
	height: 18px;
	border: 1px solid #9B9A9A;
	text-align: right;
}
.textfield2digitRe {
	width: 100px;
	font-size: 11px;
	height: 18px;
	border: 1px solid #9B9A9A;
	background-color: #DDDDDD;
	text-align: right;
}

.textfield2Tx {
	width: 75px;
	font-size: 11px;
	height: 18px;
	border: 1px solid #9B9A9A;
	text-align: left;
}

.textfield2Tx1 {
	width: 175px;
	font-size: 11px;
	height: 18px;
	border: 1px solid #9B9A9A;
	text-align: left;
}

.textfield2digitNW {
	width: 50px;
	font-size: 11px;
	height: 18px;
	border: 1px solid #9B9A9A;
	text-align: right;
}

.textfield2digitNumber {
	width: 100px;
	font-size: 11px;
	height: 18px;
	border: 1px solid #9B9A9A;
	text-align: right;
}

.textfield3digitNumber {
	width: 100px;
	font-size: 11px;
	height: 18px;
	border: 1px solid #9B9A9A;
	text-align: left;
}

.textfield2digitNew {
	width: 150px;
	font-size: 11px;
	height: 18px;
	border: 1px solid #9B9A9A;
	text-align: right;
}

.textfield2digitA {
	width: 50px;
	font-size: 11px;
	height: 18px;
	border: 1px solid #9B9A9A;
	text-align: right;
}

.textfield2digit70 {
	width: 70px;
	font-size: 11px;
	height: 18px;
	border: 1px solid #9B9A9A;
	text-align: right;
}

.textfield2digit5 {
	width: 30px;
	font-size: 11px;
	height: 18px;
	border: 1px solid #9B9A9A;
	text-align: right;
}

.textfield2digit55 {
	width: 60px;
	font-size: 11px;
	height: 18px;
	border: 1px solid #9B9A9A;
	text-align: right;
}

.textfield2digit7 {
	width: 60px;
	font-size: 11px;
	height: 18px;
	border: 1px solid #9B9A9A;
	text-align: right;
}

.textfield2digit71 {
	width: 100px;
	font-size: 11px;
	height: 18px;
	border: 1px solid #9B9A9A;
	text-align: right;
}

.textfield2digit65 {
	width: 65px;
	font-size: 11px;
	height: 18px;
	border: 1px solid #9B9A9A;
	text-align: right;
}

.textfielddigit30 {
	width: 30px;
	font-size: 11px;
	height: 18px;
	border: 1px solid #9B9A9A;
	text-align: right;
}

.textfield3 {
	font-size: 11px;
	height: 18px;
	border: 1px solid #9B9A9A;
}

.textfield3WN {
	width: 30px;
	font-size: 11px;
	height: 18px;
	border: 1px solid #9B9A9A;
}

.textfield3WNN {
	width: 60px;
	font-size: 11px;
	height: 18px;
	border: 1px solid #9B9A9A;
}

.textfield3WN1 {
	width: 120px;
	font-size: 11px;
	height: 18px;
	border: 1px solid #9B9A9A;
}

.textfield3WN1S {
	width: 120px;
	font-size: 11px;
	height: 18px;
	border: 1px solid #9B9A9A;
	text-align: right;
}

.textRight {
	text-align: right;
}

.textfield3Digit {
	font-size: 11px;
	height: 18px;
	border: 1px solid #9B9A9A;
	text-align: right;
}

.textfield3DigitWidth {
	font-size: 11px;
	height: 18px;
	border: 1px solid #9B9A9A;
	text-align: right;
	width: 600px;
}

.textfield4 {
	width: 60px;
	font-size: 11px;
	height: 18px;
	text-align: right;
	font-weight: bold;
	border: 0px solid #CAE4FF;
	background-color: #CAE4FF;
}

.textfield5 {
	width: 200px;
	font-size: 12px;
	height: 18px;
	border: 1px solid #9B9A9A;
	font-weight: bold;
	background-color: #ECF9FF;
	font-family: Cambria, Times New Roman, serif, Times New Roman, Calibri,
	"Verdana", "Arial", "Helvetica", sans-serif;
}

.textfield6 {
	width: 100%;
	font-size: 16px;
	height: 100%;
	border: 0px solid #9B9A9A;
	font-weight: bold;
	background-color: #CAE4FF;
	font-family: Cambria, Times New Roman, serif, Times New Roman, Calibri,
	"Verdana", "Arial", "Helvetica", sans-serif;
}

.textfield13 {
	width: 200px;
	font-size: 11px;
	height: 18px;
	border: 1px solid #9B9A9A;
}

.textfield7 {
	width: 350px;
	font-size: 11px;
	height: 18px;
	border: 1px solid #9B9A9A;
}

.textfieldH25 {
	width: 350px;
	font-size: 11px;
	height: 25px;
	background-color: white;
}

.textfield8 {
	width: 300px;
	font-size: 11px;
	height: 18px;
	border: 1px solid #9B9A9A;
}

.textfield8NW {
	width: 150px;
	font-size: 11px;
	height: 18px;
	border: 1px solid #9B9A9A;
}

.textfield8Dup {
	width: 500px;
	font-size: 11px;
	height: 18px;
	border: 1px solid #9B9A9A;
}

.textfielddup8 {
	width: 450px;
	font-size: 11px;
	height: 18px;
	border: 1px solid #9B9A9A;
}

.textfield-large {
	width: 330px;
	font-size: 11px;
	height: 18px;
	border: 1px solid #9B9A9A;
}

.textfield-large364 {
	width: 364px;
	font-size: 11px;
	height: 18px;
	border: 1px solid #9B9A9A;
}

.textfield9 {
	width: 65px;
	font-size: 11px;
	height: 16px;
	border: 1px solid #9B9A9A;
	text-align: right;
}

.textfield-digit-small {
	width: 55px;
	font-size: 11px;
	height: 18px;
	border: 1px solid #9B9A9A;
	text-align: right;
}

.textfield11 {
	width: 175px;
	font-size: 11px;
	height: 18px;
	font-weight: bold;
	border: 1px solid #9B9A9A;
	text-align: right;
}

.textfield12 {
	width: 75px;
	font-size: 11px;
	text-align: right;
	height: 18px;
	border: 1px solid #9B9A9A;
}

.textfield3DRO {
	font-size: 11px;
	font-weight: bold;
	height: 18px;
	border: 1px solid #9B9A9A;
	text-align: right;
	background-color: #DDDDDD;
}

.textfieldHash {
	font-size: 11px;
	height: 18px;
	border: 1px solid #9B9A9A;
	text-align: right;
	background-color: #DDDDDD;
}

.textfield3RO {
	font-size: 11px;
	font-weight: bold;
	height: 18px;
	border: 1px solid #9B9A9A;
	background-color: #DDDDDD;
}

.texField100H {
	font-size: 11px;
	font-weight: bold;
	height: 100px;
	border: 1px solid #9B9A9A;
	background-color: #DDDDDD;
}

.textDigitReadOnly {
	width: 175px;
	font-size: 12px;
	height: 18px;
	text-align: right;
	background-color: #f7f7f7;
	font-weight: bold;
	color: red;
	border: 0px;
}

.textDigit3ReadOnly {
	font-size: 12px;
	height: 18px;
	text-align: right;
	background-color: #f7f7f7;
	font-weight: bold;
	color: red;
	border: 0px;
}

.textfieldgray {
	width: 100px;
	font-size: 11px;
	height: 18px;
	font-weight: bold;
	text-align: right;
	border-top-style: solid;
	border-top-color: rgb(222, 220, 224);
	border-top-width: 1px;
	border-left-style: solid;
	border-left-color: #E6F2FF;
	border-left-width: 1px;
	border-bottom-style: none;
	border-bottom-color: rgb(222, 220, 224);
	border-bottom-width: 1px;
	border-right-style: none;
	border-right-color: rgb(222, 220, 224);
	border-right-width: 1px;
	background-color: #E9E9E9;
}
.width50{
	width:50px !important;
}

.width15{
	width:15%;
}
.date {
	width: 80px;
	font-size: 11px;
	height: 18px;
	border: 1px solid #9B9A9A;
	text-align: center;
}

input.date.readonly,
input.date.readonly[disabled],
.date.readonly input[type="text"],
.date.readonly input[disabled] {
	background-color: #DDDDDD !important;
}

.date1 {
	width: 150px;
	font-size: 11px;
	height: 18px;
	border: 1px solid #9B9A9A;
	text-align: center;
}

.date2 {
	width: 80px;
	font-size: 11px;
	height: 18px;
	border: 1px solid #9B9A9A;
	text-align: right;
}

.date3 {
	width: 150px;
	font-size: 11px;
	height: 18px;
	border: 1px solid #9B9A9A;
	text-align: right;
	color: red;
}

.dateWidth {
	width: 320px;
	font-size: 11px;
	height: 18px;
	border: 1px solid #9B9A9A;
	text-align: center;
}

.dateWidth152 {
	width: 152px !important;
	font-size: 11px;
	height: 18px;
	border: 1px solid #9B9A9A;
	text-align: center;
}

.href {
	background-image: url(../images/edit.gif);
	background-repeat: no-repeat;
	cursor: pointer;
	padding-right: 1px;
	padding-bottom: 2px;
	padding-left: 5px;
	font-size: 18px;
	font-weight: bold;
	text-indent: 9px;
	color: #3F4196;
	text-decoration: none;
}

.webbutton {
	background-repeat: no-repeat;
	background-image: url(../images/buttonMedium.png);
	width: 88px;
	height: 24px;
	text-align: center;
	border: 0px;
}

.webbuttonDup {
	background-repeat: no-repeat;
	background-image: url(../images/buttonMedium.png);
	width: 210px;
	height: 24px;
	text-align: center;
}

.webbutton1 {
	background-repeat: no-repeat;
	background-image: url(../images/buttonMedium.png);
	width: 120px;
	height: 24px;
	text-align: center;
	border: 0px;
}

.webbutton-mouseover {
	background-image: url(../images/buttonMediumOver.png);
	background-repeat: no-repeat;
	text-align: center;
	border: 0px;
	width: 88px;
	height: 24px;
}

.webbutton1-mouseover {
	background-image: url(../images/buttonMediumOver.png);
	background-repeat: no-repeat;
	text-align: center;
	border: 0px;
	width: 120px;
	height: 24px;
}

.webbuttonDup-mouseover {
	background-image: url(../images/buttonMediumOver.png);
	background-repeat: no-repeat;
	text-align: center;
	width: 210px;
	height: 24px;
}

.webbutton-large {
	background-repeat: no-repeat;
	background-image: url(../images/buttonLarge.png);
	width: 131px;
	height: 24px;
	text-align: center;
	border: 0px;
}

.webbutton-large-mouseover {
	background-image: url(../images/buttonLargeOver.png);
	background-repeat: no-repeat;
	text-align: center;
	border: 0px;
	width: 131px;
	height: 24px;
}

.webpasswordfield {
	border: 1px solid rgb(102, 144, 184);
}

.message {
	color: blue;
	font-weight: bold;
	height: 25px;
}

.tableHead {
	background-color: #CAE4FF;
	font-size: 15px;
	font-weight: bold;
	border: 1px;
	height: 25px;
	text-align: center;
	color: black;
	vertical-align: top;
	font-family: Georgia, Courier New;
}

.tableBackBot {
	background-color: #ececec;
	font-size: 12px;
	font-weight: bold;
	border: 1px;
	height: 12px;
	text-align: center;
	color: black;
	vertical-align: top;
}

.tableFinancial {
	height: 10;
	text-align: left;
	color: black;
	font: 12px Arial, Helvetica, sans-serif;
	border-left: 1px solid #ececec;
	border-right: 1px solid #ececec;
	background-color: #E9E9E9;
	padding-left: 5px;
}
.tableWidth20{
	width: 20%;
}
.tableWidth10{
	width: 10%;
}
.tableSubHead {
	background-color: #CAE4FF;
	font-size: 12px;
	font-weight: bold;
	border: 1px;
	height: 25px;
	text-align: left;
}

.tableSubHead1 {
	background-color: #CAE4FF;
	font-size: 12px;
	font-weight: bold;
	border: 1px;
	height: 25px;
	text-align: left;
	padding-right: 3px;
}

.table {
	background-color: #f7f7f7;
	text-align: left;
	padding-left: 5px;
	border: 1px;
	height: 25px;
}

.rowOdd {
	background-color: #f7f7f7;
	cursor: pointer;
}
.rowOdd1 {
	background-color: #f7f7f7;
}

.rowEven {
	background-color: #f2f2f2;
	cursor: pointer;
}

.rowMouse {
	background-color: #e4eff2;
}

.divLink {
	cursor: hand;
	position: relative;
}

.divLinkDigit {
	cursor: hand;
	position: relative;
	text-align: right;
}

.divLinkZeroDecDigit {
	cursor: hand;
	position: relative;
	text-align: right;
}

.subTitle {
	font-size: 14px;
	font-family: Cambria, serif, Times New Roman, Calibri, "Verdana",
	"Arial", "Helvetica", sans-serif;
	text-align: left;
	background-color: #A8D3FF;
	font-weight: bold;
}

.fieldlabel {
	text-align: left;
	background: url(../images/thBg.gif) repeat-x;
	height: 26px;
	color: black;
	font-weight: bold;
	font-size: 12px;
	padding: 7px 5px 5px 5px;
}
.fieldlabelheight {
	text-align: left;
	background: url(../images/thBg.gif) repeat-x;
	height: 52px;
	color: black;
	font-weight: bold;
	font-size: 12px;
	padding: 7px 5px 5px 5px;
}

.fieldlabelTest {
	text-align: left;
	background: url(../images/thBg.gif) repeat-x;
	height: 26px;
	color: black;
	font-weight: bold;
	font-size: 12px;
	padding: 7px 5px 5px 5px;
}

.fieldTitle {
	font-size: 13px;
	font-weight: bold;
	font-family: Candara, Cambria, serif, Times New Roman, Calibri,
	"Verdana", "Arial", "Helvetica", sans-serif;
	text-align: left;
	height: 25px;
}

.fieldTitle-center {
	font-size: 15px;
	font-weight: bold;
	font-family: Candara, Cambria, serif, Times New Roman, Calibri,
	"Verdana", "Arial", "Helvetica", sans-serif;
	text-align: center;
	height: 25px;
}

.header {
	background-image: url("../images/bank_head_main.jpg");
	background-color: #7C82A4;
	background-repeat: no-repeat;
}

.formTitle {
	color: black;
	font-family: Cambria, serif, "Verdana", "Arial", "Helvetica", sans-serif;
	font-size: 16px;
	font-weight: bold;
	
}
.formNavigation {
	height: 21;
	text-align: left;
	color: black;
	font: 12px Arial, Helvetica, sans-serif;
	background-color: #f7f7f7;
	vertical-align: bottom;
	padding-left: 2px;
}

.formNavigation1 {
	height: 21;
	text-align: left;
	color: black;
	font: 12px Arial, Helvetica, sans-serif;
	background-color: #f7f7f7;
	vertical-align: bottom;
	padding-left: 4px;
}

.formNavigation2 {
	height: 21;
	text-align: left;
	color: black;
	font: 12px Arial, Helvetica, sans-serif;
	background-color: #f7f7f7;
	vertical-align: bottom;
	padding-left: 10px;
}

.formNavigation1 a {
	cursor: hand;
	color: #317fa6;
}

.formNavigation a {
	cursor: hand;
	color: #317fa6;
}

.formHeadBckp {
	background: url(../images/header2Bg.gif) repeat-x;
	height: 41;
	text-align: center;
	color: black;
	font-weight: bold;
	border-left: 1px solid #ececec;
	border-right: 1px solid #ececec;
	background-color: #f7f7f7;
	
}

.formHead {
	background-color: #CAE4FF;
	height: 15;
	text-align: center;
	color: #000000;
	font-weight: bold;
	font-size: 16px;
	border-left: 1px solid #ececec;
	border-right: 1px solid #ececec;
	font-family: Times New Roman;
}


.formHead td u{
	font-size:16px;
}

.headArrow {
	color: #666666;
}

.subHead {
	height: 50px;
	font-size: 18px;
	color: #2894BB;
	font-family: Cambria, serif, "Verdana", "Arial", "Helvetica", sans-serif;
	font-weight: bold;
	text-align: left;
}

.commonHead {
	font-size: 30px;
	color: #7C82A4;
	font-family: Cambria, serif, "Verdana", "Arial", "Helvetica", sans-serif;
	font-weight: bold;
	}

.title {
	font-family: Cambria, serif, "Verdana", "Arial", "Helvetica", sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: black;
}

.desc {
	font-family: Cambria, serif, "Verdana", "Arial", "Helvetica", sans-serif;
	font-size: 12px;
	color: blue;
	text-align: justify;
	margin: 5px;
}

.totalBlack {
	font-family: Cambria, serif, "Verdana", "Arial", "Helvetica", sans-serif;
	font-size: 12px;
	color: black;
	text-align: justify;
	margin: 5px;
	font-weight: bold;
}
.formSubTitle {
	font-family: Cambria, serif, "Verdana", "Arial", "Helvetica", sans-serif;
	font-size: 14px;
	font-weight: bold;
}

.listTitle {

	font-size: 13px;
	font-weight: bold;
	font-family: Candara, Cambria, serif, Times New Roman, Calibri,
		"Verdana", "Arial", "Helvetica", sans-serif;
	text-align: center;
	height: 25px;
}

.result {
	font-size: 18px;
	font-weight: bold;
	font-family: Cambria, serif, Times New Roman, Calibri, "Verdana",
		"Arial", "Helvetica", sans-serif;
	color: blue;
}

.bannerName {
	font-size: 40px;
	font-family: Calibri, Courier New, Courier, monospace;
	color: #F8F4F5;
}

.digitFormat {
	text-align: right;
	number-format: "#0.00";
	padding-right: 2px;
}

.digitFormatpointer {
	cursor: pointer;
	text-align: right;
	number-format: "#0.00";
	padding-right: 2px;
}
.digitFormatpointerd {
	cursor: pointer;
	padding-right: 2px;
}

.digitFormatZero {
	text-align: right;
	padding-right: 2px;
}

.resultDigit {
	text-align: right;
	font-weight: bold;
	color: black;
}

.heading {
	background-color: #CAE4FF;
	color: #2894BB;
	font-size: 17px;
	font-weight: bold;
	border: 1px;
	height: 25px;
}

.trPropReport {
	background-color: #E9E9E9;
	color: #0000000;
	height: 20px;
}

.trPropReportDup {
	background-color: #E9E9E9;
	color: #0000000;
	height: 23px;
}

.trPropReportDup1 {
	background-color: #E9E9E9;
	color: #0000000;
	height: 24px !important;
}

.trPropReportHash {
	bbackground-color: #C0C0C0 !important;
	height: 24px;
}

.trPropReport1 {
	background-color: #FFFFFF;
	height: 20px;
}

.tdPropReport {
	background-color: #F7F7F7;
	height: 20px;
}

.tdPropReportDup {
	background-color: #F7F7F7;
	height: 22px;
}

.tdPropReportDup1 {
	background-color: #F7F7F7;
	height: 23px;
}
.tdPropReportDup2 {
	background-color: #F7F7F7;
	height: 20px;
}
.tdPropReportDup3 {
	background-color: #F7F7F7;
	height: 21px;
}

.reportTitle {
	font-size: 14px;
	background-color: #c0c0c0 !important;
	font-weight: bold;
	padding-left: 10px;
	height: 20px;
	vertical-align: top;
}

.reportSubTitle {
	font-size: 13px;
	background-color: #E9E9E9;
	color: black;
	font-weight: bold;
}

.reportSubTitleDup {
	font-size: 15px;
	background-color: #E9E9E9;
	color: black;
	font-weight: bold;
}

.reportSubTitle1 {
	font-size: 13px;
	background-color: #E9E9E9;
	color: black;
	font-weight: bold;
	padding-right: 3px;
}

.tabPaneProp {
	margin: 5px;
}

form {
	margin: 5px;
	padding: 0px;
}

.greyPanel {
	background-color: #f6f5f5;
	width: 164px;
}

.greyPanel204 {
	width: 204px;
}

.bold {
	font-weight:bold;
	font-size: 14px;
}

table.greyPanel td table {
	background-color: #f6f5f5;
	margin-left: 10px;
}

table.greyPanel td table input {
	border: 1px solid #aec1c6;
	padding: 3px;
	margin-right: 3px;
}

.greyBoxTop {
	background-image: url(../images/greyBoxCorner.gif);
	background-position: top;
	height: 6px;
	width: 164px;
}

.greyBoxBottom {
	background-image: url(../images/greyBoxCorner.gif);
	background-position: bottom;
	height: 6px;
	width: 164px;
}
.borderRadius {
	border-radius:5px;
}

.linkButtonReport {
    width: 80px;
    height: 15px;
    background-image: url(../images/menuBg.gif);
    border-radius: 4px;
    color: #FFF !important;
    padding: 4px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
    font-size: 13px;
    margin-top: -6px;
}
}


.linkButton {
	width: 300px;
	background: #0590ED;
	border-radius: 5px;
	color: white;
	padding: 10px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
}

.linkButton1 {
	width: 383px;
	background: red;
	border-radius: 5px;
	color: white;
	padding: 10px;
	text-align: justify;
	text-decoration: none;
	cursor: hand;
	display: inline-block;
}

.defaultButton {
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom:5px;
	background: #00008B;
	border-radius: 5px;
	color: #FFF !important;
	text-align: center;
	vertical-align:middle;
	margin-top:20px;
	text-decoration: none;
	display: inline-block;
}


.linkButton2 {
	width: 119px;
	background-image: url(../images/menuBg.gif);
	border-radius: 5px;
	color: #FFF !important;
	padding: 10px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
}

.linkButton02 {
	width: 50px;
	height: 8px;
	background-image: url(../images/menuBg.gif);
	border-radius: 5px;
	color: #FFF !important;
	padding: 10px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
}

.linkButton2Red {
	width: 119px;
	background: #00008B;
	border-radius: 5px;
	color: red !important;
	padding: 10px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
}

.linkButton3 {
	width: 200px;
	background-image: url(../images/menuBg.gif);
	border-radius: 5px;
	color: #FFF !important;
	/* padding: 10px; */
	text-align: center;
	text-decoration: none;
	display: inline-block;
	height: 34px;
}

.linkButton3-mouseover {
	width: 200px;
	background: #0590ED;
	border-radius: 5px;
	color: #FFF !important;
	height: 34px;
	padding: 10px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	cursor: pointer;
}

.linkButton160 {
	width: 160px;
	height:20px;
	background-image: url(../images/menuBg.gif);
	border-radius: 4px;
	color: #FFF !important;
	/* padding: 5px; */
	text-align: center;
	text-decoration: none;
	display: inline-block;
	padding-bottom: 18px;
	cursor: pointer;
	font-size:13px;
}

.linkButton200 {
	width: 200px;
	height:20px;
	background-image: url(../images/menuBg.gif);
	border-radius: 4px;
	color: #FFF !important;
	/* padding: 5px; */
	text-align: center;
	text-decoration: none;
	display: inline-block;
	padding-bottom: 18px;
	cursor: pointer;
	font-size:13px;
}

.linkButton250 {
	width: 250px;
	height:20px;
	background-image: url(../images/menuBg.gif);
	border-radius: 4px;
	color: #FFF !important;
	/* padding: 5px; */
	text-align: center;
	text-decoration: none;
	display: inline-block;
	padding-bottom: 18px;
	cursor: pointer;
	font-size:13px;
}

.linkButton4 {
	width: 119px;
	background: orange;
	border-radius: 5px;
	color: #FFF !important;
	padding: 10px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
}

.linkButton5 {
	width: 80px;
	height:20px;
	background-image: url(../images/menuBg.gif);
	border-radius: 4px;
	color: #FFF !important;
	/* padding: 5px; */
	text-align: center;
	text-decoration: none;
	display: inline-block;
	padding-bottom: 18px;
	cursor: pointer;
	font-size:13px;
}

.linkButton5Disabled {
	width: 80px;
	height:20px;
	border-radius: 4px;
	color: #dfd9d9 !important;
	background-color: gray;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	padding-bottom: 18px;
	cursor: pointer;
	font-size:13px;
}
/* Ensure anchor links with linkButton5 match input button size */
a.linkButton5 {
	line-height: 18px;
	padding: 2px 8px;
	width: 80px;
	vertical-align: middle;
}
.linkButton80 {
	width: 80px;
	height:8px;
	background-image: url(../images/menuBg.gif);
	border-radius: 4px;
	color: #FFF !important;
	padding: 5px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	padding-bottom: 18px;
}
.linkButton6 {
	width: 130px;
	height:20px; !important;
	background-image: url(../images/menuBg.gif);
	border-radius: 4px;
	color: #FFF !important;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	padding-bottom: 18px;
	cursor: pointer;
	font-size:13px;
	
}

.linkButton7 {
	width: 130px;
	height:25px !important;
	background-image: url(../images/menuBg.gif);
	border-radius: 4px;
	color: #FFF !important;
	padding-top: 10px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	
}
.linkButton8 {
	width: 130px;
	height:25px !important;
	background-image: url(../images/menuBg.gif);
	border-radius: 4px;
	color: #FFF !important;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size:13px;
	
}
.linkButton9 {
	width: 130px;
	height:31px !important;
	background-image: url(../images/menuBg.gif);
	border-radius: 4px;
	color: #FFF !important;
	text-align: center !important;
	text-decoration: none;
	display: inline-block;
	padding-top:9px;
	
}
.linkButton2_1 {
	width: 119px;
	height:31px !important;
	background-image: url(../images/menuBg.gif);
	border-radius: 4px;
	color: #FFF !important;
	
	text-align: center !important;
	text-decoration: none;
	display: inline-block;
}
.linkButton10 {
	width: 130px;
	height:42px !important;
	background-image: url(../images/menuBg.gif);
	border-radius: 4px;
	color: #FFF !important;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	
}
.linkButton11 {
	width: 130px;
	height:31px !important;
	background-color: #00008B;
	border-radius: 4px;
	color: #FFF !important;
	padding: 5px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	
}
.linkButton12 {
	width: 130px;
	height:31px !important;
	background-color: #00008B;
	border-radius: 4px;
	color: #FFF !important;
	padding-top: 12px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	
}

.linkButton13 {
	width: 130px;
	height:25px !important;
	background-color: #00008B;
	border-radius: 4px;
	color: #FFF !important;
	padding-top: 7px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	
}


.button {
	display: block;
	height: 25px;
	background: rgb(233, 233, 233);
	padding: 10px;
	text-align: center;
	border-radius: 5px;
	color: #333;
}

.orangeWhiteColor {
	background: orange !important;
	color: white !important;
	padding: 10px;
	text-align: center;
	border-radius: 5px;
	text-decoration: none;
}

.buttonDup {
	display: block;
	height: 30px;
	background: rgb(233, 233, 233);
	padding: 10px;
	text-align: center;
	border-radius: 5px;
	color: #333;
}

a.button1 {
	background: transparent url(../images/buttonRight.png) no-repeat scroll
		top right;
	color: #333;
	display: block;
	float: left;
	height: 24px;
	padding-right: 4px;
	text-decoration: none;
	cursor: pointer;
	vertical-align: middle;
}

a.button3{
	vertical-align:middle;
	dispaly: table-cell;
}


a.button1 span {
	background: transparent url(../images/buttonLeft.png) no-repeat;
	display: block;
	line-height: 14px;
	padding: 5px 5px 5px 5px;
	text-align: center;
	cursor: pointer;
	vertical-align: middle;
}

a:hover.button1 {
	background: transparent url(../images/buttonRightOver.png) no-repeat
		scroll top right;
	color: #333;
	display: block;
	float: left;
	height: 24px;
	padding-right: 4px;
	text-decoration: none;
	cursor: pointer;
	vertical-align: middle;
}

a:hover.button1 span {
	background: transparent url(../images/buttonLeftOver.png) no-repeat;
	display: block;
	line-height: 14px;
	padding: 5px 5px 5px 5px;
	cursor: pointer;
	vertical-align: middle;
}

a.button2 {
	background: transparent url(../images/buttonRight2.png) no-repeat scroll
		top right;
	color: #333;
	display: block;
	float: left;
	height: 34px;
	padding-right: 4px;
	text-decoration: none;
	cursor: pointer;
	cursor: pointer;
}

a.button2 span {
	background: transparent url(../images/buttonLeft2.png) no-repeat;
	display: block;
	line-height: 12px;
	padding: 5px 5px 5px 5px;
	text-align: center;
	height: 24px;
	cursor: pointer;
}

a:hover.button2 {
	background: transparent url(../images/buttonRight2Over.png) no-repeat
		scroll top right;
	color: #333;
	display: block;
	float: left;
	height: 34px;
	padding-right: 4px;
	text-decoration: none;
	cursor: pointer;
}

a:hover.button2 span {
	background: transparent url(../images/buttonLeft2Over.png) no-repeat;
	display: block;
	line-height: 12px;
	padding: 5px 5px 5px 5px;
	cursor: pointer;
}

a.button3 {
	background: transparent url(../images/buttonRight3.png) no-repeat scroll
		top right;
	color: #333;
	display: block;
	float: left;
	height: 51px;
	padding-right: 4px;
	text-decoration: none;
	cursor: pointer;
	cursor: pointer;
}

.bgashcolor {
	background-color: #DCDCDC;
}

a.button3 span {
	background: transparent url(../images/buttonLeft3.png) no-repeat;
	display: block;
	line-height: 14px;
	padding: 5px 5px 5px 5px;
	text-align: center;
	height: 51px;
	cursor: pointer;
}

a:hover.button3 {
	background: transparent url(../images/buttonRight3Over.png) no-repeat
		scroll top right;
	color: #333;
	display: block;
	float: left;
	height: 51px;
	padding-right: 4px;
	text-decoration: none;
	cursor: pointer;
}

a:hover.button3 span {
	background: transparent url(../images/buttonLeft3Over.png) no-repeat;
	display: block;
	line-height: 14px;
	padding: 5px 5px 5px 5px;
	cursor: pointer;
}

.feedTextArea {
	width: 100%;
	height: 200px;
	font-size: 10px;
	margin-top: 5px;
}

.feedbackEmail {
	margin-top: 5px;
	width: 100%;
	height: 20px;
	font-size: 10px;
}

.feedbackContainer {
	align-items: center;
	display: flex;
	flex-direction: column;
}

.feedbackDiv {
	padding-top: 5px;
	width: 100%;
	display: inline-block;
}

.feedlabel {
	font-size: 12px;
	padding-top: 5px;
}

.feedbackSend {
	float: right;
	width: 60px;
	margin-right: 5px;
	margin-bottom: 5px;
	background-color: blue;
	color: #fff;
	height: 29px;
	border: 0px;
	font-size: 14px;
}

.TblHdBg {
	background: transparent url(../images/tblHdBg.gif) repeat-x;
	height: 31px;
}

.TblHdBg #left {
	width: 7px;
	background: transparent url(../images/tblHdEnd.gif) no-repeat left;
	height: 31px;
	float: left;
}

.TblHdBg #center {
	float: left;
	font-size: 12px;
	color: black;
	font-weight: bold;
	padding: 7px 7px 7px 7px;
}

.TblHdBg #right {
	width: 7px;
	background: transparent url(../images/tblHdEnd.gif) no-repeat right;
	height: 31px;
	float: right;
}

.TblContArea {
	border-left: 1px solid #ececec;
	border-right: 1px solid #ececec;
	background-color: #f7f7f7;
}

.TblContArea table {
	background-color: transparent;
	color: 666666;
}

.TblContArea input {
	margin: 2px;
}

.TblFooter {
	height: 7px;
	background: transparent url(../images/tblFooterBg.gif) repeat-x;
}

.TblFooter #left {
	width: 7px;
	background: transparent url(../images/tblFooterEnd.gif) no-repeat left
		top;
	height: 7px;
	float: left;
}

.TblFooter #right {
	width: 7px;
	background: transparent url(../images/tblFooterEnd.gif) no-repeat right
		top;
	height: 7px;
	float: right;
}

.header2 {
	background: url(../images/header2Bg.gif) repeat-x;
	height: 41;
	text-align: center;
	color: black;
	font-weight: bold;
}

.tblProjection #center {
	background: url(../images/header2Bg.gif) repeat-x bottom;
	height: 28;
	margin-top: -2;
	padding: 3px;
}

.tblProjection #left {
	background: url(../images/tblProjEnds.gif) no-repeat left bottom;
	height: 35;
	width: 7px;
}

.tblProjection #right {
	background: url(../images/tblProjEnds.gif) no-repeat right bottom;
	height: 28;
	width: 7px;
}

.GridTable {
	border: 1px solid #f7f7f7;
	background-color: #f7f7f7;
	border-bottom: 2px solid #e6e6e6;
}

.GridTable th {
	text-align: left;
	background: url(../images/thBg.gif) repeat-x;
	height: 26px;
	color: black;
	font-weight: bold;
	font-size: 12px;
	padding: 7px 5px 5px 5px;
}

.GridTableInner {
	background: transparent;
	width: 970px;
}

.GridTableInnerF {
	background: transparent;
	width: 100%;
}

.GridTableInnerF .formHead td{
	font-size:16px;
}

.GridTableInner td {
	padding: 2px;
	border-left: 1px solid #fff;
	border-right: 1px solid #eaeaea;
	padding: 2px;
	border-bottom: 1px solid #eaeaea;
}

.GridTableInner .tableHead td {
	color: black;
	vertical-align:top;
}


	
.GridTableInner1 {
	background: transparent;
	vertical-align:top;
}

.GridTableInner1 td {
	border-left: 1px solid #fff;
	border-right: 1px solid #eaeaea;
	padding: 2px;
	border-bottom: 1px solid #eaeaea;
}

.GridTableInner1 .tableHead td {
	color: black;
	padding: 2px;
	vertical-align:top;
}

.reportTable tr {
	background-color: #E9E9E9;
	border-collapse: collapse;
	height: 20px;
}

.reportTable td {
	border: gray 1px solid;
	padding: 2px;
}

.reportTable {
	border-collapse: collapse;
	border: gray 1px solid;
}

.datahighlight {
	background-color: #e4eff2 !important;
}

.buttonArea {
	float: right;
	background: transparent;
}

.buttonArea div.bg {
	background: url(../images/buttonAreaTop.gif) repeat-x top;
	height: 32px;
}

.buttonArea a {
	margin-top: 4px;
	margin-left: 3px;
}

.buttonAreaLeft {
	background: url(../images/buttonAreaBg.gif) no-repeat left;
	width: 5px;
	height: 32px;
	float: left;
	margin-right: -3px;
}

.buttonAreaRight {
	background: url(../images/buttonAreaBg.gif) no-repeat right;
	width: 5px;
	height: 32px;
	float: right;
}

.loginButton {
	background-color: #666666;
	border: 2px solid #FFFFFF;
	color: #FFFFFF;
	-moz-border-radius: 4px /*{cornerRadius}*/;
	-webkit-border-radius: 4px /*{cornerRadius}*/;
	-khtml-border-radius: 4px /*{cornerRadius}*/;
	border-radius: 4px /*{cornerRadius}*/;
}
/*below style gives button style on mouser over and out in grey panel, it is small size button style*/
table.greyPanel td table input.smallButton {
	background-image: url(../images/buttonSmall.png);
	background-repeat: no-repeat;
	text-align: center;
	border: 0px;
	width: 41px;
	height: 24px;
}

table.greyPanel td table input.smallButton2 {
	background-image: url(../images/buttonSmallOver.png);
	background-repeat: no-repeat;
	text-align: center;
	border: 0px;
	width: 41px;
	height: 24px;
}

/*below style gives button style on mouser over and out, it is small size button style*/
.smallButton {
	background-image: url(../images/buttonSmall.png);
	background-repeat: no-repeat;
	text-align: center;
	border: 0px;
	width: 41px;
	height: 24px;
}

.smallButton2 {
	background-image: url(../images/buttonSmallOver.png);
	background-repeat: no-repeat;
	text-align: center;
	border: 0px;
	width: 41px;
	height: 24px;
}

/*below style gives button style on mouser over and out in grey panel, it is medium size button style*/
table.greyPanel td table input.mediumButton {
	background-image: url(../images/buttonMedium.png);
	background-repeat: no-repeat;
	text-align: center;
	border: 0px;
	width: 88px;
	height: 24px;
}

table.greyPanel td table input.mediumButton {
	background-image: url(../images/buttonMediumOver.png);
	background-repeat: no-repeat;
	text-align: center;
	border: 0px;
	width: 88px;
	height: 24px;
}

/*below style gives button style on mouser over and out, it is medium size button style*/
.mediumButton {
	background-image: url(../images/buttonMedium.png);
	background-repeat: no-repeat;
	text-align: center;
	border: 0px;
	width: 88px;
	height: 24px;
}

.mediumButton2 {
	background-image: url(../images/buttonMediumOver.png);
	background-repeat: no-repeat;
	text-align: center;
	border: 0px;
	width: 88px;
	height: 24px;
}

/*below style gives button style on mouser over and out in grey panel, it is large size button style*/
table.greyPanel td table input.largeButton {
	background-image: url(../images/buttonLarge.png);
	background-repeat: no-repeat;
	text-align: center;
	border: 0px;
	width: 131px;
	height: 24px;
}

table.greyPanel td table input.largeButton {
	background-image: url(../images/buttonLargeOver.png);
	background-repeat: no-repeat;
	text-align: center;
	border: 0px;
	width: 131px;
	height: 24px;
}

.neumorphic {
  box-shadow: 12px 12px 24px 0 rgba(0, 0, 0, 0.2),
    -12px -12px 24px 0 rgba(255, 255, 255, 0.5);
  font-size: 16px;
  width: 200px;
  height: 30px;
  border-radius: 7px;
  overflow: hidden;
  padding: 10px;
  display: flex;
  background-color: white;
}

.neumorphic1 {
  box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.2),
    -1px -1px 2px 0 rgba(255, 255, 255, 0.5);
    background-color: buttonhighlight;
  font-size: 12px;
  width: 100px;
  height: 25px;
  border-radius: 7px;
  overflow: hidden;
  padding: 1px;
  display: flex;
}


.neumorphic--pressed {
  box-shadow: inset 6px 6px 10px 0 rgba(0, 0, 0, 0.2),
    inset -6px -6px 10px 0 rgba(255, 255, 255, 0.5);
     background-color: white;
}

.variation1 {
  background: linear-gradient(
    -45deg,
    rgba(0, 0, 0, 0.2),
    rgba(255, 255, 255, 0.3)
  );
}

.variation1 span {
  display: flex;
  align-items: center;
  text-align: center;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  overflow: hidden;
  padding: 0.65rem;
  box-shadow: inset 8px 8px 16px 0 rgba(0, 0, 0, 0.2),
    inset -8px -8px 16px 0 rgba(255, 255, 255, 0.4);
}

.variation1 strong {
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  overflow: hidden;
  background-color: #f13c20;
  color: white;
}

.variation1.pressed strong {
  background-color: #bb3c20;
}

.variation2 {
  justify-content: space-around;
  align-items: center;
}

.variation2 span {
  display: block;
  padding-bottom: 1.5rem;
  position: relative;
  font-size: 3rem;
}

.variation2 span::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  height: 0.3rem;
  border-radius: 1rem;
  width: 50%;
  margin: 0 auto;
  background-color: currentColor;
}

.variation2.pressed {
  color: #5ab9ea;
}

/*below style gives button style on mouser over and out, it is large size button style*/
.largeButton {
	background-image: url(../images/buttonLarge.png);
	background-repeat: no-repeat;
	text-align: center;
	border: 0px;
	width: 131px;
	height: 24px;
}

.largeButton2 {
	background-image: url(../images/buttonLargeOver.png);
	background-repeat: no-repeat;
	text-align: center;
	border: 0px;
	width: 131px;
	height: 24px;
}

.disabledLink {
	color: #333 !important;
	text-decoration: none !important;
	cursor: default !important;
}

.unselectable {
	background-color: #ddd !important;
	cursor: not-allowed !important;
	background: #ddd !important;
	pointer-events: none !important;
}

.tooltip {
	position: relative;
	display: inline-block;
}

.tooltip .tooltiptext {
	visibility: hidden;
	background-color: black;
	color: #ffffff;
	position: absolute;
	z-index: 1;
	padding: 5px;
	border-radius: 6px;
	text-align: justify;
	width: 274px;
}
.tooltip .tooltiptext1 {
	visibility: hidden;
	background-color: black;
	color: #ffffff;
	position: absolute;
	z-index: 1;
	padding: 5px;
	border-radius: 6px;
	text-align: justify;
	width: 130px;
}
.tooltip-top {
  bottom: 125%;
  left: 50%;  
  margin-left: -60px;
}

.tooltip-bottom {
  top: 125%;
  left: 50%;
  margin-left: -60px;
}

.tooltip-top1 {
  bottom: 125%;
  left: 50%;  
  margin-left: -10px;
}
.tooltip-top2 {
  bottom: 125%;
  right: 50%;  
  margin-right: 10px;
}
.tooltip:hover .tooltiptext {
	visibility: visible;
}
.tooltip:hover .tooltiptext1 {
	visibility: visible;
}

/* Small "i" icon that carries a tooltip: <span class="tooltip tooltip-icon"><span class="tooltiptext tooltip-top">text</span>i</span> */
.tooltip-icon {
	cursor: help;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background-color: #1a73e8;
	color: #ffffff;
	font: italic bold 11px/14px serif;
	text-align: center;
	vertical-align: middle;
}
.tooltip-icon .tooltiptext {
	font: normal 12px Arial, sans-serif;
	text-align: justify;
}


ul, #bankCisUL {
  list-style-type: none;
}

/* Remove margins and padding from the parent ul */
#bankCisUL {
  margin: 0;
  padding: 0;
}

.caret {
  cursor: pointer;
  user-select: none; 
}

/* Create the caret/arrow with a unicode, and style it */
.caret::before {
  content: "\25B6";
  color: black;
  display: inline-block;
  margin-right: 6px;
  
}

/* Rotate the caret/arrow icon when clicked on (using JavaScript) */
.caret-down::before {
  transform: rotate(90deg);
}


.nested {
  display: none;
}

/* Show the nested list when the user clicks on the caret/arrow (with JavaScript) */
.active {
  display: block;
}

.width34{
	width : 34%;
}

.width60{
	width : 60%;
}

.switch {
  position: relative;
  display: inline-block;
  width: 41px;
  height: 20px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.switch text { 
  opacity: 0;
  width: 0;
  height: 0;
}

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

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

input:checked + .slider {
  background-color: #2196F3;
}

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

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


.slider.round {
  border-radius: 25px;
}

.slider.round:before {
  border-radius: 50%;
}

.curveTextField{
	border-radius: 12px;
	height: 30px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	
	
}
.workListDiv {
	border-radius: 10px;
	border: 2px solid #000000;
	min-height: 120px;
	overflow: visible;
}

.workListDiv table.greyPanel204 {
	width: auto;
	min-width: 320px;
	max-width: 100%;
}

.workListDiv .worklist-migration-table {
	width: 100%;
	table-layout: auto;
	word-wrap: break-word;
}

.workListDiv .worklist-migration-table td {
	font-size: 11px;
	color: #333333;
	vertical-align: top;
	white-space: normal;
}

.workListDiv .worklist-migration-fieldlabel {
	display: block;
	font-size: 9px;
	color: #333333;
	margin-bottom: 4px;
	line-height: 1.3;
}

.workListDiv .worklist-migration-stack {
	padding-right: 4px;
	padding-bottom: 2px;
}

.workListDiv .worklist-field-stack {
	display: flex;
	flex-direction: column;
	gap: 14px;
	margin-bottom: 10px;
}

.workListDiv .form-group {
	margin-bottom: 0;
	padding-bottom: 0;
}

.workListDiv .worklist-field-stack.worklist-annual-review-fields {
	gap: 16px;
	margin-bottom: 12px;
}

.workListDiv .worklist-annual-review-fields .form-group,
.workListDiv .form-group.worklist-form-group-spaced {
	margin-bottom: 16px !important;
	padding-bottom: 0 !important;
	display: block;
}

.workListDiv .form-group label {
	display: block;
	margin-bottom: 4px;
}

.workListDiv td.worklist-migration-col-right {
	text-align: right;
}

.workListDiv td.worklist-migration-col-right .worklist-migration-stack {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	text-align: right;
}

.workListDiv .worklist-migration-table tr + tr td {
	padding-top: 6px;
}

#idworklist {
	min-height: 280px;
	overflow: visible !important;
	overflow-y: visible !important;
	height: auto !important;
}

span.caret.worklist-topic-text {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.35;
}

.workListDiv .form-group > span.caret.worklist-topic-text {
	display: block;
	margin-bottom: 4px;
}
#overlay {
  position: absolute; /* Sit on top of the page content */

  width: 40%; /* Full width (cover the whole page) */
  height: 10%; /* Full height (cover the whole page) */
  top: 446;
  left: 878px;
  right: 0;
  bottom: 0;
  background-color: #fff/* Black background with opacity */
  opacity:.5; 
  z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
  cursor: pointer; /* Add a pointer on hover */
}

.fieldTable{
	border:0 !important;
	cellpadding: 0;
	cellspacing: 0;
	width: 100%;
}
.fieldTable td{
	border:0 !important;
}
.disableSelect{
	pointer-events: none;
	background-color: #DDDDDD !important;
	
}
/* Full-screen overlay that pauses everything */
.progress-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.4); /* semi-transparent black */
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9998;
  pointer-events: all;
}

/* Progress container is centered via flex */
.progress-container {
  background-color: #f3f3f3;
  border: 1px solid #ccc;
  padding: 10px;
  border-radius: 5px;
  width: 300px;
  text-align: center;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

/* Progress bar inside container */
.progress-bar {
  width: 0%;
  height: 20px;
  background-color: #4caf50;
  border-radius: 3px;
  transition: width 0.3s ease;
}
.spinner-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); /* semi-transparent black */
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999; /* ensure its on top */
}

.spinner-box {
  background: white;
  padding: 20px 40px;
  border-radius: 8px;
  text-align: center;
  box-shadow: 0 0 20px rgba(0,0,0,0.2);
}

.deletebutton {
		width: 80px;
	height:20px;
	border-radius: 4px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	padding-bottom: 18px;
	cursor: pointer;
	font-size:13px;
	background-color:#c40000;
	color:#fff;
}

#idTypeProposal {
	width: 180px !important;
	min-width: 180px !important;
	font-size: 13px !important;
	box-sizing: border-box;
}
</style>