@font-face { font-family: Digitalt; src: url('Digitalt.ttf'); } 
html, body{
	position: relative;
	padding: 0;
	margin: 0;
	width: 100%;
	background-color: #fbf9f1;
	text-align: center;
	font-family: sans-serif;
	font-size: 1vw;
	overflow-x: hidden;
	background-image:url(bgpattern.png);
	background-size: 20vh;
	background-attachment: fixed;
}
body{
	padding-top: 4vh;
}
#login{
	position: relative;
	max-width: 45vh;
	height: 60vh;
	margin: 10vh auto;
	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .2), inset 0 2px 0 0 rgba(255, 255, 255, .3), inset 0 0 0 1vw rgb(255, 248, 37);
	padding: 1vw;
}
#first_time{
	position: relative;
	display: table;
	width: 30vw;
	height: 30vh;
	margin: 10vh auto;
	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .2), inset 0 2px 0 0 rgba(255, 255, 255, .3), inset 0 0 0 1vw rgb(255, 248, 37);
	padding: 1vw;
}
#first_time>div{
	display: table-cell;
	padding: 2vh;
	background-color: #424f57;
	box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, .4), 0 0 0 1px rgba(0, 0, 0, .4);
	color: #ddd;
	height: 100%;
	position: relative;
	vertical-align: top;
	text-align: center;
	padding-top: 6vh;
}
#first_time form div{
	width: 100%;
	bottom: 0;
	margin-top: 2vh;
}
#first_time form input[type=text]{
	background-color: rgba(0,0,0,.2);
	box-shadow: inset 0 -1px 0 0 rgba(255, 255, 255, .2), inset 0 1px 0 0 rgba(0, 0, 0, .2);
	height: 5vh;
}
#first_time form input[type=button]{
	width: 40%;
}
#login form{
	padding-top: 1px;
	background-color: #424f57;
	box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, .4), 0 0 0 1px rgba(0, 0, 0, .4);
	color: #d4d2c9;
	height: 100%;
	position: relative;
}
#login form>div{
	position: relative;
	width: 90%;
	margin: 6% 5%;
	height: 8%;
}
#login form input{
	height: 100%;
	width: 100%;
	border: none;
	text-align: center;
	color: #ddd;
	padding: 0;
	height: 100%;
	font-size: 2vh;
}
#login form input[type=text],#login form input[type=password]{
	background-color: rgba(0,0,0,.2);
	box-shadow: inset 0 -1px 0 0 rgba(255, 255, 255, .2), inset 0 1px 0 0 rgba(0, 0, 0, .2);
}
#login .cpassword{
	opacity: 0;
}
#login .submit{
	margin: 6% 0;
	width: 100%;
}
#login .submit input{
	width: 40%;
	margin: 0 5%;
	box-shadow: 0 3px 0 0 rgba(0,0,0,.2), inset 0 -1px 0 0 rgba(255,255,255,.05), inset 0 1px 0 0 rgba(255,255,255,.1), inset 1px 0 0 0 rgba(255,255,255,.05), inset -1px 0 0 0 rgba(255,255,255,.05);
	cursor: pointer;
	outline: none;
}
#login .submit input[name=log].aktiv{
	background-color: #1e9055;
}
#login .submit input[name=reg].aktiv{
	background-color: #1a7cb3;
}
#login .submit input[name=log]{
	background-color: transparent;
	box-shadow: 0 3px 0 0 rgba(0,0,0,.2), inset 0 -1px 0 0 rgba(255,255,255,.05), inset 0 1px 0 0 rgba(255,255,255,.1), inset 1px 0 0 0 rgba(255,255,255,.05), inset -1px 0 0 0 rgba(255,255,255,.05), inset 0 0 0 3px #1e9055;
}
#login .submit input[name=reg]{
	background-color: transparent;
	box-shadow: 0 3px 0 0 rgba(0,0,0,.2), inset 0 -1px 0 0 rgba(255,255,255,.05), inset 0 1px 0 0 rgba(255,255,255,.1), inset 1px 0 0 0 rgba(255,255,255,.05), inset -1px 0 0 0 rgba(255,255,255,.05), inset 0 0 0 3px #1a7cb3;
}
#login .inf{
	position: absolute;
	bottom: 100%;
}
#login .fill{
	display: table;
	height: 40%;
	margin-bottom: 0;
}
#login .fill div{
	display: table-cell;
	padding-bottom: 10%;
	vertical-align: middle;
	background-image: url(icon.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
#login .fill span{
	font-size: 6vh;
	letter-spacing: 0.1vh;
	font-family: Digitalt;
	color: #d7d3c4;
	text-shadow: 0 3px 3px rgba(0,0,0,.6), 0 1px 0 rgba(0,0,0,.4);
}
#udvozlet{
	position: fixed;
	left: 0;
	top: 0;
	z-index: 4;
	color: #ddd;
	width: 100%;
	height: 3vh;
	font-size: 2vh;
	background-color: #424f57;
	padding: 0.5vh 0;
	box-shadow: inset 0 1px rgba(255,255,255,.2), inset 0 -1px 0 0 rgba(255,255,255,.1), 0 3px 0 0 #263138, 0 4px 0 0 black;
}
#udvozlet #felhasznalo{
	font-size: 2.5vh;
	padding: 0 0.2vh;
	color: rgb(255, 248, 37);
}
#kilep{
	position: absolute;
	right: 1vh;
	height: 2vh;
	font-size: 1.8vh;
	color: #6b1616;
	text-shadow: 0 1px 0 rgba(255,255,255,.1), 0 -1px 0 rgba(0,0,0,.2);
	font-weight: bold;
	cursor: pointer;
	display: inline-block;
	background-color: #c12424;
	box-shadow: inset 0 0 0 1px rgba(0,0,0,.5), inset 0 -3px 0 0 #a21d1d, inset 0 -2px 0 0 rgba(255,255,255,.05), inset 0 2px 0 0 rgba(255,255,255,.1), inset 2px 0 0 0 rgba(255,255,255,.05), inset -1px 0 0 0 rgba(255,255,255,.05);
	padding: 0.5vh 1vh;
}
#kilep:hover{
	background-color: #d21010;
}
.ablak-cont{
	position: relative;
	max-width: 70%;
	margin: 1vw auto;
	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .2), inset 0 2px 0 0 rgba(255, 255, 255, .3), inset 0 0 0 1vw rgb(255, 248, 37);
	padding: 1vw;	
}
.ablak{
	padding-top: 1px;
	background-color: #424f57;
	box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, .4), 0 0 0 1px rgba(0, 0, 0, .4);
	color: #ddd;
}
.ablak .csuko{
	background-color: #38434a;
	padding: 1vh 0;
	font-size: 1.4vw;
	box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, .3), 0 1px 0 0 rgba(255, 255, 255, .04);
	cursor: pointer;
	font-weight: bold;
}
#ujszamla, #szamlalista{
	min-width: 600px;
	vertical-align: top;
}
.ablak .cim{
	position: relative;
	display: table;
	padding: 0.5vh 1vh;
	text-align: left;
}
.mezo{
	outline: none;
}
input[type=text]{
	background-color: transparent;
	border: none;
	width: 100%;
	text-align: center;
	display: block;
	color: #ddd;
	padding: 0;
	height: 100%;
}
input[type=button]{
	background-color: #7c8b96;
	color: #333;
	box-shadow: inset 0 -3px 0 0 rgba(0,0,0,.2), inset 0 1px 0 0 rgba(255,255,255,.3);
	border: none;
	height: 4vh;
	margin: 0 1vh;
	width: 100%;
	cursor: pointer;
	margin: 0;
	padding: 0;
}
input[type=button]:hover:not(.disabled){
	background-color: #c1cfda;
	color: #222;
}
p{
	margin: 0;
	padding: 1vh;
	font-size: 1.3vw;
}
#ujszamla>.ablak>.szabadlista, #ujszamla>.ablak>.szoveg, #ujszamla>.ablak>.datum, #ujszamla>.ablak>.lista {
	margin: 1vh 1%;
	width: 31.333333%;
}
#ujszamla>.ablak>.szabadlista>.mezo, #ujszamla>.ablak>.szoveg>.mezo, #ujszamla>.ablak>.datum>.mezo, #ujszamla>.ablak>.lista >.mezo{
	height: 4vh;
}
#ujszamla>.ablak>.afabontas{
	margin: 1%;
	width: 98%;
}
#ujszamla>.ablak>.gomb{
	text-align: left;
	width: 48%;
}
#ujszamla.modositas{
	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .2), inset 0 2px 0 0 rgba(255, 255, 255, .3), inset 0 0 0 1vw #87bd50;
}
#ujszamla.torles{
	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .2), inset 0 2px 0 0 rgba(255, 255, 255, .3), inset 0 0 0 1vw #902b2b;
}
.ablak>.mezo-cont{
	display: inline-block;
	vertical-align: top;
	margin: 1%;
	margin-top: 0;
	width: 98%;
	height: auto;
}
.ablak>.mezo-cont>div.mezo,.ablak>.szoveg>.mezo{
	width:100%;
	background-color: rgba(0,0,0,.2);
	box-shadow: inset 0 -1px 0 0 rgba(255, 255, 255, .2), inset 0 1px 0 0 rgba(0, 0, 0, .2);
}
#udvozlet{
	display: inline-block;
	
}
#felhasznalo{
	display: inline-block;
	font-weight: bold;
	font-size: 1.3vw;
	cursor: pointer;
}

.datum{
	vertical-align: middle;
}
.datum  .mezo-cont input{
	position: relative;
	display: inline-block;
	text-align: center;
	width: 2vh;
	height: 3vh;
	box-shadow: inset -1px 0 0 0 rgba(0,0,0,.04), inset 1px 0 0 0 rgba(255,255,255,.04);
}
.datum .ev, .datum .honap, .datum .nap{
	background-color: #3d4952;
	margin: 0.3vh 0 0.3vh 0;
	box-shadow: 0 3px 0 0 rgba(0,0,0,.2), inset 0 -1px 0 0 rgba(255,255,255,.05), inset 0 1px 0 0 rgba(255,255,255,.1);
}
.datum .mezo-cont{
	display: inline-block;
}
.datum>.mezo{
	height: 4vh;
}
.datum>.mezo>.mezo-cont{
	margin: 0 0.3vw;
}

.szabadlista>.mezo>.mezo-cont{
	height: 100%;
}
.szabadlista .mezo{
	position: relative;
}
.szabadlista .opciok{
	max-height: 50vh;
	overflow-y: auto;
	background-color: #fbf9f1;
	color: #333;
	position: absolute;
	width: 100%;
	z-index: 3;
	box-shadow: inset 0 -1px 0 0 rgba(255, 255, 255, .2), inset 0 1px 0 0 rgba(0, 0, 0, .2), 0 3px 0 0 #2c353b;
	text-align: left;
}
.szabadlista p{
	padding-left: 2vh;
	font-size: 1vw;
}
.szabadlista p:hover{
	background-color: #2d363c;
	color: #ddd;
	cursor: default;
}
.szabadlista .valasztott{
	background-color: #2d363c;
	color: #ddd;
	box-shadow: 0 3px 0 0 #71828d, inset 0 1px 0 0 #141617;
	cursor: pointer;
}
.lista{
	vertical-align: middle;
	position: relative;
	height: 4vh;
}
.lista .opcio-cont{
	min-height: 100%;
	max-height: 20vh;
	overflow-y: auto;
	background-color: #38434a;
	position: absolute;
	width: 100%;
	z-index: 2;
	box-shadow: inset 0 -1px 0 0 rgba(255, 255, 255, .2), inset 0 1px 0 0 rgba(0, 0, 0, .2);
	text-align: left;
	overflow-x: hidden;
	overflow-y: auto;
}
.lista .opcio-cont>div{
	display: none;
	text-align: center;
	height: 4vh;
	width: 100%;
	line-height: 4vh;
	vertical-align: middle;
	white-space: nowrap;
}
.lista .opcio-cont>div:first-child{
	display: inline-block;
}
.lista .valasztott{
	font-weight: bold;
}

.afabontas{
	text-align: left;
}
.afabontas input{
	font-size: 1vw;
}
.afabontas>.mezo>.mezo-cont{
	width: 100%;
}
.afabontas .bontas>.mezo-cont,.afabontas .osszesen>.mezo-cont{
	display: inline-block;
	margin: 1vh 0 1vh 1%;
	width: 32%;
	background-color: #424f57;
	box-shadow: 0 3px 0 0 rgba(0,0,0,.2), inset 0 -1px 0 0 rgba(255,255,255,.05), inset 0 1px 0 0 rgba(255,255,255,.1), inset 1px 0 0 0 rgba(255,255,255,.05), inset -1px 0 0 0 rgba(255,255,255,.05);
}
.afabontas .osszesen>.mezo-cont input[type=text]{
	font-size: 1.3vw;
	font-weight: bold;
}
.afabontas .osszesen>.mezo-cont:nth-child(3) input,.afabontas .osszesen>.mezo-cont:nth-child(3) .neg{
	color: #eed227 !important;
	font-weight: bold;
}
.afabontas>.mezo>.osszeg{
	background-color: #424f57;
	box-shadow: 0 3px 0 0 rgba(0,0,0,.2), inset 0 -1px 0 0 rgba(255,255,255,.05), inset 0 1px 0 0 rgba(255,255,255,.1), inset 1px 0 0 0 rgba(255,255,255,.05), inset -1px 0 0 0 rgba(255,255,255,.05);
	width: 98%;
	margin: 0 1%;
}
.bontas>.mezo-cont:first-child .osszeg>.mezo,.afabontas .mezo.a0{
	margin-left: 5vh; 
}
.bontas>.mezo-cont:first-child .osszeg>.mezo::after,.afabontas .mezo.a0::after{
	text-align: left;
	position: absolute;
	right: 100%;
	padding: 2px;
	bottom: 0;
	color: gray;
}
.bontas>.mezo-cont:first-child .osszeg:nth-child(1)>.mezo::after{
	content: "27%";
}
.bontas>.mezo-cont:first-child .osszeg:nth-child(2)>.mezo::after{
	content: "18%";
}
.bontas>.mezo-cont:first-child .osszeg:nth-child(3)>.mezo::after{
	content: "5%";
}
.afabontas .mezo.a0::after{
	content: "0%";
}
.neg{
	display: none;
	width: 0;
	height: 100%;
	left: 2vh;
	position: inherit;
}
.osszeg {
	display: inline-block;
	padding: 0.5vh 0 1vh 0;
	width: 100%;
}
.osszeg>.mezo{
	position: relative;
	white-space: nowrap;
	box-shadow: 0 1px 0 0 #24282b;
    margin: 0 1vh;
}
.osszeg>.mezo>.mezo-cont:nth-child(2){
	width: 85%;
}
.osszeg>.mezo>.mezo-cont:nth-child(3){
	width: 13%;
	padding-left: 2%;
}
.osszeg >.mezo>.mezo-cont{
	display: inline-block;
}
.osszeg p{
	position: absolute;
	display: inline;
	padding: 0;
	height: 100%;
	right: 14%;
	font-size: 1.3vw;
}
.osszeg>.mezo .egesz{
	text-align: right;
	padding-top: 1vh;
	padding-bottom: 0.5vh;
}
.osszeg>.mezo .filler{
	text-align: left;
	padding: 0.5vh 0;
	padding-left: 0.2vh;
	box-shadow: -2px 0 0 0 rgba(0,0,0,.2);
	font-size: 0.7vw;
	text-align: left;
	vertical-align: bottom;
}

.disabled{
	color: #777 !important;
	cursor: default;
}

.kapcsolo{
	position: relative;
	text-align: center;
	width: 98%;
	box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, .3), 0 1px 0 0 rgba(255, 255, 255, .04);
	background-color: rgba(0,0,0,.15);
	line-height: 1.2;
}
.kapcsolo :hover, .kapcsolo :focus{
	font-weight: bold;
}
.kapcsolo form{
	padding: 1vh 0;
    display: flex;
    justify-content: space-between;
}
.kapcsolo .mezo a{
	padding: 1vh 0;
	margin: 0 1%;
	cursor: pointer;
	width: 32%;
	box-shadow: inset 0 0 0 1px #7c8b96;
}
.kapcsolo input{
	display: none;
}
.kapcsolo a.valasztott{
	background-color: #7c8b96;
	color: #333;
	box-shadow: inset 0 -3px 0 0 rgba(0,0,0,.2), inset 0 1px 0 0 rgba(255,255,255,.3);
}
.ujsablon .szoveg, .ujsablon .szam, .ujsablon>.lista{
	width: 21%;
	margin: 2%;
	display: inline-block;
}
.ujsablon>.szam input{
	height: 4vh;
	background-color: #39444c;
	box-shadow: inset 0 -1px 0 0 rgba(255, 255, 255, .2), inset 0 1px 0 0 rgba(0, 0, 0, .2);
}
.ujsablon .szoveg input, .ujsablon>.mezo-cont .szam input{
	box-shadow: 0 3px 0 0 rgba(0,0,0,.2), inset 0 -1px 0 0 rgba(255,255,255,.05), inset 0 1px 0 0 rgba(255,255,255,.1), inset 1px 0 0 0 rgba(255,255,255,.05), inset -1px 0 0 0 rgba(255,255,255,.05);
	background-color: #424f57;
	height: 4vh;
}
.ujsablon .gomb,.ujsablon .kapcsolo{
	width: 48%;
	margin: 0 1% 1vh 1%;
}
.torlesztesek{
	box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, .3), 0 -1px 0 0 rgba(255, 255, 255, .04);
	background-color: rgba(0,0,0,.15);
}
.torlesztesek>.mezo{
	padding-bottom: 1vh;
}
.torlesztesek .gomb{
	text-align: center;
}
.torlesztesek>.mezo>.gomb input{
	margin-top: 2vh;
	width: 32%;
}
.tetel{
	white-space: nowrap;
	padding-bottom: 1vh;
}
.tetel>.mezo>.mezo-cont{
	display: inline-block;
	vertical-align: middle;
	margin-left: 1%;
}
.tetel .szoveg{
	width: 22%;
}
.szoveg input{
	height: 4vh;
}
.tetel .filler{
	display: none;
}
.tetel .osszeg, .tetel .szoveg{
	box-shadow: 0 3px 0 0 rgba(0,0,0,.2), inset 0 -1px 0 0 rgba(255,255,255,.05), inset 0 1px 0 0 rgba(255,255,255,.1), inset 1px 0 0 0 rgba(255,255,255,.05), inset -1px 0 0 0 rgba(255,255,255,.05);
	background-color: #424f57;
}
.tetel .osszeg{
	width: 32%;
}
.tetel .datum{
	text-align: center;
	width: 32%;
}
.tetel .datum input{
	height: 4vh;
	width: 2.5vh;
}
.tetel .datum .ev,.tetel .datum .honap,.tetel .datum .nap{
	margin: 0;
}
.tetel .gomb{
	width: 9%;
	height: 100%;
}


#szamlalista>.szamlalista>.mezo-cont:nth-child(3){
	margin: 1% 0;
	width: 100%;
}
.szamlalista>.mezo-cont:nth-child(2)>.mezo>.mezo-cont{
	width: 23%;
	margin-left: 1%;
	margin-bottom: 1vh;
	display: inline-block;
}
.szamlak{
    table-layout:fixed;
    width:100%;
	font-size: 1vw;
	border-collapse: collapse;
}
.adatmezo{
	display: table-cell;
	vertical-align: middle;
	overflow:hidden;
}
.szamlasor{
	height: 5vh;
	padding: 0 1%;
	font-size: 0.8vw;
}
.szamlak .oszlopcim{
	font-size: 0.9vw;
	font-weight: bold;
	outline: none;
}
.szamlak .oszlopcim:hover{
	background-color: rgba(255,255,255,.1);
}
.szamlak .oszlopcim:focus{
	box-shadow: 0 0 5px 2px rgba(255,255,255,.8) !important;
}
.szamlak .fejlec{
	box-shadow: inset 0 -1px 0 0 rgba(0,0,0,.2);
}
.szamlak .cim{
	text-align: center;
}
.szamlak>.mezo-cont{
	width: 100%;
}
.szamlasor .datum{
	white-space: nowrap;
}
.szamlasor .datum input{
	box-shadow: none;
}
.szamlasor .datum>.mezo>.mezo-cont:first-child{
	width: 40%;
}
.szamlasor .datum>.mezo>.mezo-cont>.mezo{
	width: 100%;
}
.szamlasor .datum .ev>.mezo-cont{
	width: 25%;
}
.szamlasor .datum .honap>.mezo-cont,.szamlasor .datum .nap>.mezo-cont{
	width: 50%;
}
.szamlasor .datum>.mezo>.mezo-cont{
	width: 20%;
}
.szamlasor>.adatmezo:nth-child(1),.szamlasor>.adatmezo:nth-child(2){
	text-align: left;
}
.szamlasor>td:nth-child(1){
	width: 15%;
	padding-left: 1%;
}
.szamlasor>td:nth-child(5),.szamlasor>td:nth-child(6){
	width: 9%;
}
.szamlasor>td:nth-child(7){
	width: 11%;
}
.szamlasor>td:nth-child(9){
	width: 8vh;
	padding-right: 1%;
}
.szuro .lista>.cim{
	position: absolute;
	bottom: 100%;
}
.szuro .szoveg input, .szuro .szam input, .szuro .lista .opcio-cont{
	white-space: normal;
	background-color: #424f57;
	box-shadow: inset 0 -1px 0 0 rgba(255, 255, 255, .2), inset 0 1px 0 0 rgba(0, 0, 0, .2);
}
.szuro .szabadlista .opciok p{
	font-size: 1vw;
}
.szuro{
	background-color: rgba(255,255,255,.2);
	border-bottom: 3px solid rgba(0,0,0,.2);
	box-shadow: inset 0 -1px 0 0 rgba(255,255,255,.05), inset 0 1px 0 0 rgba(255,255,255,.1), inset 1px 0 0 0 rgba(255,255,255,.05), inset -1px 0 0 0 rgba(255,255,255,.05);
}

.szuro .datum>.mezo>.mezo-cont:nth-child(1), .szuro .datum>.mezo>.mezo-cont:nth-child(3){
	margin: 0;
}
.szamlak td{
	box-shadow: inset 1px 0 0 0 rgba(255,255,255,.1), inset -1px 0 0 0 rgba(0,0,0,.1);
}
.szamlak tr:hover{
	background-color: rgba(0,0,0,.2);
	cursor: pointer;
}
.szamlak tr:first-child:hover{
	background-color: rgba(255,255,255,.3);
	cursor: default;
}
.szamlak .szamlasor:nth-child(2):hover{
	background-color: transparent;
	cursor: default;
}
.szamlak .szamlasor:nth-child(odd):hover{
	background-color: rgba(255,255,255,.2);
}
.szamlak .szamlasor:nth-child(odd){
	background-color: rgba(255,255,255,.1);
}
.disabled:hover,.disabled:hover form,.disabled:hover input,.disabled:hover div,.disabled:hover a,.disabled:hover *{
	cursor: default;
}

.cegmodositas>.szoveg, .ujceg >.szoveg{
	width: 31.333333%;
	margin: 1vh 1%;
}
.cegmodositas>.gomb, .ujceg>.gomb, .ujkoltsegtipus>.gomb{
	width: 48%;
	margin: 1vh 1%;
}

.sablonsor{
	box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, .3), 0 1px 0 0 rgba(255, 255, 255, .04);
}
.sablonsor,.sablonsor>.mezo{
	vertical-align: top;
	height: 14vh;
}
.sablonsor>.mezo>.mezo-cont{
	display: inline-block;
	vertical-align: top;
}
.sablonsor>.mezo>.gomb{
	width: 2%;
	height: 100%;
}
.sablonsor>.mezo>.gomb input{
	width: 100%;
	height: 100%;
}
.sablonsor>.mezo>.sablon{
	width: 98%;
	height: 100%;
}
.sablonsor>.mezo>.sablon>.mezo{
	height: 100%;
}
.sablonsor .sablon .mezo-cont{
	width: 23%;
	margin: 0 1%;
	display: inline-block;
	padding-bottom: 1vh;
}
.sablonsor .sablon .mezo-cont .mezo{
	font-size: 1.8vh;
}
.rendezes-csokkeno, .rendezes-novekvo{
	position: relative;
}
.rendezes-novekvo .order{
	color: rgb(10,120,240);
}
.rendezes-novekvo .order::after{
	content: " ˄";
}
.rendezes-csokkeno .order{
	color: red;
}
.rendezes-csokkeno .order::after{
	content: " ˅";
}
.order{
	position: absolute;
	display: inline-block;
	font-size: 0.7vw;
	right: 0.5vh;
	top: 0.5vh;
}
.info{
	color: gray;
	cursor: help;
	font-size: 0.9vw;
}
.info-extra{
	display: none;
	padding-left: 1vh;
}
.info:hover .info-extra{
	display: inline-block;
}
a{
	cursor: default;
}
.sorrend{
	background-color: rgba(0,0,0,.2);
	text-align: center;
}
.sorrend .sor{
	display: inline-block;
	padding: 0.5vh 0;
	width: 100%;
}
.sorrend .sor:hover{
	cursor: pointer;
	background-color:#ddd;
	color: #333;
}
.sorrend .aktiv .sor{
	font-weight: bold;
}
.sorrend .gomb{
	margin-top: 1vh;
}
.szabad{
	box-shadow: 0 0 0 2px green !important;
}
.ervenytelen{
	box-shadow: 0 0 0 2px #a51919 !important;
}
.kihagy{
	box-shadow: 0 0 0 2px rgb(10,120,240) !important;
}
.ervenytelen.kihagy{
	box-shadow: -1px 1px 0 1px rgb(10,120,240), 1px -1px 0 1px #a51919 !important;
}
.ervenytelen.szabad{
	box-shadow: 1px 1px 0 1px green, -1px -1px 0 1px #a51919 !important;
}
.kihagy.szabad{
	box-shadow: -1px 1px 0 1px rgb(10,120,240), 1px -1px 0 1px green !important;
}
.ervenytelen.kihagy.szabad{
	box-shadow: 2px 0 0 0 green, -2px 0 0 0 rgb(10,120,240), 0 2px 0 0 #a51919, 0 -2px 0 0 #a51919 !important;
}
.mezo:focus{
	box-shadow: 0 0 5px 2px rgba(255,255,255,.8) !important;
}
/*
#sugo{
	display: inline-block;
	width: 20%;
	height: 100%;
	background-color: white;
}
#ablakok{
	width: 80%;
}*/