@import "app-reset.css";

.box-application .app-rates {
	margin-bottom: 30px;
	width: 715px;
}
.ater .box-application .app-rates { width: 998px; }
.box-application .app-rates:after {
	content: "";
	display: table;
	clear: both;
}

.box-application .app-rates .row {
	padding-bottom: 25px;
	width: 100%;
}

.box-application .app-rates.search .row.check { padding-left: 70px; }
.box-application .app-rates.download .row.check { padding: 35px 0; }

.box-application .app-rates.search .row.bordered {
	padding-top: 25px;
	border-top: #ededed solid 1px;
}
.box-application .app-rates.download .row.bordered {
	border-top: #ededed solid 1px;
	padding-top: 40px;
}

.box-application .app-rates.download hr { margin: 20px 0 40px; }

.box-application .app-rates .row > ul {
	margin: 0;
	padding: 0;
}
.box-application .app-rates .row > ul li {
	display: inline-block;
	margin-right: 30px;
}
.box-application .app-rates .row > ul li label {
	padding: 0 0 0 20px;
	margin: 0;
}
.box-application .app-rates .row > ul li label:before {
	position: absolute;
	top: 2px;
	left: 0;
	content: "";
	width: 15px;
	height: 14px;
	display: block;
	background: url(../g/radio.png) 0 0 no-repeat;
}
.box-application .app-rates .row > ul li label.r_on:before { background-position: -15px 0; }
.box-application .app-rates .row > ul li label input[type="radio"] {
	position: absolute;
	top: 0;
	left: 0;
	width: 27px;
	height: 27px;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
}

.box-application .app-rates .row > label {
	display: inline-block;
	width: 70px;
	margin-right: -20px;
}
.box-application .app-rates .row > label.long-label {
	width: auto;
	white-space: nowrap;
	padding-right: 20px;
}

.box-application .app-rates .row div.designSelect {
	margin-left: 18px;
	display: inline-block;
	width: 258px;
}

.box-application .app-rates .row .designSelect.short { width: 108px; }
.box-application .app-rates .row .designSelect.medium { width: 128px; }
.box-application .app-rates .row .designSelect.long { width: 388px; }

.box-application .app-rates.download .row .designSelect.long { width: 380px; }
.box-application .app-rates.download .row .designSelect.longer { width: 450px; }

.box-application .app-rates.download .row .error { margin-left: 90px; }

.box-application .app-rates .btn > button {
	width: 160px;
	margin-left: 20px;
	vertical-align: top;
}
.box-application .app-rates .btn > button:first-child { margin-left: 0; }


.box-application .app-rates .box-results { margin-bottom: 30px; }
.box-application .app-rates .box-results > h2 {
	font-size: 25px;
	font-weight: normal;
	line-height: 30px;
	padding: 0;
	margin: 0 0 15px;
	color: #3d3d3d;
}

.box-application .app-rates .row.idoszak-kezdete,
.box-application .app-rates .row.idoszak-vege {
	display: flex;
}

.box-application .app-rates .box-results .graph-content { position: relative; }
.box-application .app-rates .box-results .graph-content > ul {
	position: absolute;
	top: 10px;
	left: 10px;
}
.box-application .app-rates .box-results .graph-content > ul li {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	font-size: 12px;
	display: inline-block;
	color: #666;
}
.box-application .app-rates .box-results .graph-content > ul li a {
	background-color: #f7f7f7;
	padding: 2px 3px 6px;
	margin-right: 1px;
	display: block;
	color: #444;
}
.box-application .app-rates .box-results .graph-content > ul li a:hover { background-color: #e7e7e7; }
.box-application .app-rates .box-results .graph-content > ul li a.active {
	font-weight: bold;
	background-color: #e7f0f9;
}

.box-application .app-rates .box-results .graph-content .box-graph { margin: 30px 0 0 10px; }


.box-application .app-rates .box-results .box-rates-graph { margin-bottom: 50px; }

.box-application .app-rates .box-results .box-rates {
	background-color: #ededed;
	margin-bottom: 50px;
}
.box-application .app-rates .box-results .box-rates h2 {
	font-size: 26px;
	font-weight: normal;
	line-height: 30px;
	padding: 15px;
	margin: 0;
	color: #55aa47;
}

.box-application .app-rates .box-results .box-rates .row {
	background-color: #e8e8e8;
	padding: 12px 15px 0;
	display: table;
	height: 40px;
}
.box-application .app-rates .box-results .box-rates .row span { display: table-cell; }
.box-application .app-rates .box-results .box-rates .row span > span { display: inline; }
.box-application .app-rates .box-results .box-rates .row span + span { text-align: right; }

.box-application .app-rates .box-results .box-rates.detailed { width: 625px; }
.box-application .app-rates .box-results .box-rates.detailed .rates-table {
	width: 625px;
	height: 360px;
}
.box-application .app-rates .box-results .box-rates.detailed .rates-table .jspVerticalBar {
	width: 5px;
	right: 0;
}
.box-application .app-rates .box-results .box-rates.detailed .rates-table .jspVerticalBar .jspTrack { background-color: transparent; }

.box-application .app-rates .box-results .box-rates.detailed .rates-table table {
	margin: 0;
	width: 625px;
}
.box-application .app-rates .box-results .box-rates.detailed .rates-table table tr td {
	vertical-align: middle;
	text-align: right;
	text-shadow: none;
	font-size: 13px;
	font-weight: normal;
	height: 32px;
	padding: 0 10px 0 0 !important;
}
.box-application .app-rates .box-results .box-rates.detailed .rates-table table tr td:first-child {
	padding: 0 0 0 10px !important;
	text-align: left;
}
.box-application .app-rates .box-results .box-rates.detailed .rates-table table.ratelist tr { background-color: #fff !important; }
.box-application .app-rates .box-results .box-rates.detailed .rates-table table.ratelist tr.odd-row { background-color: #ededed !important; }

.box-application .app-rates .box-results .row.btn {
	width: 625px;
	text-align: center;
}

.box-application .app-rates .btn > a{
	padding: 9px 20px;
	margin: 0 5px;
}


/* angucomplete */
.box-application .app-rates .angucomplete-holder { margin-left: 18px; }
.box-application .app-rates .angucomplete-holder input { width: 388px; }