@import url('https://fonts.googleapis.com/css?family=Titillium+Web');

/* CSS Document */
.dt_picker_ymd {
    /* FIXME... ez az ertek nagyon osszehuzza a naptar inputot pl itt: /index.php?prg=tenyesztes&alp=spermavetel */
    /* width: 50px; */
}

body {
    background-color: #558ab1c7;
    margin: auto;
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
    position: relative;
}

/** Select2 overrides... starts here. */

.select2-container--default .select2-selection--single {
    border: 1px solid #cccccc;
    border-radius: 0;
    height: 18px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 16px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 16px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #000000 transparent transparent transparent;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #000000 transparent;
}

.select2-search--dropdown .select2-search__field {
    padding: 0;
}

.select2-container--open .select2-dropdown--below {
    min-width: 120px !important;
    right: 0;
    /* left: auto; */
}

/** Select2 overrides... ends here. */

/** Animal Popup Select... starts here **/

.popup-select-wrapper {
    position: relative;
    min-height: 18px;
    line-height: 18px;
}

.popup-select-wrapper .popup-select-button {
    position: absolute;
    display: none;
    right: 0;
    top: 0;
}

.popup-select-wrapper:hover .popup-select-button {
    display: block;
}

.popup-select-wrapper .popup-select-button span.glyphicon {
    font-size: 10px;
    margin-top: -3px;
    padding: 3px;
}

.popup-select-wrapper .popup-select-value-label {
    display: block;
    white-space: nowrap;
}

/** Animal Popup Select... ends here **/

/** Bootstrap overrides... starts here. */

table {
    border-collapse: initial;
    border-spacing: initial;
}

td, th {
    padding: initial;
}

td .DataTables_sort_wrapper,
th .DataTables_sort_wrapper {
    white-space: nowrap;
}

td {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
}

table, thead, tbody, tr, th, td {
    -webkit-box-sizing: initial;
    -moz-box-sizing: initial;
    box-sizing: initial;
}

table th.odd,
table td.odd {
    background-color: rgba(0, 0, 0, 0.035);
}

table.fixedHeader-floating {
    table-layout: initial !important;
}

button, input, optgroup, select, textarea {
    color: #000000;
}

label {
    margin-bottom: 0;
    font-weight: normal;
}

.main-content {
    /* padding-top: 100px; */
    padding-bottom: 65px;
}

.main-content .main-content-wrapper table {
    width: 100%;
}

.main-content .main-content-wrapper table table {
    width: auto;
}

.main-content .main-content-wrapper table.fixedcoltemp {
    width: auto;
}

.btn-legacy {
    cursor: pointer;
    width: 28px !important;
    height: 28px !important;
    border: 1px solid #666666 !important;
    padding: 0 0 0 0;
    margin: 0;
    vertical-align: middle;

    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.btn-legacy.btn-sm {
    width: 22px !important;
    height: 22px !important;
}

.btn-legacy.btn-xs {
    width: 16px !important;
    height: 16px !important;
}

.btn-legacy .glyphicon {
    top: 0;
}

.navbar-default .navbar-top-wrapper {
    background-color: #3991d1;
}

.color-3991d1 .navbar-default .navbar-top-wrapper {
    background-color: #3991d1;
}

.color-c5161d .navbar-default .navbar-top-wrapper {
    background-color: #c5161d;
}

.color-a25c28 .navbar-default .navbar-top-wrapper {
    background-color: #a25c28;
}

.color-33ad3e .navbar-default .navbar-top-wrapper {
    background-color: #33ad3e;
}

.color-f16b08 .navbar-default .navbar-top-wrapper {
    background-color: #f16b08;
}

.navbar-default .navbar-brand {
    color: #ffffff;
    text-decoration: none;
    font-size: 20px;
    font-weight: bold;
    font-family: 'Titillium Web', sans-serif;
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: #ffffff;
}

.navbar-default .nav-right {
    position: absolute;
    top: 0;
    right: 0;
}

.navbar-default .navbar-toggle {
    margin: 0;
    padding: 10px 15px 10px 15px;
    border: none;
}

.navbar-default .navbar-toggle,
.navbar-default .nav > li > a {
    color: #ffffff;
}

.navbar-default .navbar-toggle,
.navbar-default .nav.navigation-user > li > a {
    padding-top: 13px;
    padding-bottom: 13px;
}

.navbar-default .nav.navigation-user > li {
    display: inline-block;
}

.navbar-default .navbar-toggle .glyphicon,
.navbar-default .nav.navigation-user > li > a > .glyphicon {
    font-size: 24px;
}

.navbar-default .nav > li > .dropdown-menu {
    left: auto;
    right: 0;
}

.navbar-default .nav > li > a:focus,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-toggle:focus {
    background-color: transparent;
}

.navbar-default .nav > li > a:hover,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-toggle:hover {
    /* color: #ffffff; */
    background-color: rgba(231, 231, 231, 0.25);
    text-decoration: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.navbar-default .toolbar-container {
    padding-top: 10px;
    padding-bottom: 0;
}

.navbar-default .nav.navigation-main > li > a {
    color: #333333;
    text-decoration: none;
    font-size: 13px;
}

.navbar-default .nav.navigation-main .dropdown:hover > .dropdown-menu {
    /* display: block; */
    margin-top: 0;
}

.navbar-default .nav.navigation-main .dropdown-menu {
    padding: 0;
    min-width: 170px;
}

.navbar-default .nav.navigation-main .dropdown-menu > li > a {
    color: #333333;
    text-decoration: none;
    font-size: 13px;
    padding: 5px 10px;
}

.navbar-default .nav.navigation-user .dropdown-menu {
    padding: 0;
    min-width: 175px;
}

.navbar-default .nav.navigation-user .dropdown-menu > li > a {
    color: #333333;
    text-decoration: none;
    font-size: 14px;
    padding: 5px 10px;
}

.navbar-default .nav.navigation-user .dropdown-menu > li > a .glyphicon {
    margin-right: 3px;
}

.navbar-default .nav > li > .dropdown-menu {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.navbar-default .nav > li > .dropdown-menu.multi-level {
    left: 0;
    right: auto;
}

.navbar-default .nav > li > .dropdown-menu.multi-level .dropdown-submenu {
    position: relative;
}

.navbar-default .nav > li > .dropdown-menu.multi-level .dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;

    margin-top: 0;
    margin-left: 0;

    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.navbar-default .nav > li > .dropdown-menu.multi-level .dropdown-submenu:hover > .dropdown-menu {
    /* display: block; */
}

.navbar-default .nav > li > .dropdown-menu.multi-level .dropdown-submenu > a:after {
    /* display: block; */
    content: " ";
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-right: 0;
    position: absolute;
    right: 5px;
    top: 10px;
}

.navbar-default .nav > li > .dropdown-menu.multi-level .dropdown-submenu:hover > a:after {
    border-left-color: #ccc;
}

.navbar-default .nav > li > .dropdown-menu.multi-level .dropdown-submenu.pull-left {
    float: none;
}

.navbar-default .nav > li > .dropdown-menu.multi-level .dropdown-submenu.pull-left > .dropdown-menu {
    left: -100%;
    margin-left: 10px;

    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.navbar-default .nav > li > .dropdown-menu .divider {
    margin-top: 0;
    margin-bottom: 0;
}

.navbar-default .nav > li > .dropdown-menu.multi-level hr {
    margin-top: 0;
    margin-bottom: 0;
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.navbar-default .nav > li .language-selector {
    padding: 5px 10px;
}

.navbar-default .nav > li .language-selector p {
    margin: 0 0 10px 0;
    color: #333333;
    font-size: 12px;
    font-weight: bold;
    border-bottom: 1px solid #eeeeee;
}

.navbar-default .nav > li .language-selector .language-icons {

}

.navbar-default .nav > li .language-selector .language-icons form {
    margin: 0;
}

.navbar-default .nav > li .language-selector .language-icons img {
    display: inline-block;
    width: 48px;
    margin-bottom: 3px;
    cursor: pointer;
}

.navbar-default .nav > li .language-selector .language-icons img.active {
    background-color: rgba(127, 178, 255, 0.5);
}

.navbar-default .nav > li .color-picker .color-picker-item {
    width: 48px;
    height: 30px;
    cursor: pointer;
}

.navbar-default .nav > li .color-picker .color-picker-item.active {
    background-color: rgba(127, 178, 255, 0.5);
}

.navbar-default .nav > li .color-picker .color-picker-item .color-picker-color {
    width: 38px;
    height: 20px;
}

.navbar-default .nav > li .user-info {
    padding: 5px 10px;
}

.navbar-default .nav > li .user-info p {
    margin: 0 0 0 0;
    color: #333333;
    font-size: 12px;
    font-weight: bold;
    border-bottom: 1px solid #eeeeee;
}

@media all and (min-width: 768px) {
    .navbar-default .nav.navigation-main .dropdown:hover > .dropdown-menu {
        display: block;
    }

    .navbar-default .nav > li > .dropdown-menu.multi-level .dropdown-submenu:hover > .dropdown-menu {
        display: block;
    }

    .navbar-default .nav > li > .dropdown-menu.multi-level .dropdown-submenu > a:after {
        display: block;
    }

    .navbar-nav > li > a {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .navbar-default .nav.navigation-main li.active-trail,
    .color-3991d1 .navbar-default .nav.navigation-main li.active-trail {
        background-color: rgba(57, 145, 209, 0.15);
    }

    .color-3991d1 .navbar-default .nav.navigation-main li:hover,
    .color-3991d1 .navbar-default .nav.navigation-main li a:hover {
        background-color: rgba(57, 145, 209, 0.15);
    }

    .color-c5161d .navbar-default .nav.navigation-main li.active-trail {
        background-color: rgba(197, 22, 29, 0.15);
    }

    .color-c5161d .navbar-default .nav.navigation-main li:hover,
    .color-c5161d .navbar-default .nav.navigation-main li a:hover {
        background-color: rgba(197, 22, 29, 0.15);
    }

    .color-a25c28 .navbar-default .nav.navigation-main li.active-trail {
        background-color: rgba(162, 92, 40, 0.15);
    }

    .color-a25c28 .navbar-default .nav.navigation-main li:hover,
    .color-a25c28 .navbar-default .nav.navigation-main li a:hover {
        background-color: rgba(162, 92, 40, 0.15);
    }

    .color-33ad3e .navbar-default .nav.navigation-main li.active-trail {
        background-color: rgba(51, 173, 62, 0.15);
    }

    .color-33ad3e .navbar-default .nav.navigation-main li:hover,
    .color-33ad3e .navbar-default .nav.navigation-main li a:hover {
        background-color: rgba(51, 173, 62, 0.15);
    }

    .color-f16b08 .navbar-default .nav.navigation-main li.active-trail {
        background-color: rgba(241, 107, 8, 0.15);
    }

    .color-f16b08 .navbar-default .nav > li a:hover,
    .color-f16b08 .navbar-default .navbar-nav > .active > a,
    .color-f16b08 .navbar-default .navbar-nav > .active > a:hover,
    .color-f16b08 .navbar-default .navbar-toggle:hover {
        background-color: rgba(241, 107, 8, 0.15);
    }
}

@media all and (max-width: 767px) {
    .navbar-default .navbar-collapse {
        background-color: #e7e7e7;
    }

    .navbar-default .navbar-collapse .nav > li > a,
    .navbar-default .navbar-collapse .nav > li > a:hover,
    .navbar-default .navbar-collapse .nav > li > a:focus {
        color: #2a2a2a;
    }

    .navbar-default .toolbar-container {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .navbar-default .navbar-collapse .nav {
        margin-top: 0;
        margin-bottom: 0;

        margin-top: auto;
        margin-bottom: auto;
    }

    .navbar-default .navbar-collapse .nav > li .dropdown-menu {
        /* display: block !important; */
        position: relative !important;
        left: auto !important;
        float: none !important;
        width: 100% !important;
        background-color: transparent !important;
        border: none !important;

        -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.175) !important;
        box-shadow: 0 0 0 rgba(0, 0, 0, 0.175) !important;
    }

    .navbar-default .navbar-collapse .nav > li {
        -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.175) !important;
        box-shadow: 0 0 0 rgba(0, 0, 0, 0.175) !important;
    }

    .navbar-default .navbar-collapse .nav > li a,
    .navbar-default .navbar-collapse .nav > li .dropdown-menu > li a,
    .navbar-default .navbar-collapse .nav > li .dropdown-menu > li .dropdown-menu > li a {
        font-size: 14px !important;
        font-weight: normal !important;
        padding: 10px !important;
    }

    .navbar-default .navbar-collapse .nav > li a {
        padding-left: 10px !important;
        border-bottom: 1px solid #cccccc;
    }

    .navbar-default .navbar-collapse .nav > li a span {
        float: right;
        margin-top: 8px;
    }

    .navbar-default .navbar-collapse .nav > li .dropdown-menu > li a {
        padding-left: 25px !important;
    }

    .navbar-default .navbar-collapse .nav > li .dropdown-menu > li .dropdown-menu > li a {
        padding-left: 50px !important;
    }

    .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
        max-height: 100%;
    }
}

@media all and (max-width: 480px) {
    .navbar-default .navbar-toggle, .navbar-default .nav.navigation-user > li > a {
        padding-left: 8px;
        padding-right: 8px;

        padding-top: 15px;
        padding-bottom: 15px;
    }

    .navbar-default .navbar-toggle .glyphicon, .navbar-default .nav.navigation-user > li > a > .glyphicon {
        font-size: 20px;
    }
}

#loginbox .panel {
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
}

#loginbox .panel-info {
    border-color: #3991d1;
}

#loginbox .panel-info > .panel-heading {
    color: #ffffff;
    background-color: #3991d1;
    border-color: #3991d1;
}

table tr.toggle-row {
    cursor: pointer;
}

table tr.hidden-row {
    display: none;
}

/** Bootstrap overrides... ends here. */

/** Helper div for JS. Do not remove it!. ... starts here. */

#mobile-indicator {
    display: none;
}

@media (max-width: 767px) {
    #mobile-indicator {
        display: block;
    }
}

/** Helper div for JS. Do not remove it!. ...ends here. */

.select2-container {
    width: 100% !important;
    /* max-width: 150px; */
}

p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    font-variant: normal;
    color: #3B3B3B;
    text-align: justify;
}

.kisszoveg {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: bold;
    font-variant: normal;
    color: #3B3B3B;
    text-align: justify;
}

.hiba {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #FF0000;
}

a {
    color: #1566AA;
    text-decoration: underline;
    font-weight: bold;
}

a:hover {
    color: #3A93DE;
    text-decoration: underline;
    font-weight: bold;
}

h1 {
    font-family: Impact, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    font-variant: normal;
    color: #1669AF;
    text-transform: uppercase;
}

.alcim {
    font-family: Tahoma, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    font-variant: normal;
    color: #1669AF;
}

.box_cim {
    font-family: Impact, Helvetica, sans-serif;
    background: url(kepek/box_cim_nyil.jpg) no-repeat;
    padding-left: 15px;
    margin-top: 5px;
    padding-bottom: 10px;
    font-size: 12px;
    font-weight: normal;
    font-variant: normal;
    color: #1669AF;
    text-transform: uppercase;
}

h3.box_cim {
    margin-bottom: 5px;
    padding-bottom: 0px;
}

.box_link {
    font-family: Tahoma, Helvetica, sans-serif;
    background: url(kepek/box_cim_nyil.jpg) no-repeat;
    padding-left: 15px;
    padding-bottom: 5px;
    margin-top: 5px;
    font-size: 11px;
    font-weight: normal;
    font-variant: normal;
    color: #1669AF;
}

.alaptabla {
    height: 100%;
    width: 95%;
}

.fejlecmenu {
    font-family: Verdana;
    font-size: 11px;
    font-weight: bold;
    padding: 1px;

    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.fejlecmenu-aktiv {
    font-family: Verdana;
    font-size: 11px;
    font-weight: bold;
    padding: 0px;
    background-color: #FF0000;
}

a.fejlecmenu-aktiv:link, a.fejlecmenu-aktiv:visited, a.fejlecmenu-aktiv:active {
    background-color: #FF0000;
    color: #FFFF00;
    text-decoration: none;
    font-weight: bold;
    /* background: url(kepek/fejlec_menu_alap.jpg) no-repeat; */
    /* background-color: #ECECEC; */
    /* width: 100%; height: 100%; padding-top: 1px; */
    display: block;
    text-align: center;
    padding: 1px 0px 1px 0px;
    height: 13px !important;
    height: 15px;
}

a.fejlecmenu:link, a.fejlecmenu:visited, a.fejlecmenu:active {
    color: #1669AF;
    text-decoration: none;
    font-weight: bold;
    background: url(kepek/fejlec_menu_alap.jpg) no-repeat;
    /* background-color: #ECECEC; */
    /* width: 100%; height: 100%; padding-top: 1px; */
    display: block;
    text-align: center;
    padding: 1px 0px 1px 0px;
    height: 13px !important;
    height: 15px;
}

a.fejlecmenu:hover {
    color: #1669AF;
    text-decoration: none;
    font-weight: bold;
    background: url(kepek/fejlec_menu_felett.jpg) no-repeat;
    /* background-color: #88BBDC; */
    /* width: 100%; height: 100%;	padding-top: 1px; */
    display: block;
    text-align: center;
    padding: 1px 0px 1px 0px;
    height: 13px !important;
    height: 15px;
}

/*Az oldalmen? nesze ;)*/

.oldalso-menu td {
    padding: 3px;
}

.oldalmenu {
    font-family: Verdana;
    font-size: 11px;
    font-weight: bold;
}

.oldalmenu:link, .oldalmenu:visited, .oldalmenu:active {
    text-decoration: none;
    background-color: #ECECEC;
    color: #1669AF;
    text-decoration: none;
    width: 100%;
    height: 100%;
    display: block;
    text-align: center;
    padding-top: 1px;
}

.oldalmenu:hover {
    text-decoration: none;
    background-color: #88BBDC;
    color: #1669AF;
    width: 100%;
    height: 100%;
    display: block;
    text-align: center;
    padding-top: 1px;
}

/* lenyithato menuk*/
tr.m0h {
}

.m0s td {
    padding: 3px 3px 1px 3px;
}

.m0s td a {
    border-left: 5px solid #336699;
    /* width: 115px !important; */
}

/* vezetoi modul menuje szelesebb */
.menu_v td a {
    width: 150px !important;
}

/* ***** */

.gomb {
    font-family: Tahoma;
    font-size: 11px;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    color: #fefefe;
    background-color: #1669AF;
    border: 1px #cfcfcf;
    padding: 1px;
    margin: 5px;
    cursor: hand;
}

.legordulo {
    font-family: Tahoma;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    color: #3B3B3B;
    background-color: white;
    border: 1px solid #cfcfcf;
}

.bevitel {
    font-family: Tahoma;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    color: #3B3B3B;
    background-color: white;
    border: 2px solid #cfcfcf;
}

.csekboksz {
    margin: 3px;
}

.radio {
    margin: 3px;
}

input:focus, textarea:focus {
    background-color: #eee;
}

input:disabled, input[readonly],
select:disabled, select[readonly] {
    background-color: #efefef !important;
}

/*Itt kovetkezik az okos tablazat...*/

.tabla {
    border: 2px solid #CAD7DF;
    padding: 0px 2px 2px;
    background: #fff;
}

.tabla_fejlec {
    border-top: 3px solid #CAD7DF;
    padding-bottom: 5px;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: #D9D9D9;
    letter-spacing: 1px;
}

.tabla_lablec {
    background: #F0F0F0 url(kepek/tablazat_lent.jpg) bottom repeat-x;
    height: 25px;
}

.tabla_cella, .tabla th {
    margin: 2px;
    padding: 2px;
    /*border-top: 1px none #D9D9D9;
    border-right: 1px solid #D9D9D9;*/
    border-bottom: 1px solid #D9D9D9;
    border-left: 1px solid #D9D9D9;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #333333;
    background-color: #FDFDFD;
}

.tabla_cella:last-child, .tabla th:last-child {
    border-right: 1px solid #D9D9D9;
}

.tabla_cella2 {
    margin: 2px;
    padding: 2px;
    /*border-top: 1px none #D9D9D9;
    border-right: 1px solid #D9D9D9;*/
    border-bottom: 1px solid #D9D9D9;
    border-left: 1px solid #D9D9D9;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #333333;
}

.tabla_cella_szurke {
    margin: 2px;
    padding: 2px;
    /*border-top: 1px none #D9D9D9;
    border-right: 1px solid #D9D9D9;*/
    border-bottom: 1px solid #D9D9D9;
    border-left: 1px solid #D9D9D9;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #333333;
    background-color: #ECECEC;
}

.tabla_cella > div {
    font-size: 11px;
}

.wapcella {
    margin: 2px;
    padding: 2px;
    /*border-top: 1px none #D9D9D9;
    border-right: 1px solid #D9D9D9;*/
    border-bottom: 1px solid #D9D9D9;
    border-left: 1px solid #D9D9D9;
    /* font-family: Arial, Verdana, Helvetica, sans-serif;	font-size: 10px; */
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: normal;
    color: #333333;
    background-color: #FDFDFD;
}

ul#mmenu { /* all lists */
    padding: 0;
    margin: 0;
    list-style: none;
    z-index: 10;
}

ul#mmenu li { /* all list items */
    text-decoration: none;
    color: #1669AF;
    background: url(kepek/fejlec_menu_alap.jpg) no-repeat;
    text-decoration: none;
    width: 100%;
    height: 100%;
    display: block;
    text-align: center;
    padding-top: 1px;
}

ul#mmenu li:hover {
    background: url(kepek/fejlec_menu_felett.jpg) no-repeat;
    text-decoration: none;
    color: #1669AF;
    width: 100%;
    height: 100%;
    display: block;
    text-align: center;
    padding-top: 1px;
}

ul#mmenu li ul { /* second-level lists */
    display: none;
    position: absolute;
    top: 15px;
    width: 120px;
    line-height: 13px;
    left: 0;
    background-color: #F3F3F3;
    font-size: 10px;
    font-weight: bold;
    text-align: left;
    border-top: 1px solid #999;
}

ul#mmenu li > ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
    top: auto;
    left: auto;
}

ul#mmenu li:hover ul, ul#mmenu li.over ul { /* lists nested under hovered list items */
    display: block;
}

.head_pagetitle {
    padding: 0px 0px 0px 15px;
    color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
}

.tr_elo0 td {
    background-color: #EEEEEE !important;
}

.tr_red td {
    color: #FFFFFF;
    background-color: #CC0000 !important;
}

.tr_green td {
    color: #FFFFFF;
    background-color: #00AA00 !important;
}

.inakvit {
    background-color: #EEEEEE !important;
}

.hidden {
    display: none;
}

.rowsel_table {
}

.rowsel_table .rowsel_tr td,
.rowsel_table > tbody tr:hover td {
    background-color: #95b6dA !important;
}

#mi_chat_mainframe {
    font-family: Arial, Helvetica, sans-serif;
    position: fixed;
    width: 250px;
    bottom: 0;
    left: 5px;
    border: 2px solid #CAD7DF;
    padding: 2px;
    background-color: #FCFCFC;
    -moz-box-shadow: 0px 15px 10px 1px gray;
    -webkit-box-shadow: 0px 5px 5px 10px gray;
    /* -moz-border-radius: 5px;
    -webkit-border-radius: 5px; */
}

#mi_chat_mainframe #title {
    background-color: #3991d1;
    color: #FFFFFF;
    padding: 2px 2px 2px 2px;
    font-size: 12px;
    font-weight: bold;
}

.color-3991d1 #mi_chat_mainframe #title {
    background-color: #3991d1;
}

.color-c5161d #mi_chat_mainframe #title {
    background-color: #c5161d;
}

.color-a25c28 #mi_chat_mainframe #title {
    background-color: #a25c28;
}

.color-33ad3e #mi_chat_mainframe #title {
    background-color: #33ad3e;
}

.color-f16b08 #mi_chat_mainframe #title {
    background-color: #f16b08;
}

#mi_chat_mainframe #content {
}

#mi_chat_mainframe #content #messages {
    height: 200px;
    overflow: auto;
}

#mi_chat_mainframe #content #messages #message {
    font-size: 11px;
    padding: 0px 2px 0px 2px;
}

#mi_chat_mainframe #content #messages #message .dt {
    font-weight: bold;
    color: #003366;
}

#mi_chat_mainframe #content #messages #message .username {
    font-weight: bold;
}

#mi_chat_mainframe #content #msg_outer {
    bottom: 0px;
    border-top: 1px solid #999999;
    background-color: #DDE3E6;
    padding: 1px 2px 1px 2px;
}

#mi_chat_mainframe #content #msg_input {
    width: 197px;
    height: 34px;
    margin: 0;
}

#mi_chat_mainframe button#msg_send {
    height: 34px;
    width: 40px;
    padding: 2px 2px 4px 0px;
    text-align: center;
    vertical-align: top;

    font-family: Tahoma;
    font-size: 11px;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    color: #fefefe;
    background-color: #1669AF;
    border: 1px #cfcfcf;
    cursor: hand;
    cursor: pointer;
    margin: 1px 0px 0px 1px;

}

@media print {
    #mi_chat_mainframe {
        display: none;
    }

    .not_printable {
        display: none;
    }

    .tableFloatingHeader {
        display: none;
    }
}

.tbody_szinez:nth-child(odd) td {
    background-color: #FF6633;
}

.tbody_szinez:nth-child(even) td {
    background-color: #6699EE;
}

.taposszdo {
    width: 100%;
    padding: 0;
    border: none;
}

.taposszdo .tabla_cella {
    padding: 0 5px;
    min-width: 100px;
}

td.gazo {
    padding: 5px 10px;
}

td.gazosszresz {
    padding: 5px 10px;
    font-weight: bold;
    background: #F2F2F2;
}

td.gazossz {
    padding: 5px 10px;
    font-weight: bold;
    background: #E9E9E9;
}

.tr_tap:hover {
    cursor: pointer;
}

.clearfix:after {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}

.topdt.clearfix {
    margin-bottom: 3px;
}

.bottomdt.clearfix {
    margin-top: 5px;
}

/* .ui-button:hover, .ui-button:hover > span{ */
.ui-button.ui-state-hover {
    background-color: rgb(22, 105, 175) !important;
    color: #FFF;
}

.dt-button.ui-button.ui-state-default.ui-button-text-only.buttons-columnVisibility.ui-state-active {
    background: #FFF;
}

.dt-button.ui-button.ui-state-default.ui-button-text-only.buttons-columnVisibility {
    background: #CCC;
}

.datatabla_cont {
    margin-top: 20px;
    padding: 0 5px 5px 5px;
    border: 2px solid rgb(202, 215, 223);
}

.rmar5 {
    margin-right: 5px;
}

.rmar10 {
    margin-right: 10px;
}

.rmar15 {
    margin-right: 15px;
}

.rmar20 {
    margin-right: 20px;
}

.rmar25 {
    margin-right: 25px;
}

.rmar30 {
    margin-right: 30px;
}

.lmar5 {
    margin-left: 5px;
}

.lmar10 {
    margin-left: 10px;
}

.lmar15 {
    margin-left: 15px;
}

.lmar20 {
    margin-left: 20px;
}

.lmar25 {
    margin-left: 25px;
}

.lmar30 {
    margin-left: 30px;
}

.tmar5 {
    margin-top: 5px;
}

.tmar10 {
    margin-top: 10px;
}

.tmar15 {
    margin-top: 15px;
}

.tmar20 {
    margin-top: 20px;
}

.tmar25 {
    margin-top: 25px;
}

.tmar30 {
    margin-top: 30px;
}

.bmar5 {
    margin-bottom: 5px;
}

.bmar10 {
    margin-bottom: 10px;
}

.bmar15 {
    margin-bottom: 15px;
}

.bmar20 {
    margin-bottom: 20px;
}

.bmar25 {
    margin-bottom: 25px;
}

.bmar30 {
    margin-bottom: 30px;
}

.tac {
    text-align: center;
}

.tal {
    text-align: left;
}

.tar {
    text-align: right;
}

.cdTable {
    border: 1px solid #CCC;
}

.cdTable tr td {
    border-bottom: 1px solid #CCC;
    border-right: 1px solid #CCC;
}

.cdTable tr:last-child td {
    border-bottom: none;
}

.cdTable tr td:last-child {
    border-right: none;
}

.cdTable tbody tr:first-child td {
    border-top: 1px solid #CCC;
}

table.dataTable tbody th, table.dataTable tbody td {
    padding: 2px 4px !important;
}

table.dataTable thead th, table.dataTable thead td {
    padding: 2px 18px !important;
}

.rborder {
    border-right: 2px solid #AAA !important;
}

.fixedcolcont {
    position: relative;
}

.fixedcoltemp {
    position: absolute;
    top: 28px;
    left: 2px;
    padding: 0px 2px 2px;
}

.fixedcol tr .tabla_cella, .fixedcoltemp tr .tabla_cella {
    padding: 2px 4px;
}

.fixedcol tbody tr .tabla_cella, .fixedcoltemp tbody tr .tabla_cella {
    line-height: 1;
    white-space: nowrap;
}

tr.csophullerr td {
    background: #ffafaf;
}

.div_megadott {
    display: none;
}

.btn_print_img {
    background: url(/kepek/btn_print_img.png) no-repeat;
    background-position: center center;
    cursor: pointer;
    cursor: hand;
    width: 20px;

    height: 20px !important;
    display: inline;
    border: 0 !important;
    padding: 2px 0 0 0;
    margin: 0;
    vertical-align: middle;
    text-indent: -9999px;
}

.btn_submit_img {
    background: url(../kepek/btn_submit_img.png) no-repeat;
    background-position: center center;
    cursor: pointer;
    cursor: hand;
    width: 20px;

    height: 20px !important;
    display: inline;
    border: 0 !important;
    padding: 2px 0 0 0;
    margin: 0;
    vertical-align: middle;
    text-indent: -9999px;
}

/* img2 big colored touchscreen buttons */
.btn_submit_img,
.btn_submit_2_img {
    background: #66BB66 url(kepek/btn_submit_2_img.png) no-repeat;
    background-position: center center;
    cursor: pointer;
    cursor: hand;
    width: 28px;

    height: 28px !important;
    display: inline;
    border: 1px solid #666666 !important;
    padding: 2px 0 0 0;
    margin: 0;
    vertical-align: middle;
    text-indent: -9999px;
}

.btn_print_img,
.btn_print_2_img {
    background: #E0E0E0 url(kepek/btn_print_img.png) no-repeat;
    background-position: center center;
    cursor: pointer;
    cursor: hand;
    width: 28px;

    height: 28px !important;
    display: inline;
    border: 1px solid #666666 !important;
    padding: 2px 0 0 0;
    margin: 0;
    vertical-align: middle;
    text-indent: -9999px;
}

.btn_delete_2_img {
    background: #EE6666 url(kepek/btn_delete_img.png) no-repeat;
    background-position: center center;
    cursor: pointer;
    cursor: hand;
    width: 28px;

    height: 28px !important;
    display: inline;
    border: 1px solid #666666 !important;
    padding: 2px 0 0 0;
    margin: 0;
    vertical-align: middle;
    text-indent: -9999px;
}

.btn_modify_2_img {
    background: #6699EE url(kepek/btn_modify_img.png) no-repeat;
    background-position: center center;
    cursor: pointer;
    cursor: hand;
    width: 28px;

    height: 28px !important;
    display: inline;
    border: 1px solid #666666 !important;
    padding: 2px 0 0 0;
    margin: 0;
    vertical-align: middle;
    text-indent: -9999px;
}

.btn_view_2_img {
    background: #66BB66 url(kepek/btn_modify_img.png) no-repeat;
    background-position: center center;
    cursor: pointer;
    cursor: hand;
    width: 28px;

    height: 28px !important;
    display: inline;
    border: 1px solid #666666 !important;
    padding: 2px 0 0 0;
    margin: 0;
    vertical-align: middle;
    text-indent: -9999px;
}

.btn_new_2_img {
    background: #FFAA33 url(kepek/btn_new_img.png) no-repeat;
    background-position: center center;
    cursor: pointer;
    cursor: hand;
    width: 28px;

    height: 28px !important;
    display: inline;
    border: 1px solid #666666 !important;
    padding: 2px 0 0 0;
    margin: 0;
    vertical-align: middle;
    text-indent: -9999px;
}

.btn_save_2_img {
    background: #66BB66 url(kepek/btn_save_2_img.png) no-repeat;
    background-position: center center;
    cursor: pointer;
    cursor: hand;
    width: 28px;

    height: 28px !important;
    display: inline;
    border: 1px solid #666666 !important;
    padding: 2px 0 0 0;
    margin: 0;
    vertical-align: middle;
    text-indent: -9999px;
}

.btn_balance_2_img {
    background: #FFEE66 url(kepek/btn_balance_2_img.png) no-repeat;
    background-position: center center;
    cursor: pointer;
    cursor: hand;
    width: 28px;

    height: 28px !important;
    display: inline;
    border: 1px solid #666666 !important;
    padding: 2px 0 0 0;
    margin: 0;
    vertical-align: middle;
    text-indent: -9999px;
}

.btn_back_2_img {
    background: #EE6666 url(kepek/btn_back_2_img.png) no-repeat;
    background-position: center center;
    cursor: pointer;
    cursor: hand;
    width: 28px;

    height: 28px !important;
    display: inline;
    border: 1px solid #666666 !important;
    padding: 2px 0 0 0;
    margin: 0;
    vertical-align: middle;
    text-indent: -9999px;
}

.btn_back2_2_img {
    background: #FFEE66 url(kepek/btn_back_2_img.png) no-repeat;
    background-position: center center;
    cursor: pointer;
    cursor: hand;
    width: 28px;

    height: 28px !important;
    display: inline;
    border: 1px solid #666666 !important;
    padding: 2px 0 0 0;
    margin: 0;
    vertical-align: middle;
    text-indent: -9999px;
}

.btn_forward_2_img {
    background: #FFEE66 url(kepek/btn_forward_2_img.png) no-repeat;
    background-position: center center;
    cursor: pointer;
    cursor: hand;
    width: 28px;

    height: 28px !important;
    display: inline;
    border: 1px solid #666666 !important;
    padding: 2px 0 0 0;
    margin: 0;
    vertical-align: middle;
    text-indent: -9999px;
}

.btn_filter_2_img {
    background: #FFEE66 url(kepek/btn_filter_2_img.png) no-repeat;
    background-position: center center;
    cursor: pointer;
    cursor: hand;
    width: 28px;

    height: 28px !important;
    display: inline;
    border: 1px solid #666666 !important;
    padding: 2px 0 0 0;
    margin: 0;
    vertical-align: middle;
    text-indent: -9999px;
}

.btn_active_2_img {
    background: #AACC66 url(kepek/btn_active_2_img.png) no-repeat;
    background-position: center center;
    cursor: pointer;
    cursor: hand;
    width: 28px;

    height: 28px !important;
    display: inline;
    border: 1px solid #666666 !important;
    padding: 2px 0 0 0;
    margin: 0;
    vertical-align: middle;
    text-indent: -9999px;
}

.btn_inactive_2_img {
    background: #AACC66 url(kepek/btn_active_2_img.png) no-repeat;
    background-position: center center;
    cursor: pointer;
    cursor: hand;
    width: 28px;

    height: 28px !important;
    display: inline;
    border: 1px solid #666666 !important;
    padding: 2px 0 0 0;
    margin: 0;
    vertical-align: middle;
    text-indent: -9999px;
}

.btn_copy_2_img {
    background: #E0E0E0 url(kepek/btn_copy_2_img.png) no-repeat;
    background-position: center center;
    cursor: pointer;
    cursor: hand;
    width: 28px;

    height: 28px !important;
    display: inline;
    border: 1px solid #666666 !important;
    padding: 2px 0 0 0;
    margin: 0;
    vertical-align: middle;
    text-indent: -9999px;
}

.btn_refresh_2_img {
    background: #E0E0E0 url(kepek/btn_refresh_2_img.png) no-repeat;
    background-position: center center;
    cursor: pointer;
    cursor: hand;
    width: 28px;

    height: 28px !important;
    display: inline;
    border: 1px solid #666666 !important;
    padding: 2px 0 0 0;
    margin: 0;
    vertical-align: middle;
    text-indent: -9999px;
}

.btn_email_2_img {
    background: #E0E0E0 url(kepek/btn_email_2_img.png) no-repeat;
    background-position: center center;
    cursor: pointer;
    cursor: hand;
    width: 28px;

    height: 28px !important;
    display: inline;
    border: 1px solid #666666 !important;
    padding: 2px 0 0 0;
    margin: 0;
    vertical-align: middle;
    text-indent: -9999px;
}

.btn_graph_2_img {
    background: #E0E0E0 url(kepek/btn_graph_2_img.png) no-repeat;
    background-position: center center;
    cursor: pointer;
    cursor: hand;
    width: 28px;

    height: 28px !important;
    display: inline;
    border: 1px solid #666666 !important;
    padding: 2px 0 0 0;
    margin: 0;
    vertical-align: middle;
    text-indent: -9999px;
}

.btn_export_2_img {
    background: #E0E0E0 url(kepek/btn_export_2_img.png) no-repeat;
    background-position: center center;
    cursor: pointer;
    cursor: hand;
    width: 28px;

    height: 28px !important;
    display: inline;
    border: 1px solid #666666 !important;
    padding: 2px 0 0 0;
    margin: 0;
    vertical-align: middle;
    text-indent: -9999px;
}

.btn_import_2_img {
    background: #E0E0E0 url(kepek/btn_import_2_img.png) no-repeat;
    background-position: center center;
    cursor: pointer;
    cursor: hand;
    width: 28px;

    height: 28px !important;
    display: inline;
    border: 1px solid #666666 !important;
    padding: 2px 0 0 0;
    margin: 0;
    vertical-align: middle;
    text-indent: -9999px;
}

.btn_creditcard_2_img {
    background: #E0E0E0 url(kepek/btn_creditcard_2_img.png) no-repeat;
    background-position: center center;
    cursor: pointer;
    cursor: hand;
    width: 28px;

    height: 28px !important;
    display: inline;
    border: 1px solid #666666 !important;
    padding: 2px 0 0 0;
    margin: 0;
    vertical-align: middle;
    text-indent: -9999px;
}

.btn_reset_2_img {
    background: #E0E0E0 url(kepek/btn_reset_2_img.png) no-repeat;
    background-position: center center;
    cursor: pointer;
    cursor: hand;
    width: 28px;

    height: 28px !important;
    display: inline;
    border: 1px solid #666666 !important;
    padding: 2px 0 0 0;
    margin: 0;
    vertical-align: middle;
    text-indent: -9999px;
}

input[name="btn_tap_lezaras"],
.btn_lock_2_img {
    background: #E0E0E0 url(kepek/btn_lock_2_img.png) no-repeat;
    background-position: center center;
    cursor: pointer;
    cursor: hand;
    width: 28px;

    height: 28px !important;
    display: inline;
    border: 1px solid #666666 !important;
    padding: 2px 0 0 0;
    margin: 0;
    vertical-align: middle;
    text-indent: -9999px;
}

.btn_unlock_2_img {
    background: #E0E0E0 url(kepek/btn_unlock_2_img.png) no-repeat;
    background-position: center center;
    cursor: pointer;
    cursor: hand;
    width: 28px;

    height: 28px !important;
    display: inline;
    border: 1px solid #666666 !important;
    padding: 2px 0 0 0;
    margin: 0;
    vertical-align: middle;
    text-indent: -9999px;
}

.btn_planer_2_img {
    background: #E0E0E0 url(kepek/btn_planer_2_img.png) no-repeat;
    background-position: center center;
    cursor: pointer;
    cursor: hand;
    width: 28px;

    height: 28px !important;
    display: inline;
    border: 1px solid #666666 !important;
    padding: 2px 0 0 0;
    margin: 0;
    vertical-align: middle;
    text-indent: -9999px;
}

.btn_pig_2_img {
    background: #E0E0E0 url(kepek/btn_pig_2_img.png) no-repeat;
    background-position: center center;
    cursor: pointer;
    cursor: hand;
    width: 28px;

    height: 28px !important;
    display: inline;
    border: 1px solid #666666 !important;
    padding: 2px 0 0 0;
    margin: 0;
    vertical-align: middle;
    text-indent: -9999px;
}

.btn_pseudo_2_img {
    background-color: #AABBCC;
    cursor: pointer;
    cursor: hand;
    width: 28px;

    height: 28px !important;
    display: inline;
    border: 1px solid #666666 !important;
    padding: 0;
    margin: 0;
    vertical-align: middle;
    text-align: center;
}

table.as_datatable thead th {
    /* background: transparent !important; */
}

table.as_datatable thead span.sort_icon {
    display: inline-block;
    padding-right: 18px;
    width: 16px;
    height: 16px;
}

table.dataTable thead tr,
table.dataTable thead tr.nopadding th,
.nopadding,
.nopadding tr,
.nopadding th,
.nopadding td {
    padding: 0px;
    padding: 0px !important;
    margin: 0px;
    margin: 0px !important;
}

table.dataTable form {
    padding: 0;
    margin: 0;
}

table.table_admin_675 {
    width: 675px;
}

table.table_admin_675 td.col_label {
    width: 245px;
}

table.table_admin_675 td.col_field,
table.table_admin_675 td.col_field_0 {
    width: 430px;
}

table.table_admin_675 td.col_field input[type="text"],
table.table_admin_675 td.col_field select {
    width: 430px;
    width: 430px !important;
}

.ta_memo {
    width: 430px;
    height: 50px;
}

table.table_adminlist_675 {
    width: 675px;
    width: 675px !important;
}

table.table_adminlist_1150 {
    width: 1150px;
    width: 1150px !important;
}

/* Toolbar buttons - starts here... */

.toolbar-container ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.toolbar-container ul li {
    display: inline-block;
    width: 45px;
    text-align: center;
}

.toolbar-container ul li button {
    width: 40px;
    height: 28px;
}

.toolbar-container .ui-sortable-helper {
    width: 40px !important;
    height: 28px !important;
}

.toolbar-container .ui-sortable-placeholder {
    height: 1px;
}

/* Toolbar buttons - ends here... */

.muvelet_select {
    font-size: 16px;
    font-weight: bold;
}

.no-margin {
    margin: 0 0 0 0 !important;
}

.no-padding {
    padding: 0 0 0 0 !important;
}

input[type="radio"], input[type="checkbox"] {
    width: 12px;
    height: 12px;
}


div#calendar{
  margin:0px auto;
  padding:0px;
  width: 602px;
  font-family:Helvetica, "Times New Roman", Times, serif;
}
 
div#calendar div.box{
    position:relative;
    top:0px;
    left:0px;
    width:100%;
    height:40px;
    background-color:   #787878 ;      
}
 
div#calendar div.header{
    line-height:40px;  
    vertical-align:middle;
    position:absolute;
    left:11px;
    top:0px;
    width:582px;
    height:40px;   
    text-align:center;
}
 
div#calendar div.header a.prev,div#calendar div.header a.next{ 
    position:absolute;
    top:0px;   
    height: 17px;
    display:block;
    cursor:pointer;
    text-decoration:none;
    color:#FFF;
}
 
div#calendar div.header span.title{
    color:#FFF;
    font-size:18px;
}
 
 
div#calendar div.header a.prev{
    left:0px;
}
 
div#calendar div.header a.next{
    right:0px;
}
 
 
 
 
/*******************************Calendar Content Cells*********************************/
div#calendar div.box-content{
    border:1px solid #787878 ;
    border-top:none;
}
 
 
 
div#calendar ul.label{
    float:left;
    margin: 0px;
    padding: 0px;
    margin-top:5px;
    margin-left: 5px;
}
 
div#calendar ul.label li{
    margin:0px;
    padding:0px;
    margin-right:5px;  
    float:left;
    list-style-type:none;
    width:80px;
    height:40px;
    line-height:40px;
    vertical-align:middle;
    text-align:center;
    color:#000;
    font-size: 15px;
    background-color: transparent;
}
 
 
div#calendar ul.dates{
    float:left;
    margin: 0px;
    padding: 0px;
    margin-left: 5px;
    margin-bottom: 5px;
}
 
/** overall width = width+padding-right**/
div#calendar ul.dates li{
    margin:0px;
    padding:0px;
    margin-right:5px;
    margin-top: 5px;
    line-height:80px;
    vertical-align:middle;
    float:left;
    list-style-type:none;
    width:80px;
    height:80px;
    font-size:25px;
    background-color: #DDD;
    color:#000;
    text-align:center; 
}
 
:focus{
    outline:none;
}
 
div.clear{
    clear:both;
}     

#szunnap_tabla td{
    width: 100px !important;
}