/*
* {
    ::-webkit-scrollbar {
        display: none;
    }    
}
*/
body {
  font-family: "Roboto", sans-serif;
  font-size: calc(16 * var(--cf));
}

.text {
  color: #757575;
}

input::-moz-placeholder, textarea::-moz-placeholder {
  color: rgba(0, 0, 0, 0.3); /* Gray color for the placeholder text */
}

input::placeholder,
textarea::placeholder {
  color: rgba(0, 0, 0, 0.3); /* Gray color for the placeholder text */
}

.main {
  width: 100vw;
  height: 100vh;
  background-color: #E6E8EB;
  display: flex;
  align-items: center;
  justify-content: center;
}

button {
  background-color: #3eba8a;
  padding: calc(8 * var(--cf)) calc(16 * var(--cf));
  font-size: calc(16 * var(--cf));
  border-radius: calc(6 * var(--cf));
  border: none;
  cursor: pointer;
}
button:focus {
  outline: none;
  box-shadow: none;
}
button:hover {
  background-color: #4eeda4;
}
button:active {
  background-color: #2d9c78;
}
button.disabled {
  background-color: lightgray;
  color: white;
  pointer-events: none;
}
button.blue {
  background-color: #4A90E2;
  color: white;
}
button.blue:hover {
  background-color: #3A7BD5;
}
button.blue:active {
  background-color: #2E6AC0;
}
button.orange {
  background-color: #FFA500;
  color: white;
}
button.orange:hover {
  background-color: #E59400;
}
button.orange:active, button.orange.selected {
  background-color: #CC8400;
}

.modal .modal-dialog {
  max-width: unset;
  margin: unset;
  display: flex;
  justify-content: center;
}
.modal .modal-content {
  width: calc(600 * var(--cf));
  padding: calc(20 * var(--cf));
  border-radius: calc(12 * var(--cf));
}
.modal .modal-content .bodyTitle {
  font-size: calc(24 * var(--cf));
  padding-bottom: calc(24 * var(--cf));
}
.modal .modal-content .bodyText {
  font-size: calc(16 * var(--cf));
  padding-bottom: calc(24 * var(--cf));
}
.modal .modal-content .bodyWarning {
  font-size: calc(18 * var(--cf));
  color: red;
  padding-bottom: calc(24 * var(--cf));
}
.modal .modal-footer {
  border: none;
  padding-top: calc(16 * var(--cf));
}

#inputModalInput {
  width: 100%;
  height: calc(40 * var(--cf));
  padding: 0 calc(12 * var(--cf));
  border: 1px solid lightgray;
  border-radius: calc(8 * var(--cf));
}
#inputModalInput .bodyTitle {
  font-size: calc(18 * var(--cf));
  padding-bottom: calc(16 * var(--cf));
}

#formInputModal .formInputModalRow {
  margin-bottom: calc(12 * var(--cf));
}
#formInputModal .formInputTitle {
  font-size: calc(14 * var(--cf));
  color: rgba(0, 0, 0, 0.8);
  padding-bottom: calc(12 * var(--cf));
}
#formInputModal input {
  width: 100%;
  height: calc(40 * var(--cf));
  padding: 0 calc(12 * var(--cf));
  border: 1px solid lightgray;
  border-radius: calc(8 * var(--cf));
}

#overlayModal .modal-body .row {
  display: flex;
  align-items: center;
  justify-content: center;
}
#overlayModal .bodyWarning {
  color: unset;
}

.textButton {
  cursor: pointer;
}
.textButton:hover {
  color: rgba(0, 0, 0, 0.4);
}
.textButton:active {
  color: rgba(0, 0, 0, 0.6);
}

.loginBox, .registerBox {
  width: calc(500 * var(--cf));
  padding: calc(20 * var(--cf));
  min-height: calc(200 * var(--cf));
  background-color: white;
  border-radius: calc(12 * var(--cf));
}
.loginBox > .row, .registerBox > .row {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: calc(12 * var(--cf)) 0;
}
.loginBox .logo > img, .registerBox .logo > img {
  width: 60%;
}
.loginBox input, .registerBox input {
  width: 80%;
  height: calc(40 * var(--cf));
  border: calc(0.33 * var(--cf)) solid lightgray;
  border-radius: calc(6 * var(--cf));
  text-align: center;
}
.loginBox input::focus, .registerBox input::focus {
  border: calc(0.33 * var(--cf)) solid darkgray;
}

#logout {
  width: calc(36 * var(--cf));
  cursor: pointer;
  filter: invert(30%) sepia(87%) saturate(3102%) hue-rotate(338deg) brightness(95%) contrast(89%);
}
#logout:hover {
  filter: invert(19%) sepia(82%) saturate(3577%) hue-rotate(343deg) brightness(90%) contrast(86%);
}
#logout:active {
  filter: invert(15%) sepia(100%) saturate(2342%) hue-rotate(336deg) brightness(100%) contrast(96%);
}

#adminDashboardContainer .moduleCard {
  padding: calc(12 * var(--cf));
  border-radius: calc(8 * var(--cf));
  background-color: #DADADA;
  margin-bottom: calc(16 * var(--cf));
}
#adminDashboardContainer .moduleCard .title {
  font-size: calc(22 * var(--cf));
  margin-bottom: calc(16 * var(--cf));
}
#adminDashboardContainer .moduleCard .moduleDetailRow, #adminDashboardContainer .moduleCard .moduleDetailHeader {
  padding: calc(8 * var(--cf));
}
#adminDashboardContainer .moduleCard .moduleDetailRow .idCol, #adminDashboardContainer .moduleCard .moduleDetailHeader .idCol {
  max-width: calc(40 * var(--cf));
}
#adminDashboardContainer .moduleCard .moduleDetailHeader {
  background-color: #253342;
  color: #E6E8EB;
  border-radius: calc(8 * var(--cf)) calc(8 * var(--cf)) 0 0;
}
#adminDashboardContainer .moduleCard .moduleDetail {
  border-radius: 0 0 calc(8 * var(--cf)) calc(8 * var(--cf));
  background-color: #E6E8EB;
}
#adminDashboardContainer .moduleCard .moduleDetailRow {
  border-radius: 0 0 calc(8 * var(--cf)) calc(8 * var(--cf));
  cursor: pointer;
}
#adminDashboardContainer .moduleCard .moduleDetailRow.even {
  background-color: rgba(0, 0, 0, 0.04);
}
#adminDashboardContainer .moduleCard .moduleDetailRow.odd {
  background-color: rgba(0, 0, 0, 0.02);
}
#adminDashboardContainer .moduleCard .moduleDetailRow:hover {
  background-color: rgba(0, 0, 0, 0.07);
}
#adminDashboardContainer .moduleCard .moduleDetailRow:active, #adminDashboardContainer .moduleCard .moduleDetailRow.selected {
  background-color: rgba(23, 162, 184, 0.2);
}
#adminDashboardContainer .moduleCard .actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: calc(8 * var(--cf));
  height: calc(40 * var(--cf));
}
#adminDashboardContainer .moduleCard .actions img {
  cursor: pointer;
  width: calc(36 * var(--cf));
}

#dashboardMain .headerRow {
  height: calc(100 * var(--cf));
  background-color: #DADADA;
  padding: calc(20 * var(--cf));
  display: flex;
  align-items: center;
}
#dashboardMain .headerRow .logo {
  width: calc(280 * var(--cf));
  max-width: calc(280 * var(--cf));
  display: flex;
  align-items: center;
  justify-content: center;
}
#dashboardMain .headerRow .logo > img {
  max-width: calc(100% - 40 * var(--cf));
  height: auto;
}
#dashboardMain .panel {
  height: calc(100vh - 100 * var(--cf));
}
#dashboardMain .headerMenuBlock {
  display: flex;
  align-items: center;
  padding: 0 calc(20 * var(--cf));
}
#dashboardMain .logoutBlock {
  margin-left: calc(16 * var(--cf));
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(48 * var(--cf));
}
#dashboardMain .menuItem {
  font-size: calc(18 * var(--cf));
  padding: calc(8 * var(--cf)) calc(16 * var(--cf));
  margin-right: calc(16 * var(--cf));
  color: #757575;
  border: 1px solid #757575;
  border-radius: calc(8 * var(--cf));
  cursor: pointer;
}
#dashboardMain .menuItem:hover {
  color: #8C8C8C;
}
#dashboardMain .menuItem:active {
  color: #5A5A5A;
}
#dashboardMain .menuItem.selected {
  background-color: #3eba8a;
  border: 1px solid #3eba8a;
  color: white;
}

#panelBoard {
  padding: calc(20 * var(--cf));
  overflow-y: auto;
}

#tableFieldsTitles {
  background-color: lightgray;
  margin-bottom: calc(8 * var(--cf));
  padding: 0 calc(12 * var(--cf));
}

#tableFields {
  max-height: calc(100vh - 340 * var(--cf));
  overflow: auto;
  padding: calc(12 * var(--cf));
  background-color: white;
}
#tableFields .tableFieldRow {
  display: flex;
  align-items: center;
  margin-bottom: calc(8 * var(--cf));
}

#tableFieldsTitles .fieldName, #tableFields .fieldName {
  width: 20%;
}
#tableFieldsTitles .fieldType, #tableFields .fieldType {
  min-width: 10%;
}
#tableFieldsTitles .fieldLength, #tableFields .fieldLength {
  width: 10%;
}
#tableFieldsTitles .fieldUnique, #tableFields .fieldUnique {
  width: 8%;
  display: flex;
  justify-content: center;
  align-items: center;
}
#tableFieldsTitles .fieldIndexed, #tableFields .fieldIndexed {
  width: 8%;
  display: flex;
  justify-content: center;
  align-items: center;
}
#tableFieldsTitles .fieldNullable, #tableFields .fieldNullable {
  width: 8%;
  display: flex;
  justify-content: center;
  align-items: center;
}

#leftMenu {
  padding: calc(16 * var(--cf));
  width: calc(300 * var(--cf));
  max-width: calc(300 * var(--cf));
  background-color: rgba(0, 0, 0, 0.8);
}
#leftMenu .title {
  font-size: calc(20 * var(--cf));
  padding-bottom: calc(8 * var(--cf));
  color: #ADD8E6;
}
#leftMenu .item.table, #leftMenu .item.tableName {
  color: #CCCCCC;
  padding-bottom: calc(6 * var(--cf));
  cursor: auto;
}
#leftMenu .item.table img, #leftMenu .item.tableName img {
  cursor: pointer;
  filter: invert(84%) sepia(16%) saturate(15%) hue-rotate(314deg) brightness(96%) contrast(91%);
}
#leftMenu .item.table img:hover, #leftMenu .item.tableName img:hover {
  filter: invert(98%) sepia(9%) saturate(2%) hue-rotate(252deg) brightness(115%) contrast(100%);
}
#leftMenu .item.table img:active, #leftMenu .item.tableName img:active {
  filter: invert(91%) sepia(16%) saturate(890%) hue-rotate(3deg) brightness(96%) contrast(100%);
}
#leftMenu .item.table.selected, #leftMenu .item.tableName.selected {
  color: #FFD700;
}
#leftMenu .item.table.selected:hover, #leftMenu .item.tableName.selected:hover {
  color: #FFFFFF;
}
#leftMenu .item.table.selected:active, #leftMenu .item.tableName.selected:active {
  color: #F0E68C;
}
#leftMenu .item.table.selected img, #leftMenu .item.tableName.selected img {
  filter: invert(85%) sepia(32%) saturate(2190%) hue-rotate(358deg) brightness(101%) contrast(103%);
}
#leftMenu .item.table.tableName, #leftMenu .item.tableName.tableName {
  cursor: pointer;
  padding-bottom: calc(12 * var(--cf));
  font-size: calc(14 * var(--cf));
  padding-left: calc(12 * var(--cf));
}
#leftMenu .item.table.tableName:hover, #leftMenu .item.tableName.tableName:hover {
  color: #FFFFFF;
}
#leftMenu .item.table.tableName:active, #leftMenu .item.tableName.tableName:active {
  color: #F0E68C;
}
#leftMenu .item.table.tableName.undefined, #leftMenu .item.tableName.tableName.undefined {
  color: red;
  pointer-events: none;
}
#leftMenu .item .item-options {
  position: absolute;
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
  background-color: white;
  color: black;
  right: calc(8 * var(--cf));
  top: calc(100% - 6 * var(--cf));
  border-radius: calc(4 * var(--cf)) 0 calc(4 * var(--cf)) calc(4 * var(--cf));
  z-index: 1;
}
#leftMenu .item .item-options .row {
  padding: calc(8 * var(--cf)) calc(8 * var(--cf)) calc(4 * var(--cf));
}
#leftMenu .item .item-options .row:hover {
  background-color: #DADADA;
}
#leftMenu .item .item-options .row.disabled {
  pointer-events: none;
  color: lightgray;
}
#leftMenu #tablesList {
  padding-left: calc(8 * var(--cf));
}
#leftMenu .adminMenuOption {
  cursor: pointer;
  color: #CCCCCC;
}
#leftMenu .adminMenuOption:hover {
  color: #FFFFFF;
}
#leftMenu .adminMenuOption:active, #leftMenu .adminMenuOption.selected {
  color: #F0E68C;
}

#excelErrors {
  padding: calc(16 * var(--cf));
  background-color: rgba(255, 0, 0, 0.1);
  border: red;
  border-radius: calc(12 * var(--cf));
}

#excelTable {
  background-color: white;
}
#excelTable table {
  table-layout: fixed;
  width: 100%;
}
#excelTable table td, #excelTable table th {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#excelTableName {
  font-size: calc(24 * var(--cf));
  padding-bottom: calc(8 * var(--cf));
}

#excelTableFiltersBlock {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: calc(60 * var(--cf));
  background-color: #DADADA;
  padding: calc(8 * var(--cf)) calc(20 * var(--cf));
  margin-bottom: calc(8 * var(--cf));
  border-radius: calc(4 * var(--cf));
}
#excelTableFiltersBlock .imageContainer {
  cursor: pointer;
  width: calc(64 * var(--cf));
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
#excelTableFiltersBlock .imageContainer img {
  height: calc(36 * var(--cf));
}
#excelTableFiltersBlock .excelTableFilter {
  width: calc(240 * var(--cf));
}
#excelTableFiltersBlock .excelTableFilterTitle {
  width: calc(240 * var(--cf));
  padding-left: calc(12 * var(--cf));
}
#excelTableFiltersBlock .excelTableFilterSelect .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  width: calc(220 * var(--cf));
  margin-right: calc(20 * var(--cf));
}

#excelTableHeaders th {
  position: sticky;
  top: 0;
  background-color: #DADADA;
  padding-right: calc(32 * var(--cf));
}
#excelTableHeaders th .filterButton {
  position: absolute;
  right: 0;
  top: calc(50% - 13 * var(--cf));
  cursor: pointer;
}
#excelTableHeaders th .filterButton img {
  width: calc(22 * var(--cf));
  filter: invert(48%) sepia(4%) saturate(19%) hue-rotate(314deg) brightness(95%) contrast(89%);
  opacity: 0.3;
}
#excelTableHeaders th .filterButton:hover img {
  filter: invert(59%) sepia(0%) saturate(1290%) hue-rotate(187deg) brightness(94%) contrast(88%);
  opacity: 1;
}
#excelTableHeaders th .filterButton:active img {
  filter: invert(36%) sepia(1%) saturate(0%) hue-rotate(30deg) brightness(94%) contrast(92%);
  opacity: 1;
}
#excelTableHeaders th .filterButton.selected img {
  filter: invert(68%) sepia(34%) saturate(679%) hue-rotate(105deg) brightness(86%) contrast(89%);
  opacity: 1;
}
#excelTableHeaders th .filterButton.selected:hover img {
  filter: invert(75%) sepia(64%) saturate(425%) hue-rotate(92deg) brightness(99%) contrast(88%);
}
#excelTableHeaders th .filterButton.selected:active img {
  filter: invert(47%) sepia(58%) saturate(503%) hue-rotate(109deg) brightness(96%) contrast(81%);
}

.table-wrapper {
  max-height: calc(100vh - 300 * var(--cf));
  overflow: auto;
}

#excelTableBody td {
  font-size: calc(12 * var(--cf));
  padding: calc(4 * var(--cf)) calc(8 * var(--cf));
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#excelTableStatusRow {
  height: calc(40 * Var(--cf));
  padding: 0 calc(16 * var(--cf));
  background-color: #DADADA;
}

#tableSettingsModal .modal-content {
  width: calc(1200 * var(--cf));
}
#tableSettingsModal .modal-body {
  display: contents;
}
#tableSettingsModal #tableSettingsModalFieldsBlock {
  width: 100%;
  max-height: 60vh;
  overflow: auto;
}
#tableSettingsModal .settingsRow {
  padding: calc(4 * var(--cf)) 0 0 calc(8 * var(--cf));
}
#tableSettingsModal .settingsRow.zebra-light {
  background-color: rgba(0, 0, 0, 0.02);
}
#tableSettingsModal .settingsRow.zebra-dark {
  background-color: rgba(0, 0, 0, 0.04);
}
#tableSettingsModal .visible, #tableSettingsModal .filter, #tableSettingsModal .range {
  display: flex;
  justify-content: center;
}
#tableSettingsModal .rangeValues p {
  font-size: calc(14 * var(--cf));
  color: red;
  cursor: pointer;
}
#tableSettingsModal #tableSettingsRangeValuesSubModal {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
  border-radius: calc(12 * var(--cf));
  background-color: rgba(0, 0, 0, 0.4);
}
#tableSettingsModal #tableSettingsRangeValuesSubModal .title {
  font-size: calc(20 * var(--cf));
  padding-bottom: calc(12 * var(--cf));
}
#tableSettingsModal #tableSettingsRangeValuesSubModal .rangeOptionRow {
  padding: calc(8 * var(--cf)) 0;
}
#tableSettingsModal #tableSettingsRangeValuesSubModal .block {
  width: 70%;
  padding: calc(20 * var(--cf));
  border-radius: calc(12 * var(--cf));
  background-color: #DADADA;
}
#tableSettingsModal #tableSettingsRangeValuesSubModal .operator, #tableSettingsModal #tableSettingsRangeValuesSubModal .selector {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 10%;
  background-color: white;
  border-radius: calc(4 * var(--cf));
  margin-right: calc(4 * var(--cf));
  border: 1px solid;
  cursor: pointer;
  position: relative;
}
#tableSettingsModal #tableSettingsRangeValuesSubModal .operator:hover, #tableSettingsModal #tableSettingsRangeValuesSubModal .selector:hover {
  background-color: rgba(0, 0, 0, 0.01);
}
#tableSettingsModal #tableSettingsRangeValuesSubModal .operator:active, #tableSettingsModal #tableSettingsRangeValuesSubModal .selector:active {
  background-color: rgba(0, 0, 0, 0.04);
}
#tableSettingsModal #tableSettingsRangeValuesSubModal .selector {
  width: 16%;
  background-color: white;
}
#tableSettingsModal #tableSettingsRangeValuesSubModal .selector:hover {
  background-color: #8C8C8C;
}
#tableSettingsModal #tableSettingsRangeValuesSubModal .selector:active {
  background-color: #5A5A5A;
}
#tableSettingsModal #tableSettingsRangeValuesSubModal .leftValue, #tableSettingsModal #tableSettingsRangeValuesSubModal .rightValue {
  width: 20%;
}
#tableSettingsModal #tableSettingsRangeValuesSubModal .leftValue input, #tableSettingsModal #tableSettingsRangeValuesSubModal .rightValue input {
  max-width: 100%;
  text-align: end;
  padding-right: calc(4 * var(--cf));
}
#tableSettingsModal #tableSettingsRangeValuesSubModal .removeRight, #tableSettingsModal #tableSettingsRangeValuesSubModal .deleteRow {
  width: calc(28 * var(--cf));
  cursor: pointer;
}
#tableSettingsModal #tableSettingsRangeValuesSubModal .removeRight img, #tableSettingsModal #tableSettingsRangeValuesSubModal .deleteRow img {
  max-width: 100%;
  height: auto;
  filter: invert(30%) sepia(87%) saturate(3102%) hue-rotate(338deg) brightness(95%) contrast(89%);
}
#tableSettingsModal #tableSettingsRangeValuesSubModal .removeRight img:hover, #tableSettingsModal #tableSettingsRangeValuesSubModal .deleteRow img:hover {
  filter: invert(19%) sepia(82%) saturate(3577%) hue-rotate(343deg) brightness(90%) contrast(86%);
}
#tableSettingsModal #tableSettingsRangeValuesSubModal .removeRight img:active, #tableSettingsModal #tableSettingsRangeValuesSubModal .deleteRow img:active {
  filter: invert(15%) sepia(100%) saturate(2342%) hue-rotate(336deg) brightness(100%) contrast(96%);
}
#tableSettingsModal #tableSettingsRangeValuesSubModal .addRowBelow {
  width: calc(28 * var(--cf));
  cursor: pointer;
}
#tableSettingsModal #tableSettingsRangeValuesSubModal .addRowBelow img {
  max-width: 100%;
  height: auto;
  filter: invert(68%) sepia(34%) saturate(679%) hue-rotate(105deg) brightness(86%) contrast(89%);
}
#tableSettingsModal #tableSettingsRangeValuesSubModal .addRowBelow img:hover {
  filter: invert(75%) sepia(64%) saturate(425%) hue-rotate(92deg) brightness(99%) contrast(88%);
}
#tableSettingsModal #tableSettingsRangeValuesSubModal .addRowBelow img:active {
  filter: invert(47%) sepia(58%) saturate(503%) hue-rotate(109deg) brightness(96%) contrast(81%);
}
#tableSettingsModal #tableSettingsRangeValuesSubModal .addRightBlock {
  display: flex;
  align-items: center;
  font-size: calc(14 * var(--cf));
  color: #E63946;
  cursor: pointer;
}
#tableSettingsModal #tableSettingsRangeValuesSubModal .addRightBlock:hover {
  color: #D62839;
}
#tableSettingsModal #tableSettingsRangeValuesSubModal .addRightBlock:active {
  color: #B71E33;
}
#tableSettingsModal #tableSettingsRangeValuesSubModal .spacer {
  width: 15%;
  text-align: center;
}
#tableSettingsModal #tableSettingsRangeValuesSubModal .operatorsList {
  display: flex;
  position: absolute;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  top: calc(100% + 4 * var(--cf));
  z-index: 1;
  padding: calc(4 * var(--cf)) calc(1 * var(--cf));
  background-color: blue;
  width: 40%;
  height: calc(40 * var(--cf));
  border-radius: 4px;
  border: 1px solid;
}
#tableSettingsModal #tableSettingsRangeValuesSubModal .operatorsList.right {
  left: 46%;
}

.widgetCell {
  padding: calc(8 * var(--cf));
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.widgetCell .widgetContainer {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding: calc(8 * var(--cf));
  background-color: #DADADA;
  border-radius: calc(8 * var(--cf));
}
.widgetCell .widgetContainer.top {
  margin-bottom: calc(4 * var(--cf));
}
.widgetCell .widgetContainer.middle {
  margin: calc(2 * var(--cf)) 0;
}
.widgetCell .widgetContainer.bottom {
  margin-top: calc(4 * var(--cf));
}
.widgetCell .widgetContainer .title {
  font-size: calc(18 * var(--cf));
}
.widgetCell .widgetContainer .widget {
  flex-grow: 1;
  min-height: calc(100 * var(--cf));
}
.widgetCell .widgetContainer .turnover {
  flex-direction: column;
}
.widgetCell .widgetContainer .turnover .industryAverage {
  position: absolute;
}
.widgetCell .widgetContainer .turnover .value {
  position: absolute;
  bottom: calc(60 * var(--cf));
  height: calc(50 * var(--cf));
}
.widgetCell .widgetContainer .turnover .canvas {
  position: absolute;
}
.widgetCell .widgetContainer .turnover .years {
  height: calc(70 * var(--cf));
  position: absolute;
  bottom: 0;
}
.widgetCell .widgetContainer .payments .chartFiltersRow {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: calc(60 * var(--cf));
  background-color: #DADADA;
}
.widgetCell .widgetContainer .payments .chartFiltersRow .chartFilterButtonContainer {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 calc(16 * var(--cf));
  margin-top: calc(12 * var(--cf));
}
.widgetCell .widgetContainer .payments .chartFilterButton {
  background-color: #FFA500;
  padding: calc(6 * var(--cf)) calc(12 * var(--cf));
  margin-right: calc(12 * var(--cf));
  color: white;
  font-size: calc(18 * var(--cf));
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: calc(4 * var(--cf));
  opacity: 90%;
  cursor: pointer;
}
.widgetCell .widgetContainer .payments .chartFilterButton:hover {
  background-color: #E59400;
}
.widgetCell .widgetContainer .payments .chartFilterButton:active {
  background-color: #CC8400;
}
.widgetCell .widgetContainer .payments .chartFilterButton.selected {
  background-color: #CC8400;
  opacity: 1;
}
.widgetCell .widgetContainer .valueBox.chart {
  background-color: #E6E8EB;
  padding: calc(12 * var(--cf));
  border-radius: calc(8 * var(--cf));
}

.card {
  background-color: #DADADA;
  padding: calc(16 * var(--cf));
  border-radius: calc(12 * var(--cf));
  flex-grow: 1; /* Distribute remaining space equally */
}

.equal-height {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

#backToDashboard {
  padding-right: calc(16 * var(--cf));
  cursor: pointer;
  color: rgba(0, 0, 0, 0.8);
}

#dashboardContainer .title {
  font-size: calc(24 * var(--cf));
  padding-bottom: calc(12 * var(--cf));
}
#dashboardContainer .tablesTitle {
  font-size: calc(18 * var(--cf));
  padding-bottom: calc(12 * var(--cf));
}
#dashboardContainer .tables {
  padding: calc(16 * var(--cf));
  border: 1px solid black;
  border-radius: calc(12 * var(--cf));
  padding-bottom: calc(12 * var(--cf));
  margin-bottom: calc(12 * var(--cf));
}

#dashboardFilters {
  display: flex;
  align-items: center;
  justify-content: left;
  min-height: calc(60 * var(--cf));
  background-color: #DADADA;
  padding: calc(8 * var(--cf)) calc(20 * var(--cf));
  margin-bottom: calc(8 * var(--cf));
  border-radius: calc(4 * var(--cf));
}
#dashboardFilters .dashboardFilter {
  width: calc(240 * var(--cf));
}
#dashboardFilters .dashboardFilterTitle {
  width: calc(240 * var(--cf));
  padding-left: calc(12 * var(--cf));
}
#dashboardFilters .dashboardFilterSelect .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  width: calc(220 * var(--cf));
  margin-right: calc(20 * var(--cf));
}

#dashboardYears {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  min-height: calc(60 * var(--cf));
  padding-bottom: calc(20 * var(--cf));
}

.yearButtonContainer {
  padding: 0 calc(16 * var(--cf));
  max-width: calc(120 * var(--cf));
}
.yearButtonContainer .yearButton {
  background-color: #4A90E2;
  padding: calc(4 * var(--cf));
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: calc(4 * var(--cf));
  opacity: 90%;
  cursor: pointer;
}
.yearButtonContainer .yearButton:hover {
  background-color: #3A7BD5;
}
.yearButtonContainer .yearButton:active {
  background-color: #2E6AC0;
}
.yearButtonContainer .yearButton.selected {
  background-color: #2E6AC0;
  opacity: 1;
}

#dashboardPanel {
  margin-top: calc(16 * var(--cf));
}

.layout .layoutRow {
  display: flex;
  align-items: center;
  border-radius: calc(12 * var(--cf));
  margin-bottom: calc(24 * var(--cf));
}
.layout .layoutRow.dateRow {
  justify-content: flex-end;
}
.layout .layoutRow.filterRow {
  background-color: #DADADA;
}
.layout .layoutRow.titleRow {
  font-size: calc(24 * var(--cf));
  font-weight: 700;
  padding-left: calc(24 * var(--cf));
  margin-bottom: calc(12 * var(--cf));
}
.layout .layoutRow.titleRow.bordered {
  background-color: #E9EBEE;
  margin-bottom: 0;
  border: calc(0.33 * var(--cf)) solid #A7ACB4;
  border-radius: calc(12 * var(--cf)) calc(12 * var(--cf)) 0 0;
  border-bottom: none;
}
.layout .layoutRow.group {
  background-color: #D2D5DA;
  min-height: calc(300 * var(--cf));
}
.layout .layoutRow.group.titled {
  border-radius: 0 0 calc(12 * var(--cf)) calc(12 * var(--cf));
}
.layout .layoutRow.group.bordered {
  border: calc(0.33 * var(--cf)) solid #A7ACB4;
}
.layout .layoutRow .layoutBox {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding: calc(12 * var(--cf)) calc(6 * var(--cf));
  min-height: inherit;
}
.layout .layoutRow .layoutBox .layoutCell {
  flex-grow: 1;
  padding: calc(8 * var(--cf));
  background-color: #E9EBEE;
  border-radius: calc(12 * var(--cf));
}
.layout .layoutRow .layoutBox .layoutCell.top {
  margin-bottom: calc(4 * var(--cf));
}
.layout .layoutRow .layoutBox .layoutCell.middle {
  margin-top: calc(2 * var(--cf));
  margin-bottom: calc(2 * var(--cf));
}
.layout .layoutRow .layoutBox .layoutCell.bottom {
  margin-top: calc(4 * var(--cf));
}
.layout .layoutRow .layoutBox .layoutCell[data-cell-type=valueBox] {
  position: relative;
}
.layout .layoutRow .layoutBox .layoutCell[data-cell-type=valueBox] .valueCell {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: calc(48 * var(--cf));
  z-index: 2;
}
.layout .layoutRow .layoutBox .layoutCell[data-cell-type=valueBox] .bottomText {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  font-size: calc(20 * var(--cf));
  z-index: 1;
}
.layout .layoutRow .layoutBox .layoutCell[data-cell-type=chart] {
  flex-grow: unset;
}
.layout .segmentedGroup {
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: stretch;
}
.layout .segmentCol {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  min-height: 100%;
}
.layout .segmentCol.left {
  padding-right: calc(4 * var(--cf));
}
.layout .segmentCol.middle {
  padding-left: calc(2 * var(--cf));
  padding-right: calc(2 * var(--cf));
}
.layout .segmentCol.right {
  padding-left: calc(4 * var(--cf));
}
.layout .dashboardRow {
  min-height: 100%;
}
.layout .dashboardRow .layoutBoxContainer {
  min-height: 100%;
}
.layout .dashboardRow .layoutBoxContainer.left {
  padding-right: calc(4 * var(--cf));
}
.layout .dashboardRow .layoutBoxContainer.middle {
  padding-left: calc(2 * var(--cf));
  padding-right: calc(2 * var(--cf));
}
.layout .dashboardRow .layoutBoxContainer.right {
  padding-left: calc(4 * var(--cf));
}
.layout .dashboardRow .layoutBox {
  border-radius: calc(12 * var(--cf));
  background-color: #D2D5DA;
  padding: calc(12 * var(--cf)) calc(6 * var(--cf));
}
.layout .dateRow {
  display: flex;
  align-items: center;
  height: calc(60 * var(--cf));
  padding: 0 calc(16 * var(--cf));
  background-color: #BCC1C8;
}
.layout .dateRow .dateButton {
  position: relative;
  display: flex;
  align-items: center;
  padding: calc(4 * var(--cf)) calc(16 * var(--cf));
  margin-left: calc(16 * var(--cf));
}
.layout .dateRow .dateButton.month {
  padding-right: calc(32 * var(--cf));
}
.layout .dateRow .dateButton .monthExtension {
  font-size: calc(12 * var(--cf));
}
.layout .dateRow .dateButton .monthHandle {
  position: absolute;
  right: calc(8 * var(--cf));
  width: calc(16 * var(--cf));
  height: calc(20 * var(--cf));
  cursor: pointer;
}
.layout .dateRow .dateButton .monthHandle:after {
  content: url("/images/calendar_month_24.svg");
  filter: invert(93%) sepia(100%) saturate(0%) hue-rotate(265deg) brightness(105%) contrast(108%);
}
.layout .dateRow .dateButton .monthHandle:hover:after {
  filter: invert(68%) sepia(34%) saturate(679%) hue-rotate(105deg) brightness(86%) contrast(89%);
}
.layout .dateRow .dateButton.green .monthHandle:after {
  filter: invert(16%) sepia(14%) saturate(1447%) hue-rotate(170deg) brightness(92%) contrast(87%);
}
.layout .filterRow {
  display: flex;
  align-items: center;
  height: calc(60 * var(--cf));
  padding: 0 calc(16 * var(--cf));
  background-color: #E9EBEE;
}
.layout .filterRow .filterButton {
  margin-right: calc(16 * var(--cf));
}

.flatpickr-input[readonly] {
  height: calc(40 * var(--cf));
  width: calc(300 * var(--cf));
  background-color: #4A90E2;
  color: white;
  border: 1px solid #4A90E2;
  border-radius: calc(4 * var(--cf));
  text-align: center;
}
.flatpickr-input[readonly]:focus {
  box-shadow: none;
  outline: none;
}

.monthSelector {
  color: #3eba8a;
  position: absolute;
  background-color: #E9EBEE;
  width: calc(226 * var(--cf));
  padding: calc(8 * var(--cf));
  border-radius: calc(24 * var(--cf));
  border-top-right-radius: 0;
  border: calc(0.33 * var(--cf)) solid #7D838C;
}
.monthSelector .row {
  display: flex;
  align-items: center;
  height: calc(36 * var(--cf));
}
.monthSelector .col:hover {
  color: black;
}
.monthSelector .col.disabled {
  color: #D2D5DA;
  cursor: none !important;
  pointer-events: none !important;
}/*# sourceMappingURL=intellimetrics.css.map */