.heading-major-section,
.heading-page {
    font-family: Omnes-ATT-W02-Light
}
html {
    -webkit-overflow-scrolling: touch;
    height: 100%
}
#attLoginWidget  img, #attLoginWidget svg {
    height: auto
}
#attLoginWidget a:focus {
    outline: #000 solid thin
}
#attLoginWidget  img {
    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic
}
#attLoginWidget svg {
    max-width: 100%
}
#attLoginWidget button, #attLoginWidget input,
#attLoginWidget select, #attLoginWidget textarea {
    vertical-align: middle
}
#attLoginWidget ::-moz-focus-inner {
    padding: 0;
    border: 0
}
#attLoginWidget button, #attLoginWidget html input[type=button],
#attLoginWidget input[type=reset], #attLoginWidget input[type=submit] {
    appearance: button;
    cursor: pointer
}
#attLoginWidget button.close, #attLoginWidget select {
    -webkit-appearance: none;
    -moz-appearance: none
}
#attLoginWidget {
    margin: 0 auto;
    padding: 0;
	background-color: #fff;
    color: #333;
    font-size:13px;
	font-family: Omnes-ATT-W02
}
#attLoginWidget *{
	font:16px/16px Omnes-ATT-W02, arial;
}

#attLoginWidget .modal label, #attLoginWidget .modal p, #attLoginWidget .selected-remove li{
    font-size: 13px;
    line-height:18px;
    font-family: Omnes-ATT-W02}

#attLoginWidget #RemoveId-modal.modal {
    display: none;
}

.clearBoth{
	clear: both;
}
.clearfix:after,
.clearfix:before {
    display: table;
    content: "";
    line-height: 0
}
@font-face {
    font-family: Omnes-ATT-W02;
    src: url(https://www.att.com/styles/att/rwd/1.0.0/css/fonts/Omnes_ATTW02.eot);
    src: url(https://www.att.com/styles/att/rwd/1.0.0/css/fonts/Omnes_ATTW02.eot?#iefix) format('embedded-opentype'), url(https://www.att.com/styles/att/rwd/1.0.0/css/fonts/Omnes_ATTW02.woff) format("woff"), url(https://www.att.com/styles/att/rwd/1.0.0/css/fonts/Omnes_ATTW02.woff2) format("woff2"), url(https://www.att.com/styles/att/rwd/1.0.0/css/fonts/Omnes_ATTW02.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: Omnes-ATT-W02-Medium;
    src: url(https://www.att.com/styles/att/rwd/1.0.0/css/fonts/Omnes_ATTW02Medium.eot);
    src: url(https://www.att.com/styles/att/rwd/1.0.0/css/fonts/Omnes_ATTW02Medium.eot?#iefix) format('embedded-opentype'), url(https://www.att.com/styles/att/rwd/1.0.0/css/fonts/Omnes_ATTW02Medium.woff) format("woff"), url(https://www.att.com/styles/att/rwd/1.0.0/css/fonts/Omnes_ATTW02Medium.woff2) format("woff2"), url(https://www.att.com/styles/att/rwd/1.0.0/css/fonts/Omnes_ATTW02Medium.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: Omnes-ATT-W02-Light;
    src: url(https://www.att.com/styles/att/rwd/1.0.0/css/fonts/Omnes_ATTW02Light.eot);
    src: url(https://www.att.com/styles/att/rwd/1.0.0/css/fonts/Omnes_ATTW02Light.eot?#iefix) format('embedded-opentype'), url(https://www.att.com/styles/att/rwd/1.0.0/css/fonts/Omnes_ATTW02Light.woff) format("woff"), url(https://www.att.com/styles/att/rwd/1.0.0/css/fonts/Omnes_ATTW02Light.woff2) format("woff2"), url(https://www.att.com/styles/att/rwd/1.0.0/css/fonts/Omnes_ATTW02Light.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: Omnes-ATT-W02-Italic;
    src: url(https://www.att.com/styles/att/rwd/1.0.0/css/fonts/Omnes_ATTW02Italic.eot);
    src: url(https://www.att.com/styles/att/rwd/1.0.0/css/fonts/Omnes_ATTW02Italic.eot?#iefix) format('embedded-opentype'), url(https://www.att.com/styles/att/rwd/1.0.0/css/fonts/Omnes_ATTW02Italic.woff) format("woff"), url(https://www.att.com/styles/att/rwd/1.0.0/css/fonts/Omnes_ATTW02Italic.woff2) format("woff2"), url(https://www.att.com/styles/att/rwd/1.0.0/css/fonts/Omnes_ATTW02Italic.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: Omnes-ATT-W02-Bold;
    src: url(https://www.att.com/styles/att/rwd/1.0.0/css/fonts/Omnes_ATTW02Bold.eot);
    src: url(https://www.att.com/styles/att/rwd/1.0.0/css/fonts/Omnes_ATTW02Bold.eot?#iefix) format('embedded-opentype'), url(https://www.att.com/styles/att/rwd/1.0.0/css/fonts/Omnes_ATTW02Bold.woff) format("woff"), url(https://www.att.com/styles/att/rwd/1.0.0/css/fonts/Omnes_ATTW02Bold.woff2) format("woff2"), url(https://www.att.com/styles/att/rwd/1.0.0/css/fonts/Omnes_ATTW02Bold.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: Omnes-ATT-W02-Light-Italic;
    src: url(https://www.att.com/styles/att/rwd/1.0.0/css/fonts/Omnes_ATTW02LightItalic.eot);
    src: url(https://www.att.com/styles/att/rwd/1.0.0/css/fonts/Omnes_ATTW02LightItalic.eot?#iefix) format('embedded-opentype'), url(https://www.att.com/styles/att/rwd/1.0.0/css/fonts/Omnes_ATTW02LightItalic.woff) format("woff"), url(https://www.att.com/styles/att/rwd/1.0.0/css/fonts/Omnes_ATTW02LightItalic.woff2) format("woff2"), url(https://www.att.com/styles/att/rwd/1.0.0/css/fonts/Omnes_ATTW02LightItalic.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: Omnes-ATT-W02-Medium-Italic;
    src: url(https://www.att.com/styles/att/rwd/1.0.0/css/fonts/Omnes_ATTW02MediumItalic.eot);
    src: url(https://www.att.com/styles/att/rwd/1.0.0/css/fonts/Omnes_ATTW02MediumItalic.eot?#iefix) format('embedded-opentype'), url(https://www.att.com/styles/att/rwd/1.0.0/css/fonts/Omnes_ATTW02MediumItalic.woff) format("woff"), url(https://www.att.com/styles/att/rwd/1.0.0/css/fonts/Omnes_ATTW02MediumItalic.woff2) format("woff2"), url(https://www.att.com/styles/att/rwd/1.0.0/css/fonts/Omnes_ATTW02MediumItalic.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: Omnes-ATT-W02-Bold-Italic;
    src: url(https://www.att.com/styles/att/rwd/1.0.0/css/fonts/Omnes_ATTW02BoldItalic.eot);
    src: url(https://www.att.com/styles/att/rwd/1.0.0/css/fonts/Omnes_ATTW02BoldItalic.eot?#iefix) format('embedded-opentype'), url(https://www.att.com/styles/att/rwd/1.0.0/css/fonts/Omnes_ATTW02BoldItalic.woff) format("woff"), url(https://www.att.com/styles/att/rwd/1.0.0/css/fonts/Omnes_ATTW02BoldItalic.woff2) format("woff2"), url(https://www.att.com/styles/att/rwd/1.0.0/css/fonts/Omnes_ATTW02BoldItalic.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

.containerLogin a:link, .containerLogin a{
    text-decoration: none;
	color:#0574ac;font-family: Omnes-ATT-W02;
    font-size: 14px;
    line-height: 18px;

}
.containerLogin a:focus, .containerLogin a:hover, .containerLogin a:visited {
    text-decoration: underline;font-family: Omnes-ATT-W02;
    font-size: 14px;
}
[class*=has-icon] {
    display: inline-block;
    position: relative;
    padding-left: 30px
}
[class*=has-icon] svg {
    position: absolute;
    left: 0;
    top: 0;
    height: 20px;
    width: 20px;
    vertical-align: bottom
}
[class*=has-icon] svg path {
    fill: #0574ac
}
.containerLogin ul {
    padding: 0;
    margin: 0
}
.containerLogin .row-nowrap:after,
.containerLogin .row-nowrap:before,
.containerLogin .row:after,
.containerLogin .row:before {
    display: table;
    content: "";
    line-height: 0
}
.containerLogin  .row,
.containerLogin  .row-nowrap {
    margin: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    display: block\9
}
.containerLogin .row-nowrap>[class*=span],
.containerLogin .row>[class*=span] {
    float: left;
    margin-right: 14px;
    margin-right: 1.40845%\9
}
.containerLogin .row-nowrap>[class*=span]:last-child,
.containerLogin .row>[class*=span]:last-child {
    margin-right: 0
}
.containerLogin .row-nowrap.no-flex,
.containerLogin .row.no-flex {
    display: block
}
.containerLogin .row-nowrap.no-flex>[class*=span],
.containerLogin .row.no-flex>[class*=span] {
    margin-right: 1.40845%
}
.containerLogin .row-nowrap.no-flex>[class*=span]:last-child,
.containerLogin .row.no-flex>[class*=span]:last-child {
    margin-right: 0
}
.containerLogin .row-nowrap.flex-justify,
.containerLogin .row.flex-justify {
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between
}
.containerLogin .row-nowrap.flex-justify>[class*=span],
.containerLogin .row.flex-justify>[class*=span] {
    -webkit-flex: 1 1 0;
    -ms-flex: 1 1 0;
    -webkit-box-flex: 1;
    flex: 1 1 0
}
.containerLogin .row-nowrap.flex-justify>.flex-col,
.containerLogin .row.flex-justify>.flex-col {
    margin-right: 14px;
    margin-right: 1.40845%\9
}
.containerLogin .span3 {
    width: 23.943662%
}
.containerLogin .span4 {
    width: 32.394366%
}
.containerLogin .span12 {
    width: 100%
}
.align-left .containerLogin {
    padding-left: 0!important;
    margin: 0!important
}
@font-face {
    font-family: icoPrimaryWidget;
    src: url(https://www.att.com/ui/frameworks/rwd/2017.01/styles/2.0.0/fonts/icons/icoPrimary.eot?gkuexa);
    src: url(https://www.att.com/ui/frameworks/rwd/2017.01/styles/2.0.0/fonts/icons/icoPrimary.eot?gkuexa#iefix) format('embedded-opentype'), url(https://www.att.com/ui/frameworks/rwd/2017.01/styles/2.0.0/fonts/icons/icoPrimary.ttf?gkuexa) format('truetype'), url(https://www.att.com/ui/frameworks/rwd/2017.01/styles/2.0.0/fonts/icons/icoPrimary.woff?gkuexa) format('woff'), url(https://www.att.com/ui/frameworks/rwd/2017.01/styles/2.0.0/fonts/icons/icoPrimary.svg?gkuexa#icoPrimary) format('svg');
    font-weight: 400;
    font-style: normal
}

#attLoginWidget label{display:inline-block}
#attLoginWidget .checkbox input:checked+.field-skin:after,
#attLoginWidget [class*=icon-] {
    font-family: icoPrimaryWidget!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
#attLoginWidget .icon-checkboxchecked:before {
    content: "\e917"
}
#attLoginWidget .checkbox input:checked+.field-skin:after,
.icon-check:before {
    content: "\e921"
}
.help-tooltip{
    content: "";
    left: 0;
    top: 0
}
.login-close,
.clear-field {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: 0 0;
    height: 40px;
    width: 40px
}
.login-close:before,
.clear-field:before{
    background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020.5%2020.5%22%3E%3Cpath%20d%3D%22M19.8%2016.9c.8.8.8%202%200%202.8-.4.4-.9.6-1.4.6s-1-.2-1.4-.6L10.3%2013l-6.7%206.7c-.4.4-.9.6-1.4.6s-1-.2-1.4-.6c-.8-.8-.8-2%200-2.8l6.7-6.7L.7%203.6C0%202.8%200%201.5.7.7c.8-.8%202-.8%202.8%200l6.7%206.7L16.9.7c.8-.8%202-.8%202.8%200%20.8.8.8%202%200%202.8L13%2010.2l6.8%206.7z%22%2F%3E%3C%2Fsvg%3E)
}
.help-tooltip {
    background-color: #089eda;
    border: 1px solid transparent;
    border-radius: 50%;
    height: 22px;
    position: relative;
    width: 22px;
    z-index: 0
}
.help-tooltip:after{
    background-color: #fff;
    background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2030.6%2030.6%22%3E%3Cpath%20fill%3D%22%230574ac%22%20d%3D%22M30.3%2015.3c0%208.3-6.7%2015-15%2015s-15-6.7-15-15S7%20.3%2015.3.3s15%206.7%2015%2015zM13.5%2019h2.2c0-3.7%205.2-3.4%205.2-7.7%200-2.6-2.1-4.5-5.5-4.5-3.9%200-5.7%202.6-5.7%204.2%200%201.4%201.8%201.5%201.9%201.4.2-1.6%201.2-3.4%203.8-3.4%201.9%200%203%201%203%202.5%200%202.8-4.4%202.3-4.8%207.2l-.1.3zm-.4%203.9c0%20.9.5%201.4%201.4%201.4h.4c1%200%201.5-.5%201.5-1.4v-.3c0-.9-.5-1.5-1.5-1.5h-.4c-.9%200-1.4.5-1.4%201.5v.3z%22%2F%3E%3C%2Fsvg%3E);
    height: 22px;
    left: -1px;
    position: absolute;
    top: -1px;
    width: 22px;
    z-index: 1
}
#attLoginWidget .login-widget .btn-login,
#attLoginWidget .login-widget label,
#attLoginWidget .login-widget legend {
    font-family: Omnes-ATT-W02-Medium
}
#attLoginWidget .modal h2{ font-family:Omnes_att_ii_regular}
.btn-login,
.btn-login-group,
.btn-login-group>.btn-login {
    position: relative
}
.btn-login {
    background-color: transparent;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border-radius: 8px;
    cursor: pointer;
    display: inline-block!important;
    font-size: 14px;
    font-weight: 400;
    margin: 10px 7px 0 0;
    max-width: 370px;
    min-width: 60px;
    overflow: hidden;
    padding: 0 19px 0 18px;
    white-space: nowrap
}
.btn-login:last-child {
    margin-right: 0
}
.btn-login::-moz-focus-inner {
    padding: 0;
    border: 0
}
a.btn-login {
    padding: 10px 19px 10px 18px
}
a.btn-login:hover {
    text-decoration: none
}
.btn-login-primary {
    border-color: #ef6f00;
    background-color: #ef6f00;
    background: -webkit-linear-gradient(top, #fd7703 0, #ef6f00 25%, #e06100 100%);
    background: linear-gradient(to bottom, #fd7703 0, #ef6f00 25%, #e06100 100%);
    color: #fff
}
.btn-login-primary:active,
.btn-login-primary:focus,
.btn-login-primary:hover {
    text-decoration: none;
    color: #fff;
    outline-color: #fff!important;
    background: -webkit-linear-gradient(top, #e06100 0, #fd7703 75%, #fd7703 100%);
    background: linear-gradient(to bottom, #e06100 0, #fd7703 75%, #fd7703 100%)
}
.btn-login-secondary {
    border: 1px solid #ccc;
    background-color: #f6f6f6;
    background: -webkit-linear-gradient(top, #fff 0, #f6f6f6 50%, #f6f6f6 100%);
    background: linear-gradient(to bottom, #fff 0, #f6f6f6 50%, #f6f6f6 100%);
    color: #0574ac
}
.btn-login-secondary:active,
.btn-login-secondary:focus,
.btn-login-secondary:hover {
    color: #0574ac;
    outline-color: #000!important;
    background: -webkit-linear-gradient(top, #f6f6f6 0, #fff 50%, #fff 100%);
    background: linear-gradient(to bottom, #f6f6f6 0, #fff 50%, #fff 100%)
}
.btn-login-alt {
    border-color: #0574ac;
    background-color: #0574ac
}
.btn-login-alt:active,
.btn-login-alt:focus,
.btn-login-alt:hover {
    color: #fff;
    outline-color: #fff!important;
    background: -webkit-linear-gradient(top, #0574ac 0, #078cc5 50%, #078cc5 100%);
    background: linear-gradient(to bottom, #0574ac 0, #078cc5 50%, #078cc5 100%)
}
.btn-login-specialty {
    border-color: #1b7e28;
    background-color: #1b7e28;
    background: -webkit-linear-gradient(top, #2b910b 0, #1b7e28 50%, #1b7e28 100%);
    background: linear-gradient(to bottom, #2b910b 0, #1b7e28 50%, #1b7e28 100%);
    color: #fff
}
.btn-login-specialty:active,
.btn-login-specialty:focus,
.btn-login-specialty:hover {
    color: #fff;
    outline-color: #000!important;
    background: -webkit-linear-gradient(top, #1b7e28 0, #1b7e28 50%, #2b910b 100%);
    background: linear-gradient(to bottom, #1b7e28 0, #1b7e28 50%, #2b910b 100%)
}
.btn-login-urgent {
    border-color: #cf2a2a;
    background-color: #cf2a2a;
    background: -webkit-linear-gradient(top, #cf2a2a 0, #cf2a2a 25%, #cf2a2a 100%);
    background: linear-gradient(to bottom, #cf2a2a 0, #cf2a2a 25%, #cf2a2a 100%);
    color: #fff
}
.btn-login-urgent:active,
.btn-login-urgent:focus,
.btn-login-urgent:hover {
    color: #fff;
    outline-color: #fff!important;
    background: -webkit-linear-gradient(top, #cf2a2a 0, #cf2a2a 25%, #cf2a2a 100%);
    background: linear-gradient(to bottom, #cf2a2a 0, #cf2a2a 25%, #cf2a2a 100%)
}
.btn-login-utility {
    border-color: #000;
    background-color: #262626;
    background: -webkit-linear-gradient(top, #262626 0, #262626 50%, #000 100%);
    background: linear-gradient(to bottom, #262626 0, #262626 50%, #000 100%);
    color: #fff;
    height: 30px!important;
    padding: 6px 20px;
    font-size: 14px
}
.btn-login-utility:active,
.btn-login-utility:focus,
.btn-login-utility:hover {
    color: #fff
}
.btn-login-utility+.btn-login-utility {
    border-left: 1px solid #3F3F3F;
    padding-left: 0;
    padding-right: 0;
    min-width: 40px
}
.btn-login-max {
    width: 100%
}
.btn-login-medium {
    height: 42px
}
.btn-login-small {
    height: 36px;
    font-size: 14px;
    border-radius: 8px
}
.btn-login-mini {
    padding: 5px 20px;
    font-size: 12px;
    border-radius: 8px
}
.btn-login-group-small>.btn-login,
.btn-login-quantity-toggle .btn-login {
    font-size: 12px;
    font-weight: 700;
    text-align: center
}
.btn-login.btn-login-secondary-blue:disabled{
	background: #cac9ca;border-color: #cac9ca
}
.btn-login:focus {
    outline: #000 solid thin;
    outline-offset: -4px
}
.btn-login.active,
.btn-login:active {
    outline: 0
}
.btn-login-group>.btn-login,
.btn-login-group>.btn-login.active {
    margin-right: -1px
}
.btn-login-group {
    display: inline-block
}
.btn-login-group>.btn-login {
    float: left
}
.btn-login-group[data-btn-login-qty="3"]>.btn-login {
    width: 33.5%
}
.btn-login-group[data-btn-login-qty="2"]>.btn-login {
    width: 50%
}
.btn-login-group.btn-login-max {
    min-width: 290px;
    max-width: 470px
}
.btn-login-group:not([data-select-color])>.btn-login.active {
    border-color: #0574ac;
    background-color: #0574ac;
    background: -webkit-linear-gradient(top, #078cc5 0, #0574ac 50%, #0574ac 100%);
    background: linear-gradient(to bottom, #078cc5 0, #0574ac 50%, #0574ac 100%);
    color: #fff
}
.btn-login-group:not([data-select-color])>.btn-login.active:active,
.btn-login-group:not([data-select-color])>.btn-login.active:focus,
.btn-login-group:not([data-select-color])>.btn-login.active:hover {
    color: #fff;
    outline-color: #fff!important;
    background: -webkit-linear-gradient(top, #0574ac 0, #078cc5 50%, #078cc5 100%);
    background: linear-gradient(to bottom, #0574ac 0, #078cc5 50%, #078cc5 100%)
}
.btn-login-group:not([data-select-color])>.btn-login:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0
}
.btn-login-group:not([data-select-color])>.btn-login:first-child:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}
.btn-login-group:not([data-select-color])>.btn-login:last-child:not(:first-child),
.btn-login-group:not([data-select-color])>.dropdown-toggle:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}
.btn-login-group>.active {
    text-decoration: none
}
.btn-login-group>.active:focus {
    outline: #fff dotted 1px
}
.btn-login-group>.active+.btn-login-group>.active {
    border-left-color: #ccc
}
.btn-login-group-small {
    max-width: 470px;
    min-width: 64px
}
.btn-login-group-small .btn-login,
.btn-login-group-small .btn-login.active {
    height: 30px;
    padding: 5px
}
.btn-login-group-small>.btn-login {
    padding: 5px
}
.btn-login-group-small .btn-login {
    width: 35px;
    min-width: 35px;
    padding-left: 0;
    padding-right: 0;
    text-align: center
}
.btn-login-grid-view,
.btn-login-list-view {
    margin-right: 0
}
.btn-login-grid-view:not(.btn-login-group-small)>.btn-login {
    height: 46px
}
.btn-login-grid-view:not(.btn-login-group-small)>.btn-login-medium {
    height: 42px
}
.btn-login-grid-view:not(.btn-login-group-small)>.btn-login-small {
    height: 36px
}
.btn-login-quantity-toggle {
    vertical-align: baseline;
    margin-bottom: 0
}
.btn-login-quantity-toggle .btn-login {
    padding: 5px
}
.btn-login-group-small[data-max-select]>.btn-login {
    padding: 12px 20px 13px!important
}
.btn-login-group-small[data-max-select]>.btn-login-medium {
    padding: 10px 20px 11px!important
}
.btn-login-group-small[data-max-select]>.btn-login-small {
    white-space: nowrap;
    padding: 5px 0!important
}
.btn-login-group-small>.btn-login {
    width: 44px
}
.btn-login-quantity-toggle .btn-login {
    width: 42px;
    height: 35px;
    letter-spacing: normal;
    outline-offset: -4px
}
.btn-login-quantity-toggle [data-max-quantity] {
    padding: 4px 0;
    text-align: center;
    width: 46px;
    font-size: 14px;
    text-indent: -1.5px;
    border-right: 0;
    margin: 0 1px;
    border-left-color: #0574ac!important
}
.btn-login-quantity-toggle .btn-login[disabled],
.btn-login-quantity-toggle .btn-login[disabled]+[data-max-quantity] {
    border-color: #ccc!important
}
.btn-login-quantity-toggle .cssIcon-minus,
.btn-login-quantity-toggle .cssIcon-plus {
    position: relative;
    top: 0
}
.btn-login-quantity-toggle .cssIcon-minus:before,
.btn-login-quantity-toggle .cssIcon-plus:before {
    margin-left: -7px;
    margin-top: 0;
    top: 50%;
    width: 12px
}
.btn-login-quantity-toggle .cssIcon-plus:after {
    height: 12px;
    margin-left: -1px;
    margin-top: -6px
}
.btn-login-quantity-toggle .btn-login[disabled]>.cssIcon-minus:after,
.btn-login-quantity-toggle .btn-login[disabled]>.cssIcon-minus:before,
.btn-login-quantity-toggle .btn-login[disabled]>.cssIcon-plus:after,
.btn-login-quantity-toggle .btn-login[disabled]>.cssIcon-plus:before {
    border-color: #fff!important
}
[data-select-color] .btn-login {
    border-color: #999;
    border-radius: 4px;
    margin-right: 10px;
    padding: 0;
    font-size: 16px;
    color: #333
}
[data-select-color] .btn-login:-moz-focus-inner {
    padding: 0
}
.btn-login-fill {
    background-clip: padding-box;
    border: 0;
    border-radius: 4px;
    bottom: 0;
    display: block;
    height: auto;
    left: 0;
    margin: 5px;
    position: absolute;
    right: 0;
    top: 0;
    width: auto
}
.btn-login-fill[style*="#fff"] {
    border: 1px solid #ccc
}
[data-select-color] .btn-login.active,
[data-select-color] .btn-login:active {
    background: 0 0!important;
    outline: 0;
    margin-right: 10px;
    border-width: 3px;
    color: #333
}
.gridView .thumbnails>li a:focus,
.listView .thumbnails a:focus {
    outline-offset: -4px
}
[data-select-color] .btn-login.active>.btn-login-fill,
[data-select-color] .btn-login:active>.btn-login-fill {
    margin: 3px
}
[data-select-color] .btn-login.active:hover,
[data-select-color] .btn-login:active:hover {
    color: #333
}
.btn-login-group[data-select-color=orange]>.btn-login.active {
    border-color: #ef6f00
}
.btn-login-group[data-select-color=blue]>.btn-login.active {
    border-color: #0574ac
}
.btn-login-group[data-select-color=green]>.btn-login.active {
    border-color: #1b7e28
}

.login-widget fieldset,
.login-widget form {
    margin: 0
}
.carousel-caption p {
    margin-bottom: 0
}
.login-widget input:-ms-clear {
    display: none
}
.login-widget fieldset {
    padding: 0;
    border: 0
}
.login-widget label,
.login-widget legend {
    display: inline-block;
    font-size: 14px
}
.login-widget legend {
    display: block
}
.login-widget .error-msg {
    display: none
}
.login-widget .warning-msg {
    display: none
}
.login-widget input, .login-widget select, .login-widget textarea, .login-widget input[type="text"] {
    border-radius: 6px;
    color: #333;
    display: inline-block;
    font-size: 1.6rem;
	line-height: 2.5rem;
    margin: 0;
    padding: 4px 15px 5px
}
.login-widget input:-webkit-input-placeholder, .login-widget select:-webkit-input-placeholder,
.login-widget textarea:-webkit-input-placeholder {
    color: #767676;
    font-family: Omnes-ATT-W02-Italic;
    font-style: normal;
    padding: 6px 15px 7px
}
.login-widget input:-moz-placeholder,
.login-widget select:-moz-placeholder,
.login-widget textarea:-moz-placeholder {
    color: #767676;
    font-family: Omnes-ATT-W02-Italic;
    font-style: normal;
    padding: 6px 15px 7px
}
.login-widget input::-moz-placeholder,
.login-widget select::-moz-placeholder,
.login-widget textarea::-moz-placeholder {
    color: #767676;
    font-family: Omnes-ATT-W02-Italic;
    font-style: normal;
    padding: 6px 15px 7px
}
.login-widget input:-ms-input-placeholder,
.login-widget select:-ms-input-placeholder,
.login-widget textarea:-ms-input-placeholder {
    color: #767676;
    font-family: Omnes-ATT-W02-Italic;
    font-style: normal;
    padding: 6px 15px 7px
}
.login-widget input:placeholder,
.login-widget select:placeholder,
.login-widget textarea:placeholder {
    color: #767676;
    font-family: Omnes-ATT-W02-Italic;
    font-style: normal;
    padding: 6px 15px 7px
}
.login-widget input:last-child,
.login-widget select:last-child,
.login-widget textarea:last-child {
    margin-right: 0
}
.input-enhanced {
    font-size: 14px;
    padding: 11px 20px 13px
}
.input-enhanced+.btn-login-search[class*=btn-login],
.input-enhanced+.clear-field+.btn-login-search[class*=btn-login] {
    height: 48px;
    top: 1px;
    outline-offset: -3px;
    margin-bottom: 0;
    border-radius: 0
}
[data-provide=datepicker]:-moz-placeholder,
[data-provide=datepicker]:-ms-input-placeholder,
[data-provide=datepicker]:-webkit-input-placeholder,
input[data-provide=datepicker] {
    color: #0574ac!important;
    opacity: 1;
    filter: alpha(opacity=100)
}
#attLoginWidget .cssIcon-calendar.disabled,
#attLoginWidget .cssIcon-calendar.readonly,
#attLoginWidget input[disabled],
#attLoginWidget input[readonly],
#attLoginWidget select[disabled],
#attLoginWidget select[readonly],
#attLoginWidget textarea[disabled],
#attLoginWidget textarea[readonly] {
    cursor: not-allowed;
    background-color: #eee;
    box-shadow: none
}
.cssIcon-calendar.disabled input,
.cssIcon-calendar.readonly input {
    color: #959595!important
}
textarea {
    display: block;
    width: 100%;
    max-width: 100%;
    padding-top: 7px;
    padding-bottom: 7px
}
textarea.small {
    line-height: 20px
}
textarea+.clear-field {
    display: none
}
.login-widget input, .login-widget textarea, .login-widget input[type="text"] {
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: 2px 3px 2px -2px rgba(0, 0, 0, .08) inset;
    -webkit-transition: all .3s linear 0s;
    transition: all .3s linear 0s;
	height:auto;
 	min-height:34px;
}
.login-widget input.lgwgPassword:focus { background-color: #fff;}
.login-widget input:focus, .login-widget textarea:focus {
    outline: 0;
    border-color: #0574ac;
    box-shadow: 2px 3px 2px -2px rgba(5, 116, 172, .35) inset
}
.input-append {
    display: table
}
.input-append>div {
    display: table-cell;
    width: 1%
}
.input-append>.field-group {
    width: 100%
}
.row .field-group input[class*=span] {
    float: none
}
span.field-group {
    position: relative;
    display: inline-block
}
div.field-group {
    position: relative;
    display: block
}
#attLoginWidget .field-group input:not([type=button]) {
    padding-right:43px
}

.field-group input:not([type=button])[disabled] {
    padding-right: 6px
}
#attLoginWidget .checkbox, .login-widget .radio {
    position: relative;
    min-height: 24px;
	margin-bottom:0;
}
#attLoginWidget .checkbox input, .login-widget .radio input {
    -webkit-tap-highlight-color: transparent;
    height: 10px;
    margin: 6px;
    opacity: 0;
    outline: 0;
    position: absolute;
    left: 1px;
    top: 1px;
    width: 10px;
    min-height: 10px;
}
#attLoginWidget .checkbox input+.field-skin,
#attLoginWidget .radio input+.field-skin {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    display: inline-block;
    height: 22px;
    left: 0;
    position: absolute;
    top: 0;
    width: 23px
}
#attLoginWidget .checkbox input+.field-skin+span,
#attLoginWidget .radio input+.field-skin+span {
    display: inline-block;
    margin-left: 28px;
    margin-top: 0;
    position: relative;
    top: 3px
}
#attLoginWidget .checkbox input:focus+.field-skin,
#attLoginWidget .radio input:focus+.field-skin {
    border-color: #0574ac
}
#attLoginWidget .checkbox input:disabled,
.radio input:disabled {
    -webkit-tap-highlight-color: transparent
}
#attLoginWidget .checkbox input:disabled+.field-skin,
#attLoginWidget .radio input:disabled+.field-skin {
    background-color: #e4e4e4
}
#attLoginWidget .checkbox input:disabled+.field-skin+span,
#attLoginWidget .radio input:disabled+.field-skin+span {
    color: #666;
    cursor: not-allowed
}
#attLoginWidget .checkbox input:disabled:checked+.field-skin:after,
#attLoginWidget .radio input:disabled:checked+.field-skin:after {
    font-size: 23.4px;
    color: #666
}
#attLoginWidget .checkbox.inline,
#attLoginWidget .radio.inline {
    display: inline-block;
    margin-bottom: 10px;
    margin-right: 10px
}
.checkbox.inline:last-child,
.radio.inline:last-child {
    margin-right: 0
}
#attLoginWidget .checkbox label,
#attLoginWidget .radio label {
    padding: 3px 0 0 35px;
    position: relative;
    z-index: 1
}
#attLoginWidget .radio input+.field-skin+span {
    top: 6px
}
#attLoginWidget .radio input:checked+.field-skin:after {
    background-color: #0574ac;
    border-radius: 50%;
    content: "";
    display: block;
    height: 16px;
    left: 3px;
    position: absolute;
    top: 3px;
    width: 16px
}
#attLoginWidget .checkbox input:checked:not(:disabled)+.field-skin {
    background-color: #0574ac;
    border-color: #0574ac
}
#attLoginWidget .checkbox input:checked+.field-skin:after {
    height: 24px;
    width: 24px;
    background-color: transparent;
    font-size: 23.4px;
	line-height:21px;
    color: #fff;
}
#attLoginWidget .radio input+.field-skin {
    border-radius: 50%
}
.login-widget input:invalid, .login-widget select:invalid, .login-widget textarea:invalid {
    outline: 0!important
}
.login-widget .form-row,
.login-widget legend+.form-row {
    margin-top: 20px
}
.login-widget .help-tooltip {
    position: absolute
}
.login-widget .field-group.tooltip-onclick input+.clear-field {
    right: 37px
}
.login-widget .tooltip-onclick .help-tooltip {
    border: none;
    padding: 0 22px;
    width: 53px;
    height: 34px;
    margin: 0;
    position: relative;
    background-color: transparent
}
.login-widget .tooltip-onclick .help-tooltip:focus {
    outline: #000 solid 1px;
    outline-offset: -3px
}
.login-widget .help-tooltip:after {
    content: " ";
    position: absolute;
    right: 15px;
    top: 7px
}
.login-widget .tooltip-helpertext {
    display: none;
    background-color: #0574ac;
    border-radius: 6px;
    color: #fff;
    padding: 20px;
    position: absolute;
    width: 100%;
    z-index: 1009;
	bottom:67px;
	box-sizing: border-box
}
.login-widget .tooltip .svgIcon-tooltip.active+.tooltip-wrapper .tooltip-helpertext,
.login-widget .tooltip-onclick .tooltip-helpertext.active,
.login-widget .tooltip-onfocus input:focus+.tooltip-helpertext {
    display: block
}
.login-widget .tooltip .svgIcon-tooltip+.tooltip-wrapper {
    position: absolute;
    margin-top: 2px;
    left: 0;
    width: 100%;
    opacity: 0;
    z-index: 1010;
    text-align: left
}
.login-widget label+.tooltip .svgIcon-tooltip+.tooltip-wrapper {
    margin-top: 7px
}
.login-widget .tooltip .svgIcon-tooltip.active+.tooltip-wrapper {
    opacity: 1
}
.login-widget .tooltip-onclick .help-tooltip.active:before,
.login-widget .tooltip-onfocus input.active+.clear-field+.tooltip-helpertext:before {
    background-color: #0574ac;
    content: "";
    display: block;
    height: 15px;
    margin: 0;
    position: absolute;
    bottom:29px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 15px;
    left: 11px;
    z-index:1024
}
.login-widget .tooltip-onclick .tooltip-helpertext.active:before {
    left: inherit;
    right: 15px
}
.login-widget button.awd-select {
    font-size: 14px;
    text-align: left;
    top: 0
}
.login-widget select {
    margin-right: -1;
    max-width: 100%;
    height: 36px;
    line-height: 25px;
    width: auto;
    background-color: #fff
}
.login-widget [disabled] .dropdown-arrow {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAyNS45IDE1IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNS45IDE1IiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBmaWxsPSIjNjY2IiBkPSJNMC4zLDIuNkMwLjMsMiwwLjUsMS40LDEsMC45YzAuOS0wLjksMi41LTAuOSwzLjQsMGw4LjYsOC42bDguNi04LjZjMC45LTAuOSwyLjUtMC45LDMuNCwwYzAuOSwwLjksMC45LDIuNSwwLDMuNGwtOS42LDkuNmMtMC42LDAuNi0xLjUsMS0yLjQsMWMtMC45LDAtMS44LTAuNC0yLjQtMUwxLDQuM0MwLjUsMy44LDAuMywzLjIsMC4zLDIuNiIvPjwvc3ZnPg==)
}
.login-widget button.awd-select {
    background-color: transparent !important;
    border:0;
    display: block;
    height: 35px;
    line-height: 35px;
    margin-bottom: 0;
    padding: 0;
    position: absolute;
    text-indent: 14px;
    width: 17%;
    z-index: 10;
	right:0;
}
.login-widget button.awd-select:focus {
    outline: 0;
}
.login-widget button.awd-select i {
    position: absolute;
    right: 11px;
    top: 12px;
    z-index: 1000
}
.login-widget .awd-select-list {
    box-shadow: 1px 1px 2px rgba(0, 0, 0, .15);
    border-radius: 0 0 6px 6px;
    position: absolute;
    border: 1px solid #ccc;
    border-top: 0;
    /*padding: 15px 0;*/
    background-color: #f6f6f6;
    z-index: 1000;
    width: calc(100% - 2px);
    max-height: 400px;
    overflow-y: auto;
	/*top:40px;*/
}
.login-widget .awd-select-list-item {
    position: relative;
    z-index: 1000;
    padding: 10px 15px;
    line-height: 18px
}
.login-widget .awd-select-list-item:focus,
.login-widget .awd-select-list-item:hover {
    cursor: pointer;
    background-color: #e4e4e4
}
.login-widget .awd-select-list-item img {
    margin-top: -3px;
    margin-right: 8px
}
.login-widget .awd-select-list-item[aria-selected=true] {
    font-family: Omnes-ATT-W02-Medium;
    background-color: #e4e4e4
}
.login-widget li.optgroup-wrapper {
    font-family: Omnes-ATT-W02-Medium;
    border-top: 1px solid #ccc;
    padding: 15px
}
.login-widget li.optgroup-wrapper:hover {
    background-color: #f6f6f6
}
ul.optgroup {
    font-family: Omnes-ATT-W02;
    margin: 0 -15px
}
ul.optgroup li {
    padding: 0 0 0 30px
}
.selectWrap {
    border-radius: 6px;
    position: relative;
    height: 33px;
    line-height: 28px;
    display: inline-block;
    margin: 0;
    width: 100%;
    background: linear-gradient(to bottom, #fff 0, #f6f6f6 100%);
    background: -webkit-linear-gradient(top, #fff 0, #f6f6f6 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#f6f6f6", GradientType=0);
	position:relative
}
#select1a:after {
    background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2025.9%2015%22%3E%3Cpath%20fill%3D%22%230467ad%22%20d%3D%22M.3%202.6c0-.6.2-1.2.7-1.7.9-.9%202.5-.9%203.4%200L13%209.5%2021.6.9c.9-.9%202.5-.9%203.4%200%20.9.9.9%202.5%200%203.4l-9.6%209.6c-.6.6-1.5%201-2.4%201-.9%200-1.8-.4-2.4-1L1%204.3C.5%203.8.3%203.2.3%202.6%22%2F%3E%3C%2Fsvg%3E);
    content: "";
    position: absolute;
    right: 15px;
    top: 13px;
    display: block;
    width: 16px;
    height: 9px;
    z-index: 0;
}
#select1a:focus:after{
border:#0574ac 1px dotted
}
.group .selectWrap {
    margin: 0 0 10px
}
select.awd-select {
    position: relative;
    top: 0;
    left: 0;
    font-size: 16px;
    z-index: 1010;
    height: 33px;
    min-width: 100%;
    opacity: .0001;
    margin-bottom: 10px
}
select.awd-select>optgroup {
    padding-left: 8px;
    font-style: normal;
    margin-top: 10px
}
select.awd-select>optgroup:first-child {
    margin-top: 0
}
select.awd-select>optgroup>option,
select.awd-select>option {
    padding-left: 8px
}
#attLoginWidget select.awd-select+span {
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    display: block;
    border: 1px solid #ccc;
    border-radius: 6px;
    height: 35px;
    line-height: 35px;
    padding: 0;
    text-indent: 15px;
    width: 100%;
    font-size: 14px
}
select.awd-select:focus+span {
    outline: #000 dotted thin;
    outline-offset: -5px
}
select.awd-select+span>i {
    position: absolute;
    right: 11px;
    top: 12px;
    z-index: 1000
}
.placeholdercolor,
[data-default-option=true] {
    color: #767676!important
}
.filterTank button.awd-select,
.utility-bg button.awd-select,
.utility-bg select.awd-select+span,
.utility-bg select.awd-select:focus+span,
.utility-bg select.awd-select:hover+span {
    border-color: #ccc;
    background-color: #333;
    color: #fff
}
.filterTank button.awd-select:after,
.utility-bg button.awd-select:after,
.utility-bg select.awd-select+span:after,
.utility-bg select.awd-select:focus+span:after,
.utility-bg select.awd-select:hover+span:after {
    background-color: #fff!important;
    border-color: #ccc
}
.filterTank button.awd-select,
.utility-bg button.awd-select {
    color: #333
}
button.awd-select[disabled],
select.awd-select[disabled=disabled]+span,
select.awd-select[disabled=disabled]:focus+span,
select.awd-select[disabled=disabled]:hover+span,
select.awd-select[disabled]+span,
select.awd-select[disabled]:focus+span,
select.awd-select[disabled]:hover+span {
    cursor: not-allowed;
    border-color: #ccc;
    background-color: #e4e4e4;
    background-image: none;
    outline: 0;
    color: #666
}
button.awd-select[disabled]:after,
select.awd-select[disabled=disabled]+span:after,
select.awd-select[disabled=disabled]:focus+span:after,
select.awd-select[disabled=disabled]:hover+span:after,
select.awd-select[disabled]+span:after,
select.awd-select[disabled]:focus+span:after,
select.awd-select[disabled]:hover+span:after {
    background-color: #e4e4e4!important;
    border-color: #ccc
}
.form-row.error .awd-select-list,
.form-row.error .btn-login-group>.btn-login,
.form-row.error button.awd-select,
.form-row.error input,
.form-row.error select.awd-select+span,
.form-row.error textarea {
    border-color: #cf2a2a
}
.error [class*=price],
.error [class*=pricing-],
.form-row.error .btn-login,
.form-row.error .checkbox,
.form-row.error .error-msg,
.form-row.error .radio,
.form-row.error button.awd-select,
.form-row.error input,
.form-row.error label,
.form-row.error legend.error,
.form-row.error select.awd-select+span {
    color: #cf2a2a
}
#attLoginWidget .form-row.error .error-msg {
    display: block;
    font-size: 14px;
    line-height: 14px;
    margin-top: 10px;
    font-family: Omnes-ATT-W02-Medium;
    position: relative;
    padding-left: 18px
}

#attLoginWidget .form-row.error .error-msg p {
    color: #cf2a2a !important;
}

#attLoginWidget .form-row.error .error-msg:before {
    height: 12px;
    left: 0;
    position: absolute;
    top: 0;
    width: 12px;
    margin-right: 3px
}
#attLoginWidget .form-row.error .tooltip-onclick input { 
	border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}



.form-row.warning .awd-select-list,
.form-row.warning .btn-login-group>.btn-login,
.form-row.warning button.awd-select,
.form-row.warning input,
.form-row.warning select.awd-select+span,
.form-row.warning textarea {
    border-color: #cf2a2a
}
.warning [class*=price],
.warning [class*=pricing-],
.form-row.warning .btn-login,
.form-row.warning .checkbox,
.form-row.warning .warning-msg,
.form-row.warning .radio,
.form-row.warning button.awd-select,
.form-row.warning input,
.form-row.warning label,
.form-row.warning legend.warning,
.form-row.warning select.awd-select+span {
    color: #cf2a2a
}
#attLoginWidget .form-row.warning .warning-msg {
    display: block;
    font-size: 14px;
    line-height: 14px;
    margin-top: 10px;
    font-family: Omnes-ATT-W02-Medium;
    position: relative;
    padding-left: 18px
}
#attLoginWidget .form-row.warning .warning-msg:before {
    background-position: -51px -16px;
    background-size: 126px auto;
    content: "";
    height: 12px;
    left: 0;
    position: absolute;
    top: 0;
    width: 12px;
    margin-right: 3px
}

.form-row.warning .warning-msg:before {
    height: 12px;
    left: 0;
    position: absolute;
    top: 0;
    width: 12px;
    margin-right: 3px
}
#attLoginWidget [class*="icon-"], #attLoginWidget .form-row.warning .warning-msg:before {
  color: #0574ac;
  display: inline-block;
  font-family: 'icoPrimaryWidget' !important;
  font-style: normal;
  font-size: 20px;
  font-weight: normal;
  font-variant: normal;
  height: 1em;
  margin-right: 7px;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  speak: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  vertical-align: middle;
  width: 1em;
}
#attLoginWidget .form-row.warning .warning-msg:before {
  content: "\e91d";
}
#attLoginWidget .form-row.warning .warning-msg:before{ color: #cf2a2a;
    font-size: 16px;
    margin-right: 4px;
    position:absolute;
    top:0;
}

#attLoginWidget .error .tooltip-onclick .error-msg {
    margin-top: -11px
}


#attLoginWidget .warning .tooltip-onclick .warning-msg {
    margin-top: -11px
}

#attLoginWidget .error .tooltip-onfocus .tooltip-helpertext {
    margin: 14px 0 10px
}

#attLoginWidget .warning .tooltip-onfocus .tooltip-helpertext {
    margin: 14px 0 10px
}

#attLoginWidget .login-modal-header>h2,
.nowrap {
    white-space: nowrap
}
#attLoginWidget .modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #fff
}
#attLoginWidget .modal,
#attLoginWidget .modal.fade.in {
    position: fixed;
    top: 10%
}
#attLoginWidget .modal-backdrop.fade {
    opacity: 0
}
#attLoginWidget .modal-backdrop,
#attLoginWidget .modal-backdrop.fade.in {
    opacity: .8;
    filter: alpha(opacity=80)
}
#attLoginWidget .modal {
    left: 50%;
    z-index: -1;
    width: 560px;
    margin-left: -280px;
    background-color: #fff;
    border: 1px solid #666;
    border: 1px solid rgba(0, 0, 0, .3);
    border-radius: 6px;
    box-shadow: 0 0 10px 5px rgba(0, 0, 0, .25);
    background-clip: padding-box;
    outline: 0
}
#attLoginWidget .modal.fade.in {
    z-index: 1050
}
#attLoginWidget .modal.fade.in.modal-portrait {
    overflow-y: hidden;
    -webkit-overflow-scrolling: auto
}
#attLoginWidget .modal.fade.in.modal-landscape {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}
#attLoginWidget .modal p:last-child {
    margin-bottom: 20px
}
#attLoginWidget .modal2 {
    z-index: 2000!important
}
#attLoginWidget .login-modal-header {
    position: relative;
    padding: 0 15px;
    background-color: #f5f5f5;
    border-bottom: 1px solid #e3e3e3;
    border-radius: 6px 6px 0 0;
    height: 56px
}
#attLoginWidget .login-modal-header .login-close {
    margin: 6px -15px 6px 0;
    height: 45px;
    width: 45px
}
#attLoginWidget .login-modal-header>h2 {
    margin: 0;
    line-height: 56px;
    padding-left: 0!important;
    display: inline-block;
	outline:none;
	border:0
}
#attLoginWidget .login-modal-header-landscape,
.login-modal-header-portrait {
    -webkit-overflow-scrolling: auto
}
#attLoginWidget .login-modal-body>.login-modal-header {
    margin: -15px -15px 15px
}
#attLoginWidget .modal h2 {
    padding-left: 30px;
    position: relative;
    margin-bottom: 22px
}
#attLoginWidget .login-modal-body,
#attLoginWidget .login-modal-body-portrait {
    padding: 15px
}
#attLoginWidget .login-modal-footer,
#attLoginWidget .modal-form {
    margin-bottom: 0
}
#attLoginWidget .modal h2>[class*=cssIcon-] {
    position: absolute;
    left: 0;
    top: 0
}
#attLoginWidget .login-modal-body {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto;
    position: relative;
    width: auto;
  	max-height: 300px;
}
.login-modal-body-landscape {
    -webkit-overflow-scrolling: auto;
    height: auto;
    overflow-y: visible;
    padding-bottom: 15px;
    width: 100%
}
.containerLogin div.login-modal-footer {
    width: 100%;
    padding: 0 15px;
    text-align: center;
    background-color: #f5f5f5;
    border-top: 1px solid #d8d8d8;
    border-radius: 0 0 6px 6px
}
.login-modal-footer:after,
.login-modal-footer:before {
    display: table;
    content: "";
    line-height: 0
}
.login-modal-footer .btn-login {
    width: 35%;
	margin: 15px 0;
}
.login-modal-footer .btn-login.middle {
    float: none;
    margin: 0 auto
}
.login-modal-footer-portrait {
    /* position: fixed; TDP 574601 */
    bottom: 0
}
.login-modal-footer-landscape {
    position: relative;
    bottom: 0
}
.login-modal-body>.login-modal-footer {
    position: relative;
    margin: 15px -15px 0
}
.modal.utility-bg,
.modal.utility-bg .login-modal-footer {
    background-color: #323232
}
@-ms-viewport {
    width: device-width
}
@-o-viewport {
    width: device-width
}
@viewport {
    width: device-width
}

.float-children-left:after,
.float-children-left:before {
    display: table;
    content: "";
    line-height: 0
}
.float-children-left>div {
    float: left;
    white-space: nowrap
}
.block {
    display: block!important
}
.inline {
    display: inline!important
}
.inline-block {
    display: inline-block!important
}
.table-cell {
    display: table-cell!important
}
.hidden-desktop,
.visible-phone,
.visible-tablet {
    display: none!important
}
.visible-desktop {
    display: inherit!important
}
.fade {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: opacity .15s linear;
    transition: opacity .15s linear
}
.fade.in {
    opacity: 1;
    filter: alpha(opacity=100)
}
.collapse {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}
.collapse.in {
    height: auto
}
.pre {
    white-space: pre
}
.hidden-spoken,
.hidden-text-spoken {
    position: absolute!important;
    clip: rect(0 0 0 0)!important;
    width: 1px!important;
    height: 1px!important;
    padding: 0!important;
    overflow: hidden!important;
    border: 0!important;
    letter-spacing: 0;
    line-height: 0
}
#attLoginWidget .invisible {
    visibility: hidden!important;
    opacity: 0!important
}
#attLoginWidget .transparent {
    background-color: rgba(255, 255, 255, 0)!important
}
#attLoginWidget .hide {
    display: none!important
}
#attLoginWidget .show {
    display: block!important
}
.rel {
    position: relative!important
}
.legend-pad {
    padding: 0 15px
}
.border-top {
    border-top-width: 1px!important
}
.border-left {
    border-left-width: 1px!important
}
.border-right {
    border-right-width: 1px!important
}
.border-bottom {
    border-bottom-width: 1px!important
}
.border-dark {
    border-color: #000
}
.border-light {
    border-color: #fff
}
.no-border-top {
    border-top-width: 0!important
}
.no-border-left {
    border-left-width: 0!important
}
.no-border-right {
    border-right-width: 0!important
}
.no-border-bottom {
    border-bottom-width: 0!important
}
.align-top {
    position: absolute;
    top: 0
}
.align-bottom {
    position: absolute;
    bottom: 0
}
.valign-top {
    vertical-align: top!important
}
.valign-middle {
    vertical-align: middle!important
}
.valign-bottom {
    vertical-align: bottom!important
}
[class*=valign-children-] {
    display: table
}
[class*=valign-children-]>* {
    display: table-cell
}
.valign-children-top>* {
    vertical-align: top
}
.valign-children-middle>* {
    vertical-align: middle
}
.valign-children-bottom>* {
    vertical-align: bottom
}
.no-pad {
    padding: 0!important
}
.top-space {
    margin-top: 60px!important
}
.bottom-space {
    margin-bottom: 60px!important
}
.top-pad {
    padding-top: 60px!important
}
.bottom-pad {
    padding-bottom: 60px!important
}
@media (max-width: 767px) {
    #attLoginWidget input,#attLoginWidget textarea {
        font-size: 1rem;
    }
    #attLoginWidget input[type="text"]:focus,#attLoginWidget input[type="password"]:focus,
    #attLoginWidget textarea:focus, #attLoginWidget select:focus {
        font-size: 1rem;
    }
    .top-space {
        margin-top: 30px!important
    }
    .bottom-space {
        margin-bottom: 30px!important
    }
    .top-pad {
        padding-top: 30px!important
    }
    .bottom-pad {
        padding-bottom: 30px!important
    }
    #attLoginWidget .modal-backdrop, #attLoginWidget .modal-backdrop.fade.in {
		opacity: 1;
		filter: alpha(opacity=100)
	}
}
.affix {
    position: fixed
}
.autoSize,
.autoSize-this,
.img-landscape,
.img-portrait {
    position: relative
}
@media (orientation: landscape) {
    .img-landscape {
        display: block
    }
    .img-portrait {
        display: none!important
    }
}
@media (orientation: portrait) {
    .img-landscape {
        display: none!important
    }
    .img-portrait {
        display: block
    }
}
.truncate {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}
.visible-print {
    display: none!important
}
.hidden-print {
    display: inherit!important
}
.login-close:before,
.clear-field:before {
    height: 14px;
    margin-left: -7px;
    margin-top: -5px;
    position: absolute;
    right:11px;
    width: 14px;
    content: " ";
    top:17px
}
.gn-ds2 #gn-zone1 nav #attLoginWidget a.loginShowPassword, .gn-ds2 #gn-zone1 nav #attLoginWidget a.loginHidePassword{
    line-height:18px;
}
.login-close,
.clear-field {
    float: right;
    background: 0 0;
    width: 34px;
    height: 34px;
    padding: 0;
    overflow: hidden;
    display: inline-block;
    font: 0/0 Arial;
    color: transparent;
    border: 0;
    letter-spacing: -1px;
    word-spacing: -1px
}
.clear-field {
    display: none
}
.clear-field:active,
.clear-field:focus,
.clear-field:hover {
    display: block!important
}
#attLoginWidget .field-group input:not([type="button"]){padding-right:32px}
#attLoginWidget button.login-close {
    border: 0;
    appearance: none
}
.field-group input+.clear-field {
    background: 0 0;
    height:auto;
    width: 45px;
    display: none;
    padding: 0;
    position: absolute;
    right: 0;
    top: 21px;
    box-shadow: none;
    border: none;
    content: " "
}
#attLoginWidget .field-group input[type=search]+.btn-login-search+.clear-field,
#attLoginWidget .field-group input[type=search]+.clear-field,
#attLoginWidget .tooltip-onclick input+.help-tooltip+.clear-field,
#attLoginWidget .tooltip-onclick input+.clear-field {
    right: 45px
}
#attLoginWidget .field-group input[type=search]+.btn-login-search+.clear-field:after,
#attLoginWidget .field-group input[type=search]+.clear-field:after,
#attLoginWidget .tooltip-onclick input+.help-tooltip+.clear-field:after,
#attLoginWidget .tooltip-onclick input+.clear-field:after {
    /*background-color: #ccc;*/
    content: "";
    display: block;
    height: 20px;
    position: absolute;
    right: 0;
    top: 11px;
    width: 1px
}
#attLoginWidget .tooltip-onclick input+.help-tooltip+.clear-field,
#attLoginWidget .tooltip-onclick input+.clear-field {
	top: 32px;
    right: 0;
}
#attLoginWidget .field-group input[type=search].input-enhanced+.clear-field {
    width: 45px;
    height: 48px
}
#attLoginWidget .field-group input[type=search].input-enhanced+.clear-field:after {
    top: 14px
}
#attLoginWidget .field-group [disabled]+.clear-field {
    display: none
}
@media (min-width: 1025px) {
#attLoginWidget .field-group input:not([type="button"]){padding-right:20px}
    .row-nowrap>[class*=span],
    .row>[class*=span] {
        margin-right: 20px;
        margin-right: 1.587301587301587%\9
    }
    .containerLogin {
        padding-left: 20px;
        padding-right: 20px;
        max-width: 1260px;
		margin:auto
    }
    .span1 {
        width: 6.878306878306879%
    }
    .span2 {
        width: 15.34391534%
    }
    .span3 {
        width: 23.80952381%
    }
    .span4 {
        width: 32.27513228%
    }
    .span5 {
        width: 40.74074074%
    }
    .span6 {
        width: 49.20634921%
    }
    .span7 {
        width: 57.67195767%
    }
    .span8 {
        width: 66.13756614%
    }
    .span9 {
        width: 74.6031746%
    }
    .span10 {
        width: 83.06878307%
    }
    .span11 {
        width: 91.53439153%
    }
    .span12 {
        width: 100%
    }
    .offset1 {
        margin-left: 8.465608465608466%
    }
    .offset2 {
        margin-left: 16.93121693121693%
    }
    .offset3 {
        margin-left: 25.3968253968254%
    }
    .offset4 {
        margin-left: 33.86243386%
    }
    .offset5 {
        margin-left: 42.32804233%
    }
    .offset6 {
        margin-left: 50.79365079%
    }
    .offset7 {
        margin-left: 59.25925926%
    }
    .offset8 {
        margin-left: 67.72486772%
    }
    .offset9 {
        margin-left: 76.19047619%
    }
    .offset10 {
        margin-left: 84.65608466%
    }
    .offset11 {
        margin-left: 93.12169312%
    }
    .tooltip-size-control {
        position: relative;
        width: 400px
    }
    #attLoginWidget .modal.fade.in {
        width:600px;
        margin-left:-300px;
    }
    .login-modal-body {
        width: 100%
    }
    .login-modal-body-landscape,
    .login-modal-body-portrait {
        height: auto!important
    }
    .login-modal-footer {
        position: relative
    }
    .thumbnails>li {
        margin-left: 1.40845070422535%
    }
    .row .thumbnails {
        margin-left: 0
    }
	.modal-btn-width{
		width:20%!important;
		margin-right:250px;
	}
}
@media (min-width: 768px) and (max-width: 1024px) {
.field-group input:not([type="button"]){padding-right:43px}
    .hidden-desktop {
        display: inherit!important
    }
    .visible-desktop {
        display: none!important
    }
    .visible-tablet {
        display: inherit!important
    }
    .hidden-tablet {
        display: none!important
    }
    .containerLogin {
        width: 100%;
        margin: 0 auto;
        padding-left: 20px;
        padding-right: 20px
    }
    .tooltip-size-control {
        position: relative;
        width: 300px
    }
    #attLoginWidget .modal.fade.in {
        max-height: 80%;
        width: 60%;
        margin-left: -30%;
		height:auto
    }
    .login-modal-body {
        width: 100%
    }
    .login-modal-footer {
        position: relative
    }
    .login-modal-body-portrait {
        height: auto!important
    }
    .media-object {
        margin-right: 0;
        margin-left: 0
    }
}
@media (max-width: 767px) {
    .hidden-desktop {
        display: inherit!important
    }
    .visible-desktop {
        display: none!important
    }
    .visible-phone,
    .visible-tablet {
        display: inherit!important
    }
    .hidden-phone,
    .hidden-tablet {
        display: none!important
    }
    .field-group input+.clear-field:focus,
    .field-group input:focus+.clear-field,
    .row,
    .row .fixed-230,
    textarea+.clear-field:focus,
    textarea:focus+.clear-field {
        display: block
    }
    .containerLogin {
        width: auto;
        padding-left: 15px;
        padding-right: 15px
    }
    .row>[class*=span] {
        float: none;
        margin-left: 0;
        width: 100%
    }
    .row-nowrap.flex>.flex-col,
    .row.flex>.flex-col {
        margin-right: 0
    }
    .row .fixed-230 {
        width: 100%
    }
    .row .fluid-space {
        display: block;
        padding-left: 0;
        padding-right: 14px;
        width: auto
    }
    .input-append[class*=span],
    .login-modal-body,
    #attLoginWidget .modal.fade.in {
        width: 100%
    }
    .row .fixed-230+.fluid-space {
        padding-left: 0;
        padding-right: 0
    }
    .row .fluid-space+.fixed-230 {
        padding-left: 0
    }
    .row .fluid-space:last-child {
        padding-right: 0
    }
    input {
        padding: 8px 40px 5px 15px
    }
    .field-group input.input-enhanced[type=search]+.clear-field:after {
        top: 10px
    }
    .field-group input.input-enhanced[type=search]+.clear-field {
        height: 35px
    }
    .input-enhanced {
        font-size: 14px;
        padding: 5.5px 40px 7.5px 15px
    }
    .input-enhanced+.btn-login-search[class*=btn-login] {
        height: 34px;
        top: 1px
    }
    .input-enhanced+.clear-field+.btn-login-search[class*=btn-login] {
        height: 38px
    }
    .field-group input.input-enhanced+.clear-field {
        height: 35px;
        padding: 4px 0 0
    }
    textarea+.clear-field {
        position: absolute;
        right: 0;
        top: 0
    }
    #attLoginWidget .modal.fade.in {
        top: 0;
        left: 0;
        overflow: hidden;
        margin-left: auto;
        margin-right: auto;
        border: none;
        box-shadow: none;
        border-radius: 0;
        height: auto
    }
    #attLoginWidget .login-modal-footer.login-modal-footer-portrait {
        margin: 0;
        width: 100%;
        -webkit-overflow-scrolling: auto;
        /* position: fixed TDP 574601 */
    }
    #attLoginWidget .login-modal-footer.login-modal-footer-landscape {
        margin: 0;
        position: relative;
        width: auto;
        -webkit-overflow-scrolling: auto
    }
    #attLoginWidget .tooltip-size-control {
        width: 100%
    }
    .tooltip .svgIcon-tooltip.active+.tooltip-wrapper .helptext,
    .tooltip .svgIcon-tooltip[data-placement=top].active+.tooltip-wrapper .tooltip-helpertext,
    .tooltip .svgIcon-tooltip[data-placement=bottom].active+.tooltip-wrapper .tooltip-helpertext {
        border-left: 0;
        border-right: 0;
        border-radius: 0
    }
}
#attLoginWidget .header,
#attLoginWidget .jumbotron {
    border-bottom: 1px solid #e5e5e5
}
@media ( max-width : 480px) {
	.login-widget .tooltip-helpertext {
		position: static
	}
	.login-widget .tooltip-onclick .help-tooltip.active::before,.login-widget .tooltip-onfocus input.active+.clear-field+.tooltip-helpertext::before
		{
		top: 32px;
	}
	.login-widget .tooltip-onclick .help-tooltip.active::before,.login-widget .tooltip-onfocus input.active+.clear-field+.tooltip-helpertext::before
		{
		top: 28px;
	}
	.login-widget .save-user-id .help-tooltip.active::before,.login-widget .save-user-id .tooltip-onfocus input.active+.clear-field+.tooltip-helpertext::before
		{
		top: -10px;
	}
	.login-widget .save-user-id .tooltip-helpertext {
		position: absolute;
		bottom: 30px;
	}
	.hidden-desktop,
	.hidden-tablet {
		display: inherit !important
	}
	.hidden-phone,
    .visible-desktop,
    .visible-tablet {
        display: none!important
    }
    .visible-phone {
        display: inherit!important
    }
    .containerLogin {
        width: auto;
        padding-left: 15px;
        padding-right: 15px
    }
    .media-object {
        margin-right: 0;
        margin-left: 0
    }
	#RemoveId-modal{height:100%;}
}

.login-page-content .row .login-widget .row .form-row .field-group.tooltip-onclick.hide,
.login-page-content .row .login-widget .row .form-row label.hide,
.login-page-content .row .login-widget .row .form-row label.saved-id-label,
.login-page-content .row .login-widget .row .form-row label.saved-id-label.hide {
    display: none
}

.login-page-content {
    padding: 0 0 10px
}
.login-page-content h1 {
    margin-bottom: 28px;
    display: none
}
.login-page-content .row .login-left-description .vertical-align-bottom p b,
.login-page-content .row .login-widget .row .form-row .mobile-user-id-item.selected {
    font-weight: 700
}

.login-page-content .row .login-widget {
    padding: 0
}
.login-page-content .row .login-widget .row .span,
.login-page-content .row .login-widget .row .span2,
.login-page-content .row .login-widget .row .span4 {
    width: 100%;
    margin-left: 0;
    margin-right: 0
}
.login-page-content .row .login-widget .row .myatt-logo-wrapper {
    text-align: center;
    margin-top: 15px
}
.login-page-content .row .login-widget .row .myatt-logo-wrapper img {
    width: 148px
}
.login-page-content .row .login-widget .row .form-row label {
    margin-bottom: 5px
}
.login-page-content .row .login-widget .row .form-row .field-group .help-tooltip {
    left: inherit
}
.login-page-content .row .login-widget .row .form-row .field-group .help-tooltip:after {
    right: inherit;
    left: 10px;
    width: 16px;
    height: 16px;
    top: 8px
}
.login-page-content .row .login-widget .row .form-row .field-group.tooltip-onclick .tooltip-helpertext.active .popover-title {
    font-family: Omnes-ATT-W02-Medium;
    font-size: 14px
}
.login-page-content .row .login-widget .row .form-row .field-group.tooltip-onclick .tooltip-helpertext.active .popover-content {
    font-size: 14px
}
.login-page-content .row .login-widget .row .form-row .field-group.tooltip-onclick .tooltip-helpertext.active .popover-content ul li a {
    color: #fff;
    text-decoration: underline
}
.login-page-content .row .login-widget .row .form-row .field-group.tooltip-onclick .tooltip-helpertext.active .popover-content ul li.bullet {
    list-style: disc inside;
    padding-top: 10px
}
.login-page-content .row .login-widget .row .form-row .field-group.save-user-id {
    margin-top: 10px
}
.login-page-content .row .login-widget .row .form-row .field-group.save-user-id .help-tooltip {
    display: inline-block;
    position: relative;
    width: auto;
    height: 30px
}
.login-page-content .row .login-widget .row .form-row .field-group.save-user-id.hide,
.login-page-content .row .login-widget .row .form-row .field-group.save-user-id.saved-id-hide,
.login-page-content .row .login-widget .row .form-row .selectWrap,
.login-page-content .row .login-widget .row .form-row .selectWrap .hide,
.login-page-content .row .login-widget .row .form-row p.public-computer.remove-ids.hide,
.login-page-content .row .login-widget .row .form-row p.vertical-hide {
    display: none
}
.login-page-content .row .login-widget .row .form-row .field-group.save-user-id .help-tooltip:after {
    right: inherit;
    left: 5px
}
.login-page-content .row .login-widget .row .form-row .warning-msg {
    padding-left: 17px;
}
.login-page-content .row .login-widget .row .form-row p {
    font-size: 12px;
    margin-top: 13px
}
.login-page-content .row .login-widget .row .form-row p:last-of-type {
    margin-top: 0
}
.login-page-content .row .login-widget .row .form-row p.public-computer {
    /*display: none;*/
    line-height: 18px;
   /* text-align: left*/
}
.login-page-content .row .login-widget .row .form-row p.public-computer.remove-ids {
    text-align: left
}
.login-page-content .row .login-widget .row .form-row p.saved-id-lead {
    font-size: 14px;
    margin-bottom: 4px
}
.login-page-content .row .login-widget .row .form-row .mobile-user-id-item {
    border-top: 2px solid #666
}
.login-page-content .row .login-widget .row .form-row .mobile-user-id-item:first-of-type {
    border-top: none
}
.login-page-content .row .login-widget .row .form-row .mobile-user-id-item a {
    display: block;
    padding: 10px 0
}
.login-page-content .row .login-widget .row .form-row .mobile-password-field {
    margin-bottom: 10px
}
.login-page-content .row .login-widget .row .form-row .mobile-password-field.btn-login {
    max-width: 100%;
    margin-bottom: 20px
}
.login-page-content .row .login-widget .row .span2 .form-row .btn-login {
    height: 34px;
    padding: 4px 18px;
    margin: 0 0 8px;
    width: 100%;
    max-width: 100%
}
.login-page-content .row .login-widget .row .span2 .form-row .btn-login.saved-id-hide {
    display: none!important
}
.login-page-content .row .login-widget .row .span2 .form-row p {
    font-size: 16px;
    text-align: center;
    margin-top: 10px
}
.login-page-content .row .login-widget .row .span4.saved-id-hide {
    display: none
}
.login-page-content .row .login-widget .row .span4 .form-row {
    margin-top: 15px
}
.login-page-content .row .login-widget.login-widget-vertical {
    width: 100%;
    padding: 15px;
    float: right;
	height:auto!important;
}
.login-page-content .row .login-widget.login-widget-vertical .row .span,
.login-page-content .row .login-widget.login-widget-vertical .row .span2,
.login-page-content .row .login-widget.login-widget-vertical .row .span4 {
    width: 100%;
    margin-left: 0;
    margin-right: 0
}
.login-page-content .row .login-widget.login-widget-vertical .row .myatt-logo-wrapper {
    text-align: center;
    margin-top: 10px
}
.login-page-content .row .login-widget.login-widget-vertical .row .myatt-logo-wrapper img {
    width: 148px
}
.login-page-content .row .login-widget.login-widget-vertical .row .form-row label {
    margin-bottom: 5px
}
.login-page-content .row .login-widget.login-widget-vertical .row .form-row .field-group .help-tooltip {
    left: inherit
}
.login-page-content .row .login-widget.login-widget-vertical .row .form-row .field-group .help-tooltip:after {
    right: inherit;
    left: 10px;
    width: 16px;
    height: 16px;
    top:8px
}
.login-page-content .row .login-widget.login-widget-vertical .row .form-row .field-group.tooltip-onclick .tooltip-helpertext.active .popover-title {
    font-family: Omnes-ATT-W02-Medium;
    font-size: 14px
}
.login-page-content .row .login-widget.login-widget-vertical .row .form-row .field-group.tooltip-onclick .tooltip-helpertext.active .popover-content {
    font-size: 14px
}
.login-page-content .row .login-widget.login-widget-vertical .row .form-row .field-group.tooltip-onclick .tooltip-helpertext.active .popover-content ul li a {
    color: #fff;
    text-decoration: underline
}
.login-page-content .row .login-widget.login-widget-vertical .row .form-row .field-group.tooltip-onclick .tooltip-helpertext.active .popover-content ul li.bullet {
    list-style: disc inside;
    padding-top: 10px
}
.login-page-content .row .login-widget.login-widget-vertical .row .form-row .field-group.save-user-id {
    margin-top: 10px
}
.login-page-content .row .login-widget.login-widget-vertical .row .form-row .field-group.save-user-id .help-tooltip:after {
    right: inherit;
    left: 5px;
	top:9px
}
.login-page-content .row .login-widget .row .form-row .field-group.save-user-id.tooltip-onclick .help-tooltip.active:before {
    right: inherit;
    left: 5px;
	bottom:26px
}
.login-page-content .row .login-widget.login-widget-vertical .row .form-row p {
    font-size: 12px;
    margin-top: 12px
}
#attLoginWidget p.public-computer {
    /*float: right;*/
    line-height:13.6px;
    text-align: left;
    font-size:12px;
    margin-bottom:8px;
	margin-left: 28px;
   /* position: relative;*/
    width:auto;
    /*max-width: 110px;*/
}
#attLoginWidget p.public-computer.remove-ids{
	width: 118px!important;
	float: left;
    left: 3px;
    margin: 0 0 0 25px;
    position: relative;
    text-align: left;

}
.login-page-content .row .login-widget.login-widget-vertical .row .form-row p.vertical-hide {
    display: none
}
.login-page-content .row .login-widget.login-widget-vertical .row .form-row p.saved-id-lead {
    font-size: 14px;
    margin-bottom: 4px
}
.login-page-content .row .login-widget.login-widget-vertical .row .span2 .form-row .btn-login {
    height: auto;
    padding: 10px 18px;
    margin: 0 0 8px;
    width: 100%;
    max-width: 100%
}
.login-page-content .row .login-widget.login-widget-vertical .row .span2 .form-row p {
    /*font-size: 16px; */
    text-align: center;
    margin-top: 10px;
	font-family: Omnes-ATT-W02!important;
    font-size: 14px;
}
.login-page-content .row .login-widget.login-widget-vertical .row .span4 .form-row {
    margin-top: 15px
}
.login-page-content .row .login-left-description {
    display: none;
    width: 50%;
    padding: 0 0 0 5px;
    position: relative
}
.login-page-content .row .login-left-description .vertical-align-bottom {
    position: absolute;
    bottom: -5px
}
.login-page-content .row .login-left-description .vertical-align-bottom h2 {
    font-size: 14px;
    line-height: 18px;
    width: 285px
}
.login-page-content .row .login-left-description .vertical-align-bottom p {
    font-size:14px;
    line-height:18px;
    margin: 24px 0 0
}
.login-page-content .row .login-left-description .vertical-align-bottom p.text-legal {
    font-size: 14px;
    line-height: 18px;
    margin-top: 50px;
    padding: 0 4% 0 0
}
.login-page-content .row .login-left-description .vertical-align-middle {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}
.login-page-content .row .login-left-description .vertical-align-middle .iphone-image {
    max-width: 60%
}
.login-page-content .row .login-left-description .vertical-align-middle .iphone-name {
    margin: 25px 0;
    max-width: 215px
}
.login-page-content .row .login-left-image {
    display: none;
    text-align: center;
    width: 280px
}
.login-page-content .row .login-left-image .absolute {
    position: absolute;
    left: 0;
    bottom: -60px
}
.login-page-content .row .login-left-image .vertical-align-middle {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}
@media only screen and (min-width: 752px) {
    #attLoginWidget p.public-computer{ /*max-width: 140px*/;/*text-align: left */}
    .login-page-content .row .login-widget .row .form-row .field-group.save-user-id.saved-id-hide,
    .login-page-content .row .login-widget .row .form-row label.saved-id-label,
    .login-page-content h1 {
        display: none;
    }
    .login-page-content {
        padding-bottom: 30px
    }
    .login-page-content .alert-error {
        margin: 0 0 20px
    }
     .login-page-content .alert-warning {
        margin: 0 0 20px
    }
    .login-page-content .row .login-widget .row .myatt-logo-wrapper {
        margin: 39px 30px 0 0;
        width: 17%
    }
    .login-page-content .row .login-widget .row .form-row p.remove-ids {
        display: inline-block;
        float: right;
        margin-top: 8px;
        text-align: right
    }
    .login-page-content .row .login-widget .row .form-row p.vertical-hide {
        display: block;    margin-bottom: 0;
    margin-top: 14px;
    }
    .login-page-content .row .login-widget .row .form-row .mobile-password-field,
    .login-page-content .row .login-widget .row .form-row .mobile-user-id-item,
    .login-page-content .row .login-widget .row .form-row p.saved-id-lead {
        display: block;
    }
    .login-page-content .row .login-widget .row .form-row .mobile-password-field.btn-login {
        display: block!important
    }
    .login-page-content .row .login-widget .row .form-row .selectWrap {
        display: none
    }
    .login-page-content .row .login-widget .row .span2 {
        float: right;
        width: 14%
    }
    .login-page-content .row .login-widget .row .span2 .form-row .btn-login {
        margin: 20px 0 8px;
        min-height: auto
    }
    .login-page-content .row .login-widget .row .span2 .form-row .btn-login.saved-id-hide {
        display: none!important
    }
    .login-page-content .row .login-widget .row .span2 .form-row p {
        display: none
    }
    .login-page-content .row .login-widget .row .span4 {
        margin-right: 2%;
        width: 30%
    }
    .login-page-content .row .login-widget .row .span4.saved-id-hide {
        display: none
    }
    .login-page-content .row .login-widget.login-widget-vertical {
        width: 320px;
        background: #f8f8f8;
        border: 1px solid #c9c9c9;
        border-radius: 5px
    }
    .login-page-content .row .login-widget.login-widget-vertical .row .form-row p.public-computer {
        display: inline-block;
        margin-top: 0px !important;
    }
    .login-page-content .row .login-widget.login-widget-vertical .row .form-row p.public-computer.remove-ids {
        display: block;
        float: left;
        margin-top: 3px
    }
    .login-page-content .row .login-widget.login-widget-vertical .row .form-row p.remove-ids {
        margin:0
    }

    .login-page-content .row .login-left-description,
    .login-page-content .row .login-widget.login-widget-vertical .row .span2 .form-row p {
        display: block
    }
	.login-page-content .row .login-widget.login-widget-vertical{margin-right:35px}
}
@media screen and (min-width: 752px) and (max-width: 1024px){
	.login-page-content .row .login-widget.login-widget-vertical{margin-right:35px}
}

@media only screen and (min-width: 992px) {
    .login-page-content {
        max-width: 1020px
    }
    .login-page-content .row .login-widget .row .form-row p.public-computer {
        display: inline-block;
        margin-top: 10px;
        text-align: right
    }
    .login-page-content .row .login-widget .row .form-row p.public-computer.remove-ids {
        float: left;
        display: block;
        margin-top: 3px
    }
    .login-page-content .row .login-widget.login-widget-vertical {
        width: 320px;
        background: #f8f8f8;
        border: 1px solid #c9c9c9;
        border-radius: 5px
    }
    .login-page-content .row .login-widget.login-widget-vertical .row .form-row p.public-computer {
        display: inline-block
    }

    .login-page-content .row .login-left-description {
        width: 32.394366%
    }
    .login-page-content .row .login-left-image {
        display: block
    }
}

@media screen and (max-width: 992px) {
    div[data-role=page] {
        margin-left: 0;
        width: 100%;
        position: relative;
        min-height: 100%;
        border: 0;
        display: block
    }
}
.btn-login-alt.large {
    min-width: 124px;
    min-height: 45px;
    padding: 10px 8px;
    white-space: nowrap;
    margin-bottom: 0
}
.btn-login {
    line-height: initial;
    min-height: 46px;
    height: auto
}
.btn-login.btn-login-secondary-blue {
    color: #fff;
    border-color: #078cc5;
    background: #078cc5 -webkit-linear-gradient(top, #078cc5 0, #0574ac 50%, #0574ac 100%);
    background: #078cc5  linear-gradient(to bottom, #078cc5 0px, #0574ac 50%, #0574ac 100%) repeat scroll 0 0;
    background: #078cc5  -webkit-linear-gradient(to bottom, #078cc5 0, #0574ac 50%, #0574ac 100%);
    background: #078cc5  -O-linear-gradient(to bottom, #078cc5 0, #0574ac 50%, #0574ac 100%)
}
.btn-login-alt,
.btn-login-alt-medium,
.btn-login-alt-small {
    color: #0574ac;
    background: -webkit-linear-gradient(top, #fff 0, #f9f9f9 25%, #f9f9f9 100%)
}
.loginShowPassword, .loginHidePassword {
	margin-top: 8px
}


@media screen and (max-width: 752px) {
    #attLoginWidget p.public-computer{margin-top: 0px !important; /*max-width:150px;text-align: left;*/}
    .desktop-tablet-only {
        display: none
    }
    .mobile-only {
        display: inline-block
    }
}
@media (max-width: 979px) {
    .containerLogin[data-role=page] {
        background: 0 0!important
    }
}
#attLoginWidget .tooltip-helpertext, #attLoginWidget .tooltip-helpertext p{font-size:13px; color:#fff}
#attLoginWidget .tooltip-helpertext ul li{list-style:disc; margin-left:15px; font-size:13px; color:#fff}
#attLoginWidget .tooltip-helpertext a{color:#fff;text-decoration:underline;font-size:13px;}
.login-widget .cssIcon-spinner {
    animation: 1.2s linear 0s normal none infinite running rotation;
    background-image: url("/ecms/dam/att/consumer/services/cssIcon-spinner-20.png");
    background-position: 0 0;
    background-size: auto auto;
    height: 20px;
    margin: -6px 5px;
    position: relative;
    top: -1px;
    width: 20px;
}
.login-widget button.awd-select:focus{outline:0 none !important}
.form-row.error label.checkbox{color:#333} .form-row.error .btn-login.btn-login-secondary-blue{color:#fff}
.form-row.warning label.checkbox{color:#333} .form-row.warning .btn-login.btn-login-secondary-blue{color:#fff}
.tooltip-content a:hover, .tooltip-content a:focus{color:#ccc !important}
.mobile-user-id-item a.selected:focus, .mobile-user-id-item a.selected:hover {outline: none;text-decoration:none}
.login-page-content .row .login-widget fieldset .row .form-row .mobile-user-id-item a.selected{color:#333;font-weight:bold !important}
/*.mobile-user-id-item a.selected, #form-panel label{font-weight:bold} */
.login-page-content .row .login-widget.login-widget-vertical fieldset .row .span4 .form-row.lgwgPasswordSec{margin:0}
.mobile-user-id-item a{border-top: 1px solid #ccc;}
#attLoginWidget a.loginShowPassword, #attLoginWidget a.loginHidePassword{ border-top: 0}
.login-page-content .row .login-widget fieldset .row .form-row .mobile-user-id-item.remove-id-item{border:none;border-bottom: 1px solid #ccc;}
#attLoginWidget .login-close-modal{ cursor: pointer;
    font-size: 16px;
    margin: 25px 20px 0 0;
    padding: 5px;
    text-transform: capitalize;
	display: inline-block;
}
.selected-remove li{margin:12px 0; font-weight:bold; list-style:none}
button.login-close:focus, .button.login-close.focus{border:1px dotted #333}
.login-widget .section-font-login, .login-widget .section-font-login a, .login-widget .section-font-login p{
	font-family: Omnes-ATT-W02;
    font-size: 14px;
}.login-widget .section-font-login p{margin-bottom:0}
.login-page-content .row .login-left-description .vertical-align-bottom p {font-family: Omnes-ATT-W02 ;
    font-size:14px;}
.login-widget button.awd-select, .login-widget .awd-select-list-item{
    font-family: Omnes-ATT-W02;font-size: 14px;}
h1.page-heading{font-size: 2rem;line-height:33.6px;padding:20px 0}
.login-widget .tooltip-helpertext p{margin:0}
.containerLogin .row, .containerLogin .row-seam, .containerLogin .row-seam-margins{border:none}
#attLoginWidget .form-row{margin-bottom:10px;margin-top:10px;}
.MarLeft5{margin-left:5px !important;}
#attLoginWidget .checkbox input:checked:not(:disabled):focus + .field-skin{
    border-color:#000;
}
input.EditableSelectbox.EditableSelectbox {padding-right:30px !important}
input.EditableSelectbox.active{border-radius:6px 6px 0 0}
.login-page-content div.topMar10{margin-top:10px}

@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(359deg)
    }
}
@-moz-keyframes rotation {
    from {
        -moz-transform: rotate(0deg)
    }
    to {
        -moz-transform: rotate(359deg)
    }
}
@-o-keyframes rotation {
    from {
        -o-transform: rotate(0deg)
    }
    to {
        -o-transform: rotate(359deg)
    }
}
@keyframes rotation {
    from {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(359deg)
    }
}

.login-widget .cssIcon-spinner {
    display: inline-block
}

.topLeftMargin{margin-left:20px!important;top:20px;}
.lw-title-text{
    font-size: 32px !important;
    line-height: 32px !important;
    font-family: Omnes-ATT-W02!important;
    margin-bottom: 9px!important;
}

.lw-section-desc{
	font-size: 14px!important;
    margin-bottom: 9px!important;
    font-family: Omnes-ATT-W02!important;
}

.lw-box-sizing{
	box-sizing: border-box;
}

.select-btn-ie-ht{
	height: 29px!important;
}
/* BEGIN ALERTS.LESS ******************** */
#attLoginWidget .alert {
  background-color: #333333;
  border-radius: 8px;
  color: #fff;
  margin-top: 15px;
  padding: 0;
  position: relative;
  border: 0;
  font-size:12px;
  font-family: Omnes-ATT-W02;
}
#attLoginWidget .alert:focus{outline: thin dotted #666;}
#attLoginWidget .alert > div {
  padding: 10px;

}
#attLoginWidget .alert div:first-child {
  border-radius: 8px 0 0 8px;
  width: 1%;
  vertical-align:middle
}
#attLoginWidget .alert div:first-child + div {
  border: 1px solid transparent;
  border-left: none;
  border-radius: 0 8px 8px 0;
}
#attLoginWidget .alert-error {
  background-color: #cf2a2a;
  border: 1px solid #cf2a2a;
}
#attLoginWidget .alert [class*="icon-"] {
  color: #fff;
  font-size: 30px;
  margin-right: 0;
}
.containerLogin .alert a:link {
  color: #fff;
  text-decoration: underline;
  font-size:13px;line-height:17px
}
.containerLogin .alert a:hover, .containerLogin .alert a:focus{
	outline: thin dotted #666; color:#0574ac
}
#attLoginWidget .alert p, #attLoginWidget .alert div, #attLoginWidget .alert h3, #attLoginWidget .alert h2,
#attLoginWidget .alert span, #attLoginWidget .alert strong, #attLoginWidget .alert b{font-size:13px; line-height:17px;color:#fff;font-family: Omnes-ATT-W02;}
.marginTopBot button{margin:10px 0}
#attLoginWidget .alert p{margin:5px 0}
#attLoginWidget .alert .buttonCenter{text-align:center}
@media (max-width: 767px) {
 #attLoginWidget .alert {
    border-radius: 0;
    margin: 0 -15px;
  }
 #attLoginWidget .alert + .alert {
    margin-top: 4px;
  }
 .containerLogin .alert a { font-size:12px;line-height:16px}
#attLoginWidget .alert p, #attLoginWidget .alert div, #attLoginWidget .alert h3, #attLoginWidget .alert h2,
#attLoginWidget .alert span, #attLoginWidget .alert strong, #attLoginWidget .alert b{font-size:12px;line-height:16px}
}

#attLoginWidget [class*="icon-"],  #attLoginWidget .form-row.error .error-msg:before {
  color: #0574ac;
  display: inline-block;
  font-family: 'icoPrimaryWidget' !important;
  font-style: normal;
  font-size: 20px;
  font-weight: normal;
  font-variant: normal;
  height: 1em;
  margin-right: 7px;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  speak: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  vertical-align: middle;
  width: 1em;
}
#attLoginWidget [class*="icon-"]:before,
#attLoginWidget [class*="icon-"]:after {
  box-sizing: border-box;
  display: inline-block;
  font-size: 1em;
  height: 1em;
  position: relative;
  top: 0;
  left: 0;
  vertical-align: middle;
  width: 1em;
}
#attLoginWidget .icon-badgealert:before,
#attLoginWidget .form-row.error .error-msg:before {
  content: "\e91d";
}
#attLoginWidget .form-row.error .error-msg:before{ color: #cf2a2a;
    font-size: 16px;
    margin-right: 4px;
    position:absolute;
    top:0;
}
@supports (-ms-ime-align:auto) {
 #attLoginWidget .form-row.error .error-msg:before{
	line-height:8px
 }
}

/* END ALERTS.LESS ********************** */
#attLoginWidget .Choose-IDs .form-row{margin:20px 0}
#attLoginWidget .save-user-id .checkbox{ margin-right:5px;cursor:pointer;color:#000;}
/* iPhone gte 4 CSS rules */
@media only screen and (max-device-width: 480px),
only screen and (-webkit-min-device-pixel-ratio: 2) {
    #attLoginWidget .save-user-id .checkbox{
       width: auto;
    }
}

.lgwdg-mleft{margin-left: 33px!important;}
.lgwg-line-ht{line-height:21px !important;}
.lgwg-line-ht-ie{line-height:21px !important;}
.lgwg-arrow-martop{margin-top: -5px!important;}

@media screen and (-ms-high-contrast: white-on-black) {
    .login-widget .field-group .clear-field { color: #000; }
    .login-widget .field-group .clear-field:before {
        background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020.5%2020.5%22%3E%3Cpath%20style%3D%22fill:#fff%22%20d%3D%22M19.8%2016.9c.8.8.8%202%200%202.8-.4.4-.9.6-1.4.6s-1-.2-1.4-.6L10.3%2013l-6.7%206.7c-.4.4-.9.6-1.4.6s-1-.2-1.4-.6c-.8-.8-.8-2%200-2.8l6.7-6.7L.7%203.6C0%202.8%200%201.5.7.7c.8-.8%202-.8%202.8%200l6.7%206.7L16.9.7c.8-.8%202-.8%202.8%200%20.8.8.8%202%200%202.8L13%2010.2l6.8%206.7z%22%2F%3E%3C%2Fsvg%3E);
    }
}
.login-widget .save-user-id .tooltip-helpertext{bottom:31px}

.login-widget.tooltip-bottom .tooltip-onclick .help-tooltip.active::before{
    bottom: -10px;}
.login-widget.tooltip-bottom .tooltip-helpertext {    bottom: auto;  top: 35px;}
.login-page-content .row .login-widget.tooltip-bottom .row .form-row .field-group.save-user-id.tooltip-onclick .help-tooltip.active::before {top:auto;bottom: -14px;}
#attLoginWidget .login-widget-horizontal p.public-computer{
	position: absolute;
    top: 30px;
    left: 29px;
    /*width: 110px;*/
    text-align: left;
}
#attLoginWidget .login-widget-horizontal p.remove-ids + p.public-computer{left: 2px;position: absolute;top: 30px;}
/* >= IE10 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.login-widget .tooltip-helpertext{bottom:65px}
	.login-widget .save-user-id .tooltip-helpertext{bottom:27px}
	.login-widget.tooltip-bottom .tooltip-helpertext {bottom: auto;top: 31px;}
	.login-widget.tooltip-bottom .save-user-id .tooltip-helpertext{bottom: auto;top: 28px;}
	
	
	#select1a::after{top:19px}
}
@media (min-width:320px) and (max-width: 767px) {
	.login-widget.tooltip-bottom .tooltip-helpertext{margin-top:-2px} 
	.login-widget.tooltip-bottom .save-user-id .tooltip-helpertext{margin-top:0}
	#attLoginWidget .login-widget-horizontal p.public-computer{     position: static;width: auto;margin-top: 11px;}
}
@media (min-width:320px) and (max-width: 374px) {
      #attLoginWidget p.public-computer{margin-top: 0px !important; text-align: left;}
}
@media (min-width:374px) and (max-width: 412px) {
      #attLoginWidget p.public-computer{top: 0px !important;text-align: left;}
}

/* >= IE10 */
#attLoginWidget p.vertical-hide.mt0, .mt0{margin-top: 0px ! important;}

.login-page-content .row .login-widget .row .span2 .form-row .btn-login {margin: 33px 0 8px;}

#attLoginWidget b{ font-weight: bold}

@media screen and (-ms-high-contrast: active) {
    .myatt-logo-wrapper{background:rgba(0, 0, 0, 0) url("/ecms/dam/att/consumer/services/myatt-logo-white.png") no-repeat scroll center center / contain ;height:67px; width:100%}
    .myatt-logo-wrapper img{display:none}
}
#attLoginWidget button.loginShowPassword, #attLoginWidget button.loginHidePassword{background:none; border:none; color:#0574ac; padding:0}
#attLoginWidget button.loginShowPassword:focus, #attLoginWidget button.loginHidePassword:focus{outline: thin solid #000;}

#attLoginWidget .alert div#tcLoginErrorC2CB:first-child, #attLoginWidget .alert div#tcLoginErrorC2CB div:first-child {
    width: auto;
}
#attLoginWidget #RemoveId-modal.modal {
    display: none;
}