@charset "UTF-8";
/*$pd-orange-500: hsl(16, 94%, 61%);*/
/* pd warm greys */
/* light text */
/* body text */
/* header text */
/* pd cool greys */
/*$pd-grey-100: hsl(220, 16%, 96%);*/
/*$pd-grey-200: hsl(217, 7%, 91%);*/
/*$pd-grey-300: hsl(213, 8%, 86%);*/
/*$pd-grey-400: hsl(211, 6%, 70%);*/
/*$pd-grey-450: hsl(211, 1%, 58%);*/
/*$pd-grey-500: hsl(211, 3%, 47%);*/
/*$pd-grey-600: hsl(211, 6%, 43%);*/
/*$pd-grey-700: hsl(209, 4%, 37%);*/
/*$pd-grey-800: hsl(209, 9%, 30%);*/
/*$pd-grey-900: hsl(209, 10%, 25%);*/
/*$pd-grey-1000: hsl(210, 12%, 16%);*/
html {
  overflow: -moz-scrollbars-vertical;
  overflow-x: auto;
}

body {
  margin: 0;
  padding: 0;
  font-size: 14px;
  background: #FFFFFF url("../img/layout/topbg1.65e600b01fa1.jpg") repeat-x;
  color: #494846;
}

label {
  margin-bottom: 0.25rem;
}

ul li {
  list-style-type: none;
}

.btn {
  color: #222120;
}

.btn.no-outline {
  outline: 0;
}

.btn.no-outline:focus {
  outline: 0;
}

.btn, .form-control {
  font-size: 14px;
}

.form-control {
  width: auto;
  max-width: 100%;
}

pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857143;
  color: #333;
  word-break: break-all;
  word-wrap: break-word;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
}

pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border-radius: 0;
}

.dropdown-item:hover {
  background: #e6e6e5;
}

.page-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.header-toggler {
  width: 2rem;
  height: 2rem;
  position: relative;
  color: #494846;
}

.header-toggler-icon {
  position: absolute;
  width: 1rem;
  height: 2px;
  color: inherit;
  background: currentColor;
  border-radius: 3px;
  top: 50%;
  left: 50%;
  margin: -2px 0 0 -0.5rem;
  box-shadow: 0 5px currentColor, 0 -5px currentColor;
}

.sidebar .nav-link {
  color: #444341;
  padding: 0.25rem 0.25rem 0.25rem 0;
}

.sidebar .nav-link.active {
  color: #ff9900;
  font-weight: bold;
}

.sidebar .nav-item {
  display: inline-block;
}

.sidebar .nav-link:before {
  content: "• ";
  line-height: 20px;
  font-size: 18px;
  vertical-align: middle;
}

.sidebar .nav-link:hover:before {
  /* Override bootstrap here */
  color: #e08906;
}

.sidebar-heading {
  font-size: 0.75rem;
  font-weight: bold;
  letter-spacing: 0.03rem;
  text-transform: uppercase;
  color: #494846;
}

.sidebar-heading:hover {
  color: #494846;
}

@media (max-width: 991px) {
  .w-100-mobile {
    width: 100%;
  }
}
@media (min-width: 992px) {
  .w-240-desktop {
    width: 240px;
  }
}
@media (max-width: 991px) {
  .max-w-240-mobile {
    width: 240px;
  }
}
.btn-white {
  background-color: #fff;
}

.btn-white:hover {
  background-color: #e6e6e5;
}

.btn-pd-grey-100 {
  background-color: whitesmoke;
}

.btn-pd-grey-100:hover {
  background-color: whitesmoke;
}

.btn-pd-grey-200 {
  background-color: #e6e6e5;
}

.btn-pd-grey-200:hover {
  background-color: #d6d6d6;
}

.btn-pd-grey-300 {
  background-color: #d6d6d6;
}

.btn-pd-grey-300:hover {
  background-color: #c2c2c1;
}

.btn-pd-orange {
  color: #222120;
  background: #FF9900;
  border-color: #FF9900;
}

.btn-pd-light-orange {
  background: #ffbe5e;
  border-color: #ffbe5e;
}

/*
 * Navbar
 */
.navbar-brand {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-size: 1rem;
  background-color: rgba(0, 0, 0, 0.25);
  box-shadow: inset -1px 0 0 rgba(0, 0, 0, 0.25);
}

.navbar .navbar-toggler {
  top: 0.25rem;
  right: 1rem;
}

.navbar .form-control {
  padding: 0.75rem 1rem;
  border-width: 0;
  border-radius: 0;
}

.text-muted {
  color: #959493;
}

.text-pd-orange {
  color: #FF9900 !important;
}

.text-pd-orange-900 {
  color: #5c3200 !important;
}

.text-pd-blue-green-500 {
  color: #64a1af;
}

.text-pd-blue-green-600 {
  color: #427580;
}

.text-pd-green-500 {
  color: #31b438;
}

.text-pd-grey-300 {
  color: #d6d6d6;
}

.text-pd-grey-400 {
  color: #c2c2c1;
}

.text-pd-grey-450 {
  color: #959493;
}

.text-pd-grey-500 {
  color: #5e5c5a;
}

.text-pd-grey-600 {
  color: #494846;
}

.text-pd-red-500 {
  color: #d64343;
}

.text-pd-orange-400 {
  color: #ffc266;
}

.text-pd-secondary-700 {
  color: #1870af;
}

.bg-pd-grey-100 {
  background: whitesmoke;
}

.bg-pd-grey-200 {
  background: #e6e6e5;
}

.bg-pd-orange-400 {
  background: #ffc266 !important;
}

.bg-pd-secondary-1000 {
  background: #003e6b !important;
}

.border-pd-orange-400 {
  border-color: #ffc266 !important;
}

a {
  color: #2680c0;
  text-decoration: none;
}

a:hover {
  color: #2680c0;
  text-decoration: underline;
}

input[type=radio] {
  margin-right: 5px;
}

.radio label {
  cursor: pointer;
}

.tinytip {
  font-size: 10px;
  color: #999999;
  padding: 2px 0 10px 0;
}

/*DIV AND STYLES FOR FULL-WIDTH OF TOP MENU HEADER*/
div#topbar {
  padding-top: 0;
}

div#topbar img#headlogo {
  float: left;
  margin-top: 1px;
  border: none;
}

/*DIV AND STYLES FOR NAVBAR TO THE RIGHT OF THE LOGO IN THE TOP MENU HEADER*/
div#topbar div#navbar {
  float: right;
  width: 700px;
  height: 34px;
}

/*DIV AND STYLES FOR MAIN MENU IN NAVBAR, WITH THE GRAY BACKGROUND*/
div#sitemenu {
  vertical-align: middle;
  font-size: 15px;
}

div#sitemenu img {
  padding-top: 3px;
  border: 0;
}

div#sitemenu span.mainlinks {
  display: block;
  padding: 5px 0 5px 0;
  /*changed the bottom padding from 6px to 5px*/
  border-right: 1px solid #999999;
  margin: 1px 0 1px 0;
}

div#sitemenu span.mainlinks a {
  color: #333333;
  text-decoration: none;
  padding: 6px 33px 5px 33px;
  /*changed bottom padding from 6px to 5px SHOULD BE 6px ON WIN*/
  border-right: 1px solid #999999;
  /*margin: 0px 0 0px 0;*/
  /*tried adding this to this style*/
}

div#sitemenu span.mainlinks a:hover {
  color: #FAFAFA;
}

div#sitemenu span.mainlinks a.on {
  color: #FAFAFA;
}

/*DIV AND STYLES FOR MAIN BODY OF PAGE*/
div#breadcrumbs {
  font-size: 0.8rem;
  color: #5e5c5a;
}

div#breadcrumbs a {
  color: #1870af;
  letter-spacing: 0.02rem;
}

#mainblock h1 {
  font-size: 1.4rem;
  margin-top: 1rem;
  font-weight: bold;
  color: #494846;
}

#mainblock h2 {
  font-size: 1rem;
  font-weight: bold;
  margin-top: 1rem;
  color: #494846;
}

#mainblock h2 a {
  color: #494846;
  text-decoration: none;
}

/*STYLES FOR PAGINATION*/
.page-item.active .page-link {
  background-color: #FF9900;
  border-color: #FF9900;
}

.page-link {
  color: #FF9900;
}

.page-link:hover {
  color: #FF9900;
}

.pd-table {
  width: 100%;
  margin-bottom: 1rem;
  border-spacing: 0;
  border-collapse: separate;
  border: 1px solid #d6d6d6;
  border-radius: 0.25rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.pd-table thead, .pd-table thead a {
  /*letter-spacing: 0.03rem;*/
  /*text-transform: uppercase;*/
  color: #444341;
  background: #e6e6e5;
  /*font-size: 0.8rem;*/
}

.pd-table th {
  padding: 0.75rem 0.5rem;
}

.pd-table .pd-table-heading {
  padding: 0.25rem 0.5rem 0;
  color: #5e5c5a;
  font-size: 0.8rem;
}

.pd-table tr.e {
  background: whitesmoke;
}

.pd-table td {
  padding: 0.5rem;
}

/*DIV AND STYLES FOR STANDARD DATA TABLE*/
table#maingrid {
  text-align: left;
  color: #444341;
  border-collapse: collapse;
  margin-bottom: 0.5rem;
}

@media (min-width: 576px) {
  table#maingrid {
    width: 100%;
  }
}
table#maingrid.noborder {
  border-top: none;
}

table#maingrid.padtop {
  margin-top: 20px;
}

table#maingrid th {
  font-weight: normal;
  padding: 5px;
  border-top: 1px solid #FF9900;
  /*aabcfe*/
  background: #d6d6d6;
  /*b9c9fe*/
  border-bottom: 1px solid #ffffff;
  vertical-align: bottom;
  white-space: nowrap;
  text-align: left;
}

table#maingrid th img {
  border: none;
  vertical-align: bottom;
}

table#maingrid .maingrid_head {
  border-bottom: 1px solid transparent;
}

table#maingrid th.noborder {
  border-top: 1px solid #d6d6d6;
  border-bottom: 1px solid #d6d6d6;
  /* Had to change this from border: none because seemed to be letting white bg come through */
}

table#maingrid th a {
  color: #494846;
  border-bottom: 1px dotted;
}

table#maingrid th a:hover {
  text-decoration: none;
}

table#maingrid th img {
  vertical-align: text-top;
}

table#maingrid th.wrap {
  white-space: normal;
}

table#maingrid th.superhead {
  position: relative;
  border-left: 1px solid #EFEFEF;
  border-top: 1px solid #EFEFEF;
  border-right: 1px solid #EFEFEF;
  border-bottom: 1px solid transparent;
}

table#maingrid tr {
  background: whitesmoke;
}

table#maingrid tr.e {
  background: whitesmoke;
}

table#maingrid tr.o {
  background: white;
}

table#maingrid td {
  vertical-align: top;
  padding: 5px;
  border-bottom: 1px solid #fff;
  border-top: 1px solid transparent;
}

table#maingrid tr:hover td {
  background: #fceec5;
}

/* STYLES FOR EXTENDING maingrid FOR THE SAAS PLAN BOX */
table#maingrid.selectplan {
  width: 720px;
}

table#maingrid.selectplan th {
  font-size: 24px;
  font-weight: normal;
  color: #333333;
  padding: 20px;
  background: #e6e6e5;
}

/*b9c9fe/
   border-left: 1px solid #ffffff;
   border-right: 1px solid #ffffff;
   border-bottom: 1px solid #ffffff;
   text-align: center;
   vertical-align: middle;
   white-space: normal;
}

table#maingrid.selectplan td {
   width: 316px;
   padding: 15px;
   border-left: 1px solid #ffffff;
   border-right: 1px solid #ffffff;
   font-size: 15px;
   text-align: left;
   white-space: normal;
}

table#maingrid.selectplan td div.plan_submit {
   text-align: center;
}

table#maingrid.selectplan td input.submit {
   font-size: 30px;
   margin-top: 20px;
}

/* STYLES FOR EXTENDING maingrid FOR REAL-TIME DEVICE EVENTS INTERFACE */
table#maingrid tr.channel_selected {
  background: #FFFFe6;
}

.ci {
  /*Use this class to center an icon in a maingrid table row.*/
  display: block;
  margin: 0 auto;
}

/*STYLES FOR SIMPLE GRID TABLE*/
table.simplegrid {
  padding: 0;
  margin: 0 0 10px 0;
  border-collapse: collapse;
}

table.simplegrid td {
  padding: 5px 5px 0 2px;
  margin: 0;
  vertical-align: top;
}

table.simplegrid td.left_label {
  font-weight: bold;
}

table.simplegrid td.right {
  text-align: right;
  padding: 5px 0 0 0;
}

/* STYLES FOR HEATMAP TABLE */
table#subarray-heatmap {
  table-layout: fixed;
  width: 720px;
  border-collapse: separate !important;
}

table#subarray-heatmap thead th {
  padding: 3px;
  width: 24px;
  text-align: center;
}

table#subarray-heatmap thead th.header_label {
  white-space: nowrap;
  width: 100px;
  text-align: left;
}

table#subarray-heatmap thead th.header_benchmark {
  white-space: nowrap;
  width: 35px;
  text-align: right;
}

table#subarray-heatmap tbody {
  padding: 3px;
}

table#subarray-heatmap tr {
  font-size: 12px;
  padding: 3px;
}

table#subarray-heatmap td {
  white-space: nowrap;
  padding: 3px;
  font-size: 10px;
}

table#subarray-heatmap td:hover {
  border-color: #FF9900;
}

table#subarray-heatmap td.channel_label {
  white-space: nowrap;
}

table#subarray-heatmap td.channel_benchmark {
  text-align: right;
}

/* CSS FOR TIMEPICKER */
.ui-timepicker-div .ui-widget-header {
  margin-bottom: 8px;
}

.ui-timepicker-div dl {
  text-align: left;
}

.ui-timepicker-div dl dt {
  float: left;
  clear: left;
  padding: 0 0 0 5px;
}

.ui-timepicker-div dl dd {
  margin: 0 10px 10px 45%;
}

.ui-timepicker-div td {
  font-size: 90%;
}

.ui-tpicker-grid-label {
  background: none;
  border: none;
  margin: 0;
  padding: 0;
}

.ui-timepicker-rtl {
  direction: rtl;
}

.ui-timepicker-rtl dl {
  text-align: right;
  padding: 0 5px 0 0;
}

.ui-timepicker-rtl dl dt {
  float: right;
  clear: right;
}

.ui-timepicker-rtl dl dd {
  margin: 0 45% 10px 10px;
}

/*STYLES FOR DATE-BASED TREND NAVIGATION TABLE*/
table.dategrid {
  width: 100%;
  border: 1px solid #EFEFEF;
  padding: 0;
  margin: 0;
  border-collapse: collapse;
}

table.dategrid th {
  font-size: 15px;
  font-weight: normal;
  color: #333333;
  padding: 5px;
  background: #EFEFEF;
  /*b9c9fe*/
  vertical-align: bottom;
  white-space: nowrap;
  text-align: center;
  border: none;
}

table.dategrid th.selected {
  border: 2px solid #666666;
  border-bottom: 0;
  border-collapse: collapse;
}

table.dategrid th.selected a {
  text-decoration: none;
}

table.dategrid td {
  padding: 5px 5px 5px 5px;
  margin: 0;
  text-align: center;
  vertical-align: top;
  font-size: 15px;
  border-left: 1px solid #EFEFEF;
  border-collapse: collapse;
}

table.dategrid td.selected {
  border: 2px solid #666666;
  border-top: 0;
  border-collapse: collapse;
}

/*DIV AND STYLES FOR SIDEBAR*/
div#sidebar div#sbheader {
  height: 24px;
  background: #FFFFFF url("../img/layout/sidebarorange_headerbg1.2ab57d93c895.gif") no-repeat;
  font-size: 13px;
  font-weight: bold;
  color: #FFFFCC;
  padding: 4px 0 0 24px;
}

div#sidebar div#sbmain {
  border-left: 1px solid #ffbe5e;
  border-right: 1px solid #ffbe5e;
  padding: 5px 0;
}

div#sidebar div#sbfooter {
  height: 5px;
  background: #ffffff url("../img/layout/sidebarorange_footerbg1.aaa1620ad0d1.gif") no-repeat;
}

div#sidebar div#sbbox {
  margin: 1px 6px 0 6px;
  width: 186px;
}

div#sidebar div#sbbox img {
  border: 0;
}

/*DIV AND STYLES FOR LOCAL NAVIGATION MENU*/
div#sidebar ul#localnav {
  width: 180px;
  margin: 0;
  padding: 0;
  list-style-type: none;
}

ul#localnav li {
  margin: 0;
  border-top: none;
  vertical-align: text-top;
  font-size: 13px;
  background-image: url("../img/icons/silk/asterisk_orange.64eac7d18998.gif");
  background-position: 4px 4px;
  background-repeat: no-repeat;
}

/* STYLES FOR A LIST OF CHECKMARKS */
div#text_checkmarks ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

div#text_checkmarks ul li {
  margin: 0;
  padding-left: 20px;
  border-top: none;
  vertical-align: text-top;
  /* background-image: none;*/
  background-position: -1px 1px;
  background-repeat: no-repeat;
}

div#text_checkmarks ul li {
  background-image: url("../img/icons/silk/tick.db73f31307a0.gif");
}

/*DIV AND STYLES FOR FOOTER*/
div#footer {
  clear: both;
  font-size: 11px;
  border-top: 1px solid #EFEFEF;
  padding: 7px 0 20px 1px;
}

/*GENERAL STYLES FOR FORMS*/
.asteriskField {
  color: #d64343;
  font-weight: bold;
  margin-left: 2px;
}

table.basicform input {
  margin: 8px 10px 10px 0;
  width: auto;
}

table.basicform select {
  margin: 8px 10px 10px 0;
}

table.basicform input[type=checkbox] {
  margin-top: 20px;
}

/*GENERAL STYLES FOR LIST FILTER FORMS*/
ul.errorlist {
  margin: 0;
  background-color: #FF9;
  padding: 3px;
  list-style-type: none;
  font-weight: bold;
}

ul.errorlist li {
  background-image: url("../img/icons/silk/exclamation_trans.ddf4a18654db.gif");
  background-repeat: no-repeat;
  padding-left: 25px;
}

td ul.errorlist li {
  display: inline;
}

div.warning {
  background-color: #FF9;
  padding: 2px;
}

.required {
  font-weight: bold;
  color: red;
}

.alert {
  margin: 0 0 1rem;
  border: none;
  border-left: 6px solid;
}

.alert-contents {
  padding-left: 28px;
}

.alert-info {
  color: #003e6b;
  background-color: #daedfb;
  border-color: #85c6f4;
}

.alert-info .fa-info-circle {
  position: absolute;
  top: 14px;
  font-size: 16px;
}

.alert-success {
  background-color: #e2f9e3;
  color: #012804;
  border-color: #31b438;
  font-weight: bold;
}

.alert-success .fa-check-circle {
  position: absolute;
  top: 14px;
  font-size: 16px;
}

.alert-warning {
  background-color: #fceec5;
  color: #392a04;
  border-color: #e9b949;
}

.alert-warning a {
  color: #392a04;
  text-decoration: underline;
}

.alert-warning a:hover {
  color: #392a04;
  text-decoration: none;
}

.alert-danger {
  background-color: #f8d8d8;
  color: #620404;
  border-color: #620404;
}

.alert-danger a {
  color: #620404;
  text-decoration: underline;
}

.alert-danger a:hover {
  color: #620404;
  text-decoration: none;
}

.alert-warning .fa-exclamation-circle,
.alert-danger .fa-exclamation-circle {
  position: absolute;
  top: 14px;
  font-size: 16px;
}

.ui-datepicker-trigger {
  vertical-align: middle;
}

/*GENERAL STYLES FOR INSTALL FORM*/
form.install input {
  font-size: 18px;
}

/* STYLES FOR ROUNDED CORNERS ON PHOTOS */
div#rounded1 {
  overflow: hidden;
  padding-top: 10px;
}

div#rounded1 div.wrapper {
  position: relative;
  float: left;
  vertical-align: top;
}

div#rounded1 div.wrapper img {
  float: left;
}

div#rounded1 div.wrapper div {
  position: absolute;
  width: 7px;
  height: 7px;
}

div#rounded1 div.wrapper div.tl {
  background: transparent url(https://s3.amazonaws.com/media.powerdash.com/img/layout/rounded1_tl.gif) top left no-repeat;
  left: 0;
  top: 0;
}

div#rounded1 div.wrapper div.tr {
  background: transparent url(https://s3.amazonaws.com/media.powerdash.com/img/layout/rounded1_tr.gif) top right no-repeat;
  right: 0;
  top: 0;
}

div#rounded1 div.wrapper div.bl {
  background: transparent url(https://s3.amazonaws.com/media.powerdash.com/img/layout/rounded1_bl.gif) bottom left no-repeat;
  left: 0;
  bottom: 0;
}

div#rounded1 div.wrapper div.br {
  background: transparent url(https://s3.amazonaws.com/media.powerdash.com/img/layout/rounded1_br.gif) bottom right no-repeat;
  right: 0;
  bottom: 0;
}

/*GENERAL STYLES FOR COMMON CHARTS*/
div#chartzoom {
  font-size: 11px;
}

div#chartzoom a {
  padding-left: 3px;
  text-decoration: underline;
}

div#chartzoom a.on {
  color: #6E6E6E;
  text-decoration: none;
}

/*WEATHER BOX*/
div#weatherbox {
  width: 185px;
  margin: 5px 5px 0 5px;
  display: flex;
  align-items: flex-start;
}

div#weatherbox i {
  margin-right: 5px;
  color: #FF9900;
  font-size: 3em;
}

div#weatherbox .weathertext {
  font-size: 1.1em;
}

/*EQUIVALENTS: LARGE HORIZONTAL BOX*/
div#equivalents_hlarge div.equivbox {
  width: 698px;
  height: 110px;
  text-align: center;
  border: 1px solid #EFEFEF;
  padding: 10px;
  margin-top: 10px;
  overflow: hidden;
}

div#equivalents_hlarge div.equivbox div.dash {
  margin: 0 auto 0 auto;
  width: 600px;
  clear: both;
  overflow: hidden;
}

div#equivalents_hlarge div.equivbox div.text {
  padding-top: 2px;
  padding-left: 105px;
  font-weight: bold;
  clear: both;
}

div#equivalents_hlarge div#equivbuttons {
  width: 400px;
  text-align: center;
  margin: 15px auto 0 auto;
}

div#equivalents_hlarge div#equivbuttons img {
  margin-right: 8px;
}

/*EQUIVALENTS: SMALL VERTICAL BOX*/
div#equivalents_vsmall div.equivbox {
  display: block;
}

div#equivalents_vsmall div.equivbox div.intro {
  margin: 10px;
  font-weight: bold;
}

div#equivalents_vsmall div.equivbox div.text {
  padding: 10px;
  clear: both;
  display: block;
}

div#equivalents_vsmall div.equivbox img.thumb {
  display: block;
  margin: 5px auto 0 auto;
}

/*ENERGY TIPS: LARGE HORIZONTAL BOX*/
div#energytips_hlarge div.tipbox {
  width: 698px;
  padding: 10px;
  margin-top: 10px;
  overflow: hidden;
}

div#energytips_hlarge img.tip_icon {
  float: left;
  margin-top: -6px;
  padding-right: 30px;
}

div#energytips_hlarge div.tipbox div.title {
  font-size: 16px;
  color: #5B7C25;
  font-weight: bold;
}

div#energytips_hlarge div.tipbox div.description {
  padding-right: 20px;
  font-size: 14px;
}

div#energytips_hlarge div.attribution {
  margin-top: 15px;
  font-size: 11px;
}

div#energytips_hlarge div.attribution a {
  border-bottom: 1px dotted;
}

.font-small {
  font-size: 0.8rem;
}

@media (min-width: 992px) {
  .border-right-lg {
    border-right: 1px solid #e6e6e5;
  }
}
@media (min-width: 992px) {
  .border-bottom-lg-none {
    border-bottom: none !important;
  }
}
/* Fix for jquery datepicker visible div; see http://stackoverflow.com/questions/9254128/datepicker-visible-glitch */
#ui-datepicker-div {
  display: none;
}

/*BOOTSTRAP CUSTOMIZATION*/
/* Main system list tabs*/
#tabs-syslist.nav-tabs {
  border-bottom: 0;
}

#tabs-syslist.nav-tabs .nav-link {
  border-color: #ff9900;
  color: #555;
  border-bottom: 0;
  padding: 0.5rem 0.8rem;
}

#tabs-syslist.nav-tabs .active {
  border-bottom: 1px solid #d6d6d6;
  margin-bottom: -1px;
}

#tabs-syslist.nav-tabs .active .nav-link {
  background-color: #d6d6d6;
}

#tabs-syslist.nav-tabs .nav-link:hover, #tabs-syslist.nav-tabs .nav-link:focus {
  border-color: #ff9900;
  background-color: #F9F9F9;
  color: #212529;
}

#tabs-syslist.nav-tabs .active .nav-link:hover {
  background-color: #d6d6d6;
}

.hiddenRow {
  padding: 0 !important;
}

@media (max-width: 767px) {
  .tab-content {
    border-top: 1px solid #d6d6d6;
    margin-right: -15px;
    padding-right: 15px;
  }
}
@media (min-width: 768px) {
  .tab-content {
    border: 1px solid #d6d6d6;
    border-radius: 0.25rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    padding: 0.5rem 1rem;
  }
}
.pd-card {
  border: 1px solid #d6d6d6;
  border-radius: 0.25rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.pd-card-header {
  background: #e6e6e5;
  color: #444341;
  margin-bottom: 0.5rem;
  padding: 0.5rem 1rem;
  font-weight: bold;
}

@media (max-width: 767px) {
  .pd-desktop-card {
    margin-right: -15px;
    padding-right: 15px;
  }
}
@media (min-width: 768px) {
  .pd-desktop-card {
    border: 1px solid #d6d6d6;
    border-radius: 0.25rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    padding: 0.5rem 1rem;
  }
}
.pd-tabs-outer {
  height: 41px;
  margin-bottom: -2px;
  overflow: hidden;
}

@media (max-width: 767px) {
  .pd-tabs-outer {
    margin-right: -15px;
  }
}
.pd-tabs-inner {
  height: 60px;
  white-space: nowrap;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  flex-wrap: nowrap;
  align-items: flex-start;
}

.pd-tab {
  padding: 0.5rem 1rem;
  color: #494846;
  border: 1px solid transparent;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.pd-tab:hover {
  color: #3c3b39;
  text-decoration: none;
}

.pd-tab.active {
  color: #3c3b39;
  box-shadow: -2px 0 3px -2px rgba(0, 0, 0, 0.15), 2px 0 3px -2px rgba(0, 0, 0, 0.15);
  font-weight: bold;
  border-color: #d6d6d6 #d6d6d6 #fff;
  border-bottom: 4px solid white;
}

.pd-tab.active.bg-pd-grey-200 {
  border-bottom: 4px solid #e6e6e5;
}

.popover {
  border: 0;
  max-width: none;
  width: 350px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
}

.popover h3 {
  font-size: 1em;
  font-weight: bold;
}

.popover-header {
  background: whitesmoke;
  color: #494846;
  padding: 0.75rem 0.75rem;
  border-bottom: 0;
}

[data-toggle=popover] {
  cursor: pointer;
}

.force-word-wrap {
  overflow-wrap: break-word;
  word-wrap: break-word;
}

/* Bootstrap form style modification for real-time write form because of potentially long input labels */
form#realtime_write_form label {
  white-space: normal;
}

/* chart controls */
div#chart_settings {
  font-size: 20px;
  cursor: pointer;
}

.fa {
  display: inline-block;
  height: 1em;
}