@charset "UTF-8"; /* * Bootstrap */ /* * COLORS */ /* MAIN COLORS */ /* BLACKS AND GRAYS */ /* STATUS COLORS */ /* OTHER COLORS */ /* * END COLORS */ /* * FONT */ /* * BY ELEMENT */ /* BUTTONS */ /* HEADER */ /* COOKIE */ /*! * Bootstrap v4.0.0-alpha.6 (https://getbootstrap.com) * Copyright 2011-2017 The Bootstrap Authors * Copyright 2011-2017 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ /*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */ html { font-family: sans-serif; line-height: 1.15; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } article, aside, footer, header, nav, section { display: block; } h1 { font-size: 2em; margin: 0.67em 0; } figcaption, figure, main { display: block; } figure { margin: 1em 40px; } hr { box-sizing: content-box; height: 0; overflow: visible; } pre { font-family: monospace, monospace; font-size: 1em; } a { background-color: transparent; -webkit-text-decoration-skip: objects; } a:active, a:hover { outline-width: 0; } abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } b, strong { font-weight: inherit; } b, strong { font-weight: bolder; } code, kbd, samp { font-family: monospace, monospace; font-size: 1em; } dfn { font-style: italic; } mark { background-color: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } audio, video { display: inline-block; } audio:not([controls]) { display: none; height: 0; } img { border-style: none; } svg:not(:root) { overflow: hidden; } button, input, optgroup, select, textarea { font-family: sans-serif; font-size: 100%; line-height: 1.15; margin: 0; } button, input { overflow: visible; } button, select { text-transform: none; } button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress { display: inline-block; vertical-align: baseline; } textarea { overflow: auto; } [type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { -webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } details, menu { display: block; } summary { display: list-item; } canvas { display: inline-block; } template { display: none; } [hidden] { display: none; } @media print { *, *::before, *::after, p::first-letter, div::first-letter, blockquote::first-letter, li::first-letter, p::first-line, div::first-line, blockquote::first-line, li::first-line { text-shadow: none !important; box-shadow: none !important; } a, a:visited { text-decoration: underline; } abbr[title]::after { content: " (" attr(title) ")"; } pre { white-space: pre-wrap !important; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } .navbar { display: none; } .badge { border: 1px solid #000; } .table { border-collapse: collapse !important; } .table td, .table th { background-color: #fff !important; } .table-bordered th, .table-bordered td { border: 1px solid #ddd !important; } } html { box-sizing: border-box; } *, *::before, *::after { box-sizing: inherit; } @-ms-viewport { width: device-width; } html { -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body { font-family: "Montserrat", sans-serif; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #292b2c; background-color: #fff; } [tabindex="-1"]:focus { outline: none !important; } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: .5rem; } p { margin-top: 0; margin-bottom: 1rem; } abbr[title], abbr[data-original-title] { cursor: help; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul, dl { margin-top: 0; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: bold; } dd { margin-bottom: .5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } a { color: #ffbd1b; text-decoration: none; } a:focus, a:hover { color: #ce9200; text-decoration: underline; } a:not([href]):not([tabindex]) { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):focus { outline: 0; } pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; } figure { margin: 0 0 1rem; } img { vertical-align: middle; } [role="button"] { cursor: pointer; } a, area, button, [role="button"], input, label, select, summary, textarea { touch-action: manipulation; } table { border-collapse: collapse; background-color: transparent; } caption { padding-top: 0.75rem; padding-bottom: 0.75rem; color: #9d9d9d; text-align: left; caption-side: bottom; } th { text-align: left; } label { display: inline-block; margin-bottom: .5rem; } button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; } input, button, select, textarea { line-height: inherit; } input[type="radio"]:disabled, input[type="checkbox"]:disabled { cursor: not-allowed; } input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { -webkit-appearance: listbox; } textarea { resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; padding: 0; margin-bottom: .5rem; font-size: 1.5rem; line-height: inherit; } input[type="search"] { -webkit-appearance: none; } output { display: inline-block; } [hidden] { display: none !important; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin-bottom: 0.5rem; font-family: "Montserrat", sans-serif; font-weight: 500; line-height: 1.1; color: inherit; } h1, .h1 { font-size: 2.5rem; } h2, .h2 { font-size: 2rem; } h3, .h3 { font-size: 1.75rem; } h4, .h4 { font-size: 1.5rem; } h5, .h5 { font-size: 1.25rem; } h6, .h6 { font-size: 1rem; } .lead { font-size: 1.25rem; font-weight: 300; } .display-1 { font-size: 6rem; font-weight: 300; line-height: 1.1; } .display-2 { font-size: 5.5rem; font-weight: 300; line-height: 1.1; } .display-3 { font-size: 4.5rem; font-weight: 300; line-height: 1.1; } .display-4 { font-size: 3.5rem; font-weight: 300; line-height: 1.1; } hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); } small, .small { font-size: 80%; font-weight: 400; } mark, .mark { padding: 0.2em; background-color: #fcf8e3; } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; list-style: none; } .list-inline-item { display: inline-block; } .list-inline-item:not(:last-child) { margin-right: 5px; } .initialism { font-size: 90%; text-transform: uppercase; } .blockquote { padding: 0.5rem 1rem; margin-bottom: 1rem; font-size: 1.25rem; border-left: 0.25rem solid #e9e9e9; } .blockquote-footer { display: block; font-size: 80%; color: #9d9d9d; } .blockquote-footer::before { content: "\2014 \00A0"; } .blockquote-reverse { padding-right: 1rem; padding-left: 0; text-align: right; border-right: 0.25rem solid #e9e9e9; border-left: 0; } .blockquote-reverse .blockquote-footer::before { content: ""; } .blockquote-reverse .blockquote-footer::after { content: "\00A0 \2014"; } .img-fluid { max-width: 100%; height: auto; } .img-thumbnail { padding: 0.25rem; background-color: #fff; border: 1px solid #ddd; transition: all 0.2s ease-in-out; max-width: 100%; height: auto; } .figure { display: inline-block; } .figure-img { margin-bottom: 0.5rem; line-height: 1; } .figure-caption { font-size: 90%; color: #9d9d9d; } code, kbd, pre, samp { font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } code { padding: 0.2rem 0.4rem; font-size: 90%; color: #bd4147; background-color: #f7f7f9; } a > code { padding: 0; color: inherit; background-color: inherit; } kbd { padding: 0.2rem 0.4rem; font-size: 90%; color: #fff; background-color: #292b2c; } kbd kbd { padding: 0; font-size: 100%; font-weight: bold; } pre { display: block; margin-top: 0; margin-bottom: 1rem; font-size: 90%; color: #292b2c; } pre code { padding: 0; font-size: inherit; color: inherit; background-color: transparent; border-radius: 0; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .container { position: relative; margin-left: auto; margin-right: auto; padding-right: 15px; padding-left: 15px; } @media (min-width: 576px) { .container { padding-right: 15px; padding-left: 15px; } } @media (min-width: 768px) { .container { padding-right: 15px; padding-left: 15px; } } @media (min-width: 992px) { .container { padding-right: 15px; padding-left: 15px; } } @media (min-width: 1200px) { .container { padding-right: 15px; padding-left: 15px; } } @media (min-width: 576px) { .container { width: 540px; max-width: 100%; } } @media (min-width: 768px) { .container { width: 720px; max-width: 100%; } } @media (min-width: 992px) { .container { width: 960px; max-width: 100%; } } @media (min-width: 1200px) { .container { width: 1140px; max-width: 100%; } } .container-fluid { position: relative; margin-left: auto; margin-right: auto; padding-right: 15px; padding-left: 15px; } @media (min-width: 576px) { .container-fluid { padding-right: 15px; padding-left: 15px; } } @media (min-width: 768px) { .container-fluid { padding-right: 15px; padding-left: 15px; } } @media (min-width: 992px) { .container-fluid { padding-right: 15px; padding-left: 15px; } } @media (min-width: 1200px) { .container-fluid { padding-right: 15px; padding-left: 15px; } } .row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } @media (min-width: 576px) { .row { margin-right: -15px; margin-left: -15px; } } @media (min-width: 768px) { .row { margin-right: -15px; margin-left: -15px; } } @media (min-width: 992px) { .row { margin-right: -15px; margin-left: -15px; } } @media (min-width: 1200px) { .row { margin-right: -15px; margin-left: -15px; } } .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; } @media (min-width: 576px) { .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl { padding-right: 15px; padding-left: 15px; } } @media (min-width: 768px) { .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl { padding-right: 15px; padding-left: 15px; } } @media (min-width: 992px) { .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl { padding-right: 15px; padding-left: 15px; } } @media (min-width: 1200px) { .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl { padding-right: 15px; padding-left: 15px; } } .col { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-auto { flex: 0 0 auto; width: auto; } .col-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-3 { flex: 0 0 25%; max-width: 25%; } .col-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-6 { flex: 0 0 50%; max-width: 50%; } .col-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-9 { flex: 0 0 75%; max-width: 75%; } .col-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-12 { flex: 0 0 100%; max-width: 100%; } .pull-0 { right: auto; } .pull-1 { right: 8.3333333333%; } .pull-2 { right: 16.6666666667%; } .pull-3 { right: 25%; } .pull-4 { right: 33.3333333333%; } .pull-5 { right: 41.6666666667%; } .pull-6 { right: 50%; } .pull-7 { right: 58.3333333333%; } .pull-8 { right: 66.6666666667%; } .pull-9 { right: 75%; } .pull-10 { right: 83.3333333333%; } .pull-11 { right: 91.6666666667%; } .pull-12 { right: 100%; } .push-0 { left: auto; } .push-1 { left: 8.3333333333%; } .push-2 { left: 16.6666666667%; } .push-3 { left: 25%; } .push-4 { left: 33.3333333333%; } .push-5 { left: 41.6666666667%; } .push-6 { left: 50%; } .push-7 { left: 58.3333333333%; } .push-8 { left: 66.6666666667%; } .push-9 { left: 75%; } .push-10 { left: 83.3333333333%; } .push-11 { left: 91.6666666667%; } .push-12 { left: 100%; } .offset-1 { margin-left: 8.3333333333%; } .offset-2 { margin-left: 16.6666666667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.3333333333%; } .offset-5 { margin-left: 41.6666666667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.3333333333%; } .offset-8 { margin-left: 66.6666666667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.3333333333%; } .offset-11 { margin-left: 91.6666666667%; } @media (min-width: 576px) { .col-sm { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-sm-auto { flex: 0 0 auto; width: auto; } .col-sm-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-sm-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-sm-3 { flex: 0 0 25%; max-width: 25%; } .col-sm-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-sm-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-sm-6 { flex: 0 0 50%; max-width: 50%; } .col-sm-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-sm-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-sm-9 { flex: 0 0 75%; max-width: 75%; } .col-sm-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-sm-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-sm-12 { flex: 0 0 100%; max-width: 100%; } .pull-sm-0 { right: auto; } .pull-sm-1 { right: 8.3333333333%; } .pull-sm-2 { right: 16.6666666667%; } .pull-sm-3 { right: 25%; } .pull-sm-4 { right: 33.3333333333%; } .pull-sm-5 { right: 41.6666666667%; } .pull-sm-6 { right: 50%; } .pull-sm-7 { right: 58.3333333333%; } .pull-sm-8 { right: 66.6666666667%; } .pull-sm-9 { right: 75%; } .pull-sm-10 { right: 83.3333333333%; } .pull-sm-11 { right: 91.6666666667%; } .pull-sm-12 { right: 100%; } .push-sm-0 { left: auto; } .push-sm-1 { left: 8.3333333333%; } .push-sm-2 { left: 16.6666666667%; } .push-sm-3 { left: 25%; } .push-sm-4 { left: 33.3333333333%; } .push-sm-5 { left: 41.6666666667%; } .push-sm-6 { left: 50%; } .push-sm-7 { left: 58.3333333333%; } .push-sm-8 { left: 66.6666666667%; } .push-sm-9 { left: 75%; } .push-sm-10 { left: 83.3333333333%; } .push-sm-11 { left: 91.6666666667%; } .push-sm-12 { left: 100%; } .offset-sm-0 { margin-left: 0%; } .offset-sm-1 { margin-left: 8.3333333333%; } .offset-sm-2 { margin-left: 16.6666666667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.3333333333%; } .offset-sm-5 { margin-left: 41.6666666667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.3333333333%; } .offset-sm-8 { margin-left: 66.6666666667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.3333333333%; } .offset-sm-11 { margin-left: 91.6666666667%; } } @media (min-width: 768px) { .col-md { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-md-auto { flex: 0 0 auto; width: auto; } .col-md-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-md-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-md-3 { flex: 0 0 25%; max-width: 25%; } .col-md-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-md-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-md-6 { flex: 0 0 50%; max-width: 50%; } .col-md-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-md-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-md-9 { flex: 0 0 75%; max-width: 75%; } .col-md-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-md-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-md-12 { flex: 0 0 100%; max-width: 100%; } .pull-md-0 { right: auto; } .pull-md-1 { right: 8.3333333333%; } .pull-md-2 { right: 16.6666666667%; } .pull-md-3 { right: 25%; } .pull-md-4 { right: 33.3333333333%; } .pull-md-5 { right: 41.6666666667%; } .pull-md-6 { right: 50%; } .pull-md-7 { right: 58.3333333333%; } .pull-md-8 { right: 66.6666666667%; } .pull-md-9 { right: 75%; } .pull-md-10 { right: 83.3333333333%; } .pull-md-11 { right: 91.6666666667%; } .pull-md-12 { right: 100%; } .push-md-0 { left: auto; } .push-md-1 { left: 8.3333333333%; } .push-md-2 { left: 16.6666666667%; } .push-md-3 { left: 25%; } .push-md-4 { left: 33.3333333333%; } .push-md-5 { left: 41.6666666667%; } .push-md-6 { left: 50%; } .push-md-7 { left: 58.3333333333%; } .push-md-8 { left: 66.6666666667%; } .push-md-9 { left: 75%; } .push-md-10 { left: 83.3333333333%; } .push-md-11 { left: 91.6666666667%; } .push-md-12 { left: 100%; } .offset-md-0 { margin-left: 0%; } .offset-md-1 { margin-left: 8.3333333333%; } .offset-md-2 { margin-left: 16.6666666667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.3333333333%; } .offset-md-5 { margin-left: 41.6666666667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.3333333333%; } .offset-md-8 { margin-left: 66.6666666667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.3333333333%; } .offset-md-11 { margin-left: 91.6666666667%; } } @media (min-width: 992px) { .col-lg { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-lg-auto { flex: 0 0 auto; width: auto; } .col-lg-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-lg-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-lg-3 { flex: 0 0 25%; max-width: 25%; } .col-lg-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-lg-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-lg-6 { flex: 0 0 50%; max-width: 50%; } .col-lg-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-lg-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-lg-9 { flex: 0 0 75%; max-width: 75%; } .col-lg-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-lg-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-lg-12 { flex: 0 0 100%; max-width: 100%; } .pull-lg-0 { right: auto; } .pull-lg-1 { right: 8.3333333333%; } .pull-lg-2 { right: 16.6666666667%; } .pull-lg-3 { right: 25%; } .pull-lg-4 { right: 33.3333333333%; } .pull-lg-5 { right: 41.6666666667%; } .pull-lg-6 { right: 50%; } .pull-lg-7 { right: 58.3333333333%; } .pull-lg-8 { right: 66.6666666667%; } .pull-lg-9 { right: 75%; } .pull-lg-10 { right: 83.3333333333%; } .pull-lg-11 { right: 91.6666666667%; } .pull-lg-12 { right: 100%; } .push-lg-0 { left: auto; } .push-lg-1 { left: 8.3333333333%; } .push-lg-2 { left: 16.6666666667%; } .push-lg-3 { left: 25%; } .push-lg-4 { left: 33.3333333333%; } .push-lg-5 { left: 41.6666666667%; } .push-lg-6 { left: 50%; } .push-lg-7 { left: 58.3333333333%; } .push-lg-8 { left: 66.6666666667%; } .push-lg-9 { left: 75%; } .push-lg-10 { left: 83.3333333333%; } .push-lg-11 { left: 91.6666666667%; } .push-lg-12 { left: 100%; } .offset-lg-0 { margin-left: 0%; } .offset-lg-1 { margin-left: 8.3333333333%; } .offset-lg-2 { margin-left: 16.6666666667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.3333333333%; } .offset-lg-5 { margin-left: 41.6666666667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.3333333333%; } .offset-lg-8 { margin-left: 66.6666666667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.3333333333%; } .offset-lg-11 { margin-left: 91.6666666667%; } } @media (min-width: 1200px) { .col-xl { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-xl-auto { flex: 0 0 auto; width: auto; } .col-xl-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-xl-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-xl-3 { flex: 0 0 25%; max-width: 25%; } .col-xl-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-xl-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-xl-6 { flex: 0 0 50%; max-width: 50%; } .col-xl-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-xl-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-xl-9 { flex: 0 0 75%; max-width: 75%; } .col-xl-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-xl-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-xl-12 { flex: 0 0 100%; max-width: 100%; } .pull-xl-0 { right: auto; } .pull-xl-1 { right: 8.3333333333%; } .pull-xl-2 { right: 16.6666666667%; } .pull-xl-3 { right: 25%; } .pull-xl-4 { right: 33.3333333333%; } .pull-xl-5 { right: 41.6666666667%; } .pull-xl-6 { right: 50%; } .pull-xl-7 { right: 58.3333333333%; } .pull-xl-8 { right: 66.6666666667%; } .pull-xl-9 { right: 75%; } .pull-xl-10 { right: 83.3333333333%; } .pull-xl-11 { right: 91.6666666667%; } .pull-xl-12 { right: 100%; } .push-xl-0 { left: auto; } .push-xl-1 { left: 8.3333333333%; } .push-xl-2 { left: 16.6666666667%; } .push-xl-3 { left: 25%; } .push-xl-4 { left: 33.3333333333%; } .push-xl-5 { left: 41.6666666667%; } .push-xl-6 { left: 50%; } .push-xl-7 { left: 58.3333333333%; } .push-xl-8 { left: 66.6666666667%; } .push-xl-9 { left: 75%; } .push-xl-10 { left: 83.3333333333%; } .push-xl-11 { left: 91.6666666667%; } .push-xl-12 { left: 100%; } .offset-xl-0 { margin-left: 0%; } .offset-xl-1 { margin-left: 8.3333333333%; } .offset-xl-2 { margin-left: 16.6666666667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.3333333333%; } .offset-xl-5 { margin-left: 41.6666666667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.3333333333%; } .offset-xl-8 { margin-left: 66.6666666667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.3333333333%; } .offset-xl-11 { margin-left: 91.6666666667%; } } .table { width: 100%; max-width: 100%; margin-bottom: 1rem; } .table th, .table td { padding: 0.75rem; vertical-align: top; border-top: 1px solid #e9e9e9; } .table thead th { vertical-align: bottom; border-bottom: 2px solid #e9e9e9; } .table tbody + tbody { border-top: 2px solid #e9e9e9; } .table .table { background-color: #fff; } .table-sm th, .table-sm td { padding: 0.3rem; } .table-bordered { border: 1px solid #e9e9e9; } .table-bordered th, .table-bordered td { border: 1px solid #e9e9e9; } .table-bordered thead th, .table-bordered thead td { border-bottom-width: 2px; } .table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, 0.05); } .table-hover tbody tr:hover { background-color: rgba(0, 0, 0, 0.075); } .table-active, .table-active > th, .table-active > td { background-color: rgba(0, 0, 0, 0.075); } .table-hover .table-active:hover { background-color: rgba(0, 0, 0, 0.075); } .table-hover .table-active:hover > td, .table-hover .table-active:hover > th { background-color: rgba(0, 0, 0, 0.075); } .table-success, .table-success > th, .table-success > td { background-color: #dff0d8; } .table-hover .table-success:hover { background-color: #d0e9c6; } .table-hover .table-success:hover > td, .table-hover .table-success:hover > th { background-color: #d0e9c6; } .table-info, .table-info > th, .table-info > td { background-color: #d9edf7; } .table-hover .table-info:hover { background-color: #c4e3f3; } .table-hover .table-info:hover > td, .table-hover .table-info:hover > th { background-color: #c4e3f3; } .table-warning, .table-warning > th, .table-warning > td { background-color: #fcf8e3; } .table-hover .table-warning:hover { background-color: #faf2cc; } .table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th { background-color: #faf2cc; } .table-danger, .table-danger > th, .table-danger > td { background-color: #fdeaed; } .table-hover .table-danger:hover { background-color: #fbd3d9; } .table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th { background-color: #fbd3d9; } .thead-inverse th { color: #fff; background-color: #292b2c; } .thead-default th { color: #464a4c; background-color: #e9e9e9; } .table-inverse { color: #fff; background-color: #292b2c; } .table-inverse th, .table-inverse td, .table-inverse thead th { border-color: #fff; } .table-inverse.table-bordered { border: 0; } .table-responsive { display: block; width: 100%; overflow-x: auto; -ms-overflow-style: -ms-autohiding-scrollbar; } .table-responsive.table-bordered { border: 0; } .form-control { display: block; width: 100%; padding: 0.5rem 0.75rem; font-size: 1rem; line-height: 1.25; color: #464a4c; background-color: #fff; background-image: none; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; } .form-control::-ms-expand { background-color: transparent; border: 0; } .form-control:focus { color: #464a4c; background-color: #fff; border-color: #ffe29b; outline: none; } .form-control::placeholder { color: #9d9d9d; opacity: 1; } .form-control:disabled, .form-control[readonly] { background-color: #e9e9e9; opacity: 1; } .form-control:disabled { cursor: not-allowed; } select.form-control:not([size]):not([multiple]) { height: calc(2.25rem + 2px); } select.form-control:focus::-ms-value { color: #464a4c; background-color: #fff; } .form-control-file, .form-control-range { display: block; } .col-form-label { padding-top: calc(0.5rem - 1px * 2); padding-bottom: calc(0.5rem - 1px * 2); margin-bottom: 0; } .col-form-label-lg { padding-top: calc(0.75rem - 1px * 2); padding-bottom: calc(0.75rem - 1px * 2); font-size: 1.25rem; } .col-form-label-sm { padding-top: calc(0.25rem - 1px * 2); padding-bottom: calc(0.25rem - 1px * 2); font-size: 0.875rem; } .col-form-legend { padding-top: 0.5rem; padding-bottom: 0.5rem; margin-bottom: 0; font-size: 1rem; } .form-control-static { padding-top: 0.5rem; padding-bottom: 0.5rem; margin-bottom: 0; line-height: 1.25; border: solid transparent; border-width: 1px 0; } .form-control-static.form-control-sm, .input-group-sm > .form-control-static.form-control, .input-group-sm > .form-control-static.input-group-addon, .input-group-sm > .input-group-btn > .form-control-static.btn, .form-control-static.form-control-lg, .input-group-lg > .form-control-static.form-control, .input-group-lg > .form-control-static.input-group-addon, .input-group-lg > .input-group-btn > .form-control-static.btn { padding-right: 0; padding-left: 0; } .form-control-sm, .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn { padding: 0.25rem 0.5rem; font-size: 0.875rem; } select.form-control-sm:not([size]):not([multiple]), .input-group-sm > select.form-control:not([size]):not([multiple]), .input-group-sm > select.input-group-addon:not([size]):not([multiple]), .input-group-sm > .input-group-btn > select.btn:not([size]):not([multiple]) { height: 1.8125rem; } .form-control-lg, .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn { padding: 0.75rem 1.5rem; font-size: 1.25rem; } select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.form-control:not([size]):not([multiple]), .input-group-lg > select.input-group-addon:not([size]):not([multiple]), .input-group-lg > .input-group-btn > select.btn:not([size]):not([multiple]) { height: 3.1666666667rem; } .form-group { margin-bottom: 1rem; } .form-text { display: block; margin-top: 0.25rem; } .form-check { position: relative; display: block; margin-bottom: 0.5rem; } .form-check.disabled .form-check-label { color: #9d9d9d; cursor: not-allowed; } .form-check-label { padding-left: 1.25rem; margin-bottom: 0; cursor: pointer; } .form-check-input { position: absolute; margin-top: 0.25rem; margin-left: -1.25rem; } .form-check-input:only-child { position: static; } .form-check-inline { display: inline-block; } .form-check-inline .form-check-label { vertical-align: middle; } .form-check-inline + .form-check-inline { margin-left: 0.75rem; } .form-control-feedback { margin-top: 0.25rem; } .form-control-success, .form-control-warning, .form-control-danger { padding-right: 2.25rem; background-repeat: no-repeat; background-position: center right 0.5625rem; background-size: 1.125rem 1.125rem; } .has-success .form-control-feedback, .has-success .form-control-label, .has-success .col-form-label, .has-success .form-check-label, .has-success .custom-control { color: #50af6e; } .has-success .form-control { border-color: #50af6e; } .has-success .input-group-addon { color: #50af6e; border-color: #50af6e; background-color: #dcefe2; } .has-success .form-control-success { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%2350af6e' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E"); } .has-warning .form-control-feedback, .has-warning .form-control-label, .has-warning .col-form-label, .has-warning .form-check-label, .has-warning .custom-control { color: #f0ad4e; } .has-warning .form-control { border-color: #f0ad4e; } .has-warning .input-group-addon { color: #f0ad4e; border-color: #f0ad4e; background-color: white; } .has-warning .form-control-warning { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23f0ad4e' d='M4.4 5.324h-.8v-2.46h.8zm0 1.42h-.8V5.89h.8zM3.76.63L.04 7.075c-.115.2.016.425.26.426h7.397c.242 0 .372-.226.258-.426C6.726 4.924 5.47 2.79 4.253.63c-.113-.174-.39-.174-.494 0z'/%3E%3C/svg%3E"); } .has-danger .form-control-feedback, .has-danger .form-control-label, .has-danger .col-form-label, .has-danger .form-check-label, .has-danger .custom-control { color: #e44949; } .has-danger .form-control { border-color: #e44949; } .has-danger .input-group-addon { color: #e44949; border-color: #e44949; background-color: #fefbfb; } .has-danger .form-control-danger { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23e44949' viewBox='-2 -2 7 7'%3E%3Cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3E%3Ccircle r='.5'/%3E%3Ccircle cx='3' r='.5'/%3E%3Ccircle cy='3' r='.5'/%3E%3Ccircle cx='3' cy='3' r='.5'/%3E%3C/svg%3E"); } .form-inline { display: flex; flex-flow: row wrap; align-items: center; } .form-inline .form-check { width: 100%; } @media (min-width: 576px) { .form-inline label { display: flex; align-items: center; justify-content: center; margin-bottom: 0; } .form-inline .form-group { display: flex; flex: 0 0 auto; flex-flow: row wrap; align-items: center; margin-bottom: 0; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .form-control-static { display: inline-block; } .form-inline .input-group { width: auto; } .form-inline .form-control-label { margin-bottom: 0; vertical-align: middle; } .form-inline .form-check { display: flex; align-items: center; justify-content: center; width: auto; margin-top: 0; margin-bottom: 0; } .form-inline .form-check-label { padding-left: 0; } .form-inline .form-check-input { position: relative; margin-top: 0; margin-right: 0.25rem; margin-left: 0; } .form-inline .custom-control { display: flex; align-items: center; justify-content: center; padding-left: 0; } .form-inline .custom-control-indicator { position: static; display: inline-block; margin-right: 0.25rem; vertical-align: text-bottom; } .form-inline .has-feedback .form-control-feedback { top: 0; } } .btn { display: inline-block; font-weight: 600; line-height: 1.4; text-align: center; white-space: nowrap; vertical-align: middle; user-select: none; border: 1px solid transparent; padding: 10px 16px; font-size: 1rem; transition: all 0.2s ease-in-out; } .btn:focus, .btn:hover { text-decoration: none; } .btn:focus, .btn.focus { outline: 0; box-shadow: 0 0 0 2px rgba(255, 189, 27, 0.25); } .btn.disabled, .btn:disabled { cursor: not-allowed; opacity: .65; } .btn:active, .btn.active { background-image: none; } a.btn.disabled, fieldset[disabled] a.btn { pointer-events: none; } .btn-primary, .page.search-register-page #main-container .header-navbar .navbar-login .nav-item .nav-link { color: #000; background-color: #ffbd1b; border-color: #ffbd1b; } .btn-primary:hover, .page.search-register-page #main-container .header-navbar .navbar-login .nav-item .nav-link:hover { color: #000; background-color: #e7a400; border-color: #dd9d00; } .btn-primary:focus, .page.search-register-page #main-container .header-navbar .navbar-login .nav-item .nav-link:focus, .btn-primary.focus, .page.search-register-page #main-container .header-navbar .navbar-login .nav-item .focus.nav-link { box-shadow: 0 0 0 2px rgba(255, 189, 27, 0.5); } .btn-primary.disabled, .page.search-register-page #main-container .header-navbar .navbar-login .nav-item .disabled.nav-link, .btn-primary:disabled, .page.search-register-page #main-container .header-navbar .navbar-login .nav-item .nav-link:disabled { background-color: #ffbd1b; border-color: #ffbd1b; } .btn-primary:active, .page.search-register-page #main-container .header-navbar .navbar-login .nav-item .nav-link:active, .btn-primary.active, .page.search-register-page #main-container .header-navbar .navbar-login .nav-item .active.nav-link, .show > .btn-primary.dropdown-toggle, .in > .btn-primary.dropdown-toggle, .open > .btn-primary.dropdown-toggle, .page.search-register-page #main-container .header-navbar .navbar-login .nav-item .show > .dropdown-toggle.nav-link, .page.search-register-page #main-container .header-navbar .navbar-login .nav-item .in > .dropdown-toggle.nav-link, .page.search-register-page #main-container .header-navbar .navbar-login .nav-item .open > .dropdown-toggle.nav-link { color: #000; background-color: #e7a400; background-image: none; border-color: #dd9d00; } .btn-secondary, .drivers-page .drivers-buttons-filter .organizations-list.organizations-list-title .btn-driver-mark-departed, .drivers-page .drivers-buttons-filter .organization-title .btn-driver-send-email { color: #292b2c; background-color: #fff; border-color: #ccc; } .btn-secondary:hover, .drivers-page .drivers-buttons-filter .organizations-list.organizations-list-title .btn-driver-mark-departed:hover, .drivers-page .drivers-buttons-filter .organization-title .btn-driver-send-email:hover { color: #292b2c; background-color: #e6e5e5; border-color: #adadad; } .btn-secondary:focus, .drivers-page .drivers-buttons-filter .organizations-list.organizations-list-title .btn-driver-mark-departed:focus, .drivers-page .drivers-buttons-filter .organization-title .btn-driver-send-email:focus, .btn-secondary.focus, .drivers-page .drivers-buttons-filter .organizations-list.organizations-list-title .focus.btn-driver-mark-departed, .drivers-page .drivers-buttons-filter .organization-title .focus.btn-driver-send-email { box-shadow: 0 0 0 2px rgba(204, 204, 204, 0.5); } .btn-secondary.disabled, .drivers-page .drivers-buttons-filter .organizations-list.organizations-list-title .disabled.btn-driver-mark-departed, .drivers-page .drivers-buttons-filter .organization-title .disabled.btn-driver-send-email, .btn-secondary:disabled, .drivers-page .drivers-buttons-filter .organizations-list.organizations-list-title .btn-driver-mark-departed:disabled, .drivers-page .drivers-buttons-filter .organization-title .btn-driver-send-email:disabled { background-color: #fff; border-color: #ccc; } .btn-secondary:active, .drivers-page .drivers-buttons-filter .organizations-list.organizations-list-title .btn-driver-mark-departed:active, .drivers-page .drivers-buttons-filter .organization-title .btn-driver-send-email:active, .btn-secondary.active, .drivers-page .drivers-buttons-filter .organizations-list.organizations-list-title .active.btn-driver-mark-departed, .drivers-page .drivers-buttons-filter .organization-title .active.btn-driver-send-email, .show > .btn-secondary.dropdown-toggle, .in > .btn-secondary.dropdown-toggle, .open > .btn-secondary.dropdown-toggle, .drivers-page .drivers-buttons-filter .organizations-list.organizations-list-title .show > .dropdown-toggle.btn-driver-mark-departed, .drivers-page .drivers-buttons-filter .organizations-list.organizations-list-title .in > .dropdown-toggle.btn-driver-mark-departed, .drivers-page .drivers-buttons-filter .organizations-list.organizations-list-title .open > .dropdown-toggle.btn-driver-mark-departed, .drivers-page .drivers-buttons-filter .organization-title .show > .dropdown-toggle.btn-driver-send-email, .drivers-page .drivers-buttons-filter .organization-title .in > .dropdown-toggle.btn-driver-send-email, .drivers-page .drivers-buttons-filter .organization-title .open > .dropdown-toggle.btn-driver-send-email { color: #292b2c; background-color: #e6e5e5; background-image: none; border-color: #adadad; } .btn-info { color: #fff; background-color: #5bc0de; border-color: #5bc0de; } .btn-info:hover { color: #fff; background-color: #31b0d5; border-color: #2aabd2; } .btn-info:focus, .btn-info.focus { box-shadow: 0 0 0 2px rgba(91, 192, 222, 0.5); } .btn-info.disabled, .btn-info:disabled { background-color: #5bc0de; border-color: #5bc0de; } .btn-info:active, .btn-info.active, .show > .btn-info.dropdown-toggle, .in > .btn-info.dropdown-toggle, .open > .btn-info.dropdown-toggle { color: #fff; background-color: #31b0d5; background-image: none; border-color: #2aabd2; } .btn-success { color: #fff; background-color: #50af6e; border-color: #50af6e; } .btn-success:hover { color: #fff; background-color: #408c58; border-color: #3d8554; } .btn-success:focus, .btn-success.focus { box-shadow: 0 0 0 2px rgba(80, 175, 110, 0.5); } .btn-success.disabled, .btn-success:disabled { background-color: #50af6e; border-color: #50af6e; } .btn-success:active, .btn-success.active, .show > .btn-success.dropdown-toggle, .in > .btn-success.dropdown-toggle, .open > .btn-success.dropdown-toggle { color: #fff; background-color: #408c58; background-image: none; border-color: #3d8554; } .btn-warning { color: #fff; background-color: #f0ad4e; border-color: #f0ad4e; } .btn-warning:hover { color: #fff; background-color: #ec971f; border-color: #eb9316; } .btn-warning:focus, .btn-warning.focus { box-shadow: 0 0 0 2px rgba(240, 173, 78, 0.5); } .btn-warning.disabled, .btn-warning:disabled { background-color: #f0ad4e; border-color: #f0ad4e; } .btn-warning:active, .btn-warning.active, .show > .btn-warning.dropdown-toggle, .in > .btn-warning.dropdown-toggle, .open > .btn-warning.dropdown-toggle { color: #fff; background-color: #ec971f; background-image: none; border-color: #eb9316; } .btn-danger { color: #fff; background-color: #e44949; border-color: #e44949; } .btn-danger:hover { color: #fff; background-color: #da2020; border-color: #d11f1f; } .btn-danger:focus, .btn-danger.focus { box-shadow: 0 0 0 2px rgba(228, 73, 73, 0.5); } .btn-danger.disabled, .btn-danger:disabled { background-color: #e44949; border-color: #e44949; } .btn-danger:active, .btn-danger.active, .show > .btn-danger.dropdown-toggle, .in > .btn-danger.dropdown-toggle, .open > .btn-danger.dropdown-toggle { color: #fff; background-color: #da2020; background-image: none; border-color: #d11f1f; } .btn-outline-primary { color: #ffbd1b; background-image: none; background-color: transparent; border-color: #ffbd1b; } .btn-outline-primary:hover { color: #fff; background-color: #ffbd1b; border-color: #ffbd1b; } .btn-outline-primary:focus, .btn-outline-primary.focus { box-shadow: 0 0 0 2px rgba(255, 189, 27, 0.5); } .btn-outline-primary.disabled, .btn-outline-primary:disabled { color: #ffbd1b; background-color: transparent; } .btn-outline-primary:active, .btn-outline-primary.active, .show > .btn-outline-primary.dropdown-toggle, .in > .btn-outline-primary.dropdown-toggle, .open > .btn-outline-primary.dropdown-toggle { color: #fff; background-color: #ffbd1b; border-color: #ffbd1b; } .btn-outline-secondary { color: #ccc; background-image: none; background-color: transparent; border-color: #ccc; } .btn-outline-secondary:hover { color: #fff; background-color: #ccc; border-color: #ccc; } .btn-outline-secondary:focus, .btn-outline-secondary.focus { box-shadow: 0 0 0 2px rgba(204, 204, 204, 0.5); } .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: #ccc; background-color: transparent; } .btn-outline-secondary:active, .btn-outline-secondary.active, .show > .btn-outline-secondary.dropdown-toggle, .in > .btn-outline-secondary.dropdown-toggle, .open > .btn-outline-secondary.dropdown-toggle { color: #fff; background-color: #ccc; border-color: #ccc; } .btn-outline-info { color: #5bc0de; background-image: none; background-color: transparent; border-color: #5bc0de; } .btn-outline-info:hover { color: #fff; background-color: #5bc0de; border-color: #5bc0de; } .btn-outline-info:focus, .btn-outline-info.focus { box-shadow: 0 0 0 2px rgba(91, 192, 222, 0.5); } .btn-outline-info.disabled, .btn-outline-info:disabled { color: #5bc0de; background-color: transparent; } .btn-outline-info:active, .btn-outline-info.active, .show > .btn-outline-info.dropdown-toggle, .in > .btn-outline-info.dropdown-toggle, .open > .btn-outline-info.dropdown-toggle { color: #fff; background-color: #5bc0de; border-color: #5bc0de; } .btn-outline-success { color: #50af6e; background-image: none; background-color: transparent; border-color: #50af6e; } .btn-outline-success:hover { color: #fff; background-color: #50af6e; border-color: #50af6e; } .btn-outline-success:focus, .btn-outline-success.focus { box-shadow: 0 0 0 2px rgba(80, 175, 110, 0.5); } .btn-outline-success.disabled, .btn-outline-success:disabled { color: #50af6e; background-color: transparent; } .btn-outline-success:active, .btn-outline-success.active, .show > .btn-outline-success.dropdown-toggle, .in > .btn-outline-success.dropdown-toggle, .open > .btn-outline-success.dropdown-toggle { color: #fff; background-color: #50af6e; border-color: #50af6e; } .btn-outline-warning { color: #f0ad4e; background-image: none; background-color: transparent; border-color: #f0ad4e; } .btn-outline-warning:hover { color: #fff; background-color: #f0ad4e; border-color: #f0ad4e; } .btn-outline-warning:focus, .btn-outline-warning.focus { box-shadow: 0 0 0 2px rgba(240, 173, 78, 0.5); } .btn-outline-warning.disabled, .btn-outline-warning:disabled { color: #f0ad4e; background-color: transparent; } .btn-outline-warning:active, .btn-outline-warning.active, .show > .btn-outline-warning.dropdown-toggle, .in > .btn-outline-warning.dropdown-toggle, .open > .btn-outline-warning.dropdown-toggle { color: #fff; background-color: #f0ad4e; border-color: #f0ad4e; } .btn-outline-danger { color: #e44949; background-image: none; background-color: transparent; border-color: #e44949; } .btn-outline-danger:hover { color: #fff; background-color: #e44949; border-color: #e44949; } .btn-outline-danger:focus, .btn-outline-danger.focus { box-shadow: 0 0 0 2px rgba(228, 73, 73, 0.5); } .btn-outline-danger.disabled, .btn-outline-danger:disabled { color: #e44949; background-color: transparent; } .btn-outline-danger:active, .btn-outline-danger.active, .show > .btn-outline-danger.dropdown-toggle, .in > .btn-outline-danger.dropdown-toggle, .open > .btn-outline-danger.dropdown-toggle { color: #fff; background-color: #e44949; border-color: #e44949; } .btn-link { font-weight: 400; color: #ffbd1b; border-radius: 0; } .btn-link, .btn-link:active, .btn-link.active, .btn-link:disabled { background-color: transparent; } .btn-link, .btn-link:focus, .btn-link:active { border-color: transparent; } .btn-link:hover { border-color: transparent; } .btn-link:focus, .btn-link:hover { color: #ce9200; text-decoration: underline; background-color: transparent; } .btn-link:disabled { color: #9d9d9d; } .btn-link:disabled:focus, .btn-link:disabled:hover { text-decoration: none; } .btn-lg, .btn-group-lg > .btn { padding: 0.75rem 1.5rem; font-size: 1.25rem; } .btn-sm, .btn-group-sm > .btn { padding: 0.25rem 0.5rem; font-size: 0.875rem; } .btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: 0.5rem; } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } .fade { opacity: 0; transition: opacity 0.15s linear; } .fade.show, .fade.in, .fade.open { opacity: 1; } .collapse { display: none; } .collapse.show, .collapse.in, .collapse.open { display: block; } tr.collapse.show, tr.collapse.in, tr.collapse.open { display: table-row; } tbody.collapse.show, tbody.collapse.in, tbody.collapse.open { display: table-row-group; } .collapsing { position: relative; height: 0; overflow: hidden; transition: height 0.35s ease; } .dropup, .dropdown { position: relative; } .dropdown-toggle::after { display: inline-block; width: 0; height: 0; margin-left: 0.3em; vertical-align: middle; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-left: 0.3em solid transparent; } .dropdown-toggle:focus { outline: 0; } .dropup .dropdown-toggle::after { border-top: 0; border-bottom: 0.3em solid; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 10rem; padding: 0.5rem 0; margin: 0.125rem 0 0; font-size: 1rem; color: #292b2c; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); } .dropdown-divider { height: 1px; margin: 0.5rem 0; overflow: hidden; background-color: #e9e9e9; } .dropdown-item { display: block; width: 100%; padding: 3px 1.5rem; clear: both; font-weight: 400; color: #292b2c; text-align: inherit; white-space: nowrap; background: none; border: 0; } .dropdown-item:focus, .dropdown-item:hover { color: #1d1e1f; text-decoration: none; background-color: #f7f7f9; } .dropdown-item.active, .dropdown-item:active { color: #fff; text-decoration: none; background-color: #ffbd1b; } .dropdown-item.disabled, .dropdown-item:disabled { color: #9d9d9d; cursor: not-allowed; background-color: transparent; } .show > .dropdown-menu, .in > .dropdown-menu, .open > .dropdown-menu { display: block; } .show > a, .in > a, .open > a { outline: 0; } .dropdown-menu-right { right: 0; left: auto; } .dropdown-menu-left { right: auto; left: 0; } .dropdown-header { display: block; padding: 0.5rem 1.5rem; margin-bottom: 0; font-size: 0.875rem; color: #9d9d9d; white-space: nowrap; } .dropdown-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 990; } .dropup .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 0.125rem; } .btn-group, .btn-group-vertical { position: relative; display: inline-flex; vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { position: relative; flex: 0 1 auto; } .btn-group > .btn:hover, .btn-group-vertical > .btn:hover { z-index: 2; } .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active { z-index: 2; } .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group, .btn-group-vertical .btn + .btn, .btn-group-vertical .btn + .btn-group, .btn-group-vertical .btn-group + .btn, .btn-group-vertical .btn-group + .btn-group { margin-left: -1px; } .btn-toolbar { display: flex; justify-content: flex-start; } .btn-toolbar .input-group { width: auto; } .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0; } .btn-group > .btn:first-child { margin-left: 0; } .btn-group > .btn-group { float: left; } .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0; } .btn + .dropdown-toggle-split { padding-right: 12px; padding-left: 12px; } .btn + .dropdown-toggle-split::after { margin-left: 0; } .btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { padding-right: 0.375rem; padding-left: 0.375rem; } .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { padding-right: 1.125rem; padding-left: 1.125rem; } .btn-group-vertical { display: inline-flex; flex-direction: column; align-items: flex-start; justify-content: center; } .btn-group-vertical .btn, .btn-group-vertical .btn-group { width: 100%; } .btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group { margin-top: -1px; margin-left: 0; } .btn-group-vertical > .btn:not(:first-child):not(:last-child) { border-radius: 0; } .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } [data-toggle="buttons"] > .btn input[type="radio"], [data-toggle="buttons"] > .btn input[type="checkbox"], [data-toggle="buttons"] > .btn-group > .btn input[type="radio"], [data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .input-group { position: relative; display: flex; width: 100%; } .input-group .form-control { position: relative; z-index: 2; flex: 1 1 auto; width: 1%; margin-bottom: 0; } .input-group .form-control:focus, .input-group .form-control:active, .input-group .form-control:hover { z-index: 3; } .input-group-addon, .input-group-btn, .input-group .form-control { display: flex; flex-direction: column; justify-content: center; } .input-group-addon, .input-group-btn { white-space: nowrap; vertical-align: middle; } .input-group-addon { padding: 0.5rem 0.75rem; margin-bottom: 0; font-size: 1rem; font-weight: 400; line-height: 1.25; color: #464a4c; text-align: center; background-color: #e9e9e9; border: 1px solid rgba(0, 0, 0, 0.15); } .input-group-addon.form-control-sm, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .input-group-addon.btn { padding: 0.25rem 0.5rem; font-size: 0.875rem; } .input-group-addon.form-control-lg, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .input-group-addon.btn { padding: 0.75rem 1.5rem; font-size: 1.25rem; } .input-group-addon input[type="radio"], .input-group-addon input[type="checkbox"] { margin-top: 0; } .input-group-addon:not(:last-child) { border-right: 0; } .form-control + .input-group-addon:not(:first-child) { border-left: 0; } .input-group-btn { position: relative; font-size: 0; white-space: nowrap; } .input-group-btn > .btn { position: relative; flex: 1; } .input-group-btn > .btn + .btn { margin-left: -1px; } .input-group-btn > .btn:focus, .input-group-btn > .btn:active, .input-group-btn > .btn:hover { z-index: 3; } .input-group-btn:not(:last-child) > .btn, .input-group-btn:not(:last-child) > .btn-group { margin-right: -1px; } .input-group-btn:not(:first-child) > .btn, .input-group-btn:not(:first-child) > .btn-group { z-index: 2; margin-left: -1px; } .input-group-btn:not(:first-child) > .btn:focus, .input-group-btn:not(:first-child) > .btn:active, .input-group-btn:not(:first-child) > .btn:hover, .input-group-btn:not(:first-child) > .btn-group:focus, .input-group-btn:not(:first-child) > .btn-group:active, .input-group-btn:not(:first-child) > .btn-group:hover { z-index: 3; } .custom-control { position: relative; display: inline-flex; min-height: 1.5rem; padding-left: 1.5rem; margin-right: 1rem; cursor: pointer; } .custom-control-input { position: absolute; z-index: -1; opacity: 0; } .custom-control-input:checked ~ .custom-control-indicator { color: #fff; background-color: #ffbd1b; } .custom-control-input:focus ~ .custom-control-indicator { box-shadow: 0 0 0 1px #fff, 0 0 0 3px #ffbd1b; } .custom-control-input:active ~ .custom-control-indicator { color: #fff; background-color: #fff1ce; } .custom-control-input:disabled ~ .custom-control-indicator { cursor: not-allowed; background-color: #e9e9e9; } .custom-control-input:disabled ~ .custom-control-description { color: #9d9d9d; cursor: not-allowed; } .custom-control-indicator { position: absolute; top: 0.25rem; left: 0; display: block; width: 1rem; height: 1rem; pointer-events: none; user-select: none; background-color: #ddd; background-repeat: no-repeat; background-position: center center; background-size: 50% 50%; } .custom-checkbox .custom-control-input:checked ~ .custom-control-indicator { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-indicator { background-color: #ffbd1b; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E"); } .custom-radio .custom-control-indicator { border-radius: 50%; } .custom-radio .custom-control-input:checked ~ .custom-control-indicator { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E"); } .custom-controls-stacked { display: flex; flex-direction: column; } .custom-controls-stacked .custom-control { margin-bottom: 0.25rem; } .custom-controls-stacked .custom-control + .custom-control { margin-left: 0; } .custom-select { display: inline-block; max-width: 100%; height: calc(2.25rem + 2px); padding: 0.375rem 1.75rem 0.375rem 0.75rem; line-height: 1.25; color: #464a4c; vertical-align: middle; background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23333' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center; background-size: 8px 10px; border: 1px solid rgba(0, 0, 0, 0.15); -moz-appearance: none; -webkit-appearance: none; } .custom-select:focus { border-color: #ffe29b; outline: none; } .custom-select:focus::-ms-value { color: #464a4c; background-color: #fff; } .custom-select:disabled { color: #9d9d9d; cursor: not-allowed; background-color: #e9e9e9; } .custom-select::-ms-expand { opacity: 0; } .custom-select-sm { padding-top: 0.375rem; padding-bottom: 0.375rem; font-size: 75%; } .custom-file { position: relative; display: inline-block; max-width: 100%; height: 2.5rem; margin-bottom: 0; cursor: pointer; } .custom-file-input { min-width: 14rem; max-width: 100%; height: 2.5rem; margin: 0; filter: alpha(opacity=0); opacity: 0; } .custom-file-control { position: absolute; top: 0; right: 0; left: 0; z-index: 5; height: 2.5rem; padding: 0.5rem 1rem; line-height: 1.5; color: #464a4c; pointer-events: none; user-select: none; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.15); } .custom-file-control:lang(en)::after { content: "Choose file..."; } .custom-file-control::before { position: absolute; top: -1px; right: -1px; bottom: -1px; z-index: 6; display: block; height: 2.5rem; padding: 0.5rem 1rem; line-height: 1.5; color: #464a4c; background-color: #e9e9e9; border: 1px solid rgba(0, 0, 0, 0.15); } .custom-file-control:lang(en)::before { content: "Browse"; } .nav { display: flex; padding-left: 0; margin-bottom: 0; list-style: none; } .nav-link { display: block; padding: 0.5em 1em; } .nav-link:focus, .nav-link:hover { text-decoration: none; } .nav-link.disabled { color: #9d9d9d; cursor: not-allowed; } .nav-tabs { border-bottom: 1px solid #ddd; } .nav-tabs .nav-item { margin-bottom: -1px; } .nav-tabs .nav-link { border: 1px solid transparent; } .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover { border-color: #e9e9e9 #e9e9e9 #ddd; } .nav-tabs .nav-link.disabled { color: #9d9d9d; background-color: transparent; border-color: transparent; } .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-item.in .nav-link, .nav-tabs .nav-item.open .nav-link { color: #464a4c; background-color: #fff; border-color: #ddd #ddd #fff; } .nav-tabs .dropdown-menu { margin-top: -1px; } .nav-pills .nav-link.active, .nav-pills .nav-item.show .nav-link, .nav-pills .nav-item.in .nav-link, .nav-pills .nav-item.open .nav-link { color: #fff; cursor: default; background-color: #ffbd1b; } .nav-fill .nav-item { flex: 1 1 auto; text-align: center; } .nav-justified .nav-item { flex: 1 1 100%; text-align: center; } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .navbar { position: relative; display: flex; flex-direction: column; padding: 0.5rem 1rem; } .navbar-brand { display: inline-block; padding-top: .25rem; padding-bottom: .25rem; margin-right: 1rem; font-size: 1.25rem; line-height: inherit; white-space: nowrap; } .navbar-brand:focus, .navbar-brand:hover { text-decoration: none; } .navbar-nav { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none; } .navbar-nav .nav-link { padding-right: 0; padding-left: 0; } .navbar-text { display: inline-block; padding-top: .425rem; padding-bottom: .425rem; } .navbar-toggler { align-self: flex-start; padding: 0.25rem 0.75rem; font-size: 1.25rem; line-height: 1; background: transparent; border: 1px solid transparent; } .navbar-toggler:focus, .navbar-toggler:hover { text-decoration: none; } .navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; content: ""; background: no-repeat center center; background-size: 100% 100%; } .navbar-toggler-left { position: absolute; left: 1rem; } .navbar-toggler-right { position: absolute; right: 1rem; } @media (max-width: 575.98px) { .navbar-toggleable .navbar-nav .dropdown-menu { position: static; float: none; } .navbar-toggleable > .container { padding-right: 0; padding-left: 0; } } @media (min-width: 576px) { .navbar-toggleable { flex-direction: row; flex-wrap: nowrap; align-items: center; } .navbar-toggleable .navbar-nav { flex-direction: row; } .navbar-toggleable .navbar-nav .nav-link { padding-right: .5rem; padding-left: .5rem; } .navbar-toggleable > .container { display: flex; flex-wrap: nowrap; align-items: center; } .navbar-toggleable .navbar-collapse { display: flex !important; width: 100%; } .navbar-toggleable .navbar-toggler { display: none; } } @media (max-width: 767.98px) { .navbar-toggleable-sm .navbar-nav .dropdown-menu { position: static; float: none; } .navbar-toggleable-sm > .container { padding-right: 0; padding-left: 0; } } @media (min-width: 768px) { .navbar-toggleable-sm { flex-direction: row; flex-wrap: nowrap; align-items: center; } .navbar-toggleable-sm .navbar-nav { flex-direction: row; } .navbar-toggleable-sm .navbar-nav .nav-link { padding-right: .5rem; padding-left: .5rem; } .navbar-toggleable-sm > .container { display: flex; flex-wrap: nowrap; align-items: center; } .navbar-toggleable-sm .navbar-collapse { display: flex !important; width: 100%; } .navbar-toggleable-sm .navbar-toggler { display: none; } } @media (max-width: 991.98px) { .navbar-toggleable-md .navbar-nav .dropdown-menu { position: static; float: none; } .navbar-toggleable-md > .container { padding-right: 0; padding-left: 0; } } @media (min-width: 992px) { .navbar-toggleable-md { flex-direction: row; flex-wrap: nowrap; align-items: center; } .navbar-toggleable-md .navbar-nav { flex-direction: row; } .navbar-toggleable-md .navbar-nav .nav-link { padding-right: .5rem; padding-left: .5rem; } .navbar-toggleable-md > .container { display: flex; flex-wrap: nowrap; align-items: center; } .navbar-toggleable-md .navbar-collapse { display: flex !important; width: 100%; } .navbar-toggleable-md .navbar-toggler { display: none; } } @media (max-width: 1199.98px) { .navbar-toggleable-lg .navbar-nav .dropdown-menu { position: static; float: none; } .navbar-toggleable-lg > .container { padding-right: 0; padding-left: 0; } } @media (min-width: 1200px) { .navbar-toggleable-lg { flex-direction: row; flex-wrap: nowrap; align-items: center; } .navbar-toggleable-lg .navbar-nav { flex-direction: row; } .navbar-toggleable-lg .navbar-nav .nav-link { padding-right: .5rem; padding-left: .5rem; } .navbar-toggleable-lg > .container { display: flex; flex-wrap: nowrap; align-items: center; } .navbar-toggleable-lg .navbar-collapse { display: flex !important; width: 100%; } .navbar-toggleable-lg .navbar-toggler { display: none; } } .navbar-toggleable-xl { flex-direction: row; flex-wrap: nowrap; align-items: center; } .navbar-toggleable-xl .navbar-nav .dropdown-menu { position: static; float: none; } .navbar-toggleable-xl > .container { padding-right: 0; padding-left: 0; } .navbar-toggleable-xl .navbar-nav { flex-direction: row; } .navbar-toggleable-xl .navbar-nav .nav-link { padding-right: .5rem; padding-left: .5rem; } .navbar-toggleable-xl > .container { display: flex; flex-wrap: nowrap; align-items: center; } .navbar-toggleable-xl .navbar-collapse { display: flex !important; width: 100%; } .navbar-toggleable-xl .navbar-toggler { display: none; } .navbar-light .navbar-brand, .navbar-light .navbar-toggler { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover, .navbar-light .navbar-toggler:focus, .navbar-light .navbar-toggler:hover { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-nav .nav-link { color: rgba(0, 0, 0, 0.5); } .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover { color: rgba(0, 0, 0, 0.7); } .navbar-light .navbar-nav .nav-link.disabled { color: rgba(0, 0, 0, 0.3); } .navbar-light .navbar-nav .open > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.open, .navbar-light .navbar-nav .nav-link.active { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-toggler { border-color: rgba(0, 0, 0, 0.1); } .navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); } .navbar-light .navbar-text { color: rgba(0, 0, 0, 0.5); } .navbar-inverse .navbar-brand, .navbar-inverse .navbar-toggler { color: white; } .navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-toggler:focus, .navbar-inverse .navbar-toggler:hover { color: white; } .navbar-inverse .navbar-nav .nav-link { color: rgba(255, 255, 255, 0.5); } .navbar-inverse .navbar-nav .nav-link:focus, .navbar-inverse .navbar-nav .nav-link:hover { color: rgba(255, 255, 255, 0.75); } .navbar-inverse .navbar-nav .nav-link.disabled { color: rgba(255, 255, 255, 0.25); } .navbar-inverse .navbar-nav .open > .nav-link, .navbar-inverse .navbar-nav .active > .nav-link, .navbar-inverse .navbar-nav .nav-link.open, .navbar-inverse .navbar-nav .nav-link.active { color: white; } .navbar-inverse .navbar-toggler { border-color: rgba(255, 255, 255, 0.1); } .navbar-inverse .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); } .navbar-inverse .navbar-text { color: rgba(255, 255, 255, 0.5); } .card { position: relative; display: flex; flex-direction: column; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.125); } .card-block { flex: 1 1 auto; padding: 1.25rem; } .card-title { margin-bottom: 0.75rem; } .card-subtitle { margin-top: -0.375rem; margin-bottom: 0; } .card-text:last-child { margin-bottom: 0; } .card-link:hover { text-decoration: none; } .card-link + .card-link { margin-left: 1.25rem; } .card-header { padding: 0.75rem 1.25rem; margin-bottom: 0; background-color: #f7f7f9; border-bottom: 1px solid rgba(0, 0, 0, 0.125); } .card-footer { padding: 0.75rem 1.25rem; background-color: #f7f7f9; border-top: 1px solid rgba(0, 0, 0, 0.125); } .card-header-tabs { margin-right: -0.625rem; margin-bottom: -0.75rem; margin-left: -0.625rem; border-bottom: 0; } .card-header-pills { margin-right: -0.625rem; margin-left: -0.625rem; } .card-primary { background-color: #ffbd1b; border-color: #ffbd1b; } .card-primary .card-header, .card-primary .card-footer { background-color: transparent; } .card-success { background-color: #50af6e; border-color: #50af6e; } .card-success .card-header, .card-success .card-footer { background-color: transparent; } .card-info { background-color: #5bc0de; border-color: #5bc0de; } .card-info .card-header, .card-info .card-footer { background-color: transparent; } .card-warning { background-color: #f0ad4e; border-color: #f0ad4e; } .card-warning .card-header, .card-warning .card-footer { background-color: transparent; } .card-danger { background-color: #e44949; border-color: #e44949; } .card-danger .card-header, .card-danger .card-footer { background-color: transparent; } .card-outline-primary { background-color: transparent; border-color: #ffbd1b; } .card-outline-secondary { background-color: transparent; border-color: #ccc; } .card-outline-info { background-color: transparent; border-color: #5bc0de; } .card-outline-success { background-color: transparent; border-color: #50af6e; } .card-outline-warning { background-color: transparent; border-color: #f0ad4e; } .card-outline-danger { background-color: transparent; border-color: #e44949; } .card-inverse { color: rgba(255, 255, 255, 0.65); } .card-inverse .card-header, .card-inverse .card-footer { background-color: transparent; border-color: rgba(255, 255, 255, 0.2); } .card-inverse .card-header, .card-inverse .card-footer, .card-inverse .card-title, .card-inverse .card-blockquote { color: #fff; } .card-inverse .card-link, .card-inverse .card-text, .card-inverse .card-subtitle, .card-inverse .card-blockquote .blockquote-footer { color: rgba(255, 255, 255, 0.65); } .card-inverse .card-link:focus, .card-inverse .card-link:hover { color: #fff; } .card-blockquote { padding: 0; margin-bottom: 0; border-left: 0; } .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1.25rem; } @media (min-width: 576px) { .card-deck { display: flex; flex-flow: row wrap; } .card-deck .card { display: flex; flex: 1 0 0; flex-direction: column; } .card-deck .card:not(:first-child) { margin-left: 15px; } .card-deck .card:not(:last-child) { margin-right: 15px; } } @media (min-width: 576px) { .card-group { display: flex; flex-flow: row wrap; } .card-group .card { flex: 1 0 0; } .card-group .card + .card { margin-left: 0; border-left: 0; } } @media (min-width: 576px) { .card-columns { column-count: 3; column-gap: 1.25rem; } .card-columns .card { display: inline-block; width: 100%; margin-bottom: 0.75rem; } } .breadcrumb { padding: 0.75rem 1rem; margin-bottom: 1rem; list-style: none; background-color: #e9e9e9; } .breadcrumb::after { display: block; content: ""; clear: both; } .breadcrumb-item { float: left; } .breadcrumb-item + .breadcrumb-item::before { display: inline-block; padding-right: 0.5rem; padding-left: 0.5rem; color: #9d9d9d; content: "/"; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: underline; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: none; } .breadcrumb-item.active { color: #9d9d9d; } .pagination { display: flex; padding-left: 0; list-style: none; } .page-item:first-child .page-link { margin-left: 0; } .page-item.active .page-link { z-index: 2; color: #fff; background-color: #ffbd1b; border-color: #ffbd1b; } .page-item.disabled .page-link { color: #9d9d9d; pointer-events: none; cursor: not-allowed; background-color: #fff; border-color: #ddd; } .page-link { position: relative; display: block; padding: 0.5rem 0.75rem; margin-left: -1px; line-height: 1.25; color: #ffbd1b; background-color: #fff; border: 1px solid #ddd; } .page-link:focus, .page-link:hover { color: #ce9200; text-decoration: none; background-color: #e9e9e9; border-color: #ddd; } .pagination-lg .page-link { padding: 0.75rem 1.5rem; font-size: 1.25rem; } .pagination-sm .page-link { padding: 0.25rem 0.5rem; font-size: 0.875rem; } .badge { display: inline-block; padding: 0.25em 0.4em; font-size: 75%; font-weight: bold; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } a.badge:focus, a.badge:hover { color: #fff; text-decoration: none; cursor: pointer; } .badge-pill { padding-right: 0.6em; padding-left: 0.6em; } .badge-default { background-color: #9d9d9d; } .badge-default[href]:focus, .badge-default[href]:hover { background-color: #848383; } .badge-primary { background-color: #ffbd1b; } .badge-primary[href]:focus, .badge-primary[href]:hover { background-color: #e7a400; } .badge-success { background-color: #50af6e; } .badge-success[href]:focus, .badge-success[href]:hover { background-color: #408c58; } .badge-info { background-color: #5bc0de; } .badge-info[href]:focus, .badge-info[href]:hover { background-color: #31b0d5; } .badge-warning { background-color: #f0ad4e; } .badge-warning[href]:focus, .badge-warning[href]:hover { background-color: #ec971f; } .badge-danger { background-color: #e44949; } .badge-danger[href]:focus, .badge-danger[href]:hover { background-color: #da2020; } .jumbotron { padding: 2rem 1rem; margin-bottom: 2rem; background-color: #e9e9e9; } @media (min-width: 576px) { .jumbotron { padding: 4rem 2rem; } } .jumbotron-hr { border-top-color: #d0cfcf; } .jumbotron-fluid { padding-right: 0; padding-left: 0; } .alert { padding: 0.75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; } .alert-heading { color: inherit; } .alert-link { font-weight: bold; } .alert-dismissible .close { position: relative; top: -0.75rem; right: -1.25rem; padding: 0.75rem 1.25rem; color: inherit; } .alert-success { background-color: #dff0d8; border-color: #d0e9c6; color: #3c763d; } .alert-success hr { border-top-color: #c1e2b3; } .alert-success .alert-link { color: #2b542c; } .alert-info { background-color: #d9edf7; border-color: #bcdff1; color: #31708f; } .alert-info hr { border-top-color: #a6d5ec; } .alert-info .alert-link { color: #245269; } .alert-warning { background-color: #fcf8e3; border-color: #faf2cc; color: #8a6d3b; } .alert-warning hr { border-top-color: #f7ecb5; } .alert-warning .alert-link { color: #66512c; } .alert-danger { background-color: #fdeaed; border-color: #fdeaed; color: #a94442; } .alert-danger hr { border-top-color: #fbd3d9; } .alert-danger .alert-link { color: #843534; } @keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 0 0; } } .progress { display: flex; overflow: hidden; font-size: 0.75rem; line-height: 1rem; text-align: center; background-color: #e9e9e9; } .progress-bar { height: 1rem; color: #fff; background-color: #ffbd1b; } .progress-bar-striped { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 1rem 1rem; } .progress-bar-animated { animation: progress-bar-stripes 1s linear infinite; } .media { display: flex; align-items: flex-start; } .media-body { flex: 1; } .list-group { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; } .list-group-item-action { width: 100%; color: #464a4c; text-align: inherit; } .list-group-item-action .list-group-item-heading { color: #292b2c; } .list-group-item-action:focus, .list-group-item-action:hover { color: #464a4c; text-decoration: none; background-color: #f7f7f9; } .list-group-item-action:active { color: #292b2c; background-color: #e9e9e9; } .list-group-item { position: relative; display: flex; flex-flow: row wrap; align-items: center; padding: 0.75rem 1.25rem; margin-bottom: -1px; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.125); } .list-group-item:last-child { margin-bottom: 0; } .list-group-item:focus, .list-group-item:hover { text-decoration: none; } .list-group-item.disabled, .list-group-item:disabled { color: #9d9d9d; cursor: not-allowed; background-color: #fff; } .list-group-item.disabled .list-group-item-heading, .list-group-item:disabled .list-group-item-heading { color: inherit; } .list-group-item.disabled .list-group-item-text, .list-group-item:disabled .list-group-item-text { color: #9d9d9d; } .list-group-item.active { z-index: 2; color: #fff; background-color: #ffbd1b; border-color: #ffbd1b; } .list-group-item.active .list-group-item-heading, .list-group-item.active .list-group-item-heading > small, .list-group-item.active .list-group-item-heading > .small { color: inherit; } .list-group-item.active .list-group-item-text { color: white; } .list-group-flush .list-group-item { border-right: 0; border-left: 0; border-radius: 0; } .list-group-flush:first-child .list-group-item:first-child { border-top: 0; } .list-group-flush:last-child .list-group-item:last-child { border-bottom: 0; } .list-group-item-success { color: #3c763d; background-color: #dff0d8; } a.list-group-item-success, button.list-group-item-success { color: #3c763d; } a.list-group-item-success .list-group-item-heading, button.list-group-item-success .list-group-item-heading { color: inherit; } a.list-group-item-success:focus, a.list-group-item-success:hover, button.list-group-item-success:focus, button.list-group-item-success:hover { color: #3c763d; background-color: #d0e9c6; } a.list-group-item-success.active, button.list-group-item-success.active { color: #fff; background-color: #3c763d; border-color: #3c763d; } .list-group-item-info { color: #31708f; background-color: #d9edf7; } a.list-group-item-info, button.list-group-item-info { color: #31708f; } a.list-group-item-info .list-group-item-heading, button.list-group-item-info .list-group-item-heading { color: inherit; } a.list-group-item-info:focus, a.list-group-item-info:hover, button.list-group-item-info:focus, button.list-group-item-info:hover { color: #31708f; background-color: #c4e3f3; } a.list-group-item-info.active, button.list-group-item-info.active { color: #fff; background-color: #31708f; border-color: #31708f; } .list-group-item-warning { color: #8a6d3b; background-color: #fcf8e3; } a.list-group-item-warning, button.list-group-item-warning { color: #8a6d3b; } a.list-group-item-warning .list-group-item-heading, button.list-group-item-warning .list-group-item-heading { color: inherit; } a.list-group-item-warning:focus, a.list-group-item-warning:hover, button.list-group-item-warning:focus, button.list-group-item-warning:hover { color: #8a6d3b; background-color: #faf2cc; } a.list-group-item-warning.active, button.list-group-item-warning.active { color: #fff; background-color: #8a6d3b; border-color: #8a6d3b; } .list-group-item-danger { color: #a94442; background-color: #fdeaed; } a.list-group-item-danger, button.list-group-item-danger { color: #a94442; } a.list-group-item-danger .list-group-item-heading, button.list-group-item-danger .list-group-item-heading { color: inherit; } a.list-group-item-danger:focus, a.list-group-item-danger:hover, button.list-group-item-danger:focus, button.list-group-item-danger:hover { color: #a94442; background-color: #fbd3d9; } a.list-group-item-danger.active, button.list-group-item-danger.active { color: #fff; background-color: #a94442; border-color: #a94442; } .embed-responsive { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; } .embed-responsive::before { display: block; content: ""; } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .embed-responsive-21by9::before { padding-top: 42.8571428571%; } .embed-responsive-16by9::before { padding-top: 56.25%; } .embed-responsive-4by3::before { padding-top: 75%; } .embed-responsive-1by1::before { padding-top: 100%; } .close { float: right; font-size: 1.5rem; font-weight: bold; line-height: 1; color: #000; text-shadow: none; opacity: .5; } .close:focus, .close:hover { color: #000; text-decoration: none; cursor: pointer; opacity: .75; } button.close { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; } .modal-open { overflow: hidden; } .modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 999999999; display: none; overflow: hidden; outline: 0; } .modal.fade .modal-dialog { transition: transform 0.3s ease-out; transform: translate(0, -25%); } .modal.show .modal-dialog, .modal.in .modal-dialog, .modal.open .modal-dialog { transform: translate(0, 0); } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal-dialog { position: relative; width: auto; margin: 48px 16px 16px 16px; } .modal-content { position: relative; display: flex; flex-direction: column; background-color: #fff; background-clip: padding-box; border: 1px solid #fff; outline: 0; } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 99999999; background-color: #000; } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.show, .modal-backdrop.in, .modal-backdrop.open { opacity: 0.5; } .modal-header { display: flex; align-items: center; justify-content: space-between; padding: 16px; border-bottom: 0 solid #e9e9e9; } .modal-title { margin-bottom: 0; line-height: 1.5; } .modal-body { position: relative; flex: 1 1 auto; padding: 0 24px; } .modal-footer { display: flex; align-items: center; justify-content: flex-end; padding: 0 24px; border-top: 0 solid #e9e9e9; } .modal-footer > :not(:first-child) { margin-left: .25rem; } .modal-footer > :not(:last-child) { margin-right: .25rem; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 576px) { .modal-dialog { max-width: 500px; margin: 64px auto; } .modal-sm { max-width: 300px; } } @media (min-width: 992px) { .modal-lg { max-width: 800px; } } .tooltip { position: absolute; z-index: 1070; display: block; font-family: "Montserrat", sans-serif; font-style: normal; font-weight: 400; letter-spacing: normal; line-break: auto; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; white-space: normal; word-break: normal; word-spacing: normal; font-size: 0.875rem; word-wrap: break-word; opacity: 0; } .tooltip.show, .tooltip.in, .tooltip.open { opacity: 0.9; } .tooltip.tooltip-top, .tooltip.bs-tether-element-attached-bottom { padding: 5px 0; margin-top: -3px; } .tooltip.tooltip-top .tooltip-inner::before, .tooltip.bs-tether-element-attached-bottom .tooltip-inner::before { bottom: 0; left: 50%; margin-left: -5px; content: ""; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.tooltip-right, .tooltip.bs-tether-element-attached-left { padding: 0 5px; margin-left: 3px; } .tooltip.tooltip-right .tooltip-inner::before, .tooltip.bs-tether-element-attached-left .tooltip-inner::before { top: 50%; left: 0; margin-top: -5px; content: ""; border-width: 5px 5px 5px 0; border-right-color: #000; } .tooltip.tooltip-bottom, .tooltip.bs-tether-element-attached-top { padding: 5px 0; margin-top: 3px; } .tooltip.tooltip-bottom .tooltip-inner::before, .tooltip.bs-tether-element-attached-top .tooltip-inner::before { top: 0; left: 50%; margin-left: -5px; content: ""; border-width: 0 5px 5px; border-bottom-color: #000; } .tooltip.tooltip-left, .tooltip.bs-tether-element-attached-right { padding: 0 5px; margin-left: -3px; } .tooltip.tooltip-left .tooltip-inner::before, .tooltip.bs-tether-element-attached-right .tooltip-inner::before { top: 50%; right: 0; margin-top: -5px; content: ""; border-width: 5px 0 5px 5px; border-left-color: #000; } .tooltip-inner { max-width: 200px; padding: 3px 8px; color: #fff; text-align: center; background-color: #000; } .tooltip-inner::before { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: block; max-width: 276px; padding: 1px; font-family: "Montserrat", sans-serif; font-style: normal; font-weight: 400; letter-spacing: normal; line-break: auto; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; white-space: normal; word-break: normal; word-spacing: normal; font-size: 0.875rem; word-wrap: break-word; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); } .popover.popover-top, .popover.bs-tether-element-attached-bottom { margin-top: -10px; } .popover.popover-top::before, .popover.popover-top::after, .popover.bs-tether-element-attached-bottom::before, .popover.bs-tether-element-attached-bottom::after { left: 50%; border-bottom-width: 0; } .popover.popover-top::before, .popover.bs-tether-element-attached-bottom::before { bottom: -11px; margin-left: -11px; border-top-color: rgba(0, 0, 0, 0.25); } .popover.popover-top::after, .popover.bs-tether-element-attached-bottom::after { bottom: -10px; margin-left: -10px; border-top-color: #fff; } .popover.popover-right, .popover.bs-tether-element-attached-left { margin-left: 10px; } .popover.popover-right::before, .popover.popover-right::after, .popover.bs-tether-element-attached-left::before, .popover.bs-tether-element-attached-left::after { top: 50%; border-left-width: 0; } .popover.popover-right::before, .popover.bs-tether-element-attached-left::before { left: -11px; margin-top: -11px; border-right-color: rgba(0, 0, 0, 0.25); } .popover.popover-right::after, .popover.bs-tether-element-attached-left::after { left: -10px; margin-top: -10px; border-right-color: #fff; } .popover.popover-bottom, .popover.bs-tether-element-attached-top { margin-top: 10px; } .popover.popover-bottom::before, .popover.popover-bottom::after, .popover.bs-tether-element-attached-top::before, .popover.bs-tether-element-attached-top::after { left: 50%; border-top-width: 0; } .popover.popover-bottom::before, .popover.bs-tether-element-attached-top::before { top: -11px; margin-left: -11px; border-bottom-color: rgba(0, 0, 0, 0.25); } .popover.popover-bottom::after, .popover.bs-tether-element-attached-top::after { top: -10px; margin-left: -10px; border-bottom-color: #f7f7f7; } .popover.popover-bottom .popover-title::before, .popover.bs-tether-element-attached-top .popover-title::before { position: absolute; top: 0; left: 50%; display: block; width: 20px; margin-left: -10px; content: ""; border-bottom: 1px solid #f7f7f7; } .popover.popover-left, .popover.bs-tether-element-attached-right { margin-left: -10px; } .popover.popover-left::before, .popover.popover-left::after, .popover.bs-tether-element-attached-right::before, .popover.bs-tether-element-attached-right::after { top: 50%; border-right-width: 0; } .popover.popover-left::before, .popover.bs-tether-element-attached-right::before { right: -11px; margin-top: -11px; border-left-color: rgba(0, 0, 0, 0.25); } .popover.popover-left::after, .popover.bs-tether-element-attached-right::after { right: -10px; margin-top: -10px; border-left-color: #fff; } .popover-title { padding: 8px 14px; margin-bottom: 0; font-size: 1rem; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; } .popover-title:empty { display: none; } .popover-content { padding: 9px 14px; } .popover::before, .popover::after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; } .popover::before { content: ""; border-width: 11px; } .popover::after { content: ""; border-width: 10px; } .carousel { position: relative; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-item { position: relative; display: none; width: 100%; } @media (-webkit-transform-3d) { .carousel-item { transition: transform 0.6s ease-in-out; backface-visibility: hidden; perspective: 1000px; } } @supports (transform: translate3d(0, 0, 0)) { .carousel-item { transition: transform 0.6s ease-in-out; backface-visibility: hidden; perspective: 1000px; } } .carousel-item.active, .carousel-item-next, .carousel-item-prev { display: flex; } .carousel-item-next, .carousel-item-prev { position: absolute; top: 0; } @media (-webkit-transform-3d) { .carousel-item-next.carousel-item-left, .carousel-item-prev.carousel-item-right { transform: translate3d(0, 0, 0); } .carousel-item-next, .active.carousel-item-right { transform: translate3d(100%, 0, 0); } .carousel-item-prev, .active.carousel-item-left { transform: translate3d(-100%, 0, 0); } } @supports (transform: translate3d(0, 0, 0)) { .carousel-item-next.carousel-item-left, .carousel-item-prev.carousel-item-right { transform: translate3d(0, 0, 0); } .carousel-item-next, .active.carousel-item-right { transform: translate3d(100%, 0, 0); } .carousel-item-prev, .active.carousel-item-left { transform: translate3d(-100%, 0, 0); } } .carousel-control-prev, .carousel-control-next { position: absolute; top: 0; bottom: 0; display: flex; align-items: center; justify-content: center; width: 15%; color: #fff; text-align: center; opacity: 0.5; } .carousel-control-prev:focus, .carousel-control-prev:hover, .carousel-control-next:focus, .carousel-control-next:hover { color: #fff; text-decoration: none; outline: 0; opacity: .9; } .carousel-control-prev { left: 0; } .carousel-control-next { right: 0; } .carousel-control-prev-icon, .carousel-control-next-icon { display: inline-block; width: 20px; height: 20px; background: transparent no-repeat center center; background-size: 100% 100%; } .carousel-control-prev-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M4 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"); } .carousel-control-next-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M1.5 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"); } .carousel-indicators { position: absolute; right: 0; bottom: 10px; left: 0; z-index: 15; display: flex; justify-content: center; padding-left: 0; margin-right: 15%; margin-left: 15%; list-style: none; } .carousel-indicators li { position: relative; flex: 1 0 auto; max-width: 30px; height: 3px; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: rgba(255, 255, 255, 0.5); } .carousel-indicators li::before { position: absolute; top: -10px; left: 0; display: inline-block; width: 100%; height: 10px; content: ""; } .carousel-indicators li::after { position: absolute; bottom: -10px; left: 0; display: inline-block; width: 100%; height: 10px; content: ""; } .carousel-indicators .active { background-color: #fff; } .carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; } .align-baseline { vertical-align: baseline !important; } .align-top { vertical-align: top !important; } .align-middle { vertical-align: middle !important; } .align-bottom { vertical-align: bottom !important; } .align-text-bottom { vertical-align: text-bottom !important; } .align-text-top { vertical-align: text-top !important; } .bg-faded { background-color: #f7f7f7; } .bg-primary { background-color: #ffbd1b !important; } a.bg-primary:focus, a.bg-primary:hover { background-color: #e7a400 !important; } .bg-success { background-color: #50af6e !important; } a.bg-success:focus, a.bg-success:hover { background-color: #408c58 !important; } .bg-info { background-color: #5bc0de !important; } a.bg-info:focus, a.bg-info:hover { background-color: #31b0d5 !important; } .bg-warning { background-color: #f0ad4e !important; } a.bg-warning:focus, a.bg-warning:hover { background-color: #ec971f !important; } .bg-danger { background-color: #e44949 !important; } a.bg-danger:focus, a.bg-danger:hover { background-color: #da2020 !important; } .bg-inverse { background-color: #292b2c !important; } a.bg-inverse:focus, a.bg-inverse:hover { background-color: #101112 !important; } .border-0 { border: 0 !important; } .border-top-0 { border-top: 0 !important; } .border-right-0 { border-right: 0 !important; } .border-bottom-0 { border-bottom: 0 !important; } .border-left-0 { border-left: 0 !important; } .rounded-circle { border-radius: 50%; } .rounded-0 { border-radius: 0; } .clearfix::after, .card-section .card-section__action::after, .card-section-list .card-section-list__item .card-section-list__item__action::after { display: block; content: ""; clear: both; } .d-none { display: none !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-table { display: table !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: flex !important; } .d-inline-flex { display: inline-flex !important; } @media (min-width: 576px) { .d-sm-none { display: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-table { display: table !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: flex !important; } .d-sm-inline-flex { display: inline-flex !important; } } @media (min-width: 768px) { .d-md-none { display: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-table { display: table !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: flex !important; } .d-md-inline-flex { display: inline-flex !important; } } @media (min-width: 992px) { .d-lg-none { display: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-table { display: table !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: flex !important; } .d-lg-inline-flex { display: inline-flex !important; } } @media (min-width: 1200px) { .d-xl-none { display: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-table { display: table !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: flex !important; } .d-xl-inline-flex { display: inline-flex !important; } } .flex-first { order: -1; } .flex-last { order: 1; } .flex-unordered { order: 0; } .flex-row { flex-direction: row !important; } .flex-column { flex-direction: column !important; } .flex-row-reverse { flex-direction: row-reverse !important; } .flex-column-reverse { flex-direction: column-reverse !important; } .flex-wrap { flex-wrap: wrap !important; } .flex-nowrap { flex-wrap: nowrap !important; } .flex-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-start { justify-content: flex-start !important; } .justify-content-end { justify-content: flex-end !important; } .justify-content-center { justify-content: center !important; } .justify-content-between { justify-content: space-between !important; } .justify-content-around { justify-content: space-around !important; } .align-items-start { align-items: flex-start !important; } .align-items-end { align-items: flex-end !important; } .align-items-center { align-items: center !important; } .align-items-baseline { align-items: baseline !important; } .align-items-stretch { align-items: stretch !important; } .align-content-start { align-content: flex-start !important; } .align-content-end { align-content: flex-end !important; } .align-content-center { align-content: center !important; } .align-content-between { align-content: space-between !important; } .align-content-around { align-content: space-around !important; } .align-content-stretch { align-content: stretch !important; } .align-self-auto { align-self: auto !important; } .align-self-start { align-self: flex-start !important; } .align-self-end { align-self: flex-end !important; } .align-self-center { align-self: center !important; } .align-self-baseline { align-self: baseline !important; } .align-self-stretch { align-self: stretch !important; } @media (min-width: 576px) { .flex-sm-first { order: -1; } .flex-sm-last { order: 1; } .flex-sm-unordered { order: 0; } .flex-sm-row { flex-direction: row !important; } .flex-sm-column { flex-direction: column !important; } .flex-sm-row-reverse { flex-direction: row-reverse !important; } .flex-sm-column-reverse { flex-direction: column-reverse !important; } .flex-sm-wrap { flex-wrap: wrap !important; } .flex-sm-nowrap { flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-sm-start { justify-content: flex-start !important; } .justify-content-sm-end { justify-content: flex-end !important; } .justify-content-sm-center { justify-content: center !important; } .justify-content-sm-between { justify-content: space-between !important; } .justify-content-sm-around { justify-content: space-around !important; } .align-items-sm-start { align-items: flex-start !important; } .align-items-sm-end { align-items: flex-end !important; } .align-items-sm-center { align-items: center !important; } .align-items-sm-baseline { align-items: baseline !important; } .align-items-sm-stretch { align-items: stretch !important; } .align-content-sm-start { align-content: flex-start !important; } .align-content-sm-end { align-content: flex-end !important; } .align-content-sm-center { align-content: center !important; } .align-content-sm-between { align-content: space-between !important; } .align-content-sm-around { align-content: space-around !important; } .align-content-sm-stretch { align-content: stretch !important; } .align-self-sm-auto { align-self: auto !important; } .align-self-sm-start { align-self: flex-start !important; } .align-self-sm-end { align-self: flex-end !important; } .align-self-sm-center { align-self: center !important; } .align-self-sm-baseline { align-self: baseline !important; } .align-self-sm-stretch { align-self: stretch !important; } } @media (min-width: 768px) { .flex-md-first { order: -1; } .flex-md-last { order: 1; } .flex-md-unordered { order: 0; } .flex-md-row { flex-direction: row !important; } .flex-md-column { flex-direction: column !important; } .flex-md-row-reverse { flex-direction: row-reverse !important; } .flex-md-column-reverse { flex-direction: column-reverse !important; } .flex-md-wrap { flex-wrap: wrap !important; } .flex-md-nowrap { flex-wrap: nowrap !important; } .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-md-start { justify-content: flex-start !important; } .justify-content-md-end { justify-content: flex-end !important; } .justify-content-md-center { justify-content: center !important; } .justify-content-md-between { justify-content: space-between !important; } .justify-content-md-around { justify-content: space-around !important; } .align-items-md-start { align-items: flex-start !important; } .align-items-md-end { align-items: flex-end !important; } .align-items-md-center { align-items: center !important; } .align-items-md-baseline { align-items: baseline !important; } .align-items-md-stretch { align-items: stretch !important; } .align-content-md-start { align-content: flex-start !important; } .align-content-md-end { align-content: flex-end !important; } .align-content-md-center { align-content: center !important; } .align-content-md-between { align-content: space-between !important; } .align-content-md-around { align-content: space-around !important; } .align-content-md-stretch { align-content: stretch !important; } .align-self-md-auto { align-self: auto !important; } .align-self-md-start { align-self: flex-start !important; } .align-self-md-end { align-self: flex-end !important; } .align-self-md-center { align-self: center !important; } .align-self-md-baseline { align-self: baseline !important; } .align-self-md-stretch { align-self: stretch !important; } } @media (min-width: 992px) { .flex-lg-first { order: -1; } .flex-lg-last { order: 1; } .flex-lg-unordered { order: 0; } .flex-lg-row { flex-direction: row !important; } .flex-lg-column { flex-direction: column !important; } .flex-lg-row-reverse { flex-direction: row-reverse !important; } .flex-lg-column-reverse { flex-direction: column-reverse !important; } .flex-lg-wrap { flex-wrap: wrap !important; } .flex-lg-nowrap { flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-lg-start { justify-content: flex-start !important; } .justify-content-lg-end { justify-content: flex-end !important; } .justify-content-lg-center { justify-content: center !important; } .justify-content-lg-between { justify-content: space-between !important; } .justify-content-lg-around { justify-content: space-around !important; } .align-items-lg-start { align-items: flex-start !important; } .align-items-lg-end { align-items: flex-end !important; } .align-items-lg-center { align-items: center !important; } .align-items-lg-baseline { align-items: baseline !important; } .align-items-lg-stretch { align-items: stretch !important; } .align-content-lg-start { align-content: flex-start !important; } .align-content-lg-end { align-content: flex-end !important; } .align-content-lg-center { align-content: center !important; } .align-content-lg-between { align-content: space-between !important; } .align-content-lg-around { align-content: space-around !important; } .align-content-lg-stretch { align-content: stretch !important; } .align-self-lg-auto { align-self: auto !important; } .align-self-lg-start { align-self: flex-start !important; } .align-self-lg-end { align-self: flex-end !important; } .align-self-lg-center { align-self: center !important; } .align-self-lg-baseline { align-self: baseline !important; } .align-self-lg-stretch { align-self: stretch !important; } } @media (min-width: 1200px) { .flex-xl-first { order: -1; } .flex-xl-last { order: 1; } .flex-xl-unordered { order: 0; } .flex-xl-row { flex-direction: row !important; } .flex-xl-column { flex-direction: column !important; } .flex-xl-row-reverse { flex-direction: row-reverse !important; } .flex-xl-column-reverse { flex-direction: column-reverse !important; } .flex-xl-wrap { flex-wrap: wrap !important; } .flex-xl-nowrap { flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-xl-start { justify-content: flex-start !important; } .justify-content-xl-end { justify-content: flex-end !important; } .justify-content-xl-center { justify-content: center !important; } .justify-content-xl-between { justify-content: space-between !important; } .justify-content-xl-around { justify-content: space-around !important; } .align-items-xl-start { align-items: flex-start !important; } .align-items-xl-end { align-items: flex-end !important; } .align-items-xl-center { align-items: center !important; } .align-items-xl-baseline { align-items: baseline !important; } .align-items-xl-stretch { align-items: stretch !important; } .align-content-xl-start { align-content: flex-start !important; } .align-content-xl-end { align-content: flex-end !important; } .align-content-xl-center { align-content: center !important; } .align-content-xl-between { align-content: space-between !important; } .align-content-xl-around { align-content: space-around !important; } .align-content-xl-stretch { align-content: stretch !important; } .align-self-xl-auto { align-self: auto !important; } .align-self-xl-start { align-self: flex-start !important; } .align-self-xl-end { align-self: flex-end !important; } .align-self-xl-center { align-self: center !important; } .align-self-xl-baseline { align-self: baseline !important; } .align-self-xl-stretch { align-self: stretch !important; } } .float-left { float: left !important; } .float-right { float: right !important; } .float-none { float: none !important; } @media (min-width: 576px) { .float-sm-left { float: left !important; } .float-sm-right { float: right !important; } .float-sm-none { float: none !important; } } @media (min-width: 768px) { .float-md-left { float: left !important; } .float-md-right { float: right !important; } .float-md-none { float: none !important; } } @media (min-width: 992px) { .float-lg-left { float: left !important; } .float-lg-right { float: right !important; } .float-lg-none { float: none !important; } } @media (min-width: 1200px) { .float-xl-left { float: left !important; } .float-xl-right { float: right !important; } .float-xl-none { float: none !important; } } .fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; } .fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030; } .sticky-top { position: sticky; top: 0; z-index: 1030; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } .w-25 { width: 25% !important; } .w-50 { width: 50% !important; } .w-75 { width: 75% !important; } .w-100 { width: 100% !important; } .h-25 { height: 25% !important; } .h-50 { height: 50% !important; } .h-75 { height: 75% !important; } .h-100 { height: 100% !important; } .mw-100 { max-width: 100% !important; } .mh-100 { max-height: 100% !important; } .m-0 { margin: 0 0 !important; } .mt-0 { margin-top: 0 !important; } .mr-0 { margin-right: 0 !important; } .mb-0 { margin-bottom: 0 !important; } .ml-0 { margin-left: 0 !important; } .mx-0 { margin-right: 0 !important; margin-left: 0 !important; } .my-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .m-1 { margin: 0.25rem 0.25rem !important; } .mt-1 { margin-top: 0.25rem !important; } .mr-1 { margin-right: 0.25rem !important; } .mb-1 { margin-bottom: 0.25rem !important; } .ml-1 { margin-left: 0.25rem !important; } .mx-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .my-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .m-2 { margin: 0.5rem 0.5rem !important; } .mt-2 { margin-top: 0.5rem !important; } .mr-2 { margin-right: 0.5rem !important; } .mb-2 { margin-bottom: 0.5rem !important; } .ml-2 { margin-left: 0.5rem !important; } .mx-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .my-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .m-3 { margin: 1rem 1rem !important; } .mt-3 { margin-top: 1rem !important; } .mr-3 { margin-right: 1rem !important; } .mb-3 { margin-bottom: 1rem !important; } .ml-3 { margin-left: 1rem !important; } .mx-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .my-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .m-4 { margin: 1.5rem 1.5rem !important; } .mt-4 { margin-top: 1.5rem !important; } .mr-4 { margin-right: 1.5rem !important; } .mb-4 { margin-bottom: 1.5rem !important; } .ml-4 { margin-left: 1.5rem !important; } .mx-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .my-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .m-5 { margin: 3rem 3rem !important; } .mt-5 { margin-top: 3rem !important; } .mr-5 { margin-right: 3rem !important; } .mb-5 { margin-bottom: 3rem !important; } .ml-5 { margin-left: 3rem !important; } .mx-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .my-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .p-0 { padding: 0 0 !important; } .pt-0 { padding-top: 0 !important; } .pr-0 { padding-right: 0 !important; } .pb-0 { padding-bottom: 0 !important; } .pl-0 { padding-left: 0 !important; } .px-0 { padding-right: 0 !important; padding-left: 0 !important; } .py-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .p-1 { padding: 0.25rem 0.25rem !important; } .pt-1 { padding-top: 0.25rem !important; } .pr-1 { padding-right: 0.25rem !important; } .pb-1 { padding-bottom: 0.25rem !important; } .pl-1 { padding-left: 0.25rem !important; } .px-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .py-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .p-2 { padding: 0.5rem 0.5rem !important; } .pt-2 { padding-top: 0.5rem !important; } .pr-2 { padding-right: 0.5rem !important; } .pb-2 { padding-bottom: 0.5rem !important; } .pl-2 { padding-left: 0.5rem !important; } .px-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .py-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .p-3 { padding: 1rem 1rem !important; } .pt-3 { padding-top: 1rem !important; } .pr-3 { padding-right: 1rem !important; } .pb-3 { padding-bottom: 1rem !important; } .pl-3 { padding-left: 1rem !important; } .px-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .py-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .p-4 { padding: 1.5rem 1.5rem !important; } .pt-4 { padding-top: 1.5rem !important; } .pr-4 { padding-right: 1.5rem !important; } .pb-4 { padding-bottom: 1.5rem !important; } .pl-4 { padding-left: 1.5rem !important; } .px-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .py-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .p-5 { padding: 3rem 3rem !important; } .pt-5 { padding-top: 3rem !important; } .pr-5 { padding-right: 3rem !important; } .pb-5 { padding-bottom: 3rem !important; } .pl-5 { padding-left: 3rem !important; } .px-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .m-auto { margin: auto !important; } .mt-auto { margin-top: auto !important; } .mr-auto { margin-right: auto !important; } .mb-auto { margin-bottom: auto !important; } .ml-auto { margin-left: auto !important; } .mx-auto { margin-right: auto !important; margin-left: auto !important; } .my-auto { margin-top: auto !important; margin-bottom: auto !important; } @media (min-width: 576px) { .m-sm-0 { margin: 0 0 !important; } .mt-sm-0 { margin-top: 0 !important; } .mr-sm-0 { margin-right: 0 !important; } .mb-sm-0 { margin-bottom: 0 !important; } .ml-sm-0 { margin-left: 0 !important; } .mx-sm-0 { margin-right: 0 !important; margin-left: 0 !important; } .my-sm-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .m-sm-1 { margin: 0.25rem 0.25rem !important; } .mt-sm-1 { margin-top: 0.25rem !important; } .mr-sm-1 { margin-right: 0.25rem !important; } .mb-sm-1 { margin-bottom: 0.25rem !important; } .ml-sm-1 { margin-left: 0.25rem !important; } .mx-sm-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .my-sm-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .m-sm-2 { margin: 0.5rem 0.5rem !important; } .mt-sm-2 { margin-top: 0.5rem !important; } .mr-sm-2 { margin-right: 0.5rem !important; } .mb-sm-2 { margin-bottom: 0.5rem !important; } .ml-sm-2 { margin-left: 0.5rem !important; } .mx-sm-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .my-sm-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .m-sm-3 { margin: 1rem 1rem !important; } .mt-sm-3 { margin-top: 1rem !important; } .mr-sm-3 { margin-right: 1rem !important; } .mb-sm-3 { margin-bottom: 1rem !important; } .ml-sm-3 { margin-left: 1rem !important; } .mx-sm-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .my-sm-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .m-sm-4 { margin: 1.5rem 1.5rem !important; } .mt-sm-4 { margin-top: 1.5rem !important; } .mr-sm-4 { margin-right: 1.5rem !important; } .mb-sm-4 { margin-bottom: 1.5rem !important; } .ml-sm-4 { margin-left: 1.5rem !important; } .mx-sm-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .my-sm-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .m-sm-5 { margin: 3rem 3rem !important; } .mt-sm-5 { margin-top: 3rem !important; } .mr-sm-5 { margin-right: 3rem !important; } .mb-sm-5 { margin-bottom: 3rem !important; } .ml-sm-5 { margin-left: 3rem !important; } .mx-sm-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .my-sm-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .p-sm-0 { padding: 0 0 !important; } .pt-sm-0 { padding-top: 0 !important; } .pr-sm-0 { padding-right: 0 !important; } .pb-sm-0 { padding-bottom: 0 !important; } .pl-sm-0 { padding-left: 0 !important; } .px-sm-0 { padding-right: 0 !important; padding-left: 0 !important; } .py-sm-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .p-sm-1 { padding: 0.25rem 0.25rem !important; } .pt-sm-1 { padding-top: 0.25rem !important; } .pr-sm-1 { padding-right: 0.25rem !important; } .pb-sm-1 { padding-bottom: 0.25rem !important; } .pl-sm-1 { padding-left: 0.25rem !important; } .px-sm-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .py-sm-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .p-sm-2 { padding: 0.5rem 0.5rem !important; } .pt-sm-2 { padding-top: 0.5rem !important; } .pr-sm-2 { padding-right: 0.5rem !important; } .pb-sm-2 { padding-bottom: 0.5rem !important; } .pl-sm-2 { padding-left: 0.5rem !important; } .px-sm-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .py-sm-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .p-sm-3 { padding: 1rem 1rem !important; } .pt-sm-3 { padding-top: 1rem !important; } .pr-sm-3 { padding-right: 1rem !important; } .pb-sm-3 { padding-bottom: 1rem !important; } .pl-sm-3 { padding-left: 1rem !important; } .px-sm-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .py-sm-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .p-sm-4 { padding: 1.5rem 1.5rem !important; } .pt-sm-4 { padding-top: 1.5rem !important; } .pr-sm-4 { padding-right: 1.5rem !important; } .pb-sm-4 { padding-bottom: 1.5rem !important; } .pl-sm-4 { padding-left: 1.5rem !important; } .px-sm-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .py-sm-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .p-sm-5 { padding: 3rem 3rem !important; } .pt-sm-5 { padding-top: 3rem !important; } .pr-sm-5 { padding-right: 3rem !important; } .pb-sm-5 { padding-bottom: 3rem !important; } .pl-sm-5 { padding-left: 3rem !important; } .px-sm-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-sm-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .m-sm-auto { margin: auto !important; } .mt-sm-auto { margin-top: auto !important; } .mr-sm-auto { margin-right: auto !important; } .mb-sm-auto { margin-bottom: auto !important; } .ml-sm-auto { margin-left: auto !important; } .mx-sm-auto { margin-right: auto !important; margin-left: auto !important; } .my-sm-auto { margin-top: auto !important; margin-bottom: auto !important; } } @media (min-width: 768px) { .m-md-0 { margin: 0 0 !important; } .mt-md-0 { margin-top: 0 !important; } .mr-md-0 { margin-right: 0 !important; } .mb-md-0 { margin-bottom: 0 !important; } .ml-md-0 { margin-left: 0 !important; } .mx-md-0 { margin-right: 0 !important; margin-left: 0 !important; } .my-md-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .m-md-1 { margin: 0.25rem 0.25rem !important; } .mt-md-1 { margin-top: 0.25rem !important; } .mr-md-1 { margin-right: 0.25rem !important; } .mb-md-1 { margin-bottom: 0.25rem !important; } .ml-md-1 { margin-left: 0.25rem !important; } .mx-md-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .my-md-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .m-md-2 { margin: 0.5rem 0.5rem !important; } .mt-md-2 { margin-top: 0.5rem !important; } .mr-md-2 { margin-right: 0.5rem !important; } .mb-md-2 { margin-bottom: 0.5rem !important; } .ml-md-2 { margin-left: 0.5rem !important; } .mx-md-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .my-md-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .m-md-3 { margin: 1rem 1rem !important; } .mt-md-3 { margin-top: 1rem !important; } .mr-md-3 { margin-right: 1rem !important; } .mb-md-3 { margin-bottom: 1rem !important; } .ml-md-3 { margin-left: 1rem !important; } .mx-md-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .my-md-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .m-md-4 { margin: 1.5rem 1.5rem !important; } .mt-md-4 { margin-top: 1.5rem !important; } .mr-md-4 { margin-right: 1.5rem !important; } .mb-md-4 { margin-bottom: 1.5rem !important; } .ml-md-4 { margin-left: 1.5rem !important; } .mx-md-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .my-md-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .m-md-5 { margin: 3rem 3rem !important; } .mt-md-5 { margin-top: 3rem !important; } .mr-md-5 { margin-right: 3rem !important; } .mb-md-5 { margin-bottom: 3rem !important; } .ml-md-5 { margin-left: 3rem !important; } .mx-md-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .my-md-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .p-md-0 { padding: 0 0 !important; } .pt-md-0 { padding-top: 0 !important; } .pr-md-0 { padding-right: 0 !important; } .pb-md-0 { padding-bottom: 0 !important; } .pl-md-0 { padding-left: 0 !important; } .px-md-0 { padding-right: 0 !important; padding-left: 0 !important; } .py-md-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .p-md-1 { padding: 0.25rem 0.25rem !important; } .pt-md-1 { padding-top: 0.25rem !important; } .pr-md-1 { padding-right: 0.25rem !important; } .pb-md-1 { padding-bottom: 0.25rem !important; } .pl-md-1 { padding-left: 0.25rem !important; } .px-md-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .py-md-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .p-md-2 { padding: 0.5rem 0.5rem !important; } .pt-md-2 { padding-top: 0.5rem !important; } .pr-md-2 { padding-right: 0.5rem !important; } .pb-md-2 { padding-bottom: 0.5rem !important; } .pl-md-2 { padding-left: 0.5rem !important; } .px-md-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .py-md-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .p-md-3 { padding: 1rem 1rem !important; } .pt-md-3 { padding-top: 1rem !important; } .pr-md-3 { padding-right: 1rem !important; } .pb-md-3 { padding-bottom: 1rem !important; } .pl-md-3 { padding-left: 1rem !important; } .px-md-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .py-md-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .p-md-4 { padding: 1.5rem 1.5rem !important; } .pt-md-4 { padding-top: 1.5rem !important; } .pr-md-4 { padding-right: 1.5rem !important; } .pb-md-4 { padding-bottom: 1.5rem !important; } .pl-md-4 { padding-left: 1.5rem !important; } .px-md-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .py-md-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .p-md-5 { padding: 3rem 3rem !important; } .pt-md-5 { padding-top: 3rem !important; } .pr-md-5 { padding-right: 3rem !important; } .pb-md-5 { padding-bottom: 3rem !important; } .pl-md-5 { padding-left: 3rem !important; } .px-md-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-md-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .m-md-auto { margin: auto !important; } .mt-md-auto { margin-top: auto !important; } .mr-md-auto { margin-right: auto !important; } .mb-md-auto { margin-bottom: auto !important; } .ml-md-auto { margin-left: auto !important; } .mx-md-auto { margin-right: auto !important; margin-left: auto !important; } .my-md-auto { margin-top: auto !important; margin-bottom: auto !important; } } @media (min-width: 992px) { .m-lg-0 { margin: 0 0 !important; } .mt-lg-0 { margin-top: 0 !important; } .mr-lg-0 { margin-right: 0 !important; } .mb-lg-0 { margin-bottom: 0 !important; } .ml-lg-0 { margin-left: 0 !important; } .mx-lg-0 { margin-right: 0 !important; margin-left: 0 !important; } .my-lg-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .m-lg-1 { margin: 0.25rem 0.25rem !important; } .mt-lg-1 { margin-top: 0.25rem !important; } .mr-lg-1 { margin-right: 0.25rem !important; } .mb-lg-1 { margin-bottom: 0.25rem !important; } .ml-lg-1 { margin-left: 0.25rem !important; } .mx-lg-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .my-lg-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .m-lg-2 { margin: 0.5rem 0.5rem !important; } .mt-lg-2 { margin-top: 0.5rem !important; } .mr-lg-2 { margin-right: 0.5rem !important; } .mb-lg-2 { margin-bottom: 0.5rem !important; } .ml-lg-2 { margin-left: 0.5rem !important; } .mx-lg-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .my-lg-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .m-lg-3 { margin: 1rem 1rem !important; } .mt-lg-3 { margin-top: 1rem !important; } .mr-lg-3 { margin-right: 1rem !important; } .mb-lg-3 { margin-bottom: 1rem !important; } .ml-lg-3 { margin-left: 1rem !important; } .mx-lg-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .my-lg-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .m-lg-4 { margin: 1.5rem 1.5rem !important; } .mt-lg-4 { margin-top: 1.5rem !important; } .mr-lg-4 { margin-right: 1.5rem !important; } .mb-lg-4 { margin-bottom: 1.5rem !important; } .ml-lg-4 { margin-left: 1.5rem !important; } .mx-lg-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .my-lg-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .m-lg-5 { margin: 3rem 3rem !important; } .mt-lg-5 { margin-top: 3rem !important; } .mr-lg-5 { margin-right: 3rem !important; } .mb-lg-5 { margin-bottom: 3rem !important; } .ml-lg-5 { margin-left: 3rem !important; } .mx-lg-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .my-lg-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .p-lg-0 { padding: 0 0 !important; } .pt-lg-0 { padding-top: 0 !important; } .pr-lg-0 { padding-right: 0 !important; } .pb-lg-0 { padding-bottom: 0 !important; } .pl-lg-0 { padding-left: 0 !important; } .px-lg-0 { padding-right: 0 !important; padding-left: 0 !important; } .py-lg-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .p-lg-1 { padding: 0.25rem 0.25rem !important; } .pt-lg-1 { padding-top: 0.25rem !important; } .pr-lg-1 { padding-right: 0.25rem !important; } .pb-lg-1 { padding-bottom: 0.25rem !important; } .pl-lg-1 { padding-left: 0.25rem !important; } .px-lg-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .py-lg-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .p-lg-2 { padding: 0.5rem 0.5rem !important; } .pt-lg-2 { padding-top: 0.5rem !important; } .pr-lg-2 { padding-right: 0.5rem !important; } .pb-lg-2 { padding-bottom: 0.5rem !important; } .pl-lg-2 { padding-left: 0.5rem !important; } .px-lg-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .py-lg-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .p-lg-3 { padding: 1rem 1rem !important; } .pt-lg-3 { padding-top: 1rem !important; } .pr-lg-3 { padding-right: 1rem !important; } .pb-lg-3 { padding-bottom: 1rem !important; } .pl-lg-3 { padding-left: 1rem !important; } .px-lg-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .py-lg-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .p-lg-4 { padding: 1.5rem 1.5rem !important; } .pt-lg-4 { padding-top: 1.5rem !important; } .pr-lg-4 { padding-right: 1.5rem !important; } .pb-lg-4 { padding-bottom: 1.5rem !important; } .pl-lg-4 { padding-left: 1.5rem !important; } .px-lg-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .py-lg-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .p-lg-5 { padding: 3rem 3rem !important; } .pt-lg-5 { padding-top: 3rem !important; } .pr-lg-5 { padding-right: 3rem !important; } .pb-lg-5 { padding-bottom: 3rem !important; } .pl-lg-5 { padding-left: 3rem !important; } .px-lg-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-lg-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .m-lg-auto { margin: auto !important; } .mt-lg-auto { margin-top: auto !important; } .mr-lg-auto { margin-right: auto !important; } .mb-lg-auto { margin-bottom: auto !important; } .ml-lg-auto { margin-left: auto !important; } .mx-lg-auto { margin-right: auto !important; margin-left: auto !important; } .my-lg-auto { margin-top: auto !important; margin-bottom: auto !important; } } @media (min-width: 1200px) { .m-xl-0 { margin: 0 0 !important; } .mt-xl-0 { margin-top: 0 !important; } .mr-xl-0 { margin-right: 0 !important; } .mb-xl-0 { margin-bottom: 0 !important; } .ml-xl-0 { margin-left: 0 !important; } .mx-xl-0 { margin-right: 0 !important; margin-left: 0 !important; } .my-xl-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .m-xl-1 { margin: 0.25rem 0.25rem !important; } .mt-xl-1 { margin-top: 0.25rem !important; } .mr-xl-1 { margin-right: 0.25rem !important; } .mb-xl-1 { margin-bottom: 0.25rem !important; } .ml-xl-1 { margin-left: 0.25rem !important; } .mx-xl-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .my-xl-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .m-xl-2 { margin: 0.5rem 0.5rem !important; } .mt-xl-2 { margin-top: 0.5rem !important; } .mr-xl-2 { margin-right: 0.5rem !important; } .mb-xl-2 { margin-bottom: 0.5rem !important; } .ml-xl-2 { margin-left: 0.5rem !important; } .mx-xl-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .my-xl-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .m-xl-3 { margin: 1rem 1rem !important; } .mt-xl-3 { margin-top: 1rem !important; } .mr-xl-3 { margin-right: 1rem !important; } .mb-xl-3 { margin-bottom: 1rem !important; } .ml-xl-3 { margin-left: 1rem !important; } .mx-xl-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .my-xl-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .m-xl-4 { margin: 1.5rem 1.5rem !important; } .mt-xl-4 { margin-top: 1.5rem !important; } .mr-xl-4 { margin-right: 1.5rem !important; } .mb-xl-4 { margin-bottom: 1.5rem !important; } .ml-xl-4 { margin-left: 1.5rem !important; } .mx-xl-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .my-xl-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .m-xl-5 { margin: 3rem 3rem !important; } .mt-xl-5 { margin-top: 3rem !important; } .mr-xl-5 { margin-right: 3rem !important; } .mb-xl-5 { margin-bottom: 3rem !important; } .ml-xl-5 { margin-left: 3rem !important; } .mx-xl-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .my-xl-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .p-xl-0 { padding: 0 0 !important; } .pt-xl-0 { padding-top: 0 !important; } .pr-xl-0 { padding-right: 0 !important; } .pb-xl-0 { padding-bottom: 0 !important; } .pl-xl-0 { padding-left: 0 !important; } .px-xl-0 { padding-right: 0 !important; padding-left: 0 !important; } .py-xl-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .p-xl-1 { padding: 0.25rem 0.25rem !important; } .pt-xl-1 { padding-top: 0.25rem !important; } .pr-xl-1 { padding-right: 0.25rem !important; } .pb-xl-1 { padding-bottom: 0.25rem !important; } .pl-xl-1 { padding-left: 0.25rem !important; } .px-xl-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .py-xl-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .p-xl-2 { padding: 0.5rem 0.5rem !important; } .pt-xl-2 { padding-top: 0.5rem !important; } .pr-xl-2 { padding-right: 0.5rem !important; } .pb-xl-2 { padding-bottom: 0.5rem !important; } .pl-xl-2 { padding-left: 0.5rem !important; } .px-xl-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .py-xl-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .p-xl-3 { padding: 1rem 1rem !important; } .pt-xl-3 { padding-top: 1rem !important; } .pr-xl-3 { padding-right: 1rem !important; } .pb-xl-3 { padding-bottom: 1rem !important; } .pl-xl-3 { padding-left: 1rem !important; } .px-xl-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .py-xl-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .p-xl-4 { padding: 1.5rem 1.5rem !important; } .pt-xl-4 { padding-top: 1.5rem !important; } .pr-xl-4 { padding-right: 1.5rem !important; } .pb-xl-4 { padding-bottom: 1.5rem !important; } .pl-xl-4 { padding-left: 1.5rem !important; } .px-xl-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .py-xl-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .p-xl-5 { padding: 3rem 3rem !important; } .pt-xl-5 { padding-top: 3rem !important; } .pr-xl-5 { padding-right: 3rem !important; } .pb-xl-5 { padding-bottom: 3rem !important; } .pl-xl-5 { padding-left: 3rem !important; } .px-xl-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-xl-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .m-xl-auto { margin: auto !important; } .mt-xl-auto { margin-top: auto !important; } .mr-xl-auto { margin-right: auto !important; } .mb-xl-auto { margin-bottom: auto !important; } .ml-xl-auto { margin-left: auto !important; } .mx-xl-auto { margin-right: auto !important; margin-left: auto !important; } .my-xl-auto { margin-top: auto !important; margin-bottom: auto !important; } } .text-justify { text-align: justify !important; } .text-nowrap { white-space: nowrap !important; } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } @media (min-width: 576px) { .text-sm-left { text-align: left !important; } .text-sm-right { text-align: right !important; } .text-sm-center { text-align: center !important; } } @media (min-width: 768px) { .text-md-left { text-align: left !important; } .text-md-right { text-align: right !important; } .text-md-center { text-align: center !important; } } @media (min-width: 992px) { .text-lg-left { text-align: left !important; } .text-lg-right { text-align: right !important; } .text-lg-center { text-align: center !important; } } @media (min-width: 1200px) { .text-xl-left { text-align: left !important; } .text-xl-right { text-align: right !important; } .text-xl-center { text-align: center !important; } } .text-lowercase { text-transform: lowercase !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .font-weight-normal { font-weight: 400; } .font-weight-bold { font-weight: bold; } .font-italic { font-style: italic; } .text-white { color: #fff !important; } .text-muted { color: #9d9d9d !important; } a.text-muted:focus, a.text-muted:hover { color: #848383 !important; } .text-primary { color: #ffbd1b !important; } a.text-primary:focus, a.text-primary:hover { color: #e7a400 !important; } .text-success { color: #50af6e !important; } a.text-success:focus, a.text-success:hover { color: #408c58 !important; } .text-info { color: #5bc0de !important; } a.text-info:focus, a.text-info:hover { color: #31b0d5 !important; } .text-warning { color: #f0ad4e !important; } a.text-warning:focus, a.text-warning:hover { color: #ec971f !important; } .text-danger { color: #e44949 !important; } a.text-danger:focus, a.text-danger:hover { color: #da2020 !important; } .text-gray-dark { color: #292b2c !important; } a.text-gray-dark:focus, a.text-gray-dark:hover { color: #101112 !important; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .invisible { visibility: hidden !important; } .hidden-xs-up { display: none !important; } @media (max-width: 575.98px) { .hidden-xs-down { display: none !important; } } @media (min-width: 576px) { .hidden-sm-up { display: none !important; } } @media (max-width: 767.98px) { .hidden-sm-down { display: none !important; } } @media (min-width: 768px) { .hidden-md-up { display: none !important; } } @media (max-width: 991.98px) { .hidden-md-down { display: none !important; } } @media (min-width: 992px) { .hidden-lg-up { display: none !important; } } @media (max-width: 1199.98px) { .hidden-lg-down { display: none !important; } } @media (min-width: 1200px) { .hidden-xl-up { display: none !important; } } .hidden-xl-down { display: none !important; } .visible-print-block { display: none !important; } @media print { .visible-print-block { display: block !important; } } .visible-print-inline { display: none !important; } @media print { .visible-print-inline { display: inline !important; } } .visible-print-inline-block { display: none !important; } @media print { .visible-print-inline-block { display: inline-block !important; } } @media print { .hidden-print { display: none !important; } } html[style*="margin-top: 84px;"] { margin-top: 0 !important; } html[style*="margin-top: 84px;"] body { padding-top: 84px !important; } html[style*="margin-top: 84px;"] .header-navbar { margin-top: 84px !important; } .smartbanner { z-index: 11; position: fixed; } .smartbanner .smartbanner__info { top: 5px; height: 74px; } .smartbanner .smartbanner__info .smartbanner__info__title { font-size: 12px; } .smartbanner.smartbanner--android .smartbanner__button { top: 39px; } .smartbanner.smartbanner--ios .smartbanner__info { width: calc(100% - 110px); } .brand-logo { position: relative; height: 52px; padding: 0; display: flex; -ms-flex-align: end !important; align-items: flex-end !important; } .brand-logo .brand-logo__icon { width: 60px; } .brand-logo .brand-logo__icon i.et { font-size: 63px; position: absolute; left: 0; top: 0; color: #000000; } .brand-logo .brand-logo__caption { font-family: "Epilogue", sans-serif; font-weight: 500; font-size: 14px; color: #231f20; line-height: 16px; letter-spacing: -1.12px; margin-left: 8px; margin-bottom: 4px; text-align: left; } @media (max-width: 991.98px) { .brand-logo .brand-logo__icon i.et { font-size: 49px; z-index: 2; } .brand-logo .brand-logo__caption { display: none; } } .main-banner { height: 700px; background-repeat: no-repeat; background-position: center; background-size: cover; } .main-banner.main-banner--lunch { background-image: url("https://static.eattasty.com/cloudinary/eattasty/image/upload/q_auto/homepage/eattasty_entrega_comida_1.jpg"); } .main-banner.main-banner--dinner { background-image: url("https://static.eattasty.com/cloudinary/eattasty/image/upload/q_auto/homepage/eattasty_entrega_comida_2.jpg"); } .main-banner .main-banner__content { position: absolute; top: 50%; transform: translateY(-50%); width: 100%; z-index: 1; text-align: center; } .main-banner .main-banner__title { font-size: 32px; font-weight: 600; line-height: 40px; letter-spacing: -1.92px; text-transform: none; color: #000; margin-bottom: 24px; } .main-banner .main-banner__description { line-height: 24px; letter-spacing: -0.32px; color: #000; font-size: 16px; margin-top: 16px; } .main-banner .main-banner__description a { font-weight: 600; text-decoration: underline; color: #000; } .main-banner .main-banner__search { width: 100%; } @media (max-width: 991.98px) { .main-banner { height: 600px; } .main-banner .main-banner__title { font-size: 24px; line-height: 32px; } } @media (max-width: 767.98px) { .main-banner { height: 100%; } .main-banner.main-banner--lunch { background-image: url("https://static.eattasty.com/cloudinary/eattasty/image/upload/q_auto/homepage/eattasty_entrega_comida_1_mobile.jpg"); } .main-banner.main-banner--dinner { background-image: url("https://static.eattasty.com/cloudinary/eattasty/image/upload/q_auto/homepage/eattasty_entrega_comida_2_mobile.jpg"); } .main-banner.main-banner--input-focus .main-banner__content { position: fixed; top: 0; transform: none; width: 100%; height: 100%; z-index: 99999999; overflow: hidden; } } .invoice-address .invoice-address__item { display: block; } .header-placeholder { height: 80px; } .header-placeholder.has-cookies { height: 120px; } .header-placeholder.has-cookies.has-cookies--4x { height: 120px; } .header-placeholder.has-cookies.has-cookies--6x { height: 140px; } .header-placeholder.has-cookies.has-cookies--8x { height: 160px; } .header-placeholder.has-banner-order { height: 125px; } @media (max-width: 767.98px) { .header-placeholder { height: 65px; } .header-placeholder.has-cookies { height: 105px; } .header-placeholder.has-cookies.has-cookies--4x { height: 105px; } .header-placeholder.has-cookies.has-cookies--6x { height: 125px; } .header-placeholder.has-cookies.has-cookies--8x { height: 145px; } } .header-navbar { position: fixed; width: 100%; height: 80px; top: 0; z-index: 10; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1); background-color: #ffffff; padding: 0; transition: all, 0.3s; } .header-navbar.header-navbar--menu-opened { z-index: 12; } .header-navbar.has-cookies { height: 120px; } .header-navbar.has-cookies.has-cookies--4x { height: 120px; } .header-navbar.has-cookies.has-cookies--6x { height: 140px; } .header-navbar.has-cookies.has-cookies--8x { height: 160px; } .header-navbar.has-banner-order { height: 138px; } @media (max-width: 767.98px) { .header-navbar { height: 65px; } .header-navbar.has-cookies { position: fixed; height: 105px; } .header-navbar.has-cookies.has-cookies--4x { height: 105px; } .header-navbar.has-cookies.has-cookies--6x { height: 125px; } .header-navbar.has-cookies.has-cookies--8x { height: 145px; } .header-navbar.has-banner-order { height: 123px; } .header-navbar.header-navbar--scroll-hide { top: -65px; } .header-navbar.header-navbar--scroll-hide.header-navbar.has-cookies.has-cookies--4x { top: -105px; } .header-navbar.header-navbar--scroll-hide.header-navbar.has-cookies.has-cookies--6x { top: -125px; } .header-navbar.header-navbar--scroll-hide.header-navbar.has-cookies.has-cookies--8x { top: -145px; } } .dropdown-collapse { font-family: "montserratlight"; font-weight: 600; font-stretch: normal; font-style: normal; font-size: 14px; line-height: 44px; letter-spacing: -0.28px; color: #000000; padding: 0 16px; display: flex; align-items: center; } .dropdown-collapse:after { font-family: "Ionicons"; content: "\f126"; font-weight: normal; color: #000000; font-size: 14px; margin-left: auto; } .dropdown-collapse.collapsed:after { content: "\f123"; color: #bfc4c9; } .dropdown-collapse:hover { color: #000000; } .modal-dialog-scrollable { display: flex; max-height: calc(100% - (48px * 2)); } .modal-dialog-scrollable .modal-content { max-height: calc(100vh - (48px * 2)); overflow: hidden; } .modal-dialog-scrollable .modal-header, .modal-dialog-scrollable .modal-footer { flex-shrink: 0; } .modal-dialog-scrollable .modal-body { overflow-y: auto; } .modal-dialog-centered { display: flex; align-items: center; min-height: calc(100% - (48px * 2)); } .modal-dialog-centered::before { display: block; height: calc(100vh - (48px * 2)); height: min-content; content: ""; } .modal-dialog-centered .modal-content { width: 100%; } .modal-dialog-centered.modal-dialog-scrollable { flex-direction: column; justify-content: center; height: 100%; } .modal-dialog-centered.modal-dialog-scrollable .modal-content { max-height: none; } .modal-dialog-centered.modal-dialog-scrollable::before { content: none; } .modal-header { flex-wrap: wrap; position: sticky; top: 0; z-index: 1; background: #fff; } .modal-header .close { margin-top: -16px; margin-right: -14px; margin-left: auto; font-size: 35px; font-weight: 300; float: none; opacity: 1; } .modal-header.modal-header--color { background-color: #ffbd1b; margin: -1px; padding-top: 3.5em; padding-bottom: 3em; margin-bottom: 24px; } .modal-img { background-color: #ffbd1b; margin: -1px; padding-top: 3.5em; padding-bottom: 3em; } .modal-img img { max-width: 185px; margin-left: auto; margin-right: auto; display: block; } .modal-title { font-size: 24px; line-height: 32px; letter-spacing: -1.44px; font-weight: 600; width: 100%; transition: all, 0.3s; } .modal-title img { margin-right: 15px; } .modal-content { width: 100%; } .modal-body { font-size: 16px; line-height: 24px; color: #000; padding: 0 16px; } .modal-body p { font-size: 16px; line-height: 24px; color: #000; } .modal-body p:last-child { margin-bottom: 0; } .modal-footer { padding: 16px; position: sticky; bottom: 0; z-index: 1; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), white); } .modal-footer:before { content: ''; display: block; height: 27px; width: 100%; position: absolute; top: 0; left: 0; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), white); } .modal-footer a, .modal-footer button, .modal-footer form { display: block; width: 100%; } @media (min-width: 576px) { .modal-dialog-scrollable { max-height: calc(100% - (64px * 2)); } .modal-dialog-scrollable .modal-content { max-height: calc(100vh - (64px * 2)); } .modal-dialog-centered { min-height: calc(100% - (64px * 2)); } .modal-dialog-centered::before { height: calc(100vh - (64px * 2)); height: min-content; } .modal-content { box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); } .modal-header { padding: 32px 32px 24px 32px; } .modal-header.modal-header--color { margin-bottom: 32px; } .modal-body { padding: 0 32px; } .modal-footer { padding: 24px 32px 32px 32px; } } .modal-dialog--scrolling .modal-header--animate { padding-bottom: 6px; } .modal-dialog--scrolling .modal-header--animate .modal-title { margin-top: -40px; font-size: 18px; line-height: 26px; } @media (max-width: 767.98px) { .modal-fullscreen-sm-down { width: 100vw; max-width: none; height: 100%; max-height: 100%; margin: 0; position: fixed; background: #fff; overflow: scroll; } .modal-fullscreen-sm-down .modal-content { width: 100%; height: 100%; max-height: 100%; } .modal-fullscreen-sm-down.modal-dialog-scrollable--scrolling .modal-header--animate { padding-bottom: 6px; } .modal-fullscreen-sm-down.modal-dialog-scrollable--scrolling .modal-header--animate .modal-title { margin-top: -40px; font-size: 18px; line-height: 26px; } } .btn { position: relative; font-family: "Montserrat", sans-serif; letter-spacing: -0.32px; } .btn.disabled, .btn:disabled { background: #e9e9e9; border-color: #e9e9e9; color: rgba(0, 0, 0, 0.65); opacity: 1; cursor: not-allowed !important; } a.btn.disabled[data-toggle="tooltip"], fieldset[disabled] a.btn[data-toggle="tooltip"] { pointer-events: visible; } .btn-default { color: #000; background-color: #e9e9e9; border-color: #e9e9e9; } .btn-default:hover { color: #000; background-color: #d0cfcf; border-color: #cacaca; } .btn-default:focus, .btn-default.focus { box-shadow: 0 0 0 2px rgba(233, 233, 233, 0.5); } .btn-default.disabled, .btn-default:disabled { background-color: #e9e9e9; border-color: #e9e9e9; } .btn-default:active, .btn-default.active, .show > .btn-default.dropdown-toggle, .in > .btn-default.dropdown-toggle, .open > .btn-default.dropdown-toggle { color: #000; background-color: #d0cfcf; background-image: none; border-color: #cacaca; } .btn-light { color: #000; background-color: #fff; border-color: #fff; } .btn-light:hover { color: #000; background-color: #e6e5e5; border-color: #e0e0e0; } .btn-light:focus, .btn-light.focus { box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5); } .btn-light.disabled, .btn-light:disabled { background-color: #fff; border-color: #fff; } .btn-light:active, .btn-light.active, .show > .btn-light.dropdown-toggle, .in > .btn-light.dropdown-toggle, .open > .btn-light.dropdown-toggle { color: #000; background-color: #e6e5e5; background-image: none; border-color: #e0e0e0; } .btn-dark { color: #fff; background-color: #000; border-color: #000; } .btn-dark:hover { color: #fff; background-color: black; border-color: black; } .btn-dark:focus, .btn-dark.focus { box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.5); } .btn-dark.disabled, .btn-dark:disabled { background-color: #000; border-color: #000; } .btn-dark:active, .btn-dark.active, .show > .btn-dark.dropdown-toggle, .in > .btn-dark.dropdown-toggle, .open > .btn-dark.dropdown-toggle { color: #fff; background-color: black; background-image: none; border-color: black; } .btn-xs { padding: 2px 16px; font-size: 12px; } .form-subtitle { font-size: 16px; color: #000; font-weight: 600; line-height: 24px; margin-top: 8px; margin-bottom: 16px; letter-spacing: -0.32px; } .form-description { font-size: 16px; color: #000; line-height: 24px; margin-bottom: 16px; letter-spacing: -0.32px; } .form-group .form-label { font-size: 16px; color: #000; line-height: 24px; margin-bottom: 4px; letter-spacing: -0.32px; display: flex; font-weight: 400; } .form-group .form-label .form-label__info { color: #9d9d9d; margin-left: auto; } .close span { line-height: 18px; transform: rotate(45deg); display: block; width: 24px; height: 24px; } .close span:after { content: "+"; } button.close { padding: 10px; outline: 0 !important; } .spinner { position: relative; display: none; width: 32px; height: 32px; } .spinner:after { width: 32px; height: 32px; content: ""; box-sizing: border-box; position: absolute; left: 0; border-radius: 50%; border: 3px solid #000; border-right: 3px solid transparent; animation: animation-spinner 0.5s linear infinite; } .spinner.spinner--active { display: block; } .spinner.spinner--light:after { border: 3px solid rgba(255, 255, 255, 0.8); border-right: 3px solid transparent; } .spinner.spinner--full { width: 0 !important; height: 0 !important; } .spinner.spinner--full:before { content: ""; z-index: 999999999999; position: fixed; top: 0; left: 0; display: block; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.3); } .spinner.spinner--full:after { z-index: 999999999999; position: fixed; top: 50%; left: 50%; } .spinner.spinner--input { position: absolute; top: 50%; right: calc(32px/ 2); margin-top: calc(-32px/ 2); } .spinner.spinner--input.spinner--xs { right: calc(16px/ 2); margin-top: calc(-16px/ 2); } .spinner.spinner--input.spinner--sm { right: calc(24px/ 2); margin-top: calc(-24px/ 2); } .spinner.spinner--input.spinner--md { right: calc(32px/ 2); margin-top: calc(-32px/ 2); } .spinner.spinner--btn { position: absolute; left: 50%; top: 50%; margin-top: calc(-32px/ 2); margin-left: calc(-32px/ 2); } .spinner.spinner--btn.spinner--xs { margin-top: calc(-16px/ 2); margin-left: calc(-16px/ 2); } .spinner.spinner--btn.spinner--sm { margin-top: calc(-24px/ 2); margin-left: calc(-24px/ 2); } .spinner.spinner--btn.spinner--md { margin-top: calc(-32px/ 2); margin-left: calc(-32px/ 2); } .spinner.spinner--hide-next.spinner--active + * { visibility: hidden; } .spinner.spinner--xs { width: 16px; height: 16px; } .spinner.spinner--xs:after { width: 16px; height: 16px; } .spinner.spinner--xs.spinner--full:after { margin-top: calc(-16px/ 2); margin-left: calc(-16px/ 2); } .spinner.spinner--sm { width: 24px; height: 24px; } .spinner.spinner--sm:after { width: 24px; height: 24px; } .spinner.spinner--sm.spinner--full:after { margin-top: calc(-24px/ 2); margin-left: calc(-24px/ 2); } .spinner.spinner--md { width: 32px; height: 32px; } .spinner.spinner--md:after { width: 32px; height: 32px; } .spinner.spinner--md.spinner--full:after { margin-top: calc(-32px/ 2); margin-left: calc(-32px/ 2); } @keyframes animation-spinner { to { transform: rotate(360deg); } } .ion-spinner-icon { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -webkit-inline-box; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; font-family: "Ionicons"; color: #ffbd1b; -webkit-animation: rotation 45s infinite linear; animation: rotation 1s infinite linear; font-style: normal; } .ion-spinner-icon:before { content: "\f29c"; } .form-group .ion-spinner-icon { font-size: 25px; position: absolute; right: 5px; top: 4px; } .alert { width: 100%; padding: 16px 24px; text-align: center; } .alert .alert__title { font-size: 14px; font-weight: 600; line-height: 22px; letter-spacing: -0.28px; color: #000; margin-bottom: 0; } .alert .alert__description { font-size: 12px; line-height: 20px; letter-spacing: -0.24px; color: #000; margin-bottom: 16px; } @media (max-width: 767.98px) { .message { margin-top: 0rem !important; } } @media (min-width: 768px) { .alert .alert__description { padding: 0 24px; } } @media (max-width: 767.98px) { .alert .alert__btn { width: 100%; } } .card-section { margin-bottom: 32px; } .card-section .card-section__content { background: #fff; padding: 32px 50px; } .card-section .card-section__title { font-size: 1rem; font-weight: 600; line-height: 1.5; letter-spacing: -0.32px; color: #6a7381; margin-bottom: 16px; } .card-section .card-section__subtitle { font-size: 16px; line-height: 24px; letter-spacing: -0.32px; color: #000; margin-bottom: 0; font-weight: 600; } .card-section .card-section__txt { font-size: 16px; line-height: 24px; letter-spacing: -0.32px; color: #000; margin-bottom: 0; } .card-section .card-section__info { font-size: 14px; line-height: 22px; letter-spacing: -0.28px; color: #9d9d9d; margin-bottom: 0; } .card-section .card-section__info--success { color: #50af6e; } .card-section .card-section__info--danger { color: #e44949; } .card-section .card-section__action { margin-top: 24px; } @media (max-width: 575.98px) { .card-section .card-section__content { padding: 16px 24px; } .card-section .card-section__title { margin-left: 15px; } .card-section .card-section__action { margin-top: 16px; } } .card-section-list { margin: 0; padding: 0; font-size: 16px; list-style-type: none; } .card-section-list .card-section-list__item { border-bottom: 1px solid #e9e9e9; padding-bottom: 16px; margin-bottom: 16px; position: relative; } .card-section-list .card-section-list__item .card-section-list__item__action .btn { float: left !important; } .card-section-list .card-section-list__item .card-section-list__item__action .btn + .btn { margin-left: 8px; } .card-section-list .card-section-list__item .card-section-list__item__action i { font-size: 24px; color: #D9D9D9; } .card-section-list .card-section-list__item .card-section-list__item__action i:after { content: ''; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: transparent; } .search-address { position: relative; } .search-address .search-address__close { margin-left: auto; } .search-address .search-address__title { font-size: 24px; line-height: 32px; letter-spacing: -1.44px; font-weight: 600; width: 100%; margin-top: 4px; margin-bottom: 0; text-align: left; } .search-address .search-address__header { display: none; position: relative; } .search-address .search-address__content { position: relative; } .search-address .search-address__body { position: relative; } .search-address .search-address__body .bootstrap-autocomplete { margin-top: 0; } .search-address .search-address__body .bootstrap-autocomplete .dropdown-item { white-space: normal; } .search-address .search-address__input { padding-right: 45px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .search-address .search-address__input:focus::placeholder { color: transparent; } .search-address .search-address__clear { display: none !important; position: absolute; top: 0; right: 0; padding: 11px 16px; } .search-address .search-address__clear.search-address__clear--active { display: flex !important; } .search-address .search-address__clear.search-address__clear--active + * { display: none; } .search-address .search-address__actions { position: absolute; top: 0; right: 0; height: 46px; } .search-address .search-address__btn { position: absolute; top: 0; right: 0; height: 100%; z-index: 3; padding: 11px 16px; } @media (max-width: 767.98px) { .search-address.search-address--input-focus { position: fixed; top: 0; left: 0; width: 100%; max-width: none; z-index: 999; background: #ffffff; height: 100%; overflow: hidden; } .search-address.search-address--input-focus .search-address__header { display: block; padding: 16px; display: flex; flex-wrap: wrap; } .search-address.search-address--input-focus .search-address__content { height: 100%; margin-bottom: 0; } .search-address.search-address--input-focus .search-address__body { height: calc(100% - 92px); } .search-address.search-address--input-focus .search-address__body .form-group-autocomplete { height: 100%; padding-left: 16px; padding-right: 16px; } .search-address.search-address--input-focus .search-address__body .bootstrap-autocomplete { height: calc(100% - 54px); overflow: auto; max-height: none; border: none; margin-top: 8px; margin-left: -16px; margin-right: -16px; width: 100% !important; } .search-address.search-address--input-focus .search-address__body .bootstrap-autocomplete .dropdown-item { padding-left: 16px; padding-left: 16px; } .search-address.search-address--input-focus .search-address__actions { right: 16px; } } .pre-register-form .pre-register-form__input { text-align: left; } .pre-register-form .pre-register-form__error { font-size: 14px; color: #e44949; text-align: left; display: block; } .pre-register-success { text-align: center; margin: 200px 0; } .pre-register-success .pre-register-success__title { font-size: 32px; font-weight: 600; letter-spacing: -1.92px; line-height: 40px; margin-bottom: 24px; } .pre-register-success .pre-register-success__description { margin-bottom: 8px; font-size: 16px; line-height: 24px; letter-spacing: -0.32px; } .pre-register-success .pre-register-success__address { margin-bottom: 24px; font-size: 16px; line-height: 24px; letter-spacing: -0.32px; } @media (max-width: 767.98px) { .pre-register-success { margin: 50px 30px; } } .register-map-address { margin: 16px 0; min-height: 48px; } .register-map-address .register-map-address__title { font-weight: 600; font-size: 16px; display: block; line-height: 24px; } .register-map-address .register-map-address__address { font-size: 16px; display: block; line-height: 24px; } .register-map-address .register-map-address__delivery { margin-top: 16px; display: none; } .register-map-address .register-map-address__delivery .register-map-address__delivery__list { display: flex; } .register-map-address .register-map-address__delivery .register-map-address__delivery__list .register-map-address__delivery__list__item { font-size: 16px; display: block; line-height: 24px; display: inline-block; width: 50%; } .register-map-address .register-map-address-spinner { margin: 0 auto; } .register-map { position: relative; } .register-map .register-map__map { width: 100%; height: 250px; position: relative; } .register-map .register-map__map:after { content: ""; display: block; height: 48px; width: 48px; position: absolute; top: 50%; left: 50%; margin-left: -24px; margin-top: -48px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; background: url("/img/map-marker.svg") no-repeat center center; } .register-map .register-map__map.register-map__map--unavailable-area:after { background: url("/img/map-marker-danger.svg") no-repeat center center; } .register-map .register-map__btn { position: absolute; bottom: 16px; right: 16px; } .register-map .gmnoprint, .register-map .gmnoprint + .gmnoprint + .gmnoprint + div { display: none; } .register-map .gm-bundled-control { top: 0; right: 0 !important; background: url(/images/map-zoom-controls.png) no-repeat center center !important; width: 34px !important; height: 60px !important; display: block; } .register-map .gm-bundled-control .gmnoprint { display: block; } .register-map .gm-bundled-control button { width: 32px !important; height: 30px !important; padding: 0px 0px 0px 0px !important; margin: 0px 8px !important; width: 16px !important; height: 30px !important; outline: 0 !important; } .register-map .gm-bundled-control button[title="Zoom in"] img { content: url("/img/plus.png"); width: 16px !important; height: 16px !important; } .register-map .gm-bundled-control button[title="Zoom out"] { border-top: #e2e4e9 1px solid !important; } .register-map .gm-bundled-control button[title="Zoom out"] img { content: url("/img/minus.png"); width: 16px !important; height: 16px !important; } .register-map .gm-bundled-control div { width: 32px !important; margin: 0px 0px !important; height: auto !important; padding: 0 0 0 0; } .register-map .gm-bundled-control > div > img { display: none !important; } .register-map .gm-bundled-control div[title="Zoom in"] { top: 2px !important; left: 2px !important; width: 38px !important; height: 31px !important; } .register-map .gm-bundled-control div[title="Zoom out"] { top: 35px !important; left: 2px !important; width: 38px !important; height: 30px !important; } .header-filter { height: 133px; } .header-filter.header-filter--mobile { position: absolute; top: 65px; left: 0; width: 100%; background: #fff; } .header-filter.header-filter--mobile .header-filter-inner { background: #fff; padding: 0 15px; margin: 0 -15px; } .header-filter.header-filter--mobile .header-filter__delivery-location { display: block; margin-bottom: 12px; } .header-filter.header-filter--mobile .header-filter__delivery-time { display: block; } .menu-delivery-location { font-size: 14px; font-family: "montserratlight"; font-stretch: normal; font-style: normal; line-height: 22px; letter-spacing: -0.28px; color: #000000; } .menu-delivery-location.open .menu-delivery-location__address:after { content: "\f126"; color: #000000; } .menu-delivery-location .menu-delivery-location__address { display: block; width: 100%; padding: 11px 0; } .menu-delivery-location .menu-delivery-location__address:after { font-family: "Ionicons"; content: "\f123"; font-size: 14px; color: #bfc4c9; } .menu-delivery-location .menu-delivery-location__address .menu-delivery-location__address__block { display: block; width: calc(100% - 12px); } .menu-delivery-location .menu-delivery-location__address .menu-delivery-location__address__name { display: block; width: 100%; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .menu-delivery-location .menu-delivery-location__address .menu-delivery-location__address__address { display: block; font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .menu-delivery-location .menu-delivery-location__time { display: block; width: 100%; font-weight: normal; color: #9d9d9d; margin-top: -11px; } .filter-list { font-family: "montserratlight"; font-stretch: normal; font-style: normal; padding-top: 44px; margin-bottom: 0; max-height: 100%; overflow-y: scroll; position: fixed; width: 100%; background: #ffffff; bottom: 0; left: 0; z-index: 12; } .filter-list label { margin-bottom: 0; } .filter-list .filter-list__title { position: fixed; z-index: 1; background: #fff; color: #6a7381; font-size: 12px; letter-spacing: -0.24px; font-weight: 600; text-transform: uppercase; width: 100%; padding: 13px 16px; margin-top: -44px; } .filter-list .filter-list__title.filter-list__title--close-icon:after { font-family: "Ionicons"; float: right; content: "\f123"; } .filter-list .filter-list__item { margin-bottom: 0; font-size: 14px; line-height: 22px; letter-spacing: -0.28px; font-weight: 600; color: #000000; } .filter-list .filter-list__item .filter-list__item__label { padding: 11px 16px; width: 100%; } .filter-list .filter-list__item .filter-list__item__side { font-size: 11px; letter-spacing: -0.22px; font-weight: normal; color: #6a7381; } .filter-list .filter-list__item.filter-list__item--selected .filter-list__item__label { background: #f0f1f2; } .filter-list .filter-list__item.filter-list__item--disabled .filter-list__item__label { color: #6a7381; } .filter-list .filter-list__item.filter-list__item--disabled .filter-list__item__side { color: #b9c2ce; } .filter-address { font-family: "montserratlight"; font-stretch: normal; font-style: normal; } .filter-address .filter-address__footer { padding: 16px; position: fixed; z-index: 12; bottom: 0; left: 0; width: 100%; background: #ffffff; } .filter-address .filter-address__empty { text-align: center; padding: 30px 0; } .filter-address .filter-address__empty .filter-address__empty__title { font-size: 14px; font-weight: 600; letter-spacing: -0.28px; color: black; } .filter-address .filter-address__empty .filter-address__empty__description { font-size: 11px; font-weight: normal; letter-spacing: -0.22px; color: #6a7381; } .filter-address .filter-address__btn { width: 100%; color: #000 !important; font-size: 16px; padding: 10px 14px; font-weight: 600; font-family: "montserratlight"; font-stretch: normal; font-style: normal; } .filter-address-list { padding-bottom: 75px; } .filter-address-list label { margin-bottom: 0; } .filter-address-list .filter-address-list__item { font-size: 14px; font-family: "montserratlight"; font-stretch: normal; font-style: normal; line-height: 22px; letter-spacing: -0.28px; color: #000000; } .filter-address-list .filter-address-list__item .filter-address-list__item__name { display: block; width: 100%; font-weight: 600; } .filter-address-list .filter-address-list__item .filter-address-list__item__address { display: block; font-weight: normal; } .filter-address-list .filter-address-list__item .filter-address-list__item__time { display: block; font-weight: normal; color: #9d9d9d; } body.home-page .header-placeholder { height: 0; } body.home-page .header-placeholder.has-cookies { height: 40px; } body.home-page .header-placeholder.has-cookies.has-cookies--4x { height: 40px; } body.home-page .header-placeholder.has-cookies.has-cookies--6x { height: 60px; } body.home-page .header-placeholder.has-cookies.has-cookies--8x { height: 80px; } @media (max-width: 767.98px) { body.home-page { height: 100%; } body.home-page #main-container, body.home-page header, body.home-page .header-container { height: 100%; } body.home-page .header-placeholder { height: 0; } body.home-page .header-placeholder.has-cookies { height: 40px; } body.home-page .header-placeholder.has-cookies.has-cookies--4x { height: 40px; } body.home-page .header-placeholder.has-cookies.has-cookies--6x { height: 60px; } body.home-page .header-placeholder.has-cookies.has-cookies--8x { height: 80px; } } body.menu .header-filter.header-filter--mobile .header-filter__delivery-time .delivery-time { margin: 0 -15px; } body.menu.menu-footer-open.menu-footer-open--9x #launcher { bottom: 95px !important; } body.menu.menu-footer-open.menu-footer-open--7x #launcher { bottom: 74px !important; } @media (max-width: 767.98px) { body.menu .card-form { margin-top: 0; } body.menu .header-placeholder { height: 198px; } body.menu .header-placeholder.has-cookies { height: 238px; } body.menu .header-placeholder.has-cookies.has-cookies--4x { height: 238px; } body.menu .header-placeholder.has-cookies.has-cookies--6x { height: 258px; } body.menu .header-placeholder.has-cookies.has-cookies--8x { height: 278px; } body.menu .header-placeholder.has-banner-order { height: 258px; } body.menu .header-navbar { height: 198px; } body.menu .header-navbar.has-cookies { height: 238px; } body.menu .header-navbar.has-cookies.has-cookies--4x { height: 238px; } body.menu .header-navbar.has-cookies.has-cookies--6x { height: 258px; } body.menu .header-navbar.has-cookies.has-cookies--8x { height: 278px; } body.menu.notAvailableMenu .header-placeholder, body.menu.menu-without-address .header-placeholder { height: 65px; } body.menu.notAvailableMenu .header-placeholder.has-cookies, body.menu.menu-without-address .header-placeholder.has-cookies { height: 105px; } body.menu.notAvailableMenu .header-placeholder.has-cookies.has-cookies--4x, body.menu.menu-without-address .header-placeholder.has-cookies.has-cookies--4x { height: 105px; } body.menu.notAvailableMenu .header-placeholder.has-cookies.has-cookies--6x, body.menu.menu-without-address .header-placeholder.has-cookies.has-cookies--6x { height: 125px; } body.menu.notAvailableMenu .header-placeholder.has-cookies.has-cookies--8x, body.menu.menu-without-address .header-placeholder.has-cookies.has-cookies--8x { height: 145px; } body.menu.notAvailableMenu .header-navbar, body.menu.menu-without-address .header-navbar { height: 65px; } body.menu.notAvailableMenu .header-navbar.has-cookies, body.menu.menu-without-address .header-navbar.has-cookies { height: 105px; } body.menu.notAvailableMenu .header-navbar.has-cookies.has-cookies--4x, body.menu.menu-without-address .header-navbar.has-cookies.has-cookies--4x { height: 105px; } body.menu.notAvailableMenu .header-navbar.has-cookies.has-cookies--6x, body.menu.menu-without-address .header-navbar.has-cookies.has-cookies--6x { height: 125px; } body.menu.notAvailableMenu .header-navbar.has-cookies.has-cookies--8x, body.menu.menu-without-address .header-navbar.has-cookies.has-cookies--8x { height: 145px; } } .mgm-welcome .header-placeholder { display: none; } .contacts-page .grecaptcha-badge { position: absolute !important; bottom: 0px !important; left: 0px !important; right: auto !important; } @media (max-width: 767.98px) { .contacts-page #contact-form { padding-bottom: 76px; margin-bottom: 0; } } .card-form-order { padding: 0 !important; } @media (min-width: 850px) { .card-form-order { padding: 32px 200px !important; } } @media (min-width: 1200px) { .card-form-order { padding: 32px 355px !important; } } .title-card-order { font-size: 24px; font-weight: 600; line-height: 1.33; letter-spacing: -1.44px; color: black; } .title-item-order { font-family: "montserrat"; font-size: 12px; line-height: 20px; text-transform: uppercase; letter-spacing: -0.24px; font-weight: 600; } .title-item-order .order-received { color: #f1a44e !important; } .title-item-order .delivered { color: #50af6e !important; } .title-item-order .canceled { color: #e44949 !important; } .title-item-order .in-route { color: #f1a44e !important; } .date-item-order { font-family: "montserrat"; font-size: 16px; line-height: 1.5; letter-spacing: -0.32px; font-weight: bold; text-transform: capitalize; } .qtt-item-order { font-family: "montserrat"; font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: -0.32px; } .order-card strong { display: flex; font-family: "montserrat"; font-size: 16px; line-height: 1.5; letter-spacing: -0.32px; color: black !important; } .order-card span { display: flex; font-family: "montserrat"; line-height: 1.5; letter-spacing: -0.32px; color: black !important; } .order-card p { color: black !important; font-weight: normal !important; } .order-card .tec-info { color: #9d9d9d !important; font-size: 14px; line-height: 1.57; letter-spacing: -0.28px; } .order-card .ccard-name { margin: 0 !important; } .order-card .status-order-details { display: flex; justify-content: space-between; align-items: center; } .item-meal { display: flex; } .item-meal .price-item { display: flex !important; justify-content: end !important; margin-left: auto; align-items: center; flex-direction: row; } .item-meal .quantity { display: flex; margin-right: 30px; } .item-meal .original-price { text-decoration: line-through; font-size: 14px; margin-right: 8px; } .item-meal .discount { font-size: 16px; letter-spacing: -0.32px; text-align: right; color: #e44949 !important; } .info-card .text { font-family: "montserrat"; font-size: 16px; line-height: 1.5; letter-spacing: -0.32px; line-height: 1.5; margin-bottom: 0 !important; } .info-card .subtext { font-family: "montserrat"; line-height: 1.5; font-size: 14px; color: #9d9d9d; margin-bottom: 0 !important; } .track-order .title, .track-order .card-plans .area-info .title, .card-plans .area-info .track-order .title, .track-order .card-plans .plan-was-cancelled .block-message .title, .card-plans .plan-was-cancelled .block-message .track-order .title { font-size: 24px; line-height: 1.33; letter-spacing: -1.44px; font-weight: bold; color: black; } .track-order .btn-see-order { display: flex; margin-top: 16px !important; } .track-order .btn-see-order a { font-weight: bold; color: black !important; text-decoration: underline !important; } .track-order .status-order { display: flex; justify-content: center; flex-direction: column; } .track-order .status-order .title, .track-order .status-order .card-plans .plan-was-cancelled .block-message .title, .card-plans .plan-was-cancelled .block-message .track-order .status-order .title { font-size: 32px; line-height: 1.33; letter-spacing: -1.44px; font-weight: bold; text-align: center; color: black; } .track-order .status-order .subtitle { font-size: 14px; line-height: 1.57; letter-spacing: -0.28px; text-align: center; color: #9d9d9d; } .track-order .status-bar { display: flex; justify-content: space-between; } .track-order .status-bar .bar { display: block; width: calc( (100% / 3) - 12px); height: 4px; background-color: #e9e9e9; } .track-order .status-bar .bar .in-progress { background-color: #ffcf29 !important; height: 100%; animation: in_progress_anim 2s ease-out infinite; } .track-order .status-bar .bar .completed-bar { background-color: #ffcf29 !important; width: 100%; height: 100%; } .track-order .driver-img { display: flex; margin: 0 auto; } @keyframes in_progress_anim { 0% { width: 0%; } 100% { width: 100%; } } #orderDetails .et { font-size: 24px; } .need-help { display: flex; justify-content: space-between; align-items: center; } #orderDetails .et.et-chevron-down:before { color: #9d9d9d; } .need-help .et.et-chevron-right:before { font-size: 24px !important; color: #9d9d9d; } #orderDetails .et.et-chevron-up:before { color: black; } .see-order-details { display: flex; margin-top: 8px !important; } .see-order-details a { color: black !important; text-decoration: revert !important; } .see-order-details a::hover { color: black !important; } .menu .side-menu-filters .form-check .form-check-input[type="checkbox"]:after, .menu .side-menu-filters .form-check .form-check-input-weekdays[type="checkbox"]:after, .menu .side-menu-filters .form-check .form-check-input-address[type="checkbox"]:after, .menu .side-menu-filters .form-check-weekdays .form-check-input[type="checkbox"]:after, .menu .side-menu-filters .form-check-weekdays .form-check-input-weekdays[type="checkbox"]:after, .menu .side-menu-filters .form-check-weekdays .form-check-input-address[type="checkbox"]:after, .menu .side-menu-filters .form-check-address .form-check-input[type="checkbox"]:after, .menu .side-menu-filters .form-check-address .form-check-input-weekdays[type="checkbox"]:after, .menu .side-menu-filters .form-check-address .form-check-input-address[type="checkbox"]:after, .menu .side-menu-filters .form-check .form-check-input[type="radio"]:after, .menu .side-menu-filters .form-check .form-check-input-weekdays[type="radio"]:after, .menu .side-menu-filters .form-check .form-check-input-address[type="radio"]:after, .menu .side-menu-filters .form-check-weekdays .form-check-input[type="radio"]:after, .menu .side-menu-filters .form-check-weekdays .form-check-input-weekdays[type="radio"]:after, .menu .side-menu-filters .form-check-weekdays .form-check-input-address[type="radio"]:after, .menu .side-menu-filters .form-check-address .form-check-input[type="radio"]:after, .menu .side-menu-filters .form-check-address .form-check-input-weekdays[type="radio"]:after, .menu .side-menu-filters .form-check-address .form-check-input-address[type="radio"]:after, .page .form-check .form-check-input[type=checkbox]:after, .page .form-check .form-check-input[type=radio]:after, .solidario-checkout .form-check .form-check-input[type=checkbox]:after, .solidario-checkout .form-check .form-check-input[type=radio]:after { display: flex; justify-content: center; align-items: center; content: ""; position: absolute; top: -2px; left: -2px; visibility: visible; height: 1.25rem; width: 1.25rem; background-color: #eee; z-index: 1; } .menu .side-menu-filters .form-check .form-check-input:hover[type="checkbox"]:after, .menu .side-menu-filters .form-check .form-check-input-weekdays:hover[type="checkbox"]:after, .menu .side-menu-filters .form-check .form-check-input-address:hover[type="checkbox"]:after, .menu .side-menu-filters .form-check-weekdays .form-check-input:hover[type="checkbox"]:after, .menu .side-menu-filters .form-check-weekdays .form-check-input-weekdays:hover[type="checkbox"]:after, .menu .side-menu-filters .form-check-weekdays .form-check-input-address:hover[type="checkbox"]:after, .menu .side-menu-filters .form-check-address .form-check-input:hover[type="checkbox"]:after, .menu .side-menu-filters .form-check-address .form-check-input-weekdays:hover[type="checkbox"]:after, .menu .side-menu-filters .form-check-address .form-check-input-address:hover[type="checkbox"]:after, .menu .side-menu-filters .form-check .form-check-input:hover[type="radio"]:after, .menu .side-menu-filters .form-check .form-check-input-weekdays:hover[type="radio"]:after, .menu .side-menu-filters .form-check .form-check-input-address:hover[type="radio"]:after, .menu .side-menu-filters .form-check-weekdays .form-check-input:hover[type="radio"]:after, .menu .side-menu-filters .form-check-weekdays .form-check-input-weekdays:hover[type="radio"]:after, .menu .side-menu-filters .form-check-weekdays .form-check-input-address:hover[type="radio"]:after, .menu .side-menu-filters .form-check-address .form-check-input:hover[type="radio"]:after, .menu .side-menu-filters .form-check-address .form-check-input-weekdays:hover[type="radio"]:after, .menu .side-menu-filters .form-check-address .form-check-input-address:hover[type="radio"]:after, .page .form-check .form-check-input:hover[type=checkbox]:after, .page .form-check .form-check-input:hover[type=radio]:after, .solidario-checkout .form-check .form-check-input:hover[type=checkbox]:after, .solidario-checkout .form-check .form-check-input:hover[type=radio]:after { background-color: #ccc; } body.scroll-lock { width: 100%; } body.scroll-lock .loader-container { position: fixed; top: 0; } a { cursor: pointer !important; } button { cursor: pointer !important; } #budgetBanner { top: 0 !important; } .success-add-org .search-box { background-color: white; margin-top: 50px !important; margin-bottom: 50px; width: 50%; } .success-add-org .text h3 { font-family: "montserratlight"; font-size: 24px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: -1.44px; text-align: center; } .success-add-org .text p { font-family: "montserratlight"; font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: -0.32px; color: #96a0ad; text-align: left; } .success-add-org .buttons { float: right; } .success-add-org .transpButton { border: solid 1px #ffbd1b !important; background-color: white !important; margin-right: 16px; } .modal-social-share .footer-copy { justify-content: unset; margin: 0; display: unset; } .modal-social-share .footer-copy .box-copy { margin: 0 !important; } .modal-social-share .ssk.ssk-text { margin-right: 6px; } .performance-data hr { margin-top: 5px; margin-bottom: 5px; } .performance-data .performance-totals { font-size: 16px; } .performance-data .invoice-support { text-align: right; margin-bottom: 16px; padding-right: 0; font-size: 16px; } .performance-data .driver-perf-table { height: fit-content; } .performance-data .driver-perf-table * > th, .performance-data .driver-perf-table td { border: 0 !important; padding: 0.5rem !important; } .performance-data .cook-perf-table { table-layout: fixed; margin-bottom: unset !important; } .performance-data .cook-perf-table th { text-align: right; padding: 0; border: 0px !important; padding-bottom: 5px; } .performance-data .cook-perf-table td { text-align: right; padding: 0; border: 0px; } .performance-data .cook-perf-table tr { border: 0px; display: table; width: 100%; table-layout: fixed; } .performance-data .cook-perf-table thead { width: calc( 100% - 1em); } .performance-data .cook-perf-table tbody { display: block; } .performance-data .icon-info { border: 2px solid; border-radius: 183px; padding: 0px 7px 2px 7px; font-family: "eattasty-font"; font-size: 16px; font-weight: bolder; margin-left: 16px; cursor: pointer; } p.form-control { height: 46px; padding-top: 12px; font-family: "montserratlight"; font-size: 0.875rem; letter-spacing: -0.0196rem; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.57; letter-spacing: -0.28px; color: black !important; background-color: white; } .form-control.select { min-height: 46px; } .tickets .thanks-yellow { padding: 32px 50px 0px 50px !important; } .tickets .text-box-banner-mgm { padding-left: 50px !important; } .tickets .thanks-content { padding: 32px 50px 32px 50px !important; } .tickets .thanks-content .text p { font-family: "montserratlight"; font-size: 16px !important; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.6; margin-bottom: 0; letter-spacing: -0.32px; color: #808a98 !important; } .tickets .thanks-content .title p, .tickets .thanks-content .card-plans .plan-was-cancelled .block-message .title p, .card-plans .plan-was-cancelled .block-message .tickets .thanks-content .title p { font-family: "montserratlight"; font-size: 18px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.44; letter-spacing: -0.36px; color: black; } .tickets .thanks-content .box-request-expired { padding: 16px; background-color: #fbf0d0; text-align: center; margin-top: 16px; } .tickets .thanks-content .box-request-expired p { font-family: "montserratlight"; font-size: 14px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.57; letter-spacing: -0.28px; text-align: center; color: black; } .tickets .thanks-content .box-request-expired button { width: 193px; height: 32px; border-radius: 3px; background-color: black; font-family: "montserratlight"; font-size: 14px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.57; letter-spacing: -0.28px; text-align: center; color: white; border: 0; } .morada-descr-city { font-family: "montserratlight"; font-size: 12px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.57; letter-spacing: -0.28px; color: #000000; } .morada-descr-city2 { font-family: "montserratlight"; font-size: 12px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.57; letter-spacing: -0.28px; color: #000000; } .morada-descr-delivery { color: #9d9d9d; } button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: none !important; } select[readonly] { opacity: 0.5; pointer-events: none; touch-action: none; -moz-appearance: none; /* Firefox */ -webkit-appearance: none; /* Safari and Chrome */ appearance: none; } .input-wrapper, input.form-control, select.form-control { height: 46px !important; border-radius: 0; border: solid 1px #b9c2ce !important; font-family: "montserratlight"; font-size: 0.875rem; letter-spacing: -0.0196rem; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.57; letter-spacing: -0.28px; color: black !important; background-color: #f9fafb; } .input-wrapper:focus, .input-wrapper:active, input.form-control:focus, input.form-control:active, select.form-control:focus, select.form-control:active { background-color: white !important; border-color: #ffbd1b !important; color: black !important; } .input-wrapper:disabled, .input-wrapper[readonly], input.form-control:disabled, input.form-control[readonly], select.form-control:disabled, select.form-control[readonly] { background-color: #f0f1f2 !important; border: solid 1px #e2e4ea !important; font-size: 0.875rem; letter-spacing: -0.0196rem; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.57; letter-spacing: -0.28px; color: #b9c2ce !important; cursor: not-allowed; } .input-wrapper::placeholder, input.form-control::placeholder, select.form-control::placeholder { color: #b9c2ce; font-family: "montserratlight"; font-size: 0.875rem; letter-spacing: -0.0196rem; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.57; letter-spacing: -0.28px; } .input-wrapper.form-control-danger, input.form-control.form-control-danger, select.form-control.form-control-danger { border-color: #f38283 !important; } textarea.form-control { border-radius: 0; border: solid 1px #b9c2ce !important; font-family: "montserratlight"; font-size: 0.875rem; letter-spacing: -0.0196rem; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.57; letter-spacing: -0.28px; color: black !important; background-color: #f9fafb; } textarea.form-control:focus, textarea.form-control:active { background-color: white !important; border-color: #ffbd1b !important; color: black !important; } textarea.form-control:disabled { background-color: #f0f1f2 !important; border: solid 1px #e2e4ea !important; font-size: 0.875rem; letter-spacing: -0.0196rem; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.57; letter-spacing: -0.28px; color: #b9c2ce !important; } textarea.form-control::placeholder { color: #b9c2ce; font-family: "montserratlight"; font-size: 0.875rem; letter-spacing: -0.0196rem; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.57; letter-spacing: -0.28px; } textarea.form-control.form-control-danger { border-color: #f38283 !important; } .braintree-hosted-fields-invalid { border-color: #f38283 !important; } .braintree-hosted-fields-focused { background-color: white !important; border-color: #ffbd1b !important; color: black !important; } body:not(.admin) select { height: 46px !important; background-color: #f9fafb; font-family: "montserratlight" !important; font-size: 14px !important; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.57; letter-spacing: -0.28px; color: black !important; } select:not(disabled) { background-color: #f0f1f2; } input:not(disabled) { background-color: #f0f1f2; } * { text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .pull-xs-right { float: right !important; } .pull-sm-right { float: right !important; } .form-brand .row { margin: 0px -15px; } .payment-radio-box { margin-top: 16px; padding: 0; } .tooltip-inner { font-family: "montserratlight"; color: white; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); padding: 5px 8px; opacity: 0.8; font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.57; letter-spacing: -0.28px; text-align: center; border-radius: 3px; background-color: #000000; margin-top: 15px; } .tooltip.tooltip-top .tooltip-inner::before, .tooltip.bs-tether-element-attached-bottom .tooltip-inner::before { border-top-color: #ffffff; } .tooltip.tooltip-right .tooltip-inner::before, .tooltip.bs-tether-element-attached-right .tooltip-inner::before { border-right-color: #ffffff; } .tooltip.tooltip-bottom .tooltip-inner::before, .tooltip.bs-tether-element-attached-bottom .tooltip-inner::before { border-bottom-color: #ffffff; } .tooltip.tooltip-left .tooltip-inner::before, .tooltip.bs-tether-element-attached-right .tooltip-inner::before { border-left-color: #ffffff; } html.fill { min-height: 100%; height: 100%; } html.fill > body { min-height: 100%; height: 100%; } html.fill > body.home-page { display: flex; flex-direction: column; } html.fill > body.home-page #main-container { display: flex; flex: 1; } html.fill > body.home-page #main-container > header { flex: 1; height: auto; } html.fill > body.home-page #main-container > header .video .back { background-position: center; } html.fill > body.home-page #main-container > header .navbar { position: initial; margin-top: 4rem; margin-bottom: 2rem; } html.fill > body.home-page #main-container > header .navbar .col-brand { width: inherit; float: none; position: initial; } body { font-size: 0.875rem; letter-spacing: -0.0196rem; } b { font-family: "montserratbold"; } .lead { color: #4d2209; font-family: "montserratbold"; font-size: 1rem; } .strong { font-family: "montserratregular"; } .btn::first-letter { text-transform: capitalize; } .btn-primary-alt { color: #fff; background-color: #b2b2b2; border-color: #b2b2b2; } .btn-primary-alt:active, .btn-primary-alt:hover, .btn-primary-alt:focus { color: #fff; background-color: #bfbfbf; border-color: #bfbfbf; } .btn-primary-alt:active:hover, .btn-primary-alt:active:focus { color: #fff; background-color: #a5a5a5; border-color: #a5a5a5; } body:not(.admin) .btn-danger { background-color: #b5b4b4; border-color: #b5b4b4; color: #ffffff; font-family: "montserratlight"; text-transform: uppercase; font-size: 0.85rem; } body:not(.admin) .btn-danger:active, body:not(.admin) .btn-danger:hover, body:not(.admin) .btn-danger:focus { background-color: #c1c1c1; border-color: #c1c1c1; color: #7F7F7F; } body:not(.admin) .btn-danger:active:hover, body:not(.admin) .btn-danger:active:focus { background-color: #9B9B9B; border-color: #9B9B9B; color: #7F7F7F; } .btn-link { border: 1px solid; } .btn-link:active, .btn-link:hover, .btn-link:focus { border: 1px solid; text-decoration: none; } a { word-wrap: break-word; } a, a:hover, a:focus { color: #ffbd1b; } form ::-webkit-input-placeholder { font-family: "montserratlight"; color: #9B9B9B; } form :-moz-placeholder { /* Firefox 18- */ font-family: "montserratlight"; color: #9B9B9B; } form ::-moz-placeholder { /* Firefox 19+ */ font-family: "montserratlight"; color: #9B9B9B; } form :-ms-input-placeholder { font-family: "montserratlight"; color: #9B9B9B; } /* .form-control { border: 2px solid #cccccc; border-radius: 5px; font-family: $light-font; color: $informational-text; font-size: 1em; min-height: 43px; &:focus { border-color: $gray-color; } &.form-control-group { padding: 0; .input-group { .input-group-prepend { padding-left: .75rem; } } .form-control, .select-custom { border: 0 !important; } } &.select-custom { background: #fff; height: 43px !important; } }*/ *::-webkit-input-placeholder { font-family: "montserrathairline"; color: #f0f1f2; } *:-moz-placeholder { font-family: "montserrathairline"; color: #f0f1f2; } *::-moz-placeholder { font-family: "montserrathairline"; color: #f0f1f2; } *:-ms-input-placeholder { font-family: "montserrathairline"; color: #f0f1f2; } input::-webkit-calendar-picker-indicator { display: none; } input[type="date"]::-webkit-input-placeholder { visibility: hidden !important; } .header-navbar { transition: none !important; } .header-navbar .nav-item > a, .header-navbar .navbar-brand { color: #000; } .header-navbar .navbar-brand .et:first-child { color: #ffbd1b; } .header-navbar .nav-dropdown { float: right; margin-top: 24px; } .header-navbar .nav-dropdown .nav-item > a::after { color: #bfc4c9; } .header-navbar .nav-dropdown .nav-item.open > a::after { border-top: none; border-right: 0.3em solid transparent; border-left: 0.3em solid transparent; border-bottom: 0.3em solid; } .header-navbar .nav-dropdown .nav-item .dropdown-item { color: black; font-family: "montserratregular"; min-width: 220px !important; } .header-navbar .nav-dropdown .nav-item .dropdown-item.subitem { font-family: "montserratlight" !important; font-weight: normal; font-size: 14px; padding: 0 !important; margin: 0 !important; } .header-navbar .col-navbar-left { float: left; position: relative; z-index: 1; } .header-navbar .col-navbar-left .back-step-pages { margin-right: 1rem; } .header-navbar .col-brand { left: unset; right: unset; float: left; } .header-navbar .col-avatar { float: right; position: relative; z-index: 1; } .header-navbar .col-avatar .navbar-login { margin-top: 1.5rem; float: right; flex-direction: row; } .header-navbar .bar-left:after { content: "|"; margin-left: 8px; color: #e1e8ed; } .header-navbar .bar-right::before { content: "|"; margin-right: 8px; color: #e1e8ed; } .header-navbar .languages-block { float: right; margin-right: 8px; color: #6a737c; position: relative; opacity: 0.99; font-family: "montserratlight"; font-weight: normal; font-stretch: normal; font-style: normal; font-size: 14px; line-height: 1.57; letter-spacing: -0.28px; margin-top: 31px; } .header-navbar .languages-block a { color: #6a737c; font-size: 0.875rem; letter-spacing: -0.0196rem; font-family: "montserratregular"; text-decoration: none; } .header-navbar .languages-block a:not(:last-child):after { content: " • "; font-family: "montserratregular"; color: #6a737c; } .header-navbar .languages-block a:hover { color: #000000; text-decoration: none; } .header-navbar .languages-block a.active { color: #ffbd1b; font-family: "montserratregular"; } #cookie { background-color: white; position: fixed; width: 100%; z-index: 20; bottom: 0; } #cookie .cookie-container { max-width: 770px; display: flex; flex-direction: column; } #cookie .cookie-container .cookie-text { padding: 10px 0; font-family: "montserratlight"; font-size: 12px; font-style: normal; font-stretch: normal; line-height: 1.67; letter-spacing: -0.2px; } #cookie .cookie-container .cookie-close { margin-left: 10px; } .iframe-pbi { width: 100%; height: calc( 100vh - 80px); } .nav-btn-credits, .nav-btn-budget { font-size: 0.75rem; letter-spacing: -0.0168rem; display: inline-flex; font-family: "montserratregular"; color: #6a7380; float: right; margin-top: 34px; margin-right: 27px; } .nav-btn-credits:hover, .nav-btn-budget:hover { opacity: 0.65; color: #6a7380; } .nav-btn-credits .value, .nav-btn-budget .value { background: #ffbd1b; color: #000; padding: 0 4px; border-radius: 2px; opacity: 0.99; font-family: "montserratlight"; font-size: 11px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.73; letter-spacing: -0.22px; text-align: center; margin-left: 8px; } .nav-btn-budget { background: #ffbd1b; border-radius: 2px; align-items: center; } .icon-group-budget { position: relative; } .icon-group-budget > .icon:nth-child(2) { position: absolute; top: 0; left: 0; font-size: .6em; color: #fff; left: auto; } .nav-btn-login { float: none; margin-left: 4rem; margin-top: 0; font-family: "montserratlight"; font-size: 1rem; letter-spacing: -0.0224rem; color: #ffffff; padding-bottom: 17px; display: block; } .nav-btn-login:hover { opacity: 0.65; color: #6a7380; } .navbar-brand { margin: 10px 0 0 0; } .page-heading .open-menu-full-days { border-left: solid 1px #ededed; border-right: solid 1px #ededed; height: 80px; width: 100%; max-width: 167px; padding: 18px 25px 18px 25px; position: relative; display: block; background-color: rgba(252, 252, 252, 0.97); } .page-heading .open-menu-full-days.collapsed { background-color: #ffffff; } .page-heading .open-menu-full-days:hover { background-color: rgba(252, 252, 252, 0.97); } .page-heading .open-menu-full-days .open-menu-title { font-family: "montserratbold"; font-size: 0.688em; line-height: 2.2; letter-spacing: -0.6px; color: #6a7380; text-transform: uppercase; display: block; } .page-heading .open-menu-full-days .open-menu-day { font-family: "montserratregular"; font-size: 1.125em; line-height: 1.3; letter-spacing: -0.9px; /* color: $secondary-color; */ color: #000000; } .page-heading .open-menu-full-days .open-menu-day::after { content: "\f126"; font-family: "Ionicons"; color: #bfc4c9; font-size: 0.8em; position: absolute; right: 25px; padding-top: 3px; } .page-heading .open-menu-full-days.collapsed .open-menu-day::after { content: "\f123"; } .page-heading .menu-days, .page-heading .menu-delivery { position: fixed; z-index: 12; background-color: #ffffff; width: 100%; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 0 rgba(0, 0, 0, 0.06); } .page-heading .menu-days .well, .page-heading .menu-delivery .well { padding-top: 0px; padding-bottom: 0px; } .page-heading .menu-days .well .container, .page-heading .menu-delivery .well .container { max-width: 840px; } .page-heading .menu-days .well ul, .page-heading .menu-delivery .well ul { list-style: none; padding: 0; margin: 0; overflow: hidden; } .page-heading .menu-days .well ul li.col-15, .page-heading .menu-delivery .well ul li.col-15 { position: relative; min-height: 1px; /* padding-right: 10px; padding-left: 10px; */ width: 20%; float: left; } .page-heading .menu-days .well ul li .circle-day, .page-heading .menu-delivery .well ul li .circle-day { width: 80px; height: 80px; border-radius: 100%; background-color: #ffffff; margin-left: auto; margin-right: auto; padding-top: 25px; text-align: center; display: block; } .page-heading .menu-days .well ul li .circle-day h3, .page-heading .menu-delivery .well ul li .circle-day h3 { font-family: "montserratbold"; font-size: 0.65em; letter-spacing: -0.5px; color: #6a7380; text-transform: uppercase; margin-top: 0; margin-bottom: 2px; } .page-heading .menu-days .well ul li .circle-day p, .page-heading .menu-delivery .well ul li .circle-day p { font-family: "montserratlight"; font-size: 22px; font-weight: 200; line-height: 1.1; letter-spacing: -1.2px; color: #6a7380; margin: 0; } .page-heading .menu-days .well ul li .circle-day:hover, .page-heading .menu-delivery .well ul li .circle-day:hover { background-color: #f1f1f1; } .page-heading .menu-days .well ul li .circle-day.active, .page-heading .menu-delivery .well ul li .circle-day.active { background-color: #fec12a; } .page-heading .menu-days .well ul li .circle-day.active h3, .page-heading .menu-days .well ul li .circle-day.active p, .page-heading .menu-delivery .well ul li .circle-day.active h3, .page-heading .menu-delivery .well ul li .circle-day.active p { color: #ffffff; } .page-heading .menu-days .well ul li .circle-day.inactive, .page-heading .menu-days .well ul li .circle-day.inactive:hover, .page-heading .menu-delivery .well ul li .circle-day.inactive, .page-heading .menu-delivery .well ul li .circle-day.inactive:hover { background-color: #ffffff; cursor: not-allowed; opacity: 0.3; } .page-heading .menu-days .well ul li .circle-day.inactive h3, .page-heading .menu-days .well ul li .circle-day.inactive p, .page-heading .menu-days .well ul li .circle-day.inactive:hover h3, .page-heading .menu-days .well ul li .circle-day.inactive:hover p, .page-heading .menu-delivery .well ul li .circle-day.inactive h3, .page-heading .menu-delivery .well ul li .circle-day.inactive p, .page-heading .menu-delivery .well ul li .circle-day.inactive:hover h3, .page-heading .menu-delivery .well ul li .circle-day.inactive:hover p { color: #6a7380; } .page-heading .col-back-page { display: none; } .page { /* .col-brand { margin-left: 20%; } */ } .page .open-menu-full-days { display: none; } .page .back-menu-order { width: 26px; height: 26px; border-radius: 100%; background-color: #ffbd1b; display: block; font-size: 0; text-align: center; margin-top: 1.7rem; cursor: pointer; } .page .back-menu-order:hover { background-color: #9B9B9B; } .page .back-menu-order i { color: #ffffff; font-size: 1.1rem; padding-right: 2px; line-height: 28px; } .page .back-menu-order.back-other-pages { display: none; } .menu nav.header-navbar .navbar-login:before, .page nav.header-navbar .navbar-login:before { content: " "; margin-right: 0.5rem; } .menu nav.header-navbar .navbar-login .nav-item, .page nav.header-navbar .navbar-login .nav-item { float: right; } .menu nav.header-navbar .navbar-login .nav-item > a, .page nav.header-navbar .navbar-login .nav-item > a { color: #ffffff; font-family: "montserratregular"; font-size: 0.8125rem; letter-spacing: -0.0182rem; } .menu nav.header-navbar .navbar-login .nav-item > a.nav-link, .page nav.header-navbar .navbar-login .nav-item > a.nav-link { background-color: transparent; color: #000 !important; border: 1px solid #000000; padding-left: 1rem; padding-right: 1rem; margin-right: 1rem; } .menu nav.header-navbar .navbar-login .nav-item > a.nav-link:hover, .page nav.header-navbar .navbar-login .nav-item > a.nav-link:hover { background-color: #000000; color: #ffffff !important; } .menu nav.header-navbar .navbar-login .nav-item > a.btn-register, .page nav.header-navbar .navbar-login .nav-item > a.btn-register { background-color: #ffbd1b; border: 1px solid #ffbd1b; color: #000 !important; border-radius: 0; } .menu nav.header-navbar .navbar-login .nav-item > a.btn-register:hover, .page nav.header-navbar .navbar-login .nav-item > a.btn-register:hover { background-color: #000000; border: 1px solid #000000; color: #ffffff !important; } .menu nav.header-navbar .navbar-login .nav-item > a.btn.btn-secondary-outline, .page nav.header-navbar .navbar-login .nav-item > a.btn.btn-secondary-outline { background-color: #ffbd1b; color: #000; border-color: #ffbd1b; } .menu nav.header-navbar .navbar-login .nav-item > a.btn.btn-secondary-outline:hover, .page nav.header-navbar .navbar-login .nav-item > a.btn.btn-secondary-outline:hover { background-color: #ffe9b4; border-color: transparent; } #web-messenger-container { z-index: 10; } @media (max-width: 767.98px) { html { height: 100%; } .performance-data .performance-totals { font-size: 0.7rem; } .performance-data .icon-info { font-size: 12px; margin-left: 4px; border: 2px solid; border-radius: 50%; padding: 0px 5px 0px 5px; } .performance-data .cook-perf-table th { font-size: 0.7rem; } .performance-data .cook-perf-table td { font-size: 0.6rem; } .header-navbar + div { margin-top: 100px; } } @media (max-width: 767.98px) { .success-add-org .header-navbar + div { margin-top: 0px; } .success-add-org .buttons { width: 100%; text-align: center; } .success-add-org .buttons a { width: 100% !important; margin: 6px; } .page-heading .header-navbar .col-avatar { width: 80%; } .page-heading .menu .col-avatar { width: 30%; } .page .header-navbar + div { /* margin-top: 41px; */ /*margin-top: 1rem;*/ } .page .back-menu-order { margin-top: 1.2rem; } .header-navbar { /* .col-brand { width: 50%; margin-left: 0; } */ } .header-navbar .col-avatar { width: 40%; } .header-navbar .col-avatar.col-avatar-home { width: 80%; } .header-navbar .col-avatar .navbar-login { margin-top: 1rem; } .header-navbar .col-avatar .navbar-login li > a.btn-secondary-outline { color: #000000 !important; } .header-navbar .nav-btn-credits, .header-navbar .nav-btn-budget { margin-top: 22px; } .header-navbar .languages-block { margin-top: 1.4rem; } .header-navbar .nav-dropdown { margin-top: 14px; } .header-navbar .nav-dropdown li { position: static; } .header-navbar .nav-dropdown li .dropdown-menu { box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 0 rgba(0, 0, 0, 0.06); border-radius: 0; border: none; } .header-navbar .nav-dropdown li .dropdown-menu .dropdown-item { text-align: center; padding-top: 17px; padding-bottom: 17px; font-size: 1.25em; line-height: 1.3; letter-spacing: -1px; color: #000000; } .header-navbar .nav-dropdown li .dropdown-menu .dropdown-item.dropdown-logout { color: #bfc4c9; } .header-navbar .nav-dropdown li .dropdown-menu .orange-divider { width: 48px; height: 2px; background-color: #ffbd1b; margin-left: auto; margin-right: auto; } .page-heading .open-menu-full-days { /* position: absolute; top: 80px; */ height: 44px; width: 100%; max-width: 100%; z-index: 8; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 0 rgba(0, 0, 0, 0.06); padding-top: 12px; padding-bottom: 8px; text-align: center; border: none; } .page-heading .open-menu-full-days .open-menu-day::after { position: relative; right: 0; margin-left: 20px; } .menu-days .well, .menu-delivery .well { overflow-x: scroll; } .menu-days .well ul, .menu-delivery .well ul { width: 530px; } .menu-days .well ul li.col-15, .menu-delivery .well ul li.col-15 { width: 100px; } /* &.menu-days-mobile { top: 167%; } */ } @media (min-width: 576px) and (max-width: 767.98px) { .nav-btn-credits, .nav-btn-budget { margin-right: 140px !important; } } @media (max-width: 575.98px) { #web-messenger-container { margin-bottom: -1px; z-index: 10; } .page-heading.page-menu-open, .page.page-menu-open { overflow: hidden; } .page-heading .header-navbar .container, .page .header-navbar .container { width: 100%; } .page-heading .header-navbar .languages-block, .page .header-navbar .languages-block { margin-top: 1.25rem; margin-right: 16px; } .page-heading .header-navbar .languages-block:after, .page .header-navbar .languages-block:after { display: none; } .page-heading .header-navbar .open-mobile, .page .header-navbar .open-mobile { float: right; margin-top: 0.5rem; cursor: pointer; position: relative; } .page-heading .header-navbar .open-mobile i, .page .header-navbar .open-mobile i { color: #000000; font-size: 2rem; } .page-heading .header-navbar .col-avatar, .page .header-navbar .col-avatar { display: none; float: none; padding: 1.14rem; } .page-heading .header-navbar .col-avatar .close-mobile, .page .header-navbar .col-avatar .close-mobile { background-color: #ffbf00; width: 26px; height: 26px; display: block; float: right; border-radius: 100%; text-align: center; position: fixed; right: 1.14rem; } .page-heading .header-navbar .col-avatar .close-mobile i, .page .header-navbar .col-avatar .close-mobile i { color: #ffffff; line-height: 1.74rem; } .page-heading .header-navbar .col-avatar.open-menu-full, .page .header-navbar .col-avatar.open-menu-full { position: fixed; width: 100% !important; height: 100vh; background-color: rgba(55, 60, 68, 0.98); top: 0; left: 0; z-index: 2000; display: block; visibility: hidden; opacity: 0; } .page-heading .header-navbar .col-avatar.open-menu-full.active, .page .header-navbar .col-avatar.open-menu-full.active { visibility: visible; opacity: 1; transition: all 0.25s ease; overflow: auto; -webkit-transition: opacity 0.25s ease-in-out; -moz-transition: opacity 0.25s ease-in-out; -ms-transition: opacity 0.25s ease-in-out; -o-transition: opacity 0.25s ease-in-out; } .page-heading .header-navbar .col-avatar.open-menu-full .nav-dropdown, .page .header-navbar .col-avatar.open-menu-full .nav-dropdown { float: none; margin-top: 0rem; display: inline-block; } .page-heading .header-navbar .col-avatar.open-menu-full .nav-dropdown .avatar-name, .page .header-navbar .col-avatar.open-menu-full .nav-dropdown .avatar-name { font-size: 1rem; letter-spacing: -0.0224rem; color: #ffffff; margin-left: 1.5rem; vertical-align: middle; } .page-heading .header-navbar .col-avatar.open-menu-full .nav-dropdown a.nav-avatar::after, .page .header-navbar .col-avatar.open-menu-full .nav-dropdown a.nav-avatar::after { display: none; } .page-heading .header-navbar .col-avatar.open-menu-full .nav-dropdown li, .page .header-navbar .col-avatar.open-menu-full .nav-dropdown li { float: none; } .page-heading .header-navbar .col-avatar.open-menu-full .nav-dropdown li.nav-item.dropdown, .page .header-navbar .col-avatar.open-menu-full .nav-dropdown li.nav-item.dropdown { height: 10px; } .page-heading .header-navbar .col-avatar.open-menu-full .nav-dropdown li .dropdown-menu, .page .header-navbar .col-avatar.open-menu-full .nav-dropdown li .dropdown-menu { overflow: auto; z-index: 11; display: inline-block; position: relative; background: transparent; box-shadow: none; margin-left: 4rem; padding-bottom: 2.5rem; float: none; } .page-heading .header-navbar .col-avatar.open-menu-full .nav-dropdown li .dropdown-menu .orange-divider, .page .header-navbar .col-avatar.open-menu-full .nav-dropdown li .dropdown-menu .orange-divider { display: none; } .page-heading .header-navbar .col-avatar.open-menu-full .nav-dropdown li .dropdown-menu .dropdown-item, .page .header-navbar .col-avatar.open-menu-full .nav-dropdown li .dropdown-menu .dropdown-item { text-align: left; font-family: "montserratregular"; font-weight: bold; font-size: 1rem; letter-spacing: -0.0224rem; color: #ffffff; padding-left: 0; } .page-heading .header-navbar .col-avatar.open-menu-full .nav-dropdown li .dropdown-menu .dropdown-item:hover, .page-heading .header-navbar .col-avatar.open-menu-full .nav-dropdown li .dropdown-menu .dropdown-item:focus, .page .header-navbar .col-avatar.open-menu-full .nav-dropdown li .dropdown-menu .dropdown-item:hover, .page .header-navbar .col-avatar.open-menu-full .nav-dropdown li .dropdown-menu .dropdown-item:focus { color: #ffffff; background-color: transparent; opacity: 0.65; } .page-heading .header-navbar .col-avatar.open-menu-full .nav-dropdown li .dropdown-menu .dropdown-item.divider, .page .header-navbar .col-avatar.open-menu-full .nav-dropdown li .dropdown-menu .dropdown-item.divider { border-bottom: 1px solid #50525a; } .page-heading .header-navbar .col-avatar.open-menu-full .nav-dropdown li .dropdown-menu .dropdown-item.subitem, .page .header-navbar .col-avatar.open-menu-full .nav-dropdown li .dropdown-menu .dropdown-item.subitem { font-family: "montserratlight" !important; font-weight: normal; font-size: 14px; padding: 0 !important; margin: 0 !important; } .page-heading .header-navbar .col-avatar.open-menu-full .nav-dropdown li .dropdown-menu .dropdown-item.dropdown-logout, .page .header-navbar .col-avatar.open-menu-full .nav-dropdown li .dropdown-menu .dropdown-item.dropdown-logout { color: #f74f59; } .page-heading .header-navbar .col-avatar.open-menu-full .title-menu, .page .header-navbar .col-avatar.open-menu-full .title-menu { font-family: "montserratbold"; font-size: 0.6875rem; letter-spacing: -0.0154rem; color: #ffffff; display: block; padding-bottom: 0; padding-top: 2.5rem; text-transform: uppercase; } .page-heading .header-navbar .col-avatar.open-menu-full .title-menu:first-of-type, .page .header-navbar .col-avatar.open-menu-full .title-menu:first-of-type { padding-top: 0; } .page-heading .header-navbar .col-avatar.open-menu-full .nav-btn-credits, .page-heading .header-navbar .col-avatar.open-menu-full .nav-btn-budget, .page .header-navbar .col-avatar.open-menu-full .nav-btn-credits, .page .header-navbar .col-avatar.open-menu-full .nav-btn-budget { float: none; margin-left: 4rem; margin-top: 0; font-family: "montserratlight"; font-size: 1rem; letter-spacing: -0.0224rem; color: #ffffff; border-bottom: 1px solid #50525a; padding-bottom: 17px; display: block; } .page-heading .header-navbar .col-avatar.open-menu-full .languages-block, .page .header-navbar .col-avatar.open-menu-full .languages-block { float: none; margin-left: 4rem; margin-top: 0rem; z-index: 20; } .page-heading .header-navbar .col-avatar.open-menu-full .languages-block a, .page .header-navbar .col-avatar.open-menu-full .languages-block a { font-family: "montserratlight"; font-size: 1rem; letter-spacing: -0.0224rem; color: #ffffff; width: 45%; display: inline-block; } .page-heading .header-navbar .col-avatar.open-menu-full .languages-block a:first-child:after, .page .header-navbar .col-avatar.open-menu-full .languages-block a:first-child:after { content: ""; } .page-heading .header-navbar .col-avatar.open-menu-full .languages-block a:last-child, .page .header-navbar .col-avatar.open-menu-full .languages-block a:last-child { text-align: center; } .page-heading .header-navbar .col-avatar.open-menu-full .languages-block a.active, .page .header-navbar .col-avatar.open-menu-full .languages-block a.active { font-family: "montserratregular"; } .page-heading .header-navbar .col-avatar.open-menu-full .languages-block a.active:after, .page .header-navbar .col-avatar.open-menu-full .languages-block a.active:after { font-family: "Ionicons"; content: "\f121"; color: #ffbd1b; margin-left: 0.5rem; } } .form-brand { text-align: center; display: block; } .form-brand:hover, .form-brand:focus { text-decoration: none; } .page-heading #main-container, .page #main-container { background-color: #f1f2f3; } .page-heading #main-container .track-last-order, .page #main-container .track-last-order { width: 100%; background-color: black; color: white; cursor: pointer; } .page-heading #main-container .track-last-order .led, .page #main-container .track-last-order .led { width: 8px; height: 8px; border-radius: 50%; animation: led_anim 1s infinite; margin-right: 16px; } .page-heading #main-container .track-last-order .led.active, .page #main-container .track-last-order .led.active { background-color: #fff !important; background-color: #fff; } @keyframes led_anim { 0% { background-color: transparent; } 49% { background-color: transparent; } 50% { background-color: #fff; } 99% { background-color: #fff; } 100% { background-color: transparent; } } body:not(.admin) > .card-form, body:not(.admin) > #main-container > .card-form { max-width: 770px; padding: 0 1rem; } @media (max-width: 767.98px) { body:not(.admin) > .card-form, body:not(.admin) > #main-container > .card-form { /* padding: 0; */ } .card-form .card { border: none; border-radius: 0; } #main-container { padding-top: 0 !important; } } .card-form { margin: 0 auto; } .card-form .notifications { margin-top: 4rem !important; display: block !important; } .card-form .notifications .register-options-title { font-size: 0.7rem; color: #000000; font-family: "montserratbold"; text-transform: uppercase; margin-bottom: 0.3rem; } .card-form .invoices { margin-top: 4rem; } .card-form .no-select { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ -khtml-user-select: none; /* Konqueror HTML */ -moz-user-select: none; /* Old versions of Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */ pointer-events: none; } .card-form.thanks-block { margin-top: 40px; } .card-form.thanks-block .thanks-yellow { background-color: #ffbd1b; /* overflow: hidden; */ text-align: center; padding-top: 4rem; } .card-form.thanks-block .thanks-yellow h2 { font-family: "montserratlight"; color: #000; font-size: 2.125rem; letter-spacing: -0.0476rem; margin-bottom: 0.5rem; } .card-form.thanks-block .thanks-yellow p { font-family: "montserratlight"; color: #000; font-size: 1rem; letter-spacing: -0.0224rem; margin: 0 2rem 2rem 2rem; } .card-form.thanks-block .thanks-yellow img { max-width: 237px; margin-left: auto; margin-right: auto; } .card-form.thanks-block .go-challenge-block { background-color: #3821db; margin-top: 5px; position: relative; width: 100%; } .card-form.thanks-block .go-challenge-block .go-first { width: 285px; padding-top: 42px; padding-bottom: 42px; padding-left: 32px; padding-right: 32px; float: left; } .card-form.thanks-block .go-challenge-block .go-first .go-code { margin: 0 0 16px; font-family: 'montserratlight'; font-size: 32px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.25; letter-spacing: -1.92px; text-align: center; color: white; } .card-form.thanks-block .go-challenge-block .go-first .btn-gochallenge { width: 221px; height: 44px; padding: 10px 16px; background-color: #ffbd1b; font-family: 'montserratlight'; font-size: 16px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: -0.32px; text-align: center; color: #000; border: 0; } .card-form.thanks-block .go-challenge-block .go-second { max-width: 453px; padding-top: 32px; padding-bottom: 0px; margin-left: 286px; padding-right: 32px; padding-left: 32px; border-left: dashed 2px; border-color: #f1f2f3; } .card-form.thanks-block .go-challenge-block .go-second .green { color: #39ff39 !important; } .card-form.thanks-block .go-challenge-block .go-second .second-title { font-family: 'montserratlight'; font-size: 16px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.44; letter-spacing: -0.36px; color: white; } .card-form.thanks-block .go-challenge-block .go-second .second-title .time-icon { width: 21px; } .card-form.thanks-block .go-challenge-block .go-second .second-text { margin: 15px 32px 0 0; font-family: 'montserratlight'; font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: -0.32px; color: white; } .card-form.thanks-block .go-challenge-block .go-second .second-link { margin: 16px 7px 0px 0; padding: 0 0 32px 0; } .card-form.thanks-block .go-challenge-block .go-second .second-link a { font-family: 'montserratlight'; font-size: 16px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: -0.32px; color: white; text-decoration: underline; } .card-form.thanks-block .go-challenge-block .go-second .second-img { width: 113px; position: absolute; bottom: 0; right: 0; } .card-form.thanks-block .thanks-content { background-color: #ffffff; padding: 4rem 1rem 4rem 1rem; border-bottom: 1px solid #ffbd1b; margin-top: 5px; } .card-form.thanks-block .thanks-content h3 { font-family: "montserratlight"; color: #6a7380; font-size: 1.25rem; letter-spacing: -0.028rem; margin-bottom: 1.5rem; margin-top: 0; max-width: 560px; margin-left: auto; margin-right: auto; } .card-form.thanks-block .thanks-content p { font-family: "montserratlight"; color: #000000; font-size: 0.875rem; letter-spacing: -0.0196rem; } .card-form.thanks-block .thanks-content ol { padding-left: 1rem; max-width: 560px; margin-left: auto; margin-right: auto; } .card-form.thanks-block .thanks-content ol li { font-family: "montserratlight"; color: #000000; font-size: 0.875rem; letter-spacing: -0.0196rem; } .card-form.thanks-block .thanks-content .thanks-social { margin-top: 3rem; text-align: center; } .card-form.thanks-block .thanks-content .thanks-social p { margin-bottom: 1.2rem; } .card-form.thanks-block.thanks-credits .thanks-content { padding: 4rem 1rem 0 1rem; } .card-form.thanks-block.thanks-credits .thanks-content .thanks-social { text-align: left; margin: 0px 90px 0px 90px; } .card-form.thanks-block.thanks-credits .thanks-content .thanks-social a { font-family: "montserratbold"; } .card-form.thanks-block.thanks-credits .thanks-content .thanks-social h6 { text-align: center; margin-bottom: 26px; margin-top: 60px; } .card-form.thanks-block.thanks-credits .thanks-content .thanks-social .btn { width: 129px; padding-top: 12px; padding-bottom: 12px; margin-bottom: 50px; width: fit-content; color: #000; border-radius: 3px; background: #ffbd1b; border: none; font-family: "montserratregular"; font-size: 14px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: -0.6px; text-align: center; float: none; } .card-form.thanks-block.thanks-credits .thanks-content .thanks-social p.button { text-align: center; } .card-form.subscribe-success { margin-top: 40px; } .card-form.subscribe-success .card-block { padding: 2rem 1rem 4rem 1rem; } .card-form.subscribe-success .card-block .subscribe-text { font-size: 18px; line-height: 1.44; letter-spacing: -0.4px; color: #000000; text-align: center; font-family: "montserratregular"; } .card-form.subscribe-success .card-block .btn.btn-secondary, .card-form.subscribe-success .card-block .drivers-page .drivers-buttons-filter .organizations-list.organizations-list-title .btn.btn-driver-mark-departed, .drivers-page .drivers-buttons-filter .organizations-list.organizations-list-title .card-form.subscribe-success .card-block .btn.btn-driver-mark-departed, .card-form.subscribe-success .card-block .drivers-page .drivers-buttons-filter .organization-title .btn.btn-driver-send-email, .drivers-page .drivers-buttons-filter .organization-title .card-form.subscribe-success .card-block .btn.btn-driver-send-email { width: 148px; padding: 10px 0px; border-radius: 3px; background-color: #ffbd1b; font-size: 14px; letter-spacing: -0.6px; text-align: center; color: #000; font-family: "montserratregular"; display: block; margin: auto; float: none; } .card-form.subscribe-success .card-block .subscribe-image { text-align: center; } .card-form.subscribe-success .card-block .subscribe-image img { width: 100%; max-width: 600px; } .card-form .card-message { padding: 0; } .card-form .card-message .col-sm-9 { min-height: 4rem; } .card-form .card-message .nav { justify-content: center; } .card-form .card-icon { color: #ffbd1b; float: left; font-size: 4rem; margin-right: 1rem; margin-top: -1rem; } .card-form .card-icon.card-danger { background: none; border: 0; color: #d9534f; } .card-form .card-text { float: left; margin-right: 2rem; } .card-form .btn-see-complete-order { width: 100%; display: flex; justify-content: center; } .card-form .card-title, .card-form .card-title-alt { font-family: "montserratbold"; } .card-form .card-title-alt { margin-bottom: 0; } .card-form .card-subtitle, .card-form .card-subtitle-alt { font-size: 1.25rem; font-family: "montserratlight"; margin-top: 2rem; } .card-form .card-page .card-title { padding-left: 0.75rem; } .card-form .card-page .form-header { margin-bottom: 0.5rem; padding: 25px; } .card-form .card-page .form-header > .card-title { margin-bottom: 0; padding-left: 0; } .card-form .card-page .totals-meals { margin-bottom: 0.5rem; margin-left: 0; padding-left: 1.5rem; padding-right: 1.5rem; margin-right: 0; } .card-form .card-page .totals-meals > div { padding-right: 0; padding-left: 0; } .card-form .card-page .totals-meals > div .dish-icon { width: 28px; height: 28px; display: inline-block; } .card-form .card-page .totals-meals > div .dish-icon.cookie { width: 15px; height: 15px; margin-right: 9px; margin-left: 4px; } .card-form .card-page .card-block { padding: 1.25rem 0 0 0; } .card-form .card-page .form-group { margin-top: 0.25rem; margin-bottom: 0.25rem; } .card-form .card-page .form-group .row > .col-2 { align-self: flex-start; } .card-form .order-card .card-block .form-title { margin-bottom: 20px; } .card-form .order-card .card-block .form-group .cards-list-small { text-align: right; } .card-form .organization .form-control { border-color: #ffffff; } .legend-resume { display: flex; flex-direction: column; } .legend-resume .legend { display: flex; flex-direction: row; align-items: center; } .legend-resume .legend span { font-size: small; } .legend-resume .bar-green { display: block; width: 20px; height: 2px; margin-right: 8px; background-color: #090; } .legend-resume .bar-red { display: block; width: 20px; height: 2px; margin-right: 8px; background-color: #E72F2F; } .legend-resume .bar-blue { display: block; width: 20px; height: 2px; margin-right: 8px; background-color: #1A36E6; } .legend-resume::before { content: ''; margin-top: 8px; display: block; width: 100%; height: 1px; background-color: rgba(128, 128, 128, 0.615); } body:not(.admin) .card-form .card-title, body:not(.admin) .card-form .card-title-alt { margin-bottom: 2rem; } @media (max-width: 743px) { .order-card .card-block .btn-danger { margin-top: 23px; } } @media (min-width: 768px) { .card-form.card-page { padding: 15px; } .card-form.card-page .card-title { padding-left: 0; } .card-form.card-page .card-block { padding: 0; } .card-form .menu-footer > .card-block { padding: 0; } } @media (max-width: 575px) { .container .candidacy { height: auto; margin-bottom: 1.1rem; margin-top: 0 !important; width: 90% !important; display: none; } .container .candidacy-mb { height: 100% !important; margin-bottom: 1.25rem !important; width: 100% !important; display: inline !important; } .container .terms-conditions-links { margin-top: 0rem !important; } } @media (min-width: 544px) { body:not(.admin) .card-form .btn:not(.btn-primary-alt):not(.btn-auto) { float: right; } .btn-see-complete-order { width: fit-content !important; display: flex !important; margin: 0 auto; } } @media (max-width: 544px) { .card-form .order-card .card-block .form-group .cards-list-small { margin-top: 23px; text-align: left; } } .input-wrapper { height: 2rem; border: 2px solid #ccc; padding: 0 0.5rem; -webkit-transition: border-color 160ms; transition: border-color 160ms; min-height: 43px; } .input-wrapper.braintree-hosted-fields-focused { border-color: #9B9B9B; } .input-wrapper > input { width: 100%; height: 100%; margin: 0; font-size: 1.2rem; border: none; background-color: transparent; } .input-wrapper > input:focus { outline: 0; outline-offset: 0px; } .braintree-hosted-fields-invalid { border-color: tomato; } .card-footer-text { text-align: center; } .card-footer-text a { color: #7F7F7F; text-decoration: underline !important; } .card-footer-text a:hover { color: #666666; } .jumbotron { background-image: url("/img/bg-photo.jpg"); background-size: cover; color: #ffffff; border-radius: 0; padding: 0; overflow: hidden; } .jumbotron.jumbotron-mini { height: 54px; } .jumbotron .jumbotron-arrow { width: 100%; text-align: center; color: #ffffff; } .jumbotron .jumbotron-arrow:after { content: ""; display: block; width: 100%; height: 0; border-top: 10vw solid transparent; border-right: 50vw solid #ffffff; border-bottom: 10px solid #ffffff; border-left: 50vw solid #ffffff; } .jumbotron .jumbotron-inner .jumbotron-text { margin-top: 168px; } .jumbotron .btn { border-radius: 2em; background-color: #4d2209; border-color: #4d2209; color: #ffbd1b; } @media (min-width: 1024px) { .jumbotron-inner { min-height: 200px; } .jumbotron-inner .jumbotron-text { position: absolute; right: 0; min-height: 100px; left: 0; } } .header-navbar a.nav-avatar { padding: 0; } .header-navbar a.nav-avatar img { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; display: inline-block; height: 36px; width: 36px; border: 1px solid rgba(0, 0, 0, 0.2); } .bd-footer { border-top: 1px solid #f0f1f2; font-size: 85%; margin-top: 4rem; padding: 2rem 0; background-color: #ffffff; } .bd-footer a { color: #4d2209; } .bd-footer a:hover { opacity: 0.5; } .bd-footer .terms-conditions-links { margin-top: 34px; } .bd-footer .terms-conditions-links .terms-conditions { color: #6a7380; margin-right: 8px; padding-right: 8px; border-right: 1px solid #bec4cc; font-family: "montserratregular"; } .bd-footer .terms-conditions-links .terms-conditions:last-child { margin-right: 0; padding-right: 0; border-right: none; } .bd-footer .mobile-terms-margin { margin-top: 0px !important; } .bd-footer .container { text-align: center; } .bd-footer .container .mixpanel { opacity: 0; } .bd-footer .container .copyright { margin-bottom: 0; font-size: 0.75rem; } .bd-footer .container .copyright .copyright-icon { margin-bottom: 1rem; } .bd-footer .container .copyright .copyright-icon i { font-size: 28px; color: #ffbd1b; padding-right: 0.4rem; } .bd-footer .container .copyright .copyright-text { margin-bottom: 1rem; } .bd-footer .container .copyright .copyright-text p { margin-bottom: 0; color: #b3b3b3; line-height: 1rem; } .bd-footer .container .copyright .copyright-text p:first-child { color: #000000; font-family: "montserratbold"; } .bd-footer .container .copyright .copyright-text strong { color: #000 !important; } .bd-footer .container .copyright .copyright-text strong a { color: #000 !important; } .bd-footer .container .candidacy { width: 100%; margin-top: 1.1rem; } .bd-footer .container .candidacy-mb { display: none; } .bd-footer .container .social { margin-bottom: 1rem; justify-content: center; } .bd-footer .container .nav-inline .nav-item + .nav-item, .bd-footer .container .nav-inline .nav-link + .nav-link { margin-left: 0; } .page-heading .bd-footer { margin-bottom: 70px; } .page .bd-footer { margin-bottom: 49px; } .center { text-align: center; } .social .nav-item + .nav-item { margin-left: 0; } .social a { width: 28px; height: 28px; border-radius: 100%; display: block; text-align: center; font-size: 18px; line-height: 31px; /* i { font-size: 28px; } */ } .social a:hover, .social a:focus { text-decoration: none; } .menu .col-navbar-left .open-menu-title { opacity: 0.89; font-family: "montserratlight" !important; font-size: 11px !important; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.73 !important; letter-spacing: -0.22px; color: #6a7381 !important; text-transform: uppercase; width: 100%; } .menu .col-navbar-left .open { background-color: rgba(252, 252, 252, 0.97); } .menu .col-navbar-left .open-menu-day { opacity: 0.89; font-family: "montserratlight" !important; font-size: 14px !important; font-weight: 600 !important; font-stretch: normal; font-style: normal; line-height: 1.67 !important; letter-spacing: -0.24px !important; color: black; } .menu .col-navbar-left .open-menu-full-days { float: right; border: 0 !important; max-width: 137px; min-width: 137px; } .menu .col-navbar-left .morada-descr { width: 71px; opacity: 0.89; font-family: "montserratlight"; font-size: 11px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.73; letter-spacing: -0.22px; color: #6a7381; padding: 0; } .menu .col-navbar-left .open-menu-day::after { color: black; font-size: 12px !important; position: absolute; right: 18px !important; padding-top: 0px !important; top: 39px !important; font-weight: 100 !important; } .menu .col-navbar-left .collapsed .open-menu-day::after { color: #bfc4c9; } .menu .col-navbar-left .open .morada-descr::after { color: black; } .menu .col-navbar-left .morada-descr::after { content: "\f126"; font-family: "Ionicons"; color: #bfc4c9; font-size: 12px; position: absolute; right: -21px; padding-top: 0px; float: left; line-height: 19px; } .menu .col-navbar-left .closed .morada-descr::after { content: "\f123"; } @media (max-width: 991.98px) { .menu .menu-delivery-mini { padding: 0px 14px; width: 100%; } .menu .menu-delivery-mini .day-month { float: right; font-family: "montserratlight"; font-size: 11px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.73; letter-spacing: -0.22px; text-align: right; color: #6a7381; } .menu .menu-delivery-mini .form-check.disabled .form-check-label, .menu .menu-delivery-mini .form-check-weekdays.disabled .form-check-label { color: #6a7381; } .menu .menu-delivery-mini .form-check.disabled .form-check-label .day-month, .menu .menu-delivery-mini .form-check-weekdays.disabled .form-check-label .day-month { color: #b9c2ce; } .menu .menu-delivery-mini .form-check .checked, .menu .menu-delivery-mini .form-check-weekdays .checked { background: #f0f1f2; } .menu .menu-delivery-mini .form-check .form-check-label, .menu .menu-delivery-mini .form-check-weekdays .form-check-label { font-family: "montserratlight"; font-size: 14px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 2; letter-spacing: -0.28px; color: black; } .menu .open-menu-full-days { float: left; text-align: left; padding-left: 17px; } .menu .open-menu-full-days { float: left; margin-left: 0; box-shadow: none; } .menu .header-navbar .col-brand { float: left !important; top: 0 !important; position: absolute; right: auto; width: auto; } .menu .header-navbar .col-navbar-left { float: left; margin-left: 10%; } .menu .header-navbar .col-navbar-left .open-menu-day::after { right: 34px !important; position: absolute !important; top: 17px !important; } .menu .col-navbar-left .open-menu-full-days, .menu .col-navbar-left .open-menu-full-days:hover, .menu .col-navbar-left .open-menu-full-days:active { background-color: white; } .menu .open { background-color: white !important; } .bd-footer .braintree-cards-branding .braintree-branding { margin-bottom: 1.25rem; } } @media (max-width: 767.98px) { .menu { /* .open-menu-day { padding-left: 22px; } */ } .menu .col-brand { z-index: 10; position: relative !important; } .menu .open-menu-full-days { float: left !important; margin: 0 !important; } .menu .col-navbar-left { width: 100% !important; float: left; margin: 0 !important; } .menu .header-navbar .col-navbar-left { width: 100%; } .menu .open-menu-day::after { color: black; font-size: 12px !important; position: unset !important; right: 0px !important; padding-top: 0px !important; top: 2px !important; font-weight: 100 !important; } .menu .open-menu-day:active, .menu .open-menu-day:hover { background-color: white !important; } .menu .open-menu-full-days, .menu .open-menu-full-days:hover, .menu .open-menu-full-days:active { background-color: white !important; } .menu .col-avatar { width: 30% !important; z-index: 10; } .menu .menu-days, .menu .menu-delivery { position: fixed !important; bottom: 0px !important; } .open-menu-full-days { float: none; box-shadow: none; z-index: 1; max-width: 100% !important; margin-left: 0 !important; } .morada-descr::after { padding-top: 0px !important; right: 20px !important; float: right !important; top: -5px !important; } .menu.notAvailableMenu .card-form { margin-top: 0px !important; } .open { background-color: white !important; } } @media (max-width: 575.98px) { .menu .open-mobile { float: right; margin-top: 0.5rem; top: 0; position: absolute; z-index: 10; right: 0; margin: 0; padding: 0; } .drivers-page .drivers-buttons-filter .organizations-list-title .btn-driver-mark-departed { padding: 0.3rem 0.25rem !important; } } @media (min-width: 1024px) { .bd-footer { /* .terms-conditions { float: right; } */ } .bd-footer .container { text-align: left; } .bd-footer .container .copyright { float: left; margin-right: 2rem; } .bd-footer .container .copyright .copyright-icon { float: left; margin-bottom: 0; } .bd-footer .container .copyright .copyright-text { float: left; margin-bottom: 0; } .bd-footer .container .social { justify-content: left; } .bd-footer .braintree-cards-branding { text-align: right; } .bd-footer .braintree-cards-branding .braintree-cards, .bd-footer .braintree-cards-branding .braintree-branding { text-align: right; display: inline-block; margin-left: 5px; vertical-align: middle; } .bd-footer .braintree-cards-branding .braintree-cards img:last-child, .bd-footer .braintree-cards-branding .braintree-branding img:last-child { margin-left: 5px; } .bd-footer .social { margin-bottom: 0; } } .section { margin-bottom: 54px; } .anchor { position: relative; top: -50px; display: block; text-indent: -9999em; } .btn-driver-call { display: flex; padding: 10px 20px; background-color: white; justify-content: space-between; align-items: center; color: black; border: 1px solid #000; margin-right: 8px; } .btn-driver-call > span { font-weight: 600 !important; } .btn-driver-call > img { width: 24px; height: 24px; margin-right: 10px; } .btn-driver-whatsapp { display: flex; padding: 10px 20px; background-color: #25D366; justify-content: space-between; align-items: center; color: white; } .btn-driver-whatsapp > span { font-weight: 600 !important; } .btn-driver-whatsapp :first-child { display: flex; margin-right: 10px; } .table { font-size: 0.9rem; } .table th { font-family: "montserratbold"; } .table td { font-family: "montserratlight"; } .table td strong { font-family: "montserratbold"; } .table td.cutlery-form .radio-cutlery { display: inline-block; } .table td.cutlery-form .btn.btn-secondary, .table td.cutlery-form .drivers-page .drivers-buttons-filter .organizations-list.organizations-list-title .btn.btn-driver-mark-departed, .drivers-page .drivers-buttons-filter .organizations-list.organizations-list-title .table td.cutlery-form .btn.btn-driver-mark-departed, .table td.cutlery-form .drivers-page .drivers-buttons-filter .organization-title .btn.btn-driver-send-email, .drivers-page .drivers-buttons-filter .organization-title .table td.cutlery-form .btn.btn-driver-send-email { width: initial; font-size: 1rem; padding: 0.3rem 0.9rem; font-family: "montserratregular"; } .table td.cutlery-form [type="radio"]:checked, .table td.cutlery-form [type="radio"]:not(:checked) { position: absolute; left: -9999px; } .table td.cutlery-form [type="radio"]:checked + label, .table td.cutlery-form [type="radio"]:not(:checked) + label { position: relative; padding-left: 22px; cursor: pointer; line-height: 18px; display: inline-block; color: #666; font-size: 0.9rem; margin-right: 2rem; } .table td.cutlery-form [type="radio"]:checked + label:before, .table td.cutlery-form [type="radio"]:not(:checked) + label:before { content: ""; position: absolute; left: 0; top: 0; width: 18px; height: 18px; border: 1px solid #ddd; border-radius: 100%; background: #fff; } .table td.cutlery-form [type="radio"]:checked + label:after, .table td.cutlery-form [type="radio"]:not(:checked) + label:after { content: ""; width: 12px; height: 12px; background: #ffbd1b; position: absolute; top: 3px; left: 3px; border-radius: 100%; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .table td.cutlery-form [type="radio"]:not(:checked) + label:after { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } .table td.cutlery-form [type="radio"]:checked + label:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .table i { font-size: 1rem; } .table i.ion-close-circled, .table i.ion-ios-locked { color: #900; } .table i.ion-checkmark-circled { color: #090; } .table i.ion-eye-disabled { color: gray; } .tabletolist .row_headers { font-family: "montserratbold"; } /* ------------------------------------- drivers */ .drivers-page .info-driver { text-align: center; width: 100%; background-color: #ffbd1b; padding: 5px 0px; font-weight: 700; margin: 0px; } .drivers-page .info-driver label { margin: 0; } .drivers-page .drivers-block { padding-top: 0 !important; } .drivers-page .drivers-filter-company { min-height: 60px; width: 100%; display: block; background-color: #fdc000; position: fixed; z-index: 9; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5); } .drivers-page .drivers-filter-company a.open-filter { color: #ffffff; font-family: "montserratlight"; font-size: 1.25rem; letter-spacing: -0.028rem; line-height: 3.8rem; text-align: center; display: block; } .drivers-page .drivers-filter-company a.open-filter i { margin-left: 10px; } .drivers-page .drivers-filter-company .drivers-company-block { background-color: #ffffff; } .drivers-page .drivers-filter-company .drivers-company-block ul { list-style: none; margin: 0; padding: 1rem 0 1rem 0; /* max-height: 300px; */ height: calc(100vh - 7.7rem); overflow-y: auto; width: 100%; } .drivers-page .drivers-filter-company .drivers-company-block ul li { width: 100%; text-align: center; /* padding-top: 0.5rem; padding-bottom: 0.5rem; */ } .drivers-page .drivers-filter-company .drivers-company-block ul li:hover, .drivers-page .drivers-filter-company .drivers-company-block ul li.active { background-color: #fdc000; } .drivers-page .drivers-filter-company .drivers-company-block ul li a { color: #000000; font-family: "montserratlight"; font-size: 1.25rem; letter-spacing: -0.028rem; display: block; padding-top: 0.5rem; padding-bottom: 0.5rem; } .drivers-page .drivers-buttons-filter { counter-reset: organizations-list; } .drivers-page .drivers-buttons-filter .driver-stock { margin-left: 0; margin-right: 0; } .drivers-page .drivers-buttons-filter div { overflow: hidden; } .drivers-page .drivers-buttons-filter div .grey-dark, .drivers-page .drivers-buttons-filter div .grey-light { font-family: "montserratlight"; font-size: 1rem; letter-spacing: -0.0224rem; color: #565656; /* border-radius: 32px; */ /* display: inline-block; */ padding: 1rem 0.8rem 0.8rem 0.8rem; width: 50%; text-align: center; background-color: #e6e6e6; border-bottom: 5px solid #e6e6e6; float: left; } .drivers-page .drivers-buttons-filter div .grey-dark { border-bottom: 5px solid #e6e6e6; } .drivers-page .drivers-buttons-filter div .grey-dark:hover { border-bottom-color: #6b6b6b; } .drivers-page .drivers-buttons-filter div .grey-light { border-bottom-color: #6b6b6b; } .drivers-page .drivers-buttons-filter div .grey-light:hover { border-bottom-color: #6b6b6b; } .drivers-page .drivers-buttons-filter .drivers-total-orders, .drivers-page .drivers-buttons-filter .drivers-total-pending-orders { color: #000000; font-family: "montserratlight"; font-size: 1.0625rem; letter-spacing: -0.0238rem; padding-top: 1rem; display: block; } .drivers-page .drivers-buttons-filter .drivers-total-orders strong, .drivers-page .drivers-buttons-filter .drivers-total-pending-orders strong { font-family: "montserratbold"; } .drivers-page .drivers-buttons-filter .organization-title { margin-right: 0; margin-left: 0; margin-top: 1rem; padding-top: 1rem; padding-bottom: 1rem; padding-left: 5px; padding-right: 5px; background-color: #000000; color: #ffffff; font-family: "montserratbold"; } .drivers-page .drivers-buttons-filter .organization-title h3 { color: #ffbd1b; text-align: center; font-size: 1rem; margin-bottom: 1rem; } .drivers-page .drivers-buttons-filter .organization-title p { margin-bottom: 0; color: #ffbd1b; } .drivers-page .drivers-buttons-filter .drivers-total-stock { margin-top: 1rem; margin-bottom: 0; padding: 0.5rem; } .drivers-page .drivers-buttons-filter .drivers-total-stock.route-closed { background-color: #d0ffcc; border-bottom: 1px solid #ffbd1b; } .drivers-page .drivers-buttons-filter .drivers-total-stock.route-open { background-color: #e54040; border-bottom: 1px solid #000000; } .drivers-page .drivers-buttons-filter .drivers-total-stock p.route-closed-notice { text-align: center; color: #000000; } .drivers-page .drivers-buttons-filter .drivers-total-stock div { margin-bottom: 0; align-items: center; } .drivers-page .drivers-buttons-filter .drivers-total-stock div h3 { text-align: center; font-size: 1rem; } .drivers-page .drivers-buttons-filter .drivers-total-stock div .meal-name, .drivers-page .drivers-buttons-filter .drivers-total-stock div .cutlery-name { font-family: "montserratregular"; font-size: 0.75rem; } .drivers-page .drivers-buttons-filter .drivers-total-stock div .meal-name strong, .drivers-page .drivers-buttons-filter .drivers-total-stock div .cutlery-name strong { font-family: "montserratbold"; } .drivers-page .drivers-buttons-filter .drivers-total-stock div .icon img { width: 28px; } .drivers-page .drivers-buttons-filter .drivers-total-stock div .icon img.cutlery { width: 32px; margin-left: -6px; } .drivers-page .drivers-buttons-filter .organizations-list { margin-left: 0; margin-right: 0; } .drivers-page .drivers-buttons-filter .organizations-list a { display: block; padding-top: 1rem; font-size: 1rem; } .drivers-page .drivers-buttons-filter .organizations-list a::before { width: 20px; display: inline-block; counter-increment: organizations-list; content: counter(organizations-list) "."; } .drivers-page .drivers-buttons-filter .organizations-list small { display: block; margin-bottom: 0.5rem; } .drivers-page .drivers-buttons-filter .organizations-list small::before { content: "\203A"; width: 20px; display: inline-block; font-family: "montserratbold"; font-size: 1rem; } .drivers-page .drivers-buttons-filter .organizations-list.organizations-list-title { text-align: left; margin-top: 1rem; margin-bottom: 1rem; background: white !important; margin-left: 0; margin-right: 0; align-items: center; } .drivers-page .drivers-buttons-filter .organizations-list.organizations-list-title h5 { margin-bottom: 0; } .drivers-page .drivers-buttons-filter .organizations-list.organizations-list-title .btn-driver-mark-departed { font-size: 1.125rem; letter-spacing: -0.0252rem; font-family: "montserratregular"; color: #000000; float: right; border-radius: 0; padding: 0.3rem 1rem; } .drivers-page .drivers-buttons-filter .organizations-list:nth-child(even) { background: #f0f1f2; } .drivers-page .drivers-buttons-filter .organizations-list:last-child { margin-bottom: 3rem; } .drivers-page .drivers-buttons-filter .organization-title .btn-driver-send-email { font-size: 1rem; letter-spacing: -0.0224rem; font-family: "montserratregular"; color: #000000; border-radius: 0; padding: 1rem; float: none; width: 100%; margin-top: 1rem; } .drivers-page .drivers-buttons-filter .organization-title .btn-driver-send-email.success { background-color: #5cb85c !important; border-color: #5cb85c !important; } .drivers-page .drivers-buttons-filter .organization-title .btn-driver-send-email.danger { background-color: #d9534f !important; border-color: #d9534f !important; } .drivers-page .alert-modals { display: none; position: fixed; z-index: 10000; width: 100%; } .drivers-page .alert-modals #alertOffline, .drivers-page .alert-modals #alertOnline { height: 110px; } .drivers-page .drivers-next-back { text-align: center; } .drivers-page .drivers-next-back .row { margin-left: 0; margin-right: 0; } .drivers-page .drivers-next-back .row .driver-next-back-button { padding: 0; } .drivers-page .drivers-next-back button { border: 0; } .drivers-page .drivers-next-back button.disabled { background-color: #f0f1f2; } .drivers-page .drivers-next-back .col-4:nth-of-type(1) { padding-right: 0 !important; } .drivers-page .drivers-next-back .col-4:nth-of-type(2) { padding-left: 4px !important; padding-right: 4px !important; } .drivers-page .drivers-next-back .col-4:nth-of-type(3) { padding-left: 0 !important; } .drivers-page .drivers-next-back .open-navigation-buttons { line-height: 0; font-size: 1rem; margin-bottom: 1rem; } .drivers-page .drivers-next-back .drivers-back, .drivers-page .drivers-next-back .drivers-next, .drivers-page .drivers-next-back .drivers-next-delivery, .drivers-page .drivers-next-back .drivers-delivered, .drivers-page .drivers-next-back .drivers-all-companies, .drivers-page .drivers-next-back .open-navigation-buttons { font-family: "montserratregular"; font-size: 1rem; letter-spacing: -0.0224rem; color: #ffffff; display: inline-block; padding: 1rem 0 1rem 0; text-align: center; border-radius: 0; } .drivers-page .drivers-next-back .drivers-back { background-color: #ffbd1b; } .drivers-page .drivers-next-back .drivers-back:hover { background-color: #BFBFBF; color: #000000; } .drivers-page .drivers-next-back .drivers-next { background-color: #ffbd1b; } .drivers-page .drivers-next-back .drivers-next:hover { background-color: #BFBFBF; color: #000000; } .drivers-page .drivers-next-back .drivers-delivered { background-color: #5cb85c; width: 100%; } .drivers-page .drivers-next-back .drivers-delivered:hover { background-color: #BFBFBF; color: #000000; } .drivers-page .drivers-next-back .drivers-all-companies { background-color: #808080; } .drivers-page .drivers-next-back .drivers-all-companies:hover { background-color: #BFBFBF; color: #000000; } .drivers-page .drivers-next-back .drivers-next-delivery { background-color: #000000; color: #ffbd1b; margin-top: 1rem; width: 100%; } .drivers-page .drivers-next-back .drivers-next-delivery:hover { background-color: #ffbd1b; color: #000; } .drivers-page .drivers-all-deliveries .drivers-list .organization-title { margin-top: 1rem; padding-top: 1rem; padding-bottom: 1rem; background-color: #000000; color: #ffffff; font-family: "montserratbold"; } .drivers-page .drivers-all-deliveries .drivers-list .organization-title h3 { color: #ffbd1b; text-align: center; font-size: 1rem; margin-bottom: 0; } .drivers-page .drivers-all-deliveries .drivers-list .drivers-all-deliveries-items:nth-child(even) .drivers-item { background-color: #BFBFBF !important; } @media (max-width: 767.98px) { .fix-drivers-body { margin-top: 60px; } .drivers-page .card-form.card-page { margin-top: 0; } .drivers-page .drivers-filter-company { position: relative; } .drivers-page .drivers-filter-company.fix-drivers { position: fixed; top: 0; } } .drivers-list .organization-title { margin-top: 1rem; padding-top: 1rem; padding-bottom: 1rem; background-color: #000000; color: #ffffff; font-family: "montserratbold"; } .drivers-list .organization-title h3 { color: #ffbd1b; text-align: center; font-size: 1rem; margin-bottom: 0; } .drivers-list .drivers-item { background-color: #f9f9f9; padding: 25px; margin-bottom: 13px; font-family: "montserratregular"; overflow: hidden; position: relative; border-bottom: 1px solid #ffbd1b; } .drivers-list .drivers-item:nth-child(even) { background-color: #f0f1f2; } .drivers-list .drivers-item .col-dish { width: 80%; float: left; } .drivers-list .drivers-item .col-dish .drivers-dish .item-dish { margin-bottom: 1rem; align-items: center; } .drivers-list .drivers-item .col-dish .drivers-dish .item-dish .dish-icon img { width: 28px; } .drivers-list .drivers-item .col-dish .drivers-dish .item-dish .dish-icon img.cutlery { width: 32px; margin-left: -6px; } .drivers-list .drivers-item .col-dish .drivers-dish .item-dish .dish-detail { font-family: "montserratlight"; font-size: 0.85rem; } .drivers-list .drivers-item .col-dish .drivers-dish .item-dish .dish-detail .dish-quantity { font-family: "montserratbold"; } .drivers-list .drivers-item .col-dish .drivers-dish .item-dish .dish-detail.cutlery { font-family: "montserratbold"; } .drivers-list .drivers-item .col-dish .drivers-dish .item-dish .dish-detail .discount-applied { font-family: "montserratregular"; } .drivers-list .drivers-item #cook-selector select.filled { background: lightgreen; } .drivers-list .drivers-item #cook-selector .item-dish { margin-top: 1rem; align-items: center; } .drivers-list .drivers-item #cook-selector .item-dish .dish-icon img { width: 28px; } .drivers-list .drivers-item #cook-selector .item-dish .dish-icon img.cutlery { width: 32px; margin-left: -6px; } .drivers-list .drivers-item #cook-selector .item-dish .dish-detail { font-family: "montserratlight"; } .drivers-list .drivers-item #cook-selector .item-dish .dish-detail .dish-quantity { font-family: "montserratbold"; font-size: 0.85rem; } .drivers-list .drivers-item #cook-selector .item-dish .dish-detail.cutlery { font-family: "montserratbold"; } .drivers-list .drivers-item #cook-selector .item-dish .dish-detail .dish-name { font-size: 0.85rem; } .drivers-list .drivers-item .col-checkbox { width: 20%; float: right; text-align: right; } .drivers-list .drivers-item .drivers-user { margin-bottom: 17px; width: 90%; } .drivers-list .drivers-item .drivers-user .title { display: inline-block; font-size: 1.375rem; letter-spacing: -0.0308rem; color: #000000; margin: 0 20px 0 0; } .drivers-list .drivers-item .drivers-user .title:hover { text-decoration: underline; } .drivers-list .drivers-item .drivers-user .hours { display: inline-block; font-size: 0.9375rem; letter-spacing: -0.021rem; color: #7c7c7c; margin: 0 10px 0 0; } .drivers-list .drivers-item .drivers-user .company { display: inline-block; font-size: 0.9375rem; letter-spacing: -0.021rem; color: #000000; margin: 0 10px 0 0; } .drivers-list .drivers-item .drivers-user .new-company { display: inline-block; font-size: 0.9375rem; letter-spacing: -0.021rem; font-family: "montserratbold"; color: #ffbd1b; margin: 0 10px 0 0; } .drivers-list .drivers-item .drivers-user .employee { font-size: 0.75rem; } .drivers-list .drivers-item .drivers-user .employee span { color: #7F7F7F; } .drivers-list .drivers-item ul { list-style: none; padding: 0; margin: 0; } .drivers-list .drivers-item ul li { margin-bottom: 7px; overflow: hidden; } .drivers-list .drivers-item ul li i { font-size: 2.6rem; line-height: 1.5rem; color: #4a4a4a; min-width: 42px; min-height: 1px; float: left; } .drivers-list .drivers-item ul li .dish-detail { float: left; } .drivers-list .drivers-item ul li .dish-detail span { font-size: 0.8125rem; letter-spacing: -0.0182rem; color: #000000; } .drivers-list .drivers-item .drivers-cutlery { margin-left: 45px; font-family: "montserratlight"; font-size: 0.8125rem; letter-spacing: -0.0182rem; color: #000000; } .drivers-list .drivers-item .delivered { color: #c7c7c7; font-size: 0.8125rem; letter-spacing: -0.0182rem; font-family: "montserratregular"; margin-bottom: 7px; } .drivers-list .drivers-item.danger { background-color: #f2dede; color: #a94442 !important; } .drivers-list .drivers-item.danger .drivers-user > * { color: #a94442 !important; } .drivers-list .drivers-item .checkbox.checkbox-disabled span.cr { border: solid 2px #9B9B9B; } .drivers-list .drivers-item .checkbox span.cr { width: 61px; height: 61px; border-radius: 5px; border: solid 2px #393939; } .drivers-list .drivers-item .checkbox span.cr .cr-icon { left: 14%; font-size: 3rem; line-height: 3.8rem; } .drivers-list .drivers-item.order-new-company { border-right: 30px solid #ffbd1b; } .drivers-list .drivers-item.selected { background-color: #5cb85c; } .drivers-list .drivers-item.selected .drivers-user .title { color: #ffffff; } .drivers-list .drivers-item.selected .drivers-user .hours, .drivers-list .drivers-item.selected .drivers-user .company { color: #cdcdcd; } .drivers-list .drivers-item.selected ul li i { color: #747474; } .drivers-list .drivers-item.selected ul li .dish-detail span { color: #ffffff; } .drivers-list .drivers-item.selected .delivered { display: none; } .drivers-list .drivers-item.selected .drivers-cutlery { color: #ffffff; } .drivers-list .drivers-item.selected .checkbox { margin-top: 26px; } .drivers-list .drivers-item.selected .checkbox span.cr { border-color: #ffffff; } .drivers-list .drivers-item.selected .checkbox span.cr .cr-icon { color: #ffffff; } @media (max-width: 800px) { .drivers-list .drivers-item ul li .dish-detail { max-width: 80%; } } @media (max-width: 767.98px) { .drivers-list .drivers-item { padding: 0.8rem 1.25rem; } .drivers-list .drivers-item .col-dish { width: 100%; float: left; } .drivers-list .drivers-item .col-checkbox { position: absolute; right: 25px; top: 25px; } .drivers-list .drivers-item .drivers-user .title { /* float: left; */ font-size: 1.125rem; letter-spacing: -0.0252rem; display: block; } .drivers-list .drivers-item .drivers-user .hours { /* float: none; */ font-size: 0.75rem; letter-spacing: -0.0168rem; } .drivers-list .drivers-item .drivers-user .company { /* float: left; */ font-size: 0.75rem; letter-spacing: -0.0168rem; } .drivers-list .drivers-item ul li .dish-detail { max-width: 80%; } .drivers-list .drivers-item ul li .dish-detail span { font-size: 0.75rem; letter-spacing: -0.0168rem; } .drivers-list .drivers-item .delivered { display: none; } .drivers-list .drivers-item .checkbox span.cr { width: 26px; height: 26px; } .drivers-list .drivers-item .checkbox span.cr .cr-icon { /* left: 14%; */ font-size: 1.2rem; line-height: 1.5rem; } .drivers-list .drivers-item.selected .checkbox { margin-top: 0; } .card-form.thanks-block { padding: 0 !important; margin-top: 0 !important; } .card-form.thanks-block .thanks-yellow { padding-left: 1rem; padding-right: 1rem; } } /* #loading { width: 100%; height: 100%; top: 0px; left: 0px; position: fixed; display: block; opacity: 0.7; background-color: #fff; z-index: 99; text-align: center; } #loading-image { position: absolute; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%); z-index: 100; } */ .history-summary { background: #f9f9f9; } .history-summary .summary-content { max-width: 710px; margin: 0 auto; padding: 20px 20px 20px 20px; } .history-summary .summary-content .values { margin: 0 0 10px 0; padding: 0 0 5px 0; border-bottom: 1px solid #f2f3f5; } .history-summary .summary-content .values span { margin: 0 15px 0 0; display: inline-block; text-transform: uppercase; } .history-summary .summary-content .values span b { display: block; font-size: 1.5em; color: #000; } .history-summary .summary-content .values span.debt b { color: #f05322; } .history-summary .summary-content .values button { margin: 10px 0 0 0; padding: 7px 7px 6px 7px; float: right; font-size: 12px; line-height: 15px; color: #fff; cursor: pointer; outline-style: none; border: none; border-radius: 3px; background: #f05322; } .history-summary .summary-content p { margin: 0; padding: 0; font-size: 11px; color: #94a1b3; } .history-table { max-width: 740px; margin: 0 auto; } .history-table .history-title { padding: 35px 35px 15px 35px; font-size: 14px; font-family: "montserratbold"; color: #000; text-transform: uppercase; } .history-table .history-content { padding: 35px 35px 60px 35px; font-size: 12px; box-shadow: inset 0 -1px 0 0 #ffbd1b; background: #fff; } .history-table .history-content ul:before, .history-table .history-content ul:after { content: ""; display: table; } .history-table .history-content ul:after { clear: both; } .history-table .history-content ul { margin: 0; padding: 0; list-style: none; } .history-table .history-content ul li:before, .history-table .history-content ul li:after { content: ""; display: table; } .history-table .history-content ul li:after { clear: both; } .history-table .history-content ul li { width: 18%; display: inline-block; text-align: right; vertical-align: middle; } .history-table .history-content ul li:first-child { font-size: 16px; text-align: left; } .history-table .history-content ul li:last-child { width: 10%; } .history-table .history-content ul li span b { font-size: 12px; color: #94a1b3; } .history-table .history-content ul li span.status { text-transform: uppercase; } .history-table .history-content ul li a { width: 38px; height: 38px; text-indent: 99999px; display: inline-block; overflow: hidden; background: url("/icons/btn-invoice.svg") no-repeat center center; } .history-table .history-content .table-header { padding: 0 0 20px 0; color: #94a1b3; } .history-table .history-content .table-header li { width: 18%; font-size: inherit !important; text-transform: uppercase; } .history-table .history-content .table-header li:last-child { width: 18%; } .history-table .history-content .table-content { padding: 10px 0 10px 0; border-bottom: 1px solid #f2f3f5; } .history-table .history-content .table-content li b { display: block; font-family: inherit; font-weight: normal; } .history-table .history-content .table-content li .paid { color: #7ed321; } .history-table .history-content .table-content li .notpaid { color: #f05322; } .history-table .history-content .history-blank { padding: 0.75rem; font-size: 14px; background: #f2f2f2; } .imgToSVG { vertical-align: middle !important; } .imgToSVG * [fill='#000'] { fill: #000; } .imgToSVG * [stroke='#000'] { stroke: #000; } .imgToSVG * [fill='#FFC806'], .imgToSVG [fill='#FFCF29'], .imgToSVG [fill='#FFBD1B'], .imgToSVG [fill='#FFBE00'] { fill: #ffbd1b; } @media only screen and (max-width: 600px) { .history-table .history-content .table-header li { width: 25%; } .history-table .history-content .table-header li:last-child { width: 25%; } .history-table .history-content .table-header li:nth-child(3) { display: none; } .history-table .history-content .table-header li:nth-child(5) { display: none; } .history-table .history-content .table-content li { width: 25%; } .history-table .history-content .table-content li:last-child { width: 25%; } .history-table .history-content .table-content li:nth-child(3) { display: none; } .history-table .history-content .table-content li:nth-child(5) { display: none; } } @media (max-width: 699px) { .card-form.thanks-block .go-challenge-block { width: 100% !important; height: auto !important; } .card-form.thanks-block .go-challenge-block .go-first { width: 100%; padding-top: 24px !important; padding-bottom: 34px !important; padding-left: 16px !important; padding-right: 16px !important; border-bottom: dashed 2px !important; border-right: 0 !important; border-color: #f1f2f3 !important; margin-bottom: 23px; } .card-form.thanks-block .go-challenge-block .go-first .btn-gochallenge { width: 100% !important; } .card-form.thanks-block .go-challenge-block .go-second { padding-bottom: 32px !important; padding-right: 16px !important; padding-left: 16px !important; width: 100% !important; margin-left: 0 !important; max-width: 650px !important; border-left: 0 !important; } .card-form.thanks-block .go-challenge-block .go-second .second-title { font-size: 18px !important; } } .upload-file-input { width: 100%; height: 100%; min-height: 250px; border: 4px dashed #000; background-image: url("https://cdn2.iconfinder.com/data/icons/ios-7-icons/50/upload-512.png"); background-position: center; background-repeat: no-repeat; background-size: 64px 64px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; filter: alpha(opacity=50); -khtml-opacity: 0.5; -moz-opacity: 0.5; opacity: 0.5; transition: all .5s ease-in-out; } .upload-file-input > label { width: 100%; min-height: 250px; height: 100%; display: flex; align-items: end; justify-content: center; float: none !important; } .upload-file-input input { display: none; } .upload-file-input input ::-webkit-file-upload-button { visibility: hidden; } .upload-file-input.dragging { filter: alpha(opacity=75); -khtml-opacity: .75; -moz-opacity: .75; opacity: .75; } .country-website .website-container { width: fit-content; border: 1px transparent solid; padding: 15px 0; } .country-website .website-container div > span, .country-website .website-container a { cursor: pointer; color: gray !important; } .country-website .website-container.clicked, .country-website .website-container:hover, .country-website .website-container:focus-visible { border: 1px gray solid; } .menu-country-website { position: absolute; margin-top: 30px; width: 100%; left: 0; padding: 16px; padding-bottom: 32px; border-top: 1px solid #50525a; } .toggle.ios, .toggle-on.ios, .toggle-off.ios { border-radius: 20rem; } .toggle.ios label, .toggle-on.ios label, .toggle-off.ios label { display: none; } .cookie-item:has(.show, .in, .open) .ion-chevron-down:before, .cookie-item:has(.collapsing) div:first-child .ion-chevron-down:before { content: "\f126" !important; } .menu-content .item-cutlery { border-bottom: 0 !important; background-color: #ffffff; margin-bottom: 0 !important; } .ingredients-list .well.nutritional-info ul { padding: 0px 16px 16px 16px !important; } .context-title-menu { margin-top: 32px; margin-bottom: 16px; } .context-title-menu h2 { font-family: "montserratlight"; font-size: 32px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.25; letter-spacing: -1.92px; color: black; margin: 0; } .loader-on { z-index: 10000000; text-align: center; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.67); padding-top: 0; display: block; position: fixed; display: block !important; } .loader-on #loader { z-index: 20; text-align: center; padding-top: 0; display: block; position: absolute; top: 35%; left: 50%; } .review-section .star-icon { font-size: 16px; width: 16px; height: 16px; margin-right: -5px; margin-left: -1px; vertical-align: middle; } .review-section .rate-number { margin: 0 4px; font-family: "montserratlight"; font-size: 12px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.67; letter-spacing: -0.24px; color: black; vertical-align: middle; } .review-section .rate-total { font-family: "montserratlight"; font-size: 12px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.67; letter-spacing: -0.24px; color: black; padding: 0; margin: 0 -4px; vertical-align: middle; } .budget-banner { background-color: #ffbd1b; text-align: center; padding: 10px 16px; font-family: "montserratlight"; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.57; letter-spacing: -0.28px; color: #000; } .accordionDetails { padding-top: 6px; } .comments-box .star-outline-comment, .comments-box .star-fill-comment { color: #ffbd1b; font-size: 16px; } .comments-box .comments-title { margin-bottom: 16px !important; } .comments-box .separator { border-top: 1px #f0f1f2 solid; width: 100%; margin-bottom: 16px; margin-top: 16px; } .comments-box .comment-name { color: black !important; } .menu { /*.banner-mgm { h3 { color: $black-color; @include font(18); line-height: 1.5; margin-bottom: 0; font-family: $light-font; } .btn-outline { border-radius: 3px; border: solid 2px $black-color; color: #393939; @include font(12); font-family: $font; padding: 0.7rem 1rem; margin-top: 0.4rem; float: right; &:hover { color: #ffffff; background-color: $black-color; } } }*/ } .menu .meal-card-specs { padding: 0 !important; font-family: "montserratlight"; font-size: 12px; color: #6a7381; line-height: 20px; letter-spacing: -0.24px; margin-top: 16px; } .menu .highlights { position: absolute; z-index: 1; right: 40px; top: 24px; } .menu .highlights .highlight { margin-left: 8px; } .menu .highlights .highlight img { width: 48px; } .menu .break-title { word-break: break-word; width: calc(100% - 140px) !important; } .menu .break-title-2 { word-break: break-word; width: calc(100% - 70px) !important; } .menu .break-title-3 { word-break: break-word; width: 100%; } .menu .collapsing { -webkit-transition: none; transition: none; display: none; } .menu .logo-brand-section { cursor: pointer; margin-top: 2px; margin-right: 16px; } .menu .logo-brand-section .logo-brand { width: 52px; height: 52px; background-size: cover; } .menu .back-black { z-index: 12; text-align: center; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); padding-top: 0; display: block; position: fixed; display: block !important; } .menu .back-black #loader { display: none; } .menu .menu-wrapper-screen { padding: 0 100px 0 100px; } .menu .menu-wrapper-screen .separator { border-bottom: 1px solid #e1e8ed; margin-bottom: 16px; margin-top: 16px; } .menu .menu-wrapper-screen .menu-title { font-family: "montserratlight"; font-size: 24px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: -1.44px; text-align: center; color: black; margin-bottom: 0 !important; } .menu .menu-wrapper-screen .menu-sub-title { font-family: "montserratlight"; font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: -0.32px; text-align: center; color: #6a7381; margin-top: 16px; margin-bottom: 16px; } .menu .menu-wrapper-screen .btn-screen-msg-box { margin-top: 16px; margin-bottom: 30px; } .menu .menu-wrapper-screen .btn-screen-msg-box-2 { text-align: right; padding: 0; } .menu .menu-wrapper-screen .screen-orglist-box { line-height: 1rem; text-align: left; padding: 0; font-family: "montserratlight"; font-size: 14px; font-weight: 600; font-stretch: normal; font-style: normal; letter-spacing: -0.28px; } .menu .menu-wrapper-screen .orgbox { padding-bottom: 16px; margin-bottom: 16px; } .menu .menu-wrapper-screen .wseparator { border-bottom: 1px solid #e1e8ed; } .menu .menu-wrapper-screen .btn-screen-msg-list { font-family: "montserratlight"; font-size: 16px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: -0.32px; text-align: center; color: #000 !important; border-radius: 3px; border: 0; background-color: #ffbd1b; padding: 2px 16px; text-decoration: none !important; } .menu .menu-wrapper-screen .btn-screen-msg { font-family: "montserratlight"; font-size: 16px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: -0.32px; text-align: center; color: #000 !important; border-radius: 3px; border: 0; background-color: #ffbd1b; padding: 10px 16px; text-decoration: none !important; } .menu .banner-side { margin-top: 24px; } .menu .hide-label { display: none; } .menu .show-label { display: block; } .menu .label-menu-submit { max-width: 250px; margin-right: 24px; font-size: 12px !important; color: #ffffff; font-family: "montserratregular"; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: -0.24px; text-align: right; margin-bottom: 0; } .menu .header-navbar .col-brand { position: absolute; left: unset; right: unset; text-align: center; float: unset; } .menu .side-menu-filters { background-color: #ffffff; margin-top: 50px; padding: 0; } .menu .side-menu-filters .box-btn { margin-top: 24px; text-align: center; } .menu .side-menu-filters .form-check-weekdays .form-check-label { width: 100%; } .menu .side-menu-filters .form-check-weekdays .form-check-label .day-month { float: right; } .menu .side-menu-filters .day-month { font-family: "montserratlight"; font-size: 11px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.73; letter-spacing: -0.22px; text-align: right; color: #6a7381; } .menu .side-menu-filters .form-check-address .form-check-label { width: 85%; margin: 0; } .menu .side-menu-filters .menu-morada-title { white-space: nowrap; width: 85%; overflow: hidden; text-overflow: ellipsis; padding: 0; margin: 0; font-family: "montserratlight"; font-size: 14px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.57; letter-spacing: -0.28px; } .menu .side-menu-filters .menu-morada-title p { margin: 0; font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.57; letter-spacing: -0.28px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .menu .side-menu-filters .menu-morada-title:hover { cursor: pointer; } .menu .side-menu-filters .title-section { text-transform: uppercase; font-family: "montserratlight"; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.67; letter-spacing: -0.24px; color: #6a7381; font-size: 0.75rem; letter-spacing: -0.0168rem; } .menu .side-menu-filters .btn-secondary, .menu .side-menu-filters .drivers-page .drivers-buttons-filter .organizations-list.organizations-list-title .btn-driver-mark-departed, .drivers-page .drivers-buttons-filter .organizations-list.organizations-list-title .menu .side-menu-filters .btn-driver-mark-departed, .menu .side-menu-filters .drivers-page .drivers-buttons-filter .organization-title .btn-driver-send-email, .drivers-page .drivers-buttons-filter .organization-title .menu .side-menu-filters .btn-driver-send-email { font-size: 0.75rem; letter-spacing: -0.0168rem; font-family: "montserratlight"; padding: 5px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: -0.32px; text-align: center; width: 100%; color: #6a7381; border: 0; background-color: #d7dae0; cursor: pointer; } .menu .side-menu-filters .separator { border-top: 1px #f0f1f2 solid; width: 100%; margin-bottom: 24px; margin-top: 24px; } .menu .side-menu-filters .filters-box { padding: 24px; } .menu .side-menu-filters .collapsing { -webkit-transition: none; transition: none; display: none; } .menu .side-menu-filters .title-box[aria-expanded="true"] .et-chevron-down { display: none; } .menu .side-menu-filters .title-box[aria-expanded="false"] .et-chevron-up { display: none; } .menu .side-menu-filters .title-semi-box .et { float: right; } .menu .side-menu-filters .title-semi-box .et-chevron-down { color: #b9c2ce; } .menu .side-menu-filters .title-semi-box .title { font-family: "montserratlight"; font-size: 14px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.57; letter-spacing: -0.28px; } .menu .side-menu-filters .form-check-weekdays.disabled .form-check-label, .menu .side-menu-filters .form-check.disabled .form-check-label { color: #6a7381; } .menu .side-menu-filters .form-check-weekdays.disabled .form-check-label .day-month, .menu .side-menu-filters .form-check.disabled .form-check-label .day-month { color: #b9c2ce; } .menu .side-menu-filters .form-check-weekdays.disabled .form-check-input[type="radio"], .menu .side-menu-filters .form-check-weekdays.disabled .form-check-input-weekdays[type="radio"], .menu .side-menu-filters .form-check-weekdays.disabled .form-check-input-address[type="radio"], .menu .side-menu-filters .form-check.disabled .form-check-input[type="radio"], .menu .side-menu-filters .form-check.disabled .form-check-input-weekdays[type="radio"], .menu .side-menu-filters .form-check.disabled .form-check-input-address[type="radio"] { -moz-appearance: initial; } .menu .side-menu-filters .form-check-weekdays.disabled .form-check-input[type="radio"]:after, .menu .side-menu-filters .form-check-weekdays.disabled .form-check-input-weekdays[type="radio"]:after, .menu .side-menu-filters .form-check-weekdays.disabled .form-check-input-address[type="radio"]:after, .menu .side-menu-filters .form-check.disabled .form-check-input[type="radio"]:after, .menu .side-menu-filters .form-check.disabled .form-check-input-weekdays[type="radio"]:after, .menu .side-menu-filters .form-check.disabled .form-check-input-address[type="radio"]:after { border: #e2e4ea 1px solid; background-color: #f0f1f2; } .menu .side-menu-filters .form-check, .menu .side-menu-filters .form-check-weekdays, .menu .side-menu-filters .form-check-address { position: relative; margin-top: 1rem; display: flex; align-items: stretch; } .menu .side-menu-filters .form-check .form-check-input, .menu .side-menu-filters .form-check .form-check-input-weekdays, .menu .side-menu-filters .form-check .form-check-input-address, .menu .side-menu-filters .form-check-weekdays .form-check-input, .menu .side-menu-filters .form-check-weekdays .form-check-input-weekdays, .menu .side-menu-filters .form-check-weekdays .form-check-input-address, .menu .side-menu-filters .form-check-address .form-check-input, .menu .side-menu-filters .form-check-address .form-check-input-weekdays, .menu .side-menu-filters .form-check-address .form-check-input-address { position: absolute; height: revert; width: 0px; height: auto\0; width: auto\0; margin: 0; top: 2px; left: 2px; } .menu .side-menu-filters .form-check .form-check-input[type="checkbox"], .menu .side-menu-filters .form-check .form-check-input-weekdays[type="checkbox"], .menu .side-menu-filters .form-check .form-check-input-address[type="checkbox"], .menu .side-menu-filters .form-check-weekdays .form-check-input[type="checkbox"], .menu .side-menu-filters .form-check-weekdays .form-check-input-weekdays[type="checkbox"], .menu .side-menu-filters .form-check-weekdays .form-check-input-address[type="checkbox"], .menu .side-menu-filters .form-check-address .form-check-input[type="checkbox"], .menu .side-menu-filters .form-check-address .form-check-input-weekdays[type="checkbox"], .menu .side-menu-filters .form-check-address .form-check-input-address[type="checkbox"] { -moz-appearance: initial; } .menu .side-menu-filters .form-check .form-check-input[type="checkbox"]:after, .menu .side-menu-filters .form-check .form-check-input-weekdays[type="checkbox"]:after, .menu .side-menu-filters .form-check .form-check-input-address[type="checkbox"]:after, .menu .side-menu-filters .form-check-weekdays .form-check-input[type="checkbox"]:after, .menu .side-menu-filters .form-check-weekdays .form-check-input-weekdays[type="checkbox"]:after, .menu .side-menu-filters .form-check-weekdays .form-check-input-address[type="checkbox"]:after, .menu .side-menu-filters .form-check-address .form-check-input[type="checkbox"]:after, .menu .side-menu-filters .form-check-address .form-check-input-weekdays[type="checkbox"]:after, .menu .side-menu-filters .form-check-address .form-check-input-address[type="checkbox"]:after { border-radius: 4px; } .menu .side-menu-filters .form-check .form-check-input[type="checkbox"]:checked:after, .menu .side-menu-filters .form-check .form-check-input-weekdays[type="checkbox"]:checked:after, .menu .side-menu-filters .form-check .form-check-input-address[type="checkbox"]:checked:after, .menu .side-menu-filters .form-check-weekdays .form-check-input[type="checkbox"]:checked:after, .menu .side-menu-filters .form-check-weekdays .form-check-input-weekdays[type="checkbox"]:checked:after, .menu .side-menu-filters .form-check-weekdays .form-check-input-address[type="checkbox"]:checked:after, .menu .side-menu-filters .form-check-address .form-check-input[type="checkbox"]:checked:after, .menu .side-menu-filters .form-check-address .form-check-input-weekdays[type="checkbox"]:checked:after, .menu .side-menu-filters .form-check-address .form-check-input-address[type="checkbox"]:checked:after { content: "\f121"; font-family: "Ionicons"; background-color: #ffbd1b; padding: 1px 1px 0px 2px; font-size: 10px !important; color: #000; } .menu .side-menu-filters .form-check .form-check-input[type="radio"], .menu .side-menu-filters .form-check .form-check-input-weekdays[type="radio"], .menu .side-menu-filters .form-check .form-check-input-address[type="radio"], .menu .side-menu-filters .form-check-weekdays .form-check-input[type="radio"], .menu .side-menu-filters .form-check-weekdays .form-check-input-weekdays[type="radio"], .menu .side-menu-filters .form-check-weekdays .form-check-input-address[type="radio"], .menu .side-menu-filters .form-check-address .form-check-input[type="radio"], .menu .side-menu-filters .form-check-address .form-check-input-weekdays[type="radio"], .menu .side-menu-filters .form-check-address .form-check-input-address[type="radio"] { -moz-appearance: initial; } .menu .side-menu-filters .form-check .form-check-input[type="radio"]:after, .menu .side-menu-filters .form-check .form-check-input-weekdays[type="radio"]:after, .menu .side-menu-filters .form-check .form-check-input-address[type="radio"]:after, .menu .side-menu-filters .form-check-weekdays .form-check-input[type="radio"]:after, .menu .side-menu-filters .form-check-weekdays .form-check-input-weekdays[type="radio"]:after, .menu .side-menu-filters .form-check-weekdays .form-check-input-address[type="radio"]:after, .menu .side-menu-filters .form-check-address .form-check-input[type="radio"]:after, .menu .side-menu-filters .form-check-address .form-check-input-weekdays[type="radio"]:after, .menu .side-menu-filters .form-check-address .form-check-input-address[type="radio"]:after { border-radius: 50%; border: #b9c2ce 1px solid; } .menu .side-menu-filters .form-check .form-check-input[type="radio"]:checked:after, .menu .side-menu-filters .form-check .form-check-input-weekdays[type="radio"]:checked:after, .menu .side-menu-filters .form-check .form-check-input-address[type="radio"]:checked:after, .menu .side-menu-filters .form-check-weekdays .form-check-input[type="radio"]:checked:after, .menu .side-menu-filters .form-check-weekdays .form-check-input-weekdays[type="radio"]:checked:after, .menu .side-menu-filters .form-check-weekdays .form-check-input-address[type="radio"]:checked:after, .menu .side-menu-filters .form-check-address .form-check-input[type="radio"]:checked:after, .menu .side-menu-filters .form-check-address .form-check-input-weekdays[type="radio"]:checked:after, .menu .side-menu-filters .form-check-address .form-check-input-address[type="radio"]:checked:after { content: ""; background-color: #000; border: 0.4em solid #ffbd1b; } .menu .side-menu-filters .form-check .form-check-input:checked:after, .menu .side-menu-filters .form-check .form-check-input-weekdays:checked:after, .menu .side-menu-filters .form-check .form-check-input-address:checked:after, .menu .side-menu-filters .form-check-weekdays .form-check-input:checked:after, .menu .side-menu-filters .form-check-weekdays .form-check-input-weekdays:checked:after, .menu .side-menu-filters .form-check-weekdays .form-check-input-address:checked:after, .menu .side-menu-filters .form-check-address .form-check-input:checked:after, .menu .side-menu-filters .form-check-address .form-check-input-weekdays:checked:after, .menu .side-menu-filters .form-check-address .form-check-input-address:checked:after { background-color: #ffbd1b; color: #000; } .menu .side-menu-filters .form-check .form-check-input:checked:after:hover, .menu .side-menu-filters .form-check .form-check-input-weekdays:checked:after:hover, .menu .side-menu-filters .form-check .form-check-input-address:checked:after:hover, .menu .side-menu-filters .form-check-weekdays .form-check-input:checked:after:hover, .menu .side-menu-filters .form-check-weekdays .form-check-input-weekdays:checked:after:hover, .menu .side-menu-filters .form-check-weekdays .form-check-input-address:checked:after:hover, .menu .side-menu-filters .form-check-address .form-check-input:checked:after:hover, .menu .side-menu-filters .form-check-address .form-check-input-weekdays:checked:after:hover, .menu .side-menu-filters .form-check-address .form-check-input-address:checked:after:hover { background-color: #ffbd1b !important; } .menu .side-menu-filters .form-check .form-check-label, .menu .side-menu-filters .form-check-weekdays .form-check-label, .menu .side-menu-filters .form-check-address .form-check-label { margin-left: 0.5rem; margin-top: 0rem; font-family: "montserratlight"; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.67; font-size: 12px !important; letter-spacing: -0.24px; color: black; } .menu .side-menu-filters .form-check .form-check-label p, .menu .side-menu-filters .form-check-weekdays .form-check-label p, .menu .side-menu-filters .form-check-address .form-check-label p { margin: 0; font-weight: normal; } .menu .side-menu-filters .form-check-input { position: relative; margin-left: 0; } .menu .block-message { background-color: #fbf0d0; padding: 16px 24px; } .menu .block-message label { text-transform: unset; font-family: "montserratlight"; font-stretch: normal; font-style: normal; line-height: 1.57; letter-spacing: -0.28px; text-align: center; color: black; width: 100%; } .menu .block-message .title, .menu .card-plans .plan-was-cancelled .block-message .title, .card-plans .plan-was-cancelled .menu .block-message .title { font-weight: 600; font-size: 14px; } .menu .block-message .text { font-size: 12px; } .menu .space { height: 20px; background: white; } .menu .checkout-list-item .menu-buttons { float: right; } .menu .menu-checkout .price-w-discount { font-family: "montserratlight"; font-size: 12px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.67; letter-spacing: -0.24px; color: #f38283; } .menu .menu-checkout .price-discount { margin-top: 0 !important; margin-right: 10px !important; font-family: "montserratlight"; font-size: 12px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.67; letter-spacing: -0.24px; color: #6a7381; } .menu .menu-checkout .price { margin-top: 0 !important; margin-left: 0px !important; font-family: "montserratlight"; font-size: 12px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.67; letter-spacing: -0.24px; color: #6a7381; } .menu .menu-checkout .menu-buttons .et { font-size: 13px !important; padding-top: 9px !important; } .menu .menu-checkout .buttons-more-less { padding-right: unset; } .menu .menu-checkout .item-cutlery-footer { padding: 15px 0 0px 0.125em !important; } .menu .menu-checkout .menu-block { margin-top: 3px; } .menu .menu-checkout .price-box { font-family: "montserratlight" !important; padding-bottom: 13px !important; } .menu .menu-checkout .price { margin-top: 0 !important; margin-left: 0px !important; } .menu .menu-checkout .price-discount { margin-top: 0 !important; margin-left: 0px !important; margin-right: 10px !important; } .menu .menu-checkout .dish-remove { color: black; font-size: 10px; padding: 0px 1px 0px 10px; line-height: 30px; } .menu .menu-checkout .dish-remove.disabled { pointer-events: none; opacity: 0.5; } .menu .menu-checkout .cutlery-title { color: #6a7380; font-size: 0.6875rem; letter-spacing: -0.0154rem; margin-top: 20px; margin-bottom: 0; display: block; } .menu .menu-checkout .menu-buttons { position: relative; } .menu .menu-checkout .menu-buttons a, .menu .menu-checkout .menu-buttons .menu-quantity { display: inline-block; float: left; } .menu .menu-checkout .menu-buttons .menu-quantity { text-align: center; min-width: 30px; } .menu .menu-checkout .menu-buttons .menu-quantity { color: #000000; font-size: 12px; padding: 8px 0px; font-family: "montserratlight"; } .menu .menu-checkout .menu-buttons .menu-quantity.zero { color: #9B9B9B; } .menu .menu-checkout .menu-buttons .btn-secondary, .menu .menu-checkout .menu-buttons .drivers-page .drivers-buttons-filter .organizations-list.organizations-list-title .btn-driver-mark-departed, .drivers-page .drivers-buttons-filter .organizations-list.organizations-list-title .menu .menu-checkout .menu-buttons .btn-driver-mark-departed, .menu .menu-checkout .menu-buttons .drivers-page .drivers-buttons-filter .organization-title .btn-driver-send-email, .drivers-page .drivers-buttons-filter .organization-title .menu .menu-checkout .menu-buttons .btn-driver-send-email { font-size: 1rem; letter-spacing: -0.0224rem; font-family: "montserratlight"; padding: 10px 16px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: -0.32px; text-align: center; width: 8rem; color: #000; background-color: #ffbd1b; border-color: #ffbd1b; cursor: pointer; } .menu .menu-checkout .menu-buttons:not(.zero) button { display: none; } .menu .menu-checkout .menu-buttons.zero a, .menu .menu-checkout .menu-buttons.zero .menu-quantity { display: none; } .menu .menu-checkout .menu-buttons .tooltip-wrapper { display: inline-block; } .menu .menu-checkout .menu-buttons .tooltip-wrapper .btn[disabled] { pointer-events: none; } .menu .menu-checkout .menu-buttons .tooltip-wrapper.disabled { cursor: not-allowed; } .menu .menu-checkout .menu-buttons .tooltip-inner { font-family: "montserratlight"; color: white; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); padding: 5px 8px; opacity: 0.8; font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.57; letter-spacing: -0.28px; text-align: center; border-radius: 3px; background-color: #000000; } .menu .menu-checkout .menu-buttons .more-dish, .menu .menu-checkout .menu-buttons .less-dish { width: 30px; height: 30px; background-color: #f3f3f4; border-radius: 100%; text-align: center; color: black; line-height: 1.7rem; } .menu .menu-checkout .menu-buttons .more-dish:hover, .menu .menu-checkout .menu-buttons .less-dish:hover { background-color: #e1e1e1; } .menu .menu-checkout .menu-buttons .more-dish.disabled, .menu .menu-checkout .menu-buttons .less-dish.disabled { pointer-events: none; opacity: 0.5; } .menu .menu-checkout .menu-buttons .more-dish.disabled + .more-dish-overlay { position: absolute; width: 30px; height: 30px; border-radius: 100%; right: 18px; top: 0; z-index: 1; } .menu .menu-checkout .menu-buttons .more-dish.disabled + .more-dish-overlay .tooltip { right: 0 !important; left: auto !important; transform: translate3d(0, 0, 0) !important; top: 30px !important; white-space: nowrap; } .menu .menu-checkout .menu-buttons .more-dish.disabled + .more-dish-overlay .tooltip .tooltip-inner { padding: 3px 8px; margin-top: 5px; } .menu .menu-checkout .checkout-list-item .info-dish .price-box { padding-left: 15px !important; } .menu .menu-checkout .item-cutlery { margin-top: 16px; border-bottom: 1px solid #f0f1f2 !important; margin-bottom: 10px !important; overflow: hidden !important; } .menu .menu-checkout .item-cutlery .checkout-list-item { margin: 0; padding-left: 0; } .menu .menu-checkout .item-cutlery .menu-block-info { padding: 0 0px 0 15px !important; } .menu .item-cutlery-footer { background-color: white; margin-left: 0px; margin-bottom: 1.6rem; padding: 15px 3.125em 15px 3.125em; width: 100%; } .menu .item-cutlery-footer label { font-family: "montserratlight"; font-size: 11px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.73; letter-spacing: -0.22px; color: #6a7381; text-transform: unset; margin: 0; padding-right: 0; padding-left: 0; } .menu .item-cutlery-footer .et-eco-friendly { font-size: 20px; color: #b1d394; margin: 0; padding: 3px 0px; } .menu .item-cutlery .label-pill { margin-top: 0 !important; margin-right: 0 !important; } .menu .item-cutlery .price-w-discount { font-family: "montserratlight"; font-size: 12px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.67; letter-spacing: -0.24px; color: #f38283; } .menu .item-cutlery .item-title { font-family: "montserratlight"; font-size: 12px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.67; letter-spacing: -0.24px; color: black; } .menu .item-cutlery .btn-cutlery { background-color: #ffbd1b; padding: 5px 16px; font-family: "montserratlight"; font-weight: 600; font-size: 14px; font-stretch: normal; font-style: normal; line-height: 1.57; letter-spacing: -0.28px; text-align: center; color: #000; } .menu .item-cutlery .title-and-price { padding-left: 0; } .menu .item-cutlery .buttons-more-less { padding-right: 0; } .menu .item-cutlery .et { font-size: 13px !important; padding-top: 9px !important; } .menu .item-cutlery .price { margin-top: 0 !important; margin-left: 0px !important; font-family: "montserratlight"; font-size: 12px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.67; letter-spacing: -0.24px; color: #6a7381; } .menu .item-cutlery .menu-block-info { padding: 15px 3.125em 0px 3.125em !important; } .menu .item-cutlery .separator { display: block; margin: 0 auto; border-top: 1px solid #f0f1f2; width: 100%; margin-top: 16px; } .menu .item-cutlery .buttons-more-less .menu-buttons { position: relative; float: right; } .menu .item-cutlery .price-discount { margin-top: 0 !important; margin-right: 10px !important; font-family: "montserratlight"; font-size: 12px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.67; letter-spacing: -0.24px; color: #6a7381; } .menu .item-cutlery .menu-label-new { top: 0 !important; position: relative !important; } .menu .item-cutlery .menu-buttons a, .menu .item-cutlery .menu-buttons .menu-quantity { display: inline-block; float: left; } .menu .item-cutlery .menu-buttons .menu-quantity { text-align: center; min-width: 30px; } .menu .item-cutlery .menu-buttons .menu-quantity { color: #000000; font-size: 12px; padding: 8px 0px; font-family: "montserratlight"; } .menu .item-cutlery .menu-buttons .menu-quantity.zero { color: #9B9B9B; } .menu .item-cutlery .menu-buttons .btn-secondary, .menu .item-cutlery .menu-buttons .drivers-page .drivers-buttons-filter .organizations-list.organizations-list-title .btn-driver-mark-departed, .drivers-page .drivers-buttons-filter .organizations-list.organizations-list-title .menu .item-cutlery .menu-buttons .btn-driver-mark-departed, .menu .item-cutlery .menu-buttons .drivers-page .drivers-buttons-filter .organization-title .btn-driver-send-email, .drivers-page .drivers-buttons-filter .organization-title .menu .item-cutlery .menu-buttons .btn-driver-send-email { font-size: 1rem; letter-spacing: -0.0224rem; font-family: "montserratlight"; padding: 10px 16px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: -0.32px; text-align: center; width: 8rem; color: #000; background-color: #ffbd1b; border-color: #ffbd1b; cursor: pointer; } .menu .item-cutlery .menu-buttons:not(.zero) button { display: none; } .menu .item-cutlery .menu-buttons.zero a, .menu .item-cutlery .menu-buttons.zero .menu-quantity { display: none; } .menu .item-cutlery .menu-buttons .more-dish, .menu .item-cutlery .menu-buttons .less-dish { width: 30px; height: 30px; background-color: #f3f3f4; border-radius: 100%; text-align: center; color: black; line-height: 1.7rem; } .menu .item-cutlery .menu-buttons .more-dish:hover, .menu .item-cutlery .menu-buttons .less-dish:hover { background-color: #e1e1e1; } .menu .item-cutlery .menu-buttons .more-dish.disabled, .menu .item-cutlery .menu-buttons .less-dish.disabled { pointer-events: none; opacity: 0.5; } .menu .menu-carousel { margin-bottom: 24px; } .menu .menu-carousel .owl-carousel { z-index: 0 !important; } .menu .menu-carousel .owl-dots { text-align: center; bottom: 10px; position: absolute; width: 100%; } .menu .menu-carousel .owl-dot { display: inline-block; width: 8px; height: 8px; margin: 5px 5px; filter: Alpha(Opacity=30); opacity: 0.3; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: white; cursor: unset; } .menu .menu-carousel .owl-dot.active { filter: Alpha(Opacity=100); opacity: 1; } .menu .menu-carousel .item { min-height: 160px; background-repeat: no-repeat; background-position-x: center; background-position-y: center; background-size: cover; max-height: 198px; height: 198px; } .menu .menu-carousel .item .shadows { width: 100%; position: absolute; height: 100%; z-index: 0; } .menu .menu-carousel .item .block-text { z-index: 1; position: absolute; padding-left: 50px; padding-top: 30px; } .menu .menu-carousel .item .block-text .btncopy { border-radius: 3px; border: dashed 1px white; background-color: rgba(0, 0, 0, 0.2); padding: 2px 16px; font-family: "montserratlight"; font-size: 12px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.67; letter-spacing: -0.24px; text-align: center; color: white; width: 130px; cursor: pointer; } .menu .menu-carousel .item .block-text .btnredirect { padding: 2px 16px; border-radius: 3px; border: solid 1px white; font-family: "montserratlight"; font-size: 12px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.67; letter-spacing: -0.24px; text-align: center; color: white; width: 130px; cursor: pointer; } .menu .menu-carousel .item .block-text .btnmore { border-radius: 3px; border: solid 1px #ffbd1b; background-color: #ffbd1b; padding: 4px 16px; font-family: "montserratlight"; font-size: 12px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.67; letter-spacing: -0.24px; text-align: center; color: #000; margin-left: 16px; cursor: pointer; } .menu .menu-carousel .item .block-text .title { font-family: "montserratregular"; font-size: 1.125rem; letter-spacing: -0.0252rem; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.2rem; letter-spacing: -0.36px; color: white; text-transform: none; text-shadow: 0 0 1px rgba(255, 255, 255, 0.4), 0 0 2px rgba(0, 0, 0, 0.9); } .menu .menu-carousel .item .block-text .text { font-family: "montserratlight"; font-size: 0.875rem; letter-spacing: -0.0196rem; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.2rem; letter-spacing: -0.28px; color: white; text-transform: none; margin-bottom: 40px; text-shadow: 0 0 1px rgba(255, 255, 255, 0.4), 0 0 2px rgba(0, 0, 0, 0.9); } .menu .menu-carousel .item .block-text .link { font-family: "montserratlight"; font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.57; letter-spacing: -0.28px; color: white; text-decoration: underline; margin-top: 8px; cursor: pointer; } .menu .menu-carousel .yellow-week { background-image: url("/img/menu/banner/yellow_week.jpg"); /*.shadows { background-image: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4) 80%); }*/ } .menu .menu-carousel .yellow-week .title { color: black !important; } .menu .menu-carousel .yellow-week .text { color: black !important; margin-bottom: 18px !important; } .menu .menu-carousel .yellow-week .back-yellow { background-color: #ffbd1b; padding-bottom: 8px; } .menu .menu-carousel .yellow-week .btnmore { border: solid 1px #000000 !important; } .menu .menu-carousel .yellow-week .btncopy { border: dashed 1px #000000 !important; color: black !important; } .menu .menu-carousel .item-packs2 { background-image: url("/img/menu/banner/voucher_2pratos.jpg"); } .menu .menu-carousel .item-packs2 .shadows { background-image: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4) 80%); } .menu .menu-carousel .item-packs2-es { background-image: url("/img/menu/banner/voucher_2pratos_es.jpg"); } .menu .menu-carousel .item-packs2-es .shadows { background-image: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4) 80%); } .menu .menu-carousel .item-aura-es { background-image: url("/img/menu/banner/voucher_auara_es.jpg"); } .menu .menu-carousel .item-aura-es .shadows { background-image: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4) 80%); } .menu .menu-carousel .item-aura-es .text { margin-bottom: 18px !important; } .menu .menu-carousel .item-seven-days-es { background-image: url("https://static.eattasty.com/cloudinary/eattasty/image/upload/q_auto/menu/banners/eattasty_menu_7days_es.jpg"); } .menu .menu-carousel .item-seven-days-es .shadows { background-image: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4) 80%); } .menu .menu-carousel .item-seven-days-es .text { margin-bottom: 18px !important; } .menu .menu-carousel .item-seven-days-es .block-text .btnmore { margin-left: 0px !important; } .menu .menu-carousel .item-elty-es .shadows { background-image: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4) 80%); } .menu .menu-carousel .item-elty-es .text { margin-bottom: 18px !important; } .menu .menu-carousel .item-elty-es .block-text .btnmore { margin-left: 0px !important; } .menu .menu-carousel .item-tasty-weekend-es { background-image: url("https://static.eattasty.com/cloudinary/eattasty/image/upload/v1621962239/menu/banners/eattasty_menu_weekend_voucher_es.jpg"); } .menu .menu-carousel .item-tasty-weekend-es .shadows { background-image: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4) 80%); } .menu .menu-carousel .item-tasty-weekend-es .text { margin-bottom: 18px !important; } .menu .menu-carousel .item-tasty-weekend-es .block-text .btnmore { margin-left: 0px !important; } .menu .menu-carousel .item-dinners-pt .shadows { background-image: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4) 80%); } .menu .menu-carousel .item-dinners-pt .text { margin-bottom: 18px !important; } .menu .menu-carousel .item-dinners-pt .block-text .btnmore { margin-left: 0px !important; } .menu .menu-carousel .item-opo-spiritz .shadows { background-image: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4) 80%); } .menu .menu-carousel .item-opo-spiritz .text { margin-bottom: 18px !important; } .menu .menu-carousel .item-opo-spiritz .block-text .btnmore { margin-left: 0px !important; } .menu .menu-carousel .item-mgm-top-banner { background-image: url("/img/menu/banner/eattasty_menu_mgm_top_banner.jpg"); } .menu .menu-carousel .item-mgm-top-banner .shadows { background-image: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4) 80%); } .menu .menu-carousel .item-mgm-top-banner .text { margin-bottom: 16px !important; } .menu .menu-carousel .item-mgm-top-banner .block-text .btnmore { margin-left: 0px !important; } .menu .menu-carousel .item-mgm-top-banner .button-top-banner-mgm { width: 110px; height: 24px; margin: 16px 185px 32px 0; padding: 2px 16px; border-radius: 3px; border: solid 1px white; font-family: "montserratlight"; font-size: 12px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.67; letter-spacing: -0.24px; text-align: center; color: white; } .menu .menu-carousel .item-zumo-gratis { background-image: url("/img/menu/banner/eattasty_menu_san_valentim_es.jpg"); } .menu .menu-carousel .item-zumo-gratis .shadows { background-image: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4) 80%); } .menu .menu-carousel .item-zumo-gratis .text { margin-bottom: 18px !important; } .menu .menu-carousel .item-zumo-gratis .block-text .btnmore { margin-left: 0px !important; } .menu .menu-carousel .item-mi-madre { background-image: url("https://res.cloudinary.com/eattasty/image/upload/v1619772351/menu/banners/eattasty_mothers_day_es_u94lkn.jpg"); } .menu .menu-carousel .item-mi-madre .shadows { background-image: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4) 80%); } .menu .menu-carousel .item-mi-madre .text { margin-bottom: 18px !important; } .menu .menu-carousel .item-mi-madre .block-text .btnmore { margin-left: 0px !important; } .menu .menu-carousel .item-packs4 { background-image: url("/img/menu/banner/voucher_4pratos.jpg"); } .menu .menu-carousel .item-packs4 .shadows { background-image: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4) 80%); } .menu .menu-carousel .item-packs4-es { background-image: url("/img/menu/banner/voucher_4pratos_es.jpg"); } .menu .menu-carousel .item-packs4-es .shadows { background-image: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4) 80%); } .menu .menu-carousel .item-menu { background-image: url("/img/menu/banner/voucher_sobremesa.jpg"); } .menu .menu-carousel .item-menu .shadows { background-image: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4) 80%); } .menu .menu-carousel .item-menu-es { background-image: url("/img/menu/banner/voucher_sobremesa_es.jpg"); } .menu .menu-carousel .item-menu-es .shadows { background-image: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4) 80%); } .menu .meal-card-carousel { position: relative; margin-bottom: 0px; } .menu .meal-card-carousel .carousel-item img { width: 100%; } .menu .meal-card-carousel .carousel-indicators li { position: relative; flex: 1 0 auto; max-width: 32px; height: 32px; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: #f38282; } .menu .meal-card-carousel .carousel-indicators .active { background-color: white; border: solid 1px black !important; } .menu .meal-card-carousel .carousel-indicators { z-index: 1; display: flex; justify-content: right; padding-left: 0; margin-right: 24px; margin-left: 15%; list-style: none; left: unset; left: auto; position: absolute; right: 0; bottom: 0px; margin-bottom: 24px; } .menu .meal-card-carousel .carousel-indicators .w-100 { width: 100% !important; object-fit: cover !important; height: 100% !important; } .menu .meal-card-carousel .carousel-control-next-icon { background-image: url("/img/chevron-right.png") !important; width: 24px; height: 24px; } .menu .meal-card-carousel .carousel-control-prev-icon { background-image: url("/img/chevron-left.png") !important; width: 24px; height: 24px; } .menu .meal-card-carousel .carousel-control-prev, .menu .meal-card-carousel .carousel-control-next { width: 58px; opacity: unset; } .menu .nutri-cat-section { position: relative; cursor: pointer; } .menu .nutri-cat-section .nutri-cat { position: absolute; top: -12px; left: 24px; background: #c46027; color: white; padding: 2px 8px; font-family: "montserratlight"; font-size: 12px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.67; letter-spacing: -0.24px; text-align: center; } .menu .voucher-section { position: relative; } .menu .voucher-section .nutri-cat { position: absolute; top: -12px; left: 24px; background: #046500; color: white; padding: 2px 8px; font-family: "montserratlight"; font-size: 12px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.67; letter-spacing: -0.24px; text-align: center; } .menu .voucher-section .nutri-cat i { font-size: 16px; vertical-align: middle; margin-right: 4px; } .menu .voucher-description { height: 20px; margin: 16px 0 0; font-family: "montserratlight"; font-size: 12px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.67; letter-spacing: -0.24px; color: #000000; } .menu .voucher-section-2 { position: relative; } .menu .voucher-section-2 .nutri-cat { position: absolute; top: -12px; left: 110px; background: #046500; color: white; padding: 2px 8px; font-family: "montserratlight"; font-size: 12px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.67; letter-spacing: -0.24px; text-align: center; } .menu .voucher-section-2 .nutri-cat i { font-size: 16px; vertical-align: middle; margin-right: 4px; } .menu .menu-text-desc { color: #6a7381; font-family: "montserratlight"; margin: 0 4px 0 0; font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.57; letter-spacing: -0.28px; } .menu .menu-text-desc-title { font-family: "montserratlight"; margin: 0 0px 0 0px; font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.57; letter-spacing: -0.28px; color: black; } .menu .line { margin-bottom: 16px; } .menu .meal-card-buttons { position: absolute; right: 0; } .menu .separator-bullet { margin-left: 8px; margin-right: 8px; font-size: 15px; } .menu .msg-stock-recent-box { width: 100%; font-family: "montserratlight"; font-size: 12px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.67; letter-spacing: -0.24px; } .menu .msg-stock-recent-box .msg-warn-out-sotck { color: #f38283; width: calc(100% - 281px); } .menu .msg-stock-recent-box .msg-warn-last-order { width: calc(100% - 281px); } .menu .meal-card-more-info { position: absolute; right: 171px; } .menu .soldout-label { margin-top: 14px !important; } .menu .menu-item { margin-bottom: 1.6rem; background-color: #ffffff; } .menu .menu-item .menu-photo { height: 380px; width: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center center; background-repeat: no-repeat; /* &.menu-photo-plate { height: 422px; }*/ } .menu .menu-no-org-title { font-family: "montserratlight"; font-size: 14px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.57; letter-spacing: -0.28px; text-align: center; color: black; } .menu .menu-no-org { margin-top: 30px; } .menu .menu-no-org-text { font-family: "montserratlight"; font-size: 11px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.73; letter-spacing: -0.22px; text-align: center; color: #6a7381; padding: 0 10% 0 10%; } .menu .menu-title { font-size: 1.5rem; letter-spacing: -0.0336rem; font-family: "montserratlight"; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: -1.44px; color: black; margin-bottom: 2px; /*&.plate { font-family: $font; color: $black-color; margin-bottom: 4px; margin-top: 12px; } &.drink { font-family: $font; color: $black-color; margin-bottom: 4px; margin-top: 12px; } &.dessert { font-family: $font; color: $black-color; margin-bottom: 4px; margin-top: 12px; }*/ } .menu .menu-title a { color: black !important; } .menu .menu-title .label { font-family: "montserratregular"; display: inline-block; padding: 0.35em 0.6em; font-size: 65%; font-weight: 700; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: bottom; background-color: #ffbd1b; text-transform: uppercase; margin-left: 1em; } .menu .menu-content-footer { margin-top: 0px; } .menu .menu-content-footer .menu-item-price { margin-right: 0; margin-left: 0; margin-bottom: 10px; font-family: "montserratlight"; } .menu .menu-content-footer .menu-controls { font-family: "montserratlight"; } .menu .menu-content-footer .menu-controls .more-info-buttons .more-info { text-align: right; } .menu .menu-content-footer .label-pill { margin-top: 11px; margin-right: 15px; } .menu .menu-content-footer .dish-type-ingredients { margin-top: 1rem; height: 40px; } .menu .menu-content-footer .dish-type-ingredients > div { margin-right: 0 !important; padding-left: 0; padding-right: 0; margin-left: 0; } .menu .menu-content-footer .dish-type-ingredients > div > div .menu-dish-allergie { margin-right: 0 !important; padding-left: 0; padding-right: 0; margin-left: 0; } .menu .menu-content-footer .dish-type-ingredients > div > div .menu-dish-allergie > div { padding-left: 2px; } .menu .menu-content-footer .dish-type-ingredients .more-info { display: flex; flex-direction: row-reverse; padding-right: 10px; } .menu .menu-type { color: #6a7381; margin-top: 21px; font-family: "montserratlight"; font-size: 16px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: -0.32px; } .menu .first-menu-type { margin-top: 0px !important; } .menu .order .menu-type { color: #4d2209; margin-left: 0; margin-top: 0; } .menu .menu-dish-type { color: #9B9B9B; font-family: "montserratregular"; font-size: 0.7rem; margin-bottom: 0; text-transform: uppercase; vertical-align: middle; display: inline-block; margin-right: 10px; } .menu .menu-dish-allergie { color: #9B9B9B; font-family: "montserratregular"; font-size: 0.6875rem; letter-spacing: -0.0154rem; line-height: 28px; margin-bottom: 0; margin-right: 0px; text-transform: uppercase; vertical-align: middle; display: inline-block; } .menu .open-ingredients { margin-top: 13px; color: black; font-family: "montserratlight"; font-size: 16px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: -0.32px; text-align: center; text-decoration: underline; } .menu .open-ingredients .more-info-btn.more { display: none; } .menu .open-ingredients .more-info-btn.less { display: inline; } .menu .open-ingredients .more-info-btn::after { content: "\f126"; font-family: "Ionicons"; color: black; font-size: 0.8em; position: absolute; padding-top: 1px; margin-left: 8px; } .menu .open-ingredients:hover { color: black; } .menu .open-ingredients.collapsed { color: black; } .menu .open-ingredients.collapsed .more-info-btn.more { display: inline; } .menu .open-ingredients.collapsed .more-info-btn.less { display: none; } .menu .open-ingredients.collapsed .more-info-btn::after { content: "\f123"; font-family: "Ionicons"; color: black; font-size: 0.8em; position: absolute; padding-top: 1px; margin-left: 8px; } .menu .open-ingredients.collapsed:hover { color: black; } .menu .border-gradient { height: 6px; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0)); width: 100%; padding: 0px; margin: 0; position: absolute; top: 0; left: 0; } .menu .ingredients-list { position: relative; background-color: #fcfcfc; padding: 24px 24px 24px 24px; } .menu .ingredients-list .nav .nav-item { margin-right: 16px; font-size: 14px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.57; letter-spacing: -0.28px; color: black; font-family: "montserratlight"; } .menu .ingredients-list .nav .nav-item a { color: #000000; padding-bottom: 9px; } .menu .ingredients-list .nav .nav-item a.active { border-bottom: 2px solid #000000; } .menu .ingredients-list .tab-content { margin-top: 25px; } .menu .ingredients-list .well ul { padding: 0; margin-bottom: 0; column-count: 3; } .menu .ingredients-list .well ul li { font-family: "montserratlight"; font-size: 0.875rem; letter-spacing: -0.0196rem; color: #6a7381; padding-right: 10px; list-style: none; } .menu .ingredients-list .well ul li.item-ingredient { display: flex; } .menu .ingredients-list .well ul li.item-ingredient > div { margin-bottom: 0.25rem; } .menu .ingredients-list .well ul li.nutritional-item::before { content: none; } .menu .ingredients-list .well ul li::before { color: #9B9B9B; padding-right: 0.5em; display: table-cell; } .menu .ingredients-list .well ul li.ingredient-allergenic { font-family: "montserratbold"; } .menu .ingredients-list .well.nutritional-info { padding-top: 0; padding-bottom: 0; } .menu .ingredients-list .well.nutritional-info ul { padding: 16px 24px 24px 24px; margin-bottom: 0; column-count: 3; margin-top: 9px; } .menu .ingredients-list .well.nutritional-info .nutritional-item { display: flex; justify-content: space-between; } .menu .ingredients-list .well.nutritional-info .nutritional-item > div { text-align: right; width: 15%; } .menu .ingredients-list .well.nutritional-info .nutritional-item > div.nutritional-key { text-align: left; font-family: "montserratregular"; width: 300px; } .menu .ingredients-list .well.nutritional-info .nutritional-item > div.nutritional-key .nutritional-key-text { background: #fcfcfc; padding-bottom: 2px; padding-right: 6px; color: black; font-family: "montserratlight"; font-size: 14px; } .menu .ingredients-list .well.nutritional-info .nutritional-item > div.nutritional-key .nutritional-key-text .nutritional-key-unit { font-family: "montserratlight"; } .menu .ingredients-list .well.nutritional-info .nutritional-item > div.nutritional-key.nutritional-saturated_fat, .menu .ingredients-list .well.nutritional-info .nutritional-item > div.nutritional-key.nutritional-sugar { font-family: "montserratlight"; width: 290px; margin-left: 10px; } .menu .ingredients-list .well.nutritional-info .nutritional-item > div.nutritional-header { margin-bottom: 0.5rem; border-bottom: none; color: black; font-family: "montserratlight"; font-size: 14px; } .menu .ingredients-list .well.nutritional-info .nutritional-item > div.nutritional-header.with-dressing { color: #6a7381; } .menu .ingredients-list .well.nutritional-info .nutritional-item > div.nutritional-value { color: #6a7381; } .menu .ingredients-list .well.nutritional-info .nutritional-header-line { padding: 0; } .menu .ingredients-list .well.nutritional-info .nutritional-last-line { border-bottom: 1px solid #f0f1f2; } .menu .ingredients-list .well.nutritional-info .nutritional-line { border-top: 1px solid #f0f1f2; padding: 8px 0; } .menu .ingredients-list .well.nutritional-info .nutritional-second-line { padding: 0 0 8px 0px; } .menu .ingredients-list .well.preparation-info { font-size: 0.75rem; letter-spacing: -0.0168rem; } .menu .ingredients-list .well.preparation-info p { color: #000000; } .menu .ingredients-list .well.preparation-info ol { counter-reset: item; margin-left: 0; padding-left: 0; } .menu .ingredients-list .well.preparation-info ol li { font-family: "montserratlight"; color: #000000; display: block; margin-bottom: 2em; margin-left: 2em; } .menu .ingredients-list .well.preparation-info ol li::before { display: inline-block; content: counter(item); counter-increment: item; margin-left: -24px; margin-right: 8px; background-color: #BFBFBF; font-family: "montserratbold"; width: 20px; text-align: center; border-radius: 1rem; height: 20px; color: #000000; font-size: 10px; line-height: 20px; } .menu .ingredients-list .title-allergen { margin-top: 16px; margin-bottom: 0px; font-family: "montserratlight"; font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.57; letter-spacing: -0.28px; color: black; } .menu .ingredients-list .ingredients-list-footer { padding: 0; } .menu .menu-text { color: #7F7F7F; font-family: "montserratlight"; font-size: 1rem; margin: 0; } .menu .cutlery-text { margin-top: 30px; } .menu .menu-seperator { border-top: 1px solid #ffbd1b; margin-bottom: 0.4rem; width: 4rem; } .menu .menu-label-new { border-radius: 2px; background-color: #ffbd1b; color: #000; position: absolute; top: -2.5em; text-align: center; padding: 2px 6px; font-size: 0.7rem; text-transform: uppercase; } .menu .menu-label-spicy { position: absolute; right: -3px; } .menu .fix-padding-fix-margin { padding: 0 !important; margin: 0 !important; padding-top: 16px !important; padding-bottom: 8px !important; } .menu .menu-label-partnership { margin-right: 8px; } .menu .menu-total { color: #000; font-family: "montserratbold"; font-size: 1.25rem; letter-spacing: -0.028rem; } .menu .menu-buttons { position: relative; } .menu .menu-buttons a > .et { font-size: 15px; color: black; font-weight: 600; padding-top: 13px; } .menu .menu-buttons a, .menu .menu-buttons .menu-quantity { display: inline-block; float: left; } .menu .menu-buttons .menu-quantity { text-align: center; min-width: 40px; } .menu .menu-buttons .menu-quantity { color: #000000; font-size: 1.2rem; padding: 0.4rem 0.6rem; } .menu .menu-buttons .menu-quantity.zero { color: #9B9B9B; } .menu .menu-buttons .btn-secondary, .menu .menu-buttons .drivers-page .drivers-buttons-filter .organizations-list.organizations-list-title .btn-driver-mark-departed, .drivers-page .drivers-buttons-filter .organizations-list.organizations-list-title .menu .menu-buttons .btn-driver-mark-departed, .menu .menu-buttons .drivers-page .drivers-buttons-filter .organization-title .btn-driver-send-email, .drivers-page .drivers-buttons-filter .organization-title .menu .menu-buttons .btn-driver-send-email { font-size: 1rem; letter-spacing: -0.0224rem; font-family: "montserratlight"; padding: 10px 16px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: -0.32px; text-align: center; width: 8rem; color: #000; background-color: #ffbd1b; border-color: #ffbd1b; cursor: pointer; } .menu .menu-buttons:not(.zero) button { display: none; } .menu .menu-buttons.zero a, .menu .menu-buttons.zero .menu-quantity { display: none; } .menu .menu-buttons .more-dish, .menu .menu-buttons .less-dish { width: 40px; height: 40px; background-color: #f3f3f4; border-radius: 100%; text-align: center; color: black; line-height: 2.3rem; } .menu .menu-buttons .more-dish:hover, .menu .menu-buttons .less-dish:hover { background-color: #e1e1e1; } .menu .menu-buttons .more-dish.disabled, .menu .menu-buttons .less-dish.disabled { pointer-events: none; opacity: 0.5; } .menu .menu-buttons .more-dish.disabled + .more-dish-overlay { position: absolute; width: 40px; height: 40px; border-radius: 100%; right: 0; top: 0; z-index: 1; } .menu .menu-buttons .more-dish.disabled + .more-dish-overlay .tooltip { white-space: nowrap; } .menu .menu-buttons .more-dish.disabled + .more-dish-overlay .tooltip .tooltip-inner { margin-top: 5px; } @media (max-width: 1199.98px) { .menu .menu-buttons .more-dish.disabled + .more-dish-overlay .tooltip { right: 0 !important; left: auto !important; transform: translate3d(0, 0, 0) !important; top: 40px !important; } .menu .menu-buttons .more-dish.disabled + .more-dish-overlay .tooltip .tooltip-inner { padding: 3px 8px; } } .menu .menu-price-text { font-family: "montserratlight"; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: -0.32px; text-align: center; color: black; font-size: 16px; } .menu .menudiscount-price-text { font-family: "montserratlight"; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: -0.32px; text-align: center; color: black; font-size: 16px; text-decoration: line-through; } .menu .in-red { color: #f38283 !important; margin-left: 8px; } .menu .price-big { margin-top: 13px; display: inline-flex; } .menu .price-big-2 { margin-top: 0px; display: inline-flex; } .menu .menu-discount-text { font-size: 0.8125rem; letter-spacing: -0.0182rem; color: #ffffff; float: left; margin-top: 4px; margin-left: 20px; } .menu div.menu-total .menu-total, .menu div.menu-total .menu-type { margin-bottom: 0; } .menu div.menu-total .menu-type { margin-top: 0; margin-bottom: 0; margin-left: 0; color: #6a7380; font-family: "montserratbold"; font-size: 0.6875rem; letter-spacing: -0.0154rem; } .menu .menu-controls > .label { color: #000000; font-family: "montserratlight"; padding-top: 0.6rem; margin-right: 1.7rem; display: inline-block; } .menu .menu-block .checkbox { float: right; clear: both; } .menu .order-alt { border: none; box-shadow: none; background: none; margin-bottom: 0; line-height: 1; } .menu .order-alt .card-block { padding: 0; } .menu .order-alt .card-block .form-group { margin: 0; } .menu .order-alt .card-block .form-group .btn-primary-outline:focus { outline: none !important; } .menu .order-alt .card-block .form-group .btn-primary-outline .more-card { font-size: 1.4rem; line-height: 0; margin-right: 25px; } .menu .order-alt .card-block .menu-type { color: #BFBFBF; } .menu .order-alt .edit-order { margin-top: 30px; text-align: right; padding: 0; } .menu .menu-block-info { padding: 24px 24px 24px 24px; } .menu .menu-block-info.block-cutlery { padding-top: 0; overflow: hidden; } .menu .menu-block-info.block-cutlery .cutlery-text { text-align: right; } .menu .order { background: none; border: none; box-shadow: none; } .menu .order.order-card { background: none; } .menu .order .confirm-address { padding: 3.125em; padding-bottom: 1em; } .menu .order .confirm-address .menu-discount-text { margin-top: 22px; } .menu .order .address-icon, .menu .order .address-info { float: left; } .menu .order .address-info { max-width: 85%; } .menu .order .address-icon { color: #ffbd1b; margin-right: 15px; font-size: 2rem; line-height: 2.3rem; } .menu .order .address { font-size: 0.875rem; letter-spacing: -0.0196rem; margin-bottom: 0; color: #6a7380; } .menu .order .delivery-text { color: #000000; font-size: 0.75rem; letter-spacing: -0.0168rem; margin-bottom: 0; font-family: "montserratlight"; } .menu .order h3 { color: #4d2209; } .menu .order .price { white-space: nowrap; text-align: right; } .menu .order .hour { width: auto; float: left; padding: 0.8rem 1.2rem; font-size: 0.9rem; } .menu .order .btn-primary, .menu .order .page.search-register-page #main-container .header-navbar .navbar-login .nav-item .nav-link, .page.search-register-page #main-container .header-navbar .navbar-login .nav-item .menu .order .nav-link { padding-top: 0.8em; padding-bottom: 0.7em; font-family: "montserratbold"; font-size: 0.875rem; letter-spacing: -0.0196rem; min-width: 8.42rem; } .menu .card-footer-alt { border: none; float: right; } .menu .card-footer-alt::after { content: ""; display: table; clear: both; } .menu .card-footer-alt .menu-type { margin-top: 0; } .menu .no-dish { padding-top: 4rem; } .menu .no-dish img { max-width: 154px; margin-bottom: 2rem; } .menu .no-dish h2 { font-size: 1.5rem; letter-spacing: -0.0336rem; line-height: 1.5; font-family: "montserratlight"; margin-bottom: 1rem; margin-top: 0; } .menu .no-dish p { color: #808080; font-size: 1rem; letter-spacing: -0.0224rem; line-height: 1.8; font-family: "montserratlight"; max-width: 645px; margin-left: auto; margin-right: auto; } .menu .no-dish .divider { width: 53px; height: 2px; background-color: #96a0ad; margin-top: 1.71rem; margin-bottom: 2.5rem; margin-left: auto; margin-right: auto; } .menu .no-dish a { font-size: 1rem; letter-spacing: -0.0224rem; font-family: "montserratlight"; text-decoration: underline; color: #808080; } .menu .no-dish a i { margin-left: 0.8rem; } .menu .no-dish a:hover { text-decoration: none; color: #000000; opacity: 0.7; } .menu .no-address { margin-top: 0 !important; padding-top: 7rem; padding-bottom: 7rem; } .menu .menu-credits-banner { width: 100%; background-color: #ffbd1b; background: url(../img/credits/credits_banner.jpg) top right no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .menu .menu-credits-banner .credits-banner-content { max-width: 330px; height: 100%; background: rgba(255, 189, 27, 0.72); padding: 2rem 3rem; } .menu .menu-credits-banner .credits-banner-content h3 { color: #000000; font-size: 1.25rem; letter-spacing: -0.028rem; line-height: 1.35; font-family: "montserratlight"; } .menu .menu-credits-banner .credits-banner-content p { color: #000000; font-size: 0.875rem; letter-spacing: -0.0196rem; line-height: 1.29; font-family: "montserratlight"; } .menu .menu-credits-banner .credits-banner-content .btn-outline { border-radius: 3px; border: solid 2px #000000; color: #000000; font-size: 0.75rem; letter-spacing: -0.0168rem; font-family: "montserratregular"; padding: 0.7rem 1rem 0.6rem 1rem; float: none; margin-top: 1rem; text-transform: uppercase; } .menu .menu-credits-banner .credits-banner-content .btn-outline:hover { background-color: #000000; color: #ffffff !important; } .menu .banner-location { border-radius: 2px; background-color: #ffbd1b; width: 100%; display: block; margin-top: 0px; padding: 1.78rem; } .menu .banner-location .col-md-2 { text-align: center; } .menu .banner-location .col-md-2 .img-fluid { max-height: 70px; margin-bottom: 1rem; } .menu .banner-location h3 { color: #000000; font-size: 1rem; letter-spacing: -0.0224rem; line-height: 1.2; font-family: "montserratlight"; } .menu .banner-location p { color: #000000; font-size: 0.75rem; letter-spacing: -0.0168rem; line-height: 1.2; margin-bottom: 0; font-family: "montserratlight"; } .menu .banner-location .btn-outline { border-radius: 3px; border: solid 2px #000000; color: #393939; font-size: 1rem; letter-spacing: -0.0224rem; font-family: "montserratregular"; padding: 0.7rem 1rem; margin-top: 1rem; float: right; width: 100%; text-align: center; white-space: nowrap; } .menu .banner-location .btn-outline:hover { color: #ffffff; background-color: #000000; } .thanks-block .banner-mgm { margin-top: 5px; } .thanks-block .banner-mgm { min-height: 200px; background-color: white; } .thanks-block .banner-mgm .button-box-banner-mgm .button-banner-mgm { font-size: 16px !important; color: #000 !important; padding: 10px 16px !important; background-color: #ffbd1b !important; font-family: "montserratlight" !important; } .thanks-block .banner-mgm .text-banner-mgm { margin-bottom: 20px !important; } .thanks-block .banner-mgm .text-banner-mgm .text { font-size: 16px; color: #000; font-family: "montserratlight"; } .thanks-block .banner-mgm .banner-mgm-image { background-repeat: no-repeat; background-size: cover; background-position: center; min-height: 200px; } .banner-mgm { margin: 0; padding: 0; background-color: #ffbd1b; width: 100%; margin-top: 0px; } .banner-mgm .text-box-banner-mgm { margin-bottom: 20px; } .banner-mgm .text-box-banner-mgm .text-img-banner-mgm { margin-top: 32px; } .banner-mgm .text-box-banner-mgm .text-banner-mgm { font-family: "montserratregular"; font-size: 24px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: -1.44px; color: Black; margin-bottom: 16px; padding: 10px 35px 0px 10px; } .banner-mgm .text-box-banner-mgm .text-banner-mgm .title { font-size: 1.625rem; letter-spacing: -0.0364rem; } .banner-mgm .text-box-banner-mgm .text-banner-mgm .text { font-family: "montserratlight"; font-weight: 100; font-size: 1.25rem; letter-spacing: -0.028rem; padding: .5em 0; } .banner-mgm .text-box-banner-mgm .text-banner-mgm.text-banner-mgm-black { color: #fff; } .banner-mgm .text-box-banner-mgm .button-box-banner-mgm { padding-left: 10px; margin-bottom: 10px; } .banner-mgm .text-box-banner-mgm .button-box-banner-mgm .button-banner-mgm { font-family: "montserratregular"; font-size: 14px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.57; letter-spacing: -0.28px; text-align: center; color: #ffffff; padding: 10px; border-radius: 3px; border: 0px; background-color: black; cursor: pointer; } .banner-mgm .text-box-banner-mgm .button-box-banner-mgm .button-banner-mgm.button-banner-mgm-black { border: 1px solid #fff; } .banner-mgm .text-box-banner-mgm .banner-mgm-mini .text-box-banner-mgm .text-banner-mgm { font-size: 18px !important; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.44; } .banner-mgm .text-box-banner-mgm .banner-mgm-mini .text-box-banner-mgm .text-banner-mgm .title { font-size: 1.625rem; letter-spacing: -0.0364rem; } .banner-mgm .text-box-banner-mgm .banner-mgm-mini .text-box-banner-mgm .text-banner-mgm .text { font-family: "montserratlight"; font-weight: 100; font-size: 1.25rem; letter-spacing: -0.028rem; padding: .5em 0; } .banner-mgm .text-box-banner-mgm .banner-mgm-mini .text-box-banner-mgm .text-banner-mgm.text-banner-mgm-black { color: #fff; } .banner-mgm .text-box-banner-mgm .button-box-banner-mgm-mini { padding: 0px 25px 0px 25px; margin-bottom: 10px; } .banner-mgm .text-box-banner-mgm .button-box-banner-mgm-mini .button-banner-mgm { font-family: "montserratregular"; font-size: 14px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.57; letter-spacing: -0.28px; text-align: center; color: #ffffff; padding: 10px; border-radius: 3px; border: 0px; background-color: black; cursor: pointer; } .banner-mgm .text-box-banner-mgm .button-box-banner-mgm-mini .button-banner-mgm.button-banner-mgm-black { border: 1px solid #fff; } .banner-mgm .img-left { max-width: 160px; width: 122px; } .banner-mgm .img-banner-mgm { padding: 0; } .banner-mgm .img-right img { width: 100% !important; height: auto !important; } .banner-mgm-mini { margin: 0; padding: 0; background-color: #ffbd1b; width: 100%; margin-top: 0px; margin-bottom: 32px; } .banner-mgm-mini .text-box-banner-mgm { margin-bottom: 20px; } .banner-mgm-mini .text-box-banner-mgm .text-img-banner-mgm { margin-top: 32px; } .banner-mgm-mini .text-box-banner-mgm .text-banner-mgm { font-family: "montserratregular"; font-size: 18px !important; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.44; letter-spacing: -1.44px; color: Black; margin-bottom: 16px; padding: 16px 16px 0px 16px; } .banner-mgm-mini .text-box-banner-mgm .text-banner-mgm .title { font-size: 1.625rem; letter-spacing: -0.0364rem; } .banner-mgm-mini .text-box-banner-mgm .text-banner-mgm .text { font-family: "montserratlight"; font-weight: 100; font-size: 1.25rem; letter-spacing: -0.028rem; padding: .5em 0; } .banner-mgm-mini .text-box-banner-mgm .text-banner-mgm.text-banner-mgm-black { color: #fff; } .banner-mgm-mini .text-box-banner-mgm .button-box-banner-mgm-mini { padding: 16px 16px 0px 16px; margin-bottom: 10px; } .banner-mgm-mini .text-box-banner-mgm .button-box-banner-mgm-mini .button-banner-mgm { font-family: "montserratregular"; font-size: 14px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.57; letter-spacing: -0.28px; text-align: center; color: #ffffff; padding: 10px; border-radius: 3px; border: 0px; background-color: black; cursor: pointer; } .banner-mgm-mini .text-box-banner-mgm .button-box-banner-mgm-mini .button-banner-mgm.button-banner-mgm-black { border: 1px solid #fff; } .banner-mgm-mini .img-left { max-width: 160px; width: 122px; } .banner-mgm-mini .img-banner-mgm { padding: 0; } .banner-mgm-mini .img-right img { width: 100% !important; height: auto !important; } .price-total { font-size: 1.3rem; padding-bottom: 1rem; font-family: "montserratbold"; } .menu-total .price-total { padding-bottom: 0; margin: 0; font-family: "montserratlight"; font-size: 1.0625rem; letter-spacing: -0.0238rem; color: #ffffff; float: left; } .menu-total .total-pay { float: left; } .menu-total .value-total { float: left; margin-right: 30px; text-align: left; } .menu-item > .row .pull-xs-right { clear: both; } .menu-item > .row .pull-xs-right.menu-quantity { color: #ffbd1b; } a.btn-primary-outline { font-size: 0.9rem; font-family: "montserratlight"; font-weight: normal; color: #6a7380; } .panel-default .panel-title { color: #ccc; text-decoration: none; font-size: 0.8rem; } .panel-default .panel-title a { pointer-events: none; } .panel-default .panel-title a.collapsed { pointer-events: all; } .panel-default .panel-title a:active, .panel-default .panel-title a:hover, .panel-default .panel-title a:focus { text-decoration: none; } .checkout-container { max-width: 770px; } .menu-footer-float { position: fixed; width: 100%; left: 0; bottom: -23%; background-color: #000000; height: 70px; padding-top: 15px; padding-bottom: 15px; z-index: 5; box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, 0.1); height: auto; } .menu-footer-float .container { position: unset; } .menu-footer-float.menu-footer-float-order { bottom: 0; } .menu-footer-float .value .menu-type { margin-top: 0; margin-bottom: 0; margin-left: 0 !important; color: #6a7381; font-family: "montserratbold"; font-size: 0.6875rem; letter-spacing: -0.0154rem; } .menu-footer-float .value .menu-total { margin: 0; color: #ffffff; font-size: 1.125rem; letter-spacing: -0.0252rem; float: left; font-family: "montserratlight"; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.44; letter-spacing: -0.36px; } .menu-footer-float .menu-footer { float: right; } .menu-footer-float .menu-footer .btn-primary, .menu-footer-float .menu-footer .page.search-register-page #main-container .header-navbar .navbar-login .nav-item .nav-link, .page.search-register-page #main-container .header-navbar .navbar-login .nav-item .menu-footer-float .menu-footer .nav-link { padding: 10px 16px; font-family: "montserratlight"; border: none; font-size: 16px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: -0.32px; text-align: center; } .menu-footer-float .menu-footer .disabled { background-color: #f5f5f5; color: #c4c4c4; } .page .menu .menu-item { padding: 3.125em; } @media (min-width: 992px) and (max-width: 1199.98px) { .menu .container { width: 100%; max-width: 100%; } } @media (min-width: 768px) and (max-width: 1032px) { .menu .container { width: 100% !important; max-width: 100% !important; } .header-navbar .container { width: 96%; max-width: 100%; } .menu-checkout .button-box, .menu-checkout .price-box { padding: 0 !important; } .menu { /*.more-info-big, .plate-specs-big, .price-big{ display: none; }*/ } .menu .menu-content-footer .menu-controls .more-info-buttons .more-info { text-align: left; } .menu .more-info-mini, .menu .plate-specs-mini, .menu .price-box { display: block !important; } .menu .menu-checkout .price-box { padding-right: 15px !important; padding-left: 15px !important; } .menu .checkout-container .button-box, .menu .checkout-container .price-box { padding-bottom: 13px !important; } .menu .menu-block-info .more-info-buttons { float: right; } .menu .item-cutlery .more-info-buttons { float: unset !important; } .menu .info-item { text-align: left; width: 100%; max-width: 100%; float: left; flex: 0 0 100%; } } @media (min-width: 768px) { .menu .banner-location .img-fluid { margin-bottom: 0; } .menu .banner-location .btn-outline { margin-top: 0.4rem; min-width: 150px; } .dish-icon-image { margin-right: 10px; display: inline-block; } .out-of-stock * [fill='#FFBD1B'], .out-of-stock [fill='#F3BA19'], .out-of-stock [fill='#FFBE00'] { fill: #c60808 !important; } .out-of-stock a { color: #c60808 !important; } .menu .menu-item .menu-block-info .menu-controls > div { padding-left: 15px; padding-right: 15px; } .menu .menu-item .menu-block-info .menu-photo { height: 250px; } .menu .menu-item .menu-block-info .menu-content-footer .plate-specs, .menu .menu-item .menu-block-info .menu-content-footer .drink-specs, .menu .menu-item .menu-block-info .menu-content-footer .dessert-specs { margin-top: 0.5rem; } .menu .menu-item .menu-block-info .menu-content-footer .plate-specs .dish-icon-image, .menu .menu-item .menu-block-info .menu-content-footer .drink-specs .dish-icon-image, .menu .menu-item .menu-block-info .menu-content-footer .dessert-specs .dish-icon-image { margin-right: 10px; } .menu .menu-item .menu-block-info .menu-content-footer .plate-specs span.dish-type, .menu .menu-item .menu-block-info .menu-content-footer .drink-specs span.dish-type, .menu .menu-item .menu-block-info .menu-content-footer .dessert-specs span.dish-type { font-size: 11px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: -0.3px; color: #6a7384; margin-right: 24px; } .menu .menu-item .menu-block-info .menu-content-footer .plate-specs span.dish-type-meal-card, .menu .menu-item .menu-block-info .menu-content-footer .drink-specs span.dish-type-meal-card, .menu .menu-item .menu-block-info .menu-content-footer .dessert-specs span.dish-type-meal-card { font-size: 11px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: -0.3px; color: #6a7384; } .menu .menu-item .menu-block-info .menu-content-footer .dish-type-ingredients > div { padding-left: 0; padding-right: 0; } .menu .menu-item .menu-block-info .menu-content-footer .dish-type-ingredients .more-info { padding-right: 25px; } .menu .menu-block .checkbox { margin-left: 0.5rem; float: none; } .menu .menu-total .menu-controls { margin-top: 0; padding-top: 0; border: none; } .menu .menu-buttons { margin-left: 0; margin-right: 0; float: right; } .menu .menu-buttons a, .menu .menu-buttons .menu-quantity { width: auto; float: right; } .menu .order .hour { float: right; } } @media (max-width: 1086px) { .menu .menu-carousel .item { min-height: 160px; background-repeat: no-repeat; background-position-x: right; background-position-y: center; background-size: cover; max-height: 250px; height: 250px; } } @media (max-width: 795px) { .tooltip { left: -90px !important; } } @media (max-width: 767.98px) { .msg-stock-recent-box .msg-warn-out-sotck, .msg-stock-recent-box .msg-warn-last-order { width: calc(100% - 144px) !important; } .accordionDetails .card-body { background-color: #f9fafb; padding: 8px 16px 16px 16px; } .accordionDetails .card-header { background-color: #f9fafb !important; border-bottom: unset !important; padding: 11px 16px 11px 16px; border-top: 1px solid #e1e8ed !important; } .accordionDetails .headingDescription { border-top: 0px !important; } .accordionDetails .accordion-button span { font-weight: bold; } .accordionDetails .accordion-button::after { content: "\f123"; color: black; top: 11px; right: 16px; bottom: 13px; position: absolute; font-family: "Ionicons"; } .accordionDetails .accordion-button[aria-expanded="true"]::after { content: "\f126"; } .comments-box .star-outline-comment, .comments-box .star-fill-comment { color: #ffbd1b; font-size: 16px; } .comments-box .comments-title { margin-bottom: 16px !important; } .ingredients-list { padding: 0 !important; } .ingredients-list-footer { padding: 0; } .accordionDetails .card { margin-bottom: 0px !important; margin-left: 0px !important; } .menu .menu-carousel .item .block-text { z-index: 1; position: absolute; padding-left: 15px; padding-top: 30px; } .nutri-cat-section .nutri-cat { left: 16px !important; } .voucher-section .nutri-cat { left: 16px !important; } .voucher-section-2 .nutri-cat { left: 102px !important; } .break-title { word-break: break-word; width: 60% !important; } .break-title-2 { word-break: break-word; width: 70% !important; } .break-title-3 { word-break: break-word; width: 100% !important; } .meal-card-more-info { position: relative !important; text-align: center !important; width: 100% !important; right: auto !important; margin-top: 16px !important; padding: 24px 16px 16px 16px; } .menu-item .menu-photo { height: 250px !important; background-size: auto 17.5rem !important; } .menu-item .meal-card-title .menu-title { font-size: 1.3rem; margin-bottom: 0.25rem; } .menu-checkout .button-box, .menu-checkout .price-box { padding: 0 !important; } .menu-checkout .tooltip { left: -90px !important; } .menu .highlights { right: 32px !important; top: 16px !important; } .menu .highlights .highlight img { width: 40px !important; } .menu .menu-footer-float .menu-footer { float: unset; } .menu .btn-screen-msg-box-2 button { width: 100%; margin-top: 15px; } .menu .menu-checkout .item-cutlery .checkout-list-item { margin: 0; padding-left: 15px; } .menu .menu-checkout .item-cutlery .checkout-list-item span { margin-left: -15px; } .menu .item-cutlery-footer { padding: 17px 17px 17px 31px; } .menu .checkout-container .button-box, .menu .checkout-container .price-box { padding-bottom: 13px !important; } .menu .label-menu-submit { max-width: 100%; text-align: left; margin-top: 0px; font-size: 10px; padding: 0; margin-right: 0; } .menu .menu-block-info { padding: 24px 16px 16px 16px; } .menu .item-cutlery .buttons-more-less { padding-right: 0; padding-left: 0; } .menu .item-cutlery .menu-block-info { padding: 15px 0.125em 0px 1.125em !important; } .menu .item-cutlery .more-info-buttons { margin-right: 0; margin-left: 0; } /*.menu{ .menu-carousel{ .block-text { padding-left: 16px !important; padding-top: 35px !important; } .item{ min-height: 196px; background-repeat: no-repeat; } .item-bag{ background-image: url("/img/menu/banner/campanha-verao-totebag-mobile.jpg"); } .item-bag-es{ background-image: url("/img/menu/banner/campanha-verao-totebag-mobile-es.jpg"); } .item-packs{ background-image: url("/img/menu/banner/campanha-packs-mobile.jpg"); } .item-menu{ background-image: url("/img/menu/banner/campanha-menu-mobile.jpg"); } } }*/ .banner-mgm { text-align: left; /*h3 { margin-top: 1.4rem; } .btn-outline { float: none; display: block; margin-top: 1.4rem; }*/ } .banner-mgm .img-right img { width: 100% !important; height: auto !important; } .menu { /*.menu-item { .menu-block-info { .menu-controls { > div { padding-left: 15px; padding-right: 15px; } } .menu-photo { height: 250px; } .menu-content-footer { .menu-controls { .more-info-buttons { .more-info { text-align: center; } } } .plate-specs, .drink-specs, .dessert-specs { span.dish-type { font-size: 11px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: -0.3px; color: #6A7384; margin-right: 24px; padding: 7px 0 0 0; } span.dish-type-meal-card { font-size: 11px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: -0.3px; color: #6A7384; padding: 7px 0 0 0; } } .dish-type-ingredients { > div { padding-left: 0; padding-right: 0; } .more-info { padding-right: 25px; } } } } }*/ } .menu .more-dish, .menu .less-dish { float: left !important; } .menu .item-cutlery .menu-buttons, .menu .menu-checkout .menu-buttons { flex-direction: unset !important; } .menu .menu-buttons { display: flex; flex-direction: row-reverse; } .menu .menu-buttons .menu-quantity { float: none; } .menu .menu-buttons a.more-dish { float: right; } .menu .menu-block-info.block-cutlery { padding-left: 0; padding-right: 0; } .menu .menu-block-info.block-cutlery .cutlery-text { text-align: left; } .menu .menu-credits-banner .credits-banner-content { max-width: 100%; text-align: center; } .menu .ingredients-list .well ul { column-count: 2; } .menu .ingredients-list .well.nutritional-info ul .nutritional-item .nutritional-key { width: 140px; } .menu .ingredients-list .well.nutritional-info ul .nutritional-item .nutritional-key.nutritional-saturated_fat, .menu .ingredients-list .well.nutritional-info ul .nutritional-item .nutritional-key.nutritional-sugar { width: 130px; } } @media (max-width: 575.98px) { .menu .menu-buttons { display: flex; flex-direction: row-reverse; } .banner-mgm { text-align: left; } .banner-mgm .img-right img { width: 100% !important; height: auto !important; } } @media (max-width: 544px) { .banner-mgm { text-align: left; } .banner-mgm .img-right img { width: 100% !important; height: auto !important; } .menu-checkout .tooltip { left: -170px !important; } .partner-review { padding: 0 !important; } .menu { /* .menu-item { .menu-block-info { .menu-label-new { top: -1em; } /*.menu-label-spicy { top: -28.5em; } .menu-content-footer { .more-info { padding-right: 15px; margin-top: 1rem; } .plate-specs, .drink-specs, .dessert-specs { display: flex; align-items: center; margin-top: 1rem; padding:0; span.dish-type { font-size: 11px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: -0.3px; color: #6a7380; margin-right: 24px; margin-left: 10px; padding: 7px 0 0 0; } span.dish-type-meal-card { font-size: 11px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: -0.3px; color: #6a7380; padding: 7px 0 0 0; } } } } }*/ /*.menu-label-partnership { top: -31px !important; right: -15px !important; }*/ } .menu .title-brand-line { padding: 0; } .menu .menu-total { width: 100%; } .menu .menu-total .total-pay { float: right; } .menu .menu-total .total-pay button { width: 100%; } .menu .card-footer-alt { float: left; } .menu .menu-content-footer { margin-top: 10px; } .menu .menu-content-footer .label-pill { display: block; padding: 0; } .menu .menu-dish-type { display: flex; justify-content: center; } .checkout-container { padding: 0; } .menu-footer-float { height: auto; } .menu-footer-float .menu-footer-block { padding: 0; } .menu-footer-float .value { float: none; } .menu-footer-float .value .menu-total { float: none; } .menu-footer-float .menu-discount-text { margin: 0; float: left; } .page-heading .menu-content, .page-heading .menu-wrapper { padding-left: 0.5rem !important; padding-right: 0.5rem !important; } .page-heading .menu-content .row, .page-heading .menu-wrapper .row { margin-left: 0; margin-right: 0; } .page-heading .menu .menu-type { margin-left: 15px; } .page-heading .menu .menu-type.first-menu-type { margin-left: 0; } .page-heading .menu .cutlery-text { padding-left: 15px; padding-right: 15px; padding-top: 0px; } .page-heading .menu .menu-item .col-md-12, .page-heading .menu .menu-item .col-md-6 { padding-left: 0 !important; padding-right: 0 !important; } .page-heading .menu .menu-item .col-md-12.price-mobile, .page-heading .menu .menu-item .col-md-6.price-mobile { margin-top: 1rem; } .page-heading .menu .menu-total .cutlery-text { padding-left: 0 !important; padding-right: 0 !important; } .page-heading .menu .ingredients-list .row { margin-left: -15px !important; margin-right: -15px !important; } .page-heading .menu .menu-block-info.block-cutlery { padding-left: 0; padding-right: 0; } .page-heading .menu .menu-block-info.block-cutlery .cutlery-text { text-align: left; } .page-heading .menu .no-dish { padding-left: 15px !important; padding-right: 15px !important; } .menu .order .address-info { max-width: 82%; } } @media (max-width: 360px) { .banner-mgm { text-align: left; } .banner-mgm .img-right img { width: 100% !important; height: auto !important; } .menu .ingredients-list .well.nutritional-info ul .nutritional-item .nutritional-key { width: 100px; } .menu .ingredients-list .well.nutritional-info ul .nutritional-item .nutritional-key.nutritional-saturated_fat, .menu .ingredients-list .well.nutritional-info ul .nutritional-item .nutritional-key.nutritional-sugar { width: 90px; } } @media (max-width: 335px) { .buttons-more-less { padding-right: 0; padding-left: 0; } .break-title { width: 50% !important; } } .woot-widget-bubble { margin-bottom: 48px !important; } .checkbox { display: inline-block; position: relative; margin-bottom: .5rem; } .checkbox label { margin: 0; position: relative; top: .2rem; line-height: 44px; } .checkbox label:after { content: ''; display: table; clear: both; } .checkbox label input[type="checkbox"] { display: none; } .checkbox label input[type="checkbox"] + .cr > .cr-icon { opacity: 0; transition: all .3s ease-in; } .checkbox label input[type="checkbox"]:checked + .cr > .cr-icon { opacity: 1; } .checkbox label input[type="checkbox"]:disabled { opacity: .5; } .checkbox .cr { position: relative; display: inline-block; border: 1px solid #a9a9a9; border-radius: .25em; width: 26px; height: 26px; font-size: 24px; float: left; /* margin-right: .5rem; */ /* background-color: red; */ } .checkbox .cr .cr-icon { position: absolute; line-height: 0; left: 10%; font-size: 25px; } @media (min-width: 768px) { .checkbox label { line-height: 26px; } .checkbox label .cr { width: 18px; height: 18px; font-size: 16px; line-height: 18px; } .checkbox label .cr .cr-icon { font-size: 1em; } } #payment-dialog .modal-dialog .modal-content .modal-body .form-title { margin-left: 0; margin-bottom: 32px; margin-top: 0; font-size: 0.7rem; } #payment-dialog .modal-dialog .modal-content .modal-body .card-payment .cards { display: flex; justify-content: flex-end; } .box-payment-method .info { padding: 0; } .subtitle-box { width: 100%; padding-left: 0; } #pay-current-paypal, #pay-current-mbway { padding-right: 30px; } .payment-error { border: 0; border-radius: 0; background-color: #fae0e0; text-align: center; padding: 16px 24px 16px 24px; margin-top: 24px; margin-bottom: 24px; } .payment-error p { color: black; margin: 0; padding: 0; font-family: "montserratlight"; font-weight: normal; font-size: 0.75rem; letter-spacing: -0.0168rem; font-stretch: normal; font-style: normal; line-height: 1.67; letter-spacing: -0.24px; text-align: center; } .progress { padding: 0; } .with-number, .with-number-mbway { margin: 0 !important; } .text-after-input { font-family: "montserratlight"; font-size: 11px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.73; letter-spacing: -0.22px; color: #6a7381; } .mbway-subtitle { font-family: "montserratlight"; font-size: 11px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.73; letter-spacing: -0.22px; color: #6a7381; } .balance { font-family: "montserratlight"; font-size: 11px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.73; letter-spacing: -0.22px; color: #6a7381; } .order-payment-credits span.text { font-family: "montserratlight"; font-size: 11px; margin-right: 24px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.73; letter-spacing: -0.22px; text-align: right; color: #6a7381; } .order-payment-credits span.numbers { font-family: "montserratlight"; font-size: 11px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.73; letter-spacing: -0.22px; text-align: right; color: black; } .order-payment-total-to-pay span.text { font-family: "montserratlight"; font-size: 14px; margin-right: 24px; font-weight: 600 !important; font-stretch: normal; font-style: normal; line-height: 1.57; letter-spacing: -0.28px; text-align: right; color: black !important; } .order-payment-total-to-pay span.numbers { font-family: "montserratlight"; font-size: 14px; font-weight: 600 !important; font-stretch: normal; font-style: normal; line-height: 1.57; letter-spacing: -0.28px; text-align: right; color: black !important; } .right-side { margin: 0; padding: 0; } .right-side #telephone, .right-side #telephone-mbway { position: relative; right: 0; line-height: 21px !important; font-family: "montserratlight"; font-size: 12px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.67; letter-spacing: -0.24px; text-align: right; color: #6a7381; margin-right: 16px; } .right-side .button-box { padding: 0; margin: 0; } .right-side .button-box div { float: right; margin: 0; padding: 0; } .right-side .button-box button { margin-left: 8px !important; margin-right: 0 !important; width: 73px; height: 24px; border-radius: 3px; background-color: #d7dae0; font-family: "montserratlight"; font-size: 12px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.67; letter-spacing: -0.24px; text-align: center; border: 0; color: #6a7381; } .right-side .button-box button:active { border: 0 !important; } .right-side .button-box button:focus { border: 0 !important; } .iti__selected-flag { height: 46px; border-radius: 4px; border: solid 1px #b9c2ce !important; font-family: "montserratlight"; font-size: 0.875rem; letter-spacing: -0.0196rem; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.57; letter-spacing: -0.28px; color: black !important; background-color: #f9fafb !important; } #ticketrestaurant, #mbway { margin-left: 76px; padding-left: 10px !important; font-weight: 600; } .iti__selected-dial-code { font-weight: 600; } .iti__flag { display: none; } .iti__selected-flag { margin-right: 3px; border: 1px solid black; margin-left: 0px; } .iti__selected-flag:focus, .iti__selected-flag:active, .iti__selected-flag:hover { border: #ffbd1b 1px solid !important; } .progress { display: flex; overflow: hidden; font-size: 0.75rem; line-height: 1rem; height: 4px; text-align: center; background-color: #eceeef; border-radius: 0; } .payment-modal-ticketrestaurant .progress-container .seconds, .payment-modal-ticketrestaurant .progress-container .text-center, .payment-modal-mbway .progress-container .seconds, .payment-modal-mbway .progress-container .text-center { font-family: "montserratlight"; font-size: 0.6875rem; letter-spacing: -0.0154rem; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.73; letter-spacing: -0.22px; text-align: center; color: #b9c2ce; } .payment-error-message { color: black; width: 582px; height: 22px; font-family: "montserratlight"; font-size: 0.875rem; letter-spacing: -0.0196rem; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.57; letter-spacing: -0.28px; text-align: center; } #modal-switch .modal-body { position: relative; padding: 0; min-height: 555px; } #modal-switch .modal-body .modal-frame { position: absolute; width: 100%; height: 100%; } #modal-ticketrestaurant .modal-content, #modal-mbway .modal-content, #modal-switch .modal-content { width: 100%; border: 0; border-radius: 0; } #modal-ticketrestaurant .btn-secondary, #modal-ticketrestaurant .drivers-page .drivers-buttons-filter .organizations-list.organizations-list-title .btn-driver-mark-departed, .drivers-page .drivers-buttons-filter .organizations-list.organizations-list-title #modal-ticketrestaurant .btn-driver-mark-departed, #modal-ticketrestaurant .drivers-page .drivers-buttons-filter .organization-title .btn-driver-send-email, .drivers-page .drivers-buttons-filter .organization-title #modal-ticketrestaurant .btn-driver-send-email, #modal-mbway .btn-secondary, #modal-mbway .drivers-page .drivers-buttons-filter .organizations-list.organizations-list-title .btn-driver-mark-departed, .drivers-page .drivers-buttons-filter .organizations-list.organizations-list-title #modal-mbway .btn-driver-mark-departed, #modal-mbway .drivers-page .drivers-buttons-filter .organization-title .btn-driver-send-email, .drivers-page .drivers-buttons-filter .organization-title #modal-mbway .btn-driver-send-email, #modal-switch .btn-secondary, #modal-switch .drivers-page .drivers-buttons-filter .organizations-list.organizations-list-title .btn-driver-mark-departed, .drivers-page .drivers-buttons-filter .organizations-list.organizations-list-title #modal-switch .btn-driver-mark-departed, #modal-switch .drivers-page .drivers-buttons-filter .organization-title .btn-driver-send-email, .drivers-page .drivers-buttons-filter .organization-title #modal-switch .btn-driver-send-email { height: 44px; border-radius: 3px; } #modal-ticketrestaurant .alert, #modal-mbway .alert, #modal-switch .alert { border-radius: 0; background-color: #d3f6e5; border-color: #d3f6e5; } #modal-ticketrestaurant .alert p, #modal-mbway .alert p, #modal-switch .alert p { font-size: 0.75rem; letter-spacing: -0.0168rem; color: #000000; } #modal-ticketrestaurant .alert p strong, #modal-mbway .alert p strong, #modal-switch .alert p strong { font-family: "montserratlight"; font-size: 0.875rem; letter-spacing: -0.0196rem; font-weight: 600; } .modal-dialog .form-group .btn { float: none; width: 100%; } .order-title { /* text-transform: uppercase; font-family: montserratlight; color: $primary-color; font-size: 1.6rem; margin-bottom: 3rem; color: #282c30; font-family: 'montserratbold'; font-size: .9rem; margin-top: 30px; margin-top: 0; margin-bottom: 18px; margin-left: 3.125em; */ text-transform: unset; font-family: "montserratlight"; font-size: 1rem; letter-spacing: -0.0224rem; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: -0.32px; color: #6a7381; } .page .order-title { margin-bottom: 16px; } .payment-type { float: left; margin-bottom: 1rem; } .payment-desc { /* height: 36px; line-height: 36px; */ line-height: 20px; padding-left: 1rem; float: left; margin-bottom: 1rem; } #pay-current .credit-cards { display: inline-flex; align-items: center; height: 26px; } #pay-current .btn { border-radius: 100px; font-size: 0.6875rem; letter-spacing: -0.0154rem; padding: 6px 12px; background-color: #f0f1f2; color: #6a7380 !important; border: none; } #pay-current .btn:hover { color: #6a7380 !important; } .menu-checkout { padding-top: 1em !important; padding-bottom: 2em !important; margin-bottom: 0 !important; } .menu-checkout .cutlery-text { text-align: right; color: #000000; } .menu-checkout .cutlery-text .checkbox { margin-left: 16px; } .menu-checkout .menu-day-dish { margin-top: 20px; margin-bottom: 15px; display: block; } .menu-checkout .menu-day-dish label { font-family: "montserratlight"; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.73; letter-spacing: -0.22px; color: #6a7381; margin-left: 12px; } .menu-checkout .menu-day-dish strong { font-family: "montserratlight"; font-weight: 600; background: #ffbd1b; color: #000; padding: 5px; border-radius: 4px; font-size: 11px; } .menu-checkout .checkout-item { border-bottom: 1px solid #f0f1f2; margin-bottom: 10px; overflow: hidden; } .menu-checkout .checkout-item .checkout-list-item { display: flex; justify-content: space-between; } .menu-checkout .checkout-item .checkout-list-item .dish-photo { min-width: 50px; height: 50px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center center; background-image: url("https://static.eattasty.com/cloudinary/eattasty/image/upload/q_auto/v1501022488/Meal-Web-1024x540_pzrtsz.png"); } .menu-checkout .checkout-item .checkout-list-item .dish-photo.drink { background-image: url("https://static.eattasty.com/cloudinary/eattasty/image/upload/q_auto/v1501022488/Drink-Web-1024x540_qu6fbi.png"); } .menu-checkout .checkout-item .checkout-list-item .info-dish { padding-left: 2rem; flex-grow: 1; } .menu-checkout .checkout-item .checkout-list-item .info-dish p { margin-bottom: 0.5rem; } .menu-checkout .checkout-item .checkout-list-item .info-dish p.plate { color: #000000; font-family: "montserratregular"; } .menu-checkout .checkout-item .checkout-list-item .menu-quantity p { flex-grow: 1; color: #000000; text-align: right; font-size: 1.0625rem; letter-spacing: -0.0238rem; font-family: "montserratlight"; } .menu-checkout .cutlery .cutlery-text { display: flex; align-items: center; justify-content: flex-end; font-family: "montserratlight"; } .menu-checkout .cutlery .cutlery-text .checkbox { margin-bottom: 0; } .menu-checkout .payment-type, .menu-checkout .payment-desc { margin-bottom: 0; } .menu-checkout.delivery .delivery-row { display: flex; justify-content: space-between; } .menu-checkout.delivery .delivery-row:not(.nopadding) { margin-top: 2rem; } .menu-checkout.delivery .delivery-row .delivery-icon { padding-right: 1rem; } .menu-checkout.delivery .delivery-row .delivery-info { flex-grow: 1; } .menu-checkout.delivery .delivery-row .delivery-info p { margin-bottom: 0.5rem; font-size: 0.9375rem; letter-spacing: -0.021rem; } .menu-checkout.delivery .delivery-row .delivery-info p.address { color: #000000; margin-bottom: 0; } .menu-checkout.delivery .delivery-row .delivery-info p.time { margin-top: 1rem; font-family: "montserratbold"; color: #000000; margin-bottom: 0; font-size: 0.8125rem; letter-spacing: -0.0182rem; } .menu-checkout.delivery .delivery-row .delivery-info p.notice { color: #000000; font-family: "montserratregular"; font-size: 0.8125rem; letter-spacing: -0.0182rem; } .menu-checkout.delivery .delivery-row .delivery-info-2 { flex-grow: 1; } .menu-checkout.delivery .delivery-row .delivery-info-2 .baddress { margin-bottom: 16px; } .menu-checkout.delivery .delivery-row .delivery-info-2 p { margin-bottom: 0.5rem; font-size: 0.9375rem; letter-spacing: -0.021rem; } .menu-checkout.delivery .delivery-row .delivery-info-2 p.address { margin: 8px 0 0 8px; font-family: "montserratlight"; font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1; letter-spacing: -0.28px; color: black; } .menu-checkout.delivery .delivery-row .delivery-info-2 p.time { margin: 8px 0 0 8px; font-family: "montserratlight"; font-size: 12px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1; letter-spacing: -0.24px; color: black; } .menu-checkout.delivery .delivery-row .delivery-info-2 p.notice { margin: 8px 0 0 8px; font-family: "montserratlight"; font-size: 12px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1; letter-spacing: -0.24px; color: black; } .menu-checkout.invoice .invoice-row { margin-top: 2rem; display: flex; align-items: end; justify-content: space-between; } .menu-checkout.invoice .invoice-row .invoice-icon { padding-right: 1rem; } .menu-checkout.invoice .invoice-row .invoice-icon img { width: 28px; } .menu-checkout.invoice .invoice-row .invoice-info { flex-grow: 1; } .menu-checkout.invoice .invoice-row .invoice-info p { margin-bottom: 0.5rem; font-size: 0.9375rem; letter-spacing: -0.021rem; } .menu-checkout.invoice .invoice-row .invoice-info p.invoice-prologue { color: #000000; margin-bottom: 0; } .menu-checkout.invoice .invoice-row .invoice-info p.invoice-name, .menu-checkout.invoice .invoice-row .invoice-info p.invoice-vat, .menu-checkout.invoice .invoice-row .invoice-info p.invoice-address { margin-top: 0; font-family: "montserratregular"; color: #000000; margin-bottom: 0; font-size: 0.8125rem; letter-spacing: -0.0182rem; } .menu-checkout .row.line { margin: 8px 0 17px 0; height: 1px; background: #e1e8ed; } .menu-checkout.payment { margin-bottom: 30px !important; } .menu-checkout.payment .row.voucher-title { margin-top: 2rem; } .menu-checkout.payment .row.voucher-title > div { margin-top: 0rem; font-family: "montserratlight"; font-size: 0.75rem; letter-spacing: -0.0168rem; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.67; letter-spacing: -0.24px; color: black; margin-bottom: 0.5rem; } .menu-checkout.payment .row.challenge-title { margin-top: 0; } .menu-checkout.payment .row.challenge-title > div { margin-top: 0rem; font-family: "montserratlight"; font-size: 0.75rem; letter-spacing: -0.0168rem; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.67; letter-spacing: -0.24px; color: black; margin-bottom: 0.5rem; } .menu-checkout.payment .row.voucher-form { font-family: "montserratlight"; color: #7F7F7F; align-items: center; } .menu-checkout.payment .row.voucher-form input.form-control { border: 1px solid #cccccc; } .menu-checkout.payment .row.credits-title > div { margin-top: 0rem; font-family: "montserratlight"; font-size: 0.75rem; letter-spacing: -0.0168rem; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 0.5; letter-spacing: -0.24px; color: black; margin-bottom: 0.5rem; } .menu-checkout.payment .row.credits-balance { font-family: "montserratlight"; color: #7F7F7F; } .menu-checkout.payment .row.credits-balance .button-credits { top: -10px; } .menu-checkout.payment .order-payment { font-size: 0.875rem; letter-spacing: -0.0196rem; font-family: "montserratlight"; } .menu-checkout.payment .order-payment .order-payment-total { font-family: "montserratlight"; margin-top: 3rem; } .menu-checkout.payment .order-payment .numbers { color: #6a7380; } .menu-checkout.payment .order-payment .order-payment-sumary { font-size: 0.6875rem; letter-spacing: -0.0154rem; } .menu-checkout.payment .order-payment .order-payment-sumary .debt .text { color: #f05322; } .menu-checkout.payment .order-payment .order-payment-sumary .debt .numbers { font-weight: bold; color: #f05322; } .menu-checkout.payment .order-payment .order-payment-total-to-pay { margin-top: 1rem; font-size: 0.9375rem; letter-spacing: -0.021rem; font-family: "montserratbold"; } .menu-checkout.payment .order-payment .order-payment-total-to-pay .text { color: #000000; } .menu-checkout.payment .order-payment .order-payment-total-to-pay .numbers { font-weight: bold; color: #6a7380; } .menu-checkout.payment .payment-submit { margin-top: 1rem; } .menu-checkout.payment .payment-submit .btn::first-letter { text-transform: capitalize; } .menu-checkout.payment .payment-submit .btn { width: 100%; background-color: #ffbd1b; border: 0; padding-top: 10px; padding-bottom: 10px; font-family: "montserratlight"; font-size: 1rem; letter-spacing: -0.0224rem; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: -0.32px; text-align: center; color: #000; cursor: pointer; text-transform: lowercase; } .menu-checkout.payment .payment-submit .btn:hover:disabled { cursor: not-allowed; } .menu-checkout.payment .payment-submit .btn:disabled { border-radius: 3px; background-color: #f9fafb; font-family: "montserratlight"; font-size: 1rem; letter-spacing: -0.0224rem; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: -0.32px; text-align: center; color: #b9c2ce; } .menu-checkout.payment .btn:disabled { border-color: #f9fafb; background-color: #f9fafb; color: #b9c2ce; } .menu-checkout.payment #pay-add-cc, .menu-checkout.payment #pay-current-cc { padding-left: 0; padding-right: 0; } .menu-checkout.payment .visa-mastercard { padding-top: 15px; padding-left: 0; } .menu-checkout.payment #please-wait-message { top: 0px; float: right; width: 100%; left: 0; padding: 0; } .menu-checkout.payment .payment-credit-card { margin-bottom: 1rem; margin-top: 0rem; } .menu-checkout.payment .payment-credit-card .credit-card-title { font-family: "montserratlight"; font-size: 0.75rem; letter-spacing: -0.0168rem; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.67; letter-spacing: -0.24px; color: black; padding-left: 0; } .menu-checkout.payment .payment-credit-card .credit-card-title small { white-space: nowrap; font-family: "montserratregular"; } .menu-checkout.payment .payment-credit-card > .row.line { margin: 22px 0px 3px 0px; } .menu-checkout.payment .payment-credit-card .btn-remove { margin-left: 4px !important; } .menu-checkout.payment .payment-credit-card .cards-list-small { display: inline; height: 24px; vertical-align: -webkit-baseline-middle; margin-right: 1rem; } .menu-checkout.payment .payment-credit-card .credit-type .col-sm-1 { width: auto !important; } .menu-checkout.payment .payment-credit-card .credit-type .col-sm-11 { width: 88% !important; } .menu-checkout.payment .payment-credit-card .payment-method-error p { margin-bottom: .5rem; } .order-item { padding-top: 2em !important; padding-bottom: 2em !important; } @media (min-width: 544px) { .modal-dialog .form-group .btn { float: right; width: auto; } .modal-dialog .form-group .btn-paypal { float: none; } } @media (max-width: 767.98px) { .menu-checkout .checkout-item .info-dish { padding-left: 15px; } #pay-current { margin-top: 0.5rem; } } @media (max-width: 767.98px) { #pay-add { width: 100%; margin-top: 0.8rem; } #pay-add .cards-list-small { float: left; display: block; width: 200px; margin-top: 4px; margin-right: 0; } #pay-add .btn { float: right; width: 80px; } #pay-current-mbway { padding-right: 16px; } .box-payment-method { padding-left: 25px !important; } .box-payment-method .info { padding-left: 0; } } .form-group label { font-size: 0.7rem; color: black; font-family: "montserratlight"; font-size: 12px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.67; letter-spacing: -0.24px; } .form-group p { margin-bottom: 0; } .form-group .text-muted { color: #7f7f7f !important; font-family: "montserratlight"; } @media (max-width: 400px) { #ticketrestaurant, #mbway { width: 65% !important; } } @media (max-width: 575.98px) { .box-inside-info { /*max-width: unset !important; padding-right: 0; margin: 0;*/ } } @media (max-width: 400px) { .credit-card-buttons { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; width: 100%; padding-top: 10px; padding-left: 10px; } .credit-card-buttons .btn-remove { margin-right: 5px !important; } } @media (max-width: 545px) { .form-group.row > div:first-child { margin-bottom: 2em; } .form-group.row > div:first-child.col-sm-12 { margin-bottom: 0; } .menu-checkout .checkout-item .checkout-list-item .info-dish { padding-top: 0; padding-left: 15px; } .menu-checkout .checkout-item .checkout-list-item .info-dish .price { margin-top: 0; display: block; } .menu-checkout .checkout-item .checkout-list-item .menu-controls { margin-top: -60px; } .menu-content { padding-left: 0 !important; padding-right: 0 !important; } .menu-content .form-title, .menu-content .order-title { margin-left: 15px; } .card-form .menu-checkout, .card-form .confirm-address { padding-left: 15px !important; padding-right: 15px !important; } } .form-title { /* font-size: .7rem; color: $primary-color; text-transform: uppercase; font-weight: bold; margin-bottom: 32px; */ color: #282c30; font-family: "montserratbold"; font-size: 0.9rem; margin-top: 40px; margin-bottom: 40px; margin-left: 3.125em; text-transform: uppercase; } .form-title.payment-card-entry { margin-top: 21px; } .card-payment { margin-bottom: 23px; } .ccard { display: inline-block; height: 36px; width: 57px; background-repeat: no-repeat; /* background-size:contain; */ background-size: cover; background-position: center; background-color: #f0f0ee; /* border: 1px solid #ccc; */ border-radius: 3px; margin-right: 3px; } .ccard:last-child { margin-right: 0; } .ccard-small { height: 17px; width: 28px; } .ccard-big { width: 70px; height: 28px; } .ccard-visa { background-image: url("/img/pay/visa.png"); } .ccard-paypal { background-image: url("/img/pay/paypal.png"); } .ccard-paypal.payment-type { height: 26px; } .ccard-edenred { background-image: url("/img/pay/edenred.png"); } .ccard-sodexo { background-image: url("/img/pay/sodexo.png"); } .ccard-cheque-gourmet { background-image: url("/img/pay/cheque-gourmet.png"); } .ccard-american-express { background-image: url("/img/pay/american_express.png"); } .ccard-discover { background-image: url("/img/pay/discover.png"); } .ccard-maestro { background-image: url("/img/pay/maestro.png"); } .ccard-mastercard { background-image: url("/img/pay/mastercard.png"); } .ccard-caixa-break { background-image: url("/img/pay/caixa-break.png"); } .ccard-uk-maestro { background-image: url("/img/pay/uk_maestro.png"); } .ccard-mb { background-image: url("/img/pay/mb.png"); } .ccard-mbway { background-image: url("/img/pay/mbway.png"); } .ccard-cgd { background-image: url("/img/pay/cgd.png"); background-size: 17px; background-position-x: 4px; } .ccard-mb-big { background-image: url("/img/pay/mb_big.png"); } .ccard-paypal-big { background-image: url("/img/pay/paypal_big.png"); } #card-number { position: relative; } #card-number .ccard { position: absolute; right: 6px; border: none; top: 10px; } #pay-current-ticketrestaurant { margin-top: 16px; width: 100%; } #pay-current-mbway { margin-top: 0px; width: 100%; } .buttons-box-saved { text-align: right; padding: 0px; margin: 0; } .label-subtitle { font-family: "montserratlight"; font-size: 0.6875rem; letter-spacing: -0.0154rem; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.73; letter-spacing: -0.22px; color: #6a7381; padding-left: 0; } .label-cvv { margin: 8px 0px 4px 0px; font-family: "montserratlight"; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.67; letter-spacing: -0.24px; color: black; } .input-cvv { min-width: 140px !important; border: 0 !important; } .input-cvv::placeholder { font-family: "montserratlight"; font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.57; letter-spacing: -0.28px; color: #b9c2ce; } .breadcrumb { background: none; margin-top: 3rem; padding: 0; } .breadcrumb-item { color: #9B9B9B; font-size: .7rem; text-transform: uppercase; } .breadcrumb-item + .breadcrumb-item::before { color: #9B9B9B; content: '\f10a'; font-family: 'Ionicons'; font-size: .7rem; } .breadcrumb-item a, .breadcrumb-item a:hover, .breadcrumb-item a:focus { color: #7F7F7F; } .breadcrumb-item.active a, .breadcrumb-item.active a:hover, .breadcrumb-item.active a:focus { color: #ffbd1b; } .page .breadcrumb { margin-bottom: 3rem; } @media (max-width: 544px) { .page-heading .breadcrumb { margin-left: 15px; } } .eth1 { font-family: "montserratlight"; font-size: 2.5rem; letter-spacing: -0.056rem; color: #9B9B9B; } .eth5 { font-family: "montserratlight"; font-size: 1.25rem; letter-spacing: -0.028rem; color: #4d2209; } .header-modal { position: fixed; z-index: 1000; width: 100%; height: 64px; padding-top: 5px; background-color: #ffbd1b; } .content { position: relative; padding-top: 174px; padding-bottom: 160px; } .content p { font-size: 0.875rem; letter-spacing: -0.0196rem; line-height: 2em !important; } #achored-content { margin-top: 5rem; } .btn-close-modal:hover { opacity: 0.5; display: block; } .topmenu-anchors { position: fixed; background-color: #F1F2F3; width: 100%; z-index: 1; left: 0; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1); } .topmenu-anchors ul { list-style: none; padding: 0; } .topmenu-anchors li { padding: 5px 0px; margin: 18px 0.5rem 18px 0.5rem; font-family: "montserratbold"; font-size: 0.6875rem; letter-spacing: -0.0154rem; } .topmenu-anchors li a:link, .topmenu-anchors li a:visited { color: #9B9B9B; } .topmenu-anchors li a:hover { color: #7F7F7F; } .topmenu-anchors li.active { border-bottom: 2px solid #4d2209; } .topmenu-anchors li.active a { color: #4d2209 !important; } .sidemenu-anchors { position: fixed; margin-top: 4rem; } .sidemenu-anchors ul { list-style: none; padding: 0; } .sidemenu-anchors li { padding: 5px 0px; margin: 18px 0px; font-family: "montserratbold"; font-size: 0.6875rem; letter-spacing: -0.0154rem; } .sidemenu-anchors li a:link, .sidemenu-anchors li a:visited { color: #9B9B9B; padding-right: 10px; } .sidemenu-anchors li a:hover { color: #7F7F7F; } .sidemenu-anchors li.active { border-right: 3px solid #4d2209; } .sidemenu-anchors li.active a { color: #4d2209 !important; } a:link { text-decoration: none; } .promobox { background-color: #fafafa; border-bottom: solid 1px #e0e0e1; /* margin-top: 15px; */ /* margin-bottom: 46px; */ padding-top: 1.1rem; padding-bottom: 1.1rem; /* display: table; */ width: 100%; } .promobox .promobox-container { max-width: 770px; margin-left: auto; margin-right: auto; } .promobox .promobox-container .promovalues span { display: block; text-align: left; } .promobox .promobox-container .promovalues span.label { color: #94a1b3; font-size: 0.625rem; letter-spacing: -0.014rem; font-family: "montserratbold"; text-transform: uppercase; } .promobox .promobox-container .promovalues span.offer { color: #282c30; font-size: 1.25rem; letter-spacing: -0.028rem; line-height: 1.3rem; font-family: "montserratbold"; } .promobox .promobox-container .promovalues span.value { color: #282c30; font-size: 1.25rem; letter-spacing: -0.028rem; line-height: 1.3rem; font-family: "montserratregular"; } .promobox .promobox-container .promocredits { text-align: right; } .promobox .promobox-container .promocredits .btn-info { float: right; border-radius: 3px; background-color: #000; border-color: #000; padding: 3px 15px 4px 15px; font-size: 0.6875rem; letter-spacing: -0.0154rem; font-family: "montserratregular"; text-align: center; color: #fff !important; margin: 8px 0 0 15px; cursor: pointer; } .promobox .promobox-container .promocredits .btn-info:hover { background-color: #d5d5d5; border-color: #d5d5d5; color: #6a7380 !important; } .promobox .promobox-container .promocredits .span-info { margin: 11px 0 0 0; display: inline-block; font-size: 0.6875rem; letter-spacing: -0.0154rem; color: #f05322; } .promobox .promobox-inner { vertical-align: middle; padding: 16px 30px 16px 30px; display: table-cell; } .promobox .promobox-inner p.strongtext { font-size: 0.875rem; letter-spacing: -0.0196rem; font-family: "montserratbold"; color: #ffbd1b; text-transform: uppercase; margin-bottom: 0; margin-right: 1rem; } .promobox .promobox-inner p.information { font-size: 0.875rem; letter-spacing: -0.0196rem; font-weight: 300; line-height: 1.4em !important; color: #4a4a4a; margin-bottom: 0; } .promobox .promobox-inner p.information strong { font-family: "montserratbold"; } .promobox .promodetail { background-color: #ffffff; text-align: center; vertical-align: middle; float: none; display: table-cell; overflow: hidden; width: 25%; } .promobox .promodetail:last-child { border-top-right-radius: 12px; border-bottom-right-radius: 12px; padding-top: 16px; padding-bottom: 16px; } .promobox .promodetail .label { font-size: .75rem; color: #4d2209; text-transform: uppercase; font-family: "montserratbold"; } .promobox .promodetail .value { font-size: 1.5rem; font-family: "montserratbold"; text-align: center; color: #e7ac1a; display: block; margin: 0 auto; } .promobox.nopadding { padding-top: 0; padding-bottom: 0; } .promobox.nopadding .title, .promobox.nopadding .card-plans .plan-was-cancelled .block-message .title, .card-plans .plan-was-cancelled .block-message .promobox.nopadding .title { font-size: 1rem; color: #000; letter-spacing: -0.04rem; font-weight: 700; margin-bottom: .5rem; line-height: 1.2rem; } .promobox.nopadding .icon { font-size: 1.2rem; } .promobox.nopadding .text { font-family: "montserratregular"; font-size: .8rem; color: #6a7381; letter-spacing: -0.05rem; } .promobox.nopadding small { color: #7F7F7F; } .promobox.nopadding .promobox-container .col-md-8 { padding: .8rem 3rem .4rem 2rem; } .promobox.nopadding .promobox-container .col-md-4 { padding: 0; display: flex; } /* .page { .promobox { margin-bottom: 36px; } } */ @media (max-width: 767.98px) { .promobox { text-align: center; margin-top: 11px; /* margin-bottom: 47px; */ display: block; } .promobox .promobox-inner { display: block; /* p.strongtext { @include font(12); } p.information { @include font(12); } */ } .promobox .promodetail { display: none; } } .credits-page .et-chevron-down { color: #d7dae0; } .credits-page .et-chevron-up { color: black; } .credits-page .buy-link { margin-bottom: 15px; } .credits-page .block-info-pay { cursor: pointer; } .credits-page h1 { font-size: 1.5rem; letter-spacing: -0.0336rem; font-family: "montserratlight"; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: -1.44px; text-align: center; color: black; margin-top: 40px; margin-bottom: 50px; } .credits-page .owl-carousel .owl-dots { text-align: center; margin-top: 8px; } .credits-page .owl-carousel .owl-dot { display: inline-block; width: 6px; height: 6px; margin: 5px 5px; filter: Alpha(Opacity=30); opacity: 0.1; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: linear-gradient(to left, rgba(0, 0, 0, 0), black 0%); cursor: unset; } .credits-page .owl-carousel .owl-dot.active { filter: Alpha(Opacity=100); opacity: 1; } .credits-page .owl-carousel .owl-nav .owl-prev, .credits-page .owl-carousel .owl-nav .owl-next { display: block; border-radius: 100%; position: absolute; top: 40%; font-size: 0; text-align: center; } .credits-page .owl-carousel .owl-nav .owl-prev:before, .credits-page .owl-carousel .owl-nav .owl-next:before { font-size: 2.5rem; color: #000000; font-family: "Ionicons"; } .credits-page .owl-carousel .owl-nav .disabled { display: none; } .credits-page .owl-carousel .owl-nav .owl-prev { left: -30px; } .credits-page .owl-carousel .owl-nav .owl-prev:before { content: "\f124"; font-size: 1.5rem; color: #b9c2ce; } .credits-page .owl-carousel .owl-nav .owl-next:hover:before, .credits-page .owl-carousel .owl-nav .owl-prev:hover:before { color: black; } .credits-page .owl-carousel .owl-nav .owl-next { right: -30px; } .credits-page .owl-carousel .owl-nav .owl-next:before { content: "\f125"; font-size: 1.5rem; color: #b9c2ce; } .credits-page .lead-credits { max-width: 100%; margin-left: 0; margin-right: 0; margin-bottom: 0px; } .credits-page .lead-credits p { font-family: "montserratlight"; font-size: 16px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: -0.32px; color: #6a7381; font-size: 1rem; letter-spacing: -0.0224rem; text-align: center; padding: 0; margin: 0; } .credits-page .lead-credits p strong { font-family: "montserratbold"; } .credits-page h2 { font-size: 1.2em; } .credits-page .debit-ol, .credits-page .credit-ol, .credits-page .transfer-ol { display: none; } .credits-page .separator { border-top: 1px #f0f1f2 solid; width: 95%; margin-bottom: 16px; margin-top: 16px; } .credits-page .options-block { padding: 30px 0px 30px 30px; background-color: white; } .credits-page .options-block a { text-align: right; } .credits-page .credit-card { margin: 16px 0 0 0; } .credits-page .credit-card .credit-color-bar { padding-top: 0.15em; padding-bottom: 0.25em; width: 100%; min-height: 24px; border-radius: 3px; text-align: center; color: #ffffff; font-family: "montserratregular"; font-size: 0.75rem; letter-spacing: -0.0168rem; } .credits-page .credit-card .credit-color-bar strong { font-family: "montserratbold"; } .credits-page .credit-card .credit-color-bar.red { background-color: #cb4a2d; } .credits-page .credit-card .credit-color-bar.green { background-color: #6fcd26; } .credits-page .credit-card .credit-color-bar.brown { background-color: #994b30; } .credits-page .credit-card .credit-color-bar.orange { background-color: #ffbd1b; } .credits-page .credit-card .title-and-price { margin-top: 30px; text-align: center; } .credits-page .credit-card .title-and-price h3.col-12 { position: absolute; top: 50px; font-family: 'montserratlight'; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.44; letter-spacing: -0.36px; text-align: center; font-size: 18px; color: white; z-index: 1; } .credits-page .credit-card .offers { text-align: center; padding: 0 10px 0 10px; font-family: "montserratlight"; font-size: 12px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.67; letter-spacing: -0.24px; text-align: center; color: white; text-transform: uppercase; padding: 0 2rem; margin-bottom: 96px; } .credits-page .credit-card .offers p { color: black; padding: 3px 10px 3px 10px; border-radius: 3px; width: 100%; } .credits-page .credit-card .buy-btn-form { text-align: center; width: 100%; } .credits-page .credit-card .btn-box { width: 100%; position: absolute; bottom: 15px; z-index: 0; } .credits-page .credit-card .btn-box button { margin-bottom: 15px; } .credits-page .credit-card .credits-pack .taster::before { content: ""; display: table; height: 120px; width: 100%; background-color: #66c295; background: url("../img/credits/back_credits.png") #66c295; background-size: 70%; background-repeat: no-repeat; background-position-x: center; background-position-y: center; } .credits-page .credit-card .credits-pack .enthusiast::before { content: ""; display: table; height: 120px; width: 100%; background-color: #f38283; background: url("../img/credits/back_credits.png") #f38283; background-size: 70%; background-repeat: no-repeat; background-position-x: center; background-position-y: center; } .credits-page .credit-card .credits-pack .connoisseur::before { content: ""; display: table; height: 120px; width: 100%; background-color: #6cccd9; background: url("../img/credits/back_credits.png") #6cccd9; background-size: 70%; background-repeat: no-repeat; background-position-x: center; background-position-y: center; } .credits-page .credit-card .credits-pack .addicted::before { content: ""; display: table; height: 120px; width: 100%; background-color: #ffbd1b; background: url("../img/credits/back_credits.png") #ffbd1b; background-size: 70%; background-repeat: no-repeat; background-position-x: center; background-position-y: center; } .credits-page .credit-card .credits-pack .none::before { content: ""; display: table; height: 120px; width: 100%; background-color: #dad8d8; background: url("../img/credits/back_credits.png") #dad8d8; background-size: 70%; background-repeat: no-repeat; background-position-x: center; background-position-y: center; } .credits-page .credit-card .credits-pack .credit-card-content { border-radius: 2px; min-height: 320px; background-color: #ffffff; box-shadow: 0 0 4px 0 rgba(105, 115, 128, 0.05); border: solid 1px rgba(189, 195, 204, 0.3); margin-bottom: 15px; border-bottom: 1px solid #ffbd1b; /* ul { min-height: 111px; margin: 0; padding: 0; list-style: none; position: relative; li { width: 49%; padding: 10px 0 10px 0; vertical-align: middle; display: inline-block; border-right: 1px solid #f2f2f2; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); &:last-child { width: 49%; text-align: center; border: none; left: auto; right: 0; } p { margin: 0; @include font(13); text-transform: uppercase; color: #000; strong { display: block; @include font(24); font-family: $font; } } p.bonus { span { padding: 5px 15px 5px 15px; display: inline-block; @include font(11); color: #fff; font-family: $font; text-transform: uppercase; border-radius: 13px; background-color: #f05322; } strong { color: #f05322; strike { padding: 0 5px 0 0; color: #94a1b3; font-family: $light-font; } } } } } */ } .credits-page .credit-card .credits-pack .credit-card-content span { font-size: 2.75rem; letter-spacing: -0.0616rem; font-family: "montserratlight"; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.18; letter-spacing: -2.64px; text-align: center; color: black; } .credits-page .credit-card .credits-pack .credit-card-content span small { font-size: .5em; vertical-align: middle; margin-bottom: 0.3em; display: inline-block; } .credits-page .credit-card .credits-pack .credit-card-content .ribbon { width: 150px; height: 150px; overflow: hidden; position: absolute; } .credits-page .credit-card .credits-pack .credit-card-content .ribbon::before, .credits-page .credit-card .credits-pack .credit-card-content .ribbon::after { position: absolute; z-index: -1; content: ''; display: block; border: 5px solid #26a6d1; } .credits-page .credit-card .credits-pack .credit-card-content .ribbon span { position: absolute; display: block; color: #fff; text-align: center; font-size: 0.6875rem; letter-spacing: 1.5px; font-family: "montserratbold"; } .credits-page .credit-card .credits-pack .credit-card-content .ribbon.ribbon-top-right { top: 0; right: 0; } .credits-page .credit-card .credits-pack .credit-card-content .ribbon.ribbon-top-right::before, .credits-page .credit-card .credits-pack .credit-card-content .ribbon.ribbon-top-right::after { border-top-color: transparent; border-right-color: transparent; } .credits-page .credit-card .credits-pack .credit-card-content .ribbon.ribbon-top-right::before { top: 0; left: 0; } .credits-page .credit-card .credits-pack .credit-card-content .ribbon.ribbon-top-right::after { bottom: 0; right: 0; } .credits-page .credit-card .credits-pack .credit-card-content .ribbon.ribbon-top-right span { right: 1px; top: 10px; padding: 10px 16px; background-color: #000000; border-radius: 2px 0px 0px 2px; } .credits-page .credit-card .credits-pack .credit-card-content ul { text-align: left; text-transform: none; color: black; } .credits-page .credit-card .credits-pack .credit-card-content ul > li { white-space: nowrap; } .credits-page .credit-card .credits-pack .credit-card-content .link { text-decoration: underline !important; color: black !important; } .credits-page .credit-card .credits-pack .credit-card-content .btn-secondary, .credits-page .credit-card .credits-pack .credit-card-content .drivers-page .drivers-buttons-filter .organizations-list.organizations-list-title .btn-driver-mark-departed, .drivers-page .drivers-buttons-filter .organizations-list.organizations-list-title .credits-page .credit-card .credits-pack .credit-card-content .btn-driver-mark-departed, .credits-page .credit-card .credits-pack .credit-card-content .drivers-page .drivers-buttons-filter .organization-title .btn-driver-send-email, .drivers-page .drivers-buttons-filter .organization-title .credits-page .credit-card .credits-pack .credit-card-content .btn-driver-send-email { width: 75%; font-size: 0.875rem; letter-spacing: -0.0196rem; color: #000; font-family: "montserratregular"; cursor: pointer; position: relative; z-index: 10; } .credits-page .credit-card .credits-pack .credit-card-content::before { content: ""; display: table; } .credits-page .credit-card .credits-pack .credit-card-content::after { content: ""; display: table; clear: both; } .credits-page .home-obs-credits p { font-size: 0.75rem; letter-spacing: -0.0168rem; width: 100%; font-family: "montserratlight"; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.67; letter-spacing: -0.24px; text-align: center; color: #6a7381; padding: 0px 0 0 0; } .credits-page .home-payment-credits { max-width: 535px; margin-left: auto; margin-right: auto; margin-top: 35px; text-align: center; } .credits-page .home-payment-credits p { font-family: "montserratregular"; font-size: 0.6875rem; letter-spacing: -0.0154rem; color: #282c30; text-transform: uppercase; margin-bottom: 27px; } .credits-page .home-payment-credits .modal-content .ccard { margin-right: 2px !important; } .credits-page .home-payment-credits .ccard { background-color: #ffffff; } .credits-page .home-payment-credits .ccard-small { width: 36px; height: 22px; } .credits-page .home-payment-credits .card-division { vertical-align: top; color: #bec4cc; padding-left: 5px; padding-right: 5px; } .credits-page .bd-footer { margin-bottom: 0; } .credits-content { padding-bottom: 30px; } .credits-content .credits-tmp-buy h3 { font-family: 'montserratlight'; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: -0.32px; color: #6a7381; font-size: 16px; } .credits-content .credits-tmp-buy .container { max-width: 50%; } .credits-content .credits-tmp-buy .options-block { border-bottom: 1px solid #ffbd1b; } .credits-content .credits-tmp-buy .options-block h4 { padding: 8px 0px 10px 40px; color: #000000; font-size: 1rem; letter-spacing: -0.0224rem; font-family: "montserratregular"; margin-bottom: 0; } .credits-content .credits-tmp-buy .options-block h4 span { padding: 0 0 5px 0; font-size: 0.6875rem; letter-spacing: -0.0154rem; font-family: "montserratregular"; display: block; } .credits-content .credits-tmp-buy .options-block h4.credit { background: url("../img/credits/bg_options_credit.svg?v2") left top no-repeat; } .credits-content .credits-tmp-buy .options-block h4.transfer { background: url("../img/credits/bg_options_transfer.svg?v2") left top no-repeat; } .credits-content .credits-tmp-buy .options-block h4.debit { background: url("../img/credits/bg_options_debit.svg?v2") left top no-repeat; } .credits-content .credits-tmp-buy .options-block ol { margin-top: 1.6rem; padding: 0 0 0 30px; font-size: 0.875rem; letter-spacing: -0.0196rem; font-family: "montserratlight"; color: #6a7380; } .credits-content .credits-tmp-buy .options-block ol li { padding: 5px 0 5px 10px; } ul.list-checks { list-style: none; padding-left: 0; } ul.list-checks > li:before { content: '✓'; margin-right: 0.8em; } .credits-checkout-page .menu-type { margin-bottom: 16px; } .credits-checkout-page .menu-item { padding-top: 2rem !important; padding-bottom: 2rem !important; } .credits-checkout-page .menu-item h4 { font-family: "montserratbold"; font-size: 0.6875rem; letter-spacing: -0.0154rem; color: #6a7380; text-transform: uppercase; margin-top: 0; margin-bottom: 15px; } .credits-checkout-page .menu-item .credit-checkout-list { list-style: none; padding: 0; margin: 0; } .credits-checkout-page .menu-item .credit-checkout-list li { overflow: hidden; } .credits-checkout-page .menu-item .credit-checkout-list li .thumb { float: left; margin-right: 20px; padding: 30px; } .credits-checkout-page .menu-item .credit-checkout-list li .thumb-taster { background: url("../img/credits/back_credits.png") #66c295; background-size: 100%; background-repeat: no-repeat; border-radius: 4px; } .credits-checkout-page .menu-item .credit-checkout-list li .thumb-enthusiast { background: url("../img/credits/back_credits.png") #f38283; background-size: 100%; background-repeat: no-repeat; border-radius: 4px; } .credits-checkout-page .menu-item .credit-checkout-list li .thumb-connoisseur { background: url("../img/credits/back_credits.png") #6cccd9; background-size: 100%; background-repeat: no-repeat; border-radius: 4px; } .credits-checkout-page .menu-item .credit-checkout-list li .thumb-addicted { background: url("../img/credits/back_credits.png") #ffbd1b; background-size: 100%; background-repeat: no-repeat; border-radius: 4px; } .credits-checkout-page .menu-item .credit-checkout-list li .thumb-none { background: url("../img/credits/back_credits.png") #dad8d8; background-size: 100%; background-repeat: no-repeat; border-radius: 4px; } .credits-checkout-page .menu-item .credit-checkout-list li .info { float: left; } .credits-checkout-page .menu-item .credit-checkout-list li .info h4 { font-family: "montserratlight"; font-size: 0.875rem; letter-spacing: -0.0196rem; color: #000000; margin: 0 0 3px 0px; } .credits-checkout-page .menu-item .credit-checkout-list li .info p { font-family: "montserratlight"; font-size: 0.75rem; letter-spacing: -0.0168rem; line-height: 1rem; color: #6a7380; margin-bottom: 0; } .credits-checkout-page .menu-item .credit-checkout-list li .info p span { font-family: "montserratregular"; } .credits-checkout-page .menu-item .credit-checkout-list li .quantity { float: right; font-family: "montserratregular"; font-size: 1.0625rem; letter-spacing: -0.0238rem; color: #000000; } .credits-checkout-page .credit-checkout-payment { list-style: none; padding: 0; margin: 0; } .credits-checkout-page .credit-checkout-payment li { border-bottom: 1px solid #e1e8ed; padding-top: 15px; padding-bottom: 15px; } .credits-checkout-page .credit-checkout-payment li:first-child { padding-top: 0; } .credits-checkout-page .credit-checkout-payment li:last-child { border-bottom: none; } .credits-checkout-page .credit-checkout-payment li .item-card { overflow: hidden; } .credits-checkout-page .credit-checkout-payment li .item-card .checkbox { float: left; margin-bottom: 0; margin-right: 20px; } .credits-checkout-page .credit-checkout-payment li .item-card .checkbox .cr { background-color: #f1f2f3; border-color: #bec5cd; } .credits-checkout-page .credit-checkout-payment li .item-card .checkbox input[type="checkbox"]:checked + .cr { background-color: #ffbf00; border-color: #ffbf00; } .credits-checkout-page .credit-checkout-payment li .item-card .checkbox input[type="checkbox"]:checked + .cr > .cr-icon { color: #ffffff; } .credits-checkout-page .credit-checkout-payment li .item-card .card-name { float: left; color: #6a7380; font-family: "montserratlight"; font-size: 0.875rem; letter-spacing: -0.0196rem; padding-top: 0.1rem; } .credits-checkout-page .credit-checkout-payment li .item-card .braintree-cards-branding { float: right; } .credits-checkout-page .credit-checkout-payment li .item-card .braintree-cards-branding .ccard { background-color: #f9f9f9; } .credits-checkout-page .credit-checkout-payment li .add-card { margin-top: 25px; } .credits-checkout-page .credit-checkout-payment li .add-card a { color: #6a7380; font-family: "montserratlight"; font-size: 0.875rem; letter-spacing: -0.0196rem; padding-top: 0.1rem; } .credits-checkout-page .credit-checkout-payment li .add-card a span { font-size: 1.375rem; letter-spacing: -0.0308rem; line-height: 0.5rem; margin-right: 20px; margin-left: 3px; } .credits-checkout-page .credit-checkout-payment li .add-card a:hover { opacity: 0.65; } .credits-checkout-page .credit-checkout-payment .credits-edit-card { overflow: hidden; margin-top: 1.5rem; } .credits-checkout-page .credit-checkout-payment .credits-edit-card span { line-height: 20px; padding-left: 1rem; float: left; } .credits-checkout-page .credit-checkout-payment .credits-edit-card .braintree-cards-branding { float: left; } .credits-checkout-page .credit-checkout-payment .credits-edit-card .btn { text-transform: uppercase; } .credits-checkout-page .total-value-block { float: right; } .credits-checkout-page .menu-total .value-total { margin-right: 60px; } .credits-checkout-page .menu-total .value-total .price-total { display: block; } .credits-checkout-page .menu-total .total-pay .btn { font-size: 0.875rem; letter-spacing: -0.0196rem; padding-top: 0.7rem; padding-bottom: 0.6rem; padding-left: 2rem; padding-right: 2rem; text-transform: uppercase; min-width: 8.42rem; } .credits-checkout-page .menu-total .total-pay .btn.disabled { background-color: #abb1b9; border-color: #abb1b9; } .credits-success-page .refmb .refbox .box { border: 1px solid black; padding: 1rem; margin-bottom: 2rem; } .credits-success-page .refmb .refbox .box .title { font-size: 0.6875rem; letter-spacing: -0.0154rem; } .credits-success-page .refmb .refbox .box .value { font-size: 0.875rem; letter-spacing: -0.0196rem; font-weight: 600; } .credits-success-page .menu-item { margin-top: 4.5em; text-align: center; } .credits-success-page .menu-item .success-text i { color: #b4e483; font-size: 2.1875rem; letter-spacing: -0.049rem; display: inline-block; vertical-align: middle; } .credits-success-page .menu-item .success-text h3 { color: #000000; font-family: "montserratbold"; font-size: 1.25rem; letter-spacing: -0.028rem; display: inline-block; vertical-align: middle; margin-bottom: 0; margin-left: 0.5em; } .credits-success-page .menu-item .payment-text { max-width: 450px; margin-left: auto; margin-right: auto; margin-top: 3em; } .credits-success-page .menu-item .payment-text p { color: #000000; font-family: "montserratlight"; font-size: 0.875rem; letter-spacing: -0.0196rem; margin: 0; } .credits-success-page .menu-item .payment-info { margin-top: 2em; margin-bottom: 2rem; max-width: 330px; margin-left: auto; margin-right: auto; } .credits-success-page .menu-item .payment-info .catg { color: #94a1b3; font-family: "montserratbold"; font-size: 0.625rem; letter-spacing: -0.014rem; text-transform: uppercase; display: block; } .credits-success-page .menu-item .payment-info .value { color: #000000; font-family: "montserratbold"; font-size: 0.875rem; letter-spacing: -0.0196rem; display: block; } .credits-success-page .menu-item .payment-info .note { color: #6a7380; font-family: "montserratlight"; font-size: 0.75rem; letter-spacing: -0.0168rem; margin-top: 1.5em; } .credits-success-page .menu-item .back-menu { margin-top: 3em; } .credits-success-page .menu-item .back-menu .btn-info { float: none; background-color: #94a1b3; border-color: #94a1b3; font-size: 0.875rem; letter-spacing: -0.0196rem; text-transform: uppercase; padding-top: 0.8em; padding-bottom: 0.7em; } .credits-success-page .menu-item .back-menu .btn-info:hover { opacity: 0.65; } @media (max-width: 1200px) { .credits-content { margin: 0; } .credits-tmp-buy .container { max-width: 100% !important; } } @media (max-width: 767.98px) { .credits-checkout-page .card-form, .credits-page .card-form, .credits-success-page .card-form { padding-left: 0 !important; padding-right: 0 !important; } .credits-checkout-page .card-form > .row, .credits-page .card-form > .row, .credits-success-page .card-form > .row { margin-left: 0; margin-right: 0; } .credits-checkout-page .menu-item, .credits-page .menu-item, .credits-success-page .menu-item { padding-left: 15px !important; padding-right: 15px !important; } .credits-checkout-page .credit-checkout-payment li .item-card .mb-cards, .credits-page .credit-checkout-payment li .item-card .mb-cards, .credits-success-page .credit-checkout-payment li .item-card .mb-cards { margin-top: 1.3rem; } .credits-checkout-page .total-value-block, .credits-page .total-value-block, .credits-success-page .total-value-block { width: 100%; } .credits-checkout-page .menu-total, .credits-page .menu-total, .credits-success-page .menu-total { padding-left: 0; padding-right: 0; } .block-packs, .credits-pack { padding: 0 0 0 0; } .credits-checkout-page .menu-type { margin-left: 0; } } .progress-bar { background-color: #ffbd1b; } .progress-bar.danger { background-color: #d9534f; } @media (max-width: 544px) { .credits-checkout-page .credit-checkout-payment .credits-edit-card .btn { margin-top: 1.3rem; } } @media (min-width: 1240px) { .history-credits { width: fit-content; min-width: 675px; max-width: 800px; margin: 0 auto; } .history-credits .no-wrap { white-space: nowrap !important; } } @media (max-width: 1239px) and (min-width: 709px) { .history-credits { width: 100% !important; min-width: 675px !important; } .history-credits .no-wrap { white-space: nowrap !important; } } .page-single .header-navbar { background-color: #ffbd1b; } .page-single .header-navbar .et:first-child { color: #ffffff; } .page-single .header-navbar .col-back-page .back-menu-order { background-color: #ffffff; } .page-single .header-navbar .col-back-page .back-menu-order i { color: #000000; } .page-single .header-navbar .col-back-page .back-menu-order:hover { background-color: #9B9B9B; } .page-single .header-navbar .col-back-page .back-menu-order:hover i { color: #ffffff; } .page-single .header-navbar .col-avatar { display: none; } .page-single .content { padding-top: 60px; } .page-single .back-menu-order.back-step-pages { display: none; } .page-single .back-menu-order.back-other-pages { display: block; } .page.terms-en .navbar-login, .page.terms-pt .navbar-login { display: none; } .plans-main { display: flex; background-color: white; } .plans-container { width: 100%; overflow-y: scroll; overflow-x: hidden; -ms-overflow-style: none; } .plans-container::-webkit-scrollbar { display: none; } .plans > div { margin-bottom: 30px; } .card-plans .alert-success { width: calc(100% + 45px) !important; position: absolute; top: 0; left: -15px; } @media (max-width: 768px) { .card-plans .alert-success { width: 101% !important; position: absolute; top: 0; left: -1%; } } .card-plans .alert-success-spacer { margin-top: 90px; } .card-plans .title, .card-plans .area-info .title, .card-plans .plan-was-cancelled .block-message .title { color: #000; display: flex; font-size: 24px; font-weight: 600; margin-top: 32px; margin-bottom: 24px; } .card-plans .btn-title { color: #000; height: 44px; display: flex; justify-content: center; align-items: center; width: 80px; font-size: 16px; font-weight: 600; margin-top: 32px; margin-bottom: -16px; } .card-plans .subtitle { color: #000; display: flex; font-size: 16px; margin-bottom: 32px; } .card-plans button { display: flex; padding: 4px 8px !important; font-size: 0.875rem !important; margin-left: auto; width: fit-content; height: fit-content; } .card-plans .btn-spinner { min-width: 64px !important; min-height: 30px !important; } .card-plans .plan-info { color: #000; display: flex; flex-direction: column; margin-left: 16px; align-self: center; } .card-plans .plan-info h3 { display: flex; font-size: 16px; font-weight: 600; margin: 0 !important; } .card-plans .plan-info div { display: flex; flex-direction: row; align-items: center; } .card-plans .plan-info div small:first-child { font-size: 18px; font-weight: 600; align-self: flex-start; } .card-plans .plan-info div small:last-child { font-size: 16px; font-weight: normal; margin-top: 16px; margin-left: 4px; } .card-plans .plan-info div span { font-size: 44px; font-weight: 600; line-height: 1.18; letter-spacing: -2.64px; } .card-plans .header { display: flex; height: fit-content; margin-bottom: 16px; } .card-plans .header img { width: 80px; height: 80px; } .card-plans .header .plan-buttons { justify-self: flex-end; } .card-plans .plan-buttons-mobile { display: flex; } .card-plans .plan-buttons-mobile a { margin-right: 16px; } .card-plans .description { display: flex; flex-direction: column; list-style: none; padding: 0 !important; } .card-plans .description img { display: flex; width: 24px; height: 24px; margin-right: 8px; } .card-plans .description li { display: flex; align-items: center; font-size: 16px; font-weight: normal; margin-bottom: 8px; } .card-plans .description .do-not-have-free-month { display: flex; text-decoration: line-through; margin-bottom: 0 !important; } .card-plans .description .do-not-have-free-month-subtitle { margin-left: 32px; } .card-plans .area-info { display: flex; flex-direction: column; list-style: none; padding: 0 !important; } .card-plans .area-info .title, .card-plans .area-info .plan-was-cancelled .block-message .title, .card-plans .plan-was-cancelled .block-message .area-info .title { margin: 0 0 16px 0 !important; font-size: 16px !important; } .card-plans .area-info .danger { font-size: 14px; color: #e44949; width: calc(100% - 32px); } .card-plans .area-info:last-child { margin-bottom: 32px; } .card-plans .card-plans-container { position: relative; display: flex; flex-direction: column; width: 100%; border: 1px solid #e9e9e9 !important; background-color: white; } .card-plans .card-plans-container:has(.active-plan-container) { border: 1px solid #000 !important; } .card-plans .card-plans-container .popular-container, .card-plans .card-plans-container .active-plan-container { position: absolute; width: 100%; left: 0; top: 0; } .card-plans .card-plans-container .popular-container span, .card-plans .card-plans-container .active-plan-container span { background-color: #000; width: fit-content; padding: 2px 8px; border-radius: 0 0 5px 5px; font-family: "montserratregular"; letter-spacing: -0.24px; text-align: center; font-size: 12px; color: white; text-transform: uppercase; } .card-plans .card-plans-container form span { color: #000; font-weight: bold; } .card-plans .card-plans-container form button, .card-plans .card-plans-container form a { position: relative; display: flex; width: 100%; border: none; outline: none; background-color: #ffbd1b; padding: 10px !important; justify-content: center; } .card-plans .card-plans-container form button span, .card-plans .card-plans-container form a span { font-size: 16px; font-weight: 600 !important; font-family: "montserratlight"; } .card-plans .plan-was-cancelled { display: flex; width: 100%; padding: 16px 24px; background-color: #fdeaed; display: flex; justify-content: center; align-items: center; margin-bottom: 24px; } .card-plans .plan-was-cancelled .block-message .title { font-size: 14px; margin: 0 !important; display: flex; justify-content: center; } .card-plans .plan-was-cancelled .block-message .text { color: black !important; font-size: 12px; text-align: center; } .card-plans .plan-was-cancelled .block-message button { box-sizing: content-box; margin: auto; } .card-plans .plan-was-cancelled .block-message .btn-mobile { height: 32px !important; font-size: 14px !important; width: 100% !important; margin: 0; text-align: center; box-sizing: border-box !important; display: flex; align-items: center; padding-top: 4px !important; padding-bottom: 4px !important; justify-content: center; } .photo-eattasty-plan { padding-left: 0 !important; } .photo-eattasty-plan .image { width: 100%; height: 100vh; max-height: 1080px !important; background: url("https://static.eattasty.com/cloudinary/eattasty/image/upload/v1649064697/plans/eattasty_plans.jpg"); background-repeat: no-repeat; background-size: cover; } .subtopic, .card-plans .description .do-not-have-free-month-subtitle { text-decoration: none; font-size: 14px !important; font-weight: normal !important; color: #9d9d9d !important; } #cancelOrActivePlanModal { top: 25% !important; } @media (max-width: 768px) { .photo-eattasty-plan { display: none; } .plans-main { margin: 0 !important; } } .plans-checkout-list img { width: 50px; height: 50px; } .ingredients-page { background-color: #f1f2f3; } .ingredients-page .meal-card-more-info { right: 24px !important; } .ingredients-page .card-form { max-width: 770px; padding: 0 1rem; margin-top: unset; } .ingredients-page .no-padding { padding: 0; } .ingredients-page .search-box-info { border: 1px solid #b9c2ce; padding: 0 10px; margin-bottom: 5px; } .ingredients-page .img-box { position: relative; } .ingredients-page .img-box .gradient { position: absolute; background-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4)); height: 80px; width: 100%; top: 0; } .ingredients-page .division-info { position: absolute; top: 16px; left: 16px; z-index: 1; color: white; margin: 0; padding: 0; text-transform: uppercase; font-family: 'montserratlight'; font-size: 11px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.73; letter-spacing: -0.22px; text-align: right; } .ingredients-page .search-bar { height: 50px; width: 100%; background-color: #ffffff; } .ingredients-page .search-bar .card-form .row { flex-wrap: nowrap; margin: 0; } .ingredients-page .search-bar .form-group { margin: 0; margin-top: 0.9rem; position: relative; } .ingredients-page .search-bar .form-group i { position: absolute; margin-top: 0.2rem; color: #6c6f71; } .ingredients-page .search-bar .form-group .form-control { padding-top: 0; padding-bottom: 0.2rem; padding-left: 1.3rem; height: 28px !important; min-height: auto; border-radius: 0; border: none !important; border-bottom: 1px solid #ffffff; max-width: 230px; background: #fff url(data:image/gif;base64,R0lGODlhBwAHAIAAAP///5KSkiH5BAAAAAAALAAAAAAHAAcAAAIMTICmsGrIXnLxuDMLADs=) no-repeat right -10px center; } .ingredients-page .search-bar .form-group .form-control:focus { border-bottom: 1px solid #979797; } .ingredients-page .search-bar .form-group .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #6c6f71; font-family: "montserratregular"; } .ingredients-page .search-bar .form-group .form-control::-moz-placeholder { /* Firefox 19+ */ color: #6c6f71; font-family: "montserratregular"; } .ingredients-page .search-bar .form-group .form-control:-ms-input-placeholder { /* IE 10+ */ color: #6c6f71; font-family: "montserratregular"; } .ingredients-page .search-bar .form-group .form-control:-moz-placeholder { /* Firefox 18- */ color: #6c6f71; font-family: "montserratregular"; } .ingredients-page .search-bar .form-group .form-control.x { background-position: right 5px center; opacity: 0.6; } .ingredients-page .search-bar .form-group .form-control.onX { cursor: pointer; } .ingredients-page .search-bar .form-group .form-control::-ms-clear { display: none; width: 0; height: 0; } .ingredients-page .search-bar .dropdown { float: right; margin-top: 1.2rem; } .ingredients-page .search-bar .dropdown .dropdown-toggle { border: none; background: none; padding: 0; color: #4d5052 !important; font-family: "montserratlight"; font-size: 0.75rem; letter-spacing: -0.0168rem; } .ingredients-page .search-bar .dropdown .dropdown-toggle:hover { color: #999999 !important; } .ingredients-page .search-bar .dropdown .dropdown-toggle::after { content: "\f3d0"; border: none; font-family: "Ionicons"; vertical-align: top; margin-top: 0.05rem; } .ingredients-page .search-bar .dropdown.open .dropdown-toggle { background: none; color: #4d5052 !important; } .ingredients-page .search-bar .dropdown .dropdown-item { color: #4d5052; font-family: "montserratlight"; font-size: 0.75rem; letter-spacing: -0.0168rem; padding-top: 7px; padding-bottom: 8px; } .ingredients-page .search-bar .dropdown .dropdown-item:hover { background-color: #f8bd3a; color: #ffffff; } .ingredients-page .search-bar .dropdown .dropdown-item.active { background-color: #bababa; color: #ffffff; } .ingredients-page .search-bar .dropdown .dropdown-item i { font-size: 1rem; line-height: 1rem; } .ingredients-page .search-bar .dropdown .dropdown-item.clean-filters { color: #f8bd3a; text-align: center; padding: 0; background: none; text-decoration: underline; } .ingredients-page .search-bar .dropdown .dropdown-item.clean-filters:hover { background: none; color: #4d5052; } .ingredients-page .ingredients-list .more-info-buttons { flex-direction: row-reverse; } .ingredients-page .ingredients-list .top-title { text-align: center; padding-top: 3rem; margin-bottom: 3rem; } .ingredients-page .ingredients-list .top-title h2 { color: #000000; font-family: "montserratlight"; font-size: 1.875rem; letter-spacing: -0.042rem; margin-top: 0; } .ingredients-page .ingredients-list .top-title p { color: #000000; } .ingredients-page .ingredients-list .menu .menu-item { padding: 0; } .ingredients-page .bd-footer { margin-bottom: 0; } @media (max-width: 544px) { .ingredients-page .partner-review { padding: 0 16px !important; } .ingredients-page .info-content { margin-left: 0; margin-right: 0; } .ingredients-page .ingredients-list .card-form { padding: 0; } .ingredients-page .ingredients-list .menu .menu-block-info { padding-left: 1rem; padding-right: 1rem; } .ingredients-page .ingredients-list .menu .menu-block-info .menu-content-footer .dish-type-ingredients .plate-specs { margin-left: 0px; margin-right: 0px; } .ingredients-page .ingredients-list .menu .menu-block-info .menu-content-footer .dish-type-ingredients .plate-specs .menu-dish-type > div { position: initial; } .ingredients-page .ingredients-list .menu .menu-block-info .menu-content-footer .dish-type-ingredients .more-info { padding-right: 45px; } } @media (max-width: 767.98px) { .ingredients-page .search-bar { margin-top: 0 !important; } .ingredients-page .meal-card-more-info { right: 19px !important; position: absolute !important; text-align: unset !important; width: auto !important; padding: unset; margin-top: 13px !important; } } /* * Bootstrap */ /* * COLORS */ /* MAIN COLORS */ /* BLACKS AND GRAYS */ /* STATUS COLORS */ /* OTHER COLORS */ /* * END COLORS */ /* * FONT */ /* * BY ELEMENT */ /* BUTTONS */ /* HEADER */ /* COOKIE */ .contacts-success-page .thanks-box { background-color: #ffffff; padding: 30px 30px 60px 30px; border-bottom: 1px solid #ffbd1b; margin-top: 5px; margin-bottom: 30px; text-align: center; } .contacts-success-page .thanks-box h6 { font-family: "montserratlight"; font-size: 24px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: -1.44px; text-align: center; color: black; } .contacts-success-page .thanks-box .text { text-transform: unset !important; font-family: "montserratlight"; font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: -0.32px; color: #6a7381; } .contacts-success-page .thanks-box .button-thanks-form { font-family: "montserratlight"; font-size: 16px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: -0.32px; text-align: center; color: #000; border-radius: 3px; background-color: #ffbd1b; padding: 10px 16px; } .contacts-success-page .thanks-box .button { margin-top: 30px; } .contacts-page form { padding: 0; margin-bottom: 1rem; } .contacts-page .contacts-header { margin-bottom: 5px; } .contacts-page .address-text, .contacts-page .address-name { font-family: "montserratlight"; font-size: 12px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.67; letter-spacing: -0.24px; color: #6a7381; } .contacts-page .address-name { font-weight: bold !important; color: #6a7381 !important; } .contacts-page .social-link { font-family: "montserratlight" !important; font-size: 12px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.67; letter-spacing: -0.24px; color: black; text-decoration: underline; } .contacts-page .form-control { font-family: "montserratlight"; font-size: 0.875rem; letter-spacing: -0.0196rem; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.57; letter-spacing: -0.28px; color: black !important; background-color: #f9fafb; border: solid 1px #b9c2ce; } .contacts-page .form-control:disabled, .contacts-page .form-control[readonly] { background-color: #f0f1f2 !important; opacity: 1 !important; color: #b9c2ce !important; font-family: "montserratlight" !important; font-size: 14px; font-weight: 400; font-stretch: normal; font-style: normal; line-height: 1.57; letter-spacing: -0.28px; border: solid 1px #e2e4ea !important; } .contacts-page .form-control:focus { color: #464a4c; background-color: #fff; border-color: #ffbd1b !important; outline: none; } .contacts-page .form-control::placeholder { color: #b9c2ce; font-family: "montserratlight"; font-size: 0.875rem; letter-spacing: -0.0196rem; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.57; letter-spacing: -0.28px; } .contacts-page .contacts-section-title { font-family: "montserratlight"; font-size: 24px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: -1.44px; } .contacts-page .contacts-section-form-title { font-family: "montserratlight"; font-size: 16px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: -0.32px; } .contacts-page .button-form { font-family: "montserratlight"; font-size: 16px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: -0.32px; text-align: center; color: #000; border-radius: 3px; background-color: #ffbd1b; padding: 10px 16px; border: 0; margin-top: 16px; } .contacts-page .button-form:disabled { border-radius: 3px; background-color: #f9fafb; font-family: "montserratlight"; font-size: 1rem; letter-spacing: -0.0224rem; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: -0.32px; text-align: center; color: #b9c2ce; cursor: default; } .contacts-page textarea { min-height: 120px; } .contacts-page .bd-footer { bottom: 0; width: 100%; margin-bottom: 0; } .contacts-page .container-contacts { margin: auto; margin-top: 3rem; width: 750px; } .contacts-page .container-contacts > h3 { font-size: 1rem; margin-left: 3rem; margin-bottom: 1rem; font-family: "montserratbold"; color: #4a4a4a; } .contacts-page .container-contacts .contacts { background-color: #ffffff; padding: 2rem; margin-bottom: 32px; } .contacts-page .container-contacts .contacts .contacts-header { font-family: "montserratbold"; color: #000000; font-size: 0.8rem; } .contacts-page .container-contacts .contacts .contacts-title { font-size: 1rem; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: -0.32px; color: "montserratregular"; } .contacts-page .container-contacts .contacts .contacts-text { font-family: "montserratlight"; color: #7F7F7F; font-size: 0.8rem; } .contacts-page .container-contacts .contacts .contacts-text a { font-family: "montserratbold"; } .contacts-page .container-contacts .contacts .contacts-text .address { font-family: "montserratbold"; color: #7F7F7F; } .contacts-page .container-contacts .contacts-map { overflow: hidden; height: 370px; width: 750px; } .contacts-page .container-contacts .contacts-map #gmap_canvas { height: 370px; width: 750px; } .contacts-page .container-contacts .contacts-map #gmap_canvas img { max-width: none !important; background: none !important; } .contacts-page .container-contacts .contacts-map .map-label { height: 58px; display: flex; } .contacts-page .container-contacts .contacts-map .map-label .map-label-img { position: relative; width: 66px; height: 55px; margin: 0 auto 0 auto; padding: 0; margin-right: .5rem; } .contacts-page .container-contacts .contacts-map .map-label .map-label-img > .et { font-size: 66px; position: absolute; left: 0; top: 0; color: #000000; } .contacts-page .container-contacts .contacts-map .map-label .map-label-img > .et:first-of-type { color: #ffbd1b; } .contacts-page .container-contacts .contacts-map .map-label .map-label-title { font-size: 1rem; font-family: "montserratregular"; color: #7F7F7F; } .contacts-page .container-contacts .contacts-map .map-label .map-label-address { font-family: "montserratlight"; color: #000000; font-size: 0.8rem; } @media (max-width: 767.98px) { .contacts-page .button-form { width: 100%; } .contacts-page .contacts-text { margin-bottom: 16px; } .contacts-page .contacts-section-title { padding-left: 24px; } .contacts-page .container-contacts { width: 540px; } .contacts-page .container-contacts > h3 { margin-left: 1.5rem; } .contacts-page .container-contacts .contacts { padding: 1.5rem; } .contacts-page .container-contacts .contacts-map { width: 540px; } .contacts-page .container-contacts .contacts-map #gmap_canvas { width: 540px; } } @media (max-width: 544px) { .contacts-page .bd-footer { position: relative; } .contacts-page .container-contacts { width: 100%; } .contacts-page .container-contacts > h3 { margin-left: 1.5rem; } .contacts-page .container-contacts .contacts { padding: 1.5rem; } .contacts-page .container-contacts .contacts-map { width: 100%; } .contacts-page .container-contacts .contacts-map #gmap_canvas { width: 100%; } .contacts-page .container-contacts .contacts-map .map-label-img { display: none; } } .home-page #main-container { padding-top: 0; background-color: #ffffff; } .home-page .bThreeCarousel, .home-page .process { margin-bottom: 120px; } .home-page .text-section { text-align: center; margin-top: 120px; margin-bottom: 16px; } .home-page .car-mid-img { min-height: 300px; } .home-page .title, .home-page .card-plans .area-info .title, .card-plans .area-info .home-page .title, .home-page .card-plans .plan-was-cancelled .block-message .title, .card-plans .plan-was-cancelled .block-message .home-page .title { font-family: "montserratlight"; font-size: 32px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.25; letter-spacing: -1.92px; color: black; margin-bottom: 24px; } .home-page .sub-title { font-family: "montserratlight"; font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: -0.32px; text-align: center; color: #6a7381; } .home-page .block-four-section .title, .home-page .block-four-section .card-plans .plan-was-cancelled .block-message .title, .card-plans .plan-was-cancelled .block-message .home-page .block-four-section .title { padding-left: 30px; } .home-page .block-four-section .menu-nav { width: 100%; overflow-x: auto; } .home-page .block-four-section .nav { padding-left: 30px; margin-bottom: 16px; min-width: 490px; } .home-page .block-four-section .nav-item { background: #f0f1f2; border-radius: 16px; flex: unset !important; padding: 5px 16px; border: 0; margin-right: 5px; font-family: "montserratlight"; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.57; letter-spacing: -0.28px; text-align: center; } .home-page .block-four-section .see-all-anchor { margin-left: 0.5rem; position: relative; } .home-page .block-four-section .see-all-anchor a { font-weight: bold; margin-left: 0.75rem; color: black; } .home-page .block-four-section .see-all-anchor a:hover { color: #ffbd1b; } .home-page .block-four-section .see-all-anchor ::before { position: absolute; left: 0; color: black; content: "|"; } .home-page .block-four-section .nav-dishes .active, .home-page .block-four-section .nav-map .active { background: black; } .home-page .block-map { text-align: center; } .home-page .block-map .nav { width: 100%; margin-bottom: 16px; display: unset !important; } .home-page .block-map .nav-item { background: #f0f1f2; border-radius: 16px; flex: unset !important; padding: 5px 16px; border: 0; margin-right: 5px; font-family: "montserratlight"; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.57; letter-spacing: -0.28px; text-align: center; } .home-page .block-map .nav-link { display: unset !important; } .home-page .block-map .nav-map .active { background: black; } .home-page .block-map .buttons-map-section { margin-bottom: 16px; } .home-page .block-map #mapDeliverySel { width: 200px; position: absolute; margin: 32px 32px; } .home-page .block-map .map-section { min-height: 460px; } .home-page .block-map .map-section img { width: 100%; } .home-page .block-work-wus { margin-top: 120px; margin-bottom: 120px; text-align: center; } .home-page .block-work-wus .img-block { background-color: #f0f1f2; padding: 30px; } .home-page .block-work-wus .img-block img { width: 100%; } .home-page .block-work-wus .btn-wus { bottom: 32px; left: 32px; font-family: "montserratlight"; font-size: 14px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.57; letter-spacing: -0.28px; text-align: center; color: #000; background-color: #ffbd1b; padding: 10px 16px; margin-top: 20px; } .home-page .block-work-wus .wus-title label { font-family: "montserratlight"; font-size: 18px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.44; letter-spacing: -0.36px; color: black; } .home-page .block-our-values { margin-top: 120px; } .home-page .block-our-values .values-title { font-family: "montserratlight"; font-size: 18px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.44; letter-spacing: -0.36px; color: black; } .home-page .block-our-values .values-sub-title { font-family: "montserratlight"; font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: -0.32px; color: #6a7381; } .home-page .block-our-values img { width: 100%; } .home-page .bFourCarousel .owl-item * { cursor: pointer; } .home-page .bFourCarousel .owl-item .car-mid-img { display: block; width: 100%; max-height: 167px; object-fit: cover; background-image: url(https://static.eattasty.com/cloudinary/eattasty/image/upload/q_auto/v1594294382/web-3050_ux0f33.jpg); min-height: 300px; background-size: cover; background-position: center; } .home-page .bFourCarousel .plate-specs label { font-family: "montserratlight"; font-size: 11px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.73; letter-spacing: -0.22px; color: #6a7381; margin-top: 10px; } .home-page .bFourCarousel .plate-specs .meal-name { font-family: "montserratlight"; font-size: 18px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.44; letter-spacing: -0.36px; color: black; padding: 0px; margin: 0; } .home-page .bFourCarousel .img-box { position: relative; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4)); } .home-page .bFourCarousel .img-box .dish-division { position: absolute; bottom: 16px; right: 16px; color: white; z-index: 1; margin: 0; font-family: "montserratlight"; font-size: 11px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.73; letter-spacing: -0.22px; text-align: right; text-transform: uppercase; } .home-page .bFourCarousel .img-box .gradient { position: absolute; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4)); height: 80px; width: 100%; bottom: 0; } .home-page .bFourCarousel .dish-icon-image { height: 20px; width: 20px !important; display: unset !important; } .home-page .bFourCarousel .owl-dots { text-align: center; margin-top: 8px; } .home-page .bFourCarousel .owl-dot { display: inline-block; width: 6px; height: 6px; margin: 5px 5px; filter: Alpha(Opacity=30); opacity: 0.1; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: linear-gradient(to left, rgba(0, 0, 0, 0), black 0%); cursor: unset; } .home-page .bFourCarousel .owl-dot.active { filter: Alpha(Opacity=100); opacity: 1; } .home-page .bFourCarousel .owl-nav .owl-prev, .home-page .bFourCarousel .owl-nav .owl-next { display: block; border-radius: 100%; position: absolute; top: -60px; font-size: 0; text-align: center; } .home-page .bFourCarousel .owl-nav .owl-prev:before, .home-page .bFourCarousel .owl-nav .owl-next:before { font-size: 2.5rem; color: #000000; font-family: "Ionicons"; } .home-page .bFourCarousel .owl-nav .disabled { display: none; } .home-page .bFourCarousel .owl-nav .owl-prev { right: 60px; } .home-page .bFourCarousel .owl-nav .owl-prev:before { content: "\f124"; font-size: 1.5rem; color: #b9c2ce; } .home-page .bFourCarousel .owl-nav .owl-next:hover:before, .home-page .bFourCarousel .owl-nav .owl-prev:hover:before { color: black; } .home-page .bFourCarousel .owl-nav .owl-next { right: 30px; } .home-page .bFourCarousel .owl-nav .owl-next:before { content: "\f125"; font-size: 1.5rem; color: #b9c2ce; } .home-page #bThreeCarousel .background-item { height: 100%; width: 100%; position: absolute; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.34) 100%); top: 0; } .home-page #bThreeCarousel .owl-item { max-height: 300px; } .home-page #bThreeCarousel .item label { width: 100%; position: absolute; bottom: 80px; padding-left: 32px; padding-right: 32px; font-family: "montserratlight"; font-size: 24px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: -1.44px; color: white; } .home-page #bThreeCarousel .item a { position: absolute; bottom: 32px; left: 32px; font-family: "montserratlight"; font-size: 14px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.57; letter-spacing: -0.28px; text-align: center; color: #000; background-color: #ffbd1b; padding: 5px 16px; } .home-page #bThreeCarousel .owl-dots { text-align: center; margin-top: 8px; } .home-page #bThreeCarousel .owl-dot { display: inline-block; width: 6px; height: 6px; margin: 5px 5px; filter: Alpha(Opacity=30); opacity: 0.1; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: linear-gradient(to left, rgba(0, 0, 0, 0), black 0%); cursor: unset; } .home-page #bThreeCarousel .owl-dot.active { filter: Alpha(Opacity=100); opacity: 1; } .home-page #bThreeCarousel .owl-nav .owl-prev, .home-page #bThreeCarousel .owl-nav .owl-next { display: block; border-radius: 100%; position: absolute; top: 40%; font-size: 0; text-align: center; } .home-page #bThreeCarousel .owl-nav .owl-prev:before, .home-page #bThreeCarousel .owl-nav .owl-next:before { font-size: 2.5rem; color: #000000; font-family: "Ionicons"; } .home-page #bThreeCarousel .owl-nav .disabled { display: none; } .home-page #bThreeCarousel .owl-nav .owl-prev { left: 10px; } .home-page #bThreeCarousel .owl-nav .owl-prev:before { content: "\f124"; font-size: 1.5rem; color: #b9c2ce; } .home-page #bThreeCarousel .owl-nav .owl-next:hover:before, .home-page #bThreeCarousel .owl-nav .owl-prev:hover:before { color: black; } .home-page #bThreeCarousel .owl-nav .owl-next { right: 10px; } .home-page #bThreeCarousel .owl-nav .owl-next:before { content: "\f125"; font-size: 1.5rem; color: #b9c2ce; } .home-page .photographer { position: absolute; bottom: 0; float: right; width: 100%; text-align: right !important; padding: 0; margin: 0 0 18px -40px; font-size: 12px !important; color: white !important; } .home-page nav.header-navbar { /* display: none; */ /* background: none; box-shadow: none; */ transition: background-color 0.5s ease; } .home-page nav.header-navbar .col-brand { position: relative; width: auto; float: left; } .home-page nav.header-navbar .nav-item { float: right; } .home-page nav.header-navbar .nav-item > a { font-family: "montserratregular"; font-size: 0.8125rem; letter-spacing: -0.0182rem; } .home-page nav.header-navbar .nav-item > a.nav-link { background-color: #ffbd1b; color: #000 !important; border-radius: 0.2rem; padding-left: 1rem; padding-right: 1rem; } .home-page nav.header-navbar .nav-item > a.nav-link:hover { background-color: #000000; color: #ffffff !important; padding-left: 1rem; padding-right: 1rem; } .home-page nav.header-navbar .nav-item > a.nav-link.btn-login { background-color: #fff; color: #000 !important; border-radius: 0 !important; border: 1px solid #000; margin-right: 1rem; } .home-page nav.header-navbar .nav-item > a.nav-link.btn-login:hover { background-color: #000; color: #ffffff !important; } .home-page nav.header-navbar .nav-item > a.nav-link.btn-register { background-color: #ffbd1b; border: 1px solid #ffbd1b; color: #000 !important; border-radius: 0; } .home-page nav.header-navbar .nav-item > a.nav-link.btn-register:hover { background-color: #000000; border: 1px solid #000000; color: #ffffff !important; } .home-page nav.header-navbar .nav-item > a.btn.btn-secondary-outline { border: none; color: #000000 !important; } .home-page nav.header-navbar .nav-item > a.btn.btn-secondary-outline:hover, .home-page nav.header-navbar .nav-item > a.btn.btn-secondary-outline:focus { background: none; text-decoration: underline; } .home-page nav.header-navbar .nav-item.dropdown a.nav-link { background: none; padding-left: 0; padding-right: 0; } .home-page nav.header-navbar.fixed-bg-home { background: none; box-shadow: none; transition: background-color 0.5s ease; } .home-page nav.header-navbar.fixed-bg-home .brand-logo .brand-logo__icon .et-logo-eattasty-l { color: #ffffff; } .home-page nav.header-navbar.fixed-bg-home .brand-logo .brand-logo__caption { color: #ffffff; } .home-page nav.header-navbar.fixed-bg-home .go-to-menu { float: right; margin-top: 1.9rem; margin-right: 1.5rem; } .home-page nav.header-navbar.fixed-bg-home .go-to-menu a { font-family: "montserratregular"; color: #ffffff; } .home-page nav.header-navbar.fixed-bg-home .go-to-menu a:hover { color: #ffbd1b; } .home-page nav.header-navbar.fixed-bg-home .nav-item > a { color: #ffffff; } .home-page nav.header-navbar.fixed-bg-home .nav-item > a.nav-link:hover { background-color: #000; border-color: #000; color: #fff !important; } .home-page nav.header-navbar.fixed-bg-home .nav-item > a.nav-link.nav-avatar { padding-left: 0; padding-right: 0; background: none; } .home-page nav.header-navbar.fixed-bg-home .nav-item > a.nav-link.btn-login { background-color: #fff; color: #000 !important; border-radius: 0.2rem; border: 1px solid #fff; margin-right: 1rem; } .home-page nav.header-navbar.fixed-bg-home .nav-item > a.nav-link.btn-login:hover { background-color: #000; border-color: #000; color: #fff !important; } .home-page nav.header-navbar.fixed-bg-home .nav-item > a.nav-link.btn-register:hover { border: 1px solid #000; } .home-page nav.header-navbar.fixed-bg-home .nav-item > a.btn.btn-secondary-outline { color: #ffffff; /* &:hover { background: none; text-decoration: underline; } */ } .home-page nav.header-navbar.fixed-bg-home .languages-block a { color: #ffffff; } .home-page nav.header-navbar.fixed-bg-home .languages-block a.active { color: #000 !important; } .home-page nav.header-navbar .go-to-menu { float: right; margin-top: 1.9rem; margin-right: 1.5rem; } .home-page nav.header-navbar .go-to-menu a { font-family: "montserratregular"; color: #000000; } .home-page nav.header-navbar .go-to-menu a:hover { color: #ffbd1b; } .home-page nav.header-navbar .col-avatar { float: right; } .home-page nav.header-navbar .col-avatar .nav-btn-credits { display: none; } .home-page .carousel-indicators { position: absolute; right: 0; top: 15px !important; left: 0; z-index: 1 !important; display: flex; justify-content: center; padding-left: 0; margin-right: 15%; margin-left: 15%; list-style: none; } .home-page .carousel-item.active, .home-page .carousel-item-next, .home-page .carousel-item-prev { display: flex; flex-direction: column; align-items: center; } .home-page .header-back-inner-mobile { text-align: center; margin-top: 40px; } .home-page .header-back-inner-mobile h1 { font-family: "montserratbold"; font-size: 32px; font-weight: 800; font-stretch: normal; font-style: normal; line-height: 1.25; letter-spacing: -1.92px; text-align: center; color: black; } .home-page .header-back-inner-mobile p { font-family: "montserratlight"; font-size: 16px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: -0.32px; width: 100%; text-align: left !important; } .home-page .header-back-inner-mobile .btn-call-to-action { font-family: "montserratlight"; font-size: 16px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: -0.32px; text-align: center; background-color: #ffbd1b; color: #000; padding: 10px 16px; margin-bottom: 16px; } .home-page .header-back-inner-mobile .btn-call-to-action-2 { font-family: "montserratlight"; font-size: 16px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: -0.32px; text-align: center; border: solid 1px #000000; color: black; padding: 10px 16px; } .home-page .header-back-inner-mobile .box-buttons { margin-left: 0; } .home-page .for-gradient { background-image: linear-gradient(to bottom, #000000, rgba(0, 0, 0, 0) 100%); opacity: 0.5; height: 100px; position: absolute; z-index: 2; width: 100%; margin-top: 0 !important; } .home-page header { position: relative; /*.header-back { height: 100%; width: 100%; //background-color: #00000070; background-color: rgba(0, 0, 0, 0.35); padding-bottom: 90px; position: absolute; z-index: 1; top: 0; }*/ } .home-page header .carousel { position: absolute; width: 100%; height: 100%; } .home-page header .carousel .carousel-inner, .home-page header .carousel .carousel-item { width: 100%; height: 100%; } .home-page header .carousel .img-header { width: auto; height: 100%; } .home-page header .container h2 { max-width: 665px; margin-left: auto; margin-right: auto; padding-top: 320px; text-align: center; font-family: "montserratlight"; font-size: 1.875rem; letter-spacing: -0.042rem; line-height: 1.4; color: #ffffff; } .home-page header .container p { font-family: "montserratlight"; text-align: center; color: #ffffff; font-size: 1rem; margin-top: 6rem; } .home-page header .container p.subtitle { margin-top: 1rem; } .home-page header .container p.subtitle-btn { width: 100% !important; margin-top: 25px; } .home-page header .container p .btn-call-to-action { background-color: #ffbd1b; border: 1px solid #ffbd1b; color: #000000 !important; padding: 0.7rem 1rem 0.7rem 1rem; font-family: "montserratregular"; font-size: 1rem; letter-spacing: -0.0182rem; margin-left: 1rem; } .home-page header .container p .btn-call-to-action:hover { background-color: #ffffff; color: #000000 !important; border: 1px solid #ffffff; } .home-page #middle3-carousel .owl-nav { display: none; } .home-page #middle2-carousel .owl-nav { display: none; } .home-page #middle2-carousel .owl-dots { text-align: center; top: 0; position: absolute; width: 100%; margin-top: -25px; } .home-page #middle2-carousel .owl-dot { display: inline-block; width: 8px; height: 8px; margin: 5px 5px; filter: Alpha(Opacity=30); opacity: 0.3; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #000000; cursor: unset; } .home-page #middle2-carousel .owl-dot.active { filter: Alpha(Opacity=100); opacity: 1; } .home-page .divider { width: 100%; max-width: 1110px; border-bottom: 1px solid #e1e8ed; } .home-page .process { text-align: center; margin-bottom: 120px; margin-top: 120px; } .home-page .process figure { height: 65px; margin-bottom: 1rem; position: relative; } .home-page .process p { font-family: "montserratlight"; font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: -0.32px; text-align: center; color: #6a7381; } .home-page .process .subtitle { font-family: "montserratlight"; font-size: 18px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.44; letter-spacing: -0.36px; text-align: center; margin-left: 10px; } .home-page .culinary-carousel h2 { font-family: "montserratregular"; font-size: 1.75rem; letter-spacing: -0.0392rem; margin-bottom: 4.71rem; display: block; text-align: center; } .home-page .culinary-carousel .owl-carousel .owl-item h3 { font-family: "montserratlight"; font-size: 0.875rem; letter-spacing: -0.0196rem; line-height: 1.43; color: #000000; margin: 1rem 0.5rem 0 0.5rem; } .home-page .culinary-carousel .owl-carousel .owl-nav .owl-prev, .home-page .culinary-carousel .owl-carousel .owl-nav .owl-next { width: 60px; height: 60px; display: block; background-color: #ffffff; border-radius: 100%; position: absolute; top: 40%; font-size: 0; text-align: center; } .home-page .culinary-carousel .owl-carousel .owl-nav .owl-prev:before, .home-page .culinary-carousel .owl-carousel .owl-nav .owl-next:before { font-size: 2.5rem; color: #000000; font-family: "Ionicons"; } .home-page .culinary-carousel .owl-carousel .owl-nav .owl-prev { left: 7%; } .home-page .culinary-carousel .owl-carousel .owl-nav .owl-prev:before { content: "\f108"; } .home-page .culinary-carousel .owl-carousel .owl-nav .owl-next { right: 7%; } .home-page .culinary-carousel .owl-carousel .owl-nav .owl-next:before { content: "\f10b"; } .home-page .service { text-align: center; margin-bottom: 6rem; } .home-page .service h2 { font-family: "montserratregular"; font-size: 1.75rem; letter-spacing: -0.0392rem; margin-bottom: 4.71rem; display: block; text-align: center; } .home-page .service figure { margin-bottom: 2.14rem; } .home-page .service figure img { width: 100%; max-width: 240px; margin-left: auto; margin-right: auto; } .home-page .service p { max-width: 227px; margin-left: auto; margin-right: auto; margin-bottom: 0; text-align: center; font-family: "montserratlight"; font-size: 0.8125rem; letter-spacing: -0.0182rem; color: #000000; } .home-page .car-mid-img { width: 100%; } .home-page .block-yellow2 { max-width: 600px; padding: 6.5rem; background-color: #ffbd1b; position: absolute; top: -300px; height: 376px; z-index: 2; } .home-page .block-yellow2 h3 { font-family: "montserratlight"; font-size: 1.75rem; letter-spacing: -0.0392rem; color: #000000; margin-bottom: 1.5rem; } .home-page .block-yellow2 p { font-family: "montserratlight"; font-size: 0.875rem; letter-spacing: -0.0196rem; color: #282c30; margin-bottom: 0; line-height: 1.5; } .home-page .banner-influence { width: 100%; height: 640px; background: url("../img/home/banner_influence.jpg") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .home-page .banner-influence .block-yellow { max-width: 600px; padding: 6.5rem; background-color: #ffbd1b; top: 230px; position: relative; } .home-page .banner-influence .block-yellow h3 { font-family: "montserratlight"; font-size: 1.75rem; letter-spacing: -0.0392rem; color: #000000; margin-bottom: 1.5rem; } .home-page .banner-influence .block-yellow p { font-family: "montserratlight"; font-size: 0.875rem; letter-spacing: -0.0196rem; color: #282c30; margin-bottom: 0; line-height: 1.5; } .home-page .food-home { margin-top: 10rem; margin-bottom: 6rem; } .home-page .food-home img { width: 100%; max-width: 501px; margin-left: auto; margin-right: auto; } .home-page .food-home h3 { font-family: "montserratlight"; font-size: 1.75rem; letter-spacing: -0.0392rem; color: #000000; margin-bottom: 1.5rem; } .home-page .food-home p { font-family: "montserratlight"; font-size: 0.875rem; letter-spacing: -0.0196rem; color: #282c30; line-height: 1.5; } .home-page .food-home .ce-block { margin-top: 7rem; } .home-page .food-home .ce-block img { float: left; max-width: 43px; margin-right: 1rem; } .home-page .food-home .ce-block p { color: #6a7380; font-family: "montserratlight"; font-size: 0.75rem; letter-spacing: -0.0168rem; max-width: 69%; display: inline-block; } .home-page .map-list-lisbon { margin: 0; } .home-page .map { width: 100%; height: 780px; min-height: 460px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .home-page .map .gm-ui-hover-effect { display: none !important; } .home-page .map .gm-style-iw.gm-style-iw-c { font-weight: 500 !important; } .home-page .map.lisbon { background-image: url("../img/home/map-lisbon.jpg?v2"); } .home-page .map.madrid { background-image: url("../img/home/map-madrid.jpg?v2"); background-position: 75% center; } .home-page .map .map-content { max-width: 490px; padding-top: 6rem; } .home-page .map .map-content h3 { font-family: "montserratlight"; font-size: 1.75rem; letter-spacing: -0.0392rem; color: #000000; margin-bottom: 1.2rem; } .home-page .map .map-content p { color: #151616; font-family: "montserratlight"; font-size: 1.125rem; letter-spacing: -0.0252rem; line-height: 1.44; } .home-page .map .map-content .row { padding-top: 2rem; } .home-page .map .map-content ul { list-style: none; padding-left: 0; margin-bottom: 0; margin-top: 0.8rem; } .home-page .map .map-content ul li { margin-bottom: 0.8rem; } .home-page .map .map-content ul li:last-child { margin-bottom: 0; } .home-page .map .map-content ul li span { font-size: 0.875rem; letter-spacing: -0.0196rem; font-family: "montserratlight"; color: #ffffff; background-color: #000000; border-radius: 100px; padding: 0.2rem 0.8rem 0.2rem 0.8rem; } .home-page .app-mobile-es { width: 100%; background-color: #ffbd1b; background-image: url("../img/home/app-eattasty-es.jpg"); background-repeat: no-repeat; background-size: cover; } .home-page .app-mobile-es .info { padding-top: 4rem; max-width: 388px; padding-bottom: 4rem; } .home-page .app-mobile-es .info h3 { margin-bottom: 1.5rem; font-family: "montserratlight"; font-size: 32px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: -1.44px; color: black; } .home-page .app-mobile-es .info p { font-family: "montserratlight"; font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: -0.32px; } .home-page .app-mobile-es .info .stores-icons .store-icon { position: relative; width: auto; display: inline-block; } .home-page .app-mobile-es .info .stores-icons .store-icon img { max-height: 40px; } .home-page .app-mobile-es .info .stores-icons .store-icon .store-label { position: absolute; right: 12px; background-color: #ffbd1b; padding: 0 10px; z-index: 1; } .home-page .app-mobile-es .info .stores a { background: url("../img/home/stores.png") no-repeat; display: inline-block; background-size: 179px auto; font-size: 0; } .home-page .app-mobile-es .info .stores a.appstore { width: 180px; height: 63px; background-position: 0px -340px; margin-right: 1rem; } .home-page .app-mobile-es .info .stores a.appstore:hover { background-position: 0px -210px; } .home-page .app-mobile-es .info .stores a.appstore.inactive { background-position: 0px -80px; cursor: not-allowed; } .home-page .app-mobile-es .info .stores a.googleplay { width: 180px; height: 63px; background-position: 0px -275px; } .home-page .app-mobile-es .info .stores a.googleplay:hover { background-position: 0px -145px; } .home-page .app-mobile-es .info .stores a.googleplay.inactive { background-position: 0px -5px; cursor: not-allowed; } .home-page .app-mobile-es img { vertical-align: bottom; } .home-page .app-mobile { width: 100%; background-color: #ffbd1b; background-image: url("../img/home/app-eattasty-pt.jpg"); background-repeat: no-repeat; background-size: cover; } .home-page .app-mobile .info { padding-top: 4rem; max-width: 388px; padding-bottom: 4rem; } .home-page .app-mobile .info h3 { margin-bottom: 1.5rem; font-family: "montserratlight"; font-size: 32px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: -1.44px; color: black; } .home-page .app-mobile .info p { font-family: "montserratlight"; font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: -0.32px; } .home-page .app-mobile .info .stores-icons .store-icon { position: relative; width: auto; display: inline-block; } .home-page .app-mobile .info .stores-icons .store-icon img { max-height: 40px; } .home-page .app-mobile .info .stores-icons .store-icon .store-label { position: absolute; right: 12px; background-color: #ffbd1b; padding: 0 10px; z-index: 1; } .home-page .app-mobile .info .stores a { background: url("../img/home/stores.png") no-repeat; display: inline-block; background-size: 179px auto; font-size: 0; } .home-page .app-mobile .info .stores a.appstore { width: 180px; height: 63px; background-position: 0px -340px; margin-right: 1rem; } .home-page .app-mobile .info .stores a.appstore:hover { background-position: 0px -210px; } .home-page .app-mobile .info .stores a.appstore.inactive { background-position: 0px -80px; cursor: not-allowed; } .home-page .app-mobile .info .stores a.googleplay { width: 180px; height: 63px; background-position: 0px -275px; } .home-page .app-mobile .info .stores a.googleplay:hover { background-position: 0px -145px; } .home-page .app-mobile .info .stores a.googleplay.inactive { background-position: 0px -5px; cursor: not-allowed; } .home-page .app-mobile img { vertical-align: bottom; } .home-page .companies { padding-top: 2.85rem; } .home-page .companies h3 { font-family: "montserratbold"; font-size: 0.75rem; letter-spacing: -0.0168rem; color: #000000; text-transform: uppercase; } .home-page .companies h3::after { content: ""; width: 36px; height: 1px; background-color: #ffbd1b; display: block; margin-top: 0.5rem; } .home-page .companies .comp-logos { margin-top: 2rem; list-style: none; padding-left: 0; flex-wrap: wrap; display: flex; } .home-page .companies .comp-logos li { margin-bottom: 2.5rem; display: flex; align-items: center; } .home-page .companies .comp-logos li a { background: url("../img/home/logos_mp.jpg") no-repeat; display: block; background-size: 125px auto; font-size: 0; filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+, Firefox on Android */ -webkit-filter: grayscale(100%); filter: grayscale(100%); filter: gray; /* IE 6-9 */ -moz-transition: all 0.6s ease-in; -o-transition: all 0.6s ease-in; -webkit-transition: all 0.6s ease-in; transition: all 0.6s ease-in; opacity: 0.6; } .home-page .companies .comp-logos li a:hover { opacity: 1; filter: url("data:image/svg+xml;utf8,#grayscale"); -webkit-filter: none; filter: none; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } .home-page .companies .comp-logos li a.dinheiro-vivo { width: 118px; height: 50px; background-position: 0px -3px; } .home-page .companies .comp-logos li a.sapo { width: 95px; height: 25px; background-position: 0px -91px; } .home-page .companies .comp-logos li a.sabado { width: 100px; height: 25px; background-position: 0px -197px; } .home-page .companies .comp-logos li a.observador { width: 90px; height: 20px; background-position: 0px -54px; } .home-page .companies .comp-logos li a.startup-lisbon { width: 55px; height: 44px; background-position: 0px -154px; } .home-page .companies .comp-logos li a.upmag { width: 70px; height: 39px; background-position: 0px -344px; } .home-page .companies .comp-logos li a.marketeer { width: 107px; height: 18px; background-position: 0px -76px; } .home-page .companies .comp-logos li a.brpx { width: 85px; height: 38px; background-position: 0px -246px; } .home-page .companies .comp-logos li a.sonaeim { width: 101px; height: 17px; background-position: 0px -283px; } .home-page .companies .comp-logos li a.caixa-capital { width: 90px; height: 47px; background-position: 0px -300px; } .home-page .companies .comp-logos li a.continente { width: 80px; height: 40px; background-position: 0px -116px; } .home-page .companies .comp-logos li a.refood { width: 120px; height: 50px; background-position: 0px -506px; } .home-page .companies .comp-logos li a.banco-alimentar-madrid { width: 120px; height: 85px; background-position: 0px -588px; } .home-page .companies .comp-logos li a.seedtable { width: 105px; height: 30px; background-position: 0px -556px; } .home-page .companies .comp-logos li a.montepio { width: 110px; height: 30px; background-position: -13px -666px; } .home-page .companies .comp-logos li a.productized { width: 110px; height: 30px; background-position: -13px -715px; } .home-page .companies .comp-logos li a.sodexo { width: 120px; height: 32px; background-position: -13px -761px; } .home-page .companies .comp-logos li a.publico { width: 40px; height: 40px; background-position: 0px -384px; } .home-page .companies .comp-logos li a.olisipo-way { width: 150px; height: 60px; background-position: -13px -436px; } .home-page .companies .comp-logos li a.marca-recomendada { width: 50px; height: 55px; background-position: -40px -799px; } .home-page .application-cook { margin-top: 2rem; } .home-page .application-cook .info { width: 100%; max-width: 490px; margin-left: auto; margin-right: auto; text-align: center; } .home-page .application-cook .info h2 { font-family: "montserratregular"; font-size: 0.875rem; letter-spacing: -0.0196rem; color: #000000; margin-bottom: 1.5rem; } .home-page .application-cook .info p { font-family: "montserratlight"; font-size: 0.875rem; letter-spacing: -0.0196rem; color: #6a7380; line-height: 1.5; } .home-page .application-cook .info p a { color: #000000; text-decoration: underline; } .home-page .application-cook .info p a:hover { color: #6a7380; } .home-page footer.bd-footer { margin-bottom: 0; } .home-page .map-content-mini section { display: none; width: 80%; margin-left: 10%; text-align: center; margin-bottom: 30px; } /* ~~~~~~~~~~~~~~~~~~~~~ home page mobile ~~~~~~~~~~~~~~~~~~~~~ */ @media (min-width: 1280px) { .home-page .banner-influence img { max-width: 100%; width: 100%; left: 0; margin-left: 0; } } @media (max-width: 1480px) { header .container h2 { padding-top: 150px !important; } } @media (min-width: 1325px) { .home-page .map { height: 780px; background-position: right center; } .home-page .map .map-content { max-width: 314px; } } @media (min-width: 1316px) and (max-width: 1440px) { .home-page .map { height: 640px; } } @media (min-width: 768px) and (max-width: 1199.98px) { .map-content section { display: none; } .map-content-mini section { display: block !important; } } @media (max-width: 991.98px) { .home-page .block-work-wus .img-block { padding: 24px; } .home-page .app-mobile-es { background-image: url("../img/home/app-eattasty-es-2.jpg"); background-repeat: no-repeat; background-size: cover; } .home-page .app-mobile-es .row { flex-wrap: wrap; display: flex; } .home-page .app-mobile-es .row > div img.img-fluid { bottom: 0; position: absolute; } .home-page .app-mobile-es .row.stores-icons { padding-top: 1rem; padding-bottom: 3rem; } .home-page .app-mobile-es .row.stores-icons > div > img { position: relative; } .home-page .app-mobile-es .info .stores { padding-bottom: 3rem; } .home-page .app-mobile-es .info .stores a { width: 150px !important; height: 56px !important; background-size: 150px auto !important; } .home-page .app-mobile-es .info .stores a:first-child { margin-right: 10px; } .home-page .app-mobile-es .info .stores a.appstore { width: 150px; height: 56px; background-position: 0px -286px; margin-right: 1rem; } .home-page .app-mobile-es .info .stores a.appstore:hover { background-position: 0px -177px; } .home-page .app-mobile-es .info .stores a.appstore.inactive { background-position: 0px -67px; cursor: not-allowed; } .home-page .app-mobile-es .info .stores a.googleplay { width: 150px; height: 56px; background-position: 0px -232px; } .home-page .app-mobile-es .info .stores a.googleplay:hover { background-position: 0px -123px; } .home-page .app-mobile-es .info .stores a.googleplay.inactive { background-position: 0px -4px; cursor: not-allowed; } .home-page .app-mobile { background-image: url("../img/home/app-eattasty-pt-2.jpg"); background-repeat: no-repeat; background-size: cover; } .home-page .app-mobile .row { flex-wrap: wrap; display: flex; } .home-page .app-mobile .row > div img.img-fluid { bottom: 0; position: absolute; } .home-page .app-mobile .row.stores-icons { padding-top: 1rem; padding-bottom: 3rem; } .home-page .app-mobile .row.stores-icons > div > img { position: relative; } .home-page .app-mobile .info .stores { padding-bottom: 3rem; } .home-page .app-mobile .info .stores a { width: 150px !important; height: 56px !important; background-size: 150px auto !important; } .home-page .app-mobile .info .stores a:first-child { margin-right: 10px; } .home-page .app-mobile .info .stores a.appstore { width: 150px; height: 56px; background-position: 0px -286px; margin-right: 1rem; } .home-page .app-mobile .info .stores a.appstore:hover { background-position: 0px -177px; } .home-page .app-mobile .info .stores a.appstore.inactive { background-position: 0px -67px; cursor: not-allowed; } .home-page .app-mobile .info .stores a.googleplay { width: 150px; height: 56px; background-position: 0px -232px; } .home-page .app-mobile .info .stores a.googleplay:hover { background-position: 0px -123px; } .home-page .app-mobile .info .stores a.googleplay.inactive { background-position: 0px -4px; cursor: not-allowed; } } @media (min-width: 768px) and (max-width: 991.98px) { .home-page .map { height: 480px; background-position: right center; } .home-page .map .map-content { max-width: 380px; } } @media (min-width: 576px) and (max-width: 767.98px) { .home-page nav.header-navbar.fixed-bg-home .brand-logo .et-logo-eattasty-l { color: #ffffff !important; } .home-page nav.header-navbar.fixed-bg-home .go-to-menu { margin-top: 1.4rem; } .home-page nav.header-navbar .go-to-menu { margin-top: 1.4rem; } } @media (min-width: 2200px) { .home-page .map.madrid { background-position: 75% top; height: 940px; } } @media (max-width: 1024px) { .car-mid-img { min-height: 250px !important; } } @media (max-width: 767.98px) { .home-page #mapDeliverySel2 { width: 95% !important; margin: 8px 10px !important; position: relative !important; } .home-page .for-gradient { background-image: linear-gradient(to bottom, #000000, rgba(0, 0, 0, 0) 100%); opacity: 0.5; height: 100px; position: absolute; z-index: 2; width: 100%; } .home-page .title, .home-page .card-plans .area-info .title, .card-plans .area-info .home-page .title, .home-page .card-plans .plan-was-cancelled .block-message .title, .card-plans .plan-was-cancelled .block-message .home-page .title { font-size: 24px !important; } .home-page .header-back-inner-mobile h1 { font-size: 24px !important; } .home-page .app-mobile h3, .home-page .app-mobile-es h3 { font-size: 24px !important; } .home-page .app-mobile p, .home-page .app-mobile-es p { font-size: 16px !important; } .home-page .block-map .sub-title { text-align: left !important; } .home-page #bThreeCarousel .item label { font-size: 18px; } .home-page .car-mid-img { min-height: 200px !important; } .home-page .block-four-section .title, .home-page .block-four-section .card-plans .plan-was-cancelled .block-message .title, .card-plans .plan-was-cancelled .block-message .home-page .block-four-section .title { padding-left: 15px; } .home-page .block-four-section .nav { padding-left: 15px; } .home-page .process { margin-top: 40px; } .home-page .bThreeCarousel, .home-page .process { margin-bottom: 40px; } .home-page .text-section, .home-page .block-our-values, .home-page .block-work-wus { margin-top: 60px; } .home-page .section-values .img-block { margin-bottom: 16px; } .home-page .process .box-text-img { text-align: left; } .home-page .process figure { display: inline-block; } .home-page .process figure img { position: relative; margin-left: 0; } .home-page .process p { display: inline-block; text-align: left; margin-left: 71px; vertical-align: middle; margin-top: -30px; } .home-page .process .subtitle { font-family: "montserratlight"; font-size: 18px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.44; letter-spacing: -0.36px; text-align: left; width: 70%; } .home-page .culinary-carousel h2 { font-size: 1.0625rem; letter-spacing: -0.0238rem; margin-bottom: 2.71rem; } .home-page .service .row > div { margin-bottom: 3rem; } .home-page .service .row > div:last-child { margin-bottom: 0; } .home-page .service figure { margin-bottom: 1rem; } .home-page .block-yellow2 { position: relative !important; padding: 2.5rem; text-align: center; top: -40px; height: 390px !important; } .home-page .block-yellow2 h3 { font-size: 1.0625rem; letter-spacing: -0.0238rem; } .home-page .banner-influence { height: 287px; margin-bottom: 440px; } .home-page .banner-influence .block-yellow { padding: 2.5rem; text-align: center; } .home-page .banner-influence .block-yellow h3 { font-size: 1.0625rem; letter-spacing: -0.0238rem; } .home-page .food-home { text-align: center; padding-bottom: 0; margin-bottom: 4rem; } .home-page .food-home h3 { font-size: 1.0625rem; letter-spacing: -0.0238rem; margin-top: 2rem; margin-bottom: 2rem; max-width: 232px; margin-left: auto; margin-right: auto; } .home-page .food-home img.hidden-sm-up { margin-bottom: 2.5rem; } .home-page .food-home .ce-block { text-align: left; } .home-page .food-home .ce-block p { margin-bottom: 0; } .home-page .map { background-position: center bottom; } .home-page .map .container { padding-left: 0; padding-right: 0; width: 100%; } .home-page .map .map-content { text-align: center; padding-top: 0; max-width: 100%; padding-bottom: 2rem; } .home-page .map .map-content section { padding-left: 15px; padding-right: 15px; background-color: #ffffff; padding-bottom: 3rem; padding-top: 4rem; border-top: 1px solid #e1e8ed; } .home-page .map .map-content h3 { font-size: 1.0625rem; letter-spacing: -0.0238rem; } .home-page .map .map-content p { font-size: 0.875rem; letter-spacing: -0.0196rem; } .home-page .app-mobile-es { background-image: url("../img/home/app-eattasty-es-3.jpg"); background-repeat: no-repeat; background-size: cover; } .home-page .app-mobile-es .info { text-align: center; padding-top: 2rem; max-width: 100%; background-color: transparent; margin-top: 0px; padding-bottom: 300px; } .home-page .app-mobile-es .info img { margin-bottom: 1rem; max-width: 270px; margin-left: auto; margin-right: auto; } .home-page .app-mobile-es .info .stores { text-align: center; padding-bottom: 3rem; } .home-page .app-mobile-es .info .stores a { width: 150px !important; height: 52px !important; background-size: 150px auto !important; } .home-page .app-mobile-es .info .stores a:first-child { margin-right: 10px; } .home-page .app-mobile-es .info .stores a.appstore { width: 150px; height: 52px; background-position: 0px -286px; } .home-page .app-mobile-es .info .stores a.appstore:hover { background-position: 0px -177px; } .home-page .app-mobile-es .info .stores a.appstore.inactive { background-position: 0px -67px; cursor: not-allowed; } .home-page .app-mobile-es .info .stores a.googleplay { width: 150px; height: 52px; background-position: 0px -232px; } .home-page .app-mobile-es .info .stores a.googleplay:hover { background-position: 0px -123px; } .home-page .app-mobile-es .info .stores a.googleplay.inactive { background-position: 0px -4px; cursor: not-allowed; } .home-page .app-mobile { background-image: url("../img/home/app-eattasty-pt-3.jpg"); background-repeat: no-repeat; background-size: cover; } .home-page .app-mobile .info { text-align: center; padding-top: 2rem; max-width: 100%; background-color: transparent; margin-top: 0px; padding-bottom: 300px; } .home-page .app-mobile .info img { margin-bottom: 1rem; max-width: 270px; margin-left: auto; margin-right: auto; } .home-page .app-mobile .info .stores { text-align: center; padding-bottom: 3rem; } .home-page .app-mobile .info .stores a { width: 150px !important; height: 52px !important; background-size: 150px auto !important; } .home-page .app-mobile .info .stores a:first-child { margin-right: 10px; } .home-page .app-mobile .info .stores a.appstore { width: 150px; height: 52px; background-position: 0px -286px; } .home-page .app-mobile .info .stores a.appstore:hover { background-position: 0px -177px; } .home-page .app-mobile .info .stores a.appstore.inactive { background-position: 0px -67px; cursor: not-allowed; } .home-page .app-mobile .info .stores a.googleplay { width: 150px; height: 52px; background-position: 0px -232px; } .home-page .app-mobile .info .stores a.googleplay:hover { background-position: 0px -123px; } .home-page .app-mobile .info .stores a.googleplay.inactive { background-position: 0px -4px; cursor: not-allowed; } } @media (max-width: 575.98px) { .home-page { /* .process { figure { display: inline-block; img { position: relative; margin-left: 0; } } p { display: inline-block; text-align: left; margin-left: 15px; vertical-align: middle; } } .culinary-carousel { h2 { @include font(17); margin-bottom: 2.71rem; } } .service { .row { > div { margin-bottom: 3rem; &:last-child { margin-bottom: 0; } } } figure { margin-bottom: 0; } } .banner-influence { height: 287px; margin-bottom: 400px; .block-yellow { padding: 2.5rem; text-align: center; h3 { @include font(17); } } } .food-home { text-align: center; h3 { @include font(17); margin-top: 2rem; margin-bottom: 2rem; max-width: 232px; margin-left: auto; margin-right: auto; } img.hidden-sm-up { margin-bottom: 2.5rem; } .ce-block { text-align: left; p { margin-bottom: 0; } } } .map { background-position: center center; height: 480px; .map-content { text-align: center; h3 { @include font(17); } p { @include font(14); } } }*/ } .home-page .img-header { width: 100%; min-width: 1200px; } .home-page nav.header-navbar { height: 60px; background: #ffffff; } .home-page nav.header-navbar .open-mobile i { color: #000000; } .home-page nav.header-navbar.fixed-bg-home .open-mobile i { color: #ffffff; } .home-page nav.header-navbar.fixed-bg-home .nav-item { margin-left: 3rem; } .home-page nav.header-navbar.fixed-bg-home .nav-item > a.nav-link, .home-page nav.header-navbar.fixed-bg-home .nav-item > a.btn.btn-secondary-outline { font-family: "montserratlight"; font-size: 1rem; letter-spacing: -0.0182rem; color: #ffffff !important; background: none; padding: 0.5rem 1rem; display: inline-block; } .home-page nav.header-navbar.fixed-bg-home .nav-item > a.nav-link:hover, .home-page nav.header-navbar.fixed-bg-home .nav-item > a.btn.btn-secondary-outline:hover { background: none !important; text-decoration: underline; color: #ffffff !important; } .home-page nav.header-navbar .col-avatar.open-menu-full .nav-dropdown { padding-bottom: 2.5rem; } .home-page nav.header-navbar .col-avatar.open-menu-full li { margin-left: 0; } .home-page nav.header-navbar .col-avatar.open-menu-full li > a.nav-link, .home-page nav.header-navbar .col-avatar.open-menu-full li a.btn.btn-secondary-outline { margin-left: 3rem; } .home-page nav.header-navbar .col-avatar.open-menu-full li > a.nav-link.nav-avatar, .home-page nav.header-navbar .col-avatar.open-menu-full li a.btn.btn-secondary-outline.nav-avatar { padding: 0; margin-left: 0; } .home-page nav.header-navbar .col-avatar.open-menu-full li > a.nav-link:hover, .home-page nav.header-navbar .col-avatar.open-menu-full li > a.nav-link:focus, .home-page nav.header-navbar .col-avatar.open-menu-full li a.btn.btn-secondary-outline:hover, .home-page nav.header-navbar .col-avatar.open-menu-full li a.btn.btn-secondary-outline:focus { text-decoration: none; } .home-page nav.header-navbar .col-avatar.open-menu-full li > a.nav-link .avatar-name, .home-page nav.header-navbar .col-avatar.open-menu-full li a.btn.btn-secondary-outline .avatar-name { font-family: "montserratregular"; } .home-page nav.header-navbar .col-avatar.open-menu-full li .dropdown-menu { padding-bottom: 0 !important; } .home-page header .container h2 { padding-top: 120px; font-size: 1.375rem; letter-spacing: -0.0308rem; } .home-page header .container p { margin-top: 2rem; } .home-page header .container p .phrase-call-to-action { display: block; margin-bottom: 1rem; } .home-page header .container p .btn-call-to-action { width: 224px; margin: auto; display: block; } .home-page header .container p .btn-call-to-action.login { margin-top: 1rem !important; background-color: transparent; color: #ffffff !important; border: 1px solid #ffffff; } .home-page header .container p .btn-call-to-action.login:hover { background-color: #ffffff; color: #000000 !important; } .home-page .companies .supporters { width: 50%; } .home-page .companies .partners { width: 50%; } } @media (max-width: 396px) { .home-page header:not(.has-cookies) .container h2 { padding-top: 100px; } .map { height: 460px !important; } .block-yellow2 { height: 100% !important; } } @media (max-width: 320px) { .home-page .process p { margin-left: 0px; margin-top: 0px; text-align: center; } .home-page .process .subtitle { text-align: center; width: 100%; } .home-page .process .box-text-img { text-align: center; } } .page.search-register-page #main-container { background-color: #ffffff; } .page.search-register-page #main-container #register-btn { display: none; } .page.search-register-page #main-container .bd-footer { position: relative; z-index: 1; margin-top: 0; } .page.search-register-page #main-container .header-navbar .navbar-login .nav-item .nav-link { font-family: "montserratregular"; border-radius: 0; font-size: 0.85rem; padding: 0.6rem 1.2rem; color: #000 !important; } .page.search-register-page .container .slideshow { position: relative; overflow: hidden; } .page.search-register-page .container .slideshow .picture-item { width: 100%; height: 750px; background-position: right top; background-repeat: no-repeat; background-size: contain; } .page.search-register-page .container .slideshow .picture-item-meal-review { position: absolute; top: 6.5rem; left: 2rem; font-size: 1.5rem; line-height: 1.8rem; color: #000000; width: 50%; text-align: left; } .page.search-register-page .container .slideshow .picture-item-meal-review .picture-item-meal-name { color: #000000; font-size: .8rem; line-height: 1rem; margin-top: .5rem; } .page.search-register-page .container .slideshow .picture-item-text-background { width: 100%; height: 100%; } .page.search-register-page .container .slideshow .owl-stage-outer { width: 540px; position: absolute; z-index: 0; } .page.search-register-page .container .slideshow .owl-dots { padding: 48px 0 0 28px; text-align: left; position: fixed; } .page.search-register-page .container .slideshow .owl-dot { display: inline-block; width: 8px; height: 8px; margin: 5px 5px; filter: Alpha(Opacity=30); opacity: 0.3; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #000000; } .page.search-register-page .container .slideshow .owl-dot:hover, .page.search-register-page .container .slideshow .owl-dot.active { filter: Alpha(Opacity=100); opacity: 1; } .page.search-register-page .container .search-container { min-height: 610px; padding: 4.5rem 1rem 1rem 3rem; } .page.search-register-page .container .search-container .search-scrollable .register-content h3 { color: #000000; } .page.search-register-page .container .search-container .search-scrollable .register-content p { margin-bottom: 0; } .page.search-register-page .container .search-container .search-scrollable .register-content.search-company .search-input input, .page.search-register-page .container .search-container .search-scrollable .register-content.search-company .search-input select { margin-top: 1rem; border: 1px solid #BFBFBF; height: 44px; } .page.search-register-page .container .search-container .search-scrollable .register-content.search-company .search-input input.form-control-danger, .page.search-register-page .container .search-container .search-scrollable .register-content.search-company .search-input select.form-control-danger { border-color: red !important; } .page.search-register-page .container .search-container .search-scrollable .register-content.search-company .search-input.search-input-zipcode { align-items: baseline; } .page.search-register-page .container .search-container .search-scrollable .register-content.search-company .search-input.search-input-zipcode label { margin-top: 1rem; } .page.search-register-page .container .search-container .search-scrollable .register-content.search-company .search-input.search-input-zipcode input { margin-top: 0; } .page.search-register-page .container .search-container .search-scrollable .register-content.search-company .search-input.search-input-zipcode .zipcode-divider { text-align: center; } .page.search-register-page .container .search-container .search-scrollable .register-content.search-company .search-filters { margin-top: 1rem; border-bottom: 1px solid #f0f1f2; padding-bottom: 1rem; align-items: center; } .page.search-register-page .container .search-container .search-scrollable .register-content.search-company .search-filters #submit-search { float: right; color: #000000; font-family: "montserratregular"; font-size: .9rem; padding: 0.6rem 1.2rem; } .page.search-register-page .container .search-container .search-scrollable .register-content.search-company .search-filters #submit-search:hover { color: #000000; } .page.search-register-page .container .search-container .search-scrollable .register-content.search-company .search-filters .search-filter-item label { margin-bottom: 0; font-family: "montserratlight"; } .page.search-register-page .container .search-container .search-scrollable .register-content.search-company .search-filters .search-filter-item [type="radio"]:checked, .page.search-register-page .container .search-container .search-scrollable .register-content.search-company .search-filters .search-filter-item [type="radio"]:not(:checked) { position: absolute; left: -9999px; } .page.search-register-page .container .search-container .search-scrollable .register-content.search-company .search-filters .search-filter-item [type="radio"]:checked + label, .page.search-register-page .container .search-container .search-scrollable .register-content.search-company .search-filters .search-filter-item [type="radio"]:not(:checked) + label { position: relative; padding-left: 22px; cursor: pointer; line-height: 18px; display: inline-block; color: #666; } .page.search-register-page .container .search-container .search-scrollable .register-content.search-company .search-filters .search-filter-item [type="radio"]:checked + label:before, .page.search-register-page .container .search-container .search-scrollable .register-content.search-company .search-filters .search-filter-item [type="radio"]:not(:checked) + label:before { content: ''; position: absolute; left: 0; top: 0; width: 18px; height: 18px; border: 1px solid #ddd; border-radius: 100%; background: #fff; } .page.search-register-page .container .search-container .search-scrollable .register-content.search-company .search-filters .search-filter-item [type="radio"]:checked + label:after, .page.search-register-page .container .search-container .search-scrollable .register-content.search-company .search-filters .search-filter-item [type="radio"]:not(:checked) + label:after { content: ''; width: 12px; height: 12px; background: #ffbd1b; position: absolute; top: 3px; left: 3px; border-radius: 100%; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .page.search-register-page .container .search-container .search-scrollable .register-content.search-company .search-filters .search-filter-item [type="radio"]:not(:checked) + label:after { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } .page.search-register-page .container .search-container .search-scrollable .register-content.search-company .search-filters .search-filter-item [type="radio"]:checked + label:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .page.search-register-page .container .search-container .search-scrollable .register-content.search-company .companies { margin-top: 1rem; } .page.search-register-page .container .search-container .search-scrollable .register-content.search-company .companies .company-not-found { margin-bottom: 1rem; margin-top: 1rem; } .page.search-register-page .container .search-container .search-scrollable .register-content.search-company .companies .is-one-of-companies { font-size: 1.1rem; } .page.search-register-page .container .search-container .search-scrollable .register-content.search-company .companies .address-in-zone p { color: #000000; font-family: "montserratregular"; } .page.search-register-page .container .search-container .search-scrollable .register-content.search-company .companies .address-in-zone .inserted-address { text-transform: capitalize; } .page.search-register-page .container .search-container .search-scrollable .register-content.search-company .companies .address-in-zone .link-to-register-company { color: #ffffff; background: #000000; font-family: "montserratregular"; float: left; font-size: .9rem; padding: 0.6rem 1.2rem; margin-top: 1rem; border-color: #000000; } .page.search-register-page .container .search-container .search-scrollable .register-content.search-company .companies .companies-list { flex-wrap: wrap; margin-top: .5rem; } .page.search-register-page .container .search-container .search-scrollable .register-content.search-company .companies .companies-list .nav-item { margin-right: 1rem; margin-top: 0.5rem; } .page.search-register-page .container .search-container .search-scrollable .register-content.search-company .companies .companies-list .nav-item .nav-link { background-color: #f0f1f2; border-radius: 1rem; padding-right: 1.5rem; padding-left: 1.5rem; color: #000; float: left; } .page.search-register-page .container .search-container .search-scrollable .register-content.search-company .companies .companies-list .nav-item .nav-link:hover { background-color: #9B9B9B; } .page.search-register-page .container .search-container .search-scrollable .register-content.search-company .companies .companies-list .nav-item .close-organization { float: right; border-radius: 0 1rem 1rem 0; background-color: #f0f1f2; height: 100%; padding-left: 0.8rem; padding-right: 1rem; align-items: center; border-left: 1px solid #BFBFBF; display: none; } .page.search-register-page .container .search-container .search-scrollable .register-content.search-company .companies .companies-list .nav-item .close-organization:hover { background-color: #9B9B9B; } .page.search-register-page .container .search-container .search-scrollable .register-content.search-company .companies .companies-list .nav-item.active .nav-link { padding-right: .5rem; border-radius: 1rem 0 0 1rem; background-color: #9B9B9B; } .page.search-register-page .container .search-container .search-scrollable .register-content.search-company .companies .companies-list .nav-item.active .close-organization { display: flex; } .page.search-register-page .container .search-container .search-scrollable .register-content.search-company .organization-info { margin-top: 1rem; align-items: center; } .page.search-register-page .container .search-container .search-scrollable .register-content.search-company .organization-info .organization-name { color: #ffbd1b; font: "montserratbold"; } .page.search-register-page .container .search-container .search-scrollable .register-content.search-company .organization-info .organization-address { color: #000000; } .page.search-register-page .container .search-container .search-scrollable .register-content.search-company .organization-info .organization-delivery .organization-delivery-start, .page.search-register-page .container .search-container .search-scrollable .register-content.search-company .organization-info .organization-delivery .organization-delivery-end, .page.search-register-page .container .search-container .search-scrollable .register-content.search-company .organization-info .organization-delivery .organization-delivery-limit { color: #000000; font-family: "montserratbold"; } .page.search-register-page .container .search-container .search-scrollable .register-content.search-company .organization-info .btn { color: #000000; font-family: "montserratregular"; float: right; font-size: .9rem; padding: 0.6rem 1.2rem; } .page.search-register-page .container .search-container .search-scrollable .register-content.register-customer .card-form .card { border: none; } .page.search-register-page .container .search-container .search-scrollable .register-content.register-customer .card-form .card .card-block { padding: 0; } .page.search-register-page .container .search-container .search-scrollable .register-content.register-customer .card-form .card .card-block label { color: #000000; } .page.search-register-page .container .search-container .search-scrollable .register-content.register-customer .card-form .card .card-block input, .page.search-register-page .container .search-container .search-scrollable .register-content.register-customer .card-form .card .card-block select { border: 1px solid #BFBFBF; } .page.search-register-page .container .search-container .search-scrollable .register-content.register-customer .card-form .card .card-block .organization-info { margin-bottom: 1rem; } .page.search-register-page .container .search-container .search-scrollable .register-content.register-customer .card-form .card .card-block .organization-info .organization-name { font-family: "montserratregular"; color: #000000; font-size: 1rem; } .page.search-register-page .container .search-container .search-scrollable .register-content.register-customer .card-form .card .card-block .organization-info .organization-delivery { margin-top: .2rem; color: #000000; } .page.search-register-page .container .search-container .search-scrollable .register-content.register-customer .card-form .card .card-block .organization-info .organization-delivery .organization-delivery-start, .page.search-register-page .container .search-container .search-scrollable .register-content.register-customer .card-form .card .card-block .organization-info .organization-delivery .organization-delivery-end, .page.search-register-page .container .search-container .search-scrollable .register-content.register-customer .card-form .card .card-block .organization-info .organization-delivery .organization-delivery-limit { font-family: "montserratbold"; } .page.search-register-page .container .search-container .search-scrollable .register-content.register-customer .card-form .form-group .row { align-items: baseline; } .page.search-register-page .container .search-container .search-scrollable .register-content.register-customer .card-form .register-options { margin-top: 2rem; } .page.search-register-page .container .search-container .search-scrollable .register-content.register-customer .card-form .register-options .register-options-title { font-size: .7rem; color: #000000; font-family: "montserratbold"; text-transform: uppercase; margin-bottom: .3rem; } .page.search-register-page .container .search-container .search-scrollable .register-content.register-customer .card-form .register-options.newsletter-options { margin-top: 1rem; margin-bottom: 1rem; } .page.search-register-page .container .search-container .search-scrollable .register-content.login-customer .card-form .card { border: none; } .page.search-register-page .container .search-container .search-scrollable .register-content.login-customer .card-form .card .card-block { padding: 0; } .page.search-register-page .container .search-container .search-scrollable .register-content.login-customer .card-form .card .card-block label { color: #000000; } .page.search-register-page .container .search-container .search-scrollable .register-content.login-customer .card-form .card .card-block input, .page.search-register-page .container .search-container .search-scrollable .register-content.login-customer .card-form .card .card-block select { border: 1px solid #BFBFBF; } .page.search-register-page .container .search-container .search-scrollable .register-content.login-customer .card-form .form-group .row { align-items: baseline; } .page.search-register-page .container .search-container .search-scrollable .register-content.register-organization .card-form .card { border: none; } .page.search-register-page .container .search-container .search-scrollable .register-content.register-organization .card-form .card .card-block { padding: 0; } .page.search-register-page .container .search-container .search-scrollable .register-content.register-organization .card-form .card .card-block label { color: #000000; } .page.search-register-page .container .search-container .search-scrollable .register-content.register-organization .card-form .card .card-block input, .page.search-register-page .container .search-container .search-scrollable .register-content.register-organization .card-form .card .card-block select { border: 1px solid #BFBFBF; } .page.search-register-page .container .search-container .search-scrollable .register-content.register-organization .card-form .row { align-items: baseline; } .page.search-register-page .container .search-container .search-scrollable .register-content.register-organization .card-form .help-icon { margin-left: .5rem; } .page.search-register-page .container .search-container .search-scrollable .register-content.register-customer-success .success-image { text-align: center; margin-top: 5.5rem; margin-bottom: 2.5rem; } .page.search-register-page .container .search-container .search-scrollable .register-content.register-customer-success .success-text { text-align: center; } .page.search-register-page .container .search-container .search-scrollable .register-content.register-customer-success .success-text h5 { font-family: "montserratlight"; } .page.search-register-page .container .search-container .search-scrollable .register-content.register-customer-success .go-to-login { text-align: center; } .page.search-register-page .container .search-container .search-scrollable .register-content.register-customer-success .btn { color: #000000; font-family: "montserratregular"; font-size: .9rem; padding: 0.6rem 1.2rem; margin-top: 1rem; } .page.search-register-page .bd-footer { margin-top: 0; margin-bottom: 0; padding-bottom: 49px; } .register-customer-success { background-color: #fff; text-align: center; margin: 100px 0 100px 0px; } .register-customer-success .success-text { margin: 60px 0 0px 0px; } .register-customer-success .link { text-decoration: underline !important; color: black !important; } .autocomplete-row .marker { float: right; margin: -14px 0px; font-size: 24px; color: #e2e4e9; } .register-address { /*.form-control { background-color: #f0f1f2; border-radius: 5px; font-family: "montserratlight"; color: #4a4a4a; font-size: 1em; min-height: 43px; border: 1px solid #bfbfbf; &::placeholder { color: #c0c9d5 !important; } &:disabled { border-color: #f0f1f2; } }*/ /* When the radio button is checked, add a blue background */ /* Create the indicator (the dot/circle - hidden when not checked) */ /* Show the indicator (dot/circle) when checked */ /* Style the indicator (dot/circle) */ } .register-address .dropdown-item.active, .register-address .dropdown-item:active { color: black; text-decoration: none; background-color: #0000000a; } .register-address .register-footer > div { margin-top: 16px; } .register-address .register-footer a:not(.btn) { text-decoration: underline; color: #000; font-size: 12px; letter-spacing: -0.24px; } .register-address .page-title { margin-bottom: 2rem; } .register-address .container.section { padding: 0; margin: 0; margin-bottom: 2.5rem; width: 100%; } .register-address .page-subtitle { font-size: 1rem; font-weight: 400; font-family: "montserratlight"; margin: 1rem 0 1.5rem; color: black; } .register-address label { margin-top: .5rem; margin-bottom: 0; font-weight: 600; } .register-address .form-check-input { position: relative; color: #000; margin-left: 0; } .register-address .address p { margin-bottom: 0; } .register-address .timeline { display: flex; justify-content: space-between; list-style: none; padding: 0; overflow: hidden; position: relative; padding-top: .5rem; } .register-address .timeline.timeline-p50 .timeline-item:first-child:before { width: 70%; } .register-address .timeline.timeline-p100 .timeline-item:first-child:before { width: 100%; } .register-address .timeline .timeline-item-inside { font-size: .8rem; font-weight: 700; display: flex; justify-content: center; align-items: center; z-index: 2; height: 1.7rem; width: 1.7rem; border-radius: 50%; margin-top: 0rem; } .register-address .timeline:before { display: block; content: ""; border-bottom: 1px solid #ccc; position: absolute; top: 1.4rem; left: 1rem; right: 1rem; } .register-address .timeline .timeline-item { font-size: .8rem; font-weight: 700; display: flex; justify-content: center; align-items: center; z-index: 2; background-color: #ccc; height: 1.7rem; width: 1.7rem; border-radius: 50%; } .register-address .timeline .timeline-item.concluded { background-color: #ffbd1b; } .register-address .timeline .timeline-item:first-child:before { display: block; content: ''; border-bottom: 1px solid #ffbd1b; position: absolute; z-index: 1; top: 1.4rem; left: 1.2rem; width: 25%; } .register-address .timeline .timeline-item.selected { height: 2.3rem; width: 2.3rem; background-color: white; border: 1px solid #ffbd1b; margin-top: -3px; } .register-address .timeline .timeline-item.selected .timeline-item-inside { background-color: #ffbd1b; } .register-address .container > input[type="radio"] { position: absolute; visibility: hidden; cursor: pointer; height: 0; width: 0; } .register-address .checkmark2 { position: absolute; top: 0; left: 0; height: 21px; width: 21px; background-color: #eee; border-radius: 50%; } .register-address .container:hover > input[type="radio"] ~ .checkmark2 { background-color: #ccc; } .register-address .container > input[type="radio"]:checked ~ .checkmark2 { background-color: #ffbd1b; } .register-address .checkmark2:after { content: ""; position: absolute; display: none; } .register-address .container > input[type="radio"]:checked ~ .checkmark2:after { display: block; } .register-address .container > .checkmark2:after { top: 7px; left: 7px; width: 7px; height: 7px; border-radius: 50%; background: black; } .register-address .label-check { padding: 2px 0px 0px 27px !important; } .register-address .success { color: #53b685; } .register-address .error { color: #e67677; } .place-name { font-family: "montserratlight" !important; font-size: 14px !important; font-weight: 600 !important; font-stretch: normal !important; font-style: normal !important; line-height: 1 !important; letter-spacing: -0.28px !important; color: black !important; } .place-zip { font-family: "montserratlight" !important; font-size: 14px !important; font-weight: normal !important; font-stretch: normal !important; font-style: normal !important; line-height: 1 !important; letter-spacing: -0.28px !important; color: #6a7381 !important; } .google-map-modal .address { margin-top: 16px; } .google-map-modal .address #address1 { font-family: "montserratlight"; font-size: 0.75rem; letter-spacing: -0.0168rem; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1; letter-spacing: -0.24px; color: black; } .google-map-modal .address #address2 { font-family: "montserratlight"; font-size: 0.75rem; letter-spacing: -0.0168rem; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1; letter-spacing: -0.24px; color: #6a7381; } .google-map-modal .button-my-location { position: absolute; top: 65%; right: 49px; height: 32px; border-radius: 3px; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2); background-color: #ffffff; padding: 5px 16px; border: 0; font-family: "montserratlight"; font-size: 14px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1; letter-spacing: -0.28px; text-align: center; color: #000000; } .google-map-modal .gmnoprint div { width: 32px !important; margin: 0px 0px !important; height: auto !important; padding: 0 0 0 0; } .google-map-modal .gmnoprint button { width: 32px !important; height: 30px !important; padding: 0px 0px 0px 0px !important; margin: 0px 8px !important; width: 16px !important; height: 30px !important; } .google-map-modal .gmnoprint button[title="Zoom in"] img { content: url("/img/plus.png"); width: 16px !important; height: 16px !important; } .google-map-modal .gmnoprint button[title="Zoom out"] { border-top: #e2e4e9 1px solid !important; } .google-map-modal .gmnoprint button[title="Zoom out"] img { content: url("/img/minus.png"); width: 16px !important; height: 16px !important; } .google-map-modal .gmnoprint { background: url(/images/map-zoom-controls.png) no-repeat center center !important; width: 42px !important; height: 68px !important; } .google-map-modal .gmnoprint > div > img { display: none !important; } .google-map-modal .gmnoprint div[title="Zoom in"] { top: 2px !important; left: 2px !important; width: 38px !important; height: 31px !important; } .google-map-modal .gmnoprint div[title="Zoom out"] { top: 35px !important; left: 2px !important; width: 38px !important; height: 30px !important; } .google-map-modal #map { width: 100%; height: 250px; position: relative; } .google-map-modal #map:after { content: ''; display: block; height: 48px; width: 48px; position: absolute; top: 50%; left: 50%; margin-left: -24px; margin-top: -48px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; background: url("/img/map-marker.svg") no-repeat center center; } .google-map-modal #map .gm-bundled-control { top: 0; } @media (max-width: 767.98px) { .button-my-location { position: absolute; right: 33px !important; } .google-map-modal #map { width: 100%; } .register-address .register-footer a { display: block; text-align: center; } .register-address .register-footer #search-btn { width: 100%; } .page.search-register-page .container .search-container { padding: 1rem; } .page.search-register-page .container .search-container .search-scrollable .register-content.search-company .search-filters #submit-search { margin-top: 1rem; width: 100%; } .page.search-register-page .container .search-container .search-scrollable .register-content.search-company .companies .organization-info .btn.chosen-organization { width: 100%; margin-top: 1rem; } } .container .slideshow .owl-stage-outer { width: 450px !important; } @media (max-width: 991.98px) { .container .slideshow .owl-stage-outer { width: 330px !important; } } @supports (-ms-ime-align: auto) { .form-check-input { height: auto !important; width: auto !important; } } body.page .input-group-append2 { width: 100%; text-align: center; } body.page.admin { /* .header-navbar { position: relative; background-image: url('/img/bg-photo.jpg'); background-size: cover; } */ } body.page.admin .btn-secondary, body.page.admin .drivers-page .drivers-buttons-filter .organizations-list.organizations-list-title .btn-driver-mark-departed, .drivers-page .drivers-buttons-filter .organizations-list.organizations-list-title body.page.admin .btn-driver-mark-departed, body.page.admin .drivers-page .drivers-buttons-filter .organization-title .btn-driver-send-email, .drivers-page .drivers-buttons-filter .organization-title body.page.admin .btn-driver-send-email { background-color: #ffbd1b; border-color: #ffbd1b; } body.page.admin .btn-secondary:active, body.page.admin .drivers-page .drivers-buttons-filter .organizations-list.organizations-list-title .btn-driver-mark-departed:active, .drivers-page .drivers-buttons-filter .organizations-list.organizations-list-title body.page.admin .btn-driver-mark-departed:active, body.page.admin .drivers-page .drivers-buttons-filter .organization-title .btn-driver-send-email:active, .drivers-page .drivers-buttons-filter .organization-title body.page.admin .btn-driver-send-email:active, body.page.admin .btn-secondary:hover, body.page.admin .drivers-page .drivers-buttons-filter .organizations-list.organizations-list-title .btn-driver-mark-departed:hover, .drivers-page .drivers-buttons-filter .organizations-list.organizations-list-title body.page.admin .btn-driver-mark-departed:hover, body.page.admin .drivers-page .drivers-buttons-filter .organization-title .btn-driver-send-email:hover, .drivers-page .drivers-buttons-filter .organization-title body.page.admin .btn-driver-send-email:hover, body.page.admin .btn-secondary:focus, body.page.admin .drivers-page .drivers-buttons-filter .organizations-list.organizations-list-title .btn-driver-mark-departed:focus, .drivers-page .drivers-buttons-filter .organizations-list.organizations-list-title body.page.admin .btn-driver-mark-departed:focus, body.page.admin .drivers-page .drivers-buttons-filter .organization-title .btn-driver-send-email:focus, .drivers-page .drivers-buttons-filter .organization-title body.page.admin .btn-driver-send-email:focus { background-color: #ffdb81; border-color: #ffdb81; } body.page.admin .btn-secondary:active:hover, body.page.admin .drivers-page .drivers-buttons-filter .organizations-list.organizations-list-title .btn-driver-mark-departed:active:hover, .drivers-page .drivers-buttons-filter .organizations-list.organizations-list-title body.page.admin .btn-driver-mark-departed:active:hover, body.page.admin .drivers-page .drivers-buttons-filter .organization-title .btn-driver-send-email:active:hover, .drivers-page .drivers-buttons-filter .organization-title body.page.admin .btn-driver-send-email:active:hover, body.page.admin .btn-secondary:active:focus, body.page.admin .drivers-page .drivers-buttons-filter .organizations-list.organizations-list-title .btn-driver-mark-departed:active:focus, .drivers-page .drivers-buttons-filter .organizations-list.organizations-list-title body.page.admin .btn-driver-mark-departed:active:focus, body.page.admin .drivers-page .drivers-buttons-filter .organization-title .btn-driver-send-email:active:focus, .drivers-page .drivers-buttons-filter .organization-title body.page.admin .btn-driver-send-email:active:focus { background-color: #ffcc4e; border-color: #ffcc4e; } body.page.admin .btn-primary, body.page.admin .page.search-register-page #main-container .header-navbar .navbar-login .nav-item .nav-link, .page.search-register-page #main-container .header-navbar .navbar-login .nav-item body.page.admin .nav-link { background-color: #4d2209; border-color: #4d2209; color: #ffffff; } body.page.admin .btn-primary:active, body.page.admin .page.search-register-page #main-container .header-navbar .navbar-login .nav-item .nav-link:active, .page.search-register-page #main-container .header-navbar .navbar-login .nav-item body.page.admin .nav-link:active, body.page.admin .btn-primary:hover, body.page.admin .page.search-register-page #main-container .header-navbar .navbar-login .nav-item .nav-link:hover, .page.search-register-page #main-container .header-navbar .navbar-login .nav-item body.page.admin .nav-link:hover, body.page.admin .btn-primary:focus, body.page.admin .page.search-register-page #main-container .header-navbar .navbar-login .nav-item .nav-link:focus, .page.search-register-page #main-container .header-navbar .navbar-login .nav-item body.page.admin .nav-link:focus { background-color: #a84a14; border-color: #a84a14; } body.page.admin .btn-primary:active:hover, body.page.admin .page.search-register-page #main-container .header-navbar .navbar-login .nav-item .nav-link:active:hover, .page.search-register-page #main-container .header-navbar .navbar-login .nav-item body.page.admin .nav-link:active:hover, body.page.admin .btn-primary:active:focus, body.page.admin .page.search-register-page #main-container .header-navbar .navbar-login .nav-item .nav-link:active:focus, .page.search-register-page #main-container .header-navbar .navbar-login .nav-item body.page.admin .nav-link:active:focus { background-color: #7b360e; border-color: #7b360e; } body.page.admin .table { font-size: 0.8rem; } body.page.admin .table td > a { color: #999; text-decoration: underline; } body.page.admin .nav-btn-credits { display: none; } body.page.admin .table-alternate { background-color: #eee; } body.page.admin .table-alternate > .table > tbody > tr:first-child { display: none; } body.page.admin .table-row { background-color: #fff; } body.page.admin .table-row > td { padding: 0; } body.page.admin .table-sm { margin-bottom: 0; background-color: #eee; font-size: 0.8rem; } body.page.admin .table-totals { width: 100%; max-width: 600px; } body.page.admin .table-totals td { white-space: nowrap; } body.page.admin .table-include { padding: 0; } body.page.admin .table-alternate .table-include { padding: 0 10px; } body.page.admin .admin-promocode .form-query { align-items: flex-end; } body.page.admin .admin-promocode .form-query .form-query-buttons { display: flex; justify-content: space-between; } body.page.admin .admin-promocode .form-query button, body.page.admin .admin-promocode .form-query a { float: none; } body.page.admin .admin-customer table .btn.btn-secondary, body.page.admin .admin-customer table .drivers-page .drivers-buttons-filter .organizations-list.organizations-list-title .btn.btn-driver-mark-departed, .drivers-page .drivers-buttons-filter .organizations-list.organizations-list-title body.page.admin .admin-customer table .btn.btn-driver-mark-departed, body.page.admin .admin-customer table .drivers-page .drivers-buttons-filter .organization-title .btn.btn-driver-send-email, .drivers-page .drivers-buttons-filter .organization-title body.page.admin .admin-customer table .btn.btn-driver-send-email, body.page.admin .admin-user table .btn.btn-secondary, body.page.admin .admin-user table .drivers-page .drivers-buttons-filter .organizations-list.organizations-list-title .btn.btn-driver-mark-departed, .drivers-page .drivers-buttons-filter .organizations-list.organizations-list-title body.page.admin .admin-user table .btn.btn-driver-mark-departed, body.page.admin .admin-user table .drivers-page .drivers-buttons-filter .organization-title .btn.btn-driver-send-email, .drivers-page .drivers-buttons-filter .organization-title body.page.admin .admin-user table .btn.btn-driver-send-email, body.page.admin .admin-promocode table .btn.btn-secondary, body.page.admin .admin-promocode table .drivers-page .drivers-buttons-filter .organizations-list.organizations-list-title .btn.btn-driver-mark-departed, .drivers-page .drivers-buttons-filter .organizations-list.organizations-list-title body.page.admin .admin-promocode table .btn.btn-driver-mark-departed, body.page.admin .admin-promocode table .drivers-page .drivers-buttons-filter .organization-title .btn.btn-driver-send-email, .drivers-page .drivers-buttons-filter .organization-title body.page.admin .admin-promocode table .btn.btn-driver-send-email, body.page.admin .admin-order table .btn.btn-secondary, body.page.admin .admin-order table .drivers-page .drivers-buttons-filter .organizations-list.organizations-list-title .btn.btn-driver-mark-departed, .drivers-page .drivers-buttons-filter .organizations-list.organizations-list-title body.page.admin .admin-order table .btn.btn-driver-mark-departed, body.page.admin .admin-order table .drivers-page .drivers-buttons-filter .organization-title .btn.btn-driver-send-email, .drivers-page .drivers-buttons-filter .organization-title body.page.admin .admin-order table .btn.btn-driver-send-email { font-size: 0.8rem; } body.page.admin .admin-route-management .card { margin-bottom: 1rem; } body.page.admin .admin-route-management .card .card-block #saveRoute.danger { background-color: #d9534f !important; border-color: #d9534f !important; } body.page.admin .admin-route-management .card .card-block #saveRoute.success { background-color: #5cb85c !important; border-color: #5cb85c !important; } body.page.admin .admin-route-management .form-group { width: 100%; } body.page.admin .admin-route-management .form-group .btn-submit { margin-top: 1rem; } body.page.admin .admin-route-management .tilt { transform: rotate(3deg); -moz-transform: rotate(3deg); -webkit-transform: rotate(3deg); } body.page.admin .admin-route-management .card-block { display: flex; justify-content: space-between; } body.page.admin .admin-route-management .main-column { width: 33%; } body.page.admin .admin-route-management .column { width: 100%; float: left; padding-top: 0.5em; padding-bottom: 50px; background: #9B9B9B; border-radius: 3px; border: 1px solid #808080; } body.page.admin .admin-route-management .route-title { color: black; margin-top: 10px; text-align: center; } body.page.admin .admin-route-management .route-title.fixed { background: white; z-index: 6; padding-top: 21px; padding-bottom: 16px; margin-bottom: -16px; } body.page.admin .admin-route-management .route-debt { text-align: center; } body.page.admin .admin-route-management .route-debt .quantity { color: black; font-family: "montserratregular"; } body.page.admin .admin-route-management .portlet { margin: 0 0.5em 0.5em 0.5em; padding: 0.3em; border: 1px solid #808080; border-radius: 5px; background: #ffffff; box-shadow: #4a4a4a 3px 3px 7px -3px; } body.page.admin .admin-route-management .portlet .portlet-handle { position: relative; font-size: 24px; float: right; z-index: 1; padding-right: 0.2rem; } body.page.admin .admin-route-management .portlet .portlet-handle .ion-navicon-round { display: block; line-height: 34px; text-align: right; font-size: 34px; z-index: 1; color: #000000; } body.page.admin .admin-route-management .portlet .portlet-handle .ion-navicon-round:hover { cursor: move; opacity: 0.7; } body.page.admin .admin-route-management .portlet .portlet-handle a { text-align: right; } body.page.admin .admin-route-management .portlet .portlet-handle .ion-edit { display: block; line-height: 24px; font-size: 24px; z-index: 1; color: #000000; } body.page.admin .admin-route-management .portlet .portlet-handle .ion-edit:hover { cursor: pointer; opacity: 0.7; } body.page.admin .admin-route-management .portlet .portlet-handle small { font-size: 12px; display: block; text-align: right; } body.page.admin .admin-route-management .portlet .portlet-header { padding: 0 3em 0 0.3em; position: relative; } body.page.admin .admin-route-management .portlet .portlet-header .organization-name { font-family: "montserratbold"; color: #000; } body.page.admin .admin-route-management .portlet .portlet-header .organization-name a { color: #000000; } body.page.admin .admin-route-management .portlet .portlet-header .organization-name a i { color: #000000; font-size: 18px; } body.page.admin .admin-route-management .portlet .portlet-header .new { color: #d9534f; font-family: "montserratbold"; } body.page.admin .admin-route-management .portlet .portlet-header .flagged { color: #d9534f; font-family: "montserratbold"; font-size: 26px; } body.page.admin .admin-route-management .portlet .portlet-header .flagged:hover { cursor: pointer; } body.page.admin .admin-route-management .portlet .portlet-header .flagged.flagged-no { color: #9B9B9B; } body.page.admin .admin-route-management .portlet .portlet-header .flagged i.ion-checkmark { display: none; font-size: 18px; color: #5cb85c; } body.page.admin .admin-route-management .portlet .portlet-header .flagged i.ion-close { display: none; font-size: 18px; color: #d9534f; } body.page.admin .admin-route-management .portlet .portlet-header .organization-address { font-family: "montserratbold"; } body.page.admin .admin-route-management .portlet .portlet-header .organization-address a { color: #000000; } body.page.admin .admin-route-management .portlet .portlet-header .organization-address a i { color: #000000; font-size: 18px; } body.page.admin .admin-route-management .portlet .route-title { color: #000000; margin-top: 10px; text-align: center; } body.page.admin .admin-route-management .portlet .portlet-toggle { position: absolute; top: 50%; right: 0; margin-top: -8px; } body.page.admin .admin-route-management .portlet .portlet-content { padding: 0 0.4em; } body.page.admin .admin-route-management .portlet .portlet-content .organization-schedule { font-weight: bold; color: #000000; padding: 0 3em 0 0; margin-bottom: 0; } body.page.admin .admin-route-management .portlet .organization-debt { color: #000000; } body.page.admin .admin-route-management .portlet .portlet-placeholder { border: 1px dotted black; margin: 0 1em 1em 0; height: 50px; } body.page.admin .admin-route-management .organization-new { border-top: 25px solid; border-color: #d9534f; } body.page.admin .admin-route-management .organization-12h15, body.page.admin .admin-route-management .organization-13h15 { background: #ffbd1b; } body.page.admin .admin-route-management .organization-12h15 .portlet-header .organization-name, body.page.admin .admin-route-management .organization-13h15 .portlet-header .organization-name { font-family: "montserratbold"; color: #000; } body.page.admin .admin-route-management .organization-12h15 .portlet-header .organization-address, body.page.admin .admin-route-management .organization-13h15 .portlet-header .organization-address { font-family: "montserratbold"; color: #000000; padding: 0 0.5em 0 0; margin-bottom: 0; } body.page.admin .admin-route-management .organization-12h15 .portlet-header .organization-address a, body.page.admin .admin-route-management .organization-13h15 .portlet-header .organization-address a { font-weight: normal; color: #4d2209; } body.page.admin .admin-route-management .organization-12h15 .portlet-header .organization-address a i, body.page.admin .admin-route-management .organization-13h15 .portlet-header .organization-address a i { color: #4d2209; } body.page.admin .admin-route-management .organization-12h15 .portlet-content .organization-schedule, body.page.admin .admin-route-management .organization-13h15 .portlet-content .organization-schedule { font-weight: bold; color: #000000; padding: 0 3em 0 0; margin-bottom: 0; } body.page.admin .admin-route-management .organization-12h15 .organization-debt, body.page.admin .admin-route-management .organization-13h15 .organization-debt { color: #000000; } body.page.admin .admin-route-management .organization-12h30, body.page.admin .admin-route-management .organization-13h30 { background: #4d2209; } body.page.admin .admin-route-management .organization-12h30 .portlet-header .organization-name, body.page.admin .admin-route-management .organization-13h30 .portlet-header .organization-name { font-family: "montserratbold"; color: #ffffff; } body.page.admin .admin-route-management .organization-12h30 .portlet-header .organization-name a, body.page.admin .admin-route-management .organization-13h30 .portlet-header .organization-name a { color: #ffffff; } body.page.admin .admin-route-management .organization-12h30 .portlet-header .organization-name a i, body.page.admin .admin-route-management .organization-13h30 .portlet-header .organization-name a i { color: #ffffff; } body.page.admin .admin-route-management .organization-12h30 .portlet-header .organization-address, body.page.admin .admin-route-management .organization-13h30 .portlet-header .organization-address { font-family: "montserratbold"; color: #ffffff; padding: 0 0.5em 0 0; margin-bottom: 0; } body.page.admin .admin-route-management .organization-12h30 .portlet-header .organization-address a, body.page.admin .admin-route-management .organization-13h30 .portlet-header .organization-address a { font-weight: normal; color: #ffbd1b; } body.page.admin .admin-route-management .organization-12h30 .portlet-header .organization-address a i, body.page.admin .admin-route-management .organization-13h30 .portlet-header .organization-address a i { color: #ffbd1b; } body.page.admin .admin-route-management .organization-12h30 .portlet-handle .ion-navicon-round, body.page.admin .admin-route-management .organization-12h30 .portlet-handle .ion-edit, body.page.admin .admin-route-management .organization-12h30 .portlet-handle small, body.page.admin .admin-route-management .organization-13h30 .portlet-handle .ion-navicon-round, body.page.admin .admin-route-management .organization-13h30 .portlet-handle .ion-edit, body.page.admin .admin-route-management .organization-13h30 .portlet-handle small { color: #ffffff; } body.page.admin .admin-route-management .organization-12h30 .portlet-content .organization-schedule, body.page.admin .admin-route-management .organization-13h30 .portlet-content .organization-schedule { font-weight: bold; color: #ffffff; padding: 0 3em 0 0; margin-bottom: 0; } body.page.admin .admin-route-management .organization-12h30 .organization-debt, body.page.admin .admin-route-management .organization-13h30 .organization-debt { color: #ffffff; } body.page.admin .admin-route-management .organization-12h45, body.page.admin .admin-route-management .organization-13h45 { background: #4a4a4a; } body.page.admin .admin-route-management .organization-12h45 .portlet-header .organization-name, body.page.admin .admin-route-management .organization-13h45 .portlet-header .organization-name { font-family: "montserratbold"; color: #ffffff; } body.page.admin .admin-route-management .organization-12h45 .portlet-header .organization-name a, body.page.admin .admin-route-management .organization-13h45 .portlet-header .organization-name a { color: #ffffff; } body.page.admin .admin-route-management .organization-12h45 .portlet-header .organization-name a i, body.page.admin .admin-route-management .organization-13h45 .portlet-header .organization-name a i { color: #ffffff; } body.page.admin .admin-route-management .organization-12h45 .portlet-header .organization-address, body.page.admin .admin-route-management .organization-13h45 .portlet-header .organization-address { font-family: "montserratbold"; color: #ffffff; padding: 0 0.5em 0 0; margin-bottom: 0; } body.page.admin .admin-route-management .organization-12h45 .portlet-header .organization-address a, body.page.admin .admin-route-management .organization-13h45 .portlet-header .organization-address a { font-weight: normal; color: #ffbd1b; } body.page.admin .admin-route-management .organization-12h45 .portlet-header .organization-address a i, body.page.admin .admin-route-management .organization-13h45 .portlet-header .organization-address a i { color: #ffbd1b; } body.page.admin .admin-route-management .organization-12h45 .portlet-handle .ion-navicon-round, body.page.admin .admin-route-management .organization-12h45 .portlet-handle .ion-edit, body.page.admin .admin-route-management .organization-12h45 .portlet-handle small, body.page.admin .admin-route-management .organization-13h45 .portlet-handle .ion-navicon-round, body.page.admin .admin-route-management .organization-13h45 .portlet-handle .ion-edit, body.page.admin .admin-route-management .organization-13h45 .portlet-handle small { color: #ffffff; } body.page.admin .admin-route-management .organization-12h45 .portlet-content .organization-schedule, body.page.admin .admin-route-management .organization-13h45 .portlet-content .organization-schedule { font-weight: bold; color: #ffffff; padding: 0 3em 0 0; margin-bottom: 0; } body.page.admin .admin-route-management .organization-12h45 .organization-debt, body.page.admin .admin-route-management .organization-13h45 .organization-debt { color: #ffffff; } body.page.admin .admin-route-management .organization-12h45.end-13h45, body.page.admin .admin-route-management .organization-13h45.end-14h45 { background: #333; } body.page.admin .admin-route-management .modal .modal-dialog .modal-content .modal-body .org-map { overflow: hidden; height: 350px; width: 100%; } body.page.admin .admin-route-management .modal .modal-dialog .modal-content .modal-body .org-map .org-map-detail { height: 350px; width: 100%; } body.page.admin .admin-route-management .modal .modal-dialog .modal-content .modal-footer .row { width: 100%; } body.page.admin .admin-route-management .modal .modal-dialog .modal-content .modal-footer .row .btn.btn-secondary, body.page.admin .admin-route-management .modal .modal-dialog .modal-content .modal-footer .row .drivers-page .drivers-buttons-filter .organizations-list.organizations-list-title .btn.btn-driver-mark-departed, .drivers-page .drivers-buttons-filter .organizations-list.organizations-list-title body.page.admin .admin-route-management .modal .modal-dialog .modal-content .modal-footer .row .btn.btn-driver-mark-departed, body.page.admin .admin-route-management .modal .modal-dialog .modal-content .modal-footer .row .drivers-page .drivers-buttons-filter .organization-title .btn.btn-driver-send-email, .drivers-page .drivers-buttons-filter .organization-title body.page.admin .admin-route-management .modal .modal-dialog .modal-content .modal-footer .row .btn.btn-driver-send-email { width: 100%; } body.page.admin .admin-route-management .modal .modal-dialog .modal-content .modal-footer .row .btn.btn-secondary.danger, body.page.admin .admin-route-management .modal .modal-dialog .modal-content .modal-footer .row .drivers-page .drivers-buttons-filter .organizations-list.organizations-list-title .btn.danger.btn-driver-mark-departed, .drivers-page .drivers-buttons-filter .organizations-list.organizations-list-title body.page.admin .admin-route-management .modal .modal-dialog .modal-content .modal-footer .row .btn.danger.btn-driver-mark-departed, body.page.admin .admin-route-management .modal .modal-dialog .modal-content .modal-footer .row .drivers-page .drivers-buttons-filter .organization-title .btn.danger.btn-driver-send-email, .drivers-page .drivers-buttons-filter .organization-title body.page.admin .admin-route-management .modal .modal-dialog .modal-content .modal-footer .row .btn.danger.btn-driver-send-email { background-color: #d9534f !important; border-color: #d9534f !important; } body.page.admin .admin-route-management .modal .modal-dialog .modal-content .modal-footer .row .btn.btn-secondary.success, body.page.admin .admin-route-management .modal .modal-dialog .modal-content .modal-footer .row .drivers-page .drivers-buttons-filter .organizations-list.organizations-list-title .btn.success.btn-driver-mark-departed, .drivers-page .drivers-buttons-filter .organizations-list.organizations-list-title body.page.admin .admin-route-management .modal .modal-dialog .modal-content .modal-footer .row .btn.success.btn-driver-mark-departed, body.page.admin .admin-route-management .modal .modal-dialog .modal-content .modal-footer .row .drivers-page .drivers-buttons-filter .organization-title .btn.success.btn-driver-send-email, .drivers-page .drivers-buttons-filter .organization-title body.page.admin .admin-route-management .modal .modal-dialog .modal-content .modal-footer .row .btn.success.btn-driver-send-email { background-color: #5cb85c !important; border-color: #5cb85c !important; } body.page.admin .admin-route-notify .separator { border-top: 1px solid grey; } body.page.admin .admin-route-notify #routeToNotifyCard { width: 100%; background: #f6f6f6; padding: 25px 0px; margin-bottom: 16px; border-radius: 3px; border: 1px solid #efefef; max-height: 300px; overflow: auto; } body.page.admin .admin-route-notify #routeToNotifyCard ol, body.page.admin .admin-route-notify #routeToNotifyCard ul, body.page.admin .admin-route-notify #routeToNotifyCard dl { margin-top: 0; margin-bottom: 0; } body.page.admin .admin-route-notify .card-per-route { padding: 10px; align-items: flex-start; } body.page.admin .admin-route-notify .card-per-route label { padding: 0; } body.page.admin .admin-route-notify .card-per-route .form-query-buttons label { width: 100%; } body.page.admin .admin-route-notify .card-per-route .form-query-buttons .btn { width: auto; } body.page.admin .admin-route-notify.notify { width: 100%; } body.page.admin .admin-route-notify .card { margin-bottom: 1rem; } body.page.admin .admin-route-notify .card.card-per-org { overflow-x: auto; } body.page.admin .admin-route-notify .card .card-block.filter { width: 500px; } body.page.admin .admin-route-notify .form-group { width: 100%; } body.page.admin .admin-route-notify .form-group .btn-submit { margin-top: 1rem; } body.page.admin .admin-route-notify .tilt { transform: rotate(3deg); -moz-transform: rotate(3deg); -webkit-transform: rotate(3deg); } body.page.admin .admin-route-notify .card-block { display: flex; justify-content: space-between; } body.page.admin .admin-route-notify .main-column { width: 380px; margin-right: 1rem; } body.page.admin .admin-route-notify .main-column .main-column-header.fixed { background: white; z-index: 1; padding-top: 10px; padding-bottom: 2px; } body.page.admin .admin-route-notify .column { width: 100%; float: left; padding-top: 0.5em; padding-bottom: 50px; background: #9B9B9B; border-radius: 3px; border: 1px solid #808080; } body.page.admin .admin-route-notify .route-title { color: black; margin-top: 10px; text-align: center; } body.page.admin .admin-route-notify .route-quantities { margin-top: 10px; margin-bottom: 0; text-align: center; } body.page.admin .admin-route-notify .route-quantities .quantity { color: black; font-family: "montserratregular"; } body.page.admin .admin-route-notify .route-debt { text-align: center; } body.page.admin .admin-route-notify .route-debt .quantity { color: black; font-family: "montserratregular"; } body.page.admin .admin-route-notify .portlet { margin: 0 0.5em 0.5em 0.5em; padding: 0.3em; border: 1px solid #808080; border-radius: 5px; background: #ffffff; box-shadow: #4a4a4a 2px 2px 2px -2px; } body.page.admin .admin-route-notify .portlet .portlet-header { padding: 0 0.3em 0.3rem 0.3em; position: relative; } body.page.admin .admin-route-notify .portlet .portlet-header .portlet-buttons .btn.deliver-org, body.page.admin .admin-route-notify .portlet .portlet-header .portlet-buttons .btn.delayed-org { font-size: 14px; border: 1px solid #000000; color: #000000; } body.page.admin .admin-route-notify .portlet .portlet-header .portlet-buttons .btn.deliver-org.danger, body.page.admin .admin-route-notify .portlet .portlet-header .portlet-buttons .btn.delayed-org.danger { background-color: #d9534f !important; border-color: #d9534f !important; } body.page.admin .admin-route-notify .portlet .portlet-header .portlet-buttons .btn.deliver-org.success, body.page.admin .admin-route-notify .portlet .portlet-header .portlet-buttons .btn.delayed-org.success { background-color: #5cb85c !important; border-color: #5cb85c !important; } body.page.admin .admin-route-notify .portlet .portlet-header .portlet-buttons .btn.deliver-org:hover, body.page.admin .admin-route-notify .portlet .portlet-header .portlet-buttons .btn.delayed-org:hover { cursor: pointer; } body.page.admin .admin-route-notify .portlet .portlet-header .open-buttons { font-size: 14px; border: 1px solid #000000; color: #000000; margin-bottom: 0.5rem; } body.page.admin .admin-route-notify .portlet .portlet-header .open-buttons.org-delayed { background: #d9534f; } body.page.admin .admin-route-notify .portlet .portlet-header .organization-schedule { color: #000000; } body.page.admin .admin-route-notify .portlet .portlet-header .organization-debt { color: #000000; } body.page.admin .admin-route-notify .portlet .portlet-header .organization-name { font-family: "montserratbold"; color: #000; margin-bottom: 0; } body.page.admin .admin-route-notify .portlet .portlet-header .organization-name a { color: #000000; } body.page.admin .admin-route-notify .portlet .portlet-header .organization-name a i { color: #000000; font-size: 18px; } body.page.admin .admin-route-notify .portlet .portlet-header .organization-new { font-family: "montserratbold"; color: #d9534f; margin-bottom: 0; } body.page.admin .admin-route-notify .portlet .portlet-header .organization-address { font-family: "montserratregular"; } body.page.admin .admin-route-notify .portlet .portlet-header .organization-address a { color: #000000; } body.page.admin .admin-route-notify .portlet .portlet-header .organization-address a i { color: #000000; font-size: 18px; } body.page.admin .admin-route-notify .portlet .route-title { color: #000000; margin-top: 10px; text-align: center; } body.page.admin .admin-route-notify .portlet .portlet-content { padding: 0 0.4em; } body.page.admin .admin-route-notify .portlet .portlet-content .organization-schedule { font-weight: bold; color: #000000; padding: 0 3em 0 0; margin-bottom: 0; } body.page.admin .admin-route-notify .portlet .organization-debt { color: #000000; } body.page.admin .admin-route-notify .organization-alerted { border-right: 20px solid; border-color: #5cb85c; } body.page.admin .admin-route-notify .organization-not-alerted { border-right: 20px solid; border-color: #d9534f; } body.page.admin .admin-route-notify .organization-not-alerted.organization-delayed { background-color: #d9534f; } body.page.admin .admin-route-notify .organization-12h15, body.page.admin .admin-route-notify .organization-13h15 { background: #ffbd1b; } body.page.admin .admin-route-notify .organization-12h15 .portlet-header .organization-name, body.page.admin .admin-route-notify .organization-13h15 .portlet-header .organization-name { font-family: "montserratbold"; color: #000; } body.page.admin .admin-route-notify .organization-12h15 .portlet-header .organization-address, body.page.admin .admin-route-notify .organization-13h15 .portlet-header .organization-address { color: #000000; padding: 0 0.5em 0 0; margin-bottom: 0; } body.page.admin .admin-route-notify .organization-12h15 .portlet-header .organization-address a, body.page.admin .admin-route-notify .organization-13h15 .portlet-header .organization-address a { font-weight: normal; color: #4d2209; } body.page.admin .admin-route-notify .organization-12h15 .portlet-header .organization-address a i, body.page.admin .admin-route-notify .organization-13h15 .portlet-header .organization-address a i { color: #4d2209; } body.page.admin .admin-route-notify .organization-12h15 .portlet-content .organization-schedule, body.page.admin .admin-route-notify .organization-13h15 .portlet-content .organization-schedule { font-weight: bold; color: #000000; padding: 0 3em 0 0; margin-bottom: 0; } body.page.admin .admin-route-notify .organization-12h15 .organization-debt, body.page.admin .admin-route-notify .organization-13h15 .organization-debt { color: #000000; } body.page.admin .admin-route-notify .organization-12h30, body.page.admin .admin-route-notify .organization-13h30 { background: #4d2209; } body.page.admin .admin-route-notify .organization-12h30 .portlet-header .organization-name, body.page.admin .admin-route-notify .organization-13h30 .portlet-header .organization-name { font-family: "montserratbold"; color: #ffffff; } body.page.admin .admin-route-notify .organization-12h30 .portlet-header .organization-name a, body.page.admin .admin-route-notify .organization-13h30 .portlet-header .organization-name a { color: #ffffff; } body.page.admin .admin-route-notify .organization-12h30 .portlet-header .organization-name a i, body.page.admin .admin-route-notify .organization-13h30 .portlet-header .organization-name a i { color: #ffffff; } body.page.admin .admin-route-notify .organization-12h30 .portlet-header .organization-address, body.page.admin .admin-route-notify .organization-13h30 .portlet-header .organization-address { color: #ffffff; padding: 0 0.5em 0 0; margin-bottom: 0; } body.page.admin .admin-route-notify .organization-12h30 .portlet-header .organization-address a, body.page.admin .admin-route-notify .organization-13h30 .portlet-header .organization-address a { font-weight: normal; color: #ffbd1b; } body.page.admin .admin-route-notify .organization-12h30 .portlet-header .organization-address a i, body.page.admin .admin-route-notify .organization-13h30 .portlet-header .organization-address a i { color: #ffbd1b; } body.page.admin .admin-route-notify .organization-12h30 .portlet-handle .ion-navicon-round, body.page.admin .admin-route-notify .organization-12h30 .portlet-handle .ion-edit, body.page.admin .admin-route-notify .organization-12h30 .portlet-handle small, body.page.admin .admin-route-notify .organization-13h30 .portlet-handle .ion-navicon-round, body.page.admin .admin-route-notify .organization-13h30 .portlet-handle .ion-edit, body.page.admin .admin-route-notify .organization-13h30 .portlet-handle small { color: #ffffff; } body.page.admin .admin-route-notify .organization-12h30 .portlet-content .organization-schedule, body.page.admin .admin-route-notify .organization-13h30 .portlet-content .organization-schedule { font-weight: bold; color: #ffffff; padding: 0 3em 0 0; margin-bottom: 0; } body.page.admin .admin-route-notify .organization-12h30 .organization-debt, body.page.admin .admin-route-notify .organization-13h30 .organization-debt { color: #ffffff; } body.page.admin .admin-route-notify .organization-12h45, body.page.admin .admin-route-notify .organization-13h45 { background: #4a4a4a; } body.page.admin .admin-route-notify .organization-12h45 .portlet-header .organization-name, body.page.admin .admin-route-notify .organization-13h45 .portlet-header .organization-name { font-family: "montserratbold"; color: #ffffff; } body.page.admin .admin-route-notify .organization-12h45 .portlet-header .organization-name a, body.page.admin .admin-route-notify .organization-13h45 .portlet-header .organization-name a { color: #ffffff; } body.page.admin .admin-route-notify .organization-12h45 .portlet-header .organization-name a i, body.page.admin .admin-route-notify .organization-13h45 .portlet-header .organization-name a i { color: #ffffff; } body.page.admin .admin-route-notify .organization-12h45 .portlet-header .organization-address, body.page.admin .admin-route-notify .organization-13h45 .portlet-header .organization-address { color: #ffffff; padding: 0 0.5em 0 0; margin-bottom: 0; } body.page.admin .admin-route-notify .organization-12h45 .portlet-header .organization-address a, body.page.admin .admin-route-notify .organization-13h45 .portlet-header .organization-address a { font-weight: normal; color: #ffbd1b; } body.page.admin .admin-route-notify .organization-12h45 .portlet-header .organization-address a i, body.page.admin .admin-route-notify .organization-13h45 .portlet-header .organization-address a i { color: #ffbd1b; } body.page.admin .admin-route-notify .organization-12h45 .portlet-handle .ion-navicon-round, body.page.admin .admin-route-notify .organization-12h45 .portlet-handle .ion-edit, body.page.admin .admin-route-notify .organization-12h45 .portlet-handle small, body.page.admin .admin-route-notify .organization-13h45 .portlet-handle .ion-navicon-round, body.page.admin .admin-route-notify .organization-13h45 .portlet-handle .ion-edit, body.page.admin .admin-route-notify .organization-13h45 .portlet-handle small { color: #ffffff; } body.page.admin .admin-route-notify .organization-12h45 .portlet-content .organization-schedule, body.page.admin .admin-route-notify .organization-13h45 .portlet-content .organization-schedule { font-weight: bold; color: #ffffff; padding: 0 3em 0 0; margin-bottom: 0; } body.page.admin .admin-route-notify .organization-12h45 .organization-debt, body.page.admin .admin-route-notify .organization-13h45 .organization-debt { color: #ffffff; } body.page.admin .admin-route-notify .organization-12h45.end-13h45, body.page.admin .admin-route-notify .organization-13h45.end-14h45 { background: #333; } body.page.admin .admin-route-notify .modal .modal-dialog .modal-content .modal-body .customers-to-alert { max-height: 500px; overflow-y: auto; padding: 0px 16px; } body.page.admin .admin-route-notify .modal .modal-dialog .modal-content .modal-body .customers-to-alert:nth-of-type(even) { background-color: #BFBFBF; } body.page.admin .admin-route-notify .modal .modal-dialog .modal-content .modal-body .customers-to-alert .customer-name { display: flex; align-items: center; } body.page.admin .admin-route-notify .modal .modal-dialog .modal-content .modal-body .customers-to-alert .customer-name .customer-alerts-selectors { width: 100%; height: 100%; display: flex; align-items: center; justify-content: space-between; } body.page.admin .admin-route-notify .modal .modal-dialog .modal-content .modal-body .customers-to-alert .customer-name .customer-alerts-selectors .customer-full-name { font-family: "montserratbold"; } body.page.admin .admin-route-notify .modal .modal-dialog .modal-content .modal-body .customers-to-alert .customer-name .customer-alerts-selectors .ion-checkmark-circled { color: #5cb85c; } body.page.admin .admin-route-notify .modal .modal-dialog .modal-content .modal-body .customers-to-alert .customer-name .customer-alerts-selectors .ion-eye-disabled { color: gray; } body.page.admin .admin-route-notify .modal .modal-dialog .modal-content .modal-body .customers-to-alert .customer-name .customer-alerts-selectors .ion-close-circled { color: #d9534f; } body.page.admin .admin-route-notify .modal .modal-dialog .modal-content .modal-body .customers-to-alert .customer-name .customer-alerts-selectors .span-checkboxes { display: inline-block; height: 100%; margin-right: -15px; } body.page.admin .admin-route-notify .modal .modal-dialog .modal-content .modal-body .customers-to-alert .customer-name .customer-alerts-selectors .span-checkboxes label { display: inline-block; width: 62px; text-align: center; height: 100%; } body.page.admin .admin-route-notify .modal .modal-dialog .modal-content .modal-body .customers-to-alert .customer-name .customer-alerts-selectors .span-checkboxes label:hover { background: #ffbd1b; } body.page.admin .admin-route-notify .modal .modal-dialog .modal-content .modal-body .customers-to-alert .customer-name .customer-alerts-selectors .span-checkboxes label input { width: 16px; margin-bottom: 0; } body.page.admin .admin-route-notify .modal .modal-dialog .modal-content .modal-body .save-buttons { margin-top: 1rem; margin-bottom: 1rem; } body.page.admin .admin-route-notify .modal .modal-dialog .modal-content .modal-body .save-buttons .btn.alert { width: fit-content; font-family: "montserratbold"; font-size: 0.875rem; letter-spacing: -0.0196rem; padding: 1em 2em 1em 2em; float: none; } body.page.admin .admin-route-notify .modal .modal-dialog .modal-content .modal-body .sms-status .sms-status-line p { font-size: 0.875rem; letter-spacing: -0.0196rem; margin-bottom: 1rem; font-family: "montserratbold"; } body.page.admin .admin-route-notify .modal .modal-dialog .modal-content .modal-body .sms-status .sms-status-line p.success { color: #5cb85c; } body.page.admin .admin-route-notify .modal .modal-dialog .modal-content .modal-body .sms-status .sms-status-line p.danger { color: #d9534f; } body.page.admin .admin-route-notify .modal .modal-dialog .modal-content .modal-footer .row { width: 100%; } body.page.admin .admin-route-notify .modal .modal-dialog .modal-content .modal-footer .row .btn.btn-secondary, body.page.admin .admin-route-notify .modal .modal-dialog .modal-content .modal-footer .row .drivers-page .drivers-buttons-filter .organizations-list.organizations-list-title .btn.btn-driver-mark-departed, .drivers-page .drivers-buttons-filter .organizations-list.organizations-list-title body.page.admin .admin-route-notify .modal .modal-dialog .modal-content .modal-footer .row .btn.btn-driver-mark-departed, body.page.admin .admin-route-notify .modal .modal-dialog .modal-content .modal-footer .row .drivers-page .drivers-buttons-filter .organization-title .btn.btn-driver-send-email, .drivers-page .drivers-buttons-filter .organization-title body.page.admin .admin-route-notify .modal .modal-dialog .modal-content .modal-footer .row .btn.btn-driver-send-email { width: 100%; } body.page.admin .admin-route-notify .modal .modal-dialog .modal-content .modal-footer .row .btn.btn-secondary.danger, body.page.admin .admin-route-notify .modal .modal-dialog .modal-content .modal-footer .row .drivers-page .drivers-buttons-filter .organizations-list.organizations-list-title .btn.danger.btn-driver-mark-departed, .drivers-page .drivers-buttons-filter .organizations-list.organizations-list-title body.page.admin .admin-route-notify .modal .modal-dialog .modal-content .modal-footer .row .btn.danger.btn-driver-mark-departed, body.page.admin .admin-route-notify .modal .modal-dialog .modal-content .modal-footer .row .drivers-page .drivers-buttons-filter .organization-title .btn.danger.btn-driver-send-email, .drivers-page .drivers-buttons-filter .organization-title body.page.admin .admin-route-notify .modal .modal-dialog .modal-content .modal-footer .row .btn.danger.btn-driver-send-email { background-color: #d9534f !important; border-color: #d9534f !important; } body.page.admin .admin-route-notify .modal .modal-dialog .modal-content .modal-footer .row .btn.btn-secondary.success, body.page.admin .admin-route-notify .modal .modal-dialog .modal-content .modal-footer .row .drivers-page .drivers-buttons-filter .organizations-list.organizations-list-title .btn.success.btn-driver-mark-departed, .drivers-page .drivers-buttons-filter .organizations-list.organizations-list-title body.page.admin .admin-route-notify .modal .modal-dialog .modal-content .modal-footer .row .btn.success.btn-driver-mark-departed, body.page.admin .admin-route-notify .modal .modal-dialog .modal-content .modal-footer .row .drivers-page .drivers-buttons-filter .organization-title .btn.success.btn-driver-send-email, .drivers-page .drivers-buttons-filter .organization-title body.page.admin .admin-route-notify .modal .modal-dialog .modal-content .modal-footer .row .btn.success.btn-driver-send-email { background-color: #5cb85c !important; border-color: #5cb85c !important; } body.page.admin table.inline .template { display: none; } body.page.admin table.inline .fields .menu .menu-buttons { float: none; margin-top: 4px; display: flex; } body.page.admin table.inline .fields .menu .menu-buttons .menu-quantity { float: none; font-size: 1rem; } body.page.admin table.inline .fields .menu .menu-buttons a { float: none; width: 2.25rem; height: 2.25rem; line-height: 2.25rem; } body.page.admin table.inline .fields .menu .menu-buttons a > .et { font-size: 0.8rem; } body.page.admin table.inline .form-control:not(.dropdown-toggle) { border: none; margin: 0; } body.page.admin table.inline thead tr.fields { display: none; } body.page.admin table.inline thead tr.fields td { padding-bottom: 2rem; border-top: none; } body.page.admin table.inline .btn { color: #000; } body.page.admin table.inline .btn.btn-danger { color: #fff; } body.page.admin .packaging-total-section { margin-bottom: 2rem; } body.page.admin .packaging-total-section .packaging-total { font-size: 2rem; padding: 0.5rem 1rem; text-align: right; } body.page .card-form .form-group .row { align-items: stretch; } body.page .card-form .form-group .row.field { margin-top: 1rem; } body.page .card-form .form-group input, body.page .card-form .form-group select, body.page .card-form .form-group .form-control { border: 1px solid #BFBFBF; } body.page .card-form .form-group input::placeholder, body.page .card-form .form-group select::placeholder, body.page .card-form .form-group .form-control::placeholder { color: #aaa; } body.page .card-form .form-group input.form-control-danger, body.page .card-form .form-group select.form-control-danger, body.page .card-form .form-group .form-control.form-control-danger { border-color: red !important; } body.page .card-form .form-group textarea.form-control { height: auto; } body.page .card-form .form-group textarea.form-control::placeholder { color: #aaa; } body.page .card-form .form-group .input-group .input-group-append > .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; height: 43px; } body.page .card-form .form-group select { height: 43px; } body.page .card-form .form-group .bootstrap-select .actions-btn { background-color: #ccc; border-radius: 0.25rem; } body.page .card-form .form-group .bootstrap-select .bs-select-all { display: none; } body.page .card-form .form-group .bootstrap-select.admin .dropdown-menu { width: 100% !important; min-width: auto !important; transform: none !important; position: relative !important; } body.page .card-form .form-group .bootstrap-select .dropdown-menu a small { padding-left: 0; padding-right: 0.5rem; font-family: monospace; } body.page .card-form .form-group .promocode-type-item label { margin-bottom: 0; font-family: "montserratbold"; } body.page .card-form .form-group .promocode-type-item [type="radio"]:checked, body.page .card-form .form-group .promocode-type-item [type="radio"]:not(:checked) { position: absolute; left: -9999px; } body.page .card-form .form-group .promocode-type-item [type="radio"]:checked + label, body.page .card-form .form-group .promocode-type-item [type="radio"]:not(:checked) + label { position: relative; padding-left: 22px; cursor: pointer; line-height: 18px; display: inline-block; color: #666; } body.page .card-form .form-group .promocode-type-item [type="radio"]:checked + label:before, body.page .card-form .form-group .promocode-type-item [type="radio"]:not(:checked) + label:before { content: ""; position: absolute; left: 0; top: 0; width: 18px; height: 18px; border: 1px solid #ddd; border-radius: 100%; background: #fff; } body.page .card-form .form-group .promocode-type-item [type="radio"]:checked + label:after, body.page .card-form .form-group .promocode-type-item [type="radio"]:not(:checked) + label:after { content: ""; width: 12px; height: 12px; background: #ffbd1b; position: absolute; top: 3px; left: 3px; border-radius: 100%; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } body.page .card-form .form-group .promocode-type-item [type="radio"]:not(:checked) + label:after { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } body.page .card-form .form-group .promocode-type-item [type="radio"]:checked + label:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } body.page .card-form .form-title { margin: 2rem 0 1rem 0; border-bottom: 1px solid #ccc; } body.page .card-form .title-details { align-items: center; } body.page .card-form .title-details .card-title { margin-bottom: 0; } .badge.badge-tag { background: #eee; padding: 0.5em 1em; font-size: 0.8rem; color: #000; border: 1px solid #ccc; font-weight: normal; margin-right: 0.5em; } .admin .form-query-buttons > .btn, .admin .btn-group > .btn, .admin .btn-group > form > .btn, .section.admin .card .card-block .btn { margin-bottom: 0.5rem; } .admin .form-query-buttons > .btn:not(.btn-danger):not(.btn-primary), .admin .btn-group > .btn:not(.btn-danger):not(.btn-primary), .admin .btn-group > form > .btn:not(.btn-danger):not(.btn-primary), .section.admin .card .card-block .btn:not(.btn-danger):not(.btn-primary) { color: #000; } .admin .form-query-buttons > .btn > i:not(.no-text), .admin .btn-group > .btn > i:not(.no-text), .admin .btn-group > form > .btn > i:not(.no-text), .section.admin .card .card-block .btn > i:not(.no-text) { margin-right: 0.5rem; } @media (max-width: 767.98px) { .admin .form-query-buttons > .btn, .admin .btn-group > .btn, .admin .btn-group > form > .btn, .section.admin .card .card-block .btn { width: 100%; } } .admin .form-header > label > a, .admin .section-group > h4 > a, .section.admin h4 > a > a, .admin .form-header > label, .admin .section-group > h4, .section.admin h4 > a { color: #666; display: block; } .admin .form-header > label > a.collapsed i::before, .admin .section-group > h4 > a.collapsed i::before, .section.admin h4 > a > a.collapsed i::before, .admin .form-header > label.collapsed i::before, .admin .section-group > h4.collapsed i::before, .section.admin h4 > a.collapsed i::before { content: "\f217"; } .admin .field-uppercase { text-transform: uppercase; } .admin .field-lowercase { text-transform: lowercase; } .admin .ms-container { width: 100%; } .admin .ms-container.ms-disabled { opacity: 0.5; pointer-events: none; } .admin .ms-container input { margin-bottom: 10px; } .admin .ms-container .ms-selectable .ms-list.ms-loading:after, .admin .ms-container .ms-selectable .ms-list.ms-empty:after { color: #666; width: 100%; text-align: center; display: block; padding: 1rem 2rem; } .admin .ms-container .ms-selectable .ms-list.ms-loading:after { content: "Executing query, please wait..."; } .admin .ms-container .ms-selectable .ms-list.ms-empty:after { content: "Please search something to load results. Also notice that the results have a fixed limit for better performance."; } .admin .ms-container .ms-selectable .ms-list.ms-loading > li, .admin .ms-container .ms-selectable .ms-list.ms-empty > li { display: none; } .admin .ms-container .ms-selection .ms-list.ms-loading > li, .admin .ms-container .ms-selection .ms-list.ms-empty > li { opacity: 0.5; pointer-events: none; } .admin td > .btn-group { min-height: 2rem; } .admin td > .btn-group > .btn { margin: 0; padding: 0.3rem 0.5rem; } .admin .card.card-offset { margin-top: 0.75rem; } .admin .card-form.card-page .form-header, .admin .card-body { padding: 0.75rem; margin: 0; width: 100%; } .admin .card-form.card-page .form-header > div.col-md, .admin .card-body > div.col-md { padding: 0; } .admin .card-max-width { width: 100%; max-width: 770px; margin: 0 auto; } .admin .form-header > label { margin-bottom: 0 !important; } .admin .card-block > code { padding: 1rem; display: block; } .admin .alert.alert-offset { margin-top: 0.75rem; } .admin .alert > i { font-size: 2rem; padding-right: 1rem; vertical-align: middle; } .admin .alert > i.ion-danger::before { content: "\f128"; } .admin .alert > i.ion-success::before { content: "\f121"; } .admin .alert > p { color: inherit; display: inline-block; vertical-align: middle; margin-bottom: 0; } .promocode-type-radios-row { margin-top: 0.25rem; margin-bottom: 0.25rem; } .section.admin { margin-top: 1.6rem; margin-bottom: 0; } .section.admin h4 > a { font-family: "montserratregular"; } .section.admin .card { margin-bottom: 1rem; } .section.admin .card .card-title { margin-bottom: 0; font-family: "montserratregular"; } .absence-container select { margin-bottom: 20px; outline: none; background-color: white; } .absence-container table th, .absence-container table td { text-align: center; border: black solid 1px; width: 100px; height: 30px; } .absence-container table th p, .absence-container table td p { font-weight: 400; font-size: 12px; font-family: "Montserrat"; } .absence-container table td { text-align: left; } .admin-home .header-navbar .col-back-page { display: none; } .admin-home .header-navbar .col-brand { position: relative; width: auto; float: left; } @media (max-width: 575.98px) { .admin .card-body > .btn-group, .admin .card-body > div.col-md > .btn-group { float: none !important; display: inherit; } } @media (max-width: 767.98px) { .admin-home .col-back-page { display: none; } .admin-home .col-brand { margin-left: 0; width: 20%; } .admin-home .col-brand .navbar-brand { width: auto; } .admin-home .col-avatar { width: 80%; } } @-webkit-keyframes rotation { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes rotation { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } ion-loading-icon { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -webkit-inline-box; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; margin: auto; font-family: "Ionicons"; font-size: 60px; color: #ffbd1b; -webkit-animation: rotation 45s infinite linear; animation: rotation 1s infinite linear; } ion-loading-icon:before { content: "\f44e"; } .layer-loader { background-color: #000000a8; width: 100%; height: 100%; position: fixed; z-index: 20; display: block !important; } #layer { display: none; } .loader { text-align: center; position: absolute; z-index: 1; top: 35%; left: 50%; } .card-form.drivers-page { margin-top: 0 !important; } .card-form.drivers-page .card-block .filters { padding: 0 1rem; } .card-form.drivers-page .card-block .performance-data { margin-top: 1rem; padding: 1rem; } .card-form.drivers-page .card-block .performance-data .month-title { font-size: 1rem; font-weight: bold; padding: .5rem 0; color: #4d2209; background: #f0f1f2; border-bottom: 1px solid #ffbd1b; margin-bottom: 1rem; } .card-form.drivers-page .card-block .performance-data .month-title .month-earned { font-size: .875rem; color: #000000; font-weight: normal; color: #292b2c; } .card-form.drivers-page .card-block .performance-data .month-title .month-earned .float-right { font-size: 1.1rem; color: #000; } .card-form.drivers-page .card-block .performance-data .month-title.cook-title { color: #000000; } .card-form.drivers-page .card-block .performance-data .month-title.table-info { padding: 0.5rem 0.5rem !important; } .card-form.drivers-page .card-block .performance-data .month-title.table-info * > th { width: 85%; } .card-form.drivers-page .card-block .performance-data .type-title { font-size: 1rem; font-weight: bold; padding: .5rem 0; color: #fff; background: #333; margin-top: 1.5rem; } .card-form.drivers-page .card-block .performance-data .performance-date { height: 2.5rem; align-items: center; font-size: .9rem; color: #ffffff; } .card-form.drivers-page .card-block .performance-data a:nth-of-type(odd) .performance-date:nth-of-type(odd) { background: #9B9B9B; } .card-form.drivers-page .card-block .performance-data a:nth-of-type(even) .performance-date { background: #7F7F7F; } .card-form.drivers-page .card-block .performance-data .in { margin-bottom: 1rem; } .card-form.drivers-page .card-block .performance-data .collapsing { margin-left: -15px; margin-right: -15px; padding-left: 15px; padding-right: 15px; } .card-form.drivers-page .card-block .performance-data .performance-list { border-bottom: 1px solid #ffbd1b; margin-left: -15px; margin-right: -15px; } .card-form.drivers-page .card-block .performance-data .performance-list .performance-line { width: 100%; min-height: 2.5rem; padding: 10px 15px; display: flex; justify-content: space-between; } .card-form.drivers-page .card-block .performance-data .performance-list .performance-line.recipe-name { color: #ffbd1b; font-family: "montserratbold"; margin-top: 1rem; display: flex; justify-content: space-between; } .card-form.drivers-page .card-block .performance-data .performance-list .performance-line:nth-of-type(odd) { background: #f0f1f2; } .card-form.drivers-page .card-block .performance-data .performance-list .performance-line:nth-of-type(even) { background: #BFBFBF; } .card-form.drivers-page .card-block .performance-data .performance-list .performance-line.alarm { background: #e44949; } .card-form.drivers-page .card-block .performance-data .performance-list .performance-line:last-of-type { margin-bottom: 1rem; } .card-form.drivers-page .card-block .performance-data .performance-list .performance-line i { color: #4d2209; } .card-form.drivers-page .card-block .performance-data .performance-list .performance-line p { margin: 0; } .card-form.drivers-page .card-block .performance-data .performance-list .performance-line .deliveryCorrection { color: #1A36E6; } .card-form.drivers-page .card-block .performance-data .performance-list .performance-line.performance-line-link { text-align: center; background: transparent; margin: 0; } .card-form.drivers-page .card-block .performance-data .performance-list .performance-line.performance-line-link a { color: #000000; display: block; width: 100%; height: 100%; font-size: .9rem; margin: 0; } .card-form.drivers-page .card-block.drivers-pickups .pickups-list .pickups-list-title { margin-top: 1rem; padding-top: 1rem; padding-bottom: 1rem; background-color: #000000; color: #ffbd1b; font-family: "montserratbold"; } .card-form.drivers-page .card-block.drivers-pickups .pickups-list .pickups-list-title h3 { text-align: center; font-size: 1rem; margin-bottom: 0; } .card-form.drivers-page .card-block.drivers-pickups .pickups-list form:nth-of-type(odd) .pickups-list-item { background: #f0f1f2; } .card-form.drivers-page .card-block.drivers-pickups .pickups-list form:nth-of-type(even) .pickups-list-item { background: #BFBFBF; } .card-form.drivers-page .card-block.drivers-pickups .pickups-list form .pickups-list-item { margin-bottom: 1rem; border-bottom: 1px solid #ffbd1b; padding-top: .5rem; padding-bottom: .5rem; } .card-form.drivers-page .card-block.drivers-pickups .pickups-list form .pickups-list-item .pickups-list-item-title { margin-bottom: .5rem; font-family: "montserratbold"; } .card-form.drivers-page .card-block.drivers-pickups .pickups-list form .pickups-list-item .pickups-list-item-data { margin-bottom: .5rem; } .card-form.drivers-page .card-block.drivers-pickups .pickups-list form .pickups-list-item .pickups-list-item-data input { width: 100%; } .card-form.drivers-page .card-block.drivers-pickups .pickups-list form .pickups-list-item .pickups-list-submit-button { font-family: "montserratregular"; font-size: 0.875rem; letter-spacing: -0.0196rem; color: #000000; display: inline-block; padding: .5rem 0; text-align: center; background: #ffbd1b; border-radius: 0; width: 100%; border: 0; } .card-form.drivers-page .card-block.drivers-pickups .pickups-list form .pickups-list-item .pickups-list-submit-button.complete { background: #4a4a4a; color: lightgreen; } .card-form.drivers-page .card-block.drivers-pickups .pickups-list .pickups-list-next { font-family: "montserratregular"; font-size: 1rem; letter-spacing: -0.0224rem; color: #000000; display: inline-block; padding: 1rem 0 1rem 0; text-align: center; border-radius: 0; background: #ffbd1b; width: 100%; } .card-form.drivers-page.admin-driver-delays .card-block .performance-data { margin-top: 1rem; padding: 1rem; } .card-form.drivers-page.admin-driver-delays .card-block .performance-data .performance-list { border-bottom: 1px solid #ffbd1b; margin-left: -15px; margin-right: -15px; } .card-form.drivers-page.admin-driver-delays .card-block .performance-data .performance-list .performance-line { width: 100%; min-height: 3.5rem; padding: 10px 15px; } .card-form.drivers-page.admin-driver-delays .card-block .performance-data .performance-list .performance-line.all { background: #000000 !important; color: #ffbd1b; } .card-form.drivers-page.admin-driver-delays .card-block .performance-data .performance-list .performance-line:nth-of-type(odd) { background: #f0f1f2; } .card-form.drivers-page.admin-driver-delays .card-block .performance-data .performance-list .performance-line:nth-of-type(even) { background: #BFBFBF; } .card-form.drivers-page.admin-driver-delays .card-block .performance-data .performance-list .performance-line:last-of-type { margin-bottom: 1rem; } .card-form.drivers-page.admin-driver-delays .card-block .performance-data .performance-list .performance-line i { color: #4d2209; } .card-form.drivers-page.admin-driver-delays .card-block .performance-data .performance-list .performance-line p { margin: 0; } .card-form.drivers-page.admin-driver-delays .card-block .performance-data .performance-list .performance-line.performance-line-link { text-align: center; background: #ffbd1b; padding: 0; } .card-form.drivers-page.admin-driver-delays .card-block .performance-data .performance-list .performance-line.performance-line-link button { color: #000000; display: block; width: 100%; height: 100%; line-height: 2.5rem; } @media (max-width: 700px) { * > .month-title.table-info * > th { width: 75% !important; } } .form-page #main-container { background-color: #fff; } .form-page #main-container > header { background-image: url(/img/forms/cover.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; height: 500px; } .form-page #main-container > header > .wrapper { text-align: center; padding: 0; max-width: 560px; margin-left: auto; margin-right: auto; position: relative; top: 50%; transform: perspective(1px) translateY(-50%); } .form-page #main-container > header > .wrapper h2, .form-page #main-container > header > .wrapper p { color: #fff; } .form-page #main-container > header > .wrapper h2 { font-size: 1.375rem; letter-spacing: -0.0308rem; margin-top: 4rem; margin-bottom: 2rem; } .form-page #main-container > header > .wrapper p { font-size: 1rem; letter-spacing: -0.0224rem; } .form-page #main-container > .container { max-width: 800px; margin-top: 4rem; } .form-page #main-container > .container > .wrapper { text-align: center; margin-left: auto; margin-right: auto; max-width: 460px; } .form-page #main-container > .container > .wrapper h3 { font-family: "montserratlight"; font-size: 1.8rem; } .form-page #main-container > .container > .wrapper p { font-family: "montserratlight"; font-size: 1rem; color: #9B9B9B; } .form-page #main-container > .container > .wrapper p.strong { font-weight: 700; color: #000; margin-bottom: 0; } .form-page #main-container > .container > .wrapper .separator { display: block; margin: 2rem auto; border-top: 1px solid #BFBFBF; width: 100px; } .form-page #main-container > .container > .wrapper img { margin-top: 2rem; margin-bottom: 3rem; } .form-page #main-container > .container > .wrapper .btn { color: #000000; margin-left: auto; margin-right: auto; margin-top: 2rem; font-family: "montserratregular"; font-size: 1rem; letter-spacing: -0.0224rem; text-transform: uppercase; } .form-page #main-container > .container h1 { font-size: 1.5rem; letter-spacing: -0.0336rem; font-weight: 700; margin-top: 2rem; } .form-page #main-container > .container h2 { font-size: 1.25rem; letter-spacing: -0.028rem; font-weight: normal; margin-top: 4rem; margin-bottom: 1.4rem; } .form-page #main-container > .container label, .form-page #main-container > .container p { color: #333; } .form-page #main-container > .container .form-footer { text-align: center; } .form-page #main-container > .container .form-footer button { color: #000000; margin-left: auto; margin-right: auto; margin-top: 4rem; font-family: "montserratregular"; font-size: 1rem; letter-spacing: -0.0224rem; text-transform: uppercase; } @media (max-width: 374px) { .form-page .form-footer button { width: 100%; } } .profile { /* .tooltip-inner { background: rgba(0, 0, 0, 0.7); border: 1px solid #737373; color: white; border-radius: 3px; }*/ } .profile .col-back-page { display: none; } .profile .disabled { color: #b9c2ce !important; background-color: #f0f1f2 !important; } .profile .tooltip.show, .profile .tooltip.in, .profile .tooltip.open { opacity: 0.8; } .subscriptions .subscripitons-options-title { margin-top: 8px; font-family: 'montserratlight'; font-weight: 600; font-size: 16px; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: -0.32px; color: black; } .subscriptions .btn { margin-bottom: 8px !important; padding: 10px 16px !important; } .subscriptions .profile-title { padding: 0; margin-top: 32px !important; } .subscriptions .card-form .notifications { margin-top: 0 !important; display: block !important; } .subscriptions .form-check { position: relative; margin-top: 0 !important; margin-bottom: 16px !important; } .subscriptions .form-group { margin-bottom: 0 !important; } .subscriptions .subscripitons-options-subtitle { margin: 0px 0px 16px 0px; font-family: 'montserratlight'; font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.57; letter-spacing: -0.28px; color: #6a7381; } .subscriptions .card-block { flex: 1 1 auto; padding: 24px !important; } .subscriptions .card-title { margin-bottom: 16px !important; } .subscriptions .card-form { margin-top: 32px !important; } .page #main-container .search-page .card-title { padding: 0; margin-top: 50px; margin-bottom: 16px !important; color: #6a7381; font-size: 16px; font-family: "montserratlight"; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: -0.32px; } .page #main-container .search-page .search-field-title { color: black; font-family: "montserratlight"; font-size: 12px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.67; letter-spacing: -0.24px; } .page #main-container .search-box { background-color: white; padding: 40px; margin-top: 0; margin-bottom: 50px; } .page #main-container .search-box .bd-footer { position: relative; z-index: 1; margin-top: 0; } .page #main-container .search-box .nav-pills .nav-item { margin-right: 5px; } .page #main-container .search-box .nav-pills .nav-item .nav-link { background-color: #f0f1f2; border-radius: 0; padding-right: 1.5rem; padding-left: 1.5rem; color: #000 !important; float: left; } .page #main-container .search-box .flagged { color: #d9534f; font-family: "montserratbold"; font-size: 26px; } .page #main-container .search-box .flagged.flagged-no { color: #9B9B9B; } .page #main-container .search-box .flagged i.ion-checkmark { display: none; font-size: 18px; color: #5cb85c; } .page #main-container .search-box .flagged i.ion-close { display: none; font-size: 18px; color: #d9534f; } .page #main-container .search-box .search-input.search-input-zipcode { align-items: baseline; } .page #main-container .search-box .search-input.search-input-zipcode label { margin-top: 1rem; } .page #main-container .search-box .search-input.search-input-zipcode input { margin-top: 0; } .page #main-container .search-box .search-input.search-input-zipcode .zipcode-divider { text-align: center; } .page #main-container .search-box .search-filters { margin-top: 1rem; padding-bottom: 1rem; align-items: center; } .page #main-container .search-box .search-filters #submit-search { float: right; color: #000000; font-family: "montserratregular"; font-size: 0.9rem; padding: 0.6rem 1.2rem; } .page #main-container .search-box .search-filters #submit-search:hover { color: #000000; } .page #main-container .search-box .search-filters .search-filter-item label { margin-bottom: 0; font-family: "montserratlight"; } .page #main-container .search-box .search-filters .search-filter-item [type="radio"]:checked, .page #main-container .search-box .search-filters .search-filter-item [type="radio"]:not(:checked) { position: absolute; left: -9999px; } .page #main-container .search-box .search-filters .search-filter-item [type="radio"]:checked + label, .page #main-container .search-box .search-filters .search-filter-item [type="radio"]:not(:checked) + label { position: relative; padding-left: 22px; line-height: 18px; display: inline-block; color: #666; } .page #main-container .search-box .search-filters .search-filter-item [type="radio"]:checked + label:before, .page #main-container .search-box .search-filters .search-filter-item [type="radio"]:not(:checked) + label:before { content: ""; position: absolute; left: 0; top: 0; width: 18px; height: 18px; border: 1px solid #ddd; border-radius: 100%; background: #fff; } .page #main-container .search-box .search-filters .search-filter-item [type="radio"]:checked + label:after, .page #main-container .search-box .search-filters .search-filter-item [type="radio"]:not(:checked) + label:after { content: ""; width: 12px; height: 12px; background: #ffbd1b; position: absolute; top: 3px; left: 3px; border-radius: 100%; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .page #main-container .search-box .search-filters .search-filter-item [type="radio"]:not(:checked) + label:after { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } .page #main-container .search-box .search-filters .search-filter-item [type="radio"]:checked + label:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .page #main-container .search-box .companies { margin-top: 1rem; } .page #main-container .search-box .companies .company-not-found { margin-bottom: 1rem; margin-top: 1rem; } .page #main-container .search-box .companies .is-one-of-companies { font-size: 1.1rem; } .page #main-container .search-box .companies .address-in-zone p { color: #000000; font-family: "montserratregular"; } .page #main-container .search-box .companies .address-in-zone .inserted-address { text-transform: capitalize; } .page #main-container .search-box .companies .address-in-zone .link-to-register-company { color: #ffffff; background: #000000; font-family: "montserratregular"; float: left; font-size: 0.9rem; padding: 0.6rem 1.2rem; margin-top: 1rem; border-color: #000000; } .page #main-container .search-box .companies .companies-list { flex-wrap: wrap; margin-top: 0.5rem; } .page #main-container .search-box .companies .companies-list .nav-item { margin-top: 0.5rem; } .page #main-container .search-box .companies .companies-list .nav-item .nav-link { background-color: #ffffff; border-bottom: 1px solid #ccc; border-style: solid; border-width: 1px; border-color: #f0f1f2; padding-right: 1.5rem; padding-left: 1.5rem; color: #000 !important; float: left; } .page #main-container .search-box .companies .companies-list .nav-item .nav-link:hover { background-color: #f0f1f2; cursor: pointer; } .page #main-container .search-box .companies .companies-list .nav-item .nav-link .separator { color: #797979 !important; } .page #main-container .search-box .companies .companies-list .nav-item .close-organization { float: right; border-radius: 0; background-color: #f0f1f2; height: 100%; padding-left: 0.8rem; padding-right: 1rem; align-items: center; display: none; } .page #main-container .search-box .companies .companies-list .nav-item .close-organization:hover { cursor: pointer; } .page #main-container .search-box .companies .companies-list .nav-item.active .nav-link { padding-right: 0.5rem; border-radius: 0; background-color: #f0f1f2; } .page #main-container .search-box .companies .companies-list .nav-item.active .close-organization { display: flex; } .page #main-container .search-box .organization-info { margin-top: 1rem; align-items: center; } .page #main-container .search-box .organization-info .organization-name { color: #ffbd1b; font: "montserratbold"; } .page #main-container .search-box .organization-info .organization-address { color: #000000; } .page #main-container .search-box .organization-info .organization-delivery .organization-delivery-start, .page #main-container .search-box .organization-info .organization-delivery .organization-delivery-end, .page #main-container .search-box .organization-info .organization-delivery .organization-delivery-limit { color: #000000; font-family: "montserratbold"; } .page #main-container .search-box .organization-info .btn { color: #000000; float: right; font-size: 0.9rem; } .page #main-container .search-box .address-in-zone { margin-top: 20px; } .page #main-container .search-box .form-group label { color: black !important; font-family: "montserratbold"; margin-bottom: 0.3rem; } .page .profile-title { padding: 0; margin-top: 50px; margin-bottom: 16px !important; color: #6a7381; font-size: 16px; font-family: "montserratlight"; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: -0.32px; } .page .form-address { text-decoration: none !important; } .page .form-check { position: relative; margin-top: 1rem; display: flex; align-items: stretch; } .page .form-check .form-check-input { position: absolute; height: revert; height: auto; margin: 0; top: 4px; left: 2px; } .page .form-check .form-check-input[type=radio]:disabled { opacity: 0.5; } .page .form-check .form-check-input[type=checkbox] { -moz-appearance: initial; } .page .form-check .form-check-input[type=checkbox]:after { border-radius: 4px; top: -4px; left: -4px; } .page .form-check .form-check-input[type=checkbox]:checked:after { content: '\f121'; font-family: "Ionicons"; background-color: #ffbd1b; padding: 1px 1px 0px 2px; font-size: 10px !important; color: #000 !important; } .page .form-check .form-check-input[type=radio] { -moz-appearance: initial; } .page .form-check .form-check-input[type=radio]:after { border-radius: 50%; border: #b9c2ce 1px solid; } .page .form-check .form-check-input[type=radio]:checked:after { content: ''; background-color: #000; border: 6px solid #ffbd1b; } .page .form-check .form-check-input:checked:after { background-color: #ffbd1b; } .page .form-check .form-check-input:checked:after:hover { background-color: #ffbd1b !important; } .page .form-check .form-check-label { margin-left: .5rem; margin-top: 0rem; font-family: "montserratlight"; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.67; font-size: 12px !important; letter-spacing: -0.24px; color: black; } .page .pre-register-box { background-color: #f9f0d3; padding: 1rem 1rem 1.5rem; text-align: center; margin: 1rem 0 2rem; } .page .pre-register-box.output { display: none; } .page .pre-register-box .pre-register-title { font-size: 1rem; } .page .pre-register-box p { color: black; margin-bottom: .8rem; } .page .pre-register-box .btn2 { background-color: black; font-family: "montserratlight" !important; font-size: 1rem !important; line-height: 1.6rem !important; color: white !important; border-color: black !important; height: 100%; border-radius: 3px; padding: 5px 16px; } .page .pre-register-box .btn2:disabled { background-color: transparent !important; color: black !important; } .page .pre-register-box .btn2:hover:not(:disabled) { background-color: #333; } .page .pre-register-box .btn { background-color: black; font-family: "montserratlight"; font-size: 1rem; line-height: 1.6rem; color: white !important; border-color: black !important; border-bottom-left-radius: 0; border-top-left-radius: 0; height: 100%; } .page .pre-register-box .btn:disabled { background-color: transparent !important; color: black !important; } .page .pre-register-box .btn:hover:not(:disabled) { background-color: #333; } .page .profile i.ion-trash-a { font-size: 16px; line-height: 1.3; } @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) { .page .profile .sub-sub-title { flex: none; width: 100%; } } .page .profile .sub-sub-title { font-family: "montserratlight"; font-size: 11px; font-weight: normal; font-stretch: normal; font-style: normal; margin-left: 43px; line-height: 1.73; letter-spacing: -0.22px; color: #6a7381; padding: 0px 0px 0px 15px; max-width: 97%; } .page .profile .sub-sub-title-register { font-family: "montserratlight"; font-size: 11px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.73; letter-spacing: -0.22px; color: #6a7381; } .page .profile .sub-sub-title-register-check { font-family: "montserratlight"; font-size: 11px; font-weight: normal; font-stretch: normal; font-style: normal; margin-left: 43px; line-height: 1.73; letter-spacing: -0.22px; color: #6a7381; padding: 0px 0px 0px 0px; } .page .profile .form-check { position: relative; margin-bottom: 25px; margin-top: 16px; } .page .profile .link { text-decoration: underline !important; } .page .profile .no-padding { padding: 0; } .page .profile #query { margin-bottom: 0rem; } .page .profile .activate-as-principal { position: absolute; top: 0; right: 50px; } .page .profile .activate-as-principal a { text-decoration: none; font-family: "montserratlight"; font-size: 12px; } .page .profile .link-places { margin-top: 30px; font-family: "montserratlight"; font-size: 12px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.67; letter-spacing: -0.24px; color: black; } .page .profile .dropdown-item.active, .page .profile .dropdown-item:active { color: black; text-decoration: none; background-color: #0000000a; } .page .profile .dropdown-toggle { font-family: "montserratlight"; font-weight: normal; width: 100% !important; } .page .profile .optional-input { font-family: "montserratlight"; font-size: 11px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.73; letter-spacing: -0.22px; color: #b9c2ce; padding-left: 0.5rem; } .page .profile .msg-search-ok { color: #53b685; } .page .profile .msg-search-fail { color: #e67677; } .page .profile .principal-location-address { padding: 16px 16px 16px 16px; margin-bottom: 16px; border-bottom: 1px solid #f2f2f2 !important; } .page .profile .register-options-title { text-transform: none; } .page .profile label { text-transform: none; } .page .profile .card-title { margin-bottom: 16px !important; color: #6a7381; font-size: 16px; font-family: "montserratlight"; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: -0.32px; } .page .profile .btn-link { font-size: 12px; margin-left: 2px; } .page .profile .btn-add-address { float: left !important; border: 0; margin-left: 0; padding: 2px 13px; margin-top: 10px; width: auto; background-color: #ffbd1b !important; } .page .profile .container { display: block; position: relative; padding-left: 0; margin-bottom: 12px; cursor: pointer; font-size: 12px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; line-height: 1.7; margin-top: 6px; } .page .profile .sub-title-checkbox { font-family: "montserratlight"; font-size: 11px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.73; letter-spacing: -0.22px; color: #6a7381; margin: -10px 0px 10px 35px; } .page .delete label { font-size: 16px; color: #000000; } .page .delete .btn-danger { text-transform: none; background-color: #e44949; border-color: #e44949; color: #000000; } .page .delete .btn-danger:hover { background-color: #da2020; border-color: #d11f1f; color: #000000; } .page .delete .btn-danger:disabled { background: #F5F5F5; border-color: #F5F5F5; color: #c4c4c4; } .page .delete .btn-danger:disabled:active { background: #F5F5F5; border-color: #F5F5F5; color: #c4c4c4; } .page .delete .alert-warning { border: none; font-weight: bold; background-color: #fff9e2; color: black; margin-bottom: 0; } .page .delete-modal .btn-danger { text-transform: none; background-color: #e44949; border-color: #e44949; color: #000000; } .page .delete-modal .btn-danger:hover { background-color: #da2020; border-color: #d11f1f; color: #000000; } .page .title-form-new-locale { padding: 0; margin-top: 50px; } .page .new-locale { padding: 40px 40px 60px 40px !important; /* Customize the label (the container) */ /* Hide the browser's default radio button */ /* Create a custom radio button */ /* On mouse-over, add a grey background color */ /* When the radio button is checked, add a blue background */ /* Create the indicator (the dot/circle - hidden when not checked) */ /* Show the indicator (dot/circle) when checked */ /* Style the indicator (dot/circle) */ } .page .new-locale .radio-group { margin: 0; } .page .new-locale .address-label { text-align: left; padding: 0; border: 0px !important; min-height: 0px !important; font-family: "montserratlight"; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.67; letter-spacing: -0.24px; color: #6a7381; font-size: 0.7rem; margin: 0; } .page .new-locale .address-label-title { font-size: 0.7rem; color: black; font-family: "montserratlight"; font-size: 12px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.67; letter-spacing: -0.24px; margin: 0; } .page .new-locale .address-label-box { margin-bottom: 20px; } .page .new-locale .container > input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .page .new-locale .checkmark2 { position: absolute; top: 0; left: 0; height: 21px; width: 21px; background-color: #eee; border-radius: 50%; } .page .new-locale .container:hover > input ~ .checkmark2 { background-color: #ccc; } .page .new-locale .container > input:checked ~ .checkmark2 { background-color: #ffbd1b; } .page .new-locale .checkmark2:after { content: ""; position: absolute; display: none; } .page .new-locale .container > input:checked ~ .checkmark2:after { display: block; } .page .new-locale .container > .checkmark2:after { top: 7px; left: 7px; width: 7px; height: 7px; border-radius: 50%; background: black; } .page .bd-footer { margin-top: 0; margin-bottom: 0; padding-bottom: 49px; } .page .btn-cancel-update { background-color: #d9534f; border-color: #d9534f; } .page .btn-cancel-update:hover { background: #d9534f9e; border-color: #d9534f9e; color: #ffbd1b; } .other-locations-form { width: 100%; margin-top: 15px; } .list-locations { margin-top: 0px !important; width: 100%; } .list-locations .btn-link { color: #000 !important; background-color: #eee !important; } .other-companies-title { font-size: 1.1rem; margin-top: 15px; } .nav-item:not(:last-child) .organization-radio { border-bottom: 1px solid #f2f2f2 !important; } .nav-item .organization-radio { width: 100%; margin-bottom: 10px; padding: 0 !important; padding-bottom: 0.8rem !important; margin-bottom: 0.8rem !important; border-bottom: 1px solid #f2f2f2 !important; margin-left: 0px; } .nav-item .organization-radio:hover { background-color: transparent !important; cursor: auto !important; } .organization-selected { width: 100%; padding: 0 !important; } .organization-selected { background-color: #ffffff !important; border-color: #ffffff !important; } .organization-selected:hover { background-color: #ffffff !important; border-color: #ffffff !important; } .morada-title { font-weight: bold; font-size: large; color: black !important; } .morada-descr { color: black; font-family: "montserratlight"; font-size: 14px !important; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.57; letter-spacing: -0.28px; margin-bottom: 0 !important; } .morada-delivery-range { color: #6a7381; font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.57; letter-spacing: -0.28px; margin: 0; } /* .choose-location { a { text-decoration: underline; font-weight: 600; color: black; } .btn, .btn-primary, .btn-secondary { font-family: "montserratlight"; @include font(20); color: black; line-height: 1.35; font-weight: 600; font-stretch: normal; font-style: normal; &:hover { cursor: pointer; } &:focus, &:active { color: black !important; background-color: lighten($secondary-color, 5%); border-color: lighten($secondary-color, 5%); outline: 0px !important; } } .address-label { text-align: left; padding: 0; border: 0px !important; min-height: 0px !important; font-family: "montserratlight"; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.67; letter-spacing: -0.24px; color: #6a7381; font-size: 0.7rem; margin: 0; } .address-label-title { font-size: 0.7rem; color: black; font-family: "montserratlight"; font-size: 12px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.67; letter-spacing: -0.24px; margin: 0; } .address-label-box { margin-bottom: 20px; padding: 0px 0px 0px 14px; } .org-item { margin: 0px 0px 5px 0px; width: 100%; } .org-name { font-weight: 600; font-size: 14px !important; color: black !important; } .org-address { font-size: 12px; color: #6a7381; font-family: "montserratlight"; font-weight: normal; } .checkboxlabel { margin-left: 14px !important; margin-top: 16px !important; } .dropdown-toggle { font-size: 12px !important; font-family: "montserratlight"; font-weight: normal; width: 100% !important; } .container { display: block; position: relative; padding-left: 27px; margin-bottom: 12px; cursor: pointer; font-size: 12px; font-family: "montserratlight"; -moz-user-select: none; -ms-user-select: none; user-select: none; line-height: 1.6; margin-top: 6px; font-size: 12px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.67; letter-spacing: -0.24px; } .drop-label { font-family: "montserratlight"; font-size: 12px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.67; letter-spacing: -0.24px; color: black; } .sub-title-checkbox { font-family: "montserratlight"; font-size: 11px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.73; letter-spacing: -0.22px; color: #6a7381; margin: -10px 0px 10px 40px; } .sub-title { width: 630px; height: 24px; font-family: "montserratlight"; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.5; margin-bottom: 20px; letter-spacing: -0.32px; color: black; } .dropdown-item.active, .dropdown-item:active { color: black; text-decoration: none; background-color: #0000000a; } .dropdown-menu { min-width: 0 !important; width: 100% !important; } .be-the-first { font-family: "montserratlight"; font-size: 12px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.67; letter-spacing: -0.24px; color: black; padding-top: 10px; } .box-button { margin-bottom: 30px; margin-top: 30px; padding: 0 0 0 14px; } }*/ .principal-location { font-family: "montserratlight" !important; font-size: 12px !important; font-weight: 600 !important; font-stretch: normal !important; font-style: normal !important; line-height: 1.67 !important; letter-spacing: -0.24px !important; text-align: center !important; color: #6a7381 !important; padding: 2px 16px !important; background-color: #d7dae0 !important; border-radius: 3px !important; float: right !important; text-decoration: unset !important; text-transform: unset !important; } .remove-address-icon a { color: #0000004a !important; } .card-form { margin-top: 50px; } .card-form .card { border-radius: 0px; border: 0; } body:not(.admin) .card-form .card { margin-bottom: 50px; } .search-box { margin-bottom: 50px; border-radius: 0px; border: 0; border-bottom: 1px #ffbd1b solid; } .box-pre-register { background: white; margin-top: 30px; margin-bottom: 30px; padding: 100px; text-align: center; margin-left: 34%; width: 34%; } .box-pre-register .success-image { padding: 40px; text-align: center; } @media (max-width: 1280px) { .box-pre-register { margin-left: 25%; width: 60% !important; } } @media (max-width: 767.98px) { .subscriptions .card-block { padding: 16px !important; } .subscriptions .btn { width: 100% !important; } .page .profile .card-title { margin-bottom: 16px !important; color: #6a7381; font-size: 16px; font-family: "montserratlight"; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: -0.32px; margin-left: 20px; } .list-locations .principal-location { position: absolute; bottom: 0; right: 0px; } .profile .tooltip { left: -75px !important; } } @media (max-width: 850px) { .box-pre-register { margin-left: 0px; width: 100% !important; margin-top: 10px !important; margin-bottom: 10px !important; } } .mgm-welcome nav { display: none; } .mgm-welcome #main-container { background-color: #f0f2fc; } .mgm-welcome .img-mgm-body { width: 128px; height: 80px; object-fit: contain; } .mgm-welcome .page-header { text-align: center; background-color: white; } .mgm-welcome .page-header .img-mgm-header { width: 62px; height: 52px; margin: 14px; } .mgm-welcome .page-body { text-align: center; padding-top: 32px; padding-bottom: 32px; } .mgm-welcome .page-body .block-title h1 { margin: 24px 0; font-family: 'montserratlight'; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.25; letter-spacing: -1.92px; color: black; } .mgm-welcome .page-body .top-grey { margin-bottom: 180px; margin-top: 24px; } .mgm-welcome .page-body .top-title { margin-top: 32px; text-align: center; } .mgm-welcome .page-body .top-title h1 { font-size: 32px; } .mgm-welcome .page-body .block-text-1 { font-weight: bold; line-height: 13px; font-family: 'montserratlight'; } .mgm-welcome .page-body .block-text-grey { font-family: 'montserratlight'; font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: -0.32px; text-align: center; color: #6a7381; } .mgm-welcome .page-body .block-center { position: relative; height: 325px; } .mgm-welcome .page-body .block-center img { position: absolute; top: 0; left: 50%; transform: translate(-50%, -50%); z-index: 1; max-width: 944px; } .mgm-welcome .page-body .block-center .block-title { margin-top: 145px; } .mgm-welcome .page-body .block-center .block-title h1 { font-size: 24px; } .mgm-welcome .page-body .block-center .block-text-grey { margin-top: 16px; } .mgm-welcome .page-body .block-center .block-text-grey a { color: #6a7381; text-decoration: underline; } .mgm-welcome .page-body .block-center .block-white { background-color: white; text-align: left; padding: 32px 30px; min-width: 540px; max-width: 100%; width: 540px; position: absolute; top: 155px; left: 50%; transform: translate(-50%, -50%); z-index: 0; } .mgm-welcome .page-body .block-text-terms a { color: #000000; font-family: "montserratlight"; font-size: 12px; line-height: 16px; letter-spacing: -0.23px; text-decoration: underline; } .mgm-welcome .page-body .btn-secondary, .mgm-welcome .page-body .drivers-page .drivers-buttons-filter .organizations-list.organizations-list-title .btn-driver-mark-departed, .drivers-page .drivers-buttons-filter .organizations-list.organizations-list-title .mgm-welcome .page-body .btn-driver-mark-departed, .mgm-welcome .page-body .drivers-page .drivers-buttons-filter .organization-title .btn-driver-send-email, .drivers-page .drivers-buttons-filter .organization-title .mgm-welcome .page-body .btn-driver-send-email { font-size: 1rem; letter-spacing: -0.0224rem; font-family: "montserratlight"; padding: 10px 16px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: -0.32px; text-align: center; border-radius: 0.3rem; color: #000; background-color: #ffbd1b; cursor: pointer; } .mgm-welcome .navbar-brand { width: 100%; } .mgm-welcome .navbar-brand .et:first-child { color: #ffbd1b; } .mgm-welcome .brand-logo { position: relative; width: 66px; height: 55px; margin: 0 auto 0 auto; padding: 0; } .mgm-welcome .brand-logo > .et { font-size: 66px; position: absolute; left: 0; top: 0; color: #000000; } .mgm-welcome-2 .modal-terms-mgm .modal-body { text-align: left; } .mgm-welcome-2 .all-page-welcome { background-color: #f0f2fc; text-align: center; margin: 0; padding: 10%; } .mgm-welcome-2 .all-page-welcome .logo-side { width: 272px; } .mgm-welcome-2 .all-page-welcome .title-welcome { font-family: "montserratlight"; font-size: 24px; margin-top: 24px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: -1.44px; text-align: center; } .mgm-welcome-2 .all-page-welcome .subtitle-welcome { font-family: "montserratlight"; margin-top: 16px; font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: -0.32px; text-align: center; } .mgm-welcome-2 .all-page-welcome .terms-link, .mgm-welcome-2 .all-page-welcome .how-works-link { text-decoration: underline !important; color: black !important; font-weight: bold !important; } .mgm-welcome-2 .all-page-welcome .how-works-welcome { width: 358px; height: 24px; margin: 24px 0; font-family: Montserrat; font-size: 16px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: -0.32px; text-align: center; } .mgm-welcome-2 .all-page-welcome .button-welcome { margin-top: 24px; } .mgm-welcome-2 .all-page-welcome .button-welcome .btn { max-width: 440px; } .mgm-welcome-2 #mgmLink { width: 100%; max-width: 318px; height: 45px !important; border: 1px solid #d9d9d9 !important; background: white; margin: 3px 0px 0px 0px; font-family: 'montserratlight'; font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: -0.32px; text-align: center; padding: 0px 0px 0px 0px; } .mgm-welcome-2 .noselect { cursor: default; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .mgm-welcome-2 .btn-share-mgm { width: 100px; margin-left: 16px !important; height: 44px; margin: 3px 0px 0px 0px; } .mgm-welcome-2 #howWorksModal .hiw-number { vertical-align: middle; margin-top: auto; margin-bottom: auto; background: #f0f2fc; width: 48px; height: 48px; color: #5a0ef9; font-size: 24px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: -1.44px; text-align: center; border-radius: 100%; padding-top: 8px; } .mgm-welcome-2 #howWorksModal .steps { margin-bottom: 16px; margin-left: auto; } .mgm-welcome-2 #howWorksModal .hiw-text-section { text-align: left; } .mgm-welcome-2 #howWorksModal .hiw-text-section .hiw-title { font-family: 'montserratlight'; font-size: 16px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: -0.32px; } .mgm-welcome-2 #howWorksModal .hiw-text-section .hiw-text { font-family: 'montserratlight'; font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: -0.32px; } .mgm-dashboard .modal-terms-mgm .modal-body { text-align: left; } .mgm-dashboard .dashboard-page { margin: 0; } .mgm-dashboard #voucherDescription { margin-top: 16px; text-align: left; } .mgm-dashboard .clickable { cursor: pointer; } .mgm-dashboard .modal-title { text-align: left; } .mgm-dashboard .gs-back { background: #fff8ed !important; } .mgm-dashboard .btn-loader-box { text-align: center; width: 100%; display: none; } .mgm-dashboard .btn-loader-box .btn-loader { font-size: 32px; } .mgm-dashboard .code-section { background: #f0f2fc; padding: 24px 0; } .mgm-dashboard .code-section .gift-card-img { width: 121px; } .mgm-dashboard .code-section #voucherCode { font-family: 'montserratlight'; font-size: 32px; margin-top: 16px; padding: 8px 16px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.25; letter-spacing: -1.92px; text-align: center; border: dashed 1px #c0c4d9; } .mgm-dashboard .code-section #voucherDescription { font-family: 'montserratlight'; margin-top: 8px; text-align: center; font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: -0.32px; } .mgm-dashboard .code-section #voucherName { font-family: 'montserratlight'; font-size: 16px; margin-top: 8px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: -0.32px; text-align: center; } .mgm-dashboard #mgmLink { width: 100%; max-width: 318px; height: 45px !important; border: 1px solid #d9d9d9 !important; background: white; margin: 3px 0px 0px 0px; font-family: 'montserratlight'; font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: -0.32px; text-align: center; padding: 0px 0px 0px 0px; } .mgm-dashboard .noselect { cursor: default; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .mgm-dashboard .btn-share-mgm { width: 100px; margin-left: 16px !important; height: 44px; margin: 3px 0px 0px 0px; } .mgm-dashboard #howWorksModal .hiw-number { vertical-align: middle; margin-top: auto; margin-bottom: auto; background: #f0f2fc; width: 48px; height: 48px; color: #5a0ef9; font-size: 24px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: -1.44px; text-align: center; border-radius: 100%; padding-top: 8px; } .mgm-dashboard #howWorksModal .steps { margin-bottom: 16px; margin-left: auto; } .mgm-dashboard #howWorksModal .hiw-text-section { text-align: left; } .mgm-dashboard #howWorksModal .hiw-text-section .hiw-title { font-family: 'montserratlight'; font-size: 16px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: -0.32px; } .mgm-dashboard #howWorksModal .hiw-text-section .hiw-text { font-family: 'montserratlight'; font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: -0.32px; } .mgm-dashboard .name-date-section { margin-top: 8px; } .mgm-dashboard .name-date-section #voucherGsname { font-family: 'montserratlight'; font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.57; letter-spacing: -0.28px; text-align: center; } .mgm-dashboard .name-date-section #voucherEnddate { font-family: 'montserratlight'; font-size: 12px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.67; letter-spacing: -0.24px; text-align: center; color: #9d9d9d; } .mgm-dashboard .godfather-section { height: 100%; } .mgm-dashboard .gf-section-absolut { position: absolute; width: 100%; left: 0; } .mgm-dashboard .empty-btn { margin-top: 16px; } .mgm-dashboard .empty-section { text-align: center; margin-bottom: 32px; top: 25%; } .mgm-dashboard .empty-section .empty-img { width: 150px; } .mgm-dashboard .empty-section .empty-title-section { font-family: 'montserratlight'; font-size: 18px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.44; letter-spacing: -0.36px; text-align: center; margin-top: 24px; } .mgm-dashboard .empty-section .empty-text-section { font-family: 'montserratlight'; font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: -0.32px; text-align: center; margin-top: 16px; } .mgm-dashboard .side-menu { background-color: #f0f2fc; text-align: center; } .mgm-dashboard .side-menu .side-menu__container { flex: 1; padding: 110px 30px 30px 30px; min-height: 100vh; max-height: 1080px; } .mgm-dashboard .side-menu .logo-side { max-width: 272px; height: 88px; object-fit: contain; width: 100%; } .mgm-dashboard .side-menu .title-section { margin: 24px 16px; font-family: "montserratlight"; font-size: 24px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: -1.44px; text-align: center; } .mgm-dashboard .side-menu .sub-title-section { margin: 16px 24px; font-family: "montserratlight"; font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: -0.32px; text-align: center; } .mgm-dashboard .side-menu .invite-counter-section { font-family: "montserratlight"; } .mgm-dashboard .side-menu .invite-counter-section .couter-number { font-size: 32px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.25; letter-spacing: -1.92px; text-align: center; } .mgm-dashboard .side-menu .invite-counter-section .couter-title { font-size: 12px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.67; letter-spacing: -0.24px; text-align: center; color: #9d9d9d; text-transform: uppercase; } .mgm-dashboard .side-menu .share-section { margin-top: 24px; } .mgm-dashboard .side-menu .share-section .btn { width: 100%; } .mgm-dashboard .side-menu .how-works-section { font-family: "montserratlight"; margin-top: 24px; } .mgm-dashboard .side-menu .how-works-section .how-works { font-family: "montserratlight"; font-size: 16px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: -0.32px; text-align: center; color: #000000; text-decoration: underline; } .mgm-dashboard .side-menu .terms-section { margin-top: 24px; font-family: "montserratlight"; font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.57; letter-spacing: -0.28px; text-align: center; } .mgm-dashboard .side-menu .terms-section .terms-link { color: #000000; text-decoration: underline; font-weight: bold !important; } .mgm-dashboard .container-dashboard { background-color: white; padding: 0; } .mgm-dashboard .container-dashboard .loader-tab { background: white; width: 100%; height: 100%; position: absolute; z-index: 99999; text-align: center; } .mgm-dashboard .container-dashboard #pills-invite { padding-top: 91px; } .mgm-dashboard .container-dashboard .nav-pills { padding: 0; margin: 0 !important; } .mgm-dashboard .container-dashboard .nav-pills .nav-item { padding: 0; } .mgm-dashboard .container-dashboard .nav-pills .nav-item .nav-link { text-align: center; color: black; font-family: "montserratlight"; font-size: 16px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: -0.32px; height: 48px; text-align: center; background: white; border-bottom: #e9e9e9 1px solid; } .mgm-dashboard .container-dashboard .nav-pills .nav-item .nav-link.active { border-bottom: black 2px solid; } .mgm-dashboard .container-dashboard .nav-pills .nav-item .nav-link:hover { border-bottom: black 2px solid; } .mgm-dashboard .container-dashboard .empty-invites { text-align: center; margin: 0; position: absolute; top: 50%; left: 0; width: 100%; transform: translateY(-50%); } .mgm-dashboard .container-dashboard .theiaStickySidebar { background-color: white; z-index: 9; } .mgm-dashboard .container-dashboard .tab-content { padding: 32px 30px 30px 30px; } .mgm-dashboard .container-dashboard .tab-content .godson-title, .mgm-dashboard .container-dashboard .tab-content .godfather-title { margin-top: 32px; font-family: "montserratlight"; font-size: 18px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.44; letter-spacing: -0.36px; } .mgm-dashboard .container-dashboard .card { border: unset; margin-right: 0px; margin-top: 16px; margin-left: 30px; } .mgm-dashboard .container-dashboard .card .status-card { position: absolute; top: 8px; right: 8px; font-size: 24px; } .mgm-dashboard .container-dashboard .cards-section { padding: 0 !important; margin: 0px 0px 0px -30px; } .mgm-dashboard .container-dashboard .status-card { font-size: 24px; z-index: 1; } .mgm-dashboard .container-dashboard .locked { color: #e9e9e9 !important; } .mgm-dashboard .container-dashboard .lock { color: #9d9d9d !important; } .mgm-dashboard .container-dashboard .unlocked, .mgm-dashboard .container-dashboard .lock-open { color: #000000 !important; } .mgm-dashboard .container-dashboard .timeup, .mgm-dashboard .container-dashboard .times-circle { color: #e44949 !important; } .mgm-dashboard .container-dashboard .used, .mgm-dashboard .container-dashboard .check-circle { color: #50af6e !important; } .mgm-dashboard .container-dashboard .gift-card-disabled { background: transparent !important; border: 1.5px dashed #d9d9d9; } .mgm-dashboard .container-dashboard .timeline-section { margin-top: 16px; } .mgm-dashboard .container-dashboard .timeline-section .circle-line-right:after { content: ""; position: absolute; height: 2px; z-index: 1; width: 50%; top: 15px; right: -16px; } .mgm-dashboard .container-dashboard .timeline-section .circle-line-left:before { content: ""; position: absolute; height: 2px; z-index: 1; width: 50%; top: 15px; left: -16px; } .mgm-dashboard .container-dashboard .timeline-section .line-1:after { border-top: 2px solid #5a0ef9; } .mgm-dashboard .container-dashboard .timeline-section .line-2:after { border-top: 2px solid #f0f2fc; } .mgm-dashboard .container-dashboard .timeline-section .line-2:before { border-top: 2px solid #5a0ef9; } .mgm-dashboard .container-dashboard .timeline-section .line-3:before { border-top: 2px solid #f0f2fc; } .mgm-dashboard .container-dashboard .timeline-section .circle-1 { background-color: #5a0ef9; color: white; border: #5a0ef9; } .mgm-dashboard .container-dashboard .timeline-section .circle-2 { background-color: #f0f2fc; color: #5a0ef9; border: #5a0ef9 1px dashed; } .mgm-dashboard .container-dashboard .timeline-section .circle-3 { background-color: #f0f2fc; color: #5a0ef9; border: #f0f2fc 1px solid; } .mgm-dashboard .container-dashboard .timeline-section .circle { width: 32px; height: 32px; border-radius: 100%; margin-left: auto; margin-right: auto; font-family: "montserratlight"; font-size: 16px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: -0.32px; text-align: center; padding: 4px 0px 0px 0px; } .mgm-dashboard .container-dashboard .timeline-section .circle-text { text-align: center; font-family: "montserratlight"; font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: -0.32px; } .mgm-dashboard .container-dashboard .gift-card-gs { background: #fbf3e6 !important; } .mgm-dashboard .container-dashboard .passed { opacity: 0.5 !important; } .mgm-dashboard .container-dashboard .gift-card { width: 205px; height: 205px; background: #f0f2fc; } .mgm-dashboard .container-dashboard .gift-card .gift-card-img { width: 121px; margin-top: 25%; margin-left: 20%; } .mgm-dashboard .container-dashboard .gift-card .gift-card-img-disabled { width: 80px; margin-top: 25%; margin-left: 30%; } .mgm-dashboard .container-dashboard .gift-card .gift-card-txt { width: 100%; text-align: center; margin-top: 10px; font-family: "montserratlight"; font-size: 16px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: -0.32px; text-align: center; } .mgm-dashboard .container-dashboard .gift-card .text-disabled { color: #d9d9d9 !important; } .mgm-dashboard .container-dashboard .gift-card-godson { width: 205px; text-align: center; margin-top: 8px; font-family: "montserratlight"; font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.57; letter-spacing: -0.28px; text-align: center; } .mgm-dashboard .container-dashboard .gift-card-date-gs { margin-top: 8px !important; width: 205px; margin-top: 0px; text-align: center; font-family: "montserratlight"; font-size: 12px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.67; letter-spacing: -0.24px; text-align: center; color: #9d9d9d; } .mgm-dashboard .container-dashboard .gift-card-date-gf { width: 205px; margin-top: 0px; text-align: center; font-family: "montserratlight"; font-size: 12px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.67; letter-spacing: -0.24px; text-align: center; color: #9d9d9d; } .mgm-dashboard .container-dashboard .separator { height: 1px; background-color: #e9e9e9; margin: 32px 0; } .mgm-dashboard .container-dashboard .dropdown-menu { margin: 12px 0 0 0; padding: 8px 0; box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.1); background-color: white; border: 0; min-width: 191px; } .mgm-dashboard .container-dashboard .dropdown-menu .selected { background-color: #f5f5f5; } .mgm-dashboard .container-dashboard .dropdown-menu .dropdown-item { font-family: "montserratlight"; font-size: 16px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: -0.32px; padding: 12px 16px; margin: 0; } .mgm-dashboard .container-dashboard .table-filters-box { padding: 32px 30px 0px 30px; } .mgm-dashboard .container-dashboard .table-filters .th-filter { font-family: "montserratlight"; font-size: 16px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: -0.32px; } .mgm-dashboard .container-dashboard .table-filters .th-filter .dropdown-toggle { color: #000000 !important; } .mgm-dashboard .container-dashboard .table-filters .th-filter .dropdown-toggle::after { border: none; font-family: "Ionicons"; vertical-align: top; margin-top: 0.05rem; } .mgm-dashboard .container-dashboard .table-filters .th-filter .dropdown-toggle[aria-expanded="true"]::after { content: "\f3d8"; } .mgm-dashboard .container-dashboard .table-filters .th-filter .dropdown-toggle[aria-expanded="false"]::after { color: #e9e9e9 !important; content: "\f3d0"; } .mgm-dashboard .container-dashboard .table-filters .th-total { font-family: "montserratlight"; font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.57; letter-spacing: -0.28px; text-align: right; color: #9d9d9d; } .mgm-dashboard .container-dashboard .table-filters .tr-headers { height: 48px; } .mgm-dashboard .container-dashboard .table-filters th { margin: 0; padding: 0; } .mgm-dashboard .container-dashboard .table-filters td { margin: 0; padding: 0; } .mgm-dashboard .container-dashboard .table-invites .tr-lines { height: 48px; border-bottom: solid 1px #e9e9e9; } .mgm-dashboard .container-dashboard .table-invites .td-name { font-family: "montserratlight"; font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: -0.32px; } .mgm-dashboard .container-dashboard .table-invites .td-status { text-align: right; } .mgm-dashboard .container-dashboard .table-invites th { margin: 0; padding: 0; } .mgm-dashboard .container-dashboard .table-invites td { margin: 0; padding: 0; } @media (max-width: 767.98px) { #pills-invite { padding-top: 0px !important; } .table-filters-box { padding: 32px 16px 0px 16px !important; } .byside-page .byside_container { margin-top: 0px; } .mgm-welcome .header-navbar + div { margin-top: 0px; } .mgm-welcome .page-body { padding-left: 0; padding-right: 0; } .mgm-welcome .page-body .block-title h1 { font-size: 24px !important; } .mgm-welcome .page-body .block-center .block-title h1 { font-size: 18px !important; } .mgm-welcome .page-body .byside_container { margin-top: 0px !important; } .mgm-welcome .page-body .block-center .block-white { width: 100% !important; min-width: 100% !important; } .mgm-welcome .page-body .block-center .block-title { margin-top: 70px !important; } .mgm-welcome .page-body .top-title h1 { margin: 16px 0; } .mgm-welcome .page-body .top-grey { margin-bottom: 120px; margin-top: 0px; } .cards-section { padding: 0 !important; margin: 0px 0px 0px -16px !important; } .gift-card { width: 171px !important; height: 171px !important; } .gift-card .gift-card-img { width: 121px !important; margin-top: 32px !important; margin-left: 25px !important; } .gift-card .gift-card-img-disabled { width: 80px; margin-top: 32px !important; margin-left: 46px !important; } .gift-card .gift-card-txt { padding: 0 16px 0 16px !important; } .card { margin-right: 0px !important; margin-left: 16px !important; } .gift-card-godson { width: 171px !important; } .gift-card-date-gs { margin-top: 8px !important; width: 171px !important; } .gift-card-date-gf { width: 171px !important; } .godfather-section { height: unset !important; position: unset !important; width: unset !important; } .empty-section { margin-top: 16px !important; margin-bottom: 32px !important; text-align: center; margin-bottom: unset !important; top: unset !important; width: auto !important; } .side-menu { padding: 32px 16px !important; } .tab-content { padding: 0px 16px 16px 16px !important; } .timeline-section { margin-top: 16px; } .timeline-section .circle-line-right:after { content: "" !important; position: absolute !important; height: 18px !important; z-index: 1 !important; width: 1px !important; top: 32px !important; left: 30px !important; right: unset !important; } .timeline-section .circle-line-left:before { content: "" !important; position: absolute !important; height: 18px !important; z-index: 1 !important; width: 1px !important; top: 32px !important; left: 30px !important; right: unset !important; } .timeline-section .line-1:after { border-right: 2px solid #5a0ef9; border-top: 0px !important; } .timeline-section .line-2:after { border-right: 2px solid #f0f2fc; border-top: 0px !important; } .timeline-section .line-2:before { border-right: 2px solid #f0f2fc; border-top: 0px !important; } .timeline-section .line-3:before { border-right: 0px !important; border-top: 0px !important; } .timeline-section .circle-1 { background-color: #5a0ef9; color: white; border: #5a0ef9; margin-bottom: 18px !important; } .timeline-section .circle-2 { background-color: #f0f2fc; color: #5a0ef9; border: #5a0ef9 1px dashed; margin-bottom: 18px !important; } .timeline-section .circle-3 { background-color: #f0f2fc; color: #5a0ef9; border: #f0f2fc 1px solid; } .timeline-section .circle { width: 32px; height: 32px; border-radius: 100%; margin-left: auto; margin-right: auto; font-family: "montserratlight"; font-size: 16px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: -0.32px; text-align: center; padding: 4px 0px 0px 0px; } .timeline-section .circle-box { float: left; } .timeline-section .circle-text { text-align: left !important; font-family: "montserratlight"; font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 2 !important; letter-spacing: -0.32px !important; margin-left: 48px !important; } .empty-invites { text-align: center; margin: 0; top: 50%; transform: translateY(-50%); position: relative !important; margin-top: 50% !important; } /* Page content */ .content { padding: 16px; } /* The sticky class is added to the header with JS when it reaches its scroll position */ .sticky-80 { position: fixed !important; top: 65px !important; width: 100% !important; } .sticky-120 { position: fixed !important; top: 145px !important; width: 100% !important; } /* Add some top padding to the page content to prevent sudden quick movement (as the header gets a new position at the top of the page (position:fixed and top:0) */ .sticky + .content { padding-top: 102px; } .side-menu { height: fit-content !important; } .side-menu__container { min-height: auto !important; padding: 0 !important; } } @media (max-width: 558px) { .mgm-welcome .page-body .block-center img { transform: translate(-50%, -35%) !important; } .mgm-welcome .page-body .block-center .block-title { margin-top: 50px !important; } .mgm-welcome .page-body .top-grey { margin-bottom: 100px; margin-top: 0px; } } @media (max-width: 334px) { .mgm-welcome .page-body .block-center img { transform: translate(-50%, -25%) !important; } .mgm-welcome .page-body .block-center .block-title { margin-top: 0px !important; } .mgm-welcome .page-body .top-grey { margin-bottom: 62px; margin-top: 0px; } } @media all and (-ms-high-contrast: none) { .godfather-section { position: relative !important; } } .form-group-autocomplete { position: relative; } .form-group-autocomplete > input.form-control:focus, .form-group-autocomplete > input.form-control:active { background-color: white !important; border-color: #ffbd1b !important; color: black; } .form-group-autocomplete > a.ac-clear { position: absolute; top: 0; right: 0; z-index: 2; display: flex; flex-direction: column; justify-content: center; width: 2rem; height: 100%; text-align: center; color: #999; } .form-group-autocomplete > a.ac-clear.hidden { display: none; } .form-group-autocomplete .search-loader:not(.d-none) + .ac-clear { display: none !important; } .form-group-autocomplete .bootstrap-autocomplete.dropdown-menu { max-height: 340px; overflow-y: scroll; max-width: 100%; padding-top: 0; } .form-group-autocomplete .bootstrap-autocomplete.dropdown-menu.show, .form-group-autocomplete .bootstrap-autocomplete.dropdown-menu.in, .form-group-autocomplete .bootstrap-autocomplete.dropdown-menu.open { display: block; } .form-group-autocomplete .bootstrap-autocomplete.dropdown-menu > .dropdown-item.disabled { color: #6a7381; } .form-group-autocomplete .bootstrap-autocomplete.dropdown-menu > .dropdown-item.message:not(:last-child) { background-color: #fbf0d0 !important; } .form-group-autocomplete .bootstrap-autocomplete.dropdown-menu > .dropdown-item > div { line-height: 1.2rem; padding: .25rem 0; } .form-group-autocomplete .bootstrap-autocomplete.dropdown-menu > .dropdown-item > div.message { white-space: normal; overflow-wrap: break-word; } .form-group-autocomplete .bootstrap-autocomplete.dropdown-menu > .dropdown-item > div.message a { text-decoration: underline; } .form-group-autocomplete .bootstrap-autocomplete.dropdown-menu > .dropdown-item.message:last-child > .message { border-top: 1px solid #ccc; } .form-group-autocomplete .bootstrap-autocomplete .dropdown-item.disabled, .form-group-autocomplete .bootstrap-autocomplete .dropdown-item:disabled { color: #b9c2ce; cursor: not-allowed; background-color: transparent; } .form-group-autocomplete .bootstrap-autocomplete .autocomplete-row { font-family: "montserratlight"; font-weight: 400; } .form-group-autocomplete .bootstrap-autocomplete .autocomplete-row small { color: #b9c2ce; } .form-group-autocomplete .dropdown-menu { font-size: 14px !important; font-family: "montserratlight"; font-weight: normal; } .form-group-autocomplete .dropdown-menu a { text-decoration: none; } .form-group-autocomplete .dropdown-item.active, .form-group-autocomplete .dropdown-item:active { color: black; text-decoration: none; background-color: #0000000a; } .search-page .autocomplete-row { color: #6a7381; } .search-page .disabled .autocomplete-row { color: #b9c2ce; } .search-page .message { color: #6a7381 !important; } .register-address .autocomplete-row strong { color: black; } ::-ms-clear { display: none; } .packs-menus .navbar-login { display: none; } .packs-menus .button-hover { display: none; } .packs-menus .copied { display: none; } .packs-menus .ion-checkmark { margin-right: 15px; } .packs-menus .warn-block { text-align: center; color: #6a7381; margin-top: 100px; } .packs-menus .packs-mini { display: none; } .packs-menus .container-fluid { padding: 0; } .packs-menus .carousel-indicators li { position: relative; flex: 1 0 auto; max-width: 30px; height: 3px; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: #f38282; } .packs-menus .carousel-indicators .active { background-color: white; border: solid 0.1px #f38282; } .packs-menus .carousel-indicators { position: absolute; right: 0; bottom: 10px; left: 0; z-index: 15; display: flex; justify-content: center; padding-left: 0; margin-right: 15%; margin-left: 15%; list-style: none; top: 288px; } .packs-menus .carousel-control-next-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(246, 140, 141, 0.96)' viewBox='0 0 8 8'%3E%3Cpath d='M1.5 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important; } .packs-menus .carousel-control-prev-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(246, 140, 141, 0.96)' viewBox='0 0 8 8'%3E%3Cpath d='M4 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important; } .packs-menus .header-navbar { position: absolute !important; width: 100%; height: 80px; top: 0; box-shadow: none !important; z-index: 10; background-color: transparent !important; padding: 0; border: 0; } .packs-menus .bd-footer { border-top: 0; font-size: 85%; margin-top: 4rem; padding: 2rem 0; background-color: transparent; } .packs-menus #main-container { background-color: #fefbf0; } .packs-menus p { font-family: "montserratlight"; font-size: 12px; color: black; } .packs-menus .voucherToCopy { display: none; } .packs-menus .title, .packs-menus .card-plans .area-info .title, .card-plans .area-info .packs-menus .title, .packs-menus .card-plans .plan-was-cancelled .block-message .title, .card-plans .plan-was-cancelled .block-message .packs-menus .title { font-family: "montserratlight"; font-size: 33px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.24; letter-spacing: -1.98px; color: black; margin-bottom: 30px; } .packs-menus .button-box { display: flex; margin-top: 20px; margin-bottom: 40px; } .packs-menus .button-box .black-button { border-radius: 3px; background-color: black; font-family: "montserratlight"; font-size: 16px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: -0.32px; text-align: center; color: white; border: black; padding: 10px; } .packs-menus .button-box .white-button { border-radius: 3px; background-color: transparent; font-family: "montserratlight"; font-size: 16px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: -0.32px; text-align: center; color: black; border: 1px solid black; padding: 10px; margin-left: 16px; } .packs-menus .first-block { margin-top: 50px; margin-bottom: 50px; margin: 0; } .packs-menus .first-block .text { font-family: "montserratlight"; font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.44; letter-spacing: -0.36px; color: black; } .packs-menus .first-block .new-voucher-box { text-align: center; margin-bottom: 60px; } .packs-menus .first-block .new-voucher { background: #f38282; border-radius: 3px; padding: 10px 80px 10px; color: white; text-align: center; width: auto; display: inline-block; font-family: "montserratlight"; font-size: 18px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: -0.36px; text-align: center; } .packs-menus .first-block .one .coupon, .packs-menus .first-block .one .arrow { float: right; } .packs-menus .first-block .text-left-box { margin-top: 15%; } .packs-menus .first-block .title, .packs-menus .first-block .card-plans .plan-was-cancelled .block-message .title, .card-plans .plan-was-cancelled .block-message .packs-menus .first-block .title { margin-bottom: 24px; } .packs-menus .first-block .arrow { text-align: center; background: 0; border: 0; padding: 50px 20px 50px 20px; min-height: 255px; min-width: 255px; max-height: 255px; max-width: 255px; margin-bottom: 5px; } .packs-menus .first-block .arrow .arrow-text { font-family: "montserratlight"; font-size: 12px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: -0.24px; text-align: center; color: #b0b0b0; margin-top: 16px; } .packs-menus .first-block .arrow img { width: 40px; margin-top: 12px; margin-left: 10px; } .packs-menus .first-block .coupover1:hover { cursor: pointer; background: rgba(246, 140, 141, 0.96); width: 10px; height: 10px; position: absolute; top: 3px; right: 18px; min-height: 249px; min-width: 249px; max-height: 254px; z-index: 1; max-width: 255px; text-align: center; } .packs-menus .first-block .coupover1:hover .text-hover { cursor: pointer; display: block; border-radius: 3px; font-family: "montserratlight"; font-size: 18px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.44; letter-spacing: -0.36px; color: white; border: 0; margin-top: 31%; } .packs-menus .first-block .coupover1:hover .button-hover { cursor: pointer; display: block; border-radius: 3px; background-color: white; font-family: "montserratlight"; font-size: 18px; font-weight: 600; font-stretch: normal; font-style: normal; width: 150px; line-height: 1.44; letter-spacing: -0.36px; color: #f38282; border: 0; margin-left: 20%; margin-top: 10px; cursor: pointer; padding: 7px 0px 0px 0px; } .packs-menus .first-block .coupover1 { cursor: pointer; width: 10px; height: 10px; position: absolute; top: 3px; right: 18px; min-height: 249px; min-width: 249px; max-height: 254px; z-index: 1; max-width: 255px; } .packs-menus .first-block .coupover1 label { cursor: pointer; } .packs-menus .first-block .coupover1 .text-hover { display: none; } .packs-menus .first-block .coupover1 .button-hover { display: none; } .packs-menus .first-block .coupover2:hover { cursor: pointer; background: rgba(246, 140, 141, 0.96); width: 10px; height: 10px; position: absolute; top: 3px; left: 18px; min-height: 249px; min-width: 249px; max-height: 254px; z-index: 1; max-width: 255px; } .packs-menus .first-block .coupover2:hover .text-hover { cursor: pointer; display: block; border-radius: 3px; font-family: "montserratlight"; font-size: 18px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.44; letter-spacing: -0.36px; color: white; border: 0; margin-top: 31%; } .packs-menus .first-block .coupover2:hover .button-hover { cursor: pointer; display: block; border-radius: 3px; background-color: white; font-family: "montserratlight"; font-size: 18px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.44; width: 150px; letter-spacing: -0.36px; color: #f38282; border: 0; margin-left: 20%; margin-top: 10px; cursor: pointer; padding: 7px 0px 0px 0px; } .packs-menus .first-block .coupover2 { width: 10px; height: 10px; position: absolute; top: 3px; left: 18px; min-height: 249px; min-width: 249px; max-height: 254px; z-index: 1; max-width: 255px; text-align: center; } .packs-menus .first-block .coupover2 label { cursor: pointer; } .packs-menus .first-block .coupover2 .text-hover { display: none; } .packs-menus .first-block .coupover2 .button-hover { display: none; } .packs-menus .first-block .coupon { background: white; border: 3px dashed #f38282; padding: 50px 20px 50px 20px; min-height: 255px; min-width: 255px; max-height: 255px; max-width: 255px; margin-bottom: 30px; box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1); } .packs-menus .first-block .coupon .coupon-title { font-family: "montserratlight"; font-size: 14px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.57; top: 20px; letter-spacing: -0.28px; color: #f38282; position: absolute; } .packs-menus .first-block .coupon img { width: 160px; } .packs-menus .first-block .coupon .coupon-price { background: #f38282; border-radius: 3px; text-align: center; color: white; transform: rotate(-2deg); padding: 5px 0 5px 0px; margin: 5px 0 5px 0px; font-family: "montserratlight"; font-size: 24px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: -1.44px; } .packs-menus .first-block .coupon .coupon-img { width: 100%; text-align: center; } .packs-menus .first-block .coupon .coupon-text { font-family: "montserratlight"; font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: -0.32px; text-align: center; color: black; margin-top: 28px; } .packs-menus .first-block .coupon .coupon-sub-text { font-family: "montserratlight"; font-size: 11px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.73; letter-spacing: -0.22px; text-align: center; color: #6a7381; } .packs-menus .second-block { margin-right: 0; margin-bottom: 120px; } .packs-menus .second-block .second-box-absolut { position: absolute; left: 46%; z-index: 1; height: 100%; } .packs-menus .second-block .second-box-relative { position: relative; left: -46%; top: -30px; } .packs-menus .second-block li a:link { text-decoration: underline; color: #f38282 !important; } .packs-menus .second-block li a, .packs-menus .second-block li a:hover, .packs-menus .second-block li a:focus { color: #f38282; } .packs-menus .second-block .line-two-imgs { position: relative; width: 100%; margin: 0; } .packs-menus .second-block .img-box-one { max-height: 50%; float: right; } .packs-menus .second-block .img-box-two { max-height: 50%; float: left; } .packs-menus .second-block .img-section { padding: 0; margin: 0; } .packs-menus .second-block ol { counter-reset: my-awesome-counter; list-style: none; padding-left: 40px; } .packs-menus .second-block ol li { margin: 0 0 0.5rem 0; counter-increment: my-awesome-counter; position: relative; } .packs-menus .second-block ol li::before { content: counter(my-awesome-counter); font-family: "montserratlight"; color: white; font-size: 15px; font-weight: bold; position: absolute; --size: 24px; left: calc(-1 * var(--size) - 10px); line-height: 20px; width: var(--size); height: var(--size); top: 0; background: black; border-radius: 50%; text-align: center; background-color: #f38282; padding: 2px 9px 2px 8px; border-radius: 4px; margin-right: 6px; } .packs-menus .second-block .title, .packs-menus .second-block .card-plans .plan-was-cancelled .block-message .title, .card-plans .plan-was-cancelled .block-message .packs-menus .second-block .title { text-align: center; margin-bottom: 60px; } .packs-menus .second-block .coupon { background: white; border: 3px dashed #f38282; padding: 100px 20px 50px 20px; margin-bottom: 5px; z-index: 1; top: -5%; height: 110%; min-width: 600px; max-width: 650px; box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1); } .packs-menus .second-block .coupon .coupon-title { font-family: "montserratlight"; font-size: 14px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.57; top: 20px; letter-spacing: -0.28px; color: #f38282; position: absolute; } .packs-menus .second-block .coupon .coupon-text { font-size: 18px; font-family: "montserratlight"; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.44; letter-spacing: -0.36px; color: black; } .packs-menus .second-block .coupon .badge-grey { font-family: "montserratlight"; font-size: 14px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.57; letter-spacing: -0.28px; color: #f38282; border-radius: 4px; background-color: #f0f0f0; margin: 11px; padding: 5px 10px 6px 10px; } .packs-menus .second-block .coupon .img-box-soup-meal { text-align: center; margin-top: 30px; } .packs-menus .second-block .coupon .img-soup-meal { width: 100px; } .packs-menus .second-block .coupon .badge-line { text-align: center; } .packs-menus .second-block img { width: 100%; } .packs-menus .second-block .img-box { margin: 0; padding: 0; } .packs-menus .second-block .img-middle { width: 100%; padding: 0; margin: 0; } .packs-menus .third-block { margin: 0; padding: 0; } .packs-menus .third-block img { width: 100%; } .packs-menus .third-block .text-left-box { margin-top: 10%; } .packs-menus .third-block .third-right { padding: 0; margin: 0; } .packs-menus .third-block .third-left { padding: 0; margin: 0; } .packs-menus .third-block .text { font-family: "montserratlight"; font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.44; letter-spacing: -0.36px; color: black; } .packs-menus .bd-footer { margin-top: 30px; } .packs-menus .mini { display: none; } @media (max-width: 1100px) { .carousel-indicators { z-index: 1 !important; } .header-navbar .col-avatar { width: 70%; float: left; padding: 0; margin: 0; right: 5px; position: absolute; } .new-voucher-box { padding: 0 !important; margin-bottom: 30px !important; } .new-voucher { width: 100% !important; margin: 0 !important; right: 0 !important; border-radius: 0 !important; } .big { display: none !important; } .mini { display: block !important; } .packs-menus .line-two-imgs .one { display: none; } .packs-menus .container { width: 100% !important; max-width: 100% !important; } .packs-menus .left-text { max-width: 85% !important; width: 100% !important; flex: 0 0 100% !important; } .packs-menus .third-right { max-width: 100% !important; width: 100% !important; flex: 0 0 100% !important; } .packs-menus .second-block { margin: 0; margin-top: 50px; } .packs-menus .packs-big { display: none; } .packs-menus .first-block .text-left-box { margin-top: 0; } .packs-menus .packs-mini { display: block !important; } .packs-menus .packs-mini .one { margin-top: 30px; } .packs-menus .packs-mini .arrow-text { font-family: "montserratlight"; font-size: 12px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: -0.24px; text-align: center; color: #b0b0b0; margin-top: 16px; } .packs-menus .packs-mini .coupover3:hover { cursor: pointer; background: rgba(246, 140, 141, 0.96); width: 10px; height: 10px; position: absolute; top: 3px; min-height: 249px; min-width: 249px; max-height: 254px; z-index: 1; max-width: 255px; margin-left: -20px; text-align: center; } .packs-menus .packs-mini .coupover3:hover .text-hover { cursor: pointer; display: block; border-radius: 3px; font-family: "montserratlight"; font-size: 18px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.44; letter-spacing: -0.36px; color: white; border: 0; margin-top: 31%; } .packs-menus .packs-mini .coupover3:hover .button-hover { cursor: pointer; display: block; border-radius: 3px; background-color: white; font-family: "montserratlight"; font-size: 18px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.44; width: 150px; letter-spacing: -0.36px; color: #f38282; border: 0; margin-left: 20%; margin-top: 10px; padding: 7px 0px 0px 0px; } .packs-menus .packs-mini .coupover3 { cursor: pointer; width: 10px; height: 10px; position: absolute; top: 3px; min-height: 249px; min-width: 249px; max-height: 254px; z-index: 1; max-width: 255px; text-align: center; margin-left: -20px; text-align: center; } .packs-menus .packs-mini .coupover3 label { cursor: pointer; } .packs-menus .packs-mini .coupover3 .text-hover { display: none; } .packs-menus .packs-mini .coupover3 .button-hover { display: none; } .packs-menus .packs-mini .pack { width: 100%; text-align: -webkit-center; text-align: -moz-center; } .packs-menus .pack { width: 100%; text-align: -webkit-center; text-align: -moz-center; } .packs-menus .second-block .second-box-absolut { position: relative; left: unset; height: 100%; flex: 25%; } .packs-menus .second-block .second-box-relative { position: relative; left: unset; } .packs-menus .second-block .coupon { min-width: 100%; } } .packs-menu { padding: 20px 20px 20px 20px; background: #fefbf0; margin: 0; font-family: "montserratlight"; } .packs-menu .voucherToCopy { display: none; } .packs-menu .banner-super-voucher .span-text-text { display: block; } .packs-menu .banner-super-voucher .span-text-copy { display: none; } .packs-menu .banner-super-voucher:hover { background-color: #f38282; color: white; cursor: pointer; } .packs-menu .banner-super-voucher:hover .span-text-text { display: none; } .packs-menu .banner-super-voucher:hover .span-text-copy { display: block; } .packs-menu .no-padding { padding: 0 !important; } .packs-menu .parcial { padding: 0; padding-right: 4px; } .packs-menu .parcial-big { margin-bottom: 34px !important; } .packs-menu .banner-title-big label { border-radius: 2px; background-color: #f38282; text-transform: none; color: white; padding: 0px 12px 0px 10px; font-weight: 600; font-size: 20px; transform: rotate(-2deg); margin-top: -7px; margin-bottom: 0px; letter-spacing: 1px; } .packs-menu .banner-title-small { padding: 0; } .packs-menu .banner-title-small label { background-color: #f38282; text-transform: none; color: white; padding: 5px 12px 7px 10px; font-weight: 600; font-size: 14px; margin-bottom: 0px; letter-spacing: 1px; width: 100%; } .packs-menu .packs-menu-box { border: 2px #f38282 solid; margin: 0; text-align: center; padding: 0px 0px 15px 0px; } .packs-menu .vertical-sep { border-right: 2px #f38282 solid; height: 90%; position: absolute; top: 7px; right: 20px; } .packs-menu .horizontal-sep { border-bottom: 2px #f38282 solid; width: 100%; margin-top: 10px; } .packs-menu .banner-since-price { font-weight: 600; font-size: 14px; line-height: 15px; } .packs-menu .banner-user-voucher { font-weight: 100; font-size: 14px; line-height: 15px; margin-bottom: 5px; } .packs-menu .banner-super-voucher { font-size: 14px; font-weight: 900; font-family: "montserratlight"; color: #f38282; line-height: 27px; border: 1px #f38282 dashed; } .packs-menu .banner-sub-title { text-align: left; font-size: 16px; font-family: "montserratbold"; text-decoration: underline; line-height: 0; margin-top: 18px; } .packs-menu .banner-sub-title-one { position: relative; text-align: left; line-height: 0; margin-bottom: 39px; } .packs-menu .banner-sub-title-two { position: relative; text-align: left; line-height: 0; margin-bottom: 18px; } .packs-menu img { height: 32px; margin: 10px 0; } .packs-menu .img-3 img { height: 47px; margin: 0; } .solidario { background: #f1f0f5; } .solidario #main-container { background: #f1f0f5; } .solidario #shareModal .social-media-name { cursor: pointer; } .solidario #loginModal .btn-want-help { width: 105px; } .solidario #btnLoginContinue:disabled { border-radius: 3px; background-color: #f9fafb; font-family: "montserratlight"; font-size: 1rem; letter-spacing: -0.0224rem; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: -0.32px; text-align: center; color: #b9c2ce; } .solidario input::placeholder { font-family: "montserratlight"; font-size: 0.875rem; letter-spacing: -0.0196rem; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.57; letter-spacing: -0.28px; color: #c0c9d5; } .solidario .modal { /*input, select{ background-color: #F9FAFB !important; border: solid 1px #b9c2ce !important; font-family: "montserratlight"; @include font(14); font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.57; letter-spacing: -0.28px; color: black; }*/ } .solidario .modal .form-check { margin-left: 15px; } .solidario .modal .form-check-input[type=checkbox]:after { border: solid 1px #b9c2ce !important; background-color: #F9FAFB; } .solidario .modal .form-check-input[type=checkbox]:checked:after { background-color: #ffbd1b; color: #000; } .solidario .modal .modal-btn-box .btn-want-help { margin-bottom: 0px; float: right; width: 90px; height: 45px; } .solidario .modal .modal-btn-box .btn-share { float: right; width: 150px; margin-right: 7px; height: 45px; } .solidario .modal .btn-want-help { margin-bottom: 0px; height: 46px; } .solidario .modal .modal-content { border-radius: 0; border: 0; } .solidario .modal .description-copy-link { font-family: "montserratlight"; font-size: 0.6875rem; letter-spacing: -0.0154rem; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.73; letter-spacing: -0.22px; color: #6a7381; } .solidario .modal .modal-title { font-family: "montserratlight"; font-size: 1.125rem; letter-spacing: -0.0252rem; text-transform: unset; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.44; letter-spacing: -0.36px; color: black; } .solidario .modal .social-input { width: 258px; height: 46px; border-radius: 4px; border: solid 1px #f2f3f5; font-family: "montserratlight"; font-size: 0.875rem; letter-spacing: -0.0196rem; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.57; color: #c0c9d5; margin-right: 11px; margin-left: 11px; margin-bottom: 5px; } .solidario .modal .img-social-box { text-align: center; } .solidario .modal .img-social-box .social-media-name { font-family: "montserratlight"; font-size: 0.75rem; letter-spacing: -0.0168rem; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.67; letter-spacing: -0.24px; text-align: center; color: black; } .solidario .modal .img-social-box img { width: 24px; height: 24px; object-fit: contain; } .solidario .modal .facebook-img { border-right: 1px solid #e1e8ed; } .solidario .modal .twitter-img { border-right: 1px solid #e1e8ed; } .solidario .modal .image-section { border-bottom: 1px solid #e1e8ed; padding-bottom: 16px; margin: 0px 0px 16px 0px; } .solidario .modal .message { font-family: "montserratlight"; font-size: 0.75rem; letter-spacing: -0.0168rem; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.67; letter-spacing: -0.24px; color: black; } .solidario .btn-want-help { border-radius: 3px; background-color: #ffbd1b; border: 0; width: 90%; padding-top: 10px; padding-bottom: 10px; font-family: "montserratlight"; font-size: 1rem; letter-spacing: -0.0224rem; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: -0.32px; text-align: center; color: #000; cursor: pointer; margin-bottom: 30px; } .solidario .btn-want-help:disabled { border-radius: 3px; background-color: #f9fafb; font-family: "montserratlight"; font-size: 1rem; letter-spacing: -0.0224rem; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: -0.32px; text-align: center; color: #b9c2ce; } .solidario .first { margin-bottom: 10%; } .solidario .middle-box-block .middle-title, .solidario .right-text-middle-block .middle-title { padding: 0; } .solidario .middle-box-block .middle-text, .solidario .right-text-middle-block .middle-text { padding: 0; } .solidario .email-error { font-family: "montserratlight"; font-size: 0.6875rem; letter-spacing: -0.0154rem; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.73; letter-spacing: -0.22px; color: #f38283; } .solidario .password-error { font-family: "montserratlight"; font-size: 0.6875rem; letter-spacing: -0.0154rem; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.73; letter-spacing: -0.22px; color: #f38283; } .solidario .link-reset-pw a { font-family: "montserratlight"; font-size: 0.6875rem; letter-spacing: -0.0154rem; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.67; letter-spacing: -0.24px; text-decoration: underline; color: black; } .solidario .btn-share { border-radius: 3px; background-color: white; border: #ffbd1b solid 1px; width: 90%; padding-top: 10px; padding-bottom: 10px; font-family: "montserratlight"; font-size: 1rem; letter-spacing: -0.0224rem; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: -0.32px; text-align: center; color: black; cursor: pointer; margin-bottom: 30px; } .solidario .header-box { margin-right: 0 !important; margin-left: 0 !important; } .solidario .banner-img { position: relative; background-image: url("/img/solidario/banner-campaign2.jpg"); background-repeat: no-repeat; width: 100%; background-size: 100%; min-height: 200px; height: 350px; padding: 0; } .solidario .banner-part-2 { position: relative; background-color: #f0f0f5; padding: 0; } .solidario .right-side { position: absolute; top: 20%; z-index: 2; } .solidario .need-help-box { position: relative; min-width: 450px; max-width: 450px; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); background-color: white; margin-left: 12%; } .solidario .need-help-box .btn-want-help { margin-bottom: 0; } .solidario .need-help-box .separator { border-bottom: 1px solid rgba(0, 0, 0, 0.1); width: 90%; margin-left: 5%; margin-bottom: 24px; margin-top: 24px; } .solidario .need-help-box .want-help { font-family: "montserratlight"; font-size: 1.5rem; letter-spacing: -0.0336rem; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: -1.44px; color: black; margin-top: 30px; margin-bottom: 53px; } .solidario .need-help-box .meal-soup-img { text-align: center; margin-top: 30px; } .solidario .need-help-box .meal-soup-img img { max-width: 162px; min-width: 162px; } .solidario .need-help-box .price { font-family: "montserratlight"; font-size: 1.5rem; letter-spacing: -0.0336rem; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: -1.44px; text-align: center; color: black; margin-top: 16px; } .solidario .need-help-box .menu-text { font-family: "montserratlight"; font-size: 1rem; letter-spacing: -0.0224rem; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: -0.32px; text-align: center; margin-bottom: 18px; color: black; } .solidario .need-help-box .quantity { text-align: center; } .solidario .need-help-box .quantity .remove { background: #f0f1f2; border-radius: 100%; padding: 10px 10px 8px 10px; cursor: pointer; } .solidario .need-help-box .quantity .remove img { width: 16px; padding: 0 0 5px 0px; cursor: pointer; } .solidario .need-help-box .quantity .add { background: #f0f1f2; border-radius: 100%; padding: 10px 10px 8px 10px; cursor: pointer; } .solidario .need-help-box .quantity .add img { width: 16px; padding: 0 0 5px 0px; cursor: pointer; } .solidario .need-help-box .quantity .number .quantity-input { width: 50px; border: 0; text-align: center; font-family: "montserratlight"; font-size: 1.125rem; letter-spacing: -0.0252rem; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.44; letter-spacing: -0.36px; text-align: center; color: black; background-color: transparent; } .solidario .need-help-box .total { margin-top: 30px; margin-bottom: 25px; } .solidario .need-help-box .total .total-title { font-family: "montserratlight"; font-size: 0.875rem; letter-spacing: -0.0196rem; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.57; letter-spacing: -0.28px; color: black; text-transform: uppercase; float: left; } .solidario .need-help-box .total .total-price { font-family: "montserratlight"; font-size: 0.875rem; letter-spacing: -0.0196rem; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.57; letter-spacing: -0.28px; text-align: right; color: black; float: right; } .solidario .need-help-box .box-btn-want-help { text-align: center; } .solidario .need-help-box .box-btn-share { text-align: center; } .solidario .right-corner-blue { position: absolute; top: 0; right: 0; margin: 0; padding: 0; width: 97px; height: 114px; background-color: #8ab7e9; } .solidario .right-corner-blue .corner-day { margin-top: 16px; font-family: "montserratlight"; font-size: 0.6875rem; letter-spacing: -0.0154rem; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.73; letter-spacing: -0.22px; text-align: center; color: white; margin-bottom: 0; } .solidario .right-corner-blue .corner-number { width: 65px; height: 41px; font-family: "montserratlight"; font-size: 2.0625rem; letter-spacing: -0.0462rem; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.24; letter-spacing: -1.98px; text-align: center; color: white; margin-bottom: 0; margin-top: 0; } .solidario .right-corner-blue .corner-text { width: 48px; height: 22px; font-family: "montserratlight"; font-size: 0.875rem; letter-spacing: -0.0196rem; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.57; letter-spacing: -0.28px; text-align: center; color: white; margin-top: 0; padding: 0 0px 30px 0; } .solidario .middle-box-block { padding: 0; } .solidario .middle-box { margin-top: 50px; padding: 0; } .solidario .middle-box .middle-title { font-family: "montserratlight"; font-size: 2.0625rem; letter-spacing: -0.0462rem; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.24; letter-spacing: -1.98px; color: black; } .solidario .middle-box .middle-text { font-family: "montserratlight"; font-size: 1rem; letter-spacing: -0.0224rem; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: -0.32px; color: #6a7381; margin-top: 30px; } .solidario .blue-box { min-width: 290px; background-color: #8ab7e9; margin-left: 0; max-width: 90%; } .solidario .blue-box .blue-box-title { font-family: "montserratlight"; font-size: 1.125rem; letter-spacing: -0.0252rem; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.44; letter-spacing: -0.36px; text-align: center; color: white; margin-top: 36px; } .solidario .blue-box .blue-box-number { font-family: "montserratlight"; font-size: 3.625rem; letter-spacing: -0.0812rem; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.14; letter-spacing: -3.48px; text-align: center; color: white; } .solidario .blue-box .blue-box-text { font-family: "montserratlight"; font-size: 1.125rem; letter-spacing: -0.0252rem; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.44; letter-spacing: -0.36px; text-align: center; color: white; } .solidario .blue-box .box-btn-want-help { text-align: center; } .solidario .blue-box .box-btn-want-help .btn-want-help { border-radius: 3px; background-color: #ffbd1b; border: 0; width: 100%; padding-top: 10px; padding-bottom: 10px; font-family: "montserratlight"; font-size: 1rem; letter-spacing: -0.0224rem; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: -0.32px; text-align: center; color: #000; cursor: pointer; margin-bottom: 30px; margin-top: 16px; } .solidario .partners { text-align: center; margin-top: 121px; } .solidario .partners .partners-title { font-family: "montserratlight"; font-size: 0.6875rem; letter-spacing: -0.0154rem; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.73; letter-spacing: -0.22px; color: black; padding-top: 25px; text-transform: uppercase; margin-bottom: 10px; } .solidario .partners img { width: 120px; height: 70px; } .solidario .partners .partner-refood { text-align: right; } .solidario .partners .partner-camara { text-align: left; } .solidario .partners .partner-sub-title { cursor: pointer; font-family: "montserratlight"; font-size: 0.75rem; letter-spacing: -0.0168rem; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.67; letter-spacing: -0.24px; text-align: center; color: #6a7381; padding-top: 25px; } .solidario .partners .add-partners-link { text-decoration: underline; color: black; } .solidario .last-box { margin-top: 120px; margin-bottom: 130px; } .solidario .last-box .last-box-title { font-family: "montserratlight"; font-size: 2.0625rem; letter-spacing: -0.0462rem; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.24; letter-spacing: -1.98px; text-align: center; color: black; } .solidario .last-box .last-box-text { font-family: "montserratlight"; font-size: 1rem; letter-spacing: -0.0224rem; font-weight: 300; font-stretch: normal; font-style: normal; line-height: 1.75; letter-spacing: -0.32px; text-align: center; color: #6a7381; margin-top: 30px; margin-bottom: 20px; } .solidario .last-box .last-box-btn { text-align: center; } .solidario .last-box .last-box-btn .btn-want-help { border-radius: 3px; background-color: #ffbd1b; border: 0; width: 180px; padding-top: 10px; padding-bottom: 10px; font-family: "montserratlight"; font-size: 1rem; letter-spacing: -0.0224rem; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: -0.32px; text-align: center; color: #000; cursor: pointer; margin-bottom: 30px; margin-top: 16px; min-width: 150px; } .solidario-checkout form { width: 100%; } .solidario-checkout input::placeholder { font-family: "montserratlight"; font-size: 0.875rem; letter-spacing: -0.0196rem; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.57; letter-spacing: -0.28px; color: #c0c9d5; } .solidario-checkout .vat-error { font-family: "montserratlight"; font-size: 0.6875rem; letter-spacing: -0.0154rem; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.73; letter-spacing: -0.22px; color: #f38283; } .solidario-checkout .menu-item { padding: 3.125em; margin-left: 0; margin-right: 0; } .solidario-checkout .invoice-address-box { margin-left: 25px; } .solidario-checkout .invoice-address-box .name { font-family: "montserratlight"; font-size: 0.75rem; letter-spacing: -0.0168rem; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.67; letter-spacing: -0.24px; color: black; } .solidario-checkout .invoice-address-box .address { font-family: "montserratlight"; font-size: 0.75rem; letter-spacing: -0.0168rem; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.67; letter-spacing: -0.24px; color: #6a7381; } .solidario-checkout .invoice-address-box .zipcode { font-family: "montserratlight"; font-size: 0.75rem; letter-spacing: -0.0168rem; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.67; letter-spacing: -0.24px; color: #6a7381; } .solidario-checkout .invoice-address-box .vat { font-family: "montserratlight"; font-size: 0.6875rem; letter-spacing: -0.0154rem; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.73; letter-spacing: -0.22px; color: #808a98; } .solidario-checkout .btn-change { height: 24px; border: 0; border-radius: 3px; background-color: #e2e4e9; font-family: "montserratlight"; font-size: 0.6875rem; letter-spacing: -0.0154rem; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.73; letter-spacing: -0.22px; text-align: center; float: right; color: #6a7381; cursor: pointer; } .solidario-checkout .btn-change:hover:disabled { cursor: not-allowed; } .solidario-checkout .btn-share { border-radius: 3px; background-color: white; border: #ffbd1b solid 1px; width: 90%; padding-top: 10px; padding-bottom: 10px; font-family: "montserratlight"; font-size: 1rem; letter-spacing: -0.0224rem; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: -0.32px; text-align: center; color: black; cursor: pointer; margin-bottom: 30px; } .solidario-checkout .btn-want-help { border-radius: 3px; background-color: #ffbd1b; border: 0; width: 90%; padding-top: 10px; padding-bottom: 10px; font-family: "montserratlight"; font-size: 1rem; letter-spacing: -0.0224rem; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: -0.32px; text-align: center; color: #000; cursor: pointer; margin-bottom: 30px; } .solidario-checkout .btn-want-help:disabled { border-radius: 3px; background-color: #f9fafb; font-family: "montserratlight"; font-size: 1rem; letter-spacing: -0.0224rem; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: -0.32px; text-align: center; color: #b9c2ce; } .solidario-checkout .modal { /*input, select{ background-color: #F9FAFB !important; border: solid 1px #b9c2ce !important; font-family: "montserratlight"; @include font(14); font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.57; letter-spacing: -0.28px; color: black; }*/ } .solidario-checkout .modal .form-check { margin-left: 15px; } .solidario-checkout .modal .form-check-input[type=checkbox]:after { border: solid 1px #b9c2ce !important; background-color: #F9FAFB; } .solidario-checkout .modal .form-check-input[type=checkbox]:checked:after { background-color: #ffbd1b; color: #000; } .solidario-checkout .modal .modal-dialog { max-width: 650px; } .solidario-checkout .modal .modal-btn-box .btn-want-help { margin-bottom: 0px; float: right; width: 90px; height: 45px; } .solidario-checkout .modal .modal-btn-box .btn-share { float: right; width: 90px; margin-right: 7px; height: 45px; } .solidario-checkout .modal .modal-content { border-radius: 0; border: 0; } .solidario-checkout .modal .modal-title { font-family: "montserratlight"; font-size: 1.125rem; letter-spacing: -0.0252rem; text-transform: unset; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.44; letter-spacing: -0.36px; color: black; } .solidario-checkout .sub-sub-title { font-family: "montserratlight"; font-size: 0.6875rem; letter-spacing: -0.0154rem; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.73; letter-spacing: -0.22px; color: #6a7381; } .solidario-checkout .form-check-input:hover { cursor: pointer; } .solidario-checkout .form-check { position: relative; margin-top: 1rem; display: flex; align-items: stretch; } .solidario-checkout .form-check .form-check-input { position: absolute; height: revert; width: 0px; height: auto\0; width: auto\0; margin: 0; top: 2px; left: 2px; } .solidario-checkout .form-check .form-check-input[type=checkbox]:after { border-radius: 4px; } .solidario-checkout .form-check .form-check-input[type=checkbox]:checked:after { content: '\f121'; font-family: "Ionicons"; background-color: #ffbd1b; padding: 1px 1px 0px 2px; font-size: 0.625rem; letter-spacing: -0.014rem; color: #000; } .solidario-checkout .form-check .form-check-input[type=radio]:after { border-radius: 50%; border: #b9c2ce 1px solid; } .solidario-checkout .form-check .form-check-input[type=radio]:checked:after { content: ''; background-color: black; border: 0.5em solid #ffbd1b; } .solidario-checkout .form-check .form-check-input:checked:after { background-color: #ffbd1b; } .solidario-checkout .form-check .form-check-input:checked:after:hover { background-color: #ffbd1b !important; } .solidario-checkout .form-check .form-check-label { margin-left: 2.5rem; margin-top: 0rem; font-family: "montserratlight"; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.67; font-size: 0.75rem; letter-spacing: -0.0168rem; letter-spacing: -0.24px; color: black; } .solidario-checkout .checkout-page-title { font-family: "montserratlight"; font-size: 1rem; letter-spacing: -0.0224rem; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: -0.32px; color: #6a7381; text-transform: unset; } .solidario-checkout .left-text-box { padding: 0; text-align: left; } .solidario-checkout .quantity { text-align: right; padding: 0; } .solidario-checkout .quantity .remove { background: #f0f1f2; border-radius: 100%; padding: 10px 10px 8px 10px; cursor: pointer; } .solidario-checkout .quantity .remove img { width: 16px; padding: 0 0 5px 0px; cursor: pointer; } .solidario-checkout .quantity .add { background: #f0f1f2; border-radius: 100%; padding: 10px 10px 8px 10px; cursor: pointer; } .solidario-checkout .quantity .add img { width: 16px; padding: 0 0 5px 0px; cursor: pointer; } .solidario-checkout .quantity .number .quantity-input { width: 50px; border: 0; text-align: center; font-family: "montserratlight"; font-size: 1.125rem; letter-spacing: -0.0252rem; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.44; letter-spacing: -0.36px; text-align: center; color: black; background-color: transparent; } .solidario-checkout .title-menu { font-family: "montserratlight"; font-size: 1rem; letter-spacing: -0.0224rem; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: -0.32px; color: black; text-transform: unset; } .solidario-checkout .total-price { font-family: "montserratlight"; font-size: 0.875rem; letter-spacing: -0.0196rem; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.57; letter-spacing: -0.28px; color: #757f8d; } .solidario-checkout .card-form label { text-transform: unset; padding: 0; } .solidario-checkout .menu-item { padding: 0; } .solidario-checkout .check-quantity-title { font-family: "montserratlight"; font-size: 0.875rem; letter-spacing: -0.0196rem; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.57; letter-spacing: -0.28px; text-align: center; color: black; } .solidario-checkout .check-quantity-sub-title { font-family: "montserratlight"; font-size: 0.75rem; letter-spacing: -0.0168rem; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.67; letter-spacing: -0.24px; text-align: center; color: black; } .solidario-checkout .yellow-box { background-color: #fbf0d0; background-color: #fbf0d0; margin-top: 16px; text-align: center; padding: 16px 16px 16px 16px; } .solidario-success #shareModal .social-media-name { cursor: pointer; } .solidario-success input::placeholder { font-family: "montserratlight"; font-size: 0.875rem; letter-spacing: -0.0196rem; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.57; letter-spacing: -0.28px; color: #c0c9d5; } .solidario-success .success { text-align: center; padding-top: 120px; } .solidario-success .share-button-box { padding-bottom: 120px; } .solidario-success .success-text { margin-bottom: 60px; margin-top: 60px; } .solidario-success .invoice-link { color: black; text-decoration: underline; } .solidario-success .modal input, .solidario-success .modal select { background-color: #F9FAFB !important; border: solid 1px #b9c2ce !important; font-family: "montserratlight"; font-size: 0.875rem; letter-spacing: -0.0196rem; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.57; letter-spacing: -0.28px; color: black; } .solidario-success .modal .form-check { margin-left: 15px; } .solidario-success .modal .form-check-input[type=checkbox]:after { border: solid 1px #b9c2ce !important; background-color: #F9FAFB; } .solidario-success .modal .form-check-input[type=checkbox]:checked:after { background-color: #ffbd1b; } .solidario-success .modal .modal-btn-box .btn-want-help { margin-bottom: 0px; float: right; width: 90px; height: 45px; } .solidario-success .modal .modal-btn-box .btn-share { float: right; width: 150px; margin-right: 7px; height: 45px; } .solidario-success .modal .btn-want-help { margin-bottom: 0px; height: 46px; } .solidario-success .modal .modal-content { border-radius: 0; border: 0; } .solidario-success .modal .description-copy-link { font-family: "montserratlight"; font-size: 0.6875rem; letter-spacing: -0.0154rem; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.73; letter-spacing: -0.22px; color: #6a7381; text-align: left; } .solidario-success .modal .modal-title { font-family: "montserratlight"; font-size: 1.125rem; letter-spacing: -0.0252rem; text-transform: unset; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.44; letter-spacing: -0.36px; color: black; } .solidario-success .modal .social-input { width: 258px; height: 46px; border-radius: 4px; border: solid 1px #f2f3f5; font-family: "montserratlight"; font-size: 0.875rem; letter-spacing: -0.0196rem; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.57; color: #c0c9d5; margin-right: 11px; margin-left: 11px; margin-bottom: 5px; } .solidario-success .modal .img-social-box { text-align: center; } .solidario-success .modal .img-social-box .social-media-name { font-family: "montserratlight"; font-size: 0.75rem; letter-spacing: -0.0168rem; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.67; letter-spacing: -0.24px; text-align: center; color: black; } .solidario-success .modal .img-social-box img { width: 24px; height: 24px; object-fit: contain; } .solidario-success .modal .facebook-img { border-right: 1px solid #e1e8ed; } .solidario-success .modal .twitter-img { border-right: 1px solid #e1e8ed; } .solidario-success .modal .image-section { border-bottom: 1px solid #e1e8ed; padding-bottom: 16px; margin: 0px 0px 16px 0px; } .solidario-success .modal .message { font-family: "montserratlight"; font-size: 0.75rem; letter-spacing: -0.0168rem; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.67; letter-spacing: -0.24px; color: black; text-align: left; } .solidario-success .btn-want-help { border-radius: 3px; background-color: #ffbd1b; border: 0; width: 90%; padding-top: 10px; padding-bottom: 10px; font-family: "montserratlight"; font-size: 1rem; letter-spacing: -0.0224rem; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: -0.32px; text-align: center; color: #000; cursor: pointer; margin-bottom: 30px; } @media (max-width: 767.98px) { .solidario .header-box { margin-right: 0 !important; margin-left: 0 !important; } .solidario .middle-title { font-size: 1.5rem !important; } .solidario .last-box-title { font-size: 1.5rem !important; } .solidario .total { padding: 0; } .solidario .btn-want-help { width: 100% !important; } .solidario #loginModal .btn-share { margin-top: 16px !important; margin-right: 0px !important; } .solidario .btn-share { width: 100% !important; } .solidario .last-box { margin-top: 60px; margin-bottom: 60px; } .solidario .partners { margin-top: 30px; } .solidario .partners-title { text-align: left; margin-top: 30px; } .solidario .middle-box { padding: 0; margin-right: 0; margin-left: 0; } .solidario .middle-box-block { width: 100%; margin: 0; padding: 0; max-width: 100%; } .solidario .blue-box { margin: 0; padding: 0; max-width: 100%; width: 100%; } .solidario .blue-box-block { width: 100%; margin: 0; padding: 0; max-width: 100%; } .solidario .right-text-middle-block { width: 100%; margin: 0; padding: 0; max-width: 100%; margin-top: 30px; } .solidario .partner-refood { text-align: center !important; } .solidario .partner-camara { text-align: center !important; } .solidario .need-help-box { position: relative; width: 100%; min-width: 100%; max-width: 100%; margin-left: 0 !important; } .solidario .need-help-box .separator { border-bottom: 1px solid rgba(0, 0, 0, 0.1); width: auto; margin-left: auto; margin-bottom: 24px; margin-top: 24px; } .solidario .right-side { position: relative; width: 100%; max-width: 100%; margin: 0; padding: 0; top: 0; } .solidario .banner-part-2 { padding: 0; } .solidario .banner-img { background: none; height: auto; padding: 0; } .solidario .banner-img img { width: 100%; } .solidario-checkout .quantity { text-align: right; margin-bottom: 10px; margin-top: 16px; } #shareModal .social-input { width: 100% !important; } #shareModal .btn-want-help { margin-left: 11px; margin-right: 11px; width: 100%; } } @media (min-width: 768px) and (max-width: 991.98px) { .need-help-box { min-width: 350px !important; max-width: 350px !important; } } .oeiras-ignicao .et-check { font-size: 1.5rem; letter-spacing: -0.0336rem; } .oeiras-ignicao a, .oeiras-ignicao a:hover, .oeiras-ignicao a:focus { color: black; text-decoration: none; } .oeiras-ignicao .hora-de-comer { width: 182px; position: relative; bottom: -55px; z-index: 1; } .oeiras-ignicao .hora-de-falar { width: 182px; position: relative; bottom: -55px; z-index: 1; } .oeiras-ignicao .hora-de { width: 100%; text-align: center; } .oeiras-ignicao .black-btn { width: 200px; height: 44px; border-radius: 3px; background-color: black; font-family: "montserratlight"; font-size: 1rem; letter-spacing: -0.0224rem; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: -0.32px; text-align: center; color: white; border: 0; margin: 0 5px; margin-bottom: 8px; cursor: pointer; } .oeiras-ignicao .transp-btn { width: 200px; height: 44px; border-radius: 3px; border: solid 1px black; background-color: transparent; font-family: "montserratlight"; font-size: 1rem; letter-spacing: -0.0224rem; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: -0.32px; text-align: center; color: black; margin: 0 5px; cursor: pointer; } .oeiras-ignicao .navbar { display: none; } .oeiras-ignicao .first-section { background-color: #ffbd1b; background-image: url(../img/ignicao/1_leaves_top.png); background-repeat: no-repeat; background-size: 600px; background-position-x: 120%; background-position-y: -80%; } .oeiras-ignicao .first-section .leaf-left { width: 400px; position: absolute; margin: 0; bottom: -111px; left: -125px; } .oeiras-ignicao .first-section .logos-box { text-align: center; } .oeiras-ignicao .first-section .logo-black { font-size: 5.0625rem; letter-spacing: -0.1134rem; margin-top: 16px; margin-bottom: 135px; } .oeiras-ignicao .first-section .logo-white { font-size: 5.0625rem; letter-spacing: -0.1134rem; color: white; } .oeiras-ignicao .first-section .cross { color: white; font-size: 1.5rem; letter-spacing: -0.0336rem; line-height: 3; padding: 0 32px 0 30px; height: auto; vertical-align: top; } .oeiras-ignicao .first-section .logo-ignicao { width: 135px; vertical-align: top; } .oeiras-ignicao .first-section .text-box { margin-top: 24px; } .oeiras-ignicao .first-section .text-box p { font-family: "montserratlight"; font-size: 1rem; letter-spacing: -0.0224rem; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: normal; text-align: center; color: black; margin: 2px; } .oeiras-ignicao .first-section .eat-a-mesa-title { margin-top: 56px; margin-bottom: 24px; } .oeiras-ignicao .first-section .eat-a-mesa-title h1 { font-family: "montserratblack"; font-size: 3.75rem; letter-spacing: -0.084rem; font-weight: 900; font-stretch: normal; font-style: normal; line-height: 1.13; letter-spacing: normal; text-align: center; color: white; } .oeiras-ignicao .first-section .eat-a-mesa-text { margin-bottom: 32px; } .oeiras-ignicao .first-section .eat-a-mesa-text p { font-family: "montserratlight"; font-size: 1rem; letter-spacing: -0.0224rem; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: -0.32px; text-align: center; color: black; margin: 2px; } .oeiras-ignicao .first-section .button-box { text-align: center; margin-bottom: 100px; } .oeiras-ignicao .second-section { background-color: transparent; text-align: center; background-image: url(../img/ignicao/2_leaf_middle_right.png); background-repeat: no-repeat; background-size: 400px; background-position-x: 110%; background-position-y: bottom; } .oeiras-ignicao .second-section .button-box { margin-bottom: 0px; } .oeiras-ignicao .second-section .eat-a-mesa-title { margin-top: 100px; margin-bottom: 24px; } .oeiras-ignicao .second-section .eat-a-mesa-title h1 { font-family: "montserratblack"; font-size: 2.5rem; letter-spacing: -0.056rem; font-weight: 900; font-stretch: normal; font-style: normal; line-height: 1.2; letter-spacing: normal; text-align: center; color: black; } .oeiras-ignicao .second-section .eat-a-mesa-text { margin-bottom: 32px; } .oeiras-ignicao .second-section .eat-a-mesa-text p { font-family: "montserratlight"; font-size: 1rem; letter-spacing: -0.0224rem; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: -0.32px; color: black; margin: 2px; } .oeiras-ignicao .second-section .points { text-align: left; } .oeiras-ignicao .third-section { text-align: center; background-color: #eabbc9; background-image: url(../img/ignicao/leaves-bottom.png); background-size: 100%; background-repeat: no-repeat; height: auto; background-position: bottom; padding-bottom: 200px; } .oeiras-ignicao .third-section .eat-a-mesa-title { margin-top: 100px; margin-bottom: 24px; } .oeiras-ignicao .third-section .eat-a-mesa-title h1 { font-family: "montserratblack"; font-size: 2.5rem; letter-spacing: -0.056rem; font-weight: 900; font-stretch: normal; font-style: normal; line-height: 1.2; letter-spacing: normal; text-align: center; color: white; } .oeiras-ignicao .third-section .eat-a-mesa-sub-title { margin-bottom: 16px; } .oeiras-ignicao .third-section .eat-a-mesa-sub-title p { font-family: "montserratlight"; font-size: 1rem; letter-spacing: -0.0224rem; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: -0.32px; color: black; margin: 2px; } .oeiras-ignicao .third-section .eat-a-mesa-text { margin-bottom: 32px; } .oeiras-ignicao .third-section .eat-a-mesa-text p { font-family: "montserratlight"; font-size: 1rem; letter-spacing: -0.0224rem; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: -0.32px; color: black; margin: 2px; } .oeiras-ignicao .third-section .box-artists { margin-bottom: 32px; } .oeiras-ignicao .third-section .box-artists .artist { min-width: 379px; width: 379px; min-height: 248px; padding: 8px; background-color: white; border: #7168af 1px solid; margin-right: 8px; margin-bottom: 8px; } .oeiras-ignicao .third-section .box-artists .left-artist { display: inline-block; vertical-align: top; } .oeiras-ignicao .third-section .box-artists .middle-artist { display: inline-block; vertical-align: top; } .oeiras-ignicao .third-section .box-artists .right-artist { display: inline-block; vertical-align: top; } .oeiras-ignicao .third-section .box-artists img { width: 150px; float: left; margin: -17px 8px 0 0; } .oeiras-ignicao .third-section .box-artists .artist-title p { font-family: "montserratlight"; font-size: 1rem; letter-spacing: -0.0224rem; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: normal; text-align: center; color: black; padding-bottom: 8px; } .oeiras-ignicao .third-section .box-artists .artist-description { color: black; text-align: left; position: relative; } .oeiras-ignicao .third-section .box-artists .artist-description .time { position: absolute; right: 16px; font-family: "montserratlight"; font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; letter-spacing: normal; color: black; } .oeiras-ignicao .third-section .box-artists .artist-description .name { margin: 0 20px; padding-top: 52px; font-family: "montserratlight"; font-size: 16px; font-weight: 600; font-stretch: normal; font-style: normal; letter-spacing: normal; color: black; } .oeiras-ignicao .third-section .box-artists .artist-description .job { margin: 0 20px; font-family: "montserratlight"; font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; letter-spacing: normal; color: black; } .oeiras-ignicao .third-section .box-artists .artist-description .event-caption { margin: 1rem 0 0 0; font-family: "montserratlight"; font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; letter-spacing: normal; color: black; line-height: 1.1rem; } @media (max-width: 1050px) { .oeiras-ignicao .first-section { background-size: 400px; background-position-y: -25%; background-position-x: 120%; } .oeiras-ignicao .second-section { background-image: unset !important; } } @media (max-width: 767.98px) { .oeiras-ignicao .header-navbar + div { margin-top: 0 !important; } .oeiras-ignicao .black-btn { width: 100%; } .oeiras-ignicao .transp-btn { width: 100%; } .oeiras-ignicao .artist { min-width: 100% !important; width: 100% !important; } .oeiras-ignicao .logo-white { font-size: 60px !important; } .oeiras-ignicao .logo-black { font-size: 54px !important; margin-bottom: 70px !important; } .oeiras-ignicao .logo-ignicao { width: 100px !important; } .oeiras-ignicao .cross { font-size: 21px !important; padding: 0 22px 0 20px !important; } .oeiras-ignicao .text-box { font-size: 12px !important; padding: 0 !important; } .oeiras-ignicao .first-section { background-size: 250px; background-position-y: -15%; background-position-x: 130%; } .oeiras-ignicao .first-section .eat-a-mesa-title h1 { font-size: 1.75rem; letter-spacing: -0.0392rem; } .oeiras-ignicao .first-section .eat-a-mesa-text p { font-size: 1rem; letter-spacing: -0.0224rem; text-align: left !important; } .oeiras-ignicao .second-section { background-image: unset !important; } .oeiras-ignicao .second-section .eat-a-mesa-text p { font-size: 1rem; letter-spacing: -0.0224rem; text-align: left !important; } .oeiras-ignicao .second-section .eat-a-mesa-title h1 { font-size: 1.25rem; letter-spacing: -0.028rem; } .oeiras-ignicao .leaf-left { display: none !important; } .oeiras-ignicao .third-section { background-image: unset !important; padding-bottom: 45px !important; } .oeiras-ignicao .third-section .eat-a-mesa-text p { font-size: 1rem; letter-spacing: -0.0224rem; text-align: left !important; } .oeiras-ignicao .third-section .eat-a-mesa-sub-title p { font-size: 0.75rem; letter-spacing: -0.0168rem; } .oeiras-ignicao .third-section .eat-a-mesa-title h1 { font-size: 1.25rem; letter-spacing: -0.028rem; } .oeiras-ignicao .hora-de-comer { width: 90px !important; bottom: -30px !important; } .oeiras-ignicao .hora-de-falar { width: 90px !important; bottom: -30px !important; } } .toc ol { counter-reset: item; margin-top: 1rem; font-weight: normal; } .toc ol li { display: block; position: relative; margin-top: 1rem; } .toc ol li:before { content: counters(item, ".") "."; counter-increment: item; position: absolute; padding-right: .4rem; transform: translateX(-100%); } .toc ol.toc-none > li span.toc-custom { position: absolute; padding-right: .4rem; transform: translateX(-100%); } .toc ol.toc-none > li:before { content: ''; padding-right: 0; }