@import url('https://fonts.googleapis.com/css2?family=Bitter&family=Work+Sans&display=swap');

:root {
	/*********COLORS********/
  --clr-primary-100: #e6f6f1;
  --clr-primary-200: #9CFCDF; 
  --clr-primary-300: #05C78D; 
  --clr-primary-400: #04a777; /*Jade*/
  --clr-primary-500: #048B63; 
  --clr-secondary-400: #2a73e8;/*Zircon*/
  --clr-secondary-600: #01153a;/*Dark Sapphire*/
  --clr-secondary-800:#161925;/*Onyx*/
  --clr-accent-light-100:#FFF1D6;
  --clr-accent-light-200:#FFEBC2;
  --clr-accent-light-300:#FFD685;
  --clr-accent-light-400:#ffc857;/*Gold*/
  --clr-accent-light-500:#FFBB33;
  --clr-accent-dark:#7a73ff;/*Jasper*/
  --clr-important-200:#FEC3C6;
  --clr-important-300:#FB4B54;
  --clr-important-400:#fb3640;/*Fire Opal*/
  --clr-important-500:#c92b33;
  --clr-neutral-100:#eaeaea;
  --clr-neutral-200:#e0e0e0;
  --clr-neutral-300:#d5d5d5;
  --clr-neutral-400:#cccccc;
  --clr-neutral-500:#999999;
  --clr-neutral-600:#666666;
  --clr-neutral-700:#505050;
  --clr-neutral-800:#424242;
  --clr-neutral-900:#333333;

	/*********FONTS********/
  --ff-headers: 'Bitter', serif;
  --ff-body: 'Work Sans', 'Open Sans', sans-serif;
}

html {
	scroll-behavior: smooth;
	font-size:62.5%;
}

body {
    background: var(--clr-neutral-100);
    border: none;
    outline: none;
    margin: 0;
    padding: 0;
    color:var(--clr-secondary-600);
    font-family: var(--ff-body);
}
/* ================================
    Default styles FOR DotNetNuke
   ================================
*/

/* background color for the content part of the pages */
.ControlPanel, .PagingTable
{
	width: 100%;
	background-color: #f4f5eb; /*white;*/
	border-right: #003366 1px solid;
	border-top: #003366 1px solid;
	border-left: #003366 1px solid;
	border-bottom: #003366 1px solid;
}

.SkinObject
{
	font-weight: bold;
	font-size: 8.5pt;
	color: #003366;
	
	text-decoration: none;
}

A.SkinObject:link
{
	text-decoration: none;
	color: #003366;
}

A.SkinObject:visited
{
	text-decoration: none;
	color: #003366;
}

A.SkinObject:hover
{
	text-decoration: none;
	color: #003366;
}

A.SkinObject:active
{
	text-decoration: none;
	color: #003366;
}

a {
	color: var(--clr-primary-400);
	transition: all ease-in-out 0.2s;
}
a:visited {
	color: var(--clr-accent-dark-400);

}
a:hover {
	color: var(--clr-secondary-400);
	text-decoration: underline;
}
a:active {
	color: var(--clr-primary-400);
}

/* styles for LANGUAGE skinobject */
.Language
{
	vertical-align: middle;
	margin: 0px;
}

.Language img
{
	border: none;
}


/* style for module titles */
.Head
{
	
	font-size: 20px;
	font-weight: normal;
	color: #333333;
}

/* style of item titles on edit and admin pages */
.SubHead
{
	
	font-size: 11px;
	font-weight: bold;
	color: #003366;
}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead
{
	
	font-size: 11px;
	font-weight: bold;
	color: black;
}

/* text style used for most text rendered by modules */
.Normal, .NormalDisabled
{
	
	/*font-size: 11px;*/
	font-weight: normal;
	vertical-align:middle;
}

/* text style used for rendered text which should appear disabled */
.NormalDisabled
{
	color: Silver;
}

/* text style used for rendered text which requires emphasis */
.NormalBold
{
	
	/*font-size: 11px;*/
	font-weight: bold;
}

/* text style used for error messages */
.NormalRed
{
	
	/*font-size: 12px;*/
	font-weight: bold;
	color: #ff0000;
}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox
{
	
	/*font-size: 12px;*/
	font-weight: normal;
}

/* styles used by Data Grids */
.DataGrid_AlternatingItem
{
	background-color: White;
	color: Red;
	
	/*font-size: 10px;*/
	font-weight: normal;
}
.DataGrid_Container
{
	background-color: Transparent;
}
.DataGrid_Footer
{
	background-color: White;
}
.DataGrid_Header
{
	background-color: Transparent;
	color: Black;
	
	/*font-size: 10px;*/
	font-weight: bold;
	text-align: center;
}
.DataGrid_Item
{
	background-color: Transparent;
	color: Black;
	
	/*font-size: 10px;*/
	font-weight: normal;
}
.DataGrid_SelectedItem
{
	background-color: Silver;
	color: Blue;
	
	/*font-size: 10px;*/
	font-weight: normal;
}

/* styles used by TreeMenu Skin Object */
.TreeMenu_Node
{
	
	/*font-size: 12px;*/
	font-weight: normal;
}

.TreeMenu_NodeSelected
{
	
	/*font-size: 12px;*/
	font-weight: normal;
	background-color: #dcdcdc;
}

A.TreeMenu_Node:link, A.TreeMenu_NodeSelected:link
{
	text-decoration: none;
	color: #003366;
}

A.TreeMenu_Node:visited, A.TreeMenu_NodeSelected:visited
{
	text-decoration: none;
	color: #003366;
}

A.TreeMenu_Node:hover, A.TreeMenu_NodeSelected:hover
{
	text-decoration: none;
	color: #ff0000;
}

A.TreeMenu_Node:active, A.TreeMenu_NodeSelected:active
{
	text-decoration: none;
	color: #003366;
}

/* styles used in the FileManager */
.FileManager
{
	border-right: black 1px solid;
	border-top: black 1px solid;
	border-left: black 1px solid;
	border-bottom: black 1px solid;
	height: 400px;
}
.FileManager_ToolBar
{
	border-bottom: black 1px solid;
	height: 25px;
}
.FileManager_Explorer
{
	height: 100%;
	border: #696969 1px solid;
	background-color: White;
	margin: 2px 2px 2px 2px;
}

.FileManager_FileList
{
	height: 100%;
	border: #696969 1px solid;
	background-color: White;
	margin: 2px 2px 2px 2px;
	overflow: auto;
}

.FileManager_MessageBox
{
	text-align: center;
	vertical-align: middle;
	background-color: White;
	padding: 25px 25px 25px 25px;
}

.FileManager_Header
{
	
	/*font-size: 10px;*/
	font-weight: bold;
	color: #1a3846;/*#E7E7FF;*/
	background-color: #ccdae0; /*#9EBFF6;*/
	border-bottom: #696969 1px solid;
	height: 25px;
}

.FileManager_Pager
{
	
	/*font-size: 10px;*/
	font-weight: bold;
	background-color: #EEEEEE;
	border-top: #696969 1px solid;
	height: 25px;
}

.FileManager_StatusBar
{
	
	/*font-size: 10px;*/
	font-weight: normal;
	background-color: #dedfde;
	height: 25px;
	margin: 2px 2px 2px 2px;
}

.FileManager_Item
{
	
	/*font-size: 11px;*/
	font-weight: normal;
	color: Black;
	background-color: #F8F8F8;
	border-top: black 1px dashed;
	border-bottom: black 1px dashed;
}

.FileManager_AltItem
{
	
	/*font-size: 11px;*/
	font-weight: normal;
	color: Black;
	background-color: #EEEEEE;
	border-style: none;
}


.FileManager_Header_Long
{
	
	/*font-size: 10px;*/
	font-weight: bold;
	color: #1a3846;/*#E7E7FF;*/
	background-color: #ccdae0; /*#9EBFF6;*/
	border-bottom: #696969 1px solid;
	height: 25px;
}

.FileManager_Header_Long2
{
	
	/*font-size: 9px;*/
	font-weight: bold;
	color: #1a3846;/*#E7E7FF;*/
	background-color: #ccdae0; /*#9EBFF6;*/
	border-bottom: #696969 1px solid;
	height: 25px;
}

.FileManager_SelItem
{
	
	/*font-size: 11px;*/
	font-weight: bold;
	color: White;
	background-color: #99ffff;
	border-style: none;
}

.FileManagerTreeNode
{
	
	/*font-size: 11px;*/
	font-weight: normal;
}

.FileManagerTreeNodeSelected
{
	
	/*font-size: 11px;*/
	font-weight: normal;
	background-color: #dcdcdc;
}

A.FileManagerTreeNode:link, A.FileManagerTreeNodeSelected:link
{
	text-decoration: none;
	color: #003366;
}

A.FileManagerTreeNode:visited, A.FileManagerTreeNodeSelected:visited
{
	text-decoration: none;
	color: #003366;
}

A.FileManagerTreeNode:hover, A.FileManagerTreeNodeSelected:hover
{
	text-decoration: none;
	color: #ff0000;
}

A.FileManagerTreeNode:active, A.FileManagerTreeNodeSelected:active
{
	text-decoration: none;
	color: #003366;
}

/* styles used in the Wizard Framework */
.Wizard
{
	border-right: black 1px solid;
	border-top: black 1px solid;
	border-left: black 1px solid;
	border-bottom: black 1px solid;
	height: 400px;
	width: 650px;
}
.WizardButton
{
	border-right: #696969 1px solid;
	padding-right: 2px;
	border-top: #696969 1px solid;
	padding-left: 2px;
	padding-bottom: 2px;
	border-left: #696969 1px solid;
	padding-top: 2px;
	border-bottom: #696969 1px solid;
	background-color: #dcdcdc;
}
.WizardHeader
{
	background: #ffffcc;
	border-bottom: black 1px solid;
	height: 40px;
}
.WizardFooter
{
	border-top: black 1px solid;
	background: #ccffcc;
	height: 25px;
	text-align: right;
}
.WizardBody
{
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
	height: 325px;
}
.WizardHelp
{
	padding-right: 5px;
	padding-left: 5px;
	font-size: 9pt;
	padding-bottom: 5px;
	border-left: black 1px solid;
	width: 180px;
	padding-top: 5px;
	background-color: #ccffff;
}
.WizardHelpText
{
	overflow: auto;
	font-size: 8pt;
	width: 180px;
	color: black;
	height: 300px;
}
.WizardText
{
	font-size: 9pt;
	color: black;
}


/* text style used for help text rendered by modules */
.Help
{
	border-right: black 1px solid;
	padding-right: 2px;
	border-top: black 1px solid;
	padding-left: 2px;
	font-weight: normal;
	font-size: 11px;
	padding-bottom: 2px;
	border-left: black 1px solid;
	color: black;
	padding-top: 2px;
	border-bottom: black 1px solid;
	
	background-color: #ffff99;
}

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton
{
	
	font-size: 11px;
	font-weight: normal;
}

/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link
{
	text-decoration: underline;
	color: #003366;
}

A.CommandButton:visited
{
	text-decoration: underline;
	color: #003366;
}

A.CommandButton:hover
{
	text-decoration: underline;
	color: #ff0000;
}

A.CommandButton:active
{
	text-decoration: underline;
	color: #003366;
}

/* button style for standard HTML buttons */
.StandardButton
{
	padding-right: 5px;
	padding-left: 5px;
	font-weight: normal;
	font-size: 11px;
	background: #dddddd;
	color: #000000;
}


/* GENERIC */
H1
{
	
	font-size: 4.2rem;
	line-height: 1.5em;
	font-weight: normal;
	font-family: var(--ff-headers);
	color: var(--clr-primary-400);
	margin:0;
}

H2
{
	
	font-size: 20px;
	font-weight: normal;
	color: #666644;
}

H3
{
	
	font-size: 12px;
	font-weight: normal;
	color: #003366;
}

H4
{
	
	font-size: 12px;
	font-weight: normal;
	color: #003366;
}

H5, DT
{
	
	font-size: 11px;
	font-weight: bold;
	color: #003366;
}

H6
{
	
	font-size: 11px;
	font-weight: bold;
	color: #003366;
}

TFOOT, THEAD
{
	
	font-size: 12px;
	color: #003366;
}

TH
{
	vertical-align: baseline;
	
	font-size: 12px;
	font-weight: bold;
	color: #003366;
}
/* 
A:link
{
	text-decoration: none;
	color: #003366;
}

A:visited
{
	text-decoration: none;
	color: #003366;
}

A:hover
{
	color: #ff0000;
}

A:active
{
	text-decoration: none;
	color: #003366;
} */

SMALL
{
	font-size: 8px;
}

BIG
{
	font-size: 14px;
}

BLOCKQUOTE, PRE
{
}


UL LI
{
	list-style-type: square;
}

UL LI LI
{
	list-style-type: disc;
}

UL LI LI LI
{
	list-style-type: circle;
}

OL LI
{
	list-style-type: decimal;
}

OL OL LI
{
	list-style-type: lower-alpha;
}

OL OL OL LI
{
	list-style-type: lower-roman;
}
OL UL LI
{
	list-style-type: disc;
}

HR
{
	color: #696969;
	height: 1pt;
	text-align: left;
}

/* Module Title Menu */
.ModuleTitle_MenuContainer
{
	border-bottom: blue 0px solid;
	border-left: blue 0px solid;
	border-top: blue 0px solid;
	border-right: blue 0px solid;
}

.ModuleTitle_MenuBar
{
	cursor: pointer;
	height: 16;
	background-color: Transparent;
}

.ModuleTitle_MenuItem
{
	cursor: pointer;
	color: black;
	
	font-size: 9pt;
	font-weight: bold;
	font-style: normal;
	border-left: white 0px solid;
	border-bottom: white 1px solid;
	border-top: white 1px solid;
	border-right: white 0px solid;
	background-color: Transparent;
}

.ModuleTitle_MenuIcon
{
	cursor: pointer;
	background-color: #EEEEEE;
	border-left: #EEEEEE 1px solid;
	border-bottom: #EEEEEE 1px solid;
	border-top: #EEEEEE 1px solid;
	text-align: center;
	width: 15px;
	height: 21px;
}

.ModuleTitle_SubMenu
{
	z-index: 1000;
	cursor: pointer;
	background-color: white;
	border-bottom: white 0px solid;
	border-left: white 0px solid;
	border-top: white 0px solid;
	border-right: white 0px solid;
}

.ModuleTitle_MenuBreak
{
	border-bottom: #EEEEEE 1px solid;
	border-left: #EEEEEE 0px solid;
	border-top: #EEEEEE 1px solid;
	border-right: #EEEEEE 0px solid;
	background-color: #EEEEEE;
	height: 1px;
}

.ModuleTitle_MenuItemSel
{
	cursor: pointer;
	color: black;
	
	font-size: 9pt;
	font-weight: bold;
	font-style: normal;
	background-color: #C1D2EE;
}

.ModuleTitle_MenuArrow
{
	font-family: webdings;
	font-size: 10pt;
	cursor: pointer;
	border-right: white 1px solid;
	border-bottom: white 1px solid;
	border-top: white 0px solid;
}

.ModuleTitle_RootMenuArrow
{
	font-family: webdings;
	font-size: 10pt;
	cursor: pointer;
}

/* Main Menu */
.MainMenu_MenuContainer
{
	background-color: transparent;
}
.MainMenu_MenuBar
{
	cursor: pointer;
	height: 16px;
	background-color: Transparent;
}
.MainMenu_MenuItem
{
	cursor: pointer;
	color: black;
	
	font-size: 9pt;
	font-weight: bold;
	font-style: normal;
	border-left: white 0px solid;
	border-bottom: white 1px solid;
	border-top: white 1px solid;
	border-right: white 0px solid;
	background-color: Transparent;
}
.MainMenu_MenuIcon
{
	cursor: pointer;
	background-color: #EEEEEE;
	border-left: #EEEEEE 1px solid;
	border-bottom: #EEEEEE 1px solid;
	border-top: #EEEEEE 1px solid;
	text-align: center;
	width: 15px;
	height: 21px;
}
.MainMenu_SubMenu
{
	z-index: 1000;
	cursor: pointer;
	background-color: white;
	border-bottom: white 0px solid;
	border-left: white 0px solid;
	border-top: white 0px solid;
	border-right: white 0px solid;
}
.MainMenu_MenuBreak
{
	border-bottom: #EEEEEE 1px solid;
	border-left: #EEEEEE 0px solid;
	border-top: #EEEEEE 1px solid;
	border-right: #EEEEEE 0px solid;
	background-color: #EEEEEE;
	height: 1px;
}
.MainMenu_MenuItemSel
{
	cursor: pointer;
	color: black;
	
	font-size: 9pt;
	font-weight: bold;
	font-style: normal;
	background-color: #C1D2EE;
}
.MainMenu_MenuArrow
{
	font-family: webdings;
	font-size: 10pt;
	cursor: pointer;
	border-right: white 1px solid;
	border-bottom: white 1px solid;
	border-top: white 0px solid;
}
.MainMenu_RootMenuArrow
{
	font-family: webdings;
	font-size: 10pt;
	cursor: pointer;
}

/* LEGACY STYLES from DNN 1-2 */
.HeadBg
{
	background-color: var(--clr-neutral-400);
}

.TabBg
{
	background-color: black;
}

.SelectedTab
{
	font-weight: bold;
	font-size: 8.5pt;
	color: white;
	
	text-decoration: none;
}

A.SelectedTab:link
{
	text-decoration: none;
	color: white;
}

A.SelectedTab:visited
{
	text-decoration: none;
	color: #eeeeee;
}

A.SelectedTab:hover
{
	text-decoration: none;
	color: var(--clr-neutral-400);
}

A.SelectedTab:active
{
	text-decoration: none;
	color: #eeeeee;
}

.OtherTabs
{
	font-weight: bold;
	font-size: 8.5pt;
	color: white;
	
	text-decoration: none;
}

A.OtherTabs:link
{
	text-decoration: none;
	color: white;
}

A.OtherTabs:visited
{
	text-decoration: none;
	color: #eeeeee;
}

A.OtherTabs:hover
{
	text-decoration: none;
	color: var(--clr-neutral-400);
}

A.OtherTabs:active
{
	text-decoration: none;
	color: #eeeeee;
}

.PagingTable
{
	height: 33px;
}

/*
.LabelEditOverClass
{	
	cursor: pointer;
	text-decoration: underline overline;
}
*/

.LabelEditTextClass
{
	border: solid 1px red;
	background-color: Transparent;
}

.LabelEditWorkClass
{
	/*background: url(/DotNetNuke/images/dnnanim.gif) no-repeat right;*/
	border: solid 0px red;
	background-color: Transparent;
}

/* style for the DNNTextSuggest control select menu */
.SuggestTextMenu
{
	border: solid 1px black;
	white-space: nowrap;
	background: white;
}
/* style for the DNNTextSuggest control selected menu node */
.SuggestNodeOver
{
	background-color: navy;
	color: White;
}


/*Edit In Place Tool Bar Classes*/
.eipbackimg
{
	border: outset 1px; /*give toolbar a 3D look*/
	position: absolute; /*needed so it doesn't take up space */
	margin-top: -22px; /*specify toolbar to be just above text */
	white-space: nowrap; /* makes toolbar horizontal */
	background: url(../../images/eip_toolbar.gif);
	background-color: #99cccc;
	height: 22px;
}

.eipbuttonbackimg
{
	width: 21px;
	height: 21px;
	cursor: pointer; /*change mouse to pointer when hover over button*/
	display: -moz-inline-box; /* Gecko proprietary  (ORDER IS IMPORTANT HERE!)*/
	display: inline-block; /* supported by Opera and ? */
}

.eipbutton_edit
{
	background: url(../../images/eip_edit.gif) no-repeat 100% center;
}
.eipbutton_save
{
	background: url(../../images/eip_save.gif) no-repeat 100% center;
}
.eipborderhover
{
	border: outset 1px;
}

/* used to collapse panes without any content in them */
.DNNEmptyPane
{
	width: 0px;
}

/* used to set the different module align options - from module settings */
.DNNAlignleft
{
	text-align: left;
}
.DNNAlignright
{
	text-align: right;
}
.DNNAligncenter
{
	text-align: center;
}

/* Login Styles */
.LoginPanel
{

}

.LoginTabGroup
{
	
}

.LoginTab {
	float: left;
	background: url("../../images/tablogin_gray.gif") left top;
	margin: 0 3px 3px 0;
	padding: 5px 5px 4px 5px;
	text-decoration: none;
	color: white;
	border: 1px #25569a solid;	
}

.LoginTabSelected{
	float: left;
	background: url("../../images/tablogin_gray.gif") left top;
	margin: 0 3px 3px 0;
	padding: 5px 5px 4px 5px;
	text-decoration: none;
	color: white;
	background-position: 0% -41px;
	border: 1px #25569a solid;
}

.LoginTabHover
{
	float: left;
	background: url("../../images/tablogin_gray.gif") left top;
	margin: 0 3px 3px 0;
	padding: 5px 5px 4px 5px;
	text-decoration: none;
	color: #555;
	border: 1px #C00 solid;
	cursor:pointer;
}

.LoginContainerGroup
{
	clear: both;
	padding-top: 5px;
}

.LoginContainer
{
	
}

.AjaxCalendar .ajax__calendar_container { border:1px solid #646464;background-color: white;color: red;}
.AjaxCalendar .ajax__calendar_active .ajax__calendar_day {background-color:#8fcfed;border-color:#0066cc;color:#0066cc;}
.AjaxCalendar .ajax__calendar_hover .ajax__calendar_day {background-color:#8fcfed;border-color:#daf2fc;color:#0066cc;}
.AjaxCalendar .ajax__calendar_active .ajax__calendar_day {background-color:#8fcfed;border-color:#0066cc;color:#0066cc;}
.AjaxCalendar .ajax__calendar_active .ajax__calendar_month {background-color:#8fcfed;border-color:#0066cc;color:#0066cc;}
.AjaxCalendar .ajax__calendar_active .ajax__calendar_year {background-color:#8fcfed;border-color:#0066cc;color:#0066cc;}
.AjaxCalendar .ajax__calendar_other .ajax__calendar_day {background-color:white;border-color:white;color:#646464;}
.AjaxCalendar .ajax__calendar_other .ajax__calendar_year {background-color:white;border-color:white;color:#646464;}
.AjaxCalendar .ajax__calendar_hover .ajax__calendar_day {background-color:#8fcfed;border-color:#daf2fc;color:#0066cc;}
.AjaxCalendar .ajax__calendar_hover .ajax__calendar_month {background-color:#8fcfed;border-color:#daf2fc;color:#0066cc;}
.AjaxCalendar .ajax__calendar_hover .ajax__calendar_year {background-color:#8fcfed;border-color:#daf2fc;color:#0066cc;}
.AjaxCalendar .ajax__calendar_hover .ajax__calendar_title {color:#0066cc;}
.AjaxCalendar .ajax__calendar_hover .ajax__calendar_today {color:#0066cc;}
.btn{font:8pt Tahoma;text-decoration:none}
.btnHover{font:8pt Tahoma, Arial, Helvetica;color: #003366;text-decoration: none;}
A.btnHover:link{text-decoration: none;color: #003366;}
A.btnHover:visited{text-decoration: none;color: #003366;}
A.btnHover:hover{text-decoration: none;color: #003366;}
A.btnHover:active{text-decoration: none;color: #003366;}
.CardholderList_StatusBar{font-size: 11px; font-weight:normal;background-color: #d4d0c8;height: 22px;margin: 2px 2px 2px 2px; border:#5a5e58 2px solid;}

.hideIt{display:none;}
.UnHideIt{display:inline;}
.NoResults{margin-left:270px;Color:Red;FONT:normal 8pt verdana;font-weight:bold;}
.AllGood{margin-left:270px;Color:Green;FONT:normal 8pt verdana;font-weight:bold;}
.finePrint{font-size:10px;vertical-align:baseline;}
.GOImage {opacity : 0.4;filter: alpha(opacity=40);}
.LeftScroll{overflow:auto;direction:rtl; border-color:#a8adb1;}
.td80{font: 7.5pt verdana; height: 22px; width:80}
.td220{font: 7.5pt verdana; width: 220px}
.td120{font: 7.5pt verdana; height: 22px; width:120}
.TUHeader{ 	font-size: 9px; 	font-weight: bold;	color: #1a3846;/*#E7E7FF;*/	background-color: #ccdae0; /*#9EBFF6;*/	border-bottom: #696969 1px solid;	height: 23px;}
.TUBody_Item{	font-size: 9px;		color: Black;	background-color: #F8F8F8;	border-top: black 1px dashed;	border-bottom: black 1px dashed;}
.TUBody_AltItem{	font-size: 9px;	font-weight: normal;	color: Black;	background-color: #EEEEEE;	border-style: none;}
.NotificationCheckBox{border: 0px none transparent;background-color:transparent;font-size: 11px !important ; height: 22px;vertical-align:middle;padding-top:7px}


/*********************************/
/*Dyna Tree*/
/*
.containemaster_gray{width:100%;background:none;border:0;}
.containerrow2_gray{padding:0;}
.leftpane
{display:flex;	padding:0;	border-spacing:0;width:300px;}

@import url('https://fonts.googleapis.com/css2?family=Bitter&family=Work+Sans&display=swap');

.accordionHeader {
    border: 0;
    color: white;
    width:290px;
    height:48px;
    background-color: var(--clr-secondary-600);
    font-size: 16px;
    display: flex;
  	justify-content: left;
  	align-items: center;
  	text-align:left;
    margin:0;
    cursor: pointer;
    text-decoration: none;
    padding:0;
}
.accordionHeader a {
    color: white;
    text-decoration: none;
}
.accordionHeader span, .accordionHeaderSelected span {
	margin:0 0 0 15px;
}
.accordionHeader:hover {
    background-color: var(--clr-secondary-400);
    font-size: 16px;
}
.accordionHeaderSelected {
    border: 0;
    color: white;
    height:48px;
    background-color: var(--clr-primary-400);
    font-size: 16px;
    display: flex;
  	justify-content: left;
  	align-items: center;
  	text-align:left;
    margin:0;
    cursor: pointer;
    text-decoration: none;
    padding: 0
}
.accordionHeaderSelected a {
    color: white;
    background: none;
    text-decoration: none;
}
.accordionHeaderSelected a:hover {
}
.accordionContent {
    background-color: var(--clr-secondary-600);
    color:white;
    height:40px;
    border: 0;
    border-top: none;
    font-size: 16px;
}
*/

/* End Dyna Tree*/
/* removed
.tblFilterBkG{background: url(/images/840x160.png) 0 0 no-repeat;}
.tblFilterBkGPWDR{background: url(/images/840x160.png) 0 0 no-repeat;}
.tblFilterBkG-narrow{background: url(/images/840x110.png) 0 0 no-repeat;}
.tblFilterBkG365{background: url(/images/840x365.png) 0 0 no-repeat;}
.tblFilterBkG300{background: url(/images/840x300.png) 0 0 no-repeat;}
.tblFilterBkGseperator{background: url(/images/cdr-840x160.png) 0 0 no-repeat;}
*/
.NoResult{margin-left:-250px;Color:Red;FONT:normal 8pt verdana;font-weight:bold;}
.UpdateSucceeded{Color:Green;FONT:normal 8pt verdana;font-weight:bold; text-align:center;}
.DD{FONT:normal 8pt verdana;HEIGHT: 22px;}
.DetailPage1{FONT:normal 8pt verdana;HEIGHT:28px;width:20%;padding-right:12px; font-weight:bold;vertical-align:top}
.DetailPage2{FONT:normal 8pt verdana;HEIGHT:28px;width:30%;padding-left:12px;vertical-align:top}
.DetailPage3{FONT:normal 8pt verdana;HEIGHT:20px;width:30%;padding-left:16px;vertical-align:middle;}
.DetailPage4{HEIGHT:20px;width:10%;padding-left:10px;vertical-align:middle;}
.hideIt{display:none;}
.UnHideIt{display:inline;}
.ProofOfAddress{width:265px; position:absolute; top:590px; 	left:200px; FONT:bold 8pt verdana;color:#01395c;}
.ProofOfID{width:265px; position:absolute; top:707px;left:200px; FONT:bold 8pt verdana;color:#01395c;} 
.tblCreateEntity{background: url(/images/boxHeader_22.jpg) 0 0 repeat-x;height:22px; border-right:solid 1px #7a8180;border-left:solid 1px #7a8180; padding-left:6px}
.TransHistoryHead{FONT: 7.5pt verdana; height: 19px; vertical-align:top;padding-right:5px; background-color:#ddebde}
.TransHistoryFoot{FONT: 7.5pt verdana; height: 25px; vertical-align:middle;padding-right:5px; background-color:#aecab4}
.PINreminder{font-family: var(--ff-body);	font-size: 10px; font-style:italic;}
.ManageCardHBox{background: url(/images/Box_400x280.jpg) 0 0 no-repeat; width:402px; height:282px;}
.RejectTitle{font-size: 12px;font-weight: bold;color: #ff0000; cursor:pointer;}
.RejectBox{background:url(/images/tbl-bg-3x215.gif) repeat-x;}

/* XP IE7 theme - Backgrounds */
.visoft__tab_xpie7 .ajax__tab_header					{ background:url(/images/tab-line.gif) repeat-x bottom; }
.visoft__tab_xpie7 .ajax__tab_outer						{ background:url(/images/tab-right-4.gif) no-repeat right; }
.visoft__tab_xpie7 .ajax__tab_inner						{ background:url(/images/tab-left-4.gif) no-repeat; }
.visoft__tab_xpie7 .ajax__tab_tab						{ background:url(/images/tab-4.gif) repeat-x; }
.visoft__tab_xpie7 .ajax__tab_hover .ajax__tab_outer	{ background:url(/images/tab-hover-right-4.gif) no-repeat right; }
.visoft__tab_xpie7 .ajax__tab_hover .ajax__tab_inner	{ background:url(/images/tab-hover-left-4.gif) no-repeat; }
.visoft__tab_xpie7 .ajax__tab_hover .ajax__tab_tab		{ background:url(/images/tab-hover-4.gif) repeat-x; }
.visoft__tab_xpie7 .ajax__tab_active .ajax__tab_outer	{ background:url(/images/tab-active-right-4.gif) no-repeat right;}
.visoft__tab_xpie7 .ajax__tab_active .ajax__tab_inner	{ background:url(/images/tab-active-left-4.gif) no-repeat left;}
.visoft__tab_xpie7 .ajax__tab_active .ajax__tab_tab		{ background:url(/images/tab-active-4.gif) repeat-x;}

/* XP IE7 theme - Other Styles */
.visoft__tab_xpie7 .ajax__tab_header 					{ font-size:11px; cursor:pointer;}
.visoft__tab_xpie7 .ajax__tab_outer						{ height:29px;padding-right:3px;}
.visoft__tab_xpie7 .ajax__tab_inner						{ padding-left:3px;}
.visoft__tab_xpie7 .ajax__tab_tab						{ padding:8px 15px;margin:0;}
.visoft__tab_xpie7 .ajax__tab_body						{ font-size:10pt;border:1px solid #a8adb1;border-top:0;padding:8px; }

/* Gift Card page */
.giftCardTableTD{font: 7.5pt verdana;font-family: var(--ff-body);padding-right:20px; text-align:right}
.GiftCardbg{ font-family: var(--ff-body);background-color: white;}
.Watermark{color: Gray;font-style: italic;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; border:1 solid #c5ccd2; height:23}
.roundTextBox{-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; border:1 solid #c5ccd2; height:23}

.GiftCardbgHide{background-color:#ededed;font: 8pt verdana;font-family: var(--ff-body);display:none; }
.GiftCardbgShow{background-color:#ededed;font: 8pt verdana;font-family: var(--ff-body);display:inline; }
.TUHeaderHighlighted{ font-size: 9px; font-weight: bold;	color: #1a3846;border-bottom: #696969 1px solid;height: 23px; background-color: #FFFF00}
/* Removed
.buttons {font-family: Verdana; font-size:11px; text-decoration: none;background-color: #A8B6CC;color: White;padding: 3px 9px 3px 9px;  white-space:nowrap;  moz-border-radius: 2px; border-radius: 2px;padding-bottom: 5px;}
*/
.redbuttons {  font-size:11px; text-decoration: none;background-color: #fa6e71;color: White;padding: 3px 9px 3px 9px;  white-space:nowrap;  moz-border-radius: 2px; border-radius: 2px;padding-bottom: 5px;}
.center{ text-align: center;}
.twoCol {
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;   
}

/*Extras*/

.contentpane a {
	color: var(--clr-primary-400);
    text-decoration: underline;
}

.contentpane a:hover,
.contentpane a:focus {
	color: var(--clr-secondary-400);
}

table {
    width:100%;
    border-collapse: collapse !important;
    -webkit-border-horizontal-spacing: 0 !important;
    -webkit-border-vertical-spacing: 0 !important;
}
th, td {
    width:auto;
    padding: 0;
}

h2.ppg_title_section, span.ppg_title_section {
	font-size: 1.6rem;
	color:var(--txt-hdr-section);
	display: block;
	margin-bottom:.625em !important;
	font-weight: 400 !important;
}

/********** HEADER + CONTAINER OVERRIDES ***********/

.main_dnnmenu_bar span img {
	display: none !important;
}
.toppane a:link, a.SkinObject, .main_dnnmenu_rootitem {
    font-size: 1.2rem !important;
    font-family: var(--ff-body) !important;
    color:var(--clr-primary-400) !important;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    text-decoration: none !important;
    display: inline-flex;
    width: auto;
    min-width: 20px;
    align-items: center;
    height: 100%;
}

.main_dnnmenu_rootitem {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='11.115' viewBox='0 0 18 11.115'%3E%3Cpath id='Icon_material-chevron-left' data-name='Icon material-chevron-left' d='M23.115,11.115,21,9l-9,9,9,9,2.115-2.115L16.245,18Z' transform='translate(-9 23.115) rotate(-90)' fill='%2304a777'/%3E%3C/svg%3E%0A") !important;
    background-size: .6em !important;
    background-position: calc(100% - 1.25em) center !important;
    background-repeat: no-repeat !important;
    background-color: white;
    font-size: 1.6rem !important;
    height: 44px;
    padding: 0 2.5em 0 1.25em !important;
    margin: -0.625em .9375em 0 0 !important;
}

.toppane a:hover,  a.SkinObject:hover, .main_dnnmenu_rootitemhover {
    color:var(--clr-secondary-400) !important;
    text-decoration: none !important;
}

.main_dnnmenu_rootitem.main_dnnmenu_itemhover {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='11.115' viewBox='0 0 18 11.115'%3E%3Cpath id='Icon_material-chevron-left' data-name='Icon material-chevron-left' d='M23.115,11.115,21,9l-9,9,9,9,2.115-2.115L16.245,18Z' transform='translate(27 -12) rotate(90)' fill='%23fff'/%3E%3C/svg%3E%0A") !important;
    background-color: var(--clr-primary-400) !important;
    color:white !important;
}

.skinmaster {
    border-right: 0 !important;
    border-top: 0 !important;
    border-left: 0 !important;
    border-bottom: 0 !important;
}

.skinmaster > tbody > tr > td > table > tbody > tr {
	display: flex;
}

.skinheader, .skingradient, .skingradient + table {
    position: relative;
    top: 45px;
    background: white;
}

.skingradient + table {
    border-bottom:1px solid var(--clr-neutral-400);
    top: 0;
    min-height: 40px;
}

table.skingradient + td {

}
.skingradient + table span {
    padding: 0px 2% !important;
    display: flex;
    align-items: center;
}
.skingradient .skingradient {
    display: flex;
    align-items: center;
    justify-content: center;
}

.skingradient + table > tbody > tr {
	display:block !important;
}

.skingradient + table > tbody > tr [id$="BreadCrumb"] {
	display: inline !important;
	margin-left: 30px;
}

[id$="BreadCrumb"] span, [id$="BreadCrumb"] a {
	display: inline !important;
	padding:0 !important;
}

.skinheader > tbody > tr > td {
    padding: 30px 2% !important;
}
.skingradient {
    height: auto !important;
    float: right;
    width: auto;
    top: 0 !important;
    right: 2%;
    min-height: 34px;
}

.main_dnnmenu_submenu {
    top:30px !important;
    width: 100% !important;
    left: 0 !important;
    z-index: 5000;
}

.main_dnnmenu_submenu .main_dnnmenu_item {
	padding:5px 10px;
	background-color: var(--clr-primary-400);
    color:white !important;
    display: block;
}
.main_dnnmenu_submenu .main_dnnmenu_itemhover {
	background-color: var(--clr-secondary-400);
	background-image: none !important;
}

.main_dnnmenu_submenu .main_dnnmenu_item .main_dnnmenu_icon {
	display: none;
}
.toppane {
    width: 96% !important;
    background-color: var(--clr-neutral-100) !important;
    border-bottom: 1px var(--clr-neutral-400) solid;
    border-top: 1px var(--clr-neutral-400) solid;
    padding-left: 2% !important;
    padding-right: 2% !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    position: relative;
    display: inline-block;
    height: 43px;
    top: -179px !important;
	margin-bottom: -45px;
}

.toppane span {
	font-size: 1.2rem !important;
    font-family: var(--ff-body) !important;
    position: absolute;
    display: inline-flex;
    top: 50%;
    left: 2%;
    line-height: 0;
}

.toppane .SkinObject {
    font-size: 12px;
    display: inline-flex;
}

#dnn_ControlPanel {    
    width: 100% !important;
    margin: 0 !important;
    max-width: 100%;
}
.leftpane {
    display: inline-flex;
    padding: 0;
    border-spacing: 0;
    font-size:1rem;
    width: calc(20% - 1em) !important;
    min-width: 0 !important;
    margin-right: 1em !important;
    position: relative;
}

.leftpane > div {
	width:100% !important;
}

.leftpane .containerrow1_gray {
	display: none;
}

.contentpane {
    width: calc(80% - 2em) !important;
    font-size:1rem;
    display: inline-flex;
    padding: 0 !important;
    margin-left: 1em !important;
    margin-right: 1em !important;
    position: relative;
}
.contentpane > div {
	display: block;
	width: 100%;
}
.containermaster_gray {
    width: 100%;
    background: none;
    background-color: transparent !important;
    border: 0 !important;
}

.containerrow1_gray {
	background-image: none !important;
}
.containerrow1_gray > table {    
	margin: 20px 20px 0 20px !important;
    width: calc(100% - 40px) !important;
}
.containerrow1_gray > table td {    
	font-size:0 !important;
}

.containerrow1_gray > table td .Head {    
	font-size: 2.4rem;
    color: var(--clr-primary-400);
    font-family: var(--ff-headers);
    display: block;
    margin-bottom: 10px !important;
}

.containerrow1_gray > table td:last-of-type { 
	display: none;
}
.containerrow2_gray {    
	background-color: transparent !important;
    padding: 0;
}
.containerrow2_gray hr {    
	display: none !important;
}
.containerrow2_gray > table td:last-of-type {
    text-align: center;
    padding-top: 20px !important;
}
.DNNAlignleft {
    width: 100%;
    background-color: transparent !important;
}
.leftpane .DNNAlignleft {
    background-color: var(--clr-secondary-600) !important;
}
.ppg_table_nomenu {
	width: calc(100% - 40px);
    margin: 20px;
}

.ppg_displaytable {
	display: table !important;
}

/*********DATA OVERRIDES********/
td.ppg_datatable_cell {
	width: 100%;
    display: grid;
    margin: 20px 0;
}
.ppg_databable_scrollx {
	width: 100%;
    overflow-x: auto;
    border: 1px solid var(--clr-neutral-400) !important;
}
/*[class^="ob_"], [class^="ob_"] li, [class^="ob_"] li i {
    font-family: var(--ff-body) !important;
    color: var(--clr-secondary-600);
    background-image: none !important;
    height: auto !important;
    font-size: 1.2rem;
}
[class^="ob_"] ul {
    margin: 0 !important;
    background-color: white !important;
}
[class^="ob_"] li {
    background-color: transparent !important;
    margin: 0 !important;
    font-size: 1.2rem !important;
}
[class^="ob_"] li.ih {    
	background-color: var(--clr-secondary-400) !important;
    color: white !important;
}*/
[class^="ob_"] {
    font-family: var(--ff-body) !important;
    background-image: none !important;
    font-size: 1.2rem;
}
.ob_gMCont { /*8*/
    border: 0 !important;
    border-radius: 0;
    min-width:100%;
    /*width: 100% !important;
    border: 1px solid var(--clr-neutral-400) !important;
    border-radius: 5px;*/
}

/* Left Side (Border) - used when grouping is enabled */
.ob_gBLSWG, .ob_gBLS, .ob_gBRSWG, .ob_gBRS
{/*22*/
    display:none !important;
}


.ob_gBLS, .ob_gBRS { /*37, 67*/
	display: none;
}
/*Table header*/
.ob_gHContWG { /*183*/
    border-bottom: 2px solid var(--clr-primary-400) !important;
    background-color: white !important;
}
.ob_gHCont {/*192*/
    border-bottom: 2px solid var(--clr-primary-400) !important;
    background-color: white !important;
}
.ob_gHCont .ob_gH .ob_gC, .ob_gHCont .ob_gH .ob_gCW
{/*241*/
    color: var(--clr-neutral-600) !important;
	border-bottom: 0 !important;
}
.ob_gH .ob_gC div.ob_gCc2, .ob_gH .ob_gCW div.ob_gCc2  {/*278*/
    padding: 1em !important;
    overflow:hidden !important;
    font-size: 1rem !important;
}

.ob_gH .ob_gC div.ob_gCc2R, .ob_gH .ob_gCW div.ob_gCc2R {
    font-size: 1rem !important;
}

.ob_gHCont .ob_gCS, .ob_gHContWG .ob_gCS, .ob_gHCont .ob_gCS_F, .ob_gHContWG .ob_gCS_F {/*354*/
    position: absolute !important;
}
.ob_gHContWG .ob_gCS div, .ob_gHContWG .ob_gCS_F div {
    background-color: var(--clr-neutral-200) !important;
}
.ob_gBCont {/*397*/
    border-bottom: 2px solid var(--clr-primary-400) !important;
    background-color: white !important;
}
.ob_gR {/*454*/
    background-color: white !important;
}
.ob_gRA {/*460*/
    background-color: white !important;
}
.ob_gRS {/*467*/
    background-color: rgba(4,167,119,0.2) !important;
}
.ob_gBody .ob_gC, .ob_gBody .ob_gCW {/*478*/
    border-bottom: 1px solid var(--clr-neutral-200) !important;
}


.ob_gBody .ob_gC div.ob_gCc1, .ob_gBody .ob_gCW div.ob_gCc1
{    /*490*/
    padding: 1em !important;
    overflow:hidden !important;
}

.ob_gBody .ob_gC div.ob_gCc2, .ob_gBody .ob_gCW div.ob_gCc2
{/*499*/
    display:inline-block !important;
	width: max-content !important;
	padding:0 !important;
}

.ob_gBody .ob_gC div.ob_gCc2EDIT, .ob_gBody .ob_gCW div.ob_gCc2EDIT
{
	width: auto !important;
}

.ob_gBody .ob_gC div.ob_gCc2R, .ob_gBody .ob_gCW div.ob_gCc2R
{/*520*/
    margin-right: 16px !important;
}

/*Table Rows*/
/*[class^="ob_g"] {
    position: relative !important;
}
[class^="ob_gG"] {
    position: absolute !important;
}*/

/*Table footer*/
.ob_gFCont {/*789*/
    font-size: 1.2rem !important;
    color: var(--clr-neutral-600) !important;
    background: white !important;
    display: flex;
    padding: 10px !important;
    align-items: center;
    justify-content: space-between;
    height: auto !important;
}
/*Table records per page*/
.ob_gFCont .ob_gPSTT {/*840*/
    display: flex;
    top: 0;
    flex-flow: row-reverse;
    align-items: center;
    height: 44px !important;
}
.ob_gPSTD {/*846*/
    position: relative !important;
    top: 0 !important;
    right: 0 !important;
    margin-left: 10px;
}
.ob_gFEC {/*859*/
    position: relative !important;
    top: 0 !important;
    height: auto !important;
}
.ob_gGACont {/*1070*/
    height: 44px !important;
    position: relative !important;
    display: flex;
    align-items: center;
    padding-left: 20px !important;
    padding-right: 20px !important;
}
/* main section for grouping area */
.ob_gGA
{/*1092*/
	background-color: var(--clr-neutral-100);
	height: 44px !important;
	line-height: 44px !important;
}
/* Grouping Area - Default text */
.ob_gGADC
{/*1111*/	
	color: var(--clr-secondary-600) !important;
	height: 44px !important;
}
/* Grouping - Dragging column */
.ob_gGDC
{/*1135*/	
    font-family: var(--ff-body) !important;
    border:0 !important;
    background-image: none !important;
    background-color: var(--clr-secondary-400) !important;
    color:white !important;
}

.ob_gHCHWG {/*1161*/
    color:white !important;
}
/* Column in grouping area - center */
.ob_gGACM
{/*1207*/	
    font-family: var(--ff-body) !important;
    border:0 !important;
    background-image: none !important;
    background-color: var(--clr-primary-400) !important;
    color:white !important;
    height: 38px !important;
    display: inline-flex;
    align-items: center;
}
/* Column in grouping area - spacer/link between columns*/	
.ob_gGACS
{/*1241*/
	width: 10px !important;
	background-color: transparent !important;
}

.ob_gFl .ob_gC, .ob_gFl .ob_gCW
{/*1319*/
    background-color: var(--clr-neutral-100) !important;
}

.ob_gCFR .ob_gC, .ob_gCFR .ob_gCW
{
    background-color: var(--clr-neutral-100) !important;
    height: auto !important;
    font-family: var(--ff-body) !important;
	color: var(--clr-secondary-600) !important;
}

.ob_gHCont .ob_gH .ob_gC.ob_gHCHWG, .ob_gHCont .ob_gH .ob_gCW.ob_gHCHWG {
    color:white !important;
}

/*Table Pagination - https://www.prepaidgate.net/GStyles/style_1/interface/OboutDropDownList/style.css file*/

.ob_iDdlTC {/*19*/
    line-height: normal !important;
    margin: 0 !important;
    background-image: none !important;
    background-color: white !important;
    font-size: 1.2rem !important;
    height: 44px !important;
}
.ob_iDdlITCN, .ob_iDdlITCO, .ob_iDdlITCAC, .ob_iDdlITCAO, .ob_iCboITCN, .ob_iCboITCO, .ob_iCboITCAO, .ob_iCboITCAC {
    height: 44px !important;
}
.ob_iDdlITCAC .ob_iDdlIE, .ob_iDdlITCAO .ob_iDdlIE, .ob_iCboITCAO .ob_iCboIE {
    border: 1px solid var(--clr-secondary-400) !important;
}
.ob_iDdlIE, .ob_iCboIE {/*53*/
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='11.115' viewBox='0 0 18 11.115'%3E%3Cpath id='Icon_material-chevron-left' data-name='Icon material-chevron-left' d='M23.115,11.115,21,9l-9,9,9,9,2.115-2.115L16.245,18Z' transform='translate(-9 23.115) rotate(-90)' fill='%2301153a'/%3E%3C/svg%3E%0A") !important;
    background-position: 95% center;
    background-repeat: no-repeat;
    background-size: 10px;
    padding: 0 5px !important;
    font-size: 1.2rem !important;
    min-height: 44px !important;
    position: relative !important;
    margin: 0 !important;
    top: -2px !important;
    padding-right: 5px !important;
    display: flex !important;
    align-items: center;
    border: 1px solid var(--clr-neutral-400) !important;
    outline: none !important;
}

.ob_iCboIE {/*53*/
	top: -4px !important;
    background-color: white !important;
}

.ob_iDdlICBC /*records per page open dropdown*/, .ob_iCboICBC/*language open dropdown in-table*/
	{/*437*/
	    background-color: white !important;
	    box-shadow: 0px 5px 15px rgb(0 0 0 / 25%);
	    overflow: hidden !important;
	    margin: 0 !important;
	}

	.ob_iDdlICBC li, .ob_iCboICBC li
    {/*468*/
    	background-color: white !important;
    	font-family: var(--ff-body) !important;
	    color: var(--clr-secondary-600) !important;
	    background-image: none !important;
	    height: auto !important;
    	margin: 0 !important;
    }
	.ob_iDdlICBC li.ih, .ob_iCboICBC li.ih
    {/*483*/
        background-image: none !important;
		background-color: var(--clr-secondary-400) !important;
    	color: white !important;
    }
    
    * HTML .ob_iDdlICBC li.ih, * HTML .ob_iCboICBC li.ih
	{
        background-image: none !important;
	}

	.ob_iDdlICBC li b /*, .ob_iCboICBC li div*/, .ob_iCboICBC li b
    {/*501*/
    }
    
    .ob_iDdlICBC li.ih b /*, .ob_iCboICBC li.ih div*/, .ob_iCboICBC li.ih b
    {
        background-image: none !important;
    }
    
    * HTML .ob_iDdlICBC li.ih, * HTML .ob_iCboICBC li.ih
	{
        background-image: none !important;
		background-color: var(--clr-secondary-400) !important;
    	color: white !important;
	}
	.ob_iDdlICBC li i, .ob_iCboICBC li i
    {/*536*/
	    height: auto !important;
    }
    
    .ob_iDdlICBC li.ih i, .ob_iCboICBC li.ih i
    {
        background-image: none !important;
    }
    
    * HTML .ob_iDdlICBC li.ih i, * HTML .ob_iCboICBC li.ih i
    {
        background-image: none !important;
    }

    .ob_iCboTC {
    	margin:0 !important;
    }


/*Table Filters - https://www.prepaidgate.net/GStyles/style_1/interface/OboutTextBox/style.css file*/
    /* Input Element */
	
	/* Normal State - container */
	.ob_iTCN
	{/*79*/
    	height: 44px !important;
	    background-color: white !important;
	    width: calc(100% - 2px) !important;
	    -webkit-transition: 0.3s;
	    -moz-transition: 0.3s;
	    -o-transition: 0.3s;
	    transition: 0.3s;
	    border: 1px solid var(--clr-neutral-400) !important;
	}
		/* Over State - container */
	.ob_iTCO
	{/*115*/
		height: 44px !important;
	    background-color: white !important;
	    width: calc(100% - 2px) !important;
	    border: 1px solid var(--clr-neutral-400) !important;
	}
	/* Active State - container */
	.ob_iTCA
	{/*153*/
		height: 44px !important;
	    background-color: white !important;
	    width: calc(100% - 2px) !important;
		border: 1px solid var(--clr-secondary-400) !important;
	}
	/* Disabled State - container */
	.ob_iTCD
	{/*191*/
		height: 44px !important;
	    width: calc(100% - 2px) !important;
    	background-color: var(--clr-neutral-100) !important;
    	color: var(--clr-neutral-400) !important;
	}
	.ob_iTIE
	{/*536*/
		min-height: 44px !important;
    	position: relative !important;
	}
	.ob_iTCN .ob_iTIE
	{
	    font-size: 16px !important;
	    height: 44px !important;
	    padding: 0 10px;
	    font-family: var(--ff-body) !important;
	}
	.ob_iTCO .ob_iTIE
	{
	    font-size: 16px !important;
	    height: 44px !important;
	    padding: 0 10px;
	    font-family: var(--ff-body) !important;
	}
	.ob_iTCA .ob_iTIE
	{
	    font-size: 16px !important;
	    height: 44px !important;
	    padding: 0 10px;
	    font-family: var(--ff-body) !important;
	}
	.ob_iTCD .ob_iTIE
	{
	    font-size: 16px !important;
	    height: 44px !important;
	    padding: 0 10px;
	    font-family: var(--ff-body) !important;
	}
.ob_iDdlTR, .ob_iDdlTL {
    display: none;
}
.ob_gHR td, .ob_gBTLRV td {
    /*width:auto !important;*/
}

tr.ob_Suspended {
    background-color: var(--clr-important-200) !important;
}
tr.ob_Inactive {
    background-color: var(--clr-neutral-300) !important;
}
tr.ob_Expired {
    background-color: var(--clr-accent-light-200) !important;
}
#dnn_ctr399_View_ReportViewer1_AsyncWait {
    width:100% !important;
}

/********** MENU ***********/

.accordionContent li {
    background: none;
    font-size: 16px;
    list-style-type: none;
    background-color: var(--clr-secondary-600);
    display: flex;
    justify-content: left;
    align-items: center;
    text-align:left;
    width: 100%;
    min-height: 40px;
    margin: 0;
    padding:0;
}
.accordionContent li a {
    font-size: 16px;
    list-style-type: none;
    color: white;
    display: flex;
    justify-content: left;
    align-items: center;
    width: 100%;
	text-decoration: none;
}
.accordionContent li a:link, .accordionContent li a:visited {
    color: white;
    margin: 0 0 0 50px;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.accordionContent li a:hover {
    color: var(--clr-secondary-400);
}
.accordionContent ul {
    margin: 0;
    padding: 0;
}

.accordionHeader {
    border: 0;
    color: white;
    width:100%;
    height:48px;
    background-color: var(--clr-secondary-600);
    font-size: 16px;
    display: flex;
    justify-content: left;
    align-items: center;
    text-align:left;
    margin:0;
    cursor: pointer;
    text-decoration: none;
    padding:0;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.accordionHeader a {
    color: white;
    text-decoration: none;
}
.accordionHeader span, .accordionHeaderSelected span {
    margin:0 0 0 15px;
}
.accordionHeader:hover {
    background-color: var(--clr-secondary-400);
    font-size: 16px;
}
.accordionHeaderSelected {
    border: 0;
    color: white;
    height:48px;
    background-color: var(--clr-primary-400);
    font-size: 16px;
    display: flex;
    justify-content: left;
    align-items: center;
    text-align:left;
    margin:0;
    cursor: pointer;
    text-decoration: none;
    padding: 0;
}
.accordionHeaderSelected a {
    color: white;
    background: none;
    text-decoration: none;
}
.accordionHeaderSelected a:hover {
}
.accordionContent {
    background-color: var(--clr-secondary-600);
    color:white;
    height:40px;
    border: 0;
    border-top: none;
    font-size: 16px;
}

.accordionHeader img, .accordionHeaderSelected img {
    margin-right: 10px;
}

/********** SEARCH ***********/

.tblFilterBkG {
    background-color: white;
    border: 1px solid var(--clr-neutral-400);
    margin: 0;
    padding: 15px;
    height: auto;
    display: flex;
}

.ppg_form, .ppg_srch_summary {
    display: inline-flex;
    width: 100%;
    align-items: flex-end;
    flex-wrap: wrap;
}

.ppg_form > div[id^=dnn], .ppg_srch_summary > div[id^=dnn] {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: flex-end;
}

.ppg_srch_summary {
    background-color: white;
    border: 1px solid var(--clr-neutral-400);
    margin: 20px 0;
    height: auto;
    justify-content: space-evenly;
}

.ppg_form_group {    
	display: inline-flex;
    flex-direction: column;
    position: relative;
	padding:0.5em;
}

.ppg_form_group_1fr1fr {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 1em;
}

.ppg_form_daterange {
	display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
}
.ppg_srch_summary_group {
    margin: 20px;
}
.ppg_form_label, .ppg_srch_summary_label {
    display: block;
    margin-bottom: 5px;
    font-size: 1.6rem;
    color: var(--clr-secondary-600) !important;
}
.ppg_srch_summary_label {
	display: inline-block;

}
.ppg_srch_summary_data {
    display: block;
    font-size: 2.4rem;
    font-weight: 800;
    color: var(--clr-secondary-600) !important;
    
}
.ppg_form_label {
}

.ppg_form_select, .ppg_form_text  {
    font-size: 1.6rem !important;
    min-height: 44px !important;
    padding: 0 0.5em;
    width: auto !important;
    min-width: 180px;
    border: 1px solid var(--clr-neutral-400);
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    font-family: var(--ff-body) !important;
}

.ppg_form_group_1fr1fr .ppg_form_select, .ppg_form_group_1fr1fr .ppg_form_text {
    width: 100% !important;
}

.ppg_form_upload {
    font-size: 1.6rem !important;
    height: 44px !important;
    width: 100% !important;
    min-width: 225px;
    font-family: var(--ff-body) !important;
	display: flex;

}

.ppg_form_data  {
	display: flex;
    align-items: center;
    font-size: 1.6rem !important;
    height: 44px !important;
    padding: 0 0.5em;
    width: calc(100% - 20px)!important;
    min-width: 180px;
    background-color: var(--clr-neutral-100);
    font-family: var(--ff-body) !important;
    border: 1px solid var(--clr-neutral-400);
}

.ppg_form_select:focus, .ppg_form_text:focus  {
    border: 1px solid var(--clr-secondary-400);
    outline-style: none;
}

.ppg_form_warning {
	display: flex;
	height: 0;
    font-size: 1.2rem;
    color: var(--clr-important-400);
}

.ppg_form_required {
	width: 18px !important;
	height: 44px !important;
	position: absolute !important;
	right: 0 !important;
	transform: rotate(270deg) !important;
}
.ppg_form_checkbox {
    position: relative;
    height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.ppg_side_container .ppg_form_checkbox {
    justify-content: left;
}
.ppg_form_checkbox_container {
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.ppg_form_checkbox label {
    margin-left: 5px;
}

.ppg_form_checkbox input[type='checkbox'] {
    -webkit-appearance: none;
    background-color: white;
    width: 22px;
    height: 22px;
    border: 1px solid var(--clr-neutral-400);
    border-radius: 0;
    outline: none;
	margin: 0;
}

.ppg_form_checkbox input[type='checkbox']:active, .ppg_form_checkbox input[type='checkbox']:checked:active {
    border: 1px solid var(--clr-secondary-400);
    outline: none;
}

.ppg_form_checkbox input[type='checkbox']:focus, .ppg_form_checkbox input[type='checkbox']:checked:focus {
    border: 1px solid var(--clr-secondary-400);
    outline: none;
}

.ppg_form_checkbox input[type='checkbox']:checked {
    background-color: var(--clr-secondary-400);
    border: 1px solid var(--clr-neutral-400);
    color: white;
    outline: none;
}

.ppg_form_checkbox input[type='checkbox']:checked::after {
    content: '\2714';
    display: flex;
    align-items: center;
    color: white;
    justify-content: center;
}

.ppg_form_group [id*="alidator"] img, .ppg_form_group [id*="rfv"] img {
      transform: rotate(90deg);
}

.ppg_form_error_txt {
	color:var(--clr-important-400);
	font-size: 1.2rem;
	position: absolute;
	left: 0;
}
/* .ppg_form_error_txt:last-of-type {
	position: absolute;
	left:0;
} */

.ppg_form_radio {
	margin:1em 0;
}

.ppg_form_radio td {
	display:flex;
	position:relative;
 }

.ppg_form_radio td > label {
	color: var(--clr-secondary-600);
}
.ppg_form_radio td:hover > label {
	color: var(--clr-secondary-400);
}

.ppg_form_radio td:hover > label::before {
	border: 0.25rem solid white;
	background: white;
	box-shadow: 0 0 0 0 white, 0 0 0 0.1em var(--clr-secondary-400);
	margin-right: 1em;
}

.ppg_form_radio td > input {
	position: absolute;
	opacity: 0;
}

.ppg_form_radio td > input:checked + label {
	color: var(--clr-primary-400);
}
.ppg_form_radio td > input:checked + label::before {
	margin-right: 1em;
	border: 0.25rem solid white;
	background: var(--clr-primary-400);
	box-shadow: 0 0 0 0 white, 0 0 0 0.1em var(--clr-secondary-600);
}

.ppg_form_radio td > label {
	display: flex;
	align-items: center;
	padding: 0.25em 0;
	cursor: pointer;
	transition: all 0.25s linear;
}
  
.ppg_form_radio td > label::before {
	display: inline-block;
	content: "";
	height: 1.125rem;
	width: 1.125rem;
	margin-right: 1em;
	border: 0.25rem solid white;
	background: white;
	box-shadow: 0 0 0 0 white, 0 0 0 0.1em var(--clr-secondary-600);
	border-radius: 50%;
	transition: all 0.25s linear;
}

.ppg_form_radio td > input:focus + label {
	color: var(--clr-secondary-400);
}

.ppg_form_radio td > input:focus + label::before {
	box-shadow: 0 0 0 0 white, 0 0 0 0.1em var(--clr-secondary-400);
}
/************SCROLLING NAVIGATION**********/

.ppg_scroll_content {
	display: grid;
	grid-template-columns: 1fr 15em;
    width: calc(100% - 40px);
    margin: 0 20px 20px 20px;
}
.ppg_scroll_content h3, .ppg_scroll_content .ppg_scroll_title  {
	font-size: 2.4rem;
	font-family: var(--ff-headers);
	color:var(--clr-secondary-600);
	display: block;
	width:100%;
	padding-bottom: 10px !important;
	margin-bottom:20px !important;
    margin-top: 20px !important;
	border-bottom:3px solid var(--clr-primary-400);
}
/* 2. Make nav sticky */
.ppg_scroll_content nav {
	position: sticky;
	top: 3.2rem;
	align-self: start;
    margin: 20px 0 20px 20px;
}

.ppg_scroll_nav ul, .ppg_scroll_nav ol {
	list-style: none;
	margin: 0;
	padding: 0;
	margin-bottom: 20px;
}
.ppg_scroll_nav li {
	margin-left: 2.5rem;
    list-style-type: none;
    background-color: transparent;
}

/* Sidebar Navigation */
.ppg_scroll_nav {
	padding-left: 0;
}

.ppg_scroll_nav li a {
	text-decoration: none;
	display: block;
	padding: .2rem 0;
    color: var(--clr-neutral-400) !important;
	transition: all 50ms ease-in-out; 
    margin-left: 0 !important;
}

.ppg_scroll_nav li.active > a {
	color: var(--clr-secondary-600) !important;
	font-weight: 500;
  	border-left: 3px solid var(--clr-primary-400);
  	padding-left:1.6rem;
}

.ppg_scroll_nav li a:hover,
.ppg_scroll_nav li a:focus {
	color: var(--clr-secondary-400) !important;
}

.ppg_column_container {
	display: block;
  	-moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
}

.ppg_column_container .ppg_form_group {
	width: calc(100% - 20px);
}
.ppg_column_container .ppg_form_text, .ppg_column_container .ppg_form_select {
    width: 100% !important;
}
.ppg_column_container .ppg_form_data {
    height: 42px !important;
}

/********** BUTTONS ***********/

.ppg_btn_primary {
	width:max-content;
	min-width:100px;
    background-color: var(--clr-important-400);
    font-size: 1.6rem !important;
    color: white !important;
    border: 1px solid var(--clr-important-400);
    border-radius: 1.25em;
    display: inline-flex !important;
    justify-content: center;
    align-items: center;
    padding: 0.625em 1.5em !important;
    margin:10px 0 0 0 !important;
    -webkit-transition: 0.3s !important;
    -moz-transition: 0.3s !important;
    -o-transition: 0.3s !important;
    transition: 0.3s !important;
	text-decoration: none !important;
	cursor:pointer;
}

.ppg_btn_primary:hover { 
    background-color: var(--clr-important-500);
    border: 1px solid var(--clr-important-500);
}

.ppg_btn_secondary {
	width:max-content;
	min-width:100px;
    background-color: white;
    font-size: 1.6rem !important;
    color: var(--clr-important-400) !important;
    border: 1px solid var(--clr-important-400);
    border-radius: 1.25em;
    display: inline-flex !important;
    justify-content: center;
    align-items: center;
    padding: 0.625em 1.5em !important;
    margin:10px 0 0 0 !important;
    -webkit-transition: 0.3s !important;
    -moz-transition: 0.3s !important;
    -o-transition: 0.3s !important;
    transition: 0.3s !important;
	text-decoration: none !important;
	cursor:pointer;
}

.ppg_btn_secondary:hover { 
    background-color: var(--clr-important-400);
    border: 1px solid var(--clr-important-400);
    color: white !important;
}

.ppg_btn_primary:focus, .ppg_btn_secondary:focus { 
    outline: none;
    box-shadow: 0 0 0 5px white, 0 0 0 6px var(--clr-important-400);
}

a.ppg_btn_chevron {
	color:var(--clr-primary-400);
	border:1px solid var(--clr-neutral-200);
	border-top: 0;
	padding:2em 1em;
	width:100%;
	text-align: left;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11.115 18'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%2304a777;%7D%3C/style%3E%3C/defs%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cpath id='Icon_material-chevron-right' data-name='Icon material-chevron-right' class='cls-1' d='M2.115,0,0,2.115,6.87,9,0,15.885,2.115,18l9-9Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: .6em;
	background-position: calc(100% - 1.25em) center;
    box-sizing: border-box;
	text-decoration: none;
}

a.ppg_btn_chevron:hover,
a.ppg_btn_chevron:focus,
a.ppg_btn_chevron.active {
	background-color: var(--clr-primary-400);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11.115 18'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23ffffff;%7D%3C/style%3E%3C/defs%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cpath id='Icon_material-chevron-right' data-name='Icon material-chevron-right' class='cls-1' d='M2.115,0,0,2.115,6.87,9,0,15.885,2.115,18l9-9Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
	color:white;
	cursor: pointer;
}


.ppg_chev_content .ppg_btn_toggle {
	width:max-content;
	min-width:100px;
    background-color: white;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11.115 18'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%2304a777;%7D%3C/style%3E%3C/defs%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cpath id='Icon_material-chevron-right' data-name='Icon material-chevron-right' class='cls-1' d='M2.115,0,0,2.115,6.87,9,0,15.885,2.115,18l9-9Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: .6em;
	background-position: calc(100% - 1.25em) center;
    box-sizing: border-box;
    font-size: 1.6rem !important;
    color: var(--clr-primary-400) !important;
    border-radius: 1.25em;
    display: flex !important;
    justify-content: center;
    align-items: center;
    padding: 0.625em 2.5em 0.625em 1.25em !important;
    margin:1em auto !important;
    -webkit-transition: 0.3s !important;
    -moz-transition: 0.3s !important;
    -o-transition: 0.3s !important;
    transition: 0.3s !important;
	text-decoration: none !important;
}

.ppg_chev_content .ppg_btn_toggle:hover,
.ppg_chev_content .ppg_btn_toggle:focus {
	background-position: calc(100% - 1em) center;
	cursor: pointer;
	cursor:pointer;
	text-decoration: underline !important;
}

.ppg_btn_row {
	display: grid;
	grid-template-columns: auto auto auto auto;
	grid-gap: 1em;
}

/********************** Meatball Menu ***************************/

.ppg_btn_more {
	font-size:1.6rem;
	position:relative;
	display:inline-flex;
	flex-grow: 0;
	align-items:center;
	justify-content:center;
	padding:0.625em;
	color:var(--clr-secondary-600) !important;
	background-color:white;
    border: 1px solid white;
	text-decoration: none !important;
	height: calc(100% - 1.25em);
}
.ppg_btn_more:hover {
	cursor:pointer;
	color:var(--clr-secondary-600) !important;
	background-color:var(--clr-neutral-200) !important;
	text-decoration: none !important;
}
.ppg_dots, .ppg_dots:before, .ppg_dots:after {
	/* position: absolute;
	width: 4px;
	height: 4px;
	border-radius: 4px; 
	background-color: var(--clr-secondary-600);*/
}

.ppg_dots:before, .ppg_dots:after {
	content: "\2022";
}

/* .ppg_dots:before {
	right: 8px;
}

.ppg_dots:after {
	left: 8px;
} */

.ppg_dots_dropdown {
	font-size:1.6rem;
	position:absolute;
	top:3em;
	right:0;
    box-shadow: 0px 0px 15px rgb(0 0 0 / 25%);
    background-color: white;
    color: var(--clr-primary-400);
	padding: 1em;
	z-index: 5000;
}
.ppg_dots_dropdown > div {
	position: relative;
	display: block;
}

.ppg_dots_dropdown a {
	display: block;
	width: max-content;
}

.ppg_container h3 {
	font-size: 2.4rem;
	font-family: var(--ff-headers);
	color:var(--clr-secondary-600);
	display: block;
	width:100%;
	margin:0;
	padding:0;
	padding-bottom: 10px !important;
	margin-bottom:20px !important;
	border-bottom:3px solid var(--clr-primary-400);
}

.ppg_container {
	font-size:1.6rem;
	background:white;
	border:1px solid var(--clr-neutral-400);
	padding:2rem; 
}
.ppg_grid_1fr2fr {
	display:grid;
	grid-gap:20px;
	grid-template-areas:'userinfo actions';
	grid-template-columns:1fr 2fr;
} 

.ppg_container section {
	display:flex;
	flex-direction:column;
	margin-bottom: 1em;
}

.ppg_section_buttons {
	flex-direction:row !important;
	justify-content: flex-end;
	align-items: center;
}

.ppg_section_buttons .ppg_btn_primary {
	margin:0 !important;
}

.ppg_section_buttons .theBox {
	margin-top: 10px;
}

.ppg_button_feedback {
	display: flex;
	align-items: center;
}

.ppg_container .ppg_btn_primary, .ppg_container .ppg_btn_secondary {
	justify-self: center;
}

.ppg_user_info_container {
	background-color:var(--clr-neutral-100); 
	border:0;
	grid-area:userinfo;
	padding:1.5em; 
}

.ppg_user_info_container > * {
	padding-bottom: 2em;
	margin-bottom: 2em;
}

.ppg_user_name {
	font-size:2.4rem;
	font-family:var(--ff-headers);
}

.ppg_user_info {
	border-bottom:3px solid var(--clr-primary-400);
}

.ppg_user_info:last-of-type {
	border:0;
	margin-bottom:0;
	padding-bottom:0;
}

.ppg_user_info .fa-user-circle {
	padding-bottom:1rem;
}
.ppg_user_info .ppg_form_label {
	font-weight:900;
}

.ppg_user_info .ppg_form_select {
	display:block;
	width:100% !important;
}

.ppg_user_info  .ppg_srch_summary_data {
	font-weight:400;
	display: inline-block;
}
 
.ppg_user_actions_container {
  	grid-area:actions;
}

.ppg_gridrow{
	display:grid;
	grid-gap:1em;
	grid-template-areas:'title data';
	grid-template-columns:1fr 2fr;
	margin-bottom:1em;
}
.ppg_grid_title {
	grid-area:title;
	text-align:right;
	font-weight:700;
}

.ppg_grid_title.ppg_centerv {
	align-self:center;
}

.ppg_actions {
	display:flex;
	justify-content:center;
}
  
.ppg_actions .buttons + .buttons {
	margin-left: 1em !important;
}
.ppg_grid_notes {
	grid-column: 1 / 3;
}

.ppg_icon {
	width:4em;
	margin-bottom:1em;
}

.ppg_gridrow .ppg_icon {
	width:max-content;
	margin:0;
	color:var(--clr-primary-400);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 385.8 512'%3E%3Cpath fill='%2304a777' d='M225.5,136.5V0.5h-200c-13.3,0-24,10.7-24,24v464c0,13.3,10.7,24,24,24h336c13.3,0,24-10.7,24-24v-328h-136 C236.3,160.5,225.5,149.7,225.5,136.5z M305.6,245.9l18.2,18.2c5,5,5,13.2,0,18.2L176,430.1c-5,5-13.2,5-18.2,0h0l-83.5-83.5 c-5-5-5-13.2,0-18.2l18.2-18.2c5-5,13.2-5,18.2,0l56.3,56.3l120.5-120.5C292.4,240.9,300.5,240.9,305.6,245.9z'/%3E%3Cpath fill='%2304a777' d='M378.5,105.5l-97.9-98c-4.5-4.5-10.6-7-17-7h-6.1v128h128v-6.1C385.5,116.1,383,110,378.5,105.5z'/%3E%3C/svg%3E ");background-repeat: no-repeat;
	background-size: contain;
	padding-left:1.5em;
}
  
.ppg_gridrow .ppg_icon.active:hover,
.ppg_gridrow .ppg_icon.active:focus {
	color:var(--clr-secondary-400);
	cursor:pointer;
	background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 385.8 512'%3E%3Cpath fill='%232a73e8' d='M225.5,136.5V0.5h-200c-13.3,0-24,10.7-24,24v464c0,13.3,10.7,24,24,24h336c13.3,0,24-10.7,24-24v-328h-136 C236.3,160.5,225.5,149.7,225.5,136.5z'/%3E%3Cpath fill='%232a73e8' d='M378.5,105.5l-97.9-98c-4.5-4.5-10.6-7-17-7h-6.1v128h128v-6.1C385.5,116.1,383,110,378.5,105.5z'/%3E%3C/svg%3E ");
}
.ppg_gridrow .ppg_icon.active {
	background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 385.8 512'%3E%3Cpath fill='%2304a777' d='M225.5,136.5V0.5h-200c-13.3,0-24,10.7-24,24v464c0,13.3,10.7,24,24,24h336c13.3,0,24-10.7,24-24v-328h-136 C236.3,160.5,225.5,149.7,225.5,136.5z'/%3E%3Cpath fill='%2304a777' d='M378.5,105.5l-97.9-98c-4.5-4.5-10.6-7-17-7h-6.1v128h128v-6.1C385.5,116.1,383,110,378.5,105.5z'/%3E%3C/svg%3E ");
	text-decoration:underline;
}

.ppg_notes {
	display:flex;
	margin-bottom:1em;
}

.ppg_notebox {
	display:grid;
	grid-gap:1em;
	grid-template-columns:repeat(4, 1fr);
	margin:1em 0;
}

.ppg_notebox .ppg_form_group {
	margin:0;
}

.ppg_notebox .ppg_form_select, .ppg_notebox .ppg_form_text {
	width:100% !important;
}

.ppg_notebox_editor {
	grid-column: 1 / 5;
    padding: 0.5em;
    border: 1px solid var(--clr-neutral-400);
}
.ppg_notebox_editor .oae_toolbar_command[title="Submit"] div, .ppg_notebox_editor .oae_toolbar_command[title="Cancel"] div {
	all:unset !important;
}
.ppg_notebox_editor .oae_toolbar_command[title="Submit"], .ppg_notebox_editor .oae_toolbar_command[title="Cancel"] {
    border: 1px solid var(--clr-important-400);
    border-radius: 1.25em;
    display: inline-flex !important;
    justify-content: center;
    align-items: center;
    padding: 0.625em 1.5em !important;
    margin:10px 0 0 0 !important;
    -webkit-transition: 0.3s !important;
    -moz-transition: 0.3s !important;
    -o-transition: 0.3s !important;
    transition: 0.3s !important;
	text-decoration: none !important;
	cursor:pointer;
}
.ppg_notebox_editor .oae_toolbar_command[title="Submit"] {
	width:max-content;
	min-width:100px;
    background-color: var(--clr-important-400);
    font-size: 1.6rem !important;
    color: white !important;
	margin-right:1em !important;
}

.ppg_notebox_editor .oae_toolbar_command_hover[title="Submit"] {
    background-color: var(--clr-important-500);
    border: 1px solid var(--clr-important-500);
}
.ppg_notebox_editor .oae_toolbar_command[title="Cancel"] {
	width:max-content;
	min-width:100px;
    background-color: white;
    font-size: 16px !important;
    color: var(--clr-important-400) !important;
}

.ppg_notebox_editor .oae_toolbar_command_hover[title="Cancel"] {
    background-color: var(--clr-important-400);
    border: 1px solid var(--clr-important-400);
    color: white !important;
}
/*****************MANAGE CARDHOLDERS**************/
.ppg_title_flex {
	font-size: 3.6rem;
	font-family: var(--ff-headers);
	display: flex;
    align-items: center;
}
.ppg_title_flex + div {
	display: flex;
    flex-flow: wrap;
}
.ppg_cardholder {
}
.ppg_cardholder_info {
	background-color:var(--clr-neutral-100); 
	border:0;
	padding:1.5em; 
}
.ppg_cardholder_header, .ppg_cardholder_subheader {
	display: flex;
	justify-content: space-between;
}
.ppg_cardholder_header {
	padding-bottom:1em;
	margin-bottom:1em;
	border-bottom: 3px solid var(--clr-primary-400);
}
.ppg_cardholder_cardnumber, .ppg_cardholder_san {
	display:flex;
	flex-flow: column;
}
.ppg_cardholder_san {
	flex-shrink: 0;
}
.ppg_cardholder_cardnumber {
    align-items: flex-end;
}
.ppg_cardholder_subheader div {
	flex-flow:column;
}
.ppg_cardholder_header > div, .ppg_cardholder_subheader > div {
}
.ppg_cardholder_header .ppg_cardholder_data {
	display:flex;
	flex-wrap: wrap;
}
.ppg_cardholder_header .ppg_cardholder_data + .ppg_cardholder_data {
	margin-left:1.5em;
}
.ppg_cardholder_subheader .ppg_cardholder_data {
	display:grid;
	grid-template-columns: auto auto;
	grid-gap: 1em;
    row-gap: 0.25em;
}
.ppg_cardholder_data span:nth-of-type(odd) {
	font-weight: 900;
	margin-right:0.5em;
}

.ppg_status {
	display: flex;
	align-items: center;
	font-size: 1.2rem;
	font-family: var(--ff-body);
	padding:0.25em 1.25em;
	border:1px solid var(--clr-neutral-600);
	border-radius: 5px;
	margin-left:1em;
	position: relative;
}
.ppg_status::before {
	content:'';
	position:absolute;
	left:0;
	top:50%;
	transform: translate(-50%, -50%) !important;
	background: white;
}
.ppg_status.Normal {
	background-color: var(--clr-primary-200);
}
.ppg_status.Inactive {
	background-color: var(--clr-neutral-300);
}
.ppg_status.Suspend {
	background-color: var(--clr-important-200);
}
.ppg_status.Expired {
	background-color: var(--clr-accent-light-200);
}

.ppg_cardholder_actions {
	display: flex;
	flex-flow: column;
}
.ppg_cardholder_actionscontent {
	grid-area:actions;
	padding:1em 0;
}
/*****************REJECT BOX OVERLAY**************/

.ppg_rejectbox .auraWindowLayer {
	position: fixed !important;
    z-index: 9999 !important;
    background: rgb(255, 255, 255, 0.75) !important;
    width: 100vw !important;
    height: 100vh !important;
    left: 0 !important;
    top: 0 !important;
}
.ppg_rejectbox * {
	background-image: none !important;
	font-family: var(--ff-body) !important;
	transition: all ease-in-out 0.3s;
}

.ppg_rejectbox input, .ppg_rejectbox textarea, .ppg_rejectbox select {
    font-size: 1.6rem !important;
    padding: 0.5em;
    border: 1px solid var(--clr-neutral-400);
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    font-family: var(--ff-body) !important;
	width:100%;
}

.ppg_rejectbox input:focus, .ppg_rejectbox textarea:focus, .ppg_rejectbox select:focus  {
    border: 1px solid var(--clr-secondary-400);
    outline-style: none;
}
.ppg_rejectbox .auraHeaderLogoContainer {
	display:none;
}
.ppg_rejectbox .auraHeaderTitle {
	padding:0 !important;
	width: max-content;
	display: block;
}
.ppg_rejectbox .auraTitlePanel {
	font-size: 2rem !important;
	font-family: var(--ff-headers) !important;
	color:var(--clr-primary-400);
	font-weight: normal;
	padding:0;
	margin:0;
	white-space: normal !important;
}

.ppg_rejectbox .auraHeaderBuiltinButtonsContainer {
    background: none !important;
    width: max-content;
    padding: 0;
}
.ppg_rejectbox .auraFilterIframeLayer, 
.ppg_rejectbox .auraFilterDivLayer,
.ppg_rejectbox .auraIframeLayer {
	position: fixed !important;
    width: 100% !important;
    height: 100% !important;
    left: 0 !important;
    top: 0 !important;
}

.ppg_rejectbox .auraIframeLayer {
	width: max-content !important;
	height: auto !important;
}
.ppg_rejectbox .auraMasterTable {
	background-color: white !important;
	padding:1.5em !important;
	border-radius:1.5em;
	width: max-content;
	max-width:500px;
	height: auto;
	display: flex;
	position: absolute !important;
	top: 50% !important;
	left: 50% !important;
	transform: translate(-50%, -50%) !important;
}

.ppg_rejectbox .auraContentPanel {
	width:100% !important;
	background: none !important;
	display: flex !important;
	align-items: center;
	justify-content: center;
	height: auto !important;
}

#messageDialog_content {
	width:100%;
}
.ppg_rejectbox .RejectBox {
	margin-top:1em;
	position: relative;
}
.ppg_rejectbox .RejectBox td > div {
	padding:0.5em;
	font-size: 1.6rem !important;
	display:flex;
	flex-direction: column;
}
.ppg_rejectbox .RejectBox td > div > span {
	display: block;
}

.ppg_rejectbox #divFlyoutContent {
	height: auto !important;
}

.ppg_rejectbox .auraContentContainer {
	padding: 1em 0.25em 0 0.25em;
}
.ppg_rejectbox .buttons {
	border: 1px solid var(--clr-important-400);
    border-radius: 1.25em;
    display: inline-flex !important;
    justify-content: center;
    align-items: center;
    padding: 0.625em 1.5em !important;
    margin:10px 0 0 0 !important;
    -webkit-transition: 0.3s !important;
    -moz-transition: 0.3s !important;
    -o-transition: 0.3s !important;
    transition: 0.3s !important;
	text-decoration: none !important;
	cursor:pointer;
	width:max-content;
	min-width:100px;
    background-color: var(--clr-important-400);
    font-size: 1.6rem !important;
    color: white !important;
}

.ppg_rejectbox .buttons:hover,
.ppg_rejectbox .buttons:focus {
    background-color: var(--clr-important-500);
    border: 1px solid var(--clr-important-500);
}

.ppg_rejectbox .buttons:focus {
    outline: none;
    box-shadow: 0 0 0 5px white, 0 0 0 6px var(--clr-important-400);
}

.ppg_rejectbox .auraBottomLineContainer {
	display: none;
}

.ppg_rejectbox .auraButtonCloseOut, .ppg_rejectbox .auraButtonCloseOver {
    width: 25px;
    height: 25px;
	background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath d='M14.53 4.53l-1.06-1.06L9 7.94 4.53 3.47 3.47 4.53 7.94 9l-4.47 4.47 1.06 1.06L9 10.06l4.47 4.47 1.06-1.06L10.06 9z'/%3E%3C/svg%3E ") !important;
	background-size: contain;
	background-repeat: no-repeat;
	cursor: pointer;
}
.ppg_rejectbox .auraButtonCloseOver {
	opacity:0.7;
}
/*****************EXPANDABLE SIDE**************/
.ppg_side_container {
	background-color: white;
	position: fixed;
	right:0;
	display: block;
	top:0;
    z-index: 9005;
    width:420px;
    height: 100vh;
    box-shadow: 0px 5px 15px rgb(0 0 0 / 25%);
  	transform: translate3d(100%, 0, 0);
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
  	opacity:0;
}

.ppg_side_container select, .ppg_side_container input {
	margin-bottom:1em;
}

.ppg_side_container.wide {
    width:unset;
	overflow: scroll;
	display: none;
}

.ppg_side_container_open.wide {
	display: grid;
	grid-template-columns: minmax(420px, max-content);
}
.ppg_side_container_open {
	opacity:1;
  	transform: translate3d(0, 0, 0);
}
.ppg_side_container_wide_bg {
	position: fixed !important;
    background: rgb(255, 255, 255, 0.75) !important;
    width: 100% !important;
    height: 100% !important;
    left: 0 !important;
    top: 0 !important;
	display: block;
	z-index: 9004;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.ppg_side_content {
	padding:1em;
}

.ppg_btn_side {
	position: fixed;
	right:32px;
	top:50%;
    z-index: 9004;
    height: 32px;
    line-height: 32px;
    background: var(--clr-primary-400);
    padding: 0 20px;
    border-radius: 0 0 5px 5px;
	-ms-transform:rotate(90deg) translate(50%, -100%); /* IE 9 */
	-moz-transform:rotate(90deg) translate(50%, -100%); /* Firefox */
	-webkit-transform:rotate(90deg) translate(50%, -100%); /* Safari and Chrome */
	-o-transform:rotate(90deg) translate(50%, -100%); /* Opera */
    transform: rotate(90deg) translate(50%, -100%);
    transform-origin: 100% 0;
    font-weight: bold;
    color: white !important;
    font-size: 1.6rem;
    text-align: center;
    transition: background 0.3s ease;
    cursor:pointer;
	display: flex;
  	align-items:center;
	text-decoration: none !important;
}

.ppg_btn_side:active {
    color: white !important;
}
.ppg_btn_side:hover,
.ppg_btn_side:focus {
    background: var(--clr-secondary-400);
    color: white !important;
}

.ppg_side_container .ppg_form_group {    
	margin: 0 !important;
    display: flex;
    flex-flow: column;
}

.ppg_side_container .ppg_form_select, .ppg_side_container .ppg_form_text {
	min-width: 0 !important;
}

.ppg_side_container .ppg_txt {
	margin: 1em 0;
}

.ppg_side_container .ppg_btn_side_close {
	position: absolute;
	right: 20px;
	top: 20px;
	width: 32px;
	height: 32px;
    cursor:pointer;
}
.ppg_side_container .ppg_btn_side_close::before, .ppg_side_container .ppg_btn_side_close::after {
  position: absolute;
  left: 15px;
  content: ' ';
  height: 25px;
  width: 2px;
  background-color: var(--clr-secondary-600);
}
.ppg_side_container .ppg_btn_side_close::before {
  transform: rotate(45deg);
}
.ppg_side_container .ppg_btn_side_close::after {
  transform: rotate(-45deg);
}

.ppg_side_flex {
	display: flex;
	justify-content: flex-end;
}

.ppg_txt_title {
	font-family: var(--ff-headers);
	color:var(--clr-primary-400);
	font-size:2rem;
	margin: 0.5em 0 2em 0;
}

.ppg_txt_title + div {
	margin: 2em 0 2em 0;
}

#divAccessCodeGenerating {
	margin-bottom:2em;
}

/********SECTION TABS************/

.ppg_section_tabs {
	overflow: hidden;
  	background-color: white;
  	width:100%;
}

.ppg_section_tab_content {
    width: calc(100% - 40px);
    display: inline-flex;
    align-items: flex-end;
    flex-wrap: wrap;
    margin: 20px;
}

.ppg_section_tabs button {
	text-align: center;
  background-color: inherit;
  float: left;
  border:0;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  border-bottom: var(--clr-neutral-100) 3px solid;
}

.ppg_section_tabs button:hover {
  background-color: var(--clr-neutral-100);
  border-bottom: var(--clr-neutral-100) 3px solid;
}

.ppg_section_tabs button.active {
  border-bottom: var(--clr-primary-400) 3px solid;
}

.ppg_tabcontent {
  animation: fadeEffect 0.3s; 
}

@keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}


/********** DATEPICKER ***********/
tfoot, thead {
    color: var(--clr-secondary-600);
}

.ajax__calendar_container {
    font-family: var(--ff-body) !important;
}

.AjaxCalendar .ajax__calendar_active .ajax__calendar_day, .AjaxCalendar .ajax__calendar_active .ajax__calendar_month, .AjaxCalendar .ajax__calendar_active .ajax__calendar_year {
    background-color: var(--clr-primary-400);
    border-color: var(--clr-primary-400);
    color: white;
}
.AjaxCalendar .ajax__calendar_hover .ajax__calendar_day, .AjaxCalendar .ajax__calendar_hover .ajax__calendar_month, .AjaxCalendar .ajax__calendar_hover .ajax__calendar_year {
    background-color: var(--clr-secondary-400);
    border-color: var(--clr-secondary-400);
    color: white;
}

.AjaxCalendar .ajax__calendar_container {
    border: 0;
    box-shadow: 0px 5px 15px rgb(0 0 0 / 25%);
    background-color: white;
    color: var(--clr-primary-400);
    z-index: 5000;
}

/*****************DOCUMENT OVERRIDES***************/
td.ppg_doc_cell {
	width: 100%;
    display: grid;
    margin: 20px 0;
}
.ppg_doc_scrollx {
	width: 100%;
    overflow-x: auto;
    border: 1px solid var(--clr-neutral-400) !important;
}
td.ppg_doc_cell * {
    font-family: var(--ff-body) !important;
}


/********COLOUR LEGEND TABLE*******/
.ppg_legendclr {

}

.ppg_legendclr table {
	background: transparent !important;
}

.ppg_legendclr_container {
	display:flex;
	justify-content: flex-end;
	padding:2em 0 0;
}

.ppg_legendclr_item {
	font-size: 1rem;
	margin-left:1em;
	display:flex;
	align-items: center;
	position:relative;
	padding: 0 2em;
}

.ppg_legendclr_active::after,
.ppg_legendclr_suspended::after,
.ppg_legendclr_inactive::after,
.ppg_legendclr_expired::after {
	content:'';
	width:1.75em;
	height:1.25em;
	margin-right:1em;
	border:1px solid var(--clr-neutral-600);
	position:absolute;
	left:0;
	top:50%;
	transform: translate(-50%, -50%) !important;
}


.ppg_legendclr_active::after {
	background-color: var(--clr-primary-200);
}

.ppg_legendclr_suspended::after {
	background-color: var(--clr-important-200);
}

.ppg_legendclr_inactive::after {
	background-color: var(--clr-neutral-300);
}

.ppg_legendclr_expired::after {
	background-color: var(--clr-accent-light-200);
}

/*************LEGAL**************/
.ppg_footer {
	margin: 20px auto 0;
    padding: 20px 0;
    background-color: var(--clr-neutral-400);
    color: var(--clr-secondary-600);
    display: flex;
    justify-content: center;
}

.ppg_footer .SkinObject {
    color: var(--clr-secondary-600);
}

/*************LOADING ANIMATION**************/

#divProgressBar {
	display:none !important;
}

#divProgressImg {
	position: fixed !important;
    z-index: 9999 !important;
    background: url(/images/progressbar.gif) 50% 50% no-repeat rgb(255, 255, 255, 0.75) !important;
    width: 100% !important;
    height: 100% !important;
    left: 0 !important;
    top: 0 !important;
}

/*******************TABLES******************/

.ppg_table {
    border: 0;
}

.ppg_table td {
	font-family: var(--ff-body);
    background-image: none;
    font-size: 1.2rem;
    height: 26px;
    padding:10px;
    border:0;
}

.FileManager_Header {
	font-family: var(--ff-body);
    background-image: none;
    color: var(--clr-neutral-600);
    border-bottom: 2px solid var(--clr-primary-400);
    background-color: white;
    height: 26px;
}

.FileManager_Header td {
    font-size: 1rem;
    color: var(--clr-neutral-600);
    border-bottom: 2px solid var(--clr-primary-400);
    background-color: white;
    text-transform: uppercase;
}

.FileManager_Item, .FileManager_AltItem {
    font-size: 1.2rem;
    color: var(--clr-neutral-600);
    background-color: white !important;
    border:0;
    border-bottom: 1px solid var(--clr-neutral-100);
    padding:0 10px;
}

.FileManager_Header td:first-of-type, .FileManager_Item td:first-of-type, .FileManager_AltItem td:first-of-type {
    padding-left:10px;
}
.FileManager_Header td:last-of-type, .FileManager_Item td:last-of-type, .FileManager_AltItem td:last-of-type {
    padding-right:10px;
}

.FileManager_Item * {
    color: var(--clr-neutral-600);
}

.ppg_marginbtm20 {
	margin-bottom:20px;
}

.ppg_block {
	display:block;
  }
  
.ppg_w100 {
	width:100%;
  }
.ppg_nobrdr {
	border:0;
}

.ppg_hide {
    display: none;
}

.ppg_btn_primary.ppg_hide {
    display: none !important;
}

.aspNetDisabled.buttons {
	background-color: var(--clr-neutral-100);
	color: var(--clr-neutral-400) !important;
	border: 0;
}

/*
span.Head {
	display:none !important;
}
*/

.theBox {
    border: 0 !important;
    background-color: var(--clr-accent-light-200) !important;
    font: inherit !important;
	font-size: 1.2rem !important;
    padding: 1em !important;
    height: auto !important;
	color:inherit !important;
}

/**************2fa screen*************/

.secButtons {
	width:max-content;
	min-width:100px;
    background-color: var(--clr-important-400) !important;
	font-family: var(--ff-body) !important;
    font-size: 1.6rem !important;
    color: white !important;
    border: 1px solid var(--clr-important-400) !important;
    border-radius: 1.25em !important;
    display: inline-flex !important;
    justify-content: center;
    align-items: center;
    padding: 0.625em 1.5em !important;
    margin:10px 0 0 0 !important;
    -webkit-transition: 0.3s !important;
    -moz-transition: 0.3s !important;
    -o-transition: 0.3s !important;
    transition: 0.3s !important;
	text-decoration: none !important;
	cursor:pointer;
}

.secButtons:hover { 
    background-color: var(--clr-important-500) !important;
    border: 1px solid var(--clr-important-500) !important;
}

.form_msg_icon {
	max-width: 30px;
	margin: 5px 0;
}