body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #000;
  background-color: #fff;
}

.container-fluid {
  padding-right: 0px !important;
  padding-left: 0px !important;
}

/*This will work on every browser*/
.table-fixed thead th {
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  z-index: 999;
}

tbody tr[aria-expanded=true] td {
  font-weight: bold;
}

tbody tr[aria-expanded=true] td i.fa-circle-plus:before {
  /*        content: "\f056" !important;
          font-family: FontAwesome;
          font-style: normal;
          font-weight: normal;
          text-decoration: inherit;
          display: inline-block;
          vertical-align: middle;
          margin-left: 5px;*/
}

/*tbody tr td {
    text-align: right;
}*/
/* To change progress bar and color of text to stand out
    .Red-Progress {
    background-color: RGBA(255,0,0,0.7);
    color:black;
}*/
.panel-heading dl.oeeReport dt, .panel-heading dl.oeeReport dd {
  margin: 0px 15px;
}

.panel-heading strong {
  margin: 0px 15px;
}

.carousel-inner .item.active {
  background-color: #f9f9f9;
}

ul.dropdown-menu .filter-dropdown-menu {
  width: unset;
  position: static;
  float: none;
  min-width: unset;
}

.nav-stacked > li > a.dropdown-toggle {
  /*border-radius: 0;
  border-top: 0;*/
  /*border-left: 3px solid transparent;*/
  /*color: #444;
  border-left-color: rgb(51, 122, 183);
  border-left-style: none;
  border-left-width: 0px;*/
}

#DIN .OEEDetail .panel.panel-round {
  /*margin: 20px;*/
}

#DIN .OEEDetail .panel-heading {
  padding: 10px 15px;
}

/* The device with borders */
.smartphone {
  position: relative;
  width: 360px;
  height: 640px;
  margin: auto;
  border: 16px black solid;
  border-top-width: 60px;
  border-bottom-width: 60px;
  border-radius: 36px;
}

/* The horizontal line on the top of the device */
.smartphone:before {
  content: "";
  display: block;
  width: 60px;
  height: 5px;
  position: absolute;
  top: -30px;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #333;
  border-radius: 10px;
}

/* The circle on the bottom of the device */
.smartphone:after {
  content: "";
  display: block;
  width: 35px;
  height: 35px;
  position: absolute;
  left: 50%;
  bottom: -65px;
  transform: translate(-50%, -50%);
  background: #333;
  border-radius: 50%;
}

/* The screen (or content) of the device */
.smartphone .content {
  width: 360px;
  height: 640px;
  background: white;
}

/*stackign glyphicons*/
.icon-stack {
  display: inline-block;
  height: 2em;
  line-height: 2em;
  position: relative;
  vertical-align: -35%;
  width: 2em;
}

.icon-stack .icon-stack-base {
  font-size: 2em;
}

.icon-stack [class^=icon-], .icon-stack [class*=" icon-"] {
  display: block;
  font-size: 1em;
  height: 100%;
  line-height: inherit;
  position: absolute;
  text-align: center;
  width: 100%;
}

.icon-stack .glyphicon {
  font-size: 2em;
}

/**/
.nav-tabs .active {
  background-color: #fff;
  color: white;
}

.remove-margin-right {
  margin-right: 0px;
}

.progress .progress-bar-Gemba:first-child {
  z-index: 1;
}

.progress-bar-Gemba {
  text-align: left;
  white-space: nowrap;
  overflow: visible;
  color: #000;
  position: relative;
}

/*.progress-bar-Gemba.progress-bar-success {
        color: #FFF;
    }*/
.gemba-box {
  border-top-color: rgb(187, 187, 187) !important;
  position: relative !important;
  border: 1px solid #BBB !important;
  background-color: rgb(255, 255, 255) !important;
}

.gemba-box.panel-fullscreen {
  display: block;
  /*z-index: 9999;*/
  z-index: 1030;
  position: fixed !important;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  overflow: auto;
}

.gemba-box > div > div > button.toggle-expand-btn > i:before {
  content: "\f424";
}

.gemba-box.panel-fullscreen > div > div > button.toggle-expand-btn > i:before {
  content: "\f422"; /* this is your text. You can also use UTF-8 character codes as I do here */
  /*left: -5px;
      position: absolute;
      top: 0;*/
}

.TotalTime {
  /*background-color: #0F3700;*/
}

.PlannedDowntime {
  /*background-color: #865E39;*/
}

.PlannedProduction {
  /*background-color: #1B6600;*/
}

.OperatingTime {
  /*background-color: #268F00;*/
}

.Net Operating {
  /*background-color: #2FAF00;*/
}

.UnaccountedTime {
  /*background-color: #FFD400;*/
}

.UnplannedDowntime {
  /*background-color: #FFAA00;*/
}

.LostSpeedTime, .PerfSpeed {
  /*background-color: #00FFFF;*/
}

.LostMinorStopTime {
  /*background-color: #0000FF;*/
}

.RecoveredTime, .Effective {
  /*background-color: #40F100;*/
}

.LostRejectMins {
  /*background-color: #FF0000;*/
}

.OEEDetail .panel, .OEEDetail dl, #DIN .panel, #DIN dl {
  margin: 0px;
}

.OEEDetail .panel-heading {
  padding: 0px;
}

.OEEDetail .panel-heading .dl-horizontal dt {
  text-align: left;
}

.OEEDetail .panel-body, #DIN .panel-body {
  padding: 0px 0px 3px 5px;
}

.OEEDetail .progress {
  margin-bottom: 0px;
}

.Effectiveness .panel {
  border-left-width: 5px;
}

.warnign {
  background-color: #f0ad4e;
}

/* fix = code from bootstrap 3 */
tbody.collapse.in {
  display: table-row-group;
}

.dl-horizontal.oeeReport dd {
  /*margin-left: 350px;*/
}

.dl-horizontal.oeeReport dt {
  /*float: left;*/
  /*width: 260px;*/
  /*overflow: hidden;
  clear: left;
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;*/
}

.titleLabel {
  font-weight: bold;
  /*float: left;
  text-align: right;*/
}

.Red {
  color: #c1272d;
}

.titleLabel.Red {
  color: #FF0000;
}

/* Grey out*/
.grey-out {
  filter: grayscale(0.5) blur(10px);
  z-index: -1;
  pointer-events: none;
  user-select: none;
}

/* Radio button modern design*/
.switch-field {
  display: flex;
  margin-bottom: 36px;
  overflow: hidden;
}

.switch-field input {
  position: absolute !important;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  width: 1px;
  border: 0;
  overflow: hidden;
}

.switch-field label {
  background-color: #e4e4e4;
  color: rgba(0, 0, 0, 0.6);
  font-size: 14px;
  line-height: 1;
  text-align: center;
  padding: 8px 16px;
  margin-right: -1px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
  transition: all 0.1s ease-in-out;
}

.switch-field label:hover {
  cursor: pointer;
}

.switch-field input:checked + label {
  background-color: #a5dc86;
  box-shadow: none;
}

.switch-field label:first-of-type {
  border-radius: 4px 0 0 4px;
}

.switch-field label:last-of-type {
  border-radius: 0 4px 4px 0;
}

/**/
@media (max-width: 768px) {
  /*.action-sm-viewport {*/
  .jstree {
    font-size: 18px;
  }
}
@media (min-width: 768px) {
  /*.action-sm-viewport {*/
  .jstree {
    font-size: 14px;
  }
}
@media (min-width: 992px) {
  /*.action-md-viewport {*/
}
@media (min-width: 1200px) {
  /*.action-lg-viewport {*/
}
#ActionTable.form-group, #ActionTable .table {
  margin-bottom: 0px;
}

textarea {
  resize: none;
}

.remove-Padding-Left {
  padding-left: 0px;
}

.remove-Padding-Right {
  padding-right: 0px;
}

/*==== Modal sizing ===== */
.modal {
  height: 100%;
}

#modal-dialog {
  /*height: 90%;*/
  max-height: 90%;
}

/*
    #modal-dialog.max90height {
        height: 90%;
    }*/
.modal-content {
  height: 98%;
}

@media (min-width: 768px) {
  .modal-content {
    height: calc(100% - 28px);
    /*height: calc(100% - 110px);*/
  }
}
#myModalContent {
  height: 100%;
  border-radius: 6px;
}

.modal-header {
  height: 9%;
  /*min-height: fit-content;*/
  min-height: 62px;
}

.modal-footer {
  /*height: 9%;*/
}

#myModalContent .box {
  height: 100%;
  border-radius: 6px;
}

#myModalContent, #myModalContent .box, .modal-content {
  border-radius: 6px;
}

.box Form {
  /*height: 91%;*/
  height: calc(91% - 30px);
}

#myModalContent Form {
  height: calc(100% - 62px);
  /*height: 91%;*/
  /*height: calc(91% - 30px);*/
}

.row.modal-body {
  height: 91%;
  /*height: calc(91% - 30px);*/
}

.modal-body.delete, #myDeleteModalContent {
  height: auto;
  /*height: calc(91% - 30px);*/
}

.modal-body {
  height: calc(100% - 64px);
  /*height: calc(100% - 92px);*/
  /*height: 100%;*/
  /*height: calc(91% - 30px);*/
  overflow-x: hidden;
  overflow-y: auto;
  /* padding-right: 0px; */
  background-color: white;
}

.modal-body.row {
  margin-right: 0px;
  margin-left: 0px;
}

.modal-alert-container .alert {
  margin-bottom: 0px;
}

/*.modal-alert-container .alert .close {
    float: none;
}*/
/*==== Modal sizing End ===== */
table.ViewComment {
  /*width: 30px;*/
  /*width: 100%;*/
  width: calc(100% - 0px);
  overflow: hidden;
  display: inline-block;
  /*white-space: nowrap;*/
}

table.ViewComment tbody {
  /*width: 30px;*/
  /*width: 100%;*/
  width: calc(100% - 0px);
  overflow: hidden;
  display: inline-block;
  /*white-space: nowrap;*/
}

table.ViewComment tr {
  /*width: 30px;*/
  /*width: 100%;*/
  width: calc(100% - 0px);
  overflow: hidden;
  display: block;
  /*white-space: nowrap;*/
}

table.ViewComment td {
  /*width: 30px;*/
  /*width: 100%;*/
  width: calc(100% - 0px);
  overflow: hidden;
  display: inline-block;
  /*white-space: nowrap;*/
}

.wordwrap {
  /*white-space: pre-wrap;*/ /* CSS3 */
  /*white-space: -moz-pre-wrap;*/ /* Firefox */
  /*white-space: -pre-wrap; /* Opera <7 */
  /*white-space: -o-pre-wrap; /* Opera 7 */
  white-space: normal; /* CSS3 */
  white-space: -moz-normal; /* Firefox */
  white-space: -normal; /* Opera <7 */
  white-space: -o-normal; /* Opera 7 */
  word-wrap: break-word; /* IE */
}

#navbar-header {
  /*background-color: #333;*/
  z-index: 1039; /*10050;*/
  position: fixed;
  top: -60px;
  width: 100%;
  display: block;
  transition: top 0.8s;
}

#navbar-header a {
  float: left;
  display: block;
  /*color: #f2f2f2;*/
  /*text-align: center;*/
  /*padding: 15px;*/
  /*text-decoration: none;*/
  /*font-size: 17px;*/
}

#navbar-header a:hover {
  background-color: #ddd;
  color: black;
}

#navlogoutForm a {
  float: none;
}

#mySlideInSidenav button, #mySlideInSidenav .RangeDP {
  position: fixed;
  /*position: absolute;*/
  /*left: -80px;*/
  right: -80px;
  transition: 0.3s;
  padding: 15px;
  width: 100px;
  text-decoration: none;
  font-size: 20px;
  color: #7E7F7F;
  border-radius: 0 5px 5px 0;
}

#mySlideInSidenav button:hover, #mySlideInSidenav .RangeDP:hover {
  /*left: 0px;*/
  right: 0px;
}

#mySlideInSidenav.FilterClosed button, #mySlideInSidenav.FilterClosed .RangeDP {
  /*left: -80px;*/
  right: -80px;
}

#mySlideInSidenav.FilterClosed button:hover, #mySlideInSidenav.FilterClosed .RangeDP:hover {
  /*left: 0px;*/
  right: 0px;
}

#mySlideInSidenav button.font-weight-bold {
  text-align: left;
  right: -67px;
  background: #4CAF50 !important;
  color: white;
}

@media (max-width: 768px) {
  .modal-content {
    /*border: 20px solid rgba(0, 0, 0, .2) !important;*/
  }
}
@media (min-width: 768px) {
  #mySlideInSidenav.FilterClosed button, #mySlideInSidenav.FilterClosed .RangeDP {
    /*left: -80px;*/
    right: -80px;
  }
  #mySlideInSidenav.FilterClosed button:hover, #mySlideInSidenav.FilterClosed .RangeDP:hover {
    /*left: 0px;*/
    right: 0px;
  }
}
@media (min-width: 992px) {
  #navbar-header {
    /*background-color: #333;*/
    z-index: initial;
    position: relative;
    top: 0px;
    width: 100%;
    display: block;
    transition: top 0.8s;
  }
  #ToggleSlideInMenu {
    display: none;
  }
  #mySlideInSidenav.FilterClosed button, #mySlideInSidenav.FilterClosed .RangeDP {
    /*left: -80px;*/
    right: -80px;
  }
  #mySlideInSidenav.FilterClosed button:hover, #mySlideInSidenav.FilterClosed .RangeDP:hover {
    /*left: 0px;*/
    right: 0px;
  }
}
@media (min-width: 1200px) {
  #navbar-header {
    /*background-color: #333;*/
    z-index: initial;
    position: relative;
    top: 0px;
    width: 100%;
    display: block;
    transition: top 0.8s;
  }
  #ToggleSlideInMenu {
    display: none;
  }
  #mySlideInSidenav.FilterClosed button, #mySlideInSidenav.FilterClosed .RangeDP {
    /*left: -80px;*/
    right: -80px;
  }
  #mySlideInSidenav.FilterClosed button:hover, #mySlideInSidenav.FilterClosed .RangeDP:hover {
    /*left: 0px;*/
    right: 0px;
  }
}
.SlideInOEEData {
  top: 80px;
  background-color: #4CAF50;
  z-index: 10001;
}

.SlideInAvailData {
  top: 140px;
  background-color: #2196F3;
  z-index: 10001;
}

.SlideInPerfData {
  top: 200px;
  background-color: #f44336;
  z-index: 10001;
}

.SlideInQualData {
  top: 260px;
  background-color: #555;
  z-index: 10001;
}

.RangeDP {
  top: 320px;
  background-color: #555;
  z-index: 10001;
}

/*select {
    text-align: center;
    text-align-last: center;
}

option {
    text-align: left;
}*/
#Tab-Body-container {
  min-height: 406px;
}

@media (min-width: 768px) {
  .form-horizontal .control-label.control-label-Left {
    text-align: left;
  }
}
.form-horizontal .control-label.control-label-NoPad {
  padding-top: 0px;
}

@media (min-width: 1600px) {
  .form-horizontal .control-label.control-label-Pad-lg {
    padding-top: 7px;
  }
}
/*@media (min-width: 768px) {
    .col-sm-15 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}

*/
.gemba-system-text {
  /*background-color: blue;*/
  color: blue;
}

.gemba-orange-text {
  color: orange;
}

.gemba-green-text {
  color: limegreen;
}

.gemba-red-text {
  color: #FF0000;
}

.glyphicon-warning-sign.gemba-orange-text {
  margin-top: 1em;
  color: orange;
  font-size: 1.5em;
}

.glyphicon-warning-sign.gemba-green-text {
  margin-top: 1.5em;
  color: limegreen;
}

.glyphicon-warning-sign.gemba-red-text {
  margin-top: 0.5em;
  color: #FF0000;
  font-size: 2em;
}

tr.alert-danger {
  background-color: #f2dede !important;
}

tr.alert-warning {
  background-color: #fcf8e3 !important;
}

.panel-default.panel-round {
  border-radius: 10px;
}

.panel-default > .SidebarOpen.panel-heading-gemba {
  min-height: 74px;
}

.panel-default > .FilterOpen.panel-heading-gemba {
  min-height: 74px;
}

.panel-default > .FilterOpen.SidebarOpen.panel-heading-gemba {
  min-height: 74px;
}

.calcPanelBody {
  height: calc(100% - 74px);
}

@media (min-width: 768px) {
  .panel-default > .panel-heading-gemba {
    min-height: 74px;
  }
  .panel-default > .SidebarOpen.panel-heading-gemba {
    min-height: 74px;
  }
  .panel-default > .FilterOpen.panel-heading-gemba {
    min-height: 91px;
  }
  .panel-default > .FilterOpen.SidebarOpen.panel-heading-gemba {
    min-height: 140px;
  }
  .panel-default > .calcPanelBody {
    height: calc(100% - 74px);
  }
  .panel-default > .SidebarOpen.calcPanelBody {
    height: calc(100% - 74px);
  }
  .panel-default > .FilterOpen.calcPanelBody {
    height: calc(100% - 91px);
  }
  .panel-default > .FilterOpen.SidebarOpen.calcPanelBody {
    height: calc(100% - 140px);
  }
}
@media (min-width: 992px) {
  .panel-default > .panel-heading-gemba {
    min-height: 74px;
  }
  .panel-default > .SidebarOpen.panel-heading-gemba {
    min-height: 74px;
  }
  .panel-default > .FilterOpen.panel-heading-gemba {
    min-height: 74px;
  }
  .panel-default > .FilterOpen.SidebarOpen.panel-heading-gemba {
    min-height: 140px;
  }
  .panel-default > .calcPanelBody {
    height: calc(100% - 74px);
  }
  .panel-default > .SidebarOpen.calcPanelBody {
    height: calc(100% - 74px);
  }
  .panel-default > .FilterOpen.calcPanelBody {
    height: calc(100% - 74px);
  }
  .panel-default > .FilterOpen.SidebarOpen.calcPanelBody {
    height: calc(100% - 140px);
  }
}
@media (min-width: 1200px) {
  .panel-default > .panel-heading-gemba {
    min-height: 74px;
  }
  .panel-default > .SidebarOpen.panel-heading-gemba {
    min-height: 123px;
  }
  .panel-default > .FilterOpen.panel-heading-gemba {
    min-height: 91px;
  }
  .panel-default > .FilterOpen.SidebarOpen.panel-heading-gemba {
    min-height: 140px;
  }
  .panel-default > .calcPanelBody {
    height: calc(100% - 74px);
  }
  .panel-default > .SidebarOpen.calcPanelBody {
    height: calc(100% - 123px);
  }
  .panel-default > .FilterOpen.calcPanelBody {
    height: calc(100% - 91px);
  }
  .panel-default > .FilterOpen.SidebarOpen.calcPanelBody {
    height: calc(100% - 140px);
  }
}
@media (min-width: 1346px) {
  /*.panel-default > .panel-heading-gemba {
      min-height: 74px;
  }*/
  .panel-default > .SidebarOpen.panel-heading-gemba {
    min-height: 91px;
  }
  .panel-default > .SidebarOpen.calcPanelBody {
    height: calc(100% - 91px);
  }
  /*.panel-default > .FilterOpen.panel-heading-gemba {
      min-height: 91px;
  }

  .panel-default > .FilterOpen.SidebarOpen.panel-heading-gemba {
      min-height: 140px;
  }*/
}
@media (min-width: 1817px) {
  .panel-default > .panel-heading-gemba {
    min-height: 74px;
  }
  .panel-default > .SidebarOpen.panel-heading-gemba {
    min-height: 74px;
  }
  .panel-default > .FilterOpen.panel-heading-gemba {
    min-height: 74px;
  }
  .panel-default > .FilterOpen.SidebarOpen.panel-heading-gemba {
    min-height: 123px;
  }
  .panel-default > .calcPanelBody {
    height: calc(100% - 74px);
  }
  .panel-default > .SidebarOpen.calcPanelBody {
    height: calc(100% - 74px);
  }
  .panel-default > .FilterOpen.calcPanelBody {
    height: calc(100% - 74px);
  }
  .panel-default > .FilterOpen.SidebarOpen.calcPanelBody {
    height: calc(100% - 123px);
  }
}
@media (min-width: 2007px) {
  .panel-default > .panel-heading-gemba {
    min-height: 74px;
  }
  .panel-default > .SidebarOpen.panel-heading-gemba {
    min-height: 74px;
  }
  .panel-default > .FilterOpen.panel-heading-gemba {
    min-height: 74px;
  }
  .panel-default > .FilterOpen.SidebarOpen.panel-heading-gemba {
    min-height: 91px;
  }
  .panel-default > .calcPanelBody {
    height: calc(100% - 74px);
  }
  .panel-default > .SidebarOpen.calcPanelBody {
    height: calc(100% - 74px);
  }
  .panel-default > .FilterOpen.calcPanelBody {
    height: calc(100% - 74px);
  }
  .panel-default > .FilterOpen.SidebarOpen.calcPanelBody {
    height: calc(100% - 91px);
  }
}
.box {
  /*width: 200px;
  height: 300px;*/
  position: relative;
  /*border: 1px solid #BBB;*/
  background: #eee;
  /*float: left;
  margin: 20px*/
}

.ribbon {
  position: absolute;
  right: -5px;
  top: -5px;
  z-index: 1;
  overflow: hidden;
  width: 100px;
  height: 100px;
  text-align: right;
}

.ribbon span {
  font-size: 10px;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  font-weight: bold;
  line-height: 20px;
  transform: rotate(45deg);
  width: 133px;
  display: block;
  background: #79A70A;
  background: linear-gradient(#9BC90D 0%, #79A70A 100%);
  box-shadow: 0 3px 10px -5px rgb(0, 0, 0);
  position: absolute;
  top: 31px;
  right: -25px;
}

.ribbon span::before {
  content: "";
  position: absolute;
  left: 0px;
  top: 100%;
  z-index: -1;
  border-left: 3px solid #79A70A;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #79A70A;
}

.ribbon span::after {
  content: "";
  position: absolute;
  right: 0%;
  top: 100%;
  z-index: -1;
  border-right: 3px solid #79A70A;
  border-left: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #79A70A;
}

.red span {
  background: linear-gradient(#db7093 0%, #783E51 100%); /*db7093 783E51*/
}

.red span::before {
  border-left-color: #8F0808;
  border-top-color: #8F0808;
}

.red span::after {
  border-right-color: #8F0808;
  border-top-color: #8F0808;
}

.blue span {
  background: linear-gradient(#2989d8 0%, #1e5799 100%);
}

.blue span::before {
  border-left-color: #1e5799;
  border-top-color: #1e5799;
}

.blue span::after {
  border-right-color: #1e5799;
  border-top-color: #1e5799;
}

.Gemba span {
  background: linear-gradient(#008000 0%, #004600 100%);
}

.Gemba span::before {
  border-left-color: #004600;
  border-top-color: #004600;
}

.Gemba span::after {
  border-right-color: #004600;
  border-top-color: #004600;
}

.grey span {
  background: linear-gradient(#D3D3D3 0%, #747474 100%);
}

.grey span::before {
  border-left-color: #464646;
  border-top-color: #464646;
}

.grey span::after {
  border-right-color: #464646;
  border-top-color: #464646;
}

.panel-heading .accordion-toggle h4:after {
  /* symbol for "opening" panels */
  font-family: "Glyphicons Halflings";
  content: "\e114";
  float: right;
  color: grey;
  overflow: no-display;
}

.panel-heading .accordion-toggle.collapsed h4:after {
  /* symbol for "collapsed" panels */
  content: "\e080";
}

[data-toggle=collapse].collapsed .if-not-collapsed {
  display: none;
}

[data-toggle=collapse]:not(.collapsed) .if-collapsed {
  display: none;
}

a.accordion-toggle {
  text-decoration: none;
}

/*.pie-chart-xs {
    height: 25%!important;
    width: 30%!important;
}

@media (min-width: 768px) {
    .pie-chart-sm {
        height: 90%!important;
        width: 100%!important;
    }
}

@media (min-width: 992px) {
    .pie-chart-md {
        height: 25%!important;
        width: 30%!important;
    }
}*/
/*@media (min-width: 1200px) {
    .pie-chart-lg {
        height: 25%!important;
        width: 30%!important;
        height: 361px!important;
        width: 444px!important;
    }
}*/
.border-info {
  border-color: #17a2b8 !important;
}

.border {
  border: 1px solid #dee2e6 !important;
}

.TeamDashboard.dl-horizontal dt {
  float: left;
  text-align: left;
  width: 89%; /*width: 240px;*/
  /*font-size: 14px;*/
  /*line-height: 0.8;*/
}

.TeamDashboard.dl-horizontal dd {
  /*float: left;*/
  /*text-align: left;*/
  /*width: 89%;*/ /*width: 240px;*/
  /*font-size: 14px;*/
  /*line-height: 0.8;*/
}

dl.TeamDashboard {
  margin-top: 0;
  margin-bottom: 1em;
}

@media only screen and (max-width: 1200px) {
  .TeamDashboard.dl-horizontal dt {
    font-size: 0.8em;
    /*line-height: 0.8;*/
  }
  .TeamDashboard.dl-horizontal dd {
    font-size: 0.8em;
  }
  .TeamDashboard.dl-horizontal dt, .TeamDashboard.dl-horizontal dd {
    /*line-height: 0.8;*/
  }
}
/*@media only screen and (max-width : 3000px) and (max-height : 2000px) {*/
/* Surface Book */
/*.TeamDashboard.dl-horizontal dt {
        font-size: 0.8em;
        line-height: 0.8;
    }
}*/
@media only screen and (max-width: 2736px) and (max-height: 1824px) {
  /* Surface Pro 4 */
  .TeamDashboard.dl-horizontal dt {
    /*font-size: 0.8em;*/
    /*line-height: 0.8;*/
  }
}
/*@media only screen and (max-width : 2160px) and (max-height : 1440px) {*/
/* Surface Pro 3 */
/*.TeamDashboard.dl-horizontal dt {
        font-size: 0.8em;
        line-height: 0.8;
    }
}*/
/*@media only screen and (max-width : 1366px) and (max-height : 768px) {*/
/* Surface */
/*.TeamDashboard.dl-horizontal dt {
        font-size: 0.8em;
        line-height: 0.8;
    }
}*/
/*@media only screen and (max-width : 1280px) and (max-height : 720px) {*/
/* Surface Pro */
/*.TeamDashboard.dl-horizontal dt {
        font-size: 0.8em;
        line-height: 0.8;
    }
}*/
.pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}

.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
  z-index: 2;
  color: #23527c;
  background-color: #eee;
  border-color: #ddd;
}

.pagination > li:first-child > a, .pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.pagination > li > a {
  background: #fafafa;
  color: #666;
}

.pagination > li > a, .pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #337ab7;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}

thead .sorting_asc {
  /*font-family: 'Glyphicons Halflings';*/
}

/*thead .sorting_asc:before {
    font-family: 'Glyphicons Halflings';
    content: "\e151"; 
}

thead .sorting_desc:before {
    font-family: 'Glyphicons Halflings';
    content: "\e152"; 
}
thead .sorting:before {
    font-family: 'Glyphicons Halflings';
    opacity: 0.2;
    content: "\e150"; 
}*/
thead .sorting:after {
  font-family: "Glyphicons Halflings";
  opacity: 0.2;
  content: "\e150"; /*"\e150";*/
}

thead .sorting_asc:after {
  font-family: "Glyphicons Halflings";
  content: "\e155"; /*"\e151";*/
}

thead .sorting_desc:after {
  font-family: "Glyphicons Halflings";
  content: "\e156"; /*\e152";*/
}

thead > tr > th.sorting_asc,
thead > tr > th.sorting_desc,
thead > tr > th.sorting,
thead > tr > td.sorting_asc,
thead > tr > td.sorting_desc,
thead > tr > td.sorting {
  padding-right: 30px;
}

thead .sorting:after,
thead .sorting_asc:after,
thead .sorting_desc:after,
thead .sorting_asc_disabled:after,
thead .sorting_desc_disabled:after {
  position: absolute;
  bottom: 8px;
  right: 8px;
  display: block;
  font-family: "Glyphicons Halflings";
  opacity: 0.5;
}

thead .sorting,
thead .sorting_asc,
thead .sorting_desc,
thead .sorting_asc_disabled,
thead .sorting_desc_disabled {
  cursor: pointer;
  position: relative;
}

fieldset .panel-group .panel {
  /*border: none;*/
}

.panel-default > .panel-heading .badge.bg-primary {
  color: #fff;
  background-color: #007bff;
}

.panel-default > .panel-heading .badge.bg-secondary {
  color: #fff;
  background-color: #6c757d;
}

.panel-default > .panel-heading .badge.bg-success {
  color: #fff;
  background-color: #28a745;
}

.panel-default > .panel-heading .badge.bg-danger {
  color: #fff;
  background-color: #dc3545;
}

.panel-default > .panel-heading .badge.bg-warning {
  color: #212529;
  background-color: #ffc107;
}

.panel-default > .panel-heading .badge.bg-info {
  color: #fff;
  background-color: #17a2b8;
}

.panel-default > .panel-heading .badge.bg-light {
  color: #212529;
  background-color: #f8f9fa;
}

.panel-default > .panel-heading .badge.bg-dark {
  color: #fff;
  background-color: #343a40;
}

.action-xs-viewport,
.action-sm-viewport,
.action-md-viewport,
.action-lg-viewport {
  overflow: auto;
}

.action-xs-viewport {
  max-height: 50%;
  min-height: 0px;
}

@media (min-width: 1200px) {
  #ActionDashPostDisplayPanel.row, #ActionDashPostDisplayPanel .row {
    display: block;
    display: block;
    display: block;
    flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
  }
  #ActionDashPostDisplayPanel.row, #ActionDashPostDisplayPanel .row .item {
    display: block;
    display: block;
    display: block;
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  #ActionDashPostDisplayPanel.row, #ActionDashPostDisplayPanel .row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  #ActionDashPostDisplayPanel.row, #ActionDashPostDisplayPanel .row .item {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
@media (max-width: 768px) {
  .action-sm-viewport {
    max-height: 50%;
    min-height: 350px;
  }
  #ActionDashPostDisplayPanel.row, #ActionDashPostDisplayPanel .row {
    display: block;
    display: block;
    display: block;
    flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
  }
  #ActionDashPostDisplayPanel.row, #ActionDashPostDisplayPanel .row .item {
    display: block;
    display: block;
    display: block;
  }
}
@media (min-width: 992px) {
  .action-md-viewport {
    /*max-height: 50%;*/
    max-height: 100%;
    min-height: 50%;
  }
}
@media (min-width: 1200px) {
  .action-lg-viewport {
    max-height: 100%;
    min-height: 100%;
  }
}
.action-xs-panelviewport,
.action-sm-panelviewport,
.action-md-panelviewport,
.action-lg-panelviewport {
  overflow: none;
}

.action-xs-panelviewport {
  max-height: 50%;
  min-height: 0px;
}

@media (max-width: 768px) {
  .action-sm-panelviewport {
    max-height: 50%;
    min-height: 0px;
  }
}
@media (min-width: 992px) {
  .action-md-panelviewport {
    max-height: 50%;
    /*max-height: 100%;*/
    /*min-height: 50%;*/
    min-height: 100%;
  }
}
@media (min-width: 1200px) {
  .action-lg-panelviewport {
    max-height: 100%;
    min-height: 100%;
  }
}
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
  position: relative;
  min-height: 1px;
  /*padding-right: 10px;
  padding-left: 10px;*/
  padding-right: 0px !important;
  padding-left: 5px !important;
  margin-bottom: 5px;
}

/*lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 5px !important;
    padding-left: 0px !important;
    margin-bottom: 5px;
}*/
.col-xs-15 {
  width: 20%;
  float: left;
}

@media (min-width: 768px) {
  .col-sm-15 {
    width: 20%;
    float: left;
    /*height:50%;*/
  }
}
@media (min-width: 992px) {
  .col-md-15 {
    width: 20%;
    float: left;
  }
}
@media (min-width: 1200px) {
  .col-lg-15 {
    width: 20%;
    float: left;
  }
}
/*.icon-width {
    width: 2em;
}*/
.nav-tabs > li > a > span.field-validation-valid {
  display: none;
}

.ActionDashboardItem {
  border-left: 1em solid;
}

.actionColour-0 {
  border-left: 1em solid;
  border-left-color: #f5f5f5;
}

.actionColour-25 {
  border-left: 1em solid;
  border-left-color: #FFF2CC;
}

.actionColour-50 {
  border-left: 1em solid;
  border-left-color: #FFD966;
}

.actionClosed-0.actionColour-75 {
  border-left: 1em solid;
  border-left-color: #BF9000;
}

.actionClosed-0.actionColour-100 {
  border-left: 1em solid;
  /*border-left-style: solid;*/
  /*border-left-color: #f5f5f5;*/
  border-left-color: white;
}

.actionClosed-3.actionColour-100 {
  border-left: 1em solid;
  border-left-color: lightgrey;
  background-image: linear-gradient(90deg, transparent 50%, lightgrey 50%), linear-gradient(90deg, lightgrey 50%, transparent 50%);
}

.actionClosed-2.actionColour-100 {
  border-left: 1em solid;
  border-left-color: #4CAF50;
}

.actionClosed-1.actionColour-100 {
  border-left: 1em solid;
  border-left-color: palevioletred;
}

/*.actionClosed-1 {
    border-left-color: #4CAF50;
}


.actionClosed-2 {
    border-left-color: red;
}*/
/*.char-info {
    width: initial;
}*/
.char-info textarea {
  width: 100%;
  border: 1px solid #9E9E9E;
  /*z-index: 1;*/
  margin: 0;
  position: relative;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

.char-info span.char-count {
  position: relative;
  float: right;
  display: block;
  /*background: #FFFFC6 url(/media/icons/error.png) no-repeat 4px center;*/
  /*padding: 2px 0 1px 24px;*/
  color: #333333;
  font-size: 12px;
  font-weight: bold;
  /*border: 1px solid #9E9E9E;*/
  border: none;
  /*width: 200px;*/
  /*margin-top: -17px;*/
  /*z-index: 2;*/
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

#myModal button.Visible {
  display: none;
}

#myParentModal {
  z-index: 2050 !important;
}

#myParentModalContent button.Visible {
  display: block;
}

.NotAllowed {
  cursor: not-allowed;
}

.disabledPointerEvents {
  pointer-events: none;
  color: #a4a4a4 !important;
}

.font-weight-bold {
  font-weight: 800 !important;
}

table.ViewComment .font-weight-bold {
  font-weight: 400 !important;
}

.valign-center {
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
  text-align: center;
}

.disabledTab {
  cursor: not-allowed;
}

/* Clicks are not permitted and change the opacity. */
li.disabledTab > a[data-toggle=tab] {
  pointer-events: none;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
  opacity: 1;
}

li.disabledTab > a[data-toggle=tab] > span[data-toggle=popover] {
  pointer-events: fill;
  cursor: help;
  opacity: 1;
}

.TTabCreate {
  height: 467px;
}

.gembaReadOnlyClass {
  /*https: //stackoverflow.com/questions/39517722/drop-down-selection-is-still-selectable-with-readonly-attribute*/
  cursor: not-allowed;
}

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

.text-truncate-75 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 85%;
  max-width: 75ch;
}

@media (max-width: 895px) {
  /*.action-md-viewport {*/
  .profile-text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 125px;
  }
}
@media (max-width: 767px) {
  /*.action-md-viewport {*/
  .profile-text-truncate {
    overflow: inherit;
    text-overflow: initial;
    white-space: normal;
    max-width: initial;
  }
}
.tree-viewport {
  /*overflow: auto;*/
  max-height: 350px;
  min-height: 350px;
}

.scrolled-viewport {
  overflow: auto;
  max-height: 350px;
  min-height: 350px;
}

.scrolled-viewport-auto-min {
  min-height: unset;
}

.panel-Avail {
  border-color: #FF9900;
}

.panel-Avail > .panel-heading-Avail {
  color: #fff;
  background-color: #FF9900;
  border-color: #FF9900;
}

.panel-Perf {
  border-color: #0066FF;
}

.panel-Perf > .panel-heading-Perf {
  color: #fff;
  background-color: #0066FF;
  border-color: #0066FF;
}

.panel-Qual {
  /*border-color: #8b8bc4;*/
  border-color: #FF0000;
}

.panel-Qual > .panel-heading-Qual {
  color: #fff;
  background-color: #FF0000;
  border-color: #FF0000;
}

.panel-OEE {
  /*border-color: #5cb85c;*/
  border-color: #33CC33;
}

.panel-OEE > .panel-heading-OEE {
  color: #fff;
  background-color: #33CC33;
  border-color: #33CC33;
}

a.disabled {
  /* Make the disabled links grayish*/
  color: lightgray;
  /* And disable the pointer events */
  /*pointer-events: none;*/
}

.input-validation-error {
  border: 1px solid red;
}

/*.circle-1 {
    margin: 1em auto;
    border-radius: 100%;
    width: 40px;
    height: 40px;
    box-sizing: border-box;
    border-width: 1px;
    border-style: dotted;
    border-color: black;
}*/
pie {
  width: 3em;
  height: 3em;
  display: block;
  border-radius: 50%;
  background-color: #bc9d56;
  border: 2px solid #bc9d56;
  float: left;
  margin: 1em;
}

/*.pie-1 {
        width: 4em;
        height: 4em;
        margin: 0.5em;
    }

    .pie-2 {
        margin: 1em;
        width: 3em;
        height: 3em;
    }

    .pie-3 {
        margin: 1.5em;
        width: 2em;
        height: 2em;
    }*/
.carl-0 {
  background-image: linear-gradient(90deg, transparent 50%, white 50%), linear-gradient(90deg, white 50%, transparent 50%);
}

.carl-25 {
  background-image: linear-gradient(180deg, transparent 50%, white 50%), linear-gradient(90deg, white 50%, transparent 50%);
}

.carl-50 {
  background-image: linear-gradient(90deg, white 50%, transparent 50%);
}

/* Slices greater than 50% require first gradient
   to be transparent -> green */
.carl-75 {
  background-image: linear-gradient(180deg, transparent 50%, rgb(171, 234, 222) 50%), linear-gradient(90deg, white 50%, transparent 50%);
}

.carl-75-Black {
  background-color: #000000;
  border: 2px solid #000000;
  background-image: linear-gradient(180deg, transparent 50%, #000000 50%), linear-gradient(90deg, white 50%, transparent 50%);
}

.carl-100 {
  background-image: none;
}

.carl-Cancel {
  background-color: grey;
  border: 2px solid #bc9d56;
  background-image: linear-gradient(91deg, transparent 50%, grey 50%), linear-gradient(90deg, grey 50%, transparent 50%);
}

.pieTab {
  float: left;
  width: 1.5em;
  height: 1.5em;
  margin: 0px;
  margin-bottom: 7px;
}

.info-popover.glyphicon, .text-danger.glyphicon.glyphicon-exclamation-sign.field-validation-error {
  float: right;
}

/*#Tab-Body-container > ul.nav-tabs {
    border-bottom: 1px solid #ddd;
}
#Tab-Body-container > ul > li > a {
    min-height: 38px;*/
/*background-color: #f3f1ed;*/
/*background-color: #F1EFE1;
    margin-bottom: 1px;*/
/*border-bottom-color: #4CAF50;*/
/*}
    #Tab-Body-container > ul > li > a > span > strong {
        font-weight: normal;
    }
#Tab-Body-container > ul > li.active > a > span > strong {
    font-weight: bold;
}
#Tab-Body-container > ul > li.active {
    background-color: white;
    color: white;
}

    #Tab-Body-container > ul > li.active > a {
        min-height: 39px;
        background-color: #F1EFE1;
        border: 1px solid #ddd;
        border-bottom-color: transparent;
        margin-bottom: 0px;
    }

#Tab-Body-container > ul > li.disabledTab > a {
    min-height: 38px;
    background-color: lightgrey;
}*/
.circle-container {
  position: relative;
}

.circle {
  /*position: absolute;
  margin: 1em auto;*/
  border-radius: 100%;
  width: 40px;
  height: 40px;
  box-sizing: border-box;
  border-width: 1px;
  border-style: solid;
  border-color: black;
}

.circle-1, .circle-2, .circle-3, .circle-4, .circle-5 {
  position: absolute;
  z-index: 10;
  /*margin: 1em auto;*/
  border-radius: 50%;
  width: 40px;
  height: 40px;
  box-sizing: border-box;
  border-width: 20px;
  border-style: dotted;
  transform: rotate(45deg);
}

.circle-1 {
  border-width: 1px;
  border-style: dotted;
  border-color: #bc9d56;
}

.circle-2 {
  border-color: #bc9d56 transparent transparent transparent;
  transform: rotate(45deg);
}

.circle-3 {
  border-color: #bc9d56 #bc9d56 transparent transparent;
  transform: rotate(45deg);
}

.circle-4 {
  border-color: #bc9d56 #bc9d56 #bc9d56 transparent;
  transform: rotate(45deg);
}

.circle-5 {
  border-color: #bc9d56 #bc9d56 #bc9d56 #bc9d56;
  transform: rotate(45deg);
}

/*.circle-5 .closed-0 {
        margin: 1em auto;
        border-radius: 50%;
        width: 40px;
        height: 40px;
        box-sizing: border-box;
        border-width: 20px;
        border-style: dotted;
        border-color: green green green green;
        transform: rotate(45deg);
    }*/
.closed-3 {
  background-color: lightgrey;
  border: 2px solid lightgrey; /*#bc9d56;*/
  background-image: linear-gradient(91deg, transparent 50%, lightgrey 50%), linear-gradient(90deg, lightgrey 50%, transparent 50%);
  /*background-color: red;
      border: 2px solid red;*/
  /*border-color: red red red red;
          transform: rotate(45deg);*/
}

.closed-2 {
  background-color: green;
  border: 2px solid green;
  /*border-color: green green green green;
  transform: rotate(45deg);*/
}

.closed-1 {
  background-color: palevioletred;
  border: 2px solid palevioletred; /*#bc9d56;*/
  /*border-color: red red red red;
      transform: rotate(45deg);*/
}

.Pad-Top {
  padding-top: 15px;
}

.modal-dialog-Gemba {
  width: auto;
  max-height: 100%;
  margin: 10px;
}

.table-wrapper-scroll-y {
  display: block;
  max-height: 500px;
  overflow-y: auto;
  /*-ms-overflow-style: -ms-autohiding-scrollbar;*/
}

.table-wrapper-Comment-scroll-y {
  display: block;
  /*height: 315px;*/
  height: 265px;
  max-height: 265px;
  overflow-y: auto;
  /*-ms-overflow-style: -ms-autohiding-scrollbar;*/
}

.table-wrapper-scroll-y-xs,
.table-wrapper-scroll-y-sm,
.table-wrapper-scroll-y-md,
.table-wrapper-scroll-y-lg {
  display: block;
  max-height: 500px;
  overflow-y: auto;
  /*-ms-overflow-style: -ms-autohiding-scrollbar;*/
}

.table-wrapper-scroll-y-xs {
  max-height: 500px;
}

@media (min-width: 768px) {
  .table-wrapper-scroll-y-sm {
    max-height: calc(100% - 150px);
  }
}
@media (min-width: 992px) {
  .table-wrapper-scroll-y-md {
    max-height: calc(100% - 150px);
  }
}
@media (min-width: 1200px) {
  .table-wrapper-scroll-y-lg {
    max-height: calc(100% - 150px);
  }
}
.inactive {
  background-color: lightgrey !important;
}

input[type=checkbox] + #Active-info {
  display: none;
}

input[type=checkbox]:checked + #Active-info {
  display: inline;
}

.required:after {
  content: " *";
  font-weight: bold;
  color: red;
}

.required-Action:after {
  content: "*";
  font-weight: bold;
  color: red;
}

/*footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    color: #fff;
    background-color: #000;
}*/
/*Content height minus heading*/
div.RenderedBody {
  overflow-x: auto;
  white-space: nowrap;
}

.overflow-Y {
  overflow-y: auto;
}

.overflow-X {
  overflow-x: auto;
}

div.RenderedBody [class*=col] { /* TWBS v2 */
  display: inline-block;
  float: none; /* Very important */
}

.h2ContentBody {
  height: calc(100% - 63px);
}

.h4ContentBody {
  height: calc(100% - 80px);
}

.section-heading {
  border-bottom: solid 1px #eeeeee;
  padding-bottom: 0.5em;
}

/*Table styles*/
.table-striped > tbody > tr:nth-of-type(even) {
  background-color: #FAF7EB;
}

.table-hover tbody tr:hover td, .table-hover tbody tr:hover th {
  background-color: #A87C50;
}

.table-responsive > table > thead {
  background: #F0EBD9;
  color: #7E7F7F;
  display: table-header-group;
  vertical-align: middle;
  border-color: inherit;
}

/*navbar*/
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
  background: -moz-linear-gradient(top, #e76b11 0%, #b75916 100%);
  background: -webkit-linear-gradient(top, #e76b11 0%, #b75916 100%);
  background: linear-gradient(to bottom, #e76b11 0%, #b75916 100%);
}

/*modal-styling*/
.modal-dialog {
  border-radius: 0;
  max-height: 100%;
}

.modal-content {
  border-radius: 0;
}

.modal-header {
  background: #f3f1ed;
  border-radius: 0;
}

.modal-title {
  color: #e76b11;
  font-size: 22px;
}

.modal-footer {
  background: #f3f1ed;
  border-radius: 0;
}

.modal-footer .form-group {
  margin-bottom: 0px;
}

/*button styling*/
.icon-flipped {
  transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
}

.Gemba-info {
  font-weight: 400;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

/*extra aligning*/
.extraMarginTop {
  margin-top: 15px;
}

.labelInputAlign {
  margin-top: 7px;
  margin-bottom: 7px;
}

/*allow jstree to scale images correctly*/
.jstree-themeicon-custom {
  background-size: contain !important;
}

/*.loader {
        border: 16px solid #f3f3f3;*/ /* Light grey */
/*border-top: 16px solid #b5985a;
        border-bottom: 16px solid #b5985a;
        border-radius: 50%;
        width: 120px;
        height: 120px;
        animation: spin 2s linear infinite;
        position: relative;*/
/*top: calc(50% + 15px);
    left: calc(50% + 15px);*/
/*top: calc(50% - 60px);
        left: calc(50% - 60px);
        display: block;*/
/*height: 32px;
     width: 32px;*/
/*}*/
.chart-Loader {
  position: relative;
  margin: auto;
  height: calc(100% - 30px);
  width: 100%;
}

/*#OEE-By-Asset-Loader {
    left: 50%;
    top: 50%;
}*/
/*Show Hide Buttons*/
.navbar-header > div.navbar-nav > div.navbar-ConditionalBtn {
  display: inline-block;
}

.navbar-header > div.navbar-nav > div.navbar-ConditionalBtn.active {
  background-color: transparent;
  color: inherit;
  display: inline-block;
}

/*.navbar-header > div.navbar-nav > div.navbar-ConditionalBtn > button {
    display: none;
}*/
.navbar-header > div.navbar-nav > div.navbar-ConditionalBtn.active > button {
  display: block;
}

.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #4CAF50;
}

.navbar-inverse .navbar-toggle {
  border-color: #4CAF50;
}

.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {
  color: #b5985a;
}

.navbar-inverse .btn-link:focus, .navbar-inverse .btn-link:hover {
  color: #b5985a;
}

.navbar-right > li > a {
  padding-left: 7px;
  padding-right: 7px;
}

#OEE-By-Asset-Loader.active,
#OEE-By-Asset-Container.active,
#OEE-Breakdown-Loader.active,
#OEE-Breakdown-Container.active,
#OEE-Trend-Loader.active,
#OEE-Trend-Container.active,
#Availability-By-Asset-Loader.active,
#Availability-By-Asset-Container.active,
#EVTCompareByAsset-Loader.active,
#EVTCompareByAsset-Container.active,
#Availability-Reasons-Loader.active,
#Availability-Reasons-Container.active,
#Availability-Trend-Loader.active,
#Availability-Trend-Container.active,
#Performance-By-Asset-Loader.active,
#Performance-By-Asset-Container.active,
#Product-Performance-Loader.active,
#Product-Performance-Container.active,
#Product-Performance-Trend-Loader.active,
#Product-Performance-Trend-Container.active,
#Quality-By-Asset-Loader.active,
#Quality-By-Asset-Container.active,
#Product-Quality-Loader.active,
#Product-Quality-Container.active,
#Quality-Reason-Loader.active,
#Quality-Reason-Container.active,
#Quality-Trend-Loader.active,
#Quality-Trend-Container.active {
  background-color: none;
  color: none;
  display: none;
}

/* Hide sub menus in sidebar*/
#OEENav, #ActMngNav, #ConfigMeetNav, #SettingsNav, #TeamNav {
  background-color: none;
  color: none;
  display: none;
}

/* Show sub menus in sidebar*/
#OEENav.active, #ActMngNav.active, #ConfigMeetNav.active, #SettingsNav.active, #TeamNav.active {
  background-color: inherit;
  color: inherit;
  display: block;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.col:before, .col:before {
  display: table;
  content: " ";
}

.col:before, .col:after {
  clear: both;
}

.height-governor {
  height: calc(100% - 20px);
  /*height: calc(100% - 75px);*/
  /*height: calc(100% - 150px);*/
}

@media (min-width: 992px) {
  .height-governor {
    height: calc(100% - 85px);
    /*height: calc(100% - 150px);*/
  }
}
@media (min-width: 1200px) {
  .height-governor {
    height: calc(100% - 85px);
  }
}
.chart-container {
  position: relative;
  /*margin: auto;*/
  /*height: calc(100% - 30px);*/
  height: calc(100% - 39px);
  width: calc(100% - 30px);
  min-height: 325px;
}

.chart-container.Downtime {
  position: relative;
  /*margin: auto;*/
  /*height: calc(100% - 30px);*/
  height: calc(100% - 49px);
  width: calc(100% - 30px);
  min-height: unset;
}

.chart-container.Downtime.LargeTitle {
  position: relative;
  /*margin: auto;*/
  /*height: calc(100% - 30px);*/
  height: calc(100% - 65px);
  width: calc(100% - 30px);
  min-height: unset;
}

#TeamDashboard-Stats-Container.chart-container {
  /*position: relative;*/
  /*margin: auto;*/
  /*height: calc(100% - 30px);*/
  width: auto;
}

.chart-data {
  height: 50%;
}

.chart-template-style {
  /*margin-left: 20px;*/
  height: 100%;
  overflow-y: auto;
}

@media (max-width: 992px) {
  .chart-template-style {
    /* margin-left: 20px; */
    /*height: auto;
    max-height: 350px;
    min-height: 0px;
    overflow: auto;*/
  }
}
@media (max-width: 768px) {
  /*.action-sm-viewport {*/
  #TeamDashboard-Stats-Container.chart-container {
    /*position: relative;*/
    /*margin: auto;*/
    height: auto;
    /*width: calc(100% - 30px);*/
  }
  .chart-data {
    height: auto;
  }
  .tree-viewport {
    /*overflow: auto;*/
    /*max-height: 350px;*/
    max-height: unset;
    min-height: auto;
  }
  /*.tree-viewport {
          max-height: 350px;
          min-height: 0px;
      }*/
  .scrolled-viewport {
    overflow: auto;
    max-height: 350px;
    min-height: auto;
  }
  .chart-template-style {
    /* margin-left: 20px; */
    height: auto;
    max-height: unset;
    min-height: 0px;
    overflow: auto;
  }
}
@media (min-width: 768px) {
  .tree-viewport {
    /*overflow: auto;*/
    max-height: 350px;
    min-height: auto;
  }
}
.team-pie-chart-container {
  position: relative;
  /*margin: auto;*/
  height: calc(100% - 50px);
  width: calc(100% - 30px);
}

.col.Gemba-chart {
  height: 50%;
  min-height: 250px;
}

.col.Gemba-chart.Downtime-1-3rd {
  height: 30%;
}

.col.Gemba-chart.Downtime-2-3rd {
  height: 35%;
}

.col.Gemba-chart.Downtime-3-3rd {
  height: 25%;
}

.col.Gemba-chart.Downtime-full {
  height: 100%;
}

@media (min-width: 768px) and (max-width: 995px) {
  .col-sm-6.Gemba-chart {
    /*width: 100%;*/
  }
  .col.Gemba-chart.Downtime-full {
    height: 33%;
  }
}
.jstree-proton .jstree-anchor {
  /*background: cornsilk;*/
}

.jstree-proton .jstree-anchor.jstree-clicked {
  /*background: #3392e3;*/
}

@media (min-width: 768px) {
  /*.action-sm-viewport {*/
  #TeamDashboard-Stats-Container.chart-container {
    /*position: relative;*/
    /*margin: auto;*/
    height: auto;
    /*width: calc(100% - 30px);*/
  }
  .chart-data {
    height: auto;
  }
}
@media (max-width: 768px) and (max-height: 768px) {
  .col .Gemba-chart {
    min-height: 320px;
  }
  /*.action-sm-viewport {*/
  .chart-data {
    height: auto;
  }
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
  padding-right: 15px;
  padding-left: 15px;
}

.remove-Padding-Left {
  padding-left: 0px;
}

.remove-Padding-Right {
  padding-right: 0px;
}

.sidenav {
  /*min-width: 230px;*/
  padding-right: 0px;
}

.chartTitle {
  /*background: #b5985a;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);*/
  text-anchor: middle;
  font: bold 14px "Segoe UI", Arial, "Sans Serif";
  /*height: 24px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
  box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);*/
}

/*
    DEMO STYLE
*/
/**@import "https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700";


body {
    font-family: 'Poppins', sans-serif;
    background: #fafafa;
}

p {
    font-family: 'Poppins', sans-serif;
    font-size: 1.1em;
    font-weight: 300;
    line-height: 1.7em;
    color: #999;
}

a, a:hover, a:focus {
    color: inherit;
    text-decoration: none;
    transition: all 0.3s;
}
**/
.navbar {
  /**padding: 15px 10px;**/
  background: #fff;
  border: none;
  border-radius: 0;
  /**margin-bottom: 40px;**/
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
}

.navbar-btn {
  box-shadow: none;
  outline: none !important;
  border: none;
}

.line {
  width: 100%;
  height: 1px;
  border-bottom: 1px dashed #ddd;
  margin: 40px 0;
}

/* ---------------------------------------------------
    SIDEBAR STYLE
----------------------------------------------------- */
.wrapper {
  display: flex;
  align-items: stretch;
  perspective: 1500px;
}

#sidebar {
  width: 100%;
}

#sidebar,
#FilterPanel {
  min-height: 170px;
  transition: all 0.6s cubic-bezier(0.945, 0.02, 0.27, 0.665);
  transform-origin: bottom left;
  display: block;
}

@media (max-width: 768px) {
  #FilterPanel {
    height: auto;
    min-height: 1em;
    max-height: unset;
  }
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 58px 10px 10px 10px;
}

@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 58px auto auto auto;
  }
}
#sidebar.active {
  margin-left: -250px;
  transform: rotateY(100deg);
  display: none;
}

#FilterPanel.active {
  margin-left: -300px;
  /*transform: rotateY(100deg);*/
  display: none;
}

#FilterPanel.active {
  /*margin-left: -250px;
  transform: rotateY(100deg);*/
  display: none;
}

#sidebar .sidebar-header {
  padding: 20px;
  /**background: #6d7fcc;**/
}

#sidebar div ul li a span.glyphicon {
  margin-right: 3px;
}

#sidebar ul.components {
  padding: 20px 0;
  border-bottom: 1px solid #47748b;
}

#sidebar ul p {
  /**color: #fff;**/
  padding: 10px;
}

#sidebar ul li a {
  /*padding: 10px;*/
  font-size: 1.1em;
  display: block;
}

a[data-toggle=collapse] {
  position: relative;
}

a[aria-expanded=false]::before, a[aria-expanded=true]::before {
  /*content: '\e259';*/
  display: block;
  position: absolute;
  right: 20px;
  font-family: "Glyphicons Halflings";
  font-size: 0.6em;
}

ul.CTAs {
  padding: 20px;
}

ul.CTAs a {
  text-align: center;
  font-size: 0.9em !important;
  display: block;
  border-radius: 5px;
  margin-bottom: 5px;
}

/* ---------------------------------------------------
    CONTENT STYLE
----------------------------------------------------- */
#content {
  padding: 20px;
  min-height: 100vh;
  transition: all 0.3s;
}

#sidebarCollapse,
#treenavCollapse,
#homeCollapse {
  width: 40px;
  height: 40px;
  /**background: #f5f5f5;**/
}

#homeCollapse span {
  text-align: center;
}

/**#sidebarCollapse span,
#treenavCollapse span{
    width: 100%;
    height: 2px;
    margin: 0 auto;
    display: block;
    background: #555;
    transition: all 0.8s cubic-bezier(0.810, -0.330, 0.345, 1.375);
    transition-delay: 0.2s;
}*/
#sidebarCollapse span:first-of-type,
#treenavCollapse span:first-of-type {
  transform: none;
}

/**#sidebarCollapse span:nth-of-type(2),
#treenavCollapse span:nth-of-type(2){
    opacity: 0;
}
#sidebarCollapse span:last-of-type,
#treenavCollapse span:last-of-type{
    transform: rotate(-45deg) translate(1px, -1px);
}*/
#sidebarCollapse.active span,
#treenavCollapse.active span {
  transform: rotate(45deg);
  opacity: 1;
  margin: 5px auto;
}

/* ---------------------------------------------------
    MEDIAQUERIES
----------------------------------------------------- */
@media (max-width: 768px) {
  /*#sidebar, #FilterPanel  {
      margin-left: -250px;
      transform: rotateY(90deg);
  }
  #sidebar.active, #FilterPanel.active {
      margin-left: 0;
      transform: none;
  }*/
  #sidebarCollapse span:first-of-type,
#sidebarCollapse span:nth-of-type(2),
#sidebarCollapse span:last-of-type,
#treenavCollapse span:first-of-type,
#treenavCollapse span:nth-of-type(2),
#treenavCollapse span:last-of-type {
    transform: rotate(45deg);
    opacity: 1;
    margin: 5px auto;
  }
  #sidebarCollapse.active span,
#treenavCollapse.active span {
    transform: none;
    margin: 0 auto;
  }
  /**#sidebarCollapse.active span:first-of-type,
  #treenavCollapse.active span:first-of-type
  {
      transform: rotate(45deg) translate(2px, 2px);
  }
  #sidebarCollapse.active span:nth-of-type(2),
  #treenavCollapse.active span:nth-of-type(2){
      opacity: 0;
  }
  #sidebarCollapse.active span:last-of-type,
  #treenavCollapse.active span:last-of-type
  {
      transform: rotate(-45deg) translate(1px, -1px);
  }
  */
  .scrolled-viewport {
    overflow: auto;
    max-height: 350px;
    min-height: 0px;
  }
}
/*end of sidebar css */
/*Collapse Buttons*/
.btn-circle {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  /*font-size: 12px;*/
  line-height: 1.428571429;
  border-radius: 20px;
}

.btn-circle span {
  width: 30px;
  text-align: center;
  vertical-align: middle;
}

.navbar-toggler-icon {
  background-image: url("https://mdbootstrap.com/img/svg/hamburger2.svg?color=fff");
}

/*End Collapse Buttons*/
/* Set height of the grid so .sidenav can be 100% (adjust if needed) */
.row.content {
  height: 100%;
}

/* Set gray background color and 100% height */
.sidenav {
  background-color: #ffffff;
  height: 100%;
}

.nav {
  font-weight: bold;
}

.nav-pills > li {
  background-color: #eee;
  border-radius: 10px;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
  background-color: #4CAF50;
  /*background: -moz-linear-gradient(top, #e76b11 0%, #b75916 100%);
      background: -webkit-linear-gradient(top, #e76b11 0%, #b75916 100%);
      background: linear-gradient(to bottom, #e76b11 0%, #b75916 100%);*/
  color: white;
  border-radius: 10px;
  border-left-color: #4CAF50;
}

.nav > li > a {
  color: #7E7F7F; /*#b5985a;*/
  border-radius: 4px;
}

.nav > li > a:focus, .nav > li > a:hover {
  background-color: #b5985a;
  color: #000;
}

.nav-pills > li > a, .nav-pills > li > a:focus, .nav-pills > li > a:hover {
  border-radius: 10px;
}

/* Add an active class to highlight the current page */
.active {
  background-color: #4CAF50;
  color: white;
}

a.active {
  background-color: none !important;
  color: white;
}

a.btn.active {
  background-color: #4CAF50;
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgb(16, 38, 17);
  -moz-box-shadow: inset 0 3px 5px rgb(16, 38, 17);
  box-shadow: inset 0 3px 5px rgb(16, 38, 17);
}

a.btn.active:hover {
  background-color: #4CAF50;
  background-image: none;
  outline: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

a.btn.active:active {
  background-color: #2a602c;
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 7px rgb(30, 69, 31);
  -moz-box-shadow: inset 0 1px 7px rgb(30, 69, 31);
  box-shadow: inset 0 1px 7px rgb(30, 69, 31);
}

a.btn.btn-circle, button.btn.btn-circle {
  background-color: #4CAF50;
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 1px -1px 3px 1px rgba(16, 38, 17, 0.75);
  -moz-box-shadow: inset 1px -1px 3px 1px rgba(16, 38, 17, 0.75);
  box-shadow: inset 1px -1px 3px 1px rgba(16, 38, 17, 0.75);
}

a.btn.btn-circle:hover, button.btn.btn-circle:hover {
  background-color: #4CAF50;
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 1px 3px 5px 0px rgb(16, 38, 17);
  -moz-box-shadow: inset 1px 3px 5px 0px rgb(16, 38, 17);
  box-shadow: inset 1px 3px 5px 0px rgb(16, 38, 17);
}

a.btn.btn-circle:active, button.btn.btn-circle:active {
  background-color: #2a602c;
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 7px rgb(30, 69, 31);
  -moz-box-shadow: inset 0 1px 7px rgb(30, 69, 31);
  box-shadow: inset 0 1px 7px rgb(30, 69, 31);
}

button.btn.btn-circle.active {
  background-color: rgb(221, 221, 221);
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 1px -1px 3px 1px rgb(121, 121, 121);
  -moz-box-shadow: inset 1px -1px 3px 1px rgb(121, 121, 121);
  box-shadow: inset 1px -1px 3px 1px rgb(121, 121, 121);
}

button.btn.btn-circle.active:hover {
  background-color: rgb(221, 221, 221);
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 1px 3px 5px 0px rgb(16, 38, 17);
  -moz-box-shadow: inset 1px 3px 5px 0px rgb(16, 38, 17);
  box-shadow: inset 1px 3px 5px 0px rgb(16, 38, 17);
}

button.btn.btn-circle.active:active {
  background-color: #797979;
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 7px rgb(221, 221, 221);
  -moz-box-shadow: inset 0 1px 7px rgb(221, 221, 221);
  box-shadow: inset 0 1px 7px rgb(221, 221, 221);
}

.tab-pane.active {
  background-color: white;
  color: inherit;
}

.sub > li.active > a, .sub > li.active > a:focus, .sub > li.active > a:hover {
  color: #b5985a;
  background-color: #C0C0C0; /*#eee*/
  border-radius: 10px;
}

.sub > li > a {
  background-color: white;
  border-radius: 10px;
}

.sub > li {
  border: solid 1px #f00;
  border-color: lightgrey;
  border-width: thin;
}

#OEE-By-Asset-Loader.active,
#OEE-By-Asset-Container.active,
#OEE-Breakdown-Loader.active,
#OEE-Breakdown-Container.active,
#OEE-Trend-Loader.active,
#OEE-Trend-Container.active,
#Availability-By-Asset-Loader.active,
#Availability-By-Asset-Container.active,
#Availability-Reasons-Loader.active,
#Availability-Reasons-Container.active,
#Availability-Trend-Loader.active,
#Availability-Trend-Container.active,
#Performance-By-Asset-Loader.active,
#Performance-By-Asset-Container.active,
#Product-Performance-Loader.active,
#Product-Performance-Container.active,
#Product-Performance-Trend-Loader.active,
#Product-Performance-Trend-Container.active,
#Quality-By-Asset-Loader.active,
#Quality-By-Asset-Container.active,
#Product-Quality-Loader.active,
#Product-Quality-Container.active,
#Quality-Reason-Loader.active,
#Quality-Reason-Container.active,
#Quality-Trend-Loader.active,
#Quality-Trend-Container.active,
#TeamAnalysisByCategory-Container.active,
#TeamAnalysisByCategory-Loader.active,
#ActionSummaryTrend-Container.active,
#ActionSummaryTrend-Loader.active {
  background-color: none;
  color: none;
  display: none;
}

/* Set black background color, Gemba Green text and some padding */
.navbar-brand {
  background-color: #fff;
  color: #b5985a;
  padding: 15px;
}

.navbar-inverse .navbar-brand {
  background-color: #fff;
  color: #b5985a;
  padding: 15px;
}

.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 0px;
  border: 1px solid transparent;
}

/*jstree */
.jstree-icon jstree-checkbox {
  background: black;
}

.bootstrap-duallistbox-container .btn.move, .bootstrap-duallistbox-container .btn.remove,
.bootstrap-duallistbox-container .btn.moveall, .bootstrap-duallistbox-container .btn.removeall {
  width: unset;
}

/* On small screens, set height to 'auto' for sidenav and grid */
@media screen and (max-width: 767px) {
  .sidenav {
    height: auto;
    /**padding: 15px;**/
  }
  .row.content {
    height: auto;
  }
  .TTabCreate {
    height: 718px;
  }
}
/*============== media queries for standard devices ===============*/
/*=================================================================*/
/* iPhone X in portrait & landscape */
/* iPhone X in landscape */
/* iPhone X in portrait */
/* iPhone 6, 7, & 8 in portrait & landscape */
/* iPhone 6, 7, & 8 in landscape */
/* iPhone 6, 7, & 8 in portrait */
/* iPhone 6, 7, & 8 Plus in portrait & landscape */
/* iPhone 6, 7, & 8 Plus in landscape */
/* iPhone 6, 7, & 8 Plus in portrait */
/* iPhone 6 in portrait & landscape */
/* iPhone 6 in landscape */
/* iPhone 6 in portrait */
/* iPhone 6 Plus in portrait & landscape */
/* iPhone 6 Plus in landscape */
/* iPhone 6 Plus in portrait */
/* iPhone 5 & 5S in portrait & landscape */
/* iPhone 5 & 5S in landscape */
/* iPhone 5 & 5S in portrait */
/* 
  iPhone 2G, 3G, 4, 4S Media Queries
  It's noteworthy that these media queries are also the same for iPod Touch generations 1-4.
*/
/* iPhone 2G-4S in portrait & landscape */
/* iPhone 2G-4S in landscape */
/* iPhone 2G-4S in portrait */
/* iPad in portrait & landscape */
/* iPad in landscape */
/* iPad in portrait */
/* Galaxy S3 portrait and landscape */
/* Galaxy S3 portrait */
/* Galaxy S3 landscape */
/* Galaxy S4 portrait and landscape */
/* Galaxy S4 portrait */
/* Galaxy S4 landscape */
/* Galaxy S5 portrait and landscape */
/* Galaxy S5 portrait */
/* Galaxy S5 landscape */
/* HTC One portrait and landscape */
/* HTC One portrait */
/* HTC One landscape */
/*
  iPad 3 & 4 Media Queries
  If you're looking to target only 3rd and 4th generation Retina iPads 
  (or tablets with similar resolution) to add @2x graphics,
  or other features for the tablet's Retina display, use the following media queries.
*/
/* Retina iPad in portrait & landscape */
/* Retina iPad in landscape */
/* Retina iPad in portrait */
/*
  iPad 1 & 2 Media Queries
  If you're looking to supply different graphics or choose different typography 
  for the lower resolution iPad display, the media queries below will work 
  like a charm in your responsive design!
*/
/* iPad 1 & 2 in portrait & landscape */
/* iPad 1 & 2 in landscape */
/* iPad 1 & 2 in portrait */
/* iPad mini in portrait & landscape */
/* iPad mini in landscape */
/* iPad mini in portrait */
/* Galaxy Tab 10.1 portrait and landscape */
/* Galaxy Tab 10.1 portrait */
/* Galaxy Tab 10.1 landscape */
/* Asus Nexus 7 portrait and landscape */
/* Asus Nexus 7 portrait */
/* Asus Nexus 7 landscape */
/* Kindle Fire HD 7" portrait and landscape */
/* Kindle Fire HD 7" portrait */
/* Kindle Fire HD 7" landscape */
/* Kindle Fire HD 8.9" portrait and landscape */
/* Kindle Fire HD 8.9" portrait */
/* Kindle Fire HD 8.9" landscape */
/* Laptops non-retina screens */
/* Laptops retina screens */
/* Apple Watch */
/* Moto 360 Watch */