/*@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css);*/
/*
==================================================
Home page CSS starts here
================================================== 
*/
html, body { color: #333; font-family: Arial,Helvetica,sans-serif; font-size: 12px; }
h1, h2, h3, h4, h5, h6 { font-family: Arial,Helvetica,sans-serif; color: #111; line-height: normal; }
h1 { font-size: 32px;}
h2 { font-size: 28px; }
h3 { font-size: 20px; }
h2 span, h3 span { display: block; font-size: 13px; clear: both; color: #666; padding: 5px 0; }
.ATTFontFamily { color: #333; font-family: Arial,Helvetica,sans-serif; font-size: 12px; line-height: 16px; }
.normalTextFont { font-size: 75%; margin-left: 10px; margin-top: 100px; }
.normalTextContent { font-size: 14px; margin-left: 35px; margin-top: 25px; margin-bottom: 15px; width: 90%; }
#wrapper { margin: auto }
label { float: right; margin-right: 10px; font-size: 75%; font-weight: bold; }
.loginInputTable { margin-top: 15px }
.inputfieldlogin { margin-left: auto; margin-right: auto; margin-top: 8px; width: 247px; display: block; border-radius: 2px; position: relative; color: #333; font-family: Arial,Helvetica,sans-serif; font-size: 13px; line-height: 16px; display: inline; }
.selectfieldlogin { margin-left: auto; margin-right: auto; margin-top: 8px; width: 80px; position: relative; color: #333; font-family: Arial; font-size: 13px; line-height: 16px; }
#wrapper { width: 1003px; margin: 0 auto; }
#footer { width: 944px; margin: auto; margin-top: -8px; }
#ge5p_z2-primary-nav-wrapper { margin-top: 5px; }
#ge5p_z7-copyright-legal { margin-top: 45px }
#ge5p_z7 .ge5p_z7-brand-elements ul li { font-size: 11px; margin-top: 10px; }
#ge5p_z7-brand-elements .ge5p_z7-dotCom { display: block; margin-right: 40px; }
#ge5p_z7 .ge5p_z7-brand-elements ul li { height: 35px }
.ge5p-privcypolicy { float: right; margin-top: 40px; margin-right: 0; }
.layout { position: absolute; z-index: 7; width: 975.2px; height: 30px; background: url('../images/bg-secondary.png') no-repeat !important; border: 1px solid #ddd; border-top: none; border-radius: 0 0 4px 4px; box-shadow: 0 2px 3px 0px #bbb; margin-top: -2px; }
.logging-btn-div { width: 976px; margin: auto; margin-top: 5px; text-align: right; font-size: 12px; }
#ge5p_z2 .logging-btn-div span { line-height: 27px; margin-right: 10px; }
.logging-btn-div .logging-btn { height: 24px; width: 54px; font-size: 11px; padding: 0 !important; border-radius: 2px; border: 0px; }
#footer ul { list-style: none; }
.btn { background: #0081C2; border-radius: 4px; border: 0; text-shadow: none; box-shadow:none; min-width: 100px; }
.btn:hover,.btn:focus { background: #0081C2; border: 1px solid #0070C6; box-shadow:none; }
.btn-blue { border:1px solid #0070C6; }

.btn-white { background:#FFFFFF; color:#0577B6; border:1px solid #D8D8D8; }

/***************Default Ends*************/

#ge5p_z2-nav-bar .nav-search { float: right;} 
#ge5p_z2-nav-bar .nav-search input { margin: 6px 20px 0 0; border-color: #eee; }
.content-pane { margin: 20px auto 30px; border-radius: 5px; border: 1px solid #ccc; background-color: #FFFFFF; width: 936px; min-height: 100px; padding: 20px; padding-bottom: 30px;  box-shadow:0 0 10px #bbb; }

h1, h2, h3, h4, h5 { margin: 0; }
.content-pane h1 { font-size: 24px; }

/****common Error Div****/
.errorDiv { margin-bottom: 20px; padding: 10px; border: 1px solid #f00; border-radius: 5px; }
.errorIcon { margin-top: 0; }
.errorMsgDiv { margin: 0 15px 0 30px; /*line-height: 1.3;*/ }
.errorMsgDiv p { margin: 0; }
.errorMsg-head { color: #FF0000; font-weight: bold; }
.error-info {color: #cf2a2a;}
/**************/

::-webkit-input-placeholder {color: #eeeeee; }
/*::-moz-placeholder {  color: #eeeeee; }*/
/*:-ms-input-placeholder { color: #eeeeee; }*/
:-moz-placeholder { /* Firefox 18- */ color: #eeeeee; }

/******Gray Gradient**********/
.grayGradient {
    background: #ffffff; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZGVkZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #ffffff 0%, #ededed 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%,#ededed 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%,#ededed 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%,#ededed 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%,#ededed 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-8 */
}/******Gray Gradient**********/

.blueGradient, .blueGradient:hover, .blueGradient:focus {
    background: #5490c5; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU0OTBjNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzYzczYjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #5490c5 0%, #3c73b3 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5490c5), color-stop(100%,#3c73b3)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #5490c5 0%,#3c73b3 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #5490c5 0%,#3c73b3 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #5490c5 0%,#3c73b3 100%); /* IE10+ */
    background: linear-gradient(to bottom, #5490c5 0%,#3c73b3 100%); /* W3C */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5490c5', endColorstr='#3c73b3',GradientType=0 ); /* IE6-8 */
}

.orangeGradient {
    background: #eeb100; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlYjEwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMTc1MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #eeb100 0%, #e17500 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeb100), color-stop(100%,#e17500)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #eeb100 0%,#e17500 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #eeb100 0%,#e17500 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #eeb100 0%,#e17500 100%); /* IE10+ */
    background: linear-gradient(to bottom, #eeb100 0%,#e17500 100%); /* W3C */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeb100', endColorstr='#e17500',GradientType=0 ); /* IE6-8 */
}

/***********Common Classes***********/
.no-padding { padding: 0 !important; }
.no-margn { margin: 0 !important; }
.paddTop5 { padding-top: 5px !important; }
.paddTop10 { padding-top: 10px !important; }
.paddTop20 { padding-top: 20px !important; }
.paddTop30 { padding-top: 30px !important; }
.paddBot10 { padding-bottom: 10px !important; }
.paddBot20 { padding-bottom: 20px !important; }
.paddBot30 { padding-bottom: 30px !important; }
.paddRgt10 { padding-right: 10px !important; }
.marginRgt15 { margin-right: 15px !important; }
.paddRgt20 { padding-right: 20px !important; }
.marginlft60{margin-left:60px;}
.marginLeft-20 { margin-left: -20px !important; }
.margnLeft20-lg { margin-left: 20px; }
.margnTop20 { margin-top: 20px !important; }
.margnTop10 { margin-top: 10px !important; }
.margnTop14 { margin-top: 14px !important; }
.new-line { display: block; clear: both; }
.width-auto { width: auto!important; }
.unBold { font-weight: normal !important; }
.font12 { font-size: 12px !important; }
.font13 { font-size: 13px !important; }
.font14 { font-size: 14px !important; }
.font18 { font-size: 18px !important; }
.font25 { font-size: 25px !important; }
.grayBg { background: #efefef; }
.widthHalf {width: 50% !important; }
.override-topbrder { margin-top: -1px; }
.noChildSpan-margin [class*="span"] { margin-left:0 !important; margin-right: 0 !important;  }
.noChildSpan-padding [class*="span"] { padding-left:0 !important; padding-right: 0 !important;  }
.bold { font-weight:bold !important; }
.text-uppercase { text-transform: uppercase !important; }
.link-color { color: #0574ac !important; }
.btn-danger,.btn-danger:hover, .btn-danger:focus  { text-shadow: none; border:1px solid #d03a2b;
                                                    background: #d43c2d; /* Old browsers */
                                                    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
                                                    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q0M2MyZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2Q0M2MyZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkMDNhMmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
                                                    background: -moz-linear-gradient(top, #d43c2d 0%, #d43c2d 50%, #d03a2b 100%); /* FF3.6+ */
                                                    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d43c2d), color-stop(50%,#d43c2d), color-stop(100%,#d03a2b)); /* Chrome,Safari4+ */
                                                    background: -webkit-linear-gradient(top, #d43c2d 0%,#d43c2d 50%,#d03a2b 100%); /* Chrome10+,Safari5.1+ */
                                                    background: -o-linear-gradient(top, #d43c2d 0%,#d43c2d 50%,#d03a2b 100%); /* Opera 11.10+ */
                                                    background: -ms-linear-gradient(top, #d43c2d 0%,#d43c2d 50%,#d03a2b 100%); /* IE10+ */
                                                    background: linear-gradient(to bottom, #d43c2d 0%,#d43c2d 50%,#d03a2b 100%); /* W3C */
                                                    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d43c2d', endColorstr='#d03a2b',GradientType=0 ); /* IE6-8 */  }
.btn-danger:hover, .btn-danger:focus { border:1px solid #d43c2d; }
.paddBot50 { padding-bottom: 50px !important; }
.paddBot100 { padding-bottom: 100px !important; }
.paddLeft20 { padding-left: 20px !important;}
/*********************/


/**********Reset Modal**********/

.modal { border: 1px solid rgba(0, 0, 0, 0.1);overflow-y: auto !important; }
.modal-header { height: auto; background: none; border: none; font-size: 14px; }
#closex { margin-left: 5px; }
.modal-header h3 { line-height: normal; padding: 20px 0; }
.close-txt { line-height: normal; margin-top: 23px; }
.modal-header .close { margin-top: -2px; }
.modal.in { display: block !important; position: absolute; }
.width700 { width: 700px; margin-left: -350px; }
.width590 { width: 590px; margin-left: -295px; }
.width490 { width: 490px; margin-left: -245px; }
.modalHeight { height: 385px; }
.modal-body { padding: 0; max-height: none; }
.top-bot-border { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 10px 0; }
/**************************/
.no-border-bottom { border-bottom: 0; }
.no-border { border: 0 !important; }

.switch-left { float: left !important; }
.switch-right { float: right !important; }

/***********Activation***********/

.content-pane { padding-top: 0; }
.activate-device { padding: 40px 0 30px; border-bottom: 1px solid #ddd; margin: 0 -20px; background-color: #fff; border-radius: 5px 5px 0 0; }
.activate-device h1 { font-size: 38px; text-align: center; color: #f58a41; }
.activate-device h1 span { font-size: 14px; }

.ensure-box { background: #fff; border-radius:4px; margin: 20px 0; border: 1px solid #ddd; padding: 10px; }
.ensure-box p { margin: 0; }

/*.device-pane .span6 { background-color: #fff; border: 1px solid #ddd; border-radius: 5px; }*/
.productImg-wrap { margin-bottom: 30px; }
.productImg-wrap img { height: 250px; max-width: 250px; }
.btnSelect-wrap .form-control { height: 40px; margin: 0; }
#wrapper { overflow-x: hidden; }

.innercontent-pane .activate-device { padding: 20px; padding-left: 15px; }
.innercontent-pane .activate-device h1 { text-align: left; font-size: 24px; color: #333; }

.errorDiv-yellow { border-color: #f7f180; background-color: #fefde1; }
.single-errorline { /* padding-top: 4px; */ }
.text-green { color: #4ca90c !important; }
.text-red { color: #e22629 !important; }
.content-wrap { width: 70%; }

.form-horizontal { padding: 15px 0; }
.form-horizontal .controls, .form-inline .controls { position: relative; }
.form-horizontal .control-group, .form-inline .control-group { margin-bottom: 30px; }
label { font-size: 14px; font-weight: normal; float: none; text-align: left; line-height: normal;  }
.form-horizontal .control-label, .form-inline .control-label { float: left; font-size: 14px; font-weight: normal; padding: 6px 0 0 0; margin: 0; text-align: left; line-height: normal; }
.form-horizontal .inputfieldlogin, .form-inline .inputfieldlogin { width: 100%; border-color: #ccc; margin: 0; }
.form-horizontal select, .form-horizontal textarea, .form-inline select, .form-inline textarea { width: 100%; margin:0; border-color: #ccc; resize: none; }
.form-inline .control-label { width: auto; padding-top: 0; padding-bottom: 5px; }
.form-inline .control-group { margin-left: 0; clear: both; }
.btn[disabled] ,.btn[disabled] { border:1px solid #d4d4d4; color: #4D7173;background-color: #F2F2F2;}
.btn[disabled]:hover,.btn[disabled]:focus, .btn.disabled:hover,.btn.disabled:focus { 
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImcyOTMiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGMkYyRjIiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNFN0U3RTciIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2cyOTMpIiAvPgo8L3N2Zz4=);
    color: #4D7173;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    background-color: #F2F2F2;
    background-image: -moz-linear-gradient(top, #f2f2f2, #e7e7e7);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#e7e7e7));
    background-image: -webkit-linear-gradient(top, #f2f2f2, #e7e7e7);
    background-image: -o-linear-gradient(top, #f2f2f2, #e7e7e7);
    background-image: linear-gradient(to bottom, #f2f2f2, #e7e7e7);
    background-repeat: repeat-x;
    border-color: #d4d4d4;
    box-shadow: none;
    cursor: not-allowed;
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
input[type=number] { -moz-appearance:textfield; }

.wireless-form .controls { width: 300px; }
.cancelacti-link { margin-right: 20px; margin-top: 5px; vertical-align: top; display: inline-block; }
.form-btn-group { /* border-top: 1px solid #ccc; */ padding-top: 20px; }

/*********************/
.pregresser { display: block; position: relative; padding: 30px 100px 20px 100px; border-bottom: 1px solid #ddd; margin: 0 -20px 30px; }
.outerstep { border-radius: 25px; width: 25px; height: 25px; background-color: #f4f4f4; box-shadow: inset 0 5px 5px -5px rgba(0,0,0,0.8); float: left;  border: 1px solid #ddd; border-left: 0; }
.step1 { border-right: none; border-left: 1px solid #ddd; }
.stepbar { height: 15px; background-color: #f4f4f4;  box-shadow: inset 0 5px 5px -5px rgba(0,0,0,0.8); float: left; width: 93%; border-bottom: 1px solid #ddd; margin: 6px -2px 0; }
.stepbar li { min-height: 1px; } 
.stepbar.active .innerstepbar { background:#14771a; margin: 2px -2px; height: 70%; position: relative;  }
.innerstep { text-align: center; line-height: 20px; border-radius: 25px; margin: 3px; }
.active .innerstep { background-color: #14771a; color: #fff; }
.stepper { margin: 5px -30px 0; list-style: none; }
.stepper .active { font-weight: bold; color: #14771a; }

.purchased-device { border: 1px solid #ddd; border-radius: 5px; padding: 20px; margin: 20px 0; background: #fff; }
.purchased-device.w450{width:450px;}
.purchased-device-desktop { border: 1px solid #ddd; border-radius: 5px; padding: 20px; margin: 10px 0; background: #fff; }
.accordian { font-size: 15px; line-height: 25px; border: 1px solid #ddd; padding: 10px; border-radius: 5px; margin-bottom: 20px; }
.accordian:nth-last-child(1) { margin-bottom: 0; }
.accord-link>span { background: #0081C2; color: #fff; font-size: 24px; border-radius: 24px; width: 23px; height: 24px; display: inline-block; text-align: center; line-height: 24px; padding-left: 1px; vertical-align: top; margin-right: 10px; }

.backto-acti { border-top: 1px solid #ddd; font-size: 14px; color: #035b95; margin: 30px -20px 0 -20px; padding: 20px 20px 0; }
.backto-acti [class*="cssIcon"] { margin-left: 5px; }
.subSteps-mob { font-size: 14px; padding: 10px 0; margin-top: 25px; margin-bottom: 5px; }
.subSteps-mob h2 { font-size: 24px; }
.yesConfirmconti-btn { margin-left: 20px; }

#myModalLabel span { font-size: 20px; line-height: 24px; padding: 0; color: #111; clear: none; }
.agreement h2 { font-size: 24px; color: #333; }
.link-print { background: url('../images/print-icon.png') no-repeat left top; padding-left: 25px; padding-top: 2px; margin-top: 7px; }
.agreementbox { border-radius: 5px; border: 1px solid #ddd; overflow-y: scroll; margin-top: 20px; background: #fff; }
label.checkbox input[type=checkbox] { position: static; margin: 2px 5px 0 0; float: left; }
.enter-ssn { margin-top: 20px; margin-bottom: 0; }
.enter-ssn .form-control { border-color: #ddd; margin: 10px 0 0 0; width: 275px; }

.patternTopbrdr { background:url(../images/border-pattern.png) repeat-x left top; background-size: auto 4px; }
#chatnow-link { position: fixed; right: 0px; top: auto; bottom:0; background: #0579b4; border-radius: 5px 5px 0 0; width: 180px; height: 35px; line-height: 35px; text-align: center; color: #fff; font-weight: bold; z-index:1;
                /*-webkit-transform: rotate(-90deg);
                -moz-transform: rotate(-90deg);
                -o-transform: rotate(-90deg);*/
}
#chatnow-link:hover { text-decoration: none; }
.chat-icon{background:url('../images/chat-icon.png');width:20px;height:18px;background-color: transparent;display:inline-block;margin-top: 8px;vertical-align: top;}
.success-icon, .goterror-icon { margin-right: 5px; margin-bottom: 5px; max-width: 20px; float: left; }

.foo-links { display: block; clear: both; }
.foo-links li { display: block; padding: 10px 0; border-top: 1px solid #ddd; }
.foo-links li a { padding: 0 20px; font-size: 14px; display: block; }
.foo-links li a [class*="cssIcon"] { float: right; margin: 3px 10px 0 0; }

/************flow Multiple**********/

.multiprgrssr .step2 { position: absolute; left: 50%; margin-left: -10px; }
.multiprgrssr .halfactive .innerstepbar { background: #14771a; margin: 2px -2px; height: 70%; position: relative; width: 52%; } 
.stepper { position: relative; clear: both; padding-top: 5px; height: 20px; }
.secndOption { text-align: center; position: absolute; width: 100%; }

.slctwireless-list { padding: 10px 0 20px; margin: 0; list-style: none; }
.slctwireless-list li { padding: 10px 0; }
.slctwireless-list li input { margin: 4px 10px 0 2px; vertical-align: top; } 
.errorDiv-success { border-color: #ddd; }

.multidevice-sepertr { border-bottom: 1px dotted #ddd; margin-bottom: 10px; margin-top: 10px; }
.error-list { margin-left: 15px; margin-top: 10px; }
.nowrap-formtxt { white-space: nowrap; }
.wireless-form .control-label { 
	padding-bottom: 5px; 
	position: relative;
    z-index: 1;
}
#enterPassphrase { width: 100%; position: relative; }
#enterPassphrase input { border-radius:4px; }
.input-append .add-on-link { background-color: #fff; color: #0081C2; position: absolute; right: 0; top: 0; z-index: 2; }
.input-append .add-on-link a {background: url(../images/ATT_Sprite_v1.png) no-repeat -236px -100px; width: 18px; height: 18px; display: inline-block; margin-top: 1px;  }
.alert-error { margin-bottom: 0;display: inline-block;width: 90%;margin-top: 10px;padding: 6px 14px; border-radius: 0; border: 0; }
.checkbox .skin + span, .radio .skin + span{margin-left:20px !important;margin-top:5px !important;}
/************20150512*************/
.att-wireless,  .att-goPhone { width: 98%; background-color: #fff; border: 1px solid #ddd; border-radius: 5px; }
#ge5p_z2 { height: 105px !important; }
.page-header { display: block; width: auto; }
.activate-device { padding: 30px 0 40px; }
.activate-device h1 { display: block; font-family: Omnes_att_ii_regular,Arial; }
.lightGrayBg { background-color: #f7f7f7; }
html .font16 { font-size: 16px !important; }
/* STEP-INDICATOR */
.step-wrapper {
    min-height: 26px;
    padding: 15px 15px 0 15px;
    position: relative;
    width: auto;
    overflow: hidden;
}
.step-wrapper .step-label {
    color: #333333;
    font-size: 14px;
}
.step-wrapper .step-description {
    color: #1b7e28;
    font-size: 20px;
    margin-top: -10px;
}
.step-indicator {
    counter-reset: item;
    list-style: none;
    margin: 6px auto;
    width: 98%;
    position: relative;
    height: 14px;
    border: 1px solid #b7b7b7;
    border-left-style: none;
    border-right-style: none;
    background-color: #f9f9f9;
    text-align: justify;
    text-justify: distribute-all-lines;
    box-sizing: border-box;
}
.step-indicator .step {
    display: inline-block;
    background-color: #f9f9f9;
    width: 26px;
    height: 26px;line-height: 19px;
    border-radius: 26px;
    border: 1px solid #b7b7b7;
    vertical-align: middle;
    box-sizing: border-box;
    margin: -7px -3px 6px -3px;
}
.step-indicator .step:after, .step-indicator li:last-child:after {
    content: "" counter(item, decimal);
    counter-increment: item;
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    position: relative;
    font-weight: bold;
    vertical-align: text-top;
    text-align: center;
    color: #666666;
    margin-left: 2px;
    box-sizing: border-box;
}
/*.step-indicator li:last-child:after,*/
.step-indicator li.step-done:after {
    content: "";
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAAUCAYAAADC1B7dAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjY5RkZGNzQ4ODcyMzExRTRCNTc4QzMxQkE3QzIyNDI5IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjY5RkZGNzQ5ODcyMzExRTRCNTc4QzMxQkE3QzIyNDI5Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NjlGRkY3NDY4NzIzMTFFNEI1NzhDMzFCQTdDMjI0MjkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NjlGRkY3NDc4NzIzMTFFNEI1NzhDMzFCQTdDMjI0MjkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz60xqYUAAAB40lEQVR42syXu0sDQRDGc/GBYGNpRLCztRK08YHoVQEbLUQL01xK/SMsDgS1UVOINhYpTCkogoLgoxULexGxsbNTz29hL1wmM/Eeu9GBHzn2lvnuy97O7DlBEOQMxQrYA73gGCzn2hCe5zXoOgYMdYMrME7GHctGWN3OjHmHwT3oI+Pnls2IuvkMeSfBI0mqlnsDuBbNiLqVSsVNu0Iz4Ax0RMa+wRKoWjQj6sJMNe0rJyUtgtM/MFOEmbpu0qIwCm6ZpAugZtGMqAszNVoUVLXYBGPgBPhC3iFwTZKqKKcxo6tUXRcP5gvzRF1qJlyhF/wORMYOQYnM6wGvTFXZBusp//UmXTxgicwRdTGX1c2TpCpW9eaOxh2T9DKtGR1NujAQS1cyExr6YMaPQEFf74IRcv8dzGXcGqwuTBX06qTSVYa2mPEucKN7TZncU5txGnxmNCTq6l7D6mJ1WuqGVe4ZDDL3v5jNuAPWDFWvRLow86tueFKY1d2WBk36ZspMUt04ZqKGnsB+jPmLJvsLHtK4Lm2sqkT2C3NVL5iw1Dhb6sJ4bF16OHWFV0BtxHmLB2hjutTQAzhg5vm6ZFoJrICoi3uJdKWznGqaU/r6Qm/ednx9NujCTGJdx+An+L+IHwEGANggtGnv9w1JAAAAAElFTkSuQmCC');
    background-size: 26px 10px;
    background-position: -10px 5px;
    background-repeat: no-repeat;
}
.step-indicator li.step-done:after {
    background-position: 5px 5px;
    background-repeat: no-repeat;
}
.step-indicator li.step-done:before {
    display: block;
    background-color: #1b7e28;
    content: "";
    position: absolute;
    height: 8px;
    top: 0;
    margin: 2.2px 0 0 3px;
}
.step-indicator:after {
    content: "";
    display: inline-block;
    width: 100%;
}
.step-indicator:before {
    content: '';
    background-color: #f9f9f9;
    width: 99%;
    height: 100%;
    margin-left: 1px;
    position: absolute;
}
.step-indicator li.step-done:after,
.step-indicator li.step-on:after {
    background-color: #1b7e28;
    color: #ffffff;
    margin-left: 2px;
}
@media \0screen\,screen\8 {
    .step-indicator li.step-done:after {
        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAKCAYAAACqnE5VAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjc3QUNCREFEODcyMzExRTQ5RTAxOTBDNzE2OTc4Qjg2IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjc3QUNCREFFODcyMzExRTQ5RTAxOTBDNzE2OTc4Qjg2Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NzdBQ0JEQUI4NzIzMTFFNDlFMDE5MEM3MTY5NzhCODYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NzdBQ0JEQUM4NzIzMTFFNDlFMDE5MEM3MTY5NzhCODYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6pFs8DAAAAxklEQVR42mL8//8/AwFgCcSLgFgFiBmRJdLT04nWy0RAYRwQH4NaMo+BNICiF59FqUC8EMrOBeJkEizB0AuyyAKIY9AUhgPxLCi7CIin4DCQaL0sQHwcKigHxG1AbAzEK6Bik4C4H4/LidYLsugNEIsAcSsQ3wXiaqjcKSDOJxBEROtlgnoVBkCu0QViUFIMISIuiNYLsmgfUsTBQCMQPybCIqL1wlJdChC/h7KfQxUTC4jSC7PoDzSF7AHiUhLzC1F6AQIMAMwWNwly2/TXAAAAAElFTkSuQmCC');
        background-repeat: no-repeat;
        content: "";
    }
}
[data-bubble-quantity="5"] .step-indicator li.step-done + li + li + li + li:before {
    display: none;
}
[data-bubble-quantity="4"] .step-indicator li.step-done + li + li + li:before {
    display: none;
}
[data-bubble-quantity="3"] .step-indicator li.step-done + li + li:before {
    display: none;
}
[data-bubble-quantity="2"] .step-indicator li.step-done + li:before {
    display: none;
}
[data-bubble-quantity="5"] .step-indicator li.step-done:before {
    width: 25%;
}
[data-bubble-quantity="4"] .step-indicator li.step-done:before {
    width: 33%;
}
[data-bubble-quantity="3"] .step-indicator li.step-done:before {
    width: 50%;
}
[data-bubble-quantity="2"] .step-indicator li.step-done:before {
    width: 99%;
}
.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;
}
/* END STEP-INDICATOR */
.checkbox input[type="checkbox"] + .skin {
    background-image: url("../images/ATT_Sprite_Retina_v3.2.2.png?grunted=1431021185896");
    background-size: 224px 140px;
}

@media \0screen\,screen\8 {
    .checkbox input[type="checkbox"] + .skin { 
        background-image: url("../images/ATT_Sprite_v3.2.2.png?grunted=1431021185896");
    }
}

.checkbox input[type="checkbox"] + .skin,
.radio input[type="radio"] + .skin {
    box-sizing: border-box;
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
}
.checkbox input[type="checkbox"] + .skin {
    height: 25px;
    width: 25px;
}
.radio input[type="radio"] + .skin {
    height: 26px;
    width: 26px;
}
.checkbox input[type="checkbox"]:focus + .skin,
.radio input[type="radio"]:focus + .skin {
    outline: thin dotted #666;
    outline-offset: 0;
}
.checkbox input[type="checkbox"] + .skin {
    background-position: -70px -1px;
}
.checkbox input[type="checkbox"]:checked + .skin {
    background-position: -98px -1px;
}
.radio input[type="radio"] + .skin {
    background-position: -126px -1px;
}
.radio input[type="radio"]:checked + .skin {
    background-position: -154px -1px;
}
.checkbox input[type="checkbox"]:disabled + .skin {
    background-position: -1px -113px;
}
.checkbox input[type="checkbox"]:disabled:checked + .skin {
    background-position: -29px -113px;
}
.radio input[type="radio"]:disabled + .skin {
    background-position: -57px -113px;
}
.radio input[type="radio"]:disabled:checked + .skin {
    background-position: -85px -113px;
}
.checkbox input[type="checkbox"]:disabled,
.radio input[type="radio"]:disabled {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
}
.checkbox input[type="checkbox"]:disabled + .skin + span,
.radio input[type="radio"]:disabled + .skin + span {
    color: #666666;
    cursor: not-allowed;
}
.error .checkbox input[type="checkbox"] + .skin {
    border: 1px solid #cf2a2a;
    background-position: -71px -2px;
    border-radius: 5px;
}
.error .checkbox input[type="checkbox"]:checked + .skin {
    border: 1px solid #cf2a2a;
    background-position: -99px -2px;
    border-radius: 5px;
}
.error .checkbox input[type="checkbox"]:disabled + .skin:before {
    height: 24px;
    width: 24px;
    border-radius: 5px;
}
.error .radio input[type="radio"]:disabled + .skin:before {
    height: 24px;
    width: 24px;
    border-radius: 100%;
}
.error .radio input[type="radio"] + .skin {
    border: 1px solid #cf2a2a;
    background-position: -127px -2px;
    border-radius: 100%;
}
.error .radio input[type="radio"]:checked + .skin {
    border: 1px solid #cf2a2a;
    background-position: -155px -2px;
    border-radius: 100%;
}
@media \0screen\,screen\8 {
    .checkbox input[type="checkbox"] + .skin,
    .error .checkbox input[type="checkbox"] + .skin,
    .radio input[type="radio"] + .skin {
        border: none;
        background-image: none !important;
    }
}
html .margnTop0 { margin-top: 0; }
.pregresser { padding: 30px 75px 20px 75px; }
.purchased-device .purchsedDevice-Img { width: 60px; height: auto; }
.purchased-device .purchsedDevice-Img img { max-width: auto; }
.accordian { background-color: #f7f7f7; }
/*.confirm-activationsep .purchased-device .purchsedDevice-Img { width: auto; height: auto; }*/
.errortopSpace-lg { margin-top: 20px; }
.modal-header { 
    background: #ffffff; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZGVkZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%,#f2f2f2 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-8 */
}
.top-bot-border { border-color: #ededed; }
.step-wrapper { padding: 0; }
.modal-backdrop, .modal-backdrop.fade.in { opacity: 0.75; filter: alpha(opacity=95); }
.modal.fade.in { top: 50%; }
.termsChkbx { margin: 0 25px 0 0 ;}
/*.agreement .termsChkbx input[type=checkbox] { margin-top: 0; }*/
.chkspert { padding-top: 4px; display: table; }

.reset-field{
    float: right;
    background: none;
    width: 20px;
    height: 20px;
    padding: 0;
    overflow: hidden;
    margin-top: 1px;
    display: inline-block;
    font: 0/0 Arial;
    color: transparent;
    background-color: transparent;
    border: 0;
    letter-spacing: -1px;
    word-spacing: -1px;position: absolute;
    right: 6px;
    top: 26px;
}
.reset-field:before, .reset-field:focus {
    background-position: -181px -21px;
    height: 20px;
    width: 20px;background-image: url("../images/ATT_Sprite_Retina_v3.2.2.png?grunted=1431362770544");
    background-size: 224px 140px;
    opacity:0;
}
.reset-field:before {
    content: " ";color: #fff;
}

.controls input:focus + .reset-field:before,
.ssncontrol-group input:focus + .reset-field:before,
textarea:focus + .reset-field:before{
    display: inline-block;
    opacity:1;
}
.reset-field:focus {
    outline: thin dotted #000;
    outline-offset: -1px;opacity:1;
}
#enterPassphrase .reset-field { top: 5px; z-index: 4; }
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, .uneditable-input:focus { border-color: #ccc; }
.error input:focus, .error textarea:focus { border-color: #ff0000; }

.error-dropdown-msg {
    display: none;
}
.error .error-dropdown-msg {
    display: block;
}
.error-dropdown-msg {
    background-color: #cf2a2a;
    border-radius: 0 0 5px 5px;
    color: #FFFFFF;
    margin-top: -2px;
    margin-bottom: 10px;
    padding: 10px 8px 8px;
    font-size: 12px;
    line-height: 14px;
}
.error-pad {
    padding: 5px;
    border: 1px solid #cf2a2a;
    border-radius: 0 0 5px 5px;
}
.error-pad label:last-child {
    margin-bottom: 0;
}
.ssncontrol-group { width: 275px; position: relative; }
.ssncontrol-group .reset-field { margin-top: 6px; }


.toggle-header + div { padding-top: 10px; padding-bottom: 10px; }
.accordion-body h3 { font-size: 18px; padding-bottom: 10px; font-family: Omnes_att_ii_regular,Arial; font-weight: normal; text-rendering: optimizelegibility;}

.accordion { border: none; margin-bottom: 0; }
.accordion .accordion-group { background-color: #F7F7F7; border: 1px solid #ddd; box-shadow: none; margin-bottom: 20px; border-radius: 5px; }
.toggle-header { padding-left: 42px; background: none; border: none; line-height: 42px; height: 43px; }
.accordion .accordion-group:last-child { border: 1px solid #ddd; }
.toggle-header span { color: #035B95; font-size: 15px; padding: 0; }
@media (min-width: 769px) {
    .toggle-header .cssIcon-toggle-minus, .toggle-header .cssIcon-toggle-plus { left: 9px; right: auto; }
    .cssIcon-toggle-plus { background: url("../images/plus_accord.png") no-repeat left top; border: none; width: 26px; height: 26px;}
    .cssIcon-toggle-minus { background: url("../images/minus_accord.png") no-repeat left top; border: none; width: 26px; height: 26px;}
    .width-22per { width: 22%; }
}

.modal .form-btn-group .btn { font-size: 14px; }
.modal-header h3 { font-weight: normal; font-family: Omnes_att_ii_regular,Arial; text-rendering: optimizelegibility;  }
#cancel-modal,#session-time-out-modal { margin-top: -100px !important; }
.control-group label strong {font-weight:normal ! important;}
.control-group.pd{padding-left: 16px;}

/***********20150525**************/

.paddTop50 { padding-top: 50px !important; }
.activate-device { padding: 50px 0; margin: 0px -30px; }
.activate-device h1 { font-size: 44px; line-height: 34px; }
.activate-device h1 span { line-height: normal; font-family: Arial; }
.activate-device h1, .innercontent-pane h2 { color: #333; font-family: Omnes_att_ii_regular,Arial; text-rendering: optimizelegibility; }
.att-wireless h2, .att-goPhone h2{color: #333; font-family: Arial,Omnes_att_ii_regular; text-rendering: optimizelegibility; }
.att-wireless h2, .att-goPhone h2, .innercontent-pane h2 { font-size: 20px; }
.innercontent-pane h2 { padding-bottom: 20px; padding-top: 20px; }
.ensure-box { margin: 30px 0; }
.btn { font-family: Arial; font-size: 16px; }
.selectWrap { margin-bottom: 0; margin-top: 4px; }
.att-goPhone .btnSelect-wrap { margin-bottom: 55px; }
.btnSelect-wrap .btn { white-space: nowrap; }
.activatSubDevice-home h2 span { padding: 0; }
.btnSelect-wrap { padding: 0 45px; }
.btn-white, .btn-alt, .btn-white:hover, .btn-white:focus, .btn-alt:focus, .btn-alt:hover { border-color: #B7B7B7; background-color: #F9F9F9; color: #0574AC;text-shadow: none; }
form[name="activateWrls"] .btn, .wireless-form .btn { font-size: 14px; }
form[name="activateWrls"] .form-btn-group .btn:nth-last-child(1),
.wireless-form .form-btn-group .btn:nth-last-child(1) { margin-right: 20px; }
.cssIcon-error-small { background-image: url("../images/ATT_Sprite_Retina_v3.2.2.png"); background-size: 224px 140px; background-position: -91px -28px; height: 22px;
                       width: 22px; margin-top: -1px; }
.cssIcon-alert-small { background-image: url("../images/ATT_Sprite_Retina_v3.2.2.png"); background-size: 224px 140px; background-position: -136px -27px; height: 22px;
                       width: 22px; }

.step-wrapper { padding: 0 !important; }
.step-indicator .step { line-height: 18px; }
.stepper-3 { margin:0 -14px 0px -20px; }
.stepper-3 li { float: left; width: 33.33%; }
.stepper-3 li:nth-child(1) { text-align: left; }
.stepper-3 li:nth-child(2) { text-align: center; }
.stepper-3 li:nth-child(2) span { padding-left: 10px; }
.stepper-3 li:nth-child(3) { text-align: right; }


.stepper-4 li { float: left; width: 25%; }
.stepper-4 li:nth-child(1) { text-align: left; }
.stepper-4 li:nth-child(2) { text-align: center; }
.stepper-4 li:nth-child(2) span { margin-left: -35px; }
.stepper-4 li:nth-child(3) { text-align: center; }
.stepper-4 li:nth-child(3) span { margin-left: 42px; }
.stepper-4 li:nth-child(4) { text-align: right; }
.stepper-4 li:nth-child(4) span { margin-right: 20px; }

.errorDiv { border:none; border-radius: 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin-left: -30px; margin-right: -30px; padding: 12px 20px; font-size: 12px;background-color: #FEF3F1; padding-left: 30px; }
.sub-head { padding: 15px 0; font-family: Omnes_att_ii_regular,Arial; text-rendering: optimizelegibility;  }
.errorDiv-yellow { background: #FEFDE1; }
.errorDiv-success { background: #fff; }


.content-pane { padding-left: 30px; padding-right: 30px; width: 916px; }
.innercontent-pane .activate-device { height: auto; padding: 30px; }
.innercontent-pane .activate-device h1 { font-size: 26px; line-height: 20px; }
.wireless-form .control-group { margin-bottom: 20px; }
.wireless-form .form-btn-group { margin-top: 10px; display: inline-block; width: 100%; margin-bottom: 0; }

/**********tooltip**********/
.tooltip-onclick .btn-tooltip {
    border-width: medium medium medium 1px;
    border-style: none none none solid;
    border-color: -moz-use-text-color -moz-use-text-color -moz-use-text-color #CCC;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    border-radius: 0px 4px 4px 0px;
    padding: 0px;
    right: 1px;
    width: 38px;
    height: 28px;
    margin: 0px;
    box-sizing: border-box;
    position: absolute;
    min-width: 0;
    top: 43px;
    z-index: 2;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .tooltip-onclick .btn-tooltip  { height: 27px; }
}
.controlpassphrase .helpertext {
    margin-top: -2px;
}
.helpertext {
    display: none;
    position: relative;
    z-index: 1010;
    padding: 0px;
    background-color: #F7F7F7;
    border: 1px solid #CCC;
    border-radius: 0px 0px 5px 5px;
    margin: -11px 0px 10px;
    width: 100%;
    box-sizing: border-box;
}
.hidden-spoken, .hidden-text-spoken {
    position: absolute !important;
    clip: rect(0px, 0px, 0px, 0px) !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0px !important;
    overflow: hidden !important;
    border: 0px none !important;
    letter-spacing: 0px;
    line-height: 0;
}
:root .btn-tooltip::after {
    top: 4px;
}
.cssIcon-tooltip, .btn-tooltip::after {
    background-position: -115px -71px;
    height: 21px;
    width: 21px;    background-image: url("//0.ecom.attccc.com/styles/att/assets3.2.0/images/ATT_Sprite_Retina_v3.2.2.png?grunted=1432098047930");
    background-size: 224px 140px;
    display: inline-block;
    vertical-align: middle;
    background-position: -115px -71px;
    background-repeat: no-repeat;
    padding: 0px;
    margin: 0px;
    font: 0px/0 "Arial";
    color: transparent;
    letter-spacing: 0px;content: " ";
position: absolute;
right: 8px;
}

.popover-title {
    margin: 0px;
    padding: 8px 14px 0px;
    font-size: 14px;
    line-height: normal;
    font-family: Arial;
    font-weight: bold;
    border-radius: 5px 5px 0px 0px;
    border: medium none;
}
.popover-content {
    white-space: normal;
    padding: 9px 15px;
    font-size: 12px;
    line-height: 14px;
}
.btn-tooltip.active:after, .btn-tooltip:hover:after {
  background-position: -93px -71px;
}
#enterPassphrase .reset-field { right: 38px; }

.cssIcon-tooltip.active {
  z-index: 1020;
}
.cssIcon-tooltip:hover,
.cssIcon-tooltip:focus {
  background-position: -93px -71px;
}
p .cssIcon-tooltip {
  margin-top: -5px;
}



.field-group.tooltip-onclick input + .reset-field {
  right: 37px;
}
.btn-tooltip:after {
  content: " ";
  position: absolute;
  right: 8px;
  top: 0;
}
.btn-tooltip.active:after,
.btn-tooltip:hover:after {
  background-position: -93px -71px;
}
.helpertext {
  display: none;
  position: relative;
  z-index: 1010;
  padding: 0;
  background-color: #f7f7f7;
  border: 1px solid #ccc;
  border-radius: 0 0 5px 5px;
  margin: -11px 0 10px 0;
  width: 100%;
  box-sizing: border-box;
}
.helpertext:before,
.helpertext:after {
  content: " ";
  border-color: transparent;
  border-style: solid;
  display: block;
  height: 0;
  position: absolute;
  width: 0;
}
.helpertext:before {
  border-width: 7px;
  border-bottom-width: 0;
  border-top-color: #ccc;
  right: 12px;
  top: 0;
  z-index: 1010;
}
.helpertext:after {
  border-width: 7px;
  border-bottom-width: 0;
  border-top-color: #f6f6f6;
  top: -1px;
  right: 12px;
  z-index: 1015;
}
.tooltip .cssIcon-tooltip + .tooltip-wrapper {
  position: absolute;
  left: 0;
  width: 100%;
  opacity: 0;
  z-index: 1010;
}
.tooltip .cssIcon-tooltip.active + .tooltip-wrapper {
  opacity: 1;
  -webkit-transition: opacity 0.5s linear;
  transition: opacity 0.5s linear;
}
.tooltip .cssIcon-tooltip.active + .tooltip-wrapper .helpertext {
  display: block;
  position: absolute;
  bottom: 36px;
  z-index: 1009;
  padding: 0;
  background-color: #f7f7f7;
  border: 1px solid #ccc;
  border-radius: 5px;
  margin: 0;
  width: 100%;
  box-sizing: border-box;
}
.tooltip .cssIcon-tooltip.active + .tooltip-wrapper .helpertext:before {
  display: none;
}
.tooltip .cssIcon-tooltip.active + .tooltip-wrapper .helpertext:after {
  display: none;
}
.tooltip .cssIcon-tooltip[data-placement="bottom"].active + .tooltip-wrapper .helpertext {
  bottom: inherit;
  top: 16px;
}
.tooltip .cssIcon-tooltip.active + .tooltip-wrapper .helptext,
.tooltip .cssIcon-tooltip[data-placement="bottom"].active + .tooltip-wrapper .helpertext,
.tooltip .cssIcon-tooltip[data-placement="top"].active + .tooltip-wrapper .helpertext {
  border-left: 0;
  border-right: 0;
  border-radius: 0;
}
.tooltip-onfocus input:focus + .helpertext,
.tooltip-onfocus input:focus + .helpertext {
  display: block;
}
.tooltip-onfocus input + .helpertext:before,
.tooltip-onfocus input + .reset-field + .helpertext:before,
.tooltip-onfocus input + .helpertext:after,
.tooltip-onfocus input + .reset-field + .helpertext:after {
  content: " ";
  border-color: transparent;
  border-style: solid;
  display: block;
  height: 0;
  position: absolute;
  width: 0;
}
.tooltip-onfocus input + .helpertext:before,
.tooltip-onfocus input + .reset-field + .helpertext:before {
  border-width: 7px;
  border-top-width: 0;
  border-bottom-color: #ccc;
  top: -8px !important;
  left: 11px !important;
  z-index: 1010;
}
.tooltip-onfocus input + .helpertext:after,
.tooltip-onfocus input + .reset-field + .helpertext:after {
  border-width: 7px;
  border-top-width: 0;
  border-bottom-color: #f7f7f7;
  top: -7px !important;
  left: 11px !important;
  z-index: 1015;
}
.tooltip .arrow {
  z-index: 1010;
}
.cssIcon-tooltip.active + .helpertext,
.btn-tooltip.active + .helpertext,
.btn-tooltip:active + .helpertext,
.btn-tooltip.active + .error-dropdown-msg + .helpertext,
.btn-tooltip:active + .error-dropdown-msg + .helpertext {
  display: block;
}
.tooltip-onclick input.active,
.tooltip-onclick input.active + .error-dropdown-msg,
.tooltip-onfocus input.active {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.tooltip-onclick .btn-tooltip.active,
.tooltip-onclick .btn-tooltip.active + .error-dropdown-msg {
  border-bottom-right-radius: 0;
}

.pregresser { margin-left: -30px; margin-right: -30px; padding-bottom: 30px; margin-bottom: 0; }
.purchased-device { padding-left: 15px; }
.device-info [class*="span"] { float: left; margin: 0; padding-right: 30px; width: auto; }
.accordion .accordion-group { background: #fff; }
.toggle-header {padding-left: 15px;padding-top: 13px;line-height: normal;}
.toggle-header .cssIcon-toggle-minus, .toggle-header .cssIcon-toggle-plus { right: 15px; left: auto; background-color: transparent; background-image: none !important;
border: 2px solid #959595; border-radius: 100%; width: 22px; height: 22px; }
.cssIcon-toggle-plus::before, .cssIcon-toggle-minus::before, .cssIcon-plus::before, .cssIcon-minus::before {
    border: 1px solid #959595;
    content: " ";
    display: block;
    height: 0px;
    left: 50%;
    margin-left: -6px;
    margin-top: -1px;
    position: absolute;
    top: 50%;
    width: 10px;
}
.cssIcon-toggle-plus::after, .cssIcon-plus::after {
    border: 1px solid #959595;
    content: " ";
    display: block;
    height: 10px;
    left: 50%;
    margin-left: -1px;
    margin-top: -6px;
    position: absolute;
    top: 50%;
    width: 0px;
}
.accordion .accordion-group:last-child { margin-bottom: 0; }
.backto-acti { margin-bottom: -10px; }
.backto-acti [class*="cssIcon"] { margin-right: 5px; margin-left: 0; }

.step-indicator li:last-child::after { content: "" counter(item, decimal) !important; background-image: none !important; }
.step-indicator li.step-done:last-child::after { content: "" !important; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAAUCAYAAADC1B7dAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjY5RkZGNzQ4ODcyMzExRTRCNTc4QzMxQkE3QzIyNDI5IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjY5RkZGNzQ5ODcyMzExRTRCNTc4QzMxQkE3QzIyNDI5Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NjlGRkY3NDY4NzIzMTFFNEI1NzhDMzFCQTdDMjI0MjkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NjlGRkY3NDc4NzIzMTFFNEI1NzhDMzFCQTdDMjI0MjkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz60xqYUAAAB40lEQVR42syXu0sDQRDGc/GBYGNpRLCztRK08YHoVQEbLUQL01xK/SMsDgS1UVOINhYpTCkogoLgoxULexGxsbNTz29hL1wmM/Eeu9GBHzn2lvnuy97O7DlBEOQMxQrYA73gGCzn2hCe5zXoOgYMdYMrME7GHctGWN3OjHmHwT3oI+Pnls2IuvkMeSfBI0mqlnsDuBbNiLqVSsVNu0Iz4Ax0RMa+wRKoWjQj6sJMNe0rJyUtgtM/MFOEmbpu0qIwCm6ZpAugZtGMqAszNVoUVLXYBGPgBPhC3iFwTZKqKKcxo6tUXRcP5gvzRF1qJlyhF/wORMYOQYnM6wGvTFXZBusp//UmXTxgicwRdTGX1c2TpCpW9eaOxh2T9DKtGR1NujAQS1cyExr6YMaPQEFf74IRcv8dzGXcGqwuTBX06qTSVYa2mPEucKN7TZncU5txGnxmNCTq6l7D6mJ1WuqGVe4ZDDL3v5jNuAPWDFWvRLow86tueFKY1d2WBk36ZspMUt04ZqKGnsB+jPmLJvsLHtK4Lm2sqkT2C3NVL5iw1Dhb6sJ4bF16OHWFV0BtxHmLB2hjutTQAzhg5vm6ZFoJrICoi3uJdKWznGqaU/r6Qm/ednx9NujCTGJdx+An+L+IHwEGANggtGnv9w1JAAAAAElFTkSuQmCC") !important; }
.agreementbox { margin-top: 0; }
.yesConfirmconti-btn { margin-left: 0; }
.termsChkbx { margin-right: 10px; }
#termsAccepted { margin-top: 2px; }
.chkspert { background:url(../images/chkseprt.png) no-repeat left -2px; background-size: 12px 31px; height: 25px; padding-left: 20px; display: inline-block; }
.goterror-icon { max-width: 22px; }
.paddTop15 { padding-top: 15px !important; }
.line-nb { color: #999; font-size: 14px !important; }
.section-heading {
    position: relative;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    font-size: 16px;
    padding: 15px 15px;
    background-color: #F2F2F2;
    display: block;
}
.section-heading { margin: 0 -30px; padding-left: 30px; }
.summary-errors { padding-top: 15px; padding-bottom: 15px; }
.checkbox .skin + .ctn-nb { color: #0574AC; margin-top: 5px!important; font-size: 16px !important; }
.control-group.error .control-label, .control-group.error .help-block, .control-group.error .help-inline { color: #CF2A2A; }
.control-group.error input, .control-group.error select, .control-group.error .mod-select + span, .control-group.error textarea {border-color: #CF2A2A; }
.icon20 { max-width: 20px; }
.cssIcon-notify { background-position: -69px -28px; height: 22px; width: 22px;background-image: url("../images/ATT_Sprite_Retina_v3.2.2.png");background-size: 224px 140px;
}
.errorDiv-success .cssIcon-notify { margin-top: -2px; }
.ssncontrol-group label {margin-right:0px;}
.content-pane a, .content-pane a:hover{ color: #0574ac !important; }
.btn, .btn-blue, .btn:hover, .btn:focus { border: 1px solid #0574AC; background-color: #0574AC; text-shadow: none; outline-color: #000 !important; }
.btn-alt, .btn-white { border-color: #B7B7B7; background-color: #F9F9F9; color: #0574AC; }
.btn-alt:hover, .btn-white:hover, .btn-alt:focus, .btn-white:focus { color: #0574AC; background-color: #F9F9F9; border-color: #B7B7B7; outline-color: #000 !important; }

/******************Spinner******************/
@-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) }
}
.loader { background-color: #FFF; background-position: 50% 50%; background-repeat: no-repeat; height: 100%; left: 0px; position: fixed; top: 0px; width: 100%; z-index: 1200; opacity: 0.5; }
.spinner-background { background-color: #f7f8fa; width: 100px; z-index: 1201; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; position: fixed; opacity: 0.9; padding: 25px 0 25px 0; top: 50%; left: 50%; margin-top: -38px; margin-left: -50px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.spinner { display: inline-block; vertical-align: middle; background-position: 0 0; background-repeat: no-repeat; padding: 0; font: 0/0 "Arial"; color: transparent; z-index: 1201; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAA2CAYAAACMRWrdAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABE9JREFUeNrcWk1IVFEUvqOjGY1mYQWmUg6VQWVFUVERmIssWkiLCgOpbRgEgQW1qBYqtCtaBAUuWlSIUIsWlf2BYAXZD1SQ/dCPTahho1k6zuscPI+et3Pfz8ybN/M88OHMee/Nfd89v/deA+Xl5cID2Q3YRZ/bAFfc+uGenh5Wn+UBqXmAOkAeoY50KRUviBXZ1LkqwQSfWwFAH44CugBDDifPakILAdvp7wvAQy+IIamDhu9bAKcBYy5Ndi7gEqDMoDvslFwirljOxFC1i160TyKFstyLGBthdDXkNsnKHMB+Rj/kBbEngLikmwaodYFYA2C6pMOxbnlBrB9wn9GvByxIgtQyShiyXAX0epXubwCGGf0eQCCB38NnjjD6n4ALXtYxJHWd0S8ErGNcSVjoashispwncp4W6AeAr4y+VrJaH3NPn/QODVy3BGh3s/NYAtgK2GSR6eKKnq+QapEuEUArWXmYPkcM1/MoG8pyBjBuMn4p1tNwONwIqLYq0IsBew3fqwCPAfcUaf414Bmg0qDTmBdqI3AyRs8YrXyXxuVkJsVjPSBbVwK5emiIb6ssVspYFGPmEGCtwsKXDS6pkfvEHHgNEjtniLt3gBZFl4RkOgEHjKRIVptZbFgxONaWHUTuJuC94dog4CT9lmbhPipppQnCiRtlrm8EnAJUmPzGgFmMPac6pZK5NGuY1vOla7EESRmfH2XGu0i1zIzUW9nVA8xCE2d+A2CzlARk+U7pOJXSQcnMrOycxVoH8fXHqruPUSfdTc1tpYn1gg7jyWmXb0bqGqAJCEWcLluilAgwO20DlEjXNUKqJE6Qw+Up4DhNfFIF+jP5eTuR1UndSTKm7MRci2HyIpSdd1qRUsWYVU+XQzMZE95ILo05wrVnqs0cpytoTZGOUymjiYyZJaao6K6INSlkseTQaCUbTdO7VlEZyrGIy05wz44gtSJrHAzQRf2hl9IIaLZ7M/SNJ9AVVzocZFUarHXM4f1Hp2yMZdmpCZJ0p+E9mxze36wnjwLAjKmUPAIenbakTNJ52pK2GHPaUgX9MCFOWirs7pfS5gvKK1rg+ZYY7jrhnt8sSV9B+xNxvxHLIwuVmLilr1wR4ycMWMTsBMkL0bhfiOXSjlDI4rlvYuKk0TcWK7EghVZ6Kfht64ChkGekxTjBTU3c9f3IvHgOua1+rvWFLJpRxH4wbdQHwBuhPmMuE5MP6+bT/oSWScTwhR5Rase+C7euf5k8ny/4g4uARCxkcPEhkcDRqxtZMSImn4aYdSGlCrc1ZstsarJ1KaCNmVTucCXVGhWJ/8+L9RgTEjFhQ5cRxPDFihk9bjn32yjkgUwlVqxw409+7e71ksCdQPYL9TGUL4jNZlwpzsSW74hxgd8r3PtfqrQRk2vQbzFxVubbhaYug7TADJGVBjKxy0/0/xUHCXZEs6nLmAJtV8Zt6nxJLCr+nYBGvSD2V4ABAEH0+Nran1P6AAAAAElFTkSuQmCC"); background-position: 0 0; background-size: 27px 27px; height: 27px; margin: -6px 5px; position: relative; top: -1px; width: 27px; display: block; -webkit-animation: rotation 1.2s infinite linear; -moz-animation: rotation 1.2s infinite linear; -o-animation: rotation 1.2s infinite linear; animation: rotation 1.2s infinite linear; margin: 0 auto; content: " "; }
.loader-wait { height: 100%; left: 0px; top: 0px; width: 100%; position: absolute; }
.ajax-loader { background-color: #FFF; background-position: 50% 50%; background-repeat: no-repeat; height: 100%; left: 0px; position: fixed; top: 0px; width: 100%; z-index: 1200; opacity: 0.5; }
@media \0screen\,screen\8 { 
    .spinner { background-image: url("../images/spinner-ie8.png") }
}
/* ::-webkit-scrollbar { display: none } */
body { overflow-style: none; overflow: scrollbars-none; }
/******************Spinner******************/
.focusDead:hover, .focusDead:focus { outline: none !important; }
.hide-desk { display:none; }
.errorDiv .error-list { margin-top: 0; }
iframe:focus { outline: none;}
iframe[seamless] {display: block;}
button:focus,.errorIcon:focus{outline: 1px dotted #000000 !important;} 
.width625 {
margin-left: -307px;
width: 625px;
}

.width600{width:600px !important;}
.modal-spinner{padding-top:60px;text-align:center;}
.multiline-scuccess-msg{text-align:center;width:100%;margin-top:30px;padding-bottom:80px;}
.modal-spinner-background { background-color: #f7f8fa; width: 100px; z-index: 1201; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; position: relative; opacity: 0.9; padding: 25px 0 25px 0; top: 50%; left: 50%; margin-top: 0px; margin-left: -50px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.accordion-body.collapse { padding-bottom:0; padding-top:0; }
#termsofservices, .toplink print {
    font-family: Arial,Helvetica,sans-serif;
}
.nowrap{
	white-space:nowrap;
	
}

@media(min-width:767px){
	.marTopD65{
		margin-top:65px !important;
	}
	.marTopD9{
		margin-top:9px !important;
	}
	
}
.marBottom-60px { margin-bottom: 60px;}
/*CRU Mulitline CSS Changes: START*/
.inline-block {display: inline-block;}
.width-80per { width: 80%;}
.width-630px {
	width: 630px;
}
.width-635px {
	width: 635px;
}
/* New Added */
.width-410px {
	width: 410px;
}
.width-736px{width:736px;}
.btn-width{width:640px;}
.width-642px{width:642px;}
.width-270px {
	width: 270px !important;
}
.arial-font {
	font-family: Arial,Helvetica,sans-serif;
}
.text-black {
	color: #333;
}

.wireless-form .input-field-container {
	background-color: #f5f9fc;
	border: 1px solid #e5e5e5;
	border-radius: 5px;
}

.wireless-form .input-field-container .control-group {
	margin: 18px 0px 38px 15px;
}
.order-number-margin {
	margin: 15px 0px 0 12px !important;
}

.wireless-form .input-field-container .or-class {
	
	margin-top: 20px;
	margin-left: 15px;
	margin-right: 4px;
}

.wireless-form .input-field-container .or-class span {
	margin-left: -12px;
}

.wireless-form .billing-button {
	padding-left: 15px;
	margin-top: 20px;
}

.wireless-form .separator {
	height: 1px;
	color: #d2d2d2;
	width: 630px;
	margin-bottom: 18px;
}
.custom-rule {
      
        height: 20px;
        display: inline-block;
		margin-top: 0px; 
 }
	
.width-100per {
		width: 100% !important;
}

.width-95per {
		width: 95% !important;
}
.activate-wireless .input-field-container .control-group {
		width: 270px;
}

#mar-bottom14px {
	
}
.confirm-activation-tnc .reset-field {
	right: 30%;
	top: 15%;
}

.confirm-activation-tnc .reset-field:focus {
	right: 30%;
	top: 15%;
}
.confirm-activation-tnc .selectWrap {
	width: 150px;
}

.confirm-activation-tnc .selectWrap select {
	width: 150px;
}
.confirm-activation-tnc	label {
	line-height: 25px;
}

.confirm-activation-tnc .viewby-dropdown {
	width: 40%;
	margin-top: 4%;
	margin-bottom: 6%;
}
.confirm-activation-tnc .viewby-dropdown label{
	width: 60px;
}

.confirm-activation-tnc .ctn-grid {
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
	margin-bottom: 6%;
}


.clear-fix{ clear: both}
.checkbox-container label { width: 200px; float:left !important; }
.checkbox-container {column-count:3;column-gap:75px;-moz-column-count:3;-moz-column-gap:75px;-webkit-column-count:3;-webkit-column-gap:75px; height:auto}
.pull-right { float: right}
.pulll-left { float: left}
.font17{ font-size: 17px}
.marBott0{ margin-bottom: 0px;}
.marBott2{ margin-bottom: 2px !important;}
.marBott15{ margin-bottom: 15px;}
.text-right{ text-align: right}
.paddLeft50{ padding-left: 50px;}
.text-center{ text-align: center}
.border0{ border: none} 
.page-link li{ list-style-type:none; display:inline;}
.page-link li a:after{content:"|";  padding-left: 4px;padding-right: 3px;}
.no-pipe:after{ content: "" !important;}
.btn-pad{   padding-top: 10px; padding-bottom: 11px;} 
.checkbox-container .checkbox {
display:none;
}
.checkbox-container label{float:none !important;}
/*.checkbox-container input[type="checkbox"]{visibility:hidden;}*/
.checkbox-container .checkbox:nth-child(-n+30) {
display:block;
}
.checkbox-container .checkbox input[type="checkbox"] + .skin{
	
	height: 26.5px;
	width:25.2px;
}
.checkbox-container.showAll .checkbox {
display:block;
}
#loading-modal .spinner-loader{
	margin-bottom: 20px;
	height: 50px;
	width: 50px;
	border-radius: 50%;
	border: 7px solid #0568ae;
	border-top-color: #f2f2f2;
	animation: rotation 1.0s infinite linear;
	-webkit-animation: rotation 1.0s infinite linear;
}

#loading-modal .loader-text {
	font-family: Omnes_att_ii_regular,Arial;
	color: #5a5a5a; 
}
.ctn-grid {
	/*-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
	-webkit-column-gap: 28px;
	-moz-column-gap: 28px;
	column-gap: 28px;*/
	overflow: hidden;
	/*border-top: 1px solid #d2d2d2;*/
	/*border-bottom: 1px solid #d2d2d2;*/
}
.tnc-cru .enter-ssn {
	margin-top: 12px;
	margin-bottom: 0;
}
.tnc-cru .selectWrap, .without-tnc-cru .selectWrap {
	width: 180px;
}
.tnc-cru .selectWrap .mod-select, .without-tnc-cru .selectWrap .mod-select {
	width: 180px;
}
.tnc-cru .reset-field {
	top: 1px;
	right: 15px;
}
.tnc-cru .reset-field:focus {
	top: 1px;
	right: 15px;
}
.without-tnc-cru .confirm-activationsep hr {
	margin-bottom: 18px;
}
.without-tnc-cru .separator {
	margin-bottom: 10px !important;
	margin-top: 3px;
}
.ctn-grid p {
	max-width: 294px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-bottom: 15px;
}

.width-250px {
	width: 250px;
}

.width-270px {
	width: 270px !important;
}
.width-265px {
	width: 255px !important;
}

.tnc-cru .agreementbox {
	overflow-y: scroll;
	max-height: 230px;
}
.tnc-cru .enter-ssn {
	width: 321px;
	margin-left: -35px;
}
.tnc-cru .enter-ssn label{
	margin-top: -11px;
	vertical-align: middle;
}
.paddTop0 { padding-top: 0px !important; }
.margin-auto { margin: auto; }
.marLeft-0px { margin-left: 0px !important; }
.marBot20 { margin-bottom: 20px !important; }
.marBot-10px { margin-bottom: -10px !important; }
.paddTop-16px { padding-top: 16px !important; }
.paddLeft-18px { padding-left: 18px !important; }
.paddLeft30 { padding-left: 30px !important;}
.checkbox-container label{padding-bottom: 5px;}
.display-none{ display:none;} 
.box-wrapper{ margin-top:8px;margin-left:8px;}
.mT11{ margin-top:11px}
.label-wrap{ padding-right:14px;padding-bottom: 0px;margin-bottom: 0px;}
.vert-algn{vertical-align:initial !important}
.text-wrapper{margin-top:20px;margin-left:42px;}
.hr-width{width:69%;margin-bottom:20px}
.borderBotD{border-bottom: 1px solid #d2d2d2;}
.full-width{margin-left:-30px;margin-right:-30px;/*border-bottom:1px solid #ccc*/}
.cssIcon-spinner-modf{background:url(images/ajax-loader.gif) 0 0 no-repeat;width:30px;height:30px;}
.borderR{ border-right: 1px solid #ccc}
.wrap73p{ width:73% }

label.checkbox input[type=checkbox]{position: relative;}
.btn-color{color: #0568ae;background-color:#f5f9fc !important; border: 1px solid #e5e5e5;}

.paddBot15{padding-bottom:15px !important;}
.paddBot5{padding-bottom:5px !important;}
.paddLeft10{padding-left:10px;}
.marTop-15 {
	margin-top: 15px !important;
}
.cssIcon-white {
	background-position: 0px 25px;
	height: 22px;
	width:22px;
	background-size:224px 140px;
}
.spiner-loader {
	height: 20px;
	width: 20px;
	border-radius: 15px;
	border: 3px solid #0568ae;
	border-top-color: #f2f2f2;
	animation: rotation 1.0s infinite linear;
	-webkit-animation: rotation 1.0s infinite linear;
	background-image: none;
	background-size: 224px 140px;
	padding: 0px 8px 0px 8px;
}
.activations_section label{
	cursor: text;
	margin-top: 6px;
}
.activations_success { height:291px; }
#cancel-activation {
	padding: 7px 15px 7px 15px;
}
#return-att {
	width:206px;
	padding: 8px 5px 6px 3px;
}
#activation-finish {
	width:206px;
	padding-top: 7px;
	padding-bottom: 7px;
}
#activate-rest {
	width:250px;
	padding:7px 10px 7px 11px;
}
.align-btn{margin-left:-30px;margin-right:-30px;}
.display-block{display:block;}
.wrap76p{width:76% !important;}
.back-btn {
    margin-right: -35px;
    margin-left: -35px;
    padding-left: 38px;
}

.ctn-grid div {
	width: 300px;
	float: left;
}

.ctn-grid div:nth-child(2) {
	padding-left: 22px; 
}
.marBot14 {
	margin-bottom: 14px;
}
.tnc-cru .ssncontrol-group input[type="password"] {
	width: 60px;
	margin-left: 10px;
	font-size: 14px;
	/*padding-top: 0px;*/
	height: 33px;
}	

@media screen and (-webkit-min-device-pixel-ratio:0) { 
  .tnc-cru .ssncontrol-group input[type="password"] {
    font-size: 20px;      
    }
}

.tnc-cru .ssncontrol-group {
	margin-left: 6px;
}
.tnc-cru .next-div {
	padding-bottom: 15px !important;
}
.tnc-cru .viewby, .without-tnc-cru .viewby {
	padding-bottom: 14px;
	vertical-align: middle;
}
.tnc-cru .row-fluid hr {
	margin: 5px 0 13px 0;
}
.tnc-cru .row-fluid h2 {
	padding-bottom: 17px;
}
.tnc-cru .separator {
	margin-top: 12px;
	margin-bottom: 0px;
}
.tnc-cru .backto-acti {
	margin-left: -33px;
	margin-right: -33px;
	padding-left: 30px;
	padding-top: 15px;
}
.tnc-cru .backto-acti a {
	vertical-align: middle;
}
.without-tnc-cru .backto-acti {
	margin-left: -33px;
	margin-right: -33px;
	padding-left:30px;
}

.success-cru label {
	margin-right: 0px !important;
	padding-bottom: 10px;
	cursor: default;
}
.success-cru .first-div label:last-child {
	padding-bottom: 0px;
}
.success-cru .second-div label:last-child {
	padding-bottom: 0px;
}
.success-cru .wireless-form {
	width: 692px !important;
}
.success-cru form > div {
	width: 692px !important;
}
.success-cru .success-ctn-container {
	width: 692px !important;
	padding-bottom: 20px;
}
.success-cru .second-div {
	padding-left: 154px;
}
.success-cru .third-div {
	 padding-left: 155px;
}

.success-cru .control-group {
	padding-left: 251px;
}
.failed-cru label {
	cursor: default;
}
.failed-cru .control-group {
	width: 630px !important;
	padding-left: 0px;
	clear: both;
	overflow: hidden;
}
.failed-cru .control-group button {
	float: right;
}
.failed-cru label {
	margin-right: 0px !important;
	padding-bottom: 10px;
}
.failed-cru .first-div label:last-child {
	padding-bottom: 0px;
}
.failed-cru .second-div label:last-child {
	padding-bottom: 0px;
}
.failed-cru .wireless-form {
	width: 630px !important;
}
.failed-cru form > div {
	width: 630px !important;
}
.failed-cru .failed-ctn-container {
	width: 692px !important;
	padding-bottom: 20px;
}
.failed-cru .success-ctn-container label .ctn-nb{		
	padding-left: 5px;		
}
.failed-cru .second-div {
	padding-left: 133px;
}
.failed-cru .third-div {
	 padding-left: 134px;
}
.summary-cru .control-group {
	padding-left: 215px;
	width: 692px;
}
.summary-cru #return-att {
	margin-left: 51px;
}
.summary-cru label {
	margin-right: 0px !important;
	padding-bottom: 10px;
}
.summary-cru .first-div label:last-child {
	padding-bottom: 0px;
}
.summary-cru .second-div label:last-child {
	padding-bottom: 0px;
}
.summary-cru .wireless-form {
	width: 692px !important;
}
.summary-cru form > div {
	width: 692px !important;
}
.summary-cru .success-ctn-container {
	width: 692px !important;
	padding-bottom: 20px;
}
.summary-cru .second-div {
	padding-left: 154px;
}
.summary-cru .third-div {
	 padding-left: 155px;
}
.summary-cru hr {
	color: #d2d2d2;
}
.summary-cru #failed-ctn .text-pad label:last-child {
		padding-bottom: 5px;
}
.summary-cru .success-ctn-container {
	padding-bottom: 15px;
}
.summary-cru .control-group {
	margin-bottom: 30px;
}
.summary-cru .backto-acti {
	padding-top: 15px;
}
.summary-cru label {
	cursor: default;
}
.input-field-container input:focus{
	border-color:#0568ae !important;box-shadow:none;color:#333;background-color:#ffffff;
}
#zipCode:focus{
	border-color:#0568ae;box-shadow:none;color:#333;background-color:#f2f8fb;
}
.error #zipCode:focus{
	border-color:#cf2a2a;box-shadow:none;color:#333;background-color:#fef3f1;
}
#line-selection-modal .modal-backdrop {
	background-color: #fff; 
} 
#line-selection-modal  .modal-backdrop.fade.in {
	opacity: 0.5;
}

#activateWrls .error  #wirelessNumber:focus{
	/*color:#ff0000;*/
	border-color: #cf2a2a;
	background-color: #fef3f1;
}
#line-selection-modal.modal.in{ display:block;position: fixed;top:34% !important}
#line-selection-modal.modal{top:34% !important}
.select-ctn .first-div {
	width: 120px;
}
.select-ctn .second-div {
	width: 120px;
	padding-left: 134px;
}
.select-ctn .third-div {
	width: 120px;
	padding-left: 127px;
	vertical-align: top;
}
.select-ctn #parentDiv label {
	margin-right: 0px;
	display: inline-block;
}
.select-ctn .control-group {
	padding-left: 30px;
	margin-bottom: 30px;
}
.select-ctn .checkbox .skin + .ctn-nb {
	color: #333 !important;
	font-size: 14px !important;
}
.select-ctn .checkbox .skin + span, .radio .skin + span {
	margin-left: 12px !important;
}
.activations_section label:first-child {
	margin-top: 0px;
}
.cssIcon-spinner {
	background-image: url(//0.ecom.attccc.com/styles/att/assets3.2.0/images/cssIcon-spinner.png?timestamp=1459278338332); 
	background-position: 0 0; 
	background-size: 27px 27px; 
	height: 27px; 
	margin: -6px 5px; 
	position: relative; 
	top: -1px; 
	width: 27px; 
	-webkit-animation: rotation 1.2s infinite linear; 
	-moz-animation: rotation 1.2s infinite linear; 
	-o-animation: rotation 1.2s infinite linear; 
	animation: rotation 1.2s infinite linear;
}
.activations_section .cssIcon-spinner {
	background-size: 20px 20px;
	height: 20px;
	width: 20px;
	margin: -6px 0px;
	}
.loadingM .cssIcon-spinner {
	background-size: 50px 50px;
	height: 50px;
	width: 50px;
	margin: -6px 0px;
}
.paddLeft5 {
	padding-left: 5px;
}
.ctn-progress {
	width: 666px;
}
.ctn-progress .activations_section .first-div {
	width: 126px;
	display: inline-block;
}
.ctn-progress .activations_section .second-div {
	width: 126px; 
	padding-left: 140px;
}
.ctn-progress .activations_section .third-div {
	width: 126px; 
	vertical-align: top;
	padding-left: 140px;
}
.activation-progress .btn[disabled], .btn[disabled] {
	color: #959595;
	border-color: #d9d9d9;
	background-color: #eeeeee;
 }
 .activations_section label {
	margin-right: 0px;
	color: #5a5a5a;
 }
 .activations_section label:nth-child(-n+5) {
	margin-right: 0px;
	color: #333;
 }
 #cancel-processing-modal .modal-header {
	background: #F5F5F5;
 }
  .summary-cru #cancel-ctn hr {
	width: 692px;
	margin-top: 0px;
 }
 .summary-cru #failed-ctn label .ctn-nb {
	padding-left: 10px;
 } 
 .summary-cru .success-ctn-container label .ctn-nb{
	padding-left: 10px;
 }
 .summary-cru #cancel-ctn label .ctn-nb {
	padding-left: 10px;
 } 
  .top-rule{
	border-left: 1px solid #d2d2d2;
	display:block;
	margin-left:9px;
	margin-bottom:3px;
}
.bottom-rule{
	border-left: 1px solid #d2d2d2;
	display:block;
	margin-left:9px;
	margin-top:3px;
}
.left-rule{
	border-top: 1px solid #d2d2d2;
	display:inline-block;
	margin-left:5.5%;
	margin-bottom:3px;
	width:40%;
	height:2px;
}
.right-rule{
	border-top: 1px solid #d2d2d2;
	display:inline-block;
	margin-bottom:3px;
	width:40.5%;
	height:2px;
	margin-right:3%;
} 
.success-cru .success-ctn-container label .ctn-nb{
	padding-left: 10px;
}
.chev-icon{
	margin-top: -3px; 
	margin-left: 2px;
}
.btn-type{
	margin-right:31% !important;
	margin-bottom:20px !important;
}
.hr-align{
	width: 976px; 
	margin-left: -29px; 
	margin-bottom: 0px;
	margin-top:0px;
}
.chev-i{
	margin-left:5px;
	vertical-align:middle;
}
.select-ctn .control-group.width-630px.shrinkInline { 
	width: 340px;
	float: right;
	padding-top: 0;
	display: inline;
	margin-top: -20px;
	padding-right: 210px;
}

.progress-cru #activation-finish {
	margin-right:28.5%;
}
.failed-cru .errorIcon {
	margin-right: 10px;
}
.overflow-hidden {
	overflow: hidden;
}
.marRight0{margin-right:0px !important; }
#loading-modal .loadingM {
	margin-left: 46%;
	margin-bottom: 25px;
}
.activate-wireless .btn[disabled]:hover, .btn[disabled]:focus, .btn.disabled:hover, .btn.disabled:focus {
	color: #959595;
}
#loading-modal .row-fluid .btn-white {
	margin-top: 20px;
}
#loading-modal .row-fluid .form-btn-group {
	border-top: 1px solid #ccc;
	margin-left: 20px !important;
}
.select-ctn .control-group.width-630px.shrinkInline {
	width: 630px;
   	float: right;
   	padding-top: 0;
   	display: inline;
   	margin-top: -40px;
   	padding-right: 315px;
}
.select-ctn .form-btn-group {
	padding-top: 0px;
}
#line-selection-modal .separator {
	margin: 20px 20px 0px 20px;
}
#line-selection-modal .top-bot-border {
	padding-bottom: 0px !important;
}
.activation-progress .form-btn-group {
	width: 666px;
	padding-left: 30px;
}
.activation-progress .btn-white {
	padding: 7px 15px 7px 15px;
}
#cancel-processing-modal .separator {
	margin: 20px 20px 0px 20px;
}
.vertical-align-top {		
	vertical-align: top;		
}
.filter-label {
	vertical-align: middle;
	display:inline;
}
.marTop8px {
	margin-top: 8px;
}
.marTop16px {
	margin-top: 16px;
}
label.checkbox .termsChkbx {
	margin-left: 12px;
}
.tnc-cru label.checkbox input[type=checkbox] {
	left: 0px;
}
.display-inline {
	display: inline !important;
}
/*CRU Mulitline CSS Changes: END*/