html
{
    min-height: 100%;
    display: flex;
    flex-flow: column;
}
body
{
    background-color: #303030;
    align-items:center;
    display:flex;
    flex-flow:column;
    margin: 0px;
    flex-grow: 1;
overflow-y: scroll;min-height: 100%;}
body,a
{
    color: #e6e6e6;
    font-family:sans-serif;
    /* text-shadow: 0px 1px 2px #000000; */
}
column
{
    display:flex;
    flex-flow:column;
}
button
{
    border:1px solid;
    cursor: pointer;
}
input,button,textarea
{
    color: white;
    background-color: rgb(48 48 48);
}
input,textarea
{
    -webkit-appearance: button;
    border-width: 1px;
    border-color: #919191;
    font-size: 16px;
    text-shadow: 0px 1px 2px #000000;
    border-style:solid;
    padding: 0px 1px;
    font-family: arial;
    min-height: min-content;
    background-color: #181818;
}

input:focus,textarea:focus
{
    border-color: #ffe026;
    outline: none;
}
::placeholder
{
    color: #636363;
    text-shadow: none;
    /* font-size: 12px; */
}
row
{
    display:flex;
    align-items: baseline;
}
row>:first-child
{
    margin-left:0px !important;
}

.popupCloser
{
    position:fixed;
    left:0px;
    top:0px;
    right:0px;
    bottom:0px;
}
.popupMenu
{
    position:fixed;
    background: #383737;
    border: 1px solid;
    outline: 1px solid black;
    z-index: 100;
    cursor: pointer;
    /* padding-right:2px; */
    text-align:right;
}

.menuItem,.menuSubitem
{
    padding: 8px 8px;
    border-width: 1px 0px;
    border-color: #00000000;
    border-style: solid;
    cursor: pointer;
    white-space: nowrap;
}

.menuItem:hover, .menuSubitem:hover
{
    background-color: #004785;
    border-color: #215f94;
}
.menuMultiitem
{
    display:flex;
    overflow-x: hidden;
}

#popupEdit
{
    align-items: baseline;
    flex-wrap: nowrap;
    position: absolute;
    /* background-color: #383737; */
    /*     transition: background-color 0.4s linear; */
    transition: box-shadow 0.4s linear;
    display: flex;
    /* z-index: 10; */
}
#popupEdit.blink
{
    transition: box-shadow 0s;
    box-shadow: 0px 0px 5px 5px yellow;
}

.popupEdit
{
    /* align-items: baseline; */
    /* flex-wrap: nowrap; */
    position: absolute;
    background-color: #383737;
    /*     transition: background-color 0.4s linear; */
    transition: box-shadow 0.4s linear;
    /* display: flex; */
    z-index: 10;
    box-sizing: border-box;
    outline: 1px solid black;
    padding: 4px;
    border: 1px solid;
}
.popupEdit.blink
{
    transition: box-shadow 0s;
    box-shadow: 0px 0px 5px 5px yellow;
}
#popupEdit input
{/* background-color: inherit; */flex-grow: 1;}

#popupEditOk,.popupEditOK
{
    background-color:#00ab00;
    margin-right: 4px;
}
#popupEditCancel,.popupEditCancel
{
    background-color: #a7a7a7;
    color: #bc0000;
    border-color: #e8e8e8;
    /* border: 4px solid yellow; */
}
#popupEditOK,#popupEditCancel,.popupEditOK,.popupEditCancel
{
    font-size: 16px;
    width: 25px;
    /* box-shadow: 0px 0px 6px black; */
}
.popupEditOK
{
    margin-left:auto;
}

label
{
    font-size:10px;
    color: #757575;
    margin-right: 1px;
}

.uzupelnij
{
    color:#ffe026;
}
.centercolumn
{
    display:flex;
    flex-flow:column;
}
#logo
{
    font-size: 66px;
    margin: 6px 0px;
    font-weight: bold;
}
#strefa
{
    display:flex;
    justify-content: space-between;
}
.button
{
    padding: 0px 4px;
    min-width: 20px;
    min-height: 22px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}
.button.context
{justify-self: end;}

.button:hover
{
    background-color: #686868;
    color:white;
}

.lista
{
    background-color: #444444;
}
.lista>*:nth-child(2n) {
    background-color: #4a4a4a;
}
.lista>*
{

}

.wybierzKategorie
{
    /* background-color: #1d1d91; */
    width: 100%;
    min-height: 100px;
    position: relative;
}
.wk-edges
{
    position: absolute;
    width: 100%;
}
.wk-nodes
{
    display:grid;
    z-index: 10;
    position: relative;
}
.wk-graphcat
{
    border:1px solid;
    outline: 1px solid black;
    margin-bottom: 4px;
    margin-right: 55px;
    cursor: default;
    display: flex;
    justify-content: space-between;
    align-items:center;
    background-color: #383737;
    padding: 1px;
}
.wk-graphcat:hover
{
    background-color: #464533;
}

.selected
{
    color: #ffe026;
}
.wk-search
{
    margin:4px 0px;
}

.bridgeColor
{
	width:20px;
	height:20px;
	margin-left: 4px;
}

.defaultBackground
{
	background-color:#303030
}


.bridged {
	border-width: 1px;
	border-style: solid;
	border-color: transparent;
	padding: 0px 1px;
}

.bridged:hover {
	border-color: unset;
}

.bridgedEnum:hover {
	background-color: gray;
}

.popupOkCancel {
	display: flex;
	padding: 4px;
	background-color: #303030;
	/* border: 1px solid white; */
	margin-left: 2px;
	box-shadow: 0px 0px 16px 0px black;
}

.dialogWindow {
	background-color: #303030;
	box-shadow: black 0 0 20px 0px;
	padding: 8px;
	border: 1px solid #ffe026;
}

.dialogAnswers {
	display: flex;
	justify-content: center;
}

.dialogAnswers .button {
	min-width: 70px;
	margin-top: 10px;
}

.button:focus {
	/* border: 1px dashed; */
}

.kafel {
	border: 1px solid;
	margin-top: 8px;
	display: flex;
	flex-direction: column;
}

.opcjeKafla {
	display: flex;
	justify-content: space-between;
}

.nazwaKafla {
	font-size: 22px;
	padding: 8px;
}

.opcjaKafla {
	padding: 8px;
}

.piec {
	display: flex;
	flex-direction: column;
}

.buttonPiec {
	padding: 12px;
	background-color: #515151;
}

.listwa {
	border: 1px solid;
	padding: 8px;
	margin: 8px;
	display: flex;
	align-items: center;
}

.nazwaListwy {
	font-size: 22px;
	padding:8px;
}

.opcjeListwy {
	display: flex;
	align-items: center;
}

.opcjaListwy {
	margin: 4px;
	padding: 8px;
	display: flex;
	align-items: center;
}