.google-visualization-tooltip {
  border:solid 1px #000 !important;
  border-radius: 6px !important;
  background-color: #000000 !important;
  opacity: 0.75;
  position: absolute;
  font-size: 12px;
}
div.google-visualization-tooltip > ul > li > span {
color: #FFFFFF !important;
}
#header_h4 {

  margin-top: 0;
    margin-bottom: 0;
    background-color: rgba(141, 146, 147, 0.1);
    color: #444;
    border-radius: 3px;
    padding: 1.2rem;
    font-size: 1.6em;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0 auto;
    font-weight: 200;
}
#powiadomieniaESZOK .footer {
      text-align: center;
      border-top: solid 1px #b2b7b8;
}
#powiadomieniaESZOK .header {
      /* padding: 5px; */
      border-bottom: solid 1px #b2b7b8;
}
#powiadomieniaESZOK .content {
  overflow: auto;
  max-height: 250px;
  min-height: 250px;
}
#powiadomieniaESZOK .menu {
  list-style-type: none;
    padding: 0;
}
#powiadomieniaESZOK .menu > li {
    border-bottom: solid 1px #b2b7b8;
    padding: 15px;
}
tr.nieprzeczytana {
  background-color: #ffeaea !important;
  color: tomato;
}
#powiadomieniaESZOK .nieprzeczytana {
  background: #ffeaea;
  color: tomato;
}
#powiadomieniaESZOK .nieprzeczytana > a {
  background: #ffeaea;
  color: tomato;
}
#powiadomieniaESZOK .wykrzyknikPowiadomienia {
  transition: all 0.2s ease;
  position: absolute;
  top: 0px;
  right: 0px;
  text-align: center;
  font-size: 12px;
  padding: 2px 7px;
}
.menu > li {
      /* border-bottom: solid 1px #b2b7b8; */
          /* padding: 15px; */
}
.menu > li > a {
      color: #000;
}
.menu > li > a > h4 {
    font-weight: bold;
}
.menu > li > a > h4 > small {
  float: right;
  margin-top: 3px;
  margin-right: 6px;
}
.menu > li.nieprzeczytana  > a > h4 > small {
  color: tomato;
}

.navbar {
  min-height: 90px;
  /* z-index: 1000; */
  z-index: 0;
  background-color: transparent;
  border-bottom: 0 solid transparent;
  border-top: 0;
  border-radius: 0;
  margin-bottom: 0;
  padding:0 30px;
  margin-bottom: 30px; }
  .navbar .navbar-header {
    height: 90px;
    padding: 0px;
    width: 290px;
    margin-left: -15px;
    position: relative;
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -ms-flex-align: start;
        align-items: flex-start;
    -ms-flex-pack: start;
        justify-content: flex-start; }
    .navbar .navbar-header .navbar-toggle {
      position: relative;
      display: none;
      height: 100%;
      border: 0;
      border-right: 1px solid #dfe6e8;
      padding: 2rem;
      margin: 0;
      border-radius: 0;
      z-index: 1; }
      .navbar .navbar-header .navbar-toggle:hover, .navbar .navbar-header .navbar-toggle:focus {
        cursor: pointer;
        background-color: transparent; }
    .navbar .navbar-header .navbar-brand {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
          flex-direction: row;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: center;
          justify-content: center;
      height: 90px;
      font-size: 1.2em;
      font-weight: 300;
      position: relative;
      margin: 0 auto;
      width: 100%;
      text-align: center;
      color: #FF4444; }
      .navbar .navbar-header .navbar-brand .highlight {
        padding: 2px 5px;
        font-weight: 200;
        color: #FFF;
        border-radius: 2px;
        margin-right: 5px; }
  .navbar .navbar-collapse {
    background-color: #FFF;
    border-radius: 2px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 1px 2px #c8d1d3; }

    .navbar .navbar-collapse .navbar-nav {
      height: 89px;
      border-bottom: 1px solid transparent;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
          flex-direction: row;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
      /* -ms-flex-wrap: nowrap;
          flex-wrap: nowrap; */
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: start;
          justify-content: flex-start;
      margin-top: 0;
      margin-bottom: 0; }
    @media (max-width: 860px)
    {
        .navbar .navbar-collapse .navbar-nav {
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
        }
    }

      .navbar .navbar-collapse .navbar-nav > li {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
            flex-direction: row;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
        -ms-flex-align: center;
            align-items: center;
        -ms-flex-pack: start;
            justify-content: flex-start;
        height: 100%; }
        .navbar .navbar-collapse .navbar-nav > li a, .navbar .navbar-collapse .navbar-nav > li a:hover, .navbar .navbar-collapse .navbar-nav > li a:focus {
          background-color: transparent;
          /* font-size: 1.1em; */
          font-family: 'Open Sans', sans-serif; }
        .navbar .navbar-collapse .navbar-nav > li.navbar-title {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-direction: row;
              flex-direction: row;
          -ms-flex-wrap: nowrap;
              flex-wrap: nowrap;
          -ms-flex-align: center;
              align-items: center;
          -ms-flex-pack: start;
              justify-content: flex-start;
          font-weight: normal;
          /* font-size: x-large; */
          font-size: large;
          font-weight: 600;
          height: 50%;
          padding: 0 6rem;
          padding-left: 45px; }
          .navbar .navbar-collapse .navbar-nav > li.navbar-title span {
            padding: 0.5rem 0; }
          .navbar .navbar-collapse .navbar-nav > li.navbar-title .highlight {
            font-weight: 400; }
        .navbar .navbar-collapse .navbar-nav > li.navbar-search > .input-group >  input {
          border: none;
          height: 40px;
          padding: 0 20px;
          font-weight: 200;
          border-top-left-radius: 20px;
          border-bottom-left-radius: 20px;
          border: 1px solid #dfe6e8;
          border-right: none;
          background-color: transparent; }
        .navbar .navbar-collapse .navbar-nav > li.navbar-search > .input-group > .btn-search {
          width: 40px;
          height: 40px;
          border-top-right-radius: 20px;
          border-bottom-right-radius: 20px;
          border: 1px solid #dfe6e8;
          border-left: none;
          background-color: transparent;
          color: #dfe6e8;
          font-size: 1.4em; }
        /* .navbar .navbar-collapse .navbar-nav > li.dropdown:after {
          position: absolute;
          top: auto;
          left: 50%;
          bottom: 0;
          right: auto;
          width: 100%;
          height: 100%;
          content: '';
          display: block;
          width: 0;
          height: 0;
          opacity: 0;
          visibility: hidden;
          border-left: 16px solid transparent;
          border-right: 16px solid transparent;
          border-bottom: 16px solid #dfe6e8;
          transform: translate(-50%, 0);
          transition: all 0.3s ease; } */
        /* .navbar .navbar-collapse .navbar-nav > li.dropdown:hover .dropdown-menu {
          display: block;
          visibility: visible;
          opacity: 1;
          transform: translate(0px, -24px); }*/

         .navbar .navbar-collapse .navbar-nav > li.dropdown:hover:after {
          display: block;
          visibility: visible;
          opacity: 1;
          transform: translate(-50%, -22px); }
      /*  .navbar .navbar-collapse .navbar-nav > li.dropdown .dropdown-menu {
          visibility: hidden;
          position: absolute;
          right: 0;
          top: 100%;
          opacity: 0;
          min-width: 300px;
          transition: all 0.3s ease;
          transform: translate(0, 0);
          padding-top: 0;
          padding-bottom: 0;
          border: 1px solid #dfe6e8; }*/
          .navbar .navbar-collapse .navbar-nav > li.dropdown .dropdown-menu .profile-info .username {
            margin-top: 0;
            margin-bottom: 0;
            background-color: rgba(141, 146, 147, 0.1);
            color: #444;
            border-radius: 3px;
            padding: 1.2rem;
            font-size: 1.6em;
            width: 100%;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            margin: 0 auto;
            font-weight: 200; }
          .navbar .navbar-collapse .navbar-nav > li.dropdown .dropdown-menu > ul {
            list-style: none;
            padding: 0;
            margin: 0; }
            .navbar .navbar-collapse .navbar-nav > li.dropdown .dropdown-menu > ul > li {
              border: 0;
              border-radius: 0;
              padding: 0;
              border-bottom: 1px solid rgba(141, 146, 147, 0.1);
              margin-bottom: 0;
              font-weight: 300;
              font-size: 0.9em;}
              .navbar .navbar-collapse .navbar-nav > li.dropdown .dropdown-menu > ul > li a {
                display: block;
                    text-decoration: none;
                color: #444;
                padding: 1.2rem;
                font-weight: 400; }
                .navbar .navbar-collapse .navbar-nav > li.dropdown .dropdown-menu > ul > li a .message {
                  display: -ms-flexbox;
                  display: flex;
                  -ms-flex-direction: row;
                      flex-direction: row;
                  -ms-flex-wrap: nowrap;
                      flex-wrap: nowrap;
                  -ms-flex-align: center;
                      align-items: center;
                  -ms-flex-pack: start;
                      justify-content: flex-start;
                  padding-right: 40px; }
                  .navbar .navbar-collapse .navbar-nav > li.dropdown .dropdown-menu > ul > li a .message .content {
                    -ms-flex: 1;
                        flex: 1; }
                    .navbar .navbar-collapse .navbar-nav > li.dropdown .dropdown-menu > ul > li a .message .content .title {
                      font-weight: 400;
                      font-size: 1em; }
                    .navbar .navbar-collapse .navbar-nav > li.dropdown .dropdown-menu > ul > li a .message .content .description {
                      font-weight: 400;
                      font-size: 0.85em;
                      opacity: 0.4; }
                  .navbar .navbar-collapse .navbar-nav > li.dropdown .dropdown-menu > ul > li a .message .profile {
                    width: 30px;
                    height: 30px;
                    border-radius: 50%;
                    margin-right: 8px; }
              .navbar .navbar-collapse .navbar-nav > li.dropdown .dropdown-menu > ul > li span.badge {
                border-radius: 3px;
                font-weight: 400;
                font-weight: 1.4em; }
              .navbar .navbar-collapse .navbar-nav > li.dropdown .dropdown-menu > ul > li:hover a {
                background-color: rgba(141, 146, 147, 0.1); /*rgba(141, 146, 147, 0.1); */
                color: #222;
                cursor: pointer; }
              .navbar .navbar-collapse .navbar-nav > li.dropdown .dropdown-menu > ul > li.empty {
                color: #8d9293;
                font-weight: 200; }
              .navbar .navbar-collapse .navbar-nav > li.dropdown .dropdown-menu > ul > li.dropdown-header {
                background: transparent;
                padding: 1.2rem;
                color: #222;
                font-weight: 400;
                background-color: rgba(141, 146, 147, 0.1);
                border-bottom: none; }
              .navbar .navbar-collapse .navbar-nav > li.dropdown .dropdown-menu > ul > li.dropdown-footer {
                background-color: transparent;
                border-top: 0;
                font-weight: 300;
                font-size: 0.9em;
                text-align: right; }
                .navbar .navbar-collapse .navbar-nav > li.dropdown .dropdown-menu > ul > li.dropdown-footer a {
                  color: #8d9293;
                  padding: 1.2rem; }
              .navbar .navbar-collapse .navbar-nav > li.dropdown .dropdown-menu > ul > li:last-child {
                border-bottom: 0; }
              .navbar .navbar-collapse .navbar-nav > li.dropdown .dropdown-menu > ul > li.dropdown-empty {
                padding: 2rem;
                text-align: center; }
        .navbar .navbar-collapse .navbar-nav > li.dropdown.notification a.dropdown-toggle {
          text-align: center;
          display: block;
          padding: 0 8px;
        }
          .navbar .navbar-collapse .navbar-nav > li.dropdown.notification a.dropdown-toggle .icon.jestPowiadomienie {
            color:#ffb866;
          }
          .navbar .navbar-collapse .navbar-nav > li.dropdown.notification a.dropdown-toggle .icon {
            font-size: 1.6em;
            width: 45px;
            height: 45px;
            background-color: rgba(141, 146, 147, 0.15);
            /* color: rgba(141, 146, 147, 0.3); */
            color:#666666d1;
            /* color:black; */
            transition: all 0.2s ease;
            border-radius: 50%;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-direction: row;
                flex-direction: row;
            -ms-flex-wrap: nowrap;
                flex-wrap: nowrap;
            -ms-flex-align: center;
                align-items: center;
            -ms-flex-pack: center;
                justify-content: center; }
          .navbar .navbar-collapse .navbar-nav > li.dropdown.notification a.dropdown-toggle .count {
            position: absolute;
            top: 0;
            left: auto;
            bottom: auto;
            right: 0;
            width: 100%;
            height: 100%;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-direction: row;
                flex-direction: row;
            -ms-flex-wrap: nowrap;
                flex-wrap: nowrap;
            -ms-flex-align: center;
                align-items: center;
            -ms-flex-pack: center;
                justify-content: center;
            font-size: 0.70em;
            font-weight: 400;
            color: #FFF;
            background-color: rgba(141, 146, 147, 0.6);
            box-shadow: 0 1px 2px rgba(141, 146, 147, 0.1);
            padding: 3px;
            border-radius: 50%;
            width: 20px;
            height: 20px;
            line-height: 1em; }
          .navbar .navbar-collapse .navbar-nav > li.dropdown.notification a.dropdown-toggle .title {
            display: none; }
          .navbar .navbar-collapse .navbar-nav > li.dropdown.notification a.dropdown-toggle:hover .wykrzyknikPowiadomienia {
              transform: scale(1.1);
              /* right: -6px !important; */
          }
          .navbar .navbar-collapse .navbar-nav > li.dropdown.notification a.dropdown-toggle:hover .icon
          {
            /* transform: scale(1.1) rotate(7deg);  */
            transform: scale(1.1);
          }
        .navbar .navbar-collapse .navbar-nav > li.dropdown.notification.danger a.dropdown-toggle .icon {
          background-color: rgba(231, 76, 60, 0.15);
          color: rgba(231, 76, 60, 0.3); }
        .navbar .navbar-collapse .navbar-nav > li.dropdown.notification.danger a.dropdown-toggle .count {
          background-color: rgba(231, 76, 60, 0.7);
          box-shadow: 0 1px 2px rgba(231, 76, 60, 0.1); }
        .navbar .navbar-collapse .navbar-nav > li.dropdown.notification.warning a.dropdown-toggle .icon {
          background-color: rgba(252, 130, 41, 0.15);
          color: rgba(252, 130, 41, 0.3); }
        .navbar .navbar-collapse .navbar-nav > li.dropdown.notification.warning a.dropdown-toggle .count {
          background-color: rgba(252, 130, 41, 0.7);
          box-shadow: 0 1px 2px rgba(252, 130, 41, 0.1); }
        .navbar .navbar-collapse .navbar-nav > li.dropdown.profile > a {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-direction: row;
              flex-direction: row;
          -ms-flex-wrap: nowrap;
              flex-wrap: nowrap;
          -ms-flex-align: center;
              align-items: center;
          -ms-flex-pack: start;
              justify-content: flex-start; }
          .navbar .navbar-collapse .navbar-nav > li.dropdown.profile > a .profile-img {
            width: 60px;
            height: 60px;
            border-radius: 50%; }
          .navbar .navbar-collapse .navbar-nav > li.dropdown.profile > a .title {
            display: none; }
        .navbar .navbar-collapse .navbar-nav > li.dropdown.open > a, .navbar .navbar-collapse .navbar-nav > li.dropdown.open > a:hover, .navbar .navbar-collapse .navbar-nav > li.dropdown.open > a a:focus {
          background-color: transparent; }
      .navbar .navbar-collapse .navbar-nav.navbar-mobile {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
            flex-direction: row;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
        -ms-flex-align: start;
            align-items: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
        display: none;
        position: relative; }
        .navbar .navbar-collapse .navbar-nav.navbar-mobile > li {
          height: 100%; }
          .navbar .navbar-collapse .navbar-nav.navbar-mobile > li .navbar-toggle, .navbar .navbar-collapse .navbar-nav.navbar-mobile > li .sidebar-toggle {
            height: 100%;
            border: 0;
            margin-top: 0;
            margin-right: 0;
            margin-bottom: 0;
            border-radius: 0;
            padding: 0 15px;
            display: block;
            background-color: transparent;
            font-size: 1.4em;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-direction: row;
                flex-direction: row;
            -ms-flex-wrap: nowrap;
                flex-wrap: nowrap;
            -ms-flex-align: center;
                align-items: center;
            -ms-flex-pack: center;
                justify-content: center; }
            .navbar .navbar-collapse .navbar-nav.navbar-mobile > li .navbar-toggle .profile-img, .navbar .navbar-collapse .navbar-nav.navbar-mobile > li .sidebar-toggle .profile-img {
              width: 40px;
              height: 40px;
              border-radius: 50%; }
          .navbar .navbar-collapse .navbar-nav.navbar-mobile > li .sidebar-toggle {
            position: absolute;
            top: 0;
            left: 0;
            bottom: auto;
            right: auto;
            width: auto;
            height: 100%;
            z-index: 100010; }
          .navbar .navbar-collapse .navbar-nav.navbar-mobile > li .navbar-toggle {
            position: absolute;
            top: 0;
            left: auto;
            bottom: auto;
            right: 0;
            width: auto;
            height: 100%;
            z-index: 100010; }
          .navbar .navbar-collapse .navbar-nav.navbar-mobile > li.logo {
            -ms-flex: 1;
            margin-left:50px;
                flex: 1; }
        .navbar .navbar-collapse .navbar-nav.navbar-mobile .navbar-brand {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-direction: row;
              flex-direction: row;
          -ms-flex-wrap: nowrap;
              flex-wrap: nowrap;
          -ms-flex-align: center;
              align-items: center;
          -ms-flex-pack: center;
              justify-content: center;
          height: 90px;
          font-size: 1.2em;
          font-weight: 300;
          position: relative;
          margin: 0 auto;
          width: 100%;
          text-align: center;
          color: #444; }
          .navbar .navbar-collapse .navbar-nav.navbar-mobile .navbar-brand .highlight {
            padding: 2px 5px;
            font-weight: 200;
            color: #FFF;
            border-radius: 2px;
            margin-right: 5px;
            background-color: #29c75f; }

.app-landing .navbar .navbar-collapse {
  background-color: transparent;
  box-shadow: none; }

.navbar .navbar-header .navbar-brand .highlight, .navbar .navbar-mobile .navbar-brand .highlight {
  background-color: #29c75f; }

.navbar.__inverse .navbar-header .navbar-brand, .navbar.__inverse .navbar-mobile .navbar-brand {
  color: #FFF; }
  .navbar.__inverse .navbar-header .navbar-brand .highlight, .navbar.__inverse .navbar-mobile .navbar-brand .highlight {
    background-color: #29c75f; }


@media (max-width: 1200px) {
  .navbar{
    padding:0px 10.75px;
  }
}
@media (max-width: 800px) {
  .navbar{
    padding:0px;
  }
}