body {
  font-family: sans-serif;
  margin: 0px;
  border: solid grey 0px;
}
#logon {
  display: none;
  background: white;
  border: solid blue 0px;
  position: absolute;
  text-align: center;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 1000;
}

#logon-label {
  border: solid blue 0px;
}

#logon-box {
  background: white;
  width: 400px;
  border-radius: 6px;
  margin: 0 auto 0 auto;
  padding: 0px 0px 20px 0px;
  border: #2980b9 4px solid;
}

#logon-ak,
#logon-sk {
  background: #ecf0f1;
  border: #ccc 1px solid;
  border-bottom: #ccc 2px solid;
  padding: 8px;
  width: 250px;
  color: #aaaaaa;
  margin-top: 0px;
  font-size: 1em;
  border-radius: 4px;
}

#logon-sk-origin {
  border-radius: 4px;
  background: #ecf0f1;
  border: #ccc 1px solid;
  padding: 8px;
  width: 250px;
  font-size: 1em;
}

#logon-env {
  display: none;
}

#logon-button,
#signInButton {
  background: #2ecc71;
  width: 125px;
  padding-top: 5px;
  padding-bottom: 5px;
  color: white;
  border-radius: 4px;
  border: #27ae60 1px solid;
  margin-top: 20px;
  margin-bottom: 0px;
  float: center;
  margin-left: 0px;
  font-weight: 800;
  font-size: 0.8em;
}

#logon-button:hover,
#signInButton:hover {
  background: #2cc06b;
  cursor: pointer;
}

.logon {
  display: none;
  background: white;
  border: solid blue 0px;
  position: absolute;
  text-align: center;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 1000;
}

.logon-label {
  border: solid blue 0px;
}

.logon-box {
  background: white;
  width: 400px;
  border-radius: 6px;
  margin: 0 auto 0 auto;
  padding: 0px 0px 20px 0px;
  border: #2980b9 4px solid;
}

.logon-ak,
.logon-sk {
  background: #ecf0f1;
  border: #ccc 1px solid;
  border-bottom: #ccc 2px solid;
  padding: 8px;
  width: 250px;
  color: #aaaaaa;
  margin-top: 0px;
  font-size: 1em;
  border-radius: 4px;
}

.logon-sk-origin {
  border-radius: 4px;
  background: #ecf0f1;
  border: #ccc 1px solid;
  padding: 8px;
  width: 250px;
  font-size: 1em;
}

.logon-env {
  display: none;
}

.logon-button,
.signInButton {
  background: #2ecc71;
  width: 125px;
  padding-top: 5px;
  padding-bottom: 5px;
  color: white;
  border-radius: 4px;
  border: #27ae60 1px solid;
  margin-top: 20px;
  margin-bottom: 0px;
  float: center;
  margin-left: 0px;
  font-weight: 800;
  font-size: 0.8em;
}

.logon-button:hover,
.signInButton:hover {
  background: #2cc06b;
  cursor: pointer;
}

#Context {
  border: solid green 0px;
}

#btncountry {
  display: none;
}

.text-truncate {
  display: block;
  max-width: 500px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.text {
  font-size: 80%;
}
textarea {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}
.cursor-pointer {
  cursor: pointer;
}

input.priceProfile {
  width: 35px;
  text-align: right;
}
input.currency {
  width: 25px;
  text-align: center;
}
.table-wrapper {
  background-color: white;
  border: 1px solid gray;
  padding: 0px;
  position: absolute;
  bottom: 195px;
  right: 0px;
  height: 228px;
  overflow: auto;
}

#flex-container {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-content: left;
  width: 100vw;
  border: solid lightsteelblue 0px;
  margin: 0 auto;
}

.flex-item {
  margin: 1px;
  width: 400px;
  height: 200px;
  border: solid lightsteelblue 1px;
}

.PropertyTitle {
  margin: 0px;
  padding: 4px;
  background: lightsteelblue;
  width: 365px;
  border: solid lightsteelblue 1px;
}
.PropertyLabelValue {
  border: solid red 0px;
  width: 375px;
  font-size: 90%;
  display: flex;
}

.PropertyLabel {
  margin: 1px;
  padding: 1px 5px;
  display: inline-block;
  width: 110px; /* 153px; */
  background: gainsboro;
  font-size: 90%;
}

#mPropDiscomMeterIdSpan {
  padding-left: 0px;
  margin-left: 0px;
  border: solid red 0px;
}

#mPropDiscomMeterId {
  border: solid blue 0px;
  margin-left: -3px;
}

#mPropLabelServiceAddress,
#vedaLabelServiceAddress {
  height: 40px;
  vertical-align: top;
}

#mPropLabelCircuit1,
#mPropLabelCircuit2,
#mPropLabelCircuit3,
#mPropLabelCircuit4 {
  background-repeat: no-repeat;
}

#mPropLabelValueCircuits,
#mPropLabelValueCircuit1to4 {
  display: none;
}

#mPropLabelCircleCircuit1,
#mPropLabelCircleCircuit2,
#mPropLabelCircleCircuit3,
#mPropLabelCircleCircuit4,
#mPropLabelVoltageCircle {
  height: 13px;
  width: 13px;
  background-color: gainsboro;
  border-radius: 50%;
  border: solid white 1px;
  vertical-align: middle;
  display: inline-block;
  float: right;
}

#dashboardStatusCircleGreen,
#dashboardStatusCircleOrange,
#dashboardStatusCircleRed {
  height: 20px;
  width: 20px;
  margin-top: 30px;
  margin-left: -10px;
  border-radius: 50%;
  border: solid white 1px;
  vertical-align: middle;
  display: inline-block;
  /* float: right; */
}

#dashboardStatusGreen,
#dashboardStatusOrange,
#dashboardStatusRed {
  vertical-align: bottom;
  padding-left: 3px;
}

#mPropLabelMeterIdQRCode,
#mPropLabelDeviceIdQRCode {
  height: 13px;
  width: 13px;
  margin-left: 2px;
  margin-top: 3px;
  background: url('img/qrcode-icon.png') no-repeat;
  display: inline-block;
  float: right;
  cursor: pointer;
}

#mPropQRCodeDiv {
  position: absolute;
  left: 130px;
  top: 100px;
  width: 144px;
  height: 144px;
  display: none;
  border: solid #c8ced3 2px; /* lightsteelblue */
  background-repeat: no-repeat;
}

#mPropQRCodeDiv:hover,
#mgTransformerMeterId:hover,
#mgGensetMeterId:hover {
  cursor: pointer;
}

.circuitToPriceEdit {
  display: none;
}

.circuitToPriceRead {
  display: inline-block;
  margin: 1px;
}

.PropertyValue {
  margin: 1px;
  display: inline-block;
  width: 260px;
  background: ghostwhite;
  border: solid red 0px;
}

.mPropButtons {
  width: 355px;
  margin-left: 5px;
  margin-bottom: 5px;
  border: solid blue 0px;
}

.Button:hover {
  border: LightSlateGray 2px solid;
  background-color: lightsteelblue;
}

.Button {
  background-color: LightSlateGray; /* #4CAF50 Green */
  border: none;
  color: white;
  padding: 1px;
  margin: 0px;
  vertical-align: top;
  width: 85px;
  height: 40px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 12px;
}

#sourcesDpeConfig {
  display: none;
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 5px;
  border: solid 1px #c8ced3;
}

#Admin {
  display: none;
  z-index: 200;
  background: Snow;
  padding: 3px;
  border: solid grey 2px;
  position: absolute;
  left: 610px;
  top: 460px;
  /* height: 520px; */
  width: 780px;
}

#TransactionHistory {
  display: none;
  z-index: 200;
  background: Snow;
  padding: 3px;
  border: solid grey 2px;
  position: absolute;
  left: 600px;
  top: 50px;
  height: 400px;
  width: 410px;
}
#Vector {
  display: none;
  z-index: 200;
  background: Snow;
  padding: 3px;
  border: solid grey 2px;
  position: absolute;
  left: 600px;
  top: 50px;
  height: 400px;
  width: 700px;
}

#AdminHeader,
#TransactionHistoryHeader,
#VectorHeader {
  padding: 2px;
  cursor: move;
  z-index: 200;
  background-color: #acb4bc;
  color: #fff;
}

#mgProperties,
#mProperties {
  position: absolute;
  z-index: 100;
  display: none;
  border: solid #8f9ba6 1px;
  background: white;
}

#mgPropertiesHeader,
#mPropertiesHeader {
  padding: 3px;
  cursor: move;
  z-index: 200;
  background-color: #c8ced3;
  color: #fff;
}

#TransactionHistoryCloseIcon,
#AdminCloseIcon {
  height: 13px;
  width: 13px;
  background: url('img/close-icon.png') no-repeat;
  display: inline-block;
  float: right;
  cursor: pointer;
}

#CloseIcon {
  position: absolute;
  right: 4px;
  height: 13px;
  width: 13px;
  /* background: url("img/close-icon-grey.png") no-repeat; */
  display: inline-block;
  /* float: right; */
  cursor: pointer;
}

#vedaTransactionChartDays {
  margin-left: 10px;
  text-align: right;
}

#vedaTransactionChart,
#meterEnergyChart {
  position: relative;
  top: 3px;
  height: 18px;
  width: 18px;
  margin-left: 1px;
  display: inline-block;
  background: url('img/chart-icon.png') no-repeat;
}

#vedaTransactionChart:hover,
#meterEnergyChart:hover {
  cursor: pointer;
}

#vedaTransactionExport,
#meterEnergyExport {
  position: relative;
  top: 5px;
  height: 20px;
  width: 22px;
  margin-left: 6px;
  display: inline-block;
  background: url('img/csv-icon.png') no-repeat;
}

#meterEnergyExportC60xxx {
  position: relative;
  top: 5px;
  height: 20px;
  width: 22px;
  margin-left: 6px;
  display: inline-block;
  background: url('img/icon-C60.png') no-repeat;
  border: solid black 1px;
  border-radius: 3px;
}

#meterEnergyExportC96,
#meterEnergyExportC60,
#meterEnergyExportC1 {
  position: relative;
  height: 20px;
  width: 24px;
  margin-left: 3px;
  display: inline-block;
  border: solid black 2px;
  border-radius: 4px;
  text-align: center;
}

#meterEnergyExportC1xx {
  position: relative;
  top: 5px;
  height: 20px;
  width: 22px;
  margin-left: 6px;
  display: inline-block;
  background: url('img/icon-C1.png') no-repeat;
  border: solid black 1px;
  border-radius: 3px;
}

#vedaTransactionExport:hover,
#meterEnergyExport:hover,
#meterEnergyExportC60:hover,
#meterEnergyExportC96:hover,
#meterEnergyExportC1:hover {
  cursor: pointer;
}

.TransactionHistoryTableWrapper,
.EnergyHistoryTableWrapper {
  border: 1px solid grey;
  width: 405px;
  height: 350px;
  overflow: auto;
}

.TransactionHistoryTable,
.EnergyHistoryTable {
  font-size: 80%;
}

.TransactionHistoryTable tbody tr td:nth-child(n + 2),
.EnergyHistoryTable tbody tr td:nth-child(n + 2) {
  text-align: right;
}

#vedaAdminDeviceIdLabel,
#vedaAdminDeviceStateLabel,
#vedaAdminDeviceTypeLabel,
#vedaAdminDeviceCircuitLabel,
#vedaAdminMqttQosLabel,
#vedaAdminDeviceAddressOwnerLabel,
#vedaAdminExportDevicesLabel,
#vedaAdminDynamicPriceLabel,
#vedaAdminDppeLabel {
  width: 100px;
  font-size: 80%;
}

#mgPropDeviceColorFaulty,
#mgPropDeviceColorUnknown,
#mgPropDeviceColorNew,
#mgPropDeviceColorInstalled,
#mgPropDeviceColorAvailable,
#mgPropDeviceColorOwned,
#mgPropDeviceColorOnboarded {
  padding: 0px;
  margin: 0px;
  height: 7px;
  width: 7px;
  border-radius: 50%;
  vertical-align: middle;
  display: inline-block;
  text-align: center;
  padding: 0px 0px 0px 0px;
}

#vedaAdminPublishDynamicPriceDuration {
  text-align: right;
}

#vedaAdminExportDevicesImg {
  vertical-align: middle;
}
#vedaAdminExportDevicesImg:hover {
  border: solid 1px blue;
  cursor: pointer;
}

#initiateOta,
#addDevices,
#setMeterIds,
#setMicrogridIds,
#setWifis,
#registerDevices,
#resetDevices,
#addMicrogrids,
#evalToolOutput,
#subDeviceIdAdminConfig,
#subDeviceIdStatusTransaction,
#vedaAdminGenericMessage {
  display: none;
}

#subDeviceIdAdminHeader,
#subDeviceIdStatusHeader,
#subDeviceIdConfigHeader,
#subDeviceIdTransactionHeader {
  padding-right: 2px;
}

#subDeviceIdConfigHeader,
#subDeviceIdTransactionHeader {
  padding-left: 3px;
}

#cognitoEmail {
  padding-right: 5px;
}

#vedaAdminRebootButton,
#vedaAdminResetDevicesMin,
#vedaAdminResetDevicesMax,
#vedaAdminResetDevicesButton,
#vedaAdminAddMicrogridMin,
#vedaAdminAddMicrogridMax,
#vedaAdminAddMicrogridButton,
#vedaAdminPublishMessageMin,
#vedaAdminPublishMessageMax,
#vedaAdminPublishMessageButton,
#vedaAdminPublishInitialConfigButton,
#vedaAdminMqttQosLabel,
#vedaAdminMqttQosSelect,
#vedaAdminEvalToolInput,
#vedaAdminEvalToolOutput,
#vedaAdminAdvancedSettings,
#vedaAdminOta,
#vedaAdminExportDevicesText,
#vedaAdminInstall,
#vedaAdminAddressOwner,
#vedaAdminDeviceState,
#vedaAdminDeviceState,
#vedaAdminDeviceType,
#vedaAdminDeviceType,
#vedaAdminDeviceSetContractSelect,
#vedaAdminDeviceSetContractBtn,
#vedaAdminDeviceGetContractBtn,
#vedaAdminDeviceConnectedCircuitsSelect,
#vedaAdminDeviceConnectedCircuitsBtn,
#vedaAdminExportDevices,
#vedaAdminDynamicPrice,
#vedaAdminBootMsg,
#vedaAdminSuspendButton,
#vedaAdminDppe {
  display: none;
}

.vedaAdminEvalToolInput {
  width: 80%;
}

.icon-min-todo {
  background: url('img/icon-min.png') no-repeat;
}

.icon-max-todo {
  background: url('img/icon-max.png') no-repeat;
}

#MicrogridIds {
  display: none;
  border: solid grey 0px;
}
#mgPropMicrogridId {
  display: none;
}

#MQTT {
  position: relative;
  width: 60px;
  border: red solid 0px;
  float: right;
}
#mqttButton {
  float: right;
}
#logout-button {
  float: right;
}
#LogoutDiv {
  position: absolute;
  top: 55px;
  right: 12px;
  width: 38px;
  height: 38px;
  z-index: 100;
  border: solid grey 0px;
  background: url('img/logout-icon.png') no-repeat;
}

#LogoutDiv:hover {
  border: solid 1px LightSlateGray;
  cursor: pointer;
}

#gridCanvas {
  position: relative;
  height: 50vh; /* 450px; */
  width: 100%; /* 70%; 600px; */
  background-color: lightgray;
  overflow: scroll;
  border: solid grey 1px;
}

#meterProperties {
  position: absolute;
  z-index: 150;
  top: 13px;
  right: 60px;
  height: 435px; /* 50vh; */ /* 450px; */
  width: 372px;
  background: white;
  padding: 3px;
  /* overflow: scroll; */
  border: solid lightsteelblue 1px;
}

#meterPropertiesHeader {
  width: 364px;
  padding: 3px;
  cursor: move;
  z-index: 150;
  /* background-color: #2196F3; */
  /* color: #fff; */
}

#microgridProperties {
  /* #Admin
	display: none;
	z-index: 200;
	background: Snow;
	padding: 3px;
	border: solid grey 2px;
	position: absolute;
	left: 610px;
	top: 460px;
	width: 780px;
	*/
  position: absolute;
  z-index: 150;
  left: 13px;
  top: 54px;
  /* height: 260px; */
  width: 280px;
  background: white;
  padding: 3px;
  /* overflow: scroll; */
  border: solid lightsteelblue 1px;
}

#microgridPropertiesHeader {
  width: 272px;
  padding: 3px;
  cursor: move;
  z-index: 150;
  /* background-color: #2196F3; */
  /* color: #fff; */
}

.mgPropertyLabelValue {
  border: solid red 0px;
  width: 280px;
  font-size: 90%;
}

.mgPropertyValue {
  margin: 1px;
  display: inline-block;
  width: 162px;
  background: ghostwhite;
  border: solid red 0px;
}

.mgPropertyValue2 {
  margin: 1px;
  display: inline-block;
  width: 190px;
  background: ghostwhite;
  border: solid red 0px;
}

.mgPropertyTitle {
  margin: 0px;
  padding: 4px;
  background: lightsteelblue;
  width: 272px;
  border: solid lightsteelblue 1px;
}

.mgPropertyLabel {
  margin: 1px;
  padding: 1px 5px;
  display: inline-block;
  width: 100px; /* 153px; */
  background: gainsboro;
  font-size: 90%;
}

.mgPropertyLabel2 {
  margin: 1px;
  padding: 1px 5px;
  display: inline-block;
  width: 72px; /* 153px; */
  background: gainsboro;
  font-size: 90%;
}

.chartReportsActions {
  position: absolute;
  top: 0px;
  right: 10px;
  border: solid grey 0px;
  z-index: 100;
  font-size: 80%;
}

.floatRightTop {
  position: absolute;
  top: 5px;
  right: 10px;
}

.chartDerControlActions {
  position: absolute;
  top: 0px;
  right: 10px;
  border: solid grey 0px;
  z-index: 100;
  font-size: 80%;
}

#chartReportsDropDown {
  position: absolute;
  top: 66px;
  right: 22px;
  border: solid grey 1px;
  z-index: 100;
}

#chartReportsDateDropDown {
  position: absolute;
  top: 66px;
  right: 250px;
  border: solid grey 1px;
  z-index: 100;
}

#chartMenu {
  position: relative;
  left: 2px;
  top: 4px;
  border: solid grey 1px;
  z-index: 100;
  font-size: 80%;
  margin: 2px;
  padding: 2px;
  background: lightsteelblue;
  border: solid 2px lightsteelblue;
  border-radius: 8px;
}

#chartMenuItem1 {
  background: white;
  padding: 2px;
  border: solid 2px lightsteelblue;
  border-radius: 8px;
}

#chartMenuItem2 {
  background: lightsteelblue;
  padding: 2px;
  border: solid 2px lightsteelblue;
  border-radius: 8px;
}

#chartMenuItem3 {
  background: lightsteelblue;
  padding: 2px;
  border: solid 2px lightsteelblue;
  border-radius: 8px;
}

#chartMenuItem5 {
  background: lightsteelblue;
  padding: 2px;
  border: solid 2px lightsteelblue;
  border-radius: 8px;
}

#chartMenuItem1:hover,
#chartMenuItem2:hover,
#chartMenuItem3:hover,
#chartMenuItem5:hover {
  cursor: pointer;
}

.chart-container {
  position: relative;
  height: 43vh;
  width: 99vw;
  border: solid grey 0px;
  padding: 0px;
  margin: 0px;
}

.chartContainer {
  /* used in vue */
  position: relative;
  height: 43vh;
  border: solid grey 0px;
  padding: 0px;
  margin: 0px;
}

#chartCanvas1 {
  display: block;
  padding-left: 3px;
  padding-right: 3px;
}
#chartCanvas2 {
  display: none;
  padding-left: 3px;
  padding-right: 3px;
}
#chartCanvas3 {
  display: none;
  padding-left: 3px;
  padding-right: 3px;
}
#chartCanvas4 {
  display: none;
  padding-left: 3px;
  padding-right: 3px;
}
#chartCanvas5 {
  display: none;
  padding-left: 3px;
  padding-right: 3px;
}
#chartEnergyCanvas {
  display: none;
  padding-left: 3px;
  padding-right: 3px;
}
#chartEnergyDiv {
  display: none;
  width: 100%;
  padding-left: 3px;
  padding-right: 3px;
}
#chartSourcesCanvas {
}

.chartjs {
}

#simToolBar1 {
  display: none;
  float: right;
  border: solid yellow 0px;
}

#json {
  font-family: monospace;
  width: 99.5%;
  margin-top: 10px;
  height: 100px;
}

/* Meter On - ByPass On */
.onoffswitch {
  position: relative;
  display: inline-block;
  margin-left: 4px;
  width: 90px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.onoffswitch-checkbox {
  display: none;
}
.onoffswitch-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border: 2px solid #999999;
  border-radius: 3px;
  margin-bottom: -8px;
}
.onoffswitch-inner {
  display: block;
  width: 200%;
  margin-left: -100%;
  transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before,
.onoffswitch-inner:after {
  display: block;
  float: left;
  width: 50%;
  height: 18px;
  padding: 0;
  line-height: 18px;
  font-size: 12px;
  color: white;
  font-family: Trebuchet, Arial, sans-serif;
  font-weight: bold;
  box-sizing: border-box;
}
.onoffswitch-inner:before {
  content: 'Meter On';
  padding-left: 2px;
  background-color: #34c274;
  color: #ffffff;
}
.onoffswitch-inner:after {
  content: 'ByPass On';
  padding-right: 2px;
  background-color: #d3f7ca;
  color: #999999;
  text-align: right;
}
.onoffswitch-switch {
  display: block;
  width: 10px;
  height: 13px;
  margin: 4px;
  background: #ffffff;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 68px;
  border: 2px solid #999999;
  border-radius: 3px;
  transition: all 0.3s ease-in 0s;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
  margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner2 {
  margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
  right: 0px;
}

/* SmartPhone - BasicPhone */
.onoffswitch2 {
  position: relative;
  display: inline-block;
  margin-left: 4px;
  width: 90px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.onoffswitch2-checkbox {
  display: none;
}
.onoffswitch2-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border: 2px solid #999999;
  border-radius: 3px;
  margin-bottom: -8px;
}
.onoffswitch2-inner {
  display: block;
  width: 200%;
  margin-left: -100%;
  transition: margin 0.3s ease-in 0s;
}
.onoffswitch2-inner:before,
.onoffswitch2-inner:after {
  display: block;
  float: left;
  width: 50%;
  height: 18px;
  padding: 0;
  line-height: 18px;
  font-size: 12px;
  color: white;
  font-family: Trebuchet, Arial, sans-serif;
  font-weight: bold;
  box-sizing: border-box;
}
.onoffswitch2-inner:before {
  content: 'SmartPhone';
  padding-left: 2px;
  background-color: #34c274;
  color: #ffffff;
}
.onoffswitch2-inner:after {
  content: 'BasicPhone';
  padding-right: 2px;
  background-color: #d3f7ca;
  color: #999999;
  text-align: right;
}
.onoffswitch2-switch {
  display: block;
  width: 10px;
  height: 13px;
  margin: 4px;
  background: #ffffff;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 68px;
  border: 2px solid #999999;
  border-radius: 3px;
  transition: all 0.3s ease-in 0s;
}
.onoffswitch2-checkbox:checked + .onoffswitch2-label .onoffswitch2-inner {
  margin-left: 0;
}
.onoffswitch2-checkbox:checked + .onoffswitch2-label .onoffswitch2-switch {
  right: 0px;
}

.b-table-sticky-header {
  max-height: none !important;
  height: 80vh !important;
  /* height: calc(100vh - 454px) !important; */
}

.b-table > tbody > tr > td:not(:hover) .fa-copy {
  display: none;
}

.b-table > tbody > tr > td:not(:hover) .icon {
  display: none;
}

.hideScrollbar {
  overflow-x: hidden !important;
}

.ace_gutter {
  z-index: 1 !important;
}

.ace_scrollbar {
  z-index: 1 !important;
}

.chartDerControlActions {
  z-index: 1 !important;
}

.tooltip.b-tooltip {
  opacity: 1 !important;
}

.tooltip-inner {
  max-width: 500px !important;
  border-style: solid !important;
  border-width: 1px !important;
}

.dropdown-menu-right {
  max-height: 300px !important;
  overflow-y: auto;
}