/******* DEBUG MODE ***********/
body.debug { background-color: rgba(0,0,0,.3); border: 1px solid rgba(255,255,255,.5); }
body.debug * { background-color: rgba(255,0,0,.3); border: 1px solid rgba(255,0,0,.5); }
body.debug * * { background-color: rgba(0,255,0,.3); border: 1px solid rgba(0,255,0,.5); }
body.debug * * * { background-color: rgba(0,0,255,.3); border: 1px solid rgba(0,0,255,.5); }
body.debug * * * * { background-color: rgba(255,0,255,.3); border: 1px solid rgba(255,0,255,.5); }
body.debug * * * * * { background-color: rgba(0,255,255,.3); border: 1px solid rgba(0,255,255,.5); }
body.debug * * * * * * { background-color: rgba(255,255,0,.3); border: 1px solid rgba(255,255,0,.5); }
/******* DEBUG MODE ***********/

/*

CUSTOM CSS DE NETELIP

Colores Para la web

Modificacion de clases de bs3 para páginas concretas.
Aquí ire poniendo elementos utiles para buscarlos y copiar

///// CORPORATIVO ////////

#1b83c2

////////// OK ///////////

#8dae3b

////////// KO ///////////

#c24943

GRISES:

Gris fondo cajas actuales: #f0f0ef
Gris oscuro cajas actuales: #f7f7f7

Casi negros:

Negro de los textos: #0a070a

*/

/*

FONTS

 */

/*

@font-face {
  font-family: "Noto Sans";
  font-style: normal;

  src: url(static.netelip.com/panel/v4/fonts/NotoSans-Regular.ttf);
}


*/


/* noto-sans-regular - latin */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 400;
  src: url("https://static.netelip.com/panel/v4/fonts/noto-sans-v7-latin-regular.eot"); /* IE9 Compat Modes */
  src: url("https://static.netelip.com/panel/v4/fonts/noto-sans-v7-latin-regular.eot?#iefix") format('embedded-opentype'), /* IE6-IE8 */
  url("https://static.netelip.com/panel/v4/fonts/noto-sans-v7-latin-regular.woff2") format('woff2'), /* Super Modern Browsers */
  url("https://static.netelip.com/panel/v4/fonts/noto-sans-v7-latin-regular.woff") format('woff'), /* Modern Browsers */
  url("https://static.netelip.com/panel/v4/fonts/noto-sans-v7-latin-regular.ttf") format('truetype'), /* Safari, Android, iOS */
  url("https://static.netelip.com/panel/v4/fonts/noto-sans-v7-latin-regular.svg#NotoSans") format('svg'); /* Legacy iOS */
}

/* noto-sans-700 - latin */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 700;
  src: url('https://static.netelip.com/panel/v4/fonts/noto-sans-v7-latin-700.eot');
  src: url("https://static.netelip.com/panel/v4/fonts/noto-sans-v7-latin-700.eot?#iefix") format('embedded-opentype'), /* IE6-IE8 */
  url("https://static.netelip.com/panel/v4/fonts/noto-sans-v7-latin-700.woff2") format('woff2'), /* Super Modern Browsers */
  url("https://static.netelip.com/panel/v4/fonts/noto-sans-v7-latin-700.woff") format('woff'), /* Modern Browsers */
  url("https://static.netelip.com/panel/v4/fonts/noto-sans-v7-latin-700.ttf") format('truetype'), /* Safari, Android, iOS */
  url("https://static.netelip.com/panel/v4/fonts/noto-sans-v7-latin-700.svg#NotoSans") format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'proxima_nova_rgbold';
  src: url('https://static.netelip.com/panel/v4/fonts/proximanova-bold-webfont.eot');
  src: url('https://static.netelip.com/panel/v4/fonts/proximanova-bold-webfont.eot?#iefix') format('embedded-opentype'),
  url('https://static.netelip.com/panel/v4/fonts//proximanova-bold-webfont.woff') format('woff'),
  url('https://static.netelip.com/panel/v4/fonts/proximanova-bold-webfont.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}


html, body {   height: 100%;   /*font-family: "proxima_novalight",Arial,Helvetica,sans-serif !important;*/   font-family: 'Noto Sans', sans-serif !important;   /*-webkit-user-select: none;   -moz-user-select: none;   -ms-user-select: none;   -o-user-select: none;   user-select: none; */ }
/* Wrapper for page content to push down footer */
#wrap
{
  min-height: 100%;
  height: auto;
  /* Negative indent footer by its height */
  margin: 0 auto -75px;
  /* Pad bottom by footer height */
  /* padding: 20px 15px 60px 15px !important; */
}

/* Set the fixed height of the footer here */
#footer
{
  height: 60px;
  border: 1px solid transparent;
  border-color: #e7e7e7;
  margin-top: 15px;
  margin-bottom: 20px;
}

#footer > .jumbotron {
  padding: 10px 15px 10px 15px;
  margin-bottom: 0px;
}

.page-header
{
  margin-top: 20px;
}

.navbar
{
  border-radius: 0px;
}

.bundle-menu
{
  margin-bottom: 15px;
}

.netelip
{
  color: #008ED6;
}

.nav-tabs-margin
{
  margin-top: 57px;
  margin-bottom: 15px;
}

.nav-tabs {
  font-size: 13px !important;
  border-bottom: 1px solid #ddd;
  margin-bottom: 15px !important;
}

.thumbnail:hover
{
  text-decoration: none !important;
}

.app-btn
{
  font-size: 20px;
  margin-bottom: 0px;
}

.no-margin-top
{
  margin-top: 0px !important;
}

.margin-top {
  margin-top: 35px;
}

.margin-top-10 {
  margin-top: 10px;
}

.margin-top-20 {
  margin-top: 20px !important;
}

.margin-top-5 {
  margin-top: 5px;
}

.service-app-icon
{
  width: 125px;
  height: auto;
}

.service-app-icon-mini
{
  display: block;
  float: none;
  margin: 0 auto;
  max-width: 120px;
  text-align: center;
}

.xs-menu .service-app-icon-mini
{
  display: block;
  float: none;
  margin: 0 auto;
  max-width: 50px;
  text-align: center;
}

.service-app-icon-mini+.icon-name,
.service-app-icon-mini+.icon-name p
{
  font-size: 13px;
  margin-bottom: 2px;
  text-align: center;
  white-space: nowrap;
}

.thumbnail.no-frame
{
  border: none !important;
}

.thumbnail.no-frame:hover
{
  opacity: .6;
}

.section-header
{
  margin:10px 0 20px;
  border-bottom: 1px solid #eee;
}

.dashboard h4
{
  white-space: nowrap;
}

.no-padding {
  padding-left:0px !important;
  padding-right:0px !important;
}

div.admin-service {
  min-height: 280px;
}

ul.menu-admin li {
  white-space: nowrap;
}

ul.menu-left li a {
  /*white-space: nowrap;*/
}

.menu-apps {
  margin-bottom: 0px !important;
}

.menu-apps > h4{
  margin-bottom: 0px !important;
}

.file-preview-input {
  position: relative;
  overflow: hidden;
  margin: 0px;
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.file-preview-input input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
  font-size: 20px;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
}
.file-preview-input-title {
  margin-left:2px;
}

#footer p {
  margin: 0 0 0 0;
}

.footer-nav {
  padding-top: 5px;
  list-style: none;
}

.footer-nav>li {
  position: relative;
  display: block;
  float: left;
}

.footer-nav>li>a
{
  position: relative;
  display: block;
  padding: 5px 5px;
  color: inherit;
}

.main-content {
  padding-bottom: 10px;
}

.navbar-login
{
  width: 305px;
  padding: 10px;
  padding-bottom: 0px;
}

.navbar-login-session
{
  padding: 10px;
  padding-bottom: 0px;
  padding-top: 0px;
}

.icon-size
{
  font-size: 87px;
}

.page-header h1,h2 {
  color: #525252 !important;
}

.section-header h1,h2 {
  color: #525252 !important;
}

div.tooltip-inner {
  max-width: 500px;
  text-align: left;
}

.img-responsive-svg {
  width: 100%;
}

.img-responsive-svg-config {
  width: 85%;
}

.table tbody>tr>td.vert-align{
  vertical-align: middle;
}

.nav-stacked > li > a {
  color:#737373;
}

.nav-stacked > li.active > a {
  color:#428bca;
}

.bg-primary-menu > a.active-m {
  color:#428bca;
}

.bg-primary-menu > a.desactive-m {
  color:#737373;
}


/* Asistgente de pasos */

.stepwizard-step p {
  margin-top: 10px;
}

.stepwizard-row {
  display: table-row;
}

.stepwizard {
  display: table;
  width: 100%;
  position: relative;
  z-index: 10;
}

.stepwizard-step button[disabled] {
  opacity: 1 !important;
  filter: alpha(opacity=100) !important;
}

.stepwizard-row:before {
  top: 14px;
  bottom: 0;
  position: absolute;
  content: " ";
  width: 100%;
  height: 1px;
  background-color: #ccc;
  z-order: 0;

}

.stepwizard-step {
  display: table-cell;
  text-align: center;
  position: relative;
}

.btn-circle {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 15px !important;
}

/* Marcos para formularios */

.well2,
.well2-padding {
  background-color: #fcfcfc;
  padding: -4px 35px 25px 20px;
  max-width: 1080px;
  border-radius: 4px;
  margin-bottom: 20px;
  min-height: 20px;
}

.well2-lg,
.well2-padding-lg {
  background-color: #fcfcfc;
  padding: -3px 35px 25px 20px;
  max-width: none;
  border-radius: 4px;
  margin-bottom: 20px;
  min-height: 20px;

}

.well2-padding {
  margin-top:30px;
  margin-bottom:15px;
}

.well2-padding-lg {
  margin-top:30px;
  margin-bottom:15px;
}

.well-white {
  padding: 25px 35px 25px 20px;
  max-width: 1080px;
  margin-bottom: 20px;
  min-height: 20px;
}

.well-white-lg {
  padding: 25px 35px 25px 20px;
  max-width: none;
  margin-bottom: 20px;
  min-height: 20px;
}

.well-form {
  max-width: 1080px;
  margin-bottom: 20px;
  min-height: 20px;
  margin-left: 0px !important;
}

.well-form-sm {
  max-width: 1200px;
  padding-left: 15px;
  margin-bottom: 20px;
  min-height: 20px;
  margin-right: 0px !important;
}

.well-form-lg {
  max-width: none;
  margin-bottom: 20px;
  min-height: 20px;
  margin-right: 0px !important;
}

.img-circle-xs {
  max-width: 40px !important;
  margin-top: 6px !important;
  margin-right: 20px !important;
  margin-left: 15px !important;
  border-radius: 50%;
  position: relative;
}

.menu-user-img {
  top: 22px !important;
  left: -195px !important;
  border-radius: 6px !important;
  border: 1px solid rgba(0,0,0,.15) !important;
  webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2) !important;
  box-shadow: 0 5px 10px rgba(0,0,0,.2) !important;
  padding-bottom: 20px;
  width: 100px;
  min-width: 247px !important;
}
/* Migas */

.breadcrumb {
  max-width: 1080px;
  background: none !important;
  font-size: 12px !important;
  margin-left: -4px;
  padding: 8px 0px !important;
}

.section-header {
  max-width: 1080px;
}
.margin-left-25 {
  margin-left: 25px !important;
}
.margin-right-25 {
  margin-right: 25px !important;
}

/* Estilos de parrafos */

p.lead-mini {
  font-size: 12px;
  font-weight: 200;
  line-height: 1.4;
  margin-bottom: 7px;
}

p.lead {
  font-size: 14px;
  font-weight: 200;
  line-height: 1.4;
}
div.lead {
  font-size: 14px;
  font-weight: 200;
  line-height: 1.4;
  color: #848388 !important;
}

/* Boton embed para flash */

.btn-embed-play{
  float: right;
  margin-left: 5px;
  height: 22px !important;
  width: 24px;
}

/* Botones default de colores */

.default-danger {
  border-color: #d9534f !important;
  color: #d9534f !important;
}

.default-primary {
  border-color: #267ab0 !important;
  color: #267ab0 !important;
}

.default-success {
  border-color: #5cb85c !important;
  color: #5cb85c !important;
}

.default-info {
  border-color: #2979A9 !important;
  color: #2979A9 !important;
}

.default-warning {
  border-color: #f0ad4e !important;
  color: #f0ad4e !important;
}

.text-green { color: #7AB031; }
.text-red { color: #941B1F; }
.text-grey { color: #737373 !important; }

h1.title-seccion {
  color: #999 !important;
  margin-top: -20px;
}

h1.title-service {
  /*font-size: 38px !important;*/
  color: #595959 !important;
  margin-top: 15px;
}

h1.title-seccion-sub  {
  color: #666 !important;
  margin-top: 50px;
}

h1.title-seccion-sub > small {
  margin-left: 10px;
}

h1 > img {
  vertical-align: -20px;
}


strong {
  color: #525252 !important;
}

h1, h2, h3, h4, h5, h6 {
  color: #525252 !important;
}

th {
  color: #525252 !important;
}

/* Estilo cabeceras */
h1:not(.no-mod) { font-size: 24px !important; }
h2:not(.no-mod) { font-size: 20px !important; }
h3:not(.no-mod) { font-size: 16px !important; }
h4:not(.no-mod) { font-size: 14px !important; }
h5:not(.no-mod) { font-size: 12px !important; }

.no-margin {
  margin: 0px !important;
}

.no-margin-full {
  margin: 0 0 0 0 !important;
  padding: 0 0 0 0 !important;
}

.no-padding {
  padding: 0px !important;
}

.no-margin-lateral {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

.no-margin-top {
  margin-top: 0px !important;
}


/* Modificacion de pasos de pago */
.stepwizard {
  height: 70px;
}
.stepwizard-step > p {
  /*max-width: 35px*/
  position: absolute;
  text-align: center;
  width: 100%;
}

.text-bold {
  font-weight: bold;
}

.text-ligh {
  font-weight: 100 !important;
}

.margin-tb-10 {
  margin: 10px 0;
}

.border-primary {
  border-color: #337ab7 !important;
}


/* Alineación de tablas */
.table-striped:not(.no-aling):not(.no-mod) > thead > tr:not(.no-aling):not(.no-mod) > th:last-child:not(:first-child) {
  text-align: right;
}

.table-striped:not(.no-aling):not(.no-mod) > tbody > tr:not(.no-aling):not(.no-mod) > td:last-child:not(:first-child) {
  text-align: right;
}

/*
pre {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;


  -o-user-select: text;
  user-select: text;
}

code {

  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;


  -o-user-select: text;
  user-select: text;
}

.form-control-static {

  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;


  -o-user-select: text;
  user-select: text;
} */

.pagination > li > a, .pagination > li > span  {
  font-size: 11px !important;
}

.pagination > li > span:hover,
.pagination > li > span:focus {
  color: #337ab7 !important;
  background-color: #fff !important;
  border-color: #ddd !important;
}

.table-center {
  margin-bottom: 10px;
  margin-top: 15px;
  line-height: 1.1;
}

.blockquote {
  border-left: 5px solid #eee;
  margin: 0 0 20px;
  padding: 5px 10px;
}

.glyphicon-question-sign {
  cursor: pointer;
}

.input-xs {
  max-height: 28px;
  font-size: 10px !important;
}

.tooltip-inner {
  background-color: white !important;
  color: #222  !important;
  border: solid 1px #999 !important;
  padding: 10px !important;
}

.input-group-margin > .input-group {
  margin-bottom: 15px
}

.badge-default-danger {
  border: 1px solid #d9534f !important;
  background-color: #fff !important;
  color: #d9534f !important;
}

.badge-default-warning {
  border: 1px solid #f0ad4e !important;
  background-color: #fff !important;
  color: #f0ad4e !important;
}

.badge-danger {
  background-color: #d9534f !important;
  color: #fff !important;
}

.badge-warning {
  background-color: #f0ad4e !important;
  color: #fff !important;
}

.notify-btn {
  width: 45px;
}

.notify-btn .popover-content {
  background-color: #fcfcfc;
}

#menu-notify + .popover {
  top: 30px !important;
}

.notify-btn .popover-content a {
  border: none;
  margin:0px;
  line-height: 18px;
  color: #777;
  font-size: 13px;
  /*border-left: solid 4px green;*/
}

.notify-view {
  border-left: solid 4px #d9534f !important;
}

.notify-no-view {
  border-left: solid 4px #428bca !important;
}

.ficha-notify {
  padding:10px;
  display: block;
  background-color: #fff;
  margin-bottom: 3px;
  /*margin: 8px 0 0 -15px;*/
  -webkit-box-shadow: 4px 2px 5px 0px rgba(196,196,196,1);
  -moz-box-shadow: 4px 2px 5px 0px rgba(196,196,196,1);
  box-shadow: 4px 2px 5px 0px rgba(196,196,196,1);
}

.text-mini {
  font-size: 10px;
}

/* AÑADIDO POR Grego */

/* TIPOS DE JUMBOTRON */

.jumbotron h1 { font-weight: 100 !important; }

/* Jumbo gris info en gris texto en gris */
/* JUMBO DISABLED */

.jumbotron-disabled {
  background-color: #eeeeed;
  border-radius: 10px;
  padding: 70px 0px;
  padding-bottom: 40px;
}

.jumbotron-disabled h1 {
  padding: 0;
  color: #b8b3ab !important;
  margin: 0 auto;
}

.jumbotron-disabled h1:before {
  content: "";
  position: relative;
  display: block;
  float: left;
  width: 60px;
  height: 60px;
  left: 10%;
  background: url(//static.netelip.com/panel/v4/img/icons/info-icon-gris.svg);
  top: -14px;
  background-size: cover;
  background-repeat: no-repeat;
}

/* Jumbo gris info en azul texto en negro */

.jumbotron-default {
  background-color: #eeeeed;
  border-radius: 10px;
  padding: 70px 0px;
  padding-bottom: 40px;
}

.jumbotron-default h1 {
  padding: 0;
  color: #444343 !important;
  margin: 0 auto;
}

.jumbotron-default a {
  float: right;
  clear: both;
  margin-right: 58%;
  background-color: #1b83c2;
  color: white;
  border: 0px solid transparent;
}

.jumbotron-default h1:before {
  content: "";
  position: relative;
  display: block;
  float: left;
  width: 60px;
  height: 60px;
  left: 10%;
  background: url(//static.netelip.com/panel/v4/img/icons/info-icon.svg);
  top: -14px;
  background-size: cover;
  background-repeat: no-repeat;
}

/* FIN Jumbo gris info en azul texto en gris */

/* Jumbo fondo azul y textos en blanco - info en azul oscuro */
/* JUMBO INFO - PRIMARY */

.jumbotron-info {
  background-color: #2979a9;
  border-radius: 10px;
  padding: 70px 0px;
  padding-bottom: 40px;
}

.jumbotron-info h1{
  padding: 0;
  color: white !important;
  margin: 0 auto;
}

.jumbotron-info h1:before {
  content: "";
  position: relative;
  display: block;
  float: left;
  width: 60px;
  height: 60px;
  left: 10%;
  background: url(//static.netelip.com/panel/v4/img/icons/info-icon-azul.svg);
  top: -14px;
  background-size: cover;
  background-repeat: no-repeat;
}

/* FIN fondo azul y textos en blanco - info en azul oscuro */

/* Jumbo fondo verde y textos en blanco - info en verde oscuro */
/* JUMBO SUCCESS */

.jumbotron-success {
  background-color: #67a545;
  border-radius: 10px;
  padding: 70px 0px;
  padding-bottom: 40px;
}

.jumbotron-success h1 {
  padding: 0;
  color: white !important;
  margin: 0 auto;
}

.jumbotron-success h1:before {
  content: "";
  position: relative;
  display: block;
  float: left;
  width: 60px;
  height: 60px;
  left: 10%;
  background: url(//static.netelip.com/panel/v4/img/icons/info-icon-verde.svg);
  top: -14px;
  background-size: cover;
  background-repeat: no-repeat;
}

/* FIN fondo verde y textos en blanco - info en verde oscuro */


/* Jumbo fondo amarillo y textos en blanco - info en amarillo oscuro */
/* JUMBO WARNING */

.jumbotron-warning {
  background-color: #dfa331;
  border-radius: 10px;
  padding: 70px 0px;
  padding-bottom: 40px;
}

.jumbotron-warning h1 {
  padding: 0;
  color: white !important;
  margin: 0 auto;
}

.jumbotron-warning h1:before {
  content: "";
  position: relative;
  display: block;
  float: left;
  width: 60px;
  height: 60px;
  left: 10%;
  background: url(//static.netelip.com/panel/v4/img/icons/info-icon-naranja.svg);
  top: -14px;
  background-size: cover;
  background-repeat: no-repeat;
}

/* FIN Jumbo fondo amarillo y textos en blanco - info en amarillo oscuro */


/* Jumbo fondo amarillo y textos en blanco - info en amarillo oscuro */
/* JUMBO DANGER */

.jumbotron-danger {
  background-color: #cb6136;
  border-radius: 10px;
  padding: 70px 0px;
  padding-bottom: 40px;
}

.jumbotron-danger h1 {
  padding: 0;
  color: white !important;
  margin: 0 auto;
}

.jumbotron-danger h1:before {
  content: "";
  position: relative;
  display: block;
  float: left;
  width: 60px;
  height: 60px;
  left: 10%;
  background: url(//static.netelip.com/panel/v4/img/icons/info-icon-rojo.svg);
  top: -14px;
  background-size: cover;
  background-repeat: no-repeat;
}

/* FIN Jumbo fondo amarillo y textos en blanco - info en amarillo oscuro */

/* Jumbotron prueba 2 */

.jumbotron-prueba-default {
  background-color: #eeeeed;
  border-radius: 10px;
  padding-bottom: 40px;
}

.jumbotron-prueba-default h1 {
  padding: 0;
  color: #444343 !important;
  text-align: left;
  margin: 0 auto;
  line-height: 2.8;
  height: auto !important;
}

.jumbotron-prueba-default svg {
  width: 80px;
  height: 80px;
  float: left;
  position: relative;
  display: block;
  margin-left: 40px;
  margin-right: 48px;
  margin-top: 0px;
}

.jumbotron-prueba-default a {
  float: left;
  clear: none;
  background-color: #1b83c2;
  color: white;
  border: 0px solid transparent;
  margin-left: 184px;
}

/* FIN DE TIPOS DE JUMBOTRON */

/* JUMBOS INFO WINDOW SIN DATOS EN LOS SERVICIOS */
/* TIENEN UN CONTENEDOR ESPECIAL QUE CENTRA EL CONTENIDO VERTICALMENTE */
/* ESTOS MENSAJES SON RESPONSIVE POR NATURALEZA =) */

.jumbotron-service {
  position: relative;
  height: 40em;
}

.jumbotron-service .jumbotron {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0%;
  float: none;
  right: 0%;
  max-width: 750px;
  text-align: center;
  margin: 0 auto;
  border-radius: 10px;
  background-color: white;
  max-height: 260px;
  height: 260px;
  box-shadow: 0px 1px 59px -2px rgba(0, 0, 0, 0.15);
  padding: 0;
}

.jumbotron-service.height-c2c {
  position: relative;
  height: 22em;
}


.jumbotron-service .jumbotron h1{
  font-size: 29px !important;
  margin-top: 6%;
  margin-bottom: 4%;
  min-height: 1px;
}

.jumbotron-service .jumbotron h2{
  font-size: 26px !important;
  font-weight: 800;
  width: 80%;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 6%;
  min-height: 1px;
}

.jumbotron-service.no-button .jumbotron h1 {
  font-size: 30px !important;
  margin-top: 8%;
  margin-bottom: 5%;
}

.jumbotron-service .jumbotron:before {
  content: "";
  position: absolute;
  left: 20px;
  top: 15px;
  background: url(//static.netelip.com/panel/v4/img/icons/info-icon-gris.svg);
  width: 20px;
  height: 20px;
  background-size: cover;
}

.jumbotron-service .jumbotron a {
  font-size: 18px;
}

.jumbotron-service.inside-service .jumbotron {
  top: 30%;
}

.jumbotron-service.inside-service.long-text .jumbotron {
  max-height: 100%;
  height: 290px;
}

/* FIN JUMBOS INFO WINDOW SIN DATOS EN LOS SERVICIOS */

/* CAMBIOS BASICOS EN EL MENU */

.popover .popover-content {
  font-family: "Open Sans" !important;
}

.minusculas {
  text-transform: lowercase;
}

.registro footer {
  margin-bottom: 30px;
}

a.btn.btn-primary.right {
  float: right;
}

body.loading { overflow: visible !important; }

nav.navbar-default.navbar-static.side {
  background-color: white;
  border-color: white;
}

nav.side .col-md-12.col-lg-2 {
  padding-left: 0px;
}

.nav-stacked > li {
  border-left: 3px solid transparent;
}

.nav-stacked > li > a {
  font-weight: 600;
  font-size: 13px;
}

.nav-stacked > li > a span.glyphicon {
  margin-right: 5px;
}

.nav-stacked > li.active,  .nav-stacked > li.active:hover {
  border-left: 3px solid rgb(66, 139, 202);
}

.nav-stacked>li+li {
  margin-top: 0px;
  margin-left: 0;
}

.nav-stacked > li.active > a {
  color: #428bca;
}

.nav-stacked > li > a span.glyphicon {
  margin-right: 5px;
}

li a.menu-badge::after {
  content: '';
  width: auto;
  height: auto;
  background-color: rgb(122, 176, 49);
  position: relative;
  font-family: 'open sans';
  color: rgb(255, 255, 255);
  font-weight: 600;
  font-size: 8px;
  top: -1px;
  padding: 5px;
  right: -5px;
  border-radius: 2px;
  margin-right: 5%;
}

li a.menu-badge.badge-amarillo::after {
  background-color: #e8b330;
}

li a.menu-badge.badge-azul::after {
  background-color: #248cc8;
  margin-left: 30px;
}

table.table.border-default {
  border-top: 3px solid rgb(202, 202, 202) !important;
  border-image-source: initial;
  border-image-slice: initial;
  border-image-width: initial;
  border-image-outset: initial;
  border-image-repeat: initial;
  border: 1px solid rgb(202, 202, 202) !important;
  border-top: 3px solid rgb(202, 202, 202) !important;
}

table.border-default {
  display: table;
  border-collapse: collapse;
  border-spacing: 0px !important;
  border-color: rgb(202, 202, 202);
}

table.border-default tr {
  border: 0px solid transparent !important;
}

.table.border-default>thead>tr>th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
}

table.border-default tbody {
  border: 0px solid transparent;
  border-spacing: 0px;
}

table.border-default tr {
  border: 0px solid transparent;
}

.nav>li>a {
  position: relative;
  display: block;
}

.nav>li>a:focus, .nav>li>a:hover {
  text-decoration: none;
  background-color: #eee;
}

.nav-stacked>li:hover {
  border-left: 3px solid #eee;
  background-color: #1a2c41;
}

.nav-stacked>li+li {
  margin-top: 0px;
  margin-left: 0;
  border-left: 3px solid transparent;
}

/* ANCHO DEL MENU FIJO */

.nav-stacked li {
  max-width: 230px;
  min-width: 230px;
}

/* FIN DE CAMBIOS BASICOS EN EL MENU */

body {
  height: 100% !important;
}

/* Formularios de registro */

body.registro {
  background-color: #f7f7f6;
}

.formulario-registro .col-sm-6:first-child {
  width: 330px !important;
  position: relative;
  display: block;
  clear: both;
}

.servicios-registro p.lead {
  font-size: 15px;
  font-weight: 200;
  line-height: 1.4;
  color:#4e504d !important;
}

.servicios-registro > div:before {
  content: url(//static.netelip.com/panel/v4/img/icons/telefono-icon.svg);
  display: inline;
  width: 29px;
  left: 41px;
  height: 29px;
  position: absolute;
  overflow: hidden;
}


.servicios-registro > div {
  padding-left: 55px;
}

.registro .servicios-registro h3 {

  position: relative;
  display: block;
  font-size: 16px !important;
  font-weight: 800;
  margin-bottom: 4px;
}

.registro .servicios-registro h2 {
  position: relative;
  display: block;
  font-weight: 100;
  max-width: 95%;
  color: #676a6c !important;
  font-size: 19px !important;
  padding-top: 0px;
  margin-top: 8px;
  padding-left: 15px;
}

.formulario-registro .col-sm-6:first-child {
  max-width: 330px;
}

input#signin_others{
  border: 1px solid #d1d1d1 !important;
}

.formulario-registro .input-sm,
.dashboard .start-page select {
  height: 40px;
  padding: 5px 10px;
  line-height: 1.5;
  border-radius: 0px !important;
  font-weight: 600;
  font-family: "Open Sans";
  background-color: #EFEFEF;
  color: #4f504e;
  font-size: 15px;
  border: 0px solid transparent;
  box-shadow: 0px 0px 0px 0px transparent;
}

.dashboard .start-page select {
  float: left;
  width: 100%;
}


.formulario-registro input#residential_phone {
  border: 0px solid transparent;
  box-shadow: 0px 0px 0px 0px transparent;
  color: #4f504e;
  background-color: #EFEFEF;
  border-radius: 0px;
  font-weight: 600;
  font-size: 15px;
}

.servicios-registro > div.cloud-computing:before {
  content: url(//static.netelip.com/panel/v4/img/icons/cloud-down-icon.svg);
}

.registro .row.row-fixed {
  width: 790px;

  position: relative;
  margin: 0 auto;
  padding-bottom: 80px;
}

.registro input#company_email {
  height: 40px;
  line-height: 1.5;
  border-radius: 3px;
}

.registro .form-fixed {
  width: 380px;
}

.registro .servicios-fixed {
  width: 410px;
}

.registro #company_country {
  padding-left: 10px;
}

.registro form.well {
  background-color: white;
  border-radius: 0px;
  border: 0px solid transparent;
  min-height: 337px;
  box-shadow: 0px 4px 17px -10px;
  float:right;
}
.container.formulario-registro {
  max-width: 100%;
  position: relative;
  display: block;
  margin: 0 auto;
  margin-top: 0px;
}

.registro section.registro-header {
  width: auto;
  /*display: block;*/
  float: none;
  /*position: relative;*/
  margin: 0 auto;
  max-width: 55%;
  font-size: 24px !important;
  text-align: center;
  font-weight: 600;
  margin-bottom: -20px;
}

.registro h1 {
  font-weight: 100;
  margin-bottom: 20px;
  font-size: 24px !important;
  color: #4d4f4e !important;
  margin-top: 30px;
}

.stepwizard-step.step-one button.btn {
  width: 43px;
  height: 43px;
  border-radius: 100% !important;
  background-color: #f7f7f6 !important;
  font-size: 19px !important;
  font-weight: 600;
  color: #4d4f4e !important;
  border-color: #5f8cc5 !important;
}

.stepwizard-step.step-two button.btn,
.stepwizard-step.step-three button.btn,
.stepwizard-step.step-four button.btn,
.stepwizard-step.step-five button.btn,
.stepwizard-step.step-six button.btn{
  width: 43px;
  height: 43px;
  border-radius: 100% !important;
  font-size: 19px !important;
  font-weight: 600;
}

.registro .stepwizard-row:before {
  bottom: 0;
  position: absolute;
  width: 0;
  height: 1px;
  z-order: 0;
}

.step-one-success.stepwizard-step.step-one button.btn,
.step-two-success.stepwizard-step.step-two button.btn,
.step-three-success.stepwizard-step.step-three button.btn {
  text-indent: -99999px;
  border: 1px solid #8dae3b !important;
  background-color: white !important;
}

.step-one-success.stepwizard-step.step-one button.btn:after,
.step-two-success.stepwizard-step.step-two button.btn:after,
.step-three-success.stepwizard-step.step-three button.btn:after {
  content: url(//static.netelip.com/panel/v4/img/icons/check-visto.svg);
  text-indent: 0px;
  position: relative;
  display: block;
  line-height: 0px;
  margin-top: -28px;
  text-align: center;
  background-color: white !important;
}

.step-one-success button.btn.btn-default.btn-circle:after {
}

.registro .stepwizard-step.step-one:after {
  content: "";
  position: relative;
  display: block;
  height: 1px;
  color: #337ab7;
  background-color: #337ab7;
  width: 100%;
  left: 50%;
  bottom: 50%;
  right: 50%;
  top: -22px;
  z-index: -1;
}

.registro .stepwizard-step.step-one.step-one-success:after {
  content: "";
  position: relative;
  display: block;
  height: 1px;
  color: #8dae3b ;
  background-color: #8dae3b ;
  width: 100%;
  left: 50%;
  bottom: 50%;
  right: 50%;
  top: -22px;
  z-index: -1;
}

.registro .page-header h1 img {
  text-align: center;
  position: relative;
  display: block;
  vertical-align: 0px;
  margin-top: 0px;
  margin: 0 auto;
  padding-top: 0px;
  float: none;
}

.registro .page-header h1 a.btn.btn-default.pull-right {
  position: relative;
  right: 20px;
  top: 20px;
}

.registro .page-header h1 {
  position: relative;
  display: block;
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 0;
  border: 0px solid transparent;
}

.registro .page-header {
  border: 0px solid transparent;
  margin-top: 20px;
  position: relative;
}

.registro .col-sm-12 {
  position: relative;
  display: block;
  width: 80%;
  margin: 0 auto;
  float: none;
}

.registro-partner .col-sm-12 {
  width: 100%;
}

.registro section.servicios-registro {
  background-color: white;
  padding: 10px;
  box-shadow: 0px 4px 17px -10px;
}

.registro .servicios-registro > div .lead span {
  width: 100%;
  position: relative;
  display: block;
  clear: both;
}

.registro .stepwizard {
  display: table;
  position: relative;
  min-width: 70%;
  text-align: center;
  top: 4px;
  margin: 0 auto;
  margin-bottom: 40px;
}

.formulario-registro label { display:none; }

.container.formulario-registro .row .col-sm-6:first-child {
  max-width: 40%;
}

.registro a.btn.btn-default.pull-right {
  background-color: rgb(0, 142, 214);
  color: white;
  border: 0px solid transparent;
  border-image-source: initial;
  border-image-slice: initial;
  border-image-width: initial;
  border-image-outset: initial;
  border-image-repeat: initial;
  position: absolute;
  right: 0px;
  top: -40px;
  border-radius: 0px 0px 5px 5px;
}

.registro b,.registro strong {
  font-weight: 600;
}

.registro input#company_phone {
  border: 0px solid transparent;
  box-shadow: 0px 0px 0px 0px transparent;
  background-color: #EFEFEF;
  border-radius: 0px;
}

.registro span#phonePrefix {
  position: relative;
  font-weight: 600;
  border-radius: 0px;
  background-color: transparent;
  box-shadow: 0px 0px 0px 0px;
}

.registro span.input-group-addon {
  background-color: #EFEFEF;
  box-shadow: 0px 0px 0px 0px transparent;
  border: 0px solid transparent;
  border-radius: 0px;
  border-right: 1px solid #ccc !important;
}


.registro .form-group .checkbox label {
  display:block !important;
}


/* CHECKBOX BONITOS - estilo solo visto / mal */

.registro .checkbox input[type=checkbox] {
  display: none;
}

.registro .checkbox label:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 10px;
  position: absolute;
  left: 0;
  top: 3px;
  bottom: 1px;
  background-color: #EFEFEF;
  box-shadow: 0px 0px 0px 0px transparent;
  border: 1px solid #cacaca;
}


.registro .checkbox input[type=checkbox]:checked + label:before {
  content: url(//static.netelip.com/panel/v4/img/icons/check-visto.svg);
  text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
  font-size: 15px;
  color: #f3f3f3;
  text-align: center;
  line-height: 15px;
  border: 1px solid transparent;
  background: transparent;
}

.registro .checkbox label:not(.text-danger):not(.text-info):not(.text-success):not(.text-primary):not(.text-muted) {
  color: #525252 !important;
  width: auto;
  max-width: 300px !important;
  margin-left: 10px;
}

.registro footer p.text-center {
  font-size: 15px;
  line-height: 1;
}

/* FIN CHECKBOX BONITOS */


/* ERROR GLOBAL */
.has-error span.help-block {
  position: absolute;
  top: auto;
  top: -5px;
  right: 15px;
  max-width: 220px;
  width: 220px;
  font-size: 10px;
  background-color: #ce4844;
  color: white;
  font-weight: 100;
  min-height: 34px;
  padding: 5px;
  padding-left: 10px;
  line-height: 1;
  z-index: 3;
  max-height: 34px;
}

.has-error span.help-block:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7.5px 10px 7.5px 0;
  border-color: transparent #ce4844 transparent transparent;
  line-height: 0px;
  top: 10px;
  _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
  position: absolute;
  left: -7px;
}

/* FIN DEL ERROR GLOBAL DE LOS FORMS */

.registro .has-error span.help-block {
  position: absolute;
  top: auto;
  top: -5px;
  right: 0px;
  max-width: 172px;
  width: 172px;
  font-size: 10px;
  background-color: #ce4844;
  color: white;
  font-weight: 100;
  min-height: 40px;
  height: 40px;
  padding: 5px;
  padding-left: 10px;
  line-height: 1.3;
  z-index: 3;
}

.registro-partner .has-error span.help-block {
  right: 16px;
  width: 210px;
  max-width: 210px;
}


.form-group.has-error {
  margin-bottom: 15px;
  position: relative;
}

.has-error span.help-block {
  -moz-animation: cssAnimationHIDE 2s cubic-bezier(0, 1.21, 1, 1) 10s forwards;
  -webkit-animation: cssAnimationHIDE 2s cubic-bezier(0, 1.21, 1, 1) 10s forwards;
  -o-animation: cssAnimationHIDE 2s cubic-bezier(0, 1.21, 1, 1) 10s forwards;
  animation: cssAnimationHIDE 2s cubic-bezier(0, 1.21, 1, 1) 10s forwards;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}


@keyframes cssAnimationHIDE {
  0%   {opacity: 1;transform:translate(0);}
  50%   {opacity: 0;transform:translate(0); color: transparent;}
  100% {opacity: 0;display: none;width: 0px; color: transparent;}
}
@-webkit-keyframes cssAnimationHIDE {
  0%   {opacity: 1;transform:translate(0);}
  50%   {opacity: 0;transform:translate(0); color: transparent;}
  100% {opacity: 0;display: none;width: 0px; color: transparent;}
}

.registro .has-error span.help-block:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7.5px 10px 7.5px 0;
  border-color: transparent #ce4844 transparent transparent;
  line-height: 0px;
  top: 13px;
  _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
  position: absolute;
  left: -7px;
}

.has-error .form-control {
  border-color: #a94442;
  box-shadow: 0px 0px 0px 0px transparent;
  border-width: 1px;
}

.login a.btn.btn-default {
  float: right;
}

/* Formulario de registro de PARTNER */

.registro-partner h1 {
  /* margin-bottom: 0px; */
}

.registro-header .row > div {
  margin: 0 auto;
  margin-top: 5px;
  width: 100%;
}

.registro-partner .row > div small {
  text-align: center;
  font-size: 14px;
  font-weight: 100;
  padding-top: 0px;
  margin-top: 0px;
  width: 100%;
  clear: both;
  float: left;
}

section.registro-header button.btn-sm:before {
  content: "";
  float: none;
  margin-right: 20px;
  width: 25px;
  height: 25px;
  position: absolute;
  margin-left: -27px;
  margin-top: 5px;
  text-align: center;
  border-radius: 100%;
  line-height: 20px;
  color: #2581b7;
  font-size: 15px;
  font-weight: 900;
  background: url(//static.netelip.com/panel/v4/img/icons/info-icon.svg);
  background-repeat: no-repeat;
}

section.registro-header button.btn-sm {
  margin-top: 10px;
  margin-bottom: 10px;
  background-color: transparent;
  width: 130px;
  border: 0px solid transparent;
  overflow: visible;
  height: auto;
  text-align: left;
  word-wrap: break-word;
  text-overflow: ellipsis;
  white-space: inherit;
  font-size: 11px;
  line-height: 1.2;
  color: #1a1a1a;
}


.registro-partner .form-control {
  height: 40px;
  padding: 5px 10px;
  line-height: 1.5;
  border-radius: 0px !important;
  font-weight: 600;
  font-family: "Open Sans";
  background-color: #EFEFEF;
  color: #4f504e;
  font-size: 15px;
  border: 0px solid transparent;
  box-shadow: 0px 0px 0px 0px transparent !important;
}

.registro-partner  label:not(.text-danger):not(.text-info):not(.text-success):not(.text-primary):not(.text-muted) {
  color: #525252 !important;
  font-weight: 500;
  font-size: 11px;
  margin-top: 0px;
  line-height: 14px;
}

.registro-partner .checkbox input[type=checkbox]:checked + label:before {
  content: url(//static.netelip.com/panel/v4/img/icons/check-visto.svg);
  text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
  font-size: 15px;
  color: #f3f3f3;
  text-align: center;
  line-height: 15px;
  border: 1px solid transparent;
  background: transparent;
  margin-top: 2px;
}

.col-sm-9.col-lg-8.col-sm-offset-3.col-lg-offset-2 {
  width: 100%;
  padding-left: 0px;
  margin-left: 0px;
}

.ventajas .col-xs-12.col-sm-12.col-md-12.col-lg-12 {
  margin-bottom: 20px;
  width: 96%;
  background-color: transparent;
  padding: 20px;
  top: -16px;
  box-shadow: 0px 6px 20px -12px transparent;
}

.registro-partner .container .row.ventajas > div small {
  text-align: center;
  font-size: 15px;
  font-weight: 100;
  padding-top: 0px;
  margin-top: 0px;
  width: auto;
  clear: none;
  float: none;
}

.registro-partner .ventajas button.btn.btn-sm.btn-default {
  float: right;
  position: relative;
  display: block;
  clear: both;
  background-color: transparent;
  border: 0px solid transparent;
  text-align: left;
  padding: 0;
  font-size: 13px;
  color: #1783c1;
  font-weight: 400;
  text-decoration: underline;
}

/* FIN del Formulario de registro de PARTNER */

/* REGISTRO COMPLETADO */

.form-fixed button {
  float: right;
}

.contenido-completado {
  float: left;
  position: relative;
  display: block;
  width: 100%;
  clear: both;
}

.registro-completado section {
  float: left;
  position: relative;
  display: block;
  max-width: 60%;
}

.registro-completado h2.text-center {
  text-align: left;
  font-size: 27px !important;
  padding-top: 0px;
  padding-bottom: 0px !important;
  font-weight: 400;
  margin-bottom: 4px;
  margin-top: 0px;
}

.registro-completado .congratulations .contenido-completado h3 {
  padding: 0 !important;
  margin-top: 0px;
  font-weight: 100;
  font-size: 20px !important;
}

.congratulations .contenido-completado:after {
  content: url(//static.netelip.com/panel/v4/img/icons/check-visto-grande.svg);
  float: right;
  position: absolute;
  right: 70px;
  top: 11px;
}

.congratulations.col-lg-12 {
  max-width: 710px;
  margin: 0 auto;
  background-color: white;
  padding: 40px;
  margin-top: 30px;
  height: auto;
  float: left;
  float: none;
  min-height: 450px;
}

ul.servicios-recomendados {
  width: 100%;
  position: relative;
  display: table;
  list-style-type: none;
  padding: 0;
  float: left;
  margin-top: 0px;
}

.congratulations section h3 {
  font-size: 15px !important;
  font-weight: 400;
}

.congratulations section p {
  font-size: 13px;
  font-weight: 100;
}

.congratulations ul li::before {
  width: 50px;
  height: 50px;
  background-color: black;
  border-radius: 100%;
  content: '';
  position: relative;
  display: block;
  float: left;
  margin-right: 10px;
  text-align: center;
  color: white;
  margin-top: -11px;
  background-size: cover;
}

.servicios-recomendados span {
  max-width: 60%;
  overflow: hidden;
  float: left;
  margin-top: -4px;
  line-height: 1.2;
}

.servicios-recomendados .api-voice span,
.servicios-recomendados .calltracking span {
  margin-top: 6px;
}

.congratulations section p:last-of-type {
  margin-bottom: -10px;
  margin-top: 40px;
}

.congratulations ul li.centralita-virtual:before {
  display: inline-block;
  background: url(//static.netelip.com/panel/v4/img/icons/vpbx.svg);
  background-size: cover;
}

.congratulations ul li.api-voice:before {
  display: inline-block;
  background: url(//static.netelip.com/panel/v4/img/icons/apivoice.svg);
  background-size: cover;
}

.congratulations ul li.vdrive:before {
  display: inline-block;
  background: url(//static.netelip.com/panel/v4/img/icons/vdrive.svg);
  background-size: cover;
}

.congratulations ul li.vdesktop:before {
  display: inline-block;
  background: url(//static.netelip.com/panel/v4/img/icons/vdesktop.svg);
  background-size: cover;
}

.congratulations ul li.verp:before {
  display: inline-block;
  background: url(//static.netelip.com/panel/v4/img/icons/verp.svg);
  background-size: cover;
}

.congratulations ul li.calltracking:before {
  display: inline-block;
  background: url(//static.netelip.com/panel/v4/img/icons/calltracking.svg);
  background-size: cover;
}

.congratulations ul li.numeracion:before {
  display: inline-block;
  background: url(//static.netelip.com/panel/v4/img/icons/numeracion.svg);
  background-size: cover;
}


/* Formulario clases de bootstrap - custom */


.registro .contenido-completado.col-lg-6 {
  float: left;
  position: relative;
  display: block;
  width: 100%;
  clear: both;
}


.registro-completado section.col-lg-6 {
  float: left;
  position: relative;
  display: block;
  max-width: 60%;
}


.registro-completado .row .col-sm-12:first-of-type {
  padding: 0;
  margin-bottom: 110px;
}


/* Fin formulario clases de bootsrap - custom */

/* FIN DE REGISTRO COMPLETADO */



/* FIN de los formularios de registro */


/* Login - usando clases de registro para los form */
.registro.login form.well {
  float: none;
  min-height: 224px !important;
  margin-top: 40px;
  max-width: 330px;
  margin-left: auto;
  margin-right: auto;
}

.login .checkbox label{
  display: block;
  margin-right: 0px !important;
  margin-left: 3px !important;
  font-family: "Open Sans";
  font-weight: 100;
  line-height: 1.5;
}

#netelip_login_client_forget_submit {
  float: left;
}

.form-forget-password .formulario-registro input {
  margin-bottom: 15px;
}

.finish-forget-password {
  padding: 15px;
  margin: 0 auto 15px;
}

.registro-completado.forget-password h2.text-center {
  font-size: 21px !important;
  font-weight: 100;
  width: 70%;
}

.forget-password .contenido-completado h3.text-center {
  font-size: 17px !important;
  float: left;
  margin-left: 0px;
  text-align: left;
  margin-top: 9px;
  width: 60%;
}

.forget-password .contenido-completado a {
  clear: both;
  position: relative;
  display: block;
  background-color: #8dae3b;
  top: 50px;
  width: 44%;
  margin: 0 auto;
  color: white;
  font-size: 14px;
  font-weight: 100;
  padding: 10px;
  padding-left: 40px;
  border-radius: 5px;
  padding-top: 15px;
  padding-right: 0px;
  padding-bottom: 15px;
}

.forget-password .contenido-completado a:before {
  width: 10px;
  height: 10px;
  position: absolute;
  float: left;
  content: url(//static.netelip.com/panel/v4/img/icons/check-visto-white.svg);
  left: 13px;
  top: 16px;
  fill: white;
}

.forget-password .congratulations.col-lg-12 {
  max-width: 710px;
  margin: 0 auto;
  background-color: white;
  padding: 40px;
  margin-top: 30px;
  height: auto;
  float: left;
  float: none;
  min-height: 320px;
}

.forget-password .contenido-completado a:after {
  width: 1px;
  height: 80%;
  content: "";
  background-color: white;
  float: left;
  position: absolute;
  display: block;
  min-height: 20px;
  left: 16%;
  top: 10%;
}

.forget-password .congratulations .contenido-completado:after {
  content: "";
  float: right;
  position: absolute;
  right: 50px;
  top: 13px;
  background: url(//static.netelip.com/panel/v4/img/icons/mail-icon-recover.svg);
  width: 90px;
  height: 90px;
  background-size: cover;
  background-repeat: no-repeat;
}

.forget-password b {
  font-weight: 400;
}

.login h2.form-signin-heading {
  margin-bottom: 20px;
  margin-top: 0px;
}

input#form_username,
input#netelip_distributors_login_username {
  margin-bottom: 15px;
}

/* SUCCESS AL CAMBIAR LA PASS */

.forget-password .congratulations.password-reset-success .contenido-completado:after {
  content: "";
  float: right;
  position: absolute;
  right: 50px;
  top: 13px;
  background: url(//static.netelip.com/panel/v4/img/icons/candado-success.svg);
  width: 90px;
  height: 90px;
  background-size: cover;
  background-repeat: no-repeat;
}

.registro-completado.forget-password .password-reset-success h2.text-center {
  font-size: 21px !important;
  font-weight: 100;
  width: 70%;
  margin-top: 20px;
  margin-bottom: 58px;
}

/* FIN SUCCESS AL CAMBIAR LA PASS */

/* FALLO AL CAMBIAR LA PASS */

.forget-password .congratulations.password-reset-fail .contenido-completado:after {
  content: "";
  float: right;
  position: absolute;
  right: 50px;
  top: 13px;
  background: url(//static.netelip.com/panel/v4/img/icons/candado-fail.svg);
  width: 90px;
  height: 90px;
  background-size: cover;
  background-repeat: no-repeat;
}

.forget-password .password-reset-fail .contenido-completado a:before {
  width: 10px;
  height: 10px;
  position: absolute;
  float: left;
  content: url(//static.netelip.com/panel/v4/img/icons/check-mal.svg);
  left: 13px;
  top: 16px;
  fill: white;
}

.forget-password .contenido-completado a.cambiar-pass-fail {
  clear: both;
  position: relative;
  display: block;
  background-color: #c24943;
  top: 68px;
  width: 44%;
  margin: 0 auto;
  color: white;
  font-size: 14px;
  font-weight: 100;
  padding: 10px;
  padding-left: 40px;
  border-radius: 5px;
  padding-top: 15px;
  padding-right: 0px;
  padding-bottom: 15px;
}

/* FIN DE FALLO AL CAMBIAR LA PASS */

/* VENTANA MODAL DISTRIBUIDOR */

.registro-partner h4#myModalLabel {
  font-size: 22px !important;
  font-weight: lighter;
  text-align: left;
  margin-left: 20px;
}

.registro-partner .modal-body ul {
  list-style-type: none;
  font-size: 15px;
  font-weight: 100;
  max-width: 70%;
  float: right;
  margin: 0 auto;
  margin-left: 0;
}

.registro-partner .modal-body ul li {
  float: left;
  width: 90%;
  position: relative;
  display: block;
  clear: both;
  margin-bottom: 11px;
}

.registro-partner .modal-body ul li:before {
  width: 10px;
  height: 10px;
  background-color: transparent;
  content: url(//static.netelip.com/panel/v4/img/icons/check-visto.svg);
  float: left;
  margin-top: 4px;
  position: absolute;
  left: -22px;
  line-height: 0px;
}

.registro-partner .modal-body ul:after {
  position: absolute;
  display: block;
  content: url(//static.netelip.com/panel/v4/img/icons/distribuidor-icon-face.svg);
  width: 120px;
  height: 120px;
  background-color: transparent;
  left: 7%;
  top: 20%;
}

.registro-partner .modal-body {
  position: relative;
  border: 0px solid transparent;
  padding: 15px;
  height: auto;
  float: left;
  box-shadow: 0px 0px 0px 0px transparent;
}

.registro-partner .modal-header {
  min-height: 16.43px;
  padding: 15px;
  border-bottom: 0px solid transparent;
}

/* FIN DE VENTANA MODAL DISTRIBUIDOR */

/* Fin de Login */
.wrap .row .well-form .page-header.no-margin-top.well-form {
  padding-bottom: 0px;
}

.well-form.page-header {
  margin-top: 0px;
}

.btn-primary {
  color: #fff;
  /* background-color: #008ed6 !important;
  border-color: #008ed6 !important;*/

  background-color: #267ab0 !important;
  border-color: #267ab0 !important;
}

.border-primary {
  border-color: #cacaca !important;
}

.service-plans label:not(.text-danger):not(.text-info):not(.text-success):not(.text-primary):not(.text-muted),
.service-plans-contratar label:not(.text-danger):not(.text-info):not(.text-success):not(.text-primary):not(.text-muted) {
  color: #525252 !important;
}

.service-plans .thumbnail,
.service-plans-contratar .thumbnail
{
  padding: 0px;
}

.service-plans .thumbnail, .service-plans-contratar .thumbnail {
  display: block;
  padding: 4px;
  margin-bottom: 20px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: border .2s ease-in-out;
  -o-transition: border .2s ease-in-out;
  transition: border .2s ease-in-out;
  float:left;
  width:100%;
}

.service-plans .thumbnail .caption,
.service-plans-contratar .thumbnail .caption {
  padding: 0px;
  color: #333;
}

.service-plans .thumbnail .caption h3,
.service-plans-contratar .thumbnail .caption h3{
  float: left;
  position: relative;
  display: block;
  font-family: "Open Sans";
  font-weight: 700;
  line-height: 32px;
  color: #757575 !important;
  font-size: 24px !important;
  margin-left: 20px;
}

.service-plans .thumbnail .caption h4,
.service-plans-contratar .thumbnail .caption h4{
  float: right;
  font-size: 25px !important;
  color: white !important;
  display: block;
  position: relative;
  width: 135px;
  height: 56px;
  padding: 0px;
  background: #008ed6;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  text-indent: 8px;
  line-height: 40px;
  font-weight: 600;
  margin-right: 20px;
}

.service-plans .thumbnail .caption.contratado h4 span.info,
.service-plans-contratar .thumbnail .caption.contratar h4 span.info-mes {
  font-weight: 100;
  float: left;
  margin-left: -4px;
  color: #525252 !important;
  font-style: italic;
  font-size: 17px;
}

.service-plans .thumbnail .caption h4 span.info-precio,
.service-plans-contratar .thumbnail .caption h4 span.info-precio {
  float: left;
  position: relative;
  display: block;
  font-size: 11px;
  color: white !important;
  margin-top: -23px;
  width: 94%;
  text-align: right;
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 100;
}

.service-plans .thumbnail .caption,
.service-plans-contratar .thumbnail .caption {
  padding: 0px;
  color: #333;
  position: relative;
  display: block;
  float: left;
  clear: both;
  width: 100%;
}

.service-plans .thumbnail ul li,
.service-plans-contratar .thumbnail ul li {
  color: rgb(0, 142, 214);
  font-size: 14px;
  font-weight: 600;
  text-align: left;
  min-height: 40px;
  vertical-align: middle;
  margin-bottom: 0px;
  line-height: 80px;
}

.service-plans .thumbnail .caption ul,
.service-plans-contratar .thumbnail .caption ul {
  clear: both;
  list-style-type: none;
  padding: 0;
  float: none;
  width: 89%;
  margin-top: 0px;
  margin: 0 auto;
  position: relative;
  display: block;
  top: -20px;
}

.service-plans .thumbnail li p,
.service-plans-contratar .thumbnail li p {
  float: left;
  position: relative;
  display: block;
  margin-top: 0px;
  padding-top: 0px;
  width: 100%;
  clear: both;
  color: #6a6c6f;
  margin-left: 38px;
  line-height: 26px;
  font-size: 14px;
  font-weight: 100;
  margin-top: 1px;
  margin-bottom: -13px;
}

.service-plans .thumbnail ul li span,
.service-plans-contratar .thumbnail ul li span {
  font-weight: 100;
  clear: both;
  position: relative;
  display: block;
  line-height: 0px;
  margin-top: -6px;
  font-size: 11px;
  text-align: left;
  line-height: 14px;
  font-style: italic;
  color: #757575;
  max-width: 90%;
  font-size: 12px;
}

.service-plans .thumbnail ul li:before,
.service-plans-contratar .thumbnail ul li:before {
  content: url(//static.netelip.com/panel/v4/img/icons/nube-servicio.svg);
  position: relative;
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  float: left;
  margin-top: 4px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 0;
  clear: none;
}

.service-plans .thumbnail .contratado ul li:before {
  content: url(//static.netelip.com/panel/v4/img/icons/nube-servicio-verde.svg);
}

.service-plans .thumbnail ul li:nth-child(odd),
.service-plans-contratar .thumbnail ul li:nth-child(odd) {
  position: relative;
  display: block;
  width: 100%;
  background-color: #e8e9ea;
  background-color: transparent;
}

.service-plans .thumbnail ul li:nth-child(even),
.service-plans-contratar .thumbnail ul li:nth-child(even) {
  position: relative;
  display: block;
  width: 100%;
  background-color: #e0e0e0;
  background-color:transparent;
}

.service-plans .col-sm-4 .thumbnail .caption a.btn.btn-default,
.service-plans-contratar .col-sm-4 .thumbnail .caption a.btn.btn-default {
  border: #008ed6;
  border: 1px solid #008ed6;
  color: #008ed6;
  float: right;
  position: relative;
  display: block;
  margin-right: 3%;
  margin-bottom: 15px;
}

a.btn.btn-primary.adquirir {
  float: right;
  margin-left: 0px;
  background-color: #008ed6;
  border-color: #008ed6;
  color: white !important;
  margin-right: 3%;
}

.service-plans .thumbnail .price,
.service-plans-contratar .thumbnail .price{
  float: left;
  position: absolute;
  display: block;
  clear: none;
  width: auto;
}


.contratar h2:not(.no-mod), .service-plans h2:not(.no-mod) {
  font-size: 17px !important;
  font-style: italic;
  color: #525252 !important;
  float: left;
  width: auto !important;
  height: 40px;
  border-right: 1px solid #333;
  font-weight: 500;
  padding-right: 10px !important;
  line-height: 42px;
  margin-left: 34px;
}

.service-plans-contratar .thumbnail .contratar h3 {
  top: 10px;
}

.service-plans-contratar .thumbnail .plan-contratar h4 {
  float: left;
  position: relative;
  display: block;
  clear: both;
  padding: 0 !important;
  background-color: transparent;
  color: #323232 !important;
  width: 100%;
  margin: 0 !important;
  margin-top: 4px !important;
}

.service-plans-contratar .contratar span.precio {
  position: relative;
  display: block;
  float: left;
  font-size: 17px !important;
  clear: none;
  font-style: italic;
  font-weight: 100;
  color: #525252 !important;
}

.service-plans .thumbnail .contratado h3,
.service-plans-contratar .thumbnail .contratar h3 {
  float: left;
  position: relative;
  display: block;
  color: #178ccc !important;
  font-size: 17px !important;
  clear: none;
  font-weight: 600;
  width: auto;
  margin-top: 14px;
  margin-left: 9px;
  margin-bottom: -5px;
}

.service-plans-contratar .thumbnail .contratar h3 {
  margin-top: 5px;
  margin-bottom: -10px;
}

.service-plans .plan-contratado,
.service-plans-contratar .plan-contratar {
  float: left;
  position: relative;
  display: block;
  width: auto;
}

.service-plans .contratado span.precio,
.service-plans-contratar .contratar span.precio {
  position: relative;
  display: block;
  float: left;
  font-size: 17px !important;
  clear: none;
  font-style: italic;
  font-weight: 100;
  color: #525252 !important;
}

.service-plans .thumbnail .plan-contratado h4 {
  float: left;
  position: relative;
  display: block;
  clear: both;
  padding: 0 !important;
  background-color: transparent;
  color: #323232 !important;
  width: 100%;
  margin: 0 !important;
  margin-top: -12px !important;
}

.service-plans .thumbnail.well-contratado,
.service-plans-contratar .thumbnail.well-contratar {
  /*border-top: 3px solid #cacaca;*/
  border-radius: 0px;
}

.service-plans .caption.botones-servicios {
  float: left;
  width: 100%;
  margin-top: 30px;
  border-top: 1px solid #CACACA;
  padding: 0 20px !important;
  height: 80px;
}

.caption.botones-servicios a {
  margin-top: 24px;
  float: left;
}

.well-contratado .text-muted,
.well-contratar .text-muted {
  line-height: 34px;
  position: relative;
}

.contratado h2:not(.no-mod),
.service-plans h2:not(.no-mod),
.service-plans-contratar h2:not(.no-mod){
  font-size: 17px !important;
  font-style: italic;
  color: #525252 !important;
  float: left;
  width: auto !important;
  height: 40px;
  border-right: 1px solid #333;
  font-weight: 500;
  padding-right: 10px !important;
  line-height: 42px;
  margin-left: 10%;
}

.well-form-lg .plan-header{
  position: relative;
  display: block;
  margin: 0 auto;
  width: 80%;
}

span.info-precio {
  position: absolute;
  bottom: -16px;
  width: 100%;
  text-align: right;
  left: -6px;
  font-size: 11px;
  color: #323232;
  font-style: italic;
}

button#partner_send {
  float: right;
}

/* DASHBOARD ! */
.dashboard .col-md-9.col-sm-12:first-child {
  /*max-width: 1390px;*/
  margin-bottom: 20px;
}

.dashboard .carousel {
  position: relative;
  min-height: 450px;
  padding-bottom: 0px;
  margin-bottom: 0;
  background-color: #f7f7f7;
  padding: 0;
  float: left;
  width: 100%;
  /*top: 10px;*/
}

.dashboard .carousel-indicators {
  bottom: 0px;
}

.dashboard .video-player {
  padding: 20px;
  min-height: 390px;
  background: url(//static.netelip.com/panel/v4/img/dashboard/mockup-macbook.png) 50% 50% / contain no-repeat;
}


.dashboard .video-player iframe {
  max-width: 500px;
  z-index: 1;
  margin-top: 5px;
}

.dashboard .carousel-control.left,
.dashboard .carousel-control.right {
  background-image: none
}

.dashboard .carousel-indicators li {
  display: inline-block;
  width: 13px;
  height: 13px;
  margin: 1px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: #444343;
  border: 1px solid #444343;
  border-radius: 10px;
}

.dashboard .carousel-indicators .active {
  width: 13px;
  height: 13px;
  margin: 1px;
  background-color: white;
}

.dashboard .carousel-indicators .active:before {
  background-color: #1b83c2;
  width: 5px;
  height: 5px;
  position: relative;
  display: block;
  content: "";
  border-radius: 100%;
  top: 3px;
  left: 3px;
}

.dashboard .glyphicon-chevron-right:before, .dashboard .glyphicon-chevron-left:before {
  color: #030104;
  box-shadow: 0px 0px 0px 0px transparent !important;
}

.dashboard .col-md-3.col-sm-12 {

}

.dashboard .page-header.fix {
  margin-top: 0px;
  padding-top: 0px;
}

.dashboard .col-lg-4.text-center {
  max-width: 100px;
}

.dashboard .service .col-lg-8,
.dashboard .service-down .col-lg-8 {
  margin-left: 0px;
  margin-right: 0px;
  padding: 0px;
}

.dashboard .info-user {
  float: left !important;
  clear: both;
  margin-left: 0px;
  position: relative;
  padding-left: 0px;
  margin-bottom: 20px;
}

.dashboard .info-user span.userName {
  position: relative;
  display: block;
  font-size: 25px;
  font-weight: 100;
  color: #444344;
  background-color: transparent !important;
  text-align: left;
  border: 0px solid transparent;
  padding: 0px;
}

.dashboard .page-header {
  padding-bottom: 9px;
  margin: 0;
  border-bottom: 0px solid #eee;
  clear: both;
  position: relative;
  display: table;
  background-color: #ffffff;
  width: 100%;
  padding-left: 20px;
  margin-right: -15px;
  margin-left: 0px;
  border-radius: 5px 5px 0 0;
}

.dashboard .page-header h1 small {
  width: 100%;
  position: relative;
  display: block;
  clear: both;
  float: left;
  line-height: 0px;
  font-weight: bolder;
  font-family: 'Open sans';
  padding-bottom: 14px;
  padding-top: 4px;
}

.dashboard .row .col-sm-12.no-padding {
  margin-bottom: 0px;
}

.dashboard .row .no-padding .page-header {
  margin-top: 0px;
}

.dashboard .dashboard-servicios {
  margin-bottom: 19px;
}

.dashboard .service,
.dashboard .service-down {
  background-color: #ffffff;
  padding: 20px;
}

.dashboard .wrapper-content .row {
  padding: 0px;
  margin: 0px;
}

.dashboard .page-header h1 small:before {
  content: '';
  width: 7px;
  height: 7px;
  float: left;
  position: relative;
  display: block;
  clear: none;
  background-color: rgb(141, 174, 59);
  border-radius: 100%;
  line-height: 0px;
  margin-top: -3px;
  margin-right: 9px;
}

.dashboard .carousel-inner {
  position: relative;
  width: 100%;
  padding: 0px;
  overflow: hidden;
  border: #f7f7f7;
  margin-top: 20px;
}

.dashboard .dashboard-tutoriales {
  margin-top: -10px;
}

.dashboard .resource p {
  font-weight: 100;
}

.resource,
.health,
.start-page {
  background-color: #ffffff;
  padding-bottom: 15px;
  margin-bottom: 10px;
}

.start-page form.form-inline {
  text-align: center;
  margin-top: 0px;
  padding-top: 10px;
}

.cuadro-gris {
  background-color: #ffffff;
  border-bottom: 6px solid white;
  border-top: 3px solid #d2d6de;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}

@media (min-width: 970px) {
  .cuadro-gris:not(.no-border) {
    border-right: 6px solid white;
  }
}
@media (max-width: 768px) {
  .cuadro-gris:not(.no-border) {
    height: 420px;
  }

  .cuadro-gris-right{
    margin-right: 30px !important;
  }

}

@media (min-width: 992px){
  .cuadro-gris-left {
    margin-left: 15px;
  }
  .cuadro-gris-right {
    margin-right: 15px;
  }
}

@media (max-width: 992px){
  .cuadro-gris-left {
    margin-right: 15px;
  }
  .cuadro-gris-right {
    margin-left: 15px;
    margin-right: 30px !important;
    margin-top:10px;
  }
}

section.ayuda {
  margin-bottom: 22px;
  float: left;
  position: relative;
  display: block;
  width: 100%;
  border-bottom: 1px solid #f0f0ef;
  padding-bottom: 7px;
}

.resource section,
.health,
.start-page {
  background-color: #ffffff;
  padding-bottom: 15px;
  margin-bottom: 10px;
}

.dashboard .health .status-0,
.dashboard .health .status--1 {
  color: #444343;
  font-size: 15px;
  padding-top: 20px;
  padding-bottom: 10px;
  font-weight: 100;
}

.dashboard .health .status--1 {
  color: #c24943;
  font-weight: 900;
}

.dashboard .glyphicon-ok:before {
  color: #7AB031;
  top: 3px;
  float: left;
  position: relative;
  display: block;
}

.dashboard .health small h4 {
  width: auto;
  margin-bottom: 0px;
  position: relative;
  display: block;
  font-size: 16px;
  font-weight: 100;
  clear: none;
}

.dashboard .health small {
  font-weight: 100;
  color: rgb(32, 24, 21);
  font-size: 12px;
  padding-left: 40px;
  float: left;
}

.health small h4::before {
  content: url(//static.netelip.com/panel/v4/img/icons/icono-refresh.svg);
  position: absolute;
  left: -39px;
}

.dashboard .health a {
  float: right;
  position: relative;
  display: block;
  clear: none;
  width: auto;
  max-width: 40%;
  margin-left: 13px;
  text-align: center;
  margin-top: 0px;
  line-height: 1.2;
  background-color: rgb(240, 240, 239);
  padding-top: 10px;
  font-weight: 100;
  padding-bottom: 10px;
  padding: 10px;
  border-radius: 5px;
}

.dashboard .health hr {
  padding-bottom: 10px;
}

.dashboard a {
  color: rgb(68, 67, 67);
  font-weight: 400;
}


.dashboard .start-page .form-inline .form-group {
  width: 100%;
}

/* CSS A ARREGLAR POR QUE TENGO QUE MODIFICAR LAS CLASES DE LOS ELEMENTOS btn-danger etc*/

.dropdown-menu .username strong {
  font-size: 18px;
  color: rgb(122, 121, 121) !important;
  padding-left: 5px;
}

.dropdown-menu .divider {
  height: 2px !important;
  margin: 9px auto  !important;
  overflow: hidden;
  background-color: #d3d5de !important;
  width: 88%  !important;
  margin: 0 auto;
  margin-bottom: 9px;
  margin-left: 15px !important;
}

.navbar-collapse .navbar-nav .dropdown .dropdown-menu a.btn.btn-warning.btn-block.btn-xs {
  background-color: transparent;
  border: 0px solid transparent;
  border-image-source: initial;
  border-image-slice: initial;
  border-image-width: initial;
  border-image-outset: initial;
  border-image-repeat: initial;
  color: rgb(122, 121, 121);
  font-size: 15px;
  font-weight: 100;
  text-align: left;
  padding-left: 26px;
  clear: both;
  line-height: 10px;
}

.navbar-collapse .navbar-nav .dropdown .dropdown-menu .glyphicon {
  font-size: 20px;
  line-height: 30px;
  top: 5px;
  left: -4px;
  margin-right: 3px;
  text-indent: 0px;
}

.navbar-collapse .navbar-nav .dropdown .dropdown-menu a.btn.btn-primary.btn-block.btn-xs {
  color: rgb(122, 121, 121);
  background-color: transparent !important;
  border: 0px solid;
  border-image-source: initial;
  border-image-slice: initial;
  border-image-width: initial;
  border-image-outset: initial;
  border-image-repeat: initial;
  text-align: left;
  padding-left: 26px;
  font-size: 15px;
  font-weight: 100;
}

.navbar-collapse .navbar-nav .dropdown .dropdown-menu a.list-group-item {
  border: 0px solid transparent;
  border-image-source: initial;
  border-image-slice: initial;
  border-image-width: initial;
  border-image-outset: initial;
  border-image-repeat: initial;
  color: rgb(122, 121, 121);
  font-size: 15px;
  font-weight: 100;
  padding: 0px 0px 0px 26px;
}

.navbar-collapse .navbar-nav .dropdown .dropdown-menu span.glyphicon.glyphicon-off {
  text-align: right;
  position: relative;
  display: block;
  float: right;
  margin-top: 0px;
  top: -5px;
  right: 20px;
  left: auto;
}

.navbar-collapse .navbar-nav .dropdown .dropdown-menu a.btn.btn-danger.btn-block {
  background-color: transparent;
  border: 0px solid transparent;
  border-image-source: initial;
  border-image-slice: initial;
  border-image-width: initial;
  border-image-outset: initial;
  border-image-repeat: initial;
  color: rgb(122, 121, 121);
  box-shadow: 0px 0px 0px 0px transparent;
}

.navbar-collapse .navbar-nav .dropdown .dropdown-menu a.btn.btn-danger.btn-block:hover span:before {
  color: #c24943 !important;
  text-shadow: 0px 0px 1px #ED3737;
}

.navbar-collapse .navbar-nav .dropdown .dropdown-menu .list-group a.list-group-item:hover span:before,
.navbar-collapse .navbar-nav .dropdown .dropdown-menu a.btn:hover span:before {
  color: #1b83c2;
}

.navbar-collapse .navbar-nav .dropdown .dropdown-menu .list-group a.list-group-item:focus,
.navbar-collapse .navbar-nav .dropdown .dropdown-menu .list-group a.list-group-item:hover {
  color: rgb(122, 121, 121);
  text-decoration: none;
  background-color: transparent;
}

section.app p {
  margin-bottom: 15px;
}

.service p,
.service-down p {
  height: 30px;
  font-size: 14px;
}

.service h4,
.service-down h4 {
  font-size: 17px !important;
}

section.app h2, section.ayuda h2 {
  font-size: 16px !important;
  font-weight: 500 !important;
}

.credit-dropdown span,
.credit-dropdown span.balance-actual strong {
  color: #ffffff !important;
  font-size: 12px;
  font-weight: bold;
  padding: .1em .5em .2em !important;
}

.credit-dropdown span.balance-actual strong { font-weight: 800; }

a.credit-dropdown {
  background-color: transparent;
  border-color: transparent;
}

div#creditDropdownHXs {
  max-height: 27px;
  margin-right: 0%;
  margin-left:3%;
}

.credit-dropdown {
  border-radius: 0px;
  line-height: 1;
  margin-top: 4px;
  width: auto;
}

.glyphicon-phone.saldo:before {
  content: "";
  left: -11px;
  position: absolute;
  background-size: cover !important;
  background: url(//static.netelip.com/panel/v4/img/icons/wallet-01.svg);
  width: 24px;
  height: 22px;
  top: 0px;
}

a.credit-dropdown {
  line-height: 1;
  margin-top: 4px;
  margin-right: 7px;
  width: 60px;
}

a.credit-tooltip.credit-dropdown:hover {
  background-color: transparent;
  border: 0px solid transparent;
  margin-top: 5px;

}

a.credit-dropdown:active,
a.credit-dropdown:focus {
  box-shadow: 0px 0px 0px 0px transparent;
  border: 0px solid transparent;
  background-color: transparent;
  margin-top: 5px;
  margin-left: 1px;
}


/* MENU USUARIO MOVIL */
.navbar-collapse ul.visible-xs .col-lg-12 {
  padding: 0 !important;
}

.navbar-collapse ul.visible-xs .row {
  margin: 0 !important;
}

.navbar-fixed-top .navbar-collapse .visible-xs li p.text-left.username {
  margin-bottom: 0px;
}

.navbar-fixed-top .navbar-collapse .visible-xs li .username strong{
  font-size: 14px;
  color: rgb(122, 121, 121) !important;
}

.navbar-fixed-top .navbar-collapse .visible-xs li.divider {
  height: 2px !important;
  margin: 9px auto !important;
  overflow: hidden;
  background-color: #d3d5de !important;
  width: 100% !important;
  margin: 0 auto;
  margin-bottom: 0px !important;
}

.navbar-fixed-top .navbar-collapse .visible-xs li a.btn.btn-warning.btn-block.btn-xs,
.navbar-fixed-top .navbar-collapse .visible-xs li a.btn.btn-primary.btn-block.btn-xs,
.navbar-fixed-top .navbar-collapse .visible-xs li a.list-group-item {
  background-color: transparent !important;
  border: 0px solid transparent;
  border-image-source: initial;
  border-image-slice: initial;
  border-image-width: initial;
  border-image-outset: initial;
  border-image-repeat: initial;
  color: rgb(122, 121, 121);
  font-size: 15px;
  font-weight: 100;
  text-align: left;
  clear: both;
  line-height: 10px;
}


.navbar-fixed-top .navbar-collapse .visible-xs li a.btn.btn-danger.btn-block {
  background-color: transparent;
  border: 0px solid transparent;
  border-image-source: initial;
  border-image-slice: initial;
  border-image-width: initial;
  border-image-outset: initial;
  border-image-repeat: initial;
  color: rgb(122, 121, 121);
  box-shadow: 0px 0px 0px 0px transparent;
}

.navbar-fixed-top .navbar-collapse .visible-xs li span.glyphicon.glyphicon-off {
  text-align: right;
  position: relative;
  display: block;
  float: right;
  margin-top: 0px;
  top: -5px;
  right: 20px;
  left: auto;
}

.navbar-fixed-top .navbar-collapse .visible-xs li a.list-group-item:focus,
.navbar-fixed-top .navbar-collapse .visible-xs li a.list-group-item:hover {
  color: #555;
  text-decoration: none;
  background-color: #f5f5f5;
}

.navbar-collapse ul.visible-xs li .center-block {
  display: block;
  margin-right: auto;
  margin-left: auto;
  max-width: 100%;
  width: 100%;
  overflow: hidden;
  padding-left: 0px;
}

.navbar-fixed-top .navbar-collapse .visible-xs li p:hover,
.navbar-collapse .visible-xs .list-group:hover {
  background-color: rgba(231, 231, 231, 0.39);
  padding-top: 11px;
  padding-bottom: 11px;
  margin-bottom: 0px;
}

.navbar-fixed-top .navbar-collapse .visible-xs li p {
  padding-top: 11px;
  padding-bottom: 11px;
  margin-bottom: 0px;
}

.navbar-fixed-top .navbar-collapse .visible-xs li p.username:hover {
  border-bottom: 0px solid #d3d5de !important;
  margin-bottom: 0px;
  padding-bottom: 0px;
  background-color: transparent;
}

.navbar-fixed-top .navbar-collapse .visible-xs li p.userName {
  padding-top: 0px;
  padding-bottom: 0px;
  margin-bottom: 0px;
  background: transparent;
}

.navbar-fixed-top .navbar-collapse .visible-xs li .navbar-login .row p {
  background: transparent !important;
}

/* FIN DE MENU USUARIO MOVIL */

/* FIN CSS A ARREGLAR POR QUE TENGO QUE MODIFICAR LAS CLASES DE LOS ELEMENTOS btn-danger etc*/


/* FIN DEL DASHBOARD */


/* FOOTER VERSION ESCRITORIO */

/*
.text-muted {
  color: #444343 !important;
}
*/

.pie {
  margin-top: 91px !important;
}

footer.pie#footer {
  float: left;
  position: relative;
  display: block;
  clear: both;
  width: 100%;
  min-height: 100%;
  background: white;
  border: 0px solid transparent;
}

footer .first .info-links {
  padding: 10px 0px 10px 0px;
  margin: 0 0 0 0;
}

footer .first .info-links a {
  color: #222d32;
  font-weight: 800;
  text-transform: uppercase;
  float: left;
  width: 100%;
  position: relative;
  display: block;
  clear: both;
  line-height: 1.4;
  margin-bottom: 4px;
  font-size: 12px;
}

footer .first .info-links a:hover {
  color: #3e525b;
}

footer .first .info-links {
  padding: 10px 0px 10px 0px;
  margin: 0 0 0 0;
  float: left;
  clear: both;
  z-index: 1000;
}

footer.pie .first {
  float: left;
  position: relative;
  display: block;
  width: 100%;
  clear: both;
  background-color: white;
  margin-bottom: 30px;
  box-shadow: 0 -6px 9px -8px rgba(0, 0, 0, 0.5);
  margin: 0;
  padding-top: 20px;
}

footer .first .info-links a.icon:before {
  content: "";
  margin-right: 10px;
  width: 16px;
  background-size: cover !important;
  background: url(//static.netelip.com/panel/v4/img/icons/support.svg);
  height: 15px;
  background-repeat: no-repeat;
  background-color: transparent;
  float: left;
}

footer .first .info-links a.icon.status-icon:before {
  background: url(//static.netelip.com/panel/v4/img/icons/info2-grey.svg);
  height: 16px;
}


footer .first .info-links a.icon.help-icon:before {
  background: url(//static.netelip.com/panel/v4/img/icons/support4-grey.svg);
  height:16px;
}

footer .row.first {
  background-color: #ffffff;
}

footer .row.second {
  float: left;
  position: relative;
  display: block;
  width: 100%;
  clear: both;
  margin: 0;
  z-index: 3;
  background-color: #444343;
  left: 0px;
}

footer .row.second .copyright,
footer .row.second .legal {
  margin-left: 0px !important;
  padding-right: 0px;
}

footer .row.second .copyright,
footer .row.second .legal {
  color: white;
  font-size: 10px;
}

.row.second > div,
.row.second .col-custom-sm-push-1 > div {
  padding: 0px;
  margin-left: 0px;
  margin-right: 0px;
  padding-bottom: 0px;
}


ul.footer-nav.enlaces-pie {
  margin-right: 0px;
  margin: 0 auto;
  float: none;
  width: auto;
  max-width: 320px;
  padding-left: 0px;
  margin-top: 10px;
  display: table;
  padding-right: 0px;
}

.second .legal {
  padding-right:0px !important;
}

.ficha-notify {
  min-width: 245px;
}

.payment-method-mini-container {
  text-align: center;
}

.payment-method-mini-container img {
  width: auto;
  height: 33px;
  padding-right: 5px;
}

ul.footer-nav.enlaces-pie li {
  border-right: 1px solid white !important;
  padding-right: 8px;
  height: 10px;
  line-height: 0px;
  margin-top: 4px;
  position: relative;
  display: block;
  float: left;
}

ul.footer-nav.enlaces-pie li:last-of-type {
  border-right: 0px solid transparent !important;
}

.legal a {
  color: white !important;
  display: inline;
  float: none;
  margin-right: 13px;
  padding-right: 0 !important;
  position: relative;
}

.formas-pago img {
  float: none;
  margin-left: 10px;
  margin-top: 3px;
  width: 32px;
}

.certificados img {
  max-width: 20px;
}

.copyright p {
  margin-top: 15px !important;
  float: left;
  position: relative;
}

.formas-pago img:first-child {
  margin-left: 0px;
}

/* FOOTER VERSION ESCRITORIO FIN */


/* PLANES DE LLAMADAS NUEVO */

.thumbnail.boder-primary {
  display: block;
  padding: 0;
  margin-bottom: 20px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 0;
  -webkit-transition: border .2s ease-in-out;
  -o-transition: border .2s ease-in-out;
  transition: border .2s ease-in-out;
}

.imagen-planes {
  background: #F1F1F1;
  float: left;
  margin-bottom: 0px;
  width: 100%;
  padding-top: 20px;
  min-height: 95px;
}

.iconos-plan {
  text-align: center;
  margin: 0 auto;
  float: none;
  left: 0;
  right: 0;
  position: absolute;
  top: -15px;
  border-radius: 100%;
}

.imagen-planes.europa {
  background: #1372ae;
}

.imagen-planes.europa img {
  position: relative;
  display: block;
  margin: 0 auto;
  left: auto;
  right: auto;
}


.imagen-planes img {
  position: absolute;
  display: block;
  margin: 0 auto;
  left: 71px;
  right: 0px;
}

.mayusculas {
  text-transform: uppercase;
  letter-spacing: -0.02em;
}

.negrita {
  font-weight: 800;
}

.ancho-limitado-350 {
  max-width: 360px;
}

.ancho-limitado-350 .btn-group-sm>.btn, .ancho-limitado-350 .btn-sm {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 0px;
}

.ancho-limitado-350 .btn-default,
.soporte .soporte-container .btn-default {
  color: #008ed6  !important;
  background-color: #fff;
  border-color: #008ed6  !important;
}

.ancho-limitado-350 hr {
  border-top: 1px solid #c1c0c0;
  margin-top: 10px !important;
}

/* FIN DE PLANES DE LLAMADAS NUEVO */


/* METODOS DE PAGO ESCRITORIO */

.metodos-pago a.thumbnail.active,
.metodos-pago a.thumbnail:focus,
.metodos-pago a.thumbnail:hover {
  border-color: #d5d5d5;
  border-radius: 0px;
  margin-bottom: 0px;
}

.metodos-pago .thumbnail>img {
  display: block;
  max-width: 100%;
  height: auto;
  margin-top: 20px;
}

.metodos-pago .thumbnail {
  min-height: 90px;
}

.metodos-pago .caption {
  background-color: #d5d5d5;
  padding: 0;
  margin: 0;
}

.metodos-pago .caption h4 {
  padding: 5px 0px 7px 0px;
  margin: 0;
  color: #838383 !important;
}

.metodos-pago .caption.active {
  background:#1372ae;
}

.metodos-pago .caption.active h4 {
  color: white !important;
}

.metodo-activo {
  max-height: 30px;
}

.metodo-activo.disabled {
  display: none;
}

.checkmark.disabled {
  display: none;
}

svg.checkmark {
  position: absolute;
  top: -6px;
  right: 5px;
}

/* FIN DE METODOS DE PAGO */

/* PLANES DE SOPORTE */

.row.soporte-container {
  margin-left: 0px !important;
  margin-right: 0px !important;
}

.soporte ul li .lead.text-height {
  position: relative;
  display: block;
  text-align: left;
  width: 84%;
  clear: both;
  float: left;
  margin-top: 4px;
  height: auto;
}

.service-plans-contratar.soporte span.precio {
  max-width: 97px;
  word-wrap: break-word;
  text-overflow: ellipsis;
  white-space: pre;
  line-height: 19px;
  margin-top: 10px;
  text-align: left;
  font-size: 14px !important;
  text-indent: 0px;
  margin-left: 8px;
}

.soporte.service-plans-contratar .col-sm-4 .thumbnail .caption a.btn.default-info {
  border: #008ed6;
  border: 1px solid #008ed6;
  color: #008ed6;
  float: left;
  position: relative;
  display: block;
  margin-left: 3%;
  margin-bottom: 15px;
  border-radius: 0px;
}

.soporte .text-height {
  height: auto;
}

.soporte.service-plans-contratar .col-sm-4 .thumbnail .caption a.btn.btn-default,
.soporte.service-plans-contratar .col-sm-4 .thumbnail .caption a.btn.btn-primary {
  border: #008ed6;
  border: 1px solid #008ed6;
  float: left;
  position: relative;
  display: block;
  margin-bottom: 15px;
  border-radius: 0px;
}

.soporte.service-plans-contratar .col-sm-4 .thumbnail .caption a.btn.btn-is-freeplan {
  border: #848388 !important;
  border: 1px solid #848388 !important;
  background: white;
  color: #848388 !important;
  float: left;
  position: relative;
  display: block;
  margin-bottom: 15px;
  border-radius: 0px;
}

.soporte.service-plans-contratar h2:not(.no-mod) {
  margin-left: 14%;
}

.soporte .default-success {
  border-color: #5cb85c !important;
  color: #5cb85c !important;
}

.soporte.service-plans-contratar .col-sm-4 .thumbnail .caption a.btn.default-success {
  border-color: #639c43 !important;
  color: #639c43 !important;
}

/* FIN DE PLANES DE SOPORTE */

/* TIENDA */

.tienda .titular {
  margin-top: 15px;
}

.tienda .titular .media-heading {
  font-size: 15px !important;
  font-weight: 800;
  font-style: italic;
  line-height: 1.2;
  text-align: right !important;
  float: left;
  position: relative;
  display: block;
  clear: none;
  border-right: 1px solid black;
}

.tienda .titular .lead {
  margin-top: 0px;
  float: left;
  position: relative;
  display: block;
  margin-left: -3px;
}

.tienda .titular .lead strong {
  color: #267ab0 !important;
}

.tienda .titular .lead small {
  width: 100% !important;
  float: left;
}

.tienda .unidades {
  clear: both;
  position: relative;
  display: block;
}

.tienda .unidades .col-md-7 {
  float: left;
  position: relative;
  display: block;
  height: auto !important;
}

.unidades .col-md-7 a {
  padding: 5px;
  height: auto !important;
  float: left;
}

.unidades .col-md-7 a img {
  width: 100% !important;
}

.unidades .col-md-5 h4 {
  font-weight: bold;
  font-family: "open sans";
  margin-top: 24px;
}

.unidades .col-md-5 select {
  width: auto !important;
}

.tienda p.lead {
  font-size: 14px;
  font-weight: 200;
  line-height: 1.4;
  color: #848388 !important;
  font-size: 15px;
}

.tienda p.lead.bottons {
  margin-bottom: 0px;
}

.tienda .lead-mini {
  text-align: right;
  font-style: italic;

  position: relative;
  width: 95%;
}

.tienda .lead.bottons .default-info {
  border-radius: 0px;
  color: #008ed6 !important;
  background-color: #fff;
  border-color: #008ed6 !important;
}

.tienda .lead.bottons .btn-primary {
  border-radius: 0px;
}

.col-sm-4.col-xs-12.tienda {
  max-width: 360px;
}

/* FIN TIENDA */

/* MODIFICACION MODALES - INDIVIDUALMENTE */
.modal-support {
  font-family: "Open sans" !important;
}

.modal-support .modal-header h4{
  font-weight: 600;
  font-size: 17px !important;
}


.modal-support .modal-body{
  color: #484848;
  position: relative;
  font-size: 16px;

}

.modal-support .modal-body p {
  margin-left: 20px;
  font-size: 20px !important;
  font-weight: 300;
}

.modal-support .modal-body ul {
  list-style-type: none;
}

.modal-support .modal-body ul li {
  font-weight: 800;
}

.modal-support .modal-body ul li ul li {
  font-weight: 100;
  font-size: 15px;
}

.modal-support .modal-body ul li ul {
  list-style-type: none;
}

.modal-support .modal-body ul li ul li:before {
  content: url(//static.netelip.com/panel/v4/img/icons/check-visto.svg);
  position: relative;
  left: -5px;
}

.panelAdmin img {
  margin-top: 15px;
}

/* MODIDICION JQUERY TABLAS CON LA ZONA SUP Y LATERAL FIXED */
/* Component styles */

.component {
  line-height: 1.5em;
  margin: 0 auto;
  padding: 2em 0 3em;
  width: 90%;
  max-width: 1000px;
  overflow: hidden;
}
.component .filler {
}

table {
  border-collapse: collapse;
  margin-bottom: 3em;
  width: 100%;
  background: #fff;
}

/*td, th {
    padding: 0.75em 1.5em !important;
    text-align: left !important;
}*/
td.err {
  color: #fff;
  font-size: 0.75em;
  text-align: center;
  line-height: 1;
}
th {
  font-weight: bold;
  color: #fff;
  white-space: nowrap;
}
tbody th {
}

tbody tr:nth-child(2n-1) {
  transition: all .125s ease-in-out;
}
tbody tr:hover {
  /*background-color: rgba(129,208,177,.3);*/
}

/* For appearance */
.sticky-wrap {
  overflow-x: auto;
  overflow-y: hidden;
  position: relative;
  margin: 0 0;
  width: 100%;
}
.sticky-wrap .sticky-thead,
.sticky-wrap .sticky-col,
.sticky-wrap .sticky-intersect {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  transition: all .125s ease-in-out;
  z-index: 50;
  width: auto; /* Prevent table from stretching to full size */
}
.sticky-wrap .sticky-thead {
  box-shadow: 0 0.25em 0.1em -0.1em rgba(0,0,0,.125);
  z-index: 100;
  width: 100%; /* Force stretch */
}
.sticky-wrap .sticky-intersect {
  opacity: 1;
  z-index: 150;

}
.sticky-wrap .sticky-intersect th {
  height: 47px;
  background-color: white;
}
.sticky-wrap td,
.sticky-wrap th {
  box-sizing: border-box;
  background: white;
  padding:0px 9px;
}

thead th {
  font-weight: 800 !important;
}

/* Not needed for sticky header/column functionality */
td.user-name {
  text-transform: capitalize;
}
.sticky-wrap.overflow-y {
  overflow-y: auto;
  max-height: 50vh;
}


/* ESTO SON MODIDICACIONES PARA LA WEB - COSAS BONITAS RESPONSIVE */

.stepwizard {
  display: table;
  position: relative;
  min-width: 70%;
  text-align: center;
  top: 4px;
  margin: 0 auto;
  margin-bottom: 40px;
  z-index: 10;
}

.stepwizard-row {
  display: table-row;
}

.stepwizard-row:before {
  bottom: 0;
  position: absolute;
  width: 0;
  height: 1px;
  z-order: 0;
}

.stepwizard-step.step-success button.btn {
  width: 43px;
  height: 43px;
  border-radius: 100% !important;
  background-color: #f7f7f6 !important;
  font-size: 19px !important;
  font-weight: 600;
  color: #4d4f4e !important;
  border-color: #5f8cc5 !important;
}

.stepwizard-step:last-of-type:after {
  content: "" !important;
  height:0px !important;
  width:0px !important;
}

.step-one-success.stepwizard-step.step-one button.btn,
.step-success button.btn{
  text-indent: -99999px;
  border: 1px solid #8dae3b !important;
  background-color: white !important;
}



.step-one-success.stepwizard-step.step-one button.btn:after,
.step-success button.btn:after {
  content: url(//static.netelip.com/panel/v4/img/icons/check-visto.svg);
  text-indent: 0px;
  position: relative;
  display: block;
  line-height: 0px;
  margin-top: -28px;
  text-align: center;
  background-color: white !important;
}

.stepwizard-step.step-success button.btn {
  text-indent: -99999px;
  border: 1px solid #8dae3b !important;
  background-color: white !important;
}

.stepwizard-step.step-current button.btn {
  width: 43px;
  height: 43px;
  border-radius: 100% !important;
  font-size: 19px !important;
  font-weight: 600;
  background-color: #337ab7 !important;
  border-color: #2e6da4 !important;
}



.stepwizard-step.step-disable button.btn {
  width: 43px;
  height: 43px;
  border-radius: 100% !important;
  font-size: 19px !important;
  font-weight: 600;
}

.stepwizard-step.step-current:after,
.stepwizard-step.step-success:after,
.stepwizard-step.step-disable:after {
  content: "";
  position: relative;
  display: block;
  height: 1px;
  color: #337ab7;
  background-color: #337ab7;
  width: 100%;
  left: 50%;
  bottom: 50%;
  right: 50%;
  top: -22px;
  z-index: -1;
}


.stepwizard-step.step-disable:after {
  color: #D3D3D3;
  background-color: #D3D3D3;
}

.stepwizard-step.step-success:after {
  color: #8dae3b;
  background-color: #8dae3b;
}


/* FIN DE LA MODIFICACION JQUERY DE LAS TABLAS */


/* FIN DE LAS MODIFICACIONES DE LAS MODALES - INDIVIDUALES */
@media (min-width: 768px)
{

  /* MODIFICACIONES BOOTSTRAP CLASSES PULL PUSH */
  /* ESTO NO SOBRE ESCRIBE NADA AGREGA CLASES PULL-PUSH NUEVAS */
  /* ESPECIFICAS PARA QUE LA APLICACION SE VEA CORRECTAMENTE */
  .col-custom-sm-push-1 {
    left: 2%;
  }

  .col-custom-sm-pull-1 {
    right: 2%;
  }
  /* MODIFICACIONES BOOTSTRAP CLASSES PULL PUSH */

  .registro .col-sm-12 {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 auto;
    float: none;
  }


  .registro-partner .container {
    width: 100%;
    float: left;
  }

  .registro-partner form.well {
    background-color: white;
    border-radius: 0px;
    border: 0px solid transparent;
    width: 100%;
    min-height: 337px;
    box-shadow: 0px 4px 17px -10px;
    float: none;
  }



  .row.well-form.planes-servicios {
    padding: 0 !important;
    margin: 0 auto;
    width: 100% !important;
    max-width: 100%;
  }
  /*
  .service-plans .thumbnail .caption h3,
  .service-plans-contratar .thumbnail .caption h3 {
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    margin: 0 auto;
    text-align: center;
    float: left;
    position: relative;
    display: block;
  }
   */


  .service-plans .thumbnail .caption.altoAuto h4:before { display:none; }

  .service-plans .thumbnail .caption h4 span.info-precio { text-align: center;}

  .registro label:not(.text-danger):not(.text-info):not(.text-success):not(.text-primary):not(.text-muted) {
    color: #525252 !important;
    width: 100%;
    min-width: initial;
  }

  .congratulations ul.servicios-recomendados li.col-sm-4 {
    position: relative;
    display: block;
    float: left;
    width: 33.3333333333333%;
    margin-top: 5%;
    font-size: 13px;
    font-weight: 100;
    clear: none;
    padding: 0;
  }

}

@media (min-width: 1295px)
{
  .dashboard .start-page select
  {
    width: 100%;
  }

  section.app a img {
    max-width: 100% !important;
  }

}


@media (max-width: 1295px)
{

  .well-form-lg .plan-header {
    position: relative;
    display: block;
    margin: 0 auto;
    width: 90%;
  }

  .nav-stacked li {
    max-width: 208px;
    min-width: 208px;
  }

  .dashboard .health a {
    float: right;
    max-width: 100%;
    margin-left: 13px;
    text-align: center;
    line-height: 1.2;
    background-color: rgb(240, 240, 239);
    padding-top: 10px;
    font-weight: 100;
    padding-bottom: 10px;
    padding: 10px;
    border-radius: 5px;
    width: 100%;
    position: relative;
    display: block;
    margin-top: 11px;
    clear: both;
  }

}


@media (max-width: 1200px)
{

  section.app, section.ayuda {
    background-color: #ffffff;
    padding-bottom: 15px;
    margin-bottom: 10px;
    max-width: 90%;
    float: none;
    margin: 0 auto;
  }

  .dashboard .health a {
    margin-top: 5px;
  }

  .resource {
    background-color: #ffffff;
    padding-bottom: 15px;
  }

  .tienda {
    min-width: 300px;
  }

  /*.resource {
    margin-right: 10px;
  }*/

  label:not(.text-danger):not(.text-info):not(.text-success):not(.text-primary):not(.text-muted) {
    color: #525252 !important;
  }

  .service-plans .thumbnail .caption.altoAuto h4:before { display:none; }

  .service-plans .thumbnail .caption h4 span.info-precio { text-align: center;}


  .congratulations ul.servicios-recomendados li.col-lg-4 {
    position: relative;
    display: block;
    float: left;
    width: 33.3333333333333%;
    margin-top: 5%;
    font-size: 13px;
    font-weight: 100;
    clear: none;
  }

  .registro-partner .container {
    width: 100% !important;
    float: none !important;
  }

}


@media (max-width: 1024px)
{

  .soporte.service-plans-contratar h2:not(.no-mod) {
    text-align: center;
    width: 100% !important;
    position: relative;
    display: block;
    float: left;
    margin: 0 auto !important;
  }

  .soporte ul li .lead.text-height {
    position: relative;
    display: block;
    text-align: left;
    width: 100%;
    clear: both;
    float: left;
    margin-top: 4px;
    height: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    position: relative;
    display: block;
    float: left;
    clear: both;
  }

  .well-form-lg .plan-header {
    position: relative;
    display: block;
    margin: 0 auto;
    width: 90%;
  }

  section.app, section.ayuda {
    background-color: #ffffff;
    padding-bottom: 15px;
    margin-bottom: 10px;
    max-width: 90%;
    float: none;
    margin: 0 auto;
  }


  section.app h2, section.ayuda h2 {
    font-size: 18px !important;
  }

  .dashboard .start-page select {
    height: 40px;
    padding: 5px 10px;
    line-height: 1.5;
    border-radius: 0px !important;
    font-weight: 900;
    font-family: "Open Sans";
    background-color: #EFEFEF;
    color: #4f504e;
    font-size: 12px;
    border: 0px solid transparent;
    box-shadow: 0px 0px 0px 0px transparent;
    margin-left: -15px;
    width: 100%;
    margin-right: -15px;
  }

  .dashboard .health a {
    float: right;
    max-width: 100%;
    margin-left: 13px;
    text-align: center;
    line-height: 1.2;
    background-color: rgb(240, 240, 239);
    padding-top: 10px;
    font-weight: 100;
    padding-bottom: 10px;
    padding: 10px;
    border-radius: 5px;
    width: 100%;
    position: relative;
    display: block;
    margin-top: 11px;
    clear: both;
  }

  .service-plans-contratar h2:not(.no-mod) {
    font-size: 17px !important;
    font-style: italic;
    color: #525252 !important;
    float: left;
    width: 100% !important;
    height: 40px;
    border-right: 0px solid #333;
    font-weight: 500;
    padding-right: 10px !important;
    line-height: 42px;
    margin-left: 0px;
    text-align: center;
    margin-bottom: -14px;
    margin-top: 1px;
  }

  .service-plans-contratar .thumbnail .caption h3 {
    width: auto;
    padding: 0;
    margin-bottom: 20px;
    margin: 0 auto;
    text-align: center;
    float: left;
    position: relative;
    display: block;
    margin-right: 10px;
    margin-left: 14%;
    font-size: 15px !important;
  }

  .service-plans-contratar .thumbnail .plan-contratar h4 {
    float: left;
    position: relative;
    display: block;
    clear: none;
    padding: 0 !important;
    background-color: transparent;
    color: #323232 !important;
    width: auto;
    margin: 0 !important;
    margin-top: 0px !important;
    border-left: 1px solid #323232;
    border-radius: 0px;
    line-height: 17px;
    height: 20px;
    top: 17px;
  }

  .service-plans .contratado span.precio, .service-plans-contratar .contratar span.precio {
    position: relative;
    display: block;
    float: left;
    font-size: 15px !important;
    clear: none;
    font-style: italic;
    font-weight: 100;
    color: #525252 !important;
    margin-top: 1px;
  }

  .service-plans-contratar .thumbnail .caption.contratar h4 span.info {
    font-weight: 100;
    float: left;
    margin-left: -3px;
    color: #525252 !important;
    font-style: italic;
    font-size: 13px;
    margin-top: 2px;
  }

  .service-plans-contratar .thumbnail .caption ul {
    top: 3%;
  }

  .service-plans-contratar .plan-contratar {
    position: relative;
    display: block;
    padding: 0;
    width: 92%;
    margin: 0 auto;
    float: none;
  }

  .service-plans-contratar .thumbnail ul li:before{
    content: "";
    display:none;
  }

  .service-plans-contratar .thumbnail li p {
    float: left;
    position: relative;
    display: block;
    padding-top: 0px;
    width: 100%;
    clear: both;
    color: #6a6c6f;
    margin-left: 7px;
    line-height: 26px;
    font-size: 13px;
    margin-top: 1px;
    font-weight: 100;
    margin-top: 25px !important;
    margin-bottom: 0px;
  }

  .no-padding-right-mobile{
    padding-right: 0px !important;
  }

  .service-plans .thumbnail .contratado h3 {
    float: left;
    position: relative;
    display: block;
    color: #178CCC !important;
    font-size: 15px !important;
    clear: none;
    font-weight: 600;
    width: auto;
    margin-top: 14px;
    margin-left: 9px;
    margin-bottom: -5px;
  }

  .contratado h2:not(.no-mod) {
    font-size: 15px !important;
    font-style: italic;
    color: #525252 !important;
    float: left;
    width: auto !important;
    height: 40px;
    border-right: 1px solid #333;
    font-weight: 500;
    padding-right: 10px !important;
    line-height: 42px;
    margin-left: 28px;
  }

  .service-plans .thumbnail .contratado h3 {
    float: left;
    position: relative;
    display: block;
    color: #178CCC !important;
    font-size: 13px !important;
    clear: none;
    font-weight: 600;
    width: auto;
    margin-top: 14px;
    margin-left: 9px;
    margin-bottom: -5px;
  }

  /* Responsive Formulario de registro para Ipad*/

  .container.formulario-registro {
    max-width: 100%;
    position: relative;
    display: block;
    margin: 0 auto;
    margin-top: 0px;
    float: left;
    width: 100% !important;
  }

  .registro .row.row-fixed {
    width: 100%;
    position: relative;
    margin: 0 auto;
    padding-bottom: 80px;
  }

  .col-sm-5.form-fixed {
    width: 41.66666667%;
  }

  .col-sm-7.servicios-fixed {
    width: 58.33333333%;
  }

  .registro-partner form.well {
    background-color: white;
    border-radius: 0px;
    border: 0px solid transparent;
    min-height: 337px;
    box-shadow: 0px 4px 17px -10px;
    float: none;
  }

  /* Fin Responsive Form IPAD */

}

@media (max-width: 992px)
{

  .dashboard .health small {
    font-weight: 100;
    color: rgb(32, 24, 21);
    font-size: 12px;
    padding-left: 40px;
    float: left;
    margin-bottom: 10px;
  }

  .contratado h2:not(.no-mod) {
    margin-left: 17px;
  }

  .dashboard .service,
  .dashboard .service-down {
    border-right: 0px solid transparent;
  }

  .dashboard .row .col-sm-12.no-padding {
    margin-bottom: 0px;
    width: 100%;
  }

  .resource, .health, .start-page {
    background-color: #f7f7f7;
    padding-bottom: 15px;
    width: 100%;
    margin-bottom: 10px;
    float: left;
  }

  .dashboard .col-md-3.col-sm-12 {
    float: none;
    position: relative;
    display: block;
    clear: both;
    margin-top: 20px;
    left: 0;
  }

  .dashboard .health a {
    float: right;
    padding: 10px;
    margin-top: 4px;
  }

}

@media screen and ( max-height: 720px ){
  .caja{
    margin-bottom: 18px !important;
  }
}

@media (max-width: 768px)
{
  #log-out {
    margin-right: 10px;
    margin-left: 15px;
  }

  .entry-user {
    color: rgb(122, 121, 121)!important;
  }
  .entry-user:hover {
    color: #286090 !important;
    background: none !important;
  }
  #check-fixed {
    left: 0 !important;
  }

  .img-responsive{
    display: inline !important;
  }

  .box-main {
    padding-right: 17px !important;
    padding-top: 120px;
    padding-left: 33px !important;
  }
  .padding-top-xs {
    padding-top: 18px !important;
    margin-bottom: -15px;
  }

  .font-username-xs {
    font-size: 11px !important;
    color: #ffffff !important;
  }

  .img-user-xs {
    max-width: 45px !important;
  }

  .padding-left-0-xs {
    padding-left: 0 !important;
  }
  .padding-right-0-xs {
    padding-right: 0 !important;
  }
  div#creditDropdownHXs{
    margin-right: 21px;
  }
  .content-wrapper{
    padding-top: 50px;
  }

  .main-header .sidebar-toggle {
    margin-left: 0px !important;
  }

  .main-sidebar, .left-side {
    position: absolute !important;
  }

  .arrow-net {
    display: none !important;
  }
  .arrow-net:after {
    display: none !important;
  }

  .well-form-sm {
    overflow: auto;
  }
  .well-form {
    overflow: auto;
  }

  .wrapper-content {
    margin-bottom: -63px;
  }
  .no-border-xs {
    border-top: none !important;
  }
  .margin-top-40-xs {
    margin-top: 53px;
  }


  /* TABS RESPONSIVE INCLUSO LAS GRANDES
      HE CAMBIADO LOS TAMAÑOS DE LAS TIPOGRAFIAS
      ESTABAN DEMASIADO GRANDES COMO PARA QUE QUEPAN COSAS DEL TIPO
      TARIFAS INTERNACIONALES */

  .well-form {
    overflow: auto;
  }

  .table-responsive {
    margin-top: -1px;
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
    margin-right: 0px !important;
    margin-left: 0px !important;
  }

  ul.nav.nav-tabs.well-form li.active {
    border: 1px solid #ddd;
    border-radius: 5px 5px 0 0;
    border-bottom: 0px;
  }

  /*.col-md-12.col-lg-10.well-form br {float:none;height:0px;width:0px;display:none;}*/

  .nav-tabs>li {
    float: left;
    display: flex !important;
    margin-bottom: -1px;
  }

  .nav-tabs>li {
    float: left;
    margin-bottom: -1px;
    position: relative;
    z-index: 1;
    display: block;
    text-align: center;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-bottom: 0px !important;
    padding-top: 0px !important;
    margin: 0 !important;
    height: auto !important;
    justify-content: center;
    flex-direction: column;
    text-align: center;
  }

  ul.nav.nav-tabs.visible-xs.well-form{display:flex !important;}

  .nav-tabs>li>a {
    margin-right: 0px !important;
    line-height: 1 !important;
    white-space: pre-line;
    font-size: 0.9em;
    text-overflow: ellipsis;
    max-width: 100%;
    word-break: normal;
    word-wrap: normal;
    padding-top: 20px !important;
    background: white;
    justify-content: center;
    flex-direction: column;
    flex: 1;
    text-align: center;
    display: flex !important;
    float: left;
    width: 100%;
    vertical-align: middle;
    border-radius: 0px 0px 0px 0px !important;
  }


  .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #555;
    cursor: default;
    padding-bottom: 20px !important;
    background-color: #fff;
    border: 1px solid transparent !important;
    border-bottom-color: transparent;
  }

  .breadcrumb>.active {
    font-size: 11px;
  }

  ol.breadcrumb li a {
    font-size: 11px !important;
  }



  .well-form-lg {
    max-width: 390px;
    margin: 0 auto !important;
    position: relative;
    float: none;
  }

  .no-padding-right-mobile {
    padding-right: 15px !important;
  }

  .soporte ul li .lead.text-height {
    position: relative;
    display: block;
    text-align: left;
    width: 100%;
    clear: both;
    float: left;
    margin-top: 4px;
    height: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    position: relative;
    display: block;
    float: left;
    clear: both;
    margin-top: 0px !important;
    padding-top: 0px !important;
  }

  /* FOOTER RESPONSIVE */

  footer .first .info-links a {
    color: #222d32;
    font-weight: 800;
    text-transform: uppercase;
    float: none;
    width: 80%;
    position: relative;
    display: block;
    clear: both;
    line-height: 1.4;
    margin-left: auto !important;
    margin-bottom: 4px;
    margin-right: auto !important;
    left: 0;
    font-size: 15px;
    right: 0;
  }

  footer .first .info-links {
    /*padding-top: 25px !important;
    padding-bottom: 17px;*/
    border-bottom: 5px solid transparent;
    /*float: none;*/
    margin-left: 18px;
    /*argin: 0 auto;*/
    max-width: 80%;
  }

  .col-xs-12.col-sm-5.col-custom-sm-pull-1.pull-right.text-right {
    position: relative;
    display: block;
    text-align: left;
    font-size: 17px;
    margin-bottom: 5px;
    float: left !important;
    margin-top: -5px;
    width: 90%;
    float: none !important;
    margin: 0 auto;
    padding-bottom: 20px;
  }

  .row.second .row .formas-pago:first-child{
    margin-left: 0;
    padding: 0;
    margin-top: 20px;
    padding-left: 25px;
    padding-bottom: 30px;
    float: left;
    padding-bottom: 35px !important;
  }

  .row.second .row .formas-pago:first-child img{
    margin-left: 4%;
  }

  .col-xs-12.certificados {
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 25px;
    width: 80%;
    position: relative;
    display: block;
    float: none;
    margin: 0 auto;
    margin-bottom: 30px;
    padding: 0;
    margin-top: 44px !important;
    clear: both;
  }

  .certificados a:first-of-type{
    margin-left: -5px;
  }

  .certificados a{
    width: 25%;
    float: left;
    position: relative;
    display: block;
    clear: none;
    margin-top: 16px;
    margin-right: 15px;
  }
  .certificados a img{
    width: 100%;
  }

  ul.footer-nav.enlaces-pie {
    float: left;
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    padding-top: 30px;
  }

  ul.footer-nav.enlaces-pie li {
    float: none;
    position: relative;
    display: block;
    width: 100%;
    clear: both;
    margin-top: 0px;
    margin-bottom: 21px;
    border: 0px solid transparent !important;
  }

  .footer-nav>li>a {
    width: 89%;
    position: relative;
    display: block;
    padding: 5px 5px;
    color: inherit;
    font-size: 16px;
    text-align: left!important;
    float: none;
    margin: 0 auto;
    margin-top: 0px;
    margin-bottom: 10px;
  }

  footer .first .info-links a {
    color: #444343;
    font-weight: 800;
    text-transform: uppercase;
    float: none;
    width: 90%;
    position: relative;
    display: block;
    clear: both;
    line-height: 1.4;
    margin-left: auto !important;
    margin-bottom: 4px;
    margin-right: auto !important;
    left: 0;
    font-size: 14px;
    right: 0;
    text-align: left;
  }

  footer .first .info-links a.icon:before {
    content: "";
    margin-right: 10px;
    width: 16px;
    background-size: cover !important;
    background: url(//static.netelip.com/panel/v4/img/icons/support.svg);
    height: 15px;
    background-repeat: no-repeat;
    background-color: transparent;
    float: left;
  }

  .contact-info {
    float: none !important;
    margin: 0 auto;
    text-align: left;
    max-width: 90%;
  }
  .contact-info p b{
    color: #333 !important;
    text-align: left;
  }

  .formas-pago{
    margin-left: 0;
    padding: 0;
    margin-bottom: 30px;
  }

  .formas-pago img {
    float: none;
    margin-left: 10px;
    margin-top: 26px;
  }

  footer .row.second {
    float: left;
    position: relative;
    display: block;
    width: 100%;
    clear: both;
    margin: 0;
    z-index: 3;
    background-color: #222d32;
    left: 0px;
  }

  .certificados{
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 25px;
    margin-top: 10px;
    margin-bottom: 5px;
    width: auto !important;
    margin: 0 auto !important;
    float: none !important;
    display: table;
    margin-top: 20px !important;
  }

  .row.second a {
    text-align: center !important;
    margin: 0 auto;
    float: none;
    font-size: x-small;
    margin-right: 10px;
    width: auto;
    display: block;
  }

  ul.footer-nav.enlaces-pie li {
    float: none;
    position: relative;
    display: block;
    width: auto;
    text-align: center !important;
    clear: both;
    margin: 0 auto;
  }

  ul.footer-nav.enlaces-pie {
    float: none;
    position: relative;
    display: table;
    width: 100%;
    padding: 0;
  }

  .legal {
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 25px;
    float: right;
  }

  /* FIN FOOTER RESPONSIVE */

  /* ALERTA DEL JUMBOTRON INFO RESPONSIVE */
  .jumbotron-service .jumbotron {
    position: absolute;
    top: 0;
    transform: translateY(7%);
    left: 0%;
    float: none;
    right: 0%;
    max-width: 750px;
    text-align: center;
    margin: 0 auto;
    border-radius: 10px;
    background-color: white;
    max-height: 260px;
    height: 260px;
    box-shadow: 0px 1px 22px -2px transparent;
    padding: 0;
  }

  .jumbotron-service .jumbotron:before {
    background: none;
  }

  .jumbotron-service {
    position: relative;
  }

  .jumbotron-service .jumbotron h1 {
    font-size: 29px !important;
    margin-bottom: 4%;
    min-height: 1px;
  }

  .jumbotron-service.inside-service .jumbotron {top:0px !important;}
  /* FIN DE LA ALERTA DE JUMBOTRON */

  .xdebug-var-dump {display:none;}

  .dashboard .carousel {
    position: relative;
    min-height: inherit;
    padding-bottom: 0px;
    margin-bottom: 0;
    background-color: #f7f7f7;
    padding: 0;
    float: left;
    width: 100%;
    /*top: 10px;*/
  }

  select.input-sm {
    height: 30px;
    line-height: 30px;
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .navbar-default .navbar-collapse {
    padding: 0 !important;
  }

  .navbar-fixed-top .navbar-collapse .visible-xs li.divider {
    height: 1px !important;
    margin-bottom: 0px !important;
    margin-top: 0px !important;
  }

  .navbar-collapse .visible-xs .list-group a.list-group-item {
    padding-left: 0px !important;
    margin-left: 20px !important;
    padding-top: 11px;
    padding-bottom: 11px;
  }

  .navbar-fixed-top .navbar-collapse .visible-xs li p.text-left.username,
  .navbar-fixed-top .navbar-collapse .visible-xs li p a,
  .navbar-fixed-top .navbar-collapse .visible-xs li a.list-group-item  {
    margin-bottom: 0px;
    margin-left: 15px;
  }

  .navbar-fixed-top .navbar-collapse .visible-xs li p.text-left.username{
    margin-bottom: 15px !important;
  }

  .navbar-fixed-top .navbar-collapse .visible-xs li p {
    border-bottom: 1px solid #d3d5de !important;
    padding-bottom: 11px;
  }

  .navbar-fixed-top .navbar-collapse .visible-xs li p.username {
    border-bottom: 0px solid #d3d5de !important;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  .navbar-fixed-top .navbar-collapse .visible-xs li .list-group {
    padding: 0;
    margin: 0;
  }

  .navbar-fixed-top .navbar-collapse .visible-xs .navbar-login-session .row .col-lg-12 p {
    border: 0px solid transparent !important;
  }

  .navbar-collapse ul.visible-xs li .center-block.navbar-login-session {
    width: auto;
    position: relative;
    display: block;
    float: right;
    padding-bottom: 7px;
    padding-top: 3px;
  }

  .navbar-fixed-top .navbar-collapse .visible-xs li a.btn.btn-warning.btn-block.btn-xs:before,
  .navbar-fixed-top .navbar-collapse .visible-xs li a.btn.btn-primary.btn-block.btn-xs:before,
  .navbar-fixed-top .navbar-collapse .visible-xs li a.list-group-item:before {
    content: url(//static.netelip.com/panel/v4/img/icons/chevron-thin-right.svg);
    float: right;
    position: absolute;
    display: block;
    opacity: 0.5;
    right: 28px;
  }

  .navbar-fixed-top .navbar-collapse .visible-xs li a.btn.btn-danger.btn-block span.glyphicon-off{
    font-size: 24px;
    width: 100%;
    position: relative;
    text-align: right;
  }

  .navbar-fixed-top .navbar-collapse .visible-xs li a.btn.btn-warning.btn-block.btn-xs,
  .navbar-fixed-top .navbar-collapse .visible-xs li a.btn.btn-primary.btn-block.btn-xs {
    margin-left: 0px;
    padding-left: 20px;
  }

  .navbar-header .nav-text.visible-xs .pull-right {
    position: relative;
    display: block;
    margin-top: 4px !important;
    margin-bottom: 8px !important;
  }


  /* OCULTAR LA IMAGEN DEL LOGO PARA RESPONSIVE */

  .navbar-header .navbar-brand>img {
    display: none;
  }

  .navbar-default .navbar-toggle {
    border-color: transparent;
    font-size: 23px;
    top: 0px;
    margin-top: 6px;
    line-height: 0;
    padding: 7px;
    height: auto !important;
    color: #1b83c2;
    border: 0px solid transparent;
  }

  .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: transparent;
  }

  /* SALDO MOVIL */

  .mi-saldo .pull-right {
    margin-top: 4px !important;
    right: 0;
    left: 0;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    margin-right: 6px;
    text-align: center;
    margin-bottom: 8px;
  }

  .mi-saldo .saldo {
    float: left;
    position: relative;
    display: block;
    margin-right: 3px;
    top: 6px;
  }

  .mi-saldo .saldo.glyphicon-phone.saldo:before {
    content: "";
    left: -11px;
    position: absolute;
    background-size: cover !important;
    background: url(//static.netelip.com/panel/v4/img/icons/wallet-01.svg);
    width: 24px;
    height: 22px;
    top: 5px;
  }

  .mi-saldo .col-sm-9 {
    float: right;
    margin-top: 7px;
    width: 65px;
    margin-left: 16px;
  }

  .mi-saldo .saldo-title {
    color: #006699 !important;
    font-size: 12px;
    font-weight: 400;
    float: left;
    margin-bottom: -2px;
  }

  .mi-saldo .balance-actual {
    color: #006699 !important;
    float: left;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.3;
  }

  .mi-saldo .balance-actual strong {
    color: #006699 !important;
    font-size: 12px;
    font-weight: 800;
  }

  /* FIN DE SALDO EN MOVIL */

  nav.side .col-md-12.col-lg-2 {
    padding-left: 15px;
  }


  .service p {
    height: 30px;
    font-size: 12px;
  }

  .service h4 {
    font-size: 16px !important;
  }


  .dashboard .service,
  .dashboard .service-down {
    border-right: 0px solid transparent;
  }

  .dashboard .video-player {
    min-height: 390px;
    padding: 4px;
  }

  .dashboard .start-page select {
    margin-left: 0;
  }

  .registro .col-sm-12 {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 auto;
    float: none;
    padding: 0;
  }


  label:not(.text-danger):not(.text-info):not(.text-success):not(.text-primary):not(.text-muted) {
    color: #525252 !important;
    width: 100%;
    min-width: initial;
  }

  .service-plans .row.well-form.planes-servicios {
    padding: 0 !important;
    margin: 0 auto;
    width: 100% !important;
    max-width: 100%;
  }

  .registro section.registro-header {
    max-width: 100%;
  }

  .service-plans .thumbnail .caption h3 {
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    margin: 0 auto;
    text-align: center;
    float: left;
    position: relative;
    display: block;
  }

  .service-plans .thumbnail .caption.altoAuto h4:before { display:none; }

  .service-plans .thumbnail .caption h4 span.info-precio { text-align: center;}

  .service-plans .thumbnail li p, .service-plans-contratar .thumbnail li p {
    float: left;
    position: relative;
    display: block;
    margin-top: 0px;
    padding-top: 0px;
    width: 100%;
    clear: both;
    color: #6a6c6f;
    margin-left: 0px;
    line-height: 26px;
    font-size: 14px;
    font-weight: 100;
    margin-top: 1px;
    margin-bottom: -13px;
  }

  .contratado h2:not(.no-mod), .service-plans h2:not(.no-mod), .service-plans-contratar h2:not(.no-mod) {
    font-size: 17px !important;
    font-style: italic;
    color: #525252 !important;
    float: left;
    width: auto !important;
    height: 40px;
    border-right: 0px solid #333;
    font-weight: 500;
    padding-right: 10px !important;
    line-height: 42px;
    margin-left: 5%;
    text-align: center;
    width: 100% !important;
  }

  .service-plans .plan-contratado, .service-plans-contratar .plan-contratar {
    float: left;
    position: relative;
    display: block;
    width: 100%;
    margin-top: -26px;
    clear: both;
    text-align: center;
  }

  .service-plans-contratar .thumbnail .contratar h3 {
    margin-top: 5px;
    margin-bottom: -10px;
  }

  .service-plans .thumbnail .contratado h3, .service-plans-contratar .thumbnail .contratar h3 {
    position: relative;
    color: #178ccc !important;
    font-size: 18px !important;
    clear: none;
    font-weight: 600;
    text-align: center !important;
    flex: 1;
    margin-bottom: -5px;
    border-left: 0px solid transparent;
    width: 100%;
    margin: 0 auto;
    float: none;
    margin-top: 5px;
    margin-bottom: -10px;
  }

  .service-plans-contratar .thumbnail .plan-contratar h4 {
    float: left;
    position: relative;
    display: block;
    clear: both;
    padding: 0 !important;
    background-color: transparent;
    color: #323232 !important;
    width: 100%;
    margin-top: -2px !important;
    height: auto;
    line-height: 3px;
    border-left: 0px solid transparent;
    top: 17px;
    text-align: center;
    width: 100%;
    float: left;
    margin: 0 auto !important;
    text-indent: -30px;
  }

  .service-plans .contratado span.precio, .service-plans-contratar .contratar span.precio {
    position: relative;
    display: block;
    float: left;
    font-size: 15px !important;
    clear: none;
    font-style: italic;
    font-weight: 100;
    text-align: center;
    color: #525252 !important;
    width: 100% !important;
    margin: 0 auto;
    max-width: inherit;
  }

  .service-plans .thumbnail .caption.contratado h4 span.info,
  .service-plans-contratar .thumbnail .caption.contratar h4 span.info {
    font-weight: 100;
    float: none;
    color: #525252 !important;
    font-style: italic;
    font-size: 17px;
    position: relative;
    margin-left: 80px;
    top: -6px;
  }

  .plan-header {
    width: 80%;
    position: relative;
    display: block;
    margin: 0 auto;
    margin-top: 20px;
  }

  .service-plans-contratar .thumbnail .caption ul {
    top: 15%;
    width: 80%;
    display: block;
    overflow: hidden;
    margin-top: 20px;
    float: none;
    padding-top: 30px;
  }

  .congratulations ul li.col-xs-12 {
    width: 100%;
    clear: both;
    float: left;
    margin-top: 30px;
    padding: 0px;
  }

  .service-plans .thumbnail .plan-contratado h4 {
    position: relative;
    display: block;
    clear: both;
    padding: 0px !important;
    background-color: transparent;
    color: #323232 !important;
    height: auto;
    line-height: 3px;
    border-left: 0px solid transparent;
    top: 17px;
    text-align: center;
    width: 100%;
    float: left;
    margin: 0px auto !important;
    text-indent: -30px;
  }

  .service-plans .thumbnail .caption, .service-plans-contratar .thumbnail .caption, .tienda .caption {
    height: auto !important;
  }

  .congratulations.col-lg-12 {
    max-width: 100%;
    margin: 0 auto;
    background-color: white;
    margin-top: 30px;
    padding: 20px;
    height: 100%;
    min-height: 450px;
    float: left;
  }

  .registro-completado .row .col-sm-12:first-of-type {
    padding: 0;
    width: 100%;
    max-width: 100%;
    margin-bottom: 0px;
  }

  .registro-completado h2.text-center {
    text-align: left;
    font-size: 21px !important;
    padding-top: 0px;
    padding-bottom: 0px !important;
    font-weight: 400;
    margin-bottom: 0px;
    margin-top: 0px;
    max-width: 70%;
  }

  .registro-completado .congratulations .contenido-completado h3 {
    padding: 0 !important;
    margin-top: 0px;
    font-weight: 100;
    width: 60%;
    font-size: 20px !important;
  }

  .congratulations .contenido-completado:after {
    content: "";
    float: right;
    position: absolute;
    right: 5px;
    top: 10%;
    width: 80px;
    background: url(//static.netelip.com/panel/v4/img/icons/check-visto-grande.svg);
    height: 80px;
    background-position: 0 0;
    background-size: contain;
  }

  ul.servicios-recomendados {
    width: 100%;
    position: relative;
    display: table;
    list-style-type: none;
    padding: 0;
    float: left;
    margin-top: 26px;
  }

  /* Formulario de registro Movil */

  .col-xs-12.form-fixed,
  .col-xs-12.servicios-fixed {
    width: 100%;
    float: left;
    position: relative;
    display: block;
    clear: both;
  }

  .registro-partner .col-sm-12 {
    position: relative;
    display: block;
    width: 90%;
    margin: 0 auto;
    float: none;
  }

  /* FIN DE Formulario de registro Movil */


  .service-plans .thumbnail .contratado ul li:before {
    content: "";
  }

  .service-plans .thumbnail.well-contratado .caption ul {
    clear: both;
    list-style-type: none;
    padding: 0;
    float: none;
    width: 89%;
    margin-top: 0px;
    margin: 0 auto;
    position: relative;
    display: block;
    top: 10px;
  }

  .registro-partner .modal-body ul {
    list-style-type: none;
    font-size: 15px;
    font-weight: 100;
    max-width: 95%;
    float: left;
    margin: 0 auto;
    margin-left: 0;
  }

  .registro-partner .modal-body ul:after {display: none;}

  /* CAMBIAR PASS RESPONSIVE */

  .finish-forget-password.text-center.contenido-completado {
    width: 100% !important;
    padding: 0 !important;
  }

  .registro-completado.forget-password h2.text-center {
    font-size: 27px !important;
    font-weight: 100;
    width: 100%;
    margin: 0;
    max-width: 100%;
    padding: 0;
    margin-bottom: 10px;
    float: left;
  }

  .registro-completado .congratulations .contenido-completado h3 {
    padding: 0 !important;
    margin-top: 0px;
    font-weight: 100;
    width: 60%;
    font-size: 20px !important;
  }

  .forget-password .contenido-completado a.cambiar-pass-fail {
    width: 100%;
  }

  .forget-password .congratulations.password-reset-fail .contenido-completado:after {
    content: "";
    float: right;
    position: absolute;
    right: 10px;
    top: 69px;
    background: url(//static.netelip.com/panel/v4/img/icons/candado-fail.svg);
    width: 90px;
    height: 90px;
    background-size: cover;
    background-repeat: no-repeat;
  }

  /* ARREGLO PIE DE PAGINA PARA RESPONSIVE */


  ul.footer-nav.enlaces-pie {
    float: none;
    position: relative;
    display: block;
    width: 100% !important;
    padding: 0;
  }

  ul.footer-nav.enlaces-pie li {
    float: left;
    position: relative;
    display: block;
    width: 100%;
    clear: both;
    margin-top: 6px;
  }


  .container-planes .ancho-limitado-350 {
    float: none;
    position: relative;
    margin: 0 auto;
    max-width: 400px;
  }

  /* FIN DE CAMBIAR PASS RESPONSIVE */

  /* PASOS RESPONSIVE */
  .stepwizard-step.step-disable button.btn,
  .stepwizard-step.step-success button.btn,
  .stepwizard-step.step-current button.btn {
    width: 33px;
    height: 33px;
    border-radius: 100% !important;
    font-size: 14px !important;
    font-weight: 600;
  }

  .stepwizard-step.step-success:after,
  .stepwizard-step.step-current:after,
  .stepwizard-step.step-disable:after {
    top: -16px;
  }

  .step-success button.btn:after {
    margin-top: -21px;
    left: -3px;
  }

  .stepwizard-step > p {
    font-size:10px;
  }

  /* FIN DE PASOS RESPONSIVE */


}

/* FIN DE AÑADIDO POR GREGORIO */

.help-us {
  margin-right:10px;
  color: #006699;
}

.help-us>span {
  margin-right: 4px;
}


/* #15627 */
.table-500px {
  max-height: 500px;
  overflow: auto;
}

.progress-bar{
  min-width: 2em;
}


.table-responsive .sticky-wrap table thead th:not(.not-whitespace),
.sticky-col tbody tr th:not(.not-whitespace),
.table-striped tbody tr td:not(.not-whitespace) {
  border-bottom: 1px solid #ddd;
  white-space:nowrap;
}

.tooltip-inner {
  white-space:normal;
}

.sticky-col tbody {
  margin-top: -1px;
  position: relative;
  display: block;
  z-index: 0;
}

.sticky-col thead .no-mod th {
  width: 136px;
  border-bottom: 1px solid #ddd;
  line-height: 2;
  padding-top: 13px !important;
  position: relative;
  display: block;
  margin-top: -2px;
  z-index: 2;
}

table.sticky-col thead tr th {
  width: 100% !important;
  position: relative;
  display: block;
  background: white;
  margin-top: -1px;
  z-index: 2;
}

.sticky-wrap .sticky-intersect th {
  height: 40px !important;
  background-color: white;
  line-height: 20px;
}

/* #15627 */
.table-500px {
  max-height: 500px;
  overflow: auto;
}

.progress-bar{
  min-width: 2em;
}

/* MENU SIDESLIDE CSS LIMPIAR BIEN  */

.content-wrap {
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.menu-wrap a {
  color: #b8b7ad;
}

.menu-wrap a:hover,
.menu-wrap a:focus {
  color: #c94e50;
}

.content-wrap {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

.content {
  position: relative;
  background: #b4bad2;
}

.content::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.3);
  content: '';
  opacity: 0;
  -webkit-transform: translate3d(100%,0,0);
  transform: translate3d(100%,0,0);
  -webkit-transition: opacity 0.4s, -webkit-transform 0s 0.4s;
  transition: opacity 0.4s, transform 0s 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
  transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}

/* Menu Button */
.menu-button {
  position: fixed;
  z-index: 1000;
  margin: 1em;
  padding: 0;
  width: 2.5em;
  height: 2.25em;
  border: none;
  text-indent: 2.5em;
  font-size: 1.5em;
  color: transparent;
  background: transparent;
}

.menu-button::before {
  position: absolute;
  top: 0.5em;
  right: 0.5em;
  bottom: 0.5em;
  left: 0.5em;
  background: linear-gradient(#373a47 20%, transparent 20%, transparent 40%, #373a47 40%, #373a47 60%, transparent 60%, transparent 80%, #373a47 80%);
  content: '';
}

.menu-button:hover {
  opacity: 0.6;
}

/* Close Button */
.close-button {
  width: 1em;
  height: 1em;
  position: absolute;
  right: 1em;
  top: 1em;
  overflow: hidden;
  text-indent: 1em;
  font-size: 0.75em;
  border: none;
  background: transparent;
  color: transparent;
}

.close-button::before,
.close-button::after {
  content: '';
  position: absolute;
  width: 3px;
  height: 100%;
  top: 0;
  left: 50%;
  background: #bdc3c7;
}

.close-button::before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.close-button::after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

/* Menu */
.menu-wrap {
  position: absolute;
  z-index: 1001;
  width: 100%;
  height: 100%;
  background: #373a47;
  padding: 2.5em 1.5em 0;
  font-size: 1.15em;
  -webkit-transform: translate3d(-100%,0,0);
  transform: translate3d(-100%,0,0);
  -webkit-transition: -webkit-transform 0.4s;
  transition: transform 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
  transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}

.menu,
.icon-list {
  height: 100%;
}

.icon-list {
  -webkit-transform: translate3d(0,100%,0);
  transform: translate3d(0,100%,0);
}

.icon-list a {
  display: block;
  padding: 0.8em;
  -webkit-transform: translate3d(0,500px,0);
  transform: translate3d(0,500px,0);
}

.icon-list,
.icon-list a {
  -webkit-transition: -webkit-transform 0s 0.4s;
  transition: transform 0s 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
  transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}

.icon-list a:nth-child(2) {
  -webkit-transform: translate3d(0,1000px,0);
  transform: translate3d(0,1000px,0);
}

.icon-list a:nth-child(3) {
  -webkit-transform: translate3d(0,1500px,0);
  transform: translate3d(0,1500px,0);
}

.icon-list a:nth-child(4) {
  -webkit-transform: translate3d(0,2000px,0);
  transform: translate3d(0,2000px,0);
}

.icon-list a:nth-child(5) {
  -webkit-transform: translate3d(0,2500px,0);
  transform: translate3d(0,2500px,0);
}

.icon-list a:nth-child(6) {
  -webkit-transform: translate3d(0,3000px,0);
  transform: translate3d(0,3000px,0);
}

.icon-list a span {
  margin-left: 10px;
  font-weight: 700;
}

/* Shown menu */
.show-menu .menu-wrap {
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  -webkit-transition: -webkit-transform 0.8s;
  transition: transform 0.8s;
  -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
  transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}

.show-menu .icon-list,
.show-menu .icon-list a {
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  -webkit-transition: -webkit-transform 0.8s;
  transition: transform 0.8s;
  -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
  transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}

.show-menu .icon-list a {
  -webkit-transition-duration: 0.9s;
  transition-duration: 0.9s;
}

.show-menu .content::before {
  opacity: 1;
  -webkit-transition: opacity 0.8s;
  transition: opacity 0.8s;
  -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
  transition-timing-function: cubic-bezier(0.7,0,0.3,1);
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

/* FIN DEL MENU SIDESLIDE - ACUERDATE DE LIMPIARLO BIEN */
.id_cliente
{
  margin-left: 19px;
  font-size: 10px;
  margin-top: -5px;
  margin-bottom: 0px;
  color: rgb(122, 121, 121) ! important;
}
/* FIN DEL MENU SIDESLIDE - ACUERDATE DE LIMPIARLO BIEN */

.user-dropdown-menu{
  margin-bottom: 100px;
  margin-top: 35px;
  margin-left: 20px;
}

.user-dropdown-menu-2 {
  margin-left: -5px;
  margin-top: 16px;
  margin-bottom: -20px;
  margin-right: 30px !important;
}

.bell-notify {
  position: relative;
  bottom: 15px;
  right: 14px;
  font-size: 70% !important;
}

#notify-container {
  margin-top: 2px !important;
}

#credit-container {
  margin-top: 9px !important;
}

.credit-notify {
  position: relative;
  margin-right: -20px;
  top: -14px;
}


#creditDropdownHXsContent {
  box-shadow: 0 6px 12px rgba(0,0,0,.175);
  border: 1px solid rgba(0,0,0,.2) !important;
  width: 542px !important;
}

.img-user-lg {
  max-width: 85px !important;
  padding: 6px;
}

.box-main {
  min-height: 900px !important;
  padding-top: 70px;
  padding-left: 35px;
  padding-right: 25px;
  margin-bottom: 50px;
}

.theme-config {
  z-index: 3;
  position: fixed;
  top: 65px;
  right: 0;
  overflow: hidden;
}

.theme-config-box {
  margin-right: -220px;
  position: relative;
  z-index: 2000;
  transition-duration: 0.8s;
}

.spin-icon {
  background: #267ab0;
  position: absolute;
  padding: 7px 10px 7px 13px;
  border-radius: 20px 0 0 20px;
  font-size: 16px;
  top: 1px;
  left: 0;
  width: 40px;
  color: #fff;
  cursor: pointer;
}

.skin-settings {
  width: 280px;
  margin-left: 40px;
  background: #ffffff;
  border: 1px solid rgba(0,0,0,.2);
  box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

.theme-config-box {
  margin-right: -281px;
}

.theme-config-box.show {
  margin-right: 0px;
}

.text-contact {
  font-size: 0.9em !important;
}

.entry-user {
  color: rgb(122, 121, 121);
  font-size: 15px;
  font-weight: 100;
  text-align: left;
  padding-left: 15px;
  clear: both;
  line-height: 10px;
}

div .col-lg-12 p {
  padding: 10px 0px;
  margin: 0px;
}

div .col-lg-12 p a:hover {
  color: #286090 !important;
}

.bg-color-white >a {
  background-color: white !important;
}

.padding-left-15 {
  padding-left: 15px;
}

#butVirtual {
  font-size: 12px;
  border-radius: 65px !important;
}

.services-box {
  padding-top: 10px;
  padding-bottom: 10px;
  max-width: 360px;
  border-radius: 3px;
  background: #ffffff;
  border-top: 3px solid #d2d6de;
  margin-bottom: 20px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  margin-right: 25px !important;
}

.services-box-dash {
  border-radius: 3px;
  background: #ffffff;
  border-top: 3px solid #d2d6de;
  margin-bottom: 20px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  /*margin-right: 25px !important;*/

}
.services-box:hover {
  border-top: 3px solid #536d79;
}

.btn-sm {
  padding: 4px 10px !important;
  font-size: 14px !important;
}

.arrow-net {
  left: 523px;
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 11px;
  top: -11px;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999;
  border-bottom-color: rgba(0, 0, 0, .25);
}

.arrow-net:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  content: "";
  border-width: 10px;
  top: 1px;
  margin-left: -10px;
  border-top-width: 0;
  border-bottom-color: #ffffff;
}

.arrow-net-2 {
  left: 231px;
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 11px;
  top: -11px;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999;
  border-bottom-color: rgba(0,0,0,.25);
}

.arrow-net-2:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  content: "";
  border-width: 10px;
  top: 1px;
  margin-left: -10px;
  border-top-width: 0;
  border-bottom-color: #fff;
}

.common-box-tab {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  background: #ffffff;
  padding-bottom: 25px;
  border-top: 1px solid #d2d6de;
}

.common-box {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  background: #ffffff;
  padding-bottom: 25px;
  border-top: 3px solid #d2d6de !important;
  padding-right: 25px;
  padding-top: 25px;
  padding-left: 25px;
}

.common-box-xs {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  background: #ffffff;
  padding-bottom: 10px;
  border-top: 3px solid #d2d6de;
  padding-right: 10px;
  padding-top: 10px;
  padding-left: 10px;
}

.common-box-loc {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  background: #ffffff;
  border-top: 3px solid #d2d6de !important;
  padding-right: 25px;
  padding-left: 25px;
}

.padding-left-15 {
  padding-left: 15px;
}


.nav-tabs>li.active>a {
  border-radius: 0px !important;
  border: 1px solid #fff !important;
  border-top: 3px solid #267ab0 !important;
}

.nav-tabs-custom>.nav-tabs>li:not(.active)>a:hover, .nav-tabs-custom>.nav-tabs>li:not(.active)>a:focus, .nav-tabs-custom>.nav-tabs>li:not(.active)>a:active {
  border-color: transparent;
  background: #fff !important;
}

.table-striped {
  margin-bottom: 0px !important;
}

.nav-tabs-custom>.nav-tabs>li.active>a {
  border-top-color: transparent;
  border-left-color: #dcdcdc !important;
  border-right-color: #dcdcdc !important;
}

.tabs-box-only {
  background-color: #fff !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
  margin-bottom: 25px !important;
}
.tabs-box-only-ul {
  padding-left: 0px;
  margin-bottom: 0px !important;
}

.header-theme-config {
  height: 50px;
  background-color: #34444c;
  padding-top: 15px;
  padding-left: 23px;
  font-size: 14px;
  font-weight: 800;
  margin-bottom: 13px;
}

.a-dashboard {
  color:#3c8dbc !important;
}
.a-dashboard:hover {
  color:#23527c  !important;
}

.popover.bottom>.arrow {
  margin-left: -22px !important;
}

.padding-leftright-25 {
  padding-left: 25px;
  padding-right: 25px;
}

.margin-bottom-90 {
  margin-bottom: 90px;
}

@media (max-width: 1100px){
  .services-box {
    max-width: none;
  }
}

#menu-notify .label:empty {
  background-color:inherit !important;
  display: inline;
}

#check-fixed {
  position: fixed !important;
  right: 0px !important;
  left: 255px;
  -webkit-box-shadow: 3px 7px 16px -8px rgba(34,45,50,0.45);
  -moz-box-shadow: 3px 7px 16px -8px rgba(34,45,50,0.45);
  box-shadow: 3px 7px 16px -8px rgba(34,45,50,0.45);
}
.li-menu {

}

.btn-primary:hover {
  border-color: #1c587d !important;
  background: #1c587d !important;
}

.alert-success {
  color: #3c763d !important;
  background-color: #dff0d8 !important;
  border-color: #d6e9c6 !important;
}
.alert-success hr {
  border-top-color: #c9e2b3;
}
.alert-success .alert-link {
  color: #2b542c; !important;
}
.alert-info {
  color: #31708f !important;
  background-color: #d9edf7 !important;
  border-color: #bce8f1 !important;
}
.alert-info hr {
  border-top-color: #a6e1ec !important;
}
.alert-info .alert-link {
  color: #245269 !important;
}
.alert-warning {
  color: #8a6d3b !important;
  background-color: #fcf8e3 !important;
  border-color: #faebcc !important;
}
.alert-warning hr {
  border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
  color: #66512c !important;
}
.alert-danger {
  color: #a94442 !important;
  background-color: #f2dede !important;
  border-color: #ebccd1 !important;
}
.alert-danger hr {
  border-top-color: #e4b9c0;
}
.alert-danger .alert-link {
  color: #843534 !important;
}

.padding-25 {
  padding-right: 25px;
  padding-left: 25px;
}
.padding-right-25 {
  padding-right: 25px;
}
.padding-left-25 {
  padding-left: 25px;
}

#creditDropdownHXsContent-xs {
  box-shadow: 0 6px 12px rgba(0,0,0,.175);
  border: 1px solid rgba(0,0,0,.2) !important;
}

.padding-right-15
{
  padding-right: 15px;
}

@media (min-width: 768px) {
  .margin-15-both {
    margin-right: 15px !important;
    margin-left: 15px !important;
  }

}

@media (max-width: 1400px) {
  .limit-width {
    min-width: 54% !important;
  }
}

@media (min-width: 1200px){
  .registro-partner .container {
    width: 1170px !important;
    float: none !important;
  }

  .dashboard-box-left{
    height: 454px;
  }

  .dashboard-box-right{
    height: 454px;
  }

  .menu-tienda{
    width:68%;
  }
}


@media (min-width: 1404px) {
  .menu-tienda{
    width:100%;
  }
}

@media (max-width: 1200px) {
  .menu-tienda{
    width:595px;
  }
}


@media (min-width: 768px) and (max-width: 915px) {
  .menu-tienda{
    width:285px;
  }
}

@media (min-width: 756px) and (max-width: 768px) {
  .menu-tienda{
    width:100%;
  }
}

@media (max-width: 756px) {
  .menu-tienda{
    width:345px;
  }
}

@media (max-width: 1200px) {
  .padding-right-0-sm {
    padding-right: 0px !important;
  }
  .padding-right-25-sm {
    padding-right: 25px !important;
  }
  .common-box-sm-margin {
    margin-left: 15px !important;
    margin-right: 15px !important;
  }

  .common-box-sm-both {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  .common-box-sm-padding-15-40 {
    padding-left: 15px !important;
    padding-right: 40px !important;
  }
  .common-box-sm-both-30 {
    padding-left: 30px !important;
    padding-right: 35px !important;
  }
  .overflow-auto-sm {
    overflow: auto;
  }
  .no-margin-both-sm {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .well-form-sm {
    overflow: auto;
  }
  .overflow-hidden-sm {
    overflow: visible !important;
  }

}

@media (max-width: 990px) {
  .margin-right-25-sm {
    margin-right: 25px;
  }
}


@media (max-width: 768px) {
  .new-width {
    width: 23%;
  }

  .no-margin-both {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }

  .no-margin-xs {
    margin-left: 0px !important;
  }

  .no-margin-right-xs {
    margin-right: 0px !important;
  }

  .common-box-xs {
    padding-left: 0px;
  }

  .paddin-right-xs-15 {
    padding-right: 15px;
  }

  .common-box-xs-both {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  .common-box-xs-both-30 {
    padding-right: 30px !important;
    padding-left: 30px !important;
  }

  .margin-left-xs-15 {
    margin-left: 15px !important;
  }

  .common-box-xs-margin {
    margin-left: 15px !important;
    margin-right: 15px !important;
  }

  .logo-net {
    width: 150px !important;
    float: left !important;
    margin-top: -4px;
  }

  #menu-sign-out-2 {
    margin-left: 15px;
    margin-right: 10px;
  }

  .overflow-hidden-xs {
    overflow: visible !important;
  }

  .float-none {
    float: none !important;
  }

  .size-xs {
    font-size: 12px !important;
  }

  .top-10-xs {
    margin-top: 10px;
  }

  .theme-config-access {
    top: 115px;
  }

  .nav-tabs {
    display: flex;
  }

  .tour-step-background {
    background: #222d32 !important;
  }

  .credit-tooltip .tour-netelip-virtual-visit-element {
    color: white !important;
  }

  .fa-bell-o.tour-netelip-virtual-visit-element {
    color: white !important;
  }

  .dashboard {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .wrapper-content {
    margin-bottom: 70px;
  }

  .wrapper-general-light-grey {
    min-height: 94%;
    background-color: #f0f0ef !important;
  }

  .wrapper-general-grey {
    min-height: 94%;
    background-color: #222d32 !important;
  }

  .access-header {
    webkit-box-shadow: 3px 7px 16px -8px rgba(34, 45, 50, 0.45);
    -moz-box-shadow: 3px 7px 16px -8px rgba(34, 45, 50, 0.45);
    box-shadow: 3px 7px 16px -8px rgba(34, 45, 50, 0.45);
    background-color: #222d32 !important;
    position: fixed !important;
    width: 100%;
  }

  .padding-top-25 {
    padding-top: 25px;
  }
}

.btn-danger {
  background-color: #D9534F !important;
  border-color: #D9534F !important;
}

.btn-danger.disabled.focus,
.btn-danger.disabled:focus,
.btn-danger.disabled:hover,
.btn-danger[disabled].focus,
.btn-danger[disabled]:focus,
.btn-danger[disabled]:hover,
fieldset[disabled]
.btn-danger.focus,
fieldset[disabled]
.btn-danger:focus,
fieldset[disabled]
.btn-danger:hover {
  background-color: #df706d !important;
  border-color: #df706d !important;
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
  opacity: 1 !important;
}

.container-fluid {
  padding-right: 0px !important;
  padding-left: 0px !important;
}

.label-info {
  background-color: #6db3df !important;
}

.warning-info-header {
  background-color: #fdf4e8 !important;
  color: #737373;
}

.info {
  margin-bottom: -17px;
  padding: 5px 5px 22px 16px;
}

li.tour-netelip-virtual-visit-element{
  background-color: #1a2226 !important;
}

a.tour-netelip-virtual-visit-element {
  background-color: #1a2226 !important;
}

#extensiones.tour-netelip-virtual-visit-element {
  background-color: #ffffff !important;
}

#grupos.tour-netelip-virtual-visit-element {
  background-color: #ffffff !important;
}

.container-fluid-trans {
  padding-right: 30px;
  padding-left: 30px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 20px;
  padding-bottom:30px;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {

  font-weight: 500;
  line-height: 1.1;
}

.grey-primary {
  background: #222d32 !important;
}

.white-nav {
  background: #ffffff !important;
}

.cut-name-user{
  width:155px;
  text-overflow:ellipsis;
  overflow:hidden;
}

.wpb_single_image{
  border-left: 1px solid #cccccc;
  border-top: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  background-color: #e7e4e6;
  padding-bottom: 15px;
  padding-top: 15px;
}

.wpb_wrapper{
  border-left: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  background: #ffff;
}

div.img-circle-apps {
  /* cambia estos dos valores para definir el tamaño de tu círculo */
  height: 105px;
  width: 105px;
  /* los siguientes valores son independientes del tamaño del círculo */
  background-repeat: no-repeat;
  background-position: 30% 26%;
  border-radius: 50%;
  background-size: 128% auto;
  border: 8px solid white;
}
.img-circle-apps-modal{
  height: 60px;
  width: 60px;
  background-repeat: no-repeat;
  background-position: 31% 32%;
  border-radius: 50%;
  background-size: 128% auto;
  margin-left: 5px;
  margin-top: 0px;
  display: inline !important;
}


.vc_figure{
  text-align: center !important;
  text-align: -webkit-center !important;
  text-align: -moz-center !important;
}

.title-app{
  text-align: center;
  border-bottom: 1px solid #cccccc;
  padding: 10px;
  font-size: 17px;
  color: black;
}
.app-desc{
  padding: 10px 15px !important;
  font-weight: 200;
  line-height: 1.4;
  color: #3f3e41 !important;
  font-size: 15px;
  min-height: 90px;
}
.well-form-3{
  max-width: 1095px;
  margin-bottom: 20px;
  min-height: 20px;
  margin-left: 0px !important;
}
.box-apps{
  padding-right: 5px !important;
  padding-bottom: 27px !important;
}
.wpb_btns{
  padding: 10px;
}

@media (max-width: 1200px){
  .col-sm-1200 {
    width: 49.3% !important;
  }

}

@media (max-width: 768px){
  .col-xs-600 {
    width: 95.666667% !important;
  }

}


@media (min-width: 992px){
  .col-lg-6-max-width {
    max-width: 49.3%;
  }
  .background-white {
    background-color: white;
  }
}

.proximanova-bold{
  font-family: 'proxima_nova_rgbold' !important;
}

.font-username-xs {
  color: #ffffff !important;
}


@media (max-width: 768px)
{
  .block-xs{
    display:block;
    margin-top: 9px;
  }
  .type-register-xs{
    padding: 7px 10px 5px 10px !important;
  }
  .left-xs{
    margin-left: 25px !important;

  }
}

@media screen and ( max-height: 950px ) {
  .main-sidebar {
    position: absolute !important;
  }
}

@media screen and ( max-height: 700px ){
  .caja{
    margin-bottom: 40px !important;
  }
  .paddinb-xs{
    padding-bottom: 35px !important;
    background-color: #0d0d0d !important;
  }

}

div.custom-scroll-store::-webkit-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  border-radius: 10px;
  background-color: #F5F5F5;
}

div.custom-scroll-store::-webkit-scrollbar
{
  width: 8px;
  background-color: #d9d9d9;
}

div.custom-scroll-store::-webkit-scrollbar-thumb
{
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
  background-color: #d9d9d9;
}

div.custom-scroll-store::-moz-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  border-radius: 10px;
  background-color: #F5F5F5;
}

div.custom-scroll-store::-moz-scrollbar
{
  width: 7px;
  background-color: #d9d9d9;
}

div.custom-scroll-store::-moz-scrollbar-thumb
{
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
  background-color: #d9d9d9;
}

div.custom-scroll-store::-o-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  border-radius: 10px;
  background-color: #F5F5F5;
}

div.custom-scroll-store::-o-scrollbar
{
  width: 7px;
  background-color: #d9d9d9;
}

div.custom-scroll-store::-o-scrollbar-thumb
{
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
  background-color: #d9d9d9;
}

div.custom-scroll-store::-ms-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  border-radius: 10px;
  background-color: #F5F5F5;
}

div.custom-scroll-store::-ms-scrollbar
{
  width: 7px;
  background-color: #d9d9d9;
}

div.custom-scroll-store::-ms-scrollbar-thumb
{
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
  background-color: #d9d9d9;
}




div.custom-scroll-helpSearch::-webkit-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 6px rgb(128, 128, 128);
  border-radius: 8px;
  background-color: #ffffff;
}

div.custom-scroll-helpSearch::-webkit-scrollbar
{
  width: 10px;
  background-color: #ffffff;
}

div.custom-scroll-helpSearch::-webkit-scrollbar-thumb
{
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 3px rgb(128, 128, 128);
  background-color: #cccccc;
}



div.custom-scroll-helpSearch::-moz-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 6px rgb(128, 128, 128);
  border-radius: 8px;
  background-color: #ffffff;
}

div.custom-scroll-helpSearch::-moz-scrollbar
{
  width: 10px;
  background-color: #ffffff;
}

div.custom-scroll-helpSearch::-moz-scrollbar-thumb
{
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 3px rgb(128, 128, 128);
  background-color: #cccccc;
}

div.custom-scroll-helpSearch::-o-scrollbar-track
{
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 3px rgb(128, 128, 128);
  background-color: #cccccc;
}

div.custom-scroll-helpSearch::-o-scrollbar
{
  width: 10px;
  background-color: #ffffff;
}

div.custom-scroll-helpSearch::-o-scrollbar-thumb
{
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 3px rgb(128, 128, 128);
  background-color: #cccccc;
}

div.custom-scroll-helpSearch::-ms-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 6px rgb(128, 128, 128);
  border-radius: 8px;
  background-color: #ffffff;
}

div.custom-scroll-helpSearch::-ms-scrollbar
{
  width: 10px;
  background-color: #ffffff;
}

div.custom-scroll-helpSearch::-ms-scrollbar-thumb
{
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 3px rgb(128, 128, 128);
  background-color: #cccccc;
}




@media (min-height: 812px) and (min-width: 375px) {
  .mbottom100 {
    margin-bottom: 41px !important;
  }
}

@media (min-height: 320px) and (min-width: 568px) {
  .mbottom100 {
    margin-bottom: 29px !important;
  }
}

@media (min-height: 371px) and (min-width: 411px) {
  .mbottom100 {
    margin-bottom: -39px !important;
  }
}

@media (min-height: 411px) and (min-width: 731px) {
  .mbottom100 {
    margin-bottom: 35px !important;
  }
}

@media (min-height: 375px) and (min-width: 812px) {
  .mbottom100 {
    margin-bottom: 35px !important;
  }
}

@media (min-height: 375px) and (min-width: 667px) {
  .mbottom100 {
    margin-bottom: 11px !important;
  }
}

@media (min-height: 736px) and (min-width: 414px) {
  .mbottom100 {
    margin-bottom: -34px !important;
  }
  footer .row.first{
    height: 91px !important;
  }
}
@media (min-width: 300px) {
  footer .row.first{
    height: 91px !important;
  }
}

@media (min-height: 768px) and (min-width: 1024px) {
  .caja{
    margin-bottom: -14px !important;
  }
  .mbottom100 {
    margin-bottom: 80px !important;
  }
}

@media (min-height: 1024px) and (min-width: 768px) {
  body.registro{
    height: 938px !important;
  }
}