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 {
    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.card {
    background: url('icons/card.png') no-repeat;
}

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

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

span.info, span.pdf, span.xls, span.edit, span.card, span.credit_card, span.folder, span.settings, span.back, span.printer {
    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.printer:hover {
    opacity: 1.0;
    filter: alpha(opacity=100);
}

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;
}

#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: #3a7ab8;
}

#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 #104cbb;
    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: #3a7ab8;
}

#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(40,108,173);
}

#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 a {
    text-decoration: none;    
}

.main_menu {        
    background: #63768D;
    width: 100%;
    height: 44px;
    border-radius: 3px;
    margin-bottom: 5px;
        
}   

.main_menu ul {
    background: darkorange;
    list-style: none;
    margin: 0;
    padding-left: 0;
    position: relative;
    z-index: 1000;
}

.main_menu li {
    color: #000;
    background: #63768D;
    display: block;
    float: left;
    padding: 13px 14px;
    position: relative;
    text-decoration: none;
    border-right: 1px solid rgb(86,80,82);
}

.main_menu ul li:first-child {
    margin-left: 10px;
}

.main_menu li a {
  color: #000;
  font-size: 14px;
}

.main_menu li.active,
.main_menu li:hover,
.main_menu li:focus-within {
    background-color: #788AA0;
    cursor: pointer;
}

.main_menu li:focus-within a {
    outline: none;
}

.main_menu ul li ul {
    visibility: hidden;
    opacity: 0;
    min-width: 5rem;
    position: absolute;
    margin-top: 12px;
    left: 0;
    display: none;
}

.main_menu ul li:hover > ul,
.main_menu ul li:focus-within > ul,
.main_menu ul li ul:hover,
.main_menu ul li ul:focus {
    visibility: visible;
    opacity: 1;
    display: block
}

.main_menu ul li ul li {
    clear: both;
    background-color: #5AADBC;
    border-right: none;
    border-bottom: 1px solid #5295a1;
    width: 100%;
}

.main_menu ul li ul li.active,   
.main_menu ul li ul li:hover {   
    background-color: #8AC6D0;
}

.main_menu ul li ul li:first-child {
    margin-left: 0!important;    
}

.main_menu_list{
    margin: 0 0 5px 15px;
    clear: both;
}

.main_menu_list a{
    color: #3399ff;
    font-size: 12px;
}

#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: #3080cf;
}

.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: #3a7ab8 !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 p.footer_content {
    margin: 5px 0;
    background: rgb(245,245,245);
    font-size: 16px;
    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_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;
}

.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: -37px 20px 0 0;
}

.category_buttons .cardButton, p.footer_content .cardButton {
    border: none !important;
    border-radius: 3px;
    display: inline-block;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    height: auto;
    margin-right: 10px;
    padding: 5px 10px;
    text-shadow: none !important;
}

.category_buttons span.cardButton, p.footer_content span.cardButton {
    cursor: default;
}

.category_buttons button.cardButton:hover, p.footer_content button.cardButton:hover {
    background: rgb(155,188,73) !important;
}

.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 table {
    border: none;
    cursor: pointer;
    width: 100%;
}

.apply_for_training_form div.training_option table td:first-of-type {
    width: 30%;
}

.apply_for_training_form div.training_option table td:last-of-type {
    width: 70%;
}

.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;
}

.apply_for_training_form div.training_option a {
    color: #3333FF;
    text-decoration: none;
}

.mediumMarginLeft.training table {
    width: 100%;
}

.mediumMarginLeft.training table td:first-of-type {
    width: 30%;
}

.mediumMarginLeft.training table td:last-of-type {
    width: 70%;
}

.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);
}

.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(40,108,173);
    text-align: center;
    padding: 0 0 20px 0;
    color: #fff;
    height: 110px;
    width: 100%;
    bottom: 0px;
}

#footer .darker{
    background: #18497a;
    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;
}

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: 1001;
}

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

#infoWindow div.header {
    padding: 10px;
    position: relative;
    font-weight: bold;
    color: #3a7ab8;
    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;
}

#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 {
    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.form_field {
    min-width: 160px;
}

.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;
}

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

.uform_table .form_field.attachment:hover {
    background: #ddd;
}

.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: #63768D;
    padding: 5px 10px;
    border-radius: 3px;
    font-size: 14px;
    color: #fff;
    text-shadow:none !important;
    border: none !important;
    height:auto;
    display:inline-block;
}

.simpleButton:not(.pulse) {
    box-shadow: none !important;
}

.simpleButton:hover {
    background: #3a7ab8;
    cursor: pointer;
}

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

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

.simpleButton.red.pulse {
    animation: pulseBoxShadowRed 2s forwards;
}

.simpleButton.green.pulse {
    animation: pulseBoxShadowGreen 2s forwards;
}

.simpleButton.yellow.pulse {
    animation: pulseBoxShadowYellow 2s forwards;
}

@keyframes pulseBoxShadowRed {
    0% {
        box-shadow: 0px 0px 0px 0px rgba(150, 58, 59, 0.5);
    }
    25% {
        box-shadow: 0px 0px 0px 40px rgba(150, 58, 59, 0.5);
    }
    
    50% {
        box-shadow: 0px 0px 0px 15px rgba(150, 58, 59, 0.5);
    }
    
    75% {
        box-shadow: 0px 0px 0px 40px rgba(150, 58, 59, 0.5);
    }
    
    100% {
        box-shadow: 0px 0px 0px 0px rgba(150, 58, 59, 0.5);
    }
}

@keyframes pulseBoxShadowGreen {
    0% {
        box-shadow: 0px 0px 0px 0px rgba(155,188, 73, 0.5);
    }
    25% {
        box-shadow: 0px 0px 0px 40px rgba(155,188, 73, 0.5);
    }
    
    50% {
        box-shadow: 0px 0px 0px 15px rgba(155,188, 73, 0.5);
    }
    
    75% {
        box-shadow: 0px 0px 0px 40px rgba(155,188, 73, 0.5);
    }
    
    100% {
        box-shadow: 0px 0px 0px 0px rgba(155,188, 73, 0.5);
    }
}

@keyframes pulseBoxShadowYellow {
    0% {
        box-shadow: 0px 0px 0px 0px rgba(232, 130, 28, 0.5);
    }
    25% {
        box-shadow: 0px 0px 0px 40px rgba(232, 130, 28, 0.5);
    }
    
    50% {
        box-shadow: 0px 0px 0px 15px rgba(232, 130, 28, 0.5);
    }
    
    75% {
        box-shadow: 0px 0px 0px 40px rgba(232, 130, 28, 0.5);
    }
    
    100% {
        box-shadow: 0px 0px 0px 0px rgba(232, 130, 28, 0.5);
    }
}

.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(40,108,173);
}

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

.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_tajekoztato .centered_name_bigger {
    font-size: 22px;
    text-align: center;
    font-weight: bold;
    line-height: 180%;
}

.declaration_tajekoztato ul{
    margin-top: 0px;
    margin-bottom: 0px;      
}

.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;
}

.loader {
    display: none;
    text-align: center;
}

@keyframes activeProgress {
    0% {
        box-shadow: inset 0px 0px 0px #4273c3;
    }
    50% {
        box-shadow: inset 0px 0px 10px #4273c3;
    }
    100% {
        box-shadow: inset 0px 0px 0px #4273c3;
    }
}

div.print-job-container {
    margin: 50px 0px 50px 0px;
}

div.print-job-container.hidden {
    display: none;
}

tr.print-job {
    margin: 0px 0px 20px 0px;
    text-align: center;
}

tr.print-job span.title {
    display: block;
    font-size: 12px;
}

tr.print-job td {
    vertical-align: middle;
}

tr.print-job.active td {
    background: #ebf3ff;
}

tr.print-job.active progress.rprint {
    animation: activeProgress 2s infinite;
}

.jira {
    padding: 2px;
    font-size: 11px;
    text-align: center;
    background-color: #edf7f7;
}

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

.jira img {
    padding: 0 4px 0 4px;
    width: 16px;
    vertical-align: middle;
}

.bordered-table {
    border: 1px solid black;
    border-collapse: collapse;
}

.bordered-table th, .bordered-table td {
    border: 1px solid black;
    padding: 5px 5px 5px 5px;
}

ul.list_dashed {
    list-style-type: "- ";  
}
ul.list_circle {
    list-style-type: circle;  
}

/* Ajax loader */
body > div.overlay {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    z-index: 9999;
    background: url("images/ajax_loader.gif") center no-repeat; 
    background-size: 32px;
}

body.loading > div.overlay {
    display: block;
}
/* Ajax loader - vége */