.TablaCalc {
    border-color: #FFF;
    border: none;
    color: #FFF;
    font-size: 11px;
    font-family: Verdana, Geneva, sans-serif;
    margin: 5px;
}

.Celdas {
    border: none;
    width: 30px;
    height: 30px;
    text-align: center;
    background-color: #0b81a5;
}

.CeldaInf {
    border: none;
    height: 30px;
    text-align: center;
    background-color: #0b81a5;
}

.ir-arriba {
    background: #119cbf url(../../Content/Site/arrow-up.png) no-repeat center 50% !important;
    padding: 20px;
    display: none;
    color: #fff;
    position: fixed;
    font-size: 20px;
    bottom: 20px;
    right: 20px;
    cursor: pointer;
    z-index: 10000 !important;
}

.background-page {
    background-image: url('fndpage.jpg');
}

html {
    position: relative;
    min-height: 100%;
}

body {
    margin: 0;
    padding: 0;
    font-family: 'movistar_textregular';
    color: #515559;
    font-size: 14px;
}

h1,
h2,
h3,
h4,
h5 {
    font-family: 'movistar_headlineregular';
    font-weight: lighter;
    margin-top: 20px;
}

ul li {
    list-style: none;
}

h1 {
    font-size: 2.3em;
}

h2 {
    font-size: 1.9em;
}

h3 {
    font-size: 1.5em;
}

p {
    margin: 10px auto;
    font-size: 1.1em;
}

ul {
    padding: 0;
    margin: 0;
}



a {
    text-decoration: none;
    color: #4DB5C8;
}

    a:hover {
        text-decoration: underline;
        color: #015F87;
        cursor: pointer;
    }



    a:not([href]):not([tabindex]) {
        color: #4DB5C8;
        text-decoration: none;
        cursor: pointer;
    }

        a:not([href]):not([tabindex]):hover {
            color: #015F87;
            text-decoration: underline;
            cursor: pointer;
        }

    /* Restaurar outline en active/hover (Bootstrap 3) */
    a:active,
    a:hover {
        outline: 0;
    }

    /* Restaurar outline en focus para todos los enlaces (Bootstrap 3) */
    a:focus,
    a:not([href]):not([tabindex]):focus {
        outline: thin dotted;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
    }
    a.btn:not([href]):not([tabindex]),
    a.btn-default:not([href]):not([tabindex]) {
        color: #fff;
        text-decoration: none;
        cursor: pointer;
    }

        a.btn:not([href]):not([tabindex]):hover,
        a.btn-default:not([href]):not([tabindex]):hover,
        a.btn:not([href]):not([tabindex]):focus,
        a.btn-default:not([href]):not([tabindex]):focus {
            color: #fff;
            text-decoration: none;
            background-color: #015F88;
        }


h4 {
    font-size: 1.5em;
}

    h4 > p > span {
        float: right;
    }

label,
.form-label {
    vertical-align: middle;
    color: #239FBF;
    line-height: 1.1;
}

th {
    font-weight: normal;
    position: relative;
}

.results-list-footer {
    text-align: right;
}

/* Estado normal */
.btn-primary {
    background: #119cbf;
    color: #fff;
    border: #65bed5 solid 1px;
    background-image: none;
}

    /* Estado hover (pasar el mouse) */
    .btn-primary:hover,
    .btn-primary:focus-visible {
        background-color: #015F88 !important;
        background-image: none !important;
        background-position: 0 0;
        border-color: #015F88 !important;
        color: #fff !important;
    }

    .btn-primary:focus:not(:focus-visible):not(:hover) {
        background-color: #119cbf !important;
        border-color: #65bed5 !important;
        outline: none;
        box-shadow: none;
    }

    /* Estado active (clic presionado) */
    .btn-primary:active,
    .btn-primary.active {
        background-color: #015F88 !important;
        background-image: none !important;
        border-color: #015F88 !important;
        color: #fff !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
    }

    .btn-primary.disabled,
    .btn-primary:disabled {
        background-color: #265a88 !important;
        background-image: none !important;
        border-color: #265a88 !important;
    }

/* === Compatibilidad Bootstrap 3 → Bootstrap 4 === */

.btn-xs {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
    min-width: 0;
}

.btn:focus,
.btn.focus,
.btn-default:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
    box-shadow: none;
}

.btn:active,
.btn.active,
.btn-default:active {
    background-image: none;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
    background-color: #015F88;
    border-color: #65bed5;
    color: #fff;
    box-shadow: none;
}


.modal-footer .btn + .btn,
.btn + .btn {
    margin-left: 10px;
}

.btn {
    min-width: 150px;
    font-size: inherit;
}

.btnDeshabilitar {
    min-width: 20px;
}

input[type="submit"],
.btn,
.btn-default {
    background: #119cbf;
    color: #fff;
    text-shadow: none;
    box-shadow: 0 0 0 transparent inset;
    border-radius: 0;
    font-family: 'movistar_textregular';
    font-size: 1em;
    padding: 5px 12px;
    border: #65bed5 solid 1px;
}

    .btn-default:focus,
    .btn-default:hover,
    input[type="submit"]:hover,
    .btn.focus,
    .btn:focus,
    .btn:hover {
        background-color: #015F88;
        background-position: 0 0;
        color: #fff;
    }

    .btn.btn-lg {
        font-size: 1em;
        padding: 12px 22px;
    }

.form-control {
    background-color: #F1F2F6;
    border-radius: 0;
    border: #E6E7EB solid 1px;
    padding: 6px;
    font-style: italic;
    font-size: 14px;
}

input[type="textarea"] {
    min-height: 70px;
}

.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"],
.radio input[type="radio"],
.radio-inline input[type="radio"] {
    margin-left: -19px;
}

.checkbox,
.radio {
    position: relative;
    display: block;
    margin-top: 0;
    margin-bottom: 0;
}

.only-widescreen,
.only-min768,
.only-mobile,
.nav > li.only-mobile,
.only-min992 {
    display: none;
}

.detail-heading {
    font-size: 1.57em;
    color: #005c84;
    font-weight: bold;
    padding-bottom: 5px;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 5px;
}

    .detail-heading strong {
        color: #119cbf;
    }

.xl-label {
    font-size: 2em;
}

.l-label {
    font-size: 1.1em;
}

.md-label {
    font-size: 1.1em;
    padding-right: 25px;
}

.sm-label {
    font-size: 1.1em;
}

.green-text {
    color: #6dbe4e;
}

.gray-text {
    color: #4F5052;
}

.blue-text {
    color: #115882;
    font-style: normal;
}

.red-text {
    color: #ff0101;
    font-style: normal;
}

.grey-text {
    color: #515559;
}

.bold {
    font-family: 'movistar_textbold';
}

label.light-blue-text {
    min-width: 80px;
    float: left;
    line-height: 1.2;
    margin: 0 5px 0 0;
}

.title {
    font-family: 'movistar_headlineregular';
}

p.title {
    margin: 0;
}

.light-blue-text {
    color: #119cbf !important;
}

span.gray-text.d-block {
    max-width: 350px;
}

.font-08 {
    font-size: 0.7em;
    font-family: 'movistar_textbold';
}

.font-09 {
    font-size: 0.96em;
    margin-bottom: 5px;
    display: inline-block;
}

.font-12 {
    font-family: 'movistar_textregular';
    font-size: 1.15em;
}

.font-13 {
    font-size: 1.3em;
}

.font-8 {
    font-size: 0.85em;
    margin: 3px 7px;
}

.font-10 {
    font-size: 0.95em;
}

.font-16 {
    font-size: 1.3em;
    margin: 2px 0;
}

.font-20 {
    font-size: 1.7em;
}

.font-22 {
    font-size: 2em;
}

i.font-8 {
    font-size: 0.75em;
    font-style: normal;
}

.font-105 {
    font-size: 1.05em;
}

.font-15 {
    font-size: 1.5em;
}

.font-17 {
    font-size: 1.6em;
}

.d-block {
    display: block;
}

.d-inline-block {
    display: inline-block;
}

.m-top-0 {
    margin-top: 0;
}

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

.main-content {
    background: white;
    overflow: hidden;
}

.center-footer li.last {
    background: none;
}

.form-group:after,
.form-select:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.form-group.inline label,
.form-group.inline input {
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px;
}

.form-group.inline input {
    max-width: 140px;
}

.form-group.form-chechbox label {
    font-family: 'movistar_textregular';
    font-size: 1.1em;
    line-height: 1.2;
}

input[type="radio"] {
    margin: 4px 4px 0 5px;
}

input[type="checkbox"] {
    margin: 4px 4px 0 5px;
}

.link-blue a {
    background: url("link-ico-btn.png") left 0 no-repeat;
    color: #005c84;
    height: 24px;
    margin: 6px auto 0;
    float: right;
    font-size: 1.1em;
    line-height: 1;
    padding: 3px 0 0 30px;
    display: block;
}

    .link-blue a:hover {
        color: #41b0cc;
    }

#header-first {
    background: #115B84;
    color: #fff;
    border-bottom: 1px solid #D2E5E7;
    padding: 5px 0;
}

.log {
    margin: 5px 0 0 0;
    border-right: 1px solid #fff;
    padding-right: 15px;
    display: inline-block;
}

.slogan {
    display: inline-block;
    padding: 10px 10px;
}

#header-second {
    border: 0;
    background: #119cbf;
    box-shadow: 0 2px 2px rgba(200, 201, 203, 0.9);
}

#sidebar-last,
.section-postcript {
    margin: 5% auto;
}

.banner.horizontal.desktop img {
    width: 100%;
    height: auto;
    max-width: 1172px;
}

.banner.horizontal.mobile img {
    width: 100%;
    height: auto;
    max-width: 309px;
}

label {
    font-size: 1.1em;
    font-weight: normal;
}

form span.help-label {
    color: #bfc6cd;
    font-size: 0.85em;
    display: block;
}

.access-pading li {
    background: url("../images/bg-collapse-li.png") left center no-repeat;
    padding-left: 17px;
}

.righted-btns {
    text-align: right;
}

    .righted-btns .btn {
        margin: 2px 0;
    }

.blok {
    margin: 10px 0;
}

    .blok.first {
        margin-top: 0;
    }

    .blok.last {
        margin-bottom: 0;
    }

.gray-row {
    background-color: #f0f2f5;
    padding: 20px;
    border-bottom: 1px solid #fff;
}

.white-row {
    background-color: #fff;
    padding: 20px;
    border-bottom: 1px solid #fff;
}

.blue-row {
    background-color: #e7f5f8;
    padding: 20px;
    border-bottom: 1px solid #fff;
}

#breadcrumbs {
    padding: 0 0 5px;
    margin-bottom: 5px;
}

    #breadcrumbs .breadcrumb {
        margin: 0;
        background: none;
        padding: 0;
    }

        #breadcrumbs .breadcrumb li {
            font-size: 14px;
        }

            #breadcrumbs .breadcrumb li a {
                color: #005c84;
                font-family: 'movistar_textregular';
            }

            #breadcrumbs .breadcrumb li.active {
                color: #005C84;
                font-family: 'movistar_textbold';
            }

        #breadcrumbs .breadcrumb > li + li:before {
            content: ">>";
            color: #119cbf;
            font-family: 'movistar_textbold';
            letter-spacing: -2px;
            margin-right: 5px;
        }

.responsible-consumption .blue-row {
    padding: 10px;
}

.grafica.inline-blok h5 {
    text-align: left;
}

.factura-row-price {
    text-align: right;
    display: inline-block;
    width: 41.4%;
    vertical-align: bottom;
}

.factura-row-label {
    display: inline-block;
    width: 55%;
    vertical-align: bottom;
    margin: 0;
}

.green-label {
    color: #6ebe44;
    font-style: italic;
}

.underline-row {
    padding-bottom: 15px;
    border-bottom: 1px solid #e9ebed;
    margin-bottom: 20px;
}

.gray-box {
    border: #e9ebed solid 1px;
    padding: 20px;
    background-color: #f0f2f5;
}

.grafica-box {
    border: #e9ebed solid 1px;
    height: auto;
    padding: 10px;
}

    .grafica-box h3 {
        padding: 0;
        margin: 10px 32px;
        text-align: center;
    }

.inline-blok {
    display: inline-block;
    margin-right: 20px;
    vertical-align: middle;
}

.img-grafic {
    margin: 30px auto 0;
}

.valign-bottom .inline-blok {
    vertical-align: bottom;
}

.grafica {
    margin: 10px 0 10px;
}

.inline-blok:last-child {
    margin-right: 0;
}

.panel {
    box-shadow: none;
    margin-bottom: 10px;
}

.panel-sidebar {
    padding: 0 15px;
}

#accordion .panel-default > .panel-heading {
    background-color: #a8ce37;
    border-color: #a8ce37;
    color: #fff;
    border-radius: 0;
    padding: 8px 15px;
    line-height: 1.2;
    font-size: 0.9em;
}

    #accordion .panel-default > .panel-heading a {
        color: #fff;
    }

    #accordion .panel-default > .panel-heading h4 {
        font-size: 1.4em;
        overflow: hidden;
    }

#accordion .tabpanelcontent {
    border: none;
}

#accordion .panel-title a {
    color: #fff;
    font-family: 'movistar_textregular';
}

#accordion a:hover,
#accordion a:focus {
    text-decoration: none !important;
}

#accordion .panel-default > .panel-heading > a,
#accordion .panel-default > .panel-heading > h4 > a {
    background: url('../images/accor-min.png') right center no-repeat;
    display: block;
    padding-right: 35px;
    height: auto;
    min-height: 28px;
    width: 100%;
}

    #accordion .panel-default > .panel-heading > a.collapsed,
    #accordion .panel-default > .panel-heading > h4 > a.collapsed {
        background: url('../images/accor-plus.png') right center no-repeat;
    }

#accordion.panel-group {
    margin: 0;
}

.cargo-cuenta.text-right {
    margin: 12px 0;
    font-size: 1.2em;
}

.right-header {
    float: right;
}

.left-header {
    float: left;
}

.navbar-expand {
    background-color: transparent;
    border: 0;
    border-color: transparent;
}

.navbar {
    min-height: 0;
    margin-bottom: 0;
}

.navbar-expand .navbar-nav > li > a,
.navbar-expand .navbar-nav > li > a:focus,
.navbar-expand .navbar-nav > li > a:hover,
.navbar-expand .navbar-nav > .active > a,
.navbar-expand .navbar-nav > .active > a:focus,
.navbar-expand .navbar-nav > .active > a:hover {
    color: #fff;
    background-color: transparent;
}

.navbar-header {
    display: none;
}

.link-header {
    float: right;
}

    .link-header .navbar span small {
        font-size: 1em;
    }

    .carts-item {
        float: left;
        margin: 8px 0 0;
    }

.text-cart-mobile {
    color: #515254;
    float: left;
    font-family: 'movistar_textregular';
    margin: 5px 0 0 10px;
    background: url("../images/row-nav.png") right 6px no-repeat;
    width: 84%;
    padding-left: 10px;
}

.link-header a {
    padding: 0 0 0 33px;
    margin: 0;
    color: #fff;
    font-size: 16px;
    display: table-cell;
    font-family: 'movistar_textregular';
    vertical-align: middle;
}

.link-header.dropdown-toggle::after {
    display: none;
}

.nav > li.carts-item > a {
    padding: 11px;
}

.link-header a:hover {
    text-decoration: underline;
}

.user a {
    background: url("user_ico.png") left center no-repeat;
}

.link-logout a {
    background: url("ico-close.png") left center no-repeat;
}

.cart-item {
    float: left;
    margin-top: 15px;
}

.carts-item a {
    color: #fff;
}

.cart {
    background: url("icon_tienda.png") 8px center no-repeat #115B84;
    padding: 5px 12px 0 35px;
    max-width: 104px;
    height: 31px;
    float: left;
}

    .cart p {
        margin: 0;
        color: #fff;
    }

.number-cart {
    background: url("number_cart_blue.png") no-repeat 0px center;
    float: right;
    margin-left: -5px;
    padding-left: 10px;
}

    .number-cart span {
        display: block;
        background: #119cbf;
        height: 31px;
        line-height: 32px;
        padding: 0 7px 0 5px;
    }

.navbar-expand .navbar-collapse {
    border: 0;
}

.navbar-collapse {
    border: 0;
    padding: 0;
}

.navbar-nav {
    margin: 0;
    float: none;
}

#block-main-menu nav.navbar {
    padding: 0 !important;
}

#block-main-menu .navbar-nav > li {
    border-left: 1px solid #32ADC6;
    border-right: 1px solid #2390ac;
    width: 16%;
    padding: 0;
}

    #block-main-menu .navbar-nav > li.tienda {
        border-right: 0;
    }

    #block-main-menu .navbar-nav > li.first {
        border-left: 0;
    }

    #block-main-menu .navbar-nav > li > a {
        font-family: 'movistar_headlineregular';
        display: table;
        padding: 0;
        text-align: center;
        /*font-size: 1.2em;*/
        line-height: 1;
        margin: auto;
        color: #fff;
        text-decoration: none !important;
    }

    #block-main-menu .navbar-nav > li > a:hover {
        color: #fff;
    }

    #block-main-menu .navbar-nav > li:hover {
        background-color: #00c6d7;
    }

    #header-second #block-main-menu .navbar-nav > li ul li:hover {
        background-color: #71c2d2;
    }

#header-second #block-main-menu .navbar-nav > li > a span {
    padding: 25px 0 25px 30px;
    margin: auto;
    font-family: 'movistar_headlineregular';
    font-size: 1.08em !important;
}

#block-main-menu .navbar-nav > li > .dropdown-menu {
    width: 100%;
    background: #B7E1EC;
    left: 0;
    top: 100%;
}

#block-main-menu .dropdown-menu li span {
    width: 100%;
    display: block;
    padding: 10px 0;
}

    #block-main-menu .dropdown-menu li span a {
        color: #005c84;
        font-size: 0.95em;
        padding: 5px 10px;
        width: 100%;
        display: block;
        border-right: 1px solid #27829C;
        text-decoration: none;
        font-family: 'movistar_headlineregular';
        min-width: 100px;
        text-align: center;
    }

#block-main-menu .dropdown-menu li:hover {
    background: #98CBD8;
    text-decoration: none;
}

#header-second #block-main-menu .navbar-nav > li.inicio a span {
    background: url("ico_inicio.png") left center no-repeat;
    padding-left: 40px;
}

#block-main-menu .navbar-nav > li.consumo a span {
    background: url("ico_consumo.png") left center no-repeat;
}

#block-main-menu .navbar-nav > li.saldos a span {
    background: url("saldos-ico.png") left center no-repeat;
}

#block-main-menu .navbar-nav > li.facturas a span {
    background: url("ico_facturas.png") left center no-repeat;
}

#block-main-menu .navbar-nav > li.ajustes a span {
    background: url("ico_ajustes.png") left center no-repeat;
}

#header-second #block-main-menu .navbar-nav > li.datos a span {
    background: url("ico_datos.png") left center no-repeat;
    padding-left: 45px;
}

#block-main-menu .navbar-nav > li.compras a span {
    background: url("ico_compras.png") left center no-repeat;
}

#header-second #block-main-menu .navbar-nav > li.tienda a span {
    background: url("ico_tiendas.png") left center no-repeat;
    padding-left: 52px;
}

#block-main-menu .navbar-nav > li.ordenes a span {
    background: url("ico-ordenes.png") left center no-repeat;
}

#block-main-menu .navbar-nav > li.productos a span {
    background: url("ico-productos.png") left center no-repeat;
}

#block-main-menu .navbar-nav > li.mi-cuenta a span {
    background: url("ico-person.png") left center no-repeat;
}

#block-main-menu .navbar-expand .navbar-nav > li:hover,
#block-main-menu .navbar-expand .navbar-nav > .active,
#block-main-menu .navbar-nav > li.open {
    background-color: #00c6d7 !important;
}

.navbar-expand .navbar-nav > .open > a,
.navbar-expand .navbar-nav > .open > a:focus,
.navbar-expand .navbar-nav > .open > a:hover {
    color: #fff;
}

.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover {
    background-color: transparent;
    background-image: none;
}

.navbar-expand .navbar-toggle:focus,
.navbar-expand .navbar-toggle:hover,
.navbar-expand .navbar-nav > li.dropdown > a:hover,
.navbar-expand .navbar-nav > .open > a,
.navbar-expand .navbar-nav > .open > a:focus,
.navbar-expand .navbar-nav > .open > a:hover,
.navbar.navbar-expand.out-bg .navbar-nav > li > a:hover,
.navbar.navbar-expand.out-bg .navbar-nav > .active > a {
    background: transparent;
}

.navbar-toggle {
    margin: 10px;
    padding: 0;
    border-radius: 0;
}

    .navbar-toggle .icon-bar {
        background: white;
        width: 30px;
        height: 5px;
        border-radius: 3px;
    }

#menu-user a.dropdown-toggle {
    background: url("select-user.png") right center no-repeat;
    padding-right: 20px;
    padding-left: 0px;
    line-height: 1;
}

.ico-delete {
    background: url("../images/delete-icon.png") 0 0 no-repeat;
    width: 16px;
    height: 16px;
    display: inline-block;
    overflow: hidden;
    text-indent: -999px;
}

.panel-group .panel-heading {
    margin: 0;
    padding: 10px 30px 12px;
}

    .panel-group .panel-heading h4 {
        margin-top: 0;
        font-size: 1.858em;
        font-family: "movistar_headlinebold";
    }

.panel-group .panel.panel-border {
    border: #e9ebed solid 1px;
}

    .panel-group .panel.panel-border .panel-body {
        padding: 20px;
    }

.panel-white .panel-heading {
    background-color: #FFFFFF;
    border: #e9ebed solid 1px;
    color: #6ebe44;
    border-bottom: 3px solid #e9ebed;
}

.panel-white .panel-content {
    border: #e9ebed solid 1px;
    padding: 18px 20px;
}

.link-blue.clearfix {
    display: block;
    clear: both;
}

.btn-right {
    float: right;
    margin: 10px auto;
}

.left-content.two-items,
.right-content.two-items {
    width: 50%;
    float: left;
}

    .left-content.two-items span {
        width: 100%;
        padding: 10px 0;
    }

.form-select.panel {
    margin: 0;
}

    .form-select.panel label {
        float: left;
        width: 100px;
        padding: 19px 0 0;
        color: #858585;
    }

    .form-select.panel .form-panel .form-control {
        color: #858585;
        background-color: #f0f2f5;
    }

.right-content.two-items .right-information p {
    width: 100%;
    text-align: right;
}

.panel-grey .panel-heading {
    color: #005c84;
    background-color: #f0f2f5;
    border-bottom: 4px solid white;
}

.panel-grey .panel-content {
    border: #e9ebed solid 1px;
    padding: 20px;
    background-color: #f0f2f5;
}

.panel-heading.title-blue {
    background-color: #009BC2;
    color: #fff;
    border-radius: 0;
}

.panel-heading.with-icon {
    position: relative;
    padding-left: 70px;
}

    .panel-heading.with-icon .title-icon {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        width: 50px;
        min-height: 40px;
    }

.table {
    margin-bottom: 0;
    color: inherit;
}

.filtrer-table {
    float: left;
    width: 65%;
}

.filtrer.display-desktop {
    display: none;
}

.view-more,
.filtrer {
    overflow: hidden;
    float: left;
    margin-right: 4%;
    min-width: 260px;
}

.view-more {
    margin-top: 7px;
}

    .view-more p {
        margin: 15px 20px 0 0;
    }

    .view-more p,
    .link-more {
        float: left;
    }

.link-more {
    margin: 9px 0;
}

.panel-content .information-panel .link-blue {
    width: auto;
    float: right;
    padding: 0;
}

.filtrer p {
    float: left;
    margin: 5px 0;
    padding-right: 15px;
}

.panel-accesos-directos,
.panel-accesos-directos .panel-body {
    background-color: #fee9b8;
    border: none;
}

    .panel-accesos-directos .panel-heading {
        background-color: #fee9b8;
        color: #005c84;
        padding: 25px 20px 25px 20px;
    }

    .panel-accesos-directos .panel-content {
        background: url("../images/bg-accesos-directos.png") 15px top no-repeat #fee9b8;
        padding: 10px 0 0 160px;
        margin: 0;
        overflow: hidden;
        min-height: 163px;
        border: 0;
    }

.panel.panel-white-green-letter .information-panel.bg-white {
    background: #fff;
    padding: 2px 20px;
}

.panel-group .panel-accesos-directos .panel-content .panel-body {
    background-color: transparent;
    padding: 0;
    margin: 0;
}

.left-inline {
    margin: 7px 0;
    float: left;
}

.form-hor .label-col.block,
.form-hor .fields-col.block {
    width: 100%;
}

.panel-body.with-border {
    border: #e9ebed solid 1px;
}

.panel-recargas .bg-grey-arrow {
    float: left;
    width: 32%;
}

.panel-recargas .panel-content .information-panel {
    float: left;
    width: 43%;
}

.panel-facturacion .bg-grey-arrow {
    width: 45%;
    float: left;
}

.panel-facturacion .panel-content .information-panel {
    width: 55%;
    float: left;
}

.panel-facturacion .btn-pagar {
    display: block;
    text-align: right;
    margin: 8px 0 0;
}

.panel-fact-select .btn-pagar {
    margin: 13px 0 5px;
}

.panel-fact-select .form-group {
    margin: 0 auto;
}

.panel-fact-select .form-select p {
    padding-top: 5px;
    margin-right: 5px;
}

.panel-fact-select .panel-content > .form-select {
    margin-bottom: 10px;
}

.information-panel {
    font-size: 1.29em;
    line-height: 1.2;
    padding: 3px 10px;
    overflow: hidden;
}

    .information-panel p {
        margin: 0;
        text-align: right;
    }

.currency {
    font-size: 0.81em;
}

.price-value {
    font-size: 1.1em;
    line-height: 1;
    font-family: 'movistar_textbold';
}

.date-value {
    font-size: 1.1em;
}

.normal-paragraph {
    font-size: 0.886em;
}

.expire {
    font-size: 0.78em;
}

.left-content .icon-container {
    width: 60px;
    height: 60px;
    background-color: white;
    border-radius: 100%;
    display: inline-block;
}

.recharge-form {
    float: left;
    margin: 30px 2px 10px;
    width: 20%;
    text-align: right;
}

.link-section {
    float: right;
}

    .link-section a {
        background: url(../images/title_arrow.png) 0 0 no-repeat transparent;
        width: 36px;
        height: 36px;
        display: block;
        cursor: pointer;
        margin: 17px 10px 17px 0;
    }

.close {
    float: right;
    font-size: 21px; /* Bootstrap 3 usa 21px, BS4 usa 1.5rem */
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2;
}

.close-search {
    width: 36px;
    height: 36px;
    display: block;
    cursor: pointer;
    margin-top: -15%;
    background: url("close-pop-up.png") no-repeat left center;
}

.link-section a:hover {
    background-position: 0 bottom;
}

.panel-group .panel {
    box-shadow: 0 0 0 transparent;
    border-color: transparent;
    background: transparent;
}

#block-form-seek,
.panel-group .panel {
    margin-bottom: 25px;
    border: 1px solid transparent;
}

.panel-title a:hover {
    text-decoration: none;
}

#accordion.panel-group .panel {
    margin-bottom: 3px;
}

.panel-body {
    background: #fff;
    margin: 5px 0 10px 0;
    position: relative;
    padding: 0;
}

    .panel-body.no-margins {
        padding: 0;
    }

.panel-whole .panel-body {
    padding: 1% 5% 2%;
}

.panel-group .panel + .panel {
    margin-top: 0;
}

.panel-title {
    margin-top: 6px;
}

.information-panel.access-pading {
    float: left;
}

.panel-title-blue.panel > .panel-heading {
    background: #fff;
    box-shadow: 0 2px 2px rgba(200, 201, 203, 0.9);
    border-bottom: 1px solid #ddd;
}

    .panel-title-blue.panel > .panel-heading h4 {
        height: auto;
        color: #005D7D;
        padding: 4px 15px 5px 20px;
    }

.panel-title-blue .panel-body {
    padding: 0;
    background: #fff;
    margin: 0;
    box-shadow: 0 2px 2px rgba(200, 201, 203, 0.9);
}

.costumer-selecting .panel-body {
    margin: 0;
}

.customer-info-panel .panel-heading .title-icon {
    background: url("../images/user_ico.png") center center no-repeat #009BC2;
}

.customer-info-panel h4 {
    margin-top: 0;
}

.panel-catalogo-equipo .panel-content {
    overflow: hidden;
    padding: 0;
}

.panel-catalogo-equipo .panel-body {
    margin: 0;
}

.panel-catalogo-equipo h4 {
    margin: 7px 0;
}

.panel-catalogo-equipo .panel-body.right-content {
    float: right;
    width: 54%;
}

.panel-catalogo-equipo .panel-body.left-content {
    float: left;
    width: 44%;
}

.panel-catalogo-equipo span.link-blue.clearfix a {
    margin: 0;
}

.panel-catalogo-equipo span.link-blue.clearfix {
    float: left;
}

.page-subtitle {
    margin: 20px 0 30px;
    font-family: 'movistar_textregular';
    font-size: 24px;
}

.page-title {
    overflow: hidden;
}

    .page-title.links {
        margin-bottom: 10px;
    }

    .page-title > div {
        overflow: hidden;
        padding: 11px 0 11px 65px;
    }

    .page-title .linea {
        padding: 10px 0 10px 65px;
        margin: 0 15px 0 0;
    }

    .page-title .factura h1,
    .page-title .recargas h1,
    .page-title .inline-element h1 {
        display: inline-block;
    }

    .page-title .linea .phone-number,
    .page-title .saldos .phone-number,
    .green-title,
    .page-title .recargas .phone-number,
    .page-title .inline-element .phone-number,
    .page-title .select-plan .phone-number {
        color: #6ebe44;
        font-family: "movistar_headlinebold";
        font-size: 1.75rem;
        padding-left: 1%;
    }

.level-intern-title > h2 {
    margin: 0 0;
    font-size: 22px;
    color: #005c84;
    font-family: 'movistar_textregular';
}

    .level-intern-title > h2 span {
        color: #6ebe44;
        font-family: 'movistar_textbold';
        font-size: 24px;
    }

.linea {
    background: url("../images/ico_linea_prepago.png") left center no-repeat;
}

.ico-search {
    background: url("ico-search.png") left center no-repeat;
}

.page-title h1 {
    margin: 0;
    color: #005D7D;
    text-align: left;
}

.form-linea {
    float: left;
    max-width: 400px;
    min-width: 350px;
    display: none;
}

.linea h3 {
    margin: 0;
}

.linea .link-blue a {
    float: left;
    margin-top: 5px;
}

.bg-green {
    display: block;
    color: #fff;
    padding: 0 25px 0 20px;
    float: left;
    min-height: 73px;
}

    .bg-green.bg-arrow {
        background: url("../images/bg_green.png") right center no-repeat transparent;
        width: 140px;
        height: 73px;
        display: table;
        text-align: left;
        line-height: 1;
        padding: 0 10px 0 15px;
    }

.bg-green-inner {
    vertical-align: middle;
    display: table-cell;
}

.bg-label.bg-green,
.bg-cellphone.bg-green,
.bg-green.bg-user .bg-green-inner {
    padding: 0;
    width: 52px;
    margin-right: 5px;
}

    .bg-label.bg-green .bg-green-inner,
    .bg-cellphone.bg-green .bg-green-inner {
        position: absolute;
        top: 50%;
    }

    .bg-label.bg-green .bg-green-inner {
        background: url("../images/label_ico.png") center no-repeat transparent;
        margin-top: -14px;
        left: 10px;
        width: 32px;
        height: 28px;
    }

    .bg-cellphone.bg-green .bg-green-inner,
    .bg-green.bg-user .bg-green-inner {
        margin-top: -13px;
        left: 20px;
        width: 16px;
        height: 26px;
    }

    .bg-cellphone.bg-green .bg-green-inner {
        background: url("../images/cellphone_ico.png") center no-repeat transparent;
    }

.update {
    font-size: 0.65em;
    color: #fff;
    margin: 0;
    font-style: normal;
    display: inline-block;
}

    .update a {
        background: url("../images/actualizar_ico.png") right center no-repeat;
        display: inline-block;
        width: 14px;
        font-size: 0.85em;
        height: 16px;
        margin-left: 10px;
    }

        .update a:hover {
            background: url("../images/actualizar_ico_hover.png") right center no-repeat;
        }

.ico-log {
    float: left;
    margin: 15px;
}

.block-linea {
    overflow: hidden;
}

.panel-body.p-text {
    background: #fff;
}

.text-panel {
    padding: 20px;
}

    .text-panel p {
        margin: 1px;
    }

    .text-panel .blue-text {
        font-family: 'movistar_textregular';
    }

button.close {
    -webkit-appearance: none;
    padding: 0;
    background: transparent;
    border: 0;
}
.p-out-button .information-panel {
    float: right;
    margin-right: 30px;
}

.panel-group,
.tabs1 {
    margin-top: 10px;
    margin-bottom: 20px;
}

footer {
    background: #DADFE4;
    border-top: 4px solid #FFFFFF;
    padding: 10px 0 15px 0;
    margin-top: 2%;
}

    footer li {
        display: inline-block;
    }

    footer a {
        color: #005985;
        font-family: 'movistar_textregular';
        font-size: 1.1em;
    }

.center-footer ul li {
    background: url("../images/separator_footer.png") right center no-repeat;
    padding-left: 15px;
    padding-right: 15px;
}

.center-footer,
.left-footer {
    /*padding-top: 20px;*/
    text-align: center;
}

.twitter {
    background: url("twitter_ico.png") no-repeat;
}

.facebook {
    background: url("facebook_ico.png") no-repeat;
}

.youtube {
    background: url("youtube_ico.png") no-repeat;
}

.youtube,
.facebook,
.twitter {
    width: 26px;
    height: 26px;
}

.social-network ul {
    padding-left: 0;
    margin-top: 4px;
}

.log-footer {
    float: right;
}

.results-list {
    margin: 20px 0;
}

.results-list-item {
    background-color: #fff;
    overflow: hidden;
    padding: 20px;
    position: relative;
}

    .results-list-item:nth-child(odd) {
        background-color: #f0f2f5;
    }

.results-list-heading {
    margin-bottom: 40px;
}

.results-list-pager {
    text-align: center;
}

.table-pager,
.table-actions {
    padding: 10px 0 0 0;
    text-align: center;
    clear: both;
}

.table > tbody > tr > td,
.table > tbody > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
    padding: 5px;
    border-top: 0;
    border-bottom: 1px solid #DCE0E4;
    font-size: 1em;
    text-align: center;
    line-height: 1.1;
}

.table > thead > tr > th {
    background-color: #119cbf;
    border-left: 1px solid #B8CDD7;
    border-bottom: none;
    color: #fff;
    font-size: 1.3em;
}

    .table > thead > tr > th:first-child {
        border-left: none;
    }

    .table > thead > tr > th.th-green {
        font-size: 1.1em;
        padding: 2% 1%;
    }

    .table > thead > tr > th.t-left {
        text-align: left;
    }

.table > tbody > tr > td.text-left {
    text-align: left;
}

.item-collapse-body,
.item-collapse-body-two {
    display: none;
}

.pagination a {
    font-family: 'movistar_headlineregular';
    font-size: 1.2em;
}

.pagination > li > a,
.pagination > li > span {
    line-height: 1.42857143;
    color: #119cbf;
    background-color: transparent;
    border: 0;
}

.pagination > li.item-paginator a {
    background: #119cbf;
    display: block;
    margin: 0 2px;
    padding: 5px 8px;
    color: #fff;
}

    .pagination > li.item-paginator a:hover {
        background: #015F88;
        color: #fff;
    }

.pagination > li.item-paginator-previous a:before,
.pagination > li.item-paginator-next a:after {
    content: '';
    width: 16px;
    height: 16px;
    display: none;
    vertical-align: middle;
}

.pagination > li.item-paginator-previous a:before {
    margin-right: 10px;
    background: url('../Site/pag-prev-icon.png') no-repeat;
}

.pagination > li.item-paginator-next a:after {
    margin-left: 10px;
    background: url('../Site/pag-next-icon.png') no-repeat;
}

.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover {
    color: #000;
    background-color: transparent;
    border-color: transparent;
}

ul.pagination {
    font-size: 12px;
    margin: 10px 0;
}

ul.pagination {
    display: inline-block !important;
}

.pagination > li {
    display: inline !important;
}

    .pagination > li > a,
    .pagination > li > span {
        display: inline-block;
        padding: 6px 12px;
    }


.fields-col a.btn.btn-default {
    margin-left: 10px;
}

.pagination.next-prev li:first-child a {
    background: url("../images/separador-pag.png") right no-repeat;
}

.thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    transition: all 0.2s ease-in-out;
    border-radius: 0;
    border: none;
    background-color: transparent;
}

.carousel-control.left {
    background: url("../images/left-row-light-blue.png") left center no-repeat;
    left: 18px;
    right: auto;
}

.carousel-control.right {
    left: auto;
    right: 18px;
    background: url("../images/right-row-light-blue.png") right center no-repeat;
}

.carousel-control {
    top: 18px;
    width: 14px;
    height: 16px;
}

.well-none {
    margin: 60px auto 20px;
}

.item div > a > p {
    background: url("../images/slider-cell-bg.png") left center no-repeat;
    width: 160px;
    margin: 10px auto;
    height: 26px;
}

    .item div > a > p:hover {
        background: url("../images/slider-cell-hover-bg.png") left center no-repeat;
        color: #fff;
    }

.item div > a:hover {
    background: #91c8d7;
}

.item div > a {
    text-decoration: none;
    font-family: 'movistar_textregular';
}

.item div p {
    color: #005c84;
}

a .blue-text {
    font-size: 1.05em;
    font-family: 'movistar_textregular';
}

.img-panel,
.panel-body.image-left .information-panel {
    float: left;
}

.information-panel.max-width {
    max-width: 50%;
}

.panel-body.image-left .link-blue a {
    float: left;
}

#block-form-seek {
    background: #fff;
    overflow: hidden;
}

form.customers-form .blue-text {
    font-size: 1em;
}

form.customers-form {
    width: 70%;
    float: left;
}

.customers-form {
    padding: 20px;
    width: 100%;
}

    .customers-form.form-actions {
        width: 50%;
        float: right;
    }

.img-panel img {
    width: 100%;
    height: auto;
    max-width: 189px;
}

.bottom-31 {
    margin-bottom: 31px;
}

.block-image.seek {
    float: right;
    padding: 0;
    margin: 0;
}

.panel-body-inner {
    padding: 12px;
}

.bg-transparente.bg-label {
    float: left;
}

.info-service {
    background: url("../images/label-ico-blue.png") left center no-repeat;
    padding: 0 0 0 39px;
}

.panel-body.out-box-shadow {
    box-shadow: none;
}

.bg-arrow-search {
    background: url("../images/bg-arrow-search.png") center no-repeat;
    height: 269px;
    width: 8%;
}

.left.form-result,
.information.services {
    width: 46%;
}

.info-title,
.left.form-result,
.information.services,
.panel-body-inner.information.services,
.bg-arrow-search {
    float: left;
}

.info-user {
    float: right;
    max-width: 183px;
}

form.form-result .form-group,
form.form-only-button .form-actions {
    margin: 8px 0;
}

.form-only-button {
    text-align: center;
    margin: 0;
    padding: 10px 0 20px;
}

.sky-blu.separator {
    border-top: 3px solid #95cfdc;
    padding: 10px 0;
}

.border-blue-top {
    border-top: 1px solid #e1f1f2;
    padding-top: 20px;
}

.green-cellphone {
    background: url("../images/bg-green-cellphone.png") left center no-repeat;
    padding-left: 29px;
    color: #6ebe44;
}

.link-section.small a {
    background: url("../images/min-arrow-panel.png") 0 0 no-repeat transparent;
    margin: 0 20px;
}

.information-panel-cellphone {
    font-family: 'movistar_headlineregular';
    vertical-align: middle;
    height: 280px;
    display: table-cell;
}

.image-samsung.bg-label {
    float: left;
    margin-right: 20px;
}

.information-panel-cellphone h3 {
    margin-bottom: 0;
}

.img-panel {
    max-width: 43%;
}

.information-panel.max-width p {
    line-height: 1.3;
}

.wrapper-select .form-control {
    background: url("bg-select.png") right center no-repeat #F1F2F6;
    height: 35px;
    padding: 0;
    border: #dce0e5 solid 1px;
    border-radius: 0;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    text-indent: 6px;
    display: block;
    padding-right: 45px;
    color: #D2D3D7;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.form-linea .wrapper-select .form-control,
.form-panel .wrapper-select .form-control {
    background: url("bg-select.png") right center no-repeat #fff;
    color: #70BA53;
    min-width: 175px;
    font-size: 1.2em;
    padding: 0 35px 0 0;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.form-select p {
    float: left;
    margin: 0;
}

#form-facturas {
    float: left;
}

select::-ms-expand {
    display: none;
}

.error {
    color: #ff6968;
    font-style: italic;
}

    .error .ico-message {
        background: url("../images/alerta_error_ico.png") no-repeat left center;
    }

.message.error .message-text {
    background-color: #F4D6D7;
    color: #8E000D;
    margin-top: 5px;
}

.error.form-control {
    background-color: #FFF8F8;
    border-radius: 0;
    border: #FF6968 solid 1px;
}

.form-group {
    margin: 15px auto 15px auto;
}

.form-row {
    display: block !important; /* Desactiva display: flex */
    margin-right: 0 !important; /* Desactiva margin-right: -5px */
    margin-left: 0 !important; /* Desactiva margin-left: -5px */
    /* flex-wrap se ignora automáticamente al cambiar display a block */
}

.form-row .form-group.width-100 {
    border-bottom: 1px solid #eee;
    margin-bottom: 12px;
    padding-bottom: 10px;
}

    .form-row .form-group.width-100 .form-group {
        margin: 0;
    }

.form-group.form-chechbox.form-100-percent label {
    color: #515559;
    font-family: 'movistar_textregular';
}

form .form-result p {
    margin: 0;
    display: block;
    font-size: 1.1em;
    text-align: left;
}

.campos-obligatorios {
    color: #21C5D4;
}

.form-actions {
    width: auto;
    text-align: center;
    margin: 20px auto;
    overflow: hidden;
}

.indented-form .label-col > label {
    padding-left: 46px;
}

.radio-large input {
    float: left;
    margin-left: -25px;
}

.radio-large {
    padding-left: 30px;
}

.datepicker {
    width: 100%;
    padding-right: 36px;
    margin-right: 6px;
    vertical-align: middle;
    background: url('calendar.gif') 95% center no-repeat #F1F2F6;
}

.form-hor {
    overflow: hidden;
}

.customer-info-panel .form-hor .label-col {
    width: 35%;
    display: inline-block;
    padding-right: 2%;
    float: left;
}

.form-hor .label-col {
    width: 37%;
    display: inline-block;
    padding-right: 2%;
    float: left;
    margin-top: 6px;
}

.label-col,
.label-col label {
    margin: 0;
    line-height: 1.2;
    display: block;
}

    .label-col label {
        margin-bottom: 3px;
    }

.form-hor .label-col.width-18 {
    width: auto;
    text-align: right;
}

.form-group.width-100 .fields-col.width-18 {
    width: 65%;
}

.form-group.width-33 {
    width: 33%;
    float: left;
    margin: 0;
}

.form-group.form-chechbox.display-inline {
    width: 18%;
    float: left;
    text-align: center;
}

    .form-group.form-chechbox.display-inline.form-result {
        margin: 0;
    }

.form-hor .form-result .label-col.width-18 {
    margin: 0 8px 0 0;
}

.form-row.form-hor .form-group.form-radio {
    margin: 0;
}

.form-group.display-inline {
    display: inline-block;
    width: 16%;
    margin: 0 auto;
    float: left;
}

.form-group.width-100 {
    width: 100%;
}

.form-hor .fields-col {
    float: left;
    width: 52%;
    line-height: 1.2;
    min-height: 34px;
}

    .form-hor .fields-col .label-col {
        margin-top: 0;
    }

.form-hor .form-result .fields-col {
    margin-top: 0;
}

.form-row .form-group.width-100 .form-group.width-50 {
    width: 48%;
    float: left;
    margin-right: 2%;
    margin: 0 2% 0 0;
}

.form-hor .wrapper-select {
    min-width: 100px;
}

.form-hor .form-group.width-50 .label-col label {
    min-width: 95px;
}

.form-hor .form-group-button .f-input {
    width: 68%;
}

.form-hor .form-group-button .f-button {
    width: 28%;
    margin-left: 2%;
}

    .form-hor .form-group-button .f-button .btn {
        width: 100%;
    }

.form-group p,
.form-result p {
    margin: 0;
}

.form-hor .multiple-fields .field {
    float: left;
    vertical-align: top;
    margin-left: 3%;
    width: 48%;
}

.blocks-form .width-50 {
    margin: 20px 0 0;
}

.doc-number.field span {
    float: left;
    width: 20%;
}

.doc-number input {
    float: left;
    width: 80%;
}

.form-hor .multiple-fields .field:first-child {
    margin-left: 0;
}

.block-tab-data {
    margin: 10px 0;
}

.panel-heading.bg-green-left {
    background: url("../images/green-bg.png") repeat-y 0 0, linear-gradient(to bottom, #015e87 0%, #02688e 34%, #097fa5 59%, #1197ba 100%);
}

.bg-green.bg-user .bg-green-inner {
    width: 20px;
}

.bg-green.bg-user {
    padding: 25px 18px;
}

#addUserModal .doc-type {
    width: 43%;
}

#addUserModal .doc-number {
    width: 52%;
}

    #addUserModal .doc-number input {
        width: 80%;
        display: inline-block;
    }

#confirmation-message {
    display: none;
}

.search-ticket-page .field.date-picker {
    width: 48%;
}

.tickets-list .ticket-title h3 {
    font-family: inherit;
    font-size: 1.42em;
    font-weight: normal;
    margin: 10px 0 20px;
}

.tickets-list .ticket-number {
    font-size: 1.42em;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

.tickets-list .ticket-responses {
    font-weight: bold;
}

.tickets-list .ticket-info span {
    font-family: inherit;
}

.tickets-list .ticket-buttons {
    margin-top: 20px;
}

.modal .pin-authentication .form-group.inline {
    text-align: center;
}

.ico-search-results {
    background: url("../images/search-results-icon.png") no-repeat left center;
}

.ico-personal-data {
    background: url("ico-personal-data.png") no-repeat left center;
}

.glyphicon-search {
    background: url("glyphicon-search.png") left center no-repeat;
}

.icon-refresh {
    background: url("glyphicon-refresh.png") left center no-repeat;
}
.list-filtrer {
    background-color: #f0f2f5;
    overflow: hidden;
    margin: 10px 0;
    width: 100%;
}

    .list-filtrer ul li {
        display: inline-block;
        padding: 0 10px;
        font-size: 1.2em;
    }

.list-intern {
    float: left;
    padding: 0 20px;
}

.list-filtrer p,
.list-filtrer li {
    display: inline-block;
}

.list-filtrer ul {
    float: right;
    margin: 9px 0;
}

.form-filt {
    float: right;
    margin: 15px 0;
    width: 35%;
    text-align: right;
}

.form-results,
.modal-footer {
    overflow: hidden;
}

.modal-footer {
    border: 0;
    margin: 0 auto 20px;
    text-align: center;
    padding: 0;
    clear: both;
    overflow: hidden;
}

.modal-body {
    padding: 20px 40px;
    background-color: #fff;
    overflow: hidden;
}

.modal-content {
    border-radius: 0 !important;
    display: block !important; /* Eliminar flex */
    background: transparent; /* Ya lo tienes */
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 0 !important; /* Bootstrap 3 usa 6px, BS4 usa .3rem */
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5); /* Sombra de Bootstrap 3 */
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}

.modal-body-inner {
    margin: 25px auto;
}

.modal-header {
    display: block !important;
    background: #009BC2;
    border-bottom: none;
    padding: 25px 40px;
    /*padding: 13px 20px;  Usa el padding de tu style inline */
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

    .modal-header .close {
        margin: 0 !important;
        padding: 0 !important;
        float: right;
        line-height: 1;
        height: auto;
    }

    .modal-header .close,
    .close:focus,
    .close:hover {
        opacity: 1;
        outline: none !important;
        box-shadow: none !important;
        border: none !important;
    }

.modal-title {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    margin-bottom: 4px;
    line-height: 1;
    font-size: 18px; /* Bootstrap 3 h4 = 18px */
    margin-top: 0;
}

.modal-lead {
    margin-bottom: 30px;
}

.modal label.light-blue-text {
    margin: 5px 0;
}


.recharge-online .item-collapse-body-two {
    display: block;
    background-color: #fafafa;
    margin-bottom: 20px;
}

.recharge-online .pay-bill {
    width: 100%;
}

.span-title {
    position: relative;
    bottom: 4px;
}

ul.nav.nav-tabs li {
    background: none;
    padding-left: 0;
    margin: 0;
}

.nav-tabs {
    border-bottom: 4px solid #119cbf;
    position: relative;
}

    .nav-tabs > li.active > a,
    .nav-tabs > li.active > a:focus,
    .nav-tabs > li.active > a:hover,
    .nav-tabs li > a {
        color: #fff;
        border: 0;
        border-radius: 0;
        padding: 8px 15px;
        display: block;
        position: static;
    }

    .nav-tabs li > a,
    .nav-tabs li.active > a:hover {
        background: #b1deea;
        color: #4e8c9d;
    }

.tabpaneltitle {
    background-color: #119cbf;
    color: #fff;
    font-family: 'movistar_textbold';
    font-size: 1.15em;
    padding: 20px 40px;
}

    .tabpaneltitle.ico-user {
        padding: 10px;
    }

.tabpanelcontent {
    padding: 2%;
    background-color: #fff;
    margin-top: 0;
    overflow: hidden;
    border: 1px solid #e9ebed;
    border-top: 0;
}

.tabpaneltitle,
.nav-tabs li a {
    font-size: 1.15em;
}

.tabpanelcontent #sidebarfirst {
    padding-left: 0;
    width: 19%;
    float: left;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li > a:hover {
    background: #119cbf;
    color: #fff;
}

.form-group.checkbox {
    font-size: 0.95em;
}

.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
    visibility: hidden;
    margin-left: 0;
}

.checkbox label {
    background: url("wrapper-checkbox.png") no-repeat left -3px transparent;
    padding: 0px 0 4px 35px;
    font-size: 1.15em;
}

    .checkbox label.selected {
        background: url("wrapper-check-selected.png") no-repeat left -3px transparent;
    }

.checkbox a {
    font-family: 'movistar_textregular';
}




input[type="file"] {
    width: 100%;
    float: left;
    margin-bottom: 10px;
}

.form-file .fields-col a.btn.btn-default {
    float: right;
    max-width: 35%;
}

.filecargado {
    clear: both;
    float: left;
    padding-right: 10px;
}

.addfile {
    overflow: hidden;
    margin-bottom: 5px;
    clear: both;
    line-height: 30px;
}

.bg-user {
    background: url("../images/user_ico.png") no-repeat 19px center #119cbf;
}

.tabpaneltitle .bg-user {
    padding-left: 49px;
}

.active-ico {
    padding-right: 37px;
    height: 23px;
    background: url("../images/ico-active.png") no-repeat 65px center;
}

.ico-checked-personal {
    background: url("../images/ico-settings-ok.png") no-repeat left center;
    height: 53px;
    float: left;
    width: 8%;
}

.bg-light-green {
    color: #577112;
    background: #edf5d7;
    margin-left: 53px;
    padding: 9px;
}

.form-colum-input {
    overflow: hidden;
    width: 100%;
}

.icon-solicitud {
    background: url("../images/icon-solicitud.png") no-repeat left center;
}

.new-consult {
    background: url("../images/search-results-icon.png") no-repeat left center;
}

#create-new-ticket.page-title > p {
    margin-left: 68px;
    clear: left;
}

.form-group.checkbox label,
.form-group.checkbox a {
    font-family: 'movistar_textregular';
}

.with-description > p {
    padding-left: 68px;
    margin: 0;
}

.new-appeal {
    background: url("ico-appeal-request.png") no-repeat left center;
}

.form-group.item-no-collapse-body label {
    margin-bottom: 20px;
}

.message {
    overflow: hidden;
    margin: 2% 0 3%;
    padding: 0;
    padding-bottom: 1px;
    clear: both;
}

    .message .ico-message {
        width: 53px;
        height: 53px;
        float: left;
        position: absolute;
        z-index: 9;
    }

    .message .message-text {
        padding: 10px 2% 10px 55px;
        display: inline-block;
        border-radius: 5px;
        font-size: 1.1em;
        margin-left: 0;
        width: 98%;
        left: 2%;
        position: relative;
    }

.OK .ico-message {
    background: url("../images/message-OK.png") no-repeat left center;
}

.message.block .message-text {
    width: 98%;
    max-width: 100%;
}

.message.warning .ico-message {
    background: url('../images/alert-ico.png') no-repeat;
}

.btn-imprimir > span {
    background: url("../images/ico-print.png") no-repeat left center;
    padding-left: 30px;
}

.form-x2 label.width-100-percent {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
}

.table-responsive {
    clear: both;
    border: 0;
    position: relative;
}

.delete-document {
    background: url("../images/delete-document.png") no-repeat 90px center;
    height: 22px;
}

.table.factura-cargos {
    margin-bottom: 15px;
}

.cart-items {
    float: left;
    margin-top: 0px;
}

.icon-item {
    padding: 15px 0 0 75px;
    min-height: 62px;
}

.icon-mb {
    background: url("../images/ico-mb.png") no-repeat 0 0;
}

.icon-minutos {
    background: url("../images/ico-minutos.png") no-repeat 0 0;
}

.icon-sms {
    background: url("../images/ico-sms.png") no-repeat 0 0;
}

.icon-rpm {
    background: url("../images/ico-rpm.png") no-repeat 0 0;
}

.icon-products {
    background: url("../images/ico-products.png") no-repeat 0 0;
}

.link-blue.font-min {
    overflow: hidden;
    font-size: 0.8em;
}

.select.form {
    overflow: hidden;
}

.bg-blue-inner {
    background-color: #119cbf;
    color: #fff;
}

.bg-blue p {
    color: #fff;
    margin: 0;
    padding-top: 13px;
}

.bg-blue-light-inner {
    background-color: #58bad2;
}

.bg-blue-heavenly-inner {
    background-color: #88cddf;
}

.bg-blue.bg-arrow {
    background: url("../images/bg-blue.png") no-repeat right center;
    width: 211px;
    height: 54px;
    display: table;
    text-align: left;
    line-height: 1;
    padding: 0 10px 0 15px;
    min-width: 130px;
    float: left;
    max-width: 195px;
}

.information-panel.text-right {
    float: right;
}

.bg-blue.light {
    background: url("../images/bg-blue-light.png") no-repeat right center;
}

.bg-blue.heavenly {
    background: url("../images/bg-blue-heavenly.png") no-repeat right center;
}

.form-pago .form-actions {
    text-align: right;
}

.bg-blue-inner.font-16 {
    margin: 0;
}

li.carts-item {
    font-size: 0.9em;
}

.images-carousel {
    background: url("../images/cel-ico-active.png") no-repeat top center;
    height: 61px;
    margin: 20px auto;
}

    .images-carousel:hover {
        background: url("../images/cel-ico-hover.png") no-repeat center;
    }

.item-carousel {
    margin: 20px auto;
    border-bottom: 1px solid #e9ebed;
}

    .item-carousel li:hover {
        background: #00c6d7;
        padding: 10px;
    }

    .item-carousel > li > a:hover {
        color: #fff;
    }

    .item-carousel li {
        padding: 10px;
    }

    .item-carousel span {
        padding: 0 27px;
    }

.select.form p {
    float: left;
    width: 15%;
    margin: 0;
    padding: 25px 0;
}

#form-linea {
    width: 55%;
}

.item-carousel.row,
.item-carousel.last {
    border-bottom: transparent;
}

    .item-carousel.row li:hover {
        background: transparent;
    }

    .item-carousel.row.top {
        background: url("../images/arrow-top-slider.png") no-repeat center;
    }

    .item-carousel.row.bottom {
        background: url("../images/arrow-bottom-slider.png") no-repeat center;
    }

.panel-body.icon {
    margin-bottom: 23px;
}

    .panel-body.icon.last {
        margin-bottom: 0;
    }

.panel-body.colum-x3 .bg-arrow {
    width: 130px;
}

.panel-body.colum-x3 .information-panel.text-right {
    width: 160px;
}

.panel-body.colum-x3 .information-panel,
.form-recarga {
    float: left;
}

.panel-body.colum-x3 .information-inner-panel {
    width: 150px;
    float: right;
}

.only-select #form-title {
    display: none;
}

.panel-group.panel-whole .form-actions {
    margin: 10px 0;
}

.message-method1,
.message-method {
    clear: both;
}

#sidebar-first {
    background: url("../images/shadow_carousel.jpg") no-repeat right center transparent;
}

.panel-accesos-directos li {
    position: relative;
    padding-left: 15px;
}

    .panel-accesos-directos li a {
        color: #005c84;
    }

        .panel-accesos-directos li a:before {
            content: " ";
            position: absolute;
            top: 50%;
            margin-top: -3px;
            left: 0;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 4px 0 4px 7px;
            border-color: transparent transparent transparent #119cbf;
        }

        .panel-accesos-directos li a:hover {
            color: #41b0cc;
        }

.application-history-grey {
    background: #f2f7f9;
    overflow: hidden;
}

.application-history-grey,
.application-history-white {
    margin: 30px 0 0;
    padding: 10px 20px;
    overflow: hidden;
}

.application-history-white {
    border: 1px solid #eee;
}

.application-history {
    margin: 40px 0;
}

    .application-history .left-information {
        width: 30%;
        float: left;
    }

    .application-history .right-information {
        width: 70%;
        float: right;
    }

.information-panel.one-line {
    margin: 10px 0;
}

.information-panel.two-line {
    margin: 10px 0;
}

span.btn-paquetes.clearfix {
    float: right;
}

.seg-ordenes-residencial .tabpanelcontent {
    padding: 0;
}

.saldos {
    background: url("../images/ico-mi-saldo.png") no-repeat left center;
}

.icon-supercargas {
    background: url("../images/ico-supercarga.png") no-repeat left center;
}

.icon-servicios-adicionales {
    background: url("../images/ico-servicios-adicionales.png") no-repeat left center;
}

.ico-configuracion {
    background: url("../images/ico-configuracion.png") no-repeat left center;
}

.icon-cambiar-servicios {
    background: url("../images/ico-change.png") no-repeat left center;
}

.information-panel.icon-item.min {
    padding: 10px 0 0 55px;
    min-height: 44px;
}

.panel.panel-white.panel-saldo-plan .panel-content {
    overflow: hidden;
}

#header-third {
    background: #b7e1ec;
}

    #header-third .navbar-expand .navbar-nav > .active > a {
        background-color: #98cbd8;
    }

    #header-third .navbar-expand .navbar-nav > li > a:hover {
        background-color: #98cbd8;
    }

    #header-third #block-main-menu .navbar-nav > li > a span {
        border-right: 1px solid #27829C;
        display: table-cell;
        padding: 0 5px;
        height: 31px;
        line-height: 1;
        font-size: 0.97em !important;
        vertical-align: middle;
        width: 100%;
    }

    #header-third #block-main-menu .navbar-nav > li {
        border-left: 0;
        border-right: 0;
        min-width: 0;
        width: 15%;
    }

        #header-third #block-main-menu .navbar-nav > li.first {
            border-left: 0;
        }

        #header-third #block-main-menu .navbar-nav > li.last > a span {
            border-right: 0;
        }

    #header-third .navbar-expand .navbar-nav > li > a,
    #header-third .navbar-expand .navbar-nav > li > a:focus,
    #header-third .navbar-expand .navbar-nav > li > a:hover,
    #header-third .navbar-expand .navbar-nav > .active > a,
    #header-third .navbar-expand .navbar-nav > .active > a:focus,
    #header-third .navbar-expand .navbar-nav > .active > a:hover {
        color: #005c84;
        /*font-size: 1.08em;*/
        padding: 10px 0;
        display: table;
        width: 100%;
    }

.panel-white.table .panel-content {
    border: 0;
    padding: 0;
}

.panel-p {
    margin: 10px 1%;
}

h5.atm-bloque-titulo.panel-title {
    font-size: 1.5em;
    font-family: "movistar_headlinebold";
}

.panel-group .panel-heading.padding {
    margin: 0;
    padding: 1% 2%;
}

    .panel-group .panel-heading.padding p {
        margin: 0;
    }

label.gray-text {
    font-size: 1.2em;
}

.form-page-recarga,
h5.gray-text {
    float: left;
    width: 40%;
}

.page-recarga-principal.widht-40 {
    width: 40%;
}

.border-gray.width-100 {
    width: 100%;
}

.gray-text.width-100 {
    width: 100%;
    float: none;
    font-family: 'movistar_textbold';
    font-size: 1.2em;
    margin: 30px 0;
}

.form-pago .form-group p,
.form-result p {
    color: #515559;
    font-size: 1em;
}

.gray-text-bold {
    font-family: "movistar_headlinebold";
}

p.gray-text-bold.credit-card {
    font-size: 1.1em;
}

.include-new-card span a {
    float: left;
}

.include-new-card {
    margin: 20px;
}

.form-pago .radio-large {
    width: 100%;
}

.credit-card {
    float: left;
    height: 22px;
    width: 250px;
}

.remove-credit-card {
    background: url("../images/delete-document.png") no-repeat center;
    display: block;
    height: 22px;
    width: 26px;
    float: left;
    margin-left: 12px;
}

a.state-remove {
    background: url("../images/min-delete-ico.png") no-repeat right center;
    width: 100%;
    margin: 0;
    padding-right: 10px;
    color: #4DB5C8;
    text-decoration: none;
    font-size: 0.9em;
    display: block;
}

.information-cash {
    width: 100%;
    overflow: hidden;
}

.fields-col.dates {
    width: 25%;
}

.fields-col.cvv {
    width: 20%;
    float: left;
}

a.bg-question {
    float: right;
    width: 28%;
    background: url("../images/bg-collapse-li.png") no-repeat left center;
    padding-left: 15px;
    margin: 5px 0;
}

.cvv-image {
    text-align: center;
    margin: 20px 0;
}

.panel-content.mi-saldo .atm-bloque-item.panel-body {
    margin: 20px auto;
}

.icon-min-sms,
.icon-min-mb,
.icon-min-movil,
.icon-min-rpm,
.icon-min-recargas {
    width: 50%;
    height: 46px;
    padding: 11px 60px;
    float: left;
}

.icon-min-sms {
    background: url("../images/ico-min-sms.png") no-repeat 0 0;
}

.icon-min-mb {
    background: url("../images/ico-min-mb.png") no-repeat 0 0;
}

.icon-min-movil {
    background: url("../images/ico-min-movil.png") no-repeat 0 0;
}

.icon-min-rpm {
    background: url("../images/ico-min-rpm.png") no-repeat left center;
}

.price-currency {
    float: left;
    width: 73%;
    padding: 10px 20px 0 0;
}

.button-price .btn-pagar {
    text-align: center;
}

.inline.italic.expire {
    display: inline-block;
    margin: 0;
    font-size: 0.8em;
}

.page-recarga-principal.result p {
    margin: 18px auto 0;
    float: right;
    width: 50%;
    font-size: 1.3em;
    text-align: right;
}

.prepaid-padding {
    padding: 0 15px;
    overflow: hidden;
}

.fields-col.dates .wrapper-select {
    min-width: inherit;
}

.panel.panel-white-green-letter .panel-heading {
    border: 1px solid #e9ebed;
    color: #6ebe44;
    border-bottom: 3px solid #e9ebed;
    background-color: #fff;
}

.panel.panel-white-green-letter .panel-content {
    border: 1px solid #e9ebed;
    padding: 12px;
}

.panel.panel-white-green-letter .information-panel {
    background-color: #f2f7f9;
    padding: 10px 20px;
}

.left-content {
    float: left;
    width: 60px;
}

    .left-content.inline .icon-min-rpm {
        width: 100%;
    }

    .left-content.inline p {
        display: inline-block;
        padding-left: 15px;
    }

.right-content,
.left-content {
    width: 50%;
}

    .right-content p,
    .left-content p.red-text.expire {
        text-align: left;
    }

    .left-content p.red-text.expire {
        margin: 5px 0;
        overflow: hidden;
        clear: both;
    }

.button-recarga {
    margin: 15px 0;
    overflow: hidden;
    float: right;
    font-size: 0.85em;
}

span.padd.font-08 {
    padding-left: 0;
    display: block;
    font-style: italic;
}

.icon-recargas {
    background: url("ico-recargas.png") no-repeat 0 0;
    float: left;
}

.link-blue.recarga a {
    background: url("link-ico-recarga.png") no-repeat right 0;
    padding-right: 30px;
    padding-left: 0;
    margin-left: 0;
}

.font-06.single {
    font-size: 0.6em;
    font-family: 'movistar_textregular';
}

.panel.table table {
    margin-top: 0;
}

.panel-saldo-control .price-value {
    font-size: 1em;
}

.left-content span {
    width: 75%;
    float: left;
    padding: 18px 0;
}

.left-content.out span {
    padding: 0;
}

.left-content.mn-pad span {
    padding: 4px 0;
}

.right-content {
    width: 75%;
}

.right-information {
    padding: 4px 0;
    overflow: hidden;
    float: left;
    width: 100%;
}

    .right-information > span {
        text-align: left;
        float: left;
        margin: 0;
        width: 50%;
        padding-left: 10px;
    }

    .right-information .blue-text {
        width: 50%;
        float: right;
    }

.right-content p.red-text.expire {
    width: 100%;
}

.right-content,
.right-content p {
    float: left;
}

.icon-saldos {
    background: url("../images/icon-saldo.png") no-repeat 0 0;
}

.icon-title-recarga {
    background: url("../images/icon-recargas.png") no-repeat 0 0;
}

.personal-data.last {
    margin-bottom: 0;
}

.recharge-online.new-card .personal-data p {
    color: #c9c9c9;
}

.personal-data.add-card-ok p {
    color: #005c84;
}

.filter-type .show,
.filtrer-form p {
    float: left;
}

.filtrer-form p {
    width: 45%;
    text-align: right;
    margin: 5px 0;
}

.filter-type .show {
    margin: 0;
}

.filter-type {
    overflow: hidden;
    margin: 10px 0;
}

.panel-group.last-refills img {
    width: 100%;
    max-width: 882px;
}

.table-pager.right {
    text-align: right;
}

.panel.table p.state {
    border: 0;
    padding: 0;
}

.form-ver label {
    margin: 15px 0;
}

.form-ver .form-control {
    background-color: #fff;
}

.bg-arrow-fields {
    background: url("../images/bg-history.png") no-repeat top;
    height: 13px;
    background-position-x: 90%;
}

.fields-intern-col {
    padding: 30px 30px 70px;
    background: #cfebf2;
}

.form-send {
    margin: 20px 0 0;
    float: right;
}

.asesor {
    color: #119cbf;
    font-style: italic;
    font-size: 0.95em;
}

.form-action.right {
    float: right;
}

.atm-bloque-item.history {
    padding: 0;
}

.history .detail-heading {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}

.history-span {
    margin: 12px 0;
}

.history .detail-heading,
.history-span {
    float: left;
    width: 50%;
}

form.form-ver {
    overflow: hidden;
    clear: both;
    width: 100%;
}

.application-history .right-information p {
    float: left;
    margin-right: 10px;
}

a.down-file,
.del-file {
    padding-left: 15px;
}

.del-file,
.down-file {
    text-decoration: underline;
}

.field.date-picker > div {
    margin: 0 0 7px 0;
    text-align: left;
}

.form-search {
    float: left;
    width: 100%;
    margin: 10px 0;
    text-align: right;
}

.list-filtrer ul li a:hover {
    background-color: #d8e3e9;
}

.list-filtrer ul li a {
    font-family: 'movistar_textregular';
    background: url("../images/bg-filtrer.png") no-repeat right center;
    padding: 5px 20px;
    background-position-y: 16px;
}

.out-bording .panel-content {
    border-top: 0 transparent;
}

.out-bording .panel-heading {
    border-bottom: 0 transparent;
}

.prepaid {
    padding: 0 0 0 20px;
}

.update-date {
    margin: 0;
    width: auto;
}

.num-cuenta {
    color: #939698;
    font-size: 1.4em;
    display: block;
}

.font-small {
    font-size: 0.95em;
}

.form-add-card {
    float: right;
    padding-right: 135px;
}

.form-pago .form-group.new-card-added p {
    color: #005c84;
    font-family: 'movistar_textbold';
}

.fields-col.blue-text {
    font-size: 1.2em;
}

.cvv-image img {
    width: 100%;
    max-width: 302px;
    height: auto;
}

.sec-acuerdo-fac {
    margin-top: 50px;
}

    .sec-acuerdo-fac label {
        display: block;
        float: left;
        line-height: 30px;
        margin-left: 70px;
    }

    .sec-acuerdo-fac .wrapper-select {
        width: 220px;
        float: left;
        margin-left: 10px;
    }

.nav-lineas {
    display: inline-block;
    width: 100%;
}

    .nav-lineas .items_c li {
        float: left;
        text-align: center;
        width: 120px;
    }

        .nav-lineas .items_c li .ico-phone {
            background-image: url("../images/ico_phone.png");
            background-position: top right;
            background-repeat: no-repeat;
            width: 39px;
            height: 61px;
            margin: 0 auto;
        }

        .nav-lineas .items_c li .item_link {
            display: block;
            padding: 20px 10px;
            border: solid #FFF 9px;
            color: #005c84;
            font-weight: bold;
            font-size: 1em;
        }

        .nav-lineas .items_c li span {
            margin-top: 10px;
            display: block;
        }

.tab-whole .tabpanelcontent {
    padding: 0;
    border: 0;
}

.panel-fecha-pago .factura-row-price .green-label {
    display: block;
    font-size: 0.85em;
    line-height: 15px;
}

#block-detalle-facturas select-line {
    float: none;
}

.detalle-factura .carousel_frame {
    float: left;
}

.detalle-factura-resumen {
    clear: both;
}

.factura-act-date {
    text-align: right;
    float: right;
    margin-top: 96px;
}

.factura-cargos-title {
    padding: 0 40px 10px 30px;
    border-bottom: 1px solid #e9ebed;
    margin-bottom: 10px;
}

.factura-cargos-item {
    padding: 0 40px 0 50px;
}

.detalle-factura-acord .tabpanelcontent {
    padding: 20px 0;
}

.carousel_frame.second_carousel {
    height: auto;
    max-width: 100%;
    margin: auto;
    padding: 0px 58px;
    overflow: hidden;
}

    .carousel_frame.second_carousel .items_content .items_c li .item_link,
    .carousel_frame.second_carousel .items_content .items_c li {
        float: left;
        border-bottom: none;
        width: auto;
    }

.select-line {
    float: left;
    width: 90%;
}

#historial-facturas {
    float: left;
    max-width: 60%;
}

.tabs1 li.last a {
    margin-right: 0;
}

.introduction-line .form-group.form-select {
    float: left;
    max-width: 50%;
}

.introduction-line .form-search {
    float: left;
    text-align: center;
    margin: 40px 0 0;
    max-width: 10%;
    padding-left: 20px;
}

.introduction-line .form-hor .fields-col {
    width: auto;
}

.introduction-line h3 {
    font-family: 'movistar_textregular';
}

.content.left-modal,
.content.right-modal {
    width: 50%;
    float: left;
}

.content.left-modal {
    padding: 5px 0;
    text-align: left;
}

.pay-bill .form-group .remove-credit-card {
    background: url("../images/delete-document.png") no-repeat right center;
    margin-left: 10px;
    margin: 0;
}

.pay-bill label {
    display: block;
    text-align: left;
}

.panel.panel-white-green-letter .information-panel.white {
    background: #fff;
}

.panel.panel-white-green-letter.panel-modal .panel-content {
    padding: 10px;
}

.form-group.form-text.cvv {
    margin: 0 0 0 45px;
}

.cvv .label-col {
    float: left;
    padding-right: 10px;
}

.cvv a.bg-question {
    float: left;
    width: auto;
    max-width: 50%;
    margin: 5px 20px;
}

.cvv label {
    margin: 10px 0;
}

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

.pay-bill.ok input {
    display: none;
}

.pay-bill {
    margin: 30px auto 0;
}

.add-new-credit-card.block-modal,
.conf-payment-method {
    text-align: left;
}

.card-added.block-modal {
    margin: 40px auto;
}

.form-recarga-factura .form-item-phone .form-control {
    width: 50%;
    display: inline-block;
    margin: 0 5px;
}

.form-recarga-factura.form-hor .label-col {
    width: 30%;
    text-align: left;
}

.form-recarga-factura.form-hor .fields-col {
    width: 70%;
    float: right;
}

.tab-whole .nav-tabs {
    margin-bottom: 10px;
    border-bottom: 5px solid #009CBC;
}

    .tab-whole .nav-tabs > li {
        float: left;
        margin-bottom: 0;
    }

#form-type-service {
    float: left;
    width: 50%;
}

.link-export-excel {
    float: right;
    margin: 20px 0 0 20px;
    padding-right: 35px;
}

.icon-detalle-factura {
    background: url("../images/ico-factura-detalle.png") no-repeat 0 0;
}

.form-group.out-margin .personal-data {
    margin-bottom: 0;
}

.card-added.block-modal.one-element {
    margin: 15px auto;
    padding: 20px 20px 0;
}

.personal-data.block {
    margin: 0 47px 25px;
    padding-bottom: 15px;
}

.change-payment-method a {
    float: left;
    margin-left: 47px;
}

.field.id-facturas {
    padding: 0 0 0 15px;
}

.right-fact {
    float: right;
    margin: 23px 0;
}

div.table {
    overflow: hidden;
    margin: 0;
}

table.table {
    margin-left: 1px;
    width: 100%;
    margin: 0 auto 10px;
}

td.brdrbottom.right {
    text-align: right;
}

.icon-title-recibo {
    background: url("../images/ico-historialfact.png") no-repeat 0 0;
}

.ico-pdf {
    background: url("../images/ico-pdf.png") no-repeat center;
    height: 36px;
    display: block;
}

ul.nav.nav-tabs > li > a {
    font-family: 'movistar_textregular';
    line-height: 1.2;
}

.page-title > div.select-line {
    padding: 0 65px;
    font-size: 1.15em;
}

.form-line.left .wrapper-select .form-control {
    color: #70BA53;
}

.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
    vertical-align: middle;
}

.select.account .form-hor .fields-col {
    max-width: 200px;
    float: left;
}

.colum-block {
    margin-right: 0;
}

.factura-cargos-item .text-right {
    padding-right: 50px;
}

.responsible-consumption {
    padding: 0 5%;
}

.mar-cero {
    margin: 0;
    font-size: 1.05em;
}

.title-label {
    margin: 15px 0 0;
    color: #005c84;
    font-family: 'movistar_textbold';
}

.factura-cargos-title.fac-block {
    border-bottom: 0;
    padding: 15px 0 10px 0;
    background-color: #F6F7F7;
}

    .factura-cargos-title.fac-block .factura-cargos-title {
        border: 0;
        margin-bottom: 0;
    }

.fac-block-image {
    padding: 0 20px;
}

.block-right {
    float: right;
}

.button-config-pago-aut.text-right {
    margin: 15px 0 0;
}

.form-group.pad {
    padding: 30px 0 10px;
    margin: 0;
}

.form-result.card-result {
    padding: 0 0 20px 44px;
}

.result-card.block,
.personal-data.block {
    font-size: 1.1em;
}

.icon-title-date-fact {
    background: url("ico_acuerdofactu.png") no-repeat left center;
}

.icon-title-note {
    background: url("../images/ico-notascred.png") no-repeat left center;
}

.checkbox.not-off label.selected {
    background: url("../images/not-on.png") no-repeat left center;
}

.checkbox.not-off label {
    background: url("../images/not-off.png") no-repeat left center;
    width: 84px;
    height: 37px;
}

.ico-pdf.right {
    float: right;
    width: 20%;
}

.separador-gray {
    border-bottom: 1px solid #ddd;
}

.form-group.auto .label-col {
    width: auto;
}

.request {
    float: left;
    width: 80%;
    text-align: left;
}

.text-recarga-factura p {
    margin-top: 0;
}

.block-form {
    width: 33%;
    float: left;
}

.block-notif .fields-col p {
    width: auto;
    float: left;
    margin-right: 10px;
    min-width: 40%;
}

.form-colum-input.left .form-actions {
    margin: 0;
}

.form-colum-input.left {
    margin: 20px 0;
}

.block-notif {
    margin: 30px 0 0;
    overflow: hidden;
}

.panel-transparent.panel-modal h3 {
    text-align: left;
    font-size: 1.35em;
}

.blue-text.light {
    color: #119cbf;
    font-family: 'movistar_textregular';
    font-size: 1.4em;
}

    .blue-text.light.min {
        font-size: 0.99em;
        font-family: 'movistar_textbold';
        margin-left: 5px;
    }

.panel-transparent .information-panel {
    font-size: 1.12em;
    padding: 0;
    line-height: 1.2;
}

.panel.panel-white.panel-modal .information-panel {
    padding: 20px;
}

.atm-bloque-item.panel-body.buttons {
    padding: 10px 0;
    margin: 0;
}

.button-pagar-factura {
    text-align: right;
    margin: 20px 0 10px;
}

.grafica.inline-blok {
    margin-bottom: 20px;
}

.responsible-consumption h5 {
    padding-left: 9px;
}

.inline-blok.fac-block-image h3 {
    margin: 0 0 4%;
}

.font-bold {
    font-family: 'movistar_textbold';
    font-size: 1.12em;
}

.carousel_frame.residential .to_down,
.carousel_frame.residential .to_up {
    background-image: url("../images/carousel-residential.png");
    height: 8px;
}

.green-dark {
    color: #516426;
    font-family: 'movistar_textbold';
}

.block-gray-fact h1,
.block-gray-fact h2,
.block-gray-fact h3,
.block-gray-fact h4 {
    margin: 9px 0 0;
}

.field.id-facturas > div {
    margin-bottom: 7px;
}

.form-hor .block-levels .label-col.automatic,
.form-hor .block-levels .form-hor .fields-col.automatic {
    width: auto;
    margin-bottom: 5px;
}

.form-hor .block-levels .formx2 .form-group.form-chechbox .checkbox {
    margin-top: 7px;
    text-align: center;
    margin-left: -15px;
}

.panel-group.acoordion .panel {
    margin-bottom: 15px;
}

.notifications.form-hor {
    padding: 10px 20px;
}

.block-notif .label-col {
    min-width: 25%;
    width: auto;
}

.block-notif .fields-col {
    float: left;
    width: auto;
    min-width: 50%;
}

.against-invoice {
    background: url("../images/recarga_contra_factura.png") left center no-repeat;
}

.consumos-cargo {
    padding: 0 68px;
}

h4.factura-row-label {
    font-family: 'movistar_textregular';
    font-size: 1.4em;
}

.two-btn,
.two-btn span {
    width: 50%;
    text-align: center;
    float: left;
}

    .two-btn span a {
        width: 80%;
    }

.banner.horizontal.desktop {
    display: block;
}

.banner.horizontal.mobile {
    display: none;
}

.prepaid,
.residential {
    overflow: hidden;
}

.panel-sidebar .panel-left {
    padding-left: 0;
}

.panel-sidebar .panel-right {
    padding-right: 0;
}

.panel-min-height .panel-content {
    min-height: 514px;
}

.position-min-panel {
    position: absolute;
    bottom: 0;
    clear: right;
    overflow: hidden;
    float: right;
    right: 16px;
    padding: 20px;
}

.text-grey-light {
    color: #939698;
    font-size: 1.4em;
    margin: 5px auto 15px;
    display: block;
}

.select-cuenta form .form-group {
    margin: 0;
    min-width: 180px;
}

.select-cuenta .text-grey-light {
    float: left;
    margin: 0 10px 5px 0;
    font-size: 1.2em;
}

.select-cuenta form {
    float: left;
}

.select-cuenta {
    overflow: hidden;
    margin-bottom: 10px;
}

.collapse-group label {
    color: #515559;
}

.min-height-395px .panel-content {
    min-height: 378px;
}

.text-description {
    padding: 0 0 15px 67px;
}

    .text-description p {
        margin: 0;
    }

.center-input {
    float: left;
    width: 60%;
}

.carousel_frame .items_c li .item_link.out-hover .ico-phone {
    background-position: top right;
    background-repeat: no-repeat;
}

.tabs1 {
    overflow: hidden;
    clear: both;
}

.metodo-entrega .form-group-radios .radio-button {
    float: left;
    margin: 5px 0px 5px 15px;
}

.form-select-line {
    overflow: hidden;
    padding: 0 0 0 67px;
}

.formx2 {
    width: 50%;
    float: left;
}

    .formx2 .form-group {
        width: 30%;
        float: left;
        margin: 0;
    }

    .formx2 .fields-col {
        width: 60%;
        padding-left: 5px;
    }

.label-col.block {
    margin: 0 0 5px 0;
}

.panel-height .panel-content {
    min-height: 265px;
}

.return-store {
    padding-left: 20px;
    text-decoration: underline;
    font-family: 'movistar_textregular';
}

.new-order {
    background: url("../images/ico-new-order.png") no-repeat left center;
}

.title-inline h1 {
    display: inline-block;
}

.page-title .title-inline h1 span.phone-number {
    font-size: 28px;
}

.tabpaneltitle.bg-white {
    background-color: #fff;
    color: #119cbf;
    border-right: 1px solid #e9ebed;
    border-left: 1px solid #e9ebed;
}

.uppercase {
    text-transform: uppercase;
}

.form-bg-gray {
    background-color: #F1F2F6;
    padding: 20px;
    margin-bottom: 10px;
    border: #DFE0E2 solid 1px;
}

    .form-bg-gray .form-control {
        background-color: #fff;
        margin: 10px 0 0;
    }

    .form-bg-gray label {
        color: #7c7e81;
    }

.sidebar-first.tabs .form-actions input {
    width: 100%;
}

.title-form {
    display: block;
    margin: 0 0 30px;
    color: #239FBF;
    font-size: 1.15em;
}

.content-center.tabs {
    padding-left: 30px;
}

.content-product {
    width: 31.5%;
    float: left;
    border: #eff0f3 solid 1px;
    padding: 20px 8px;
    margin: 5px;
}

.block-left-product {
    text-align: center;
    float: left;
    width: 40%;
}

.block-right-product {
    float: right;
    width: 52%;
    margin: 0 0 10px 15px;
}

.block-span {
    display: block;
}

.link-ver-detalles {
    text-decoration: underline;
    font-family: 'movistar_textregular';
    position: relative;
    font-size: 0.9em;
}

.image-producto img {
    width: 100%;
    max-width: 99px;
    height: auto;
}

.product-reference {
    overflow: hidden;
}

.expand {
    background: url("link-ico-btn.png") no-repeat right 0;
    display: block;
    height: 24px;
    float: right;
    width: 12%;
}

.referenece-text {
    float: left;
    font-size: 1.15em;
    width: 88%;
}

.product-classification img {
    width: 100%;
    height: auto;
    max-width: 97px;
}

.checkbox label.bg-white {
    background: url("bg-check-white.png") 0 no-repeat transparent;
    margin-left: 0;
    font-size: 1em;
    color: #494949;
    min-height: 18px;
    padding: 0 0 4px 25px;
}

table .checkbox label.bg-white {
    width: 17px;
    padding: 0;
}

.block-complete .left {
    float: left;
}

.block-complete .right {
    float: right;
    text-align: right;
}

.checkbox label.bg-white.selected {
    background: url("check-white-selected.jpg") no-repeat 0 transparent;
}

table .form-group.form-chechbox {
    margin: 0;
}

.product-classification {
    margin: 6px auto 0;
    display: none;
}

.select-buy {
    float: left;
    width: 50%;
    margin: 10px 0 0 0;
    clear: left;
}

.block-product {
    overflow: hidden;
    margin-bottom: 15px;
}

.compare-phones {
    float: right;
    width: 50%;
    min-width: 215px;
    clear: right;
}

.information-about-products .select.account .form-hor .fields-col {
    max-width: 150px;
    float: left;
}

.block-resultados {
    margin: 20px 0 10px;
}

.block-ordenar .label-col label {
    text-align: right;
}

.block-permanencia .select.account .form-hor .fields-col {
    float: left;
}

.block-permanencia .form-group {
    margin: 0;
}

.information-about-products {
    overflow: hidden;
    margin: 0 0 15px 0;
}

.aling-right {
    text-align: right;
    margin: 0;
}

.aling-left {
    text-align: left;
}

.form-hor.auto .label-col {
    min-width: 25%;
    width: auto;
    max-width: 48%;
}

.block-form-select {
    text-align: left;
    width: 85%;
    margin: 0 auto;
}

.wrapper-select.bg-white .form-control {
    background: url("bg-select.png") no-repeat right center #fff;
    color: #AEB0BB;
}

.bg-telephone {
    background: url("../images/bg-telephone.png") no-repeat left center;
    float: left;
    padding-left: 30px;
    min-height: 31px;
}

.content-cart,
.content-border-gray {
    margin: 15px 0;
    border: 2px solid #F3F3F3;
    padding: 25px;
    overflow: hidden;
}

.contetn-tabs {
    padding: 0 0 0 24px;
}

.shopping-cart {
    background: url("../images/ico_tienda.png") no-repeat left center;
}

.pago-pedido {
    background: url("../images/ico_pedido.png") no-repeat left center;
}

.detalle-ordenes {
    background: url("../images/ico_detalle_ordenes.png") no-repeat left center;
}

.form-verify-coverage.form-hor .label-col {
    width: 100%;
}

label.text-grey p {
    color: #515559;
}

.add-title {
    font-size: 1.3em;
    display: block;
    margin: 10px 0 5px;
    color: #009BBB;
    font-family: 'movistar_textbold';
}

.bold-number-confirmation {
    font-size: 1.2em;
    font-family: 'movistar_textbold';
}

a.link {
    font-family: 'movistar_textregular';
    text-decoration: underline;
}

.dropdown-menu li a,
.dropdown-menu li a:hover {
    color: #fff;
}

.dropdown-menu li {
    border-bottom: 1px solid #fff;
    padding: 0 0 5px;
}

    .dropdown-menu li.last {
        border: 0;
    }

.dropdown-menu {
    background-color: #115B84;
    padding: 0;
    border-radius: 0;
}

.submit {
    padding-left: 20px;
}

.block-result-table.intern {
    margin: 20px 0;
}

.table > tbody > tr.submit-block > td.level-two {
    padding: 15px 20px;
}

.panel-group.accordion {
    padding: 0;
}

.continue-buying {
    text-align: right;
}

.sep-blue {
    color: #1E9BBC;
}

.ico-compare-teams {
    background: url("../images/ico-compare-teams.png") no-repeat left center;
}

.re-select-team {
    text-decoration: underline;
    display: block;
    margin: 0 0 10px 70px;
}

.block-compare-team {
    border: 2px solid #eff0f2;
    padding: 30px;
    margin: 40px 0;
}

.content-product.bg-blue-light {
    width: 100%;
    border: none;
    background-color: #F8F9FB;
    float: right;
    text-align: left;
}

.link-see-details {
    margin: 20px 0;
}

    .link-see-details a {
        text-decoration: underline;
        font-family: 'movistar_textregular';
    }

.table.content-products th {
    background-color: transparent;
    border: 0;
}

.table.content-products td {
    width: 20%;
    text-align: left;
    border: none;
    color: #515559;
}

.gray-border {
    border-bottom: 3px solid #f1f4f7;
    margin: 20px auto 40px;
}

.form-select-line-number p {
    font-size: 0.9em;
}

.step-numbers {
    width: 90%;
    margin: auto;
}

    .step-numbers div {
        width: 33.3%;
        float: left;
        position: relative;
        z-index: 1;
    }

.line-carrito {
    border-bottom: 5px solid #F1F2F6;
    display: block;
    position: relative;
    top: 30px;
    z-index: 0;
    margin: auto;
    width: 95%;
}

.content-step p span.num-carrito {
    background: #F1F2F6;
    height: 40px;
    width: 40px;
    font-size: 1.8em;
    color: #87bdcb;
    font-family: 'movistar_textbold';
    border-radius: 50%;
    display: block;
}

.content-step p span.text-carrito {
    display: block;
    clear: both;
    text-align: center;
    margin: 10px 0 0;
}

.content-step.right p span {
    float: right;
}

.content-step.left p span {
    float: left;
}

.content-step.right p span.text-carrito {
    margin-right: 0;
    position: relative;
}

.content-step.left p span.text-carrito {
    margin: 5px 0 0;
    position: relative;
}

.step-numbers-wrapper {
    overflow: hidden;
}

.content-step p.active span.num-carrito {
    background: #009CBC;
    color: #fff;
    box-shadow: 1px 1px 5px #C8F0FA;
    border: 2px solid;
    line-height: 1.2;
}

.content-step span.num-carrito {
    margin: auto;
    text-align: center;
}

.alert-ico {
    position: relative;
}

.alert-ico-bg {
    background: url("../images/alert-ico.png") no-repeat left center;
    width: 54px;
    height: 52px;
    float: left;
    position: absolute;
    left: -12px;
    top: -4px;
}

.alert-ico-content {
    overflow: hidden;
    background-color: #fef4df;
    padding: 6px;
    padding-left: 70px;
    border: 1px solid #fab72a;
    margin-bottom: 3%;
}

.alert-ico p {
    width: 80%;
    float: left;
    margin: 5px 0;
}

.choose-plan {
    float: right;
    padding: 0 9px;
    max-width: 100%;
}

.obligatory-text {
    color: #967CB2;
    float: left;
    width: 50%;
    font-style: italic;
}

.text-show {
    float: left;
    max-width: 50%;
    font-family: 'movistar_headlineregular';
}

.acordion-content {
    margin: 30px auto;
}

.form-movil-telephone {
    text-align: left;
    width: 80%;
    margin: 0 auto;
}

#accordion a.extern-link {
    color: #515559;
    display: block;
    float: left;
    margin: 5px 0 0;
    text-decoration: underline;
    font-family: 'movistar_textregular';
    font-size: 0.9em;
}

.radio-large p {
    font-size: 0.95em;
}

.form-colum-x2 .radio-large {
    padding-left: 26px;
    margin-top: 8px;
}

.fields-col.width-33 input.last {
    margin-right: 0;
}

.fields-col.width-33 input {
    width: 32%;
    margin: 0 5px 0 0;
    float: left;
}

#accordion a.extern-link.transparent {
    color: #fff;
    cursor: none;
    margin: 10px 0;
}

.form-group.form-button .fields-col {
    text-align: center;
    margin: 5px 0;
    float: right;
}

    .form-group.form-button .fields-col input {
        width: 150px;
    }

.form-colum-x2 .form-group {
    margin: 10px 1%;
    display: inline-block;
    width: 47.5%;
}

.form-group.width-100.last {
    border-bottom: 0;
}

.left.form-colum-x2 {
    padding-left: 0;
}

.right.form-colum-x2 {
    padding-right: 0;
}

.title-form.bg-blue-light {
    background-color: #f2fAfc;
    overflow: hidden;
    clear: both;
}

    .title-form.bg-blue-light p {
        padding: 5px 20px;
    }

.form-radio label {
    padding-left: 25px;
    margin: 0 0 15px;
}

.form-control.left {
    width: 20%;
    float: left;
    margin-right: 15px;
}

.form-control.right {
    width: 70%;
    float: right;
}

#accordion a.inline-link {
    color: #515559;
    text-decoration: underline;
    font-family: 'movistar_textregular';
}

.label-col.width-100 {
    width: 100%;
}

.form-button {
    text-align: center;
    overflow: hidden;
    width: 40%;
    float: right;
    margin: 10px 30px;
}

.button-right {
    float: right;
    overflow: hidden;
}

.form-colum-x2 {
    overflow: hidden;
    margin: 20px auto;
}

    .form-colum-x2 .form-radio {
        display: block;
        width: 50%;
        float: left;
    }

.disabled label,
.disabled label > p {
    color: #d7d8dd;
}

.wrapper-select .form-control[disabled] {
    background: url("bg-select.png") no-repeat right center #eee;
}

.block-levels {
    padding: 0 0 0 30px;
    overflow: hidden;
}

.panel-default.out-bording {
    border: none;
}

.select-plan {
    background: url("../images/ico-select-plan.png") no-repeat left center;
}

.resultados {
    background: url("../images/ico-resultados.png") no-repeat left center;
}

.return-store.block {
    padding-left: 70px;
}

.dwell-time {
    overflow: hidden;
    margin-bottom: 12px;
}

    .dwell-time .form-group {
        margin: 0 auto;
    }

.info-top {
    margin: 10px 0 5px;
}

.dwell-time .form-hor {
    width: 50%;
    float: left;
}

.dwell-time .wrapper-select .form-control {
    background: url("bg-select.png") no-repeat right center #fff;
}

.block-title-gray h2 {
    margin: 0;
}

.block-order-detail {
    padding: 30px;
    margin: 10px 0;
    font-size: 16px;
    background: #e5eef2;
}

    .block-order-detail ul li {
        margin: 8px 0;
    }

        .block-order-detail ul li span {
            width: 170px;
            display: inline-block;
            color: #119cbf;
        }

.panel-heading .nombre-cuenta {
    padding-left: 40px;
    background: url('../images/ico-suscripciones.png') no-repeat;
}

.icon-consumer-detail {
    background: url("../images/ico-cargoseventos.png") 20px center no-repeat;
}

.ico-llamada-cargos {
    background: url("../images/llamada_saliente_ico.png") center no-repeat;
    height: 42px;
}

.icon-consumer-voz {
    background: url("llamadas_ico.png") 0 center no-repeat;
}

.icon-consumer-datos {
    background: url("../images/datos_ico.png") 0 center no-repeat;
}

.icon-consumer-mensajes {
    background: url("../images/mensajes_ico.png") 0 center no-repeat;
}

.ico-llamada-cargos.entrante {
    background: url("../images/llamada_entrante_ico.png") center no-repeat;
    height: 42px;
}

.ico-export-excel {
    background: url("ico-excel.png") right center no-repeat;
    display: block;
    height: 22px;
}

.select.account .form-hor .label-col {
    min-width: 210px;
    width: auto;
    margin-right: 10px;
}

.grafica h5 {
    padding: 10px 0;
    margin: 0;
}

.filter-type .form-filtrer .form-group.form-select {
    width: 100%;
    margin: 0;
}

.form-filtrer .form-group.form-select {
    float: left;
    overflow: hidden;
    min-width: 58%;
    margin: 0;
}

.detalle-factura-acord .panel-heading .nombre-cuenta {
    padding-left: 40px;
    background: url('../images/ico-suscripciones.png') no-repeat;
    padding-top: 5px;
    font-size: 1.1em;
}

.indented-form .label-col > label,
.indented-form .checkbox {
    padding-left: 36px;
}

.form-hor .form-group.width-50 .fields-col {
    width: 60%;
    float: right;
}

.message.OK .message-text {
    background-color: #EDF4D9;
    color: #556F22;
    text-align: left;
    width: auto;
    max-width: 90%;
    margin-top: 5px;
}

.message.warning .message-text {
    background-color: #FFF4E0;
    color: #865B1D;
    border: #fab72a solid 1px;
    margin-top: 4px;
    overflow: hidden;
}

.carousel_frame {
    height: 844px;
    max-width: 130px;
    margin: auto;
}

    .carousel_frame .to_down {
        background-image: url("../images/control_arrow.png");
        background-position: top center;
        background-repeat: no-repeat;
        display: block;
        width: 54px;
        height: 18px;
        margin: 10px auto;
    }

    .carousel_frame .to_up {
        background-image: url("../images/control_arrow.png");
        background-position: bottom center;
        background-repeat: no-repeat;
        display: block;
        width: 54px;
        height: 18px;
        margin: 30px auto;
    }

    .carousel_frame .mask_content {
        position: relative;
        display: block;
        height: 749px;
        margin: 0 auto;
        overflow: hidden;
    }

        .carousel_frame .mask_content .items_content {
            position: absolute;
            min-height: 753px;
        }

            .carousel_frame .mask_content .items_content .items_c {
                margin: 0;
                padding: 0;
                list-style: none;
            }

    .carousel_frame .items_content .items_c li {
        width: 128px;
        display: block;
        border-bottom: 1px solid #d7dce0;
        text-align: center;
    }

        .carousel_frame .items_content .items_c li .item_link {
            display: block;
            padding: 15px 10px;
            color: #005c84;
            font-weight: bold;
            font-size: 1em;
        }

        .carousel_frame .items_content .items_c li:hover .item_link,
        .carousel_frame .items_content .items_c li.current .item_link {
            background-color: #70c4d9;
            color: #FFFFFF;
            text-decoration: none;
        }

            .carousel_frame .items_content .items_c li:hover .item_link.out-hover {
                color: #005c84;
                background-color: transparent;
            }

    .carousel_frame .items_c li .ico-phone {
        background-image: url("../images/ico_phone.png");
        background-position: top right;
        background-repeat: no-repeat;
        width: 39px;
        height: 61px;
        margin: 0 auto;
    }

    .carousel_frame .items_c li a:hover .ico-phone {
        background-image: url("../images/ico_phone.png");
        background-position: top left;
        background-repeat: no-repeat;
    }

    .carousel_frame .items_content .items_c li a.current .ico-phone {
        background-image: url("../images/ico_phone.png");
        background-position: top left;
        background-repeat: no-repeat;
    }

    .carousel_frame .items_c li span {
        margin-top: 10px;
        display: block;
    }

    .carousel_frame .items_content.items_c .item-slide {
        display: block;
        border-bottom: 1px solid #d7dce0;
        text-align: center;
    }

        .carousel_frame .items_content.items_c .item-slide .item_link {
            display: block;
            padding: 15px 10px;
            color: #005c84;
            font-weight: bold;
            font-size: 1em;
        }

        .carousel_frame .items_content.items_c .item-slide:hover .item_link,
        .carousel_frame .items_content.items_c .item-slide.current .item_link {
            background-color: #70c4d9;
            color: #FFFFFF;
            text-decoration: none;
        }

            .carousel_frame .items_content.items_c .item-slide:hover .item_link.out-hover {
                color: #005c84;
                background-color: transparent;
            }

    .carousel_frame .items_c .item-slide .ico-phone {
        background-image: url("../images/ico_phone.png");
        background-position: top right;
        background-repeat: no-repeat;
        width: 39px;
        height: 61px;
        margin: 0 auto;
    }

    .carousel_frame .items_c .item-slide a:hover .ico-phone {
        background-image: url("../images/ico_phone.png");
        background-position: top left;
        background-repeat: no-repeat;
    }

    .carousel_frame .items_content.items_c .item-slide a.current .ico-phone {
        background-image: url("../images/ico_phone.png");
        background-position: top left;
        background-repeat: no-repeat;
    }

    .carousel_frame .items_c .item-slide span {
        margin-top: 10px;
        display: block;
    }

    .carousel_frame.carousel-modal .items_content.slick-slider {
        position: relative;
        min-height: auto;
        margin-bottom: 0;
    }

.slick-next:before {
    content: "";
}

.slick-prev,
.slick-next {
    top: 17px;
}

.carousel_frame.carousel-modal {
    max-width: 100%;
    height: auto;
    margin: 30px 0 0;
}

.carousel-slick-wrapper.carousel_frame.carousel-modal {
    max-width: 80%;
    height: auto;
    margin: 10px auto 0;
}

.slick-prev:before {
    content: ' ';
}

.carousel_frame .items_content.items_c.slick-slider .item-slide {
    border-bottom: 0;
}

.page-recarga-principal {
    display: block;
}

.border-gray {
    border-bottom: 1px solid #e5e5e5;
}

.icon-paquetes {
    background: url("../images/ico-paquetes.png") 0 4px no-repeat;
    float: left;
}

.page-recarga-principal .title-label {
    margin: 0 0 8px 0;
}

.filtrer-form,
.filtrer-form form {
    float: right;
}

    .filtrer-form form,
    .filter-type .show,
    .filtrer-form {
        width: 50%;
    }

        .filter-type .show p {
            margin: 5px 0;
        }

.recharge-online.add-card .form-group p {
    color: #c9c9c9;
}

.right-result-block {
    float: right;
    color: #115882;
    width: 50%;
    margin-right: 40px;
    margin-top: 8px;
}

.block-result-table {
    overflow: hidden;
    background-color: #F2FAFC;
    padding: 10px 15px;
    margin: 10px 0;
}

.add-new-credit-card.block-modal,
.pay-bill {
    text-align: left;
    width: 90%;
    margin: 0 auto;
}

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

.link-ver-detalles:after {
    content: "+";
    position: relative;
    width: 18px;
    height: 18px;
    color: #fff;
    background: #239FbF;
    top: 5px;
    text-align: center;
    line-height: 14px;
    font-size: 26px;
    display: inline-block;
    right: auto;
    margin-left: 5px;
}

.search-results {
    float: left;
    width: 50%;
}

.checkbox input[type=checkbox],
.checkbox-inline input[type=checkbox] {
    visibility: hidden;
    margin-left: 0;
}

input[type=file] {
    width: 100%;
    float: left;
    margin-bottom: 10px;
}

.message-method1,
.message-method,
.message-method2 {
    clear: both;
    margin-top: 20px;
    float: left;
    width: 100%;
}

.fields-col.automatic.camp-form {
    min-width: 230px;
}

======= > > > > > > > 128e80b92bf89f13a036439ac7463355bf33d615 #form-type-service {
    float: left;
    width: 50%;
}

.block-after-payment label,
.select-payment .block-form-x3 label {
    color: #515559;
}

.servicios-adicionales .form-group {
    margin: 10px auto 12px auto;
}

.block-permanencia .select.account .form-hor .label-col {
    min-width: auto;
    width: auto;
    margin-right: 10px;
}

.block-gray-fact {
    padding: 0px;
    overflow: hidden;
}

    .block-gray-fact h4 {
        font-family: 'movistar_textbold';
    }

.table > tbody > tr > th.left-text {
    text-align: left;
}

#accordion a.link-paragraph {
    text-decoration: underline;
    color: #119cbf;
}

.panel.panel-default.out-border {
    border: 0;
}

td .price-value.font-min {
    font-family: 'movistar_textbold';
}

.left-block {
    width: 80%;
    float: left;
}

.block-complete .form-actions {
    width: 50%;
    float: right;
    margin: 0;
}

.right-block {
    width: 20%;
    float: right;
    text-align: right;
}

.block-blue-bg {
    background-color: #F2FAFC;
    overflow: hidden;
    padding: 10px 20px;
    color: #4DB5C8;
}

.table-different table tbody tr.tables td,
.block-blue-bg {
    font-family: 'movistar_textbold';
}

    .block-blue-bg a {
        font-family: 'movistar_textregular';
        font-size: 1.15em;
        text-decoration: underline;
    }

    .block-blue-bg p {
        margin: 0;
        font-size: 1.2em;
    }

.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: transparent;
}

.panel-group .panel-heading + .panel-collapse > .list-group,
.panel-group .panel-heading + .panel-collapse > .panel-body {
    border-top: none;
}

.content-panel {
    padding: 0 20px;
}

.number-line-btn {
    float: right;
}

    .number-line-btn .btn {
        padding: 7px 30px;
    }

.right-link {
    text-align: right;
}

.servicios-adicionales .label-col {
    width: auto;
}

.block-additional-services {
    margin: 10px 0 0;
}

#content-center .tabpanelcontent #sidebarfirst {
    width: 100%;
}

#content-center .tabpanelcontent .content-center.tabs {
    width: 100%;
}

    #content-center .tabpanelcontent .content-center.tabs .content-product .content-product {
        width: 25%;
        float: left;
        border-right: 2px solid #eff0f3;
        padding: 15px 10px;
        margin: 20px 0;
    }

.tabpanelcontent .content-center.tabs {
    padding: 0;
    width: 79%;
    float: right;
}

.block-price {
    font-size: 1.4em;
}

.price-producto {
    margin: 5px auto;
}

.sub-menu li.text-green {
    color: #9BBA66;
}

.button-next {
    text-align: right;
}

.form-button input {
    width: auto;
    float: right;
}

.form-colum-x2 .form-group.file-requeride {
    clear: left;
    width: 48%;
    margin: 15px 1%;
}

.form-hor .form-textarea .label-col,
.form-hor .form-textarea .fields-col {
    width: 98%;
    margin: 5px 0 0 0;
    float: left;
}

.block-title-gray,
thead.bg-gray > tr > th {
    background: #f5f5f7;
    color: #005D7D;
    padding: 10px 0;
}

.block-title-gray {
    padding: 10px 20px;
}

.info-top p {
    float: left;
    width: 80%;
}

.btn-compare,
input[type="submit"].btn-compare {
    background: #f4f9fc;
    color: #119cbf;
    border: #65bed5 solid 1px;
}

    .btn-compare:hover {
        background: #65bed5;
        color: #fff;
    }

.block-table.out-border tr {
    border-bottom: 1px solid #ddd;
}

    .block-table.out-border td,
    .block-table.out-border tr.border-last {
        border: 0;
    }

.table-text-grey td {
    color: #515559;
}

.text-bold {
    font-family: 'movistar_textbold';
}

td.text-light-blue {
    color: #239FBF;
}

.block-table.out-border tr.hide-desktop,
.block-table.out-border .hide-desktop tr.last {
    border-bottom: 0;
}

.ico-select-team {
    background: url("../images/ico-seleccion-equipo.png") left center no-repeat;
}

.ico-seleccionar-plan {
    background: url("../images/ico-seleccion-plan.png") left center no-repeat;
}

.light-blue-bg {
    background: #F2FAFC;
    font-family: 'movistar_textbold';
    color: #2299C0;
}

    .light-blue-bg p {
        color: #2299C0;
        float: left;
        max-width: 50%;
        margin: 0;
        width: auto;
        min-width: 25%;
    }

    .light-blue-bg a {
        padding-left: 20px;
        text-decoration: underline;
        float: left;
        width: auto;
        font-family: 'movistar_textregular';
    }

.text-light-blue {
    color: #4DB5C8;
}

.valid-order {
    overflow: hidden;
    margin: 0 0 15px;
    padding-left: 70px;
}

.right-valid-order {
    float: right;
    width: 45%;
    text-align: right;
}

.valid-order p {
    float: left;
    width: 55%;
}

.left-result-block {
    float: left;
    width: 45%;
    color: #2299C0;
    font-family: 'movistar_textbold';
}

.block-result-table .block-complete .left-result-block {
    width: 70%;
}

.block-result-table .block-complete .right {
    width: auto;
}

.block-pay-methods {
    padding: 30px 18px 20px;
    border: #edeff0 solid 1px;
    margin: 10px 0;
    overflow: hidden;
}

    .block-pay-methods h3 {
        font-size: 18px;
        color: #119cbf;
        font-family: 'movistar_textregular';
        margin: 0 0 20px;
    }

    .block-pay-methods h5 {
        margin: 20px 0 25px;
        font-size: 15px;
        font-family: 'movistar_textregular';
    }

        .block-pay-methods h5 span {
            color: #005c84;
        }

    .block-pay-methods label {
        font-size: 15px;
        margin-right: 20px;
        color: #515559;
        background: none;
        margin: 0 15px 0 0;
    }

.block-ckeckbox {
    margin: 20px 0;
    padding: 10px 20px;
}

    .block-ckeckbox > div {
        margin: 10px 0;
    }

        .block-ckeckbox > div label {
            color: #515559;
            margin: 10px 20px 10px 0;
        }

    .block-ckeckbox .form-control {
        display: inline-block;
        width: auto;
        min-width: 180px;
    }

.x2-left {
    float: left;
    width: 60%;
}

.x2-right {
    float: right;
    margin: 0;
    width: 40%;
    text-align: right;
}

.table-result-item {
    overflow: hidden;
}

.add-titles {
    padding-left: 70px;
}

.toltip {
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url("../images/tooltip_ico.png") left center no-repeat;
    margin: 0 0 0 5px;
    position: relative;
    top: 5px;
}

.left-result-block .form-group {
    margin: 10px 0;
}

.tooltip-inner {
    background-color: #fff;
    color: #119CBF;
    border: #119CBF solid 1px;
    box-shadow: 0 0 10px #119CBF;
    opacity: 1;
}

.rows-table {
    overflow: hidden;
    margin: 0 0 20px 0;
    font-size: 1.1em;
}

a.link-paragraph {
    padding-left: 10px;
}

.ico-compare-teams1 {
    background: url("../images/ico_comparar2.jpg") left center no-repeat;
}

.info-plan-seleccion .ico-compare-teams {
    padding: 14px 0 12px 65px;
}

.table-different td,
.table-different .table > tbody > tr > th,
.table.table-margin.table-different table tr td {
    border-top: 0;
    border-bottom: 0;
    border-left: 1px solid #ddd;
}

.table.table-margin.table-different table tr td {
    font-size: 1.1em;
}

.table-different.out-thead thead {
    display: none;
}

.table-different .table > tbody > tr > td.left-text {
    text-align: left;
    font-weight: normal;
}

.table-different table .table-mobile,
.table-mobile tr.last {
    border: 0;
}

.table-different table .table-mobile {
    border-collapse: collapse;
    border-spacing: 0;
}

.table-mobile tr {
    border-bottom: 1px solid #ddd;
}

.light-blue-bg.tables > th {
    font-size: 1.1em;
    border-right: 1px solid #ddd;
    padding: 5px 20px;
}

.table-different table {
    border: #ddd solid 1px;
    margin: 0;
    width: 100%;
}

    .table-different table tr td {
        border-left: 20px solid #fff;
    }

    .table-different table tr.tables td {
        border: 0;
    }

.table > tbody > tr.last > td,
.table > tbody > tr.last > th,
.table > thead > tr.last > td,
.table > thead > tr.last > th {
    border: 0;
}

.table-different table thead tr th {
    border-left: 1px solid #ddd;
    border-right: 0;
}

th.left-text.light-blue-text {
    padding-left: 25px;
}

.content-product.results,
.content-product.lines {
    width: 95%;
    float: left;
    border: 0;
    background-color: #f8f8f9;
    min-width: 150px;
    position: relative;
}

    .content-product.lines .title-line > a,
    .close-plan {
        position: absolute;
        top: -5px;
        right: -5px;
    }

    .content-product.lines .form-actions {
        margin: 15px 0 0 0;
    }

    .content-product.lines h3 {
        background: url("../images/plan_ico.png") left center no-repeat;
        font-size: 1.3em;
        margin: 0;
        padding-left: 40px;
        min-height: 33px;
        padding-top: 3px;
    }

.content-product.lines {
    text-align: left;
}

.content-product.results .block-complete .form-actions {
    float: none;
    width: 100%;
    text-align: left;
    margin: 10px 0 0;
}

.table-different .content-product.results .block-complete .form-actions {
    text-align: center;
}

.content-product.results .block-complete {
    text-align: left;
    margin: 10px 0 0;
}

tr.equipment-results td,
tr.compare-lines td {
    width: 20%;
}

.title-line {
    color: #005D7D;
}

.tablesaw-bar {
    display: block;
    position: absolute;
    width: 100%;
    top: 0;
}

.table-different.out-thead {
    padding-top: 50px;
}

.carousel_frame.carousel-modal .items_content .items_c li {
    display: inline-block;
    border-bottom: 0;
}

.carousel_frame.carousel-modal .to_left,
.slick-prev,
.slick-prev:hover {
    background-image: url("../images/control_arrow_modal.png");
    height: 54px;
    background-position: left center;
    width: 18px;
    margin: 20px 0;
    float: left;
}

.carousel_frame.carousel-modal .to_right,
.slick-next,
.slick-next:hover {
    background-image: url("../images/control_arrow_modal.png");
    height: 54px;
    background-position: right center;
    width: 18px;
    float: right;
    margin: 20px 0;
}

.carousel_frame.carousel-modal .items_content {
    position: absolute;
    min-height: 100%;
    height: 130px;
}

.carousel_frame.carousel-modal .mask_content {
    min-height: 130px;
    height: auto;
    margin: 0 20px;
    color: #005D7D;
    max-width: 440px;
    float: left;
    width: 100%;
}

    .carousel_frame.carousel-modal .mask_content .items_content .items_c {
        width: 99999px;
    }

.btn-default.btn-add {
    background: url("../images/+.png") 92% center no-repeat #119cbf;
    float: left;
    padding: 8px 40px 8px 15px;
}

    .btn-default.btn-add:hover {
        background-color: #115B84;
    }

.table-different.out-thead table tr th {
    text-align: left;
    padding-left: 20px;
}

.table-different.out-thead .table > tbody > tr.tables > th {
    border: 0;
}

.content-product.block {
    width: 100%;
    float: none;
    border: 0;
    overflow: hidden;
    padding: 20px 0 40px;
}

    .content-product.block .block-right-product {
        float: left;
        width: 80%;
        margin-left: 40px;
    }

    .content-product.block .block-left-product {
        width: 15%;
    }

    .content-product.block .text-description {
        padding: 0 0 10px;
    }

    .content-product.block .image-producto {
        background-color: #FBFBFB;
        padding: 20px;
        border: #F0F2F1 solid 2px;
    }

    .content-product.block .referenece-text {
        font-size: 1.25em;
    }

.table > tbody > tr > td.level-two {
    padding: 5px 20px;
}

.table > tbody > tr > td.level-three {
    padding: 5px 35px;
}

#accordion .panel-default > .panel-heading a.intern-link-panel {
    background: none;
    display: inline-block;
    float: right;
    text-decoration: underline;
    font-size: 0.8em;
    font-family: 'movistar_textbold';
}

.number-line-btn.center {
    float: none;
    text-align: center;
    margin: 20px 0 0;
}

.borders {
    border-bottom: 1px solid #ddd;
    margin: 20px 0 0;
}

.blocks-form {
    margin: 0 0 25px;
    padding: 0 20px;
    overflow: hidden;
}

.form-group.radios {
    width: 46%;
    float: left;
}

.form-hor .form-group.radios .label-col {
    width: auto;
}

.form-group.radios.block .label-col {
    width: 100%;
    margin-bottom: 15px;
}

.title-left,
.form-group.radios.block .label-col {
    font-family: 'movistar_textbold';
}

.info-block {
    margin: 20px 0;
    overflow: hidden;
    clear: both;
}

.title-left {
    margin-right: 5px;
}

.blocks-form.bg {
    background: #EEF2F5;
    margin: 0 20px;
    padding: 20px;
}

.form-group.radios .label-col label {
    color: #515559;
}

.titles {
    font-size: 1.2em;
    margin: 15px 0;
}

a.right {
    float: right;
}

a.left {
    margin: 0;
}

.fields-col.block textarea {
    width: 100%;
    background-color: #F1F2F6;
    border-color: #E8E9ED;
}

.store-name {
    color: #000;
}

.departament,
.country {
    color: #515559;
}

.message-confirmation p,
.message-confirmation > a {
    padding-left: 60px;
}

.block-team-select {
    text-align: center;
    margin: 20px 0 50px;
}

.block-form-x3 .form-group {
    float: left;
    margin: 0 20px 0 0;
}

.form-hor .block-form-x3 .label-col {
    width: 100%;
    padding: 0;
}

.select-payment,
.block-after-payment {
    border: #ddd solid 1px;
    margin: 20px 0 40px;
}

.block-after-payment {
    padding: 20px;
}

.select-payment {
    padding: 40px 20px;
}

    .select-payment .titles {
        margin: 0 0 30px;
    }

.inline-form {
    display: inline-block;
}

.form-group.radios.inline-form {
    float: left;
    width: auto;
    margin: 5px 15px 0 0;
}

.form-group.inline-form.input {
    width: 80%;
    margin: 5px 0 0;
}

.form-x2.new {
    display: inline-block;
    width: 48%;
}

.form-hor .form-x2.new .label-col {
    width: 100%;
}

.form-btn {
    margin: 40px 0;
    overflow: hidden;
    padding-bottom: 2px;
}

    .form-btn.r33 {
        margin-right: 33px;
    }

.block-level {
    margin: 40px 20px 0;
}

.select-credit-card,
.select-upon-delivery,
.select-deferred-payment {
    overflow: hidden;
    clear: both;
    padding: 10px 23px;
}

    .select-credit-card input {
        display: none;
    }

    .select-credit-card label {
        margin: 0;
        padding: 0;
    }

.name-user,
.expiration-date {
    color: #515559;
}

.select-credit-card .form-group {
    margin: 20px 0 0;
}

.step-numbers-wrapper.panels {
    margin-bottom: 30px;
}

.wrapper-select .form-control.white {
    background: url("bg-select.png") right center no-repeat #FFF;
}

.result-deferred-payment {
    display: inline-block;
    min-width: 10%;
    width: auto;
    border-right: 2px solid #ddd;
    padding: 0 15px;
}

    .result-deferred-payment.last {
        border-right: 0;
    }

.select-deferred-payment .form-group {
    float: left;
    width: 50%;
}

.select-deferred-payment .label-col {
    margin-top: 6px;
}

.select-deferred-payment .fields-col {
    width: auto;
    margin: 0;
}

.block.form-colum-x2 .form-group {
    margin-left: 0;
    margin-right: 25px;
}

.block.form-colum-x2 {
    margin: 40px 0 0;
}

    .block.form-colum-x2 .label-col {
        min-width: 25%;
        width: auto;
    }

.block-level.after-pay {
    margin: 50px 20px;
}

tr.border-top-gray {
    border-top: 1px solid #ddd;
}

p.active .text-carrito {
    color: #005D7D;
}

p .text-carrito {
    color: #93989C;
}

.product-classification li {
    background: url("../images/empty_star.png") center center no-repeat;
    height: 17px;
    display: inline-block;
    width: 12px;
}

    .product-classification li.selected,
    .product-classification li:hover {
        background: url("../images/full_star.png") center center no-repeat;
    }

td.price-table {
    background-color: #f4f9fc;
}

.row.abonado-layout {
    margin: 0 -7px;
}

    .row.abonado-layout > .col-md-8,
    .row.abonado-layout > .col-md-4 {
        padding: 0 7px;
    }

.abonado-info h3.title-info {
    margin: 0;
    padding: 16px 16px 25px;
    border-bottom: 1px solid #eee;
    color: #6dbf43;
    font-weight: bold;
    font-family: movistar_textregular;
    font-size: 22px;
}

h3.title-info.blue {
    color: #119cbf;
}

.abonado-info .decription-info {
    padding: 16px;
}

    .abonado-info .decription-info > h4 {
        font-family: movistar_textregular;
        font-size: 19px;
        margin: 1em 0 1.5em;
    }

table.atribute-table tbody tr td {
    border: none;
    border-bottom: 1px solid #efefef;
    padding: 16px;
    text-align: left;
    font-size: 14px;
}

    table.atribute-table tbody tr td:last-child {
        text-align: right;
    }

table.atribute-table tfoot tr td {
    padding: 16px 20px;
    text-align: right;
}

table.atribute-table tfoot a {
    text-decoration: underline;
}

.call-to-action {
    padding: 25px 15px 15px;
    overflow: hidden;
}

.widget-block {
    padding: 30px;
    background: #efefef;
    margin-top: 10px;
}

    .widget-block h3 {
        font-size: 18px;
        font-family: movistar_textbold;
        margin: 0 0 20px;
    }

    .widget-block nav.widget-menu ul li {
        padding: 3px 0;
        padding-left: 15px;
        position: relative;
    }

        .widget-block nav.widget-menu ul li:before {
            content: "";
            border: transparent solid 5.5px;
            border-left-color: #004872;
            position: absolute;
            top: 50%;
            margin-top: -2px;
            left: 0;
        }

        .widget-block nav.widget-menu ul li a {
            text-decoration: underline;
            font-family: 'movistar_textregular';
        }

    .widget-block.blue-block {
        background: #F6F7FB;
        font-size: 16px;
    }

        .widget-block.blue-block h3 {
            color: #0096B4;
            font-size: 1.3em;
        }

        .widget-block.blue-block nav.widget-menu ul li a {
            color: #65696C;
            text-decoration: none;
        }

.device-info-list ul li {
    padding: 10px 0;
    font-size: 16px;
}

    .device-info-list ul li span {
        color: #239FBF;
        display: inline-block;
        width: 70px;
    }

.alert-abonado {
    margin: 10px 0 25px;
}

    .alert-abonado .alert-ico-bg {
        left: 0;
        top: 50%;
        margin-top: -26px;
    }

    .alert-abonado .alert-ico-content {
        padding: 10px 6px 10px 70px;
        border-radius: 30px 0 0 30px;
    }

    .alert-abonado.alert-ico p {
        margin: 5px 0 !important;
    }

figure.img-suspended-device {
    margin: 10px 0;
}

.device-suspended-info {
    margin: 30px 0;
}

.abonado-info .device-suspended-info h4 {
    margin: 20px 0 15px;
    color: #119cbf;
    font-size: 22px;
}

.abonado-info .device-suspended-info p {
    font-size: 16px;
}

    .abonado-info .device-suspended-info p strong {
        font-family: 'movistar_headlineregular';
    }

.abonado-info .device-suspended-info ul {
    margin: 20px 0 10px;
}

    .abonado-info .device-suspended-info ul li {
        padding: 2px 0;
    }

.panel-message {
    padding: 20px;
    background: #f4f5f6;
    margin: 6px 0;
}

    .panel-message > p {
        margin-bottom: 15px;
    }

        .panel-message > p:last-child {
            margin: 0;
        }

table.table-services {
    margin: 0;
    margin-bottom: 20px;
    border: none;
}

    table.table-services thead.last tr td {
        border-bottom: 0;
    }

    table.table-services thead tr td {
        border-bottom: 2px solid #dce0e5;
        padding: 10px 5px;
        font-size: 15px;
    }

    table.table-services tbody tr td {
        font-size: 1.1em;
        border: none;
        border-bottom: 1px solid #eceeef;
        text-align: left;
        vertical-align: middle;
        padding: 2px 20px;
    }

    table.table-services td.price-text {
        color: #006386;
        text-align: right;
    }

.select-yes-no {
    width: 200px;
}

table.table-services tbody tr td.text-right {
    text-align: right;
}

table.table-services tbody tr:last-child td {
    border: none;
}

table.table-services tbody tr td strong {
    color: #005c84;
}

table.table-services a.change-password {
    text-decoration: underline;
    line-height: 28px;
}

table.table-services .radio label {
    color: #515559;
}

.banner-slider {
    margin-bottom: 35px;
}

    .banner-slider .bx-wrapper img {
        max-width: 100%;
    }

    .banner-slider .bx-wrapper .bx-viewport {
        margin-bottom: 10px;
    }

    .banner-slider .bx-wrapper .bx-controls .bx-pager {
        text-align: center;
    }

        .banner-slider .bx-wrapper .bx-controls .bx-pager > div {
            display: inline-block;
        }

            .banner-slider .bx-wrapper .bx-controls .bx-pager > div a {
                display: block;
                width: 11px;
                height: 11px;
                border-radius: 50%;
                text-indent: -9999px;
                background: #b1deea;
                margin: 4px;
            }

                .banner-slider .bx-wrapper .bx-controls .bx-pager > div a:hover,
                .banner-slider .bx-wrapper .bx-controls .bx-pager > div a.active {
                    background: #005c84;
                }

.page-title > div.meta-info-client {
    margin: -5px 0 10px;
    padding: 0 0 0 65px;
}

.meta-info-client h4 {
    color: #005c84;
    font-size: 20px;
    font-family: 'movistar_textregular';
    margin: 0;
}

    .meta-info-client h4 span,
    .phone-number {
        font-family: 'movistar_textbold';
        color: #6ebe44;
    }

.meta-info-client a.return-store {
    padding: 0;
    font-size: 14px;
}

#block-details {
    padding: 20px;
    margin: 30px 0;
    border: #dce0e5 solid 1px;
}

    #block-details .info-plan {
        padding: 20px;
        background: #f6f7f8;
    }

        #block-details .info-plan h5 {
            font-size: 16px;
            color: #005c84;
            font-family: 'movistar_textregular';
            margin: 0;
        }

        #block-details .info-plan h3 {
            color: #005c84;
            font-size: 24px;
            font-family: 'movistar_textregular';
            margin: 0 0 15px;
        }

        #block-details .info-plan .price-plan {
            color: #119cbf;
            text-align: right;
            font-size: 36px;
            font-family: 'movistar_textbold';
            margin: 20px 0;
        }

            #block-details .info-plan .price-plan.price-plan-blue {
                color: #005c84;
            }

            #block-details .info-plan .price-plan p.number {
                margin: 20px 0 0;
                line-height: 1;
            }

                #block-details .info-plan .price-plan p.number span {
                    font-size: 20px;
                    font-family: 'movistar_textregular';
                }

            #block-details .info-plan .price-plan small {
                font-size: 18px;
                font-family: 'movistar_textregular';
            }

    #block-details .call-to-action-bottom {
        margin: 30px 0 0;
    }

table.table-details-plan {
    margin: 40px 0;
}

    table.table-details-plan thead tr td {
        padding: 12px 30px;
        background: #eef8fa;
        color: #119cbf;
        font-size: 18px;
        font-family: 'movistar_textbold';
    }

    table.table-details-plan tbody tr td {
        text-align: left;
        padding: 10px 20px;
        border: none;
        border-bottom: 1px solid #e9ebed;
        font-size: 16px;
        font-weight: 600;
    }

        table.table-details-plan tbody tr td:last-child {
            text-align: right;
            font-weight: 400;
        }

    table.table-details-plan tbody tr:last-child td {
        border: none;
    }

.results-block .item-block header {
    padding: 15px 30px;
    background: #eef8fa;
}

    .results-block .item-block header h5 {
        margin: 0;
        font-size: 18px;
        color: #119cbf;
        font-family: 'movistar_textbold';
    }

.results-block .item-block .item-search {
    padding: 30px;
    border-bottom: 1px solid #dce0e5;
    margin-bottom: 30px;
}

    .results-block .item-block .item-search:last-child {
        border: none;
    }

.product-search .left-product {
    margin-right: 20px;
    float: left;
}

.text-mes {
    font-size: 0.8em;
}

.product-search .right-product h3 {
    color: #005c84;
    font-size: 18px;
    font-family: 'movistar_textregular';
    margin: 10px 0;
}

.results-block .item-block .price-producto {
    padding: 30px 0 0;
}

    .results-block .item-block .price-producto .price-value {
        font-size: 36px;
    }

.results-block .item-block .info-search h4 {
    color: #005c84;
    font-size: 18px;
    margin: 20px 0 10px;
    font-family: 'movistar_textregular';
}

.panel-block {
    padding: 20px 30px;
    background: #efefef;
    margin-bottom: 20px;
}

    .panel-block.blue-block {
        background: #e5eef2;
    }

.accordion-configuracion-plan .panel-collapse {
    border: #dce0e5 solid 1px;
    margin-bottom: 30px;
}

    .accordion-configuracion-plan .panel-collapse .panel-body {
        padding: 10px 15px;
        margin: 0;
    }

#device-selected {
    margin: 30px 0;
}

    #device-selected:after {
        display: block;
        content: "";
        clear: both;
    }

    #device-selected figure {
        width: 180px;
        padding: 20px 10px;
        background: #fbfbfb;
        border: #eff0f2 solid 1px;
        float: left;
        text-align: center;
        margin-bottom: 20px;
    }

    #device-selected .caption-device {
        margin-left: 200px;
    }

        #device-selected .caption-device h3 {
            color: #005c84;
            font-size: 20px;
            font-family: 'movistar_textregular';
            margin: 0;
        }

        #device-selected .caption-device .price {
            color: #005c84;
            font-size: 18px;
        }

            #device-selected .caption-device .price big {
                font-size: 36px;
                font-family: 'movistar_textbold';
            }

            #device-selected .caption-device .price small {
                font-size: 15px;
            }

.change-functions .abonado-info .decription-info {
    padding: 20px 0;
}

    .change-functions .abonado-info .decription-info #accordion {
        margin: 0 -20px;
    }

.page-title .ico-orders {
    background: url(../images/ico-orders.png) 0 0 no-repeat;
    padding: 12px 0 12px 65px;
}

.text-showing {
    float: left;
}

#orders-list {
    padding: 0;
}

    #orders-list .item-order {
        margin: 10px 0;
        clear: both;
    }

        #orders-list .item-order header {
            height: 50px;
            background: #a8cf38;
            padding: 0 0 0 40px;
            color: #fff;
            display: table;
            width: 100%;
            position: relative;
        }

            #orders-list .item-order header:before {
                content: "";
                display: block;
                height: 100%;
                width: 40px;
                background: url(../images/icon-device.png) center center no-repeat;
                position: absolute;
                top: 0;
                left: 0;
            }

            #orders-list .item-order header .inner {
                display: table-cell;
                vertical-align: middle;
            }

            #orders-list .item-order header * {
                margin: 3px 0;
                font-family: 'movistar_textregular';
            }

            #orders-list .item-order header h3 {
                font-size: 20px;
            }

            #orders-list .item-order header h5 {
                font-size: 13px;
                font-style: italic;
            }

        #orders-list .item-order .itemt-content {
            border: #dce0e5 solid 1px;
            padding: 3%;
            font-size: 16px;
        }

            #orders-list .item-order .itemt-content .list-info li {
                margin: 12px 0;
            }

                #orders-list .item-order .itemt-content .list-info li span {
                    width: 180px;
                    display: inline-block;
                    color: #119cbf;
                }

            #orders-list .item-order .itemt-content .actions {
                text-align: right;
            }

.form-group.radios.block {
    width: 100%;
}

.filter-orders-box {
    padding: 25px;
    border: #dce0e5 solid 1px;
    margin: 20px 0;
}

    .filter-orders-box header {
        border-bottom: 2px solid #dee2e7;
        margin-bottom: 20px;
    }

        .filter-orders-box header h2 {
            margin: 0 0 20px;
        }

form#filter-orders .form-group {
    padding: 0 20px;
    margin: 20px 0;
}

    form#filter-orders .form-group .radio input {
        margin-right: 15px;
    }

    form#filter-orders .form-group .radio label {
        color: #515559;
    }

    form#filter-orders .form-group label {
        font-size: 16px;
        margin-right: 20px;
    }

    form#filter-orders .form-group .form-control {
        min-width: 200px;
    }

    form#filter-orders .form-group .wrapper-select {
        display: inline-block;
    }

.filter-orders-box.filter-orders-results {
    padding: 0;
}

    .filter-orders-box.filter-orders-results header {
        padding: 28px 30px;
        border: none;
        margin: 0;
    }

        .filter-orders-box.filter-orders-results header h2 {
            font-family: 'movistar_textregular';
            font-size: 15px;
            color: #119cbf;
            margin: 0;
        }

            .filter-orders-box.filter-orders-results header h2.pagination-title {
                font-family: "movistar_headlineregular";
                font-size: 27px;
                color: #515559;
                margin: 0;
            }

.filter-orders-results table {
    margin: 0;
    width: 100%;
}

    .filter-orders-results table thead tr th {
        background: #119cbf;
        padding: 15px !important;
        text-align: left;
        border: none;
        font-size: 18px !important;
    }

    .filter-orders-results table .blank {
        width: 20px;
        padding: 0;
        border: none;
    }

    .filter-orders-results table tbody {
        padding: 0 10px;
    }

        .filter-orders-results table tbody tr td {
            border: none;
            text-align: left;
            padding: 15px;
            border-bottom: 1px solid #dce0e5;
            font-size: 16px;
        }

        .filter-orders-results table tbody tr:last-child td {
            border: none;
        }

.page-title .ico-car {
    background: url("../images/ico-car.png") left center no-repeat;
}

.car-buttons {
    margin: 0 0 15px;
}

.supercarga-detail {
    border: #e9ebed solid 1px;
    padding: 20px;
}

    .supercarga-detail > .box {
        padding: 25px;
        background: #f8f9fa;
        margin-bottom: 30px;
        position: relative;
    }

        .supercarga-detail > .box h2 {
            font-size: 30px;
            color: #005c84;
            font-family: 'movistar_textbold';
            margin: 0 0 10px;
        }

        .supercarga-detail > .box .list-time {
            list-style: none;
            margin: 30px 0;
        }

            .supercarga-detail > .box .list-time li {
                display: inline-block;
                margin-right: 20px;
                padding-right: 20px;
                border-right: 1px solid #dce0e5;
                font-size: 40px;
                color: #005c84;
                font-family: 'movistar_textbold';
                line-height: 40px;
            }

                .supercarga-detail > .box .list-time li:last-child {
                    border: none;
                }

                .supercarga-detail > .box .list-time li span {
                    font-size: 20px;
                }

        .supercarga-detail > .box .form-btn {
            margin: 30px 0 0;
        }

        .supercarga-detail > .box .price-box {
            position: absolute;
            top: 0;
            right: 50px;
            background: #edb613;
            color: #fff;
            text-align: center;
            width: 100px;
            box-shadow: 0 7px 0 -4px #dce0e5;
        }

            .supercarga-detail > .box .price-box:before {
                content: "";
                display: block;
                position: absolute;
                border: transparent solid 50px;
                border-top-width: 90px;
                border-left: none;
                border-top-color: #eaecef;
                border-right-color: #eaecef;
                right: -50px;
                border-bottom-width: 100px;
            }

            .supercarga-detail > .box .price-box .by {
                font-size: 18px;
                padding: 2px 0;
                background: #ffbf00;
            }

            .supercarga-detail > .box .price-box .price {
                padding: 10px 0;
                font-size: 30px;
                font-family: 'movistar_textbold';
            }

                .supercarga-detail > .box .price-box .price span {
                    font-size: 13px;
                }

                .supercarga-detail > .box .price-box .price sup {
                    font-size: 12px;
                    top: -18px;
                }

    .supercarga-detail .table-recarga header {
        margin: 0 -20px;
        padding: 18px 30px;
        background: #dcf0f5;
    }

        .supercarga-detail .table-recarga header h4 {
            margin: 0;
            font-size: 18px;
            color: #119cbf;
            font-family: 'movistar_textbold';
        }

    .supercarga-detail .table-recarga table {
        margin: 10px 0;
    }

        .supercarga-detail .table-recarga table tbody tr td {
            margin: 0;
            border: none;
            border-bottom: 1px solid #dce0e5;
            padding: 8px 20px;
            text-align: left;
            font-size: 1.1em;
        }

.checkbox + .checkbox,
.radio + .radio {
    margin-top: 0;
}

#accordion .panel-default.block-filtrer > .panel-heading {
    background-color: #F1F2F6;
    border-bottom: 1px solid #BFDCE8;
    border-color: transparent;
    padding: 0;
    border-right: 0;
    font-size: 0.8em;
}

.panel-default.block-filtrer {
    border-color: #BFDCE8;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    background-color: transparent;
    border-radius: 0;
}

    .panel-default.block-filtrer .panel-title {
        margin: 0;
    }

#accordion .panel-default.block-filtrer > .panel-heading h4 {
    font-size: 1.2em;
}

#accordion .panel-default.block-filtrer > .panel-heading a {
    color: #515559;
    background: url('../images/arrow-top-filt.png') right center no-repeat;
    border-top: 1px solid #BFDCE8;
    padding: 10px 0;
}

    #accordion .panel-default.block-filtrer > .panel-heading a.collapsed {
        background: url('../images/arrow-down-filt.png') right center no-repeat;
        border: 0;
    }

.result-next-message {
    margin: 30px 0 0;
    overflow: hidden;
}

.form-hor .result-next-message .label-col {
    min-width: 12%;
    width: auto;
}

.form-hor.form-row .blocks-form .fields-col.block {
    width: 100%;
}

.button {
    margin: 2px 20px;
}

.form-search-device .form-group {
    margin: 5px 0;
}

.form-search-device .panel {
    margin-bottom: 0;
}

.form-search-device .title-form {
    border-bottom: 1px solid #BFDCE8;
    padding-bottom: 10px;
    margin-bottom: 5px;
}

.right-result-block .x2-left.principal-text {
    color: #004575;
    font-family: 'movistar_textbold';
    font-size: 1.05em;
}

.right-result-block .x2-left {
    float: left;
    width: 60%;
    text-align: right;
    font-size: 1.02em;
}

.cellphone-number {
    display: block;
    font-size: 0.8em;
}

.block-after-payment label,
.select-payment label {
    color: #515559;
}

#content {
    padding: 1% 0;
}

.toogle_mobile {
    background: url('../images/plus+.jpg') right center no-repeat;
    width: 18px;
    height: 18px;
    float: right;
    margin: 3px 0 0;
    cursor: pointer;
}

.form-bg-gray .title-form {
    cursor: pointer;
    margin: 0;
}

.block-complete .select-buy .form-group {
    margin: 0;
}

.page-user-view-history-commerce .page-header,
.tablesaw-bar,
.only-desktop {
    display: none;
}

.blocks-form .label-col.automatic {
    min-width: 25%;
}

.button-right.aling {
    padding-right: 2%;
    margin: 20px 0;
}

.form-button.inline {
    text-align: left;
    float: left;
    margin: 40px 0 0;
}

.result-deferred-payment.first {
    padding-left: 0;
}

.right-valid-order .btn-compare.btn {
    margin-bottom: 10px;
}

.table-different .row-custom-toggle table {
    width: 80%;
    margin: auto;
    border: 0;
}

.table-different .row-custom-toggle > td,
.table.table-margin.table-different table .row-custom-toggle > td {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

    .table-different .row-custom-toggle > td th,
    .table-different .row-custom-toggle > td td,
    .table.table-margin.table-different table .row-custom-toggle > td th,
    .table.table-margin.table-different table .row-custom-toggle > td td {
        border: 0;
    }

.table .table {
    background-color: #fff;
    border-color: #DDD;
}

.block-additional-services .panel.panel-default {
    border-radius: 0;
    border: #ddd solid 1px;
}

.level-intern td {
    padding: 0 40px;
}

.block-notification {
    margin: 5px 20px;
}

.form-group.table label {
    font-size: 1.05em;
    color: #515559;
}

td.font-10 {
    font-size: 1.2em !important;
    padding: 10px 20px;
}

.mis-selecciones {
    background-color: #D3E5E9;
    padding: 10px;
    margin: 10px 0;
}

    .mis-selecciones h3 {
        font-family: 'movistar_textbold';
        margin: 0;
        color: #115882;
        font-size: 1.1em;
    }

    .mis-selecciones .seleecion-item {
        overflow: hidden;
        margin: 5px 0 0;
    }

        .mis-selecciones .seleecion-item a {
            background: url('../images/delete-icon.png') right center no-repeat;
            width: 22px;
            height: 22px;
            float: right;
        }

.info-plan-seleccion {
    border: #E6E7E8 solid 1px;
    padding: 3%;
    margin: 20px 0;
}

    .info-plan-seleccion .text-description {
        padding: 0;
    }

    .info-plan-seleccion h2 {
        color: #005D7D;
        margin: 0 0 10px 0;
    }

    .info-plan-seleccion .block-span {
        display: inline;
        font-size: 0.8em;
        margin-right: 10px;
    }

.summary-purchases {
    background-color: #ddebed;
    padding: 15px 37px;
    margin: 0 0 20px 0;
}

    .summary-purchases .form-group {
        margin: 5px 0;
    }

.form-group.form-result .label-col {
    margin: 0;
}

.label-col.auto {
    width: 20%;
}

.form-roaming,
.title-info {
    padding-left: 15px;
}

.form-colum-x2.row-one .form-group.form-text {
    display: block;
}

.form-roaming .label-col,
.form-roaming .fields-col {
    float: left;
    width: auto;
}

.form-roaming .label-col {
    margin-top: 6px;
    min-width: 10%;
}

    .form-roaming .label-col label,
    .form-colum-x2.row-one .label-col label {
        color: #515559;
    }

    .form-roaming .label-col label {
        font-size: 1.2em;
    }

.form-roaming .fields-col {
    width: 20%;
}

a.edit {
    font-family: 'movistar_textregular';
    padding-left: 40px;
}

.level-intern {
    padding-left: 25px;
}

.page-title > div.add-titles {
    padding: 1px 0 11px 65px;
    color: #015F87;
    font-size: 1.3em;
    margin-bottom: 20px;
}

.green-text.number {
    font-family: 'movistar_textbold';
}

.add-titles .return-store.block {
    padding-left: 0;
    font-size: 0.9em;
}

.add-titles > span {
    display: block;
    font-size: 1.3em;
}

.intern-title {
    color: #009DBD;
    border-bottom: 1px solid #ddd;
    font-size: 1.7em;
    padding: 0 0 10px 0;
}

.link-left a {
    text-decoration: underline;
}

.block-promo {
    background-color: #F8F9FB;
    width: 98%;
    margin: 1%;
    float: left;
    position: relative;
    padding: 10px;
}

.block-final-price {
    float: right;
    font-size: 1.1em;
    color: #219CBE;
    font-family: 'movistar_textbold';
    min-width: 165px;
}

    .block-final-price .total-price {
        font-size: 1.3em;
        line-height: 1;
    }

    .block-final-price p {
        margin: 0;
    }

.minutes-number {
    font-size: 2.3em;
    padding-right: 5px;
}

.plan-promo {
    width: 58%;
    float: left;
    margin: 16px 0 0;
    font-size: 0.9em;
}

.block-promo .link-left {
    margin: 12px 0 0;
}

.content-promo {
    border-right: 1px solid #ddd;
    padding: 0 5px;
}

.title-promo,
.content-promo {
    color: #004074;
    font-size: 1.2em;
}

    .content-promo.last {
        border: 0;
    }

    .content-promo.first {
        padding-left: 0;
    }

.title-promo {
    font-size: 2em;
}

.information-text-duration {
    color: #8435A2;
    font-size: 1.1em;
    clear: left;
    font-style: italic;
    display: block;
    float: left;
    width: 100%;
    margin-top: 10px;
}

.final-block {
    padding: 0;
    width: 42%;
    float: right;
    margin-top: 0;
}

.link-left {
    float: left;
    margin: 6px 0 0;
}

.block-promo.block-complete {
    width: auto;
    margin: 20px 0;
    padding: 20px;
    float: none;
    overflow: hidden;
}

.block-promo .forms-actions {
    float: right;
    clear: right;
    margin-top: 20px;
}

.table-recarga.clearfix {
    clear: both;
}

.resumen-promo {
    padding: 20px;
    border: #ddd solid 1px;
    overflow: hidden;
    margin: 10px 0 0;
}

.level-intern-three {
    padding-left: 63px;
}

.icon-confirmacion {
    background: url("../images/ico-confirmation.png") left center no-repeat;
}

.icon-resumen {
    background: url("../images/ico-resumen.png") left center no-repeat;
}

.block-promo .price-value {
    font-size: 1.8em;
}

.block-promo .btn {
    min-width: 165px;
}

.blockx4prom .plan-promo {
    width: 45%;
}

.blockx4prom .final-block {
    width: 55%;
}

.mar-butn {
    margin: 20px 0;
}

.modal-footer.top {
    margin: 20px auto 0;
}

#ui-datepicker-div {
    width: 296px;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-datepicker th {
    padding: 0 5px;
}

.text-purple-table {
    color: #8435A2;
    font-style: italic;
    font-size: 14px;
    line-height: 1;
    margin: 10px;
}

.blocks-form.form-colum-x2 .borders {
    margin: 20px 0;
}

.btn.tablesaw-columntoggle-btn span {
    font-size: 0.9em;
}

.float-right {
    text-align: right;
    margin-top: 20px;
}

.form-instruccion-envios .form-button {
    margin: 10px 0;
}

.blocks-form.form-colum-x2 .label-col.automatic {
    min-width: 48%;
    width: 48%;
}

.form-hor .blocks-form.form-colum-x2 .form-group.width-50 .fields-col {
    width: 50%;
}

.form-hor .blocks-form.form-colum-x2 .form-button.inline {
    text-align: left;
    float: left;
    margin: 0 20px;
}

.ui-datepicker .ui-datepicker-next span,
.ui-datepicker .ui-datepicker-prev span {
    width: 20px;
    height: 20px;
    display: block;
    z-index: 99;
}

.ui-datepicker .ui-datepicker-next span {
    background: url("arrow-right.png") left center no-repeat;
}

.ui-datepicker .ui-datepicker-prev span {
    background: url("arrow-left.png") left center no-repeat;
}

.ui-datepicker .ui-widget-header {
    border: 0;
    background: #fff;
    color: #222;
    font-weight: bold;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    top: 35%;
}

.ui-datepicker .ui-state-default,
.ui-datepicker .ui-widget-content .ui-state-default,
.ui-datepicker .ui-widget-header .ui-state-default {
    border: #fff solid 1px;
    background: #fff;
}

.ui-datepicker table thead tr th {
    background-color: #21A2C4;
}

.form-hor .form-date .wrapper-select {
    min-width: 70px;
    width: 32%;
    float: left;
}

    .form-hor .form-date .wrapper-select.middle {
        margin: 0 2%;
    }

.form-group.radios.block.form-item-seleccionar-cuenta .label-col {
    float: left;
    width: auto;
}

.form-hor.form-row .blocks-form .form-item-seleccionar-cuenta .fields-col {
    width: 30%;
}

.margin-top {
    padding-top: 20px;
}

.form-group-toggle {
    display: none;
}

.text-below-h1 {
    display: inline-block;
    margin: 0;
    padding-left: 65px;
    color: #005D7D;
}

.ico-facebook-share,
.ico-twitter-share,
.ico-google-share {
    width: 42px;
    height: 42px;
    float: left;
    margin-right: 5px;
}

.ico-facebook-share {
    background: url("../images/fb_ico_plan.png") left center no-repeat;
}

.ico-twitter-share {
    background: url("../images/tw_ico_plan.png") left center no-repeat;
}

.ico-google-share {
    background: url("../images/G+.png") left center no-repeat;
}

.ico-plan-details {
    background: #fff;
    width: 20%;
    height: 100px;
    float: left;
    margin: 0 20px 10px 0;
    padding: 10px 0;
    text-align: center;
    max-width: 90px;
}

.info-plan-details {
    float: left;
    width: 70%;
}

.share-social-media-wrapper {
    clear: both;
}

.page-title > div.level-intern-title {
    padding-bottom: 0;
    padding-top: 0;
}

.form-btn a.margin-leftx10,
.margin-leftx10 {
    margin-left: 10px;
}

.title-blu-dark {
    color: #004074;
    font-size: 1.3em;
    font-family: 'movistar_textbold';
}

.block-cargos-deducidos {
    margin-top: 5%;
}

.block-ordenarpor {
    overflow: hidden;
    margin: 0 1%;
}

    .block-ordenarpor .text-showing {
        margin-top: 20px;
    }

.block-left-supercarga {
    float: left;
    width: 22%;
}

.block-right-supercarga {
    float: right;
    width: 77%;
}

    .block-right-supercarga .title-promo {
        font-size: 1.8em;
    }

    .block-right-supercarga .information-text-duration {
        float: left;
        width: 100%;
    }

.block-result-table.last {
    background-color: #F5F5F5;
    margin-top: 20px;
}

.show-result {
    float: left;
    width: 50%;
    margin: 0 5px;
}

.page-title > div.link-title {
    padding: 0 0 11px 65px;
}

.link-title a {
    padding-left: 4px;
}

.form-btn.right {
    float: right;
}

div.subtitle-inline,
.subtitle-inline {
    font-size: 1.7em;
    float: left;
    padding: 0 0 0 67px;
}

.block-result-table.last,
.block-result-table.lasted .block-result-table,
.lasted {
    background-color: #F5F5F5 !important;
}

.text-bellow-title {
    padding-left: 65px;
    margin-bottom: 20px;
}

.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.down:before {
    top: 7px;
}

.compare-phones .form-actions.aling-right {
    margin-right: 2%;
}

.select-line.servicios-adicionales .form-hor .fields-col {
    max-width: 200px;
}

.block-pay-methods .select-credit-card .form-group {
    margin: 0;
}

.items-checkbox-acept .fields-col.inline-form {
    margin: 0 0 0 10px;
    min-width: 200px;
}

.items-checkbox-acept .form-group {
    margin: 10px auto 15px auto;
}

.block-pay-methods .block-form-x3 {
    overflow: hidden;
    width: 100%;
    display: inline-block;
    margin-bottom: 15px;
}

.link-recibo-pago-inmediato {
    margin-top: 5px;
}

.display-block-mx20 {
    display: block;
    margin: 20px auto;
    text-align: center;
}

.block-after-payment .block.form-colum-x2 {
    margin: 0;
}

    .block-after-payment .block.form-colum-x2 .label-col {
        width: 40%;
    }

.content-product input[type="submit"] {
    min-width: 75px;
}

span.text-gray {
    color: #515559;
    font-size: 15px;
    font-family: 'movistar_textregular';
    margin-right: 5px;
}

.panel-center-middle .right-information {
    padding: 15px 0;
}

.panel-3lines-middle .right-information .blue-text {
    margin: 15px 0;
}

.panel-2lines-left .right-information .content {
    margin: 8px 0;
}

.block-saldo-nuevo {
    border-bottom: 1px solid #E7E7E7;
    margin-bottom: 25px;
    padding-bottom: 15px;
}

    .block-saldo-nuevo .content {
        background: #F2F7F9;
        padding: 20px;
        font-size: 1.3em;
    }

    .block-saldo-nuevo .blue-text {
        margin-right: 10px;
    }

.page-recarga-principal .form-group {
    margin: 0 auto 10px auto;
}

.page-recarga-principal .form-hor .fields-col {
    max-width: 300px;
}

.include-card a {
    float: right;
}

.save-card {
    margin-left: 30px;
}

.float-left,
.link-blue a.float-left {
    float: left;
}

.text-purple {
    color: #8435A2;
    font-style: italic;
    font-size: 15px;
    line-height: 1;
}

.busqueda-avanzada-link .link-blue.recarga a {
    float: left;
    padding-left: 10px;
}

.form-filt .filtrer {
    float: right;
    margin-right: 0;
}

p.text-blue-dark {
    text-align: center;
    color: #045172;
    line-height: 1;
    margin-bottom: 15px;
    display: block;
}

.btn-pagar .btn-default {
    min-width: 0;
}

.compare-phones .form-group {
    margin: 15px 2% 0 0;
}

.btns-right.block-level {
    margin: 40px 0 0;
    text-align: right;
}

    .btns-right.block-level .btns {
        margin-left: 10px;
        display: inline-block;
    }

a.link-recibo-pago-inmediato.right {
    float: left;
    margin-left: 60px;
}

.text-center {
    text-align: center;
    margin: 20px auto 0;
}

.block-total .order-filter .form-group {
    margin: 5px 0;
}

.withx100 {
    width: 100%;
}

.marginx10 {
    margin: 10px 0 20px;
}

td.right-link a {
    padding-right: 40px;
}

.select-duracion .form-hor .label-col {
    width: auto;
    margin-right: 10px;
}

.select-duracion .form-hor .fields-col {
    max-width: 200px;
}

.block-content {
    overflow: hidden;
}

.description-row {
    margin: 10px 0;
    overflow: hidden;
    border-bottom: 1px solid #ddd;
    padding-bottom: 8px;
}

    .description-row .md-label {
        padding: 0 10px;
    }

.blue-row.row p {
    margin: 5px 0 0;
    font-family: 'movistar_textbold';
}

.description-row p {
    margin: 0;
    font-size: 1em;
}

.panel-content .link-blue.recarga {
    margin: 10px 0;
    display: block;
    overflow: hidden;
}

.block {
    display: block;
}

.factura-row.white-row.second {
    margin: 20px 0;
}

.form-group.form-result.only .label-col.automatic {
    max-width: 37%;
    width: auto;
}

.text-alert {
    background: url("../images/ico-alert.png") left center no-repeat;
    overflow: hidden;
    clear: both;
}

    .text-alert p {
        padding-left: 30px;
        font-size: 1em;
        margin: 0;
        color: #777;
    }

.form-group.form-chechbox.automatic {
    padding: 8px 0 !important;
}

.change-payment-method .label-col label.title-label {
    float: left;
    margin: 21px 18px 0 0;
}

.change-payment-method .personal-data .link-blue,
.link-cambiar {
    float: left;
    clear: none;
    font-size: 0.9em;
    margin-top: 15px;
}

.link-cambiar {
    margin-top: 23px;
}

.change-payment-method .link-cambiar a {
    float: left;
    margin-left: 0;
}

.change-payment-method .link-blue.recarga a {
    background: none;
    padding-right: 0;
}

.change-payment-method .information-cash {
    padding-top: 10px;
}

.text-admiracion img {
    width: 25px;
    margin: -3px 4px 0 0;
}

.information-panel p.text-gray-italic {
    width: 100%;
    float: left;
    text-align: left;
    font-size: 0.7em;
    font-style: italic;
}

.linea-movil-block {
    font-family: 'movistar_textregular';
    margin: 10px 0;
}

    .linea-movil-block .linea-movil-text {
        font-style: italic;
    }

    .linea-movil-block .linea-movil-num {
        font-family: 'movistar_textbold';
        color: #6EBE44;
        margin-left: 10px;
    }

.panel-monto-pagar .link-blue.clearfix {
    margin: 16px 0px;
}

.compare-phones.block-ordenar .form-hor .fields-col {
    float: right;
}

.content-center.tabs .container-inner {
    padding-left: 15px;
}

.calls img {
    margin-right: 10px;
}

.ico-mensajes-cargos {
    background: url("../images/mensajes_salientes_ico.png") center center no-repeat;
    height: 42px;
}

.ico-mensajes-cargos-entrantes {
    background: url("../images/mensajes_entrantes_ico.png") center center no-repeat;
    height: 42px;
}

.ico-datos-cargos {
    background: url("../images/datos_salientes_ico.png") center center no-repeat;
    height: 42px;
}

.ico-datos-cargos-entrantes {
    background: url("../images/datos_entrantes_ico.png") center center no-repeat;
    height: 42px;
}

.content-table .form-filt {
    margin: 15px 0px 0;
}

.whitout-image.panel-accesos-directos .panel-content {
    background: #FEE9B8;
    padding: 0px 10px 15px;
    min-height: 0;
}

.whitout-image.panel-accesos-directos .panel-heading {
    padding: 15px 20px 10px 20px;
}

.panelx100 {
    clear: both;
}

.text-left-align.link-blue.recarga a {
    float: left;
}

.link-liberar-cliente a {
    float: right;
    font-family: 'movistar_textregular';
    color: #fff;
    font-size: 0.7em;
    padding: 10px 0 4px;
}

.customer-info-block .panel-heading.with-icon {
    position: relative;
    padding-left: 50px;
}

.link-liberar-cliente a:hover {
    text-decoration: underline;
}

.customer-info-block {
    margin: 0 15px;
}

.factura-cargos-title.fac-block h4.factura-row-label {
    font-family: 'movistar_textbold';
}

.link-todos-consumos {
    margin: 20px 0 30px;
}

.dates-consumo {
    overflow: hidden;
    margin: 10px 0;
}

.date-consumo-right {
    float: right;
}

.block-consumption.panel-content {
    overflow: hidden;
    float: left;
    width: 100%;
    margin: 10px 0;
}

.responsible-consumption.consumption-linea {
    padding: 0 2%;
    overflow: hidden;
    width: 100%;
    float: left;
}

.consumption-graficas {
    overflow: hidden;
    float: left;
    width: 99%;
    margin-top: 20px;
}

.block-recomendaciones .plan-promo {
    border-right: 1px solid #ddd;
    margin-top: 10px;
}

.block-recomendaciones .content-promo {
    border-right: 0;
}

.block-recomendaciones .initial-block .link-blue.clearfix {
    clear: none;
    display: inline-block;
    float: right;
    margin: 10px 0;
}

.block-promo.block-recomendaciones .link-left {
    margin: 15px 0 0;
}

.block-recomendaciones .minutes-number {
    font-size: 1.5em;
    padding-right: 5px;
}

.consumption-graficas .grafica.inline-blok {
    margin-bottom: 0;
}

.title-blue {
    font-family: 'movistar_textbold';
    width: 100%;
    float: left;
    margin: 20px 1% 0 1%;
    font-size: 1.2em;
    font-style: italic;
}

.consumption-graficas.block-promo {
    background: none;
    padding: 0;
}

.consumption-linea-content {
    margin-bottom: 4%;
    overflow: hidden;
    clear: both;
    padding: 0 15px;
}

.consumption-graficas img {
    max-height: 115px;
    margin: auto;
}

.block-promo.block-complete.without-details .information-text-duration {
    padding-top: 15px;
}

.filtrar-izq .form-hor .label-col,
.filtrar-izq .form-hor .fields-col {
    width: auto;
    max-width: 60%;
}

.text-slide {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    padding: 1% 3%;
}

.text-left-slide {
    width: 55%;
    float: left;
}

.text-right-slide {
    float: right;
    color: #005E86;
    min-width: 109px;
    margin-top: 20px;
}

    .text-right-slide span {
        float: left;
        margin: 8px 0;
    }

.text-slide h2,
.text-slide h1 {
    color: #005E86;
}

.text-slide h2 {
    font-family: movistar_textregular;
}

.text-slide .btn {
    margin-top: 10px;
}

.text-right-slide .close-search {
    float: right;
    margin: 0;
}

.icon-consumos {
    background: url("../images/Consumos.png") no-repeat 0 0;
}

.block-result-table .left-result-block .checkbox {
    font-size: 0.95em;
}

.panel-height-special.panel-min-height .panel-content {
    min-height: 470px;
}

.customer-info-panel.panelx100.customer-info-block .panel-content {
    clear: both;
}

.customer-info-panel.panelx100.customer-info-block .title-blue {
    font-style: normal;
    font-family: 'movistar_headlineregular';
    font-size: 0.95em;
}

.panel-border-gray {
    border: #e9ebed solid 1px;
    padding: 1% 2% 2%;
    overflow: hidden;
    clear: left;
    margin-top: 23px;
}

.consumption-linea .description-row {
    margin: 10px 0;
    overflow: hidden;
    border-bottom: 1px solid #ddd;
    padding-bottom: 8px;
}

.share-social-media {
    overflow: hidden;
    margin-bottom: 10px;
}

.filtros-opiniones .form-hor {
    max-width: 400px;
}

.border-right-a {
    border-right: 1px solid;
    padding-right: 8px;
    margin-right: 8px;
}

.filtros-opiniones .form-group {
    margin: 5px 0;
}

.max-width-300 {
    max-width: 300px;
}

.table > tbody > tr > td.text-align-left {
    text-align: left;
}

b,
strong {
    font-family: 'movistar_textbold';
}

.padding-topx20 {
    padding-top: 15px;
}

.form-black.form-hor .fields-col {
    float: left;
    width: 45%;
    line-height: 1.2;
}

.form-black.form-hor .label-col {
    width: 55%;
    display: inline-block;
    padding-right: 2%;
    float: left;
}

.margin-bottomx10 {
    margin-bottom: 10px;
}

.form-cambioequipo {
    display: none;
    overflow: hidden;
    clear: left;
    background: #FBFBFB;
    padding: 3%;
    margin: 4% 0;
    float: left;
    width: 100%;
}

.comment-starts.product-classification {
    display: block;
    overflow: hidden;
    clear: left;
}

.product-classification.comment-starts > ul {
    float: left;
    margin-right: 10px;
}

.product-classification.comment-starts li.selected,
.product-classification.comment-starts li:hover {
    background: url("../images/star-comment1.png") bottom center no-repeat;
}

.product-classification.comment-starts li {
    background: url("../images/star-comment1.png") top center no-repeat;
    height: 17px;
    display: inline-block;
    width: 17px;
}

span.author-comment {
    display: block;
    color: #126188;
    clear: left;
    margin-top: 10px;
}

.comments-wrapper {
    clear: left;
    border: 1px solid #DFE0E2;
    padding: 3%;
    margin-top: 2%;
    float: left;
    width: 100%;
}

    .comments-wrapper .comment-starts.product-classification {
        clear: none;
        float: left;
        margin-top: 2px;
    }

.comments-item {
    border-bottom: 1px solid #DFE0E2;
    margin-bottom: 20px;
    padding-bottom: 10px;
}

    .comments-item.last {
        border-bottom: 0;
        margin-bottom: 0;
        padding-bottom: 0;
    }

.title-opinion {
    color: #005C84;
    font-family: 'movistar_textregular';
}

.comments .detail-heading {
    border-bottom: 0;
}

.ico-opiniones {
    background: url("../images/Opiniones.png") no-repeat left center;
}

.ico-cambio {
    background: url("../images/Cambio.png") no-repeat left center;
}

.social-network a {
    display: block;
    height: 26px;
}

.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    background-color: #F1F2F6;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
}

.wrapper-select select.form-control:focus {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
    border-color: #66afe9;
}

.login {
    border: 1px solid #ddd;
    margin: 0 auto;
    overflow: hidden;
    padding: 55px 35px;
    width: 90%;
    border-radius: 15px;
}

    .login form.customers-form {
        margin: 0 auto;
        float: none;
    }

#postcript-second {
    margin-top: 35px;
}

.widget-block.img-block {
    padding: 0;
}

.btn-title {
    margin: 10px 10px 10px 0 !important;
}

#header-search .fields-col {
    position: relative;
}

    #header-search .fields-col .search {
        position: absolute;
        top: 0;
        right: 0;
        padding: 6px;
        background-image: url(../images/bg-search.png);
        background-repeat: no-repeat;
        background-position: 50% 50%;
        text-indent: -9000px;
        min-width: 35px;
        border-color: #bfe9f0;
    }

    #header-search .fields-col .form-control {
        padding-right: 40px;
    }

th .filtro {
    position: absolute;
    right: 5px;
}

th a.btup {
    background: url(../images/btn-up.png) no-repeat center center;
    width: 15px;
    height: 8px;
    display: block;
    text-indent: -9000px;
    opacity: 0.8;
}

th a.btdown {
    background: url(../images/btn-down.png) no-repeat center center;
    width: 15px;
    height: 8px;
    display: block;
    text-indent: -9000px;
    opacity: 0.8;
}

th a.btup:hover {
    opacity: 1;
}

th a.btdown:hover {
    opacity: 1;
}

.dropdown-menu .panel-group {
    margin-top: 0;
    margin-bottom: 0;
}

    .dropdown-menu .panel-group .panel {
        margin-top: 0;
        margin-bottom: 0;
    }

    .dropdown-menu .panel-group .panel-heading {
        padding: 0 0 12px 0;
        background-color: transparent;
        border-bottom: 1px solid #fff;
    }

        .dropdown-menu .panel-group .panel-heading:last-child {
            border-bottom: none;
        }

.link-header .dropdown-menu a {
    padding: 0 12px;
    font-size: 0.875em;
}

.link-header a,
.link-header a:hover {
    text-decoration: none;
}

.link-header .dropdown-menu li li a {
    padding: 8px 12px 8px 22px;
    font-size: 1em;
    display: block;
}

.dropdown-menu li li {
    background: rgba(0, 0, 0, 0.2);
}

.dropdown-menu .panel-body {
    background: transparent none repeat scroll 0 0;
    margin: 0;
    padding: 0;
    position: relative;
}

.dropdown-menu .panel-group .panel-heading > p > a.collapsed {
    background: rgba(0, 0, 0, 0) url("../images/accor-plus-02.png") no-repeat 96% 56%;
    display: block;
}

.dropdown-menu .panel-group .panel-heading > p > a {
    background: rgba(0, 0, 0, 0) url("../images/accor-min-02.png") no-repeat 96% 56%;
    display: block;
}

.panel-dummy {
    font-size: 1.1em;
    padding: 8px 0;
}
.csButtonChartsD {
    cursor: pointer;
    border: 1px solid gray;
    background-color: white;
    background: url("graphicM.png") no-repeat;
    width: 32px;
    height: 32px;
    border-radius: 1px;
}

@media only screen and (max-width: 480px) {
    #header-search .fields-col .search {
        width: inherit;
    }
}

@media only screen and (max-width: 992px) {
    #header-search {
        height: 45px;
        padding: 5px 0;
        background: #115b84;
    }
}

@media only screen and (min-width: 992px) {
    #header-search {
        height: 45px;
        padding: 5px 0;
        background: #115b84;
        position: absolute;
        z-index: 5;
        top: 6px;
        left: 47%;
        width: 180px;
    }

        #header-search .container {
            width: 100%;
        }
}

@media only screen and (min-width: 1200px) {
    #header-search {
        width: 280px;
    }
}

@media only screen and (min-width: 767px) {
    .tab-pane-menu {
        background: #b7e1ec;
    }

        .tab-pane-menu .block-menu .navbar-nav > li {
            border-left: 0 none;
            border-right: 0 none;
            min-width: 0;
            width: 15%;
        }

            .tab-pane-menu .block-menu .navbar-nav > li.first {
                border-left: 0 none;
            }

        .tab-pane-menu .navbar-default .navbar-nav > li > a,
        .tab-pane-menu .navbar-default .navbar-nav > li > a:focus,
        .tab-pane-menu .navbar-default .navbar-nav > li > a:hover,
        .tab-pane-menu .navbar-default .navbar-nav > .active > a,
        .tab-pane-menu .navbar-default .navbar-nav > .active > a:focus,
        .tab-pane-menu .navbar-default .navbar-nav > .active > a:hover {
            color: #005c84;
            display: table;
            font-size: 1.08em;
            padding: 10px 0;
            width: 100%;
        }

    .block-menu .navbar-nav > li > a span {
        font-family: "movistar_headlineregular";
        text-align: center;
    }

    .tab-pane-menu .block-menu .navbar-nav > li > a span {
        border-right: 1px solid #27829c;
        display: table-cell;
        font-size: 0.9em;
        height: 31px;
        line-height: 1;
        padding: 0 5px;
        vertical-align: middle;
        width: 100%;
    }

    .tab-pane-menu .navbar-default .navbar-nav > li > a:hover {
        background-color: #98cbd8;
    }

    .item-submenu {
        display: none;
    }
}

@media only screen and (max-width: 767px) {
    .tab-pane-menu {
        background: #b7e1ec;
    }

        .tab-pane-menu .block-menu .navbar-nav > li {
            border-left: 0 none;
            border-right: 0 none;
            min-width: 0;
            width: 100%;
        }

            .tab-pane-menu .block-menu .navbar-nav > li.first {
                border-left: 0 none;
            }

        .tab-pane-menu .navbar-default .navbar-nav > li > a,
        .tab-pane-menu .navbar-default .navbar-nav > li > a:focus,
        .tab-pane-menu .navbar-default .navbar-nav > li > a:hover,
        .tab-pane-menu .navbar-default .navbar-nav > .active > a,
        .tab-pane-menu .navbar-default .navbar-nav > .active > a:focus,
        .tab-pane-menu .navbar-default .navbar-nav > .active > a:hover {
            color: #005c84;
            display: table;
            font-size: 1.08em;
            padding: 10px 0;
            width: 100%;
        }

    .block-menu .navbar-nav > li > a span {
        font-family: "movistar_headlineregular";
        text-align: center;
    }

    .tab-pane-menu .block-menu .navbar-nav > li > a span {
        border-right: none;
        display: table-cell;
        font-size: 0.9em;
        height: 31px;
        line-height: 1;
        padding: 0 5px;
        vertical-align: middle;
        width: 100%;
    }

    .tab-pane-menu .navbar-default .navbar-nav > li > a:hover {
        background-color: #98cbd8;
    }

    .item-submenu {
        display: block;
    }

    #header-first .link-header #menu-user span {
        margin: 0 !important;
        width: 100%;
    }

    #header-first .link-header #menu-user span:nth-child(2) {
        margin-bottom: 8px !important;
    }

    #header-second {
        display: none !important;
    }

    #header-third {
        display: none !important;
    }

    #header-second #block-main-menu .navbar-nav > li ul li {
        background: #b7e1ec;
        border-bottom: 1px solid #fff;
        text-align: center;
    }

    #header-second #block-main-menu .navbar-nav > li ul li a {
            text-decoration: none !important;
        }

        #header-second #block-main-menu .navbar-nav > li ul li:hover {
            background-color: #71c2d2;
        }

        #header-second #block-main-menu .navbar-nav > li ul li a {
            text-decoration: none !important;
        }

        #header-second #block-main-menu .navbar-nav > li ul li:hover {
            background-color: #71c2d2;
        }

        #header-second #block-main-menu .navbar-nav > li ul li a:hover {
            color: #fff !important;
        }

        #header-second #block-main-menu .navbar-nav > li ul li a span {
            display: block;
            padding: 15px 15px 15px 55px !important;
            background-image: none !important;
        }
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 600px;
        margin: 30px auto;
    }
}

/* Agregar en Main1.css para compatibilidad con Bootstrap 4 */

/* Restaurar estilos de checkbox que cambiaron de Bootstrap 3 a 4 */
.checkbox {
    position: relative;
    display: block;
    margin-top: 0;
    margin-bottom: 0;
}

    .checkbox label {
        min-height: 20px;
        padding-left: 20px;
        margin-bottom: 0;
        font-weight: 400;
        cursor: pointer;
    }

    .checkbox input[type=checkbox] {
        position: absolute;
        margin-top: 4px \9;
        margin-left: -20px;
    }

/* Ajuste para font-weight de label que cambió en Bootstrap 4 */
label {
    font-weight: normal; /* Bootstrap 4 usa 'font-weight: 700' por defecto */
}

/* Asegurar que form-group tenga el clearfix */
.form-group {
    margin-bottom: 15px;
}


.form-control {
    background-color: #F1F2F6;
    border-radius: 0;
    border: #E6E7EB solid 1px;
    padding: 6px;
    font-style: italic;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857143;
    color: #555;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

    .form-control:focus {
        border-color: #66afe9;
        outline: 0;
        background-color: #F1F2F6;
        color: #555;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
    }

    .form-control[disabled],
    .form-control:disabled {
        background-color: #eee;
        opacity: 1;
        cursor: not-allowed;
    }

/* Agregar al Main1.css para Bootstrap 4 */
.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    color: #555;
    text-align: center;
    border: 1px solid #ccc;
    border-radius: 4pc;
    white-space: nowrap;
    vertical-align: middle;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 34px;
}

    .input-group-addon:last-child {
        border-left: 0;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

.input-group > .form-control {
    height: 34px;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
}

.glyphicon-search {
    cursor: pointer;
    height: 34px;
    display: inline-block;
    border-radius: 4px;
}


.glyphicon-refresh {
    background: url(glyphicon-refresh.png) left center no-repeat;
    cursor: pointer;
    height: 34px;
    display: inline-block;
    border-radius: 4px;
}

.input-group-append {
    display: flex;
    margin-left: -1px;
}

    .input-group-append .input-group-addon {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        border-left: 1px solid #cccccc !important;
    }


/* Reset de estilos de botón para Bootstrap 4 - mantener compatibilidad con v3 */
button[type="button"]:not(.btn) {
    /* Remover estilos por defecto del navegador */
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    border-width: 1px;
    border-style: solid;
    border-color: #ccc;
    border-radius: 4px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    /* Espaciado */
    padding: 3px 8px;
    margin: 0;
}

/* Fix para el grid system de Bootstrap 4 */
.col-md-5,
.col-md-6,
.col-md-12 {
    float: left; /* Bootstrap 4 usa flexbox, forzamos float para mantener comportamiento v3 */
}

.row.no-flex {
    display: block !important;
}

/* Estilos para btn-success (mismo patrón que btn-primary) */
.btn-success {
    background: #119cbf;
    color: #fff;
    border: #65bed5 solid 1px;
    background-image: none;
}

    .btn-success:hover {
        background-color: #015F88 !important;
        background-image: none !important;
        background-position: 0 0;
        border-color: #015F88 !important;
        color: #fff !important;
    }

    .btn-success:focus:not(:focus-visible):not(:hover) {
        background-color: #119cbf !important;
        border-color: #65bed5 !important;
        outline: none;
        box-shadow: none;
    }

    .btn-success:active,
    .btn-success:not(:disabled):not(.disabled):active {
        background-color: #015F88 !important;
        background-image: none !important;
        border-color: #015F88 !important;
        color: #fff !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
    }

    .btn-success:disabled {
        background-color: #265a88 !important;
        background-image: none !important;
        border-color: #265a88 !important;
    }

    .btn-success:hover,
    .btn-success:focus,
    .btn-success:active {
        background-color: #015F88;
        border-color: #65bed5;
        color: #fff;
        box-shadow: none;
    }


@media (min-width: 768px) {
    

    .col-sm-offset-1 {
        margin-left: 8.33333333%;
    }

}


@media (min-width: 768px) {
    .form-horizontal .control-label {
        padding-top: 7px;
        margin-bottom: 0;
        text-align: right
    }
}

    /* Jefferson */


    .panel {
        margin-bottom: 20px;
        background-color: #fff;
        border: 1px solid transparent;
        border-radius: 4px;
        -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
        box-shadow: 0 1px 1px rgba(0,0,0,.05);
    }

    .panel-heading {
        padding: 10px 15px;
        border-bottom: 1px solid transparent;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        color: #333;
        background-color: #f5f5f5;
        border-color: #ddd;
    }

    .panel > .list-group {
        margin-bottom: 0;
    }

        .panel > .list-group .list-group-item {
            border-width: 1px 0;
            border-radius: 0;
        }

        .panel > .list-group:first-child .list-group-item:first-child {
            border-top: 0;
            border-top-left-radius: 3px;
            border-top-right-radius: 3px;
        }

        .panel > .list-group:last-child .list-group-item:last-child {
            border-bottom: 0;
            border-bottom-right-radius: 3px;
            border-bottom-left-radius: 3px;
        }

    .panel-heading + .list-group .list-group-item:first-child {
        border-top-width: 0;
    }

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

        .panel-primary > .panel-heading {
            color: #fff;
            background-color: #119cbf;
            background-image: linear-gradient(to bottom, #119cbf 0, #119cbf 100%);
            border-color: #337ab7;
        }

    .panel > .list-group {
        display: block;
    }

    .list-group {
        border-radius: 4px;
        -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.075);
        box-shadow: 0 1px 2px rgba(0,0,0,.075);
    }

    .list-group-item {
        padding: 10px 15px;
        border: 1px solid #ddd;
        background-color: #fff;
    }

        .list-group-item:first-child {
            border-top-left-radius: 4px;
            border-top-right-radius: 4px;
        }

        .list-group-item:last-child {
            border-bottom-right-radius: 4px;
            border-bottom-left-radius: 4px;
        }

button, input, optgroup, select, textarea {
    color: inherit;
}

@media (min-width: 992px) {
    .modal-lg {
        max-width: 900px;
    }
}