/* 
========================================
Views/Style/Default1.ascx - TimeStamp = 20250823_211248
Content is cached - may take 60 seconds for changes to take affect.
========================================
mainColor         = #0071bb
accentColor       = #005585
tableColor        = #0071bb
highlightColor    = #FFFFAA
*/

/*
========================================
Reset
========================================
*/

* {
  -webkit-border-radius: 0 !important;
     -moz-border-radius: 0 !important;
          border-radius: 0 !important;
}

h1, h2, h3, h4 {
    font-family: 'franklin-gothic-urw-cond', sans-serif;
    font-style: normal;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 2px;
}

.non-uppercase-header{
    font-family: 'franklin-gothic-urw-cond', sans-serif;
    font-style: normal;
    text-transform: none;
    font-weight: 700;
    letter-spacing: 2px;
}

.no-upper-no-space-header{
    font-family: 'franklin-gothic-urw-cond', sans-serif;
    font-style: normal;
    text-transform: none;
    font-weight: 700;
    letter-spacing: 0px;
}

.page-header
{
    margin: 0px 0 20px !important;
}

dl {
    margin-top: 0;
    margin-bottom: 10px !important;
}

.quick-transfers-header
{
    margin-top: 1px;
}

.quick-transfers-horizontal-rule
{
    margin-top: 1px;
}

.padding-top-5
{
    padding-top: 5px; 
}


.padding-28
{
    padding-top: 28px; 
}

.padding-48
{
    padding-top: 48px; 
}

.sub-header
{
    border-left: 5px solid #03a5ec;
    border-top: 5px solid #03a5ec;
    padding: 2px 0 2px 10px;
    background-color:#0071bb;
    color: #fff;
}

.accounts th
{
    font-family: 'franklin-gothic-urw-cond', sans-serif;
    font-style: normal;
    font-weight: 700;
    text-transform: uppercase;	
}

.transactions th 
{
    font-family: 'franklin-gothic-urw-cond', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    /* line-height: 1.6 !important;*/
}

.Section 
{
    background-color: #0071bb !important;
    border-left: 5px solid #03a5ec;
    border-top: 5px solid #03a5ec;
    color: #fff;
    padding-bottom:1px;
}

.transactions .pendingReturns
{
    background-color: #C61118 !important;
    border-left: 5px solid #f3666b;
    border-top: 5px solid #f3666b;
    color: #fff;
}

.transactions .pending
{
    background-color: #e17509 !important;
    border-left: 5px solid #f6c183;
    border-top: 5px solid #f6c183;
    color: #fff;
}

.transactions .manual
{
    background-color: #e17509 !important;
    border-left: 5px solid #f6c183;
    border-top: 5px solid #f6c183;
    color: #fff;
}


.transactions .posted
{
    background-color: #0071bb !important;
    border-left: 5px solid #03a5ec;
    border-top: 5px solid #03a5ec;
    color: #fff;
}

.transactions h4 
{
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.transactions .table thead
{
    border: 0px !imporant;
}

.transactions label {
    font-weight: 700;
    font-size: 18px;
}

.reports th 
{
    font-family: 'franklin-gothic-urw-cond', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
}

.reports td
{
    font-size: 18px;
}

.reports .Section 
{
    background-color: #0071bb !important;
    border-left: 5px solid #03a5ec;
    border-top: 5px solid #03a5ec;
    color: #fff;
}

.reports .posted
{
    background-color: #0071bb !important;
    border-left: 5px solid #03a5ec;
    border-top: 5px solid #03a5ec;
    color: #fff;
}

.reports h4 
{
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.reports .table thead
{
    border: 0px !imporant;
}

.btn
{
    font-family: 'franklin-gothic-urw', sans-serif;
    font-style: normal;
    xfont-weight: 700;
    text-transform: uppercase;	
}

.ft-md
{
    font-size: 26px !important;
}

.ft-sm
{
    font-size: 22px !important;
}

.ft-xs
{
    font-size: 20px !important;
}

.linkblue
{
    color:#0071bb;
}

.dublack
{
    color:#000;
}

.dublue
{
    color:#0071bb;
}

.dugreen
{
    color:#008540;
}


.duorange
{
    color:#e17509;
}

.dured
{
    color:#ec1c24;
}

.dugrey
{
    color:#767676;
}

.dutext 
{
    color: #444;
}

.duwhite
{
    color:#fff;
}

.dugrey-lite 
{
    color: #f5f5f5;
}

.panel-title 
{
    font-family: 'franklin-gothic-urw', sans-serif;
    font-style: normal;
    font-weight: 400;
    text-transform: uppercase;	
}


.btn-dublue
{
    color: #fff;
    background-color: #0071bb;
    border-color: #0071bb;
}

.btn-dublue:hover, .btn-dublue:focus, .btn-dublue.focus, .btn-dublue:active, .btn-dublue.active, .open > .dropdown-toggle.btn-dublue
{
    color: #fff;
    background-color: #0071bb;
    border-color: #204d74;
}

.btn-dublue:active, .btn-dublue.active, .open > .dropdown-toggle.btn-dublue
{
    background-image: none;
}

.btn-dublue.disabled, .btn-dublue[disabled], fieldset[disabled] .btn-dublue, .btn-dublue.disabled:hover, .btn-dublue[disabled]:hover, fieldset[disabled] .btn-dublue:hover, .btn-dublue.disabled:focus, .btn-dublue[disabled]:focus, fieldset[disabled] .btn-dublue:focus, .btn-dublue.disabled.focus, .btn-dublue[disabled].focus, fieldset[disabled] .btn-dublue.focus, .btn-dublue.disabled:active, .btn-dublue[disabled]:active, fieldset[disabled] .btn-dublue:active, .btn-dublue.disabled.active, .btn-dublue[disabled].active, fieldset[disabled] .btn-dublue.active
{
    background-color: #0071bb;
    border-color: #2e6da4;
}

.btn-dublue .badge
{
    color: #337ab7;
    background-color: #fff;
}

.form-control {
    border: none;
    border:  solid 2px #c9c9c9;
    transition: border 0.3s;
    border-radius: 0;
    box-shadow: none;
    font-family: 'franklin-gothic-urw', sans-serif;
}

.header-not-logged-in
{
    height:0px;
}
.header-logged-in
{
    height:166px;
}

html, body 
{
    font-size: 14px;
    font-family: 'franklin-gothic-urw', sans-serif;
    font-style: normal;
    font-weight: 300;
    color: #444;
    margin: 0;
    padding: 0;
    height: 100%;
    overflow-y: auto;
}

@media print {
    html, body 
    {
        overflow: visible !important;
    }
}

#installDivDesc * {
    margin-top: 0px;
    margin-bottom: 5px;
}

.title-text {
    letter-spacing: 2px;
}

.btn-cancel
{
	border: 2px solid #e17509;
	color: #e17509;
    background-color: #fff;
}

.btn-cancel:hover, .btn-cancel:visited, .btn-cancel.visited, .btn-cancel:focus, .btn-cancel.focus, .btn-cancel:active, .btn-cancel.active, .open > .dropdown-toggle.btn-cancel
{
    color: #e17509;
    background-color: #fff;
    border-color: #e17509;
}

.btn-cancel:active, .btn-cancel.active, .open > .dropdown-toggle.btn-cancel
{
    background-image: none;
}

.btn-cancel.disabled, .btn-cancel[disabled], fieldset[disabled] .btn-cancel, .btn-cancel.disabled:hover, .btn-cancel[disabled]:hover, fieldset[disabled] .btn-cancel:hover, .btn-cancel.disabled:focus, .btn-cancel[disabled]:focus, fieldset[disabled] .btn-cancel:focus, .btn-cancel.disabled.focus, .btn-cancel[disabled].focus, fieldset[disabled] .btn-cancel.focus, .btn-cancel.disabled:active, .btn-cancel[disabled]:active, fieldset[disabled] .btn-cancel:active, .btn-cancel.disabled.active, .btn-cancel[disabled].active, fieldset[disabled] .btn-cancel.active
{
    background-color: #fff;
    border-color: #e17509;
}

.btn-cancel .badge
{
    color: #e17509;
    background-color: #fff;
}

.btn-cancel-fill .badge
{
    color: #e17509;
    background-color: #fff;
}

.btn-cancel-fill
{
	border: 0px solid #e17509;
	color: #fff;
    background-color: #e17509;
}

.btn-cancel-fill:hover, .btn-cancel-fill:focus, .btn-cancel-fill.focus, .btn-cancel-fill:active, .btn-cancel-fill.active, .open > .dropdown-toggle.btn-cancel-fill
{
    color: #fff;
    xbackground-color: #e17509;
    border-color: #e17509;
}

.btn-cancel-fill:active, .btn-cancel-fill.active, .open > .dropdown-toggle.btn-cancel-fill
{
    background-image: none;
}

.btn-cancel-fill.disabled, .btn-cancel-fill[disabled], fieldset[disabled] .btn-cancel-fill, .btn-cancel-fill.disabled:hover, .btn-cancel-fill[disabled]:hover, fieldset[disabled] .btn-cancel-fill:hover, .btn-cancel-fill.disabled:focus, .btn-cancel-fill[disabled]:focus, fieldset[disabled] .btn-cancel-fill:focus, .btn-cancel-fill.disabled.focus, .btn-cancel-fill[disabled].focus, fieldset[disabled] .btn-cancel-fill.focus, .btn-cancel-fill.disabled:active, .btn-cancel-fill[disabled]:active, fieldset[disabled] .btn-cancel-fill:active, .btn-cancel-fill.disabled.active, .btn-cancel-fill[disabled].active, fieldset[disabled] .btn-cancel-fill.active
{
    background-color: #fff;
    border-color: #e17509;
}


.btn-delete
{
	border: 2px solid #ec1c24;
	color: #ec1c24;
    background-color: #fff;
}

.btn-delete:hover, .btn-delete:visited, .btn-delete.visited, .btn-delete:focus, .btn-delete.focus, .btn-delete:active, .btn-delete.active, .open > .dropdown-toggle.btn-delete
{
    color: #ec1c24;
    background-color: #fff;
    border-color: #ec1c24;
}

.btn-delete:active, .btn-delete.active, .open > .dropdown-toggle.btn-delete
{
    background-image: none;
}

.btn-delete.disabled, .btn-delete[disabled], fieldset[disabled] .btn-delete, .btn-delete.disabled:hover, .btn-delete[disabled]:hover, fieldset[disabled] .btn-delete:hover, .btn-delete.disabled:focus, .btn-delete[disabled]:focus, fieldset[disabled] .btn-delete:focus, .btn-delete.disabled.focus, .btn-delete[disabled].focus, fieldset[disabled] .btn-delete.focus, .btn-delete.disabled:active, .btn-delete[disabled]:active, fieldset[disabled] .btn-delete:active, .btn-delete.disabled.active, .btn-delete[disabled].active, fieldset[disabled] .btn-delete.active
{
    background-color: #fff;
    border-color: #ec1c24;
}

.btn-delete .badge
{
    color: #ec1c24;
    background-color: #fff;
}

.btn-delete-fill .badge
{
    color: #e17509;
    background-color: #fff;
}

.btn-delete-fill
{
	border: 0px solid #ec1c24;
	color: #fff;
    background-color: #ec1c24;
}

.btn-delete-fill:hover, .btn-delete-fill:focus, .btn-delete-fill.focus, .btn-delete-fill:active, .btn-delete-fill.active, .open > .dropdown-toggle.btn-delete-fill
{
    color: #fff;
    xbackground-color: #e17509;
    border-color: #ec1c24;
}

.btn-delete-fill:active, .btn-delete-fill.active, .open > .dropdown-toggle.btn-delete-fill
{
    background-image: none;
}

.btn-delete-fill.disabled, .btn-delete-fill[disabled], fieldset[disabled] .btn-delete-fill, .btn-delete-fill.disabled:hover, .btn-delete-fill[disabled]:hover, fieldset[disabled] .btn-delete-fill:hover, .btn-delete-fill.disabled:focus, .btn-delete-fill[disabled]:focus, fieldset[disabled] .btn-delete-fill:focus, .btn-delete-fill.disabled.focus, .btn-delete-fill[disabled].focus, fieldset[disabled] .btn-delete-fill.focus, .btn-delete-fill.disabled:active, .btn-delete-fill[disabled]:active, fieldset[disabled] .btn-delete-fill:active, .btn-delete-fill.disabled.active, .btn-delete-fill[disabled].active, fieldset[disabled] .btn-delete-fill.active
{
    background-color: #fff;
    border-color: #ec1c24;
}


.btn-grey
{
	border: 2px solid #767676;
	color: #767676;
}

.btn-grey:hover, .btn-grey:focus, .btn-grey.focus, .btn-grey:active, .btn-grey.active, .open > .dropdown-toggle.btn-grey
{
    color: #767676;
    border-color: #767676;
}

.btn-grey:active, .btn-grey.active, .open > .dropdown-toggle.btn-grey
{
    background-image: none;
}

.btn-grey:visited, .btn-grey.visited {
	color: #767676;
}

.btn-grey.disabled, .btn-grey[disabled], fieldset[disabled] .btn-grey, .btn-grey.disabled:hover, .btn-grey[disabled]:hover, fieldset[disabled] .btn-grey:hover, .btn-grey.disabled:focus, .btn-grey[disabled]:focus, fieldset[disabled] .btn-grey:focus, .btn-grey.disabled.focus, .btn-grey[disabled].focus, fieldset[disabled] .btn-grey.focus, .btn-grey.disabled:active, .btn-grey[disabled]:active, fieldset[disabled] .btn-grey:active, .btn-grey.disabled.active, .btn-grey[disabled].active, fieldset[disabled] .btn-grey.active
{
    background-color: #fff;
    border-color: #767676;
}


.btn-orange
{
	border: 2px solid #e17509;
	color: #e17509;
    background-color: #fff;
}

.btn-orange:hover, .btn-orange:focus, .btn-orange.focus, .btn-orange:active, .btn-orange.active, .open > .dropdown-toggle.btn-orange
{
    color: #e17509;
    xbackground-color: #e17509;
    border-color: #e17509;
}

.btn-orange:active, .btn-orange.active, .open > .dropdown-toggle.btn-orange
{
    background-image: none;
}

.btn-orange:visited, .btn-orange.visited {
	color: #e17509;
}

.btn-orange.disabled, .btn-orange[disabled], fieldset[disabled] .btn-orange, .btn-orange.disabled:hover, .btn-orange[disabled]:hover, fieldset[disabled] .btn-orange:hover, .btn-orange.disabled:focus, .btn-orange[disabled]:focus, fieldset[disabled] .btn-orange:focus, .btn-orange.disabled.focus, .btn-orange[disabled].focus, fieldset[disabled] .btn-orange.focus, .btn-orange.disabled:active, .btn-orange[disabled]:active, fieldset[disabled] .btn-orange:active, .btn-orange.disabled.active, .btn-orange[disabled].active, fieldset[disabled] .btn-orange.active
{
    background-color: #fff;
    border-color: #e17509;
}

.btn-orange-fill .badge
{
    color: #e17509;
    background-color: #fff;
}

.btn-orange-fill
{
	border: 0px solid #e17509;
	color: #fff;
    background-color: #e17509;
}

.btn-white
{
    color: #008540 !important;
    background-color: #fff;
    border-color: #008540;
    font-weight: Bold;
    font-size: 13px;
    border-width: 2px;
    margin-top: 7px;
    margin-bottom: -4px;
    width: 100%
}

.btn-green
{
    color: #fff !important;
    background-color: #008540;
    border-color: #008540;
}

.btn-green:hover, .btn-green:visited, .btn-green.visited, .btn-green:focus, .btn-green.focus, .btn-green:active, .btn-green.active, .open > .dropdown-toggle.btn-green
{
    color: #fff;
    background-color: #008540;
    border-color: #008540;
}

.btn-green:active, .btn-green.active, .open > .dropdown-toggle.btn-green
{
    background-image: none;
}

.btn-green.disabled, .btn-green[disabled], fieldset[disabled] .btn-green, .btn-green.disabled:hover, .btn-green[disabled]:hover, fieldset[disabled] .btn-green:hover, .btn-green.disabled:focus, .btn-green[disabled]:focus, fieldset[disabled] .btn-green:focus, .btn-green.disabled.focus, .btn-green[disabled].focus, fieldset[disabled] .btn-green.focus, .btn-green.disabled:active, .btn-green[disabled]:active, fieldset[disabled] .btn-green:active, .btn-green.disabled.active, .btn-green[disabled].active, fieldset[disabled] .btn-green.active
{
    background-color: #008540;
    border-color: #008540;
}

.btn-green .badge
{
    color: #337ab7;
    background-color: #fff;
}

.btn-blackwhite
{
    color: #000 !important;
    background-color: #fff;
    border-color: #000;
    font-weight: 700;
}

.btn-blackwhite:hover, .btn-blackwhite:visited, .btn-blackwhite.visited, .btn-blackwhite:focus, .btn-blackwhite.focus, .btn-blackwhite:active, .btn-blackwhite.active, .open > .dropdown-toggle.btn-blackwhite
{
    color: #000;
    background-color: #fff;
    border-color: #000;
}

.btn-blackwhite:active, .btn-blackwhite.active, .open > .dropdown-toggle.btn-blackwhite
{
    background-image: none;
}

.btn-secondary
{
	border: 2px solid #008540;
	color: #008540;
    background-color: #fff;
}

.btn-secondary:hover, .btn-secondary:visited, .btn-secondary.visited, .btn-secondary:focus, .btn-secondary.focus, .btn-secondary:active, .btn-secondary.active, .open > .dropdown-toggle.btn-secondary
{
    color: #008540;
    background-color: #fff;
    border-color: #008540;
}

.btn-secondary:active, .btn-secondary.active, .open > .dropdown-toggle.btn-secondary
{
    background-image: none;
}

.btn-blackwhite.disabled, .btn-blackwhite[disabled], fieldset[disabled] .btn-blackwhite, .btn-blackwhite.disabled:hover, .btn-blackwhite[disabled]:hover, fieldset[disabled] .btn-blackwhite:hover, .btn-blackwhite.disabled:focus, .btn-blackwhite[disabled]:focus, fieldset[disabled] .btn-blackwhite:focus, .btn-blackwhite.disabled.focus, .btn-blackwhite[disabled].focus, fieldset[disabled] .btn-blackwhite.focus, .btn-blackwhite.disabled:active, .btn-blackwhite[disabled]:active, fieldset[disabled] .btn-blackwhite:active, .btn-blackwhite.disabled.active, .btn-blackwhite[disabled].active, fieldset[disabled] .btn-blackwhite.active
{
    background-color: #fff;
    border-color: #000;
}

.btn-blackwhite .badge
{
    color: #000;
    background-color: #fff;
}

.btn-secondary.disabled, .btn-secondary[disabled], fieldset[disabled] .btn-secondary, .btn-secondary.disabled:hover, .btn-secondary[disabled]:hover, fieldset[disabled] .btn-secondary:hover, .btn-secondary.disabled:focus, .btn-secondary[disabled]:focus, fieldset[disabled] .btn-secondary:focus, .btn-secondary.disabled.focus, .btn-secondary[disabled].focus, fieldset[disabled] .btn-secondary.focus, .btn-secondary.disabled:active, .btn-secondary[disabled]:active, fieldset[disabled] .btn-secondary:active, .btn-secondary.disabled.active, .btn-secondary[disabled].active, fieldset[disabled] .btn-secondary.active
{
    background-color: #fff;
    border-color: #008540;
}

.btn-secondary .badge
{
    color: #008540;
    background-color: #fff;
}

.btn-secondary-fill .badge
{
    color: #008540;
    background-color: #fff;
}

.btn-secondary-fill
{
	border: 0px solid #008540;
	color: #fff;
    background-color: #008540;
}

.btn-secondary-fill:hover, .btn-secondary-fill:focus, .btn-secondary-fill.focus, .btn-secondary-fill:active, .btn-secondary-fill.active, .open > .dropdown-toggle.btn-secondary-fill
{
    color: #fff;
    xbackground-color: #008540;
    border-color: #008540;
}

.btn-secondary-fill:active, .btn-secondary-fill.active, .open > .dropdown-toggle.btn-secondary-fill
{
    background-image: none;
}

.btn-secondary-fill.disabled, .btn-secondary-fill[disabled], fieldset[disabled] .btn-secondary-fill, .btn-secondary-fill.disabled:hover, .btn-secondary-fill[disabled]:hover, fieldset[disabled] .btn-secondary-fill:hover, .btn-secondary-fill.disabled:focus, .btn-secondary-fill[disabled]:focus, fieldset[disabled] .btn-secondary-fill:focus, .btn-secondary-fill.disabled.focus, .btn-secondary-fill[disabled].focus, fieldset[disabled] .btn-secondary-fill.focus, .btn-secondary-fill.disabled:active, .btn-secondary-fill[disabled]:active, fieldset[disabled] .btn-secondary-fill:active, .btn-secondary-fill.disabled.active, .btn-secondary-fill[disabled].active, fieldset[disabled] .btn-secondary-fill.active
{
    background-color: #fff;
    border-color: #008540;
}

.btn-duteal
{
    color: #fff !important;
    background-color: #5cb6de;
    border-color: #5cb6de;
}

.btn-duteal:hover, .btn-duteal:visited, .btn-duteal.visited, .btn-duteal:focus, .btn-duteal.focus, .btn-duteal:active, .btn-duteal.active, .open > .dropdown-toggle.btn-duteal
{
    color: #fff;
    background-color: #5cb6de;
    border-color: #5cb6de;
}

.btn-duteal:active, .btn-duteal.active, .open > .dropdown-toggle.btn-duteal
{
    background-image: none;
}

.btn-duteal.disabled, .btn-duteal[disabled], fieldset[disabled] .btn-duteal, .btn-duteal.disabled:hover, .btn-duteal[disabled]:hover, fieldset[disabled] .btn-duteal:hover, .btn-duteal.disabled:focus, .btn-duteal[disabled]:focus, fieldset[disabled] .btn-duteal:focus, .btn-duteal.disabled.focus, .btn-duteal[disabled].focus, fieldset[disabled] .btn-duteal.focus, .btn-duteal.disabled:active, .btn-duteal[disabled]:active, fieldset[disabled] .btn-duteal:active, .btn-duteal.disabled.active, .btn-duteal[disabled].active, fieldset[disabled] .btn-duteal.active
{
    background-color: #5cb6de;
    border-color: #5cb6de;
}

.btn-duteal .badge
{
    color: #337ab7;
    background-color: #fff;
}

.btn-orange-fill:hover, .btn-orange-fill:focus, .btn-orange-fill.focus, .btn-orange-fill:active, .btn-orange-fill.active, .open > .dropdown-toggle.btn-orange-fill
{
    color: #fff;
    xbackground-color: #e17509;
    border-color: #e17509;
}

.btn-orange-fill:active, .btn-orange-fill.active, .open > .dropdown-toggle.btn-orange-fill
{
    background-image: none;
}

.btn-orange-fill.disabled, .btn-orange-fill[disabled], fieldset[disabled] .btn-orange-fill, .btn-orange-fill.disabled:hover, .btn-orange-fill[disabled]:hover, fieldset[disabled] .btn-orange-fill:hover, .btn-orange-fill.disabled:focus, .btn-orange-fill[disabled]:focus, fieldset[disabled] .btn-orange-fill:focus, .btn-orange-fill.disabled.focus, .btn-orange-fill[disabled].focus, fieldset[disabled] .btn-orange-fill.focus, .btn-orange-fill.disabled:active, .btn-orange-fill[disabled]:active, fieldset[disabled] .btn-orange-fill:active, .btn-orange-fill.disabled.active, .btn-orange-fill[disabled].active, fieldset[disabled] .btn-orange-fill.active
{
    background-color: #fff;
    border-color: #e17509;
}



* {
    margin: 0px;
    padding: 0px;
    outline: 0px;
}

img { 
    border: none; 
}

input, textarea, select {
    line-height: normal;
    border: 1px solid #999;
    padding: 3px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

select
{
    line-height: normal;
    border: 1px solid #999;
    padding: 2px;
    color: #444;
    font-size: 12px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

input[disabled]
{
    color: #444;
    background-color: #EEE;
    xfont-size: 12px;
}

input[type='radio']
{
    border: 0px;
    margin: 0px 2px 4px 0px;
    vertical-align: middle;
}

input[type='checkbox']
{
    border: 0px;
    margin: 0px 2px 4px 0px;
    vertical-align: middle;
}

* :focus 
{ 
    outline: 0 none;
    -moz-outline: 0 none;
}

input::-moz-focus-inner
{
    border: none;
}

input.Tiny
{
    width:40px;
}

input.Short
{
    width:50px;
}

input.Small
{
    width:80px;
}

input.Normal
{
    width: 150px
}

input.Medium
{
    width: 150px
}

input.Large
{
    width:250px;
}

p
{
    padding-top: 6px;
    padding-bottom: 6px;
}

img 
{ 
    border: none; 
}

ul, ol
{
    padding-top: 6px;
    padding-bottom: 6px;
}

ul, ol, li 
{ 
    list-style-type: disc; 
    padding-left: 2px;
    margin-left: 10px;
}

:focus 
{ 
    outline: none; 
}

table, td, form, fieldset 
{
    border: none;
}

.Subtle a
{
    color: #989898;
}

.Subtle a:visited
{
    color: #989898;
}

.Fixed
{
    font-family: Courier;
}

a:hover
{
    color: #111;
    text-decoration: underline;
}

.nobr
{
    white-space: nowrap;
}

/*
========================================
Basics
========================================
*/

.Normal
{
    font-size: 12px;
    font-family: 'franklin-gothic-urw', sans-serif;
    font-weight: normal;
    color: #444;
}

.WaterMark
{
    color: #AAA;
}

.Hide 
{ 
    display: none; 
}

.Right 
{ 
    float: right;
}

.Left 
{ 
    float: left;
}

.Bold
{ 
    font-weight: bold;
}

.Current 
{ 
    cursor: default;
}

.Clear 
{
    clear: both;
    height: 0;
    margin: 0;
    padding: 0;
    line-height: 0;
    font-size: 1px;
    overflow: hidden;
}

.Subtle
{
    color: #989898;
    font-size: 85%;
    font-family: 'franklin-gothic-urw', sans-serif;
    font-weight: normal;
}

.Word
{
    text-align: left;
    white-space: nowrap;
}

.Number
{
    text-align: right;
    white-space: nowrap;
}

.Phrase
{
    text-align: left
}

label.Phrase {
    text-align: left;
}

.left-align {
    text-align: left !important;
}

.Error
{
    color: #CC0000;
}

ul.Error li
{
    color: #CC0000;
}

.Status0
{
    color: transparent;
}

.Status1
{
    color: #00AA00;
}

.Status2
{
    color: #AAAAAA;
}

.Status3
{
    color: #AA0000;
}

.Pop
{
    color: #AA0000;
    font-weight: bold;
}

ul.Pop li
{
    color: #AA0000;
    font-weight: bold;
}

a.Pop
{
    color: #AA0000;
    font-weight: bold;
}

ul.Pop li
{
    color: #AA0000;
    font-weight: bold;
}

.PopNormal
{
    color: #AA0000;
    font-weight: normal;
}

ul.PopNormal li
{
    color: #AA0000;
    font-weight: normal;
}

a.PopNormal
{
    color: #AA0000;
    font-weight: normal;
}

ul.PopNormal li
{
    color: #AA0000;
    font-weight: normal;
}

span.Explain
{
    xfloat: right;
    color: #989898;
}

span.Explain a
{
    color: #989898;
}

div.Explain
{
    display: none;
    xborder-left: 2px solid #CCC;
    xpadding: 6px;
    xmargin-top: 6px;
}

span.SubmitWorking
{
    padding-left: 10px;
}

.CheckImage
{
    border:1px solid #888;
    padding: 4px;
    background-color: #CCC;
}

/*
========================================
Master
========================================
*/

div#MasterBody
{
    clear: both;
    width: 960px;
    margin: 0px auto;
    background-color: #FFF;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    border-left: 0px solid #000;
    border-right: 0px solid #000;
    border-bottom: 0px solid #EEE;
}

div#MasterHeader
{
    padding-bottom: 0px;
}



div#MasterHeaderBannerLoanApp
{
    position: relative;
    padding-bottom: 0px;
    margin-bottom: 0px;
    background-color: #FFFFFF;
    background-image: url(/User/Content.Customer/Images/Layout/Header.LoanApp.gif);
    background-repeat: no-repeat;
    height: 90px;
    clear: both;
}

div#MasterHeaderTopMenu
{
    position: relative;
    padding-top: 4px;
    padding-bottom: 10px;
    font-size: 12px; 
    font-weight: lighter; 
    text-transform: uppercase;	
    color: #4d4d4d;
    text-align: right;
    
}

div#MasterHeaderTopMenu a
{
    text-decoration: none;
    padding-left: 4px;
    padding-right: 4px;
}

div#MasterHeaderTopMenu a:hover
{
    text-decoration: underline;
}

div#MasterHeaderBottomMenu
{
    color: #444;
    position: relative;
    padding-top: 6px;
    padding-bottom: 6px;
    margin-bottom: 10px;
    background-color: #D5D8DF;
    text-align: left;
    -moz-border-radius: 0px 0px 10px 10px;
    -webkit-border-radius: 0px 0px 10px 10px;
    height: 12px;
}

div#MasterHeaderBottomMenu a
{
    font-weight: normal;
    text-decoration: underline;
    padding-left: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
    border-top: 2px solid #CCDDE6;
    border-bottom: 2px solid #CCDDE6;
}

div#MasterHeaderBottomMenu a:hover
{
    color: #314062;
    background-color: #B2CCDA;
    border-top: 2px solid #005585;
    border-bottom: 2px solid #005585;
}

div#MasterMain
{
padding-left:10px;
padding-right:10px;
padding-top: 10px;
}

div#MasterFooter
{
    color: #808080;
    font-size: 13px;
    padding-top:20px;
}

div#MasterFooterMore
{
    margin-top: 4px;
    padding-top: 4px;
    text-align: center;
    border-top: 1px solid #CCC;
}

div#MasterFooterBanner
{
    position: relative;
    padding-bottom: 0px;
    margin-bottom: 0px;
    height: 2px;
    background-color: #0071bb;
    border-bottom: 2px solid #0071bb;
    clear: both;
}

div#MasterFooterMenu
{
    position: relative;
    padding-top: 4px;
    padding-bottom: 4px;
    margin-bottom: 10px;
    background-color: #CCE2F1;
    text-align: center;
}

div#MasterFooterMenu a
{
    color: #444;
    text-decoration: underline;
    font-weight: normal;
    font-size: 12px;
    padding-left: 3px;
    padding-right: 3px;
    padding-bottom: 2px;
    border: 1px solid #CCE2F1;
}

div#MasterFooterMenu a:hover
{
    color: #314062;
    text-decoration: underline;
    background-color: #B2D4EA;
    border: 1px solid #99C6E3;
}

div#MasterFooterCopyright
{
    padding-top: 10px;
    text-align: center;
    font-size: 10px;
}

.ModalBack 
{
    position: absolute;
    top: 0; left: 0;
    display: none;
    width: 100%;
    z-index:10;
    background-color: #333;
}

.Modal 
{
    position: absolute;
    top: 0; left: 0;
    display: none;
    width: 500px;
    padding:10px;
    border: 2px solid #555;
    z-index:100;
    background-color: #fff;
}

/*
========================================
Search
========================================
*/

div.Search
{
    padding-left: 6px;
}

div.Search span.More
{
    padding-left: 10px;
    color: #989898;
}

div.Search div.Match
{
    color: #989898;
    padding-top: 6px;
}

/*
========================================
table.List
========================================
*/

table.List
{
    width: 100%;
    border-spacing: 2px;
    border-collapse: separate;
    
}

table.List td
{
    padding: 5px;
    vertical-align: top;
}

.Title
{
    font-weight: bold;
    font-size: 16px;
    border-bottom: 2px solid #CCC;
}

.SubTitle
{
    font-weight: bold;
    font-size: 13px;
border-bottom: 2px solid #CCC;
}

table.List tr.Menu td
{
    border-bottom: 1px solid #CCC;
    text-align: right;
}

table.List tr.Menu td a
{
    margin-left: 1px;
    margin-right: 1px;
}

table.List tr.Menu td span a
{
    text-decoration: underline;
}

table.List tr.Menu td span.Left a
{
    text-decoration: underline;
    padding-left: 2px;
    padding-right: 2px;
}

table.List tr.Menu td span.Left a.ActionLinkIcon
{
    text-decoration: underline;
    padding-left: 22px;
    padding-right: 2px;
}

table.List tr.Header td /* ACTIONS ACCOUNT NUMBER TYPE ETC */
{
    background-color: #EAF3F9;
    border-bottom: 3px solid #D1E5F2;
    font-weight: bold;
    vertical-align: top;
    padding: 3px 5px 0px 5px;
}

table.List tr.Section td /* DUPACO - DEPOSIT ACCOUNTS */
{
    border-bottom: 1px solid #0071bb;
    font-size:14px;
    font-weight:bold;
}

table.List tr.Info
{
    background-color: #E0EDF6;
}

table.List tr.Info td
{
    border-left: 12px solid #D1E5F2;
}

table.List tr.Content
{
    background-color: #F9FCFD;
}

table.List tr.Highlight
{
    background-color: #fffec5;
}

table.List tr.Highlight td
{
}

table.List tr.Data
{
}

table.List tr.Data td a
{
    text-decoration: none;
}

table.List tr.Data td a:hover
{
    text-decoration: underline;
}

table.List tr.Total td.Label
{
    text-align:right
}

table.List tr.Total td.Number
{
    border-top:1px solid #888;
    border-bottom:1px solid #888;
    font-weight:bold;
    white-space:nowrap
}

table.List tr.Footer
{
}

/*
========================================
Stripe
========================================
*/

.StripeOdd
{
    background-color: #F7FAFC;
}

.StripeHighlight
{
    background-color: #FFFFAA;
}

table.Edit tr.Field.StripeHighlight
{
    background-color: #FFFFAA;
}

/*
========================================
table.Edit
========================================
*/

table.Edit
{
    width: 100%;
    border-spacing: 2px;
    border-collapse: separate;
}

table.Edit td
{
    padding: 6px;
}

tr.Transfer td {
    padding: 4px 0 4px 0 !important;
}

table.Edit tr.Title
{
    font-weight: bold;
    font-size: 16px;
}

table.Edit tr.Title td
{
    border-bottom: 2px solid #0071BB;
}

table.Edit tr.SubTitle
{
}

table.Edit tr.Menu td
{
    border-bottom: 1px solid #CCE2F1;
    text-align: right;
}

table.Edit tr.Menu td a
{
    text-decoration: underline;
}

table.Edit tr.Header td
{
    background-color: #CCE2F1;
    font-weight: bold;
}

table.Edit tr.Section
{
    background-color:#F2F7FB;
}

table.Edit tr.Section td
{
    border-bottom: 1px solid #005585;
    font-size:14px;
    font-weight:bold;
}

table.Edit tr.Section td a
{
    text-decoration: underline;
}

table.Edit tr.Content
{
    background-color: #F9FCFD;
}

table.Edit tr.Field td.Label
{
    width: 30%;
    text-align:right;
    font-weight: bold;
    vertical-align: top;
}

table.Edit tr.Field td.LabelForm
{
    width: 30%;
    text-align:right;
    font-weight: bold;
    vertical-align: top;
    padding-top: 8px;
}

table.Edit tr.Field td.Tight
{
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 20px;
    font-weight: normal;
}

table.Edit tr.Field td.Label a
{
    font-weight: normal;
}

table.Edit tr.Field td.Label div
{
    padding-top: 3px;
}

table.Edit tr.Field td.Value
{
    width: 70%;
    vertical-align: top;
}

table.Edit tr.Field td.Value span.More
{
    color: #989898;
    padding-left: 10px;
}

table.Edit tr.Field td.Value span.More a
{
    color: #989898;
}

table.Edit tr.Field td.Value div.More
{
    padding-top: 8px;
    color: #989898;
}

table.Edit tr.Field td.Value div.More a
{
    color: #989898;
}

table.Edit tr.Field td.Value div.Expand
{
    display: none;
    border-left: 2px solid #CCC;
    padding: 6px;
    margin-top: 6px;
}

table.Edit tr.Field td.Value pre.normal
{
  white-space: pre-wrap;       /* css-3 */
  white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
  white-space: -pre-wrap;      /* Opera 4-6 */
  white-space: -o-pre-wrap;    /* Opera 7 */
  word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

table.Edit tr.Action td.Label
{
    width: 30%;
    text-align:right;
    font-weight: bold;
    vertical-align: top;
}

table.Edit tr.Action td.Value
{
    width: 70%;
    vertical-align: top;
}

table.Edit tr.Field span.Require
{
    padding-right: 6px;
    color: #CC2222;
    color: #C50000;
}

table.Edit tr.Field span.RequireYes
{
    padding-left: 6px;
    color: #C50000;
    cursor: pointer;
}

table.Edit tr.Field span.RequireNo
{
    padding-left: 6px;
    color: #CCCCCC;
    cursor: pointer;
}

table.Edit tr.Field span.RequireSkip
{
    padding-left: 6px;
    color: #CCCCCC;
}

/*
========================================
table.Basic
========================================
*/

table.Basic
{
    border-spacing: 2px;
    border-collapse: separate;
}

table.Basic tr.BasicHeader td
{
    font-weight: bold;
    padding: 2px;
    padding-right: 20px;
    vertical-align: top;
}

table.Basic tr.BasicLine td
{
    padding: 2px;
    padding-right: 20px;
    vertical-align: top;
}

/*
========================================
table.Detail
========================================
*/

table.Detail
{
    border-spacing: 2px;
    border-collapse: separate;
}

table.Detail td
{
    padding: 2px;
}

table.Detail tr.Field td.Label
{
    width: 50%;
    text-align:right;
    font-weight: bold;
    vertical-align: top;
    white-space: nowrap;
}

table.Detail tr.Field td.Value
{
    width: 50%;
    vertical-align: top;
}

/*
========================================
table.DetailTight
========================================
*/

table.DetailTight
{
    border-spacing: 2px;
    border-collapse: separate;
    font-size: 11px;
}

table.DetailTight td
{
    padding: 2px;
}

table.DetailTight tr.Field td.Label
{
    width: 50%;
    text-align:right;
    font-weight: bold;
    vertical-align: top;
    white-space: nowrap;
}

table.DetailTight tr.Field td.Value
{
    width: 50%;
    vertical-align: top;
}

/*
========================================
table.Signin
========================================
*/

div.SigninTitle
{
    font-size: 18px;
    padding-top: 6px;
    padding-bottom: 6px;
}

div.SigninSteps
{
    display: inline;
    float: right; 
    padding-left: 20px; 
    font-weight: normal
}

div.SigninExtra
{
    padding-top: 30px; 
    padding-bottom: 30px; 
}

div.SigninSidebar
{
    float:right;
    width: 300px;
    margin-top:6px;
    padding-left:10px;
    padding-bottom:30px;
    margin-bottom; 30px;
    border-left: 1px solid #AAA;
}

div.SigninContent
{
    margin-right:330px;
}

table.Signin
{
    width: 100%;
    border-spacing: 2px;
    border-collapse: separate;
}

table.Signin td
{
    padding: 6px;
}

table.Signin tr.Title
{
    background-color: #DBEBF5;
    font-weight: bold;
    font-size: 18px;
}

table.Signin tr.Menu td
{
    border: 1px solid #C1DCEE;
}

table.Signin tr.Header td
{
    background-color: #C1DCEE;
    font-weight: bold;
}

table.Signin tr.Section
{
    background-color:#D6E8F4;
}

table.Signin tr.Section td
{
    border-bottom: 1px solid #005585;
    font-size:14px;
    font-weight:bold;
}

table.Signin tr.Field
{
    background-color: #F9FCFD;
}

table.Signin tr.Field td.Label
{
    width: 30%;
    text-align:right;
    font-weight: bold;
    vertical-align: top;
}

table.Signin tr.Field td.Value
{
    width: 70%;
    vertical-align: top;
}

table.Signin tr.Field td.Value span.More
{
    color: #989898;
    padding-left: 10px;
}

table.Signin tr.Field td.Value div.More
{
    color: #989898;
}

table.Signin tr.Action
{
    background-color: #CCE2F1;
}

/*
========================================
Access
- AccessContent
- AccessExtra
- AccessSidebar
========================================
*/

/*========== AccessContent */

div.AccessContent
{
    margin-right:320px;
    margin-top:-30px;
}

/*========== AccessExtra */

div.AccessExtra
{
    margin-right:320px;
}

/*========== AccessSidebar */

div.AccessSidebar
{
    float:right;
    width: 300px;
    padding-left:10px;
    padding-bottom:30px;
    margin-bottom; 30px;
}

div.AccessSidebar .Header
{
    font-weight: bold;
    border-bottom: 1px solid #CCE2F1;
}

div.AccessSidebar .Content
{
    background-color: #F9FCFD;
}

div.AccessSidebar .Footer
{
    padding-top: 6px;
    border-top: 1px solid #CCE2F1;
    padding-top: 6px;
}

/*
========================================
OptionAccountMenu
========================================
*/

span.OptionAccountMenu
{
    text-decoration: underline;
    padding-left: 4px;
    padding-right: 4px;
    cursor: pointer;
}

div#OptionAccountMenu div
{
    padding:4px;
    border-bottom: 1px solid #DDD;
}

div#OptionAccountMenu div.Separator
{
    padding:4px;
    border-top: 1px solid #AAA;
}

div#OptionAccountMenu div a
{
    text-decoration: none;
}

div#OptionAccountMenu div a:hover
{
    text-decoration: underline;
}
    
div#OptionAccountMenu
{
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    padding-left: 4px;
    padding-right: 4px;
    background-color: #EFF6FA;
    border: 2px solid #99C6E3;
    border-top: 2px solid #99C6E3;
    max-height: 400px;
    width: 400px;
    overflow: auto;
}

/*
========================================
OptionPrintMenu
========================================
*/

span.OptionPrintMenu
{
    text-decoration: underline;
    padding-left: 4px;
    padding-right: 4px;
    cursor: pointer;
}

div#OptionPrintMenu div
{
    padding:4px;
    border-bottom: 1px solid #DDD;
}

div#OptionPrintMenu div.Separator
{
    padding:4px;
    border-top: 1px solid #AAA;
}

div#OptionPrintMenu div a
{
    text-decoration: none;
}

div#OptionPrintMenu div span
{
    float: right;
    color: #989898;
}

div#OptionPrintMenu div a:hover
{
    text-decoration: underline;
}
    
div#OptionPrintMenu
{
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    padding-left: 4px;
    padding-right: 4px;
    background-color: #EFF6FA;
    border: 2px solid #99C6E3;
    border-top: 2px solid #99C6E3;
    max-height: 400px;
    width: 380px;
    overflow: auto;
}

/*
========================================
NoticeList
========================================


div#NoticeListId
{
    margin-top:10px;
    margin-bottom:10px;
}

div#NoticeListContentId
{
    padding: 4px;
    background-color:#FFF;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

div#NoticeListContentId ul
{
    margin-bottom: 0px;
}

div#NoticeListId ul
{
    padding-top: 2px;
    padding-bottom: 2px
    padding-left: 10px;
    margin:0px;
}
*/
/*
========================================
Notice
========================================
*/

div#NoticeId
{
    margin-top:10px;
    margin-bottom:10px;
}

div#NoticeContentId.Round
{
    background-color:#FFFFBB;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

div#NoticeId ul
{
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 10px;
    margin:0px;
}

/*
========================================
WarningList
========================================


div#WarningListId
{
    margin-top:10px;
    margin-bottom:10px;
}

div#WarningListContentId
{
    padding: 4px;
    background-color:#FFBBBB;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #D00000;
}

div#WarningListId ul
{
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 10px;
    margin:0px;
}
*/
/*
========================================
Warning
========================================


div#WarningId
{
    margin-top:10px;
    margin-bottom:10px;
}

div#WarningContentId.Round
{
    background-color:#FFAAAA;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #D00000;
}

div#WarningId ul
{
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 10px;
    margin:0px;
}
*/
/*
========================================
Timeout
========================================
*/

div#Timeout
{
    display:none;
    xmargin-top:10px;
    xmargin-bottom:10px;
}

div#Timeout .Round
{
    xbackground-color:#FFFFBB;
}

div#Timeout ul
{
    xpadding-top: 2px;
    xpadding-bottom: 2px;
    xpadding-left: 10px;
    xmargin:0px;
}

/*
========================================
SlotSupportId
========================================
*/

div#SlotSupportId
{
    margin-top:20px;
    margin-bottom:20px;
}

div#SlotSupportId.Round
{
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #444;
}

div#SlotSupportId div
{
    background-color:#FFA;
    text-align:center;
    padding: 10px;
    text-align: center;
}

/*
========================================
SlotDriverOfflineId
========================================
*/

div#SlotDriverOfflineId
{
    margin-top:20px;
    margin-bottom:20px;
}

div#SlotDriverOfflineId.Round
{
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #444;
}

div#SlotDriverOfflineId div
{
    background-color:#FFA;
    text-align:center;
    padding: 10px;
    text-align: center;
}

/*
========================================
Icons
========================================
*/

/* ========== Add */
a.IconAdd
{
    background: transparent url(/User/Content/Images/Icons/Standard/Add.png) scroll no-repeat left center;
    text-decoration: none;
    padding: 2px 0px 2px 16px;
}
table.List tr.Data td a.IconAdd:hover { text-decoration: none; }
a.IconTextAdd
{
    background: transparent url(/User/Content/Images/Icons/Standard/Add.png) scroll no-repeat left center;
    text-decoration: none;
    padding: 2px 0px 2px 20px;
}

/* ========== Edit */
a.IconEdit
{
    background: transparent url(/User/Content/Images/Icons/Standard/Edit.png) scroll no-repeat left center;
    text-decoration: none;
    padding: 2px 0px 2px 16px;
}
table.List tr.Data td a.IconEdit:hover { text-decoration: none; }
a.IconTextEdit
{
    background: transparent url(/User/Content/Images/Icons/Standard/Edit.png) scroll no-repeat left center;
    text-decoration: none;
    padding: 2px 0px 2px 20px;
}

/* ========== EditOff */
a.IconEditOff
{
    background: transparent url(/User/Content/Images/Icons/Standard/EditOff.png) scroll no-repeat left center;
    text-decoration: none;
    padding: 2px 0px 2px 16px;
}
table.List tr.Data td a.IconEditOff:hover { text-decoration: none; }
a.IconTextEditOff
{
    background: transparent url(/User/Content/Images/Icons/Standard/EditOff.png) scroll no-repeat left center;
    text-decoration: none;
    padding: 2px 0px 2px 20px;
}

/* ========== Delete */
a.IconDelete
{
    background: transparent url(/User/Content/Images/Icons/Standard/Delete.png) scroll no-repeat left center;
    text-decoration: none;
    padding: 2px 0px 2px 16px;
}
table.List tr.Data td a.IconDelete:hover { text-decoration: none; }
a.IconTextDelete
{
    background: transparent url(/User/Content/Images/Icons/Standard/Delete.png) scroll no-repeat left center;
    text-decoration: none;
    padding: 2px 0px 2px 20px;
}

/* ========== DeleteOff */
a.IconDeleteOff
{
    background: transparent url(/User/Content/Images/Icons/Standard/DeleteOff.png) scroll no-repeat left center;
    text-decoration: none;
    padding: 2px 0px 2px 16px;
}
table.List tr.Data td a.IconDeleteOff:hover { text-decoration: none; }
a.IconTextDeleteOff
{
    background: transparent url(/User/Content/Images/Icons/Standard/DeleteOff.png) scroll no-repeat left center;
    text-decoration: none;
    padding: 2px 0px 2px 20px;
}

/* ========== List */
a.IconList
{
    background: transparent url(/User/Content/Images/Icons/Standard/List.png) scroll no-repeat left center;
    text-decoration: none;
    padding: 2px 0px 2px 16px;
}
table.List tr.Data td a.IconList:hover { text-decoration: none; }
a.IconTextList
{
    background: transparent url(/User/Content/Images/Icons/Standard/List.png) scroll no-repeat left center;
    text-decoration: none;
    padding: 2px 0px 2px 20px;
}

/* ========== Download */
a.IconDownload
{
    background: transparent url(/User/Content/Images/Icons/Standard/Download.png) scroll no-repeat left center;
    text-decoration: none;
    padding: 2px 0px 2px 16px;
}
table.List tr.Data td a.IconDownload:hover { text-decoration: none; }
a.IconTextDownload
{
    background: transparent url(/User/Content/Images/Icons/Standard/Download.png) scroll no-repeat left center;
    text-decoration: none;
    padding: 2px 0px 2px 20px;
}

/* ========== Help */
a.IconHelp
{
    background: transparent url(/User/Content/Images/Icons/Standard/Help.png) scroll no-repeat left center;
    text-decoration: none;
    padding: 2px 0px 2px 16px;
}
table.List tr.Data td a.IconHelp:hover { text-decoration: none; }
a.IconTextHelp
{
    background: transparent url(/User/Content/Images/Icons/Standard/Help.png) scroll no-repeat left center;
    text-decoration: none;
    padding: 2px 0px 2px 20px;
}

/* ========== Refresh */
a.IconRefresh
{
    background: transparent url(/User/Content/Images/Icons/Standard/Refresh.png) scroll no-repeat left center;
    text-decoration: none;
    padding: 2px 0px 2px 16px;
}
table.List tr.Data td a.IconRefresh:hover { text-decoration: none; }
a.IconTextRefresh
{
    background: transparent url(/User/Content/Images/Icons/Standard/Refresh.png) scroll no-repeat left center;
    text-decoration: none;
    padding: 2px 0px 2px 20px;
}

/* ========== Check */
a.IconCheck
{
    background: transparent url(/User/Content/Images/Icons/Standard/Check.png) scroll no-repeat left center;
    text-decoration: none;
    padding: 2px 0px 2px 16px;
}
table.List tr.Data td a.IconCheck:hover { text-decoration: none; }
a.IconTextCheck
{
    background: transparent url(/User/Content/Images/Icons/Standard/Check.png) scroll no-repeat left center;
    text-decoration: none;
    padding: 2px 0px 2px 20px;
}

/* ========== CheckOff */
a.IconCheckOff
{
    background: transparent url(/User/Content/Images/Icons/Standard/CheckOff.png) scroll no-repeat left center;
    text-decoration: none;
    padding: 2px 0px 2px 16px;
}
table.List tr.Data td a.IconCheckOff:hover { text-decoration: none; }
a.IconTextCheckOff
{
    background: transparent url(/User/Content/Images/Icons/Standard/CheckOff.png) scroll no-repeat left center;
    text-decoration: none;
    padding: 2px 0px 2px 20px;
}

/* ========== Favorite */
a.IconFavorite
{
    background: transparent url(/User/Content/Images/Icons/Standard/Favorite.png) scroll no-repeat left center;
    text-decoration: none;
    padding: 2px 0px 2px 16px;
}
table.List tr.Data td a.IconFavorite:hover { text-decoration: none; }
a.IconTextFavorite
{
    background: transparent url(/User/Content/Images/Icons/Standard/Favorite.png) scroll no-repeat left center;
    text-decoration: none;
    padding: 2px 0px 2px 20px;
}

/* ========== FavoriteOff */
a.IconFavoriteOff
{
    background: transparent url(/User/Content/Images/Icons/Standard/FavoriteOff.png) scroll no-repeat left center;
    text-decoration: none;
    padding: 2px 0px 2px 16px;
}
table.List tr.Data td a.IconFavoriteOff:hover { text-decoration: none; }
a.IconTextFavoriteOff
{
    background: transparent url(/User/Content/Images/Icons/Standard/FavoriteOff.png) scroll no-repeat left center;
    text-decoration: none;
    padding: 2px 0px 2px 20px;
}

/* ========== QuickTip */
a.IconQuickTip
{
    background: transparent url(/User/Content/Images/Icons/Standard/QuickTip.png) scroll no-repeat left center;
    text-decoration: none;
    padding: 2px 0px 2px 16px;
}
table.List tr.Data td a.IconQuickTip:hover { text-decoration: none; }
a.IconTextQuickTip
{
    background: transparent url(/User/Content/Images/Icons/Standard/QuickTip.png) scroll no-repeat left center;
    text-decoration: none;
    padding: 2px 0px 2px 20px;
}

/* ========== Feed */
a.IconFeed
{
    background: transparent url(/User/Content/Images/Icons/Standard/Feed.png) scroll no-repeat left center;
    text-decoration: none;
    padding: 2px 0px 2px 16px;
}
table.List tr.Data td a.IconFeed:hover { text-decoration: none; }
a.IconTextFeed
{
    background: transparent url(/User/Content/Images/Icons/Standard/Feed.png) scroll no-repeat left center;
    text-decoration: none;
    padding: 2px 0px 2px 20px;
}

/* ========== Automate */
a.IconAutomate
{
    background: transparent url(/User/Content/Images/Icons/Standard/Automate.png) scroll no-repeat left center;
    text-decoration: none;
    padding: 2px 0px 2px 16px;
}
a.IconAutomate :hover { text-decoration: none; }
a.IconTextAutomate
{
    background: transparent url(/User/Content/Images/Icons/Standard/Automate.png) scroll no-repeat left center;
    text-decoration: none;
    padding: 2px 0px 2px 20px;
}

/* ========== Message */
a.IconMessage
{
    background: transparent url(/User/Content/Images/Icons/Standard/Message.png) scroll no-repeat left center;
    text-decoration: none;
    padding: 2px 0px 2px 16px;
}
table.List tr.Data td a.IconMessage:hover  { text-decoration: none; }
a.IconTextMessage
{
    background: transparent url(/User/Content/Images/Icons/Standard/Message.png) scroll no-repeat left center;
    text-decoration: none;
    padding: 2px 0px 2px 20px;
}

/* ========== MessageReply */
a.IconMessageReply
{
    background: transparent url(/User/Content/Images/Icons/Standard/MessageReply.png) scroll no-repeat left center;
    text-decoration: none;
    padding: 2px 0px 2px 16px;
}
table.List tr.Data td a.IconMessageReply:hover  { text-decoration: none; }
a.IconTextMessageReply
{
    background: transparent url(/User/Content/Images/Icons/Standard/MessageReply.png) scroll no-repeat left center;
    text-decoration: none;
    padding: 2px 0px 2px 20px;
}

/* ========== MessageDelete */
a.IconMessageDelete
{
    background: transparent url(/User/Content/Images/Icons/Standard/MessageDelete.png) scroll no-repeat left center;
    text-decoration: none;
    padding: 2px 0px 2px 16px;
}
table.List tr.Data td a.IconMessageDelete:hover  { text-decoration: none; }
a.IconTextMessageDelete
{
    background: transparent url(/User/Content/Images/Icons/Standard/MessageDelete.png) scroll no-repeat left center;
    text-decoration: none;
    padding: 2px 0px 2px 20px;
}

/* ========== Message */
a.IconMessage
{
    background: transparent url(/User/Content/Images/Icons/Standard/Message.png) scroll no-repeat left center;
    text-decoration: none;
    padding: 2px 0px 2px 16px;
}
table.List tr.Data td a.IconMessage:hover  { text-decoration: none; }
a.IconTextMessage
{
    background: transparent url(/User/Content/Images/Icons/Standard/Message.png) scroll no-repeat left center;
    text-decoration: none;
    padding: 2px 0px 2px 20px;
}

/* ========== Search */
a.IconSearch
{
    background: transparent url(/User/Content/Images/Icons/Standard/Search.png) scroll no-repeat left center;
    text-decoration: none;
    padding: 2px 0px 2px 16px;
}
table.List tr.Data td a.IconSearch:hover  { text-decoration: none; }
a.IconTextSearch
{
    background: transparent url(/User/Content/Images/Icons/Standard/Search.png) scroll no-repeat left center;
    text-decoration: none;
    padding: 2px 0px 2px 20px;
}

/* ========== SearchOff */
a.IconSearchOff
{
    background: transparent url(/User/Content/Images/Icons/Standard/SearchOff.png) scroll no-repeat left center;
    text-decoration: none;
    padding: 2px 0px 2px 16px;
}
table.List tr.Data td a.IconSearchOff:hover  { text-decoration: none; }
a.IconTextSearchOff
{
    background: transparent url(/User/Content/Images/Icons/Standard/SearchOff.png) scroll no-repeat left center;
    text-decoration: none;
    padding: 2px 0px 2px 20px;
}

/* ========== Clear */
a.IconClear
{
    background: transparent url(/User/Content/Images/Icons/Standard/Clear.png) scroll no-repeat left center;
    text-decoration: none;
    padding: 2px 0px 2px 16px;
}
table.List tr.Data td a.IconClear:hover  { text-decoration: none; }
a.IconTextClear
{
    background: transparent url(/User/Content/Images/Icons/Standard/Clear.png) scroll no-repeat left center;
    text-decoration: none;
    padding: 2px 0px 2px 20px;
}

/* ========== ClearOff */
a.IconClearOff
{
    background: transparent url(/User/Content/Images/Icons/Standard/ClearOff.png) scroll no-repeat left center;
    text-decoration: none;
    padding: 2px 0px 2px 16px;
}
table.List tr.Data td a.IconClearOff:hover  { text-decoration: none; }
a.IconTextClearOff
{
    background: transparent url(/User/Content/Images/Icons/Standard/ClearOff.png) scroll no-repeat left center;
    text-decoration: none;
    padding: 2px 0px 2px 20px;
}

/* ========== Upload */
a.IconUpload
{
    background: transparent url(/User/Content/Images/Icons/Standard/Upload.png) scroll no-repeat left center;
    text-decoration: none;
    padding: 2px 0px 2px 16px;
}
table.List tr.Data td a.IconUpload:hover  { text-decoration: none; }
a.IconTextUpload
{
    background: transparent url(/User/Content/Images/Icons/Standard/Upload.png) scroll no-repeat left center;
    text-decoration: none;
    padding: 2px 0px 2px 20px;
}

/* ========== Wait */
a.IconWait
{
    background: transparent url(/User/Content/Images/Icons/Standard/Wait.png) scroll no-repeat left center;
    text-decoration: none;
    padding: 2px 0px 2px 16px;
}
table.List tr.Data td a.IconWait:hover  { text-decoration: none; }
a.IconTextWait
{
    background: transparent url(/User/Content/Images/Icons/Standard/Wait.png) scroll no-repeat left center;
    text-decoration: none;
    padding: 2px 0px 2px 20px;
}

/* ========== Icon */
a.ActionLinkIcon
{
    text-decoration: none;
    padding: 2px 0px 2px 20px;
}

a.ActionLinkIcon:hover
{
    text-decoration: underline;
}

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

/* ========== InlineIcon */
.InlineIcon
{
    vertical-align: middle;
}

/*
========================================
QuickTip
========================================
*/

div.QuickTip
{
    margin-top:10px;
    padding: 20px;
    text-align: left;
    display: none;
    background-color: #F4F9FC;
}

/*
========================================
Master
========================================
*/

div#MasterHeader 
{
}



div#MasterHeaderTopMenu                
{
    background-color: transparent; 
    color:#555; 
    border:0px;
}

div#MasterHeaderTopMenu a
{
    color:#555; 
    xfont-weight:bold;
}

div#MasterHeaderTopMenu a:hover
{
    color:#555;
}

/*
========================================
Menu
========================================
*/

#MasterHeaderMenuMain
{
    padding: 4px;
    background-color: #FFFFFF;
}

#MasterHeaderMenuMain a
{
    padding: 6px 8px; 
    margin: 0px 4px;
    font-weight: bold; 
    text-decoration: none;
    background-color: #FFFFFF;
    color: #444444;
}

#MasterHeaderMenuMain a:hover
{
    text-decoration: underline;
    background-color: #DEE5EF;
}

#MasterHeaderMenuMain a.MenuCurrent
{
    color: #FFFFFF;
}

#MasterHeaderMenuSub
{
    background-color: #0071bb;
    color: #FFFFFF;
    padding: 5px 4px 25px 4px;
    clear: both;
    font-size:14px;
    height: 18px;
    
}

#MasterHeaderMenuSub a
{
    padding: 8px 8px; 
    font-family: franklin-gothic-urw-cond, sans-serif;
    font-style: normal;
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
    color: #FFF;
    letter-spacing:.25px;
}

#MasterHeaderMenuSub a:hover
{
    text-decoration: none;
}

/*
========================================
MenuFancy
========================================
*/

#MasterHeaderMenuMainFancy 
{
    background-color: #FFFFFF;
    color: #4d4d4d;
    width: 100%;
    margin-bottom: -5px;
    float: left;
    padding 0px;
    background-color: transparent; 
    margin-top: 54px;
    line-height: 1.6;
}

#MasterHeaderMenuMainFancy ul 
{
    margin: 0px;
    padding: 0px 0px 0 0px;
    left: 0;
}

#MasterHeaderMenuMainFancy a, #MasterHeaderMenuMainFancy strong, #MasterHeaderMenuMainFancy span 
{
    float: left;
    display: block;
    color: #969696;
    font-family: 'franklin-gothic-urw-cond', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    text-decoration: none;
}

#MasterHeaderMenuMainFancy li 
{
    float: left;
    margin: 0px;
    padding: 5px 8px 12px 8px;
    list-style: none;
    list-style-type: none;
}

#MasterHeaderMenuMainFancy .MenuCurrent
{
    background-color: #0071bb;
    
}

#MasterHeaderMenuMainFancy .MenuCurrent a 
{
    background-color: #0071bb;
    color:#FFF;
}

#MasterHeaderMenuMainFancy a:hover 
{
    text-decoration: none;
}

#MasterHeaderMenuMainFancy a 
{
    margin: 0px;
}

/*
========================================
Other
========================================
*/

.dTreeNode img
{
    vertical-align: middle;
    padding-right: 2px;
}

/* 
========================================
PortletButton
========================================
*/    

.PortletHeader a.PortletButtonEmbed
{
    float: right;
    display: inline;
    background: url(/User/Content/Images/Portal/PortletSprites.gif) no-repeat 0px -45px;
    width: 15px;
    height: 15px;
    text-indent: -9999em;
    margin: 1px 2px 1px 2px;
    outline: none;
}

.PortletHeader a {
    padding: 0px;
    margin: 1px 2px 1px 2px;
    width: 20px;
    height: 20px;
    float: right;
    display: inline;
    outline: none;
}

.PortletHolder
{
    border: 1px solid #999;
}

/* http://www.engfers.com/2008/08/28/the-proper-way-to-align-images-and-icons-with-anchor-tags/ */
.icon_label
{
    background-color: transparent;
    background-position: left center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    padding: 2px 0px 2px 20px;
}



.search
{
    padding:6px;
}

/* http://www.engfers.com/2008/08/28/the-proper-way-to-align-images-and-icons-with-anchor-tags/ */
.icon_label
{
    background-color: transparent;
    background-position: left center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    padding: 2px 0px 2px 20px;
}


.word
{
    vertical-align:top;
    text-align:left;
    xwhite-space:nowrap
}

.phrase
{
    vertical-align:top;
    text-align:left;
}

.number
{
    vertical-align:top;
    text-align:right;
}

.nobr
{
    white-space:nowrap
}
 


/*
========================================
full
========================================
*/

.full_title
{
    font-size: 22px;
    padding-top: 6px;
    padding-bottom: 6px;
}

/*
========================================
Promotions
========================================
*/

.promotionTable td {width: 280px;}

.promotionBlock {
    text-align: center;
    border: 1px solid #BBBBBB; 
    background-color: #FFF;
    margin: 4px; 
    padding: 4px; 
    height: 44px;
}

.PromotionEdge {
    text-align: center;
    margin: 4px; 
    padding: 0px; 
    height: 50px;
}

*/
/*
========================================
jquery ui
========================================
*/

img.ui-datepicker-trigger
{
    vertical-align: middle;
    padding-left:2px;
}

div.ui-datepicker
{
    font-size: 10px;
}

/*
========================================
bootstrap buttons
========================================
*/

    #thankuse-overlay
    {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #000;
        opacity: 0.5;
        filter: alpha(opacity=50);
    }
    
    #thankuse-modal
    {
        position: absolute;
        background: rgba(0,0,0,0.2);
        border-radius: 14px;
        padding: 8px;
        xmargin-top: -200px;
    }
    
    #thankuse-content
    {
        border-radius: 8px;
        background: #F5F5F5;
        padding: 20px;
        max-width:600px;
    }
    
    #thankuse-close
    {
        position: absolute;
        background: url(close.png) 0 0 no-repeat;
        width: 24px;
        height: 27px;
        display: block;
        text-indent: -9999px;
        top: -7px;
        right: -7px;
    }
    
    .thankuse-btn {
      display: inline-block;
      padding: 6px 12px;
      margin-bottom: 0;
      font-size: 14px;
      font-weight: normal;
      line-height: 1.42857143;
      text-align: center;
      white-space: nowrap;
      vertical-align: middle;
      -ms-touch-action: manipulation;
          touch-action: manipulation;
      cursor: pointer;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
      background-image: none;
      border: 1px solid transparent;
      border-radius: 4px;
    }
.thankuse-btn:hover,
.thankuse-btn:visited,
.thankuse-btn:focus,
.thankuse-btn.focus {
    color: #fff;
    text-decoration: none;
}
.thankuse-btn-rewards {
  color: #fff;
  text-decoration: none;
  background-color: #00A551;
  border-color: #00A551;
  text-shadow: none !important;
}
.thankuse-btn-never {
  color: #fff;
  text-decoration: none;
  background-color: #EC1C24;
  border-color: #EC1C24;
  text-shadow: none !important;
}
.thankuse-btn-reminder {
  color: #fff;
  text-decoration: none;
  background-color: #e17509;
  border-color: #e17509;
  text-shadow: none !important;
}
.thankuse-btn-block {
  display: block;
}
.thankuse-btn-block + .thankuse-btn-block {
  margin-top: 5px;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.thankuse-small {
font-size:12px;
}
.thankuse-content-text {
padding: 15px 0 0 10px;
width:50%;
float:left;
}
.thankuse-slogan {
margin-bottom:5px !important;
font-weight:bold;
font-size:16px !important;
display:block;
}
.thankuse-alert {
  padding: 15px 15px 15px 15px;
  margin-bottom: 20px;
  margin-top:10px;
  border: 1px solid transparent;
  border-radius: 0px;
}
.thankuse-alert-img { 
float: left;
padding-bottom: 20px;
padding-left: 10px;
width:20%;
}
.thankuse-alert-success {
  color: #000;
  background-color: #F5F5F5;
  border-color: #DADADA;
}

.general-alert-small{
font-size:12px;
}

.general-alert {
  padding: 15px 20px 10px 20px;
  margin-bottom: 20px;
  margin-top:10px;
  border: 1px solid transparent;
  border-radius: 0px;
  color: #000;
  background-color: #F5F5F5;
  border-color: #DADADA;
}

.img-tu
{
    width:84px;
    height:84px;
}
.img-tu-main
{
    xwidth:175px;
    xheight:134px;
    padding-bottom:15px;
}
.img-tu-main-page
{
    width:295px;
    height:254px;   
}
.tu-unlocked-text
{
    color:#00A551;
}
.thankuse-content-text2 {
    padding: 20px 0 0 40px;
    float:left;
	width:20%
}

.pp-content-text {
    padding: 0 0 15px 40px;
    width:525px;
    float:left;
    }

.img-pp-main
{
    width:120px;
    height:120px;
    padding-left:15px;
    float:left;
}
.pp-content-text2 {
    padding: 35px 0 0 40px;
    float:left;
}

.Roman > li
{
    list-style-type: upper-roman !important;
}

.UpperAlpha > li
{
    list-style-type: upper-alpha !important;
}

.OrderedNumber > li
{
    list-style-type: decimal !important;
}

.Unordered > li
{
    list-style-type: disc !important;
}

a.btn-shine:link, a.btn-shine:visited {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    -moz-transition: all 0.1s linear 0s;
    background-color: #005585;
    background-image: -moz-linear-gradient(center top , #4C88A9, #196691 25%, #005585);
    background-repeat: no-repeat;
    border-color: #888 #888 #666;
    border-radius: 4px 4px 4px 4px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    line-height: normal;
    font-weight:bold;
	text-decoration: none;
    padding: 5px 14px 4px;
    text-shadow: 0px 1px 1px #000;
}

a.btn-shine:hover {
    background-color: #005585 !important;
    background-image: -moz-linear-gradient(center top , #4C88A9, #196691 25%, #005585);
    color: #FFFFF !important;
    text-decoration: underline !important;
}
.center-text {
text-align: center !important;
}

.sidebar 
{
    border-left: 1px solid #d0d0d0;
}

.inline > *
{
    display: inline;
}

.btn-search
{
    background-color: #fff;
}

.form-control:focus
{
    box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #0071bb;
}

.form-control:focus,
.form-control.focus {
  border-left: solid 6px #0071bb;
}

.form-control:hover,
.form-control.hover {
  border: 0;
  border:  solid 2px #0071bb;
  border-left: solid 6px #0071bb;
}

.gray
{
    color: #767676;
}

h5
{
    font-size: 18px;
    xletter-spacing: 1px;
}



.darker-green
{
    color: #008540;
}

.black
{
    color: #000;
}

.table>tbody>tr>td, .table>tbody>tr>th
{
    border-top: none;
}

.sub-heading
{
    border-bottom: 1px solid #d0d0d0;
}

.transfer-pills {
	border-bottom: 8px solid #008540;
    margin-bottom:10px;
    padding-bottom:0px;
	font-size: 14px;
}

.transfer-pills ul.nav.nav-pills {
    font-family: 'franklin-gothic-urw', sans-serif;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 2px;
}

.transfer-pills ul.nav.nav-pills li {
	float:right;
	border-top: 3px solid #008540;
	border-right: 3px solid #008540;
	border-left: 3px solid #008540;
    padding-left: 0px;
}
.transfer-pills> a:link, a:visited, a:hover, a:active {
	xcolor:#008540;
}

.referral-pills {
	border-bottom: 8px solid #0071bb;
    margin-bottom:10px;
    padding-bottom:0px;
	font-size: 14px;
}

.referral-pills ul.nav.nav-pills {
    font-family: 'franklin-gothic-urw', sans-serif;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 2px;
}

.referral-pills ul.nav.nav-pills li {
	float:right;
	border-top: 3px solid #0071bb;
	border-right: 3px solid #0071bb;
	border-left: 3px solid #0071bb;
    padding-left: 0px;
}
.referral-pills> a:link, a:visited, a:hover, a:active {
	xcolor:#008540;
}

.nav>li>a:hover {
    background-color:#fff;
}

.panel-orange
{
	border: 2px solid #e17509;
}

.panel-orange > .panel-heading
{
    color: #e17509;
    background-color: #fff;
    border-color: #e17509;
	text-align:center;
}
.panel-orange .panel-heading a:link {
	color:#e17509;
	text-decoration: none;
}
.panel-orange > .panel-heading + .panel-collapse > .panel-body
{
    border-top-color: #fff;
	padding: 0px 15px 0px 15px;
}

.panel-orange > .panel-footer + .panel-collapse > .panel-body
{
    border-bottom-color: #e17509;
}

.panel-red
{
	border: 2px solid #ec1c24;
}
.panel-red > .panel-heading
{
    color: #ec1c24;
    background-color: #fff;
    border-color: #ec1c24;
	text-align:center;
}
.panel-red .panel-heading a:link {
	color:#ec1c24;
}
.panel-red > .panel-heading + .panel-collapse > .panel-body
{
    border-top-color: #fff;
}

.panel-red > .panel-footer + .panel-collapse > .panel-body
{
    border-bottom-color: #ec1c24;
}

.panel-green
{
	border: 2px solid #008540;
}
.panel-green > .panel-heading
{
    color: #008540;
    background-color: #fff;
    border-color: #008540;
	text-align:center;
}
.panel-green .panel-heading a:link {
	color:#008540;
}
.panel-green > .panel-heading + .panel-collapse > .panel-body
{
    border-top-color: #fff;
}

.panel-green > .panel-footer + .panel-collapse > .panel-body
{
    border-bottom-color: #008540;
}

.panel-heading {
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
}
.panel-group .panel {
    border-radius: 0px !important;
}

.accordian-more-panel {
    padding-top: 3px;
    padding-bottom: 3px;
}

.uppercase {
    text-transform: uppercase;
}

.nav-pills {
    padding-bottom: 0px;
}

.margin-top-neg-50 {
    margin-top: -50px;
}
.margin-top-neg-45 {
    margin-top: -45px;
}
.margin-top-neg-40 {
    margin-top: -40px;
}
.margin-top-neg-30 {
    margin-top: -30px;
}
.margin-top-neg-25 {
    margin-top: -25px;
}
.margin-top-neg-20 {
    margin-top: -20px;
}
.margin-top-neg-10 {
    margin-top: -10px;
}

label {
    font-weight: normal;
    font-size: 16px;
}

support-user {
    background-color: #DDD; 
    border: 2px solid #AAA; 
    text-align: center; 
    padding: 4px;
    font-weight: bold;
}

font-100 {
    font-weight: 100;
}

.username {
    font-weight: bold; 
    color: #3572bc;
}

div.home_logo img.logo, div.int_logo img.logo
{
    width: 232px;
    height: 70px;
    border: none;
    position: absolute;
}

/*
===============================================
TOGGLE BUTTON FROM https://proto.io/freebies/onoff/
===============================================
*/

.onoffswitch {
    position: relative; width: 50px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitch-checkbox {
    display: none;
}
.onoffswitch-label {
    display: block; 
    overflow: hidden; 
    cursor: pointer;
    height: 30px; 
    padding: 0; 
    line-height: 30px;
    border: 2px solid #757575; 
    border-radius: 30px !important;
    background-color: #757575;
    transition: background-color 250ms ease-in, border 250ms ease-in;
}
.onoffswitch-label:before {
    content: "";
    display: block; 
    width: 30px; 
    margin: 0px;
    background: #FFFFFF;
    position: absolute; 
    top: 0; 
    bottom: 0;
    right: 19px;
    border: 2px solid #757575; 
    border-radius: 30px !important;
    transition: all 200ms ease-in 0s; 
}
.onoffswitch-checkbox:checked ~ .onoffswitch-label {
    background-color: #008540;
}
.onoffswitch-checkbox:checked ~ .onoffswitch-label, .onoffswitch-checkbox:checked ~ .onoffswitch-label:before {
   border-color: #008540;
}
.onoffswitch-checkbox:checked ~ .onoffswitch-label:before {
    right: 0px;
}

.carousel-inner > .item > img {
    margin: 0 auto;
}

.carousel-inner>.item.active.left, .carousel-inner>.item.prev {
    left: inherit;
    float: none;
}

.carousel-inner>.item.active.right, .carousel-inner>.item.next {
    left: inherit;
    float: none;
}

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

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

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

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

.Data {
    border-bottom: 1px solid #e3e3e3;
    height: 100%;
}

tr.ViewData:hover {
    cursor:pointer
}

tr.Active {
    background-color: #e8e8e8 !important;
}

a.dropdown-toggle:hover,a.dropdown-toggle:focus {
    text-decoration: none;
}

/*
========================================
bootstrap radio buttons
========================================
*/

@keyframes hover-color {
  from {
    border-color: #c0c0c0; }
  to {
    border-color: #008540; } 
}


.magic-radio {
  position: relative;
  display: none; 
}

.magic-radio[disabled] {
  cursor: not-allowed; }

.magic-radio + label {
  position: relative;
  display: block;
  padding-left: 30px;
  cursor: pointer;
  margin-right: 1.5rem;
  vertical-align: middle; }
  
  .magic-radio + label:hover:before {
    animation-duration: 0.4s;
    animation-fill-mode: both;
    animation-name: hover-color; }
    
  .magic-radio + label:before {
    position: absolute;
    top: -5px;
    left: -5px;
    display: inline-block;
    width: 30px;
    height: 30px;
    content: '';
    border: 1px solid #c0c0c0; }
    
  .magic-radio + label:after {
    position: absolute;
    display: none;
    content: ''; }

.magic-radio[disabled] + label {
  cursor: not-allowed;
  color: #e4e4e4; }
  
  .magic-radio[disabled] + label:hover, 
  .magic-radio[disabled] + label:before, 
  .magic-radio[disabled] + label:after {
    cursor: not-allowed; }
    
  .magic-radio[disabled] + label:hover:before {
    border: 1px solid #e4e4e4;
    animation-name: none; }
    
  .magic-radio[disabled] + label:before {
    border-color: #e4e4e4; }

.magic-radio:checked + label:before {
  animation-name: none; }

.magic-radio:checked + label:after {
  display: block; }

.magic-radio + label:before {
  border-radius: 50%; }

.magic-radio + label:after {
  top: 2px;
  left: 2px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #008540; }

.magic-radio:checked + label:before {
  border: 1px solid #008540; }

.magic-radio:checked[disabled] + label:before {
  border: 1px solid #c9e2f9; }

.magic-radio:checked[disabled] + label:after {
  background: #c9e2f9; }

.magic-radio.smaller + label:before {
    position: absolute;
    top: 0px;
    left: 0px;
    display: inline-block;
    width: 24px;
    height: 24px;
}

.magic-radio.smaller + label:after {
  top: 5px;
  left: 5px;
  width: 14px;
  height: 14px;
}

@keyframes hover-color {
    from {
        border-color: #c0c0c0;
    }

    to {
        border-color: #008540;
    }
}

.magic-checkbox {
    position: absolute;
    display: none;
}

.magic-checkbox[disabled] {
        cursor: not-allowed;
    }

.magic-checkbox + label {
        position: relative;
        display: block;
        padding-left: 25px;
        cursor: pointer;
        vertical-align: middle;
        margin-right: 1.5rem;
    }

.magic-checkbox + label:hover:before {
            animation-duration: 0.4s;
            animation-fill-mode: both;
            animation-name: hover-color;
        }

.magic-checkbox + label:before {
            position: absolute;
            /*top: 0; Pete changed to try to center label text with textbox*/
            top: 2px;
            left: 0;
            display: inline-block;
            width: 20px;
            height: 20px;
            content: '';
            border: 1px solid #c0c0c0;
        }

.magic-checkbox + label:after {
            position: absolute;
            display: none;
            content: '';
        }

.magic-checkbox[disabled] + label {
        cursor: default;
        /*color: #e4e4e4;*/
    }

.magic-checkbox[disabled] + label:after {
            cursor: default;
        }

.magic-checkbox[disabled] + label:hover:before {
                border: 1px solid #e4e4e4;
                animation-name: none;
            }

.magic-checkbox[disabled] + label:before {
            border-color: #e4e4e4;
        }

    .magic-checkbox:checked + label:before {
        animation-name: none;
    }

    .magic-checkbox:checked + label:after {
        display: block;
    }

    .magic-checkbox + label:before {
        border-radius: 0px;
    }

    .magic-checkbox + label:after {
        /*top: 2px; Pete removed to try to center text with checkbox*/
        top: 4px;
        left: 7px;
        box-sizing: border-box;
        width: 6px;
        height: 12px;
        transform: rotate(45deg);
        border-width: 2px;
        border-style: solid;
        border-color: #fff;
        border-top: 0;
        border-left: 0;
    }

    .magic-checkbox:checked + label:before {
        border: #008540;
        background: #008540;
    }


.padding-left-15 {
    padding-left:15px !important;
}

.sub-text {
  color: #66ccff;
    font-size: 16px;
    padding: 5px 0 0 0;
    }
    @media only screen and (max-width: 294px) {
    .sub-text {
        display: none;
    }
}

.padding-bottom-10 {
    padding-bottom: 10px;
}

.asterisk_input:after {
content:" *"; 
color: #e32;
position: absolute; 
margin: 0px 0px 0px -20px; 
font-size: x-large; 
padding: 0 5px 5px 5px; }

.page-header-transaction {
    padding-bottom: 9px;
    border-bottom: 1px solid #eee;
}

.balance-header {
    font-family: 'franklin-gothic-urw-cond', sans-serif;
    font-style: normal;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 2px;
    font-size:24px;
    line-height: 1.1;
}
.balance-header i {
    font-size:14px;
}
.dl-dupaco::after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
}
.dl-dupaco dd {
    margin-left: 90px;
    text-align: right;
}
.dl-dupaco dt {
    float: left;
    overflow: hidden;
    clear: left;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.amt-balance
{
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    font-weight: normal;
    font-size: 36px;

}
.grey-label 
{
    color: #767676;
    font-size: 16px;
    padding-bottom: 10px;
}

.fancy {
  line-height: 0.2;
  text-align: center;
}
.fancy span {
  display: inline-block;
  position: relative;  
}
.fancy span:before,
.fancy span:after {
  content: "";
  position: absolute;
  height: 1px;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
  top: 0;
  width: 30px;
}
.fancy span:before {
  right: 100%;
  margin-right: 10px;
}
.fancy span:after {
  left: 100%;
  margin-left: 10px;
}

tr.stripe {
    background-color:#f9f9f9;
}
tr.hiddenInfo {
    border-bottom: 1px solid #e3e3e3;
}

.member {
    padding-top:20px;
}

 .loan-app-sidebar {
        z-index: 1000;
        display: block;
        padding-bottom: 10px;
        background-color: #f5f5f5;
        border-right: 1px solid #eee;
        border-bottom: 1px solid #eee;
        border-left: 1px solid #eee;
        border-top: 1px solid #eee;
        min-height: 100%;
        max-height: 100vh;
        box-sizing: border-box;
        overflow-y: auto;
        margin-top:30px;
        font-size:18px;
    }

.cb-green {
        color: #8dc740;
    }

    .cb-red {
        color: #ed1c24;
    }

    .cb-blue {
        color: #0072ba;
    }

    .cb-orange {
        color: #e17509;
    }

    .cb-yellow {
        color: #fff200;
    }
    
    .loan-app-content .item-desc {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin-bottom: 10px;
        color: #000;
        visibility: hidden;
        opacity: 0;
        z-index: 1000;
        transition: opacity .2s, visibility .2s;
    }

     .loan-app-content .media a:visited {
        color: #fff !important;
    }

    .loan-app-content .media:hover .item-desc {
        visibility: visible;
        opacity: 1;
    }

    .loan-app-content .media:hover .fa {
        opacity: .1;
    }

    .loan-app-content .media:hover h4 {
        visibility: hidden;
    }

    .loan-app-content .media {
        padding-bottom: 25px;
    }

    .loan-app-sidebar .fa-arrow-circle-right {
        color: #0071bb;
    }

    .loan-app-sidebar .fa-circle-o {
        color: #85898C;
    }

    .loan-app-sidebar .fa-check-circle {
        color:#008540;
    }

    .loan-app-sidebar .right-20 {
        padding-right: 10px;
        line-height: 1.7em;
    }

    .loan-app-sidebar .done {
        text-decoration: line-through;
        color: #85898C;
    }

    .loan-app-content .media h4 {
        font-size: 16px;
        color: #85898C;
        letter-spacing: 1px;
        line-height: 20px;
        padding: 0 0 0 0;
    }

.padding-top-30 {
    padding-top: 30px;
}
.padding-top-70 {
    padding-top: 70px;
}
.alert-message-small-font{
    font-size: 14px
}

.padding-5 {
    padding-top: 5px;
    padding-bottom: 5px;
}
.margin-top-neg-20 {
    margin-top: -20px;
}
.remove-column-padding {
    padding-left: 0px;
    padding-right: 0px;
}
.padding-right-5 {
    padding-right: 5px;
}
.btn-input {
    background-color: #f2f2f2;
}
.PortletBody {
    width: 292px;
}
.panel-dublue {
    border-color: #0071bb;
}

.panel-dublue > .panel-heading {
    color: #fff;
    background-color: #0071bb;
    border-color: #0071bb;
}

.panel-dublue > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #0071bb;
}

.panel-dublue > .panel-heading .badge {
    color: #d9edf7;
    background-color: #31708f;
}

.panel-dublue > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #0071bb;
}

.backToTop {
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: #8a8a8a;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;
}
.backToTop:hover {
  background-color: #313131;
}

/*
========================================
Pager
========================================
*/

.Pager
{
    padding-bottom: 8px;
}

.Pager a
{
    padding: 3px 6px 3px 6px;
}

.Pager a:hover
{
    cursor: pointer;
}
.Pager > a {
    color:black;
    background-color:white;
    transition: background-color .3s;
}

.Pager > a.active {
    background-color: #008540;
    color: white;
}

.Pager > a:hover:not(.active) {
    background-color:#ddd;
}

.margin-right-10 {
    margin-right: 10px;
}

.margin-left-10 {
    margin-left: 10px;
}

.margin-left-5 {
    margin-left: 5px;
}
.margin-top-8 {
    margin-top: 8px;
}

.margin-top-30 {
    margin-top: 30px;
}
.condense-text {
    letter-spacing: 1px;
}
.infoSection {
    max-width:228px;
}
.margin-top-10 {
    margin-top: 10px;
}

.margin-top-40 {
margin-top: 40px;
}

.margin-top-25 {
    margin-top: 25px;
}

.margin-top-15 {
    margin-top: 15px;
}

.padding-right-15 {
  padding-right:15px;
}
.padding-top-10 {
  padding-top:10px;
}

.padding-top-5 {
  padding-top:5px;
}

.padding-bottom-1 {
    padding-bottom: 1px;
}

.padding-left-0 {
    padding-left: 0px;
}

.well.active {
    background-color: #cccccc;
}

.chooseCreditCard {
    cursor:pointer;
}

.chooseCreditCard > * {
    cursor: pointer;
}

.white {
    color: #fff;
}
.onehalf        {	width: 49%;	margin: auto;}
.left           {	float:left;}
.right          {	float:right;}
.inner          {width:980px;	margin:0 auto;}
div.compliance {  padding: 8px 0 0px 10px;}
div.copyright   {  padding: 2px 10px 0 0;}
div.disclaimers {
  font-family: 'franklin-gothic-urw', sans-serif;
  font-weight: normal;
  font-size: 12px;
  xbackground-color: #4d4d4d;
  clear: both;
  display: inline-block;
  width: 100%;
  color: #ccc;
}
 .alerts .transactions i {
            padding-top:7px;
        }

.duwell {
    height: 245px;
    padding: 20px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border-radius: 4px;
    text-align: center;
    font-size: 14px;
}
.duwell h4 {
    font-size:16px;
}

.duwell.hover:hover {
    background-color: #e6e6e6;
cursor: pointer;
}

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

.duwell.hover:hover h4 a {
    color: #337ab7;
}

.duwell-modal {
    height: 245px;
    padding: 20px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border-radius: 4px;
    text-align: center;
    font-size: 14px;
}
.duwell-modal h4 {
    font-size:16px;
}

.duwell-modal.hover:hover {
    background-color: #e6e6e6;
cursor: pointer;
}

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

.duwell-modal.hover:hover h4 a {
    color: #337ab7;
}

.duwell-cards {
    height: 265px;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  opacity: 1;
}
.form-control[disabled],
fieldset[disabled] .form-control {
  cursor: not-allowed;
}

.form-control-feedback {
    pointer-events: initial;
    top: 5px;
}

a.no-decoration {
    text-decoration: none;
}

a.no-decoration:not(.collapsed) .bt-stack > .bt-angle-down {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    left: -2px;
}

div.dropdown.open > a.dropdown-toggle > .bt-stack > .bt-angle-down {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    left: 0px;
}

.bs-wizard {
    xborder-bottom: solid 1px #e0e0e0;
    padding: 0 0 15px 0;
}

.bs-wizard > .bs-wizard-step {
    padding: 0;
    position: relative;
}

.bs-wizard > .bs-wizard-step .bs-wizard-stepnum {
    color: #595959;
    font-size: 16px;
    margin-bottom: 5px;
}

.bs-wizard > .bs-wizard-step .bs-wizard-info {
    color: #999;
    font-size: 14px;
}

.bs-wizard > .bs-wizard-step > .bs-wizard-dot {
    background: #fff; /*fbe8aa*/
    border-radius: 50% !important;
}

.bs-wizard > .between-steps  > .progress {
    border-radius: 0px !important;
    height: 8px;
    box-shadow: none;
    margin-bottom: 25px;
}

.progress-slim {
    height: 4px;
}

.bs-wizard > .between-steps  > .progress-slim {
    margin-bottom: 0px;
    height: 4px;
}

.bs-wizard > .between-steps {
    margin: 0px -15px;
}

.bs-wizard  > .between-steps > .progress > .progress-bar {
    width: 0px;
    box-shadow: none;
    background: #008540;
}

.bs-wizard > .between-steps.complete > .progress > .progress-bar {
    width: 100%;
}

.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {
    opacity: 0;
}

.bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot {
    pointer-events: none;
}

.bs-wizard-substep-label {
    font-size: 18px; 
    margin-bottom: -15px
}

.bs-wizard-substep-heading {
    font-size: 28px; 
    font-weight: 500; 
    color: #df7626; 
    margin-bottom: 0
}

.fa-2x {
    font-size: 2.4em !important;
}

.fa-1x {
    font-size: 20px !important;
}

.disclosure-iframe {
    clear: both;
    width: 100%;
    margin: 0 auto;
    height: 240px;
    border: 0;
    color: #333;
    background-color: #fff;
}

.disclosure-wrapper {
    overflow: auto!important;
    -webkit-overflow-scrolling: touch!important;
    height: 250px;
    border: 1px solid #ddd;
    padding: 0;
}

th.Number {
    width:140px;
}

th.symbol {
    width: 35px;
}

ul.dropdown-menu>li {
    padding-left: 0px;
    margin-left: 0px;
    list-style:none;
}

.gold {
    color: #ecdf15;
}

.Flag img {
    width:16px;
}

.profile-item-text{
    padding-top: 9px;
}

.profile-edit-icon{
    padding-top: 8px;
}

.monospace {
    font-family: "roboto-mono",monospace; 
    font-style: normal;
    font-weight: 300;
    font-size: 14px !important;
}

.fast-reverse-horizontal-align{
    padding-right: 5px;
}

.fast-forward-horizontal-align{
padding-left: 2px;
}

.alert-support {
    color: #000;
    background-color: #F5F5F5;
    border-color: #DADADA;
    padding: 10px 15px 10px 15px;
}

.no-bottom {
    margin-bottom: 0px !important;
}

.loan-img { 
    width: 100px; 
}

.card-img { 
    width: 140px; 
}

.bt-lgr {
    font-size:1.25em;
}

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

@media print {
  a[href]:after {
    content: none !important;
  }

  td.hidden-xs {
    display: table-cell !important;
  }

}

.profilelist-label{
    float : right !important
}

.sub-heading-group {
    font-family: 'franklin-gothic-urw-cond', sans-serif;
    font-size: 20px;
    background-color:#03a5ec !important;
    width: 100%;
    left: 0;
    padding-top:10px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom:10px;
    margin-left: auto;
    margin-right: auto;
}



.heading-text {
    color: #fff !important;
    font-family: 'franklin-gothic-urw-cond', sans-serif;
    font-style: normal;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 2px;
}

.heading-text i {
    float:right;
    padding-right:5px;
	margin-top: -3px;
}

.heading-group {
    font-family: 'franklin-gothic-urw-cond', sans-serif;
    font-size: 22px;
    background-color:#0071bb;
    width: 100%;
    left: 0;
    padding-top:13px;
    xpadding-bottom:8px;
    min-height:54px;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
}

.sides-padding-15{
    padding-left: 15px;
    padding-right: 15px;
}

.spacer {
        padding-top:70px;
}
.spacer-20 {
        padding-top:20px;
}
.spacer-30 {
        padding-top:30px;
}
.spacer-40 {
        padding-top:40px;
}
.spacer-50 {
        padding-top:50px;
}

.overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 504;
    opacity: 0;
    width: 100%;
    height: 100%;
    background: rgba(40,40,40, .75);
    -webkit-transition: opacity 0.2s ease-in-out 0s;
    -moz-transition: opacity 0.2s  ease-in-out 0s;
    -o-transition: opacity 0.2s  ease-in-out 0s;
    transition: opacity 0.2s  ease-in-out 0s;
    touch-action: none;
}

.invisible {
    visibility: hidden;
}

.navigation {
    z-index: 505;
}

.dupaco-logo {
	height: 50px; 
    width: auto;
    object-fit: contain;
}

.bt-2xx {
    font-size: 1.7em;
}

.margin-top-neg-75 {
    margin-top: -75px;
}

.desktop-logo {
    height: 85px;
    width:auto;
    object-fit: contain;
    padding: 10px 7px;
}

.duwell.less-padding {
    padding:10px;
}
.normal-white-space
{
    white-space: normal !important;
}

.responsive-table-toggle-display{
    display: none !important;
}

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

.padding-bottom-10{
    padding-bottom: 10px;
}

.padding-bottom-5{
    padding-bottom: 5px;
}

.padding-bottom-20{
    padding-bottom: 20px;
}

.flex-equal-height-inner-wrapper {
    display: flex;
    flex-direction: column;
}

.flex-equal-height-element {
    flex: 1;
}


.sm-double-input-form-group-left-input{
    padding-right: 7px;
}

.sm-double-input-form-group-right-input{
    padding-left: 8px;
}


.onoffswitch-extra-line-height {
    line-height: 2;
}

.padding-top-20 {
    padding-top: 20px;
}

.accounts {
    margin-bottom: 0px;
}

.no-padding{
    padding: 0;
}

.center-onoofswitch-label-md-lg {
    display: flex;
    justify-content: center;
    align-items: center;
}



@media only screen and (min-width:  992px) {
     .vertical-center-input-md-lg.control-label{
        padding-top: 18px;
    }

    .margin-left-15-md-lg{
    margin-left: 15px;
    }
    
    .no-padding-left-md-lg{
        padding-left: 0px;
    }


    .display-flex-md-lg{
        display: flex;
    }

    .flex-grow-1-right-margin-20-md-lg{
        FLEX-GROW: 1;
        MARGIN-RIGHT: 20PX;
    }

    .padding-top-5-md-lg{
        padding-top: 5px;
    }

    .margin-top-neg-5-md-lg{
        margin-top: -5px;
    }


    .padding-left-0-md-lg{
        padding-left: 0px;
    }

    .padding-right-0-md-lg{
        padding-right: 0px;
    }

    .padding-right-30-md-lg{
        padding-right: 30px;
    }

    .float-left-important-md-lg{
        float: left !important;
    }
    
    .margin-bottom-md{
        margin-bottom: 15px;
    }
}

@media only screen and (max-width: 767px) {
    html, body {
        font-size: 18px;
    }

    .ncua-logo {
        padding-top:40px;
        float:left !important;
        width:75% !important;
    }

    .footer-links {
        text-align:left !important;
        padding-bottom: 20px;
    }

    .monospace {
        font-family: 'franklin-gothic-urw', sans-serif;
        font-style: normal;
        font-weight: 300;
        font-size: 22px !important;
    }

    .benePanel {
        margin-bottom: 20px;
        padding-top: 10px;
        border: 2px solid #e17509;
    }

    .xs-only-remove-beneficiary-verbiage {
        vertical-align: -1.28571429%;
    }

    .text-align-inherit{
        text-align: inherit !important;
    }

    .margin-bottom-neg-20-xs-sm{
        margin-bottom: -20px;
    }

    .margin-bottom-20-xs-sm{
        margin-bottom: 20px;
    }


    .margin-bottom-15-xs-sm {
        margin-bottom: 15px;
    }
    
    .font-18-xs-sm {
        font-size: 18;
    }

    .no-padding-xs-sm {
        padding: 15px 0 0 0 !important
    }

    .static-form-control-negative-top-margin-xs-sm{
        margin-top: -15px;
    }

    .top-margin-negative-15-xs{
        margin-top: -15px;
    }

    .margin-top-7-xs {
        margin-top: 7px;
    }
    
    .margin-top-10-xs {
        margin-top: 10px;
    }

    .title-text {
        letter-spacing: 0px;
    }

    label {
        font-weight: 700;
        font-size: 20px;
    }

    .center-onoofswitch-label-md-lg {
        display: inherit;
        justify-content: inherit;
        align-items: inherit;
    }

.non-uppercase-heading-text-xs{
    font-family: 'franklin-gothic-urw-cond', sans-serif;
    font-style: normal;
    text-transform: none;
    font-weight: 700;
    letter-spacing: 2px;
    color: #fff;
}

.hr-xs {
    margin-top: 7px;
    margin-bottom: 7px;
    border: 0;
    border-top: 1px solid #eee;
}

.vertical-onoffswitch-label-format {
margin-top: 0 !important;
}


    .padding-top-10-xs-sm {
        padding-top: 10px;
    }


    .padding-top-5-xs-sm {
        padding-top: 5px;
    }


.float-right-xs {
    float: right;
}


    .text-align-right-xs{
        text-align: right;
    }

    .undo-section-class-xs
    {
        background-color: inherit !important;;
        border-left: initial;
        border-top: initial;
        color: initial;
        padding-bottom: initial;
        border-bottom: 1px solid #e3e3e3;
    }

    .backToTop {
        display: none !important;
    }

        /* Force table to not be like tables anymore */
        .responsive-table table,
        .responsive-table thead,
        .responsive-table tbody,
        .responsive-table th,
        .responsive-table td,
        .responsive-table tr {
        display: block;
    }
   
    .xs-margin-bottom-15{
        margin-bottom: 15px;
    }

    .xs-margin-bottom-5{
        margin-bottom: 5px;
    }

    .xs-text-right {
        text-align: right;
    }

    .profilelist-label{
    float : left !important
    }

    .striped-tr-first-row-background-color-xs{
        background-color: #f9f9f9 !important;
        border-top: 1px solid #e3e3e3;
    }

    .profile-item-text{
        margin-top: -25px;
    }

    .profile-edit-icon{
        padding-top: 10px;
    }


    /* Hide table headers (but not display: none;, for accessibility) */
        .responsive-table thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
             
    .responsive-table tr { 
        border: 1px solid #ccc;
    }
              
    .responsive-table td {
        /* Behave like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 37% !important;
        white-space: normal;
        text-align:left;
    }
          
.responsive-table td.full-width {
    /* Behave like a "row" */
    border: none;
    border-bottom: 1px solid #eee;
    position: relative;
    padding-left: 2% !important;
    white-space: normal;
    text-align:left;
    display: block!important;
    background-color: #ffffff !important;
    }


    .responsive-table td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        text-align:left;
        font-weight: bold;
    }
             
    /*
    Label the data
    */
    .responsive-table td:before {
        content: attr(data-title); 
    }

    .responsive-table-display-none{
        display: none !important;
    }

    .responsive-table-toggle-display{
        display: block !important;
    }

    td.no-before-label {
        padding-left: 8px !important;
    }

    .accounts-xs td:after {
        display: block;
        content: attr(data-balance);
        font-size: 22px;
        font-weight: 700;
    }

    .balance {
        font-size: 14px;
        color: #767676;
    }

    .transactions-xs td:after {
        display:block;
        content: attr(data-date);
        color: #767676;
        font-size: 15px;
    }

    .transactions-xs td:before {
        display:block;
        content: attr(data-amount);
        font-size: 18px;
    }

    .accounts-xs {
        margin-bottom: 10px;
    }

    [data-color=dugreen]:after, [data-color=dugreen]:before {
        color: #008540;
    }

    [data-color=dured]:after, [data-color=dured]:before {
        color: #ec1c24;
    }

    [data-color=dugrey]:after, [data-color=dugrey]:before {
        color:#767676;
    }

    .sm-double-input-form-group-left-input{
        padding-right: 15px;
    }

    .sm-double-input-form-group-right-input{
        padding-left: 15px;
    }
    .ViewTransactions > span.bt-stack {
        margin-top: 5px;
    }

    h4, h5 {
        font-size: 20px;
    }

    .transactions .manual, .transactions .pending {
        background-color: #e17509 !important;
        border-left: none;
        border-top: none;
        color: #fff;
        min-height: 54px;
    }

    .transactions .pendingReturns{
        background-color: #C61118 !important;
        border-left: none;
        border-top: none;
        color: #fff;
        min-height: 54px;
    }

    .transactions .manual td, .transactions .posted td, .transactions .pending td, .transactions .pendingReturns td  {
        padding: 12px 9px 12px 8px;
    }

    .transactions .posted {
        background-color: #03a5ec !important;
        border-left: none;
        border-top: none;
        color: #fff;
        min-height: 54px;
    }

    .profile-item-text-xs{
        margin-top: -15px;
        margin-bottom: 7px;
    }

    .text-center-xs {
        text-align: center;
    }

    .no-padding-xs{
        padding: 0  !important;
    }

    .xs-padding-bottom{
        padding-bottom: 30px;
    }
    .xs-margin-top-0 {
        margin-top: 0px;
    }
    .no-border-xs {
        border: none;
    }

    .dl-dupaco > div > div {
        padding-top: 5px;
        padding-bottom: 5px;
        border-bottom: 1px #f3f3f3 solid;
    }
    
    .grey-label {
        padding-bottom: 0px;
    }

    .remove-outer-padding-xs {
        padding-right: 0px;
        padding-left: 0px;
    }

    .bs-wizard > .bs-wizard-step > .progress {
        margin: 25px 0px;
    }

    .no-box-shadow-xs {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .sub-header
    {
        border-left: 0;
        border-top: 0;
        padding: 2px 0 2px 10px;
        background-color:#03a5ec;
        color: #fff;
    }

    .padding-top-5-xs{
        padding-top: 5px;
    }

    .margin-top-20-xs{
        margin-top: 20px;
    }



    .responsive-sub-heading {
        padding-left: 15px !important;
    }
    .responsive-sub-heading td {
        border: 0;
        padding-left: 0 !important;
    }


    .padding-left-2-percent-xs-sm td {
        padding-left: 2% !important;
    }

    .border-bottom-xs {
        border-bottom: 1px solid #ccc;
    }

    .padding-top-bottom-5-xs {
        padding: 5px 0px;
    }

    .border-bottom-xs:last-of-type {
        border-bottom: none;
    }

    .icon-normal-size {
       width: 30px; 
    }

    .icon-selected-size {
        width: 40px; 
        margin-top: -5px;
    }


}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    html, body {
        font-size: 18px;
    }
    
    .monospace {
        font-family: 'franklin-gothic-urw', sans-serif;
        font-style: normal;
        font-weight: 300;
        font-size: 22px !important;
    }

    .margin-bottom-0-sm{
        margin-bottom: 0px;
    }

    .margin-left-neg-5-sm{
        margin-left: -5px;
    }

    .margin-top-neg-11-sm{
        margin-top: -11px;
    }

    .static-form-control-negative-top-margin-xs-sm{
        margin-top: -15px;
    }

    .padding-left-right-0-sm{
        padding-right: 0px;
        padding-left: 0px;
    }

    .margin-bottom-20-xs-sm{
        margin-bottom: 20px;
    }

    .padding-top-10-xs-sm {
        padding-top: 10px;
    }


    .padding-top-5-xs-sm {
        padding-top: 5px;
    }
    margin-bottom-15-xs-sm {
        margin-bottom: 15px;
    }

    .profile-item-text{
        padding-top: 10px;
    }

    .profile-edit-icon{
        padding-top: 9px;
    }

    label {
        font-weight: 700;
        font-size: 20px;
    }

    .no-border-sm {
        border: none;
    }

    .margin-bottom-neg-20-xs-sm{
        margin-bottom: -20px;
    }

    .dl-dupaco > div > div {
        padding-top: 5px;
        padding-bottom: 5px;
        border-bottom: 1px #f3f3f3 solid;

    }

    .center-onoofswitch-label-md-lg {
        display: inherit;
        justify-content: inherit;
        align-items: inherit;
    }
    .normal-font-weight-sm{
        font-weight: 500;
    }
    
    .margin-bottom-5-sm{
        margin-bottom: 5px;
    }
    
    .margin-top-10-sm{
        margin-top: 10px;
    }
    
    .margin-top-5-sm {
        margin-top: 5px;
    }
    
    .text-center-sm {
        text-align: center;
    }

    .grey-label {
        padding-bottom: 0px;
    }

    .padding-top-0-sm {
        padding-top: 0px;
    }

    .padding-left-2-sm {
        padding-left: 2px;
    }

    .bs-wizard > .bs-wizard-step > .progress {
        margin: 25px 0px;
    }

    .no-box-shadow-sm {
        -webkit-box-shadow: none;
        box-shadow: none;
    }
}

.inline-block {
    display: inline-block !important;
}

.duwell-card-security {
    min-height: 240px;
    padding: 20px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border-radius: 4px;
    text-align: center;
}

.duwell-mortgage-tracker {
    min-height: 240px;
    padding: 20px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border-radius: 4px;
    text-align: center;
}

.duwell-mortgage-tracker img {
    width: 125px;
    padding-top:10px;
}

@media (max-width: 990px) {
    .duwell-mortgage-tracker img {
        width: 115px;
        padding-top:5px;
    }
}

@media (max-width: 766px) {
    .duwell-mortgage-tracker img {
        width: 115px;
        padding-top:10px;
    }
}

@media (max-width: 320px) {
    .duwell-mortgage-tracker img {
        width: 105px;
        padding-top:0px;
    }
}

.margin-top-20 {
    margin-top: 20px;
}

.margin-top-5 {
        margin-top: 5px;
    }

.input-lg {
    height: 55px !important;
    font-size: 22px;
}

.input-font-22 {
    font-size: 22px;
    height: 46px;
}
.bubble
{
    color: #fff;
    text-align: center;
	font-size: 18px !important;
}

.bubble-orange
{
    opacity: 0.8;
    border: 2px solid #e17509;
    height: 100%;
    width: 100%;
}

.bubble-red
{
    opacity: 0.8;
    border: 2px solid #ec1c24;
    color: #ec1c24 !important;
    width: 100%;
    height: 100%;
}

.bubble-red i {
	margin-bottom: 5px;
	color: #ec1c24 !important;
}

.bubble-orange i {
	margin-bottom: 5px;
	color: #e17509 !important;
}

.bubble-red .title-text {
	color: #ec1c24 !important;
    text-transform: uppercase;
    font-size: 16px !important;
    font-family: 'franklin-gothic-urw-cond', sans-serif;
    letter-spacing: 0px;
}

.bubble-orange .title-text {
	color: #e17509 !important;
    text-transform: uppercase;
    font-size: 16px !important;
    font-family: 'franklin-gothic-urw-cond', sans-serif;
    letter-spacing: 0px;
}

 div.bubble a {
    padding: 10px 0 5px 0;
    text-decoration: none;
    display: block;
}

div.bubble a span {
    font-size: 18px;
    display:block;
}

div.bubble a p {
    font-weight: normal;
}

div.bubble i {
    xcolor: #fff;
}

.title-text-sm {
    color: #fff !important;
    font-family: 'franklin-gothic-urw-cond', sans-serif;
    font-size: 15px;
}

.title-text-md {
    color: #767676 !important;
    font-family: 'franklin-gothic-urw-cond', sans-serif;
    font-size: 16px;
	text-transform: uppercase;

}

.margin-bottom-5 {
    margin-bottom: 5px;
}

.margin-bottom-15 {
    margin-bottom: 15px;
}

.margin-bottom-20 {
margin-bottom: 20px;

}


.no-bottom-border {
    border-bottom: 0;
}

.vertical-onoffswitch-label-format {
    margin-top: 3px;
}

.no-padding-left{
    padding-left: 0px;
}

.no-padding-right{
    padding-right: 0px;
}

.no-word-wrap{
    white-space: nowrap;
}

.margin-bottom-neg-55{
    margin-bottom: -55px;
}

.title-text.panel-title {
    font-family: 'franklin-gothic-urw-cond', sans-serif;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 700;
}

textarea.message-viewer{
    min-width: 290px;
    min-height: 320px;
}

.radio-list {
    border-bottom: 1px solid #f3f3f3;
}

.break-word{
    word-break: break-word;
}
 
.margin-bottom-neg-25{
    margin-bottom: -25px;
}

@media (min-width: 1200px) {
.container {
    width: 990px;
}
}

    label {
        font-weight: 700;
    }

.form-control-static {
    padding-top: 9px;
    padding-bottom: 0px;
}

.margin-bottom-neg-20{
    margin-bottom: -20px;
}


.pin {
    -webkit-text-security: disc;
    -moz-webkit-text-security: disc;
    -moz-text-security: disc;
}

.padding-right-0{
    padding-right: 0px;
}

.singin-history-signin {
    padding-left: 20px;
    text-align: left;
}

.form-control.disabled:hover, .form-control[disabled]:hover, .form-control[readonly]:hover, .form-control.disabled:focus, .form-control[disabled]:focus, .form-control[readonly]:focus {
    border: solid 2px #c9c9c9;
}

.heading-group .dropdown .dropdown-menu > li > a {
    display: block;
    padding: 5px 0px !important;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #fff;
    white-space: nowrap;
	font-size: 20px !important;
}

.heading-group .dropdown .dropdown-menu > li {
    margin-right: 10px;
    margin-left: 10px;
}

.heading-group .dropdown .dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover {
	color:#333;
	text-decoration:none;
	background-color#0071bb;
}

.heading-group .dropdown .dropdown-menu {
	border-radius: 0px;
	background-color:#0071bb;
	color: #fff;
	box-shadow: none;
	border: 0px;
}

.closeModalBtn {
    -webkit-appearance: none;
    padding: 3px;
    background: 0 0;
    border: 0;
    cursor: pointer;
    float: right;
    font-size: 21px;
    font-weight: 700;
    color: #ccc;
}

.text-18 {
    font-size: 18px;
}

.input-group-addon {
    border: 2px solid #ccc;
}

.not-strong {
    font-weight: normal;
}

.divide {
    border-bottom: 1px #ccc solid; 
    margin-bottom: 10px;
    padding-bottom: 5px;
}

.block {
    display: block;
}

.SidebarAcctList {
    margin-top: 20px;
}

.list-group li {
    margin-left: 0px;
}

.panel ul {
    margin-left: 0px !important;
}

.flex-columns {
    display: block; /* IE < 10, Opera *Presto* Desktop (Now dead) */
    display: -webkit-box; /* Safari 3.1 - 6, Chrome < 21 (2009 Spec), UCBrowser Android */
    display: -moz-box; /* Firefox 2 - 27 (2009 Spec), UCMini Android */
    display: -ms-flexbox; /* IE10 (2012 Syntax) */
    display: -webkit-flex; /* Safari 6.1 - 8, Android < 4.4, BB < 10, Chrome 21 - 28 */
    display: flex; /* Edge 12+, Firefox 28+, Blink, Safari 9+, Opera Mini 8+ */
    flex-wrap: wrap;
}

.no-bottom-margin {
    margin-bottom: 0;
}

.page-toggles {
    padding-bottom: 20px; 
    border-bottom: 1px solid #CCC; 
    padding-top: 10px;
}

.page-toggles-sub-user-pages {
    padding-bottom: 20px; 
    padding-top: 10px;
}

.desktop-visible {
    display: block !important;
}

.mobile-visible {
    display: none !important;
}

@media (max-width: 991px) {
    .desktop-visible {
        display: none !important;
    }

    .mobile-visible {
        display: block !important;
    }
    .mobile-spacing {
        padding-bottom:10px;
    }
    .margin-top-10-mb {
        margin-top:10px;
    }

    .margin-top-bottom-10-mb {
    margin-top: 10px;
    margin-bottom: 10px;
    }
}

.margin-top-neg-5 {
    margin-top: -5px;
}

.flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.flex-grow {
    flex-grow: 1;
}

.flex-center {
    justify-content: center;
}


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

.space-between {
    justify-content: space-between;
}

.space-around {
    justify-content: space-around;
}

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

.flex {
    display:flex;
}

.align-items-center {
    align-items: center;
}

.pointer {
    cursor: pointer;
}

p.padding-top-0 {
padding-top: 0px;
}

div.orBetween{
text-align: center;
}

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

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

.panel-selected{
border-width: 3px;
border-color: #008540;
}

.valid {
    border-style: solid;
    border-width: 1px;
    border-color: #008e39 !important;
    border-left: solid 6px #008e39 !important;
}

.failure {
    border-style: solid;
    border-width: 1px;
    border-color: #d01010 !important;
    border-left: solid 6px #d01010 !important;
}

#goal-progress {
    width: 100%;
    height: 40px;
    margin-top: 5px;
}

#subusertablist>li>a {
    color: #0071bb;
    background-color: #eee;
}

#subusertablist {
    margin-left: 0px;
    padding-top: 0px;
}

#subusertablist>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
    color: #fff;
    background-color: #0071bb;
} 

#referraltabs>li>a {
    color: #0071bb;
    background-color: #eee;
}
#referraltabs>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
    color: #fff;
    background-color: #0071bb;
} 

#subusertablist>li.active {
    margin-left: 0px;
}

.label-nb {
    font-size: 100% !important;
    font-weight: normal;
}

.vertically-center-children{
    display: flex;
    align-items: center;
}

.progress.no-text {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.sorter {
    cursor: move;
}

.sortable-chosen * {
	cursor: move !important; /* fallback: no `url()` support or images disabled */
	cursor: -webkit-grabbing !important; /* Chrome 1-21, Safari 4+ */
	cursor:    -moz-grabbing !important; /* Firefox 1.5-26 */
	cursor:         grabbing !important; /* W3C standards syntax, should come least */
}

.padding-top-0 {
    padding-top: 0px !important;
}

@media only screen and (min-width: 768px) {
    .flex-column-sm {
        flex-direction: column;
    }

    .margin-top-10-sm-md-lg{
        margin-top: 10px;
    }

    .margin-top-20-sm-md-lg{
        margin-top: 20px;
    }

    .margin-top-45-sm-md-lg{
        margin-top: 45px;
    }

    .button-height-55{
    height: 55px;
    }

    .xs-only-remove-beneficiary-verbiage {
        visibility: hidden;
        line-height: 0px;
    }

    .icon-normal-size {
       width: 60px; 
    }

    .icon-selected-size {
        width: 100px; 
        margin-top: -5px;
    }

   .text-center-sm-md-lg {
    text-align: center;
    }

    .center-block-sm-md-lg {
    display: block;
    margin-right: auto;
    margin-left: auto;
    }
}

.edit-acct-btns {
    padding: 10px 10px 10px 10px;
}

.hd-no-padding {
    margin-top: 0px;
    margin-bottom: 0px;
}

.first-li-xs-stack-allign
{
    margin-left: 2px !important;
}

.flex-column {
    flex-direction: column;
}

.first-li-xs-stack-allign
{
    margin-left: 2px !important;
}

.font-italic
{
    font-style: italic;
}

.not-bold
{
    font-weight: normal;
}

.font-weight-510
{
    font-weight: 510;
}

.font-weight-600
{
    font-weight: 600;
}

.break-all-word {
    word-break: break-all;
}

.auto-height {
height: auto;
}

.alert.alert-bottom-margin-0{
    margin-bottom: 0;
}

.rwd-pnt-expire {
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
    padding-top:5px;
    padding-bottom:5px;
    margin-bottom:5px;
    margin-top:5px;
}

.noMarginNoPadding{
    padding: 0;
    margin: 0;
}

.green-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover {
    color:#fff;
    background-color:#008540;
    outline: none;
}

.green-pills>li>a {
    border-radius:0px;
    color:#008540;
}

.footer-routing-number {
    display:block;
    padding-bottom:12px;
}

.footer-copyright {
    display:block;
    padding-top:12px;
}

.ncua-logo {
    float:right;
    width:80%;
}

.footer-links {
    text-align:center;
    padding-bottom:20px;
}

a.unstyle-link-focus, a.unstyle-link-focus:focus, a.unstyle-link-focus:hover{
    outline: none;
    text-decoration: none;
}

a.unstyle-link-focus.row {
    margin-left: 0px;
    margin-right: 0px;
}
.panel-login{   
    box-shadow: 1px 1px 10px 1px grey;
    border-radius: 25px !important;
    overflow: hidden;
    perspective: 1px;
    height: 100%;
    width: 100%;
}

.panel-login .has-feedback{
    text-align: center;
    padding-top: 1%;
    padding-right: 2%;
    padding-bottom: 2%;
    padding-left: 2%;
    width: 100%;

}
.panel-login .input-lg {
    width: 100%;
    height: 1%;
    font-size: 15px;
}

.input-rounded{
    border-radius: 5px !important;
/* For rounding inputs as currently 8/11/2021 we sqaure everything. Use this if rounding is needed */
}
.btn-login
{
    color: #7b490f;
    font-weight: bold;
    background-color: #fbc98f;
    border-color: #fbc98f;
    height: 1%;
}
.btn-login:hover
{
    background-color: darkorange;
    border-color: darkorange;
    color: black;
}

.login-body{
    padding:10%;
}
.orange-href{
color: darkorange;
}
.black-href{
color: black;
border-bottom: 1px solid black;
}

.orange-href:hover{
text-decoration: none;
}
.black-href:hover{
text-decoration: none;
}

.stop-yelling{
    text-transform: none;
    padding-bottom:1px;
    letter-spacing: 0px !important;
}
.login-animation{
    width: 100%;
    height: 55px !important;
    font-size: 22px;
    padding-top:10px;
}

.btn-darkorange
{
    color: black !important;
    background-color: darkorange;
    border-color: darkorange;
}

.the-eye{
    padding-right: 25px;
    padding-top: 6px;
}

.login-style{
    font-style: normal;
    font-size: 15px;
    line-height: 18px;
}

.roboto-font {
    font-family: roboto, sans-serif !important;
}

.btn-rounded{
    border-radius: 16px !important
}

.btn-rounded.btn-primary{
    background: #2787C6;
    color: white;
    border-color: #2787C6
}

.btn.btn-rounded{
    text-transform: initial;
}

.btn-rounded.btn-secondary{
    background: #ffffff;
    color: black;
    border: 2px solid black;
}

.mustard-color{
    color: #F7941D;
}

.roboto-condensed-fine-print{
    font-family: Roboto-Condensed;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    color: #000000 !important;
    
}

canvas#canvas {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2;
    pointer-events: none;
}

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

.side-bar-button{
    width: 132px;
    height: 34px;
    border-radius: 16px !important;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 18px;
    text-align: center;
    color: #FFFFFF;
}

.panel.side-bar-panel{
    width: 190px;
    background: #FFFFFF;
    border: 1px solid #BEBEBE !important;
    box-sizing: border-box;
    border-radius: 10px !important;
    padding-top: 10px;
}

.panel.side-bar-panel>.panel-heading.transparent-heading {
            border-bottom: 0px solid transparent;
            background-color: #f5f5f500;
            padding: 0 0 0 0;
        }


.sidebar-widget-heading-text {
    font-family: Roboto;
    font-size: 20px;
    font-weight: 700;
    line-height: 23px;
    letter-spacing: 0em;
    text-align: center;
}

.side-bar-body{
    font-style: normal; 
    font-weight: 400; 
    font-size: 15px; 
    line-height: 18px; 
    text-align: center; 
    color: #000000;
}

ul.checkmarks {
    list-style: none;
}

ul.checkmarks li {
    list-style-type: none;
    margin-top: 5px;
    margin-left: 10px;
    margin-right: 20px;
}

ul.checkmarks li:first {
    margin-top: 0px;
}

ul.checkmarks li:before {
    content: '';
    display: inline-block;
    background-image: url('https://www3.dupaco.com/dupaco/images/shineonline/check-mark-21x15.png');
    background-size: contain;
    background-repeat: no-repeat;
    height: 12px;
    width: 18px;
    margin-right: 5px;
}

.nowrap {
    flex-wrap: nowrap;
}

.externalAccount-innerText {
  flex-basis: 200px;
  flex-grow: 1;
  flex-shrink: 1;
}

.SubmitRequestBtn {
  min-width: 247.5px;
}

.orangeText{
    color: #E87502;
    font-size: 45px;
}

.orangeButton{
    border: 1px solid #E87502;
    color: #E87502;
}

.business-app-sidebar {
    width: auto;
    height: auto;
    background: #FFFFFF;
    border-radius: 27px !important;
    padding: 20px;
    box-shadow: 0px 0px 6px 2px #00000040;

}

/*
========================================
Views/Style/Default2.ascx - TimeStamp = 20250823_211248
Content is cached - may take 60 seconds for changes to take affect.
========================================
*/