:root{
  --bg: #fff;
  --bg-maps-panel: #fff;
  --text-color-1: #585f69; /*ciemny szary*/
  --text-color-2: #989fa9; /*jasniejszy szary*/
  --link-color: #639A67;
  --link-hover: #205D67;
}

.high-contrast{
  --bg: #000;
  --text-color-1: #ffff00;
  --text-color-2: #ffff00;
  --link-color: #2fff00;
  --link-hover: #1c9600;
}

.high-contrast button, .higth-contrast input[type="button"], input[type="reset"], input[type="submit"] {
    color: var(--bg);
	background-color: var(--text-color-1);
}


.fancy-line {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(192, 192, 192, 0), rgba(192, 192, 192, 0.75), rgba(192, 192, 192, 0));
    margin-bottom: 20px;
}

#disabled {
    position: absolute !important;
    display: block;
    width: 100%;
    height: 100%;
    top: 0px;
    background-color: rgba(192, 192, 192, 0.5);
    z-index: 4990 !important;
}

#disabled .xx {
    width: 100%;
    height: 100%;

}

#regulamin {
    min-width: 30em;
    position: fixed;
	/*ustawinie lewego gornego rogu na srodku ekranu*/
    left: 50%;
    top: 50%;
	/*cofniecie polozenia o polowe dlugosci i szerokosci*/
    transform: translate(-50%, -50%);
    overflow: hidden;
    border: 2px solid #585f69;
    background-color: var(--bg);
    color: var(--text-color-1);
    //z-index: 7000 !important;
}

#regulamin #zatwierdz:hover {
    text-decoration: underline;
}

.font-large #regulamin .tresc p{
	overflow-y: scroll;
	height: 220px;
}

.font-large #regulamin .tresc h3{
	padding: 0;
	margin: 0;
}


#regulamin .zatwierdz {
    text-align: right;
    margin-top: 30px;
    color: var(--text-color-1);
    cursor: pointer;
}

#regulamin .tresc {
    padding: 0 30px 30px 30px;
    text-align: justify;
}

.popup-box {
    position: fixed !important;
    //z-index: 5000 !important;
    top: 130px;
    right: 20%;
    padding: 15px 0;
    background: #fff;

}

.popup-box-shift {
    position: fixed !important;
    //z-index: 5000 !important;
    top: 180px;
    right: 16%;
    padding: 15px 0;
    background: #fff;

}

.mapa-popup {
    width: 714px;
    height: 700px;
    min-height: 500px;
    border: 2px solid #585f69;
    overflow: hidden;
}

.uchwala-popup {
    width: 714px;
    height: 700px;
    min-height: 500px;
    border: 2px solid #585f69;
    overflow: hidden;
}

.popup-box .panel-header {
  padding: 0 30px 0 30px;
}

.popup-box .jspVerticalBar {
    right: 6px;
}

.popup-box .panel-close {
    right: 30px;
    top: 0;
}

.popup-1 h3 {
    font-weight: normal;
    font-size: 1rem;
}

.popup-box .popup-content {
    line-height: normal;
    color: #797f87;
    font-size: 0.875rem;
    padding: 0 30px 30px 30px;
    height: -moz-calc(100% - 47px);
    height: -webkit-calc(100% - 47px);
    height: calc(100% - 47px);
}

.popup-2 .list-1 {
    float: left;
    padding: 0;
    margin: 0;
    list-style: none;
}

.popup-2 .list-1 li {
    clear: both;
    position: relative;
    border-bottom: 1px solid #eaeaea;
    padding: 13px 0;
    //padding-left: 25px;
    color: var(--text-color-1);
    font-size: 0.875rem;
    width: 400px;
    text-align: justify;
}

.popup-2 .list-1 li a{
    text-decoration: none;
}

.popup-2 h3 {
    margin: 0;
    font-size: 0.875rem;
    padding: 0 0 0 20px;
    display: inline;
}

.popup-2 .icon-box-1 a {
    margin-right: 20px;
    margin-top: 20px;
}

.popup-2 .list-1 span {
    color: #467ec6;
}

.popup-2 {
    width: 450px;
}

.popup-2 .side-dynks {
      display: block;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 10px 16px 10px 0;
      border-color: transparent #467dc6 transparent transparent;
      position: absolute;
      top: 12px;
      left: -18px;
}

.popup-2 .detail-box p {
    padding: 0;
    margin: 4px 0;
}

.icon-box-1 {
    float: left;
    width: 100%;
}

.icon-box-1 a {
    margin-right: 30px;
    display: block;
    float: left;
    width: 23px;
    height: 27px;
    margin: 20px 0 10px 0;
}

.panel-header h1 {
    color: var(--text-color-2);
    font: normal 1rem/1.5rem roboto;
    border-bottom: 1px solid #dcdfe3;
    margin: 0;
    padding-bottom: 5px;
    padding-right: 20px;
}

/*.panel-header {
    padding: 20px 59px 30px 30px;
    position: relative;
}*/

.list-1 ol li {
    float: left;
    width: 100%;
    margin-top: 20px;
}

.list-1 ol li:first-child {
    margin-top: 0;
}

.list-1 ol li a {
    text-decoration: none;
}

.list-1 ol {
    padding: 0 0 0 20px;
    margin: 0;
}

.list-1 .details-box {
    float: left;
    width: 100%;
    padding-bottom: 5px;
    border-bottom: 1px solid #eaeaea;
}

.list-1 .details-box h3 {
    color: var(--text-color-1);
    font-size: 0.625rem;
    margin: 0;
    padding: 20px 0 15px 0;
}

#details-gfi p:first-child{
    font-weight: 700;
    //color: red;
}

.popup-box .popup-content {
    line-height: normal;
    color: #797f87;
    font-size: 0.875rem;
    padding: 0 30px 30px 30px;
    position: relative;
}

.control {
    //position: absolute;
    display: inline-block;
    //bottom: 0px;
    //left: 0;
    width: 14px;
    cursor: pointer;
    height: 14px;
    background: url(../images/geoportal2/sprite.png) -382px -51px;
}

.control:hover {
    filter: alpha(opacity=90);
    opacity: 0.9;
}

.control-current {
    background: url(../images/geoportal2/sprite.png) -382px -7px;
}

.jp-container-gfi .jspVerticalBar
{
    position: absolute;
    top: 0;
    right: 4px;
    width: 12px;
    height: 100%;
}

.icon01 {
    background: url(../images/geoportal2/sprite.png) -212px -284px;
}

.icon01:hover, .icon01.current {
    background: url(../images/geoportal2/sprite.png) -212px -322px;
}

.icon02 {
    background: url(../images/geoportal2/sprite.png) -246px -283px;
}

.icon02:hover, .icon02.current {
    background: url(../images/geoportal2/sprite.png) -246px -321px;
}

.icon03 {
    background: url(../images/geoportal2/sprite.png) -278px -283px;
}

.icon03:hover, .icon03.current {
    background: url(../images/geoportal2/sprite.png) -278px -319px;
}


.icon04 {
    background: url(../images/geoportal2/sprite.png) -334px -279px;
}

.icon04:hover, .icon04.current {
    background: url(../images/geoportal2/sprite.png) -334px -316px;
}

.icon05 {
    background: url(../images/geoportal2/sprite.png) -378px -279px;
}

.icon05:hover, .icon05.current {
    background: url(../images/geoportal2/sprite.png) -378px -315px;
}

/*.ui-icon-closethick{*/
    /*background: url(.../images/ui-icons_469bdd_256x240.png )*/
/*}*/