/*
placeholder for branded styles which will override all other styles specified in alterntive folders

$background = '#032734';
$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: 1px solid #CECECE;
}

.page-footer {
  padding: 0px 13px 0px;
  color: #fff;
  background-color: #032734 !important;
  color: white;
}

.StatusPanelContent {
  background: #F7F7F7 !important;
  border-left: 1px solid #CECECE;
}

.sideBarTitle {
  color: black;
}

.smart-style-3 #header {
  background-color: #032734 !important;
  background-image: linear-gradient(to bottom, #032734, #032734);
}

span#activity, .smart-style-3 .btn-header > :first-child > a {
  background-color: #283583;
  background-image: -moz-linear-gradient(top, #283583, #181f4e);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#181f4e), to(#181f4e));
  background-image: -webkit-linear-gradient(top, #283583, #181f4e);
  background-image: -o-linear-gradient(top, #283583, #181f4e);
  background-image: linear-gradient(to bottom, #283583, #181f4e);
  color: #fff !important;
  border: 1px solid #7e85b4;
  text-shadow: #181f4e 0 -1px;
}

.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: 1px solid #05394B;
  background-color: #032734 !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: 95% !important;
}

/*.highcharts-container,*/
.pieChart, .powerBiddingComponentDiv {
  height: 450px;
}

.powerBiddingComponentDiv {
  padding: 0 !important;
}

#pieContainer {
  /*display:flex;*/
  /*justify-content: space-between;*/
  width: 20%;
  height: 100% !important;
  margin: 0 auto;
  float: right;
  overflow-y: hidden;
}

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

#jarviswidget-fullscreen-mode .labelBox, #jarviswidget-fullscreen-mode .pieChart {
  height: 100%;
}

#jarviswidget-fullscreen-mode .halfHeight {
  height: 25%
}

#ribbon.jarviswidget-BrandedBlue, .gridWidget table {
  color: #ffffff;
  background-color: #032734;
}

.gridWidget table tr:nth-of-type(odd) {
  background-color: #073343;
}

.chartWidget, .gridWidget, .table-tooltip {
  background-color: #032734;
}

.table {
  margin: 0;
}

.table > thead tr {
  background-color: #032734;
  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, .pieChartTable .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: #032734 !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: #032734;
}

.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, .jarviswidget-BrandedBlue .jarviswidget-ctrls a {

  background-color: #032734;
  color: white;
}

.jarviswidget-BrandedBlue {
  background-color: #032734 !important;
  color: white;
  border: none;
}

.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: #032734;
}

#left-panel > div > nav > ul > li a:hover {
  background-color: #073343 !important;
}

.modal-content {
  background: #073343;
  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;
}

.jarviswidget {
  margin: 0 !important;
  padding: 2px !important;
}

article.sortable-grid {
  margin: 0 !important;
}

.fixed-header #main {
  margin-top: 0px;
}

#left-panel {
  padding-top: 0px
}

.fixed-ribbon #ribbon {
  top: 0px;
  left: 5px;
  padding-left: 230px;
  z-index: 902;
  overflow: hidden;
  height: 45px;
}

.fixed-ribbon #ribbon div {
  overflow: hidden
}

.controlsHolder {
  margin: 9px !important;
}

@media (max-width: 980px) {

  .fixed-ribbon #ribbon {
    padding-left: 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;
}

.table td, .table th {
  text-align: right;
}

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

html, body, section, .row, #appLayout {
  background: #032734 !important;
}

#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: #032734 !important;
}

.highcharts-contextmenu div {
  background: #032734 !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-group .dropdown-menu {
  background: #3276b1;
  color: white;
  border-bottom: none;
}

.scrollableDropDownHeight {
  max-height: 300px;
}

.scrollableDropDownInModalHeight {
  max-height: 140px;
}

.btn-group .dropdown-menu div div > li > a {
  color: white;
  width: 100%;
  white-space: nowrap;
}

.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.active > a {
  background-color: #032734;
  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
}

.mini {
  display: none;
}

.minified .mini {
  display: initial;
  height: 44px;
  width: auto;
}

.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;

}

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) {
  #ribbon .breadcrumb li:last-child, #ribbon .breadcrumb > .active {
  }

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

  .tfsText {
    display: none;
  }

  .tfsTextLogo {
    display: block;
  }

  .tfsLogoHolder {
    width: 26px !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;
  }

  .tfs_logo {
    width: 44px;
  }

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

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

.tfs_logo {
  display: none;
}

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

.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: #032734 !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;
}

.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: 350px !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: 450px;
}

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

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

.modal-footer {
  /**  padding: 20px;
    text-align: right;
    border-top: 0 !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;
}

.helpBorderMain {
  border: solid 1px white;
  padding: 10px;
  margin-top: 15px;
  height: 350px;
}

.componentTypeTitle {
  border-bottom: solid 1px white;
  padding: 7px 0 5px 0px !important;
  min-height: 40px;
}

.componentTypeImage {
  min-height: 308px;
}

.componentTypeDataSource {
  border-top: solid 1px white;
  border-right: solid 1px white;
  min-height: 50px;
  padding-top: 10px;
}

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

.componentTypeInfo {
  border-right: solid 1px white;
  height: 258px;
  overflow: hidden;
  padding-top: 0;
}

.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: 32px;
  border-top: white 1px solid;
}

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


.addComponentSpacer, .addComponentSecondSpacer {
  height: 40px;
  margin-bottom:22px;
}

.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-footer {
    /*  margin-top: 250px;
      border: none;
      */
  }

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

.componentDropDownAddComponent, .componentDropDownSelectReport {
  overflow: hidden;
  max-height: 60px;
  text-align: left;
  left: 0;
}

.addComponentSectionOne {
  display: inline;
}

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

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