/* Tento soubor byl vygenerovan (Fri Dec 09 2016 14:37:08 GMT+0100 (Central Europe Standard Time)), needitujte rucne! */
/* ----------------------- */
/* CONTENT AREA
/* ----------------------- */
/* ----------------------- */
/* ASSET PATHS
/* ----------------------- */
/* ----------------------- */
/* FONTS
/* ----------------------- */
/* ----------------------- */
/* RESPONSIVE BREAKPOINTS
/* ----------------------- */
/* ----------------------- */
/* SITE STATE CLASSES
/* ----------------------- */
/* ----------------------- */
/* COMPONENT DEPTHS
/* ----------------------- */
/* ----------------------- */
/* SITE GRID (columns)
/* ----------------------- */
.grid-cell--1of12 {
  width: 8.33333333% !important;
}
.grid-offset--1of12 {
  margin-left: 8.33333333% !important;
}
@media only screen and (max-width: 1199px) {
  .md-cell--1of12 {
    width: 8.33333333% !important;
  }
  .md-offset--1of12 {
    margin-left: 8.33333333% !important;
  }
}
@media only screen and (max-width: 991px) {
  .sm-cell--1of12 {
    width: 8.33333333% !important;
  }
  .sm-offset--1of12 {
    margin-left: 8.33333333% !important;
  }
}
@media only screen and (max-width: 767px) {
  .xs-cell--1of12 {
    width: 8.33333333% !important;
  }
  .xs-offset--1of12 {
    margin-left: 8.33333333% !important;
  }
}
.grid-cell--2of12 {
  width: 16.66666667% !important;
}
.grid-offset--2of12 {
  margin-left: 16.66666667% !important;
}
@media only screen and (max-width: 1199px) {
  .md-cell--2of12 {
    width: 16.66666667% !important;
  }
  .md-offset--2of12 {
    margin-left: 16.66666667% !important;
  }
}
@media only screen and (max-width: 991px) {
  .sm-cell--2of12 {
    width: 16.66666667% !important;
  }
  .sm-offset--2of12 {
    margin-left: 16.66666667% !important;
  }
}
@media only screen and (max-width: 767px) {
  .xs-cell--2of12 {
    width: 16.66666667% !important;
  }
  .xs-offset--2of12 {
    margin-left: 16.66666667% !important;
  }
}
.grid-cell--3of12 {
  width: 25% !important;
}
.grid-offset--3of12 {
  margin-left: 25% !important;
}
@media only screen and (max-width: 1199px) {
  .md-cell--3of12 {
    width: 25% !important;
  }
  .md-offset--3of12 {
    margin-left: 25% !important;
  }
}
@media only screen and (max-width: 991px) {
  .sm-cell--3of12 {
    width: 25% !important;
  }
  .sm-offset--3of12 {
    margin-left: 25% !important;
  }
}
@media only screen and (max-width: 767px) {
  .xs-cell--3of12 {
    width: 25% !important;
  }
  .xs-offset--3of12 {
    margin-left: 25% !important;
  }
}
.grid-cell--4of12 {
  width: 33.33333333% !important;
}
.grid-offset--4of12 {
  margin-left: 33.33333333% !important;
}
@media only screen and (max-width: 1199px) {
  .md-cell--4of12 {
    width: 33.33333333% !important;
  }
  .md-offset--4of12 {
    margin-left: 33.33333333% !important;
  }
}
@media only screen and (max-width: 991px) {
  .sm-cell--4of12 {
    width: 33.33333333% !important;
  }
  .sm-offset--4of12 {
    margin-left: 33.33333333% !important;
  }
}
@media only screen and (max-width: 767px) {
  .xs-cell--4of12 {
    width: 33.33333333% !important;
  }
  .xs-offset--4of12 {
    margin-left: 33.33333333% !important;
  }
}
.grid-cell--5of12 {
  width: 41.66666667% !important;
}
.grid-offset--5of12 {
  margin-left: 41.66666667% !important;
}
@media only screen and (max-width: 1199px) {
  .md-cell--5of12 {
    width: 41.66666667% !important;
  }
  .md-offset--5of12 {
    margin-left: 41.66666667% !important;
  }
}
@media only screen and (max-width: 991px) {
  .sm-cell--5of12 {
    width: 41.66666667% !important;
  }
  .sm-offset--5of12 {
    margin-left: 41.66666667% !important;
  }
}
@media only screen and (max-width: 767px) {
  .xs-cell--5of12 {
    width: 41.66666667% !important;
  }
  .xs-offset--5of12 {
    margin-left: 41.66666667% !important;
  }
}
.grid-cell--6of12 {
  width: 50% !important;
}
.grid-offset--6of12 {
  margin-left: 50% !important;
}
@media only screen and (max-width: 1199px) {
  .md-cell--6of12 {
    width: 50% !important;
  }
  .md-offset--6of12 {
    margin-left: 50% !important;
  }
}
@media only screen and (max-width: 991px) {
  .sm-cell--6of12 {
    width: 50% !important;
  }
  .sm-offset--6of12 {
    margin-left: 50% !important;
  }
}
@media only screen and (max-width: 767px) {
  .xs-cell--6of12 {
    width: 50% !important;
  }
  .xs-offset--6of12 {
    margin-left: 50% !important;
  }
}
.grid-cell--7of12 {
  width: 58.33333333% !important;
}
.grid-offset--7of12 {
  margin-left: 58.33333333% !important;
}
@media only screen and (max-width: 1199px) {
  .md-cell--7of12 {
    width: 58.33333333% !important;
  }
  .md-offset--7of12 {
    margin-left: 58.33333333% !important;
  }
}
@media only screen and (max-width: 991px) {
  .sm-cell--7of12 {
    width: 58.33333333% !important;
  }
  .sm-offset--7of12 {
    margin-left: 58.33333333% !important;
  }
}
@media only screen and (max-width: 767px) {
  .xs-cell--7of12 {
    width: 58.33333333% !important;
  }
  .xs-offset--7of12 {
    margin-left: 58.33333333% !important;
  }
}
.grid-cell--8of12 {
  width: 66.66666667% !important;
}
.grid-offset--8of12 {
  margin-left: 66.66666667% !important;
}
@media only screen and (max-width: 1199px) {
  .md-cell--8of12 {
    width: 66.66666667% !important;
  }
  .md-offset--8of12 {
    margin-left: 66.66666667% !important;
  }
}
@media only screen and (max-width: 991px) {
  .sm-cell--8of12 {
    width: 66.66666667% !important;
  }
  .sm-offset--8of12 {
    margin-left: 66.66666667% !important;
  }
}
@media only screen and (max-width: 767px) {
  .xs-cell--8of12 {
    width: 66.66666667% !important;
  }
  .xs-offset--8of12 {
    margin-left: 66.66666667% !important;
  }
}
.grid-cell--9of12 {
  width: 75% !important;
}
.grid-offset--9of12 {
  margin-left: 75% !important;
}
@media only screen and (max-width: 1199px) {
  .md-cell--9of12 {
    width: 75% !important;
  }
  .md-offset--9of12 {
    margin-left: 75% !important;
  }
}
@media only screen and (max-width: 991px) {
  .sm-cell--9of12 {
    width: 75% !important;
  }
  .sm-offset--9of12 {
    margin-left: 75% !important;
  }
}
@media only screen and (max-width: 767px) {
  .xs-cell--9of12 {
    width: 75% !important;
  }
  .xs-offset--9of12 {
    margin-left: 75% !important;
  }
}
.grid-cell--10of12 {
  width: 83.33333333% !important;
}
.grid-offset--10of12 {
  margin-left: 83.33333333% !important;
}
@media only screen and (max-width: 1199px) {
  .md-cell--10of12 {
    width: 83.33333333% !important;
  }
  .md-offset--10of12 {
    margin-left: 83.33333333% !important;
  }
}
@media only screen and (max-width: 991px) {
  .sm-cell--10of12 {
    width: 83.33333333% !important;
  }
  .sm-offset--10of12 {
    margin-left: 83.33333333% !important;
  }
}
@media only screen and (max-width: 767px) {
  .xs-cell--10of12 {
    width: 83.33333333% !important;
  }
  .xs-offset--10of12 {
    margin-left: 83.33333333% !important;
  }
}
.grid-cell--11of12 {
  width: 91.66666667% !important;
}
.grid-offset--11of12 {
  margin-left: 91.66666667% !important;
}
@media only screen and (max-width: 1199px) {
  .md-cell--11of12 {
    width: 91.66666667% !important;
  }
  .md-offset--11of12 {
    margin-left: 91.66666667% !important;
  }
}
@media only screen and (max-width: 991px) {
  .sm-cell--11of12 {
    width: 91.66666667% !important;
  }
  .sm-offset--11of12 {
    margin-left: 91.66666667% !important;
  }
}
@media only screen and (max-width: 767px) {
  .xs-cell--11of12 {
    width: 91.66666667% !important;
  }
  .xs-offset--11of12 {
    margin-left: 91.66666667% !important;
  }
}
.grid-cell--12of12 {
  width: 100% !important;
}
.grid-offset--12of12 {
  margin-left: 100% !important;
}
@media only screen and (max-width: 1199px) {
  .md-cell--12of12 {
    width: 100% !important;
  }
  .md-offset--12of12 {
    margin-left: 100% !important;
  }
}
@media only screen and (max-width: 991px) {
  .sm-cell--12of12 {
    width: 100% !important;
  }
  .sm-offset--12of12 {
    margin-left: 100% !important;
  }
}
@media only screen and (max-width: 767px) {
  .xs-cell--12of12 {
    width: 100% !important;
  }
  .xs-offset--12of12 {
    margin-left: 100% !important;
  }
}
.grid-cell--1of10 {
  width: 10% !important;
}
.grid-offset--1of10 {
  margin-left: 10% !important;
}
@media only screen and (max-width: 1199px) {
  .md-cell--1of10 {
    width: 10% !important;
  }
  .md-offset--1of10 {
    margin-left: 10% !important;
  }
}
@media only screen and (max-width: 991px) {
  .sm-cell--1of10 {
    width: 10% !important;
  }
  .sm-offset--1of10 {
    margin-left: 10% !important;
  }
}
@media only screen and (max-width: 767px) {
  .xs-cell--1of10 {
    width: 10% !important;
  }
  .xs-offset--1of10 {
    margin-left: 10% !important;
  }
}
.grid-cell--2of10 {
  width: 20% !important;
}
.grid-offset--2of10 {
  margin-left: 20% !important;
}
@media only screen and (max-width: 1199px) {
  .md-cell--2of10 {
    width: 20% !important;
  }
  .md-offset--2of10 {
    margin-left: 20% !important;
  }
}
@media only screen and (max-width: 991px) {
  .sm-cell--2of10 {
    width: 20% !important;
  }
  .sm-offset--2of10 {
    margin-left: 20% !important;
  }
}
@media only screen and (max-width: 767px) {
  .xs-cell--2of10 {
    width: 20% !important;
  }
  .xs-offset--2of10 {
    margin-left: 20% !important;
  }
}
.grid-cell--3of10 {
  width: 30% !important;
}
.grid-offset--3of10 {
  margin-left: 30% !important;
}
@media only screen and (max-width: 1199px) {
  .md-cell--3of10 {
    width: 30% !important;
  }
  .md-offset--3of10 {
    margin-left: 30% !important;
  }
}
@media only screen and (max-width: 991px) {
  .sm-cell--3of10 {
    width: 30% !important;
  }
  .sm-offset--3of10 {
    margin-left: 30% !important;
  }
}
@media only screen and (max-width: 767px) {
  .xs-cell--3of10 {
    width: 30% !important;
  }
  .xs-offset--3of10 {
    margin-left: 30% !important;
  }
}
.grid-cell--4of10 {
  width: 40% !important;
}
.grid-offset--4of10 {
  margin-left: 40% !important;
}
@media only screen and (max-width: 1199px) {
  .md-cell--4of10 {
    width: 40% !important;
  }
  .md-offset--4of10 {
    margin-left: 40% !important;
  }
}
@media only screen and (max-width: 991px) {
  .sm-cell--4of10 {
    width: 40% !important;
  }
  .sm-offset--4of10 {
    margin-left: 40% !important;
  }
}
@media only screen and (max-width: 767px) {
  .xs-cell--4of10 {
    width: 40% !important;
  }
  .xs-offset--4of10 {
    margin-left: 40% !important;
  }
}
.grid-cell--5of10 {
  width: 50% !important;
}
.grid-offset--5of10 {
  margin-left: 50% !important;
}
@media only screen and (max-width: 1199px) {
  .md-cell--5of10 {
    width: 50% !important;
  }
  .md-offset--5of10 {
    margin-left: 50% !important;
  }
}
@media only screen and (max-width: 991px) {
  .sm-cell--5of10 {
    width: 50% !important;
  }
  .sm-offset--5of10 {
    margin-left: 50% !important;
  }
}
@media only screen and (max-width: 767px) {
  .xs-cell--5of10 {
    width: 50% !important;
  }
  .xs-offset--5of10 {
    margin-left: 50% !important;
  }
}
.grid-cell--6of10 {
  width: 60% !important;
}
.grid-offset--6of10 {
  margin-left: 60% !important;
}
@media only screen and (max-width: 1199px) {
  .md-cell--6of10 {
    width: 60% !important;
  }
  .md-offset--6of10 {
    margin-left: 60% !important;
  }
}
@media only screen and (max-width: 991px) {
  .sm-cell--6of10 {
    width: 60% !important;
  }
  .sm-offset--6of10 {
    margin-left: 60% !important;
  }
}
@media only screen and (max-width: 767px) {
  .xs-cell--6of10 {
    width: 60% !important;
  }
  .xs-offset--6of10 {
    margin-left: 60% !important;
  }
}
.grid-cell--7of10 {
  width: 70% !important;
}
.grid-offset--7of10 {
  margin-left: 70% !important;
}
@media only screen and (max-width: 1199px) {
  .md-cell--7of10 {
    width: 70% !important;
  }
  .md-offset--7of10 {
    margin-left: 70% !important;
  }
}
@media only screen and (max-width: 991px) {
  .sm-cell--7of10 {
    width: 70% !important;
  }
  .sm-offset--7of10 {
    margin-left: 70% !important;
  }
}
@media only screen and (max-width: 767px) {
  .xs-cell--7of10 {
    width: 70% !important;
  }
  .xs-offset--7of10 {
    margin-left: 70% !important;
  }
}
.grid-cell--8of10 {
  width: 80% !important;
}
.grid-offset--8of10 {
  margin-left: 80% !important;
}
@media only screen and (max-width: 1199px) {
  .md-cell--8of10 {
    width: 80% !important;
  }
  .md-offset--8of10 {
    margin-left: 80% !important;
  }
}
@media only screen and (max-width: 991px) {
  .sm-cell--8of10 {
    width: 80% !important;
  }
  .sm-offset--8of10 {
    margin-left: 80% !important;
  }
}
@media only screen and (max-width: 767px) {
  .xs-cell--8of10 {
    width: 80% !important;
  }
  .xs-offset--8of10 {
    margin-left: 80% !important;
  }
}
.grid-cell--9of10 {
  width: 90% !important;
}
.grid-offset--9of10 {
  margin-left: 90% !important;
}
@media only screen and (max-width: 1199px) {
  .md-cell--9of10 {
    width: 90% !important;
  }
  .md-offset--9of10 {
    margin-left: 90% !important;
  }
}
@media only screen and (max-width: 991px) {
  .sm-cell--9of10 {
    width: 90% !important;
  }
  .sm-offset--9of10 {
    margin-left: 90% !important;
  }
}
@media only screen and (max-width: 767px) {
  .xs-cell--9of10 {
    width: 90% !important;
  }
  .xs-offset--9of10 {
    margin-left: 90% !important;
  }
}
.grid-cell--10of10 {
  width: 100% !important;
}
.grid-offset--10of10 {
  margin-left: 100% !important;
}
@media only screen and (max-width: 1199px) {
  .md-cell--10of10 {
    width: 100% !important;
  }
  .md-offset--10of10 {
    margin-left: 100% !important;
  }
}
@media only screen and (max-width: 991px) {
  .sm-cell--10of10 {
    width: 100% !important;
  }
  .sm-offset--10of10 {
    margin-left: 100% !important;
  }
}
@media only screen and (max-width: 767px) {
  .xs-cell--10of10 {
    width: 100% !important;
  }
  .xs-offset--10of10 {
    margin-left: 100% !important;
  }
}
.grid {
  margin-left: 0px;
}
.grid .grid-cell {
  padding-left: 0;
}
/* ----------------------- */
/* SITE SPACING (max, step)
/* ----------------------- */
.u-m--5 {
  margin: 5px !important;
}
.u-mb--5 {
  margin-bottom: 5px !important;
}
.u-mt--5 {
  margin-top: 5px !important;
}
.u-ml--5 {
  margin-left: 5px !important;
}
.u-mr--5 {
  margin-right: 5px !important;
}
.u-p--5 {
  padding: 5px !important;
}
.u-pb--5 {
  padding-bottom: 5px !important;
}
.u-pt--5 {
  padding-top: 5px !important;
}
.u-pl--5 {
  padding-left: 5px !important;
}
.u-pr--5 {
  padding-right: 5px !important;
}
.u-m--10 {
  margin: 10px !important;
}
.u-mb--10 {
  margin-bottom: 10px !important;
}
.u-mt--10 {
  margin-top: 10px !important;
}
.u-ml--10 {
  margin-left: 10px !important;
}
.u-mr--10 {
  margin-right: 10px !important;
}
.u-p--10 {
  padding: 10px !important;
}
.u-pb--10 {
  padding-bottom: 10px !important;
}
.u-pt--10 {
  padding-top: 10px !important;
}
.u-pl--10 {
  padding-left: 10px !important;
}
.u-pr--10 {
  padding-right: 10px !important;
}
.u-m--20 {
  margin: 20px !important;
}
.u-mb--20 {
  margin-bottom: 20px !important;
}
.u-mt--20 {
  margin-top: 20px !important;
}
.u-ml--20 {
  margin-left: 20px !important;
}
.u-mr--20 {
  margin-right: 20px !important;
}
.u-p--20 {
  padding: 20px !important;
}
.u-pb--20 {
  padding-bottom: 20px !important;
}
.u-pt--20 {
  padding-top: 20px !important;
}
.u-pl--20 {
  padding-left: 20px !important;
}
.u-pr--20 {
  padding-right: 20px !important;
}
.u-m--30 {
  margin: 30px !important;
}
.u-mb--30 {
  margin-bottom: 30px !important;
}
.u-mt--30 {
  margin-top: 30px !important;
}
.u-ml--30 {
  margin-left: 30px !important;
}
.u-mr--30 {
  margin-right: 30px !important;
}
.u-p--30 {
  padding: 30px !important;
}
.u-pb--30 {
  padding-bottom: 30px !important;
}
.u-pt--30 {
  padding-top: 30px !important;
}
.u-pl--30 {
  padding-left: 30px !important;
}
.u-pr--30 {
  padding-right: 30px !important;
}
.u-m--40 {
  margin: 40px !important;
}
.u-mb--40 {
  margin-bottom: 40px !important;
}
.u-mt--40 {
  margin-top: 40px !important;
}
.u-ml--40 {
  margin-left: 40px !important;
}
.u-mr--40 {
  margin-right: 40px !important;
}
.u-p--40 {
  padding: 40px !important;
}
.u-pb--40 {
  padding-bottom: 40px !important;
}
.u-pt--40 {
  padding-top: 40px !important;
}
.u-pl--40 {
  padding-left: 40px !important;
}
.u-pr--40 {
  padding-right: 40px !important;
}
.u-m--50 {
  margin: 50px !important;
}
.u-mb--50 {
  margin-bottom: 50px !important;
}
.u-mt--50 {
  margin-top: 50px !important;
}
.u-ml--50 {
  margin-left: 50px !important;
}
.u-mr--50 {
  margin-right: 50px !important;
}
.u-p--50 {
  padding: 50px !important;
}
.u-pb--50 {
  padding-bottom: 50px !important;
}
.u-pt--50 {
  padding-top: 50px !important;
}
.u-pl--50 {
  padding-left: 50px !important;
}
.u-pr--50 {
  padding-right: 50px !important;
}
.u-m--60 {
  margin: 60px !important;
}
.u-mb--60 {
  margin-bottom: 60px !important;
}
.u-mt--60 {
  margin-top: 60px !important;
}
.u-ml--60 {
  margin-left: 60px !important;
}
.u-mr--60 {
  margin-right: 60px !important;
}
.u-p--60 {
  padding: 60px !important;
}
.u-pb--60 {
  padding-bottom: 60px !important;
}
.u-pt--60 {
  padding-top: 60px !important;
}
.u-pl--60 {
  padding-left: 60px !important;
}
.u-pr--60 {
  padding-right: 60px !important;
}
.u-m--70 {
  margin: 70px !important;
}
.u-mb--70 {
  margin-bottom: 70px !important;
}
.u-mt--70 {
  margin-top: 70px !important;
}
.u-ml--70 {
  margin-left: 70px !important;
}
.u-mr--70 {
  margin-right: 70px !important;
}
.u-p--70 {
  padding: 70px !important;
}
.u-pb--70 {
  padding-bottom: 70px !important;
}
.u-pt--70 {
  padding-top: 70px !important;
}
.u-pl--70 {
  padding-left: 70px !important;
}
.u-pr--70 {
  padding-right: 70px !important;
}
.u-m--80 {
  margin: 80px !important;
}
.u-mb--80 {
  margin-bottom: 80px !important;
}
.u-mt--80 {
  margin-top: 80px !important;
}
.u-ml--80 {
  margin-left: 80px !important;
}
.u-mr--80 {
  margin-right: 80px !important;
}
.u-p--80 {
  padding: 80px !important;
}
.u-pb--80 {
  padding-bottom: 80px !important;
}
.u-pt--80 {
  padding-top: 80px !important;
}
.u-pl--80 {
  padding-left: 80px !important;
}
.u-pr--80 {
  padding-right: 80px !important;
}
.u-m--90 {
  margin: 90px !important;
}
.u-mb--90 {
  margin-bottom: 90px !important;
}
.u-mt--90 {
  margin-top: 90px !important;
}
.u-ml--90 {
  margin-left: 90px !important;
}
.u-mr--90 {
  margin-right: 90px !important;
}
.u-p--90 {
  padding: 90px !important;
}
.u-pb--90 {
  padding-bottom: 90px !important;
}
.u-pt--90 {
  padding-top: 90px !important;
}
.u-pl--90 {
  padding-left: 90px !important;
}
.u-pr--90 {
  padding-right: 90px !important;
}
.u-m--100 {
  margin: 100px !important;
}
.u-mb--100 {
  margin-bottom: 100px !important;
}
.u-mt--100 {
  margin-top: 100px !important;
}
.u-ml--100 {
  margin-left: 100px !important;
}
.u-mr--100 {
  margin-right: 100px !important;
}
.u-p--100 {
  padding: 100px !important;
}
.u-pb--100 {
  padding-bottom: 100px !important;
}
.u-pt--100 {
  padding-top: 100px !important;
}
.u-pl--100 {
  padding-left: 100px !important;
}
.u-pr--100 {
  padding-right: 100px !important;
}
.u-m--none {
  margin: 0 !important;
}
.u-mb--none {
  margin-bottom: 0 !important;
}
.u-mt--none {
  margin-top: 0 !important;
}
.u-mr--none {
  margin-right: 0 !important;
}
.u-ml--none {
  margin-left: 0 !important;
}
.u-p--none {
  padding: 0 !important;
}
.u-pb--none {
  padding-bottom: 0 !important;
}
.u-pt--none {
  padding-top: 0 !important;
}
.u-pl--none {
  padding-left: 0 !important;
}
.u-pr--none {
  padding-right: 0 !important;
}
.u-mr--5 {
  margin-right: 5px !important;
}
.u-ml--5 {
    margin-left: 5px !important;
}
@media only screen and (max-width: 991px) {
  .u-sm-m--10 {
    margin: 10px !important;
  }
  .u-sm-mb--10 {
    margin-bottom: 10px !important;
  }
  .u-sm-mt--10 {
    margin-top: 10px !important;
  }
  .u-sm-ml--10 {
    margin-left: 10px !important;
  }
  .u-sm-mr--10 {
    margin-right: 10px !important;
  }
  .u-sm-p--10 {
    padding: 10px !important;
  }
  .u-sm-pb--10 {
    padding-bottom: 10px !important;
  }
  .u-sm-pt--10 {
    padding-top: 10px !important;
  }
  .u-sm-pl--10 {
    padding-left: 10px !important;
  }
  .u-sm-pr--10 {
    padding-right: 10px !important;
  }
  .u-sm-m--20 {
    margin: 20px !important;
  }
  .u-sm-mb--20 {
    margin-bottom: 20px !important;
  }
  .u-sm-mt--20 {
    margin-top: 20px !important;
  }
  .u-sm-ml--20 {
    margin-left: 20px !important;
  }
  .u-sm-mr--20 {
    margin-right: 20px !important;
  }
  .u-sm-p--20 {
    padding: 20px !important;
  }
  .u-sm-pb--20 {
    padding-bottom: 20px !important;
  }
  .u-sm-pt--20 {
    padding-top: 20px !important;
  }
  .u-sm-pl--20 {
    padding-left: 20px !important;
  }
  .u-sm-pr--20 {
    padding-right: 20px !important;
  }
  .u-sm-m--30 {
    margin: 30px !important;
  }
  .u-sm-mb--30 {
    margin-bottom: 30px !important;
  }
  .u-sm-mt--30 {
    margin-top: 30px !important;
  }
  .u-sm-ml--30 {
    margin-left: 30px !important;
  }
  .u-sm-mr--30 {
    margin-right: 30px !important;
  }
  .u-sm-p--30 {
    padding: 30px !important;
  }
  .u-sm-pb--30 {
    padding-bottom: 30px !important;
  }
  .u-sm-pt--30 {
    padding-top: 30px !important;
  }
  .u-sm-pl--30 {
    padding-left: 30px !important;
  }
  .u-sm-pr--30 {
    padding-right: 30px !important;
  }
  .u-sm-m--40 {
    margin: 40px !important;
  }
  .u-sm-mb--40 {
    margin-bottom: 40px !important;
  }
  .u-sm-mt--40 {
    margin-top: 40px !important;
  }
  .u-sm-ml--40 {
    margin-left: 40px !important;
  }
  .u-sm-mr--40 {
    margin-right: 40px !important;
  }
  .u-sm-p--40 {
    padding: 40px !important;
  }
  .u-sm-pb--40 {
    padding-bottom: 40px !important;
  }
  .u-sm-pt--40 {
    padding-top: 40px !important;
  }
  .u-sm-pl--40 {
    padding-left: 40px !important;
  }
  .u-sm-pr--40 {
    padding-right: 40px !important;
  }
  .u-sm-m--50 {
    margin: 50px !important;
  }
  .u-sm-mb--50 {
    margin-bottom: 50px !important;
  }
  .u-sm-mt--50 {
    margin-top: 50px !important;
  }
  .u-sm-ml--50 {
    margin-left: 50px !important;
  }
  .u-sm-mr--50 {
    margin-right: 50px !important;
  }
  .u-sm-p--50 {
    padding: 50px !important;
  }
  .u-sm-pb--50 {
    padding-bottom: 50px !important;
  }
  .u-sm-pt--50 {
    padding-top: 50px !important;
  }
  .u-sm-pl--50 {
    padding-left: 50px !important;
  }
  .u-sm-pr--50 {
    padding-right: 50px !important;
  }
  .u-sm-m--60 {
    margin: 60px !important;
  }
  .u-sm-mb--60 {
    margin-bottom: 60px !important;
  }
  .u-sm-mt--60 {
    margin-top: 60px !important;
  }
  .u-sm-ml--60 {
    margin-left: 60px !important;
  }
  .u-sm-mr--60 {
    margin-right: 60px !important;
  }
  .u-sm-p--60 {
    padding: 60px !important;
  }
  .u-sm-pb--60 {
    padding-bottom: 60px !important;
  }
  .u-sm-pt--60 {
    padding-top: 60px !important;
  }
  .u-sm-pl--60 {
    padding-left: 60px !important;
  }
  .u-sm-pr--60 {
    padding-right: 60px !important;
  }
  .u-sm-m--70 {
    margin: 70px !important;
  }
  .u-sm-mb--70 {
    margin-bottom: 70px !important;
  }
  .u-sm-mt--70 {
    margin-top: 70px !important;
  }
  .u-sm-ml--70 {
    margin-left: 70px !important;
  }
  .u-sm-mr--70 {
    margin-right: 70px !important;
  }
  .u-sm-p--70 {
    padding: 70px !important;
  }
  .u-sm-pb--70 {
    padding-bottom: 70px !important;
  }
  .u-sm-pt--70 {
    padding-top: 70px !important;
  }
  .u-sm-pl--70 {
    padding-left: 70px !important;
  }
  .u-sm-pr--70 {
    padding-right: 70px !important;
  }
  .u-sm-m--none {
    margin: 0 !important;
  }
  .u-sm-mb--none {
    margin-bottom: 0 !important;
  }
  .u-sm-mt--none {
    margin-top: 0 !important;
  }
  .u-sm-mr--none {
    margin-right: 0 !important;
  }
  .u-sm-ml--none {
    margin-left: 0 !important;
  }
  .u-sm-p--none {
    padding: 0 !important;
  }
  .u-sm-pb--none {
    padding-bottom: 0 !important;
  }
  .u-sm-pt--none {
    padding-top: 0 !important;
  }
  .u-sm-pl--none {
    padding-left: 0 !important;
  }
  .u-sm-pr--none {
    padding-right: 0 !important;
  }
  .u-sm-mr--5 {
    margin-right: 5px !important;
  }
}
@media only screen and (max-width: 767px) {
  .u-xs-m--10 {
    margin: 10px !important;
  }
  .u-xs-mb--10 {
    margin-bottom: 10px !important;
  }
  .u-xs-mt--10 {
    margin-top: 10px !important;
  }
  .u-xs-ml--10 {
    margin-left: 10px !important;
  }
  .u-xs-mr--10 {
    margin-right: 10px !important;
  }
  .u-xs-p--10 {
    padding: 10px !important;
  }
  .u-xs-pb--10 {
    padding-bottom: 10px !important;
  }
  .u-xs-pt--10 {
    padding-top: 10px !important;
  }
  .u-xs-pl--10 {
    padding-left: 10px !important;
  }
  .u-xs-pr--10 {
    padding-right: 10px !important;
  }
  .u-xs-m--20 {
    margin: 20px !important;
  }
  .u-xs-mb--20 {
    margin-bottom: 20px !important;
  }
  .u-xs-mt--20 {
    margin-top: 20px !important;
  }
  .u-xs-ml--20 {
    margin-left: 20px !important;
  }
  .u-xs-mr--20 {
    margin-right: 20px !important;
  }
  .u-xs-p--20 {
    padding: 20px !important;
  }
  .u-xs-pb--20 {
    padding-bottom: 20px !important;
  }
  .u-xs-pt--20 {
    padding-top: 20px !important;
  }
  .u-xs-pl--20 {
    padding-left: 20px !important;
  }
  .u-xs-pr--20 {
    padding-right: 20px !important;
  }
  .u-xs-m--none {
    margin: 0 !important;
  }
  .u-xs-mb--none {
    margin-bottom: 0 !important;
  }
  .u-xs-mt--none {
    margin-top: 0 !important;
  }
  .u-xs-mr--none {
    margin-right: 0 !important;
  }
  .u-xs-ml--none {
    margin-left: 0 !important;
  }
  .u-xs-p--none {
    padding: 0 !important;
  }
  .u-xs-pb--none {
    padding-bottom: 0 !important;
  }
  .u-xs-pt--none {
    padding-top: 0 !important;
  }
  .u-xs-pl--none {
    padding-left: 0 !important;
  }
  .u-xs-pr--none {
    padding-right: 0 !important;
  }
  .u-xs-mr--5 {
    margin-right: 5px !important;
  }
}
html {
  font-size: 16px;
  font-size: 1rem;
}
@media only screen and (max-width: 767px) {
  html {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
body {
  min-width: 320px;
}
/**
 * Vertical alignment utilities
 * Depends on an appropriate `display` value.
 */
.u-alignBaseline {
  vertical-align: baseline !important;
}
.u-alignBottom {
  vertical-align: bottom !important;
}
.u-alignMiddle {
  vertical-align: middle !important;
}
.u-alignTop {
  vertical-align: top !important;
}
.u-noTransition {
  transition: none !important;
}
/**
 * Display-type utilities
 */
.u-block {
  display: block !important;
}
.u-flex {
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
.u-hidden,
.u-sm-block,
.u-sm-inlineBlock {
  display: none !important;
}
.u-invisible {
  visibility: hidden;
}
/**
 * Completely remove from the flow but leave available to screen readers.
 */
.u-hiddenVisually {
  position: absolute !important;
  overflow: hidden !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
}
.u-inline {
  display: inline !important;
}
.u-inlineNowrap {
  white-space: nowrap !important;
}
.u-wrap {
  white-space: normal;
}
/**
 * 1. Fix for Firefox bug: an image styled `max-width:100%` within an
 * inline-block will display at its default size, and not limit its width to
 * 100% of an ancestral container.
 */
.u-inlineBlock {
  display: inline-block !important;
  max-width: 100%;
  /* 1 */
}
.u-table {
  display: table !important;
}
.u-tableCell {
  display: table-cell !important;
}
.u-tableRow {
  display: table-row !important;
}
.u-borderNone {
  border: none !important;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .u-md-only-hidden {
    display: none !important;
  }
}
@media only screen and (max-width: 1199px) {
  .u-md-hidden {
    display: none !important;
  }
  .u-md-inlineBlock {
    display: inline-block !important;
  }
}
@media only screen and (max-width: 991px) {
  .u-sm-hidden {
    display: none !important;
  }
  .u-sm-block {
    display: block !important;
  }
  .u-sm-inlineBlock {
    display: inline-block !important;
  }
}
@media only screen and (max-width: 767px) {
  .u-xs-hidden {
    display: none !important;
  }
  .u-xs-block {
    display: block !important;
  }
}
/**
 * Contain floats
 *
 * Make an element expand to contain floated children.
 * Uses pseudo-elements (micro clearfix).
 *
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of the
 *    element.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.u-cf:before,
.u-cf:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.u-cf:after {
  clear: both;
}
/**
 * New block formatting context
 *
 * This affords some useful properties to the element. It won't wrap under
 * floats. Will also contain any floated children.

 * N.B. This will clip overflow. Use the alternative method below if this is
 * problematic.
 */
.u-nbfc {
  overflow: hidden !important;
}
/**
 * New block formatting context (alternative)
 *
 * Alternative method when overflow must not be clipped.
 *
 * 1. Create a new block formatting context (NBFC).
 * 2. Avoid shrink-wrap behaviour of table-cell.
 *
 * N.B. This breaks down in some browsers when elements within this element
 * exceed its width.
 */
.u-nbfcAlt {
  display: table-cell !important;
  /* 1 */
  width: 10000px !important;
  /* 2 */
}
.u-fullIndent--30 {
  width: calc(100% - 30px);
}
/**
 * Floats
 */
.u-floatLeft {
  float: left !important;
}
.u-floatRight {
  float: right !important;
}
.u-clearLeft {
  clear: left !important;
}
.u-clearRight {
  clear: right !important;
}
.u-clearBoth {
  clear: both !important;
}
@media only screen and (max-width: 1199px) {
  .u-md-floatNone {
    float: none !important;
  }
}
@media only screen and (max-width: 991px) {
  .u-sm-floatNone {
    float: none !important;
  }
  .u-sm-floatRight {
    float: right !important;
  }
}
@media only screen and (max-width: 767px) {
  .u-xs-floatNone {
    float: none !important;
  }
  .u-xs-floatLeft {
    float: left !important;
  }
  .u-xs-clearLeft {
    clear: left !important;
  }
}
.u-posAbsolute {
  position: absolute !important;
}
/**
 * Pins to all corners by default. But when a width and/or height are
 * provided, the element will be centered in its nearest relatively-positioned
 * ancestor.
 */
.u-posAbsoluteCenter {
  bottom: 0 !important;
  left: 0 !important;
  margin: auto !important;
  position: absolute !important;
  right: 0 !important;
  top: 0 !important;
}
/**
 * 1. Make sure fixed elements are promoted into a new layer, for performance
 *    reasons.
 */
.u-posFixed {
  position: fixed !important;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  /* 1 */
}
.u-posRelative {
  position: relative !important;
}
.u-posStatic {
  position: static !important;
}
/**
 * Aligns
 */
.u-left {
  left: 0 !important;
  right: auto !important;
}
.u-right {
  right: 0 !important;
  left: auto !important;
}
.u-top {
  top: 0 !important;
  bottom: auto !important;
}
.u-bottom {
  bottom: 0 !important;
  top: auto !important;
}
.u-fluidImg {
  max-width: 100%;
}
.u-widthFull {
  width: 100%;
}
/**
 * Word breaking
 *
 * Break strings when their length exceeds the width of their container.
 */
.u-textBreak {
  word-wrap: break-word !important;
}
/**
 * Horizontal text alignment
 */
.u-textCenter {
  text-align: center !important;
}
@media only screen and (max-width: 991px) {
  .u-sm-textCenter {
    text-align: center !important;
  }
}
.u-textLeft {
  text-align: left !important;
}
@media only screen and (max-width: 767px) {
  .u-xs-textLeft {
    text-align: left !important;
  }
}
.u-textRight {
  text-align: right !important;
}
/**
 * Inherit the ancestor's text color.
 */
.u-textInheritColor {
  color: inherit !important;
}
/**
 * Enables font kerning in all browsers.
 * http://blog.typekit.com/2014/02/05/kerning-on-the-web/
 *
 * 1. Chrome (not Windows), Firefox, Safari 6+, iOS, Android
 * 2. Chrome (not Windows), Firefox, IE 10+
 * 3. Safari 7 and future browsers
 */
.u-textKern {
  text-rendering: optimizeLegibility;
  /* 1 */
  font-feature-settings: "kern" 1;
  /* 2 */
  font-kerning: normal;
  /* 3 */
}
/**
 * Prevent whitespace wrapping
 */
.u-textNoWrap {
  white-space: nowrap !important;
}
/**
 * Text truncation
 *
 * Prevent text from wrapping onto multiple lines, and truncate with an
 * ellipsis.
 *
 * 1. Ensure that the node has a maximum width after which truncation can
 *    occur.
 * 2. Fix for IE 8/9 if `word-wrap: break-word` is in effect on ancestor
 *    nodes.
 */
.u-textTruncate {
  display: inline-block;
  vertical-align: top;
  max-width: 100%;
  /* 1 */
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  word-wrap: normal !important;
  /* 2 */
}
.u-textUpper {
  text-transform: uppercase;
}
.u-fontHeader {
  font-family: "Open Sans", "Helvetica", sans-serif;
  letter-spacing: 0.03em;
}
.u-colorGreen {
  color: #6fbe31 !important;
}
.u-colorText {
  color: #5a6b6f !important;
}
.u-bgWhite {
  background-color: #fff !important;
}
.u-width80 {
  width: 80px;
}
@font-face {
  font-family: "iconfont";
  src: url('../fonts/iconfont.eot');
  src: url('../fonts/iconfont.eot?#iefix') format('eot'), url('../fonts/iconfont.woff') format('woff'), url('../fonts/iconfont.ttf') format('truetype'), url('../fonts/iconfont.svg#iconfont') format('svg');
  font-weight: normal;
  font-style: normal;
}
.icon-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.icon-2x {
  font-size: 2em;
}
.icon-3x {
  font-size: 3em;
}
.icon-4x {
  font-size: 4em;
}
.icon-5x {
  font-size: 5em;
}
.icon-fw {
  width: 1.2857142857142858em;
  text-align: center;
}
.icon--abacus:before {
  content: "\EA01";
}
.icon--arrow:before {
  content: "\EA02";
}
.icon--arrowBig:before {
  content: "\EA03";
}
.icon--arrowBtn:before {
  content: "\EA04";
}
.icon--attachment:before {
  content: "\EA05";
}
.icon--bell:before {
  content: "\EA06";
}
.icon--big-bag:before {
  content: "\EA07";
}
.icon--big-clip:before {
  content: "\EA08";
}
.icon--calendar-special:before {
  content: "\EA09";
}
.icon--calendar:before {
  content: "\EA0A";
}
.icon--check:before {
  content: "\EA0B";
}
.icon--coffee:before {
  content: "\EA0C";
}
.icon--copy:before {
  content: "\EA0D";
}
.icon--credit-card:before {
  content: "\EA0E";
}
.icon--cross:before {
  content: "\EA0F";
}
.icon--cursor:before {
  content: "\EA10";
}
.icon--download:before {
  content: "\EA11";
}
.icon--edit:before {
  content: "\EA12";
}
.icon--email:before {
  content: "\EA13";
}
.icon--envelope:before {
  content: "\EA14";
}
.icon--filter:before {
  content: "\EA15";
}
.icon--hand:before {
  content: "\EA16";
}
.icon--home:before {
  content: "\EA17";
}
.icon--icon:before {
  content: "\EA18";
}
.icon--key:before {
  content: "\EA19";
}
.icon--konfigurace:before {
  content: "\EA1A";
}
.icon--lock:before {
  content: "\EA1B";
}
.icon--magnifier:before {
  content: "\EA1D";
}
.icon--menu:before {
  content: "\EA1E";
}
.icon--minus:before {
  content: "\EA1F";
}
.icon--office-briefcase:before {
  content: "\EA20";
}
.icon--open-exit-door:before {
  content: "\EA21";
}
.icon--pause:before {
  content: "\EA22";
}
.icon--pencil-edit-button:before {
  content: "\EA23";
}
.icon--play:before {
  content: "\EA24";
}
.icon--plus:before {
  content: "\EA25";
}
.icon--power-button:before {
  content: "\EA26";
}
.icon--printer:before {
  content: "\EA27";
}
.icon--put-in-button:before {
  content: "\EA28";
}
.icon--question-mark:before {
  content: "\EA29";
}
.icon--refresh-button:before {
  content: "\EA2A";
}
.icon--refresh:before {
  content: "\EA2B";
}
.icon--rest-bed:before {
  content: "\EA2C";
}
.icon--restaurant:before {
  content: "\EA2D";
}
.icon--rubbish-bin:before {
  content: "\EA2E";
}
.icon--save:before {
  content: "\EA2F";
}
.icon--send-symbol:before {
  content: "\EA30";
}
.icon--settings:before {
  content: "\EA31";
}
.icon--signOut:before {
  content: "\EA32";
}
.icon--single-bed:before {
  content: "\EA33";
}
.icon--smartphone:before {
  content: "\EA34";
}
.icon--smoking-area:before {
  content: "\EA35";
}
.icon--sort:before {
  content: "\EA36";
}
.icon--sortUp:before {
  content: "\EA37";
}
.icon--spinner-of-dots:before {
  content: "\EA38";
}
.icon--sports-car:before {
  content: "\EA39";
}
.icon--spreadsheet:before {
  content: "\EA3A";
}
.icon--star:before {
  content: "\EA3B";
}
.icon--stethoscope:before {
  content: "\EA3C";
}
.icon--sun:before {
  content: "\EA3D";
}
.icon--syringe:before {
  content: "\EA3E";
}
.icon--two-cogwheels-configuration-interface-symbol:before {
  content: "\EA3F";
}
.icon--user:before {
  content: "\EA40";
}
.icon--wall-clock:before {
  content: "\EA41";
}
.icon--watch:before {
  content: "\EA42";
}
.icon--save-and-add:before {
  content: "\EA50";
}
.icon--export:before {
  content: "\EA51";
}
.icon--lock-open:before {
  content: "\EA60";
}
.icon--grid:before {
  content: "\EA66";
}
.icon--exclamation-mark:before {
  content: "\EA67";
}
.icon--info:before {
  content: "\EA68";
}
.icon {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  color: #9cacb1;
}
a .icon {
  color: #192226;
}
.icon-alt:before {
  display: inline;
  font-family: "iconfont";
  font-size: 1em;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.modal-editAction .dropdown-menu .icon:before {
  font-size: 1.1rem;
  color: #9cacb1;
  margin-right: 11px;
  position: relative;
  top: 2px;
}
.icon.icon--10 {
  font-size: 10px !important;
  font-size: 0.625rem !important;
  line-height: 10px;
}
.icon.icon--12 {
  font-size: 12px !important;
  font-size: 0.75rem !important;
  line-height: 12px;
}
.icon.icon--16 {
  font-size: 16px !important;
  font-size: 1rem !important;
  line-height: 16px;
}
.icon.icon--18 {
  font-size: 18px !important;
  font-size: 1.125rem !important;
  line-height: 18px;
}
.icon.icon--22 {
  font-size: 22px !important;
  font-size: 1.375rem !important;
  line-height: 22px;
}
.icon.icon--26 {
  font-size: 26px !important;
  font-size: 1.625rem !important;
  line-height: 26px;
}
.icon--arrowUp {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.icon--arrowUp:before {
  content: "\EA02";
}
.icon--arrowDown {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.icon--arrowDown:before {
  content: "\EA02";
}
.icon--arrowLeft {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.icon--arrowLeft:before {
  content: "\EA02";
}
.icon--arrowRight:before {
  content: "\EA02";
}
.icon--arrowBigUp {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.icon--arrowBigUp:before {
  content: "\EA03";
}
.icon--arrowBigDown {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.icon--arrowBigDown:before {
  content: "\EA03";
}
.icon--arrowBigLeft {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  position: relative;
  top: -3px;
}
.icon--arrowBigLeft:before {
  content: "\EA03";
}
.icon--arrowBigRight {
  position: relative;
  top: -1px;
}
.icon--arrowBigRight:before {
  content: "\EA03";
}
.color--red {
  color: #d83f35 !important;
}
.color--lightGray {
  color: #c8c8c8 !important;
}
.color--lightGreen {
  color: #d4ebbe !important;
}
.color--lightBlue {
  color: #c8c8c8 !important;
}
.color--blue {
  color: #009abc !important;
}
.row--gutter-10 {
  margin-right: -5px;
  margin-left: -5px;
}
@media only screen and (max-width: 991px) {
  .row--gutter-10 {
    margin-right: 0;
    margin-left: 0;
  }
}
.row--gutter-10 [class^="col-"] {
  padding-right: 5px;
  padding-left: 5px;
}
@media only screen and (max-width: 991px) {
  .row--gutter-10 [class^="col-"] {
    padding-left: 0;
    padding-right: 0;
  }
}
.grid {
  text-align: left;
  font-size: 0;
}
/**
 * Modifier: vertical middle
 */
.grid--alignMiddle > .grid-cell {
  vertical-align: middle;
}
/**
 * Modifier: vertical bottom
 */
.grid--alignBottom > .grid-cell {
  vertical-align: bottom;
}
/**
 * Modifier: table
 */
.grid--table {
  display: table;
}
.grid--table .grid-cell {
  display: table-cell;
}
/**
 * Modifier: grid with gutter
 */
/**
 * grid cell
 */
.grid-cell {
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
  font-size: 16px;
  font-size: 1rem;
}
.Background--fullSize {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}
.Background--login {
  background: url('../images/aktion-login-background.jpg') no-repeat center center;
  background-size: cover;
}
body.cloud .Background--login {
    background: url('../images/cloud-login-background.jpg') no-repeat center center;
    background-size: cover;
}
.btn {
  height: 40px;
  line-height: 40px;
  padding: 0 20px;
  outline: none;
  border-radius: 3px;
  border: none;
  text-decoration: none;
  transition: 0.3s ease;
  background: none;
  color: #bac4c7;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
}
.btn:hover {
  text-decoration: none;
  color: #192226;
}
.btn:focus,
.btn:focus:active,
.btn.active:focus {
  outline: none;
}
.btn:active {
  box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.125);
}
.btn.active {
  color: #5a6b6f;
  box-shadow: none;
}
.btn.btn-big .glyphicon,
.btn.btn-big .icon {
  position: absolute;
  transition: 0.3s ease;
  top: initial;
}
.btn.btn-big .glyphicon {
  right: -6px;
  bottom: -8px;
  font-size: 66px;
  font-size: 4.125rem;
}
.btn.btn-big .icon {
  right: -2px;
  bottom: -16px;
  font-size: 4.6rem;
}
.btn-hasIcon {
  padding: 0 16px 0 20px;
}
.btn-icon.btn-icon--big {
  font-size: 1.2rem !important;
  line-height: 1.2rem;
}
.btn-icon.btn-icon--left {
  margin: 0 8px 0 -7px !important;
}
.btn-icon.btn-icon--right {
  margin: 0 -3px 0 8px !important;
}
.btn-icon.btn-icon--leftArrow {
  margin: 0 8px 0 -3px !important;
  font-size: 18px !important;
  font-size: 1.125rem !important;
  line-height: 18px;
}
.btn-icon.btn-icon--rightArrow {
  margin: -5px -3px 0 8px !important;
  font-size: 18px !important;
  font-size: 1.125rem !important;
  line-height: 18px;
}
.btn-sm {
  height: 34px;
  line-height: 34px;
  padding: 0 12px;
  font-size: 14px;
  font-size: 0.875rem;
}
.btn-sm .btn-icon {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 20px;
  margin-top: -1px;
}
.btn-sm-icon {
  height: 34px;
  line-height: 34px;
  padding: 0 12px;
  font-size: 14px;
  font-size: 0.875rem;
  min-width: 34px;
  padding: 0 6px;
}
.btn-sm-icon .btn-icon {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 20px;
  margin-top: -1px;
}
.btn-link {
  height: auto;
  line-height: normal;
  padding: 0;
  color: #5a6b6f;
  border: none;
}
.btn-link:hover,
.btn-link:focus,
.btn-link:focus:active {
  text-decoration: underline;
}
/* Red button */
.btn-primary {
  color: white;
  background: #6fbe31;
  border-bottom: solid 2px #5e9f2d;
  font-weight: 600;
}
.btn-primary.btn-big {
  border-bottom: solid 3px #5e9f2d;
  height: 80px;
  font-size: .95rem;
}
.btn-primary.btn-big .icon,
.btn-primary.btn-big .glyphicon {
  color: #66ae2d !important;
}
.btn-primary.btn-big:hover .icon,
.btn-primary.btn-big:focus .icon,
.btn-primary.btn-big:focus:active .icon,
.btn-primary.btn-big:hover .glyphicon,
.btn-primary.btn-big:focus .glyphicon,
.btn-primary.btn-big:focus:active .glyphicon {
  color: #579526 !important;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:focus:active {
  color: white;
  background-color: #65ad2c;
  border-color: #569129;
}
.btn-primary.disabled,
.btn-primary.btn[disabled] {
  background-color: #9cacb1;
  border-bottom: solid 2px #839095;
}
.btn-primary .icon,
.btn-primary .glyphicon {
  color: #fff !important;
}
/* Gray button */
.btn-secondary {
  color: white !important;
  background: #78898e;
  border-bottom: solid 2px #657479;
  font-weight: 600;
}
.btn-secondary.btn-big {
  border-bottom: solid 3px #657479;
  height: 80px;
  font-size: .95rem;
}
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:focus:active {
  color: white;
  background-color: #606f73;
  border-color: #4e595d;
  outline: none;
}
.btn-secondary:hover .icon,
.btn-secondary:focus .icon,
.btn-secondary:focus:active .icon,
.btn-secondary:hover .glyphicon,
.btn-secondary:focus .glyphicon,
.btn-secondary:focus:active .glyphicon {
  color: #556165;
}
.btn-secondary .icon,
.btn-secondary .glyphicon {
  color: #6e7f84;
}
.btn-secondary.active {
  background: #d83f35;
  border-bottom: solid 2px #ba3b32;
}
.btn-secondary.active.btn-big {
  border-bottom: solid 3px #ba3b32;
}
.btn-secondary.active.btn-big .icon,
.btn-secondary.active.btn-big .glyphicon {
  color: #c83027;
}
.btn-secondary.active.btn-big:hover .icon,
.btn-secondary.active.btn-big:focus .icon,
.btn-secondary.active.btn-big:focus:active .icon,
.btn-secondary.active.btn-big:hover .glyphicon,
.btn-secondary.active.btn-big:focus .glyphicon,
.btn-secondary.active.btn-big:focus:active .glyphicon {
  color: #a62820;
}
.btn-secondary.active:hover,
.btn-secondary.active:focus,
.btn-secondary.active:focus:active {
  background-color: #bf2e25;
  border-color: #9a3129;
}
.btn-secondary.disabled,
.btn-secondary.btn[disabled] {
  background-color: #9cacb1;
  opacity: 1;
  border-bottom: solid 2px #839095;
}
.btn-secondary.disabled:hover,
.btn-secondary.btn[disabled]:hover {
  background: #9cacb1;
  border-bottom: solid 2px #839095;
}
/* White outline button */
.btn-outline {
  color: #5a6b6f;
  background: white;
  border: solid 1px #d6dcde;
}
.btn-outline:hover,
.btn-outline:focus,
.btn-outline:active:focus {
  background: #fafcfc;
  border-color: #9cacb1;
}
.btn-outline.disabled,
.btn-outline.btn[disabled] {
  color: #9cacb1;
}
/* Light gray outline button */
.btn-outline-gray {
  color: #192226;
  background: #f9f9f9;
  border-color: #d6dcde;
}
.btn-outline-gray:hover,
.btn-outline-gray:focus,
.btn-outline-gray:active:focus {
  border-color: #192226;
}
/* Light outline strong button */
.btn-outline-strong {
  color: #5a6b6f;
  background: white;
  border: solid 1px #d6dcde;
  text-transform: uppercase;
  font-weight: 700;
}
.btn-outline-strong:hover,
.btn-outline-strong:focus,
.btn-outline-strong:active:focus {
  background: #fafcfc;
  border-color: #9cacb1;
}
.btn-outline-strong.disabled,
.btn-outline-strong.btn[disabled] {
  color: #9cacb1;
}
.btn-red {
  background: #db273f !important;
  border-bottom: solid 2px #b5253a !important;
}
.btn-red:hover,
.btn-red:focus,
.btn-red:focus:active {
  background-color: #bc1d32 !important;
  border-color: #9c1d2f !important;
}
.btn-primary.btn-red.btn-big .icon,
.btn-primary.btn-red.btn-big .glyphicon {
    color: #c3253a !important;
}
.btn-red.btn-big.btn-red:hover .icon,
.btn-red.btn-big.btn-red:focus .icon,
.btn-red.btn-big.btn-red:focus:active .icon {
    color: #9c1d2f !important;
}
.btn-facebook {
  font-weight: 700;
  color: #3b5999;
}
.btn-facebook:hover,
.btn-facebook:focus,
.btn-facebook:active:focus {
  color: #3b5999;
  border-color: #3b5999;
}
.btn-googleplus {
  font-weight: 700;
  color: #dc4e41;
}
.btn-googleplus:hover,
.btn-googleplus:focus,
.btn-googleplus:active:focus {
  color: #dc4e41;
  border-color: #dc4e41;
}
.btn-default {
  color: #5a6b6f;
  background: white;
  border: solid 1px #d6dcde;
  border: none;
  background: #f9f9f9;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active:focus {
  background: #fafcfc;
  border-color: #9cacb1;
}
.btn-default.disabled,
.btn-default.btn[disabled] {
  color: #9cacb1;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active:focus {
  background: #ececec;
}
.btn-white {
  color: #5a6b6f;
  border: solid 1px #d6dcde;
  border: none;
  background: #f9f9f9;
  background: white;
}
.btn-white:hover,
.btn-white:focus,
.btn-white:active:focus {
  background: #fafcfc;
  border-color: #9cacb1;
}
.btn-white.disabled,
.btn-white.btn[disabled] {
  color: #9cacb1;
}
.btn-white:hover,
.btn-white:focus,
.btn-white:active:focus {
  background: #ececec;
}
.btn-success {
  color: white;
  background: #6fbe31;
  border-color: #5e9f2d;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active:focus {
  color: white;
  background-color: #65ad2c;
  border-color: #569129;
}
.btn-info {
  color: white;
  background: #b7e1ea;
  border-color: #b7e1ea;
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active:focus {
  color: white;
  background: #90d1de;
  border-color: #90d1de;
}
.btn-warning {
  color: white;
  background: #fda220;
  border-color: #fda220;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active:focus {
  color: white;
  background: #e88902;
  border-color: #e88902;
}
.btn-danger {
  color: white;
  background: #DB273F;
  border-bottom: solid 2px #B5253A;
  font-weight: 600;
}
.btn-danger.btn-big {
  border-bottom: solid 3px #5e9f2d;
  height: 80px;
  font-size: .95rem;
}
.btn-danger.btn-big .icon,
.btn-danger.btn-big .glyphicon {
  color: #66ae2d !important;
}
.btn-danger.btn-big:hover .icon,
.btn-danger.btn-big:focus .icon,
.btn-danger.btn-big:focus:active .icon,
.btn-danger.btn-big:hover .glyphicon,
.btn-danger.btn-big:focus .glyphicon,
.btn-danger.btn-big:focus:active .glyphicon {
  color: #579526 !important;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:focus:active {
  color: white;
  background-color: #bc1d32;
  border-color: #9c1d2f;
}
.btn-danger.disabled,
.btn-danger.btn[disabled] {
  background-color: #9cacb1;
  border-bottom: solid 2px #839095;
}
.btn-danger .icon,
.btn-danger .glyphicon {
  color: #fff !important;
}
/*.circle {
  position: relative;
  left: 2px;
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  overflow: hidden;
  background-color: grey;
  opacity: 1;
  text-decoration: none;
  text-align: left;
  font-size: 0 !important;
  line-height: 1 !important;
  z-index: 1;
  vertical-align: middle;
}
.circle:before {
  position: relative;
  display: block;
  content: "i";
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  color: #fff;
  font-family: "Times New Roman", "Arial", serif;
  left: 8px;
  top: 4px;
}
.circle-alert {
  background-color: #ffa02e;
}
.circle-alert:before {
  color: #fff;
  content: "!";
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: bold;
  font-family: "Calibri", "Arial", serif;
  left: 7px;
  top: 1px;
}*/
legend {
  font-size: 14px;
  font-size: 0.875rem;
  text-align: center;
  color: #666666;
  border: none;
  margin: 0;
  padding: 0 0 10px;
}
label {
  font-weight: 400;
  /*cursor: pointer;*/
}
.form-group {
    position: relative;
    margin-bottom: 6px;
}
.panel-body .form-group {
  margin-bottom: 6px;
}
.modal-editAction .form-group {
  margin-bottom: 8px;
}
.form-label {
  vertical-align: middle;
  font-size: 14px;
  font-size: 0.875rem;
  color: #666666;
  margin: 0;
}
.form-check,
.form-label[for] {
    line-height: 42px;
}

.form-check {
    margin-bottom: 0px;
}

@media only screen and (max-width: 767px) {
    .form-check, .form-label[for] {
        line-height: 25px;
    }
}
.modal-editAction .form-label {
  font-size: .9rem;
}
.form-control {
  height: 40px;
  line-height: 40px;
  border-radius: 3px;
  position: relative;
  padding: 0 18px;
  background: #fafcfc;
  border-color: #d6dcde;
  box-shadow: none;
}
textarea.form-control {
  line-height: normal;
  padding: 14px 18px;
  resize: vertical;
}
.form-control:focus,
.form-control:hover {
  border-color: #81949a;
  box-shadow: none;
  z-index: 10;
}
.input-group-addon + .form-control:focus,
.input-group-addon + .form-control:hover {
  border-color: #9dacb1;
}
.form-group--gray .form-control {
  background: #f9f9f9;
}
.panel-body .form-control {
  background: #fff;
  color: #5a6b6f;
}
.form-controlIcon {
  font-size: 20px;
  font-size: 1.25rem;
  color: #bac4c7;
  position: absolute;
  left: 12px;
  top: 9px;
  z-index: 20;
}
.form-controlIcon.form-controlIcon--right {
  left: auto;
  right: 12px;
}
.form-control--withIcon {
  padding: 0 18px 0 45px;
}
.form-control-label {
  left: 14px;
  top: 5px;
  width: 20px;
  text-align: center;
}
.form-control-label i {
  font-size: 14px;
  font-size: 0.875rem;
}
.checkbox,
.radio {
  position: relative;
}
.checkbox-inline,
.radio-inline {
  padding: 0 20px 0 0;
}
.checkbox-inline + .checkbox-inline,
.radio-inline + .radio-inline {
  margin: 0;
}
input[type=checkbox],
input[type=radio] {
  position: absolute;
  left: 0;
  top: 0;
  visibility: hidden;
}
input[type=checkbox] + label,
input[type=radio] + label {
  font-size: 20px;
  position: relative;
  display: block;
  padding-left: 30px;
  margin-bottom: 10px;
  min-height: 20px;
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  color: #9cacb1;
  line-height: 20px;
  color: #5a6b6f;
}
a input[type=checkbox] + label,
a input[type=radio] + label {
  color: #192226;
}
input[type=checkbox].icocheck + label:before
/*,input[type=radio] + label:before*/ {
    display: inline;
    font-family: "iconfont";
    font-size: 1em;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.modal-editAction .dropdown-menu input[type=checkbox] + label:before,
.modal-editAction .dropdown-menu input[type=radio] + label:before {
    font-size: 1.1rem;
    color: #9cacb1;
    margin-right: 11px;
    position: relative;
    top: 2px;
}
input[type=checkbox] + label.icon--10,
input[type=radio] + label.icon--10 {
  font-size: 10px !important;
  font-size: 0.625rem !important;
  line-height: 10px;
}
input[type=checkbox] + label.icon--12,
input[type=radio] + label.icon--12 {
  font-size: 12px !important;
  font-size: 0.75rem !important;
  line-height: 12px;
}
input[type=checkbox] + label.icon--16,
input[type=radio] + label.icon--16 {
  font-size: 16px !important;
  font-size: 1rem !important;
  line-height: 16px;
}
input[type=checkbox] + label.icon--18,
input[type=radio] + label.icon--18 {
  font-size: 18px !important;
  font-size: 1.125rem !important;
  line-height: 18px;
}
input[type=checkbox] + label.icon--22,
input[type=radio] + label.icon--22 {
  font-size: 22px !important;
  font-size: 1.375rem !important;
  line-height: 22px;
}
input[type=checkbox] + label.icon--26,
input[type=radio] + label.icon--26 {
  font-size: 26px !important;
  font-size: 1.625rem !important;
  line-height: 26px;
}
input[type=checkbox] + label:before,
input[type=radio] + label:before {
  content: "\EA0B";
}
input[type=checkbox] + label.no-margin,
input[type=radio] + label.no-margin {
  margin-bottom: 0;
}
input[type=checkbox] + label:before,
input[type=radio] + label:before {
  box-sizing: border-box;
  background: #fafcfc;
  display: block;
  overflow: hidden;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-indent: 20px;
  margin-top: -10px;
  position: absolute;
  left: 0;
  top: 50%;
  border: 1px solid #d6dcde;
  border-radius: 3px;
  text-align: center;
  font-size: 21px;
  font-size: 1.3125rem;
  color: #5a6b6f;
  transition: 0.3s ease;
}
.form-group--gray input[type=checkbox] + label:before,
.form-group--gray input[type=radio] + label:before {
  background: #f9f9f9;
}
input[type=checkbox]:hover + label:before,
input[type=radio]:hover + label:before {
  border-color: #81949a;
}
input[type=checkbox]:checked + label:before,
input[type=radio]:checked + label:before,
input[type=checkbox].checked:before,
input[type=radio].checked:before {
  text-indent: -1px;
}
input[type=checkbox]:disabled + label,
input[type=radio]:disabled + label {
  opacity: 0.5;
}
input[type=checkbox]:checked:disabled + label:before,
input[type=radio]:checked:disabled + label:before {
  border: none;
  background: #f9f9f9;
  opacity: 0.5;
}
input[type=radio] + label:before,
input[type=radio] + label:after {
  border-radius: 50%;
  content: "";
}
input[type=radio] + label:after {
  display: block;
  width: 8px;
  height: 8px;
  background: #5a6b6f;
  position: absolute;
  left: 6px;
  top: 50%;
  margin-top: -4px;
  line-height: 18px;
  transition: 0.3s ease;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}
input[type=radio]:checked + label:after {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.input-group:before {
  content: "";
  display: block;
  width: 3px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 20;
}
.input-group--half {
  width: calc(50% - 5px);
}
.input-group-addon {
  background: white;
}
.form-group--gray .input-group-addon {
  background: #f9f9f9;
}
.input-group-addon + .form-control {
  border-left: none;
}
.input-group-btn .btn {
  width: 44px;
  color: #5a6b6f;
  padding: 0 13px;
}
.form-group--gray .input-group-btn .btn {
  background: #f9f9f9;
}
.input-group-btn .btn .icon {
  font-size: 1rem;
}
.input-group-btn .btn .icon,
.input-group-btn .btn .glyphicon {
  color: #5a6b6f;
}
.input-group-vertical {
  margin: 20px 0 25px 0;
}
.input-group-vertical .form-control {
  border-radius: 0;
}
.input-group-vertical .form-group {
  margin-bottom: -1px;
}
.input-group-vertical .form-group:first-child .form-control {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.input-group-vertical .form-group:last-child .form-control {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  margin-botto: 0;
}
.input-group--yellow:before {
  background: #fda220;
}
.input-group--orange:before {
  background: #ffa02e;
}
.input-group--lightBlue:before {
  background: #b7e1ea;
}
.input-group--blue:before {
  background: #009abc;
}
.input-group--lightGreen:before {
  background: #d4ebbe;
}
.input-group--green:before {
  background: #6fbe31;
}
.input-group--lightGray:before {
  background: #e7ebed;
}
.input-group--gray:before {
  background: #192226;
}
.bootstrap-select.form-control:hover {
  z-index: 100;
}
.bootstrap-select.no-divider .bs-caret {
  border-left: none !important;
}
.bootstrap-select .btn.dropdown-toggle {
  background: #fafcfc;
  color: #5a6b6f;
  padding-right: 50px;
  border: 1px solid #d6dcde;
  height: 100%;
}
.bootstrap-select .btn.dropdown-toggle:hover,
.bootstrap-select .btn.dropdown-toggle:focus,
.bootstrap-select .btn.dropdown-toggle:active {
  border-color: #81949a;
  outline: none !important;
}
.modal-editAction .bootstrap-select .btn.dropdown-toggle,
.attendance-filters .bootstrap-select .btn.dropdown-toggle {
  padding: 0 20px 0 15px;
}
.modal-editAction .bootstrap-select .btn.dropdown-toggle .icon,
.attendance-filters .bootstrap-select .btn.dropdown-toggle .icon,
.modal-editAction .bootstrap-select .btn.dropdown-toggle .glyphicon,
.attendance-filters .bootstrap-select .btn.dropdown-toggle .glyphicon {
  font-size: 1.1rem;
  color: #9cacb1;
  margin-right: 11px;
}
.attendance-filters-row .bootstrap-select .btn.dropdown-toggle {
  padding: 0 28px 0 15px;
}
.open.bootstrap-select .btn.dropdown-toggle {
  background: #fafcfc;
  box-shadow: none;
  border-color: #81949a;
  border-radius: 3px 3px 0 0;
}
.form-group--gray .bootstrap-select .btn.dropdown-toggle {
  background: #f9f9f9;
}
.bootstrap-select .btn.dropdown-toggle .bs-caret {
  border-left: 1px solid #dcdcdc;
  display: inline-block;
  width: 40px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
}
.bootstrap-select .btn.dropdown-toggle .bs-caret .caret {
  border: none;
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  color: #9cacb1;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 22px;
  position: relative;
  margin: 0;
  top: -1px;
  right: 1px;
  width: 22px;
  height: 22px;
  color: #5a6b6f;
}
a .bootstrap-select .btn.dropdown-toggle .bs-caret .caret {
  color: #192226;
}
.bootstrap-select .btn.dropdown-toggle .bs-caret .caret:before {
  display: inline;
  font-family: "iconfont";
  font-size: 1em;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.modal-editAction .dropdown-menu .bootstrap-select .btn.dropdown-toggle .bs-caret .caret:before {
  font-size: 1.1rem;
  color: #9cacb1;
  margin-right: 11px;
  position: relative;
  top: 2px;
}
.bootstrap-select .btn.dropdown-toggle .bs-caret .caret.icon--10 {
  font-size: 10px !important;
  font-size: 0.625rem !important;
  line-height: 10px;
}
.bootstrap-select .btn.dropdown-toggle .bs-caret .caret.icon--12 {
  font-size: 12px !important;
  font-size: 0.75rem !important;
  line-height: 12px;
}
.bootstrap-select .btn.dropdown-toggle .bs-caret .caret.icon--16 {
  font-size: 16px !important;
  font-size: 1rem !important;
  line-height: 16px;
}
.bootstrap-select .btn.dropdown-toggle .bs-caret .caret.icon--18 {
  font-size: 18px !important;
  font-size: 1.125rem !important;
  line-height: 18px;
}
.bootstrap-select .btn.dropdown-toggle .bs-caret .caret.icon--22 {
  font-size: 22px !important;
  font-size: 1.375rem !important;
  line-height: 22px;
}
.bootstrap-select .btn.dropdown-toggle .bs-caret .caret.icon--26 {
  font-size: 26px !important;
  font-size: 1.625rem !important;
  line-height: 26px;
}
.bootstrap-select .btn.dropdown-toggle .bs-caret .caret:before {
  content: "\EA02";
}
.open.bootstrap-select .btn.dropdown-toggle .bs-caret .caret {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  top: -3px;
}
.open.bootstrap-select .btn.dropdown-toggle .bs-caret .caret:before {
  content: "\EA02";
}
.bootstrap-select .dropdown-menu {
  margin: -1px 0 0;
  border-color: #81949a;
  border-radius: 0 0 3px 3px;
}
.bootstrap-select .dropdown-menu li a {
  padding: 10px 20px;
}
.bootstrap-select .dropdown-menu li a:focus {
  outline: none;
}
.bootstrap-select .dropdown-menu.dropdown-menuWithIcons li a {
  padding: 10px 20px 10px 45px;
}
.bootstrap-select .dropdown-menu.dropdown-menuWithIcons li a .icon,
.bootstrap-select .dropdown-menu.dropdown-menuWithIcons li a .glyphicon {
  color: #9cacb1;
  top: 10px;
  left: 15px;
  font-size: 1.1rem;
}
.twitter-typeahead {
  vertical-align: top;
  width: 100%;
}
.twitter-typeahead .tt-hint {
  color: #e7ebed;
}
.tt-dropdown-menu,
.tt-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 120;
  min-width: 160px;
  width: 100%;
  margin: 2px 0 0;
  list-style: none;
  background: white;
  border: 1px solid #d6dcde;
  border-radius: 3px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.tt-dropdown-menu .tt-suggestion,
.tt-menu .tt-suggestion {
  display: block;
  padding: 10px 20px;
  clear: both;
  font-weight: normal;
  line-height: normal;
  color: #5a6b6f;
  border-bottom: 1px solid #d6dcde;
}
.tt-dropdown-menu .tt-suggestion:last-child,
.tt-menu .tt-suggestion:last-child {
  border: none;
}
.tt-dropdown-menu .tt-suggestion.tt-cursor,
.tt-menu .tt-suggestion.tt-cursor,
.tt-dropdown-menu .tt-suggestion:hover,
.tt-menu .tt-suggestion:hover {
  cursor: pointer;
  text-decoration: none;
  outline: 0;
  background-color: #f9f9f9;
}
.tt-dropdown-menu .tt-suggestion.tt-cursor a,
.tt-menu .tt-suggestion.tt-cursor a,
.tt-dropdown-menu .tt-suggestion:hover a,
.tt-menu .tt-suggestion:hover a {
  color: #d83f35;
}
.tt-dropdown-menu .tt-suggestion p,
.tt-menu .tt-suggestion p {
  margin: 0;
}
.tt-empty-message {
  padding: 10px 20px;
  color: #666666;
}
.tt-title {
  display: block;
  font-weight: 700;
}
.tt-title strong {
  background: #fff6c3;
}
.tt-subtitle {
  display: block;
}
.tt-subtitle strong {
  font-weight: 400;
}
.label {
  display: inline-block;
  vertical-align: middle;
  font-size: 10px;
  font-size: 0.625rem;
  padding: 0 8px;
  line-height: 20px;
  border-radius: 2px;
  text-transform: uppercase;
}
.label-big {
  font-size: 14px;
  font-size: 0.875rem;
  padding: 0 12px;
  line-height: 34px;
  border-radius: 3px;
}
.label-number {
  font-size: 14px;
  font-size: 0.875rem;
  padding: 0 6px;
  vertical-align: baseline;
}
.label-default {
  background: #e7ebed;
}
.label-primary {
  background: #d83f35;
}
.label-success {
  background: #d4ebbe;
}
.label-info {
  background: #b7e1ea;
}
.label-warning {
  background: #fda220;
}
.label-danger {
  background: #d83f35;
}
.label-yellow {
  background: #fda220;
}
.label-orange {
  background: #ffa02e;
}
.label-lightBlue {
  background: #b7e1ea;
}
.label-blue {
  background: #009abc;
}
.label-lightGreen {
  background: #d4ebbe;
}
.label-green {
  background: #6fbe31;
}
.label-lightGray {
  background: #e7ebed;
}
.label-gray {
  background: #192226;
}
.dropdown-menu {
  padding: 0;
  border-color: #839095;
  border-radius: 3px;
  box-shadow: none;
}
.dropdown-menu > li {
  background-color: #fafcfc;
}
.dropdown-menu > li > a {
  position: relative;
  font-size: .9rem;
  text-decoration: none;
  padding: 11px 48px;
  border-bottom: 1px solid #d6dcde;
  transition: 0.3s ease;
}
.dropdown-menu > li > a:hover {
  background: #e7ebed;
}
.dropdown-menu > li > a .icon,
.dropdown-menu > li > a .glyphicon {
  font-size: 16px;
  font-size: 1rem;
  display: block;
  position: absolute;
  left: 20px;
  top: 15px;
}
.dropdown-menu > li:last-child > a {
  border-bottom: none;
  border-radius: 0 0 3px 3px;
}

.pinTop .pinedtotop {
    position: fixed !important;
    top: 0px/*56px*/;
    background-color: white;
    z-index: 4;
    padding-right: 100px;
}

.body--sidebarOpened.ffm-open.pinTop .content .pinedtotop {
    padding-right: 267px;
}

.ltrOsobaInfo {
    float: right;
    padding: 0;
    margin: 20px 0;
}

.breadcrumb {
    background: none;
    padding: 0;
    margin: 20px 0;
    float: left;
}


.breadcrumb .fa-home {
    font-size: 18px;
}

.breadcrumb > li {
  font-size: 14px;
  font-size: 0.9125rem;
  color: #5a6b6f;
}
.breadcrumb > li + li:before {
  display: inline-block;
  vertical-align: middle;
  font-family: "fontawesome";
  font-size: 1.2rem;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f105";
  color: #9cacb1;
  margin: -2px 0 0;
  padding: 0 10px;
}
.breadcrumb span {
    font-size: 13px;
    font-size: 0.8125rem;    
}

.breadcrumb .active span {
    font-weight:bold;
}

.breadcrumb a {
  color: #192226;
  font-size: 13px;
  font-size: 0.8125rem;
  text-decoration: none;
}
.breadcrumb .icon {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 20px;
}

.breadcrumbinfo i {
    margin: 22px 10px;
    float: left;
    font-size: 18px;
    line-height: 16px;
}

.table {
    margin-bottom: 20px !important;
    border-collapse: separate;
}
.table.table-border {
  border-bottom: 2px solid #e2e6e7;
}
.table.table-footer {
  border-bottom: none;
}
.table.table-footer tfoot tr td {
  border-top: solid 2px #e2e6e7;
}
.table a,
.table label {
  position: relative;
  z-index: 3;
}
.table thead {
  background-color: #78898e;
  color: #fff;
}
.table thead tr th {
  padding: 10px 20px;
  border: none;
  vertical-align: middle !important;
}
.table thead tr th .icon {
  color: #9cacb1;
}
/*.table thead tr th:last-child {
  text-align: right;
}*/
.table thead tr th:first-of-type {
  border-top-left-radius: 3px;
  border-left: solid transparent 2px;
}
.table thead tr th:last-of-type {
  border-top-right-radius: 3px;
}
.table tbody tr {
  position: relative;
}
.table tbody tr td {
  padding: 10px 20px;
  border-top: solid 2px #fff;
  color: #5a6b6f;
  vertical-align: middle !important;
  position: relative;
}
.table tbody tr td a .icon,
.table tbody tr td a .glyphicon {
  color: #192226 !important;
}
.table tbody tr td:last-child {
  text-align: right;
}
.table tbody tr td .icon {
  margin-right: 9px;
  font-size: 16px;
  font-size: 1rem;
}
.table tbody tr td:after {
  content: "";
  display: none;
  width: calc(100% + 2px);
  height: calc(100% + 4px);
  position: absolute;
  top: -2px;
  left: -2px;
  border-top: solid #d4ebbe 2px;
  border-bottom: solid #d4ebbe 2px;
  z-index: -1;
}

/*.topindex span {
    z-index: 30 !important;
}*/

.table tbody tr td:first-of-type {
  border-left: solid transparent 2px;
}
.table tbody tr td:first-of-type:after {
  border-left: 2px solid #d4ebbe;
}
.table tbody tr td:last-of-type:after {
  border-right: 2px solid #d4ebbe;
}
.table tbody tr:hover:not(.row-filters) {
  /*cursor: pointer;*/
}
.table tbody tr:hover:not(.row-filters) td {
  background-color: #f6ffef;
}
.table tbody tr:hover:not(.row-filters) td:after {
  display: block;
}
.table tbody tr.row-red {
  background-color: #fdebea !important;
}
.table tbody tr.row-lightRed {
  background-color: #fef5f5 !important;
}
.table tfoot.tfoot--bold tr td {
  font-weight: bold;
}
.table tfoot tr td {
  padding: 10px 20px;
  background-color: #f0f4f6;
}
.table a {
  text-decoration: none;
}
.table-striped tbody tr:nth-of-type(odd) {
  background: #f0f4f6;
}
.table-striped tbody tr:nth-of-type(odd) td {
  background: #f0f4f6;
}
.table-striped tbody tr:nth-of-type(even) {
  background: #fafcfc;
}
.table-striped tbody tr:nth-of-type(even) td {
  background: #fafcfc;
}
.table-headingIcons th {
  padding: 3px 20px !important;
}
.table-filters tr.row-filters .icon,
.table-filters tr.row-filters .glyphicon {
  margin-right: 0;
}
.table-filters tr.hidden {
  display: none;
}
.table-darkIcons tbody tr td .icon,
.table-darkIcons tbody tr td .glyphicon {
  color: #5a6b6f;
}
.table-responsive {
  border: none !important;
}
@media only screen and (max-width: 991px) {
  .panel-body .table-responsive {
    border: none;
  }
}
.table-request {
  width: 100%;
}
.table-request tbody tr td {
  color: #666666;
  border-bottom: 1px solid #d6dcde;
  padding: 12px 20px;
}
.table-request tbody tr td:first-child {
  padding-right: 0;
}
.table-request tbody tr td:last-child {
  border-left: 1px solid #d6dcde;
}
.table-request tbody tr td.table-requestBtn {
  padding: 0;
  vertical-align: middle;
  transition: 0.3s ease;
  cursor: pointer;
}
.table-request tbody tr td.table-requestBtn:hover {
  background: #ececec;
}
.table-request tbody tr td.table-requestBtn .btn {
  background: none;
}
.table-request tbody tr:last-child td {
  border-bottom: none;
}
.table-requestHeader {
  margin-top: 5px;
}
.table-requestTdImportant,
.table tbody tr td.table-requestTdImportant,
.table thead tr th.table-requestTdImportant {
  width: 20px;
  padding: 8px 0 8px 8px;
}
.table-requestTdImportant + td,
.table tbody tr td.table-requestTdImportant + td,
.table thead tr th.table-requestTdImportant + td {
  padding-left: 0;
}
.nav-tabs {
  margin-bottom: 20px;
  border-bottom: solid 2px #e7ebed;
}
.nav-tabs li {
  position: relative;
  height: 52px;
}
.nav-tabs li a {
  font-size: 18px;
  font-size: 1.125rem;
  text-decoration: none;
  color: #5a6b6f;
  padding: 10px 20px 15px 20px;
}
.nav-tabs li a:hover {
  background-color: transparent !important;
  border-color: transparent;
}
.nav-tabs li:hover:after {
  background-color: #9cacb1;
}
.nav-tabs li:after {
  content: "";
  height: 4px;
  background-color: transparent;
  width: 100%;
  position: absolute;
  bottom: -2px;
  left: 0;
}
.nav-tabs li.active:after {
  background-color: #6fbe31;
}
.nav-tabs li.active a {
  font-size: 20px;
  font-size: 1.25rem;
  color: #6fbe31;
  border: none;
  font-weight: bold;
}
.nav-tabs li.active a:hover {
  border: none;
  color: #6fbe31;
}
.nav-tabs-red.nav-tabs li.active:after {
  background-color: #db273f;
}
.nav-tabs-red.nav-tabs li.active a {
  font-size: 20px;
  font-size: 1.25rem;
  color: #db273f;
  border: none;
  font-weight: bold;
}
.nav-tabs-red.nav-tabs li.active a:hover {
  border: none;
  color: #db273f;
}
@media only screen and (max-width: 991px) {
  .nav-tabs li {
    height: 48px;
    margin-bottom: 10px;
    width: 100%;
    text-align: center;
  }
}
.separator {
  width: 100%;
  height: 2px;
  background-color: #e7ebed;
  margin-bottom: 20px;
}
.list {
  list-style-type: none;
  padding: 0;
  margin: 0 0 20px;
}
.list ul {
  list-style-type: none;
  padding: 0 0 0 20px;
}
.list li {
  position: relative;
  padding: 0 0 10px 16px;
  color: #666666;
}
.list li:before {
  content: "";
  display: block;
  background: #6fbe31;
  width: 8px;
  height: 8px;
  border-radius: 3px;
  position: absolute;
  left: 0;
  top: 6px;
}
.list-red.list li:before {
  background: #db273f;
}
.list-numbered {
  list-style-type: none;
  padding: 0;
  margin: 0 0 20px;
  counter-reset: ol-counter;
}
.list-numbered ul {
  list-style-type: none;
  padding: 0 0 0 20px;
}
.list-numbered li {
  position: relative;
  padding: 0 0 10px 16px;
  color: #666666;
}
.list-numbered li:before {
  content: "";
  display: block;
  background: #6fbe31;
  width: 8px;
  height: 8px;
  border-radius: 3px;
  position: absolute;
  left: 0;
  top: 6px;
}
.list-red.list-numbered li:before {
  background: #db273f;
}
.list-numbered ul {
  counter-reset: ol-counter;
}
.list-numbered li {
  padding: 0 0 10px 25px;
}
.list-numbered li:before {
  content: counter(ol-counter);
  counter-increment: ol-counter;
  display: block;
  background: #6fbe31;
  width: 16px;
  height: 16px;
  line-height: 16px;
  border-radius: 3px;
  color: white;
  font-size: 11px;
  font-size: 0.6875rem;
  font-weight: bold;
  text-align: center;
  position: absolute;
  left: 0;
  top: 2px;
}
.list-red.list-numbered li:before {
  background: #db273f;
}
.list-group-item .list-group {
  margin: -11px -15px;
}
.list-group-item {
  font-size: 16px;
  font-size: 1rem;
  padding: 11px 20px;
  position: relative;
  color: #666666;
}
.list-group-item:before,
.list-group-item:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.list-group-item:after {
  clear: both;
}
.list-group-item.list-group-item--sm {
  font-size: 13px;
  font-size: 0.8125rem;
  padding: 13px 20px;
}
.list-group-item.list-group-item--withBtn [class^="col-"]:not(:first-child) {
  padding-right: 105px;
}
@media only screen and (max-width: 991px) {
  .list-group-item.list-group-item--withBtn [class^="col-"]:not(:first-child) {
    padding-right: 20px;
  }
}
@media only screen and (max-width: 991px) {
  .list-group-item.list-group-item--withBtn {
    padding-right: 65px;
  }
}
.list-group-btn {
  position: absolute;
  right: 0;
  top: 0;
  width: 115px;
  height: 100%;
  border-left: 1px solid #d6dcde;
  padding: 0;
  overflow: hidden;
}
.list-group-btn .btn {
  position: relative;
  display: table;
  width: 100%;
  height: 100%;
  border-radius: 0;
  color: #666666;
  background: white;
}
.list-group-btn .btn span {
  display: table-cell;
  vertical-align: middle;
}
.list-group-btn .btn:hover {
  color: #d83f35;
}
@media only screen and (max-width: 991px) {
  .list-group-btn {
    width: 52px;
  }
  .list-group-btn .icon {
    margin-right: 20px;
  }
}
.list-group-icon {
  font-size: 18px;
  font-size: 1.125rem;
  margin: -5px 3px -5px 0;
}
.list-group-collapse {
  border-top: 1px solid #d6dcde;
}
.list-group-collapse > .list-group-item:first-child {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.alert {
  position: relative;
  border: none;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 600;
  border-radius: 0;
  padding: 15px 20px 15px 15px;
  overflow: hidden;
}
.alert .icon,
.alert .glyphicon {
  position: absolute;
}
.alert .close {
  color: #192226;
  opacity: 0.5;
  text-shadow: none;
  transition: 0.3s ease;
  height: 50px;
  width: 45px;
  position: absolute;
  right: 0;
  top: 0;
}
.alert .close:hover {
  opacity: 1;
}
.alert-success {
  background: #f6ffef;
  color: #6fbe31 !important;
  border: solid 2px #d4ebbe;
}
.alert-success .icon,
.alert-success .glyphicon {
  color: #d4ebbe;
  right: -10px;
  top: 0px;
  font-size: 4.5rem;
  line-height: 30px;
}
.alert-success:before {
  background: #d4ebbe;
}
.alert-info {
  background: #e4f2f6;
  color: #009abc !important;
  border: solid 2px #b7e1ea;
}
.alert-info .icon,
.alert-info .glyphicon {
  color: #b7e1ea;
  right: 13px;
  bottom: 0;
  font-size: 2.5rem;
  line-height: 22px;
}
.alert-info:before {
  background: #b7e1ea;
}
.alert-warning {
  background: rgba(255, 160, 46, 0.2);
  color: #ffa02e !important;
}
.alert-warning .icon,
.alert-warning .glyphicon {
  color: #ffa02e;
}
.alert-warning:before {
  background: #ffa02e;
}
.alert-danger {
  background: #fbeae8;
  color: #d83f35 !important;
  border: solid 2px #f5c4c1;
}
.alert-danger .icon,
.alert-danger .glyphicon {
  color: #f5c4c1;
  right: 15px;
  top: 10px;
  font-size: 3.5em;
  line-height: 22px;
}
.alert-danger:before {
  background: #d83f35;
}
.alert-dismissible {
  padding-right: 45px;
}
.panel {
  background: none;
  border-radius: 3px;
  box-shadow: none;
  margin-bottom: 16px !important;
}
.panel-heading {
  position: relative;
  padding: 10px 20px;
  background-color: #f0f4f6;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  margin-bottom: 2px;
}
.panel-heading h3 {
  margin-top: 10px;
  margin-bottom: 8px;
}
.panel-heading.panel-heading--round {
  border-radius: 3px;
}
.panel-header {
  margin: 15px 0;
}
.panel-body {
  padding: 20px 20px 0 20px;
  background-color: #f0f4f6;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.panel-footer {
  padding: 10px 20px;
  background: #f0f4f6;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.panel-footer:before,
.panel-footer:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.panel-footer:after {
  clear: both;
}
.panel-footer--border {
  border-top: 2px solid #fff;
}
.panel-footer--border {
  border-top: 2px solid #e7ebed;
}
.panel-buttons {
  border-top: 1px solid #d6dcde;
  line-height: 40px;
  background-color: #f0f4f6;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  padding: 10px;
}
.panel-buttons:before,
.panel-buttons:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.panel-buttons:after {
  clear: both;
}
.panel-separator {
  border-bottom: 1px solid #d6dcde;
  margin: 16px -20px 19px -20px;
}
.panel--border {
  background: white;
  border: 1px solid #d6dcde;
}
.panel--border .panel-heading {
  font-size: 16px;
  font-size: 1rem;
  color: #666666;
  border-bottom: 1px solid #d6dcde;
}
.panel--color {
  position: relative;
  border-radius: 0 0 3px 3px;
  padding-top: 2px;
}
.panel--color:before {
  content: "";
  display: block;
  height: 4px;
  background: #d6dcde;
  position: absolute;
  left: -1px;
  top: -1px;
  right: -1px;
  z-index: 1;
}
.panel--colorLightGreen:before {
  background: #d4ebbe;
}
.panel--colorGreen:before {
  background: #6fbe31;
}
.panel--colorLightBlue:before {
  background: #b7e1ea;
}
.panel--colorBlue:before {
  background: #009abc;
}
.panel--colorYellow:before {
  background: #fda220;
}
.panel--colorOrange:before {
  background: #ffa02e;
}
.panel--colorRed:before {
  background: #d83f35;
}
.pagination {
  border-radius: 0;
}
.pagination li a {
  height: 34px;
  line-height: 34px;
  color: #192226;
  border-radius: 3px !important;
  padding: 0 10px;
  margin: 0 2px;
  transition: 0.3s ease;
}
.pagination li a:hover {
  color: #192226;
  background: white;
  border-color: #192226;
}
.pagination li a .icon {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 20px;
  height: 20px;
  margin: -4px -6px 0;
}
.pagination li.disabled a .icon {
  opacity: 0.5;
}
.pagination li.active a {
  color: white;
  background: #6fbe31;
  border-color: #6fbe31;
}
.pagination li.active a:hover,
.pagination li.active a:active,
.pagination li.active a:focus {
  background: #6fbe31;
  border-color: #6fbe31;
}
.pagination.pagination-red li.active a {
  background: #db273f;
  border-color: #db273f;
}
.pagination.pagination-red li.active a:hover,
.pagination.pagination-red li.active a:active,
.pagination.pagination-red li.active a:focus {
  background: #db273f;
  border-color: #db273f;
}
.pagination-choosePages > * {
  vertical-align: middle;
}
.pagination-choosePages .form-group {
  margin-bottom: 0;
}
@media all and (max-width: 565px) {
  .pagination-choosePages {
    margin-top: 20px;
  }
}
.map {
  display: block;
  width: 100%;
  background: #d6dcde;
}
.map iframe {
  width: 100%;
  height: 100%;
  border: none;
}
.map--dashboard {
  height: 480px;
}
.map--system {
  height: 320px;
}
.overlay {
  display: none;
  background: rgba(255, 255, 255, 0.3);
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: -1;
  opacity: 0;
}
.body--sidebarOpened .overlay {
  z-index: 105;
  opacity: 1;
}
@media only screen and (max-width: 991px) {
  .overlay {
    display: block;
  }
}
.user-link {
  display: inline-block;
  position: relative;
  text-decoration: none;
  color: #666666;
  transition: 0.3s ease;
  padding-left: 45px;
}
.user-link:hover {
  color: #5a6b6f;
}
@media only screen and (max-width: 991px) {
  .user-link {
    padding: 10px 0 10px 45px;
  }
}
.user-link.user-link--small {
  padding: 0;
}
.user-linkImage {
  width: 36px;
  height: 36px;
  display: inline-block;
  vertical-align: middle;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -18px;
}
.user-linkIcon {
  display: inline-block;
  color: #78898e;
  font-size: 14px;
  font-size: 0.875rem;
}
.progress {
  position: relative;
  background: white;
  border-radius: 0;
  box-shadow: none;
  margin: 0;
}
.progress:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  border: 1px solid #d6dcde;
}
.progress.progress--sm {
  height: 6px;
}
.progress-bar {
  background: #d83f35;
  height: 100%;
  position: relative;
}
.progress-text {
  font-size: 12px;
  font-size: 0.75rem;
}
.modal hr {
  border-top: 1px solid #d6dcde;
  margin: 15px -20px;
}
@media all and (min-width: 768px) {
  .modal-dialog {
    width: 470px !important;
  }
}
.modal-verticalAligner {
  display: table;
  height: 100%;
  width: 100%;
  pointer-events: none;
}
.modal-verticalCenter {
  /* To center vertically */
  display: table-cell;
  vertical-align: middle;
  pointer-events: none;
}
.modal-content {
  border-radius: 3px;
  border: none;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.35);
  width: inherit;
  height: inherit;
  /* To center horizontally */
  margin: 0 auto;
  pointer-events: all;
}
.modal-header {
  font-size: 14px;
  font-size: 0.875rem;
  color: #666666;
  padding: 15px 20px;
  border-bottom: 1px solid #d6dcde;
  background-color: #e7ebed;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.modal-header .close {
  transition: 0.3s ease;
  opacity: 1;
  padding: 0 5px;
  margin: 0px -8px -5px;
  outline: none;
  font-size: 22px;
  font-size: 1.375rem;
}
.modal-header .close:hover {
  color: #192226;
}
.modal-body {
  padding: 15px 20px;
}
.modal-editAction .modal-body {
  padding: 20px 20px 8px 20px;
}
.modal-buttons {
  position: relative;
  z-index: 1;
}
.modal-buttons:before,
.modal-buttons:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.modal-buttons:after {
  clear: both;
}
.modal-buttons:before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: #d6dcde;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}
.modal-buttons .btn {
  border-radius: 0;
}
.modal-buttons .btn:last-child {
  border-radius: 0 0 3px 0;
}
.modal-footer {
  border: none;
}
.modal-editAction .modal-footer {
  padding: 0 0 21px 20px;
}
.modal-backdrop {
  background-color: #000a0f;
}
.modal-backdrop.in {
  opacity: 0.75;
}
.navbar {
  height: 56px;
  background: #474747;
  z-index: 10;
  transition: 0.3s ease;
}
@media only screen and (max-width: 991px) {
  .navbar {
    margin-left: 0;
  }
}
.navbar .icon,
.navbar .glyphicon {
  color: #fff;
}
.nav li a:focus,
.nav li a:hover {
  background-color: transparent;
}
.navbar-header {
  float: left;
}
.navbar-brand {
  height: 55px;
  line-height: 53px;
  padding: 0;
}
.navbar-logo {
  margin-top: 17px;
  margin-left: 20px;
}
@media only screen and (max-width: 991px) {
  .navbar-logo {
    margin-left: 0;
  }
}
.navbar-brandLogo {
  display: inline-block;
  width: 27px;
  margin-right: -3px;
  overflow: hidden;
}
.navbar-menuBtn {
    font-size: 29px !important;
    font-size: 1.8125rem;
    padding: 12px 14px 0 11px;
}
.navbar-menuBtn .icon--menu {
  color: #fff;
}
.navbar-nav {
  margin: 0;
}
.navbar-nav li {
  float: left;
}
.navbar-right {
  position: absolute;
  right: 0;
  background: white;
}
.navbar-navItem,
.navbar-nav > li {
  border-left: 1px solid #676767;
}
.navbar-navLink,
.navbar-nav > li > a {
  position: relative;
  text-decoration: none;
  color: #fff;
  height: 55px;
  font-size: .9rem;
  line-height: 55px;
  padding: 0 15px;
  transition: 0.3s ease;
}
.navbar-right .navbar-navLink,
.navbar-right .navbar-nav > li > a {
  color: #666666;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 400;
  text-transform: none;
  padding: 0 20px;
}
@media only screen and (max-width: 1199px) {
  .navbar-right .navbar-navLink,
  .navbar-right .navbar-nav > li > a {
    padding: 0 15px;
  }
}
@media only screen and (max-width: 991px) {
  .navbar-right .navbar-navLink,
  .navbar-right .navbar-nav > li > a {
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  .navbar-right .navbar-navLink,
  .navbar-right .navbar-nav > li > a {
    display: block;
  }
}
.navbar-navLink:hover,
.navbar-nav > li > a:hover,
.open .navbar-navLink,
.open .navbar-nav > li > a {
  background: none;
  cursor: pointer;
}
.navbar-navLink.active:before,
.navbar-nav > li > a.active:before {
  -webkit-transform: translate3d(0, 3px, 0);
  transform: translate3d(0, 3px, 0);
}
.navbar-navLink.collapsed:after,
.navbar-nav > li > a.collapsed:after {
  display: none;
}
.navbar-navLinkIcon {
  font-size: 1.2rem;
  margin-left: 20px;
  margin-right: 8px;
}
.navbar-navLinkIcon:last-of-type {
  margin-right: 0;
}
@media only screen and (max-width: 991px) {
  .navbar-navLinkIcon {
    margin-left: 0px;
    padding: 13px;
    font-size: 26px !important;
  }
}
.navbar-icon {
  font-size: 24px;
  font-size: 1.5rem;
  margin-bottom: -2px;
}
.navbar-label {
  font-size: 11px;
  font-size: 0.6875rem;
  height: 16px;
  line-height: 16px;
  padding: 0 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -16px;
  margin-left: 4px;
}
.navbar-userPic-icon,
.navbar-userPic {
  display: inline-block;
  vertical-align: middle;
  border-radius: 50%;
  margin-right: 10px;
}
@media only screen and (max-width: 991px) {
    .navbar-userPic-icon, .navbar-userPic {
        margin-right: 0;
    }
}
.navbar-userText-single,
.navbar-userText {
  display: inline-block;
  vertical-align: middle;

}

.navbar-userText {
    line-height: 18px;
}
.navbar-userName {
  font-size: .9rem;
}
.navbar-userOrg {
  font-size: .8rem;
}
.navbar-navItem {
  /* not being used */
}
.navbar-navItem .dropdown-menu {
  width: 100%;
  display: block;
  overflow: hidden;
  left: 50%;
  top: 56px;
  padding: 0;
  margin-left: -120px;
  border: 1px solid #d6dcde;
  border-radius: 0;
  width: auto;
}
@media only screen and (max-width: 991px) {
  .navbar-navItem .dropdown-menu {
    width: auto;
  }
}
.navbar-navItem .dropdown-menu.collapse {
  height: 0;
  opacity: 0;
}
.navbar-navItem .dropdown-menu.collapse.in {
  height: auto;
  opacity: 1;
}
.navbar-navItem .dropdown-menu li {
  display: block;
  float: none;
  background-color: #e7ebed;
}
.navbar-navItem .dropdown-menu a {
  display: block;
  text-decoration: none;
  padding: 14px 20px 14px 45px;
  font-size: .85rem;
  border-top: 0;
  transition: 0.3s ease;
}
.navbar-navItem .dropdown-menu a .icon,
.navbar-navItem .dropdown-menu a .glyphicon {
  left: 16px;
  color: #666;
  transition: 0.3s ease;
}
.navbar-navItem .dropdown-menu a .glyphicon {
  margin: 0 5px 0 0;
}
.navbar-navItem .dropdown-menu a:focus,
.navbar-navItem .dropdown-menu a:hover{
  color: #fff;
  background: #6fbe31;
}
.navbar-red .navbar-navItem .dropdown-menu a:focus,
.navbar-red .navbar-navItem .dropdown-menu a:hover {
  background: #db273f;
}
.navbar-navItem .dropdown-menu a:hover .icon,
.navbar-navItem .dropdown-menu a:hover .glyphicon {
  color: #fff;
}
.navbar-navItem .dropdown-menu ul {
  padding: 0;
}
.navbar-navItem .dropdown-menu ul li a {
  font-size: 14px;
  font-size: 0.875rem;
  border-bottom: none;
}
.navbar-navItem.first .dropdown-menu {
  left: 0;
  margin-left: 0;
}
.navbar-navItem.last .dropdown-menu {
  left: auto;
  margin-left: 0;
  right: 0;
}
@media only screen and (max-width: 991px) {
  .navbar-right .navbar-navItem .dropdown-menu {
    background: white;
    position: fixed;
    height: 100% !important;
    max-height: 100%;
    top: 56px;
    left: auto;
    right: -240px;
    opacity: 1;
    overflow-y: auto;
    box-shadow: none;
    transition: 0.3s ease;
    padding-bottom: 56px;
    border-left: 1px solid #d6dcde;
  }
  .navbar-right .navbar-navItem .dropdown-menu:before {
    display: none;
  }
  .navbar-right .navbar-navItem .dropdown-menu.in {
    height: 100% !important;
    -webkit-transform: translate3d(-240px, 0, 0);
    transform: translate3d(-240px, 0, 0);
  }
  .navbar-right .navbar-navItem .dropdown-menu > li a {
    border-left: none;
    border-right: none;
  }
  .navbar-right .navbar-navItem .dropdown-menu > li:first-child {
    margin-top: 0;
  }
}
.navbar-navMessage,
.navbar-nav li ul li a.navbar-navMessage {
  background: #f9f9f9;
  font-size: 14px;
  font-size: 0.875rem;
}
.sidebar {
  position: fixed;
  top: 0px/*56px*/;
  bottom: 0;
  left: 0;
  width: 222px;
  z-index: 110;
  display: block;
  background: #e7ebed;
  padding: 0;
  transition: 0.3s ease;
  border-right: solid 1px #d6dcde;
}
@media only screen and (max-width: 991px) {
  .sidebar {
    left: -222px;
    -webkit-transform: translate3d(222px, 0, 0);
    transform: translate3d(222px, 0, 0);
    overflow-y: auto;
  }
}
.sidebar.collapsed {
  width: 56px;
}
@media only screen and (max-width: 991px) {
  .sidebar.collapsed {
    width: 222px;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.sidebar-heading {
  height: 56px;
  line-height: 55px;
  padding: 0 20px;
  overflow: hidden;
  transition: 0.3s ease;
}
.collapsed .sidebar-heading {
  padding: 0 15px;
}
.sidebar-logo {
  display: inline-block;
  margin-right: -3px;
  overflow: hidden;
}
.collapsed .sidebar-logo {
  width: 27px;
}
.sidebar-nav {
  width: calc(100% + 1px);
}
.sidebar-nav > li,
.sidebar-nav li {
  /*border-bottom: solid 1px #d6dcde;*/
}
.sidebar-nav > li.active,
.sidebar-nav li.active {
  background: #fff;
}
.sidebar-nav > li.active a,
.sidebar-nav li.active a {
  color: #192226;
}
.sidebar-nav > li.active .icon,
.sidebar-nav li.active .icon,
.sidebar-nav > li.active .glyphicon,
.sidebar-nav li.active .glyphicon {
  color: #5a6b6f;
}
.sidebar-nav > li.active:hover .icon,
.sidebar-nav li.active:hover .icon,
.sidebar-nav > li.active:hover .glyphicon,
.sidebar-nav li.active:hover .glyphicon {
  color: #fff;
}
.sidebar-nav > li > a,
.sidebar-nav li > a,
.sidebar-nav > li a,
.sidebar-nav li a {
  position: relative;
  display: none;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
  color: white;  
  border-bottom: solid 1px #d6dcde;
  padding: 17px 20px;
  min-height: 50px;
  white-space: nowrap;
}
@media only screen and (max-width: 991px) {
  .sidebar-nav > li > a,
  .sidebar-nav li > a,
  .sidebar-nav > li a,
  .sidebar-nav li a {
    display: block;
  }
}
.sidebar-nav > li > a .icon,
.sidebar-nav li > a .icon,
.sidebar-nav > li a .icon,
.sidebar-nav li a .icon,
.sidebar-nav > li > a .glyphicon,
.sidebar-nav li > a .glyphicon,
.sidebar-nav > li a .glyphicon,
.sidebar-nav li a .glyphicon {
  font-size: 1.35rem;
  width: 19px;
  text-align: center;
  display: block;
  position: absolute;
  left: 18px;
  top: 18px;
  color: #666;
}
.sidebar-nav > li > a .icon.sidebar-navIconRight,
.sidebar-nav li > a .icon.sidebar-navIconRight,
.sidebar-nav > li a .icon.sidebar-navIconRight,
.sidebar-nav li a .icon.sidebar-navIconRight {
  font-size: 19px;
  font-size: 1.1875rem;
  left: auto;
  right: 12px;
  top: 19px;
}
.sidebar-nav > li > a:hover,
.sidebar-nav li > a:hover,
.sidebar-nav > li a:hover,
.sidebar-nav li a:hover,
.sidebar-nav > li > a:focus,
.sidebar-nav li > a:focus,
.sidebar-nav > li a:focus,
.sidebar-nav li a:focus {
  background: rgba(255, 255, 255, 0.05);
  color: white;
}
.sidebar-nav > li > a:hover .icon,
.sidebar-nav li > a:hover .icon,
.sidebar-nav > li a:hover .icon,
.sidebar-nav li a:hover .icon,
.sidebar-nav > li > a:focus .icon,
.sidebar-nav li > a:focus .icon,
.sidebar-nav > li a:focus .icon,
.sidebar-nav li a:focus .icon {
  opacity: 1;
}
.sidebar-nav > li > a .sidebar-navText,
.sidebar-nav li > a .sidebar-navText,
.sidebar-nav > li a .sidebar-navText,
.sidebar-nav li a .sidebar-navText {
  display: block;
  overflow: hidden;
  opacity: 1;
  white-space: normal;
  min-width: 160px;
}


.collapsed .sidebar-nav > li > a,
.collapsed .sidebar-nav li > a,
.collapsed .sidebar-nav > li a,
.collapsed .sidebar-nav li a {
  padding-left: 0;
  padding-right: 0;
}
.collapsed .sidebar-nav > li > a .sidebar-navText,
.collapsed .sidebar-nav li > a .sidebar-navText,
.collapsed .sidebar-nav > li a .sidebar-navText,
.collapsed .sidebar-nav li a .sidebar-navText {
  width: 0;
  opacity: 0;
  white-space: nowrap; 
}
.sidebar-nav > li:first-child a,
.sidebar-nav li:first-child a {
  border-top: none;
}
.sidebar-nav > li > ul,
.sidebar-nav li > ul {
  padding: 0;
}

.sidebar-nav > li > ul li{
  display:inline;
}

.sidebar-nav > li > ul li:last-of-type,
.sidebar-nav li > ul li:last-of-type {
  border-bottom: none;
}
.sidebar-nav > li > ul li a,
.sidebar-nav li > ul li a {
  display: block;
  padding: 16px 20px 17px 59px;
  color: #666;
  text-transform: none;
  font-weight: 400;
}
.sidebar-nav > li > ul li a:hover,
.sidebar-nav li > ul li a:hover,
.sidebar-nav > li > ul li a:focus,
.sidebar-nav li > ul li a:focus {
  color: #fff;
  background: #6fbe31;
}

.sidebar-red .sidebar-nav > li > ul li a:hover,
.sidebar-red .sidebar-nav li > ul li a:hover,
.sidebar-red .sidebar-nav > li > ul li a:focus,
.sidebar-red .sidebar-nav li > ul li a:focus {
    background: #db273f;
}


.sidebar-nav li.liFFM a {
    height: 56px !important;
    line-height: 56px;
}

body.layoutCompact .sidebar-nav li.liFFM a .icon ,
.sidebar-nav li.liFFM a .icon {
    top: 18px;
}

.sidebar-nav > li > ul li.liFFM a,
.sidebar-nav li > ul li.liFFM a,
.sidebar-nav > li > ul li.liFFM a:hover,
.sidebar-nav li > ul li.liFFM a:hover,
.sidebar-nav > li > ul li.liFFM a:focus,
.sidebar-nav li > ul li.liFFM a:focus,
.sidebar-nav > li > ul li.liFFM a:hover .icon,
.sidebar-nav li > ul li.liFFM a:hover .icon,
.sidebar-nav > li > ul li.liFFM a:focus .icon,
.sidebar-nav li > ul li.liFFM a:focus .icon {
    background-color: #fff;
    color: #333 !important;
}

.sidebar-nav > li > ul li a:hover .icon,
.sidebar-nav li > ul li a:hover .icon,
.sidebar-nav > li > ul li a:focus .icon,
.sidebar-nav li > ul li a:focus .icon,
.sidebar-nav > li > ul li a:hover .glyphicon,
.sidebar-nav li > ul li a:hover .glyphicon,
.sidebar-nav > li > ul li a:focus .glyphicon,
.sidebar-nav li > ul li a:focus .glyphicon {
  color: #fff;
}
.sidebar-nav > li > ul ul,
.sidebar-nav li > ul ul {
  padding: 0 0 5px;
  background: rgba(255, 255, 255, 0.05);
}
.sidebar-nav > li > ul ul li a,
.sidebar-nav li > ul ul li a {
  padding: 10px 48px;
  min-height: 0;
  font-size: 14px;
  font-size: 0.875rem;
  border-bottom: none;
}
.sidebar-nav .tooltip {
  display: none !important;
}
.collapsed .sidebar-nav .tooltip {
  display: block !important;
}
* {
  box-sizing: border-box;
}
html {
  height: 100%;
}
body {
  height: 100%;
  background: #fff;
  font-family: "Open Sans", "Helvetica", sans-serif;
  color: #5a6b6f;
}
@media only screen and (max-width: 767px) {
  body.overlaid {
    overflow: hidden;
  }
}
.content {
  position: relative;
  width: 100%;
  min-height: 100%;
  overflow: hidden;
  transition: 0.3s ease;
}
.body--fixedHeader .content {
  padding-top: 56px;
}

.body--fixedHeader.pinTop .content {
    /*padding-top: 107px;*/
}

.body--sidebarOpened .content {    
    padding-left: 55px;
    margin-left: 167px;
}

.body--sidebarOpened.ffm-open .content {
    padding-left: 222px;    
    margin-left: 0px;
}

.body--sidebarCollapsed .content {
  padding-left: 55px;
}
@media only screen and (max-width: 991px) {
  .content {
    padding-left: 0 !important;
  }
}
.main {
  /*margin-bottom: 120px;*/
}
.main > .container-fluid {
  padding: 0 30px;
}
@media only screen and (max-width: 767px) {
  .main > .container-fluid {
    padding: 0 20px;
  }
}
/**
 * Base elements styles
 */
a {
  color: #192226;
  text-decoration: underline;
}
a:hover,
a:focus {
  text-decoration: none;
  color: #192226;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Open Sans", "Helvetica", sans-serif;
  color: #5a6b6f;
}
.h1 b,
.h2 b,
.h3 b,
.h4 b,
.h5 b,
.h6 b,
h1 b,
h2 b,
h3 b,
h4 b,
h5 b,
h6 b,
.h1 strong,
.h2 strong,
.h3 strong,
.h4 strong,
.h5 strong,
.h6 strong,
h1 strong,
h2 strong,
h3 strong,
h4 strong,
h5 strong,
h6 strong {
  color: #192226;
}
a .h1,
a .h2,
a .h3,
a .h4,
a .h5,
a .h6,
a h1,
a h2,
a h3,
a h4,
a h5,
a h6 {
  color: #192226;
}
.h1,
.h2,
h1,
h2 {
  margin-top: 30px;
  margin-bottom: 20px;
}
.h3,
.h4,
.h5,
.h6,
h3,
h4,
h5,
h6 {
  margin-top: 25px;
  margin-bottom: 10px;
}
.h1,
h1 {
  font-size: 24px;
  font-size: 1.5rem;
}
.h2,
h2 {
  font-size: 22px;
  font-size: 1.375rem;
}
.h3,
h3 {
  font-size: 19px;
  font-size: 1.1875rem;
}
.h4,
h4 {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 700;
}
.h1.dark,
.h2.dark,
.h3.dark,
.h4.dark,
.h5.dark,
.h6.dark,
h1.dark,
h2.dark,
h3.dark,
h4.dark,
h5.dark,
h6.dark {
    color: #6fbe31;
}
p {
  color: #666666;
  max-width: 860px;
}
.page-header {
  border: none;
  padding: 0;
  margin: 48px 0 20px 0;
}
.page-header.page-header--underline:after {
  content: "";
  display: block;
  border-bottom: 2px solid #e7ebed;
  margin: 17px 0;
}
.page-headerCounter {
  font-weight: bold;
}
.panelLogin {
  max-width: 360px;
  margin: 20px auto;
  background: white;
  border: none;
  box-shadow: 0 0 25px lightgrey;
}
.panelLogin-heading {
  background: #373737;
  height: 60px;
  line-height: 60px;
  padding: 0 30px;
}
.panelLogin-headingLogo {
  opacity: 0.4;
  transition: 0.3s ease;
}
.panelLogin-headingLogo:hover {
  opacity: 1;
}
.panelLogin-body {
  padding: 20px 30px;
  background-color: #fff !important;
}
.panelLogin-body .form-control {
  background-color: #fafcfc;
}
.panelLogin-footer {
  padding: 25px 30px;
  background: #ffffff;
}
.timeline {
  position: relative;
}
.timeline:before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  background: #666666;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: -3px;
  z-index: 1;
}
.timeline-item {
  position: relative;
  text-align: center;
  padding: 20px 0;
}
.timeline-item:before,
.timeline-item:after {
  content: "";
  display: block;
  position: absolute;
}
.timeline-item:before {
  width: 100%;
  height: 2px;
  background: #bac4c7;
  left: 0;
  top: 0;
}
.timeline-item:nth-child(7):before {
  width: 50%;
}
.timeline-item:after {
  width: 16px;
  height: 16px;
  border: 2px solid #bac4c7;
  border-radius: 50%;
  background: #f9f9f9;
  left: 50%;
  margin-left: -8px;
  top: -7px;
}
.timeline-item.done:after {
  border-color: #666666;
}
.timeline-line {
  width: 100%;
  height: 2px;
  position: absolute;
  left: 0;
  top: 0;
}
.timeline-line:before,
.timeline-line:after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
}
.timeline-line:before {
  width: 2px;
  margin-left: -1px;
  height: 20px;
  background: #bac4c7;
  top: 0;
}
.timeline-item.done .timeline-line:before {
  background: #666666;
}
.timeline-line:after {
  width: 8px;
  height: 8px;
  margin-left: -4px;
  background: transparent;
  border-radius: 50%;
  z-index: 1;
  top: -3px;
  opacity: 0;
}
.done .timeline-line:after {
  opacity: 1;
}
.timeline-item--yellow .timeline-line:after {
  background: #fda220;
}
.timeline-item--orange .timeline-line:after {
  background: #ffa02e;
}
.timeline-item--lightBlue .timeline-line:after {
  background: #b7e1ea;
}
.timeline-item--blue .timeline-line:after {
  background: #009abc;
}
.timeline-item--lightGreen .timeline-line:after {
  background: #d4ebbe;
}
.timeline-item--green .timeline-line:after {
  background: #6fbe31;
}
.timeline-item--gray .timeline-line:after {
  background: #192226;
}
.timeline-item.done .timeline-line {
  background: #666666;
}
.timeline-item.actual .timeline-line,
.timeline-item:nth-child(7) .timeline-line {
  width: 50%;
}
.timeline-item.actual .timeline-line:before,
.timeline-item:nth-child(7) .timeline-line:before,
.timeline-item.actual .timeline-line:after,
.timeline-item:nth-child(7) .timeline-line:after {
  left: 100%;
}
.timeline-description {
  color: #666666;
  margin: 10px;
}
.timeline-description p {
  line-height: 20px;
  margin-bottom: 5px;
}
.tooltip-info {
  position: relative;
  top: 2px;
  left: 2px;
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  overflow: hidden;
  background-color: #d6dcde;
  opacity: 1;
  text-decoration: none;
  text-align: left;
  font-size: 0 !important;
  line-height: 1 !important;
  z-index: 1;
}
.tooltip-info:before {
  position: relative;
  display: block;
  content: "i";
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  color: #5a6b6f;
  font-family: "Times New Roman", "Arial", serif;
  left: 8px;
  top: 4px;
}
.tooltip-info.tooltip-indent {
  float: left;
}
.tooltip-info.tooltip--active {
  background-color: #6fbe31;
}
.tooltip-info.tooltip--active:before {
  color: white;
}
.tooltip-info:hover {
  background-color: #6fbe31;
}
.tooltip-info:hover:before {
  color: white;
}
.tooltip-info.tooltip-red.tooltip--active {
  background-color: #db273f;
}
.tooltip-info.tooltip-red:hover {
  background-color: #db273f;
}
.comment {
  position: relative;
  background: white;
  border: 1px solid #d6dcde;
  border-radius: 3px;
  margin: 20px 0 0 52px;
}
.comment:before,
.comment:after {
  content: "";
  display: block;
  position: absolute;
  left: -6px;
  top: 20px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 6px 6px 0;
  border-color: transparent #b4bfc3 transparent transparent;
}
.comment:after {
  left: -5px;
  border-color: transparent white transparent transparent;
}
.comment-user {
  position: absolute;
  left: -52px;
  top: 8px;
}
.comment-user img {
  margin: 0;
}
.comment-userLink {
  font-size: 16px;
  font-size: 1rem;
  text-decoration: none;
  color: #666666;
  transition: 0.3s ease;
  margin-right: 5px;
}
.comment-userLink:hover {
  color: #5a6b6f;
}
.comment-body {
  padding: 15px 20px 5px;
}
.comment-heading {
  padding: 15px 20px 0;
  color: #666666;
}
.comment-footer {
  border-top: 1px solid #d6dcde;
  overflow: hidden;
}
.comment-footer .btn {
  border-radius: 0;
}
.comment-list {
  position: relative;
  height: 200px !important;
  display: block;
  overflow: auto;
  border-bottom: 1px solid #d6dcde;
  padding-bottom: 20px;
}
.comment-list.collapse.in {
  height: auto !important;
  border: none;
  padding: 0;
}
.terminal-table .btn-sm {
  padding: 0 6px 0 10px;
}
.terminal-table td,
.terminal-table th {
  white-space: nowrap;
}
.terminal-persons .terminal-table th:first-of-type {
  max-width: 130px;
}
.terminal-persons .terminal-table td {
  white-space: nowrap;
}
.terminal-persons .terminal-table td .icon {
  font-size: 22px;
  font-size: 1.375rem;
}
.terminal-doors .terminal-table th:nth-of-type(4) {
  width: 106px !important;
}
.terminal-doors .terminal-table tr td:nth-of-type(4) a {
  float: left;
}
.terminal-stats .terminal-table tr:hover {
  cursor: pointer;
}
.terminal-stats .terminal-table td {
  text-align: left !important;
}
.terminal-stats .terminal-table td:nth-of-type(1) {
  width: 1px;
}
.terminal-stats .terminal-table .icon {
  margin-right: 18px;
  color: #9cacb1;
}
.terminal-timer .panel-heading .icon,
.terminal-timer .panel-heading .glyphicon {
  color: #192226;
}
.terminal-timerActivity {
  white-space: nowrap;  
  color: #192226;
}
.terminal-timerStart {
  display: inline-block;
}
.terminal-timerTaskIcon {
  display: inline-block;
  padding: 0 15px;
  font-size: 1.1rem;
}
.terminal-timerTask {
  display: inline-block;
}
.terminal-timerCounter {
  /*min-width: 260px;*/
}
.terminal-timerActivity h1{
    margin-top: 0px;
    margin-bottom: 0px;
}
.terminal-timerCounter .btn {
  width: 40px;
  height: 40px;
  border: solid 1px #d6dcde;
  padding: 0 0 0 2px;
}
.terminal-timerCounter .btn .icon,
.terminal-timerCounter .btn .glyphicon {
  font-size: 1rem;
  position: relative;
  top: -1px;
  color: #5a6b6f;
}
.terminal-timerCounter .btn .icon.icon--plus,
.terminal-timerCounter .btn .glyphicon.icon--plus {
  font-size: 1.2rem;
}
.terminal-timerCounterTime {
  margin: 0 8px;
  display: inline-block;
  vertical-align: middle;
}
.terminal-timerCancel {
  min-width: 110px;
  text-align: right;
}
.terminal-timerCancel .icon {
  font-size: 1.4rem;
  margin-right: 2px;
}
.terminal-timerCancel span {
  font-size: .86rem;
}
.terminal-timerPrimaryBtn {
  width: calc(50% - 10px);
}
.terminal-timerPrimaryBtn span {
  position: relative;
  z-index: 2;
  line-height: 80px;
}
.terminal-timerActions {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 20px;
}

@media all and (min-width: 1200px) and (max-width: 1600px) {
    .col-lg-6 {
        width: 100% !important;
    }

    .webterminal-data-table-wrap {
        max-width: 450px;
    }
}

@media all and (max-width: 991px) and (min-width: 768px) {
  .terminal-timerActions:after {
    content: "";
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto;
  }
}
@media all and (max-width: 1750px) and (min-width: 1450px) {
  .terminal-timerActions:after {
    content: "";
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto;
  }
}
@media all and (max-width: 1785px) and (min-width: 992px), all and (max-width: 879px) {
  .terminal-timerCancel {
    width: 100% !important;
    text-align: center;
    margin-top: 20px;
  }
  /*.terminal-timerCounter {
    width: 50% !important;
  }*/
  .terminal-timer .panel-heading > .grid {
    text-align: center;
  }
}
/*@media all and (max-width: 1344px) and (min-width: 992px), all and (max-width: 639px) {
  .terminal-timerCounter {
    margin-top: 20px;
  }
}*/
.terminal-timerAction {
  width: 19%;
  margin-top: 10px;
  height: auto;
}

.btn.terminal-timerAction {
    padding: 0px 5px;
}
.terminal-timerAction.active {
  background-color: #f0f4f6;
}
.terminal-timerAction.active span {
  color: #9cacb1;
}
@media all and (max-width: 1750px) and (min-width: 1450px) {
  .terminal-timerAction {
    width: 24%;
  }
    .terminal-timerAction:nth-of-type(10),
    .terminal-timerAction:nth-of-type(11),
    .terminal-timerAction:nth-of-type(12),
    .terminal-timerAction:nth-of-type(14),
    .terminal-timerAction:nth-of-type(15),
    .terminal-timerAction:nth-of-type(16) {
        margin-left: 1.3333333%;
    }
}
@media all and (max-width: 1449px) and (min-width: 1210px) {
  .terminal-timerAction {
    width: 32%;
  }
}
@media all and (max-width: 1209px) and (min-width: 992px) {
  .terminal-timerAction {
    width: 48%;
  }
}
@media all and (max-width: 991px) and (min-width: 768px) {
  .terminal-timerAction {
    width: 24%;
  }
    .terminal-timerAction:nth-of-type(10),
    .terminal-timerAction:nth-of-type(11),
    .terminal-timerAction:nth-of-type(12),
    .terminal-timerAction:nth-of-type(14),
    .terminal-timerAction:nth-of-type(15),
    .terminal-timerAction:nth-of-type(16) {
        margin-left: 1.3333333%;
    }
}
@media all and (max-width: 767px) and (min-width: 610px) {
  .terminal-timerAction {
    width: 32%;
  }
}
@media all and (max-width: 609px) and (min-width: 450px) {
  .terminal-timerAction {
    width: 48%;
  }
}
@media all and (max-width: 449px) {
  .terminal-timerAction {
    width: 100%;
  }
}
.terminal-timerActionInside {
  padding: 16px 0;
}
.terminal-timerActionInside .icon,
.terminal-timerActionInside .glyphicon {
  display: block;
  color: #9cacb1;
  font-size: 1rem;
}
.terminal-timerActionInside span {
  display: block;
  height: 18px;
  line-height: 28px;
  color: #5a6b6f;
  font-weight: 600;
}
.terminal-stats {
  font-size: 0;
}
.terminal-actionTimes {
  width: 50%;
  display: inline-block;
  font-size: 16px;
  font-size: 1rem;
  vertical-align: top;
}
@media all and (max-width: 1500px) and (min-width: 992px) {
  .terminal-actionTimes {
    width: 100%;
  }
}
@media all and (max-width: 991px) and (min-width: 700px) {
  .terminal-actionTimes {
    width: 50%;
  }
}
@media all and (max-width: 734px) {
  .terminal-actionTimes {
    width: 100%;
  }
}
.terminal-piechart {
  width: 50%;
  display: inline-block;
  font-size: 16px;
  font-size: 1rem;
  position: relative;
}
.terminal-piechart #donut_single {
  width: 100%;
  height: 100%;
  min-height: 340px;
}
.terminal-piechart path {
  stroke-width: 4;
}
.terminal-piechart text[font-size="14"] {
  font-weight: bold;
}
@media all and (max-width: 1500px) and (min-width: 992px) {
  .terminal-piechart {
    margin-top: 30px;
    width: 100%;
  }
}
@media all and (max-width: 991px) and (min-width: 700px) {
  .terminal-piechart {
    width: 50%;
  }
}
@media all and (max-width: 734px) {
  .terminal-piechart {
    margin-top: 20px;
    width: 100%;
  }
}
.terminal-piechart .terminal-piechartCount {
  width: 100px;
  height: 46px;
  position: absolute;
  top: 50%;
  margin-top: -48px;
  left: 50%;
  margin-left: -50px;
  text-align: center;
}
.terminal-piechart .terminal-piechartTotal {
  font-size: 1.4rem;
  line-height: 1.4rem;
  color: #192226;
}
.terminal-longStats {
  font-size: 16px;
  font-size: 1rem;
}
.terminal-longStats .panel-heading {
  padding: 5px 20px;
}
.terminal-longStats .panel-heading h3 strong {
  margin: 0 4px;
}
.terminal-longStats .panel-heading h3 .icon {
  margin-left: 3px;
}
.terminal-longStats .panel-heading > a {
  margin-top: 13px;
  float: right;
}
.terminal-longStats .panel-heading > a span {
  text-decoration: underline;
  font-size: 14px;
  font-size: 0.875rem;
}
@media all and (max-width: 1550px) and (min-width: 992px), all and (max-width: 699px) {
  .terminal-longStats .panel-heading {
    text-align: center;
    padding: 5px 20px 14px 20px;
  }
  .terminal-longStats .panel-heading h3 {
    display: block !important;
    margin-bottom: 10px;
  }
  .terminal-longStats .panel-heading > a {
    float: none;
    margin-bottom: 10px;
  }
}
.attendance-table tbody .icon,
.attendance-table tbody .glyphicon {
  font-size: 1rem;
  top: 3px;
}
.attendance-table tbody input[type=checkbox] + label {
  padding-left: 40px;
}
.attendance-table tbody a:hover {
  text-decoration: underline;
  color: #192226;
}
.attendance-table tbody tr:last-of-type td {
  border-bottom: solid 2px transparent;
}
.attendance-table tr td:first-of-type,
.attendance-table tr th:first-of-type {
  padding-left: 11px !important;
}
.attendance-table tr th,
.attendance-table tr td {
  white-space: nowrap;
}
.attendance-table tr td {
  padding: 8px 20px;
}
.attendance-filters {
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.attendance-filters .icon,
.attendance-filters .btn-icon {
  color: #9cacb1;
}
.attendance-filters .btn-primary .icon,
.attendance-filters .btn-primary .btn-icon {
  color: #fff;
}
.attendance-filters .icon--filter {
  font-size: 18px;
  font-size: 1.125rem;
}
.attendance-filters-info {
  max-width: 50%;
  min-width: 300px;
  height: 0%;
}
.attendance-filters-row {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin-left: 20px;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.attendance-filters-row form {
  width: 100%;
}
.attendance-filters-row form > button {
  margin: 7px 0;
}
.attendance-filters-row form .clearfix > * {
  margin: 7px 10px 7px 0;
}
.attendance-filters-row .icon,
.attendance-filters-row .glyphicon {
  font-size: 16px !important;
  font-size: 1rem !important;
}
.attendance-filters-row button {
  display: inline-block;
  margin-bottom: 15px;
  margin-right: 10px;
  float: left;
}
.attendance-filters-row .form-group {
  float: left;
  margin-right: 10px;
}
.attendance-filters-infoSection:first-of-type {
  width: 130px;
}
.attendance-filters-infoSection:nth-of-type(2) {
  width: 280px;
  position: relative;
  top: 20px;  
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.attendance-filters-infoSection:nth-of-type(3) {
  width: 150px;
  position: relative;
  top: 10px;
}
.attendance-filters-date {
  text-decoration: underline;
  margin: 0 14px;
  position: relative;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.attendance-filters-date .monthpicker {
  position: absolute;
  top: 0;
  left: 0;
  border: none;
  background-color: transparent;
  font-size: 1.5rem;
  color: #192226;
  text-align: center;
  padding: 0;
  cursor: pointer;
}
.attendance-filters-heading {
    margin: 0px 20px 0px 0 !important;
    line-height: 61px;
}

.attendance-filters-heading.one-day-prefix {
    margin-right: 0px !important;

}
.attendance-filters-heading .icon {
  font-size: 1.75rem;
  color: #192226;
}
.attendance-filters-changeMonth {
  padding: 0 7px;
}
.attendance-filters-changeMonth i:before {
  font-size: 1.5rem;
  line-height: 40px;
  color: #5a6b6f;
}
/* styles for "attendance-day" - just changing few styles from "attendance" */
.attendance-day .attendance-filters-info {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  white-space: nowrap;
  max-width: none;
  min-width: initial;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  flex-wrap: wrap;
  padding: 0;
}
.attendance-day .attendance-day-infoSection {
  position: relative;
  padding: 10px 20px;
  /*-webkit-flex: 0;
  -ms-flex: 0;
  flex: 0;*/
}

.attendance-day-infoSection.pull-left {
    z-index:1;
}
.attendance-day .border-right,
.attendance-day .attendance-day-infoSection:first-of-type {
  white-space: nowrap;
  /*border-right: 2px solid white;*/
}
.attendance-day .border-left{
  white-space: nowrap;
  /*border-left: 2px solid white;*/
}
.attendance-day .attendance-day-infoSection:nth-of-type(2) {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  top: 0;
}
.attendance-day .attendance-filters-infoSection:first-of-type {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 280px;
  margin-right: 20px;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .attendance-day .attendance-filters-infoSection {
        flex: 0 1 auto !important;
    }
}

/*.attendance-day .attendance-filters-infoSection:nth-of-type(2) {
  width: 150px;
  top: 13px;
}*/
.attendance-day .attendance-filters-infoSection:nth-of-type(2) .form-group {
  width: 100%;
}
.attendance-day .attendance-filters-date {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 40px;
}
/* responsive attendance and attendance-day */
@media all and (max-width: 1442px) {
  .attendance-filters {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: initial;
    -ms-flex-align: initial;
    align-items: initial;
  }
  .attendance-filters-info {
    min-width: 100% !important;
    max-width: 100% !important;
  }     

  .attendance-filters-row {
    margin-top: 15px;
    margin-left: 0;
  }
  /*.attendance-day-infoSection:first-of-type {
    -webkit-flex: 0 !important;
    -ms-flex: 0 !important;
    flex: 0 !important;
  }*/
  .attendance-day-infoSection:last-of-type {
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .attendance-day .attendance-filters-infoSection:first-of-type {
    -webkit-flex: 0 0 280px;
    -ms-flex: 0 0 280px;
    flex: 0 0 280px;
  }
  .attendance-filters-infoSection:nth-of-type(2) {
    position: absolute;
    top: 20px;
    right: 190px;
  }
    /*.attendance-day .attendance-filters-infoSection:nth-of-type(2) {
    position: relative;
    top: 0;
    right: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 0 0 150px;
    -ms-flex: 0 0 150px;
    flex: 0 0 150px;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .attendance-day .attendance-filters-infoSection:nth-of-type(2) .form-group {
    width: 100%;
    margin-bottom: 0;
  }*/
}

@media all and (max-width: 991px) {
    .header-objednavka-stravy .attendance-filters-infoSection {
        float: none !important;
        display: block !important;
        width: 100% !important;
        text-align: center;
    }

    .header-objednavka-stravy .attendance-day .attendance-filters-infoSection {
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-flex: 1 !important;
        -ms-flex: 1 !important;
        flex: 1 !important;
    }

    .header-objednavka-stravy .attendance-filters-infoSection:nth-of-type(2) {
        position: relative;
        top: 0;
        right: 0;
        margin: 5px 0;
    }

    .header-objednavka-stravy .attendance-filters-info {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .header-objednavka-stravy .attendance-day-infoSection {
        text-align: center;
        border-right: none !important;
    }

    .header-objednavka-stravy .attendance-day-infoSection /*:last-of-type*/ {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .header-objednavka-stravy .attendance-filters-heading {
        margin: 5px 0 10px 0 !important;
    }

    .header-objednavka-stravy .attendance-day .attendance-filters-heading {
        margin: 5px 0 5px 0 !important;
    }

    .header-objednavka-stravy .attendance-filters-date {
        width: 150px;
        margin: 0;
    }

        .header-objednavka-stravy .attendance-filters-date .monthpicker {
            position: relative;
        }

}

@media all and (max-width: 791px) {
  .attendance-filters-infoSection {
    float: none !important;
    display: block !important;
    width: 100% !important;
    text-align: center;
  }
  .attendance-day .attendance-filters-infoSection {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-flex: 1 !important;
    -ms-flex: 1 !important;
    flex: 1 !important;
  }
  .attendance-filters-infoSection:nth-of-type(2) {
    position: relative;
    top: 0;
    right: 0;
    margin: 15px 0;
  }
  .attendance-filters-info {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .attendance-day-infoSection {
    text-align: center;
    border-right: none !important;
  }
  .attendance-day-infoSection/*:last-of-type*/ {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .attendance-filters-heading {
    margin: 0px 0 10px 0 !important;
  }
  .attendance-day .attendance-filters-heading {
    margin: 0px 0 0px 0 !important;
  }
  .attendance-filters-date {
    width: 150px;
    margin: 0;
  }
  .attendance-filters-date .monthpicker {
    position: relative;
  }

  .top-text{ margin: auto ; }
}
.persons-filters .attendance-filters-row .icon--cross {
  font-size: 12px !important;
  font-size: 0.75rem !important;
  line-height: 12px;
}
.persons-filters .attendance-filters-row .icon--rubbish-bin {
  font-size: 18px !important;
  font-size: 1.125rem !important;
}
.persons-filters .attendance-filters-row .icon--plus {
  font-size: 1.2rem !important;
}
.persons-filters .attendance-filters-info {
  /*max-width: none;
  min-width: initial;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;*/
}
.persons-filters .attendance-filters-heading .icon {
  font-size: 28px;
  font-size: 1.75rem;
}
.persons-filters .attendance-filters-infoSection:first-of-type {
  width: auto;
  white-space: nowrap;
}
.persons-filters .attendance-filters-infoSection:nth-of-type(2) {
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: auto;
  top: 0;
  line-height: 22px;
  padding-left: 15px;
}
@media all and (max-width: 1442px) {
  .persons-filters .attendance-filters-infoSection {
    position: relative;
    right: 0;
    top: 0;
  }
}
.persons-filters .top-text {
  color: #5a6b6f;
  margin: 0;
}
.persons-info .panel-heading h1 {
  margin: 10px 0;
}
.persons-info .panel-body {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 20px 0;
}
.persons-info .panel-body .form-group {
  margin-bottom: 0;
}
.persons-info .panel-body:before {
  content: none;
}
@media all and (max-width: 440px) {
  .persons-info .panel-body {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.persons-info .persons-info-col {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 380px;
  padding: 0 20px;
}
.persons-info .persons-info-row {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 0px;
}
@media all and (max-width: 440px) {
  .persons-info .persons-info-row {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.persons-info .persons-info-row label {
  font-size: 14px;
  font-size: 0.875rem;
}
.persons-info .form-label[for] {
  min-width: 140px;
}
.persons-info .form-label-wrap {
    min-width: 140px;
    line-height: 42px;
}
.persons-info .persons-info-inputHolder {
  min-width: 210px;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.persons-info .panel-footer {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 20px 0 0 0;
}
@media all and (max-width: 1200px) {
  .persons-info .panel-footer .persons-info-row {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .persons-info .panel-footer .persons-info-col:nth-of-type(2) {
    max-width: 0;
    padding: 0;
  }
}
.persons-info .persons-info-rightsLabel {
  min-width: 150px;
  margin-bottom: 10px;
  padding-left: 20px;
}
.persons-info .persons-info-rights {
  min-width: 210px;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  white-space: nowrap;
}
.persons-info .persons-info-rights .tooltip-info {
  margin-left: 8px;
  top: 4px;
}
@media all and (max-width: 1200px) {
  .persons-info .persons-info-rights {
    white-space: normal;
  }
}
.persons-tables {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.persons-table-rights,
.persons-table-attendance {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: auto;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .persons-table-rights,
    .persons-table-attendance {
        flex: 0 1 auto;
    }
}

.persons-table-rights th,
.persons-table-attendance th {
  padding: 9px 5px !important;
  text-align: center;
}

.persons-table-rights th:first-child,
.persons-table-attendance th:first-child {
    padding: 9px 5px 9px 20px !important;
    text-align: left;
}
.persons-table-rights th,
.persons-table-attendance th,
.persons-table-rights td,
.persons-table-attendance td {
  white-space: nowrap;
}
.persons-table-rights {
  margin-right: 20px;
}
.persons-table-attendance {
  margin-left: 20px;
}
@media all and (max-width: 1600px) {
  .persons-tables {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .persons-table-rights,
  .persons-table-attendance {
    margin: 0;
  }
}
.persons-access .tooltip,
.persons-access .tooltip-info {
  top: 4px;
  margin-left: 4px;
}
.persons-access-row {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.persons-access-rowName {
  white-space: nowrap;
  padding-right: 20px;
  min-width: 180px;
}
.persons-access-action {
  -webkit-flex: 0 0 250px;
  -ms-flex: 0 0 250px;
  flex: 0 0 250px;
}
.persons-access-options {
  margin: 0 0 15px 20px;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.persons-access-options span {
  margin-right: 10px;
  white-space: nowrap;
}
.persons-access-options a {
  color: #192226;
  text-decoration: none;
}
.persons-access-options .icon,
.persons-access-options .glyphicon {
  font-size: 17px;
  font-size: 1.0625rem;
  margin: -1px 5px 0 2px;
}
.persons-access-options .icon--plus {
  font-size: 22px;
  font-size: 1.375rem;
}
.persons-access-hands {
  position: absolute;
  top: -80px;
  width: auto;
}
@media all and (max-width: 1560px) and (min-width: 1451px), all and (max-width: 781px) and (min-width: 700px) {
  .persons-access-hands {
    width: 100%;
    top: -65px;
  }
}
@media all and (max-width: 991px) and (min-width: 781px) {
  .persons-access-hands {
    width: auto;
  }
}
@media all and (max-width: 1450px) and (min-width: 992px), all and (max-width: 699px) {
  .persons-access-hands {
    display: none;
  }
}
@media all and (max-width: 1450px) and (min-width: 992px), all and (max-width: 699px) {
  .persons-access-rowName {
    margin-top: 0px;
  }
  .persons-access-row {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .persons-access-action {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-bottom: 10px;
  }
  .persons-access-options {
    margin-left: 0;
    margin-bottom: 10px;
  }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .persons-access-action {
        flex: 0 1 auto;
    }  
}

.modal-firstLaunch .modal-dialog {
    width: 720px !important;
}
@media only screen and (max-width: 767px) {
  .modal-firstLaunch .modal-dialog {
    width: 90% !important;
  }
}
.modal-firstLaunch .modal-content {
  color: #5a6b6f;
}
.modal-firstLaunch .modal-content .grid p,
.modal-firstLaunch .modal-content .grid span,
.modal-firstLaunch .modal-content .grid ul {
  font-size: 14px;
  font-size: 0.875rem;
  color: #5a6b6f;
}
.modal-firstLaunch .modal-content a {
  color: #192226;
}
.modal-firstLaunch .modal-content a span {
  color: #192226 !important;
}
@media only screen and (max-width: 767px) {
  .modal-firstLaunch .modal-content {
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
.modal-firstLaunch .modal-header {
  background-color: #6fbe31;
  overflow: hidden;
  position: relative;
  border-bottom: none;
  padding: 19px 30px;
}
.modal-firstLaunch .modal-title {
  color: #fff;
  font-weight: 400;
}
.modal-firstLaunch .modal-header-img {
  position: absolute;
  right: 0;
  bottom: 0;
}
.modal-firstLaunch .modal-top {
  background-color: #f0f4f6;
  padding: 30px 30px 20px 30px;
  overflow: hidden;
}
.modal-firstLaunch .modal-top p {
  font-size: 14px;
  font-size: 0.875rem;
  color: #5a6b6f;
}
.modal-firstLaunch .modal-body {
  padding: 30px;
}
.modal-firstLaunch .modal-footer {
  padding: 30px;
}
.modal-firstLaunch .modal-footer.modal-footer-border {
  border-top: solid #e7ebed 2px;
}
.modal-firstLaunch .alert {
  margin: 24px auto;
}
.first-launch-activator {
  margin: 24px auto;
  width: 250px;
  text-align: center;
}
.first-launch-activator .icon {
  margin-right: 20px;
  font-size: 2.1rem;
  color: #9cacb1;
}
.first-launch-barcodesMobile {
  margin: 0 auto;
  overflow: hidden;
}
.first-launch-barcodesMobile .grid-cell p {
  font-weight: 600;
}
.first-launch-barcodesMobile .grid-cell:first-of-type p {
  color: #78be20 !important;
}
.first-launch-barcodesMobile .grid-cell:nth-of-type(2) p {
  color: #7a898e !important;
}
.first-launch-barcodesMobile .grid-cell:last-of-type p {
  color: #209bbe !important;
}
.first-launch-barcodesTablet {
  margin: 0 auto;
  overflow: hidden;
  font-weight: 600;
}
.first-launch-barcodesTablet .grid-cell p {
  color: #78be20 !important;
}
.first-launch-identification {
  margin: 0 auto;
  overflow: hidden;
}
.first-launch-identification .grid-cell {
  min-width: 200px;
}
.first-launch-identification .grid-cell .icon {
  font-size: 4rem;
}
.first-launch-identification .grid-cell input[type=checkbox] + label {
  padding-left: 10px;
}
.first-launch-identification .grid-cell input[type=checkbox] + label:before {
  right: -30px;
  left: auto;
}
.first-launch-identification .grid-cell:first-of-type .icon {
  color: #78be20;
}
.first-launch-identification .grid-cell:nth-of-type(2) .icon {
  color: #7a898e;
}
.first-launch-identification .grid-cell:last-of-type .icon {
  color: #209bbe;
}
@media only screen and (max-width: 767px) {
  .first-launch-identificationHands {
    width: 100%;
    max-width: 313px;
  }
}
.other-persons a {
  text-decoration: none;
  position: relative;
  top: -7px;
  margin-left: 10px;
}
.other-persons a span {
  font-size: 14px;
  font-size: 0.875rem;
  margin-left: 8px;
}
@media only screen and (max-width: 767px) {
  .help {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.help-wrapper {
  width: 1170px;
}
@media only screen and (max-width: 1199px) {
  .help-wrapper {
    width: 100%;
  }
}
.help-menu {
  border-right: solid #d7dcde 1px;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex: 0 0 290px;
  -ms-flex: 0 0 290px;
  flex: 0 0 290px;
}
.help-menu h3 {
  font-size: 18px;
  font-size: 1.125rem;
  padding: 10px 20px 10px 30px;
}
@media only screen and (max-width: 767px) {
  .help-menu {
    padding-left: 20px;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .help-menu h3 {
    padding: 20px 20px 20px 30px;
  }
}
.help-menu-nav {
  padding: 0 0 30px 20px;
}
.help-menu-nav li a {
  padding: 10px 20px 10px 10px;
  text-decoration: none;
  border-radius: 0;
}
.help-menu-nav li a:hover,
.help-menu-nav li a:focus {
  background-color: #f0f4f6 !important;
  color: #192226;
}
.help-menu-nav li a .icon,
.help-menu-nav li a .glyphicon {
  color: #6fbe31;
  margin-right: 8px;
  font-size: 12px;
  font-size: 0.75rem;
  width: 20px;
  text-align: center;
}
.help-menu-nav li.active a {
  background-color: #f0f4f6 !important;
  color: #192226 !important;
}
.help-menu-nav > li > a {
  font-weight: 600;
}
.help-menu-nav ul.submenu a {
  padding-left: 35px;
}
.help-content {
  padding: 0 50px 80px 50px;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  overflow: hidden;
}
.help-content table tr td {

  min-width: 230px;
}
.phone-configuration {
  background-image: url('../img/content/iphone.png');
  background-size: 276px 581px;
  background-position: center center;
  width: 276px;
  height: 581px;
  padding: 109px 21px 116px 21px;
}
.phone-configuration button {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 100%;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
  border: none;
  border-top: 1px solid #eaeaea;
  border-bottom: 1px solid #fcfcfc;
  height: 28px;
  font-size: 12px;
  font-size: 0.75rem;
  padding-left: 10px;
  font-weight: 600;
  text-align: left;
}
.phone-configuration button:last-of-type {
  border-bottom: 1px solid #eaeaea;
}

.persons-access--border {
    border-top: 2px solid #e7ebed;
    margin: 20px 0;
}

.ecard_btn{
    text-align: right;
}

.ecard_qr{
    padding: 20px 40px 0;
    padding-bottom: 0px;
}

.ecard_qr_text{
    padding-bottom: 20px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}


.edt-link::before {
    font-family: 'FontAwesome';
    color: #000;
    margin-right: 3px;
    display: inline-block;
}

.edt-link:hover::before {
    text-decoration: none;
}

.edt-link-del::before {
    content: '\f1f8';
}

.edt-link-add::before {
    content: '\f055';
}

.edt-link-mail::before {
    content: '\f003';
}

.edt-link-qr::before {
    content: '\f029';
}

.edt-link-ban::before {
    content: '\f05e';
}

.edt-link-apple::before {
    content: '\f179';
}

.edt-link-gp::before {
    content: '\f17b';
}