@import "../css/telcelFont.css";
/*
 * Fichero: custom.css ,v1.0 Santi Risco
 * Media			screen
 * Navegadores		IE9+, Mozilla X, Opera X, Chrome, Safari
 * CSS				dccustom.css
 * Version			v1.0
 * Empresa			TelCel México
 * Autores			Santirisco @ MX
 * Developers       Xumac
 * Dependencias     bootstrap.css
 * Descrición:      Customización del layout para TelCel
 * Basado en bootstrap 3.1.1
 * Fecha: Junio-Julio 2014
 */
/**/




#cardsadmin .table-responsive p{
  padding: 0 15px !important;    
}

.float-left{ float: left; }

.checkbox-confirmation .prettycheckbox, .prettyradio{
  float: left;
}

img {
  max-width: 100%;
}
img.lazyLoad {
  display: none;
}
.clear {
  clear: both;
  height: 0;
  margin: 0;
}
.o-hidden {
  overflow: hidden;
}
.txtwhite {
  color: #fff;
}
:focus,
a:focus {
  outline: 0;
}
.divider-h {
  height: 1px;
  display: block;
  background-color: #e9e9e9;
  margin: 30px 0;
}
:focus,
a:focus {
  outline: 0;
}
/*Positioning*/
.top-push {
  margin-top: 40px!important;
}
.top-push.medium {
  margin-top: 30px!important;
}
.top-push.super {
  margin-top: 60px!important;
}
.top-push.xsuper {
  margin-top: 80px!important;
}
.top-push.half {
  margin-top: 20px!important;
}
.top-push.quarter {
  margin-top: 10px!important;
}
.top-push.mini {
  margin-top: 5px!important;
}
.sticked-top {
  margin-top: 0!important;
}
.bottom-push {
  margin-bottom: 40px;
}
.bottom-push.medium {
  margin-bottom: 30px;
}
.bottom-push.super {
  margin-bottom: 60px;
}
.bottom-push.xsuper {
  margin-bottom: 80px;
}
.bottom-push.half {
  margin-bottom: 20px;
}
.bottom-push.quarter {
  margin-bottom: 10px;
}
.bottom-push.mini {
  margin-bottom: 5px;
}
.margin-0 {
  margin: 0!important;
}
.margint-top-20 {
  margin-top: -20px !important;
}
.block {
  display: block!important;
}
.valign {
  position: relative;
}
.valign .valigned {
  position: absolute;
  top: 50%;
  transform: translateY(-51%);
  -moz-transform: translateY(-51%);
  -webkit-transform: translateY(-51%);
  right: 0;
}
.valign .valigned.left {
  left: 0;
  right: auto;
}
.relative {
  position: relative;
}
.clear-row {
  margin-left: 0;
  clear: both;
}
.clear-row-xs {
  display: none;
}
a:hover i {
  text-decoration: none;
}
.clear-row-xxs {
  display: none;
}
.col-centered {
  float: none;
  margin: 0 auto;
  padding: 0;
}
body {
  /*margin-top: 192px;*/
}
body.sidr-open {
  overflow: hidden!important;
}
/*Grid adjustement*/
.container-fluid {
  max-width: 1000px;
}
.row-5-cols .col-sm-2,
.row-5-cols .col-xxs-2 {
  width: 20%;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  color: #000;
}
h1.underlined,
h2.underlined,
h3.underlined,
h4.underlined,
h5.underlined,
h6.underlined,
.h1.underlined,
.h2.underlined,
.h3.underlined,
.h4.underlined,
.h5.underlined,
.h6.underlined {
  border-bottom: 1px solid #ecedee;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h1 .small,
.h1 .small,
h2 .small,
.h2 .small,
h3 .small,
.h3 .small {
  display: block;
  font-weight: 100;
  font-size: 60%;
}
h1 + h2 {
  margin-top: 0;
}
h2.content-title,
.h2.content-title {
  margin-bottom: 30px;
  padding-bottom: 20px;
  border-bottom: 2px solid #DBE5E7;
  font-weight: 400;
  display: block;
}
h2.content-title strong,
.h2.content-title strong {
  font-weight: 600;
}
h2.content-title.no-border,
.h2.content-title.no-border {
  border-bottom: none;
  padding-bottom: 0;
}
h3.content-title,
.h3.content-title {
  font-weight: 600;
  font-size: 20px;
  display: block;
}
h3.content-title + h3.content-title,
h3.content-title + .h3.content-title {
  margin-top: 0;
}
h1 + h1 {
  margin-top: 0;
}
h1.xxx-large {
  font-size: 160px;
  line-height: normal;
  margin-top: 0;
}
h1.xxx-large small {
  font-size: 33px;
}
@media (max-width: 767px) {

  h1:first-child {
    margin-top: 0;
  }
}
.stretch-h {
  margin-left: 20px;
  margin-right: 20px;
}
.side-link {
  font-size: 60%;
  font-weight: 600;
  margin-left: 10px;
}
strong {
  font-weight: 400;
}
h2 small {
  display: block;
}
.pointer,
.lnk-h {
  cursor: pointer;
}
.pointer:hover,
.lnk-h:hover {
  opacity: .8;
}
.bg-dark-grey {
  background-color: #475659;
}
/*Corporative Backgrounds*/
.bg_light-grey_header,
.bg-light-grey {
  background-color: #f2f7f9;
}
.bg_blue_header,
.bg-light-blue {
  background-color: #02b0ef;
}
.bg_blue_gradient_header {
  background: #53aedd;
  /* Old browsers */
  background-image: url("../img/cms/headers/mundo_telcel.png");
  background-image: url("../img/cms/headers/mundo_telcel.png"), -moz-radial-gradient(center, ellipse cover, #53aedd 0%, #53abdb 7%, #53abdb 24%, #53aedd 34%, #5bb7e6 51%, #58b7e5 51%, #59b8e6 53%, #60c1ee 63%, #5fc1ee 100%);
  /* FF3.6+ */
  background-image: url("../img/cms/headers/mundo_telcel.png"), -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #53aedd), color-stop(7%, #53abdb), color-stop(24%, #53abdb), color-stop(34%, #53aedd), color-stop(51%, #5bb7e6), color-stop(51%, #58b7e5), color-stop(53%, #59b8e6), color-stop(63%, #60c1ee), color-stop(100%, #5fc1ee));
  /* Chrome,Safari4+ */
  background-image: url("../img/cms/headers/mundo_telcel.png"), -webkit-radial-gradient(center, ellipse cover, #53aedd 0%, #53abdb 7%, #53abdb 24%, #53aedd 34%, #5bb7e6 51%, #58b7e5 51%, #59b8e6 53%, #60c1ee 63%, #5fc1ee 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: url("../img/cms/headers/mundo_telcel.png"), -o-radial-gradient(center, ellipse cover, #53aedd 0%, #53abdb 7%, #53abdb 24%, #53aedd 34%, #5bb7e6 51%, #58b7e5 51%, #59b8e6 53%, #60c1ee 63%, #5fc1ee 100%);
  /* Opera 12+ */
  background-image: url("../img/cms/headers/mundo_telcel.png"), -ms-radial-gradient(center, ellipse cover, #53aedd 0%, #53abdb 7%, #53abdb 24%, #53aedd 34%, #5bb7e6 51%, #58b7e5 51%, #59b8e6 53%, #60c1ee 63%, #5fc1ee 100%);
  /* IE10+ */
  background-image: url("../img/cms/headers/mundo_telcel.png"), radial-gradient(ellipse at center, #53aedd 0%, #53abdb 7%, #53abdb 24%, #53aedd 34%, #5bb7e6 51%, #58b7e5 51%, #59b8e6 53%, #60c1ee 63%, #5fc1ee 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#53aedd', endColorstr='#5fc1ee', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
  background-repeat: no-repeat;
  background-position: center top;
}
.bg_blue_gradient_header h1,
.bg_blue_gradient_header h1 small {
  color: #ffffff;
}
.bg-dark-blue {
  background-color: #0A3D79;
}
.bg-magenta {
  background-color: #E22285;
}
.bg-green,
.bg_green_header {
  background-color: #52CAB5;
}
.bg-purple {
  background-color: #7E7EEC;
}
.bg-magenta.error {
  padding: 20px;
}
.bg-magenta.error h4 {
  margin: 0;
  color: #fff;
  line-height: 1.2;
}
.bg-magenta.error i {
  color: #fff;
  font-size: 50px;
  margin-right: 10px;
}
.bg-yellow {
  background-color: #FFCB27;
}
.bg-green,
.bg-green h1,
.bg-green h2,
.bg-green h3,
.bg-green h4,
.bg-green p,
.bg-green span,
.bg-magenta,
.bg-magenta h1,
.bg-magenta h2,
.bg-magenta h3,
.bg-magenta h4,
.bg-magenta p,
.bg-magenta span,
.bg-purple,
.bg-purple h1,
.bg-purple h2,
.bg-purple h3,
.bg-purple h4,
.bg-purple p,
.bg-purple span,
.bg-light-blue,
.bg-light-blue h1,
.bg-light-blue h2,
.bg-light-blue h3,
.bg-light-blue h4,
.bg-light-blue p,
.bg-light-blue span,
.bg-dark-blue,
.bg-dark-blue h1,
.bg-dark-blue h2,
.bg-dark-blue h3,
.bg-dark-blue h4,
.bg-dark-blue p,
.bg-dark-blue span {
  color: #fff;
}
.opacity {
  opacity: .8;
}
.bg-white {
  background-color: #fff;
}
.bg-gray-tab {
  padding: 0 10px;
  margin: -30px 0 20px;
}
.bg-gray-tab .wrapper {
  padding: 20px;
  background-color: #E4EEF2;
}
.bg-gray-tab .text-large {
  margin-bottom: 0;
}
.bg-gray-tab .btn {
  height: 41px;
}
.text-semibold {
  font-weight: 500;
}
.pdl-0 {
  padding-left: 0!important;
}
a.btn_icon {
  font-size: 30px;
}
a.btn_icon.blue {
  color: #00aff2;
}
a.btn_icon:hover {
  text-decoration: none;
  color: #f2f7f9;
}
.superlink {
  cursor: pointer;
}
.superlink:hover a {
  text-decoration: underline;
  color: #0178a3;
}
.btn-quest {
  border-radius: 50%;
  background-color: #00aff2;
  color: #ffffff;
  text-align: center;
  display: inline-block;
  width: 20px;
  height: 20px;
  font-weight: bold;
}
.btn-quest:hover {
  color: #ffffff;
}

.line2px {
  height: 2px;
  background-color: #f2f7f9;
  display: block;
  margin: 10px 0;
}
@media (max-width: 479px) {


    .close-holder {
      margin-top: -24px;
      margin-bottom: 10px;
    }
    .close-holder a {
      float: left;
      padding: 0;
      margin-left: -10px;
      font-size: 14px;
      color: #ffffff;
    }
    .close-holder a:hover {
      color: #ffffff;
      opacity: .8;
    }
    .close-holder a i {
      color: #ffffff;
      font-size: 30px;
      position: relative;
      top: 8px;
    }
    .close-holder + h2 {
      margin-top: 0;
    }


  .table-responsive {
    position: relative;
  }
  .table-responsive:before {
    font-family: "TelcelFont";
    content: "\f108";
    color: #02B0EF;
    position: absolute;
    top: 5%;
    left: 10px;
    font-size: 60px;
    opacity: 0.3;
  }
  .table-responsive:after {
    font-family: "TelcelFont";
    content: "\f109";
    color: #02B0EF;
    position: absolute;
    top: 5%;
    right: 10px;
    font-size: 60px;
    opacity: 0.3;
  }
  .table-responsive:hover::before,
  .table-responsive:hover::after {
    display: none;
  }
}
body > header > .header .container-fluid,
.navbar-static-top > .container-fluid,
.bar-comparador .container-fluid,
.nav-top > .container-fluid,
.container-fluid.breadcrumb-holder,
.container-fluid.main-nav,
.container-fluid.xl {
  max-width: 1280px;
}
.header-main {
  min-height: 120px;
  display: block;
}
.header-main.afixed {
  padding-bottom: 0px;
}
.navbar-footer .navbar-brand {
  background: none;
  text-indent: 0;
  height: auto;
  margin-top: 0;
}
.navbar-form {
  padding-top: 11px;
}
.main-nav {
  position: relative;
}
.main-nav > nav > .clearfix {
  padding: 15px 0 0 0;
  -moz-transition: padding 0.2s ease-in-out;
  -webkit-transition: padding 0.2s ease-in-out;
  transition: padding 0.2s ease-in-out;
}
.afixed .main-nav > nav > .clearfix {
  padding: 0 0 8px 0;
}
.navbar-static-top.afixed,
.header-main.afixed {
  width: 100%;
  background-color: #fff;
  position: fixed;
  top: 0;
  /*border-bottom: 7px solid #f1f3f3;
    border-bottom: 7px solid rgba(230,255,255,.4);
    padding-bottom: 10px;*/
  padding-top: 0;
  z-index: 101;
}
.navbar-static-top {
  top: 0;
  padding-top: 15px;
  margin-bottom: 0;
  padding-bottom: 15px;
  -webkit-transition: padding 0.5s ease-in-out;
  transition: padding 0.5s ease-in-out;
  z-index: 1;
}
.nav-worlds {
  display: none;
}
.navbar-static-top .navbar-toggle {
  float: left;
  margin-top: 1px;
  margin-bottom: 0;
  z-index: 100000;
  margin-left: -10px;
}
.navbar-static-top .navbar-toggle .icon-bar {
  height: 5px;
  border-radius: 3px;
  background: #02b0ef;
}
.nav-main-bar.afixed {
  position: fixed;
  top: 0;
  margin-top: 0;
}
.main-nav > nav > .clearfix > .nav-main-bar > .nav > li {
  position: static;
}
.nav-top {
  background-color: #f2f7f9;
  padding-top: 6px;
}
.nav-top ul.nav-tabs {
  border-bottom: none;
  margin-bottom: 0;
}
.nav-top > .container-fluid {
  position: relative;
}
.nav-top .nav-tabs.nav-user {
  margin-top: -2px;
  position: static;
}
.nav-top .nav-tabs.nav-user > li > a {
  padding: 5px 10px 8px 10px;
  font-size: 14px;
  margin-right: 0;
  border: none;
  font-weight: 400;
  background-color: #fff;
  max-height: 38px;
  box-sizing: border-box;
  line-height: 22px;
}
.nav-top .nav-tabs.nav-user > li > a > i {
  font-size: 20px;
  margin-right: 5px;
  line-height: 22px;
  position: relative;
  top: 2px;
}
.nav-top .nav-tabs.nav-user > li > a:before {
  font-size: 20px;
  margin-right: 5px;
  line-height: 22px;
  position: relative;
  top: 2px;
}
.nav-top .nav-tabs.nav-user > li.login > a {
  background-color: #2b5264;
  color: #fff;
}
.nav-top .nav-tabs.nav-user.shop > a:before {
  color: #2b5464;
}
.nav-worlds > li {
  position: static;
}
.nav-worlds > li > a {
  border: none;
  border-right: 1px solid #fff;
  color: #fff;
  padding: 7px 8px 8px 8px;
  font-size: 12px;
  margin-right: 0;
  font-weight: 400;
}
.nav-worlds > li > a:hover {
  opacity: .8;
}
.nav-worlds > li:last-child > a {
  border-right: none;
}
.nav-worlds > li.personas > a {
  background-color: #98A7BC;
}
.nav-worlds > li.empresas > a {
  background-color: #acbfd4;
}
.nav-worlds > li.mundo > a {
  background-color: #c4d2e0;
}
.nav-worlds > li.active > a {
  background-color: #fff;
  color: #465459;
  border-width: 1;
  opacity: 1;
  margin-top: -1px;
}
.nav-location.nav {
  height: auto;
  min-height: 0;
  margin-right: 10px;
}
.nav-location.nav > li {
  font-size: 12px;
  font-weight: 600;
  padding-left: 5px;
}
.nav-location.nav > li > a {
  padding: 0 10px;
  font-size: 12px;
  font-weight: 600;
}
.nav-location.nav > li > a:hover,
.nav-location.nav > li > a:focus,
.nav-location.nav > li > a:active {
  background-color: transparent;
}
.nav-location.nav > li > a i.fa-caret-right,
.nav-location.nav > li > a span {
  margin-right: 5px;
  color: #02b0ef;
}
.nav-location.nav > li > a .caret {
  color: #02b0ef;
  margin-top: -1px;
}
.nav-location.nav .open .dropdown-menu {
  z-index: 1001;
  font-size: 12px;
  border: 3px solid #acbfd4;
}
.nav-location.nav .dropdown-toggle {
  display: inline-block;
}
.shortcuts-holder {
  position: relative;
}
.nav > li.login,
.nav > li.shop {
  position: static;
}
.breadcrumb {
  padding-top: 0;
  font-size: 12px;
  font-weight: 600;
  margin: 10px 0;
  display: inline-block;
}
.breadcrumb > li a {
  color: #a4a9ab;
  color: rgba(74, 83, 88, 0.5);
}
.breadcrumb > li + li:before {
  color: #a4a9ab;
  color: rgba(74, 83, 88, 0.5);
  font-size: 8px;
  content: "\f10d ";
  display: inline-block;
  font-family: TelcelFont;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
ul.nav-user-menu {
  position: relative;
}
ul.nav-user-menu .h4 {
  font-weight: 400;
}
ul.nav-user-menu > li {
  margin-bottom: 10px;
}
ul.nav-user-menu > li > ul > li {
  padding-left: 10px;
}
ul.nav-user-menu > li > ul > li:before {
  color: #00aff2;
  font-size: 14px;
  content: "\f10d";
  display: inline-block;
  font-family: TelcelFont;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  top: 1px;
  margin-left: -15px;
}
ul.nav-user-menu > li > ul > li a {
  color: #2b5264;
  font-size: 13px;
}
ul.nav-user-menu > li > ul > li.select a {
  color: #00aff2;
}
.super-tabs-holder,
.tabs-lg-holder {
  background-image: url(../img/layout/bg_supertabs.png);
  background-repeat: repeat-x;
  background-position: bottom left;
  margin-top: 40px;
}
@media (max-width: 767px) {
  .super-tabs-holder,
  .tabs-lg-holder {
    display: none;
  }
}
.tabs-in-panel .tabs-lg-holder {
  background-image: none;
  border-bottom: 3px solid #E4EEF2;
}
.tabs-in-panel .tabs-lg-holder > .container-fluid {
  margin-bottom: -3px;
}
.home .super-tabs-holder {
  margin-top: 80px;
}
.nav-super-tabs li,
.nav-tabs-lg li {
  padding-right: 3px;
}
.nav-super-tabs li:last-child,
.nav-tabs-lg li:last-child {
  padding-left: 0;
  border-right: none;
  padding-right: 15px;
}
.nav-super-tabs li:first-child a,
.nav-tabs-lg li:first-child a {
  border-left: none;
  padding-left: 15px;
}
.nav-super-tabs li a,
.nav-tabs-lg li a {
  padding: 10px;
  text-align: center;
  padding-top: 15px;
  border: 5px solid #009ED6;
  border-top: none;
  background-color: #02b0ef;
}
.nav-super-tabs li a:hover,
.nav-tabs-lg li a:hover,
.nav-super-tabs li a:focus,
.nav-tabs-lg li a:focus {
  background-color: #37B7F5;
}
.nav-super-tabs li.active a,
.nav-tabs-lg li.active a,
.nav-super-tabs li.r-tabs-state-active a,
.nav-tabs-lg li.r-tabs-state-active a,
.nav-super-tabs li.st_li_active a,
.nav-tabs-lg li.st_li_active a {
  border: 5px solid #E4EEF2;
  background-color: #fff;
  border-bottom: none;
  padding: 10px 10px 15px 10px;
}
.nav-tabs-lg li {
  padding-left: 0;
}
.nav-tabs-lg li a {
  padding-top: 10px;
  border: none;
  border-bottom: 3px solid #009ED6;
  height: 80px;
  position: relative;
  display: block;
}
.nav-tabs-lg li a h2 {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  margin: 0;
  line-height: normal;
  font-weight: 600;
  color: #fff;
  margin-bottom: 0;
}
.nav-tabs-lg li.active a,
.nav-tabs-lg li.st_li_active a,
.nav-tabs-lg li.r-tabs-state-active a {
  padding: 5px 10px 13px 10px;
}
.nav-tabs-lg li.new_number a {
  border-bottom-color: transparent;
  background-color: transparent;
}
.nav-tabs-lg li.new_number a:hover {
  opacity: .7;
  background-color: transparent;
}
.nav-tabs-lg li.new_number a h2 {
  color: #02b0ef;
}
.nav-tabs-lg li.new_number.st_li_active a:hover {
  background-color: #ffffff;
  opacity: 1;
}
.tabs-in-panel .nav-tabs-lg li.active a,
.tabs-in-panel .nav-tabs-lg li.st_li_active a,
.tabs-in-panel .nav-tabs-lg li.r-tabs-state-active a {
  padding: 12px 10px 11px 10px;
  border-bottom: none;
}
.tabs-in-panel .nav-tabs-lg li a {
  padding: 5px;
  padding-top: 10px;
  border: 3px solid #abb5ce;
  border-bottom: 3px solid #abb5ce;
  border-top: none;
  background-color: #b5c4d8;
  height: 45px;
}
.tabs-in-panel .nav-tabs-lg li.active a,
.tabs-in-panel .nav-super-tabs li.active a,
.tabs-in-panel .nav-tabs-lg li.st_li_active a,
.tabs-in-panel .nav-super-tabs li.st_li_active a,
.tabs-in-panel .nav-tabs-lg li.r-tabs-state-active a,
.tabs-in-panel .nav-super-tabs li.r-tabs-state-active a {
  border: 3px solid #E4EEF2;
  padding: 10px 10px 15px 10px;
}
.tabs-in-panel .tab-pane > h3 {
  margin-top: 20px;
  margin-bottom: 20px!important;
  font-size: 24px;
  font-weight: 400;
}
.tabs-in-panel .nav-tabs-lg li h2 {
  font-size: 16px;
}
.tabs-in-panel .tabsToselect-xs {
  height: 45px;
}
.nav-super-tabs li.active .tagline,
.nav-super-tabs li.r-tabs-state-active .tagline {
  color: #000;
}
.nav-super-tabs li.active h2,
.nav-super-tabs li.st_li_active h2,
.nav-super-tabs li.r-tabs-state-active h2 {
  color: #02B0EF;
}
.nav-super-tabs li.active h2 small,
.nav-super-tabs li.st_li_active h2 small,
.nav-super-tabs li.r-tabs-state-active h2 small {
  color: #666666;
}
.nav-super-tabs li .tagline {
  color: #fff;
  font-size: 16px;
}
.nav-super-tabs li .tagline strong {
  font-weight: 600;
  font-size: 35px;
}
.nav-super-tabs li h2 {
  font-weight: 600;
  color: #fff;
  margin-bottom: 0;
}
.nav-super-tabs li h2 small {
  color: #b4e7fa;
  margin-top: 5px;
  color: rgba(255, 255, 255, 0.7);
}
.nav-tabs-lg li h2 {
  font-size: 18px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.nav-tabs-lg li h2 small {
  color: #fff;
  font-size: 16px;
}
.nav-tabs-lg li.active h2,
.nav-tabs-lg li.st_li_active h2,
.nav-tabs-lg li.r-tabs-state-active h2 {
  color: #000;
}
.nav-tabs-lg li.st_li_active h2 small {
  color: #666666;
}
.super-tabs-panels .tab-pane > h3 {
  margin-top: 80px;
  font-size: 30px;
}
.special-tabs-holder {
  background-color: #e4eef2;
  padding: 0;
  text-align: center;
  margin-bottom: 50px;
}
.nav.nav-special-tabs > li > a:hover,
.nav.nav-special-tabs > li > a:focus {
  opacity: .6;
  background-color: transparent;
}
.nav-special-tabs > li > a,
.nav-special-tabs > li > a > * {
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.nav-special-tabs > li > a {
  padding: 20px 0;
  display: block;
}
.nav-special-tabs > li > a > i,
.nav-special-tabs > li > a > h2 {
  color: #95a2a5;
}
.nav-special-tabs > li > a i {
  font-size: 36px;
}
.nav-special-tabs > li > a h2 {
  margin-top: 0;
  font-size: 24px;
  font-weight: 600;
}
.nav-special-tabs > li > a h2 small {
  font-size: 70%;
  font-weight: 300;
  max-width: 260px;
  margin: 0 auto;
}
.nav-special-tabs > li.active > a > i,
.nav-special-tabs > li.active > a > h2 {
  color: #ff5b00;
}
.nav-special-tabs > li.active > a > h2 small {
  color: #465459;
}
.nav-special-tabs > li.active:after {
  font-family: 'TelcelFont';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\f10b';
  font-size: 72px;
  position: absolute;
  bottom: -44px;
  left: 50%;
  margin-left: -36px;
  display: block;
  color: #e4eef2;
}
.lg-tabs {
  margin-bottom: 30px;
}
.lg-tabs .tab-pane h1:first-of-type,
.lg-tabs .tab-pane h2.content-title:first-of-type {
  margin-top: 40px;
}
@media (max-width: 767px) {

  .lg-tabs .tab-pane h1:first-of-type,
  .lg-tabs .tab-pane h2.content-title:first-of-type {
    margin-top: 0;
  }
}
.lg-tabs.login-tabs > .st_tabs > .st_tabs_wrap > ul > li {
  padding-right: 0;
}
.lg-tabs.login-tabs > .st_tabs > .st_tabs_wrap > ul > li > a {
  text-align: center;
  padding: 10px;
}
.lg-tabs.login-tabs > .st_views {
  padding: 0 10px!important;
}
.lg-tabs.login-tabs > .st_views > .st_view {
  padding: 0 20px;
  border: 5px solid #E4EEF2;
  border-top: 0;
}
.login-tabs {
  margin: 0 10px;
}
.login-tabs .tab-pane {
  padding: 0 20px;
  border: 5px solid #E4EEF2;
  border-top: 0;
}
.tabsToselect-xs {
  text-align: center;
  height: 50px;
}
.tabsToselect-xs > ul.open {
  overflow: visible;
  height: auto;
  border: 1px solid #B8B8B8;
  margin-top: -2px;
  padding-top: 2px;
  border-top: none;
}
.tabsToselect-xs > ul.open li {
  margin: 0;
  display: block;
  float: none;
  width: 100%;
  padding-right: 0;
  border-bottom: 1px solid #fff;
}
.tabsToselect-xs > ul.open li:last-child {
  border-bottom: none;
}
.tabsToselect-xs > ul.open li a,
.tabsToselect-xs > ul.open li button {
  border: none;
  border-bottom: 1px solid #b8b8b8;
  border-radius: 0;
  text-align: left;
}
.tabsToselect-xs > ul.open li a:last-child,
.tabsToselect-xs > ul.open li button:last-child {
  border: none;
  border-bottom: none;
}
.nav-pills-open {
  border: 1px solid #b8b8b8;
  border-radius: 4px;
  font-size: 20px;
  font-weight: 100;
  padding: 10px;
  text-align: left;
  background-color: #ffffff;
}
.nav-pills-open i {
  font-size: 30px;
}
.nav-pills-open.active i {
  font-size: 30px;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  transform: rotate(180deg);
}
.shortcuts .nav ul {
  margin-bottom: 0px;
}
.shortcuts .nav ul li.shortcut a.inner {
  padding: 40px 20px;
  border: 1px solid #E4EEF2;
  background-color: #fff;
  display: block;
  cursor: pointer;
}
.shortcuts .nav ul li.shortcut a.inner:hover {
  opacity: 0.8;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  text-decoration: none;
}
.shortcuts .nav ul li.shortcut a.inner img {
  height: 53px;
}
.shortcuts .nav ul li.shortcut a.inner i {
  font-size: 53px;
  max-height: 53px;
}
.shortcuts .nav ul li.shortcut a.inner i + p {
  margin-top: 8px;
}
.shortcuts .nav ul li.shortcut a.inner p {
  margin-bottom: 0;
  margin-top: 10px;
  font-size: 20px;
}
@media (min-width: 768px) {
  .nav-shortcuts {
    z-index: 21;
    margin-top: 0;
    float: right;
    position: absolute;
    right: 0;
    background-color: #606b75;
    background-color: rgba(96, 107, 117, 0.85);
    -webkit-transition: height 0.5s ease-in-out;
    -moz-transition: height 0.5s ease-in-out;
    transition: height 0.5s ease-in-out;
  }
  .nav-shortcuts > li > a {
    padding: 10px 15px;
    color: #fff;
    font-weight: 400;
    font-size: 13px;
    border: 1px solid #676767;
    border-bottom: none;
    display: block;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.5);
    min-width: 170px;
  }
  .nav-shortcuts > li > a i {
    margin-right: 5px;
    font-size: 22px;
    position: relative;
    top: 2px;
    margin-bottom: -2px;
  }
  .nav-shortcuts > li:last-child a {
    border-bottom: 1px solid #676767;
  }
}
/*.make-grid-columns();*/
/*
@media (min-width: @screen-sm-min) {
    .make-grid(xs);
}
*/
/*Lists in wysiwig*/
.list-unstyled ul {
  list-style: none;
  padding-left: 0;
}
.list-inline > ul {
  padding-left: 0;
  list-style: none;
  margin-left: -5px;
}
.list-inline > ul > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}
.guias > h2,
.guias > h2 {
  margin-bottom: 40px;
}
.phone-help ul {
  margin: 15px 0;
}
.phone-help ul li {
  padding-bottom: 20px;
}
.phone-help ul li img {
  margin-right: 10px;
}
.phone-help ul li:last-child {
  margin-bottom: 0;
}
.list-guias {
  margin-top: 50px;
}
.list-guias i {
  font-size: 50px;
  color: #E4EEF2;
}
.list-guias .media-body {
  position: relative;
}
.list-guias .media-body h3 {
  font-weight: 400;
  line-height: normal;
  margin-top: -5px;
  margin-bottom: 0;
}
@media (max-width: 479px) {


  #cardsadmin .table-responsive{
    clear: both;
  }

  #cardsadmin .table-responsive h2{
    margin-top: 10px;
    padding: 0px 15px !important;    
  }

  #cardsadmin .table-responsive thead tr th{
    white-space: normal;
    text-align: center;
    font-size: 12px;
  }



  .list-guias .media-body h3 {
    font-size: 16px;
  }
}
.list-guias .media-body p {
  font-size: 18px;
  color: #666;
  float: left;
}
@media (max-width: 479px) {
  .list-guias .media-body p {
    font-size: 14px;
  }
}
.list-guias .media-body a {
  position: absolute;
  top: 0;
  right: 0;
}
.bg-light-grey .list-guias i {
  color: #bec6c9;
}
.list-tick {
  list-style: none;
  padding-left: 0!important;
}
.list-tick li {
  font-size: 16px;
  padding-left: 20px;
  display: block;
  position: relative;
  margin-bottom: 10px;
  color: #666666;
  font-weight: 400;
}
.list-tick li:before {
  left: -5px;
  display: inline-block;
  font-family: TelcelFont;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\f00f';
  position: absolute;
  color: #999;
  font-size: 24px;
}
.list-centered {
  text-align: center;
}
.list-centered li {
  display: inline-block;
  float: none;
  text-align: left;
}
.list-circle-number {
  list-style: none;
  padding-left: 0;
}
.list-circle-number > li,
.list-circle-number > ul > li,
.list-circle-steps li {
  font-size: 16px;
  color: #999;
}
.big-banner ul.list-circle-number {
  padding-left: 0px;
}
.list-circle-steps li {
  margin-right: 40px;
}
@media (max-width: 767px) {


  #cardsadmin .table-responsive{
    clear: both;
  }

  #cardsadmin .table-responsive h2{
    margin-top: 10px;
    padding: 0px 15px !important;    
  }

  #cardsadmin .table-responsive thead tr th{
    white-space: normal;
    text-align: center;
    font-size: 12px;
  }



  .list-circle-steps li {
    margin-right: 0;
    display: none;
  }
  .list-circle-steps li.active {
    display: block;
  }
}
.list-circle-number > li,
.list-circle-number > ul > li,
.list-circle-number > div > li,
.list-circle-number > ul > div > li {
  padding-left: 75px;
  min-height: 70px;
  margin-bottom: 15px;
  vertical-align: middle;
  font-weight: 100;
}
.list-circle-number > li .h4,
.list-circle-number > div > li .h4,
.list-circle-number > ul > li .h4,
.list-circle-number > ul > div > li .h4 {
  font-size: 18px;
  font-weight: 600;
  position: relative;
  top: 13px;
  margin-bottom: 20px;
}
.list-circle-steps li:last-child {
  margin-right: 0;
}
.list-circle-steps li.active,
.list-circle-number > div > li,
.list-circle-number > li,
.list-circle-number > ul > div > li,
.list-circle-number > ul > li {
  color: #000;
}
.list-circle-steps {
  margin: 40px 0;
}
.list-circle-number > li > span,
.list-circle-steps span,
span.circle-num {
  border-radius: 50%;
  display: inline-block;
  width: 44px;
  height: 44px;
  background-color: #E4EEF2;
  color: #fff;
  font-size: 24px;
  text-align: center;
  line-height: 40px;
  margin-right: 15px;
  position: relative;
  top: 2px;
}
.list-circle-number > li > span,
.list-circle-steps li.active span,
span.circle-num {
  color: #000;
  border: 4px solid #ACBFD4;
  width: 52px;
  height: 52px;
  background-color: transparent;
}
span.circle-num {
  margin-right: 0;
}
.list-circle-number > li > span {
  margin-left: -75px;
  float: left;
  font-weight: 600;
}
.list-icon-left {
  margin-bottom: 13px;
}
.list-icon-left li {
  text-align: left;
  color: #666666;
  border-bottom: 1px solid #f2f7f9;
  padding: 21px 0 20px 65px;
}
.list-icon-left li:first-child {
  padding-top: 0;
}
.list-icon-left li i {
  color: #c7cccd;
  font-size: 50px;
  margin-left: -65px;
  float: left;
}
.list-icon-left li h4 {
  font-weight: 600;
  margin-bottom: 0;
  margin-top: 0;
  font-size: 22px;
  color: #000;
}
.list-quest > li {
  padding-left: 30px;
  margin-bottom: 10px;
}
.list-quest > li > span {
  border-radius: 50%;
  background-color: #00aff2;
  color: #ffffff;
  text-align: center;
  display: inline-block;
}
.list-quest > li:last-child {
  margin-bottom: 0;
}
.list-quest.small-circle > li > span {
  width: 20px;
  height: 20px;
  margin-left: -26px;
  position: relative;
  top: 3px;
  float: left;
}
.list-quest.small-circle > li > strong {
  font-weight: 600;
}
@media (max-width: 767px) {
  .account-functions .quest-list .top-push {
    margin-top: 30px!important;
  }
  .account-functions .quest-list .top-push .list-quest {
    padding: 0 20px;
  }
}
.list-legends {
  margin-top: 20px;
}
.list-legends li {
  padding-left: 15px;
}
.list-legends li:before {
  width: 10px;
  height: 10px;
  display: block;
  content: '';
  float: left;
  margin-left: -15px;
  position: relative;
  top: 5px;
}
.list-legends li.legend-internet:before {
  background-color: #FF5900;
}
.list-legends li.legend-wap:before {
  background-color: #75d6c6;
}
.list-legends li.legend-social:before {
  background-color: #02B0EF;
}
.list-servicios {
  margin-top: 40px;
}
.list-servicios > li {
  border-top: 1px solid #ecedee;
  padding-top: 30px;
  margin-top: 20px;
}
.list-servicios > li h3 {
  font-size: 16px;
  font-weight: 600;
}
.list-servicios > li h3 .btn-quest {
  margin-left: 10px;
}
.list-servicios > li p {
  margin-bottom: 0px;
}
.list-servicios > li .btn-simple {
  font-weight: 600;
}
.list-servicios > li .mini-panel {
  margin-top: 10px;
  background-color: #f2f7f9;
  padding: 40px 30px 30px 30px;
  position: relative;
  min-height: 200px;
  margin-bottom: 30px;
}
.list-servicios > li .mini-panel h1 {
  margin-top: 0;
}
.list-servicios > li .mini-panel:before {
  border-top: 16px solid #fff;
  border-right: 16px solid transparent;
  border-left: 16px solid transparent;
  border-bottom: none;
  display: block;
  content: '';
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  left: 40px;
}
.list-servicios > li .mini-panel .btn-close-modal {
  font-size: 23px;
  color: #02b0ef;
}
.list-icon-large.list-icon-gray {
  font-size: 18px;
}
.list-icon-large.list-icon-gray li {
  padding-left: 50px;
  margin-bottom: 20px;
}
.list-icon-large.list-icon-gray li i {
  color: #b3b6ba;
  position: relative;
  top: -8px;
  float: left;
  margin-left: -50px;
}
.list-temas h4 {
  font-weight: bold;
}
.list-temas li a {
  padding: 0 10px;
  position: relative;
}
.list-temas li a:after {
  width: 1px;
  height: 20px;
  background-color: #02b0ef;
  content: '';
  display: block;
  position: absolute;
  right: -8px;
  top: 3px;
}
@media (max-width: 767px) {
  .list-temas li a:after {
    /*display: none;*/
  }
}
.list-temas li:last-child a:after {
  display: none;
}
.list-editable {
  margin-bottom: 0;
}
.list-editable li {
  border-bottom: 1px solid #f2f7f9;
  padding: 12px;
}
.list-editable li:last-child {
  border-bottom: none;
}
.list-editable li span {
  font-weight: 600;
  font-size: 15px;
  display: inline-block;
  margin: 0 10px;
}
.list-editable li span.num {
  width: 15px;
}
.list-editable li span.edit {
  cursor: pointer;
}
.list-editable li .icon-Pen {
  font-size: 22px;
  color: #00aff2;
  margin: 0 5px 0 0;
  position: relative;
  top: 3px;
}
.list-line {
  margin-top: 20px;
}
.list-line li {
  border-bottom: 1px solid rgba(185, 200, 216, 0.5);
  padding-bottom: 15px;
  margin-bottom: 15px;
}
.list-line li:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
/*Footer*/
.main-footer {
  padding: 20px 0;
}
.navbar-footer .navbar-brand {
  margin-right: 20px;
}
.footer .navbar-btn {
  margin-top: 20px;
}
.navbar-social {
  margin: 15px 0;
}
.navbar-social .nav > li {
  float: left;
  margin-right: 10px;
}
.navbar-social .nav > li:last-child {
  margin-right: 0px;
}
.navbar-social .nav > li:first-child span {
  display: block;
  color: #9da7a9;
  margin-top: 8px;
  font-size: 16px;
}
.navbar-social .nav > li > a {
  padding: 0;
  overflow: hidden;
  height: 40px;
}
.navbar-social .nav > li > a:hover,
.navbar-social .nav > li > a:focus {
  background-color: transparent;
  opacity: .8;
}
.navbar-social .nav > li > a i {
  color: #6c787a;
  color: rgba(255, 255, 255, 0.2);
  overflow: hidden;
  font-size: 40px;
  padding: 0;
  text-align: center;
}
.navbar-social .nav > li > a i.icon-HolaTelcel {
  font-size: 120px;
  line-height: 42px;
}
.footer-nav > nav > .clearfix {
  padding-bottom: 20px;
  margin-bottom: 15px;
  border-bottom: 1px solid #6c787a;
}
.footer-nav .nav-main.nav > li > a {
  color: #fff;
  padding: 20px 10px;
}
.footer-nav .nav-main.nav > li > a:hover {
  background-color: transparent;
  opacity: .8;
}
.footer-nav .navbar-form {
  width: 210px;
}
.footer-nav .input-group .form-control,
.sidr form .input-group .form-control {
  background-color: #475659;
  border-color: #6c787a;
  color: #7F898B;
  border-right: none;
}
.footer .nav > li > a.xs-link {
  color: #ccc;
}
.footer .nav > li > a.xs-link:hover,
.footer .nav > li > a.xs-link:focus {
  background-color: transparent;
  text-decoration: underline;
}
.footer .visible-xs > ul {
  padding: 0 30px;
}
.sidr form .input-group .form-control {
  margin-bottom: 0;
  background-color: #fff;
}
.footer-nav .form-control:focus {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(120, 120, 120, 0.6);
  border-color: #6c787a;
}
.footer-nav .btn-primary,
.sidr form .btn-primary {
  background-color: transparent;
  color: #7F898B;
  border-color: #6c787a;
  border-left: none;
  height: 35px;
}
.footer-nav .btn-primary:hover,
.sidr form .btn-primary:hover {
  opacity: .8;
}
.footer .metanav {
  padding-top: 10px;
  font-size: 13px;
  margin-bottom: 50px;
}
.footer .metanav,
.footer .metanav a {
  color: #465359;
}
.footer .nav-main-bar {
  z-index: 1;
  top: 5px;
}
.footer .input-group .form-control {
  height: 35px;
}
.txt-all {
  padding-top: 20px;
}
.form-group + .btn {
  line-height: 1.75;
  margin-top: -1px;
}
.modal-width-auto {         
  width: auto!important;  
}
.js-credit-card-data .icon-Close {
  color: #999;
}
.form-group + .btn-sm {
  line-height: 1.42857;
  margin-top: 0;
}
label.text-center {
  display: block;
}
.list-checkboxes {
  margin-top: 10px;
  margin-bottom: 0;
}
.list-checkboxes li {
  overflow: hidden;
  display: block;
  padding: 20px 0;
  border-bottom: 1px solid #f2f7f9;
}
.list-checkboxes li:last-child {
  border-bottom: none;
  padding-bottom: 6px;
}
.list-checkboxes li label {
  display: none;
}
.list-checkboxes li .label {
  padding: 0 10px 0 0;
  color: #666666;
}
.list-checkboxes li .label a {
  margin-left: 0;
  margin-right: 5px;
}
.list-checkboxes li .prettycheckbox {
  float: right;
}
.form-asociate .prettyradio label {
  margin-left: 10px;
  margin-top: 2px;
  max-width: 250px;
}
.form-asociate .prettyradio label strong {
  display: block;
  margin-top: 5px;
}
.prettycheckbox.icon-planselected {
  width: 100%;
  text-align: center;
}
.prettycheckbox.icon-planselected > a {
  border: none;
  width: 100%;
  height: auto;
  padding: 20px 0;
  font-size: 65px;
  background-color: #f2f7f9;
  color: #b3b6ba;
  float: none;
}
.prettycheckbox.icon-planselected > a:hover,
.prettycheckbox.icon-planselected > a:focus {
  text-decoration: none;
}
.prettycheckbox.icon-planselected > a.checked {
  background-color: #ffffff;
  color: #00aff2;
}
.prettycheckbox.icon-planselected > a.checked:after {
  display: none;
}
.prettycheckbox.icon-planselected > a + label {
  color: #000;
  margin-top: 10px;
}
.prettycheckbox.icon-planselected label {
  clear: both;
  float: none;
  display: block;
  text-align: center;
  font-size: 16px;
  font-weight: 100;
  color: #000;
  font-family: 'Source Sans Pro';
}
.prettycheckbox.icon-planselected label strong {
  font-weight: 600;
}
.form-group[class*=" icon_"] {
  position: relative;
  font-family: 'TelcelFont';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  font-size: 20px;
  color: #000;
}
.form-group[class*=" icon_"] .form-control {
  padding-left: 35px;
  font-family: "Source Sans Pro";
}
.form-group[class*=" icon_"]:after {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 2;
}
.form-group[class*=" icon_"].icon_search:after {
  content: '\f302';
}
.form-intable {
  max-width: 100%;
}
.form-intable input {
  max-width: 100%!important;
  display: block;
  width: 100%;
  padding: 5px 10px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #465359;
  border: 1px solid #dbe5e7;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.form-intable input:focus {
  border-color: #02b0e9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(2, 176, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(2, 176, 233, 0.6);
}
.form-control.blue-border {
  border-color: #00aff2;
  color: #00aff2;
}
.form-control.blue-border::-moz-placeholder {
  color: #00aff2;
  font-style: italic;
}
.form-control.blue-border:-ms-input-placeholder {
  color: #00aff2;
  font-style: italic;
}
.form-control.blue-border::-webkit-input-placeholder {
  color: #00aff2;
  font-style: italic;
}
.form-group.with-right-icon:after {
  color: #00aff2;
  display: block;
  float: right;
  font-family: "TelcelFont";
  font-size: 36px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  height: 36px;
  line-height: 1;
  margin-top: -42px;
  margin-right: 5px;
  position: relative;
  text-transform: none;
  width: 36px;
  z-index: 1;
}
.form-group.with-right-icon.i-search:after {
  content: "\f302";
}
.form-internet .section:first-child {
  margin-top: 0;
}
.form-internet .section {
  margin: 50px 0;
}
.form-internet .section.dispositivos {
  padding-bottom: 50px;
  border-bottom: 2px solid #F2F7F9;
}
@media (max-width: 479px) {
  .form-internet .section.dispositivos {
    padding-bottom: 30px;
  }
}
.form-internet h1 {
  margin-bottom: 40px;
}
.form-internet .form-group + .form-group .prettycheckbox {
  margin-top: 8px;
}
.form-increment {
  position: relative;
}
.form-increment .input-group {
  max-width: 235px;
  margin: 0 auto;
  margin-bottom: 15px;
}
.form-increment .input-group .input-group-btn {
  width: 48px;
  height: 48px;
}
.form-increment .input-group .input-group-btn button {
  width: 100%;
  height: 100%;
  font-size: 24px;
  line-height: 26px;
  height: 46px;
}
.form-increment .input-group .form-control {
  max-width: 110px;
  font-size: 24px;
  display: inline-block;
  margin: 0 15px;
}
.header-user {
  margin: 20px auto 40px auto;
  position: relative;
  z-index: 100;
}
@media (max-width: 767px) {
  .header-user {
    margin-bottom: 0px;
  }
}
.header-user .img-circle {
  overflow: hidden;
  width: 54px;
  height: 54px;
  margin-right: 20px;
}
@media (max-width: 479px) {
  .header-user .img-circle {
    height: 30px;
    width: 30px;
  }
}
.header-user .h2 {
  line-height: 54px;
  margin: 0;
}
@media (max-width: 479px) {
  .header-user .h2 {
    line-height: 30px;
    font-size: 20px;
  }
}
.header-user .input-holder {
  width: 300px;
}
.header-user .input-holder:after {
  display: block;
  width: 36px;
  height: 36px;
  font-size: 36px;
  color: #00aff2;
  content: "\f103";
  font-family: 'TelcelFont';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  float: right;
  margin-top: -40px;
  position: relative;
  z-index: 1;
}
.header-user .input-holder.active:after {
  display: none;
}
.header-user .input-holder .usermenu-input {
  margin-left: 20px;
  border: 2px solid ;
  height: 44px;
  font-size: 18px;
  color: #00aff2;
  width: 280px;
  font-style: italic;
  padding: 8px 10px;
  margin-top: 8px;
}
.header-user .user-data {
  position: relative;
  z-index: 2;
}
.header-user .user-menu-holder {
  display: none;
  margin: 0 10px;
  position: absolute;
  top: -15px;
  z-index: 1;
  left: -20px;
  right: -20px;
  box-sizing: content-box;
}
@media (max-width: 1300px) {
  .header-user .user-menu-holder {
    left: -10px;
    right: -10px;
  }
}
.header-user .user-menu-holder .inner {
  background-color: #ffffff;
  padding: 81px 20px 30px 20px;
  border: 4px solid #acbfd4;
  margin: 0 4px;
}
/*Account functions*/
.account-functions {
  margin: 30px auto;
  overflow: hidden;
  border: 2px solid #f2f7f9;
  padding-bottom: 20px;
}
.account-functions.alerts {
  margin-bottom: 0;
}
.account-functions.alerts .saldo {
  background-color: #f2f7f9;
}
@media (min-width: 768px) {
  .account-functions.alerts .saldo {
    margin-bottom: -200px;
    padding-bottom: 200px;
  }
}
.account-functions.alerts .advice .inner {
  padding: 18px;
}
.account-functions.alerts .advice .inner h2 {
  font-size: 30px;
  font-weight: bold;
}
.account-functions h3:first-child {
  margin-top: 0;
  font-weight: 400;
}
.account-functions .inner {
  padding: 30px 20px 30px;
}
@media (min-width: 768px) {
  .account-functions .inner {
    margin-bottom: -200px;
    padding-bottom: 200px;
  }
}
.account-functions .saldo .inner {
  background-color: #f2f7f9;
}
.account-functions .saldo .inner .total-saldo {
  background-color: #ffffff;
  padding: 10px 20px;
  text-align: center;
  font-weight: 600;
  color: #000;
  font-size: 40px;
  margin: 20px 0;
}
.account-functions .saldo .inner dl {
  font-size: 14px;
}
.account-functions .saldo .inner dl dt {
  text-align: left;
  width: 120px;
  clear: left;
  float: left;
}
.account-functions .saldo .inner dl dd {
  margin-left: 120px;
}
.account-functions .saldo .inner .icon-Alert2 {
  font-size: 60px;
  color: #de1781;
}
.account-functions .saldo .inner .alert .h6 {
  color: #de1781;
}
.account-functions .internet .inner,
.account-functions .account-data .inner {
  border-left: 2px solid #f2f7f9;
}
.account-functions .internet.col-sm-8 .inner,
.account-functions .account-data.col-sm-8 .inner {
  border-left: 0;
  padding-left: 5px;
}
.account-functions .internet .footer,
.account-functions .account-data .footer {
  padding: 16px;
  margin-bottom: -23px;
}
.account-functions .internet h3,
.account-functions .account-data h3 {
  position: relative;
  border-bottom: 2px solid #f2f7f9;
  padding-bottom: 10px;
  margin-bottom: 20px;
}
.account-functions .internet h3 small,
.account-functions .account-data h3 small {
  color: #666;
}
.account-functions .internet h3 strong,
.account-functions .account-data h3 strong {
  font-weight: 600;
}
.account-functions .internet h3.h3_icon,
.account-functions .account-data h3.h3_icon {
  padding-left: 44px;
}
.account-functions .internet h3.h3_icon i,
.account-functions .account-data h3.h3_icon i {
  font-size: 36px;
  color: #c7cccd;
  position: absolute;
  top: -5px;
  left: 0;
}
.account-functions .internet.account-data h3,
.account-functions .account-data.account-data h3 {
  margin-bottom: 0;
}
.account-functions .internet.account-data .data,
.account-functions .account-data.account-data .data {
  font-weight: 600;
  font-size: 15px;
  padding: 5px 0;
}
.account-functions .internet.account-data .data strong,
.account-functions .account-data.account-data .data strong {
  display: block;
  color: #000;
  font-weight: 600;
}
.account-functions .internet h4.h5,
.account-functions .account-data h4.h5 {
  font-weight: 600;
}
.account-functions .internet .row,
.account-functions .account-data .row {
  min-height: 90px;
  margin-bottom: 26px;
  margin-top: 26px;
}
.account-functions .internet .row.no-margin,
.account-functions .account-data .row.no-margin {
  margin-bottom: 5px;
  margin-top: 5px;
}
.account-functions .internet .percent,
.account-functions .account-data .percent {
  background-color: #ffffff;
  border-radius: 50%;
  height: 65px;
  margin-left: 14px;
  margin-top: -84px;
  overflow: hidden;
  position: relative;
  width: 65px;
  color: #c7cccd;
  font-weight: 600;
  text-align: center;
  line-height: .1;
  font-size: 12px;
}
.account-functions .internet .percent span,
.account-functions .account-data .percent span {
  display: inline-block;
  font-size: 25px;
  line-height: 25px;
  margin-top: 10px;
}
.account-functions .internet .percent span small,
.account-functions .account-data .percent span small {
  font-size: 60%;
}
.account-functions .internet .data p,
.account-functions .account-data .data p {
  margin-top: 10px;
  margin-bottom: 5px;
}
.account-functions .internet .data strong,
.account-functions .account-data .data strong {
  color: #00aff2;
}
.account-functions .internet-activate {
  text-align: center;
}
.account-functions .internet-activate .inner {
  border-left: 2px solid #f2f7f9;
}
.account-functions .internet-activate i {
  font-size: 70px;
  color: #02b0ef;
}
.account-functions .internet-activate h3 strong {
  display: block;
}
.account-functions .form-payment .inner {
  background-color: #f2f7f9;
  margin-bottom: -170px;
  padding-bottom: 170px;
  position: relative;
}
@media (max-width: 767px) {
  .account-functions .form-payment .inner {
    margin-bottom: 0;
    padding-bottom: 20px;
  }
}
.account-functions .form-payment .inner.bg-white {
  background-color: #ffffff;
}
.account-functions .form-payment .inner h3 {
  font-size: 24px;
  margin-bottom: 10px;
}
.account-functions .form-payment .inner h3 strong {
  font-size: 20px;
  font-weight: 600;
  display: inline-block;
}
.account-functions .form-payment .inner h3 small {
  font-size: 14px;
  font-weight: 600;
  color: #666666;
}
.account-functions .form-payment .inner .col-sm-7 {
  padding-left: 3px;
}
.account-functions .form-payment .inner .col-sm-7 .prettyradio a {
  margin-top: 2px;
}
.account-functions .form-payment.bg-white .inner {
  background-color: #fff;
}
.account-functions .form-payment .list-payments li {
  border-top: 2px solid #ecedee;
  padding: 14px 0;
}
.account-functions .form-payment .list-payments li.no-border {
  border-top: none;
  padding-top: 0;
}
.account-functions .form-payment .list-payments li label,
.account-functions .form-payment .list-payments li span {
  position: relative;
  top: 3px;
  font-size: 14px;
}
.account-functions .form-payment .list-payments li label strong,
.account-functions .form-payment .list-payments li span strong {
  display: block;
}
.account-functions .form-payment .list-payments li span {
  top: 0;
}
.account-functions .form-payment .list-payments li .amount {
  font-weight: 600;
  padding: 5px;
}
.account-functions .form-payment .list-payments li .form-group {
  margin-top: -15px;
}
.account-functions .form-payment .list-payments li.totals {
  font-size: 20px;
  font-weight: 600;
  padding: 20px 0;
  border-top-width: 4px;
}
.functions li {
  border-bottom: 2px solid #f2f7f9;
  padding: 20px 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 36px;
}
.functions li a {
  position: relative;
  padding-left: 35px;
}
.functions li a i {
  font-size: 30px;
  color: #c7cccd;
  margin-right: 10px;
  position: absolute;
  top: -10px;
  line-height: 30px;
  left: 0;
}
.functions li:first-child {
  padding-top: 0;
}
.functions li:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
.functions.icon_blue li a i {
  color: #00aff2;
}
.module-numadmin {
  padding: 20px 0px;
}
@media (max-width: 767px) {
  .module-numadmin {
    padding-bottom: 30px;
  }
}
.module-numadmin i {
  color: #c7cccd;
  font-size: 52px;
  position: relative;
  top: 6px;
  float: left;
  margin-left: -60px;
}
.module-numadmin h3 {
  margin: 0;
  padding-left: 60px;
  line-height: 1.3;
  display: inline-block;
}
.module-numadmin h3 strong {
  display: block;
}
.module-numadmin .btn {
  margin-top: 10px;
}
/*Simple highlighted*/
.highlighted-block {
  padding: 60px 40px;
  margin-bottom: 30px;
  text-align: center;
}
.highlighted-block.lay-bottom {
  margin-bottom: 0;
}
.highlighted-block h1,
.highlighted-block h2,
.highlighted-block .h1,
.highlighted-block .h2 {
  margin-bottom: 20px;
}
.highlighted-block h1:first-child,
.highlighted-block h2:first-child,
.highlighted-block .h1:first-child,
.highlighted-block .h2:first-child {
  margin-top: 0;
}
.highlighted-block h1,
.highlighted-block h2,
.highlighted-block .h1,
.highlighted-block .h2,
.highlighted-block small,
.highlighted-block .list-features,
.highlighted-block .feature,
.highlighted-block p {
  color: #fff;
}
.highlighted-block p {
  font-size: 18px;
}
.highlighted-block p strong {
  font-weight: 600;
}
.highlighted-block small {
  font-size: 22px;
  font-weight: 400;
  margin: 0 30px;
}
.highlighted-block form {
  margin: 21px 0;
}
.highlighted-block.short {
  padding: 40px;
}
.highlighted-block.short p {
  font-size: 16px;
}
.highlighted-block.short a.btn-link {
  color: #0A3D7E;
  font-weight: 600;
  font-size: 16px;
}
@media (max-width: 479px) {
  .highlighted-block.big-button {
    padding: 20px;
    margin: 0 -15px;
  }
  .highlighted-block.big-button.bottom-push {
    margin-bottom: 40px;
  }
  .highlighted-block.big-button button {
    display: block;
    background-color: transparent;
    border: none;
    padding: 0 20px 0 0;
    margin: 0;
  }
  .highlighted-block.big-button button:focus,
  .highlighted-block.big-button button:active {
    border: none;
    padding: 0 20px 0 0;
    margin: 0;
  }
  .highlighted-block.big-button button h2,
  .highlighted-block.big-button button .h2 {
    font-size: 21px;
    position: relative;
    display: block;
    margin-bottom: 0;
  }
  .highlighted-block.big-button button h2 small,
  .highlighted-block.big-button button .h2 small {
    margin: 0 30px 0 0;
    font-size: 16px;
  }
  .highlighted-block.big-button button h2:after,
  .highlighted-block.big-button button .h2:after {
    position: absolute;
    right: -25px;
    top: 0px;
    display: block;
    width: 36px;
    height: 36px;
    font-size: 36px;
    color: #ffffff;
    content: "\f107";
    font-family: 'TelcelFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
}
.checkboxes-box .inner {
  padding: 20px;
  border: 2px solid #f2f7f9;
}
.checkboxes-box .inner h2 {
  margin-right: 10px;
  font-weight: 400;
}
.checkboxes-box .inner h2:first-child {
  margin-top: 0;
}
.phone-details .header {
  background-color: #475659;
  padding: 26px 20px;
  color: #ffffff;
  position: relative;
  overflow: hidden;
}
@media (max-width: 767px) {
  .phone-details .header {
    padding-left: 90px;
  }
  .phone-details .header img {
    max-width: 70px;
    float: left;
    margin-left: -80px;
  }
}
.phone-details .header a:hover {
  color: #118DD7;
}
.phone-details .header h2 {
  margin-top: 0;
  color: #ffffff;
  font-weight: 400;
  margin-bottom: 0;
}
.phone-details .header h2 small {
  color: #ffffff;
}
.phone-details .header:before {
  border: 18px solid transparent;
  border-left-color: #475659;
  border-right: none;
  position: absolute;
  top: 50%;
  margin-top: -18px;
  content: '';
  display: block;
  width: 0;
  right: -18px;
}
.phone-details .header.right {
  text-align: center;
}
.phone-details .header.right:before {
  border-right: 18px solid #475659;
  border-left: none;
  left: -18px;
  right: auto;
}
.phone-details .header.right small {
  font-size: 14px;
  color: #cbcfd1;
}
.phone-details .functions {
  background-color: #ffffff;
  padding: 30px 20px 20px 20px;
}
.phone-details .form-phonebanner {
  background-color: #ffffff;
  padding: 30px 40px;
}
@media (max-width: 767px) {
  .phone-details .header:before {
    display: none;
  }
}
.phone-help .inner {
  background-color: #ffffff;
  padding: 20px;
}
.phone-help .inner h2:first-child {
  margin-top: 0;
  font-weight: 400;
  margin-right: 40px;
}
.banner-paquetes ul.list-tick {
  margin: 20px 0;
}
.banner-paquetes .donwloadApp i {
  color: #bbb;
  font-size: 30px;
  margin-left: 20px;
  position: relative;
  top: 5px;
}
.bg-light-grey .expanded .arrow {
  border-bottom-color: #ffffff;
}
.bg-light-grey .expanded .inner {
  background-color: #ffffff;
}
.checkout-header {
  margin-bottom: 20px;
  padding-bottom: 25px;
}
.checkout-header .logo {
  background-image: url('../img/brand/logo_sprite.png');
  background-position: 0px 0px;
  display: inline-block;
  text-indent: -9999px;
  margin-top: 40px;
  width: 166px;
  height: 32px;
}
.checkout-header ul {
  margin-bottom: 0;
}
.checkout-header ul .feature {
  color: #0A3D7E;
  font-size: 12px;
  font-weight: 600;
  margin-top: 48px;
  text-transform: uppercase;
}
.checkout-header ul .feature.with-icon {
  position: relative;
  padding-left: 30px;
}
.checkout-header ul .feature.with-icon i {
  left: 0;
  top: -6px;
  font-size: 26px;
  position: absolute;
}
.checkout-counter > .wrapper-lines-circles {
  position: relative;
}
.checkout-counter > .wrapper-lines-circles > .lines {
  top: 21px;
  width: 100%;
  position: absolute;
  padding: 0 10px;
}
.checkout-counter > .wrapper-lines-circles > .lines .line {
  border-radius: 8px;
  border: 4px solid #e9ecef;
}
.checkout-counter > .wrapper-lines-circles > .circles {
  margin: 0;
  padding: 0;
}
.checkout-counter > .wrapper-lines-circles > .circles .wrapper-circle {
  width: 46px;
  height: 46px;
  margin: 0 auto;
  display: table;
  color: #acbfd4;
  border-radius: 50px;
  border: 6px solid #e9ecef;
  background-color: #fff;
}
.checkout-counter > .wrapper-lines-circles > .circles .wrapper-circle > .circle {
  width: 100%;
  height: 100%;
  font-weight: bold;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
}
.checkout-counter .description {
  color: #acbfd4;
  margin-top: 5px;
  text-align: center;
}
.checkout-counter .active {
  font-weight: bold;
  color: #000000 !important;
  border-color: #52cab5 !important;
}
.form-last-step.big-icon {
  text-align: center;
}
.form-last-step.big-icon h1 {
  line-height: 1.1;
  margin-top: 0;
}
.form-last-step.big-icon h1 > strong {
  color: #000;
}
.form-last-step i {
  margin: 0 auto;
  display: inline-block;
  font-size: 30px;
  margin-bottom: 10px;
}
.circulo-azul-points .inner {
  border: 3px solid #f2f7f9;
}
.circulo-azul-points .inner .header {
  background-color: #f2f7f9;
  padding: 20px 30px;
  text-align: center;
}
.circulo-azul-points .inner .header h3 {
  margin-top: 0;
  font-weight: 600;
}
.circulo-azul-points .inner .header h3 small {
  font-weight: 400;
}
.circulo-azul-points .inner .header h3 small strong {
  color: #000;
  font-weight: 600;
}
.circulo-azul-points .inner .header .available-poins {
  background-color: #ffffff;
  padding: 20px 0;
  font-family: telcelbold;
  font-size: 36px;
  margin: 20px 0;
  color: #000;
}
.circulo-azul-points .inner .header .available-poins small {
  font-size: 15px;
}
.circulo-azul-points .inner .content {
  padding: 20px;
}
.circulo-azul-points .inner .content h4 {
  font-weight: 600;
  font-size: 18px;
}
.circulo-azul-promos .inner {
  border: 3px solid #f2f7f9;
  padding: 20px 30px;
}
.circulo-azul-promos .inner h3 {
  margin-top: 0;
  font-size: 30px;
  padding-bottom: 10px;
  border-bottom: 1px solid #f2f7f9;
}
.circulo-azul-promos .inner h3 strong {
  font-weight: 600;
}
table.table-list > tbody > tr.large td {
  font-size: 18px;
}
table.table-list > tbody > tr.large td > i {
  color: #BEC6C9;
  font-size: 46px;
}
table.table-list > tbody > tr > td {
  vertical-align: middle;
  border: 0;
}
.inner.sms {
  padding: 30px 20px;
}
.inner.sms i {
  font-size: 100px;
  color: #C7CCCD;
}
.inner.sms p {
  font-size: 16px;
}
.consumos > h1 {
  margin-bottom: 20px;
}
.consumos .item {
  padding-bottom: 40px;
  margin-bottom: 40px;
  border-bottom: 8px solid #F2F7F9;
}
.consumos .item h2 {
  margin-top: 0;
  font-size: 20px;
  font-weight: bold;
}
.consumos .item h2 small {
  font-size: 18px;
  font-weight: 400;
  color: #000;
}
.consumos .item p {
  font-size: 16px;
  line-height: 1.4;
  color: #666;
}
.consumos .item p:last-child {
  margin-bottom: 0;
}
.consumos .item p strong {
  color: #000;
}
.consumos .item .btn + p {
  margin-top: 20px;
}
.consumos .legal-block {
  border-top: none;
  margin-top: -20px;
  padding-top: 0;
  margin-bottom: 40px;
}
.consumos .bar-holder.bg-light-grey {
  padding: 30px;
}
.consumos .bar-holder h1 {
  margin-top: 0!important;
}
.consumos .bar-holder .bar {
  margin-top: 30px;
  border-radius: 33px;
  height: 65px;
  overflow: hidden;
}
.consumos .bar-holder .bar .bar-consuption {
  width: attr(data-width);
  height: 65px;
  float: left;
  display: inline-block;
  -webkit-box-shadow: inset 1px 1px 5px 0px rgba(50, 50, 50, 0.41);
  -moz-box-shadow: inset 1px 1px 5px 0px rgba(50, 50, 50, 0.41);
  box-shadow: inset 1px 1px 5px 0px rgba(50, 50, 50, 0.41);
  position: relative;
}
.consumos .bar-holder .bar .bar-consuption:after {
  content: attr(data-width) ' ' attr(data-title);
  display: block;
  width: 100%;
  color: #fff;
  margin-top: 16px;
  text-align: center;
  font-size: 20px;
}
@media (max-width: 767px) {
  .consumos .bar-holder .bar .bar-consuption:after {
    font-size: 14px;
    margin-top: 20px;
  }
}
@media (max-width: 467px) {
  .consumos .bar-holder .bar .bar-consuption:after {
    content: attr(data-width);
  }
}
.consumos .bar-holder .bar .bar-consuption.bar-internet {
  background-color: #FF5900;
}
.consumos .bar-holder .bar .bar-consuption.bar-wap {
  background-color: #75d6c6;
}
.consumos .bar-holder .bar .bar-consuption.bar-social {
  background-color: #02B0EF;
}
.daily {
  font-size: 25px;
  font-weight: 900;
}
@media (max-width: 767px) {
  .super-graph-pie {
    margin-top: 20px;
  }
  .super-graph-pie .valigned {
    position: relative;
    top: auto;
    transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    right: auto;
    text-align: center;
    margin-top: 20px;
  }
}
.sliders-holder {
  margin: 20px 20px 40px 20px;
  padding: 0 0 40px 0;
}
@media (max-width: 767px) {
  .sliders-holder {
    margin: 20px 0;
  }
}
.sliders-holder > .row {
  padding-bottom: 60px;
}
.sliders-holder i {
  font-size: 50px;
}
.sliders-holder .h4 {
  margin-top: 0;
  min-height: 78px;
}
.sliders-holder .h4 small {
  font-size: 15px;
}
.sliders-holder > .row > [class^="col-"] {
  margin-top: 50px;
}
.sliders-holder input {
  /*display: none;*/
}
.sliders-holder .scale,
.sliders-holder .scale-2 {
  position: relative;
  width: 98%;
  max-width: 98%;
  box-sizing: border-box;
  height: 20px;
  margin-top: 10px;
  margin-left: 10px;
}
@media (max-width: 767px) {
  .sliders-holder .scale,
  .sliders-holder .scale-2 {
    width: 96%;
    max-width: 96%;
  }
}
.sliders-holder .scale-2 {
  width: 100%;
  max-width: 100%;
}
.sliders-holder .scale .step,
.sliders-holder .scale-2 > [class^="col-"] {
  color: #9EA5A9;
  font-weight: 400;
  font-size: 13px;
}
.sliders-holder .scale .step {
  position: absolute;
}
.sliders-holder .scale > [class^="col-"] {
  color: #9EA5A9;
  font-weight: 400;
  font-size: 13px;
}
.sliders-holder .scale-2 > [class^="col-"]:first-child {
  padding-left: 0;
}
.sliders-holder .scale-2 > [class^="col-"]:last-child {
  padding-right: 0;
}
.sliders-holder .scale .step:last-child {
  left: auto !important;
  right: -10px;
}
.alert-pink {
  color: #de1781;
  font-weight: 600;
  font-size: 30px;
}
.alert-pink small {
  color: #000;
  font-size: 18px;
  display: block;
  margin-top: 10px;
  font-weight: 600;
}
.alert-pink i {
  font-size: 32px;
  position: relative;
  top: 3px;
}
.alert-pink + .btn {
  margin-top: 28px;
}
.breadcrumb-holder + .header-user {
  margin-top: 10px;
}
/*Ordenar LESS*/
.side-promo {
  padding-top: 10px;
  cursor: pointer;
}
.side-promo h3:first-child {
  margin-top: 0;
  margin-bottom: 0;
}
.side-promo h3 + ul {
  margin-top: 15px;
}
.side-promo h3 strong {
  display: block;
}
.side-promo .item-terminal img {
  max-width: 100%;
}
.side-promo .item-terminal .actions,
.side-promo .item-accesorios .actions {
  display: none;
}
.side-promo .item-terminal,
.side-promo .item-accesorios {
  height: 100%;
  margin-top: 10px;
}
/*
.side-promo .item-terminal > .row > div[class^="col-"],
.side-promo .item-accesorios > .row > div[class^="col-"]{
    float: none;
    text-align: center;
    margin: 0 auto;
    top: -15px;
    width: 100%;
}*/
.side-promo .item-terminal + .text-center,
.side-promo .item-accesorios + .text-center {
  position: relative;
}
.side-promo .item-terminal .img,
.side-promo .item-accesorios .img {
  -ms-transform: scale(0.8);
  /* IE 9 */
  -webkit-transform: scale(0.8);
  /* Chrome, Safari, Opera */
  transform: scale(0.8);
}
.side-promo .item-terminal .ref,
.side-promo .item-terminal .extra,
.side-promo .item-accesorios .ref,
.side-promo .item-accesorios .extras {
  display: none;
}
.side-promo .item-terminal h5,
.side-promo .item-terminal h4,
.side-promo .item-accesorios h5,
.side-promo .item-accesorios h4 {
  margin-top: 0px;
  min-height: 0;
}
.side-promo .item-terminal h5,
.side-promo .item-accesorios h5 {
  display: none;
}
.side-promo .item-terminal .img,
.side-promo .item-accesorios .img {
  top: -20px;
}
.side-promo .item-terminal .extras,
.side-promo .item-accesorios .extras {
  margin-bottom: 0;
}
.form-advice {
  padding: 20px 10px;
  font-weight: 600;
  margin-top: 30px;
}
.bg-light-grey .panel-group .panel > .panel-heading {
  background-color: #f2f7f9;
  border-top-color: #DBE5E7;
}
.bg-light-grey .panel-group .panel > .panel-heading:hover,
.bg-light-grey .panel-group .panel > .panel-heading.active,
.bg-light-grey .panel-group .panel > .panel-heading:focus {
  background-color: #fff;
}
.bg-light-grey .panel-group .panel .panel-body {
  background-color: #f2f7f9;
}
.section-arrow-top {
  position: relative;
}
.section-arrow-top:before {
  border-top: 36px solid #fff;
  border-right: 36px solid transparent;
  border-left: 36px solid transparent;
  border-bottom: none;
  display: block;
  content: '';
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -36px;
}
td.cell-Edit {
  position: relative;
  padding-left: 40px!important;
}
td.cell-Edit:before {
  position: absolute;
  left: 10px;
  font-family: 'TelcelFont';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  font-size: 20px;
  color: #00aff2;
  content: '\f246';
}
.switch {
  border-radius: 12px;
  height: 24px;
  color: #ffffff;
  font-size: 14px;
  display: inline-block;
  position: relative;
  line-height: 24px;
}
.switch:after {
  width: 20px;
  height: 20px;
  display: block;
  background-color: #ffffff;
  content: '';
  border-radius: 11px;
  position: absolute;
  top: 2px;
}
.switch.active {
  background-color: #acbfd4;
  text-indent: 12px;
  padding: 0 40px 0 0 ;
}
.switch.active:after {
  right: 2px;
}
.switch.unactive {
  background-color: #de1781;
  text-align: right;
  padding: 0 10px 0 30px;
}
.switch.unactive:after {
  left: 2px;
}
.que-equipo .img-responsive {
  margin: 0 auto;
}
@media (max-width: 767px) {
  .que-equipo .img-responsive {
    max-width: 150px;
  }
}
@media (max-width: 479px) {
  .que-equipo .img-responsive {
    max-width: 100px;
  }
}
@media (min-width: 992px) {
  .form-phoneselector {
    padding: 0 30px;
  }
}
.search-mobile-form {
  padding: 40px 20px 20px 20px;
  position: relative;
  margin-top: 20px;
}
.search-mobile-form .btn-close-modal {
  font-size: 23px;
  color: #02b0ef;
  right: 20px;
}
.search-mobile-form:before {
  border-top: 22px solid #fff;
  border-right: 22px solid transparent;
  border-left: 22px solid transparent;
  border-bottom: none;
  display: block;
  content: '';
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -22px;
}
/*08 Amigo Soporte*/
.free-call {
  padding-left: 60px;
  position: relative;
  top: 14px;
}
.free-call i {
  float: left;
  font-size: 60px;
  color: #c7cccd;
  margin-left: -60px;
}
.free-call .h4 {
  font-weight: 400;
}
.free-call .h4 strong {
  font-weight: 600;
}
.accordion-temas-holder {
  border: 8px solid #f2f7f9;
  border-top: none;
}
.accordion-temas-holder .header {
  background-color: #f2f7f9;
  padding: 20px;
}
.accordion-temas-holder .header h2 {
  margin: 0;
  display: inline-block;
}
.accordion-temas-holder .header h2 i {
  font-size: 36px;
  margin-right: 10px;
  color: #b3b6ba;
  position: relative;
  top: 5px;
}
.accordion-temas-holder .header a {
  margin-top: 10px;
}
.accordion-temas-holder .inner {
  padding: 20px;
}
.accordion-temas-holder .inner .panel-group {
  margin-top: 20px;
  margin-bottom: 20px;
}
.accordion-temas-holder .footer {
  margin: 0 20px;
  padding: 20px 0 0 0;
  border-top: 8px solid #f2f7f9;
}
/*11 Detalle Saldo*/
.plan-details {
  border: 2px solid #f2f7f9;
  padding: 20px 20px;
}
.plan-details h3 {
  margin-top: 0;
  margin-bottom: 20px;
}
.plan-details .text {
  margin-top: 50px;
}
.consumption-details .detail {
  margin-bottom: 40px;
}
.consumption-details .detail h3 {
  border-bottom: 1px solid #f2f7f9;
  padding-bottom: 15px;
  margin-bottom: 30px;
  font-weight: 400;
  font-size: 20px;
}
.form-cell {
  background-color: #f2f7f9;
}
/*EOF*/
@media (max-width: 767px) {
  .st_view > .container-fluid > .account-functions,
  .st_view > .container-fluid > div > .account-functions,
  .container-fluid.tabs-panels-lg.top-push {
    margin-top: 0!important;
  }
  .lg-tabs.slidetabs {
    margin-top: 20px;
  }
}
.success-saved {
  color: #acbfd4;
  font-weight: 600;
}
.success-saved i {
  font-size: 16px;
  position: relative;
  top: 2px;
}
.editdata {
  border: 1px solid #f2f7f9;
}
.editdata .headers {
  background-color: #f2f7f9;
  padding: 12px;
  color: #000;
  font-weight: 600;
  font-size: 16px;
}
.editdata p {
  padding: 12px;
}
.editdata form {
  display: inline-block;
  width: 90%;
}
.editdata input {
  max-width: 150px;
  display: inline-block;
}
.legal-block.section-divider {
  padding-bottom: 30px;
}
.servicios-comunicacion .item {
  margin-top: 30px;
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid #f2f7f9;
}
.servicios-comunicacion .item:last-child {
  border-bottom: none;
}
.servicios-comunicacion .item .inner {
  padding-left: 30px;
}
.servicios-comunicacion .item .inner .btn-quest {
  float: left;
  margin-left: -30px;
}
.servicios-comunicacion .item .inner h5 {
  font-weight: 900;
  font-size: 16px;
  margin-top: 0;
}
.servicios-comunicacion .item .buttons {
  padding-top: 30px;
}
.servicios-comunicacion .item .buttons .btn {
  font-weight: 900;
}
.my-accountdata {
  font-size: 16px;
}
.my-accountdata form {
  margin-top: 15px;
}
.my-accountdata form .form-group {
  width: 35%;
}
.my-accountdata form .form-group label {
  width: 45%;
  font-weight: normal;
}
.sidebar-change-plan {
  border: 3px solid #ecedee;
  margin-bottom: 20px;
}
.sidebar-change-plan .header {
  background-color: #f2f7f9;
  padding: 15px 10px;
}
.sidebar-change-plan .header.bg-dark-blue {
  background-color: #043b80;
}
.sidebar-change-plan .header h4 {
  margin: 0;
  font-size: 24px;
}
.sidebar-change-plan .header a {
  margin-top: 5px;
}
.sidebar-change-plan .content h5 {
  font-size: 24px;
  background-color: #ecedee;
  padding: 15px 10px;
  text-align: center;
  font-weight: 600;
  margin: 0;
}
.sidebar-change-plan .content .wrapper-amount {
  border-bottom: 1px solid #ecedee;
}
.sidebar-change-plan .content .wrapper-amount h6 {
  padding: 5px 10px;
  font-size: 14px;
}
.sidebar-change-plan .content .wrapper-amount h6 strong {
  font-weight: 600;
}
.sidebar-change-plan .content .wrapper-amount .col-xs-12 h6 {
  padding: 0 10px;
  margin: 10px 0;
}
.sidebar-change-plan .content .wrapper-amount:last-child {
  border-bottom: none;
}
.sidebar-change-plan.comparador .content {
  background-color: #ecedee;
  padding: 20px;
}
.plan-data .header .h4 small {
  display: inline-block;
  margin-right: 5px;
  color: #ffffff;
}
.plan-data .wrapper-amount {
  padding: 20px;
}
.plan-data .wrapper-amount h6 {
  padding: 0!important;
}
.wrapper-amount dl {
  margin-bottom: 0;
  color: #000;
}
.wrapper-amount dl dt {
  text-align: left;
  font-weight: normal;
  width: 190px;
}
.wrapper-amount dl dd {
  font-weight: 600;
  margin-left: 210px;
}
.accordion-recarga.panel-group {
  margin-top: 0;
}
.accordion-recarga.panel-heading {
  padding: 10px;
}
.panel-default:first-child .panel-heading {
  border-top: none;
}
/*Tablas de planes*/
.list-plans .item {
  margin-bottom: 40px;
  background-color: #fff;
}
.list-plans .item:last-child {
  margin-bottom: 0;
}
.list-plans .item h2 {
  font-weight: 400;
}
.list-plans .item .content {
  padding: 30px 0;
  margin-top: 25px;
  border-top: 2px solid #F2F7F9;
  border-bottom: 2px solid #F2F7F9;
  display: table;
  width: 100%;
}
.list-plans .item .content .column {
  display: table-cell;
  min-width: 15%;
  text-align: center;
  font-size: 14px;
  color: #666;
  border-right: 2px solid #F2F7F9;
  padding: 5px;
  line-height: 1.2;
  vertical-align: top;
  position: relative;
}
.list-plans .item .content .column:first-child {
  padding-left: 0;
}
.list-plans .item .content .column:last-child {
  padding-right: 0;
}
.list-plans .item .content .column.double {
  min-width: 20%;
  padding: 0 40px;
  max-width: 150px;
}
.list-plans .item .content .column.double.valign {
  vertical-align: middle;
}
.list-plans .item .content .column.valign {
  vert-align: middle;
}
.list-plans .item .content .column.double p {
  margin-bottom: 0;
}
.list-plans .item .content .column strong {
  color: #062C5F;
  display: block;
  font-family: telcelbold;
  margin: 5px 0;
  line-height: 29px;
  height: 34px;
  vertical-align: baseline;
}
.list-plans .item .content .column .icon-TickNeg {
  font-size: 38px;
}
.list-plans .item .content .column strong span.text {
  font-size: 24px;
  text-wrap: none;
  white-space: nowrap;
}
.list-plans .item .content .column strong span.number {
  font-size: 36px;
}
.list-plans .item .content .row-xs {
  display: table-cell;
}
.list-plans .item .content > .row-xs:last-child > .table-sm {
  position: relative;
}
.list-plans .item .content .column.price {
  font-family: telcelregular;
  font-size: 36px;
  color: #062C5F;
  border-right: none;
  width: 65%;
  vertical-align: middle;
  position: relative;
}
.list-plans .item .content .column.price small {
  font-size: 14px;
}
.list-plans .item .content .column.action {
  border-right: none;
  vertical-align: bottom;
  position: relative;
}
.list-plans .item .content .column.action {
  text-align: right;
}
.list-plans .item .content .column.action .btn {
  position: relative;
  top: 5px;
}
.list-plans .item .content .column.action .prettycheckbox {
  text-align: center;
  margin: 5px 20px 0 auto;
}
.list-plans .item .content .column.action .prettycheckbox label {
  margin-top: 9px;
}
.list-plans .item .content .table-sm {
  display: table;
  width: 100%;
}
.list-plans .inner {
  background-color: #fff;
}
.bg-green .inner {
  background-color: #52CAB5;
}
.bg-green .inner h1 {
  margin-bottom: 0;
}
.list-plans .inner {
  padding: 20px 0;
}
.bg_blue .list-plans .inner,
.inner.sugerencias {
  padding: 20px 20px 40px 20px;
}
.box-plans-padding-blue {
  padding: 20px 20px 40px 20px;
}
.box-plans-padding-grey {
  padding: 20px;
}
.list-plans .inner.sugerencias {
  background-color: #062c5f;
  margin-top: 30px;
}
.extended-ficha-equipo .lg-tabs {
  margin-top: 60px;
}
.opcion-compra .list-plans {
  margin-top: 30px;
}
.list-plans .inner.sugerencias h1 {
  margin-bottom: 10px;
}
.list-plans .inner.sugerencias .item .content,
.opcion-compra .list-plans .item .content,
.international-plans .list-plans .item .content {
  padding: 0;
}
.international-plans .list-plans .item .content .table-sm {
  padding-top: 20px;
}
.opcion-compra .list-plans .item .content,
.international-plans .list-plans .item .content {
  border-right: 2px solid #f2f7f9;
}
.list-plans .inner.sugerencias .item .row-xs {
  padding: 15px 0;
}
.opcion-compra .list-plans .item .row-xs,
.international-plans .list-plans .item .row-xs {
  padding: 25px 0;
  border-left: 2px solid #f2f7f9;
}
.list-plans .item.selected .content {
  border-right: 2px solid #f2f7f9;
  -moz-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.international-plans .list-plans .item.selected .content {
  border: 2px solid #02B0EF;
  border-left: none;
}
.list-plans .item.selected .row-xs:first-child {
  border-left: 2px solid #02B0EF;
  -moz-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.list-plans .inner.sugerencias .item .row-xs:first-child,
.opcion-compra .list-plans .item .row-xs:first-child,
.international-plans .list-plans .item .row-xs:first-child {
  background-color: #f2f7f9;
  padding: 0;
}
.international-plans .list-plans .item {
  margin-bottom: 90px;
}
.international-plans .list-plans .item:last-child {
  margin-bottom: 40px;
}
.list-plans .inner.sugerencias .content .column {
  border-right: 2px solid #c4d2e0;
}
.list-plans .inner.sugerencias .content .column.price {
  border-right: none;
}
.list-plans .item .row-xs:first-child small {
  font-size: 50%;
}
.list-plans .item .column.price .small {
  font-size: 14px;
  font-family: 'Source Sans Pro';
}
.list-plans .item .column.price .small.blue {
  color: #02B0EF;
}
.opcion-compra .list-plans .content .column,
.international-plans .list-plans .content .column {
  border-right: 2px solid #cfd3d4;
}
.list-plans .inner.sugerencias .content .column:last-child,
.opcion-compra .list-plans .content .column:last-child,
.international-plans .list-plans .content .column:last-child {
  border-right: none;
}
.list-plans .content .column .has-pretty-child {
  min-width: 150px;
  text-align: center;
  padding: 0;
}
.list-plans.sugested-plan .item {
  background-color: transparent;
}
.list-plans.sugested-plan .item .content {
  border: 0;
}
.list-plans.sugested-plan .item .content .table-sm {
  padding: 20px 0;
}
.list-plans.sugested-plan .item .content .row-xs:first-child {
  background-color: #02b0ef;
}
.list-plans.sugested-plan .item .content .row-xs:last-child {
  background-color: #fff;
}
.list-plans.sugested-plan .item .content .column {
  border-right: 2px solid #81D8F7;
  color: #fff;
  margin: 15px 0;
}
.list-plans.sugested-plan .item .content .column.price {
  border-right: medium none;
  color: #000000;
}
.list-plans.sugested-plan .item .content .column.price .h5,
.planes-padre .list-plans .item .content .column.price .h5 {
  margin: 0;
  line-height: 1;
  text-indent: -53%;
  display: block;
  text-align: center;
  font-family: telcelregular;
}
.planes-padre .list-plans .item .content .column.price .h5 {
  margin-top: -20px;
  font-size: 15px;
}
.list-plans.sugested-plan .item .content .column.price .h5 {
  /*display: none;*/
}
.list-plans.sugested-plan .item .content .column:last-child {
  border-right: none;
}
.opcion-compra .list-plans .item .content .column.action .btn {
  top: 0px;
}
.opcion-compra .list-plans h4 {
  margin-bottom: 20px;
}
.list-plans .inner.sugerencias h2 {
  color: #fff;
}
.list-plans p + .item {
  margin-top: 60px;
}
/*PLasn Labels*/
.marked {
  left: 50%;
  margin-left: -75px;
  position: absolute;
  top: -25px;
}
.planes-padre .marked {
  top: -40px;
}
.international-plans .marked {
  top: -70px;
}
.marked.recommended,
.marked.recommended > div,
.marked.sugested,
.marked.sugested > div {
  background-color: #990099;
  padding: 7px 19px;
  font-size: 14px;
  color: #fff;
  font-weight: 600;
  min-width: 135px;
}
.marked.sugested > div {
  background-color: #02b0ef;
}
.marked.sugested,
.marked.recommended {
  background-color: #ccc;
  padding: 0 5px 0 5px;
}
.marked.sugested > div,
.marked.recommended > div {
  position: relative;
  top: -5px;
}
.marked > div:after,
.marked:after {
  content: '';
  width: 0;
  height: 0;
  display: block;
  border-bottom: none;
  border-top: 9px solid #990099;
  border-right: 70px solid transparent;
  border-left: 70px solid transparent;
  bottom: -9px;
  position: absolute;
  left: 50%;
  margin-left: -70px;
  z-index: 1;
}
.marked.sugested > div:after {
  border-top: 9px solid #02b0ef;
}
.marked:after {
  z-index: 0;
  border-top: 9px solid #ccc;
  border-right: 70px solid transparent;
  border-left: 70px solid transparent;
  bottom: -9px;
  margin-left: -70px;
}
.marked .telcelbold {
  font-size: 25px;
  color: #fff;
  line-height: .95;
}
.marked .telcelbold small {
  font-size: 15px;
  opacity: .5;
  display: block;
}
.item-terminal .col-md-7 a:hover {
  text-decoration: none;
}
/*Planes en comparador MiTelcel*/
.list-plans.comparador-planes .item {
  border-bottom: 2px solid rgba(236, 237, 238, 0.5);
  padding-bottom: 30px;
  margin-bottom: 30px;
}
.list-plans.comparador-planes .item:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}
.list-plans.comparador-planes .item .content {
  border: 2px solid #f2f7f9;
  padding: 0;
}
.list-plans.comparador-planes .item .content .row-xs {
  clear: both;
  display: table;
  text-align: center;
  width: 100%;
}
.list-plans.comparador-planes .item .content .row-xs:first-child,
.list-plans.comparador-planes .item .content .row-xs:last-child {
  width: 100%;
}
.list-plans.comparador-planes .item .content .row-xs:last-child {
  border-top: 2px solid #f2f7f9;
}
.list-plans.comparador-planes .item .content .table-sm {
  padding: 20px 0;
  width: 100%;
}
.list-plans.comparador-planes .item .content .row-xs > .table-sm > .column {
  text-align: center;
  min-width: 20%;
  font-size: 12px;
}
.list-plans.comparador-planes .item .content .row-xs > .table-sm > .column.price {
  font-size: 40px;
}
.list-plans.comparador-planes .item .content .row-xs > .table-sm > .column.price,
.list-plans.comparador-planes .item .content .row-xs > .table-sm > .column.action {
  width: 50%;
}
.list-plans.comparador-planes .item .content .row-xs > .table-sm > .column.action .inner {
  padding: 0px;
}
.list-plans.comparador-planes .item .content .row-xs > .table-sm > .column:last-child {
  border-right: none;
}
.list-plans.comparador-planes .item .content .column strong span.text,
.list-plans.comparador-planes .item .content .column strong span.number {
  font-size: 16px;
}
.list-plans.comparador-planes .item .content .column .icon-TickNeg {
  font-size: 20px;
  position: relative;
  top: 5px;
}
.list-plans.comparador-planes .item .content .column.action .prettycheckbox {
  margin-top: 5px;
}
.list-plans.comparador-planes .item .content .column.action .btn {
  top: -7px;
  margin-right: 10px;
}
@media (min-width: 992px) {
  .list-plans .item .content .row-xs {
    display: table-cell;
    vertical-align: middle;
  }
  .list-plans .item .content .row-xs:last-child {
    width: 40%;
  }
  .list-plans.sugested-plan .item .content .row-xs:last-child {
    width: 40%;
  }
  .list-plans .item .content .row-xs:first-child {
    width: 60%;
  }
  .list-plans.sugested-plan .item .content .row-xs:first-child {
    width: 60%;
  }
  .list-plans.sugested-plan .action .btn {
    margin-right: 20px;
  }
}
@media (max-width: 991px) {




  .custom_modal h2{
    width: 80%;
  }

  .modal-body .btn.btn-close-modal{
    top: 0px !important;
    right: 10px !important;
  }

  .list-plans .item .content {
    display: block;
  }
  .list-plans .item .content {
    padding: 0;
    border: 2px solid #f2f7f9;
  }
  .list-plans .item .content .row-xs {
    display: table;
    text-align: center;
    width: 100%;
    clear: both;
  }
  .list-plans .item .content .row-xs:last-child {
    border-top: 2px solid #f2f7f9;
  }
  .list-plans .item .content .table-sm {
    padding: 20px 0;
  }
  .list-plans .item .content .row-xs > .table-sm > .column {
    text-align: center;
    min-width: 20%;
    font-size: 12px;
  }
  .list-plans .item .content .row-xs > .table-sm > .column.price,
  .list-plans .item .content .row-xs > .table-sm > .column.action {
    width: 50%;
  }
  .list-plans .item .content .row-xs > .table-sm > .column.action .inner {
    padding: 0px;
  }
  .list-plans .item .content .row-xs > .table-sm > .column:last-child {
    border-right: none;
  }
  .list-plans .item .content .column.action {
    text-align: center;
    vertical-align: middle;
  }
  .list-plans .item .content .column.action .btn {
    margin-right: 5px;
  }
  .list-plans .item .content .column.action .prettycheckbox {
    top: 10px;
    position: relative;
  }
  /*.list-plans .item .content .column strong,*/
  .list-plans .item .content .row-xs > .table-sm > .column.price {
    font-size: 40px;
  }
  .list-plans.sugested-plan .item .content .column.price .h5,
  .planes-padre .list-plans .item .content .column.price .h5 {
    text-indent: 0;
    margin-top: 10px;
  }
  .list-plans.sugested-plan .item .content .column.price .h5 {
    margin-top: 25px;
  }
  .marked {
    top: -12px;
    margin-left: -70px;
  }
  .marked > div {
    padding: 5px 14px;
  }
  .marked > div:after,
  .marked:after {
    border-right-width: 60px;
    border-left-width: 60px;
    margin-left: -60px;
  }
  .marked.recommended,
  .marked.recommended > div {
    font-size: 12px;
  }
  .list-plans .marked {
    margin-top: 15px;
  }
}
@media (min-width: 768px) {
  .opcion-compra .list-plans .item .content .column.action .btn,
  .international-plans .list-plans .item .content .column.action .btn {
    margin-right: 20px;
  }
}
@media (max-width: 767px) {
  .list-plans .item .content .column:first-child {
    padding-left: 5px;
  }
  .list-plans .item .content .column:last-child {
    padding-right: 5px;
  }
  .list-plans .item .content .row-xs > .table-sm > .column {
    font-size: 11px;
  }
  .list-plans .item .content .column strong span.text {
    font-size: 18px;
  }
  .list-plans .item .content .column strong span.number {
    font-size: 20px;
  }
  .list-plans .item .content .column .icon-TickNeg {
    font-size: 22px;
  }
  .list-plans .item .content .column strong {
    height: 34px;
    line-height: 29px;
  }
  /* Item Slider */
  .item-slider .list-plans .item .content .row-xs > .table-sm > .column {
    height: auto;
    font-size: 20px;
    line-height: 1.2;
  }
  .item-slider .list-plans .item .content .column strong {
    height: auto;
    line-height: 1.2;
  }
  .item-slider .list-plans .item .content .column .icon-TickNeg {
    font-size: 50px;
  }
  .item-slider .list-plans .item .content .column strong span.number {
    font-size: 48px;
  }
  .item-slider .list-plans .item .content .column strong span.text {
    font-size: 36px;
  }
  .list-plans .item .content .column.action .prettycheckbox {
    top: 13px;
  }
}
@media (max-width: 479px) {

  .checkbox-confirmation div p{
    margin-left: 26px;
  }

  .list-plans .item .content {
    padding-top: 0px;
  }
  .list-plans .item .content .table-sm {
    padding: 10px 0;
  }
  .list-plans .item .content .column strong,
  .list-plans .item .content .row-xs > .table-sm > .column.price {
    font-size: 26px;
  }
  .list-plans .item .content .row-xs > .table-sm > .column {
    font-size: 10px;
  }
  .list-plans .item .content .column strong span.text {
    font-size: 12px;
  }
  .list-plans .item .content .column strong span.number {
    font-size: 14px;
  }
  .list-plans .item .content .column .icon-TickNeg {
    font-size: 18px;
  }
  .list-plans .item .content .column strong {
    height: 20px;
    line-height: 19px;
  }
  .list-special-plans .item .price span {
    font-size: 50px;
  }
  .list-special-plans .item .price label,
  .list-special-plans .item .price small {
    font-size: 25px;
  }
  .list-plans .item .content .row-xs > .table-sm > .column.price,
  .list-plans .item .content .row-xs > .table-sm > .column.action {
    display: block;
    position: relative;
    width: 100%;
  }
  .opcion-compra .list-plans .item .content .column.action .btn {
    top: 10px;
  }
  .list-plans .item .content .column.double {
    min-width: 20%;
    padding: 0 10px;
    vertical-align: middle;
  }
  .list-plans .marked {
    margin-top: 15px;
  }
  .bg_blue .list-plans .inner,
  .inner.sugerencias {
    padding: 20px 10px 40px;
  }
  
  .displayInline {
    float: left;
    padding: 0;
    text-align: left;
  }
  
  .col-xs-1-special{
  	float: left;
  	width: 8.333333333333332%;
  	min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
  }
  
  .col-xs-11-special{
  	float: left;
  	width: 91.66666666666666%;
  	min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
  }
  
  
}
/*Pago Factura*/
.invoice-ammount {
  padding: 20px;
  margin-bottom: 20px;
}
.invoice-ammount strong {
  color: #00aff2;
  font-weight: 600;
}
.bar-filtros.bg-light-grey {
  padding: 20px;
}
.bar-filtros .btn-print {
  margin-top: 5px;
}
.bar-filtros .btn-print i {
  position: relative;
  top: 6px;
}
/* Item */
.graph {
  display: inline-block;
  position: relative;
  text-align: center;
}
.graph:before {
  content: attr(data-name);
  position: absolute;
  width: 100%;
  left: 0;
  right: 0;
  font-weight: 600;
}
.graph:after {
  content: attr(data-percent);
  position: absolute;
  width: 100%;
  left: 0;
  font-weight: 600;
  text-align: center;
}
.graph svg {
  overflow: visible;
}
.graph svg:nth-child(2) {
  position: absolute;
  left: 0;
  top: 0;
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
}
.graph svg:nth-child(2) path {
  fill: none;
  stroke-dasharray: 629;
  -webkit-animation: load 3s;
  -moz-animation: load 3s;
  -o-animation: load 3s;
  animation: load 3s;
}
.canvas-internet {
  /* Item */
}
@-webkit-keyframes load {
  0% {
    stroke-dashoffset: 0;
  }
}
@keyframes load {
  0% {
    stroke-dashoffset: 0;
  }
}
.canvas-internet .graph {
  color: #93A2AC;
  font-weight: 100;
}
.canvas-internet .graph:before {
  top: 46px;
  font-size: 11px;
}
.canvas-internet .graph:after {
  top: 16px;
  font-size: 22px;
}
.canvas-internet .graph svg {
  width: 84px;
  height: 84px;
}
.canvas-internet .graph svg:nth-child(2) path {
  stroke-width: 22;
  stroke: #eee;
}
.canvas-internet-large {
  /* Item */
}
@-webkit-keyframes load {
  0% {
    stroke-dashoffset: 0;
  }
}
@keyframes load {
  0% {
    stroke-dashoffset: 0;
  }
}
.canvas-internet-large .graph {
  color: #93A2AC;
  font-weight: 100;
}
.canvas-internet-large .graph:before {
  top: 90px;
  font-size: 18px;
  font-weight: normal;
  width: 90%;
  left: 5%;
}
.canvas-internet-large .graph:after {
  top: 40px;
  font-size: 36px;
}
.canvas-internet-large .graph svg {
  width: 200px;
  height: 200px;
}
.canvas-internet-large .graph svg:nth-child(2) path {
  stroke-width: 22px;
  stroke: #eee;
}
.super-graph-pie {
  /* Item */
}
@-webkit-keyframes load {
  0% {
    stroke-dashoffset: 0;
  }
}
@keyframes load {
  0% {
    stroke-dashoffset: 0;
  }
}
.super-graph-pie .graph {
  color: #93A2AC;
  font-weight: 100;
}
.super-graph-pie .graph:before {
  top: 130px;
  font-size: 24px;
}
.super-graph-pie .graph:after {
  font-size: 50px;
  top: 72px;
}
.super-graph-pie .graph.smaller:before {
  top: 110px;
  font-size: 20px;
}
.super-graph-pie .graph.smaller:after {
  font-size: 40px;
  top: 50px;
}
.super-graph-pie .graph svg {
  width: 244px;
  height: 244px;
}
.super-graph-pie .graph.smaller svg {
  width: 200px;
  height: 200px;
}
.super-graph-pie .graph {
  overflow: visible;
}
.super-graph-pie .graph .graph-holder {
  width: 244px;
  height: 244px;
  float: none;
  margin: 0 auto;
  position: relative;
  overflow: visible;
}
.super-graph-pie .graph.smaller .graph-holder {
  width: 200px;
  height: 200px;
}
.super-graph-pie .graph svg:nth-child(2) path {
  stroke-width: 26;
  stroke: #eee;
  position: relative;
}
.bar-graph .bar {
  background-image: url(../img/layout/bg_bargraph.gif);
  background-repeat: repeat;
  background-color: #c7cccd;
  height: 50px;
  width: 100%;
  display: block;
  margin: 15px 0 30px 0;
  overflow: hidden;
}
.bar-graph .bar .progressbar {
  height: 100%;
  float: left;
  display: block;
  font-size: 26px;
  color: #ffffff;
  font-weight: 600;
  text-align: right;
}
.bar-graph .bar .progressbar.blue {
  background-color: #02b0ef;
}
.bar-graph .bar .progressbar span {
  display: inline-block;
  margin: 4px 10px 0 0;
}
.account-functions .bar-graph,
.consumption-details .bar-graph {
  height: 14px;
  margin-top: 10px;
  background-color: #c7cccd;
  border-radius: 7px;
  overflow: hidden;
}
.account-functions .bar-graph .progress-bar,
.consumption-details .bar-graph .progress-bar {
  height: 100%;
  background: -webkit-linear-gradient(left, green, yellow, orange);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, green, yellow, orange);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, green, yellow, orange);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, green, yellow, orange);
  /* Standard syntax (must be last) */
}
.consumption-details .bar-graph {
  height: 28px;
  margin-right: 20%;
  border-radius: 14px;
}
.consumption-details .bar-graph .progress-bar {
  text-align: right;
  font-weight: bold;
  font-size: 20px;
}
.consumption-details .bar-graph .progress-bar span {
  display: inline-block;
  margin-top: 3px;
  margin-right: 10px;
  color: #292925;
}
.table-simple.table {
  margin-top: 40px;
}
.table-simple.table > thead > tr > th,
.table-simple.table > tbody > tr > th,
.table-simple.table > tfoot > tr > th,
.table-simple.table > thead > tr > td,
.table-simple.table > tbody > tr > td,
.table-simple.table > tfoot > tr > td {
  border-top: 2px solid #dbe5e7;
  font-size: 16px;
  vertical-align: middle;
}
.table-simple.table > tbody > tr:last-child > td {
  border-bottom: 2px solid #dbe5e7;
}
.table-simple .service {
  padding-left: 45px;
}
.table-simple .img-circle {
  float: left;
  margin-left: -40px;
  width: 24px;
  height: 24px;
  font-size: 17px;
}
.table-plan-details {
  color: #000;
}
.table-plan-details .bold {
  font-weight: 600;
}
.table-plan-details i.icon-TickNeg {
  padding: 0 5px;
  font-size: 22px;
  color: #ced8e5;
}
.table-simple.table > tbody > tr > td.large {
  font-size: 20px;
  font-weight: 600;
}
.table-simple.table th.half,
.table-simple.table td.half {
  width: 50%;
}
.table-simple.table-headers-t1.table > thead > tr > th,
.table-simple.table-headers-t1.table > tbody > tr > th,
.table-simple.table-headers-t1.table > tfoot > tr > th {
  background-color: #F2F7F9;
  text-align: center;
  padding: 20px;
  border-bottom: none;
  color: #000;
  vertical-align: top;
}
.table-simple.table-headers-t2.table > thead > tr > th,
.table-simple.table-headers-t2.table > tbody > tr > th,
.table-simple.table-headers-t2.table > tfoot > tr > th {
  background-color: #F2F7F9;
  padding: 20px;
}
.table-simple.table > thead > tr > th:first-child {
  text-align: left;
}
.table-simple.table-headers-t1.table > thead > tr > th small,
.table-simple.table-headers-t1.table > tbody > tr > th small,
.table-simple.table-headers-t1.table > tfoot > tr > th small,
.table-simple.table-headers-t1.table > thead > tr > th strong,
.table-simple.table-headers-t1.table > tbody > tr > th strong,
.table-simple.table-headers-t1.table > tfoot > tr > th strong {
  font-size: 14px;
  color: #9EA5A9;
  display: block;
  font-weight: normal;
}
.table-simple.table-headers-t1.table > thead > tr > th strong,
.table-simple.table-headers-t1.table > tbody > tr > th strong,
.table-simple.table-headers-t1.table > tfoot > tr > th strong {
  color: #666;
}
.table-simple.table-headers-t1.table > tbody > tr:first-child td {
  border-top: none;
}
.table-simple.table-text-centered.table td {
  text-align: center;
  color: #000;
  font-weight: 600;
  vertical-align: top;
}
.table-simple.table-text-centered.table td small {
  font-weight: 100;
  font-size: 13px;
  color: #666;
  display: block;
  /*margin-bottom: -20px;*/
}
.table-simple.table-text-centered.table td:first-child {
  text-align: left;
}
.table + .text-notes {
  font-size: 13px;
  margin-top: 15px;
  color: #666;
}
.table-holder {
  margin-bottom: 40px;
}
.tab-pane .table-holder {
  margin-top: 30px;
}
.table-holder .footer {
  font-size: 19px;
  margin-bottom: 20px;
  margin-top: 30px;
}
.table-bordered-t1 > thead > tr > th,
.table-bordered-t1 > thead > tr > td {
  background-color: #E4EEF2;
  border: 1px solid #fff;
  font-size: 16px;
  text-align: center;
  vertical-align: center;
  padding: 20px;
  color: #000;
  white-space: nowrap;
}
.table-bordered-t1 > tbody > tr > th,
.table-bordered-t1 > tbody > tr > td {
  padding: 20px;
  color: #000;
  font-size: 16px;
  font-weight: 400;
}
.table-bordered-t1 > tbody > tr > td strong {
  font-weight: 600;
}
.table-bordered-t1 > tbody > tr > td i.icon-Tick {
  font-size: 30px;
  color: #00B0ED;
}
.table-bordered-t1 > tbody > tr.mark > td.place {
  color: #00b0ed;
}
.table-bordered > tbody > tr > th,
.table-bordered > thead > tr > th,
.table-rows > thead > tr > th {
  border-bottom-color: #fff;
  background-color: #f2f7f9;
}
.table-rows > thead > tr > th,
.table-rows > thead > tr {
  border-bottom: 1px solid #e9ecef;
}
.table-rows > thead,
.table-rows > tbody {
  border: 1px solid #e9ecef;
}
.table-bordered > tbody > tr:last-child > th {
  border-bottom-color: #e9ecef;
}
.table-editable-2 th:nth-child(1) {
  width: 30%;
}
.table-editable-2 th:nth-child(2) {
  width: 45%;
}
.table-editable-2 th:nth-child(3) {
  width: 25%;
}
.table-editable td {
  vertical-align: middle!important;
}
.table-editable td:last-child {
  text-align: center;
}
@media (max-width: 479px) {
  .table-editable td {
    font-size: 13px;
  }
  .table-editable td .btn {
    font-size: 13px;
  }
  .table-editable td .icon-Close {
    display: block;
    font-size: 20px;
  }
}
.table-editable-3 th:nth-child(1) {
  width: 20%;
}
.table-editable-3 th:nth-child(2) {
  width: 15%;
  max-width: 15%;
}
.table-editable-3 th:nth-child(3) {
  width: 40%;
  max-width: 40%;
}
.table-editable-3 th:nth-child(4) {
  width: 25%;
}


.table-editable-4 th:nth-child(1) {
  width: 20%;
}
.table-editable-4 th:nth-child(2) {
  width: 20%;
  max-width: 20%;
}
.table-editable-4 th:nth-child(3) {
  width: 60%;
  max-width: 60%;
}


.table-editable td {
  vertical-align: middle!important;
}
.table-editable td:last-child {
  text-align: center;
}
@media (max-width: 479px) {
  .table-simple.table > thead > tr > th,
  .table-simple.table > tbody > tr > th,
  .table-simple.table > tfoot > tr > th,
  .table-simple.table > thead > tr > td,
  .table-simple.table > tbody > tr > td,
  .table-simple.table > tfoot > tr > td {
    padding: 6px;
  }
  .table-editable-2 .btn {
    padding-left: 0px;
    padding-right: 0px;
  }
  .table-editable-2 th:nth-child(1) {
    width: 25%;
  }
  .table-editable-2 th:nth-child(2) {
    width: 40%;
  }
  .table-editable-2 th:nth-child(3) {
    width: 25%;
  }
}
@media (min-width: 992px) {
  .breadcrumb {
    margin: -5px -10px 10px;
    float: left;
  }
  .breadcrumb > li.bredcrumb-back {
    display: none;
  }
  .navbar-search {
    max-width: 220px;
  }
  .nav-worlds {
    display: none;
  }
  .nav-top .nav-tabs.nav-user {
    margin-top: -6px;
  }
  .navbar > .container .navbar-brand,
  .navbar > .container-fluid .navbar-brand {
    margin-left: 0px;
  }
  .navbar-nav.nav-main {
    margin-top: 7px;
  }
  .footer .navbar-nav.nav-main {
    margin-top: -7px;
  }
  .nav-main-bar {
    position: absolute;
    z-index: 1001;
    display: inline-block;
    float: none;
    top: 15px;
    /*50px*/
    right: 0;
    -moz-transition: margin 0.2s ease-in-out;
    -webkit-transition: margin 0.2s ease-in-out;
    transition: margin 0.2s ease-in-out;
  }
  .footer .nav-main-bar {
    position: relative;
  }
  .navbar-nav.nav-main > li {
    position: static;
  }
  .navbar-nav.nav-main > li > a {
    font-size: 18px;
    color: #2B5464;
  }
  .navbar-nav.nav-main > li.active > a {
    font-weight: 600;
    color: #0A3D79;
  }
  .main-submenu {
    border: none;
    background-color: transparent;
    width: 100%;
    padding: 0;
    min-height: 276px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    position: fixed;
    top: 130px;
  }
  .main-submenu > .menus {
    margin: 0 10px;
    border: 4px solid #ACBFD4;
    border-radius: 3px;
    background-color: #fff;
    min-height: 268px;
    position: relative;
    max-width: 1000px;
    margin: 0 auto;
    overflow: hidden;
  }
  .main-submenu > .menus > .list-unstyled {
    min-height: 260px;
  }
  .main-submenu > .menus.soporte {
    margin-left: 60%;
  }
  .main-submenu > .menus.equipos {
    margin-left: 41%;
  }
  .main-submenu > .menus.micuenta {
    margin-left: 43%;
  }
  .main-submenu.levels-2 > .menus {
    max-width: 750px;
  }
  .main-submenu.levels-2 .level-1 {
    width: 33.33333333333333%;
  }
  .main-submenu.levels-1 > .menus {
    max-width: 500px;
  }
  .main-submenu.levels-1 .level-1 {
    width: 50%;
  }
  .main-submenu .level-1 {
    background-color: #e1e8ef;
    display: inline-block;
    min-height: 260px;
    position: relative;
    z-index: 4;
    width: 25%;
  }
  .main-submenu .level-1 > li > ul:after,
  .main-submenu .level-1:after {
    background-color: #e1e8ef;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    content: '';
    z-index: 3;
    position: absolute;
    display: block;
  }
  .main-submenu .level-1 > li a {
    padding: 13px 16px 13px 50px;
    color: #fff;
    display: block;
    font-size: 15px;
    line-height: 25px;
    font-weight: 600;
    -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
    -moz-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
    transition: background 0.3s ease-in-out color, 0.3s ease-in-out;
  }
  .main-submenu .level-1 > li > a {
    background-color: #ACBFD4;
    border-bottom: 1px solid #fff;
    position: relative;
    z-index: 4;
  }
  .main-submenu .level-1 > li > a:hover {
    color: #2B5264;
    background-color: #fff;
    text-decoration: none;
  }
  .main-submenu .level-1 > li > a:hover span {
    text-decoration: underline;
  }
  .main-submenu .level-1 > li > a > img,
  .main-submenu .level-1 > li > a > i {
    margin-right: 0px;
    font-size: 25px;
    line-height: 24px;
    width: 25px;
    text-align: center;
    margin-top: 0;
    position: relative;
    top: 3px;
    margin-left: -34px;
    float: left;
  }
  .main-submenu .level-1 > li:hover a,
  .main-submenu .level-1 > li.active > a {
    color: #2B5264;
    background-color: #fff;
  }
  .main-submenu .level-1 > li:last-child > a {
    border-bottom: none;
  }
  .main-submenu .level-1 > li ul {
    margin-left: -200%;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
    left: 100%;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    z-index: 2;
  }
  .main-submenu .level-1 > li > ul {
    height: 260px;
  }
  .main-submenu .level-1 > li > ul:after {
    z-index: 2;
    background-color: #fff;
    position: absolute;
    height: 100%;
    border-right: 2px solid #E4EEF2;
    width: 50%;
  }
  .main-submenu .level-1 > li > ul > li:before {
    position: absolute;
    display: 'block';
    height: 100%;
    width: 2px;
    content: '';
    z-index: 4;
    background-color: #E4EEF2;
    top: 0;
    right: 49.9%;
  }
  .main-submenu .level-1 > li > ul > li > a {
    border-right: 2px solid #E4EEF2;
  }
  .main-submenu .level-1 > li > ul > li > ul {
    background-color: #fff;
  }
  .main-submenu.levels-3 .level-1 {
    width: 25%;
  }
  .main-submenu ul li:hover > ul,
  .main-submenu ul li.active > ul {
    overflow: visible;
    margin-left: 0;
    z-index: 1;
  }
  .main-submenu ul.level-1 {
    min-height: 100%!important;
  }
  .main-submenu ul.level-1 > li > ul {
    width: 200%;
  }
  .main-submenu ul.level-1 > li > ul > li:hover ul,
  .main-submenu ul.level-1 > li > ul li.active ul {
    overflow: hidden;
    margin-left: -50%;
    z-index: 2;
    min-height: 260px;
  }
  .main-submenu ul.level-1 > li > ul > li:hover ul ul,
  .main-submenu ul.level-1 > li > ul li.active ul ul {
    overflow: hidden;
    margin-left: -50%;
    min-height: 260px;
  }
  .main-submenu ul.level-1 > li > ul > li {
    width: 50%;
  }
  .main-submenu ul.level-1 > li > ul > li > ul {
    width: 50%;
    overflow: hidden;
    height: 260px;
  }
  .main-submenu ul.level-1 > li:hover > ul,
  .main-submenu ul.level-1 > li.active > ul {
    overflow: hidden;
    margin-left: 0;
  }
  .main-submenu ul.level-1 > li > ul.level-2,
  .main-submenu ul.level-1 > li > ul.level-3 {
    z-index: 2;
    height: 100%!important;
  }
  .main-submenu ul.level-1 > li > ul.level-2 > li a {
    z-index: 3;
    background-color: #fff;
    padding-left: 50px;
  }
  .main-submenu ul.level-1 > li > ul.level-2 > li a:after {
    content: '';
    display: block;
    width: 15px;
    height: 50px;
    position: absolute;
    left: -15px;
    top: 0;
    z-index: 4;
    background-color: #fff;
  }
  .main-submenu ul.level-1 > li > ul.level-3 > li {
    z-index: 2;
  }
  .main-submenu ul.level-1 > li ul a {
    position: relative;
    z-index: 2;
    background-color: #fff;
    color: #2B5264;
    font-size: 14px;
    margin: 0 0 0 -20px;
    border-bottom: 1px solid #E1E8EF;
    padding-top: 13px;
    padding-bottom: 13px;
  }
  .main-submenu ul.level-1 > li > ul > li:hover > a,
  .main-submenu ul.level-1 > li > ul > li.active > a {
    background-color: #E4EEF2;
    margin: 0 0 0 -20px;
    padding: 13px 0 13px 50px;
    text-decoration: none;
  }
  .main-submenu ul.level-1 > li > ul > li > ul {
    z-index: 1;
  }
  .main-submenu ul.level-1 > li > ul > li > ul a {
    padding: 9px 10px;
  }
  .main-submenu ul.level-1 > li > ul > li > ul a,
  .main-submenu ul.level-1 > li > ul.level-2 li:last-child a {
    border-bottom: none;
  }
  .main-submenu ul.level-1 > li > ul.level-2 a > i,
  .main-submenu ul.level-1 > li > ul.level-2 a:before {
    color: #02B0EF;
    margin-right: 5px;
  }
  .main-submenu ul.level-1 > li > ul.level-2 a:before {
    /*width: 5px;*/
    height: 12px;
    overflow: hidden;
    position: relative;
    display: inline-block;
    font-family: 'TelcelFont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f107";
    top: 6px;
    float: left;
    margin-left: -20px;
  }
  .arrow-menu {
    border-bottom: 20px solid #ACBFD4;
    border-right: 20px solid transparent;
    border-left: 20px solid transparent;
    border-top: none;
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    position: absolute;
    top: -20px;
    left: 25%;
  }
  /*This hack is necessary to achieve the correct position of the caret in WebKit*/
  .has-submenu {
    cursor: pointer;
  }
  .main-submenu ul.level-1 > li > ul.level-2 a:hover:before {
    text-decoration: none;
  }
  .main-submenu .side-area {
    border-left: 3px solid #E4EEF2;
    padding: 0 20px 20px 20px;
    min-height: 100%;
    width: 25%;
  }
  .main-submenu.levels-3 .side-area {
    width: 25%;
  }
  .main-submenu.levels-2 .side-area {
    width: 33.33333333333333%;
    left: -2px;
    z-index: 4;
  }
  .main-submenu.levels-1 .side-area {
    width: 50%;
    left: -2px;
    z-index: 4;
  }
  .main-submenu .side-area .inner {
    position: relative;
  }
  .main-submenu .side-promo {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #fff;
    width: 100%;
  }
  .main-submenu .ps-container .ps-scrollbar-y-rail {
    z-index: 10000;
    cursor: pointer;
    opacity: .5;
    background-color: #eee;
  }
  .main-submenu ul.level-2.ps-container > .ps-scrollbar-y-rail {
    right: 50.7%;
  }
}
@media (min-width: 992px) and screen and (-webkit-min-device-pixel-ratio: 0) {
  .main-submenu ul.level-1 > li > ul.level-2 a:before {
    top: 0;
  }
}
@media (max-width: 991px) {
  h1,
  .h1 {
    font-size: 30px;
  }
  h2,
  .h2 {
    font-size: 24px;
  }
  h3,
  .h3 {
    font-size: 20px;
  }
  h4,
  .h4 {
    font-size: 18px;
  }
  h5,
  .h5 {
    font-size: 15px;
  }
  h6,
  .h6 {
    font-size: 13px;
  }
  .hidden-xsm {
    display: none !important;
  }
  .text-center-sm {
    text-align: center;
  }
  .text-right-sm {
    text-align: right;
  }
  .clear-row-xs {
    margin-left: 0;
    clear: both;
    display: block;
  }
  .carousel-terminales .hidden-xsm-if {
    display: none !important;
  }
  .breadcrumb {
    height: 30px;
    padding-left: 0;
  }
  .breadcrumb > li {
    display: none;
  }
  .breadcrumb > li a:hover {
    text-decoration: none;
  }
  .breadcrumb > li.bredcrumb-back,
  .breadcrumb > li.active {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    position: relative;
    top: 0px;
  }
  .breadcrumb > li.bredcrumb-back {
    font-size: 30px;
  }
  .breadcrumb > li.active {
    top: -10px;
  }
  .breadcrumb > li + li:before {
    display: none;
  }
  .navbar-toggle {
    display: block;
  }
  .navbar-toggle {
    display: block;
  }
  .navbar-left.navbar-header {
    height: 35px;
  }
  .navbar > .container .navbar-brand,
  .navbar > .container-fluid .navbar-brand {
    margin-left: 0;
    max-height: 22px;
  }
  .navbar > .container .navbar-brand img,
  .navbar > .container-fluid .navbar-brand img {
    height: 22px;
  }
  .sidr .navbar-nav {
    float: none;
  }
  .sidr .navbar-nav > li {
    float: none;
  }
  .sidr .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    box-shadow: none;
  }
  .sidr .navbar-nav .open .dropdown-menu > li > a,
  .sidr .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px;
  }
  .sidr .navbar-nav .open .dropdown-menu > li > a {
    line-height: 21px;
  }
  .sidr .navbar-nav .open .dropdown-menu > li > a:hover,
  .sidr .navbar-nav .open .dropdown-menu > li > a:focus {
    background-image: none;
  }
  body > header > .header {
    min-height: 46px;
    height: 46px;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    border-bottom: 1px solid #f5f5f5;
  }
  .nav-top {
    float: right;
    padding-top: 0;
  }
  .navbar.navbar-static-top {
    margin-right: 370px;
    padding: 0;
    min-height: 40px;
  }
  .navbar-brand {
    margin: 12px 0;
    padding: 0;
  }
  .navbar-search {
    margin: 0 -10px;
    position: relative;
    top: -51px;
    right: 1px;
    float: right;
  }
  .navbar-search .navbar-form {
    margin: 0;
    padding: 0;
  }
  .navbar-collapse {
    background: #fff;
    position: relative;
    z-index: 1100;
    top: -2px;
    -moz-box-shadow: 0 2px 2px 0px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0 2px 2px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 0 2px 2px 0px rgba(0, 0, 0, 0.4);
  }
  .navbar-form {
    width: auto;
    position: relative;
    z-index: 1003;
  }
  .navbar-form .input-group {
    width: 0px;
    position: absolute;
    right: 0;
    top: 10px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  }
  .navbar-form .input-group input {
    padding-left: 0;
    padding-right: 0;
    border-color: transparent;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  }
  .navbar-form .btn {
    padding-top: 7px;
  }
  .navbar-form .input-group input {
    height: 36px;
  }
  .navbar-form:hover .input-group {
    width: 190px;
  }
  .navbar-form:hover .input-group input {
    padding-left: 12px;
    padding-right: 12px;
    border-color: #dbe5e7;
  }
  .login-box .inner {
    min-width: 300px;
  }
  .dropdown-menu.login-box {
    max-width: 310px;
    left: auto;
    right: 0;
  }
  .carousel-terminales {
    text-align: center;
  }
  .item-terminal a.red,
  .item-terminal .prettycheckbox label,
  .item-accesorios a.red,
  .item-accesorios .prettycheckbox label {
    font-size: 12px;
  }
  .item-terminal .price,
  .item-accesorios .price {
    font-size: 18px;
  }
  .metanav {
    text-align: center;
  }
  .footer {
    text-align: center;
  }
  .footer .navbar-brand {
    float: none;
  }
  .footer .navbar-social .nav > li {
    float: none;
    display: inline-block;
  }
  .footer .navbar-social li:first-child {
    display: none;
  }
  .footer .btn-contact {
    background-color: #1d6fb8;
    border-color: #1d6fb8;
  }
  .footer .btn-contact:hover,
  .footer .btn-contact:focus {
    background-color: #0a3d7e;
    border-color: #0a3d7e;
  }
  .top-push-sm {
    margin-top: 40px;
  }
  .top-push-sm.super {
    margin-top: 60px;
  }
  .top-push-sm.half {
    margin-top: 20px;
  }
  .top-push-sm.quarter {
    margin-top: 10px;
  }
  .top-push-sm.mini {
    margin-top: 5px;
  }
  .thumbnails h3 {
    font-size: 14px;
  }
  .thumbnails .expanded .close {
    font-size: 20px;
    right: 15px;
    top: 5px;
  }
  .tab-ayuda .thumbnails > li:nth-child(3n+1) {
    clear: both;
  }
  .nav-top > .container-fluid {
    padding: 0;
  }
  .nav-top .nav-tabs.nav-user {
    float: left;
  }
  .nav-location.nav {
    margin: 0 0 0 0;
    padding: 6px;
    float: left;
    background-color: #fff;
  }
  .nav-location > li {
    padding-left: 0;
  }
  .nav-location.nav > li > a {
    padding: 0 2px;
  }
  .nav-location.nav > li > a i {
    font-size: 20px;
    margin-top: 3px;
  }
  .navbar-nav .open .dropdown-menu.select-location {
    position: absolute;
    background-color: #fff;
    left: -5px;
    margin-top: 7px;
  }
  .home .super-tabs-holder,
  .tabs-lg-holder {
    margin-top: 0;
  }
  .footer .navbar-collapse {
    background-color: transparent;
    box-shadow: none;
  }
  /*Grid adjustmenet to keep same module in different positions*/
  .container-resultados .resultado .item-terminal .col-md-5.img {
    width: 41.6667%;
    float: left;
  }
  .container-resultados .resultado .item-terminal .col-md-7 {
    width: 58.3333%;
    float: left;
  }
  .container-resultados .resultado .item-accesorios .col-md-6 {
    width: 50%;
    float: left;
  }
  .container-resultados .resultado .item-terminal img.label-teminal {
    left: 50%;
    margin-left: -72px;
  }
  .container-resultados .resultado .item-terminal .item-link,
  .container-resultados .resultado .item-accesorios .item-link {
    font-size: 50px;
    margin-top: -20px;
    position: absolute;
    right: 20px;
    top: 50%;
  }
  .container-resultados .resultado .item-terminal .item-link:hover,
  .container-resultados .resultado .item-accesorios .item-link:hover {
    text-decoration: none;
  }
  .container-resultados .footer .pull-right,
  .container-resultados .footer .pull-left {
    float: none!important;
  }
  .nav-filtros.nav > li > a {
    padding: 10px 10px;
  }
  .bar-filtros .navbar-collapse {
    background-color: transparent;
    box-shadow: none;
  }
  .thumbnails .expanded h3 {
    margin-top: 20px;
  }
  .special-tabs-holder {
    margin-bottom: 0!important;
  }
  .formOverMap {
    margin-left: -20.83333333%;
    left: 50%;
  }
  .list-features .feature:nth-child(2n+1) {
    clear: both;
  }
}
@media (min-width: 768px) {
  .modal-sm {
    width: 490px;
  }
  .bar-filtros .filters-form {
    min-width: 205px;
  }
  .navbar-static-top.afixed,
  .header-main.afixed {
    z-index: 1000;
    border-bottom: 7px solid #f1f3f3;
    border-bottom: 7px solid rgba(230, 255, 255, 0.4);
    padding-bottom: 10px;
  }
  .list-special-plans .item .price label {
    display: block;
  }
  .radio-group .radio-inline:first-child {
    padding-left: 0;
  }
  .list-ganadores .promo-content .marked {
    margin-left: 0;
    left: 30px;
  }
  .list-materias > li:nth-child(3n+1) {
    clear: both;
  }
  ul.row .col-sm-4:nth-child(3n+1) {
    clear: both;
  }
  .list-terminales .item-link {
    display: none !important;
  }
  .list-bullets-content > li.col-sm-6:nth-child(2n+1) {
    clear: both;
  }
  /*BOF Comparador*/
  .compare-table > tbody > tr:not(:first-child) > td:first-child {
    padding-left: 20px;
  }
  .compare-table > tbody > tr:not(:first-child) > td:not(:first-child) {
    font-size: 14px;
  }
  .compare-table {
    margin-top: 60px;
    margin-bottom: 60px;
  }
  /*EOF Comparador*/
  /*BOF Checkout*/
  .checkout-header ul .feature {
    margin-left: 40px;
  }
  .checkout-header ul .feature:first-child {
    margin-left: 0;
  }
  .checkout-product .wrapper-price {
    border-left: 1px solid #e9ecef;
    border-right: 1px solid #e9ecef;
  }
  .checkout-product .wrapper-price {
    border-left: 1px solid #e9ecef;
    border-right: 1px solid #e9ecef;
  }
  .checkout-product .wrapper-detail,
  .checkout-product .wrapper-price {
    margin-top: 0;
    min-height: 188px;
  }
  .checkout-features .left {
    padding-right: 0;
  }
  .checkout-features .left .header {
    border-right: 3px solid #fff;
  }
  .checkout-features .left .wrapper-features {
    border-right-width: 3px;
    border-top-width: 0;
  }
  .checkout-features .right {
    padding-left: 0;
  }
  .checkout-features .right .header {
    border-left: 3px solid #fff;
  }
  .checkout-features .right .wrapper-features {
    border-left-width: 3px;
    border-top-width: 0;
  }
  .checkout-detail .header .col-center .title {
    margin-left: 10px;
  }
  .checkout-detail .header .col-right .title {
    text-align: right;
  }
  .checkout-detail .content .wrapper-amount {
    padding: 13px 0;
  }
  .checkout-detail .content .wrapper-total {
    padding: 18px 0;
  }
  .checkout-form-search {
    padding: 18px 30px;
  }
  /*EOF Checkout*/
  /*Old Browsers advice*/
  .oldBrowser {
    padding: 20px 0;
    position: fixed;
    z-index: 10000;
    width: 100%;
  }
  .oldBrowser i {
    font-size: 48px;
    float: left;
    display: inline-block;
    margin-right: 15px;
  }
  .oldBrowser strong {
    font-weight: 600;
    display: inline-block;
  }
  .oldBrowser p {
    font-size: 14px;
    margin-bottom: 0;
  }
  .oldBrowser .inner {
    float: left;
    display: inline-block;
    margin-right: 20px;
  }
  .top-pull-sm-1 {
    margin-top: -5px;
  }
  .banner-paquetes .bordered-left .inner {
    border-left: 8px solid #f2f7f9;
    padding-left: 40px;
    padding-bottom: 40px;
  }
  .form-last-step.big-icon {
    text-align: left;
    padding-left: 150px;
  }
  .form-last-step.big-icon > i {
    font-size: 60px;
    margin-left: -80px;
    float: left;
  }
  .circulo-azul-points dl {
    border-bottom: 1px solid #f2f7f9;
  }
  .circulo-azul-points dl dt {
    text-align: left;
    border-top: 1px solid #f2f7f9;
    padding: 10px 0;
    color: #000;
    font-weight: normal;
    width: 190px;
  }
  .circulo-azul-points dl dt strong {
    font-weight: 600;
  }
  .circulo-azul-points dl dd {
    text-align: right;
    border-top: 1px solid #f2f7f9;
    padding: 10px 0;
    margin-left: 190px;
    color: #000;
    font-weight: 600;
  }
}
@media (max-width: 767px) {
  .top-push-xs-null {
    margin-top: 0!important;
  }
  .top-push-xs {
    margin-top: 40px;
  }
  .top-push-xs.super {
    margin-top: 60px;
  }
  .top-push-xs.half {
    margin-top: 20px;
  }
  .top-push-xs.quarter {
    margin-top: 10px;
  }
  .top-push-xs.mini {
    margin-top: 5px;
  }
  .text-center-xs {
    text-align: center;
  }
  .text-right-xs {
    text-align: right;
  }
  .header.header-main {
    height: 46px;
    min-height: 46px;
  }
  .navbar.navbar-static-top {
    margin-right: 120px;
  }
  .nav-location.nav {
    margin-top: -2px;
    padding: 8px;
  }
  .nav-location.nav > li > a i,
  .nav-top .nav-tabs.nav-user > li > a:before {
    font-size: 24px;
  }
  .nav-top .nav-tabs.nav-user {
    margin-top: 0;
  }
  .nav-top .nav-tabs.nav-user > li {
    margin-bottom: 0;
  }
  .nav-top .nav-tabs.nav-user > li > a {
    padding: 9px;
    max-height: 48px;
  }
  .nav-top .nav-tabs.nav-user > li > a i {
    font-size: 24px;
  }
  .dropdown-menu.login-box {
    margin-top: 44px;
  }
  .section-divider {
    padding-bottom: 40px;
    margin-bottom: 40px;
  }
  .section-divider.sticked-bottom {
    padding-bottom: 0;
  }
  .big-banner {
    margin-bottom: 40px;
    padding-bottom: 40px;
  }
  .equipos .hero {
    text-align: center;
  }
  .equipos .hero a.btn {
    margin: 40px 0;
  }
  .busqueda-equipos .filtros-extended .checkbox,
  .filtros-busqueda .filtros-extended .checkbox {
    float: left;
    width: 50%;
  }
  .busqueda-equipos .filtros-extended .checkbox + .checkbox,
  .filtros-busqueda .filtros-extended .checkbox + .checkbox {
    margin-top: 10px;
  }
  .busqueda-equipos .filtros-extended .checkbox:nth-child(2n+1),
  .filtros-busqueda .filtros-extended .checkbox:nth-child(2n+1) {
    clear: both;
  }
  .busqueda-equipos .filtros-extended .arrow-slideUp,
  .filtros-busqueda .filtros-extended .arrow-slideUp {
    margin-top: 40px;
  }
  .busqueda-equipos .filtros-extended h4,
  .filtros-busqueda .filtros-extended h4 {
    margin-top: 15px;
  }
  .carousel-otrossites {
    margin-bottom: 40px;
  }
  .metanav .navbar-right,
  .metanav .navbar-left {
    float: none;
  }
  .footer .metanav {
    background-color: #475659;
    margin-bottom: 0;
  }
  #chat {
    display: none;
  }
  #chat.open.chat-mobile {
    display: block;
    position: relative;
    width: 100%;
    max-width: 100%;
  }
  .main-footer {
    padding: 0;
  }
  .footer-nav > nav > .clearfix {
    border-bottom: 1px solid #6c787a;
    margin-bottom: 15px;
    padding-bottom: 10px;
    margin-left: -10px;
    margin-right: -10px;
  }
  .footer .navbar-social {
    margin-top: 20px;
    margin-bottom: 0;
  }
  .metanav .navbar-left {
    margin-bottom: 10px;
  }
  .footer .metanav {
    color: #6c787a;
    color: rgba(255, 255, 255, 0.2);
  }
  .footer .metanav a {
    color: #fff;
  }
  .container-resultados .resultado .item-terminal,
  .container-resultados .resultado .item-accesorios {
    min-height: 0;
  }
  .table-rd {
    display: table;
    width: 100%;
  }
  .bar-filtros {
    display: table-row;
  }
  .table-cell-rd {
    display: table-cell !important;
    vertical-align: top;
  }
  .bar-filtros .table-cell-rd {
    float: left;
    margin-left: 10px;
    width: 33.33333333333333333%;
  }
  .bar-filtros .navbar-toggle {
    padding: 10px 0;
    margin: 0;
    float: left;
  }
  .nav-filtros {
    width: 290%;
    box-shadow: none;
    background-color: transparent;
    position: relative;
    top: 20px;
  }
  .nav-filtros li {
    display: block;
    float: none;
  }
  .busqueda-equipos .header,
  .busqueda-equipos .filtros-extended,
  .filtros-busqueda .header,
  .filtros-busqueda .filtros-extended {
    margin-top: 0;
  }
  .slider-text {
    /*display: none;*/
  }
  .nav-location.navbar-nav .open .dropdown-menu {
    left: -39px;
  }
  .tabsToselect-xs-holder .tabs-lg-holder {
    background-image: none;
    margin-top: 40px;
    padding-top: 40px;
    border-top: 8px solid #f2f7f9;
  }
  .tabsToselect-xs .nav-pills-open {
    width: 100%;
    z-index: 100;
    display: inline-block;
  }
  .tabsToselect-xs > ul {
    background-color: #fff;
    border-radius: 0 0 4px 4px;
    height: 0;
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: 100;
    display: inline-block;
  }
  .tabsToselect-xs > ul > li > a {
    background-color: #F2F7F9;
    color: #37b7f5;
  }
  .tabsToselect-xs > ul > li > a > h2 {
    color: #37b7f5;
  }
  .tabsToselect-xs > ul > li > a:hover > h2 {
    color: #fff;
  }
  .tabsToselect-xs > ul > li.active > a:hover > h2 {
    color: #000;
  }
  .list-special-plans .item .price-holder {
    margin-top: 20px;
  }
  .list-special-plans .item .price span {
    font-size: 30px;
  }
  .list-special-plans .item {
    margin-bottom: 60px;
  }
  .list-special-plans .item .price label,
  .list-special-plans .item .price small {
    font-size: 20px;
  }
  .ficha-equipo h1:first-child {
    margin-top: 40px;
  }
  .ficha-equipo .rating {
    right: 10px;
  }
  .modal-dialog {
    margin: 0;
  }
  .bordered-grid {
    margin-right: 0;
  }
  .bordered-grid .item {
    border-right: none;
  }
  /*Special grid*/
  .grid-like-table {
    margin: 30px 0;
  }
  .grid-like-table .col-sm.row-xs {
    width: 100%;
    display: block;
    border: 10px solid #f2f7f9;
    border-bottom: none;
    padding: 30px;
    float: none;
    margin-bottom: 0;
    padding-bottom: 30px;
  }
  .grid-like-table .col-sm.col-sm:nth-child(2n) {
    border-left: 10px solid #f2f7f9;
  }
  .grid-like-table .col-sm.col-sm:nth-child(2n-1) {
    border-right: 10px solid #f2f7f9;
  }
  .radio-inline + .radio-inline,
  .checkbox-inline + .checkbox-inline {
    margin-left: 0;
  }
  .list-ganadores li .promo-img {
    margin-bottom: 40px;
  }
  .formOverMap {
    margin-left: -33.33333333%;
    left: 50%;
  }
  .list-materias > li:nth-child(2n+1) {
    clear: both;
  }
  /*BOF Comparador*/
  .compare-table > tbody > tr > td {
    padding: 10px;
    font-size: 13px;
    width: 200px;
    min-width: 200px;
    max-width: 200px;
    white-space: normal;
    border-width: 0 2px;
  }
  .compare-table > tbody > tr > td.phone-img {
    width: 80px;
    max-width: 80px;
    min-width: inherit;
    border-right: 0;
  }
  .compare-table > tbody > tr > td.phone-img ~ td {
    border-left: 0;
  }
  .compare-table > tbody > tr > td.phone-img img {
    min-width: 60px;
  }
  .compare-table > tbody > tr > td.phone-description {
    width: 175px;
    max-width: 175px;
    min-width: 175px;
  }
  .compare-table > tbody > tr > td.half {
    width: 100px;
    max-width: 100px;
    min-width: 100px;
  }
  /*EOF Comparador*/
  /*BOF Checkout*/
  .checkout-detail .wrapper-data-client {
    border-bottom: 1px solid #e9ecef;
  }
  .checkout-detail .comment {
    padding-bottom: 13px;
    border-bottom: 1px solid #e9ecef;
  }
  .btn-print {
    display: none;
  }
  .btn-lg {
    font-size: 16px;
  }
  /*EOF Checkout*/
  .sidebar {
    margin-top: 30px;
    padding-top: 30px;
    border: 2px solid #F2F7F9;
  }
  .js-form-tramites .col-sm-4 {
    margin-bottom: 20px;
  }
  .list-logos {
    text-align: center;
  }
  .list-logos li {
    margin-bottom: 20px;
  }
  .modal-body .btn + .btn {
    margin-top: 20px;
    clear: both;
  }
  .radio-row:before {
    top: 27px;
  }
  .range-radio .prettyradio label {
    font-size: 15px;
  }
  /*Big Banner Valigned*/
  .big-banner .valign {
    text-align: center;
  }
  .big-banner .valigned {
    position: relative;
    top: 0;
    transform: none;
    -moz-transform: none;
    -webkit-transform: none;
  }
  .arrow-boxes-holder > div:last-child {
    margin-bottom: 0;
  }
  /*ShortCuts*/
  .nav-shortcuts {
    display: table;
    width: 100%;
    margin-bottom: 0;
  }
  .nav-shortcuts li {
    display: table-cell;
    width: 1%;
    float: none;
    border-bottom: 1px solid #E6EEF2;
    border-top: 1px solid #E6EEF2;
    border-left: 1px solid #E6EEF2;
    padding: 15px 0;
    text-align: center;
    width: 33.333333333333333333333333%;
    background-color: #fff;
  }
  .nav-shortcuts.cols-2 li {
    width: 50%;
  }
  .nav-shortcuts.cols-4 {
    position: relative;
  }
  .nav-shortcuts.cols-4 li {
    width: 50%;
    float: left;
    display: block;
  }
  .nav-shortcuts.cols-4 li:nth-child(3) {
    clear: both;
    top: 100%;
  }
  .nav-shortcuts li {
    display: table-cell;
    width: 1%;
    float: none;
    border-bottom: 1px solid #E6EEF2;
    border-top: 1px solid #E6EEF2;
    border-left: 1px solid #E6EEF2;
    padding: 15px 0;
    text-align: center;
    width: 25%;
    background-color: #fff;
  }
  .nav-shortcuts li a {
    font-size: 13px;
    color: #000;
    font-weight: 600;
    display: block;
  }
  .nav-shortcuts li a:hover {
    text-decoration: none;
    opacity: .8;
  }
  .nav-shortcuts li i {
    display: block;
    font-size: 36px;
    color: #01B0EE;
    margin-bottom: 10px;
  }
  .nav-shortcuts li:first-child {
    border-left: none;
  }
  .super-tabs-panels .simple-carousel {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .shortcuts .nav {
    margin-bottom: 10px;
    margin-top: 20px;
  }
  .shortcuts .shortcut {
    margin-bottom: 10px;
  }
  .nav ul li.shortcut .inner {
    display: block;
    overflow: hidden;
    padding: 20px;
  }
  .nav ul li.shortcut i,
  .shortcut p {
    float: left;
  }
  .nav ul li.shortcut i {
    margin-right: 15px;
  }
  .shortcut i + p {
    margin-top: 15px;
  }
}
@media (min-width: 480px) {



  .table-editable-3.table tbody tr td{
    padding: 0px !important;
  }

  .borrar-tarjeta-mensaje{
    padding: 5px;
  }


  .hidden-xxs {
    display: block;
  }
  .visible-xxs {
    display: none;
  }
}
@media (max-width: 479px) {

  .borrar-tarjeta-mensaje{
    padding: 0px !important;
    width: 120px !important;
  }

  .tooltip{
    display: none;
  }
  .hidden-xxs {
    display: none;
  }
  .visible-xxs {
    display: block;
  }
  .container-extended-xxs {
    padding-left: 0px;
    padding-right: 0px;
  }
  body > header > .header {
    border-bottom: 1px solid #f5f5f5;
  }
  .navbar-toggle {
    border-right: 1px solid #f5f5f5;
    margin-top: 0;
    padding: 10px;
  }
  .nav-top {
    border-left: 1px solid #f5f5f5;
  }
  /*Modales en dispositivos móviles*/
  .modal-mobile {
    z-index: 10000!important;
  }
  .modal-mobile .modal-dialog {
    margin: 0!important;
  }
  .modalmobilecloned .btn {
    white-space: normal;
  }
  /*.md-modal {
    position: fixed;
    top: 0;
    left: 50%;
    width: 100%;
    max-width: 480px;
    min-width: 320px;
    max-height: 100%;
    height: auto;
    z-index: 1111112;
    visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    overflow: scroll;
  }*/
  .modal-content .highlighted-block {
    margin-bottom: 0;
  }
  .modal-content .highlighted-block.short {
    padding: 30px 20px 20px 20px;
  }
  .modal-content .phone-details .header {
    padding-left: 0px;
  }
  /*.md-show {
    visibility: visible;
    display: block!important;
  }

  .md-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    visibility: hidden;
    top: 0;
    left: 0;
    z-index: 10000;
    opacity: 0;
    background: @color-blue-light;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
  }

  .md-show ~ .md-overlay {
    opacity: 1;
    visibility: visible;
  }
  .md-modal .md-content {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
  }


  .md-modal.md-show .md-content {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }*/
  .modalmobilecloned .btn.btn-close-modal {
    font-size: 26px;
    right: -10px;
    top: -20px;
  }
}


.table-editable-3.table tbody tr td{
    padding: 12px !important;
}