@font-face {
    font-family: ArmasenKelson;
    src: url("../assets/font/ArmasenKelson.ttf") format('truetype'), url('../assets/font/ArmasenKelson.eot?#iefix') format('embedded-opentype'), url("../assets/font/ArmasenKelson.woff") format("woff"), url("../assets/font/ArmasenKelson.woff2")format("woff2"), url("../assets/font/ArmasenKelson.otf") format("opentype");
}
html, body {
    font-family: ArmasenKelson, Arial, sans-serif;
    margin: 0;
    padding: 0;
    height: 100%;
    overflow: hidden;
}
body {
    position: relative;
    overflow-x: hidden;
    overflow-y: hidden;
    min-height: 100%;
}
#qrcode img {
    margin: 0 auto;
}
.popupShowQrButton {
    margin-right: 10px;
    border-radius: 4px;
}
.legend-knowledgeBase {
    margin: auto;
    text-align: center;
}
.smallRespLegendBtn, .smallRespForecastBtn {
    display: none;
    background: none;
    border: none;
}
.smallRespLegendBtn:hover, .smallRespForecastBtn:hover {
    background: none;
    border: none;
    color: black;
    cursor: pointer;
    text-decoration: none;
}
.modal-footer-sm {
    background-color: transparent;
    display: none;
    width: 360px;
    height: 190px;
    position: absolute;
    bottom: 85px;
    right: 0px;
    overflow: hidden !important;
    font-size: 1em;
    overflow-x: hidden !important;
    top: unset;
    left: unset;
    z-index: 290;
}
.modal-footer-sm .modal-header {
    padding: 5px 5px;
    border-bottom: 0;
}
.modal-footer-sm .modal-title {
    margin: 0px 5px 0px 5px;
    padding: 0 10px 0 0;
    font-size: 1em;
    font-weight: bold;
}
.modal-footer-sm .close {
    opacity: unset;
}
.modal-footer-sm .close:hover {
    opacity: unset;
}
.modal-footer-sm .close svg {
    padding: 5px;
}
.kpjp-main-container.contrast .modal-footer-sm .close {
    border: 0 !important;
}
.modal-footer-sm .close svg path {
    fill: black;
}
.modal-footer-sm .modal-body {
    position: relative;
    padding: 5px;
    color: black;
}
.kpjp-main-container.big .modal-footer-sm .modal-body {
    font-size: 0.8em !important;
}
.kpjp-main-container.contrast .modal-footer-sm .modal-body {
    color: yellow !important;
}
.kpjp-main-container.contrast .modal-footer-sm .close svg path {
    fill: yellow !important;
}
.modal-footer-sm .modal-title {
    color: black;
}
.kpjp-main-container.contrast .modal-footer-sm .modal-title {
    color: yellow !important;
}
.kpjp-main-container.contrast .modal-footer-sm .modal-content-sm {
    background-color: black !important;
}
.modal-dialog.footer.modal-sm {
    position: absolute;
    margin: unset;
    bottom: 0;
    width: auto;
    right: 25px;
}
.modal-content-sm.footer {
    width: unset;
    margin: unset;
    background: white;
    border-radius: 10px;
    padding: 5px;
}
.anim-stop {
    float: right;
    padding-top: 12px;
    font-size: 0.8em;
}
.animation-navbar {
    padding-left: 0 !important;
}
.animation-hamburger {
    width: 230px !important;
}
.animation-hamburger .kpjp-pc-tutorial-polutions li.active {
    background-color: transparent !important;
}
.animation-hamburger .kpjp-pc-tutorial-polutions li.active a:hover {
    background-color: transparent !important;
    cursor: default;
    color: #a8c632 !important;
}
.kpjp-main-container.contrast .animation-hamburger .navbar-nav>li.active>a {
    color: yellow !important;
    border: 1px solid black !important;
    font-weight: bold;
}
.kpjp-main-container.contrast .animation-hamburger .navbar-nav>li.active>a:hover {
    color: yellow !important;
    border: 1px solid black !important;
    background-color: transparent !important;
    font-weight: bold;
}
.animation-hamburger .kpjp-pc-tutorial-polutions li.active a {
    color: #a8c632 !important;
}
.kpjp-main-container.big footer {
    font-size: 0.9em !important;
}
.anim-range-div {
    display: inline-block;
    width: calc(100% - 130px);
    margin: 18px 10px 0 20px;
}
.row {
    margin: 15px 0;
}
.changeSizeBig {
    font-size: 2em;
    padding-right: 4px;
}
.changeSizeSmall {
    font-size: 1.5em;
}
.spectrum-img {
    border-radius: 8px;
    overflow: hidden;
    height: 8px;
    max-width: 400px;
}
.spectrum-img img {
    width: 100%;
    object-fit: contain;
    margin-top: -8px;
}
.footer-div-item.legend {
    display: inline-block;
    border-right: 1px solid #ececec;
    color: black;
    padding: 4px 15px;
    font-size: 0.9em;
}
.footer-div-item.legend.aqi {
    display: inline-block;
    margin: 5px 0 -10px 0;
    padding: 0 15px 3px 15px;
    border-right: 1px solid #ececec;
    color: black;
    font-size: 1em;
}
.foreacastSmallModal .tr {
    padding: 10px;
    text-align: left;
    font-size: 0.9em;
}
.legendSmallModal .tr {
    padding: 2px 0;
    text-align: center;
    font-size: 0.9em;
}
.legend-div .tr .td, .modal-footer-sm .tr .td {
    display: inline-block;
    padding: 1px 0;
}
.legend-div .tr.not-collapse .td {
    cursor: default;
}
.legend-div .tr .td.unit {
    padding-right: 15px;
    cursor: default;
}
.legend-div .tr .td .item, .modal-footer-sm .tr .td .item {
    border-radius: 5px;
    padding: 2px 5px;
    margin: 0 2px;
    color: white;
}
.outline {
    -webkit-text-stroke: 2px black;
    font-family: 'Titillium Web', sans-serif;
}
.legend-div .tr .td .item .name, .modal-footer-sm .tr .td .item .name, .aqi-td .name {
    padding: 0 3px 0 6px;
}
.legend-div .tr .td .item .border, .modal-footer-sm .tr .td .item .border, .aqi-td .border {
    border-right: 1px solid white;
    padding: 0 6px 0 3px;
    font-weight: bold;
}
.aqi-td .border, .aqi-td .name {
    padding: 0px !important;
    width: 50%;
    display: inline;
}
.aqi-td .border {
    float: left;
    text-align: right !important;
}
.aqi-td .name {
    float: right;
    text-align: left !important;
}
.legend-table-aqi .numbers td {
    text-align: center;
    width: 25%;
}
.legend-table-aqi .numbers td:first-child {
    text-align: left;
    width: 10%;
}
.legend-table-aqi .numbers td:last-child {
    text-align: right;
    width: 10%;
}
.float-right {
    float: right;
}
.float-left {
    float: left;
}
.wcag-img path {
    fill: #a8c632 !important;
}
.kpjp-main-container.contrast .wcag-img path {
    fill: yellow !important;
}
.back-to-top svg {
    color: #FFF;
    font-size: 1.3em;
    margin: 3px -2px;
}
.kpjp-main-container.contrast .back-to-top svg {
    color: black !important;
}
.modalScrollTopBtn {
    z-index: 1002 !important;
}
.back-to-top {
    cursor: pointer;
    position: absolute;
    bottom: 10px;
    right: 10px;
    display: none;
    background: #413258;
    width: 40px;
    height: 40px;
    border-radius: 50px;
}
.kpjp-main-container.contrast .back-to-top {
    background: yellow;
}
.kpjp-main-container.contrast .back-to-top:hover {
    background: yellow;
    filter: brightness(80%);
}
.kpjp-main-container.contrast .back-to-top:focus {
    background: yellow;
}
.back-to-top:hover {
    background: #413258;
    filter: brightness(130%);
}
.back-to-top:focus {
    background: #413258;
}
.back-to-top>svg path {
    fill: white !important;
}
.evertop-logo {
    height: 50px;
}
.additional-info table td.color {
    color: black;
}
.navbar-div .popover {
    background-color: #697e14;
    border: 0;
    border-radius: 5px;
    padding: 1px;
    color: white;
}
.navbar-div .popover.bottom {
    margin-top: 5px;
    border-radius: 5px;
}
.navbar-div .popover-title, .navbar-div .popover-content {
    background-color: #697e14;
    color: white;
    border: 0;
}
.navbar-div .popover-content {
    display: none;
}
.popover-content {
    font-size: 0.9em;
    color: black;
}
.kpjp-main-container.contrast .popover.top>.arrow {
    bottom: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-color: #999;
    border-top-color: yellow;
    border-bottom-width: 0;
}
.kpjp-main-container.contrast .popover.top>.arrow:after {
    bottom: 1px;
    margin-left: -10px;
    content: " ";
    border-bottom-width: 0;
    border-top-color: yellow;
}
.legend-div button {
    padding: 0;
    margin: 0;
    border: 0;
}
.kpjp-main-container.contrast .legend-div button {
    background-color: unset;
    border: 0;
    color: black;
}
.legend-div button:hover, .legend-div button:focus {
    padding: 0;
    margin: 0;
    border: 0;
}
.legend-div .btn {
    font-size: unset;
    vertical-align: unset;
}
.legend-div .btn:focus {
    outline: 0px auto -webkit-focus-ring-color;
    outline-offset: 0px;
}
.popover.bottom>.arrow {
    top: -17px;
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-width: 11px;
    border-bottom-color: #697e14;
}
.popover.bottom>.arrow:after {
    top: 1px;
    margin-left: -10px;
    content: " ";
    border-top-width: 0;
    border-bottom-color: #697e14;
}
.kpjp-main-container.big .popover-title, .kpjp-main-container.big .popover-content {
    font-size: 1.3em;
}
.kpjp-main-container.contrast .popover, .kpjp-main-container.contrast, .kpjp-main-container.contrast .popover-content {
    background-color: yellow;
    color: black;
}
.kpjp-main-container.contrast .popover.bottom>.arrow {
    top: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: yellow;
}
.kpjp-main-container.contrast .popover.bottom>.arrow:after {
    top: 1px;
    margin-left: -10px;
    content: " ";
    border-top-width: 0;
    border-bottom-color: yellow;
}
.kpjp-activate-email {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: white;
    color: white;
    text-align: center;
}
.kpjp-activate-email .info {
    display: block;
    margin: 10% auto;
    font-size: 1.8em;
    font-weight: bold;
    padding: 40px 0;
    border: 1px solid white;
    width: 60%;
    background-color: #a8c632;
}
.kpjp-activate-email .info a {
    font-size: 0.6em;
    text-decoration: underline;
}
.kpjp-activate-email .info a:hover {
    color: #8da728;
}
.kpjp-main-container.contrast p, .kpjp-main-container.contrast a, .kpjp-main-container.contrast li, .kpjp-main-container.contrast input::placeholder, .kpjp-main-container.contrast .navbar-nav>li>a {
    color: yellow !important;
}
.kpjp-main-container.contrast li, .kpjp-main-container.contrast input.search {
    background: black;
}
.alert {
    margin: 5px auto;
    border-radius: 0;
    display: none;
    top: 0;
    height: 35px;
    padding: 6px;
    text-align: center !important;
}
.kpjp-main-container.contrast .alert {
    margin: 0 auto;
    border-radius: 0;
    display: none;
    background-color: darkred;
    border-color: yellow;
    color: black;
    top: 0;
}
.logo-container {
    position: absolute;
    top: 30px;
    z-index: 10;
    cursor: pointer;
    right: 40px;
}
.logo-container .bigBanner {
    display: block;
}
.logo-container .smallBanner {
    display: none;
}
.logo-container img {
    height: 50px !important;
}
a, li, .navbar-nav>li>a {
    color: rgba(168, 198, 50, 1);
}
.navbar-right>li>a {
    padding-left: 10px;
    padding-right: 10px;
    display: inline-block;
}
.kpjp-main-container.big .navbar-right>li>a {
    padding: 13px 10px;
}
.navbar-nav {
    margin: 0px;
}
.kpjp-main-container {
    font-size: 1em;
    color: white !important;
    background-color: rgba(0, 0, 0, 0.2) !important;
    height: 100%;
}
.kpjp-main-container.not-full-screen {
    position: relative;
}
.kpjp-animation-container {
    display: none;
    background-color: rgba(0, 0, 0, 0);
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 280;
}
.animation-controls {
    margin-left: 10px;
    position: absolute;
    display: none;
    cursor: pointer;
    height: 100%;
    width: calc(100% - 260px);
}
.anim-play {
    display: none;
}
.animation-controls svg {
    margin: 0 5px 0 0;
    width: 2.5em;
    height: 2.5em;
}
.animation-controls path {
    fill: #a8c632;
}
.animation-controls .anim-stop path {
    fill: #a8c632;
   /*red */
}
.kpjp-main-container.contrast .animation-controls path {
    fill: yellow !important;
}
.kpjp-main-container.contrast .animation-controls .anim-stop path {
    fill: yellow !important;
   /*red */
}
.kpjp-main-container.contrast .kpjp-pc-info-modal-footer {
    color: yellow !important;
    background: black !important;
    border: 0px solid yellow;
}
.kpjp-main-container.big {
    font-size: 1.3em !important;
}
.kpjp-main-container.contrast {
    color: yellow !important;
}
header {
    position: absolute;
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    z-index: 300;
}
.wcag {
    float: right;
    font-size: 1em !important;
    padding: 0 0 0 10px;
}
.navbar {
    position: absolute;
    top: 0;
    z-index: 100;
    width: 100%;
    margin-bottom: 0;
    border-radius: 0;
    padding: 0 10px;
}
.nav>li>a:focus {
    background: transparent;
}
.nav>li {
    position: relative;
    display: inline-block;
}
.navbar-div {
    height: auto;
    position: relative;
    padding: 0 20px;
    overflow: auto;
    display: table;
    padding-left: 140px;
    background-color: white;
    width: calc(100% - 40px);
    margin: 30px 20px 0 20px;
    border-radius: 10px;
    box-shadow: 3px 3px 10px #bdbdbd;
    line-height: 0px;
    height: 60px;
}
.userInfo, .hamburgerMenuItem {
    display: none;
    float: right;
}
.hamburger-type-title {
    display: none;
}
.userInfo .navbar-nav {
    overflow: hidden;
    font-size: 1em;
    border-right: 1px solid #bdbdbd;
    padding: 0 10px;
    margin: 10px 10px;
    height: 30px;
    color: black;
}
.hamburgerMenuItem .navbar-nav {
    overflow: hidden;
    font-size: 1em;
    border-left: 1px solid #bdbdbd;
    padding: 0 0 0 20px;
    margin: 10px 10px;
    height: 30px;
    color: black;
}
.kpjp-main-container.contrast .userInfo .navbar-nav {
    border-right: 1px solid yellow;
}
.kpjp-main-container.contrast .hamburgerMenuItem .navbar-nav {
    border-left: 1px solid yellow;
}
.userInfo .navbar-nav .kpjp-user-info {
    color: black;
    padding: 15px 5px;
    cursor: pointer;
}
.kpjp-hamburger-menu svg:hover {
    cursor: pointer;
}
.userInfo .navbar-nav:hover p {
    color: #a8c632;
}
.userInfo .navbar-nav svg {
    display: none;
    margin-top: -7px;
    font-size: 1.3em;
}
.userInfo .navbar-nav svg path {
    fill: black;
}
.kpjp-main-container.contrast .userInfo .navbar-nav svg path {
    fill: yellow;
}
.kpjp-main-container.contrast .userInfo .navbar-nav:hover svg path {
    fill: yellow;
}
.userInfo .navbar-nav svg path {
    fill: #a8c632;
}
.kpjp-main-container.contrast .userInfo .navbar-nav:hover{
    background-color:orangered !important;
}

.kpjp-main-container.contrast .userInfo .navbar-nav p {
    color: yellow;
    padding: 0;
}
.kpjp-main-container.big .navbar-div {
    font-size: 0.9em;
    padding-left: 150px;
}
.kpjp-main-container.contrast .navbar-div {
    background-color: transparent;
}
.navbar-nav {
    overflow: hidden;
    margin-right: 0 !important;
    height: 50px;
}
.kpjp-main-container.contrast .navbar-nav>li:hover>a {
    color: white !important;
    background: orangered;
}
.kpjp-main-container.contrast .nav>li>a:hover {
    text-decoration: none;
    background: orangered;
}
.kpjp-main-container.contrast .nav>li.active>a:hover {
    text-decoration: none;
    background-color: yellow;
}
.kpjp-main-container.contrast .navbar-nav>li.active {
    background-color: yellow;
}
.kpjp-main-container.contrast .navbar-nav>li.active>a {
    color: #1d1e1b !important;
    border: 1px solid yellow !important;
    font-weight: bold;
}
.kpjp-main-container.contrast .navbar-nav>li.active>a:hover {
    color: #1d1e1b !important;
    border: 1px solid yellow !important;
}
.kpjp-main-container.contrast .anim-loading {
    color: yellow !important;
    background-color: #1d1e1b !important;
}
.navbar-nav>li:hover {
    background: #ececec;
}
.navbar-nav>li.active {
    background-color: #a8c632;
}
.navbar-nav>li.active:hover>a {
    background-color: #a8c632;
}
.navbar-nav>li.active>a {
    color: #FFF !important;
}
.kpjp-main-container.big .navbar-right>li, .kpjp-main-container.big .navbar-right>li>a {
    line-height: 20px;
    vertical-align: middle;
}
.kpjp-main-container.big .navbar-left>li, .kpjp-main-container.big .navbar-left>li>a {
    line-height: 20px;
    vertical-align: middle;
}
.menu-icons {
    display: inline-block;
    height: 50px;
    width: 70px;
    margin: 0 5px;
    float: left;
    overflow: hidden;
    position: relative;
}
.kpjp-main-container.big .menu-icons {
    width: 82px;
}
.menu-icons svg {
    width: 5em;
    height: 5em;
    position: absolute;
    margin: -10px 0;
}
.kpjp-main-container.big .menu-icons svg {
    margin: -13px 0;
}
.wcag-img {
    display: inline-block;
    width: 1.5em;
    margin: 0px;
    height: 2em;
}
#main {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}
.map-container {
    overflow: hidden;
    position: absolute;
    height: 100%;
    width: 100%;
    padding-right: 0;
    padding-left: 0;
}
#map {
    overflow: hidden;
    height: 100%;
    width: auto;
}
.map-controls {
    position: absolute;
    bottom: 100px;
    right: 25px !important;
    top: inherit !important;
    text-align: center;
}
.map-controls svg path {
    fill: black !important;
}
.map-controls svg {
    height: 0.8em;
    width: 0.8em;
}
.kpjp-main-container.contrast .map-controls svg path {
    fill: yellow !important;
}
.zoom-in, .zoom-out, .map-center, .my-location, .basemaps {
    width: auto;
    height: auto;
    padding: 3px 8px 4px 8px;
    position: relative;
    display: block;
    margin: 0 0 5px 0;
    cursor: pointer;
    color: white;
    border-radius: 2px;
}
.zoom-in, .zoom-out, .map-center, .my-location, .basemaps {
    border: 1px solid white;
    background-color: white;
}
.kpjp-main-container.contrast .zoom-in, .kpjp-main-container.contrast .zoom-out, .kpjp-main-container.contrast .map-center, .kpjp-main-container.contrast .my-location {
    border: 1px solid black !important;
    background-color: black !important;
}
.footer-div {
    height: auto;
    position: relative;
    width: auto;
    padding: 0 10px;
   /*width: calc(100% - 20px);
   */
    margin: 0px 10px 20px 10px;
    background: white;
    border-radius: 10px;
    box-shadow: 3px 3px 10px #bdbdbd;
    font-size: 0.9em;
    display: inline-block;
    float: right;
}
.kpjp-main-container.contrast .footer-div {
    background: black !important;
}
.footer-div a {
    color: black;
}
.kpjp-main-container.contrast .footer-div a {
    color: yellow;
}
.footer-div-item {
    display: inline-block;
    margin: 8px 0;
    padding: 5px 15px;
    border-right: 1px solid #ececec;
    color: black;
}
.kpjp-main-container.contrast .footer-div-item {
    color: yellow !important;
    border-right: 1px solid yellow;
}
.footer-div-item:last-child, .kpjp-main-container.contrast .footer-div-item:last-child {
    border-right: 0px;
}
.forecast-item {
    display: inline-block;
    margin-right: 15px;
    cursor: default;
}
.forecast-item:last-child, .knowledge-base {
    display: inline-block;
    margin-right: 0;
}
.knowledge-base {
    cursor: pointer;
    text-decoration: none !important;
}
.forecast-item svg, .knowledge-base svg {
    margin: -7px 0 0 0;
    font-size: 2.5em;
    display: inline-block;
    left: 0;
    position: absolute;
}
.forecast-item .val {
    display: inline-block;
    right: 0;
    position: relative;
}
.forecast-item span.forecast-img, .knowledge-base span.knowledgeBase-img {
    display: inline-block;
    position: relative;
    float: left;
    left: 0;
    width: 40px;
    height: 10px;
}
.kpjp-main-container.big .forecast-item span.forecast-img, .kpjp-main-container.big .knowledge-base span.knowledgeBase-img {
    width: 45px;
    bottom: 3px;
}
.forecast-item svg path, .knowledge-base svg path {
    fill: #a8c632;
}
.info-right-container {
    position: absolute;
    top: 100px;
    right: 20px;
    padding: 0;
    width: auto;
}
.kpjp-main-container.contrast .legend-container, .kpjp-main-container.contrast .forecast-container, .kpjp-main-container.contrast .description-container {
    background-color: black !important;
    color: yellow !important;
}
.forecast-item .wind-arrow {
    animation-duration: 3s;
    animation-timing-function: linear;
    display: inline-block;
    position: relative;
    float: right;
    right: 0;
    width: 30px;
    height: 10px;
    opacity: 0.3;
}
.forecast-item .wind-arrow svg {
    font-size: 1.5em;
    margin: 0 0 0 7px;
}
.forecast-item .wind-arrow svg path {
    fill: #bdbdbd;
}
.login-img {
    height: 1.3em;
    width: 1.3em;
}
.anim-loading {
    position: relative;
    display: none;
    text-align: center;
    margin: 0 auto;
    padding: 5px;
    height: auto;
    background-color: #413258;
    color: white;
    min-height: 30px;
    max-width: 250px;
    opacity: 0.8;
    border-radius: 5px;
}
.login-loading-icon {
    visibility: hidden;
}
.legend-container, .forecast-container, .description-container {
    position: relative;
    display: block;
    padding: 2px 0;
    margin-bottom: 2px;
    height: auto;
    min-width: 40px;
    width: auto;
    background-color: #413258;
    color: white;
    line-height: 2em;
    text-align: center;
    width: 230px;
}
.additional-container-content {
    display: inline-block;
    width: 100%;
}
.additional-container-content.info {
    padding-left: 0 !important;
}
.additional-container-content.info p {
    display: inline-block;
}
.additional-container-content.info p:first-child {
    border-right: 1px solid white;
    margin: 0 10px;
    float: left;
}
.kpjp-main-container.contrast .additional-container-content.info p:first-child {
    border-right: 1px solid yellow;
}
.additional-container-content .high-info-img {
    margin-right: 10px;
}
.additional-container-content table, .additional-info table {
    border: 1px solid white;
    margin: 10px auto;
    width: 100%;
}
.kpjp-main-container.contrast .additional-container-content table, .kpjp-main-container.contrast .additional-info table, .kpjp-main-container.contrast .additional-container-content table td, .kpjp-main-container.contrast .additional-info table td, .kpjp-main-container.contrast .additional-container-content table td.color, .kpjp-main-container.contrast .additional-info table td.color {
    border: 1px solid yellow;
}
.additional-container-content table td, .additional-info table td {
    border-top: 1px solid white;
    padding: 0 5px;
    text-align: left;
}
.additional-container-content table td.color, .additional-info table td.color {
    border-top: 1px solid white;
    border-right: 0;
    padding: 0 5px;
    text-align: center;
    width: 50%;
}
.additional-container-content table th, .additional-info table th {
    padding: 0 5px;
    text-align: center;
}
.forecast-container.closed #forecast svg, .legend-container.closed #legend svg {
    transform: rotate(180deg);
}
.modal-text table.forecast {
    width: 100% !important;
    max-width: 150px;
    border: 0;
}
table.forecast {
    border: 0;
    width: 50% !important;
}
.kpjp-main-container.contrast table.forecast {
    border: 0;
}
table.forecast td {
    border: 0;
    text-align: center !important;
}
.kpjp-main-container.contrast table.forecast td {
    border: 0;
}
.additional-container-content .title {
    font-size: 1em;
    font-weight: bold;
    display: block;
    padding: 0 10px;
}
.additional-container-content ul {
    padding: 8px 0 0 0 !important;
}
.description-container .additional-container-content {
    padding: 0 15px;
}
.description-container {
    text-align: center;
    margin-right: 0;
    cursor: pointer;
}
.legend-container .title, .forecast-container .title {
    cursor: pointer;
}
.panel-heading {
    padding: 0;
}
.panel-title {
    font-size: unset;
}
.panel-default>.panel-heading {
    color: white;
    background-color: #413258;
    border-color: #413258;
    border: 0;
}
.additional-info-body {
    background-color: #413258;
}
.kpjp-main-container.contrast .additional-info-body {
    background-color: black;
}
.panel-body {
    padding: 0;
}
.kpjp-main-container.contrast .panel-default>.panel-heading {
    color: yellow;
    background-color: black;
    border: 0;
}
.panel-default {
    border: 0;
}
.panel {
    margin-bottom: 0;
    background: transparent;
}
.panel-title>a {
    display: block;
    text-decoration: none;
}
.legend-container span:first-child, .forecast-container span:first-child, .description-container span:first-child {
    display: inline-block;
}
.forecast-container>ul {
    list-style: none;
    padding: 0 20%;
    margin: 0;
}
footer {
    z-index: 300;
    position: absolute;
    bottom: 0;
    padding: 10px;
    background-color: transparent;
    right: 0;
    pointer-events: none;
}
footer div {
    pointer-events: auto;
}
footer.container-fluid {
    width: 100%;
}
.kpjp-vertical-center {
    display: inline-block;
    vertical-align: middle;
    float: none;
}
.kpjp-pc-loading-icon {
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
#kpjp-pc-main-loading-container, #kpjp-pc-opacity-loading-container, #kpjp-pc-main-loading-container-on-start {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: #fff;
    z-index: 1666;
}
#kpjp-pc-main-loading-container, #kpjp-pc-opacity-loading-container img {
    font-size: 3em;
}
#kpjp-pc-opacity-loading-container {
    background-color: transparent;
    display: none;
}
.modal {
    background-color: rgba(255, 255, 255, 0.5);
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    overflow: hidden !important;
    z-index: 1000;
    font-size: 1em;
    overflow-x: hidden !important;
}
.kpjp-main-container.contrast .additional-container-content:not(.info) p:last-child {
    border-left: 1px solid yellow;
}
.kpjp-main-container.contrast .legend-container .additional-container-content table tr td:last-child {
    color: black;
    font-weight: bold;
}
.additional-container-content:not(.info) p:last-child {
    border-left: 1px solid white;
    margin: 0 0px 0 0;
    padding-left: 10px;
    float: right;
}
.additional-container-content p {
    display: inline-block;
}
.modal-content {
    padding: 10px;
    margin: 0 auto;
    background-color: white;
    border-radius: 10px;
    border: 0;
    box-shadow: 3px 3px 10px #bdbdbd;
    background-color: white;
    color: black;
    top: 5%;
    width: 70%;
    height: 90%;
    z-index: 1001 !important;
}
.modal-content ul {
    margin-left: 0;
}
.modal-content li {
    list-style-type: circle;
    margin-left: 10px;
    color: black;
}
.modal-content a:not(.kpjp-pc-slick-nav-pos) {
    color: black;
    text-decoration: underline;
}
.kpjp-main-container.big .modal-content {
    font-size: 1.3em !important;
}
.kpjp-main-container.contrast .modal-content {
    background-color: black !important;
    color: yellow !important;
}
.modal-title {
    margin: 20px 20px 10px 20px;
    padding: 0 10px 0 0;
    font-size: 1.3em;
    font-weight: bold;
}
.modal-text {
    text-align: center;
    margin: 0 0px 20px 0;
    padding: 10px 40px 5px 20px;
}
.modal-text-container {
    margin: 0 auto;
    width: 100%;
    height: 100%;
    text-align: left;
    display: flex;
    vertical-align: bottom;
}
.info-modal-text-container {
    margin: 0 auto;
    width: 100%;
    height: 100%;
    text-align: left;
    display: block;
    text-align: center;
}
.info-modal-text-item {
    display: block;
    position: relative;
    width: 100%;
    padding: 10px;
}
.info-modal-text-item img {
    display: inline-block;
    margin: 0 auto;
    margin: 10px;
    width: auto;
}
.modal-text-item {
    display: inline-block;
    position: relative;
    padding: 10px;
    word-break: break-word !important;
}
.modal-text-item p, .modal-text-item li, .modal-text-item a {
    color: black;
}
.modal-text-item svg path {
    fill: black;
}
.modal-text-item:first-child .title {
    margin-bottom: 10px;
    font-weight: bold;
}
.modal-text-item img.modal-img {
    width: 100%;
    height: auto;
    vertical-align: top !important;
}
.modal-close {
    position: absolute;
    right: 21px;
    top: 15px;
}
.modal-close, .info-img, .info-right-img {
    cursor: pointer;
    z-index: 9;
}
.modal-close svg path {
    fill: black !important;
}
.kpjp-main-container.contrast .modal-close svg path {
    fill: yellow !important;
}
p {
    margin: 0;
    padding: 0;
}
ul li {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
a {
    display: inline-block;
    color: white;
}
svg path {
    fill: #ececec;
}
.kpjp-main-container.contrast svg path {
    fill: yellow;
}
.kpjp-main-container.contrast svg circle {
    fill: yellow;
}
svg {
    margin: 0 auto;
    vertical-align: middle;
    height: 1em;
    width: 1em;
}
.login-container {
    top: 20%;
    width: 30%;
    min-width: 200px;
    height: auto;
}
#loginForm {
    width: auto;
    display: inline-block;
    text-align: left;
    margin-bottom: 10px;
}
#signUpForReceiveInfo {
    width: 60%;
    display: inline-block;
    text-align: left;
    margin-bottom: 10px;
}
#signUpForReceiveInfo input[type="email"] {
    width: 100%;
}
#loginForm label, #signUpForReceiveInfo label {
    margin: 5px 0 0 0;
    font-weight: normal;
    padding: 2px 0;
}
input[type="text"], input[type="password"] {
    padding: 0 2px;
    height: 2em;
}
input[type="submit"] {
    padding: 8px 15px;
    border-radius: 10px;
    float: right;
    background-color: #a8c632;
    border: 1px solid #a8c632;
    color: white;
}
button {
    padding: 8px 15px;
    border-radius: 0;
    background-color: #a8c632;
    border: 1px solid #a8c632;
    color: white;
}
.kpjp-main-container.contrast input[type="text"], .kpjp-main-container.contrast input[type="email"], .kpjp-main-container.contrast input[type="password"] {
    color: yellow !important;
    background-color: #000 !important;
}
.kpjp-main-container.contrast button {
    background-color: black;
    border: 1px solid orangered;
    color: orangered;
}
button:hover {
    filter: brightness(120%);
}
.kpjp-main-container.contrast input[type="submit"] {
    background-color: #1d1e1b;
    border: 1px solid yellow;
    color: yellow;
}
input[type="submit"]:hover {
    filter: brightness(120%);
}
.kpjp-main-container.not-full-screen .navbar-div {
    margin-top: 40px;
    padding-left: 100px;
}
.kpjp-main-container.not-full-screen.big .navbar-div {
    margin-top: 40px;
    padding-left: 125px;
}
.kpjp-main-container.not-full-screen .legend-container, .kpjp-main-container.not-full-screen .forecast-container, .kpjp-main-container.not-full-screen .description-container {
    margin-bottom: 2px;
    min-width: 40px;
    min-height: 40px;
    padding: 5px 0;
    text-align: center;
    margin-right: 0;
}
.kpjp-main-container.not-full-screen .additional-container-content {
    display: none !important;
}
.kpjp-main-container.not-full-screen .legend-container ul, .kpjp-main-container.not-full-screen .forecast-container ul {
    display: none !important;
}
.kpjp-main-container.not-full-screen .legend-container p, .kpjp-main-container.not-full-screen .forecast-container p, .kpjp-main-container.not-full-screen .description-container p {
    display: none !important;
}
.kpjp-main-container.not-full-screen .legend-container span.hide, .kpjp-main-container.not-full-screen .forecast-container span.hide, .kpjp-main-container.not-full-screen .description-container span.hide {
    display: block !important;
}
.kpjp-main-container.not-full-screen .modal, .kpjp-main-container.big .modal {
    font-size: 0.8em !important;
}
.kpjp-main-container.not-full-screen .modal-content {
    top: 0;
}
.kpjp-main-container.not-full-screen .kpjp-main-container.big .navbar-nav>li.begin-animation {
    line-height: 15px !important;
}
.kpjp-main-container.not-full-screen .header-menu {
    float: left !important;
    display: inline-block !important;
}
.kpjp-main-container.not-full-screen .menu-icons {
    float: none !important;
    margin: -20px 5px 6px 5px !important;
}
.kpjp-main-container.not-full-screen .navbar-nav li {
    display: inline-block !important;
}
.kpjp-main-container.not-full-screen .navbar-nav {
    margin: 0 !important;
}
.kpjp-main-container.not-full-screen .navbar-right {
    margin-left: auto !important;
}
.kpjp-main-container.not-full-screen .header-menu:not(.animation) .navbar-left {
    display: none !important;
}
.kpjp-main-container.not-full-screen .navbar-nav>li, .kpjp-main-container.not-full-screen .navbar-nav>li>a {
    line-height: 15px !important;
    vertical-align: middle !important;
}
.kpjp-main-container.not-full-screen .modal-text-item:first-child {
    display: none !important;
}
.kpjp-main-container.not-full-screen .modal-text-item.additional-info:first-child {
    display: block !important;
}
.kpjp-main-container.not-full-screen .modal-text-item {
    width: 100% !important;
}
.kpjp-main-container.not-full-screen .heapBox {
    display: inline-block !important;
}
.kpjp-main-container.not-full-screen .logo-container img {
    height: 67px;
    margin-top: 22px;
}
.kpjp-main-container.not-full-screen.big .logo-container img {
    margin-top: 5px;
}
.android-info-logo {
    width: 10em;
    float: left;
    margin: 10px 0;
}
.hamburgerMenu {
    width: calc(100% - (400px));
    display: inline-block;
    margin-left: 50px;
}
.hamburgerMenu .scrollbar-inner-container {
    padding-top: 0px;
    height: 100%;
    width: auto;
}
.hamburgerMenu .scrollbar-inner-container:not(.descInfo)>div {
    top: 0%;
    transform: translateY(0%);
    display: contents !important;
    overflow: hidden;
}
.hamburgerMenu .scroll-wrapper>.scroll-content {
    overflow: hidden;
    display: contents;
}
.infoModal .scrollbar-inner-container {
    padding-top: 0px;
    height: 100%;
    width: auto;
}
.infoModal .scrollbar-inner-container:not(.descInfo)>div {
    top: 0%;
    transform: translateY(0%);
    display: block !important;
    overflow: hidden;
}
.infoModal .scroll-wrapper>.scroll-content {
    overflow: hidden;
    display: block;
}
.modal-content ol {
    margin-left: -25px;
}
@media (max-width: 500px) {
    .animation-controls {
        width: calc(100% - 90px) !important;
        margin: 0;
   }
    .anim-range-div {
        width: calc(100% - 80px);
        margin: 18px 0px 0 00px;
   }
    .logo-container {
        top: 22px;
   }
    .kpjp-main-container.big .logo-container {
        top: 20px !important;
   }
    .logo-container img {
        height: 67px !important;
   }
    .logo-container .bigBanner {
        display: none;
   }
    .logo-container .smallBanner {
        display: block;
   }
    .kpjp-main-container.big .logo-container img {
        height: 3em !important;
   }
    .kpjp-main-container.big .navbar-div {
        font-size: 0.5em;
        padding-left: 1px !important;
   }
}
@media (max-width: 768px) {
    .footer-div-item {
        padding: 5px 8px;
   }
    .modal-dialog.footer.modal-sm {
        width: auto;
        font-size: 0.9em !important;
   }
    .menu-icons {
        display: none;
   }
    .animation-hamburger {
        width: 60px !important;
        margin-left: 10px;
        height: 50px;
   }
    .animation-controls {
        width: calc(100% - 100px);
   }
    .animation-hamburger .header-menu.time {
        display: none;
   }
    .kpjp-main-container {
        font-size: 0.9em;
   }
    .kpjp-pc-slick-nav-pos .btn-primary {
        font-size: 0.8em;
   }
    .modal .modal-content {
        width: 95% !important;
   }
    .infoModal .modal-content {
       /*margin: 10px !important;
       */
       /*top: 0;
       */
        width: calc(100% - 20px) !important;
        height: calc(100% - 20px) !important;
        overflow: hidden;
   }
    .infoModal .modal-text {
        text-align: center;
        margin: 0 0px 20px 0;
        padding: 10px 20px 5px 0px;
   }
    .userInfo .navbar-nav p {
        display: none;
   }
    .userInfo .navbar-nav svg {
        display: inline-block;
   }
    .nav>li {
        vertical-align: middle;
        padding-top: 5px;
        height: 50px;
   }
    .kpjp-main-container.big .nav>li {
        vertical-align: middle;
        padding-top: 0px;
        height: 50px;
   }
    .navbar-div {
        padding: 10px 15px;
        padding-left: 10px;
   }
    .wcag {
        padding: 0px !important;
   }
    .logo-container {
        top: 22px;
   }
    .kpjp-main-container.big .logo-container {
        top: 5px;
        left: 30px;
   }
    .logo-container img {
        height: 67px;
   }
   /* .hamburgerMenuItem .navbar-nav {
        padding: 0 0px 0 15px;
   }
    .hamburgerMenu:not(.animation-hamburger) .navbar-nav > li{
        padding-top: 0px;
        height: auto;
   }
    .hamburgerMenu:not(.animation-hamburger) .navbar-nav > li > a {
        padding-top: 10px;
        padding-bottom: 10px;
   }
    .hamburgerMenu:not(.animation-hamburger) .navbar-nav {
        height: auto;
        margin: 15px 0 0px 0 !important;
        margin-right: 0px;
   }
    .hamburgerMenu:not(.animation-hamburger) .header-menu.time {
        margin-top: 25px !important;
   }
    */
    .userInfo .navbar-nav:hover {
        background-color: #ececec;
   }
   /* HAMBURGER MENU */
    .hamburgerMenu:not(.animation-hamburger) {
        display: inline-block;
        z-index: 1000;
        position: fixed;
        right: -200px;
        top: 0;
        width: 200px;
        height: 100%;
        background: white;
   }
    .hamburgerMenu:not(.animation-hamburger) .scroll-wrapper>.scroll-content {
        overflow: hidden;
        display: block !important;
   }
    .hamburgerMenu:not(.animation-hamburger) .scrollbar-inner-container {
        padding-top: 0px;
        height: 100%;
   }
    .hamburgerMenu:not(.animation-hamburger) .scrollbar-inner-container:not(.descInfo)>div {
        top: 0%;
        transform: translateY(0%);
        display: block !important;
        overflow: hidden;
   }
    .hamburgerMenu:not(.animation-hamburger) .scrollbar-inner>.scroll-element.scroll-y {
        height: calc(100% - (10px));
        height: -webkit-calc(100% - (10px));
        height: calc(100% - (10px));
        right: 5px;
        top: 5px;
        width: 4px;
   }
    .kpjp-main-container.contrast .hamburgerMenu {
        background: black;
   }
    .kpjp-hamburger-menu {
        float: right;
        margin-right: 10px;
   }
    .kpjp-hamburger-menu .hamOpen {
        display: block;
   }
    .kpjp-hamburger-menu .hamClose {
        display: none;
        padding: 6px 0 4px 0;
   }
    .hamburgerMenu:not(.animation-hamburger) .header-menu.polutions, .hamburgerMenu:not(.animation-hamburger) .header-menu.time {
        margin-top: 50px;
   }
    .kpjp-main-container.contrast .hamburgerMenu li:hover {
        background-color: yellow;
   }
    .hamburgerMenu:not(.animation-hamburger) .hamburger-type-title {
        display: inline;
        text-transform: uppercase;
        font-size: 1.2em;
        color: black;
        margin-left: 15px;
   }
    .kpjp-main-container.contrast .hamburgerMenu .hamburger-type-title {
        color: yellow;
   }
    .hamburgerMenu:not(.animation-hamburger) .navbar-nav {
        height: auto;
        margin: 10px 0 25px 0;
   }
    .hamburgerMenu:not(.animation-hamburger) .menu-icons {
        display: none;
   }
    .hamburgerMenu:not(.animation-hamburger) .header-menu.polutions .navbar-nav li, .hamburgerMenu:not(.animation-hamburger) .header-menu.time .navbar-nav li {
        width: 100%;
        padding-left: 10px;
   }
    .hamburgerMenu:not(.animation-hamburger) .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
   }
    .hamburgerMenuItem {
        display: inline-block;
   }
   /* HAMBURGER MENU END */
   /* FOOTER*/
    .footer-div-item.legend {
        font-size: unset;
   }
    .footer-div .forecast-item {
        display: none;
   }
    .footer-div {
        font-size: 0.9em !important;
   }
   /* end footer */
    .aqi-type, .aqi-unit {
        display: inline !important;
   }
    .aqi-td {
        width: 100%;
        height: 2em !important;
        vertical-align: top 
   }
    .smallRespLegendBtn {
        display: inline-block;
   }
    .smallRespForecastBtn {
        display: inline-block;
   }
    .legend-div .tr {
        display: none;
   }
    .legend-div .tr.not-collapse {
        display: inline-block !important;
   }
    .forecast-item {
        margin-right: 10px;
   }
    .forecast-item span.forecast-img, .knowledge-base span.knowledgeBase-img {
        display: inline-block;
        position: relative;
        float: left;
        left: 0;
        width: 30px;
        height: 10px;
   }
    .spectrum-img {
        max-width: 300px;
   }
    .wcag {
        padding: 0 10px;
   }
}
@media (max-width: 1250px) {
    .legend .border {
        border-right: none!important;
   }
    .legend .name {
        display: none;
   }
    .awair-station-show footer .legend-div .legend-unit button .item .border {
        display: none 
   }
}
/*************** SCROLLBAR BASE CSS ***************/
.scroll-wrapper {
    overflow: hidden !important;
    padding: 0 !important;
    position: relative;
}
.scroll-wrapper>.scroll-content {
    border: none !important;
    box-sizing: content-box !important;
    height: auto;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none !important;
    overflow: scroll !important;
    padding: 0;
    position: relative !important;
    top: 0;
    width: auto !important;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
}
@media (max-width: 768px) {
   /*.scroll-wrapper > .scroll-content {
        scrollbar-width: none;
   }
   */
}
.scroll-wrapper>.scroll-content::-webkit-scrollbar {
    height: 0;
    width: 0 !important;
    display: none;
}
.scroll-element {
    display: none;
}
.scroll-element, .scroll-element div {
    box-sizing: content-box;
}
.scroll-element.scroll-x.scroll-scrollx_visible, .scroll-element.scroll-y.scroll-scrolly_visible {
    display: block;
}
.scroll-element .scroll-bar, .scroll-element .scroll-arrow {
    cursor: default;
}
.scroll-textarea {
    border: 1px solid #cccccc;
    border-top-color: #999999;
}
.scroll-textarea>.scroll-content {
    overflow: hidden !important;
}
.scroll-textarea>.scroll-content>textarea {
    border: none !important;
    box-sizing: border-box;
    height: 100% !important;
    margin: 0;
    max-height: none !important;
    max-width: none !important;
    overflow: scroll !important;
    outline: none;
    padding: 2px;
    position: relative !important;
    top: 0;
    width: 100% !important;
}
.scroll-textarea>.scroll-content>textarea::-webkit-scrollbar {
    height: 0;
    width: 0;
}
/*************** SIMPLE INNER SCROLLBAR ***************/
.scrollbar-inner>.scroll-element, .scrollbar-inner>.scroll-element div {
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
}
.scrollbar-inner>.scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}
.scrollbar-inner>.scroll-element.scroll-x {
    bottom: 2px;
    height: 8px;
    left: 0;
    width: 100%;
    display: none;
}
.scrollbar-inner>.scroll-element.scroll-y {
    height: -moz-calc(100% - (50px));
    height: -webkit-calc(100% - (50px));
    height: calc(100% - (50px));
    right: 15px;
    top: 0;
    width: 8px;
}
.infoModal .scrollbar-inner>.scroll-element.scroll-y {
    height: -moz-calc(100% - (90px));
    height: -webkit-calc(100% - (90px));
    height: calc(100% - (90px));
    right: 15px;
    top: 40px;
    width: 8px;
}
.scrollbar-inner>.scroll-element .scroll-element_outer {
    overflow: hidden;
}
.scrollbar-inner>.scroll-element .scroll-element_outer, .scrollbar-inner>.scroll-element .scroll-element_track, .scrollbar-inner>.scroll-element .scroll-bar {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
.scrollbar-inner>.scroll-element .scroll-element_track, .scrollbar-inner>.scroll-element .scroll-bar {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);
    opacity: 0.8;
}
.scrollbar-inner>.scroll-element .scroll-element_track {
    background-color: #e8e8e8;
}
.scrollbar-inner>.scroll-element .scroll-bar {
    background-color: #413258 
}
.scrollbar-inner>.scroll-element:hover .scroll-bar {
    background-color: #413258;
}
.scrollbar-inner>.scroll-element.scroll-draggable .scroll-bar {
    background-color: #919191;
}
.kpjp-main-container.contrast .scrollbar-inner>.scroll-element .scroll-element_track {
    background-color: #a9a9a9;
}
.kpjp-main-container.contrast .scrollbar-inner>.scroll-element .scroll-bar {
    background-color: yellow;
}
/* update scrollbar offset if both scrolls are visible */
.scrollbar-inner>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
    left: -12px;
}
.scrollbar-inner>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
    top: -12px;
}
.scrollbar-inner>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
    left: -12px;
}
.scrollbar-inner>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
    top: -12px;
}
/*************** SIMPLE INNER SCROLLBAR - END ***************/
#kpjp-pc-layers-container {
    background-color: white;
    opacity: 0.8;
    position: relative;
    display: inline-block;
    left: 10px;
    width: 30px;
    z-index: 100;
    float: left;
    border-radius: 5px;
    margin-top: 6px;
    margin-bottom: 6px;
}
.kpjp-pc-layers-row {
    margin-left: 0px !important;
    margin-right: 0px !important;
    height: 30px;
    cursor: hand;
    z-index: 100;
    position: relative;
    display: block;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}
.kpjp-pc-layers-name-col {
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.kpjp-pc-layers-name-col p {
    margin: 0px;
    padding: 0px;
    line-height: 30px;
    padding-left: 10px;
    padding-right: 10px;
    font-weight: bold;
    color: black !important;
}
.kpjp-main-container.contrast .kpjp-pc-layers-name-col p {
    color: black !important;
}
.kpjp-pc-layers-icon-col {
    padding-left: 0px !important;
    padding-right: 0px !important;
    width: 30px;
    height: 30px;
    float: right;
}
.kpjp-pc-small-icon {
    width: 20px;
    height: 20px;
}
.slick-prev::before, .slick-next::before {
    color: black !important;
}
.kpjp-main-container.contrast .slick-prev::before, .kpjp-main-container.contrast .slick-next::before {
    color: yellow !important;
    border-width: 0px !important;
}
.kpjp-main-container.contrast .slick-prev, .kpjp-main-container.contrast .slick-next {
    border-width: 0px !important;
}
.kpjp-pc-navigation-panel {
    margin-left: 25px;
    margin-right: 25px;
}
.kpjp-pc-slick-nav-pos {
    padding: 3px 3px;
    width: auto;
    display: inline-block;
}
.kpjp-pc-slick-nav-pos button {
    width: 100%;
}
.kpjp-pc-slick-nav-pos .btn {
    border: 0 none;
    font-weight: normal;
    letter-spacing: 1px;
    text-transform: uppercase;
    white-space: -moz-pre-wrap;
    white-space: -o-pre-wrap;
    white-space: pre-wrap;
    word-wrap: break-word;
    width: auto;
    height: auto;
}
.kpjp-pc-slick-nav-pos .btn:focus, .kpjp-pc-slick-nav-pos .btn:active:focus, .kpjp-pc-slick-nav-pos .btn.active:focus {
    outline: 0 none;
}
.kpjp-pc-slick-nav-pos .btn-primary {
    background: #a8c632;
    color: #ffffff;
}
.kpjp-pc-slick-nav-pos .btn-primary:hover, .kpjp-pc-slick-nav-pos .btn-primary:active, .kpjp-pc-slick-nav-pos .btn-primary.active:hover, .open>.dropdown-toggle.btn-primary {
    background: #949494;
    font-weight: normal;
}
.kpjp-pc-slick-nav-pos .btn-primary:active, .kpjp-pc-slick-nav-pos .btn-primary.active, .kpjp-pc-slick-nav-pos .btn-primary:focus {
    background: #a8c632;
    box-shadow: none;
}
.kpjp-pc-slick-nav-pos .btn-primary p {
    font-size: 1.2em;
    margin: 3px;
}
.kpjp-main-container.big .kpjp-pc-slick-nav-pos .btn-primary p {
    font-size: 1.6em;
    margin: 3px;
}
.scrollbar-inner-sensorsContainer {
    top: 10% !important;
}
.scrollbar-inner-container {
    padding-top: 50px;
    height: 100%;
}
.scrollbar-inner-container>div {
    max-height: 100%;
    overflow: auto;
}
.scrollbar-inner-container:not(.descInfo)>div {
    top: 50%;
    transform: translateY(-50%);
}
.scrollbar-inner-container-on-top {
    top: 0% !important;
    transform: none !important;
}
.kpjp-pc-modal-header {
    position: absolute;
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    font-weight: bold;
    padding-left: 20px;
    text-transform: uppercase;
    overflow: hidden;
    padding-right: 25px;
}
.kpjp-pc-slick-nav-button {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    height: 48px;
}
.kpjp-pc-slide-login-container {
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 301;
    background-color: white;
   /* padding-top: 30px;
    padding-bottom: 30px;
   */
}
.kpjp-pc-slide-login-container .container {
    text-align: center;
}
.kpjp-pc-slide-login-container #loginForm {
    margin-bottom: 0px;
    width: 100%;
}
.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}
.kpjp-pc-login-input {
    color: black;
    width: 100% !important;
    margin-right: 0px !important;
    margin-left: 0px !important;
}
.kpjp-pc-pass-input {
    color: black;
    width: 100% !important;
    margin-right: 0px !important;
    margin-left: 0px !important;
}
.kpjp-pc-send-button {
    float: inherit;
    width: 100%;
    max-width: 100%;
    margin-right: 0px !important;
    margin-left: 0px !important;
    font-weight: bold;
    background-image: url('../assets/img/login_white.svg');
    background-position: 30% 55%;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    margin-left: 20px;
}
@media (max-width: 1200px) {
    .kpjp-pc-send-button {
        background-position-x: 20%;
   }
}
@media (max-width: 650px) {
    .kpjp-pc-send-button {
        background-position-x: 8px;
   }
}
.kpjp-pc-restore-label {
    margin: 0 auto;
    text-align: center;
    color: #a8c632;
    background: white;
    padding: 0 10px;
    font-size: 0.7em;
}
.kpjp-pc-restore-label:hover {
    color: #b0e205;
    text-decoration: none;
    cursor: pointer;
}
.kpjp-pc-restore-label-decorator {
    width: 80%;
    text-align: center;
    border-bottom: 1px solid #000;
    line-height: 0.1em;
    margin: 10px auto 20px auto;
}
.kpjp-pc-restore-form-container {
    text-align: left;
    margin-top: 5%;
}
#kpjp-pc-email-input {
    width: 80%;
    margin-top: 5px;
}
@media screen and (max-width: 462px) {
    #kpjp-pc-email-input {
        width: 100%;
        margin-bottom: 10px;
   }
    .kpjp-pc-restore-form-submit {
        float: none !important;
        width: 100%;
        padding: 5px !important;
   }
}
.kpjp-pc-restore-instruction {
    margin-top: 7%;
}
.kpjp-pc-restore-message {
    display: none;
    margin-top: 7%;
}
.kpjp-pc-cancel-button {
    float: inherit;
    width: 100%;
    margin-right: 0px !important;
    margin-left: 0px !important;
    font-weight: bold;
}
.kpjp-pc-login-info-col {
    padding-bottom: 10px;
}
.kpjp-pc-login-info-col .alert {
    display: block !important;
}
.kpjp-pc-login-info-container {
    display: none;
}
@media screen and (max-width: 425px) {
    .kpjp-pc-login-form-col {
        width: 100% !important;
   }
}
@media screen and (max-width: 768px) {
    .kpjp-pc-login-form-col {
        padding-right: 5px;
        padding-left: 5px;
   }
    .kpjp-pc-login-info-row {
        margin-right: -5px;
        margin-left: -5px;
   }
}
.sup {
    position: relative;
    bottom: 1ex;
    font-size: 80%;
    cursor: default !important;
}
.sub {
    position: relative;
    top: 1ex;
    font-size: 80%;
    cursor: default !important;
}
.kpjp-pc-guides-text {
    color: black;
    display: inline !important;
}
.kpjp-pc-black {
    color: black;
    display: inline !important;
}
.kpjp-about-presentation-container {
    width: 100%;
}
.kpjp-about-presentation-container img {
    width: 100%;
    height: auto;
}
#exTab1 .tab-content {
    padding: 5px 15px;
}
#exTab2 h3 {
    padding: 5px 15px;
}
/* remove border radius for the tab */
#exTab1 .nav-pills>li>a {
    border-radius: 0;
}
/* change border radius for the tab , apply corners on top*/
#exTab3 .nav-pills>li>a {
    border-radius: 4px 4px 0 0;
}
#exTab3 .tab-content {
    padding: 5px 15px;
}
.kpjp-pc-footer-desc {
    padding-top: 20px;
    padding-bottom: 20px;
}
.kpjp-pc-footer-desc p {
    color: white;
    text-align: center;
    font-size: 1.2em;
    font-weight: bold;
}
.footer-evertop {
    font-size: 0.7em;
    position: absolute;
    margin-top: 3px;
}
.info-modal-copyright-div {
    display: table;
    width: 100%;
}
.info-modal-copyright-int {
    display: table-cell;
    vertical-align: middle 
}
.kpjp-pc-copyrights {
    padding-top: 20px;
    padding-bottom: 20px;
}
.kpjp-pc-copyrights p {
    color: white;
    text-align: center;
    font-size: 0.8em;
    font-weight: normal;
}
.kpjp-pc-copyrights p a {
    color: white;
    text-decoration: none;
}
.kpjp-pc-login-alert {
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 13;
    background-color: white;
    padding-top: 30px;
    padding-bottom: 30px;
}
.ordered-list li {
    list-style-type: decimal;
    color: black;
}
.info-content-ul li {
    list-style-type: circle;
}
.kpjp-pc-edit-user-success {
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 13;
    background-color: white;
    padding-top: 30px;
    padding-bottom: 30px;
}
.kpjp-pc-edit-button {
    padding: 8px 15px;
    border-radius: 10px;
    margin: 10px 0px 0px 10px;
    float: right;
    background-color: #a8c632;
    border: 1px solid #a8c632;
    color: white;
}
#userEditErrorMessage {
    width: 100%;
    height: 30px;
    color: red;
    visibility: hidden;
}
.kpjp-main-container.big .ol-popup {
    display: inline-block;
   /* height:170px;
    */
    width: 500px;
}
.kpjp-main-container.big #popup-content {
    font-size: 1.2em;
}
div#multipopup {
    position: absolute;
    left: 0px;
    bottom: 0px;
    margin: 20px 10px 20px 10px;
}
div#multipopup.ol-popup:after {
    visibility: hidden;
}
.receive-info-btn {
    padding-right: 20px !important;
    padding-left: 20px !important;
}
@media screen and (max-width: 478px) {
    .login-form-control {
        margin-top: 10px;
   }
    .kpjp-pc-slide-login-container {
        padding-top: 5px;
        padding-bottom: 5px;
   }
}
.rangeslider__fill {
    background: rgba(168, 198, 50, 1) !important;
}
.kpjp-main-container.contrast .rangeslider__fill {
    background: yellow !important;
}
#mapPickerContainer {
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
}
#kpjp-pc-main-loading-container .progress-bar {
    background-color: rgba(168, 198, 50, 1) !important;
}
.dialog {
    background-color: rgba(255, 255, 255, 0.5);
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    overflow: hidden !important;
    z-index: 1000;
    font-size: 1em;
    overflow-x: hidden !important;
}
.dialog-content {
    padding: 10px;
    margin: 0 auto;
    background-color: white;
    border-radius: 10px;
    border: 0;
    box-shadow: 3px 3px 10px #bdbdbd;
    background-color: white;
    color: black;
    margin-top: 10%;
    width: 50%;
    height: 50%;
   /* justify-content: space-between;
    flex-direction: column;
    display: flex;
   */
}
.dialog-options-list {
    text-align: center;
}
.dialog .header-separator {
    border-bottom: 1px solid #f1f1f1;
}
.dialog-option {
    border-radius: 10px;
    text-transform: uppercase;
}
.dialog-option-accept {
    margin-right: 5px;
}
.dialog-option-reject {
    margin-left: 5px;
}
.kpjp-pc-tutorial-header, .kpjp-pc-tutorial-text, .enjoyhint_next_btn, .enjoyhint_skip_btn, .enjoyhint_close_btn {
    font-family: ArmasenKelson !important;
}
.kpjp-pc-tutorial-header {
    font-weight: normal;
    font-size: 1.3em;
    text-align: left;
    margin-top: 15px;
    margin-bottom: 10px;
}
.kpjp-pc-tutorial-text {
    text-align: left;
    font-size: 1em;
}
.chart-container {
    height: 100%;
    white-space: nowrap;
   /*overflow-x:scroll;
   */
}
.chart-loading {
    height: 100%;
    display: inline-block;
}
.chart-loading, .chart-loading-img {
    vertical-align: middle;
}
.chart-loading-img {
    max-height: 100%;
}
.chart {
    background-color: rgba(255, 255, 255, 0.5);
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    overflow: hidden !important;
    z-index: 1000;
    font-size: 1em;
    overflow-x: hidden !important;
}
.chart-content {
    padding: 10px;
    margin: 0 auto;
    background-color: white;
    border-radius: 10px;
    border: 0;
    box-shadow: 3px 3px 10px #bdbdbd;
    background-color: white;
    color: black;
    width: 80%;
    height: 80%;
}
.chart-content .modal-text {
    height: 80%;
}
.pollution-chart-button, .pollution-chart-day-button {
    margin-left: 5px;
}
.chart-content .scrollbar-inner {
    padding-top: 0px;
    height: 100%;
}
@media (max-width: 644px) {
    .pollution-chart-button, .pollution-chart-day-button {
        margin-top: 5px;
   }
}
#kpjp-pc-main-loading-container.normal-size {
    font-size: 1em !important;
}
.kpjp-pc-animation-loading-container {
    color: black !important;
    height: 200px;
}
.popover-legend-guide .popover-title {
    color: black;
    height: 20px;
    font-size: 15px;
    width: 100%;
    border: 0;
    background-color: transparent;
    text-align: right;
    cursor: default;
    position: absolute;
}
.popover-legend-guide .popover-close {
    margin-bottom: 10px;
    cursor: pointer;
}
.kpjp-pc-modal-no-header {
    width: calc(100% - 20px);
    padding-left: 20px;
    padding-right: 40px;
}
.kpjp-pc-modal-no-header-inner {
    width: 100%;
    height: 100%;
    border-bottom: 1px solid #ccc;
}
.desc-modal-navigation-button {
    margin-left: 1px;
}
@media (max-width: 447px) {
}
/*.aqi-tr:first-child td:first-child {
    border-top-left-radius: 10px;
}
.aqi-tr:first-child td:last-child {
    border-top-right-radius: 10px;
}
.aqi-tr:last-child td:first-child {
    border-bottom-left-radius: 10px;
}
.aqi-tr:last-child td:last-child {
    border-bottom-right-radius: 10px;
}
*/
.aqi-th, .aqi-td {
    text-align: center !important;
}
.aqi-td {
    border-radius: 4px;
    color: white;
}
@media (min-width: 768px) {
    .aqi-th, .aqi-td {
        width: 25%;
        max-width: 100%;
        white-space: nowrap;
   }
}
.aqi-td-very-good {
    background: linear-gradient(to right, #008b74, #58b109);
}
.aqi-td-good {
    background: linear-gradient(to right, #58b109, #b0e205);
   /*background-color:#b0e205;
   */
}
.aqi-td-medium {
    background: linear-gradient(to right, #b0e205, #feda16);
   /*background-color:#feda16;
   */
}
.aqi-td-decent {
    background: linear-gradient(to right, #feda16, #f67e00);
   /*background-color:#f67e00;
   */
}
.aqi-td-bad {
    background: linear-gradient(to right, #f67e00, #e50007);
   /*background-color:#e50007;
   */
}
.aqi-td-very-bad {
    background: linear-gradient(to right, #e50007, #a20009);
   /*background-color:#a20009;
   */
}
.aqi-type, .aqi-unit {
    display: none;
}
.aqi-type {
    font-weight: bold !important;
}
.guides-description {
    margin-bottom: 15px;
}
.guides-list li {
    margin-top: 5px;
    margin-bottom: 5px;
}
.guides-list li:last-child {
    margin-bottom: 0px;
}
.kpjp-pc-circle {
    border-radius: 50%;
    behavior: url(PIE.htc);
    width: 20px;
    height: 20px;
    background: yellow;
    border: 3px solid yellow;
    margin: auto;
}
.kpjp-pc-circle-very-good {
    background: #58b109;
    border-color: #58b109;
}
.kpjp-pc-circle-good {
    background: #b0e205;
    border-color: #b0e205;
}
.kpjp-pc-circle-medium {
    background: #feda16;
    border-color: #feda16;
}
.kpjp-pc-circle-decent {
    background: #f67e00;
    border-color: #f67e00;
}
.kpjp-pc-circle-bad {
    background: #e50007;
    border-color: #e50007;
}
.kpjp-pc-circle-very-bad {
    background: #a20009;
    border-color: #a20009;
}
.kpjp-pc-localization-clock-container {
    height: 30px;
    text-align: left;
    margin: 1em 0;
}
.kpjp-pc-localization-clock-container img {
    height: 100%;
    width: auto;
}
.kpjp-pc-localization-day-desc {
    text-align: left;
    font-size: 1em;
    display: inline;
    margin-left: 10px;
}
.kpjp-pc-localization-map-container img {
    margin: auto;
    width: 100%;
    height: auto;
    padding: 30px;
}
.kpjp-pc-localization-slider-cotainer {
    margin-left: 25px;
    margin-right: 25px;
}
/* .localization-slide-button {
    padding-bottom:20px
}
*/
.localization-slide-button svg {
    width: 2em;
    height: 2em;
}
.localization-slide-button svg path {
    fill: #a8c632;
}
.localization-slide-pause {
    display: none;
}
/* .localization-slider-row {
   width:50%
}
*/
.kpjp-pc-slider-icon {
    height: 30px !important;
    width: auto !important;
    vertical-align: middle;
    max-height: 30px;
    display: inline-block !important;
}
.descContentHeader.pc-no-big-margin {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}
.kpjp-pc-image-helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.text-ellipsis {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
@media (max-width: 480px) {
    .kpjp-pc-localization-clock-container-image-col {
        display: none;
   }
    .kpjp-pc-localization-clock-container-text-col {
        width: 100% !important;
   }
    .kpjp-pc-slider-icon {
        display: none !important;
   }
    .kpjp-pc-localization-day-desc {
        margin-left: 0px !important;
   }
}
/* Przypadek dla listy zanieczyszczeń na slajderze z danymi lokalizacji. */
@media (max-width: 767px) {
    .kpjp-pc-hide-col-on-mobile {
        display: none;
   }
    .kpjp-pc-center-content-on-mobile {
        text-align: center !important;
   }
    .kpjp-pc-left-content-on-mobile {
        text-align: left !important;
   }
}
.kpjp-pc-localization-data-row {
    margin: 0px;
}
.kpjp-pc-light-button {
    background-color: white;
    color: #a8c632;
    padding-top: 2px;
    padding-bottom: 2px;
}
.kpjp-pc-light-button:hover {
    background-color: #a8c632;
    color: white;
}
.hamClose path {
    fill: #f00 !important;
}
.hamburgerMenu .kpjp-hamburger-menu .hamClose {
    display: none !important;
}
div#qr-text {
    font-size: xx-large;
}
#qr-text a {
    font-weight: bold;
    text-decoration: none;
    color: rgba(168, 198, 50, 1);
}
.kpjp-license-container {
    color: black;
    font-size: 0.8em;
    bottom: 0px;
    right: 0px;
    background: white;
    position: fixed;
    padding: 1px;
}
.kpjp-license-link {
    color: #0000EE !important;
    text-decoration: underline !important;
}
.kpjp-pc-thanks-list li:not(first-child) {
    margin-top: 1em;
}
.kpjp-pc-thanks-link {
    color: #0000EE !important;
}
.kpjp-pc-wind-container {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 299;
    pointer-events: none;
}
.kpjp-pc-wind-row {
    height: 25%;
    width: 120%;
}
.wind-cloud {
    height: 100%;
    width: 100%;
    position: relative;
    left: 0%;
}
.wind-cloud svg {
    height: 100%;
    width: auto;
}
.nav-item {
    display: inline;
    padding: 5px;
}
.nav-tabs {
    border-width: 0px;
}
.awair-pc-tab-container .row {
    margin: 0px;
}
.awair-pc-tab-container .row .descContentHeader {
    margin-top: 0px;
}
.awair-pc-tab-container .row .kpjp-pc-info-panel-header {
    margin-top: 0px;
}
.awair-pc-tab-report-container .row {
    margin: 15px 
}
.awair-pc-tab-container .alert {
    margin: initial;
    border-radius: initial;
    display: block;
    top: initial;
    height: auto;
    padding: 20px;
    text-align: left !important;
}
.awair-pc-tab-container .alert ul {
    padding: 0px;
    padding-left: 30px;
}
.awair-pc-operator-menu-container .tooltip {
    position: fixed;
}
.awair-pc-tab-container #userEditForm .form-group {
    text-align: left;
}
.awair-pc-tab-container #userEditForm .form-group input {
    height: 3.0em;
}
.nav-link.active button {
    background: #84a500;
}
.nav-link.active button:focus {
    outline: none;
}
.slick-slide:focus {
    outline: none;
}
.nav-link:focus {
    outline: none;
}
img.stateImg {
    width: 140px;
}
.awair-pc-star-button-container {
    text-align: left !important;
}
.awair-pc-station-address-container {
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left !important;
}
.awair-pc-station-address-container p {
    color: #ccc !important;
}
.awair-pc-chart-avg-container {
    font-size: 14px;
    font-weight: bolder;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left !important;
}
.awair-pc-station-details-header .kpjp-pc-info-panel-header {
    margin-top: 0px;
    margin-bottom: 10px;
}
.awair-pc-map-button-coordinates p {
    font-size: 10px;
    color: #000 !important;
    font-family: monospace;
}
.awair-pc-station-details-header .to-right {
    text-align: right;
}
.awair-pc-station-details-header .col-no-padding {
    padding-left: 0px;
    padding-right: 0px;
}
.awair-pc-sensors-list-container button.active {
    background: #84a500;
}
.awair-pc-sensors-list-container button.active p {
    color: #fff !important;
}
.awair-pc-sensors-list-container {
    text-align: left;
}
.awair-pc-sensors-list-container button {
    margin-left: 0px;
    margin-right: 16px;
}
.awair-pc-sensors-list-container button.first {
    margin-left: 0px;
}
.awair-pc-sensors-list-container button.last {
    margin-right: 0px;
}
.awair-pc-sensors-list-container button.active:hover {
    background: #84a500;
}
.awair-pc-timers-list-container button.active {
    background: #84a500;
}
.awair-pc-timers-list-container button.active p {
    color: #fff !important;
}
.awair-pc-timers-list-container {
    text-align: left;
    margin-top: 0px;
}
.awair-pc-timers-list-container button {
    margin-left: 0px;
    margin-right: 16px;
}
.awair-pc-timers-list-container button.first {
    margin-left: 0px;
}
.awair-pc-timers-list-container button.last {
    margin-right: 0px;
}
.awair-pc-timers-list-container button.active:hover {
    background: #84a500;
}
.awair-pc-options-list-container button.active {
    background: #84a500;
}
.awair-pc-options-list-container button.active p {
    color: #fff !important;
}
.awair-pc-options-list-container {
    text-align: left;
    margin-top: 0px;
}
.awair-pc-options-list-container button {
    margin-left: 0px;
    margin-right: 16px;
}
.awair-pc-options-list-container button.first {
    margin-left: 0px;
}
.awair-pc-options-list-container button.last {
    margin-right: 0px;
}
.awair-pc-options-list-container button.active:hover {
    background: #84a500;
}
.awair-pc-sensor-details-container .btn-default.active:focus {
    background: #84a500;
    outline: none;
}
.awair-pc-sensor-details-container .btn-default:focus {
    outline: none;
}
.awair-pc-sensor-details-container .btn-default:active {
    outline: none;
}
.descContentHeader.awair-pc-small {
    margin-bottom: 10px;
}
.awair-pc-rapoer-container p {
    text-align: left;
}
.awair-pc-rapoer-container .awair-pc-type-header {
    font-weight: bold;
    font-size: 0.9em;
}
.awair-pc-rapoer-container .awair-pc-type-description {
    font-size: 0.7em;
    color: #ccc !important;
}
.awair-pc-rapoer-container button {
    white-space: normal;
    width: 100%;
}
.bootstrap-datetimepicker-widget .glyphicon {
    color: #84a500;
}
.bootstrap-datetimepicker-widget.datetimepicker-contrast {
    background-color: #000;
}
.bootstrap-datetimepicker-widget.datetimepicker-contrast li, .bootstrap-datetimepicker-widget.datetimepicker-contrast .glyphicon {
    color: yellow;
}
.awair-pc-small-loading {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    background: white;
    z-index: 1003;
    display: table;
    overflow: hidden;
}
.awair-pc-small-loading div {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.awair-pc-small-loading p {
    font-weight: bold;
    padding-top: 8px;
}
.awair-pc-full-screen-mode-cotainer {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    z-index: 1004;
    background: #fff;
}
.awair-pc-full-screen-mode-cotainer img {
    vertical-align: middle;
    width: 100%;
    height: auto;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    position: absolute;
    padding-left: 20px;
    padding-right: 20px;
}
.awair-pc-full-screen-mode-cotainer .awair-pc-fullscreen-modal-close {
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
}
.awair-pc-full-screen-mode-cotainer .awair-pc-fullscreen-modal-close svg {
    height: 2em;
    width: 2em;
}
.awair-pc-full-screen-mode-cotainer .awair-pc-fullscreen-modal-close svg path {
    fill: #000;
}
.contrast .awair-pc-full-screen-mode-cotainer {
    background-color: #000;
}
.contrast .awair-pc-full-screen-mode-cotainer .awair-pc-fullscreen-modal-close svg path {
    fill: yellow;
}
.awair-pc-chart-fullscreen {
    float: right;
}
.awair-pc-multi-station-container {
    display: none;
}
.awair-pc-multi-station-container p {
    font-size: 0.8em !important;
}
.awair-pc-multi-station-container .awair-pc-map-button-coordinates p {
    font-size: 10px !important;
}
.awair-pc-multi-station-container .row {
    margin: 0px;
}
.awair-pc-station-details-header.multi .main-header .awair-pc-station-address-container {
    cursor: pointer;
}
.awair-pc-station-details-header.multi .row {
    margin-bottom: 0px;
}
.modal-close {
    z-index: 1004;
}
@media(max-width:767px) {
    .awair-pc-map-button-container {
        text-align: left;
   }
    .awair-pc-rapoer-container button:nth-child(1) {
        margin-bottom: 10px;
   }
    .awair-pc-rapoer-container button:nth-child(2) {
        margin-bottom: 10px;
   }
}
@media(min-width:768px) {
    .awair-pc-map-button-container {
        text-align: left;
   }
    .awair-pc-rapoer-container button:nth-child(1) {
        margin-bottom: 10px;
   }
    .awair-pc-rapoer-container button:nth-child(2) {
        margin-bottom: 10px;
   }
}
@media(min-width:992px) {
    .awair-pc-map-button-container {
        text-align: right;
   }
}
@media(min-width:1200px) {
    .awair-pc-map-button-container {
        text-align: right;
   }
}
.awair-pc-tab-header p {
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
}
.footer-div-item.footer-div-item-forecast {
    display: none;
}
.awair-pc-fast-station-details-container {
    position: absolute;
    width: 30%;
    height: 100%;
    background: white;
    top: 0px;
    left: 0px;
    z-index: 666;
}
.awair-pc-fast-station-details-container .awair-pc-fast-details-close {
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
}
.awair-pc-fast-station-details-container .awair-pc-fast-details-close svg {
    height: 1em;
    width: 1em;
}
.awair-pc-fast-station-details-container .awair-pc-fast-details-close svg path {
    fill: #000;
}
.kpjp-main-container.contrast .awair-pc-fast-station-details-container .awair-pc-fast-details-close svg path {
    fill: yellow;
}
.awair-pc-sensor-details-container-scroll {
    margin-top: 40px;
    position: relative;
    height: calc(100% - 40px);
}
.awair-pc-sensor-details-container-scroll .row.main-header {
    margin-top: 0px;
}
.awair-pc-fast-station-details-container {
    padding-left: 20px;
    padding-right: 0px;
}
.awair-pc-fast-station-details-content {
    padding-right: 30px;
    padding-bottom: 30px;
}
.awair-pc-rapoer-container p {
    color: #000;
}
.awair-pc-actual-data-container .alert {
    border-radius: initial;
    display: block;
    top: initial;
    height: auto;
    padding: 10px;
}
.contrast .awair-pc-actual-data-container .alert {
    border-radius: initial;
    display: block;
    top: initial;
    height: auto;
    padding: 10px;
}
.awair-pc-legend-tile {
    margin-bottom: 15px;
}
.awair-pc-legend-tile div.item {
    color: white;
    text-align: center;
    border-radius: 5px;
    padding: 5px;
}
.awair-pc-legend-tile p.legend-description {
    color: #000f;
    font-size: 16px;
}
.awair-pc-data-tile {
    border-bottom: 1px solid #ccc;
    margin-bottom: 15px;
}
.awair-pc-data-tile p {
    font-size: 0.8em;
    text-align: center;
}
.awair-pc-data-tile p strong {
    font-size: 1.5em;
}
.awair-pc-no-data-alert {
    background: #ccc;
    border: 0px;
}
.awair-pc-very-good-alert {
    background: #58b109;
    color: #fff;
    border: 0px;
}
.awair-pc-good-alert {
    background: #b0e205;
    color: #fff;
    border: 0px;
}
.awair-pc-moderate-alert {
    background: #feda16;
    color: #fff;
    border: 0px;
}
.awair-pc-sufficient-alert {
    background: #f67e00;
    color: #fff;
    border: 0px;
}
.awair-pc-bad-alert {
    background: #e50007;
    color: #fff;
    border: 0px;
}
.awair-pc-very-bad-alert {
    background: #a20009;
    color: #fff;
    border: 0px;
}
.awair-pc-very-good-alert p {
    color: #fff !important;
}
.awair-pc-good-alert p {
    color: #fff !important;
}
.awair-pc-moderate-alert p {
    color: #fff !important;
}
.awair-pc-sufficient-alert p {
    color: #fff !important;
}
.awair-pc-bad-alert p {
    color: #fff !important;
}
.awair-pc-very-bad-alert p {
    color: #fff !important;
}
p.awair-pc-no-data-alert {
    background: #fff !important;
    color: #ccc !important;
    text-align: center !important;
}
p.awair-pc-very-good-alert {
    background: #fff !important;
    color: #58b109 !important;
    text-align: center !important;
}
p.awair-pc-good-alert {
    background: #fff !important;
    color: #b0e205 !important;
    text-align: center !important;
}
p.awair-pc-moderate-alert {
    background: #fff !important;
    color: #feda16 !important;
    text-align: center !important;
}
p.awair-pc-sufficient-alert {
    background: #fff !important;
    color: #f67e00 !important;
    text-align: center !important;
}
p.awair-pc-bad-alert {
    background: #fff !important;
    color: #e50007 !important;
    text-align: center !important;
}
p.awair-pc-very-bad-alert {
    background: #fff !important;
    color: #a20009 !important;
    text-align: center !important;
}
.awair-pc-actual-data-container p.right {
    text-align: left;
    font-size: 1.0em;
}
.awair-pc-actual-data-container p.left {
    text-align: right;
    font-size: 1.0em;
}
.form-edit-user input[type="password"] {
    margin-bottom: 20px;
}
.btn-edit-user-submit {
    width: 20%;
}
/* wybór podkładów */
div#basemapsGallery {
    width: 265px;
    position: absolute;
    overflow: hidden !important;
    z-index: 1000;
    font-size: 1em;
    overflow-x: hidden !important;
    background: white;
    padding: 10px;
    border-right: 1px solid #ececec;
    color: black;
    border-radius: 10px;
    left: 30px;
    bottom: 30px;
}
div#basemapsGallery label {
    max-width: 80%;
}
img#eyeImg {
    height: 30px;
    position: absolute;
    right: 5px;
    z-index: -1;
    top: 50%;
    margin: -15px 0 0 -15px;
    padding: 5px;
}
div#basemaps-close {
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
}
#basemapsGallery h3 {
    margin-top: 0px;
}
.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
    background-color: #a8c632;
    border-color: #a8c632;
}
.outOfZoom, .outOfZoom:focus, outOfZoom:hover {
    text-decoration: line-through !important;
}
.awair-pc-fast-station-details-container .awair-pc-small-loading p {
    color: #000;
}
.awair-pc-fast-station-details-container .awair-pc-fast-details-close {
    z-index: 1004;
}
.awair-pc-fast-station-details-container .awair-pc-small-loading {
    opacity: 1;
}
.kpjp-pc-slide-login-container {
    z-index: 1005;
}
.awair-pc-img-horizontal {
    width: 100% !important;
    height: auto !important;
}
.awair-pc-img-vertical {
    width: auto !important;
    height: 100% !important;
}
.awair-pc-fullscreen-modal-close {
    z-index: 7;
}
.awair-pc-data-tile p.status-label {
    font-size: 1.4em;
}
.no-margin {
    margin: 0px;
}
.awair-pc-forecast-svg {
    width: 30px;
    height: 30px;
}
.awair-pc-same-line-as-csv {
    line-height: 30px;
}
.awair-pc-forecast-svg path {
    fill: #000;
}
.no-padding-in-div div {
    padding: 0px;
}
.no-padding-in-div {
    padding-left: 15px;
    padding-right: 15px;
}
.awair-pc-fast-details-new-window {
    position: absolute;
    right: 40px;
    top: 12px;
    cursor: pointer;
    width: 20px;
    height: 20px;
}
@media (max-width: 1600px) {
    .awair-pc-fast-station-details-container {
        width: 50%;
   }
}
@media (max-width: 768px) {
    .awair-pc-fast-station-details-container {
        width: 100%;
   }
}
.ol-attribution.ol-uncollapsible {
    height: auto !important;
    z-index: 663;
}
.kpjp-license-container {
    display: none !important;
}
.awair-pc-tip-container p {
    color: #000;
}
.tip-container {
    padding: 20px;
    margin-left: 15px;
    margin-right: 15px;
}
.tip-container p {
    text-align: center;
    font-size: 1.2em;
    font-weight: bold;
}
.awair-pc-tip-container .alert {
    border-radius: initial;
    display: block;
    top: initial;
    height: auto !important;
    text-align: left !important;
}
.contrast .awair-pc-tip-container .alert {
    border-radius: initial;
    display: block;
    top: initial;
    height: auto !important;
    text-align: left !important;
}
.contrast .awair-pc-fast-station-details-container {
    background: #000;
}
.contrast .awair-pc-small-loading {
    background: #000;
}
.contrast .tip-container p {
    color: #000 !important;
}
.contrast p.awair-pc-no-data-alert {
    background: #000 !important;
}
.contrast p.awair-pc-very-good-alert {
    background: #000 !important;
}
.contrast p.awair-pc-good-alert {
    background: #000 !important;
}
.contrast p.awair-pc-moderate-alert {
    background: #000 !important;
}
.contrast p.awair-pc-sufficient-alert {
    background: #000 !important;
}
.contrast p.awair-pc-bad-alert {
    background: #000 !important;
}
.contrast p.awair-pc-very-bad-alert {
    background: #000 !important;
}
.contrast #basemapsGallery {
    background: #000;
}
.contrast #basemapsGallery h3 {
    color: yellow;
}
.contrast #basemapsGallery .list-group-item {
    background: #000;
}
.contrast #basemapsGallery .list-group-item img {
    background: #000;
}
.contrast #basemapsGallery .list-group-item.active {
    background: yellow;
}
.contrast #basemapsGallery .list-group-item.active label {
    color: #000 !important;
}
.contrast .map-controls .basemaps {
    background: #000;
    border: 1px solid #000;
}
.awair-station-show .popupShowMoreTd {
    display: none;
}
.awair-station-show #popup-closer {
    display: none;
}
.awair-station-show .awair-pc-fast-details-close {
    display: none;
}
.awair-station-show .unit strong {
    font-size: 1.0em;
}
.awair-station-show .footer-div-item-knowledgeBase {
    padding-left: 0px;
    padding-right: 0px;
}
.awair-station-show .footer-div-item-legend {
    border-right: 0px;
}
.awair-station-show footer {
    padding-right: 0px;
    padding-left: 0px;
    width: 100%;
}
.awair-station-show footer .footer-div {
    width: 100%;
    margin-right: 0px;
    margin-left: 0px;
    border-radius: 0px;
}
.awair-station-show footer .legend-div .legend-unit button .item .name {
    font-size: 1.8em;
}
.awair-station-show footer .legend-div .legend-unit button .item .border {
    font-size: 1.8em;
    border-right: none;
}
.awair-station-show footer .legend-div .legend-unit .unit {
    font-size: 2.3em;
}
.awair-station-show footer.with-panel {
    display: none;
   /*padding-left: 40%;
   */
}
.awair-station-show footer.with-panel .legend-div .legend-unit button .item .name {
    font-size: 1.1em;
}
.awair-station-show footer.with-panel .legend-div .legend-unit .unit {
    font-size: 1.1em;
}
.awair-station-show .awair-pc-fast-station-details-container {
    width: 50%;
}
.awair-station-show .awair-pc-sensor-details-container-scroll {
    margin-top: 0px;
    height: 100%;
}
.awair-station-show .legend-unit {
    display: block !important;
}
.awair-station-show footer .legend-div .smallRespLegendBtn {
    display: none !important;
}
.awair-station-show .awair-pc-fast-station-details-container .logo-container {
    display: none;
}
.awair-station-show .awair-pc-fast-station-details-container .descContentHeader {
    display: none;
}
.awair-pc-actual-data-container .awair-pc-type-header {
    font-size: 1.3em;
}
.awair-pc-actual-data-container .awair-pc-type-description {
    font-size: 1.3em;
}
.awair-station-show .awair-pc-actual-data-container .status-label {
    display: none;
}
.awair-station-show .awair-pc-station-details-header .row>div:nth-child(1) {
    width: 100%;
}
.awair-station-show .awair-pc-station-details-header .row>div:nth-child(2) {
    display: none;
}
.awair-station-show img.stateImg {
    width: 130px;
}
@media (max-width: 767px) {
    .awair-pc-icon-xs-align {
        text-align: right;
        padding-right: 20px !important;
   }
}
@media (max-width: 575px) {
    .awair-pc-data-tile img {
        width: 100px;
   }
    .awair-pc-actual-data-container .awair-pc-type-header {
        font-size: 1.0em;
   }
    .awair-pc-actual-data-container .awair-pc-type-description {
        font-size: 1.0em;
   }
}
@media (max-width: 380px) {
    .col-xxs-pc-12 {
        width: 100%;
   }
    .col-xxs-pc-12.col-xs-4 {
        text-align: center;
   }
}
.kpjp-pc-footer-buttons button {
    padding-bottom: 8px;
    padding-top: 8px;
}
/* slajdy */
div#startingSlide {
    background: white;
    width: 100%;
    height: 100%;
}
img.startingLogo {
    margin-top: 50px;
    width: 50%;
}
label.startingLogo {
    color: black;
    font-size: 50px;
}
div#pmChangeGroup {
    color: black;
    text-align: center;
    font-size: 100pt;
}
.slidesTime {
    color: black;
    text-align: center;
    font-size: 40px;
    position: fixed;
    bottom: 0;
    width: 100%;
}
/* slajd wioś */
div#wiosSlide {
    background-color: white;
    color: black;
    position: absolute;
    height: 100%;
    width: 100%;
}
img#wiosLogo {
    height: 400px;
    padding-left: 50px;
}
label#wiosAddr {
    padding-left: 75px;
    font-size: 22px;
}
label#IJP {
    font-size: 60px;
}
#wiosTime #startingDate {
    color: white;
}
.forecastAwairLogo {
    height: 88px;
}
label.wiosData {
    background-color: orange;
    font-size: 50px;
    padding: 10px 20px 10px 20px;
    border: 5px solid white;
    color: white;
}
label.wiosDataLabel {
    font-size: 40px;
    padding: 10px 20px 10px 20px;
}
/* inne slajdy */
.fat-font {
    font-family: 'Titillium Web', sans-serif;
}
.slick-outline {
    font-family: 'Titillium Web', sans-serif;
    font-size: 20px;
    -webkit-text-stroke: 2px black;
}
.kpjp-pc-info-panel-header.screen_mode {
    font-size: 27px;
}
.awair-pc-station-address-container p.screen_mode {
    font-size: 20px;
    color: #777 !important;
}
.tip-container.screen_mode {
    padding: 0px;
}
p.awair-pc-same-line-as-csv.manta {
    text-align: center;
    font-size: 25px;
}
.manta .awair-pc-forecast-svg {
    width: 50px;
    height: 50px;
}
.verticalLine {
    border-left: thick solid #444;
}
/* aniacja strzałek */
#arrowAnim {
    display: flex;
    justify-content: center;
}
img.arrowGif {
    height: 1.5em;
}
label.forecast-date {
    font-size: 30px;
}
.station-row-click:hover {
   /* background-color: lightgray;
    */
    border-left-color: lightgray !important;
}
.list .star {
    color: #ccc !important;
    text-align: right;
}
.list .star.star-checked {
    color: #f0ad4e !important;
}
.list .star:hover {
    color: #f0ad4e !important;
}
.list .star.star-checked:hover {
    color: #ccc !important;
}
.list, .list-header {
    display: block;
    padding: 0;
    margin: 0;
    width: 100%;
    text-align: left;
}
.list li>*, .list-header li>* {
    vertical-align: middle;
}
.list li>*:first-child, .list li>*:nth-child(2), .list-header li>*:first-child, .list-header li>*:nth-child(2) {
    display: inline-block !important;
    width: 40%;
    text-decoration: none !important;
}
.list li>*:last-child, .list-header li>*:last-child {
    display: inline-block;
    width: 20%;
    text-align: center;
}
.search {
    display: block;
    width: 99%;
    margin: 0 auto;
    padding: 5px;
}
.sort, .filter, .refresh {
    border-radius: 3px;
}
.sort, .filter {
    margin: 10px 5px;
}
.filter {
    margin-top: 0px;
}
@keyframes slide {
    0% {
        opacity: 0;
        transform: translateX(-15vw);
   }
    20% {
        opacity: 1;
        transform: translateX(-9vw);
   }
    80% {
        opacity: 1;
        transform: translateX(9vw);
   }
    100% {
        opacity: 0;
        transform: translateX(15vw);
   }
}
.header-menu.mobile-header-menu.wcag {
    float: none;
}
.header-menu.mobile-header-menu.wcag .hamburger-type-title {
    font-size: 1.5em !important;
}
.nav.navbar-nav.navbar-left.kpjp-pc-tutorial-sensors li {
    width: 100%;
}
@media (max-width: 768px) {
    .header-menu.wcag:not(.mobile-header-menu) {
        display: none;
   }
}
@media (min-width: 769px) {
    .mobile-header-menu {
        display: none;
   }
}
@media (max-width: 768px) {
    .hamburgerMenu .navbar-left {
        float: none !important;
   }
    .hamburgerMenu .navbar-right {
        float: none !important;
   }
    .hamburgerMenu:not(.animation-hamburger) .header-menu.polutions .navbar-nav li, .hamburgerMenu:not(.animation-hamburger) .header-menu.time .navbar-nav li {
        padding-left: 0px;
        padding-bottom: 0px;
   }
}
.kpjp-pc-info-modal-footer img {
    width: 50px;
}
.circle-container {
    width: 24em;
    height: 24em;
    padding: 2.8em;
   /*2.8em = 2em*1.4 (2em = half the width of a link with img, 1.4 = sqrt(2))*/
    border: dashed 0px;
    border-radius: 50%;
    margin: 1.75em auto 0;
    position: absolute;
    z-index: 99999999999999999999999999999999999;
    top: -11em;
    left: -13em;
}
.circle-container a {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 4em;
    height: 4em;
    margin: -2em;
   /* padding-left: 60px;
    padding-top: 30px;
    */
}
.circle-container img {
    display: block;
    width: 100%;
}
.deg0 {
    transform: translate(12em);
}
.deg45 {
    transform: rotate(45deg) translate(12em) rotate(-45deg);
}
.deg135 {
    transform: rotate(135deg) translate(12em) rotate(-135deg);
}
.deg180 {
    transform: translate(-12em);
}
.deg225 {
    transform: rotate(225deg) translate(12em) rotate(-225deg);
}
.deg315 {
    transform: rotate(315deg) translate(12em) rotate(-315deg);
}
.circle-container .center img {
    width: 75px;
}
.circle-container .deg img {
    width: 50px;
}
.deg0 {
    transform: translate(12em);
}
.deg45 {
    transform: rotate(45deg) translate(12em) rotate(-45deg);
}
.deg135 {
    transform: rotate(135deg) translate(12em) rotate(-135deg);
}
.deg180 {
    transform: translate(-12em);
}
.deg225 {
    transform: rotate(225deg) translate(12em) rotate(-225deg);
}
.deg315 {
    transform: rotate(315deg) translate(12em) rotate(-315deg);
}
.deg22 {
    transform: rotate(22.5deg) translate(12em) rotate(-22.5deg);
}
.deg67 {
    transform: rotate(67.5deg) translate(12em) rotate(-67.5deg);
}
.deg90 {
    transform: rotate(90deg) translate(12em) rotate(-90deg);
}
.deg122 {
    transform: rotate(122.5deg) translate(12em) rotate(-122.5deg);
}
.infoModal #nav-info-container {
    display: none;
}
/* PC: tymczasowe ukrycie nawigacji */
.awair-pc-evertop-footer {
    max-height: 50px;
    height: 50px;
    width: auto !important;
    padding: 4px;
}
.awair-pc-evertop-footer.pc-big-one {
    max-height: 100px;
    height: 100px;
}
.awair-pc-app-footer-link img {
    height: 30px;
    padding-left: 4px;
    padding-right: 4px;
}
@media (max-width: 370px) {
   /*.awair-pc-logos-container {
        display: none;
   }
   */
}
.awair-pc-logos-container {
    margin: 0px;
}
.awair-pc-back-to-list-button {
    margin: 10px;
}
.awair-pc-justify {
    text-align: justify;
}
.justified-text p {
    text-align: justify;
}
.kpjp-pc-additional-info #awairlogo {
    width: 50%;
}
.kpjp-pc-additional-info .descContent {
    text-align: justify;
}
@media (max-width: 768px) {
    .kpjp-pc-additional-info #awairlogo {
        width: 100%;
        max-height: none;
        padding-left: 100px;
        padding-right: 100px;
   }
}
@media (max-width: 480px) {
    .kpjp-pc-additional-info #awairlogo {
        width: 100%;
        max-height: none;
        padding-left: 10px;
        padding-right: 10px;
   }
}
@media (max-width: 768px) {
    #mainInfoHeaderSection a.float-left {
        width: 100%;
   }
}
@media (max-width: 480px) {
    #mainInfoHeaderSection a.float-left {
        width: 100%;
   }
}
.awair-pc-rapoer-container button:hover {
    filter: brightness(100%);
}
#forecastSlide {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: white;
    color: black;
}
table#forecastTable {
    width: 100%;
    text-align: center;
    font-size: 50px;
}
.forecastLabel {
    -webkit-text-stroke: 3px white;
    font-size: 90px;
    font-family: 'Titillium Web', sans-serif;
}
/* okno z powiadomieniami pdk */
label#pdkLevelSymbol {
    padding: 10px 20px 10px 20px;
    border-radius: 100px;
    font-size: 20px;
    color: white;
}
.check-attachment.label-success {
    background-color: #a8c632;
}
.pdk-recipent {
    font-size: 18px;
}
.filesList li {
    list-style-type: none;
}
.pdkLevelI {
    background-color: #ffbb00;
}
.pdkLevelII {
    background-color: #f67e00;
}
.pdkLevelIII {
    background-color: #ff5500;
}
svg#dissmissPdk>path {
    fill: black;
}
#dissmissPdk {
    cursor: pointer;
}
label.pdk-text {
    line-height: 1.5em;
    height: 3em;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
}
.row.pdk {
    border-bottom: 1px dashed #acd8ac;
}
.addPdk {
    padding: 10px 50px;
    border-radius: 100px;
}
.addPdk:focus {
    outline: none;
}
.pdkHeader label {
    margin-bottom: 25px;
    font-size: 20px;
}
#newPdkToggleLabel, #newPdkToggleLabel label, #generateReportToggleLabel, #generateReportToggleLabel label {
    cursor: pointer;
}
#dissmissPdk {
    cursor: pointer;
    color: darkred;
    font-size: 50px;
}
button#sendPdkAgreed {
    background-color: red;
}
button.pdkLoading {
    background-color: #999;
    color: black;
    cursor: wait;
}
#trySendPdkButton img, #updatePdkList img {
    height: 20px;
}
div#newPdkToggleLabel>span, div#generateReportToggleLabel>span {
    font-size: 25px;
    margin-right: 10px;
    position: relative;
    top: 7px;
}
.sendingButtonsGroup button {
    width: 100%;
    border-radius: 25px;
}
#toggleNewPdk .row {
    margin-top: 15px;
}
textarea#pdkText {
    min-height: 150px;
    resize: vertical;
}
.kpjp-main-container.contrast textarea#pdkText, .kpjp-main-container.contrast select#pdkType, .kpjp-main-container.contrast .input-group.date input, .kpjp-main-container.contrast .input-group.date span {
    color: yellow;
    background-color: black;
}
/* przełączniki */
.material-switch>input[type="checkbox"] {
    display: none;
}
.material-switch>label {
    cursor: pointer;
    height: 0px;
    position: relative;
    width: 40px;
}
.big-switch.material-switch>label {
    width: 40px;
}
.material-switch>label::before {
    background: rgb(0, 0, 0);
    box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
    border-radius: 8px;
    content: '';
    height: 16px;
    margin-top: -8px;
    position: absolute;
    opacity: 0.3;
    transition: all 0.4s ease-in-out;
    width: 40px;
}
.big-switch.material-switch>label::before {
    width: 80px;
}
.material-switch>label::after {
    background: rgb(255, 255, 255);
    border-radius: 16px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    content: '';
    height: 24px;
    left: 20px;
    margin-top: -8px;
    position: absolute;
    top: -4px;
    transition: all 0.3s ease-in-out;
    width: 24px;
}
.big-switch.material-switch.pull-left {
    margin-left: 15px;
}
.material-switch>input[type="checkbox"]:checked+label::before {
    background: inherit;
    opacity: 0.5;
}
.material-switch>input[type="checkbox"]:checked+label::after {
    background: inherit;
    left: 40px;
}
.big-switch.material-switch>input[type="checkbox"]:checked+label::after {
    left: 80px;
}
.kpjp-pc-footer-color {
    color: #a8c632 !important;
}
.awair-pc-vertical-menu {
    position: absolute;
    top: 100px;
    left: 0px;
}
.awair-pc-vertical-menu ul {
    padding-left: 43px;
}
.awair-pc-vertical-menu ul li {
    text-align: center;
    margin: 8px 0px;
    font-size: 0.9em;
    color: #000;
}
.navbar-div {
    background-color: transparent;
    box-shadow: none;
    margin-top: 25px;
}
.hamburgerMenu {
    display: none;
}
.header-menu.wcag ul {
    background-color: #fff;
}
.awair-pc-marks-menu {
    position: absolute;
    top: 0px;
    height: 100%;
    width: auto;
    right: 0px;
}
.awair-pc-mark {
    padding: 0px;
    background-color: transparent;
}
.awair-pc-mark p {
    color: #000;
}
.awair-pc-marks-menu-items {
    position: absolute;
    right: 0%;
    width: auto;
    height: auto;
}
.awair-pc-marks-menu-items-plus {
    bottom: 140px;
}
.awair-pc-marks-menu-items-minus {
    bottom: 100px;
}
.awair-pc-marks-menu-items-a {
    top: 100px;
}
.awair-pc-marks-menu-items-b {
    top: 140px;
}
.awair-pc-marks-menu-items-c {
    top: 260px;
}
.awair-pc-marks-menu-items-d {
    top: 300px;
}
.awair-pc-marks-menu-items-g {
    top: 340px;
}
.awair-pc-marks-menu-items-h {
    top: 180px;
}
.awair-pc-marks-menu-items-i {
    top: 220px;
}
.awair-pc-marks-menu-items-e {
    top: 380px;
}
.awair-pc-marks-menu-items-f {
    top: 420px;
}
.awair-pc-marks-menu-contents {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -100%);
    width: 100%;
    height: 200px;
}
.awair-pc-mark-content {
    display: inline-block;
}
.awair-pc-mark-header {
    display: inline-block;
    width: 128px;
    height: 40px;
    text-align: center;
}
.awair-pc-mark-header button {
    height: 40px;
    width: 40px;
}
.awair-pc-mark-content {
    height: 100%;
    background-color: transparent;
}
.awair-pc-mark-content>div {
    margin-right: 50px;
}
.awair-pc-bookmark-button {
    padding: 6px;
    outline: none !important;
    background-color: #fff !important;
    border-color: #ccc !important;
}
.awair-pc-app-api-button {
    width: 40px;
    height: 34px;
    outline: none !important;
}
.awair-pc-bookmark-button div {
    width: 100%;
    height: 100%;
}
.awair-pc-bookmark-button:focus {
    background-color: #e6e6e6 !important;
}
@media (max-height: 575px) and (min-width: 769px) {
    .awair-pc-marks-menu-items-plus {
        position: absolute;
        left: 0px;
        right: auto;
        display: inline-block !important;
        width: 128px;
   }
    .awair-pc-marks-menu-items-minus {
        position: absolute;
        left: 0px;
        right: auto;
        display: inline-block !important;
        width: 128px;
   }
}
.contrast .awair-pc-content {
    background-color: #000;
}
.contrast .awair-pc-bookmark-button {
    background-color: yellow!important;
    color: black!important;
}
.awair-pc-marks-menu-items .translate {
    background-image: url(data:image/png;base64,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);
    background-repeat: no-repeat;
    background-size: cover;
}
.awair-pc-marks-menu-items .windsock {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCIgYXJpYS1sYWJlbGxlZGJ5PSJ0aXRsZSIKYXJpYS1kZXNjcmliZWRieT0iZGVzYyIgcm9sZT0iaW1nIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgPHRpdGxlPldpbmRzb2NrPC90aXRsZT4KICA8ZGVzYz5BIGxpbmUgc3R5bGVkIGljb24gZnJvbSBPcmlvbiBJY29uIExpYnJhcnkuPC9kZXNjPgogIDxwYXRoIGRhdGEtbmFtZT0ibGF5ZXIyIgogIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzIwMjAyMCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2Utd2lkdGg9IjIiIGQ9Ik0yNiAzLjR2MjhtMTgtMTguMlYyOSIKICBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2UtbGluZWNhcD0icm91bmQiPjwvcGF0aD4KICA8cGF0aCBkYXRhLW5hbWU9ImxheWVyMSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMjAyMDIwIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiCiAgc3Ryb2tlLXdpZHRoPSIyIiBkPSJNMiA2MmgxNm0tOCAwVjJDMTUuMiAyIDI0LjguOSAzNC42IDcuMlM1MC40IDE4IDU4IDE4YTMuOCAzLjggMCAwIDEgNCA0YzAgMS4xLS4zIDMuNC00IDQtOC44IDEuNy0yMi4yIDYtNDggNiIKICBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2UtbGluZWNhcD0icm91bmQiPjwvcGF0aD4KPC9zdmc+);
    background-repeat: no-repeat;
    background-size: cover;
}
.awair-pc-marks-menu-items .orion_sunny-wind-gust {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCIgYXJpYS1sYWJlbGxlZGJ5PSJ0aXRsZSIKYXJpYS1kZXNjcmliZWRieT0iZGVzYyIgcm9sZT0iaW1nIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgPHRpdGxlPlN1bm55IFdpbmQgR3VzdDwvdGl0bGU+CiAgPGRlc2M+QSBsaW5lIHN0eWxlZCBpY29uIGZyb20gT3Jpb24gSWNvbiBMaWJyYXJ5LjwvZGVzYz4KICA8cGF0aCBkYXRhLW5hbWU9ImxheWVyMiIKICBkPSJNMzIgNDJhMTMgMTMgMCAxIDEgMTEuNy0xOC42TTMyIDJ2Nk0xMiAzMEg0bTgtMjJsNiA2bTMzLjktNS45TDQ2IDE0IgogIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzIwMjAyMCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lam9pbj0icm91bmQiCiAgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIj48L3BhdGg+CiAgPHBhdGggZGF0YS1uYW1lPSJsYXllcjEiIGQ9Ik01NiAzNGE0IDQgMCAwIDEgNCA0IDQgNCAwIDAgMS00IDRoLTZtOCAxNmE0IDQgMCAwIDAgNC00IDQgNCAwIDAgMC00LTRINDZNMiA1MGgzMmE2IDYgMCAwIDEgNiA2IDYgNiAwIDAgMS02IDZNMiA0MmgzNmE2IDYgMCAwIDAgNi02IDYgNiAwIDAgMC02LTYiCiAgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMjAyMDIwIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIKICBzdHJva2UtbGluZWNhcD0icm91bmQiPjwvcGF0aD4KPC9zdmc+);
    background-repeat: no-repeat;
    background-size: cover;
}
.awair-pc-marks-menu-items .molecule {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/PjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDQ2MyA0NjMiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ2MyA0NjM7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48Zz48cGF0aCBkPSJNNDMxLjUsNDAwYy01Ljk3MiwwLTExLjU2MSwxLjY3MS0xNi4zMjUsNC41NjlMMjg3LjcxMSwyNzcuMTA0Yy0wLjIyMi0wLjIyMi0wLjQ1Ny0wLjQyMS0wLjY5OC0wLjYwOUMyOTcsMjY0LjE5OCwzMDMsMjQ4LjUzOSwzMDMsMjMxLjVjMC0xNy4wMTctNS45ODUtMzIuNjU2LTE1Ljk0OC00NC45NDZsODYuODg4LTg2Ljg4OEMzODMuMjY4LDEwNi43NywzOTQuODk3LDExMSw0MDcuNSwxMTFjMzAuNjAzLDAsNTUuNS0yNC44OTcsNTUuNS01NS41UzQzOC4xMDMsMCw0MDcuNSwwUzM1MiwyNC44OTcsMzUyLDU1LjVjMCwxMi42MDMsNC4yMywyNC4yMzIsMTEuMzM0LDMzLjU1OWwtODYuODg4LDg2Ljg4OEMyNjQuMTU2LDE2NS45ODUsMjQ4LjUxNywxNjAsMjMxLjUsMTYwcy0zMi42NTYsNS45ODUtNDQuOTQ2LDE1Ljk0OGwtNDAuMTIzLTQwLjEyM2MyLjg5OC00Ljc2NCw0LjU2OS0xMC4zNTMsNC41NjktMTYuMzI1YzAtMTcuMzY5LTE0LjEzMS0zMS41LTMxLjUtMzEuNVM4OCwxMDIuMTMxLDg4LDExOS41czE0LjEzMSwzMS41LDMxLjUsMzEuNWM1Ljk3MiwwLDExLjU2MS0xLjY3MSwxNi4zMjUtNC41NjlsNDAuMTIzLDQwLjEyM0MxNjUuOTg1LDE5OC44NDQsMTYwLDIxNC40ODMsMTYwLDIzMS41YzAsOS42NTIsMS45MzMsMTguODU4LDUuNDE1LDI3LjI2NmwtOTUuNDA0LDUxLjY3N0M2Mi43NjEsMzAxLjYzLDUxLjc3NiwyOTYsMzkuNSwyOTZDMTcuNzIsMjk2LDAsMzEzLjcyLDAsMzM1LjVTMTcuNzIsMzc1LDM5LjUsMzc1Uzc5LDM1Ny4yOCw3OSwzMzUuNWMwLTQuMTM3LTAuNjQyLTguMTI2LTEuODI3LTExLjg3Nmw5NS40MDgtNTEuNjc5QzE4NS40ODUsMjkwLjY4NCwyMDcuMDc3LDMwMywyMzEuNSwzMDNjMi43NCwwLDUuNDQtMC4xNyw4LjEwMS0wLjQ3Mmw5Ljk0Myw0NC43NDNDMjM5LjE1OSwzNTIuNDI2LDIzMiwzNjMuMTQsMjMyLDM3NS41YzAsMTcuMzY5LDE0LjEzMSwzMS41LDMxLjUsMzEuNXMzMS41LTE0LjEzMSwzMS41LTMxLjVjMC0xNy4xMzktMTMuNzYxLTMxLjExNS0zMC44MTMtMzEuNDgzbC05Ljk0NC00NC43NDdjOC4xNzQtMi43NSwxNS42OTMtNi45MywyMi4yNTMtMTIuMjU3YzAuMTg4LDAuMjQxLDAuMzg3LDAuNDc2LDAuNjA5LDAuNjk4bDEyNy40NjQsMTI3LjQ2NEM0MDEuNjcxLDQxOS45MzksNDAwLDQyNS41MjgsNDAwLDQzMS41YzAsMTcuMzY5LDE0LjEzMSwzMS41LDMxLjUsMzEuNXMzMS41LTE0LjEzMSwzMS41LTMxLjVTNDQ4Ljg2OSw0MDAsNDMxLjUsNDAweiBNMzkuNSwzNjBDMjUuOTkxLDM2MCwxNSwzNDkuMDA5LDE1LDMzNS41UzI1Ljk5MSwzMTEsMzkuNSwzMTFTNjQsMzIxLjk5MSw2NCwzMzUuNVM1My4wMDksMzYwLDM5LjUsMzYweiBNMjgwLDM3NS41YzAsOS4wOTgtNy40MDIsMTYuNS0xNi41LDE2LjVzLTE2LjUtNy40MDItMTYuNS0xNi41czcuNDAyLTE2LjUsMTYuNS0xNi41UzI4MCwzNjYuNDAyLDI4MCwzNzUuNXogTTQwNy41LDE1YzIyLjMzMiwwLDQwLjUsMTguMTY4LDQwLjUsNDAuNVM0MjkuODMyLDk2LDQwNy41LDk2UzM2Nyw3Ny44MzIsMzY3LDU1LjVTMzg1LjE2OCwxNSw0MDcuNSwxNXogTTEwMywxMTkuNWMwLTkuMDk4LDcuNDAyLTE2LjUsMTYuNS0xNi41czE2LjUsNy40MDIsMTYuNSwxNi41cy03LjQwMiwxNi41LTE2LjUsMTYuNVMxMDMsMTI4LjU5OCwxMDMsMTE5LjV6IE0yMzEuNSwyODhjLTMxLjE1NCwwLTU2LjUtMjUuMzQ2LTU2LjUtNTYuNXMyNS4zNDYtNTYuNSw1Ni41LTU2LjVzNTYuNSwyNS4zNDYsNTYuNSw1Ni41UzI2Mi42NTQsMjg4LDIzMS41LDI4OHogTTQzMS41LDQ0OGMtOS4wOTgsMC0xNi41LTcuNDAyLTE2LjUtMTYuNXM3LjQwMi0xNi41LDE2LjUtMTYuNXMxNi41LDcuNDAyLDE2LjUsMTYuNVM0NDAuNTk4LDQ0OCw0MzEuNSw0NDh6Ii8+PHBhdGggZD0iTTIzMS41LDE5MmMtNC4xNDIsMC03LjUsMy4zNTgtNy41LDcuNXMzLjM1OCw3LjUsNy41LDcuNWMxMy41MDksMCwyNC41LDEwLjk5MSwyNC41LDI0LjVjMCw0LjE0MiwzLjM1OCw3LjUsNy41LDcuNXM3LjUtMy4zNTgsNy41LTcuNUMyNzEsMjA5LjcyLDI1My4yOCwxOTIsMjMxLjUsMTkyeiIvPjxwYXRoIGQ9Ik00MDcuNSw0N2M0LjY4NywwLDguNSwzLjgxMyw4LjUsOC41YzAsNC4xNDIsMy4zNTgsNy41LDcuNSw3LjVzNy41LTMuMzU4LDcuNS03LjVjMC0xMi45NTgtMTAuNTQyLTIzLjUtMjMuNS0yMy41Yy00LjE0MiwwLTcuNSwzLjM1OC03LjUsNy41UzQwMy4zNTgsNDcsNDA3LjUsNDd6Ii8+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjwvc3ZnPg==);
    background-repeat: no-repeat;
    background-size: cover;
}
.awair-pc-marks-menu-items .icons8-map-24 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAMAAADVRocKAAAAtFBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABSe1G2AAAAO3RSTlMAAwQREhMdHh8iIyVNTk9QYGFiY2RlgIGCg6iqrK2usLGys7S1tre4uePk5ejp6uvs7e7w8/T5+vv8/WmHuOgAAAFdSURBVHja7djRUoJQFIVhVEyDCkGzrIxU0NKiIpWS93+v1GZaQ+DenKFz4cz+75zZZ77lLYYkSdIxVHf815eJ1yxzW3NGq9W9bSjUHizSfcmsyxmt65/b2C4/PtykiDRqF8Hv7VBxfMboFRqtq3mKYvXx2f9h/hl/PvnK3iiOzxtTD8ZJf547KDmeNEK3sRt/NsZ4pDCeaB24/Sf8LAdYD4XjLx8/CUkBsKJDD5rdWfIPwC3xAEYF4J14AKMCQD6AoQ+AoQ+AoQdApjdNNAEwNAFIAAEEEEAAAQQQQAABBBBAAAHUAVMfgG9o+gAY+gB8p9MHwNAHwGDu3xiAN4JOg7q/YQG+9dY4dB+dVgNguGlBG98yFIHFgP9uitu2QVQ0KHTqu29oPdrALRkxiDJwy0UMIgzcsn0QgwgDt1xDfhCM/C2fHbODYKiMh3C3XI4wiDbC58jf3kqSJB1B39c1IEWdOTN/AAAAAElFTkSuQmCC);
    background-repeat: no-repeat;
    background-size: cover;
}
.awair-pc-marks-menu-items .eye {
    background-image: url(data:image/png;base64,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);
    background-repeat: no-repeat;
    background-size: cover;
}
.awair-pc-marks-menu-items .icons8-new-window-96 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAMAAADVRocKAAAAV1BMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOl5NtAAAAHHRSTlMABAYHJykrLC2MjY6QkZSVmLi8vdPU1fL0+/z9Fm8DOwAAALJJREFUeAHt2MGygjAMheGUexELKKJgqZz3f043blNnaEY7eL4X+CeLLBIpERHRsb8v2GiZ+0bS/oYVWdZzJQnVDdmuqcIFBgZRNSsMPA6iOcFEJ5oZJibRBJgIooGRPQQYYEA2+oUAAwzg5dMBBhhggAG8sYMAAwwUuMkMMMAAAzyhGGAgwET43mu5gwkvmjrCQPwXlbcZQOdGZBudJLg2IktsnaTVfgrYKEy+lgIRET0BTNc7aUyRZ04AAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-size: cover;
}
.awair-pc-marks-menu-items .pm10 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAiCAYAAAAtZZsLAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4gwRCwEjDSRiAAAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAABdklEQVRYw+3XP0scURQF8N9mNUUaQSwttLDYwkIjZEO6hGzET5JgIX4Lv4KljUVsTbpAIGBUgsUmYLpAEAsNbBWJf1Cbu/AYJtEN6zgLc+DyHucdLmdg3r33UaHCYOAqE2f4jiXUMrpTTOTkeIgfSY47MQhDmMHH4BYzuiOs5+RYjrM7N9jFVHDtjO4NLvE44UfwC6+LNPgouD8ZXR3f8CHhV4KrF2mwGdynjA5exX4B4zhB6x+5+mpwGNPYjQvRzDEI7/EVa3h3w8f2/RZ3sIm5HF0XDZxHNP7X4FCPRms9aPexmuwLqYO30fUrF3hQ9aAKFSqUC8PR2jo31LIWtvA7Ygsv7mNwzUMz2ttuDK4T+BJD7pOiJ+w8bMTZ84R7GdzbMhg8iLOxhBsL7mcZDJ4lg2sX9eS90hOK6sW1xPy9GzyOdTThuvvDMhjciXUm4WZjbZfhH3waZWYPkxF7uMCzouvg34y28DkeSyfYxnzV5yoMIq4B2t+E9smydIAAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-size: cover;
    width: 28px;
    height: 28px;
}
.awair-pc-marks-menu-items .pm25 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAiCAYAAAAtZZsLAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4gwRCwscQa2ntwAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAABu0lEQVRYw+3Xu2oVURTG8V88icEgmAdIYZGgRzAgpkiVIkEFO/MQXrAQCWJhY+kjaKmBdHYqNsYEMUELCxVM46UQhCAESRSN4rFZB4bNoDmTmZMI88HA8M3aa//nttde1Kr1f6iVHJtYwSX0JHE/cDAnx168z+SoBBB6cQwL4V1M4lYxl5PjclyrHLCtkfBeJnEX8BvHM/4BfMb5bgIOhPc9iWvgNR5l/BvhNboJOB7ekyQOTsX5aQzhG07+JVepgH04iufxQ4znAMIDvMJt3P/HzZb+F6/hHsZy4tpq4mcczaKAvR2C9nQQ+wa3MuddWQe3EldWLrCnrkG1atXaeZ2NcvUuStsnPMZ0wSrUKrvctfARZ7A/iv+d8GfKXpiLAj6NTUJbgxnwHQfM03BMutEB4CbW8QLnqgacjUkfdjCmgcOYz+wVK9GVzNMbLTD+SIz/UAXc9Uj+BVMFc/TltArb1kB0ai08w6GcmOW4vpB8f4voz3ij4S+VBdeMhucrrsa3lGoQv2LiyQRwBRPYF3DLsZ5OlAW4sYXFdjqngYJr8UTX4gZWcTf66q7qZgCe2K3l8G28ulq7Tn8AEoSg+tWzrPAAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-size: cover;
    width: 28px;
    height: 28px;
}
.awair-pc-app-api-button.active {
    background-color: #a8c632;
    border: 1px solid #a8c632;
}
.awair-pc-app-api-button.active:focus, .awair-pc-app-api-button.active:hover {
    background-color: #a8c632;
    border: 1px solid #a8c632;
    outline: none;
}
.inner-button-pm10 {
    padding: 1px 4px;
}
.inner-button-pm25 {
    padding: 1px 4px;
}
.contrast .inner-button-pm10, .contrast .inner-button-pm25 {
    background-color: yellow!important;
}
.contrast p>.active {
    background-color: #edcc00!important;
}
.contrast .ol-control {
    background-color: black;
}
.contrast #kpjp-pc-email-input {
    background-color: black;
    border: 1px solid yellow;
    color: yellow!important;
}
.contrast .kpjp-pc-slide-login-container {
    background-color: black;
}
.contrast .kpjp-pc-slide-login-container input, .contrast .kpjp-pc-slide-login-container button {
    background-color: black;
    border: 1px solid yellow;
}
.contrast .kpjp-pc-slide-login-container .kpjp-pc-restore-label {
    background-color: black;
    color: yellow;
}
.contrast .kpjp-pc-slide-login-container .kpjp-pc-restore-label-decorator {
    border-bottom: 1px solid yellow;
}
@media (max-width: 768px) {
    .awair-pc-marks-menu-items {
        display: none;
   }
    .navbar-div {
        background-color: #fff;
   }
    .contrast .navbar-div {
        background-color: black!important;
   }
    .logo-container.small {
        left: 35px !important;
        right: auto;
   }
}
@media (max-width: 500px) {
    .logo-container {
        left: 35px !important;
        right: auto;
   }
}
@media (min-width: 769px) {
    .header-menu.wcag {
        display: none;
   }
}
.station-row-click div.row {
    width: 100%;
}
.list-group-item .kpjp-pc-info-panel-header {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 16px;
}
.list-group-item.list-group-item {
    border-width: 1px;
    border-color: #fff;
    cursor: pointer;
}
.list-group-item.list-group-item label {
    cursor: pointer;
}
#stations .list-group-item {
    padding-left: 0px;
    padding-right: 0px;
    margin-left: 0px;
}
.show-this-alert {
    display: block !important;
}
p.air-state-text {
    text-transform: lowercase;
}
p.air-state-text::first-letter {
    text-transform: uppercase;
}
/* widok logo na mapie */
div#screen-map-logos-container {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
}
.line-height-unset {
    line-height: unset !important;
}
#evertopScreenlogo {
    position: absolute;
    right: 0;
    height: 50px;
    top: 125px;
}
.outer {
    display: table;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
.middle {
    display: table-cell;
    vertical-align: middle;
}
.inner {
    margin-left: auto;
    margin-right: auto;
    //width: 400px;
   /*whatever width you want*/
}
.comparison_empty_data_error {
    color: black;
    height: 90vh;
}
.contrast .comparison_empty_data_error {
    color: yellow;
}
.comparison_names {
    text-align: left;
    text-decoration: bold;
    font-size: 22px;
    margin-bottom: 20px;
}
.comparison_names>p {
    margin-bottom: 10px;
}
.comparison_names>p:first-child {
    font-size: 30px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
}
/* kształty do legendy */
.square {
    height: 50px;
    width: 50px;
    background-color: transparent;
    border: 2px solid black;
    transform: rotate(45deg);
}
.circle {
    height: 50px;
    width: 50px;
    background-color: transparent;
    border: 2px solid black;
    border-radius: 50%;
}
.stationSymbolLabel {
    font-size: 25px;
    color: white;
    position: relative;
    left: -15px;
    top: -15px;
}
@media (min-width: 769px) {
    header {
        pointer-events: none;
   }
    header .logo-container.small {
        pointer-events: auto;
   }
}
.special-mg {
    padding: 8px 15px;
    border-radius: 1;
    background-color: #fff;
    border: 1px solid #ccc;
    color: #000;
}
/* kolorowanie zaznaczenia sensorów */
.filter-selected {
    background-color: #a8c632;
    color: #fff;
}
.span-tutorial-image-container {
    display: inline-block;
    margin-top: 20px;
    margin-bottom: 20px;
}
.img-tutorial-illustration {
    width: 65%;
}
.div-tutorial p {
    text-align: justify
}
.station-details-current-data-p {
    color: black;
}
.station-details-current-data-p a {
    color: black;
    text-decoration: underline;
}
.station-details-current-data-p a:hover {
    color: #a8c632;
}
img#beskid {
    width: 120px;
}
/* slajdy pdk */
div.pdkSlide {
    background: white;
    width: 100%;
    height: 100%;
}
div#legenda {
    padding-top: 30px;
    padding-left: 15%;
    font-size: 30px;
}
#legenda td {
    height: 60px;
}
.row.pdkHeaderRow {
    background: #57b108;
    height: 100px;
    font-size: 65px;
    text-align: left;
    color: white;
}
img.pdkMapa {
    padding-top: 30px;
    position: absolute;
    left: 70px;
}
label.pdkHeader2 {
    color: #d13b00;
    font-size: 135px;
}
.row.bottomrow {
    position: fixed;
    bottom: 0;
    width: 100%;
    margin-bottom: 40px;
    color: grey;
    font-size: 30px;
}
label.pdkInfo {
    color: black;
    font-size: 45px;
}
img.logoKato {
    position: absolute;
    right: 0px;
    height: 100px;
    padding: 10px;
}
.special-mg-1 {
    text-align: left;
}
.special-mg-2 {
    margin-right: 10px;
}
.special-mg-3 {
    margin-bottom: 0px;
}
.special-mg-input {
    width: calc(100% - 34px);
    margin-left: 5px;
    margin-right: 5px;
    display: inline;
}
.station-row-click.list-group-item .row {
    margin: 0px;
}
.refresh-section-container {
    border-top: 1px solid #ccc;
    padding: 0px;
    text-align: right;
    border-bottom: 1px solid #ccc;
    padding-top: 10px;
    padding-bottom: 10px;
}
.special-mg-1 .filter {
    margin-bottom: 0px;
}
.refresh-section-container p {
    display: inline;
    margin-right: 10px;
}
img.kpjp-pc-loading-icon {
    transform: scale(0.5);
}
div.loading-text-container p {
    color: #000;
    font-size: 12px;
    text-align: center;
    font-weight: bold;
}
div.loading-text-container {
    margin: auto;
    position: absolute;
    top: 220px;
    left: 0;
    bottom: 0;
    right: 0;
    vertical-align: middle;
    height: 20px;
}
.ol-attribution.ol-unselectable.ol-control.ol-uncollapsible {
    width: 100%;
    text-align: center;
    color: black !important;
    max-width: 100%;
}
.ol-attribution.ol-unselectable.ol-control.ol-uncollapsible li {
    color: #000;
}
.ol-attribution.ol-unselectable.ol-control.ol-uncollapsible li a {
    font-weight: bold;
    color: #000;
}
@media (min-width: 769px) {
    .kpjp-main-container>footer {
        margin-right: 20px;
   }
}
@media (max-width: 600px) {
    #popup {
        position: fixed;
        left: 0px;
        right: 0px;
        width: 100%;
        bottom: 1px;
        max-width: 100%;
        border-radius: 0px;
        z-index: 664 !important;
        padding: 0px;
   }
    .ol-popup:before {
        display: none;
   }
    .ol-popup:after {
        display: none;
   }
    #popup .row:nth-child(1) .col-xs-12 {
        padding-left: 0px;
        padding-right: 0px;
   }
    #popup .row:nth-child(3) .col-xs-12 {
        padding-left: 0px;
        padding-right: 0px;
   }
    #popup .col-xs-12 .popupHeader {
        padding-left: 15px;
        padding-right: 15px;
   }
    #popup .col-xs-12 .kpjp-pc-footer-col-buttons {
        padding-left: 15px;
        padding-right: 15px;
   }
    .modal .modal-content {
        height: 100% !important;
        top: 0% !important;
        width: 100% !important;
        border-radius: 0px;
   }
}

.header-menu.polutions ul.navbar-nav {
    margin-bottom: 0px;
}
.header-menu.sensors ul.navbar-nav {
    margin-top: 0px;
    margin-bottom: 0px;
}
.header-menu.wcag ul.navbar-nav {
    margin-top: 0px;
    margin-bottom: 0px;
}
.header-menu.sensors ul.navbar-nav li {
    height: auto;
    padding: 0px;
    display: block;
}
.header-menu.wcag ul.navbar-nav li {
    height: auto;
    padding: 0px;
    display: block;
    width: 100%;
}
.nav.navbar-nav.navbar-right.kpjp-pc-tutorial-navbar li a {
    width: 100%;
}
.navbar-sensors a {
    padding-left: 10px !important;
}
.card {
    box-sizing: border-box;
    background-clip: padding-box;
}
.card span.card-title {
    color: #fff;
    font-size: 24px;
    font-weight: 300;
    text-transform: uppercase;
}
.card .card-image {
    position: relative;
    overflow: hidden;
}
.card .card-image img {
    background-clip: padding-box;
    position: relative;
    z-index: -1;
    width: 100%;
}
.card .card-image span.card-title {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 16px;
}
.card .card-content {
    padding: 16px;
    background-clip: padding-box;
    box-sizing: border-box;
}
.card .card-content p {
    margin: 0;
    color: inherit;
}
.card .card-content span.card-title {
    line-height: 48px;
}
.card .card-action {
    border-top: 1px solid rgba(160, 160, 160, 0.2);
    padding: 16px;
}
.card .card-action a {
    color: #ffab40;
    margin-right: 16px;
    transition: color 0.3s ease;
    text-transform: uppercase;
}
.card .card-action a:hover {
    color: #ffd8a6;
    text-decoration: none;
}

.blur-up {
    -webkit-filter: blur(5px);
    filter: blur(5px);
    transition: filter 400ms, -webkit-filter 400ms;
}

.blur-up.lazyloaded {
    -webkit-filter: blur(0);
    filter: blur(0);
}

@media (max-width: 768px) {
    .navbar-div {
        margin-left: 0px;
        margin-right: 0px;
        width: 100%;
        border-radius: 0px;
    }
}

.form-control {
    width:100%;
    text-align:center;
    border: 1px solid #959595;outline:0;
    color:#959595;
    box-shadow:none!important
}
.form-control:focus {
    border: 1px solid #959595;
}
.mt-20 {
    margin-top: 20px;
}
.mb-20 {
    margin-bottom: 20px;
}

.my-select select option:hover,
.my-select select option:focus,
.my-select select option:active {
    background: linear-gradient(#a8c632, #a8c632);
    background-color: #a8c632 !important;
    color: #ffffff !important;
}

.my-select select option:checked {
    background: linear-gradient(#959595, #959595);
    background-color: #959595 !important;
    color: #959595 !important;
}

@media (min-width: 768px) {
    .polutions {
        display: none;
    }
}

.inner {
    display: inline-block;
    vertical-align: middle;
    padding: 3px 5px;
}

.font-size-20 {
    font-size: 20px;
    color: #a8c632
}

#forecastSlideModal {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    margin: 0 auto !important;
    background-color: white;
    color: black;
}

@media (max-width: 991px) {
    .forecastSlideModalText {
        font-size: 36px;
        text-align: center;
        vertical-align: middle;
        line-height: 90px;
    }
    .mt-100 {
        margin-top: 100px;
    }
}

@media (min-width: 992px) {
    .mt-150 {
        margin-top: 600px;
    }
}

@media (max-width: 768px) {
    .logo-container img {
        height: 85px !important;
    }
    .text-pm10-xs {
        font-size: 24px!important;
    }
}

@media (max-width: 500px) {
    .logo-container img {
        display: none !important;
    }
    .text-pm10-xs {
        font-size: 24px!important;
    }
}

.fade-in-select {
    -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 2s; /* Firefox < 16 */
    -ms-animation: fadein 2s; /* Internet Explorer */
    -o-animation: fadein 2s; /* Opera < 12.1 */
    animation: fadein 2s;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

#screen-map-logos-city-container {
    margin-top: 30px;
    margin-left: 10px;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
}

#screen-map-logos-city-m-container {
     margin-top: 30px;
     margin-right: 1px;
     position: absolute;
     top: 0;
     right: 0;
     height: 100%;
    z-index: 9999;
}

#screen-map-logos-city-s-container {
    margin-top: 10px;
    margin-right: 30px;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    z-index: 9999;
}

.font-size-20 {
    font-size: 20px;
    color: #a8c632;
}
@media (max-width: 992px) {
    .font-size-18 {
        font-size: 18px;
    }
    .font-size-14 {
        font-size: 14px;
    }
    .margin-left-modal-wind .change-hr {
        margin-top: 10px;
    }
}

@media (max-width: 1200px) {
    .margin-left-modal-wind .change-hr {
        margin-top: 10px;
    }
}

.margin-left-modal-wind {
    margin-left: -80px !important;
    margin-right: 10px !important;
}

.margin-left-modal-wind .change-hr {
    border-top: 1px solid #eee;
    width: 30%;
    padding-left: 300px !important;
}

.mt-100-awair-logo {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
}

.mt-100-awair-logo-relative {
    position: relative;
}

.btn-custom {
    border-radius: 0 !important;
    box-shadow: none !important;
}

.awair-pc-forecast-small-menu-svg path {
    fill: rgba(168, 198, 50, 1);
}

.awair-pc-forecast-small-menu-svg {
    width: 30px;
    height: 30px;
    margin-top: -4px !important;
}

@media (min-width: 768px) {
   .awair-pc-forecast-small-menu-svg path {
       display: none !important;
   }
  .btn-custom {
      display: none !important;
  }
    .awair-pc-forecast-small-menu-svg circle {
       display: none !important;
    }
    .awair-pc-forecast-small-menu-svg .active circle {
        display: none !important;
    }
    .awair-pc-forecast-small-menu-svg {
        display: none !important;
    }
    .active .awair-pc-forecast-small-menu-svg path {
        display: none !important;
    }
    .kpjp-pc-menu-localization {
        display: none !important;
    }
}

.active .awair-pc-forecast-small-menu-svg-temp circle {
    fill: white !important;
}

.active .awair-pc-forecast-small-menu-svg path {
    fill: white !important;
}

.big .awair-pc-forecast-small-menu-svg {
    width: 20px;
    height: 20px;
}

.awair-pc-forecast-small-menu-svg {
    width: 30px;
    height: 30px;
}