body {font: 14px/20px Ubuntu, Arial, "Trebuchet MS",Helvetica, sans-serif;
	max-width: 1000px; 
	margin:auto;}

#wrapper {width: auto;}

#homeForm {margin-bottom:10px;} 
#homeform2 {margin-bottom:10px;}
.menuButton {width:100%;color:#FFF;background-color:#a1a1a1;margin-bottom:5px;height:30px; font-weight: bold;border-radius:6px;}
.menuButton:hover {background-color:#2f2f2f;}

.menuDiv {background-color: rgb(230, 230, 230);border-radius: 6px; padding:10px 20px; margin-top: 10px;color: green;
		flex-direction: column;display:flex;
		justify-content: center;
    	align-items: center;}
.menuDiv:hover {background-color: rgb(196, 196, 196);cursor:pointer;}
.menuDesc {white-space: pre-wrap;font-family: monospace;padding:20px; background-color: rgb(160, 160, 160);border-radius:30px;
	color:#cfffcf; word-wrap: break-word; width: 95%;}
img.arrow {display:block;margin-bottom:10px;}
img.menuImage {display:block; padding-bottom: 10px;}

.menuBack {display: flex; flex-direction: row-reverse;}
img.menuBackArrow {width: 15px; height: 20px;margin-right: 10px;}
img.menuBackImage {width: 40px; cursor: pointer;margin-right: 10px;}

#success {display: none; padding:30px; background-color: #00b96c; color: white; font-weight: bolder; font-size: large;
		  display: flex; justify-content: space-between;}

#buttons {width:100%; padding:10px; display:flex; justify-content: space-evenly;}
#hidden_values {width:100%; height:50px;display: none;}
.pushButtonEmpty {width:8%;color:#FFF;background-color:white;margin-top:10px;margin-right:5px;height:30px; font-weight: bold;border-radius:6px;border-width: 1px; border-color:red;flex-grow: 1;
	background-image: url("../images/bicikli_gomb.png");background-repeat: no-repeat;}
.pushButton {width:8%;color:#FFF;background-color:#00b96c;margin-top:10px;margin-right:5px;height:30px; font-weight: bold;border-radius:6px;border-width: 0px;   flex-grow: 1;
	background-image: url("../images/bicikli_gomb.png");background-repeat: no-repeat;}
.pushButton:hover {background-color:#009439;
background-image: url("../images/bicikli_gomb.png");background-repeat: no-repeat;}

#minval-container {display: none;padding: 10px;}
#minval {width: 30px;}

.pushButtonSel {width:8%;color:#FFF;background-color:#00b96c;margin-top:5px;margin-right:5px;height:40px; font-weight: bold;border-radius:6px;border-width: 1px;border-bottom-style: solid;border-top-style: solid;   flex-grow: 1;
    background-image: url("../images/bicikli_gomb.png");background-repeat: no-repeat;}
.pushButtonSel:hover {background-color:#009439;
    background-image: url("../images/bicikli_gomb.png");background-repeat: no-repeat;}

#compare-result {display:none;}
#compare-result span#compareOk {height:50px;width:100%;color: #008d52;font-weight: bolder;display:flex;align-items: center; justify-content: center;background-color: rgb(168, 221, 163);}
#compare-result span#compareNot {height:50px;width:100%;color: #da0000;font-weight: bolder;display:flex;align-items: center; justify-content: center;background-color: rgb(228, 200, 200);}

#compare-graph {display:flex; justify-content: center;align-items:center; padding:20px;margin-top:10px;}
#compare-graph.comp-ok {background-color: rgb(168, 221, 163);} 
#compare-graph.comp-not {background-color: rgb(228, 200, 200);}
.compCont {display: flex; justify-content: flex-start;}
.compImage {height: 50px;}
#comp2 {-webkit-transform: scaleX(-1); transform: scaleX(-1);} 
#compdir {font-size: xxx-large;}
.compGreater {width: 200px; padding-top: 45px; margin: 0px 20px; border-bottom-style: solid;} 
.compSmaller {width: 80px; padding-top: 45px; margin: 0px 20px; border-bottom-style: solid;} 
#comp-arc-div {display: flex; flex-direction: column; justify-content: center; 
    align-items: center; margin-right: 40px;}
#comp-arc {height: 60px}
#comp-arc-id {margin-top: 5px; font-size: large; font-weight: bold;color: #535353;}
#comp-arc-sign {height: 35px;}
#comp-limit {margin-left: 40px; font-weight: bold; font-size: x-large;}

#control-buttons {width:100%; padding:10px; display: flex;flex-wrap: wrap;}
.switchMinButton {width:10%;color:#FFF;background-color:#ffa600;margin-top:20px;margin-right:5px;height:40px; font-weight: bold;border-radius:6px;border-width: 1px;min-width: 120px;}
.switchMinButton:hover {background-color:#e20000;}
.initButton {width: 10%;color:#FFF;background-color:#ffa600;margin-top:20px;margin-right:5px;height:40px; font-weight: bold;border-radius:6px;border-width: 1px;min-width: 120px;}
.initButton:hover {background-color:#e20000;}
.addButton {width: 10%;color:#FFF;background-color:#ffa600;margin-top:20px;margin-right:5px;height:40px; font-weight: bold;border-radius:6px;border-width: 1px;min-width: 120px;}
.addButton:hover {background-color:#e20000;}
.compareButton {width: 10%;color:#FFF;background-color:#ffa600;margin-top:20px;margin-right:5px;height:40px; font-weight: bold;border-radius:6px;border-width: 1px;min-width: 120px;}
.compareButton:hover {background-color:#e20000;}
.switchButton {width:10%;color:#FFF;background-color:#ffa600;margin-top:20px;margin-right:5px;height:40px; font-weight: bold;border-radius:6px;border-width: 1px;min-width: 120px;}
.switchButton:hover {background-color:#e20000;}
.switchButtonSelf {width:10%;color:#FFF;background-color:#ffa600;margin-top:20px;margin-right:5px;height:40px; font-weight: bold;border-radius:6px;border-width: 1px;min-width: 120px;}
.switchButtonSelf:hover {background-color:#e20000;}
.extractElementButton {width:10%;color:#FFF;background-color:#ffa600;margin-top:20px;margin-right:5px;height:40px; font-weight: bold;border-radius:6px;border-width: 1px;min-width: 120px;}
.extractElementButton:hover {background-color:#e20000;}
.insertElementButton {width:10%;color:#FFF;background-color:#ffa600;margin-top:20px;margin-right:5px;height:40px; font-weight: bold;border-radius:6px;border-width: 1px;min-width: 120px;}
.insertElementButton:hover {background-color:#e20000;}
.separatorButton {width:10%;color:#FFF;background-color:#ffa600;margin-top:20px;margin-right:5px;height:40px; font-weight: bold;border-radius:6px;border-width: 1px;min-width: 120px;}
.separatorButton:hover {background-color:#e20000;}
.logicalButton {width:10%;color:#FFF;background-color:#ffa600;margin-top:20px;margin-right:5px;height:40px; font-weight: bold;border-radius:6px;border-width: 1px;min-width: 120px;}
.logicalButton:hover {background-color:#e20000;}
.moveToEmptyButton {width:10%;color:#FFF;background-color:#ffa600;margin-top:20px;margin-right:5px;height:40px; font-weight: bold;border-radius:6px;border-width: 1px;min-width: 120px;}
.moveToEmptyButton:hover {background-color:#e20000;}
.hintButton {color:#FFF;background-color:#ffa600;
	margin-top:20px;margin-right:5px;margin-left: 20px;height:30px; 
	font-weight: bold;border-radius:6px;border-width: 1px;
	min-width: 120px;}
.hintButton:hover {background-color:#e20000;}
.hintAlgButton {color:#FFF;background-color:#ffa600;
	margin-top:20px;margin-right:5px;height:30px; 
	font-weight: bold;border-radius:6px;border-width: 1px;
	min-width: 120px;}
.hintAlgButton:hover {background-color:#e20000;}

span#colorNeutral {color:#000000;}
span#colorOk {color:#00b96c;}
span#colorNot {color:#ac0000;}
.actionNeutral {color:#000000;padding-left: 20px;font-weight: bold;}
.actionOk {color:#00b96c;padding-left: 20px;}
.actionNotOk {color:#ac0000;padding-left: 20px;}

#history {border: #222222; border-width: 1px;border-radius:6px; padding:15px; border-style: solid;line-height: 180%;}
#history #steps-label {font-weight: bold; padding-bottom: 10px;}

#queryForm {background-color: #E0E0E0; /*width:100%;*/ padding:5px 10px; display: flex;}
#queryForm input {width: 100px;}
#queryForm input#Results {width: 200px;}

.infoBubble-nopointer {background-color: rgb(233, 233, 233);padding:5px;border-radius:6px;margin-top:5px;margin-bottom:5px;}
.infoBubble {background-color: rgb(233, 233, 233);padding:5px;border-radius:6px;margin-top:5px;margin-bottom:5px; cursor: pointer;}
.infoBubble span#to-hide {display:none;}
span#f0 {color:#009439; font-size: large; font-weight: bold;}
span#f1 {color:#009439;}
span#f2 {color:#009439; font-weight: bold;}
span#f3 {color:#a1a1a1; font-style: italic; font-size: small;}

.hint {background-color: rgb(228, 200, 200);
	padding:5px; border-radius:6px;
	margin-top:5px; margin-bottom:5px;
	border-width: 1px; border-color: #AB1B1B;
}

.hint-alg {background-color: rgb(228, 200, 200);
	padding:5px; border-radius:6px;
	margin-top:5px; margin-bottom:5px;
	border-width: 1px; border-color: #AB1B1B;
	cursor: pointer;
	
	white-space: pre-wrap;font-family: monospace; 
	color:#000000; word-wrap: break-word;
}

/* Eddigi lepesek  */
.historyOld {height: 30px;
    overflow: hidden;
    border-left: 7px;
    border-left-style: solid;
    border-color: #009439;}

th.result {padding: 2px 8px; background-color: rgb(231, 231, 231);}
td.resultEven {padding: 2px 8px; background-color: #ccc;}
td.resultOdd {padding: 2px 8px; background-color: rgb(231, 231, 231);}
tr.currentResult {font-weight: bold; color: #009439;}

.swatch {text-align: right;color: #009439; display:inline-flex; padding-left: 10px;}
.swatch-container {/*margin-left:auto;*/ font-weight: bold;padding-left: 10px; display:inline-flex;}
.penalty {text-align: right;color: #df1414; display:inline-flex; padding-left: 10px;padding-right:5px;}
.penalty-container {/*margin-left:auto;*/ font-weight: bold;padding-left: 40px;display:inline-flex;}

.goalProgress {
	background: #ececec;
	padding: 5px;
}
div.progressBar {
	background: #6cb472;
	color: rgb(0, 0, 0);
	letter-spacing: -1px;
	padding: 10px;
	display: block;
	overflow: hidden;
    font-weight:700;
	width: 20px;
    text-align: center;
}
span.goalAmount {
	display: none;
	text-indent: -9999px;
}




.separator {border-radius:6px; border: 1px solid #696969;padding:5px 10px;margin-top: 5px;cursor:pointer; font-weight: bold;background-color:#F05223}

.innerContent {margin: 0 6px; background-color:#EFEFEF; padding:5px 10px;border-bottom-left-radius: 6px;border-bottom-right-radius: 6px;}
#icHistory {font-size: 12px/16px;}


.LotTableCell {padding: 2px 8px; text-align: center;}
.LotTableHCell {padding: 2px 8px; text-align: center;border-bottom:1px solid #696969;}
.LotTableLCell {padding: 2px 8px; text-align: center;border-right:1px solid #696969;}

td.LotListTableCell {padding: 2px 5px 2px 2px; text-align: left;border: 1px solid #696969; color: #222222;}
td.LotListTableCell  a,td.LotListTableCell  a:visited {font-weight: bold; text-decoration: none; color: #222222;}
td.LotListTableCellL {padding: 2px 5px 2px 2px; text-align: left;border: 1px solid #696969; white-space: nowrap; color: #222222;}
td.LotListTableCellL  a,td.LotListTableCell  a:visited {font-weight: bold; text-decoration: none; color: #222222;}

td.LotListTableCellC {padding: 2px 5px 2px 2px; text-align: left;border: 1px solid #696969; color: #1C7312;}
td.LotListTableCellC  a,td.LotListTableCellC  a:visited {font-weight: bold; text-decoration: none; color: #1C7312;}
td.LotListTableCellCL {padding: 2px 5px 2px 2px; text-align: left;border: 1px solid #696969; white-space: nowrap; color: #1C7312;}
td.LotListTableCellCL  a,td.LotListTableCellC  a:visited {font-weight: bold; text-decoration: none; color: #1C7312;}

td.LotListTableCellN {padding: 2px 5px 2px 2px; text-align: left;border: 1px solid #696969; color: #AB1B1B;}
td.LotListTableCellM  a,td.LotListTableCellM  a:visited {font-weight: bold; text-decoration: none; color: #AB1B1B;}
td.LotListTableCellNL {padding: 2px 5px 2px 2px; text-align: left;border: 1px solid #696969; white-space: nowrap; color: #AB1B1B;}
td.LotListTableCellML  a,td.LotListTableCellM  a:visited {font-weight: bold; text-decoration: none; color: #AB1B1B;}

td.PalInfoRed {padding: 2px 10px 2px 2px; text-align: left;border: 1px solid #696969; color: red;}
td.PalInfoGreen {padding: 2px 10px 2px 2px; text-align: left;border: 1px solid #696969; color: green;}
td.PalInfoYellow {padding: 2px 10px 2px 2px; text-align: left;border: 1px solid #696969; color: yellow;}
td.PalInfoBlack {padding: 2px 10px 2px 2px; text-align: left;border: 1px solid #696969; color: black;}

td.BoldIt {font-weight: bold;}

.logoutLink {font-weight: bold;color:#a1a1a1;text-decoration: none;}

.loginForm {border: 3px solid #f1f1f1; width: 250px;padding: 10px;}
.loginForm input[type=text], input[type=password] {width: 100%;padding: 12px 20px;margin: 8px 0;display: inline-block;border: 1px solid #ccc;box-sizing: border-box;}
.loginForm.imgcontainer {text-align: center;margin: 24px 0 12px 0;}
.loginForm img.avatar {width: 200px;border-radius: 50%;}
.loginForm form.container {padding: 16px;}
.loginForm span.psw {float: right;padding-top: 16px;}

.singleEditForm {display: none;}
.smallEdit {width: 65px;}