/*
ZEROOO
*/

body {
    -webkit-animation: bugfix infinite 1s;
}

@-webkit-keyframes bugfix {
    from {
        padding: 0;
    }

    to {
        padding: 0;
    }
}

input[type=checkbox] {
    position: absolute;
}

label {
    /*cursor: pointer;*/
    user-select: none;
}

html {
    font-family: arial;
    /* 1 */
    -ms-text-size-adjust: 100%;
    /* 2 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
}


/**
 * Remove default margin.
 */

body {
    margin: 0;
    height: 100%;
    margin: 0 auto;
    background-color: #000000;
}


/* HTML5 display definitions
   ========================================================================== */


/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block;
}


/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
    display: inline-block;
    /* 1 */
    vertical-align: baseline;
    /* 2 */
}


/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}


/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */

[hidden],
template {
    display: none;
}


/* Links
   ========================================================================== */


/**
 * Remove the gray background color from active links in IE 10.
 */

a {
    background-color: transparent;
}


/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
}


/* Text-level semantics
   ========================================================================== */


/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}


/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
    font-weight: bold;
}


/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
    font-style: italic;
}


/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}


/**
 * Address styling not present in IE 8/9.
 */

mark {
    background: #ff0;
    color: #000;
}


/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}


/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}


/* Embedded content
   ========================================================================== */


/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
    border: 0;
}


/**
 * Correct overflow not hidden in IE 9/10/11.
 */

svg:not(:root) {
    overflow: hidden;
}


/* Grouping content
   ========================================================================== */


/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
    margin: 1em 40px;
}


/**
 * Address differences between Firefox and other browsers.
 */

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}


/**
 * Contain overflow in all browsers.
 */

pre {
    overflow: auto;
}


/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}


/* Forms
   ========================================================================== */


/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */


/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    /* 1 */
    font: inherit;
    /* 2 */
    margin: 0;
    /* 3 */
}


/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
    overflow: visible;
}


/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
    text-transform: none;
}


/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"],

/* 1 */

input[type="reset"],
input[type="submit"] {
    -webkit-appearance: none;
    /* 2 */
    cursor: pointer;
    /* 3 */
    border: 0;
    padding-top: 4px !important;
}

input,
select {
    outline: none;
}


/*input:focus,
select:focus {
    border: 1px solid rgb(169, 169, 169);
}*/

input:focus,
select:focus {
    box-shadow: 0 0 2px #bad0e4;
    border: 2px solid #bad0e4 !important;
    outline: none;
}

.focoGifNFC {
    border: 2px solid #bad0e4 !important;
}

.checkbox input[type=checkbox]:focus+label,
.checkbox input[type=checkbox]:focus {
    border: 4px solid #bad0e4 !important;
}

.checkbox input[type=checkbox]:focus+label {
    border: 4px solid #bad0e4 !important;
}

.checkbox input[type=checkbox]:focus+label:after {
    top: -1px;
}

.chekbox:focus {
    box-shadow: 0 0 2px #bad0e4;
    border: 2px solid #bad0e4 !important;
    outline: none;
}


/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
    cursor: default;
}

input:read-only,
input[readonly],
select[readonly] {
    background-color: #ebebe4
}


/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}


/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
    line-height: normal;
}


/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
}


/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}


/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    /* 2 */
    box-sizing: content-box;
}


/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}


/**
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}


/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
    border: 0;
    /* 1 */
    padding: 0;
    /* 2 */
}


/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
    overflow: auto;
}


/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
    font-weight: bold;
}


/* Tables
   ========================================================================== */


/**
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td,
th {
    padding: 0;
}


/********************* scrollbar *****************************/


/*
::-webkit-scrollbar {
width: 15px;
}

::-webkit-scrollbar-track {

border: 1px solid #2B2623;
background-color: #fff;


}

::-webkit-scrollbar-thumb {

background-color: #2B2623;


}

::-webkit-scrollbar-button:vertical:decrement{
background-color: #fff;
border: 1px solid #2B2623;
background-image: url('/ES/Temas/Predeterminado/../../imagenes/flecha_scroll_arriba.png');
background-repeat: no-repeat;
background-position: 0px 1px;
}
::-webkit-scrollbar-button:vertical:increment{
background-color: #fff;
border: 1px solid #2B2623;
background-image: url('/ES/Temas/Predeterminado/../../imagenes/flecha_scroll_abajo.png');
background-repeat: no-repeat;
background-position: 0px 1px;
}
::-webkit-scrollbar-button:horizontal:decrement{
background-color: #fff;
border: 1px solid #2B2623;
background-image: url('/ES/Temas/Predeterminado/../../imagenes/flecha_scroll_izq.png');
background-repeat: no-repeat;
background-position: 0px 1px;
}
::-webkit-scrollbar-button:horizontal:increment{
background-color: #fff;
border: 1px solid #2B2623;
background-image: url('/ES/Temas/Predeterminado/../../imagenes/flecha_scroll_dcha.png');
background-repeat: no-repeat;
background-position: 0px 1px;
}*/

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #D7E3F3;
}

::-webkit-scrollbar {
    width: 7px;
    background-color: transparent;
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #9C9BA0;
}

ul,
ul li {
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.lista_normal,
ul.lista_normal li {
    list-style: circle;
    padding: inherit;
    padding-left: 25px;
}

p {}


/*************************** Fin de Normalize********************/
/************* aviso cookies *************************/
.avisoCookies {
    position: fixed;
    z-index: 100;
    top: 0px;
    width: 100%;
    font-size: 13px;
    text-align: center;
    width: 100%;
    padding: 8px;
    box-sizing: border-box;
    min-height: 40px;
    overflow: hidden;
    /*-webkit-box-shadow: 0 0 5px black;
    -moz-box-shadow: 0 0 5px black;
    box-shadow: 0 0 5px black;*/
    margin: 0 auto;

    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    /*-webkit-box-shadow: 5px 5px 3px #555;
    -moz-box-shadow: 5px 5px 3px #555;
    box-shadow: 5px 5px 3px #555;
    border-radius: 5px;*/
    opacity: 0.95;
    -webkit-opacity: 0.95;
    -moz-opacity: 0.95;
    list-style: none;
    /*border-right:
    2px solid #555;
    border-bottom: 2px solid #555;*/
    border-radius: 0px 0px 3px 3px;
    box-shadow: 4px 4px 4px #5C5C60;

    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-name: aparecer_bajando;
    -webkit-animation-name: aparecer_bajando;
    background-color: #fff;
}

.avisoCookies>div {
    width: 80%;
    margin: 0 auto;
    max-width: 1275px;
}

.cookies {
    float: left;
    max-width: 75%;
}

.avisoCookies .cookies a:active,
.cookies a:visited {
    color: #fff;
}

/* Utilidades
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.u-noselect {
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Chrome/Safari/Opera */
    -khtml-user-select: none;
    /* Konqueror */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently
                          not supported by any browser */
}

.u-icono_lapiz {
    width: 20px;
    height: 20px;
    background-image: url('/ES/Temas/Predeterminado/../../Temas/Predeterminado/Imagenes/lapiz.png');
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 5px;
    margin-top: 4px;
    cursor: pointer;
}

.u-borde_blanco {
    border: 1px solid #fff;
}

.u-mitad {
    width: 50%;
}

.u-icono_ayuda {
    color: #c20d30;
    background-color: #fff;
    border-radius: 50%;
    padding-left: 4px;
    padding-right: 4px;
    padding: 3px 6px 1px 6px;
    cursor: pointer;
    float: left;
    margin-left: 42%;
    font-weight: bold;
    margin-top: -27px;
    box-sizing: border-box;
}

.u-icono_ayuda:hover {
    color: #ffffff;
    background-color: #c20d30;
}

.u-icono_ayuda.configuracion {
    margin-top: 4px;
    float: right;
    margin-left: 0;
    margin-right: 5px;
    color: #fff;
    background-color: #c20d30;
}

.u-height100 {
    height: 100%;
}

.u-overscroll {
    overflow-y: auto;
}

.u-oculta,
.oculta {
    display: none !important;
}

.u-mano {
    cursor: pointer;
}

.u-centrado,
.centrado {
    text-align: center;
}

.u-ancho_total {
    width: 100%;
    box-sizing: border-box;
}

.u-max-ancho_total {
    max-width: 100%;
    box-sizing: border-box;
}

.u-dcha {
    float: right !important;
}

.u-izq {
    float: left !important;
}

.u-separador {
    clear: both !important;
    height: 1px;
}

.u-separador_peque {
    clear: both;
    height: 5px;
}

.u-separador_medio {
    clear: both;
    height: 10px;
}

.u-separador_alto {
    clear: both;
    height: 20px;
}

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

.u-margen_top5 {
    margin-top: 5px !important;
}

.u-texto_grande {
    font-size: 150% !important;
}

.u-texto_peque {
    font-size: 80% !important;
}

.u-negrita {
    font-weight: bold !important;
}

.u-no_negrita {
    font-weight: normal !important;
}

.u-subrayado {
    text-decoration: underline !important;
}

.u-transicion {
    -moz-transition: all .5s ease !important;
    -webkit-transition: all .5s ease !important;
    transition: all .5s ease !important;
    -o-transition: all .5s ease !important;
}

.u-cursor_normal {
    cursor: default;
}

.u-float_none {
    float: none !important;
}

.u-fixed {
    position: fixed !important;
}

.u-top {
    z-index: 99 !important;
}

.u-fondo {
    background-color: #b1b1b1;
}

.u-fondo_gris_oscuro {
    background-color: #ddd !important;
}

.u-fondo_gris {
    background-color: #f6f6f6 !important;
}

.u-fondo_verde {
    background-color: #0C6320 !important;
}

.u-fondo_rojo {
    background-color: #c20d30 !important;
}

.u-fondo_azul {
    background-color: #2C627C !important;
}

.u-fondo_negro {
    background-color: #000 !important;
}

.u-color_rojo {
    color: #c20d30 !important;
}

.u-color_blanco {
    color: #fff !important;
}

.u-color_negro {
    color: #000 !important;
}

.u-color_verde {
    color: #26AA6B !important;
}

.u-color_azul {
    color: #2C627C !important;
}

.u-linea {
    border-bottom: 1px solid #b1b1b1 !important;
}

.u-borde {
    border: 1px solid #b1b1b1 !important;
}

.u-4borde_dcha_blanco {
    border-right: 4px solid #fff !important;
}

.u-borde_izq {
    border-left: 1px solid #b1b1b1 !important;
}

.u-borde_dcha {
    border-right: 1px solid #b1b1b1 !important;
}

.u-marginright_20 {
    margin-right: 20px;
}

.u-celda_numero_cuenta {
    min-width: 194px;
}

.no_elementos {
    text-align: center;
    font-weight: bold;
    color: #A0B0BF;
    font-size: 25px;
    text-transform: uppercase;
    height: 125px;
    width: 200px;
    padding-right: 150px;
    background-image: url('/ES/Temas/Predeterminado/../../Temas/Predeterminado/Imagenes/no_datos.png');
    background-repeat: no-repeat;
    background-position: right center;
    padding-top: 50px;
    margin: 0 auto;
}

.cargando {
    text-align: center;
    font-weight: bold;
    color: #A0B0BF;
    font-size: 25px;
    height: 125px;
    width: 200px;
    margin: 50px auto;
}


/* spin en boton*/

@keyframes spinner {
    to {
        transform: rotate(360deg);
    }
}

.spinner:before {
    content: '';
    box-sizing: border-box;
    position: absolute;
    width: 14px;
    height: 14px;
    margin-top: 3px;
    margin-left: -24px;
    border-radius: 50%;
    border-top: 2px solid #fff;
    border-right: 2px solid transparent;
    animation: spinner .6s linear infinite;
}


/****************************** login *****************************************/
.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fondo {
    width: 100vw;
    height: 100vh;
    background-color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
}

.fondo_login {
    width: 100%;
    height: 100%;
    background-image: url('/ES/Temas/Predeterminado/../../Temas/Predeterminado/Imagenes/fondo_login.png');
    background-repeat: repeat;
    background-color: #c20d30;
}

.formulario_login h1 {
    font-size: 1.1em;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 30px;

}

input[type="checkbox"] {
    height: 18px !important;
    background-color: transparent !important;
    border-radius: 0px !important;
}

.contenedorUsuariosSeleccionablesLogin {
    /*border: 1px solid;*/
}

.usuarioSeleccionable {
    background-color: #c20d30;
    border: 1px solid;
    width: 176px;
    min-height: 100px;
    float: left;
    margin: 10px;
    text-align: center;
    color: #fff;
    padding: 3px;
}

.usuarioSeleccionable input {
    max-width: 150px;
}

.usuarioSeleccionable input {
    background-color: white;
    border-radius: 5px;
    color: #c20d30;
    margin-bottom: 9px;
    margin-top: 9px;
    max-width: 150px;
}

.usuarioSeleccionable input[type="button"] {
    background-color: white;
    color: #c20d30;
}

.usuarioSeleccionable>p {
    background-color: white;
    cursor: pointer;
    text-align: center;
    font-weight: bold;
    color: #c20d30;
    border: 1px solid white;
    border-radius: 10px;
    padding: 3px;
    width: 90%;
    margin: 0 auto;
}

.icono2 {
    width: 176px;
    height: 50px;
    background-image: url('/ES/Temas/Predeterminado/../../Temas/Predeterminado/Imagenes/icono2.jpg');
    background-repeat: no-repeat;
    border-radius: 10px;
}

.zero {
    font-family: monospace;
    font-weight: bold;
    font-size: 29px;
    color: #c20d30;
}

.formulario_login {
    color: #fff;
    padding: 20px;
    box-sizing: border-box;
    background-position: center;
}

.formulario_login.pass {
    height: 650px;
    margin-top: -325px;
    background-position: center 620px;
}

.logo_zero {
    width: 180px;
    height: 57px;
    margin: 0 auto;
    background-image: url(../Temas/Predeterminado/Imagenes/logoZeroGrande.svg);
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 30px;
}

.formulario_login input {
    height: 40px;
    width: 100%;
    text-align: center;
    border: 0px solid #000;

    -webkit-appearance: none;
    appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    text-align: left;
    color: #333;
    padding-left: 5px;
    background-color: rgba(255, 255, 255, .85) !important;
    font-size: 26px;
    font-weight: bold;
    text-align: center;

}

.formulario_login input:-webkit-autofill {
    background-color: rgba(255, 255, 255, .85) !important;
    -webkit-box-shadow: 0 0 0px 1000px rgba(255, 255, 255, .85) inset;
}

.formulario_login input:focus {
    border: 1px solid #000 !important;
    background-color: rgba(255, 255, 255, .85) !important;
}

.formulario_login input[type="checkbox"] {
    background-color: #fff !important;
    margin-top: 18px !important;
    position: relative !important;
    border-radius: 0px !important;
    -webkit-appearance: none;
    appearance: none;
    padding: 10px;
    width: initial;
    color: #0C6320 !important;
}

.formulario_login input[type="checkbox"]:focus {
    border: 0;
    box-shadow: none;
}

.label_check {
    cursor: pointer;
    user-select: inherit;
}

input[type="checkbox"]:not(.acordeon):checked+label:before {
    content: '\2713';
    display: inline-block;
    color: #16a236;
    padding: 0 6px 0 0;
    position: absolute;
    font-size: 21px;
    font-weight: bolder;
    margin-top: -10px;
    margin-left: -18px;
}

.centrado_label {
    margin-top: 10px;
}

.centrado_label,
.centrado_label2 {
    display: flex;
    justify-content: flex-end;
    padding-right: 45px;
}

.centrado_label label,
.centrado_label2 label {
    margin-top: 5px !important;
}

.centrado_label input[type="checkbox"],
.centrado_label2 input[type="checkbox"] {
    margin-top: 0px !important;
    margin-left: 10px !important;
}

.formulario_login input.boton {
    width: 100%;
    background-color: #0C6320 !important;
    font-size: 15px;
    padding-top: 2px;
    border-bottom: 0px;
    margin-top: 25px;
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    height: 45px;
    background-repeat: no-repeat;
    background-position: 70% center;
}

.formulario_login input.boton.boton_gris {
    background-color: #0C6320 !important;
    color: #D5D5D5;
    margin-bottom: 10px;
    margin-top: 10px;
}

.formulario_login input.boton.boton_gris:active {
    background-color: #4D4D4D !important;
}

.input_codigo {
    margin-bottom: 10px;
}

.punto_de_venta div {
    padding: 10px;
    border: 1px solid #686868;
    display: block;
    margin-top: 15px;
    text-align: center;
}

.punto_de_venta span:first-child {

    color: #B5B5B5;
    display: block;
    margin-bottom: 15px;
}

.borde_formulario {
    border: 1px solid rgba(255, 255, 255, .85);
    border-radius: 20px;
    padding: 10px;
    margin-top: 20px;
    padding-top: 0px;
    padding-bottom: 15px;

}

.no_codigo {
    margin-top: 3px;
    display: block;
    text-align: center;
    font-size: 18px;
    max-width: 220px;
    margin: 3px auto;
}

.codigo_postal {
    color: #c20d30;
    text-decoration: underline;
    text-decoration: underline;
}

.borde_formulario label {
    margin-top: 15px !important;
}

.opcion {
    text-align: center;
    font-size: 30px;
    margin-top: 16px !important;
    margin-bottom: 10px !important;
}

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

.formulario_login label {
    display: block;
    margin-top: 20px;
    margin-bottom: 5px;
}


/*************************************Calendario ********************************************/

.DynarchCalendar {
    border: 1px solid #c20d30;
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Chrome/Safari/Opera */
    -khtml-user-select: none;
    /* Konqueror */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently
                          not supported by any browser */
    background: #fff;
    font: 15px "lucida grande", tahoma, verdana, sans-serif;
    line-height: 20px;
    position: relative;
    cursor: default;
    width: 300px;
}

table.DynarchCalendar-topCont {
    width: 300px !important;
}

.DynarchCalendar table {
    border-collapse: collapse;
    font: 15px "lucida grande", tahoma, verdana, sans-serif;
    line-height: 20px;
    width: 300px;
}

.DynarchCalendar-topBar {
    border-bottom: 1px solid #c20d30;
    background: #fff;
    padding: 5px 0 0 0;
}

table.DynarchCalendar-titleCont {
    font-weight: bold;
    color: #fff;
    background: #c20d30;
    text-align: center;
    z-index: 9;
    position: relative;
    margin-top: -6px;
}

.DynarchCalendar-title div {
    padding: 5px;
    /*ext-shadow: 1px 1px 1px #777;*/
}

.DynarchCalendar-hover-title div {
    background-color: #c20d30;
    padding: 5px;
    /*background-image: url("/ES/Temas/Predeterminado/../../Temas/Predeterminado/Imagenes/Calendario/drop-down.gif");*/
    background-repeat: no-repeat;
    background-position: 100% 50%;
}

.DynarchCalendar-pressed-title div {
    padding: 5px;
    background-color: #c20d30;
    color: #fff;
    /*background-image: url("/ES/Temas/Predeterminado/../../Temas/Predeterminado/Imagenes/Calendario/drop-up.gif");*/
    background-repeat: no-repeat;
    background-position: 100% 50%;
}

.DynarchCalendar-bottomBar {
    border-top: 1px solid #c20d30;
    background: #fff;
    position: relative;
    text-align: center;
}

.DynarchCalendar-bottomBar-today {
    color: #c20d30;
    font-weight: bold;
    cursor: pointer;
    line-height: 40px;
}

.DynarchCalendar-hover-bottomBar-today {
    background-color: #c20d30;
    color: #fff;
    font-weight: bold;
}

.DynarchCalendar-pressed-bottomBar-today {
    background-color: #fff;
    color: #c20d30;
}

.DynarchCalendar table {
    margin-bottom: 0px;
}

.DynarchCalendar-body {
    position: relative;
    overflow: auto;
    padding-top: 5px;
    padding-bottom: 5px;
}

.DynarchCalendar-first-col {
    padding-left: 5px;
}

.DynarchCalendar-last-col {
    padding-right: 5px;
}

.DynarchCalendar-animBody-backYear {
    position: absolute;
    top: -100%;
    left: 0;
}

.DynarchCalendar-animBody-back {
    position: absolute;
    top: 5px;
    left: -100%;
}

.DynarchCalendar-animBody-fwd {
    position: absolute;
    top: 5px;
    left: 100%;
}

.DynarchCalendar-animBody-now {
    position: absolute;
    top: 5px;
    left: 0;
}

.DynarchCalendar-animBody-fwdYear {
    position: absolute;
    top: 100%;
    left: 0;
}

.DynarchCalendar-dayNames {
    padding-left: 5px;
    padding-right: 5px;
}

.DynarchCalendar-dayNames div {
    font-weight: bold;
    color: #444;
    /*text-shadow: 1px 1px 1px #777;*/
}

.DynarchCalendar-navBtn {
    position: absolute;
    top: 2px;
    margin-left: 5px;
    margin-right: 5px;
    z-index: 10;
    cursor: pointer;
}

.DynarchCalendar-navBtn div {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    padding: 5px;
    height: 15px;
    width: 15px;
}

.DynarchCalendar-hover-navBtn div {
    padding: 5px;
    background-color: #fff;
}

.DynarchCalendar-navDisabled {
    opacity: 0.3;
    filter: alpha(opacity=30);
    cursor: default !important;
}

.DynarchCalendar-pressed-navBtn div {
    border: 1px solid #c20d30;
    padding: 0;
    background-color: #fff;
    color: #fff;
}

.DynarchCalendar-prevMonth {
    left: 43px;
    background-color: #fff;
}

.DynarchCalendar-nextMonth {
    left: 100%;
    margin-left: -85px;
    background-color: #fff;
}

.DynarchCalendar-prevYear {
    left: 5px;
    background-color: #fff;
}

.DynarchCalendar-nextYear {
    left: 100%;
    margin-left: -43px;
    background-color: #fff;
}

.DynarchCalendar-prevMonth div {
    background-image: url("/ES/Temas/Predeterminado/../../Temas/Predeterminado/Imagenes/Calendario/nav-left.gif");
}

.DynarchCalendar-nextMonth div {
    background-image: url("/ES/Temas/Predeterminado/../../Temas/Predeterminado/Imagenes/Calendario/nav-right.gif");
}

.DynarchCalendar-prevYear div {
    background-image: url("/ES/Temas/Predeterminado/../../Temas/Predeterminado/Imagenes/Calendario/nav-left-x2.gif");
}

.DynarchCalendar-nextYear div {
    background-image: url("/ES/Temas/Predeterminado/../../Temas/Predeterminado/Imagenes/Calendario/nav-right-x2.gif");
}

.DynarchCalendar-menu {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    overflow: hidden;
    opacity: 0.85;
    filter: alpha(opacity=85);
}

.DynarchCalendar-menu table td div {
    text-align: center;
    font-weight: bold;
    padding: 5px 5px;
}

.DynarchCalendar-menu table td div.DynarchCalendar-menu-month {
    width: 4em;
    text-align: center;
    cursor: pointer;
}

.DynarchCalendar-menu table td div.DynarchCalendar-hover-navBtn {
    border: 1px solid #c20d30;
    background-color: #fff;
    color: #000;
}

.DynarchCalendar-menu table td div.DynarchCalendar-pressed-navBtn {
    border: 1px solid #c20d30;
    padding: 5px;
    background-color: #fff;
    color: #000 !important;
}

.DynarchCalendar-menu-year {
    text-align: center;
    font: 16px "lucida grande", tahoma, verdana, sans-serif;
    font-weight: bold;
}

.DynarchCalendar-menu-sep {
    height: 1px;
    font-size: 1px;
    line-height: 1px;
    overflow: hidden;
    border-top: 1px solid #c20d30;
    background: #fff;
    margin-top: 4px;
    margin-bottom: 3px;
}

.DynarchCalendar-time td {
    font-weight: bold;
    font-size: 120%;
}

.DynarchCalendar-time-hour,
.DynarchCalendar-time-minute {
    padding: 1px 3px;
}

.DynarchCalendar-time-down {
    background: url("/ES/Temas/Predeterminado/../../Temas/Predeterminado/Imagenes/Calendario/time-down.png") no-repeat 50% 50%;
    width: 11px;
    height: 8px;
    opacity: 0.5;
}

.DynarchCalendar-time-up {
    background: url("/ES/Temas/Predeterminado/../../Temas/Predeterminado/Imagenes/Calendario/time-up.png") no-repeat 50% 50%;
    width: 11px;
    height: 8px;
    opacity: 0.5;
}

.DynarchCalendar-time-sep {
    padding: 0 2px;
}

.DynarchCalendar-hover-time {
    background-color: #444;
    color: #fff;
    opacity: 1;
}

.DynarchCalendar-pressed-time {
    background-color: #000;
    color: #fff;
    opacity: 1;
}

.DynarchCalendar-time-am {
    padding: 1px;
    width: 2.5em;
    text-align: center;
}


/* body */

.DynarchCalendar-hover-week {
    background-color: #ecfbdf;
}

.DynarchCalendar-dayNames div,
.DynarchCalendar-day,
.DynarchCalendar-weekNumber {
    width: 1.7em;
    padding: 5px;
    text-align: center;
}

.DynarchCalendar-weekNumber {
    border-right: 1px solid #c20d30;
    margin-right: 4px;
    width: 2em !important;
    padding-right: 8px !important;
}

.DynarchCalendar-day {
    text-align: right;
    color: #222;
    cursor: pointer;
}

.DynarchCalendar-day-othermonth {
    color: #888;
}

.DynarchCalendar-weekend {
    color: #c22;
}

.DynarchCalendar-day-today {
    color: #c20d30;
    font-weight: bold;
    text-decoration: underline;
    cursor: pointer;
}

.DynarchCalendar-day-disabled {
    opacity: 0.1;
    filter: alpha(opacity=10);
    /*  IE8  */
    text-shadow: 2px 1px 1px #fff;
    color: #000;
    cursor: default;
}

.DynarchCalendar-hover-date {
    background-color: #c20d30;
    color: #fff !important;
}

.DynarchCalendar-day-othermonth.DynarchCalendar-hover-date {
    border-color: #c20d30;
    color: #fff;
}

.DynarchCalendar-dayNames .DynarchCalendar-weekend {
    color: #c20d30;
}

.DynarchCalendar-day-othermonth.DynarchCalendar-weekend {
    color: #c20d30;
}

.DynarchCalendar-day-selected {
    background-color: #c20d30;
    color: #fff !important;
    cursor: pointer;
}

.DynarchCalendar-day-today.DynarchCalendar-day-selected {
    background-color: #c20d30;
    cursor: pointer;
}


/* focus */

.DynarchCalendar-focusLink {
    position: absolute;
    opacity: 0;
    filter: alpha(opacity=0);
}

.DynarchCalendar-focused {
    border-color: #c20d30;
}

.DynarchCalendar-focused .DynarchCalendar-topBar,
.DynarchCalendar-focused .DynarchCalendar-bottomBar {
    background-color: #fff;
    border-color: #c20d30;
}

.DynarchCalendar-focused .DynarchCalendar-hover-week {
    background-color: #edb6c0;
}

.DynarchCalendar-tooltip {
    position: absolute;
    top: 100%;
    width: 100%;
}

.DynarchCalendar-tooltipCont {
    margin: 0 5px 0 5px;
    border: 1px solid #c20d30;
    border-top: 0;
    padding: 5px;
    background: #fff;
}

.DynarchCalendar-focused .DynarchCalendar-tooltipCont {
    background: #fff;
    border-color: #c20d30;
}


/*@media print {
  .DynarchCalendar-day-selected {
    padding: 2px 3px;
    border: 1px solid #000;
    margin: 0 !important;
  }
}*/


/**************** calendario beneficios *********************/

.calendario_beneficios {
    font-weight: bold;
}

.calendario_beneficios table {
    border-collapse: collapse;
    margin-top: 20px;
}

.calendario_beneficios table th {
    height: 25px;
    background-color: #26AA6B;
    color: #fff;
    border-left: 1px solid #575756;
    border-right: 1px solid #575756;
    border-top: 1px solid #575756;
    border-collapse: collapse;
    font-size: 10px;
    width: 42px;
    vertical-align: middle;
}

.calendario_beneficios table td {
    border: 1px solid #575756;
    border-collapse: collapse;
    color: #26AA6B;
    font-size: 10px;
    height: 32px;
    text-align: center;
    vertical-align: bottom;
}

.calendario_beneficios .dia_calendario {
    color: #000000;
    float: left;
    font-size: 11px;
    margin-left: 1px;
    margin-top: -10px;
}

.comision_calendario {
    float: right;
    font-size: 19px;
    margin-bottom: 0px;
    margin-right: 3px;
    margin-top: -2px;
    text-align: center;
}

.fondo_dia_hoy {
    background-color: #c4ecd9;
}

.verde_beneficios {
    color: #26AA6B;
}


/***************** tooltip **************************/

.tooltip_filtro {
    padding: 7px;
    position: absolute;
    background-color: #fff;
    border: 1px solid #d1d1d1;
    z-index: 98;
    margin-top: 1px;
    margin-left: 0px;
    min-width: 133px;
}


/*.tooltip_filtro::before{
    width: 15px;
    height: 17px;
    content: '\25BC';
    position: absolute;
    z-index: 98;
    bottom: -15px;
    left: 35px;
}*/

.rango_hora .tooltip_filtro {
    margin-top: -167px;
}

.hora .tooltip_filtro input.menos,
.hora .tooltip_filtro input.mas {
    margin-right: 3px;
    margin-left: 3px;
}

.tooltip_filtro input[type="button"].mas {
    background-image: url("/ES/Temas/Predeterminado/../../Temas/Predeterminado/Imagenes/flecha_scroll_arriba.png");
    background-repeat: no-repeat;
    background-color: #fff;
    background-position: center center;
    width: 48px;
    padding-left: 5px !important;
    padding-right: 13px !important;
    height: 30px;
    padding: 0px;
    border: 1px solid #ccc;
}

.tooltip_filtro input[type="button"].menos {
    background-image: url("/ES/Temas/Predeterminado/../../Temas/Predeterminado/Imagenes/flecha_scroll_abajo.png");
    background-repeat: no-repeat;
    background-color: #fff;
    background-position: center center;
    width: 48px;
    padding-left: 5px !important;
    padding-right: 13px !important;
    height: 30px;
    padding: 0px;
    border: 1px solid #ccc;
}

.tooltip_filtro input[type="text"] {
    margin-right: 3px;
    margin-left: 3px;
    padding-right: 5px !important;
    text-align: center;
    letter-spacing: 2px;
    height: 30px !important;
}

.tooltip_filtro input {
    max-width: 40px;
}

.tooltip_filtro fieldset {
    margin-bottom: 0px;
    border: 1px solid #d1d1d1;
    padding: 5px;
}

.tooltip_filtro legend,
.tooltip_filtro label {
    text-align: center;
    margin-left: 3px;
}

.tooltip_hora {
    padding: 7px;
    position: relative;
    float: left;
    background-color: #fff;
    border: 1px solid #d1d1d1;
    z-index: 98;
    margin-top: 1px;
    margin-left: 0px;
    min-width: 133px;
}


/*.tooltip_filtro::before{
    width: 15px;
    height: 17px;
    content: '\25BC';
    position: absolute;
    z-index: 98;
    bottom: -15px;
    left: 35px;
}*/

.rango_hora .tooltip_hora {
    margin-top: -167px;
}

.hora .tooltip_hora input.menos,
.hora .tooltip_hora input.mas {
    margin-right: 3px;
    margin-left: 3px;
}

.tooltip_hora input[type="button"].mas {
    background-image: url("/ES/Temas/Predeterminado/../../Temas/Predeterminado/Imagenes/flecha_scroll_arriba.png");
    background-repeat: no-repeat;
    background-color: #fff;
    background-position: center center;
    width: 48px;
    padding-left: 5px !important;
    padding-right: 13px !important;
    height: 30px;
    padding: 0px;
    border: 1px solid #ccc;
}

.tooltip_hora input[type="button"].menos {
    background-image: url("/ES/Temas/Predeterminado/../../Temas/Predeterminado/Imagenes/flecha_scroll_abajo.png");
    background-repeat: no-repeat;
    background-color: #fff;
    background-position: center center;
    width: 48px;
    padding-left: 5px !important;
    padding-right: 13px !important;
    height: 30px;
    padding: 0px;
    border: 1px solid #ccc;
}

.tooltip_hora input[type="text"] {
    margin-right: 3px;
    margin-left: 3px;
    padding-right: 5px !important;
    text-align: center;
    letter-spacing: 2px;
    height: 30px !important;
}

.tooltip_hora input {
    max-width: 40px;
}

.tooltip_hora fieldset {
    margin-bottom: 0px;
    border: 1px solid #d1d1d1;
    padding: 5px;
}

.tooltip_hora legend,
.tooltip_hora label {
    text-align: center;
    margin-left: 3px;
    width: 56px !important;
}


/*****************fin tooltip **************************/


/************************************* errores 404 y 500 ***************************************************/

.error404 {
    background-color: transparent;
    background-image: url(../Temas/Predeterminado/Imagenes/error404_paxaros.svg);
    background-repeat: no-repeat;
    background-position: center 50px;
    width: 1000px;
    height: 550px;
    left: 50%;
    top: 50%;
    margin-left: -500px;
    margin-top: -325px;
    position: absolute;
}

.titulo_error {
    font-size: 30px;
    color: #fff;
    text-align: center;
    margin-top: 50px;
}

.titulo_error span {
    font-size: 70px
}

.texto_error_404 {
    text-align: center;
    margin-top: 160px;
    color: #fff;
}

.solo_404 {
    font-size: 100px;
    color: #fff;
    text-align: center;
    margin-top: 20px;
}

.logo_disashop_404 {
    background-image: url(../Temas/Predeterminado/Imagenes/logo_disashop_blanco.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 120px;
    height: 50px;
    margin-top: 50px;
    position: absolute;
    left: 50%;
    margin-left: -60px;
    background-size: contain;
}

.error500 {
    background-image: url(../Temas/Predeterminado/Imagenes/error_500.svg);
    background-repeat: no-repeat;
    background-position: center -50px;
    width: 1000px;
    height: 550px;
    left: 50%;
    top: 50%;
    margin-left: -500px;
    margin-top: -300px;
    position: absolute;
}

.solo_500 {
    font-size: 100px;
    color: #fff;
    text-align: center;
    margin-top: 20px;
    float: left;
}

.titulo_error_500 {
    font-size: 30px;
    color: #fff;
    text-align: center;
    margin-top: 85px;
}

.texto_error_500 {
    text-align: center;
    margin-top: 300px;
    color: #fff;
}

.logo_disashop_500 {
    background-image: url(../Temas/Predeterminado/Imagenes/logo_disashop_negro.svg);
    background-repeat: no-repeat;
    background-position: center;
    width: 120px;
    height: 50px;
    margin-top: 50px;
    position: absolute;
    left: 50%;
    margin-left: -60px;
    background-size: contain;
}

.boton_volver_error {
    position: absolute;
    left: 50%;
    margin-left: -60px;
    background-color: #000 !important;
}

a.boton_volver_error {
    text-decoration: none !important;
}

.color_logo {
    fill: #c20d30;
}


/***************************** fin de error 404 y 500 *****************************************/

#frameTicketPrint,
#frameTicketPrintFinDeDia,
#frameTicketPrintMAS,
#frameTicketPrintMASPantalla,
#frameTicketRePrint,
#frameTicketPrintAnulacion,
#frameTicketPrintReimpresion,
#frameTicketPrintInformeAplicacion {
    background-color: white;
    margin-top: 10px;
    min-height: 360px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 10px;
    width: 231px;
}

#frameTicketPrintAnulacion {
    background-color: white;
    margin-left: 24%;
    min-height: 360px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 8px;
    width: 231px;
}


/************** loading **********************/

.loading {
    width: 80px;
    height: 50px;
    margin: 20px auto;
    color: #c20d30;
    font-size: 15px;
    text-align: center;
}

.loading div {
    display: block;
    width: 50px;
    height: 50px;
    margin: 5px auto;
    border-radius: 50%;
    box-shadow: 0 3px 0 0 #c20d30;
    -ms-animation: loading 1s linear infinite;
    -moz-animation: loading 1s linear infinite;
    -webkit-animation: loading 1s linear infinite;
    -o-animation: loading 1s linear infinite;
    animation: loading 1s linear infinite;
}

.loading.cargando_producto {
    width: 250px;
}

.loading.cargando_producto div {
    width: 100px;
    height: 100px;
    margin-top: 50%;
}

.saldo .loading,
.anticipo .loading {
    width: 25px;
    height: 25px;
    float: right;
    color: #c20d30;
    font-size: 0px;
    text-align: center;
    margin-top: 7px;
    margin-right: 10px;
    margin-left: 10px;
}

.saldo .loading div,
.anticipo .loading div {
    display: block;
    width: 25px;
    height: 25px;
    margin: 0 auto;
    border-radius: 50%;
    box-shadow: 0 2px 0 0 #c20d30;
    -ms-animation: loading 1s linear infinite;
    -moz-animation: loading 1s linear infinite;
    -webkit-animation: loading 1s linear infinite;
    -o-animation: loading 1s linear infinite;
    animation: loading 1s linear infinite;
}

@-webkit-keyframes loading {
    0% {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes loading {
    0% {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes loading {
    0% {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-ms-keyframes loading {
    0% {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes loading {
    0% {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes loading {
    0% {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-o-keyframes loading {
    0% {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes loading {
    0% {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}


/*********fin loading**********************/

.tembleque>input,
.tembleque>select {
    -webkit-animation: tembleque .5s ease-in-out both;
    animation: tembleque .5s ease-in-out both;
}

@keyframes tembleque {

    0%,
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    50%,
    70% {
        -webkit-transform: translateX(-3px);
        transform: translateX(-3px);
    }

    40%,
    60% {
        -webkit-transform: translateX(3px);
        transform: translateX(3px);
        background-color: #8abd60;
    }

    80% {
        -webkit-transform: translateX(3px);
        transform: translateX(3px);
    }

    90% {
        -webkit-transform: translateX(-3px);
        transform: translateX(-3px);
    }
}


/*************************** tecladossssssss ********************/


/**************************** teclado *********************************************/

.teclado_alfanumerico {
    width: 706px;
    border: 1px solid #ccc;
    background-color: #ddd;
    margin-top: 15px;
    color: #000 !important;
    position: fixed;
    z-index: 100;
    bottom: 0;
    border-radius: 5px 5px 0px 0px;
    animation: subir 0.3s;
    -webkit-animation: subir 0.3s;
    left: 50%;
    margin-left: -351px;
}

@keyframes subir {
    0% {
        bottom: -200px;
    }

    100% {
        bottom: 0px;
    }
}


/* Chrome, Safari, Opera */

@-webkit-keyframes subir {
    0% {
        bottom: -200px;
    }

    100% {
        bottom: 0px;
    }
}

@-moz-keyframes subir {
    0% {
        bottom: -200px;
    }

    100% {
        bottom: 0px;
    }
}

@-o-keyframes subir {
    0% {
        bottom: -200px;
    }

    100% {
        bottom: 0px;
    }
}

.input_alfanumerico {
    background-color: #ddd;
    padding: 10px;
    width: 370px;
    border: 1px solid #ccc;
    float: left;
    margin-right: 15px;
}

.campo_alfanumerico {
    width: 360px;
    padding: 5px;
    border: 0;
    height: 25px;
    font-size: 12pt !important;
    letter-spacing: 1px;
    -webkit-text-security: square;
}

.fila1 {
    margin-top: 3px;
    margin-left: 10px;
    width: 680px;
    height: 56px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-content: flex-end;
    align-content: flex-end;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
}

.fila1:nth-child(n) {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    order: 0;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    align-self: auto;
}

.fila2 {
    margin-top: 3px;
    margin-left: 10px;
    width: 680px;
    height: 56px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-content: flex-end;
    align-content: flex-end;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
}

.fila2:nth-child(n) {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    order: 0;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    align-self: auto;
}

.fila3 {
    margin-top: 3px;
    margin-left: 10px;
    width: 680px;
    height: 56px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-content: flex-end;
    align-content: flex-end;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
}

.fila3:nth-child(n) {
    -box-ordinal-group: 1;
    -webkit-order: 0;
    order: 0;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    align-self: auto;
}

.fila4 {
    margin-top: 3px;
    margin-left: 10px;
    width: 680px;
    height: 56px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-content: flex-end;
    align-content: flex-end;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
}

.fila4:nth-child(n) {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    order: 0;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    align-self: auto;
}

.fila1_numerico {
    margin-top: 9px;
    margin-left: 5px;
    width: 200px;
    height: 65px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-content: flex-end;
    align-content: flex-end;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
}

.fila1_numerico:nth-child(n) {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    order: 0;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    align-self: auto;
}

.fila2_numerico {
    margin-top: 12px;
    margin-left: 5px;
    width: 200px;
    height: 65px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    flex-direction: row;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-content: flex-end;
    align-content: flex-end;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
}

.fila2_numerico:nth-child(n) {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    order: 0;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    align-self: auto;
}

.fila3_numerico {
    margin-top: 12px;
    margin-left: 5px;
    width: 200px;
    height: 65px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-content: flex-end;
    align-content: flex-end;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
}

.fila3_numerico:nth-child(n) {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    order: 0;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    align-self: auto;
}

.fila4_numerico {
    margin-top: 12px;
    margin-left: 5px;
    width: 200px;
    height: 65px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-content: flex-end;
    align-content: flex-end;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
}

.fila4_numerico:nth-child(n) {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    order: 0;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
}


/*************numerico************/

.teclado_numerico {
    width: 190px;
    margin-top: 10px;
    margin-left: 23px;
    position: fixed;
    right: 37px;
    bottom: 0px;
    z-index: 999;
    animation: subir 0.3s;
    border-left: 2px solid #000;
    padding-left: 31px;
    left: 50%;
    margin-left: 250px;
}

.tecla_numerico {
    width: 48px;
    height: 48px;
    margin-right: 5px;
    margin-bottom: 9px;
    float: left;
    background-color: #aaaeb7;
    color: #5C5C60;
    text-align: center;
    padding-top: 11px;
    font-size: 31px;
    box-sizing: border-box;
    border-radius: 5px;
    cursor: pointer;
    font-weight: bold;
}

.tecla_numerico:active,
.formulario.teclado_formulario .tecla_numerico:active {
    background-color: #aaaeb7;
}

.tecla_numerico.borrar,
.tecla_numerico.punto {
    font-size: 0.8rem;
    padding-top: 30px;
    background-color: #EEEFF1;
}

.tecla_numerico.corregir {
    font-size: 0.7rem;
    padding-top: 30px;
    background-color: #bbbbbb;
}

.tecla_numerico.borrar:active,
.tecla_numerico.corregir:active,
.tecla_numerico.punto:active .formulario.teclado_formulario .tecla_numerico.borrar:active,
.formulario.teclado_formulario .tecla_numerico:active .tecla_numerico.corregir:active {
    background-color: #aaaeb7;
}

.tecla_numerico.corregir:before {
    width: 20px;
    height: 15px;
    content: '';
    background-image: url('/ES/Temas/Predeterminado/../../Temas/Predeterminado/Imagenes/icono_corregir.png');
    background-repeat: no-repeat;
    margin: -18px 17px;
    float: left;
}

.tecla_numerico.borrar:before {
    width: 20px;
    height: 15px;
    content: '';
    background-image: url('/ES/Temas/Predeterminado/../../Temas/Predeterminado/Imagenes/aspa_borrar.png');
    background-repeat: no-repeat;
    margin: -16px 17px;
    float: left;
}


/**************************** tecla base******************************/

.tecla:empty,
.tecla:blank {
    visibility: hidden;
}

.tecla {
    min-width: 1em;
    padding: 14px 17px;
    font: normal 13pt "Lucida Grande", Lucida, Arial, sans-serif;
    text-align: center;
    text-decoration: none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: none;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    color: #fff;
    background-color: #9c9c9c;
    box-flex: 1.0;
    box-shadow: 0px 1px 1px #CCCCCC;
}

.tecla:active {
    box-shadow: none;
    padding: 16px 21px 14px 21px;
}

.tecla_teclado_numerico {
    min-width: 1em;
    padding: 21px 24px;
    font: normal 15pt Arial;
    text-align: center;
    text-decoration: none;
    /*-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;*/
    border: none;
    cursor: default;
    -webkit-user-select: none;
    user-select: none;
    background-color: #fff;
    box-flex: 1.0;
    cursor: pointer;
    box-shadow: 0px 1px 1px #575958;
}

.tecla_teclado_numerico:active {
    box-shadow: 0px 1px 1px #575958 inset;
    padding-top: 10px;
    padding-bottom: 0px;
}

.tecla_muestra {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    /* border-radius: 5px;*/
    font-size: 22pt;
    margin-left: -18px;
    margin-top: -72px;
    padding-top: 1px;
    position: absolute;
    width: 50px;
}

.triangulo_tecla_muestra {
    border-left: 5px solid rgba(0, 0, 0, 0);
    border-right: 5px solid rgba(0, 0, 0, 0);
    border-top: 10px solid #BABCC0;
    height: 0;
    margin-left: 20px;
    position: absolute;
    width: 0;
}

.tecla_muestra_shift {
    background-color: #BABCC0;
    background-image: url(../Temas/Predeterminado/Imagenes/flecha_negra.svg);
    background-size: 25px;
    background-position: center center;
    background-repeat: no-repeat;
    border: 1px solid #CCCCCC;
    /*border-radius: 5px;*/
    height: 36px;
    margin-left: -17px;
    margin-top: -52px;
    padding-top: 1px;
    position: absolute;
    width: 50px;
}

.triangulo_tecla_muestra_shift {
    border-left: 5px solid rgba(0, 0, 0, 0);
    border-right: 5px solid rgba(0, 0, 0, 0);
    border-top: 10px solid #BABCC0;
    height: 0;
    margin-left: 20px;
    margin-top: 35px;
    position: absolute;
    width: 0;
}

.tecla_muestra_teclado {
    background-color: #BABCC0;
    background-image: url("/ES/Temas/Predeterminado/../../Temas/Predeterminado/Imagenes/mini_teclado_negro.svg");
    background-size: 45px;
    background-position: center center;
    background-repeat: no-repeat;
    border: 1px solid #CCCCCC;
    /* border-radius: 5px;*/
    height: 36px;
    margin-left: -17px;
    margin-top: -52px;
    padding-top: 1px;
    position: absolute;
    width: 62px;
}

.triangulo_tecla_muestra_teclado {
    border-left: 5px solid rgba(0, 0, 0, 0);
    border-right: 5px solid rgba(0, 0, 0, 0);
    border-top: 10px solid #BABCC0;
    height: 0;
    margin-left: 26px;
    margin-top: 35px;
    position: absolute;
    width: 0;
}

.tecla_muestra_shift_grande {
    background-color: #BABCC0;
    background-image: url(../Temas/Predeterminado/Imagenes/flecha_negra.svg);
    background-size: 35px;
    background-position: center center;
    background-repeat: no-repeat;
    border: 1px solid #CCCCCC;
    /* border-radius: 5px;*/
    height: 36px;
    margin-left: -17px;
    margin-top: -52px;
    padding-top: 1px;
    position: absolute;
    width: 62px;
}

.triangulo_tecla_muestra_shift_grande {
    border-left: 5px solid rgba(0, 0, 0, 0);
    border-right: 5px solid rgba(0, 0, 0, 0);
    border-top: 10px solid #BABCC0;
    height: 0;
    margin-left: 26px;
    margin-top: 35px;
    position: absolute;
    width: 0;
}

.tecla_aceptar {
    background-color: #fff;
    color: #000;
}

.tecla_muestra_intro {
    background-color: #BABCC0;
    border: 1px solid #CCCCCC;
    /*border-radius: 5px;*/
    height: 26px;
    margin-left: -17px;
    margin-top: -70px;
    padding-top: 9px;
    position: absolute;
    width: 71px;
}

.triangulo_tecla_muestra_intro {
    border-left: 5px solid rgba(0, 0, 0, 0);
    border-right: 5px solid rgba(0, 0, 0, 0);
    border-top: 10px solid #BABCC0;
    height: 0;
    margin-left: 31px;
    margin-top: 9px;
    position: absolute;
    width: 0;
}

.tecla_muestra_borrar {
    background-color: #BABCC0;
    background-image: url("/ES/Temas/Predeterminado/../../Temas/Predeterminado/Imagenes/borrar_negro.svg");
    background-size: 30px;
    background-position: center center;
    background-repeat: no-repeat;
    border: 1px solid #CCCCCC;
    /*border-radius: 5px;*/
    height: 36px;
    margin-left: -17px;
    margin-top: -52px;
    padding-top: 1px;
    position: absolute;
    width: 50px;
}

.triangulo_tecla_muestra_borrar {
    border-left: 5px solid rgba(0, 0, 0, 0);
    border-right: 5px solid rgba(0, 0, 0, 0);
    border-top: 10px solid #BABCC0;
    height: 0;
    margin-left: 20px;
    margin-top: 35px;
    position: absolute;
    width: 0;
}

.tecla_muestra_borrar_numerico {
    background-color: #fff;
    background-size: 30px;
    background-position: center center;
    background-repeat: no-repeat;
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    height: 36px;
    margin-left: -16px;
    margin-top: -90px;
    padding-top: 1px;
    position: absolute;
    width: 50px;
    padding: 19px 6px 0px 6px;
    font-weight: bold;
}

.triangulo_tecla_muestra_borrar_numerico {
    border-left: 5px solid rgba(0, 0, 0, 0);
    border-right: 5px solid rgba(0, 0, 0, 0);
    border-top: 10px solid #000;
    /*#BABCC0;*/
    height: 0;
    margin-left: 20px;
    margin-top: 21px;
    position: absolute;
    width: 0;
}

.tecla_muestra_aceptar_numerico {
    background-color: #fff;
    background-size: 30px;
    background-position: center center;
    background-repeat: no-repeat;
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    height: 36px;
    margin-left: -12px;
    margin-top: -90px;
    padding-top: 1px;
    position: absolute;
    width: 50px;
    padding: 19px 6px 0px 6px;
    font-weight: bold;
}

.triangulo_tecla_muestra_aceptar_numerico {
    border-left: 5px solid rgba(0, 0, 0, 0);
    border-right: 5px solid rgba(0, 0, 0, 0);
    border-top: 10px solid #000;
    /*#BABCC0;*/
    height: 0;
    margin-left: 20px;
    margin-top: 21px;
    position: absolute;
    width: 0;
}

.oculta {
    display: none;
}

.derecha {
    float: right !important;
}

.izquierda {
    float: left !important;
}

.mayusculas {
    text-transform: uppercase;
}


/****************************** teclas especiales *******************************/

.tecla_borrar {
    background-color: #fff;
    height: 20px;
    background-image: url(../Temas/Predeterminado/Imagenes/borrar_negro.svg);
    background-size: 25px;
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    width: 30px;
}

.tecla_espacio {
    width: 196px;
    height: 20px;
    cursor: pointer;
}

.tecla_espacio_2 {
    width: 180px;
    height: 20px;
    cursor: pointer;
}

.tecla_intro {
    width: 40px;
    background-color: #babcc0;
    font-size: 10pt;
    height: 18px;
    padding-top: 17px;
    text-transform: lowercase !important;
    cursor: pointer;
}

.tecla_letras,
.tecla_numeros {
    background-color: #fff;
    font-size: 10pt;
    height: 18px;
    padding-top: 17px;
    width: 40px;
    color: #000;
    cursor: pointer;
}

.tecla_shift_grande {
    width: 30px;
    height: 20px;
    background-color: #fff;
    background-image: url(../Temas/Predeterminado/Imagenes/flecha_negra.svg);
    background-size: 25px;
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
}

.tecla_shift {
    width: 17px;
    height: 20px;
    background-color: #fff;
    background-image: url(../Temas/Predeterminado/Imagenes/flecha_negra.svg);
    background-size: 20px;
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
}

.tecla_teclado {
    width: 30px;
    height: 20px;
    background-color: #babcc0;
    background-image: url(../Temas/Predeterminado/Imagenes/mini_teclado_negro.svg);
    background-size: 35px;
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
}

.icono_teclado {
    background-image: url(../Temas/Predeterminado/Imagenes/icono_teclado_mostrar.png);
    position: fixed;
    bottom: 0px;
    right: 0px;
    background-repeat: no-repeat;
    background-position: calc(100% - 8px);
    background-color: #fff;
    width: 40px;
    cursor: pointer;
    overflow: hidden;
    font-size: 0px;
    height: 30px;
    box-sizing: border-box;
    opacity: 1 !important;
}

.icono_teclado_ocultar {
    background-image: url(../Temas/Predeterminado/Imagenes/icono_teclado_ocultar.png) !important;
}

.icono_vendedor {
    background-repeat: no-repeat;
    background-position: center;
    overflow: hidden;
    font-size: 0px;
    height: 40px;
    cursor: pointer;
    display: block;
    box-sizing: border-box;
    width: 40px;
    margin: 5px;
    float: right;
    border-radius: 50%;
    background-color: #c20d30 !important;
}

.icono_chat {
    background-image: url(../Temas/Predeterminado/Imagenes/chat.png);
}

.icono_conf {
    background-image: url(../Temas/Predeterminado/Imagenes/configuracion.png);
}

.icono_transacciones {
    background-image: url(../Temas/Predeterminado/Imagenes/transacciones.png);
}

.icono_agenda {
    background-image: url(../Temas/Predeterminado/Imagenes/agenda.png);
}

.icono_generico {
    background-image: url(../Temas/Predeterminado/Imagenes/generico_rojo.png);
}

.icono_fin_de_dia {
    background-image: url(../Temas/Predeterminado/Imagenes/fin_dia.png);
}

.icono_ingresar_saldo {
    background-image: url(../Temas/Predeterminado/Imagenes/saldo.png);
}

.icono_promo {
    background-image: url(../Temas/Predeterminado/Imagenes/avisos.png);
}

.icono_informes {
    background-image: url(../Temas/Predeterminado/Imagenes/informes.png);
}

.icono_legal {
    background-image: url(../Temas/Predeterminado/Imagenes/legal.png);
}

.icono_informes.icono_Operaciones {
    background-image: url(../Temas/Predeterminado/Imagenes/transacciones.png) !important;
}

.icono_informes.icono_Activaciones {
    background-image: url(../Temas/Predeterminado/Imagenes/sim_informes.png) !important;
}

.icono_informes.icono_Reparaciones {
    background-image: url(../Temas/Predeterminado/Imagenes/reparacion_circu.png) !important;
}

.bloque_vendedor .desplegado li {
    width: 260px;
    font-size: 100%;
}

.bloque_vendedor_barra li span {
    padding-top: 16px;
    display: block;
}

.bloque_vendedor.publicidad_extendido {
    width: 260px;
    transition: 0.5s;
    right: calc(50% - 640px);
    float: left;
    z-index: 9;
    overflow-y: auto;
    overflow-x: hidden;
}

.menu_admin ul li {
    overflow: hidden;
    width: 50px;
    font-size: 0px;
    height: 50px;
    cursor: pointer;
}

.menu_admin ul li:hover,
.menu_admin ul li.seleccionado {
    background-color: #bbb;
    color: #000;
}

.menu_admin ul li.seleccionado::after {
    content: '';
    border-top: 25px solid transparent;
    border-left: 20px solid #fff;
    border-bottom: 25px solid transparent;
    position: fixed;
    right: 241px;
    z-index: 999;
    margin-top: -31px;
}

@-webkit-keyframes aparecer {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes aparecer {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-moz-keyframes aparecer {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}


/*************************informes***************************/

.boton_informe {
    width: 134px;
    background-color: #fff;
    height: 100px;
    float: left;
    margin-right: 11px;
    margin-left: 11px;
    margin-bottom: 11px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center 15px;
    box-shadow: 2px 2px 2px #f2f0f0;
    border: 2px solid #f2f0f0;
    font-weight: bold;
}

.boton_informe div {
    text-align: center;
    padding-top: 60px;
}

.boton_exportar {
    background-color: #9B999E;
    color: #fff;
    text-align: center;
    padding: 14px;
    float: left;
    margin-right: 5px;
    height: 42px;
    box-sizing: border-box;
}

.exportar_informe input[type="mail"] {
    height: 42px;
    border: 1px solid #595858;
    padding: 3px;
    box-sizing: border-box;
    margin-right: 5px;
}


/***************** fin informes***********************************/


/******************* mensajes***********************/

.mensaje {
    width: 99%;
    height: 48px;
    border-bottom: 2px solid #f2f0f0;
    box-sizing: border-box;
    padding-left: 50px;
    background-position: center 5px;
    margin-bottom: 10px;
    cursor: pointer;
    padding-top: 20px;
}

.mensaje:hover {
    transition: 0.3s;
    background-color: #bbb;
    border-bottom: 2px solid #bbb;
}

.mensaje.mensaje_aviso::before {
    width: 32px;
    height: 32px;
    content: 'A';
    border-radius: 50%;
    color: #fff;
    background-color: #6177B0;
    text-align: center;
    padding: 7px;
    float: left;
    box-sizing: border-box;
    font-size: 17px;
    margin-top: -10px;
    margin-left: -42px;
    font-weight: bold;
}

.mensaje.mensaje_notificacion::before {
    width: 32px;
    height: 32px;
    content: 'N';
    border-radius: 50%;
    color: #fff;
    background-color: #61B08C;
    text-align: center;
    padding: 7px;
    float: left;
    box-sizing: border-box;
    font-size: 17px;
    margin-top: -10px;
    margin-left: -42px;
    font-weight: bold;
}

.fecha_mensaje {
    float: left;
    margin-right: 20px;
}

.fecha_mensaje span {
    margin-left: 3px;
    margin-right: 3px;
}

.mensaje_abierto {
    background-color: #bbb;
    border-bottom: 2px solid #bbb;
    margin-bottom: 10px;
}

.iframe_mensaje {
    width: 650px;
    height: 100%;
    min-height: 200px;
    max-height: 700px;
    border: 2px solid #bbb;
    margin-top: -10px;
    font-family: arial;
    font-size: 0.8rem;
    margin-bottom: 10px;
}

.iframe_mensaje iframe {
    width: 100%;
    min-height: 200px;
    max-height: 700px;
}

.pie_mensaje {
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
    font-weight: bold;
}

.mensaje_news img {
    float: left;
    margin-left: -41px;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    margin-top: -12px;
    border: 2px solid #f2f0f0;
}

.iframe_mensaje iframe img {
    float: none;
    margin: 0 auto;
    border-radius: 0px;
    width: 100%;
    height: 100%;
}

#news_extend {
    font-family: arial;
    font-size: 0.8rem;
}

.datenews {
    float: right;
    font-size: 0.8rem;
    font-weight: bold;
}

#news_extend .titulo {
    float: left;
    font-weight: bold;
    font-family: arial;
    font-size: 0.8rem;
}

#news_extend .txtnews {
    font-family: arial;
    font-size: 0.8rem;
    min-height: 250px;
    max-height: 700px;
}


/*************** fin de mensajes*******************/


/************ Atencion al punto de venta ****************/


/************ Atencion al punto de venta ****************/

.tema_habla_con_nosotros {
    float: left;
    width: 285px;
}

.atv {
    font-size: 1rem;
    font-weight: bold;
    padding: 0px 10px 0px 10px;
}

.atv p {
    margin-top: 5px;
    margin-bottom: 5px;
}

.atv .telefonos {
    background-image: url(../Temas/Classic/Imagenes/icono_telefonos.png);
    background-position: top left;
    background-repeat: no-repeat;
    padding-left: 35px;
    font-weight: bold;
    margin-top: 15px;
    height: 33px;
    font-size: 1.2rem;
}

.punto_negro {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #000;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 5px;
    float: left;
    margin-top: 7px;
}

.faqs {
    margin-left: 10px;
}

.titulo_faqs {
    border-bottom: 1px solid #000;
    line-height: 18px;
    padding-bottom: 5px;
    margin-bottom: 5px;
    font-weight: bold;
}

.contenido_faqs {}

.titulo_videos {
    margin-top: 3px;
}

.video_faqs {
    width: 80px;
    float: left;
    margin: 7px;
}

.subtitulo_video {
    font-size: 11px;
    text-align: center;
    margin-bottom: 3px;
}

.boton_video {
    width: 83px;
    background-repeat: no-repeat;
    background-position: 60px center;
    background-image: url('/ES/Temas/Predeterminado/../../Temas/Classic/Imagenes/icono_video_faqs.png') !important;
    background-color: #c20d30;
    color: #fff;
    height: 25px;
    border-radius: 5px;
    box-sizing: border-box;
    padding-top: 8px;
    padding-left: 9px;
    padding-right: 24px;
    font-size: 10px;
    cursor: pointer;
}


/*.atv {
    font-size: 1rem;
    font-weight: bold;
    border: 1px solid #AFAEB4;
    margin-top: 30px;
    padding: 10px;
}
.atv .telefonos {
    background-image: url(../Temas/Predeterminado/Imagenes/icono_telefonos.png);
    background-position: top left;
    background-repeat: no-repeat;
    padding-left: 35px;
    font-weight: bold;
    margin-top: 25px;
    height: 33px;
    font-size: 1.2rem;
}*/

.punto_negro {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #000;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 5px;
    float: left;
    margin-top: 7px;
}


/************** fin atencio al punto de venta **************/


/**************************** teclado mumerico mini *********************************************/

.teclado_numerico_mini {
    width: 200px;
    border: 1px solid #ddd;
    height: 247px;
    background-color: #f6f6f6;
    margin-top: -194px;
    float: right;
    margin-bottom: 5px;
}

.fila1_numerico_mini {
    margin-top: 10px;
    margin-left: 5px;
    width: 190px;
    height: 50px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-content: flex-end;
    align-content: flex-end;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
}

.fila2_numerico_mini {
    margin-top: 10px;
    margin-left: 5px;
    width: 190px;
    height: 50px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-content: flex-end;
    align-content: flex-end;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
}

.fila3_numerico_mini {
    margin-top: 10px;
    margin-left: 5px;
    width: 190px;
    height: 50px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-content: flex-end;
    align-content: flex-end;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
}

.fila4_numerico_mini {
    margin-top: 10px;
    margin-left: 5px;
    width: 190px;
    height: 50px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-content: flex-end;
    align-content: flex-end;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
}

.tecla_teclado_numerico_mini {
    min-width: 0.5em;
    padding: 17px 24px;
    font: normal 12pt "Lucida Grande", Lucida, Arial, sans-serif;
    text-align: center;
    text-decoration: none;
    border: none;
    cursor: default;
    -webkit-user-select: none;
    user-select: none;
    background-color: rgb(255, 255, 255);
    box-flex: 1.0;
    box-shadow: 0px 1px 1px #CCCCCC;
}

.tecla_teclado_numerico_mini:active {
    box-shadow: none;
    padding: 15px 24px;
}

.aceptar_mini {
    font-size: 9pt !important;
    background-color: #BABCC0 !important;
    padding: 19px 8px !important;
}

.borrar_mini {
    font-size: 9pt !important;
    background-color: #BABCC0 !important;
    padding: 19px 12px !important;
}


/***************************** visor teclado ***************************************************/

.visor_teclado {
    height: 65px;
}

.teclado_numerico .visor_teclado input {
    width: 217px;
    margin: 10px 0px 0px 9px;
    height: 37px;
    border-radius: 5px;
    font-size: 14pt;
    padding: 5px;
}

.teclado_alfanumerico .visor_teclado input {
    width: 769px;
    margin: 10px 0px 0px 9px;
    height: 37px;
    border-radius: 5px;
    font-size: 14pt;
    padding: 5px;
}


/***************************fin teclado*************************************************************/


/* ESTILOS VENTANA FLOTANTE */

.ventana_aviso {
    max-width: 950px;
    padding: 25px;
    position: absolute;
    background-color: #c20d30;
    z-index: 9999;
    box-shadow: 4px 4px 20px #333;
    border-radius: 3px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 3px;
    color: #fff;
    min-width: 300px;
}

.cierre_ventana {
    position: absolute;
    right: 4px;
    top: 4px;
    cursor: pointer;
    color: #fff;
}

.cierre_ventana a {
    color: #fff;
    text-decoration: none;
}

.cierre_ventana:hover {
    font-size: 20px;
    font-weight: bold;
}

.ventana_aviso h2 {
    margin-top: -20px;
    margin-bottom: 15px;
    font-size: 9pt;
    padding-right: 20px;
    font-weight: bold;
}

.ventana_aviso .botonera a,
.ventana_aviso .botonera a:hover,
.ventana_aviso .botonera a:active,
.ventana_aviso .botonera a:visited {
    color: #575958;
    text-decoration: none;
}

.ventana_aviso .botonera {
    float: right;
}

.overlap {
    background: #333;
    position: fixed;
    -moz-opacity: 0.6;
    opacity: 0.6;
    filter: alpha(opacity=60);
    top: 0px;
    left: 0px;
    margin: 0px;
    width: 100%;
    height: 100%;
    z-index: 99;

}

.ventana_aviso .titulo_solo {
    margin-top: 0px;
}

.confirmar_recarga p {
    margin: 9px;
    padding-left: 20px;
    font-weight: bold;
}

.confirmar_recarga>p {
    margin: 9px;
    padding-left: 120px;
    font-weight: bold;
}

.datos_confirmacion {
    max-height: 45vh;
    overflow-y: auto;
}

.recarga_ok {
    font-size: 20px;
    padding-top: 70px;
    background-image: url(../Temas/Predeterminado/Imagenes/ok_operacion.png);
    background-position: top;
    background-repeat: no-repeat;
    text-align: center;
    margin-top: 10px;
}

.error_operacion {
    font-size: 20px;
    padding-top: 70px;
    background-image: url(../Temas/Predeterminado/Imagenes/error_operacion.png);
    background-position: top;
    background-repeat: no-repeat;
    text-align: center;
    margin-top: 10px;
}


/*********** fin ventana flotante *********************/


/****************** filtros*****************/


/*** filtros*****************/

.elemento_input {
    width: 10%;
    float: left;
    margin-bottom: 5px;
    padding-right: 3px;
    margin-top: 5px;
    min-width: 125px;
    box-sizing: border-box;
}

.elemento_input.doble {
    min-width: 333px;
    padding-right: 0;
}

form .botonera .elemento_input,
.filtrado form .elemento_input,
form .filtrado .elemento_input {
    width: 10% !important;
    float: left !important;
}

.filtrado input,
.filtrado select {
    height: 42px;
    border: 1px solid #595858;
    padding: 3px;
    box-sizing: border-box;
    width: 122px;
}

.filtrado input[type="checkbox"] {
    height: inherit;
    width: inherit;
}

.elemento_input.calendario input,
.elemento_input.hora input,
.calendario input {
    padding-right: 40px;
    cursor: pointer;
}

.elemento_input.calendario::after {
    display: block !important;
    color: #575756;
    content: "";
    background-image: url(../Temas/Predeterminado/Imagenes/calendario.png);
    background-repeat: no-repeat;
    background-position: right;
    height: 41px;
    padding-left: 2px;
    padding-right: 4px;
    padding-top: 0px;
    pointer-events: none;
    position: relative;
    width: 25px;
    margin-top: -41px;
    border-left: 1px solid #000;
    margin-left: 83px;
}

.calendario input {
    padding-right: 30px;
}

.calendario>div::after {
    display: block !important;
    color: #575756;
    content: "";
    background-image: url(../Temas/Predeterminado/Imagenes/calendario.png);
    background-repeat: no-repeat;
    background-position: right;
    height: 41px;
    padding-left: 2px;
    pointer-events: none;
    position: relative;
    width: 25px;
    margin-right: 3px;
    margin-top: -37px;
    float: right;
}

.imagen_calendario {
    display: block !important;
    color: #575756;
    content: "";
    background-image: url(../Temas/Zero/Imagenes/calendario.png);
    background-repeat: no-repeat;
    background-position: right;
    height: 31px;
    padding-left: 2px;
    position: relative;
    width: 25px;
    margin-top: -31px;
    margin-right: 3px;
    background-color: transparent;
    float: right;
}

.imagen_reloj {
    display: block !important;
    color: #575756;
    content: "";
    background-image: url(../Temas/Zero/Imagenes/reloj.png);
    background-repeat: no-repeat;
    background-position: right;
    height: 31px;
    padding-left: 2px;
    position: relative;
    width: 25px;
    margin-top: -31px;
    margin-right: 3px;
    background-color: transparent;
    float: right;
}

.elemento_input.hora::after {
    display: block !important;
    color: #575756;
    content: "";
    background-image: url(../Temas/Predeterminado/Imagenes/reloj.png);
    background-repeat: no-repeat;
    background-position: right;
    height: 41px;
    padding-left: 2px;
    padding-right: 4px;
    padding-top: 0px;
    pointer-events: none;
    position: relative;
    width: 25px;
    margin-top: -41px;
    border-left: 1px solid #000;
    margin-left: 83px;
}

.filtrado .boton {
    margin-top: 15px;
}

.filtrado .boton.no_label {
    margin-top: 0px;
}


/********* fn filtros*********************/


/******************* subir archivo *******************/


/************** input [type=file]**********/

label.subir_archivo input[type="file"] {
    position: fixed;
    top: -1000px;
}

.subir_archivo {
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 2px 5px;
    margin: 2px;
    min-height: 25px;
    width: 100%;
    word-break: break-all;
    background: #FFF;
    display: inline-block;
    padding-top: 4px;
    margin-top: 20px;
    padding-right: 20px;
    box-sizing: border-box;
}

.subir_archivo.subir_ftp {
    width: 50%;
    margin-top: 0px;
    float: left;
}

.subir_archivo:hover {
    background: #fff;
    cursor: pointer;
}

.subir_archivo:active {
    border: 1px solid #000;
    background: #fff;
}


/*.subir_archivo :invalid + span {
    color: #000;
}
.subir_archivo :valid + span {
    color: #4A4;
}*/

.boton_subir_ftp {
    width: 100px;
    margin-left: 10px;
    float: left;
    height: 24px;
}

.subir_archivo span {
    margin-top: -18px;
    float: left;
    background: #fff;
    margin-left: -5px;
}

.subir_archivo div {
    float: left;
}


/*.subir_archivo:after{
    width: 20px;
    height: 20px;
    content: '';
    position: absolute;
    right: 43px;
    margin-top: -3px;
    background-image: url('/ES/Temas/Predeterminado/../../Temas/Predeterminado/Imagenes/archivo.png');
    background-repeat: no-repeat;
    background-position: center;
}*/

.subir_archivo.subir_ftp:after {
    width: 20px;
    height: 20px;
    content: '';
    float: right;
    position: relative;
    right: 0;
    margin-top: -3px;
    margin-right: -16px;
    background-image: url('/ES/Temas/Predeterminado/../../Temas/Predeterminado/Imagenes/archivo.png');
    background-repeat: no-repeat;
    background-position: center;
}


/************** fin input type file************/


/******************* fin de subir archivo    **************/


/***********place gholder******************/

::-webkit-input-placeholder {
    color: #333;
}


/* WebKit */

:-moz-placeholder {
    color: #333;
}


/* Firefox 18- */

::-moz-placeholder {
    color: #333;
}


/* Firefox 19+ */

:-ms-input-placeholder {
    color: #333;
}


/* IE 10+ */


/*****************************************************/

.clear {
    clear: both;
}

.centrar {
    text-align: center;
}

.dcha,
.u-dcha {
    float: right;
}

.izq,
.u-izq {
    float: left;
}

.height10 {
    height: 10px;
}

.menu_principal {
    width: 50px;
    background-color: #fff;
    height: 100%;
    position: absolute;
    overflow-y: hidden;
    overflow-x: hidden;
    z-index: 10;
    transition: 0.3s;
}

.fondo_menu {
    height: 100%;
    position: absolute;
    width: 50px;
    background-color: #c20d30;
    top: 50px;
}

.listas_menu {
    width: 240px;
    height: calc(100% - 92px);
    position: absolute;
    top: 50px;
    overflow-y: auto;
    overflow-x: hidden;
}

a.enlace_termino {
    color: #CBCBCB;
    text-decoration: underline;
}

.pie a {
    color: #878787;
    text-decoration: none;
    font-size: 10px;
}

.pie {
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-top: 20px;
}

.pie>div {
    text-align: center;
    flex-grow: 1;
    line-height: 10px;
}

.codigo_establecimiento {
    width: 170px !important;
    margin: 13px auto;
    padding: 0;
    height: 50px !important;
    margin-bottom: 3px;
}

.texto_codigo {
    float: right;
    margin-top: 12px;
}

/**************** animacion hamburguesa*********************/

.flag {
    display: none;
}

.hamburger {
    position: relative;
    top: 0px;
    left: 0px;
    display: block;
    width: 50px;
    height: 50px;
    cursor: pointer;
    background: #c20d30;
}

.hamburger span {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 28px;
    height: 3px;
    margin: auto;
    transition: background 0s .25s;
    background: #fff;
}

.hamburger span:before,
.hamburger span:after {
    position: absolute;
    width: inherit;
    height: inherit;
    content: '';
    transition-delay: .25s, 0s;
    transition-duration: .25s, .25s;
    background: #fff;
}

.hamburger span:before {
    top: -8px;
    transition-property: top, -webkit-transform;
    transition-property: top, transform;
}

.hamburger span:after {
    bottom: -8px;
    transition-property: bottom, -webkit-transform;
    transition-property: bottom, transform;
    width: 20px;
    margin-left: 8px;
}

.desplegado .hamburger span {
    background: none;
}

.desplegado .hamburger span:before {
    top: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.desplegado .hamburger span:after {
    bottom: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.desplegado .hamburger span:before,
.desplegado .hamburger span:after {
    transition-delay: 0s, .25s;
}


/********************* fin animacion hamburguesa**************/


/**************** animacion puntitos*********************/

.hamburger2 {
    position: relative;
    top: 0px;
    right: 0px;
    display: block;
    width: 50px;
    height: 42px;
    cursor: pointer;
    background: #c20d30;
    transition: 0.3s;
}

.hamburger2 span {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 5px;
    height: 5px;
    margin: auto;
    transition: background 0s .25s;
    background: #fff;
}

.hamburger2 span:before,
.hamburger2 span:after {
    position: absolute;
    width: inherit;
    height: inherit;
    content: '';
    transition-delay: .25s, 0s;
    transition-duration: .25s, .25s;
    background: #fff;
}

.hamburger2 span:before {
    top: -8px;
    transition-property: top, -webkit-transform;
    transition-property: top, transform;
}

.hamburger2 span:after {
    bottom: -8px;
    transition-property: bottom, -webkit-transform;
    transition-property: bottom, transform;
}

.desplegado .hamburger2 span {
    background: none;
}

.desplegado .hamburger2 span:before {
    top: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.desplegado .hamburger2 span:after {
    bottom: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.desplegado .hamburger2 span:before,
.desplegado .hamburger2 span:after {
    transition-delay: 0s, .25s;
}


/********************* fin animacion puntitos**************/

.menu_principal ul li {
    overflow: hidden;
    width: 50px;
    height: 41px;
    cursor: pointer;
    box-sizing: border-box;
}

.menu_principal ul li span {
    padding-left: 10px;
    display: block;
}

.menu_principal a {
    color: #000;
    text-decoration: none;
}

.menu_principal ul li:hover a {
    color: #000;
}

.menu_principal ul li:hover,
.menu_principal ul li:hover i {
    background-color: #D0D5DD;
    color: #000;
}

.menu_principal ul li.seleccionado,
.menu_principal ul li.seleccionado i {
    background-color: #D0D5DD;
}

.menu_principal ul li.seleccionado i:after {
    content: '';
    border-top: 15px solid transparent;
    border-right: 10px solid #fff;
    border-bottom: 15px solid transparent;
    position: absolute;
    z-index: 999;
    margin-left: 0px;
    margin-top: 10px;
}

.menu_principal.desplegado i:after {
    display: none;
}

.titulo_app {
    background-image: url(../Temas/Predeterminado/Imagenes/logo_zero.png);
    background-repeat: no-repeat;
    background-position: 87px center;
    margin-top: -50px;
}

.menu_principal ul.enlaces_externos li:last-child {
    position: fixed;
    bottom: 0px;
    font-size: 0px;
    width: 50px;
    padding: 0;
    padding-top: 24px;
    padding-left: 50px;
}

.menu_principal.desplegado ul.enlaces_externos li:last-child {
    font-size: 0.8rem;
    width: 240px;
    animation: aparecer 0.5s;
}

.separador_menu {
    box-sizing: content-box;
    float: left;
    width: 100%;
    height: 2px;
    background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1)50px, rgba(194, 13, 48, 1) 51px, rgba(194, 13, 48, 1) 100%);
}

.icono_separador {
    height: 2px;
    width: 50px;
    background-color: #fff;
    display: block;
}

.menu_principal.desplegado {
    width: 240px;
    transition: 0.3s;
    box-shadow: 5px 5px 5px rgba(173, 173, 173, 0.3);
    overflow-y: hidden;
    background-color: #fff;
}

.menu_principal .icono {
    float: left;
}

.menu_principal .titulo_bloque {
    padding-left: 50px;
    border: none;
    width: 240px;
    height: 41px;
    padding-top: 11px;
    box-sizing: border-box;
    color: #000;
}

.menu_principal .titulo_bloque.seleccionado {
    color: #000;
}

.flecha_volver {
    width: 30px;
    height: 25px;
    display: block;
    float: left;
    background-repeat: no-repeat;
    margin-top: 0px;
    background-image: url(../Temas/Predeterminado/Imagenes/anterior_mini.png);
    cursor: pointer;
}

.flecha_ir {
    width: 10px;
    height: 10px;
    margin-left: 3px;
    margin-right: 3px;
    display: block;
    float: left;
    background-repeat: no-repeat;
    margin-top: 3px;
    background-image: url(../Temas/Predeterminado/Imagenes/siguiente_mini_mini.png);
    cursor: pointer;
}

.logo {
    background-image: url(../Temas/Predeterminado/Imagenes/disashop-recargas.png);
    background-position: center;
    background-repeat: no-repeat;
    height: 123px;
    display: block;
    margin: 30px auto;
    background-size: contain;


}

.logo_disashop {
    background-image: url(../Temas/Predeterminado/Imagenes/logo_disashop_blanco.png);
    background-position: center;
    background-repeat: no-repeat;
    width: 120px;
    height: 30px;
    display: block;
    margin-top: -7px;
    margin-left: 25px;

}

.icono_principal {
    background-repeat: no-repeat;
    background-position: center;
    overflow: hidden;
    font-size: 0px;
    height: 41px;
    cursor: pointer;
    display: block;
    box-sizing: border-box;
    width: 50px;
    float: left;
    margin-left: -50px;
    margin-top: -15px;
    /*background-image: url(../Temas/Predeterminado/Imagenes/generico.png);*/
}


/*.seleccionado .icono_principal {
    background-image: url(../Temas/Predeterminado/Imagenes/generico.png);

}*/

.icono_disashop {
    background-image: url(../Temas/Predeterminado/Imagenes/icono_disashop.png);
    background-color: #c20d30;
    cursor: default;
}

.icono_zero {
    background-image: url(../Temas/Predeterminado/Imagenes/icono_zero.png);
    background-color: #c20d30;
    cursor: default;
}

img.no_imagen {
    width: 1px;
    height: 1px;
}

.menu_principal i img {
    width: 32px;
    height: 32px;
    margin-top: 9px;
    margin-left: 9px;
}

.menu_principal i img.no_imagen {
    background-image: url(../Temas/Predeterminado/Imagenes/generico.png);
    background-repeat: no-repeat;
    width: 32px;
    height: 32px;
}



.icono_favoritos {
    background-image: url(../Temas/Predeterminado/Imagenes/favoritos.png);
}


/*.seleccionado .icono_favoritos {
    background-image: url(../Temas/Predeterminado/Imagenes/favoritos_seleccionado.png);
}*/

.icono_moviles_nacionales {
    background-image: url(../Temas/Predeterminado/Imagenes/recargas_nacionales.png);
}


/*.seleccionado .icono_moviles_nacionales{
    background-image: url(../Temas/Predeterminado/Imagenes/recargas_nacionales_seleccionado.png);
}*/

.icono_loteria_y_apuestas {
    background-image: url(../Temas/Predeterminado/Imagenes/icono_loteria.png);
}


/*.seleccionado .icono_loteria_y_apuestas{
    background-image: url(../Temas/Predeterminado/Imagenes/icono_loteria_rojo.png);
}*/

.icono_moviles_internacionales {
    background-image: url(../Temas/Predeterminado/Imagenes/recargas_internacionales.png);
    background-position: 12px center;
}


/*.seleccionado .icono_moviles_internacionales{
    background-image: url(../Temas/Predeterminado/Imagenes/recargas_internacionales_seleccionado.png);

}*/

.icono_tarjetas_SIM {
    background-image: url(../Temas/Predeterminado/Imagenes/tarjetas_sim.png);
}


/*.seleccionado .icono_tarjetas_SIM{
    background-image: url(../Temas/Predeterminado/Imagenes/tarjetas_sim_seleccionado.png);
}*/

.icono_medios_de_pago {
    background-image: url(../Temas/Predeterminado/Imagenes/medios_de_pago.png);
}


/*.seleccionado .icono_medios_de_pago{
    background-image: url(../Temas/Predeterminado/Imagenes/medios_de_pago_seleccionado.png);

}*/

.icono_tarjetas_internacionales {
    background-image: url(../Temas/Predeterminado/Imagenes/tarjetas_internacionales.png);
}


/*.seleccionado .icono_tarjetas_internacionales {
    background-image: url(../Temas/Predeterminado/Imagenes/tarjetas_internacionales_seleccionado.png);

}*/

.icono_clientes {
    background-image: url(../Temas/Predeterminado/Imagenes/empresas.png);
}


/*.seleccionado .icono_clientes{
    background-image: url(../Temas/Predeterminado/Imagenes/empresas_seleccionado.png);

}*/

.icono_channel {
    background-image: url(../Temas/Predeterminado/Imagenes/channel.png);
}


/*.seleccionado .icono_channel{
    background-image: url(../Temas/Predeterminado/Imagenes/channel_seleccionado.png);

}*/

.icono_puntazo {
    background-image: url(../Temas/Predeterminado/Imagenes/puntazo.png);
}


/*.seleccionado .icono_puntazo{
    background-image: url(../Temas/Predeterminado/Imagenes/puntazo_seleccionado.png);

    background-repeat: no-repeat;

}*/

.icono_kuai {
    background-image: url(../Temas/Predeterminado/Imagenes/Icono_Kuai_Blanco.png);
}


/*.seleccionado .icono_kuai{
    background-image: url(../Temas/Predeterminado/Imagenes/Icono_Kuai_rojo.png);

    background-repeat: no-repeat;

}*/

.icono_top_ventas {
    background-image: url(../Temas/Predeterminado/Imagenes/top_ventas_blanco.png);
}


/*.seleccionado .icono_top_ventas{
    background-image: url(../Temas/Predeterminado/Imagenes/top_ventas_rojo.png);


}*/

.icono_activacion_sim {
    background-image: url(../Temas/Predeterminado/Imagenes/sim.png);
}


/*.seleccionado .icono_activacion_sim{
    background-image: url(../Temas/Predeterminado/Imagenes/sim_rojo.png);


}*/

.icono_reparacion {
    background-image: url(../Temas/Predeterminado/Imagenes/reparacion_blanc.png);
}


/*.seleccionado .icono_reparacion{
    background-image: url(../Temas/Predeterminado/Imagenes/reparacion_rojo.png);


}*/

.icono_pass {
    background-image: url(../Temas/Predeterminado/Imagenes/icono_pass.png);
    background-position: center;
    background-repeat: no-repeat;
}

.icono_usuario {
    background-image: url(../Temas/Predeterminado/Imagenes/usuario_blanco.png);
    background-position: center;
    background-repeat: no-repeat;
    width: 50px;
    cursor: pointer;
    overflow: hidden;
    font-size: 0px;
    height: 44px;
    box-sizing: border-box;
    opacity: 1 !important;
    animation-delay: 0s !important;
    position: absolute;
    bottom: 0px;
}


/*.seleccionado .icono_usuario {
    background-image: url(../Temas/Predeterminado/Imagenes/usuario_rojo.png);

}*/


/*Flex*/

.flex {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}

.flex>div {
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    flex-grow: 1;
}

.flex>div.doble {
    -webkit-flex-grow: 2;
    -moz-flex-grow: 2;
    flex-grow: 2;
}


/**********************************************************/

html,
body {
    height: 100%;
    background-color: #000;
}

.contenedor {
    min-width: 1024px;
    max-width: 1600px;
    margin: 0 auto;
    height: 100%;
    float: left;
    width: 100%;
}

.banner_izquierda {
    width: calc(50% - 800px);
    background-color: #737277;
    float: left;
    height: 100%;
    overflow: hidden;
    direction: rtl;
}

.banner_izquierda img {
    width: 320px;
    overflow: hidden;
    direction: rtl;
    background-image: url('/ES/Temas/Predeterminado/../../Temas/Predeterminado/Imagenes/fondo_banner_izq.jpg');
}

.banner_derecha {
    width: calc(50% - 800px);
    background-color: #737277;
    float: left;
    height: 100%;
    overflow: hidden;
}

.banner_derecha img {
    background-image: url('/ES/Temas/Predeterminado/../../Temas/Predeterminado/Imagenes/fondo_banner_dcha.jpg');
    width: 320px;
}

.espacio_menu {
    width: 50px;
    height: 100%;
    float: left;
}

.bloque_central {
    height: 100%;
    float: left;
    width: calc(100% - 100px);
    margin-left: 50px;
}

.bloque_productos {
    height: 100%;
    position: relative;
    min-height: 100%;
    overflow-y: auto;
    float: left;
    width: 50% !important;
    box-sizing: border-box;
    border-right: 2px solid #D8DADE;
    background-color: #fff;
}

.buscar_producto {
    float: right;
    margin-top: -5px;
}

.input_buscar_producto {
    margin-left: 10px;
    height: 21px;
    padding: 3px;
    float: right;
}

.boton_buscar {
    padding: 7px 6px;
    margin-left: 5px;
    background-color: #dadada;
    float: right;
}

.solo_productos {
    margin-left: 0px;
    height: calc(100% - 250px);
    overflow-y: auto;
}

.sin_publicidad .solo_productos {
    height: calc(100% - 42px);
}

.bloque_productos.vendedor2 .producto {
    width: 50px;
    height: 50px;
    border-radius: 15px;
    margin-left: 9px;
    margin-top: 9px;
}

.bloque_productos.vendedor2 {
    width: calc(100% - 500px) !important;
}

.bloque_recarga {
    width: 50%;
    box-sizing: border-box;
    float: left;
    margin-top: 0px;
    /*background-color: #fff;*/
    background-color: #dadada;
    color: #000;
    height: 100%;
    position: relative;
    min-height: 100%;
    /* max-width: 500px; */
    overflow-y: auto;
    overflow-x: hidden;
}

.bloque_vendedor {
    height: 100%;
    min-width: 50px;
    right: 0;
}

.bloque_vendedor_ventana {
    float: left;
}

.bloque_vendedor_barra {
    width: 50px;
    box-sizing: border-box;
    transition: 0.3s;
    margin-top: 0;
    height: 100%;
    color: #000;
    min-height: 100%;
    direction: rtl;
    background-color: #ffffff;
    position: fixed;
    right: 0;
    z-index: 98;
}

.bloque_vendedor.desplegado .bloque_vendedor_barra {
    width: 260px;
    transition: 0.3s;
    z-index: 9;
    overflow-y: hidden;
    overflow-x: hidden;
    box-shadow: -5px 5px 5px #5C5C60;
    box-shadow: none\9;
    /* ie 6...9 */
}

.bloque_vendedor.desplegado .menu_admin {
    overflow-y: auto;
}


/* ie 10 - 11 */

@media all and (-ms-high-contrast:none) {

    .bloque_vendedor.desplegado .bloque_vendedor_barra,
    .menu_principal.desplegado {
        box-shadow: none;
    }

    /* IE10 */
    *::-ms-backdrop,
    .bloque_vendedor.desplegado .bloque_vendedor_barra,
    .menu_principal.desplegado {
        box-shadow: none;
    }

    /* IE11 */
}

.bloque_vendedor.desplegado .icono_teclado {
    width: 260px;
    bottom: 0px;
    font-size: 0.8rem;
    font-weight: bold;
    padding-top: 17px;
    padding-right: 47px;
    height: 35px;
    padding-bottom: 30px;
    animation: aparecer 0.5s;
}

.icono_teclado:hover {
    background-color: #5C5C60;
    color: #fff;
}

.bloque_vendedor.desplegado .titulo_anticipos {
    width: 220px;
    border-bottom: 1px solid #CCCDCE;
    border-left: 1px solid #CCCDCE;
    box-sizing: border-box;
    direction: ltr !important;
}

.bloque_vendedor.desplegado .titulo_saldo {
    width: 220px;
    border-bottom: 1px solid #CCCDCE;
    border-left: 1px solid #CCCDCE;
    box-sizing: border-box;
    direction: ltr !important;
}

.bloque_vendedor.desplegado .hamburger2 {
    width: 260px;
}

.bloque_vendedor.desplegado .menu_admin ul li {
    width: 260px;
    font-size: 100%;
}

.bloque_vendedor.desplegado .bloque_vendedor_barra {
    box-shadow: 0px 0px 0px;
}

.titulo_bloque,
.titulo_ventana {
    height: 42px;
    border-bottom: 2px solid #f2f0f0;
    box-sizing: border-box;
    font-size: 0.8rem;
    font-weight: bold;
    padding: 10px;
    color: #000;
}

.titulo_maximo {
    max-width: 320px;
    word-wrap: break-word;
    height: 30px;
    overflow: hidden;
}

.cookies {
    float: left;
    max-width: 95%;
}

.cookies a,
.cookies a:active,
.cookies a:visited {
    color: #fff;
}

input.boton:disabled {
    opacity: .3;
}

.input_pass_ventana {
    width: 80%;
    text-align: center;
    margin-left: 50px;
    height: 42px;
}

.titulo_bloque .titulo_saldo {
    width: 103%;
    margin-left: -10px;
    margin-top: -10px;
}

.productos {
    height: calc(100% - 42px);
    overflow-y: auto;
}

.producto {
    width: 108px;
    height: 160px;
    box-sizing: border-box;
    float: left;
    margin-left: 1%;
    margin-top: 1%;
    overflow: hidden;
    cursor: pointer;
    padding: 2px;
    border-radius: 20px;
    background-color: #fff;
    box-sizing: border-box;
}

.fade_in {
    opacity: 0;
    /* make things invisible upon start */
    -webkit-animation: fadeIn 1;
    /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
    -moz-animation: fadeIn 1;
    animation: fadeIn 1;
    -webkit-animation-fill-mode: forwards;
    /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    animation-duration: 1s;
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
        opacity: 1\9;
        /* IE9 only */
    }

    to {
        opacity: 1;
    }
}

@-moz-keyframes fadeIn {
    from {
        opacity: 0;
        opacity: 1\9;
        /* IE9 only */
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
        opacity: 1\9;
        /* IE9 only */
    }

    to {
        opacity: 1;
    }
}

.fade_in.orden_1 {
    -webkit-animation-delay: 0.1s;
    -moz-animation-delay: 0.1s;
    animation-delay: 0.1s;
}

.fade_in.orden_2 {
    -webkit-animation-delay: 0.2s;
    -moz-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

.fade_in.orden_3 {
    -webkit-animation-delay: 0.3s;
    -moz-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

.fade_in.orden_4 {
    -webkit-animation-delay: 0.4s;
    -moz-animation-delay: 0.4s;
    animation-delay: 0.4s;
}

.fade_in.orden_5 {
    -webkit-animation-delay: 0.5s;
    -moz-animation-delay: 0.5s;
    animation-delay: 0.5s;
}

.fade_in.orden_6 {
    -webkit-animation-delay: 0.6s;
    -moz-animation-delay: 0.6s;
    animation-delay: 0.6s;
}

.crop_producto {
    width: 100px;
    height: 100px;
    box-sizing: border-box;
    background-color: #cecece;
    float: left;
    border-radius: 28px;
    cursor: pointer;
    overflow: hidden;
    display: table-column;
}

.crop_producto p {
    padding-top: 4px;
    font-size: 10px;
    height: 20px;
    display: table-cell;
    text-align: center;
    width: 99px;
    vertical-align: middle;
    padding-left: 7px;
    padding-right: 7px;
    text-transform: uppercase;
    word-break: break-word;
}

.producto.minigrid {
    width: 50px;
    height: 50px;
    padding: 0px;
    box-shadow: none;
    margin-left: 3%;
    margin-top: 2%;
}

.minigrid .crop_producto {
    width: 50px;
    height: 50px;
    border-radius: 15px;
}

.minigrid .crop_producto img {
    width: 50px;
}

.minigrid .crop_producto p {
    padding: 1px !important;
    font-size: 7px;
    margin-top: -3px;
    display: block;
    width: 50px;
}


/*.float_none li {
    float: none !important;

}*/

.float_none {
    float: none !important;
}

li.producto.float_none {
    width: 95%;
    margin-top: 2%;
    height: 58px;
    border-bottom: 2px dotted;
    border-radius: 0px;
}

li.float_none .crop_producto {
    width: 50px;
    height: 50px;
    box-sizing: border-box;
    background-color: #cecece;
    float: right;
    border-radius: 15px;
    cursor: pointer;
    overflow: hidden;
    display: table-column;
}

.float_none .crop_producto p {
    padding-top: 0px;
    display: block;
    margin-top: -1px;
    width: 100%;
    padding-left: 1px;
    padding-right: 1px;
    font-size: 7px;
    height: 14px;
}

li.float_none .crop_producto img {
    width: 50px;
}

.nombre_producto,
.nombre_subfamilia {
    margin-top: 105px;
    display: block;
    text-align: center;
    width: 100%;
    font-size: 13px;
    word-wrap: break-word;
    padding-top: 3px;
}

li.float_none .nombre_producto,
li.float_none .nombre_subfamilia {
    padding-top: 18px;
    width: 100%;
    padding-bottom: 21px;
    border-bottom: 2px dashed #5C5C60;
    text-transform: uppercase;
    font-size: initial;
    text-align: left;
    margin-top: 0px;
    border-top: 0px
}

.nombre_producto .oculta,
.nombre_subfamilia .oculta {
    display: block !important;
}

.producto_solo {
    width: 100px;
    height: 100px;
    box-sizing: border-box;
    float: left;
    margin: 10px;
    border-radius: 25px;
}

.producto_solo .crop_producto {
    background-color: transparent;
}

.texto_producto {
    height: 110px;
    margin-bottom: 10px;
    padding-right: 3px;
    margin-left: 120px;
}

.titulo_producto {
    margin-top: 10px;
    font-weight: bold;
}

.texto_recarga_producto {
    font-size: 0.8rem;
    max-height: 46px;
    overflow-y: auto;
}

.texto_anular {
    font-size: 0.7rem;
}

.mas_info {
    font-size: 0.8rem;
    bottom: 0px;
    border: 1px solid #5C5B5F;
    border-radius: 5px;
    float: left;
    padding: 5px;
    cursor: pointer;
    background-color: #CCCDCE;
    min-width: 95px;
    margin-top: 5px;
}

.inputs_recarga {
    color: #5C5C60;
}

.inputs_recarga label {
    color: #000000;
    font-size: 0.8rem;
    padding-right: 24px;
    box-sizing: border-box;
    margin-bottom: 3px;
    display: inline-block;
    width: 50%;
    word-break: break-word;
}

.checkbox label {
    margin-bottom: 0px !important;
    margin-top: 0px !important;
    float: none !important;
}

#filtroTransacciones .check_cuadrado>div {
    font-size: 12px;
    letter-spacing: -0.3px;
}

.input_importe,
.input_telefono {
    margin-top: 20px;
    margin-bottom: 14px;
}

.texto_importes {
    font-size: 0.8rem;
    margin-bottom: 3px;
    margin-top: 3px;
    color: #000;
    font-style: italic;
    text-align: right;
}

.separador_teclado {
    clear: both;
}

.botonera_recarga {
    width: 35%;
}

.botones_importe {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 5px;
    height: 32px;
}

.flex.importes {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    margin-bottom: 5px;
}

.boton_importe {
    background-color: #A9AEB7;
    border-radius: 5px;
    font-weight: bold;
    text-align: center;
    padding-top: 7px;
    padding-bottom: 4px;
    box-sizing: border-box;
    color: #5C5C60;
    cursor: pointer;
    font-size: 12px;
    max-width: calc(20% - 2px);
    margin-left: 2px;
}

@media all and (-ms-high-contrast:none) {
    .boton_importe {
        max-width: none;
        width: 20%;
        flex-grow: 0 !important;
    }

    /* IE10 */
    *::-ms-backdrop,
    .boton_importe {
        max-width: none;
        width: 20%;
        flex-grow: 0 !important;
    }

    /* IE11 */
}

.texto_conversion {
    float: right;
    width: 50%;
    font-size: 0.7rem;
    font-weight: bold;
}

.select_impresora {
    margin-top: 0px;
    border-radius: 5px;
    padding: 5px;
    font-size: 0.8rem;
    box-sizing: border-box;
    height: 32px;
    border: 1px solid rgb(169, 169, 169);
    font-weight: bold;
}

.input_importe select {
    margin-top: 0px;
    border-radius: 5px;
    padding: 5px;
    font-size: 0.8rem;
    box-sizing: border-box;
    width: 50%;
    height: 32px;
    border: 1px solid rgb(169, 169, 169);
    font-weight: bold;
}

.input_importe select option {
    height: 35px;
}

.inputs_recarga label,
.input_importe label,
.input_telefono label {
    font-size: 0.8rem;
    width: 50%;
    display: block;
    margin-bottom: 3px;
    margin-top: 10px;
    float: left;
}

.input_telefono input[type=text] {
    margin-top: 0px;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border-radius: 5px;
    padding: 5px;
    font-size: 0.8rem;
    box-sizing: border-box;
    width: 50%;
    height: 32px;
    border: 1px solid rgb(169, 169, 169);
    font-weight: bold;
}

.input_buscar {
    float: left;
    display: none;
}

.input_buscar input[type=text] {
    margin-left: 10px;
    margin-top: 10px;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border-radius: 5px;
    padding: 5px;
    font-size: 0.8rem;
    box-sizing: border-box;
    width: 175px;
    height: 32px;
    border: 1px solid rgb(169, 169, 169);
    font-weight: bold;
}

.vendedor {
    width: 24px;
    height: 24px;
    background-image: url(Imagenes/vendedor.png);
    background-position: top right;
    background-repeat: no-repeat;
    float: right;
    margin-top: 13px;
    margin-right: 10px;
    display: none;
}

.vendedor:hover {
    width: 408px;
    height: 100%;
    background-color: #fff;
    position: absolute;
    top: -13px;
    right: -10px;
    padding-top: 50px;
    padding-left: 15px;
    box-sizing: border-box;
    background-position: 97.3% 13px;
    z-index: 999;
    box-shadow: -5px 0px 7px #9C9BA0;
}

.vendedor1 {
    float: right;
    margin-right: 3px;
}

.vendedor2 {
    width: 950px !important;
    background-position: 98.9% 13px !important;
}

.negrita {
    font-weight: bold;
}

.ocultar {
    display: none;
}

.block {
    display: block;
}

.vendedor:hover .ocultar {
    display: block;
}

.tabla table {
    width: 100%;
    text-align: center;
    margin-right: 20px;
}

.tabla th {
    border: 1px solid #fff;
    background-color: #C3C4CA;
    color: #000;
    padding: 12px;
}

.tabla td {
    border: 1px solid #fff;
    padding: 2px;
}

.celda_anular {
    min-width: 75px;
}

.icono_tabla {
    width: 32px;
    height: 32px;
    float: left;
    background-repeat: no-repeat;
    margin-right: 5px;
    cursor: pointer;
    background-position: center;
}

.icono_imagen_punto_verde {
    width: 10px;
    height: 10px;
    background-color: #8abd60;
    border-radius: 50%;
    margin: 0 auto;
    float: none !important;
    vertical-align: middle;
    cursor: default;
}

.icono_imagen_punto_rojo {
    width: 10px;
    height: 10px;
    background-color: #c20d30;
    border-radius: 50%;
    margin: 0 auto;
    float: none !important;
    vertical-align: middle;
    cursor: default;
}

.icono_imagen_anular,
.icono_anular {
    background-image: url('/ES/Temas/Predeterminado/../Predeterminado/Imagenes/anular_transaccion.png');
}

.icono_imagen_anular_deshabilitado,
.icono_anular_deshabilitado {
    background-image: url('/ES/Temas/Predeterminado/../Predeterminado/Imagenes/anular_transaccion_deshabilitado.png');
    cursor: default;
}

.icono_imagen_recargar {
    background-image: url('/ES/Temas/Predeterminado/../Predeterminado/Imagenes/recargar.png');
}

.icono_imagen_editar {
    background-image: url('/ES/Temas/Predeterminado/../Predeterminado/Imagenes/editar.png');
}

.icono_imagen_reimprimir,
.icono_reimprimir {
    background-image: url('/ES/Temas/Predeterminado/../Predeterminado/Imagenes/reimprimir_transaccion.png');
}

.exportar_listado,
.exportar_listado .input_telefono input[type="text"] {
    width: 100%;
}

.tabla table tr:nth-child(even) {
    background-color: #F7F7F8;
}

.tabla table tr:nth-child(odd) {
    background-color: #EDEEF0;
}

.tabla table a,
.tabla table a:visited,
.tabla table a:active {
    color: #000;
}

.operacion_compuesta_pricipal {
    background-color: #D0D5DD !important;
}

.operacion_compuesta_secundarios td:first-child {
    padding-left: 20px;
    margin-left: 20px;
    background-image: url("/ES/Temas/Predeterminado/../../Temas/Predeterminado/Imagenes/flecha_abajo_derecha.png");
    background-repeat: no-repeat;
    background-position: 8px 2px;
}

.titulo_vendedor {
    font-weight: bold;
}

.linea_conf_vendedor {
    min-height: 40px;
    padding-right: 10px;
}

.input_puerto_nfc {
    float: right;
    border-radius: 5px;
    border: 1px solid #babcc0;
    max-width: 63px;
    height: 25px;
    font-size: 15px;
    text-align: center;
    letter-spacing: 1px;
}

.info_aplicacion_pantalla {
    border: 2px solid #EDEEF0;
}

.bloque_info {
    float: left;
    margin-left: 5px;
    margin-right: 15px;
    font-size: 15px;
    width: 135px;
}

.bloque_info.primero {
    width: 300px;
}

.titulo_info {
    font-weight: bold;
    margin-bottom: 5px;
}

.texto_info {
    margin-bottom: 10px;
}

.menu_vendedor {
    width: 379px;
    margin: 10px auto;
}

.submenu_vendedor ul li {
    display: inline-flex;
    margin-left: 10px;
    cursor: pointer;
    padding-left: 5px;
    padding-right: 5px;
    font-weight: bold;
}

.submenu_vendedor ul li.seleccionado {
    border-bottom: 4px solid #c20d30;
}

.teclado_pantalla {
    float: left;
    font-size: 0.8rem;
}

.saldo,
.anticipo {
    text-align: right;
}

.titulo_saldo {
    background-color: #fff;
    color: #000;
    width: 50px;
    height: 42px;
    overflow: hidden;
}

.icono_saldo {
    background-image: url(../Temas/Predeterminado/Imagenes/icono_saldo.png);
    background-repeat: no-repeat;
    background-position: center;
    background-color: #89BCEB;
    float: right;
    height: 42px;
    width: 50px;
    box-sizing: border-box;
}

.numero_saldo {
    display: none;
    margin-right: 10px;
    box-sizing: border-box;
    margin-top: 2px;
    color: #3F4042;
    font-size: 21px;
    margin-left: 5px;
    margin-right: 55px;
}

.texto_saldo {
    display: none;
    ;
    font-size: 13px;
    margin-right: 55px;
}

.desplegado .numero_saldo,
.desplegado .texto_saldo {
    display: block;
}

.titulo_anticipos {
    background-color: #fff;
    color: #000;
    width: 50px;
    height: 42px;
    overflow: hidden;
}

.icono_anticipo {
    background-image: url(../Temas/Predeterminado/Imagenes/icono_anticipo.png);
    background-repeat: no-repeat;
    background-position: center;
    background-color: #CCCDCE;
    float: right;
    height: 42px;
    width: 50px;
}

.numero_anticipo {
    display: none;
    margin-right: 10px;
    box-sizing: border-box;
    margin-top: 2px;
    color: #3F4042;
    font-size: 21px;
    margin-left: 5px;
    margin-right: 55px;
}

.texto_anticipo {
    display: none;
    font-size: 13px;
    margin-right: 10px;
    margin-right: 55px;
}

.desplegado .numero_anticipo,
.desplegado .texto_anticipo {
    display: block;
}

.icono_disacoins {
    background-image: url(../Temas/Predeterminado/Imagenes/icono_disacoins.png);
    background-repeat: no-repeat;
    background-position: center;
    background-color: #CCCDCE;
    float: right;
    height: 42px;
    width: 50px;
}

.saldo_compartido {
    width: 30px;
    float: left;
    background-image: url(../Temas/Predeterminado/Imagenes/saldo_compartido.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 27px;
    margin-left: 0px;
}


/*.actualizar {
    width: 40px;
    float: left;
    background-image: url(../Temas/Predeterminado/Imagenes/actualizar_saldo.png);
    background-repeat: no-repeat;
    background-position:center;
    height: 85px;
    margin-top: -85px;
    margin-left: 0px;
    cursor: pointer;
    display: none;
    cursor: pointer;
    animation-delay: 2s;
    animation: aparecer 1s;
    cursor: pointer;
    background-color: #CCCDCE;

}*/

.actualizar {
    width: 40px;
    float: left;
    background-image: url(../Temas/Predeterminado/Imagenes/actualizar_saldo.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 169px;
    margin-top: -169px;
    margin-left: 0px;
    cursor: pointer;
    display: none;
    cursor: pointer;
    animation-delay: 2s;
    animation: aparecer 1s;
    cursor: pointer;
    background-color: #CCCDCE;
}

.actualizar_1 {
    margin-top: -42px;
    height: 42px;
}

.actualizar_2 {
    height: 85px;
    margin-top: -85px;
}

.actualizar_3 {
    height: 126px;
    margin-top: -126px;
}

.bloque_vendedor.desplegado .actualizar {
    display: block;
}

.alert_linea {
    font-weight: bold;
}

.listados {
    display: none;
    height: calc(100% - 210px);
    overflow: hidden;
}

.listado_avisos {
    height: calc(50% - 38px);
    overflow-y: auto;
    box-sizing: border-box;
}

.listado_ultimas_recargas {
    height: calc(50% - 38px);
    overflow-y: auto;
    box-sizing: border-box;
}

.listado_avisos ul li,
.listado_ultimas_recargas ul li {
    padding: 3px;
    height: 35px;
    font-size: 0.7rem;
    box-sizing: border-box;
    padding-top: 10px;
    border: 1px solid #D9D6D6;
    cursor: pointer;
}

.listado_avisos ul li span,
.listado_ultimas_recargas ul li span {
    margin-right: 5px;
}

.listado_avisos ul li:nth-child(odd),
.listado_ultimas_recargas ul li:nth-child(odd) {
    /*background-color: #D9D6D6;*/
}

.listado_avisos ul li:nth-child(even),
.listado_ultimas_recargas ul li:nth-child(even) {
    /* background-color: #B2B2B2;*/
}

.icono_aviso {
    width: 20px;
    height: 20px;
    box-sizing: border-box;
    color: #fff;
    border-radius: 50%;
    background-color: #56B18D;
    display: block;
    float: left;
    margin-top: -3px;
    text-align: center;
    padding-top: 4px;
    font-size: 10px;
    font-weight: bold;
}

.fecha_hora {
    width: 77px;
    font-size: 0.6rem;
    display: block;
    float: left;
    text-align: center;
}

.banner {
    width: calc(100% - 100px);
    margin: 0px auto;
    box-sizing: border-box;
    position: absolute;
    bottom: 0px;
    z-index: 9;
    height: 200px;
    overflow: hidden;
    background-image: url('/ES/Temas/Predeterminado/../../Temas/Predeterminado/Imagenes/fondo_banner_producto.jpg');
    background-position: center;
}

.banner img {
    width: 1500px;
    text-align: center;
    height: 200px;
    position: absolute;
    left: 50%;
    margin-left: -750px;
}

.sin_publicidad .banner {
    display: none !important;
}

.banner .cerrar_banner {
    position: absolute;
    background-color: #fff;
    color: #000;
    z-index: 9;
    right: 0;
    cursor: pointer;
    padding: 3px;
    padding-bottom: 1px;
}

.menu_admin {
    font-size: 0.8rem;
    font-weight: bold;
    height: calc(100% - 257px);
    overflow-y: hidden;
    overflow-x: hidden;
}


/*.teclado_numerico {
   width: 159px;
margin-top: 10px;
margin-left: 23px;
}
.tecla_numerico {
        width: 48px;
    height: 48px;
    margin-right: 5px;
    margin-bottom: 9px;
    float: left;
    background-color: #aaaeb7;
    color: #5C5C60;
    text-align: center;
    padding-top: 7px;
    font-size: 31px;
    box-sizing: border-box;
    border-radius: 5px;
    cursor: pointer;
    font-weight: bold;

}
.tecla_numerico:active {
    background-color: #EEEFF1;

}
.tecla_numerico.borrar, .tecla_numerico.corregir{
    font-size: 0.8rem;
    padding-top: 30px;
    background-color: #EEEFF1;
}
.tecla_numerico.borrar:active, .tecla_numerico.corregir:active {
     background-color: #aaaeb7;
}
.tecla_numerico.corregir:before {
    width: 20px;
height: 15px;
content: '';
background-image:url('/ES/Temas/Predeterminado/../imagenes/icono_corregir.png');
background-repeat: no-repeat;
margin: -18px 17px;
float: left;

}
.tecla_numerico.borrar:before {


    width: 20px;
height: 15px;
content: '';
background-image: url('/ES/Temas/Predeterminado/../imagenes/aspa_borrar.png');
background-repeat: no-repeat;
margin: -16px 17px;
float: left;

}*/

.check_imprimir_ticket {
    float: right;
    margin-bottom: 14px;
    margin-top: 13px !important;
}

.texto_imprimir_ticket {
    font-size: 0.8rem;
    float: left;
    color: #000;
    margin-top: 20px;
    margin-bottom: 14px;
    width: 50%;
}


/*
.checkbox {
    width: 64px;
    height: 26px;
    background: #bbbbbb;
    border-radius: 3px;
    position: relative;
}

.checkbox label {
    display: block;
    width: 25px;
    height: 20px;
    cursor: pointer;
    position: absolute;
    top: 3px;
    left: 5px;
    z-index: 1;
    background: #c20d30;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
    border-radius: 3px;
}

.checkbox label::after {
    position: absolute;
    content: '';
    height: 25px;
    background-color: transparent;
    margin-top: -3px;
}

.checkbox input[type=checkbox] {
    visibility: hidden;
}

.checkbox input[type=checkbox]:checked+label {
    left: 33px;
    background-color: #85bd5c;
}

.checkbox.campo_erroneo {
    border: 1px solid
}

.elemento_input .checkbox {
    margin-top: 7px;
    margin: 7px auto;
}
*/

.checkbox label,
.checkbox {
    width: 64px;
    height: 26px;
    background: #bbbbbb;
    border-radius: 25px;
    position: relative;
    cursor: pointer;
    display: block;
    box-sizing: border-box;
}

.checkbox label::after {
    content: '';
    display: block;
    width: 25px;
    height: 20px;
    cursor: pointer;
    position: absolute;
    top: 3px;
    left: 5px;
    z-index: 1;
    background: #c20d30;
    -webkit-transition: left 0.4s ease;
    transition: left 0.4s ease;
    -moz-transition: left 0.4s ease;
    -o-transition: left 0.4s ease;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
    border-radius: 25px;
}

.checkbox input[type=checkbox]:checked+label:after {
    left: 33px;
    background-color: #85bd5c;
}

.checkbox input[type=checkbox]:focus+label {
    box-shadow: 0 0 2px #8abd60;
    border: 2px solid #8abd60 !important;
}

.checkbox input[type=checkbox]:focus+label:after {
    top: 1px;
}

.checkbox.campo_erroneo {
    border: 1px solid
}

.elemento_input .checkbox {
    margin-top: 7px;
    margin: 7px auto;
}

label.ancho_total {
    width: 100% !important;
}

.gifNFC {
    width: 195px;
    height: 100px;
    float: right;
    margin-bottom: 5px;
    background-repeat: no-repeat;
    background-image: url('/ES/Temas/Predeterminado/../../Temas/Predeterminado/Imagenes/nfc.gif') !important;
}

.nfc_correcto:before {
    content: '✔';
    color: #8abd60;
    margin-left: 140px;
    font-size: 60px;
}

.nfc_incorrecto:before {
    content: '✘';
    color: #c20d30;
    margin-left: 140px;
    font-size: 60px;
}

.select_plus input[type=radio]:not(old):checked+label span {
    color: #fff;
}

.select_plus input[type=radio] {
    display: none;
}

.select_plus {
    display: flex;
    overflow: auto;
    justify-content: space-between;
    border-radius: 5px;
    border: 1px solid transparent;
}

.select_plus::-webkit-scrollbar {
    height: 14px;
}

.select_plus::-webkit-scrollbar-button:increment:start {
    display: none;
}

.select_plus::-webkit-scrollbar-button:decrement:end {
    display: none;
}

.select_plus>div {
    display: flex;
    align-items: center;
    justify-content: space-around;
    min-height: 100px;
}

.select_plus>div label {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 3px;
    cursor: pointer;
    width: 100%;
    box-sizing: border-box;
}

.select_plus>div label span {
    min-width: 100px;
    padding: 3px;
    box-sizing: border-box;
    text-align: center;
}


/*
.select_plus>div label img {
    border-radius: 50%;
    border: 2px solid #A9AEB7;
    width: 50px;
}

.separador_select_plus:before,
.separador_select_plus:after {
    content: "_";
    float: left;
    width: 20px;
    height: 5px;
    margin-left: -8px;
    margin-right: -8px;
    margin-top: -45px;
    font-size: 33px;
    line-height: 0px;
    color: #A9AEB7;
}
*/

.select_plus input[type=radio]:not(old):checked+label {
    border-color: #5C5B5F;
    background-color: #5C5B5F;
    color: #fff;
}

.teamviewer {
    float: right;
    bottom: 0;
    width: 200px;
    height: 45px;
    margin: 10px;
    background-image: url('/ES/Temas/Predeterminado/../../Temas/Predeterminado/Imagenes/teamviewer.svg');
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    background-size: contain;
}

.ticket_pantalla {
    border: 2px solid #f2f0f0;
    display: table;
    font-family: monospace;
    font-weight: bold;
    margin: 0 auto;
    padding: 20px;
    text-align: justify;
}

.ticket_pantalla .line {
    text-align: center;
}

.boton {
    background-color: #8abd60;
    color: #fff;
    min-width: 120px;
    text-align: center;
    box-sizing: border-box;
    padding-top: 15px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 12px;
    cursor: pointer;
    margin-top: 10px;
    height: 42px;
    box-sizing: border-box;
    cursor: pointer;
    border-radius: 5px;
}

.u-fondo_rojo {
    background-color: #c20d30;
}

.boton_alert {
    background-color: #0C6320;
    border: 1px solid #fff !important;
}

.boton_alert_centrado input,
.boton_alert_centrado {
    width: 170px;
    margin: 0 auto;
}

.boton_alert_centrado input:focus {
    border: 1px solid #fff !important;
    box-shadow: none !important;
}

.boton_recarga {
    float: right;
    background-color: #8abd60;
    color: #fff;
    border-radius: 5PX;
    width: 100%;
    text-align: center;
    box-sizing: border-box;
    padding-top: 13px;
    font-size: 21px;
    cursor: pointer;
    margin-top: 10px;
    height: 50px;
}

.boton_activar {
    float: left;
    background-color: #8abd60;
    color: #fff;
    border-radius: 5PX;
    width: 50%;
    text-align: center;
    box-sizing: border-box;
    padding-top: 4px;
    font-size: 17px;
    cursor: pointer;
    margin-top: 5px;
    height: 37px;
}

.boton_cancela {
    float: right;
    background-color: #c20d30;
    color: #fff;
    border-radius: 5PX;
    width: 50%;
    text-align: center;
    box-sizing: border-box;
    padding-top: 19px;
    font-size: 21px;
    cursor: pointer;
    margin-top: 10px;
    height: 64px;
}

.pregunta_confirmacion {
    padding-left: 0px;
    text-align: center;
    margin-top: 20px;
    color: #c20d30;
}

.formulario {
    height: calc(100% - 330px);
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 20px;
    padding-left: 20px;
    box-sizing: border-box;
}

.sin_publicidad .formulario {
    height: calc(100% - 130px);
}

.formulario.alfanumerico_desplegado {
    height: calc(100% - 373px);
}

.botonera_recarga {
    width: 35%;
    float: right;
}

.formulario.teclado_formulario .botonera_recarga {
    width: 35%;
    float: right;
    right: 25px;
}

.formulario.teclado_formulario .inputs_recarga {
    width: 54%;
    float: left;
}

.formulario.teclado_formulario .boton_recarga {
    float: left;
    width: 54%;
}

.formulario.teclado_formulario .botonera_recarga .teclado_numerico {
    position: relative;
    float: right;
    width: 210px;
    left: auto;
    margin-left: 0px;
    padding-left: 0px;
    border: none;
    animation: initial;
    right: -25px;
    z-index: 0;
    bottom: initial;
    margin-top: 11px;
}

.formulario.teclado_formulario .tecla_numerico {
    width: 56px;
    height: 56px;
    margin-right: 15px;
    margin-bottom: 22px;
    background-color: #5C5B5F;
    color: #fff;
}

.formulario.teclado_formulario .tecla_numerico.borrar,
.formulario.teclado_formulario .tecla_numerico.corregir {
    background-color: #EDEEF0;
    color: #5C5B5F;
}

.formulario.teclado {
    height: calc(100% - 350px);
}

.icono_lista {
    width: 24px;
    height: 24px;
    background-image: url('/ES/Temas/Predeterminado/../../Temas/Predeterminado/Imagenes/list.png');
    background-repeat: no-repeat;
    background-position: top center;
    margin-top: -3px;
    cursor: pointer;
    padding-right: 4px;
    padding-left: 4px;
}

.icono_grid {
    width: 24px;
    height: 24px;
    background-image: url('/ES/Temas/Predeterminado/../../Temas/Predeterminado/Imagenes/menu-grid.png');
    background-repeat: no-repeat;
    background-position: top center;
    margin-right: 10px;
    margin-top: -3px;
    cursor: pointer;
    padding-right: 4px;
    padding-left: 4px;
}

.icono_minigrid {
    width: 24px;
    height: 24px;
    background-image: url('/ES/Temas/Predeterminado/../../Temas/Predeterminado/Imagenes/small-boxes.png');
    background-repeat: no-repeat;
    background-position: top center;
    margin-right: 10px;
    margin-top: -3px;
    cursor: pointer;
    padding-right: 4px;
    padding-left: 4px;
}

.icono_grid.seleccionado,
.icono_lista.seleccionado,
.icono_minigrid.seleccionado {
    border-bottom: 3px solid #5C5C60;
    padding-bottom: 3px;
}

.reservado_teclado {
    background-color: #CCCDCE;
    width: 100%;
    height: 50px;
}

.aviso {
    width: 550px;
    height: 450px;
    background-color: #fff;
    box-shadow: 2px 2px 1px #333;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -275px;
    margin-top: -225px;
    border: 1px solid #333;
    z-index: 9999;
}

.cerrar_aviso {
    width: 25px;
    height: 25px;
    cursor: pointer;
    position: absolute;
    right: -8px;
    top: 4px;
    color: #c20d30;
}

.ventana_vendedor {
    min-width: 700px;
    height: 100%;
    background-color: #fff;
    position: absolute;
    right: 260px;
    margin-left: -275px;
    border: 1px solid #ccc;
    z-index: 9;
    padding: 25px;
    box-sizing: border-box;
    overflow: hidden;
    box-shadow: -5px -5px 5px rgba(173, 173, 173, 0.3);
    padding-right: 5px;
    max-width: calc(100% - 320px);
    font-size: 0.8rem;
}

.ventana_vendedor .titulo_bloque,
.titulo_ventana {
    margin-bottom: 15px;
}

.contenido_ventana_menu_vendedor {
    height: calc(100% - 40px);
    overflow-y: auto;
}

.contenido_legal {
    width: 100%;
    height: calc(100% - 40px);
}

.contenido_legal iframe {
    width: 100%;
    height: 100%;
    overflow-y: auto;
}


/****************** anticipos ********************/

.formulario_anticipos {
    height: 48px;
    box-sizing: border-box;
    border: 1px solid #878787;
}

.formulario_anticipos input[type="radio"] {
    margin-right: 5px;
    width: 20px;
    height: 20px;
    float: left;
    padding-top: 15px;
}

.formulario_anticipos input[type="text"] {
    float: right;
    width: 65px;
    height: 25px;
    margin-top: -4px;
}

.formulario_anticipos ul {}

.formulario_anticipos ul li {
    width: 20%;
    font-size: 20px;
    font-weight: bold;
    padding-top: 12px;
    padding-left: 10px;
}

.formulario_anticipos ul li:last-child {
    width: 30%;
    font-size: 15px;
}


/*************** fin anticipos****************/




/*@media (min-width: 1281px){
     .menu_principal {
    width: 320px;
    left: 0px;
    position: relative;
    float: left;
}

    .bloque_central {
    width: calc(100% - 370px);
    margin-left: 0px;
    }
.bloque_productos {
    margin-left: 0px;
}
.producto {
    margin-left: 7%;
}
    .teclado_alfanumerico {
        right: 0px;
    }

   .texto_imprimir_ticket {
    margin-top: 28px;
   }

    .check_imprimir_ticket {
    float: right;
    margin-top: 28px !important;
    margin-left: 16px !important;
    margin-right: 60px;
    }


    .teclado_numerico {
    width: 312px;
    }
    .tecla_numerico {
    width: 64px;
    height: 64px;
    }
   .input_importe label, .input_telefono label  {
       margin-bottom: 7px;
       margin-top: 5px;
   }
   .inputs_recarga, .input_telefono input[type="text"], .inputs_recarga select {
       width: 98%;
   }
    .input_importe label, .input_telefono label {
   width: 100%;
    }
    .boton_recarga {
        width: 98%;
        margin-top: 25px;
    }


    .tecla_numerico {

    margin-right: 15px;
    }
    .formulario_recarga a, .formulario_recarga a:active, .formulario_recarga a:visited, .formulario_sim a, .formulario_sim a:active, .formulario_sim a:visited  {
        color:#fff;
    }
    .formulario_recarga{
        width: 100%;
        margin: 0 auto;
    }
    .formulario_sim > div {
        margin-bottom: 10px;
    }
    .formulario_sim .input_telefono label, .formulario_sim .input_importe label  {
        width: 50%;
        float: left;
    }
    .formulario_sim input[type=text],.formulario_sim .input_importe select {
        width: 50%;
    }
    .separador_check {
        clear: both
    }
    /*
    .banner {
        width: 430px;
    height: 283px;
    }
    .formulario_recarga {
    height: calc(100% - 425px);
    overflow-y: auto;
    overflow-x: hidden;
}
.formulario_sim {
    height: calc(100% - 425px);
    overflow-y: auto;
    overflow-x: hidden;
}
}
@media (min-width: 1600px){

.titulo_beneficios, .titulo_anticipos, .titulo_saldo {
    width: 260px;
}

.icono_teclado {
    width: 220px;
    bottom:4px;
}
.icono_conf, .icono_promo, .icono_activaciones, .icono_fin_de_dia, .icono_ingresar_saldo, .icono_chat, .icono_transacciones {
    width: 220px;
    font-size: 100%;
    height: 15px;
}

    .menu_principal {
    width: 320px;
    left: 0px;
    position: relative;
    float: left;
}
.menu_principal:hover {
    box-shadow: none;
}

.producto {
    margin-left: 3%;
    margin-bottom: 3%;
}

.formulario_recarga {
    width: auto;
    margin: 0 auto;
}


.bloque_central {
    width: calc(100% - 580px);
    margin-left: 0px;
}
.bloque_vendedor_barra {
    width: 260px;
    max-width: 260px;
}
}
@media (min-width: 1920px){
    .bloque_central {
            height: 100%;
    float: left;
    width: calc(100% - 580px);
    margin-left: 0px;
    }
.bloque_productos, .bloque_recarga {
    width: 50% !important;
    margin-left: 0px;
}
.producto {
    margin-left: 4%;
    margin-bottom: 4%;
}

}


*/

.flecha_siguiente {
    background: url('/ES/Temas/Predeterminado/../../Temas/Predeterminado/Imagenes/siguiente.jpg');
    background-repeat: no-repeat;
}

.flecha_anterior {
    background: url('/ES/Temas/Predeterminado/../../Temas/Predeterminado/Imagenes/anterior.jpg');
    background-repeat: no-repeat;
}

.campo_erroneo {
    border-color: #c20d30 !important;
    box-shadow: 0px 0px 5px #c20d30;
}

.txt_error {
    font-size: 11px;
    color: #c20d30;
}


/************* aviso cookies *************************/

.avisoCookies {
    position: fixed;
    top: 0px;
    z-index: 999;
    left: 0;
    right: 0;
    width: 100%;
    font-size: 13px;
    text-align: center;
    width: 100%;
    padding: 8px;
    box-sizing: border-box;
    min-height: 40px;
    overflow: hidden;
    /*-webkit-box-shadow: 0 0 5px black;
    -moz-box-shadow:    0 0 5px black;
    box-shadow:         0 0 5px black;*/
    margin: 0 auto;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    /*-webkit-box-shadow: 5px 5px 3px #555;
    -moz-box-shadow: 5px 5px 3px #555;
    box-shadow: 5px 5px 3px #555;
    border-radius: 5px;*/
    opacity: 0.95;
    -webkit-opacity: 0.95;
    -moz-opacity: 0.95;
    list-style: none;
    /*border-right:
        2px solid #555;
    border-bottom: 2px solid #555;*/
    border-radius: 0px 0px 3px 3px;
    box-shadow: 4px 4px 4px #5C5C60;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-name: aparecer_bajando;
    -webkit-animation-name: aparecer_bajando;
    background-color: #c20d30;
    color: #fff;
    max-width: 550px;
    min-width: 320px;
}

.avisoCookies>div {
    width: 80%;
    margin: 0 auto;
    max-width: 1275px;
}


/****************** notificaciones********************/

.notificacion {
    position: fixed;
    z-index: 100;
    top: 0px;
    width: 100%;
    font-size: 13px;
}

.notificacion ul {
    z-index: 0;
    position: absolute;
    width: 100%;
    height: 0px;
}

.notificacion ul li {
    text-align: center;
    width: 30%;
    padding: 8px;
    box-sizing: border-box;
    min-height: 40px;
    overflow: hidden;
    /*-webkit-box-shadow: 0 0 5px black;
    -moz-box-shadow:    0 0 5px black;
    box-shadow:         0 0 5px black;*/
    margin: 0 auto;
    animation-duration: 5s;
    -webkit-animation-duration: 5s;
    animation-name: bajar;
    -webkit-animation-name: bajar;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    /*-webkit-box-shadow: 5px 5px 3px #555;
    -moz-box-shadow: 5px 5px 3px #555;
    box-shadow: 5px 5px 3px #555;
    border-radius: 5px;*/
    opacity: 0.95;
    -webkit-opacity: 0.95;
    -moz-opacity: 0.95;
    list-style: none;
    /*border-right:
        2px solid #555;
    border-bottom: 2px solid #555;*/
    border-radius: 0px 0px 3px 3px;
    box-shadow: 4px 4px 4px #5C5C60;
    max-width: 1275px;
}

.notificacion ul li:nth-child(2) {
    animation-duration: 3.1s;
    -webkit-animation-duration: 3.1s;
}

.notificacion ul li:nth-child(3) {
    animation-duration: 3.2s;
    -webkit-animation-duration: 3.2s;
}

.notificacion ul li:nth-child(4) {
    animation-duration: 3.3s;
    -webkit-animation-duration: 3.3s;
}

.notificacion ul li:nth-child(5) {
    animation-duration: 3.4s;
    -webkit-animation-duration: 3.4s;
}

.notificacion ul li.error {
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-name: aparecer_bajando;
    -webkit-animation-name: aparecer_bajando;
}

.notificacion ul li.error:nth-child(2) {
    animation-duration: 1.1s;
    -webkit-animation-duration: 1.1s;
}

.notificacion ul li.error:nth-child(3) {
    animation-duration: 1.2s;
    -webkit-animation-duration: 1.2s;
}

.notificacion ul li.error:nth-child(4) {
    animation-duration: 1.3s;
    -webkit-animation-duration: 1.3s;
}

.notificacion ul li.error:nth-child(5) {
    animation-duration: 1.4s;
    -webkit-animation-duration: 1.4s;
}

.notificacion li.correcto,
.notificacion li.correcto a {
    background-color: #80BB4D;
    color: #fff;
}

.notificacion li.informacion,
.notificacion li.informacion a {
    background-color: #50BAB1;
    color: #fff;
}

.notificacion li.error,
.notificacion li.error a {
    background-color: #c20d30;
    color: #fff;
}

.titulo_notificacion {
    border-bottom: 1px solid #fff;
    display: block;
    padding-bottom: 5px;
    font-weight: bold;
    list-style: none;
}

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

.cerrar {
    /*text-indent: -9999px*/
    z-index: 102;
    height: 16px;
    width: 16px;
    cursor: pointer;
    float: right;
    margin-top: -5px;
    margin-right: -5px;
}

.cerrar:hover {
    font-size: 14pt;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

.cssanimacion.csstransformacion #cerrar {
    display: none;
}

.titulo_notificacion {
    border-bottom: 1px solid #fff;
}


/************** alerts**********************/

.alert {
    padding-left: 0px;

}

.alert.mensaje_global_info {
    /*background-image: url('/ES/Temas/Predeterminado/../../Temas/Predeterminado/Imagenes/info.svg');
    background-repeat: no-repeat;
    background-position: left;
    */
}

.alert.mensaje_global_error {
    /* background-image: url('/ES/Temas/Predeterminado/../../Temas/Predeterminado/Imagenes/error.svg');
    background-repeat: no-repeat;
    background-position: left;
  */
}

.alert.mensaje_global_ok {
    /*  background-image: url('/ES/Temas/Predeterminado/../../Temas/Predeterminado/Imagenes/ok.svg');
    background-repeat: no-repeat;
    background-position: left;
    */
}

.alert .elemento_input,
.alert .separador_alto {}

/****** fin de alerts*****************/

.actualizando {
    color: #c20d30;
}


/******** fin notificaciones*******************/

@keyframes bajar {

    0%,
    100% {
        transform: translatey(-250px);
    }

    10%,
    90% {
        transform: translatey(0px);
    }
}

@-webkit-keyframes bajar {

    0%,
    100% {
        -webkit-transform: translatey(-250px);
    }

    10%,
    90% {
        -webkit-transform: translatey(0px);
    }
}

@-webkit-keyframes aparecer {
    from {
        -webkit-opacity: 0;
    }

    to {
        -webkit-opacity: 1;
    }
}

@keyframes aparecer {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-moz-keyframes aparecer {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-o-keyframes aparecer {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes aparecer_bajando {

    from,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        transform: translate3d(0, -1000px, 0);
    }

    100% {
        transform: translate3d(0, 500px, 0);
    }

    to {
        transform: none;
    }
}

@-webkit-keyframes aparecer_bajando {

    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        -webkit-opacity: 0;
        -webkit-transform: translate3d(0, -1000px, 0);
    }

    100% {
        -webkit-transform: translate3d(0, 500px, 0);
    }

    to {
        -webkit-transform: none;
    }
}

.capa_busqueda {
    position: absolute;
    top: 44px;
    left: 239px;
    z-index: 999;
    background-color: #fff;
    height: 60px;
    width: 267px;
    border: 1px solid #000;
}

.capa_busqueda:before {
    content: '';
    width: 0;
    height: 0;
    border-right: 10px solid transparent;
    border-top: 10px solid transparent;
    border-left: 10px solid transparent;
    border-bottom: 10px solid #333;
    margin-top: -20px;
    margin-left: 236px;
    position: absolute;
}

.icono_buscar {
    width: 28px;
    height: 25px;
    background-image: url("/ES/Temas/Predeterminado/../../Temas/Predeterminado/Imagenes/icono_buscar.png");
    background-color: transparent;
    background-repeat: no-repeat;
    -webkit-appearance: none;
    float: left;
    margin-top: 4px;
    margin-left: -22px;
    margin-right: 4px;
}

.capa_busqueda .icono_buscar {
    position: absolute;
    top: 14px;
    z-index: 999;
    left: 257px;
    background-color: #fff;
    padding: 10px;
}

.input_busqueda {
    float: left;
    margin-top: 20px;
    margin-left: 13px;
}

input[placeholder].input_busqueda {
    font-weight: normal;
}

.todo {
    height: 705px;
    left: 50%;
    margin-left: -500px;
    position: relative;
    width: 999px;
    font-size: 10pt;
    overflow: hidden;
}

.sede_social {
    width: 983px;
    height: 176px;
    background-image: url('/ES/Temas/Predeterminado/../../Temas/Classic/Imagenes/sede_social2.jpg');
    background-repeat: no-repeat;
    margin: 120px auto 20px auto;
}

.usuario_generico {
    background-color: #F39876;
    border-radius: 50%;
    background-image: url('/ES/Temas/Predeterminado/../../Temas/Classic/Imagenes/usuario_generico.png');
    background-repeat: no-repeat;
    background-position: center;
    width: 120px;
    height: 120px;
    margin: -83px auto;
}

.texto_sede_social {
    float: right;
    margin-right: 9px;
    text-align: right;
    margin-top: 10px;
    padding: 10px;
    padding-bottom: 2px;
    background: rgba(255, 255, 255, 0.5);
}

.texto_sede_social p {
    margin-bottom: 3px;
    margin-top: 3px;
}

.texto_sede_social p,
.texto_sede_social p span {
    font-size: 20px !important;
}

.texto_selecciona_usuario {
    color: #545454;
    font-size: 20px;
    height: 25px;
    margin-left: 53px;
    padding-top: 8px;
    position: relative;
    top: 90px;
    width: 918px;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 0px;
}

.pie_texto_selecciona_usuario {
    background-color: #D9D9D9;
    color: #000;
    font-size: 14px;
    height: 22px;
    padding-top: 11px;
    position: absolute;
    bottom: 0;
    text-align: center;
    width: 100%;
}

.contenido_login.teclado {
    height: 436px;
    overflow-y: scroll;
    width: 100%;
}

.login_usuario input[type="text"],
.login_usuario input[type="password"] {
    width: 200px !important;
    margin-top: 15px;
    height: 26px;
    font-style: italic;
    border: 1px solid #A0B0BF;
}

.boton_aceptar {
    width: 130px;
    height: 45px;
    background-color: #80BB4D;
    display: table;
    font-size: 15px;
    background-position: 12px 10px;
    padding: 7px 8px 4px 26px;
    width: 103px;
    border-radius: 3px;
    color: #fff;
}

input[placeholder],
[placeholder],
*[placeholder] {
    text-align: center;
}

.formulario_login input[placeholder],
[placeholder],
*[placeholder] {
    text-align: center;
}

.login_usuario {
    width: 200px;
    margin: 0px auto;
}

.login_con_input {
    width: 235px;
    margin: 0 auto;
    background-color: #c20d30;
    padding: 5px 10px 20px 10px;
}

.centrado {
    margin: 20px auto;
}

.con_tick {
    background-image: url("/ES/Temas/Predeterminado/../../Temas/Classic/Imagenes/tick.png");
    background-repeat: no-repeat;
    background-position: 15px center;
    padding-left: 35px;
}

ul.activacion {
    text-align: center;
}

ul.activacion li {
    list-style: none;
    float: left;
    height: 100px;
    margin-left: 17px;
    margin-top: 10px;
    width: 100px;
    cursor: pointer;
    background-color: #ECECEC;
    text-align: center;
    overflow: hidden;
    border-radius: 25px;
}

.administrador {
    background-image: url('/ES/Temas/Predeterminado/../../Temas/Classic/Imagenes/Usuarios/banda_admin.png');
    background-repeat: no-repeat;
    background-position: 45px 0px;
}

.usuarios {
    left: 50%;
    margin-left: -358px;
    margin-top: 94px;
    position: relative;
    width: 716px;
}

.reflejo {
    background-image: url('/ES/Temas/Predeterminado/../../Temas/Classic/Imagenes/Usuarios/reflejo.png');
    background-size: 100px 70px;
    background-repeat: no-repeat;
    background-position: bottom;
    width: 100px;
    height: 100px;
    content: "";
    position: absolute;
}

ul.activacion li p {
    word-wrap: break-word;
    margin-top: -23px;
    font-size: 12px;
}

ul.activacion li div.imagen {
    width: 100px;
    height: 100px;
    background-repeat: no-repeat;
    background-position: center 22px;
    ;
}

ul.activacion li:first-child div.imagen {
    background-image: url('/ES/Temas/Predeterminado/../../Temas/Classic/Imagenes/Usuarios/usuario01.png');
}

ul.activacion li:nth-child(2) div.imagen {
    background-image: url('/ES/Temas/Predeterminado/../../Temas/Classic/Imagenes/Usuarios/usuario02.png');
}

ul.activacion li:nth-child(3) div.imagen {
    background-image: url('/ES/Temas/Predeterminado/../../Temas/Classic/Imagenes/Usuarios/usuario03.png');
}

ul.activacion li:nth-child(4) div.imagen {
    background-image: url('/ES/Temas/Predeterminado/../../Temas/Classic/Imagenes/Usuarios/usuario04.png');
}

ul.activacion li:nth-child(5) div.imagen {
    background-image: url('/ES/Temas/Predeterminado/../../Temas/Classic/Imagenes/Usuarios/usuario05.png');
}

ul.activacion li:nth-child(6) div.imagen {
    background-image: url('/ES/Temas/Predeterminado/../../Temas/Classic/Imagenes/Usuarios/usuario06.png');
}

ul.activacion li:nth-child(7) div.imagen {
    background-image: url('/ES/Temas/Predeterminado/../../Temas/Classic/Imagenes/Usuarios/usuario07.png');
}

ul.activacion li:nth-child(8) div.imagen {
    background-image: url('/ES/Temas/Predeterminado/../../Temas/Classic/Imagenes/Usuarios/usuario08.png');
}

ul.activacion li:nth-child(9) div.imagen {
    background-image: url('/ES/Temas/Predeterminado/../../Temas/Classic/Imagenes/Usuarios/usuario09.png');
}

ul.activacion li:nth-child(10) div.imagen {
    background-image: url('/ES/Temas/Predeterminado/../../Temas/Classic/Imagenes/Usuarios/usuario10.png');
}

ul.activacion li:nth-child(11) div.imagen {
    background-image: url('/ES/Temas/Predeterminado/../../Temas/Classic/Imagenes/Usuarios/usuario11.png');
}

ul.activacion li:nth-child(12) div.imagen {
    background-image: url('/ES/Temas/Predeterminado/../../Temas/Classic/Imagenes/Usuarios/usuario12.png');
}

.rojo {
    color: #c20d30;
}

.imagen_icono_clientes {
    background-image: url('/ES/Temas/Predeterminado/../../Temas/Predeterminado/Imagenes/empresas.png');
    background-position: center 5px;
    background-repeat: no-repeat;
}

.imagen_icono_disashop {
    background-image: url('/ES/Temas/Predeterminado/../../Temas/Predeterminado/Imagenes/icono_disashop.png');
    background-position: center 5px;
    background-repeat: no-repeat;
}

.imagen_icono_premios {
    background-image: url('/ES/Temas/Predeterminado/../../Temas/Predeterminado/Imagenes/icono_premios.png?1');
    background-position: center 5px;
    background-repeat: no-repeat;
}

.imagen_icono_publicidad {
    background-image: url('/ES/Temas/Predeterminado/../../Temas/Predeterminado/Imagenes/icono_publicidad.png');
    background-position: center 5px;
    background-repeat: no-repeat;
}

.imagen_icono_puntazo {
    background-image: url('/ES/Temas/Predeterminado/../../Temas/Predeterminado/Imagenes/un_puntazo.png');
    background-position: center 5px;
    background-repeat: no-repeat;
}

.imagen_icono_lebara {
    background-image: url('/ES/Temas/Predeterminado/../../Temas/Predeterminado/Imagenes/AccesoDirectoLebara0.png');
    background-position: center 5px;
    background-repeat: no-repeat;
}

.imagen_icono_premium {
    background-image: url('/ES/Temas/Predeterminado/../../Temas/Predeterminado/Imagenes/icono_premium.png');
    background-position: center 5px;
    background-repeat: no-repeat;
}

.imagen_icono_internacionales {
    background-image: url('/ES/Temas/Predeterminado/../../Temas/Predeterminado/Imagenes/icono_internacionales.png');
    background-position: center 5px;
}

.imagen_icono_puntazos {
    background-image: url('/ES/Temas/Predeterminado/../../Temas/Predeterminado/Imagenes/puntazo_seleccionado.png');
    background-position: center 5px;
}

.imagen_icono_kuai {
    background-image: url('/ES/Temas/Predeterminado/../../Temas/Predeterminado/Imagenes/Icono_Kuai_Blanco.png');
    background-position: center 5px;
}

/************ Nueva Landing *****************/
.ytp-large-play-button-bg {
    fill: #c20d30 !important;
}

.fondo {
    justify-content: space-between;
    width: 99vw;

}

.icono_menu.menu-plegado~.menu_ancla {
    display: none;
}

.icono_menu:not(.menu-plegado) .hamburger span {
    background: none;
}

.icono_menu:not(.menu-plegado) .hamburger span:before,
.icono_menu:not(.menu-plegado) .hamburger span:after {
    transition-delay: 0s, .25s;
}

.icono_menu:not(.menu-plegado) .hamburger span:before {
    top: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.icono_menu:not(.menu-plegado) .hamburger span:after {
    bottom: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: inherit;
    margin-left: 0;
}

.menu_ancla {
    position: fixed;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, .9);
    z-index: 99;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    top: 0;
    left: 0;
}

.menu_ancla ul li {
    margin: 5px 0px;
}

.menu_ancla ul li a {
    color: #D2D2D2;
    font-size: 49px;
    text-decoration: none;
    font-weight: bold;
}

.menu_ancla ul li ul li a {
    color: #9A9A9A;
    font-size: 30px;
    text-decoration: none;
}

.menu_ancla a:hover,
.menu_ancla a:active,
.menu_ancla a:active {
    color: #c20d30;
}

.hamburger {
    background: rgba(0, 0, 0, .5);
    position: fixed;
    right: 50px;
    left: inherit;
    padding-top: 67px;
    top: -10px;
    height: 33px;
    padding-left: 13px;
    z-index: 999;
    margin-top: 0px !important;
    color: #D8D8D8;
}

.titulo_pasos {
    font-size: 18px;
    color: #CFCFCF;
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: uppercase;

}

h2.titulo_pasos:after,
h2.titulo_pasos::before {
    content: '';
    width: 10px;
    height: 2px;
    background-color: #6E6E6E;

}

.caja_pasos {
    display: flex;
    justify-content: space-between;

}

.caja_pasos>div {
    width: 70px;
    height: 70px;
    padding-top: 40px;
    box-sizing: border-box;
    color: #B9B9B9;
    font-size: 12px;
    text-align: center;
}

.icono_pasos {
    background-repeat: no-repeat;
    background-position: center top;
}

.icono_entrar {
    background-image: url('/ES/Temas/Predeterminado/../../Temas/Predeterminado/Imagenes/icono_entrar.png');
}

.icono_selecciona {
    background-image: url('/ES/Temas/Predeterminado/../../Temas/Predeterminado/Imagenes/icono_selecciona.png');
}

.icono_datos {
    background-image: url('/ES/Temas/Predeterminado/../../Temas/Predeterminado/Imagenes/icono_datos.png');
}

.icono_tarjeta {
    background-image: url('/ES/Temas/Predeterminado/../../Temas/Predeterminado/Imagenes/icono_tarjeta.png');
}

.icono_entrar_blanco {
    background-image: url('/ES/Temas/Predeterminado/../../Temas/Predeterminado/Imagenes/icono_entrar_blanco.png');
}

.icono_sin_comisiones_verde {
    background-image: url('/ES/Temas/Predeterminado/../../Temas/Predeterminado/Imagenes/icono_comisiones_verde.png');
}

.sin_comisiones {
    background-color: #0C6320;
    color: #fff;
    padding-top: 11.5px;
    padding-bottom: 11.2px;
    padding-right: 16px;
    padding-left: 55px;

    font-size: 15px;
    font-weight: bold;
    margin-top: 25px;
}

.sin_comisiones:before {
    content: '';
    display: block;
    float: left;
    width: 32px;
    height: 51px;
    background-image: url('/ES/Temas/Predeterminado/../../Temas/Predeterminado/Imagenes/sin_cominisones_blanco.png');
    background-position: center;
    background-repeat: no-repeat;
    margin-left: -43px;
    margin-top: -16px;
}

.movil_si {
    display: none;
}

.formulario_login {

    flex: 0 0 720px;

}

.formulario_login>div {
    max-width: 396px;
    margin: 0 auto;

}

.label_codigo_establecimiento {
    padding: 15px 0px;
    background-color: #141414;
    border: 2px solid #333333;
    margin-top: 25px;
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
}

.label_codigo_establecimiento label {
    font-size: 18px;
    color: #c20d30;
    text-align: center;
    width: 247px;
    margin: 0 auto;
}

.label_codigo_establecimiento label span {
    width: 100%;
    display: block;
}

.campo_postal {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.contenido_cabecera {
    display: flex;
    flex-grow: 1;
    padding: 25px;
    height: 100vh;
    background-image: url('/ES/Temas/Predeterminado/../../Temas/Predeterminado/Imagenes/fondo_inicio.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    flex-direction: column;
    justify-content: center;

}

.contenido_cabecera h1 {
    font-size: 50px;
    text-align: right;
    max-width: 650px;
    float: right;
    margin-bottom: 10px;
    margin-top: 0px;
}

.contenido_cabecera h2 {
    font-size: 50px;
    text-align: right;
    max-width: 650px;
    float: right;
    margin-bottom: 10px;
    margin-top: 0px;
}

.contenido_cabecera h3 {
    font-size: 20px;
    text-align: right;
    max-width: 650px;
    color: #DBDBDB;
}

.contenido h1 {
    color: #c20d30;
}

.imagen_cabecera {
    width: 808px;
    height: 463px;
    background-image: url('/ES/Temas/Predeterminado/../../Temas/Predeterminado/Imagenes/imagen_cabecera_recargar_movil.png');
    background-size: contain;
    float: right;
    background-repeat: no-repeat;
}

.centrado_cabecera {
    margin: 0 auto;
}

.linea_titulo {
    width: 85px;
    height: 5px;
    background-color: #c20d30;
    float: right;
}

.icono_bajar {
    width: 75px;
    height: 92px;
    background-image: url('/ES/Temas/Predeterminado/../../Temas/Predeterminado/Imagenes/icono_bajar.png');
    background-size: cover;
    margin: 0 auto;
    background-repeat: no-repeat;
    margin-top: -92px;
    animation: subir_bajar 3s;
    animation-fill-mode: both;
    animation-iteration-count: 3;
}

.subir_bajar {
    -webkit-animation-name: subir_bajar;
    animation-name: subir_bajar;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes subir_bajar {
    0% {
        -webkit-transform: translateY(-30%);
        transform: translateY(-30%);

    }

    50% {
        -webkit-transform: translateY(10%);
        transform: translateY(10%);
    }

    100% {
        -webkit-transform: translateY(-30%);
        transform: translateY(-30%);
    }
}

@keyframes subir_bajar {
    0% {
        -webkit-transform: translateY(-30%);
        transform: translateY(-30%);

    }

    50% {
        -webkit-transform: translateY(10%);
        transform: translateY(10%);
    }

    100% {
        -webkit-transform: translateY(-30%);
        transform: translateY(-30%);
    }
}

.caracteristicas {
    background-color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
}

.caracteristicas .caja {
    width: 60%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 60px;
    margin-bottom: 100px;
}

.caracteristica {
    width: 144px;
    padding-top: 100px;
    background-repeat: no-repeat;
    background-position: center top;
    color: #ECECEC;
    font-size: 18px;
    text-align: center;
    box-sizing: border-box;
}

.icono_seguro {
    background-image: url('/ES/Temas/Predeterminado/../../Temas/Predeterminado/Imagenes/icono_seguro.png');
}

.icono_dispositivos {
    background-image: url('/ES/Temas/Predeterminado/../../Temas/Predeterminado/Imagenes/icono_dispositivos.png');
}

.icono_sin_registro {
    background-image: url('/ES/Temas/Predeterminado/../../Temas/Predeterminado/Imagenes/icono_sin_registro.png');
}

.icono_atencion_cliente {
    background-image: url('/ES/Temas/Predeterminado/../../Temas/Predeterminado/Imagenes/icono_atencion_cliente.png');
}

.seccion {
    background-color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.titulo h2 {
    color: #c20d30;
    font-size: 2.6vw;
    font-weight: bold;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;

}

.titulo h2:after,
.titulo h2::before {
    content: '';
    width: 50px;
    height: 5px;
    background-color: #c20d30;
    margin: 0px 10px;
}

.seccion.fondo_gris {
    background-color: #242424 !important;
}

.titulo,
.caja,
.imagen_seccion {
    display: flex;
    justify-content: center;
    align-items: center;
}

.texto .titulo_seccion {
    font-weight: bold;
    color: #ECECEC;
    padding-left: 90px;
    background-repeat: no-repeat;
    background-position: left;
    background-size: contain;
    display: flex;
    justify-content: start;
    align-items: center;
    max-height: 80px
}

.texto .titulo_seccion h2 {
    font-size: 2.4vw;
    color: #ECECEC;
    font-weight: bold;
}

.texto h3 {
    font-size: 1.4vw;
    color: #FEFEFE;
    font-weight: bold;
}

.texto p {
    color: #B5B5B5;
    margin-bottom: 60px;
    max-width: 88%;
}

.icono_nacionales {
    background-image: url('/ES/Temas/Predeterminado/../../Temas/Predeterminado/Imagenes/icono_nacionales.png');
}

.icono_internacionales {
    background-image: url('/ES/Temas/Predeterminado/../../Temas/Predeterminado/Imagenes/icono_internacionales.png');
}

.icono_pines {
    background-image: url('/ES/Temas/Predeterminado/../../Temas/Predeterminado/Imagenes/icono_pines.png');
    background-size: 80px !important;

}

.icono_medios_pago {
    background-image: url('/ES/Temas/Predeterminado/../../Temas/Predeterminado/Imagenes/icono_medios_pago.png');
    background-size: 80px !important;

}

.icono_tarjetas {
    background-image: url('/ES/Temas/Predeterminado/../../Temas/Predeterminado/Imagenes/icono_tarjetas.png');
    background-size: 80px !important;

}

.texto {
    padding: 20px;
    max-width: 51%;
}

.imagen_seccion {
    flex-grow: 2;
    width: 614px;
    height: 360px;
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;

}

.texto_derecha .imagen_seccion {
    background-position: left;
}

.imagen_nacionales {
    background-image: url('/ES/Temas/Predeterminado/../../Temas/Predeterminado/Imagenes/telefonia_nacionales.jpg');
}

.imagen_internacionales {
    background-image: url('/ES/Temas/Predeterminado/../../Temas/Predeterminado/Imagenes/telefonia_internacionales.jpg');
}

.imagen_pines {
    background-image: url('/ES/Temas/Predeterminado/../../Temas/Predeterminado/Imagenes/imagen_pines.jpg');

}

.imagen_medios_pago {
    background-image: url('/ES/Temas/Predeterminado/../../Temas/Predeterminado/Imagenes/imagen_medios_pago.jpg');

}

.imagen_tarjetas {
    background-image: url('/ES/Temas/Predeterminado/../../Temas/Predeterminado/Imagenes/imagen_tarjetas.jpg');

}

.seccion .caja {
    max-width: 80%;
    padding: 80px 0px;
    align-items: flex-start;
    justify-content: space-between;
}

.con_video {
    width: 60%;
    margin: 40px auto;
    align-items: inherit;
}

.caja_video {

    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    padding-top: 30px;
    position: relative;

}

.caja_video iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.con_video p {
    color: #B5B5B5;
    margin-bottom: 60px;
    max-width: 49%;
    text-align: center;
    margin: 40px auto;
}

.logo_disashop_nuevo {
    width: 394px;
    height: 99px;
    background-image: url('/ES/Temas/Predeterminado/../../Temas/Predeterminado/Imagenes/logo_disashop_nuevo.png');
    background-size: cover;
    background-repeat: no-repeat;
    margin: 20px auto;
}

.caracteristicas_disashop {
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: start;
    flex-wrap: wrap;
}

.caracteristicas_disashop .caja {
    width: 80%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 100px;
    margin-bottom: 100px;

}

.caracteristica_disashop {
    padding-left: 80px;
    background-repeat: no-repeat;
    background-position: left top;
    color: #303030;
    font-size: 18px;
    text-align: center;
    box-sizing: border-box;
    min-height: 80px;
    text-align: start;
    width: 300px;
    margin: 10px;
}

.sin_padding {
    padding-top: 0px !important;
}

.seccion.fondo_blanco .caja {
    flex-direction: column;
}

.icono_lideres {
    background-image: url('/ES/Temas/Predeterminado/../../Temas/Predeterminado/Imagenes/icono_lideres.png');
}

.icono_operadoras {
    background-image: url('/ES/Temas/Predeterminado/../../Temas/Predeterminado/Imagenes/icono_operadoras.png');


}

.icono_red {
    background-image: url('/ES/Temas/Predeterminado/../../Temas/Predeterminado/Imagenes/icono_red.png');


}

.icono_multinacional {
    background-image: url('/ES/Temas/Predeterminado/../../Temas/Predeterminado/Imagenes/icono_multinacional.png');
}

.seccion.disashop .caja {
    flex-direction: column;

}

.seccion.disashop .titulo_seccion {
    width: 100%;

}

.seccion.disashop .caja h3 {
    color: #F3F3F3;
    font-size: 1.8vw;
    text-align: center;
}

.seccion.disashop .caja h4 {
    color: #F3F3F3;
    font-size: 1.6vw;
    text-align: center;
}

.seccion.disashop .caja a.boton_disashop {
    flex-direction: column;
    color: #fff;
    border-radius: 10px;
    background-color: #c20d30;
    text-decoration: none;
    font-size: 1.8vw;
    font-weight: bold;
    text-transform: uppercase;
    margin: 20px auto;
    width: 372px;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.edificio {
    background-image: url('/ES/Temas/Predeterminado/../../Temas/Predeterminado/Imagenes/edificio.jpg');
    background-size: cover;
    background-color: #fff;
}

.edificio {
    align-items: flex-start;
    height: 41vw;
    flex-direction: row;
}

.fondo_blanco {
    background-color: #fff;
}

.fondo_rojo {
    background-color: #c20d30;
}

.fondo_rojo .caja:first-child {
    padding-bottom: 0px;
}

.caja.sin_padding.botones {
    flex-direction: row;
    justify-content: space-around;
}

.boton_email {
    background-color: #000;
    padding: 30px;
    padding-left: 90px;
    text-decoration: none;
    color: #fff;
    font-size: 30px;
    border-radius: 10px;
    margin-right: 20px;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, .53);
    background-image: url('/ES/Temas/Predeterminado/../../Temas/Predeterminado/Imagenes/icono_mail.png');
    background-position: 15px center;
    background-repeat: no-repeat;
    width: 331px;
    height: 121px;
    box-sizing: border-box;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;

}

.boton_tel {
    background-color: #000;
    font-size: 30px;
    padding: 22px;
    padding-left: 90px;
    text-decoration: none;
    color: #fff;
    border-radius: 10px;
    margin-left: 20px;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, .53);
    background-image: url('/ES/Temas/Predeterminado/../../Temas/Predeterminado/Imagenes/icono_tel.png');
    background-position: 15px center;
    background-repeat: no-repeat;
    text-align: center;
}

.texto_telefono {
    font-size: 38px;
    display: block;
}

.sin_nada_padding {
    padding: 0px !important;
}

.pie {
    width: 700px;
    margin: 20px;
}

.atencion_al_cliente {
    width: 540px;
    height: 105px;
    padding-left: 130px;
    background-image: url('/ES/Temas/Predeterminado/../../Temas/Predeterminado/Imagenes/icono_atencion_cliente_blanco.png');
    background-position: 15px center;
    background-repeat: no-repeat;
    color: #FFA5A5;
    font-size: 25px;
    font-weight: bolder;
    margin-bottom: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}

/*********** FAQS *****************/

input.acordeon {
    position: absolute;
    opacity: 0;
    z-index: -1;
}


/* Accordion styles */
.tabs {
    overflow: hidden;
    box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.5);
}

.tab {
    width: 100%;
    color: white;
    overflow: hidden;
    margin: 10px 0px;
}

.tab-label {
    font-size: 21px;
    font-weight: bold;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    padding: 1em;
    background: #363636;
    font-weight: bold;
    cursor: pointer;
    color: #E8E8E8;
    /* Icon */
}

.tab-label:hover {
    background: #000;
}

.tab-label::after {
    content: "\276F";
    width: 1em;
    height: 1em;
    text-align: center;
    -webkit-transition: all 0.35s;
    transition: all 0.35s;
}

.tab-content {
    max-height: 0;
    padding: 0 1em;

    font-size: 18px;
    color: #A7A7A7;
    background: transparent;
    -webkit-transition: all 0.35s;
    transition: all 0.35s;
}

.tab-content p {
    margin: 0px;
}

.tab-close {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: end;
    justify-content: flex-end;
    padding: 1em;
    font-size: 0.75em;
    background: #363636;
    color: #fff;
    cursor: pointer;
}

.tab-close:hover {
    background: #000;
    color: #fff;
}

input.acordeon:checked+.tab-label {
    background: #363636;
    color: #fff;
}

input.acordeon:checked+.tab-label::after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    color: #fff;
}

input.acordeon:checked~.tab-content {
    max-height: 100vh;
    padding: 1em;
}

/************* fin nueva landing *******************/
@media (max-width: 1600px) {

    .imagen_cabecera {
        width: 100% !important;

    }

    .texto_derecha .texto {
        padding: 20px;
        max-width: 40%;
    }
}

@media (max-width: 1440px) {

    .imagen_cabecera {
        width: 100% !important;
        height: 375px !important;
        float: right;
    }

    .formulario_login {

        flex: 0 0 540px;

    }

}

@media (max-width: 1200px) {

    .imagen_cabecera {
        height: 278px !important;
        float: right;
        background-position: center;
    }

    .texto_derecha .texto {

        margin-left: 30px;
    }


}

@media (max-width: 1024px) {

    .caja.sin_padding.botones {
        flex-direction: inherit;
        justify-content: center;
    }

    .boton_email {
        font-size: 18px;
        width: 234px;
        height: 91px;
        margin: 10px 0px;
    }

    .boton_tel {
        font-size: 18px;
        margin: 10px 0px;
    }

    .texto_telefono {
        font-size: 22px;
    }

    .seccion.disashop .caja h4 {
        font-size: 18px;
    }

    .seccion.disashop .caja h3 {
        font-size: 24px;
    }

    .seccion.disashop .caja a.boton_disashop {
        font-size: 18px;
    }

    .con_video {
        width: 80%;
    }

    .con_video p {
        max-width: 70%;
    }

    .contenido_cabecera {
        height: 75vh;
    }

    .icono_bajar_movil {
        background-repeat: no-repeat;
        width: 49px;
        height: 58px;
        background-image: url('/ES/Temas/Predeterminado/../../Temas/Predeterminado/Imagenes/icono_bajar.png');
        background-size: cover;
        margin: 0 auto;
        animation: subir_bajar 3s;
        animation-fill-mode: both;
        animation-iteration-count: 3;
    }

    .linea_movil {
        height: 5px;
        background-color: #c20d30;
    }

    .icono_bajar {
        display: none;
    }

    .menu_ancla ul li a {
        font-size: 40px;
    }

    .menu_ancla ul li ul li a {
        font-size: 25px;
    }

    .linea_titulo {
        margin: 0 auto;
        float: none;
        height: 2px;
        width: 40px;
    }

    .fondo {
        display: block;
        height: initial !important;
        width: inherit;
    }

    .formulario_login {
        max-width: 570px;
        margin: 20px auto;
    }

    .contenido_cabecera h1 {
        text-align: center;
        font-size: 35px;
        margin: 0 auto;
        margin-top: 40px;
        margin-bottom: 5px;
        float: none !important;
    }

    .contenido_cabecera h2 {
        text-align: center;
        font-size: 35px;
        margin: 0 auto;
        margin-top: 5px;
        float: none !important;
        margin-bottom: 20px;
    }

    .contenido_cabecera h3 {
        text-align: center;
    }

    .caracteristicas .caja {
        width: 80%;
    }

    .seccion .caja {
        flex-direction: column;
    }

    .seccion.texto_derecha .caja {
        flex-direction: column-reverse;
    }

    .texto {
        max-width: 100%;
    }

    .titulo h2 {
        font-size: 30px;
    }

    .texto .titulo_seccion h2 {
        font-size: 22px;
    }

    .texto h3 {
        font-size: 19px;
    }

    .texto p {
        font-size: 16px;
    }

    .imagen_seccion {
        background-position: center !important;
        width: 100%;
        height: 250px;
    }

    .texto_derecha .texto {
        margin-left: 0px;
        max-width: 100%;
    }

    .pie {
        width: 500px;
    }
}


@media (max-width: 768px) {
    .movil_si {
        display: block;
        width: 100% !important;
        margin-bottom: 20px;
        text-align: center;
    }

    .movil_si span {
        max-width: 185px !important;
        margin: 10px auto;
        display: block;
    }

    .movil_no {
        display: none;
    }

    .seccion.disashop .caja a.boton_disashop {
        width: 100%;
        height: 50px;
        border-radius: 5px;
    }

    .logo_disashop_nuevo {
        width: 273px;
        height: 67px;

    }

    .atencion_al_cliente {
        width: 345px;
        font-size: 20px;
        height: 40px;
        background-size: 40px;
        box-sizing: border-box;
        padding-left: 50px;
    }

    .pie {
        width: 400px;
    }

    .tab-label {
        font-size: 16px;
    }

    .tab-content {
        font-size: 16px;
    }

    .caracteristica {
        width: 100px;
        background-size: 63px;
        padding-top: 78px;
        font-size: 16px;
    }

    .caracteristicas .caja {
        width: 85%;
        flex-wrap: wrap;
    }

    .logo {
        height: 81px;
        margin: 30px auto;
    }

    .contenido_cabecera h1,
    .contenido_cabecera h2 {

        font-size: 30px;
    }

}

@media (max-width: 500px) {

    .titulo_pasos {
        font-size: 15px;
    }

    .sin_comisiones {
        text-align: center;
    }

    h2.titulo_pasos:after,
    h2.titulo_pasos::before {
        width: 10px;
        height: 2px;
    }

    .caracteristica_disashop {

        width: 274px;
    }

    .atencion_al_cliente {
        width: 230px;
        font-size: 10px;
    }

    .pie {
        width: 320px;
    }

    .con_video {
        width: 90%;
    }

    .con_video p {
        max-width: 80%;
    }

    .seccion .caja {
        max-width: 90%;
    }

    a[name] {
        display: block;
        padding-top: 80px;
        margin-top: -80px;
    }

    .texto p {
        max-width: 100%;
    }

    .imagen_seccion {

        height: 190px;
    }

    .contenido_cabecera {
        height: 59vh;
    }

    .caracteristicas .caja {
        width: 67%;
        flex-wrap: wrap;
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .caracteristica {
        margin: 10px 0px;
    }

    .menu_ancla ul li a {
        font-size: 28px;
    }

    .menu_ancla ul li ul li a {
        font-size: 16px;
    }

    .u-margin-top40 {
        margin-top: 40px;
    }

    .contenido_cabecera h1,
    .contenido_cabecera h2 {
        font-size: 22px;
    }

    .contenido_cabecera h3 {
        font-size: 14px;
    }

    .imagen_cabecera {
        height: 200px !important;
    }

    .centrado_label,
    .centrado_label2 {
        padding-right: 30px;
    }

    .fondo {
        font-size: 13px;
    }

    .logo {
        height: 60px;
        position: fixed;
        background-position: 20px 4px;
        top: -30px;
        left: 0px;
        width: 100%;
        background-color: rgb(20, 20, 20);
        box-sizing: border-box;
        border-bottom: 2px solid #c20d30;
        background-size: 140px;
        z-index: 998;
    }

    .formulario_login {
        margin-top: 40px;
    }

    .hamburger {
        z-index: 999;
        right: 0px;
        top: -11px;
        height: 19px;
        padding-top: 50px;
    }
}

@media (max-width: 440px) {

    .sin_comisiones:before {
        margin-top: -7px;
    }
}

@media (min-width: 1124px) and (max-width: 1200px) {
    .formulario.teclado_formulario .inputs_recarga {
        width: 58%;
        float: left;
    }

    .formulario.teclado_formulario .boton_recarga {
        float: left;
        width: 58%;
    }

    .boton_importe {
        font-size: 14px;
    }
}

@media (min-width: 1200px) and (max-width: 1440px) {
    .formulario.teclado_formulario .inputs_recarga {
        width: 62%;
        float: left;
    }

    .formulario.teclado_formulario .boton_recarga {
        float: left;
        width: 62%;
    }

    .boton_importe {
        font-size: 14px;
    }

}

@media (min-width: 1440px) and (max-width: 1599px) {

    .formulario.teclado_formulario .botonera_recarga .teclado_numerico {
        right: 0px;
    }

    .formulario.teclado_formulario .inputs_recarga {
        width: 58%;
        float: left;
    }

    .formulario.teclado_formulario .boton_recarga {
        float: left;
        width: 58%;
    }

    .boton_importe {
        font-size: 16px;
    }

    .u-icono_ayuda {
        margin-left: 43%;
    }

    .menu_principal {
        width: 238px;
        left: 0px;
        position: relative;
        float: left;
        border-right: 2px solid #f2f0f0;
    }

    .menu_principal.desplegado {
        box-shadow: none;
    }

    .menu_principal ul li.seleccionado i:after {
        margin-left: 190px;
    }

    .menu_principal.desplegado i:after {
        display: initial;
    }

    .bloque_central {
        width: calc(100% - 290px);
        margin-left: 0px;
    }

    .banner {
        width: calc(100% - 290px);
    }

    .menu_principal ul.enlaces_externos li:last-child {
        font-size: 0.8rem;
        width: 250px;
        animation: none;
    }

    .menu_principal.desplegado ul.enlaces_externos li:last-child {
        animation: none;
    }

    /**************** animacion hamburguesa*********************/
    /*.flag {
        display: none;
    }
    .hamburger {
        position: relative;
        top: 0px;
        left: 0px;
        display: block;
        width: 50px;
        height: 50px;
        cursor: pointer;
        background: #c20d30;
    }
    .hamburger span {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 28px;
        height: 3px;
        margin: auto;
        transition: background 0s .25s;
        background: #fff;
    }
    .hamburger span:before,
    .hamburger span:after {
        position: absolute;
        width: inherit;
        height: inherit;
        content: '';
        transition-delay: .25s, 0s;
        transition-duration: .25s, .25s;
        background: #fff;
    }
    .hamburger span:before {
        top: -8px;
        transition-property: top, -webkit-transform;
        transition-property: top, transform;
    }
    .hamburger span:after {
        bottom: -8px;
        transition-property: bottom, -webkit-transform;
        transition-property: bottom, transform;
    }
    .desplegado .hamburger span {
        background-color: #fff;
    }
    .desplegado .hamburger span:before {
        top: -8px;
        -webkit-transform: none;
        transform: none;
    }
    .desplegado .hamburger span:after {
        bottom: -8px;
        -webkit-transform: none;
        transform: none;
    }
    .desplegado .hamburger span:before,
    .desplegado .hamburger span:after {
        transition-delay: 0s;
    }
    /********************* fin animacion hamburguesa**************/
}

@media (min-width: 1600px) {

    .formulario.teclado_formulario .inputs_recarga {
        width: 58%;
        float: left;
    }

    .formulario.teclado_formulario .boton_recarga {
        float: left;
        width: 58%;
    }

    .boton_importe {
        font-size: 16px;
    }

    .u-icono_ayuda {
        margin-left: 43%;
    }

    .icono_teclado {
        right: calc(50% - 640px);
    }

    .contenedor {
        min-width: 1280px;
        margin: 0 auto;
        height: 100%;
        float: left;
        width: 1280px;
    }

    .banner_izquierda {
        width: calc(50% - 640px);
        background-color: #737277;
        float: left;
        height: 100%;
    }

    .banner_derecha {
        width: calc(50% - 640px);
        background-color: #737277;
        float: left;
        height: 100%;
    }

    .bloque_vendedor {
        height: 100%;
        min-width: 50px;
        right: 0;
    }

    .bloque_vendedor_ventana {
        float: left;
    }

    .bloque_vendedor_barra {
        position: absolute;
    }

    .bloque_vendedor {
        position: absolute;
        right: calc(50% - 640px);
    }

    .menu_admin ul li:hover::after,
    .menu_admin ul li.seleccionado::after {
        right: calc(50% - 640px + 241px);
    }

    .formulario.teclado_formulario .inputs_recarga {
        width: 60%;
        float: left;
    }

    .formulario.teclado_formulario .boton_recarga {
        width: 60%;
    }

    .input_importe label,
    .input_telefono label {
        float: left;
        width: 50%;
    }

    .formulario input[type=text],
    .formulario .input_importe select {
        width: 50%;
    }

    .banner {
        width: 1180px;
        height: 200px;
        left: 50%;
        margin-left: -590px;
        overflow: hidden;
    }

    .formulario.teclado_formulario .botonera_recarga .teclado_numerico {
        margin-top: 10px;
    }

    .formulario.teclado_formulario .tecla_numerico {
        margin-bottom: 11px;
    }

    .ventana_vendedor {
        min-width: 962px;
    }

}