html {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
  margin: 0 auto;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Helvetica, Arial, sans-serif;
}

* {
  box-sizing: border-box;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Helvetica, Arial, sans-serif;
}

ul {
  list-style-type: none;
}
header#headerContainer{
    position: fixed;
    z-index: 4;
    padding-top: 17px;
    width: 100%;
}

section#pageContainer {
    /* margin-top: 94px; */
    padding-top: 120px;
    z-index: 0;
    position: relative;
}


section {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  /*max-width: 1170px;*/
  max-width: inherit;
  background-color: #f8f8fa;
  min-height: 100vh;
  margin-top: -17px;
  padding-top: 20px;
}

/*TOP NAVBAR*/
.navbar {
  background-color: #222222;
  border-color: #080808;
  top: 0;
  right: 0;
  left: 0;
  min-height: 50px;
  margin-bottom: 20px;
  border: 1px solid transparent;
}

.top-bar-container {
  height: 72px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  /* position: relative; */
}

.navbar-item {
  padding: 11px 15px;
  line-height: 20px;
  color: #999999;
  text-decoration: none;
  transition: background-color 0.3s, color 0.3s;
  border-radius: 6px;
}

.navbar-item-user {
  padding: 15px 15px;
}

.navbar-item:hover {
  color: #ffffff;
  background-color: #ffffff33;
}

.navbar-item.active {
  background-color: #ffffff33;
  color: #ffffff;
  font-weight: 500;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.fas {
  color: #98a2b3;
}

.logo {
  font-size: 32px;
  font-family: "Trebuchet MS";
  /* font-family: 'Ink Free'; */
  color: #ffffff;
  /* font-style: italic; */
  display: inline-block;
}

.navbar-left {
  /* left: 15px; */
  /* float: left; */
  /* padding: 15px 15px; */
  font-size: 14px;
  line-height: 20px;
  color: #999999;
  text-decoration: none;
  display: flex;
  align-items: center;
}

.navbar-center {
  /* left: 0%; */
  /* right: 0%; */
  /* text-align: center; */
  /* bottom: 0%; */
  /*display: inline-block;*/
  /*display: none;*/
  padding: 15px 15px;
  font-size: 14px;
  line-height: 20px;
  color: #999999;
  text-decoration: none;
}

.navbar-right {
  right: 15px;
  /* float: right; */
  padding: 15px 15px;
  font-size: 14px;
  line-height: 20px;
  color: #999999;
  text-decoration: none;
  cursor: pointer;
}

.navbar > .top-bar-container > .navbar-left > a:hover,
.navbar > .top-bar-container > .navbar-left > a:focus {
  text-decoration: none;
  color: #eeeeee;
}

.navbar > .top-bar-container > .navbar-center > a:hover,
.navbar > .top-bar-container > .navbar-center > a:focus {
  text-decoration: none;
  color: #eeeeee;
}

.navbar > .top-bar-container > .navbar-center > ul {
  /* margin: 0px; */
  /* padding: 0px; */
  display: flex;
  gap: 10px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.navbar > .top-bar-container > .navbar-center > ul > li {
  display: inline;
  padding-left: 2px;
  padding-right: 2px;
}

.navbar > .top-bar-container > .navbar-center > ul > li > a:hover,
.navbar > .top-bar-container > .navbar-center > ul > li > a:focus {
  text-decoration: none;
  color: #eeeeee;
}

.navbar > .top-bar-container > .navbar-right > a:hover,
.navbar > .top-bar-container > .navbar-right > a:focus {
  text-decoration: none;
  color: #eeeeee;
}

.navbar .sidebar-menu-toggle {
  float: left;
  background: transparent;
  border: none;
  width: 40px;
  height: 50px;
  cursor: pointer;
}

.navbar .sidebar-menu-toggle:focus {
  outline: none;
}

.navbar .sidebar-menu-toggle:hover {
  opacity: 0.8;
}

.navbar .sidebar-menu-toggle img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center center;
}
/*END NAVBAR*/

/*FOOTER*/
footer {
  border-color: lightgray;
  border-width: thin;
  margin-right: 15px;
  margin-left: 15px;
  border-top-style: solid;
  height: 100px;
  margin-top: 15px;
  width: 98%;
  position: absolute;
  bottom: 0px;
}

.footer-content {
  text-align: center;
  color: grey;
}
/*END FOOTER*/

/*SIDEBAR MENU*/
body.sidebar-menu-opened {
  overflow: hidden;
}

.sidebar-menu {
  position: fixed;
  left: 0;
  top: 72px;
  width: 100vw;
  height: calc(100% - 72px);
  background: rgba(0, 0, 0, 0.2);
  display: none;
}

.sidebar-menu.opened {
  display: block;
  z-index: 10000;
}

.sidebar-menu .menu-content {
  height: 100%;
  width: 320px;
  max-width: 100%;
  background-color: #fff;
  overflow-y: auto;
  padding: 15px;
  padding-top: 50px;
}

.sidebar-menu .menu-content h4 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 0;
  margin-bottom: 50px;
}

.sidebar-menu .menu-content h4 .search-button {
  width: 25px;
  height: 25px;
  margin-right: 10px;
  margin-left: auto;
  display: inline-block;
  flex-wrap: wrap;
}

.sidebar-menu .menu-content h4 .search-button img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.sidebar-menu .menu-content .dashboards-list .dashboard-item {
  display: block;
  color: inherit;
  text-decoration: none;
  padding: 10px 15px;
  font-weight: 600;
}

.sidepanel-item {
  color: black;
  text-decoration: none;
}

.sidepanel-model-item {
  color: black;
  text-decoration: none;
  margin-left: 50px;
  font-family: helvetica;
  font-size: 16px;
  /* font-weight: bold; */
}

.sidepanel-model-item:hover {
  font-weight: bold;
  cursor: pointer;
}

/*SIDEBAR END*/

/*SAVE AND CANCEL BUTTONS*/
.btn {
  border: none;
  height: 40px;
  padding: 5px 10px;
  border: 1px solid #4a72e1;
  color: #fff;
  border-radius: 8px;
  background-color: #4a72e1;
  text-align: center;
  min-width: 65px;
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: 600;
}

.btn-secondary {
  background-color: #ffffff;
  border-radius: 8px;
  border: 1px solid #d0d5dd;
  width: 80px;
  height: 40px;
  color: #344054;
  padding: 10px 16px;
}

.btn:hover {
  opacity: 0.8;
}

.btn:focus {
  outline: none;
}

a.btn {
  text-decoration: none;
}
/*END SAVE AND CANCEL BUTTONS*/

/*DASHBOARD VIEW*/
section .dashboard-view .dashboard-view-top {
  overflow: hidden;
  /* display: flex; */
  align-items: center;
  justify-content: space-between;
  /* border-bottom: 1px solid #999999; */
  padding-bottom: 5px;
  /* margin-bottom: 10px; */
}

section .dashboard-view .dashboard-view-top input.edit-dashboard-view-title {
  border: none;
  outline: none;
  width: 300px;
  height: 40px;
  font-size: 1.5em;
  font-weight: 600;
  background-color: #e8f0fd;
  margin: 0px;
  padding-bottom: 8px;
}

section .dashboard-view .dashboard-view-top .dashboard-view-title {
  float: left;
  margin: 0px;
  padding-bottom: 8px;
}

section .dashboard-view .dashboard-view-top .dashboard-actions {
  float: right;
  padding-top: 5px;
  /* margin-left: 30px;
    display: flex;
    align-items: center; */
  display: flex;
  gap: 12px;
  align-items: center;
}

section
  .dashboard-view
  .dashboard-view-top
  .dashboard-actions
  .icon-btn.planning-view {
  margin-right: 10px;
}

/* section .dashboard-view .dashboard-view-top .dashboard-actions .btn:not(:last-child) {
    margin-right: 15px;
} */

section .dashboard-view .grid-container { 
  display: grid;
  width: 100%;
  position: relative;
  margin-bottom: 30px;
}

section .dashboard-view .grid-container .grid-item {
  padding-top: 100%;
  position: relative;
  /* background-color: #dcdcdc; */
  background-color: #f8f8fa;
}

.dashboard-view {
  background-color: #f8f8fa;
}
section .dashboard-view .grid-container.edit-mode .grid-item {
  border: 1px solid #fff;
  cursor: pointer;
}

section .dashboard-view .grid-container .grid-item .grid-item-content {
  user-select: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 40px;
}

section .dashboard-view .grid-container.edit-mode .grid-item:hover {
  background-color: #d2d2d2;
}

section .dashboard-view .grid-container.edit-mode .grid-item.ds-selected {
  color: transparent;
  background-color: #bfbfbf;
}

section .dashboard-view .grid-container.edit-mode .grid-item.already-selected {
  pointer-events: none;
}

section .dashboard-view .grid-container.edit-mode .grid-item.drop-allowed {
  background-color: #bfbfbf;
}

/* section.dashboard-view .grid-container .edit-mode .widget-item .widget-actions{
display: block;
} */

section .dashboard-view .grid-container .widget-item {
  background-color: #fff;
  z-index: 10;
  position: absolute;
  /* border: 1px solid #d2d2d2; */
  /* padding: 10px; */
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: 12px;
  box-shadow: 0px 1px 2px 0px #1018280f;
  box-shadow: 0px 1px 3px 0px #1018281a;
  border: 1px solid #eaecf0;
}

section .dashboard-view .grid-container .widget-item.is-resizing {
  z-index: 9999;
}

/*SUSPENDED THIS TO ACCOMMODATE WIDGET TITLE ON DASHBOARD EDIT*/
section .dashboard-view .grid-container .widget-item .widget-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-bottom: 20px;
  padding: 12px;
}

section .dashboard-view .grid-container .widget-item .widget-gripper {
  cursor: grab;
}

section .dashboard-view .grid-container .widget-item .widget-gripper:active {
  cursor: grabbing;
}

/* section.dashboard-view .grid-container .widget-item .widget-action-button {
    margin-left: 10px;
    float: right;
} */

section
  .dashboard-view
  .grid-container
  .widget-item
  .widget-actions
  input.widget-title {
  margin-right: auto;
  border: none;
  outline: none;
  width: 100%;
  max-width: 700px;
  height: 25px;
  /* background-color: #E8F0FD;     */
  margin-top: 0;
  /* margin-bottom: 20px; */
  font-size: 16px;
  font-weight: normal;
}

section
  .dashboard-view
  .grid-container
  .widget-item
  .widget-content-placeholder {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

section .dashboard-view .grid-container .widget-item h3.widget-title {
  margin-top: 0;
  margin-bottom: 0px;
  font-size: 16px;
  font-weight: normal;
  margin-right: auto;
  width: 750px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

section .dashboard-view .grid-container .widget-item .widget-section {
  /* width: 100%; */
  /* margin: auto; */
  overflow: auto;
  flex: 1;
  min-height: 0;
}

.widget-title-expand-container {
  display: flex;
  /* min-height: 40px; */
  padding: 10px;
}

.widget-title-in-dashboard-edit {
  border: none;
  float: left;
  background-color: #e8f0fd;
}

#widgetTitleTooltip {
  display: none;
  position: fixed;
  z-index: 999;
  max-width: 320px;
  padding: 10px 14px;
  background: #ffffff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
  font-size: 12px;
  line-height: 1.7;
  color: #344054;
  word-wrap: break-word;
  pointer-events: none;
}

/* section.dashboard-view .grid-container .widget-item .widget-item-title-container .widget-item-title{
    font-size: 14px;
    font-weight: normal;
    margin: 0px;
}

section.dashboard-view .grid-container .widget-item .widget-item-body-container{
    height: 100%;
    padding-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
} */

.crosstab-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.widget-action-button {
  margin-left: 10px;
  font-size: 15px;
  color: black;
}

.widget-action-button.save-disabled {
  opacity: 0.3;
  pointer-events: none;
}

/* section.dashboard-view .grid-container .widget-item .crosstab-section table {
width: 100%;
max-width: 900px;
min-width: 400px;
} */
.edit-widget-container {
  display: flex;
  justify-content: center;
}
section .edit-widget .edit-widget-top {
  overflow: hidden;
  padding-bottom: 20px;
}

section .edit-widget .edit-widget-top .dashboard-actions {
  float: right;
}

section .edit-widget .edit-widget-top .edit-widget-title {
  float: left;
  margin-top: 0px;
  font-size: 18px;
}

section .edit-widget .edit-widget-top .edit-widget-title-pencil {
  float: left;
  margin-top: 2px;
  visibility: hidden;
}

section .edit-widget .edit-widget-top .edit-widget-title-confirm {
  float: left;
  margin-top: 8px;
}

.edit-widget-top {
  display: flex;
  justify-content: space-between;
}

section .edit-widget .edit-widget-body-container {
  display: flex;
  /* display: table; */
  width: 100%;
  justify-content: space-between;
}

@media (min-width: 1200px) {
  section .edit-widget .edit-widget-body-container {
    max-width: 90%;
  }
  /* section .edit-widget .edit-widget-top{
        max-width: 90%;
    } */
}
@media (min-width: 800px) {
  .edit-widget-top-left {
    max-width: 60%;
  }
}

.crosstab-edit-wrapper {
  width: 67%;
  box-shadow: 0px 1px 2px 0px #1018280f;
  box-shadow: 0px 1px 3px 0px #1018281a;
  border-radius: 12px;
  overflow: hidden;
}

section
  .edit-widget
  .edit-widget-body-container
  .edit-widget-body-container-left {
  /* flex: 1; */
  /* float: left; */
  width: 78%;
  display: flex;
  justify-content: space-between;
  height: auto;
}

section
  .edit-widget
  .edit-widget-body-container
  .edit-widget-body-container-right {
  width: 20%;
  height: 100vh;
  padding: 18px;
  border: 2px solid #eaecf0;
  border-radius: 12px;
  height: auto;
  background-color: white;
}

@media (max-width: 1200px) {
  section .edit-widget .edit-widget-body-container {
    flex-direction: column;
  }
  section
    .edit-widget
    .edit-widget-body-container
    .edit-widget-body-container-right {
    width: 100%;
    margin: 20px 0px;
  }
  section
    .edit-widget
    .edit-widget-body-container
    .edit-widget-body-container-left {
    width: 100%;
  }
}

@media (max-width: 800px) {
  section
    .edit-widget
    .edit-widget-body-container
    .edit-widget-body-container-left {
    flex-direction: column;
  }
  .dim-type-selector-container {
    width: 100% !important;
  }
  .crosstab-edit-wrapper {
    width: 100%;
    margin: 20px 0px;
  }
  .chart-container {
    height: 100% !important;
    width: 100% !important;
  }
}
.widget-edit-settings-title {
  font-size: 20px;
  font-weight: 600;
  color: #1d2939;
  margin-top: 1px;
}

section .edit-widget .top-dimension-selector-container {
  font-size: 12px;
  color: gray;
  flex-grow: 1;
}
section .edit-widget .top-dimension-selector-container .mem-selector-button {
  margin: 5px 0;
  border: 1px solid #eaecf0;
  background: #ffffff;
  min-height: 36px;
  border-radius: 8px;
  text-align: start;
  color: #344054;
  padding: 11px;
  width: 100%;
}
.draggable-wrapper {
  position: relative;
}

.draggable-wrapper::before {
  content: "";
  position: absolute;
  right: 11px;
  top: 50%;
  transform: translateY(-50%);
  width: 14px;
  height: 14px;
  background-image: url(../img/drag.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.measure-selected {
  position: relative;
}

.measure-selected::after {
  content: "\f00c";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  right: 11px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 12px;
  color: #344054;
}

button#cancelExpression,
button#cancelDriven,
button#cancelDefault {
  min-width: 75px !important;
  cursor: pointer;
}

section .edit-widget .top-dimension-selector-container .top-dimension-selector {
  padding: 8px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

section
  .edit-widget
  .top-dimension-selector-container
  .top-dimension-selector
  .top-dimension-selector-title {
  float: left;
  margin-top: 5px;
  width: 70px;
}

section
  .edit-widget
  .top-dimension-selector-container
  .top-dimension-selector
  .dimension-button-container {
  display: flex;
  flex-direction: column;
  min-height: 50px;
}
.driven-measure-selector-title {
  font-weight: 600;
  padding: 0px 20px 10px 20px;
  border-bottom: 1px solid lightgray;
}

/* section .edit-widget .top-dimension-selector-container .top-dimension-selector.filters{
    border-bottom: 0.05em solid #d3d3d3;
}

section .edit-widget .top-dimension-selector-container .top-dimension-selector.columns{
    border-bottom: 0.05em solid #d3d3d3;
} */

.widget-title-input {
  float: left;
  width: 950px;
  height: 30px;
  font-size: 1.2em;
  font-weight: bold;
  background-color: aliceblue;
  border-width: 0.1px;
  border-radius: 4px;
  visibility: hidden;
}

.widget-edit-settings-content > h4 {
  /* text-align: center; */
  color: black;
  /* margin-bottom: 60px; */
}

.widget-edit-settings-list {
  padding: 0px 0px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.settings-selectors-container {
  padding: 0px 10px;
  margin-bottom: 15px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.settings-selectors-container .type-selector-container {
  margin-bottom: 5px;
}

.widget-edit-settings-item {
  /* display: table-row; */
  /* margin-left: 40px; */
  height: 40px;
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin: 5px 0;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.widget-edit-settings-item.settings-disabled {
  opacity: 0.5;
  pointer-events: none;
}

.widget-edit-settings-header {
  font-size: 14px;
  font-weight: 400;
  color: #101828;
  /* display: table-cell; */
}

.widget-edit-settings-icon-container {
  display: table-cell;
}

.widget-edit-settings-on-icon {
  margin-left: 60px;
}

/* .widget-edit-settings-on-icon:before {
    margin-left: 60px;
    display: none;
} */

.widget-edit-settings-off-icon {
  margin-left: 60px;
  display: none;
}

.ds-selector {
  opacity: 0;
}

.resizer {
  width: 10px;
  height: 10px;
  border-radius: 50%; /*magic to turn square into circle*/
  background: white;
  border: 3px solid #4286f4;
  position: absolute;
}

.resizer.top-left {
  left: 0;
  top: 0;
  cursor: nwse-resize; /*resizer cursor*/
}

.resizer.top-right {
  right: 0;
  top: 0;
  cursor: nesw-resize;
}

.resizer.bottom-left {
  left: 0;
  bottom: 0;
  cursor: nesw-resize;
}

.resizer.bottom-right {
  right: 0;
  bottom: 0;
  cursor: nwse-resize;
  width: 24px;
  height: 24px;
  border-radius: 0;
  background: transparent;
  border: none;
}

.resizer.bottom-right img {
  width: 100%;
  height: 100%;
}

.icon-btn {
  width: 15px;
  height: 15px;
  display: inline-block;
  border: none;
  background-color: transparent;
  -webkit-appearance: none;
  outline: none;
  padding: 0;
  cursor: pointer;
}

.arrow-btn {
  width: 25px;
  height: 25px;
}
.arrow-btn img {
  width: 17px !important;
  height: 17px !important;
}

.icon-btn-measure {
  width: 30px;
  height: 30px;
  display: flex;
  border: none;
  background-color: transparent;
  -webkit-appearance: none;
  outline: none;
  padding: 0;
  cursor: pointer;
}

.icon-btn img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.widget-edit-grid-title {
  display: flex;
  height: 30px;
  font-size: 30px;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
}

.widget-edit-grid-title .widget-title {
  font-size: 19px;
  font-weight: normal;
}

.widget-grid {
  display: flex;
  align-items: flex-start;
  border: 1px solid #d6d6d6;
  min-height: 75vh;
}

.widget-grid .left-side {
  align-self: stretch;
  border-right: 1px solid #d6d6d6;
  padding: 15px 10px;
  width: 20%;
}

.widget-grid .right-side {
  width: 100%;
  display: flex;
  flex-flow: column;
}

.widget-grid .right-side > div {
  padding: 15px 10px;
  border-bottom: 1px solid #d6d6d6;
}

.rows {
  flex: 0 1 auto;
}

.columns {
  flex: 0 1 auto;
}

.widget-grid .widget-edit-body-content {
  display: flex;
  /* flex: 1 1k auto; */
}

.widget-grid .section-title {
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  margin: 0;
}

.dim-type-selector-container {
  /* display: flex; */
  width: 30%;
  padding: 18px;
  /* border: 2px solid #EAECF0; */
  border: 2px solid #eaecf0;
  border-radius: 12px;
}

.type-selector-container {
  display: flex;
  padding: 8px 0px;
  /* width: 20%; */
}
.black-clr {
  color: black;
  /* font-weight: 600; */
  font-size: 15px;
}

.model-selector-container {
  display: flex;
  width: 20%;
  border-right: thin solid #d3d3d3;
}

.widget-type-selector {
  flex-grow: 1;
  /* border: thin solid lightgray; */
  /* border-left: thin solid #d3d3d3; */
  /* border-right: thin solid #d3d3d3; */
  /* border-top: none; */
  /* border-bottom: none; */
  display: flex;
  flex-direction: column;
  /* justify-content: center; */
  /* align-items: center; */
  /* height: 115.33px; */
}

.widget-type-select {
  margin: 5px 0;
  border: 1px solid #eaecf0;
  background: #ffffff;
  min-height: 36px;
  border-radius: 8px;
  text-align: start;
  color: #344054;
  padding: 11px;
  width: 100%;
  /* width: 120px; */
}

.dim-selector-container {
  flex-grow: 1;
}

.chart-container {
  position: relative;
  margin: auto;
  height: 70%;
  width: 70%;
  display: flex;
  max-height: 600px; /* Limit maximum height for large screens */
  justify-content: center;
  align-items: center;
}
.pie-chart-container,
.line-chart-container {
  height: calc(100% - 45px); /* Adjust for widget header */
  width: 100%;
  padding: 0px;
  box-sizing: border-box;
}

.indicator-container {
  /* font-size: 80px;  */
  /* position: absolute;  */
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 40px;
  padding: 15px;
  height: 100%;

  /* top: 50%;  */
  /* transform: translate(-50%, -50%); */
  /* left: 50%; */
}

.input-table-container {
  width: 100%;
  padding: 8px;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

.input-table {
  border-collapse: collapse;
}

.input-table th,
.input-table td {
  border: 1px solid #ddd;
  padding: 6px 10px;
  text-align: left;
  font-size: 13px;
  height: 28px;
  box-sizing: border-box;
}

.input-table th {
  background-color: #f5f5f5;
  font-weight: 600;
}

.input-table-placeholder {
  color: #999;
  font-style: italic;
  text-align: center;
}

.input-table-actions-header,
.input-table-actions-cell {
  border: none !important;
  background: none !important;
  padding: 0 6px !important;
  width: 56px;
}

.input-table-actions-cell[data-col-type="dimension-actions"] {
  vertical-align: middle;
  padding: 0 6px 0 0 !important;
}

.input-table-row-actions {
  display: flex;
  gap: 4px;
  opacity: 0;
  transition: opacity 0.15s;
}

.input-table-row-btn {
  width: 24px;
  height: 24px;
  border: 1px solid #ccc;
  background: #fff;
  cursor: pointer;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
  padding: 0;
  line-height: 1;
  color: #444;
}

.input-table-row-btn:hover {
  background: #f0f0f0;
}

.input-table td[data-col-type="measure"] {
  cursor: pointer;
  text-align: right;
}

.input-table td[data-col-type="dimension"] {
  cursor: pointer;
}

.input-table td.input-table-cell-selected {
  outline: 2px solid #1a73e8;
  outline-offset: -2px;
}

.input-table td.input-table-cell-editing {
  padding: 0;
}

.input-table-cell-input {
  width: 100%;
  height: 100%;
  border: none;
  outline: 2px solid #1a73e8;
  outline-offset: -2px;
  padding: 6px 10px;
  font-size: 13px;
  box-sizing: border-box;
  background: #fff;
  text-align: right;
}

.body-container {
  display: flex;
  margin-top: 0px;
  justify-content: center;
}

.left-panel {
  border-right-width: thin;
  border-right-style: solid;
  height: 1000px;
  width: 250px;
  font-size: 16px;
  border-color: lightgray;
  min-width: 200px;
}

.left-panel-content {
  line-height: 40px;
  margin-top: 10px;
}

.body-container > .left-panel > .left-panel-content > ul > li > a {
  text-decoration: none;
  color: #000000;
}

.body-container > .left-panel > .left-panel-content > ul > li > a:hover,
.body-container > .left-panel > .left-panel-content > ul > li > a:focus {
  text-decoration: none;
  color: #000000;
  font-weight: bold;
}

.widget-section > div > table > tbody > tr > td {
  /* border-width: 1.5px;
    border-color: lightgray;
    border-style: solid; */
  /* width: 110px; */
  /* padding: 0px; */
  /* padding: 15px; */
  border: 1px solid #eaecf0;
}

.widget-buttonbar-body-container {
  flex: 1;
  min-height: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.crosstab-section > div > table > tbody > tr > td {
  /* border-width: 1.5px;
    border-color: lightgray;
    border-style: solid; */
  /* width: 110px;*/
  /* padding: 9px 18px; */
  /* padding-right: 3px; */
  /* height: 52px; */
  /* width: 130px; */
  background-color: white;
  border: 1px solid #eaecf0;
}

/* .main-content-container{
    display: flex;
    flex-grow: 1;
}

.main-content-wrapper {
    /* height: 900px; */
/* margin: 50px; */
/* text-align: center;
    flex-grow: 1; */
/*} */

.top-crosstab-selector-container {
  display: flex;
  /* border: thin solid #d3d3d3; */
  border-bottom: thin solid #d3d3d3;
  padding: 6px 16px;
  justify-content: space-between;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  background-color: #fcfcfd;
  border-bottom: unset;
  min-height: 50px;
}
.crosstab-function-buttons-wrapper {
  display: flex;
}

.top-widget-buttonbar-container {
  display: flex;
  /* border-top: thin solid #d3d3d3; */
  /* border-bottom: thin solid #d3d3d3; */
  background-color: #f9fafb;
  padding: 6px;
  justify-content: space-between;
}

.crosstab-button-bar-display-method {
  display: flex;
  align-items: center;
  font-size: 11px;
  font-weight: 500;
  color: #101828;
  gap: 7px;
}
.crosstab-selector {
  /* flex-grow: 1; */
  margin-left: 20px;
  font-size: 11px;
  font-weight: bold;
  margin-top: 3px;
  display: flex;
  align-items: center;
}
/* select#aggMethodSelector-1751504503101{
    height: 28px;
    border: 1px solid #D0D5DD;
    border-radius: 8px;
} */

.crosstab-button-bar-select {
  font-size: 11px;
  display: inline;
  height: 28px;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
}

.chart-button-bar-measure-scenario-display {
  margin-top: 2px;
}

.right-panel {
  border-left-width: thin;
  border-left-style: solid;
  height: 1000px;
  width: 250px;
  font-size: 16px;
  border-color: lightgray;
  min-width: 200px;
}

.right-panel-content {
  line-height: 40px;
  margin-top: 15px;
  text-align: center;
}

.dimension-selector {
  border-bottom-width: thin;
  border-bottom-style: solid;
  border-color: lightgray;
  height: 150px;
  margin-left: 10px;
  margin-top: 10px;
}

.old-dimension-button-container {
  overflow-wrap: break-word;
  text-align: left;
  margin-top: 10px;
  height: 25px;
}

/* .dimension-button-container {
    margin: 0px;
    width: 85%;
    height: 22px;
} */

.old-mem-selector-button {
  margin-left: 5px;
  margin-top: 5px;
}

.mem-selector-button {
  margin-left: 5px;
}

table {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Helvetica, Arial, sans-serif;
  font-size: 14px;
  border-collapse: collapse;
}

.tableCell {
  min-width: auto;
  /* min-width: 70px; */
}

.crosstabColumnHeader,
.crosstabTotalColumnHeader {
  text-align: center;
  padding-left: 10px;
  padding-right: 10px;
}

.crosstabRowHeader,
.crosstabTotalRowHeader {
  text-align: left;
}

.crosstabValue {
  text-align: right;
  /* position: absolute; */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  outline: none;
  user-select: none;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;

  padding-right: 3px;
  padding-left: 3px;
}

.crosstabTotal {
  text-align: right;
  font-weight: bold;
  padding-right: 3px;
  padding-left: 3px;
}

/*MERGE ABOVE*/
.crosstabGrandTotal {
  text-align: right;
  font-weight: bold;
  padding-left: 3px;
  padding-right: 3px;
}

.crosstabGrandTotal.focused {
  border: 1px solid #0e65eb;
}

.crosstab-section
  > div[id^="widgetHook"]:not(.crosstab-section-content-widget) {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.crosstab-section {
  /* display: flex;
    justify-content: center;
    align-items: center;     */
  height: 100%;
}
.indicator-widget-section {
  display: flex;
  justify-content: center;
  align-items: center;
  height: calc(100% - 45px);
}
.crosstab-section-content-widget {
  height: 100%;
}
.pie-chart-container{
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    /* min-height: 300px; */
}

.line-chart-container{
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    /* min-height: 300px; */
}

.crosstabGrandTotal.selected {
  background-color: rgb(187, 213, 252);
}

/*THIS WAS PUT HERE TO ENSURE IT GETS COMPUTED BEFORE THE SELECTED CLASS THUS TAKING PRECEDENCE*/
.crosstabValue.full-lock {
  background-color: rgb(211, 211, 211);
}

.crosstabValue.selected,
.crosstabTotal.selected {
  background-color: rgb(187, 213, 252);
}

.crosstabValue.indirect-selected {
  /* background-color: rgb(187, 213, 252); */
  background-color: rgb(215, 215, 0);
}

.crosstabValue.partial-lock {
  font-style: italic;
  color: #545454;
}

.crosstabValue[contenteditable="true"] {
  text-align: left;
  user-select: auto;
  background-color: white;
  cursor: text;
  white-space: nowrap;
  /*TEST*/
  /* width: auto; */
}

.crosstabValue[contenteditable="true"] + .resize-square {
  display: none;
}

.crosstabValue.focused {
  border: 1px solid #0e65eb;
}

.crosstabValue.drag-and-copy-active {
  border: 1px dotted;
}

.crosstabRowHeader.selected,
.crosstabColumnHeader.selected,
.tableCell.selected {
  background-color: rgb(187, 213, 252);
}

.resize-square {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 5px;
  height: 5px;
  background-color: #0e65eb;
  display: none;
  cursor: crosshair;
}

.resize-square.active {
  display: block;
}

/*temporary hack.  assume it's not used*/
td {
  /* width: 110px; */
  position: relative;
}

/* td {
    border-color: inherit;
} */

td.selected {
  border-color: #0e65eb;
}

#widgetHook.overlay:before {
  content: " ";
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  background: #000;
  background: rgba(0, 0, 0, 0.7);
}

/* #crosstabHook.overlay:before {
    content: " ";
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    background: #000;
    background: rgba(0,0,0,0.7);
} */

/* FOR SCREEN DIMMING */
#measureSubmitOverlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(
    0,
    0,
    0,
    0.5
  ); /* Adjust the alpha (last value) for dimness */
  z-index: 999; /* Ensure it's on top of other content */
  display: none; /* Initially hidden */
}

#widgetEditSubmitOverlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(
    0,
    0,
    0,
    0.5
  ); /* Adjust the alpha (last value) for dimness */
  z-index: 999; /* Ensure it's on top of other content */
  display: none; /* Initially hidden */
}

/*
** MODAL WINDOW STYLING **
*/
#modalWrapper.overlay:before {
  content: " ";
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  background: #000;
  background: rgba(0, 0, 0, 0.7);
}

#modalWindow {
  display: none;
  z-index: 200;
  position: fixed;
  left: 50%;
  /*top: 50%;*/
  width: 360px;
  max-height: 500px;
  /*overflow: auto;*/
  padding: 10px 20px;
  background: #fff;
  border: 5px solid #999;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

#modalWrapper.overlay #modalWindow {
  display: block;
}

/*#modalWrapper.overlay #modalWindow.dimMode #dimSel {
    display: block;
}*/

#modalWindow.dimMode {
  display: block;
  top: 50%;
}

/*#modalWrapper.overlay #modalWindow.memMode #memSel {
    display: block;
}*/

#modalWindow.memMode {
  display: block;
  width: 560px;
}

#modalWindow.rangeLockMode {
  display: block;
}

#memSelCore {
  overflow: scroll;
  max-height: 300px;
  overflow-x: hidden;
}

#memberSelectorOKButton {
  padding: 5px;
}

.top-bar-user-container {
  background-color: #ffffff99;
  border-radius: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}
/*#modalWrapper.overlay #modalWindow.rangeLockMode #rangeLockSet {
    display: block;
}*/
#measureSelectorBox {
  width: 200px;
}

#yesNoModalWrapper.overlay:before {
  content: " ";
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  background: #000;
  background: rgba(0, 0, 0, 0.7);
}

#yesNoModalWindow {
  display: none;
  z-index: 200;
  position: fixed;
  left: 50%;
  top: 50%;
  width: 360px;
  max-height: 400px;
  overflow: auto;
  padding: 10px 20px;
  background: #fff;
  border: 5px solid #999;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

#yesNoSel {
  display: none;
}

#yesNoModalWrapper.overlay #yesNoModalWindow {
  display: block;
}

#yesNoModalWrapper.overlay #yesNoModalWindow #yesNoSel {
  display: block;
}

/*
** MODELING STYLING
*/

.expression-editor-container {
  /* margin-left: 450px; */
  /* margin-top: 100px; */
  height: 330px;
  width: 1200px;
  display: table;
  /* margin: 0 auto; */
}

.expression-editor-title {
  display: flex;
  justify-content: start;
}

.measure-selector-container {
  display: table-cell;
  width: 0%;
  margin-left: 300px;
  /* border-right-style: solid;
    border-right-width: thin;
    border-color: lightgray; */
  border: 1px solid #eaecf0;
  background: #ffffff;
  max-height: fit-content;
  border-radius: 8px;
}

.measure-selector-button-container {
  margin-top: 6px;
  margin-left: 41px;
}

.model-picker-container {
  position: relative;
  padding: 10px 20px 12px 20px;
  border-bottom: 1px solid #eaecf0;
}

.model-picker-trigger {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  font-weight: 500;
  font-size: 14px;
  color: #344054;
  padding: 8px 12px;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  background: #ffffff;
  user-select: none;
}

.model-picker-trigger:hover {
  background: #f9fafb;
}

.model-picker-caret {
  font-size: 12px;
  color: #667085;
  margin-left: 8px;
}

.model-picker-menu {
  position: absolute;
  top: calc(100% - 12px);
  left: 20px;
  right: 20px;
  z-index: 100;
  background: #ffffff;
  border: 1px solid #eaecf0;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  max-height: 200px;
  overflow-y: auto;
}

.model-picker-option {
  padding: 10px 16px;
  cursor: pointer;
  color: #344054;
  font-size: 14px;
}

.model-picker-option:hover {
  background: #f9fafb;
}

.model-picker-option.selected {
  font-weight: 600;
  background: #f2f4f7;
}

.measure-selector {
  width: 320px;
  border: none !important;
  max-height: 520px;
  border: none !important;
  outline: none !important;
}

.measure-selector option {
  color: #344054;
  border: 1px solid #eaecf0;
  padding: 16px 24px;
  height: 56px;
  background: #ffffff;
}

.expression-editor {
  display: table-cell;
  width: 70%;
}

/*DIMENSION MANAGEMENT*/
.dimension-name-input-and-buttons-container {
  text-align: left;
  margin-left: 7px;
  margin-bottom: 12px;
  height: 18px;
  width: 500px;
}
.dimension-input-area-container {
  /* padding-top: 25px; */
  height: 40%;
  display: table-row;
}
.dimension-input-area {
  height: 100%;
  width: 350px;
  resize: none;
  height: 251px;
  display: table-cell;
  margin-left: 7px;
  /* margin-top: 75px; */
  white-space: pre-wrap;
}
.dimension-editor-button-container {
  margin-top: 6px;
  margin-left: 151px;
}
.dimension-member-editor-button-container {
  margin-top: 6px;
  margin-left: 135px;
}
.dimension-selector-button-container {
  display: flex;
  width: 200px;
  margin-left: 300px;
  margin-top: 7px;
  justify-content: center;
  gap: 8px;
}
.dimension-selector-button-container .measure-button {
  margin-left: 0;
}
.dimension-selector-container {
  display: table-cell;
  width: 50%;
  margin-left: 300px;
}
.dimension-editor {
  display: table-cell;
  width: 50%;
}
.dimension-member-selector {
  width: 200px;
  border-color: lightgray;
  margin-left: 300px;
}

/*MODEL MANAGEMENT*/
.available-dimensions-selector-container {
  display: flex;
  width: 400px;
  /* margin-left: 300px; */
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
}

.available-dimensions-selector {
  height: 100%;
  width: 150px;
  resize: none;
  border: 1px solid #d0d5dd;
  height: 276px;
  display: table-cell;
  margin-left: 7px;
  border-radius: 8px;

  /* margin-top: 75px; */
  /* white-space: pre-wrap; */
}

.available-dimensions-selector option {
  color: #344054;
  border: 1px solid #eaecf0;
  padding: 16px 24px;
  height: 56px;
  background: #ffffff;
}

.used-dimensions-selector {
  height: 100%;
  width: 150px;
  resize: none;
  height: 276px;
  display: table-cell;
  margin-left: 7px;
  border: 1px solid #d0d5dd;
  /* margin-top: 75px; */
  /* white-space: pre-wrap; */
  float: right;
  border-radius: 8px;
}
.model-dimension-bottom-button-container {
  margin-top: 7px;
  margin-left: 174px;
}
.available-dimensions-move-button {
  display: block;
  width: 30px;
}
.model-dimension-mover {
  display: table-cell;
  margin-top: 95px;
  margin-left: 10px;
}

/*MEASURE MANAGEMENT (?)*/
.measure-name-input-and-buttons-container {
  text-align: left;
  margin-left: 67px;
  height: 18px;
  width: 500px;
}

.measure-type-input-and-buttons-container {
  display: none;
}

.measure-type-radio-buttons-container {
  text-align: center;
  margin-left: 140px;
  height: 18px;
  width: 800px;
  padding-top: 40px;
  /* padding-bottom: 40px; */
  margin: 10px 0px 40px 0px;
  color: silver;
  /* display: none; */
}

.measure-filter-type-radio-buttons-container {
  text-align: center;
  margin-left: 140px;
  height: 18px;
  width: 500px;
  padding-top: 40px;
  /* padding-bottom: 40px; */
  margin-bottom: 30px;
  color: silver;
  /* display: none; */
}

.measure-name-input {
  height: 40px;
  width: 372px;
  color: #667085;
  border-radius: 8px;
  border: 1px solid #d0d5dd;
  padding: 8px 12px;
}

.measure-name-input-container {
  display: table-cell;
}

.measure-input-button-container {
  padding-left: 5px;
  display: table-cell;
  vertical-align: middle;
}

.agg-method-select-container {
  display: table-cell;
}

.measure-type-radio-button-container {
  padding-left: 55px;
  display: table-cell;
}

.measure-filter-type-radio-button-container {
  padding-left: 55px;
  display: table-cell;
}

.measure-filter-type-members-selector-container {
  display: none;
}

.measure-filter-type-attributes-selector {
  display: flex;
  /* flex-direction: column;
    align-items: flex-start; Align to top */
  justify-content: center;
}

.measure-filter-type-attributes-selector-container {
  display: none;
}

.agg-method-measure-select {
  font-size: 13px;
  height: 36px;
  margin-left: 10px;
  border-radius: 8px;
  border: 1px solid #d0d5dd;
  padding: 8px 14px;
  background: #d0d5dd;
  color: #344054;
}
.measure-configuration-description {
  color: #344054;
  font-size: 14px;
  font-weight: 500;
}
.measure-type-radio-button-label {
  color: #101828;
}

.measure-button {
  cursor: pointer;
  margin-left: 8px;
  width: 30px;
}

.measure-button.download-in-progress {
  opacity: 0.45;
  pointer-events: none;
}

.measure-button.upload-in-progress {
  opacity: 0.45;
  pointer-events: none;
}

.calculated-measure-type-container {
  display: none;
}

.driven-measure-type-container {
  display: none;
  margin-left: 40px;
}

.driven-measure-bottom-button-container {
  margin-top: 37px;
  margin-left: 109px;
}

.expression-input-area-container {
  padding-top: 25px;
  height: 60%;
  display: table-row;
}

.expression-input-area {
  height: 401px;
  width: 700px;
  resize: none;
  height: 183px;
  display: table-cell;
  margin-left: 67px;
  margin-top: 25px;
  border-radius: 8px;
  border: 1px solid #d0d5dd;
  padding: 12px 14px;
  background: #ffffff;
}

.input-area-button-container {
  margin-left: 67px;
  margin-top: 100px;
  display: flex;
  justify-content: start;
  margin-bottom: 20px;
}

.input-area-button {
  margin-right: 10px;
  width: 30px;
}

.btn-clear {
  background-color: #1d2939;
  color: white;
  font-size: 13px;
  font-weight: 600; /* Use Inter SemiBold */
  padding: 8px 14px;
  border-radius: 8px;
  height: 40px;
  text-align: center;
  min-width: 65px;
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: 600;
}

.operator-button-outer-container {
  display: table-cell;
  vertical-align: middle;
}

.operator-button-inner-container {
  display: table;
}

.operator-button {
  display: table;
  width: 25px;
  border: 1px solid #d0d5dd;
}

.driven-measure-available-dimensions-selector-container {
  display: flex;
  width: 400px;
  /* margin-left: 300px; */
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin-left: 100px;
}

.default-measure-type-container {
  margin-top: 77px;
  margin-left: 67px;
  display: table;
}

.default-measure-filter-type-container {
  margin-top: 77px;
  margin-left: 350px;
  display: table;
}

/*** 2020/11 ADDITIONS ***/
.loading-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.125);
  z-index: 100;
}

.loading-container img {
  width: 64px;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

/*** DROPDOWN MENU STYLING ***/

.dropdown {
  display: inline-block;
  position: relative;
}

.dropdown-menu {
  display: none;
  position: absolute;
  top: calc(100% + 10px);
  left: 50%;
  transform: translateX(-50%);
  padding: 10px;
  background-color: #fff;
  z-index: 1000;
}

.dropdown-menu.open {
  display: block;
  border: 1px solid #ccc;
  min-width: 350px;
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.3);
}

.dropdown-menu .triangle {
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  overflow: hidden;
  box-shadow: 0 16px 10px -25px rgba(0, 0, 0, 0.3);
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
}

.dropdown-menu .triangle:after {
  content: "";
  position: absolute;
  width: 50%;
  height: 50%;
  background: #fff;
  transform: rotate(45deg);
  top: 75%;
  left: 25%;
  box-shadow: -1px -1px 10px -2px rgba(0, 0, 0, 0.3);
}

/*** FONT AWESOME STYLING ***/
.fa-save {
  color: lightgray;
}

.fa-times-circle {
  color: red;
}
/* SAVE AND CLOSE BUTTON */
#saveAndCloseWidget {
  background-color: #4a72e1;
  color: white;
  font-size: 13px;
  font-weight: 600; /* Use Inter SemiBold */
  height: 35px;
  border-radius: 8px;
  min-width: 55px;
}

.btn.save {
  background-color: white;
  color: #344054;
  font-size: 13px;
  font-weight: 600; /* Use Inter SemiBold */
  border: 1px solid #d0d5dd;
  /* padding: 8px 10px; */
  height: 35px;
  border-radius: 8px;
  min-width: 55px;
}
.btn.btn-secondary.cancel {
  background-color: white;
  color: #344054;
  font-size: 13px;
  font-weight: 600; /* Use Inter SemiBold */
  border: 1px solid #d0d5dd;
  height: 35px;
  border-radius: 8px;
  min-width: 55px;
}

/* TOGGLE SWITCH */

.switch {
  position: relative;
  display: inline-block;
  width: 43px;
  height: 20px;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.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: 12px;
  width: 11px;
  left: 3px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

input:checked + .slider {
  background-color: #1d2939;
}

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

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%;
}

/* .crosstab-table{
    width: 100%;
} */

.user-menu-container {
  position: relative;
  display: inline-block;
}

.user-dropdown {
  position: absolute;
  right: 0;
  top: 110%;
  background: #fff;
  border: 1px solid #eaecf0;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  min-width: 120px;
  z-index: 1000;
  display: none;
}

.user-dropdown-item {
  display: block;
  padding: 10px 16px;
  color: #222;
  text-decoration: none;
  cursor: pointer;
  border-radius: 8px;
}

#userMenuButton {
  cursor: pointer;
  user-select: none;
  -webkit-user-drag: none;
  -webkit-touch-callout: none;
}
#userMenuButton img {
  pointer-events: none;
}

.widget-item.small-height-width .crosstab-selector{
  margin-left:2px;
  font-size: 9px;
}