@CHARSET "UTF-8";

/* 
 * Plik styli dla serwisu iBOK.
 */

/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video 
{
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
body {
  line-height: 1;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}
nav ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}
/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}
del {
  text-decoration: line-through;
}
abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}
input,
select {
  font-size: 0.9em;
  vertical-align: middle;
  border-radius: 5px;
  padding-left: 5px;
  border-width: 1px;
  border-style: solid;
  border-color: #767676;
  box-shadow: 3px 3px 5px 0 #dfdfdf inset;
}

input[type=text], input[type=password] {
  height: 30px;
}

select {
  height: 33px;
  color: #454545;
}

select option {
  color: #454545;
}

textarea {
  border-radius: 5px;
  padding-left: 5px;
  border-width: 1px;
  border-style: solid;
  border-color: #ececec;
  box-shadow: 3px 3px 5px 0 #eee inset;
}

button, input[type=button], input[type=submit] {
  border: none;
  border-bottom: 1px solid white;
}

input[type=submit][disabled]:hover {
  cursor: default;
  background: linear-gradient(#f0f0f0 0%, #dadada 100%);
  color: #454545 !important;
  border-bottom: 1px solid white;
}

input[type=button][disabled]:hover {
  cursor: default;
  background: linear-gradient(#f0f0f0 0%, #dadada 100%);
  color: #858585 !important;
  border-bottom: 1px solid white;
}

fieldset legend {
  font-weight: bold;
}

form p {
  margin: 2px 0;
}

/* Placeholders */
::-webkit-input-placeholder {
  color: inherit;
}
:-moz-placeholder {
  color: inherit;
}
::-moz-placeholder {
  color: inherit;
}
:-ms-input-placeholder {
  color: inherit;
}
:focus::-webkit-input-placeholder {
  color: transparent;
}
:focus:-moz-placeholder {
  color: transparent;
}
:focus::-moz-placeholder {
  color: transparent;
}
:focus:-ms-input-placeholder {
  color: transparent;
}
sup {
  position: relative;
  top: -5px;
  font-size: x-small;
}
#container {
  float: left;
  width: 100%;
}
.row {
  z-index: 1;
  position: relative;
  float: left;
  width: 100%;
}
.content {
  position: relative;
  width: 100%;
  margin: auto;
  padding: 0 15px;
}
.content:before,
.content:after {
  content: "";
  display: table;
}
.content:after {
  clear: both;
}
.grid {
  margin-left: -15px;
  margin-right: -15px;
  position: relative;
}
.grid:before,
.grid:after {
  content: "";
  display: table;
}
.grid:after {
  clear: both;
}

.flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-left: -15px;
  margin-right: -15px;
  padding-left: 0;
  padding-right: 0;
}

.flex .box{
  width: 96%;
}

.flex .col-6{
  padding: 0;
}

#breadcrumbHolder {
  display: none;
}

.breadcrumb {
  color: #454545;
  float: left;
  font: 24px/1.6em source_sans_prolight,"Arial","Helvetica Neue","Helvetica",sans-serif;
  padding: 10px 20px;
}
.breadcrumb span {
  color: inherit;
}

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
  float: left;
  padding: 0 15px;
  min-height: 1px;
}
.col-1 {
  width: 8.333%;
}
.col-2 {
  width: 16.666%;
}
.col-3 {
  width: 25%;
  max-width: 242px;
  z-index: 501;
  position: relative;
}
.col-4 {
  width: 33.333%;
}
.col-5 {
  width: 41.666%;
}
.col-6 {
  width: 50%;
}
.col-7 {
  width: 58.333%;
}
.col-8 {
  width: 66.666%;
}
.col-9 {
  width: 75%;
}
.col-10 {
  width: 83.333%;
}
.col-11 {
  width: 91.666%;
}
.col-12 {
  width: 100%;
}

@media only screen and (max-width: 1000px) {
  .col-1,
  .col-2,
  .col-3,
  .col-4,
  .col-5,
  .col-6,
  .col-7,
  .col-8,
  .col-9,
  .col-10,
  .col-11,
  .col-12 {
    width: 100%;
  }
}

.responsive,
#responsive-menu-wrapper {
  display: none;
}
.responsive {
  position: absolute;
  top: 25px;
  right: 15px;
  width: 30px;
  height: 30px;
  padding-top: 5px;
  background: #1879B9;
  background: linear-gradient(to bottom, #1d8fdb 0%, #156ba5 100%);
  border-radius: 4px;
  cursor: pointer;
  transition: opacity 0.5s ease;
  text-align: center;
  line-height: 1em;
}
.responsive i {
  color: #fff;
  font-size: 18px;
}
.responsive:hover {
  opacity: 0.8;
}

#analysis_v1 fieldset {
  width: 66%;
}

@media only screen and (max-width: 1000px) {
  body {
    background-position: 0 -41px !important;
  }
  #top nav ul,
  .sidebar ul {
    display: none;
  }
  .responsive {
    display: block;
  }
  #responsive-menu-wrapper {
    display: block;
    right: 0;
  }
  #container {
    overflow: visible;
  }
  #pasek {
    display: none;
  }
  #top {
    height: 80px;
    margin-bottom: 1em;
  }
  #sectionMainHolder {
    margin-top: 1em;
  }
  #thisContent {
    padding: 0 15px !important;
    position: static !important;
  }
  #toplogodiv {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }
  #dashboard_v1 {
    padding-left: 0 !important;
  }
  #dashboard_v1 .special-box {
    margin-right: 0;
  }
  #male_menu_holder .input-area.search-input {
    max-width: 50%;
  }
  #CrmSubject {
    max-width: 100% !important;
  }
  .doc-download .btn {
    position: relative !important; 
    top: 8px !important;
  }
  #dbv1_graph_content {
    position: relative;
    left: -16px;
  }
  #analysis_v1 fieldset,
  #conspt {
    width: 100%;
  }
}

@media only screen and (max-width: 415px) {
  #invoices_v1 span.tytul span {
    display: block !important;
  }
}

@media only screen and (max-width: 515px) {
  #tresc p span.podtytul span {
    display: inline;
  }
  
  #tresc p span.podtytul + span {
    display: block;
    margin-bottom: 0.33em;
  }
}

#responsive-menu-wrapper {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #1d8fdb 0%, #156ba5 100%) repeat scroll 0 0;
    box-sizing: content-box;
    height: 100%;
    overflow-y: auto;
    padding-bottom: 50px;
    position: fixed;
    right: 0;
    transition: all 0.5s ease 0s;
    width: 284px;
    z-index: 9999;
}

.nonTransitable {
  -webkit-transition-property: none !important;
  -moz-transition-property: none !important;
  -o-transition-property: none !important;
  transition-property: none !important;
  transition: none 0.0s ease 0s  !important;
}

#responsive-menu-wrapper #responsive-menu-inner {
    padding: 50px 13px 30px;
    position: absolute;
    top: 0;
    width: 100%;
}
#responsive-menu-wrapper #responsive-menu-inner .responsive {
    background: #fff none repeat scroll 0 0;
}
#responsive-menu-wrapper #responsive-menu-inner .responsive i {
    color: #1879B9;
}
#responsive-menu-wrapper #responsive-menu-inner > ul {
    float: left;
    list-style: outside none none;
    margin: 0 0 30px;
    padding: 0;
    position: relative;
    width: 100%;
}
#responsive-menu-wrapper #responsive-menu-inner > ul li {
    float: left;
    padding: 0;
    position: relative;
    width: 100%;
}
#responsive-menu-wrapper #responsive-menu-inner > ul li a {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    color: #fff;
    float: left;
    font: 14px/1.6em source_sans_proregular,"Arial","Helvetica Neue","Helvetica",sans-serif;
    letter-spacing: normal;
    padding: 10px 15px;
    transition: all 0.5s ease 0s;
    width: 100%;
}
#responsive-menu-wrapper #responsive-menu-inner > ul li a span {
    display: none;
}
#responsive-menu-wrapper #responsive-menu-inner > ul li a i {
    width: 30px;
}
#responsive-menu-wrapper #responsive-menu-inner > ul li a:hover {
    padding-left: 35px;
}
#responsive-menu-wrapper #responsive-menu-inner > ul li a.active {
    background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0;
    color: #fff;
}
#responsive-menu-wrapper #responsive-menu-inner > ul li a.active:hover {
    padding-left: 15px;
}
#responsive-menu-wrapper #responsive-menu-inner .separator {
    color: #fff;
    margin-bottom: 8px;
    text-align: right;
}
#responsive-menu-wrapper #responsive-menu-inner .separator.separator-left {
    margin-bottom: 20px;
}
#responsive-menu-wrapper #responsive-menu-inner .separator > span {
    color: #fff;
}
#responsive-menu-wrapper #responsive-menu-inner .separator i {
    margin: 0 5px;
}
#responsive-menu-wrapper #responsive-menu-inner .separator .nav-select-wrapper {
    display: inline-block;
    margin-left: 6px;
    text-align: left;
    width: 60%;
}
.active-responsive-menu #responsive-menu-wrapper {
    right: 0;
}

#top .responsive i {
  font-size: 18px;
}
#top {
  z-index: 99;
}
#top i {
  font-size: 16px;
}
#top .logo img {
  float: left;
  padding: 22px 20px 25px;
}

figure.logo {
  margin: 0 auto;
  display: inline-block;
}

#toplogodiv {
  display: inline-block;
  margin: 22px 20px 25px;
  width: 259px; height: 48px;
  background: url(../images/logo.png) center center no-repeat;
}

#login #toplogodiv {
  margin: 0;
}

#login footer {
  position: static;
}

.loginError {
  color: #df0000;
  border: 1px solid #df0000;
  display: block;
  padding: 0.5em;
}

#top nav ul {
  float: right;
  margin-top: 27px;
}
#top nav ul li {
  float: left;
}
#top nav ul li a {
  float: left;
  margin: 0px 4px;
  padding: 7px 14px;
  color: #454545;
  border-radius: 4px;
  transition: background 0.5s ease;
}
#top nav ul li a:hover {
  background: #f2f2f2;
}
#top nav ul li a:hover i {
  color: #1879B9;
}
#top nav ul li a i {
  position: relative;
  top: 1px;
  margin-right: 10px;
  color: #1879B9;
  transition: color 0.5s ease;
}
#top #info-bar {
  position: relative;
  float: left;
  width: 100%;
  height: 54px;
  padding: 0px 20px;
  color: #fff;
  background: #0071BB;
  background: linear-gradient(to bottom, #1385D1 0%, #0071BB 100%);
  border-radius: 4px;
}
#top #info-bar i {
  position: relative;
  top: 1px;
  margin: 0 5px;
  color: #136093;
}
#top #info-bar i.fa-clock-o {
  color: white;
}

#top #info-bar .separator {
  position: relative;
  float: left;
  height: 54px;
  margin-right: 20px;
  padding: 15px 20px 15px 0;
}
#top #info-bar .separator > span,
#top #info-bar .separator > span span
{
  color: #fff;
}
#top #info-bar .separator:before,
#top #info-bar .separator:after {
  opacity: 0.9;
  position: absolute;
  content: "";
  top: 0;
  right: 0px;
  width: 1px;
  height: 100%;
  background: #1771ae;
}
#top #info-bar .separator:after {
  right: 1px;
  background: #1d8fdb;
}
#top #info-bar .separator.separator-left {
  margin: 0 0 0 20px;
  padding-left: 20px;
  padding-right: 0;
}
#top #info-bar .separator.separator-left:before {
  left: 0px;
}
#top #info-bar .separator.separator-left:after {
  left: 1px;
}
#top #info-bar .separator .nav-select-wrapper {
  display: inline-block;
  width: 330px;
}
#top #info-bar .separator .nav-select-wrapper .chosen-container {
  top: 2px;
  margin-top: -10px;
  margin-left: 3px;
}
#top #info-bar .separator .nav-select-wrapper .chosen-container span {
  color: #1879B9;
}
#top #info-bar .separator .nav-select-wrapper .chosen-container .chosen-single {
  border-color: #1879B9 !important;
}
#top #info-bar .separator .nav-select-wrapper .chosen-container .chosen-drop {
  border-color: #1879B9;
}

@media only screen and (max-width: 100px) {
  #top .logo img {
    padding: 15px 20px 15px;
  }
  #top #info-bar {
    display: none;
  }
}

.sidebar {
  float: left;
  width: 100%;
}
.sidebar ul {
  float: left;
  margin-bottom: 25px;
}
.sidebar ul li {
  float: left;
  width: 100%;
  max-width: 212px;
}
.sidebar ul li a {
  position: relative;
  float: left;
  width: 100%;
  padding: 7px 20px 8px 55px;
  font-size: 1.1em;
  color: #1879B9;
  border: 1px solid transparent;
  border-radius: 4px;
  transition: all 0.5s ease;
  text-decoration: none;
}

.sidebar ul li a.disabled {
  text-decoration: line-through;
  opacity: 0.3;
}

.sidebar ul li a.disabled:hover {
  cursor: default;
  background: none;
  border: 1px solid #F2F2F2;
}

.sidebar ul li a.active {
  font-weight: bold;
  color: #1879B9;
  text-decoration: none;
}
.sidebar ul li a.active i {
  color: #1879B9;
}
.sidebar ul li a.active span {
  background: #1879B9;
}

.sidebar ul li a:focus {
  border: 1px solid black;
}

.sidebar ul li a:hover,
.sidebar ul li a.active {
  background: #fff;
  border: 1px solid #1879B9;
  box-shadow: 0 1px 1px -1px #dfdddb;
}

.sidebar ul li a:hover {
  font-weight: normal;
}

.sidebar ul li a.active:hover {
  font-weight: bold;
}

.sidebar ul li a:hover span,
.sidebar ul li a.active span {
  display: inline-block;
}
.sidebar ul li a i {
  position: absolute;
  top: 8px;
  left: 20px;
  font-size: 18px;
  color: #1879B9;
}
.sidebar ul li a span {
  display: inline-block;
  position: absolute;
  min-width: 18px;
  padding: 5px 6px 4px 6px;
  margin-top: 3px;
  margin-left: 10px;
  font-size: 9px;
  font-weight: normal;
  line-height: 1em;
  color: #fff;
  background: #1879B9;
  border-radius: 20px;
  text-decoration: none;
  text-align: center;
}
.box {
  position: relative;
  margin-bottom: 25px;
  line-height: 1.8em;
  background: #fff;
  border: 1px solid #e7e7e7;
  box-shadow: 0 1px 1px -1px #dfdddb;
  border-radius: 4px;
  overflow: hidden;
}
.box .responsive {
  display: none;
  top: 11px;
}
.box nav ul {
  float: left;
}
.box nav ul li {
  float: left;
  margin: 0 20px;
  list-style: none;
}

@media only screen and (max-width: 1000px) {
  .box nav ul li {
    margin: 0 7px;
  }
}


.box nav ul li a {
  position: relative;
  float: left;
  padding: 4px 0 5px;
  font: 14px/1.6em source_sans_proregular, "Arial", "Helvetica Neue", "Helvetica", sans-serif;
  letter-spacing: normal;
  font-size: 16px;
  line-height: 1.4em;
  color: #454545;
  transition: all 0.5s ease;
}
.box nav ul li a:hover,
.box nav ul li a.active {
  color: #1879B9;
}
.box nav ul li a.active:after {
  background: #1879B9;
}
.box nav ul li a:after {
  content: "";
  position: absolute;
  bottom: -11px;
  left: 0;
  width: 100%;
  height: 2px;
  background: transparent;
}
.box nav ul li a span {
  display: inline-block;
  position: absolute;
  min-width: 18px;
  padding: 5px 6px 4px 6px;
  margin-top: 3px;
  margin-left: 10px;
  font-size: 9px;
  font-weight: normal;
  line-height: 1em;
  color: #fff;
  background: #1879B9;
  border-radius: 20px;
  text-decoration: none;
  text-align: center;
  top: -3px;
  min-width: 16px;
  padding: 4px 5px 3px 5px;
}
.box .box-content {
  float: left;
  width: 100%;
  padding: 10px 20px;
}
.box .box-content:first-child {
  z-index: 10;
}
.box .box-content.box-border {
  border-bottom: 1px solid #ececec;
}
.box .box-content.text-padding {
  padding: 24px 20px;
}
.box .box-content h2 {
  padding: 4px 0 5px;
}
.box .box-content .invoice-icon {
  float: left;
  margin: 10px 0 15px;
  color: #1879B9;
  text-align: center;
}
.box .box-content .invoice-icon i {
  font-size: 60px;
  margin: 10px auto;
}

@media only screen and (max-width: 100px) {
  .box nav ul {
    z-index: 99;
    display: none;
    position: absolute;
    top: 50px;
    left: auto;
    right: 15px;
    width: 200px;
    margin-left: 10px;
    padding-bottom: 5px;
    background: #1d8fdb;
    background: linear-gradient(to bottom, #1d8fdb 0%, #156ba5 100%);
    border-radius: 4px;
  }
  .box nav ul:before {
    content: "";
    position: absolute;
    top: -4px;
    right: 10px;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0 4.5px 4px 4.5px;
    border-color: transparent transparent #1d8fdb transparent;
  }
  .box nav ul li {
    float: left;
    width: 100%;
    margin: 0px;
  }
  .box nav ul li:first-child a {
    border-radius: 4px 4px 0 0;
  }
  .box nav ul li a {
    float: left;
    width: 100%;
    padding: 8px 10px;
    color: #fff;
    font-size: 14px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }
  .box nav ul li a:after {
    display: none;
  }
  .box nav ul li a.active,
  .box nav ul li a:hover {
    color: #fff;
    background: rgba(0, 0, 0, 0.1);
  }
  .box nav ul li a span {
    display: none;
  }
  .box .responsive {
    display: inline-block;
  }
  .box .responsive.responsive-open ~ nav ul {
    display: block;
  }
}


.btn {
  display: inline-block;
  position: relative;
  margin: 0 10px 0 0;
  padding: 8px 15px 9px;
  font-size: 0.9em;
  line-height: 1em;
  color: #454545 !important;
  border-bottom: 1px solid #c1c1c1;
  border-radius: 4px;
  background: linear-gradient(#f0f0f0 0%, #dadada 100%);
  transition: none !important;
}
.btn:hover,
.btn.active {
  color: #fff !important;
  border-bottom: 1px solid #1771ae;
  background: linear-gradient(#156ba5 0%, #1d8fdb 100%);
  text-decoration: none !important;
}
.btn.btn-left {
  float: left;
}
.btn.btn-left i {
  margin-right: 10px;
  margin-left: 0;
  font-size: 14px;
  top: 1px;
}
.btn i {
  position: relative;
  color: #fff;
  margin-left: 10px;
}
.btn .download-icon {
  position: absolute;
  bottom: 52px;
  left: 23%;
  font-size: 60px;
  color: #1879B9;
}
input.btn {
  padding-bottom: 8px;
  cursor: pointer;
}

.input-area {
  position: relative;
  float: left;
  width: 100%;
  margin: 5px 0;
}
.input-area.input-separator {
  margin-top: 50px;
}
.input-area.vertical-area label {
  clear: both;
  width: 100%;
}
.input-area.calendar-area {
  position: relative;
  float: left;
  width: auto;
}
.input-area.calendar-area span {
  position: relative;
  top: -14px;
  margin-right: 10px;
  display: inline-block;
}
.input-area.calendar-area .calendar-input {
  display: inline-block;
  position: relative;
  width: 150px;
  margin-right: 10px;
}
.input-area.calendar-area .calendar-input input {
  padding-right: 30px;
}
.input-area.calendar-area .calendar-input i {
  position: absolute;
  top: 10px;
  right: 10px;
  color: #1879B9;
}
.input-area.search-input {
  max-width: 300px;
}
.input-area.search-input button,
.input-area.search-input input[type=button],
.input-area.search-input input[type=submit]
 {
  position: absolute;
  top: 0;
  right: 0;
  padding: 8px 10px;
  color: #1879B9;
  background: transparent;
  border: none;
  cursor: pointer;
}
.input-area label {
  float: left;
  width: 200px;
  padding: 5px 0;
  color: #1879B9;
}
.input-area input,
.input-area textarea {
  float: left;
  /* width: 100%; */
  max-width: 100%;
  padding: 6px 15px;
  font: 0.9em/1.6em source_sans_proregular, "Arial", "Helvetica Neue", "Helvetica", sans-serif;
  letter-spacing: normal;
  color: #454545;
  border: 1px solid #767676;
  border-radius: 4px;
  box-shadow: 3px 3px 5px 0 #dfdfdf inset;
  transition: all 0.5s ease;
}

.input-area input.btn[type=button] {
  border: none;
}

.input-area input:focus,
.input-area textarea:focus {
  box-shadow: 0px 0px 5px 0 #fff inset;
}
.input-area textarea {
  width: 550px;
  height: 260px;
}
.input-area input {
  float: left;
}
.input-area.decorated-input {
  float: left;
  margin-left: 6px;
}
.input-area.decorated-input label {
  margin: 0;
  padding: 0;
  cursor: pointer;
}
.input-area.decorated-input label span {
  float: left;
  width: 20px;
  height: 20px;
  margin-top: 4px;
  padding: 0px;
  background: #fff;
  border: 1px solid #ececec;
  border-radius: 4px;
  text-align: center;
  box-shadow: 3px 3px 5px 0 #eee inset;
}
.input-area.decorated-input label span i {
  opacity: 0;
  position: relative;
  top: -3px;
  left: 0px;
  color: #1879B9;
  transition: all 0.5s ease;
}
.input-area.decorated-input label p {
  position: relative;
  float: left;
  top: 2px;
  margin-top: 0px;
  margin-left: 10px;
  color: #454545;
}
.input-area.decorated-input input[type="checkbox"] {
  width: auto;
}
.input-area.decorated-input input[type="checkbox"]:checked + label span i {
  opacity: 1;
}

.input-area-filter input[type=text] {
  width: 100%;
  max-width: 300px;
}

.input-area.input-area-filter button {
  cursor: default;
}

.blank-buttons {
  float: left;
  width: 100%;
}
.blank-buttons .blank-button {
  float: left;
  margin: 15px 20px 20px 5px;
  color: #454545;
}
.blank-buttons .blank-button i {
  position: relative;
  top: 1px;
  margin-right: 10px;
  font-size: 18px;
  color: #1879B9;
}
.btn-list {
  padding-bottom: 14px !important;
}
.btn-list .btn {
  margin-bottom: 10px;
}
.table-wrapper {
  display: inline-block;
  position: relative;
  width: 100%;
  overflow: auto;
}
.medium-first-col {
  display: inline-block;
}
.medium-first-col td:nth-child(odd) {
  width: 180px;
  padding-right: 30px;
}
.medium-first-col td:nth-child(even) {
  color: #1879B9;
}
.decorated-table {
  float: left;
  width: 100%;
  margin-top: 10px;
  border-top: 1px solid #e9e9e9;
}
.decorated-table tr {
  border-bottom: 1px solid #e9e9e9;
}
.decorated-table tr td,
.decorated-table tr th {
  padding: 14px 20px;
  text-align: left;
}
.decorated-table tr td .invoice-download,
.decorated-table tr th .invoice-download {
  font-size: 18px;
  color: #1879B9;
  transition: color 0.5s ease;
}
.decorated-table tr td .invoice-download:hover,
.decorated-table tr th .invoice-download:hover {
  color: #1879B9;
}
.decorated-table tr td.title,
.decorated-table tr th.title {
  min-width: 140px;
}
.decorated-table tr th {
  padding: 7px 20px;
  font-weight: normal;
  color: #1879B9;
  vertical-align: middle;
}
.decorated-table thead tr:nth-child(odd) {
  background: #fbfbfb;
}
.decorated-table tbody tr:nth-child(even) {
  background: #fbfbfb;
}
.decorated-table tbody tr:hover {
  background: #eee;
}
.decorated-table tfoot .summary {
  text-align: right;
}

.preloader {
  display: inline-block;
  padding: 30px 0;
  width: 100%;
  text-align: center;
  cursor: progress;
}

#ajax_loader .preloader {
  /* position: relative; */
  /* top: 25px; */
  /* left: 0px; */
}

.preloader i {
  color: #1879B9;
}
#login .content {
  text-align: center;
}
#login .col-3 {
  float: none;
  display: inline-block;
}
#login .login-box {
  position: relative;
  margin-top: calc(50vh - 270px);
}
#login .login-box .logo {
  margin: 10px 0;
  text-align: center;
}
#login .login-box .special-box {
  min-height: 0;
}
#login .login-box .input-area input {
  padding-left: 34px;
  width: 100%;
}
#login .login-box .input-area:not(.decorated-input) i {
  position: absolute;
  top: 11px;
  left: 13px;
  color: #1879B9;
}
#login .login-box input[type=submit],
#login .login-box input[type=button] {
  margin: 10px 0.25em;
  border-bottom: 1px solid #c1c1c1;
  width: 100px;
}

#login .login-box a i {
  position: relative;
  top: 1px;
  margin-left: 8px;
  color: inherit;
}

.special-box {
  min-height: 260px;
  padding-bottom: 50px;
  margin-right: 25px;
  overflow: hidden;
}
.special-box h2 {
  font: 14px/1.6em source_sans_proregular, "Arial", "Helvetica Neue", "Helvetica", sans-serif;
  letter-spacing: normal;
  font-size: 16px;
  line-height: 1.4em;
  color: #454545;
}
.special-box .box-summary {
  font-size: 1.15em;
  line-height: 1.6em;
}
.special-box .btn {
  position: absolute;
  left: 20px;
  bottom: 24px;
}
.special-box #start-chart {
  position: absolute;
  float: left;
  left: 0px ;
  bottom: 15px;
  width: 100%;
  height: 100%;
  padding: 60px 0px 0px 0px;
  overflow: hidden;
}

@font-face {
  font-family: 'source_sans_proregular';
  src: url('../css/fonts/source-sans-pro/sourcesanspro-regular-webfont.eot');
  src: url('../css/fonts/source-sans-pro/sourcesanspro-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../css/fonts/source-sans-pro/sourcesanspro-regular-webfont.woff2') format('woff2'), url('../css/fonts/source-sans-pro/sourcesanspro-regular-webfont.woff') format('woff'), url('../css/fonts/source-sans-pro/sourcesanspro-regular-webfont.ttf') format('truetype');
}
@font-face {
  font-family: 'source_sans_prolight';
  src: url('../css/fonts/source-sans-pro/sourcesanspro-light-webfont.eot');
  src: url('../css/fonts/source-sans-pro/sourcesanspro-light-webfont.eot?#iefix') format('embedded-opentype'), url('../css/fonts/source-sans-pro/sourcesanspro-light-webfont.woff2') format('woff2'), url('../css/fonts/source-sans-pro/sourcesanspro-light-webfont.woff') format('woff'), url('../css/fonts/source-sans-pro/sourcesanspro-light-webfont.ttf') format('truetype');
}
@font-face {
  font-family: 'source_sans_probold';
  src: url('../css/fonts/source-sans-pro/sourcesanspro-bold-webfont.eot');
  src: url('../css/fonts/source-sans-pro/sourcesanspro-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../css/fonts/source-sans-pro/sourcesanspro-bold-webfont.woff2') format('woff2'), url('../css/fonts/source-sans-pro/sourcesanspro-bold-webfont.woff') format('woff'), url('../css/fonts/source-sans-pro/sourcesanspro-bold-webfont.ttf') format('truetype');
}
@font-face {
  font-family: 'source_sans_prosemibold';
  src: url('../css/fonts/source-sans-pro/sourcesanspro-semibold-webfont.eot');
  src: url('../css/fonts/source-sans-pro/sourcesanspro-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('../css/fonts/source-sans-pro/sourcesanspro-semibold-webfont.woff2') format('woff2'), url('../css/fonts/source-sans-pro/sourcesanspro-semibold-webfont.woff') format('woff'), url('../css/fonts/source-sans-pro/sourcesanspro-semibold-webfont.ttf') format('truetype');
}
* {
  box-sizing: border-box;
}
html {

}
body {
  font: 14px/1.6em source_sans_proregular, "Arial", "Helvetica Neue", "Helvetica", sans-serif;
  letter-spacing: normal;
  color: #454545;
  background: #f2f2f2 url(../images/bg.jpg) no-repeat top center;
  background-position-x: -375px;
}

header#top div.content > div.grid:first-child {
  background-color: #fff;
}

#login {
  background-position: center -121px;
}
a {
  color: #1879B9;
  text-decoration: underline;
}
a:hover {
  font-weight: bolder;
}
a:focus {
  outline-color: black;
}

span,
#tresc table span
{
  color: #1879B9;
}

#tresc span {
  color: #454545;
}

#tresc a {
  text-decoration: none;
}

strong {
  font: 32px/1.3em source_sans_prosemibold, "Arial", "Helvetica Neue", "Helvetica", sans-serif;
  letter-spacing: normal;
  font-size: inherit;
  font-weight: normal;
}
h2 {
  float: left;
  font: 16px/1.4em source_sans_probold, "Arial", "Helvetica Neue", "Helvetica", sans-serif;
  letter-spacing: normal;
  color: #1879B9;
}
.error {
  color: red;
}
.good {
  color: green;
}
.bold {
  font-weight: bold;
}
.horizontal-space {
  margin-left: 7px;
}
.left {
  float: left;
}
.right {
  float: right;
}
.content-left {
  text-align: left;
}
.content-right {
  text-align: right;
}
.clear-top-padding {
  padding-top: 0 !important;
}
.hidden {
  display: none;
}
.small-separator {
  margin-top: 20px;
}
.small-bottom-separator {
  margin-bottom: 20px;
}

/* iBOK */

html.loading {
  cursor: progress;
}

html.loading #container {
  opacity: 0.25;
}

.SpryHiddenRegion {
  display: none;
}

#login .box {
  min-width: 260px;
}

#freecapHolder {
  margin-top: 14em;
}

#freecapButtonHolder {
  margin: 0 auto;
  width: 100px;
  display: flex;
  flex-direction: row;
  justify-content: center;
}

#divRegistry #freecapHolder {
  clear: both;
  margin-top: 0.75em;
}

#login .login-box #freecapButtonHolder > input {
  margin: 0.1em 0.25em;
}

#freecapCodeHolder {
  margin: 0 auto;
  position: static;
  float: none;
  clear: both;
}

#freecapCodeHolder label,
#freecapCodeHolder input {
  display: inline;
  float: none;
}

.alertTempDiv {
  position: absolute;
  z-index: -9999;
  visibility: hidden;
}

#sectRegulations div.grid {
  padding: 2em;
}

#sectRegulations form {
  width: 500px;
  margin: 0 auto;
}

#sectRegulations input[type=submit] {
  border-bottom: 1px solid #c1c1c1;
}

#regulationsInfo {
  margin: 1em 0;
  line-height: 1.5em;
  height: 1.5em;
}

#passReminder, #divRegistry {
  float: none;
  display: inline-block;
}

#passReminder fieldset {
  width: 400px;
  text-align: left;
  padding: 0 1.5em;
}

#passReminder .box {
  padding-top: 1em;
}

#divRegistry {
  font-weight: normal;
  width: 800px;
}

#divRegistry .login-box {
  margin-top: 20%;
}

#login h2 {
  float: none; 
}

#divRegistry legend,
#passReminder legend, 
#passChange legend,
#sectRegulations legend {
  width: 100%;
  margin-top: 0.5em;
  margin-bottom: 0.75em;
  font-size: 1.25em;
  text-align: center;
}

#divRegistry label,
#passChange label {
  text-align: right;
  padding-right: 0.5em;
  width: 33%;
}

span.registryRules {
  float: left;
  padding-left: 0.5em;
  font-size: 0.8em;
  color: #666;
}

.rValidationLine {
  color: red;
  text-align: left;
  padding-left: 200px;
}

#divRegistry .login-box .input-area input {
  width: auto;
} 

#divRegistry .login-box .input-area input[type=text],
#divRegistry .login-box .input-area input[type=password] {
  width: 33%;
  padding: 6px 15px;
}

#divRegistry .chb p {
  text-align: left;
}

#divRegistry .input-area.chb p * {
  float: left;
}

#divRegistry .input-area.chb p span[id] {
  display: block;
  width: 450px;
  text-align: justify;
}

#divRegistry .input-area.chb p input[type=checkbox] {
  position: relative;
  top: 3px;
}

#divRegistry .input-area.chb label[aria-hidden] {
/*  width: 170px;*/
}

#divRegistry #registryActivationInfo {
  text-align: justify;
}

#divFreecap {
  text-align: left;
}

#divFreecap img {
  margin-left: 200px;
}

#passImg {
  width: 200px;
}

#passChange .content {
  width: 600px;
  margin-top: 1.5em;
}

#passChange form {
  padding: 1em;
}

#passChange .submit {
  text-align: center;
  width: 100%; height: 44px;
}

#passChange .submit input {
  float: none;
}

#passChange .rValidationLine {
  padding-top: 40px;
}

#passChange h2 {
  padding: 1em 0 0 1em;
}

#ajax_loader {
  text-align: center;
  cursor: progress;
}

.moossage {
  z-index: 1001;
  width: 50%;
  min-width: 400px;
  line-height: 36px;
}

.moossage_icon {
  width: 32px; height: 32px;
  float: left;
  background: inherit; color: white;
  transform: scale(0.5);
}

.moossage_err .moossage_icon {
  background: url(../images/fa-exclamation.png) center no-repeat;
}

.moossage_wrn .moossage_icon {
  background: url(../images/fa-warning.png) center no-repeat;
}

.moossage_scc .moossage_icon {
  background: url(../images/fa-check.png) center no-repeat;
}

.moossage_close {
  width: 32px; height: 32px;
  line-height: 32px;
  margin: 0; padding: 0;
  font-weight: bold;
}

#topNavigationBar span.dict {
  color: #454545 !important;
}

#languages div {
  height: 36px;
  line-height: 36px;
}

#currLang {
  z-index: 99;
}

#languages ul.visible {
  display: block;
  position: absolute;
  z-index: 9999;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 4px;
  margin-top: 0;
  float: none;
}

#languages ul {
  list-style-type: none;
  display: none;
  margin-top: 0;
}

#top #languages ul li {
  display: block;
  float: none;
}

#responsiveLanguages {
  list-style-type: none;
}

#responsiveLanguages li {
  float: right;
  margin-left: 0.5em;
}

#thisContent {
  position: absolute;
  width: 100%;
  padding: 0 242px;
  z-index: 500;
}

#thisContent.wider {
  padding-right: 14px;
}

#accountUnactiveMsg {
  text-align: center;
  margin: 1.25em 0;
  height: 1.25em;
}

#accountUnactiveMsg div {
  height: inherit;
}

#accountUnactiveMsg h3 {
  font-size: 1.25em;
  color: red;
  height: inherit;
}

#custSelect {
  width: 250px;
  position: absolute; top: 11px;
}

#custSelect:focus {
  border: 2px solid black;
}

#responsive-custSelect {
  max-width: 250px;
}

#customerListHolder > span {
  color: #fff;
  margin-right: 0.5em;
}

#infoBarUserName {
  max-width: 666px;
  white-space: nowrap;
  overflow: hidden;
}

@media screen and (max-width: 1400px) {
  #infoBarUserName {
    max-width: 420px;
  }
}

@media screen and (max-width: 1250px) {
  #infoBarUserName {
    max-width: 350px;
  }
}

@media screen and (max-width: 1150px) {
  #infoBarUserName {
    max-width: 280px;
  }
}

@media screen and (max-width: 1100px) {
  #infoBarUserName {
    max-width: 230px;
  }
}

#userid {
  cursor: default;
}

#info-bar {
  margin-bottom: 1em;
}

#info-bar.unactive {
  margin-bottom: 0;
}

#menuList {
  width: inherit;
}

#menuList li a {
  color: #006fb9;
  font-weight: bold;
}


#male_menu_holder > div:first-child {
  padding: 6px 20px;
}

#male_menu {
  position: absolute;
  right: 0;
}

#male_menu a {
  text-decoration: none;
}

#male_menu ul {
  list-style-type: none;
}

#male_menu ul li a.active,
#male_menu ul li a:hover {
  font-weight: bolder;
}

#male_menu_list {
  margin-bottom: 0.5em;
}

#male_menu_emptylist {
  text-align: center;
  font-weight: normal;
}

#male_menu_emptylist em {
  font-style: normal;
}

#maleMenuFilter {
  width: 100%;
}

#spryregion2 {
  margin-top: 0.5em;
}

#male_menu .pagination {
  margin: 0 auto;
  width: 80%;
}

#male_menu .pagination li {
  display: inline-block;
  margin: 0;
  
}

#male_menu .pagination li a {
  margin: 0;
} 

#male_menu .pagination li a.info:hover {
  background: linear-gradient(#f0f0f0 0%, #dadada 100%);
  cursor: default;
  color: #454545 !important;
  border-bottom: 1px solid #c1c1c1;
  font-weight: normal;
}

.pagination li:first-child a {
  border-radius: 4px 0 0 4px;
}

.pagination li:last-child a {
    border-radius: 0 4px 4px 0;
    border-right: medium none;
}

.pagination li a {
  border-radius: 0;
  border-right: 1px solid #c8c8c8;
  margin: 0;
}

#male_menu_status {
  margin-top: 0.5em;
  text-align: center;
}

@media only screen and (max-width: 1000px) {
  #male_menu {
    position: static !important;
    width: 100%;
    max-width: 100%;
  }
}
div.grid > div.col-6 {
  padding-left: 0;
  padding-right: 0;
}

#tresc > div {
  padding-left: 20px;
  padding-bottom: 20px;
  padding-right: 20px;
  overflow-y: auto;
}

.tytul {
  border-bottom: 1px solid #ececec;
  float: left;
  padding: 10px 20px;
  width: 100%;
  color: #1879B9;
  float: left;
  font: 1.2em/1.4em source_sans_probold,"Arial","Helvetica Neue","Helvetica",sans-serif;
  letter-spacing: normal;
  margin-bottom: 0.5em;
}

.tytul span {
  position: relative;
  left: -20px;
}

#tresc .tytul span {
  color: #1879B9;
}

#tresc .podtytul span {
  display: inline-block;
  width: 200px;
  color: #454545;
}

#tresc dt {
  margin-top: 1em;
}

#tresc dl dt .podtytul {
  font-weight: bold;
}

/* Tabelki */
.table-wrapper caption {
}

caption .nawigacjatabeli {
  margin-bottom: 1em;
  float: right;
}

.nawigacjatabeli li {
  float: left;
  list-style-type: none;
}

.nawigacjatabeli li a {
  display: inline-block;
  padding: 3px 15px 4px;
  float: left;
  border-radius: 0px;
  border-right: 1px solid #c8c8c8;
  border-bottom: 1px solid #c8c8c8;
  margin: 0;
  background: linear-gradient(#f0f0f0 0%, #dadada 100%);
  font-size: 1em;
  color: #454545;
}

.nawigacjatabeli li a:hover {
  color: #fff;
  border-bottom: 1px solid #1771ae;
  background: linear-gradient(#156ba5 0%, #1d8fdb 100%);
  text-decoration: none !important;
}

.nawigacjatabeli li:first-child a {
  border-radius: 4px 0 0 4px;
}

.nawigacjatabeli li:first-child a span::before {
  content: "« "
}

.nawigacjatabeli li:nth-child(2) a span::before {
  content: "‹ "
}

.nawigacjatabeli li:nth-child(4) a span::after {
  content: " ›"
}

.nawigacjatabeli li:last-child a span::after {
  content: " »"
}

.nawigacjatabeli li:last-child a {
  border-radius: 0px 4px 4px 0px;
  border-right: none;
}

#tresc caption .nawigacjatabeli ul li a span {
  color: #454545;
}

#tresc caption .nawigacjatabeli ul li a:hover span {
  color: #fff;
}

caption .nawigacjatabeli ul li a img {
  display: none;
  visibility: hidden;
}

.decorated-table {
  white-space: nowrap;
}

a.link {
  cursor: pointer;
}

a.link:hover {
  text-decoration: underline;
}

#iframebody {
  overflow: hidden;
  background: white;
}

/* Formatki */
#tresc fieldset,
#iframebody fieldset {
  margin-top: 1em;  
}

form {
  margin-bottom: 1px;
}

#tresc fieldset,
#tresc fieldset legend,
#iframebody fieldset,
#iframebody fieldset legend {
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 1em;
}

#tresc fieldset legend,
#iframebody fieldset legend {
  padding: 0.25em 1em;
}

#tresc fieldset legend span,
#iframebody fieldset legend span {
  color: #666;
}

#tresc fieldset label,
#iframebody fieldset label {
  display: inline-block;
  width: 200px;
}

#tresc fieldset input[type=radio],
#iframebody fieldset input[type=radio] {
  width: auto;
}

.input-area h3 {
  font-weight: normal;
}


/* Kalendarz */
button.calendar {
  width: 24px;
  height: 24px;
  position: relative; top: 4px; left: 4px;
  background: url(../images/ico_calendar.gif) center no-repeat;
  cursor: pointer;
}

div.calendar {
  width: 15em;
  padding: 0.33em;
  background: white;
  border: 1px solid;
  border-radius: 8px;
}

div.calendar table {
  width: 99%;
}

div.calendar table caption a {
  cursor: pointer;
  display: inline-block;
  padding: 0 1em;
}

div.calendar table caption a:hover {
  text-decoration: underline;
}

div.calendar table caption span.month,
div.calendar table caption span.year {
  display: inline-block;
  margin: 0 0.25em;
}

div.calendar table thead {
  color: #333;
  cursor: default;
}

div.calendar table td {
  padding: 2px;
  text-align: center;
  cursor: default;
}

div.calendar table td a {
  color: gray;
  text-decoration: none;
  cursor: default;
}

div.calendar table td a:hover {
  font-weight: normal;
}

div.calendar table td.valid a {
  color: black;
  cursor: pointer;
  text-decoration: underline;
}

div.calendar table td.valid a:hover {
  font-weight: bold;
  color: #000 !important;
}

div.calendar table td.valid.today {
  color: #1879B9;
}

div.calendar table td.active a {
  font-weight: bolder;
  color: black;
}

.clr {
  clear: both;
}

/* --- Moduly --- */

/* Dashboard */
#thisContent.module-dashboard_v1 > .box {
  background: transparent;
  border: none;
}

#thisContent.module-dashboard_v1 .tytul {
  display: none;
}

#tresc > div#dashboard_v1 {
  padding-right: 0;
}

#dashboard_v1 > .col-9 {
  margin: 0 auto;
  width: 100%;
  display: block;
}

#dashboard_v1 > .col-9 > .grid {
  display: block;
  position: static;
}

#dashboard_v1 > .col-9 .col-6 {
  float: left;
}

#dbv1_graph_content {
  width: 100%;
  height: 100%;
}

#dbv1_graph_content object {
  width: 100%;
  height: 100%;
}

#dbv1_graph .special-box {
  padding-bottom: 0;
}

#dashboard_v1 .special-box {
  height: 275px;
}

#dbv1_info .box-content.text-padding {
  height: 140px;
  overflow: hidden;
}

#tresc span#dbv1_paid,
#tresc span#dbv1_paid span,
#dashboard_v1 span.title {
  color: #1879B9 !important; 
}

#details-pay{
  margin-top: 5px;
  font-size: 90%;
  line-height: 1.5;
  margin-bottom: 5px;
}

/* Strona glowna / Skrzynka */
#thisContent.module-homepage_v1 + #male_menu {
  display: none;
}

#thisContent.module-homepage_v1 {
  padding-right: 14px;
}

#thisContent.module-homepage_v1 #homepage_v1 {
  padding-left: 0;
  padding-right: 0;
}

#innerwiadomosc {
  padding: 1em;
}

h3 {
  color: #1879B9;
}

#homepage_v1 h2 span {
  color: #1879B9; 
}

#homepage_v1 h3 {
  font-weight: normal;
}

#homepage_v1 nav ul li span {
  visibility: hidden;
}

#homepage_v1 nav ul li span.dict {
  visibility: visible;
}

#tresc #homepage_v1 dt {
  margin-top: 0;
}

#homepage_v1 .more,
#homepage_v1 .more span,
#homepage_v1 .back,
#homepage_v1 .back span  {
  color: #1879B9;
}

#homepage_v1 .more:hover,
#homepage_v1 .back:hover  {
  text-decoration: underline;
}

.inbox a.title {
  color: #1879B9;
  float: left;
  transition: color 0.5s ease 0s;
  display: block;
  width: 100%;
}

.inbox {
  float: left;
  padding: 15px 60px 15px 0;
  width: 100%;
}

.inbox > div {
  margin-bottom: 10px;
}

/* Ustawienia */
#settings_v1 hr {
  display: none; 
}

.tytul_settings span {
  display: block;
  color: #1879B9 !important;
}

.tytul_settings:not(:first-child) {
  margin-top: 1em;
  display: block;
}

#settings_v1 form p.podtytul, #settings_v1 form p.podtytul span,
#settings_v2 form p.podtytul, #settings_v2 form p.podtytul span {
  width: auto;
}

#settingsChangeConsents label {
  position: relative;
  top: 2px; left: 2px;
}

/* Faktury */
 
#pdfPrintFak, #pdfPrintAdditional,
#print_um /* Umowy maja tak samo */ { 
  position: absolute;
  right: 0.5em; top: 0.5em;
  z-index: 999;
}


#pdfPrintFak span, #pdfPrintAdditional span,
#print_um span {
  color: #454545 !important;
  display: block;
  float: right;
  line-height: 20px;
  margin-left: 0.75em;
  height: 20px;
}

/** Na podstawie faktur mamy styl do linków pobierania. */
.pdfPrintFak {
  display: block;
  margin-top: 0.25em;  
}

.pdfPrintFak img, .pdfPrintFak span { 
  float: left;
}


#tresc .pdfPrintFak span {
  font-size: 0.9em;
  padding-left: 0.25em;
  color: #666;
}

#pdfPrintAdditional {
  right: 100px;
}

#fakturyStrzalka {
  cursor: pointer;
}

#fakturyStrzalka:hover {
  text-decoration: underline;
}

.faktura_nr {
  cursor: pointer;
}

.faktura_nr:hover {
  text-decoration: underline;
}

#thisContent.module-invoices_v1 #tresc span {
  color: #1879B9;
}

#thisContent.module-invoices_v1 #invoices_v1 span.podtytul span {
  color: #454545;
}

#invoices_v1 table {
  margin-bottom: 25px;
}

#invoices_v1 table caption {
  padding: 14px 20px;
  border-top: 1px solid #e9e9e9;
}

#invoices_v1 table caption > span {
  float: left;
}

#invoices_v1 table caption .podtytul {
  text-align: left;
}

/* Odczyty */
#readouts_v1 table {
  width: 800px;
  white-space: normal;
}


/* Dokumenty */
#thisContent.module-documents_v2 + #male_menu {
  display: none;
}

#thisContent.module-documents_v2 {
  padding-right: 14px;
}

#tresc #documents_v2 h2 span {
  color: #1879B9;
}

.doc-download:last-of-type {
    padding-bottom: 0;
}
.doc-download {
    float: left;
    padding: 15px 0 15px 60px;
    position: relative;
    width: 100%;
}

.doc-download > i {
    color: #1879B9;
    font-size: 30px;
    left: 0;
    position: absolute;
    top: 22px;
    transition: all 0.5s ease 0s;
}


.doc-download .btn {
    position: absolute;
    right: 0;
    top: 22px;
}


.doc-download a:not(.btn) {
    color: #1879B9;
    font-size: 16px;
    transition: all 0.5s ease 0s;
}

#documents_v2_nav .active:after {
  bottom: -1px;
}

/* Rozrachunki */
#thisContent.module-accountancy_v1 + #male_menu,
#thisContent.module-accountancy_v2 + #male_menu,
#thisContent.module-accountancy_v3 + #male_menu,
#thisContent.module-accountancy_v4 + #male_menu {
  display: none;
}

#thisContent.module-accountancy_v1,
#thisContent.module-accountancy_v2,
#thisContent.module-accountancy_v3,
#thisContent.module-accountancy_v4 {
  padding-right: 14px;
}

#accountancy_v1 table tbody span,
#accountancy_v2 table tbody span,
#accountancy_v3 table tbody span,
#accountancy_v4 table tbody span {
  color: #454545;
}

#tresc span#acc_v1_filterstitel, 
#tresc span#acc_v2_filterstitel, 
#tresc span#acc_v3_filterstitel,
#tresc span#acc_v4_filterstitel {
  color: #1879B9;
  float: left;
}

.filters a {
  margin: 0 10px;
  transition: color 0.5s ease 0s;
}

#tresc .filters a.active-filter {
  color: #1879B9;
  text-decoration: underline;
}

/* Rozrachunki v3 oraz v4 */

#acc_v3_basket img,
#acc_v4_basket img {
  position: absolute;
  right: 4px;
}

#acc_v3_gotopayments,
#acc_v4_gotopayments {
  height: 33px;
  line-height: 33px;
}

td.paymentsAction>a,td.paymentsAction>span {
  display: block;
  float: left;
  height: 32px;
}

td.paymentsAction>span {
  line-height: 32px;
  padding-left: 0.5em;
}

td.paymentsAction div span:last-child {
  position: relative;
  top: -5px;
  padding-left: 2px;
}

.pbn_basket_1 .pbn_basket_rem {
  display: inline-block;
}

.pbn_basket_1 .pbn_basket_add {
  display: none;
}

.pbn_basket_0 .pbn_basket_rem {
  display: none;
}

.pbn_basket_0 .pbn_basket_add {
  display: inline-block;
}

#paymentsStatusWindoo {
  padding: 1.5em 0.5em;
}

/* Analizy */
#analysis_v1_css {
  background-color: white;
}

.anv1_section {
  margin-bottom: 0.25em;
}

.anv1_section span {
  color: #999;
}

.anv1_section span:first-child {
  display: inline-block;
  width: 130px;
}

#wykres,
#wykres canvas {
  background: #fff;
}

#analysis_nograph_handler {
  width: 50%;
  margin: 0 auto;
  padding: 1em;
  font-size: 1.1em;
}

/* Wodomierze */
#tresc #meters_v2_pending {
  width: 500px;
  padding: 0.5em;
  margin-bottom: 1em;
}

#meters_v2_pending ul {
  list-style-type: none;
}

#meters_v1 .podtytul span:after {
  content: ":";
  padding-right: 0.25em;
}

@media only screen and (max-width: 1000px) {
  #meters_v1 .podtytul span {
    width: auto;
  }

  #topAdrWodom > p {
    margin-bottom: 0.5em;
  }

  #topAdrWodom > p > span.podtytul {
    position: relative;
    top: 0.2em;
  }
}

.dashboard_meters_red {
  background-color: #ffafaf !important;
}

.dashboard_meters_red:hover {
  background-color: #ff9a9a !important;
}

/* Zgłoszenia */

#tresc #notifications_v1 span,
#tresc #notifications_v2 span  {
  color: #1879B9;
} 

.blank-button {
  display: block;
  margin: 15px 20px 20px 5px;
}

.blank-button i {
  color: #1879B9;
  margin-right: 0.7em;
}

.blank-button span {
  color: #454545 !important;
}

#notifications_v1 form label,
#notifications_v2 form label {
  display: block; 
  width: 100%;
  padding-bottom: 0;
}

#notifications_v2 form h3, 
#notifications_v2 form h3{
  font-weight: normal;
  margin-top: 1em;
  line-height: 1.2em;
}

#notify_form {
  margin-top: 1em;
}

#CrmSubject {
  width: 500px;
  max-width: 500px;
}


#attach, #previewNotify {
  float: left;
  width: 155px;
}

/* Zgloszenie odczytu */
.ioreading {
  position: relative;
  left: 1em;
}

.edi label span:first-child {
  display: inline-block;
  width: 200px;
}

.edi label span {
  color: #666;
  
}

#readingNr, #readingFraction {
  width: 100px;
}

#zakres_hi, #zakres_lo {
  width: 100px;
}

.nrv1_comma {
  float: left;
  position: relative;
  top: 1em;
  margin: 0 0.5em;
}

#notifyreadout_v1 textarea {
  width: 333px;
  height: 100px;
}


#consioiio_lab {
  display: flex;
}

#consioiio {
  white-space: nowrap;
}

.readingsAcceptedOrNot label span {
  color: #666;
  font-weight: bolder;
}

.readingsAcceptedOrNot label + span {
  margin-left: 1em;
  color: #666;
}

#r_ido {
  width: 100px;
}

/* Historia zgloszen */
#nh_discuss_add_div {
  margin-bottom: 1em;
}

#nh_filtering {
  margin-bottom: 0.5em;
}

#nh_filtering fieldset {
  border: none;
  padding: 0;
  display: flex;
}

#nh_filtering fieldset legend {
  display: inline;
  padding: 0;
  border: 0;
  font-weight: normal;
}

#nh_filtering fieldset label {
  display: inline;
  width: auto;
}

label[for=anh_unreadcb] {
  display: inline-flex;
}

#nh_discussion {
  width: 50%;
}

@media only screen and (max-width: 1280px)
{
  #nh_discussion {
    width: 100%;
  }
}

.nh_discuss_post {
  border-radius: 5px;
  margin-bottom: 1em;
}

.nh_discuss_post_1 {
  margin-left: 10%;
  border: 1px solid #1879B9;
}

.nh_discuss_post_0 {
  margin-right: 10%;
  border: 1px solid #000;
}

.nh_discuss_post_top {
  display: flex;
  flex-direction: row;
  border-bottom: 1px solid #ccc;
  padding: 5px 10px 5px 10px;
}

.nh_discuss_post_top p {
  margin-right: 0.5em;
}

.nh_discuss_author + p {
  font-style: italic;
}

.nh_discuss_post_content {
  padding: 5px 10px 5px 10px;
}

#nh_discussstart {
  width: 100%;
  height: 1em;
}
  
#anh_discussion .nh_discuss_post_0 {
  margin-right: 0;
}

#anh_reply_content {
  width: 640px;
  height: 200px;
}

  /* Korespondencja */
#message_topic {
  width: 300px;
}

#customersResults table {
  white-space: normal;
}

/* Pogotowie */
#pogotowieResults table {
  white-space: normal;
}

/* Administracja  */
#adminusers_v1 table,
#adminusers_v2 table {
  white-space: normal;
}

#adminusers_v1 .filters,
#adminusers_v2 .filters {
  display: inline-block;
}

#adminusers_v1 .scrolling_wrapper,
#adminusers_v2 .scrolling_wrapper {
  margin-top: 0.33em;
}

#searchResultsHandle {
  margin-top: 1em;
}

table td.nowrap {
  white-space: nowrap;
}

#customerItemList {
  margin: 1em 0 1em 1.5em;
}


#AddNewGroupForm {
  width: 500px;
}

#admindocuments_v1 .kwadrat {
  cursor: move;
  background: #dedede;
}

#admindocuments_v1 tbody .menuadminrow-changed,
#admindocuments_v1 tbody .menuadminrow-changed:hover {
  background-color: #4A9883;
  color: white;
}

#admindocuments_v1 tbody .menuadminrow-changed span,
#admindocuments_v1 tbody .menuadminrow-changed:hover span {
  color: white;
}

#admindocuments_v2 .kwadrat {
  cursor: move;
  background: #dedede;
}

#admindocuments_v2 tbody .menuadminrow-changed,
#admindocuments_v2 tbody .menuadminrow-changed:hover {
  background-color: #4A9883;
  color: white;
}

#admindocuments_v2 tbody .menuadminrow-changed span,
#admindocuments_v2 tbody .menuadminrow-changed:hover span {
  color: white;
}

.tdFile {
  display: flex;
  flex-direction: column;
}

.tdFile input {
  width: 200px;
}

#decorated-table-admindocuments tr td{
  vertical-align: middle;
}

/* Administracja menu */
#adminmenu_v1 .kwadrat {
  cursor: move;
  background: #dedede;
}

#adminmenu_v1 tbody .menuadminrow-changed,
#adminmenu_v1 tbody .menuadminrow-changed:hover {
  background-color: #4A9883;
  color: white;
}

#adminmenu_v1 tbody .menuadminrow-changed span,
#adminmenu_v1 tbody .menuadminrow-changed:hover span{
  color: white;
}

#admindictionary_v1 .dictText {
  display: inline-block;
  width: 200px;
  height: 24px;
  overflow: hidden;
}

#AddNewLabelForm p {
  margin-top: 0.25em;
  vertical-align: top;
}

.dictPreview {
  z-index: 1500;
  background: black;
  color: white;
  border: #ccc;
  border-radius: 4px;
  padding: 4px;
}

.customerNamePreview {
  z-index: 1500;
  background: #1879B9;
  color: white;
  border-radius: 5px;
  padding: 10px;
  max-width: 640px;
  border: 1px solid #ccc;
}

#customername {
  cursor: default;
}

#adminhomepage_v1 ul {
  list-style-type: none;
  margin-top: 1em;
}

#adminhomepage_v1 ul li {
  border: 1px solid #ccc;
  border-radius: 4px;
  position: relative;
  margin-bottom: 0.618em;
  padding: 0.75em;
}

#adminhomepage_v1 ul li dt {
  margin-top: 0;
}

#adminhomepage_v1 ul li.message_active_0 dl {
  opacity: 0.618;
}

#adminhomepage_v1 ul li > i {
  position: absolute;
  top: 0.75em; right: 0.75em;
}

#ipt_title {
  width: 500px;
  max-width: 500px;
}

#tableBodyOA table {
  white-space: normal;
}

.admrdt_v1_preview fieldset {
  margin-top: 0.5em;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 0.75em;
  padding-top: 0.25em;
}

.admrdt_v1_preview fieldset legend {
  padding: 0.25em 0.75em;
  background: #ddd;
  border-radius: 4px;
  border: 1px solid #ccc;
}

.adm_p_popupL {
  font-weight: bold;
}

.adm_p_popupR {
  padding-left: 1em;
}

#browseCustomersResults table {
  white-space: normal;
}

#customerItemList .editActiveDate,
#customerItemList .cancelActiveDate,
#customerItemList .saveActiveDate {
  cursor: pointer;
}

#customerItemList .editActiveDate:hover,
#customerItemList .cancelActiveDate:hover,
#customerItemList .saveActiveDate:hover {
  text-decoration: underline;
}

/* Administracja platnosciami */
#ap_v1_main table {
  white-space: normal;
}

#ap_v1_main .tdStatus {
  cursor: help;
}

#admindocumentsform {
  height: 600px;
}

#al_v1_rgn table {
  white-space: normal;
}

span.duedate button {
  float: left;
}

span.duedate input {
  width: 100px;
}

#acc_v3_basket,
#acc_v4_basket {
  width: 200px;
  margin: 0.5em 0 0 0;
}

#acc_v3_basket ul ,
#acc_v4_basket ul {
  list-style-type: none;
}

#acc_v3_basket ul li a,
#acc_v4_basket ul li a {
  cursor: text;
}

#acc_v3_basket_sum,
#acc_v4_basket_sum {
  font-weight: bold;
}

#frmPaymentsPay {
  margin-top: 1em;
}

#paymentsConfirmText {
  margin: 0.25em 0 1em 0;
}

/*
 ----- WCAG -----
 */

#accessibility {
  width: 175px; 
  position: absolute;
  right: 1em;
  top: 0;
  z-index: 9999;
}

@media only screen and (max-width: 1000px)
{
  #top #accessibility {
    left: calc(50% - 160px) !important;
  }
}

@media only screen and (max-width: 900px)
{
  #top #accessibility {
    left: calc(50% - 180px) !important;
  }
}

@media only screen and (max-width: 800px)
{
  #top #accessibility {
    left: calc(50% - 22px) !important;
  }
}


@media only screen and (max-width: 500px)
{
  #top {
    height: 150px;
  }
  
  #top #accessibility {
    left: calc(50% - 100px) !important;
    top: 90px;
  }
}

#top #accessibility {
  left: calc(50% - 200px);
}

#accessibility > div {
  width: 100%;
  height: 100%;
}

#accessibility h1,
#accessibility h2,
#accessibility p {
  text-indent: -999em;
  position: absolute;
  left: -999em;
}

#accessibility ul {
  margin-top: 10px;
}

#accessibility .wcagWrapper li {
  float: left;
  margin: 0 3px 0 0;
  list-style: none;
}

#accessibility .wcagWrapper li a {
  display: block;
  width: 31px;
  height: 31px;
  margin: 0.25em;
  text-indent: -999em;
  border: none;
  outline: none;
}

#accessibility .wcagWrapper li a:hover,
#accessibility .wcagWrapper li a:active {
  border: 2px solid black;
}

#accessibility .wcagWrapper li a:focus {
  border: 2px solid #1879B9;  
}

.wcagWrapper a.contrDefault {
  background: url(../images/ico_contr_1.png) no-repeat;
}

.wcagWrapper a.contrBW {
  background: url(../images/ico_contr_2.png) no-repeat;
}

.wcagWrapper a.contrYellowBlack {
  background: url(../images/ico_contr_3.png) no-repeat;
}

.wcagWrapper a.contrBlackYellow {
  background: url(../images/ico_contr_4.png) no-repeat;
}

.wcagWrapper a.fontDefault {
  background: url(../images/fontDefault.png) no-repeat;
}

.wcagWrapper a.fontBigger {
  background: url(../images/fontBigger.png) no-repeat;
}

.wcagWrapper a.fontBig {
  background: url(../images/fontBig.png) no-repeat;
}

.wcag-contrast-2 .wcagWrapper a.fontDefault,
.wcag-contrast-4 .wcagWrapper a.fontDefault {
  background: url(../images/fontDefault2.png) no-repeat;
}

.wcag-contrast-2 .wcagWrapper a.fontBigger,
.wcag-contrast-4 .wcagWrapper a.fontBigger {
  background: url(../images/fontBigger2.png) no-repeat;
}

.wcag-contrast-2 .wcagWrapper a.fontBig,
.wcag-contrast-4 .wcagWrapper a.fontBig {
  background: url(../images/fontBig2.png) no-repeat;
}

#rgnSettingsEICurrentStatus {
  margin-bottom: 1em;
}

#divIbokTimeout {
  position: absolute;
  right: 33px;
  top: 66px;
}

@media screen and (max-width: 1000px) {
  #divIbokTimeout {
    right: 15px;
    top: 60px;
  }
}

#divIbokTimeout.warn span {
  font-weight: bold;
  color: red;
}

.aria-hide {
  position: absolute;
  left: -1000px; top: -1000px;
}

#ibokVersion {
    position: fixed;
    bottom: 0.1em; right: 0.1em;
    font-size: 0.75em;
    color: #aaa;
    z-index: 9999;
}

#sitemap {
  margin: 1.25em;
}

#sitemapnav h2, 
#sitemapnav h3 {
  margin-top: 0.5em;
}

#sitemapnav ul,
#sitemapnav li,
#sitemapnav h2, 
#sitemapnav h3,
#sitemapnav a {
  float: none;
  display: block;
  line-height: 1.75em;
}

#sitemapnav li a {
  display: inline;
  font-size: 1.1em;
}

#sitemapnav h2 {
  font-size: 1.1em;
}

.wcagWrapper a.ariaSitemap {
  background: url(../images/sitemap.png) no-repeat;
}

.wcag-contrast-2 .wcagWrapper a.ariaSitemap,
.wcag-contrast-4 .wcagWrapper a.ariaSitemap {
  background: url(../images/sitemap2.png) no-repeat;
}


#accountancy_v1 table tbody span.accountancy_unpaid,
#accountancy_v2 table tbody span.accountancy_unpaid,
#accountancy_v3 table tbody span.accountancy_unpaid,
#accountancy_v4 table tbody span.accountancy_unpaid,
li.mm_invoice_unpaid_red a {
  color: #d00000;
}

li.mm_invoice_unpaid_yellow a {
  color: #ffca00;
}

li.mm_invoice_paid a {
  color: green;
}

#settingsSmsCodeHolder,
#settingsMailCodeHolder {
  margin-top: 1.5em;
}

#faq_v1 {
  margin-bottom: 1em;
}

#faq_v1_info {
  margin-bottom: 1em;
} 

#faq_v1 .nawigacjatabeli {
  margin: 1em 0;
}

#faq_v1 .nawigacjatabeli img {
  display: none;
}

#faq_v1 .nawigacjatabeli a:hover span,
#faq_v1 .nawigacjatabeli a:hover i {
  color: #fff !important;
}

#faq_v1 .inbox {
  padding: 5px 60px 5px 0;
}

.adminfaq_v1_cell {
  display: block; 
  width: 500px; height: 50px;
  overflow: hidden;
}

#nr_v1_rem_att span {
  color: #197dc0 !important;
}

#nr_v1_rem_att:hover span {
  text-decoration: underline;
}

#template_title {
  width: 550px
}

#mobile-widget {
  padding-top: 1em;
}

#qr a img {
  width: 111px;
  height: 111px;
}

.app-store {
  margin: 0;
}

.app-store a {
  margin: 0;
}

#app-stores .app-store img {
  width: 150px;
  margin: 5px;
}

.app-store#app-store-and a img {
  width: 170px;
}

.input-area.search-input button[aria-hidden=true],
button[aria-hidden=true] {
  cursor: default;
}

#passChange h2.err,
#passChange h3.err,
#passChange h3.err + p {
  padding: 1em;
  width: 100%;
}

#passChange h2.err {
  padding-top: 0;
  padding-bottom: 1em;
}

#passChange h3.err {
  color: red;
}

#passChange .box {
  padding-top: 1em;
}

.mapsHolder > div {
  width: 80%;
  height: 350px;
  margin: 0 auto;
}

.mapsInfoCell {
  vertical-align: middle;
  width: 80px;
}

#notifyreadout_v1 fieldset .reading_form {
    display: grid;
    grid-template-columns: 50% 50%;
    grid-template-rows: auto auto;
}

#notifyreadout_v1 fieldset .reading_form .nr_v1_formleft {
  grid-row-start: 1;
  grid-column-start: 1;
}

#notifyreadout_v1 fieldset .reading_form .nr_v1_formright {
  grid-row-start: 1;
  grid-column-start: 2;
}

#notifyreadout_v1 fieldset .reading_form .nr_v1_formbottom {
  grid-row-start: 2;
  grid-column-start: 1;
  grid-column-end: 3;
}

@media only screen and (max-width: 1000px) {
  #notifyreadout_v1 fieldset .reading_form {
    display: block;
  }

}

#notifyreadout_v1 .meter_expired {
  color: #df0000;
}

#divPassword {
  position: relative;
}

.btnSettingsShowPassword .fa.fa-eye, .btnSettingsShowPassword .fa.fa-eye-slash, #passwordIcon{
  position: relative !important;
  top: 0 !important;
  left: 0 !important;
  color: black !important;
  font-size: initial;
}

#btnShowPassword {
  position: absolute;
  right: 3px; top: 5px;
  height: 75%;
  cursor: pointer;
  border: none;
  background: transparent;
  border-radius: 5px;
}

.mainmeterwarning span{
  color: red !important;
  width: 100% !important;
  font-weight: bold;
}

#password-strength-area {
  display: flex;
  justify-content: center;
}

#strength-bar {
  display: flex;
  justify-content: left;
  background-color: #dcdcdc;
  width: 180px;
  height: 8px;
}

#password-strength-msg {
  width: 200px;
  padding: 5px 0;
  color: #1879B9;
}

#password-strength-msg1,
#password-strength-msg2,
#password-strength-msg3,
#password-strength-msg4,
#password-strength-msg5 {
  width: 200px;
  padding: 5px 0;
  color: #1879B9;
  margin-left: 255px;
  text-align: center !important;
}

#password-strength-wrapper {
  min-height: 44px;
  font-size: 0.9em;
}

.strength{
  width: 25%;
  display: inline-block;
  position: relative;
  height: 100%;
}

.btnSettingsShowPassword {
  width: 40px;
  height: 30px;
  cursor: pointer;
  border: none;
  background: transparent;
  border-radius: 5px;
  margin-left: 4px;
}

#password-strength-wrapper-passwordreminder {
  min-height: 44px;
  font-size: 0.9em;
}

#password-strength-wrapper-passwordreminder > label {
  margin-left: 55px;
}

.fValidationLine {
  color: red;
  text-align: center;
}

#passReminder > div > main > form {
  width: 400px;
  min-height: 120px;
  padding: 10px;
  background-color: white;
}

#wk_form .box {
  padding: 1em 0;
  min-width: 260px;
  height: 270px;
}

#wk_form input[type=image] {
  padding: 1em;
  width: 75%;
}

#wk_form input[type=image]:hover,
#wk_form input[type=image]:active {
  background-color: #1879B9;
}

#login span.ui-dialog-title {
  color: black;
}

#einvoiceConsentRegulations {
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 1em;
}

#settingsEinvoiceConsentForm2 div.input-area {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
}

#settingsEinvoiceConsentForm2 #einv2radios label {
  width: auto;
  margin-right: 0.33em;
}

#settingsEinvoiceConsentForm2 input[type=text] {
  width: 222px;
}

#einv2radios,
#einv2radios > div {
  display: flex;
  align-items: baseline;
}

#einv2radios > div {
  margin: 0 1em 0.1em 0;
}

span[titel=einv2TelephoneNoInfo] {
  display: block;
  width: 100%;
  padding-left: 200px;
}

#settingsEinvoiceConsentForm2 label[for=einv2Agreed] {
  width: auto;
  margin-right: 0.33em;
}

#einv2WaitOrCancel, #einv2Wait, #einv2Results {
  margin-top: 0.5em;
}

#login .login-box .btn-next{
  border:none !important;
  padding: 6px 15px !important;
}

#frmPassReminder
{
  background-color: transparent !important;
}

#login .login-box .reminder-btn{
  width: 100% !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

#box-align{
  padding: 10px 20px 10px 0px !important;
}

:focus {
  outline: 1px solid #007bff;
  outline-offset: 1px;
  border-radius: 4px;
}

.ui-resizable-handle {
  font-size: 11px !important;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/** Pomysł na skip-links od https://widzialni.org/ */
#fastforward {
  position: absolute;
  top: 0;
  list-style-type: none;
}

#fastforward li:before {
  content: "\200B";
  position: absolute;
  left: -9000em;
  display: block;
}

#fastforward a, #fastforward a:visited {
  position: absolute;
  top: 0.5em;
  left: -9000em;
  display: block;
  text-align: center;
  width: 212px;
  text-decoration: none;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease 0s;
  transition: opacity 0.3s ease 0s;
}

#fastforward a:hover, #fastforward a:focus, #fastforward a:active, #fastforward a:visited:hover, #fastforward a:visited:focus, #fastforward a:visited:active {
  background: #fff;
  color: #000;
  font-weight: bold;
  font-size: 1em;
  padding: 5px 10px;
  z-index: 10;
  left: 0.5em;
  opacity: 1;
  border: 1px solid #1879B9;
  outline: none;
}