BODY { background-color:#FFFFFF; margin:0px }
label {color:#53565a;}
.bodyjustify  { color:#53565a; text-decoration:none; font-family:Calibri; font-size:12px; text-align: justify;}
.bodycolor1  { color:#53565a; text-decoration:none; font-family:Calibri; font-size:12px;}
.bodycolor1large  { color:#53565a; text-decoration:none; font-family:Calibri; font-size:13px;} /* Was bodyblue */
.bodycolor2justify  { color:#666666; text-decoration:none; font-family:Calibri; font-size:12px; text-align: justify;}

div.RadMenu_Default
{
    border: 0px;
    width: 100%;
	background:#FFFFFF url('Images/spacer.gif') 0px 0px repeat-x;
}
.label  { color:#53565a; text-decoration:none; font-family:Calibri; font-size:13px;}
.field  { color:#666666; text-decoration:none; font-family:Calibri; font-size:13px;}
.formList { width:97%; list-style:none }
.formList .label { width:150px; float:left; margin-top:4px }
.formList .labelWide { width:500px; float:left; margin-top:4px; font-size:9pt; font-family:Calibri;}
.formList .field { height:16px; margin-top:4px; }
.formList li { border-bottom: 1px solid #CCCCCC; padding: 5px 0px; }
.formList li.lastListItem { border:none; }

.additionalInfo  { color:#555555; text-decoration:none; font-family:Calibri; font-size:13px; text-align: justify;} /* Was bodyblue */
.message  { color:#53565a; text-decoration:none; font-family:Calibri; font-size:13px; text-align: justify;}
.pageTitle { color:#53565a; text-decoration:none; font-family:Calibri; font-size:14pt;font-weight:bold;}
.notification  { color:#53565a; font-family:Calibri; font-size:12px; font-weight:bold; border:double 3px red; margin:5px; padding:5px; text-align:center; height:40px}

.information { color:#53565a; text-decoration:none; font-family:Calibri; font-size:12px;text-align:justify;background-color:#f9f9f9;}
.taskoverdue  { color:#ff0000; text-decoration:none; font-family:Calibri; font-size:12px; text-align: left;}
.errText, a:hover.errText, a:link.errText, a:visited.errText, a:active.errText   { color:#ff0000; text-decoration:none; font-family:Calibri; font-size:9pt;} /* Used for all error messages */
.errTextLarge { color:#ff0000; text-decoration:none; font-family:Calibri; font-size:13px;}

.dayBookHeading  { color:#53565a;  background-color:#b1b3b3;text-decoration:none; font-family:Calibri; font-size:13px;font-weight:bold;}
.dayBookCount  { color:#555555; text-decoration:none; font-family:Calibri; font-size:9t;font-weight:bold;}
.dayBookItem  { color:#555555; text-decoration:none; font-family:Calibri; font-size:9pt;}

.faqQuestion { color:#53565a; text-decoration:none; font-family:Calibri; font-size:9pt;text-align:justify;background-color:#b1b3b3;}
.faqAnswer { color:#666666; text-decoration:none; font-family:Calibri; font-size:9pt;text-align:justify;background-color:#b1b3b3;}

.quotePremiumDetail { color:#53565a; text-decoration:none; font-family:Calibri; font-size:15px; font-weight:Bold;}
.quotePremiumLabel  { color:#53565a; text-decoration:none; font-family:Calibri; font-size:15px;}
.quotePremiumBoxLine{ border: solid 1px #CCCCCC; background-color:#b1b3b3;}

.sessionClockLabel  { color:#53565a; font-family:Calibri; font-size:12px; }
.sessionClock       { color:#53565a; font-family:Calibri; font-size:12px; }

.HeaderClientCombo { font-family: Calibri; font-size:9pt; color:#53565a; border:solid 1px #003569; margin-right:3px; margin-top:3px;margin-bottom:2px}
.headerBackground  {}
.headerBackgroundCell { }
.headerLoggedOnUser	{ color:#53565a; font-family:Calibri; font-size:12px; margin-right:5px; }
.footerLoggedOnUser { color:#53565a; font-family:Calibri; font-size:12px; margin-right:8px; }

/* CONTENT */
.contentContainer {width:100%; padding-left:30px; padding-right:30px}
#InfoDiv {padding: 10px; width:100%; border:solid 1px #fa6363; background-color: #ffe5e5; color:#53565a; text-align:center; font-weight:bold;font-family: Calibri; font-size:11pt;margin-bottom:5px; }
#BodyDiv  {color:#53565a; text-decoration:none; font-family:Calibri; font-size:13px;}

.MultiPage { border:outset 2px #cccccc; border-top:solid 1px #cccccc }
.MultiPageContent { margin: 10px  8px 8px 8px; border:solid 1px #001A7B; background-color:#eeeeee; padding:5px }

/* TaskDayBook */
.panelbarHeader 
{                   
	font-size: 12px; 
  color: #53565a;
	font-family: Calibri,Verdana;
	font-weight: bold;
	cursor: hand;
	cursor: pointer;
	padding: 4px;
	background-color: #CFE6F2;
	border: 1px solid #AFCDDC;
	height: 25px;
}

.panelbarHeaderHover 
{                   
	font-size: 12px; 
	color: #53565a;
	font-family: Calibri,Verdana;
	font-weight: bold;
	cursor: hand;
	cursor: pointer;
	padding: 4px;
	background-color: #A0D5F5;
	border: 1px solid #AFCDDC;
	height: 25px;
}

.panelbarHeaderExpand
{
	font-size: 12px; 
	color: #53565a;
	font-family: Calibri,Verdana;
	height: 25px;
	font-weight: bold;
	cursor: hand;
	cursor: pointer;
	padding: 4px;
	background-color: #CFE6F2;
	border: 1px solid #AFCDDC;
	border-bottom: 0px;
}

.panelbarItem 
{
	font-size: 12px; 
	color: #53565a;
	font-family: Calibri,Verdana;
	width: 100%;
	cursor: hand;
	cursor: pointer;
	padding: 3px;
	padding-left: 16px;
	background-color: #E4F1F8;
	border: 1px solid #C1D9E5;
	border-top: 0px;
	text-decoration: none;
	display: block;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.panelbarItemSelected
{
	font-size: 12px; 
	color: #53565a;
	font-family: Calibri,Verdana;
	width: 100%;
	cursor: hand;
	cursor: pointer;
	padding: 3px;
	padding-left: 16px;
	background-color: #EDF5FB;
	border: 1px solid #C1D9E5;
	border-top: 0px;
	text-decoration: underline;
	display: block;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.SnapHeader
{
  color: #ffffff;
  background-color: #53565a;
  font-family: Calibri;
  font-weight: bold;
  font-size: 12px;
  padding-top: 2px;
  padding-left: 5px;
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr= '#53565a' , EndColorStr= '#53565a' );
  cursor: move;
}

.snapHeaderClosed {
    color: #ffffff;
    background-color: #53565a;
    font-family: Calibri;
    font-weight: bold;
    font-size: 12px;
    padding-top: 2px;
    padding-left: 5px;
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr= '#53565a', EndColorStr= '#53565a' );
    cursor: move;
}

.SnapContent
{
  font-family: Calibri;
  font-size: 12px;
  background-color: #FFFFFF;
}

.SnapTable {
    padding: 3px;
    border: #53565a 1px solid;
    width: 100%;
}
.SnapRow {
    background-color: #FFFFFF;
    color: #53565a;
}
.SnapRowOver {
    background-color: #b1b3b3;
    color: #53565a;
    cursor: hand;
}

.flattextbox  {
	font-size : 13px;
	font-family : Calibri;
	border-style : solid;
	border-width : 1px;
	border-color : #53565a;
}

.AccountTextBox {
	font-size : 13px;
	font-family : Calibri;
	border-style : solid;
	border-width : 1px;
	border-color : #53565a;
	color: #53565a;
	width: 100%;
	text-align: right;
}
.DAccountTextBox {
	font-size : 13px;
	font-family : Calibri;
	border-style : solid;
	border-width : 1px;
	border-color : #53565a;
	color: #53565a;
	width: 100%;
}

.disabledTextbox  {
	font-size : 13px;
	font-family : Calibri;
	border-style : solid;
	border-width : 1px;
	border-color : #999999;
	color :#666666;
}
.checkboxList 
{
	font-size : 13px;
	font-family : Calibri;
	color :#53565a;    
}
.OutPanelCheckBoxList {
    font-size: 13px;
    font-family: Calibri;
    color: #FFFFFF;
}
.RadForm_CUL .OutPanelCheckBoxList label.rfdCheckboxChecked, .RadForm_CUL .OutPanelCheckBoxList label.rfdCheckboxUnchecked {
    font-size: 13px;
    font-family: Calibri;
    color: #FFFFFF;
    border-color: #FFFFFF;
}
    H1 {
        color: #53565a;
        text-decoration: none;
        font-family: Calibri;
        font-size: 14pt;
        font-weight: bold;
        margin-bottom: 0px;
        margin-top: 0px;
    }

H2
{
	color:#53565a; 
	text-decoration:none; 
	font-family:Calibri; 
	font-size:11pt;
	font-weight:bold;
	margin-bottom:0px;
	margin-top:5px;
}
H3  {color:Black; font-family:Calibri; font-size:10pt;font-weight:Bold; margin-bottom:5px;}
H4  {color:Black; font-family:Calibri; font-size:12pt;font-weight:Bold; margin-bottom:5px;}

/******************************************************************
Detail screen display
*******************************************************************/
.detailRow
{
 background-color:#eeeeee;
 color:#53565a;
 text-decoration:none;
 font-family:Calibri;
 font-size:13px;
}

a.navLinks           { color:#53565a;  text-decoration:none; font-family:Calibri; font-size:9pt; }
a:link.navLinks     { color:#53565a;  text-decoration:none; font-family:Calibri; font-size:9pt; }
a:visited.navLinks  { color:#53565a; text-decoration:none; font-family:Calibri; font-size:9pt; }
a:hover.navLinks    { color:#999999; text-decoration:underline; font-family:Calibri; font-size:9pt; }
a:active.navLinks   { color:#53565a;  text-decoration:none; font-family:Calibri; font-size:9pt; }

a.navLinksRefer           { color:Red;  text-decoration:none; font-family:Calibri; font-size:9pt; }
a:link.navLinksRefer     { color:Red;  text-decoration:none; font-family:Calibri; font-size:9pt; }
a:visited.navLinksRefer  { color:Red; text-decoration:none; font-family:Calibri; font-size:9pt; }
a:hover.navLinksRefer    { color:#FF9900; text-decoration:underline; font-family:Calibri; font-size:9pt; }
a:active.navLinksRefer   { color:Red;  text-decoration:none; font-family:Calibri; font-size:9pt; }

a.navLinksDecline           { color:Black;  text-decoration:none; font-family:Calibri; font-size:9pt; }
a:link.navLinksDecline     { color:Black;  text-decoration:none; font-family:Calibri; font-size:9pt; }
a:visited.navLinksDecline  { color:Black; text-decoration:none; font-family:Calibri; font-size:9pt; }
a:hover.navLinksDecline    { color:#FF9900; text-decoration:underline; font-family:Calibri; font-size:9pt; }
a:active.navLinksDecline   { color:Black;  text-decoration:none; font-family:Calibri; font-size:9pt; }

a.navLinksGreen           { color:Green;  text-decoration:none; font-family:Calibri; font-size:9pt; }
a:link.navLinksGreen     { color:Green;  text-decoration:none; font-family:Calibri; font-size:9pt; }
a:visited.navLinksGreen  { color:Green; text-decoration:none; font-family:Calibri; font-size:9pt; }
a:hover.navLinksGreen    { color:#FF9900; text-decoration:underline; font-family:Calibri; font-size:9pt; }
a:active.navLinksGreen   { color:Green;  text-decoration:none; font-family:Calibri; font-size:9pt; }

a.navLinksBold           { color:#000066;  text-decoration:none; font-family:Calibri; font-size:9pt;font-weight:bold; }
a:link.navLinksBold     { color:#000066;  text-decoration:none; font-family:Calibri; font-size:9pt;font-weight:bold; }
a:visited.navLinksBold  { color:#000066; text-decoration:none; font-family:Calibri; font-size:9pt;font-weight:bold; }
a:hover.navLinksBold    { color:#FF9900; text-decoration:underline; font-family:Calibri; font-size:9pt;font-weight:bold; }
a:active.navLinksBold   { color:#000066;  text-decoration:none; font-family:Calibri; font-size:9pt;font-weight:bold; }

a:detailLinks { color:#53565a;  text-decoration:none; font-family:Calibri; font-size:13px; }
a:link.detailLinks { color:#53565a;  text-decoration:none; font-family:Calibri; font-size:13px; }
a:visited.detailLinks { color:#53565a;  text-decoration:none; font-family:Calibri; font-size:13px; }
a:hover.detailLinks { color:#53565a;  text-decoration:underline; font-family:Calibri; font-size:13px; }
a:active.detailLinks { color:#53565a;  text-decoration:none; font-family:Calibri; font-size:13px; }

a:premiumQuoteLinkBig { color:#53565a;  text-decoration:none; font-family:Calibri; font-size:19px; }
a:link.premiumQuoteLinkBig { color:#53565a;  text-decoration:none; font-family:Calibri; font-size:19px; }
a:visited.premiumQuoteLinkBig { color:#53565a;  text-decoration:none; font-family:Calibri; font-size:19px; }
a:hover.premiumQuoteLinkBig { color:#53565a;  text-decoration:underline; font-family:Calibri; font-size:19px; }
a:active.premiumQuoteLinkBig { color:#53565a;  text-decoration:none; font-family:Calibri; font-size:19px; }

.scrollbars {scrollbar-3dLight-Color: #ffffff;
			scrollbar-Arrow-Color: #cccccc;
			scrollbar-DarkShadow-Color: #ffffff;
			scrollbar-Face-Color: #ffffff;
			scrollbar-Highlight-Color: #cccccc;
			scrollbar-Shadow-Color: #cccccc;
			scrollbar-Track-Color: #ffffff;}
/*****************************************************
Panel Header and Item definitions
*****************************************************/
.panelHeader
{
	background: url(Images/PanelBar/PanelImage.jpg) no-repeat top left;
}
.panelFooter
{
	background: url(Images/PanelBar/PanelBottom.jpg) no-repeat top left;
}

fieldset {
	border: 1px solid #ccc;
	padding: 4px;
}

legend 
{
	font: Bold 13px Calibri;
	color: #1D3E71;
}

.HelpMessage
{
	background-color: #eeeeee;
	font: Bold 11px Calibri;
	color: #53565a;
	text-align: center;
	vertical-align: middle;
	padding:12px;
}
.BreadCrumb
{
	font: Bold 13px Calibri;
	color: #1D3E71;
}
a.CommandLink, a:hover.CommandLink, a:visited.CommandLink
{
	font: Bold 13px Calibri;
	color: #1D3E71;
	text-decoration:none;
	vertical-align:middle;
}
/*****************************************************
Table Header and cell definitions
*****************************************************/
.tableHeader td, .tableHeader {
    background-color: #53565a;
    background-repeat: repeat-x;
    color: #FFFFFF;
    font-family: Calibri;
    font-size: 12px;
    font-weight: bold;
    border: solid 1px white;
}

a:link { color:#ffffff;  text-decoration:none; font-family:Calibri; font-size:12px;font-weight:bold; }
a:visited { color:#ffffff;  text-decoration:none; font-family:Calibri; font-size:12px;font-weight:bold; }
a:hover { color:#ffffff;  text-decoration:underline; font-family:Calibri; font-size:12px;font-weight:bold; }
a:active { color:#000066;  text-decoration:none; font-family:Calibri; font-size:12px;font-weight:bold; }

.tableFooter {
    background-image: url(Images/tableFooterBackground.gif);
    background-color: #53565a;
    font-family: Calibri;
    font-size: 12px;
    font-weight: bold;
}

.PagerText
{   
	color:#53565a;
	text-decoration:none;
	font-family:Calibri;
	font-size:12px;
	font-weight:bold
}

a:link.PagerText { color:#53565a;  text-decoration:none; font-family:Calibri; font-size:12px;font-weight:bold; }
a:visited.PagerText { color:#53565a;  text-decoration:none; font-family:Calibri; font-size:12px;font-weight:bold; }
a:hover.PagerText { color:#53565a;  text-decoration:underline; font-family:Calibri; font-size:12px;font-weight:bold; }

.CFQTable:hover{
	background-color: #eeeeee;
}

.tableRow td, .tableRow
{	
	background-color: #FFFFFF;
	color:#555555;
	text-decoration:none;
	font-family:Calibri;
	font-size:12px;
	border:solid 1px white;
}

.tableRow a{
	color:#555555;
    text-decoration:none;
}
.tableRowMouseOver td, .tableRowMouseOver
{	
	background-color: #eeeeee;
	color:#555555;
	text-decoration:none;
	font-family:Calibri;
	font-size:12px;
	cursor:hand; cursor:pointer;
	border:solid 1px white;
}

.tableAlternate td, .tableAlternate
{
	background-color: #FFFFFF;
	color:#555555;
	text-decoration:none;
	font-family:Calibri;
	font-size:12px;
	border:solid 1px white;
}

.tableSubRow {font:11px Calibri; background-color:#fff2d3;}

/*****************************************************
Border used around tables
*****************************************************/
.tableBorder {
    border: 1px #53565a solid;
    background-color: #FFFFFF;
}

.tableBorderDayBook {
    border: 1px #53565a solid;
    background-color: #FFFFFF;
}

.tableText
{
	color:#53565a;
	text-decoration:none;
	font-family:Calibri;
	font-size:11px
}

.tableMouseOver
{
	background-color:#FF9900;
	cursor:hand
}
	
/* CoolForm Styles */
.cfSectionTitle    { color:#53565a; text-decoration:none; font-family:Calibri; font-size:14pt;font-weight:bold;}
.cfQuestion   { color:#3A3E49; text-decoration:none; font-family:Calibri; font-size:9pt;}
.cfLabel   { color:#2E2E2E; text-decoration:none; font-family:Calibri; font-size:9pt;}
.cfInstruction  { color:Black; font-family:Verdana; font-size:12px}
.cfStaticText      { color:#2E2E2E; text-decoration:none; font-family:Calibri; font-size:9pt;font-weight:bold;}
.cfEditStandard   { color:#3A3E49;  text-decoration:none; font-family:Calibri; font-size:9pt;}
.cfEditMultiLine   { color:#3A3E49;  text-decoration:none; font-family:Calibri; font-size:9pt;text-align: justify;}
.cfEditPassword   { color:#3A3E49; text-decoration:none; font-family:Calibri; font-size:9pt;}
.cfEditNumeric   { color:#3A3E49;  text-decoration:none; font-family:Calibri; font-size:9pt;}
.cfEditDate   { color:#3A3E49;  text-decoration:none; font-family:Calibri; font-size:9pt;}
.cfEditCurrency   { color:#3A3E49;  text-decoration:none; font-family:Calibri; font-size:9pt;}
.cfEditPercentage   { color:#3A3E49;  text-decoration:none; font-family:Calibri; font-size:9pt;}
.cfDropDownList   { color:#3A3E49;  text-decoration:none; font-family:Calibri; font-size:9pt;}
.cfListBox   { color:#3A3E49;  text-decoration:none; font-family:Calibri; font-size:9pt;}
.cfRadioButtonList   { color:#3A3E49;  text-decoration:none; font-family:Calibri; font-size:9pt;}
.cfCheckBox   { color:#3A3E49;  text-decoration:none; font-family:Calibri; font-size:9pt;}
.cfRadioButton   { color:#3A3E49;  text-decoration:none; font-family:Calibri; font-size:9pt;}
.cfValidator   { color:#ff0000; text-decoration:none; font-family:Calibri; font-size:9pt;}
.cfNavigation {BORDER-BOTTOM: 0px;}
.cfActionButton {color:#3A3E49;  text-decoration:none; font-family:Calibri; font-size:9pt;border-right: thin solid;border-top: thin solid;border-left: thin solid;	border-bottom: thin solid;}
.cfTable   { color:#3A3E49;  text-decoration:none; font-family:Calibri; font-size:9pt;border-right: thin solid;border-top: thin solid;border-left: thin solid;	border-bottom: thin solid;}
.cfTableHeader   { COLOR: #11115f; BACKGROUND-COLOR: #e8e8f1; text-decoration:none; font-family:Calibri; font-size:9pt;}
.cfTableItem   { color:#3A3E49;  text-decoration:none; font-family:Calibri; font-size:9pt;border-top: thin solid}
.cfAddress   { color:#3A3E49;  text-decoration:none; font-family:Calibri; font-size:9pt;}
.cfPostcodeLookUp   { color:#3A3E49;  BACKGROUND-COLOR: #ffffff; text-decoration:none; font-family:Calibri; font-size:9pt;}
.cfCustomTabPanel
{
    margin-top:10px;
}
a.cfCustomTabSelectedItem {
    color: #FFFFFF;
    background-color: #000000;
    border: solid 1px #000000;
    border-bottom: 0px;
    padding: 10px;
    cursor: default;
    display: inline-block;
    margin-left: 3px;
    font-weight: normal;
    text-decoration: none;
    font-family: verdana;
    font-size: 12px;
}
    a.cfCustomTabSelectedItem:hover {
        color: #FFFFFF;
        background-color: #000000;
        border: solid 1px #000000;
        border-bottom: 0px;
        font-family: verdana;
        font-size: 12px;
        padding: 10px;
        cursor: default;
        display: inline-block;
        margin-left: 3px;
        font-weight: normal;
        text-decoration: none;
    }
a.cfCustomTabItem {
    color: #555555;
    background-color: #FFFFFF;
    border: solid 1px #000000;
    font-family: verdana;
    font-size: 12px;
    border-bottom: 0px;
    padding: 10px;
    cursor: default;
    display: inline-block;
    margin-left: 3px;
    font-weight: normal;
    text-decoration: none;
}
    a.cfCustomTabItem:hover {
        color: #555555;
        background-color: #FFFFFF;
        border: solid 1px #000000;
        font-family: verdana;
        font-size: 12px;
        border-bottom: 0px;
        padding: 10px;
        cursor: default;
        display: inline-block;
        margin-left: 3px;
        font-weight: normal;
        text-decoration: none;
    }
.cfTabPage {
    border-bottom: 0px;
    border-left: 0px;
    border-right: 0px;
    border-top: #000000 10px solid;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
}
.cfTabGroup {
	position:relative;
	top:4px;
}

/******************
* Menu Styles
******************/
.MainMenuGroup
{
  cursor:hand;
}
.RiskMenuGroup
{
  background-color:white;
  border:1px;
  border-style:solid;
  border-color:#53565a;
  cursor:hand;
  padding:2px;
}

.RiskMenuItem 
{
  background-color:white; 
  font-family:Calibri; 
  font-size:11px; 
  font-weight:bold;
  border:0px;
  border-style:solid;
  border-color:white;
  padding-left:5px;
  padding-right:15px;
  cursor:hand;
  color:#555555;
}

.RiskMenuItemOver 
{
  background-color:#b1b3b3; 
  color:#53565a; 
  font-family:Calibri; 
  font-size:11px;
  font-weight:bold;
  border:0px;
  border-style:solid;
  border-color:#53565a;
  padding-left:5px;
  padding-right:15px;
  cursor:hand;
}
.RiskSubMenuItem 
{
  background-color:white; 
  font-family:Calibri; 
  font-size:11px; 
  font-weight:bold;
  border:1px;
  border-style:solid;
  border-color:white;
  color:#53565a;
  text-align:left;
}
.RiskSubMenuItemOver
{
	background-color: #DAE5FF;
	color: #53565a;
	font-family: Calibri;
	font-size: 11px;
	font-weight: bold;
	border: 1px;
	border-style: solid;
	border-color: #53565a;
	cursor: hand;
}
.MenuBreak
{
  padding:0px; 
}


/* COOLTIP */
.ttContainer {padding:0px; margin:0px; width:400px;}
.ttTitleBox {background-color:#53565a; border-width:0px;}
.ttTitle {font-family: Calibri,helvetica,sans-serif; font-size:12px; font-weight:bold; color:#ffffff; padding:2px;}
/* can use background image instead of background colour on ttTextBox */
.ttTextBox {background-color:#eeeeee; border:solid 1px #53565a;}
.ttText {font-family: Calibri,helvetica,sans-serif; font-size:12px; font-weight:normal; color:#53565a; padding:3px;}

.ProductHeader
{
	display: block;
	width: 100%;
	text-align: left;
	text-decoration: none;
	font-family:Calibri;
	font-size:13pt;
	font-weight:bold;
	color: #FFFFFF;
	border: solid 1px #2d5cb9;
	background-color:#2d5cb9;
	padding: 3px 10px 4px 4px;
	margin-bottom:5px;
}
A.PCatLinks {
	display: block;
	width: 220px;
	text-align: left;
	text-decoration: none;
	font-family:Calibri;
	font-size:13pt;
	font-weight:bold;
	color: #007edf;
	border: solid 1px #2d5cb9;
	background-color:#ddeeff;
	padding: 3px 10px 4px 4px;
}
A.PCatLinks:visited {
	display: block;
	width: 220px;
	text-align: left;
	text-decoration: none;
	font-family:Calibri;
	font-size:13pt;
	font-weight:bold;
	color: #007edf;
	border: solid 1px #2d5cb9;
	background-color:#ddeeff;
	padding: 3px 10px 4px 4px;
}

A.PCatLinks:hover {
	border: solid 1px #2d5cb9;
	width: 220px;
	background-color:#ff9900;
	color: #007edf;
	text-align: left;
	text-decoration: none;
	font-family:Calibri;
	font-size:13pt;
	font-weight:bold;
}
A.ProductLink {
	display: block;
	width: 100%;
	text-align: justify;
	text-decoration: none;
	font-family:Calibri;
	font-size:11pt;
	font-weight:bold;
	color: #007edf;
	border: solid 1px #2d5cb9;
	background-color:#ddeeff;
	padding: 2px 2px 3px 3px;
}

A.ProductLink:visited {
	display: block;
	width: 100%;
	text-align: justify;
	text-decoration: none;
	font-family:Calibri;
	font-size:11pt;
	font-weight:bold;
	color: #007edf;
	border: solid 1px #2d5cb9;
	background-color:#ddeeff;
	padding: 2px 2px 3px 3px;
}
A.ProductLink:hover {
	border: solid 1px #2d5cb9;
	background-color:#ff9900;
	text-align: justify;
	text-decoration: none;
	font-family:Calibri;
	font-size:11pt;
	font-weight:bold;
	padding: 2px 2px 3px 3px;
	color: #007edf;
}
.ProductDescription { color:#53565a; text-decoration:none; font-family:Calibri; font-size:13px; text-align: justify;}
.CategoryColumn { padding-bottom:3px; }
.qbox
{
	border: solid 1px #2d5cb9;
	background-color:#ddeeff;
    padding: 5px 3px 0px 3px;
    width: 22px;
    height: 28px;
    vertical-align:middle;
}
.ProductImage { border: solid 1px #aaaaaa; }

/**** DIALOG MENU BAR *****/
.dialogMenubar
{
	/*background-image: url(Images/toolbar.png);
	background-repeat: repeat-x;*/
	background-color:#eeeff6;
	border:1px solid #ccc;
	height: 27px;
	line-height: 27px;
	margin: 10px 0px 15px 0px;
}

.dialogMenubar .separator
{
	border-top: 0px;
	border-left: 1px solid #A0A0A0;
	border-bottom: 0px;
	border-right: 0px;
	height: 19px;
	margin: 4px 0px 4px 10px;
	float: left;
}
.dialogMenubar ul { list-style:none; margin:0; padding:0; }
.dialogMenubar ul li { display:inline; padding-left:20px; }
.dialogMenubar ul li a { font-weight:bold; font-size:9pt; text-decoration:none; color:#222; padding:2px 5px 2px 5px; border:solid 1px transparent }
.dialogMenubar ul li a:hover { text-decoration:none; color:White; border:solid 1px #999; padding:2px 5px 2px 5px; background-color:#999999; }
.dialogMenubar .itemright {	padding-right: 15px; float: right }
.dialogMenubar .firstitem {	padding-left:5px }


.slidepanel
{
	position:relative;
	top:-16px;
	background-color:#FEFBDA;
	border:1px solid #ccc;
	padding-bottom:15px;
}




/* REACT Css Start*/
/* IMPORTANT:
   This file is scoped so it won't break the legacy WebForms page.
   Everything applies ONLY inside #dashboard-root.
*/
#dashboard-root {
    font-family: system-ui, Avenir, Helvetica, Arial, sans-serif;
    line-height: 1.5;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.87);
    background-color: #242424;
    font-synthesis: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0px;
    border-radius: 8px;
}

    /* Links */
    #dashboard-root a {
        font-weight: 500;
        color: #646cff;
        text-decoration: inherit;
    }

        #dashboard-root a:hover {
            color: #535bf2;
        }

    /* Headings */
    #dashboard-root h1 {
        font-size: 3.2em;
        line-height: 1.1;
    }

    /* Buttons */
    #dashboard-root button {
        border-radius: 8px;
        border: 1px solid transparent;
        padding: 0.6em 1.2em;
        font-size: 1em;
        font-weight: 500;
        font-family: inherit;
        background-color: #1a1a1a;
        cursor: pointer;
        transition: border-color 0.25s;
    }

        #dashboard-root button:hover {
            border-color: #646cff;
        }

        #dashboard-root button:focus,
        #dashboard-root button:focus-visible {
            outline: 4px auto -webkit-focus-ring-color;
        }

@media (prefers-color-scheme: light) {
    #dashboard-root {
        color: #213547;
        background-color: transparent;
    }

        #dashboard-root a:hover {
            color: #747bff;
        }

        #dashboard-root button {
            background-color: #f9f9f9;
        }
}

#dashboard-root .read-the-docs {
    color: #888;
}

#dashboard-root .dashboard-app {
    max-width: 100%;
    padding: 0px;
    margin: 0px;
}

#dashboard-root .dashboard-shell {
    display: flex;
    flex-direction: column;
}

#dashboard-root .dashboard-shell-main {
    flex: 1;
    margin: 0px;
    padding: 0px;
    background-image: url('Images/MainBG.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

/* Cards */
#dashboard-root .card {
    margin-top: 0px;
    padding: 16px;
    width: 400px;
    border-radius: 12px;
    background: #f8e3e3;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.18);
    border: 1px solid rgba(0, 0, 0, 0.06);
}

#dashboard-root .card-title {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 12px;
}

#dashboard-root .error-card {
    border: 1px solid rgba(255, 0, 0, 0.25);
}

#dashboard-root .table {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

#dashboard-root .table-header {
    display: grid;
    grid-template-columns: 1fr 120px 140px;
    font-weight: 700;
    opacity: 0.7;
    padding-bottom: 8px;
    border-bottom: 1px solid #eee;
}

#dashboard-root .table-row {
    display: grid;
    grid-template-columns: 1fr 120px 140px;
    padding: 8px 0;
    border-bottom: 1px solid #f2f2f2;
}

#dashboard-root .cards-grid {
    display: grid;
    gap: 10px;
    margin: 10px 0px 20px;
    grid-template-columns: repeat(auto-fit, 450px);
    justify-content: center;
    align-items: start;
}

    #dashboard-root .cards-grid > .card {
        width: 400px;
        max-width: 400px;
    }

@media (max-width: 960px) {
    #dashboard-root .cards-grid {
        grid-template-columns: 1fr;
    }
}

/* Filters */
#dashboard-root .card-filters {
    display: grid;
    gap: 10px;
}

#dashboard-root .filter-row {
    display: grid;
    grid-template-columns: 80px auto 1fr;
    column-gap: 12px;
    align-items: center;
}

#dashboard-root .filter-label {
    font-weight: 700;
    opacity: 0.8;
}

#dashboard-root .filter-control {
    display: flex;
    align-items: center;
}

#dashboard-root .filter-total {
    justify-self: end;
    font-weight: 700;
    opacity: 0.85;
    white-space: nowrap;
}

#dashboard-root .filter-status {
    opacity: 0.8;
}

/* Card skeleton when filter status has content */
#dashboard-root .card:has(.filter-status:not(:empty)) {
    position: relative;
    overflow: hidden;
}

    #dashboard-root .card:has(.filter-status:not(:empty)) > * {
        opacity: 0.45;
    }

    #dashboard-root .card:has(.filter-status:not(:empty))::before {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient( 110deg, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 70% );
        transform: translateX(-100%);
        animation: dashboard-card-shimmer 1.2s infinite;
        z-index: 3;
        pointer-events: none;
    }

/* Sortable cards */
#dashboard-root .sortable-card-item {
    touch-action: none;
    cursor: grab;
}

    #dashboard-root .sortable-card-item:active {
        cursor: grabbing;
    }

    #dashboard-root .sortable-card-item a,
    #dashboard-root .sortable-card-item button,
    #dashboard-root .sortable-card-item input,
    #dashboard-root .sortable-card-item select,
    #dashboard-root .sortable-card-item textarea,
    #dashboard-root .sortable-card-item [role="button"],
    #dashboard-root .sortable-card-item .k-link,
    #dashboard-root .sortable-card-item .k-button,
    #dashboard-root .sortable-card-item .k-input,
    #dashboard-root .sortable-card-item .k-picker,
    #dashboard-root .sortable-card-item .k-dropdownlist,
    #dashboard-root .sortable-card-item .k-combobox {
        cursor: pointer;
    }

    #dashboard-root .sortable-card-item .k-chart,
    #dashboard-root .sortable-card-item .k-chart * {
        cursor: auto !important;
    }

#dashboard-root .dashboard-footer {
    width: 100%;
    padding: 0px;
    margin: 0px;
}

#dashboard-root .dashboard-footer-content {
    padding: 10px 0px;
    background-color: #1d2245;
}

#dashboard-root .dashboard-footer-line.dashboard-footer-line-top {
    width: 100%;
    height: 1px; /* adjust thickness if needed */
    background-color: #000;
    margin: 0px;
    padding: 0px;
}

#dashboard-root .dashboard-footer-line.dashboard-footer-line-bottom {
    width: 100%;
    height: 1px; /* adjust thickness if needed */
    background-color: #000;
    margin: 0px;
    padding: 0px;
}
/* Footer marquee */
#dashboard-root .dashboard-footer-marquee {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
}

#dashboard-root .dashboard-footer-marquee-track {
    display: flex;
    width: max-content;
    animation-name: dashboard-footer-marquee;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    will-change: transform;
}

#dashboard-root .dashboard-footer-marquee-group {
    display: inline-flex;
    align-items: center;
    gap: 0;
    padding: 0;
}

#dashboard-root .dashboard-footer-item {
    color: #FFFFFF;
    font-family: "Segoe UI", Arial, sans-serif;
    display: inline-flex;
    align-items: baseline;
    position: relative;
    max-width: 32rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 0.92rem;
    line-height: 1.0;
    padding-right: 1.2rem;
    margin-right: 1.3rem;
}

    #dashboard-root .dashboard-footer-item::after {
        content: "-";
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-48%);
        color: rgba(255, 255, 255, 0.45);
        font-size: 0.9em;
        pointer-events: none;
    }

#dashboard-root .dashboard-footer-product-name {
    font-weight: 700;
}

#dashboard-root .dashboard-footer-product-metrics {
    font-weight: 400;
    opacity: 0.9;
}

#dashboard-root .dashboard-default-header {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 8px;
    padding: 4px 5px 0px;
}

#dashboard-root .dashboard-default-title {
    font-size: 20px;
    font-weight: 500;
    white-space: nowrap;
    display: block; /* change from inline-block */
    width: fit-content; /* keep it tight to content */
    margin: 10px auto; /* centers horizontally */
    padding: 10px 20px;
    border-radius: 12px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05);
    background: linear-gradient( to bottom, #f7fafd 0%, #eef4fb 50%, #e6eef8 100% );
}

#dashboard-root .dashboard-default-subtitle {
    font-size: 20px;
    font-weight: 500;
    opacity: 0.9;
    text-align: right;
    margin-left: auto;
}

@keyframes dashboard-footer-marquee {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(calc(-1 * var(--dashboard-footer-shift, 50%)));
    }
}

@media (max-width: 900px) {
    #dashboard-root .dashboard-footer-marquee-track {
        animation-duration: 24s;
    }

    #dashboard-root .dashboard-footer-item {
        max-width: 22rem;
        font-size: 0.86rem;
        padding-right: 0.95rem;
        margin-right: 0.95rem;
    }

    #dashboard-root .dashboard-default-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 4px;
    }

    #dashboard-root .dashboard-default-subtitle {
        margin-left: 0;
        text-align: left;
    }
}

@keyframes dashboard-card-shimmer {
    100% {
        transform: translateX(100%);
    }
}

#dashboard-root .dashboard-chart-broker {
    height: 420px;
}

#dashboard-root .dashboard-chart-uw {
    height: 420px;
}

#dashboard-root .dashboard-chart-uw-premium {
    height: 420px;
}

#dashboard-root .dashboard-chart-uw-commission {
    height: 420px;
}
#dashboard-root .card-filters-with-total {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    column-gap: 8px;
    align-items: stretch;
    padding-bottom: 10px;
}

    #dashboard-root .card-filters-with-total .card-filters-criteria {
        display: grid;
        row-gap: 10px; /* adjust */
    }

    #dashboard-root .card-filters-with-total .filter-total-panel {
        align-self: end; /* bottom align */
        justify-self: end;
        min-width: 180px; /* adjust */
        text-align: right;
    }


/* REACT Css End*/

/* CARD IN COOLFORM */

.cfCoolFormCard {
    background: linear-gradient( to bottom, #f7fafd 0%, #eef4fb 50%, #e6eef8 100% );
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 12px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.06);
    margin: 12px auto;
    width: 800px;
}
.cfProductInfoCard {
    background: linear-gradient( to bottom, #f7fafd 0%, #eef4fb 50%, #e6eef8 100% );
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 12px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.06);
    margin-bottom: 12px;
}

.cfProductInfoCard a {
    width: 100%;
    box-sizing: border-box;
}

.cfProductInfoTitle {
    font-size: 1.25em;
    font-weight: 600;
    margin-bottom: 0px;
    font-family:Calibri;
}

.cfProductInfoSections {
    display: flex;
    flex-direction: column; /* 👈 stack vertically */
    gap: 0px; /* control spacing nicely */
}
.cfProductInfoSection {
    flex: none; /* 👈 stop stretching */
    font-family: Calibri;
}

.cfProductInfoList {
    list-style: none;
    padding-left: 0;
    margin-top: 8px;
}

.cfProductInfoList li {
    margin-bottom: 0px;
}
a.cfProductInfoLink:Link {
    display: block;
    width: 100%;
    background: linear-gradient( to bottom, #e9f0f8 0%, #dce6f3 50%, #cfdbea 100% );
    box-sizing: border-box;
    padding: 10px 16px;
    color: #666 !important;
    text-decoration: none;
    border-radius: 6px;
    font-size: 14px;
    font-weight: bold;
    white-space: normal !important;
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
    margin: 0;
    transition: all 0.25s ease;
}

a.cfProductInfoLink:hover {
    background: linear-gradient(to bottom, #ff5968 0%, #fa3f50 50%, #b32739 100%);
    color: #fff !important;
    text-decoration: none;
    transform: translateY(-1px);
    box-shadow: 0 4px 10px rgba(0,0,0,0.15);
}

.cards-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 24px;
    justify-content: center;
}
.BodyMainClass {
    background-image: url('Images/MainBG.png');
    padding: 10px;
    margin: 0px;
    background-size: cover; /* fills entire cell, crops if needed */
    background-position: center;
    background-repeat: no-repeat;
}
/* Make the LinkButton render as a card */
.product-card {
    display: block;
    width: 220px;
    border-radius: 10px;
    padding: 8px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05);
    text-align: left;
    text-decoration: none;
    border: 0px;
    color: #000000;
    background-color: #FFFFFF;
    ;
}

.product-card img {
    max-width: 100%;
    height: auto;
    display: block;
    margin-bottom: 8px;
}

    .product-card .title {
        font-weight: bold;
        margin-bottom: 6px;
        color: #000000;
    }

    .product-card .desc {
        font-size: 0.9em;
        color: #000000;
        margin-bottom: 8px;
    }

    .product-card:focus, .product-card:hover {
        box-shadow: 0 2px 6px rgba(0,0,0,0.12);
        border-color: #1d2245;
        color: #FFFFFF;
        background-color: #1d2245;
        background-image: linear-gradient(to bottom, #ff5968 0%, #fa3f50 50%, #b32739 100%);
    }
    .product-card:focus .title,
    .product-card:hover .title,
    .product-card:focus .desc,
    .product-card:hover .desc {
        color: #FFFFFF;
        text-decoration: none;
    }
    .product-card,
    .product-card:hover,
    .product-card:focus,
    .product-card * {
        text-decoration: none !important;
    }
/* CARD IN COOLFORM End */

#TitleDiv {
    display: block; /* change from inline-block */
    width: fit-content; /* keep it tight to content */
    margin: 10px auto; /* centers horizontally */
    padding: 10px 20px;
    border-radius: 12px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05);
    background: linear-gradient( to bottom, #f7fafd 0%, #eef4fb 50%, #e6eef8 100% );
}

#TitleDiv h1 {
    margin: 0;
}

.TitleDiv {
    display: block; /* change from inline-block */
    width: fit-content; /* keep it tight to content */
    margin: 10px auto; /* centers horizontally */
    padding: 10px 20px;
    border-radius: 12px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05);
    background: linear-gradient( to bottom, #f7fafd 0%, #eef4fb 50%, #e6eef8 100% );
}
.TitleDiv h1 {
    margin: 0;
}
.TitleDiv h2 {
    margin: 0;
}
/*Risk Card*/
.xCardTitle {
    background: linear-gradient(to bottom, #60647c, #1d2245 30%, #1d2245 60%, #1d2245);
    color: #ffffff;
    font-size: 13px;
    font-weight: bold;
    /* make it span full width */
    margin: -16px -18px 12px -18px; /* negate card padding */
    padding: 12px 18px;
    border-radius: 12px 12px 0 0; /* match card corners */
    box-shadow: inset 0 -1px 0 rgba(255,255,255,0.2);
    letter-spacing: 0.3px;
    text-align: center;
}

.xDashboard {
    max-width: 800px;
    margin: 15px auto;
}
.xDashboardFull {
    width: 100%;
    margin: 15px auto;
}
.xCard {
    background-color: #FFFFFF;
    border-radius: 12px;
    padding: 16px 18px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
    border: 1px solid #e3e8ef;
    transition: all 0.2s ease;
    font-family: Calibri, Arial, sans-serif;
    font-size: 12px;
}
    .xCard:hover td.label, .xCard:hover h1, .xCard:hover h2, .xCard:hover h3, .xCard:hover .field, .xCard:hover .ruUploadProgress, .xCard:hover .ruButton {
        color: #ffffff;
    }
.xRiskDetailDashboard {
    display: grid;
    grid-template-columns: 2fr 1fr; /* left big, right smaller */
    grid-auto-rows: auto;
    gap: 16px;
    margin: 15px auto;
}

/* Card positioning */
.xRiskCard {
    grid-column: 1 / 2;
    grid-row: 1 / 3; /* BIG */
}

.xClaimCard {
    grid-column: 1 / 2;
    grid-row: 1 / 2; /* BIG */
}

.xAccountCard {
    grid-column: 2 / 3;
    grid-row: 1 / 2; /* SMALL */
}

.xAgentCard {
    grid-column: 1 / 2;
    grid-row: 3 / 4; /* MEDIUM */
}

.xConditionCard {
    grid-column: 2 / 3;
    grid-row: 2 / 4; /* SMALL TALL */
}

.xRiskCard,
.xAgentCard,
.xAccountCard,
.xConditionCard,
.xClaimCard,
.xCard {
    /*background: linear-gradient( to bottom, #ffffff 0%, #fafcfe 15%, #edf3f9 35%, #e6edf5 50%, #f0f5fa 65%, #e3eaf2 100% );*/
    background-color: #FFFFFF;
    border-radius: 12px;
    padding: 16px 18px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
    border: 1px solid #e3e8ef;
    transition: all 0.2s ease;
    font-family: Calibri, Arial, sans-serif;
    font-size: 12px;
}

    .xCard:hover .tableBorder .field {
        color: #000000;
    }
    .xCard a.detailLinks, .xCard label, .xCard .ruButton {
        color: #000000;
    }
    .xCard:hover a.detailLinks, .xCard:hover label {
        color: #FFFFFF;
    }
    .xCard .taskoverdue {
        color: #FF0000;
        text-align:right;
    }
    /* subtle hover */
    .xRiskCard:hover,
    .xAgentCard:hover,
    .xAccountCard:hover,
    .xConditionCard:hover,
    .xClaimCard:hover,
    .xCard:hover {
        background: linear-gradient(to bottom, #60647c, #1d2245 30%, #1d2245 60%, #1d2245);
        box-shadow: 0 6px 18px rgba(0,0,0,0.12);
        transform: translateY(-2px);
        color: #FFFFFF;
    }
        .xRiskCard:hover .xValue,
        .xAgentCard:hover .xValue,
        .xAccountCard:hover .xValue,
        .xConditionCard:hover .xValue,
        .xClaimCard:hover .xValue,
        .xCard:hover .xValue,
        .xCard:hover .xFull {
            color: #FFFFFF;
            border-bottom: 1px solid #FFFFFF;
        }
            .xRiskCard:hover .xValue .Field,
            .xAgentCard:hover .xValue .Field,
            .xAccountCard:hover .xValue .Field,
            .xConditionCard:hover .xValue .Field,
            .xClaimCard:hover .xValue .Field,
            .xCard:hover .xValue .Field,
            .xCard:hover .xFull Label,
            .xCard:hover .xValue Label {
                color: #FFFFFF;
            }
        .xRiskCard:hover .xKey,
        .xAgentCard:hover .xKey,
        .xAccountCard:hover .xKey,
        .xConditionCard:hover .xKey,
        .xClaimCard:hover .xKey,
        .xCard:hover .xKey {
            color: #FFFFFF; /* slightly softer than pure white */
            border-bottom: 1px solid #FFFFFF;
        }

.xKeyValuePair {
    display: grid;
    grid-template-columns: 60% 40%;
}

.xCard .xKeyValuePair {
    display: grid;
    grid-template-columns: 50% 50%;
}

.xCard .xKeyValuePair.x2080{
    display: grid;
    grid-template-columns: 20% 80%;
}

.CriteriaPanel {
    width: 800px;
    text-align: right;
    margin: 0px auto;
    color: #FFFFFF;
    display: flex;
    align-items: center; /* vertical centering */
    justify-content: flex-end; /* keeps your right alignment */
    gap: 8px;
}

.CriteriaPanelFull {
    width: 100%;
    text-align: right;
    margin: 0px auto;
    color: #FFFFFF;
    display: flex;
    align-items: center; /* vertical centering */
    justify-content: flex-end; /* keeps your right alignment */
    gap: 8px;
}

    .CriteriaPanelFull label.rfdCheckboxUnchecked,
    .CriteriaPanelFull label.rfdCheckboxChecked {
        color: #ffffff;
        border-color: #ffffff;
        background-image: none !important;
    }

    .CriteriaPanelFull label {
        color: #FFFFFF;
    }

    .RadForm_CUL .CriteriaPanelFull label.rfdCheckboxUnchecked,
    .RadForm_CUL .CriteriaPanelFull label.rfdCheckboxChecked {
        color: #ffffff !important;
        border-color: #ffffff;
        background-image: none !important;
    }
    /* Grid Clickable*/
    .RadGrid.RadGrid_CUL.xRadGrid .rgMasterTable tr.rgHoveredRow > td,
    .RadGrid.RadGrid_CUL.xRadGrid .rgMasterTable tr.rgHoveredRow {
        border-color: #FFFFFF;
        color: #FFFFFF;
        background-color: #1d2245;
        background-image: linear-gradient(to bottom, #ff5968 0%, #fa3f50 50%, #b32739 100%) !important;
        box-shadow: 0 1px 0 0 #1d2245 inset;
    }
/* KEY */
.xKey {
    font-size: 12px;
    color: #111111;
    padding: 10px 0;
    border-bottom: 1px solid #333333;
}

.xValue {
    font-size: 12px;
    font-weight:800;
    color: #000000;
    text-align: right;
    padding: 10px 0;
    border-bottom: 1px solid #333333;
}
.xFull {
    grid-column: 1 / -1; /* span across all columns */
    font-size: 12px;
    color: #000000;
    text-align: right;
    padding: 10px 0;
    border-bottom: 1px solid #333333;
}
.xLeft {
    text-align: left;
}
.xCenter {
    text-align: center;
}
.xValue .Field {
    font-size: 12px;
    font-weight: 800;
    color: #000000;
}
/* Case 1: last row is xFull → remove only its border */
.xKeyValuePair > .xFull:last-child {
    border-bottom: none;
}

.xFull a:link {
    color: #000000;
}

.xValue:hover a, .xCard:hover a{
    color:#FFFFFF;
}

.xCard:hover a.rfdSelect{
    color: #1e395b;
}
    /* Case 2: last row is a pair (xKey + xValue) */
    .xKeyValuePair > .xKey:nth-last-child(2),
    .xKeyValuePair > .xValue:last-child {
        border-bottom: none;
    }

@media (max-width: 900px) {
    .xRiskDetailDashboard {
        grid-template-columns: 1fr;
    }

    .xRiskCard,
    .xAgentCard,
    .xAccountCard,
    .xConditionCard {
        grid-column: auto !important;
        grid-row: auto !important;
    }
}

.ButtonDivPanel {
    display: flex;
    justify-content: flex-end;
    padding: 10px 0px;
    gap: 10px;
}
/*Risk Card End*/

:root {
    --page-bg-1: #f4f7fb;
    --page-bg-2: #e9eef7;
    --card-bg: rgba(255,255,255,0.94);
    --text: #0f172a;
    --muted: #5b6b84;
    --line: #d9e2ef;
    --input-bg: #f8fbff;
    --input-focus: #ffffff;
    --primary: #1d4ed8;
    --primary-soft: #eaf2ff;
    --danger: #dc2626;
    --shadow: 0 20px 50px rgba(15,23,42,0.12);
    --radius-xl: 28px;
    --radius-lg: 16px;
}

* {
    box-sizing: border-box;
}

.login-page {
    min-height: 100vh;
    padding: 20px 20px 56px;
}

.login-shell {
    max-width: 1120px;
    margin: 0 auto;
}

.login-top {
    text-align: center;
    margin-bottom: 30px;
}

    .login-top h1 {
        margin: 0 0 14px;
        font-size: 42px;
        line-height: 1.1;
        font-weight: 700;
        letter-spacing: -0.03em;
        color: var(--text);
    }

    .login-top .intro {
        margin: 0 auto;
        max-width: 1000px;
        font-size: 12px;
        line-height: 1;
        color: var(--muted);
    }

.login-main {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 28px;
}

.signin-card {
    width: 100%;
    min-width: 420px;
    max-width: 420px;
    background: var(--card-bg);
    border: 1px solid rgba(255,255,255,0.7);
    border-radius: 14px;
    box-shadow: var(--shadow);
    padding: 22px 30px 18px;
    backdrop-filter: blur(6px);
    transition: transform .18s ease, box-shadow .18s ease;
}

    .signin-card:hover {
        transform: translateY(-10px);
        box-shadow: 0 30px 60px rgba(15,23,42,0.18);
    }

.signin-card-top {
    text-align: center;
    margin-bottom: 30px;
    font-weight: bold;
}

.eyebrow {
    display: inline-block;
    margin-bottom: 16px;
    padding: 8px 14px;
    border-radius: 999px;
    background: var(--primary-soft);
    color: var(--primary);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.signin-card h2 {
    margin: 0 0 10px;
    font-size: 42px;
    line-height: 1.1;
    font-weight: 700;
    letter-spacing: -0.03em;
    color: var(--text);
}

.signin-card .subtext {
    margin: 0 auto;
    max-width: 470px;
    font-size: 16px;
    line-height: 1.8;
    color: var(--muted);
}

.signin-fields {
    width: 100%;
    max-width: 420px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 5px;
    align-items: flex-start;
}
/* ensure labels left aligned and inputs left aligned inside card */
.signin-field {
    width: 100%;
    flex-direction: column;
    display: flex;
    gap: 10px;
}

    .signin-field .bodycolor1large, .signin-field label {
        text-align: left;
    }

    .signin-field label,
    .signin-field .bodycolor1large {
        display: block;
        margin: 0 0 9px;
        font-size: 14px;
        line-height: 1.4;
        font-weight: 700;
        color: #243b63;
    }

    .signin-field input.flattextbox,
    .signin-field input[type="text"],
    .signin-field input[type="password"] {
        width: 100% !important;
        height: 38px;
        padding: 0 14px;
        border: 1px solid var(--line);
        border-radius: 14px;
        background: var(--input-bg);
        color: var(--text);
        font-size: 15px;
        outline: none;
        transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
        box-sizing: border-box;
    }

    .signin-field input:focus {
        border-color: #7aa7ff;
        background: var(--input-focus);
        box-shadow: 0 0 0 4px rgba(59,130,246,0.14);
    }

.signin-actions {
    margin-top: 6px;
    width: 100% !important;
}

    .signin-actions .RadButton,
    .signin-actions button {
        width: 100% !important;
        height: 56px;
        border-radius: 15px;
        font-size: 16px;
        font-weight: 700;
    }

.signin-links {
    width: 100%;
    max-width: 420px;
    margin: 24px auto 0;
    text-align: center;
}

    .signin-links a,
    .navLinks {
        display: inline-block;
        margin: 5px 0;
        color: #4b5563;
        font-size: 14px;
        font-weight: 600;
        text-decoration: none;
    }

        .signin-links a:hover,
        .navLinks:hover {
            color: var(--primary);
            text-decoration: underline;
        }

.signin-trust {
    width: 100%;
    max-width: 420px;
    margin: 26px auto 0;
    padding-top: 20px;
    border-top: 1px solid #dde5f0;
    text-align: center;
}

.trust-note {
    margin: 0 0 12px;
    font-size: 13px;
    line-height: 1.6;
    color: var(--muted);
}

.signin-error {
    width: 100%;
    max-width: 420px;
    margin: 16px auto 0;
    text-align: center;
    color: red;
    font-size: 14px;
    font-weight: bold;
}

.errText {
    color: var(--danger);
    font-size: 14px;
    font-weight: 700;
}

.banner-card {
    background: rgba(255,255,255,0.75);
    border: 1px solid rgba(255,255,255,0.65);
    border-radius: 18px;
    overflow: hidden;
    width: 613px;
    height: 307px;
    position: relative;
    box-shadow: 0 18px 40px rgba(15,23,42,0.14);
    transition: transform .18s ease, box-shadow .18s ease;
}

    .banner-card:hover {
        transform: translateY(-10px);
        box-shadow: 0 28px 60px rgba(15,23,42,0.20);
    }

@media (max-width: 768px) {
    .login-page {
        padding: 28px 14px 40px;
    }

    .login-top h1 {
        font-size: 32px;
    }

    .login-top .intro {
        font-size: 15px;
    }

    .signin-card {
        padding: 28px 20px 24px;
        border-radius: 22px;
    }

        .signin-card h2 {
            font-size: 34px;
        }

        .signin-card .subtext {
            font-size: 15px;
        }

    .signin-fields,
    .signin-links,
    .signin-trust,
    .signin-error {
        max-width: 100%;
    }
}

.liquid-loader {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 160px;
    height: 120px;
}

.blob-wrap {
    position: relative;
    width: 120px;
    height: 80px;
    filter: url(#gooey);
}

.blob {
    position: absolute;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}

.blob-1 {
    width: 48px;
    height: 48px;
    background: #ff4d5a;
    left: 10px;
    top: 18px;
    animation: blobMove1 2.8s infinite, blobMorph1 3.2s infinite;
}

.blob-2 {
    width: 54px;
    height: 54px;
    background: #ffffff;
    left: 42px;
    top: 10px;
    animation: blobMove2 3s infinite, blobMorph2 3.6s infinite;
}

.blob-3 {
    width: 36px;
    height: 36px;
    background: #ff6b75;
    left: 70px;
    top: 30px;
    animation: blobMove3 2.6s infinite, blobMorph3 3.1s infinite;
}

@keyframes blobMove1 {
    0%, 100% {
        transform: translate(0, 0) scale(1);
    }

    25% {
        transform: translate(18px, -10px) scale(1.08);
    }

    50% {
        transform: translate(30px, 8px) scale(0.92);
    }

    75% {
        transform: translate(12px, 14px) scale(1.05);
    }
}

@keyframes blobMove2 {
    0%, 100% {
        transform: translate(0, 0) scale(1);
    }

    25% {
        transform: translate(-16px, 12px) scale(0.95);
    }

    50% {
        transform: translate(10px, 18px) scale(1.1);
    }

    75% {
        transform: translate(20px, -8px) scale(0.96);
    }
}

@keyframes blobMove3 {
    0%, 100% {
        transform: translate(0, 0) scale(1);
    }

    25% {
        transform: translate(-10px, -12px) scale(1.1);
    }

    50% {
        transform: translate(-22px, 6px) scale(0.9);
    }

    75% {
        transform: translate(8px, -6px) scale(1.05);
    }
}

@keyframes blobMorph1 {
    0%, 100% {
        border-radius: 42% 58% 63% 37% / 40% 44% 56% 60%;
    }

    50% {
        border-radius: 58% 42% 35% 65% / 55% 30% 70% 45%;
    }
}

@keyframes blobMorph2 {
    0%, 100% {
        border-radius: 60% 40% 45% 55% / 51% 59% 41% 49%;
    }

    50% {
        border-radius: 38% 62% 58% 42% / 40% 47% 53% 60%;
    }
}

@keyframes blobMorph3 {
    0%, 100% {
        border-radius: 55% 45% 40% 60% / 48% 62% 38% 52%;
    }

    50% {
        border-radius: 35% 65% 60% 40% / 55% 35% 65% 45%;
    }
}

.RadMenu .rmRootGroup > .rmItem:first-child > .rmLink {
    border-left: 1px solid #ccd9e7; /* adjust color */
    padding-left: 10px; /* spacing so text doesn’t stick */
}



.RadGrid_CUL .rgHeader:active,
.RadGrid_CUL .rgHeader:focus,
.RadGrid_CUL th.rgSorted,
.RadGrid_CUL th.rgSorted:active,
.RadGrid_CUL th.rgSorted:focus {
    background: linear-gradient(#60647c, #1d2245 50%, #1d2245 50%, #1d2245);
    color: #FFFFFF;
    text-decoration: none;
}


    .RadGrid_CUL th.rgSorted a,
    .RadGrid_CUL th.rgSorted a:active,
    .RadGrid_CUL th.rgSorted a:focus {
        color: #FFFFFF;
        text-decoration: none;
    }

.RadGrid_CUL .rgRow > td.rgSorted,
.RadGrid_CUL .rgRow > td.rgSorted:active,
.RadGrid_CUL .rgRow > td.rgSorted:focus {
    background: #f1f3fb !important;
    background-color: #f1f3fb !important;
    background-image: none !important;
    color: #000000 !important;
}

    .RadGrid_CUL .rgRow > td.rgSorted:hover {
        background: #f1f3fb !important;
        background-color: #f1f3fb !important;
        background-image: none !important;
        color: #FFFFFF !important;
    }

.RadGrid_CUL .rgAltRow > td.rgSorted,
.RadGrid_CUL .rgAltRow > td.rgSorted:active,
.RadGrid_CUL .rgAltRow > td.rgSorted:focus {
    background: #ffffff !important;
    background-color: #ffffff !important;
    background-image: none !important;
    color: #000000 !important;
}

    .RadGrid_CUL .rgAltRow > td.rgSorted:hover {
        background: #ffffff !important;
        background-color: #ffffff !important;
        background-image: none !important;
        color: #FFFFFF !important;
    }

.RadGrid_CUL .rgRow:hover span[style*="Red"],
.RadGrid_CUL .rgAltRow:hover span[style*="Red"] {
    color: #FFFFFF !important;
}
.RadGrid_CUL .rgRow td .t-button,
.RadGrid_CUL .rgAltRow td .t-button {
    display: inline-flex;
    align-items: center;
}

.rfdOptionList td {
    font-family: Calibri;
    font-size: 11px;
}
.CustomFooterGrid {
    border-color: #1d2245;
    color: #FFFFFF;
    background-color: #1d2245;
    font-family: Calibri;
    font-size: 11px;
    padding: 0px 4px 4px;
    width: 100%;
    margin: 0px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.RadDockZone_CUL{
    border:0px;
    border-width:0px;
}