@font-face {
	font-family: 'fibaregular';
	src: url('fonts/fiba.ttf') format('truetype'),
		 url('fonts/fiba-webfont.woff2') format('woff2'),
		 url('fonts/fiba-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'fibauniversal';
	src: url('fonts/UNVR57W.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'fibauniversal';
	src: url('fonts/UNVR58W.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: 'fibauniversal';
	src: url('fonts/UNVR67W.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'fibauniversal';
	src: url('fonts/UNVR68W.ttf') format('truetype');
	font-weight: bold;
	font-style: italic;
}

body {
	margin: 0;
	padding: 0;
	font-family: "Arial", Gadget, sans-serif !important;
	cursor: default;
	background: rgb(218, 214, 215);
}

hr {
    border: 0;
    height: 1px;
    background: #ddd;
}

table, tr, td, th, tbody, thead, tfoot {
    page-break-inside: avoid !important;
}

.page_break {
    height: 15px;
    page-break-before: always;
}

a {
	color: #3333FF;
	text-decoration: none;
}

a:hover{
	color: #DE2C2C;
}

a img {
    text-decoration: none;
}

table.small_font tr td, table.small_font tr th {
    font-size: 13px !important;
    padding: 3px !important;
}

table.smaller_font td {
    font-size: 12px !important;
}

/* Ikonok */

span.info, span.pdf, span.xls, span.edit, span.folder, span.settings, span.back,
span.ignore, span.del, span.apply, span.missdoc, span.refresh, span.card, span.credit_card, span.license_icon, span.eye, span.delete{
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    padding-left: 20px;
    min-height: 16px;
    opacity: 0.7;
    filter: alpha(opacity=70);
}

span.info:hover, span.pdf:hover, span.xls:hover, span.edit:hover , span.folder:hover,
span.settings:hover, span.back:hover, span.ignore:hover, span.apply:hover, span.missdoc:hover
span.refresh:hover, span.del:hover, span.card:hover, span.credit_card, span.license_icon:hover, span.eye, span.delete {
    opacity: 1.0;
    filter: alpha(opacity=100);
}

span.info {
    background: url('icons/info_icon.png') no-repeat;
}

span.pdf {
    background: url('icons/pdf_icon.png') no-repeat;
}

span.xls {
    background: url('icons/xls_icon.png') no-repeat;
}

span.edit {
    background: url('icons/edit.png') no-repeat;
}

span.refresh {
    background: url('icons/refresh.png') no-repeat;
}

span.delete {
    background: url('icons/delete_icon.png') no-repeat;
    
}

span.eye {
    width: 16px;
    background: url('icons/eye_icon.png') no-repeat;
    background-size: 17px auto;
}

span.card {
    background: url('icons/card.png') no-repeat;
}

span.credit_card {
    background: url('icons/credit-card.png') no-repeat;
}

span.folder {
    background: url('icons/folder_closed.png') no-repeat;
}

span.folder:hover {
    background: url('icons/folder_opened.png') no-repeat;
}

span.settings {
    background: url('icons/settings_icon.png') no-repeat;
}

span.back {
    background: url('icons/send_back.png') no-repeat;
}

span.ignore {
	background: url('icons/ignore.png') no-repeat;
}

span.apply {
	background: url('icons/apply.png') no-repeat;
}

span.missdoc {
	background: url('icons/missdoc.png') no-repeat;
}

span.del {
	background: url('icons/del.png') no-repeat;
}

span.license_icon {
	background: url('icons/license_icon.png') no-repeat;
}

#partners {
	padding-right: 120px;
	min-height: 1000px;
	background: url('images/partners.jpg') repeat-y top right;
}

#header {
    width: 100%;
    height: 70px;
    padding: 0;
    margin: 0;
    background: -webkit-linear-gradient(white,rgb(240,236,235));
    background: -o-linear-gradient(white,rgb(240,236,235));
    background: -moz-linear-gradient(white,rgb(240,236,235));
    background: linear-gradient(white,rgb(240,236,235));
}

#header img {
    width: 40px;
    height: 40px;
    float: left;
    margin-top: -10px;
}

#header div.center {
   margin: 0 auto;
   padding: 18px 0 0 0;
   width: 1100px;
   height: 70px;
   background: url('images/logo.png') top left no-repeat;
   text-align: right;
}

#header div.link {
    display: inline-block;
    padding: 8px 0px;
    font-size: 14px;
    font-weight: bold;
    color: rgb(207,48,48);
}

#header div.link .telszamok {
	display: inline-block;
	margin-top: -18px;
	width: 210px;
	line-height: 42px;
	padding: 6px;
	border-radius: 3px;
	background: #E4E4E4;
	border:1px solid rgb(187, 103, 104);
	margin-right: 15px;
	height: 42px;
}

#header div.link .telszamok span {
	display: block;
	font-size: 9px;
	color: #333;
	line-height: 14px;
	font-weight: normal;
	
}

#header div.link .telszamok div {
	display: inline-block;
	vertical-align: middle;
}

#header div.link .telszamok  img{
	display: inline-block;
	float: none;
	vertical-align: middle;
	margin:0;
}

#header div.link  img {
	float: right;
}

#header div.link a {
    text-decoration: none;
    color: inherit;
	display:inline-block;
}

#header div.link a:hover {
    color: #333;
}

#header div.separator {
    display: inline-block;
    margin: 0 9px;
    font-size: 14px;
    color: #333;
}

#header div.timeCounter {
    display: inline-block;
    margin-left: 10px;
    margin-right: 10px;
    height: 21px;
    padding: 10px 20px 7px 10px;
    width: 140px;
    background: rgb(136,124,126);
    border-color: #000;
    border-radius: 5px;
    font-size: 14px;
    color: #fff;
}

#header div.timeCounter.logged:hover {
    cursor: pointer;
    background: rgb(184,58,59);
}

#header div.timeCounter.warning {
    background: rgb(255,0,0) !important;
}

#time_remains_sec {
	display: none;
}

#user_bar {
    width: 100%;
    height: 45px;
    padding: 0;
    margin: 0;
    background: rgb(173,40,41);
}

#user_bar img {
    width: 40px;
    height: 40px;
    margin-top: -10px;
    position: absolute;
    left: 10px;
    top: 5px;
}

#user_bar div.center {
    margin: 0 auto;
    width: 1070px;
    height: 45px;
    padding-top: 9px;
}

#user_bar div.year {
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    float: left;
}

#user_bar div.profile {
    float: right;
    height: 37px;
    margin-top: -6px;
}

#user_bar div.profile ul {
    padding: 0;
    margin-top: 10px;
}

#user_bar div.profile ul li {
    display: inline;
    list-style-type: none;
    border-style: solid;
    border-width: 0 1px 0 0;
    border-color: #fff;
    padding: 5px 20px 5px 55px;
    margin: 0;
    font-size: 15px;
    color: #fff;
    position: relative;
	line-height:15px;
	height: auto;
}

#user_bar div.new {
    display: block;
    width: 18px;
    height: 18px;
    background: rgb(240,184,0);
    border-radius: 11px;
    border-color: #fff;
    border-style: solid;
    border-width: 2px;
    position: absolute;
    font-size: 12px;
    text-align: center;
    color: rgb(173,40,41);
    top: -5px;
    left: 10px;
}

#user_bar div.profile ul li a {
    text-decoration: none;
    color: inherit;
}

#user_bar div.profile ul li a:hover {
    color: rgb(242,182,0);
}

#user_bar div.profile ul li.selected a {
    color: rgb(242,182,0);
    font-weight: bold;
}

#user_bar .login {
	margin:0px!important;
	height:37px;
	line-height:37px;
}

#user_bar .login li  {
	height:37px;
	line-height:37px;
}

#user_bar .login li input {
	border-radius: 5px;
	height: 22px;
	padding: 3px;
	border: 1px solid #AAA;
}

.notification {
    background: rgb(242,182,0);
    border: 1px solid #fff;
    border-radius: 3px;
    padding: 10px 10px 10px 50px;
    font-size: 14px;
    color: #333;
    position: relative;
    margin-bottom: 15px;
}

.notification div.message {
    width: 850px;
    min-height: 20px;
    padding: 5px 120px 5px 0;
    border-right: 1px solid #333;
    text-align: justify;
}

.notification div.date {
    float: right;
    position: absolute;
    top: 16px;
    right: 65px;
}

.notification img.info {
    position: absolute;
    width: 50px;
    height: 50px;
    top: 0;
    left: 0;
}

.notification img.close {
    position: absolute;
    width: 40px;
    height: 40px;
    top: 5px;
    right: 5px;
    cursor: pointer;
}

.notification img.close:hover {
    opacity: 0.3;
    filter: alpha(opacity=30);
}

#middle {
    background: rgb(218,214,215);
    padding: 0 0 40px 0;
    margin: 0;
}

#middle.small {
    padding: 0 !important;
}

#middle div.center {
    margin: 0 auto;
    padding: 20px 0 35px 0;
    width: 1070px;
}

#middle div.center.small {
	width: 95% !important;
	margin-right: 10px;
}

#main_menu, #sub_menu {
    width: 100%;
    height: 44px;
    background: #9e7e6f;
    border-radius: 3px;
    margin-bottom: 15px;
    text-align: center;
}

#sub_menu {
    width: 100%;
    height: 35px !important;
    background: #c59d8a !important;
    margin-top: -10px;
}

#main_menu div.menu_center, #sub_menu div.menu_center {
    display: inline-block;
}

#main_menu div.menu_point, #sub_menu div.menu_point {
    display: block;
    font-size: 14px;
    float: left;
    height: 30px;
}

#main_menu div.menu_point {
	color: #000;
    padding: 14px 25px 0 25px;
}

#sub_menu div.menu_point {
    color: #000;
    padding: 8px 25px 0 25px;
    height: 27px !important;
}

#main_menu div.menu_point a, #sub_menu div.menu_point a {
    text-decoration: none;
    color: inherit;
}

#main_menu div.menu_point:hover {
    color: #fff;
    background-color: #c59d8a;
}

#sub_menu div.menu_point:hover {
    color: #fff;
    background-color: #cab2a7;
}

#main_menu div.menu_point.active {
    background: #c59d8a;
    color: #fff;
}

#sub_menu div.menu_point.active {
    background: #cab2a7;
    color: #fff;
}

#main_menu div.separator, #sub_menu div.separator {
    display: block;
    float: left;
    height: 44px;
    border-style: solid;
    border-width: 0 1px 0 0;
    border-color: rgb(86,80,82);
}

#sub_menu div.separator {
    height: 35px !important;
}

#page {
    width: 1050px;
    background: #fff;
    border: 1px solid #BBB;
    border-radius: 3px;
    padding: 10px;
    color: rgb(65,65,65);
	box-shadow: 0 0 5px 1px #BBB;
}

#page.no_border {
	border: none !important;
}

#page.small {
	width: 95% !important;
}

#page h1 {
    margin: 0;
    padding: 5px 0 15px 5px;
    border-bottom: 1px solid #ccc;
    font-size: 22px;
    color: rgb(30,30,30);
    margin-bottom: 15px;
}

#page h1 span.note {
    color: #999;
}

#page h1 div.right {
    float: right;
    text-align: right;
    font-size: 14px;
    position: relative;
    padding: 8px 0 0 40px;
    font-weight: normal;
}

#page h1 div.right img {
    width: 40px;
    height: 40px;
    position: absolute;
    top: -3px;
    left: 0;
}

#guide div.bookmarks {
    display: inline-block;
    vertical-align: top;
    width: 200px;
    margin-right: 50px;
}

#guide div.bookmarks h2 {
    margin: 5px;
    font-size: 16px;
}

#guide div.bookmarks li {
    list-style-type: none;
    margin-left: -30px;
    padding: 10px 0;
    border-bottom: 1px dotted #999;
    font-size: 14px;
}

#guide div.bookmarks a {
    text-decoration: none;
    color: rgb(173,40,41);
}

#guide div.bookmarks li a:hover {
    color: rgb(242,182,0);
}

#guide div.content {
    display: inline-block;
    vertical-align: top;
    width: 770px;
    padding-top: 5px;
    font-size: 14px;
}

#guide div.content h3 {
    margin: 3px 0;
    font-size: 14px;
}

#guide div.content p {
    margin-bottom: 30px;
    text-align: justify;
}

#guide_content {
	height: 600px;
}

#messages div.message {
    cursor: pointer;
}

#messages div.message.unread {
    background: rgb(245,245,245);
}

#messages div.message div.header {
    height: 40px;
    position: relative;
    font-size: 14px;
    border-bottom: 1px solid #BBB;
}

#messages div.message div.header:hover, #messages div.message div.header.more {
    background: rgb(169,160,163);
    color: #fff;
}

#messages div.message div.state {
    position: absolute;
    top: -1px;
    left: 5px;
}

#messages div.message div.state img {
    width: 40px;
    height: 40px;
}

#messages div.message div.from {
    position: absolute;
    padding: 10px;
    width: 190px;
    top: 0;
    left: 40px;
}

#messages div.message.unread div.from {
    color: rgb(173,40,41);
    font-weight: bold;
}

#messages div.message.unread div.header:hover div.from, #messages div.message div.header.more div.from {
    color: #fff;
}

#messages div.message div.title {
    position: absolute;
    padding: 10px;
    width: 620px;
    top: 0;
    left: 270px;
}

#messages div.message div.sent {
    position: absolute;
    text-align: right;
    padding: 10px;
    width: 130px;
    top: 0;
    right: 0;
}

#messages div.message div.content {
    display: none;
    padding: 10px 25px;
    text-align: left;
    font-size: 14px;
    background: rgb(245,245,245);
    border-bottom: 1px solid #BBB;
    line-height: 150%;
    cursor: default !important;
    word-wrap: break-word;
}

.replyContent, .newmessage {
    display: none;
}

.replyContent textarea {
    width: 995px;
    height: 200px;
    margin-bottom: 10px;
}

#new_message .left {
    width: 200px;
    padding: 5px;
    float: left;
}

#new_message .right {
    width: 800px;
    padding: 5px;
    float: left;
}

#new_message .right select {
    width: 555px;
    height: 25px;
	margin-right: 5px;
}

#new_message .right input {
    width: 550px;
    height: 20px;
}

#new_message .message {
    padding: 10px 5px;
    margin-bottom: 5px;
}

#new_message .message textarea {
    height: 500px;
    margin-top: 10px;
    resize: none;
}

table.simpleTable {
    width: 100%;
    border-spacing: 0;
    font-size: 14px;
    border: 1px solid rgb(169,160,163);
}

table.simpleTable th {
    background: rgb(169,160,163);
    padding: 10px;
    color: #fff;
    text-align: left;
}

table.simpleTable td {
    padding: 10px;
}

table.simpleTable tr:nth-child(even) {
    padding: 3px;
    background: #fff;
}

table.simpleTable.highlighted {
    background: rgb(155,188,73) !important;
    color: #fff !important;
}

table.simpleTable.captioned caption {
    background: #eee;
    padding: 10px;
    text-align: left;
    font-weight: bold;
    border: 1px solid #ccc;
}

table.simpleTable tr:nth-child(odd) {
    padding: 3px;
    background: rgb(245,245,245);
}

table.simpleTable button {
    width: 80px;
    text-align: center;
    padding: 7px 0;
    background: rgb(128,116,118);
    border: 1px solid rgb(128,116,118);
    border-radius: 5px;
    font-size: 14px;
    color: #fff;
}

table.simpleTable button:hover {
    background: rgb(184,58,59);
    cursor: pointer;
}

table.simpleTable td .copy {
    color: rgb(184,58,59);
    text-decoration: none;
}

table.simpleTable td .not_important {
    color: #999;
}

table.simpleTable .highlighted td .not_important {
    color: #fff;
}

table.simpleTable.highLightRow tr:hover {
    background: #eee;
}

.pager_container {
	height:128px;
}

.pager {
    background: rgb(230,226,225);
    border-bottom: 1px solid #bbb;
    margin: 10px 0;
    padding: 15px;
	width: 1020px;
}

.pager div.header {
    border-bottom: 1px solid #bbb;
    padding-bottom: 10px;
}

#active_form_mode, .pager div.header div.left label {
    cursor: pointer;
}

.pager div.header div.left {
    float: left;
    width: 300px;
    padding-top: 5px;
}

.pager div.header div.left label {
    font-size: 14px;
    font-weight: bold;
    position: relative;
}

.pager div.header div.left label img {
    width: 35px;
    height: 35px;
    margin-top: 5px;
    position: absolute;
    top: -14px;
    right: -35px;
    cursor: help;
}

.pager div.header div.right {
    float: right;
    text-align: right;
    width: 700px;
}

.pager div.navigation {
    padding: 20px 0 0 0;
    color: rgb(207,48,48);
}

.pager div.navigation a {
    text-decoration: none;
    color: inherit;
	line-height:25px;
}

.pager div.navigation a:hover {
	color: rgb(242,182,0);
}

.pager div.navigation .disabled {
    opacity: 0.3;
    filter: alpha(opacity=30);
}

.pager div.navigation div.previous {
    display: inline-block;
    width: 200px;
    position: relative;
	padding-right:35px;

}

.pager div.navigation div.previous img {
    border-radius: 5px;
    position: absolute;
    top: -2px;
    left: 0;
}

.pager div.navigation div.chooser {
    display: inline-block;
    width: 538px;
    text-align: center;
}

.pager div.navigation div.chooser select {
    padding: 5px 10px;
    font-size: 14px;
}

.pager div.navigation div.next {
    display: inline-block;
    width: 200px;
    text-align: right;
    position: relative;
	padding-left:35px;
}

.pager div.navigation div.next img {
    border-radius: 5px;
    position: absolute;
    top: -2px;
    right: 0;
}

.pager button {
    padding: 10px 20px;
    background: rgb(136,124,126);
    margin-left: 10px;
    border-radius: 5px;
    font-size: 14px;
    color: #fff;
    box-shadow:none !important;
    text-shadow:none !important;
    border:none !important;
}

.pager button:hover {
    background: rgb(184,58,59) !important;
    cursor: pointer;
}

.page_content {
    font-size: 14px;
    width: 1050px;
    background: #fff;
}

.page_content strong {
	font-weight: bold !important;
}

.page_content.small {
    font-size: 14px;
    width: 100% !important;
    background: #fff;
}

.page_content div.header {
    padding: 10px 0 10px 15px;
}

.page_content h2 {
    margin: 5px 0;
    background: rgb(245,245,245);
    font-size: 16px;
    padding: 10px 15px;
    border-radius: 5px;
}

.page_content h3 {
    margin: 5px 0;
    background: rgb(250,250,250);
    font-size: 14px;
    padding: 10px 15px;
    border-radius: 5px;
}

.page_content div.wide_col, .page_content div.double_col {
    margin: 8px 0 8px 15px;
    width: 1100px;
    overflow: hidden;
}

#page.small div.wide_col {
    margin: 8px 0 8px 15px;
    width: 90%;
    overflow: hidden;
}

.page_content div.medium_col {
    margin: 8px 0 8px 15px;
    width: 1000px;
    overflow: hidden;
}

.page_content div.sub_wide_col {
    margin: 8px 0 8px 15px;
    width: 800px;
    overflow: hidden;
}

.page_content div.medium_col div.left {
    display: inline-block;
    width: 250px;
}

.page_content div.medium_col div.right {
    display: inline-block;
    min-width: 620px;
}

.page_content div.wide_col div.left {
    display: inline-block;
    width: 330px;
}

.page_content div.wide_col div.right {
    display: inline-block;
    min-width: 680px;
}

#page.small div.wide_col div.left {
    display: inline-block;
    width: 150px;
}

#page.small div.wide_col div.right {
    display: inline-block;
    min-width: 50%;
}

.picture {
    display: table-cell;
    width: 310px;
    height: 310px;
    text-align: center;
    vertical-align: middle;
}

.profile_photo {
    max-width: 230px;
    max-height: 230px;
    border: 3px solid #ccc;
}

.upload_profile_picture {
    margin-top: 10px;
}

.photo_uploader {
    width: 140px;
    padding: 2px !important;
}

.page_content div.wide_col div.picture_left {
    display: inline-block;
    vertical-align: top;
    width: 310px;
    height: 310px;
    border: 1px dotted #ccc;
}

.page_content div.wide_col div.picture_right {
    display: inline-block;
    width: 700px;
}

.page_content div.sub_wide_col div.sub_left {
    display: inline-block;
    width: 300px;
}

.page_content div.sub_wide_col div.sub_right {
    display: inline-block;
    width: 342px;
}

.page_content div.wide_col div.right input[type="text"], .page_content div.medium_col div.right input[type="text"], .page_content div.sub_wide_col div.sub_right input[type="text"] {
    width: 100%;
}

.page_content div.wide_col.right_oriented div.left {
    width: 250px !important;
}

.page_content div.wide_col.right_oriented div.right {
    min-width: 762px !important;
}

.page_content div.u1 select {
    padding: 3px;
    width: 150px;
}

.page_content div.u1 label {
    margin-right: 10px;
}

.page_content div.double_col .left {
    display: inline-block;
    vertical-align: middle;
    width: 330px;
}

.page_content div.double_col .right {
    display: inline-block;
    vertical-align: middle;
    width: 170px;
}

.page_content div.double_col.right_oriented .left {
    width: 250px !important;
}

.page_content div.double_col.right_oriented .right {
    width: 270px !important;
}

.page_content div.double_col div.right input[type="text"]{
    width: 145px;
}

.page_content div.double_col.right_oriented div.right input[type="text"]{
    width: 235px;
}

.double_col_input {
    width: 140px;
}

/* Formanyomtatványok */

#create_form {
    display: none;
}

.marginedContentForText {
    margin: 15px 15px 0 15px;
    text-align: justify;
    line-height: 200%;
}

.marginedContentForForm {
    margin: 15px 15px 0 15px;
}

.category_buttons {
	float: right;
	margin: -40px 5px 0 0;
}

.kozlemeny_info {
	border-radius: 3px;
	background: #D9EDF7;
	border-color: #BCE8F1;
	padding: 20px;
	color: #3A87AD;
}

.apply_for_training_form {
    margin: 10px 0;
    overflow-y: auto;
    height: 460px;
}

.apply_for_training_form div.training_option {
    padding: 10px;
    margin: 10px 0;
    font-size: 15px;
}

.apply_for_training_form div.training_option > div {
    display: block;
}

.apply_for_training_form div.training_option:nth-child(odd) {
    background: #f7f8f7;
}

.apply_for_training_form div.training_option:hover {
    background: #EEFFDA;
}

.apply_for_training_form div.training_option input {
    margin-bottom: 10px;
    cursor: pointer;
}

.uform_table {
    width: 100%;
    border-collapse: collapse;
}

.uform_table caption {
    background: rgb(73,67,67);
    text-align: left;
    padding: 10px 15px;
    font-size: 15px;
    color: #fff;
    font-weight: bold;
}

.uform_table td, .uform_table th {
    padding: 10px;
    margin: 0;
    border: 1px solid #ccc;
    font-size: 14px;
    vertical-align: top;
}

.admin_table th, .admin_table td {
    vertical-align: middle !important;
}

.uform_table th {
    background: rgb(229,227,228);
    color: rgb(73,67,67);
}

.uform_table td input {
    width: 95%;
    height: 20px;
    background: inherit;
}

select, .uform_table td select {
    height: 29px;
    background: #fff;
    border: 1px solid #ccc;
	border-radius: 3px;
}

.uform_table td textarea {
    width: 95%;
    min-height: 80px;
    background: inherit;
}

.uform_table td.remove_row {
    width: 35px;
    position: relative;
}

.uform_table td.remove_row img {
    width: 40px;
    height: 40px;
    cursor: pointer;
    position: absolute;
    top: 5px;
    right: 8px;
}

.uform_table td.remove_row img:hover {
    opacity: 0.4;
    filter: alpha(opacity=40);
}

.uform_table tbody tr {
    background: #fff;
}

.uform_table tbody tr:hover {
    background: rgb(250,250,250);
}

.uform_table tfoot {
    background: rgb(245,245,245);
}

.uform_table tfoot button {
    padding: 10px 20px;
    background: rgb(136,124,126);
    color: #fff;
    border: none;
    border-radius: 5px;
}

.uform_table tfoot button:hover {
    cursor: pointer;
    background: rgb(184,58,59);
}

/* uform tábla lapozó */
.uform_table.shorter_width_input input.form_field[type="text"] {
    width: 110px !important;
}

.table_pager_container{
    margin-top: 1em;
}

.table_pager_container >span {
    cursor:pointer;
    padding: 15px;
}

.table_pager_container .refresh_table {
    width: 1em;
}
/* -- uform tábla lapozó vége -- */

.highlighted_table th, .highlighted_table td {
	border-color: rgb(200,100,100) !important;
}

.highlighted_table caption {
	background: rgb(200,100,100) !important;
	color: #fff;
}

div.debug div.header {
    background: #fff;
    margin-top: 10px;
    padding: 10px;
    border: 1px solid #000;
    border-radius: 5px; 
}

div.debug div.header h3 {
    font-size: 16px;
    margin: 5px 0;
}

div.debug div.debug_row {
    background: #fff;
    margin-top: 10px;
    padding: 10px;
    font-size: 12px;
    word-wrap: break-word;
    border-radius: 5px; 
}

div.debug div.debug_row.success {
    border: 2px solid #00ff00;
}

div.debug div.debug_row.danger {
    border: 2px solid #ff0000;
}

#footer {
    background: rgb(173,40,41);
    text-align: center;
    padding: 0 0 20px 0;
    color: #fff;
	height: 110px;
	width: 100%;
	bottom: 0px;
}

#footer .darker{
	background: #7A1818;
	font-size: 10px;
	height: 18px;
	line-height: 18px;
	text-align: left;
	font-weight: normal;
	margin-bottom: 40px;
}

#footer .fl_logo{
	float: right;
}

.newLine {
	display: none;
}

/* UForm kereső */

.uform_table thead .search_row_title td {
    background-color: #fff;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
}

.uform_table thead .search_row {
    height: 88px;
}

.uform_table thead .search_row input.form_field[type="text"] {
    border-color: -moz-use-text-color -moz-use-text-color #A1A1A1;
}

.uform_table thead .search_row .form_field:focus {
    background-color: #fff;
} 


.uform_table thead .search_row .buttons_container {
    text-align: center;
    padding: 11px 3px;
}

.uform_table thead .search_row .buttons_container .btn{
    cursor: pointer;
}

.uform_table thead .search_row .buttons_container .search_btn {
    width: 30px;
    height: 30px;
    background: url('icons/search_icon.png') no-repeat;
    margin: 0 auto;
}

.uform_table thead .search_row .buttons_container .search_btn:hover {
    background: url('icons/search_icon_onmouseover.png') no-repeat;
}

.uform_table thead .search_row .buttons_container .reset_search_btn {
    width: 30px;
    height: 30px;
    background: url('icons/clear_icon.png') no-repeat;
    margin: 5px auto 0px auto;
}

.uform_table thead .search_row .buttons_container .reset_search_btn:hover {
    background: url('icons/clear_icon_onmouseover.png') no-repeat;
}

.uform_table thead .search_row button {
    padding: 5px 0px;
    background: #887C7E none repeat scroll 0% 0%;
    border-radius: 5px;
    font-size: 14px;
    color: #fff;
    box-shadow:none !important;
    text-shadow:none !important;
    border:none !important;
}

.uform_table thead .search_row .search_btn {
    margin-bottom: 5px;
}
.uform_table thead .search_row .btn img {
    width: 30px;
}
.uform_table thead .search_row button:hover {
    background: rgb(184,58,59) !important;
    cursor: pointer;
}

.uform_table tbody .too_lot_result {
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
}

/* -- vége UForm kereső */

svg {
    position: absolute;
    top: 0;
    z-index: 4;
}

#overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.3;
    filter: alpha(opacity=30);
    display: none;
    z-index: 10;
}

#infoWindow {
    position: absolute;
    width: 500px;
    height: 300px;
    background: #fff;
    border: 2px solid #000;
    z-index: 30;
    padding-bottom: 2px;
}

#infoWindow div.header {
    padding: 10px;
    position: relative;
    font-weight: bold;
    color: rgb(207,48,48);
    cursor: move;
    background: -webkit-linear-gradient(white,rgb(240,236,235));
    background: -o-linear-gradient(white,rgb(240,236,235));
    background: -moz-linear-gradient(white,rgb(240,236,235));
    background: linear-gradient(white,rgb(240,236,235));
}

#infoWindow div.header img {
    width: 30px;
    height: 30px;
    cursor: pointer;
    position: absolute;
    top: 5px;
    right: 5px;
}

#infoWindow div.header img:hover {
    opacity: 0.3;
    filter: alpha(opacity=30);
}

#infoWindow div.content {
    height: 240px;
    padding: 10px;
    overflow-y: auto;
    overflow-x: hidden;
}

#upload {
    margin: 0;
    width: 100%;
}

#upload input[type="file"]{
    width: 380px;
}

#upload input[type="button"]{
    float: right;
}

#upload_progress {
    display: none;
    width: 100%;
    margin: 10px 0;
    clear: both;
}

#upload hr {
    margin-top: 5px;
}


.uform_table .form_field.attachment {
    background: #eee;
    border: 1px solid #ccc;
    cursor: pointer;
    width: 150px;
    height: 30px;
}

#attachments {
	margin: 0 0 0 5px;
	overflow: auto;
	height: 155px;
}

#attachments li {
    position: relative;
    font-size: 14px;
    margin-left: -15px;
    padding: 5px 0 5px 5px;
    list-style-type: square;
}

#attachments li:hover {
    background: #eee;
}

#attachments li a {
    text-decoration: none;
    color: #333;
}

#attachments li a:hover {
    color: rgb(207,48,48);
}

#attachments li img, #unique_options img {
    width: 30px;
    height: 30px;
    position: absolute;
    top: -2px;
    cursor: pointer;
}

#attachments li img {
    right: 0;
}

#attachments li img:hover, #unique_options img:hover {
    opacity: 0.3;
    filter: alpha(opacity=30);    
}

.attachment {    
    margin-bottom: 10px;
}

.attachment_field_info {
    margin: 15px 15px 0 15px;
}

.attachment_field_info .left {
    float: left;
    width: 165px;
}

.attachment_field_info .left .info {
    text-align: center;
}

.attachment_field_info .right {
    margin-left: 190px;
    width: 820px;
}

.rightFlyerBox{
	position: absolute;
	width:50px;
	height:50px;
	border-radius: 25px ;
	background: rgb(173,40,41);
	line-height:50px;
	text-align:center;
	color: #fff;
	opacity: 0.8;
	transition: opacity .3s;
}

.rightFlyerBox:hover {
	opacity: 1!important;
}

.rightFlyerBox img{
	width:50px;
}

input[type="text"].form_field {
    border: none;
    padding: 3px;
    font-size: 14px;
    border-bottom: 2px dotted #ccc;
	background: inherit;
}

textarea.form_field {
    border: none;
    padding: 5px;
    font-size: 14px;
    border: 2px dotted #ccc;
	background: inherit;
}

select.form_field.multiple {
	height: 70px;
}

.invalid, input[type="radio"].invalid:checked, input[type="checkbox"].invalid {
	border: 1px solid #ff0000 !important;
    background: lightpink !important;
	border-radius: 3px;
}

.saving {
	background: #FFEC8B !important;
}

#registration_form, #reset_password_form, #new_password_form {
    text-align: justify;
}

#registration_form input, #reset_password_form input, #new_password_form input {
    margin: 10px 0;
    padding: 5px;
    width: 300px;
}

#registration_form button, #reset_password_form button, #new_password_form button {
    margin: 10px 0;
}

/* Általános stílusok */

.simpleButton {
    background: rgb(136,124,126);
    padding: 5px 10px;
    border-radius: 3px;
    font-size: 14px;
    color: #fff;
    box-shadow:none !important;
    text-shadow:none !important;
    border: none !important;
	height:auto;
	display:inline-block;
}

.simpleButton:hover {
    background: rgb(184,58,59);
    cursor: pointer;
}

.simpleButton.ghover:hover {
	background: rgb(155,188,73);
}

.simpleButton.simpleButton-m{
	padding: 7px 13px !important;
}

.inputInfo {
	display: none !important;
}

.displayNone {
    display: none;
}

.invisible{
	opacity:0;
	transform: opacity 0.3s;
}

.disabled {
    background: #eee !important;
}

.bold {
    font-weight: bold;
    padding-right: 5px;
}

.clear {
    clear: both;
}

.relative{
	position:relative;
}

.next_btn, .prev_btn {
	float:right;
	margin:0 0 0 10px;
	height: 25px;
	width: 25px;
	color: #fff;
	line-height: 25px;
	text-align: center;
	border-radius: 5px;
	background: no-repeat url(icons/arrow-right.png) scroll center center/90% 90% rgb(173, 40, 41);
}

.prev_btn {
	float:left;
	margin:0 10px 0 0 ;
	background: no-repeat url(icons/arrow-left.png) scroll center center/90% 90% rgb(173, 40, 41);
}

.center{
	width: 1070px;
	margin:0 auto;
}

.centered_text {
	text-align: center;
}

/** pdf piszkozat **/

div.watermark {
	position:absolute;
	margin:0 auto;
	width:75%;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=30);
	-moz-opacity:0.3;
	-khtml-opacity: 0.3;
	opacity: 0.3;
	font-size:150px;
	padding:0 12%;
}

/* hirek */

.news .content {
	display: inline-block;
	border-left: 2px solid #BB6768;
	max-width: 915px;
	padding: 25px 0 5px 10px;
	font-size: 14px;
}

.news .pub {
	display: inline-block;
	width: 72px;
	padding-right: 10px;
	vertical-align: top;
	color: #666;
	font-size: 14px;
	font-weight: bold;
}

.news {
	vertical-align: top;
	clear: both;
	border-bottom: 1px solid #ddd;
	padding: 10px;
}

.news:nth-child(2n) {
	background: #fff;
}

.news:nth-child(2n-1) {
	background: #EFEFEF;
}

.news:last-child{
	border:0!important;
}

.not_important_text  {
	color: #ccc;
}

/* Színezések */

.green {
    background: rgb(155,188,73) !important;
}

.yellow {
    background: rgb(232,130,28) !important;
}

.red {
    background: rgb(150,58,59) !important;
}

.red_text {
    color: #ff0000;
}

.green_text {
    color: rgb(155,188,73);
}

.light_green {
    background: rgb(225,255,223) !important;
}

.light_green:hover {
    background: rgb(196,255,153) !important;
}

.light_yellow {
    background: rgb(255,255,204) !important;
}

.light_yellow:hover {
    background: rgb(251,255,153) !important;
}

.light_red {
    background: rgb(255,223,223) !important;
}

.light_red:hover {
    background: rgb(255,212,212) !important;
}

.solid_text, .solid_text a {
	color: #414141;
	text-decoration: none;
}

.solid_text:hover, .solid_text a:hover {
	color: red;
}

.float_right {
	float: right;
}

/* Szûrõ */
#search_in {
    position: relative;
}

#search_in input {
    height: 25px;
    padding: 3px;
    margin-right: 5px;
}

#search_in select {
    height: 32px;
    padding: 3px;
    margin-right: 5px;
}

#search_in button {
    position: absolute;
    top: 33px;
    right: 15px;
}

#search_in input[name="search"] {
    width: 250px;
}

#search_in tfoot td {
    padding: 20px 0;
}

#search_in tfoot td.page_changer {
    text-align: right;
}

input.filter_field {
    border: 1px dotted #ccc !important;
}

.declaration {
    line-height: 200%;
    padding: 0 30px 0 20px;
    text-align: justify;
}

.declaration .centered_name, .declaration_tajekoztato .centered_name {
    font-size: 20px;
    text-align: center;
    font-weight: bold;
    line-height: 180%;
}

.declaration ol li {
    margin-bottom: 10px;
    margin-right: 30px;
    line-height: 150%;
    padding: 5px;
}

.declaration ol li:hover {
    background: #f3f3f3;
}

.declaration .sublist {
    list-style-type: none;
    margin: 0 0 -5px 10px;
}

.declaration .sublist.printed {
    list-style-type: circle !important;
}

.declaration .sublist p {
    margin: 0 0 5px 5px;
}

.declaration .sublist li {
    line-height: 100%;
    margin: 0;    
}

.declaration .last_option {
    border: 1px solid #000;
    margin: 5px;
    padding: 20px;
}

.declaration_tajekoztato {
    padding: 0 20px 10px 20px;
    font-size: 15px;
    text-align: justify;
}

.declaration .gray, .declaration .gray .medium_col div {
    color: #999;
    text-decoration: line-through;
}


/* MKOSZ nevezes 2016 */
.dragAndDropHovered {
    background: #d2e0e4;
}

.dragAndDropHovered input {
    background: rgb(155,188,73) !important;
}

BUTTON.lepcso_button{
	min-height: 40px;
	cursor: pointer;
	width: 100%;
	padding: 4px;
	border-radius: 8px;
	border: 1px solid white;
	font-size: 13px;
    color: #fff;
    box-shadow:none !important;
    text-shadow:none !important;
}

BUTTON.entry_lep1_szerk,BUTTON.grouplicense_veglegesitett,BUTTON.plusdata_szerk,
BUTTON.sololicense_aktiv,BUTTON.grouplicense_szerk{background-color:#6fa9bf;}
BUTTON.entry_lep1_dbkgeneralt{background-color:#ff7575;}
BUTTON.entry_lep1_bekuldott,BUTTON.entry_lep1_hp_bekuldott{background-color:#d6b812;}
BUTTON.entry_lep1_elfogadott,BUTTON.entry_lep2_adatszolgaltatott,BUTTON.plusdata_rogzitett,
BUTTON.entry_lep3_csop_veglegesitett,BUTTON.entry_lep3_csop_veg_admin,BUTTON.entry_lep3_csoportos,
BUTTON.grouplicense_rogzitett,BUTTON.entry_lep3_csop_bekuldott,BUTTON.grouplicense_bekuldott,
BUTTON.entry_lep3_csop_dbkgeneralva,
BUTTON.entry_lep3_csop_dbkbekuldve,
BUTTON.grouplicense_elfogadott,
BUTTON.entry_lep3_csop_elfogadott,BUTTON.entry_lep2_adatszolg_admin,BUTTON.grouplicense_csop_dbkbekuldve {background-color:#477d2d;}
BUTTON.entry_lep1_elutasitott{background-color:#ad391d;}
BUTTON.grouplicense_csop_dbkgeneralva{background-color:#ff7575;}

.hianypotlas{font-size:16px;text-align:justify;}
.hianypotlas .cim{font-weight: bold;font-size:18px;}
.hianypotlas TABLE {border-collapse: collapse;padding:0;}

.alavet_gen{padding: 5px 0;}

.alavetesi_megallapodas DIV.H1{margin: 60px 0;font-family:'fibaregular';font-size:3rem;text-align: center;}
.alavetesi_megallapodas .leftUnder{margin-bottom:10px;font-weight: bold;text-decoration: underline;}
.alavetesi_megallapodas .title{font-weight: bold;text-align: center;}
.alavetesi_megallapodas .data{font-weight: bold;}
.alavetesi_megallapodas TABLE.sign{width:100%;}
.alavetesi_megallapodas TABLE.sign TD{text-align: center;}
.alavetesi_megallapodas TABLE.sign TD.line{border-top:1px solid black;}
.alavetesi_megallapodas LI{text-align: justify;}

.nevezesi_lap.pdf{font-family: 'fibauniversal';font-size:13pt;}

.nevezesi_lap .alapadatok TABLE{width:100%;}
.nevezesi_lap .alapadatok TD{background-color:#efefef;padding:5px;font-weight: bold;font-size:18pt;}
.nevezesi_lap .alapadatok TD.label{font-weight: normal;font-size:12pt;}
.nevezesi_lap .alapadatok TD.hr{
	border-bottom:2px solid black;
	border-top:1px solid black;
	background-color: #aaa;
	font-size:12pt;
	padding:4px 2px 2px 2px;
	text-align:center;
}

.pdfheader{	text-align: right;}
.pdfheader IMG{float:left;width:50px;}

.elutasitas{font-size:16px;}
.nevezesi_lap .maintitle{margin-top:20px;text-align: center;font-size:30pt;}
.nevezesi_lap .maintitle TABLE{width:100%;}
.nevezesi_lap .maintitle TABLE TD{
	margin: 15px;
	font-weight: bold;
	font-size: 16pt;
	text-align: center;
}
.nevezesi_lap .maintitle TD.highlight{background-color: #efefef;border: 2px solid #ededed;}

.nevezesi_lap .desc{font-size:12pt;font-weight: normal;}
.nevezesi_lap .nyilatkozat{text-align: center;margin:20px 0;}
.nevezesi_lap TABLE.sign{width:100%;margin-top:60px;}
.nevezesi_lap TABLE.sign TD{margin:40px;text-align: center;}
.nevezesi_lap TABLE.sign TD.line{border-top:1px solid black;}

/* Díjbekérő PDF */ 
.dbk_pdf{font-family: 'fibauniversal';font-size:15pt;}
.dbk_pdf .dbk_items TABLE,.dbk_pdf .dbk_data TABLE,.dbk_pdf .elado_vevo TABLE{width:100%;border-collapse: collapse;}
.dbk_pdf .elado_vevo .big{font-size:18pt;}
.dbk_pdf .elado_vevo TD{width:50%;vertical-align: top;padding:3px;}
.dbk_pdf .elado_vevo TD{border-top: 2px solid maroon;border-bottom:2px solid maroon;}
.dbk_pdf .elado_vevo TD:first-child{border-right:2px solid maroon;}
.dbk_pdf .dbk_data TH{background-color:#aaa;font-weight: bold;border:1px solid white;}
.dbk_pdf .dbk_data TD{padding:3px;border-bottom:2px solid maroon;}
.dbk_pdf .dbk_items TD.sum,.dbk_pdf .dbk_items TH{background-color:#aaa;font-weight: bold;border:1px solid white;}
.dbk_pdf .dbk_items TD{padding:3px;text-align: right;}
.dbk_pdf .dbk_items TD.item{text-align: left;font-size:12pt;}
.dbk_pdf .maintitle{text-align:center;font-size:26pt;font-weight: bold;margin-top:50px;}
.dbk_pdf .desc{font-size:12pt;font-style: italic;margin-top:50px;}

.download_dbk{
	cursor:pointer;
	color: navy;
	font-weight: bold;
}

.choose_player{width:300px;}

table.licenseTable {
    width: 100%;
    border-spacing: 0;
	border-collapse: collapse;
    font-size: 10px;
}

table.licenseTable th {
    background: rgb(236, 234, 235);
    padding: 10px;
    color: #000;
    text-align: left;
}

table.licenseTable td {
    padding: 4px;
	border: 1px solid rgb(204, 200, 201);
}

table.licenseTable tr:nth-child(even) {
    padding: 3px;
    background: #fff;
}

table.licenseTable tr:nth-child(odd) {
    padding: 3px;
    background: rgb(224, 224, 224);
}

DIV.groupTitle{font-weight: bold;font-size:14px;text-align: center;width: 100%;}
DIV.groupAlavetTitle{font-weight: bold;font-size:36px;text-align: center;}
DIV.groupAlavetContent{line-height:24px;}
DIV.groupAlavetContent LI {text-align: justify;}
DIV.groupAlavetUnder18 {
    text-align: justify;
}
DIV.groupAlavetUnder18.hide {
    visibility: hidden;
}
DIV.groupAlavetUnder18 DIV.higherLine {
    line-height: 2em;
}

.halfTable{width:100%;}
.halfTable TD{width: 50%;}
.halfTable TD:nth-child(2){text-align: right;}
.teamname{padding-left:20px;}

TD.player_data{font-size:12px;}

.sign_box {
    display: table;
    margin: 150px auto 0 auto;
    width: 90%;
}

.sign_box .left, .sign_box .right {
    display: table-cell;
    text-align: center;
    vertical-align: top;
    width: 50%;
}

.alert-msg {
    color: #dc2727;
    font-weight: 700;
}

.m_side_10 { margin: 0 10px !important; }

/* JIRA kapcsolati sáv */
.jira_connect {
    padding: 2px;
    font-size: 11px;
    text-align: center;
    background-color: #edf7f7;
}

.jira_connect a{
    padding: 0 20px 0 20px;
    color: #004578;   
}

.jira_connect a:hover{
    color: blue;
}

.jira_connect img{
    padding: 0 4px 0 4px;
    width: 16px;
    vertical-align: middle;
}
.jira_connect_page {
    display: flex;
}
.jira_connect_page div{
    text-align: center;
    margin: auto;
    font-weight: bold;
    border: 1px solid white;
    width: 190px;
}
.jira_connect_page_div:hover{
    border: 1px solid green;
    border-radius: 8px;
    background-color: rgba(10, 239, 72, 0.1);
}
.jira_connect_page img{
    width: 170px;
    height: 170px;
}
.jira_connect_page span{
    color:black;
}
/* JIRA kapcsolati sáv - vége */

/* user - pályák menüpont - kezd */
/*.get_kataszter_court_data{*/
.courts_u2_form_first_column SELECT{
    width: 340px;
}
/* user - pályák menüpont - vége */

.cursor_pointer {
    cursor: pointer;
}