/*
 * Base structure
 */

/* Move down content because we have a fixed navbar that is 50px tall */
html, body {
  height: 100%;
  padding: 0px;
  margin: 0px;
}

body {
    background: url("images/1280-bg-sidebar.gif") repeat-y top left;
}

a {
  color: #222;
}

a:hover,
a:focus {
  color: #c72177;
  text-decoration: underline;
  cursor: pointer;
}

h1, h2, h3, h4, h5, p {
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
}

h3, h4 {
  text-align: left;
}

iframe {
  width: 100%;
  min-height: 600px;
  border: none;
}

/*
 * Global add-ons
 */

.container {
  max-width: none !important;
  display: block;
  height:auto;
  margin: 0;
  padding: 0;
  width: 1260px;
}

.sub-header {
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
}

#home-produto .btn-default,
#home-inicio .btn-default {
  border: 1px solid rgb(204, 204, 204);
  border-radius: 4px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fefefe+0,e8e8e8+100 */
  background: #fefefe; /* Old browsers */
  background: -moz-linear-gradient(top,  #fefefe 0%, #e8e8e8 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#e8e8e8)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #fefefe 0%,#e8e8e8 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #fefefe 0%,#e8e8e8 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #fefefe 0%,#e8e8e8 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #fefefe 0%,#e8e8e8 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e8e8e8',GradientType=0 ); /* IE6-9 */
  font-weight: bold;
}

#home-produto .btn-default:hover,
#home-inicio .btn-default:hover {
  text-decoration: none !important;
}

#home #home-produto #divDetails div.historico-conta {
display:inline-block; 
}

.separator-hr-sm {
  background: url('images/separator-hr-sm.png') repeat-x;
  /*width: 293px;*/
  height: 1px;
  display: block;
}

.form-control:hover select:active {
  background: #5f5588;
  color: #ffffff;
}

.green-label { color: #417505 ; font-weight: bold;}
.red-label { color: #D0021B ; font-weight: bold;}
a.red-label { color: #D0021B !important; text-decoration: underline;}
a.red-label:hover { color: #D0021B ; text-decoration: none;}

span.errorMsg { display: none; }

/*
 * Top navigationnav-menu-oi-pontos .oi-pontos 
 * Hide default border to remove 1px line.
 */
.navbar {
  min-height: 50px;
  border: none;
  background: none;
  margin: 0;
}

.navbar .container {
  width: 100%;
}

.navbar-fixed-top {
  border: 0;
}

.navbar-inverse .container {
  z-index: 2000;
  -webkit-font-smoothing: antialiased;
  background: #c82273;
  background: -moz-linear-gradient(-45deg, #c82273 0%, #e24a35 100%);
  background: -webkit-linear-gradient(-45deg, #c82273 0%,#e24a35100%);
  background: linear-gradient(135deg, #c82273 0%,#e24a35 100%) filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c82273', endColorstr='#e24a35',GradientType=1 );
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,#c82273), color-stop(100%,#e24a35)); /* Chrome,Safari4+ */
  border-bottom: 1px solid #cccccc;
  -webkit-box-shadow: 5px 5px 5px 0px rgba(78,75,75,0.15);
  -moz-box-shadow: 5px 5px 5px 0px rgba(78,75,75,0.15);
  box-shadow: 5px 5px 5px 0px rgba(78,75,75,0.15);
  margin-bottom: 0;
  min-height: 100px;
}

.navbar #navbar a span {
  width: 20px;
  height: 25px;
  display: inline-block;
}

.navbar #navbar a span.user { background: url('images/icon-user.png') no-repeat; }
.navbar #navbar a span.conta { background: url('images/icon-protocolo.png') no-repeat; }

.navbar-brand { padding: 6px 15px; }

.navbar-brand span.logo-minha-oi {
  background: url('images/logo-minha-oi.png') no-repeat;
  width: 147px;
  height: 62px;
  display: block;
  position: relative;
  left: 75px;
  top: 10px;
}

.navbar span.separator-sm { background: url('images/separator-sm.png') no-repeat; width: 2px; height: 24px; display: inline-block; }
.navbar span.separator-bg { background: url('images/separator-bg.png') no-repeat; width: 2px; /*height: 59px;*/ display: inline-block; }

.navbar .navbar-right {
  height: auto;
  margin-right: 0;
}

.navbar .navbar-right li { padding: 15px 0; }
.navbar .navbar-right li:first-child { padding: 25px 10px 0 0; }
.navbar .oi-nav-icon { padding: 15px; }

.navbar .navbar-right li:last-child {
  margin-left: 10px;
  padding: 15px 0 0 0;
  height: 100px;
}
.navbar .navbar-right li:last-child a.bt-sair {
  color: #fff;
  font-family: 'simplon_bpregular';
  font-size: 21px;
  margin-right: 0 auto;
  padding: 15px 25px;
}

.navbar .navbar-right li:last-child a.bt-sair:hover {
  color: #fff !important;
  text-decoration: underline !important;
}

.navbar .navbar-right li p {
  text-align: right;
  margin: 0;
}

.navbar .navbar-right li p.hello-user {
  font-family: 'simplon_bpmedium';
  color: #fff;
  font-size: 21px;
}

.navbar .navbar-right li p.text-muted {
  font-family: 'simplon_bpregular';
  color: #fff;
  font-size: 12px;
}
/*
 * Sidebar
 */

/* Hide for mobile, show later */
.sidebar {
  z-index: 1000;
  display: block;
  padding: 0px 20px 20px 50px;
  overflow-x: hidden;
  overflow-y: hidden;
  background-color: #f5f5f5;
  border-right: 1px solid #eee;
  width: 300px;
  font-family: 'simplon_bpregular';
}

.sidebar h3 {
  font-family: 'simplon_bpregular';
  font-size: 21px;
  color: #222;
  padding: 0 8px;
}

.sidebar #nav-menu-principal a {
  font-family: 'simplon_bpregular';
  font-size: 21px;
  border-bottom: 1px solid #ddd;
  padding: 20px 20px 20px 50px;
  color: #222;
}

.sidebar #nav-menu-principal a:hover {
  color: #c72177 !important; 
}

.sidebar #nav-menu-servicos a,
.sidebar #nav-menu-oi-pontos a,
.sidebar #nav-servicos-internet a {
  font-family: 'simplon_bplight';
  font-size: 16px;
  font-weight: normal;
  color: #222;
}

/* Sidebar navigation */
.nav-sidebar {
  margin-right: -21px;
  margin-bottom: 20px;
  margin-left: -50px;
}

.nav-sidebar > li > a {
  padding-right: 20px;
  padding-left: 20px;
}
.nav-sidebar > .active > a {
  color: #f8562c;
  background-color: #efefef;
}

.nav-sidebar a:hover{
  color: #c72177 !important; 
}

#nav-menu-principal a span {
  width: 30px;
  height: 30px;
  display: inline-block;
  margin-right: 15px;
  position: relative;
  top: 0;
  left: 5px;
  vertical-align: sub;
}

#nav-menu-principal a .inicio,
#nav-menu-principal .active a:focus .inicio,
#nav-menu-principal .active.submenu a .inicio { background: url('images/menu-icons.png') no-repeat 0 0; }

#nav-menu-principal a .combo,
#nav-menu-principal .active a:focus .combo,
#nav-menu-principal .active.submenu a .combo { background: url('images/menu-icons.png') no-repeat 0 -28px; }

#nav-menu-principal a .movel,
#nav-menu-principal .active a:focus .movel,
#nav-menu-principal .active.submenu a .movel { background: url('images/menu-icons.png') no-repeat 0 -57px; }

#nav-menu-principal a .fixo,
#nav-menu-principal .active a:focus .fixo,
#nav-menu-principal .active.submenu a .fixo { background: url('images/menu-icons.png') no-repeat 0 -88px; }

#nav-menu-principal a .internet,
#nav-menu-principal .active a:focus .internet,
#nav-menu-principal .active.submenu a .internet { background: url('images/menu-icons.png') no-repeat 0 -116px; }

#nav-menu-principal a .tv,
#nav-menu-principal .active a:focus .tv,
#nav-menu-principal .active.submenu a .tv{ background: url('images/menu-icons.png') no-repeat 0 -143px; }

#nav-menu-principal a .glyphicon {
  top: 10px;
  left: 30px;
  font-size: 12px;
}

#nav-menu-principal a:focus, #nav-menu-principal a:hover {
  background: #efefef;
  color: #c82273;
  text-decoration: none !important;
}

#nav-menu-principal ul li.active {
  background: #c82273;
}

#nav-menu-principal ul li.active.submenu {
  background: none;
}

#nav-menu-principal .active a {
  font-family: 'simplon_bpmedium';
  margin-left: 5px;
  padding: 20px 20px 20px 45px;
}

#nav-menu-principal .active.submenu a {
  font-family: 'simplon_bpregular';
  background: #f5f5f5;
  color: #222;
  cursor: default;
  font-weight: bold;
}

#nav-menu-principal ul ul { margin-bottom: 0; }

#nav-menu-principal .sub-navbar li {
  background: #ededed;
  border-top: 1px solid #dbdbdb;
  border-bottom: 1px solid #dbdbdb;
}

#nav-menu-principal .sub-navbar li:first-child {
  border-top: 1px solid #afafaf;
}

#nav-menu-principal .sub-navbar li.active:first-child {
  border-top: none;
}

#nav-menu-principal .sub-navbar li:last-child {
  border-bottom: 1px solid #afafaf;
}

#nav-menu-principal .sub-navbar li.active:last-child {
  border-bottom: none;
}

#nav-menu-principal .active.submenu ul { display: block; }

#nav-menu-principal .active.submenu .sub-navbar li a:focus, #nav-menu-principal .active.submenu .sub-navbar li a:hover {
  background: #efefef;
  color: #222;
}

#nav-menu-principal .active.submenu .sub-navbar a {
  background: #ededed;
  color: #222;
  padding: 10px 20px 10px 45px;
  font-family: 'simplon_bplight';
  cursor: pointer;
}

#nav-menu-principal .active.submenu .sub-navbar .active a {
  color: #222;
  margin-left: 60px;
  padding: 10px 0 10px 0;
  font-family: 'simplon_bpmedium';
}

#nav-menu-principal .sub-navbar a .glyphicon { top: -35px; left: 20px; }

#nav-menu-principal .sub-navbar .item-plano {
  padding: 10px 10px 0 95px;
  width: 85%;
  font-size: 14px;
}

#nav-menu-principal .sub-navbar .active .item-plano {
  padding: 10px 10px 0 85px;
}

#nav-menu-principal .sub-navbar .item-plano .text-muted {
  font-size: 12px;
  font-family: 'simplon_bplight';
  font-weight: normal;
  color: #777;
}

#nav-menu-servicos ul li, #nav-menu-oi-pontos ul li, #nav-servicos-internet ul li {
  padding: 15px 0 15px 0;
}

#nav-menu-servicos span, #nav-menu-oi-pontos span, #nav-servicos-internet span {
  width: 30px;
  height: 25px;
  display: inline-block;
  margin: 0 10px 0 10px;
  position: relative;
  top: 4px;
}

#nav-menu-servicos a, #nav-menu-oi-pontos a, #nav-servicos-internet a {
  padding: 0 75px 0 50px;
  white-space: normal;
}

#nav-servicos-internet .meus-servicos { background: url('images/icon-meus-servicos.png') no-repeat; }
#nav-servicos-internet .meus-avisos { background: url('images/icon-meus-avisos.png') no-repeat; }
#nav-servicos-internet a:hover span { background-position: -30px 0px; }

#nav-menu-servicos .recarga { background: url('images/icon-recarga.png') no-repeat; }
#nav-menu-servicos .chat-online { background: url('images/icon-chat.png') no-repeat; }
#nav-menu-servicos .acomp-instalacao { background: url('images/icon-instalacao-fixo.png') no-repeat; }
#nav-menu-servicos a:hover span { background-position: -30px 0px; }

#nav-menu-servicos .torpedos { background: url('images/icon-sms.png') no-repeat; }
#nav-menu-servicos .fale-oi { background: url('images/icon-phone.png') no-repeat; }
#nav-menu-servicos .oi-loja-sva { background: url('images/card-giftcard.png') no-repeat; }
#nav-menu-servicos .gravacao-lig { background: url('images/icon-gravacoes-lig.png') no-repeat; }
#nav-menu-servicos a:hover span { background-position: -30px 0px; }

#nav-menu-oi-pontos .oi-pontos { background: url('images/icon-oi-pontos.png') no-repeat; }
#nav-menu-oi-pontos .extrato-oi-pontos { background: url('images/icon-extrato.png') no-repeat; }
#nav-menu-oi-pontos .troca-oi-pontos { background: url('images/icon-troque-pontos.png') no-repeat; }
#nav-menu-oi-pontos .cadastro-oi-pontos { background: url('images/icon-cadastro.png') no-repeat; }
#nav-menu-oi-pontos a:hover span { background-position: -30px 0px; }


#nav-menu-servicos ul li:hover span {
    width: 30px;
    background-position: -30px 0px;
}

#nav-menu-servicos a:focus, #nav-menu-oi-pontos a:focus,
#nav-menu-servicos a:hover, #nav-menu-oi-pontos a:hover,
#nav-servicos-internet a:hover, #nav-servicos-internet a:hover {
  text-decoration: none !important;
  background: none;
}

/*
 * Main content
 */

.main {
  width: 774px;
  margin: 0 auto;
  padding: 30px 0 30px 50px;
}

.main .page-header {
  margin-top: 0;
}

.main .sub-header {
  font-size: 30px;
  font-weight: bold;
  color: #000000;
}

#home-produto .breadcrumb {
  padding: 8px 15px 7px 0;
  background: url('../style/images/dot.gif') repeat-x left bottom;
  font-size: 11px;
  margin-bottom: 0;
}

#home-produto .breadcrumb a {
  font-weight: bold;
  text-decoration: underline;
  color: #54579A;
}

.box-produto {
  border: 1px solid #eee;
  margin: 25px 0 40px 0;
}

.box-produto.panel { padding-top: 5px; }

.box-produto h4 {
  font-size: 16px;
  font-weight: bold;
  color: #333333;
}

.box-produto .box-header {
  border-bottom: 1px dotted #000000;
  margin: 0 0 20px 0;
}

.box-produto .box-header div:first-child {
  padding-left: 0;
}

.box-produto .box-header h3 {
  font-size: 18px;
  font-weight: bold;
  color: #4d4d4d;
}

.box-produto .box-header small {
  font-size: 11px;
}

.box-produto .box-header :last-child {
  padding-right: 0;
}

.box-produto .box-header select {
  margin: 12px 0 10px 0;
}

#home-inicio .box-produto .box-header .btn,
#home-produto .box-produto .box-header .btn {
  margin: 12px 0 12px 0;
  padding: 6px 12px;
  float: right;
  font-size: 11px;
  font-weight: bold;
  color: #333333;
}

#home-inicio .box-produto .box-header .btn:hover,
#home-inicio .box-produto .box-header .btn:focus {
  text-decoration: none !important;
}

.box-produto .panel { margin-top: 20px; }
.box-produto .saldo-parcial .panel { margin-top: 0; }
.box-produto .saldo-parcial .panel.warning { margin: 10px 20px 10px 20px; }

.box-produto .panel-body:first-child {
  padding-top: 0;
}

.box-produto .panel.warning {
  border-color: #f7ce53;
  border-radius: 5px;
  padding: 0;
}

.box-produto .panel.warning .panel-body{
  padding: 10px 0 10px 0;
}

.box-produto .panel.oct-legado {
  margin-top: 50px;
  border-radius: 0 0 4px 4px;
  border-top: none;
}

#select-aba-resumo {
  margin-top: 20px;
  border-radius: 4px 4px 0 0;
  display: inline-block;
}

/*
.box-produto div:last-child{
  padding-right: 0;
  padding-left: 0;
}
*/

#home-inicio .box-produto .col-xs-4 {
  padding-right: 0;
  padding-left: 0;
}

#home-produto .box-produto .col-xs-4 {
  padding-right: 0;
}

#home-inicio .box-produto .col-xs-8 {
  padding-right: 0;
}

#home-inicio .box-produto .col-xs-6,
#home-produto .box-produto .col-xs-6 {
  padding-left: 0;
}

#home-inicio .box-produto .col-xs-6:last-child,
#home-produto .box-produto .col-xs-6:last-child {
  padding-right: 0;
}

.box-produto .resumo-conta .dados-conta {
  padding: 0 0 15px 0;
}

.box-produto .resumo-conta .dados-conta .dados-servicos, .box-produto .resumo-conta .dados-conta .servicos-pagamento {
  padding: 0 12px 0 12px;
}

.box-produto .resumo-conta .dados-conta .combo .dados-servicos,
.box-produto .resumo-conta .dados-conta .oct-legado .dados-servicos {
  margin-top: 30px;
}

.box-produto .resumo-conta .dados-conta .dados-servicos.inferior {
  border-bottom: 1px solid #ddd;
  padding-bottom: 5px;
}

.box-produto div.mudanca-velocidade {
  padding: 0 20px 0 20px;
}

.box-produto .velox-wifi .container-fluid {
  padding: 0 20px 0 15px;
}

.resumo-conta .table {
  margin: 10px 0 0 0;
}

.resumo-conta .dados-servicos .table {
  margin: 0;
}

.resumo-conta .dados-servicos .table .inferior {
  padding-bottom: 10px;
}

.tooltip-ico {
  background: url('images/icon-tooltip.png') no-repeat;
  width: 15px;
  height: 15px;
  display: inline-block;
  position: relative;
  top: 4px;
}

.tooltip-ico-inativo {
  background: url('images/icon-tooltip-inact.png') no-repeat;
  width: 15px;
  height: 15px;
  display: inline-block;
  position: relative;
  top: 4px;
}

.warning-sm{
  background: url('images/icon-warning-sm.png') no-repeat;
  width: 30px;
  height: 22px;
  display: inline-block;
  margin: 0 10px 0 10px;
}

.resumo-conta.warning p {
  margin: 0 5px 0 40px;
  font-size: 13px;
}

.resumo-conta table tr:first-child td {
  border-top: none;
  padding: 0 8px 0;
}

#home-inicio .resumo-conta table tr td{
  font-size: 11px;
  width: 52%;
  padding: 10px 0;
}

#home-inicio .resumo-conta table tr.consExtra td:first-child {
  padding-left: 10px;
}

#home-inicio .resumo-conta table tr.consExtra td {
  width: 65%;
}

#home-inicio .resumo-conta table tr td.inferior{
  white-space: normal;
}

#home-inicio .resumo-conta table tr td.inferior strong {
  font-size: 14px;
}

#home-inicio .resumo-conta table tr td.inferior p {
  margin-top: 10px;
}

#home-inicio .resumo-conta table tr td:nth-child(even){
  font-weight: bold;
  text-align: right;
}

#home-inicio .resumo-conta .servicos-pagamento table tr:last-child td {
  padding: 20px 0 5px 0;
}


#home-inicio .resumo-conta .valor-a-pagar table:first-child tr:last-child td {
  margin: 0;
  padding: 0;
  border-top: none;
  width: 90%;
  height: 1px;
  background: #ddd no-repeat;
  position: absolute;
  left: 10px;
}

.resumo-conta .valor-a-pagar {
  border-top: 1px solid rgb(204, 204, 204);
  border-bottom: 1px solid rgb(204, 204, 204);
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fefefe+0,e8e8e8+100 */
  background: #fefefe; /* Old browsers */
  background: -moz-linear-gradient(top,  #fefefe 0%, #e8e8e8 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#e8e8e8)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #fefefe 0%,#e8e8e8 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #fefefe 0%,#e8e8e8 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #fefefe 0%,#e8e8e8 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #fefefe 0%,#e8e8e8 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e8e8e8',GradientType=0 ); /* IE6-9 */
}

.resumo-conta .valor-a-pagar.inferior {
  background: none;
  filter: none;
}

.resumo-conta .valor-a-pagar table tr td:last-child{
  padding-left: 0;
}

.resumo-conta .valor-a-pagar .table{
  margin: 0;
}

.resumo-conta .valor-a-pagar div:first-child {
  padding: 5px 40px 0 15px;
  font-weight: bold;
}

.resumo-conta .valor-a-pagar .preco sub {
  font-size: 16px;
  bottom: 0;
}

.resumo-conta .valor-a-pagar .preco {
  font-size: 30px;
  padding-right: 15px;
  margin: 0;
}

.resumo-conta .valor-a-pagar .preco sup {
  font-size: 16px;
}

.resumo-conta .valor-a-pagar .dados-pagamento p {
  font-size: 10px;
  white-space: nowrap;
}

.resumo-conta .valor-a-pagar .dados-pagamento td:first-child p {
  padding-left: 15px;
}

.resumo-conta .valor-a-pagar .dados-pagamento td:last-child p:first-child {
  padding-right: 15px;
  margin-bottom: 5px;
}

.resumo-conta .valor-a-pagar .dados-pagamento td:last-child p.green-label {
  padding-right: 15px;
  margin-top: 10px;
}

.resumo-conta .valor-a-pagar .dados-pagamento td:last-child p.red-label {
  padding-right: 15px;
  margin-bottom: 5px;
}

.resumo-conta .servicos-pagamento tr td {
  font-size: 11px;
  white-space: nowrap;
}

.box-produto .col-xs-7 {
  padding-right: 0;
  padding-left: 0;
}

#box-internet .box-produto .col-xs-7 {
  padding-left: 12px;
}

#home-produto #box-internet .box-produto .meus-atalhos {
  position: relative;
  bottom: 100px;
}

#home-inicio #box-internet .resumo-conta.warning .panel-body,
#home-produto #box-internet .resumo-conta.warning .panel-body {
  padding: 30px 0;
}

.acesso-rapido .btn span {
  width: 33px;
  height: 38px;
  display: block;
  margin: 2px auto;
}

.acesso-rapido .btn span.via-conta { background: url('images/icon-2-via.png') no-repeat; }
.acesso-rapido .btn span.conta-detalhada { background: url('images/icon-conta-detalhada.png') no-repeat; }
.acesso-rapido .btn span.cod-barras-pagamento { background: url('images/icon-cod-barras-pagamento.png') no-repeat; }
.acesso-rapido .btn span.recarga-online { background: url('images/icon-recarga-online.png') no-repeat; }
.acesso-rapido .btn span.loja-servicos { background: url('images/icon-loja-servicos.png') no-repeat; }
.acesso-rapido .btn span.ultimas-contas { background: url('images/icon-ultimas-contas.png') no-repeat; }
.acesso-rapido .btn span.melhoria-sinal { background: url('images/icon-melhoria-sinal.png') no-repeat; }
.acesso-rapido .btn span.ico-religar{ background: url('images/ico-religar.png') no-repeat; background-size: 100% 100%; width: 45px; }
.acesso-rapido .btn span.oi-play { background: url('images/play.png') no-repeat; }

#home-inicio .acesso-rapido .btn,
#home-produto .acesso-rapido .btn {
  width: 102px;
  height: 82px;
  margin: 10px 0px 10px 0;
  white-space: normal;
  color: #333;
  font-size: 10px;
  font-weight: bold;
  padding: 6px;
}

#home-inicio .acesso-rapido .btn:hover, #home-inicio .acesso-rapido .btn:focus,
#home-produto .acesso-rapido .btn:hover, #home-produto .acesso-rapido .btn:focus {
  text-decoration: none !important;
}

#home-inicio .acesso-rapido a.btn:last-child,
#home-produto .acesso-rapido a.btn:last-child {
  margin-right: 0;
  /*float: right;*/
}

#home-produto .acesso-rapido #acesso .btn:first-child,
#home-produto .acesso-rapido #acesso .btn:last-child {
  float: right;
  position: relative;
  bottom: 102px; 
}

#home-inicio .acesso-rapido .segunda-via {
  float:left;
  margin-right:4px;
}

#home-inicio #box-tv .acesso-rapido a.btn:nth-child(2) { margin: 10px 16px; }
#home-produto #box-tv .acesso-rapido a.btn:nth-child(2) { margin: 10px 16px; }
#box-tv .acesso-rapido a.btn:last-child { margin-right: 0; float: right; }


/* ALINHAMENTO BOTÕES ACESSO RAPIDO FIBRA */
/* FIXO 
.fibrafixo a.btn:last-child {float: none !important;}
.fibrafixo a.btn{margin: 4px 1px !important;}
*/
/* INTERNET */
.fibrainternet a.btn{margin: 10px 8px 10px 0 !important;}
.fibrainternet a.btn:last-child { 
    margin-right: 0 !important;
    float: none;
    position: relative;
    left: -1px;
}
/* TV */
.fibratv a.btn:last-child { float: none !important; }
.fibratv a.btn{ margin: 10px 8px 10px 0 !important; }
/* OCT */
.fibraoct a.btn:last-child {float: none !important;}
.fibraoct a.btn{margin: 4px 1px !important;}
/* FIM ALINHAMENTO BOTÕES ACESSO RAPIDO FIBRA */

#home-inicio #box-movel .acesso-rapido.pre-pago a.btn:nth-child(1) { margin-right: 0; }
#home-inicio #box-movel .acesso-rapido.pre-pago a.btn:nth-child(2) { margin: 0; }
#box-movel .acesso-rapido.pre-pago a.btn:last-child { margin-right: 0; float: right; }



#home-produto .acesso-rapido .btn { margin: 10px 0; }

#home-produto #box-combo .meus-atalhos,
#home-produto #box-movel .meus-atalhos,
#home-produto #box-fixo .meus-atalhos {
  position: relative;
  bottom: 105px;
}

#home-inicio .meus-atalhos .btn,
#home-produto .meus-atalhos .btn {
  width: 213px;
  height: auto;
  margin: 5px 0;
  padding: 0 6px 0 0;
  font-size: 11px;
  color: #333;
}
/*Classe criada para atender a solicitação da história 8083*/
.oi-pontos-bt-lateral{
  display:none;
}
/*Finaliza criação de Classe para atender a solicitação da história 8083*/

#home-inicio .meus-atalhos .btn:hover, #home-inicio .meus-atalhos .btn:focus,
#home-produto .meus-atalhos .btn:hover, #home-produto .meus-atalhos .btn:focus {
  text-decoration: none !important;
}


.meus-atalhos .btn span {
  width: 22px;
  height: 25px;
  float: left;
  display: inline-block;
  margin: 5px 0;
  position: relative;
  left: 20px;
}

.meus-atalhos .btn span.text-align {
  background: none;
  margin: 5px 0;
  padding: 0 12px;
  position: relative;
  top: 5px;
  left: 0;
  width: 100%;
  float: initial;
}

#box-combo .meus-atalhos .btn span.text-align {
  background: none;
  position: relative;
  top: 5px;
  /*width: 85%;
    Width removido para centralizar os textos dos botoes da home.
    Avanilson Lima
  */
}

.meus-atalhos .btn span.mini-icon-mobile { background: url('images/mini-icon-mobile.png') no-repeat; }
.meus-atalhos .btn span.mini-icon-fixo { background: url('images/mini-icon-fixo.png') no-repeat; }

.mudanca-velocidade .btn{
  margin: 0 20px;
  font-size: 11px;
  position: relative;
  left: 20px;
}

.velox-wifi .btn,
.mudanca-velocidade .btn {
  padding: 5px;
}

.velox-wifi p {
  margin: 5px 0 5px 0;
  font-size: 11px;
}

.velox-wifi p.text-muted {
  color: #989898;
}

.velox-wifi p a {
  font-weight: bold;
  text-decoration: underline;
}
.velox-wifi .btn {
  margin: 10px 0 10px 0;
  font-size: 11px;
}

.mudanca-velocidade .panel-heading {
  font-weight: bold;
  font-size: 11px;
  text-align: center;
}

.adicionais-plano .panel{
  margin: 20px 0;
}

.adicionais-plano .panel-body {
  padding-bottom: 0;
}

.adicionais-plano h5 {
  padding: 0 10px 0 5px;
  font-weight: bold;
  font-size: 13px;
}

.adicionais-plano p {
  padding: 0 10px 0 5px;
}

.adicionais-plano .canais-la-carte {
  margin: 0 0 20px 0;
  padding: 10px 0 0 0;
}

.adicionais-plano ul {
  padding: 0 0 0 20px;
  list-style-type: disc;
}

.adicionais-plano .pontos-adicionais {
  margin: 20px 0 0 0;
}

.adicionais-plano .pontos-adicionais h5 {
  margin: 10px 0 5px 0;
}

.adicionais-plano ul li, .adicionais-plano p {
  font-size: 11px;
  color: #333;
}

.adicionais-plano p.contato {
  margin: 0;
}

.footer {
  /*width: 100vh;
    Width alterada para que o rodapé preencha a largura total da página.
  */
  width: 100%;
}

.footer > .container {
  padding-top: 10px;
  text-align: center;
}

.footer .container {
  /* Width alterada para que o rodapé preencha a largura total da página. */
  width: 100%;
  border: 1px solid #dbdbdb;
  background: #f5f5f5;
  box-shadow: 0px -3px 0px 0px rgba(0, 0, 0, 0.15);
}

.footer p {
  font-family: 'simplon_bpregular';
  font-size: 12px;
  color: #222;
}

.footer p:first-child {
  margin: 0;
}

.footer a {
  font-family: 'simplon_bpmedium';
  font-size: 12px;
  color: #222;
}

.footer .line {
  height: 5px;
  background: #c82273;
  width: 100%;
  margin-top: 15px;
}

/* Home Fixo Start */
#home-produto .box-produto .panel-body:first-child {
  padding-top: 12px;
}

#home-produto .box-produto .box-header {
  margin: 0 0 20px 0;
}
/*
#home-produto .box-produto .col-xs-4 {
  padding-left: 48px;
}
*/
#home-produto .sub-header {
  border-bottom: none;
  color: #5f5588;
  font-weight: bold;
}

#home-produto .sub-header a {
  color: #c82273 !important;
}

#home-produto span.mini-icon-home {
  background: url(images/mini-icon-home.png) no-repeat;
  width: 15px;
  height: 15px;
  display: inline-block;
  margin-right: 10px;
}

#home-produto .box-header .container {
  background: #eeeeee;
  margin-bottom: 10px;
  width: 100%;
  border-radius: 5px;
}

#home-produto .box-header .container div {
  padding: 5px
}

#home-produto .box-header .container p {
  margin: 0;
  font-size: 10px;
}

#home-inicio #box-tv .box-produto .col-xs-6:nth-child(3),
#home-produto #box-tv .box-produto .col-xs-6:nth-child(2) {
  padding-right: 0;
}

#home-produto .box-header .container p.telefones-plano,
#home-produto .box-header .container p.tv-plano,
#home-produto .box-header .container p.internet-plano {
  font-weight: bold;
  font-size: 11px;
}

#home-produto .box-header .container #details-internet,
#home-produto .box-header .container #details-tv {
    padding-top: 10px;
}

#home-produto .account-menu {
  margin: 20px 0;
}

#home-produto .resumo-conta .dados-conta {
  padding-top: 0;
  padding-bottom: 0;
}

#home-produto .resumo-conta .dados-conta .valor-a-pagar {
  border-top: none;
}

#home-produto .resumo-conta .dados-conta .combo .valor-a-pagar,
#home-produto .resumo-conta .dados-conta .oct-legado .valor-a-pagar {
  margin-top: 30px;
}

#home-produto .resumo-conta .dados-conta .valor-a-pagar.inferior {
  background: none;
}

#home-produto .resumo-conta .dados-conta .valor-a-pagar.inferior.novo table tr:last-child td:last-child {
  padding: 0 10px 10px 15px;
  font-size: 13px;
}


#home-produto .resumo-conta table tr td {
  /*width: 25%;*/
  padding: 0;
}

#home-produto .resumo-conta .valor-a-pagar.inferior table tr td {
  border-top: none;
}

#home-produto .resumo-conta .valor-a-pagar.inferior table tr:first-child td {
  padding: 0 15px 0 15px;
}

#home-produto .resumo-conta .valor-a-pagar.inferior table tr:first-child td p {
  margin: 10px 0 10px 0;
}

#home-produto .resumo-conta .valor-a-pagar.inferior table tr:last-child td p {
  font-size: 10px;
}

#home-produto .resumo-conta .valor-a-pagar.inferior table tr:last-child td:last-child {
  padding: 0 15px 10px 0;
  font-size: 10px;
}

#home-produto .resumo-conta .dados-conta table tr td:nth-child(odd) {
  text-align: left;
  padding: 0 0 10px 15px;
}

#home-produto .resumo-conta .dados-conta table tr td:nth-child(even) {
  text-align: right;
  padding: 0 10px 10px 0;
}

#home-produto .resumo-conta .dados-conta table tr td p {
  font-size: 11px;
}

#home-produto .resumo-conta .dados-conta table tr td p:last-child {
  margin-bottom: 0;
}

#home-produto .resumo-conta .dados-conta table tr .divider-right {
  padding-right: 5px;
  border-right: 1px solid #dddddd;
  font-weight: bold;
}

#home-produto .resumo-conta .dados-conta table tr td.divider-left {
  /*padding-right: 5px;*/
  line-height: 15px;
}

#home-produto .resumo-conta .dados-conta table tr .divider-left span{
  font-weight: bold;
  font-size: 12px;
  white-space: normal;
  padding-right: 15px;
  line-height: 20px;
}

#home-produto .resumo-conta .dados-conta .valor-a-pagar table tr td .preco {
  font-size: 25px;
  font-weight: bold;
}

#home-produto .resumo-conta .dados-conta .servicos-pagamento table tr td:first-child {
  padding-left: 0;
}

#home-produto .resumo-conta .dados-conta .servicos-pagamento table tr td {
  font-size: 10px;
}

#home-produto .resumo-conta {
  margin-bottom: 20px;
}

#bt-segunda-via.disabled {
  pointer-events: auto;
  margin-right: 5px;
}

.historico-conta table tr td {
  font-size: 10px;
}

.historico-conta table tr .subtitle {
  white-space: normal;
  text-align: center;
}
/* Home Fixo End */
/* Home Pre End */
#home-inicio .degrade,
#home-produto .degrade {
  border-bottom: 1px solid rgb(204, 204, 204);
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fefefe+0,e8e8e8+100 */
  background: #fefefe; /* Old browsers */
  background: -moz-linear-gradient(top,  #fefefe 0%, #e8e8e8 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#e8e8e8)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #fefefe 0%,#e8e8e8 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #fefefe 0%,#e8e8e8 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #fefefe 0%,#e8e8e8 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #fefefe 0%,#e8e8e8 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e8e8e8',GradientType=0 ); /* IE6-9 */
}

#home-inicio #pre-pago,
#home-produto #pre-pago {
  padding: 0;
  /*min-height: 480px;
  max-height: 560px;*/
}


#home-inicio #pre-pago .footer-historico .button,
#home-produto #pre-pago .footer-historico .button {
  display: none;
}

#pre-pago #col-left {
  bottom: 140px;
  padding: 0;
}

#pre-pago #col-left .resumo-recarga,
#pre-pago #col-left .bonus {
  padding: 0;
}

#home-inicio .degrade .table,
#home-produto .degrade .table {
  border-radius: 0 0 5px 5px;
  margin-bottom: 0;
}

#home-inicio .panel-oi,
#home-produto .panel-oi {
  padding: 0;
}

#home-inicio .box-produto .panel-oi.panel-body:first-child,
#home-produto .box-produto .panel-oi.panel-body:first-child {
  padding-top: 0;
}

#home-inicio .panel-oi .table-responsive,
#home-produto .panel-oi .table-responsive {
  border-top: none;
  font-size: 11px;
}

#home-inicio .panel-oi .table-responsive .table tr:first-child,
#home-produto .panel-oi .table-responsive .table tr:first-child {
  border-top: none;
}

#home-inicio .panel-oi .table-responsive tr:first-child td,
#home-produto .panel-oi .table-responsive tr:first-child td {
  border-top: none;
}

#home-inicio .panel-oi .table-responsive .table .preco sub,
#home-produto .panel-oi .table-responsive .table .preco sub {
  font-size: 14px;
  bottom: 0;
}

#home-inicio .panel-oi .table-responsive .table .preco,
#home-produto .panel-oi .table-responsive .table .preco {
  font-size: 26px;
}

#home-inicio .panel-oi .table-responsive .table .preco sup,
#home-produto .panel-oi .table-responsive .table .preco sup {
  font-size: 14px;
}

#home-inicio .resumo-recarga .panel-oi .table-responsive,
#home-produto .resumo-recarga .panel-oi .table-responsive {
  padding: 0px 15px 0 20px;
}

#home-inicio .resumo-recarga .panel-oi .table-responsive:first-child tr td,
#home-produto .resumo-recarga .panel-oi .table-responsive:first-child tr td {
  font-weight: bold;
}

#home-inicio .resumo-recarga .panel-oi .table-responsive:first-child tr td:first-child,
#home-produto .resumo-recarga .panel-oi .table-responsive:first-child tr td:first-child {
  padding: 24px 20px 0 0;
}

#home-inicio .resumo-recarga .panel-oi .table-responsive:last-child tr:first-child td:first-child,
#home-produto .resumo-recarga .panel-oi .table-responsive:last-child tr:first-child td:first-child {
  padding: 10px 60px 0 0;
}

#home-inicio .resumo-recarga .panel-oi .table-responsive:last-child tr:last-child td:first-child,
#home-produto .resumo-recarga .panel-oi .table-responsive:last-child tr:last-child td:first-child {
  padding: 10px 35px 10px 0;
}

#home-inicio .resumo-recarga .warning-sm,
#home-produto .resumo-recarga .warning-sm {
  margin: 7px 0 0 10px;
}

#home-inicio .resumo-recarga .panel-oi .table-responsive tr td,
#home-produto .resumo-recarga .panel-oi .table-responsive tr td {
  /*padding-left: 0px;*/
  width: 50%;
}

#home-inicio .resumo-recarga .panel-oi .table-responsive:first-child tr:first-child td,
#home-produto .resumo-recarga .panel-oi .table-responsive:first-child tr:first-child td {
  width: 20%;
}

#home-inicio .resumo-recarga .table tr td:last-child,
#home-produto .resumo-recarga .table tr td:last-child {
  font-weight: bold;
  text-align: right;
}

#home-inicio .resumo-recarga .table:last-child,
#home-produto .resumo-recarga .table:last-child {
  margin-bottom: 0;
}

#home-inicio .bonus .table tr td,
#home-produto .bonus .table tr td {
  width: 33.33333333%;
}

#home-inicio .bonus .table tr th:first-child, #home-produto .bonus .table tr td:first-child,
#home-produto .bonus .table tr th:first-child, #home-produto .bonus .table tr td:first-child {
  padding: 10px 10px 10px 20px;
  text-align: left;
}

#home-inicio .bonus .table tr th, #home-produto .bonus .table tr td,
#home-produto .bonus .table tr th, #home-produto .bonus .table tr td {
  padding: 10px;
  text-align: center;
}

#home-inicio .bonus .table tr th:last-child, #home-inicio .bonus .table tr td:last-child,
#home-produto .bonus .table tr th:last-child, #home-produto .bonus .table tr td:last-child {
  padding: 10px 20px 10px 10px;
  text-align: right;
}

#home-produto #box-movel .col-xs-6 {
  padding-left: 0px;
}

#home-inicio #box-movel .col-xs-6:last-child,
#home-produto #box-movel .col-xs-6:last-child {
  padding-right: 0px;
}

#home-inicio #box-movel .acesso-rapido.pre-pago,
#home-produto #box-movel .acesso-rapido.pre-pago {
  padding-left: 30px;
  padding-right: 0;
}

#home-inicio #box-movel .col-xs-6.resumo-recarga,
#home-produto #box-movel .col-xs-6.resumo-recarga {
  padding-left: 0;
  position: relative;
  bottom: 140px;
}

#home-inicio #box-movel .col-xs-6.bonus,
#home-produto #box-movel .col-xs-6.bonus {
  padding-right: 0;
  padding-left: 15px;
  position: relative;
}

#home-inicio #box-movel .promocao-bonus.col-xs-6:last-child,
#home-produto #box-movel .promocao-bonus.col-xs-6:last-child {
  padding-right: 10px;
  padding-left: 20px;
  position: relative;
  left: 10px;
}

#box-movel .col-xs-6 .acesso-rapido a.btn:nth-child(3) {
  margin: 8px;
}

#home-inicio .promocao-bonus .panel-oi .table-responsive,
#home-produto .promocao-bonus .panel-oi .table-responsive {
  padding: 10px 20px 0 20px;
}

#home-inicio .promocao-bonus .panel-oi .table-responsive h4,
#home-produto .promocao-bonus .panel-oi .table-responsive h4 {
  margin: 0;
}

#home-inicio .promocao-bonus .panel-oi .table-responsive:first-child,
#home-produto .promocao-bonus .panel-oi .table-responsive:first-child {
  padding: 0;
}

#home-inicio .promocao-bonus .panel-oi .table-responsive:first-child .table.header tr td:first-child,
#home-produto .promocao-bonus .panel-oi .table-responsive:first-child .table.header tr td:first-child {
  padding: 10px 0 10px 25px;
}

#home-inicio .promocao-bonus .panel-oi .table-responsive:first-child .table.header tr td:last-child,
#home-produto .promocao-bonus .panel-oi .table-responsive:first-child .table.header tr td:last-child {
  padding: 10px 25px 10px 0;
}

#home-inicio .promocao-bonus .panel-oi .table-responsive .table-responsive:last-child,
#home-produto .promocao-bonus .panel-oi .table-responsive .table-responsive:last-child {
  border-top: 1px solid #dddddd;
}

#home-inicio #pre-pago .warning,
#home-produto #pre-pago .warning {
  width: 26px !important;
  height: 25px !important;
  display: inline-block !important;
  float: left;
   margin:-5px 10px 0 10px;
  position: relative;
  z-index: 2;
  vertical-align: middle;
  background: url(images/icon-warning-sm.png) no-repeat center left;
}

#home-inicio #pre-pago .warning.dinam,
#home-produto #pre-pago .warning.dinam { /*alteracoes - 03/07/12 l.c*/
  width: 26px !important;
  height: 25px !important;
  display: inline-block !important;
  float: right !important;
  cursor: help;
  position: relative;
  margin:5px 0px 0 10px;
  z-index: 2;
  vertical-align: middle;
  background: url(images/icon-warning-sm.png) no-repeat center left;
}

#home-inicio #pre-pago .warning.dinam {
  position: static;
}

#home-inicio #pre-pago .promocao-vencida,
#home-produto #pre-pago .promocao-vencida {
  padding: 15px;
}

#home-inicio #pre-pago .promocao-vencida p,
#home-produto #pre-pago .promocao-vencida p {
  font-size:12px;
  padding:0 10px;
}

#home-inicio #pre-pago .promocao-vencida p.big,
#home-produto #pre-pago .promocao-vencida p.big {
  font-size:19px;
  font-weight:bold;
  border-bottom:1px solid #ccc;
  padding:0 0 10px 0;
   *margin:-15px 0 10px;
}

#home-inicio #pre-pago .promocao-vencida p.bigNull,
#home-produto #pre-pago .promocao-vencida p.bigNull {
  font-size:15px;
  font-weight:bold;
  border-bottom:1px solid #ccc;
  padding:0 0 10px 0;
   *margin:-15px 0 10px;
}

#home-inicio #pre-pago .content-bd,
#home-produto #pre-pago .content-bd {
  display:none;
}
/* Home Pre End */

/* Consumo 3G - Start */
.control-collapse {
  padding-right: 0;
}

.control-collapse a {
  color: #333333;
  text-decoration: underline;
  font-weight: bold;
  font-size: 11px;
}

.ocultar {
  background: url('images/hide-arrow.png') no-repeat;
  display: inline-block;
  width: 17px;
  height: 17px;
  margin: 5px 0 0 5px;
  position: relative;
  top: 4px;
}

.detalhes {
  background: url('images/display-arrow.png') no-repeat;
  display: inline-block;
  width: 17px;
  height: 17px;
  margin: 5px 0 0 5px;
  position: relative;
  top: 4px;
}

#saldo .data-saldo {
  margin-top: 10px;
  margin-bottom: 5px;
}

#home-produto .box-produto #saldo .panel-body:first-child {
  padding-top: 0;
}

#home-produto .box-produto #saldo .panel-body.bg-warning {
  padding-top: 12px;
}

#home-produto .box-produto #saldo .panel-body.bg-warning p {
  font-weight: normal;
  font-size: 11px;
  margin: 5px 0;
}

#saldo .header label {
  font-size: 16px;
}

#saldo .header select {
  color: #333333;
  font-size: 11px;
}

#saldo .barraRealConsumo b {
  color: #777777;
}

#saldo .barraRealConsumo .traco b {
  color: #fff;
}

#saldo.saldo-dados .header {
  display: inline-block;
  width: 100%;
  padding: 20px 20px 0 20px;
}

#saldo.saldo-dados small.saldoN{
  color: #989898;
  padding: 0 20px 10px;
  text-align: justify;
  font: 11px Arial, Helvetica, Verdana, Tahoma, sans-serif;
}

#saldo.saldo-dados .terminalNaoEncontrado {
    padding: 20px;
}

#saldo.saldo-dados .item-plano .consumo3g p {
  font-weight: bold;
}

#saldo.saldo-dados .saldoDiario .tool1Alerta{
  padding: 10px 20px;
  width: 50%;
}

#saldo.saldo-dados .barraRealConsumo {
  padding: 10px 20px 10px 20px;
}

#saldo.saldo-dados .barraRealConsumo ul {
  padding: 0;
}

#saldo.saldo-dados .barraRealConsumo ul li {
  list-style-type: none;
}

#saldo.saldo-dados .barraRealConsumo ul li.percentSaldo {
  border: 1px solid #dddddd;
  background: #f9f9f9;
  width: 100%;
}

#saldo.saldo-dados .barraRealConsumo ul li.percentSaldo .percetConsumido {
  border: 1px solid #fea433;
  width: 0;
  background: #ffb92c; /* Old browsers */
  background: -moz-linear-gradient(top,  #ffb92c 0%, #ff8539 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffb92c), color-stop(100%,#ff8539)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #ffb92c 0%,#ff8539 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #ffb92c 0%,#ff8539 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #ffb92c 0%,#ff8539 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #ffb92c 0%,#ff8539 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb92c', endColorstr='#ff8539',GradientType=0 ); /* IE6-9 */
}

#saldo.saldo-dados .barraRealConsumo ul li.percentSaldo .traco {
  color: #ffffff;
  padding-left: 5px;
}

#saldo.saldo-dados .barraRealConsumo ul li.percentSaldo .saldoFranquiaTotal {
  border: 1px solid #fea433;
  background: #ffb92c; /* Old browsers */
  background: -moz-linear-gradient(top,  #ffb92c 0%, #ff8539 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffb92c), color-stop(100%,#ff8539)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #ffb92c 0%,#ff8539 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #ffb92c 0%,#ff8539 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #ffb92c 0%,#ff8539 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #ffb92c 0%,#ff8539 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb92c', endColorstr='#ff8539',GradientType=0 ); /* IE6-9 */
}

#saldo.saldo-dados .boxRealConnsumo {
  padding: 10px 20px 10px 20px;
}

#saldo.saldo-dados .boxRealConnsumo ul {
  padding: 10px 20px 10px 20px;
  border: 1px solid #dddddd;
  border-radius: 5px;
  background: #f3f3f3;
}

#saldo.saldo-dados .boxRealConnsumo ul li {
  list-style-type: none;
  border-bottom: 1px solid #dddddd;
  padding: 10px 0 10px 0;
  font-size: 12px;
}

#saldo.saldo-dados .boxRealConnsumo ul li:last-child {
  border-bottom: none;
}

#saldo.saldo-dados .pacoteComplementarOn .item-plano {
  border-bottom: 1px solid #dddddd;
}

#saldo.saldo-dados .item-plano.pacote:last-child {
  border-bottom: none;
}

#saldo.saldo-dados .item-plano.pacote {
    border-bottom: 1px solid #ddd;
}

#saldo.saldo-dados .item-plano.pacoteComplementar {
  border-bottom: none;
}

#saldo.saldo-dados .extraInfoComplementar .pacoteComplementarOn .tool1Alerta {
  padding: 20px;
}

#saldo.saldo-dados .extraInfoComplementar .pacoteComplementarOn .tool1Alerta:last-child {
  padding: 14px;
}

#saldo.saldo-dados .extraInfo .pacoteComplementarOff .tool1Alerta {
  padding: 20px;
  width: 50%;
}

#saldo.saldo-dados .extraInfo .bloqueio-dados-inativo p {
  padding: 20px;
  color: #c0c0c0;
  font-size: 10px;
}

#saldo.saldo-dados .extraInfoComplementar .pacoteComplementarOn {
  font-size: 12px;
}

#saldo.saldo-dados .extraInfoComplementar .pacoteComplementarOn p {
  padding: 20px;
  color: #c0c0c0;
  font-size: 10px;
}

#saldo.saldo-dados .extraInfoComplementar {
  border-top: 1px solid #ddd;
}

#saldo.saldo-dados .consumo3g .saldoFranquiaTotal {
   background:none repeat scroll 0 0 #A9A9A9;
   width:417px;
   *width:250px;
   margin-left:0px;
   display:none;
}

#saldo.saldo-dados .consumoComplementar .saldoFranquiaTotal {
   background:none repeat scroll 0 0 #ffb92c;
   width:417px;
   *width:250px;
   margin-left:0px;
   display:none;
}

#saldo.saldo-dados td .saldoFranquiaTotal strong{
  vertical-align:baseline!important;
  *z-index:100;
}

#saldo.saldo-dados .percetConsumido.parcial b,
#saldo.saldo-dados .percetConsumido.parcial div.traco strong,
#saldo.saldo-dados .saldoFranquiaTotal strong,
#saldo.saldo-dados .percetConsumido.total strong {
  color:#ffffff;
  font-weight:bold;
  *z-index:100;
}

#saldo.saldo-dados .saldoFranquiaTotal strong {
  padding-left: 115px;
  line-height:0;
  *position:relative;
  *overflow:visible;
  *top:5px;
}

#saldo.saldo-dados .barraRealConsumo ul li.percentSaldo .percetConsumido .consumoZero {
  width: 25px;
}
/* Consumo 3G - End */
/* Saldo Parcial - Start */
#saldo .data-saldo p {
  text-align: right;
  margin: 0;
  font-size: 10px;
}

#saldo.saldo-parcial .header  {
  display: inline-block;
  width: 100%;
  padding: 10px 18px 5px 5px;
}

#saldo.saldo-parcial .header .control-tab {
  padding: 8px 0 0px 15px;
}

#saldo.saldo-parcial .header .periodo p {
  font-size: 11px;
  margin: 5px;
  display: inline-block;
  float: left;
}

#saldo.saldo-parcial .header .periodo span {
  display: inline-block;
  float: left;
  width: 83px;
  height: 23px;
}

#saldo.saldo-parcial .header .periodo span p {
  margin: 0;
  padding: 0 0 0 25px;
}

#ico-grafico {background: url("images/ico_aba_saldo_grafico_On.png") no-repeat scroll left center transparent;}
#ico-grafico.active {background: url("images/ico_aba_saldo_grafico_Off.png") no-repeat scroll left center transparent;}

#ico-lista {background: url("images/ico_aba_saldo_tabela_On.png") no-repeat scroll left center transparent;}
#ico-lista.active {background: url("images/ico_aba_saldo_tabela_Off.png") no-repeat scroll left center transparent;}

#saldo.saldo-parcial .item-plano .nome-item {
  border-bottom: 1px solid #dddddd;
  border-top: 1px solid #dddddd;
  padding: 10px 0 5px 20px;
  margin-top: 10px;
  background-color: #f3f3f3;
}

#saldo .popupAlertaEmail,
#saldo .popupAlertaSms {
  display: none;
}

#saldo.saldo-parcial .barraRealConsumo {
  padding: 10px 20px 10px 20px;
  border-top: 1px solid #ddd;
}

#saldo.saldo-parcial .barraRealConsumo p {
  font-weight: bold;
}

#saldo.saldo-parcial .barraRealConsumo ul {
  padding: 0;
}

#saldo.saldo-parcial .barraRealConsumo ul li {
  list-style-type: none;
}

#saldo.saldo-parcial .barraRealConsumo ul li.percentSaldo {
  border: 1px solid #dddddd;
  background: #f9f9f9;
  width: 100%;
}

#saldo.saldo-parcial .barraRealConsumo ul li.percentSaldo .percetConsumido {
  border: 1px solid #fea433;
  width: 100%;
  background: #ffb92c; /* Old browsers */
  background: -moz-linear-gradient(top,  #ffb92c 0%, #ff8539 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffb92c), color-stop(100%,#ff8539)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #ffb92c 0%,#ff8539 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #ffb92c 0%,#ff8539 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #ffb92c 0%,#ff8539 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #ffb92c 0%,#ff8539 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb92c', endColorstr='#ff8539',GradientType=0 ); /* IE6-9 */
}

#saldo.saldo-parcial .barraRealConsumo ul li.percentSaldo .saldoFranquiaTotal {
  color: #fff;
  text-align: center;
  border: 1px solid #fea433;
  width: 100%;
  background: #ffb92c; /* Old browsers */
  background: -moz-linear-gradient(top,  #ffb92c 0%, #ff8539 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffb92c), color-stop(100%,#ff8539)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #ffb92c 0%,#ff8539 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #ffb92c 0%,#ff8539 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #ffb92c 0%,#ff8539 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #ffb92c 0%,#ff8539 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb92c', endColorstr='#ff8539',GradientType=0 ); /* IE6-9 */
}



#saldo.saldo-parcial .barraRealConsumo ul li.percentSaldo .percetConsumido.consumoZerado {
  width: 0;
}

#saldo.saldo-parcial .barraRealConsumo ul li.percentSaldo .percetConsumido.consumoZerado .traco b{
  color: #777777;
}

#saldo.saldo-parcial .barraRealConsumo ul li.percentSaldo .traco {
  color: #ffffff;
  padding-left: 5px;
}

#saldo.saldo-parcial .barraRealConsumo .extraInfo {
  font-weight: normal;
  font-size: 11px;
  color: #4d4d4d;
}

#saldo.saldo-parcial .barraRealConsumo .extraInfoComplementar {
  font-weight: normal;
  font-size: 11px;
  color: #4d4d4d;
}

#saldo.saldo-parcial .franquia-out {
  padding: 10px 20px 10px 20px;
}

#saldo.saldo-parcial .franquia-out .alinhamento-desc-cons-extra-saldo {
  display: inherit;
  font-size: 12px;
  color: #666;
  text-align: justify;
  padding: 10px 0;
}

#saldo.saldo-parcial .franquia-ilimitado {
  padding: 30px 20px 24px 20px;
  border-top: 1px solid #ddd;
}

#saldo.saldo-parcial .bloco-extras.item-plano {
  width: 100%;
}

#saldo.saldo-parcial .bloco-extras #terminaisExtra {
  width: 145px;
}

#saldo.saldo-parcial .pacotes-extras td {
  padding: 10px 20px 10px 20px;
}

#saldo.saldo-parcial .pacotes-extras .consumoParcial {
  padding: 35px 0 0 0;
}

#saldo.saldo-parcial .saldoMedida.header {
  border-top: 1px solid rgb(204, 204, 204);
  display: table-cell;
}

#saldo.saldo-parcial .lista-consumo table tr th:first-child {
  padding: 10px 36px 10px 20px;
}

#saldo.saldo-parcial .lista-consumo table tr th {
  text-align: left;
  font-size: 12px;
  font-weight: bold;
}

#saldo.saldo-parcial .lista-consumo table tr th:last-child {
  padding: 10px 36px 10px 20px;
}

#saldo.saldo-parcial .lista-consumo table tr td:first-child {
  padding: 10px 20px 10px 20px;
  font-weight: normal;
  text-align: left;
  border-left: none;
  font-size: 12px;
}

#saldo.saldo-parcial .lista-consumo table tr td {
  padding: 10px 0 10px 0;
  font-weight: bold;
  text-align: center;
  border-left: 2px solid #dddddd;
}

#saldo.saldo-parcial .lista-consumo table .tit-produto td:last-child {
  padding: 10px 36px 10px 20px;
}

#saldo.saldo-parcial .lista-consumo table tr td .num {
  display: block;
  font-size: 16px;
}

#saldo.saldo-parcial .lista-consumo table tr td .tipo-produto {
  display: block;
  font-size: 12px;
}

#saldo.saldo-parcial .warnExceed{float: left; width: 399px; margin: 5px 0 10px 0;}
#saldo.saldo-parcial .warnExceed .topo{background: url("../style/images/tootip-barra-exceed-top.png") no-repeat scroll left center transparent; height: 14px;}
#saldo.saldo-parcial .warnExceed .miolo{background: url("../style/images/tootip-barra-exceed-miolo.png") repeat-y scroll left center transparent; font-weight: normal; overflow: hidden;}
#saldo.saldo-parcial .warnExceed .base{background: url("../style/images/tootip-barra-exceed-bottom.png") no-repeat scroll left center transparent; height: 7px;}

#saldo.saldo-parcial .warnExceed .miolo .bLonger.red{color: #FF0000;}

#saldo.saldo-parcial .warnExceed .miolo .tooltipIco{margin-left: 5px; float: left;}

#saldo.saldo-parcial .barraRealConsumo .miolo p {
  width: 318px;
  font-size: 12px;
  padding: 2px 0 2px 34px; line-height: 14px;
  margin:0 0 7px 10px;
  float: left;
}

#saldo.saldo-parcial .warnExceed .miolo p { background: url("../style/images/ico-warn-saldo-exceed.png") no-repeat scroll left 9% transparent;}
#saldo.saldo-parcial .warnSaldoAnterior .miolo p { background: url("../style/images/ico-warn-saldo-anterior.png") no-repeat scroll left 9% transparent; font-size: 12px; line-height: 14px; margin: 0 0 7px 10px;padding: 2px 0 2px 34px; width: 318px;color: #313131;}

#saldo.saldo-parcial .warnSaldoAnterior {float: left; width: 399px; margin: 5px 0 10px 0;}
#saldo.saldo-parcial .warnSaldoAnterior .topo {background: url("../style/images/tootip-barra-alert-top.png") no-repeat scroll left center transparent; height: 7px;}
#saldo.saldo-parcial .warnSaldoAnterior .miolo {background: url("../style/images/tootip-barra-anterior-miolo.png") repeat-y scroll left center transparent; font-weight: normal; overflow: hidden;}  
#saldo.saldo-parcial .warnSaldoAnterior .base {background: url("../style/images/tootip-barra-anterior-bottom.png") no-repeat scroll left center transparent; height: 7px;}

#saldo.saldo-parcial .barraRealConsumo .miolo span.tot-exced {
  width: auto;
  padding-right: 3px;
}

#saldo.saldo-parcial .ajuste-quebra-linha {
  padding-top: 35px;
}

#saldo.saldo-parcial .ajuste-quebra-linha-2 {
  padding-top: 35px;
}

#saldo.saldo-parcial small.saldoN {
  color: #989898;
  /*padding: 10px 20px 10px;*/
  text-align: center;
  font-size: 11px;
  width: 100%;
  position: relative;
  bottom: 10px;
}
/* Saldo Parcial - End */

/* Controle de Acesso - Start */
#ctrAcesso p {
  font-size: 11px;
  font-weight: normal;
}

#ctrAcesso table tr td {
  font-size: 11px;
  font-weight: normal;
}

#ctrAcesso table tr td a {
  text-decoration: underline;
}

.table-controleDeAcesso th,
.table-controleDeAcesso td {
  font-size: 11px;
}
/* Controle de Acesso - End */

/* Debito Automatico - Start */

#home-produto #solicitacaoDebitoAutomatico .divlabel,
#home-produto #solicitacaoDebitoAutomatico label {
  display: block;
  font-size: 11px;
  font-weight: normal;
  padding: 0 15px 5px 0;
}
/* Debito Automatico - End */

/* Endereco de Instalacao - Start */
#content .accountContainer h3.titPeq {
  font: normal 12px/14px Arial, Helvetica, Verdana, Tahoma, sans-serif;
  margin:30px 0 10px;
}

#home-produto .accountContainer p {
  font-weight: bold;
  font-size: 11px;
}
/* Endereco de Instalacao - End */

/* Consultar Add-Ons - Start */
#home-produto .addons {
  bottom: 100px;
  position: relative;
}

#home-produto .addons .roundedbox {
  padding: 5px 10px;
}

#home-produto .addons span {
  font-weight: bold;
  font-size: 11px;
}

/* Consultar Add-Ons - End */

/* 4604 - Fale Conosco - Start */
.fale-conosco .col-xs-4,
.fale-conosco .col-xs-5,
.fale-conosco .col-xs-6,
.fale-conosco .col-xs-9,
.fale-conosco .col-xs-12,
.box-protocolo.col-xs-7 {
  padding: 0;
  margin: 10px 0;
}

#home-produto #box-movel .fale-conosco .col-xs-6 {
  padding-left: 0;
}

#home-produto #box-movel .fale-conosco .col-xs-6:last-child {
  padding-right: 0;
}

#home-produto #content .fale-conosco h5 {
  background: none;
}

#home-produto .fale-conosco h5, 
#home-produto .fale-conosco .sucesso p,
#home-produto .fale-conosco .box-protocolo p,
#home-produto .fale-conosco .box-protocolo ul li,
.fale-conosco h5, 
.fale-conosco .sucesso p, 
.fale-conosco .box-protocolo p, 
.fale-conosco .box-protocolo ul li {
  font-family: 'simplon_bpregular';
  font-size: 16px;
  font-weight: normal;
}

#home-produto .fale-conosco .sucesso h4,
.fale-conosco .sucesso h4 {
  font-family: 'simplon_oi';
  font-size: 35px;
  font-weight: normal;
  color: #333;
  margin: 20px 0;
  line-height: 1.1;
}

#home-produto .box-protocolo .numero-atendimento,
.box-protocolo .numero-atendimento {
  background: #f8562c;
  color: #fff;
  padding: 15px 30px;
  border-radius: 4px;
  margin: 0 0 5px 0;
}

#home-produto .box-protocolo .numero-atendimento p,
.box-protocolo .numero-atendimento p {
  margin: 0;
  font-size: 26px;
  text-align: center;
}

#home-produto .box-protocolo .text-muted,
.box-protocolo .text-muted {
  font-size: 13px;
  color: #bababa;
  text-align: center;
}

#home-produto .dados-protocolo,
.box-protocolo .dados-protocolo {
  border: 1px solid #ddd;
  border-radius: 4px;
}

#home-produto .dados-protocolo ul,
.box-protocolo .dados-protocolo ul {
  padding: 20px;
}

#home-produto .dados-protocolo ul li,
.box-protocolo .dados-protocolo ul li {
  list-style-type: none;
  font-size: 16px;
  color: #4d4d4d;
}
/* 4604 - Fale Conosco - End */

/* PRJ00014297 - Debito Automatico - start - c.s. */
#home-produto #solicitacaoDebitoAutomatico .aviso.cliente-bb {
  margin: 10px 64px 0 100px;
  background: #faebd7;
  border: 1px solid rgba(167, 0, 0, 0.34);
  border-radius: 5px;
}

#home-produto #solicitacaoDebitoAutomatico .aviso.cliente-bb p {
  color: #F00;
  font-size: 12px;
  padding: 5px;
  margin-bottom: 0;
}

#home-produto .confirma-dacc .boxersidebyside {
  clear: left;
}

#home-produto .confirma-dacc .boxersidebyside.sidebysidepar {
  clear: right;
}

#home-produto .confirma-dacc .containerCategorias.col-md-12,
#home-produto .confirma-dacc .containerFatura.col-md-6 {
	padding: 0;
}

#home-produto .confirma-dacc .aviso.cliente-bb {
  background: #ffffd6;
  padding: 10px;
}


#home-produto .confirma-dacc .um-produto.vertical-center {
  min-height: 100%;  /* Fallback vh unit */
  /*! min-height: 40vh; */ /*   100 vh */
  display: flex;
  align-items: center;
  bottom: 7px;
}

/* 4604 - Fale Conosco - Start */
#home-produto .fale-conosco .dados-protocolo,
.fale-conosco .dados-protocolo{
  float: left;
  clear: both;
  width: 58%;
  font-family: "simplon_bpregular";
}

#home-produto #content .fale-conosco h5{
  background: none;
}
/* 4604 - Fale Conosco - End */

/*#home-produto .confirma-dacc .aviso.cliente-bb.um-produto {*/
#home-produto .confirma-dacc .um-produto .aviso.cliente-bb {
  float: right;
  margin-top: 8px;
  padding: 15px 0;
  position: relative;
}

#home-produto .confirma-dacc .aviso.cliente-bb .exclamacao {
  background: url('/ArquivosEstaticos/MinhaOi/style/images/exclamacao.png') no-repeat;
  width: 17px;
  height: 18px;
  display: inline-block;
  float: left;
  margin-right: 10px;
  vertical-align: middle;
  position: relative;
  top: 8px;
}

/*#home-produto .confirma-dacc .aviso.cliente-bb.um-produto .exclamacao {*/
#home-produto .confirma-dacc .um-produto .aviso.cliente-bb .exclamacao {
    top: 20px;
    left: 15px;
    position: absolute;
}

#home-produto .confirma-dacc .aviso.cliente-bb p {
  color: #F00;
  font-size: 12px;
  margin: 0;
}

/*#home-produto .confirma-dacc .aviso.cliente-bb.um-produto p {*/
#home-produto .confirma-dacc .um-produto .aviso.cliente-bb p {
  float: right;
  line-height: 1.5;
  /*! margin: 10px 0; */
  padding: 0 0 0 10px;
}
/* PRJ00014297 - Debito Automatico - end - c.s. */

/* Only for resolutions below 1024 x 768 */
@media (max-width: 1024px) {

  body {
    background: url("images/1024-bg-sidebar.gif") repeat-y top left;
  }

  .navbar-brand span.logo-minha-oi {
    position: relative;
    left: 40px;
    top: 10px;
  }

  .nav-sidebar {
    margin-right: -21px; /* 20px padding + 1px border */
    margin-bottom: 20px;
    margin-left: -20px;
  }

  .sidebar {
    z-index: 1000;
    display: block;
    padding: 0px 20px 20px 20px;
    overflow-x: hidden;
    overflow-y: hidden;
    background-color: #f5f5f5;
    border-right: 1px solid #eee;
    width: 235px;
    font-family: 'simplon_bpregular';
  }

  .sidebar #nav-menu-principal a {
    font-size: 16px;
    padding: 20px;
  }

  #nav-menu-principal .active a {
    font-family: 'simplon_bpmedium';
    margin-left: 5px;
    padding: 20px 20px 20px 15px;
  }

  #nav-menu-principal .submenu .sub-navbar .item-plano {
    padding: 10px 10px 0 65px;
    width: 85%;
    font-size: 14px;
  }

  #nav-menu-principal .active.submenu .sub-navbar .item-plano {
    padding: 10px 10px 0 35px;
  }

  #nav-menu-principal .active.submenu .sub-navbar .active .item-plano {
    padding: 10px 10px 0 60px;
  }

  #nav-menu-principal .active.submenu .sub-navbar .active a {
    margin-left: 25px;
    padding: 10px 0 10px 0;
  }

  .sidebar #nav-menu-servicos a,
  .sidebar #nav-menu-oi-pontos a,
  .sidebar #nav-servicos-internet a {
    font-family: 'simplon_bpregular';
    font-size: 12px;
    font-weight: normal;
    color: #222;
  }

  #nav-menu-servicos a, #nav-menu-oi-pontos a, #nav-servicos-internet a {
    padding: 0 75px 0 20px;
    white-space: normal;
  }

  .main {
    width: 750px;
    margin: 0 auto;
    padding: 30px 0 30px 30px;
  }

  .container {
    max-width: none !important;
    height: 100%;
    height: auto !important;
    min-height: 100%;
    display: block;
    margin: 0;
    padding: 0;
    width: 1000px;
  }

  #home-inicio .acesso-rapido .btn {
    margin: 10px 7px 10px 0;
  }

  #home-produto #box-tv .acesso-rapido a.btn:nth-child(2) { margin: 10px 15px; }

}

#divDetails .vgn-ext-region .vgn-ext-component table td{
	font-size: 12px;
}

/* CONSULTAR CONSUMO 3G */

#saldo.saldo-dados .warnExceed{float: left; width: 399px; margin: 5px 0 10px 0;}
#saldo.saldo-dados .warnExceed .topo{background: url("../style/images/tootip-barra-exceed-top.png") no-repeat scroll left center transparent; height: 14px;}
#saldo.saldo-dados .warnExceed .miolo{background: url("../style/images/tootip-barra-exceed-miolo.png") repeat-y scroll left center transparent; font-weight: normal; overflow: hidden;}
#saldo.saldo-dados .warnExceed .base{background: url("../style/images/tootip-barra-exceed-bottom.png") no-repeat scroll left center transparent; height: 7px;}

#saldo.saldo-dados .warnExceed .miolo .bLonger.red{color: #FF0000;}

#saldo.saldo-dados .warnExceed .miolo .tooltipIco{margin-left: 5px; float: left;}

#saldo.saldo-dados .barraRealConsumo .miolo p {
  width: 318px;
  font-size: 12px;
  padding: 2px 0 2px 34px; line-height: 14px;
  margin:0 0 7px 10px;
  float: left;
}

#saldo.saldo-dados .warnExceed .miolo p { background: url("../style/images/ico-warn-saldo-exceed.png") no-repeat scroll left 9% transparent;}
#saldo.saldo-dados .warnSaldoAnterior .miolo p { background: url("../style/images/ico-warn-saldo-anterior.png") no-repeat scroll left 9% transparent; font-size: 12px; line-height: 14px; margin: 0 0 7px 10px;padding: 2px 0 2px 34px; width: 318px;color: #313131;}

#saldo.saldo-dados .warnSaldoAnterior {float: left; width: 399px; margin: 5px 0 10px 0;}
#saldo.saldo-dados .warnSaldoAnterior .topo {background: url("../style/images/tootip-barra-alert-top.png") no-repeat scroll left center transparent; height: 7px;}
#saldo.saldo-dados .warnSaldoAnterior .miolo {background: url("../style/images/tootip-barra-anterior-miolo.png") repeat-y scroll left center transparent; font-weight: normal; overflow: hidden;}  
#saldo.saldo-dados .warnSaldoAnterior .base {background: url("../style/images/tootip-barra-anterior-bottom.png") no-repeat scroll left center transparent; height: 7px;}

#saldo.saldo-dados .barraRealConsumo .miolo span.tot-exced {
  width: auto;
  padding-right: 3px;
}

/* CONSULTAR CONSUMO 3G */

/* CONSULTAR PROTOCOLO - START - PRJ5368 */
#home-produto .consulta-protocolo {
  padding: 0;
}

/* CONSULTAR PRODUTOS TV - START - PKE17113 */
#home-produto .box-header .container p.tv-plano {
	width: 70px; 
	float: left;
}
#home-produto .box-header .container p.btn-plano-descricao {
    float: left;
    width: 10px;
}

#home-produto .consulta-protocolo p {
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 11px;


}
/* CONSULTAR PRODUTOS TV - END - PKE17113 */

}

#home-produto .historico-protocolo {
  margin: 25px 0;
}


#home-produto .consulta-protocolo .sem-registros,
#home-produto .consulta-protocolo .servico-indisponivel {
  background: #eee;
  margin: 25px 0 0 0;
  padding: 15px 10px 5px 10px;
  width: 100%;
  border-radius: 5px;
}

#home-produto .consulta-protocolo .table {
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 11px;
  border: 1px solid #dedede;
  border-radius: 4px;
}

#home-produto .consulta-protocolo .table thead {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,efefef+100 */
  background: #ffffff; /* Old browsers */
  background: -moz-linear-gradient(top,  #ffffff 0%, #efefef 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #ffffff 0%,#efefef 100%); /* Chrome10-25,Safari5.1-6 */
  background: -ms-linear-gradient(top,  #ffffff 0%,#efefef 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #ffffff 0%,#efefef 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */
}

#home-produto .consulta-protocolo .table thead th {
  text-align: center;
  border-right: 1px solid #dedede;
  border-bottom: none;
  vertical-align: middle;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */
}

#home-produto .consulta-protocolo .table thead th:last-child {
  border-right: none;
}

#home-produto .consulta-protocolo .table tbody td {
  border-top: 1px dotted #000;
  text-align: center;
  vertical-align: middle;
}
/* CONSULTAR PROTOCOLO - END - PRJ5368*/

/*5368 - Consulta Protocolo - START*/
#solicitarFaleConosco form label{
  font-size: 16px;
}

.fale-conosco .form-minhaoi label::before{
  left: 20px;
  font-family: 'Arial';
}

#home-produto .fale-conosco form label{
  font-family: 'simplon_bpregular';
  font-size: 14px;
}
/*5368 - Consulta Protocolo - END*/

/*novo form*/


/* PRJ18217 - TELA de Sucesso-Erro - START */
  #sucesso-erro {
    background: #0da6c8; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left top, #0da6c8, #23b577); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(bottom right, #0da6c8, #23b577); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(bottom right, #0da6c8, #23b577); /* For Firefox 3.6 to 15 */
    background: linear-gradient(135deg, #0da6c8 , #23b577); /* Standard syntax */
    margin: 90px;
    height: 0%;
  }

  #termos-condicoes {.
    background: #c72177; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left, #c72177, #f04d39); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, ##c72177, #f04d39); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #c72177, #f04d39); /* For Firefox 3.6 to 15 */
    background: linear-gradient(right, #c72177 , #f04d39); /* Standard syntax */
    margin: 90px;
    height: 0%;
  }

  .container-erro-sucesso {           
  }

  .container-erro-sucesso h2 {
    color: #fff;
  }

  .container-erro-sucesso p,
  .container-erro-sucesso a {
    color: #bae7e4;     
  }


  .container-erro-sucesso .header .logo{
    margin-top: 100px;      
    margin-bottom: 60px;
  }

  .container-erro-sucesso .logo,
  .termos-condicoes .logo {
    background: url(../images/logo_oi_modal.png);
    width: 67px;
    height: 72px;
    display: block;
  }

  .container-erro-sucesso .titulo{
    font-size: 85px;
    font-family: "simplon_oi";
  }

  .container-erro-sucesso .titulo {
    margin-top: 0px;
    line-height: 1.0;
  }

  .container-erro-sucesso .descricao p {
    font-size: 21px;
    font-family: "simplon_bplight";
    margin: 0px;
  }

  .container-erro-sucesso .descricao a,
  .container-erro-sucesso .descricao a:hover{
    border-bottom: 1px solid #5ec6bd;
  }

  /* TABLE - START */
  .container-erro-sucesso .container-sucesso .table-dados {
    font-size: 16px;
    font-family: "simplon_bplight";
    margin-top: 10px;
  }


  .container-erro-sucesso .container-sucesso .table-dados tbody tr:first-child{
    border-top: 1px solid #bbe7df;

  }
  .container-erro-sucesso .container-sucesso .table-dados tbody tr:last-child {
    border-bottom: 1px solid #bbe7df;
  }

  .container-erro-sucesso .container-sucesso .table-dados tbody tr{
    border-bottom: 1px dashed #61c8b3;
  }

  .container-erro-sucesso .container-sucesso .table-dados tbody tr td {
    color: #bbe7df;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .container-erro-sucesso .container-sucesso .table-dados tbody tr td:last-child {
    text-align: right;
  }
  /* TABLE - END */
  /* PRJ18217 - TELA de Sucesso-Erro - START */



  /* PRJ18217 - TELA DE Termos e Condicoes - START */
  .termos-condicoes .header .logo{
    margin-top: 100px;      
    margin-bottom: 70px;
  }

  .termos-condicoes h2,
  .termos-condicoes p {
    color: #fff;
  }


  .termos-condicoes .titulo {
    font-size: 57px;
    font-family: "simplon_oi";
  }
  .termos-condicoes .subtitulo{
    color: #db689a;
    font-size: 16px;
    font-family: "simplon_bpregular";

  }

  .termos-condicoes .descricao p{
    font-size: 16px;
    font-family: "simplon_bpregular";
  }

  .termos-condicoes .descricao p.clausula {
    margin:0.5px;
  }


  .termos-condicoes.scrollbar-customizado {
    height: 400px;
  }

  .termos-condicoes .track3 {
    width: 7px;
    background: rgba(0, 0, 0, 0);
    margin-right: 2px;
    border-radius: 10px;
    -webkit-transition: background 250ms linear;
    transition: background 250ms linear;
  }

  .termos-condicoes .track3:hover, 
  .termos-condicoes .track3.dragging {
    background: #d9d9d9; /* Browsers without rgba support */
    background: rgba(0, 0, 0, 0.15);
  }

  .termos-condicoes .handle3 {
    width: 7px;
    right: 0;
    background: #999;
    background: #f58473;
    border-radius: 7px;
    -webkit-transition: width 250ms;
    transition: width 250ms;
  }

  .termos-condicoes .track3:hover .handle3,
  .termos-condicoes .track3.dragging .handle3 {
    width: 7px;
  }

  .termos-condicoes .enscroll-track.track3 {
    left: 80px;
  }

  .termos-condicoes .descricao a{
    color: #fff;
}

  .termos-condicoes .descricao a:hover{
    color: #f9f9f9;
} 

/* PRJ18217 - TELA de Termos e Condicoes - END */



  /* Ajustes Conta Detalhada */

	.detalheContaBox .column {
    line-height: 6px;
    padding-top: 4px;
    padding-left: 14px;
	}

	.column.vencimento {
		width: 325px;
	}

	.column {
		float: left;
	}

	.valorConta p:nth-child(2) {
		font-size: 9px !important;
		text-align: center;
	}

  .dacc-conta-online .cadastrado{
    color: #417505;
  }

  a.cadastrado:hover {
    text-decoration: none !important;
    color: #497b10 !important;
    cursor: default;
  }

  .dacc-conta-online .cadastrar{
    color: #d0021b;
  }

  .dacc-conta-online .links a {
      display: block;
      float: right;
      clear: right;
      font-weight: bold;
      line-height: 1.6;
  }

  .dacc-conta-online .labels, .dacc-conta-online .links{
     float: left;
  }

  .dacc-conta-online .links{
    font-weight: normal;
    font-size: 11px;
    margin: 5px 0 3px 10px;
  }

  /* Ajustes Conta Detalhada - END*/

/* DETALHAMENTO DE CONSUMO - START - PRJ1496 */
#home-produto #content .fatura-detalhamentoConsumo form.detalhamentoConsumo-selecaoTelefone {
  position: relative;
}

#home-produto .fatura-detalhamentoConsumo .detalhamentoConsumo-filtros-avancado label {
  position: relative;
  top: 10px;
}

#home-produto #content .fatura-detalhamentoConsumo .detalhamento-dados.table th {
  vertical-align: middle;
  background: url(../style/images/dot.gif) repeat-x 1px bottom;
  border-bottom: none;
}
/* DETALHAMENTO DE CONSUMO - END - PRJ1496 */

#box-tv div.servicos-pagamento table tr td {
  font-size: 11px;
  padding: 10px 0;
}
/* Branch 13440 - Confirmacao Adesao Conta Sem Papel- START */

#home #geral #content .legaltextwrapper .legaltext {
  width: 722px;
  height: 164px;
}
/* Branch 13440 - Confirmacao Adesao Conta Sem Papel - END */

/* Ebilling- Tela de Detalhamento de Consumo - START */

#divDetails .faturaDetalhada-total span.faturaDetalhada-valor {
   text-align: center;
}

.faturaDetalhada-total .faturaDetalhada-valor strong {
   display: block;
}

.faturaDetalhada-total strong:first-child{
   margin-top: 10px;
   margin-left: 12px;
}


.account-detalheConta .actions-fatura .select-container.mes-referencia .ui.dropdown .text {
    font-size: 13px;
}



#boxContaDetalhada .detalheContaBox .dacc-conta-online .links {
    margin: 3px 0 3px 10px;
}


#boxContaDetalhada .detalheContaBox .dacc-conta-online .links .debito-automatico {
  margin-top: 1px;
}

#numero1.contentContasBox.ctTab.roundedBox {
   width: 100%;
   margin-top: 18px;
}

.ui.dropdown.selection {
	height: 28px;
    width: 140px;
    max-width: 140px;
    max-height: 28px;
}

.sel_subtipo_consumo {
    font-size: 11px;
}

#filtroServicoTop10 select {
    text-overflow: clip;
}

.panel-body .adicionais-plano .table-responsive.servicos-pagamento tr td�{
	font-size:11px;
}

/* Ebilling- Tela de Detalhamento de Consumo - END */

#boxContaDetalhada .actions-fatura .select-container .escolhaContaCombo {
	float: right;
}

#boxContaDetalhada .actions-fatura .select-container .escolhaContaCombo .descricaoescolhaconta {
	text-align: left;
}

/* PRJ 15018 - Meus dados de acesso - Start */
/*dados de acesso*/

#home-produto .dados-acesso .box {
  width: 100%;
    height: 95px;
    display: block;
    background: #dbdbdb;
    position: absolute;
    left: 0;
    top: 0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
    filter: alpha(opacity=10);
    opacity: 0.1;
}

#home-produto #content .dados-acesso h3 {
  font-family: "simplon_bpregular";
  font-size: 25px;
  background: none;
  margin: 27px 0;
}

#home-produto .dados-acesso .erro {
  font-family: "simplon_bpregular";
  font-size: 13px;
  color: red;
  margin-left: 120px;
  width: 100%;
}

#home-produto .dados-acesso .box-form {
  font-family: "simplon_bpregular";
  color: #222;
  font-size: 14px;
  border: 1px solid #222;
  padding: 15px 20px 30px 25px !important;
  position: relative;
  /*width: 480px;*/
}

#home-produto  #content .dados-acesso .box-form h4 {
  font-family: "simplon_bpregular";
  color: #c72177;
  font-size: 14px;
}

#home-produto .dados-acesso .box-form .input {
  padding: 30px 0px 20px 50px;
}

#home-produto #content .dados-acesso .box-form .input label {
  font-family: "simplon_bpregular";
  color: #222;
  font-size: 14px;
  font-weight: bold;
  padding-right: 10px;
}

#home-produto .dados-acesso .box-form  label.disabled {
  color: #dbdbdb;
}

#home-produto .dados-acesso .box-form input {
  padding: 5px;
}

#home-produto .dados-acesso .box-form input#email {
  width: 270px;
}

#home-produto .dados-acesso .box-form .input.senha{
  padding-left: 85px !important;
  padding-top: 35px !important;
}

#home-produto .dados-acesso .box-form .input.tel {
  padding-left: 85px !important;
  padding-top: 35px !important;
  width: 100%;

}

#home-produto .dados-acesso .box-form .input.senhaConfirm {
  padding: 3px !important;
}

#home-produto #content .dados-acesso hr {
  border: 0;
  height: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  width: 100%;
  left: 0;
  top: 150px;
  background: none;
}

#home-produto .dados-acesso .input .disabled {
  color: #dbdbdb !important;
}

#home-produto .dados-acesso input:disabled {
  background: #fff;
  border: 1px solid #dbdbdb;
}

#home-produto .dados-acesso .info {
  padding-left: 155px;
}

#home-produto .dados-acesso #enviar {
  background: #c72177;
  border: 0;
  border-radius: 4px !important;
  padding: 15px 20px 15px 20px;
  color: #fff;
  font-family: "simplon_bpregular";
  text-transform: uppercase;
  cursor: pointer;
}

#home-produto .dados-acesso input#enviar:disabled {
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  opacity: 0.5;
}

#home-produto .dados-acesso input:focus {
  outline: none;
  border-radius: 0 !important;
  border: 1px solid #c72177;
}

/*animacao*/
#home-produto .animacao {
  -webkit-animation-name: example;
  -webkit-animation-duration: 1s;
  animation-name: example;
  animation-duration: 1s;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes example {
    from {
      margin-top: 0;
    }
    to {margin-top: 30px}
}

/* Standard syntax */
@keyframes example {
    from {
      margin-top: 0;
    }
    to {margin-top: 30px}
}

form#alteracaoDadosAcesso .info .checkbox-inline {
  line-height: 1.5em;
  font-size: 14px;
}

form#alteracaoDadosAcesso .checkbox-inline{
  ! line-height: 1.5em;
  margin-left: 20px;
}

form#alteracaoDadosAcesso .aviso-oi .checkbox-inline {
  line-height: 1.5em;
}

form#alteracaoDadosAcesso input.error{
  font-size: inherit;
}

form#alteracaoDadosAcesso small.error{
  margin-left: 8px;
}

#home .dados-acesso .box-form label{
  font-size: 14px;
  padding-top: 0px;
  padding-bottom: 0px;
}

form#alteracaoDadosAcesso input#enviar {
	background: #c72177;
	border: 0;
	border-radius: 4px !important;
	padding: 15px 20px 15px 20px;
	color: #fff;
	font-family: "simplon_bpregular";
	text-transform: uppercase;
	cursor: pointer;
}

form#alteracaoDadosAcesso .dados-acesso .box-form input{
  border: 1px solid gray;
}

form#alteracaoDadosAcesso .dados-acesso .box-form input#telMovel{
  margin-left: 7px;
  min-height: 29px;
  min-width: 160px;
}
/* PRJ 15018 - Meus dados de acesso - End */

.tabelaHistoricoRecargas ul{
  padding: 0px;
}
.modal {
	z-index: 9999;
}
#home{
	min-height: 81.9%;
}

/* PKE31751 */

form#alterarEnderecoInstalacaoForm .divlabel b, 
form#alterarEnderecoInstalacaoForm label b {
	width: 110px !important;
}

form#alterarEnderecoInstalacaoForm label {
	display: block !important;
}

input#ufe_input.selectbox {
	height: 25px !important;
	width: 60px !important;
}

/* FIM PKE31751 */