/*------------------------ CUSTOMIZE BOOTSTRAP ------------------------*/
.text-right {
  text-align: left;
}
.text-left {
  text-align: right; 
}
.pull-left {
  float: right !important;
}
.pull-right {
  float: left !important;
}
.row {
  margin-left: 0;
  margin-right: -20px;
}
[class*="span"] {
  float: right;
  margin-left: 0 !important;
  margin-right: 20px;
}
.row-fluid [class*="span"] {
  float: right;
  margin-left: 0;
  margin-right: 1.8181818181818181%;
  *margin-right: 1.7727272727272727%;
}
.row-fluid [class*="span"]:first-child {
  margin-left: 0;
  margin-right: 0;
}
.row-fluid .controls-row [class*="span"] + [class*="span"] {
  margin-left: 0;
  margin-right: 1.8181818181818181%;
}

/*Toggge Auto*/
input.toggle + label {
  margin-right: 0; 
  margin-left: 5px; 
}
input.toggle + label:before,
input.toggle + label:after {
  right: 0;
}
input.toggle + label:before {
  left: 0.5rem;
}
input.toggle:checked + label:after {
  margin-left: 0;
  margin-right: 30px;
}
input.toggle.small:checked + label:after {
  margin-left: 0;
  margin-right: 20px;
}

/* Pagination */
.pagination ul > li {
  float: right;
}
.pagination ul>li:first-child>a, 
.pagination ul>li:first-child>span {
  border-left-width: 0;
  border-right-width: 1px;
  border-right-color: #ddd;
  border-radius: 0 4px 4px 0;
}
.pagination ul>li:last-child>a, 
.pagination ul>li:last-child>span {
  border-left-width: 1px;
  border-right-width: 1px;
  border-right-color: #ddd;
  border-radius: 4px 0 0 4px;
}
/* Table */
table {
  direction: rtl;
}
/* Modal */
.modal {
  right: 50%;
  left: 0;
  margin-left: 0;
  margin-right: -300px;
}
.modal-footer {
  text-align: left;
}
.close {
  float: left;
}
.alert .close {
  right: auto;
  left: -21px;
}
span.symb{
  padding-right: 0; 
  padding-left: 3px;
}
/* Carousel */
.carousel-indicators li {
  margin-left: 0;
  margin-right: 5px;
}
/* ineligible SIM */
#ineligible-mcc-panel a#change-mmc-sim {
  float: left;
}
/*------------------------ RESPONSIVE  ------------------------*/
@media (min-width: 1200px) {
  .row {
    margin-right: -15px;
  }
  [class*="span"] {
    margin-right: 15px;
  }
  .row-fluid [class*="span"] {
    margin-right: 1.2766%;
  }
  .row-fluid .controls-row [class*="span"] + [class*="span"] {
    margin-right: 1.2766%;
  }
}

@media (min-width: 768px) and (max-width: 979px) {
  .row {
    margin-left: 0;
    margin-right: -20px;
  }
  [class*="span"] {
    margin-left: 0;
    margin-right: 20px;
  }
  .row-fluid [class*="span"] {
    margin-right: 2.358490566037736%;
  }
  .row-fluid [class*="span"]:first-child {
    margin-right: 0;
  }
  .row-fluid .controls-row [class*="span"] + [class*="span"] {
    margin-left: 0;
    margin-right: 2.358490566037736%;
  }  
}

@media (max-width: 767px) {
  .container-fluid {
    padding: 0;
  }
  .container {
    width: auto;
  }
  .row-fluid {
    width: 100%;
  }
  .row-fluid [class*="span"] {
    float: none;
    display: block;
    width: 100%;
    margin-right: 0;
    box-sizing: border-box;
  }
  .span12,
  .row-fluid .span12 {
    width: 100%;
    box-sizing: border-box;
  }
  .row-fluid [class*="offset"]:first-child {
    margin-right: 0;
  }
  .modal {
    right: 10px;
    left: 10px;
    margin-left: 0;
    margin-right: 0;
  }
}

/*------------------------ MY ACCOUNT ------------------------*/
/* Mixin classes */
.pull-rtl {
  float: right !important;
}
.pull-ltr {
  float: left !important;
}
.col-left-pd {
  padding-right: 0;
  padding-left: 10px;
}
.col-right-pd {
  padding-left: 0;
  padding-right: 10px;
}
.info-icon {
  margin-left: 0;
  margin-right: 3px;
}
.restrict-icon {
  margin-right: 0;
  margin-left: 3px;
}

/* input */
input[type="radio"],
input[type="checkbox"] {
  margin-right: 0;
  margin-left: 5px;
}

/* progress */
.progress .progress-bar {
  text-align: right;
}
/* progress empties */
.progress-empties .progress {
  direction: ltr;
}
.progress-empties .progress .progress-bar {
  text-align: left;
}
/* progress opposite */
.progress-opposite .progress {
  direction: ltr;
}
.progress-opposite .progress .progress-bar {
  text-align: left;
  float: left;
}
/* progress empties + opposite */
.progress-opposite.progress-empties .progress {
  direction: rtl;
}
.progress-opposite.progress-empties .progress .progress-bar {
  float: right;
  text-align: right;
}

/* transactionprocessing */
.transaction-processing-icon {
  float: right;
  margin: 5px 0 0 10px;
}

/* strength password */
#strength li {
  margin-right: 0;
  margin-left: 5px;
}

/* modal */
.modal-body .row-display-plan .item {
  padding-left: 0;
  padding-right: 50px;
}
.modal-body .row-display-plan .item .icon {
  left: auto;
  right: 0;
}
.modal-body .row-display-plan .item .cost {
  text-align: left;
}
.modal-body .time-countdown {
  margin-right: 0;
  margin-left: 20px;
  float: right;
}

/* Smart Banner */
#branch-banner * {
  margin-right: 0 !important;
  margin-left: 4px;
}
#branch-banner .icon,
#branch-banner-close {
  float: right !important;
}
#branch-banner-close {
  margin-left: 0;
}
#branch-banner .icon {
  margin-right: 5px !important;
  margin-left: 7px !important;
}
#branch-banner .content .right {
  float: left !important;
}

/* allocation sharing form */
.device-share li {
  float: right;
  padding-right: 0;
  padding-left: 5px;
}
.device-share input[type="radio"] {
  margin-right: 0;
  margin-left: 10px;
  float: right;
}
.device-share .info .icon {
  float: right;
  padding-right: 0;
  padding-left: 10px;
}
.device-share .info .detail {
  float: right;
}

/* select payment method */
#select-payment-method ul li .control-group {  
  margin: 10px 0 0 auto;
}
#select-payment-method ul li.credit-card p.list-card {
  padding-left: 0;
  padding-right: 40px; 
}
#select-payment-method ul li.credit-card p.list-card span.card-icon {
  left: auto;
  right: 0;
}

/* table */
table.summary td.price {
  text-align: left;
}

/* WRAP LEFT RIGHT */
.wrapper-left {
  padding-right: 0;
  padding-left: 30px;
}
.wrapper-left,
.wrapper-right {
  float: right;
}

/* My Account */
.my-account div.alert::before,
.my-account .assign-warning::before {
  padding-right: 0;
  padding-left: 6px;
}
.my-account div.alert::before,
.my-account .assign-warning::before {
  padding-right: 0;
}
.my-account div.alert {
  padding: 8px 14px 8px 35px;
}
.my-account div.alert .message {
  margin-left: 0;
  margin-right: 30px;  
}
.my-account div.warring-suppended-subscription .content {
  margin-left: 0;
  margin-right: 30px;  
}

/* LISTING ITEM GRID */
.listing-items .item > div {
  float: right;
  padding-right: 0px;
  padding-left: 10px;
}
.listing-items .item > div:last-child {
  padding-left: 0;
}
.listing-items .item .controls {
  text-align: left;
}
.listing-items .item .controls > span {
  margin-left: 0;
  margin-right: 5px;
}
.listing-items .item .controls > span:first-child {
  margin-right: 0;
}
.listing-items.listing-product .item {
  padding-left: 0;
  padding-right: 65px;
}
.listing-items .item .icon.vas-inactivate .noti-circle:before {
    right: auto;
    left: -8px;
}

/* WRAPPER CONTENT */
#wrapper-content .edit-link {
  margin-left: 0;
  margin-right: 15px;
}

/* ZACT */
.zact .my-account div.logo a {
  background-position: 5px 0;
}

/* HEADER PANEL */
#my-account-header .wallet-header > div {
  right: auto;
  left: -5px;
}
#my-account-header .wallet-header > div > span:first-child:before {
  margin-right: 0;
  margin-left: 5px;
}
.wallet-header .error-api {
  margin-right: 10px;
  margin-left: 0;
}
#header-panel {
  padding-left: 0;
  padding-right: 90px;
}
#header-panel .logo,
#header-panel .navigation {
  float: right;
}
#header-panel .logo {
  right: 0;
}

/* TOP MENU */
#top-menu span.user-menu-items {
  float: left;
}
#top-menu #tabbar {
  float: right;
}
#top-menu #tabbar li {
  float: right;
}
#top-menu span.user-menu-items.open>.dropdown-menu {
  right: auto;
  left: 0;
}

/* FOOTER */
#footer-bar .nav li {
  float: right;
  border-right: 0;
  border-left: 1px solid #e2e4e4;
}
#footer-bar .nav li:last-child {
  border-left: none;
}
#footer-bar .nav.flinks {
  margin-left: 0;
  margin-right: -5px;
}

/* LEFT MENU */
#left-menu .slick-vertical .slick-list {
  padding-right: 0;
  padding-left: 15px;
}

/* LOGIN */
body.login-page #passwordHint {
  padding: 0 15px 0 0;
}

/* OOBE */
.oobe-page .listing-items .item {
  padding-left: 0;
  padding-right: 10px;
}
.oobe-page .listing-items .item > div.cost {  
  float: left;
  text-align: left;
  padding-right: 0;
  padding-left: 10px;
}
.oobe-page .listing-items .item.total-cost .details {
  padding-left: 0;
  padding-right: 10px;
}
.oobe-page .detail-plan .plan-icon {
  float: right;
  margin-right: 0;
  margin-left: 10px;
}
.oobe-page .listing-items .item > div.cost input {
  margin: 10px 10px 10px 0;
}


/* PLANS */
.plans-page .phone-middle,
.plans-page .text-middle,
.plans-page .data-middle {
  float: right;
  margin-right: 0;  
  margin-left: 5px;  
}
.plans-page .listing-items .item {
  padding-left: 0;
  padding-right: 15%;
}
.plans-page .listing-items .item.monthly-cycle-plan {
  padding-left: 0;
  padding-right: 0;
}
.plans-page .listing-items .item.monthly-cycle-plan .txt {
  padding-left: 0;
  padding-right: 7px;
}
.plans-page .listing-items .item .icon {
  left: auto;
  right: 0;
  text-align: left;
  padding-right: 0;
  padding-left: 0;
}
.plans-page .listing-items .item .progress-bar-wrapper {
  padding-right: 0;
  padding-left: 0;
}
.plans-page .listing-items .item.bundle-item.one-plan .progress,
.plans-page .listing-items .item .progress {
  float: right;
}
.plans-page .item .usage-info {
  float: right;
}
.plans-page .item.bundle-item.one-plan .usage-info .txt,
.plans-page .item .usage-info .txt {
  float: right;
}
.plans-page .listing-items .item.bundle-item {
  float: left;
}
.plans-page .item .prorate {
  float: right;
}
.plans-page .listing-items .item.bundle-item .txt {
  padding-left: 0;
  padding-right: 0;
}
.plans-page .listing-items .item.no-icon {
  padding-left: 0;
  padding-right: 0;
}
.plans-page .device-detail.item {
  padding-left: 0;
  padding-right: 40px;
}
.plans-page .device-detail.item .icon {
  text-align: right;
}

/* plans - adjust purchase */
.plans-page .review-content .icon-type{
  left: auto;
  right: 0;
}
.plans-page .review-content ul li .header.price-value {  
  text-align: left;  
  right: auto;
  left: 0;
}
.plans-page .review-content ul li .header.total-price-value {
  text-align: left;
}
.plans-page .review-content ul li span.block {
  padding-left: 0;
  padding-right: 45px;
}
.plans-page .exchange-payment-box .review-content.paying-box .my-wallet .amount{
  right: auto;
  left: 0;
}
#plansManage .subsection-title.base-plans > div,
#plansManage .subsection-title.base-plans > div.cost-renew > div {
  float: right;
}
#plansManage .content-carousel .edit-link {
  margin-left: 0;
  margin-right: 0;
}

/* plans - carousel */ 
#plansCarousel .carousel-usage h4 {
  padding-left: 0;  
  padding-right: 29px;  
}
#plansCarousel .carousel-usage h4.bg-icon {
  background-position: right 0 !important;
}
#plansCarousel .carousel-usage .voice h4 {
  background-position: right 0;
}
#plansCarousel .carousel-usage .data h4 {
  background-position: right -74px;
}
#plansCarousel .carousel-usage .text h4 {
  background-position: right -39px;
}
#plansCarousel .selectbox-size li .retail-price {
  margin-right: 0;
  margin-left: 3px;
}

/* plans - adjust review */
#plansAdjustReview .table-adjust-review {
  background: rgba(0, 0, 0, 0) url(/frontend/images/myaccount/current-plan-usage-b2.png) no-repeat scroll 77% center;
  background-size: 12px 100%;
}
#plansAdjustReview .table-adjust-review tr th {
  text-align: right;
}
#plansAdjustReview .table-adjust-review .voice,
#plansAdjustReview .table-adjust-review .messaging,
#plansAdjustReview .table-adjust-review .data {
  text-align: right;
}

/* plans - usage */
#plansUsage .selector ul {
  margin-left: 0;
  margin-right: 0;  
}
#plansUsage #usage-table-wrapper .usage-history-message {
  float: right;
}
#plansUsage #usage-table-wrapper .pagination {
  float: right;
}
#plansUsage #usage-table-wrapper .dataTable th::after {
  float: left;
}
#plansUsage #usage-history-render .row {
  margin-left: 0;
  margin-right: 0;
}
#plansUsage #usage-history-render .table-bordered {
  border-left: 0;
  border-right: 1px solid #ddd;
}
#plansUsage #usage-history-render table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child::before {  
  left: auto;  
  right: 7px;  
}

/* OFFERS */
.offers-page .plan-icon {
  float: right;  
}
.offers-page .plan-icon-info {
  margin-left: 0;
  margin-right: 70px;
}
.offers-page .review-purchase .button-cell {
  text-align: left;
}
.offers-page .subcate-header,
.offers-page .category-header {
  float: right;
}
.offers-page .category-header h2 {
  float: right;
  padding-right: 0;
  padding-left: 5px;  
}
.offers-page .category-header .see-all {
  float: left;  
  text-align: left;
}
.offers-page .paying-box {
  float: right;
  width: 100%;  
}
.offers-page .paying-box .payment-tax-amount {
  float: left;
}
.offers-page .payment-method-header .amount {
  float: left;
}
.offers-page .my-wallet {
  float: right;  
}
.offers-page .my-wallet .description {
  float: right;
}
.offers-page .my-wallet .amount {
  float: right;
  text-align: left;
  padding: 10px 0 0 5px;
}
.offers-page .my-wallet .wallet-border {
  float: right;
}
.offers-page .note-account-balance {
  float: right;
}
.offers-page.view-coupon .cost {
  float: left;
}
.offers-page .sub-total .sum-title,
.offers-page .tax-total .sum-title {
  float: right;
}
.offers-page .sub-total .price,
.offers-page .tax-total .price {
  float: right;
}
/* offers - horizontal */
.offers-page .box-items .item {  
  float: right;  
}
.offers-page .box-items .box-header {
  padding-left: 0;
  padding-right: 58px;  
}
.offers-page .box-items .item .cost .sale-price {
  float: left;
}
.offers-page .box-items .item .cost .retail-price {
  float: right;
}
.offers-page .box-items .box-header .icon {
  left: auto;
  right: 0;
}
.horizontal-tall .offers-page .box-items .box-header {
  padding-right: 0;
}
.horizontal-tall .offers-page .box-items .item .cost {
  text-align: left;
}
.horizontal-tall .animated-background.icon {
  right: 50%;
  left: auto;
  margin-left: 0;
  margin-right: -25px; 
}
.horizontal-tall .animated-background.price {  
  left: 5px;
  right: auto;
}
/* offers- allocation sharing form */
.offers-page .device-share .info .icon {
  padding-right: 0;
  padding-left: 10px;  
  left: auto;
  right: 0;
}
.offers-page .device-share li.info {
  padding-left: 0;
  padding-right: 40px;
}
.offers-page .device-share.header li.info,
.offers-page .device-share.unallocated li.info {
  padding-left: 0;
  padding-right: 0;
}

/* offers - type assign */
.offers-page .device-share input[type="radio"] {
  left: auto;
  right: 0;
}
.offers-page .device-share ul.action-assign_this_device li.info,
.offers-page .device-share ul.action-assign_one li.info,
.offers-page .device-share ul.action-assign li.info {
  padding-left: 0;
  padding-right: 60px;
}
.offers-page .device-share ul.action-assign_this_device .info .icon,
.offers-page .device-share ul.action-assign_one .info .icon,
.offers-page .device-share ul.action-assign .info .icon {
  left: 0;
  right: 25px;
}

/* offers - feature products */
.offers-page .carousel .carousel-indicators li:first-child {
  margin-left: 0;
  margin-right: 0;
}
.offers-page .carousel .carousel-control.left {
  left: auto;
  right: 0;
}
.offers-page .carousel .carousel-control.right {
  right: auto;
  left: 0;
}
.offers-page .carousel .carousel-control span {
  background-position: -26px 0;
}
.offers-page .carousel .carousel-control span.icon-next {
  background-position: 0 0;
}
#offersListingCategory .level3-category {
  margin-left: 0;
  margin-right: 15px;
}
/* offers - plan category */
#offersPlanCategory .listing-items .item {
  padding-left: 0;
  padding-right: 15%;
}
#offersPlanCategory .listing-items .item .icon {  
  left: auto;
  right: 0;  
  padding-right: 0;
  padding-left: 0;
  text-align: left;
}
#offersPlanCategory .listing-items .item .details > div {
  float: right;
}
#offersPlanCategory .listing-items .item .cost {
  text-align: left;
}
#offersPlanCategory .listing-items .item .cost > span {
  text-align: left;
}

/* offers - place order */
#offersPlaceOrder .wrapper-right.span14 {
  margin-left: 0;
  margin-right: 0;
}

/* offers - place order */
#offersConfirmOrder #select-topup-card input[type="radio"] {
  margin: 4px 5px 0 0;
  margin: 4px 0 0 5px;
}

/* ACCOUNT */
/* account - overview */
#accountOverview .change-span-top {
  margin-right: 0;
}
#accountOverview .lbl {
  margin-right: 0;
  margin-left: 5px;
}

/* account - options */
#accountOptions #select-payment-method ul,
#accountOptions #select-payment-method ul li .control-group {
  margin-right: 0;
}
#accountOptions #paying-with .paying-box-header .amount {
  float: left;
}
#accountOptions #paying-with #select-payment-method .control-group {
  margin-left: 0;
  margin-right: 15px;
}

/* account - history */
#accountHistory .item > div {
  padding-left: 0;
}

#accountHistory .item .code {
  text-align: left;
}
#accountHistory .item .price {
  text-align: left;
}
#accountHistory .item .view {
  padding-right: 5%;
  padding-left: 0;
}

/* account - order detail */
#accountOrderDetails .item.child-item-invoices .lbl {
  padding-right: 10px;
  padding-left: 0;
}

#accountOrderDetails .item .price {
  text-align: left;
}

/* account - cards */
#accountCards .item .info-icon {
  margin-right: 0;
}

#accountCards .autopay,
#accountCards .default {
  padding-left: 0;
}
#accountCards .controls span:first-child {
  margin-right: 0;
}
#accountCards .card {
  padding-left: 0;
  padding-right: 37px;
}
#accountCards .card span.card-icon {
  left: auto;
  right: 0;
}
#accountCards #title-cards-id .autopay-status-wrap .switch,
.re-purchase .switch {
  left: 7px;
}

/* DEVICES */ 
.devices-page .listing-items .item .icon {
  left: auto;
  right: 0;
}
.devices-page .item{
  padding-right: 40px;
  padding-left: 0;
}
.devices-page .item.collapsed .arrow-icon {
  background-position: -321px -440px;
}
.devices-page .listing-items.listing-product .cost {
  text-align: left;
}

/* devices - phones */
#devicesPhones .device-info {
  float: right;  
}
#devicesPhones .subsection-title > div.controls {
  text-align: left;
}
#devicesPhones .sub-title {
  float: right;
}
#devicesPhones .sub-title a.change-link {
  float: left;
}
#devicesPhones .controls tr td.name {
  text-align: right;
}
#devicesPhones .controls tr td.switch {
  text-align: left;
}

#devicesPhones .controls > span {
  margin-right: 5px;
  margin-left: 0;
}
#devicesPhones .controls > span:first-child {
  margin-right: 0;
}
#devicesPhones .device-status {
  margin-right: 5px;
  margin-left: 0;
}

/* devices - detail subscription */
#devicesDetailSubscription .listing-items.plans .item {
  padding-right: 70px;
  padding-left: 0;
}
#devicesDetailSubscription .listing-items.plans .item .icon {
  text-align: left;
}


/* devices - controls */

#devicesControl .item .device-role {
  padding-right: 38px;
  padding-left: 0;
}

#devicesControl .item .device-role .control-on {
  float: right;
  margin: 5px 0 0 5px;
  left: auto;
  right: 0;
}

/* devices - add restriction */

#devicesAddRestriction #restriction_name {
  margin-right: 0;
  margin-left: 5px;
}

#devicesAddRestriction #next-day-text {
  text-align: left;
}
#devicesAddRestriction #specific-time .form-item {
  float: right;
  padding: 5px 38px 5px 0;
}

#devicesAddRestriction #specific-time .form-item label {
  right: 0;
  left: auto;
}

#devicesAddRestriction .list-days .day-wrap {
  margin-left: 2px;
  margin-right: 0;
}
#devicesAddRestriction .list-days label {
  right: 0;
  left: auto;
}

/* devices - restriction contacts */
#devicesRestrictionContacts .radio-item .radio-item-label {
  padding-left: 0;
  padding-right: 20px;
}

#devicesRestrictionContacts table th,
#devicesRestrictionContacts table td {
  float: right;
}

#devicesRestrictionContacts table .controls {
  text-align: left;
}

/* devives - provision subscriber by mdn */
#provisionSubsByMdn .prefixPlus {
  right: 5px;
  left: auto;
}
#provisionSubsByMdn #countryCode {
  padding-left: 0;
  padding-right: 20px;
}

/* MY ORDER */
.my-order .my-wallet .wallet-info {
  padding-left: 0;  
  padding-right: 40px;
  background-position: right;
}

input.topup-cvv {
  margin-left: 0px;
  margin-right: 15px;
}

/*placeHolder style*/
@keyframes placeHolderShimmer {
  0%{ background-position: 468px 0; }
  100%{ background-position: -468px 0; }
}
/* subscription place holder */
.background-masker.bar-first-bottom,
.background-masker.bar-second-bottom,
.background-masker.bar-third-bottom {
  left: 0;
  right: 45px;
}
.background-masker.bar-third-bottom {
  right: 0;
}
.background-masker.bar-first-left,
.background-masker.bar-second-left,
.background-masker.bar-third-left {
  left: auto;
  right: 45px;
}
.background-masker.bar-first-right,
.background-masker.bar-second-right,
.background-masker.bar-third-right {
  right: auto;
  left: 0;
}
.background-masker.bar-first-right {
  right: 236px;
}
.background-masker.bar-second-right {
  right: 300px;
}
.background-masker.bar-third-right {
  right: 160px;
}
/* Every thing below this is just positioning */
.background-masker.header-top,
.background-masker.header-bottom,
.background-masker.subheader-bottom {
  left: 0;
  right: 40px;
}
.background-masker.header-left,
.background-masker.subheader-left,
.background-masker.header-right,
.background-masker.subheader-right {
  left: auto;  
  right: 40px;
}
.background-masker.header-right,
.background-masker.subheader-right {
  left: 0;
  right: 300px;
}

.background-masker.subheader-right {
  right: 230px;
}
.background-masker.content-first-end,
.background-masker.content-second-end,
.background-masker.content-third-end{
  left: 0;
  right: 380px;
}
.background-masker.content-second-end {
  right: 420px;
}
.background-masker.content-third-end {
  right: 300px;
}
.animated-background.subscription-title {
  right: 0;
}
/*Loadding Store, Rewards Page*/
.is-offers .line-bottom-second,
.is-rewards .line-bottom-second {
  right: 65%;
}
.title-cvv-code {
    padding-right: 225px;
}

input.topup-cvv {
    width: 180px !important;
}

/* MY ACCOUNT RESPONSIVE */
@media (max-width: 979px) {
  .navbar .btn-navbar {
    right: auto;
    left: 0;
  }
  
  input.topup-cvv {
    margin-left: 0px;
    margin-right: 0px;
  }

  /* PLANS */
  /* plans - Usage */
  #plansUsage .row-fluid .span7 > .span7 {
    margin-left: 0;
    margin-right: 0;
  }
  /* plans - manage */  
  #plansManage .subsection-title.base-plans > div.cost-renew {
    text-align: left;
  }
  #plansManage .subsection-title.base-plans > div.cost-renew > div {
    text-align: right;
  }
  .title-cvv-code {
      display: none !important;
  }
}

@media (max-width: 767px) {
  div.spinner {
    margin-left: 25px;
  }
  .col-left-pd {
    padding-right: 0;
    padding-left: 0;
  }
  .col-right-pd {
    padding-left: 0;
    padding-right: 0;
  }

  /* HEADER PANEL */
  #my-account-header .wallet-header > div {    
    padding: 2px 10px 2px 20px;
  }
  #my-account-header .wallet-header span+span {
    float: left;
  }

  .wallet-header .loading-placeholder {
    margin-left: -10px;
  }

  #header-panel {
    padding-left: 0;
    padding-right: 0;
  }
  #header-panel .logo {
    left: 0;
  } 
  .wrapper-left {
    padding-right: 0;
    padding-left: 0;
  }

  /* FOOTER */
  #footer-bar .nav.social {
    float: right;
  } 

  /* LEFT MENU */
  .my-account #footer-bar .navbar {
    float: right;
  }
  #footer-bar .social li:first-child {
    margin-left: 0;
    margin-right: 0;
  }

  /* PLANS */
  .plans-page .listing-items .item .progress-bar-wrapper {
    padding-right: 0;
    padding-left: 0;
  } 
  .plans-page .listing-items .item .txt,  
  .plans-page .listing-items .item .progress {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .plans-page .wrapper-right .re-purchase input{
    float: left !important;
    margin-left: 0;
  }

  /* DEVICES */  
  /* devices - add restriction */
  #devicesAddRestriction .form-item-allday {
    text-align: right;
  }

  /* devices - restriction contacts */  
  #devicesRestrictionContacts table .controls {    
    text-align: right;
  }
}

@media (max-width: 480px) {
  /* modal */
  .modal-body .row-display-plan .item .cost {
    text-align: right;
  }
  .modal-body .row-display-plan .item .details,
  .modal-body .row-display-plan .item .cost {
    padding-right: 0;
    padding-left: 0;
  }

  /* OFFERS */
  .offers-page .plan-icon-info {
    margin-left: 0;
    margin-right: 55px;
  }  
  .offers-page .box-items .box-header {
    padding-left: 0;
    padding-right: 45px;
  }

  /* offers - plan category */
  #offersPlanCategory .listing-items .item .cost > span.retail-price {
    margin-right: 0;
    margin-left: 15px;
  }  
  /* DEVICES */

  /* devices - detail subscription */
  #devicesDetailSubscription .listing-items.plans .item {
    padding-left: 0;
    padding-right: 45px;
  }

  /* devices - control */
  #devicesControl .item .device-role {
    padding-left: 0;
    padding-right: 0;
  }

  /* devices - restriction */
  #devicesRestriction .item {
    padding-left: 0;
    padding-right: 0;
  }  
  #devicesRestriction .item .details {
    padding-left: 0;
    padding-right: 40px;
  }
}