/* Minification failed. Returning unminified contents.
(395,12): run-time error CSS1038: Expected hex color, found '#black'
(5309,30): run-time error CSS1038: Expected hex color, found '#ffff'
(5685,28): run-time error CSS1019: Unexpected token, found '-'
(5685,28): run-time error CSS1036: Expected expression, found '-'
(5685,28): run-time error CSS1019: Unexpected token, found '-'
(5685,28): run-time error CSS1042: Expected function, found '-'
(5685,29): run-time error CSS1039: Token not allowed after unary operator: '-d9e0eb'
(5685,36): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
 */
body {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak { display: none !important; }

/* Set padding to keep content from hitting the edges */
.body-content {
	padding-left: 15px;
	padding-right: 15px;
}

 button.action_buttons
{
	width: 100%;
	max-width: 241px;
	min-width: 136px;
	background: #002D62;
	border-radius:5px;
	height:40px;
	color: #fff;
	font-size: 15px;
	font-weight:bold;
	text-align:center;
	border:none;
	margin-bottom:10px;
}

button.action_buttons:hover
{
	background: #379EFD;
}

button.btn-orange {
	background-color: #EE8B23;
	color: #fff;
	font: normal normal bold 22px/47px Helvetica;
	letter-spacing: 0px;
	height: 55px !important;
}

button.btn-orange-small {
    background-color: #EE8B23;
    color: #fff;
    letter-spacing: 0px;
}

button.btn-reset{
	background-color:#ffffff;
	color: #BCBCBC;
}

button.btn-orange:hover{
	color:#ddd;
}

.navbar-default{
	border:none;
}

input,
select,
textarea
{
	max-width: 280px;
}

input[type=search]
{
	max-width:140px;
}

button:disabled
{
	opacity:0.4;
}

/**********Jquery Select Menu*****************/
span.ui-selectmenu-button{
	display:block;
	background: none repeat scroll 0 0 white;
	color:black;
	max-width: 280px;
	width:100% !important;
}

ul.ui-widget-content{
	max-width: 280px;
	overflow: hidden;
	max-height: 300px;
}

ul.ui-widget-content li.ui-state-focus{
	font-weight:normal;
}

select.input-validation-error + span.ui-selectmenu-button{
	border: 1px solid #DC0000;
}

span.ui-state-hover{
	border: 1px solid #DDD;
}

	span.ui-state-hover .ui-icon {
		background-image: url("../../images/jqueryui/ui-icons_666666_256x240.png") !important;
	}

.ui-selectmenu-button.ui-widget.ui-state-default.ui-corner-all {
	border-radius: 5px;
}

/*************************DataTable************************/
@media (min-width: 768px) {
	div.dataTables_paginate {
		margin-left: -200px !important;
	}
}

/************Validation Error*******************/

.field-validation-error, .validation-summary-errors
{
	color:#DC0000;
}

.input-validation-error
{
	border: 1px solid #DC0000;
}

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

table
{
	width: 100% !important;
	border-collapse: collapse;
}

li{
	list-style-type: none;
}

@media all and (max-width: 600px) {
	.table{
		min-width:0 !important;
	}
	.table,
	.table thead,
	.table tbody,
	.table tfoot,
	.table th,
	.table td,
	.table tr
	{
		display: block;
	}
	.table > tbody > tr > td{
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		min-height:20px;
	}
	.table > tbody > tr > td[data-rcontent]{
		padding-left:50% !important;
	}
	.table td[data-rcontent]:before {
		position: absolute;
		left: 6px;
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;
		text-align: left;
	}
	.table tr
	{
		border: 1px solid #ccc;
	}
	.table thead
	{
		display:none;
	}
	.table td.dataTables_empty
	{
		padding:8px 0px !important;
		text-align:center;
	}
	.table tbody td:before{
		content: attr(data-rcontent);
	}
}

/*************************Error Page*************************/
#error_container
{
	padding-bottom: 22px;
}

#error_msg {
	background: white;
	margin-top: 20px;
	color:#1b8738;
}

/*************************Loading Page******************/


div.loading-image {
    min-height: 50px;
    margin: 20px auto;
    text-align: center;
    max-height: 90px;
}

.cart-spinner-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: #fff;
    z-index: 5000;
    opacity: 0.5;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.cart-spinner-container {
    position: absolute;
    z-index: 5001;
    height: 2em;
    overflow: visible;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

#vp-spinner {
    max-height: 90px;
}

img {
    opacity: 5;
}


/*****************************Logo Image******************/
.navbar-header.login img{
	height:auto;
	width:200px;
}

.security-layout .navbar-right{
	margin-top:10px;
}

/***************************** for the image select lists ddslick ******************/
.dd-select {
	/*border: 1px solid #ccc;*/
	border-radius: 2px;
	cursor: pointer;
	height: 57px;
	position: relative;
}





/***************************** Branded handset Review ******************/
.spacer_top {
    margin-top: 30px;
}

.spacer_top_sm {
    margin-top: 10px;
}

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

@media (min-width:801px) and (max-width:1920px) {
   .txt_sm {
        font-size: 12px;
    }

    .txt_md {
        font-size: 20px;
    }

    .txt_md_bold {
        font-size: 20px !important;
        font-weight: bold !important;
    }
}

@media (min-width:320px) and (max-width:801px)
{
    .nomini.review_product_type.border-cell { text-align:center !important; padding-left: 0px !important;}

}


@media only screen and (max-width: 800px) {

    /* Force table to not be like tables anymore */
	#no-more-tables table,
	#no-more-tables thead,
	#no-more-tables tbody,
	#no-more-tables th,
	#no-more-tables td,
	#no-more-tables tr {
		display: block;
	}

	/* Hide table headers (but not display: none;, for accessibility) */
	#no-more-tables thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	#no-more-tables tr { border: 1px solid #ccc; }

	#no-more-tables td {
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 50%;
        padding-right: 15px;
		white-space: normal;
		text-align:right;
	}

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


.content.table{margin-bottom: 0px;}

.review_product_data th {
    font-size: 16px;
    text-align: center;
}

.blank{
    background-color: white;
    border: none !important;
}

.border-cell {border:1px solid #DDDDDD;}

button.action_buttons_green {
    width: 100%;
    max-width: 241px;
    min-width: 136px;
    background: #009947;
    border-radius: 5px;
    height: 40px;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    border: none;
    margin-bottom: 10px;
}

button.action_buttons_grey {
    width: 100%;
    max-width: 241px;
    min-width: 136px;
    background: #ddd;
    border-radius: 5px;
    height: 40px;
    color: #black;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    border: none;
    margin-bottom: 10px;
}

button.action_buttons_blue {
background: #002d62 none repeat scroll 0 0;
border: medium none;
border-radius: 5px;
color: #fff;
font-size: 15px;
font-weight: bold;
height: 40px;
margin-bottom: 10px;
max-width: 241px;
min-width: 136px;
text-align: center;
width: 100%;
}




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

.inside-full-height {
  /*
  // if you want to give content full height give him height: 100%;
  // with content full height you can't apply margins to the content
  // content full height does not work in ie http://stackoverflow.com/questions/27384433/ie-display-table-cell-child-ignores-height-100
  */
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
}

.content {
  padding: 12px 3px;
}

/* columns of same height styles */

.row-height {
  display: table;
  table-layout: fixed;
  height: 100%;
  width: 100%;
}

.col-height {
  display: table-cell;
  float: none;
  height: 100%;
}

.col-top {
  vertical-align: top;
}

.col-middle {
  vertical-align: middle;
}

.col-bottom {
  vertical-align: bottom;
}

.nav-fix {
	margin-top: 0.5%;
}

@media (min-width: 480px) {
  .row-xs-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
  }
  .col-xs-height {
    display: table-cell;
    float: none;
    height: 100%;
  }
  .col-xs-top {
    vertical-align: top;
  }
  .col-xs-middle {
    vertical-align: middle;
  }
  .col-xs-bottom {
    vertical-align: bottom;
  }
}

@media (min-width: 768px) {
  .row-sm-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
  }
  .col-sm-height {
    display: table-cell;
    float: none;
    height: 100%;
  }
  .col-sm-top {
    vertical-align: top;
  }
  .col-sm-middle {
    vertical-align: middle;
  }
  .col-sm-bottom {
    vertical-align: bottom;
  }
}

@media (min-width: 992px) {
  .row-md-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
  }
  .col-md-height {
    display: table-cell;
    float: none;
    height: 100%;
  }
  .col-md-top {
    vertical-align: top;
  }
  .col-md-middle {
    vertical-align: middle;
  }
  .col-md-bottom {
    vertical-align: bottom;
  }
}

@media (min-width: 1200px) {
  .row-lg-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
  }
  .col-lg-height {
    display: table-cell;
    float: none;
    height: 100%;
  }
  .col-lg-top {
    vertical-align: top;
  }
  .col-lg-middle {
    vertical-align: middle;
  }
  .col-lg-bottom {
    vertical-align: bottom;
  }
}

@media (min-width:1200px) and (max-width:2400px)
{
.product_review_buttons{ bottom: 0; left: 6%; position: absolute; right: 6%}
.action_buttons_green{min-width:0px;}
.action_buttons_blue{min-width:0px;}
}

#brandedhandsets_transactions_results td
{
height: 35px;
}

#receipt_container
{
    background: none repeat scroll 0 0 #dcddde;
    height: auto;
}

.container-fluid.body
{
    height:auto;
}

#receipt_container .nav-tabs > li, #receipt_container .nav-pills > li
{
    float:none;
    display:inline-block;
    *display:inline; /* ie7 fix */
    zoom:1; /* hasLayout ie7 trigger */
    padding-top:20px;
}

#receipt_container .nav-tabs,
#receipt_container .nav-pills
{
    text-align:center;
    border-bottom: 1px solid #ddd;
}

#receipt_container .tab-pane
{
    padding-top:25px;
}

.container-fluid.content
{
    height: auto;
    padding-bottom: 20px;
    max-width: 770px;
    padding-left: 0 !important;
    padding-right: 0 !important;
}


#receipt_container .tab-content
{
    background: none repeat scroll 0 0 #fff;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

#receipt_purchase_details
{
    margin-top:25px;
    /*padding-top: 20px;     1/22/2015*/
}


#receipt_details
{
    padding-top: 25px;
}

.date_recpt_container
{
    display:table;
    float: right;
    margin-top:10px;
}

.recpt_date_data
{
    display:table-row-group;
}

.date_recpt
{
    display:table-cell;
}

.date_recpt.dbdata
{
    padding-left: 24px;
    text-align: end;
}

/*****************************Logo Bar***************************/
#receipt_banner
{
    margin: 16px 0 10px;
}

#banner_bar
{
    position: absolute;
    vertical-align: middle;
    width: 59%;
    z-index: 1;
}

#receipt_logo
{
    float: right;
    position: relative;
    vertical-align: middle;
    z-index: 2;
}

#logobar {
    background-image: url("https://cdn.vidapay.com/vidapay/newimages/receipt/blue-bar.png");
    background-size: 100% auto;
    height: auto;
}

/************************************Info Bar************************/
#active_stat .date_recpt > span {
    word-break: normal;
    display: inline-block;
}

#active_stat >div:first-child{
    overflow:auto;
}

#statbox > span
{
    font-size: 23px;
    vertical-align: middle;
}

#statbox
{
    color: #fff;
    float: right;
    height: 40px;
    text-align: center;
    padding: 5px;
    max-width:216px;
}

.order_info
{
    margin-bottom:20px;
}

#receipt_cust_info
{
    border: 1px solid black;
    text-align:center;
}

/*********************************Info Bar Status****************/
.recpt_successful,
.recpt_shipped
{
    background: #4BA643;
}
.recpt_b2b_processing,
.recpt_pending,
.recpt_submitted {
    background: #FF6621;
}
.recpt_failed,
.recpt_canceled
{
    background: #DC0000;
}
.error_recpt{
    color:#DC0000;
}

/***********************************Table*************************/

#receipt_container tbody td,
#receipt_container tbody td
{
    background: #ddd;
    color:#444;
}

#receipt_container td,
#receipt_container th
{
  padding: 6px;
  padding-left:2%;
  text-align: left;
  border: 2px solid #fff;
}

@media all and (min-width: 600px)
{
    #receipt_container td,
    #receipt_container th
    {
        min-width:auto;
        width: 200px;
    }
}


@media all and (max-width: 600px)
{
    #receipt_container td,
    #receipt_container th
    {
      min-width:auto;
      width: 100%;
    }

}


#receipt_container th{
    background:none repeat scroll 0% 0% #002D62;
    color:#eee;
}


/**********************************Instruction**************************/

.instructions
{
    margin-top: 10px;
}

#instruction_container
{
    padding: 10px;
    border: 1px solid black;
}


.instructions > ol#instructions {
    list-style-position: inside;
    padding-left: 0;
    position: relative;
}

/**********************Total**********************/
.recpt_data
{
    display: block;
    line-height: 25px;
}

.receipt_totals
{
    margin-top: 30px;
    text-align:right;
    font-weight: bold;
}

.totals
{
    display: block;
    line-height: 27px;
}

.totals_value
{
    margin-left: 30px;
    float: right;
    width: 70px;
}

/**********************************Billable**************************/

.billable {
    margin-top: 1em;
    margin-left: 10em;
    border: 2px solid red !important;
    width: 60%;
    text-align: center;
    align-content: center;
}


/****************************Print Button***********************/
.printbuttons
{
    margin-top: 67px;
    text-align: center;
}

/***************************Top UP Receipt**********************/
.purch_dta
{
    margin-top:10px;
}

/********************************Activation Receipt*******************/
.cust_portin {
    margin: 20px 0 10px;
}

.cust_addons
{
    display: block;
}

.cust_addons_data
{
    display: block;
    float: right;
    font-weight:bold;
}

#spiff_container
{
    margin-top: 20px;
}

.merch_return {
    display: block;
    max-width: 100%;
    text-align: left;
}

.merch_return_value
{
    display: block;
    float: right;
    position: relative;
}

button#refresh
{
    background:#FF6621;
    border-radius:5px;
    height:40px;
    color: #fff;
    font-size: 15px;
    font-weight:bold;
    text-align:center;
    border:none;
}

button#checkPortBtn {
    background: #FF6621;
    border-radius: 5px;
    height: 40px;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    border: none;
}


#carrier_info{
    text-align:right;
}
.sucess_recpt
{
    display:block;
}

.miniview
{
    display: inherit;
    margin-left: -30px;
    margin-top: 30px;
}

#protectplan_section
{
    margin-top: 61px;
}


/**************** Funding Source Details *********/
.w-100p {
    width: 100%;
}

.alert-portIn {
    border: 1px solid #8E5500;
    background-color: #FFD0A7;
    color: #BF6E00;
    text-align: left;
}

.totals-line {
    height: 1px;
    color: #333;
    background-color: #333;
    margin: 1px;
    margin-bottom: 10px;
    margin-left: auto;
    width: 50%;
}

.sub-totals {
    font-weight: normal !important;
}

.payment {
    padding-top: 20px;
}

.store-credit-note {
    width: 375px;
    padding-left: 5px;
    margin-top: -25px;
    text-align: left;
    display: none;
}

.totals.payment {
    text-align: right;
}

.source-total {
    display: flex;
    justify-content: flex-end;
    margin-right: -20px !important;
}

.shipping-total-fop {
    display: flex;
    justify-content: flex-end;
    margin-right: -35px !important;
}

/***********************Activation Grid***********************/
#act-grid {
    background: #FFFFFF;
    text-align: center;
}

#act-steps {
    font-size: 12px;
    width: 90%;
    margin: auto;
}

    #act-steps span {
        display: block;
        text-align: left;
    }

    #act-steps input {
        height: 24px;
        margin: 3px 0px;
    }

    #act-steps button {
        padding: 2px 16px;
        margin-top: 5px;
        width: 100%;
    }

/**************************** Activation Plans ****************************/
#act-prods-container {
    background-color: #fff;
    padding: 1em;
}


#act-prods .productsnstuff {
    display: none;
}

#act-prods {
    border-collapse: separate;
    border-spacing: 0;
}

.activeprodtabs {
    margin-left: 14px;
}

.orange-font {
    color: #ff6622;
    font-weight: bold;
}

.airtime-discount, .spiff-amount, .activation-amount-clerk, .activation-plan-details-header {
    color: #000;
    font-weight: bold;
}

.extra-field-value {
    padding-left: 10px;
}

.spiff-residual-payout-details-cells {
    display: inline-block;
    padding-bottom: 5px;
}

.spiff-payout-section {
    background-color: #f7f7f7;
    padding: 10px 15px 0px 15px;
    width: 100%;
}

.residual-payout-section {
    background-color: #f7f7f7;
    padding: 10px 15px;
    width: 80%;
}
@media only screen and (min-width: 1200px) {
    .residual-payout-section {
        width: 80%;
    }
}

@media only screen and (max-width: 1200px) {
    .residual-payout-section {
        width: 100%;
    }
}


@media only screen and (min-width: 1050px) {
    .spiff-payout-text-alignment {
        text-align: left;
    }
}

@media only screen and (max-width: 1050px) {
    .spiff-payout-text-alignment {
        text-align: center;
    }
}

.activation-grid-data-size {
    font-weight: bold;
    font-size: 24px;
}

.plan-details-additional-info {
    font-size: 8px;
}

.promo-spiff-details-section {
    border-left: 1px solid #CCCCCC;
    padding-left: 15px;
}

@media only screen and (min-width: 1050px) {
    .promo-spiff-details-section {
        border-left: 1px solid #CCCCCC;
        padding-left: 15px;
    }
}

@media only screen and (max-width: 1050px) {
    .promo-spiff-details-section {
        border-left: 1px solid #CCCCCC;
    }
}

.product-details-header {
    padding-bottom: 15px;
}

@media only screen and (max-width: 600px) {
    .product-details-header {
        padding-top: 10px;
    }
}

@media only screen and (max-width: 600px) {
    .product-details-dropdown-section {
        min-height: 0px !important;
    }
}




.extra-fields-name {
    width: 35%;
}

.extra-fields-value {
    width: 65%;
}

.extra-fields-section {
    padding-left: 0px;
    width: 100%;
}

.total-potential-spiff-details {
    border-top: 1px solid #CCCCCC;
    width: 100%;
    padding: 10px 15px;
}

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

.spiff-name {
    width: 35%;
}

.spiff-amount {
    padding-left: 5px;
    padding-right: 5px;
    width: 15%;
}

.residual-name, .residual-amount {
    width: 50%;
}

.plan-details-and-payouts {
    display: inline-block;
    vertical-align: middle;
    overflow-y: visible;
    height: auto;
}

@media only screen and (max-width: 992px) {

    .plan-details-and-payouts {
        display: block;
    }
}

.productsnstuff {
    padding-top: 15px;
    height: 275px;
    background: #fff;
}

    .productsnstuff .alert-danger {
        padding: 5px 15px;
    }

    .productsnstuff .billing-info-title {
        color: #ff6622;
    }

    .productsnstuff .addonitems.act-desc {
        line-height: 18px;
    }

.productname {
    text-align: center;
}

.blankspot {
    background-color: transparent;
    border-left: medium none;
}

.planinfo {
    display: inline-block;
}

.plan-header-info {
    vertical-align: middle;
    text-align: center;
}

.plan-cost {
    font-weight: bold;
    font-size: 18px;
}

.plan-name-and-cost {
    text-align: left;
}

.act-prod-detail td {
    padding: 0px !important;
}

.act-next-btn {
    vertical-align: bottom
}

.activation-grid-plan-header-question-mark {
    margin-left: 5px;
    color: #154165;
}

/* Overwriting default bootstrap tooltip CSS */
.activation-grid-tooltip {
    color: #154165 !important;
    background-color: #DDE5EE !important;
    border: 1px solid #154165 !important;
    max-width: 275px !important;
}

.activation-grid-tooltip-arrow {
    color: #154165 !important;
}

.tooltip-primary .tooltip-inner {
    color: #154165 !important;
    background-color: #DDE5EE !important;
    border: 1px solid #154165 !important;
    max-width: 275px !important;


}

.tooltip-primary .tooltip-arrow {
    color: #154165 !important;
}

/* Max width before this PARTICULAR table gets nasty This query will take effect for any screen smaller than 760px and also iPads specifically. */
@media only screen and (max-width: 560px) {
    #act-container .plan_details {
        text-align: right;
    }
}


.product-row-groups::before {
    content: '';
    display: table-row;
    height: 25px;
}
/**************************** Activation Products ****************************/

#act-banner {
    margin-top: 30px;
    text-align: center;
}

.act-category {
    width: 200px;
    height: 300px;
    background: no-repeat;
    display: inline-block;
    text-align: center;
    vertical-align: top;
    padding-left: 0px;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    box-shadow: #CCCCCC 0px 3px 5px;
    margin: 60px 40px 40px;
    opacity: 1;
    cursor: pointer;
}

.marginTopImage {
    width: 194px;
    height: 240px;
    margin: 30px auto 30px;
    background-color: #ffffff;
    display: inline-block;
}

    .marginTopImage img {
        max-width: 150px;
        max-height: 100px;
        margin: 33px 22px 0px;
        position: relative;
        cursor: pointer;
    }


/*--------------------------------------------------------Activation Plan Grid-------------------------------------------------*/
#act-table {
    margin: auto;
    padding-bottom: 3em;
}

#act-prods.table thead tr th {
    /*height: 60px;*/
    vertical-align: middle;
    text-align: center;
    min-width: 8%;
}

#act-prods.table > tbody > tr > td {
    vertical-align: middle;
}

#act-prods.table > tbody > tr > td,
#act-prods.table > thead > tr > th {
    border: none;
    border-bottom: none;
}

#act-prods.table > tbody > tr.act-prod-row,
#act-prods.table > tbody > tr.act-prod-detail {
    box-shadow: 0px 1px 4px #bbb;
    outline: 1px solid #00000033;
}

.act-prod-detail {
    font-size: 12px;
}

#act-prods .act-prod-row td:first-child {
    text-align: center;
    vertical-align: middle;
}

    #act-prods .act-prod-row td:first-child .fa.fa-caret-square-o-right {
        color: #075EA4;
        font-size: 2em;
    }

#act-table ul.nav-tabs li:not(.active) > a {
    background: #ddd;
}

#act-table tbody tr:nth-child(even) {
    border: none;
}

#act-table .table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #e7e7e7;
}

#act-table .activeprodtabs {
    margin-left: 123px;
}

#act-table .table th[data-toggle] a {
    text-decoration: underline;
}

/*---Activation Plan Grid Details--*/
#act-table tbody tr.act-prod-row:hover {
    cursor: pointer;
}

#act-table tbody tr .plan-header-name {
    font-size: 12px;
}

#act-table tbody tr .plan {
    font-size: 18px;
    font-weight: bold;
}

#act-table tbody tr .plan,
#act-table tbody tr .plan-validity {
    width: 60px;
    min-width: 60px;
}

#act-table tbody tr .plan-total {
    color: #CD0000;
    font-weight: bold;
}

#act-table tbody tr .spiff-total {
    color: #20A944;
    font-weight: bold;
    border-left: 1px solid #CCCCCC !important;
}

#act-table tbody tr .unlimited-talk,
#act-table tbody tr .unlimited-text,
#act-table tbody tr .unlimited-data,
#act-table tbody tr .unlimited-international-text,
#act-table tbody tr .international-talk {
    width: 85px;
    min-width: 85px;
}

#act-table tbody tr .data-speed {
    width: 15%;
    min-width: 15%;
}


.activation-plan-dropdown-section {
    display: table;
    border-spacing: 0px;
}

.activation-plan-dropdown-section-row {
    display: table-row;
}

.activation-plan-dropdown-section-cell {
    display: table-cell;
    padding-bottom: 5px;
}

.activation-plan-dropdown-section-caption {
    display: table-caption;
}

.activation-plan-dropdown-section-body {
    display: table-row-group;
}

.activation-plan-dropdown-section-header {
    display: table-header-group;
}

.activation-plan-dropdown-section-footer {
    display: table-footer-group;
}

.activation-spiff-payout-details {
    border-right: 1px solid #CCCCCC;
}

.spiff-payout-footer {
    background-color: #f7f7f7;
    width: 30%;
    display: inline-block;
}

#act-prods.table > thead {
    display: none;
}

@media only screen and (max-width: 1050px) {

    #act-table .table tr {
        border: 1px solid #ccc;
    }

    #act-prods.table > tbody > tr.act-prod-row,
    #act-prods.table > tbody > tr.act-prod-detail {
        box-shadow: 0px;
    }

    #act-table .table td.dataTables_empty {
        padding: 8px 0px !important;
        text-align: center;
    }

    #act-table .activeprodtabs {
        margin-left: 0px !important;
    }

    #act-table .productsnstuff {
        height: auto;
        min-height: 275px;
        overflow: auto;
    }

    #act-table .addonitems:not(.act-desc) {
        height: auto;
        overflow: auto;
    }

    #act-table tbody tr .plan-title {
        width: 100%;
        font-size: 1.3em;
        text-align: right;
    }
}

#act-category-info {
    float: right;
    text-align: right;
}


@media only screen and (max-width: 600px) {
    .plan-name-and-cost {
        text-align: center;
    }
}

/*--------------------------Activation Input------------------------------*/
.btn-primary-border {
    color: #075DA3;
    border: 1px solid #075DA3;
}

.btn-shadow {
    box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
}

    .btn-shadow:hover {
        color: #154165;
        border-color: #154165;
        background-color: #E6ECEF;
    }

#act-input {
    text-align: left;
    padding-bottom: 20px;
}

    #act-input div.checkbox {
        margin-left: 20px;
    }

    #act-input .addonTitle {
        color: #3D3D3D;
        font-weight: bold;
        font-size: 16px;
        margin: 10px 0px;
    }

    #act-input .addon-group {
        max-width: 500px;
    }

        #act-input .addon-group:not(.buttons) {
            background-color: white;
            padding: 20px;
            margin: 20px 0px;
        }

    #act-input #sim-validation-modal .modal-body {
        color: #ef3434;
    }

    #act-input .sim-validation-result-sim {
        cursor: pointer;
        color: #00A0FF;
    }

    #act-input .sim-validation-result-esn {
        cursor: pointer;
        color: #00A0FF;
    }

    #act-input .phone-validation-result {
        cursor: pointer;
        color: #00A0FF;
    }

    #act-input .act-info {
        text-align: center;
    }

#activation-reset {
    margin-bottom: 15px;
}

#verified-address p {
    background-color: #efefef;
    padding: 10px 0px 10px 10px;
}

#address-dropdown {
    position: relative;
    width: 100%;
}

    #address-dropdown select {
        border: solid 1px #075da3;
        color: #075da3;
        background: none;
        border-radius: 3px;
        padding-left: 5px;
        padding-right: 25px;
        -moz-appearance: none;
        -webkit-appearance: none;
    }

        #address-dropdown select option {
            color: black;
        }

    #address-dropdown div {
        width: 2%;
        position: absolute;
        top: 23%;
        height: 100%;
        left: 56%;
    }

        #address-dropdown div i {
            color: #075da3;
        }

span.dot {
    display: inline-block;
    border-radius: 50%;
    width: 50%;
    background-color: grey;
    height: 6px;
    width: 6px;
    margin: 0 2px 1px;
}

.subsidy-detail {
    display: none;
}


.addonbox {
    text-align: left;
}

.spiff-something {
    float: right;
}

.row.late-spiff {
    margin-top: 40px;
}

.late-spiff-amount {
    color: #9A9B9F;
}

#spiff-amount-large-bold {
    font-size: 16px;
    font-weight: bold;
}

#spiff-amount-large-bold-orangered {
    font-size: 16px;
    font-weight: bold;
    color: orangered;
}

.addon-input.addon-group.buttons {
    margin-top: 20px;
}

.mobilio-info {
    background: #fff none repeat scroll 0 0;
    padding: 20px;
}

.mobilio-plan-label {
    padding-left: 8px !important;
}

.mobilio-breakword {
    word-break: normal;
}

.mobilio-imagebox {
    padding-top: 30px;
}

.mobilio-plans {
    padding: 7px 0;
}
/*.mobilio-plans input[type="radio"] { -moz-appearance: checkbox; margin: 0;}*/
.mobilio-plan-infobox {
    padding-bottom: 10px;
}

    .mobilio-plan-infobox > ul {
        margin-left: -25px;
    }

    .mobilio-plan-infobox li {
        list-style-type: disc;
    }

@media only screen and (min-width: 1200px) {

    .row-eq-height {
        display: flex;
    }

    .mobilio-imagebox {
        bottom: 49px;
        position: absolute;
        right: 59px;
    }

    .mobilio-info {
        background: #fff none repeat scroll 0 0;
        /*bottom: 20px;*/
        /*position: absolute;*/
        margin: 20px 0;
        overflow-y: auto;
    }
}

/* Cricket Activation Form */
.cricket-form-container {
    margin: 4em auto 0px;
    width: 300px;
}

.cricket-modal-title {
    font-weight: 600;
    text-align: initial;
}

.cricket-modal-header {
    display: flex;
    justify-content: space-between;
    padding: 15px;
}

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

.btn-cricket-cancel {
    background-color: #FFFFFF;
    border-color: #154165;
    color: #154165;
}

.btn-cricket-plans-decative {
    background-color: #9F9F9F;
    border-color: none;
    color: #FFFFFF;
}

    .btn-cricket-plans-decative:hover {
        background-color: #9F9F9F;
        border-color: none;
        color: #FFFFFF;
    }

#cricketModal {
    top: 15%;
}

    #cricketModal .alert-danger {
        color: #A94442;
        text-align: center;
        padding: 1em 0px;
        display: none;
    }

        #cricketModal .alert-danger .error-header {
            font-weight: 700;
        }

        #cricketModal .alert-danger .error-text {
            font-weight: 400;
        }

    #cricketModal .action-container {
        display: flex;
        justify-content: space-between;
        margin-top: 4em;
    }


#banner_box
{
    background: none repeat scroll 0 0 #34a13c;
    /*margin-top: 34px;*/
    text-align: center;
    vertical-align: middle;
    width: 100%;
    overflow:auto;
}

#banner_box #dynamic_search input#searchbox
{
    vertical-align: bottom;
    width: 100%
}

#banner_box #dynamic_banner
{
    background: none repeat 0 0 #ffffff;
    height: 100%;
    margin: 12px auto;
    padding:0px;
}

#banner_box #dynamic_banner img.dynamicimages
{
    width:100%;
}

#banner_box .form-group{
    margin: 15px 0px;
}

@media only screen and (min-width : 1200px) and (max-width : 2400px)
{
    #banner_box #dynamic_search
    {
       /* margin: 81px 0 0 0;*/
    }
}

@media only screen and (min-width : 992px) and (max-width : 1200px)
{
    #banner_box #dynamic_search
    {
        /*margin: 58px 0 0 0;*/
    }
}


@media only screen and (min-width : 320px) and (max-width : 992px)
{
    #banner_box #dynamic_search
  {
    /*margin: 16px 0 0 0;*/
  }
}

/*****************Billing Profile********************/
#billoptionlist > label
{
    vertical-align: top;
    margin-top: 8px;
}

#billingprofilecontainer
{
    background: #F8F8F8;
    padding: 40px 0 30px 0;
}

#billoptionlist, #billingprofilecontainer h2
{
    margin-top:10px;
    text-align:center;
}

#billselect-button
{
    display:inline-block;
}

/*******************Credit Card*********************/
#credit-card-form
{
    margin-top: 50px;
}

#credit-card-input
{
    max-width: 280px;
    margin: auto;
}

/*************************Deposit Orders*****************/

deposit-orders td.details-control
{
    text-align: center;
    cursor: pointer;
}

#deposit-orders div.slider
{
    width: auto;
}

/********************Refill*************************/
#refill_acct
{
    background: #F8F8F8;
    padding: 40px 0 30px 0;
}

#deposit-orders
{
    background: #fff;
}


#billpaycontainer
{
}

.error
{
    font-size:12px;
    font-weight:bold;
    color:red;
}

#tipcontent ol li
{
    margin-left: -41px !important;
    list-style:inherit;
}

#lookupreguser_info .input-group
{
    float: right;
}

#lookupreguser_info input
{
    border: 1px solid #ccc;
    border-radius: 5px;
}

#billerlookup .form-group {
    float: right;
    max-width: 241px;
    width: 100%;
}

#lookupregphone {
    width: 100%;
}

#Validate-submit-btn_expresslookup
{
    float: right;
}

#RegisterUser_info h4
{
    margin-left: 14px;
    text-align: start;
}

#reguser_info .form-group
{
    padding-top: 30px;
}

#reguser_info .input-group
{
    float: right;
}

#reguser_info input
{
    border: 1px solid #ccc;
    border-radius: 5px;
}

#submitreguser
{
    margin-top:20px;
}

#tipbox_outter
{
    background:#002E5A;
    margin: 18px;
}

#tipbox_inner
{
    background: none repeat scroll 0 0 #fff;
    border-radius: 5px;
    margin: 29px;
    text-align: center;
}

#tipcontent
{
    padding: 11px 1px;
}

#lookupcontainer
{
    margin-bottom:30px;
}

#lookupcontainer_vars
{
    background:#F8F8F8;
    padding-bottom: 25px;
    text-align:center;
}

#lookupcontainer_vars h3
{
    margin-bottom:20px;
}


#lookupsubmit
{
    margin-top: 21px;
    text-align: center;
}

#lookup-submit input
{
    border: 1px solid #ccc;
    border-radius: 5px;
}

#lookup-submit button
{
    margin-top:20px;
}

.billing_boxes
{
    margin: 16px 0 21px 0;
}

.greybox
{
    background:#F8F8F8;
    padding: 13px 0 14px;
}

#billerimg
{
    margin-bottom: 20px;
}

#billerimg img
{
    position: relative;
    right: -20px;
}

#cust_details
{
    text-align:center;
}

#cust_details ul
{
    list-style-type: none;
    padding: 10px 0;
    text-align:center;
}

#changecustbox
{
    margin-top: 21px;
    text-align: center;
}

.billpayheaders
{
    margin-bottom: 30px;
}

.billpayheaders h4
{
    margin-left: 14px;
    text-align: start;
}

.stylish-input-group .input-group-addon
{
    background: white !important;
}

.stylish-input-group .form-control
{
	border-right:0;
	box-shadow:0 0 0;
	border-color:#ccc;
}

.stylish-input-group button
{
    border:0;
    background:transparent;
}

#billersearchvars .form-group
{
    margin-bottom:20px;
}

#billersearchvars .input-group
{
    float:right;
}


#billersearchvars.form-group label
{
    vertical-align:middle;
}

#user_info .form-group
{
    padding-top:30px;
}

#user_info .input-group
{
    float:right;
}

#user_info .input-group input
{
    border-radius: 5px;
    border: 1px solid #ccc;
}

#submituser
{
    text-align:center;
    margin-top:30px;
}

#previousbilldata
{
    margin-bottom:25px;
}

#previousbilldata span.glyphicon.glyphicon-ok
{
    color: #ff6621;
    font-size: 19px;
}

.col-lg-12.col-md-6.col-sm-6.col-xs-12.greybox > form
{
    padding-bottom: 34px;
}

/* Modal css */

#correctaddycontainer ul
{
    list-style-type: none;
    padding: 0 !important;
}


.carousel
{
    position: relative;
    display: block;
}

.carousel-inner > .item,
.carousel-inner > .item > a {
    line-height: 1;
}
.carousel-inner > .item img#bannerTemplateImage {
    height: auto;
    width: 100%;
    max-height: 312px;
}
@media only screen and (max-width: 991px) {
    .carousel {
        display: none;
    }
}


    /*.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next
{
    display: none;
}

.carousel-indicators
{
    display: none;
}

.carousel-caption
{
    display: none;
}*/

body {
}

/***************************** Carrier Status Navbar  ***************************/

.carrier-status-label {
    margin-top: 11px;
    display: block;
    line-height: 9px;
    text-align: center;
    font-size: 10px;
    color: #777;
}

.carrier-status-value {
    font-size: 12px;
    color: #333;
}


/***************************** Modal css ***************************/
 .tct-warning {
        color: #ff6224;
    }

    .tct-danger {
        color: #ff0000;
    }

    .status-error-item {
        font-weight: bold;
    }

    .status-modal-spacing {
        padding-top: 15px;
        padding-bottom: 15px;
    }

.jumbotron.categories
{
    background: #34A13C;
    padding-left: 21px;
    padding-right: 21px;
    padding-bottom: 19px;
    padding-top: 19px;
    border-top-left-radius: 45px;
    border-top-right-radius: 45px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    margin-bottom: 0;
}

/************************Category container******************/

#containerbody {
    /*margin-top: 20px;*/
}

.main-container-width {
    /*max-width: 1500px;*/
    width: 100%;
}

.sub-container-width {
    max-width: 1500px;
    width: 100%;
}

#category-image-white {
    min-height: 100px;
    text-align: center;
}

/************************Sub-Category products container******************/

.subcategory-width {
    max-width: 1100px;
    width: 100%;
}

.left-margin-products {
    margin-left: 0px;
}

/************************Activation product plan banner******************/

.img-align {
    margin: 0px auto;
}


/*#category-image-white
{
    background: #ffffff;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
    text-align: center;
    padding: 27px 0 27px 0;
}

#category-image-white a
{
    margin:auto;
}


#category-image-white img
{
    vertical-align: middle;
    margin: 11px;
    cursor:pointer;
}*/


/************************My Rate******************/

#modal-myrates-content .tab-content
{
    padding: 20px;
    height: 800px;
    overflow-y: auto;
}

#modal-myrates .modal-dialog
{
    width: 900px;
}

@media only screen and (max-width: 900px)
{
    #modal-myrates .modal-dialog {
        width: 98%;
        margin-left: auto;
        margin-right: auto;
        top: 6%!important;
    }
}


/*--------------------- Vidapay Layout Redesign ------------------*/

* {
    box-sizing: border-box;
}

#SiteMenuItems button, .navdropdown {
    height: 55px;
    color: #777777;
    display: inline-block;
}

.navdropdown,.dropup {
    position: relative
}

.btn-link:hover,
.btn-link:focus {
    color: #23527c;
    text-decoration: underline;
    background-color: transparent;
}

.padded-t-b {
    padding-top: 20px;
    padding-bottom: 20px;
}

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

.secondNav {
    display: inline-block;
    margin: 0 10px;
    padding: 20px;
    background-color: #e7e7e7;
}

.navBox {
    display: inline-block;
    padding-top: 15px;
    margin-right: 15px;
}

.dropBelow {
    display: block;
    text-align: center;
    margin: 5px auto 0 auto;
}

.navdropdown-toggle:after {
    font-family: 'Glyphicons Halflings';
    font-size: .5em;
    content:"\e252";
    position: absolute;
    text-align: center;
    color: #777;
    left: 0px;
    bottom: 0px;
    width: 100%;
}

.grayBg {
    background-color: #e7e7e7;
}

.col-xs-15, .col-sm-15, .col-md-15, .col-lg-15, col-xs-20, col-xs-18, col-xs-17 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}



/*--------------------- navCard ------------------*/

a[class*="navCard"]:hover {
    background-color: lightgray;
}

a[class*="bh-639-bg"]:hover {
    background-color: #93d500 !important;
}

a[class*="bh-656-bg"]:hover {
    background-color: #ffffff !important;
}

a[class*="bh-754-bg"]:hover {
    background-color: #ffffff !important;
}


.navCard.active {
    background-color: #CCCCCC;
    color: #ffffff;
}

.navCard.active-bh-ac-639 {
    background-color: #93d500;
    color: #000;
}

.navCard.active-bh-ac-656 {
    background-color: #ffffff;
    color: #000;
}

.navCard.active-bh-ac-754 {
    background-color: #ffffff;
    color: #000;
}

a.navCard:hover.active-bh-ac-639 {
    background-color: #79BB38;
}

a.navCard:hover.active-bh-ac-656 {
    background-color: #ffffff;
}

a.navCard:hover.active-bh-ac-754 {
    background-color: #ffffff;
}

a.navCard:hover.active {
    background-color: #CCCCCC;
}

a[class*="navCard"]:hover .cardHead {
    transform: scale(1.2);
    fill: white;
}


/*--------------------- cardHead ------------------*/

.cardHead {
    display: inline-block;
    width: 50px;
    height: 50px;
    background-size: contain;
}

.cardHead img {
        width: 100%;
        max-width: 50px;
}

.cardFoot {
    width: 100%;
    padding-top: 15px;
    display: flex;
    flex-direction: column;
}

    .cardFoot:focus, .cardFoot:hover {
        text-decoration: underline;
    }

.cardFoot-text {
    font-size: 10px;
    display: table-cell;
    vertical-align: middle;
}

a.navCard {
    display: inline-block;
    height: auto;
    padding: 20px;
    margin: 0 auto;
    color: #333333;
}

.upgrades {
    width: 100%;
    padding-top: 3px;
}

.new-upgrades {
    background: #EB8D2B 0% 0% no-repeat padding-box;
    border-radius: 2px;
    padding: 2px 5px;
    font: bold 11px Helvetica;
    color: #FFFFFF;
    width: 50%;
}

.foot-network-switch {
    width: 100%;
    display:flex;
    flex-direction: column;
    padding-top:10px;
}


/*--------------------- MEDIA QUERIES ------------------*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {
/*
  a[class*="navCard"] {
    float:left;
  }
*/

   .MainCategoryButton.col {
        max-width: 145px;
        width: auto;
   }
  .col-lg-18 {
    width: calc(20% - 2px);
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: #cccccc!important;
  }

  .col-lg-18:nth-child(odd) {
    border-right: none;
  }

  .col-lg-18:last-child {
    border-right: none!important;
  }

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

    .col-lg-18 {
        width: calc(20% - 3px);
        border-color: #cccccc!important;
    }

        .col-lg-18:nth-child(-n + 4) {
            border-bottom: 1px solid;
        }

        .col-lg-18:nth-child(odd) {
            border-right: 1px solid;
        }

        .col-lg-18:nth-child(5) {
            border-right: none;
        }

    a[class*="navCard"] {
        float: none;
    }

    .col-lg-18:nth-last-child(2) {
        border-right: none!important;
    }

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

    .col-lg-18 {
        width: calc(10.5% - 7px) !important;
        border-right: 1px solid!important;
        border-bottom: none!important;
        border-color: #cccccc!important;
    }

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
}


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {
    .col-xs-15 {
        width: 15%;
        float: left;
    }
    .col-xs-20 {
        width: 20%;
        float: left;
    }
    .col-xs-18 {
        width: 18%;
        float: left;
    }
    .col-xs-17 {
        width: 17%;
        float: left;
    }
}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {
    .col-xs-15 {
        width: 15%;
        float: left;
    }
    .col-xs-20 {
        width: 20%;
        float: left;
    }
    .col-xs-18 {
        width: 18%;
        float: left;
    }

    .col-xs-17 {
        width: 17%;
        float: left;
    }

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
    .col-xs-15 {
        width: 15%;
        float: left;
    }
    .col-xs-20 {
        width: 20%;
        float: left;
    }
    .col-xs-18 {
        width: 18%;
        float: left;
    }

    .col-xs-17 {
        width: 17%;
        float: left;
    }

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
    .col-xs-15 {
        width: 15%;
        float: left;
    }
    .col-xs-20 {
        width: 20%;
        float: left;
    }
    .col-xs-18 {
        width: 18%;
        float: left;
    }

    .col-xs-17 {
        width: 17%;
        float: left;
    }

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
    .col-xs-15 {
        width: 15%;
        float: left;
    }
    .col-xs-20 {
        width: 20%;
        float: left;
    }
    .col-xs-18 {
        width: 18%;
        float: left;
    }

    .col-xs-17 {
        width: 17%;
        float: left;
    }
}

.category-container {
    display: flex;
}

.stack-logomenu {
    display: flex;
}

@media (min-width: 768px) {
    .stack-logomenu {
        display: flex;
    }
    .stack-logomenu .navdropdown {
        display: flex;
        flex-direction: column;
    }
}

@media (min-width: 768px) and (max-width: 1240px) {
    .category-container {
        flex-direction: column;
    }
}

@media (min-width: 1240px) {
    .navbar-width {
        width: 1210px !important;
    }
}

@media (min-width: 768px) and (max-width: 1240px) {
    .navbar-width {
        align-items: center;
    }
}

@media (min-width: 768px) {
    .navbar-width {
        display: flex !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #TcetraLogo {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
}

@media (min-width: 1200px) and (max-width: 1240px) {
    #TcetraLogo {
        text-align: center;
    }
}

hr#colorbar
{
    background-color: #34A13C;
    height: 20px;
    margin-bottom: 0;
}

#footer {
  background: #F8F8F8;
  height: 100%;
}

#footerbody
{
    margin-top: 20px;
}

#footerbody .sign-up-link,
#footerbody .VidaPayFooterLinks {
    color: #075da3;
    font-size: 18px;
    font-family: Helvetica;
    font-weight: 600;
}

#footerbody .col-md-3.col-sm-3 h2 {
    text-align: center;
    color: #404040;
    font-family: Helvetica;
    font-size: 20px;
    font-weight: 700;
}

#footerbody .col-md-3.col-sm-3 ul
{
    text-align: center;
    font-size: 15px;
    list-style-type: none;
    max-width: 100%;
    padding: 0;
    position: relative;
    top: -16px;
}

#footerbody .col-md-3.col-sm-3 li
{
        font-size: 15px;
        list-style-type: none;
        /*padding: 12px 0 8px;*/
        position: relative;
        font-weight: bold;
}

.footlinks {
    text-align: center;
}
#footlinks_1 li
{
    color: #80808f;
    font-size: 16px;
}

#footlinks_4 > ul
{
    padding-top: 32px;
}

#footlinks_4 li.social_icons
{
    position:relative;
    display: inline-block;
    text-align: center;
}
#footlinks_4 li.social_icons .fa {
    font-size: 3em;
}
    #footlinks_4 li.social_icons .fa-facebook-square {
        color: #4267B2;
    }
    #footlinks_4 li.social_icons .fa-linkedin-square {
        color: #0B78B7;
    }
    #footlinks_4 li.social_icons .fa-twitter-square {
        color: #1DA1F3;
    }


#footer h2 {
    margin: 20px 0;
}

.ml15
{
    margin-left:15%;
}


.twitter-image, .facebook-image, .linkedin-image{
	background: url("./images/shared/social.png") no-repeat;
}

.twitter-image{
	background-position: -120px 0;
	width: 56px;
	height: 55px;
}

.facebook-image{
	background-position: -60px 0;
	width: 56px;
	height: 55px;
}

.linkedin-image{
	background-position: 0 0;
	width: 56px;
	height: 55px;
}


#wrap
{
	margin-bottom:67px;
}

#wrap .btn.btn-orange{
    margin-top: 23px;
    padding: 5px 20px;
}

#wrap .container{
    margin-bottom:10px;
}

#login-form .form-group
{
    vertical-align:top;
}

#login-form .form-group:not(.captcha):not(.button)
{
    width: 180px;
    max-width:25%;
}

#vlogo
{
    margin-top:10px;
}

.navbar-form label
{
	color:#000;
	font-size:13px;
	font-weight:normal;
    display:block;
}

legend a
{
	color:#141823;
	font-size:25px;
	font-weight:bold;
}

#navbar-login input{
    width:100%;
}

/*#login-form{
    max-width:75%;
}*/

@media (max-width: 767px) {
    #login-form .form-group:not(.captcha):not(.button)
    {
        max-width:100%;
    }

    .navbar-header.login .navbar-brand-custom.logo {
        padding-top: 0px;
        height: auto;
        min-height: unset !important;
        margin: 0px !important;
    }
        .navbar-header.login .navbar-brand-custom.logo img#vlogo {
            width: 100%;
            max-width: 128px;
            height: auto;
            display: inline-block;
        }
        #wrap .container > .navbar-header {
            margin-left: 0px;
        }

    #login-form .form-group
    {
        max-width: 50%;
    }

	#wrap .navbar-form .lt-left
    {
		float:left !important;
        width: 100%;
	}

	#wrap .navbar-form .lt-right
    {
		float:right !important;
	}

    #wrap .navbar-default .navbar-form {
        border: none;
    }
    #vlogo {
        margin-top: 5px;
    }
}

.navbar.navbar-default.navigation.custom
{
    background: none;
    border: none;
}
@media only screen and (max-width : 767px)
{
    #TcetraLogo .navbar-brand-custom.logo {
        display: none;
        visibility: hidden;
        padding-top: 0px;
    }
    #AccountInfoBar {
        padding: 0px !important;
    }
        #AccountInfoBar img.navbar-brand-custom.logo{
            padding-top: 0px;
            max-width: 128px;
            height: auto;
            min-height: unset !important;
            margin: 0px !important;
        }

    #AccountInfoBar #vpLogoLink.navbar-brand {
        padding: 6px;
    }

    #AccountInfoBar.container-fluid > .navbar-header {
        width: inherit;
        margin: 0px !important;
    }
}

.navbar-brand-custom.logo
{
    left: 11px;
    position: relative;
    max-width:200px;
}

.nav.navbar-nav.custom > li
{
    margin: 10px 2px -6px 2px;
    padding: 10px;
    text-align: center;
}

.nav.navbar-nav.custom a
{
    background: none repeat scroll 0 0 #e6e6e6;
    color: #091F3F;
    font-size: 16px;
}

.nav.navbar-nav.custom a:active,
.nav.navbar-nav.custom a:focus,
 .nav.navbar-nav.custom a:hover
{
    background: none repeat scroll 0 0 #D9D9D9;
    color: green;
    font-size: 16px;
}

#SiteMenuItems .dropdown-menu {
    font-size: inherit !important;
}
#SiteMenuItems .dropdown-menu > li {
    padding: 4px;
}

.drop_carrot
{
    left: 8px;
    position: relative;
}

.nav.navbar-nav > li, .nav.navbar-nav > li > li{
    cursor:pointer;
}


#navigationals #category-image-white {
    font-size: 0px;
}

/**************************** Responsive css ****************************/
@media only screen and (min-width : 1200px) and (max-width : 2400px)
{
    .nav.navbar-nav.custom > li
    {
            width: 170px;
    }

    #navigationals
    {
        /*margin-top: 34px;*/
    }
}
.nav.navbar-nav.custom a:hover { color: #091F3F; }

@media only screen and (min-width : 1024px)
{
    .navbar-brand-custom.logo{
        padding:0px;
    }
}
/*@media (min-width : 768px) and (max-width : 1199px)
{
    #navigationals, #LogoAndMenu
    {
        margin-top: 34px;
    }
}*/


/* marketplace index */
#mkt-grid { background: #d9d9d9 none repeat scroll 0 0; text-align: center;}

.mkt-category {
    display: inline-block;
    height: 200px;
    margin: 15px 10px;
    text-align: center;
    vertical-align: top;
    width: auto;
}

.mkt-category img {
    height: 100%;
    width: auto;
}


/* mkt_handsets */
#handsetscontainer{}
#handsetinventory_container{margin-bottom: 34px;}
#handsetimage_container{margin-bottom: 34px;}
#handsetoptions_container{margin-bottom: 34px;}
#handset_subsidycalc_container{}
.spacer { margin-bottom: 45px;}
.paytoday_amt,
.mktpl_productnm {font-size:20px;}


/* mkt_inventory */
.instock-modal-title {}
.instock-modal-label { font-weight: bolder;}
.instock-modal-data { font-weight: bold;}
.spiffset{background:#F2F2F2; text-align:center;}

/* portrait images */
#handset_lg_img img { width: 127px;}
#handset_sm_img img { width: 40px;}


/* landscape images */


/* mkt_handsetoptions */

 /* HIDE RADIO */
.picker_group_item label > input{ visibility: hidden; position: absolute;}
/* IMAGE STYLES */
.picker_group_item label > input + img{ cursor:pointer; border:2px solid transparent; }
/* (RADIO CHECKED) IMAGE STYLES */
.picker_group_item label > input:checked + img{ border:2px solid #f00;}
.picker_item { height: 36px; width: 36px;}
select { height: 37px; width: 100%; }

/* mkt_checkout */
.checkout_alert {font-size:10px;}
.checkout_alert_red {font-size:10px; color:red;}
.checkout_youpay {margin-top:18px;}
.checkout_submit {margin-top:15px;}
.checkout_btn { background-color: #FFF4C4; border: 2px solid #FF6621;}
/*.shipping-buffer{margin-bottom:25px;}*/
.shipping-footer{ font-size:small;}
.shipping-contact{ font-weight:bold;font-size:medium;}
.shipping-change-address{ font-size: 11px; font-weight: bold; }
.shipping-address{ font-size:14px; font-weight:bold; color: #D80606 }
.shipping-address-label{font-weight:bold; }
.checkout { padding-left: 15px; padding-right: 15px; margin-top: 15px; }

/* mkt_subsidycalc & mkt_spiffcalc*/
#pcontainer{ background-color: #F2F2F2; margin:15px 0 15px 0; padding: 29px 24px;}
.calc_title {margin-bottom: 7px;}
#subsity_carrier_plan { margin-bottom: 10px;}
#spiff_plan{ margin-bottom: 10px;}
.dropdownLabel{ font-size:small;}
.dropdown{ min-width:100px;}
.dropdown-menu { min-width:100px;}
.dropdown-toggle { min-width:100px;}
.math{ text-align:right;}
.mathDescr{ font-size: x-small; margin-top: 4px;}
.mathHR{ margin:4px 0; border-color: black;}
.dropdown-spacer { min-width: 60px;}
.calc_change{font-size:10px;}

/* responsive breaks */
@media screen and (min-width: 1199px)
{
    #handsetimage_container{width: 13.1%;}
    #handset_subsidycalc_container{width: 20.2%;}
}


/*marketplace filters*/
#market_filters{margin-bottom:15px;}
.filterlist {min-width: 200px; margin:12px 9px 0 0; padding-left: 17px;}
.filtered_item {margin:0 10px 8px 15px; width:100%; max-width:166px; min-width:100px; padding:3px;}
.filter_lbl{padding-bottom: 5px; width: 100%; margin-left:-25px; padding-right:30px;}
.silly { float: none !important; padding-left: 15px; vertical-align: middle;}
.lbl{ padding-right: 30px;margin-left: -25px;}



/*marketplace filters.checkbox*/
.checkbox {display: inline-block;cursor: pointer;font-size: 13px;margin-right: 10px;line-height: 18px;}
.filterlist input[type=checkbox] {display: none;}
.checkbox:before {content: "";display: inline-block;width: 18px;height: 18px; vertical-align: middle;color: #003300;text-align: center;box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8);border-radius: 3px;}
input[type=checkbox]:checked + .checkbox:before {content: "\2713";text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);font-size: 15px;}

.error
{
    font-size:12px;
    color:#DD0000;
    /*margin-bottom:15px;*/
}

#signbox .form-horizontal .checkbox-inline {
    min-height: 40px;
}

#errormsg
{
    font-size: 12px;
    margin-bottom: -4px;
    margin-top: 8px;
}

p
{
    margin: 0 0 2px;
}

#signbox
{
    box-shadow: 0 2px 9px -5px #888888;
    margin-bottom: 50px;
    min-height: 350px;
    color: #666;
    /*margin-top: 71px;*/
}

#box_left
{
    padding: 13px 0px;
    text-align: center;
}

.signuptext
{
    color: #002E5A;
    font-size: 30px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: -1px;
}

.signuptextcc
{
    color: #002E5A;
    font-size: 30px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom:-24px;
}

#rewards
{
    font-size: 19px;
    margin-bottom: 7px;
    margin-top: 19px;
}

#achterm
{
    font-size: 12px;
    margin-top: 17px;
}

.promoselect
{
    text-align: center;
}

.radio-inline.promochkbx,
.checkbox-inline.promochkbx
{
    left: -33px !important;
    padding-left: 81px !important;
    position: relative !important;
}

sub
{
    bottom: 1px;
}

#signup_main_img
{
    float: right;
}

#promoentry
{
    margin-top: 11px;
    display:none;
}

#promoentry input
{
    margin:auto;
    /*border: 1px solid #000;
    border-radius: 5px;
    height: 30px;
    padding-left: 6px;
    width: 250px;*/
}

#promoentry p
{
    margin: -1px 0 9px;
}

#invalid
{
    /*color: #A94442;
    font-size: 12px;*/
}

#promoentry button {
    background-color: #075EA4;
    color: #fff;
    border: none;
    font-size: 20px;
    height: 34px;
    width: 34px;
}

#box_right
{
    padding-left: 0 !important;
    padding-right: 0 !important;
}

#signup_bizname
{
    margin-top:30px;
    display:none;
}

.form-group.bizinfo
{
    margin-right:10px;
}

#tactext
{
    margin-bottom: 18px;
}

#signup_bizname button
{
    background: none repeat scroll 0 0 #002e5a;
    border: medium none;
    border-radius: 5px;
    color: #fff;
    font-size: 20px;
    height: 30px;
    margin-bottom: 30px;
    width: 229px;
    height:auto;
}

#earnspifftxt
{
    margin-top: -20px;
    max-width: 431px;
}

/********************************************** this section is for address info ***********************************************/


#spiff_container
{
    text-align:center;
}

#spiff_container #signuptxt
{
    max-width:331px;
}

.container_image img
{
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#address_info
{
    margin-top:10px;
}

#address_info button
{
    background: none repeat scroll 0 0 #002e5a;
    border: medium none;
    border-radius: 5px;
    color: #fff;
    font-size: 20px;
    margin-bottom: 30px;
    width: 263px;
    height:auto;
}

/********************************************** this section is for CC info ***********************************************/


#cctxt_container #cctxtbot
{
    max-width:331px;
}

#ccblurbimgs
{
    margin-top:10px;
}

#cctxtbot
{
    max-width:200px;
}

#cc_img
{
    margin-bottom:5px;
}

.ccblurb
{
    font-size:10px;
}

#cvvinfo
{
    left: 134px;
    position: relative;
    top: -28px;
}

@media all and (max-width: 1200px) and (min-width: 527px)
{
    #cvvinfo
    {
        left: 296px;
        position: relative;
        top: -28px;
    }
}

@media all and (max-width: 526px) and (min-width: 406px)
{
    #cvvinfo
    {
        left: 300px;
        position: relative;
        top: -28px;
    }
}

@media all and (max-width: 405px) and (min-width: 388px)
{
    #cvvinfo
    {
        left: 287px;
        position: relative;
        top: -28px;
    }
}

@media all and (max-width: 387px) and (min-width: 200px)
{
    #cvvinfo
    {
        position: relative;
        top: 3px;
    }
}

#billingaddy
{
    display:none;
}



#cc_info button
{
    background: none repeat scroll 0 0 #002e5a;
    border: medium none;
    border-radius: 5px;
    color: #fff;
    font-size: 20px;
    margin-bottom: 30px;
    width: 263px;
    height:auto;
}


/********************************************** this section is for federal info ***********************************************/

#federal_info
{
    padding-top:13px;
}

#federaltop
{
    max-width: 295px;
}

#federalbot
{
    margin-top: 42px;
    max-width: 384px;
}

#ratespiff
{
    margin-bottom:10px;
}

#federal_info button
{
    background: none repeat scroll 0 0 #002e5a;
    border: medium none;
    border-radius: 5px;
    color: #fff;
    font-size: 20px;
    margin-bottom: 30px;
    width: 224px;
    height:auto;
}


/********************************************** this section is for notification info ***********************************************/

#notice_info
{
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-top:113px;
    padding-bottom:34px;
}

@media all and (max-width: 784px) and (min-width: 200px)
{
    #notice_info
    {
        padding-top:53px;
        padding-bottom:34px;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
}

#notice_info p
{
    display: block;
    margin-left: auto;
    margin-right: auto;
    font-size:17px;
}


/********************************************** this section is for confirmation info ***********************************************/


#confirmation_container
{
    padding-top: 72px;
}


/********************************************** this section is for deposit info ***********************************************/


#deposit_info
{
    margin-top:10px;
}

#deposit_info p
{
    display: block;
    margin-left: auto;
    margin-right: auto;
    font-size:17px;
}

#deposit_amounts
{
    margin-bottom: 50px;
    margin-top: 13px;
}

#deposit_amounts .checkbox
{
    margin-top:30px;
}


#deposit_info button
{
    background: none repeat scroll 0 0 #002e5a;
    border: medium none;
    border-radius: 5px;
    color: #fff;
    font-size: 20px;
    margin-bottom: 30px;
    width: 224px;
    height:auto;
}

/********************************************** this section is for verify deposit info ***********************************************/

.verifytext
{
    color: #002E5A;
    font-size: 23px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.verifytextRed
{
    color:red;
    font-size: 23px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#verifymid
{
    margin-top:20px;
}

#verifyamount
{
    margin-top: 20px;
}

#depamt
{
    width: 100%;
}

#verifyamount #verifyerror
{
    color: #DC0000;
    font-size: 12px;
    margin-top:5px;
}

#verifysbmt
{
    margin-top:20px;
    text-align:center
}

#verifysbmt button
{
    background: none repeat scroll 0 0 #002e5a;
    border: medium none;
    border-radius: 5px;
    color: #fff;
    font-size: 20px;
    margin-bottom: 30px;
    width: 263px;
    height:auto;
}

.error sup
{
    font-size: 10px;
    height: 3px;
    padding-left: 1px;
    top: -3px;
}

#promocodetxt
{
    margin-top: -12px;
}

/********************************************** this section has signup page styles ***********************************************/

.hideControl {
    display: none;
}

#otherbiz {
    margin-bottom: -9px;
    margin-top: 19px;
}

.BusinessStyleBox {
    display: block;
}

.captchaHide {
    display: none;
}

.captchaShow {
    display: block;
}

.promo-code {
    text-align: center;
    font: normal normal normal 30px/42px Helvetica;
    letter-spacing: 0px;
    color: #56648A;
    opacity: 1;
}

.divider-line {
    border: 5px solid #EE8B23;
    opacity: 1;
    border-radius: 20px;
    width: 80%;
}

.perkup {
    margin-bottom: -3%;
}

.checkbox-flex {
    display: inline-flex !important;
}

.new-radio {
    height: 30px;
    width: 30px;
    margin-top: 6% !important;
    accent-color: #075DA3;
}

.w100 {
    width: 100%;
}

.ml30 {
    margin-left: 30%;
}

.h20p {
    height: 20px;
}

.btn-fix {
    float: left;
    margin-top: 0;
}

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

.promo-header {
    font: normal normal normal 14px/21px Helvetica;
    letter-spacing: 0px;
    color: #56648A;
    opacity: 1;
}

.header-categories {
    font: normal normal bold 30px/42px Helvetica;
    letter-spacing: 0px;
    color: #08323E;
    opacity: 1;
}

.no-border, .tbody-signup, .tr-signup {
    border: none !important;
}

.container-cat {
    margin-top: 2%;
    margin-bottom: 4%;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

.signUp {
    margin-left: 37%;
    margin-top: 10%;
}

.new-blue {
    background-color: #075EA4 !important;
}

.invisible {
    display: none;
}

.fleft {
    float: left;
}

.itsFree {
    float: left;
    height: 55px;
    margin-left: 4%;
}

.btn-signup {
    background-color: #075DA3;
    color: #fff;
    font: normal normal normal 28px/47px Helvetica;
    letter-spacing: 0px;
    height: 60px !important;
    width: 200px;
}

.td-signup {
    text-align: center;
    font: normal normal normal 26px/33px Helvetica;
    letter-spacing: 0px;
    color: #56648A;
    opacity: 1;
}

#AccountInfoBar {
    width: 100%;
}

    #AccountInfoBar .nav-hover:hover {
        background-color: #E8F0FF;
    }

    #AccountInfoBar #carrier_drop.open {
        background-color: #4D628B;
        color: #fff;
    }

        #AccountInfoBar #carrier_drop.open > a:hover {
            background-color: #4D628B;
            color: #fff;
        }

        #AccountInfoBar #carrier_drop.open > a {
            background-color: #4D628B;
            color: #fff;
        }

    #AccountInfoBar #activation_drop.open {
        background-color: #4D628B;
    }


        #AccountInfoBar #activation_drop.open > a:hover {
            background-color: #4D628B;
        }

        #AccountInfoBar #activation_drop.open > a {
            background-color: #4D628B;
            color: #fff;
        }

    #AccountInfoBar #cartdata.open {
        background-color: #4D628B;
        color: #fff;
    }

        #AccountInfoBar #cartdata.open > a:hover {
            background-color: #4D628B;
        }

        #AccountInfoBar #cartdata.open > a {
            background-color: #4D628B;
            color: #fff;
        }

#cartdata span.cartitems {
    color: #fa6b0d;
}

#cartdata.open span.cartitems {
    color: #fff;
}


.nav table {
    min-width: 500px;
}

.nav {
    text-align: center;
}

.nvbr-nav > li.headerLoginInfo {
    display: block;
    padding: 1px 0 0 14px;
    top: 3px;
    float: none !important;
}

.transactions {
    margin: auto;
    width: 660px;
}

.nvbr-right .dropdown-menu {
    left: auto;
    right: 0;
}


.dropdown-menu.mega-dropdown-menu .panel-heading {
    padding: 0px;
}

    .dropdown-menu.mega-dropdown-menu .panel-heading a {
        padding: 10px;
    }

.caret.recent {
    position: relative;
    display: inline-block;
    left: 8px;
}

.panel-group {
    padding: 0px 3px;
    margin-bottom: 0;
}

.promo-box {
    display: inline-block;
    width: 150px;
    vertical-align: top;
    text-align: center;
    padding: 10px 0px 10px 0px;
    box-sizing: border-box;
}

.promo-box label {
    display: block;
    height: 100%;
    text-align: center;
    font-size: 10px;
}

.panel-title > a {
    display: block;
    background-color: transparent;
}

.dropdown.mega-dropdown:hover {
    background: #D9D9D9;
}

.dropdown.cart:hover {
    background: #D9D9D9;
}

#signout:hover {
    background: #D9D9D9;
}

#ActivationSelectionButtons,
#ServiceSelectionButtons,
#MarketplaceSelectionButtons,
#BrandedHandsetSelectionButtons {
    text-align: center;
}

.panel-group .panel {
    margin-bottom: 6px;
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: #F5F5F5;
}

#activation_drop {
    max-width: 220px;
    min-width: 130px;
}

@media only screen and (min-width : 1678px) and (max-width : 4800px) {
    .nvbr-header.brands {
        left: 58px;
        position: relative;
    }

        .nvbr-header.brands .nvbr-brand.link {
            margin: 0 7px 0 6px;
        }

    .dropdown {
        margin-right: 1px;
    }

    .nvbr-right.drops {
        float: right !important;
        position: relative;
        right: 230px;
    }

    .nav.nvbr-nav.nvbr-left.account {
        left: 95px;
        position: relative;
        text-align: justify;
        text-justify: inter-word;
    }

    #cartdata span.cartitems {
        color: #fa6b0d;
    }

    .cartitems img#cart_logo {
        left: -23px;
        margin: 0 10px;
        position: relative;
    }

    #top-nav {
        padding: 0 15px 0 10px;
    }

        #top-nav .nvbr-nav {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            align-items: center;
        }

            #top-nav .nvbr-nav li {
                padding-left: 5px;
                padding-right: 5px;
                margin: 0px;
            }

                #top-nav .nvbr-nav li:first-child {
                    padding-left: 0px;
                    padding-right: 0px;
                }

        #top-nav #account_navsection .header-login-info {
            display: inline-block;
            padding: 0px;
        }

            #top-nav #account_navsection .header-login-info .user-info,
            #top-nav #account_navsection .header-login-info .account-info {
                display: inline-block;
                padding-left: 5px;
                padding-right: 5px;
            }

            #top-nav #account_navsection .header-login-info .account-info {
                padding-left: 5px;
            }
}

@media only screen and (min-width : 1241px) and (max-width : 1677px) {
    .dropdown {
        margin-right: 50px;
    }

    .cartitems img#cart_logo {
        left: -23px;
        margin: 0 10px;
        position: relative;
    }
}

@media only screen and (min-width : 1241px) {
    .nvbr-collapse.collapse {
        display: block !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important;
    }

    #AccountInfoBar #top-nav .nvbr-nav {
        display: flex;
        flex-direction: row !important;
        flex-wrap: wrap;
        justify-content: center;
    }

    .nvbr-nav {
        float: left;
        margin: 0;
        padding-left: 0;
    }

        .nvbr-nav > li {
            float: left;
        }

    .nvbr-right .dropdown-menu {
        right: 0;
        left: auto;
    }

    .nvbr-nav > li > a {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    #res-refill {
        display: none;
    }
}

@media only screen and (min-width : 877px) and (max-width : 1025px) {
    #cartdata span.cartitems {
        color: #fa6b0d;
    }

    .cartitems img#cart_logo {
        display: none;
    }
}

@media only screen and (min-width : 855px) and (max-width : 876px) {

    #cartdata span.cartitems {
        color: #fa6b0d;
    }

    .cartitems img#cart_logo {
        display: none;
    }
}

@media only screen and (min-width : 821px) and (max-width : 1025px) {
    .nvbr-right .dropdown-menu {
        right: -186px !important;
    }
}


@media only screen and (min-width : 821px) and (max-width : 895px) {
    #cartdata span.cartitems {
        color: #fa6b0d;
    }

    .cartitems img#cart_logo {
        display: none;
    }
}

@media only screen and (min-width: 769px) and (max-width: 1240px) {
    .tier-modal-b .modal-dialog {
        top: 20%;
    }
}

@media only screen and (max-width : 1240px) {

    #activation_drop .table {
        min-width: 0 !important;
    }

        #activation_drop .table,
        #activation_drop .table thead,
        #activation_drop .table tbody,
        #activation_drop .table tfoot,
        #activation_drop .table th,
        #activation_drop .table td,
        #activation_drop  .table tr {
            display: block;
        }

            #activation_drop .table > tbody > tr > td {
                border: none;
                border-bottom: 1px solid #eee;
                position: relative;
                min-height: 20px;
            }

            #activation_drop .table > tbody > tr > td[data-rcontent] {
                padding-left: 50% !important;
            }

        #activation_drop .table td[data-rcontent]:before {
            position: absolute;
            left: 6px;
            width: 45%;
            padding-right: 10px;
            white-space: nowrap;
            text-align: left;
        }

        #activation_drop .table tr {
            border: 1px solid #ccc;
        }

        #activation_drop .table thead {
            display: none;
        }

        #activation_drop .table td.dataTables_empty {
            padding: 8px 0px !important;
            text-align: center;
        }

        #activation_drop .table tbody td:before {
            content: attr(data-rcontent);
        }


    #activation_drop > .dropdown-menu,
    #cartdata > .dropdown-menu {
        position: unset;
        float: none;
    }

    #signout:hover {
        background: #C6D3EA !important;
    }


    .signout-a {
        padding-top: 13px !important;
    }

    .nvbr-default .nvbr-nav > li > a {
        padding-top: 20px;
    }

    .modal-backdrop {
        z-index: 1049 !important;
    }

    #activation_drop {
        min-width: 100%;
    }

    #cartdata span.cartitems {
        color: #fa6b0d;
    }

    #res-refill {
        height: 54px;
        width: 208px;
        font: normal normal bold 14px/16px Helvetica;
        padding-top: 18px;
        padding-left: 55px;
    }


    .cartitems img#cart_logo {
        display: none;
    }

    .transactions {
        width: auto;
    }

    /**********************************Mobile Buttons************************************************/
    .ham-show {
        display: grid;
    }

    .ham-hide {
        display: none;
    }

    .icon-close {
        font-size: 24px !important;
        color: #4D628B;
    }

    #AccountInfoBar .nav-hover:hover {
        background-color: #E8F0FF;
    }

    #AccountInfoBar #carrier_drop.open {
        color: #fff;
    }

        #AccountInfoBar #carrier_drop.open > a:hover {
            background-color: transparent;
        }

        #AccountInfoBar #carrier_drop.open > a {
            color: #fff;
        }

    #AccountInfoBar #activation_drop.open {
        color: #4D628B;
    }

        #AccountInfoBar #activation_drop.open > a:hover {
            background-color: transparent;
        }

        #AccountInfoBar #activation_drop.open > a {
            background-color: #4D628B;
            color: #fff;
        }

    #AccountInfoBar #cartdata.open {
        color: #fff;
    }

        #AccountInfoBar #cartdata.open > a:hover {
        }

    #AccountInfoBar #cartdata.cart > a {
        margin-bottom: 6px;
    }

    #AccountInfoBar #cartdata.open > a {
        color: #fff;
    }

    #cartdata span.cartitems {
        color: #fa6b0d;
    }

    #cartdata.open span.cartitems {
        color: #fff;
    }

    #AccountInfoBar .dropdown-content-nav {
        position: static;
        float: none;
    }
}

/******************************* Available Balance & Refill *******************************/

.user-balance {
    margin-top: 14px;
    display: block;
    line-height: 5px;
    text-align: center;
    font-size: 10px;
    color: #777;
}

.headerLoginInfo > span#refill {
    position: relative;
}

span#refill {
    display: inline-block;
    color: #00abde;
    font-size: 10px;
}

    span#refill:hover {
        text-decoration: underline;
    }

/******************************* Branding Icon *******************************/

#modal-helper-image img {
    width: 100%;
}

/******************************* account number section *******************************/

.accountnumber:before {
    content: attr(id);
    position: relative;
    height: 10px;
    width: 100%;
    top: 0px;
    left: -0%;
    font-size: 10px;
    color: #777777;
    z-index: 1000;
}

/******************************* user status section *******************************/

#userStatus.active {
    font-size: 10px;
    color: #34A13C;
}

#userStatus.pending {
    font-size: 10px;
    color: #ecaf40;
}

#userStatus.inActive {
    font-size: 10px;
    color: #D9534F;
}

#user {
    font-size: 12px;
}

/******************************* account status section *******************************/

.nvbrPosition {
    z-index: 1048;
}

/******************************* Trac Tier nvbr *******************************/

.tier-label {
    margin-top: 14px;
    display: block;
    line-height: 5px;
    text-align: center;
    font-size: 10px;
    color: #777;
}

#tier_levels {
    display: none;
}

.tier-value {
    font-size: 12px;
    color: #333;
}

.text-bronze, .text-silver, .text-gold, .text-platinum {
    color: white;
    border-radius: 6px;
}

.text-bronze {
    background-color: #8C7853;
}

.text-silver {
    background-color: silver;
}

.text-gold {
    background-color: gold;
}

.text-platinum {
    background-color: grey;
}

.status-color {
    color: #777;
}

@media only screen and (min-width:1241px) and (max-width:2560px) {

    .dropdown-menu.mega-dropdown-menu {
        width: auto;
        padding: 6px 0 0;
    }

    #AccountInfoBar {
        padding-left: 0px;
        padding-right: 0px;
    }

    #top-nav {
        padding: 0 15px 0 10px;
    }

        #top-nav .nvbr-nav {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            align-items: center;
        }

            #top-nav .nvbr-nav li {
                padding-left: 5px;
                padding-right: 5px;
                margin: 0px;
            }

                #top-nav .nvbr-nav li:first-child {
                    padding-left: 0px;
                    padding-right: 0px;
                }

            #top-nav .nvbr-nav.nvbr-right a {
                padding: 10px 5px;
            }

        #top-nav #account_navsection .header-login-info {
            display: inline-block;
            padding: 0px;
        }

            #top-nav #account_navsection .header-login-info .user-info,
            #top-nav #account_navsection .header-login-info .account-info {
                display: inline-block;
                padding-left: 5px;
                padding-right: 5px;
            }

            #top-nav #account_navsection .header-login-info .account-info {
                padding-left: 5px;
            }
}

@media only screen and (min-width:1241px) and (max-width:2560px) {

    #trac_tier_navsection {
        height: 100%;
        margin-left: 20px;
        position: relative;
    }

    .tier_img {
        height: 35px;
        width: auto;
        margin-top: 3px;
    }

    .mlrnav10p {
        margin-left: 10px !important;
        margin-right: 25px !important;
    }
}

@media only screen and (min-width:1241px) {

    #AccountInfoBar .nvbr-header .nvbr-brand {
        display: none;
    }

    .nvbr-toggle {
        display: none;
    }

    .nvbr-right {
        float: right;
        margin-right: -15px;
    }

    nvbr-right .dropdown-menu {
        right: 0;
        left: auto;
    }

    #top-nav #signout .signout-a {
        padding: 8.5px 5px;
    }
}

@media only screen and (min-width:1241px) {

    #AccountInfoBar #top-nav .nvbr-nav {
        display: flex;
        flex-direction: row !important;
        flex-wrap: wrap;
        justify-content: center;
    }

    #AccountInfoBar #top-nav #nav-left {
        margin-top: 0px;
    }

    #mobile-spacer {
        display: none;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1240px) {

    .tier-modal-b .modal-sm {
        max-width: 444px !important;
        width: 444px !important;
        margin-left: auto;
        margin-right: auto;
        margin-top: auto;
        margin-bottom: auto;
    }
}

@media only screen and (max-width: 440px) {
    .tier-modal-b .modal-sm {
        max-width: 300px !important;
    }

    #footer .carrier-modal {
        width: 250px !important;
    }

    .tier-modal-container {
        width: 268px !important;
        height: 92px !important;
    }

    .carrier-modal > h4 {
        margin-bottom: 30px !important;
    }

    .tier-modal-container .mb3 .mlr10 {
        margin-left: 0px !important;
    }

    .carrier-modal h4 {
        margin-left: 10px !important;
    }

    .tier-divider {
        margin-left: 4% !important;
    }
}

@media only screen and (max-width:1240px) {

    #vidapayCartTD > #cartIcon {
        padding-left: 5px;
    }

    #nav-right .signout-btn {
        padding-left: 6px;
    }

    .tier-modal-b .modal-tier-sm .modal-content .modal-header .close-modal-btn {
        opacity: unset !important;
        color: #4D628B;
        padding: unset;
        margin-top: 10px;
        margin-right: 2px;
    }

    .tier-modal-b .modal-tier-sm .modal-content .modal-header .close-modal-btn:hover {
            opacity: 0.2 !important;
    }

    .tier-modal-b .modal-tier-sm .modal-content .modal-header .close-modal-btn:active {
            opacity: unset !important;
     }

    #AccountInfoBar .tier-container {
        padding-left: 38px;
    }

    .tier-modal-container > div > p {
        word-spacing: 3px;
    }

    #carrier_drop > ul {
        border-radius: 0px;
        border: none;
    }

    #activation_drop > ul {
        border-radius: 0px;
        border: none;
    }

    #cartdata > ul {
        border-radius: 0px;
        border: none;
    }

    .navbar-brand-custom.logo {
        max-width: 145px;
    }

    .container-fluid {
        margin-right: auto;
        margin-left: auto;
        padding-right: 0;
        padding-left: 0;
    }

    #AccountInfoBar #carrier_drop {
        height: 100%;
    }

    #AccountInfoBar {
        overflow-y: auto;
    }

    #res-refill {
        margin-top: 12px;
    }

    #nav-left {
        height: 395px;
    }

    #cartdata {
        padding-top: 6px;
    }

    #AccountInfoBar::-webkit-scrollbar {
        display: none;
    }

    #AccountInfoBar .nvbr-nav {
        position: relative;
        z-index: 2000;
    }

    .backdrop-control {
        height: 100vh;
        width: 100vw;
        background-color: #00000061;
        z-index: 1000;
        position: fixed;
        top: 0;
    }

    #footer .carrier-modal {
        width: 360px;
        margin-left: auto;
        margin-right: auto;
        background-color: #fff;
        color: #4D628B;
        border: none;
        box-shadow: none;
    }

    #AccountInfoBar #a-refill {
        display: none;
    }

    #AccountInfoBar #res-refill {
        display: block;
    }

    #AccountInfoBar #nav-right .single-status {
        border-bottom: 1px solid #7070703B;
        border-top: 1px solid #7070703B;
        float: none;
    }

    #carrier_drop > .nav-e-header {
        padding-left: 55px;
        margin-bottom: 3px;
    }

    #activation_drop > .nav-e-header {
        padding-left: 45px;
        margin-top: 6px;
        margin-bottom: 6px;
    }

    #vidapayCartTD {
        padding-left: 25px;
    }

    .modal-body .single-modal {
        position: initial;
    }

    .aria-style {
        float: right;
    }

    .nvbr-header {
        background: #F8F8F8 0% 0% no-repeat padding-box;
        width: 100%;
        position: relative;
        z-index: 2001;
        min-height: 60px;
    }

    .nvbr-toggle .icon-bar {
        display: block;
        width: 22px;
        height: 2px;
        background: #4D6288 0% 0% no-repeat padding-box;
        border-radius: 4px;
        width: 31px;
        height: 5px;
        margin-top: 2px;
    }

    #linkedacct_navsection {
        margin-top: 21px;
    }

    #AccountInfoBar #top-nav {
        max-width: 360px;
        max-height: 100vh;
    }

    #mobile-spacer {
        display: block;
        height: 50vh;
    }

    #CartDD, .nv table {
        max-width: 360px;
    }

        #CartDD .cart-table {
            width: 333px;
            display: inline-table;
            margin-left: -6px;
        }

    .nvbr-right .dropdown-menu {
        left: 0;
        right: 0;
    }

    #CartDD .cart-button {
        width: 334px;
        height: 45px;
    }

    #AccountInfoBar #vpLogoLink.nvbr-brand {
        padding: 6px;
    }

    #AccountInfoBar #top-nav .nv {
        text-align: left;
    }

    #AccountInfoBar #top-nav .header-login-info {
        display: inline-grid;
    }

    #AccountInfoBar.container-fluid > .nvbr-header {
        width: inherit;
        margin: 0px !important;
        box-shadow: 0px 3px 6px #00000029;
    }

    #AccountInfoBar .dropdown-content-nav {
        box-shadow: none
    }

    #AccountInfoBar .dropdown-menu {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    #info-user {
        margin-top: 28px;
    }

    #info-balance {
        margin-top: 39px;
    }

    #AccountInfoBar .refill-cont {
        position: initial;
    }

    .tier-container-single {
        display: grid;
        color: #4D628B;
        font-weight: bold;
        height: auto;
        width: 80%;
        padding-top: 1.5%;
        margin-bottom: 0;
    }

    #AccountInfoBar .open > a > i {
        color: #fff;
    }

    #AccountInfoBar .right-carret {
        left: 270px;
    }

    #AccountInfoBar .single-carret {
        left: 270px;
    }


    .aria-carrier {
        padding-right: 9px;
    }

    #linkedacctno_navsection > .nav-e-container {
        margin-top: 30px;
    }

    #linkedacctno_navsection {
        margin-top: 0;
    }

    .searchbox-new {
        background-color: white !important;
        height: 5rem !important;
        width: 27.5rem !important;
        margin-left: auto;
        margin-right: auto;
        color: #154165;
    }

    .nvbr-default {
        background-color: transparent;
    }

        .nvbr-default .nvbr-nav > .open > a {
            background-color: transparent;
            color: #4D628B
        }

    nav.nvbr-shadow {
        /*background: transparent;
            box-shadow: none;*/
    }

    .nvbr-nav > li > a {
        padding-top: 5%;
    }

    #account_navsection {
        margin-bottom: 10% !important;
    }

    #signout {
        background-color: #E8F0FF !important;
        width: 245px;
        height: 54px;
        font: normal normal bold 14px/16px Helvetica;
        letter-spacing: 1.4px;
        text-align: center;
        padding-top: 7px !important;
        color: #4D628B !important;
        margin-left: auto;
        margin-right: auto;
        margin-top: 38px;
    }

    #AccountInfoBar #top-nav .nvbr-nav {
        flex-direction: column !important;
        background-color: #F8F8F8;
        margin: 0px;
        padding: 15px 0px;
    }

    #AccountInfoBar #top-nav #nav-left {
        margin-top: 54px;
        padding-left: 16px;
    }

    .dropdown-content-nav {
        width: 100% !important;
    }

    .column-divider {
        background-color: #F5F5F5 !important;
    }

    .column-m {
        height: 70px !important;
    }

    .tier-first {
        font-size: 14px !important;
        padding-left: 7% !important;
    }

    .tier-second {
        font-size: 14px !important;
        padding-left: 7% !important;
    }


    #user {
        font-size: 16px !important;
    }

    #account-balance {
        font-size: 16px !important;
    }

    #linkedacctno_navsection {
        margin-left: 10%;
        text-align: left;
    }

    #account_navsection {
        padding-left: 10%;
        text-align: left;
    }

    #CartDD {
        background: #fff;
    }

    .nav-e-header {
        font: normal normal bold 16px/24px Helvetica !important;
    }

    .nav-e-bold {
        font: normal normal bold 16px/24px Helvetica !important;
    }

    #basketHeaderTotal, #basketHeaderCount {
        font: normal bold normal 16px/24px Helvetica !important;
    }


    #userStatus {
        font: normal normal normal 16px/24px Helvetica !important;
    }

    .single-status {
        width: 100% !important;
    }

    .li-h50p {
        height: 100% !important;
    }

    .transactions {
        background-color: #fff;
    }



    #AccountInfoBar #top-nav .nvbr-nav {
        flex-direction: column !important;
        background-color: #F8F8F8;
        margin: 0px;
        padding: 15px 0px;
    }

        #AccountInfoBar #top-nav .nvbr-nav li#account_navsection {
            margin-bottom: 10px;
        }

        #AccountInfoBar #top-nav .nvbr-nav li#linkedacct_navsection *,
        #AccountInfoBar #top-nav .nvbr-nav li#linkedacct_navsection .accountnumber:before,
        #AccountInfoBar #top-nav .nvbr-nav li#account_navsection,
        #AccountInfoBar #top-nav .nvbr-nav li#carriersts_navsection {
            font-size: 14px !important;
        }

    li#activation_drop, li#cartdata, li#carrier_drop {
        border-bottom: 1px solid #7070703B;
    }

    li#carrier_drop {
        border-top: 1px solid #7070703B;
    }

    #activation_drop.dropdown.open .nvbr.nvbr-fixed-top .nvbr-nav .dropdown-menu,
    #carrier_drop.dropdown.open .nvbr.nvbr-fixed-top .nvbr-nav .dropdown-menu,
    #cartdata.dropdown.cart.open .nvbr.nvbr-fixed-top .nvbr-nav .dropdown-menu {
        position: static !important;
    }

    #activation_drop.dropdown.open .dropdown-toggle.navdropdown-toggle,
    #cartdata.dropdown.cart.open .dropdown-toggle.navdropdown-toggle {
        background-color: #f8f9fa;
        border-top: 1px solid #ccc;
    }

    .signout-a {
        padding: -1.5px 8px 10px 10px !important;
    }

    .mlrnav10p {
        margin-left: auto !important;
        margin-right: auto !important;
    }
}


@media only screen and (min-width:320px) and (max-width:835px) {
    .tier_img {
        height: 35px;
        margin-top: 10px;
    }

    .ui-front {
        z-index: 1200;
    }

    .signout-a {
        padding: 10px 5px;
    }
}

@media only screen and (min-width:320px) and (max-width:425px) {

    .nvbr-nav > li.headerLoginInfo {
        font-size: 14px;
    }

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


/******************************* Recent Transactions dropdown Successful Activations *******************************/
#success_container {
    font-size: 13px;
    margin-top: 20px;
    text-align: left;
}

    #success_container table#pending_activation {
        text-align: center;
    }

#success_activation_length {
    display: none;
}

#success_container table.dataTable td {
    padding: 10px;
    word-wrap: normal;
}

#success_results tr.odd {
    background: none repeat scroll 0 0 #F8F8F8;
}

#ActivationSelectionButtons > div,
#ServiceSelectionButtons > div,
#MarketplaceSelectionButtons > div,
#BrandedHandsetSelectionButtons > div {
    display: inline-block;
    min-width: 126px;
}

#ActivationSelectionButtons input[type='radio'] + label,
#ServiceSelectionButtons input[type='radio'] + label,
#MarketplaceSelectionButtons input[type='radio'] + label,
#BrandedHandsetSelectionButtons input[type='radio'] + label {
    padding: 5px 15px;
    cursor: pointer;
    border-radius: 5px;
    background-color: #ececec;
    color: #337AB7;
    margin-left: -28px;
    width: 100%;
}

#ActivationSelectionButtons input[type='radio']:checked + label,
#ServiceSelectionButtons input[type='radio']:checked + label,
#MarketplaceSelectionButtons input[type='radio']:checked + label,
#BrandedHandsetSelectionButtons input[type='radio']:checked + label {
    background-color: #337AB7;
    color: white;
}

#ActivationSelectionButtons input[type='radio'],
#ServiceSelectionButtons input[type='radio'],
#MarketplaceSelectionButtons input[type='radio'],
#BrandedHandsetSelectionButtons input[type='radio'] {
    opacity: 0;
}

/******************************* Recent Transactions dropdown Pending Activations *******************************/


#Pending_container {
    font-size: 13px;
    margin-top: 20px;
    text-align: start;
}

    #Pending_container table#pending_activation {
        text-align: center;
    }


#pending_activation_length {
    display: none;
}

#Pending_container table.dataTable td {
    padding: 10px;
    word-wrap: normal;
}

#pending_results tr.odd {
    background: none repeat scroll 0 0 #F8F8F8;
}

/******************************* Recent Transactions dropdown Failed Activations *******************************/

#failed_container {
    font-size: 13px;
    margin-top: 20px;
    text-align: start;
}

    #failed_container table#failed_activation {
        text-align: center;
    }

    #failed_container table.dataTable td {
        padding: 10px;
        word-wrap: normal;
    }


#failed_activation_length {
    display: none;
}


#failed_results tr.odd {
    background: none repeat scroll 0 0 #F8F8F8;
}

/******************************* Recent Transactions dropdown All Activations *******************************/


#allactive_container {
    font-size: 13px;
    margin-top: 20px;
    text-align: start;
}

    #allactive_container table#pending_activation {
        text-align: center;
    }

    #allactive_container table.dataTable td {
        padding: 10px;
        word-wrap: normal;
    }


#allactive_activation_length {
    display: none;
}

#allactive_results tr.odd {
    background: none repeat scroll 0 0 #F8F8F8;
}

/******************************* Recent Transactions dropdown Purchases *******************************/

#recent_purchases_container {
    font-size: 13px;
    margin-top: 20px;
    text-align: left;
}

    #recent_purchases_container table#recent_purchases {
        text-align: center;
    }

#recent_purchases_results td {
    padding: 10px;
    word-wrap: normal;
}

#recent_purchases_results tr.odd {
    background: none repeat scroll 0 0 #F8F8F8;
}


/******************************* Cart *******************************/

.cart-table {
    background-color: #EFEFEF;
    border-bottom: 5px solid #ffff;
}

.pbody {
    color: #404040;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
}

table tr:first-child {
    border-top: 2px solid #CCCCCC;
}

table tr:last-child {
    border-bottom: 2px solid #CCCCCC;
}

.cart_items_class > tbody > .cart-table > td {
    border: none !important;
}

.subTotal {
    text-align: center;
}

.cart-error-message {
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    color: #A94442;
}

.disable-cart-checkout {
    width: 360px;
    height: 45px;
    background-color: #CCCCCC;
    color: #FFFFFF;
    cursor: not-allowed;
}

    .disable-cart-checkout:hover {
        width: 360px;
        height: 45px;
        background-color: #CCCCCC;
        color: #FFFFFF;
        cursor: not-allowed;
    }

.cart-product-name {
    font-size: 14px;
    font-weight: bold;
    color: #404040;
}

.attribute {
    color: #404040;
}

body {
    height: 100%;
}

#cart_container {
    font-size: 13px;
    text-align: left;
    margin-top: 20px;
    margin-bottom: 20px;
}

.cart-table {
    background-color: #EFEFEF;
    border-bottom: 5px solid #ffffff;
}

.cart_title {
    color: #404040;
    font-size: 18px;
    font-weight: bold;
    padding-left: 15px;
    padding-right: 15px;
}

#cart_container table.dataTable td {
    word-wrap: normal;
}

#cart_container .cart-addon {
    font-size: 8pt;
}

#cart_items_length {
    display: none;
}

#cart_results .ImageList img {
    height: 21px;
}

.cart-header {
    height: 50px;
    top: 0;
    padding-right: 15px;
}

.footer {
    bottom: 0;
}

.errorState {
    background-color: #FFF2F2;
    border-left: thick solid #FF0000;
}

/* Set the upper & lower alignment and let the css calculate the height */
.content {
    top: 50px;
    bottom: 50px;
}

.content {
    overflow-y: scroll;
    width: 100%;
    max-height: 50vh;
    overflow-x: hidden;
    scrollbar-color: #707070;
    scrollbar-width: thin;
}

    .content::-webkit-scrollbar {
        width: 7.5px;
        height: 5px;
        border-radius: 2px;
    }

    .content::-webkit-scrollbar-track {
        background: white;
    }

    .content::-webkit-scrollbar-thumb {
        background: #7f7f7f;
        border-right: 1px solid white;
    }

.content-inside {
    padding: 20px;
    padding-bottom: 50px;
}

.footer {
    height: 50px;
}

#cart_items_filter {
    margin-right: 23px;
}

#cart_items_info {
    margin-left: 20px;
}

.cart-total {
    font-size: 20px;
    font-weight: bold;
    line-height: normal;
    padding-left: 15px;
    padding-right: 15px;
}

.cart-total-price {
    font-size: 24px;
    font-weight: normal;
}

.cart-table {
    width: 100%;
    display: inline-table;
}

.cart_items_class {
    max-height: 80vh;
}

::-webkit-scrollbar {
    width: 14px;
    height: 5px;
}

::-webkit-scrollbar-thumb {
    height: 6px;
    border: 4px solid rgba(0, 0, 0, 0);
    background-clip: padding-box;
    -webkit-border-radius: 7px;
    background-color: #707070;
    -webkit-box-shadow: inset -1px -1px 0px rgba(0, 0, 0, 0.05), inset 1px 1px 0px rgba(0, 0, 0, 0.05);
}

::-webkit-scrollbar-button {
    width: 0;
    height: 0;
    display: none;
}

::-webkit-scrollbar-corner {
    background-color: transparent;
}

#cart-footer {
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    background-color: white;
    margin-top: 380px;
}

.hline {
    border-bottom: 1px solid #CCCCCC;
}

.cart-button {
    width: 360px;
    height: 45px;
}

.checkout-cart-button {
    width: 360px;
    height: 45px;
    background-color: #F87300;
    color: #fff;
}

    .checkout-cart-button:hover {
        background-color: #FF9B29;
        color: #fff;
    }

.nopadding {
    padding-right: 0px;
}

.total {
    margin-bottom: 15px;
}

.cart-items-remove-btn {
    cursor: pointer;
    font-size: 16px;
    color: #FF0000;
    border: solid 2px #FF0000;
    width: 25px;
    height: 25px;
    border-radius: 5px;
    text-align: -webkit-center;
    padding-top: 3px;
    background-color: #F8F8F8;
}

#cart_results img {
    left: 0px;
}

#CartDD {
    right: 0 !important;
}

.order_void {
    color: #DC0000;
}

.order_pending {
    color: #FF6621;
}

.order_filled {
    color: #4BA643;
}

.order_process {
    color: #ff6622;
}

.nav-e-header {
    font-size: 12px;
    font-weight: bold;
    color: #4D628B;
    letter-spacing: 0.6px;
    display: block;
}

.nav-e-container {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 12px !important;
    line-height: 18px;
    color: #4D628B !important;
    letter-spacing: 0.6px;
    height: 32px;
    text-align: left;
    margin-right: 15px;
}

.nav-e-bold {
    font-weight: bold;
}

.nav-e-regular {
    letter-spacing: 0.6px;
    font-size: 12px !important;
}

.signout-btn {
    background: #E8F0FF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 5px #0000001A;
    border: 1px solid #4D628B;
    border-radius: 25px;
    text-align: left;
    font: normal normal normal 11px/12px Helvetica;
    letter-spacing: 0.55px;
    color: #4D628B;
    text-transform: uppercase;
    height: 30px;
    width: 110px;
    padding-bottom: 25px;
    padding-left: 20px;
}


    .signout-btn:hover {
        background-color: #C6D3EA !important;
    }

    .signout-btn:active {
        background-color: #4D628B !important;
        color: #fff !important;
    }

.signout-a {
    padding-left: 21%;
    padding-bottom: 25%;
    text-align: center;
    padding: 4.5px 8px 10px 10px;
}

.funds-btn {
    background: #E8F0FF 0% 0% no-repeat padding-box;
    border: 1px solid #D1D8E6;
    border-radius: 10px;
    text-align: left;
    font: normal normal normal 11px/12px Helvetica;
    letter-spacing: 0.55px;
    color: #4D628B;
    text-transform: uppercase;
    height: 15px;
    padding-top: 2px;
    padding-bottom: 15px;
    padding-right: 3.5px;
    padding-left: 3.5px;
    position: absolute;
    top: -1px;
    left: 5px;
}

    .funds-btn:hover {
        text-decoration: none !important;
    }

    .funds-btn:active {
        background-color: #4D628B !important;
        color: #fff !important;
        text-decoration: none !important;
    }


.searchbox-new {
    border: 1px solid var(---d9e0eb) !important;
    background: #FFFFFF 0% 0% no-repeat padding-box !important;
    box-shadow: inset 0px 2px 4px #00000040 !important;
    border: 1px solid #D9E0EB !important;
    border-radius: 10px !important;
    height: 35px;
    color: #4D628B !important;
    width: 165px;
}

    .searchbox-new::placeholder {
        color: #4D628B !important;
    }

.icon-searchbox {
    padding-left: 15px !important;
    background: url(https://cdn.vidapay.com/vidapay/newimages/icons/MagGlass.svg) no-repeat right !important;
    background-size: 20px !important;
    background-position-x: 93% !important;
    background-size: 15px 15px !important;
    font-weight: bold !important;
    letter-spacing: 0.5px !important;
    background-color: #fff !important;
}

.searchbox-padding {
    padding-top: 7px !important;
}

.cart-redesign span {
    font-weight: bold;
    color: #4D628B;
    font-size: 12px;
    letter-spacing: 0.6px;
}

.open .cart-redesign span {
    color: #fff;
}

.blue-color-nav {
    color: #4D628B;
    fill: #4D628B;
}

.nav-pt {
    padding-top: 8px;
}

li .nvbr-default .nvbr-nav > .open > a > div > span {
    color: #fff;
}

li .nvbr-default .nvbr-nav > .open > a > div > i {
    color: #fff;
}

li .nvbr-default .nvbr-nav > .open > a > svg > path {
    fill: #fff;
}

.li-h50p {
    height: 60px;
}

.nvbr {
    min-height: 60px !important;
}

.nvbr-shadow {
    background: #F8F8F8 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
}

.margin-aria {
    margin-left: 17px;
}

.aria-style {
    font-size: 16px !important;
    font-weight: bold !important;
    position: relative;
    top: 1px;
}

.clock-left {
    left: 10px;
}

/* Carrier Status CSS */

.carrierstat_approved,
.carrierstat_certified,
.carrierstat_certified_smsne,
.carrierstat_certified_clerk,
.carrierstat_certified_smsne_clerk {
    color: green;
}

.carrierstat_pending,
.carrierstat_pendingresubmitted,
.carrierstat_pending_clerk,
.carrierstat_pendingresubmitted_clerk {
    color: orange;
}

.carrierstat_suspended,
.carrierstat_closed,
.carrierstat_suspend,
.carrierstat_suspend_clerk,
.carrierstat_suspendedfraud,
.carrierstat_suspendedresubmitted {
    color: red;
}

.dropdown-m {
    float: left;
    overflow: hidden;
}

    .dropdown-m .dropbtn {
        font-size: 12px !important;
        border: none;
        outline: none;
        color: #4D628B;
        padding: 14px 16px;
        font-weight: bold !important;
        background-color: inherit;
        font: inherit;
        margin: 0;
    }

.dropdown-active {
    color: #fff !important;
    background-color: #4D628B !important;
}

.white-font {
    color: #fff !important;
}

.dropdown-m:hover .dropbtn {
    background-color: #E8F0FF;
    color: #fff;
}

.dropdown-content-nav {
    background: #f9f9f9;
    width: 210px;
    left: 0;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    padding: 0 0 0 0 !important;
}

    .dropdown-content-nav .header {
        background: #4D628B;
        padding: 16px;
        color: white;
    }

.dropdown-m:hover .dropdown-content-nav {
    display: block;
}

.column-m {
    float: left;
    width: 100%;
    padding-left: 0px !important;
}

    .column-m li {
        float: none;
        color: black;
        text-decoration: none;
        display: block;
        text-align: left;
        display: inline-block;
    }

    .column-hover:hover {
        background-color: #E8F0FF;
    }

.row-m:after {
    content: "";
    display: table;
    clear: both;
}

.tier-container {
    display: grid;
    color: #4D628B;
    font-weight: bold;
    height: 42px;
    width: 80%;
    padding-top: 1.5%;
    margin-bottom: 9%;
}

.status-appoved {
    color: green !important;
}

.status-rejected {
    color: red;
}

.tier-first {
    padding-left: 22px;
    padding-top: 10px;
}

.tier-second {
    padding-left: 22px;
}

.mntn6 {
    margin-top: -6px;
}

.mtn10 {
    margin-top: -10px;
}

.nav-question-icon {
    position: relative;
    left: 177px;
    top: -20px;
    color: #E7EFFE;
    z-index: 9999;
}

.icon-column {
    float: right;
    width: 20%;
}

.column-divider {
    background-color: #f9f9f9;
    letter-spacing: 0.6px;
    font-size: 12px !important;
}

.a-divider {
    border-top: 1px solid #fff;
}

.hide-c {
    display: none !important;
}

.fs12 {
    font-size: 12px;
}

.transparent-bg {
    background-color: transparent !important;
    border: none;
}

.carrier-modal {
    width: 360px;
    background-color: #fff;
    color: #4D628B;
    border: solid 1px #D9E0EB;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

.submenu .carrier-modal-vz {
    width: 500px;
    padding-bottom: 30px;
}

.tier-modal-container {
    width: 350px;
    background-color: #fff;
    height: 75px;
}

.text-bold {
    font-weight: bold;
}

.modal-pads {
    padding: 10px 10px 10px 10px;
}

.h10p {
    height: 10px;
}

.m0 {
    margin: 0 0 0 0;
}

.carrier-modal .mlr10 {
    margin-left: 24px;
    margin-right: 10px;
}

.mlrnav10p {
    margin-left: 10px;
    margin-right: 25px;
}

.mr10p {
    margin-right: 10px;
}

.carrier-modal .mb10p {
    margin-bottom: 10px;
}

.tier-divider {
    height: 2px !important;
    background-color: #D9E0EB !important;
    margin: 0 0 0 0;
    margin-top: 8px;
    width: 85%;
    margin-left: 10%;
    margin-right: auto;
    border: none;
}

.tier-status {
    font-weight: normal !important;
}

.carrier-modal .mt3 {
    margin-top: 3%;
}

.mb3 {
    margin-bottom: 3%;
}

.mb30p {
    margin-bottom: 30px;
}

.tier-title {
    font-size: 12px;
    letter-spacing: 0.6px;
}

.tier-carrier-title {
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.7px;
    padding-top: 5%;
    padding-bottom: 5%;
}

.lh18p {
    line-height: 18px;
}

.t60 {
    top: 60px !important;
}

.pl10p {
    padding-left: 10px;
}

.pr10p {
    padding-right: 10px;
}

.ml12p {
    margin-left: 12px !important;
}

.pl15p {
    padding-left: 10px;
}

.submenu {
    position: absolute;
    left: 169px;
    top: 0;
    width: 180px;
}

.prett::after {
    content: none;
    width: 0;
    height: 0;
    border-width: 6px 5px;
    border-style: solid;
    border-color: #eee transparent transparent transparent;
    position: absolute;
    top: 15px;
    right: 9px
}

.prett.open::after {
    content: none;
    width: 0;
    height: 0;
    border-width: 6px 5px;
    border-style: solid;
    border-color: transparent transparent #eee transparent;
    position: absolute;
    top: 9px;
    right: 9px
}

.modal-sm {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
}

.single-status {
    width: 210px;
    text-align: left;
    height: 60px;
}

.single-modal {
    position: relative;
    right: 271px;
}

.modal-header button.close-modal-btn {
    background: #E8F0FF 0% 0% no-repeat padding-box;
    border-radius: 40px;
    height: 23px;
    width: 23px;
    color: #4D628B;
}

.cart-message {
    color: #000 !important;
}

.single-carret {
    position: relative;
    left: 150px;
    top: -24px;
}

#refill {
    width: 68px;
    text-decoration: none !important;
}

.funds-btn:hover {
    text-decoration: none !important;
}

span#refill {
    display: initial;
}

#refill-text {
    text-align: left;
    font: normal normal bold 9px/17px Helvetica;
    letter-spacing: 0.45px;
}

    #refill-text:hover {
        padding-left: 5px;
        padding-right: 5px;
    }

.nvbr-default .nvbr-nav > li > a {
    color: #4D628B;
}

    .nvbr-default .nvbr-nav > li > a:active {
        color: #fff;
    }

.open > a > i {
    color: #fff;
}

.open > a > div > i {
    color: #fff;
}


.single-status > .dropdown-active > i {
    color: #fff;
}


.nvbr.nvbr-fixed-top .nvbr-nav .dropdown-toggle::after {
    content: none;
}

span#refill {
    color: #4D628B;
}

.nav-icon-style {
    font-size: 20px !important;
    position: relative;
    top: 2.5px;
}

.hide-t {
    display: none !important;
}

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

.plus-btn-opened {
    width: 91px !important;
    height: 20px;
}

.plus-btn-closed {
    width: 20px !important;
    height: 20px;
}


.refill-cont {
    position: absolute;
}

.plus-style {
    font-size: 15px !important;
    font-weight: bold;
    line-height: 14.8px;
}

.plus-text-style {
    position: relative;
    top: -2px;
    letter-spacing: 0.6px;
}

.multi-carret {
    left: 150px;
    top: -24px;
}

.right-carret {
    position: relative;
    left: 164px;
    top: -27px;
}

#a-refill {
    z-index: 9999 !important;
}

#linkedacctno_navsection {
    pointer-events: none;
}

.nvbr {
    min-height: 60px;
}

.nvbr-fixed-top {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
}

.nvbr-default {
    border: none;
}

.nvbr-header {
    float: left;
}

.nvbr-brand {
    float: left;
    height: 50px;
    padding: 15px 15px;
    font-size: 18px;
    line-height: 20px;
}

.nvbr-brand {
    float: left;
    height: 50px;
    padding: 15px 15px;
    font-size: 18px;
    line-height: 20px;
}

.nv > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
}

.nv > li > a {
    position: relative;
    display: block;
    padding: 15px 15px;
}

.nvbr-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: none;
}

.nvbr-default .nvbr-toggle {
    border-color: #ddd;
}

.nvbr-nav > li > .dropdown-menu {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.nv > li {
    position: relative;
    display: block;
}

.nv table {
    min-width: 500px;
}


@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {

    .plus-style {
        line-height: 0 !important;
    }
}

.tracf-tiers-disclaimer {
    text-align: center;
    padding-left: 12%;
    padding-right: 12%;
    padding-top: 8%;
    padding-bottom: 8%;
}

/* Verizon Modal Styles */
.vztm-container {
    display: block;
}

.vztm-header-logo > img {
    float: left;
    margin-left: 13px;
    margin-top: 16px;
    width: 111px;
}

.vztm-tiers-desc {
    display: flex;
    width: 100%;
    height: 35px;
}

    .vztm-tiers-desc .vztm-tier-ind-active > sup {
        color: #4D628B;
    }

.vztm-slides .vztm-desc-text-slider > sup {
    color: #154165;
    font-weight: 600;
    font-size: 10px;
    top: -6px;
    padding-right: 0;
}

.vztm-tiers-desc > div > div > sup {
    font-size: 12px;
    letter-spacing: 0.6px;
    color: #BDBDBD;
    padding-right: unset;
    top: unset;
    position: fixed;
    line-height: 7px;
    vertical-align: text-top;
}

.vztm-tiers-desc .vztm-active-sup {
    color: #154165;
}

.vztm-desc-text {
    font: normal normal bold 14px/22px Helvetica;
    letter-spacing: 0.91px;
    color: #154165;
    margin-left: 25px;
    margin-right: 65px;
}

.vztm-desc-text-slider {
    text-align: left;
    font: normal normal bold 16px/22px Helvetica;
    letter-spacing: 0.91px;
    color: #154165;
    margin-top: 10px;
    margin-bottom: 10px;
}

.vztm-tier-text-slider > p {
    text-align: left;
    font: normal normal normal 15px Helvetica;
    letter-spacing: 0.61px;
    color: #4D628B;
    margin-top: 0px;
    margin-bottom: 10px;
    line-height: 22px;
}

.vztm-tier-ind {
    font: normal normal normal 29px/19px Helvetica;
    letter-spacing: 1.45px;
    width: 30px;
    height: 30px;
    color: #BDBDBD;
    margin-right: 40px;
    float: left;
}


.vztm-tier-ind-active {
    color: #4D628B;
    font: normal normal bold 29px/19px Helvetica;
    letter-spacing: 1.45px;
    border-bottom: solid 4px #4D628B;
    border-radius: 2px;
}


.vztm-divider {
    border: 1px solid #D9E0EB;
    opacity: 1;
    margin-left: auto;
    margin-right: auto;
    width: 90%;
}

.vztm-tier-guages {
    margin-bottom: 20px;
    margin-top: 20px;
}

.vztm-tiers-guage {
    border: 1px solid #D9E0EB;
    border-radius: 11px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    /*height: 80px;*/
    width: 90%;
    display: flex;
    padding-top: 10px;
    padding-bottom: 10px;
}

.vztm-tiers-info-left {
    display: block;
    margin-left: 18px;
    width: 100px;
    margin-top: auto;
    margin-bottom: auto;
}

.vztm-tiers-guage-title {
    text-align: left;
    font: normal normal bold 14px/22px Helvetica;
    letter-spacing: 0.91px;
    color: #154165;
}

.vztm-tiers-guage-date {
    text-align: left;
    font: normal normal normal 12px/16px Helvetica;
    letter-spacing: 0.46px;
    color: #4D628B;
    white-space: nowrap;
}

.vztm-tiers-disclaimer {
    text-align: center;
    margin-top: 25px;
    font: normal normal normal 12px/16px Helvetica;
    letter-spacing: 0.46px;
    color: #4D628B;
}

.tier-modal-body {
    color: #154165;
}

/*Slider Styles*/

.vztm-tiers-slider {
    margin-top: 3%;
    background-color: #E8F0FF;
}

.tier-slideshow-container {
    position: relative;
}

.vztm-slides {
    display: none;
    padding-left: 80px;
    padding-right: 80px;
    padding-top: 5px;
    text-align: center;
    height: 170px;
}

.tier-prev, .tier-next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    height: 170px;
    margin-top: -30px;
    padding-top: 16px;
    color: #4D628B;
    font-weight: bold;
    font-size: 30px;
    border-radius: 0 3px 3px 0;
    user-select: none;
}

.tier-prev {
    padding-left: 30px;
    padding-right: 16px;
}

.tier-next {
    position: absolute;
    right: 0;
    border-radius: 3px 0 0 3px;
    padding-left: 30px;
    padding-right: 30px;
}

.tier-prev:hover, .tier-next:hover {
    color: #4D628B;
}


.carrier-modal .tier-margin-top {
    margin-top: 10%;
}

.modal-tier-sm .close-modal-btn {
    opacity: unset;
}


@media only screen and (max-width:1240px) {

    .tier-carrier-title {
        font-size: 14px;
        font-weight: bold;
        letter-spacing: 0.7px;
        margin-left: auto;
        margin-right: auto;
        margin-top: -5%;
    }

    .tier-divider {
        height: 2px !important;
        background-color: #D9E0EB !important;
        margin: 0 0 0 0;
        margin-top: 8px;
        width: 90%;
        margin-left: 4%;
        margin-right: auto;
        border: none;
    }

    .modal-pads {
        padding: 10px 10px 10px 20%;
    }

    .tracf-tiers-disclaimer {
        text-align: center;
        padding-left: 20%;
        padding-right: 20%;
        padding-bottom: 8%;
        padding-top: 5%;
    }

    .tier-modal-logo-img {
        max-width: 120px;
        float: left;
        margin-left: 1%;
    }

    .vztm-slides {
        padding-bottom: 25px;
        height: 250px;
    }

    .vztm-tiers-guage {
        border: 1px solid #D9E0EB;
        border-radius: 11px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 37px;
        width: 80%;
        display: block;
    }

    .vztm-tiers-info-left {
        margin-top: 5%;
        margin-bottom: 5%;
    }

    .vztm-bullets-cont {
        margin-left: 30%;
        margin-top: 5%;
    }

    .vztm-tiers-desc {
        display: grid;
        padding-top: 0px;
        margin-top: -30px;
    }

    .vztm-tiers-desc > div > div > sup {
            font-size: 12px;
            letter-spacing: 0.6px;
            color: #BDBDBD;
            padding-right: unset;
            top: unset;
            position: fixed;
            line-height: 7px;
            vertical-align: text-top;
     }

    .vztm-tier-ind {
        float: left;
    }

    .vztm-divider {
        margin-top: 15%;
    }

    .vztm-tiers-slider {
        margin-top: 17.5%;
    }

    .vztm-desc-text-slider {
        font: normal normal bold 15px/22px Helvetica;
    }

    .vztm-container {
        padding-bottom: 40px;
    }

    .vztm-tiers-disclaimer {
        padding-left: 20px;
        padding-right: 20px;
    }

    .vztm-slides .vztm-desc-text-slider > sup {
        top: -4px;
    }

}

@media only screen and (max-width:1440px) and (max-height: 720px) {

    .modal-tier-sm {
        width: 500px;
        max-width: 500px !important;
        margin-left: auto;
        margin-right: auto;
    }

    .tier-modal-logo-img {
        max-width: 120px;
        float: left;
        margin-left: 1%;
    }

    .vztm-desc-text-slider {
        font: normal normal bold 16px Helvetica;
        padding-top: 10px;
    }

    .vztm-tier-text-slider > p {
        font: normal normal normal 14px Helvetica;
        line-height: 20px;
    }

    .modal-pads {
        padding: 10px 0px 10px 60px;
    }

    .tier-modal-container {
        width: 360px;
    }

    .vztm-tiers-desc {
        padding-top: 10px;
    }
}

@media only screen and (max-width:375px) and (max-height: 670px) {

    .modal-tier-sm {
        width: 300px;
        max-width: 300px;
        margin-left: auto;
        margin-right: auto;
    }
}



@media only screen and (min-width:1241px) {

    .modal-tier-sm {
        width: 500px;
        max-width: 500px;
        margin-left: auto;
        margin-right: auto;
    }

    .tier-modal-logo-img {
        margin-bottom: -65px;
    }
}

@media only screen and (max-width:440px) {

    .tracf-tiers-disclaimer {
        text-align: center;
        padding-left: 8%;
        padding-right: 8%;
        padding-bottom: 8%;
        padding-top: 5%;
    }

    .vztm-tier-ind {
        width: auto;
    }

    .vztm-bullets-cont {
        margin-left: 25%;
    }

    .vztm-slides {
        height: auto;
    }

    .vztm-tiers-guage {
        width: 100%;
    }

    .vida-g-xhrgauge {
        width: unset;
        right: -7%;
    }

    .vida-g-error-container {
        top: -6%;
        left: -61%;
        white-space: nowrap;
    }


    .vztm-desc-text-slider {
        font: normal normal bold 12px/22px Helvetica;
    }

    .vztm-tier-text-slider > p {
        font: normal normal normal 12px Helvetica;
    }

    .tier-carrier-title {
        font-size: 12px;
        margin-top: -5%;
        margin-left: 3%;
        margin-bottom: 10%;
    }

    .modal-pads {
        padding: unset;
    }
}

@media only screen and (max-width:280px) {

    .modal-tier-sm {
        width: 280px;
        max-width: 280px;
        margin-left: auto;
        margin-right: auto;
    }

}



.notifications
{
    margin-left: auto;
    margin-right: auto;
    padding-left: 3px;
    padding-right: 0px;
}

#VidaNotifications
{
    background-color: #ffffff;
    height: 50px;
    position: relative;
    top: 13px;
    width: 100%;
}

#VidaNotifications img
{
    height: 69%;
    position: relative;
    top: 15%;
    width: 30%;
}

#VidaNotifications marquee
{
    float: right;
    font-size: 18px;
    position: relative;
    top: 6px;
    width: 70%;
}


@media (max-width: 767px)
{
  #VidaNotifications img
  {
    display: none;
  }

    #VidaNotifications marquee
    {
        width: 100%;
    }
}


.modal-content {
    overflow: hidden;
    border: none;
}

.modal-header i {
    margin-right: 5px;
}

.modal-header-alert1 {
    background-color: #337ab7 !important;
    color: #fff;
}

.modal-header-alert2 {
    background-color: #f0ad4e !important;
    color: #fff;
}

.modal-header-alert3 {
    background-color: #d9534f !important;
    color: #fff;
}

.modal-header-alert4 {
    background-color: #154165 !important;
    color: #fff;
}


.modal-content-alert1 {
    background-color: #d9edf7 !important;
}

.modal-content-alert2 {
    background-color: #fcf8e3 !important;
}

.modal-content-alert3 {
    background-color: #f2dede !important;
}

.modal-header {
    border-bottom: none;
}

.modal-footer {
    border-top: 1px solid #ffffff;
}

.close {
    color: #000000;
}

.receipt-print{
    margin: 0px auto;
    font-size:14px;
}

.receipt-print#receipt_container{
    background:#fff;
}

.receipt-print-terminal{
    font-size:10px;
}

.receipt-print-terminal #receipt_purchase_details{
    margin-top: 0px;
    padding-top: 0px;
}

.receipt-print-terminal h2,
.receipt-print-terminal h3{
    font-size:14px;
    padding:0px;
}


.receipt-print .receipt-header,
.receipt-print .header-container {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
}

.receipt-print .print-border {
    border: 1px solid black;
}

.receipt-print .order-status-container {
    display: flex;
}


.receipt-print .printbuttons {
    display: none;
}

.receipt-print .table
{
    width: auto !important;
}

.receipt-print .table,
.receipt-print .table thead,
.receipt-print .table tbody,
.receipt-print .table th,
.receipt-print .table td,
.receipt-print .table tr
{
    display: block;
}

.receipt-print .order-total-container {
    padding: 20px 0;
}

.receipt-print .instructions-main {
    padding: 20px;
}

.receipt-print .receipt-body-header {
    margin-top: 20px;
}

.receipt-print .total-line {
    display: flex;
    justify-content: end;
}

.receipt-print .total-value {
    width: 100px;
    text-align: end;
}

.receipt-print .table > tbody > tr > td {
    border: none;
    border-bottom: 1px solid #eee;
    position: relative;
    min-height: 20px;
    /*This prevents word wrap from working on terminal receipt*/
    max-height: 80px; /* fix for page breaking */
    word-wrap: break-word;
}

.receipt-print .table > tbody > tr > td[data-rcontent]
{
    padding-left: 46% !important;
}

.receipt-print .table td[data-rcontent]:before
{
    position: absolute;
    left: 6px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
    text-align: left;
}

.receipt-print .table tr
{
    border: 1px solid #ccc;
}

.receipt-print .table thead
{
    display: none;
}

.receipt-print .table td .dataTables_empty
{
    padding: 8px 0px !important;
    text-align: center;
}

.receipt-print .table tbody td:before
{
    content: attr(data-rcontent);
}

.receipt-print #receipt_cust_info,
.receipt-print #receipt_order_info,
.receipt-print #active_stat
{
    width: 100%;
}

.receipt-print #receipt_purchase_details div,
.receipt-print #instruction_container
{
    float: none;
    text-align: center;
    margin-left: 0px;
    margin-right: 0px;
    max-width: none;
    width: 100%;
}

.receipt-print #addons_section,
.receipt-print #billpay-terms
{
    width: 100%;
}

.receipt-print #receipt_container td,
.receipt-print #receipt_container th
{
    width: 100% !important;
}

.receipt-print #bpdetailscontainer
{
    padding: 0;
}


.receipt-print td {
    height: 100%;
    min-height: 35px !important;
    width: 100% !important;
}

.receipt-print .date_recpt
{
    display: inline-block !important;
}

.date_recpt.dbdata
{
    padding-left: 0px !important;
}

.receipt-print .cust_addons
{
    margin-right: 475px;
}

.receipt-print-terminal .cust_addons
{
    margin-right: 0;
}

.receipt-print-terminal #instruction_container span
{
    font-size: 11px !important;
}

.receipt-print-terminal .totals_value {
    float: right;
    margin-left: 16px;
    width: 37px;
}
.noprint {
    display: none !important;
}
.text-black-olive24d78502-d6ba-4a15-a6c8-cf091e7f78e2 {
    display: none !important;
}

.text-black-olive1e1700e9-6796-4479-9109-700db367d3cc {
    display: none !important;
}

.text-black-olive5c147a4b-ccf8-4111-b5b6-682124859725 {
    display: none !important;
}

@media print {
    body {
        height: auto !important; /* Fix for Modal Printing extra blank page */
    }
}


@media print {
    .receipt-print-terminal .terminal-remove-padding {
        padding: 0px !important;
    }

    .receipt-print-terminal .terminal-padding {
        padding: 10px 0px;
    }

    .receipt-print-terminal .terminal-font-size-11 {
        font-size: 11px !important;
    }

    .account-info-container {
        padding-top: 20px;
    }

    .header-container {
        text-align: center !important;
    }

    .terminal-width-100 {
        width: 100% !important;
    }

    .terminal-remove-margin {
        margin: 0px !important;
    }

    .hidden-print-terminal {
        display: none;
    }
    .noprint {
        display: none !important;
    }
}

#reports_container
{
    background: none repeat scroll 0 0 #d9d9d9;
    padding-bottom: 22px;
}

#report_filters
{
    background: white;
    margin-top: 20px;
    padding-top: 40px;
}

#report_return
{
    background: none repeat scroll 0 0 white;
    padding: 24px 14px;
}

#reportbuttons
{
    width: auto;
    text-align: center;
}

#reportbuttons > input[type='radio']{
    display:none;
}


#reportbuttons > input[type='radio'] + label {
    padding:5px 15px;
    cursor: pointer;
    border-radius:5px;
    min-width:157px;
    background-color: #ececec;
    color:#00a0ff;
    margin:10px;
}

/*
    Change from unchecked to checked graphic
*/
#reportbuttons > input[type='radio']:checked + label{
    background-color: #00a0ff;
    color:white;
}

.reportsbutton
{
    margin: 10px 18px 23px;
    padding: 15px;
    text-align: center;
}


#std_filters
{
    padding: 30px 0 26px;
    width: auto;
}

#std_filters sup {
    color: #DC0000;
    font-size: 18px;
    top: 1px;
}

#lookup_filters
{
    padding: 15px 0 38px;
    width: auto;
    text-align: center;
}

.input-group.search_by
{
    margin-right: -10px;
}

#lookup_filters sup
{
    color: #DC0000;
    font-size: 18px;
    top: 1px;
}

#reportexport
{
    padding: 5px 0 38px;
    text-align: center;
    width: auto;
}

#reportexport .col-xs-12{
    padding: 10px 0px;
}

.report_type_buttons
{
    margin: 0 15px 12px 12px;
    background: none repeat scroll 0 0 #00a0ff;
    border: 0 solid black;
    border-radius: 5px;
    color: #ffffff;
    cursor: pointer;
    font-size: 18px;
    font-weight: bold;
    padding: 3px 10px;
    text-decoration: none;
}

.exportbuttons
{
    margin: 0px 20px;
    background: none repeat scroll 0 0 #00a0ff;
    border-radius: 5px;
    color: #ffffff;
    cursor: pointer;
    font-weight: bold;
    padding:5px 25px;
    text-decoration: none;
}

#notice
{
    margin-bottom: 10px;
    text-align: center;
}


#std_filters .input-group
{
    /*display:inline-block;*/
    margin-bottom: 20px;
    max-width: 100%;
}

.input-group label
{
    padding-right: 5px;
}

.limiterssubmit
{
    height: auto;
    margin-top: 25px;
    width: 120px;
    background: none repeat scroll 0 0 #00a0ff;
    border: 0 solid black;
    border-radius: 5px;
    color: #ffffff;
    cursor: pointer;
    font-size: 18px;
    font-weight: bold;
    padding: 3px 10px;
    text-decoration: none;
}

p
{
    margin: 20px 0;
}

/* Max width before this PARTICULAR table gets nasty This query will take effect for any screen smaller than 760px and also iPads specifically. */


/*******************   This section is for the reports partial views. This is a temp home for teh css to verify if any css breaks. MAY BE MOVED TO INDIVIDUAL CSS*/


.report_header
{
    background: #ECECEC;
    height: 50px;
    text-align: center;
    vertical-align: middle;
}

.header_container
{
    padding-top: 10px;
    vertical-align: middle;
}

.header_container span
{
    color: #104E8B;
    font-size: 20px;
    font-weight: bold;
}

.reportGridHeader
{
    background-color: #00a0ff;
    color: white;
    font-size: 12pt;
    font-weight: bold;
    height: 38px;
    margin: 6px 0 9px;
    max-width: 100%;
    padding-top: 8px;
    position: relative;
    padding: 10px;
}

#reports_container  .ui-multiselect.ui-widget.ui-state-default.ui-corner-all
{
    width: 100% !important;
    max-width:230px;
    border-radius: 5px;
    padding: 5px;
}

#reports_container .table-responsive{
    overflow-x:auto;
}

#modal-receipt .modal-dialog{
    width:1120px;
}
@media only screen and (max-width: 1120px){
    #modal-receipt .modal-dialog{
        width:98%;
    }
}

/**************Look Up*****************/
#lookupvars {
    margin-top: 20px;
}

#reports_container .k-datetimepicker {
    width: 100%;
    max-width: 280px;
}
#reports_container table tbody tr:nth-child(odd) {
    background: #fff !important;
}


/**************Future Amounts*****************/
.early-ach-summary-table-container {
  margin-top: 20px;
}

.early-ach-summary-table-container ul {
  padding-inline-start: 10px;
}

.early-ach-summary-table-container ul li, .early-ach-disclaimer-list li {
  list-style: disc;
}

.early-ach-summary-table tr td:first-child {
  padding-right: 5px;
}

.early-ach-summary-table tr td:last-child {
  padding-left: 5px;
}

.early-ach-disclaimer-list {
  font-size: 12px;
}

.early-ach-button {
  background: none repeat scroll 0 0 #00a0ff;
  border: 0 solid black;
  border-radius: 5px;
  color: #ffffff;
  cursor: pointer;
  padding: 3px 10px;
  text-decoration: none;
}

.early-ach-continue-button {
  height: 20px;
  margin-top: 10px;
  font-size: 7.917px;
  font-style: normal;
  font-weight: 700;
}

.early-ach-modal-button {
  width: 100%;
  padding: 10px 22px;
  margin-bottom: 24px;
}

#modal-early-ach .modal-body {
  padding: 0 48px 48px;
}

#modal-early-ach .modal-body h4 {
  font-weight: 700;
}

#return_container
{
    background: none repeat scroll 0 0 #dcddde;
    height: auto;
}

#return_inner_container
{
    margin: 20px;
    padding: 30px;
    background: none repeat scroll 0 0 #fff;
}

#return_banner
{
    margin-bottom: 20px;
}

#return_totals
{
    float:right;
    margin-top:30px;
}

#returnbuttons
{
    float: right;
    margin-top: 37px;
}

#return_details th
{
    background: none repeat scroll 0 0 #002d62;
    color: white;
    text-align: center;
}

#return_details td, #return_details th
{
    padding: 6px;
    text-align: left;
    border: 2px solid #fff;
}




/* generics */
.tracbutton { max-width: 280px; width: 100%;}

.tracsubmitinfo,
.tracnamebutton { max-width: 256px; width: 100%;}

.modal-header { border-bottom: none !important;}
.validate_chekmark{color: #34a13c;}

/* Index */
#tracfoneaccount { box-shadow: 0 2px 9px -5px #888888;}
.left-panel {}
.right-panel {margin-top:11px; padding-left: 33px;}
#tracskip { float: right; margin: 10px 0 10px 0; font-size: 15px;}

/* Main panel */
#tracheadtxt { color:#002E5A; font-size:25px;}
.validateformtxt { margin-top: 10px; margin-bottom:10px; background: white;}
.validate_chekmark{ float:right;}
.list-group-item-heading{ text-decoration:underline;}
.list-group .list-group-item:nth-last-of-type(odd){ background-color:#dde;}
.main_data{margin-top:6px;}
.submit_alert{opacity:0.2;}

/* business document */
label.file-uploader input[type="file"] { position:fixed; top:-1000px;}
.file-name { width:300px; overflow: hidden; display: inline-block; border:1px solid #8C8C8C; min-height:35px; max-height:35px;}
#businessDocForm{vertical-align: top;}
.upload-file{padding-bottom:10px;}
.file-alert { color: red; font-size: 12px;}
.file-alert > sup { margin-right: -4px; top: 2px;}


/********************Product List******************/
.addon-area {
    width: 100%;
    background: #D9D9D9;
    min-height: 65px;
}

.tracfone-container {
    width: 100%;
    background: #D9D9D9;
    min-height: 200px;
    padding: 40px 10px;
}

.tracfone-inner-container {
    margin: auto;
    max-width: 417px;
}

.tracfone-container button[type=submit] {
    width: 100%;
    background-color: #00a0ff;
    border: 1px solid #00a0ff;
}

.tracfone-container .product,
.tracfone-container #category-image {
    padding: 6px 0px;
    margin-bottom: 3px;
    background: none repeat scroll 0% 0% #DCDDDF;
    width: 100%;
    overflow: auto;
    min-height: 40px;
}

.tracfone-container input,
.tracfone-container select {
    width: 100%;
    max-width: none;
    text-align: center;
}

.tracfone-container .btn-submit,
.tracfone-container .product-error {
    display: none;
}

.tracfone-container .product:hover .btn-submit {
    display: inline-block;
}

.tracfone-container .product:hover .product-error {
    display:block;
}

.tracfone-container #category-image {
    text-align: right;
}

.tracfone-container .glyphicon-ok {
    color: #4BA643;
    font-size: 34px;
}

/********************Sim List******************/
.tracfone-container .demo {
    color: #dc0000;
    margin-top: 20px;
}

.tracfone-container .sim {
    padding: 6px 0px;
    margin-bottom: 3px;
    background: none repeat scroll 0% 0% #DCDDDF;
    width: 100%;
    overflow:auto;
    cursor:pointer;
}
.tracfone-container .sim:hover{
    background:none repeat scroll 0% 0% #808080;
    color:#fff;
}

/******************Sim Number Look Up**************/
#error{
    width:100%;
    color: #DC0000;
    text-align:center;
    font-size:18px;
    padding-bottom: 20px;
}

.product label.field-validation-error,
.product button{
    float: right;
    font-size: 12px;
}

/*************************Port In******************/
.tracfone-container .addonTitle{
    text-align:center;
}




/***************************** tracfone tier status ******************/

    .col-lg-3.tierbox {
        width: 22% !important;
    }


   #trac_tier_level {
        padding: 27px 0;
    }

    .tierbox {
        max-height: 100%;
        min-height: 420px;
        padding: 0;
        text-align: center;
        border: 1px solid #E6E6E6;
        margin-left:28px;
    }

        .tierbox h3 {
            margin-top: 20px;
            margin-bottom: 20px;
        }


    #bronze_stat{
        background-color:#FCD4AB;
    }

    .bronze_tier{
        position:relative;
        background-color:#d2a679;
        width:100%;
    }

    .bronze_tier:after,
    .bronze_tier:after{
            z-index: 1;
            position: absolute;
            top: 98.1%;
            left: 70%;
            margin-left: -25%;
            content: '';
            width: 0;
            height: 0;
            border-top: solid 10px #d2a679;
            border-left: solid 10px transparent;
            border-right: solid 10px transparent;
    }


    #silver_stat {
        background-color: #F6F7F7;
    }

    .silver_tier {
        position: relative;
        background-color: #E5E6E7;
        /*height: 320px !important;*/
        width: 100% !important;
    }

        .silver_tier:after,
        .silver_tier:after {
            z-index: 1;
            position: absolute;
            top: 98.1%;
            left: 70%;
            margin-left: -25%;
            content: '';
            width: 0;
            height: 0;
            border-top: solid 10px #E5E6E7;
            border-left: solid 10px transparent;
            border-right: solid 10px transparent;
        }

    #gold_stat {
        background-color: #F1DDAB;
    }

    .gold_tier {
        position: relative;
        background-color: #D9AB16;
        /*height: 320px !important;*/
        width: 100% !important;
    }

        .gold_tier:after,
        .gold_tier:after {
            z-index: 1;
            position: absolute;
            top: 98.1%;
            left: 70%;
            margin-left: -25%;
            content: '';
            width: 0;
            height: 0;
            border-top: solid 10px #D9AB16;
            border-left: solid 10px transparent;
            border-right: solid 10px transparent;
        }


    #plat_stat {
        background-color: #E5E6E7;
    }

    .plat_tier {
        position: relative;
        background-color: #BCBDC0;
        /*height: 320px !important;*/
        width: 100% !important;
    }

        .plat_tier:after,
        .plat_tier:after {
            z-index: 1;
            position: absolute;
            top: 98.1%;
            left: 70%;
            margin-left: -25%;
            content: '';
            width: 0;
            height: 0;
            border-top: solid 10px #BCBDC0;
            border-left: solid 10px transparent;
            border-right: solid 10px transparent;
        }


    .zero {
        background: white;
    }

    .tier_perk {
        font-size: 15px;
    }

    .translate_buttons {
        margin-top: 20px;
    }



/******************** This is for the index section ********************/

#usermanager_container
{
    background: none repeat scroll 0 0 #dcddde;
    height: auto;
}

#usermanager_container tr{
    cursor:pointer;
}

.container-fluid.body
{
    height: auto;
}

#usermanager_container .nav-tabs > li, #usermanager_container .nav-pills > li
{
    float: none;
    display: inline-block;
    *display: inline; /* ie7 fix */
    zoom: 1; /* hasLayout ie7 trigger */
    padding-top: 20px;
}

#usermanager_container .nav-tabs,
#usermanager_container .nav-pills
{
    text-align: center;
    border-bottom: 1px solid #ddd;
}

#pos-update-result, #web-update-result{
    margin-top:20px;
}

#usermanager_container .container-fluid.content
{
    height: auto;
    padding-bottom: 20px;
    max-width: 770px;
    padding-left: 0 !important;
    padding-right: 0 !important;
}


#usermanager_container .tab-content
{
    background: none repeat scroll 0 0 #fff;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

#webusermanager tbody tr:hover, #posusermanager tbody tr:hover{
    background-color: #abb9d3;
}

/******************** This section is for the std_webuser ********************/

.usermanager_details
{
    padding-top: 25px;
}

.web_fields.user_info
{
    padding-left: 0;
}

.pos_fields.user_info
{
    padding-left: 0;
}

sup
{
    color: #DC0000;
    font-size: 17px;
    padding-right: 4px;
    top: -1px;
}
/******************** This section is for the std_webform ********************/

#information_container
{
    margin:30px 0 0 0;
}

.user_data
{
    display:inline-block;
    vertical-align: top;
}

ul.web_fields
{
    list-style-type: none;
}

ul.web_fields
{
    margin: 9px 0 40px;;
}

.user_info li
{
    margin: 10px 0 0 0 ;
}

.web_fields.active_select
{
    padding: 0;
}

.web_fields.permission_select
{
    padding-left: 0;
}

.web_fields input[type=checkbox], input[type=radio]
{
    margin: 0 10px 0 0;
}



/******************** This section is for the std_posform ********************/

#information_container
{
    margin: 30px 0 0 0;
}

.user_data
{
    display: inline-block;
    vertical-align: top;
}

ul.pos_fields
{
    list-style-type: none;
}

ul.pos_fields
{
    margin: 9px 0 40px;
}

.user_info li
{
    margin: 10px 0 0 0;
}

.pos_fields.active_select
{
    padding: 0;
}

.pos_fields.permission_select
{
    padding-left: 0;
}

.pos_fields input[type=checkbox], input[type=radio]
{
    margin: 0 10px 0 0;
}

/*
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.
*/
@media only screen and (max-width: 560px)
{
    #receipt_container
    {
        background: none repeat scroll 0 0 #dcddde;
        height: auto;
    }
}


/**********************User manager Table****************/
@media only screen and (max-width: 900px)
{
    #usermanager_container .table
    {
        width:auto !important;
    }

    #usermanager_container .table,
    #usermanager_container .table thead,
    #usermanager_container .table tbody,
    #usermanager_container .table th,
    #usermanager_container .table td,
    #usermanager_container .table tr
    {
	    display: block;
	}

    #usermanager_container .table > tbody > tr > td
    {
        border: none;
		border-bottom: 1px solid #eee;
		position: relative;
        min-height:20px;
    }

    #usermanager_container .table > tbody > tr > td[data-rcontent]
    {
        padding-left:50% !important;
    }

    #usermanager_container .table td[data-rcontent]:before
    {
		position: absolute;
		left: 6px;
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;
        text-align: left;
	}

    #usermanager_container .table tr
    {
        border: 1px solid #ccc;
    }

    #usermanager_container .table thead
    {
		display:none;
	}

    #usermanager_container .table td.dataTables_empty
    {
        padding:8px 0px !important;
        text-align:center;
    }

    #usermanager_container .table tbody td:before{
        content: attr(data-rcontent);
    }
}

.skip {
    font-size: 15px;
    text-align: right;
    margin: 10px;
}

#account-verify-box .list-group-item-heading,
.gotosite,
.skip{
    font-weight: bold;
    color: #0069BD;
    text-decoration:underline;
}

#validtxt > span {
    font-size: 29px;
}

#account-verify-box .vaildatetext {
    margin-bottom: 10px;
}

#account-verify-box .list-group-item:nth-child(even) {
    background: #f6f6f6;
}

#account-verify-box .list-group-item:nth-child(odd) {
    background: #fafafa;
}

#account-verify-box a.list-group-item:not(.disabled):hover,
#account-verify-box a.list-group-item:not(.disabled):focus {
    background-color: #e9e9e9;
    color: #555;
    text-decoration: none;
}

#account-verify-box .validate_chekmark {
    float: right;
    top: -10px;
    color: #34a13c;
}

#account-verify-box #box_left {
    text-align: left;
}

#box_right_noimg {
    padding-top: 13px;
}

#account-verify-box .rightbox_content {
    margin-top: 53px;
}

#validate-address .btn,
#validate-email .btn,
#validate-phone .btn,
#newaddybutton .btn {
    width: 282px;
}

#account-verify-box .validation {
    margin-top: 40px;
}

    #account-verify-box .validation .btn {
        width: 100%;
        max-width: 282px;
        background: #FF6621;
        color: #fff;
    }

#account-verify-box .verifyaddy {
    padding-top: 60px;
}

#newaddybutton {
    margin-bottom: 30px;
    margin-top: 60px;
}

#account-verify-box {
    box-shadow: 0 2px 9px -5px #888;
}

    #account-verify-box .list-group-item p {
        margin: 0px;
    }

    #account-verify-box #invalid-code,
    #invalid-federaltax {
        display: none;
    }

 /*************************** This section is for the return of the products *********************************/

 #topup-container
 {
     max-width: 100%;
    background: #f7f7f7;
    text-align:center;
    padding-bottom: 20px;
 }

.express-categories .ui-widget,
.express-categories .ui-menu-item
{
    font-size:8pt;
}

.express-category {
    height: 350px;
    background-repeat: no-repeat;
    background-color: #ffffff;
    border-radius: 2px;
    margin: 10px 10px 30px;
    -webkit-font-smoothing: antialiased;
    border-width: 1px;
    border-style: solid;
    border-color: #cccccc;
    box-shadow: #cccccc 0px 3px 5px;
    max-width:250px;
    min-width:205px;
}

.express-prods
{
    width:96%;
}

.express-prod .express-prod-img
{
    display: block;
    max-height: 80px;
    max-width: 166px;
    margin-top: 5px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2px;
    /*border: solid 2px transparent;*/
    border-radius: 3px;
}

.TopupLogoImage
{
    height: 50px;
    margin-bottom: 10px;
}

.express-prod input
{
    height:24px;
    margin:3px 0px;
}

.express-prod label.error,
.express-prod .field-validation-error
{
    font-size: 8pt;
    width: 100%;
    display: block;
    border-radius: 4px;
    background-color: #fff4c9;
    z-index:4;
}

.express-prod #express-btn
{
    background: url("./images/shared/express-checkout-large.png") no-repeat center transparent;
    background-size: 100px 20px;
    display: block;
    position: relative;
    width: 100%;
    border:none;
}

.express-btn {
    background: url("./images/shared/express-checkout-large.png") no-repeat center transparent;
    background-size: 100px 20px;
    display: block;
    position: relative;
    width: 100%;
    border: none;
}

.planinfo
{
    display:inline-block;
}

#topup-quantity{
    width:90px;
}

#balanceError, #quantityError{
    display:none;
    z-index:1;
}



.leftbox {
    overflow: auto;
}

/*--------------------------- Begin this css section is specific to the index.cshtml for the checkout section ---------------------------*/

#topup-prods .nav-tabs li > a {
    padding-left: 40px;
    padding-right: 40px;
}

#topup-prods .nav-tabs li.active a {
    background: #337ab7;
    color: #fff;
}

.nav-image {
    background-repeat: no-repeat;
    min-height: 36px;
    display: inline-block;
    min-width: 307px;
    text-align: center;
    vertical-align: middle;
    position: relative;
}

    .nav-image, .nav-image a {
        color: white;
        font-size: 22px;
    }

#tab1 {
    z-index: 5;
}

#tab2, #tab3 {
    z-index: 4;
    margin-left: -30px;
}

@media screen and (max-width: 680px) {
    #tab2 {
        margin-left: 0px;
    }
}

#upper_nav {
    margin-bottom: 20px;
}


#topup-prods .item li {
    border-radius: 5px;
    cursor: pointer;
    display: inline-block;
    height: 70px;
    text-align: center;
    width: 100px;
    color: #FFFFFF;
    margin: 10px 9px 2px 0;
    vertical-align: top;
    padding: 0px 5px;
}

#topup-prods .item ul {
    padding: 0px;
}

#ProductDetail p {
    position: relative;
    right: -4px;
    top: -21px;
}

.topup-prod span.base-price {
    font-size: 20px;
    font-weight: bold;
}

.topup-prod .product-name {
    font-size: 12px;
    top: -4px;
    position: relative;
    line-height: 14px;
}

#cost-info {
    font-size: 12px;
    color: #808080;
    padding: 7px;
}

#ProductDetail #plan-info {
    padding: 7px 7px 0px 7px;
}

#carrier {
    position: relative;
    max-width: 100%;
}

#topup-info {
    position: relative;
    display: inline-block;
    max-width: 100%;
    vertical-align: top;
}

    #topup-info li {
        margin: 21px 0 2px 14px;
        list-style: none;
        text-align: center;
    }


#cart_btns {
    background: none repeat scroll 0 0 #F2F2F2;
    border: 1px solid #4CBCFF;
    border-radius: 5px;
    height: 100%;
    max-width: 406px;
    min-width: 200px;
}

#add-to-cart,
#express-checkout {
    padding: 0px;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    border-radius: 5px;
    height: 32px;
    outline: 0 none;
    position: relative;
    top: 1px;
    width: 156px;
}

.checkout_group
{
    display: inline-block;
    margin: 10px;
}

#detailviewimg img
{
    float: right;
}

@media only screen and (min-width: 768px) and (max-width: 990px) {

    #cart_btns
    {
        position: relative;
    }

    .checkout_group
    {
        display: block;
        position: relative;
        right: -36px;
    }

    #orspacer {
        position: relative;
        margin-left: 74px;
    }
}

@media only screen and (max-width: 510px) {

    #cart_btns {
        position: relative;
        width: 281px;
    }

    .checkout_group {
        display: block;
        position: relative;
        right: -51px;
    }

    #orspacer {
        position: relative;
        margin-left: 74px;
    }
}

@media only screen and (min-width: 400px) and (max-width: 767px) {
    #detailviewimg {
        margin-top: 20px !important;
    }
}



#expiretxt > span
{
    font-size: 29px;
}

#newtxt > span
{
    font-size: 18px;
}

#passstrngth > span
{
    font-size: 16px;
}

#pwcontent
{
    text-align: left;
}

#passstrngth ul li
{
    list-style-type: disc;
    margin-left: -26px !important;
}

.form-group.passvars
{
    margin-bottom: 8px;
}

.form-control.passfield
{
    max-width: 227px;
    min-width: 200px;
}

#passsubmit
{
    font-size: 17px;
    max-width: 227px;
    min-width: 150px;
    width: 100%;
}



/* index for delayed spiff */
.delayed_spiff_main {background-color: #E2E2E3;}
.delayed_spiff_body {background-color: #fff; margin: 20px 0; }
.nav.nav-tabs.spiff_tabs {padding-left: 50px;}
.spiff_tabs_body {margin-top: 30px;}
.spiff_tabs > li.active > a,
.spiff_tabs > li.active > a:hover,
.spiff_tabs > li.active > a:focus{background-color:#9A9B9F; color:#fff;}


/* Delayed Spiff page */
.delayspiffdata{margin: auto; padding-bottom: 50px;}
.delay_spiff_tbl th {text-align: center;  height:40px; }
.delay_spiff_tbl th.blank{background-color:transparent !important;}
.delay_spiff_tbl tr{text-align:center; height:35px;}
.expander_open{padding: 0 10px;}
.expander_close{padding: 0 10px;}
.sub_expander_open{padding: 0 10px;}
.sub_expander_close{padding: 0 10px;}
.spiffdate {color: #999999; font-weight: bold; text-align:left; padding-left: 18px;}
.dash{padding-left:10px;}

.date-hide, .carrier-hide{display:none;}
.date-row,.instant-row{cursor:pointer}
.date-row:hover,.instant-row:hover{background-color:#ccc}
.highlighted { background-color: #FFFF33; }

/************************TPP***********************/
body#thepreferredprepaid .jumbotron.categories,
body#thepreferredprepaid hr#colorbar
{
    background:#6aae43 !important;
}

body#thepreferredprepaid #footlinks_4{
    display:none;
}

body#thepreferredprepaid #reportbuttons>input[type='radio']:not(:checked)+label,
body#thepreferredprepaid .col-md-3.col-sm-3 h2,
body#thepreferredprepaid #ActivationSelectionButtons input[type='radio']:not(:checked)+label,
body#thepreferredprepaid #ServiceSelectionButtons input[type='radio']:not(:checked)+label{
    color:#6aae43;
}

body#thepreferredprepaid .btn.btn-primary,
body#thepreferredprepaid .exportbuttons,
body#thepreferredprepaid .reportGridHeader,
body#thepreferredprepaid .limiterssubmit,
body#thepreferredprepaid #reportbuttons>input[type='radio']:checked+label,
body#thepreferredprepaid .pagination>.active>a,
body#thepreferredprepaid .k-state-selected,
body#thepreferredprepaid #banner_box,
body#thepreferredprepaid #ActivationSelectionButtons input[type='radio']:checked+label,
body#thepreferredprepaid #ServiceSelectionButtons input[type='radio']:checked+label,
body#thepreferredprepaid .ui-state-focus{
    background: #6aae41;
    border-color: #6aae43;
}

body#thepreferredprepaid #topup-prods .nav-tabs li.active a
{
    background-color:#333;
}

/*#region Text */

/* Family */
.helvetica {
    font-family: helvetica;
}

/* Font Size */
.font-size-8 {
    font-size: 8px;
}

.font-size-10 {
    font-size: 10px !important;
}

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

.font-size-13 {
    font-size: 13px !important;
}

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

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

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

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

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

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

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

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

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


.f-1 {
    font-size: 1.5em;
    font-weight: bold;
}

.cursor-pointer {
    cursor: pointer;
}

/* Text Color */
.text-white {
    color: white;
}

    .text-white:hover,
    .text-white:visited,
    .text-white:focus {
        color: whitesmoke;
    }

.text-black {
    color: #000000;
}
.text-cadet-blue {
    color: #A3ACBF;
}

.text-dark-azure {
    color: #4D628B;
}

.text-dark-silver {
    color: #707070;
}

.text-alice-blue {
    color: #E8F0FF;
}

.text-electric-red {
    color: #E00000;
}

.text-black-olive {
    color: #404040;
}

.text-indigo {
    color: #154165;
}

.text-ucla-blue {
    color: #4D628B;
}

.text-avocado {
    color: #587E15;
}

.text-medium-persian-blue {
    color: #075EA4;
}

.text-red {
    color: #FF0000;
}

.text-dark-charcoal {
    color: #333333;
}

.text-ao {
    color: #008000;
}

.text-medium-carmine {
    color: #A94442;
}

.text-deep-saffron {
    color: #FAA634;
}

.text-burnt-orange {
    color: #C24D00;
}

.text-steel-blue {
    color: #337AB7;
}

.text-coconut {
    color: #9F5D32;
}

/* Weight */

.bold {
    font-weight: bold;
}

/* Decoration */

.underline {
    text-decoration: underline;
}

/* Transformation */

.uppercase {
    text-transform: uppercase
}

/* Line Hieght */
.line-height-double {
    line-height: 200%;
}

.line-height-original {
    line-height: 1.42857143;
}

.line-height-normal {
    line-height: normal;
}

/* Letter Spacing */
.ls-7 {
    letter-spacing: 0.7px;
}


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

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

/*#endregion */

/* Height */
.h-20 {
    height: 20px;
}

/*#endregion */


/*#region Border */

.border-side {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

.border-header {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-top: 1px solid #ddd !important;
}

.border {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-top: 1px solid #ddd !important;
    border-bottom: 1px solid #ddd !important;
}

.border-middle:after {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    left: 50%;
    border-left: 1px solid white;
}

.noborder {
    border: none 0 !important;
}

.right-border {
    border-right: solid #ddd;
}

/* Color */
.border-columbia-blue {
    border-color: #D1D8E6;
}

.border-queen-pink {
    border-color: #EBCCD1;
}

/* Radius */
.border-radius-4 {
    border-radius: 4px;
}

.border-radius-10 {
    border-radius: 10px;
}

.border-radius-20 {
    border-radius: 20px;
}

.border-radius-24 {
    border-radius: 24px;
}

/*#endregion */


/*#region Background */

.background-tcgreen {
    background-color: #34A13C;
}

.background-tcgrey {
    background-color: #e7e7e7;
}

.background-vzgray {
    background-color: #333333;
}

.background-vzgray2 {
    background-color: #959595;
}

.background-vzgray3 {
    background-color: #CCCCCC;
}

.background-tcdarkrey {
    background: #444 !important;
}

.background-tclightgrey {
    background: #999;
}

.background-alice-blue {
    background-color: #E8F0FF;
}

.background-steel-blue {
    background-color: #417CB2
}

.background-avacado {
    background-color: #629A00;
}

.background-red {
    background-color: #FF0000;
}

.background-deep-saffron {
    background-color: #FAA634;
}

.background-light-gray {
    background: #F7F7F7 !important;
}

.background-emerald {
    background: #58CC6B;
}

.background-champagne {
    background-color: #F4EBCE;
}

.background-pale-pink {
    background-color: #F2DEDE;
}

/*#endregion */


/*#region Padding */

.double-padding-left {
    padding-left: 30px;
}

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

.pad-top20 {
    padding-top: 20px !important;
}

.nopadding {
    padding: 0 !important;
}

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

.ml-20 {
    margin-left: 20px;
}
.ml-30 {
    margin-left: 30px;
}

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

.mt-30 {
    margin-top: 30px;
}

.mt-50 {
    margin-top: 50px;
}

.mb-30 {
    margin-bottom: 30px;
}

.mb-50 {
    margin-bottom: 50px;
}

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

.px-30 {
    padding-left: 30px;
    padding-right: 30px;
}

.px-45 {
    padding-left: 45px;
    padding-right: 45px;
}

.px-60 {
    padding-left: 60px;
    padding-right: 60px;
}

.px-140 {
    padding-left: 140px;
    padding-right: 140px;
}

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

.pb-40 {
    padding-bottom: 40px;
}

.pb-80 {
    padding-bottom: 80px;
}

.pt-40 {
    padding-top: 40px;
}

.pt-50 {
    padding-top: 50px;
}

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

.pt-80 {
    padding-top: 80px;
}

.pr-65 {
    padding-right: 65px;
}

.pr-10 {
    padding-right: 10px !important;
}

/*#endregion */
/*#region Margin */
.m0 {
    margin: 0;
}

.mr10p {
    margin-right: 10px;
}

.mtb4 {
    margin-top: 2%;
    margin-bottom: 2%;
}

.mtb2 {
    margin-top: 2%;
    margin-bottom: 2%;
}

.float-right {
    float: right;
}

/*#endregion */

/*#region Alignment */

.flex {
    display: flex;
}

.flex-wrap {
    flex-wrap: wrap;
}

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

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

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

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

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

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

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


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

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

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

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

/*#endregion */

/*#region Branded Handset */

@media (max-width: 557px) {
    .BH-hidden-xs {
        display: none !important;
    }
}

@media (min-width: 556px) and (max-width: 991px) {
    .BH-hidden-sm {
        display: none !important;
    }
}

/*#endregion */



@media only screen and (max-width: 768px) {
    .modal-dialog {
        top: 20%;
    }
}

.smi-width-130 {
    width: 130px;
    padding: 0px;
}

.sales_popup {
    text-align: center;
    width: 250px;
}

.navbar-default .navbar-nav > li > div > a {
    color: #777;
}

.promo-hr {
    width: 50%;
    height: 1px;
    background-color: black;
    margin-left: auto;
    margin-right: auto;
}

.vred {
    color: #CD040B !important;
}

.vpromo-image {
    width: 150px;
    height: 150px;
}

.vpromo-icon {
    width: 30px;
    height: 30px;
}

.vpromo-counter {
    font-size: 30px;
    font-weight: 700;
}

.vpromo-text {
    font-size: 22px;
    font-weight: 500;
    color: #000;
    line-height: 22px;
}

.vpromo-link {
    font-size: 14px;
    font-weight: 700;
    color: #000 !important;
}

.vpromo-title {
    font-size: 20px;
    line-height: 22px;
}

.sales-goal-container {
    display: none !important;
}

.hiddenRow {
    padding: 0 !important;
}



/*#region Checklists */

.checklist-container input[type="checkbox"] {
    box-shadow: 0px 0px 12px #00C4FF !important;
    border: 2px solid #417CB2 !important;
    border-radius: 10px;
    width: 25px !important;
    height: 25px !important;
    max-width: 300px !important;
    margin-right: 30px;
    vertical-align: middle;
    margin-top: 0;
}

.checklist-container .checkbox:before {
    content: none;
}

.checklist-container .checkbox {
    margin-left: 0 !important;
}

.checklist-container .checklist-item {
    margin-bottom: 18px
}

.checklist-container .checklist-item {
    display: flex;
    align-items: center;
}

/*#endregion */


.other-text-area {
    resize: none;
    max-width: none;
    width: 320px !important;
    padding: 5px;
    box-sizing: border-box;
    border-radius: 5px;
}

#password_Reset_container {
    background: none repeat scroll 0 0 #d9d9d9;
    padding-bottom: 22px;
}

#password_Reset_filters {
    background: white;
    margin-top: 20px;
    padding-top: 40px;
}

#password_Reset_container .ui-multiselect.ui-widget.ui-state-default.ui-corner-all {
    width: 100% !important;
    max-width: 230px;
    border-radius: 5px;
    padding: 5px;
}

#password_Reset_container .table-responsive {
    overflow-x: auto;
}

.cancel-btn {
    line-height: 35px;
    display: block;
    text-align: left;
}

.tooltip-inner {
    color: #000;
    background: #fff;
    border: solid 1px #fff;
    text-align: left;
}

button.update_buttons {
    width: 100%;
    max-width: 241px;
    min-width: 136px;
    background: #FFA500;
    border-radius: 5px;
    height: 40px;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    border: none;
    margin-bottom: 10px;
}

    button.update_buttons:hover {
        background: #379EFD;
    }

.twofactor-container, .security-settings-container {
    margin: 4em 0 10em;
}
    .twofactor-container .twofactor-container,
    .security-settings-container .security-settings-container {
        margin: 0px;
    }
.hide {
    display: none;
}

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

.try-card {
    background-color: white;
    padding: 35px 70px;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    text-align: left;
}

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

.ibm-try-img {
    width: 100%;
    height: 100%;
}

.no-gutter.row,
.no-gutter.container,
.no-gutter.container-fluid {
    margin-left: 0;
    margin-right: 0;
}

.no-gutter > [class^="col-"] {
    padding-left: 0;
    padding-right: 0;
}

#modal-try-ibm .close-button,
#modal-try-ibm h3 {
    color: #707070;
    font-weight: 600;
}

#modal-try-ibm .close-button {
    position: absolute;
    top: 15px;
    right: 30px;
    color: #DDDDDD;
    font-weight: 600;
    font-size: 2em;
    font-family: arial;
    cursor: pointer;
}

.ibm-disclaimer {
    font-size: .7em;
    font-family: Helvetica;
    color: #333333;
    text-align: right;
}

.ibm-try-text {
    font-size: .8em;
    font-family: Helvetica;
    color: #333333;
}

.security-settings-container h3,
.twofactor-container h3 {
    margin-bottom: 1em;
    text-align: center;
    font-weight: bold;
    font-family: Helvetica;
    font-size: 30px;
}

.security-settings-container .icon-container,
.twofactor-container .icon-container {
    text-align: center;
}

.setting-title {
    color: #404040 !important;
    font-weight: bold !important;
}

.gray-line {
    color: #CCCCCC;
    margin-left: 7%;
    margin-right: 7%;
}

.phone-cs {
    color: #404040;
    font-size: 18px;
    text-align: right;
}

.security-settings-container .icon-container img.img-responsive {
    margin: 0 auto;
    display: inline-block;
}

.center-items {
    display: flex;
    align-items: flex-end;
}

.security-settings-container .icon-container,
.twofactor-container .icon-container {
    margin-bottom: 3em;
}

.twofactor-container .setting-text,
.security-settings-container .setting-text {
    margin-bottom: 1em;
}

.security-settings-container h3,
.security-settings-container .icon-container i,
.twofactor-container h3,
.twofactor-container .icon-container i {
    color: #707070;
}

.twofactor-container .connection-error {
    margin: 20px 0;
    display: none;
}

.twofactor-container .action-container,
.security-settings-container .action-container {
    margin-top: 3em;
}

    .twofactor-container .action-container .btn-primary,
    .security-settings-container .action-container .btn-primary {
        box-shadow: 0 3px 5px 0 #DFDFDF;
        min-width: 114px;
    }

    .twofactor-container .action-container .pull-right .btn-primary,
    .security-settings-container .action-container .pull-right .btn-primary {
        float: right;
    }

#signbox.security-settings-container {
    padding-bottom: 20px;
    box-shadow: none;
}

    #signbox.security-settings-container .table-bordered td {
        border: none !important;
        border-top: solid 1px #ccc !important;
    }

        #signbox.security-settings-container .table-bordered td:first-child {
            text-align: left;
        }

        #signbox.security-settings-container .table-bordered td > input[name="optradio"] {
            margin: 0px auto;
        }

    #signbox.security-settings-container .setting-code-dest .table-bordered td:nth-child(3) {
        width: 100%;
        padding-left: 0px;
    }

    #signbox.security-settings-container .setting-code-dest .table-bordered td:nth-child(2) {
        text-align: center;
    }

        #signbox.security-settings-container .setting-code-dest .table-bordered td:nth-child(2) i.fa {
            display: inline-block;
            color: #707070;
            width: 16px;
        }

    #signbox.security-settings-container .setting-devices {
        margin-bottom: 2em;
    }

        #signbox.security-settings-container .setting-devices .table-bordered td:nth-child(2) {
            width: 100%;
            padding-left: 0px;
        }

.select-all-check {
    margin-left: 9px;
    margin-bottom: 10px;
    font-weight: bold;
}

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

.error {
    color: #DA5049;
}

.twofactor-container button.btn, .security-settings-container button.btn {
    padding: 10px 15px;
}

.action-container .action-link {
    margin-top: 11px;
    display: block;
}

.action-link {
    color: #4A90E2;
    cursor: pointer;
}

#newtxt {
    margin-bottom: 10px !important;
}

#expiretxt {
    color: #002d62 !important;
}

.action_buttons {
    max-width: 226px !important;
}

.security-settings-container .content-container,
.twofactor-container .content-container {
    float: none;
    margin: 0px auto;
    width: 100%;
    min-width: 300px;
    max-width: 472px;
}

.setting-card {
    background-color: white;
    padding: 25px 50px;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    text-align: left;
}

.security-settings-container .setting-card,
.twofactor-container .setting-card {
}

.pad-top-10 {
    padding-top: 10px;
}

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

#setupNextBtn {
    width: 100%;
}

.setting-text {
    text-align: left;
    color: #333333;
}

.fs-29 {
    font-size: 29px !important;
}


#fb-icon.fa {
    font-family: "Font Awesome 5 Brands";
}

#twitter-icon.fa {
    font-family: "Font Awesome 5 Brands";
}

#linkedin-icon.fa {
    font-family: "Font Awesome 5 Brands";
}

.btn-width {
    min-width: 114px;
    float: right !important;
}

.fs-27 {
    font-size: 27px !important;
}

.bg-darkBlue {
    background-color: #075DA3;
}

    .bg-darkBlue:disabled {
        background-color: #C9C9C9;
        border-color: #C9C9C9;
    }


.twofactor-container .radio-inline {
    margin-left: 0px;
    margin-right: 10px;
}

    .twofactor-container .radio-inline input[type="radio"],
    .twofactor-container .radio-inline input[type="checkbox"] {
        margin-top: 4px;
    }

.custom-overlay-container {
    position: absolute;
    z-index: 5000;
    pointer-events: none;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.custom-overlay-backdrop {
    position: absolute;
    top: 74px;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 5000;
    pointer-events: auto;
    -webkit-tap-highlight-color: transparent;
    transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
    opacity: 1;
    /*
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
        */
}

.custom-spinner-container {
    width: 100%;
    height: 100vh;
    position: absolute;
    z-index: 5001;
    top: 355px;
    left: 0px;
}


#ibm-verify-qrcode {
    width: 230px;
    height: 230px;
    margin: 15px auto 0px;
    outline: 5px solid #000;
    text-align: center;
    padding: 0px;
    display: inline-block;
}

    #ibm-verify-qrcode > img {
        display: inline-block !important;
        width: 100%;
        height: auto;
    }

.security-settings-container input#ibmVerify {
    margin: 3px 10px 0px 0px;
    vertical-align: -2px;
}

.bg-red {
    /*background-color: #075DA3;*/
    background-color: red;
}

    .bg-red:hover {
        border-color: none;
        background-color: red;
        cursor: pointer;
    }

#modal-app-auth-download .setting-card {
    width: 100%;
    max-width: 400px;
    margin: 10em auto;
    position: relative;
}

#modal-app-auth-download .send-app-link-options span {
    margin: 0;
    display: inline-block;
}

    #modal-app-auth-download .send-app-link-options span:first-child {
        margin-right: 10px;
    }

    #modal-app-auth-download .send-app-link-options span input {
        margin: 3px 5px 0px 0px;
        vertical-align: -2px;
    }

#modal-app-auth-download .close-button,
#modal-app-auth-download h3 {
    color: #707070;
    font-weight: 600;
}

#modal-app-auth-download .close-button {
    position: absolute;
    top: 0px;
    right: 15px;
    color: #bbb;
    font-weight: 600;
    font-size: 2em;
    font-family: arial;
    cursor: pointer;
}

#modal-app-auth-download h3,
#modal-app-auth-download .send-app-link-options {
    text-align: center;
}

#modal-app-auth-download #securityCode {
    min-width: 100%;
}

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

.auth-instructions {
    margin-top: 1em;
    margin-bottom: 2em;
}

#trust {
    margin-bottom: 2em;
}

@media screen and (max-width: 768px) {
    #setupNextBtn {
        width: 30%;
    }
}

#align-r {
    text-align: right;
}

@media screen and (max-width: 1199px) {
    #align-r {
        text-align: left;
        margin-top: 2%;
    }
}

.margin-fix {
    margin-left: 2%;
    margin-right: 2%;
}

.gray-line-above {
    border-top: solid #F7F7F7;
}

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

.code-dist-title {
    color: #404040 !important;
    font-weight: bold;
    margin-bottom: 20px !important;
    font-size: 30px;
}

.ibm-checkbox {
    border: solid #075EA4 1px;
    width: 25px;
    height: 25px;
    box-shadow: 0px 0px 5px #00000033;
    border-radius: 3px;
}

#ibmVerify {
    opacity: 0;
    display: none;
    width: 80px;
    height: 25px;
    cursor: pointer;
    display: inline-block;
    position: relative;
    z-index: 3;
}

.ibm-checkbox input[type="checkbox"], .ibm-checkbox .checked-ibm {
    display: none;
}

input[type="checkbox"]:checked ~ .checked-ibm {
    display: inline-block;
    position: relative;
    bottom: 30px;
}

.checked-ibm {
    color: #075EA4;
    padding-left: 3px;
    padding-top: 5px;
}

.check-box-ibm-label {
    padding-left: 9px;
    cursor: pointer;
}

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

.pad-left-7 {
    padding-left: 7px;
}

.pad-left-15 {
    padding-left: 15px;
}

.full-width-input {
    max-width: unset;
    width: 100%;
}

span.tab-space {
    padding-left: 0.5em;
}

#resendBox {
    margin-top: 1em;
}

#cart_container .quantity-wrapper .component-quantity-counter .input-group {
    width: 150px;
    float: none;
    margin: 0 auto;
}
.quantity-wrapper .component-quantity-counter .input-group {
  white-space: nowrap;
  width: 100%;
  float: left;
  position: relative;
}

  .quantity-wrapper .component-quantity-counter .input-group .component-quantity-input {
    margin: 0 0.5em;
    font-size: 18px;
    text-align: center;
    font-weight: bold;
    width: 100%;
    height: 30px;
  }

    .quantity-wrapper .component-quantity-counter .input-group .component-quantity-input.form-control {
      flex: none;
    }

  .quantity-wrapper .component-quantity-counter .input-group button,
  .quantity-wrapper .component-quantity-counter .input-group .component-quantity-input {
    float: left;
  }
  .quantity-wrapper .component-quantity-counter .input-group .component-quantity-input {
    max-width: 60px;
    padding: 3px;
    border-radius: 2px;
  }
  .quantity-wrapper .component-quantity-counter .input-group .qc-action-btn {
    height: 30px;
    width: 35px;
    padding: 6px 12px;
  }
  .quantity-wrapper .component-quantity-counter .input-group .qc-action-btn > i.fa::before {
    position: relative;
    top: 0px;
    left: -1px;
    font-size: 16px;
  }
  .quantity-wrapper .component-quantity-counter .btn-primary {
    background-color: #075DA3;
  }

.quantity-wrapper .component-quantity-counter .component-quantity-counter-qc-message {
  font-size: 14px;
  margin: .5em 0 0;
  white-space: normal;
}