/* this was NOT done by mathieu */
@import url('https://fonts.googleapis.com/css?family=Nunito:300,700&display=swap" rel="stylesheet');
/*
* VARIABLES
*/
/* -------------------------------------------------- */
/*
* A partial implementation of the Ruby list functions from Compass:
* https://github.com/Compass/compass/blob/stable/lib/compass/sass_extensions/functions/lists.rb
*/
/*
* A partial implementation of the Ruby constants functions from Compass:
* https://github.com/Compass/compass/blob/stable/lib/compass/sass_extensions/functions/constants.rb
*/
/*
* A partial implementation of the Ruby display functions from Compass:
* https://github.com/Compass/compass/blob/stable/core/lib/compass/core/sass_extensions/functions/display.rb
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table:not(.tinyMCE-table), caption {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: 300;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline; }
table, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline; }
table:not(.tinyMCE-table) tbody, table:not(.tinyMCE-table) tfoot, table:not(.tinyMCE-table) thead, table:not(.tinyMCE-table) tr, table:not(.tinyMCE-table) th, table:not(.tinyMCE-table) td {
border: 0; }
body {
line-height: 1;
color: black;
background: white; }
ol, ul {
list-style: none; }
.gs-text ol, .gs-text ul {
list-style: disc;
padding-left: 2rem; }
table {
border-collapse: separate;
border-spacing: 0;
vertical-align: middle; }
caption, th, td {
text-align: left;
font-weight: normal;
vertical-align: middle; }
q, blockquote {
quotes: "" ""; }
q:before, q:after, blockquote:before, blockquote:after {
content: ""; }
a img {
border: none; }
.emoticon.Facebook {
display: inline-block; }
.emoticon.Facebook.smile {
background: url("/img/cms/icons/emoticons/facebook.png") no-repeat -154px -3px;
width: 14px;
height: 14px; }
.emoticon.Facebook.frown {
background: url("/img/cms/icons/emoticons/facebook.png") no-repeat -35px -190px;
width: 14px;
height: 14px; }
.emoticon.Facebook.gasp {
background: url("/img/cms/icons/emoticons/facebook.png") no-repeat 0 -53px;
width: 16px;
height: 16px; }
.emoticon.Facebook.grin {
background: url("/img/cms/icons/emoticons/facebook.png") no-repeat -51px -155px;
width: 16px;
height: 16px; }
.emoticon.Facebook.tongue {
background: url("/img/cms/icons/emoticons/facebook.png") no-repeat -52px -241px;
width: 14px;
height: 14px; }
.emoticon.Facebook.sunglasses {
background: url("/img/cms/icons/emoticons/facebook.png") no-repeat -35px -241px;
width: 14px;
height: 14px; }
.emoticon.Facebook.confused {
background: url("/img/cms/icons/emoticons/facebook.png") no-repeat -154px -88px;
width: 14px;
height: 14px; }
.emoticon.Facebook.wink {
background: url("/img/cms/icons/emoticons/facebook.png") no-repeat -17px -172px;
width: 16px;
height: 16px; }
.emoticon.Facebook.curly_lips {
background: url("/img/cms/icons/emoticons/facebook.png") no-repeat -119px -19px;
width: 16px;
height: 16px; }
.emoticon.Facebook.like {
background: url("/img/cms/icons/emoticons/facebook.png") no-repeat -69px -1px;
width: 13px;
height: 12px; }
.emoticon.Facebook.sprite {
background: url("imgs/facebook.png") no-repeat -205px -18px;
width: 14px;
height: 16px; }
/**
* Apply box-sizing: border box to all elements
*/
*, *:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
/*
CLEARFIX
*/
.clear:after {
content: "";
display: block;
clear: both; }
/*
* HTML & BODY
*/
html {
height: 100%;
font-family: "Nunito", sans-serif;
color: #434b5b; }
.button, .addButtonAlt,
.addButton,
.ui-button.addButton,
.ui-menu-item-wrapper.addButton, .saveButton,
.ui-button.saveButton,
.ui-button.saveButton:hover, .saveButton:active,
.ui-button.saveButton:active, .saveButton:focus,
.ui-button.saveButton:focus, .neutralButton, .prettySelectors .ui-button:not(.ui-state-active),
.ui-button.neutralButton,
.ui-button.neutralButton:hover,
.ui-button.neutralButton:focus, .darkNeutralButton, .prettySelectors .ui-button.ui-state-active,
.ui-button.darkNeutralButton, .upgradeButton,
.ui-button.upgradeButton, .refuseButton {
font-family: "Nunito"; }
body {
color: #434b5b;
min-height: 100%;
line-height: 1.3; }
/* general max-width container */
.max-container {
max-width: 1200px;
margin: auto;
padding: 1rem; }
.max-container--small {
max-width: 700px;
margin: auto;
padding: 0 1rem; }
/*
* FONTS
*/
@font-face {
font-family: 'Open Sans';
src: url(/fonts/OpenSans-Regular.ttf); }
@font-face {
font-family: 'Open Sans';
src: url(/fonts/OpenSans-Bold.ttf);
font-weight: bold; }
@font-face {
font-family: 'Open Sans';
src: url(/fonts/OpenSans-Light.ttf);
font-weight: 300; }
@font-face {
font-family: 'Open Sans';
src: url(/fonts/OpenSans-Regular.ttf);
font-weight: 400; }
@font-face {
font-family: 'Open Sans';
src: url(/fonts/OpenSans-Bold.ttf);
font-weight: 700; }
@font-face {
font-family: 'Open Sans';
src: url(/fonts/OpenSans-ExtraBold.ttf);
font-weight: 800; }
@font-face {
font-family: 'Open Sans';
src: url(/fonts/OpenSans-Italic.ttf);
font-style: italic; }
@font-face {
font-family: 'Open Sans';
src: url(/fonts/OpenSans-LightItalic.ttf);
font-style: italic;
font-weight: 300; }
@font-face {
font-family: 'Open Sans';
src: url(/fonts/OpenSans-Italic.ttf);
font-style: italic;
font-weight: 400; }
@font-face {
font-family: 'Open Sans';
src: url(/fonts/OpenSans-BoldItalic.ttf);
font-style: italic;
font-weight: 700; }
/*
*Loader
*/
.ajaxLoader {
/*
background: #364f6c url('/img/common/loader.svg') no-repeat center center;
background-size: 50%;
*/
background: #f1f4f5;
opacity: 0.7;
position: fixed;
width: 100%;
top: 0;
left: 0;
height: 100%;
z-index: 2147483646; }
.ajaxLoader .svg {
left: -webkit-calc(50% - 60px);
left: -moz-calc(50% - 60px);
left: calc(50% - 60px);
position: fixed;
top: -webkit-calc(50% - 60px);
top: -moz-calc(50% - 60px);
top: calc(50% - 60px); }
/*
* Image Full Size
*/
.imageFullSize {
/*
background: #364f6c url('/img/common/loader.svg') no-repeat center center;
background-size: 50%;
*/
background: #f1f4f5;
position: fixed;
width: 100%;
top: 0;
left: 0;
height: 100%;
z-index: 2147483646; }
.imageFullSize .imageClose {
position: fixed;
right: 1rem;
top: 1rem; }
.imageFullSize > div {
width: 90%;
height: inherit;
margin: auto;
text-align: center; }
.imageFullSize > div > span {
display: inline-block;
height: 100%;
vertical-align: middle; }
.imageFullSize > div > img {
max-width: 95%;
max-height: 95%;
vertical-align: middle; }
.box, .boxGreen, .boxRed, .boxGold, .boxBlue {
-webkit-border-radius: 4px;
border-radius: 4px;
padding: 12px;
margin-bottom: 16px;
text-align: center; }
.boxGreen {
border: 1px solid #48bc00;
background-color: #c8ffbf; }
.boxRed {
border: 1px solid #d20000;
background-color: #ffcebf; }
.boxGold {
border: 1px solid #cdb151;
background-color: #ffefb7; }
.boxBlue {
border: 1px solid #51afeb;
background-color: #cef1ff; }
/*
* Notifications
*/
.newnotif, .notification-green {
background-color: #ff3f74;
border: 1px solid #a60c36;
color: white;
font-size: 9px;
font-weight: bold;
padding: 2px 3px;
-webkit-border-radius: 3px;
border-radius: 3px; }
.notification-green {
background: #75da00;
color: #2d4000; }
/*
* Infos bubble
*/
.infosBubble {
background-color: #364f6c;
border: 1px solid #2b3f56;
color: white;
font-size: 9px;
font-weight: bold;
width: 12px;
height: 12px;
text-align: center;
line-height: 12px;
padding: 0;
-webkit-border-radius: 50%;
border-radius: 50%; }
/*
* BUTTONS
*/
button, .button, .addButtonAlt,
.addButton,
.ui-button.addButton,
.ui-menu-item-wrapper.addButton, .saveButton,
.ui-button.saveButton,
.ui-button.saveButton:hover, .saveButton:active,
.ui-button.saveButton:active, .saveButton:focus,
.ui-button.saveButton:focus, .neutralButton, .prettySelectors .ui-button:not(.ui-state-active),
.ui-button.neutralButton,
.ui-button.neutralButton:hover,
.ui-button.neutralButton:focus, .darkNeutralButton, .prettySelectors .ui-button.ui-state-active,
.ui-button.darkNeutralButton, .upgradeButton,
.ui-button.upgradeButton, .refuseButton {
cursor: pointer; }
.button, .addButtonAlt,
.addButton,
.ui-button.addButton,
.ui-menu-item-wrapper.addButton, .saveButton,
.ui-button.saveButton,
.ui-button.saveButton:hover, .saveButton:active,
.ui-button.saveButton:active, .saveButton:focus,
.ui-button.saveButton:focus, .neutralButton, .prettySelectors .ui-button:not(.ui-state-active),
.ui-button.neutralButton,
.ui-button.neutralButton:hover,
.ui-button.neutralButton:focus, .darkNeutralButton, .prettySelectors .ui-button.ui-state-active,
.ui-button.darkNeutralButton, .upgradeButton,
.ui-button.upgradeButton, .refuseButton {
display: inline-block;
vertical-align: middle;
padding: 0 0.6rem;
height: 2rem;
line-height: 2rem;
min-width: 2.5rem;
font-size: 0.775rem !important;
font-weight: bold;
font-family: inherit;
border: none;
-webkit-border-radius: 0;
border-radius: 0;
background-image: none;
text-decoration: none;
position: relative; }
.button:hover, .addButtonAlt:hover,
.addButton:hover, .saveButton:hover,
.ui-button.saveButton:hover, .neutralButton:hover, .prettySelectors .ui-button:hover:not(.ui-state-active),
.ui-button.neutralButton:hover, .darkNeutralButton:hover, .prettySelectors .ui-button.ui-state-active:hover, .upgradeButton:hover, .refuseButton:hover {
background-image: none; }
.button:focus, .addButtonAlt:focus,
.addButton:focus, .saveButton:focus,
.ui-button.saveButton:focus, .neutralButton:focus, .prettySelectors .ui-button:focus:not(.ui-state-active),
.ui-button.neutralButton:focus, .darkNeutralButton:focus, .prettySelectors .ui-button.ui-state-active:focus, .upgradeButton:focus, .refuseButton:focus {
outline: 0;
outline-color: initial;
outline-style: initial;
outline-width: 0px; }
.addButton > svg,
.addButton > img,
.saveButton > svg,
.neutralButton > svg,
.prettySelectors .ui-button:not(.ui-state-active) > svg,
.declineButton > svg,
.button > svg,
.addButtonAlt > svg,
.addButton > svg,
.ui-button.addButton > svg,
.ui-menu-item-wrapper.addButton > svg,
.saveButton > svg,
.ui-button.saveButton > svg,
.ui-button.saveButton:hover > svg,
.saveButton:active > svg,
.ui-button.saveButton:active > svg,
.saveButton:focus > svg,
.ui-button.saveButton:focus > svg,
.neutralButton > svg,
.prettySelectors .ui-button:not(.ui-state-active) > svg,
.ui-button.neutralButton > svg,
.ui-button.neutralButton:hover > svg,
.ui-button.neutralButton:focus > svg,
.darkNeutralButton > svg,
.prettySelectors .ui-button.ui-state-active > svg,
.ui-button.darkNeutralButton > svg,
.upgradeButton > svg,
.ui-button.upgradeButton > svg,
.refuseButton > svg {
width: 1.5rem;
height: 1.5rem;
display: inline-block;
vertical-align: middle; }
.buttonBig {
padding: 8px; }
.addButtonAlt,
.addButton,
.ui-button.addButton,
.ui-menu-item-wrapper.addButton {
background-color: #3682FF;
color: #fff !important;
-webkit-border-radius: 16px;
border-radius: 16px; }
.addButton + .addButton {
margin-left: 0.2rem; }
.addButtonAlt:hover,
.addButton:hover,
.ui-button.addButton:hover {
background-color: #68a1ff; }
.ui-state-active.addButton,
.addButtonAlt:active,
.addButton:active,
.ui-button.addButton:active {
background-color: #0057E7; }
.addButtonAlt,
.fullWidthButton {
width: 100%;
text-align: center; }
.fullWidthButton {
height: auto !important;
min-height: 2rem; }
.isTwoLined {
line-height: 1.3rem; }
.saveButton,
.ui-button.saveButton {
background-color: #36D48F;
-webkit-border-radius: 16px;
border-radius: 16px;
color: #fff; }
.saveButton svg * {
stroke: #fff; }
.saveButton,
.ui-button.saveButton:hover {
background-color: #68deab;
-webkit-border-radius: 16px;
border-radius: 16px;
color: #fff; }
.saveButton:active,
.ui-button.saveButton:active {
background-color: #23A46B;
-webkit-border-radius: 16px;
border-radius: 16px;
color: #fff; }
.saveButton:focus,
.ui-button.saveButton:focus {
background-color: #23A46B;
-webkit-border-radius: 16px;
border-radius: 16px;
color: #fff; }
.neutralButton, .prettySelectors .ui-button:not(.ui-state-active),
.ui-button.neutralButton,
.prettySelectors .ui-button:not(.ui-state-active) {
background-color: #C3CFE7;
color: #0B1F40;
-webkit-border-radius: 16px;
border-radius: 16px; }
.neutralButton, .prettySelectors .ui-button:not(.ui-state-active),
.ui-button.neutralButton:hover,
.prettySelectors .ui-button:hover:not(.ui-state-active) {
background-color: #C3CFE7;
color: #0B1F40;
-webkit-border-radius: 16px;
border-radius: 16px; }
.neutralButton, .prettySelectors .ui-button:not(.ui-state-active),
.ui-button.neutralButton:focus,
.prettySelectors .ui-button:focus:not(.ui-state-active) {
background-color: #C3CFE7;
color: #0B1F40;
-webkit-border-radius: 16px;
border-radius: 16px; }
.roundButton, .roundNeutralButton, .roundAddButton {
-webkit-border-radius: 50%;
border-radius: 50%;
width: 32px;
height: 32px;
display: inline-block;
vertical-align: middle;
padding: 0 0.6rem;
line-height: 2rem;
font-size: 0.775rem;
font-weight: bold;
font-family: inherit;
text-align: center; }
.roundNeutralButton {
background-color: #C3CFE7;
color: white; }
.roundAddButton {
background-color: #3682FF;
color: white; }
.neutralButton svg *, .prettySelectors .ui-button:not(.ui-state-active) svg * {
stroke: #0B1F40;
fill: none; }
.upgradeButton {
background-color: #FFC107;
color: #003854; }
.darkNeutralButton, .prettySelectors .ui-button.ui-state-active,
.ui-button.darkNeutralButton,
.prettySelectors .ui-button.ui-state-active {
border: 1px solid #cfd5dd;
background: #d1d4db;
color: #434b5b;
text-shadow: #000, 30% opacity, 1px;
-webkit-box-shadow: 0 0 10px 0 #434b5b inset;
box-shadow: 0 0 10px 0 #434b5b inset; }
.upgradeButton,
.ui-button.upgradeButton {
background-color: #d7a700; }
.refuseButton {
background-color: #e82221;
color: #fff;
-webkit-border-radius: 16px;
border-radius: 16px; }
.refuseButton svg * {
stroke: #fff; }
.transparentButton {
background: none;
border: none; }
/* delete from global when not needed anymore */
.confirmation-button:not(.disabledButton), .ui-button.confirmation-button {
cursor: pointer; }
.confirmation-button, .ui-button.confirmation-button {
display: inline-block;
vertical-align: middle;
padding: 0 0.6rem;
height: 2rem;
line-height: 2rem;
min-width: 2.5rem;
font-size: 0.775rem !important;
font-weight: bold;
border: none;
-webkit-border-radius: 0;
border-radius: 0;
background-image: none;
text-decoration: none;
position: relative; }
.confirmation-button:hover {
background-image: none; }
.confirmation-button > svg,
.confirmation-button > svg,
.ui-button.confirmation-button > svg {
width: 1.5rem;
height: 1.5rem;
display: inline-block;
vertical-align: middle; }
.confirmation-button, .ui-button.confirmation-button {
background-color: #36D48F;
color: #fff !important;
-webkit-border-radius: 24px;
border-radius: 24px; }
.confirmation-button svg * {
stroke: #003854; }
.confirmation-button:hover:not(.disabledButton),
.ui-button.confirmation-button:hover {
background-color: #68deab; }
.confirmation-button:active,
.ui-button.confirmation-button:active {
background-color: #23A46B !important; }
.confirmation-button:focus,
.ui-button.confirmation-button:focus {
outline: 0;
outline-color: initial;
outline-style: initial;
outline-width: 0px; }
/* The switch - the box around the slider */
.switch {
position: relative;
display: inline-block;
width: 30px;
height: 17px; }
/* Hide default HTML checkbox */
.switch input {
display: none; }
/* The slider */
.slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
-webkit-transition: .4s;
-o-transition: .4s;
-moz-transition: .4s;
transition: .4s; }
.slick-slide {
max-height: 78vh; }
.slider:before {
position: absolute;
content: "";
height: 13px;
width: 13px;
left: 2px;
bottom: 2px;
background-color: white;
-webkit-transition: .4s;
-o-transition: .4s;
-moz-transition: .4s;
transition: .4s; }
input:checked + .slider.blue {
background-color: #2196F3; }
input:checked + .slider.green {
background-color: #36D48F; }
input:checked + .slider.orange {
background-color: #ff6600; }
/*input:not(:checked) + .slider.disabled{
background-color: #ff9999;
}*/
input:not(:checked) + .slider {
background-color: red; }
/*input:focus + .slider {
box-shadow: 0 0 1px red;
}*/
input:checked + .slider:before {
-webkit-transform: translateX(13px);
-ms-transform: translateX(13px);
-moz-transform: translateX(13px);
-o-transform: translateX(13px);
transform: translateX(13px); }
/* Rounded sliders */
.slider.round {
-webkit-border-radius: 17px;
border-radius: 17px; }
.slider.round:before {
-webkit-border-radius: 50%;
border-radius: 50%; }
/* change language */
.change-lang {
position: absolute;
top: 50%;
width: 2rem;
height: 2rem; }
.change-lang:hover {
background-color: #00a8ea;
cursor: pointer;
cursor: hand; }
.change-lang--is-active {
background-color: #00a8ea; }
.change-lang--not-landing {
position: static;
margin: 0; }
.current-lang {
position: absolute;
top: 50%;
left: 50%;
margin: -7px 0 0 -10.5px; }
.change-lang__list {
visibility: hidden;
opacity: 0;
position: absolute;
top: 100%;
min-width: 200px;
padding: 0.5rem;
background-color: #00a8ea; }
.change-lang__list-item {
margin: 0.5rem 0; }
.change-lang__list-link {
display: block; }
.change-lang__list-icon {
margin-right: 5px; }
.show-lang {
visibility: visible;
opacity: 1;
-webkit-transition: all 0.15s ease;
-o-transition: all 0.15s ease;
-moz-transition: all 0.15s ease;
transition: all 0.15s ease; }
.flag {
display: inline-block;
width: 16px;
height: 11px;
background: url("../../../www/img/common/all_flags.png") no-repeat; }
.flag.flag-uk {
background-position: -32px 0; }
.flag.flag-nl {
background-position: -16px -11px; }
.flag.flag-de {
background-position: 0 0; }
.flag.flag-fr {
background-position: -16px 0; }
.flag.flag-lu {
background-position: 0 -11px; }
.overlay {
position: fixed;
top: 0;
left: 0;
z-index: 130;
width: 100%;
height: 100%;
background-color: #000;
opacity: 0.5; }
.dashboard-overlay {
position: fixed;
top: 0;
left: 0;
z-index: 1000;
width: 100%;
height: 100%;
background-color: #000;
opacity: 0.8; }
.tooltip_cs,
a.tooltip_cs {
text-decoration: none;
position: relative;
border-bottom: 1px #9b9b9b dotted;
cursor: pointer; }
.elementDescription {
font-weight: 300 !important; }
.userpic {
-webkit-border-radius: 50%;
border-radius: 50%;
border: 2px solid #fff;
vertical-align: middle; }
.up_b {
width: 100px;
height: 100px;
-webkit-box-shadow: 2px 2px 4px 0px #b3b7c2;
box-shadow: 2px 2px 4px 0px #b3b7c2; }
.up_m {
width: 50px;
height: 50px;
-webkit-box-shadow: 1px 1px 2px 0px #b3b7c2;
box-shadow: 1px 1px 2px 0px #b3b7c2; }
.up_s {
width: 36px;
height: 36px;
-webkit-box-shadow: 1px 1px 2px 0px #b3b7c2;
box-shadow: 1px 1px 2px 0px #b3b7c2; }
/**
* Apply box-sizing: border box to all elements
*/
*, *:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
/*
CLEARFIX
*/
.clear:after {
content: "";
display: block;
clear: both; }
/*
* HTML & BODY
*/
html {
height: 100%;
font-family: "Nunito", sans-serif;
color: #434b5b; }
.button, .addButtonAlt,
.addButton,
.ui-button.addButton,
.ui-menu-item-wrapper.addButton, .saveButton,
.ui-button.saveButton,
.ui-button.saveButton:hover, .saveButton:active,
.ui-button.saveButton:active, .saveButton:focus,
.ui-button.saveButton:focus, .neutralButton, .prettySelectors .ui-button:not(.ui-state-active),
.ui-button.neutralButton,
.ui-button.neutralButton:hover,
.ui-button.neutralButton:focus, .darkNeutralButton, .prettySelectors .ui-button.ui-state-active,
.ui-button.darkNeutralButton, .upgradeButton,
.ui-button.upgradeButton, .refuseButton {
font-family: "Nunito"; }
body {
color: #434b5b;
min-height: 100%;
line-height: 1.3; }
.header--dashboard {
padding: 0;
position: relative; }
.header--dashboard button {
padding: 0;
border: none; }
.max-container--dashboard {
padding: 0 1rem; }
.header-icon-wrapper {
width: 3rem;
height: 3rem; }
.logo--dashboard {
width: 165px;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center; }
.logo--dashboard a {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 64px; }
.logo--dashboard img {
display: inline-block;
vertical-align: middle;
height: 40px; }
.logo--dashboard .beta-button {
width: 2rem;
height: auto;
position: absolute;
right: 0;
bottom: -0.3rem; }
@media (min-width: 550px) {
.logo--dashboard .beta-button {
width: 2.5rem; } }
.header__current-apps {
line-height: 3rem;
color: #7a7a7a;
position: relative;
background-color: #fff;
font-size: 0.9rem; }
.header__current-apps-former {
text-transform: uppercase;
color: #7a7a7a;
margin: 0 0.7rem 0 0.7rem;
position: relative;
text-decoration: none;
position: relative; }
.header__current-apps-former:after {
content: "";
display: block;
background-image: url("../../../img/cms/icons/svg/liv_angle-wide-right.svg");
background-repeat: no-repeat;
-webkit-background-size: contain;
-o-background-size: contain;
background-size: contain;
width: 1.5rem;
height: 1.5rem;
position: absolute;
right: -1.5rem;
top: 50%;
margin-top: -0.75rem; }
.header__current-apps-last {
font-style: italic;
text-transform: uppercase;
position: relative;
margin: 0 1rem;
font-size: 0.9rem;
color: #434b5b; }
.header__current-apps-svg * {
stroke: #7a7a7a; }
.user-menu {
max-height: 100vh; }
.user-menu--closed {
-webkit-border-radius: 0 0 20px 20px;
border-radius: 0 0 20px 20px; }
.max-container--custom-admin {
padding: 0 1rem;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center; }
/*
* NAVIGATION BAR
*/
.navigationBar {
margin-bottom: 15px;
background-color: #3682FF; }
.navigationBar .navigationIcon {
display: none;
height: 92px;
width: 92px;
-webkit-background-size: 92px 92px;
-o-background-size: 92px;
background-size: 92px;
-webkit-border-radius: 50%;
border-radius: 50%;
padding: 0;
margin: 0;
border: 0;
z-index: 3;
cursor: pointer; }
@media (max-width: 1000px) {
.navigationBar .navigationIcon {
height: 82px;
width: 82px;
-webkit-background-size: 82px 82px;
-o-background-size: 82px;
background-size: 82px; } }
@media (max-width: 800px) {
.navigationBar .navigationIcon {
height: 72px;
width: 72px;
-webkit-background-size: 72px 72px;
-o-background-size: 72px;
background-size: 72px; } }
@media (max-width: 600px) {
.navigationBar .navigationIcon {
height: 62px;
width: 62px;
-webkit-background-size: 62px 62px;
-o-background-size: 62px;
background-size: 62px; } }
.navigationBar .navigationIcon a {
display: block;
width: 100%;
height: 100%; }
.navigationBar .titleMenu,
.navigationBar .breadCrum {
display: block; }
@media (min-width: 900px) {
.navigationBar .titleMenu,
.navigationBar .breadCrum {
display: inline-block;
vertical-align: middle; } }
.navigationBar .navigationMenu {
color: #0074b5;
background-color: #F5F9FF;
display: table;
width: 100%; }
.navigationBar .navigationMenu ul.horizontalMenu {
position: relative; }
.navigationBar .navigationMenu ul.horizontalMenu a {
text-decoration: none;
color: #0074b5; }
.navigationBar .navigationMenu ul.horizontalMenu > li {
cursor: pointer; }
.navigationBar .navigationMenu ul.horizontalMenu > li + li {
border-left: 1px solid darkgrey; }
.navigationBar .navigationMenu .titleMenu {
border-bottom: 1px solid darkgray; }
.navigationBar .navigationMenu .titleMenu .horizontalMenu {
width: 100%; }
.navigationBar .navigationMenu .titleMenu .horizontalMenu > li {
float: left;
/* &:first-of-type{
width: 10%;
}*/ }
.navigationBar .navigationMenu .titleMenu .horizontalMenu > li:first-of-type {
width: 65%; }
.navigationBar .navigationMenu .titleMenu .horizontalMenu > li:nth-of-type(2) {
width: 35%; }
@media (min-width: 500px) {
.navigationBar .navigationMenu .titleMenu .horizontalMenu > li {
float: none;
margin: 0 0.5rem; }
.navigationBar .navigationMenu .titleMenu .horizontalMenu > li:first-of-type {
width: auto;
max-width: 500px; }
.navigationBar .navigationMenu .titleMenu .horizontalMenu > li:nth-of-type(2) {
width: auto; }
.navigationBar .navigationMenu .titleMenu .horizontalMenu > li:nth-of-type(3) {
width: auto; } }
.navigationBar .navigationMenu .titleMenu .horizontalMenu > .dropDownContainer:nth-of-type(2) .dropDownValue {
padding-left: 0; }
@media (min-width: 900px) {
.navigationBar .navigationMenu .titleMenu {
border-right: 7px solid darkgrey;
border-bottom: none; } }
.navigationBar .navigationMenu .titleMenu h1, .navigationBar .navigationMenu .titleMenu h1:hover, .navigationBar .navigationMenu .titleMenu h1:active {
margin: 0;
padding: 0;
text-decoration: none; }
.navigationBar .navigationMenu .breadCrum ul.horizontalMenu {
display: table;
width: 100%;
background-color: #F5F9FF;
padding: 0; }
.navigationBar .navigationMenu .breadCrum ul.horizontalMenu > li {
text-transform: uppercase;
vertical-align: middle;
display: table-cell;
text-align: center; }
.navigationBar .navigationMenu .breadCrum ul.horizontalMenu > li.selected {
background: #fff;
color: #0074b5; }
.navigationBar .navigationMenu .breadCrum ul.horizontalMenu > li .newnotif__text {
font-size: 0.7rem; }
@media (min-width: 700px) {
.navigationBar .navigationMenu .breadCrum ul.horizontalMenu > li .newnotif__text {
font-size: inherit; } }
.navigationBar .navigationMenu .breadCrum ul.horizontalMenu > li svg,
.navigationBar .navigationMenu .breadCrum ul.horizontalMenu > li .svg {
max-height: 20px;
max-width: 20px;
vertical-align: middle;
display: none; }
.navigationBar .navigationMenu .breadCrum ul.horizontalMenu > li svg *,
.navigationBar .navigationMenu .breadCrum ul.horizontalMenu > li .svg * {
stroke: #000; }
.navigationBar .navigationMenu .breadCrum ul.horizontalMenu > li svg rect,
.navigationBar .navigationMenu .breadCrum ul.horizontalMenu > li .svg rect {
stroke: none; }
.navigationBar .navigationMenu .breadCrum ul.horizontalMenu > li.gamesheet .svg path {
fill: #000; }
ul.horizontalMenu {
margin: 0;
padding: 0;
list-style: none; }
ul.horizontalMenu > li {
display: inline-block;
vertical-align: middle;
padding: 1.5rem 1rem; }
.errorPage {
background-color: #f5f9ff; }
.errorPage .error-contactDetails {
margin: 2rem auto;
max-width: 600px;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center; }
.errorPage .error-contactDetails img {
width: 180px; }
.errorPage .error-contactDetails svg {
width: 1.3rem; }
.errorPage .error-contactDetails svg * {
fill: none; }
.errorPage .error-contactDetails .error-contactDetailsMail {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-moz-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
font-size: 1.2rem;
padding-top: 0.5rem; }
.error-404,
.error-403,
.error-401 {
text-align: center; }
.error-404-info,
.error-403-info,
.error-401-info {
color: #0B1F40;
font-weight: 700;
font-size: 1.625rem;
padding: 50px 50px; }
.error-404-info span:not(.bold),
.error-403-info span:not(.bold),
.error-401-info span:not(.bold) {
font-weight: initial; }
.error-404-svg > img,
.error-403-svg > img,
.error-401-svg > img {
max-width: 50%;
padding-bottom: 50px; }
.pageTitle {
display: none; }
@media (min-width: 500px) {
.pageTitle {
display: inline;
padding-left: 0.4rem; } }
.dropDownSvg {
width: 1.5rem;
height: 1.5rem;
position: absolute;
right: 0;
top: 50%;
margin: -0.75rem 0 0 0; }
.dropDownSvgBack {
position: static;
display: inline-block;
vertical-align: middle; }
@media (min-width: 500px) {
.dropDownSvgBack {
position: absolute;
right: auto;
left: 0;
top: 50%;
margin: -0.75rem 0 0 0; } }
.dropDownContainer {
-webkit-background-size: 19px 19px;
-o-background-size: 19px;
background-size: 19px;
text-align: center; }
@media (min-width: 700px) {
.dropDownContainer {
position: relative; } }
.dropDownContainer .dropDownValue {
display: block;
position: relative;
cursor: pointer;
padding: 0 2rem;
overflow: hidden;
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis; }
@media (min-width: 700px) {
.dropDownContainer .dropDownValue {
position: static; } }
.dropDownContainer .dropDownTeamImg {
min-height: 1.5rem;
max-height: 1.5rem;
position: absolute;
top: 50%;
left: 0;
margin-top: -0.75rem; }
@media (min-width: 700px) {
.dropDownContainer .dropDownTeamImg {
margin-left: 0.5rem; } }
.dropDownContainer .dropDownContent {
width: -webkit-calc(640px - 2rem);
width: -moz-calc(640px - 2rem);
width: calc(640px - 2rem);
position: absolute;
z-index: 10;
top: 100%;
left: 1rem;
right: 1rem;
margin: 1rem 0 0 0;
background-color: #F1F1F1;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.4);
box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.4);
display: none; }
@media (min-width: 700px) {
.dropDownContainer .dropDownContent {
left: 0;
right: auto; } }
.dropDownContainer .dropDownContent .dropDownList {
display: block;
padding: 0;
max-height: 250px;
overflow: auto; }
.dropDownContainer .dropDownContent .dropDownList > li {
display: block;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
word-wrap: break-word;
white-space: nowrap;
padding: 5px;
border-bottom: 2px solid #ccc; }
.dropDownContainer .dropDownContent .dropDownList > li.separator {
background: #50749f; }
.dropDownContainer .dropDownContent .dropDownList > li.selected {
background: #ccc;
color: #0074b5; }
.dropDownContainer .dropDownContent .dropDownButton {
display: inline-block;
margin: 15px 0; }
@media (max-width: 700px) {
.dropDownContainer .dropDownContent .dropDownButton {
padding: 10px 5px; } }
.dashboard-menu-container {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center; }
.dashboard-menu-trigger-wrapper {
z-index: 400;
text-align: center;
font-family: "Nunito", sans-serif;
position: relative; }
.dashboard-menu-trigger {
position: relative;
font-family: "Nunito", sans-serif;
top: 0.3rem;
background-color: transparent;
padding: 0;
outline: 0;
min-width: 30px; }
.dashboard-menu-trigger svg * {
stroke: #fff !important; }
.liv-container.livicon-evo-holder {
display: block !important; }
.dashboard-menu-trigger__text {
font-family: "Nunito", sans-serif;
text-transform: uppercase;
color: #fff;
position: absolute;
display: block;
left: 0;
right: 0;
font-size: 0.8rem; }
.dashboard-menu-wrapper {
background-color: #3682FF;
background: -webkit-gradient(linear, left top, left bottom, from(#3682ff), to(#245fbf));
background: -webkit-linear-gradient(top, #3682ff 0%, #245fbf);
background: -moz-linear-gradient(top, #3682ff 0%, #245fbf);
background: -o-linear-gradient(top, #3682ff 0%, #245fbf);
background: linear-gradient(180deg, #3682ff 0%, #245fbf);
position: absolute;
z-index: 115;
left: 0;
right: 0;
top: 100%;
width: 100%;
display: none; }
.dashboard-menu-wrapper svg {
width: 2rem;
height: 2rem; }
.dashboard-menu-wrapper svg * {
fill: none;
stroke: #fff; }
svg.svg.dashboard-menu__no-liv * {
fill: #fff; }
.max-container.dashboard-menu {
padding: 1rem;
color: #fff; }
.max-container.dashboard-menu a {
color: #fff;
text-decoration: none; }
.dashboard-menu a:hover svg path,
.dashboard-menu a:hover svg circle,
.dashboard-menu a:hover svg rect,
.dashboard-menu a:hover svg line,
.dashboard-menu a:hover svg polyline,
.dashboard-menu a:hover svg polygon,
.dashboard-menu a:hover {
stroke: #0B1F40;
color: #0B1F40;
font-weight: bold; }
@media (min-width: 800px) {
.dashboard-menu__column {
float: left;
width: 33.3333%;
padding: 0 1rem; }
.dashboard-menu__column + .dashboard-menu__column {
border-left: 1px solid #fff; } }
.dashboard-menu__column:last-of-type .dashboard-menu__section:last-of-type {
border-bottom: 0px; }
.dashboard-menu__section {
padding: 1rem 0;
border-bottom: 1px solid #fff;
text-transform: uppercase; }
.dashboard-menu__section--disabled {
opacity: 0.6; }
@media (min-width: 800px) {
.dashboard-menu__section {
border-bottom: 0px solid #fff; }
.dashboard-menu__section:first-of-type {
border-bottom: 1px solid #fff; } }
.dashboard-menu__item--disabled {
opacity: 0.6; }
.dashboard-menu__heading {
font-size: 0.8rem;
font-weight: 700;
letter-spacing: 0.5px;
position: relative;
padding: 0 2.5rem; }
@media (min-width: 550px) {
.dashboard-menu__heading {
font-size: 0.9rem; } }
@media (min-width: 650px) {
.dashboard-menu__heading {
font-size: 1rem; } }
.dashboard-menu__icon {
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
width: 1.5rem;
height: 1.5rem; }
.dashboard-menu__icon--heading {
width: 2rem;
height: 2rem; }
.dashboard-menu__toggle-sub-menu {
background-color: transparent;
position: absolute;
top: 0;
right: 0;
bottom: 0;
margin: auto;
width: 2rem;
height: 2rem;
padding: 0; }
@media (min-width: 800px) {
.dashboard-menu__toggle-sub-menu {
display: none; } }
.dashboard-menu__section-item-container {
padding: 1rem 1rem 0 1rem; }
@media (min-width: 800px) {
.dashboard-menu__section-item-container {
display: block !important;
/* I know, I know. It's disgusting. I'll change it later. Maybe. */ } }
.dashboard-menu__section-items {
position: relative;
padding: 0.7rem 0rem 0.7rem 2.5rem;
font-size: 0.75rem; }
@media (min-width: 550px) {
.dashboard-menu__section-items {
font-size: 0.8rem; } }
@media (min-width: 650px) {
.dashboard-menu__section-items {
font-size: 0.85rem; } }
.dashboard-menu__close {
clear: both;
display: block;
padding: 0;
width: 100%;
background-color: transparent;
margin-top: 1.5rem; }
.dashboard-menu__close svg {
width: 3rem;
height: 3rem; }
/* footer styles cunt */
.footer__list {
text-align: center;
color: #7a7a7a;
clear: both; }
.copyright {
font-size: 0.75rem;
margin-bottom: 1.25rem;
color: #7a7a7a; }
.copyright a {
text-decoration: underline;
color: #7a7a7a; }
a.orderLink {
text-decoration: none;
color: #434b5b; }
/*
******************************************************
********************************************************
********************************************************
new form styles use these for EVERY.SINGLE.FORM from now on
******************************************************
********************************************************
********************************************************
*/
.form {
padding: 1rem 0;
background-color: #f1f4f5;
font-weight: 100; }
.form__heading {
font-weight: bold;
margin: 1.5rem 0 1rem 0;
padding: 0 1rem;
font-size: 1.3rem;
color: #434B5B; }
.form__item-container {
padding: 0 1rem; }
.form__item-container:not(:last-of-type) {
margin-bottom: 1.5rem; }
.form__label {
text-transform: uppercase;
font-size: 0.85rem; }
.form__label-logo {
max-width: 16px;
max-height: 16px; }
.form__label-no_uppercase {
font-size: 0.85rem; }
.form__label--block {
display: block;
width: 100%;
margin-bottom: 0.5rem;
cursor: pointer; }
.form__label--inline {
display: inline; }
.form__label--relative {
position: relative; }
.form__label--relative__checkbox {
padding-right: 1rem;
padding-bottom: 0.4rem;
display: inline-block; }
.form__text-input {
padding: 0.4rem;
border: 1px solid #000; }
.form__text-input-responsive {
width: 90%; }
@media screen and (max-width: 700px) {
.form__text-input-responsive {
width: 80%; } }
.form__text-input--block {
display: block;
width: 100%; }
.form__select {
display: block;
max-width: 100%;
padding: 0.4rem;
border: 1px solid #000; }
.form__option {
display: block;
max-width: 100%;
padding: 0.4rem; }
.form__radio,
.form__checkbox {
margin-right: 0.3rem; }
/* form placeholders */
input[class^="form__"]::-webkit-input-placeholder {
font-style: italic;
color: black;
opacity: 0.6; }
input[class^="form__"]:-moz-placeholder {
font-style: italic;
color: black;
opacity: 0.6; }
input[class^="form__"]::-moz-placeholder {
font-style: italic;
color: black;
opacity: 0.6; }
input[class^="form__"]:-ms-input-placeholder {
font-style: italic;
color: black;
opacity: 0.6; }
input[class^="form__"]::-ms-input-placeholder {
font-style: italic;
color: black;
opacity: 0.6; }
input[class^="form__"]::placeholder {
font-style: italic;
color: black;
opacity: 0.6; }
/*
* INPUTS
*/
input, textarea, select {
border: 1px solid #cfd5dd;
-webkit-border-radius: 2px;
border-radius: 2px;
background-color: #fff;
color: #434b5b;
padding: 4px; }
.custom-control .custom-control-label:before {
border: 1px solid #596378;
position: absolute;
left: 0;
display: inline-block;
width: 1rem;
height: 1rem;
content: ""; }
.custom-control .custom-control-label:after {
content: "";
background-repeat: no-repeat;
background-position: 50%;
-webkit-background-size: 50% 50%;
-o-background-size: 50% 50%;
background-size: 50% 50%;
position: absolute;
top: -.05rem;
left: 0;
display: block;
width: 1rem;
height: 1rem; }
.custom-control .custom-control-input {
position: absolute;
z-index: -1;
opacity: 0; }
.custom-control .custom-control-input:checked ~ .custom-control-label:before {
-webkit-box-shadow: 0 0.1rem 0.2rem #3682FF;
box-shadow: 0 0.1rem 0.2rem #3682FF;
border: 0.1rem solid #3682FF;
background-color: #3682FF;
color: #fff;
content: ""; }
.custom-control .custom-control-input:checked ~ .custom-control-label:after {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
content: ""; }
.custom-control .custom-control-input:focus ~ .custom-control-label:before {
-webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 116, 181, 0.25);
box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 116, 181, 0.25); }
.custom-control-label {
position: relative;
margin-bottom: 0;
vertical-align: top; }
.disabledSelect {
border: 1px solid #999;
color: #333;
opacity: 0.5; }
.disabled {
color: #333;
opacity: 0.5; }
.disabledButton {
color: #333;
opacity: 0.5;
background-color: #E2E5EB; }
.disabledButton:hover {
cursor: default; }
input, textarea, select, button {
font-family: "Nunito", sans-serif; }
input:active, textarea:active, select:active, input:focus, textarea:focus, select:focus {
background-color: #fff;
color: #434b5b; }
input:hover:disabled, select:hover:disabled {
cursor: not-allowed; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder, select::-webkit-input-placeholder {
color: #aab2bc;
font-style: italic; }
input::-moz-placeholder, textarea::-moz-placeholder, select::-moz-placeholder {
color: #aab2bc;
font-style: italic; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder, select:-ms-input-placeholder {
color: #aab2bc;
font-style: italic; }
input:-moz-placeholder, textarea:-moz-placeholder, select:-moz-placeholder {
color: #aab2bc;
font-style: italic; }
/*
******************************************************
********************************************************
********************************************************
don't use these anymore, they are being kept because
they are being used throughout the app
********************************************************
********************************************************
********************************************************
*/
.formField {
margin-bottom: 0.5rem; }
.labelCell {
text-align: right;
padding-right: 15px !important; }
.inputCell {
text-align: left; }
.spacer {
clear: both;
width: 100%; }
.spacer-left {
clear: left; }
.spacer-right {
clear: right; }
.s50-validated-radio__content {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-moz-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start; }
/* TABS */
.tabs-menu {
display: table;
width: 100%;
margin-bottom: 20px;
padding: 0.5rem 0.3rem 0 0.3rem;
background-color: #e2e5eb; }
.tabs-menu__item {
display: table-cell;
width: 33.333333%;
text-align: center;
vertical-align: middle;
text-align: center;
border: none;
padding: 0;
margin: 0; }
.tabs-menu__item:hover,
.tabs-menu__item:focus {
background-color: #f1f4f5; }
.tabs-menu__link {
display: block;
width: 100%;
padding: 0.5rem;
color: #434B5B; }
.tabs-menu__link.active {
background-color: #F1F4F5; }
/* tables */
.table {
width: 100%; }
.table th,
.table td {
padding: 0.5rem; }
.table--striped tr {
background-color: #E2E5EB; }
.table--side-heading th,
.table--striped th {
background-color: #E2E5EB;
font-weight: bold;
text-transform: uppercase;
font-size: 0.875rem; }
.table--striped tr:nth-of-type(odd) {
background-color: #F1F4F5; }
.table--side-heading tr {
background-color: #F1F4F5; }
/*
* headings
*/
.primary-heading {
font-size: 2rem;
margin-bottom: 0.875rem;
font-weight: bold; }
.secondary-heading {
font-size: 1.5rem;
margin-bottom: 0.6375rem;
font-weight: bold; }
.tertiary-heading {
font-size: 1.2rem;
margin-bottom: 0.5375rem;
font-weight: bold; }
.aspect-ratio {
height: 0;
position: relative;
max-width: 100%; }
.aspect-ratio16by9 {
padding-bottom: 56.25%; }
.aspect-ratio4by3 {
padding-bottom: 75%; }
.aspect-ratio__child {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto; }
.aspect-ratio__element {
width: 100%;
height: 100%; }
figure,
figcaption {
margin: 0;
padding: 0;
border: 0;
font: inherit;
font-size: 100%;
vertical-align: baseline; }
img,
svg {
max-width: 100%;
max-height: 100%; }
.user-account {
width: 3rem;
height: 3rem;
margin-left: auto;
cursor: pointer;
text-align: right; }
.user-account__name {
display: none; }
@media (min-width: 550px) {
.user-account__name {
display: inline-block;
vertical-align: middle;
margin-right: 0.7rem;
color: #fff; } }
.user-account__pic {
display: inline-block;
vertical-align: middle;
width: 3rem;
height: 3rem;
overflow: hidden; }
.user-dashboard {
position: fixed;
right: 0rem;
left: 0rem;
top: 0;
z-index: 1100;
width: 100%;
max-width: 1200px;
margin: auto;
display: none; }
@media (min-width: 900px) {
.user-dashboard {
position: absolute; } }
.user-dashboard iframe {
width: 100%;
height: 600px; }
.no-account__toolbar,
.dashboard__toolbar {
position: relative; }
.dashboard__toolbar {
background-color: transparent; }
.no-account__close,
.dashboard__close {
position: absolute;
left: 0;
display: block;
padding: 0.5rem;
background: #fff;
border: none;
cursor: pointer; }
.no-account__close {
left: auto;
right: 0; }
.no-account__close svg {
width: 2rem;
height: 2rem; }
.no-account__close svg * {
fill: #434b5b;
stroke: #fff; }
.dashboard__close {
position: static;
background-color: transparent; }
.dashboard__close svg {
width: 2rem;
height: 2rem; }
.dashboard__close svg * {
fill: none;
stroke: #fff; }
/* ---- */
.g, a.g, .g a {
color: #a0b0b5; }
/*
* TEXT
*/
.red {
color: #d20000; }
.grey {
color: #999; }
.small {
font-size: 0.8em; }
.f300 {
font-weight: 300; }
.f400 {
font-weight: 400; }
.f700 {
font-weight: 700; }
.f800 {
font-weight: 800; }
.fs1rem {
font-size: 1rem; }
.fs0_9rem {
font-size: 0.9rem; }
.fs0_8rem {
font-size: 0.8rem; }
.fs0_7rem {
font-size: 0.7rem; }
/*
* LINES & BACKGROUNDS
*/
.line {
border-bottom: 2px solid #fff; }
.firstLine {
background-color: #cfd5dd; }
.line1 {
background-color: #f2f5f6; }
.line2 {
background-color: #f7fafb; }
.background1 {
background-color: #0074b5; }
.background2 {
background-color: #0074b5; }
hr {
color: #cfd5dd; }
/*
* Align
*/
.left {
text-align: left; }
.right {
text-align: right; }
.center {
text-align: center; }
/*
* Decoration
*/
.stroke {
text-decoration: line-through; }
.underlined {
text-decoration: underline; }
.dashed {
-webkit-text-decoration: dashed;
-moz-text-decoration: dashed;
text-decoration: dashed; }
/*
* Decoration
*/
.bold {
font-weight: bold; }
/*
* Display
*/
.bock {
display: bock; }
.inlineBlock {
display: inline-block; }
.inlineBlockForce {
display: inline-block !important; }
.table {
display: table; }
.inlineTable {
display: inline-table; }
.tableRow {
display: table-row; }
.tableCell {
display: table-cell; }
.tableCaption {
display: table-caption; }
.none {
display: none; }
.block {
display: block; }
.flexrow {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row; }
.noWrap {
white-space: nowrap; }
.vTop {
vertical-align: top; }
.vBot {
vertical-align: bottom; }
/*
* Placeholder
*/
.placeholder {
display: none; }
/* form error notification */
.divError {
font-size: 1.5em; }
/* random stuff */
.explainations {
text-align: center; }
.explainations h2 {
color: black;
margin-bottom: 5px; }
.disabledAll {
pointer-events: none; }
/* Margins */
.margin-left_1rem {
margin-left: 1rem; }
.margin-right_1rem {
margin-right: 1rem; }
.margin-right_0_5rem {
margin-right: 0.5rem; }
.margin-right_0_25rem {
margin-right: 0.25rem; }
.margin-bottom_0_5rem {
margin-bottom: 0.5rem; }
.margin-bottom_1rem {
margin-bottom: 1rem; }
.margin-vertical_0_5rem {
margin: 0.5rem 0; }
.margin-vertical_0_25rem {
margin: 0.25rem 0; }
/* Paddings */
.horinzontal-padding_0_5rem {
padding: 0 0.5rem; }
.padding-left_1rem {
padding-left: 1rem; }
.padding-left_1_5rem {
padding-left: 1.5rem; }
/* Widths & Heights */
.width100 {
width: 100%; }
/*
* JQUERY UI CSS Hacks
*/
.ui-dialog {
font-family: 'Open Sans', Arial, Tahoma, sans !important;
padding: 0px !important;
-webkit-border-radius: 2px !important;
border-radius: 2px !important;
background: #f1f4f5 !important;
-webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.75) !important;
box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.75) !important;
z-index: 800 !important;
max-width: 800px !important;
margin: auto;
left: 0 !important;
right: 0 !important; }
.ui-dialog .ui-dialog-titlebar {
font-size: 1.3rem;
background: #f1f4f5;
border: none;
-webkit-border-radius: 0 !important;
border-radius: 0 !important;
font-weight: 700; }
.ui-dialog .ui-dialog-titlebar .ui-dialog-title {
background: #f1f4f5 !important;
color: #364f6c !important;
font-weight: bold;
white-space: normal; }
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
display: none; }
.ui-dialog .ui-dialog-content {
color: #364f6c;
background: #f1f4f5;
-webkit-border-radius: 2px;
border-radius: 2px; }
.ui-dialog .ui-dialog-buttonpane {
background: #f1f4f5;
border-top: none;
padding-top: 4px; }
@media (max-width: 500px) {
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button .ui-icon {
display: none; } }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button {
min-height: 25px; }
.ui-widget-overlay {
background: #060c17 !important;
opacity: 0.8 !important;
z-index: 700 !important; }
.ui-selectmenu-menu .ui-menu-item.ui-state-disabled {
display: none !important; }
.modalDialog {
display: none;
font-family: "Nunito", sans-serif; }
/* further jquery ui hacks to override font size problems in timeline */
.ui-widget {
font-family: "Nunito", sans-serif;
font-size: 1.1rem; }
/*.ui-widget .ui-widget {
font-size: 1rem;
}*/
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
font-family: "Nunito", sans-serif;
font-size: 1rem; }
.ui-icon {
margin-top: 0 !important; }
.ui-button-icon-only .ui-icon {
margin-top: -8px !important; }
.ui-widget-content:not(.ui-datepicker) .ui-icon {
background-image: none !important; }
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
margin-top: -8px !important;
width: 18px !important;
height: 18px !important; }
.ui-dialog .ui-dialog-buttonpane button {
font-family: "Nunito" !important; }
.prettySelectors {
margin-bottom: 2px;
margin-right: 0; }
.binarySelector .ui-button {
width: 48%; }
.tripleSelector .ui-button {
width: 31%; }
.quadSelector .ui-button {
width: 23%; }
.grid-stack > .grid-stack-item > .ui-resizable-se,
.grid-stack > .grid-stack-item > .ui-resizable-sw {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDUxMS42MjYgNTExLjYyNyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTExLjYyNiA1MTEuNjI3OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZD0iTTMyOC45MDYsNDAxLjk5NGgtMzYuNTUzVjEwOS42MzZoMzYuNTUzYzQuOTQ4LDAsOS4yMzYtMS44MDksMTIuODQ3LTUuNDI2YzMuNjEzLTMuNjE1LDUuNDIxLTcuODk4LDUuNDIxLTEyLjg0NSAgIGMwLTQuOTQ5LTEuODAxLTkuMjMxLTUuNDI4LTEyLjg1MWwtNzMuMDg3LTczLjA5QzI2NS4wNDQsMS44MDksMjYwLjc2LDAsMjU1LjgxMywwYy00Ljk0OCwwLTkuMjI5LDEuODA5LTEyLjg0Nyw1LjQyNCAgIGwtNzMuMDg4LDczLjA5Yy0zLjYxOCwzLjYxOS01LjQyNCw3LjkwMi01LjQyNCwxMi44NTFjMCw0Ljk0NiwxLjgwNyw5LjIyOSw1LjQyNCwxMi44NDVjMy42MTksMy42MTcsNy45MDEsNS40MjYsMTIuODUsNS40MjYgICBoMzYuNTQ1djI5Mi4zNThoLTM2LjU0MmMtNC45NTIsMC05LjIzNSwxLjgwOC0xMi44NSw1LjQyMWMtMy42MTcsMy42MjEtNS40MjQsNy45MDUtNS40MjQsMTIuODU0ICAgYzAsNC45NDUsMS44MDcsOS4yMjcsNS40MjQsMTIuODQ3bDczLjA4OSw3My4wODhjMy42MTcsMy42MTcsNy44OTgsNS40MjQsMTIuODQ3LDUuNDI0YzQuOTUsMCw5LjIzNC0xLjgwNywxMi44NDktNS40MjQgICBsNzMuMDg3LTczLjA4OGMzLjYxMy0zLjYyLDUuNDIxLTcuOTAxLDUuNDIxLTEyLjg0N2MwLTQuOTQ4LTEuODA4LTkuMjMyLTUuNDIxLTEyLjg1NCAgIEMzMzguMTQyLDQwMy44MDIsMzMzLjg1Nyw0MDEuOTk0LDMyOC45MDYsNDAxLjk5NHoiIGZpbGw9IiM2NjY2NjYiLz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K) !important; }
/*
OkayNav plugin styles
------------------------------------*/
.okayNav:not(.loaded) {
visibility: hidden; }
.okayNav ul {
float: left; }
.okayNav__nav--visible {
overflow: hidden;
white-space: nowrap; }
.okayNav__nav--visible li {
display: inline-block; }
.okayNav__nav--visible a {
display: block;
-webkit-transition: color 0.2s cubic-bezier(0.55, 0, 0.1, 1);
-o-transition: color 0.2s cubic-bezier(0.55, 0, 0.1, 1);
-moz-transition: color 0.2s cubic-bezier(0.55, 0, 0.1, 1);
transition: color 0.2s cubic-bezier(0.55, 0, 0.1, 1); }
.okayNav__nav--visible:empty ~ .okayNav__menu-toggle {
top: 0; }
.okayNav__nav--invisible {
position: fixed;
z-index: 99;
top: 14.5rem;
bottom: 0;
overflow-y: auto;
width: 240px;
background-color: #f1f1f1;
/*
hide svgs when moved in new menu
*/ }
.okayNav__nav--invisible svg,
.okayNav__nav--invisible .svg {
display: none; }
.okayNav__nav--invisible li {
padding: 1rem;
text-transform: uppercase; }
.okayNav__nav--invisible li.selected {
background-color: #fff; }
.okayNav__nav--invisible a {
display: block;
text-decoration: none;
color: #0074b5; }
.okayNav__nav--invisible.nav-left {
left: 100%;
-webkit-transform: translateX(-100%) !important;
-moz-transform: translateX(-100%) !important;
-ms-transform: translateX(-100%) !important;
-o-transform: translateX(-100%) !important;
transform: translateX(-100%) !important; }
.okayNav__nav--invisible.nav-right {
right: 0;
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%); }
.okayNav__nav--invisible.transition-enabled {
transition: -webkit-transform 0.4s cubic-bezier(0.55, 0, 0.1, 1);
-webkit-transition: -webkit-transform 0.4s cubic-bezier(0.55, 0, 0.1, 1);
-o-transition: -o-transform 0.4s cubic-bezier(0.55, 0, 0.1, 1);
-moz-transition: transform 0.4s cubic-bezier(0.55, 0, 0.1, 1), -moz-transform 0.4s cubic-bezier(0.55, 0, 0.1, 1);
transition: transform 0.4s cubic-bezier(0.55, 0, 0.1, 1);
transition: transform 0.4s cubic-bezier(0.55, 0, 0.1, 1), -webkit-transform 0.4s cubic-bezier(0.55, 0, 0.1, 1), -moz-transform 0.4s cubic-bezier(0.55, 0, 0.1, 1), -o-transform 0.4s cubic-bezier(0.55, 0, 0.1, 1);
transition: transform 0.4s cubic-bezier(0.55, 0, 0.1, 1), -webkit-transform 0.4s cubic-bezier(0.55, 0, 0.1, 1); }
.okayNav__nav--invisible.nav-open {
-webkit-transform: translateX(0%) !important;
-moz-transform: translateX(0%) !important;
-ms-transform: translateX(0%) !important;
-o-transform: translateX(0%) !important;
transform: translateX(0%) !important; }
.okayNav__menu-toggle {
position: absolute;
z-index: 1;
top: 50%;
right: -4rem;
width: 40px;
height: 20px;
margin-top: -10px;
cursor: pointer;
transition: -webkit-transform 0.4s cubic-bezier(0.55, 0, 0.1, 1);
-webkit-transition: -webkit-transform 0.4s cubic-bezier(0.55, 0, 0.1, 1);
-o-transition: -o-transform 0.4s cubic-bezier(0.55, 0, 0.1, 1);
-moz-transition: transform 0.4s cubic-bezier(0.55, 0, 0.1, 1), -moz-transform 0.4s cubic-bezier(0.55, 0, 0.1, 1);
transition: transform 0.4s cubic-bezier(0.55, 0, 0.1, 1);
transition: transform 0.4s cubic-bezier(0.55, 0, 0.1, 1), -webkit-transform 0.4s cubic-bezier(0.55, 0, 0.1, 1), -moz-transform 0.4s cubic-bezier(0.55, 0, 0.1, 1), -o-transform 0.4s cubic-bezier(0.55, 0, 0.1, 1);
transition: transform 0.4s cubic-bezier(0.55, 0, 0.1, 1), -webkit-transform 0.4s cubic-bezier(0.55, 0, 0.1, 1); }
.okayNav__menu-toggle.okay-invisible {
position: absolute;
pointer-events: none;
opacity: 0; }
.okayNav__menu-toggle span {
position: absolute;
right: 0;
left: 0;
display: block;
width: 4px;
height: 4px;
margin: auto;
pointer-events: none;
-webkit-border-radius: 50%;
border-radius: 50%; }
.okayNav__menu-toggle span:nth-child(1) {
top: 0; }
.okayNav__menu-toggle span:nth-child(2) {
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%); }
.okayNav__menu-toggle span:nth-child(3) {
bottom: 0; }
.okayNav__menu-toggle.icon--active {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg); }
.okayNav__nav--visible a:hover,
.okayNav a:hover {
color: #546edb; }
.okayNav__menu-toggle span {
background: #2e2e33; }
.okayNav__menu-toggle.icon--active span {
background: #546edb; }
/* wysibb */
.wysibb50 {
font-size: x-small; }
.wysibb85 {
font-size: small; }
.wysibb100 {
font-size: medium; }
.wysibb150 {
font-size: large; }
.wysibb200 {
font-size: x-large; }
/* Pagination */
.paginationContainer {
width: 100%;
text-align: center; }
.paginationContainer > .pagination {
display: inline-block; }
.paginationContainer > .pagination a {
color: #0B1F40;
float: left;
padding: 8px 16px;
text-decoration: none;
-webkit-transition: background-color .3s;
-o-transition: background-color .3s;
-moz-transition: background-color .3s;
transition: background-color .3s;
border: 1px solid #ddd;
-webkit-border-radius: 8px;
border-radius: 8px;
font-family: 'Nunito'; }
.paginationContainer > .pagination strong {
color: black;
float: left;
padding: 8px 16px;
text-decoration: none;
-webkit-transition: background-color .3s;
-o-transition: background-color .3s;
-moz-transition: background-color .3s;
transition: background-color .3s;
border: 1px solid #ddd; }
.paginationContainer > .pagination strong {
background-color: #3682FF;
color: white;
border: 1px solid #3682FF;
-webkit-border-radius: 8px;
border-radius: 8px;
font-family: 'Nunito'; }
.paginationContainer > .pagination strong:hover {
background-color: #68a1ff;
border: 1px solid #68a1ff; }
.paginationContainer > .pagination strong:active {
background-color: #0057E7;
border: 1px solid #0057E7; }
.disabledWhite {
color: #FFF;
opacity: 0.5; }
#arenaNotInList {
text-transform: uppercase;
font-size: 15px;
padding: 2px;
font-weight: 300;
margin: 3px;
cursor: pointer;
-webkit-border-radius: 2px;
border-radius: 2px;
background-image: none;
text-decoration: none;
display: inline-block;
cursor: pointer;
background-color: #3581c7;
border: 1px solid #1b569c;
color: #fff !important;
text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.35);
display: none;
font-weight: bold;
height: 30px;
padding: 5px;
position: absolute;
text-align: center;
cursor: pointer; }
.centerAdBanner {
text-align: center; }
.warning {
color: #be961e; }
.refuseButton:hover,
.refuseButton:active,
.ui-button.refuseButton:hover,
.ui-button.refuseButton:hover {
background-color: #ff4d4d;
color: #ffffff;
border: none;
font-weight: bold; }
.extraSentence {
text-decoration: none;
background-image: url(//www.s50static.com/cms/img/opa35.png);
color: #ffffff;
font-size: 9px;
font-weight: 300; }
.errorSpan {
color: red;
font-size: 0.8rem;
font-weight: normal; }
.errorSpanBox {
min-height: 40px;
line-height: 40px;
font-size: 16px;
color: white;
background-color: red; }
/*
.dashboard--consulting {
cursor: pointer;
z-index: 120;
display: inline-block;
vertical-align: middle;
float: left;
text-align: center;
margin: 0 0.5rem 0 0.5rem;
position: relative;
border-left: 0.1rem solid hsla(0, 0%, 100%, 0.2);
border-right: 0.1rem solid hsla(0, 0%, 100%, 0.2);
padding: 0 0.5rem;
@media screen and (max-width: 400px) {
margin: 0 0 0 0.5rem;
padding: 0 0.2rem;
}
.dashboard--consulting-link {
color: white;
padding: 0 0.5rem;
text-decoration: none;
.s50-tom__icon-crop{
display: inline-block;
vertical-align: middle;
overflow: hidden;
position: relative;
height: 4rem;
width: 2.4rem;
.s50-tom__icon{
height: 4rem;
left: 0;
position: absolute;
top: .1rem;
}
img {
height: 100%;
}
}
.tom-counter__counter {
position: absolute;
background: #e82221;
height: 1.5rem;
width: 1.5rem;
padding: 0.12rem 0;
color: #fff;
text-align: center;
bottom: -0.5rem;
left: 2.5rem;
font-size: 0.8rem;
font-weight: 500;
border-radius: 0.8rem;
border: 0.1rem solid #fff;
box-shadow: 0 0 0.4rem #000;
}
.tom-counter__counter--hide {
display: none;
}
.tom__text{
vertical-align: middle;
font-size: 1rem;
margin-left: 0.5rem;
color: white;
@media screen and (max-width: 600px) {
display: none;
}
}
}
}*/
.logo--dashboard-wrapper {
margin-right: 20px;
border-right: 0.1rem solid rgba(255, 255, 255, 0.2);
float: left; }
.logo--dashboard-wrapper .logo--dashboard .tom-counter__counter {
position: absolute;
background: #FE367E;
height: 1.5rem;
width: 1.5rem;
padding: 0.12rem 0;
color: #fff;
text-align: center;
top: 10px;
right: -10px;
font-size: 0.8rem;
font-weight: 500;
-webkit-border-radius: 0.8rem;
border-radius: 0.8rem;
border: 0.1rem solid #fff; }
.logo--dashboard-wrapper .logo--dashboard .tom-counter__counter--hide {
display: none; }
.dashboard--consulting:hover {
-webkit-filter: brightness(120%);
filter: brightness(120%); }
.s50-menu__desktop {
color: white;
font-size: 1rem;
vertical-align: middle; }
.s50-menu__desktop svg {
height: 1.5rem;
width: 1rem;
vertical-align: middle; }
.s50-menu__desktop svg * {
fill: white;
stroke: white; }
.s50-menu__mobile {
width: 50px; }
@media screen and (min-width: 900px) {
.s50-menu__mobile {
display: none !important; } }
.s50-menu__mobile .s50-menu__mobile-text {
color: white;
text-align: center;
position: relative;
top: 8px;
left: 1px; }
@media screen and (min-width: 900px) {
.s50-menu__mobile * {
display: none !important; } }
@media screen and (max-width: 800px) {
.dashboard-menu__section {
cursor: pointer; } }
.adBanner-container {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center; }