/*w nagłówku pliku głównego*/
 /*<link rel="stylesheet" href="style.css" type="text/css" />*/

body
{
	background-color: #212121;
	font-size: 20px;
    /*font-family: Verdana, Geneva, Tahoma, sans-serif;*/
    font-family: 'Lato', sans-serif;
    margin: 0;
    padding: 0;
    /*box-sizing:border-box;*/
    background-image: url("https://rd-app.pl/gmina/kolbiel/obrazki/navy_blue.png");
}

#page-container {  position: relative; min-height: 80vh;};*/
/*#page-container {  position: relative}*/
#content-wrap {  margin-bottom: 0%; padding-bottom: 0%;    /* Footer height */}

.content
{
    /* width: 1140px; */
    width: 100%;
    margin-left:auto;
    margin-right:auto;
    background-color: #484848;
}

#container
{
    height: auto;
	width: 75%; 
    margin-left:auto;
    margin-right:auto;
    clear: both;
}

.aligner
{
    width: 75%;
    margin-left:auto;
    margin-right:auto;
    /*border: 2px dotted blue;*/
}

#header-top
{
    /* margin-left: 0px; */
    width: 100%;
    /* height: 60px; */
    height: 50px;
    background-color: #212121;
    color:#e0e0e0;
    margin-top: 0px;
    /*padding-top: 12px;*/
    /*padding-bottom: 12px;*/
    /*margin-bottom: 25px;*/
}

#headerText-top
{
    float:left;
    /* width: 850px; */
    width: 70%;
    height: 100%;
    padding: 0px;
    margin: 0%;
    text-align: left;
    /*font-size: 32px;*/
    font-size: 16px;
    color: #e0e0e0;
    font-weight: bold;
    letter-spacing: 2px;
    /* vertical-align: middle; */
    text-transform: none;
    display: flex;
    align-items: center;
    justify-content: left;
 }


#headerWyloguj
{
    float: right;
    /*width: 100px;*/
    /*width: 14%;*/
    height: 100%;
    /* padding: 10px; */
    margin: 0%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: right;
}


header
{
    /* margin-left: 0px; */
    width: 100%;
    /* height: 90px; */
    height: 120px;
    background-color: #484848;
    color:#ffffff;
    margin-top: 0;
    /*margin-bottom: 25px;*/
}

#headerLogo
{
    float:left;
    /*width: 100px;*/
    width: 15%;
    height: 100%;
    /* padding: 10px; */
    margin: 0%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: left;

}


#headerText
{
    float:left;
    /* width: 850px; */
    width: 70%;
    height: 100%;
    padding: 0px;
    margin: 0%;
    text-align: center;
    /*font-size: 32px;*/
    font-size: 36px;
    color: #ffcc00;
    font-weight: bold;
    letter-spacing: 2px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
 }



.navMenu
{
    height: 50px;
	/*margin: 0;*/
	background-color: #387002;
	text-align: center;
	/*border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;*/
}

.KatMiej
{
    float: left;
    display: flex;
    align-items: center;
    justify-content: left; 
    /*border: 1px dotted blue;*/
    height: 100%;
    margin-right: 10px;
}


ol
{
	padding: 0;
	margin: 0;
	list-style-type: none;
	font-size: 20px;
	heigh: 35px;
	line-high: 200%;
}


ol a
{
	color: #ffffff;
	text-decoration: none;
	display: block;
}


ol > li
{
	float: left;
	width: 150px;
	height: 50px;
	border-right: 1px solid #484848;
    display: flex;
    align-items: center;
    justify-content: center;
}


ol > li:first-child
{
	/*border-left: 1px solid #e0e0e0;*/
}


ol > li:hover
{
	background-color: #50871d;
}


li a
{
  display: inline-block;
  color: #e0e0e0;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}



/*******************główna tabela z miejscami*******************/

#miejsca tr:first-child{
    background-color: #387002;
}


#miejsca tr:nth-child(odd){
    background-color: none;
}

#miejsca tr:nth-child(even){
    /*background-color: rgb(92,91,91);*/
    /*opacity: 0.7;*/
    background-color:rgba(91, 91, 91, 0.6);
}

#miejsca {
  border-collapse: collapse;
  width: 100%;
}

#miejsca td {
  border: 1px solid #387002;
  padding: 8px;
}


#miejsca th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #4CAF50;
  color: #e0e0e0;
}


/*#miejsca tr:hover {background-color: rgb(200, 219, 231);}*/


/*******************tabela bez wyroznionego pierwszwgo wiersza*******************/

#tabNormal tr:nth-child(odd){
    background-color: none;
}

#tabNormal tr:nth-child(even){
    background-color:rgba(91, 91, 91, 0.6);
}

#tabNormal {
  border-collapse: collapse;
  width: 100%;
}

#tabNormal td {
  border: 1px solid #387002;
  padding: 8px;
  min-height: 80px;
}

#tabNormal th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #4CAF50;
  color: #e0e0e0;
}

/*#tabNormal tr:hover {background-color: rgb(200, 219, 231);}*/



table h2
{
    font-size: 18px;
}


table h3
{
    font-size: 16px;
    font-weight: normal;
}


form
{
    margin-top: 0px;
    margin-bottom: 0px;
}


h2
{
    font-size: 22px;
    color: #e0e0e0;
    margin-top: 0px;
    margin-bottom: 0px;
}


h3
{
    font-size: 18px;
    color: #e0e0e0;
    /*margin-top: 0px;*/
    margin-top: 0px;
    margin-bottom: 0px;
    margin-block-start: 0em;
    margin-block-end: 0em;
}


p
{
    color: #ffcc00;
}


/*******************zwykłe linki*******************/
/*Nieodwiedzony link*/
a:link
{
    color: #e0e0e0;
    text-decoration: none;
}


/*Odwiedzony link*/
/*a:visited
{
    color: #212121;
}/*


/*Link po najechaniu kursorem*/
a:hover
{
    color: #212121;
    cursor: pointer;
}


/*******************link RD ELEKTRONIKA*******************/
/*Nieodwiedzony link*/
a.rd:link
{
    color: #00aeef;
    text-decoration: none;
}


/*Odwiedzony link*/
a.rd:visited
{
    color: #00aeef;
}


/*Link po najechaniu kursorem*/
a.rd:hover
{
    color: #0071c5;
    cursor: pointer;
}


#okno_logowania
{
	background-color: #484848;
    /*background-color: #fff;*/
    font-size: 20px;
    color:#111111;
    /*opacity: 0.8;*/
    /*width: 300px*/
    width: 220px;
	/*width: 20%;*/
    /*padding: 50px;*/
	padding-top: 1%;
    padding-bottom: 2%;
    padding-left: 3%;
    padding-right: 3%;
	margin-left: auto;
	margin-right: auto;
    /*margin-top: 100px;*/
    /*margin-bottom: 100px;*/
	margin-top: 5%;
    margin-bottom: 5%;
	/*-webkit-box-shadow: 3px 3px 30px 5px rgba(204,204,204,0.9);
	-moz-box-shadow: 3px 3px 30px 5px rgba(204,204,204,0.9);
	box-shadow: 3px 3px 30px 5px rgba(204,204,204,0.9);*/
    /*border-radius: 5px;*/
}


/************* Pole tekstowe **************/
textarea[type=normal]
{
    text-align: left;
    width: 100%;
	background-color: #e0e0e0;
	color: #111111;
	font-size: 14px;
    /*padding: 10px;*/
	padding: 2%;
	box-sizing: border-box;
	outline: none;
    /*font-family: 'Lato', sans-serif;*/
}


input[type=text_normal]
{
    max-width: 400px;
    width: 100%;
	background-color: #e0e0e0;
	color: #111111;
    border: none;
	/*border: 1px solid #ddd;*/
	font-size: 14px;
    /*padding: 10px;*/
	padding: 1%;
	box-sizing: border-box;
	outline: none;
    font-family: monospace;
    /*font-family: 'Lato', sans-serif;*/
}

input[type=text_long]
{
    /*max-width: 400px;*/
    width: 100%;
	background-color: #e0e0e0;
	color: #111111;
    border: none;
	/*border: 1px solid #ddd;*/
	font-size: 14px;
    /*padding: 10px;*/
	padding: 1%;
	box-sizing: border-box;
	outline: none;
    font-family: monospace;
    /*font-family: 'Lato', sans-serif;*/
}


input[type=text_normal]:disabled {
  background: #acacac;
  color: #31313198;
}


input[type=text_logo],
input[type=password]
{
	/*width: 300px;*/
    max-width: 300px;
    width: 100%;
	background-color: #e0e0e0;
	color: #212121;
	font-size: 20px;
    /*padding: 10px;*/
	padding: 2%;
	box-sizing: border-box;
	outline: none;
    /*margin-top: 10px;*/
	margin-top: 0%;
    margin-bottom: 6%;
    border: 0px;
    border-radius: 2px;
}



input[type=file]
{
    max-width: 300px;
    width: 100%;
	background-color: #e0e0e0;
	color: #111111;
	/*border: 8px solid yellow;*/
	border-radius: 2px;
	font-size: 14px;
    /*padding: 10px;*/
	padding: 1%;
	box-sizing: border-box;
	outline: none;
}


/*****domyślny zielony button"*****/
input[type=button]
{
	/*width: 300px;*/
    width: 150px;
	background-color: #387002;
	font-size:14px;
	color: #e0e0e0;
	padding: 10px 10px;
    /*	margin-top: 20px;*/
	margin-top: 0%;
    margin-bottom: 0%;
	border: none;
	border-radius: 2px;
	cursor: pointer;
	letter-spacing: 1px;
	outline: none;
}



input[type=button]:hover
{
	background-color: #689f38;
    color: #181818;
}


/*****przycisk czerwony"*****/
#button_red
{
	/*width: 300px;*/
    width: 100px;
   	background-color: #881629;
	font-size:14px;
    text-align: center;
	color: e0e0e0;
	padding: 10px 2px;
    /*	margin-top: 20px;*/
	margin-top: 0%;
    margin-bottom: 0%;
	border: none;
	border-radius: 2px;
	cursor: pointer;
	letter-spacing: 1px;
	outline: none;
}


#button_red:hover
{
	background-color: #ac243a;
}


/*domyślny przycisk submit*/
input[type=submit]
{
	/*width: 300px;*/
    width: 150px;
	background-color: #387002;
	font-size:14px;
	color: #e0e0e0;
	padding: 10px 10px;
    /*	margin-top: 20px;*/
	margin-top: 0%;
    margin-bottom: 0%;
	border: none;
	border-radius: 2px;
	cursor: pointer;
	letter-spacing: 1px;
	outline: none;
}


input[type=submit]:hover
{
	background-color: #689f38;
    color: #181818;
}


/*button żółty*/
#button_yellow
{
	/*width: 300px;*/
    width: 150px;
	background-color: #ffcc00;
	font-size:14px;
    font-weight: bold;
	color: #181818;
	padding: 10px 10px 10px 10px;
    /*	margin-top: 20px;*/
	margin-top: 0%;
    margin-bottom: 0%;
	border: none;
	border-radius: 2px;
	cursor: pointer;
	letter-spacing: 1px;
	outline: none;
}


#button_yellow_plus
{
	/*width: 300px;*/
    width: 170px;
	background-color: #ffcc00;
	font-size:14px;
    font-weight: bold;
	color: #181818;
	padding: 10px 10px 10px 10px;
    /*	margin-top: 20px;*/
	margin-top: 0%;
    margin-bottom: 0%;
	border: none;
	border-radius: 2px;
	cursor: pointer;
	letter-spacing: 1px;
	outline: none;
}


#button_yellow:hover,
#button_yellow_plus:hover
{
	background-color: #ffdd11;
    color: #181818;
}

/*
#published
{
  	background-color: #ffcc00;
	color: #181818;
	padding: 10px 10px 10px 10px;
	margin-top: 0%;
    margin-bottom: 0%;
	border: none;
	border-radius: 2px;
	cursor: pointer;
	letter-spacing: 1px;
	outline: none;
    height: 30px;
    width: 30px;
}
*/

input[type="checkbox"]
{
    content: '✔';
    background-color: #e0e0e0;
    cursor: pointer;
    appearance: checkbox;
    box-sizing: border-box;
    /*padding: 6px 6px 6px 6px;*/
    /*padding: initial;*/
    border: initial;
    height: 30px;
    width: 30px;
    border-radius: 2px;
    color:  #ffdd11;
}

/*
input[type="checkbox"]:checked
{
    background-color: #700a0a;
    color:  #ffdd11;
}
*/



input[type="date"]
{
    color:#212121;
    background-color: #e0e0e0;
    height: 30px;
    border-radius: 2px;
    border: none;
    font-family: monospace;
    /*font-family: 'Lato', sans-serif;*/
}

input[type="date"]:disabled
{
  background: #acacac;
  color: #31313198;
}


input[type="time"]
{
    color:#212121;
    background-color: #e0e0e0;
    height: 30px;
    border-radius: 2px;
    border: none;
    font-family: monospace;
    /*-moz-appearance: radio;*/
}


select[type=normal]
{
    text-align: left;
    /*max-width: 300px;*/
    width: 220px;
	background-color: #387002;
	color: #e0e0e0;
	border: none;
	border-radius: 2px;
	font-size: 16px;
    /*padding: 10px;*/
	padding: 5px;
	box-sizing: border-box;
	outline: none;
    /*background-color:rgba(56, 112, 2, 0.6);*/
}

#plikuzytkownika
{
    background-color: transparent;
    color: transparent;
}



/**************************************stopka*********************************/
#footer
{
    background-color: #181818;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    color: #e0e0e0;
    font-size: 14px;
    /*padding-top: 30px;
    padding-bottom: 30px;*/
	text-align: center;; 
    position: relative;
    /*margin-top: 50px;
    margin-bottom: 0px;*/
    bottom: 0;
    width: 100%;
    /*outline: none;*/
    /*display: block;*/
    min-height: 10vh;
    display: flex;
    align-items: center;
    justify-content: center;
}