/*
    t-add-color: prints css to set a given font color, background color, etc. for a given colour scheme (depends on parameters).  This function 
    should be called in a loop of all colour schemes in $t-colourschemes with html.colorscheme as the first selector so that every client's colours are set. 

    Sample usage:
    @each $colourscheme in $t-colourschemes {
        html. {
                @include t-add-color($colourscheme, primary-color-A,background-color, 1,1,1,1);
        }
    }

    --Parameters--
    $colourscheme: must be a variable from the list $t-colourschemes as specified at the top of this page
    $color-selected: the chosen variable colour.  The list of available colours is the the first thing you will find below the declaration for the t-add-color function
    $mode: whether to print 'background-color', 'color', etc. Allowed choices:color, background-color, border-color, border-left-color, border-right-color, 
        border-top-color, border-bottom-color
    $tintpercent: create a tint of the chosen colour (i.e. blend with white). 1 is unblended, 0 is white, 0.5 is 50/50, etc.
    $shadepercent: create a shade of the chosen colour (i.e. blend with black).  1 is unblended, 0 is black, 0.5 is 50/50 etc.
    $tonepercent: create a tone of the chosen colour (i.e. blend with grey: rgb(127, 127,127)).  1 is unblended, 0 is grey, 0.5 is 50/50 etc.
    $opacitypercent: change the opacity (i.e. make it partially translucent). 1 is solid, 0 is entirely translucent, 50/50 is half-translucent, etc.  

*/
.main-header-text {
  font-size: 30px;
  color: White;
}

html.custom-color-ute2 .main-header-text {
  /*Beginning of possible choices for "$color-selected":*/
  /*end of possible choices for "$color-selected":*/
  /*Variables used internally*/
  color: white;
}
html.custom-color-ute2 .intro-man {
  font-size: 20px;
  padding: 4px;
  vertical-align: middle;
  /*Beginning of possible choices for "$color-selected":*/
  /*end of possible choices for "$color-selected":*/
  /*Variables used internally*/
  color: #005d95;
}

html.custom-color-default .main-header-text {
  /*Beginning of possible choices for "$color-selected":*/
  /*end of possible choices for "$color-selected":*/
  /*Variables used internally*/
  color: white;
}
html.custom-color-default .intro-man {
  font-size: 20px;
  padding: 4px;
  vertical-align: middle;
  /*Beginning of possible choices for "$color-selected":*/
  /*end of possible choices for "$color-selected":*/
  /*Variables used internally*/
  color: blue;
}

html.custom-color-rsd .main-header-text {
  /*Beginning of possible choices for "$color-selected":*/
  /*end of possible choices for "$color-selected":*/
  /*Variables used internally*/
  color: white;
}
html.custom-color-rsd .intro-man {
  font-size: 20px;
  padding: 4px;
  vertical-align: middle;
  /*Beginning of possible choices for "$color-selected":*/
  /*end of possible choices for "$color-selected":*/
  /*Variables used internally*/
  color: #00afd7;
}

html.custom-color-hruv .main-header-text {
  /*Beginning of possible choices for "$color-selected":*/
  /*end of possible choices for "$color-selected":*/
  /*Variables used internally*/
  color: white;
}
html.custom-color-hruv .intro-man {
  font-size: 20px;
  padding: 4px;
  vertical-align: middle;
  /*Beginning of possible choices for "$color-selected":*/
  /*end of possible choices for "$color-selected":*/
  /*Variables used internally*/
  color: #969696;
}

html.custom-color-utxt .main-header-text {
  /*Beginning of possible choices for "$color-selected":*/
  /*end of possible choices for "$color-selected":*/
  /*Variables used internally*/
  color: white;
}
html.custom-color-utxt .intro-man {
  font-size: 20px;
  padding: 4px;
  vertical-align: middle;
  /*Beginning of possible choices for "$color-selected":*/
  /*end of possible choices for "$color-selected":*/
  /*Variables used internally*/
  color: #7d9aaa;
}

.main-header {
  padding-top: 10px;
}

.sub-header {
  padding: 5px 3px;
  font-size: 18px;
  color: #009ddc;
  font-weight: bold;
  text-align: left;
}

html.custom-color-ute2 .sub-header {
  /*Beginning of possible choices for "$color-selected":*/
  /*end of possible choices for "$color-selected":*/
  /*Variables used internally*/
  color: #005d95;
}

html.custom-color-default .sub-header {
  /*Beginning of possible choices for "$color-selected":*/
  /*end of possible choices for "$color-selected":*/
  /*Variables used internally*/
  color: blue;
}

html.custom-color-rsd .sub-header {
  /*Beginning of possible choices for "$color-selected":*/
  /*end of possible choices for "$color-selected":*/
  /*Variables used internally*/
  color: #00afd7;
}

html.custom-color-hruv .sub-header {
  /*Beginning of possible choices for "$color-selected":*/
  /*end of possible choices for "$color-selected":*/
  /*Variables used internally*/
  color: #969696;
}

html.custom-color-utxt .sub-header {
  /*Beginning of possible choices for "$color-selected":*/
  /*end of possible choices for "$color-selected":*/
  /*Variables used internally*/
  color: #7d9aaa;
}

.sub-sub-header {
  padding: 5px 5px;
  font-size: 18px;
  color: #003366;
  text-align: left;
}

.ytd-header {
  padding: 5px 3px;
  font-size: 17px;
  /*color:#009ddc;
  font-weight: bold;*/
  text-align: left;
}

.ytd-header-icon {
  height: 18px;
  width: 16px;
}

.dashboard-summary-outer {
  /*position:absolute; 
  left:0; 
  top:0; 
  z-index:10;*/
  float: left;
  width: 684px;
  height: 490px;
  background-color: white;
}

.summary-table-large {
  /*    position:absolute; 
      left:0; 
      top:0; 
      z-index:10; */
  margin: 0 auto;
  background-color: white;
  border-spacing: 0px;
  height: 540px;
  width: 750px;
}

.summary-table-small {
  /*    position:absolute; 
      left:0; 
      top:0; 
      z-index:10; */
  margin: 0 auto;
  background-color: white;
  border-spacing: 0px;
  height: 300px;
  width: 750px;
}

.summary-table-very-small {
  /*    position:absolute; 
      left:0; 
      top:0; 
      z-index:10; */
  margin: 0 auto;
  background-color: white;
  border-spacing: 0px;
  height: 150;
  width: 750px;
}

.dashboard-summary-outer-table td, .dashboard-summary-outer-table tr, .dashboard-summary-outer-table {
  border-width: 0px;
}

.dashboard-summary-icon-holder {
  background-color: white;
  float: left;
}

.dashboard-summary-icon {
  height: 60px;
  margin-left: 5px;
  margin-top: 10px;
  margin-right: 10px;
}

.dashboard-summary-icon-historical {
  background-image: url("../images/icons/menu/historical.png");
  height: 60px;
  width: 60px;
  background-size: 60px 60px;
  margin-left: 5px;
  margin-top: 10px;
  margin-right: 10px;
}

html.custom-color-dynamic .dashboard-summary-icon-historical {
  background-image: url("../images/dynamiccolortest.jpg");
  height: 60px;
  width: 60px;
  background-size: 60px 60px;
  margin-left: 5px;
  margin-top: 10px;
  margin-right: 10px;
}

html.custom-color-et .dashboard-summary-icon-historical {
  background-image: url("../images/icons/menu/historical.png");
  height: 60px;
  width: 60px;
  background-size: 60px 60px;
  margin-left: 5px;
  margin-top: 10px;
  margin-right: 10px;
}

.dashboard-summary-icon-submeterprofiler {
  background-image: url("../images/icons/menu/submeterprofiler.png");
  height: 60px;
  width: 60px;
  background-size: 60px 60px;
  margin-left: 5px;
  margin-top: 10px;
  margin-right: 10px;
}

html.custom-color-dynamic .dashboard-summary-icon-submeterprofiler {
  background-image: url("../images/dynamiccolortest.jpg");
  height: 60px;
  width: 60px;
  background-size: 60px 60px;
  margin-left: 5px;
  margin-top: 10px;
  margin-right: 10px;
}

html.custom-color-et .dashboard-summary-icon-submeterprofiler {
  background-image: url("../images/icons/menu/submeterprofiler.png");
  height: 60px;
  width: 60px;
  background-size: 60px 60px;
  margin-left: 5px;
  margin-top: 10px;
  margin-right: 10px;
}

.dashboard-summary-icon-benchmarking {
  background-image: url("../images/icons/menu/benchmarking.png");
  height: 60px;
  width: 60px;
  background-size: 60px 60px;
  margin-left: 5px;
  margin-top: 10px;
  margin-right: 10px;
}

html.custom-color-dynamic .dashboard-summary-icon-benchmarking {
  background-image: url("../images/dynamiccolortest.jpg");
  height: 60px;
  width: 60px;
  background-size: 60px 60px;
  margin-left: 5px;
  margin-top: 10px;
  margin-right: 10px;
}

html.custom-color-et .dashboard-summary-icon-benchmarking {
  background-image: url("../images/icons/menu/benchmarking.png");
  height: 60px;
  width: 60px;
  background-size: 60px 60px;
  margin-left: 5px;
  margin-top: 10px;
  margin-right: 10px;
}

.dashboard-summary-icon-emissionsreporting {
  background-image: url("../images/icons/menu/emissionsreporting.png");
  height: 60px;
  width: 60px;
  background-size: 60px 60px;
  margin-left: 5px;
  margin-top: 10px;
  margin-right: 10px;
}

html.custom-color-dynamic .dashboard-summary-icon-emissionsreporting {
  background-image: url("../images/dynamiccolortest.jpg");
  height: 60px;
  width: 60px;
  background-size: 60px 60px;
  margin-left: 5px;
  margin-top: 10px;
  margin-right: 10px;
}

html.custom-color-et .dashboard-summary-icon-emissionsreporting {
  background-image: url("../images/icons/menu/emissionsreporting.png");
  height: 60px;
  width: 60px;
  background-size: 60px 60px;
  margin-left: 5px;
  margin-top: 10px;
  margin-right: 10px;
}

.dashboard-summary-icon-budgettracking {
  background-image: url("../images/icons/menu/budgettracking.png");
  height: 60px;
  width: 60px;
  background-size: 60px 60px;
  margin-left: 5px;
  margin-top: 10px;
  margin-right: 10px;
}

html.custom-color-dynamic .dashboard-summary-icon-budgettracking {
  background-image: url("../images/dynamiccolortest.jpg");
  height: 60px;
  width: 60px;
  background-size: 60px 60px;
  margin-left: 5px;
  margin-top: 10px;
  margin-right: 10px;
}

html.custom-color-et .dashboard-summary-icon-budgettracking {
  background-image: url("../images/icons/menu/budgettracking.png");
  height: 60px;
  width: 60px;
  background-size: 60px 60px;
  margin-left: 5px;
  margin-top: 10px;
  margin-right: 10px;
}

.dashboard-summary-icon-arrow-down {
  font-size: 24px;
  color: #33D173;
}

.dashboard-summary-icon-arrow-up {
  font-size: 24px;
  color: #FA8C16;
}

html.custom-color-dynamic .dashboard-summary-icon-arrow-down {
  color: #33D173;
}

html.custom-color-dynamic .dashboard-summary-icon-arrow-up {
  color: #FA8C16;
}

html.custom-color-et .dashboard-summary-icon-arrow-down {
  color: #00ACC8;
}

html.custom-color-et .dashboard-summary-icon-arrow-up {
  color: #DF7227;
}

html.custom-color-rsd .dashboard-summary-icon-arrow-down {
  color: #97D700;
}

html.custom-color-rsd .dashboard-summary-icon-arrow-up {
  color: #007FA3;
}

.isLarge {
  font-size: 36px;
}

.isMedium {
  font-size: 24px;
}

.isSmall {
  font-size: 18px;
}

.dashboard-summary-contents-main-text {
  padding-left: 3px;
  text-align: left;
  font-size: 14pt;
  color: #595a5d;
  padding-top: 4px;
}

.dashboard-summary-vs-text {
  background-color: White;
  font-size: 11pt;
  color: #595a5d;
  text-align: left;
  padding-left: 15px;
}

html.custom-color-ute2 .dashboard-summary-vs-text {
  /*Beginning of possible choices for "$color-selected":*/
  /*end of possible choices for "$color-selected":*/
  /*Variables used internally*/
  color: #595a5d;
}
html.custom-color-ute2 .dashboard-summary-contents-main-text {
  /*Beginning of possible choices for "$color-selected":*/
  /*end of possible choices for "$color-selected":*/
  /*Variables used internally*/
  color: #595a5d;
}

html.custom-color-default .dashboard-summary-vs-text {
  /*Beginning of possible choices for "$color-selected":*/
  /*end of possible choices for "$color-selected":*/
  /*Variables used internally*/
  color: #595a5d;
}
html.custom-color-default .dashboard-summary-contents-main-text {
  /*Beginning of possible choices for "$color-selected":*/
  /*end of possible choices for "$color-selected":*/
  /*Variables used internally*/
  color: #595a5d;
}

html.custom-color-rsd .dashboard-summary-vs-text {
  /*Beginning of possible choices for "$color-selected":*/
  /*end of possible choices for "$color-selected":*/
  /*Variables used internally*/
  color: #595a5d;
}
html.custom-color-rsd .dashboard-summary-contents-main-text {
  /*Beginning of possible choices for "$color-selected":*/
  /*end of possible choices for "$color-selected":*/
  /*Variables used internally*/
  color: #595a5d;
}

html.custom-color-hruv .dashboard-summary-vs-text {
  /*Beginning of possible choices for "$color-selected":*/
  /*end of possible choices for "$color-selected":*/
  /*Variables used internally*/
  color: #595a5d;
}
html.custom-color-hruv .dashboard-summary-contents-main-text {
  /*Beginning of possible choices for "$color-selected":*/
  /*end of possible choices for "$color-selected":*/
  /*Variables used internally*/
  color: #595a5d;
}

html.custom-color-utxt .dashboard-summary-vs-text {
  /*Beginning of possible choices for "$color-selected":*/
  /*end of possible choices for "$color-selected":*/
  /*Variables used internally*/
  color: #595a5d;
}
html.custom-color-utxt .dashboard-summary-contents-main-text {
  /*Beginning of possible choices for "$color-selected":*/
  /*end of possible choices for "$color-selected":*/
  /*Variables used internally*/
  color: #595a5d;
}

.dashboard-summary-contents-main-background {
  background-color: #f4f4f5;
}

.dashboard-summary-contents-header-text {
  padding-left: 3px;
  padding-top: 13px;
  font-size: 20px;
  color: #004b8d;
  font-weight: bold;
  text-align: left;
}

html.custom-color-ute2 .dashboard-summary-contents-header-text {
  /*Beginning of possible choices for "$color-selected":*/
  /*end of possible choices for "$color-selected":*/
  /*Variables used internally*/
  color: #00758d;
}

html.custom-color-default .dashboard-summary-contents-header-text {
  /*Beginning of possible choices for "$color-selected":*/
  /*end of possible choices for "$color-selected":*/
  /*Variables used internally*/
  color: blue;
}

html.custom-color-rsd .dashboard-summary-contents-header-text {
  /*Beginning of possible choices for "$color-selected":*/
  /*end of possible choices for "$color-selected":*/
  /*Variables used internally*/
  color: #007fa3;
}

html.custom-color-hruv .dashboard-summary-contents-header-text {
  /*Beginning of possible choices for "$color-selected":*/
  /*end of possible choices for "$color-selected":*/
  /*Variables used internally*/
  color: #2732b4;
}

html.custom-color-utxt .dashboard-summary-contents-header-text {
  /*Beginning of possible choices for "$color-selected":*/
  /*end of possible choices for "$color-selected":*/
  /*Variables used internally*/
  color: #002664;
}

.dashboard-summary-contents {
  float: left;
}

.dashboard-summary-contents-explanatory-text {
  text-align: left;
  padding-top: 5px;
  font-size: 12px;
  color: #666666;
  padding-left: 3px;
  height: 15px;
}

html.custom-color-ute2 .dashboard-summary-contents-explanatory-text {
  /*Beginning of possible choices for "$color-selected":*/
  /*end of possible choices for "$color-selected":*/
  /*Variables used internally*/
  color: #666666;
}

html.custom-color-default .dashboard-summary-contents-explanatory-text {
  /*Beginning of possible choices for "$color-selected":*/
  /*end of possible choices for "$color-selected":*/
  /*Variables used internally*/
  color: #666666;
}

html.custom-color-rsd .dashboard-summary-contents-explanatory-text {
  /*Beginning of possible choices for "$color-selected":*/
  /*end of possible choices for "$color-selected":*/
  /*Variables used internally*/
  color: #666666;
}

html.custom-color-hruv .dashboard-summary-contents-explanatory-text {
  /*Beginning of possible choices for "$color-selected":*/
  /*end of possible choices for "$color-selected":*/
  /*Variables used internally*/
  color: #666666;
}

html.custom-color-utxt .dashboard-summary-contents-explanatory-text {
  /*Beginning of possible choices for "$color-selected":*/
  /*end of possible choices for "$color-selected":*/
  /*Variables used internally*/
  color: #666666;
}

#howWeDoing {
  margin-top: 30px;
}

#howWeDoing label.doingTodayTextCSS {
  font-size: 25pt;
}

#howWeDoing table.howWeDoingTables {
  border: 0px;
  padding: 0px;
  margin: 0 auto;
  width: 100%;
}

#howWeDoing th, td {
  border: 0px;
  padding: 0px;
  margin: 0px;
}

#howWeDoing label.doingLongerTextCSS {
  font-size: 15pt;
  float: left;
}

#howWeDoing img.doingTodayArrowCSS {
  float: left;
}

#howWeDoing img.doingLongerArrowCSS {
  float: left;
}

#howWeDoing div.tickLabel {
  font-size: 15pt;
  width: 40px;
  /*margin-left:75px;*/
}

#howWeDoing.weekly div.tickLabel {
  margin-left: 66px;
}

#howWeDoing label.legendTextCSS {
  font-size: 15pt;
  float: left;
}

#howWeDoing td.legendTextCSS {
  font-size: 15pt;
}

#howWeDoing div.legendColorCSS {
  width: 20px;
  height: 20px;
  background-color: Black;
}

#howWeDoing table#chartLegend {
  margin-left: 180px;
  margin-top: 15px;
  /*display:inline-block;*/
}

#animationLocation {
  float: left;
  margin-bottom: 15px;
  margin-top: 0px;
}

#dashboard-summary-holder {
  /*float:left; */
  width: 100%;
}

#dashboard-location-lower {
  /*padding-top:30px;*/
  float: left;
  margin-left: 190px;
}

div.partial-data-note-text {
  font-size: 10pt;
}

.intro-button {
  float: right;
  margin: 3px;
}

.intro-button-text {
  position: relative;
  padding-left: 28px;
}

.running-man-button {
  position: absolute;
  height: 22px;
  max-height: 22px;
  width: 28px;
  left: 0px;
}

.invisible {
  display: none;
}

/*# sourceMappingURL=dashboardTenant.css.map */