/*
STYLES FOR REDESIGN, OCT 2016S BY: RSPRINCE
*/
html, body {
  height: 101%;
  font-family: "DIN-regular", Arial, Helvetica, sans-serif;
}
@font-face {
	font-family: 'DINWeb-Black';
	src: url('/static/net10/new/fonts/DINWeb-Black.eot') format('eot'),
	     url('/static/net10/new/fonts/DINWeb-Black.woff') format('woff');
}
@font-face {
	font-family: 'DINWeb-Bold';
	src: url('/static/net10/new/fonts/DINWeb-Bold.eot') format('eot'),
	     url('/static/net10/new/fonts/DINWeb-Bold.woff') format('woff');
}
@font-face {
	font-family: 'DINWeb-Light';
	src: url('/static/net10/new/fonts/DINWeb-Light.eot') format('eot'),
	     url('/static/net10/new/fonts/DINWeb-Light.woff') format('woff');
}
@font-face {
	font-family: 'DINWeb';
	src: url('/static/net10/new/fonts/DINWeb.eot') format('eot'),
	     url('/static/net10/new/fonts/DINWeb.woff') format('woff');
}
#leftnav {
  display: none;
}
div#page-content-wrapper{
  float: none;
  width: 100%;
}
#activation_info h2 {
  margin: 0;
}
input, .activation input[type="text"], .activation input[type="password"] {
  width: 100%;
  box-shadow: none;
}



.container, #container, #main-content-container {
  width: 680px !important;
  border: 0 !important;
  margin: 0 auto;
  padding: 0;
}
.enh1, .enH1,.esH1, .esh1,.enH1upgrade,.esH1upgrade,  h2 {
	background: none !important;
	background-image:none !important;
}

#header{
	background: #333 !important;
    height: 110px !important;
    width: 100% !important;
}


/* the container that gets arrow */
.top-arrow {
  position: relative;
}

/* this forms the triangles */
.top-arrow:after,
.top-arrow:before {
  content: ' ';
  display: block;
  position: absolute;
  left: 18%;
  width: 0;
  height: 0;
  border-style: solid;
}

.top-arrow-right:after,
.top-arrow-right:before {
  left: 68%;
}

.top-arrow-center:after,
.top-arrow-center:before {
  left: 42%;
}

/* this border color controls the color of the triangle (what looks like the fill of the triangle) */
.top-arrow:after {
    top: -82px;
    border-color: transparent transparent #ccc transparent;
    border-width: 40px;
    z-index: 2;
}

/* this border color controls the outside, thin border */
.top-arrow:before {
    top: -80px;
    border-color: transparent transparent #EEE transparent;
    border-width: 40px;
    z-index: 3;
}

h1 {
  padding: 15px 0 8px 0px;
  font-size: 26px;
  min-height: 49px;
  font-weight: normal;
  color: #231E22;
  margin: 10px 0 0;
  text-transform: uppercase;
  text-indent:0px !important;
  font-family: "DINWeb-Bold", Arial, Helvetica, sans-serif;
}
h2 {
  color: #35A9DC !important;
  text-transform: capitalize;
  font-size: 20px !important;
  margin-top: 0px;
  font-weight: 300 !important;
  font-family: "DIN-Alternate-Bold", Arial, Helvetica, sans-serif;
}
.row {
  margin-bottom: 40px;
  margin-left:0px;
  margin-right:0px;
}
.row-tight{
  margin-bottom: 0px;
}
.item-wrapper {
  text-align: center;
  background: #eee; /*F9F9F9 */
  border: 1px solid #ccc;
  width: 100%;
  margin: 0 0 20px 0;
  padding: 20px;
}
.col-left{
	padding-left:0px;
}
.col-right{
	padding-right:0px;
	text-align:right;
}
.item-wrapper-sm {
  text-align: center;
  background: #F9F9F9;
  border: 1px solid #ccc;
  width: 100%;
  margin: 0px auto 20px;
  padding: 4px 5px;
  border-radius: 5px;
}
.item-wrapper-lg {
  text-align: left;
  background: #eee;
  border: 1px solid #ccc;
  width: 100%;
  margin: 0px auto 20px;
  padding: 20px;
}
.item-wrapper-lg-center {
  text-align: center;
  background: #eee;
  border: 1px solid #ccc;
  width: 100%;
  margin: 0px auto 20px;
  padding: 20px;
}
.item-title {
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 100;
}
.item-title-lg {
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 100;
}
.item-subtitle {
  font-size: 14px;
  text-transform: capitalize;
  font-weight: 100;
  min-height:50px;
}
.item-icon {
  width: 80px;
  height: 80px;
  margin: 6px auto 8px;
}
.item-icon-lg {
  width: 150px;
  height: 150px;
  margin: 10px auto 14px;
}

/* TEXT INPUT WITH HELP ICON */
.input-wrapper {
  position: relative;
  width: 100%;
}
.input-wrapper .help-icon {
  position: absolute;
  top: 8px;
  right: 10px;
  height: 20px;
  width: 20px;
  border-radius: 10px;
  background: #1DA9EB;
  color: white;
  display: block;
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
  text-align: center;
}


.btn {
  padding: 4px 12px;
  font-family: "DINWeb-Bold", Arial, Helvetica, sans-serif;
  display: block;
  margin: 0 auto;
}
.btn-primary {
  background: #333 !important;
  text-transform: uppercase;
  width: 60%;
  font-size: 12px;
}

.btn-primary-lg{
	width:86%;
	font-size:10px;
}

.btn-selected {
  background: #333 !important;
  text-transform: capitalize;
  width: 50%;
  font-size: 12px;
  opacity:0.75;
}

.rule-with-text {
  border-top: 1px solid #777;
  line-height: 0px;
  margin-top: 35px;
}
.rule-with-text span {
  background: #eee;
  padding: 0 5px;
  text-transform: uppercase;
  color: #777;
  vertical-align:super;
}
.rule-with-text-upgrade {
  border-top: 1px solid #777;
  line-height: 0px;
  margin-top: 35px;
}
.rule-with-text-upgrade span {
  background: #F9F9F9;
  padding: 0 5px;
  text-transform: uppercase;
  color: #777;
  vertical-align:super;
}
/* IMAGES */
.phone-ppe {
  background: url('../images/maintab/PHONE-PPE.png') no-repeat center center;
  background-size: cover;
}
.sim-byop {
  background: url('../images/maintab/SIM-BYOP.png') no-repeat center center;
  background-size: cover;
}
.homephone {
  background: url('../images/maintab/HOMEPHONE.png') no-repeat center center;
  background-size: cover;
}
.hotspot {
  background: url('../images/maintab/HOTSPOT.png') no-repeat center center;
  background-size: cover;
}
.phone-byop {
  background: url('../images/maintab/PHONE-BYOP.png') no-repeat center center;
  background-size: cover;
}
.reactivate-hotspot {
  background: url('../images/maintab/REACTIVATE-HOTSPOT.png') no-repeat center center;
  background-size: cover;
}
.upgrade-hotspot {
  background: url('../images/maintab/UPGRADE-HOTSPOT.png') no-repeat center center;
}
.keep-number {
  background: url('../images/maintab/KEEP-MY-NUMBER.png') no-repeat center center;
  background-size: cover;
}
.keep-number-byot {
  background: url('../images/maintab/KEEP-MY-NUMBER-BYOT.png') no-repeat center center;
  background-size: cover;
}
.keep-number-lg {
  background: url('../images/maintab/keep-number-lg.png') no-repeat center center;
  background-size: cover;
}
.new-number {
  background: url('../images/maintab/NEW-NUMBER.png') no-repeat center center;
  background-size: cover;
}
.new-number-lg {
  background: url('../images/maintab/new-number-lg.png') no-repeat center center;
  background-size: cover;
}
.login-lg {
  background: url('../images/maintab/login-lg.png') no-repeat center center;
  background-size: cover;
}
.login-blur {
  background: url('../images/maintab/login-blur-new.png') no-repeat center center;
  background-size: cover;
}
.create-account-lg {
  background: url('../images/maintab/create-account-lg.png') no-repeat center center;
  background-size: cover;
}
.create-account-blur {
  background: url('../images/maintab/create-account-blur-new.png') no-repeat center center;
  background-size: cover;
}
.refill-lg {
  background: url('../images/maintab/refill-lg.png') no-repeat center center;
  background-size: cover;
}
.refill-lg-blur {
  background: url('../images/maintab/refill-blur.png') no-repeat center center;
  background-size: cover;
}
.purchase-lg {
  background: url('../images/maintab/purchase-lg.png') no-repeat center center;
  background-size: cover;
}
.facebook {
  background: url('../images/maintab/facebook.png') no-repeat center center;
  background-size: cover;
}
.serial-num {
  background: url('../images/maintab/serial-num.png') no-repeat center center;
  background-size: cover;
}
.sim-num {
  background: url('../images/maintab/sim-num.png') no-repeat center center;
  background-size: cover;
}
.zip-code {
  background: url('../images/maintab/zip-code.png') no-repeat center center;
  background-size: cover;
}

.form-control {
  width: 100%;
}
.form-group{
	width: 60%;
    margin: auto;
}
.form-group label {
  font-weight: 100;
  font-size: 14px;
  text-transform: uppercase;
}
.form-group label::first-letter {
  font-size: 22px;
}
.phone-info{
	font-size: 10px;
    padding: 4px;
    border: 1px solid #ccc;
    box-shadow: 0px 1px 0px 0px #777;
    min-height:153px;
}
.phone-info img {
	width: 40px;
}
.row-info {
	margin-bottom:4px;
}
.close-modal {
  position: absolute;
  top: -33px;
  right: -30px;
  font-size: 20px;
  color: blue;
  background: white;
  width: 40px;
  border-radius: 20px;
  height: 40px;
  border: 2px solid #35A9DC;
}
.close-modal span {
  font-size: 44px;
  color: #35A9DC;
  position: absolute;
  left: 6px;
  top: -8px;
}
.close {
  opacity: .75;
}
.close:hover {
  opacity: 1.0;
}
.boxBorder{
	border:none;
	margin-bottom: -40px;
}
.upgrade-new {
  background: url('../images/maintab/upgrade-new.png') no-repeat center center;
  background-size: cover;
}
.upgrade-current {
  background: url('../images/maintab/upgrade-current.png') no-repeat center center;
  background-size: cover;
}
.phoneUpgCnt .upgrdPhLeftFloat{
	width: 436px !important;
}
div.content_block{
	border:none;
}
div.content_block h2{
	background-color:white !important;
}
.radio-btn-col{
	width:24px;
	padding:0px;
}
.custom-control-input{
	width:24px;
	
}
.phone-ser-num{
	font-size:9px;
}
.phone-desc{
	width:auto;
}
.panel-info{
	padding-right: 3px;
    padding-left: 3px;
}
.slctPhnLneSN{
	width:156px !important;
	text-align:left !important;
}
.slctPhnLneNN, .slctPhnLneStatus, .slctPhnLnePN, .slctPhnLneNN{
	text-align:left !important;
}
.tablet {
  background: url('../images/maintab/tablet-byot.png') no-repeat center center;
background-size: cover;
}
.sprint {
  background: url('../images/maintab/sprint.png') no-repeat center center;
background-size: cover;
}

.verizon {
  background: url('../images/maintab/verizon.png') no-repeat center center;
background-size: cover;
}

.tmobile{
  background: url('../images/maintab/tmobile.png') no-repeat center center;
background-size: cover;
}

.att {
  background: url('../images/maintab/att.png') no-repeat center center;
background-size: cover;
}
.item-carrier-options {
  font-size: 16px;
  font-weight: 100;
}
.byop-cdma {
  background: url('../images/maintab/device-id.png') no-repeat center center;
  background-size: cover;
}
.alignleft{
	width: 440px;
    margin-left: -40px;
}
.moreinfo{
	width:100% !important;
}

.reactivate {
  background: url('../images/maintab/reactivate.png') no-repeat center center;
  /*background: url('assets/upgrade-current.png') no-repeat center center;*/
  background-size: cover;
}
.upgrade {
  background: url('../images/maintab/upgrade.png') no-repeat center center;
  /*background: url('assets/upgrade-current.png') no-repeat center center;*/
  background-size: cover;
}
.port {
  background: url('../images/maintab/PORT.png') no-repeat center center;
  /*background: url('assets/upgrade-current.png') no-repeat center center;*/
  background-size: cover;
}
.replacement {
  background: url('../images/maintab/replacement.png') no-repeat center center;
  /*background: url('assets/upgrade-current.png') no-repeat center center;*/
  background-size: cover;
}
h3 {
  font-family: "DIN-Alternate-Bold", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  background: #ccc;
  padding: 10px;
  width: 100%;
  text-align: center;
  margin-bottom:0px;
}
.popup_head{
	color: #35A9DC;	
	font-size:18px;
	font-weight:600;
	margin-left:-10px;
	margin-bottom:6px;
	margin-top:6px;
}
.popup_desc{
	font-weight: 500;
    font-size: 14px;
}
.genericPadding {
	padding: 0px !important;
}
.claro {
  background: url('../images/maintab/claro.png') no-repeat center center;
  background-size: cover;
}