* {
  margin:0;
  padding:0;
}

* {
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.can-select-text {  
  -moz-user-select: text;
  -khtml-user-select: text;
  -webkit-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

*,*:focus,*:hover{
  outline:none!important;
}

html {
  height: 100vh; /* fallback */
  height: 100dvh;
  overflow-y: hidden;
}

body {
  height: 100vh; /* fallback */
  height: 100dvh;
  font-family: 'Open Sans',Helvetica,Arial,sans-serif;
  font-size: 17px;
  position: relative;
  padding: 0;
  margin: 0;
  background: #eee;
  overflow-y: hidden;
}

.grid-container {
  display: grid;
  height: 100%;
  overflow-y: hidden;
  grid-template-rows: auto 1fr auto;
}

.main-row {
  min-height: 0; /*Necessary to enable grid row row to not expand with content*/
}

.main-tab-page {
  display: none;
  padding: 5px 5px 0px 5px;
  height: 100%;
}

.inner-grid-container {
  display: grid;
  height: 100%;
  grid-template-rows: auto 1fr;
}

.tab-toolbar-container {
  margin: 0px auto;
  padding: 5px 10px;
  border-radius: 10px 10px 0 0;
  background: lightgray;
  max-width: 800px;
  width: 100%;
}

#main-tab-page-dashboard .tab-toolbar-container {
  max-width: 100%;
}

.tab-toolbar-content {
  max-width: 800px;
  margin: 0 auto;
}

#main-tab-page-dashboard .tab-toolbar-content {
  max-width: 100%;
}

.tab-toolbar-content .help-button {
  margin-right: 15px;
}

.tab-toolbar-content .dropdown {
  display: inline-block;
  margin-right: 10px;
}

.tab-toolbar-content .dropdown .btn {
  padding: 5px 10px;
  background-color: #e85f9c;
  color: white;
}

.tab-content-container {
  min-height: 0; /*Necessary to enable grid row row to not expand with content*/
  min-width: 0;
}

.tab-content {
  height: 100%;
  max-width: 800px;
  margin:0 auto;
}

#main-tab-page-dashboard .tab-content {
  max-width: 100%;
}

.footer-row {
  padding: 5px;
  border-top: 1px solid lightgray;
}

.main-container {
  padding: 0;
  margin: 0 auto;
}

.footer {
  margin-top:20px;
  padding-bottom:70px;
  text-align:center;
  color: darkslategray;
  font-size: 15px;
}

.dragging-nodrop {
  cursor: no-drop!important;
}

h1 {
  text-align: center;
  font-size: 12px;
  color: maroon;
  margin-bottom: 20px;
}

h4 {
  font-weight: normal
}

option.dark-option {
  color: lightgray;
  background-color: #474747;
}

option.disabled-option {
  color: gray;
  background-color: #eee;
}

.clear {
  clear: both;
  display: block;
  line-height: 0;
  height: 0;
  font-size: 0;
}

.toast {
  position: fixed;
  left: 50%;
  z-index: 2010;
  transform: translate(-50%, 0px);
  min-width: 330px;
  margin-top: 30px;
}

.toast-header, .toast-body {
  color: #3f3f3f;
}

.user-message {
  display: none;
  text-align: center;
}

.help-icon {
  color: #dbdbdb!important;
  cursor: pointer;
}

.help-icon .fa {
  font-size: 18px;
}

.confirm-modal {
  user-select: auto;
}

.confirm-light-button {
  margin-right:20px;
  border-color:lightgray;
}

.platform-control {
  display: none;
}

.show-on-render {
  display: none;
}

.show-after-render {
  display: none;
}

.banner {
  max-width: 500px;
  margin: 0 auto 15px auto;
}

.banner img {
  width: 100%;
  border-radius: 0 0 50px 50px;
}

.text-banner {
  padding: 5px;
  margin: 0 auto 5px auto;
  border-radius: 0 0 50px 50px;
  background: #1c1c1c;
  min-height:60px;
  text-align: center;
}

.text-banner div {
  font-size: 35px;
  font-weight: bold;
  color: #fe019a;
}

.text-banner span {
  font-size: 20px;
  color: lightgray;
}

.text-banner > img {
  width: 50px;
  height: 50px;
}

.heading {
  font-size: 18px;
  color: black;
  font-weight: bold;
}

.main-action-button, .main-action-button-dark {
  display: inline-block;
  background: #f50396;
  border-radius: 10px;
  font-size: 17px;
  color: #eee;
  padding: 8px;
  text-align: center;
  cursor: pointer;
}

.main-action-button-dark {
  background: #121212;
  color: lightgray;
}

.rounded-button {
  border-radius: 20px;
}

.bootstrap-select button.dropdown-toggle:focus {
  outline: none !important;
}

.controls-container {
  display: none;
}

.contained-section {
  font-size: 17px;
  padding: 10px;
  border: 2px solid black;
  border-radius: 20px;
  margin-bottom: 20px;
  background: #121212
}

.contained-section span {
  color: darkgray;
}

.installer-button {
  display: block;
  box-sizing: border-box;
  margin: 0 auto;
  max-width: 300px;
  border-radius: 20px;
  font-size: 17px;
  text-align: left;
  text-decoration: none!important;
  cursor: pointer;
  transition: all 0.3s ease-out;
  padding: 0;
  background: #f50396;
  color: #eee!important;
}

.installer-button a {
  padding:0!important;
}

.sidenav .installer-button {
  min-width: 220px;
}

.main-tab-page .installer-button {
  max-width: 220px;
  font-size: 16px;
}

.notification-subscribe-container {
  display: none;
  padding: 10px;
  max-width: 400px;
  border: 1px solid gray;
  border-radius: 10px;
  margin: 20px auto 20px auto;
  text-align: center;
}

.floating-back-btn {
  position: fixed;
  top: 5px;
  left: 5px;
  z-index: 999;
  display: inline-block;
  color: white;
  text-decoration: none;
  border-radius: 5px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  height: 30px;
  line-height: 30px;
  padding: 0 5px;
  font-size: 16px;
  opacity: .7;
  background: black;
}

.floating-back-btn:hover {
  color: white;
  text-decoration: none;
}

.help-button {
  display: inline-block;
  cursor: pointer;
}

/*************************************** HOME *********************************************************/
#venues-container {
  margin-bottom: 10px;
}

#venues-container .btn {
  width: 100%;
  background: whitesmoke;
  border-radius: 10px;
  font-size: 17px;
}

#venues-container .dropdown {
  width: 280px;
}

.venue-selector-image {
  width: 35px;
  height: 35px;
  border-radius: 100%;
  margin-right: 6px;
}

#venues-container .filter-option-inner-inner {
  text-align: center;
}

#app-scanner-container .filter-option-inner-inner {
  color: dimgray;
}

#app-scanner-container .bootstrap-select {
  width: 80px;
}

#app-scanner-container .dropdown-menu, #dashboard-refresh-btn .dropdown-menu  {
  z-index: 10000; /* So the dropdown appears above the Shepherd tour*/
}

#app-scanner-container button, #workload-selector-container button {
  background-color: #e2f1fe;
  border-color: #d3d9df;
}

#workload-selector-container .dropdown-toggle::after {
  color: #999;
}

#workload-selector-container .dropdown-item {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#workload-selector-container .dropdown-item .tick {
  margin-left: 1rem;
}

#workload-selector-container .dropdown-item.active, .dropdown-item:active {
  background-color: transparent;
}

.zsiq-float {
  transform: scale(.8) !important;
  bottom: 0px!important;
}

/**************************************** TAB TOOLBAR *****************************************************/
.tab-toolbar-button {
  display: inline-block;
  padding: 3px 5px;
  border-radius: 5px;
  color: white;
  background: dimgray;
  margin-right: 10px;
  font-size: 16px;
  text-align: center;
  cursor: pointer;
}

.tab-toolbar-undo {
  display: none;
  padding: 3px 5px;
  vertical-align: middle;
  font-size: 12px;
  cursor: pointer;
}

.tab-toolbar-undo > div {
  margin-top: -10px;
}

.full-screen-btn {
  background: transparent;
  border: 1px solid dimgray;
  color: dimgray;
}

/**************************************** VENUE ***********************************************************/
.venue-subscription-status {
  display: inline-block;
  margin-bottom: 30px;
  font-size: 15px;
  padding: 0 0 0 5px;
  background: darkgray;
  border-radius: 5px;
  color: papayawhip;
}

.editor-section-collapser {
  display: inline-block;
}

.editor-section {
  max-width: 450px;
  margin-top: 60px;
}

.editor-section-title {
  display: block;
  border-bottom: 1px solid black;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 20px;
}

.selected-venue-controls {
  display: none;
}

.venue-save-buttons {
  float: right;
  padding: 5px;
  border-radius: 5px;
  background-color: #1c1c1c;
  display: none;
}

.venue-logo {
  position: relative;
  overflow: hidden;
  margin-top: 15px;
}

.venue-logo img {
  width: 100px;
  height: 100px;
  border-radius: 100%;
}

.venue-logo span {
  cursor: pointer;
  color: cornflowerblue;
  cursor: pointer;
  font-size: 14px;
  font-style: italic;
  text-decoration: underline;
}

/* Icon when the collapsible content is show */
.btn.icon:after {
  font-family: "Glyphicons Halflings";
  content: "\2212";
  font-size: 20px;
  font-weight: bold;
  color: dimgray;
}

/* Icon when the collapsible content is hidden */
.btn.icon.collapsed:after {
  content: "\2b";
}

#subscription-contact-btn, #subscription-pay-btn, #subscription-billing-btn {
  display: none;
  font-size:15px;
  padding:5px;
  background:gray;
  color:darkblue;
  margin-left:10px;
  border-radius:5px;
  border:1px solid darkblue
}

.pc-pricing-container { display: flex; flex-direction: column; gap: 40px; max-width: 350px; margin: 0 auto; }

/* Stacked card styling */
.pc-pricing-card { 
  position: relative; border: 3px solid #e2e8f0; border-radius: 8px; padding: 20px; cursor: pointer; transition: all 0.2s; 
}
.pc-pricing-card.selected { border-color: deeppink; background-color: #e2e8f0; }
.pc-price-display { font-size: 20px; font-weight: bold; margin: 10px 0; }

.pc-badge {
  position: absolute;
  top: -10px;
  right: 50%;
  background: hotpink;
  color: white;
  font-size: 12px;
  font-weight: bold;
  padding: 4px 12px;
  border-radius: 20px;
  text-transform: uppercase;
}

/**************************************** STATION LABELS **************************************************/
.station-labels-page {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
  gap: 10px;
  width: 760px;
  margin-left: 52px;
  margin-top: 50px;
}

.station-label-wrapper {
  max-height: 200px;
  max-width: 200px;
  overflow: crop;
}

/*************************************** SHEPHERD TOURS ***************************************************/
.shepherd-element .shepherd-button {
  background-color: #f50396 !important;
  color: #ffffff !important;
  border: none;
}

.shepherd-element .shepherd-button:hover {
  background-color: #ff38b0 !important;
}

/*************************************** UNDERLINED TABS **************************************************/
.Tabs {
	position: relative;
  max-width: 500px;
  display: inline-block;
  width: 100%;
  border-radius: 5px 5px 0px 0px;
}

.Tabs:after {
  content: ' ';
  display: table;
  clear: both;
}

.Tabs {
	margin: 0;
	padding: 0;
	list-style: none;
}

.Tabs__tab {
  float: left;
  width: 25%;
  text-align: center;
}

.Tabs__tab:first-child.active ~ .Tabs__presentation-slider {
  transform: translateX(0) scaleX(0.25);
}

.Tabs__tab:nth-child(2).active ~ .Tabs__presentation-slider {
  transform: translateX(25%) scaleX(0.25);
}

.Tabs__tab:nth-child(3).active ~ .Tabs__presentation-slider {
  transform: translateX(calc(25% * 2)) scaleX(0.25);
}

.Tabs__tab:nth-child(4).active ~ .Tabs__presentation-slider {
  transform: translateX(calc(25% * 3)) scaleX(0.25);
}

.Tabs__presentation-slider {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #fe019a;
  transform-origin: 0 0;
  transition: transform .25s;
}

.Tab {
	font-size: 16px;
  font-weight: bold;
}

.Tab > a {
  display: block;
  padding: 3px;
  text-decoration: none;
  color: #525252;
  transition: color .15s;
}

.Tab.active > a {
  color: #fe019a;
}

.Tab:hover > a {
  color: #fe019a;
}

/***************************************************** AUTH ****************************************************/
.logged-in, .logged-in-inline {
  display: none;
}

.login-link {
  color: cornflowerblue;
  cursor: pointer;
}

.user-name {

}

.user-account-image {
  display: inline-block;
}

.user-account-image img  {
  width: 30px;
  height: 30px;
  border-radius: 90px;
}

.login-container {
  position: relative;
  border-radius: 5px;
  background-color: #f2f2f2;
  padding: 20px 0 30px 0;
}

.login-btn {
  cursor: pointer;
  max-width: 300px;
  text-align: left;
}

.login-container input,
.login-btn {
  width: 100%;
  padding: 12px;
  border-radius: 4px;
  margin: 5px 0;
  opacity: 0.85;
  display: inline-block;
  font-size: 16px;
  line-height: 20px;
  text-decoration: none;
}

.login-container input:hover,
.login-btn:hover {
  opacity: 1;
}

.login-facebook {
  background-color: #3B5998;
  color: white;
}

.login-google {
  background-color: #dd4b39;
  color: white;
}

.login-google2 {
  background-color: white;
  color: darkblue;
  display: none;
}

.login-container input[type=submit] {
  background-color: #04AA6D;
  color: white;
  cursor: pointer;
}

.login-container input[type=submit]:hover {
  background-color: #45a049;
}

.login-col {
  float: left;
  width: 100%;
  margin: auto;
  padding: 0 20px;
  margin-top: 0px;
  text-align: center;
}

.login-row:after {
  content: "";
  display: table;
  clear: both;
}

.login-vl {
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  border: 2px solid #ddd;
  height: 175px;
}

.login-inner {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: #f1f1f1;
  border: 1px solid #ccc;
  border-radius: 50%;
  padding: 8px 10px;
}

.login-hide-md-lg {
  text-align: center;
}

.login-bottom-container {
  text-align: center;
  background-color: #666;
  border-radius: 0px 0px 4px 4px;
}

.login-input-combo-flex {
  display: flex;
  flex-direction: column;
}

/************************************ SIDENAV ***************************/
.sidenav-button-container {
  margin: 0 auto;
  max-width: 500px;
}

.sidenav-button {
  position: fixed;
  top: 10px;
  left: 20px;
  z-index: 999;
  display: inline-block;
  color: #121212;
  text-decoration: none;
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  /*height: 42px;
  line-height: 40px;*/
  padding: 0 5px;
  font-size: 16px;
  opacity: .9;
  background: white;
  cursor: pointer;
}

.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 10000;
  top: 0;
  left: 0;
  background-color: #111;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
}

.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 18px;
  color: darkgray;
  display: inline-block;
  transition: 0.3s;
}

.sidenav a:hover {
  color: #f1f1f1;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}

/****************************************** SWITCH ********************/
/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 30px;
}

/* 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: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 22px;
  width: 22px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #04AA6D;
}

input:focus + .slider {
  box-shadow: 0 0 1px #04AA6D;
}

input:checked + .slider:before {
  -webkit-transform: translateX(22px);
  -ms-transform: translateX(22px);
  transform: translateX(22px);
  left: 10px;
}

/* Rounded sliders */
.slider.round {
  border-radius: 30px;
}

.slider.round:before {
  border-radius: 50%;
}

/******************************************* FORMS *********************/
/*
select {
  -moz-appearance: none;
  -webkit-appearance: none;
}
*/

select::-ms-expand {
  display: none;
}

.form-control {
  box-shadow: inset 0 1px 1px rgba(0,0,255,.08);
  color: black;
}

.color-control {
  background: transparent;
  border: none;
  box-shadow: none;
  vertical-align: middle;
}

.form-group label, .form-check label {
  color: black;
}

input[type="hidden"],
[hidden],
.hidden {
    display: none;
}

input[type=number].number-no-spinner::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
   margin: 0; 
}

/**************************************** APP INSTALL **********************************************************/
.app-install-promotion, 
.app-install-promotion-inline,
.app-install-promotion-ios,
.app-install-promotion-ios-inline,
.app-open-promotion, .app-installed {
  display: none;
}

/**************************************** SINGLE PAGE APPLICATION (PAGES) ***************************************/
.fixed-header {
  position: sticky;
  top: 0;
  width: 100%;
  padding: 0px 3px .5rem 3px!important;
  height: 50px;
  background: #292828;
  border-bottom: 1px solid #5e5e5e;
  z-index: 1000;
}

.bottom-navbar-container {
  margin: 0 auto;
  max-width: 500px;
}

.bottom-navbar {
  position: fixed;
  display: flex;
  bottom: 0;
  width: 100%;
  overflow: hidden;
  height: 40px;
  line-height: 40px;
  background: #333;
  color: #f2f2f2;
  font-size: 16px;
  font-weight: normal;
  border-radius: 30px 30px 0 0;
  max-width: 500px;
  z-index: 10000;
}

/*
.bottom-navbar {
  display: flex;
  width: 100%;
}
  */

.bottom-navbar a {
  flex: 1;
  text-align: center;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 0px 16px;
  text-decoration: none;
}

.bottom-navbar a.active {
  background-color: #b97f13;
  color: white;
  font-weight: bold;
}

/************ BOOTSTRAP ********************/
.fade-scale {
  transform: scale(0);
  opacity: 0;
  -webkit-transition: all .25s linear;
  -o-transition: all .25s linear;
  transition: all .25s linear;
}

.fade-scale.show {
  opacity: 1;
  transform: scale(1);
}

/********* LOADER *********************/
.loader{display:none}.loader-label{font-size:12px}.loader-label,.loader-sublabel{font-family:Actor,sans-serif;color:#eee;letter-spacing:1px;text-align:center;font-weight:400}.loader-sublabel{font-size:13px;text-align:left}.loader span{width:20px;height:20px;border-radius:50%;display:inline-block;position:absolute;left:50%;margin-left:-10px;-webkit-animation:3s linear infinite;-moz-animation:3s infinite linear;-o-animation:3s infinite linear;animation:3s linear infinite}.loader span:first-child{background:#ff6b5c;-webkit-animation:kiri 2s linear infinite;-moz-animation:kiri 2s infinite linear;-o-animation:kiri 2s infinite linear;animation:kiri 2s linear infinite}.loader span:nth-child(2){background:#d0a808;z-index:100}.loader span:nth-child(3){background:#44b975;-webkit-animation:kanan 2s linear infinite;-moz-animation:kanan 2s infinite linear;-o-animation:kanan 2s infinite linear;animation:kanan 2s linear infinite}@-webkit-keyframes kanan{0%{-webkit-transform:translateX(24px)}50%{-webkit-transform:translateX(-24px)}to{-webkit-transform:translateX(24px);z-index:200}}@-moz-keyframes kanan{0%{-moz-transform:translateX(24px)}50%{-moz-transform:translateX(-24px)}to{-moz-transform:translateX(24px);z-index:200}}@-o-keyframes kanan{0%{-o-transform:translateX(24px)}50%{-o-transform:translateX(-24px)}to{-o-transform:translateX(24px);z-index:200}}@keyframes kanan{0%{transform:translateX(24px)}50%{transform:translateX(-24px)}to{transform:translateX(24px);z-index:200}}@-webkit-keyframes kiri{0%{-webkit-transform:translateX(-24px);z-index:200}50%{-webkit-transform:translateX(24px)}to{-webkit-transform:translateX(-24px)}}@-moz-keyframes kiri{0%{-moz-transform:translateX(-24px);z-index:200}50%{-moz-transform:translateX(24px)}to{-moz-transform:translateX(-24px)}}@-o-keyframes kiri{0%{-o-transform:translateX(-24px);z-index:200}50%{-o-transform:translateX(24px)}to{-o-transform:translateX(-24px)}}@keyframes kiri{0%{transform:translateX(-24px);z-index:200}50%{transform:translateX(24px)}to{transform:translateX(-24px)}}

/************************************ SHARING BUTTONS ******************************/
#st-1{font-family:Helvetica Neue,Verdana,Helvetica,Arial,sans-serif;direction:ltr;display:block;opacity:1;text-align:center}#st-1 .st-btn{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;border:none;cursor:pointer;display:inline-block;font-size:16px;height:48px;line-height:48px;margin-right:20px;padding:0 12px;position:relative;text-align:center;top:0;vertical-align:top;white-space:nowrap}#st-1 .st-btn:last-child{margin-right:0}#st-1 .st-btn>img,#st-1 .st-btn>svg{height:24px;width:24px;position:relative;top:12px;vertical-align:top}#st-1 .st-btn>img,#st-1 .st-btn>span{display:inline-block}#st-1 .st-btn>span{color:#fff;font-weight:500;letter-spacing:.5px;min-width:75px;opacity:1;padding:0 6px;position:relative;vertical-align:top}#st-1.st-has-labels .st-btn{min-width:150px}#st-1.st-has-labels .st-btn.st-remove-label{min-width:50px}#st-1.st-has-labels .st-btn.st-hide-label>span,#st-1.st-has-labels .st-btn.st-remove-label>span{display:none}#st-1 .st-total{color:#555;display:inline-block;font-weight:500;line-height:18px;margin-right:0;max-width:80px;padding:4px 8px;text-align:center}#st-1 .st-total.st-hidden{display:none}#st-1 .st-total>span{font-size:24px;line-height:26px;display:block;padding:0}#st-1 .st-total>span.st-shares{font-size:14px;line-height:14px}#st-1.st-justified{display:flex;text-align:center}#st-1.st-justified .st-btn{-moz-flex:1;-ms-flex:1;-webkit-flex:1;flex:1}#st-1 .st-btn[data-network=facebook]{background-color:#4267b2}#st-1 .st-btn[data-network=facebook] svg{fill:#fff}#st-1 .st-btn[data-network=facebook]>span{color:#fff}#st-1 .st-btn[data-network=twitter]{background-color:#55acee}#st-1 .st-btn[data-network=twitter] svg{fill:#fff}#st-1 .st-btn[data-network=twitter]>span{color:#fff}#st-1 .st-btn[data-network=whatsapp]{background-color:#25d366}#st-1 .st-btn[data-network=whatsapp] svg{fill:#fff}#st-1 .st-btn[data-network=whatsapp]>span{color:#fff}#st-1 .st-btn[data-network=messenger]{background-color:#448aff}#st-1 .st-btn[data-network=messenger] svg{fill:#fff}#st-1 .st-btn[data-network=messenger]>span{color:#fff}#st-1 .st-btn[data-network=native]{background-color:#ef9b0f}#st-1 .st-btn[data-network=native] svg{fill:#fff}#st-1 .st-btn[data-network=native]>span{color:#fff}

/******** PRIORITY PLUS MENU ************/
:root {
    --t-base: #212529;
    --t-hl: transparent
    --t-hl-darker: slategray;
    --t-focus: #e67700;
}

.p-plus-container{position:relative}.p-plus{display:flex;position:relative;z-index:0}.p-plus--clone{position:absolute;top:0;left:0;width:calc(100% - 5px);pointer-events:none;visibility:hidden}.p-plus--clone,.p-plus--clone .p-plus__primary-wrapper{overflow:hidden}.p-plus--is-showing-overflow .p-plus__overflow{display:block}.p-plus:not(.p-plus--is-showing-toggle) .p-plus__toggle-btn{display:none}.p-plus--is-hiding-primary .p-plus__toggle-btn{flex-grow:1}.p-plus--is-hiding-primary .p-plus__primary-wrapper{display:none}.p-plus__primary-wrapper{display:flex;flex-grow:1}.p-plus__primary{display:flex;flex:1 0 auto;list-style:none;padding:0;margin:0}.p-plus__primary>li{flex:1 0 auto}.p-plus__overflow{display:none;position:absolute;top:100%;right:0}.p-plus__toggle-btn{flex-shrink:0}
.p-plus {}

.p-plus--is-showing-overflow.p-plus--is-hiding-primary .p-plus__overflow {
  left: 0;
}

.p-plus {
  z-index: 1;
}

.p-plus__primary {
  background-color: var(--t-hl);
  border-radius: 0px;
  overflow: hidden;
}

.p-plus__primary li:not(:first-child)::before {
  content: '';
  height: 1rem;
  width: 1px;
  display: block;
  background-color: lightgray;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.p-plus__primary > li a {
  display: block;
  padding: 8px 15px;
  min-width: 6em;
  text-align: center;
}

.p-plus li.active a {
  color: #fe019a;
  border-bottom: 4px solid #fe019a;
}

.p-plus a {
  color: darkslategray;
  text-decoration: none;
}

.p-plus__toggle-btn {
  padding: 8px 15px;
  min-width: 6rem;
  border-left: none;
  border-radius: 0 20px 20px 0;
  color: darkslategray;
  margin-left: 5px;
}

.p-plus--is-hiding-primary .p-plus__toggle-btn {
  border-left: 0;
}

.p-plus__toggle-btn:focus {
  z-index: 2;
  position: relative;
}

.p-plus__overflow {
  background: var(--t-hl-darker);
  list-style: none;
  padding: 0;
  margin: 1px 0 0;
  min-width: 10em;
  background: slategray;
  text-align: left;
  border-radius: 5px 5px 10px 10px;
}

.p-plus__overflow a {
  padding: 8px 15px;
  display: block;
  position: relative;
  color: white;
}

.p-plus__overflow li:not(:first-child) a::before {
  content: '';
  display: block;
  width: 1rem;
  height: 1px;
  background-color: #fff;
  position: absolute;
  top: 0;
}

/***************************** TABULATOR *************************************/
#dashboard .tabulator-row.tabulator-group {
  border-bottom: 2px solid darkolivegreen;
}

/*
#dashboard .tabulator-row.tabulator-group span {
  color: #3aa643;
}

#dashboard .tabulator-row.tabulator-group.tabulator-group-visible .tabulator-arrow {
  border-top: 6px solid #ff0199;
}
*/

#dashboard .tabulator .tabulator-footer {
  padding: 8px 10px 0px;
  border-top: 1px solid #db0084;
}

#dashboard .tabulator .tabulator-footer .tabulator-calcs-holder {
  margin: -8px -10px 0px;
  border-bottom: none;
}

/* The scroll track looks untidy on mobile. Make is same color as dashboard background */
#dashboard .tabulator .tabulator-tableholder::-webkit-scrollbar-track {
  background: #111111;
}