nav.brand {
  /*background: url('http://www.cityparkinggroup.pl/assets/app/page/img/slider-active-item.png') center top repeat-x;*/
  background: #fff url('../img/red-line.jpg') center bottom repeat-x;
  display: none;
  /*background-size: 25px*/
}

.dropdown-content img {
  display: none
}

.btn-print {
  width: 100%;
}

html, body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  color: #555;
  font-family: 'Roboto', sans-serif !important;
}

@media screen and (min-width: 1024px) {
  .modal {
    max-width: 30vw;
  }

  .modal-content {
   height: 30vh;
  }
}

@media screen and (max-width: 720px) {
  form[name="check"] .parking-crop,
  form[name="check"] .nr-crop,
  form[name="check"] .godz-crop,
  form[name="fill"] .parking-crop,
  form[name="fill"] .nr-crop,
  form[name="fill"] .godz-crop {
    left: 0px;
    top: 55px;
  }
}

#main #print {
  display: none !important;
}

.info {
  margin-top: 20px;
}

.portal-info-container {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.portal-info-container-header {
  text-align: center;
  padding-block: 2rem;
}

p.description {
  font-size: 15px;
  line-height: 1.2em;
  text-align: justify
}

.main {
  min-height: 400px;
  margin-top: 50px;
}

.container .row .col h1 {
  font-family: 'Roboto', sans-serif;
  font-size: 51px;
  font-weight: 500;
  margin-bottom: 0;
}

.container .row .col h2 {
  font-family: 'Roboto', sans-serif;
  font-size: 31px;
  font-weight: 300;
  display: none
}

.container .row .col h1 {
  margin: 0
}

.container .row a {
  width: 100%
}

.container .portal-logo-container {
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-block: 2rem;
}

.container .portal-logo {
  width: clamp(25rem, 80%, 35rem);
  height: auto;
  margin-block: auto;
}

.nr-crop {
  background: url('../img/nr.png') repeat-y center 100%;
}

.parking-crop {
  background: url('../img/parking.png') repeat-y center 100%;
}

.godz-crop {
  background: url('../img/godz.png') repeat-y center 100%;
}

.nr-crop,
.parking-crop,
.godz-crop {
  background-size: 100%;
  width: 300px;
  height: 470px;
  position: absolute;
  top: -50px;
  z-index: 3;
  border-radius: 5px;
  display: none;
  border: 5px rgba(100, 183, 246, 0.4) solid;
  /* animation: scroll 5s linear infinite; */
}

@keyframes scroll {
  from {
    background-position-y: 0;
  }
  to {
    background-position-y: 100%;
    
  }
}
@-webkit-keyframes scroll {
  from {
    background-position-y: 0;
  }
  to {
    background-position-y: 100%;
    
  }
}

@media screen and (min-width: 720px){
form[name="check"] .parking-crop,
form[name="check"] .nr-crop,
form[name="check"] .godz-crop {
  left: -350px;
}
form[name="fill"] .parking-crop,
form[name="fill"] .nr-crop,
form[name="fill"] .godz-crop {
  right: -350px;
}
}
.help.szaw:hover ~ .nr-crop,
.help.zzaw:hover ~ .nr-crop,
.help.sparking:hover ~ .parking-crop,
.help.zparking:hover ~ .parking-crop,
.help.sgodz:hover ~ .godz-crop,
.help.zgodz:hover ~ .godz-crop {
  display: block;
}

a.help {
  position: absolute;
  right: 0;
  max-width: 60px;
  padding: 0;
}


.container {
  height: 100%;
}

body {
  background: url('../img/bg_xl.png') repeat-x bottom;
  background-size: cover;
  background-attachment: fixed;
}

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

.input-field span.hint {
  font-size: 14px;
  line-height: 14px;
  margin-bottom: 20px;
  display: block;
  padding-left: 20px;
  margin-left: 20px;
  color: #aaa;
  border-left: 1px solid #aaa;
}

.bigHint{
  font-size: 15px !important;
}

.checkbox-filed{
  position: relative;
}

input[type=text]:not(.browser-default):focus:not([readonly])+label, input[type=email]:not(.browser-default):focus:not([readonly])+label, input[type=number]:not(.browser-default):focus:not([readonly])+label, textarea.materialize-textarea:focus:not([readonly])+label {
color: #585858 !important;
}

#godz_zaw-text {
  color:#585858;
  font-size:14px;
}

@media (min-width: 998px) {
.arrow_box_numer, .arrow_box_kod {
  background: #fff9ed;
  pointer-events: none;
  border: 4px solid #f8eace;
  position: absolute;
  right: -140px;
  top: 0px;
  color:red;
}

.arrow_box_godz {
  background: #fff9ed;
  pointer-events: none;
  border: 4px solid #f8eace;
  position: absolute;
  right: -140px;
  color:red;
}

.arrow_box:after, .arrow_box:before {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-color: rgba(255, 249, 237, 0);
	border-right-color: #fff9ed;
	border-width: 11px;
	margin-top: -11px;
}
.arrow_box:before {
	border-color: rgba(248, 234, 206, 0);
	border-right-color: #f8eace;
	border-width: 17px;
	margin-top: -17px;
}
}

@media (max-width: 998px){
  .arrow_box_numer, .arrow_box_kod, .arrow_boxe_kodee, .arrow_boxe_zawiadomieniee {
    display: none;
  }
  .arrow_box_godz, .arrow_boxe_godzinae, .arrow_boxe_zalacznikie, .arrow_boxe_robote, .arrow_boxe_politPryw .arrow_boxe_politPryw_right .arrow_boxe_robote_right{
    display:none;
  }
  .arrow_box:after, .arrow_box:before, .arrow_boxe:after, .arrow_boxe:before {
    display: none;
  }
  
  .arrow_box:after {
    display: none;
  }
  .arrow_box:before {
    display: none;
  }
}


@media (min-width: 998px){
.arrow_boxe_kodee, .arrow_boxe_zawiadomieniee  {
  position: absolute;
  pointer-events: none;
  background: #fff9ed;
  border: 4px solid #f8eace;

  width: 120px;
  color: red;
  top: 6px;
  left: -140px;
}
.arrow_boxe_godzinae  {
  position: absolute;
  pointer-events: none;
  background: #fff9ed;
  border: 4px solid #f8eace;
  left: -140px;
  top: 30px;
  width: 120px;
  color: red;
}
.arrow_boxe_robote {
  position: absolute;
  pointer-events: none;
  background: #fff9ed;
  border: 4px solid #f8eace;
  left: -140px;
  top: 30px;
  width: 120px;
  color: red;
}
.arrow_boxe_robote_right{
  position: absolute;
  pointer-events: none;
  background: #fff9ed;
  border: 4px solid #f8eace;
  right: 180px;
  top: 25px;
  width: 120px;
  color: red;
}
.arrow_boxe_politPryw{
  position: absolute;
  pointer-events: none;
  background: #fff9ed;
  border: 4px solid #f8eace;
  left: -140px;
  top: -4px;
  width: 120px;
  color: red;
}
.arrow_boxe_politPryw_right{
  position: absolute;
  pointer-events: none;
  background: #fff9ed;
  border: 4px solid #f8eace;
  right: 180px;
  top: -4px;
  width: 120px;
  color: red;
}
.arrow_boxe_zalacznikie  {
  position: absolute;
  text-transform: none;
  background: #fff9ed;
  border: 4px solid #f8eace;
 pointer-events: none;
  left: -140px;
  top: 0px;
  height:30px;
  color: red;
}
.arrow_boxe_zalacznikie span {
  position:relative;
  top:-11px;
}
.arrow_boxe:after, .arrow_boxe:before {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_boxe:after {
	border-color: rgba(136, 183, 213, 0);
	border-left-color: #fff9ed;
	border-width: 11px;
	margin-top: -11px;
}
.arrow_boxe:before {
	border-color: rgba(194, 225, 245, 0);
	border-left-color: #f8eace;
	border-width: 17px;
	margin-top: -17px;
}
}

.field-kod-dobry {
  background-color:#fff9ed;
  border: 4px solid #f8eace;
  padding:5px;

}

.field-kod-zly {
  background-color:rgba(255, 0, 0, 0.582);
  padding:5px;
  color:white;
}

.field-num-zly{
  background-color:rgba(255, 0, 0, 0.582);
  padding:5px;
  color:white;    
  margin-top: unset !important;
}

#trybZglos {
  display: none;
}

#trybSprawdz {
  display: none;
}


.header-options{
  text-align:center;
  font-size:19px;
  font-weight:600;
}

.red-text{
  font-weight: bold;
  font-size: 20px;
}

.modalSize{
  height: 100%;
}

#cookie-banner {
  position: fixed;
  text-align: center;
  justify-content: center;
  /* display: flex; */
  display: none;
  align-items: center;
  background-color: rgb(236, 236, 236);
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 2;
}

#cookie-text {
  float: left;
  padding-left: 16px;
  padding-right: 16px;
}

#cookie-more {
  color: rgb(215, 110, 104);
  margin-left: 16px;
  margin-right: 16px;
}

footer a {
  color: rgb(29, 10, 136);
}