@charset "UTF-8";
/* Net47 Main style file  */
/**
 * Retrieves a color value from the $material-colors Sass map
 * Inspired by https://github.com/nilskaspersson/Google-Material-UI-Color-Palette/
 *
 * @function
 * @param {string} color-name             - quoted, lower-case, dasherized color
 *                                          name (e.g. 'pink', 'amber')
 * @param {string} [color-variant='500']  - quoted, lowercase color variant (e.g.
 *                                          '200', 'a100')
 */
/* Ustawienia Layoutu strony  */
:root {
  font-size: 12px; }

html {
  height: 100%; }

body {
  font-family: "Arimo", sans-serif;
  overflow-x: hidden;
  background-color: #ececec;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.4;
  color: #5f5f5f;
  min-height: 100vh;
  position: relative; }

#page {
  padding-top: 55px; }

#content {
  padding-bottom: 60px;
  position: relative;
  padding-top: 49px; }

.wrapper {
  margin: 0 20px; }
  @media all and (max-width: 767px) {
    .wrapper {
      margin: 0 10px; } }
  @media all and (min-width: 992px) {
    .wrapper {
      margin: 0 20px; } }
  @media all and (min-width: 1200px) {
    .wrapper {
      margin: 0 30px; } }

/* === Grid === */
.fluid {
  width: 100%;
  zoom: 1;
  box-sizing: border-box; }
  .fluid:before, .fluid:after {
    display: table;
    content: ""; }
  .fluid:after {
    clear: both; }
  .fluid .rtl-inputs [class*="grid"] {
    float: right; }
  .fluid [class*="grid"] {
    display: block;
    width: 100%;
    position: relative;
    box-sizing: border-box;
    float: left;
    margin-left: 2.127659574%; }
  .fluid [class*="grid"]:first-child {
    margin-left: 0; }
  .fluid .grid12 {
    width: 99.99999999%; }
  .fluid .grid11 {
    width: 91.489361693%; }
  .fluid .grid10 {
    width: 82.978723396%; }
  .fluid .grid9 {
    width: 74.468085099%; }
  .fluid .grid8 {
    width: 65.957446802%; }
  .fluid .grid7 {
    width: 57.446808505%; }
  .fluid .grid6 {
    width: 48.936170208%; }
  .fluid .grid5 {
    width: 40.425531911%; }
  .fluid .grid4 {
    width: 31.914893614%; }
  .fluid .grid3 {
    width: 23.404255317%; }
  .fluid .grid2 {
    width: 14.89361702%; }
  .fluid .grid1 {
    width: 6.382978723%; }

/* General styles  */
a {
  cursor: pointer;
  color: #009688; }
  a:hover, a:focus {
    color: #2b6893;
    text-decoration: none; }

.clear {
  clear: both;
  display: block; }

.mfix {
  margin: 0 2px !important; }

.hidden {
  overflow: hidden; }

.relative {
  position: relative; }

p {
  padding-top: 1rem; }

img {
  border-radius: 2px; }

.noBorderB {
  border-bottom: none !important; }

.nobg {
  background: none !important; }

.nomargin {
  margin: 0 !important; }

.nopadding {
  padding: 0 !important; }

.displayNone {
  display: none; }

.display {
  display: block !important; }

.fullwidth {
  width: 100%; }

.thisRow {
  background: #f3f3e8 !important; }

.hand {
  cursor: pointer; }

.floatL {
  display: block;
  float: left; }

.floatR {
  display: block;
  float: right; }

.legendLabel span {
  display: block;
  margin: 0 5px; }

.legendColorBox {
  padding-left: 10px; }

button, input[type=submit], input[type=image], input[type=reset] {
  cursor: pointer; }

.with {
  width: 326px; }

.without {
  width: 100px; }

.tooltip {
  border-radius: 2px;
  color: #fff;
  font-size: 11px;
  padding: 3px 8px;
  background-color: #3b3b3b;
  background: linear-gradient(to bottom, #3b3b3b 0%, #1d1d1d 100%); }

.aCenter {
  text-align: center; }

.aLeft {
  text-align: left; }

.aRight {
  text-align: right; }

.halfOpacity {
  opacity: 0.5; }

body.modal-open {
  overflow: hidden;
  padding-right: 15px; }

.teryt-chain {
  margin-left: 15px;
  cursor: default; }

/* Typografia */
/* === Naglowki === */
h1 {
  font-size: 2rem; }

h2 {
  font-size: 1.833rem; }

h3 {
  font-size: 1.667rem; }

h4 {
  font-size: 1.5rem; }

h5 {
  font-size: 1.333rem; }

h6 {
  font-size: 1.167rem; }

/* === Kolor Tekstu === */
.red {
  color: #f44336; }

.green {
  color: #4caf50; }

.blue {
  color: #2196f3; }

.grey {
  color: #9e9e9e; }

/* === Placeholder color === */
::placeholder {
  color: #b3b3b3; }

/* === Text wyrownanie === */
.textL {
  text-align: left !important; }

.textC {
  text-align: center; }

.textR {
  text-align: right; }

/* === Formatowanie tekstu === */
.underline {
  text-decoration: underline; }

.italic {
  font-style: italic; }

/* === Label styles1  === */
.redBack, .greenBack, .greyBack, .blueBack, .darkGoldenrod, .darkBlueBack, .roseBack, .brownBack, .sandBack, .plnBlue, .orangeBack {
  padding: 5px 6px 4px 6px;
  border-radius: 2px;
  color: #fafafa !important; }

.redBack {
  background: #f44336; }

.greenBack {
  background: #4caf50; }

.greyBack {
  background: #9e9e9e; }

.blueBack {
  background: #2196f3; }

.darkGoldenrod {
  background: darkGoldenrod; }

.darkBlueBack {
  background: #1c2c37; }

.roseBack {
  background: #c37877; }

.brownBack {
  background: #6a4d21; }

.sandBack {
  background: #c0a792; }

.plnBlue {
  background: #316295; }

.orangeBack {
  background: #ff9800; }

/* === List styles === */
.widget ol {
  padding-left: 16px; }

.caption {
  display: block;
  font-weight: bold;
  padding-bottom: 4px; }

.liTip li {
  background: url(../../images/elements/other/updateDone.png) no-repeat 0 5px;
  padding: 0 0 0 20px; }

.liArrow li {
  background: url(../../images/elements/control/subnav_arrow.png) no-repeat 0 8px;
  padding: 0 0 0 12px; }

.liInfo li {
  background: url(../../images/elements/other/updateNotice.png) no-repeat 0 5px;
  padding: 0 0 0 20px; }

.liWarning li {
  background: url(../../images/elements/other/updateWarning.png) no-repeat 0 5px;
  padding: 0 0 0 20px; }

.liInfinite li {
  background: url(../../images/elements/other/taskPending.png) no-repeat 0 8px;
  padding: 0 0 0 20px; }

.liDone li {
  background: url(../../images/elements/other/taskDone.png) no-repeat 0 6px;
  padding: 0 0 0 20px; }

.niceList li {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #ddd;
  padding: 8px 12px;
  background: #fdfdfd;
  background: linear-gradient(to bottom, #fdfdfd 0%, whiteSmoke 100%); }

.outputCode {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  background-color: white;
  padding: 3px;
  border-radius: 3px; }

/* Top */
#top {
  background-color: #444;
  height: 48px;
  display: block;
  width: 100%;
  position: absolute;
  z-index: 1000;
  border-bottom: 1px solid #1c1c1c;
  /*=== User navigation === */ }
  #top .logo {
    float: left;
    margin-top: 10px; }
  #top a.logo {
    color: #e9e9e9;
    font-size: 2em;
    font-weight: 700;
    margin: 6px; }
  #top .net47Logo {
    height: 34px;
    width: 182px;
    margin-top: 9px;
    position: absolute;
    color: #fff;
    display: inline-block;
    font-size: 2.1rem;
    padding: 0;
    white-space: nowrap; }
    #top .net47Logo, #top .net47Logo:hover {
      background-image: url(../../images/logo.svg);
      background-repeat: no-repeat;
      background-size: contain; }
  #top .topNav {
    float: right;
    position: relative; }
  #top .topSearch input[type=submit], #top .userSearch input[type=submit] {
    border: none;
    background: url(../../images/sprites/sprite.png); }
  #top .topNavMobile {
    display: none;
    float: right;
    position: relative;
    margin: 10px 0 0 0; }
  #top #sidebar ul.userNav {
    display: none; }
    #top #sidebar ul.userNav li {
      display: inline-block;
      margin: 0 0 -15px 10px;
      background: #262626;
      border-radius: 50%;
      box-shadow: 0 1px 0 #4e4e4e; }
      #top #sidebar ul.userNav li:hover {
        background-color: rgba(40, 40, 40, 0.2); }
      #top #sidebar ul.userNav li:active {
        background-color: #242424; }
      #top #sidebar ul.userNav li a {
        display: block;
        height: 28px;
        width: 28px; }
        #top #sidebar ul.userNav li a span {
          color: #ddd;
          font-size: 12px;
          margin-left: 8px;
          line-height: 27px; }
        #top #sidebar ul.userNav li a i {
          color: #ddd;
          font-size: 12px;
          margin-left: 7px;
          line-height: 27px;
          width: 14px;
          text-align: center; }
  #top .userNav {
    list-style: none;
    padding: 0;
    margin: 9px 0 0 0;
    font-size: 1em; }
    #top .userNav li {
      margin-right: 1em;
      width: 2.5em;
      display: inline-block;
      line-height: 1.3; }
      #top .userNav li:last-child {
        margin-right: 0; }
      #top .userNav li a {
        display: inline-block;
        position: relative;
        color: #d9d9d9;
        font-weight: inherit;
        width: 2.5em;
        height: 2.5em;
        border: 2px solid #d9d9d9;
        border-radius: 50%;
        background: transparent;
        box-sizing: border-box;
        vertical-align: middle;
        overflow: hidden;
        transform: translateZ(0);
        -webkit-font-smoothing: subpixel-antialiased;
        transition: all 0.35s cubic-bezier(0.72, 0.07, 0.07, 1); }
        #top .userNav li a:hover {
          transform: scale3d(1.1, 1.1, 1.1);
          color: #262626;
          background: #d9d9d9; }
        #top .userNav li a i:before {
          position: absolute;
          left: 50%;
          top: 50%;
          transform: translate(-50%, -50%); }

/* === Search === */
.topSearch {
  position: absolute;
  display: none;
  right: 119px;
  top: 56px;
  background-color: #444;
  padding: 10px;
  border-radius: 2px;
  margin-right: 60px; }
  .topSearch input[type=text] {
    border: none;
    background: #2c2c2c;
    padding: 4px;
    border-radius: 3px;
    color: #9d9d9d;
    width: 180px; }
  .topSearch input[type=submit] {
    background-position: 0 0;
    width: 19px;
    height: 19px;
    position: absolute;
    right: 13px;
    top: 13px; }
    .topSearch input[type=submit]:hover {
      background-position: 0 -21px; }
    .topSearch input[type=submit]:active {
      background-position: 0 -42px; }
  .topSearch input:focus {
    outline-color: transparent;
    background: #d9d9d9;
    color: #555; }
    .topSearch input:focus::placeholder {
      color: #7d7d7d; }
  .topSearch .topDropArrow {
    content: " ";
    background: #444;
    width: 10px;
    height: 10px;
    position: absolute;
    left: 91%;
    top: -5px;
    margin-left: -3px;
    display: block;
    transform: rotate(45deg); }

/* === User search (responsive) === */
.userSearch {
  display: none;
  position: relative;
  margin: 16px 16px 16px 0; }
  .userSearch input[type=text] {
    background: #2c2c2c;
    padding: 6px 8px 7px 8px;
    border-radius: 3px;
    height: 27px;
    color: #9d9d9d;
    width: 100%;
    box-sizing: border-box;
    box-shadow: 0 1px 1px #1c1c1c inset, 0 1px 1px #454545; }
  .userSearch input[type=submit] {
    background-position: 0 0;
    width: 19px;
    height: 20px;
    position: absolute;
    right: 4px;
    top: 4px; }
    .userSearch input[type=submit]:hover {
      background-position: 0 -21px; }
    .userSearch input[type=submit]:active {
      background-position: 0 -42px; }

/* Sidebar */
#sidebarWidgets {
  display: block;
  background-color: #e4e4e4;
  min-height: 100%;
  position: absolute;
  z-index: 1;
  border-right: 1px solid #c3c3c3; }
  #sidebarWidgets .legend {
    display: none; }
  #sidebarWidgets .divider {
    height: 0;
    border-top: 1px solid #cdcdcd;
    border-bottom: 1px solid #f5f5f5;
    position: relative;
    margin: 20px 0; }
    #sidebarWidgets .divider > span {
      position: absolute;
      left: 50%;
      margin-left: -21px;
      background: #e6e6e6 url(../../images/div.png) no-repeat 50%;
      width: 36px;
      padding: 0 3px;
      height: 9px;
      display: block;
      top: -4px; }
  #sidebarWidgets .sidePad {
    padding: 0 15px; }
  #sidebarWidgets .input-group .input-group-addon {
    border-right: 0;
    border-left: 0; }
  #sidebarWidgets .input-group.input-group-sm input[type="text"] {
    padding: 4px 5px; }

.secNav {
  position: relative;
  z-index: 98;
  padding-top: 49px; }
  .secNav h6 {
    font-size: 12px;
    padding: 0 15px; }
  .secNav .secWrapper {
    float: left;
    width: 226px; }

.sideWidget {
  padding: 0 15px 0 9px; }

.sideTable {
  background: #f5f5f5;
  border-top: 1px solid #c3c3c3; }

.sideBarLeft #sidebarWidgets {
  left: 0; }
.sideBarLeft #content {
  padding-left: 227px; }
.sideBarLeft .noMenu #content {
  padding-left: 227px; }
.sideBarLeft .noMenu #sidebarWidgets {
  left: 0; }

.sideBarRight #sidebarWidgets {
  right: 0;
  margin-right: 0px;
  /*border-right: 0px */
  border-left: 1px solid #c3c3c3; }
.sideBarRight #content {
  padding-right: 227px;
  padding-left: 0; }
  .sideBarRight #content .noMenu #content {
    padding-left: 0; }

.noSideBar #sidebarWidgets {
  left: -528px; }
.noSideBar #content {
  padding-right: 0;
  padding-left: 0; }
.noSideBar .noMenu #content {
  padding: 0; }
.noSideBar.noMenu .contentTop {
  height: 32px;
  background-position: bottom; }

/* === Sub sidebar top part === */
.secTop {
  height: 64px;
  background-color: #e9e9e9;
  position: relative; }

.corner-add {
  border-style: solid;
  border-width: 0 30px 30px 0;
  float: right;
  height: 0;
  width: 0;
  transform: rotate(360deg);
  border-color: transparent #2b6893 transparent transparent;
  position: absolute;
  right: 0;
  top: 0; }
  .corner-add:hover {
    border-color: transparent #009688 transparent transparent; }
    .corner-add:hover i:before {
      content: ""; }
  .corner-add i {
    color: #fff;
    font-size: 10px;
    position: relative;
    right: -18px;
    top: 0;
    white-space: nowrap; }

/* === Content top part === */
.contentTop {
  height: 64px;
  padding: 0 20px;
  background-color: #e9e9e9;
  display: flex;
  justify-content: flex-start;
  align-items: center; }
  @media all and (max-width: 767px) {
    .contentTop {
      padding: 0 15px; } }
  @media all and (min-width: 992px) {
    .contentTop {
      padding: 0 25px; } }
  @media all and (min-width: 1200px) {
    .contentTop {
      padding: 0 35px; } }
  .contentTop .pageTitle {
    font-size: 14px;
    font-weight: 900;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
    .contentTop .pageTitle span {
      font-size: 21px;
      padding-right: 10px; }

/* Quick stats */
.quickStats {
  float: right;
  line-height: 16px;
  text-align: center;
  margin: 15px 0 14px 0; }
  .quickStats .blue {
    color: #5d91a9; }
  .quickStats li {
    display: block;
    float: left;
    border-left: 1px solid #d9d9d9;
    padding: 2px 15px 0 15px;
    white-space: nowrap; }
    .quickStats li strong {
      font-size: 14px;
      padding-top: 1px;
      display: block; }
    .quickStats li span {
      display: block;
      color: #5f5f5f;
      font-size: 11px; }
    .quickStats li a {
      margin-right: 10px;
      margin-top: -2px;
      float: left;
      border-radius: 50%; }
      .quickStats li a span {
        display: block;
        color: #fff;
        margin-top: 9px;
        font-size: 18px; }
    .quickStats li:last-child {
      padding-right: 0; }
    .quickStats li:first-child {
      border-left: 0; }

.statsCircle {
  width: 35px;
  height: 35px; }

/* === Duze guziki z bootstrapa na pasku widgetow === */
.sidePad .btn-block {
  font-size: 10px;
  font-weight: bold;
  text-transform: uppercase; }

/* === Komunikaty na pasku bocznym === */
.sidebarNote {
  padding: 0 5px; }

.sidebarTwo {
  position: fixed;
  top: 48px;
  right: -320px;
  width: 300px;
  bottom: 0px;
  z-index: 999;
  transition: right 0.5s;
  background: #fff;
  box-shadow: -2px 0 4px rgba(0, 0, 0, 0.08); }
  .sidebarTwo.open {
    right: 0; }
  .sidebarTwo .sidebarTwo-tabs {
    height: 100%; }
    .sidebarTwo .sidebarTwo-tabs .nav-tabs {
      border-bottom: none; }
      .sidebarTwo .sidebarTwo-tabs .nav-tabs .nav-item {
        margin: 0;
        width: 33.33%; }
      .sidebarTwo .sidebarTwo-tabs .nav-tabs .nav-link {
        border-left-color: #f0f0f0;
        border-bottom-color: #f0f0f0;
        background: transparent; }
        .sidebarTwo .sidebarTwo-tabs .nav-tabs .nav-link.active, .sidebarTwo .sidebarTwo-tabs .nav-tabs .nav-link:focus {
          border-bottom: none;
          border-left-color: #f0f0f0; }

@keyframes right {
  0% {
    transform: translateX(100%); }
  100% {
    transform: translateX(0%); } }
/* === Widgety  === */
.widget {
  background: #f7f7f7;
  border: 1px solid #cdcdcd;
  border-bottom: 0;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  position: relative; }
  @media (max-width: 767px) {
    .widget {
      margin-top: 10px; } }
  @media (min-width: 992px) {
    .widget {
      margin-top: 20px; } }
  @media (min-width: 1200px) {
    .widget {
      margin-top: 25px; } }
  .widget > [class*="whead"] {
    border-bottom: 1px solid #cdcdcd;
    position: relative; }
    .widget > [class*="whead"]:first-child {
      border-top-right-radius: 3px;
      border-top-left-radius: 3px; }
    .widget > [class*="whead"] h6 {
      float: left;
      display: block;
      padding: 8px 14px 7px 14px;
      font-size: 1rem;
      font-weight: bold;
      line-height: 2rem;
      margin: 0; }
  .widget .body {
    padding: 14px 16px; }
    .widget .body table a {
      color: #009688; }
      .widget .body table a:hover, .widget .body table a:focus {
        color: #2b6893; }
    .widget .body:last-child {
      border-bottom: 1px solid #cdcdcd; }
  .widget .tOptions {
    float: right;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    padding: 11px 12px 10px 12px;
    border-left: 1px solid #cdcdcd; }
    .widget .tOptions:active {
      background: #f5f5f5; }
  .widget .whead {
    color: #2c354e;
    background-color: #f8f8f8;
    background: linear-gradient(to bottom, #f8f8f8 0%, #e8e8e8 100%); }
    .widget .whead .iconb {
      font-size: 16px; }
    .widget .whead [class*="icos-"] {
      padding: 5px 0;
      margin: 0; }
    .widget .whead .dropdown-menu [class*="icos-"] {
      padding: 4px 0 0 0;
      margin-right: 10px; }
    .widget .whead .pull-right {
      right: -1px; }
    .widget .whead .bsideText {
      float: right;
      color: #217199;
      display: block;
      padding: 8px 14px 7px 14px;
      font-size: 12px;
      font-weight: bold; }
    .widget .whead .contentProgress {
      float: right;
      width: 40%;
      margin: 16px 12px 16px 0;
      background: #e0e0e0; }
    .widget .whead .headInput {
      float: right;
      margin: 8px 7px 6px 7px;
      position: relative; }
      .widget .whead .headInput input[type=text] {
        width: 100%;
        box-sizing: border-box;
        font-size: 11px;
        color: #858585;
        box-shadow: 0 1px 0 #f5f5f5;
        padding: 4px 20px 5px 5px;
        border: 1px solid #d7d7d7;
        display: inline-block;
        background: #fdfdfd;
        -webkit-appearance: none; }
    .widget .whead > .titleIcon {
      float: left;
      padding: 1em;
      width: 40px;
      border-right: 1px solid #d5d5d5;
      text-align: center; }
    .widget .whead.normal h6:before, .widget .whead.inactive h6:before {
      font-family: FontAwesome;
      font-weight: normal;
      letter-spacing: 0.03em;
      width: 1em;
      display: inline-block;
      margin-right: 1em;
      content: "";
      transition: all 350ms ease-in; }
    .widget .whead.normal {
      color: #51618f; }
      .widget .whead.normal h6:before {
        color: #2c354e;
        transform: rotate(0deg); }
    .widget .whead.inactive h6:before {
      color: #07090d;
      transform: rotate(90deg); }
  .widget .table {
    margin-bottom: 0; }

.wheadLight {
  color: #636363;
  background-color: #fff;
  background: linear-gradient(to bottom, #fff 0%, #e4e4e4 100%); }

.wheadLight2 {
  color: #636363;
  background-color: #fafcfd;
  background: linear-gradient(to bottom, #fafcfd 0%, #eff1f3 100%); }

.wheadLight3 {
  color: #636363;
  background-color: white;
  background: linear-gradient(to bottom, white 0%, #f1f1f1 50%, #ededed 51%, #efefef 100%); }

.wheadDark {
  color: #fff;
  background-color: #636363;
  background: linear-gradient(to bottom, #636363 0%, #e4e4e4 100%); }

.titleIcon .checker {
  margin: 0;
  float: none; }

.headLoad {
  float: right;
  margin: 10px 10px 0 0; }

.headIcon {
  float: right;
  margin: 12px 12px 0 0; }

.headIconSet {
  float: right;
  margin-right: 12px; }
  .headIconSet li {
    float: left;
    margin-left: 12px; }
    .headIconSet li a {
      padding: 7px 0;
      display: block; }

/* Input fields */
.srch, .sbmt {
  position: absolute;
  right: 7px;
  top: 8px;
  border: none;
  width: 9px;
  height: 9px; }

.srch {
  background: url(../../images/tables/searchSmall.png) no-repeat 0 0; }

.sbmt {
  background: url(../../images/elements/control/headSubmit.png) no-repeat;
  right: 4px; }

/* Title toolbar */
.titleToolbar {
  float: right;
  /*font-size: 11px */
  font-weight: bold; }
  .titleToolbar > li {
    float: left;
    border-left: 1px solid #c3c3c3; }
    .titleToolbar > li.noBorder {
      border-left: none; }
    .titleToolbar > li:hover {
      background-color: rgba(0, 0, 0, 0.03); }
      .titleToolbar > li:hover.noBorder {
        background-color: transparent; }
    .titleToolbar > li:last-child > a {
      border-top-right-radius: 2px; }
    .titleToolbar > li .ibutton-container {
      margin: 0.6em;
      border-left: none; }
    .titleToolbar > li > a {
      padding: 8px 14px 7px 14px;
      display: block;
      font-size: 1rem;
      line-height: 2rem; }
      .titleToolbar > li > a:active {
        box-shadow: none !important; }
      .titleToolbar > li > a .iconb {
        float: none;
        margin-top: 0; }
      .titleToolbar > li > a > i {
        font-size: 1.3em;
        line-height: inherit; }
    .titleToolbar > li.drd > a {
      padding: 8px 10px 7px 10px; }

.titleOpt {
  float: right;
  font-weight: bold; }
  .titleOpt > a {
    padding: 6px 10px 7px 10px;
    border-left: 1px solid #c3c3c3;
    display: block;
    color: #636363;
    clear: both; }
    .titleOpt > a:active {
      box-shadow: none !important; }

.loginyGoTo {
  float: right;
  margin: 0.7em;
  margin-left: 0; }

.act {
  background: #f5f5f5;
  box-shadow: 0 1px 0 #eaeaea;
  border-top-right-radius: 3px; }

.collapsible.normal .titleOpt, .collapsible.normal .titleToolbar, .collapsible.normal .titleIcon {
  display: none; }

/* === Widgets === */
/* Accordion */
.menu_body {
  display: none;
  padding: 12px 14px; }

.aac .whead {
  cursor: pointer;
  border-top: 1px solid #cdcdcd;
  margin-bottom: -1px; }
  .aac .whead:first-child {
    border-top: none; }
  .aac .whead h6 {
    padding: 9px 14px; }

.togglesGroup .whead {
  cursor: pointer;
  border-top: 1px solid #cdcdcd;
  margin-bottom: -1px; }
  .togglesGroup .whead:first-child {
    border-top: none; }

/* New updates widget */
.updates {
  padding-left: 0; }
  .updates .uDate {
    text-align: center;
    line-height: 14px;
    color: #848484; }
    .updates .uDate > span {
      font-size: 20px;
      font-weight: bold;
      line-height: 21px;
      display: block;
      margin-bottom: -3px; }
  .updates .uIcon {
    text-align: center;
    font-size: 2rem; }
  .updates .uType {
    text-align: center; }
  .updates .uDesc {
    padding: 7px;
    background-color: white;
    border-radius: 3px;
    border-color: #d0d0d0;
    border-width: 1px;
    border-style: solid; }
  .updates > li {
    border-top: 1px solid #d5d5d5;
    padding: 10px 14px;
    line-height: 20px; }
    .updates > li:first-child {
      border-top: none; }
    .updates > li:last-child {
      border-bottom: 1px solid #d5d5d5; }
    .updates > li > span {
      display: inline-block; }
      .updates > li > span > a {
        font-weight: bold; }

.uUpdate {
  float: left;
  display: block;
  padding-left: 22px; }
  .uUpdate h4 {
    margin-left: -22px;
    color: #22a0b8; }
    .uUpdate h4 span {
      color: #7ab75d; }
  .uUpdate p {
    padding: 0; }
  .uUpdate ul {
    list-style: initial !important; }

.uDone {
  float: left;
  display: block;
  padding-left: 22px;
  max-width: 76%;
  background: url(../../images/elements/other/updateDone.png) no-repeat 0 4px; }
  .uDone p {
    padding: 0; }
  .uDone ul {
    list-style: initial !important; }

.uAlert {
  float: left;
  display: block;
  padding-left: 22px;
  max-width: 76%;
  background: url(../../images/elements/other/updateWarning.png) no-repeat 0 4px; }
  .uAlert p {
    padding: 0; }
  .uAlert ul {
    list-style: initial !important; }

.uNotice {
  float: left;
  display: block;
  padding-left: 22px;
  max-width: 76%;
  background: url(../../images/elements/other/updateNotice.png) no-repeat 0 4px; }
  .uNotice p {
    padding: 0; }
  .uNotice ul {
    list-style: initial !important; }

/*===== Widget zwijak ===== */
.widget-collapse {
  background-color: rgba(255, 255, 255, 0.3);
  border-bottom: 1px solid #c3c3c3;
  position: relative; }
  .widget-collapse header {
    padding: 0 10px;
    background: #f8f8f8;
    background: linear-gradient(to bottom, #f8f8f8 0%, #ececec 100%); }
    .widget-collapse header a {
      color: #2c354e;
      font-weight: bold;
      line-height: 1em;
      display: block;
      overflow: hidden;
      padding: 10px 5px;
      text-overflow: ellipsis;
      white-space: nowrap; }
      .widget-collapse header a span.collapse-caret {
        float: right; }
        .widget-collapse header a span.collapse-caret:before {
          font-family: FontAwesome;
          font-weight: normal;
          letter-spacing: 0.03em;
          width: 1em;
          display: inline-block;
          margin-left: 1em;
          content: "";
          transition: all 350ms ease-in; }
        .widget-collapse header a span.collapse-caret.collapse-collapsed:before {
          transform: rotate(0deg); }
        .widget-collapse header a span.collapse-caret.collapse-open:before {
          transform: rotate(180deg); }
  .widget-collapse section {
    padding-top: 10px;
    padding-bottom: 10px; }
    .widget-collapse section.collapse {
      display: none; }
      .widget-collapse section.collapse.in {
        display: block; }
    .widget-collapse section.collapsing {
      position: relative;
      height: 0;
      overflow: hidden;
      transition: height 350ms ease-in; }
  .widget-collapse .form-group {
    margin-bottom: 7px !important; }

.inputAuth {
  color: red; }
  .inputAuth.active {
    color: green; }

/* ===== Task widget  ===== */
.taskDone {
  background: url(../../images/elements/other/taskDone.png) no-repeat;
  display: block;
  width: 10px;
  height: 10px; }

.taskPending {
  background: url(../../images/elements/other/taskPending.png) no-repeat;
  display: block;
  width: 12px;
  height: 6px; }

.taskProgress {
  background: url(../../images/elements/other/taskProgress.png) no-repeat;
  display: block;
  width: 10px;
  height: 10px; }

/* ===== Downloads widget  ===== */
.tbar {
  border-bottom: 1px solid #c3c3c3;
  background: #fafafa;
  background: linear-gradient(to bottom, #fafafa 0%, #efefef 100%); }
  .tbar li {
    display: inline-block;
    margin-left: -3px;
    border-right: 1px solid #ddd;
    font-size: 11px; }
    .tbar li:first-child {
      margin-left: 0; }
    .tbar li a {
      display: block;
      color: #818181;
      padding: 6px 12px; }
      .tbar li a:hover {
        background-color: #f8f8f8;
        background: linear-gradient(to bottom, #f8f8f8 0%, #eaeaea 100%); }
      .tbar li a:active {
        background-color: #f8f8f8; }

/* ===== Website statistics widget  ===== */
.webStatsLink {
  color: #464646;
  font-size: 18px;
  font-weight: bold; }

.statsPlus {
  padding-left: 20px;
  background: url(../../images/elements/other/grown.png) no-repeat 0 1px;
  color: #599414; }

.statsMinus {
  padding-left: 20px;
  background: url(../../images/elements/other/dropped.png) no-repeat 0 1px;
  color: #a73939; }

/* ===== News widget  ===== */
.wNews {
  float: left;
  width: 80%;
  margin-top: 2px; }
  .wNews span {
    display: block;
    line-height: 14px;
    margin-top: 4px; }
  .wNews > .headline {
    float: left;
    margin-right: 14px; }
  .wNews .announce > a {
    font-weight: bold;
    line-height: 18px; }

/* ===== Search widget  ===== */
.searchLine {
  position: relative;
  box-shadow: 0 1px 1px #fcfcfc;
  margin-top: 35px; }
  .searchLine input[type=text] {
    border: 1px solid #cdcdcd;
    padding: 9px;
    width: 100%;
    box-sizing: border-box;
    border-radius: 2px; }
  .searchLine button {
    position: absolute;
    top: 0;
    right: 0;
    width: 32px;
    height: 100%;
    max-height: 100%;
    z-index: 99;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px; }
    .searchLine button:active {
      box-shadow: none !important; }
    .searchLine button .iconb {
      position: absolute;
      right: 7px;
      top: 6px;
      z-index: 100;
      font-size: 16px; }
  .searchLine .icos-search {
    width: 14px;
    margin: 8px;
    padding: 0; }

.sResults {
  background: #fafafa;
  border: 1px solid #cdcdcd;
  border-radius: 3px;
  box-shadow: 0 2px 2px -2px #ccc;
  margin-top: 20px;
  position: relative; }
  .sResults > .arrow {
    position: absolute;
    top: -9px;
    left: 50%;
    margin-left: -8px;
    width: 15px;
    height: 9px;
    background: url(../../images/elements/control/resultsarrow.png) no-repeat; }
  .sResults table {
    border: none; }

.sideWidget .searchLine {
  margin-top: 0 !important; }

/* ===== Search widget  ===== */
.searchWidget .whead {
  padding: 11px; }
  .searchWidget .whead input[type=text] {
    border: 1px solid #cdcdcd;
    padding: 6px 25px 6px 8px;
    width: 100%;
    box-sizing: border-box;
    border-radius: 2px;
    box-shadow: 0 1px 1px #fcfcfc; }
.searchWidget button {
  background: none;
  border: none;
  color: #909090;
  position: absolute;
  top: 12px;
  right: 17px; }
.searchWidget .pagination {
  padding: 12px;
  border-top: 1px solid #cdcdcd;
  box-shadow: 0 1px 0 #fff inset;
  margin-top: 0;
  background: #f8f8f8;
  background: linear-gradient(to bottom, #f8f8f8 0%, #e8e8e8 100%); }

/* ===== Widget buttons  ===== */
.wButton a, .wButton input[type=button], .wButton button, .wButton input[type=button] {
  width: 100%;
  box-sizing: border-box;
  text-align: center;
  margin-top: 35px; }

/* ===== Invoice widget  ===== */
.wInvoice {
  background: #efefef;
  border-radius: 3px;
  margin-bottom: 15px;
  border: 1px solid #ddd; }
  .wInvoice li {
    width: 33%;
    display: inline-block;
    text-align: center;
    border-left: 1px dotted #ddd;
    padding: 12px 0 8px 0;
    margin-left: -2px; }
    .wInvoice li:first-child {
      border-left: none; }
    .wInvoice li span {
      font-size: 11px; }

.invButtons {
  margin-top: 10px;
  text-align: center; }
  .invButtons .bFirst {
    float: left; }
  .invButtons .bLast {
    float: right; }

ul.ruler {
  width: 100%;
  margin-bottom: 8px; }
  ul.ruler li {
    display: block;
    float: left;
    color: #757575;
    font-size: 10px;
    width: 33%; }
    ul.ruler li:last-child {
      width: 34%; }

.invList > a {
  width: 100%;
  box-sizing: border-box;
  text-align: center;
  margin-top: 10px; }

/* ===== Settings widget  ===== */
.params li:first-child span {
  display: block;
  line-height: 20px; }
.params li:first-child a {
  font-size: 12px;
  color: #bbb; }
.params li:last-child {
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px; }
.params li > label {
  float: left; }
.params li .ibutton-container {
  float: right;
  margin-top: 1px; }
.params li h5 {
  font-size: 14px;
  font-weight: bold;
  padding: 2px 0 6px 0;
  display: block; }
  .params li h5 > a {
    display: inline-block; }

.myPic {
  float: left;
  margin-right: 20px; }

.followers {
  color: #808080; }

.myRole {
  color: #a64949;
  display: block; }

/* ===== Earnings widget  ===== */
.wGeneral .email {
  display: block;
  font-size: 11px;
  line-height: 16px;
  color: #909090; }
.wGeneral td a {
  line-height: 16px; }
.wGeneral tbody td span {
  display: block;
  font-size: 11px;
  line-height: 11px;
  color: #909090; }
  .wGeneral tbody td span .outputCode {
    margin-top: 5px; }
.wGeneral tbody td small {
  font-size: 11px; }
.wGeneral tbody td strong {
  color: #4d7f12; }
.wGeneral tbody tr.empty td strong {
  color: #ff8500; }
.wGeneral tbody tr:hover td {
  background: #e9e9e9; }
.wGeneral .income {
  color: #932a2a; }

/* === Message to widget === */
.messageTo {
  margin-bottom: 14px; }
  .messageTo .uName {
    float: left;
    margin-right: 10px; }
  .messageTo .uEmail {
    display: block;
    color: #909090;
    line-height: 16px;
    font-size: 11px; }
  .messageTo > span {
    line-height: 20px;
    font-weight: bold; }
    .messageTo > span > strong {
      color: #a44f4f; }

.mesControls {
  margin-top: 14px; }
  .mesControls > span {
    color: #909090;
    font-style: italic;
    font-size: 11px;
    margin-top: 5px;
    display: block;
    float: left; }
  .mesControls .iconb {
    margin-right: 5px; }

.msgBtns {
  float: left;
  margin-top: 4px; }
  .msgBtns li {
    float: left;
    margin-right: 5px; }

.sendBtn {
  display: block;
  position: absolute;
  top: 4px;
  right: 4px; }
  .sendBtn .attachLink, .sendBtn .attachPhoto, .sendBtn .attachVideo {
    opacity: 0.4;
    display: block;
    float: left;
    margin: 9px 0 9px 12px; }
  .sendBtn .attachLink:hover, .sendBtn .attachPhoto:hover, .sendBtn .attachVideo:hover {
    opacity: 1;
    transition: opacity 0.2s ease-in; }
  .sendBtn .attachLink {
    width: 12px;
    height: 12px;
    background: url(../../images/elements/other/link.png) no-repeat; }
  .sendBtn .attachPhoto {
    width: 14px;
    height: 11px;
    background: url(../../images/elements/other/photo.png) no-repeat; }
  .sendBtn .attachVideo {
    width: 14px;
    height: 11px;
    background: url(../../images/icons/usual/icon-youtube.png) no-repeat; }
    .sendBtn .attachVideo .attachVideo:hover {
      margin: 10px 0 10px 12px; }
  .sendBtn input[type=submit] {
    float: left;
    display: block;
    margin-left: 12px;
    line-height: 15px;
    height: 28px; }
  .sendBtn > .buttonS {
    padding: 6px 14px; }

.sendwidget {
  position: static;
  float: right; }
  .sendwidget input[type=submit] {
    height: auto; }
  .sendwidget .attachLink, .sendwidget .attachPhoto, .sendwidget .sendBtn .attachVideo:hover {
    margin: 10px 0 10px 12px; }

/* === Sidebar widgets === */
/* Numbers statistics */
.numStats ul li {
  float: left;
  text-align: center;
  width: 50px;
  padding: 0 12px;
  border-right: 1px dotted #bbb;
  border-left: 1px dotted #f5f5f5; }
  .numStats ul li a {
    color: #b35d5d;
    font-size: 18px;
    font-weight: bold; }
  .numStats ul li span {
    display: block;
    color: #717e88;
    font-size: 11px;
    margin-top: -4px; }
  .numStats ul li.last {
    border-right: none; }
  .numStats ul li:first-child {
    border-left: none; }

/* Finanse info klient */
.clInfo ul li {
  float: left;
  text-align: center;
  width: 113px;
  padding: 0 12px;
  border-right: 1px dotted #bbb;
  border-left: 1px dotted #f5f5f5;
  color: #b35d5d;
  font-size: 18px;
  font-weight: 900; }
  .clInfo ul li .saldoDodatnie {
    color: #52777b; }
.clInfo ul span {
  display: block;
  color: #717e88;
  font-size: 11px;
  margin-top: -4px; }
.clInfo ul.last {
  border-right: none; }
.clInfo ul:first-child {
  border-left: none; }

/* Finanse info klient */
.sidebarNote .nNote p {
  padding: 5px 20px; }

/* Contact list */
.userList {
  border-top: 1px solid #c3c3c3;
  border-bottom: 1px solid #c3c3c3; }
  .userList li {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #cecece;
    background: #f7f7f7;
    background: linear-gradient(to bottom, #f7f7f7 0%, #e6e6e6 100%); }
    .userList li:hover {
      background: #fbfbfb;
      background: linear-gradient(to bottom, #fbfbfb 0%, #e8e8e8 100%); }
    .userList li:active {
      background: #f0f0f0; }
    .userList li a > img {
      float: left;
      margin: 0 10px 0 0;
      box-shadow: 0 1px 1px #f5f5f5; }
    .userList li a {
      color: #6a6a6a;
      padding: 10px 14px;
      display: block;
      position: relative; }
    .userList li.this {
      margin-right: -1px; }
      .userList li.this a {
        background: url(../../images/backgrounds/body.jpg);
        margin-right: -1px;
        border-top: 1px solid transparent; }
      .userList li.this .contactName > strong {
        color: #b35d5d; }
      .userList li.this .contactName > i {
        color: #959595; }

.contactName {
  float: left; }
  .contactName > strong {
    color: #393939;
    display: block;
    line-height: 22px; }
    .contactName > strong > span {
      color: #b35d5d; }
  .contactName > i {
    display: block;
    font-style: normal;
    font-size: 11px;
    color: #656565;
    line-height: 10px; }

.status_available, .status_away, .status_off {
  width: 7px;
  height: 7px;
  background: url(../../images/elements/other/contact_status.png) no-repeat;
  display: block;
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -4px; }

.status_available {
  background-position: 0 0; }

.status_away {
  background-position: 0 -8px; }

.status_off {
  background-position: 0 -16px; }

/* Upload files */
.filesDown > li {
  display: block;
  padding: 8px 24px 8px 12px;
  font-size: 11px;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #fdfdfd;
  position: relative;
  background: #fafafa;
  background: linear-gradient(to bottom, #fafafa 0%, #eee 100%); }
  .filesDown > li:first-child {
    padding: 8px 12px; }
  .filesDown > li:last-child {
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
    border-bottom: none; }

.fileProcess {
  margin-top: 6px;
  padding: 0 6px; }
  .fileProcess > .loader {
    float: left;
    margin-top: 3px; }
  .fileProcess strong {
    color: #436b80;
    padding-left: 8px;
    font-size: 12px; }

.fileProgress {
  color: #909090;
  white-space: nowrap;
  margin-bottom: 12px; }

.filesDown .remove {
  position: absolute;
  right: 10px;
  top: 15px;
  display: block;
  width: 7px;
  height: 8px;
  cursor: pointer;
  background: url(../../images/elements/other/removeLi.png) no-repeat; }

.filesDown > li.currentFile {
  background: none; }

.fileSuccess, .fileError {
  width: 12px;
  height: 13px;
  display: block;
  float: left;
  margin: 5px 10px 0 0; }

.fileSuccess {
  background: url(../../images/elements/other/fileSuccess.png) no-repeat; }

.fileError {
  background: url(../../images/elements/other/fileError.png) no-repeat; }

.fileQueue {
  width: 12px;
  height: 6px;
  background: url(../../images/elements/other/taskPending.png) no-repeat;
  display: block;
  float: left;
  margin: 8px 10px 0 0; }

.sideUpload .fileProcess {
  padding: 0;
  margin-bottom: 10px; }
.sideUpload .filesDown > li.currentFile {
  background: #f2f2f2;
  border-top: 1px solid #c3c3c3; }
.sideUpload .filesDown > li:last-child {
  border-bottom: 1px solid #c3c3c3; }
.sideUpload .fileProgress {
  margin-bottom: 10px; }
.sideUpload .contentProgress {
  height: 5px !important;
  box-shadow: 0 1px 1px #fff !important;
  background: #7d7d7d !important;
  border: none !important; }

/* General balance */
.balance {
  padding: 0 15px;
  line-height: 18px; }
  .balance .balInfo {
    float: left;
    margin: 14px 10px 0 0;
    font-size: 14px;
    font-weight: bold; }
    .balance .balInfo > span {
      color: #959595;
      display: block;
      font-weight: normal;
      font-size: 11px; }
  .balance .balAmount {
    float: right;
    font-size: 16px;
    color: #52777b;
    font-weight: 900;
    margin-top: 8px;
    text-align: center; }
    .balance .balAmount > span {
      display: block;
      margin-top: 5px; }

.balBars {
  display: block;
  width: 60px;
  height: 18px; }

/* Sidebar color buttons */
.sideB {
  font-size: 10px;
  font-weight: bold;
  text-transform: uppercase;
  border-radius: 2px;
  padding: 5px;
  display: block;
  text-align: center;
  color: #fff; }

.sideRed {
  border: 1px solid #7d3030;
  box-shadow: inset 0 1px 0 #b57474;
  background: #9c4545;
  background: linear-gradient(to bottom, #9c4545 0%, #7d3030 100%); }

.sideGreen {
  border: 1px solid #699818;
  box-shadow: inset 0 1px 0 #a5c965;
  background: #86b630;
  background: linear-gradient(to bottom, #86b630 0%, #6a9818 100%); }

.sideGrey {
  border: 1px solid #c3c3c3;
  box-shadow: inset 0 1px 0 #fff;
  color: #6a6a6a;
  background: #f8f8f8;
  background: linear-gradient(to bottom, #f8f8f8 0%, #e8e8e8 100%); }

.sideGrey:active {
  background: #6f6f6f;
  color: #fff;
  border-color: #646464;
  box-shadow: 0 1px 2px #545454 inset, 0 1px 0 #fff; }

.sideGreyish {
  border: 1px solid #505866;
  box-shadow: inset 0 1px 0 #9da4b1;
  background: #7b8596;
  background: linear-gradient(to bottom, #7b8596 0%, #515967 100%); }

/* Full width grey buttons */
.sideFullWidth {
  background: #f8f8f8;
  background: linear-gradient(to bottom, #f8f8f8 0%, #e8e8e8 100%); }
  .sideFullWidth li {
    width: 75px;
    float: left; }
    .sideFullWidth li a span.users {
      background: url(../../images/icons/sidebarButtons/users.png) no-repeat 50%;
      display: block;
      width: 100%;
      height: 100%; }
    .sideFullWidth li:first-child a {
      border-left: none; }
    .sideFullWidth li a {
      font-size: 10px;
      width: 75px;
      height: 46px;
      font-weight: bold;
      text-transform: uppercase;
      display: block;
      text-align: center;
      border: 1px solid #c3c3c3;
      border-right: none;
      color: #6a6a6a; }
      .sideFullWidth li a:hover {
        background: #fafafa;
        background: linear-gradient(to bottom, #fafafa 0%, #eaeaea 100%); }
      .sideFullWidth li a:active {
        background: #f2f2f2; }

/* Full width dropdown */
.fulldd {
  height: 28px;
  box-shadow: 0 1px 0 #fff, 0 1px 0 #fff inset;
  background: url(../../images/backgrounds/breadcrumbs.png) repeat-x;
  border-top: 1px solid #c3c3c3;
  border-bottom: 1px solid #c3c3c3;
  font-size: 11px; }
  .fulldd li {
    width: 100%;
    position: relative; }
    .fulldd li a {
      color: #666;
      text-decoration: none;
      padding: 3px 25px 3px 14px;
      display: block;
      white-space: nowrap; }
      .fulldd li a:hover {
        background: #f8f8f8;
        background: linear-gradient(to bottom, #f8f8f8 0%, #eaeaea 100%); }
      .fulldd li a:active {
        background: #f8f8f8; }
      .fulldd li a img {
        display: block;
        position: absolute;
        right: 10px;
        top: 11px; }
    .fulldd li ul {
      position: absolute;
      display: none;
      right: -1px;
      border: 1px solid #c3c3c3;
      box-shadow: 0 1px 2px #dadada;
      z-index: 1010;
      width: 100%; }
      .fulldd li ul li {
        width: 100%;
        float: none;
        border-top: 1px solid #fff;
        border-bottom: 1px solid #ddd; }
        .fulldd li ul li:first-child {
          border-top: none; }
        .fulldd li ul li a {
          background: #fdfdfd;
          padding: 5px 12px;
          background: linear-gradient(to bottom, #fdfdfd 0%, whiteSmoke 100%); }
          .fulldd li ul li a:hover {
            background: #f5f5f5; }

/* Szybkie Rozliczenia */
.sideReckoning .reckoningPositions li {
  display: block;
  padding: 8px 24px 8px 12px;
  font-size: 11px;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #fdfdfd;
  position: relative;
  background: #fafafa;
  background: linear-gradient(to bottom, #fafafa 0%, #eee 100%); }
  .sideReckoning .reckoningPositions li:first-child {
    padding: 8px 12px; }
  .sideReckoning .reckoningPositions li:last-child {
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
    border-bottom: none; }
  .sideReckoning .reckoningPositions li .transNum {
    display: block;
    float: left;
    font-size: 12px;
    height: 13px;
    margin: 2px 5px 0 0; }
  .sideReckoning .reckoningPositions li input {
    border: 1px solid #ccc;
    padding: 1px 5px;
    border-radius: 3px;
    text-overflow: ellipsis; }
    .sideReckoning .reckoningPositions li input.nazwaTrans {
      width: 134px; }
    .sideReckoning .reckoningPositions li input.kwotaTrans {
      margin-left: 3px;
      width: 50px;
      text-align: right; }
  .sideReckoning .reckoningPositions li.razem {
    font-size: 1.15em; }
    .sideReckoning .reckoningPositions li.razem .kpRazem, .sideReckoning .reckoningPositions li.razem .kwRazem {
      color: #4d7f12;
      text-align: right;
      font-weight: 700; }
.sideReckoning .reckoningPositions > li > strong {
  float: right; }
.sideReckoning .reckoningPositions > li .currentType {
  background: #f2f2f2;
  border-top: 1px solid #c3c3c3; }
.sideReckoning .reckoningPositions > li:last-child {
  border-bottom: 1px solid #c3c3c3; }
.sideReckoning .reckoningPositions .typeName {
  font-size: 12px;
  color: #436b80;
  font-weight: 700;
  text-align: center;
  margin: 5px 10px 3px 0; }

.alert-small {
  padding: 5px;
  margin-bottom: 17px;
  border: 1px solid transparent;
  border-radius: 4px; }

/* === Buttons === */
.buttonS, .buttonM, .buttonL, .buttonH, [class*="tablectrl"] {
  font-size: 11px;
  color: #fff;
  font-weight: bold;
  display: inline-block;
  line-height: 14px;
  border-radius: 2px; }

.buttonS span, .buttonM span, .buttonL span, .buttonH span {
  margin-left: 10px; }

.buttonS {
  padding: 6px 14px; }

.buttonM {
  padding: 7px 15px; }

.buttonL {
  padding: 8px 18px; }

.buttonH {
  float: right;
  padding: 4px 12px 4px 12px;
  color: #fff !important;
  margin: 7px 10px 6px 10px; }

.bGreen:hover, .bRed:hover, .bBlue:hover, .bGreyish:hover, .bBlack:hover, .bLightBlue:hover, .bGold:hover, .bSea:hover, .bBrown:hover {
  opacity: 0.95;
  transition: opacity 0.2s ease-in-out; }

.bDefault, .dualBtn, .searchLine button {
  border: 1px solid #c3c3c3;
  box-shadow: inset 0 1px 2px #fff;
  color: #686868;
  background-color: #f8f8f8;
  background: linear-gradient(to bottom, #f8f8f8 0%, #e8e8e8 100%); }

.bDefault:hover, .dualBtn:hover, .searchLine button:hover {
  transition: box-shadow 0.05s ease-in-out;
  background-color: #fafafa;
  background: linear-gradient(to bottom, #fafafa 0%, #e5e5e5 100%); }

.bDefault:active, .dualBtn:active, .titleToolbar > li > a:active, .titleOpt > a:active, .searchLine button:active {
  background-color: #eee;
  color: #505050;
  border-color: #c0c0c0;
  box-shadow: 0 0 5px #e2e2e2 inset, 0 1px 1px #fff; }

.bGreen {
  border: 1px solid #68a341;
  box-shadow: 0 1px 2px 0 #a4ca6c inset;
  background-color: #96c161;
  background: linear-gradient(to bottom, #96c161 0%, #609c3d 100%); }
  .bGreen:active {
    background: #74aa49;
    box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff; }

.bRed {
  border: 1px solid #a95151;
  box-shadow: 0 1px 2px 0 #cd8787 inset;
  background-color: #c57979;
  background: linear-gradient(to bottom, #c57979 0%, #a34c4c 100%); }
  .bRed:hover {
    opacity: 0.95;
    transition: opacity 0.2s ease-in-out; }
  .bRed:active {
    background: #b15e5e;
    box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff; }

.bBlue {
  border: 1px solid #3e76af;
  box-shadow: 0 1px 2px 0 #66b2d2 inset;
  background-color: #5ba5cb;
  background: linear-gradient(to bottom, #5ba5cb 0%, #3a70ab 100%); }
  .bBlue:hover {
    opacity: 0.95;
    transition: opacity 0.2s ease-in-out; }
  .bBlue:active {
    background-color: #4786b8;
    box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff; }

.bGreyish {
  border: 1px solid #5e6779;
  box-shadow: 0 1px 2px 0 #9ca6b3 inset;
  background-color: #8c97a6;
  background: linear-gradient(to bottom, #8c97a6 0%, #596171 100%); }
  .bGreyish:active {
    background-color: #6d7787;
    box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff; }

.bBlack {
  border: 1px solid #4e4e4e;
  box-shadow: 0 1px 2px 0 #959595 inset;
  background-color: #838383;
  background: linear-gradient(to bottom, #838383 0%, #444 100%); }
  .bBlack:active {
    background: #5d5d5d;
    box-shadow: 0 0 2px #505050 inset, 0 1px 0 #fff; }

.bLightBlue {
  border: 1px solid #5897c3;
  box-shadow: 0 1px 2px 0 #84c4dd inset;
  background-color: #6db5d5;
  background: linear-gradient(to bottom, #6db5d5 0%, #4a91c0 100%); }
  .bLightBlue:active {
    background: #559cc7;
    box-shadow: 0 0 2px #808080 inset, 0 1px 0 #fff; }

.bGold {
  border: 1px solid #c4853e;
  box-shadow: 0 1px 2px 0 #ddb65b inset;
  background-color: #d5a44c;
  background: linear-gradient(to bottom, #d5a44c 0%, #c07833 100%); }
  .bGold:active {
    background-color: #ca8e40;
    box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff; }

.bSea {
  border: 1px solid #5a837e;
  box-shadow: 0 1px 2px 0 #95b8b6 inset;
  background-color: #7ca6a3;
  background: linear-gradient(to bottom, #7ca6a3 0%, #547b76 100%); }
  .bSea:active {
    background-color: #68918d;
    box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff; }

.bBrown {
  border: 1px solid #9c6b3c;
  box-shadow: 0 1px 2px 0 #c8a85f inset;
  background-color: #bb934f;
  background: linear-gradient(to bottom, #bb934f 0%, #996336 100%); }
  .bBrown:active {
    background-color: #ad7f45;
    box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff; }

/* Messages page ================================================== */
.messagesOne {
  border-bottom: 1px solid #cdcdcd; }
  .messagesOne li {
    position: relative;
    min-height: 36px;
    margin: 0 18px 20px 18px; }
    .messagesOne li:first-child {
      margin-top: 20px; }
  .messagesOne > li.divider {
    border-top: 1px solid #dfdfdf !important;
    margin: 20px 0 20px 0 !important;
    min-height: 0; }
    .messagesOne > li.divider > span {
      background-color: #f5f5f5 !important; }
  .messagesOne .messageRow a {
    display: block;
    width: 37px;
    height: 36px; }
  .messagesOne .by_user > a, .messagesOne .by_me > a {
    position: absolute;
    top: 0;
    display: block; }
  .messagesOne .by_user > a {
    left: 0; }
  .messagesOne .by_user .aro {
    width: 8px;
    height: 9px;
    position: absolute;
    top: 12px;
    background: url(../../images/elements/other/messageArrow_left.png) no-repeat;
    left: -8px; }
  .messagesOne .by_user .messageArea {
    box-sizing: border-box;
    padding: 8px 12px;
    position: relative;
    border-radius: 3px;
    border: 1px solid;
    background: #fafeff;
    border-color: #b5cdd7;
    margin-left: 60px; }
    .messagesOne .by_user .messageArea img {
      width: 100%; }
    .messagesOne .by_user .messageArea .text {
      font-family: Menlo, Monaco, Consolas, "Courier New", monospace; }
  .messagesOne .by_user .name > strong {
    color: #2c596d; }
  .messagesOne .by_user .topic > strong {
    color: #2c596d; }
  .messagesOne .by_user .topic > a {
    color: #2c596d; }
  .messagesOne .by_user .button > a {
    color: #2c596d; }
  .messagesOne .by_me > a {
    right: 0; }
  .messagesOne .by_me .aro {
    width: 8px;
    height: 9px;
    position: absolute;
    top: 12px;
    background: url(../../images/elements/other/messageArrow_right.png) no-repeat;
    right: -8px; }
  .messagesOne .by_me .messageArea {
    box-sizing: border-box;
    padding: 8px 12px;
    position: relative;
    border-radius: 3px;
    border: 1px solid;
    background: #fefefe;
    border-color: #dcdcdc;
    margin-right: 60px; }
    .messagesOne .by_me .messageArea img {
      width: 100%; }
    .messagesOne .by_me .messageArea .text {
      font-family: Menlo, Monaco, Consolas, "Courier New", monospace; }
    .messagesOne .by_me .messageArea .noteOpt {
      position: absolute;
      bottom: 5px;
      right: 5px; }
  .messagesOne .by_me .name > strong {
    color: #393939; }
  .messagesOne .by_me .topic > strong {
    color: #393939; }
  .messagesOne .by_me .topic > a {
    color: #393939; }
  .messagesOne .by_me .button > a {
    color: #393939; }

.infoRow {
  font-size: 11px;
  color: #949494;
  margin-bottom: 6px;
  margin-top: -2px; }
  .infoRow > .time {
    float: right;
    margin-right: 2px;
    line-height: 12px;
    padding: 3px; }
  .infoRow > .noteEditText {
    margin-right: 17px;
    float: right;
    line-height: 12px;
    padding: 2px 3px;
    position: relative; }
  .infoRow > .name {
    float: left; }

.infoRow2 {
  font-size: 12px;
  color: #949494;
  margin-bottom: 2px;
  margin-top: -2px; }
  .infoRow2 > .button, .infoRow2 > button {
    float: right; }
  .infoRow2 > .topic {
    float: left; }
  .infoRow2 > hr {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to left, rgba(207, 235, 246, 0.75), #b5cdd7, rgba(207, 235, 246, 0.75)); }

.messagesTwo li, .messagesTree li {
  position: relative;
  min-height: 36px;
  border-top: 1px solid #cdcdcd; }
  .messagesTwo li:first-child, .messagesTree li:first-child {
    border-top: none; }
  .messagesTwo li > a, .messagesTree li > a {
    margin: 14px;
    display: block;
    position: absolute;
    left: 0;
    top: 0; }
.messagesTwo .messageArea, .messagesTree .messageArea {
  box-sizing: border-box;
  padding: 10px 16px;
  position: relative;
  border-left: 1px solid #cdcdcd;
  margin-left: 65px;
  min-height: 64px; }
  .messagesTwo .messageArea .noteOpt, .messagesTree .messageArea .noteOpt {
    position: absolute;
    top: 5px;
    right: 20px; }
  .messagesTwo .messageArea .textRow, .messagesTree .messageArea .textRow {
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
    width: 100%;
    background: #fff;
    box-sizing: border-box;
    display: block;
    border: 1px solid #d5d5d5;
    box-shadow: 0 1px 1px #fafafa;
    padding: 10px;
    color: #404040;
    border-radius: 3px; }
.messagesTwo .by_user, .messagesTree .by_user {
  background: #fefefe; }

/* Enter message field  */
.enterMessage {
  position: relative;
  margin-top: 20px; }
  .enterMessage input[type=text] {
    width: 100%;
    height: 34px;
    background: #fff;
    box-sizing: border-box;
    display: block;
    border: 1px solid #d5d5d5;
    box-shadow: 0 1px 1px #fafafa;
    padding: 10px 120px 10px 10px;
    color: #404040;
    border-radius: 3px; }

.messageOne, .messageArea {
  overflow: hidden; }

/* ===== Menu urzadzenia mobilne ===== */
.altMenu {
  position: absolute;
  display: none;
  top: 56px;
  font-size: 13px;
  width: 100%;
  padding-top: 6px;
  border-radius: 2px;
  text-align: left;
  z-index: 9999; }
  .altMenu:before {
    content: "";
    display: block;
    position: relative;
    left: 12px;
    top: 14px;
    width: 9px;
    height: 9px;
    border-right: 3px solid white;
    border-top: 3px solid white;
    transform: rotate(-45deg);
    transition: all 250ms ease-in-out; }
  .altMenu > li {
    background: url(../../images/backgrounds/sidebar.jpg); }
    .altMenu > li:first-child {
      border-top-left-radius: 3px;
      border-top-right-radius: 3px; }
      .altMenu > li:first-child a {
        border-top: 1px transparent; }
    .altMenu > li:last-child {
      border-bottom-left-radius: 3px;
      border-bottom-right-radius: 3px; }
      .altMenu > li:last-child a {
        border-bottom: 1px transparent; }
    .altMenu > li:hover {
      background: #3b3b3b; }
    .altMenu > li a {
      display: block;
      padding: 8px 12px 8px 12px;
      color: #c2c2c2;
      border-bottom: 1px solid #343434;
      border-top: 1px solid #545454; }
      .altMenu > li a.active {
        background-color: #525252; }
      .altMenu > li a:before {
        font-family: FontAwesome;
        font-size: 10px;
        content: "";
        display: inline-block;
        padding-right: 5px; }
    .altMenu > li ul {
      background: #4a4a4a; }
      .altMenu > li ul li a {
        border-top: 1px solid #555;
        border-bottom: 1px solid #3d3d3d;
        padding-left: 30px;
        background-position: 28px 14px; }
        .altMenu > li ul li a:before {
          content: "";
          font-size: 14px; }
      .altMenu > li ul li:hover {
        color: #dadada;
        background: #4c4c4c; }

.cSec .secNav {
  display: none; }
.cSec #content {
  margin-left: 100px; }

/* # Tables */
table .selector, table .selector > span {
  height: 26px;
  line-height: 26px; }
table thead td.sortCol > div {
  cursor: pointer;
  position: relative; }
table thead td span {
  background: url(../../images/tables/sort.png) no-repeat 0;
  display: block;
  /*position: absolute right: 3px top: 3px width: 16px */
  width: 7px;
  float: right;
  margin: 2px 2px 0 5px;
  height: 16px; }
table thead td.headerSortUp span {
  background: url(../../images/tables/sortUp.png) no-repeat 0; }
table thead td.headerSortDown span {
  background: url(../../images/tables/sortDown.png) no-repeat 0; }
table tfoot .filter_column input[type=text] {
  width: 100%;
  box-sizing: border-box;
  font-size: 11px;
  color: #858585;
  box-shadow: 0 1px 0 #fff;
  padding: 6px 7px;
  border: 1px solid #d7d7d7;
  display: inline-block;
  background: #fdfdfd;
  height: 26px; }

/* ===== checkAll table ===== */
.checkAll tbody tr td:first-child {
  width: 40px;
  padding: 0;
  vertical-align: middle;
  margin: 0; }

.checkAll tbody tr td:first-child .checker, .checkAll tbody tr td:first-child .radio {
  margin: 0 auto;
  float: none; }

.checkAll thead td:first-child > img {
  vertical-align: middle;
  padding-bottom: 2px; }

/* ===== Simple table ===== */
.justTable td {
  vertical-align: middle; }
.justTable tbody tr:first-child {
  border-top: none; }
  .justTable tbody tr:first-child td {
    box-shadow: 0 1px 0 #fafafa inset;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px; }

/* ===== Default table ===== */
.tDefault tbody td, .tDefault thead td {
  border-left: 1px solid #dfdfdf; }
.tDefault thead td {
  text-align: center;
  font-size: 11px;
  padding: 3px 5px 2px 5px;
  color: #909090;
  background: #eee; }
  .tDefault thead td:first-child {
    border-left: none; }
.tDefault body td {
  padding: 7px 11px;
  vertical-align: middle; }
  .tDefault body td:first-child {
    border-left: none; }
.tDefault tbody tr {
  border-top: 1px solid #dfdfdf; }
.tDefault tbody tr:first-child {
  box-shadow: 0 1px 0 #fff inset; }
.tDefault tbody tr:nth-child(even) {
  background: #f2f2f2; }
.tDefault tbody td small {
  font-size: 90%; }

/* ===== Light table ===== */
.tLight tbody td, .tLight thead td {
  border-left: 1px solid #dadada;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px; }
.tLight tbody td:first-child, .tLight thead td:first-child {
  border-left: none; }
.tLight tbody td {
  padding: 9px 16px;
  vertical-align: middle;
  color: #777; }
.tLight tbody tr {
  border-top: 1px solid #dadada; }
.tLight thead td {
  text-align: center;
  padding: 7px 12px;
  font-weight: bold;
  background: #f8f8f8;
  background: linear-gradient(to bottom, #f8f8f8 0%, #efefef 100%); }

/* ===== Dark table ===== */
.tDark tbody td {
  border-left: 1px solid #dadada;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px; }
.tDark thead td {
  border-left: 1px solid #808080; }
.tDark tbody td:first-child, .tDark .tDark thead td:first-child {
  border-left: none; }
.tDark tbody td {
  padding: 9px 16px;
  vertical-align: middle;
  color: #777; }
.tDark tbody tr {
  border-top: 1px solid #dadada; }
.tDark thead td {
  text-align: center;
  padding: 7px 12px;
  background: url(../../images/backgrounds/sidebar.jpg);
  font-weight: bold;
  color: #f5f5f5; }
.tDark tbody tr:nth-child(even) {
  background: #f4f4f4; }

/* ===== Media table ===== */
.tMedia thead td a {
  color: #878787; }
.tMedia thead td:first-child > .checker {
  margin: 0 auto;
  float: none; }
.tMedia tbody td {
  vertical-align: middle;
  text-align: center; }
.tMedia tfoot tr {
  height: 50px;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  background: #f8f8f8;
  background: linear-gradient(to bottom, #f8f8f8 0%, #efefef 100%); }
  .tMedia tfoot tr td {
    padding: 7px 11px; }

.fileInfo {
  font-size: 11px; }
  .fileInfo span {
    display: block; }
    .fileInfo span strong {
      margin-right: 4px; }

.tableActs {
  text-align: center; }
  .tableActs > a {
    margin: 0 2px; }
  .tableActs > .btn-group {
    display: inline-block;
    margin: 0 2px; }
  .tableActs .iconred {
    color: #932a2a; }
  .tableActs .icongreen {
    color: #4d7f12; }
  .tableActs .iconorange {
    color: #ee7951; }

.itemActions {
  float: left;
  margin: 0 0 6px 0; }
  .itemActions label {
    float: left;
    margin: 2px 12px 0 4px;
    font-size: 11px; }

/* === Alternate table === */
.tAlt thead td {
  background: #f5f5f5;
  background: linear-gradient(to bottom, #f5f5f5 0%, #eee 100%);
  text-align: center;
  font-size: 11px;
  border-left: 1px solid #dfdfdf;
  border-bottom: 1px solid #dfdfdf;
  padding: 2px 10px; }
  .tAlt thead td:first-child {
    border-left: none; }
.tAlt tbody td:first-child {
  border-left: none; }
.tAlt tbody tr td {
  background: #f9f9f9;
  background: linear-gradient(to bottom, #f9f9f9 0%, #f2f2f2 100%);
  border-bottom: 1px solid #dfdfdf; }
.tAlt tbody tr td {
  padding: 10px;
  border-left: 1px solid #dfdfdf;
  box-shadow: 0 2px #fff inset;
  vertical-align: middle; }

/* === Condensed table === */
.tCond > thead > tr > th,
.tCond > thead > tr > td,
.tCond > tbody > tr > th,
.tCond > tbody > tr > td,
.tCond > tfoot > tr > th,
.tCond > tfoot > tr > td {
  padding: 5px; }

/* ===== Table pagination ===== */
.tPages {
  float: right;
  margin: 9px 0; }
  .tPages ul li {
    display: inline-block;
    text-align: center; }
    .tPages ul li.prev a, .tPages ul li.next a {
      padding: 4px; }
    .tPages ul li.prev {
      margin-right: 10px; }
    .tPages ul li.next {
      margin-left: 10px; }
    .tPages ul li a {
      border: 1px solid #d3d3d3;
      border-radius: 3px;
      padding: 4px 7px;
      cursor: pointer;
      color: #606060;
      font-size: 11px;
      box-shadow: 0 1px 0 #fff inset, 0 1px 0 #dfdfdf;
      line-height: 14px;
      background: #f9f9f9;
      background: linear-gradient(to bottom, #f9f9f9 0%, #eee 100%); }
      .tPages ul li a:hover {
        background: #f6f6f6;
        background: linear-gradient(to bottom, #f6f6f6 0%, #e8e8e8 100%); }
      .tPages ul li a:active {
        background: #6f6f6f;
        color: #fff;
        border-color: #646464;
        box-shadow: 0 1px 2px #545454 inset, 0 1px 0 #fff;
        font-weight: bold; }

/* ===== Table toolbar ===== */
.tToolbar {
  height: 36px;
  border-bottom: 1px solid #cdcdcd;
  background: #f8f8f8;
  background: linear-gradient(to bottom, #f8f8f8 0%, #efefef 100%); }
  .tToolbar li {
    display: block;
    float: left;
    border-right: 1px solid #c3c3c3; }
    .tToolbar li:last-child {
      box-shadow: 1px 0 0 #fcfcfc; }
    .tToolbar li a {
      padding: 7px 12px;
      display: block;
      color: #808080;
      font-size: 11px;
      box-shadow: 1px 0 0 #fcfcfc inset, -1px 0 0 #fcfcfc inset; }
      .tToolbar li a:hover {
        background: #f8f8f8;
        background: linear-gradient(to bottom, #f8f8f8 0%, #eaeaea 100%); }
      .tToolbar li a:active, .tToolbar li a.active {
        background: #f8f8f8; }

/* ===== Table buttons ===== */
[class*="tablectrl"] .caret {
  margin: 5px 0 0 6px; }

.tablectrl_small {
  font-size: 10px;
  padding: 5px 5px 4px 5px; }

.tablectrl_medium {
  font-size: 12px;
  padding: 6px 6px 5px 6px; }

.tablectrl_large {
  font-size: 14px;
  padding: 7px 7px 6px 7px; }

.tablectrl_xlarge {
  font-size: 16px;
  padding: 10px 12px 11px 12px; }

.tablectrl_standard {
  font-size: 12px;
  padding: 8px; }

.opt {
  padding-left: 8px;
  padding-right: 8px;
  margin: 0; }
  .opt > span {
    margin-left: 0; }
  .opt .iconb {
    font-size: 14px; }
  .opt .caret {
    margin: 5px 0; }

/* ===== Table Header, Footer ===== */
.tableFooter, .tableHeader {
  clear: both;
  padding: 8px 12px;
  font-size: 11px;
  color: #5f5f5f;
  border-top: 1px solid #cdcdcd;
  border-bottom: 1px solid #cdcdcd;
  background: #f8f8f8 linear-gradient(to bottom, #f8f8f8 0%, #efefef 100%);
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center; }

.tableHeader {
  border-top: none;
  border-bottom: none; }

/* ===== Table Pars ===== */
.tablePars {
  border-bottom: 2px solid #ddd;
  min-height: 71px;
  box-shadow: 0 1px 0 #fff inset;
  clear: both;
  padding: 0 16px;
  font-size: 11px;
  color: #636363;
  background: url(../../images/backgrounds/alt.png);
  margin-top: -1px;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center; }

.hiddenpars .tablePars {
  display: none; }
  .hiddenpars .tablePars.vipars {
    display: flex; }

.shownpars .tablePars {
  display: block; }

/* ===== Datatables ===== */
table.dataTable {
  margin: 0 auto;
  clear: both;
  width: 100%; }
  table.dataTable thead {
    /*box-shadow: 0 1px 0 #fff inset */ }
    table.dataTable thead th {
      padding: 3px 18px 2px 10px;
      font-weight: normal;
      color: #909090;
      cursor: pointer;
      font-size: 11px; }
    table.dataTable thead td {
      background: #f5f5f5;
      background: linear-gradient(to bottom, #f5f5f5 0%, #eee 100%);
      text-align: center;
      font-size: 11px;
      border-left: 1px solid #dfdfdf;
      border-bottom: 1px solid #dfdfdf;
      padding: 2px 10px;
      line-height: 1.571em; }
    table.dataTable thead tr th {
      border-left: 1px solid #dfdfdf;
      vertical-align: middle; }
      table.dataTable thead tr th:first-child {
        border-left: none; }
    table.dataTable thead tr:first-child {
      margin: 0;
      padding: 0;
      border-top: none; }
  table.dataTable tfoot th {
    padding: 3px 18px 3px 10px;
    font-weight: bold; }
  table.dataTable tbody tr td {
    border-left: 1px solid #dfdfdf;
    vertical-align: middle; }
    table.dataTable tbody tr td:first-child {
      border-left: none; }
  table.dataTable td {
    padding: 7px 11px;
    white-space: normal;
    line-height: 1.18em; }
    table.dataTable td.center, table.dataTable td.dataTables_empty {
      text-align: center; }
  table.dataTable th {
    padding: 7px 11px;
    white-space: normal; }
  table.dataTable tr {
    border-top: 1px solid #dfdfdf; }
    table.dataTable tr.odd:hover {
      background-color: #e9e9e9; }
    table.dataTable tr.odd.gradeA td.sorting_1 {
      background-color: #f4f4f4; }
    table.dataTable tr.odd.gradeA td.sorting_2 {
      background-color: #d1ffd1; }
    table.dataTable tr.odd.gradeA td.sorting_3 {
      background-color: #d1ffd1; }
    table.dataTable tr.odd.gradeC td.sorting_1 {
      background-color: #c4c4ff; }
    table.dataTable tr.odd.gradeC td.sorting_2 {
      background-color: #d1d1ff; }
    table.dataTable tr.odd.gradeC td.sorting_3 {
      background-color: #d1d1ff; }
    table.dataTable tr.even {
      background-color: #f2f2f2; }
      table.dataTable tr.even:hover {
        background-color: #e9e9e9; }
      table.dataTable tr.even.gradeA td.sorting_1 {
        background-color: #efefef; }
      table.dataTable tr.even.gradeA td.sorting_2 {
        background-color: #e2ffe2; }
      table.dataTable tr.even.gradeA td.sorting_3 {
        background-color: #e2ffe2; }
      table.dataTable tr.even.gradeC td.sorting_1 {
        background-color: #d5d5ff; }
      table.dataTable tr.even.gradeC td.sorting_2 {
        background-color: #e2e2ff; }
      table.dataTable tr.even.gradeC td.sorting_3 {
        background-color: #e2e2ff; }
  table.dataTable .group {
    font-weight: bold;
    padding: 7px 12px;
    background: url(../../images/backgrounds/sidebar.jpg) !important;
    color: whiteSmoke; }
    table.dataTable .group.collapsed-group:before {
      display: inline-block;
      width: 1em;
      content: "+";
      margin-right: 2px;
      font-size: 1.35em; }
    table.dataTable .group.expanded-group:before {
      display: inline-block;
      width: 1em;
      content: "-";
      margin-right: 2px;
      font-size: 1.35em; }
  table.dataTable .dataTables_wrapper {
    position: relative;
    clear: both;
    zoom: 1; }
  table.dataTable .showentries {
    float: left;
    margin: 4px 15px 0 0; }

/* Karta Klienta */
.tableLow td {
  padding: 6px 11px; }
.tableLow tr.tableType {
  background-image: url(../../images/backgrounds/alt.png); }
  .tableLow tr.tableType h6 {
    font-weight: bold; }

.dataTables_length {
  float: right; }
  .dataTables_length .selector {
    height: 26px;
    line-height: 26px;
    margin-top: 1px; }
    .dataTables_length .selector > span {
      height: 26px;
      line-height: 26px; }

.dataTables_filter {
  font-size: 11px;
  text-align: left; }
  .dataTables_filter label > span {
    display: block;
    float: left;
    padding-top: 1px; }
  .dataTables_filter input[type=search], .dataTables_filter input[type=text] {
    padding: 5px 20px 5px 7px;
    display: inline;
    margin: 0 0 0 15px;
    width: 180px;
    background: #f9f9f9;
    box-shadow: 0 1px 0 #fff;
    border: 1px solid #d7d7d7; }

div.dataTables_info {
  padding: 0;
  margin: 0 0 6px 0; }

div.dataTables_paginate {
  margin: 0 0 6px 0; }

/* === Breadcrumbs line === */
.breadLine {
  height: 29px;
  padding: 0 20px;
  box-shadow: 0 1px 0 #fff, 0 1px 0 #fff inset;
  /*background: url(../../images/backgrounds/breadcrumbs.png) repeat-x */
  background: linear-gradient(to bottom, #f7f7f7 0%, #e9e9e9 100%);
  border-top: 1px solid #c3c3c3;
  border-bottom: 1px solid #c3c3c3;
  font-size: 11px; }
  .breadLine .hideArrow {
    width: 30px;
    float: left;
    background: url(../../images/hideArrow.png) no-repeat 12px 10px;
    padding: 14px 0 14px 0;
    border-right: 1px solid #c3c3c3; }
    .breadLine .hideArrow:hover {
      background-color: #f5f5f5; }

@media (max-width: 767px) {
  .breadLine {
    padding: 0 10px; } }
@media (min-width: 992px) {
  .breadLine {
    padding: 0 20px; } }
@media (min-width: 1200px) {
  .breadLine {
    padding: 0 30px; } }
/* Breadcrumbs */
.bc {
  margin: 0;
  float: left; }

ul.breadcrumbs {
  position: relative;
  z-index: 990; }
  ul.breadcrumbs > li:first-child:before {
    content: "";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    color: inherit;
    font-size: 1em;
    padding-right: 0.5em;
    display: inline-block; }
  ul.breadcrumbs > li:first-child > a {
    padding-left: 0; }
  ul.breadcrumbs li {
    float: left;
    display: inline-block; }
    ul.breadcrumbs li.current {
      border-right: none; }
    ul.breadcrumbs li a {
      color: #2c354e;
      text-decoration: none;
      font-weight: bold;
      display: inline-block;
      line-height: 29px; }
      ul.breadcrumbs li a:after {
        content: "/";
        color: #51618f;
        margin: 0 7px;
        font-weight: normal; }
      ul.breadcrumbs li a:hover, ul.breadcrumbs li a ul.breadcrumbs li.hover a {
        color: #07090d; }
    ul.breadcrumbs li.current > a {
      color: #51618f;
      font-weight: normal; }
      ul.breadcrumbs li.current > a:after {
        content: none; }
    ul.breadcrumbs li ul {
      position: absolute;
      background: url(../../images/subArrow.png) no-repeat 10px 5px;
      font-size: 11px;
      width: 160px;
      top: 28px;
      padding-top: 10px;
      margin-left: 12px;
      display: none; }
      ul.breadcrumbs li ul li {
        width: 180px;
        border-bottom: 1px solid #343434;
        text-align: left;
        border-top: 1px solid #545454;
        background: url(../../images/backgrounds/sidebar.jpg);
        padding: 0;
        float: none; }
        ul.breadcrumbs li ul li:first-child {
          border-top-right-radius: 2px;
          border-top-left-radius: 2px;
          border-top: none;
          padding-top: 1px; }
        ul.breadcrumbs li ul li:last-child {
          border-bottom-right-radius: 2px;
          border-bottom-left-radius: 2px; }
        ul.breadcrumbs li ul li a {
          text-decoration: none;
          padding: 5px 14px 5px 24px;
          color: #ccc !important;
          display: block;
          background: url(../../images/elements/control/subnav_arrow.png) no-repeat 12px 13px; }
          ul.breadcrumbs li ul li a:hover {
            background-color: #454545; }

/* Breadlinks */
.breadLinks {
  float: right; }
  .breadLinks > ul > li {
    float: left;
    border-right: 1px solid #c3c3c3;
    position: relative; }
    .breadLinks > ul > li:first-child {
      border-left: 1px solid #c3c3c3; }
  .breadLinks ul li strong {
    color: #b35d5d; }
  .breadLinks ul li a {
    color: #2c354e;
    padding: 0 12px 0 12px;
    display: table;
    line-height: 28px; }
    .breadLinks ul li a.hasdd {
      background: url(../../images/elements/control/hasddArrow.png) no-repeat 100%; }
    .breadLinks ul li a:hover {
      background: #f8f8f8;
      background: linear-gradient(to bottom, #f8f8f8 0%, #eaeaea 100%); }
    .breadLinks ul li a:active {
      background: #f8f8f8; }
    .breadLinks ul li a i {
      color: #5f5f5f;
      font-size: 1.2em;
      padding-right: 0.5em; }
    .breadLinks ul li a span > img {
      margin-left: 6px; }
    .breadLinks ul li a > strong {
      padding-left: 0.5em; }
    .breadLinks ul li a > * {
      display: table-cell; }
  .breadLinks ul li ul {
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px; }
  .breadLinks ul li ul {
    position: absolute;
    display: none;
    right: -1px;
    border: 1px solid #c3c3c3;
    box-shadow: 0 1px 2px #dadada;
    z-index: 990;
    text-align: left; }
    .breadLinks ul li ul li {
      width: 140px;
      float: none;
      border-top: 1px solid #fff;
      border-bottom: 1px solid #ddd; }
      .breadLinks ul li ul li:first-child {
        border-top: none; }
      .breadLinks ul li ul li:last-child {
        border-bottom-left-radius: 2px;
        border-bottom-right-radius: 2px; }
      .breadLinks ul li ul li a {
        width: 100%;
        background: #fdfdfd;
        padding: 5px 12px;
        background: linear-gradient(to bottom, #fdfdfd 0%, whiteSmoke 100%); }
        .breadLinks ul li ul li a:hover {
          background: #f5f5f5; }

/* === Icons line === */
.iconsLine {
  height: 28px;
  font-size: 11px;
  border-top: 1px solid #c3c3c3;
  text-align: center; }
  .iconsLine li {
    display: block;
    float: left;
    text-align: center;
    height: 28px;
    width: 100%;
    border-bottom: 1px solid #c3c3c3;
    box-shadow: 0 1px 0 #f6f6f6, 0 1px 0 #fff inset;
    /*background: url(../../images/backgrounds/breadcrumbs.png) repeat-x */
    background: linear-gradient(to bottom, #f7f7f7 0%, #e9e9e9 100%); }
    .iconsLine li:first-child a {
      border-left: none;
      margin-left: 0; }
    .iconsLine li a {
      display: block;
      padding: 0;
      height: 28px;
      border-left: 1px solid #c3c3c3;
      line-height: 28px; }
      .iconsLine li a i {
        color: #5f5f5f; }
    .iconsLine li:hover {
      background-color: #f8f8f8;
      background: linear-gradient(to bottom, #f8f8f8 0%, #eaeaea 100%); }
    .iconsLine li.clicked {
      box-shadow: 0 1px 0 #eee inset, 0 1px 0 #ededed; }
      .iconsLine li.clicked a {
        background-color: rgba(0, 0, 0, 0.05);
        border-bottom: 1px solid #dadada; }

.ic1 li {
  width: 100%; }
  .ic1 li a {
    color: #707070;
    font-size: 11px; }

.ic2 li {
  width: 50%; }

.ic3 li {
  width: 75px; }
  .ic3 li:first-child {
    width: 76px; }

.ic4 li {
  width: 56px; }
  .ic4 li:first-child {
    width: 58px; }

.ic5 li {
  width: 45px; }
  .ic5 li:first-child {
    width: 46px; }

/* ===== Formularze ===== */
.formRow {
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #fff;
  padding: 19px 16px;
  /*height: 26px */ }
  .formRow:first-child {
    border-top: none; }
  .formRow input[type="datetime"], .formRow input[type="datetime-local"], .formRow input[type="date"], .formRow input[type="month"], .formRow input[type="time"], .formRow input[type="week"], .formRow input[type="number"], .formRow input[type="email"], .formRow input[type="url"], .formRow input[type="search"], .formRow input[type="tel"], .formRow input[type="color"], .formRow input[type=text]:not(.form-control), .formRow input[type=password],
  .formRow textarea {
    width: 100%;
    box-sizing: border-box;
    font-size: 11px;
    color: #858585;
    box-shadow: 0 1px 0 #fff;
    padding: 6px 7px;
    border: 1px solid #d7d7d7;
    display: inline-block;
    background: #fdfdfd; }
  .formRow input[type=text].form-control {
    width: 100%;
    box-sizing: border-box;
    font-size: 11px;
    color: #858585;
    box-shadow: 0 1px 0 #fff;
    padding: 6px 7px;
    display: inline-block;
    background: #fdfdfd; }
  .formRow input[type="number"] {
    padding: 0 0 0 5px; }
  .formRow [class*="grid"] > label {
    float: left;
    display: block;
    padding-top: 1px; }
  .formRow label > span {
    margin-top: -2px;
    padding: 0; }
  .formRow label > img {
    float: left;
    margin: 5px 10px 0 0; }
  .formRow > label {
    padding: 6px 0;
    display: block;
    float: left; }

/*background-color: #f9f9f9 */
/*color: #afafaf */
textarea {
  height: auto; }

.sliderSpecs > label {
  font-size: 11px;
  margin-right: 10px; }
.sliderSpecs > input {
  background: none !important;
  width: 30% !important;
  color: #3a70ab !important;
  border: none !important;
  box-shadow: none !important;
  font-weight: bold; }

.fieldIcon {
  position: absolute;
  top: 7px;
  right: 8px;
  display: block; }

.req {
  float: right;
  margin-left: 5px;
  display: block;
  color: #db6464; }

.rightSide {
  display: block;
  float: right;
  width: 80%;
  padding: 4px 0;
  position: relative; }
  .rightSide > label {
    float: left; }

.note {
  font-size: 11px;
  padding-top: 2px;
  display: block;
  color: #aaa;
  white-space: nowrap; }

.multiple {
  width: 100%;
  height: 200px;
  padding: 5px;
  border: 1px solid #d7d7d7;
  box-shadow: 0 1px 0 #fff; }

.formSubmit {
  display: block;
  float: right; }

.hasIcon [class*="icon"] {
  float: none;
  margin-right: 0; }

/* ===== Form validation ===== */
.inputContainer {
  position: relative;
  float: left; }

.formError {
  position: absolute;
  top: 300px;
  left: 282px;
  display: block;
  z-index: 9999;
  cursor: pointer; }
  .formError .formErrorContent {
    background: #202020;
    position: relative;
    z-index: 5001;
    color: #fff;
    width: 124px;
    font-size: 11px;
    border: 1px solid #000;
    padding: 2px 10px;
    border-radius: 2px; }
  .formError .formErrorArrow {
    width: 15px;
    margin: -2px auto 0 auto;
    position: relative;
    z-index: 5006; }
    .formError .formErrorArrow div {
      font-size: 0;
      height: 1px;
      background: #202020;
      margin: 0 auto;
      line-height: 0;
      display: block; }
    .formError .formErrorArrow .line10 {
      width: 15px;
      border: none; }
    .formError .formErrorArrow .line9 {
      width: 13px;
      border: none; }
    .formError .formErrorArrow .line8 {
      width: 11px; }
    .formError .formErrorArrow .line7 {
      width: 9px; }
    .formError .formErrorArrow .line6 {
      width: 7px; }
    .formError .formErrorArrow .line5 {
      width: 5px; }
    .formError .formErrorArrow .line4 {
      width: 3px; }
    .formError .formErrorArrow .line3 {
      width: 1px;
      border-left: 2px solid #ddd;
      border-right: 2px solid #ddd;
      border-bottom: 0 solid #ddd; }
    .formError .formErrorArrow .line2 {
      width: 3px;
      border: none;
      background: #ddd; }
    .formError .formErrorArrow .line1 {
      width: 1px;
      border: none;
      background: #ddd; }
  .formError .formErrorArrowBottom {
    box-shadow: none;
    margin: 0 0 0 12px;
    top: 2px; }
    .formError .formErrorArrowBottom div {
      box-shadow: none; }

.greenPopup .formErrorContent {
  background: #33be40; }
.greenPopup .formErrorArrow div {
  background: #33be40; }

.blackPopup .formErrorContent {
  background: #393939;
  color: #fff; }
.blackPopup .formErrorArrow div {
  background: #393939;
  color: #fff; }

.ajaxSubmit {
  padding: 20px;
  background: #55ea55;
  border: 1px solid #999;
  display: none; }

.checker input, .radio input, .selector select {
  cursor: pointer; }

input.error {
  border-color: #ddbebe !important; }

/* ===== Form styling  ===== */
.selector, .radio, .checker, .uploader, .selector *, .radio *, .checker *, .uploader * {
  margin: 0;
  padding: 0;
  cursor: pointer; }

div.selector {
  background: #fcfcfc;
  background: linear-gradient(to bottom, #fcfcfc 0%, #f1f1f1 100%);
  border: 1px solid #d2d2d2;
  line-height: 27px;
  height: 27px;
  box-sizing: content-box;
  border-radius: 2px;
  box-shadow: 0 1px 0 #fff inset, 0 1px 0 #eee;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  margin: 0;
  padding: 0 0 0 8px;
  cursor: pointer;
  width: auto;
  max-width: 280px;
  font-size: 12px;
  position: relative;
  overflow: hidden; }
  div.selector span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #808080;
    padding: 0 37px 0 2px;
    background: url(../../images/elements/forms/selectArrow.png) no-repeat 100%;
    cursor: pointer;
    font-size: 11px;
    height: 27px;
    line-height: 27px; }
  div.selector select {
    position: absolute;
    opacity: 0;
    height: 28px;
    background: none;
    font-family: "Arimo", sans-serif;
    font-size: 12px;
    border: solid 1px white;
    width: 100%;
    top: 0;
    left: 0; }

.disabled {
  opacity: 0.6; }

.labelDisabled {
  color: #b7b7b7; }

/* Checkboxes */
div.checker {
  width: 16px;
  height: 16px;
  position: relative;
  display: block;
  vertical-align: middle;
  zoom: 1;
  float: left;
  margin-right: 10px;
  box-shadow: 0 1px 0 #fff; }
  div.checker input {
    width: 16px;
    height: 16px;
    opacity: 0;
    display: inline-block;
    background: none;
    margin: 0; }
  div.checker span {
    background: url(../../images/elements/forms/checkboxes.png) no-repeat 0 0;
    height: 16px;
    width: 16px;
    display: inline-block;
    text-align: center; }
    div.checker span.checked {
      background-position: 0 -17px; }
  div.checker.focus, div.checker div.selector.focus {
    border-color: #66afe9;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }

/* Radio buttons */
div.radio {
  width: 16px;
  height: 17px;
  position: relative;
  display: block;
  vertical-align: middle;
  zoom: 1;
  float: left;
  margin-top: 2px;
  margin-right: 10px; }
  div.radio input {
    width: 16px;
    height: 17px;
    opacity: 0;
    display: inline-block;
    background: none; }
  div.radio span {
    background: url(../../images/elements/forms/radios.png) no-repeat 0 0;
    height: 17px;
    width: 16px;
    display: inline-block;
    text-align: center; }
    div.radio span.checked {
      background-position: 0 -18px; }

/* File uploader */
div.uploader {
  width: 240px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 1px 0 #fff;
  border: 1px solid #d7d7d7;
  background: #fdfdfd;
  padding: 2px 2px 2px 8px; }
  div.uploader span.action {
    width: 22px;
    background: #fff url(../../images/elements/forms/addFiles.png) no-repeat 0 0;
    height: 22px;
    font-size: 11px;
    font-weight: bold;
    cursor: pointer;
    float: right;
    text-indent: -9999px;
    display: inline;
    overflow: hidden; }
  div.uploader:hover span.action {
    background-position: 0 -27px; }
  div.uploader:active span.action {
    background-position: 0 -54px; }
  div.uploader span.filename {
    color: #777;
    max-width: 200px;
    font-size: 11px;
    line-height: 22px;
    float: left;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: default; }
  div.uploader input {
    width: 256px;
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    float: right;
    height: 26px;
    border: none;
    cursor: pointer; }

.uploader {
  display: inline-block;
  vertical-align: middle;
  zoom: 1; }

/* ===== Tags input  ===== */
div.tagsinput {
  border: 1px solid #ddd;
  background: #fdfdfd;
  padding: 5px;
  width: 100%;
  box-sizing: border-box; }
  div.tagsinput span.tag {
    border: 1px solid #a5d24a;
    display: block;
    float: left;
    padding: 0 8px;
    background: #cde69c;
    color: #638421;
    margin: 5px 5px 5px 5px;
    line-height: 23px;
    font-size: 11px; }
    div.tagsinput span.tag a {
      font-weight: bold;
      color: #82ad2b;
      font-size: 11px;
      float: right; }
  div.tagsinput input {
    width: 60px;
    border: none;
    padding: 5px 8px 6px 8px;
    background: transparent;
    margin: 5px 5px 0 4px; }

.tags_clear {
  clear: both;
  width: 100%;
  height: 0; }

.not_valid {
  background: #fbd8db !important;
  color: #90111a !important; }

/* ===== Autotabs  ===== */
.moreFields ul li {
  float: left;
  width: 11%;
  margin: 0; }
  .moreFields ul li.sep, .moreFields ul li .sep {
    padding: 3px 5px 3px 6px;
    display: block;
    margin: 0;
    width: auto;
    color: #d5d5d5; }
  .moreFields ul li span {
    display: block;
    padding: 3px 12px;
    white-space: nowrap; }

/* === Middle navigation buttons === */
.middleNavR {
  text-align: center;
  margin: 30px 0 0 0; }
  .middleNavR li {
    width: 84px;
    height: 84px;
    border-radius: 50%;
    box-shadow: inset 0 2px 0 #ccc, 0 1px 2px #fff;
    margin: 5px 10px -7px 10px;
    position: relative;
    display: inline-block;
    text-align: center;
    border: 1px solid #dfdfdf;
    background: #e9e9e9;
    background: linear-gradient(to bottom, #e9e9e9 0%, #eaeaea 100%); }
    .middleNavR li a {
      position: absolute;
      top: 8px;
      left: 8px;
      width: 66px;
      height: 66px;
      border-radius: 50%;
      box-shadow: 0 2px 3px #b5b5b5, 0 1px 0 #fff inset;
      background: #fafafa;
      background: linear-gradient(to bottom, #fafafa 0%, #dfdfdf 100%);
      border: 1px solid #dfdfdf;
      transition: all 0.1s ease-in-out; }
      .middleNavR li a:hover {
        background: #e6e6e6;
        background: linear-gradient(to bottom, #f9f9f9 0%, #e6e6e6 100%); }
      .middleNavR li a:active {
        box-shadow: 0 2px 2px #efefef, 0 0 3px 0 #cdcdcd inset;
        background: #e6e6e6;
        background: linear-gradient(to bottom, #f9f9f9 0%, #e6e6e6 100%);
        transform: translate(0px, 1px); }
      .middleNavR li a > img {
        padding-top: 23px; }
    .middleNavR li strong {
      position: absolute;
      top: 3px;
      right: 3px;
      font-size: 11px;
      color: #fff;
      padding: 3px 5px;
      display: block;
      line-height: 12px;
      border-radius: 2px;
      background: #ba6d6d;
      background: linear-gradient(to bottom, #ba6d6d 0%, #934848 100%); }

.middleNavS {
  text-align: center;
  margin: 30px 0 0 0; }
  .middleNavS li {
    width: 84px;
    height: 84px;
    border-radius: 3px;
    box-shadow: inset 0 1px 1px #ccc, 0 1px 1px #fcfcfc, 0 0 1px 1px #f5f5f5;
    margin: 5px 10px -7px 10px;
    position: relative;
    display: inline-block;
    text-align: center;
    border: 1px solid #dfdfdf;
    background: #eee; }
    .middleNavS li a {
      position: absolute;
      top: 8px;
      left: 8px;
      width: 66px;
      height: 66px;
      border-radius: 3px;
      box-shadow: 0 1px 1px #b5b5b5, 0 1px 0 #fff inset;
      background: #f7f7f7;
      background: linear-gradient(to bottom, #f7f7f7 0%, #e8e8e8 100%);
      border: 1px solid #dfdfdf;
      transition: all 0.1s ease-in-out; }
      .middleNavS li a:hover {
        background: #e6e6e6;
        background: linear-gradient(to bottom, #f9f9f9 0%, #e6e6e6 100%); }
      .middleNavS li a:active {
        box-shadow: 0 2px 2px #efefef, 0 0 3px 0 #cdcdcd inset;
        background: #e6e6e6;
        background: linear-gradient(to bottom, #f9f9f9 0%, #e6e6e6 100%);
        transform: translate(0px, 1px); }
      .middleNavS li a > img {
        padding-top: 23px; }
    .middleNavS li strong {
      position: absolute;
      top: 3px;
      right: 3px;
      font-size: 11px;
      color: #fff;
      padding: 3px 5px;
      display: block;
      line-height: 12px;
      border-radius: 2px;
      background: #ba6d6d;
      background: linear-gradient(to bottom, #ba6d6d 0%, #934848 100%); }

.middleNavA {
  text-align: center;
  margin: 30px 0 0 0; }
  .middleNavA li {
    box-shadow: none;
    border-radius: 3px;
    margin: 5px 10px 0 10px;
    position: relative;
    display: inline-block;
    text-align: center; }
    .middleNavA li a {
      border-radius: 3px;
      background: #f7f7f7;
      background: linear-gradient(to bottom, #f7f7f7 0%, #efefef 100%);
      border: 1px solid #d5d5d5;
      box-shadow: 0 0 0 1px #fcfcfc inset, 0 1px 1px #d5d5d5;
      padding: 10px 16px 2px 16px;
      display: block;
      font-weight: bold;
      white-space: nowrap;
      color: #626262; }
      .middleNavA li a:hover {
        background: #f7f7f7;
        background: linear-gradient(to bottom, #f7f7f7 0%, #f2f2f2 100%); }
      .middleNavA li a:active {
        box-shadow: none;
        background: #f4f4f4;
        background: linear-gradient(to bottom, #f4f4f4 0%, #f7f7f7 100%); }
      .middleNavA li a > span {
        display: block;
        padding-top: 4px;
        font-weight: bold; }
      .middleNavA li a > .iconb {
        font-size: 32px;
        color: #808080; }
    .middleNavA li strong {
      position: absolute;
      top: 3px;
      right: 3px;
      font-size: 11px;
      color: #fff;
      padding: 3px 5px;
      display: block;
      line-height: 12px;
      border-radius: 2px;
      background: #ba6d6d;
      background: linear-gradient(to bottom, #ba6d6d 0%, #934848 100%); }

.middleFree {
  text-align: center;
  margin: 30px 0 0 0; }
  .middleFree li {
    margin: 5px 10px 0 10px;
    position: relative;
    display: inline-block;
    text-align: center; }
    .middleFree li a {
      padding: 10px 16px 2px 16px;
      display: block;
      font-weight: bold;
      white-space: nowrap;
      color: #f5f5f5;
      border-radius: 2px;
      box-shadow: 0 1px 1px #d5d5d5; }
      .middleFree li a span {
        display: block; }
      .middleFree li a > .iconb {
        font-size: 32px;
        padding: 3px 0; }
    .middleFree li > strong {
      position: absolute;
      top: -6px;
      right: -6px;
      font-size: 11px;
      color: #f5f5f5;
      padding: 3px 5px;
      display: block;
      line-height: 12px;
      border-radius: 2px;
      background: url(../../images/backgrounds/sidebar.jpg); }

/* Tags */
.secNav {
  /* Forms styles */ }
  .secNav .tagsinput {
    background: none;
    border: none;
    padding: 0 8px;
    margin: -3px 0; }
    .secNav .tagsinput span.tag {
      margin: 3px;
      color: #5f5f5f;
      background: #fdfdfd;
      background: linear-gradient(to bottom, #fcfcfc 0%, #f2f2f2 100%);
      border: 1px solid #d2d2d2;
      border-radius: 3px; }
      .secNav .tagsinput span.tag a {
        color: #aaa; }
  .secNav .chzn-container {
    width: 100% !important;
    max-width: 100%; }
  .secNav .chzn-container-single .chzn-search input {
    max-width: 187px; }
  .secNav .widget {
    border-radius: 0;
    border-top: 1px solid #c3c3c3;
    border-bottom: 1px solid #c3c3c3;
    border-left: none;
    border-right: none;
    margin-top: 0; }
    .secNav .widget .whead {
      border-radius: 0;
      box-shadow: 0 1px 0 #f2f2f2; }
      .secNav .widget .whead h6 {
        padding: 8px 12px 7px 12px; }
    .secNav .widget .body {
      padding: 10px 12px; }
  .secNav .formRow {
    padding: 0;
    border: none;
    margin-top: 11px; }
    .secNav .formRow:first-child {
      margin-top: 0; }
    .secNav .formRow > label {
      padding: 0 0 6px 0; }
    .secNav .formRow input[type="text"], .secNav .formRow input[type="password"], .secNav .formRow textarea {
      box-shadow: 0 1px 0 #f2f2f2;
      border: 1px solid #ccc; }
  .secNav input[type="submit"], .secNav input[type="button"], .secNav button {
    width: 100%; }
  .secNav .uploader {
    box-sizing: border-box;
    width: 197px;
    box-shadow: 0 1px 0 #f2f2f2;
    border: 1px solid #ccc; }
    .secNav .uploader > input {
      width: 195px; }
  .secNav .checker {
    box-shadow: 0 1px 0 #f5f5f5; }
  .secNav .selector {
    max-width: 187px;
    width: 187px; }
  .secNav .chzn-container {
    vertical-align: middle; }

/* === Subnav styles === */
.subNav {
  border-top: 1px solid #c3c3c3;
  border-bottom: 1px solid #c3c3c3; }
  .subNav .hasNum {
    padding: 7px 45px 8px 14px; }
  .subNav li {
    font-size: 11px;
    position: relative; }
    .subNav li a {
      color: #6a6a6a;
      padding: 8px 14px 8px 14px;
      display: block;
      border-top: 1px solid #fdfdfd;
      border-bottom: 1px solid #cecece;
      font-weight: bold;
      background: #f7f7f7;
      background: linear-gradient(to bottom, #f7f7f7 0%, #e6e6e6 100%); }
      .subNav li a:hover {
        background: #fbfbfb;
        background: linear-gradient(to bottom, #fbfbfb 0%, #e8e8e8 100%); }
      .subNav li a:active {
        background: #f0f0f0; }
      .subNav li a > img {
        display: block;
        float: left;
        padding: 5px 10px 0 0; }
      .subNav li a.this {
        background: url(../../images/backgrounds/body.jpg);
        margin-right: -1px;
        color: #a64949;
        padding-left: 10px; }
    .subNav li ul {
      border-bottom: 1px solid #cecece; }
      .subNav li ul li {
        border-top: 1px solid #e3e3e3; }
        .subNav li ul li:first-child {
          border-top: none; }
        .subNav li ul li a {
          background: #fafafa url(../../images/elements/control/subnav_arrow.png) no-repeat 14px;
          padding-left: 30px;
          border: none;
          font-weight: normal; }
          .subNav li ul li a:hover {
            background: #fffffa url(../../images/elements/control/subnav_arrow.png) no-repeat 14px; }
  .subNav .activeli {
    border-left: 4px solid #505050; }

/* ===== Notification messages ===== */
.nNote {
  cursor: pointer;
  margin: 32px 0 0 0;
  border-radius: 2px; }
  .nNote > p {
    padding: 10px 25px 10px 25px;
    margin: 0;
    text-align: center;
    font-weight: bold; }
    .nNote > p strong {
      color: #000; }
  .nNote.not-closable {
    cursor: default !important; }
  .nNote.nMessage {
    border: 1px solid #ccc;
    background: #fff; }
  .nNote.nWarning {
    border: 1px solid #f2d083;
    color: #826200;
    background: #ffedbc; }
  .nNote.nSuccess {
    border: 1px solid #c1d779;
    color: #4f7307;
    background: #d6efa1; }
  .nNote.nFailure {
    border: 1px solid #dfa59b;
    color: #7d2a1c;
    background: #f0b5a1; }
  .nNote.nInformation {
    border: 1px solid #bcd9f3;
    color: #4579aa;
    background: #deedf9; }

/* ===== Content progress bars ===== */
.contentProgress {
  background: #e6e6e6;
  border: 1px solid #ccc;
  box-shadow: 0 1px 0 #fff, 0 1px 0 #ddd inset; }

.contentProgress, .barG, .barB, .barO, .barBl, .barGr, .barR {
  border-radius: 6px;
  height: 4px; }

.whead .contentProgress, .whead .barG, .whead .barB, .whead .barO, .whead .barBl, .whead .barGr, .whead .barR {
  height: 3px; }

#sidebar .contentProgress {
  background: #ccc;
  box-shadow: 0 1px 0 #eee, 0 1px 0 #c1c1c1 inset;
  border: 1px solid #c1c1c1; }

#sidebar .contentProgress, #sidebar .barG, #sidebar .barB, #sidebar .barO, #sidebar .barBl, #sidebar .barGr, #sidebar .barR {
  height: 3px; }

.barG, .barB, .barO, .barBl, .barGr, .barR {
  background: url(../../images/elements/ui/progress.png) repeat-x;
  width: 0;
  margin: -1px 0 0 -1px;
  border: 1px solid; }

.barG {
  background-position: 0 0;
  border-color: #97af32; }

.barB {
  background-position: 0 -5px;
  border-color: #5f9fce; }

.barO {
  background-position: 0 -10px;
  border-color: #d28346; }

.barBl {
  background-position: 0 -15px;
  border-color: #4c4c4c; }

.barGr {
  background-position: 0 -20px;
  border-color: #7b7b7b; }

.barR {
  background-position: 0 -25px;
  border-color: #c8514e; }

/* ========== Content pagination ========== */
.pagination {
  width: auto;
  text-align: center;
  margin: 35px auto auto; }
  .pagination .paginate_button.active a {
    color: #fff !important;
    font-weight: bold; }

.pages li {
  display: inline-block;
  /*margin: 5px 0 */ }
  .pages li.prev {
    margin-right: 15px; }
    .pages li.prev > a span {
      margin-right: 0; }
  .pages li.next {
    margin-left: 15px; }
    .pages li.next > a span {
      margin-right: 0; }
  .pages li a {
    background: #f9f9f9;
    background: linear-gradient(to bottom, #f9f9f9 0%, #eee 100%);
    border: 1px solid #c3c3c3;
    border-radius: 3px;
    padding: 4px 7px;
    margin: 0 1px;
    cursor: pointer;
    color: #606060;
    font-size: 11px;
    box-shadow: 0 1px 0 #fff inset, 0 1px 0 #dfdfdf; }
    .pages li a:hover {
      background: #f6f6f6;
      background: linear-gradient(to bottom, #f6f6f6 0%, #e8e8e8 100%); }
    .pages li a .active, .pages li a a:active, .pages li a .active:hover {
      background: #6f6f6f;
      color: #fff;
      border-color: #646464;
      box-shadow: 0 1px 2px #545454 inset, 0 1px 0 #fff;
      font-weight: bold; }

/* === Tabs === */
/* Content tabs */
ul.tabs {
  height: 37px;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: bold;
  color: #636363;
  border-bottom: 1px solid #cdcdcd;
  box-shadow: 0 1px 0 #fff;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  background: #f8f8f8;
  background: linear-gradient(to bottom, #f8f8f8 0%, #e8e8e8 100%); }
  ul.tabs li.activeTab:first-child {
    border-top-left-radius: 2px;
    border-left: 0; }
  ul.tabs li {
    float: left;
    height: 38px;
    line-height: 38px;
    border-left: none;
    overflow: hidden;
    position: relative;
    font-size: 15px;
    border-right: 1px solid #cdcdcd; }
    ul.tabs li a {
      display: block;
      padding: 0 16px;
      outline: none;
      color: #636363;
      font-size: 12px;
      font-weight: bold; }
      ul.tabs li a:hover {
        color: #797979; }
    ul.tabs li.activeTab {
      background-color: #f7f7f7;
      height: 37px;
      box-shadow: 0 -1px 0 #eaeaea inset; }
      ul.tabs li.activeTab a {
        color: #2e6b9b; }

.tab_container {
  overflow: hidden;
  width: 100%; }

.tab_content {
  padding: 10px 12px; }

.tableTabs .tabs {
  position: absolute;
  top: 0;
  right: 0; }
  .tableTabs .tabs li.activeTab:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 2px; }
.tableTabs .tab_content {
  padding: 0; }
.tableTabs ul.tabs li {
  border-left: 1px solid #cdcdcd;
  border-right: none;
  float: right; }

.rightTabs ul.tabs li {
  border-left: 1px solid #cdcdcd;
  border-right: none;
  float: right; }
  .rightTabs ul.tabs li.activeTab:first-child {
    border-top-right-radius: 2px;
    border-top-left-radius: 0; }
.rightTabs .tabs li.activeTab:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 2px; }

/* Sidebar tabs */
.etabs {
  margin: 0;
  padding: 0; }

.tab {
  display: inline-block;
  zoom: 1;
  background: #eee;
  border: solid 1px #999;
  border-bottom: none; }
  .tab a {
    font-size: 14px;
    line-height: 2em;
    display: block;
    padding: 0 10px;
    outline: none; }
    .tab a:hover {
      text-decoration: underline; }
    .tab a.active {
      font-weight: bold; }
  .tab.active {
    background: #fff;
    padding-top: 6px;
    position: relative;
    top: 1px;
    border-color: #666; }

.tab-container .panel-container {
  background: #fff;
  border: solid #666 1px;
  padding: 2px;
  border-radius: 0 4px 4px 4px; }

/* Biale tlo w tabach  */
.tab-div, .nav-div {
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 5px 5px 5px 5px;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 5px;
  margin: 0px; }

.tab-body {
  background-color: #f7f7f7;
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  padding: 7px; }

/* ===== Wizard ===== */
label.error {
  color: #a73939;
  font-size: 11px;
  display: block;
  width: 100%;
  white-space: nowrap;
  float: none;
  margin: 8px 0 -8px 0; }

.selector .error {
  margin-right: -220px;
  float: right; }

.checker label.error, .radio label.error {
  display: inline; }

.step h1 {
  font-weight: bold;
  font-size: 1em;
  position: absolute;
  top: -30px;
  right: 16px; }

.navigation_button {
  width: 70px; }

.data span {
  font-size: 11px;
  text-align: center;
  border-top: 1px solid #ddd;
  padding: 12px 0;
  display: block; }

.ui-formwizard {
  position: relative; }
  .ui-formwizard fieldset {
    border-bottom: 1px solid #ddd; }
  .ui-formwizard input[disabled] {
    opacity: 0.5; }

.wizButtons .wNavButtons {
  float: right;
  margin: 14px 16px; }
.wizButtons .status span {
  float: left;
  color: #599414;
  padding: 18px 14px 18px 32px;
  background: url(../images/icons/updateDone.png) no-repeat 14px;
  font-size: 11px; }

/* === User nav dropdown === */
.leftUser {
  display: none;
  position: absolute;
  top: 16px;
  font-size: 11px;
  width: 137px;
  padding-left: 7px;
  left: 106px;
  border-radius: 2px;
  text-align: left;
  background: url(../../images/elements/other/userArrow.png) 0 11px no-repeat;
  z-index: 1000; }
  .leftUser li {
    border-bottom: 1px solid #343434;
    border-top: 1px solid #545454;
    background: url(../../images/backgrounds/sidebar.jpg); }
    .leftUser li:hover {
      background: #454545; }
    .leftUser li:first-child {
      border-top: none;
      border-top-left-radius: 2px;
      border-top-right-radius: 2px; }
    .leftUser li:last-child {
      border-bottom: none;
      border-bottom-left-radius: 2px;
      border-bottom-right-radius: 2px; }
    .leftUser li a {
      display: block;
      padding: 6px 5px 6px 34px;
      color: #c2c2c2; }
    .leftUser li span {
      display: block;
      float: left;
      padding: 6px 0 6px 10px;
      font-size: 13px;
      color: #dcdcdc; }

/* === User === */
.user {
  width: 100%;
  text-align: center;
  position: relative;
  padding-top: 16px;
  border-top: 1px solid #545454; }
  .user a {
    position: relative;
    display: inline-block;
    /*width: 80px margin: 0 auto */ }
    .user a > img {
      box-shadow: 0 1px 3px #1e1e1e; }
  .user .user a > span {
    background: url(../../images/backgrounds/sidebar.jpg);
    padding: 0 2px 2px 2px;
    position: absolute;
    right: -2px;
    top: 0;
    display: block;
    text-align: center;
    border-bottom-left-radius: 2px; }
  .user .user a > span > strong {
    font-size: 11px;
    font-weight: bold;
    display: block;
    padding: 0 5px;
    color: white;
    line-height: 17px;
    height: 16px;
    white-space: nowrap;
    border-radius: 2px;
    background: #da8854;
    background: linear-gradient(to bottom, #da8854 0%, #c35a32 100%); }
  .user .user > span {
    display: block;
    color: #c2c2c2;
    margin-top: 10px; }

.ramkakolor {
  width: 20px;
  height: 20px;
  border-style: solid;
  border-width: 1px;
  display: inline-block; }

/*===== Guzik To Top ===== */
.go-to-top {
  position: fixed;
  bottom: 60px;
  right: 0;
  width: 37px;
  height: 37px;
  background: transparent;
  cursor: pointer;
  opacity: 1;
  transition: opacity 0.3s linear;
  z-index: 1000; }
  .go-to-top:focus {
    outline: 0; }
  .go-to-top.hidden {
    opacity: 0; }
  .go-to-top .go-to-top:after {
    content: ""; }
  .go-to-top .go-to-top:after,
  .go-to-top .go-to-top.showitem > span {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 14px;
    height: 9px;
    margin-left: -7px;
    margin-top: -5px;
    background: transparent url(../../images/sprite-listing.png) no-repeat 0 -109px; }
  .go-to-top .go-to-top:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 37px;
    height: 37px;
    background: #000;
    border-radius: 18px;
    opacity: 0.5; }
  .go-to-top .go-to-top:hover:before,
  .go-to-top .go-to-top.showitem:hover {
    opacity: 0.7;
    transition: opacity 0.3s linear; }
  .go-to-top .go-to-top.showitem {
    background-color: #000;
    border-radius: 3px 0 0 3px;
    opacity: 0.5; }
  .go-to-top .go-to-top.showitem:after,
  .go-to-top .go-to-top.showitem:before {
    display: none; }
  .go-to-top .ie8 .go-to-top:before {
    background: #7f7f7f; }
  .go-to-top .ie8 .go-to-top:hover:before {
    background: #4c4c4c; }

.form-control.datepicker {
  /*width: 88px !important */
  width: 93px !important; }

/* === Dividers === */
.divider {
  height: 0;
  border-top: 1px solid #cdcdcd;
  border-bottom: 1px solid #fff;
  position: relative;
  margin: 25px 0 0 0; }
  .divider > span {
    position: absolute;
    left: 50%;
    margin-left: -21px;
    background: #eee url(../images/div.png) no-repeat 50%;
    width: 36px;
    padding: 0 3px;
    height: 9px;
    display: block;
    top: -4px; }

.widget .divider {
  height: 0;
  border-top: 1px solid #dfdfdf;
  border-bottom: 1px solid #fff;
  position: relative;
  margin: 20px 0;
  min-height: 0; }
  .widget .divider > span {
    position: absolute;
    left: 50%;
    margin-left: -21px;
    background: #eee url(../images/widgetDiv.png) no-repeat 50%;
    width: 36px;
    padding: 0 3px;
    height: 9px;
    display: block;
    top: -4px; }

.dialog .divider {
  height: 0;
  border-top: 1px solid #cdcdcd;
  border-bottom: 1px solid #fff;
  position: relative;
  margin: 20px 0; }
  .dialog .divider > span {
    position: absolute;
    left: 50%;
    margin-left: -21px;
    background: #f5f5f5 url(../images/div.png) no-repeat 50%;
    width: 36px;
    padding: 0 3px;
    height: 9px;
    display: block;
    top: -4px; }

/* === Color marks === */
[class*="dataNum"] {
  border-radius: 2px;
  color: #fff !important;
  font-size: 11px;
  font-weight: bold;
  display: block;
  padding: 3px 6px 2px 6px;
  height: 15px;
  line-height: 15px; }

#content [class*="dataNum"] {
  position: relative;
  text-shadow: none;
  display: inline-block;
  float: right;
  margin: 9px 9px 0 0;
  height: 20px; }

.dataNumBlue {
  background: #6f93a6;
  box-shadow: 0 1px 0 #f7f7f7, inset 0 1px 1px #607f90; }

.dataNumGrey {
  background: #767676;
  box-shadow: 0 1px 0 #f7f7f7, inset 0 1px 1px #666; }

.dataNumGreen {
  background: #7aa745;
  box-shadow: 0 1px 0 #f7f7f7, inset 0 1px 1px #6a913b; }

.dataNumRed {
  background: #b35d5d;
  box-shadow: 0 1px 0 #f7f7f7, inset 0 1px 1px #9b5151; }

.dataNumOrange {
  background: #f5c31e;
  box-shadow: 0 1px 0 #f7f7f7, inset 0 1px 1px orange; }

/* # Special classes for resizable grid. Class "under" adds dynamically
 *================================================== */
.under .fluid [class*="grid"] {
  width: 100%;
  margin-left: 0; }
.under .widget [class*="grid"] {
  display: block;
  width: 100%;
  position: relative;
  box-sizing: border-box;
  float: left;
  margin-left: 2.127659574%;
  *margin-left: 2.0744680846%; }
.under .rtl-inputs [class*="grid"] {
  float: right; }
.under .widget [class*="grid"]:first-child {
  margin-left: 0; }
.under .widget .grid12 {
  width: 99.99999999%;
  *width: 99.9468085006%; }
.under .widget .grid11 {
  width: 91.489361693%;
  *width: 91.4361702036%; }
.under .widget .grid10 {
  width: 82.978723396%;
  *width: 82.9255319066%; }
.under .widget .grid9 {
  width: 74.468085099%;
  *width: 74.4148936096%; }
.under .widget .grid8 {
  width: 65.957446802%;
  *width: 65.9042553126%; }
.under .widget .grid7 {
  width: 57.446808505%;
  *width: 57.3936170156%; }
.under .widget .grid6 {
  width: 48.936170208%;
  *width: 48.8829787186%; }
.under .widget .grid5 {
  width: 40.425531911%;
  *width: 40.3723404216%; }
.under .widget .grid4 {
  width: 31.914893614%;
  *width: 31.8617021246%; }
.under .widget .grid3 {
  width: 23.404255317%;
  *width: 23.3510638276%; }
.under .widget .grid2 {
  width: 14.89361702%;
  *width: 14.8404255306%; }
.under .widget .grid1 {
  width: 6.382978723%;
  *width: 6.3297872336%; }
.under .breadLinks > ul > li > a span {
  display: none;
  visibility: hidden;
  transition: all 1s ease-in-out; }
.under .breadLinks ul li a strong {
  display: none;
  visibility: hidden;
  transition: all 1s ease-in-out; }
.under .breadLinks ul li a i {
  float: none;
  margin: 0;
  padding: 4px; }

/* === collapsible tabs === */
.collapsible_tabs.normal .nohid {
  display: block;
  line-height: 38px; }
.collapsible_tabs.normal .hid {
  display: none; }
.collapsible_tabs.inactive .nohid {
  display: none; }
.collapsible_tabs:before {
  content: " ";
  width: 10px;
  padding-left: 13px;
  padding-right: 13px;
  float: left;
  height: 37px;
  line-height: 37px; }
.collapsible_tabs.normal:before {
  background: url(../images/rightArrow.png) 8px center no-repeat; }
.collapsible_tabs.inactive:before {
  background: url(../images/downArrow.png) 8px center no-repeat; }

#mm-blocker {
  z-index: 999999; }

.mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after {
  margin-left: 100px; }

.mm-listview .mm-vertical .mm-panel {
  padding-left: 0; }

.mm-menu {
  background: url(/images/backgrounds/sidebar.jpg);
  background-color: #444; }
  .mm-menu.mm-hassearch > .mm-panel {
    padding-top: 70px; }

.mm-panel {
  overflow: hidden !important;
  color: #bbb; }

.mm-panels > .mm-panel > .mm-listview:first-child {
  margin-top: 40px; }

.mm-vertical .mm-listview .mm-panel {
  padding-left: 0; }
.mm-vertical.mm-opened {
  background-color: rgba(0, 0, 0, 0.1); }
  .mm-vertical.mm-opened li.mm-selected {
    padding-right: 0;
    background-color: rgba(0, 0, 0, 0.2); }
  .mm-vertical.mm-opened li:hover {
    background-color: rgba(0, 0, 0, 0.1); }
    .mm-vertical.mm-opened li:hover span i {
      font-size: 1.4em;
      color: #fff; }

/* Podmiana tla */
#pattern-list {
  height: auto;
  padding-left: 6px;
  padding-top: 6px;
  padding-bottom: 6px; }
  #pattern-list .backgrounds {
    padding-left: 0; }
  #pattern-list ul, #pattern-list li {
    margin: 0;
    list-style: none; }
  #pattern-list ul {
    float: left; }
    #pattern-list ul li {
      display: inline-block;
      margin: 14px 6px 0 6px;
      position: relative;
      width: 110px;
      height: 110px;
      background: white;
      padding: 4px;
      box-shadow: 0 0 2px #ddd;
      border: 1px solid #ccc;
      border-radius: 2px;
      cursor: pointer; }

/* Preliminarz */
.past {
  color: #aeaeae !important; }

.inv_callendar {
  list-style: none outside none;
  margin: 0;
  padding: 0;
  float: left; }

.cal_box {
  float: left;
  margin-right: 5px;
  margin-bottom: 5px;
  border: 1px solid #ccc;
  border-radius: 4px; }
  .cal_box.changed {
    background: #dcebf0; }
  .cal_box.status0 {
    opacity: 0.5; }
    .cal_box.status0 input {
      font-weight: normal; }
  .cal_box.status2 {
    background: #ff6262;
    opacity: 0.5;
    color: #000; }
    .cal_box.status2 .cal_box_left {
      background-color: #dd2525; }
    .cal_box.status2 input {
      box-shadow: none;
      font-weight: normal; }
  .cal_box .cal_box_left, .cal_box .cal_box_right {
    float: left;
    margin-right: 3px; }
    .cal_box .cal_box_left p, .cal_box .cal_box_right p {
      padding: 0; }
  .cal_box .cal_box_left {
    margin-right: 3px;
    text-align: center;
    width: 73px;
    padding: 5px;
    background: #cecece; }
    .cal_box .cal_box_left .day_mon {
      font-size: 19px;
      line-height: 20px;
      margin: 2px 0 0 0; }
    .cal_box .cal_box_left .year {
      font-size: 22px;
      line-height: 22px;
      margin-right: auto;
      margin-left: auto; }
  .cal_box .cal_box_right .cal_okr {
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    margin: 4px 0 0 0; }
  .cal_box .cal_box_right .cal_imp {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    text-align: center;
    height: auto;
    padding: 0;
    font-weight: bold;
    font-size: 1.2em;
    line-height: 1.4em; }

/* Error and offline pages */
.errorWrapper {
  position: absolute;
  top: 50%;
  bottom: 0;
  margin-top: -190px;
  text-align: center;
  left: 0;
  right: 0; }
  .errorWrapper .errorContent {
    width: 380px;
    margin: 35px auto auto; }
    .errorWrapper .errorContent .errorContent .buttonM {
      margin-top: 25px; }
  .errorWrapper .errorTitle {
    display: block;
    text-align: center;
    font-size: 20px;
    border-bottom: 1px solid #cdcdcd;
    padding: 20px 14px;
    font-weight: bold;
    color: #d76a6a;
    font-style: italic; }
  .errorWrapper .errorNum {
    color: #fff;
    font-size: 200px;
    padding: 40px 0;
    display: block; }
    .errorWrapper .errorNum span {
      display: block;
      font-size: 90px; }
  .errorWrapper .errorDesc {
    display: block;
    margin: 20px 0 20px 0;
    font-weight: bold;
    font-size: 24px; }

/* Strona logowania */
.loginWrapper {
  width: 240px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -124px 0 0 -120px;
  text-align: center;
  perspective: 800px; }
  .loginWrapper .input-group {
    margin-bottom: 10px; }
    .loginWrapper .input-group .input-group-addon i {
      color: #444;
      font-size: 1.25em;
      width: 1.25em; }
  .loginWrapper .loginCheckbox {
    text-align: left;
    margin-bottom: 10px; }
  .loginWrapper.flipped #recover {
    opacity: 1;
    transform: rotateY(0deg); }
  .loginWrapper form {
    display: block;
    width: 236px;
    height: 100%;
    margin: 0 auto;
    position: absolute;
    top: 0;
    left: 0;
    /* Enabling 3d space for the transforms */
    transform-style: preserve-3d;
    /* When the forms are flipped, they will be hidden */
    backface-visibility: hidden;
    /* Enabling a smooth animated transition */
    transition: 0.8s;
    /* Configure a keyframe animation for Firefox */
    animation: pulse 2s infinite; }
  .loginWrapper a {
    display: inline-block; }

.memory {
  height: 23px; }
  .memory label {
    font-size: 0.9em;
    font-weight: normal; }

/* === Login hover buttons === */
.logleft, .logright, .logback {
  /*background: url(../../../images/loginControl.png) no-repeat */
  height: 37px;
  width: 37px;
  position: absolute;
  top: 36px;
  display: block;
  opacity: 0;
  background-color: #f5f5f5;
  border-radius: 50%;
  border: 3px solid #dfdfdf; }
  .logleft i, .logright i, .logback i {
    font-size: 1.4em;
    line-height: 1.4em;
    padding-top: 0.25em;
    color: #444444; }

.logleft {
  left: 0;
  background-position: 0 0; }
  .logleft:hover {
    background-position: 0 -39px; }

.logright {
  right: 0;
  background-position: -38px 0; }
  .logright:hover {
    background-position: -38px -39px; }

.logback {
  left: 0;
  background-position: -76px 0; }
  .logback:hover {
    background-position: -76px -39px; }

#login {
  z-index: 100; }

#recover {
  z-index: 1;
  opacity: 0;
  transform: rotateY(180deg); }

.flipped #login {
  z-index: -1;
  opacity: 0;
  transform: rotateY(-180deg); }

.loginPic {
  text-align: center;
  display: block;
  position: relative;
  overflow: hidden;
  margin-bottom: 10px; }
  .loginPic span {
    display: block;
    color: #5f5f5f;
    font-size: 21px;
    margin-top: 10px;
    font-weight: bold; }

img.user_avatar {
  border: 2px solid #f0f0f0;
  box-shadow: 0 0 1px #000;
  margin: 2px;
  border-radius: 3px; }

/* Popup ponownego logowania */
#blokada_popup .modal-body {
  padding: 40px;
  background-color: #ececec; }
  #blokada_popup .modal-body .input-group {
    padding-bottom: 10px; }
    #blokada_popup .modal-body .input-group .input-group-addon i {
      font-size: 1.25em;
      width: 1.25em; }

.timetable2 {
  background: #fff; }
  .timetable2 .interval_head {
    color: #383838;
    font-size: 1.8rem;
    font-weight: bold;
    vertical-align: bottom;
    border-bottom: 2px solid #ddd; }
    .timetable2 .interval_head h1 {
      font-weight: bold;
      font-size: 1em;
      margin: 0.417em 0 0 0;
      float: left; }
      .timetable2 .interval_head h1 span {
        font-weight: lighter; }
    .timetable2 .interval_head button {
      float: left;
      margin-left: 1.667em; }
    .timetable2 .interval_head.dzien_wolny_od_pracy {
      color: red !important; }
      .timetable2 .interval_head.dzien_wolny_od_pracy.dzien_bez_zlecen {
        color: #cf9ca5 !important; }
    .timetable2 .interval_head.dzien_bez_zlecen {
      background-color: #ebebeb;
      color: gray !important;
      cursor: default; }
    .timetable2 .interval_head.dzien_ze_zleceniami {
      background-color: #f7f7f7; }

.interval_item {
  vertical-align: middle;
  padding-left: 5px;
  width: 100%;
  min-height: 55px;
  border-left: 12px solid; }
  .interval_item .item_top {
    font-weight: bold;
    font-size: 105%; }
  .interval_item .item_moved {
    display: block;
    float: left;
    vertical-align: inherit;
    min-height: inherit;
    min-width: 30px;
    margin-right: 15px; }
    .interval_item .item_moved span {
      clear: both;
      display: block;
      margin: 2px auto; }
  .interval_item .item_time {
    display: block;
    float: left;
    vertical-align: inherit;
    min-height: inherit;
    min-width: 140px;
    margin-right: 15px; }
    .interval_item .item_time .item_type {
      clear: both;
      display: block;
      color: #9b9b9b; }
    .interval_item .item_time:hover {
      color: #000; }
  .interval_item .item_who {
    display: block;
    float: left;
    vertical-align: inherit;
    min-height: inherit;
    margin-right: 15px;
    max-width: 220px;
    min-width: 220px; }
    .interval_item .item_who .item_adres {
      clear: both;
      display: block;
      color: #9b9b9b; }
  .interval_item .item_opis {
    display: block;
    float: left;
    min-height: inherit;
    /*background-color: #F4F4F4 */
    padding: 5px;
    margin-right: 15px;
    max-width: 60%;
    min-width: 40%; }
    .interval_item .item_opis .item_opis_more {
      display: none;
      position: absolute;
      overflow: hidden; }
    .interval_item .item_opis:hover .item_opis_less {
      color: #22a0b8; }
  .interval_item .item_opis_hi {
    display: block;
    float: left;
    min-height: inherit;
    background-color: #f4f4f4;
    padding: 5px;
    margin-right: 15px;
    max-width: 50%; }
    .interval_item .item_opis_hi .item_opis_more {
      display: none;
      position: absolute;
      overflow: hidden; }
    .interval_item .item_opis_hi:hover .item_opis_less {
      color: #22a0b8; }
  .interval_item .item_opis_lo {
    display: block;
    float: left;
    min-height: inherit;
    background-color: #f4f4f4;
    padding: 5px;
    margin-right: 15px;
    max-width: 50%; }
    .interval_item .item_opis_lo .item_opis_more {
      display: none;
      position: absolute;
      overflow: hidden; }
    .interval_item .item_opis_lo:hover .item_opis_less {
      color: #22a0b8; }

.item_id {
  clear: both;
  display: block;
  color: #9b9b9b; }

.item_opis_more {
  background-color: #e4e4e4;
  padding: 6px;
  margin-left: -6px;
  margin-top: 4px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
  border: 1px solid #b4b4b4;
  border-top: 0; }

.item_opis {
  border-left: 10px solid #8ac007; }

.item_opis_hi {
  border-left: 10px solid #a34c4c; }

.item_opis_lo {
  border-left: 10px solid gray; }

.interval_item .item_users {
  display: block;
  float: right;
  vertical-align: inherit;
  min-height: inherit;
  min-width: 140px;
  max-width: 140px;
  border-left: 1px solid #ddd;
  margin-left: 3px;
  padding-left: 6px; }

.interval_item .item_users:nth-child(4) {
  display: inline; }

.item_users ul li {
  display: inline-block;
  min-width: 25px;
  margin-left: 1px;
  padding: 3px 5px;
  font-size: 84%;
  /*font-weight: bold */
  color: #fff;
  line-height: 1;
  vertical-align: baseline;
  white-space: nowrap;
  text-align: center;
  background-color: #989898;
  border-radius: 10px;
  cursor: default; }

.item_users ul li:hover {
  background-color: #ddd;
  color: #333 !important; }

.interval_item .item_buttons {
  display: block;
  float: right !important;
  width: 40px;
  margin-right: 25px;
  right: 10px; }

.dropdown-menu {
  opacity: 0.95; }

/* A te sa Wojtka */
.terminarz-filtry {
  width: 250px;
  float: left;
  border-radius: 2px;
  margin-left: 10px;
  border: 1px solid #cdcdcd;
  font-famity: arimo, "Helvetica Neue", Helvetica, Arial, sans-serif;
  box-shadow: 0 2px 2px -2px #ccc; }

.terminarz-filtry-header {
  background: linear-gradient(to bottom, #f8f8f8 0%, #ececec 100%);
  padding: 8px 0 7px 0;
  border: 0;
  border-bottom: 1px solid #cdcdcd;
  font-weight: bold;
  font-size: 11px;
  text-align: center;
  height: 35px; }

.terminarz-filtry-body {
  background-color: white;
  box-sizing: border-box;
  padding: 3px; }

.fa-button {
  padding: 8px 12px 9px 12px;
  font-size: 12px;
  font-weight: normal;
  line-height: 1;
  color: white;
  text-align: center;
  background-color: #a5a5a5;
  border: 1px solid #ccc;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  margin-right: -4px;
  float: left; }

.nav-filtr div {
  float: left; }

.nav-filtr {
  margin-top: 10px; }

.inicialy {
  cursor: default; }

.inicialy:not(first-child) {
  margin-left: 3px; }

.inicialy:hover span:first-child {
  display: none; }

.inicialy span:nth-child(2) {
  display: none; }

.inicialy:hover span:nth-child(2) {
  display: inline; }

.timetable_zakladka_rok {
  font-size: 8pt;
  color: white;
  margin-bottom: 0;
  background-color: #028098;
  padding-top: 4px;
  padding-bottom: 4px;
  font-weight: bold; }

.timetable_zakladka_rok:not(firs-child) {
  margin-top: 5px; }

.timetable_zakladka_miesiac {
  font-size: 7pt;
  color: white;
  margin-bottom: 1px;
  background: #22a0b8;
  /* Standard syntax */
  padding-top: 2px;
  padding-bottom: 2px;
  margin-top: 1px;
  font-weight: bold; }

.timetable_dzis_mamy {
  background-color: #f7f7f7;
  padding-right: 7px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  margin-left: 72px;
  width: 180px;
  border: 1px solid #e0e0e0;
  text-align: right;
  border-bottom-width: 0; }

.timetable_dzis_mamy_header {
  background-color: #f0f0f0;
  color: gray;
  font-size: 7pt;
  line-height: 9pt;
  margin-bottom: -3px;
  text-align: center;
  margin-right: -7px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  display: none; }

.timetable_dzis_mamy_body {
  font-size: 160%;
  font-weight: bold; }

#zakladka_z_godzinami {
  width: 30px;
  background-color: #fff;
  color: black;
  text-align: center;
  border: 1px solid #ccc;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-left: 0;
  font-size: 9px;
  min-height: 78px; }

#gorny_pasek {
  z-index: 100; }

.timetable2_main_table {
  margin-left: 0;
  border: 0 solid black !important;
  margin-right: 0; }

.timetable_dodaj_nowe {
  position: absolute;
  float: left;
  margin-left: 255px;
  margin-top: 2px; }

#zakladka_z_godzinami .nav > li.active > a {
  /* border-right:3px solid black */
  width: 32px;
  background: #e8e8e8;
  /* Standard syntax */
  color: white;
  margin-left: -2px;
  border: 1px solid #ccc;
  border-right: 0;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  font-size: larger; }

#zakladka_z_godzinami .nav .nav > li.active > a {
  border-right: 2px solid #14606f;
  background: linear-gradient(#ddd, #f0f0f0); }

/* Standard syntax */
#zakladka_z_godzinami .nav .nav .nav > li.active > a {
  border-right: 2px solid #22a0b8;
  background: linear-gradient(#ddd, #f0f0f0); }

/* Standard syntax */
#zakladka_z_godzinami .nav > li a {
  padding: 0; }

#zakladka_z_godzinami .nav .nav {
  display: none; }

#zakladka_z_godzinami .nav > .active > ul {
  display: block; }

.modal-form .row {
  margin-bottom: 5px; }

@media all and (max-width: 565px) {
  #zakladka_z_godzinami {
    display: none !important; }

  .tinetable2 .wrapper {
    margin: 0 3px 0 30px; } }
.modal-form .row {
  margin-bottom: 5px; }

.fa-big {
  float: left;
  margin-right: 10px; }

.pomarancza {
  padding: 0 !important;
  background-color: white !important;
  border-radius: 10px !important; }

.pomarancza .ui-dialog-titlebar {
  background: #ff9800 !important;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom: 1px solid #333; }

.pomarancza .ui-dialog-content {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  overflow: hidden; }

.pomarancza div {
  overflow: hidden; }

iframe[name="pIframe"] {
  border: 0; }

.timetable2 table tbody tr td {
  padding: 8px;
  line-height: 1.428571429;
  vertical-align: top;
  border-top: 1px solid #ddd; }

.timetable2 .checkbox label::after {
  top: -2px !important; }

.item_opis li {
  padding-bottom: 20px; }

.message-data {
  margin-bottom: 7px;
  font-size: 10px; }

.message-data-time {
  color: gray;
  padding-left: 6px; }

.message {
  color: white;
  padding: 8px 12px;
  border-radius: 7px;
  margin-bottom: 7px;
  width: 90%;
  position: relative; }
  .message:after {
    bottom: 100%;
    left: 7%;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border: 10px solid transparent;
    border-bottom-color: green;
    margin-left: -10px; }

.my-message {
  background: #86bb71; }

.other-message {
  background: #94c2ed; }
  .other-message:after {
    border-bottom-color: #94c2ed;
    left: 93%; }

.align-right {
  text-align: right; }

.message-my-trojkat {
  position: absolute;
  width: 19px;
  height: 9px;
  background-color: #86bb71;
  padding: 0;
  margin-top: -9px;
  margin-left: 20px; }

.message-my-trojkat > div:nth-child(1) {
  position: absolute;
  background-color: #f4f4f4;
  border-bottom-right-radius: 10px;
  width: 10px;
  height: 10px; }

.message-my-trojkat > div:nth-child(2) {
  position: absolute;
  background-color: #f4f4f4;
  border-bottom-left-radius: 10px;
  width: 10px;
  height: 10px;
  margin-left: 9px; }

.message-other-trojkat {
  width: 19px;
  height: 9px;
  background-color: #94c2ed;
  padding: 0;
  margin-top: -9px;
  margin-right: 20px;
  float: right; }

.message-other-trojkat > div:nth-child(1) {
  position: absolute;
  background-color: #f4f4f4;
  border-bottom-right-radius: 10px;
  width: 10px;
  height: 10px; }

.message-other-trojkat > div:nth-child(2) {
  position: absolute;
  background-color: #f4f4f4;
  border-bottom-left-radius: 10px;
  width: 10px;
  height: 10px;
  margin-left: 9px; }

.pionowo {
  transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  white-space: nowrap;
  position: relative;
  float: left;
  margin-top: 40px;
  left: -18px;
  color: white;
  font-size: smaller;
  width: 10px;
  height: 10px;
  text-align: center; }

@media all and (max-width: 800px) {
  .item_users {
    display: none !important; }

  .item_time {
    background-color: red;
    float: none !important;
    max-width: 100% !important; }

  .item_moved {
    background-color: lime;
    float: none !important;
    max-width: 100% !important; }

  .item_who {
    background-color: aqua;
    float: none !important;
    max-width: 100% !important; }

  .item_opis {
    background-color: orange;
    float: none !important;
    max-width: 100% !important; }

  .item_buttons {
    background-color: khaki;
    float: none !important;
    max-width: 100% !important; } }
#gorny_pasek > div {
  padding-left: 5px;
  padding-right: 5px; }

/*===== To Do Lista ===== */
.toDo .toDo-list > li {
  background: #4a91c0;
  padding: 10px 30px 10px 10px;
  color: #fff;
  margin-bottom: 5px;
  border-radius: 3px;
  position: relative; }
  .toDo .toDo-list > li:first-child {
    padding: 8px 12px; }
  .toDo .toDo-list > li:last-child {
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
    border-bottom: none; }
  .toDo .toDo-list > li.toDo-closed {
    background: #718796; }
.toDo .toDo-list i {
  color: white;
  font-size: 16px; }
.toDo .toDo-list input {
  background: none;
  border: none;
  color: #fff;
  font-size: 12px;
  padding: 4px 0;
  border-bottom: 1px dotted #fff;
  width: 100%;
  margin-right: 25px; }
.toDo .toDo-note {
  width: 92%; }
.toDo .toDo-close, .toDo .toDo-open {
  display: inline-block;
  position: absolute;
  right: 5px;
  top: 5px; }
.toDo .toDo-edit {
  display: inline-block;
  position: absolute;
  right: 26px;
  top: 5px; }
.toDo .toDo-input, .toDo .toDo-input:focus {
  display: block;
  width: 100%;
  height: 34px;
  font-size: 14px !important;
  line-height: 1.428571429;
  vertical-align: middle;
  background: none;
  border: none;
  border-bottom: #4a91c0 1px solid;
  border-radius: 0;
  padding: 6px;
  margin-top: 10px;
  box-shadow: none; }
  .toDo .toDo-input:focus, .toDo .toDo-input:focus:focus {
    border-bottom: #4a91c0 2px solid; }
.toDo .toDo-day {
  font-family: "Open Sans", sans-serif;
  font-size: 30px;
  font-weight: 300;
  text-transform: uppercase;
  padding-bottom: 20px; }
  .toDo .toDo-day:first-child {
    padding-bottom: 0; }
  .toDo .toDo-day span {
    font-size: 14px;
    display: block;
    padding-bottom: 10px; }
.toDo .toDo-calendar {
  margin-bottom: 15px; }
  .toDo .toDo-calendar > .ui-state-active {
    background: #4a91c0 !important; }

/* Gallery page */
.gallery {
  margin: auto;
  padding: 4px 1.5% 14px 1.5%;
  text-align: center; }
  .gallery ul li {
    display: inline-block;
    margin: 14px 6px 0 6px;
    position: relative;
    background: white;
    padding: 4px;
    box-shadow: 0 0 2px #ddd;
    border: 1px solid #ccc;
    border-radius: 2px; }
    .gallery ul li:hover {
      border-color: #ddd; }
    .gallery ul li a {
      display: block; }
  .gallery .actions {
    position: absolute;
    top: 4px;
    right: 4px;
    width: 110px;
    height: 110px;
    display: none;
    background: url(../../../images/elements/other/overlay.png); }
    .gallery .actions a {
      font-size: 11px;
      margin: 42px 6px;
      display: inline-block; }
      .gallery .actions a:first-child {
        padding-right: 0; }

/* Terminarz Stary */
#eventCalendar td.fc-sat {
  background-color: #f1f1f1 !important; }
#eventCalendar td.fc-sun, #eventCalendar td.fc-holiday {
  background-color: #f8d6d6 !important; }
#eventCalendar td.fc-sat.fc-today {
  background-color: #cecece !important; }
#eventCalendar td.fc-sun.fc-today {
  background-color: #f8abab !important; }
#eventCalendar .eventIcons {
  position: absolute; }
  #eventCalendar .eventIcons.month {
    bottom: 0;
    right: 5px; }
  #eventCalendar .eventIcons.day {
    top: 0;
    right: 0;
    height: 21px;
    padding: 0;
    z-index: 999; }
  #eventCalendar .eventIcons a, #eventCalendar .eventIcons span {
    color: #fff;
    padding: 2px; }
  #eventCalendar .eventIcons .movecount {
    color: #f00; }
#eventCalendar .fc-widget-header.fc-agenda-axis {
  width: 50px !important;
  text-align: center;
  line-height: 16px; }

/* about - lista pracownikow */
ul.aboutlist {
  width: 993px;
  list-style: none;
  margin: 0 auto;
  padding: 0; }
  ul.aboutlist img {
    border: none; }
  ul.aboutlist li {
    width: 304px;
    float: left;
    display: inline;
    margin: 10px;
    padding: 0;
    position: relative; }
    ul.aboutlist li:hover {
      z-index: 99; }
      ul.aboutlist li:hover img {
        z-index: 999;
        opacity: 1; }
      ul.aboutlist li:hover .info {
        display: block; }
    ul.aboutlist li img {
      position: relative;
      opacity: 0.3; }
    ul.aboutlist li .info {
      position: absolute;
      left: -10px;
      top: -10px;
      width: 304px;
      display: none;
      font-size: 14px;
      border-radius: 3px;
      padding: 166px 10px 20px;
      background-color: #fff; }
      ul.aboutlist li .info ul {
        margin: 3px; }
        ul.aboutlist li .info ul li {
          margin: 3px; }
    ul.aboutlist li h2 {
      font-size: 14px;
      font-weight: 700;
      text-transform: uppercase;
      margin: 0;
      padding: 10px 0; }
    ul.aboutlist li p {
      padding: 0;
      margin: 0;
      font-size: 0.9em; }

/*===== Taryfy ===== */
#Taryfy tbody td span.tarfInfo {
  font-size: 0.95em;
  line-height: 0.95em;
  font-weight: normal;
  color: red;
  background-color: #fff;
  padding: 0.3em;
  border: 1px solid #e8c6c6;
  border-radius: 0.25em;
  margin: 0.25em 1em 0 1em;
  cursor: help; }

/*===== Uniwersalne dla wszystkich typow taryf ===== */
#TaryfyInternet table tbody tr.empty, #TaryfyTV table tbody tr.empty, #TaryfyTelefon table tbody tr.empty, #TaryfyInne table tbody tr.empty, #TaryfyInternetTV table tbody tr.empty, #TaryfyInternetTVTelefon table tbody tr.empty, #TaryfyInternetTelefon table tbody tr.empty {
  background-color: rgba(232, 193, 25, 0.08); }
  #TaryfyInternet table tbody tr.empty strong, #TaryfyTV table tbody tr.empty strong, #TaryfyTelefon table tbody tr.empty strong, #TaryfyInne table tbody tr.empty strong, #TaryfyInternetTV table tbody tr.empty strong, #TaryfyInternetTVTelefon table tbody tr.empty strong, #TaryfyInternetTelefon table tbody tr.empty strong {
    color: #000; }
#TaryfyInternet table tbody td strong, #TaryfyTV table tbody td strong, #TaryfyTelefon table tbody td strong, #TaryfyInne table tbody td strong, #TaryfyInternetTV table tbody td strong, #TaryfyInternetTVTelefon table tbody td strong, #TaryfyInternetTelefon table tbody td strong {
  color: #4d7f12; }
#TaryfyInternet table tbody td > span, #TaryfyTV table tbody td > span, #TaryfyTelefon table tbody td > span, #TaryfyInne table tbody td > span, #TaryfyInternetTV table tbody td > span, #TaryfyInternetTVTelefon table tbody td > span, #TaryfyInternetTelefon table tbody td > span {
  display: block; }
#TaryfyInternet table tbody td.status i, #TaryfyTV table tbody td.status i, #TaryfyTelefon table tbody td.status i, #TaryfyInne table tbody td.status i, #TaryfyInternetTV table tbody td.status i, #TaryfyInternetTVTelefon table tbody td.status i, #TaryfyInternetTelefon table tbody td.status i {
  font-size: 22px;
  margin: 3px; }
#TaryfyInternet table tbody td.taryfaDo span, #TaryfyInternet table tbody td.taryfaOd span, #TaryfyTV table tbody td.taryfaDo span, #TaryfyTV table tbody td.taryfaOd span, #TaryfyTelefon table tbody td.taryfaDo span, #TaryfyTelefon table tbody td.taryfaOd span, #TaryfyInne table tbody td.taryfaDo span, #TaryfyInne table tbody td.taryfaOd span, #TaryfyInternetTV table tbody td.taryfaDo span, #TaryfyInternetTV table tbody td.taryfaOd span, #TaryfyInternetTVTelefon table tbody td.taryfaDo span, #TaryfyInternetTVTelefon table tbody td.taryfaOd span, #TaryfyInternetTelefon table tbody td.taryfaDo span, #TaryfyInternetTelefon table tbody td.taryfaOd span {
  color: #909090;
  font-size: 11px;
  line-height: 11px; }
#TaryfyInternet table tbody td.cena strong, #TaryfyTV table tbody td.cena strong, #TaryfyTelefon table tbody td.cena strong, #TaryfyInne table tbody td.cena strong, #TaryfyInternetTV table tbody td.cena strong, #TaryfyInternetTVTelefon table tbody td.cena strong, #TaryfyInternetTelefon table tbody td.cena strong {
  font-size: 13px; }
#TaryfyInternet table tbody td .taryfa_to_login, #TaryfyTV table tbody td .taryfa_to_login, #TaryfyTelefon table tbody td .taryfa_to_login, #TaryfyInne table tbody td .taryfa_to_login, #TaryfyInternetTV table tbody td .taryfa_to_login, #TaryfyInternetTVTelefon table tbody td .taryfa_to_login, #TaryfyInternetTelefon table tbody td .taryfa_to_login {
  color: #909090;
  font-size: 11px; }

/*===== Internet ===== */
#TaryfyInternet table tbody td.taryfaPre .fa {
  font-size: 13px; }

/*===== TV ===== */
#TaryfyTV table tbody td span strong {
  display: block;
  font-size: 0.95em;
  line-height: 1em;
  font-weight: lighter;
  background-color: #fff;
  padding: 0.3em;
  border: 1px solid #9d9d9d;
  border-radius: 0.25em;
  margin: 0.25em 0.125em 0 0.125em; }

/*===== Karta klienta - Loginy Lista ===== */
#LoginyLista .node_info_technology {
  display: block;
  font-size: 9px;
  width: 70%;
  margin: 0 auto; }
#LoginyLista .outputCode {
  margin-top: 5px; }
#LoginyLista tbody tr td {
  padding: 5px; }
#LoginyLista .ikony {
  margin-top: 4px;
  border-top: 1px solid #dfdfdf;
  padding-top: 6px; }
  #LoginyLista .ikony i {
    font-size: 15px;
    margin-left: 5px; }
    #LoginyLista .ikony i:first-child {
      margin-left: 0; }

/*===== Karta klienta - Historia transakcji ===== */
#historiaTransakcji tr.even.zaksiegowana {
  background-color: #cedbff; }
#historiaTransakcji tr.odd.zaksiegowana {
  background-color: #dbe4ff; }

/*===== Karta klienta - Atrybuty ===== */
.atrybut_z_opisem {
  line-height: 12px; }
  .atrybut_z_opisem i {
    color: gray; }
    .atrybut_z_opisem i u {
      display: none;
      text-decoration: none; }
    .atrybut_z_opisem i b {
      display: inline;
      font-weight: normal; }
  .atrybut_z_opisem:hover {
    cursor: default; }
    .atrybut_z_opisem:hover i u {
      display: inline;
      text-decoration: none; }
    .atrybut_z_opisem:hover i b {
      display: none; }

/* Karta klienta - Wlasciwosci komputera wykresy */
#GraphWifi, #Graph {
  padding: 10px; }
  #GraphWifi td, #Graph td {
    vertical-align: top; }
  #GraphWifi > table, #Graph > table {
    margin: 0 auto; }

#Graph {
  padding: 10px;
  color: #000;
  overflow: hidden; }
  #Graph .box {
    float: left;
    margin: 20px; }
    #Graph .box h3 {
      font-size: 16px; }
    #Graph .box p {
      font-size: 14px; }

/*===== Karta klienta - Adnotacje i uwagi ===== */
#klient-uwagi .optionRow .fa.aktywny {
  color: black !important; }

/*===== Karta klienta - Dane Klienta i Dane Adresowe ===== */
.customer-dane td.cecha {
  font-size: 1.1em;
  font-weight: 700; }

#tab_address a.mapka {
  font-weight: normal;
  font-size: 0.8rem; }

/*===== Karta klienta - Sprzet Kliencki ===== */
#sprzetLista .nazwa span {
  display: block;
  margin-top: 5px;
  color: #ff9800;
  font-weight: bold; }

/* Karta klienta - W┼éa┼Ťciwo┼Ťci taryfy */
.formBox .formRow {
  padding: 5px; }

/* Karta klienta - Wizzard nowej taryfy */
#wyborSubTaryfy td {
  padding: 5px; }
#wyborSubTaryfy input[type=text] {
  width: 100px; }

/* Karta Klienta - zgłoszenia w terminarzu */
#term_zgloszenia .term_data {
  text-align: center;
  color: #848484;
  margin: 3px 0 0 0;
  font-weight: bold;
  font-size: 1.2em; }
#term_zgloszenia .term_oko {
  font-size: 2rem;
  margin: 0 15px;
  padding-top: 15px; }
#term_zgloszenia .term_opis span {
  display: block;
  padding: 6px;
  background-color: white;
  border-radius: 3px;
  border-color: #d0d0d0;
  border-width: 1px;
  border-style: solid; }

/* Rejestr Kasowy  */
#RejestryLista .date_range input.from {
  margin: 0 5px;
  text-align: center; }
#RejestryLista .date_range input.to {
  margin: 0 5px;
  text-align: center; }
#RejestryLista .date_range span {
  font-weight: bold; }
#RejestryLista .date_range a.prev, #RejestryLista .date_range a.next {
  font-size: 18px;
  vertical-align: middle;
  margin: 0 5px; }
#RejestryLista .print_register {
  float: right; }
  #RejestryLista .print_register .register_csv {
    margin-left: 10px; }

/*===== Statystyki ===== */
.stats-details {
  margin-bottom: 14px;
  padding-bottom: 14px;
  border-bottom: medium double #d5d5d5; }
  .stats-details:after {
    content: "";
    display: block;
    clear: both; }
  .stats-details > li {
    width: 45%;
    margin-left: 10%;
    float: left; }
    .stats-details > li:first-child {
      margin-left: 0; }
    .stats-details > li > span {
      font-size: 11px;
      color: #2288b3;
      display: block;
      margin-top: -4px; }

.number {
  float: right;
  position: relative; }
  .number span {
    font-size: 24px;
    margin: 8px 0 0 0;
    color: #454545;
    float: left;
    font-weight: 600;
    font-family: "Open Sans", sans-serif;
    letter-spacing: -1px; }
  .number > a {
    width: 17px;
    height: 17px;
    background: url(../img/custom_caret.png) no-repeat 0 0;
    display: block;
    float: right;
    margin: 10px 0 0 11px;
    transition: all 0.2s ease-in-out; }
    .number > a:hover {
      background-position: 0 -17px; }
  .number .dropdown-menu.pull-right {
    margin-top: 14px;
    right: -15px; }

.stats-changes:after {
  content: "";
  display: block;
  clear: both; }
.stats-changes > li {
  width: 45%;
  margin-left: 10%;
  float: left; }
  .stats-changes > li:first-child {
    margin-left: 0; }

.stat {
  font-size: 15px !important;
  margin: 9px 0 0 10px !important; }
  .stat strong {
    margin-left: 5px;
    font-weight: normal; }

.statUp {
  color: #599414 !important; }

.statDown {
  color: #a73939 !important; }

.statNoChange {
  color: #9800b2 !important; }

/* Konfiguracja uslug dodatkowych */
#UslugiLista td.nazwa span {
  font-weight: bold; }

.terminarz {
  width: 100%;
  height: 100%;
  background-color: white; }

.term_dzien.dzien_bez_zlecen .dzien_head {
  background-color: #5481c4; }
.term_dzien.dzien_wolny_od_pracy .dzien_head .head_data span {
  color: #f44336; }

.dzien_head {
  display: flex;
  justify-content: space-between;
  padding: 1em;
  font-size: 1.3em;
  font-weight: bold;
  color: white;
  background-color: #355d9a; }

.head_guziki {
  list-style: none;
  margin: 0;
  display: flex;
  flex-flow: row wrap; }
  .head_guziki a {
    font-size: 0.9em;
    font-weight: normal;
    text-decoration: none;
    display: block;
    padding-right: 1em;
    color: white; }

.head_data span {
  font-weight: 300; }

.dzien_godzina {
  flex-grow: 1;
  border-right: solid 1px #c2c2c3;
  /*max-width: 150px */
  transition: all 300ms ease-in-out; }
  .dzien_godzina.active {
    /*max-width: 325px */
    flex-grow: 2; }
    .dzien_godzina.active .godzina_header {
      color: white;
      background-color: #355d9a; }
    .dzien_godzina.active .zlecenia {
      background-color: #f2f3f8;
      color: #6b6b6b; }

.dzien_godziny {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-items: stretch; }

/*overflow-x: auto */
.dzien_head {
  background-color: #355d9a; }

.godzina_header {
  padding: 0.6em;
  font-size: 1.2em;
  font-weight: bold;
  text-align: center;
  color: #6b6b6b;
  background-color: #eeeff4; }

.zlecenia {
  background: white;
  color: #bfbfbf; }

.zlecenie {
  margin-bottom: 0.5em; }

.zlecenie_header {
  padding: 0.5em 0.25em;
  text-align: center; }
  .zlecenie_header .header_czas {
    display: block;
    font-weight: 300; }

.header_rodzaj {
  font-weight: bold;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }

.zlecenie.active .header_czas {
  display: none; }

.zlecenie_body {
  height: 0;
  overflow: hidden;
  transition: all 600ms ease-in-out; }

.zlecenie.active .zlecenie_body {
  height: auto; }

.zlecenie_klient, .zlecenie_opis {
  padding: 0.5em; }

.zlecenie_opis {
  padding-bottom: 0;
  font-size: 0.9em;
  font-weight: 300;
  text-align: justify; }

.zlecenie_klient {
  background-color: #d2d4de; }

.klient_nazwa {
  font-weight: 700;
  color: #385075;
  letter-spacing: 0.05em; }

.klient_adres {
  font-size: 0.9em; }

.klient_tel {
  font-weight: 300; }

.dzien_godzina.active .zlecenie_header {
  background-color: #fbfbfb;
  color: #6b6b6b; }

.dzien_godzina.active .zlecenie_header .header_rodzaj {
  white-space: normal;
  overflow: auto; }

.zlecenie_czas {
  display: flex;
  justify-content: space-between;
  padding: 0.5em;
  background-color: #eaebf3; }

.czas_godzina:before {
  font-family: FontAwesome;
  content: "";
  color: #bfbfbf;
  margin-right: 0.5em; }

.czas_dzien {
  font-weight: bold; }
  .czas_dzien:before {
    font-family: FontAwesome;
    content: "";
    color: #bfbfbf;
    margin-right: 0.5em; }

.zlecenie_guziki {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: stretch; }
  .zlecenie_guziki a {
    font-size: 0.9em;
    font-weight: normal;
    text-decoration: none;
    display: block;
    padding: 0.8em;
    color: #355d9a; }
  .zlecenie_guziki li:hover {
    background-color: #f6f8ff; }
    .zlecenie_guziki li:hover a {
      color: black; }

.przerywnik {
  background: repeating-linear-gradient(-55deg, #fbfbfb, #fbfbfb 10px, #eeeff4 10px, #eeeff4 20px); }

.przerywnik_header {
  padding: 0.5em 0.25em;
  margin-bottom: 0.5em;
  color: black;
  font-weight: 300;
  letter-spacing: 0.07em;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }
  .przerywnik_header i {
    margin-left: 0.25em;
    color: #7d7d7d;
    font-size: 1.25em; }

/* Lista klientow wyszukiwarka w naglowku tabeli */
#Lista tfoot {
  display: table-header-group; }

/* ------------------------- */
a.customerOpenLink, a.customerOpenLink:hover {
  color: inherit; }

#createDateDir_chzn {
  width: 60px !important; }

#createDate {
  width: 110px;
  height: 28px; }

#assignmentDateDir_chzn {
  width: 54px !important; }

#assignmentDateType_chzn {
  width: 83px !important; }

#assignmentDateDir2_chzn {
  width: 54px !important; }

#assignmentDateType2_chzn {
  width: 83px !important; }

#assignmentDate {
  width: 30px;
  height: 28px; }

#assignmentDate2 {
  width: 30px;
  height: 28px; }

#finansePlus, #finanseMinus {
  display: none; }

#customersFilter .active {
  color: #009688 !important;
  cursor: pointer; }

#customersFilter .inactive {
  color: grey !important; }

#customerFilter .activeFilter {
  margin-top: 2px; }

#exceededPaymantDir_chzn {
  width: 60px !important; }

#exceededPaymant {
  width: 110px;
  height: 28px; }

#openInvoicesDir_chzn {
  width: 60px !important; }

#openInvoices {
  width: 110px;
  height: 28px; }

.user-box {
  margin-bottom: 30px;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
  flex-direction: column;
  position: relative;
  border-color: #d7dfe3;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
  padding: 15px; }
  .user-box .user-content h4 {
    font-weight: 700; }
    .user-box .user-content h4 span {
      font-weight: 400;
      font-size: 0.85em; }
  .user-box .user-content h5 {
    font-weight: 500; }
  .user-box .user-content .kolor-info {
    font-size: 1.5em;
    padding-right: 0.5em;
    vertical-align: sub; }

#SystemInfo {
  border-top: 1px solid #cdcdcd; }
  #SystemInfo table {
    font-size: 16px; }
    #SystemInfo table td {
      padding: 5px; }
      #SystemInfo table td img {
        margin: 0 5px;
        width: 24px; }

#klienci-stat-tab td.ilosc {
  font-weight: bold; }

/*===== Wlasne kolory guzikow w bootstrap ===== */
.btn-sea {
  color: #fff;
  background-color: #42a5f5;
  border-color: #2196f3; }
  .btn-sea:focus, .btn-sea.focus {
    color: #fff;
    background-color: #128ef2;
    border-color: #0c7cd5; }
  .btn-sea:hover {
    color: #fff;
    background-color: #128ef2;
    border-color: #0c7cd5; }
  .btn-sea:active, .btn-sea.active, .open > .btn-sea.dropdown-toggle {
    color: #fff;
    background-color: #128ef2;
    border-color: #0c7cd5; }
    .btn-sea:active:hover, .btn-sea:active:focus, .btn-sea:active.focus, .btn-sea.active:hover, .btn-sea.active:focus, .btn-sea.active.focus, .open > .btn-sea.dropdown-toggle:hover, .open > .btn-sea.dropdown-toggle:focus, .open > .btn-sea.dropdown-toggle.focus {
      color: #fff;
      background-color: #0b7bd5;
      border-color: #0c7cd5; }
  .btn-sea:active, .btn-sea.active, .open > .btn-sea.dropdown-toggle {
    background-image: none; }
  .btn-sea.disabled:hover, .btn-sea.disabled:focus, .btn-sea.disabled.focus, .btn-sea[disabled]:hover, .btn-sea[disabled]:focus, .btn-sea[disabled].focus, fieldset[disabled] .btn-sea:hover, fieldset[disabled] .btn-sea:focus, fieldset[disabled] .btn-sea.focus {
    background-color: #42a5f5;
    border-color: #2196f3; }
  .btn-sea .badge {
    color: #42a5f5;
    background-color: #fff; }

.btn-brown {
  color: #fff;
  background-color: #8d6e63;
  border-color: #795548; }
  .btn-brown:focus, .btn-brown.focus {
    color: #fff;
    background-color: #6f574e;
    border-color: #593f35; }
  .btn-brown:hover {
    color: #fff;
    background-color: #6f574e;
    border-color: #593f35; }
  .btn-brown:active, .btn-brown.active, .open > .btn-brown.dropdown-toggle {
    color: #fff;
    background-color: #6f574e;
    border-color: #593f35; }
    .btn-brown:active:hover, .btn-brown:active:focus, .btn-brown:active.focus, .btn-brown.active:hover, .btn-brown.active:focus, .btn-brown.active.focus, .open > .btn-brown.dropdown-toggle:hover, .open > .btn-brown.dropdown-toggle:focus, .open > .btn-brown.dropdown-toggle.focus {
      color: #fff;
      background-color: #5a463f;
      border-color: #593f35; }
  .btn-brown:active, .btn-brown.active, .open > .btn-brown.dropdown-toggle {
    background-image: none; }
  .btn-brown.disabled:hover, .btn-brown.disabled:focus, .btn-brown.disabled.focus, .btn-brown[disabled]:hover, .btn-brown[disabled]:focus, .btn-brown[disabled].focus, fieldset[disabled] .btn-brown:hover, fieldset[disabled] .btn-brown:focus, fieldset[disabled] .btn-brown.focus {
    background-color: #8d6e63;
    border-color: #795548; }
  .btn-brown .badge {
    color: #8d6e63;
    background-color: #fff; }

.btn-gold {
  color: #fff;
  background-color: #d5a44c;
  border-color: #c4853e; }
  .btn-gold:focus, .btn-gold.focus {
    color: #fff;
    background-color: #c18c2d;
    border-color: #9f6b30; }
  .btn-gold:hover {
    color: #fff;
    background-color: #c18c2d;
    border-color: #9f6b30; }
  .btn-gold:active, .btn-gold.active, .open > .btn-gold.dropdown-toggle {
    color: #fff;
    background-color: #c18c2d;
    border-color: #9f6b30; }
    .btn-gold:active:hover, .btn-gold:active:focus, .btn-gold:active.focus, .btn-gold.active:hover, .btn-gold.active:focus, .btn-gold.active.focus, .open > .btn-gold.dropdown-toggle:hover, .open > .btn-gold.dropdown-toggle:focus, .open > .btn-gold.dropdown-toggle.focus {
      color: #fff;
      background-color: #a47726;
      border-color: #9f6b30; }
  .btn-gold:active, .btn-gold.active, .open > .btn-gold.dropdown-toggle {
    background-image: none; }
  .btn-gold.disabled:hover, .btn-gold.disabled:focus, .btn-gold.disabled.focus, .btn-gold[disabled]:hover, .btn-gold[disabled]:focus, .btn-gold[disabled].focus, fieldset[disabled] .btn-gold:hover, fieldset[disabled] .btn-gold:focus, fieldset[disabled] .btn-gold.focus {
    background-color: #d5a44c;
    border-color: #c4853e; }
  .btn-gold .badge {
    color: #d5a44c;
    background-color: #fff; }

.btn-lightblue {
  color: #fff;
  background-color: #29b6f6;
  border-color: #03a9f4; }
  .btn-lightblue:focus, .btn-lightblue.focus {
    color: #fff;
    background-color: #0a9fe2;
    border-color: #0286c2; }
  .btn-lightblue:hover {
    color: #fff;
    background-color: #0a9fe2;
    border-color: #0286c2; }
  .btn-lightblue:active, .btn-lightblue.active, .open > .btn-lightblue.dropdown-toggle {
    color: #fff;
    background-color: #0a9fe2;
    border-color: #0286c2; }
    .btn-lightblue:active:hover, .btn-lightblue:active:focus, .btn-lightblue:active.focus, .btn-lightblue.active:hover, .btn-lightblue.active:focus, .btn-lightblue.active.focus, .open > .btn-lightblue.dropdown-toggle:hover, .open > .btn-lightblue.dropdown-toggle:focus, .open > .btn-lightblue.dropdown-toggle.focus {
      color: #fff;
      background-color: #0887c0;
      border-color: #0286c2; }
  .btn-lightblue:active, .btn-lightblue.active, .open > .btn-lightblue.dropdown-toggle {
    background-image: none; }
  .btn-lightblue.disabled:hover, .btn-lightblue.disabled:focus, .btn-lightblue.disabled.focus, .btn-lightblue[disabled]:hover, .btn-lightblue[disabled]:focus, .btn-lightblue[disabled].focus, fieldset[disabled] .btn-lightblue:hover, fieldset[disabled] .btn-lightblue:focus, fieldset[disabled] .btn-lightblue.focus {
    background-color: #29b6f6;
    border-color: #03a9f4; }
  .btn-lightblue .badge {
    color: #29b6f6;
    background-color: #fff; }

.btn-black {
  color: #fff;
  background-color: #424242;
  border-color: #212121; }
  .btn-black:focus, .btn-black.focus {
    color: #fff;
    background-color: #292929;
    border-color: #080808; }
  .btn-black:hover {
    color: #fff;
    background-color: #292929;
    border-color: #080808; }
  .btn-black:active, .btn-black.active, .open > .btn-black.dropdown-toggle {
    color: #fff;
    background-color: #292929;
    border-color: #080808; }
    .btn-black:active:hover, .btn-black:active:focus, .btn-black:active.focus, .btn-black.active:hover, .btn-black.active:focus, .btn-black.active.focus, .open > .btn-black.dropdown-toggle:hover, .open > .btn-black.dropdown-toggle:focus, .open > .btn-black.dropdown-toggle.focus {
      color: #fff;
      background-color: #171717;
      border-color: #080808; }
  .btn-black:active, .btn-black.active, .open > .btn-black.dropdown-toggle {
    background-image: none; }
  .btn-black.disabled:hover, .btn-black.disabled:focus, .btn-black.disabled.focus, .btn-black[disabled]:hover, .btn-black[disabled]:focus, .btn-black[disabled].focus, fieldset[disabled] .btn-black:hover, fieldset[disabled] .btn-black:focus, fieldset[disabled] .btn-black.focus {
    background-color: #424242;
    border-color: #212121; }
  .btn-black .badge {
    color: #424242;
    background-color: #fff; }

.btn-greyish {
  color: #fff;
  background-color: #78909c;
  border-color: #90a4ae; }
  .btn-greyish:focus, .btn-greyish.focus {
    color: #fff;
    background-color: #5f7682;
    border-color: #738c98; }
  .btn-greyish:hover {
    color: #fff;
    background-color: #5f7682;
    border-color: #738c98; }
  .btn-greyish:active, .btn-greyish.active, .open > .btn-greyish.dropdown-toggle {
    color: #fff;
    background-color: #5f7682;
    border-color: #738c98; }
    .btn-greyish:active:hover, .btn-greyish:active:focus, .btn-greyish:active.focus, .btn-greyish.active:hover, .btn-greyish.active:focus, .btn-greyish.active.focus, .open > .btn-greyish.dropdown-toggle:hover, .open > .btn-greyish.dropdown-toggle:focus, .open > .btn-greyish.dropdown-toggle.focus {
      color: #fff;
      background-color: #50646d;
      border-color: #738c98; }
  .btn-greyish:active, .btn-greyish.active, .open > .btn-greyish.dropdown-toggle {
    background-image: none; }
  .btn-greyish.disabled:hover, .btn-greyish.disabled:focus, .btn-greyish.disabled.focus, .btn-greyish[disabled]:hover, .btn-greyish[disabled]:focus, .btn-greyish[disabled].focus, fieldset[disabled] .btn-greyish:hover, fieldset[disabled] .btn-greyish:focus, fieldset[disabled] .btn-greyish.focus {
    background-color: #78909c;
    border-color: #90a4ae; }
  .btn-greyish .badge {
    color: #78909c;
    background-color: #fff; }

.btn-blue {
  color: #fff;
  background-color: #5c6bc0;
  border-color: #3f51b5; }
  .btn-blue:focus, .btn-blue.focus {
    color: #fff;
    background-color: #4150a8;
    border-color: #32408f; }
  .btn-blue:hover {
    color: #fff;
    background-color: #4150a8;
    border-color: #32408f; }
  .btn-blue:active, .btn-blue.active, .open > .btn-blue.dropdown-toggle {
    color: #fff;
    background-color: #4150a8;
    border-color: #32408f; }
    .btn-blue:active:hover, .btn-blue:active:focus, .btn-blue:active.focus, .btn-blue.active:hover, .btn-blue.active:focus, .btn-blue.active.focus, .open > .btn-blue.dropdown-toggle:hover, .open > .btn-blue.dropdown-toggle:focus, .open > .btn-blue.dropdown-toggle.focus {
      color: #fff;
      background-color: #37448e;
      border-color: #32408f; }
  .btn-blue:active, .btn-blue.active, .open > .btn-blue.dropdown-toggle {
    background-image: none; }
  .btn-blue.disabled:hover, .btn-blue.disabled:focus, .btn-blue.disabled.focus, .btn-blue[disabled]:hover, .btn-blue[disabled]:focus, .btn-blue[disabled].focus, fieldset[disabled] .btn-blue:hover, fieldset[disabled] .btn-blue:focus, fieldset[disabled] .btn-blue.focus {
    background-color: #5c6bc0;
    border-color: #3f51b5; }
  .btn-blue .badge {
    color: #5c6bc0;
    background-color: #fff; }

.btn-red {
  color: #fff;
  background-color: #ef5350;
  border-color: #f44336; }
  .btn-red:focus, .btn-red.focus {
    color: #fff;
    background-color: #eb2521;
    border-color: #ea1c0d; }
  .btn-red:hover {
    color: #fff;
    background-color: #eb2521;
    border-color: #ea1c0d; }
  .btn-red:active, .btn-red.active, .open > .btn-red.dropdown-toggle {
    color: #fff;
    background-color: #eb2521;
    border-color: #ea1c0d; }
    .btn-red:active:hover, .btn-red:active:focus, .btn-red:active.focus, .btn-red.active:hover, .btn-red.active:focus, .btn-red.active.focus, .open > .btn-red.dropdown-toggle:hover, .open > .btn-red.dropdown-toggle:focus, .open > .btn-red.dropdown-toggle.focus {
      color: #fff;
      background-color: #d51713;
      border-color: #ea1c0d; }
  .btn-red:active, .btn-red.active, .open > .btn-red.dropdown-toggle {
    background-image: none; }
  .btn-red.disabled:hover, .btn-red.disabled:focus, .btn-red.disabled.focus, .btn-red[disabled]:hover, .btn-red[disabled]:focus, .btn-red[disabled].focus, fieldset[disabled] .btn-red:hover, fieldset[disabled] .btn-red:focus, fieldset[disabled] .btn-red.focus {
    background-color: #ef5350;
    border-color: #f44336; }
  .btn-red .badge {
    color: #ef5350;
    background-color: #fff; }

.btn-green {
  color: #fff;
  background-color: #9ccc65;
  border-color: #8bc34a; }
  .btn-green:focus, .btn-green.focus {
    color: #fff;
    background-color: #83bf3f;
    border-color: #71a436; }
  .btn-green:hover {
    color: #fff;
    background-color: #83bf3f;
    border-color: #71a436; }
  .btn-green:active, .btn-green.active, .open > .btn-green.dropdown-toggle {
    color: #fff;
    background-color: #83bf3f;
    border-color: #71a436; }
    .btn-green:active:hover, .btn-green:active:focus, .btn-green:active.focus, .btn-green.active:hover, .btn-green.active:focus, .btn-green.active.focus, .open > .btn-green.dropdown-toggle:hover, .open > .btn-green.dropdown-toggle:focus, .open > .btn-green.dropdown-toggle.focus {
      color: #fff;
      background-color: #71a436;
      border-color: #71a436; }
  .btn-green:active, .btn-green.active, .open > .btn-green.dropdown-toggle {
    background-image: none; }
  .btn-green.disabled:hover, .btn-green.disabled:focus, .btn-green.disabled.focus, .btn-green[disabled]:hover, .btn-green[disabled]:focus, .btn-green[disabled].focus, fieldset[disabled] .btn-green:hover, fieldset[disabled] .btn-green:focus, fieldset[disabled] .btn-green.focus {
    background-color: #9ccc65;
    border-color: #8bc34a; }
  .btn-green .badge {
    color: #9ccc65;
    background-color: #fff; }

.btn-pink {
  color: #fff;
  background-color: #ec407a;
  border-color: #e91e63; }
  .btn-pink:focus, .btn-pink.focus {
    color: #fff;
    background-color: #e2175b;
    border-color: #c1134e; }
  .btn-pink:hover {
    color: #fff;
    background-color: #e2175b;
    border-color: #c1134e; }
  .btn-pink:active, .btn-pink.active, .open > .btn-pink.dropdown-toggle {
    color: #fff;
    background-color: #e2175b;
    border-color: #c1134e; }
    .btn-pink:active:hover, .btn-pink:active:focus, .btn-pink:active.focus, .btn-pink.active:hover, .btn-pink.active:focus, .btn-pink.active.focus, .open > .btn-pink.dropdown-toggle:hover, .open > .btn-pink.dropdown-toggle:focus, .open > .btn-pink.dropdown-toggle.focus {
      color: #fff;
      background-color: #c2134e;
      border-color: #c1134e; }
  .btn-pink:active, .btn-pink.active, .open > .btn-pink.dropdown-toggle {
    background-image: none; }
  .btn-pink.disabled:hover, .btn-pink.disabled:focus, .btn-pink.disabled.focus, .btn-pink[disabled]:hover, .btn-pink[disabled]:focus, .btn-pink[disabled].focus, fieldset[disabled] .btn-pink:hover, fieldset[disabled] .btn-pink:focus, fieldset[disabled] .btn-pink.focus {
    background-color: #ec407a;
    border-color: #e91e63; }
  .btn-pink .badge {
    color: #ec407a;
    background-color: #fff; }

.btn-deeppurple {
  color: #fff;
  background-color: #5e35b1;
  border-color: #4527a0; }
  .btn-deeppurple:focus, .btn-deeppurple.focus {
    color: #fff;
    background-color: #49298a;
    border-color: #331d77; }
  .btn-deeppurple:hover {
    color: #fff;
    background-color: #49298a;
    border-color: #331d77; }
  .btn-deeppurple:active, .btn-deeppurple.active, .open > .btn-deeppurple.dropdown-toggle {
    color: #fff;
    background-color: #49298a;
    border-color: #331d77; }
    .btn-deeppurple:active:hover, .btn-deeppurple:active:focus, .btn-deeppurple:active.focus, .btn-deeppurple.active:hover, .btn-deeppurple.active:focus, .btn-deeppurple.active.focus, .open > .btn-deeppurple.dropdown-toggle:hover, .open > .btn-deeppurple.dropdown-toggle:focus, .open > .btn-deeppurple.dropdown-toggle.focus {
      color: #fff;
      background-color: #3b216e;
      border-color: #331d77; }
  .btn-deeppurple:active, .btn-deeppurple.active, .open > .btn-deeppurple.dropdown-toggle {
    background-image: none; }
  .btn-deeppurple.disabled:hover, .btn-deeppurple.disabled:focus, .btn-deeppurple.disabled.focus, .btn-deeppurple[disabled]:hover, .btn-deeppurple[disabled]:focus, .btn-deeppurple[disabled].focus, fieldset[disabled] .btn-deeppurple:hover, fieldset[disabled] .btn-deeppurple:focus, fieldset[disabled] .btn-deeppurple.focus {
    background-color: #5e35b1;
    border-color: #4527a0; }
  .btn-deeppurple .badge {
    color: #5e35b1;
    background-color: #fff; }

/* BOOTSTRAPOWE TABSY BY WOJTEK */
/* .nav-mini, .nav-mini-gray, .nav-mini-gray2, .nav-mini-white
 *     padding-left: 6px
 *     padding-top: 5px
 *     background-image: url(../../images/backgrounds/alt.png)
 *
 * .nav-mini > li > a, .nav-mini-gray > li > a, .nav-mini-gray2 > li > a, .nav-mini-white > li > a
 *     padding: 8px 20px !important
 *     background-color: #fbfbfb
 *     border-color: #ffffff #ffffff #dddddd
 *
 * .nav-mini li, .nav-mini-gray li, .nav-mini-gray2 li
 *     margin-left: -1px
 *
 * .nav-mini-white li
 *     margin-left: -6px
 *
 * .nav-mini li[class=activeTab], .nav-mini-gray li[class=activeTab], .nav-mini-gray2 li[class=activeTab], .nav-mini-white li[class=activeTab]
 *     margin-left: 0
 *
 * .nav-mini-white > li a
 *     background-color: #FFFFFF !important
 *
 * .nav-mini-white > li.active a
 *     background-color: #22a0b8 !important
 *
 * .nav-mini-white > li a:hover, .dropdown-menu > li > a:hover
 *     background-color: #22a0b8 !important
 *
 * .nav-mini li[class=active] a
 *     background-image: url(../../images/backgrounds/alt.png) !important
 *
 * .nav-mini-gray li.active a :not(.dropdown-menu)
 *     background-color: #F7F7F7 !important
 *
 * .nav-mini-gray li.active a :not(.dropdown-menu)
 *     background-color: #F7F7F7 !important
 *
 * .nav-mini-gray2 li[class=active] a:not(.dropdown-menu)
 *     background-color: #F5F5F5 !important
 *
 * .tab-content .tab-pane thead th
 *     box-shadow: 0 0 0 #fff inset !important
 *
 * .tab-content .tab-pane .tablePars
 *     box-shadow: 0 0 0 #fff inset !important */
/* Do dropdown-menu obsluga ikon */
.dropdown-menu li a i {
  font-size: 1.2em;
  margin-right: 0.4em; }

/* Do bootstrap modal, nie wiem czy potrzebne */
.modal.container {
  width: 970px;
  margin-left: -485px; }

.modal .widget {
  margin-top: 10px; }

/* Przestylowanie zakładek */
.nav-mini, .nav-mini-gray, .nav-mini-gray2, .nav-mini-white {
  padding-left: 6px;
  padding-top: 5px;
  background-image: url(../../images/backgrounds/alt.png); }

.nav-tabs {
  border-bottom: 2px solid #ddd; }
  .nav-tabs > li.active > a {
    border-width: 0; }
    .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
      border-width: 0; }
  .nav-tabs > li.active > a {
    border: none;
    color: #009688 !important;
    background: transparent; }
  .nav-tabs > li.active > a::after {
    transform: scale(1); }
  .nav-tabs > li > a {
    border: none;
    color: #666; }
    .nav-tabs > li > a i {
      font-size: 1.2em;
      margin-right: 0.25em; }
  .nav-tabs > li > a:hover {
    border: none;
    color: #009688 !important;
    background: transparent; }
  .nav-tabs > li > a::after {
    content: "";
    background: #009688;
    height: 2px;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: -1px;
    transition: all 250ms ease 0s;
    transform: scale(0); }
  .nav-tabs > li:hover > a::after {
    transform: scale(1); }

.tab-nav > li > a::after {
  background: #21527d none repeat scroll 0 0;
  color: #fff; }

/* Bootstrapowy "List group" */
.list-group-item {
  padding: 5px 8px; }

/* Nowe Alerty Botstrapowe */
.newAlert {
  padding: 0; }
  .newAlert .row {
    display: flex; }
    .newAlert .row .alertIco {
      display: inline-block;
      padding: 15px;
      background-color: #d6e9c6;
      text-align: center;
      font-size: 1.5em; }
    .newAlert .row .alertText {
      display: inline-block;
      padding: 15px; }

ul {
  list-style: none;
  margin: 0;
  padding: 0; }

/* ==========  Correction classes ========== */
.nomargin {
  margin: 0 !important; }

/* ==========  Super zarabisty generator marginesow ========== */
.m0 {
  margin: 0px; }

.mt0 {
  margin-top: 0px; }

.mb0 {
  margin-bottom: 0px; }

.mr0 {
  margin-right: 0px; }

.ml0 {
  margin-left: 0px; }

.m5 {
  margin: 5px; }

.mt5 {
  margin-top: 5px; }

.mb5 {
  margin-bottom: 5px; }

.mr5 {
  margin-right: 5px; }

.ml5 {
  margin-left: 5px; }

.m10 {
  margin: 10px; }

.mt10 {
  margin-top: 10px; }

.mb10 {
  margin-bottom: 10px; }

.mr10 {
  margin-right: 10px; }

.ml10 {
  margin-left: 10px; }

.m15 {
  margin: 15px; }

.mt15 {
  margin-top: 15px; }

.mb15 {
  margin-bottom: 15px; }

.mr15 {
  margin-right: 15px; }

.ml15 {
  margin-left: 15px; }

.m20 {
  margin: 20px; }

.mt20 {
  margin-top: 20px; }

.mb20 {
  margin-bottom: 20px; }

.mr20 {
  margin-right: 20px; }

.ml20 {
  margin-left: 20px; }

.m25 {
  margin: 25px; }

.mt25 {
  margin-top: 25px; }

.mb25 {
  margin-bottom: 25px; }

.mr25 {
  margin-right: 25px; }

.ml25 {
  margin-left: 25px; }

.m30 {
  margin: 30px; }

.mt30 {
  margin-top: 30px; }

.mb30 {
  margin-bottom: 30px; }

.mr30 {
  margin-right: 30px; }

.ml30 {
  margin-left: 30px; }

.m35 {
  margin: 35px; }

.mt35 {
  margin-top: 35px; }

.mb35 {
  margin-bottom: 35px; }

.mr35 {
  margin-right: 35px; }

.ml35 {
  margin-left: 35px; }

.m40 {
  margin: 40px; }

.mt40 {
  margin-top: 40px; }

.mb40 {
  margin-bottom: 40px; }

.mr40 {
  margin-right: 40px; }

.ml40 {
  margin-left: 40px; }

/* ==========  Super zarabisty generator paddingow ========== */
.p0 {
  padding: 0 0px 0 0px; }

.pb0 {
  padding-bottom: 0px; }

.pt0 {
  padding-top: 0px; }

.p5 {
  padding: 0 5px 0 5px; }

.pb5 {
  padding-bottom: 5px; }

.pt5 {
  padding-top: 5px; }

.p10 {
  padding: 0 10px 0 10px; }

.pb10 {
  padding-bottom: 10px; }

.pt10 {
  padding-top: 10px; }

.p15 {
  padding: 0 15px 0 15px; }

.pb15 {
  padding-bottom: 15px; }

.pt15 {
  padding-top: 15px; }

.p20 {
  padding: 0 20px 0 20px; }

.pb20 {
  padding-bottom: 20px; }

.pt20 {
  padding-top: 20px; }

.p25 {
  padding: 0 25px 0 25px; }

.pb25 {
  padding-bottom: 25px; }

.pt25 {
  padding-top: 25px; }

.p30 {
  padding: 0 30px 0 30px; }

.pb30 {
  padding-bottom: 30px; }

.pt30 {
  padding-top: 30px; }

.p35 {
  padding: 0 35px 0 35px; }

.pb35 {
  padding-bottom: 35px; }

.pt35 {
  padding-top: 35px; }

.p40 {
  padding: 0 40px 0 40px; }

.pb40 {
  padding-bottom: 40px; }

.pt40 {
  padding-top: 40px; }

/* ==========  Super zarabisty generator - koniec ========== */
pre {
  display: block;
  overflow: initial;
  padding: initial;
  margin: initial;
  font-size: initial;
  line-height: initial;
  color: initial;
  background-color: initial;
  border: initial;
  border-radius: initial; }

/*===== Panele zarzadzanie ===== */
.head_group {
  float: right; }
  .head_group .headIconSet {
    float: left !important; }

.panel-disabled {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.7); }
  .panel-disabled i {
    font-size: 26px;
    left: 50%;
    margin-top: -13px;
    position: absolute;
    top: 50%; }

/*===== Lista klientow, uslugi ikonki ===== */
.uslugi span {
  font-size: 17px;
  margin-right: 5px; }

/*===== Kalendarz widget ===== */
.ui-datepicker-inline {
  margin-top: 0 !important; }

/*===== poprawa auto-pozycjonowania modalowych okien ===== */
.ui-resizable-s {
  bottom: 0 !important; }

.ui-resizable-e {
  right: 0 !important; }

.modal.fade {
  top: -100%;
  transition: opacity 0.2s linear, top 0.2s ease-out, bottom 0.2s ease-out, margin-top 0.2s ease-out !important; }

/*===== Finanse -> Faktury (Lista faktur) ===== */
#faktury tr.even.zaksiegowana {
  background-color: #cedbff; }
#faktury tr.odd.zaksiegowana {
  background-color: #dbe4ff; }

/*===== font-awesome s┼éu┼╝─ůcy jako prze┼é─ůcznik (pinezka w adnotacjach i uwagach) ===== */
i.aktywny {
  color: black !important; }

/*===== Fajna lista ===== */
ul.prettyList li {
  line-height: 30px;
  padding: 0 15px;
  font-size: 15px;
  vertical-align: middle;
  text-align: center;
  border: solid 1px #fff;
  border-radius: 15px;
  width: auto;
  display: inline-block;
  color: #fff;
  background-color: #9e9e9e; }

@media (max-width: 767px) {
  #sidebarWidgets {
    display: none !important; }

  #content {
    margin: 0 !important;
    padding-left: 0 !important; }

  .topNav {
    display: none !important; }

  .topNavMobile {
    display: block !important; } }
.jq-icon-info {
  color: #d9edf7;
  border-color: #bce8f1;
  background-color: #2196f3; }

.jq-icon-warning {
  color: #fcf8e3;
  border-color: #faebcc;
  background-color: #ff9800; }

.jq-icon-error {
  color: #f2dede;
  border-color: #ebccd1;
  background-color: #f44336; }

.jq-icon-success {
  color: #dff0d8;
  border-color: #d6e9c6;
  background-color: #4caf50; }

.modal-scrollable {
  background-color: rgba(221, 221, 221, 0.81); }

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