/*
* This is a manifest file that'll be compiled into application.css, which will include all the files
* listed below.
*
* Any CSS and SCSS file within this directory, lib/assets/stylesheets, or any plugin's
* vendor/assets/stylesheets directory can be referenced here using a relative path.
*
* You're free to add application-wide styles to this file and they'll appear at the bottom of the
* compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
* files in this directory. Styles in this file should be added after the last require_* statement.
* It is generally better to create a new file per style scope.
*
*/
/**
* Adapted from: https://css-tricks.com/centering-css-complete-guide/, https://stackoverflow.com/questions/38221573/flexbox-vertical-centering-plus-a-sticky-footer
*
* HTML example:
*
* CSS example:
.centered_div{
background-color: $x_primary_main;
height: 500px;
@include centerer_flexbox;
.child_centerer
{
background-color: $x_warning_main;
}
}
*
* Usage if you're using the default elements (previous example):
* @include centerer;
*
* Usage if you want to define the elements:
* @include centerer(true, false);
*
*/
/**
* Adapted from: https://codepen.io/chriscoyier/pen/uwJjr
*
* HTML example:
Stuff
Olá
Stuff
*
* Usage if you're using the default elements (previous example):
* @include sticky-footer(30px);
*
* Usage if you want to define the elements:
* @include sticky-footer(30px, '.page', '.footer');
*
*/
/**
* How to declare variables:
* $a_name
*
* a: Should be the initial of the variable type
* (c - color, b - breakpoint, f - font/font weight, s - size, d - duration).
*
* name: Should be the name of the variable.
*
*/
/* BREAKPOINTS */
/* SPACING */
/* SIZES */
/* ANIMATION DURATION*/
/* FONT SIZES */
/* FONT STYLES */
@import url("https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i");
/* Shadows */
/* BASIC COLORS */
/* WEBSITE COLORS */
/* SEATS */
/* Page */
@import url("https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i");
* {
margin: 0;
padding: 0px;
}
html,
body {
height: 100%;
}
html {
height: -webkit-fill-available;
}
/* TEXT STYLES */
body {
background-color: #ffffff;
overflow-x: hidden;
font-family: "Roboto", sans-serif;
font-weight: 400;
font-size: 1rem;
line-height: 1.4;
letter-spacing: 0.1px;
color: #383737;
-moz-osx-font-smoothing: grayscale; /*(For Firefox)*/
-webkit-font-smoothing: antialiased; /*(For Chrome and Safari)*/
}
h1, h2, h3, h4, h5, h6 {
margin: 0px;
}
p {
margin: 0px;
}
ul, li {
margin: 0px;
list-style-type: none;
}
textarea {
display: block;
outline: none;
}
button {
outline: none !important;
border: none;
background: transparent;
}
button:hover {
cursor: pointer;
}
iframe {
border: none !important;
}
.text--regular {
font-weight: 400;
}
.text--medium {
font-weight: 500;
}
.text--bold {
font-weight: 600;
}
.text--semi-bold {
font-weight: 600;
}
.text--regular--uppercase {
font-weight: 400;
text-transform: uppercase;
}
.text--bold--uppercase {
font-weight: 600;
text-transform: uppercase;
}
.text--shadow {
text-shadow: 2px 2px 4px #383737;
}
.text--shadow-press {
text-shadow: -1px -1px 1px rgba(255, 255, 255, 0.1), 1px 1px 1px rgba(0, 0, 0, 0.5), 2px 2px 2px rgba(0, 0, 0, 0);
}
.text--shadow-great {
text-shadow: -1px -1px 1px rgba(255, 255, 255, 0.3), 3px 3px 2px rgba(0, 0, 0, 0.6), 5px 5px 0px transparent;
}
.text--white {
color: #ffffff;
}
.text--light--gray {
color: #edecec;
}
.text--gray {
color: #9b9b9b;
}
.text--medium--gray {
color: #cfcfcf;
}
.text--main--gray {
color: #383737;
}
.text--dark--gray {
color: #141414;
}
.text--black {
color: #141414;
}
.text--red {
color: #d41922 !important;
}
.text--green {
color: #bad83b;
}
.text--italic {
font-style: italic;
}
/* LINK STYLES */
a {
margin: 0px;
}
a,
a:hover,
a:visited,
a:link,
a:active,
a:focus {
text-decoration: none;
outline: none;
transition: all 0.2s;
-webkit-transition: all 0.2s;
cursor: pointer;
}
a:hover {
color: inherit;
}
a.link:hover {
opacity: 0.8;
}
a:disabled, a.disabled, span:disabled, span.disabled {
opacity: 0.5;
cursor: not-allowed;
}
a.underlined__link, span.underlined__link {
text-decoration: underline;
text-underline-offset: 2px;
}
a.underlined__link:not(.disabled):hover, span.underlined__link:not(.disabled):hover {
opacity: 0.8;
}
/* FONT ICONS */
@font-face {
font-family: "icomoon";
src: font-url(/icomoon.eot?dtyhcg);
src: font-url(/icomoon.eot?dtyhcg#iefix) format("embedded-opentype"), font-url(/icomoon.ttf?dtyhcg) format("truetype"), font-url(/icomoon.woff?dtyhcg) format("woff"), font-url(/icomoon.svg?dtyhcg#icomoon) format("svg");
font-weight: normal;
font-style: normal;
}
[class^=icon_],
[class*=" icon_"] {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: "icomoon" !important;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon_back_icon:before {
content: "\e90c";
}
.icon_close_icon:before {
content: "\e90d";
}
.icon_instagram_icon:before {
content: "\e90a";
}
.icon_facebook_icon:before {
content: "\e90b";
}
.icon_twitter_icon:before {
content: "\e909";
}
.icon_download_icon:before {
content: "\e901";
}
.icon_illustrations_icon:before {
content: "\e903";
}
.icon_subscribe_icon:before {
content: "\e907";
}
.icon_vectors_icon:before {
content: "\e908";
}
.icon_all_icon:before {
content: "\e900";
}
.icon_faqs_icon:before {
content: "\e902";
}
.icon_others_icon:before {
content: "\e904";
}
.icon_photos_icon:before {
content: "\e905";
}
.icon_search_icon:before {
content: "\e906";
}
@media (min-width: 0px) {
[class^=heading-lg],
[class*=heading-lg] {
font-size: 2rem;
}
}
@media (min-width: 760px) {
[class^=heading-lg],
[class*=heading-lg] {
font-size: 3rem;
}
}
@media (min-width: 0px) {
[class^=heading-md],
[class*=heading-md] {
font-size: 2rem;
}
}
@media (min-width: 760px) {
[class^=heading-md],
[class*=heading-md] {
font-size: 2.25rem;
}
}
@media (min-width: 1300px) {
[class^=heading-md],
[class*=heading-md] {
font-size: 3rem;
}
}
@media (min-width: 0px) {
[class^=heading-sm],
[class*=heading-sm] {
font-size: 1.375rem;
}
}
@media (min-width: 760px) {
[class^=heading-sm],
[class*=heading-sm] {
font-size: 1.75rem;
}
}
@media (min-width: 0px) {
[class^=heading-xs],
[class*=heading-xs] {
font-size: 1.125rem;
}
}
@media (min-width: 760px) {
[class^=heading-xs],
[class*=heading-xs] {
font-size: 1.375rem;
}
}
@media (min-width: 0px) {
[class^=heading-highlight],
[class*=heading-highlight] {
font-size: 1.125rem;
}
}
@media (min-width: 1300px) {
[class^=heading-highlight],
[class*=heading-highlight] {
font-size: 1.375rem;
}
}
@media (min-width: 0px) {
.font--extra_small {
font-size: 0.75rem;
}
}
@media (min-width: 0px) {
.font--small {
font-size: 0.875rem;
}
}
@media (min-width: 0px) {
.font--base {
font-size: 1rem;
}
}
@media (min-width: 0px) {
.font--medium {
font-size: 1rem;
}
}
@media (min-width: 900px) {
.font--medium {
font-size: 1.125rem;
}
}
@media (min-width: 0px) {
.font--medium_card {
font-size: 1.125rem;
}
}
@media (min-width: 0px) {
.font--medium_large {
font-size: 1.25rem;
}
}
@media (min-width: 0px) {
.font--extra_large {
font-size: 3rem;
}
}
@media (min-width: 760px) {
.font--extra_large {
font-size: 3.75rem;
}
}
@media (min-width: 0px) {
[class^=table-hd],
[class*=table-hd] {
font-size: 1rem;
}
}
@media (min-width: 0px) {
[class^=table-body],
[class*=table-body] {
font-size: 0.875rem;
}
}
@media (min-width: 0px) {
[class^=table-child],
[class*=table-child] {
font-size: 0.75rem;
}
}
[class^=text-tiny],
[class*=text-tiny] {
font-size: 0.75rem;
}
[class^=text-xxs],
[class*=text-xxs] {
font-size: 0.625rem;
}
[class^=text-xs],
[class*=text-xs] {
font-size: 0.875rem;
}
[class^=text-small],
[class*=text-small] {
font-size: 0.875rem;
}
@media (min-width: 1300px) {
[class^=text-small],
[class*=text-small] {
font-size: 1rem;
}
}
[class^=text-base],
[class*=text-base] {
font-size: 1rem;
}
[class^=text-medium],
[class*=text-medium] {
font-size: 1.125rem;
}
@media (min-width: 1300px) {
[class^=text-medium],
[class*=text-medium] {
font-size: 1.25rem;
}
}
[class^=text-medium-large],
[class*=text-medium-large] {
font-size: 1.5rem;
}
@media (min-width: 1300px) {
[class^=text-medium-large],
[class*=text-medium-large] {
font-size: 1.75rem;
}
}
[class^=text-large],
[class*=text-large] {
font-size: 2rem;
}
@media (min-width: 1300px) {
[class^=text-large],
[class*=text-large] {
font-size: 2.25rem;
}
}
[class^=text-extra-large],
[class*=text-extra-large] {
font-size: 3rem;
}
@media (min-width: 760px) {
[class^=text-extra-large],
[class*=text-extra-large] {
font-size: 3.75rem;
}
}
[class^=text-thumb],
[class*=text-thumb] {
font-size: 1.25rem;
}
@media (min-width: 1300px) {
[class^=text-thumb],
[class*=text-thumb] {
font-size: 2.25rem;
}
}
/* Footer */
body {
display: flex;
min-height: 100vh;
height: auto !important;
flex-direction: column;
min-height: -webkit-fill-available;
}
.manager__container {
/* .push must be the same height as footer */
flex: 1;
}
footer {
/* .push must be the same height as footer */
flex: none;
}
footer {
background: #ffffff;
border-top: 1px solid rgba(0, 40, 100, 0.12);
padding: 1.25rem 0;
}
.manager-footer {
max-width: 1140px;
margin: 0 auto;
display: flex;
justify-content: space-between;
padding: 0 20px 0 20px;
flex-direction: column-reverse;
text-align: center;
}
.manager-footer p {
margin-bottom: 10px;
}
@media (min-width: 600px) {
footer {
margin: 0 0 0 72px;
}
.manager-footer {
flex-direction: row;
text-align: left;
}
.manager-footer p {
margin-bottom: 0;
}
}
@media (min-width: 1300px) {
.manager-footer {
max-width: 1335px;
}
}
.manager-nav {
padding: 10px 0 10px 0;
background-color: #ffffff;
position: sticky;
top: 0;
height: 60px;
z-index: 1100;
}
.manager-nav__user {
display: flex;
align-items: center;
}
.manager-nav__user #notification-icon {
display: none;
}
.manager-nav__mobile {
display: flex;
align-items: center;
}
.manager-nav__mobile span {
margin-right: 1rem;
}
.manager-nav__burguer {
font-size: 1.25rem;
}
.manager-nav__slogan {
display: none;
text-transform: uppercase;
font-weight: 300;
}
.manager-nav__list {
display: flex;
align-items: baseline;
justify-content: space-between;
list-style-type: none;
max-width: 1140px;
padding: 0 10px;
margin: 0 auto;
}
.manager-nav .icon-inception {
position: absolute;
top: 3px;
left: 13px;
background-color: #ffffff;
padding: 2px;
font-size: 10px;
}
.manager-nav__language {
display: flex;
justify-content: space-between;
align-items: center;
padding-bottom: 0.75rem;
}
.manager-nav__language .select--manager {
width: 4rem;
}
.manager-nav__language .select--manager .select_container {
height: 40px;
}
.manager-nav__role {
display: flex;
justify-content: space-between;
align-items: center;
padding-bottom: 0.75rem;
margin-bottom: 1rem;
}
.manager-nav__role .select--manager .select_container {
height: 40px;
}
.manager-nav__logout {
width: 100%;
padding-top: 1rem;
display: block;
}
.manager-nav li {
vertical-align: middle;
}
.manager-nav__user {
float: right;
}
.manager-nav__user--name {
display: none !important;
}
.manager-nav__user li {
display: inline-block;
vertical-align: middle;
}
.manager-nav__image {
border: 2px solid #edecec;
border-radius: 50%;
background-color: #bad83b;
color: #ffffff;
width: 28px;
height: 28px;
margin: 0 8px 0 0;
text-align: center;
line-height: 190%;
}
.manager-nav__notification {
font-size: 20px;
color: #141414;
}
.manager-nav__notification--image {
width: 20px;
}
.manager-nav__notification--margin {
margin-right: 1rem;
}
.manager-nav__logo {
margin-right: 8px;
}
.manager-nav__logo img {
height: auto;
width: 120px;
}
.manager-nav__logo--mobile {
display: block;
}
.manager-nav__logo--desktop {
display: none;
}
.manager-nav__trial--mobile {
display: block;
padding: 0 20px;
margin: 5px auto 0 auto;
max-width: 1140px;
}
@media (min-width: 1140px) {
.manager-nav__trial--mobile {
display: none;
margin-top: 0;
}
}
.manager-nav__trial--desktop {
display: none !important;
}
@media (min-width: 1140px) {
.manager-nav__trial--desktop {
display: inline-block !important;
}
}
.report-container {
position: absolute;
top: 45px;
right: -96px;
width: 300px;
z-index: 200;
display: none;
}
@media (min-width: 900px) {
.report-container {
right: -200px;
}
}
.report-dropdown {
width: 300px;
display: flex;
flex-direction: column;
background-color: #ffffff;
border-radius: 4px;
border: 1px solid #edecec;
padding: 16px 14px;
}
.report-dropdown__reports {
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
}
.report-dropdown__reports .fa-play-circle {
padding: 4px;
background-color: #fafafb;
border-radius: 4px;
}
.report-dropdown li {
margin-top: 5px;
margin-right: 5px;
display: block;
}
.report-dropdown__new {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: baseline;
}
.hover-report {
position: absolute;
width: 100%;
height: 80px;
top: 0;
}
.hover-report:hover .report-container {
display: flex;
}
#report-icon, #quick-access-report-icon {
position: relative;
cursor: pointer;
}
.margin-bottom {
margin-bottom: 10px;
}
.text--new-label {
font-size: 0.7rem;
font-weight: 800;
}
.underlined {
text-decoration: underline;
}
.tutorial-container {
position: absolute;
top: 45px;
right: -66px;
width: 300px;
display: none;
z-index: 200;
}
@media (min-width: 900px) {
.tutorial-container {
right: -160px;
width: 400px;
}
}
.tutorial-dropdown {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
background-color: #ffffff;
border-radius: 4px;
border: 1px solid #edecec;
padding: 16px 14px;
}
@media (min-width: 900px) {
.tutorial-dropdown {
width: 170px;
}
}
.tutorial-dropdown button {
width: 80px;
}
#tutorial-icon {
position: relative;
cursor: pointer;
}
.tutorial-report {
position: absolute;
width: 100%;
top: 0;
height: 50px;
}
.tutorial-report:hover .tutorial-container {
display: flex;
}
#language-icon {
width: 40px;
height: 40px;
}
#language-icon .list-dropdown__field {
height: 40px;
position: absolute;
align-items: center;
}
#language-icon:hover .list-dropdown__menu {
display: block;
width: fit-content;
top: 30px;
left: 0;
}
.session-container {
position: absolute;
top: 45px;
right: 0;
width: 225px;
display: none;
z-index: 200;
}
@media (max-width: 760px) {
.session-container {
width: 100vw;
top: 38px;
right: -10px;
}
}
.session-dropdown {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
background-color: #ffffff;
border: 1px solid #edecec;
border-radius: 3px;
}
@media (max-width: 760px) {
.session-dropdown {
border-radius: 0;
}
}
.session-dropdown button {
width: 80px;
}
.session-dropdown__item {
width: 100%;
}
.session-dropdown__item:not(:last-child) {
border-bottom: 1px solid #edecec;
}
.session-dropdown__item--footer {
transition: 0.3s;
}
.session-dropdown__item--footer:hover {
background-color: #edecec;
}
.session-dropdown__list-dropdown {
width: 100%;
}
.session-dropdown__list-dropdown:not(:last-child) {
border-bottom: 1px solid #edecec;
}
.session-dropdown__footer {
padding: 16px;
display: block;
color: #d41922;
font-size: 0.875rem;
}
.session-dropdown__footer:hover {
color: #d41922;
}
.session-dropdown-item {
padding: 8px 16px;
display: flex;
align-items: flex-start;
gap: 8px;
}
.session-dropdown-item--center {
align-items: center;
}
.session-dropdown-item__avatar {
padding-top: 3px;
border-radius: 152px;
background-color: #bad83b;
display: flex;
align-items: center;
justify-content: center;
color: #ffffff;
font-size: 0.75rem;
width: 24px;
height: 24px;
}
.session-dropdown-item__username {
color: #141414;
font-size: 0.875rem;
font-weight: 400;
}
.session-dropdown-item__username--align {
padding-top: 3px;
}
.session-dropdown-item__email {
color: #9b9b9b;
font-size: 0.75rem;
}
.session-report {
position: absolute;
width: 100%;
height: 50px;
top: 0;
}
.session-report:hover .session-container {
display: flex;
}
@media (min-width: 600px) {
.manager-nav__list {
padding: 0 20px;
align-items: center;
}
.manager-nav__mobile {
display: none;
}
.manager-nav__user--name {
display: inline-block !important;
margin-right: 0.5rem;
}
.manager-nav__user #notification-icon {
display: block;
}
.manager-nav__image {
margin: 0 0.5rem 0 1rem;
width: 30px;
height: 30px;
}
.manager-nav__logo--desktop {
display: block;
}
.manager-nav__logo img {
width: 160px;
}
}
@media (min-width: 760px) {
.report-container {
width: 600px;
}
.report-container__quick-access {
width: 420px;
}
.report-dropdown {
width: 600px;
padding: 32px 28px;
}
.report-dropdown__reports {
flex-direction: row;
}
.tutorial-dropdown {
width: 370px;
padding: 32px 28px;
}
.tutorial-dropdown button {
width: 120px;
}
}
@media (min-width: 900px) {
.manager-nav__notification {
font-size: 1.5rem;
}
.manager-nav__image {
width: 35px;
height: 35px;
}
.manager-nav__logout .link__text {
display: block;
}
}
@media (min-width: 1300px) {
.manager-nav__slogan {
display: block;
width: 100%;
}
.manager-nav__list {
max-width: 1335px;
}
}
.burger {
cursor: pointer;
background-color: #bad83b;
}
.coming_soon {
font-size: 0.7rem;
padding-left: 8px;
color: #9b9b9b;
}
.sidebar {
position: fixed;
top: 0;
left: 0;
margin: 0;
padding: 0;
height: 100%;
width: 320px;
background: #141414;
overflow: hidden;
z-index: 9999;
transform: translateX(-100%);
transition: transform 0.3s ease-out;
pointer-events: none;
}
.sidebar__active {
background-color: #6e6d6d;
}
.sidebar__text {
display: block;
}
.sidebar__desktop {
display: none;
}
.sidebar.clicked {
transform: translateX(0);
}
.sidebar__list {
list-style-type: none;
padding: 0;
pointer-events: auto;
position: relative;
}
.sidebar__close-icon {
position: absolute;
top: 0;
right: 0;
color: #ffffff;
font-size: 22px;
padding: 16px 24px;
transition: 0.3s ease-in-out;
display: block;
}
@media (min-width: 600px) {
.sidebar__close-icon {
display: none;
}
}
.sidebar li {
width: 320px;
}
.sidebar li.active {
background-color: #6e6d6d;
}
.sidebar li a {
height: 64px;
position: relative;
display: flex;
align-items: center;
}
.sidebar li a:hover {
background: rgba(110, 109, 109, 0.5);
display: flex;
color: #ffffff;
}
.sidebar__icon {
font-size: 1.375rem;
width: 72px;
height: 60px;
display: flex;
justify-content: center;
align-items: center;
}
.sidebar__submenu {
background: transparent;
}
.sidebar__submenu .sidebar__active {
background-color: rgb(97.1917808219, 96.3082191781, 96.3082191781);
}
.sidebar__submenu .sidebar__icon {
font-size: 1.2rem;
}
.sidebar__submenu.is-hidden {
display: none;
}
.sidebar__submenu li.active {
background-color: transparent;
}
.sidebar__submenu li.active > a {
background-color: rgb(84.3835616438, 83.6164383562, 83.6164383562);
color: #ffffff;
}
.sidebar__submenu li > a:hover {
background: rgba(110, 109, 109, 0.5);
color: #ffffff;
}
.sidebar__group-btn {
width: 100%;
display: flex;
align-items: center;
gap: 0;
background: transparent;
border: 0;
cursor: pointer;
text-align: left;
padding: 0.5rem 1rem 0 0;
}
.sidebar__group-btn .sidebar__caret {
margin-left: auto;
margin-right: 16px;
}
@media (min-width: 600px) {
.sidebar {
transform: translateX(0);
width: 72px;
transition: width ease-out 0.3s;
transition-delay: 0.1s;
}
.sidebar__desktop {
display: flex;
align-items: center;
}
.sidebar:hover {
width: 320px;
}
}
.page__header {
display: flex;
justify-content: space-between;
margin: 24px 0 24px 0;
flex-direction: column;
align-items: flex-start;
}
@media (min-width: 900px) {
.page__header {
flex-direction: row;
align-items: flex-end;
}
}
.page__header--occupation-header {
margin: 0 0 0 0;
}
.page__header--col {
flex-direction: column;
align-items: flex-start;
}
.page__header--col .data__header {
width: 100%;
}
.page__header__filters {
display: flex;
flex-direction: column;
width: 100%;
margin-top: 0.5rem;
}
@media (min-width: 900px) {
.page__header__filters {
flex-direction: row;
}
}
.page__header--top {
align-items: flex-start;
}
.page__header--fluid {
margin-top: 0;
}
.page__description {
margin: 32px 0 32px 0;
}
@media (min-width: 900px) {
.page__description {
margin: 48px 0 48px 0;
}
}
.page__description--flex {
display: flex;
flex-direction: column;
justify-content: space-between;
}
@media (min-width: 900px) {
.page__description--flex {
flex-direction: row;
justify-content: space-between;
align-items: center;
}
}
.page__container {
margin: 0 auto;
clear: both;
}
@media (min-width: 0px) {
.page__container {
max-width: 1140px;
padding: 0 10px;
}
}
@media (min-width: 600px) {
.page__container {
padding: 0 20px;
}
}
@media (min-width: 1300px) {
.page__container {
max-width: 1335px;
}
}
@media (min-width: 1300px) {
.page__container {
max-width: 1335px;
}
}
.page__event-title {
margin-bottom: 12px;
}
.page__event-list ul {
padding: 10px;
background-color: #ffffff;
border-radius: 0;
border: 1px solid #dadada;
max-height: 210px;
overflow-y: scroll;
max-width: 340px;
}
.page__event-list ul::-webkit-scrollbar {
width: 8px;
}
.page__event-list ul::-webkit-scrollbar-track {
border: 1px solid #e9ecef;
}
.page__event-list ul {
/* Handle */
}
.page__event-list ul::-webkit-scrollbar-thumb {
background: #dadada;
border-radius: 8px;
}
.page__event-list ul li {
margin-bottom: 8px;
}
.page__event-list-items {
margin-top: 10px;
}
.page__export {
display: flex;
justify-content: right;
align-items: baseline;
margin-bottom: 20px;
flex-direction: column;
}
@media (min-width: 900px) {
.page__export {
flex-direction: row;
}
}
.manager__container {
background-color: #fafafb;
margin: 0;
padding-bottom: 16px;
}
@media (min-width: 600px) {
.manager__container {
margin: 0 0 0 72px;
}
}
.manager__header--light {
padding: 16px 0 16px 0;
}
@media (min-width: 600px) {
.manager__header--light {
padding: 16px 0 16px 0;
}
}
.manager__header--flex {
display: block;
}
@media (min-width: 600px) {
.manager__header--flex {
display: flex;
justify-content: flex-end;
}
}
.manager__header--flex_center {
align-items: center;
}
.manager__header--flex_end {
align-items: flex-end;
}
.manager__subheader {
width: 100%;
padding: 1rem 0;
justify-content: end;
}
.description__content {
padding: 20px;
border-radius: 4px;
font-weight: 300;
width: 100%;
display: flex;
justify-content: flex-end;
align-items: flex-end;
}
.description__header {
margin-bottom: 16px;
}
@media (min-width: 900px) {
.description__header {
margin-bottom: 0;
}
}
.description__image {
width: 180px;
}
@media (min-width: 900px) {
.description__image {
width: 220px;
}
}
@media (min-width: 0px) {
.logo_manager {
width: 200px;
}
.sessions-nav {
max-width: 1335px;
margin: 48px auto 0 auto;
padding: 0 24px;
}
.sessions-nav li {
display: inline-block;
vertical-align: middle;
}
.sessions-nav__list {
list-style-type: none;
padding: 0;
}
}
@media (min-width: 0px) {
.no-scroll {
overflow: hidden !important;
}
.overlay-dark-background {
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 100;
background-color: #141414;
opacity: 30%;
}
.modal-window {
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
opacity: 100%;
z-index: 20000;
}
.modal-window__box {
background-color: #edecec;
position: relative;
display: inline-block;
width: 315px;
border-radius: 4px;
border: 1px solid #9b9b9b;
padding: 30px 20px;
z-index: 20000;
}
.modal-window__box--small {
width: 300px;
}
.exit_button {
position: absolute;
top: 20px;
right: 20px;
}
.exit_button:hover {
cursor: pointer;
}
.progress-box {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 20px;
z-index: 20010;
}
.progress {
height: 9px;
width: 100px;
}
.progress-dot {
width: 5px;
height: 5px;
border-radius: 50%;
margin-right: 9px;
z-index: 20010;
}
.progress-dot__current {
background-color: #bad83b;
}
.progress-dot__step {
background-color: #9b9b9b;
}
}
@media (min-width: 760px) {
.progress {
height: 8px;
width: 150px;
}
.progress-dot {
width: 8px;
height: 8px;
border-radius: 50%;
margin-right: 12px;
z-index: 20010;
}
}
.margin-bottom {
margin-bottom: 15px;
}
@media (min-width: 0px) {
.onboarding--home.sidebar {
transform: translateX(0);
}
}
@media (min-width: 600px) {
.onboarding--home.sidebar {
width: 300px;
}
}
.onboarding--filters .options, .onboarding--granularity .options, .onboarding--sale_place .options {
display: block !important;
top: 10px;
}
.onboarding--filters .select--manager, .onboarding--granularity .select--manager, .onboarding--sale_place .select--manager {
height: 40px;
}
.onboarding--filters .styled_select, .onboarding--granularity .styled_select, .onboarding--sale_place .styled_select {
display: none !important;
}
.onboarding {
/*&--invitation_open {
}*/
}
/*.modal-tutorial {
}*/
@media (min-width: 900px) {
/*.modal-tutorial {
}*/
}
@media (min-width: 1140px) {
.modal-window__box {
width: 630px;
padding: 40px 45px 30px 45px;
}
.modal-window__box--small {
width: 400px;
}
/*.modal-tutorial {
}*/
}
@media (min-width: 1300px) {
/*.modal-tutorial {
}*/
}
@-webkit-keyframes pulse {
0% {
-webkit-box-shadow: 0 0 0 0 rgb(186, 216, 59);
}
70% {
-webkit-box-shadow: 0 0 0 20px rgba(186, 216, 59, 0.3);
}
100% {
-webkit-box-shadow: 0 0 0 0 rgba(186, 216, 59, 0);
}
}
@keyframes pulse {
0% {
-moz-box-shadow: 0 0 0 0 rgb(186, 216, 59);
box-shadow: 0 0 0 0 rgb(186, 216, 59);
}
70% {
-moz-box-shadow: 0 0 0 20px rgba(186, 216, 59, 0.3);
box-shadow: 0 0 0 10px rgba(186, 216, 59, 0.3);
}
100% {
-moz-box-shadow: 0 0 0 0 rgba(186, 216, 59, 0);
box-shadow: 0 0 0 0 rgba(186, 216, 59, 0);
}
}
.onboarding--filters .options, .onboarding--period .period, .onboarding--granularity .options, .onboarding--general_occupation .general_occupation, .onboarding--sale_place .options, .onboarding--events_list, .onboarding--internet_session .internet_session, .onboarding--promo_codes .promo_codes, .onboarding--cards, .onboarding--filters_events, .onboarding--list_users .list_users > div, .onboarding--invitation .invitation_container, .onboarding--alerts .alerts, .onboarding--exportar_internet_promo .exportar_internet_promo, .onboarding--list_events_aggregated .list_events_aggregated, .onboarding--stats {
position: relative;
cursor: pointer;
box-shadow: 0 0 0 rgb(186, 216, 59);
animation: pulse 2s infinite;
z-index: 10000;
}
.onboarding--export .export, .onboarding--see_more_sales_evolution, .onboarding--see_more_sales_by_local, .onboarding--see_more_sales_by_event, .onboarding--see_more_sales_by_pos, .onboarding--ver_mais_events_sales .ver_mais_events_sales, .onboarding--resumo .resumo, .onboarding--show_more, .onboarding--dates_radio, .onboarding--first_day, .onboarding--session_checkbox, .onboarding--apply, .onboarding--sessions_count, .onboarding--ver_mais_event_occupation .ver_mais_event_occupation, .onboarding--see_more_ticket_type, .onboarding--see_more_event_sales_pos .see_more_event_sales_pos, .onboarding--see_more_sales_by_discount, .onboarding--see_more_sales_by_typology, .onboarding--select_sessions .select_sessions, .onboarding--sessions_box .sessions_box, .onboarding--exportar_gdpr .export_gdpr, .onboarding--total_occupation_local_filter, .onboarding--financial_report {
position: relative;
cursor: pointer;
box-shadow: 0 0 0 rgb(186, 216, 59);
background-color: white;
animation: pulse 2s infinite;
z-index: 9999;
}
.onboarding--filters_events, .onboarding--financial_report, .onboarding--general_occupation .general_occupation {
background-color: #fafafb;
}
.onboarding--safts_table, .onboarding--table .table_highlight_container {
position: relative;
cursor: pointer;
box-shadow: 0 0 0 rgb(186, 216, 59);
animation: pulse 2s infinite;
z-index: 9999;
}
.onboarding--general_occupation .general_occupation {
position: relative;
display: grid;
cursor: pointer;
box-shadow: 0 0 0 rgb(186, 216, 59);
animation: pulse 2s infinite;
z-index: 9999;
}
.onboarding--chart {
position: relative;
display: grid;
cursor: pointer;
box-shadow: 0 0 0 rgb(186, 216, 59);
background-color: white;
animation: pulse 2s infinite;
z-index: 9999;
}
.onboarding--markdown {
display: block;
cursor: pointer;
animation: pulse 2s infinite;
z-index: 9999;
position: relative;
}
.onboarding--markdown::after {
box-shadow: 0 0 0 rgb(186, 216, 59);
animation: pulse 2s infinite;
position: absolute;
content: "";
top: 0;
left: 0;
width: 100%;
}
.loading-ticket {
width: 100%;
}
.loading-ticket svg {
width: 100px;
height: auto;
margin: auto;
display: block;
}
.lds-ellipsis--minor {
height: 20px;
overflow: hidden;
}
@media (min-width: 900px) {
.lds-ellipsis--minor {
height: 40px;
}
}
.lds-ellipsis--minor svg {
height: 150%;
width: 60px;
margin-top: -12px;
}
.lds-ellipsis--table {
height: 10px;
}
.turbolinks-progress-bar {
background: #bad83b;
}
.full-spinner {
position: fixed;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.2);
z-index: 1000;
top: 0;
left: 0;
display: none;
}
.full-spinner__container {
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.nav-wrapper {
background-color: #e9ecef;
}
.nav-wrapper:first-child {
margin-top: 124px;
}
#metrics-metrics .nav-wrapper:first-child {
margin-top: 24px;
}
.breadcrumb__spacer {
transition: height 0.2s;
}
.breadcrumb_nav {
padding: 8px;
background-color: #ffffff;
}
.breadcrumb_nav--fixed {
position: fixed;
top: 51px;
left: 0;
right: 0;
z-index: 1000;
margin: 0;
padding: 8px 0;
-webkit-box-shadow: 0px 4px 7px -4px rgba(0, 0, 0, 0.35);
-moz-box-shadow: 0px 4px 7px -4px rgba(0, 0, 0, 0.35);
box-shadow: 0px 4px 7px -4px rgba(0, 0, 0, 0.35);
}
@media (min-width: 600px) {
.breadcrumb_nav--fixed {
top: 50px;
margin: 0 0 0 72px;
}
}
@media (min-width: 1300px) {
.breadcrumb_nav--fixed {
padding: 8px 0;
}
}
.breadcrumb_nav--fixed > .page__container {
padding: 0 20px;
}
@media (min-width: 900px) {
.breadcrumb_nav--fixed > .page__container {
padding: 0 20px;
}
}
@media (min-width: 1140px) {
.breadcrumb_nav--fixed > .page__container {
max-width: 1140px;
}
}
@media (min-width: 1300px) {
.breadcrumb_nav--fixed > .page__container {
max-width: 1335px;
}
}
.breadcrumb_nav--fixed > div {
margin: 0 auto;
display: flex;
flex-direction: column;
justify-content: space-between;
}
@media (min-width: 900px) {
.breadcrumb_nav--fixed > div {
flex-direction: row;
}
}
.breadcrumb_nav__date_field {
padding-right: 8px;
}
.breadcrumb_nav__list {
list-style: none;
display: flex;
flex-wrap: wrap;
border-radius: 3px;
margin-bottom: 0;
}
.breadcrumb_nav__list li {
display: inline;
color: #9b9b9b;
}
.breadcrumb_nav__list li a {
color: #9b9b9b;
}
.breadcrumb_nav__list li a:hover {
color: #141414;
}
.breadcrumb_nav__list li + li:before {
padding: 8px;
color: #9b9b9b;
content: "/";
}
.breadcrumb_nav__list li:last-child {
color: #141414;
}
.breadcrumb_nav > div {
display: block;
}
.breadcrumb_nav__div {
align-items: baseline;
flex-wrap: wrap;
}
.breadcrumb_nav .input label {
margin-bottom: 4px;
}
#sessions-picker-overlay {
position: absolute;
padding: 10px;
right: 0;
top: 35px;
background: #ffffff;
box-shadow: 0 0 25px rgba(0, 0, 0, 0.3);
border-radius: 4px;
}
.chart_tooltip__header {
padding: 3px 8px;
width: 100%;
text-align: center;
font-size: 12px;
color: white;
font-weight: 600;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.chart_tooltip__body {
padding: 6px 8px;
width: 100%;
font-size: 12px;
background: white;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
text-align: center;
}
/* The switch - the box around the slider */
.switch {
position: relative;
display: inline-block;
width: 60px;
height: 34px;
}
/* Hide default HTML checkbox */
.switch input {
opacity: 0;
width: 0;
height: 0;
}
/* The slider */
.slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
-webkit-transition: 0.4s;
transition: 0.4s;
}
.slider:before {
position: absolute;
content: "";
height: 26px;
width: 26px;
left: 4px;
bottom: 4px;
background-color: white;
-webkit-transition: 0.4s;
transition: 0.4s;
}
input:checked + .slider {
background-color: #2196F3;
}
input:focus + .slider {
box-shadow: 0 0 1px #2196F3;
}
input:checked + .slider:before {
-webkit-transform: translateX(26px);
-ms-transform: translateX(26px);
transform: translateX(26px);
}
/* Rounded sliders */
.slider.round {
border-radius: 34px;
}
.slider.round:before {
border-radius: 50%;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:active,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus,
select:-webkit-autofill:active {
transition: background-color 5000s ease-in-out 0s;
}
label {
margin-bottom: 0.25rem;
}
.input label {
display: inline-block;
margin: 0 0 8px 0;
}
.input__field {
margin-bottom: 1rem;
}
.input__field--left {
padding: 0 0.6rem 0 0;
}
.input__field--right {
padding: 0 0 0 0.6rem;
}
.input__actions {
margin-top: 24px;
}
.input--dark {
width: 100%;
height: 40px;
padding: 12px 16px;
box-sizing: border-box;
border: 1px solid #383737;
background-color: transparent;
font-size: 12px;
font-family: "Roboto", sans-serif;
border-radius: 3px;
transition: all 0.1s ease-in-out;
}
.input--dark::placeholder {
color: #6e6d6d;
}
.input--dark:focus, .input--dark:active {
outline: inherit;
}
.input--dark:disabled {
pointer-events: none;
border-color: #cfcfcf;
}
.input--dark {
color: #383737;
}
.input--dark:hover, .input--dark:focus, .input--dark:active {
background-color: rgba(20, 20, 20, 0.05);
}
.input--light {
width: 100%;
height: 40px;
padding: 12px 16px;
box-sizing: border-box;
border: 1px solid #ffffff;
background-color: transparent;
font-size: 12px;
font-family: "Roboto", sans-serif;
border-radius: 3px;
transition: all 0.1s ease-in-out;
}
.input--light::placeholder {
color: #edecec;
}
.input--light:focus, .input--light:active {
outline: inherit;
}
.input--light:disabled {
pointer-events: none;
border-color: #cfcfcf;
}
.input--light {
color: #ffffff;
}
.input--light:hover, .input--light:focus, .input--light:active {
background-color: rgba(237, 236, 236, 0.05);
}
.input--half {
display: grid;
grid-template-columns: 1fr;
grid-gap: 8px;
}
.input--manager {
width: 100%;
height: 40px;
padding: 12px 16px;
box-sizing: border-box;
border: 1px solid #ffffff;
background-color: transparent;
font-size: 12px;
font-family: "Roboto", sans-serif;
border-radius: 3px;
transition: all 0.1s ease-in-out;
}
.input--manager::placeholder {
color: #edecec;
}
.input--manager:focus, .input--manager:active {
outline: inherit;
}
.input--manager:disabled {
pointer-events: none;
border-color: #cfcfcf;
}
.input--manager {
color: #383737;
background-color: #ffffff;
border: 1px solid rgba(0, 40, 100, 0.12);
border-radius: 3px;
line-height: 1.6;
}
.input--manager--daterangepicker {
min-width: 184px;
}
.input--small {
max-width: 100px;
}
.input--adjustable {
width: 100%;
}
.input--wrapper {
position: relative;
}
.input--disabled {
background-color: rgba(20, 20, 20, 0.05);
opacity: 0.8;
cursor: default;
}
.input--clean {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 0;
padding: 0.5rem 1rem;
color: #9b9b9b;
cursor: pointer;
}
.input--error {
border-color: #d41922 !important;
}
.manager_avatar_upload {
display: flex;
align-items: center;
justify-content: space-between;
width: 40%;
}
.manager_avatar_upload > input {
display: none;
}
.manager_avatar_upload > label {
cursor: pointer;
}
textarea {
width: 100%;
height: 40px;
padding: 12px 16px;
box-sizing: border-box;
border: 1px solid 6em;
background-color: transparent;
font-size: 12px;
font-family: "Roboto", sans-serif;
border-radius: 3px;
transition: all 0.1s ease-in-out;
}
textarea::placeholder {
color: 100%;
}
textarea:focus, textarea:active {
outline: inherit;
}
textarea:disabled {
pointer-events: none;
border-color: #cfcfcf;
}
input[type=color] {
width: 0px;
height: 40px;
padding: 12px 16px;
box-sizing: border-box;
border: 1px solid 2.5em;
background-color: transparent;
font-size: 12px;
font-family: "Roboto", sans-serif;
border-radius: 3px;
transition: all 0.1s ease-in-out;
}
input[type=color]::placeholder {
color: 100%;
}
input[type=color]:focus, input[type=color]:active {
outline: inherit;
}
input[type=color]:disabled {
pointer-events: none;
border-color: #cfcfcf;
}
input[type=color] {
-webkit-appearance: none;
}
input[type=color]::-webkit-color-swatch-wrapper {
padding: 0.5em 15px;
}
input[type=color]::-webkit-color-swatch {
border: none;
}
.actions {
display: flex;
justify-content: space-between;
}
@media (min-width: 500px) {
.input--half {
grid-template-columns: 1fr 1fr;
}
.input--adjustable {
width: inherit;
}
}
/* Fix for Firefox */
@-moz-document url-prefix() {
.button {
letter-spacing: 0.2px;
}
}
/* Buttons */
.primary_button {
background-color: #d41922;
border-color: #d41922;
border-width: 2px;
border-style: solid;
font-weight: 700;
text-transform: uppercase;
color: #ffffff;
cursor: pointer;
}
.primary_button i {
margin: 0 8px 0 0;
}
.primary_button:focus {
outline: none;
}
.primary_button {
overflow: hidden;
transition-duration: 0.3s;
transition-property: "background-color";
transition-timing-function: ease-in-out;
}
.primary_button:hover {
background-color: rgb(189.1898734177, 22.3101265823, 30.3417721519);
border-color: rgb(189.1898734177, 22.3101265823, 30.3417721519);
color: #ffffff;
}
.primary_manager_button {
background-color: #bad83b;
border: 1px solid transparent;
border-color: #bad83b;
border-radius: 3px;
font-weight: 700;
text-transform: uppercase;
color: #ffffff;
cursor: pointer;
overflow: hidden;
transition-duration: 0.3s;
transition-property: "background-color";
transition-timing-function: ease-in-out;
}
.primary_manager_button:hover {
background-color: rgb(176.2425531915, 208.0936170213, 41.4063829787);
border-color: rgb(176.2425531915, 208.0936170213, 41.4063829787);
color: #ffffff;
}
.primary_manager_button:disabled, .primary_manager_button[disabled] {
background-color: #edecec;
color: #ffffff;
border: none;
pointer-events: none;
}
.secondary_manager_button {
background-color: #d41922;
border: 1px solid transparent;
border-color: #d41922;
border-radius: 3px;
font-weight: 700;
text-transform: uppercase;
color: #ffffff;
cursor: pointer;
overflow: hidden;
transition-duration: 0.3s;
transition-property: "background-color";
transition-timing-function: ease-in-out;
}
.secondary_manager_button:hover {
background-color: rgb(189.1898734177, 22.3101265823, 30.3417721519);
border-color: rgb(189.1898734177, 22.3101265823, 30.3417721519);
color: #ffffff;
}
.light_manager_button {
background-color: #edecec;
border: 1px solid transparent;
border-color: #edecec;
border-radius: 3px;
font-weight: 700;
text-transform: uppercase;
color: #141414;
cursor: pointer;
overflow: hidden;
transition-duration: 0.3s;
transition-property: "background-color";
transition-timing-function: ease-in-out;
}
.light_manager_button:hover {
background-color: rgb(224.5945945946, 222.9054054054, 222.9054054054);
border-color: rgb(224.5945945946, 222.9054054054, 222.9054054054);
color: #141414;
}
.primary_light_button {
background-color: #ffffff;
border-color: #ffffff;
border-width: 2px;
border-style: solid;
font-weight: 700;
text-transform: uppercase;
color: #141414;
cursor: pointer;
}
.primary_light_button i {
margin: 0 8px 0 0;
}
.primary_light_button:focus {
outline: none;
}
.primary_light_button {
overflow: hidden;
transition-duration: 0.3s;
transition-property: "background-color";
transition-timing-function: ease-in-out;
}
.primary_light_button:hover {
background-color: rgb(242.25, 242.25, 242.25);
border-color: rgb(242.25, 242.25, 242.25);
color: #141414;
}
.primary_green_button {
background-color: #bad83b;
border-color: #bad83b;
border-width: 2px;
border-style: solid;
font-weight: 700;
text-transform: uppercase;
color: #ffffff;
cursor: pointer;
}
.primary_green_button i {
margin: 0 8px 0 0;
}
.primary_green_button:focus {
outline: none;
}
.primary_green_button {
overflow: hidden;
transition-duration: 0.3s;
transition-property: "background-color";
transition-timing-function: ease-in-out;
}
.primary_green_button:hover {
background-color: rgb(176.2425531915, 208.0936170213, 41.4063829787);
border-color: rgb(176.2425531915, 208.0936170213, 41.4063829787);
color: #ffffff;
}
.secondary_button {
background-color: transparent;
border-color: #d41922;
border-width: 2px;
border-style: solid;
font-weight: 700;
text-transform: uppercase;
color: #d41922;
cursor: pointer;
}
.secondary_button i {
margin: 0 8px 0 0;
}
.secondary_button:focus {
outline: none;
}
.secondary_button {
overflow: hidden;
transition-duration: 0.3s;
transition-property: "background-color";
transition-timing-function: ease-in-out;
}
.secondary_button:hover {
background-color: rgb(189.1898734177, 22.3101265823, 30.3417721519);
border-color: rgb(189.1898734177, 22.3101265823, 30.3417721519);
color: #ffffff;
}
.secondary_manager_green_button {
border: 1px solid transparent;
border-color: #bad83b;
border-radius: 3px;
font-weight: 700;
text-transform: uppercase;
color: #bad83b;
cursor: pointer;
background-color: transparent;
overflow: hidden;
transition-duration: 0.3s;
transition-property: "background-color";
transition-timing-function: ease-in-out;
}
.secondary_manager_green_button:hover {
background-color: rgb(176.2425531915, 208.0936170213, 41.4063829787);
border-color: rgb(176.2425531915, 208.0936170213, 41.4063829787);
color: #ffffff;
}
.secondary_manager_red_button {
background-color: #ffffff;
border: 1px solid transparent;
border-color: #d41922;
border-radius: 3px;
font-weight: 700;
text-transform: uppercase;
color: #d41922;
cursor: pointer;
overflow: hidden;
transition-duration: 0.3s;
transition-property: "background-color";
transition-timing-function: ease-in-out;
}
.secondary_manager_red_button:hover {
background-color: rgb(189.1898734177, 22.3101265823, 30.3417721519);
border-color: rgb(189.1898734177, 22.3101265823, 30.3417721519);
color: #ffffff;
}
.secondary_light_button {
background-color: transparent;
border-color: #ffffff;
border-width: 2px;
border-style: solid;
font-weight: 700;
text-transform: uppercase;
color: #ffffff;
cursor: pointer;
}
.secondary_light_button i {
margin: 0 8px 0 0;
}
.secondary_light_button:focus {
outline: none;
}
.secondary_light_button {
overflow: hidden;
transition-duration: 0.3s;
transition-property: "background-color";
transition-timing-function: ease-in-out;
}
.secondary_light_button:hover {
background-color: rgb(242.25, 242.25, 242.25);
border-color: rgb(242.25, 242.25, 242.25);
color: #141414;
}
.warning_button {
background-color: transparent;
border-color: #ffffff;
border-width: 2px;
border-style: solid;
font-weight: 700;
text-transform: uppercase;
color: #ffffff;
cursor: pointer;
}
.warning_button i {
margin: 0 8px 0 0;
}
.warning_button:focus {
outline: none;
}
.warning_button {
overflow: hidden;
transition-duration: 0.3s;
transition-property: "background-color";
transition-timing-function: ease-in-out;
}
.warning_button:hover {
background-color: rgb(242.25, 242.25, 242.25);
border-color: rgb(242.25, 242.25, 242.25);
color: #141414;
}
.disabled_button, .event .sessions_button:disabled {
background-color: transparent;
border-color: #9b9b9b;
border-width: 2px;
border-style: solid;
font-weight: 700;
text-transform: uppercase;
color: #9b9b9b;
cursor: pointer;
}
.disabled_button i, .event .sessions_button:disabled i {
margin: 0 8px 0 0;
}
.disabled_button:focus, .event .sessions_button:focus:disabled {
outline: none;
}
.disabled_button, .event .sessions_button:disabled {
overflow: hidden;
transition-duration: 0.3s;
transition-property: "background-color";
transition-timing-function: ease-in-out;
}
.disabled_button:hover, .event .sessions_button:hover:disabled {
background-color: rgb(142.25, 142.25, 142.25);
border-color: rgb(142.25, 142.25, 142.25);
color: #9b9b9b;
}
.disabled_button, .event .sessions_button:disabled {
pointer-events: none;
}
.cancel_button {
background: transparent;
border: none;
font-size: 0.825rem;
color: #141414;
padding: 0;
margin: 30px 0 0 0;
cursor: pointer;
text-decoration: underline;
}
.cancel_button:hover {
opacity: 0.8;
}
.tiny_button {
font-size: 0.75rem;
padding: 8px;
}
.small_button {
font-size: 12px;
padding: 10px;
}
.medium_button {
font-size: 16px;
padding: 14px 24px;
}
.full_button {
font-size: 20px;
padding: 20px 30px;
width: 100%;
}
.actions_buttons {
display: flex;
margin: 32px 0 0 0;
}
.actions_buttons--one {
justify-content: flex-end;
}
.actions_buttons--two {
justify-content: space-between;
}
.button_icon--light {
transition: all 0.1s ease-in-out;
min-width: 40px;
height: 40px;
background: #ffffff;
border: 1px solid rgba(0, 40, 100, 0.12);
border-radius: 4px;
padding: 8px;
display: flex;
align-items: center;
justify-content: center;
font-size: 1.25rem;
}
.button_icon--light:hover {
background: rgba(255, 255, 255, 0.7);
border: 1px solid rgba(0, 40, 100, 0.24);
}
.button_icon--light .label {
margin-left: 5px;
font-size: 0.7rem;
}
.button_entries_chart {
background-color: #edecec;
color: #141414;
font-size: 0.875rem;
padding: 0.25rem 1rem;
text-transform: none;
border-radius: 3px;
font-weight: 500;
}
.button_entries_chart.active {
color: #ffffff;
background-color: #ffa500;
}
.button_entries_chart:hover {
background-color: #dadada;
}
.button_link {
background-color: #ffffff;
color: #141414;
text-decoration: underline !important;
font-size: 0.875rem;
font-weight: 600;
padding: 0.75rem 1rem;
border: 1px solid #dadada;
border-radius: 0.125rem;
white-space: nowrap;
height: fit-content;
}
.button_link:disabled {
opacity: 0.5;
}
.button_link a {
color: #141414;
}
.table_description--mobile {
display: block;
margin-bottom: 1rem;
}
.table_container {
width: 100%;
overflow-x: auto;
max-height: 600px;
}
.table_container--local {
width: 100%;
margin: 0 auto 2rem;
}
.table_container--desktop {
display: none;
}
.table_container--mobile {
display: block;
}
.table_container .table {
margin: 20px 0 20px 0;
text-align: center;
min-width: 700px;
width: 100%;
border-collapse: collapse;
border: none;
}
.table_container .table thead tr {
height: 50px;
}
.table_container .table thead tr th {
color: #bad83b;
border: none;
}
.table_container .table tbody tr {
height: 50px;
border-top: 2px solid #383737;
}
.table_container .table tbody tr td {
padding: 15px 5px 15px 5px;
border: none;
}
.table_container::-webkit-scrollbar {
-webkit-appearance: none;
}
.table_container::-webkit-scrollbar:vertical {
width: 10px;
}
.table_container::-webkit-scrollbar:horizontal {
height: 10px;
}
.table_container::-webkit-scrollbar-corner {
background-color: #e9ecef;
}
.table_container::-webkit-scrollbar-thumb {
border-radius: 8px;
background-color: #6e6d6d;
}
.sessions__table {
margin: 0 0 40px 0;
}
.row_total td {
background: #fafafb;
}
.sticky {
position: sticky;
left: 0;
z-index: 3;
}
.summary_table {
overflow-x: auto;
white-space: nowrap;
}
.summary_table__sticky {
position: sticky;
left: 0;
background-color: white;
}
.summary_table__total_title {
z-index: 9;
background-color: #fafafb !important;
font-weight: bold;
}
.summary_table__total_title:hover {
color: #808080 !important;
}
.summary_table__border_spacing {
border-top-color: #edecec;
border-top-style: solid;
}
.summary_table__border_spacing--thin {
border-top-width: 2px;
}
.summary_table__border_spacing--medium {
border-top-width: 4px;
}
.summary_table thead {
top: 0;
position: sticky;
z-index: 4;
}
.summary_table tfoot tr td {
font-weight: bold;
}
.summary_table tr > th {
height: 45px;
padding: 10px;
}
.summary_table tr > th.z_index {
z-index: 1;
}
.summary_table tr > th.z_index--header {
z-index: 2;
}
.summary_table tr > th[data-column=column1] {
position: sticky;
left: 0;
background-color: #9b9b9b;
z-index: 3;
white-space: nowrap;
}
.summary_table tr > th[data-column=column2] {
position: sticky;
background-color: #9b9b9b;
z-index: 1;
}
.summary_table tr > th.header__column2_sticky {
position: sticky;
left: 115px;
background-color: #9b9b9b;
}
.summary_table tr > th.header_tax_column2_sticky {
position: sticky;
left: 285px;
background-color: #9b9b9b;
}
.summary_table tr > th.sticky {
position: sticky;
background-color: #9b9b9b;
z-index: 3;
}
.summary_table tr > td {
padding: 10px 6px;
box-shadow: inset 0 0 0 1px #edecec;
}
.summary_table tr > td[data-column=column1] {
position: sticky;
left: 0;
background-color: inherit;
max-width: 50vw;
overflow: hidden;
text-overflow: ellipsis;
z-index: 3;
white-space: nowrap;
}
.summary_table tr > td[data-column=column2] {
position: sticky;
background-color: inherit;
max-width: 50vw;
overflow: hidden;
text-overflow: ellipsis;
}
.summary_table tr > td.sticky {
position: sticky;
background-color: inherit;
}
.summary_table--with_header_borders tr > th:not(.blank_cell) {
box-shadow: inset 0 0 0 0.5px #edecec !important;
}
.summary_table--with_multiline_headers {
white-space: normal;
}
#table_sales_by_typology td.column1,
#table_sales_by_typology td.column2 {
white-space: nowrap;
}
.entries_table--container {
width: 100%;
position: relative;
height: 8px;
margin: 0;
padding: 0;
}
.entries_table--background {
width: 100%;
background-color: #edecec;
border-radius: 1px;
height: 8px;
position: absolute;
left: 0;
}
.entries_table--bar {
border-radius: 1px;
position: absolute;
height: 8px;
left: 0;
background-color: #bad83b;
}
.table {
display: flex;
flex-direction: column;
flex-wrap: wrap;
width: 100%;
}
.table__wrapper {
display: block;
width: 100%;
color: #141414;
border-bottom: 1px solid rgba(0, 40, 100, 0.12);
}
.table__wrapper--child {
font-size: 13px;
}
.table__wrapper--even {
background-color: #fafafb;
}
.table__wrapper--odd {
background-color: #ffffff;
}
.table__wrapper--clicked {
background-color: #fafafb;
}
.table__wrapper--clicked.active {
background-color: rgb(245, 245, 222);
}
.table__wrapper--lines {
display: block;
color: #141414;
}
.table__wrapper--lines:not(:last-child) {
border-bottom: 1px solid rgba(0, 40, 100, 0.12);
}
.table__body {
padding: 20px 10px 10px 10px;
}
.table__unit {
display: flex;
flex-direction: column;
align-items: baseline;
padding: 0;
justify-content: space-between;
text-align: left;
position: relative;
}
.table__unit--occupation {
margin-bottom: 10px;
}
.table__unit--multiple_header {
padding: 20px 10px 10px 10px;
border-bottom: 1px solid rgba(0, 40, 100, 0.12);
}
.table__unit--header {
width: 100%;
display: none;
border-bottom: 1px solid rgba(0, 40, 100, 0.12);
padding: 0 0 20px 0;
}
.table__unit--header_line {
display: flex;
justify-content: center;
align-items: center;
}
.table__unit--row {
padding: 10px 10px;
}
.table__unit--row:hover {
background-color: rgba(20, 20, 20, 0.08);
}
.table__unit--state .table-body,
.table__unit--state .table-child {
border-radius: 2px;
display: flex;
justify-content: center;
align-items: center;
font-size: 0.625rem;
font-weight: 700;
text-transform: uppercase;
padding: 6px 8px;
max-height: 24px;
}
.table__unit--active .table-body,
.table__unit--active .table-child {
background-color: #bad83b;
color: #ffffff;
}
.table__unit--inactive .table-body,
.table__unit--inactive .table-child {
background-color: #edecec;
color: #383737;
}
.table__unit--display .table-body,
.table__unit--display .table-child {
padding-left: 8px;
}
.table__unit .table__occupation_container {
width: 100%;
position: relative;
height: 8px;
}
@media (min-width: 900px) {
.table__unit .table__occupation_container {
width: 100px;
}
}
.table__unit .table__occupation--bar, .table__unit .table__occupation--background {
border-radius: 1px;
height: 8px;
position: absolute;
left: 0;
}
.table__unit .table__occupation--bar {
background-color: #bad83b;
}
.table__unit .table__occupation--background {
background-color: #edecec;
width: 100%;
}
.table__unit_download p {
margin-left: 5px;
}
.icon_download {
margin-right: 5px;
}
@media (min-width: 600px) {
.table_description--mobile {
display: none;
}
.table_container--desktop {
display: block;
}
.table_container--mobile {
display: none;
}
}
@media (min-width: 900px) {
.table {
flex-direction: row;
}
.table__unit {
flex-direction: row;
text-align: left;
padding: 0 24px;
}
.table__unit--occupation {
display: none;
}
.table__unit--header {
display: flex;
padding: 15px 15px;
border-bottom: 1px solid rgba(0, 40, 100, 0.12);
justify-content: space-between;
}
.table__unit--row {
padding: 10px 15px;
align-items: center;
}
.table__unit--display {
justify-content: flex-start;
width: auto;
}
.table__unit--toggler {
padding: 0 10px 0 0;
width: 52px;
position: absolute;
left: 0;
top: 0;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.table__unit_download {
display: flex;
justify-content: flex-start;
}
.table__unit_download p {
margin-left: 5px;
}
.table_container--local {
width: 100%;
}
}
.switch-container {
display: flex;
align-items: flex-start;
flex-direction: column;
gap: 8px;
}
@media (min-width: 900px) {
.switch-container {
flex: 1;
justify-content: flex-end;
align-items: flex-end;
}
}
.flash-container {
position: fixed;
top: 140px;
left: 50%;
transform: translateX(-50%);
z-index: 2000;
display: flex;
flex-direction: column;
font-size: 1rem;
text-align: center;
min-width: 50%;
pointer-events: none;
}
.flash {
background: #141414;
color: #ffffff;
padding: 8px 48px;
border-radius: 3px;
border: 1px solid #141414;
box-shadow: 0 8px 18px rgba(0, 0, 0, 0.2);
pointer-events: auto;
}
.flash--error {
background: #d41922;
border-color: #d41922;
}
.flash--success {
background: #bad83b;
border-color: #bad83b;
color: #141414;
}
.flash--warning {
background: #ffa500;
border-color: #ffa500;
color: #141414;
}
.flash--info {
background: #141414;
border-color: #141414;
}
.flash__action a {
color: #ffffff;
}
.flash__action a:hover {
color: #ffffff;
}
.selected {
border: 1px solid rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
@media (min-width: 0px) {
.cal_org_body {
display: grid;
grid-template-columns: 290px 500px;
width: 100%;
}
.cal_org_body .unavailable-data {
grid-column: span 2;
}
.cal_org_body .organizer.no_calendar {
grid-column: span 2;
}
.cal_org_body .organizer .sessions_message__empty {
padding: 0 0 24px 24px;
width: 100%;
}
.cal_org_body .spinner__container {
grid-column: span 2;
display: flex;
justify-content: center;
}
.organizer_session {
background-color: rgba(56, 55, 55, 0.04);
display: grid;
grid-template-columns: 42px 1fr;
grid-template-areas: "date info" "date occupation";
gap: 4px 8px;
align-items: flex-start;
padding: 16px;
position: relative;
border-radius: 3px;
}
.organizer_session_container {
max-height: 500px;
overflow-y: auto;
}
.organizer_session__container {
margin-bottom: 8px;
}
.organizer_session__container .session-date {
grid-area: date;
align-self: flex-start;
background-color: #ffffff;
border-radius: 1px;
height: 42px;
line-height: 1;
padding-top: 8px;
padding-bottom: 8px;
text-align: center;
margin-bottom: 5px;
}
.organizer_session__container .session-date__month {
display: block;
line-height: 1;
}
.organizer_session__container .session-occupation {
grid-area: occupation;
display: flex;
align-self: flex-end;
}
.organizer_session__container .session-occupation__container {
display: flex;
width: 100%;
justify-content: flex-end;
}
.organizer_session__container .session-occupation__wrapper {
width: 50%;
}
.organizer_session__container .session-info {
grid-area: info;
}
.organizer_session__container .session-info__wrapper {
display: flex;
align-items: center;
}
.organizer_session__container .session-info__wrapper:first-child {
margin-bottom: 4px;
}
.organizer_session__container .session-info__time {
display: block;
line-height: 1.2;
margin-right: 12px;
text-transform: capitalize;
}
.organizer_session__container .session-info__location {
text-transform: capitalize;
}
.organizer_session__container .session-info__room:after {
content: "•";
color: #9b9b9b;
margin-right: 6px;
margin-left: 4px;
}
.organizer_session__container .tl_control {
position: absolute;
top: 8px;
right: 8px;
}
.organizer_session .ocupation-progress {
position: absolute;
bottom: 0;
right: 0;
left: 0;
width: 100%;
height: 6px;
background-color: rgba(20, 20, 20, 0.05);
}
.organizer_session .ocupation-progress--fill {
background-color: #bad83b;
height: 100%;
}
.organizer_session--session-list {
background-color: #f6f6f6;
}
.organizer_session > span {
display: flex;
flex-direction: column;
padding: 8px 0;
}
.organizer_session > span span:first-child {
display: none;
font-weight: bold;
}
.unavailable {
color: #141414;
}
.unavailable_button {
opacity: 0.3;
pointer-events: none;
}
.calendar .input--manager {
font-weight: 500;
font-size: 0.875rem;
}
.calendar .input--manager:focus {
box-shadow: 0px 0px 1px 2px rgba(0, 0, 0, 0.05);
}
.calendar .card__switch_container {
justify-content: flex-start;
}
}
@media (min-width: 760px) {
.organizer_session {
padding: 8px;
margin-right: 8px;
}
}
@media (min-width: 900px) {
.organizer_session > span span:first-child {
display: none;
}
.organizer_session > span:last-child {
text-align: right;
padding: 0;
}
.organizer_session__container .session-occupation__wrapper {
padding-right: 16px;
width: auto;
}
.organizer_session__container .session-occupation__wrapper:last-child {
padding-right: 0;
}
.organizer_typology__submit {
min-width: 240px;
}
.organizer_typology__submit span {
display: inline;
}
}
.pika-single {
z-index: 0;
color: #383737;
background: rgba(255, 255, 255, 0.05);
border: none;
font-family: "Roboto", sans-serif;
}
.pika-single.is-bound {
z-index: 999;
position: fixed;
bottom: 0px;
top: auto;
width: 100%;
margin-left: -27px;
height: 60vh;
background-color: #ffffff;
border-top-left-radius: 12px;
border-top-right-radius: 12px;
}
@media (min-width: 900px) {
.pika-single.is-bound {
margin-left: -102px;
}
}
@media (min-width: 1140px) {
.pika-single.is-bound {
margin-left: -28px;
}
}
.pika-single.is-bound::before {
background: rgba(20, 20, 20, 0.1);
height: 40vh;
width: 100%;
position: absolute;
top: -40vh;
z-index: 0;
}
.pika-single.is-bound .pika-lendar {
padding: 48px;
}
.pika-lendar {
width: 100%;
padding: 16px;
margin: 0;
}
.pika-lendar .pika-title select {
display: none;
}
.pika-lendar .pika-label {
z-index: 0;
font-size: 1rem;
font-weight: 700;
background-color: transparent;
text-transform: uppercase;
color: #383737;
}
.pika-lendar .pika-next, .pika-lendar .pika-prev {
background-image: none;
position: relative;
width: 30px;
color: transparent;
}
.pika-lendar .pika-next::after, .pika-lendar .pika-prev::after {
font-family: "Font Awesome 5 Pro";
font-weight: 700;
position: absolute;
top: 50%;
color: #383737;
transform: translateY(-50%);
}
.pika-lendar .pika-next::after {
content: "\f054";
right: 0;
}
.pika-lendar .pika-prev::after {
content: "\f053";
right: 20px;
}
.pika-lendar .pika-table thead tr {
padding: 24px 0 8px 0;
}
.pika-lendar .pika-table thead tr th {
color: #9b9b9b;
line-height: 120%;
letter-spacing: 0.25px;
text-transform: uppercase;
font-weight: 400;
padding: 4px;
}
.pika-lendar .pika-table tbody td {
margin: 1px;
}
.pika-lendar .pika-table thead tr, .pika-lendar .pika-table tbody tr {
display: flex;
justify-content: center;
align-items: center;
align-content: center;
}
.pika-lendar .pika-table abbr {
text-decoration: none;
cursor: text;
}
.pika-button {
padding: 8px;
transition: box-shadow 0.2s ease-in-out;
color: #383737;
font-size: 16px;
line-height: 120%;
font-weight: 400;
text-align: center;
background: rgba(56, 55, 55, 0.04);
}
.is-selected .pika-button, .has-event .pika-button {
box-shadow: none;
border-radius: 0;
}
.is-selected .pika-button {
font-weight: 600;
color: #ffffff;
background: #bad83b;
}
.has-event:not(.is-selected) .pika-button {
color: #bad83b;
box-shadow: inset 0px 0px 0px 1px #bad83b;
background: rgba(56, 55, 55, 0.04);
}
.pika-button:hover, .pika-row.pick-whole-week:hover .pika-button {
color: #ffffff;
background: #bad83b;
box-shadow: none;
border-radius: 0;
}
.is-today:not(.is-selected) .pika-button {
color: #383737;
}
.is-today:not(.is-selected) .pika-button:hover {
color: #383737;
}
.is-disabled .pika-button {
color: #9b9b9b;
opacity: 0.6;
}
.is-disabled .pika-button, .is-inrange .pika-button {
background: transparent;
}
@media (min-width: 760px) {
.pika-single {
position: -webkit-sticky;
position: sticky;
top: 64px;
z-index: 0;
color: #ffffff;
background: rgba(255, 255, 255, 0.05);
border: none;
font-family: "Roboto", sans-serif;
}
.pika-lendar {
min-width: 280px;
min-height: 310px;
}
}
.availability-indicator {
font-size: 0.75rem;
font-weight: 500;
display: flex;
align-items: baseline;
}
.availability-indicator.available {
color: #bad83b;
}
.availability-indicator.unavailable {
color: #d41922;
}
.availability-indicator.low {
color: #ffa500;
}
.availability-indicator i {
margin-right: 8px;
}
@media (min-width: 0px) {
.tl_control {
position: relative;
display: block;
margin-bottom: 16px;
padding-left: 20px;
cursor: pointer;
}
}
@media (min-width: 0px) {
.tl_control--small {
margin-bottom: 14px !important;
padding-left: 14px !important;
}
}
.tl_control p {
margin: 0 0 0 8px !important;
}
.tl_control__inverted p {
margin: 2px 32px 0 0 !important;
}
.tl_control input {
position: absolute;
z-index: -1;
opacity: 0;
}
@media (min-width: 0px) {
.tl_control input:disabled ~ .tl_control_indicator {
pointer-events: none;
opacity: 0.6;
border: 1px solid #cfcfcf;
}
}
.tl_control input:checked ~ .tl_control_indicator:after {
display: block;
}
@media (min-width: 0px) {
.tl_control_indicator {
position: absolute;
top: -2px;
left: 0;
width: 16px;
height: 16px;
border: 1px solid #383737;
background-color: white;
}
}
@media (min-width: 0px) {
.tl_control_indicator--large {
top: 1px;
width: 20px;
height: 20px;
}
}
.tl_control_indicator__inverted {
left: auto;
right: 0;
}
.tl_control_indicator:after {
position: absolute;
display: none;
content: "";
}
@media (min-width: 0px) {
.tl_control_checkbox .tl_control_indicator--small::after, .tl_control_checkbox .tl_control_indicator--large::after {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: #bad83b;
}
}
.tl_control_checkbox .tl_control_indicator--large::after {
width: 10px;
height: 10px;
}
.tl_control_checkbox input:disabled ~ .tl_control_indicator:after {
border-color: #edecec;
}
.tl_control:hover input:not([disabled]) ~ .tl_control_indicator {
background-color: rgba(20, 20, 20, 0.05);
}
.s-hidden {
visibility: hidden;
}
.select_container {
cursor: pointer;
position: relative;
display: inline-block;
width: 100%;
height: 100%;
}
.select--small {
width: 100%;
}
@media (min-width: 900px) {
.select--small {
width: 270px !important;
}
}
.styled_select {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: flex;
align-items: center;
padding: 12px 16px;
}
.styled_select__text-wrapper {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
width: 95%;
}
.styled_select:after {
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 6px 5px 0 5px;
border-color: #9b9b9b transparent transparent transparent;
position: absolute;
top: 50%;
right: 16px;
transform: translateY(-50%);
}
.styled_select.active:after {
transform: translateY(-50%) rotate(-180deg);
}
.select--dark {
width: 100%;
height: 40px;
padding: 0;
box-sizing: border-box;
border: 1px solid #383737;
background-color: transparent;
font-size: 12px;
font-family: "Roboto", sans-serif;
border-radius: 3px;
transition: all 0.1s ease-in-out;
}
.select--dark::placeholder {
color: #6e6d6d;
}
.select--dark:focus, .select--dark:active {
outline: inherit;
}
.select--dark:disabled {
pointer-events: none;
border-color: #cfcfcf;
}
.select--dark {
color: #383737;
}
.select--dark:hover, .select--dark:focus, .select--dark:active {
outline: none;
background-color: rgba(20, 20, 20, 0.05);
}
.select--light {
width: 100%;
height: 40px;
padding: 0;
box-sizing: border-box;
border: 1px solid #ffffff;
background-color: transparent;
font-size: 12px;
font-family: "Roboto", sans-serif;
border-radius: 3px;
transition: all 0.1s ease-in-out;
}
.select--light::placeholder {
color: #edecec;
}
.select--light:focus, .select--light:active {
outline: inherit;
}
.select--light:disabled {
pointer-events: none;
border-color: #cfcfcf;
}
.select--light {
color: #ffffff;
}
.select--light:hover, .select--light:focus, .select--light:active {
outline: none;
background-color: rgba(237, 236, 236, 0.05);
}
.select--manager {
width: 100%;
height: 40px;
padding: 0;
box-sizing: border-box;
border: 1px solid #383737;
background-color: transparent;
font-size: 12px;
font-family: "Roboto", sans-serif;
border-radius: 3px;
transition: all 0.1s ease-in-out;
}
.select--manager::placeholder {
color: #6e6d6d;
}
.select--manager:focus, .select--manager:active {
outline: inherit;
}
.select--manager:disabled {
pointer-events: none;
border-color: #cfcfcf;
}
.select--manager {
color: #383737;
background-color: #ffffff;
border: 1px solid rgba(0, 40, 100, 0.12);
border-radius: 3px;
line-height: 1.6;
}
.select--flex {
display: flex;
}
.select--flex .select2-container--default .select2-selection--single {
border: none !important;
}
.select--flex .select2-container--default .select2-selection--single .select2-selection__rendered {
padding: 12px 16px;
line-height: 1;
}
/* List of options */
.options,
.options--manager {
display: none;
position: absolute;
top: 38px;
right: -1px;
left: -1px;
z-index: 9;
list-style: none;
color: #383737;
background-color: #ffffff;
border: 1px solid rgba(0, 40, 100, 0.12);
border-radius: 3px;
max-height: 240px;
overflow: auto;
}
.options li,
.options--manager li {
width: 100%;
padding: 8px 10px;
margin: 0 !important;
}
.options li:hover,
.options--manager li:hover {
background-color: #bad83b;
color: #383737;
}
.options li.disabled,
.options--manager li.disabled {
pointer-events: none;
opacity: 0.6;
}
.options--open {
display: block !important;
}
.select2-container {
min-width: 100%;
}
.select2-container--open .select2-dropdown--below {
border-top: 1px solid rgba(0, 40, 100, 0.12);
}
.select2-container--open .select2-dropdown--above {
border-bottom: 1px solid rgba(0, 40, 100, 0.12);
}
.select2-container--default .select2-selection--single {
border-radius: 2px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
padding: 12px 16px;
line-height: 1;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
opacity: 0.8;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
position: absolute;
right: calc(10px + 10px);
height: 35px;
width: 0;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
position: absolute;
border-style: solid;
border-width: 6px 5px 0 5px;
height: 0;
width: 0;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-width: 0 5px 6px 5px;
}
.select2-container--default .select2-results__option {
padding: 8px 10px;
font-size: 12px;
color: #141414;
}
.select2-container--default .select2-search--dropdown {
padding: 10px;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
padding: 8px;
}
.select2-container--default .select2-search--dropdown .select2-search__field:focus {
outline: 2px solid #bad83b;
}
/* LIGHT VERSION */
.select2--light .select2-container--open .select2-dropdown--below,
.select2--light .select2-container--open .select2-dropdown--above {
background: #383737;
}
.select2--light .select2-container--default .select2-selection--single,
.select2--light .select2-container--default .select2-selection--multiple {
width: 100%;
height: 40px;
padding: 12px 16px;
box-sizing: border-box;
border: 1px solid #ffffff;
background-color: transparent;
font-size: 12px;
font-family: "Roboto", sans-serif;
border-radius: 3px;
transition: all 0.1s ease-in-out;
}
.select2--light .select2-container--default .select2-selection--single::placeholder,
.select2--light .select2-container--default .select2-selection--multiple::placeholder {
color: #edecec;
}
.select2--light .select2-container--default .select2-selection--single:focus, .select2--light .select2-container--default .select2-selection--single:active,
.select2--light .select2-container--default .select2-selection--multiple:focus,
.select2--light .select2-container--default .select2-selection--multiple:active {
outline: inherit;
}
.select2--light .select2-container--default .select2-selection--single:disabled,
.select2--light .select2-container--default .select2-selection--multiple:disabled {
pointer-events: none;
border-color: #cfcfcf;
}
.select2--light .select2-container--default .select2-selection--single,
.select2--light .select2-container--default .select2-selection--multiple {
border-radius: 0;
}
.select2--light .select2-container--default .select2-selection--single:hover, .select2--light .select2-container--default .select2-selection--single:focus, .select2--light .select2-container--default .select2-selection--single:active,
.select2--light .select2-container--default .select2-selection--multiple:hover,
.select2--light .select2-container--default .select2-selection--multiple:focus,
.select2--light .select2-container--default .select2-selection--multiple:active {
outline: none;
background-color: rgba(237, 236, 236, 0.05);
}
.select2--light .select2-container--default .select2-selection--single .select2-selection__rendered,
.select2--light .select2-container--default .select2-selection--multiple .select2-selection__rendered {
color: #ffffff;
}
.select2--light .select2-container--default .select2-selection--single .select2-selection__placeholder,
.select2--light .select2-container--default .select2-selection--multiple .select2-selection__placeholder {
color: #6e6d6d;
}
.select2--light .select2-container--default.select2-container--open .select2-selection--single:focus {
outline: none;
}
.select2--light .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-width: 0 5px 6px 5px;
border-color: #ffffff transparent transparent transparent;
}
/* DROPDOWN */
.select2-dropdown {
border: 1px solid rgba(0, 40, 100, 0.12);
color: #141414;
left: -1px;
right: -1px;
}
.strip-select2 {
height: 40px;
}
.strip-select2-multiple {
width: 250px;
height: 42px;
}
.strip-select2-multiple .select2-selection,
.strip-select2-multiple .select2-selection__rendered {
overflow-x: hidden;
overflow-y: hidden;
}
.strip-select2-multiple .select2-selection__choice {
padding: 4px 8px 4px 8px !important;
}
.strip-select2-multiple .select2-selection__choice__remove {
display: none;
}
.strip-select2-multiple .select2-selection__choice__display {
cursor: pointer !important;
}
.strip-select2-multiple .select2-search--inline {
position: absolute;
opacity: 0;
z-index: -1;
}
.strip-select2-multiple .select2-container--open .select2-selection__rendered {
display: none;
}
.strip-select2-multiple .select2-container--open .selection .select2-search--inline {
top: 5px;
opacity: 1;
z-index: 5;
}
.strip-select2 .select2.select2-container {
text-overflow: ellipsis;
overflow: hidden;
height: 100%;
}
.strip-select2 .select2 .select2-selection,
.strip-select2 .select2 .select2-selection__rendered {
height: 100%;
}
.strip-select2 .select2-selection__rendered {
max-width: calc(100% - 20px);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
background-color: #bad83b;
color: #383737;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
color: #383737;
font-size: 12px;
font-family: "Roboto", sans-serif;
border-radius: 3px;
}
.select2-container--default .select2-search--dropdown .select2-search__field:focus {
outline: 2px solid #bad83b;
}
.select2-container--default .select2-results__group {
padding: 0px;
}
.select2-container--default .select2-selection--multiple {
border-radius: 3px;
border-color: rgba(0, 40, 100, 0.12);
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
background-color: #bad83b;
color: #fff;
font-size: 12px;
border-radius: 2px;
border: none;
padding: 4px 8px 4px 22px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
color: #fff;
padding-top: 5px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
background-color: inherit;
color: inherit;
}
.select2-container--default .select2-selection--multiple .select2-selection__counter {
padding: 4px 8px 4px 8px;
}
.export__header {
display: flex;
align-items: center;
}
.export__text {
padding: 0 4px 0 0;
}
.export__icons {
display: flex;
align-items: center;
}
.export__files {
display: flex;
}
.export__files > * {
margin-left: 8px;
}
.export__files.contabilidade > * {
margin-left: 0;
}
.export__icon {
font-size: 20px;
padding: 0 0 0 5px;
}
.export__icon--show {
font-size: 1.375rem;
}
.export .dropdown__content {
top: 25px;
left: -120px;
}
@media (min-width: 0px) {
.graphic_map {
width: 100%;
padding: 10px 1.5rem;
margin-left: 0;
border: none;
text-align: left;
border-radius: 3px;
}
}
.graphic_map__title {
margin-bottom: 0.65rem;
}
.graphic_map__list {
display: flex;
}
.graphic_map__item {
width: 25%;
}
.graphic_map__legend {
font-size: 0.625rem;
font-weight: 500;
margin-left: 5px;
}
.graphic_map__legend--50 {
text-align: right;
}
.graphic_map__legend--75 {
text-align: center;
}
.graphic_map__legend--100 {
text-align: right;
}
.graphic_map--venue .graphic_map__color--avail {
background-image: linear-gradient(to right, #bad83b, #c0d731, #c7d626, #cdd418, #d4d300);
}
.graphic_map--venue .graphic_map__color--mid-avail {
background-image: linear-gradient(to right, #d4d300, #d5c400, #d4b500, #d2a700, #cf9900);
}
.graphic_map--venue .graphic_map__color--mid {
background-image: linear-gradient(to right, #cf9900, #cf8b00, #ce7e00, #cc6f00, #c96100);
}
.graphic_map--venue .graphic_map__color--full {
background-image: linear-gradient(to right, #c96100, #cd5407, #d04511, #d2331a, #d41922);
}
.graphic_map--venue .graphic_map__legend {
background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 50%, #ddd 50%);
background-position: 0% 0;
background-size: 200% auto;
transition: background-position 0.5s ease-out;
}
.graphic_map--venue .graphic_map__legend:hover {
background-position: 0;
}
.graphic_map--geo .graphic_map__color--avail {
background-image: linear-gradient(to right, #e0efa9, #d4e986, #c6e260, #b9db3d, #a7cb25);
}
.graphic_map--geo .graphic_map__color--mid-avail {
background-image: linear-gradient(to right, #a7cb25, #8aa81f, #6e8619, #647916, #596c14);
}
.graphic_map--geo .graphic_map__color--mid {
background-image: linear-gradient(to right, #596c14, #536713, #4d5f11, #4a5b10, #46570f);
}
.graphic_map--geo .graphic_map__color--full {
background-image: linear-gradient(to right, #46570f, #3f4e0d, #3c4a0d, #38450c, #35410c);
}
.graphic_map__color {
width: 100%;
height: 10px;
margin-bottom: 0.45rem;
}
.daterangepicker {
border-radius: 4px;
border: 1px solid rgba(0, 40, 100, 0.12);
z-index: 3001;
font-family: "Roboto", sans-serif;
font-size: 0.875rem;
}
.daterangepicker.drop-up:before {
border-top: 7px solid #ccc;
}
.daterangepicker .calendar-table .next span,
.daterangepicker .calendar-table .prev span {
border: solid #141414;
border-width: 0 2px 2px 0;
padding: 4px;
}
.daterangepicker .calendar-table th,
.daterangepicker .calendar-table td {
line-height: 28px;
font-size: 0.875rem;
}
.daterangepicker td.week,
.daterangepicker th.week {
color: #ccc;
}
.daterangepicker td.off,
.daterangepicker td.off.in-range,
.daterangepicker td.off.start-date,
.daterangepicker td.off.end-date {
color: #e9ecef;
}
.daterangepicker td.in-range:not(.active) {
background-color: rgba(186, 216, 59, 0.1);
color: #141414;
}
.daterangepicker td.active,
.daterangepicker td.active:hover {
background-color: #bad83b;
}
.daterangepicker td.disabled,
.daterangepicker option.disabled {
color: #9b9b9b;
cursor: not-allowed;
text-decoration: none;
}
.daterangepicker select.monthselect,
.daterangepicker select.yearselect {
font-size: 0.875rem;
}
.daterangepicker select.hourselect,
.daterangepicker select.minuteselect,
.daterangepicker select.secondselect,
.daterangepicker select.ampmselect {
background: #eee;
border: 1px solid #eee;
font-size: 12px;
}
.daterangepicker .calendar-time {
line-height: 30px;
}
.daterangepicker .calendar-time select.disabled {
color: #ccc;
}
.daterangepicker .drp-buttons {
border-top: 1px solid #ddd;
line-height: 0.875rem;
}
.daterangepicker .drp-selected {
font-size: 0.875rem;
}
.daterangepicker .drp-buttons .btn {
font-size: 0.875rem;
}
.daterangepicker.show-ranges .drp-calendar.left {
border-left: 1px solid #ddd;
}
.daterangepicker .ranges li {
font-size: 0.875rem;
padding: 8px 12px;
}
.daterangepicker .ranges li:hover {
background-color: #eee;
}
.daterangepicker .ranges li.active {
background-color: #bad83b;
}
.daterangepicker .table-condensed thead tr {
opacity: 0.8;
height: 48px;
}
.calendar-footer {
display: flex;
justify-content: space-between;
}
.btn-group {
width: 100%;
padding: 4px 16px;
}
.btn-group .btn-check {
position: absolute;
clip: rect(0, 0, 0, 0);
pointer-events: none;
}
.btn-group .btn {
font-size: 0.875rem;
}
.btn-group .btn-first {
border-top-left-radius: 3px !important;
border-bottom-left-radius: 3px !important;
}
.btn-check:checked + .btn-outline-secondary, .btn-outline-secondary.active, .btn-outline-secondary:active {
color: #fff;
background-color: #383737;
border-color: #383737;
}
.filter-label {
margin: 2px 8px 2px 0;
display: inline-flex;
align-items: center;
flex-wrap: wrap;
background: #edecec;
border-radius: 2px;
}
.filter-label--active {
background: #bad83b;
color: #ffffff;
}
.filter-label--warning {
background: #d41922;
color: #ffffff;
border-radius: 3px;
}
.filter-label__text {
padding: 4px 8px 4px 8px;
font-weight: 500;
font-size: 0.75rem;
text-transform: capitalize;
}
.filter-label__text-button {
text-transform: uppercase;
cursor: pointer;
}
.filter-label__remove {
padding: 4px 8px 4px 4px;
cursor: pointer;
}
.chart_legend__container {
margin: 0 16px 8px;
padding: 10px 8px;
border: 1px solid rgba(0, 40, 100, 0.12);
border-radius: 3px;
max-height: 200px;
overflow-y: scroll;
}
@media (min-width: 600px) {
.chart_legend__container {
margin: 0 24px 8px;
}
}
.chart_legend__container--no-border {
border: none;
padding: 10px 0;
}
.chart_legend__container::-webkit-scrollbar {
width: 8px;
}
.chart_legend__container {
/* Handle */
}
.chart_legend__container::-webkit-scrollbar-thumb {
background: #dadada;
border-radius: 8px;
}
.chart_legend__table {
border-collapse: collapse;
font-size: 0.75rem;
text-align: right;
}
.chart_legend__table th, .chart_legend__table td {
padding: 4px 8px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.chart_legend__table tr:hover {
background-color: #e9ecef;
}
.chart_legend__title {
text-align: left;
font-weight: 600;
display: table-cell;
width: 60%;
}
@media (min-width: 900px) {
.chart_legend__title--large {
width: 70%;
}
}
.paginator {
display: flex;
justify-content: center;
}
.pagination {
margin: 1rem 0 2rem;
display: flex;
justify-content: center;
flex-wrap: wrap;
font-size: 0.75rem;
}
@media (min-width: 760px) {
.pagination {
font-size: 1rem;
}
}
.pagination .page-item {
display: flex;
margin-bottom: 0.5rem;
font-size: 0.875rem;
font-weight: 500;
text-align: center;
}
.pagination .page-item.gap {
color: #bad83b;
}
.pagination .page-item .page-link {
border: 1px solid #bad83b;
color: #bad83b;
cursor: pointer;
border-radius: 3px;
line-height: 1.5;
padding: 5px 10px;
margin-right: 0.5rem;
min-width: 2rem;
height: 2rem;
transition: 0.3s background-color linear;
}
.pagination .page-item .page-link:hover {
background-color: #bad83b;
color: #ffffff;
}
.pagination .page-item .page-link:focus {
box-shadow: none;
}
.pagination .page-item .page-link .page-text-desktop {
display: none;
}
@media (min-width: 900px) {
.pagination .page-item .page-link .page-text-desktop {
display: inline-block;
}
}
.pagination .page-item .page-link i {
display: inline-block;
}
@media (min-width: 900px) {
.pagination .page-item .page-link i {
display: none;
}
}
.pagination .page-item.current {
background: #bad83b;
border-radius: 3px;
border: 1px solid #bad83b;
color: #ffffff;
cursor: default;
line-height: 1.5;
padding: 5px 10px;
margin-right: 0.5rem;
min-width: 2rem;
height: 2rem;
transition: 0.3s background-color linear;
}
.pagination .page-item.disabled .page-link {
color: #bad83b;
border: 1px solid #bad83b;
}
.pagination .page-item.active .page-link {
background-color: #bad83b;
color: #ffffff;
}
.modal {
display: none;
}
.blocker {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
position: fixed;
width: 100%;
height: 100%;
overflow: auto;
z-index: 15;
box-sizing: border-box;
background-color: rgba(20, 20, 20, 0.4);
}
.blocker .modal, .blocker.modal {
background: #ffffff;
display: none; /* Hidden by default */
position: fixed; /* Stay in place */
padding-top: 100px; /* Location of the box */
left: 0;
top: 0;
width: 100%; /* Full width */
height: 100%; /* Full height */
overflow: auto; /* Enable scroll if needed */
background-color: rgba(20, 20, 20, 0.4);
}
.blocker .modal .modal_container, .blocker.modal .modal_container {
max-width: 900px;
margin: 0 auto;
padding: 0 16px;
border-radius: 3px;
}
.blocker .modal .modal_container--delete, .blocker.modal .modal_container--delete {
max-width: 600px;
}
.blocker .modal, .blocker.modal {
/* Modal Content */
}
.blocker .modal .modal-content, .blocker.modal .modal-content {
background-color: #ffffff;
}
.blocker .modal .close_modal, .blocker.modal .close_modal {
color: #9b9b9b;
float: right;
font-size: 1.25rem;
padding: 8px;
line-height: 1;
}
.blocker .modal .close-modal, .blocker.modal .close-modal {
display: none !important;
}
.blocker .modal .close-modal:hover,
.blocker .modal .close-modal:focus, .blocker.modal .close-modal:hover,
.blocker.modal .close-modal:focus {
color: #383737;
text-decoration: none;
cursor: pointer;
}
.blocker .modal .modal-content {
padding: 32px;
}
.close {
color: #141414;
float: right;
font-size: 1.5rem;
font-weight: 700;
line-height: 1;
text-shadow: 0 1px 0 #ffffff;
opacity: 0.5;
}
.close:focus,
.close:hover {
color: #141414;
text-decoration: none;
opacity: 0.75;
}
button.close {
background: transparent;
border: 0;
padding: 0;
-webkit-appearance: none;
}
.modal-open {
overflow: hidden;
}
.modal-link-wrapper {
height: fit-content;
}
.modal-link-wrapper--end {
display: flex;
justify-content: flex-end;
}
.modal-link-wrapper--start {
display: flex;
justify-content: flex-start;
}
.modal {
display: none;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: hidden;
outline: 0;
z-index: 9999;
}
.modal.fade .modal-dialog {
transition: -webkit-transform 0.3s ease-out;
transition: transform 0.3s ease-out;
transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
-webkit-transform: translate(0, -25%);
transform: translate(0, -25%);
}
.modal.show .modal-dialog {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
.modal-open .modal {
display: block;
overflow-x: hidden;
overflow-y: auto;
}
.modal-dialog {
position: relative;
width: auto;
margin: 10px;
}
.modal-content {
background-color: #ffffff;
background-clip: padding-box;
position: relative;
display: flex;
flex-direction: column;
outline: 0;
}
.modal-backdrop {
background-color: #141414;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
}
.modal-backdrop.fade {
opacity: 0;
}
.modal-backdrop.show {
opacity: 0.5;
}
.modal-header {
border-bottom: 1px solid #e5e5e5;
display: flex;
align-items: center;
justify-content: space-between;
padding: 24px;
}
.modal-title {
margin-bottom: 0;
line-height: 1.5;
}
.modal-body {
min-height: 112px;
position: relative;
flex: 1 1 auto;
padding: 24px;
}
.modal-footer {
border-top: 1px solid #e5e5e5;
display: flex;
align-items: center;
justify-content: flex-end;
padding: 24px;
}
.modal-footer > :not(:first-child) {
margin-left: 8px;
}
.modal-footer > :not(:last-child) {
margin-right: 8px;
background-color: transparent;
}
.modal-scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll;
}
@media (min-width: 576px) {
.modal-dialog {
max-width: 500px;
margin: 200px auto;
}
.modal-sm {
max-width: 300px;
}
}
@media (min-width: 992px) {
.modal-lg {
max-width: 800px;
}
}
.btn {
display: inline-block;
font-weight: normal;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid transparent;
padding: 8px 0.75rem;
font-size: 1rem;
line-height: 1.25;
transition: all 0.15s ease-in-out;
cursor: pointer;
}
.btn-danger {
color: #ffffff;
background-color: #d41922;
border-color: #d41922;
}
.btn-danger:hover {
color: #ffffff;
background-color: rgb(146, 18, 24);
border-color: rgb(146, 18, 24);
}
.list-dropdown {
position: relative;
width: 100%;
padding: 8px 16px;
}
@media (max-width: 760px) {
.list-dropdown {
padding: 0;
}
}
.list-dropdown--mobile {
display: none !important;
}
@media (max-width: 760px) {
.list-dropdown--mobile {
display: block !important;
}
}
@media (max-width: 760px) {
.list-dropdown--desktop {
display: none !important;
}
}
.list-dropdown--with-options {
transition: 0.3s;
}
.list-dropdown--with-options:hover .list-dropdown__menu {
display: block;
}
.list-dropdown--with-options:hover {
background: #edecec;
}
.list-dropdown__field {
display: flex;
align-items: center;
}
@media (max-width: 760px) {
.list-dropdown__field {
padding: 8px 16px;
}
}
.list-dropdown__content {
flex: 1;
}
.list-dropdown__label {
font-size: 0.875rem;
color: #141414;
}
.list-dropdown__selected-item {
font-size: 0.75rem;
font-weight: 700;
color: #9b9b9b;
}
.list-dropdown__arrow i {
font-size: 0.75rem;
color: #141414;
}
@media (max-width: 760px) {
.list-dropdown__arrow i {
transition: transform 150ms ease;
}
}
.list-dropdown-menu {
display: none;
background: #ffffff;
border: 1px solid #edecec;
border-radius: 3px;
position: absolute;
width: 100%;
top: 0;
right: 100%;
}
@media (max-width: 760px) {
.list-dropdown-menu {
display: block;
background: #F6F6F6;
border: none;
border-radius: 0;
position: static;
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-out;
}
}
.list-dropdown-menu__list {
list-style: none;
background-color: #ffffff;
padding: 0.25rem 0;
}
@media (max-width: 760px) {
.list-dropdown-menu__list {
background-color: transparent;
}
}
.list-dropdown-menu__item {
width: 100%;
transition: 0.3s;
}
.list-dropdown-menu__item:hover {
background: #edecec;
}
@media (max-width: 760px) {
.list-dropdown-menu__item:hover {
background: transparent;
}
}
.list-dropdown-menu__link {
padding: 0.5rem 2.25rem;
display: block;
color: #141414;
font-size: 0.875rem;
position: relative;
width: 100%;
}
.list-dropdown-menu__link--selected::before {
position: absolute;
font-family: "Font Awesome 6 Pro";
font-weight: 900;
content: "\f00c";
left: 1rem;
top: 50%;
transform: translateY(-50%);
}
.event-stats {
margin-bottom: 0.625rem;
}
.event-stats__container {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 0.625rem;
}
@media (max-width: 760px) {
.event-stats__container {
grid-template-columns: 1fr;
}
}
.event-stats-card {
background: #ffffff;
border: 1px solid rgba(0, 40, 100, 0.12);
border-radius: 4px;
text-align: center;
height: 185px;
display: flex;
align-items: center;
justify-content: center;
}
@media (max-width: 760px) {
.event-stats-card {
height: 165px;
}
}
.event-stats-card__main {
color: #141414;
font-weight: 700;
font-size: 1.75rem;
}
@media (min-width: 1300px) {
.event-stats-card__main {
font-size: 2rem;
}
}
.event-stats-card__main i {
display: inline-block;
font-size: 1rem;
font-weight: 400;
position: relative;
bottom: 7px;
right: 3px;
}
@media (min-width: 1300px) {
.event-stats-card__main i {
bottom: 10px;
}
}
.event-stats-card__extra {
display: inline-block;
color: #141414;
font-weight: 700;
font-size: 1.125rem;
}
@media (min-width: 1300px) {
.event-stats-card__extra {
font-size: 1.25rem;
}
}
.event-stats-card__total {
display: inline-block;
color: #9b9b9b;
font-size: 0.75rem;
font-weight: 700;
}
@media (min-width: 1300px) {
.event-stats-card__total {
font-size: 0.875rem;
}
}
.event-stats-card__label {
margin-top: 0.625rem;
color: #9b9b9b;
font-size: 0.875rem;
}
@media (min-width: 1300px) {
.event-stats-card__label {
font-size: 1rem;
}
}
.event-stats-card--minimal .event-stats-card__label {
margin-top: 0.5rem;
}
.event-stats-card .badge__status {
border-radius: 2px;
padding: 0.25rem 0.25rem 2px;
font-size: 0.625rem;
text-transform: uppercase;
width: min-content;
}
.event-stats-card .badge__status--finished {
background-color: #d41922;
color: #ffffff;
}
.badge-charts {
text-transform: uppercase;
padding: 0.25rem 0.375rem;
font-size: 0.75rem;
border-radius: 3px;
width: fit-content;
font-weight: 600;
color: #9b9b9b;
flex-wrap: nowrap;
}
.badge-charts__primary {
color: #ffffff;
background-color: #bad83b;
}
.badge-charts__neutral {
color: #9b9b9b;
background-color: #edecec;
}
.badge-charts__small-secondary {
font-size: 0.625rem;
color: #ffffff;
background-color: #ffa500;
padding: 0.125rem 0.375rem;
}
.rotate {
-moz-transition: all 0.2s ease-out;
-webkit-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.rotate.down {
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
@media (min-width: 0px) {
.dropdown {
position: relative;
display: inline-block;
}
}
@media (min-width: 0px) {
.dropdown__content {
list-style: none;
display: none;
position: absolute;
background-color: #f9f9f9;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
padding: 12px 16px;
z-index: 1;
}
}
@media (min-width: 0px) {
.dropdown__content li {
padding: 5px 0;
}
}
.dropdown__slide {
visibility: hidden;
max-height: 0;
height: 0;
overflow: hidden;
}
.dropdown__slide--open {
animation: dropdown-open 0.6s linear forwards;
}
.dropdown__slide--no-border {
border: none !important;
}
.dropdown__slide--close {
animation: dropdown-close 0.6s linear forwards;
}
@media (min-width: 0px) {
.dropdown:hover .dropdown__content {
display: block;
}
}
@keyframes dropdown-open {
from {
visibility: hidden;
transform: translateY(-20px);
max-height: 0;
height: 0;
opacity: 0;
overflow: hidden;
}
to {
visibility: visible;
transform: translateY(0);
max-height: 150px;
height: 100%;
opacity: 1;
overflow: initial;
}
}
@keyframes dropdown-close {
from {
visibility: visible;
transform: translateY(0);
max-height: 150px;
height: 100%;
opacity: 1;
overflow: initial;
}
to {
visibility: hidden;
transform: translateY(-10px);
max-height: 0;
opacity: 0;
height: 0;
overflow: hidden;
}
}
.flex {
display: flex;
}
.flex--space_between {
display: flex;
flex-direction: column;
align-items: flex-start;
}
@media (min-width: 0px) {
.flex--space_between {
width: 100%;
}
}
@media (min-width: 900px) {
.flex--space_between {
width: 80%;
}
}
@media (min-width: 1140px) {
.flex--space_between {
width: 60%;
flex-direction: row;
justify-content: space-between;
}
}
.contacts {
flex-direction: column;
justify-content: flex-start;
width: 100%;
}
.contacts__phone-field {
flex-direction: column;
justify-content: flex-start;
width: 100%;
}
.contacts__section {
display: flex;
flex-direction: column;
align-items: flex-start;
}
@media (min-width: 0px) {
.contacts__section {
width: 100%;
}
}
@media (min-width: 900px) {
.contacts__section {
width: 80%;
}
}
@media (min-width: 1140px) {
.contacts__section {
width: 60%;
flex-direction: row;
justify-content: space-between;
}
}
.contacts--phone {
width: 40%;
margin-bottom: 20px;
}
.adress, .schedule {
flex-direction: column;
justify-content: flex-start;
margin-bottom: 20px;
}
@media (min-width: 0px) {
.adress, .schedule {
width: 100%;
}
}
@media (min-width: 900px) {
.adress, .schedule {
width: 80%;
}
}
@media (min-width: 1140px) {
.adress, .schedule {
width: 40%;
}
}
.card {
background-color: #ffffff;
border: 1px solid rgba(0, 40, 100, 0.12);
border-radius: 3px;
margin-bottom: 10px;
}
.card__header {
background: none;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
min-height: 20px;
padding: 1rem;
}
.card__header--sticky {
background-color: #ffffff;
position: sticky;
top: 40px;
z-index: 1;
flex-wrap: nowrap !important;
}
.card__header--sticky #toggler {
min-width: 82px;
}
@media (min-width: 760px) {
.card__header {
padding: 1rem 1.5rem;
}
.card__header--sticky {
top: 64px;
}
}
@media (min-width: 0px) {
.card__header.spinner {
position: relative;
}
}
@media (min-width: 0px) {
.card__header.spinner .table__spinner {
right: 10px;
}
}
@media (min-width: 0px) {
.card__header.spinner .table__spinner2 {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-110%);
}
}
@media (min-width: 900px) {
.card__header.spinner .table__spinner2 {
right: 10px;
top: 0px;
transform: translateY(-50%);
}
}
@media (min-width: 1300px) {
.card__header.spinner .table__spinner2 {
top: -20px;
}
}
.card__header__buttons {
display: flex;
flex-direction: row;
}
.card__header--flex {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.card__empty {
padding: 2.5rem 1rem;
text-align: center;
}
@media (min-width: 900px) {
.card__empty {
padding: 2.5rem 1.5rem;
}
}
.card__footer {
display: flex;
justify-content: space-between;
align-items: center;
padding: 1rem;
}
.card__footer--sticky {
background-color: #ffffff;
position: sticky;
bottom: 0;
}
@media (min-width: 900px) {
.card__footer {
padding: 1rem 1.5rem;
}
}
.card__footer__buttons {
display: flex;
}
.card__footer__buttons > * {
margin-left: 16px;
}
.card__switch_wrapper {
display: flex;
justify-content: flex-end;
padding: 0.5rem 1rem;
}
@media (min-width: 600px) {
.card__switch_wrapper {
padding: 0.5rem 1.5rem;
}
}
.card__switch_container {
display: flex;
align-items: center;
justify-content: flex-start;
margin-bottom: 16px;
}
@media (min-width: 600px) {
.card__switch_container {
justify-content: flex-end;
}
}
.card__switch_container .switch {
width: 53px;
height: 25px;
margin-bottom: 0;
margin: 0 16px;
}
.card__switch_container .switch input:checked + .slider {
background-color: #bad83b;
}
.card__switch_container .switch .slider::before {
height: 18px;
width: 18px;
}
.card__subtitle {
padding: 0 1rem;
margin-top: -0.5rem;
margin-bottom: 0.5rem;
}
@media (min-width: 900px) {
.card__subtitle {
padding: 0 1.5rem;
}
}
#toggler {
cursor: pointer;
border: 1px solid #bad83b;
}
#toggler.selected {
border-width: 2px;
}
#toggler.disabled {
opacity: 0.5;
cursor: not-allowed;
pointer-events: none;
}
@media (min-width: 0px) {
.card__body {
padding: 0 1rem;
}
}
@media (min-width: 900px) {
.card__body {
padding: 0 1.5rem;
}
}
@media (min-width: 0px) {
.card__header .tl_control {
margin-right: 16px;
}
}
@media (min-width: 900px) {
.card__header .tl_control {
margin-right: 12px;
}
}
@media (min-width: 0px) {
.card__header > *:first-child {
display: flex;
flex-direction: column;
}
}
@media (min-width: 0px) {
.card__header__buttons > * {
margin-left: 16px;
}
}
@media (min-width: 0px) {
.hide_hyphen {
display: none;
}
}
@media (min-width: 400px) {
.hide_hyphen {
display: inline-block;
}
}
.total__container {
width: 100%;
padding: 16px 24px 16px 24px;
margin-bottom: 8px;
}
.total__legend {
display: flex;
justify-content: space-between;
}
.total__element {
text-align: center;
}
@media (min-width: 500px) {
.total__element {
text-align: left;
}
}
@media (min-width: 0px) {
.total__element:nth-of-type(3), .total__element:nth-of-type(4) {
margin-top: 8px;
}
}
@media (min-width: 500px) {
.total__element:nth-of-type(3), .total__element:nth-of-type(4) {
margin-top: 0;
}
}
@media (min-width: 0px) {
.total__element[class^=text-small],
.total__element [class*=text-small] {
font-size: 0.75rem;
}
}
@media (min-width: 1140px) {
.total__element[class^=text-small],
.total__element [class*=text-small] {
font-size: 1rem;
}
}
@media (min-width: 0px) {
.total__element[class^=text-xs],
.total__element [class*=text-xs] {
font-size: 0.625rem;
}
}
@media (min-width: 1140px) {
.total__element[class^=text-xs],
.total__element [class*=text-xs] {
font-size: 0.875rem;
}
}
.total__element--mobile {
display: block;
}
@media (min-width: 500px) {
.total__element--mobile {
display: none;
}
}
.total__grid {
display: block;
}
@media (min-width: 500px) {
.total__grid {
display: flex;
}
}
.total__grid--desktop {
display: none;
}
@media (min-width: 500px) {
.total__grid--desktop {
display: flex;
}
}
@media (min-width: 0px) {
.total__grid--three {
justify-content: space-evenly;
width: 100%;
}
}
@media (min-width: 500px) {
.total__grid--three {
width: auto;
}
}
@media (min-width: 0px) {
.total__grid--three .total__element {
width: 50%;
float: left;
text-align: center;
}
}
@media (min-width: 500px) {
.total__grid--three .total__element {
float: none;
margin-right: 10px;
padding-right: 10px;
text-align: left;
width: auto;
}
}
@media (min-width: 0px) {
.total__grid--three .total__element--border {
border-right: none;
}
}
@media (min-width: 500px) {
.total__grid--three .total__element--border:not(:last-child) {
border-right: 1px solid #edecec;
}
}
@media (min-width: 0px) {
.total__title {
width: 100%;
text-align: center;
padding-bottom: 16px;
}
}
@media (min-width: 900px) {
.total__title {
padding-bottom: 8px;
text-align: left;
}
}
@media (min-width: 0px) {
.total__chart {
width: 100%;
}
}
@media (min-width: 900px) {
.total__chart {
padding: 10px 0 0 20px;
}
}
@media (min-width: 0px) {
.total__chart span:first-child {
display: block;
}
}
@media (min-width: 400px) {
.total__chart span:first-child {
display: inline-block;
}
}
@media (min-width: 900px) {
.total__chart__parent {
padding: 10px 0 0 20px;
margin-top: 0;
}
}
@media (min-width: 0px) {
.total__chart__parent span:first-child {
display: block;
}
}
@media (min-width: 400px) {
.total__chart__parent span:first-child {
display: inline-block;
}
}
.total__chart__parent .total__legend {
width: 100%;
}
.cards_right_column .chart--desktop {
max-height: 180px;
overflow-y: auto;
}
[data-chart-container=ticket_typology_card] {
max-height: 220px;
}
.chart {
padding: 8px 16px;
}
.chart__title--info {
flex-direction: row !important;
align-items: center;
}
.chart__title--info i {
margin-left: 10px;
}
.chart--desktop {
overflow-y: auto;
margin-bottom: 16px;
}
@media (min-width: 600px) {
.chart--desktop {
display: block;
}
}
@media (min-width: 0px) {
.chart--mobile {
display: block;
}
}
@media (min-width: 600px) {
.chart--mobile {
display: none;
}
}
.chart__legend_container {
margin: 0 16px 8px;
padding: 10px 8px;
border: 1px solid rgba(0, 40, 100, 0.12);
border-radius: 3px;
max-height: 200px;
overflow-y: scroll;
}
@media (min-width: 600px) {
.chart__legend_container {
margin: 0 24px 8px;
}
}
.chart__legend_container--no-border {
border: none;
padding: 10px 0;
}
.chart__legend_container::-webkit-scrollbar {
width: 8px;
}
.chart__legend_container {
/* Handle */
}
.chart__legend_container::-webkit-scrollbar-thumb {
background: #dadada;
border-radius: 8px;
}
.chart__legend {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
padding: 4px 0.5rem;
text-align: center;
align-items: center;
flex-wrap: wrap;
background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 50%, #f0f0f0 50%);
background-position: 0% 0;
background-size: 200% auto;
transition: background-position 0.5s ease-out;
}
.chart__legend:hover {
background-position: -99.99% 0;
}
@media (min-width: 500px) {
.chart__legend {
flex-direction: row;
flex-wrap: nowrap;
}
}
@media (min-width: 900px) {
.chart__legend {
padding: 0 0.5rem;
}
}
@media (min-width: 1140px) {
.chart__legend {
justify-content: space-between;
}
}
.chart__legend:hover {
background-position: -99.99% 0;
}
@media (min-width: 0px) {
.chart__legend span:last-child {
padding-left: 1.4rem;
}
}
@media (min-width: 1140px) {
.chart__legend span:last-child {
padding-left: 5px;
}
}
@media (min-width: 0px) {
.chart__evolution, .chart__events, .chart__origin, .chart__sales, .chart__total {
width: 100%;
padding: 10px 0;
}
}
@media (min-width: 0px) {
.chart__events--desktop {
display: none;
}
}
@media (min-width: 600px) {
.chart__events--desktop {
display: block;
}
}
@media (min-width: 0px) {
.chart__events--mobile {
display: block;
}
}
@media (min-width: 600px) {
.chart__events--mobile {
display: none;
}
}
@media (min-width: 0px) {
.chart__evolution--desktop {
display: none;
}
}
@media (min-width: 600px) {
.chart__evolution--desktop {
display: block;
}
}
@media (min-width: 0px) {
.chart__evolution--mobile {
display: block;
}
}
@media (min-width: 600px) {
.chart__evolution--mobile {
display: none;
}
}
@media (min-width: 900px) {
.chart__sales text {
font-weight: normal !important;
}
}
@media (min-width: 900px) {
.chart__origin--large {
width: 100%;
}
}
@media (min-width: 900px) {
.chart__origin--small {
height: 100%;
}
}
@media (min-width: 0px) {
.chart__map--small {
align-self: center;
}
}
@media (min-width: 0px) {
.chart__map--large {
align-self: center;
}
}
@media (min-width: 900px) {
.chart__map--large {
width: 30%;
}
}
@media (min-width: 0px) {
.chart__total {
background-color: transparent;
border: none;
box-shadow: none;
}
}
@media (min-width: 0px) {
.chart__total .total__container {
background-color: white;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
border: 1px solid rgba(0, 40, 100, 0.12);
border-radius: 3px;
}
}
@media (min-width: 0px) {
.chart__total .card__header {
padding-left: 0;
margin-bottom: 0;
}
}
@media (min-width: 900px) {
.chart__total .card__header {
margin-bottom: 20px;
}
}
@media (min-width: 0px) {
.legend__resume {
align-items: baseline;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin-right: 16px;
text-align: left;
width: 100%;
}
}
@media (min-width: 500px) {
.legend__resume {
flex: 1;
width: inherit;
}
}
@media (min-width: 0px) {
.legend__stats {
justify-content: flex-start;
display: flex;
align-items: center;
width: 100%;
}
}
@media (min-width: 500px) {
.legend__stats {
width: inherit;
}
}
@media (min-width: 900px) {
.legend__stats {
justify-content: flex-end;
}
}
@media (min-width: 0px) {
.legend__text1 {
text-align: left;
width: 90px;
}
}
@media (min-width: 1140px) {
.legend__text1 {
width: 120px;
text-align: right;
}
}
@media (min-width: 0px) {
.legend__text2 {
text-align: left;
width: 90px;
}
}
@media (min-width: 1140px) {
.legend__text2 {
width: 90px;
text-align: right;
}
}
@media (min-width: 0px) {
.legend__text3 {
text-align: right;
width: 60px;
}
}
@media (min-width: 1140px) {
.legend__text3 {
width: 60px;
text-align: right;
}
}
@media (min-width: 0px) {
.legend__separator {
margin-left: 0.5em;
}
}
@media (min-width: 0px) {
.legend__title {
text-align: center;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
min-width: 0;
max-width: 220px;
display: inline;
}
}
@media (min-width: 900px) {
.legend__title {
text-align: left;
max-width: 100%;
}
}
@media (min-width: 0px) {
.summary {
width: 100%;
display: block;
}
}
@media (min-width: 900px) {
.summary {
display: flex;
justify-content: space-between;
}
}
@media (min-width: 0px) {
.summary__container--quarter {
width: 100%;
}
}
@media (min-width: 600px) {
.summary__container--quarter {
padding: 0 10px;
}
}
@media (min-width: 900px) {
.summary__container--quarter {
padding: 0 10px;
}
}
@media (min-width: 0px) {
.summary__container--third {
width: 100%;
}
}
@media (min-width: 600px) {
.summary__container--third {
padding: 0 10px;
}
}
@media (min-width: 900px) {
.summary__container--third {
padding: 0 10px;
}
}
@media (min-width: 0px) {
.summary__container--double {
width: 100%;
}
}
@media (min-width: 600px) {
.summary__container--double {
padding: 0 10px;
}
}
@media (min-width: 900px) {
.summary__container--double {
padding: 0 10px;
}
}
@media (min-width: 600px) {
.summary__container:nth-child(even) {
padding: 0 10px 0 0;
}
}
@media (min-width: 900px) {
.summary__container:nth-child(even) {
padding: 0 5px 0 5px;
}
}
@media (min-width: 600px) {
.summary__container:nth-child(odd) {
padding: 0 10px 0 0;
}
}
@media (min-width: 900px) {
.summary__container:nth-child(odd) {
padding: 0 5px 0 5px;
}
}
@media (min-width: 900px) {
.summary__container:first-child {
padding: 0 5px 0 0;
}
}
@media (min-width: 900px) {
.summary__container:last-child {
padding: 0 0 0 5px;
}
}
@media (min-width: 0px) {
.summary__elem {
padding: 24px !important;
}
}
.summary__data {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
}
.summary__title--info {
display: flex;
flex-direction: row;
align-items: center;
}
.summary__title--info i {
margin-left: 10px;
}
@media (min-width: 0px) {
.summary__scroll-down {
margin-top: 10px;
width: 100%;
display: block;
color: #141414;
}
}
@media (min-width: 600px) {
.summary__scroll-down {
display: none;
}
}
.summary__rate {
text-align: right;
position: absolute;
bottom: 16px;
right: 16px;
}
@media (min-width: 0px) {
.rate {
position: relative;
}
}
@media (min-width: 0px) {
.rate--up {
top: 4px;
color: #bad83b;
}
}
@media (min-width: 0px) {
.rate--down {
bottom: 4px;
color: #d41922;
}
}
@media (min-width: 0px) {
.child__container {
margin-top: 20px;
width: 100%;
float: left;
margin-right: 0;
flex-direction: column;
}
}
@media (min-width: 900px) {
.child__container {
width: 97%;
float: right;
margin-right: 40px;
border: none !important;
box-shadow: none !important;
display: flex;
align-items: baseline;
margin-top: 0;
flex-direction: row;
}
}
@media (min-width: 0px) {
.child__container:last-child {
margin-bottom: 20px;
}
}
@media (min-width: 0px) {
.child__container .total__title p {
font-size: 0.8rem;
}
}
@media (min-width: 0px) {
.child__container .total__title p a {
font-size: 0.9rem;
}
}
@media (min-width: 0px) {
.child__container .total__element[class^=text-small],
.child__container .total__element [class*=text-small] {
font-size: 0.75rem;
}
}
@media (min-width: 1140px) {
.child__container .total__element[class^=text-small],
.child__container .total__element [class*=text-small] {
font-size: 1rem;
}
}
@media (min-width: 0px) {
.child__container .total__element[class^=text-xs],
.child__container .total__element [class*=text-xs] {
font-size: 0.625rem;
}
}
@media (min-width: 1140px) {
.child__container .total__element[class^=text-xs],
.child__container .total__element [class*=text-xs] {
font-size: 0.875rem;
}
}
@media (min-width: 0px) {
.child__container .total__chart {
float: right;
}
}
@media (min-width: 900px) {
.child__container .total__chart {
float: right;
}
}
@media (min-width: 0px) {
.child__container .total__chart span {
font-size: 0.9rem;
}
}
@media (min-width: 0px) {
.parent_event_toggler {
text-align: center;
margin-top: 0px;
}
}
@media (min-width: 400px) {
.parent_event_toggler {
margin-top: 0;
}
}
@media (min-width: 900px) {
.parent_event_toggler {
float: right;
padding-top: 22px;
font-size: 1.5rem;
cursor: pointer;
}
}
@media (min-width: 0px) {
.datamap {
width: 100%;
height: 100%;
}
}
.charts__container {
display: block;
}
@media (min-width: 900px) {
.charts__container {
display: flex;
flex-wrap: wrap;
flex-direction: row;
width: 100%;
}
}
@media (min-width: 0px) {
.cards_left_column {
width: 100%;
}
}
@media (min-width: 900px) {
.cards_left_column {
width: 50%;
padding-right: 10px;
}
}
@media (min-width: 0px) {
.cards_right_column {
display: initial;
width: 100%;
}
}
@media (min-width: 900px) {
.cards_right_column {
width: 50%;
}
}
.data__wrapper {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 12px;
}
@media (min-width: 760px) {
.data__wrapper {
flex-direction: row;
align-items: flex-end;
}
}
.data__wrapper #period_form {
justify-content: flex-start;
display: flex;
flex-wrap: wrap;
}
@media (min-width: 900px) {
.data__wrapper #period_form {
justify-content: flex-end;
}
}
@media (min-width: 0px) {
.data__wrapper #period_form .select--manager {
padding: 0.6em 0;
}
}
.data__wrapper .dashboard_date_filter {
width: 100%;
}
@media (min-width: 900px) {
.data__wrapper .dashboard_date_filter {
width: auto;
}
}
.data__wrapper .dashboard_date_filter form {
display: flex;
align-items: flex-start;
flex-direction: column;
}
@media (min-width: 900px) {
.data__wrapper .dashboard_date_filter form {
align-items: flex-end;
flex-direction: row;
}
}
.data__wrapper .dashboard_date_filter__container {
display: block;
}
@media (min-width: 760px) {
.data__wrapper .dashboard_date_filter__container {
display: flex;
align-items: flex-end;
}
}
@media (min-width: 760px) {
.data__wrapper .dashboard_date_filter__inputs {
display: flex;
align-items: flex-end;
}
}
.data__wrapper .dashboard_date_filter__begin_date {
display: flex;
flex-direction: column;
position: relative;
}
@media (min-width: 0px) {
.data__wrapper .dashboard_date_filter__end_date {
display: flex;
flex-direction: column;
position: relative;
}
}
.data__wrapper .dashboard_date_filter__submit {
margin-top: 12px;
width: 100%;
}
@media (min-width: 760px) {
.data__wrapper .dashboard_date_filter__submit {
width: auto;
margin-left: 16px;
margin-top: 0;
}
}
.data__wrapper .dashboard_date_filter__submit input {
width: inherit;
}
.data__period {
width: 100%;
}
@media (min-width: 900px) {
.data__period {
width: auto;
}
}
.data__room {
margin-bottom: 8px;
}
.data__presentation {
display: flex;
justify-content: flex-end;
padding-right: 0.5rem;
margin-top: 1rem;
}
.data__header {
display: flex;
flex-direction: column;
align-items: flex-start;
}
@media (min-width: 900px) {
.data__header {
align-items: flex-end;
flex-direction: row;
margin-top: 0;
justify-content: space-between;
}
}
.data__header--text {
margin: 8px 0 4px 0;
}
.data__header--promoter {
align-self: flex-end;
width: 100%;
}
@media (min-width: 900px) {
.data__header--promoter {
width: auto;
margin-top: 0;
}
}
@media (min-width: 900px) {
.data__header--promoter {
margin-right: 1rem;
width: 25%;
}
}
.data__header--promoter .data__period {
width: -webkit-fill-available;
}
.data__header form {
width: inherit;
}
@media (min-width: 900px) {
.data__header form {
width: auto;
}
}
.data__header--text {
margin: 8px 0 0 0 !important;
}
.data__blocks {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.event-occupation-wrapper {
display: flex;
align-items: flex-start;
flex-direction: column-reverse;
gap: 12px;
}
@media (min-width: 900px) {
.event-occupation-wrapper {
flex-direction: row;
align-items: flex-end;
gap: 24px;
}
}
.highcharts-scrolling {
overflow-y: scroll;
}
.highcharts-scrolling::-webkit-scrollbar {
width: 8px;
}
.highcharts-scrolling::-webkit-scrollbar-thumb {
background: #dadada;
border-radius: 8px;
}
.events__header {
margin-top: 16px;
margin-bottom: 32px;
width: 100%;
}
@media (min-width: 900px) {
.events__header {
display: flex;
justify-content: space-between;
}
}
.events__summary {
width: 100%;
padding-right: 0;
display: flex;
flex-direction: column;
}
@media (min-width: 600px) {
.events__summary {
display: flex;
flex-direction: row;
}
}
.events__metrics button {
width: 100%;
margin-top: 16px;
}
@media (min-width: 600px) {
.events__metrics button {
width: fit-content;
}
}
.events__image {
max-height: 225px;
margin-right: 1rem;
min-height: 170px;
overflow: hidden;
height: 100%;
width: 100%;
}
@media (min-width: 600px) {
.events__image {
min-width: 200px;
}
}
@media (min-width: 900px) {
.events__image {
max-width: 400px;
}
}
.events__image__imgcontainer {
position: relative;
display: flex;
max-width: 100%;
}
.events__image__imgcontainer--background {
border-radius: 3px;
width: 100%;
height: 100%;
top: 0;
left: 0;
object-fit: cover;
z-index: 1;
}
@media (min-width: 0px) {
.events__image__imgcontainer--title {
position: absolute;
z-index: 2;
top: 50%;
color: #ffffff;
font-size: 1rem;
position: absolute;
text-align: center;
width: 100%;
font-weight: bold;
transform: translateY(-50%);
}
}
@media (min-width: 900px) {
.events__image__imgcontainer--title {
font-size: 2rem;
width: 100%;
}
}
@media (min-width: 0px) {
.events__image__imgcontainer--logo {
position: absolute;
z-index: 3;
bottom: 10px;
left: 50%;
right: 0;
width: 120px !important;
height: 16px;
transform: translateX(-50%);
}
}
.events__info {
padding: 20px 0 0 0;
width: 66%;
}
@media (min-width: 600px) {
.events__info {
padding: 0 0 0 20px;
}
}
.events__info--margin {
margin: 0 0 10px 0;
}
.events__info--wrap {
white-space: normal;
word-wrap: break-word;
}
@media (min-width: 0px) {
.events__period {
width: 100%;
padding: 20px 0 0 0;
}
}
@media (min-width: 900px) {
.events__period {
width: 100%;
text-align: right;
padding: 0;
}
}
@media (min-width: 0px) {
.events__filters {
align-items: flex-end;
justify-content: start;
}
}
@media (min-width: 900px) {
.events__filters {
align-items: flex-end;
}
}
@media (min-width: 0px) {
.events__filters--flex {
display: flex;
flex-direction: column;
justify-content: start;
}
}
@media (min-width: 900px) {
.events__filters--flex {
flex-direction: row;
}
}
.events__filters--wrapper {
display: flex;
align-items: flex-start;
flex-direction: column-reverse;
gap: 12px;
margin-bottom: 8px;
}
@media (min-width: 900px) {
.events__filters--wrapper {
flex-direction: row;
align-items: flex-end;
gap: 24px;
}
}
@media (min-width: 0px) {
.events__field {
width: 100%;
margin-bottom: 24px;
}
}
@media (min-width: 600px) {
.events__field {
width: 100%;
}
}
@media (min-width: 0px) {
.events__field--input {
padding: 0 0 0 0;
}
}
@media (min-width: 0px) {
.events__field--input:nth-child(2) {
margin-top: 16px;
}
}
@media (min-width: 500px) {
.events__field--input:nth-child(2) {
margin-top: 0;
}
}
@media (min-width: 0px) {
.events__field--input input {
display: block;
width: 100%;
}
}
@media (min-width: 0px) {
.events__field--date {
position: relative;
width: fit-content !important;
float: none !important;
}
}
@media (min-width: 600px) {
.events__field--state {
float: right;
padding: 0 0 0 20px !important;
}
}
@media (min-width: 600px) {
.events__field--local {
float: right;
padding: 0 0 0 20px !important;
}
}
.events__field .date__form {
display: flex;
align-items: flex-end;
flex-wrap: wrap;
}
@media (min-width: 900px) {
.events__field .date__form {
flex-wrap: nowrap;
}
}
@media (min-width: 0px) {
.events__field .date__form > div:last-child {
margin-top: 16px;
}
}
@media (min-width: 500px) {
.events__field .date__form > div:last-child {
margin-top: 0;
}
}
.event {
height: 100%;
padding: 1rem;
display: flex;
flex-direction: column;
}
.event #sales_evolution_chart_total {
margin: 0 -12px;
width: 102% !important;
}
@media (min-width: 760px) {
.event {
padding: 1rem 1.5rem;
}
}
.event__info {
display: flex;
justify-content: center;
}
.event__field {
margin: 10px 0;
padding: 0 16px;
}
.event__field--bordered {
border-right: 1px solid #edecec;
}
.event__subtitle {
margin-bottom: 1rem;
}
.event__subtitle--desktop {
display: none;
}
@media (min-width: 600px) {
.event__subtitle--desktop {
display: block;
}
}
@media (min-width: 0px) {
.event--no-bottom {
padding-bottom: 0px !important;
}
}
@media (min-width: 0px) {
.event--no-top {
padding-top: 0px !important;
}
}
@media (min-width: 0px) {
.event--scroll {
overflow-x: scroll;
overflow-y: hidden;
white-space: nowrap;
}
}
.event--scroll::-webkit-scrollbar {
-webkit-appearance: none;
}
.event--scroll::-webkit-scrollbar:horizontal {
height: 10px;
}
.event--scroll::-webkit-scrollbar-thumb {
border-radius: 8px;
border: 2px solid white;
/* should match background, can't be transparent */
background: #dadada;
}
@media (min-width: 0px) {
.event--center {
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
}
@media (min-width: 0px) {
.event__map {
align-self: center;
}
}
@media (min-width: 0px) {
.event__map--map-single {
width: 100%;
}
}
@media (min-width: 0px) {
.event__container {
display: -webkit-box;
/* OLD - iOS 6-, Safari 3.1-6, BB7 */
display: flex;
/* NEW, Spec - Firefox, Chrome, Opera */
flex-wrap: wrap;
flex-direction: row;
width: 100%;
margin-top: 8px;
}
}
@media (min-width: 0px) {
.event__container--group {
display: flex;
flex-direction: column-reverse;
}
}
@media (min-width: 900px) {
.event__container--group {
flex-direction: row;
}
}
@media (min-width: 0px) {
.event__ocupation {
width: 100%;
}
}
@media (min-width: 900px) {
.event__ocupation .sessions_box .pika-single {
top: 140px;
}
}
.event__ocupation .sessions_box {
padding-top: 8px;
}
@media (min-width: 760px) {
.event__ocupation .sessions_box {
padding-top: 16px;
}
}
@media (min-width: 0px) {
.event__ocupation .card__header {
flex-wrap: wrap;
}
}
.event__ocupation .card__header--filters {
justify-content: flex-start !important;
align-items: flex-end !important;
margin-bottom: 8px;
}
@media (min-width: 0px) {
.event__ocupation .card__header__buttons {
flex-direction: column;
flex-wrap: wrap;
}
}
@media (min-width: 400px) {
.event__ocupation .card__header__buttons {
flex-direction: row;
}
}
@media (min-width: 0px) {
.event__ocupation .card__header__buttons input {
margin-top: 1rem;
margin-left: 0;
}
}
@media (min-width: 500px) {
.event__ocupation .card__header__buttons input {
margin-left: 1rem;
}
}
@media (min-width: 900px) {
.event__ocupation .card__header__buttons input {
margin-top: 0;
}
}
@media (min-width: 500px) {
.event__ocupation .card__header__buttons input:first-child {
margin-left: 0;
}
}
@media (min-width: 400px) {
.event__ocupation .card__header__buttons input:nth-of-type(2) {
margin-left: 1rem;
}
}
.event__ocupation--elem {
display: inline-block;
text-align: center;
margin-right: 0.5rem;
vertical-align: top;
height: 100%;
}
.event__ocupation--elem .aggregated_event {
display: block;
padding: 1rem 1rem;
cursor: pointer;
background-color: #ffffff;
border: 1px solid #9b9b9b;
border-radius: 3px;
max-width: 32rem;
height: 100%;
}
@media (min-width: 600px) {
.event__ocupation--elem .aggregated_event {
padding: 20px 1.5rem;
max-width: 49rem;
}
}
.event__ocupation--elem .aggregated_event .colored {
color: #9b9b9b;
}
.event__ocupation--elem .aggregated_event-selected {
border: 3px solid #bad83b;
}
.event__ocupation--elem form {
height: 100%;
}
.event__ocupation--elem button {
display: block;
cursor: pointer;
background-color: #ffffff;
border: 1px solid rgba(0, 40, 100, 0.12);
border-radius: 4px;
padding: 1rem 1rem;
max-width: 32rem;
height: 100%;
}
@media (min-width: 600px) {
.event__ocupation--elem button {
max-width: 49rem;
padding: 20px 1.5rem;
}
}
.event__ocupation--elem button:hover {
border: 1px solid rgba(0, 40, 100, 0.24);
}
.event__ocupation--leaf-title, .event__ocupation--leaf-subtitle {
white-space: normal;
}
@media (min-width: 0px) {
.event__ocupation--leaf-title i, .event__ocupation--leaf-subtitle i {
font-size: 1rem;
}
}
@media (min-width: 0px) {
.event__ocupation--danger-border {
border: 1px solid #ffa500 !important;
}
}
@media (min-width: 0px) {
.event__evolution {
width: 100%;
padding: 10px 0;
}
}
.event__evolution .card__header {
flex-wrap: wrap;
}
@media (min-width: 0px) {
.event__marketing_trackers {
width: 100%;
padding: 10px 0;
}
}
@media (min-width: 0px) {
.event__venue {
width: 100%;
padding: 10px 0;
}
}
@media (min-width: 900px) {
.event__venue {
margin-top: 25px;
}
}
@media (min-width: 0px) {
.event__venue--map {
zoom: 0.4;
display: flex;
justify-content: center;
align-items: center;
}
}
@media (min-width: 500px) {
.event__venue--map {
zoom: 0.7;
}
}
@media (min-width: 0px) {
.event__origin {
padding: 10px 0;
}
}
@media (min-width: 0px) {
.event__origin--mobile {
display: block;
}
}
@media (min-width: 900px) {
.event__origin--mobile {
display: none;
}
}
.event__origin--mobile .card__header {
flex-wrap: wrap;
}
@media (min-width: 0px) {
.event__origin--desktop {
display: none;
}
}
@media (min-width: 900px) {
.event__origin--desktop {
display: block;
}
}
@media (min-width: 0px) {
.event__tickets {
width: 100%;
padding: 10px 0;
}
}
@media (min-width: 0px) {
.event__tickets--web {
display: none;
}
}
@media (min-width: 900px) {
.event__tickets--web {
display: flex;
}
}
@media (min-width: 0px) {
.event__tickets--mobile {
display: flex;
}
}
@media (min-width: 900px) {
.event__tickets--mobile {
display: none;
}
}
.event__tickets .card__header {
flex-wrap: wrap;
}
@media (min-width: 0px) {
.event__alerts {
display: flex;
justify-content: space-between;
padding-top: 15px;
margin-left: 5px;
flex-direction: column;
}
}
@media (min-width: 600px) {
.event__alerts {
flex-direction: row;
}
}
@media (min-width: 900px) {
.event__alerts {
margin-left: 0;
}
}
@media (min-width: 900px) {
.event__alerts div:first-child {
margin-bottom: 1rem;
}
}
@media (min-width: 1140px) {
.event__alerts div:first-child {
margin-bottom: 0;
}
}
@media (min-width: 0px) {
.event__alerts .flex-row {
margin-bottom: 1em;
align-items: center;
}
}
@media (min-width: 900px) {
.event__alerts .flex-row {
margin-bottom: 0;
}
}
@media (min-width: 0px) {
.event__alerts input[type=number] {
border: 1px solid #9b9b9b !important;
border-radius: 1px;
text-align: center;
margin: 0 8px;
height: 25px;
}
}
@media (min-width: 0px) {
#managers-events-event-ticket-type .card {
margin-bottom: 16px;
}
}
@media (min-width: 600px) {
#managers-events-event-ticket-type .card {
margin-bottom: 32px;
}
}
@media (min-width: 0px) {
#managers-events-event-sale-summary .event__evolution {
margin-bottom: 3rem;
}
}
@media (min-width: 0px) {
#managers-events-event-sale-summary .table_container {
margin-bottom: 3rem;
}
}
@media (min-width: 0px) {
#managers-events-event-sale-local .card {
margin-bottom: 16px;
}
}
@media (min-width: 600px) {
#managers-events-event-sale-local .card {
margin-bottom: 32px;
}
}
.session__ocupation--elem {
display: inline-block;
text-align: center;
padding: 16px 32px;
background-color: #ffffff;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
border: 1px solid rgba(0, 40, 100, 0.12);
border-radius: 4px;
margin-bottom: 24px;
}
@media (min-width: 0px) {
.parent_row_toggler {
font-size: 1.4rem;
text-align: center;
display: block;
cursor: pointer;
}
}
.checkbox-child-event {
transition: opacity 0.1s ease-in-out;
}
.checkbox-child-event:hover {
opacity: 0.7;
}
.checkbox-child-event__details {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
@media (min-width: 900px) {
.checkbox-child-event__details {
flex-wrap: nowrap;
}
}
.checkbox-child-event__box {
padding: 0 16px;
margin-top: 1rem;
flex: 1 0 20%;
}
@media (min-width: 900px) {
.checkbox-child-event__box {
margin-top: 0.5rem;
}
}
.checkbox-child-event__box i {
position: relative;
bottom: 2px;
right: 1px;
}
@media (min-width: 900px) {
.checkbox-child-event__box i {
bottom: 1px;
}
}
.checkbox-child-event__box--occupation {
border-right: 1px solid #edecec;
}
.checkbox-child-event__box--occupation:last-child {
border-right: none;
}
@media (min-width: 0px) {
.reports {
flex-direction: row-reverse;
}
}
.reports--half {
display: flex;
width: 50%;
flex-direction: column;
}
.reports--half:nth-child(n+2) {
border-right: 1px solid #dadada;
}
@media (min-width: 900px) {
.reports--onethird {
display: flex;
width: 33%;
flex-direction: column;
}
}
@media (min-width: 900px) {
.reports--twothird {
display: flex;
width: 66%;
flex-direction: column;
}
}
.buttons_filters {
display: flex;
flex-direction: row;
margin-bottom: 16px;
}
.buttons_filters div {
margin-right: 8px;
}
.dialog-wrapper {
display: flex;
justify-content: flex-end;
height: 28px;
}
@media (min-width: 600px) {
.dialog-wrapper {
width: 120px;
}
}
.separators {
border-bottom: 2px solid #e9ecef;
}
.separator {
cursor: pointer;
color: #383737;
font-weight: 600;
font-size: 22px;
line-height: 26px;
/* identical to box height */
display: flex;
margin-right: 40px;
margin-top: 1rem;
}
.separator :hover {
color: #141414;
}
.separator_active {
padding-bottom: 5px;
border-bottom: 4px solid #bad83b;
color: #141414;
}
.separator_active :hover {
color: #141414;
}
#events-index #filters {
display: flex;
flex-direction: column;
margin-bottom: 16px;
}
#events-index #filters .strip-select2-multiple {
width: 100%;
}
#events-index #filters .search_filter {
display: grid;
grid-template-columns: 1fr;
grid-template-areas: "search search search" "button button button" "advanced advanced advanced";
row-gap: 8px;
}
@media (min-width: 900px) {
#events-index #filters .search_filter {
grid-template-columns: 1fr 128px 272px;
grid-template-areas: "search button advanced";
column-gap: 16px;
}
}
#events-index #filters .search_filter__search {
grid-area: search;
justify-self: stretch;
}
#events-index #filters .search_filter__button {
grid-area: button;
justify-self: stretch;
align-self: end;
}
#events-index #filters .search_filter__buttons {
width: 100%;
}
#events-index #filters .search_filter__advanced {
grid-area: advanced;
justify-self: end;
align-self: end;
cursor: pointer;
}
#events-index #filters .search_filter__advanced i {
transition: all 0.2s ease-in-out;
}
#events-index #filters .search_filter__advanced.opened i {
transform: rotate(180deg);
transform-origin: center;
}
#events-index #filters .filters_events {
margin-bottom: 24px;
height: 0px;
visibility: hidden;
opacity: 0;
transition: all 0.2s ease-in-out;
}
#events-index #filters .filters_events__opened {
height: 100%;
visibility: visible;
opacity: 1;
}
#events-index #filters .filter_row {
display: flex;
justify-content: space-between;
margin: 0;
}
@media (min-width: 0px) {
#events-index #filters .filter_row {
flex-direction: column;
}
}
@media (min-width: 900px) {
#events-index #filters .filter_row {
flex-direction: row;
}
}
#events-index #filters .filter_row .filter_group {
display: flex;
flex-wrap: wrap;
flex-direction: row;
margin-bottom: 16px;
position: relative;
gap: 16px;
}
#events-index #filters .filter_row .filter_group .events_filter {
width: 100%;
}
@media (min-width: 600px) {
#events-index #filters .filter_row .filter_group .events_filter {
width: calc(50% - 8px);
}
}
@media (min-width: 900px) {
#events-index #filters .filter_row .filter_group .events_filter {
min-width: 150px;
max-width: 310px;
}
}
@media (min-width: 900px) {
#events-index #filters .filter_row .filter_group .date_filter {
width: fit-content;
}
}
#events-index #filters .filter_row .filter_group > div {
display: inherit;
flex-direction: column;
justify-content: flex-end;
}
#events-index #filters .filter_row .filter_group > div:last-of-type {
margin-right: 0;
}
#events-index #filters .filter_row #name_filter {
max-width: unset;
}
@media (min-width: 0px) {
#events-index #filters .filter_row .events_filter {
flex-wrap: wrap;
}
}
@media (min-width: 600px) {
#events-index #filters .filter_row .events_filter {
flex-wrap: nowrap;
}
}
@media (min-width: 600px) {
#events-index #filters .filter_row .events_filter div:last-child {
margin-top: 0;
}
}
#events-index #events_table .table__wrapper--hovered {
position: relative;
transition: 0.3s;
}
@media (min-width: 0px) {
#events-index #events_table .table__wrapper--hovered:hover .table__detail {
width: 100%;
height: 0px;
}
}
@media (min-width: 600px) {
#events-index #events_table .table__wrapper--hovered:hover .table__detail {
width: 40px;
height: 100%;
}
}
#events-index #events_table .table__wrapper--child .table_row > div:nth-of-type(1), #events-index #events_table .table__wrapper--child .table_row > div:nth-of-type(2), #events-index #events_table .table__wrapper--child .table_row > div:nth-of-type(3), #events-index #events_table .table__wrapper--child .table_row > div:nth-of-type(4), #events-index #events_table .table__wrapper--child .table_row > div:nth-of-type(5) {
margin-bottom: 0;
}
#events-index #events_table .table__wrapper--child .table__unit--occupation {
margin-bottom: 0;
}
#events-index #events_table .table__detail {
background-color: #141414;
color: #ffffff;
font-size: 1.125rem;
position: absolute;
right: 0;
overflow: hidden;
z-index: 9;
height: 0;
width: 100%;
}
@media (min-width: 600px) {
#events-index #events_table .table__detail {
height: 100%;
width: 0;
}
}
#events-index #events_table .table__detail i {
position: absolute;
left: 50%;
top: 0;
margin-left: 0;
margin-top: 10px;
transform: translateX(-50%);
}
@media (min-width: 600px) {
#events-index #events_table .table__detail i {
left: 0;
top: 50%;
margin-left: 10px;
margin-top: 0;
transform: translateY(-50%);
}
}
#events-index #events_table .table__unit--name, #events-index #events_table .table__unit--dates, #events-index #events_table .table__unit--local {
font-size: 0.75rem;
color: #9b9b9b;
font-weight: 500;
}
@media (min-width: 900px) {
#events-index #events_table .table__unit--name, #events-index #events_table .table__unit--dates, #events-index #events_table .table__unit--local {
font-size: 1rem;
color: #141414;
font-weight: normal;
}
}
#events-index #events_table .table__unit--local {
font-weight: normal;
}
#events-index #events_table .table__unit--name {
position: absolute;
}
@media (min-width: 900px) {
#events-index #events_table .table__unit--name {
position: relative;
}
}
#events-index #events_table .table__unit--event {
transition: 0.3s;
padding: 0 3.5rem 0 1.75rem;
}
@media (min-width: 900px) {
#events-index #events_table .table__unit--event {
padding: 0 1.5rem;
}
}
#events-index #events_table .table__unit--event .info__event {
background-color: #dadada;
border-radius: 3px;
color: #141414;
margin-bottom: 10px;
width: 100%;
padding: 5px;
}
#events-index #events_table .table__unit--event .info__event:hover {
background-color: rgb(205.25, 205.25, 205.25);
}
@media (min-width: 600px) {
#events-index #events_table .table__unit--event .info__event {
display: none;
}
}
#events-index #events_table .table_row > div:nth-of-type(1) {
width: 1rem;
}
@media (min-width: 900px) {
#events-index #events_table .table_row > div:nth-of-type(1) {
width: 5rem;
}
}
#events-index #events_table .table_row > div:nth-of-type(2), #events-index #events_table .table_row > div:nth-of-type(3) {
width: 100%;
}
@media (min-width: 900px) {
#events-index #events_table .table_row > div:nth-of-type(2), #events-index #events_table .table_row > div:nth-of-type(3) {
width: 25%;
}
}
#events-index #events_table .table_row > div:nth-of-type(4) {
width: 100%;
}
@media (min-width: 900px) {
#events-index #events_table .table_row > div:nth-of-type(4) {
width: 20%;
}
}
#events-index #events_table .table_row > div:nth-of-type(5) {
width: auto;
position: absolute;
right: 8px;
}
@media (min-width: 900px) {
#events-index #events_table .table_row > div:nth-of-type(5) {
width: 8rem;
position: relative;
}
}
#events-index #events_table .table_row > div:nth-of-type(6) {
flex-direction: row;
width: 100%;
}
@media (min-width: 900px) {
#events-index #events_table .table_row > div:nth-of-type(6) {
width: 184px;
padding-left: 0;
}
}
#events-index #events_table .table_row > div:nth-of-type(1), #events-index #events_table .table_row > div:nth-of-type(2), #events-index #events_table .table_row > div:nth-of-type(3), #events-index #events_table .table_row > div:nth-of-type(4), #events-index #events_table .table_row > div:nth-of-type(5), #events-index #events_table .table_row > div:nth-of-type(6) {
margin-bottom: 4px;
}
@media (min-width: 900px) {
#events-index #events_table .table_row > div:nth-of-type(1), #events-index #events_table .table_row > div:nth-of-type(2), #events-index #events_table .table_row > div:nth-of-type(3), #events-index #events_table .table_row > div:nth-of-type(4), #events-index #events_table .table_row > div:nth-of-type(5), #events-index #events_table .table_row > div:nth-of-type(6) {
margin-bottom: 0;
}
}
.venue_map_tooltip {
background-color: #141414;
border-radius: 4px;
color: #ffffff;
text-align: center;
padding: 0 !important;
}
.venue_map_tooltip__header {
padding: 5px 10px;
text-align: center;
background-color: rgba(255, 255, 255, 0.2);
}
.venue_map_tooltip__occup {
font-size: 0.875rem;
padding: 5px 10px;
text-align: center;
}
.venue_map_tooltip__percent {
text-align: center;
padding: 0 10px 5px;
font-size: 0.875rem;
}
.financial_tooltip {
display: inline-block;
font-size: 0.75rem;
font-weight: 400;
position: relative;
bottom: 7px;
right: 3px;
}
@media (min-width: 1300px) {
.financial_tooltip {
bottom: 10px;
}
}
.ordering-margin {
margin-right: 10px;
}
.event-active {
color: #141414;
}
.event-unactive {
color: #dadada;
}
.event-unactive:hover {
color: #141414;
}
#filter_buttons {
display: flex;
justify-content: flex-end;
width: 100%;
padding: 16px 0;
border-bottom: 1px solid #edecec;
}
#filter_buttons .search_filter__button {
margin-left: 8px;
}
.partner_payment_request .filter_group {
display: flex;
gap: 1rem;
align-items: flex-end;
}
.partner_payment_request .filter_group .events_filter {
flex: 1;
}
.close_promoter_event .filter_group {
display: flex;
gap: 1rem;
align-items: flex-end;
}
.close_promoter_event .filter_group .events_filter {
flex: 1;
}
.close_promoter_event .strip-select2-multiple {
width: 311px;
max-width: 311px;
}
.close_promoter_event .search_filter__search {
width: 966px;
}
.button-link {
min-width: 40px;
background: #ffffff;
border: 1px solid rgba(0, 40, 100, 0.12);
border-radius: 4px;
padding: 8px;
display: flex;
align-items: center;
justify-content: center;
}
.close_promoter_event_form_search .cr-form {
font: 14px/1.4 system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
color: #2b2f33;
}
.close_promoter_event_form_search .cr-form .cr-promoter {
border: 1px solid #dce1e6;
border-radius: 6px;
margin: 12px 0;
background: #fff;
}
.close_promoter_event_form_search .cr-form .cr-promoter__head {
list-style: none;
display: flex;
gap: 8px;
align-items: center;
padding: 10px 12px;
background: #eef1f4;
border-bottom: 1px solid #e6eaee;
cursor: pointer;
}
.close_promoter_event_form_search .cr-form .cr-promoter__head::-webkit-details-marker {
display: none;
}
.close_promoter_event_form_search .cr-form .cr-promoter[open] > .cr-promoter__head .cr-promoter__marker {
transform: rotate(0deg);
}
.close_promoter_event_form_search .cr-form .cr-promoter__marker {
display: inline-block;
transform: rotate(-90deg);
transition: transform 0.15s ease;
}
.close_promoter_event_form_search .cr-form .cr-promoter__title {
font-weight: 600;
}
.close_promoter_event_form_search .cr-form .cr-table {
width: 100%;
}
.close_promoter_event_form_search .cr-form .cr-table .cr-row {
display: grid;
grid-template-columns: 28px 60px 80px 1fr 1.1fr 120px;
gap: 8px;
align-items: center;
padding: 8px 12px;
}
.close_promoter_event_form_search .cr-form .cr-table .cr-row--head {
background: #f9fafb;
color: #5e6773;
font-weight: 700;
border-bottom: 1px solid #eef1f4;
}
.close_promoter_event_form_search .cr-form .cr-table .cr-row--event {
list-style: none;
background: #fff;
border-top: 1px solid #f0f2f5;
cursor: pointer;
}
.close_promoter_event_form_search .cr-form .cr-table .cr-row--event::-webkit-details-marker {
display: none;
}
.close_promoter_event_form_search .cr-form .cr-table .cr-row--event:hover {
background: #fbfcfd;
}
.close_promoter_event_form_search .cr-form .cr-table .cr-row--subhead {
grid-template-columns: 60px 1fr;
background: #e9f5ea;
color: #5e6773;
font-weight: 600;
border-top: 1px solid #dceddf;
}
.close_promoter_event_form_search .cr-form .cr-table .cr-row--session {
grid-template-columns: 60px 1fr;
background: #fff;
border-top: 1px dashed #e8ebef;
}
.close_promoter_event_form_search .cr-form .cr-table .cr-row .cr-col--icon {
text-align: center;
font-size: 16px;
transition: transform 0.15s ease;
line-height: 16px;
}
.close_promoter_event_form_search .cr-form .cr-table .cr-row .cr-col--id {
text-align: center;
}
.close_promoter_event_form_search .cr-form .cr-table .cr-row .cr-col--val {
text-align: center;
}
.close_promoter_event_form_search .cr-form .cr-table .cr-event[open] > .cr-row--event .cr-col--icon {
transform: rotate(90deg);
}
.close_promoter_event_form_search .cr-form .cr-sessions {
padding-left: 88px;
}
.close_promoter_event_form_search .cr-form .cr-actions {
display: flex;
justify-content: flex-end;
margin-top: 12px;
}
#saft .report_link_download {
text-align: center;
padding: 4rem 0;
}
.page__description .description__content {
padding: 6px 20px;
}
.page__description .description__content p {
width: 100%;
}
.page__description .description__header {
display: flex;
align-items: center;
gap: 30px;
}
.metrics-filters {
width: 100%;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: end;
}
.metrics-details {
flex-direction: column;
}
@media (min-width: 768px) {
.metrics-details {
flex-direction: row;
}
}
.metrics-details_entries {
width: 100%;
flex-direction: column;
}
@media (min-width: 768px) {
.metrics-details_entries {
flex-direction: row;
}
}
.metrics-details_updates {
margin-top: 32px;
width: 100%;
}
@media (min-width: 768px) {
.metrics-details_updates {
margin-top: 0;
}
}
.metrics-details_divider {
display: none;
}
@media (min-width: 768px) {
.metrics-details_divider {
display: flex;
}
}
.tickets_chart {
flex-direction: column;
}
@media (min-width: 768px) {
.tickets_chart {
flex-direction: row;
}
}
.pie-chart-title .highcharts-title {
padding-bottom: 16px;
}
.piechart-title {
position: absolute;
text-transform: uppercase;
font-size: 14px;
width: 230px;
top: 172px;
color: #888;
z-index: 999;
font-weight: 600;
}
.chart_tooltip__body {
background-color: #fff;
}
@media (min-width: 0px) {
#managers-general_pages-saft .table__unit,
#managers-restricted_pages-saft .table__unit {
margin-bottom: 10px;
}
}
@media (min-width: 600px) {
#managers-general_pages-saft .table__unit,
#managers-restricted_pages-saft .table__unit {
margin-bottom: 0;
}
}
#managers-general_pages-saft .table__unit--report,
#managers-restricted_pages-saft .table__unit--report {
justify-content: center;
text-align: center;
}
#managers-general_pages-saft .table__unit:last-child,
#managers-restricted_pages-saft .table__unit:last-child {
margin-bottom: 0;
position: relative;
}
@media (min-width: 0px) {
#managers-general_pages-saft .table__unit--row,
#managers-restricted_pages-saft .table__unit--row {
border-bottom: 1px solid #edecec;
}
}
@media (min-width: 0px) {
#managers-general_pages-saft .table__report_download,
#managers-restricted_pages-saft .table__report_download {
flex-direction: row;
justify-content: center;
margin-top: 10px;
}
}
@media (min-width: 900px) {
#managers-general_pages-saft .table__report_download,
#managers-restricted_pages-saft .table__report_download {
margin-top: 0;
}
}
@media (min-width: 0px) {
#managers-general_pages-saft .table__unit_download,
#managers-restricted_pages-saft .table__unit_download {
flex-direction: row;
justify-content: center;
margin-bottom: 8px;
}
}
@media (min-width: 900px) {
#managers-general_pages-saft .table__unit_download,
#managers-restricted_pages-saft .table__unit_download {
justify-content: flex-start;
margin-bottom: 0;
}
}
@media (min-width: 0px) {
#managers-general_pages-saft .table__spinner,
#managers-restricted_pages-saft .table__spinner {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
}
.entity-dropdown-container {
width: 34% !important;
}
.entity-dropdown-container__gdpr {
width: 29.4% !important;
}
.entity-dropdown-container__gdpr .entity-dropdown-wrapper {
width: 100% !important;
}
.entity-dropdown-container .entity-dropdown-wrapper {
width: 100% !important;
}
.saft_filter {
margin-bottom: 48px;
}
.saft_form__date_group {
margin-bottom: 16px;
width: 100%;
}
@media (min-width: 900px) {
.saft_form__date_group {
width: 440px;
}
}
.saft_form__inline {
display: flex;
flex-direction: row;
align-items: flex-start;
}
@media (min-width: 760px) {
.saft_form__inline {
flex-direction: row;
align-items: flex-end;
}
}
.saft_form .export__files {
display: flex;
align-items: center;
}
.saft_form .export__files .disabled_button > i, .saft_form .export__files .event .sessions_button:disabled > i, .event .saft_form .export__files .sessions_button:disabled > i {
margin: 0;
}
@media (min-width: 0px) {
.saft_form .export__files {
flex-direction: column;
}
}
@media (min-width: 900px) {
.saft_form .export__files {
flex-direction: row;
}
}
.saft_form .select2-container--default .select2-selection--single .select2-selection__rendered {
padding: 6px;
display: flex;
align-items: center;
padding: 12px 16px;
}
.saft_form .select2-container--default .select2-selection--single .select2-selection__arrow {
display: flex;
align-items: center;
}
.saft_form__input_group {
position: relative;
margin-right: 16px;
margin-bottom: 16px;
}
@media (min-width: 0px) {
.saft_form__input_group {
width: 100%;
}
}
@media (min-width: 900px) {
.saft_form__input_group {
width: 200px;
}
}
.saft_form__input_group:last-child {
margin-right: 0;
}
.saft_form__input_group .select2-container--default .select2-selection--single {
border: none;
}
.saft_form__export {
margin-bottom: 24px;
font-weight: bold;
}
.saft_form__link {
display: flex;
align-items: center;
justify-content: space-between;
padding: 10px 16px;
background: #ffffff;
border: 1px solid rgba(0, 40, 100, 0.12);
border-radius: 3px;
transition: all 0.1s ease-in-out;
}
@media (min-width: 0px) {
.saft_form__link {
margin-bottom: 16px;
width: 100%;
}
}
@media (min-width: 900px) {
.saft_form__link {
margin-right: 16px;
width: 200px;
}
}
.saft_form__link:hover {
background: rgba(255, 255, 255, 0.7);
border: 1px solid rgba(0, 40, 100, 0.24);
}
.filter__event {
width: 60%;
margin-bottom: 16px;
}
.export__text {
padding: 0 8px 0 0;
}
.button-export {
width: 216px;
margin: 0 auto;
}
.gdpr_events {
min-width: 838px;
}
/**
* How to declare variables:
* $a_name
*
* a: Should be the initial of the variable type
* (c - color, b - breakpoint, f - font/font weight, s - size, d - duration).
*
* name: Should be the name of the variable.
*
*/
/* BREAKPOINTS */
/* SPACING */
/* SIZES */
/* ANIMATION DURATION*/
/* FONT SIZES */
/* FONT STYLES */
/* Shadows */
/* BASIC COLORS */
/* WEBSITE COLORS */
/* SEATS */
.sessions {
max-width: 600px;
margin: 64px auto 64px auto;
padding: 0 20px;
}
.sessions__button--desktop {
display: none;
}
.sessions__button--mobile {
display: inline-block;
width: 80px;
}
.sessions__title {
text-align: center;
margin: 0 0 40px 0;
}
.sessions__field {
margin: 0 0 32px 0;
}
.sessions__field--links {
display: block;
}
.sessions__field--icon {
position: absolute;
right: 10px;
bottom: 10px;
cursor: pointer;
}
.sessions__field--toggle {
position: relative;
}
.sessions__field input:focus {
background-color: white;
}
.sessions__actions {
text-align: center;
margin: 0 0 16px 0;
}
.sessions__actions.sessions__center {
display: flex;
justify-content: center;
}
.sessions__actions a {
margin: 8px 0;
}
.sessions__actions hr {
margin: 16px 0;
}
.manager_field_error_msg {
color: #d41922;
padding-top: 8px;
}
.omniauth {
color: #edecec;
font-weight: 700;
text-transform: uppercase;
display: inline-block;
width: 300px;
}
#omniauth_facebook {
background-color: #2760d8;
}
#omniauth_twitter {
background-color: #1da1f2;
}
#omniauth_google_oauth2 {
background-color: #dd4b39;
}
@media (min-width: 420px) {
.sessions_button--desktop {
display: block;
}
.sessions_button--mobile {
display: none;
}
}
@media (min-width: 600px) {
.sessions__field--links {
display: -webkit-box;
display: -webkit-flex;
display: flex;
justify-content: space-between;
}
}
#managers-management-index .select2-container--default .select2-results__option--highlighted[aria-selected] {
background-color: #bad83b;
}
#managers-management-index .select2-container--default .select2-search--dropdown .select2-search__field:focus {
outline: 2px solid #bad83b;
}
#managers-management-index .select2-container--default .select2-selection--single {
border: 1px solid rgba(0, 40, 100, 0.12);
border-radius: 3px;
}
#managers-restricted_pages-saft .select2-container--default .select2-results__option--highlighted[aria-selected] {
background-color: #bad83b;
}
#managers-restricted_pages-saft .select2-container--default .select2-search--dropdown .select2-search__field:focus {
outline: 2px solid #bad83b;
}
.management__table-button {
width: 100%;
margin-right: 5px;
max-width: 100px;
text-align: center;
padding: 8px;
font-size: 14px;
border-radius: 3px;
transition: 0.3s;
border-width: 1px;
border-style: solid;
}
.management__table-button--primary {
background-color: #d41922;
border-color: #d41922;
color: #ffffff;
}
.management__table-button--primary:hover {
background-color: #bd161e;
border-color: #bd161e;
}
.management__table-button--light {
background-color: #edecec;
border-color: #edecec;
color: #141414;
}
.management__table-button--light:hover {
background-color: #e1dfdf;
border-color: #e1dfdf;
}
.management__scroll-down {
display: block;
}
@media (min-width: 900px) {
.management__scroll-down {
display: none;
}
}
@media (min-width: 0px) {
.management__managers {
margin-bottom: 2rem;
}
}
.management__managers .select2-container--default .select2-selection--single {
height: 35px;
padding: 10px;
}
@media (min-width: 0px) {
.management__managers .table__span--mobile {
display: none;
}
}
@media (min-width: 900px) {
.management__managers .table__span--mobile {
display: block;
}
}
@media (min-width: 0px) {
.management__managers .table__label {
font-size: 0.8rem;
font-weight: 700;
margin-left: 0.2rem;
margin-top: 10px;
}
}
@media (min-width: 0px) {
.management__managers .table__label--mobile {
display: inline-block;
}
}
@media (min-width: 900px) {
.management__managers .table__label--mobile {
display: none;
}
}
@media (min-width: 0px) {
.management__managers .table__unit {
justify-content: flex-start;
flex-direction: row;
flex-wrap: wrap;
}
}
@media (min-width: 0px) {
.management__managers .table__unit .select2-container {
text-align: left;
}
}
@media (min-width: 0px) {
.management__managers .table__unit--row {
padding: 15px 10px;
align-items: flex-start;
}
}
@media (min-width: 600px) {
.management__managers .table__unit--row {
padding: 10px 15px;
}
}
@media (min-width: 900px) {
.management__managers .table__unit--row {
align-items: center;
}
}
@media (min-width: 600px) {
.management__managers .table__unit--header {
display: none;
}
}
@media (min-width: 900px) {
.management__managers .table__unit--header {
display: flex;
}
}
@media (min-width: 0px) {
.management__managers .table__unit--name {
margin-bottom: 5px;
padding: 0;
align-items: flex-start;
order: 0;
font-size: 0.9rem;
font-weight: bold;
}
}
@media (min-width: 900px) {
.management__managers .table__unit--name {
margin-bottom: 0;
padding: 0 1rem;
font-size: 1rem;
font-weight: initial;
}
}
@media (min-width: 0px) {
.management__managers .table__unit--name-long {
margin-bottom: 5px;
padding: 0;
align-items: flex-start;
order: 0;
font-size: 0.9rem;
font-weight: bold;
}
}
@media (min-width: 900px) {
.management__managers .table__unit--name-long {
margin-bottom: 0;
padding: 0 1rem;
font-size: 1rem;
font-weight: initial;
}
}
@media (min-width: 0px) {
.management__managers .table__unit--email {
margin-bottom: 10px;
padding: 0;
align-items: flex-start;
order: 2;
font-size: 0.8rem;
}
}
@media (min-width: 900px) {
.management__managers .table__unit--email {
margin-bottom: 0;
padding: 0 1rem;
font-size: 1rem;
order: 1;
}
}
@media (min-width: 0px) {
.management__managers .table__unit--type {
margin-bottom: 5px;
padding: 0;
justify-content: flex-end;
order: 1;
font-size: 0.9rem;
font-weight: bold;
text-align: right;
}
}
@media (min-width: 900px) {
.management__managers .table__unit--type {
width: 14%;
margin-bottom: 0;
padding: 0 1rem;
font-size: 1rem;
font-weight: initial;
order: 2;
justify-content: flex-start;
text-align: left;
}
}
@media (min-width: 0px) {
.management__managers .table__unit--manager {
margin-bottom: 10px;
padding: 0;
justify-content: flex-end;
order: 3;
font-size: 0.8rem;
}
}
@media (min-width: 900px) {
.management__managers .table__unit--manager {
margin-bottom: 0;
padding: 0 1rem;
font-size: 1rem;
justify-content: flex-start;
}
}
@media (min-width: 0px) {
.management__managers .table__unit--rooms {
width: 100%;
margin-bottom: 10px;
order: 4;
margin-top: 5px;
padding: 0;
}
}
@media (min-width: 900px) {
.management__managers .table__unit--rooms {
width: 15%;
margin-bottom: 0;
margin-top: 0;
padding: 0 1rem;
}
}
@media (min-width: 0px) {
.management__managers .table__unit--permissions {
width: 100%;
margin-bottom: 10px;
order: 5;
padding: 0;
}
}
@media (min-width: 900px) {
.management__managers .table__unit--permissions {
margin-bottom: 0;
padding: 0 1rem;
}
}
@media (min-width: 0px) {
.management__managers .table__unit--invites {
margin-bottom: 5px;
order: 6;
align-items: center;
justify-content: flex-start;
padding: 10px 0 0 0;
font-size: 0.9rem;
}
}
@media (min-width: 900px) {
.management__managers .table__unit--invites {
margin-bottom: 0;
padding: 0 1rem;
font-size: 1rem;
}
}
@media (min-width: 0px) {
.management__managers .table__unit--events {
margin-bottom: 10px;
padding: 0;
align-items: flex-start;
order: 2;
font-size: 0.8rem;
}
}
@media (min-width: 900px) {
.management__managers .table__unit--events {
margin-bottom: 0;
padding: 0 1rem;
font-size: 1rem;
order: 1;
}
}
@media (min-width: 0px) {
.management__managers .table__unit--actions {
margin-bottom: 0;
order: 7;
padding: 0;
justify-content: flex-end;
flex-wrap: nowrap;
}
}
@media (min-width: 900px) {
.management__managers .table__unit--actions {
width: 20%;
padding: 0 1rem;
justify-content: flex-start;
}
}
@media (min-width: 0px) {
.management .invite__header {
margin-bottom: 1rem;
}
}
@media (min-width: 0px) {
.management .new_manager {
margin-bottom: 3rem;
}
}
@media (min-width: 0px) {
.management .new_manager__block {
margin-bottom: 1rem;
}
}
.management .new_manager__block .select2-container--default .select2-selection--single {
height: 35px;
padding: 8px;
border: 1px solid rgba(0, 40, 100, 0.12);
}
.management .new_manager__block .select2 {
width: 100%;
}
@media (min-width: 0px) {
.management .new_manager__input {
-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
transition: ease-in-out, width 0.35s ease-in-out;
border: 1px solid rgba(0, 0, 0, 0.15);
padding: 8px;
border-radius: 3px;
width: 100%;
}
}
.management .new_manager__input:focus, .management .new_manager__input:active {
outline: none;
border: 1px solid rgba(0, 0, 0, 0.15);
}
@media (min-width: 0px) {
.management .new_manager__flex-container {
display: flex;
flex-direction: row;
justify-content: space-between;
flex-wrap: wrap;
}
}
@media (min-width: 0px) {
.management .new_manager__flex-container .new_manager__block {
width: 100%;
}
}
@media (min-width: 600px) {
.management .new_manager__flex-container .new_manager__block {
width: 30%;
}
}
.mngmt_kind--multiple {
display: flex;
flex-direction: column;
min-width: 100%;
}
@media (min-width: 900px) {
.mngmt_kind--multiple {
min-width: 50%;
width: min-content;
}
}
.mngmt_kind--name {
width: 100%;
}
@media (min-width: 900px) {
.mngmt_kind--name {
width: 50%;
}
}
.mngmt_kind__container {
margin: 0;
}
@media (min-width: 900px) {
.mngmt_kind__container {
margin: 0 1rem;
}
}
.mngmt_kind__container .select2-selection__rendered {
width: min-content;
}
.mngmt_kind__list {
margin-bottom: 8px;
}
.mngmt_kind__list span {
font-size: 12px;
margin-left: 1em;
}
.mngmt_kind__list .on-left {
margin-left: 0;
margin-right: 1em;
}
.mngmt_kind__list .square {
height: 15px;
width: 15px;
margin-right: 0.5em;
margin-bottom: -3px;
background-color: transparent;
border: black 1px solid;
display: inline-block;
}
.manager-details__card {
width: 100%;
float: left;
margin-left: 0;
margin-right: 0;
max-width: 800px;
padding: 1rem;
margin-bottom: 0;
}
.manager-details__field {
margin-bottom: 16px;
}
#managers-marketing_trackers-edit .select2-container,
#managers-marketing_trackers-new .select2-container,
#managers-marketing_trackers-index .select2-container,
#managers-marketing_trackers-create .select2-container {
width: 100% !important;
max-width: 340px;
}
#managers-marketing_trackers-edit .select2-container--default .select2-results__option--highlighted[aria-selected],
#managers-marketing_trackers-new .select2-container--default .select2-results__option--highlighted[aria-selected],
#managers-marketing_trackers-index .select2-container--default .select2-results__option--highlighted[aria-selected],
#managers-marketing_trackers-create .select2-container--default .select2-results__option--highlighted[aria-selected] {
background-color: #bad83b;
}
#managers-marketing_trackers-edit .select2-container--default .select2-search--dropdown .select2-search__field:focus,
#managers-marketing_trackers-new .select2-container--default .select2-search--dropdown .select2-search__field:focus,
#managers-marketing_trackers-index .select2-container--default .select2-search--dropdown .select2-search__field:focus,
#managers-marketing_trackers-create .select2-container--default .select2-search--dropdown .select2-search__field:focus {
outline: 2px solid #bad83b;
}
#managers-marketing_trackers-edit .back__button,
#managers-marketing_trackers-new .back__button,
#managers-marketing_trackers-index .back__button,
#managers-marketing_trackers-create .back__button {
padding-bottom: 2rem;
}
.coming_soon_container {
display: flex;
align-items: center;
}
.coming_soon_container span {
padding-left: 20px;
}
@media (min-width: 0px) {
.marketing__header {
margin-bottom: 2rem;
}
}
@media (min-width: 0px) {
.marketing__search {
width: 100%;
margin: 16px 0;
}
}
@media (min-width: 600px) {
.marketing__search {
width: 100%;
display: flex;
align-items: center;
}
}
@media (min-width: 0px) {
.marketing__search--input {
width: 100%;
margin-right: 1rem;
margin-bottom: 1rem;
}
}
@media (min-width: 600px) {
.marketing__search--input {
padding: 0 5px 0 0;
margin-bottom: 0;
}
}
.marketing__search--input input :focus {
outline: 1px solid rgba(0, 40, 100, 0.12) !important;
border: 1px solid rgba(0, 40, 100, 0.12) !important;
}
@media (min-width: 0px) {
.marketing__table .table__unit {
flex-direction: column;
}
}
@media (min-width: 900px) {
.marketing__table .table__unit {
flex-direction: row;
}
}
@media (min-width: 0px) {
.marketing__table .table__unit--row {
padding: 0;
flex-direction: row;
flex-wrap: wrap;
}
}
@media (min-width: 900px) {
.marketing__table .table__unit--row {
padding: 10px 20px;
flex-wrap: nowrap;
}
}
@media (min-width: 0px) {
.marketing__table .table__unit--header {
display: none;
}
}
@media (min-width: 900px) {
.marketing__table .table__unit--header {
display: flex;
}
}
@media (min-width: 0px) {
.marketing__table .table__unit--event {
width: 100%;
border-bottom: 1px solid lightgrey;
font-size: 0.9rem;
font-weight: 700;
}
}
@media (min-width: 600px) {
.marketing__table .table__unit--event {
font-size: 1rem;
}
}
@media (min-width: 900px) {
.marketing__table .table__unit--event {
border-bottom: none;
font-weight: normal;
padding: 0 20px;
}
}
@media (min-width: 0px) {
.marketing__table .table__unit--actions {
width: 100%;
padding: 0 10px 10px;
flex-direction: row;
}
}
@media (min-width: 600px) {
.marketing__table .table__unit--actions {
justify-content: flex-end;
}
}
@media (min-width: 900px) {
.marketing__table .table__unit--actions {
padding: 0;
justify-content: flex-start;
}
}
@media (min-width: 0px) {
.marketing__table .table__unit--name {
width: 100%;
padding: 10px;
align-items: flex-start;
justify-content: flex-start;
font-size: 0.9rem;
}
}
@media (min-width: 600px) {
.marketing__table .table__unit--name {
padding: 10px 10px 10px 1rem;
font-size: 1rem;
}
}
@media (min-width: 900px) {
.marketing__table .table__unit--name {
padding: 0 20px;
}
}
@media (min-width: 0px) {
.marketing__table .table__unit--buy {
align-items: flex-start;
padding: 0 10px;
font-size: 0.9rem;
}
}
@media (min-width: 600px) {
.marketing__table .table__unit--buy {
padding: 0;
justify-content: flex-end;
padding-bottom: 10px;
padding-top: 5px;
}
}
@media (min-width: 900px) {
.marketing__table .table__unit--buy {
align-items: flex-start;
justify-content: flex-start;
font-size: 1rem;
padding-bottom: 0;
padding-top: 0;
}
}
@media (min-width: 0px) {
.marketing__table .table__unit--visitors {
align-items: flex-start;
padding: 0 10px;
font-size: 0.9rem;
}
}
@media (min-width: 600px) {
.marketing__table .table__unit--visitors {
padding: 0;
justify-content: flex-end;
padding-bottom: 10px;
padding-top: 5px;
}
}
@media (min-width: 900px) {
.marketing__table .table__unit--visitors {
align-items: flex-start;
justify-content: flex-start;
font-size: 1rem;
padding-bottom: 0;
padding-top: 0;
}
}
@media (min-width: 0px) {
.marketing__field {
margin-bottom: 1rem;
display: flex;
flex-direction: column;
}
}
@media (min-width: 0px) {
.marketing__field--buttons {
justify-content: space-between;
margin: 2rem 0 2rem 0;
flex-direction: row;
flex-wrap: wrap-reverse;
}
}
.marketing__input .select2-container--default .select2-selection--single {
height: 40px;
padding: 10px;
border-radius: 3px;
border: 1px solid rgba(0, 40, 100, 0.12);
}
@media (min-width: 0px) {
.mkt-table__title--mobile {
display: block;
font-size: 0.8rem;
font-weight: 700;
}
}
@media (min-width: 900px) {
.mkt-table__title--mobile {
display: none;
}
}
@media (min-width: 0px) {
.mkt-table__title--desktop {
display: none;
}
}
@media (min-width: 900px) {
.mkt-table__title--desktop {
display: block;
}
}
.mkt-table__title--expand {
height: 100%;
width: 100%;
padding: 10px;
font-size: 1rem;
}
@media (min-width: 0px) {
.mkt-table__button {
text-align: center;
border-radius: 0;
border: none;
padding: 8px;
font-size: 14px;
margin-top: 1rem;
}
}
@media (min-width: 600px) {
.mkt-table__button {
align-items: flex-end;
margin-top: 0;
border-radius: 3px;
}
}
@media (min-width: 900px) {
.mkt-table__button {
width: 100%;
margin-right: 5px;
max-width: 100px;
text-align: center;
}
}
@media (min-width: 0px) {
.mkt-table__button--details {
display: none;
}
}
@media (min-width: 900px) {
.mkt-table__button--details {
display: inline-block;
}
}
@media (min-width: 600px) {
.mkt-table__button--delete {
margin-left: 1rem;
}
}
@media (min-width: 900px) {
.mkt-table__button--delete {
margin-left: 0;
}
}
.mkt-table__button i {
margin: 0;
}
@media (min-width: 0px) {
.tracker-details__card {
width: 100%;
max-width: 800px;
padding: 1rem;
margin-bottom: 0;
}
}
@media (min-width: 0px) {
.tracker-details__field {
margin-bottom: 1rem;
}
}
@media (min-width: 0px) {
.tracker-details__field:last-child {
margin-bottom: 0;
}
}
@media (min-width: 0px) {
.tracker-details__field a {
color: #141414;
text-decoration: underline;
}
}
@media (min-width: 0px) {
.error_page {
height: 60vh;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
}
@media (min-width: 0px) {
.error_page__title {
margin-bottom: 24px;
}
}
.error_page__link {
color: #d41922;
}
.portugal-maps-tooltip {
cursor: pointer;
transform: translate(-50%, -100%) !important;
}
.portugal-maps-tooltip-header {
padding: 5px 10px;
text-align: center;
background-color: #383737;
color: white;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
font-weight: 600;
}
.portugal-maps-tooltip-body {
background-color: black;
color: white;
text-align: center;
padding: 5px 10px;
font-size: 12px;
font-weight: 600;
}