@import url("//fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,400italic");
html,
body {
  height: 100%; }

body {
  color: #040707;
  background-color: #EAEDF0;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5; }

h2 {
  font-size: 22px;
  font-weight: 400; }

h4 {
  font-size: 20px;
  font-weight: 400; }

a {
  color: #084E95; }
  a.glyphicon {
    text-decoration: none !important;
    cursor: pointer; }

.clickable {
  cursor: pointer; }

.normal {
  font-weight: 400; }

.light {
  font-weight: 300; }

.bold {
  font-weight: 600; }

.separator {
  border-top: 1px solid #E0E0E0;
  margin-top: 0;
  margin-bottom: 30px; }

.separatorInvisible {
  height: 24px;
  display: block;
  clear: both; }

.currencySign {
  margin-left: 0.25em; }

.marginR-10 {
  margin-right: 10px; }

main {
  background-color: #FFFFFF; }

aside {
  border-top: 26px solid #003265; }
  aside > div h1 {
    height: 160px;
    color: #003883;
    font-size: 24px;
    font-weight: 600;
    opacity: 0.20;
    background: transparent no-repeat left bottom;
    background-size: 150px;
    text-align: center; }

header div[class^='col-'] {
  min-height: 112px; }
header div.row {
  background-color: #FFFFFF; }
header img {
  width: auto; }
  header img.logoWbv {
    height: 20px;
    margin: 35px 0 0 0; }
  header img.logoDihk {
    height: 52px;
    margin: 35px 0 0 2px; }
header .navMeta {
  padding: 0;
  list-style: none;
  float: right; }
  header .navMeta li {
    margin-left: 12px;
    float: left; }

.contentBorderRight {
  border-right: 4px solid rgba(0, 50, 101, 0.2); }

.headerBar {
  height: 26px;
  background-color: #003265;
  display: none; }

.contentHeader {
  margin: 0 0 10px 0;
  color: #040707;
  border-bottom: 1px solid #E0E0E0; }
  .contentHeader h2 {
    margin-top: 0; }
    .contentHeader h2 a .glyphicon {
      margin-right: 4px;
      font-weight: 600;
      font-size: 16px;
      position: relative;
      top: 1px; }
    .contentHeader h2 a:hover {
      color: #040707;
      text-decoration: none; }
    .contentHeader h2 .separator {
      margin: 0 0.5em;
      border: none;
      display: inline-block; }
  .contentHeader .navContentHeader {
    margin: 0;
    padding-left: 0;
    font-size: 15px;
    list-style: none;
    float: right; }
    .contentHeader .navContentHeader > li {
      float: left; }
      .contentHeader .navContentHeader > li a {
        padding: 7px 2px 3px 0;
        border-bottom: 4px solid #FFFFFF;
        display: inline-block;
        margin-left: 30px;
        color: #040707; }
        .contentHeader .navContentHeader > li a .glyphicon {
          margin-right: 8px;
          font-size: 11px;
          color: #040707; }
        .contentHeader .navContentHeader > li a.act, .contentHeader .navContentHeader > li a:hover {
          color: #003883;
          text-decoration: none;
          border-bottom: 4px solid #003883; }
          .contentHeader .navContentHeader > li a.act .glyphicon, .contentHeader .navContentHeader > li a:hover .glyphicon {
            color: #003883; }

.contentSubHeader .filterRow .form-inline {
  display: table-cell;
  padding: 7px 12px 8px 13px;
  white-space: nowrap;
  border-left: 2px solid white; }
  .contentSubHeader .filterRow .form-inline .form-group {
    margin-right: 8px; }
    .contentSubHeader .filterRow .form-inline .form-group:last-child {
      margin-right: -4px;
      font-size: 0; }
      .contentSubHeader .filterRow .form-inline .form-group:last-child .glyphicon {
        margin-right: 4px; }
.contentSubHeader .filterRow input, .contentSubHeader .filterRow select {
  height: 30px; }
.contentSubHeader .filterRow .btnVergleich {
  color: #003883; }
  .contentSubHeader .filterRow .btnVergleich.collapsed {
    color: black; }
.contentSubHeader .filterRow .btnVergleich, .contentSubHeader .filterRow .btnSubmit {
  padding: 4px 12px; }
.contentSubHeader .filterRow .inputSuche {
  width: 204px;
  margin-right: 8px; }
  @media (max-width: 992px) {
    .contentSubHeader .filterRow .inputSuche {
      width: 72px; } }
  .contentSubHeader .filterRow .inputSuche.widthAuto {
    width: auto; }
.contentSubHeader .filterRow .iconVergleich {
  margin-top: 4px; }
.contentSubHeader .filterInfoRow .form-inline {
  width: 100%; }
  .contentSubHeader .filterInfoRow .form-inline select {
    height: 26px;
    width: 225px;
    margin-top: 10px;
    margin-bottom: 10px; }
  .contentSubHeader .filterInfoRow .form-inline .form-group {
    margin-top: 10px;
    margin-bottom: 10px; }
    .contentSubHeader .filterInfoRow .form-inline .form-group:after {
      margin-left: 10px;
      margin-right: 10px;
      content: '|'; }
    .contentSubHeader .filterInfoRow .form-inline .form-group label,
    .contentSubHeader .filterInfoRow .form-inline .form-group p {
      margin-right: 10px;
      font-weight: 400; }
  .contentSubHeader .filterInfoRow .form-inline .btnRemove {
    margin-right: 8px;
    color: #040707; }

.form-group.formGrouped {
  font-size: 0; }
  .form-group.formGrouped .form-control:first-child {
    width: 58px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
    .form-group.formGrouped .form-control:first-child.widthAuto {
      width: auto; }
  .form-group.formGrouped .form-control:last-child {
    border-left: 0;
    -webkit-border-top-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-bottomleft: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    width: 86px; }
    .form-group.formGrouped .form-control:last-child.widthAuto {
      width: auto; }
  .form-group.formGrouped .datepicker {
    padding-left: 6px; }

.form-group.split-inputs label {
  display: block; }
.form-group.split-inputs input {
  width: 14rem;
  display: inline-block; }

.form-group .input-group .input-group-addon.input-btn {
  padding: 0; }
  .form-group .input-group .input-group-addon.input-btn .btn {
    border: none;
    padding: 4px 12px; }
.form-group .input-group .twitter-typeahead {
  display: inline !important;
  position: static !important; }
  .form-group .input-group .twitter-typeahead .typeahead:focus {
    border-width: 1px; }

.contentSubHeader .filterRow .form-flex {
  display: flex;
  justify-content: space-between; }

.form-inline #selected-product-ids, .form-inline #selected-product-type-ids {
  display: inline-flex;
  flex-wrap: wrap; }
  .form-inline #selected-product-ids .clickable-product-id, .form-inline #selected-product-ids .clickable-product-type-id, .form-inline #selected-product-type-ids .clickable-product-id, .form-inline #selected-product-type-ids .clickable-product-type-id {
    margin-top: 0;
    padding: 3px 8px; }

body.home .headerBar, body.login .headerBar {
  display: block; }
body.home aside, body.login aside {
  visibility: hidden; }
body.home main, body.login main {
  background-color: transparent; }
body.reportArtikelbestaende aside > div h1 {
  background-image: url("../bundles/app/images/icons/Artikelbestaende.png");
  background-size: 128px;
  background-position: center bottom; }
body.reportIHK aside > div h1 {
  background-image: url("../bundles/app/images/icons/IHK.png");
  background-size: 96px;
  background-position: center bottom; }
body.reportLagerbewegung aside > div h1 {
  background-image: url("../bundles/app/images/icons/Lagerbewegung.png");
  background-size: 114px;
  background-position: center bottom; }
body.reportLehrgang aside > div h1 {
  background-image: url("../bundles/app/images/icons/Lehrgang.png");
  background-position: center bottom; }
body.reportProdukte aside > div h1 {
  background-image: url("../bundles/app/images/icons/Produkte.png");
  background-size: 114px;
  background-position: center bottom; }

.btnDarkblue, .btnDarkblue:hover, .btnDarkblue:focus {
  color: #FFFFFF;
  background-color: #003883;
  border-color: #003883; }
  .btnDarkblue.hover:hover, .btnDarkblue:hover.hover:hover, .btnDarkblue:focus.hover:hover {
    color: #4A4A4A;
    background-color: white;
    border-color: #E0E0E0; }

.btnLightblue, .btnLightblue:hover, .btnLightblue:focus {
  color: #003883;
  background-color: #CBD7E5;
  border-color: #CBD7E5; }
  .btnLightblue.hover:hover, .btnLightblue:hover.hover:hover, .btnLightblue:focus.hover:hover {
    color: #FFFFFF;
    background-color: #E3000B;
    border-color: #E0E0E0; }

.btnWhite, .btnWhite:hover, .btnWhite:focus {
  color: #4A4A4A;
  background-color: white;
  border-color: #E0E0E0; }
  .btnWhite.hover:hover, .btnWhite:hover.hover:hover, .btnWhite:focus.hover:hover {
    color: #FFFFFF;
    background-color: #003883;
    border-color: #003883; }

.btnDarkblue.btnTop, .btnLightblue.btnTop, .btnWhite.btnTop {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }
  .btnDarkblue.btnTop span, .btnLightblue.btnTop span, .btnWhite.btnTop span {
    font-size: 16px; }
  .btnDarkblue.btnTop span.glyphicon, .btnLightblue.btnTop span.glyphicon, .btnWhite.btnTop span.glyphicon {
    margin-right: 8px; }
.btnDarkblue.iconOnly, .btnLightblue.iconOnly, .btnWhite.iconOnly {
  height: 36px;
  padding: 2px 8px; }
  .btnDarkblue.iconOnly span.glyphicon, .btnLightblue.iconOnly span.glyphicon, .btnWhite.iconOnly span.glyphicon {
    margin-right: 0;
    font-size: 26px; }

.panelReporting {
  background: white;
  border: 1px solid #E0E0E0;
  box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.5);
  border-radius: 8px;
  padding: 15px 24px;
  color: #040707;
  cursor: pointer;
  display: block;
  height: 194px; }
  .panelReporting.disabled {
    cursor: default;
    color: #C8C8C8; }
    .panelReporting.disabled:hover, .panelReporting.disabled:focus {
      background: white;
      color: #C8C8C8; }
  .panelReporting .preferencesIcon {
    font-size: 34px;
    color: #003883; }
  .panelReporting:hover, .panelReporting.variant:hover, .panelReporting:focus, .panelReporting.variant:focus {
    background: #003883;
    color: #FFFFFF;
    text-decoration: none; }
    .panelReporting:hover .preferencesIcon, .panelReporting.variant:hover .preferencesIcon, .panelReporting:focus .preferencesIcon, .panelReporting.variant:focus .preferencesIcon {
      color: #FFFFFF; }
  .panelReporting.variant {
    background-color: rgba(255, 255, 255, 0.5); }
  .panelReporting .subHeading {
    font-size: 22px;
    font-weight: lighter; }
  .panelReporting .heading {
    font-size: 30px;
    font-weight: normal; }
  .panelReporting [class^='icon'] {
    margin-top: 20px;
    margin-left: auto;
    display: block; }

@media (max-width: 991px) {
  .panelReporting .heading {
    font-size: 27px; } }
.reportList {
  margin: 12px 0;
  padding: 0;
  list-style: none; }
  .reportList li {
    padding: 0 6px;
    border-bottom: 1px solid #E0E0E0;
    cursor: pointer;
    font-weight: 600; }
    .reportList li:first-child {
      border-top: 1px solid #E0E0E0; }
    .reportList li:hover {
      background-color: rgba(0, 56, 131, 0.072); }
    .reportList li span {
      line-height: 34px; }
    .reportList li span[class^='icon'] {
      vertical-align: baseline;
      margin: -5px 8px -5px 0; }
    .reportList li span.glyphicon {
      color: #003883;
      float: right;
      font-size: 18px; }

[class^='icon'] {
  display: inline-block; }

.iconCharts {
  width: 24px;
  height: 22px;
  background: transparent url("../bundles/app/images/icons/Charts.png") no-repeat left top; }

.iconArtikelbestaende {
  width: 77px;
  height: 63px;
  background: transparent url("../bundles/app/images/icons/Artikelbestaende.png") no-repeat left top; }

.iconBookmark {
  width: 40px;
  height: 62px;
  background: transparent url("../bundles/app/images/icons/Bookmark.png") no-repeat left top; }
  .iconBookmark:hover, .iconBookmark:focus {
    background: transparent url("../bundles/app/images/icons/Bookmark-Over.png") no-repeat left top; }

.iconIHK {
  width: 59px;
  height: 64px;
  background: transparent url("../bundles/app/images/icons/IHK.png") no-repeat left top; }
  .iconIHK:hover, .iconIHK:focus {
    background: transparent url("../bundles/app/images/icons/IHK-Over.png") no-repeat left top; }

.iconLagerbewegung {
  width: 61px;
  height: 56px;
  background: transparent url("../bundles/app/images/icons/Lagerbewegung.png") no-repeat left top; }
  .iconLagerbewegung:hover, .iconLagerbewegung:focus {
    background: transparent url("../bundles/app/images/icons/Lagerbewegung-Over.png") no-repeat left top; }

.iconLehrgang {
  width: 85px;
  height: 63px;
  background: transparent url("../bundles/app/images/icons/Lehrgang.png") no-repeat left top; }
  .iconLehrgang:hover, .iconLehrgang:focus {
    background: transparent url("../bundles/app/images/icons/Lehrgang-Over.png") no-repeat left top; }

.iconProdukte {
  width: 58px;
  height: 64px;
  background: transparent url("../bundles/app/images/icons/Produkte.png") no-repeat left top; }
  .iconProdukte:hover, .iconProdukte:focus {
    background: transparent url("../bundles/app/images/icons/Produkte-Over.png") no-repeat left top; }

.iconStatus {
  width: 12px;
  height: 12px;
  margin: 0 12px;
  position: relative;
  top: 2px; }

.iconStatusRed100 {
  background-color: #E3000B; }

.iconStatusRed075 {
  background-color: rgba(227, 0, 11, 0.75); }

.iconStatusRed050 {
  background-color: rgba(227, 0, 11, 0.5); }

.iconStatusRed025 {
  background-color: rgba(227, 0, 11, 0.25); }

.iconStatusBlue100 {
  background-color: #003883; }

.iconStatusBlue075 {
  background-color: rgba(0, 56, 131, 0.75); }

.iconStatusBlue050 {
  background-color: rgba(0, 56, 131, 0.5); }

.iconStatusBlue025 {
  background-color: rgba(0, 56, 131, 0.25); }

.iconStatusGrey100 {
  background-color: #585655; }

.iconStatusGrey075 {
  background-color: rgba(88, 86, 85, 0.75); }

.iconStatusGrey050 {
  background-color: rgba(88, 86, 85, 0.5); }

.iconStatusGrey025 {
  background-color: rgba(88, 86, 85, 0.25); }

.positiveValue {
  color: #003883; }

.statusRed,
.negativeValue,
.warningValue {
  color: #E3000B; }

.panelReporting:hover .iconBookmark, .panelReporting:focus .iconBookmark {
  background: transparent url("../bundles/app/images/icons/Bookmark-Over.png") no-repeat left top; }
.panelReporting:hover .iconIHK, .panelReporting:focus .iconIHK {
  background: transparent url("../bundles/app/images/icons/IHK-Over.png") no-repeat left top; }
.panelReporting:hover .iconLagerbewegung, .panelReporting:focus .iconLagerbewegung {
  background: transparent url("../bundles/app/images/icons/Lagerbewegung-Over.png") no-repeat left top; }
.panelReporting:hover .iconLehrgang, .panelReporting:focus .iconLehrgang {
  background: transparent url("../bundles/app/images/icons/Lehrgang-Over.png") no-repeat left top; }
.panelReporting:hover .iconProdukte, .panelReporting:focus .iconProdukte {
  background: transparent url("../bundles/app/images/icons/Produkte-Over.png") no-repeat left top; }

.downloadButtons a.btn {
  display: inline-block;
  float: left;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-right: 3em; }

.btnXls, .btnSave, .btnPdf {
  width: 37px;
  height: 30px;
  border: 0; }

.subtable tr th .btnXls, .subtable tr th .btnSave, .subtable tr th .btnPdf {
  width: 2.5em;
  height: 2em;
  background-size: 2.5em;
  display: inline-block; }
  .subtable tr th .btnXls:hover, .subtable tr th .btnXls:focus, .subtable tr th .btnSave:hover, .subtable tr th .btnSave:focus, .subtable tr th .btnPdf:hover, .subtable tr th .btnPdf:focus {
    background-size: 2.5em; }
.subtable tr th.reportButtons {
  padding-bottom: 0; }
.subtable tr th a {
  padding: 0; }

.btnXls {
  background: transparent url("../bundles/app/images/buttons/XLS-Ikon.png") no-repeat left top; }
  .btnXls:hover, .btnXls:focus {
    background: transparent url("../bundles/app/images/buttons/XLS-Ikon-over.png") no-repeat left top; }

.btnSave {
  background: transparent url("../bundles/app/images/buttons/SAVE-Ikon.png") no-repeat left top; }
  .btnSave:hover, .btnSave:focus {
    background: transparent url("../bundles/app/images/buttons/SAVE-Ikon-over.png") no-repeat left top; }

.btnPdf {
  background: transparent url("../bundles/app/images/buttons/PDF-Ikon.png") no-repeat left top; }
  .btnPdf:hover, .btnPdf:focus {
    background: transparent url("../bundles/app/images/buttons/PDF-Ikon-over.png") no-repeat left top; }

.tableLayoutFixed {
  table-layout: fixed; }

.reportTable {
  margin-bottom: 24px;
  padding-left: 0;
  width: 100%;
  position: relative; }
  .reportTable > tr > td {
    margin: 0 -6px;
    padding-left: 0;
    background-color: #FFFFFF; }
    .reportTable > tr > td > li div:first-child {
      margin-left: -6px;
      margin-bottom: -1px;
      padding-left: 18px;
      padding-bottom: 10px;
      background-color: #FFFFFF; }
    .reportTable > tr > td > li.reportTableFooter {
      border-bottom: none; }
  .reportTable th.sort {
    color: #084E95;
    cursor: pointer; }
    .reportTable th.sort.asc:after {
      content: "\e155"; }
    .reportTable th.sort.desc:after {
      content: "\e156"; }
    .reportTable th.sort.asc:after, .reportTable th.sort.desc:after {
      position: relative;
      top: 1px;
      padding: 2px;
      font-family: 'Glyphicons Halflings';
      font-size: 13px;
      line-height: 1;
      color: #E3000B; }
  .reportTable tr {
    padding: 0 6px;
    list-style: none;
    float: none;
    border-bottom: 1px solid #E0E0E0;
    text-align: right; }
    .reportTable tr:hover {
      background-color: rgba(0, 56, 131, 0.072); }
    .reportTable tr.subtable:hover {
      background-color: inherit; }
    .reportTable tr.subtable > td {
      padding: 0;
      padding-left: 1em; }
    .reportTable tr.clickable-row {
      cursor: pointer;
      background-image: url("../bundles/app/images/plus.png");
      background-repeat: no-repeat;
      background-size: 1em;
      background-position: 0.7em 0.7em; }
      .reportTable tr.clickable-row td:first-child {
        padding-left: 2.5em; }
      .reportTable tr.clickable-row.expanded {
        background-image: url("../bundles/app/images/minus.png");
        background-color: #CBD7E5; }
    .reportTable tr.highlight {
      background-color: #CBD7E5; }
    .reportTable tr.reportTableChart {
      border-bottom: none;
      text-align: right;
      position: absolute;
      right: 0; }
      .reportTable tr.reportTableChart img {
        margin: 12px; }
      .reportTable tr.reportTableChart:hover {
        background-color: transparent; }
    .reportTable tr > td, .reportTable tr > th {
      padding: 0.5em 12px;
      vertical-align: top; }
      .reportTable tr > td.reportIcon, .reportTable tr > td.reportLabel, .reportTable tr > th.reportIcon, .reportTable tr > th.reportLabel {
        text-align: left; }
        .reportTable tr > td.reportIcon.product_id, .reportTable tr > td.reportLabel.product_id, .reportTable tr > th.reportIcon.product_id, .reportTable tr > th.reportLabel.product_id {
          width: 133px; }
        .reportTable tr > td.reportIcon li.download_zip, .reportTable tr > td.reportLabel li.download_zip, .reportTable tr > th.reportIcon li.download_zip, .reportTable tr > th.reportLabel li.download_zip {
          list-style: none;
          margin-left: -1em; }
          .reportTable tr > td.reportIcon li.download_zip .btnSave, .reportTable tr > td.reportLabel li.download_zip .btnSave, .reportTable tr > th.reportIcon li.download_zip .btnSave, .reportTable tr > th.reportLabel li.download_zip .btnSave {
            border: 2px solid;
            border-radius: 6px; }
      .reportTable tr > td.reportIcon, .reportTable tr > th.reportIcon {
        width: 26px;
        padding-right: 0; }
        .reportTable tr > td.reportIcon .glyphicon, .reportTable tr > th.reportIcon .glyphicon {
          font-weight: 600;
          color: #040707; }
          .reportTable tr > td.reportIcon .glyphicon.glyphicon-minus-sign, .reportTable tr > th.reportIcon .glyphicon.glyphicon-minus-sign {
            color: #E3000B; }
        .reportTable tr > td.reportIcon + .reportIcon, .reportTable tr > th.reportIcon + .reportIcon {
          padding-right: 0; }
      .reportTable tr > td.reportValue, .reportTable tr > th.reportValue {
        text-align: right;
        padding-left: 0;
        padding-right: 7px;
        width: 45px; }
        .reportTable tr > td.reportValue.date_range, .reportTable tr > th.reportValue.date_range {
          width: 157px; }
        .reportTable tr > td.reportValue.turnover2, .reportTable tr > th.reportValue.turnover2 {
          width: 64px; }
        .reportTable tr > td.reportValue.revenue2, .reportTable tr > th.reportValue.revenue2 {
          width: 90px; }
        .reportTable tr > td.reportValue.turnover, .reportTable tr > th.reportValue.turnover {
          width: 64px; }
        .reportTable tr > td.reportValue.revenue, .reportTable tr > th.reportValue.revenue {
          width: 90px; }
        .reportTable tr > td.reportValue.revenue + .turnover, .reportTable tr > th.reportValue.revenue + .turnover {
          border-left: 1px solid #E0E0E0; }
        .reportTable tr > td.reportValue.date_range + .date_range, .reportTable tr > th.reportValue.date_range + .date_range {
          border-left: 1px solid #E0E0E0; }
      .reportTable tr > td.reportValueEndbestand, .reportTable tr > th.reportValueEndbestand {
        font-weight: 600; }
      .reportTable tr > td.reportStatus, .reportTable tr > th.reportStatus {
        padding-left: 0; }
        .reportTable tr > td.reportStatus .iconStatus, .reportTable tr > th.reportStatus .iconStatus {
          width: 14px;
          height: 14px;
          margin: 0;
          border: 2px solid #585655; }
      .reportTable tr > td .glyphicon-warning-sign, .reportTable tr > th .glyphicon-warning-sign {
        color: #E3000B;
        margin-right: 36px; }
    .reportTable tr.reportTableHeader {
      border-top: 1px solid #E0E0E0; }
    .reportTable tr.reportTableHeader, .reportTable tr.reportTableFooter {
      background-color: #F8F8F8;
      font-weight: 600; }
      .reportTable tr.reportTableHeader .glyphicon, .reportTable tr.reportTableFooter .glyphicon {
        font-size: 13px;
        color: #E3000B; }
      .reportTable tr.reportTableHeader .sortAble, .reportTable tr.reportTableFooter .sortAble {
        position: relative; }
        .reportTable tr.reportTableHeader .sortAble .glyphicon, .reportTable tr.reportTableFooter .sortAble .glyphicon {
          position: absolute;
          top: 0.5em;
          right: -1.25em; }

.reportTable.projectTable tr.clickable-row {
  background-image: none; }
  .reportTable.projectTable tr.clickable-row td:first-child {
    padding-left: 12px; }
  .reportTable.projectTable tr.clickable-row td.project_ok {
    background-color: green;
    color: white; }
  .reportTable.projectTable tr.clickable-row td.project_late {
    background-color: yellow; }
  .reportTable.projectTable tr.clickable-row td.project_exception {
    background-color: red;
    color: white; }
.reportTable.projectTable tr.not_arrived {
  background-color: #F8F8F8; }
.reportTable.projectTable td.projectProgress {
  width: 30%; }
  .reportTable.projectTable td.projectProgress table {
    width: 100%; }
    .reportTable.projectTable td.projectProgress table tr:hover {
      background-color: inherit; }

.projectForm label.dihk {
  color: #366fae; }

.searchResultItem .highlight {
  background-color: #CBD7E5; }

.productTypeForm h3, .courseForm h3 {
  font-size: 18px; }
.productTypeForm .subs, .productTypeForm .mains, .courseForm .subs, .courseForm .mains {
  padding-left: 1.5em; }

#add_manager_number_managers .checkbox {
  width: 33%;
  display: inline-block; }

.pull-not {
  float: none !important; }

.loginCtn {
  width: 320px;
  margin: 144px auto 0 auto;
  padding: 30px 36px 36px 36px;
  background-color: #FFFFFF;
  border-radius: 4px;
  color: #040707; }
  .loginCtn h1 {
    margin: 0 -10px 30px -10px;
    color: #003883;
    font-weight: bold; }
  .loginCtn h4 {
    margin: 0 0 30px 0; }
  .loginCtn .form-group {
    margin-bottom: 9px; }
  .loginCtn button[type='submit'] {
    width: 100%;
    margin-top: 24px;
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 20px;
    display: block; }
  .loginCtn input {
    font-weight: 400; }
  .loginCtn .noMarginB {
    margin-bottom: 0; }
  .loginCtn .checkbox {
    margin-top: 5px; }
    .loginCtn .checkbox input, .loginCtn .checkbox label {
      height: 15px;
      font-size: 15px; }
  .loginCtn .glyphicon {
    color: #999999;
    font-size: 18px; }

.bgColBgBody {
  background-color: #EAEDF0; }

.width100 {
  width: 100%; }

.example {
  display: none; }

.chartDummy {
  margin: 12px; }

.clickDummy {
  color: #F4F;
  font-style: italic; }

section {
  display: none; }

body.login aside {
  display: none; }
body.login .contentWrap,
body.login .contentWrap > .container,
body.login main {
  width: 100% !important; }
body.login section#home {
  display: block; }
body.login header.container-fluid {
  background-color: #FFFFFF; }
body.login header .navMeta {
  display: none; }
body.login .contentBorderRight {
  border: none; }
body.home section#start {
  display: block; }
body.home header.container-fluid {
  background-color: #FFFFFF; }
body.home .contentBorderRight {
  border: none; }
body.p01 section#p01 {
  display: block; }
body.p02 section#p02 {
  display: block; }
body.p03 section#p03 {
  display: block; }
body.p04 section#p04 {
  display: block; }
body.p05 section#p05 {
  display: block; }
body.p07 section#p07 {
  display: block; }
body.p08 section#p08 {
  display: block; }
body.p09 section#p09 {
  display: block; }
body.p10 section#p10 {
  display: block; }
body.p11 section#p11 {
  display: block; }
body.p12 section#p12 {
  display: block; }
body.p13 section#p13 {
  display: block; }

.container {
  margin-left: 0;
  padding: 0; }

.no-gutter > [class*='col-'] {
  padding-right: 0;
  padding-left: 0; }

@media (min-width: 992px) {
  .container {
    width: 1224px; }

  .extraPadding {
    padding-left: 30px;
    padding-right: 30px; } }
@media (min-width: 1200px) {
  .container {
    width: 1224px; } }
.modal .modal-header {
  background-color: #003883;
  color: #FFFFFF; }
  .modal .modal-header button.close {
    opacity: 1;
    color: #FFFFFF;
    font-size: 24px;
    line-height: 0.5;
    margin: 4px; }

.table > thead tr > th,
.table > thead tr > td {
  border-top: 1px solid #DDDDDD !important;
  border-bottom: 1px solid #DDDDDD; }

.table > thead tr > th,
.table > thead tr > td,
.table > tfoot tr > th,
.table > tfoot tr > td {
  background-color: #F8F8F8; }

.table > tfoot tr > th,
.table > tfoot tr > td {
  border-bottom: 1px solid #DDDDDD; }

.form-control:focus {
  border-color: #CCC;
  outline: 0;
  box-shadow: none; }

select.form-control {
  padding: 0 4px; }

.input-lg {
  font-weight: 600;
  height: 44px; }

.btn-lg {
  font-weight: bold; }

button[type="submit"].hidden {
  visibility: visible !important;
  display: inline !important;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0; }

.clickable-product-id, .clickable-product-type-id {
  padding: 6px 12px;
  margin-right: 0.3em;
  margin-top: 0.3em;
  display: inline-block;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; }
  .clickable-product-id:hover, .clickable-product-type-id:hover {
    cursor: pointer;
    color: #fff;
    background-color: #003883; }
  .clickable-product-id.delete-confirm, .clickable-product-type-id.delete-confirm {
    color: #fff;
    background-color: #E3000B; }
    .clickable-product-id.delete-confirm:after, .clickable-product-type-id.delete-confirm:after {
      font-family: "Glyphicons Halflings";
      content: "\e020";
      font-size: 12px; }

.twitter-typeahead {
  width: 100%; }

.typeahead {
  background-color: #fff; }
  .typeahead.error {
    border-color: #E3000B; }

.typeahead:focus {
  border: 2px solid #003883; }
  .typeahead:focus.error {
    border-color: #E3000B; }

.tt-query {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }

.tt-hint {
  color: #999; }

.tt-menu {
  width: 100%;
  padding: 8px 0;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }

.product-type-search .tt-menu {
  width: auto; }

.tt-suggestion {
  padding: 3px 20px;
  font-size: 18px;
  line-height: 24px; }

.tt-suggestion:hover {
  cursor: pointer;
  color: #fff;
  background-color: #003883; }

.tt-suggestion.tt-cursor {
  color: #fff;
  background-color: #003883; }

.tt-suggestion p {
  margin: 0; }

.pincode-input-text {
  font-size: 2em;
  height: 44px; }

.pincode-input-text:focus {
  border: 2px solid #003883 !important; }

table.internal-project-table th, table.internal-project-table td {
  padding: 0; }
table.internal-project-table tr:last-child {
  border-bottom: none; }