@font-face {
    font-family: 'VAGRundschriftD';
    src: url('../font/VAGRundschriftD.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'VAGRundschriftD-Lig';
    src: url('../font/VAGRundschriftD-Lig.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

/*
@font-face {
    font-family: 'Gotham-Bold';
    src: url('../font/Gotham-Bold.woff2') format('woff2'),
        url('../font/Gotham-Bold.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham-Book';
    src: url('../font/Gotham-Book.woff2') format('woff2'),
        url('../font/Gotham-Book.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}
*/




/*! HTML5 Boilerplate v6.1.0 | MIT License | https://html5boilerplate.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * Vendor-prefixed and regular ::selection selectors cannot be combined:
 * https://stackoverflow.com/a/16982510/7133471
 *
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */


/* COMMON */
body {
    background-color: #0032A0;
    font-family: 'VAGRundschriftD', sans-serif;
    font-weight: 300;
    font-size: 1em;
    color: #fff;
    min-height: 100vh;
    /*display: grid; grid-template-rows: auto 1fr auto;*/
    display: flex;
    flex-direction: column;
}

header,
footer {
    flex-grow: 0;
}

section {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

/*
section { min-height: calc(100vh - 100px); height: auto; }
section#login {}
*/
input:not([type=checkbox]) {
    border-radius: 0px !important;
    height: 50px !important;
}

select {
    border-radius: 0px !important;
    height: 50px !important;
}

h2 {
    font-size: 1.5em;
    font-weight: 500;
}

h3 {
    font-size: 1em;
    font-weight: 500;
}

.seccion {
    padding-top: 55px;
    �
}

.panelDerecha {
    background-color: #F0F0F0;
    height: 100vh;
    width: 33%;
    position: absolute;
    z-index: 2;
    right: 0;
    padding: 35px 25px;
}

.cerrarPanel img {
    max-width: 30px;
}

.cerrarPanel {
    text-align: right;
}

/* BUTTONS */
.btn {
    border-radius: 6px !important;
    padding-left: 30px;
    padding-right: 30px;
}

.btn-primary {
    background: #B0001F;
    background: radial-gradient(circle, #EA0029 0%, #B0001F 100%);
    border: 0px !important
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open>.dropdown-toggle.btn-primary {
    background-color: #eb0a2a;
    border-color: #eb0a2a;
}

#login .btn-red {
    background: #B0001F;
    background: radial-gradient(circle, #EA0029 0%, #B0001F 100%);
}

.btn-dark a:link {
    border: 2px solid #FCC10C !important;
}

.btn-violeta a {
    background: #4a2960 !important;
}

.btnFlotante {
    position: fixed;
    z-index: 4;
    bottom: 5vh;
    left: 2vw
}


/* DATATABLES */
.dataTable {
    background-color: #F0F0F0;
    padding: 20px;
    max-width: 70%;
    margin: 0 auto;
}

body {
    background-color: #0032A0;
    /*
    background-image: url(../img/bimbo/bg.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    */
    display: flex;
    flex-direction: column;
    /*background: rgb(60,50,115); background: linear-gradient(164deg, rgba(60,50,115,1) 0%, rgba(55,48,113,1) 35%, rgba(233,9,41,1) 100%);*/
}

body.wa_formulario .links-politicas {
    display: none !important;
}



.bg-fade {
    color: #fff;
    background: rgb(60, 50, 115);
    background: linear-gradient(164deg, rgba(60, 50, 115, 1) 0%, rgba(55, 48, 113, 1) 35%, rgba(233, 9, 41, 1) 100%);
}

.bg-rounded {
    border-radius: 20px;
    padding: 20px;
    width: auto;
    display: inline-block;
    padding-left: 5%;
    padding-right: 5%;
}

.bg-rounded-p10 {
    padding-left: 10%;
    padding-right: 10%;
}

.bg-g {
    background-color: #7E4E24;
    color: #fff;
}

.bg-y {
    background-color: #f9bd5d;
    color: #7E4E24;
}

.bg-ingresar {
    background-image: url(../img/bimbo/bg-ingresar.jpg);
    background-size: 100% auto;
    background-repeat: no-repeat;
}

.bg-ingresar header {
    display: none;
}

.bg-ingresar .seccion {
    padding-top: 0;
}

.acepto {
    text-align: center;
    color: #fff;
}

.acepto a {
    text-decoration: underline !important;
    color: #fff;
}

.acepto label {
    margin-left: 5px;
    margin-bottom: 0;
}

strong {}

.font-bold {}

.font-black {}

.font-medium {}

.font-light {
    font-family: 'VAGRundschriftD-Lig'
}

/* LOGIN */
.logo-ingresar {
    margin-top: 11vw;
    margin-bottom: 2vw;
    position: relative;
    z-index: 100;
    width: 36%;
    max-width: 680px;
}

.card {
    background-color: white;
    padding: 15px;
    border: none;
    border-radius: 0px;
    margin-top: 15% !important;
}

.card-header {
    background-color: none !important;
    padding-top: 30px;
    padding-bottom: 30px;
    border: none;
    text-align: center;
}

.card a:link {
    font-size: 0.9em;
    color: #005F4B;
    text-decoration: none;
    transition: all 1s;
}

.card a:visited {
    color: #005F4B;
}

.card a:hover {
    color: #666;
}

.input-group-login .input-group-prepend .input-group-text {
    border-top-left-radius: 6px !important;
    border-bottom-left-radius: 6px !important;
    background-color: #fff !important;
    border-right-color: #805F36;
    font-weight: bold;
    border-right-width: 2px;
}

.input-group-login input {
    border-top-right-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
}

/* PERFIL */
.fotoPerfil {
    width: 100%;
    max-width: 200px;
    margin-left: 10px;
    border-radius: 50%;
    border: 5px solid #00B336;
}

.btnPerfil button {
    margin-top: 30%;
}


/* HEADER */
header {
    position: relative;
    background-color: transparent;
    background-image: url(../img/bimbo/header.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: top center;
    padding: 27px 35px;
    font-size: 1.3em;
    font-weight: 500;
    color: #000;
    text-align: center;
    min-height: 6em;
}

body.bg-fade header {
    background-color: transparent;
}

.logo-header {
    position: absolute;
    z-index: 10000;
    top: 19px;
    left: 25px;
    width: 290px;
    pointer-events: none;
}

body.wa_ingresar a,
body.wa_recuperarcodigo a,
body.wa_ingresar p,
body.wa_recuperarcodigo p,
body.wa_ingresar .form-check-label,
body.wa_recuperarcodigo .form-check-label {
    color: #fff;
}

body.wa_ingresar {
    background: #035bb8;
    background-image: url(../img/bimbo/login-bg.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: top center;
}

@media (min-width: 1200px) {
    body.wa_ingresar {
        background-image: url(../img/bimbo/oso-login.png), url(../img/bimbo/login-bg.png);
        background-size: 100% auto, 100% auto;
        background-repeat: no-repeat, no-repeat;
        background-position: bottom center, top center;
    }
}

@media (min-width: 1921px) {
    body.wa_ingresar {
        background-size: 1920px auto, 1920px auto;
    }
}


body.wa_lobby,
body.wa_gracias {}

@media (min-width: 1200px) {

    body.wa_lobby,
    body.wa_gracias {
        background-image: url(../img/bimbo/oso-lobby.png);
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: bottom center;
    }
}

@media (min-width: 1921px) {

    body.wa_lobby,
    body.wa_gracias {
        background-size: 1920px auto;
    }
}

body.bg-oso {}

@media (min-width: 1200px) {
    body.bg-oso {
        background-image: url(../img/bimbo/oso-login.png);
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: bottom center;
    }
}

@media (min-width: 1921px) {
    body.bg-oso {
        background-size: 1920px auto;
    }
}


.login-form {
    max-width: 1000px;
}

@media (max-width: 1440px) {
    .login-form {
        max-width: 840px;
    }
}

#login .input-group-login .input-group,
#login .input-group-login input {
    color: #58595B !important;
    /*font-family: 'Gotham-Bold' !important;*/
}

.ingresar-icons img {
    width: 65%;
    max-width: 1384px;
    margin-top: -1em;
}

/* FOOTER */
footer:not(.footer-lobby) {
    background-color: transparent;
    /*min-height: 93px; padding-top: 30px; */
    color: #fff;
    text-align: center;
    /*
	background: rgb(232,170,87);
	background: linear-gradient(99deg, rgba(232,170,87,1) 3%, rgba(204,138,64,1) 50%, rgba(172,93,34,1) 97%);
*/

    font-family: 'VAGrundschriftD-Lig';

    background: #B0001F;
    background: radial-gradient(circle, #EA0029 0%, #B0001F 100%);

    /*
	background-image: url(../img/bimbo/footer-tall.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top left;
	*/
    color: #fff;
    margin-top: 2em;
    position: relative;
    padding: 35px 25px;
    /*position: fixed; 
	left: 0;
	  bottom: 0;
	  width: 100%;*/
}

.juntos {
    position: absolute;
    bottom: 3vw;
    right: 4vw;
    z-index: 10;
    width: 15vw;
}



.proforma-section {
    display: none;
    background-color: transparent;
    position: relative;
    width: 100%;
}

#pedido-form {
    width: 100%;
}

.section-proforma div:not(.bg-gris):not(.proforma-section) {
    position: relative;
    z-index: 10;
}


section.home .logos img,
.section-proforma .logos img,
.section-gracias .logos img,
header .logos img {
    max-height: 48px;
    margin: 10px;
}

.combo-selected {}

.combo {
    cursor: pointer;
}

@media (min-width: 1024px) {
    .combos-selection .col-lg-3 {
        padding-right: 5px;
        padding-left: 5px;
    }

    /*.combo { height: calc(100% - 20px); }*/
    body:not(.up_MAYORISTA_BIMBO_VALENTE_VIP) .combo {
        height: calc(100% - 20px);
    }
}


.bimbo-card {
    border: 4px solid #eb0a2a;
    background-color:
        /*#eb0a2a*/
        rgba(255, 255, 255, 0.3);
    border-radius: 15px;
    text-align: center;
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
}

.bimbo-card.combo-vip {
    border-color: #f9bd5d;
}

.bimbo-card.combo-vip .combo-cantidades {
    display: none;
}

.combo-detail .bimbo-card[data-combo="VIP"] .combo-cantidades {
    display: none;
}

.header-beneficio[data-combo="VIP"] .beneficio-detalle-cantidades, .bimbo-card[data-combo="VIP"] .beneficio-detalle-cantidades {
    display: none;
}

.bimbo-card.bc2 {
    border-color: #7E4E24;
}

.bimbo-card-titulo {
    background-color: #eb0a2a;
    color: #fff;
    height: 3.7em;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.bimbo-card-titulo.tg {
    background-color: #7E4E24;
    height: 5.0em;
    margin-top: -4px;
    margin-left: -4px;
    margin-right: -4px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    padding-bottom: 15px;
    padding-top: 10px;
}

.bimbo-card-titulo h4 {
    font-size: 1em;
    margin-bottom: 0;
    margin-top: 10px;
}

.bimbo-card-sub {
    background-color: #EA0029;
    color: #fff;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    margin-left: -4px;
    margin-right: -4px;
    margin-top: -10px;
    padding: 5px;
    height: 3.7em;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.bimbo-card-body {
    background-color:
        /*#e9e9e9*/
        transparent;
    border-bottom-left-radius: 11px;
    border-bottom-right-radius: 11px;
    flex-grow: 1;
}

.bimbo-card .combo-cantidades {
    padding: 10px;
    color: #58595B;
}

.bimbo-card .bg-gris {
    background-color: #EA0029;
    padding: 5px;
    color: #fff;
}

.bimbo-card .txt-big {
    font-size: 5em;
    padding: 10px;
}

.bimbo-card.combo {
    font-size: 0.85em;
}

.bimbo-card h1,
.bimbo-card h2,
.bimbo-card h3,
.bimbo-card h4 {
    margin: 0;
}

.bimbo-card .bg-cantidades {
    background-color: #F9BD5E;
    color: #fff;
    /*font-family: 'Avenir-LightOblique';*/
    padding: 0.2em 0.2em;
    line-height: 1.3em;
}

.combo-detail .bimbo-card {
    color: #58595B;
}

.combo-detail .bimbo-card .color-r {
    color: #EA0029;
}


.combos-mayorista .bg-cantidades {
    background-color: #EA0029;
}

.combos-mayorista .bg-gris {
    background-color: #939598;
}


.bimbo-card[data-combo="Oro"] .bimbo-card-titulo,
.header-beneficio[data-combo="Oro"] .nombre {
    background: rgb(235, 193, 125);
    background: linear-gradient(70deg, rgba(235, 193, 125, 1) 0%, rgba(223, 183, 124, 1) 18%, rgba(192, 131, 41, 1) 59%, rgba(234, 190, 129, 1) 87%, rgba(238, 220, 195, 1) 100%);
}

.bimbo-card[data-combo="Oro"],
.header-beneficio[data-combo="Oro"] {
    border-color: rgb(235, 193, 125);
}

.bimbo-card[data-combo="Oro"] .combo-cantidades,
.bimbo-card[data-combo="Oro"] .bimbo-card-body {
    background-color: #fff;
}


.bimbo-card[data-combo="Plata"] .bimbo-card-titulo,
.header-beneficio[data-combo="Plata"] .nombre {
    background: rgb(222, 217, 214);
    background: linear-gradient(70deg, rgba(222, 217, 214, 1) 0%, rgba(181, 179, 182, 1) 32%, rgba(243, 244, 244, 1) 52%, rgba(187, 185, 187, 1) 80%, rgba(209, 211, 212, 1) 87%);
}

.bimbo-card[data-combo="Plata"],
.header-beneficio[data-combo="Plata"] {
    border-color: rgb(222, 217, 214);
}

.header-beneficio[data-combo="Plata"] .nombre {
    color: #58595B;
}


.bimbo-card[data-combo="Plata"],
.bimbo-card[data-combo="Plata"] .bimbo-card-titulo,
.bimbo-card[data-combo="Plata"] .combo-cantidades {
    color: #58595B;
}

.bimbo-card[data-combo="Plata"] .combo-cantidades,
.bimbo-card[data-combo="Plata"] .bimbo-card-body {
    background-color: #fff;
}


.bimbo-card[data-combo="Platinum"] .bimbo-card-titulo,
.header-beneficio[data-combo="Platinum"] .nombre {
    background: rgb(155, 155, 152);
    background: linear-gradient(70deg, rgba(155, 155, 152, 1) 3%, rgba(174, 176, 183, 1) 21%, rgba(101, 112, 118, 1) 72%, rgba(139, 148, 154, 1) 100%);
}

.bimbo-card[data-combo="Platinum"],
.header-beneficio[data-combo="Platinum"] {
    border-color: rgb(155, 155, 152);
}

.header-beneficio[data-combo="Platinum"] .nombre {
    color: #fff;
}

.bimbo-card[data-combo="Platinum"]:not(.bc2),
.bimbo-card[data-combo="Platinum"]:not(.bc2) .bimbo-card-titulo {
    color: #fff;
}

.bimbo-card[data-combo="Platinum"] .combo-cantidades,
.bimbo-card[data-combo="Platinum"] .bimbo-card-body {
    background-color: #fff;
}



.bimbo-card[data-combo="Black"] .bimbo-card-titulo,
.header-beneficio[data-combo="Black"] .nombre {
    background: rgb(16, 9, 6);
    background: linear-gradient(70deg, rgba(16, 9, 6, 1) 0%, rgba(79, 69, 62, 1) 32%, rgba(16, 9, 6, 1) 64%, rgba(72, 63, 56, 1) 83%, rgba(16, 9, 6, 1) 100%);
}

.bimbo-card[data-combo="Black"],
.header-beneficio[data-combo="Black"] {
    border-color: rgb(16, 9, 6);
}

.header-beneficio[data-combo="Black"] .nombre {
    color: #fff;
}

.bimbo-card[data-combo="Black"]:not(.bc2),
.bimbo-card[data-combo="Black"]:not(.bc2) .bimbo-card-titulo {
    color: #fff;
}

.bimbo-card[data-combo="Black"] .combo-cantidades,
.bimbo-card[data-combo="Black"] .bimbo-card-body {
    background-color: #fff;
}



.section-vip .bimbo-card-titulo,
.bimbo-card[data-combo="VIP"] .bimbo-card-titulo,
.header-beneficio[data-combo="VIP"] .nombre {
    /*
	background: rgb(178,26,30);
	background: linear-gradient(90deg, rgba(178,26,30,1) 18%, rgba(79,69,62,1) 100%);
	*/
    background: rgb(237, 27, 47);
    background: radial-gradient(circle, rgba(237, 27, 47, 1) 0%, rgba(178, 26, 30, 1) 100%);
}

/*
.bimbo-card[data-combo="VIP"] .bimbo-card-sub,
.bimbo-card[data-combo="VIP"] .bg-gris,
.section-vip .bimbo-card-sub  {
	background: rgb(16,9,6);
	background: linear-gradient(70deg, rgba(16,9,6,1) 0%, rgba(79,69,62,1) 32%, rgba(16,9,6,1) 64%, rgba(72,63,56,1) 83%, rgba(16,9,6,1) 100%);
}*/

.bimbo-card[data-combo="VIP"] .blbl {
    background: rgb(16, 9, 6);
    background: linear-gradient(70deg, rgba(16, 9, 6, 1) 0%, rgba(79, 69, 62, 1) 32%, rgba(16, 9, 6, 1) 64%, rgba(72, 63, 56, 1) 83%, rgba(16, 9, 6, 1) 100%);
}

.bimbo-card[data-combo="VIP"] .blbl2 {
    background: rgb(16, 9, 6);
}

.bimbo-card[data-combo="VIP"] .bimbo-card-titulo-r {
    background: #EA0029;
}

.bimbo-card[data-combo="VIP"],
.header-beneficio[data-combo="VIP"] {
    border-color: rgb(178, 26, 30);
}

.header-beneficio[data-combo="VIP"] .nombre {
    color: #fff;
}

.bimbo-card[data-combo="VIP"]:not(.bc2),
.bimbo-card[data-combo="VIP"]:not(.bc2) .bimbo-card-titulo {
    color: #fff;
}

.bimbo-card[data-combo="VIP"] .combo-cantidades,
.bimbo-card[data-combo="VIP"] .bimbo-card-body {
    background-color: #fff;
}

.bimbo-card[data-combo="VIP"] .vip-beneficios,
.section-vip .bimbo-card-body {
    color: #58595B;
}

.bimbo-card[data-combo="VIP"] .vip-beneficios .col {
    padding: 0.25rem 0;
}

.bimbo-card[data-combo="VIP"] .vip-beneficios .col.wdivided {
    border-bottom: 1px solid #58595B;
}


.bimbo-card-exclusive .bimbo-card-titulo {
    background: rgb(125, 167, 217);
    background: linear-gradient(70deg, rgba(125, 167, 217, 1) 0%, rgba(53, 81, 125, 1) 26%, rgba(134, 173, 219, 1) 66%, rgba(122, 165, 216, 1) 78%, rgba(23, 77, 107, 1) 100%);
}

.bimbo-card-exclusive.bc2 {
    border-color: rgb(125, 167, 217);
}

.bimbo-card-exclusive .bimbo-card-sub {
    background: rgb(16, 9, 6);
    background: linear-gradient(70deg, rgba(16, 9, 6, 1) 0%, rgba(79, 69, 62, 1) 32%, rgba(16, 9, 6, 1) 64%, rgba(72, 63, 56, 1) 83%, rgba(16, 9, 6, 1) 100%);
}

.bimbo-card-exclusive .producto-exclusive {
    height: 10em;
    margin-top: -2em;
    margin-bottom: -1em;
}

.header-beneficio .detalle {
    color: #58595B !important;
}


.vip-beneficios {
    font-size: 0.92em;
    line-height: 1.2em;
    flex-grow: 1
}

.vip-beneficios .col {
    padding-right: 5px;
    padding-left: 5px;
}

.vip-beneficios ul {
    padding-inline-start: 11px;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

.vip-beneficios li {
    text-align: left;
}

.vip-titlee {
    font-size: 2.2em;
    height: auto !important;
}

.vip-titlee>img,
.logo-vip {
    height: 1.0em;
}

.txt-beneficio-vip {
    display: inline-block;
    padding-right: 0.3em;
    font-size: 2.2em;
}

.proforma-section.combos .logo-vip,
.metas-text .logo-vip {
    height: 1.8em;
}

/*.input-group-proforma input.font-black { color: #7f5026; }*/

.bimbo-card-sub.m0 {
    margin-left: 0px;
    margin-right: 0px;
}

.bimbo-card-body :last-child {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.condiciones-vip-list {
    list-style: none;
    padding-left: 0;
    margin-left: 0;
}

.condiciones-vip-list li {
    text-align: center;
    font-weight: normal;
    font-size: 0.80em;
}

.condiciones-vip-list li::before {
    content: "\2022";
    color: #EA0029;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}

.condiciones-vip-list li::after {
    content: "\2022";
    color: #EA0029;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-right: -1em;
}

.section-legales {
    color: #000;
}

.section-legales p {
    text-align: justify;
    width: 100%;
    font-family: 'VAGrundschriftD-Lig';
}

.section-legales td,
.section-legales li {
    font-family: 'VAGrundschriftD-Lig';
}

.section-legales strong {
    font-family: 'VAGrundschriftD';
}

.section-legales ol {
    width: 100%;
}

.bg-gris {
    background-color: #e9e9e9;
}

.combo-radio {
    position: relative;
    border: 1px solid #58595B;
    border-radius: 50%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    margin-bottom: 0px;
    width: 26px;
    height: 26px;
}

.combo-radio>div {
    position: absolute;
    background-color: #58595B;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    margin: -10px 0px 0px -10px;
    width: 20px;
    height: 20px;
    display: none;
}

.combo-selected .combo-radio>div {
    display: block;
}

.combo-radio-margin {
    height: 10px;
}

.message {
    color: #fff;
}

.input-group-proforma .input-group-text {
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    background-color: #005BB8;
    color: #fff;
    font-weight: bold;
    border-color: #005BB8;
    border-width: 2px;
    border-right: 0;
}

.input-group-proforma-r .input-group-text {
    background-color: #005BB8;
}

.input-group-proforma input,
.input-group-proforma input[readonly],
.input-group-proforma input:focus {
    border-top-right-radius: 15px !important;
    border-bottom-right-radius: 15px !important;
    text-align: center;
    background-color: transparent;
    font-weight: normal;
    border-width: 2px;
    border-color: #005BB8;
    border-left: 0;
}

.input-group-proforma input {
    color: #fff;
}

.input-group-proforma input:focus {
    color: #eee;
}

.input-group-proforma-aa .input-group-text {
    background-color: #005BB8;
    border-color: #005BB8;
}

.input-group-proforma-aa input {
    background-color: #005BB8 !important;
    border-color: #005BB8 !important;
    border-left-width: 0 !important;
    color: #fff;
    font-weight: bold;
    text-align: center;
}


.input-group-proforma-rr .input-group-text {
    background-color: #fff;
    border-color: #fff;
    color: #0032A0;
}

.input-group-proforma-rr input {
    background-color: #fff !important;
    border-color: #fff !important;
    border-left-width: 0 !important;
    color: #0032A0;
    font-weight: bold;
    text-align: center;
}

.input-group-proforma-gg .input-group-text {
    background-color: #58595B;
    border-color: #58595B;
}

.input-group-proforma-gg input {
    background-color: #58595B !important;
    border-color: #58595B !important;
    border-left-width: 0 !important;
    color: #fff;
    font-weight: bold;
    text-align: center;
}

.input-group-proforma-ggt input {
    background-color: transparent !important;
}



.barra-botones {
    /*background-color: #fff;*/
    padding-top: 25px;
    padding-bottom: 50px;
    margin-top: 25px;

    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5em;
}

.header-beneficio {
    display: flex;
    align-content: center;
    align-items: center;
    border: 6px solid #7E4E24;
    border-radius: 20px;
    background-color: #fff;
}

.header-beneficio span {
    display: inline-block;
}

.header-beneficio span.nombre {
    color: #fff;
    width: 50%;
    text-align: center;
    font-size: 2em;
    background-color: #7E4E24;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    padding-top: 7px;
    padding-bottom: 7px;
}

.header-beneficio span.detalle {
    width: 50%;
    text-align: center;
}

.proforma .header-beneficio {
    position: sticky;
    top: 10px;
    z-index: 10;
}

.productos-table {
    font-weight: normal;
}

.productos-table th {
    font-weight: normal;
}

.productos-table td {
    border-top-width: 0;
    padding: 0.2em;
    padding-top: 0;
    padding-bottom: 0;
}

/*
.productos-table .producto-row>td {
    padding: 0.2em;
}*/

.productos-table .tr-divider td {
    border-top: 1px solid #7E4E24;
    height: 20px;
}

.productos-table .producto-subtotal-row td {
    vertical-align: middle;
}

.productos-table .input-group {
    margin-bottom: 0 !important;
}

.productos-table td,
.productos-table th {
    padding-bottom: 10px;
}

.productos-table .producto-subtotal-row td {
    padding-top: 25px;
    padding-bottom: 25px;
}

.producto-img {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 120px;
    height: 100px;
}

.producto-img>img {
    max-height: 100px;
    max-width: 120px;
}

.section-proforma .container,
#gracias .container {
    max-width: 840px;
}

.section-proforma .combos .container {
    max-width: 1260px;
}

.table-resumen td {
    max-width: 180px;
    vertical-align: middle;
    border-top-width: 0;
}

.table-resumen input {
    text-align: center;
}

.table-resumen th {
    text-align: left;
    vertical-align: middle;
    font-weight: normal;
}

.table-resumen .input-group {
    margin-bottom: 0 !important;
}

/*.rojo {color: #eb0a2a}*/
.color-a {
    color: #7E4E24;
}

/*.color-r {color: #EA0029;}*/

.rojo,
.color-r {
    color: #fff;
}

#gracias {
    font-size: 1.3em;
}

.gracias {
    background-color: #EA0029;
    color: #fff;
    border-radius: 25px;
    display: inline-block;
    width: auto;
    padding: 40px;
    padding-left: 50px;
    padding-right: 50px;
}

.gracias h1 {
    text-transform: uppercase;
    /*font-family: 'Avenir-Black';*/
    margin-bottom: 0;
}

.gracias p {
    margin-bottom: 5px;
    color: #fff !important;
}

.txt-dto-adicional {
    /*color: #29317E; */
    /*font-weight: bold;*/
}

.txt-dto-adicional .t2 {
    font-size: 3em;
    line-height: 1em;
}

.txt-dto-adicional .t3 {
    font-size: 1.3em;
    line-height: 1.5em;
}

.font-weight-light {
    /*font-family: 'Avenir-Light';*/
}


.table-resumen th {
    border: 0 !important;
}

.productos-table td,
.productos-table th {
    border-top: 0 !important;
}

.productos-table th {
    border-bottom: 2px solid #fff !important;
}



.brand img {
    max-height: 75px;
}

#menu {
    padding-top: 17px;
    cursor: pointer;
}

#menu img {
    width: 27px;
    margin-right: 10px;
}

/*
.input-group { max-width: 85%; margin-left: auto; margin-right: auto; margin-top: 10px; }
.input-group input { border-top-left-radius: 10px!important; border-bottom-left-radius: 10px!important; border-right: none; }
.input-group-append button img { width: 22px; }
.input-group-append button { background: none; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; border-right: 1px solid #CCC; border-top-right-radius: 10px!important; border-bottom-right-radius: 10px!important; }
*/
#userProfile {
    font-size: 0.9em !important;
    cursor: pointer;
    text-align: right;
    z-index: 11;
    position: relative;
}

#userProfile .nombreUsuario {
    margin-top: 20px;
    width: 60%;
}

#userProfile .fotoPerfil {
    width: 70px;
    height: 70px;
    margin-left: 20px;
    margin-top: -15px !important;
    border-radius: 50%;
    border: 5px solid #00B336;
    float: right;
}

#dropdownMenuLink {
    color: #fff;
    text-decoration: none;
}

#userProfile .dropdown-menu,
#userProfile .dropdown-item,
#userProfile .dropdown-item:hover {
    background-color: #eb0a2a;
    color: #fff;
}



/* NAV EVENTOS */
.navEvento {
    background-color: rgba(0, 0, 0, 0.7);
    width: 100%;
    height: 90px;
    position: absolute;
    z-index: 10;
    padding-top: 30px;
    display: none;
}

.navEvento li {
    display: inline-block;
    width: 19%;
    font-size: 1.2em;
    font-weight: 500;
    text-align: center;
}

.navEvento li img {
    width: 38px;
    margin-top: -3px;
}

.navEvento li a:link {
    color: white;
    text-decoration: none;
    transition: all 1s;
}

.navEvento li a:visited {
    color: white;
}

.navEvento li a:hover {
    color: #CCC;
}

/* NAV Perfil */
.navPerfil {
    background-color: rgba(0, 0, 0, 0.7);
    width: 100%;
    height: 90px;
    position: absolute;
    z-index: 10;
    padding-top: 30px;
    display: none;
}

.navPerfil li {
    display: inline-block;
    width: 30%;
    font-size: 1.2em;
    font-weight: 500;
    text-align: center;
}

.navPerfil li img {
    width: 38px;
    margin-top: -3px;
}

.navPerfil li a:link {
    color: white;
    text-decoration: none;
    transition: all 1s;
}

.navPerfil li a:visited {
    color: white;
}

.navPerfil li a:hover {
    color: #CCC;
}


/* Lobby */
.pre-countdown {
    font-size: 0.7em;
    max-width: 650px;
    margin: 0 auto;
    color: #E6E6E6;
    margin-top: 10px;
}

.pre-countdown .countdown {
    text-align: center;
    max-width: 600px;
    margin: 0 auto;
    margin-top: 10%;
}

.pre-countdown .number {
    float: left;
    width: 22%;
    border: 0.39em solid #8BBBFF;
    border-radius: 2em;
    padding: 1em;
    text-align: center;
    /*font-family: 'Avenir-Black';*/
}

.pre-countdown .divider {
    float: left;
    width: 4%
}

.pre-countdown .days0,
.hours0,
.minutes0,
.seconds0 {
    display: inline-block;
    float: none;
}

.pre-countdown .days1,
.hours1,
.minutes1,
.seconds1 {
    display: inline-block;
    float: none;
}

.pre-countdown .value {
    font-size: 5em;
    margin: 0 auto;
    text-align: center;
    letter-spacing: 0px;
    line-height: normal;
    margin-top: 0px;
}

.pre-countdown .divider {
    font-size: 5em;
    margin-top: 0px;
}

.pre-countdown .label {
    font-size: 2em;
    font-weight: 700;
    text-align: center;
    /*font-family: 'Avenir-Light';*/
}

@media (min-width: 1025px) and (max-width: 1540px) {
    .pre-countdown {
        font-size: 0.5em;
        max-width: 500px;
    }
}

@media (max-width: 800px) {}

@media (max-width: 500px) {

    .pre-countdown {
        max-width: 750px;
        margin: 0 auto;
        margin-top: 0px;
    }

}

@media (max-width: 1024px) {
    .pre-countdown {
        font-size: 0.35em;
    }

    .pre-countdown .label {}

    .pre-countdown .value {}

    .pre-countdown .divider {
        font-size: 40px;
        line-height: 60px;
    }
}

section.home {
    padding-top: calc(70px + 3vw);
}

.lobby-dots {
    width: 20vw;
}

footer.footer-lobby .footer-bottom {
    background-color: transparent;
    padding-top: 30px;
    padding-bottom: 30px;
    color: #fff;
    text-align: center;
    background-image: url(../img/bimbo/footer-tall.png);
    background-repeat: no-repeat;
    background-size: auto auto;
    background-position: top left;
    color: #fff;
    margin-top: 0px;
    margin-left: -15px;
    margin-right: -15px;
    position: relative;
    /*position: fixed; 
	left: 0;
	  bottom: 0;
	  width: 100%;*/
}

footer.footer-lobby .footer-bottom:before {
    position: absolute;
    content: "";
    height: 139px;
    width: 124px;
    background: url(../img/bimbo/footer-before.png) no-repeat;
    top: -139px;
    right: 0;
}

.footer-bottom a,
.links-politicas a,
footer a {
    color: #fff;
    font-weight: bold;
}

.container-icons {
    width: 50%;
    /*margin-top: 4vw;*/
}

.icon-btn a {
    color: #fff;
    display: block;
    width: 100%;
    text-decoration: none;
}

.icon-btn p,
.icon-btn label {
    color: #fff;
}

.icon-btn img {
    width: 100px;
    height: auto;
    margin: 0 auto;
}

.icon-btn img,
.icon-btn span {
    display: block;
}

.icon-btn img {
    display: block;
    width: 44%;
}

/*.icon-btn .btn-proforma img { display: block; width: 51.5%; }*/
.icon-btn span {
    display: block;
    width: 100%;
    font-weight: bold;
    font-size: 1.8vw;
    padding: 15px;
    line-height: 1.2em;
}

.ico-user {
    height: 1.7em;
    margin-top: -0.2em;
}

.btn {
    font-size: 1.3em
}


/* LOBBY */
.lobby:not(.f3d) {
    background: url(../img/ID01_Lobby@2x.jpg) 50% 0 no-repeat;
    background-size: 100%;
}

.btnLobby {
    float: left;
    position: absolute;
}

.btnLobby img {
    width: 100%;
}

.btnLobby.btnAuditorio {
    width: 11vw;
    height: auto;
    top: calc(0.5*18vw + 100px);
    left: 67vw;
}

.btnLobby.btnActividades {
    width: 12vw;
    height: auto;
    top: calc(0.5*24vw + 100px);
    left: 44vw;
}

.btnLobby.btnExhibicion {
    width: 11vw;
    height: auto;
    top: calc(0.5*19vw + 100px);
    left: 17vw;
}

.btnLobby.btnNetworking {
    width: 13vw;
    height: auto;
    top: calc(0.5*61vw + 100px);
    left: 22vw;
}

.btnLobby.informacion {
    width: 12vw;
    height: auto;
    top: calc(0.5*70vw + 100px);
    left: 60vw;
}

.btnLobby.agenda {
    width: 9vw;
    height: auto;
    top: calc(0.5*40vw + 100px);
    left: 8vw;
}

.btnLobby.video {
    width: 7vw;
    height: auto;
    top: calc(0.5*52vw + 100px);
    left: 67.3vw;
}

.btnLobby.video-central {
    width: 25.4vw;
    height: auto;
    top: calc(0.5*7.5vw + 100px);
    left: calc(35.3vw);
}




/* FOOTER */
footer.ineventos-footer {
    background-color: white;
    height: 100px;
    padding-top: 15px;
    color: #707070;
    text-align: center;
}

footer.ineventos-footer span {
    color: #005F4B;
}





.btn-primary,
.bg-g,
.bg-y {
    background: #EA0029;
    color: #fff;
    border: 0;
}


.btn-volver,
.btn-secondary {
    background: #005BB8 !important;
    color: #fff;
    border: 0;
}




/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers
 */

.hidden {
    display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 *
 * 1. For long content, line feeds are not interpreted as spaces and small width
 *    causes content to wrap 1 word per line:
 *    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap;
    /* 1 */
}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
    white-space: inherit;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
}

.clearfix:after {
    clear: both;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 1.25dppx),
(min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   https://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {

    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important;
        /* Black prints faster */
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre {
        white-space: pre-wrap !important;
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}




/** ----------------- CHAT FLOTANTE AUDITORIO */

// Imports
// --------------------------------------
@import 'https://fonts.googleapis.com/css?family=Noto+Sans';
// Variables
// --------------------------------------
$scrollbar-width: 5px;
$chat-thread-bgd-color: rgba(25, 147, 147, 0.2);
$chat-thread-msg-arrow-size: 10px;
$chat-thread-avatar-size: 25px;
$chat-thread-offset: #{$chat-thread-avatar-size + 20px};
$default-shadow-color: rgb(0, 0, 0);

// Mixins
// --------------------------------------
@mixin fancy-background() {
    background: -moz-linear-gradient(-45deg, #183850 0, #183850 25%, #192C46 50%, #22254C 75%, #22254C 100%);
    background: -webkit-linear-gradient(-45deg, #183850 0, #183850 25%, #192C46 50%, #22254C 75%, #22254C 100%);
    background-repeat: no-repeat;
    background-attachment: fixed;
}

@mixin fancy-scrollbar() {
    &::-webkit-scrollbar {
        width: $scrollbar-width;
    }

    &::-webkit-scrollbar-track {
        border-radius: $scrollbar-width;
        background-color: rgba(25, 147, 147, 0.1);
    }

    &::-webkit-scrollbar-thumb {
        border-radius: $scrollbar-width;
        background-color: $chat-thread-bgd-color;
    }
}

@mixin scrolling-shadows($background-color: transparent, $shadow-intensity: 0.5, $shadow-color: $default-shadow-color, $cover-size: 40px, $shadow-size: 14px) {
    // Shadow covers
    background: linear-gradient($background-color 30%, rgba($background-color, 0)), linear-gradient(rgba($background-color, 0), $background-color 70%) 0 100%, radial-gradient(50% 0, farthest-side, rgba($shadow-color, $shadow-intensity), rgba($shadow-color, 0)), radial-gradient(50% 100%, farthest-side, rgba($shadow-color, $shadow-intensity), rgba($shadow-color, 0)) 0 100%;
    background: linear-gradient($background-color 30%, rgba($background-color, 0)), linear-gradient(rgba($background-color, 0), $background-color 70%) 0 100%, radial-gradient(farthest-side at 50% 0, rgba($shadow-color, $shadow-intensity), rgba($shadow-color, 0));
    // also add button shadow:
    //radial-gradient(farthest-side at 50% 100%, rgba($shadow-color,$shadow-intensity), rgba($shadow-color,0)) 0 100%;
    background-repeat: no-repeat;
    background-color: $background-color;
    background-size: 100% $cover-size, 100% $cover-size, 100% $shadow-size, 100% $shadow-size;
    // Opera doesn't support this in the shorthand
    background-attachment: local, local, scroll, scroll;
}

* {
    box-sizing: border-box;
}

.floating-chat {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    position: fixed;
    bottom: 10px;
    right: 10px;
    width: 40px;
    height: 40px;
    transform: translateY(70px);
    transition: all 250ms ease-out;
    border-radius: 50%;
    opacity: 0;
    @include fancy-background;

    &.enter:hover {
        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
        opacity: 1;
    }

    &.enter {
        transform: translateY(0);
        opacity: 0.6;
        box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.12), 0px 1px 2px rgba(0, 0, 0, 0.14);
    }

    &.expand {
        width: 250px;
        max-height: 400px;
        height: 400px;
        border-radius: 5px;
        cursor: auto;
        opacity: 1;
    }

    :focus {
        outline: 0;
        box-shadow: 0 0 3pt 2pt rgba(#0EC879, 0.3);
    }

    button {
        background: transparent;
        border: 0;
        color: white;
        text-transform: uppercase;
        border-radius: 3px;
        cursor: pointer;
    }

    .chat {
        display: flex;
        flex-direction: column;
        position: absolute;
        opacity: 0;
        width: 1px;
        height: 1px;
        border-radius: 50%;
        transition: all 250ms ease-out;
        margin: auto;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;

        &.enter {
            opacity: 1;
            border-radius: 0;
            margin: 10px;
            width: auto;
            height: auto;
        }

        .header {
            flex-shrink: 0;
            padding-bottom: 10px;
            display: flex;
            background: transparent;

            .title {
                flex-grow: 1;
                flex-shrink: 1;
                padding: 0 5px;
            }

            button {
                flex-shrink: 0;
            }
        }

        .messages {
            padding: 10px;
            margin: 0;
            list-style: none;
            overflow-y: scroll;
            overflow-x: hidden;
            flex-grow: 1;
            border-radius: 4px;
            background: transparent;
            @include fancy-scrollbar;

            li {
                position: relative;
                clear: both;
                display: inline-block;
                padding: 14px;
                margin: 0 0 20px 0;
                font: 12px/16px 'Noto Sans', sans-serif;
                border-radius: 10px;
                background-color: $chat-thread-bgd-color;
                word-wrap: break-word;
                max-width: 81%;

                &:before {
                    position: absolute;
                    top: 0;
                    width: $chat-thread-avatar-size;
                    height: $chat-thread-avatar-size;
                    border-radius: $chat-thread-avatar-size;
                    content: '';
                    background-size: cover;
                }

                &:after {
                    position: absolute;
                    top: $chat-thread-msg-arrow-size;
                    content: '';
                    width: 0;
                    height: 0;
                    border-top: $chat-thread-msg-arrow-size solid $chat-thread-bgd-color;
                }
            }

            li.other {
                animation: show-chat-odd 0.15s 1 ease-in;
                -moz-animation: show-chat-odd 0.15s 1 ease-in;
                -webkit-animation: show-chat-odd 0.15s 1 ease-in;
                float: right;
                margin-right: $chat-thread-offset;
                color: #0AD5C1;
            }

            li.other:before {
                right: -$chat-thread-offset;
                // Placeholder avatar 1
                background-image: url(https://github.com/Thatkookooguy.png);
            }

            li.other:after {
                border-right: $chat-thread-msg-arrow-size solid transparent;
                right: -$chat-thread-msg-arrow-size;
            }

            li.self {
                animation: show-chat-even 0.15s 1 ease-in;
                -moz-animation: show-chat-even 0.15s 1 ease-in;
                -webkit-animation: show-chat-even 0.15s 1 ease-in;
                float: left;
                margin-left: $chat-thread-offset;
                color: #0EC879;
            }

            li.self:before {
                left: -$chat-thread-offset;
                // Placeholder avatar 2
                background-image: url(https://github.com/ortichon.png);
            }

            li.self:after {
                border-left: $chat-thread-msg-arrow-size solid transparent;
                left: -$chat-thread-msg-arrow-size;
            }
        }

        .footer {
            flex-shrink: 0;
            display: flex;
            //flex-direction: row-reverse;
            padding-top: 10px;
            max-height: 90px;
            background: transparent;

            .text-box {
                border-radius: 3px;
                background: $chat-thread-bgd-color;
                min-height: 100%;
                width: 100%;
                margin-right: 5px;
                color: #0EC879;
                overflow-y: auto;
                padding: 2px 5px;
                @include fancy-scrollbar;
            }
        }
    }
}

// Animation
// --------------------------------------
@keyframes show-chat-even {
    0% {
        margin-left: -480px;
    }

    100% {
        margin-left: 0;
    }
}

@-moz-keyframes show-chat-even {
    0% {
        margin-left: -480px;
    }

    100% {
        margin-left: 0;
    }
}

@-webkit-keyframes show-chat-even {
    0% {
        margin-left: -480px;
    }

    100% {
        margin-left: 0;
    }
}

@keyframes show-chat-odd {
    0% {
        margin-right: -480px;
    }

    100% {
        margin-right: 0;
    }
}

@-moz-keyframes show-chat-odd {
    0% {
        margin-right: -480px;
    }

    100% {
        margin-right: 0;
    }
}

@-webkit-keyframes show-chat-odd {
    0% {
        margin-right: -480px;
    }

    100% {
        margin-right: 0;
    }
}


.breathing-button {
    animation: breathing 4s ease-out infinite normal;
    -webkit-font-smoothing: antialiased;
}

.breathing-button:hover {
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused;
}


@keyframes breathing {
    0% {
        -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
        transform: scale(0.9);
    }

    50% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    100% {
        -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
        transform: scale(0.9);
    }
}





.alert-minimalist {
    background-color: rgb(240, 240, 240);
    border-color: rgba(149, 149, 149, 0.3);
    border-radius: 3px;
    color: rgb(40, 40, 40);
    padding: 10px;
}

.alert-minimalist>a {
    position: relative !important;
    text-decoration: none;
    color: rgb(40, 40, 40);
}

.alert-minimalist .icon-container>[data-notify="icon"] {
    width: 100%;
    max-height: 50px;
    max-width: 50px;
    margin-right: 12px;
}

.alert-minimalist .texto-container {
    padding-left: 62px;
}

.alert-minimalist .texto-container>[data-notify="title"] {
    color: rgb(51, 51, 51);
    display: block;
    font-weight: bold;
    margin-bottom: 5px;
}

.alert-minimalist .texto-container>[data-notify="message"] {
    /*font-size: 80%;*/
}

/* FOTO DE PERFIL */

.fotoPerfil img {
    margin-left: 0px !important;
    border: initial !important;
}

.addeventatc {
    margin-left: -12px;
}

/* AGENDA */

@media (min-width: 780px) {
    .navEvento {
        padding-top: 15px !important;
    }

    .navEvento .navIcon {
        display: block;
        width: 100%;
    }

    .navEvento .navIcon img {
        width: 25px;
    }
}

@media (max-width: 1999px) {
    .navPerfil {
        padding-top: 5px !important;
    }

    .navPerfil .navIcon {
        display: block;
        width: 100%;
    }

    .navPerfil .navIcon img {
        width: 25px;
    }
}

@media (max-width: 1028px) {
    .unaAgenda .fechaAgenda {
        font-size: 30px !important;
    }
}

@media (max-width: 934px) {
    .unaAgenda .fechaAgenda {
        font-size: 22px !important;
    }
}

@media (max-width: 767px) {
    .unaAgenda .fechaAgenda {
        font-size: 30px !important;
    }
}

@media (max-width: 991px) {
    .informes {
        background: none;
    }
}