body{
    margin-right: 6px;
}

/* alap szoveg szin teljesen fekete legyen, nem szurke */
body,
.dataTables_wrapper > div label,
.table-bordered > thead > tr > th, .table-bordered > thead > tr > td,
.table-bordered > tfoot > tr > th, .table-bordered > tfoot > tr > td,
.dataTables_wrapper > div.dataTables_length, .dataTables_wrapper > div.dataTables_filter, .dataTables_wrapper > div.dataTables_info, .dataTables_wrapper > div.dataTables_processing, .dataTables_wrapper > div.dataTables_paginate,
.profile-info.dropdown > a,
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus,
.nav-tabs > li > a, .nav-tabs > li > a:hover, .nav-tabs > li > a:focus,
.btn-default, .form-control, pre,
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6,
.cd-breadcrumb.triangle li > *
{
    color: #000 !important;
}
.panel-title{ /* ez felulbiralhato kell maradjon */
    color: #000;
}

.login-page .login-form .form-group .input-group .form-control{
    color: #fff !important;
}

hr{
    border-color: #bbb;
}
h1, .h1, h2, .h2, h3, .h3{
    margin-bottom: 25px;
}
.modal-header{
    border-bottom: 1px solid #bbb;
}
.modal-footer{
    border-top:  1px solid #bbb;
}
footer.main{
    border-top: 1px solid #bbb;
}
.max_szelesseg_korlat, .max_szelesseg_korlat1000{
    max-width: 1000px;
}
.max_szelesseg_korlat900{
    max-width: 900px;
}
.max_szelesseg_korlat800{
    max-width: 800px;
}
.max_szelesseg_korlat700{
    max-width: 700px;
}
.max_szelesseg_korlat600{
    max-width: 600px;
}
.center{
    text-align: center;
}
.right{
    text-align: right;
}
.bold{
    font-weight: bold;
}

.select2{
    visibility: visible;
}
/* egyeb third-party hack */
.select2-container .select2-choice > .select2-chosen{
    margin-right: 54px !important;
}
/* majdnem jo csak a szelesseget nem lehet utana allitani, ezert igy kilog a vege
li.select2-results__option {
  white-space: nowrap;
}
.select2-result-label {
    white-space: nowrap;
}
.select2-results li:nth-child(odd){
    background-color: #e8e8e8 !important;
}
.dataTables_wrapper .select2-results li:hover, .dataTables_wrapper .select2-results li.select2-highlighted, .dataTables_wrapper .select2-results li:nth-child(odd):hover{
    background-color: #C4C4C4 !important;
}
.select2-results li:nth-child(even){
    background-color: yellow !important;
}*/

.dataTables_wrapper,
.dataTables_wrapper > div input[type="text"], .dataTables_wrapper > div input[type="search"], .dataTables_wrapper > div input[type="numbeer"],
.page-body .select2-drop,
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td,
.dataTables_wrapper .dataTables_paginate
{
    border: 1px solid #bbb;
}
.table-bordered > thead > tr > th:first-child,
.table-bordered > tbody > tr > td:first-child,
.table-bordered > tfoot > tr > th:first-child
{
    border-left: 1px solid #bbb !important;
}
.table-bordered > thead > tr > th:last-child,
.table-bordered > tbody > tr > td:last-child,
.table-bordered > tfoot > tr > th:last-child
{
    border-right: 1px solid #bbb !important;
}
.page-body .select2-drop .select2-search .select2-result-selectable:hover,
.page-body .select2-drop .select2-results .select2-result-selectable:hover,
.page-body .select2-drop .select2-search .select2-result-selectable.select2-highlighted,
.page-body .select2-drop .select2-results .select2-result-selectable.select2-highlighted,
.page-body .select2-drop .select2-search .select2-result-selectable.select2-highlighted .select2-result-label,
.page-body .select2-drop .select2-results .select2-result-selectable.select2-highlighted .select2-result-label,
.table-bordered > thead > tr > th, .table-bordered > thead > tr > td,
.table-bordered > tfoot > tr > th, .table-bordered > tfoot > tr > td
{
    background: #e8e8e8;
}
.page-body .select2-drop .select2-search input,
.page-body .select2-drop .select2-search .select2-input{
    background: #e8e8e8 !important;
}
.page-body .select2-container .select2-choice{
    border-color: #bbb !important;
}
.page-body .select2-container .select2-choice .select2-arrow{
    border-left: 1px solid #bbb;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.previous,
.dataTables_wrapper .dataTables_paginate span .paginate_button
{
    border-right: 1px solid #bbb !important;
}
.table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td,
.table > caption + tfoot > tr:first-child > th, .table > colgroup + tfoot > tr:first-child > th, .table > tfoot:first-child > tr:first-child > th, .table > caption + tfoot > tr:first-child > td, .table > colgroup + tfoot > tr:first-child > td, .table > tfoot:first-child > tr:first-child > td,
table.dataTable tfoot th, table.dataTable tfoot td
{
    border-top: 1px solid #bbb !important;

}
table.dataTable tfoot th, table.dataTable tfoot td{
    border-bottom: 1px solid #bbb !important;
}

.dataTables_wrapper{
    padding: 20px;
}
.dataTables_length{
    padding: 0 !important;
    margin-bottom: 5px;
}
.dataTables_wrapper > div .select2-container{
    margin: 0;
    min-width: 110px;
}
.dataTables_wrapper > div.dataTables_filter{
    padding: 10px 0;
}
.dataTables_wrapper .dataTables_info{
    padding: 0 18px 0 0;
}
.dataTables_wrapper .dataTables_paginate{
    margin: 10px 0 0 10px;
}
.datatable{
    width: 100% !important;
}
.dataTables_wrapper > div.dtbtnfent{
    float: left;
    padding: 0px;
    margin-bottom: 5px;
}
.dataTables_wrapper > table.dataTable .sorting_disabled{
    padding-left: 18px;
}
.tblbtntobbsor{
    padding-top: 0px !important;
}
th.tblbtntobbsor{
    padding-top: 8px !important;
}
.tblbtntobbsor button, .tblbtntobbsor img{
    margin: 8px 3px 0;
}
.tblcellnowrap{
    white-space: nowrap;
}

.page-container .sidebar-menu .logo-env{
    padding: 10px;
}
.page-container .sidebar-menu .logo-env .logo{
    padding-left: 55px;
}
.page-container .sidebar-menu .logo-env .logo img{
    height: 100px;
}
.page-container .sidebar-menu .logo-env .sidebar-collapse{
    padding-top: 40px;
}
.page-container .sidebar-menu .logo-env .sidebar-mobile-menu{
    padding-top: 30px;
}
.page-container.sidebar-collapsed .sidebar-menu .logo-env .logo{
    display: none !important;
}
/*.page-container.sidebar-collapsed .sidebar-menu .logo-env .sidebar-collapse{
    padding-top: 25px !important;
}*/
/*ha kisebb mint 768px*/
@media (max-width: 768px) {
    .page-container .sidebar-menu .logo-env .logo img{
        height: 28px;
    }
    .page-container .sidebar-menu .logo-env .logo{
        padding-left: 0px;
    }
    .page-container .sidebar-menu .logo-env .sidebar-mobile-menu{
        padding-top: 0px;
    }
    .page-body .page-container .sidebar-menu .logo-env{
        padding: 20px;
    }
}

.page-container .sidebar-menu #main-menu li a{
    color: #c1c1c1;
}
.page-container .sidebar-menu #main-menu li.has-sub:has(ul li.active) > a span{
    text-decoration: underline;
}
.page-container .sidebar-menu #main-menu li.active > a{
    font-weight: bold;
}
.page-container .sidebar-menu #main-menu li.active > a span{
    text-decoration: none !important;
}

.panel-default, .panel-primary, .panel-primary > .panel-heading{
    border-color: #bbb;
}

.panel-default > .panel-heading,
.btn-default
{
    background-color: #e8e8e8;
    border-color: #bbb;
}
.btn-hasznalt{
    background-color: #bbb;
    border-color: #888;
}
.btn-hasznalt:hover, .btn-hasznalt:focus{
    background-color: #888;
    border-color: #555;
}
.btn-blue-negativ, .btn-blue-negativ:hover, .btn-blue-negativ:focus{
    color: #0072bc !important;
    background-color: #fff !important;
    cursor: default;
}
.btn-blue-negativ.disabled{
    cursor: default;
    opacity: 1;
}

.form-control{
    border: 1px solid #bbb;
}
.form-control:focus{
    border-color: #000;
}
.form-groups-bordered > .form-group, .form-groups-bordered .form-group {
  border-bottom: 1px solid #bbb;
  padding-bottom: 15px;
  padding-top: 15px;
  margin-bottom: 0px;
}
.form-groups-bordered > .form-group:first-child, .form-groups-bordered .form-group:first-child {
  padding-top: 0;
}
.form-groups-bordered > .form-group:last-child, .form-groups-bordered .form-group:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}

.form-horizontal .form-group{
    margin-left: -5px;
    margin-right: -5px;
}

.input-group-btn-maskepp{
    display: table-cell;
    margin: 8px 5px 6px 0px;
}

.span-help-info{
    color: #777;
    font-style: italic;
    display: inline !important;
    font-weight: normal !important;
}

/* urlap finomitasok eleje */

.span-tooltip{
    color: red;
}

.span-bold{
    font-weight: bold;
}

.div-behuzas-1{
    padding-left: 15px;
}

.div-behuzas-2{
    padding-left: 30px;
}

.div-behuzas-3{
    padding-left: 45px;
}

.div-behuzas-4{
    padding-left: 60px;
}

.div-behuzas-5{
    padding-left: 75px;
}

.span-input-txt-utan{
    float: left;
    margin: 8px 5px 6px 5px;
    white-space: nowrap;
}

.form-element-alatt{
    margin-top: 10px;
}

.margin-top-nulla{
    margin-top: 0px;
}
.margin-top-10{
    margin-top: 10px;
}

.form-hr{
    margin-bottom: 10px;
}

.div-span-txt{}
.div-span-txt span:not(.input-group-btn){
    display: block;
    font-weight: bold;
    margin-top: 8px;
}
.div-span-txt input{
    font-weight: normal;
}

.div-span-2txt{}
.div-span-2txt span:not(.input-group-btn){
    display: block;
    font-weight: bold;
    margin-top: 8px;
}
.div-span-2txt input{
    font-weight: normal;
}

.csak_span{
    margin-top: 8px;
    display: inline-block;
}

.div-span-select-span{
    display: block;
    font-weight: bold;
    margin-top: 8px;
}
.div-span-select-span-utan{
    margin-top: 3px;
}
.div-span-select-gombspan-utan{
    margin-top: 0px;
}

.div-span-select-float{
    float: left;
    margin: 6px 10px 0 0;
}
.div-span-select-float span{
    display: block;
    font-weight: bold;
}
.div-span-select-float select{
    margin-top: 4px;
}

.div-spanbtn-select-float{
    float: left;
    margin: 6px 10px 0 0;
}
.div-spanbtn-select-float span{
    display: block;
    font-weight: bold;
}
.div-spanbtn-select-float select{
    margin-top: 4px;
}

.div-radio-egymas-utan{
    float: left;
    margin-right: 20px;
}
.div-radio-egymas-utan-utolso{
    margin-right: 0px;
}

.div-span-radio-nofloat{
    margin-top: 10px;
}
.div-span-radio-nofloat span{
    font-weight: bold;
    display: block;
}
.div-span-radio-nofloat-element{
    float: left;
    margin-right: 15px;
    margin-top: 0px !important;
}
.div-span-radio-nofloat-element-last{
    float: left;
    margin-top: 0px !important;
}

.div-span-radio{
    float: left;
    margin-top: 6px;
}
.div-span-radio span{
    font-weight: bold;
    display: block;
}
.div-span-radio-element{
    float: left;
    margin-right: 15px;
    margin-top: 5px !important;
}
.div-span-radio-element-last{
    float: left;
    margin-top: 5px !important;
}

.div-span-span-radio-elso-span{
    float: left;
    margin: 7px 15px 6px 0px;
}
.div-span-span-radio-extra-kerdes{
    float: left;
    margin: 7px 5px 6px 10px;
}
.div-span-span-radio-extra-kerdes-txt{
    float: left;
    width: 60px !important;
}
.div-span-span-radio-div{
    float: left;
    margin-right: 15px;
    margin-bottom: 6px;
}
.div-span-span-radio-div-utolso-elem{
    float: left;
    margin-bottom: 6px;
}
.div-span-span-radio-div-utolso-sor{
    float: left;
    margin-right: 15px;
}
.div-span-span-radio-div-utolso-sor-elem{
    float: left;
}

.div-span-info{
    margin-bottom: 5px;
    display: inline-block;
}
.div-span-total-div{
    margin-top: 5px;
}
.div-div-checkbox{
    margin-top: 2px;
    min-height: 10px;
}
.div-nested-button{
    width: 34px;
}
.div-nested-input-dupla{
    width: 80px !important;
}
.div-nested-span-input-kozott{
    float: left;
    margin: 8px 5px 6px 5px;
}

.radio-szoveg-nelkul input[type="radio"], .radio-inline-szoveg-nelkul input[type="radio"], .checkbox-szoveg-nelkul input[type="checkbox"], .checkbox-inline-szoveg-nelkul input[type="checkbox"]{
    margin-left: 0px;
}

.checkbox-radio-top2 .radio label input, .checkbox-radio-top2 .checkbox label input{
    top: -2px;
}

.top2-mellett-float{
    margin-top: 3px;
    float: left;
}

/* urlap finomitasok vege */

.datatable_szinminta{
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 1px solid black;
}

.csoport_sotet{
    border: 1px solid #888;
    margin: 10px 0;
    padding: 5px;
}

.nav-tabs > li{
    margin-top: 3px;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{
    border: 1px solid #888; /*#bbb*/
}
.nav-tabs, .nav-tabs > li > a, .nav-tabs > li > a:hover, .nav-tabs > li > a:focus{
    border-bottom: 1px solid #bbb;
}
.nav-tabs.bordered + .tab-content{
    border-color: #bbb;
}

.popover{
    width: 300px;
}

/* modal alert legyen kozepen, de csak az, a sima modal marad fent */
[id^=div_modal_alert].modal{
     text-align: center;
}
[id^=div_modal_alert].modal::before {
     content: "";
     display: inline-block;
     height: 100%;
     margin-right: -4px;
     vertical-align: middle;
}
[id^=div_modal_alert] .modal-dialog {
     display: inline-block;
     text-align: left;
     vertical-align: middle;
}

.entypo-sajat{
    margin-left: 0.5em;
    margin-right: 0.4em;
}

/* <button type="button" class="btn btn-success" id="btn_ment-dindivurlap" onclick="javascript:aaa();" style="margin-top: 15px;"><span class="ajax_loading_animacio" style="display: none;"><i class="entypo-arrows-ccw"></i></span>Mentés</button> */
/*.ajax_loading_animacio {
    display: inline-block;
    -animation: spin 1.2s infinite linear;
    -webkit-animation: spin2 1.2s infinite linear;
}*/
@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(360deg);}
    to { -webkit-transform: rotate(0deg);}
}
@keyframes spin {
    from { transform: scale(1) rotate(360deg);}
    to { transform: scale(1) rotate(0deg);}
}
/* forditva kell forogjon az ikon miatt
@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}
@keyframes spin {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}
*/

.ms-container .ms-list{
    border: 1px solid #bbb;
    width: 160px;
    height: 160px;
}

.ms-wh-2 .ms-container .ms-list{
    width: 200px;
    height: 215px;
}

.ms-w-3 .ms-container .ms-list{
    width: 300px;
}

.ms-container .ms-list > li, .ms-container .ms-list > li:last-child{
    border-bottom: 1px solid #bbb;
}

.btn-alacsony{
    padding: 0 !important;
}
.btn-jobbra5{
    margin-left: 5px;
}
.btn-balra5{
    margin-right: 5px;
}
.btn-fel5{
    margin-bottom: 5px;
}
.btn-le5{
    margin-top: 5px;
}
.btn-jobbra10{
    margin-left: 10px;
}
.btn-balra10{
    margin-right: 10px;
}
.btn-fel10{
    margin-bottom: 10px;
}
.btn-le10{
    margin-top: 10px;
}
.btn-jobbra25{
    margin-left: 25px;
}
.btn-jobbra50{
    margin-left: 50px;
}

.color-piros, .color-piros:hover, .color-piros:active, .color-piros:focus{
    color: #d50000 !important;
}

.color-zold, .color-zold:hover, .color-zold:active, .color-zold:focus{
    color: #009700 !important;
}

.validate-has-error .valid_error_ide.validate-has-error{
    display: block;
}
/*.validate-has-error .valid_error_ide:not(.validate-has-error) .form-control{
    border-color: green;
}*/

input[class*="has-error"]{
    border-color: #ff7c92;
}

@media (max-height: 775px) {
  .login-page .login-header {
    padding: 20px 0;
  }
}

@media (max-width: 525px) {
  .dataTables_wrapper > div.dtbtnfent .btn {
    margin-bottom: 15px;
  }
}

/*ertesito szelesseg*/

.panel-ertesito1{
    width: 100%;
    min-width: 300px;
    height: 200px;
    overflow: auto;
    float: left;
    margin-right: 0%;
}

.panel-ertesito2{
    width: 49%;
    min-width: 300px;
    height: 200px;
    overflow: auto;
    float: left;
    margin-right: 2%;
}

.panel-ertesito2:nth-child(2n){
    margin-right: 0px;
}

/*ha kisebb mint 1250px*/
@media screen and (max-width: 1250px) {
    .panel-ertesito2{
        min-width: 300px;
    }
}

/*ha kisebb mint 930px*/
@media screen and (max-width: 930px) {
    .panel-ertesito2{
        width: 100%;
        margin-right: 0;
        min-width: auto;
    }
}

.panel-ertesito3{
    width: 32%;
    min-width: 300px;
    height: 200px;
    overflow: auto;
    float: left;
    margin-right: 2%;
}

.panel-ertesito3:nth-child(3n){
    margin-right: 0px;
}

/*ha kisebb mint 1260px*/
@media screen and (max-width: 1260px) {
    .panel-ertesito3{
        width: 49%;
        min-width: 300px;
    }
    .panel-ertesito3:nth-child(3n){
        margin-right: 2%;
    }
    .panel-ertesito3:nth-child(2n){
        margin-right: 0px;
    }
}

/*ha kisebb mint 930px*/
@media screen and (max-width: 930px) {
    .panel-ertesito3{
        width: 100%;
        margin-right: 0;
        min-width: auto;
    }
}

/*ertesito magassag*/

.panel-ertesito-magas{
    height: 400px;
}


.paros1{
    background-color: #f4e6e6;
}
.paratlan1{
    background-color: #faf5f5;
}


.ui-autocomplete{
    background-color: #fff;
    color: #303641;
}
.ui-menu .ui-menu-item{
    padding: 4px 12px;
}
.ui-menu-item:hover{
    background-color: #f3f3f3;
}


.eroltet_margin_paddig_25_40, .eroltet_margin_paddig_40_40{
    margin-top: -40px;
    padding-left:40px !important;
}
.eroltet_margin_top_8{
    margin-top: 8px;
}
.eroltet_margin_top_10{
    margin-top: 10px;
}
.eroltet_top_none{

}
.eroltet_padding_top_14{
    padding-top: 14px !important;
}

.infosav-szurke{
    background-color: #dcdcdc;
    border-color: #aaa;
}

th.txtright{
    text-align: center;
}
td.txtright, .ta_r{
    text-align: right;
}
.txtmiddle{
    vertical-align: middle !important;
}
.datatable_w30{
    width: 30px !important;
}
.datatable_w40{
    width: 40px !important;
}
.datatable_w50{
    width: 50px !important;
}
.datatable_w60{
    width: 60px !important;
}
.datatable_w70{
    width: 70px !important;
}
.datatable_w80{
    width: 80px !important;
}
.datatable_w90{
    width: 90px !important;
}
.datatable_w100{
    width: 100px !important;
}

table.sortable_show_arrows th:not(.sorttable_sorted):not(.sorttable_sorted_reverse):not(.sorttable_nosort):after {
    content: " \25B4\25BE"
}

.nagyon_halvany{
    opacity: 0.35 !important;
}

.btn-pirosgomb, .btn-pirosgomb:hover, .btn-pirosgomb.focus, .btn-pirosgomb:focus, .btn-pirosgomb.active:hover, .btn-pirosgomb:active:hover, .btn-pirosgomb.active:focus, .btn-pirosgomb:active:focus{
    background-color: #ff3939;
    border-color: #c33131;
    color: white !important;
}

.noselect, .datatable tr th, .dataTable tr th {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

/* amig tart az aajx hivas addig mutatja a loader-t */
.loader_modal {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .2 )
                url('../images/ajaxloading.gif')
                50% 50%
                no-repeat;
}
/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
/*body.loading {
    overflow: hidden;
}*/
/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .loader_modal {
    display: block;
}

.btn-hoverstop.btn-white{
    color: #303641 !important;
    background-color: #fff !important;
    border-color: #ebebeb !important;
}

.btn2text.btn-white{
    color: #303641 !important;
    background-color: #fff !important;
    border-color: #fff !important;
    cursor: default !important;
}

.no-border-radius{
    border-radius: 0;
}
.no-border-radius-left{
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}
.no-border-radius-right{
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}
.set-border-radius{
    border-radius: 3px;
}
.set-border-radius-left{
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
}
.set-border-radius-right{
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
}

.simatbl{
    border-collapse: collapse;
    margin-bottom: 5px;
}
.simatbl tr th{
    font-weight: bold;
    text-align: center;
    padding: 3px;
    border: 1px solid gray;
}
.simatbl tr td{
    vertical-align: top;
    border: 1px solid gray;
    padding: 3px;
}
.simatbl.minden_jobbra tr td{
    text-align: right;
}
.simatbl.nincs_border tr td{
    border: none;
}
.simatbl5pxtd tr td{
    padding: 5px;
}
.simatbl_vi tr td{
    vertical-align: inherit;
}
.simatbl.simatbl_vi_middle tr td{
    vertical-align: middle;
}
.simatbl_muvelet_td{
    text-align: center;
}
.simatbl_muvelet_td button{
    margin: 3px;
}

.sima-al-tab-list > li > a{
    background-color: #e8e8e8;
}
.sima-al-tab-list > li > a.job_ok{
    background-color: #cdfdcd;
}
.sima-al-tab-list > li > a.job_not_ok{
    background-color: #ffd3d3;
}

.sima-al-tab-list > li.active > a, .sima-al-tab-list > li.active > a:hover, .sima-al-tab-list > li.active > a:focus {
    background-color: #d8d8d8 !important;
}
.sima-al-tab-list > li.active > a.job_ok, .sima-al-tab-list > li.active > a.job_ok:hover, .sima-al-tab-list > li.active > a.job_ok:focus {
    background-color: #a2fba2 !important;
}
.sima-al-tab-list > li.active > a.job_not_ok, .sima-al-tab-list > li.active > a.job_not_ok:hover, .sima-al-tab-list > li.active > a.job_not_ok:focus {
    background-color: #f9bbbb !important;
}
/* .sima-al-tab-content - ha formazni kellene... */

.simatbl.egyik{
    background-color: #ffffe0;
}
.simatbl.masik{
    background-color: #ffdddd;
}
.simatbl.egyik tr th{
    background-color: #fdfdbd;
}
.simatbl.masik tr th{
    background-color: #ffb8b8;
}
.simatbl.egyik tr:hover, .simatbl.masik tr:hover{
    background-color: #c3ffc3;
}

/* vonalas tablazat - csak a sorok kozott van vizszintes border */

.vonalastbl{
    border-collapse: collapse;
}
.vonalastbl tr th{
    font-weight: bold;
    text-align: center;
    padding: 3px;
    border: none;
    border-bottom: 1px solid gray;
}
.vonalastbl tr td{
    vertical-align: top;
    border: none;
    border-bottom: 1px solid gray;
    padding: 3px;
}
.vonalastbl tr:last-child td{
    border: none;
}

/* ket szinu */

.tbl2color{
    border-collapse: collapse;
}
.tbl2color tr th{
    font-weight: bold;
    text-align: center;
    padding: 3px;
    border: 1px solid grey;
    background-color: #F9C088;
}
.tbl2color tr td{
    vertical-align: top;
    border: 1px solid grey;
    padding: 3px;
}
.tbl2color tr:nth-child(odd){
    background-color: #FAD5B0;
}
.tbl2color tr:nth-child(even){
    background-color: #FDEAD8;
}

.tbl2color tr.tr2color:nth-child(odd){
    background-color: #b0fab4;
}
.tbl2color tr.tr2color:nth-child(even){
    background-color: #d8fdda;
}

/* ---------------------------------- */

.first_td_center tr td:first-child{
    text-align: center;
}
.first_td_right tr td:first-child{
    text-align: right;
}

/* ---------------------------------- */

.tbl_alap{
    border-collapse: collapse;
}
.tbl_alap tr th{
    font-weight: bold;
    text-align: center;
    padding: 0 5px;
}
.tbl_alap tr td{
    padding: 2px;
}
.tbl_alap tr td:first-child{
    padding: 2px 20px 2px 2px;
    white-space: nowrap;
}
.elso_oszlop_bold tr td:first-child{
    font-weight: bold;
}

.tblcollapsed1pxblack{
    border-collapse: collapse;
}

.tblcollapsed1pxblack tr td{
    border: 1px solid grey;
    padding: 2px;
}

.btnShowMoreUgyfTajek{
    cursor: pointer;
    background-color: #e8e8e8;
    display: inline-block;
    margin: 0 2px;
}
.tbl_tajek_ugyf_lista {
    border-collapse: collapse;
}
.tbl_tajek_ugyf_lista tr{
    border: 2px solid #aaa;
}
.tbl_tajek_ugyf_lista tr td{
    padding: 5px;
}

.tbl0, .tbl1{
    border-collapse: collapse;
}
.tbl0 tr td, .tbl1 tr td{
    border: none;
}
.tbl0 tr td{
    padding: 0px;
}
.tbl1 tr td{
    padding: 1px;
}

/* ehhez a felepiteshez:
<div id="div_" class="checkbox_sok_rendezve1">
    <div><input type="checkbox" class="chk_" id="chk123" value="123" name="bla[]" checked="checked"><label for="chk123">nev</label></div>
</div> */
.checkbox_sok_rendezve1 div{
    display: inline-block;
    width: 220px;
    overflow: hidden;
    margin-right: 5px;
}
.checkbox_sok_rendezve1 div label{
    padding-left: 5px;
    margin-bottom: 0px;
    white-space: nowrap;
    width: 200px;
}

.link_forma{
    cursor: pointer;
    color: blue;
}

.linkforma{
    color: blue;
    cursor: pointer;
    text-decoration: underline;
}

.linkimg{
    cursor: pointer;
}

.pirossal_athuzva1, .pirossal_athuzva2{
    text-decoration: line-through;
    text-decoration-color: red;
}
.pirossal_athuzva1{
    text-decoration-thickness: 1px;
}
.pirossal_athuzva2{
    text-decoration-thickness: 2px;
}


.bootstrap-datetimepicker-widget .row{
    margin: 0px;
}



.dd-item{
    cursor: move;
}

.dd-handle, .dd-content{
    border: 1px solid #bbb;
}


/* steps_letrehoz() js funkciohoz */
.div_stepper .div_stepper_element .circle-outer {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  position: relative;
  background-color: #000;
  margin: auto;
}

.div_stepper .div_stepper_element .circle-inner {
  position: absolute;
  width: 60%;
  height: 60%;
  border-radius: 50%;
  background-color: #fff;
  top: 20%;
  left: 20%;
}

.div_stepper_container{
    text-align: center;
}

.div_stepper{
    display: inline-block;
}

.div_stepper_element{
    display: inline-block;
    margin: 5px;
    padding: 5px;
    text-align: center;
}

.div_stepper_title{
    margin-top: 10px;
    white-space: nowrap;
}