@font-face {
    font-family: 'hk_groteskregular';
    src: url('hkgrotesk_regular-webfont.eot');
    src: url('hkgrotesk_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('hkgrotesk_regular-webfont.woff2') format('woff2'),
         url('hkgrotesk_regular-webfont.woff') format('woff'),
         url('hkgrotesk_regular-webfont.ttf') format('truetype'),
         url('hkgrotesk_regular-webfont.svg#hk_groteskregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
html {width: 100%;display: block;}
body.site {border-top: 0px solid #ffffff !important;}
body { font-family: 'hk_groteskregular'; display: block;}
.body { font-family: 'hk_groteskregular'; display: inline-block; position: relative; width: 100%;}
strong {color: #757575;}

h2, h3 {
    display: block;
    font-size: 1.5em;
    font-weight: bold;
}

.itemid-102 {background: url(karta_tlo.png) no-repeat top left; background-size: cover;}
.itemid-112 {background: url(karta_tlo.png) no-repeat top left; background-size: cover;}
.itemid-113 {background: url(karta_tlo.png) no-repeat top left; background-size: cover;}
.itemid-114 {background: url(karta_tlo.png) no-repeat top left; background-size: cover;}

#content {display:none !important; padding: 0px 15px; max-width: 1024px; margin: 0 auto;}
#aside {display:none !important;}
#listofuslugijson {display:none !important;}
#endoflistofuslugijson{display:none !important;}
#adresapi {display:none !important;}

blockquote {border-left-style: solid;border-left-width: 4px;padding-left: 20px;font-size: 14px;line-height: 1.5em;text-align: justify;border-color: #e41d36 !important;padding-top: 1px;padding-bottom: 1px;display: block; margin: 40px 10px 40px 20px;}

blockquote p {color: #e4223a;font-size: 18px; font-weight: bold;}

.itemid-102 #content {display:block !important;}
.itemid-112 #content {display:block !important;}
.itemid-113 #content {display:block !important;}
.itemid-114 #content {display:block !important;}

.itemid-102 a {color: #e42038;}
.itemid-112 a {color: #e42038;}
.itemid-113 a {color: #e42038;}
.itemid-114 a {color: #e42038;}

.dolnelinki {display:block;width: 100%;margin-top: 50px; margin-bottom: 50px; text-align: center;}
.glownadokument {width: 300px;color: #FFF !important;background: #e42038;text-decoration: none;display: inline-block;text-align: center;padding: 10px;border-radius: 5px; margin:5px 30px;}
.glownadokument:hover {color: #ffeb3b !important;}

.moduletablelogopartnerzypkm {display:inline-block; max-width: 50%; float:left;}
.customlogopartnerzypkm img {max-width:280px;}
.moduletablewizerunekkartypartnerypkm {display:inline-block; max-width: 50%; float: right;}
.customwizerunekkartypartnerypkm img {max-width:120px}
.item-page {display: block; width: 100%; float: left;}
.moduletable {display:block; width: 100%; float:left;}
.menumenuglowne {list-style: none; padding:15px; text-align: center; background: #e42038;border-radius:5px;}
.menumenuglowne li {display: inline-block; margin: 0px 10px;}
.menumenuglowne li a {color: #FFF; text-decoration: none;}
.menumenuglowne li a:hover {color: #ffeb3b;}
.customstopka {font-family: 'hk_groteskregular';  display: block; position: relative; width: 100%; padding:0px 15px 30px 15px; max-width: 1024px; margin: 0 auto;}
.liniastopka {border-top: 2px solid #e42038;margin-top: 15px; width:100%; display:block; position:relative;}
.blokstopka {position: relative;display: inline-block;width: 32%;vertical-align: bottom;}
.pobierzsklepa {display: block;text-align: center;}
.pobierzsklepimg {max-width:180px;}

.photo {display:none !important;}


.itemid-112 .moduletablelogowaniepartnerowstrona {width: 100%;display: block;position: relative;float: left;margin-bottom: 40px;}

.itemid-112 #form-login-username {padding: 10px 0px;}
.itemid-112 #form-login-password {padding: 10px 0px;}
.itemid-112 #form-login-submit {padding: 10px 0px;}

.itemid-112 #login-form input {display: inline-block;width: 98%;height: 35px;border-radius: 5px;border: 1px solid #e42037;padding: 0px 10px;color: #333;cursor: pointer;}
.itemid-112 #login-form input:placeholder-shown {color: #757575;}
.itemid-112 #login-form input:placeholder {color: #757575;}
.itemid-112 #login-form button {width: 100%;height: 40px;border: 1px solid #e42037;border-radius: 5px;cursor: pointer;background: #e42037;color: #fff;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.itemid-112 #login-form button:hover {border: 1px solid #ad5761; background:#ad5761; }

.itemid-112 #system-message-container {width: 100%;display: block;position: relative;float: left;margin-bottom: 40px;}
.itemid-112 #system-message {}
.itemid-112 #system-message .alert {background: #fbfbfb;border: 1px solid #e42037;padding: 5px 15px 15px 15px;border-radius: 5px;}
.itemid-112 #system-message .alert .close {float: right;cursor: pointer;}
.itemid-112 #system-message .alert .close:hover {color:#333;}
.itemid-112 #system-message .alert .alert-heading {display: block;padding: 0;margin: 5px 0px;font-weight: bold;color: #7a7a7a;font-size: 16px;}
.itemid-112 #system-message .alert .alert-message {display: block;padding: 0;margin: 5px 0px;font-size: 16px;}

.itemid-112 .photo {display: inline-block !important;width: 100px;height: 100px;border: 1px solid #e42037;border-radius: 50%;vertical-align: middle;margin-right: 10px;}
.itemid-112 .photoimage {width: 100px;height: 100px;border-radius: 50%;object-fit: cover;}
.itemid-112 .witaj {display: inline-block;vertical-align: middle;width: 52px;font-size: 22px;}
.itemid-112 #nazwauzytkownika {display: inline-block;vertical-align: middle;width: 75%;overflow: hidden;font-size: 22px;white-space: nowrap;}
.itemid-112 .logout-button {display: block;margin-top:40px;}


.itemid-112 .moduletablestatystykipartnerafront {width: 100%;display: block;position: relative;float: left;margin-bottom: 40px;}

#jform_com_fields_pole_statystyk {display:none !important;}

#jform_com_fields_ulgi_przypisane_do_partnera {display:none !important;}


.niemaststystyk {
        font-size: 21px;
    background: #009688;
    color: #ffffff;
    text-align: center;
    padding: 50px 20px;
    border-radius: 10px;
}

.blokstandard {
     width: 96%;
    display: block;
    padding: 10px 10px;
    margin: 0px 10px 10px 0px;
    border: 1px solid grey;
    border-radius: 10px;   
}

#kwotyblokpszok {
    text-align: center;
    padding: 20px 10px;
}

.wykresotokoboksiebie {
    width: 96%;
    display: inline-block;
    padding: 10px 10px;
    margin: 0px 10px 10px 0px;
    border: 1px solid grey;
    border-radius: 10px;
    vertical-align: middle;
    background: #ffffff;
}

.wykresotokoboksiebiedwa {
    background: transparent !important;
}

.razemudzielonychulgotok {
    text-align: center;
        padding-top: 10px;
}

.ostatnioudzielanaulgaotok {
        text-align: center;
        padding-top: 10px;
}

.razemudzielonychulg {
padding-top: 54px;
    font-size: 44px;
    color: #fff;
    white-space: nowrap;
    line-height: 34px;
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
       overflow: hidden;
}

.razemudzielonychulgotokinner {
        width: 150px;
    height: 150px;
    background: #f67a8a;
    margin: 0 auto;
    border-radius: 50%;
        overflow: hidden;
}

.razemudzielonychulgetykieta {
        font-size: 16px;
        padding-top: 20px;
}

.ostatnioudzielanaulga {
    padding-top: 40px;
    font-size: 33px;
    color: #fff;
    white-space: normal;
    line-height: 34px;
        padding-left: 5px;
    padding-right: 5px;
    text-align: center;
}

.ostatnioudzielanaulgainner {
    width: 280px;
    height: 150px;
    background: #6abf6d;
    margin: 0 auto;
    border-radius: 30px;
    overflow: hidden;
}

.ostatnioudzielanaulgaetykieta {
        font-size: 16px;
        padding-top: 20px;
}

.historiaulgwykres {
    font-size: 16px;
}

.ulgiprocentowowykres {
    font-size: 16px;
}

.chartcontainer {
    
}

.chartcontainerprocent {
    
}

.chartlegend {
    display: inline-block;
        min-height: 80px;
    margin-top:20px;
}

.chartlegendtwo {
        display: inline-block;
        min-height: 80px;
       margin-top:20px;
}

.chartlegendblue {
        display: inline-block;
        padding-right: 8px;
        width: 185px;
}

.chartlegendlightblue {
        display: inline-block;
        padding-right: 8px;
        width: 185px;
}

.chartlegendgreen {
        display: inline-block;
        padding-right: 8px;
        width: 185px;
}

.charttwolegendblue {
      display: inline-block;
        padding-right: 8px;
        width: 185px;
}

.charttwolegendgreen {
      display: inline-block;
        padding-right: 8px;
        width: 185px;
}

.charttwolegendyellow {
      display: inline-block;
        padding-right: 8px;
        width: 185px;
}

.charttwolegendorange {
      display: inline-block;
        padding-right: 8px;
        width: 185px;
}

.charttwolegendpurple {
      display: inline-block;
        padding-right: 8px;
        width: 185px;
}

.charttwolegendred {
      display: inline-block;
        padding-right: 8px;
        width: 185px;
}

.charttwolegenddarkred {
      display: inline-block;
        padding-right: 8px;
        width: 185px;
}

.chartlegendbluekostka {
        display: inline-block;
        width: 11px;
    height: 11px;
    background: rgba(33, 150, 243, 0.5);
    border: 1px solid rgba(31, 103, 160, 0.3);
    margin-right: 8px;
}

.chartlegendlightbluekostka {
        display: inline-block;
            width: 11px;
    height: 11px;
    background: rgba(255, 193, 7, 0.5);
    border: 1px solid rgba(255, 152, 0, 0.3);
    margin-right: 8px;
}

.chartlegendgreenkostka {
        display: inline-block;
                width: 11px;
    height: 11px;
    background: rgba(244, 67, 54, 0.5);
    border: 1px solid rgba(233, 30, 99, 0.3);
    margin-right: 8px;
}

.charttwolegendbluekostka {
      display: inline-block;
                    width: 11px;
    height: 11px;
    background: rgba(77, 208, 225, 0.5);
    border: 1px solid rgba(0, 96, 100, 0.2);
    border-radius: 50%;
    margin-right: 8px;
}

.charttwolegendgreenkostka {
      display: inline-block;
                    width: 11px;
    height: 11px;
    background: rgba(76, 175, 80, 0.5);
    border: 1px solid rgba(41, 97, 44, 0.2);
    border-radius: 50%;
    margin-right: 8px;
}

.charttwolegendyellowkostka {
      display: inline-block;
                    width: 11px;
    height: 11px;
    background: rgba(253, 216, 53, 0.5);
    border: 1px solid rgba(249, 168, 37, 0.2);
    border-radius: 50%;
    margin-right: 8px;
}

.charttwolegendorangekostka {
              display: inline-block;
                    width: 11px;
    height: 11px;
    background: rgba(255, 167, 38, 0.5);
    border: 1px solid rgba(245, 124, 0, 0.2);
    border-radius: 50%;
    margin-right: 8px;
}

.charttwolegendpurplekostka {
              display: inline-block;
                    width: 11px;
    height: 11px;
    background: rgba(186, 104, 200, 0.5);
    border: 1px solid rgba(123, 31, 162, 0.2);
    border-radius: 50%;
    margin-right: 8px;
}

.charttwolegendredkostka {
              display: inline-block;
                    width: 11px;
    height: 11px;
    background: rgba(239, 83, 80, 0.5);
    border: 1px solid rgba(198, 40, 40, 0.2);
    border-radius: 50%;
    margin-right: 8px;
}

.charttwolegenddarkredkostka {
              display: inline-block;
                    width: 11px;
    height: 11px;
    background: rgba(176, 39, 39, 0.5);
    border: 1px solid rgba(130, 31, 31, 0.2);
    border-radius: 50%;
    margin-right: 8px;
}


.chartlegendblue div {
        display: inline-block;
        font-size: 16px;
}

.chartlegendlightblue div {
        display: inline-block;
        font-size: 16px;
}

.chartlegendgreen div {
        display: inline-block;
        font-size: 16px;
}

.charttwolegendblue div {
      display: inline-block;
        font-size: 16px;
}

.charttwolegendgreen div {
      display: inline-block;
        font-size: 16px;
}

.charttwolegendyellow div {
      display: inline-block;
        font-size: 16px;
}

.charttwolegendorange div {
      display: inline-block;
        font-size: 16px;
}

.charttwolegendpurple div {
      display: inline-block;
        font-size: 16px;
}

.charttwolegendred div {
      display: inline-block;
        font-size: 16px;
}

.charttwolegenddarkred div {
      display: inline-block;
        font-size: 16px;
}

.sortowaniechartuotok {
        min-height: 80px;
}

.sortowaniechartuotok label {
    display: block;
    width: 98%;
    padding-bottom: 5px;
}

#historiaulgopis {
       margin-bottom: 10px;
    display: block;
}

.sortowaniechartuselect {
    width:46%;
    display: inline-block;
        margin-right: 10px;
}

.chartsortowaniewynik {
        width:44%;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    margin: 0 auto;
    padding: 4px 20px 0px 20px;
    font-weight: bold;
}

#kwotabrakkwot {
       min-height: 485px; 
}

#kwotasakwoty {
        min-height: 485px;
}

#kwotacalkowitablok {
        background: #8BC34A;
    border-radius: 10px;
    text-align: center;
    padding: 10px;
    color: #ffffff;
        margin-top: 20px;
}

#kwotacalkowitablok .podtytulkwota {
    font-size: 16px;
}

.podtytulkwota {
        font-size: 13px;
}

.kwotacalkowita {
        padding: 15px;
    font-size: 30px;
}

.kwotydivtabela .podtytulkwota {
    margin-top: 10px;
    text-align: center;
    display: block;
}

.miesiactransakcji {
    color: yellow;
    font-weight: bold;
}


.kwotyblok {
      margin-top: 20px;
    text-align: center;
}

.kwotyblokinner {
        display: inline-block;
    width: 45%;
}

#kwotawmiesiacublok {
        background: #28a8f4;
    border-radius: 10px;
    text-align: center;
    padding: 10px;
    color: #ffffff;
    margin-top: 30px;
    
}

.resetowaniestatystykuseraotok {
        width: 96%;
    display: block;
    padding: 10px 10px;
    margin: 0px 10px 10px 10px;
    border-radius: 10px;
}

.resetowaniestatystykuseraotokpszok {
        width: 96%;
    display: block;
    padding: 10px 10px;
    margin: 0px 10px 10px 10px;
    border: 1px solid grey;
    border-radius: 10px;
}


.map_pszok_inner {
            width: 100%;
    height: 500px;
        background: #e5eff1;
}

.map_pszok_inner_loader {
        width: 200px;
    text-align: center;
    display: block;
    margin: 0 auto;
    padding-top: 100px;
}

.map_pszok_inner_text {
        text-align: center;
    font-size: 14px;
    font-weight: bold;
    padding-top: 40px;
}

#mapawyjasnieniapszok {
        padding: 20px 0px;
}

#kwotawmiesiacublok .podtytulkwota {
    font-size: 16px;
}

.kwotawmiesiacu {
        padding: 15px;
    font-size: 30px;
}

.kwotydivtabela {
        margin-top: 20px;
}

#map_pszok {
        width: 100%;
    height: 500px;
}

#tabelaudzielonychulgkwotamiesiac {
        width: 100%;
    text-align: left;
    max-height: 250px;
    height: 250px;
    display: block !important;
    overflow: scroll;
        margin-top: 10px; 
        border: 1px solid #808080;
    border-radius: 10px;
}

.drugichartblanker {
    width:96%;
    min-height:30px;
}

.informacjaonazwachulg {
    width: 96%;
    min-height: 50px;
    height: 50px;
    display: block;
}

.myChartUser {
    min-height:300px;
       max-height:400px;
    max-width:100%;

}

.myChartProcent {
      min-height:300px;
  max-width:100%;
}

.chartogranicznik {
     min-height:300px;
      max-width:100%;
}

.ostatnioudzielanaulgadata {
        padding-top: 10px;
    color: #ffffff;
    font-size: 16px;
}


.tabelaudzielonychulg {
width: 100%;
    text-align: left;
    max-height: 300px;
    height: 300px;
    display: block !important;
    overflow: scroll;
}

.tabelaudzielonychulg tbody {
width: 99%;
        display: table;
}

.tabelaudzielonychulg tr {
width: 100%;
}

#tabelaudzielonychulg tr:nth-child(even){
background: #e8e8e8;
}

#tabelaudzielonychulg tr:nth-child(odd){
background:transparent;
}


#tabelapszokhistoria tr:nth-child(even){
background: #e8e8e8;
}

#tabelapszokhistoria tr:nth-child(odd){
background:transparent;
}

#tabelapszokhistoria tr td:nth-child(8) {
background:rgba(139, 83, 80, 0.2);
}

#tabelapszokhistoria tr td:nth-child(9) {
background:rgba(76, 175, 80, 0.2);
}

#tabelapszokhistoria tr td:nth-child(10) {
background:rgba(77, 208, 225, 0.2);
}

#tabelapszokhistoria tr td:nth-child(11) {
background:rgba(244, 67, 54, 0.2);
}

#tabelapszokhistoria tr td:nth-child(12) {
background:rgba(255, 193, 7, 0.2);
}

#tabelapszokhistoria tr td:nth-child(13) {
background:rgba(186, 104, 200, 0.2);
}

#tabelapszokhistoria tr td:nth-child(14) {
background:rgba(31, 103, 160, 0.2);
}


.tabelaudzielonychulg th {
min-width: 25px;
    background: #03A9F4 url(sort.png) no-repeat center right;
    background-size: contain;
    color: #fff;
    padding: 3px 3px;
    border-radius: 10px;
    cursor: pointer;
    border-width: 6px 6px 8px 6px;
    border-color: #f6f7f7;
    border-style: solid;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.tabelaudzielonychulg th:hover {
       min-width: 25px;
    background: #005aa5 url('sort.png') no-repeat center right;
        background-size: contain;
    color: #fff;
        padding: 3px 3px;
        border-radius: 10px;
    cursor:pointer;
}

.tabelaudzielonychulg td {
    padding: 2px 5px;
}

#niemastatystykpszok {
        background: #009688;
    color: #ffffff;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    padding: 40px 20px;
    width: 80%;
    margin: 40px auto;
    border-radius: 10px;
}


#exelexportpszok {
text-align: center;
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    border-radius: 8px;
    margin: 20px auto;
    display: block;
    background: #00BCD4;
    padding: 7px 10px;
    width: 300px;
    text-decoration: none;
    cursor:pointer;
          -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

#exelexportpszok:hover {
    background: #4CAF50;
    text-decoration: none;
}


#drukowaniePDFpszok {
text-align: center;
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    border-radius: 8px;
    margin: 20px auto;
    display: block;
    background: #00BCD4;
    padding: 7px 10px;
    width: 300px;
    text-decoration: none;
    cursor:pointer;
          -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

#drukowaniePDFpszok:hover {
    background: #4CAF50;
    text-decoration: none;
}

.resetowaniestatystykuseralabel {
    min-height:60px;
        padding-bottom: 20px;
}


.resetowaniestatystykuseralabeldwa {
    min-height:60px;
        padding-bottom: 20px;
}

.resetowaniestatystykuserabutton {
        display: block;
  border: none;
    border: 1px solid #666;
    padding: 10px 20px;
    color: #666;
    font-size: 14px;
    font-weight: bold;  
        margin: 0 auto;
    width: 290px !important;
    text-align: center;
    border-radius:5px;
    
          -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.resetowaniestatystykuserabutton:hover {
        background: #2196f3;
        color:#ffffff;
      border: 1px solid #fff;
}


.resetowaniestatystykuserabuttondwa {
        display: inline-block;
    border: none;
    border: 1px solid #666;
    padding: 10px 20px;
    color: #666;
    font-size: 14px;
    font-weight: bold;
        margin: 0 auto;
    width: 290px !important;
    text-align: center;
     border-radius:5px;
    
          -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
    
}

.resetowaniestatystykuserabuttondwa:hover {
        background: #2196f3;
        color:#ffffff;
         border: 1px solid #fff;
}

.resetowaniestatystykuserabuttonrezygnuj {
        display: inline-block;
    border: none;
    border: 1px solid #666;
    padding: 10px 20px;
    color: #666;
    font-size: 14px;
    font-weight: bold;
        margin: 0 auto;
    width: 290px !important;
    text-align: center;
     border-radius:5px;
    
          -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.resetowaniestatystykuserabuttonrezygnuj:hover {
    background: #2196f3;
    color:#ffffff;
         border: 1px solid #fff;
}

.wykresyoboksiebiewczasie, .historiaulg, .resetowaniestatystykusera {
    padding-top:15px;
}

.pobierzraportwpdf {
    width: 97%;
}



.pobierzraportwpdfbuttonhistoria {
    display: inline-block;
    border: none;
    border: 1px solid #666;
    padding: 10px 20px;
    color: #666;
    font-size: 14px;
    font-weight: bold;
    margin-right: 5px;
    text-align: center;
    border-radius: 5px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    margin-bottom: 10px !important;
     cursor: pointer;
}

.pobierzraportwpdfbutton:hover {
    background: #2196f3;
    color:#fff;
         border: 1px solid #fff;
}

.pobierzraportwpdfbuttonhistoria:hover {
    background: #2196f3;
    color:#fff;
         border: 1px solid #fff;
}


.pobierzraportwpdfbuttonhistoriazestawienie {
    display: inline-block;
    border: none;
    border: 1px solid #666;
    padding: 10px 20px;
    color: #666;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    border-radius: 5px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    margin-bottom: 10px !important;
    cursor: pointer;
}


.pobierzraportwpdfbuttonhistoriazestawienie:hover {
    background: #2196f3;
    color:#fff;
         border: 1px solid #fff;
}

.sortableth {font-size: 13px;}

.experimentalcanvas {
    display:none !important;
}

.nazwauzytkownikaklon {
    font-size: 22px;
    line-height: 24px;
    font-weight: bold;
}

.raportwygenerowanodnia {
     font-size: 16px;
    padding-top: 5px;
    padding-bottom: 0px;
}

.wydrukujtodopdf {
    padding-top: 20px;
}

.raportwygenerowanodniainner {
        display: inline-block;
}

.nazwauzytkownikaklonhistoria {
    font-size: 22px;
    line-height: 24px;
    font-weight: bold;
}

.raportwygenerowanodniahistoria {
     font-size: 16px;
    padding-top: 5px;
    padding-bottom: 20px;
}

.raportwygenerowanodniainnerhistoria {
        display: inline-block;
}

.h3pszok {
    padding-left:15px;
}

.resetowaniestatystykuserabuttonpszok {
    margin: auto;
        display: inline-block;
}


.blankerdlapdf {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #e5eff1;
    z-index: 1000;
        text-align: center;
    display:none;
}

.blankerdlapdfimg {
    width: 300px;
    margin: 0 auto;
    display: block;
    top: 150px;
    position: relative;
}

.blankerdlapdftext {
    width: 400px;
    margin: 0 auto;
    display: block;
    top: 200px;
    position: relative;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
}

.wydrukujszeroki {
        min-width: 1350px;
    max-width: 1350px;
    width: 1350px;
}


.danezserwerowinformiki {
    border: 1px solid #ddd;
    padding: 10px 20px;
    border-radius: 4px;
    margin-right: 10px;
}

.upsklops {
        padding: 15px 0px;
}

.pobieraniedanych {
            padding: 15px 0px;
}

.pobieraniedanychinner {
    display: inline-block;
    vertical-align: middle;
    padding-top: 25px;
}

.pobieraniedanychimg {
        display: inline-block;
    width: 100px;
    height: 100px;
    vertical-align: middle;
}



#tabelaidulg tr:nth-child(even){
background:#ffffff;
}

#tabelaidulg tr:nth-child(odd){
background:#ffffff;
}

#tabelawpisowdopol tr:nth-child(even){
background:#ffffff;
}

#tabelawpisowdopol tr:nth-child(odd){
background:#ffffff;
}

.tabelaidulg {
    border-collapse: separate;
    border-spacing: 10px;
        width: 100%;
}

.tabelawpisowdopol {
    border-collapse: separate;
    border-spacing: 10px;
        width: 100%;
}


.tabelaidulg th {
    min-width: 25px;
    background: #2084d7;
    color: #fff;
    padding: 5px 8px;
    border-radius: 3px;
    text-align: left;
}


.tabelaidulg td {
    padding: 5px 8px;
    border: 1px solid #dfdfdf;
    border-radius: 4px;
}

.tabelawpisowdopol th {
    min-width: 25px;
    background: #43a53c;
    color: #fff;
    padding: 5px 8px;
    border-radius: 3px;
        text-align: left;
}


.tabelawpisowdopol td {
    padding: 5px 8px;
    border: 1px solid #dfdfdf;
    border-radius: 4px;
        width: 54%;
}

.ramka {
border: 1px solid #dfdfdf;
    padding: 10px 20px;
    margin-bottom: 10px;
        margin-top: 15px;
    border-radius: 4px;
    background: whitesmoke;
}

.ramka h4 {
 padding-left:10px;
}


.podsumowanieulgdashboard {
        padding-left: 15px;
}


.statystykidashboardstopka {
    padding: 10px 40px 10px 15px;
}

.ileobsluzonychmieszkancow {
       font-size: 44px;
    white-space: nowrap;
    overflow: hidden;
        padding-top: 54px;
}

.ilemieszkancowpodpis {
        font-size: 14px;
    padding-top: 25px;
}

.labelkostkadashboard {
        width: 205px;
}

.tabelaudzielonychulgdopdf {
    max-height: 100% !important;
    height: auto !important;
    overflow: visible !important;
}

.wykrespelny {
        width: 95.5%;
}

.wykrespelnypszok {
        width: 95.5%;
}

#chartcontainerprocentdwa {
        min-height: 485px;
}

.chartogranicznikdwa {
    max-width: 983px;
    max-height: 350px;
    text-align: center;
        margin-top: 50px;
    margin-bottom: -30px;
}


.razemudzielonychulgdwa {
        padding-top: 26px;
    font-size: 34px;
    color: #fff;
    white-space: nowrap;
    line-height: 34px;
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
    overflow: hidden;
        display: block;
}

.razemudzielonychulgdla {
    font-size: 18px;
    color: #fff;
    white-space: nowrap;
    line-height: 28px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 9px;
    padding-bottom: 4px;
    text-align: center;
    overflow: hidden;
    display: block;
}

.razemudzielonychulgmieszkancowliczba {
    font-size: 25px;
    color: #fff;
    white-space: nowrap;
    line-height: 28px;
    padding-left: 5px;
    padding-right: 0px;
    text-align: left;
    overflow: hidden;
    display: inline-block;
}

.razemudzielonychulgmieszkancow {
        font-size: 20px;
    color: #fff;
    white-space: nowrap;
    line-height: 28px;
    padding-left: 2px;
    padding-right: 5px;
    text-align: left;
    overflow: hidden;
    display: inline-block;
}

.razemudzielonychulgotokinnerdwa {
        width: 280px;
    height: 150px;
    background: #f67a8a;
    margin: 0 auto;
    border-radius: 30px;
    overflow: hidden;
}

.trwagenerowaniestatystykpszok {
  width: 100%;
    text-align: center;
    display: block;
    margin: 0 auto;
    padding: 40px 0px;
    font-weight: bold;
    font-size: 16px;  
}

.imgtrwagenerowaniestatystykpszok {
        width: 150px;
    height: 150px;
    text-align: center;
    display: block;
    margin: 0 auto;
}

@media screen and (max-width: 1000px) {
    
    .tabelaudzielonychulg th {
    background: #03A9F4;
}

}

@media screen and (max-width: 768px) {
.customlogopartnerzypkm img {
    max-width: 185px;
}
.customwizerunekkartypartnerypkm img {
    max-width: 80px;
}
    .blokstopka {
    display: block;
    width: 100%;
}
    .pobierzsklepa {
    display: inline-block;
    text-align: left;
    margin-top: 15px;
}
.glownadokument {
    width: 95%;
    display: block;
    text-align: center;
    margin: 15px 0px;
}
    .dolnelinki {
    display: block;
    width: 100%;
    margin-top: 30px;
    margin-bottom: 30px;
}
.menumenuglowne li {
    display: inline-block;
    margin: 5px 10px;
}  
    
    
    .itemid-112 .photo {
    display: block !important;
    margin-bottom: 15px;
}
    
    .itemid-112 .witaj {
    display: block;
    vertical-align: middle;
}
    
    .itemid-112 #nazwauzytkownika {
    display: block;
    vertical-align: middle;
    width: 80%;
}
    
}