.loginFirst {
    font-size: 35px !important;
}

.loginSecond {
    font-size: 18px;
    color: red
}

.genericErrorPageTablestyle1 {
    width: 800px;
    height: 600px;
    background-color: #006DAA;
}

.bordercolour-red {
    border-color: Red;
}

.borderwidth-0px {
    border-width: 0px;
}

.width-100 {
    width: 100%
}

.FormHometdStyle1 {
    border-width: 0px;
    background-color: Transparent;
    font-weight: bold;
    width: 480px;
    text-align: center;
}

.defaultInputNone {
    display: none;
}

.defaultStyletd2 {
    font-family: Trebuchet MS,Verdana,Geneva,Arial,sans-serif;
    font-size: 12px;
    font-weight: bold;
    height: 20px;
    line-height: 20px;
    text-decoration: none;
    background-color: #757575;
}

.defaultTdColourff {
    color: #FFFFFF;
}

.defaultBackgroundCltd3 {
    background-color: #666666;
    border-top: solid 1px white;
}

.defaultbackgroundtd4ff {
    background-color: #FFFFFF;
    border-top: solid 1px white;
}

.defaultBorderTop {
    border-top: solid 1px white;
}

.defaultcolourtd00cc33 {
    background-color: #00CC33;
}

.defaultTblVerticalAlignedMiddle {
    vertical-align: middle;
}

.defaultTblVerticalAlignedTop {
    vertical-align: top;
}

.defaultWidth100 {
    width: 100%;
}

.defaultWidth192px {
    width: 192px;
}

.defaultTd5 {
    z-index: 800;
}

.defaultTdStyle6 {
    width: 205px;
    vertical-align: top;
}

.defaultwidth380px {
    width: 380px;
}

.defaultheight20px {
    height: 20px;
}

.defaulttdStyle7 {
    background-color: #6699cc;
    text-align: center
}

.defaultSpan01 {
    font-size: 10pt;
    font-family: Trebuchet MS;
    background-color: #6699cc;
    font-weight: bold;
}

.defaultBackgroundF0 {
    background-color: #F0F0F0
}

.defaultBgClF0TextalVert {
    background-color: #F0F0F0;
    text-align: right;
    vertical-align: top;
}

.defaultSpan2 {
    font-size: 10pt;
    font-family: Trebuchet MS
}

.defaultSpanTd {
    background-color: #F0F0F0;
    text-align: left;
    vertical-align: top;
}

.defaultheight5px {
    height: 5px;
}

.defaultheight10px {
    height: 10px;
}

.defaultheight40px {
    height: 40px;
}

.defaultpwdSpn {
    font-size: 10pt;
    font-family: Trebuchet MS;
    font-style: italic;
    font-weight: normal;
}

.defaultAspStyle001 {
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    COLOR: #666666;
    FONT-FAMILY: Trebuchet MS,Verdana,Arial,Helvetica,sans-serif;
    TEXT-DECORATION: none
}

.defaultStyle002 {
    color: #666666;
    font-family: Trebuchet MS,Verdana,Geneva,Arial,sans-serif;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
}

.defaultHeigWeig003 {
    height: 10px;
    width: 100%;
}

.defaultstylewidthMin-cont {
    width: min-content;
}

.defaultStyleminwidth {
    z-index: 50;
    height: 750px;
    width: 99%;
    overflow: auto;
}

.aspTextboxCtrlStyle {
    width: 120px;
}
.aspValidators {
    color:Red;
    visibility:hidden;
}
.okta-hide-iframe {
    visibility: hidden;
    width: 0;
    height: 0;
    border: none;
    position: absolute;
    left: -999px
}

/* Styles for Default.aspx UpdatePanel Content - CSP Compliant */

/* General Table Layouts */
.main-content-table {
    vertical-align: top;
}

.menu-column {
    vertical-align: top;
    width: 192px;
}

.menu-left-table {
    vertical-align: top; /* align="left" is default for tables, can be overridden if needed */
}

.menu-tree-container-cell {
    width: 192px;
    vertical-align: top;
}

/* TreeView Styles */
.DefaultMenuTree { /* Base class for asp:TreeView */
    /* from Style="z-index: 800;" - apply z-index if truly necessary via CSS */
    /* z-index: 800; */
    /* from BackColor="#F0F0F0", ForeColor="#0066CC", BorderStyle="Solid", BorderWidth="1px", Font-Names, Font-Size */
    background-color: #F0F0F0;
    color: #0066CC; /* Default text color for nodes */
    border: 1px solid #000000; /* Default border color, adjust if BorderColor was set */
    font-family: "Trebuchet MS", Verdana, Geneva, Arial, sans-serif;
    font-size: 8pt;
    width: 205px; /* From Width property */
    height: 100%; /* From Height property */
}

/* Specific TreeView Node Styles (Applied via CssClass properties in <RootNodeStyle>, etc.) */
.MyTreeRootNode, .MyTreeParentNode {
    /* from Font-Underline="False" ForeColor="#0066CC" Font-Bold="true" */
    text-decoration: none !important;
    color: #0066CC;
    font-weight: bold;
}

.MyTreeLeafNode {
    /* from Font-Underline="False" ForeColor="#0C7F30" */
    text-decoration: none !important;
    color: #0C7F30;
}

.MyTreeSelectedNode {
    /* from Font-Underline="False" Font-Italic="true" */
    text-decoration: none !important;
    font-style: italic;
    background-color: #d3d3d3; /* Example: light gray for selected items, adjust as needed */
    /* color: #000000; /* Example selected text color */
}

.MyTreeNode { /* General styles for all nodes if needed, e.g., padding */
}

/* Styles for the <a> tags generated by ASP.NET TreeView based on existing CssClass attributes */
.TreeViewParentLayout a:link,
.TreeViewParentLayout a:visited,
.TreeViewParentLayout a:active {
    background-color: #F0F0F0;
    color: #0066CC;
    text-decoration: none;
}

.TreeViewParentLayout a:hover {
    background-color: #F0F0F0;
    color: #0066CC;
    text-decoration: underline;
}

.TreeViewLeafLayout a:link,
.TreeViewLeafLayout a:visited,
.TreeViewLeafLayout a:active {
    background-color: #F0F0F0;
    color: #0C7F30;
    text-decoration: none;
}

.TreeViewLeafLayout a:hover {
    background-color: #F0F0F0;
    color: #0C7F30;
    text-decoration: underline;
}

.Selected { /* This class was already used by SelectedNodeStyle, ensure its definition is appropriate */
    /* font-style: italic; /* Already in MyTreeSelectedNode */
}


/* Institution DropDownList and Label */
.institution-cell {
    width: 205px;
    vertical-align: top;
}

.institution-dropdown {
    width: 205px;
}
/* From control property, can be defined here */
.institution-label {
    font-size: 12pt; /* From asp:Label Font-Size */
    font-family: "Trebuchet MS"; /* From asp:Label Font-Names */
}

.institution-label-hidden {
    display: none;
}

.institution-label-visible {
    display: inline; /* Or block, depending on desired layout */
}

/* Client Logo */
.client-logo-cell {
    width: 205px;
    vertical-align: top;
}

.client-logo-image { /* Add any specific styling for the logo image if needed */
}

/* Frame Column */
.frame-column {
    vertical-align: top;
    width: 100%;
}

/* Login Form Styles */
.login-table {
    width: 380px;
    /* display: none; /* Control visibility server-side (LoginTable.Visible = false) or by adding/removing login-table-hidden class */
}

.login-table-hidden {
    display: none;
}

.login-spacer-cell-height20 {
    height: 20px;
}

.login-spacer-cell-height5 {
    height: 5px;
}

.login-spacer-cell-height10 {
    height: 10px;
}

.login-header-cell {
    background-color: #6699cc;
    text-align: center;
}

.login-header-text {
    font-size: 10pt;
    font-family: "Trebuchet MS";
    /* background-color: #6699cc; /* Inherited from parent */
    font-weight: bold;
    color: white; /* Added for better contrast */
}

.login-instruction-cell {
    background-color: #F0F0F0;
    text-align: center;
}

.login-instruction-text { /* For asp:Label LogInInstruction */
    font-style: italic; /* from Font-Italic="true" */
    font-size: 10pt; /* from Font-Size */
    font-family: "Trebuchet MS"; /* from Font-Names */
    color: Black; /* from ForeColor */
}

.login-form-row {
    background-color: #F0F0F0;
}

.login-form-inner-table {
    background-color: #F0F0F0;
}
/* from inline style */
.login-label-cell {
    background-color: #F0F0F0;
    text-align: right;
    vertical-align: top;
}

.login-label-text {
    font-size: 10pt;
    font-family: "Trebuchet MS";
}

.login-input-cell {
    background-color: #F0F0F0;
    text-align: left;
    vertical-align: top;
}

.login-textbox {
    width: 120px; /* From Width property on TextBoxes */
}

.login-validator {
    color: Red; /* Standard validator error color */
}

.login-password-note {
    font-size: 10pt;
    font-family: "Trebuchet MS";
    font-style: italic;
    font-weight: normal;
}

.login-alert-cell {
    background-color: #F0F0F0;
    text-align: center;
}

.login-alert-text { /* For asp:Label lblAlert */
    font-size: 10pt;
    font-family: "Trebuchet MS";
    color: red;
}

.login-button-row {
    height: 40px;
    background-color: #F0F0F0;
}

.login-button-cell {
    text-align: center;
}
/* .AP3Button is an existing class, ensure its definition is loaded and nonced */
/* .login-button can be used for additional specific styling if AP3Button is too general */

.forgot-password-link { /* For asp:LinkButton ForgetPassword */
    font-family: "Trebuchet MS"; /* From Font-Names */
    font-size: 10pt; /* From Font-Size */
    text-decoration: none; /* From Font-Underline="false" */
    color: #ff9900 !important; /* From ForeColor, !important to override default link styles if needed */
}

.logout-message-text { /* For asp:Label LogoutMessage */
    font-size: 10pt;
    font-family: "Trebuchet MS";
    color: red;
    font-weight: bold;
}

.login-agreement-text { /* Styles for your .LabelParagraph if needed */
}

/* Breadcrumb */
.breadcrumb-container { /* display: none; /* Control visibility with server logic or JS */
}

.breadcrumb { /* Base class for asp:Label lblBreadCrumb, from its original CssClass */
    font-weight: normal;
    font-size: 11px;
    color: #666666;
    font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
}

.breadcrumb-text { /* Specific class for lblBreadCrumb to apply ForeColor */
    color: black; /* From ForeColor="black" */
}

/* Iframe */
.main-iframe { /* For iframe frameContent */
    z-index: 50;
    height: 750px;
    width: 99%;
    overflow: auto;
    /* display: none; /* Control visibility with server logic or JS */
}

.iframe-visible {
    display: block !important;
}
/* Add this class server-side when iframe should be shown */

/* Utility class for initially hidden rows/elements controlled by server */
.hidden-row {
    display: none;
}

.row-visible { /* Example: Add this class via C# to show a row */
    display: table-row; /* Or 'block', depending on the element type and desired layout */
}


.csp-login-table {
    width: 380px;
}

.csp-height-20 {
    height: 20px;
}

.csp-height-5 {
    height: 5px;
}

.csp-height-10 {
    height: 10px;
}

.csp-height-40 {
    height: 40px;
}

.csp-header-cell {
    background-color: #6699cc;
    text-align: center;
}

.csp-header-text {
    font-size: 10pt;
    font-family: 'Trebuchet MS';
    background-color: #6699cc;
    font-weight: bold;
}

.csp-bg-light {
    background-color: #F0F0F0;
}

.csp-label-cell {
    background-color: #F0F0F0;
    text-align: right;
    vertical-align: top;
}

.csp-input-cell {
    background-color: #F0F0F0;
    text-align: left;
    vertical-align: top;
}

.csp-label-text {
    font-size: 10pt;
    font-family: 'Trebuchet MS';
}

.csp-hint-text {
    font-size: 10pt;
    font-family: 'Trebuchet MS';
    font-style: italic;
    font-weight: normal;
}

.csp-hidden-row {
    display: none;
}