@import url("/WebPatterns/Theme.Patterns_SilkUI.css?50019");

/* 
    0. Custom Properties
    1. General Properties
    2. Structure
    3. Text formatting
    4. Intelliwarp generated actions
    
*/

/*------------------------------------*\
        $0. Custom Properties
\*------------------------------------*/

@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,800');

.hide{
display: none!important;
}

.show{
display: block!important;
}

.Not_Valid ~ .InputFootnote {
    margin-top: 25px !important;
}

label.Not_Valid, .CustomLabel.Not_Valid {
    color: #C41C30;
}

.tooltip_style {
    background-color: #282828;
    box-shadow: 0 1px 2px 0 rgba(40,40,40,0.3);
    border-radius: 3px;
    color: #fff;
    text-align: left;
}

.Shadow {
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2);
}

.SSLContainer {
    height: 40px;
    width: 70px;
    color: rgba(40,40,40,0.5);
    font-family: Montserrat;
    font-size: 10px;
    line-height: 12px;
    text-align: left;
}

label {
    margin-bottom: 4px;   
}

.CustomHeader1 {
    height: 28px;
    font-size: 20px;
    line-height: 28px;   
}

.CustomLabel {
 margin-bottom: 4px;
 font-weight: bold;
 font-size: 12px;
}

.CustomLabel2 {
    margin-bottom: 4px;
    font-weight: bold;
    margin-left:8px;
    font-size:14px;
    height:28px;
    line-height:28px;
}

.CustomLabel3 {
    font-size: 14px;
    line-height: 20px;
}

.CustomText12 {
    font-size: 12px;
    line-height: 20px;}
}

.CustomText14 {
    font-size: 14px;
    line-height: 20px;}
}

.CustomText16 {
    font-size: 16px;
    line-height: 24px;
}

hr {
    display: block;
    height: 2px;
    border: 0;
    border-top: 1px solid #C6CCD4;;
    margin: 0;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    padding: 0;
}

.HighlightPlaceholder {
    
        
}

.penfed_green {
    color: #558b2f;
}

.penfed_green_bg {
    background-color: #558b2f;
}

.penfed_hovergreen {
    color: #3A5E20;
}

.penfed_hovergreen_bg {
    background-color: #3A5E20;
}

.penfed_hoverblue {
    color: #23527c;
}

.penfed_hoverblue_bg {
    background-color: #23527c;
}

.penfed_medblue {
    color: #037fb0;
}

.penfed_medblue_bg {
    background-color: #037fb0;
}

.penfed_navy {
    color: #0a223f
}   

.penfed_navy_bg {
    background-color: #0a223f
}

/* Blue Button */
.BlueButton, .BlueButton.Is_Default, a.BlueButton, .desktop .BlueButton, .desktop .BlueButton.Is_Default, .desktop .a.BlueButton {
    height: 40px;
    border-radius: 3px;
    background-color: #037fb0;
    border-color: transparent;
    color: #fff;
    cursor: default;
    padding-left: 20px !important;
    padding-right: 20px !important;
    margin-left: 0;
    font-weight: 600;
    line-height: 36px;
    font-size: 16px;
}

.BlueButton:hover, .ButtonRF:hover, a.BlueButton:hover, .desktop .BlueButton:hover, .desktop a.BlueButton:hover  {
    background-color: #23527c;
    cursor: pointer;
}

.BlueOutlineButton, .BlueOutlineButton.Is_Default, a.BlueOutlineButton, .desktop .BlueOutlineButton, .desktop .BlueOutlineButton.Is_Default, .desktop .a.BlueOutlineButton {
    height: 40px;
    background-color: white;
    border: 1px solid #037fb0;
    color: #037fb0;
    cursor: default;
    padding-left: 20px !important;
    padding-right: 20px !important;
    margin-left: 0;
    font-weight: 600;
    line-height: 36px;
    font-size: 16px;
}

.BlueOutlineButton:hover, a.BlueOutlineButton:hover, .desktop .BlueOutlineButton:hover, .desktop a.BlueOutlineButton:hover  {
    border-color: #23527c;
    color: #23527c;
    cursor: pointer;
}

.DisabledBlueButton, .BlueButton[disabled='disabled'], .BlueButton:disabled {
    background-color: rgba(3,127,176,0.3) !important;
    cursor: not-allowed;
    pointer-events: none;
}

.ButtonRF, .Button.Is_Default, a.Button, .desktop .Button, .desktop .Button.Is_Default, .desktop .a.Button {
    height: 40px;
    font-family: montserrat;
    border-radius: 3px;
    background-color: #558B2F;
    border-color: transparent;
    color: #fff;
    padding-left: 20px !important;
    padding-right: 20px !important;
    margin-left: 0;
    font-weight: 600;
    line-height: 36px;
    font-size: 16px;
   
}

.Button, .Button.Is_Default, a.Button, .desktop .Button, .desktop .Button.Is_Default, .desktop .a.Button {
    height: 40px;
    border-radius: 3px;
    background-color: #558B2F;
    border-color: transparent;
    color: #fff;
    padding-left: 20px !important;
    padding-right: 20px !important;
    margin-left: 0;
    font-weight: bold;
    line-height: 36px;
    font-size: 14px;
    text-transform: uppercase;
}

.Button, a.Button, .desktop .Button, .desktop .a.Button {
    background-color: #037FB0;   
}

.Button:hover, a.Button:hover, .desktop .Button:hover, .desktop a.Button:hover  {
    background-color: #037FB0;
}

.Button:disabled, a.Button:disabled, .desktop .Button:disabled, .desktop a.Button:disabled  {

    background-color: rgba(3,127,176,0.3);
}

.Button.Is_Default:disabled, .desktop .Button.Is_Default:disabled {
    background-color: rgba(85,136,47,0.3);
}

.Button.Accent, a.Button.Accent {
    color: #037FB0;
    background-color: #F4F4F4;
}

.Button.Accent:hover, a.Button.Accent:hover {
    color: #23527C;
}

.Button.Is_Default:hover, .desktop .Button.ButtonDefault:hover,
.desktop .Button.Is_Default:hover {
     background-color: #3A5E20;   
}

body.phone .Button, body.phone .Button.Is_Default, body.phone a.Button {
    width: 100%;
    height: 40px;
}

.Button.accent {
    background-color: #F4F4F4;
    color: #282828;
}

.Button.accent:hover {
    background-color: #ededed;
    color: #23527c;
}


input[type="checkbox"] {
    background: transparent;
    border: 0;
    cursor: pointer;
    display: inline-block;
    height: 20px;
    position: relative;
    width: 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
}

/*------------------------------------*\
        $1. General Properties
\*------------------------------------*/

body {
    background: #f4f4f4;
    color: #333;
    font-family: Montserrat;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.43;
}

/* Input Button For Vanilla */
input {
    border: 1px solid #C6CCD4;
    border-radius: 3px;
}

.font-16 {
    font-size: 16px;
}

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

.font-12 {
    font-size: 12px;
}

.line-height-24 {
    line-height: 24px;
}

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

.line-height-28 {
    line-height: 28px;
}

/* Input Text Boxes */

.ValidationMessage {
    color: #C41C30;
    font-size: 12px;
    font-weight: 500;
    margin-top: 4px;
}

input[type="text"].Not_Valid, input[type="number"].Not_Valid {
    border: 1px solid #C41C30;
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none; 
    margin: 0; 
}

::-webkit-input-placeholder, ::-moz-placeholder, :-ms-input-placeholder, :-moz-placeholder {
    color: #C6CCD4;
    font-size: 16px;
}

input[type="email"]{
    height:40px;
}

input[type=text]:focus, input[type=number]:focus {
    border: 1px solid #037FB0;
}

input[type=text]:hover, input[type=number]:hover {
    border: 1px solid #23527C;
}

input[type=text]:disabled, input[type=number]:disabled {
    border: 1px solid #C6CCD4;
}

input[type=text], input[type=number] {
    height: 40px;
    border: 1px solid #C6CCD4;
    border-radius: 3px;
    background-color: #FFFFFF;
}

/* Select Boxes */

select {
    font-size: 16px;
    line-height: 19px;
    font-family: Montserrat;
}

/*------------------------------------*\
        $2. Structure
\*------------------------------------*/

.Columns.MarginBottom {
    margin-bottom: 24px;
}

.Column.empty {
    display: none;
}

/* Columns Gutters */
.SmallRightColumns > .Column.ColLast {
    padding-left: 15px;
}

.SmallRightColumns > .Column.ColFirst {
    padding-right: 15px;
}

.Columns2 > .Column.ColFirst {
    padding-right: 15px;
}

.Columns2 > .Column.ColLast {
    padding-left: 15px;
}

a, a:link, a:hover {
    font-family: Montserrat;
    color: #037fb0;
}

/* Header */
.Header img {
    vertical-align: middle;
}

.Header_RightSection {
    float: right;
    line-height: 50px;
}

/* Button Menu */
a.Header_ButtonMenu {
    color: #000;
    display: none;
    font-size: 20px;
}

body.phone a.Header_ButtonMenu,
body.phone a.Header_ButtonMenu {
    display: block;
}

a.Header_ButtonMenu span.fa-bars {
    color: #000;
    cursor: pointer;
}

/* APP Title */
.Application_Title {
    line-height: 50px;
    overflow: hidden;
}

body.phone .Application_Title,
body.phone .Application_Title {
    padding: 0;
}

.Application_Title a,
.Application_Title a:link,
.Application_Title a:visited,
.Application_Title a:hover {
    color: #000;
    padding-right: 10px;
}

.Application_Title img {
    max-height: 20px;
    padding-bottom: 4px;
}

.Application_Menu a,
.Application_Menu a:link,
.Application_Menu a:visited {
    border-bottom: none;
}

/* Section_title */
.Section_header {
    border-bottom: 0px solid #ccc;
}
.Section__title.Heading2 {
   font-weight: normal;
}

/* Login Info */
.Login_Info,
.AppSwitcherContainer,
a.Login_Info_Username,
a.Login_Info_Username:link,
a.Login_Info_Username:visited {
    color: #000;
    font-size: 100%;
    font-weight: normal;
    margin-right: 10px;
}

.Login_Info {
    float: right;
    padding: 15px 0;
}

.Login_Info_Logout {
    font-size: 0;
}

.Login_Info_Logout:before,
.Login_Info_Username:before {
    color: #000;
    font-family: FontAwesome;
    font-size: 14px;
    margin-right: 5px;
}

body.phone .Login_Info_Logout:before,
body.phone .Login_Info_Logout:before {
    color: #005e92;
}

.Login_Info_Username:before {
    content: "\f007"; /* fa-user at http://fortawesome.github.io/Font-Awesome/icons/ */
}

.Login_Info_Logout:before {
    content: "\f011"; /* fa-power-off at http://fortawesome.github.io/Font-Awesome/icons/ */
    margin-right: 0;
}

body.phone .Login_Info_Logout:before,
body.phone .Login_Info_Logout:before {
    font-size: 20px;
}

/* Page Title */
.Title {
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 70%;
}

.Title.Heading1 {
    line-height: 34px;
    margin-top: 0;
}

.Title_Section {
    margin-top: 34px;
    position: relative;
}

/* Page Actions */
.Actions {
    font-size: 16px;
    line-height: 34px;
    text-align: right;
    width: 30%;
}

.Actions a {
    margin-left: 20px;
}

.Actions a:first-child {
    margin-left: 0;
}

/* To work with old applications */
.Title_Links {
    font-size: 14px;
    margin-top: 5px;
}

/* Content */
.Content,
.MainContent {
    
    
}

.Content {
    margin-bottom: 0;
    min-height: 100%;
}

.Page.active .MainContent {
    pointer-events: none;
    width: 100%;
}

/* Footer */
.Footer {
    font-size: 12px;
    min-height: 50px;
    padding: 10px 0;
    position: absolute;
    text-align: right;
    width: 100%;
}

.Footer img {
    padding-bottom: 3px;
}

.OSInlineClear {
    /* This style will never be used in runtime.
  When applied in Service Studio, it will prevent the style 'OSInline' from being
  automatically applied to divs and tables with widths != (fill parent) */
}

/*------------------------------------*\
         $3. Text formatting
\*------------------------------------*/

/* Header_Menu */
.Header_Menu,
.Application_Menu {
    background-color: #e4e4e4;
    box-shadow: none;
}

/* .Menu_TopMenus */
.Menu_TopMenus {
    height: 50px;
}

body.phone .Menu_TopMenus,
body.phone .Menu_TopMenus {
    width: 100%;
}

/* .Menu_DropDownArrow */
.Menu_DropDownArrow {
    border-top-color: #666;
    position: absolute;
    right: 8px;
    top: 50%;
}

.Menu_TopMenuActive,
.Menu_DropDownButton.open .Menu_TopMenu {
    border-bottom: none;
}

/* .Menu_TopMenu */
.Menu_TopMenu {
    position: relative;
}

.Menu_TopMenu a:link,
.Menu_TopMenu a:visited,
.Menu_TopMenu a {
    color: #666;
    display: inline-block;
    padding: 15px 20px;
}

.Menu_TopMenu a:hover,
.Menu_TopMenu:hover {
    color: #111;
}

.Menu_TopMenuActive a:link,
.Menu_TopMenuActive a:visited,
a.Menu_SubMenuItemActive:link,
a.Menu_SubMenuItemActive:visited,
a.Menu_SubMenuItem:hover {
    color: #666;
}

/* .Menu_DropDownPane */
.Menu_DropDownPanel {
    background-color: #f0f0f0 !important;
    border: none;
    box-shadow: none;
    margin-top: 0;
}

/* .Menu_SubMenuItem */
.a.Menu_SubMenuItem,
.a.Menu_SubMenuItem:link,
.a.Menu_SubMenuItem:visited {
    color: #666;
    display: block;
    padding: 3px 20px;
}

a.Menu_SubMenuItem:hover {
    background-color: #ddd;
}

/* Fix the menu height so we can scroll all the items */
body.phone .Application_Menu,
body.phone .Application_Menu {
    bottom: 0;
    height: auto;
}

.MenuSlider_IsOpen .LoginInfo {
    font-size: 30px;
}

body.phone .Login_Info_Username {
    margin-right: 10px;
}

body.phone .Login_Info_Username {
    display: none;
}

body.phone .Login_Info_Logout,
body.phone .Login_Info_Logout {
    bottom: 10px;
    position: fixed;
    right: -260px;
    z-index: 1;
}

body.phone .active .Login_Info_Logout,
body.phone .active .Login_Info_Logout {
    right: 15px;
}

/* Menu */
.Application_Menu a,
.Application_Menu a:link,
.Application_Menu a:visited {
    border-color: rgba(0, 0, 0, .15);
}

/* Menu tablet and phone */
body.phone .Application_Menu,
body.phone .Application_Menu {
    bottom: 0;
    box-shadow: 0 3px 5px #888;
    display: block;
    height: auto;
    height: auto;
    overflow: auto;
    position: fixed;
    right: -270px;
    top: 50px;
    /* Enable hardware acceleration */
    -webkit-transform: translateZ(0);
        -ms-transform: translateZ(0);
            transform: translateZ(0);
    /* Animate the menu when opening and closing */
    -webkit-transition: all .3s ease-out;
            transition: all .3s ease-out;
    width: 260px;
    /* reduce animation flickering */
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-perspective: 1000;
            perspective: 1000;
}

body.phone .active .Application_Menu,
body.phone .active .Application_Menu {
    right: 0;
}

body.phone .Application_Menu a,
body.phone .Application_Menu a,
body.phone .Application_Menu a:link,
body.phone .Application_Menu a:link,
body.phone application_menu a:visited,
body.phone application_menu a:visited {
    border: 0;
    border-bottom: 1px solid #999;
    box-sizing: border-box;
    display: inline-block;
    width: 100%;
}

/* .Menu_TopMenu */
body.phone .Menu_TopMenu,
body.phone .Menu_TopMenu {
    border: 0;
    margin: 0;
    padding: 0;
    width: 100%;
}

/* .Menu_DropDownButton */
body.phone .Application_Menu .Menu_DropDownButton,
body.phone .Application_Menu .Menu_DropDownButton {
    display: block;
    position: relative;
}

/* .Menu_DropDownPanel */
.Menu_DropDownPanel a,
.Menu_DropDownPanel a:link,
.Menu_DropDownPanel a:visited {
    height: auto;
}

body.phone .Menu_DropDownPanel,
body.phone .Menu_DropDownPanel {
    background-color: #999;
    border: 0;
    box-shadow: none;
    margin: 0;
    padding: 0;
    position: static;
}

/* .Menu_DropDownArrow */
body.phone .Menu_DropDownArrow,
body.phone .Menu_DropDownArrow {
    position: absolute;
    right: 14px;
    top: 21px;
}

/*------------------------------------*\
   $4. Scaffolding generated actions
\*------------------------------------*/
a.ActionAdd:before,
a.ActionEdit:before,
a.ActionDelete:before,
a.ActionChange:before {
    color: #005e92;
    font-family: FontAwesome;
}

a.ActionAdd:before {
    content: "\f067"; /* fa-plus at http://fortawesome.github.io/Font-Awesome/icons/ */
}

a.ActionEdit:before {
    content: "\f040"; /* fa-pencil at http://fortawesome.github.io/Font-Awesome/icons/ */
}

a.ActionDelete:before {
    content: "\f014"; /* fa-trash-o at http://fortawesome.github.io/Font-Awesome/icons/ */
}

a.ActionChange:before {
    content: "\f023"; /* fa-lock at http://fortawesome.github.io/Font-Awesome/icons/ */
}

a.ActionAdd:before,
a.ActionEdit:before,
a.ActionDelete:before,
a.ActionChange:before,
.Actions [class^=fa] {
    background: #e83e26;
    border-radius: 50%;
    color: #000;
    display: inline-block;
    font-size: 18px;
    height: 32px;
    line-height: 32px;
    margin-right: 10px;
    text-align: center;
    width: 32px;
}

a[disabled="disabled"].ActionAdd:before,
a[disabled="disabled"].ActionEdit:before,
a[disabled="disabled"].ActionDelete:before,
a[disabled="disabled"].ActionChange:before,
.Actions a[disabled="disabled"] [class^=fa] {
    background-color: #ccc;
    box-shadow: none;
}

a.ActionAdd:active:before,
a.ActionEdit:active:before,
a.ActionDelete:active:before,
a.ActionChange:active:before,
.Actions:active [class^=fa] {
    /* Add Touch States to Your Buttons */
    box-shadow: inset 0 0 20px 5px rgba(0,0,0,.25);
}

a.ActionAdd:before {
    line-height: 34px; /* fix plus alignment */
}

.Actions a[disabled="disabled"] [class^=fa] {
    background: #ccc;
}

/*Tables*/
td.EditRecord_Caption:first-child + .EditRecord_Value {
    padding-right: 20px;
}

/*input radio and Checkbox*/
input[type="radio"]:disabled:before,
input[type="checkbox"]:disabled:before {
    background: rgba(204,204,204,.4);
}

/*SELECT*/
/* force padding to center vertically on Firefox */
select {
    height: 40px;
    line-height: 1.43;
    padding: 4px 8px;
}

textarea {
    resize: none;
    display:block;
}
body.tablet .editText,
body.xl  .editText
{
position:inherit;
float: right;
}

/********************/
/* SilkUI overrides */
/********************/

/* columns */
.Columns.MarginBottom {
    margin-bottom: 15px;
}
/* .tablet.portrait .Columns.MarginBottom,  */
body.phone .Columns.MarginBottom.mob_BreakFirst, body.phone .Columns.MarginBottom.mob_BreakLast, 
body.phone .Columns.MarginBottom.mob_BreakAll, body.phone .Columns.MarginBottom.mob_BreakMiddle {
    margin-bottom: 0;
}

body.phone .Columns2:not(.MarginBottom).mob_BreakLast > .Column:not(.ColLast), 
body.phone .Columns2:not(.MarginBottom).mob_BreakAll > .Column:not(.ColLast), 
body.phone .Columns2:not(.MarginBottom).mob_BreakMiddle > .Column:not(.ColLast),
body.phone .Columns2.MarginBottom.mob_BreakLast > .Column, 
body.phone .Columns2.MarginBottom.mob_BreakAll > .Column, 
body.phone .Columns2.MarginBottom.mob_BreakMiddle > .Column {
    margin-bottom: 15px;
}

body.phone .responsive-table table.ShowRecord tr td:last-child, 
body.phone .responsive-table table.ShowRecord tr:last-child td,
body.tablet .responsive-table table.ShowRecord tr td:not(:empty),
body.tablet .responsive-table table.ShowRecord tr:last-child td:not(:empty):first-child, 
body.phone .responsive-table table.ShowRecord tr td:not(:empty),
body.phone .responsive-table table.ShowRecord tr:last-child td:not(:empty):first-child {
    padding-bottom: 15px !important;
}

body.tablet .responsive-table table.ShowRecord td:empty,
body.phone .responsive-table table.ShowRecord td:empty {
    display: none;
}

body.tablet .ThemeGrid_Container
body.phone .ThemeGrid_Container {
    padding-left: 0;
    padding-right: 0;
}

body.phone .tooltip-content{
    width: 100% !important;
}
body.phone .ModalOpened .tooltip-content{
    width: 100% !important;
    height: 200px !important;
}

body.tablet .columnTabletWide .ColFirst{
width:  100%;
padding-right: 0px;
}

body.tablet .columnTabletNarrowLeft {
    float:left;
    width: 50%;
}

body.tablet .cityWidthTablet{
width:  48%;
float: right;
}

body.tablet .columnTabletWide .ColLast{
display:none;
}

body.phone .spinnerText,
body.tablet .spinnerText{
text-align: center;
margin: 0px auto;
padding-top: 250px;
position: unset !important;
}

body.phone .responsive-loader-text,
body.tablet .responsive-loader-text{
    width:100%;
}

body.phone .penfed_non_member_text{
display: inline-block;
word-break: break-word;
}
.penfed_non_member_text{
 -ms-word-break: break-all;
     word-break: break-all;
     
     /* Non standard for WebKit */
     word-break: break-word;
-webkit-hyphens: auto;
   -moz-hyphens: auto;
        hyphens: auto;
}

body.phone  .BreadcrumbItemHorizontal::before,
body.tablet .BreadcrumbItemHorizontal::before {
    width: 7em;
    left: -7em;
}
body.phone .BreadcrumbItemHorizontal, 
body.tablet .BreadcrumbItemHorizontal{
    margin-right: 6em;
    display: inline-block;
}

body.phone .ResponsiveProgressBarContainer, 
body.tablet .ResponsiveProgressBarContainer{
visibility: visible !important;
    margin-top: 70px;
}

body.tablet .OneColumn_ContentPH, 
body.phone .OneColumn_ContentPH {
padding: 35px 15px !important;
width: 100%;
}

body.phone .Button {
font-size: 14px;
color: #fff;
padding-left: 10px;
padding-right: 10px;
}

body.tablet .MainPanel {
    margin-top: 15px;
}

body.phone .MainPanel{
    margin-top: 10px;
}

body.tablet .ResponsiveSecondaryPhone,
body.phone .ResponsiveSecondaryPhone{
    width: 67.5%;
}

body.tablet .zipResponsive{
    width: 97%;
}

body.phone .spinnerText,
body.tablet .spinnerText{
text-align: center;
margin: 0px auto;
padding-top: 250px;
position: unset !important;
}

body.phone .profile-main-loader,
body.tablet .profile-main-loader{
    text-align: center;
    position: absolute;
}
body.phone .loader,
body.tablet .loader{
display:inline-block;
text-align: center;
}

body.phone .responsive-loader-text,
body.tablet .responsive-loader-text{
    width:100%;
}

body.mobile .spinnerLowerText,
body.tablet .spinnerLowerText{
position:relative;
}

body.phone .circular-loader,
body.tablet .circular-loader{
position: inherit;
margin-top: 85%;
}

body.xl .spinnerProcessingText{
     position: absolute; 
     left: 37%;
    top: 53%; 
}

body.phone .spinnerProcessingText,
body.tablet .spinnerProcessingText{
    text-align: center;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

body.phone .responsiveCloseThisAppText,
body.tablet .responsiveCloseThisAppText{

    width:  100% !important;
}

body.phone .responsiveFooter,
body.tablet .responsiveFooter{

position: relative !important;
    margin-left: 15px;
    margin-right: 15px;
}

body.phone div.os-internal-Popup .os-internal-ui-dialog, 
body.phone div.os-internal-Popup.os-internal-ui-dialog {
    height: 100% !important;
    width: 100% !important;
    left: 0px !important;
    outline: 0px !important;
    height: 0px !important;
}

body.tablet .responsiveCity{
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

input[type="tel"]{
height: 40px;
}

body.phone .Columns .Columns .Column{
margin-bottom: 0px !important;
}

body.phone .marginTopMobile{
margin-top: 15px;
}

mobile.phone .Section_AppInfoMobile{
margin-bottom: 0px
}

body.phone .mobileEqualHousing{
    width: 48px !important;
    height: 40px !important;
    margin-left: 5px !important;
}
body.phone .mobileSSL{
    width: 67px !important;
    height: 23px !important;
    margin-left: 5px !important;
}
body.phone .mobileNorton{
    width: 85px !important;
    height: 46px !important;
    margin-left: 5px !important;
}
body.phone .mobileNCUA{
    width: 92px !important;
    height: 43px !important;
}

body.phone .mobileInline{
display: inline;
}

body.phone .mobilehide{
display: none;
}

body.phone .mobileFooterContainer{
    text-align: center;
    display: inline;
    margin: auto;
    margin-top: 20px;
}

body.phone .GrayBoxRadio{
position: absolute;
}

body.phone .GrayBoxText{
margin-left: 35px;
}

body.xl .Not_Valid ~ .authUser{
    margin-top: 38px !important;
}

.breadCrumbHorizontalDisplayNone:{
    Display:none;
}

body.xl .AllSectionsContainer{
margin-right:  0px;
}

body.phone .mobileFullWidth { 
width:  100%;
padding-left: 0;
padding-right: 0;
}

body.tablet .marginTabBottom15{
    margin-bottom:  15px;
}

.marginBottom15{
    margin-bottom:  15px;
}

body.phone .width100{
width: 100% !important;
}

body.phone .MilitaryWidth .Columns .ColFirst,
body.tablet .MilitaryWidth .Columns .ColFirst{
    width: 100%
}

body.phone .MilitaryWidth .Columns .ColFirst .OSInline > Select,
body.tablet .MilitaryWidth .Columns .ColFirst .OSInline > Select {
    width: 100%
}

body.tablet .MilitaryWidth .Columns2 > .Column.ColFirst,
body.phone .MilitaryWidth .Columns2 > .Column.ColFirst {
    padding-right: 0px;
}

.PriPhone .ValidationMessage { float: left; }

.small .MainPopup{
width: 100% !important;
min-width: 100% !important;
}

body.phone .os-internal-ui-dialog{
left: 0px !important;
width: 100% !important;
height:  600px !important;
}

body.phone .os-internal-ui-dialog .os-internal-ui-widget-content{
height: 600px !important
}

.fontSize16 {
font-size: : 16px;
}

.small .Columns .Column > div {
    width: 100%;
}

.small .IframePop .Column.ColFirst,
.small .IframePop .subHeader{
text-align: center;
margin-left: 0px!important;
width: 100%!important;
margin-left: 0px;
padding-left: 0px;
margin-top: 25px;
}

.small .IframePop .Column.ColLast{
text-align: center;
margin-left: 0px!important;
width: 100%!important;
margin-left: 0px;
padding-left: 0px;
margin-top: 0px;
border-top: 1px solid #C6CCD4;
}

.LeftModal,
.RightModal{
    margin-top: 32px;
padding-left: 40px; 
}

.small .IframePop .LeftModal,
.small .IframePop .RightModal{
padding-left: 0px;
}

body.phone  div.os-internal-Popup .os-internal-ui-dialog .os-internal-ui-dialog-content,
body.phone div.os-internal-Popup.os-internal-ui-dialog .os-internal-ui-dialog-content {
   height: 600px !important;
}

body.phone .editAddrText{
margin-top:  0px;
}

body.phone .editAddrText{
margin-top:  0px;
}

.editAddrText{
margin-top:  44px;
}

body.phone .payee,
body.tablet .payee{
width:  100%;
}

.select2{
width:  100%!important;
}

body.phone .mobileButtonFixed {
    width: 100%;
    position: fixed;
    margin-top: 40px;
    bottom: 0;
    left: 0;
    padding-left: 10px;
    padding-right: 10px;
    background: white;
    height: 60px;
    padding-top: 10px;
    z-index: 1;
    opacity: 1;

}

.BlueOutlineButton_Bootstrap{
    height: 40px;
    border: 1px solid black;
    cursor: pointer;
    color: #007bff;
    font-size: 14px;
    background-color: white;
    vertical-align: middle;
}

.BlueOutlineButton_Bootstrap:hover{
    color: #fff;
    background-color: #007bff;
    cursor:pointer;
}

.Columns.MarginBottom0 {
    margin-bottom: 0px;
}

.ThemeGrid_Width6 {
    width: 50%;
}
/* ExcludeFromPickers: Header, Application_Title, Login_Info, AppSwitcherContainer, Login_Info_Username, Login_Info_Logout, AppSwitcherListContainer, 
AppSwitcherList, AppSwitcherLink, AppSwitcherDownArrow, MainContent, Title, Actions, fa-plus, 
Title_Links, Content, Footer, MainPopup, ThemeGrid_MarginGutter, ThemeGrid_Container, OSInlineClear, Bold, Italic, Underline, Text_AlignBaseline, 
Header_Menu, Menu_TopMenus, Menu_TopMenuActive, Menu_TopMenu, Menu_SubMenuItemActive, Menu_SubMenuItem, Menu_DropDownArrow, Menu_DropDownPanel, Button, 
ListNavigation_PageNumber, ListNavigation_CurrentPageNumber, ListNavigation_Ellipsis, ListNavigation_Previous, ListNavigation_Next, ButtonDefault, 
Is_Default, Filters_Wrapper, EditRecord, EditRecord_Caption, EditRecord_Value, EditRecord_Buttons, ShowRecord_Caption, ShowRecord_Value,Te ShowRecord, 
TableRecords_Header, TableRecords, TableRecords_OddLine, TableRecords_EvenLine, TableRecords_BottomNavigation, RecordPicture, RecordPicture_Wrapper, 
InputMandatorySymbol, MandatoryCaption, Prompt, Not_Valid, ValidationMessage, Feedback_Message_Wrapper, Feedback_Message_Error, Feedback_Message_Success, 
Feedback_Message_Warning, Feedback_Message_Info, Feedback_Message_Wrapper_Close, os-internal-Popup, os-internal-ui-dialog, os-internal-ui-dialog-titlebar, 
os-internal-aui-autocomplete, os-internal-ui-state-hover, os-internal-ui-dialog-title, ListNavigation_DisabledNext, ListNavigation_DisabledPrevious, 
Chart_Color1, Chart_Color2, Chart_Color3, Chart_Color4, Chart_Color5, Chart_Color6, Chart_Color7, Chart_Color8, Chart_Color9, Chart_Color10, Responsive, 
ThemeGrid_Wrapper, ThemeGrid_Width1, ThemeGrid_Width2, ThemeGrid_Width3, ThemeGrid_Width4, ThemeGrid_Width5, ThemeGrid_Width6, ThemeGrid_Width7, ThemeGrid_Width8, 
ThemeGrid_Width9, ThemeGrid_Width10, ThemeGrid_Width11, ThemeGrid_Width12, ThemeGrid_Margin1, ThemeGrid_Margin2, ThemeGrid_Margin3, ThemeGrid_Margin4, ThemeGrid_Margin5, 
ThemeGrid_Margin6, ThemeGrid_Margin7, ThemeGrid_Margin8, ThemeGrid_Margin9, ThemeGrid_Margin10, ThemeGrid_Margin11, ThemeGrid_Margin1First, ThemeGrid_Margin2First,
ThemeGrid_Margin3First, ThemeGrid_Margin4First, ThemeGrid_Margin5First, ThemeGrid_Margin6First, ThemeGrid_Margin7First, ThemeGrid_Margin8First, ThemeGrid_Margin9First, 
ThemeGrid_Margin10First, ThemeGrid_Margin11First, Counter_Message, 2, ListNavigation_Wrapper, EPATaskbox_Container, ECT_FeedbackContainer, MenuSlider_IsOpen,
Header_LeftSection, Header_RightSection, Blue, Orange, LightBlue, Violet DarkGray, Feedback_AjaxWait, Gray, Green, MenuSlider_Toggler, OSAutoMarginTop, Red, 
TableRecords_TopNavigation, Tabs_Header, Tabs_TabBody, Tabs_TabOff, Tabs_TabOn, Tabs_Wrapper, Title_Section, White, Application_Menu, Breadcrumbs */