body > div.modal-backdrop.fade.in {
  z-index: 1000;
}

body{
  overflow-x: hidden
}

.componentImageStyle {
  width: 100% !important;
}


.addComponentFooter {
  padding: 5px !important;
}

.scrollableContent {
  margin-bottom: 0 !important;
}

.addComponentModalBody {
  padding-top: 0 !important;
  height: auto !important;
  max-height: 600px !important;
}
.addComponentSectionOne{
  height:auto !important;
  overflow: hidden;
}
.componentSelection{
  max-height:380px;
  height:auto;
}
.fixed-navigation nav>ul {
  padding-right: 0px!important;
}

.table td, .table th {
  overflow: hidden;
  white-space: nowrap;
}

#widgetConfig {
  z-index: 3000 !important;
}

.customDefaultDateToggle {
  padding-left: 1px;
  padding-bottom: 10px;

}
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 1) {
  .customDefaultDateToggle {
    padding-left: 1px;
    padding-bottom: 10px;
    width: 100%;
  }
  .configDropDownHolder {
    width: 100% !important;
    float: left;
  }
  .radioButtonMargin {
    margin-top: 20px !important;
  }

}

@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (-webkit-min-device-pixel-ratio: 1) {
  .configMultiSelectDropDown {
    display: flex !important;
  }

  .historicalTradedPricesPopupLayout {
    display: flex !important;
    float: left;
  }

  .dropDownPadding {
       padding-left: 10px;
     }
  .plusMinusPopupPadding {
    padding-top: 8px;
  }
  .minusPopupPadding {
    padding-left: 5px;
  }
}

.helpComponentSection {
  padding: 10px;
  margin-top: 10px;
  border: 1px solid white !important;
  border-radius: 3px;
}
.showRssFeed
{
  width:80% !important;
}

.customDefaultDateToggle > label > input[type="radio"] {
  margin-top: 2px !important;
}

.ui-datepicker {
  z-index: 4000 !important;
}

.siteLogo {
  width: 50px !important;
}

.errorMessagePanel {
  padding: 20px;
  margin: 20px;
}

.noOverflow {
  overflow: hidden !important;
}

.helpModalBody {
  height: 400px;
  padding-top: 0 !important;
}
.reportHeaderControls {
  max-width: 240px !important;
  width: auto !important;
}
.firstLoadBox{
  position: fixed;
  top: 41.2%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 100;
  padding: 0;
  margin: 0;
  width: 30%;
  text-align: center;
  color: rgb(0, 0, 0);
  border: 3px solid rgb(170, 170, 170);
  background-color: rgb(255, 255, 255);
  cursor: wait;
}

.scrollableDropDownAddComponent {
  overflow: hidden;
  max-height: 60px;
  width: 440px;
  text-align: left;
  margin-top: 2px;
  margin-left: 15px;
}

.customReportPageWidth {
  overflow: hidden;
  max-height: 420px;
  width: 220px;
  text-align: left;
  margin-top: 2px;
  margin-left: 15px;
}

.CustomReportComponents {
  overflow: hidden;
  max-height: 400px;
  width: 430px;
  text-align: left;
  margin-top: 24px;
}

.CustomReportComponentsMed {
  width: 430px;
  text-align: left;
}

.scrollableDropDown {
  max-height: 300px;
  overflow: auto;
}

.emptyRow {
  height: 25px !important
}

.emptyRow40 {
  height: 40px !important
}

.fixedSizeFirstCell{
  width:60px;
  height:33px;
}

.fixedSizeFirstCellPowerMGP{
  width: 160px;
}

.tenPercentWidthCell{
  width: 10% !important;
}
.paddingRight30px{
  padding-right:30px !important;
}
.headerTR{
  height:33px;
  background-color: #1c2939 !important;
}

.headerTR>th{
  height:33px;
}
.secondHeaderTR {
  margin-top:33px !important;
}
.totalCell {
  padding: 7px 4px 4px 4px !important;
}

.leftFixedCol {
   min-height: 48px;
   position: absolute;
   border-right:2px solid white;
   width:auto;
 /*  z-index: 1;*/
   max-height: 648px;
 }

.fixedHeader {
  border-bottom:2px solid white;
  width: 99%;
  z-index: 1;
}

.width44{
  width: 44px;
}

.width47{
  width: 47px;
}

.width48{
  width: 48px;
}
.width63{
  width: 63px ;
}
.width65{
  width: 65px ;
}

.width75{
   width: 75px ;
 }

.test{
  min-width: 45px;
  height: 16px;
}

.width82{
   width: 82px !important ;
 }

.width93{
  width: 93px ;
}

.width148{
  width: 148px !important;
}

.width150{
  width: 150px;
}

.width150Important {
  width: 150px !important;
}
.width63Important{
  width: 63px !important;
}

.staticArea{
  position:static !important;
}
.fullWidth {
  width: 100% !important;
}
.doubleHeightEmptyRow{
  height:50px;
}
.scrollableTable, .smMedLeftColScrollableTable, .medLeftColScrollableTable, .largeLeftColScrollableTable {
  width: calc(100% - 46px);
  float: right;
  padding-left:5px !important;
}
.largeLeftCol{
  min-width:70px !important;
}
.scrollableTableLargeLeftCol{
  width: calc(100% - 70px) !important;
}
.scrollableTableExtraLargeLeftCol{
  width: calc(100% - 90px) !important;
}

.scrollableTableRight {
  width: 100% !important;
  float: left !important;
}

.scrollableTableHeader{
  width: 100%;
  float: right;
  padding-left: 0 !important;
}

.smMedLeftColScrollableTable{
  width: calc(100% - 65px) !important;
}
.smLargeLeftColScrollableTable{
  width: calc(100% - 75px) !important;
}
.smMedLargeLeftColScrollableTable{
  width: calc(100% - 85px) !important;
}
.medLeftColScrollableTable {
  width: calc(100% - 89px) !important;
}
.largeLeftColScrollableTable {
  width: calc(100% - 150px) !important;
}
.scrollableTable70 {
  width: calc(100% - 70px) !important;
}
.scrollableTable80 {
  width: calc(100% - 80px) !important;
}
.scrollableTable90 {
  width: calc(100% - 90px) !important;
}
.scrollableTable110 {
  width: calc(100% - 110px) !important;
}
.scrollableTable130 {
  width: calc(100% - 130px) !important;
}
.scrollableTable140 {
  width: calc(100% - 140px) !important;
}
.scrollableTable160 {
  width: calc(100% - 160px) !important;
}
.fixedCol80{
  width: 80px !important;
}
.fixedCol82{
  width: 82px !important;
}
  

.RrssIframePanelContent {
  background: #3a3633;
  overflow: hidden;
  height: 100%;
  min-width: 200px;
  padding: 5px;
  border-radius: 0px;
}

.dropdown-menu {
  z-index: 1001 !important;
  right: auto;
  left: 0;
}

.sideBarTitle {
  color: white;
}

.rssIframePanel {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.reportBlock .blockUI.blockMsg.blockElement {
  top: initial !important;
  font-size: 14px !important;
}

.gridWidget > div > div.blockUI {
  background-color: #0f1822!important;
  cursor: default !important;

}
.width93Important{
  width: 92px !important;
}

.width88Important{
  width: 88px !important;
}

.gridWidget > div > div.blockUI.blockOverlay {
  background-color: #1c2939 !important;
  cursor: default !important;
  opacity: 1 !important;
}

.gridWidget > div > div.blockUI.blockOverlay {
  z-index: 900 !important;

}

div.blockUI.blockMsg.blockElement {
  border: none !important;
  background-color: #1c2939 !important;
  font-size: 12px !important;
  font-weight: bold !important;
  color: #60606a !important;
  fill: #60606a !important;
  cursor: auto !important;
  font-family: 'Unica One', sans-serif !important;
  z-index: 901 !important;
  opacity: 1 !important;
  border-radius: 0 !important;
  border-bottom-left-radius: 15px !important;
  border-bottom-right-radius: 15px !important;
}

div.blockUI.blockOverlay {
  border: none !important;
  font-size: 12px !important;
  font-weight: bold !important;
  color: #60606a !important;
  fill: #60606a !important;
  cursor: auto !important;
  font-family: 'Unica One', sans-serif !important;
  z-index: 901 !important;
  opacity: 1 !important;
}

.widgetRegularHeight > div > div.blockUI.blockMsg.blockElement {
  width: 100% !important;
  height: 470px !important;
  text-align: center !important;
  padding-top: 186px !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
}

.autoHeight > div > div.blockUI.blockMsg.blockElement, [role='content'] > div.blockUI.blockMsg.blockElement {
  width: 100% !important;
  height: 100% !important;
  text-align: center !important;
  padding-top: 100px !important;
}

.notifications {
  height: auto;
  max-height: 36px;
  overflow: hidden;
  float: left;
  top: 2px;
  position: absolute;
  margin-left: 200px;
  width: 60%;
  width: calc(100% - 220px) !important;
}

.timeline {
  height: 100%;
  width: auto;
  overflow: hidden;
}

.timeline:hover {
  overflow-y: scroll;
}

#timeLineBtn {
  display: none;
}

.timeline:hover > div {
  margin-right: 0px !important;
}

.timeline > div {
  margin-right: 20px !important;
  overflow-wrap: break-word;
}

.timelineContent {
  overflow: hidden;
  position: relative;
  height: 100%;
}

#timeline > div {
  word-wrap: break-word;

}

#timeline > div > a {
  word-wrap: break-word;

}

.widgetFullscreen {
  height: 100% !important;
}

.widgetRegularHeight, .chartWidget, .gridWidget {
  height: 470px !important;
}

#jarviswidget-fullscreen-mode .chartWidget, #jarviswidget-fullscreen-mode .gridWidget, #jarviswidget-fullscreen-mode .widget-body {
  height: 100% !important;
}

#jarviswidget-fullscreen-mode .jarviswidget > div {
  overflow: hidden;
}

.chartWidget {
  min-height: 200px;
  overflow-x: hidden;
  overflow-y: auto;
}

.gridWidget {
  min-height: 200px;
  overflow: hidden;
}

.customChart {
  padding: 0 20px 0 20px;
  overflow: hidden;
  margin-right: 100px;
}

.customCheckboxGroup {
  display: block;
  top: 15px !important;
  overflow-y: hidden;
  position: absolute;
  right: 10px;
  line-height: 15px;
}

/*.table-condensed.table > thead > tr > th {
  padding: 5px 5px !important;
  background-color: #FFFFFF !important;
}*/
.Total > td {
  border-top: 3px solid white !important;
  font-weight: bold;
}

.TOTALColumn {
  border-right: 2px solid #ffffff !important;
  border-left: 2px solid #ffffff !important;
}
.datePickerHolder {
  margin-top: 10px;
  float: right;
  margin-bottom: 5px !important;
  
}

.forecastHolder {
  margin-top: 13px;
  float: right;
  margin-bottom: 5px !important;
  margin-right: 30px;
}

.rfLastForecastDateHolder {
  margin-top: 13px;
  float: right;
  margin-bottom: 5px !important;
  font-weight: bold !important;
}

.boldText {
  font-weight: bold;
}

.datePicker {
  padding-left: 10px;
  margin-right: 20px;
}

.page-footer {
  position: fixed;
}

.widget-section {
  display:  flex;
  flex-direction: column;
  flex: 1;
}

.widgetHolder {
  margin-bottom: 150px;
}

.hideCol, .hide {
  display: none;
}

.show {
  display: inline;
}

.showTableCell {
  display: table-cell;
}

.gridKeyCol {
  text-align: left !important;
}

.cccAuctionCalendar {
  text-align: center;
}

.gridWidget > table > tbody > tr > td {
  padding: 2px 5px 5px 5px !important;
  text-align: right;
}

.gridCheckboxEdit {
  display: inline-flex;
  padding-left: 10px;
}

.gridEditButton > .fa-save:before {
  content: "\f139" !important;
}

.gridEditButton {
  float: left !important;
}

.configButton {
  height: 100% !important;
  width: 100% !important;
}

.greenColour {
  background-color: #bcf0b3;
  color: #348327;
}

.redColour {
  background-color: #eaadad;
  color: #a32828;
}

.whiteColour {
  background-color: #ffffff;
  color: #000000;
}

.greyColour {
  background-color: #c1c1c9;
  color: #000000;
}

.noColor, .whiteColour, .greenColour, .redColour, .tableBoldBorder, .tableBorder {
  padding: 4px !important;
}

.table-condensed-BoldBorder, .table-condensed-Border{
  padding: 0px 5px 0px 5px !important;
}
.positiveNumber {
  color: green;
}

.negativeNumber {
  color: #FF0000;
}

.neutralNumber {
  color: #333;
}

.internationalStorageStatusIcon {
  vertical-align: text-bottom;
  height: 20px;
  width: 20px;
}


.topHeader {
  border-width: 1px;
  border-color: black;
}

.headingsForMaps, .mapDates {
  /*background-color: #414142;*/
  font-size: 14px;
  text-align: center;
}

.mapColumn {
  width: 11%;
}

/* basic positioning */
.legend {
  list-style: none;
  padding: 30px 2px;
}

.textCenterBold {
  text-align: center !important;
  font-weight: bold;
}

.textRight {
  text-align: right !important;
}

.legend li {
  float: left;
  margin-right: 10px;

}

.legend span {
  border: 1px solid #ccc;
  float: left;
  width: 12px;
  height: 12px;
  margin: 2px;
}

/* legend Item Colours */
.legend .greenOne {
  background-color: #005000;
}

.legend .greenTwo {
  background-color: #328332;
}

.legend .greenThree {
  background-color: #66a266;
}

.legend .greenFour {
  background-color: #99c199;
}

.legend .greenFive {
  background-color: #cce0cc;
}

.legend .blueOne {
  background-color: #00004c;
}

.legend .blueTwo {
  background-color: #000080;
}

.legend .blueThree {
  background-color: #323299;
}

.legend .blueFour {
  background-color: #9999cc;
}

.legend .blueFive {
  background-color: #cccce5;
}

.UtilisationRatesMapHolder {
  float: left;
  height: auto;
  width: 35%;
  margin: 0;
  overflow: hidden;

}

.UtilisationRatesChartHolder {
  float: left;
  width: 65%;
  padding-left: 20px;
  overflow: hidden;
}
.IntraDayGasVolumesBalancingHolder{
  float: left;
  height: auto;
  width: 50%;
  margin: 0;
  overflow: hidden;

}

.IntraDayGasVolumesHolder {
  float: left;
  width: 50%;
  padding-left: 20px;
  overflow: hidden;
}

.dualChartFullWidth {
  height: 450px !important;

}
.rfDualChart, .euwfDualChart {
  height: 235px !important;
  max-height: 235px !important;
  overflow: hidden !important;
}

.rfDualChartFullHeight, .euwfDualChartFullHeight {
  height: 470px;
}

.app_secondaryWidgetHolder {
  border-bottom-left-radius: 15px 15px;
  border-bottom-right-radius: 15px 15px;
}

.forecastGridCellBackground {
  background-color: #cccce5;
}

.forecastGridHeaderBackground {
  background: -webkit-linear-gradient(left, #cccce5, #323299); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, #cccce5, #323299); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, #cccce5, #323299); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, #cccce5, #323299); /* Standard syntax */

}

.actualGridCellBackground {
  background-color: #cce0cc;
}

.actualGridHeaderBackground {
  background: -webkit-linear-gradient(left, #cce0cc, #66a266); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, #cce0cc, #66a266); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, #cce0cc, #66a266); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, #cce0cc, #66a266); /* Standard syntax */
}

.unbalancingGridType {
  text-align: left !important;
}

.unbalancingGridData {
  text-align: right !important;
  width: auto;
}

.forecastItalics tbody tr td:nth-child(even){
  font-style: italic
}

.forecastItalicsHeader thead tr th:nth-child(odd){
  font-style: italic
}

.gridTextAlign {
  text-align: left !important;
}

.cccRow {
  color: #1E90FF;
  font-style: italic
}

.historicalCrossZoneDeltaYearCol {
  vertical-align: middle !important;
}

.auctionsGridCells {
  text-align: left;
}

.mapHolder {
  float: left;
  height: auto;
  width: 35%;
  margin: 0;
  overflow: hidden;

}

.gridHolder {
  float: left;
  width: 60%;
  margin-top: 10px;
  overflow: hidden;
}

@media (max-width: 400px) {
  .widgetHeader {
    max-width: 140px !important;
    text-overflow: ellipsis;
    direction: ltr;
  }
  .radioButtonMargin {
    margin-top: 10px !important;
    margin-left: -20px !important;
  }
}

@media (max-width: 991px) {

  #timeLineBtn {
    display: block;
  }

  .displayTimeLinePopUp {
    border: 1px solid;
    border-radius: 10px;
    border-color: #283583;
    display: block !important;
    position: fixed;
    background: #E9E9E9;
    margin: 0 auto;
    margin-top: 50px;
    padding: 0px !important;
    right: 0px;
    top: 0px !important;
    overflow: auto;

  }

  .sideBarTitle {
    padding-left: 17px;
    margin-top: 10px;
    margin-bottom: -15px;
  }

  /* override the styles to handle case where the UI is loaded with full timeline present**/
  .rssIframePanelContent {
    background: #F7F7F7 !important;

    border-radius: 10px;
    min-height: 160px !important;
    min-width: 0;
    padding: 0;
    margin-top: 0;
    overflow: auto;

  }

  #timeline {
    height: 148px !important;
    margin-left: 17px;
    margin-top: -15px;
    margin-bottom: 5px;
    z-index: 0;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
  }

  
  .aggregatoZonaleMapHolder {
    min-width: 150px;
    width: 200px;
    margin-left: auto;
    margin-right: auto;
  }
  
  .aggregatoZonaleNullDayCell {
    text-align: center !important;
    border-right: 2px solid lightgray !important;
  }
  
  .configDropDownHolder {
    display: inline;
  }
  
  .configDropdown {
    padding-left: 13px;
    float: left;
    display: inline-flex;
  }
  
  .configDropdownPowerTools {
    padding-bottom: 10px;
  
  }
  
  .configDropDownHolderMed {
    width: 692px;
  }
  
  .configMultiSelectDropDownHolder {
    display: inline;
  }
  
  .configMultiSelectDropDown {
    padding-left: 13px;
    float: left;
    display: inline-flex;
  }
  
  .configMultiSelectDropDown div {
    display: inline-block;
  }
  
  .configMultiSelectDropDown div div {
    margin-right: 30px;
  }
  
  /**********************/
  
  .UnitConverterHolder table {
    padding: 12px;
    margin: auto;
  
  }
  
  .UnitConverterHolder th {
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    text-align: center;
  }
  
  .UnitConverterHolder td {
    padding-left: 2px;
    padding-right: 2px;
  }
  
  .UnitConverterHolder input {
    border: 2pt solid black;
    text-align: right;
    width: 90px;
    box-shadow: none;
  }
  
  .UnitConverterHolder caption {
    border: 2pt solid black;
    font-size: 20pt;
    text-align: center;
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    margin-bottom: 10px;
    margin-top: 10px;
  }
  
  /*********************/
  
  .gvcConverter {
    width: 220px;
    background-color: #554763;
    height: 350px;
    float: left;
    border: solid 1px black;
    margin: 5px;
  }
  
  .gvcConverter td {
    background: transparent;
  }
  
  .gvcConverter caption, .gvcConverter input[disabled='disabled'] {
    background-color: #afa7b7;
    color: black;
  }
  
  /*********************/
  
  .volumeConverter {
    width: 300px;
    background-color: rgba(196, 224, 255, 0.24);
    height: 350px;
    float: left;
    border: solid 1px black;
    margin: 5px;
  }
  
  .volumeConverter td {
    background: transparent;
  }
  
  .volumeConverter caption, .volumeConverter input[disabled='disabled'] {
    background-color: #93ACB5;
    color: black;
  }
  
  /*****************************/
  
  .priceConverter {
    width: 300px;
    background-color: rgba(200, 233, 152, 0.24);
    height: 350px;
    float: left;
    border: solid 1px black;
    margin: 5px;
  }
  
  .priceConverter td {
    background: transparent;
  }
  
  .priceConverter caption, .priceConverter input[disabled='disabled'] {
    background-color: #7a9b76;
    color: black;
  }
  
  /*****************************/
  .transportConverter {
    width: 550px;
    height: 350px;
    float: left;
    border: solid 1px black;
    margin: 5px;
  }
  
  .transportConverter {
    background-color: rgba(143, 32, 32, 0.54);
  }
  
  .transportConverter caption, .transportConverter input[disabled='disabled'] {
    background-color: rgb(135, 39, 39);
    color: black;
  }
  
  .row {
    margin-bottom: 13px;
  }
  
  .fullHeight {
    height: 100%;
  }
  
  .halfHeight {
    height: 50%;
  }
  
  .marginTopAndBottom {
    margin-top: 50%;
    margin-bottom: 50%;
  }
  
  .marginGridTop {
    margin-top: 5%;
  }
  
  .tableHeaderZone {
    font-size:90%
  }
  
  .addWidthButton {
    width: 364px;
    text-align: left;
  }
  
  .customScroll {
  
    padding-left: 1px !important;
    padding-top: 1px !important;
    padding-bottom: 1px !important;
    width: 12px !important;
    z-index: 4000;
    cursor: default !important;
    top: 140px !important;
    left: calc(50% + 247px) !important;
    height: 297px !important;
  }
  
  .helpCustomScroll {
    padding-left: 1px !important;
    padding-top: 1px !important;
    padding-bottom: 1px !important;
    width: 12px !important;
    z-index: 4000;
    cursor: default !important;
    top: 85px !important;
    left: calc(50% + 430px) !important;
    height: 297px !important;
  }
  
  .imbalancingSigns {
    font-weight: bold;
    text-align: right;
  }
  
  .whiteLine {
    float: left;
    text-align: center;
    margin-left: 8px;
    border-right: 1px solid #fff;
    height: 1.1em;
    width: 18px;
  }
  
  .plusMinusSigns {
    font-weight: 800;
    font-size: 12px;
    text-align: center;
    padding-right: 1px !important;
    max-width: 80px;
  }
  
  .plusMinusSignsGrid {
    border-left: solid 1px white !important;
    max-width: 80px;
  }
  
  .grayTableBoldBorder {
    border-left: 2px solid #2e3b3f !important;
  }
  
  .Actual {
    font-weight: bold;
    color:gray;
  }
  
  .textAlignCenter{
    text-align: center !important;
  }
  
  
  .gridWidgetLarge {
    height: 510px !important;
  }
  
  .powerImbalanceWidth{
    min-width: 80px !important;
    text-align: right;
    width: 80px;
  }
  
  .powerImbalanceWidthValue{
    min-width: 100px !important;
    width: 156px;
  }
  
  
  .powerImbalanceWidthHeader{
    min-width: 138px !important;
    width: 230px;
    text-align: right !important;
  }
  
  .rssFooter, .privacyFooter{
    text-align: center;
    color:white;
    border-top: solid white 1px;
    background: #0f1822 !important;
  }
  
  .mainFooter{
    padding: 0 !important;
    height: 40px !important;
    z-index: 1021 !important;
  }
  .rssFooter{
    width: 100%;
  }

  .widgetHeader {
    max-width: 100px !important;
    text-overflow: ellipsis;
    direction: ltr;
  }

  .homePriceTrend {
    height: 305px;
    width: 100%;
  }
}

@media (max-width: 280px) {
  .widgetHeader {
    min-width: 100px !important;
  }
}

.ui-datepicker .ui-datepicker-next span, .ui-datepicker .ui-datepicker-prev span {
  display: table !important;
  margin-left: -14px !important;

}

.FOTOVOLTAICO_col {
  color: #F7F79B
}

.EOLICO_col {
  color: #1E90FF
}

.rinnovabili {
  margin: 0px !important;
  margin-bottom: 0px !important;
}

.rinnovabili table {
  overflow: auto;
}

.rinnovabili-date {
  text-align: center !important;
}

.rinnovabili-images {
  padding: 0 !important;
}

.rinnovabili thead th {
  padding-bottom: 3px !important;
}

.rinnovabili thead td {
  border-bottom: 2px solid lightgrey;
  padding-top: 0px !important;
}

.rinnovabili tbody td {
  padding-bottom: 4px;
  padding-top: 4px;
  padding-right: 20px !important;
}

.rinnovabili th {
  text-align: right;
  /*background-color: #414142;*/
}

.rinnovabili th {
  border-right: 2px solid lightgray;
  border-bottom: none !important;
}

.rinnovabili td {
  border: 0px;
  border-top: 0px solid #ddd !important;
}

.rinnovabili td:nth-child(odd) {
  border-right: 2px solid lightgray;
}



.aggregatoZonaleMapHolder {
  min-width: 150px;
  width: 200px;
  margin-left: auto;
  margin-right: auto;
}

.aggregatoZonaleNullDayCell {
  text-align: center !important;
  border-right: 2px solid lightgray !important;
}

.configDropDownHolder {
  display: inline;
}

.configDropdown {
  padding-left: 13px;
  float: left;
  display: inline-flex;
}

.configDropdownPowerTools {
  padding-bottom: 10px;

}

.configDropDownHolderMed {
  width: 692px;
}

.configMultiSelectDropDownHolder {
  display: inline;
}

.configMultiSelectDropDown {
  display: inline;
  padding-left: 13px;
}

.configMultiSelectDropDown div {
  display: inline-block;
}

.configMultiSelectDropDown div div {
  margin-right: 30px;
}

/**********************/

.UnitConverterHolder table {
  padding: 12px;
  margin: auto;

}

.UnitConverterHolder th {
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  text-align: center;
}

.UnitConverterHolder td {
  padding-left: 2px;
  padding-right: 2px;
}

.UnitConverterHolder input {
  border: 2pt solid black;
  text-align: right;
  width: 90px;
  box-shadow: none;
}

.UnitConverterHolder caption {
  border: 2pt solid black;
  font-size: 20pt;
  text-align: center;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  margin-bottom: 10px;
  margin-top: 10px;
}

/*********************/

.gvcConverter {
  width: 220px;
  background-color: #554763;
  height: 350px;
  float: left;
  border: solid 1px black;
  margin: 5px;
}

.gvcConverter td {
  background: transparent;
}

.gvcConverter caption, .gvcConverter input[disabled='disabled'] {
  background-color: #afa7b7;
  color: black;
}

/*********************/

.volumeConverter {
  width: 300px;
  background-color: rgba(196, 224, 255, 0.24);
  height: 350px;
  float: left;
  border: solid 1px black;
  margin: 5px;
}

.volumeConverter td {
  background: transparent;
}

.volumeConverter caption, .volumeConverter input[disabled='disabled'] {
  background-color: #93ACB5;
  color: black;
}

/*****************************/

.priceConverter {
  width: 300px;
  background-color: rgba(200, 233, 152, 0.24);
  height: 350px;
  float: left;
  border: solid 1px black;
  margin: 5px;
}

.priceConverter td {
  background: transparent;
}

.priceConverter caption, .priceConverter input[disabled='disabled'] {
  background-color: #7a9b76;
  color: black;
}

/*****************************/
.transportConverter {
  width: 550px;
  height: 350px;
  float: left;
  border: solid 1px black;
  margin: 5px;
}

.transportConverter {
  background-color: rgba(143, 32, 32, 0.54);
}

.transportConverter caption, .transportConverter input[disabled='disabled'] {
  background-color: rgb(135, 39, 39);
  color: black;
}

.row {
  margin-bottom: 13px;
}

.fullHeight {
  height: 100%;
}

.halfHeight {
  height: 50%;
}

.marginTopAndBottom {
  margin-top: 50%;
  margin-bottom: 50%;
}

.marginGridTop {
  margin-top: 5%;
}

.tableHeaderZone {
  font-size:90%
}


.addWidthButton {
  width: 364px;
  text-align: left;
}

.customScroll {

  padding-left: 1px !important;
  padding-top: 1px !important;
  padding-bottom: 1px !important;
  width: 12px !important;
  z-index: 4000;
  cursor: default !important;
  top: 140px !important;
  left: calc(50% + 247px) !important;
  height: 297px !important;
}

.helpCustomScroll {
  padding-left: 1px !important;
  padding-top: 1px !important;
  padding-bottom: 1px !important;
  width: 12px !important;
  z-index: 4000;
  cursor: default !important;
  top: 85px !important;
  left: calc(50% + 430px) !important;
  height: 297px !important;
}

.imbalancingSigns {
  font-weight: bold;
  text-align: right;
}

.whiteLine {
  float: left;
  text-align: center;
  margin-left: 8px;
  border-right: 1px solid #fff;
  height: 1.1em;
  width: 18px;
}

.plusMinusSigns {
  font-weight: 800;
  font-size: 12px;
  text-align: center;
  padding-right: 1px !important;
  max-width: 80px;
}

.plusMinusSignsGrid {
  border-left: solid 1px white !important;
  max-width: 80px;
}

.bg_color td {
  background-color: #222b2e
}
.border_divider td {
  border-top: 1pt solid #2e3b3f !important;
  border-bottom: 1pt solid #2e3b3f !important;
}

.border_divider_bottom td{
  border-bottom: 1pt solid #2e3b3f !important;
  border-right: 1pt solid #2e3b3f !important;
}

.grayTableBoldBorder {
  border-left: 2px solid #2e3b3f !important;
}

.Actual {
  font-weight: bold;
  color:gray;
}

.textAlignCenter{
  text-align: center !important;
}


.gridWidgetLarge {
  height: 510px !important;
}

.powerImbalanceWidth{
  min-width: 80px !important;
  text-align: right;
  width: 80px;
}

.powerImbalanceWidthValue{
  min-width: 100px !important;
  width: 156px;
}


.powerImbalanceWidthHeader{
  min-width: 138px !important;
  width: 230px;
  text-align: right !important;
}

.rssFooter, .privacyFooter{
  text-align: center;
  color:white;
  border-top: solid white 1px;
  background: #0f1822 !important;
}

.mainFooter{
  padding: 0 !important;
  height: 40px !important;
  z-index: 1021 !important;
}
.rssFooter{
  width: 100%;
  z-index: 1001;
  position: fixed;
  height: 61px;
  bottom: 0;
}

.privacyFooter{
  height: 20px;
  bottom: 54px;
}

.privacyFooterUnAuth{
   margin-top: 20px;
 }

.menuFooter>span.full>img, .menuFooter>a>span.full , .menuFooter>a>span>span.full{
  padding-left:5px !important;
}

.minified .rssFooter, .minified .privacy Footer {
  width:100%;
}
.menuFooter{
  z-index: 901 !important;
  height:auto;
  bottom:61px;
  position: fixed;
  max-width: 218px;
}

.minified .menuFooter{
  z-index: 901 !important;
  height:auto;
  bottom:61px;
  position: fixed;
  max-width: 105px;
  margin-bottom: 20px;
  text-align: center;
}
.minified .menuFooter{
  /* ... rest of your code ... */
  text-align: center;
}

.minified .menuFooter > div {
  display: inline-block;
}
#rss-carousel > ol {
  position: initial;
  width: initial;
  margin-left: 0px;;
}
.fixed-ribbon #content{
  padding-top: 75px
}
.smart-style-3 aside {
  z-index: 1000;
  border: 0px;
}

#iframeContainer{
  position: absolute;
  height: 100%;
  width: 100%;
}

#closeRss{
  height: 33px;
  border-bottom: solid white 1px;
}

.minifyNewsFeed {
  border-bottom: 1px solid #302F2F;
  background: #454545;
  color: #A8A8A8;
  text-align: center;
  padding: 0;
  width: 36px;
  height: 28px;
  display: block;
  position: absolute;
  right: 0;
  border-radius: 0 5px 5px 0;
  cursor: pointer;
  margin-top: 2px;
  font-size: 19px;
  transition: all .1s linear 0s;
}

.minifyNewsFeedLarge {
  border-bottom: 1px solid #302F2F;
  background: #454545;
  color: #A8A8A8;
  text-align: center;
  padding: 0;
  width: 36px;
  height: 28px;
  display: block;
  position: absolute;
  right: 360px;
  border-radius: 0 5px 5px 0;
  cursor: pointer;
  margin-top: 2px;
  font-size: 19px;
  transition: all .1s linear 0s;
}

.minifyNewsIFrame {
  border-bottom: 1px solid #302F2F;
  background: #454545;
  color: #A8A8A8;
  text-align: center;
  padding: 0;
  width: 36px;
  height: 28px;
  display: block;
  position: absolute;
  border-radius: 0 5px 5px 0;
  cursor: pointer;
  margin-top: 7px;
  font-size: 19px;
  transition: all .1s linear 0s;
  z-index: 99;
  margin-left: 2px;
}


.cleanSparkSpreadTable > tbody > tr > td{
  padding: 3px;
}
.smart-style-3 nav > ul > li > a > i {
  color: white;
  font-size: 20px;
}
.loggedUserIcon {
  color: #4D8BA5;
  margin-right: 3px;
  font-size: 20px;
  vertical-align: -7%
}
.firstName
{
  margin-right: 3px;
  margin-left: 7px;
}

.close, .closeOld {
  color: white;
  opacity: 0.8;
}
.componentHeight{
  height: 450px;
  overflow: hidden;
}

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

#close{
  background-color: #ccc;
}

.jarviswidget>header{
  height: 35px;
  border: 0px;
}

.homePolicyScroll{
  overflow: auto;
  height: 600px;
}

.contactInfoScroll{
  overflow: auto;
  height: 250px;
}

.policyTitle{
  font-size: 20px;
  text-align: left;
  margin-top: 30px;
  font-weight: bold
}

.policyInfo{
  font-size: 16px;
  text-align: left;
  margin-top: 18px;
}

.policyTab{
  padding-right: 15px;
  font-weight: bold;
}

.privatpolicyTable, .privatpolicyTable > td, .privatpolicyTable > th{
  border: 1px solid white;
  vertical-align: baseline;
}

#helpScrollableContent{
    overflow: hidden;
    padding-bottom: 0px;
}

#datePickerTextBox{
    margin-top: 8px;
}

.smart-style-3 .dropdown-menu {
    background: #075E7D;
}


.tableWidthAuto{
  width: auto !important;
}

  @media (max-width: 1100px) {
  .tableHeaderZone {
    font-size:85%
  }
}

.northSeaGasFlowTableOddColor{
  background-color: #073343;
}

.northSeaGasFlowTableEvenColor{
  background-color: #0f1822 !important;
}

.dropDownMenuPowerBidding{
  min-height: 34px !important;
}

.powerButtonBtn{
  min-width: 200px;
}

.dropDownWidth{
  min-width: 320px;
}

@media (max-width: 992px) and (min-width: 0px){
  .radioBtnMobile{
    width: 10px !important;
    padding: 0;
  }
  .radioDivMobile{
    width: 100px;
    margin: 0;
    display: inline-flex;
  }
  .dropDownDivMobile{
    width: 440px !important;
    display: inline-table;
  }
  .modalUpdateBtn {
    margin-left: -11px;
  }
}

.modalUpdateBtn{
  background-color: #fff !important;
  border-color: #ccc !important;
  height: 32px;
  margin-top: 5px;
  margin-left: 10px;
}

.selectInlineLabel > div > button{
  width: 130px !important;
}

.selectInlineLabel > h4 > div > button{
  width: 130px !important;
}

.configDropDown > div > h4 > div > button {
  width: 200px !important;
}

.powerButtonBtn{
  width: 200px;
}
.textCutoff{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.componentCustomisation{
  margin-top: 20px !important;
}

.fmcCellWidth {
  min-width: 54px !important;
}

.heatMapGrid {
  color: #073343;
}

.fixedColumn {
  width: 70px !important;
}

.fixedColumn85 {
  width: 85px !important;
  min-width: 75px !important;
}

.powerToolBorderBottom {
  border-bottom: 1px solid white !important;
  width: 120px !important;
}
.powerToolBorderLeft {
  border-left: 1px solid white !important;
}

.powerToolThHeight {
  height: 19px !important;
  font-size: 99% !important;
  line-height: 99% !important;
  padding: 0 2px !important;
  vertical-align: middle !important;
  text-align: center !important;
}
.smart-style-3 nav>ul>li{
  border-bottom: 2px solid #DFDFDF !important;
}
/*
placeholder for branded styles which will override all other styles specified in alterntive folders
$background = '#0f1822';
$bands = '#073343';
$border='#05394B';*/
.siteLogo {
    width: 200px !important;
  }
  
  .arkLogoPanel {
    float: right;
    /* width:300px;*/
  }
  
  .arkLogo {
    width: 50px;
    padding-left: 5px;
  }
  
  .arkiveLogo {
    padding-left: 5px;
  }
  
  #ribbon {
    border-bottom: 0px solid #CECECE;
    background-color: #1c2939 !important;
  }
  
  .page-footer {
    padding: 0px 13px 0px;
    color: #fff;
    background-color: #0f1822 !important;
    color: white;
  }
  
  .StatusPanelContent {
    background: #F7F7F7 !important;
    border-left: 1px solid #CECECE;
  }
  
  .sideBarTitle {
    color: black;
  }
  
  .smart-style-3 #header {
    background-color: #0f1822 !important;
    background-image: linear-gradient(to bottom, #0f1822, #0f1822);
  }
  
  span#activity, .smart-style-3 .btn-header > :first-child > a {
    background-color: transparent;
    background-image: -moz-linear-gradient(top, transparent, transparent);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), to(transparent));
    background-image: -webkit-linear-gradient(top, transparent, transparent);
    background-image: -o-linear-gradient(top, transparent, transparent);
    background-image: linear-gradient(to bottom, transparent, transparent);
    color: #fff !important;
    border: 0px solid #7e85b4;
    text-shadow: #181f4e 0 -1px;
  }
  span#activity, .smart-style-3 .btn-header > :first-child > a:hover {
    color: rgb(143, 143, 143) !important;
    background-color: transparent;
    background-image: -moz-linear-gradient(top, transparent, transparent);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), to(transparent));
    background-image: -webkit-linear-gradient(top, transparent, transparent);
    background-image: -o-linear-gradient(top, transparent, transparent);
    background-image: linear-gradient(to bottom, transparent, transparent);
    cursor: pointer;
}
  .smart-style-3 nav > ul > li > a > i {
    font-size: 20px;
  }
  
  .smart-style-3 nav > ul > li > ul > li > a > i {
  
    font-size: 20px;
  }
  
  .childLevel2 {
    padding-left: 20px;
  
  }
  
  .jarviswidget > div {
    border-top: 1px solid #424d5a;
    border: 0px solid #424d5a;
    background-color: #0f1822 !important;

  }
  
  .jarvixswidget > header > h2 {
    margin-left: 4px;
  
  }
  
  .powerBiddingComponentList {
    max-height: 400px !important;
    font-size: 14px !important;
    padding: 0 !important;
  }
  
  .powerBiddingComponentList > li {
    font-size: 14px !important;
  }
  
  .scrollableComponent {
    max-height: 100% !important;
  }
  
  #scatterContainer {
    width: 80%;
    height: 100% !important;
    float: left;
    overflow-y: hidden;
  }
  
  .smallPie {
    width: 100%;
    height: 25%;
    overflow-y: hidden;
  }
  
  .chartWidget > div, .gridWidget > div {
    height: 100% !important;
    width: 99% !important;
  }
  
  #ribbon.jarviswidget-BrandedBlue, .gridWidget table {
    color: #ffffff;
  }
  .chartWidget, .gridWidget{
    padding: 10px;
  }
  .gridWidget table tr:nth-of-type(odd) {
    background-color: transparent;
  }
  .gridWidget table tr:nth-of-type(even) {
    background-color: #122836;
  }
  .OutagesDrilldownGrid table tr:nth-of-type(odd) {
    background-color: transparent;
  }
  .OutagesDrilldownGrid table tr:nth-of-type(even) {
    background-color: #122836;
  }
  .compomomtDropDown {
    background-color: #1c2939 !important;
  }
  .jarviswidget > div.componentDropDown{
    background-color: #1c2939 !important;
    padding:0px;
    padding-left: 10px;
    display: flex;
    justify-content: start;
  }
  .dropdownWidget {
    background-color: #1c2939;
  }
  /****************** Nav style *****************/
  #navChild {
    border-left: 2px solid #4b5662 !important;
    color: #646d77 !important;
    padding: 6px 10px 6px 11px;
    height: 100%;
    width: 85%
  }
  #navPanel li {
    border: 0px solid #4b5662 !important;
    padding: 0px;
    margin: 0px;
  }
  /****************** Nav style End *************/

  /****************** Header style **************/
  .leftHeader{
    height: 100%;
  }
  .headerContent{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    height: 100%;
    align-items: center;
  }
  .headerContentRight{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    height: 100%;
    align-items: center;
  }
  .headerContentRightItem{
    margin-right: 10px;
    height: 100%;
    
    display: flex;
    justify-content: start;
    align-items: center;
  }
  .headerContentRightItem + .headerContentRightItem{
    border-left: solid 1px white;
  }
  #userPanel {
    text-align: center;
    padding-left: 15px;
    z-index: 99999;
    overflow: visible !important;
  }

  /* Ensure the user menu dropdown is hidden by default */
  #userMenuDropdown {
    position: fixed;
    top: 5em;
    right: 0em;
    background-color: #1c2939;
    min-width: 80px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    padding: 12px 16px;
    z-index: 99999;
    overflow: visible !important;
    align-items: right;
    border-left: white 1px solid;
  }

  #userMenuDropdown a {
    width: 135px;
    display: block; /* Make the menu items take the full width */
    padding: 6px 39px; /* Padding for the links */
    color: #ffffff; /* Text color */
    text-decoration: none; /* Remove underline */
    overflow: visible !important;
  }

  #userMenuDropdown a:hover {
    display: block;
    background-color: #073343; /* Add a hover effect */
  }
  .reportHeaderControls{
  }
  .headerContentLeft{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    height: 100%;
    flex-wrap: nowrap;
    align-items: center;
  }
  .contentNoWrap{
    display: flex;
    flex-wrap: nowrap;
  }
  .btn-header>:first-child>a {
    margin: 0px;
  }
  .headerDate{
    padding-right: 10px;
    padding-left: 10px;
    margin-right: 10px; 
  }
  .hide-menu{
    height: 100%;
  }
  /************** Header style end **************/
  /********** highcharts popup styles **********/
  .highcharts-tooltip>span {
    padding: 15px;    
    background: #0f1822 !important;
    background-color: #0f1822 !important;
    border: 0px black !important;
    border-radius: 5px;

  }
  .jarviswidget-BrandedBlue .highcharts-tooltip-container {
    background-color: #1c2939 !important;
    border: none !important; /* remove border */
    box-shadow: transparent 0px 0px 0px !important;
    border-radius: 5px;
  }

  .highcharts-menu{
    border: 0px !important;
    box-shadow: transparent 0px 0px 0px !important;
    border-radius: 5px;
    background: #0f1822 !important;
  }

  .jarviswidget-BrandedBlue .highcharts-contextmenu hr {
    visibility: hidden;
    margin: 0px;
    padding: 0px;
  }
  .jarviswidget-BrandedBlue .highcharts-contextmenu div {
    color: #868884 !important;
  }
  /********** highcharts popup styles end **********/
  .dropdown-menu {
    background: #141e29 !important;
    color: white;
  }
  .highcharts-button-box {
    background-color: transparent;
    fill: transparent;
    border: 0;
    stroke: transparent;
  }
  
  .highcharts-drillup-button{
    stroke: grey !important;
  }

  .highcharts-drillup-button .highcharts-button-box {
    background-color: #182230 !important;
    fill: #182230 !important;
    stroke: #182230 !important;
  }
  
  .highcharts-drillup-button:hover .highcharts-button-box {
    background-color: #0f1822 !important;
    fill: #0f1822 !important;
    stroke: black !important;
  }

  .highcharts-reset-zoom{
    stroke: grey !important;
  }

  .highcharts-reset-zoom .highcharts-button-box {
    background-color: #182230 !important;
    fill: #182230 !important;
    stroke: #182230 !important;
  }
  
  .highcharts-reset-zoom:hover .highcharts-button-box {
    background-color: #0f1822 !important;
    fill: #0f1822 !important;
    stroke: black !important;
  }

  #datePicker {
    background: #1b2938;
    color: white;
    border-color: #2f3c48;
    width: 210px;
    -webkit-box-shadow: inset 0 0px 0 #d6d6d6;
    -moz-box-shadow: inset 0 0px 0 #d6d6d6;
    box-shadow: inset 0 0px 0 #d6d6d6;
  }
  .dropDownTextStyle{
    border-color: #1c2939;
    background: #1c2939;
    border-radius: 3;
  }
  .pageHeader {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    
    background-color: #0f1822 !important;
    width: 100%;
    position: fixed; 
    top: 68px; 
    z-index: 902; 
    overflow: hidden;
  }
  .chartWidget, .gridWidget, .table-tooltip {
    background-color: #1c2939;
    border-bottom-left-radius: 15px 15px;
    border-bottom-right-radius: 15px 15px;
    flex: 1;
  }
  
  .table {
    margin: 0;
  }
  
  .table > thead tr {
    background-color: #1c2939;
    background-image: none;
  }
  
  .table > tbody > tr > td, .table > tbody > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    padding: 8px;
    border-bottom: none;
    border: none;
    padding-bottom: 0px;
  }
  
  .table .tableBoldBorder, .table .tfsTableBoldBorder, .table .table-condensed-BoldBorder .tableBoldBorder {
    border-right: 2px solid #ffffff;
  }
  
  .tableBoldBorderLeft {
    border-left: 2px solid #ffffff !important;
    border-right: 2px solid #ffffff !important;
    padding-bottom: 0 !important;
  }
  
  .tfsFixedCol {
    width: 70px !important;
    min-width: 50px !important;
  }
  
  .tfsPeriodFixedCol {
    width: 150px !important;
    min-width: 120px !important;
  }
  
  .tfsLivePricesGrid {
    width: auto !important;
  }
  
  .ktmLiveGrid, .italyConsumptionGrid {
    width: auto !important;
  }
  
  .ktmGridHeader {
    background-color: #222B2E !important;
  }
  
  .ktmLiveGridHeader {
    background-color: #0f1822 !important;
  }
  
  .table .tableBorderLeft {
    border-left: 2px solid #ffffff;
  }
  
  .table-condensed-BoldBorder, .table-condensed-Border {
    padding: 0px 5px 0px 5px !important;
  }
  
  table.table.tableCellBoldBorder > tbody > tr > td,
  table.table.tableCellBoldBorder > thead > tr > th,
  table.table.tableCellBoldBorder > tr > td,
  table.table.tableCellBoldBorder > tr > td {
    border-right: 2px solid #ffffff;
  }
  
  .table-tooltip {
    background-color: #0f1822;
  }
  
  .table-tooltip tr:nth-child(odd) {
    background-color: #000000;
  }
  
  .table-tooltip thead > tr > td, .table-tooltip thead > tr > th {
    background-color: #073343;
    background-image: none;
  }
  
  .table-tooltip tbody > tr > td, .table-tooltip tbody > tr > th, .table-tooltip thead > tr > td, .table-tooltip thead > tr > th {
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 6px;
    padding-right: 6px;
    border-bottom: none;
    border: none;
  }
  
  .page-title, h4 {
    color: white;
  }
  
  .widget-footer {
    display: none;
  }
  
  .deltaGreen {
    color: green;
  }
  
  .deltaRed {
    color: red;
  }
  
  .noDeltaGrey {
    color: grey;
  }
  
  body, h1, h2, h4 {
    font-family: Abel;
  }
  .jarviswidget-BrandedBlue header {
    position: relative; /* ensure the pseudo-element is positioned relative to this element */
  }
  .jarviswidget-BrandedBlue header::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 10px;
    right: 10px;
    border-bottom: #646d77 1px solid;
  }
  .jarviswidget-BrandedBlue header, .jarviswidget-BrandedBlue .jarviswidget-ctrls a {
    background-color: #1c2939;
    color: white;
  }
  .jarviswidget-ctrls a{
    background-color: transparent !important;
  }
  .jarviswidget-BrandedBlue {
    background-color: #0f1822 !important;
    color: white;
    border: none;
  }
  .ui-sortable-handle{
    border-top-left-radius: 15px 15px !important;
    border-top-right-radius: 15px 15px !important;
    display: flex;
    align-content: space-between !important;
    flex-direction: row-reverse !important;
    height: 60px !important;
    width: 100% !important;
  }
  .smart-style-3 nav ul, .smart-style-3 nav ul ul, .smart-style-3 nav ul li a, .smart-style-3 nav ul li.open > a, .smart-style-3 nav ul li.open > a b {
    color: white !important;
    background: #0f1822;
  }
  
  #left-panel > div > nav > ul > li a:hover {
    background-color: #073343 !important;
  }
  
  .modal-content {
    background: #0f1822;
    color: white;
  }
  
  .modal-content .btn {
  
    color: black;
  }
  
  .PowerPriceSettingTechnologyHourlyGrid {
    margin-bottom: 9px !important;
    padding: 0px !important;
  }
  
  .PowerPriceSettingTechnologyHourlyGrid > tbody > tr > td {
    padding-top: 0 !important;
    padding-bottom: 0.5px !important;
  }

  article.sortable-grid {
    margin: 0 !important;
  }
  
  .fixed-header #main {
    margin-top: 0px;
  }
  
  #left-panel {
    padding-top: 0px
  }
 
.minified.fixed-ribbon #ribbon {
  top: 0px;
  left: 0px;
  padding-left: 55px;
}

.hidden-menu.fixed-ribbon #ribbon {
  left: 0px;
  padding-left: 20px;
}

#ribbon ol > li {
  color: white !important;
}

.brandedButton > .btn.btn-primary {
  padding: 4px 2px 4px 2px;
  margin: 3px 0 3px 0;
}
/********** Modal style **********/
.componentTypeDataSource,
.componentTypeInfo {
  color: #a1a5a9;
}
.modal-backdrop {
  background-color: #afafaf;
}
.modal-content {
  border-radius: 10px;
}
.modal-header{
  border-bottom: 1px solid #545b62;
}
.modal-footer{
  border-top: 1px solid #545b62;
}
.btn{
  color: black;
  background-color: white !important;
  border: 0px;
  border-radius: 5px;
}
.btn.btn-primary {
  color: white ;
  background-color: #355373 !important;
  border: 0px;
  border-radius: 5px;
}
.componentTypeDataSource {
  border: solid 0px #545b62;
  min-height: 50px;
  padding-top: 10px;
}
.componentTypeTitle {
  border-bottom: solid 0px #545b62;
  padding: 7px 0 5px 0px !important;
  min-height: 40px;
}
.helpBorderMain {
  border: solid 0px #545b62;
  padding: 10px;
  margin-top: 15px;
  height: 350px;
}
.componentTypeInfo {
  border: 0px !important;
}
/********** Modal style end **********/
.table td, .table th {
  text-align: right;
}

.table .centered {
  text-align: center;
}

html, body, section, .row, #appLayout {
}

#modalPopupHolder .row {
  background: transparent !important;
}

.jarviswidget-placeholder {
  background-color: #073343 !important;
  border: 1px dashed #A7A7A7;
  margin-bottom: 2px;
}

.smart-style-3 body, body.smart-style-3 {
  background: #0f1822 !important;
}

.highcharts-contextmenu div {
  background: #0f1822 !important;
  color: white !important;
}

.highcharts-contextmenu {
  right: -14px !important;
  min-width: 210px;
}

#jarviswidget-fullscreen-mode .col-md-6, #jarviswidget-fullscreen-mode .col-lg-6, #jarviswidget-fullscreen-mode .col-lg-4 {
  width: 100%;
}

.dropDownTextStyle {
  font-size: 10.5px !important;
}

.widgetTitle {
  font-size: 12px !important;
  display: inline !important;
  float: inherit !important;
  text-overflow: ellipsis;
}

.dropDownHolder {
  padding: 0 !important;
}

.spashPageContainer {
  /*background-image: url("./img/Foto_Login_K4View.jpg");*/
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-attachment: fixed;
  background-position: center center;
  overflow: hidden;
  height: auto;
  position: absolute;
  top: 0;
  bottom: 0;
}

.headerContainer {
  background-image: url("./img/header_background1.png");
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center center;
  height: 400px;
}

.noBackground {
  background: transparent !important;
  padding: 0 !important;
}

.logInPanel {
  background-image: url("./img/Img_Box_Login.jpg");
  padding: 30px;
  margin: 180px 100px 100px 100px;
}

.siteLogo {
  background-image: url("./img/k4view.svg");
  height: 20px;

}

.loginPanelHeader {
  font-size: xx-large;
  color: orange;
  text-align: center;
  font-family: Abel;
}

.loginPanelText {
  color: white;
}

.loginPageLogoBanner {

  background-color: #073343 !important;
  width: 100%;
}

.logInLogo {
  padding-left: calc(50% - 100px);
}

.logInLogoFooter {
  height: 55px;
  padding: 5px;
}

.noPadding {
  padding: 0 0 0 0 !important;
}

.tablePaddingTop {
  padding-Top: 4px !important;
}

.tableLineHeight {
  line-height: 1.3 !important;
}
.btn.btn-primary.dropDownSelection{
  background-color: transparent !important;
  color: white !important;
}
.btn.btn-primary.dropDownTextStyle{
  background-color: transparent !important;
  color: white !important;
}
.btn-group .dropdown-menu {
  background: rgba(17, 27, 38, 0.8);
  color: white;
  border-bottom: none;
  border-radius: 5px;
}

.scrollableDropDownHeight {
  max-height: 300px;
}

.scrollableDropDownInModalHeight {
  max-height: 120px;
}

.btn-group .dropdown-menu div div > li > a {
  color: #837f83;
  width: 100%;
  white-space: nowrap;
  font-size: 12px;
}

.marginLeft20px {
  margin-left: 20px !important;
}

.btn-group .dropdown-menu div > div > li > a:hover {
  background-color: #073343;
  width: 100%;
}

.btn-group .dropdown-menu div > div > li:hover {
  background-color: #073343;
  width: 100%;
}

.btn-group .dropdown-menu div > div > li.active > a {
  background-color: #0f1822;
  width: 100%;
}

.btn-group .dropdown-menu div > div > li.active > a:hover {
  background-color: #073343;
}

.btn-group .dropdown-menu div > div > li.active {
  background-color: red !important;
}

.smart-style-3 .btn-header > :first-child > a:hover {
  box-shadow: inset 1px 1px 0 #073343, inset -1px -1px 0 #073343;
  background-color: #073343;
  background-image: linear-gradient(to bottom, #073343, #073343);
}

.multiselect-container.dropdown-menu div div > li > a {
  padding-left: 30px;
}

.multiselect-container.dropdown-menu {
  border: none;
}

.dropdown-menu {
  min-width: 0px;
  overflow: auto;
}

.privacyPolicyStyle {
  display: inline-block;

  color: white;
}

.privacyPolicyStyle > span > i {
  color: #4D8BA5 !important;
}

header img {
  width: 215px;
  padding: 2px;
}

.minified .full {
  display: none
}

.page-footer {
  height: auto;
  border: none;
}

.minified .page-footer {
  height: 40px;
  padding: initial;
}

.minified .page-footer img {
  padding: 2px;
  padding-left: 5px;
}

.bandColor {
  background: #073343;
}

.UnitConverterHolder select {
  color: black
}

.ribbon-buttons {
  width: 92px;
  overflow: hidden
}

.fa-calendar {
  display: none
}

@media (max-width: 1140px) {
  .fa-calendar {
    display: initial
  }

  #reportDateTextHolder {
    display: none;
  }
}

.fa-calendar-check-o {
  display: none
}

@media (max-width: 1255px) {
  .fa-calendar-check-o {
    display: initial
  }

  #forecastHolderText {
    display: none;
  }
}

#ribbon .breadcrumb {
  font-size: initial;
  margin-top: 13px;
  margin-bottom: 5px !important;
  padding: initial !important;
  margin-right: 30px;

}
.breadcrumb{
  margin-top: 13px;
  margin-bottom: 5px !important;
  background-color: transparent;
  color: white;
}
nav {
  overflow-x: hidden;
}

.minified nav {
  overflow: auto;
}

/*bottom Horizontal default Scrollbar fix*/
#content {
  width: 99%;
}

.modal-body .configMultiSelectDropDownHolder button, .open > .dropdown-toggle.btn-default {
  background-color: #3276b1;
  border-color: #2c699d;
}

.modal-body .configMultiSelectDropDownHolder button:hover {
  background-color: #2c699d;
}

.reportCategory {
  display: inline;
}

.tfsText {
  display: inline;
}

.tfsConnectionStatusHolder, .ktmConnectionStatusHolder {
  padding-top: 15px;
  padding-right: 15px;
}

.liveConnectionIcon {
  border: 1px solid white;
  height: 19px;
  width: 19px;
  -webkit-border-radius: 75px;
  -moz-border-radius: 75px;
}

.liveDisconnected {
  background: #c92216;
  background: -moz-linear-gradient(top, #c92216 0%, #aa271b 47%, #8e2119 100%);
  background: -webkit-linear-gradient(top, #c92216 0%, #aa271b 47%, #8e2119 100%);
  background: linear-gradient(to bottom, #c92216 0%, #aa271b 47%, #8e2119 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c92216', endColorstr='#8e2119', GradientType=0);

}

.liveConnecting {
  background: #efe010;
  background: -moz-linear-gradient(top, #efe010 0%, #dbd523 47%, #d3c826 100%);
  background: -webkit-linear-gradient(top, #efe010 0%, #dbd523 47%, #d3c826 100%);
  background: linear-gradient(to bottom, #efe010 0%, #dbd523 47%, #d3c826 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efe010', endColorstr='#d3c826', GradientType=0);

}

.liveConnected {
  background: #1d932f; /* Old browsers */
  background: -moz-linear-gradient(top, #1d932f 0%, #2d9618 47%, #1d7c16 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #1d932f 0%, #2d9618 47%, #1d7c16 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #1d932f 0%, #2d9618 47%, #1d7c16 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1d932f', endColorstr='#1d7c16', GradientType=0); /* IE6-9 */
}

@media (max-width: 880px) and (min-width: 295px) {
  #hide-menu > :first-child > a, .btn-header a {
    margin-top: 9px !important;
    width: 40px !important;
    height: 30px !important;
    line-height: 28px !important;
    font-size: 110%;
  }
}

@media only screen and (max-width: 1005px) and (min-width: 0px) {


  .reportCategory {
    display: none;
  }

  .reportPage {
    color: white;
  }

  .breadcrumb > li + li:before {
    content: " ";
  }
}

.titlePanel {
  text-align: center;
}

.titlePanelText {
  font-family: Abel;
  color: orange;
  font-size: xx-large;
}

.portalInfoPanel {
  margin-top: 50px !important;
}

.portalInfoPanelText, .portalInfoPanelText > ul, .contactNumber {
  color: white;
  font-size: large;
  font-family: Abel !important;
}

.btnRound {
  border-radius: 24px;
  width: 140px;
}

.btnRoundTrial {
  border-radius: 46px;
  width: 140px;
  background-color: orange;
  border: orange;
}

.btnRoundSend {
  border-radius: 46px;
  width: 150px;
  background-color: orange;
  border: orange;
}

.contactPanel {
  padding-top: 10px;
}

.contactEmail, .contactNumber {
  padding: 20px;
  color: white;
  font-size: large;
  font-family: Abel;
  vertical-align: middle;
}

.contactNumber {
  padding-left: 118px !important;
}

.licensePanel {
  background-image: url("./img/Img_Box_Login.jpg");
  padding: 10px;
  margin: auto;
  margin-top: 200px;
  width: 575px;
}

.licensePanelHeader {
  font-size: xx-large;
  color: orange;
  text-align: center;
}

.licensePanelText {
  color: white;
  text-align: center;
}

.glyphicon-earphone {
  font-size: 14px;
}

.glyphicon-envelope {
  font-size: 15px;
}

@media (max-width: 800px) {
  .col-sm-12 {
    width: 100%;
  }
}

@media only screen and (max-width: 1850px) and (min-width: 0px) {
  .contactPanel {
    padding-top: 0px;
  }

  .portalInfoPanelText, .portalInfoPanelText > ul {
    font-size: 109%;
  }
}

@media only screen and (max-width: 1199px) and (min-width: 0px) {
  .portalInfoPanel {
    display: none;
  }

  .contactPanel {
    text-align: center;
  }

  .contactNumber {
    padding-left: 0px !important;
  }
}

.estimated {
  font-style: italic;
  font-weight: bold;
}

.overflowScroll {
  height: calc(100% - 130px);
  /*z-index:4;*/
  overflow: hidden;
}

@media only screen and (max-height: 850px) and (min-height: 0px) {
  .licensePanel {
    margin-top: 150px;
  }
}

@media only screen and (max-height: 560px) and (min-height: 0px) {
  .licensePanel {
    margin-top: 50px;
  }
}

@media only screen and (max-width: 768px) and (min-width: 0px) {
  .customScroll {
    left: calc(50% + 170px) !important;
  }
}

.tfsTextLogo {
  display: none;
}

@media only screen and (max-width: 619px) and (min-width: 0px) {
  .customScroll {
    left: calc(50% + 65px) !important;
  }
}

@media only screen and (max-width: 970px) {
  .reportHeaderControls {
    width: 250px !important;
  }
}

@media only screen and (max-width: 520px) {
  .reportPage {
    display: inline-block;
  }

  li.fa.fa-home.reportIcon {
    display: none;
  }

  #ribbon .breadcrumb {
    margin-right: 0;
  }
}

@media only screen and (max-width: 450px) {
  .reportPage {
    display: none;
  }
}

/**New Home Page CSS*/
.logoHome {
  margin-top: 40px;
  width: auto;
}

.headerBtn {
  margin-top: 20px;
  margin-left: 35px;
}

.homeInfoBtn {
  font-size: 30px;
  font-family: Abel;
  color: #0a0a0a;
  margin-left: 20px;
}

.monitor1_1 {
  margin-top: -15px;
  margin-left: 25%;
}

.monitor1_2 {
  margin-top: -15px;
  margin-left: 25%;
  display: none;
}

.headerInfoContainer {
  margin-top: 25px
}

.headerInfoText {
  font-size: 30px;
  font-family: Abel;
  font-weight: bold;
  margin-top: 25px;
}

.informationText {
  color: white;
  margin-top: 60px;
  font-family: Abel;
  color: white;
}

.homeTitles {
  color: white;
  font-family: Abel;
  color: white;
  font-size: 35px;
}

.icon-background1 {
  color: orange;
}

.howItWorksContainer {
  background-image: url("./img/background.png");
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center center;
  height: 450px;
  text-align: center;
}

.howItWorksText {
  text-align: left;
  color: white;
  font-family: Abel;
  font-size: 20px;
}

.monitor2 {
  margin-top: -26px;
}

.monitor02 {
  display: none;
}

.agreeTerms {
  margin-left: 90px;
  text-align: center;
  color: white;
  font-family: Abel;
}

.informationTitle {
  text-align: center;
}

.keyFeatureTitle {
  color: white;
  text-align: center;
  margin-top: 60px;
}

.keyFeatureText {
  font-size: 20px;
  font-weight: normal;
}

.keyFeatureImage {
  font-size: 20px;
  color: white;
  margin-top: 116px;
}

.howItWorksTitle {
  margin-top: 10px;
  text-align: left;
  font-family: Abel;
}

.requestTrial {
  color: white;
  text-align: center;
  margin-top: 100px;
}

.clusterContainer {
  background-color: white;
  height: 400px;
  margin-top: 20px;
}

.clusterTextTitle {
  color: Black;
  text-align: center;
  margin-top: 60px
}

.clusterText {
  text-align: center;
  font-size: 20px;
  margin-left: 30px
}

.clusterFA {
  color: orange;
  font-size: 70px;
}

.k2eInfo {
  height: 100px;
  font-size: 20px;
  color: white;
  font-family: Abel;
  margin-top: 30px
}

.k2eInfoContainer {
  height: 460px;
  width: auto;
  background-color: #1198b8
}

.k2eInfo {
  margin-top: 100px;
}

.keyFeaturesText {
  margin-top: 15px;
}

.marginEMI {
  margin-top: 50px;
}

.screenshotWithGlow {
  display: none;
}

.k2e_1 {
  display: block;
}

.k2e_2 {
  display: none;
}

@media only screen and (max-width: 1000px) and (min-width: 0px) {
  .headerBtn {
    margin-left: 0px;
  }
}

@media only screen and (max-width: 1199px) and (min-width: 0px) {
  .monitor1_1 {
    display: none;
  }

  .monitor1_2 {
    display: block;
    margin-top: 10px;
  }

  .marginEMI {
    margin-top: 10px;
  }

  .howItWorksContainer {
    height: 550px;
  }

  .k2e_1 {
    display: none;
  }

  .k2e_2 {
    display: block;
  }

  .k2eInfoContainer {
    height: 550px;
  }
}

@media only screen and (max-width: 992px) and (min-width: 0px) {
  .screenshotWithGlare1 {
    display: none;
  }

  .screenshotWithGlow {
    display: block;
  }

  .howItWorksContainer {
    height: 640px;
  }

  .k2eInfo {
    margin-top: 15px;
  }

  .k2eInfoContainer {
    height: 520px;
  }

  .k2eInfoPushDown {
    margin-top: 65px;
  }

  .k2eInfoImg {
    margin-left: calc(30%);
  }

  .keyFeatureImage {
    margin-top: 0px;
    margin-top: 0px;
  }

  .clusterContainer {
    height: 600px;
  }

}

@media only screen and (max-width: 1199px) and (min-width: 0px) {
  .monitor2 {
    display: none;
  }

  .monitor02 {
    display: block;
    margin-left: 80px;
    margin-top: 35px;
  }
}

@media only screen and (max-height: 730px) {
  .menuFooter > a > span.full, .menuFooter > span.full, .menuFooter > a > span > span.full {
    display: none;
  }

  .minified .menuFooter > a, .minified .menuFooter > span.miniScreenIcon, .minified .menuFooter > a > span > span.miniScreenIcon {
    margin-left: 0px;
  }

  .menuFooter > a, .menuFooter > span.miniScreenIcon, .menuFooter > a > span > span.miniScreenIcon {
    margin-left: 6px;
  }

  .miniScreenIcon {
    display: initial !important;
    height: 44px;
    width: auto;
  }

  .miniScreenIcon > img {
    display: block;
    width: 44px;
  }

  .minified .miniScreen {
    display: inline;
  }


  .miniScreen {
    z-index: 901 !important;
    height: auto;
    bottom: 61px;
    position: fixed;
    max-width: 220px;
    display: inline-flex;
  }

  .fixed-navigation nav {
    padding-bottom: 0px
  }
}

@media only screen and (max-width: 767px) and (min-width: 0px) {
  .monitor02 {
    display: none;
  }

  .howItWorksContainer {
    background-image: none;
    background-color: #1198b8;
  }
}

@media only screen and (max-width: 769px) and (min-width: 0px) {
  .monitor1_2 {
    display: none;
  }

  .k4viewLogoFooter {
    margin-top: 20px;
  }

  .requestTrial {
    margin-left: 0;
    text-align: center !important;
  }

  .logInLogoFooter {
    height: 40px;
  }

  .headerInfoText {
    color: rgb(17, 152, 184);;
  }

  .arkLogoPanel {
    margin-right: calc(50% - 212px);
  }

  .headerContainer {
    height: 510px;
  }

  .marginEMI {
    margin-top: 25px;
    width: 100%;
  }

  .smallScreenHeader {
    width: 100%;
  }

  .k2eInfoContainer {
    height: 720px;
  }

  .screenshotWithGlow {
    display: none;
  }

  .k2eInfoImg {
    margin-left: 0px;
  }

  .requestTrialSmallScreen {
    width: 75%;
  }

  .k4viewArkiveFooter {
    width: 100%;
    margin-left: -116px;
  }

  .smallScreenContact {
    margin-left: 50px;
  }

}

@media only screen and (max-width: 370px) and (min-width: 0px) {
  .k2eInfoContainer {
    height: 875px;
  }

}

.height100px {
  height: 100px !important;
}
.height120px {
  height: 120px !important;
}
.licenseButtonAlign {
  margin-left: 200px;
}

.licensePanelButtonContainer {
  height: 50px;
}

.unAuthButton {
  float: right;
  width: 160px !important;
  margin: 10px;
}

@keyframes invisibleToVisible {
  0% {
    opacity: 0.2;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.2;
  }
}

.showDelay {
  opacity: 0;
  animation-name: invisibleToVisible;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-delay: 2s;
  width: 300px;
}

.ktmLogoHolder {
  width: 132px;
  padding-top: 10px !important;
}

.noOverFlowY {
  overflow-y: hidden;
}

.widget-toolbar {
  line-height: 22px;
}

.mCSB_inside > .mCSB_container {
  margin-right: 0px;
}

.mCSB_container > li {
  padding-left: 10px;
  padding-right: 20px;
}

.mCSB_container > li:hover {
  background-color: #073343;
  width: 100%;
}

#PriceGroupingDropDownHolder, #YearDropDown, #ZoneDropDown,
#actualDaysDropDown, #YearDropDownHolder, #ProfileDropDown > .mCustomScrollBox {
  width: 100% !important;
  font-size: 15px;
  line-height: 20px;
}

.widget-toolbar .btn-group {
  margin-top: 0px;
}

.configMultiSelectDropDown div div {
  margin-right: 0px;
}

.mCSB_container > li {
  padding-left: 5px;
  padding-right: 0px;
}

.componentList {
  margin-top: 6px !important;
  width: 458px;
}

.componentListScroll {
  margin-top: 2px !important;
  /*width: 458px;*/
  max-height: 420px;
  overflow: hidden;
}

.dropdown-menu {
  overflow: hidden;
  min-height: 55px !important;
}

.btn-group .dropdown-menu div > div > li.active {
  background-color: #3276b1 !important;
}

.btn-group .multiselect-container li.active {
  background-color: #3276b1 !important;
}

.btn-group .multiselect-container li.active > a {
  background-color: #073343 !important;
}

.multiselect-container .mCustomScrollBox .mCSB_container > li {
  padding-left: 25px;
  padding-right: 5px;
  line-height: 5px;
  width: 100% !important;
}

.overrideColorToDark {
  /* background-color: #0f1822 !important; */
}

.gridKeyCol {
  padding-left: 5px !important;
}

.label {
  font-weight: 400;
  width: 130px;
  border: solid white 1px;
  height: 30px;
}

.multiselect-container.dropdown-menu div div > li > a {
  padding-left: 0px;
}

.checkbox input[type=checkbox] {
  position: inherit;
  margin-left: -20px;
}

.checkbox, .radio {
  margin-top: 0px;
  margin-bottom: 5px;
}

.btn-group .dropdown-menu div > div > li.active {
  background-color: #073343 !important;
  height: 23px;
}

.mCSB_container > li:hover {
  height: 100%;
}

.dropDownMenuPowerBidding {
  width: 260px !important;
}
#content {
  padding-top: 120px !important;
  margin-top: 0px;
}
.mCustomScrollBox div > li {
  overflow: hidden;
  height: auto;
  width: 100% !important;
  max-width: 300px;
  font-size: 15px;
  line-height: 20px;
  margin-right: 20px;
}

.scrollableContent > .mCustomScrollBox {
  max-height: 370px !important;
}

#ZoneDropDownHolder {
  max-width: 120px !important;
}

.mCSB_container {
  height: auto;
}

#componentDropDownDiv .mCustomScrollBox {
  width: 440px !important;
}

#helpScrollableContent .mCustomScrollBox {
  width: 860px !important;
  position: initial;
}

#helpScrollableContent div .mCSB_scrollTools {
  right: 7px;
}

.gridWidget div .mCSB_container_wrapper {
  margin-right: 3px;
  margin-bottom: 17px;
}

.mCSB_container_wrapper > .mCSB_container {
  padding-right: 0px;
}

#gridWidget div .mCSB_scrollTools {
  right: 7px;
}

.gridWidget {
  width: 100%;
}

.mCustomScrollBox {
  width: 99%;
  height: 99%;
}

html, body {
  height: 100%;
}

body.mCustomScrollbar > .mCustomScrollBox > .mCSB_container_wrapper > .mCSB_container {
  min-width: 640px;
  width: 100% !important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools {
  position: fixed;
}

.mCSB_container_wrapper {
  margin-right: 0px;
}

#componentDropDownDiv .mCustomScrollBox div > li {
  width: 100% !important;
  margin-right: 20px;
}

.table {
  margin-bottom: 0px;
}

/*#ProfileDropDown{
  height: 80px;
}*/

.smart-style-3 .dropdown-menu > li > a {
  color: white;
}

.smart-style-3 .dropdown-menu > li > a:hover {
  background-color: #073343;
  width: 100%;
}

.scrollableTable {
  height: 430px;
}
.Facility{
  padding-left: 500px;
  margin-left: 500px;
  white-space: pre;
}
.gasStorageTable{
  width: 100% !important;
}
.gasMktIntStorage{
  margin-top: -50px;
}
.scrollableTable > .mCustomScrollBox {
  overflow: visible;
  width: 100% !important;
}

.scrollableTable > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: -46px;
}

.medLeftColScrollableTable > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: -90px;
}

.scrollableTable90 > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: -90px;
}

.largeLeftColScrollableTable > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: -144px;
}

.smMedLeftColScrollableTable > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: -58px;
}

.scrollableTable160 > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: -156px;
}

body.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools {
  position: absolute;
  right: 1px;
  z-index: 1000 !important;
}

body.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 8px;
}

body.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools .mCSB_draggerContainer {
  left: -2px;
}

.autoHeight > div > div.blockUI.blockMsg.blockElement {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
}

.widgetFullscreen div div .scrollableTable {
  height: 700px;
}

@media only screen and (max-height: 750px) and (min-width: 0px) {
  .widgetFullscreen div div .scrollableTable {
    height: 450px;
  }
}

.tfsHeightGrid {
  height: 630px !important;
}

.ktmHeightGrid {
  height: 650px !important;
}

@media only screen and (max-width: 1400px) and (min-width: 0px) {

  .rssLinks {
    font-size: 20px !important;
  }
}

@media only screen and (max-width: 1200px) and (min-width: 0px) {
  body.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools .mCSB_draggerContainer {
    left: 1px;
  }

  .modal-dialogAddLarge {
    width: 700px !important;
  }

  .modal-dialogAddLargeMedium {
    width: 600px !important;
  }

  .fixedHeaderMargin {
    margin-left: 0px !important;
  }
}

@media only screen and (max-width: 768px) and (min-width: 0px) {

  body.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools .mCSB_draggerContainer {
    left: 3px;
  }

  body.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
  }

  .unAuthTextArea {
    max-width: 530px;
  }
}

.noOverflow table {
  height: 450px !important;
}

.ZoneDropDownHolder {
  width: 110px !important;
}

#ZoneDropDown {
  width: 110px !important;
}


.tfsHeightGrid > .mCustomScrollBox {
  height: 100%;
}

.ktmHeightGrid > .mCustomScrollBox {
  height: 100%;
}

@media only screen and (max-width: 1323px) and (min-width: 0px) {
  .tfsHeightGrid {
    height: 678px !important;
  }

  .tfsHeightGrid {
    height: 700px !important;
  }
}

@media only screen and (max-width: 768px) and (min-width: 0px) {
  .k4viewInfoFooter {
    width: 100%;
    text-align: center;
  }

  .k4viewLogoFooter {
    margin-left: calc(50% - 60px);
  }
}

@media only screen and (max-width: 1650px) and (min-width: 0px) {
  #wid-id-2003 > div > div > div > div > div > .tfsHeightGrid {
    height: 678px !important;
  }
}

.multiselect-container > .mCustomScrollBox {
  height: 100%;
  width: 100%;
}

.fixedSizeModal, .fixedHeightModal {
  max-height: 440px;
  overflow: hidden;
}

.height200 {
  height: 200px !important;
}

.rowHeight {
  height: 26px;
}

.componentTypeImage {
  min-height: 308px;
}

.componentImageStyle {
  max-height: 308px;
  height: auto;
}

.reducedHeader .close {
  margin-top: -8px;
}

.gasMktIntStorage > div > .mCSB_scrollTools {
  position: absolute;
  top: 68px;
}

.cccVsCttDaily > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: -74px;
}

.cccVsCttMonthly > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: -74px;
}

.chartWidget > div, .gridWidget > div {
  width: 100% !important;
}

tr {
  width: 100% !important;
}

.gridWidget > div > table {
  width: 100% !important;
}

.noBorder {
  border: none !important;
}

.displayNone {
  display: none;
}

.fixedColEuroSize > table > tbody > tr > td {
  min-width: 90px;
}

body.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools {
  position: absolute;
  right: 1px;
  top: 46px;
}

.componentImageStyleAdd {
  height: 250px;
  width: 99%;
}

.reducedHeader .close {
  margin-top: -8px;
}

.addComponentButton {
  background-color: #3276b1;
  width: 400px;
  margin: 1px 0 1px 0px;
}

.addComponentButton > a {
  color: white;
}

.modal-dialogAddLarge {
  width: 1200px;
  margin: 30px auto;
}

.modal-dialogAddSmallMedium {
  width: 480px;
  margin: 30px auto;
}

.modal-dialogAddLargeMedium {
  width: 1000px;
  margin: 30px auto;
}

.modal-dialogAddMedium {
  width: 690px;
  margin: 30px auto;
}

.modal-dialogAddSmall {
  width: 250px;
  margin: 30px auto;
}

.componentInformationPanel {
  max-height: 380px;
  height: auto;

}

.componentCustomization {
  margin: 0px;
  height: 90px;
  margin-top: 10px;
}

.componentDescriptionContainer {
  /*border-bottom: solid white 1px;*/
  max-height: 130px;
  height: 100%;
}



.ReportPageBtn {
  background-color: #3276b1;
  width: 200px;
  margin: 1px 0 1px 0px;
}

.ReportPageBtn > a {
  color: white;
}

#reportDropDownDiv > .mCustomScrollBox > .mCSB_scrollTools {
  right: 6px;
}

.componentListScroll > .mCustomScrollBox > .mCSB_scrollTools {
  right: 12px;
}

.titleCenter {
  text-align: center;
}

@media (max-width: 992px) {

  .modal-dialog {
    height: 800px !important;
  }

}

@media (max-width: 768px) {
  .modal-dialogAddMedium {
    width: 440px !important;
  }

  #sendRequestTrialButton {
    margin-left: 0px !important;
  }

  #contactUsButton {
    margin-left: 0px !important;
  }

  .agreeTerms {
    margin-left: 0;
  }

  .modal-dialogAddLarge {
    width: 430px !important;
  }

  .rssLinks {
    font-size: 18px !important;
  }



  .modal-dialogAddSmallMedium {
    width: 440px;
  }

  .modal-dialogAddLargeMedium {
    width: 440px !important;
  }

  .rssIframePanel {
    width: 99% !important;
    min-height: 100%;
  }

  #iframeContainer {
    min-height: 600px;
    width: 100%;
  }

  .showRssFeed {
    width: 100%;
  }

}

.gasVolMinWidth {
  min-width: 61px !important;
}

.rssIframePanel {
  width: 100%;
  border: solid white 1px;
  min-height: 100%;
}

.rssIframePanelContent {
  position: absolute;
  height: 100%;
}

.newsClose {
  float: right;
}

.newsHeader {
  font-size: 15px !important;
  margin: 0;
  padding-top: 7px;
  padding-left: 10px;
}

.fixed-navigation #right-panel {
  height: 100%;
  position: fixed;
}

#right-panel {
  position: absolute;
  top: 0;
  right: 0;
  width: 400px;
  z-index: 904;
  /*margin-right: 39px;*/
  margin-top: 45px;
  border-right: none;
  border-left: 2px solid #ccc;
}

.newsFeedSmall {
  display: none;
}

@media (max-width: 979px) and (min-width: 0px) {
  #rss {
    width: 100%;
  }
}

#rss {
  cursor: pointer;
}

.loader {
  position: absolute;
  margin-top: calc(50% + 120px);
  left: 140px;
  border: 16px solid #f3f3f3;
  border-radius: 100%;
  border-top: 16px solid #3276b1;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.Facility {
  min-width: 91px;
}

.fixedHeaderMargin {
  margin-left: 1px;
}

#sendRequestTrialButton {
  margin-bottom: 10px;
  margin-left: 60px;
}

#contactUsButton {
  margin-left: 60px;
}

.arkiveSmallScreen {
  display: none;
}

.headerTrOverflow {
  overflow: hidden;
}

.powerImbalanceTrHeight {
  height: 18px;
}

.mCSB_scrollTools {
  opacity: 1;
}

.cleanSparkSpreadMinWidth > tbody > tr > td {
  min-width: 80px !important;
}

.smMedLargeLeftColScrollableTable > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: -83px;
}

.carousel-control {
  /*z-index: -1;*/
  display: none
}

.rfProductionRowHeight {
  height: 25px;
}

.noBorder {
  border: none;
}

.prodDailyAvgRowHeight {
  height: 24px;
}

.fmcPowerCurvesGridHeight {
  height: 420px !important;
}

.fmcSparkSpreadGridHeight {
  height: 437px;
}

.noBorderRight {
  border-right: none;
}

.rowHeight18 {
  height: 18px;
}

.rowHeight17 {
  height: 17px;
}

.rowHeight26 {
  height: 26px !important;
}

.rowHeight28 {
  height: 28px !important;
}

.rowHeight36 {
  height: 36px;
}

.cccHistFixedCol {
  width: 70px;
  height: 24px;
  text-align: right;
  padding-right: 2px;
  border-right: 2px solid white;
}

.hrefTextColor {
  color: white;
}

.tfsFixedColText {
  padding-bottom: 4px !important;
  padding-top: 4px !important;
}

@media (min-width: 1700px) and (max-width: 2000px) {
  .jarviswidget-loader {
    display: none !important;
  }
}

@media (min-width: 1200px) and (max-width: 1540px) {
  .jarviswidget-loader {
    display: none !important;
  }
}

@media (min-width: 992px) and (max-width: 1080px) {
  .jarviswidget-loader {
    display: none !important;
  }
}

@media (min-width: 0px) and (max-width: 400px) {
  .jarviswidget-loader {
    display: none !important;
  }
}

.customReportInstruction {
  margin-top: 150px;
  margin-left: calc(50% - 250px);
  cursor: text;
}

.customFa {
  color: white;
  margin-left: 2px;
  margin-right: 2px;
  cursor: text;
}

.customSpanFa {
  border-radius: 2px;
  background: #283583;
  border: 1px solid grey;
  margin-right: 3px;
}

@media (min-width: 0px) and (max-width: 600px) {
  .customReportInstruction {
    margin-left: calc(50% - 150px);
    width: 300px;
  }

  .powerBiddingComponentDiv > h4 {
    font-size: 11px !important;
  }

  .powerBiddingComponentDiv ul {
    margin-left: -35px;
    list-style: none;
    margin: 0;
    padding: 0;
  }

  .powerBiddingComponentList > li {
    font-size: 10px !important;
  }

  .powerBiddingComponentDiv ul li {
    /*width:auto;*/
    position: relative;
    line-height: 11px;
    left: 1em;
    padding-right: 1em;
  }
}

.unAuthSpanArkiveImage {
  margin-left: calc(50% - 400px);
}

@media (min-width: 0px) and (max-width: 1200px) {
  .k4viewLogoFooter {
    margin-left: calc(50% - 65px);
  }

  .unAuthSpanArkiveImage {
    margin-left: calc(50% - 374px);
  }

  .arkLogoPanel {
    margin-right: calc(50% - 145px) !important;
  }

  #contactUsReCaptcha > div {
    margin-left: calc(50% - 145px);
  }

  #requestTrialReCaptcha > div {
    margin-left: calc(50% - 145px);
  }

  .unAuthTextArea {
    max-width: 375px !important;
  }

}

#requestTrialReCaptcha > div {
  margin-left: calc(50% - 155px);
}

@media (min-width: 0px) and (max-width: 992px) {
  .companyInfo {
    margin-left: 261px;
  }

  .unAuthTextArea {
    max-width: 375px !important;
  }
}

@media (min-width: 0px) and (max-width: 769px) {
  .k4viewLogoFooter {
    margin-left: calc(50% - 66px);
  }

  .unAuthSpanArkiveImage {
    margin-left: calc(50% - 400px);
  }

  .arkLogoPanel {
    margin-right: calc(50% - 204px) !important;
  }

  .phoneNumberContact {
    margin-left: 50px !important;
  }

  .fakeDiv {
    margin-left: 0px !important;
  }
}

@media (min-width: 601px) and (max-width: 800px) {
  .powerBiddingComponentDiv > h4 {
    font-size: 14px !important;
  }

  .powerBiddingComponentDiv .mCustomScrollBox > ul > li {
    margin-left: -30px;
    list-style: none;
    font-size: 11px !important;
    float: left;
  }
}

@media (min-width: 0px) and (max-width: 767px) {
  .unAuthSpanArkiveImage {
    margin-left: calc(50% - 374px);
  }

  .companyInfo {
    margin-left: 360px;
  }

  #contactUsReCaptcha > div > div, #requestTrialReCaptcha > div > div {
    margin-left: 0px !important;
  }
}

@media (min-width: 0px) and (max-width: 769px) {
  .unAuthTextArea {
    max-width: 532px !important;
  }
}

@media (min-width: 0px) and (max-width: 500px) {
  .unAuthSpanArkiveImage {
    margin-left: calc(50% - 116px);
  }

  .companyInfo {
    margin-left: 65px;
  }

  .clusterText {
    margin-left: 8px !important;
  }

  .unAuthTextArea {
    max-width: 328px !important;
  }
}

.condensedTdHeight {
  height: 16px !important;
  font-size: 99% !important;
  line-height: 99% !important;
  padding: 0 2px !important;
  vertical-align: middle !important;
}

.condensedTdHeight > span {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  font-size: 99% !important;
}

.arkLogoPanel {
  margin-right: 10px;
}

#contactUsReCaptcha > div > div, #requestTrialReCaptcha > div > div {
  margin-left: 35px;
}

body.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools {
  position: absolute;
  right: 1px;
  top: 46px;
  bottom: 52px;
}

.unAuthTextArea {
  max-width: 460px;
  max-height: 300px;
}

.privacyPolicy {
  cursor: pointer;
}

.contactInfo {
  cursor: pointer;
}

.feedbackMessageText {
  font-size: 20px;
  text-align: center;
}

.smart-style-3.minified nav > ul > li > a > label {
  display: none;
}

.realTimeSpreadInline {
  display: inline;
}

.effefficiencyBorders {
  border-color: #2c699d !important;
}

.cursorPointer {
  cursor: pointer;
}

.menuFooterScreenSizeChanged {
  top: 310px !important;
}

.minifymeHide {
  display: none !important;
}

.hideMenu {
  left: 0 !important;
}

.bidAskDirection {
  display: inline-block;
}

.bidAskValue {
  display: inline-block;
  min-width: 64px;
}

.newsTicker {
  margin-right: 150px;
}

.selectInlineLabel {
  display: inline-flex;
}

.selectWidth {
  width: 180px;
  margin-left: 10px;
}

.labelLineHeigth {
  line-height: 2;
}

.addComponentSectionOne {
  display: inline;
}

.addComponentSectionOne.hide , .addComponentSectionOneSmallScreen{
  display: none;
}
.addComponentSelectReport, .addComponentSectionOneSmallScreen {
  margin-top:30px;
}

.unsupportedPopOver{
  background-color: rgba(3, 39, 52, 0.93);
  color: black;
}

.unsupportedPopOver>div{
  color: white;
}

.unsupportedPopOver>ul{
  color: white;
}

.btnDropDown{
  color: #fff;
  background-color: #3276b1;
  border-color: #2c699d;
}

@media (min-width: 0px) and (max-width: 992px) {

  .componentCustomization {
    margin-top: 47px !important;
  }

  .addComponentSectionOne {
    display: none !important;
  }

  .addComponentSectionOneSmallScreen {
    display: inline !important;
  }

  .addComponentSectionOneSmallScreen.hide {
    display: none !important;
  }
}
.icon {
  color: #4D8BA5;
}
.icon:hover {
  color: #3c6c7f;
}
.pageNo:hover {
  color: #073343;
  background-color: #fff;
}
.pageNo-active {
  color: white !important;
  background-color: #0c495f !important;
}
.pageNo {
  border: 1px solid #C2C2C2;;
  border-bottom: 0px;
  border-right: 0px;
  background: #0f1822;
  color: white;
}
.border-bidding-hour{
  border-bottom: 1pt solid #ffffff !important;
  border-top: 1pt solid #ffffff !important;
}
.titleStyle{
  display: flex;
  max-width: "250px !important";
  flex-wrap: wrap;
}
.minified #left-panel{
  width: 100px;
}
.minified.fixed-ribbon #ribbon {
  padding-left: 115px;
}
.minified #main {
  margin-left: 115px;
}