
/* Counter background color */
.ui-counter-red {
	background-color: #ed1c24 !important;
	border-color: #820f13;
	color: #ffffff !important;
	text-shadow: 0 1px 0 #444444 !important;
	font-weight: bold !important;
}
.ui-counter-blue {
	background-color: #3388cc !important;
	border-color: #1c4a70;
	color: #ffffff !important;
	text-shadow: 0 1px 0 #005599 !important;
	font-weight: bold !important;
}

.ui-background-red {
	background-color: #ed1c24 !important;
	border-color: #820f13;
	color: #ffffff !important;
	text-shadow: 0 1px 0 #444444 !important;
}

.ui-background-blue {
	background-color: #3388cc !important;
	border-color: #1c4a70;
	color: #ffffff !important;
	text-shadow: 0 1px 0 #005599 !important;
}

.ui-background-grey {
	background-color: grey !important;
	border-color: #1c4a70;
	color: #ffffff !important;
	text-shadow: 0 1px 0 #005599 !important;
}

.ui-background-lightgrey {
	background-color: lightgrey !important;
	border-color: #1c4a70;
	color: black !important;
	text-shadow: 0 1px 0 #ffffff !important;
}

.ui-background-green {
	background-color: green !important;
	border-color: #1c4a70;
	color: #ffffff !important;
	text-shadow: 0 1px 0 #005599 !important;
}

.ui-background-lightgreen {
	background-color: lightgreen !important;
	border-color: #1c4a70;
	color: black !important;
	text-shadow: 0 1px 0 #ffffff !important;
}

.ui-background-orange {
	background-color: #FF9933 !important;
	border-color: #820f13;
	color: #000000 !important;
	text-shadow: 0 1px 0 #444444 !important;
}

tr.hover, div.hover, li.hover {
	background-color: grey !important;
	color: white;
	text-shadow: 0 1px 0 #000000 !important;
}


.ui-corner-top {
	-webkit-border-top-left-radius: .6em;
	border-top-left-radius: .6em;
	-webkit-border-top-right-radius: .6em;
	border-top-right-radius: .6em;
	-webkit-border-bottom-left-radius: 0;
	border-bottom-left-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	border-bottom-right-radius: 0;
}

.ui-corner-bottom {
	-webkit-border-top-left-radius: 0;
	border-top-left-radius: 0;
	-webkit-border-top-right-radius: 0;
	border-top-right-radius: 0;
	-webkit-border-bottom-left-radius: .6em;
	border-bottom-left-radius: .6em;
	-webkit-border-bottom-right-radius: .6em;
	border-bottom-right-radius: .6em;
}

.ui-corner-left {
	-webkit-border-top-left-radius: .6em;
	border-top-left-radius: .6em;
	-webkit-border-top-right-radius: 0;
	border-top-right-radius: 0;
	-webkit-border-bottom-left-radius: .6em;
	border-bottom-left-radius: .6em;
	-webkit-border-bottom-right-radius: 0;
	border-bottom-right-radius: 0;
}

.ui-corner-right {
	-webkit-border-top-left-radius: 0;
	border-top-left-radius: 0;
	-webkit-border-top-right-radius: .6em;
	border-top-right-radius: .6em;
	-webkit-border-bottom-left-radius: 0;
	border-bottom-left-radius: 0;
	-webkit-border-bottom-right-radius: .6em;
	border-bottom-right-radius: .6em;
}

.ui-corner-none {
	-webkit-border-top-left-radius: 0;
	border-top-left-radius: 0;
	-webkit-border-top-right-radius: 0;
	border-top-right-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	border-bottom-left-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	border-bottom-right-radius: 0;
}


/* Breakpoint to show as a standard table at 450px (28em x 16px) or wider */ 
@media ( min-width: 28em ) {
	.ui-listview li label
	{
		font-size: 0.5em;
	}
}
/* Breakpoint to show as a standard table at 560px (35em x 16px) or wider */ 
@media ( min-width: 35em ) {
	/* Show the table header rows */ 
	.ui-table-reflow.ui-responsive tbody tr,
	.ui-table-reflow.ui-responsive thead tr,
	.ui-listview li label
	{
		font-size: 0.6em;
	}
}
/* Breakpoint to show as a standard table at 640px (35em x 16px) or wider */ 
@media ( min-width: 40em ) {
	/* Show the table header rows */ 
	.ui-table-reflow.ui-responsive tbody tr,
	.ui-table-reflow.ui-responsive thead tr,
	.ui-listview li label
	{
		font-size: 0.7em;
	}
}
/* Breakpoint to show as a standard table at 800px (35em x 16px) or wider */ 
@media ( min-width: 50em ) {
	/* Show the table header rows */ 
	.ui-table-reflow.ui-responsive tbody tr,
	.ui-table-reflow.ui-responsive thead tr,
	.ui-listview li label
	{
		font-size: 0.8em;
	}
}
/* Breakpoint to show as a standard table at 960px (60em x 16px) or wider */ 
@media ( min-width: 60em ) {
	/* Show the table header rows */ 
	.ui-table-reflow.ui-responsive tbody tr,
	.ui-table-reflow.ui-responsive thead tr,
	.ui-listview li label
	{
		font-size: 1em;
	}
}


.width-3 {
	width: 5em !important;
}
.width-4 {
	width: 5em !important;
}
.width-5 {
	width: 5em !important;
}
.width-6 {
	width: 6em !important;
}
.width-7 {
	width: 7em !important;
}
.width-8 {
	width: 8em !important;
}
.width-9 {
	width: 9em !important;
}
.width-10 {
	width: 10em !important;
}
.width-15 {
	width: 15em !important;
}
.width-20 {
	width: 20em !important;
}
.width-25 {
	width: 25em !important;
}
.width-30 {
	width: 30em !important;
}
.width-40 {
	width: 40em !important;
}
.width-50 {
	width: 50em !important;
}


.ui-input-text.ui-table-input-margin {
	margin: 0.2em 0 0.2em 0 !important;
}

input.ui-table-input {
	padding-top: 0.2em !important;
	padding-bottom: 0.2em !important;
	min-height: 1em !important;
}

.ui-button-beagyazott-pici {
    margin: 0 !important;
    padding: 0.2em 0.4em 0.2em 0.4em !important;
    font-size: 1em !important;
}



.row {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}

.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol, .twelvecol, .partnerkereses_text, .partnerkereses_checkboxok { 
	margin-right: 0; float: left; min-height: 1px; 
}
.row .onecol	 	{width: 8.33%;}
.row .twocol	 	{width: 16.66%;}
.row .threecol	 	{width: 25%;}
.row .fourcol	 	{width: 33.33%;}
.row .fivecol	 	{width: 41.66%;}
.row .sixcol	 	{width: 50%;}
.row .sevencol	 	{width: 58.33%;}
.row .eightcol	 	{width: 66.66%;}
.row .ninecol	 	{width: 75%;}
.row .tencol		{width: 83.33%;} 
.row .elevencol	 	{width: 91.66%;}
.row .twelvecol		{width: 100%; float: left;}
.last 			 	{margin-right: 0px;}

.fix {
	clear: both;
	height: 1px;
	overflow: hidden;
	margin: -1px 0 0;
}

/* Breakpoint to show as a standard table at 800px */ 
@media ( max-width: 50em ) {
	.row .onecol, .row .twocol, .row .threecol, .row .fourcol, .row .fivecol, .row .sixcol, .row .sevencol, .row .eightcol, .row .ninecol, .row .tencol, .row .elevencol {
		width: 100%;
		float: none;
	}
}

.row .partnerkereses_text  {
	width: 70%;
}
.row .partnerkereses_checkboxok {
	width: 29.5%;
	padding-left: 0.5%;
}
@media ( max-width: 1250px ) {
	.row .partnerkereses_text {
		width: 55%;
	}
	.row .partnerkereses_checkboxok {
		width: 44.5%;
		padding-left: 0.5%;
	}
}
@media ( max-width: 850px ) {
	.row .partnerkereses_text {
		width: 100%;
		float: none;
	}
	.row .partnerkereses_checkboxok {
		width: 100%;
		float: none;
		padding-left: 0;
	}
}

/*  Pl. partnerkeresős eredmény listában a collapsible li elemek formázása, hogy ne foglaljanak annyi helyet*/
#partnerkereses_talalati_lista li {
	padding: 0;
}
#partnerkereses_talalati_lista li h2 {
	margin: 0;
}
#partnerkereses_talalati_lista li h2 a {
	padding-top: 2px;
	padding-bottom: 0;
}
#partnerkereses_talalati_lista li h2 a {
	border-top-width: 0;
}
#partnerkereses_talalati_lista li h2 > .ui-btn,
#partnerkereses_talalati_lista li > .ui-collapsible-content {
	border-bottom-width: 0;
}
#partnerkereses_talalati_lista .ui-li-aside {
	top: 2px;
	right: 1em;
}
#partnerkereses_talalati_lista li h2 a h2 {
	width: 80%;
}

table.partneradatok_collapsible_table tbody tr td:first-child {
	font-size: 1em;
	width: 20%;
}
table.partneradatok_collapsible_table tbody tr td:nth-child(2) {
	font-size: 1em;
	font-weight: bold;
}
@media ( max-width: 850px ) {
	table.partneradatok_collapsible_table tbody tr td:first-child {
		font-size: 0.8em;
		width: 25%;
	}
	table.partneradatok_collapsible_table tbody tr td:nth-child(2) {
		font-size: 1em;
		font-weight: bold;
	}
}
@media ( max-width: 550px ) {
	table.partneradatok_collapsible_table tbody tr td:first-child {
		font-size: 0.7em;
		width: auto;
	}
	table.partneradatok_collapsible_table tbody tr td:nth-child(2) {
		font-size: 0.8em;
		font-weight: bold;
	}
}
@media ( max-width: 350px ) {
	table.partneradatok_collapsible_table tbody tr td:first-child {
		font-size: 0.6em;
		width: auto;
	}
	table.partneradatok_collapsible_table tbody tr td:nth-child(2) {
		font-size: 0.7em;
		font-weight: bold;
	}
}
table.partneradatok_collapsible_table tbody tr:nth-child(2n-1) {
	background-color: lightgrey;
}

#partnerszerkesztes_penztarid-button, #partnerszerkesztes_partnertipus-button {
	text-align: left;
}

#penztarkezeles_penztarnaplo_lista li a {
	font-weight: normal;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}

#penztarkezeles_penztarnaplo_lista li a::after {
	margin-top: 0;
}

#penztarkezeles_penztarnaplo_lista > li:nth-child(odd) > a {
	background-color: floralwhite;
}
#penztarkezeles_penztarnaplo_lista > li:nth-child(even) > a {
	background-color: white;
}

#penztarkezeles_penztarnaplo_lista li a.nyitott {
	background-color: lightgreen;
}

.row .penztarkezeles_szoveg  {
	width: 10em;
	float: left;
}
.row .penztarkezeles_datum {
	width: 7em;
	float: left;
	margin-left: 0.5em;
	text-align: left;
}
.row .penztarkezeles_osszeg {
	width: 9em;
	float: left;
	margin-left: 0.5em;
	text-align: right;
}
@media ( max-width: 550px ) {
	.row .penztarkezeles_szoveg  {
		width: 10em;
		font-size: 0.9em;
	}
	.row .penztarkezeles_datum {
		width: 7em;
		font-size: 0.9em;
	}
	.row .penztarkezeles_osszeg {
		width: 9em;
		font-size: 0.9em;
	}
}
@media ( max-width: 480px ) {
	.row .penztarkezeles_szoveg  {
		width: 7.5em;
		font-size: 0.9em;
	}
	.row .penztarkezeles_datum {
		width: 6em;
		font-size: 0.9em;
	}
	.row .penztarkezeles_osszeg {
		width: 8em;
		font-size: 0.9em;
	}
}
@media ( max-width: 420px ) {
	.row .penztarkezeles_szoveg  {
		width: 7.5em;
		font-size: 0.8em;
	}
	.row .penztarkezeles_datum {
		width: 6em;
		font-size: 0.8em;
	}
	.row .penztarkezeles_osszeg {
		width: 8em;
		font-size: 0.8em;
	}
}
@media ( max-width: 359px ) {
	.row .penztarkezeles_szoveg  {
		width: 6.5em;
		font-size: 0.7em;
	}
	.row .penztarkezeles_datum {
		width: 5.5em;
		font-size: 0.7em;
	}
	.row .penztarkezeles_osszeg {
		width: 7em;
		font-size: 0.7em;
	}
}
@media ( max-width: 320px ) {
	.row .penztarkezeles_szoveg  {
		width: 5em;
		font-size: 0.6em;
	}
	.row .penztarkezeles_datum {
		width: 5em;
		font-size: 0.6em;
	}
	.row .penztarkezeles_osszeg {
		width: 7em;
		font-size: 0.6em;
	}
}


#penztarkezeles_penztarnaplo_lista > li > a div.penztarkezeles_naploszam {
    position: absolute;
    top: 0.4em;
    font-size: 0.8em;
    right: 0.7em;
    background-color: transparent;
    text-align: right;
    font-weight: bold;
    text-decoration: underline;
}
@media ( max-width: 550px ) {
	#penztarkezeles_penztarnaplo_lista > li > a div.penztarkezeles_naploszam {
		top: 0.4em;
		font-size: 0.7em;
		right: 0.7em;
	}
}
@media ( max-width: 320px ) {
	#penztarkezeles_penztarnaplo_lista > li > a div.penztarkezeles_naploszam {
		top: 0.4em;
		font-size: 0.7em;
		right: 0.7em;
	}
}





.ui-table-reflow.ui-responsive tbody tr.abroncssor {
	font-size: 0.9em;
}

.ui-table-reflow.ui-responsive tbody tr.abroncssor td {
	vertical-align: middle;
}

.ui-table-reflow.ui-responsive tbody tr.abroncssor td {
	overflow: hidden !important;
	white-space: nowrap !important;
}

.ui-table-reflow.ui-responsive tbody tr.abroncssor td input {
	padding-left: 0;
	padding-right: 2px;
}


/* Saját ikonok + 36x36-os ikonok, hogy hagy felbontűsú képernyőkön is jól láthatóak legyenek */
.ui-icon-save:after {
	background-image: url("../../images/ico-jqm-save-1.png");
	background-size: 18px 18px;
}
.ui-alt-icon.ui-icon-save:after {
	background-image: url("../../images/ico-jqm-save-3.png");
	background-size: 18px 18px;
}
.ui-icon-print:after {
	background-image: url("../../images/ico-jqm-print-2.png");
	background-size: 18px 18px;
}
.ui-alt-icon.ui-icon-print:after {
	background-image: url("../../images/ico-jqm-print-2.png");
	background-size: 18px 18px;
}
.ui-icon-saveprint:after {
	background-image: url("../../images/ico-jqm-saveprint-1.png");
	background-size: 36px 18px;
}
.ui-alt-icon.ui-icon-saveprint:after {
	background-image: url("../../images/ico-jqm-saveprint-1.png");
	background-size: 36px 18px;
}
.ui-icon-alairas:after {
	background-image: url("../../images/ico-jqm-sign-6.png");
	background-size: 18px 18px;
}
.ui-alt-icon.ui-icon-alairas:after {
	background-image: url("../../images/ico-jqm-sign-6.png");
	background-size: 18px 18px;
}
.ui-icon-sign:after {
	background-image: url("../../images/ico-jqm-sign-6.png");
	background-size: 18px 18px;
}
.ui-alt-icon.ui-icon-sign:after {
	background-image: url("../../images/ico-jqm-sign-6.png");
	background-size: 18px 18px;
}
