app-common-table {
  position:static;
  display:block;
}

.tooltip a {
  color: var(--nebih-green);
}

.tooltip a:hover {
 color: var(--nebih-dark-green) !important;
}

i.fa-question-circle{
  margin-left: 5px;
  margin-right: 5px;
}

.vertical-align-mid {
  vertical-align: middle !important;
}

/* chrome */
.remove-input-styles::-webkit-outer-spin-button,
.remove-input-styles::-webkit-inner-spin-button {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
}

/*Tabs Modal*/
#myTabsModal {
  opacity:100;
  position: fixed; /* Stay in place */
  z-index: 13; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
}

#myTabsModal p-checkbox .ui-chkbox{
  margin-bottom: .5rem;
}

#modalBg {
  background-color: rgba(50,50,50,0.8); /* Black w/ opacity */
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.tabs-modal-content {
  background-color: var(--nebih-light-grey);
  margin: 50px 10px 0;
  padding: 0;
  width: calc( 100vw - 20px );
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  position: fixed;
  height:auto;
  max-height: calc( 100vh - 50px );
}

@media screen and (min-width: 1200px) {
  .tabs-modal-content {
    max-width: 80%;
    margin-left: 10%;
    margin-right: 10%;
  }
}

.modal-content-medium {
  background-color: var(--nebih-light-grey);
  margin: 100px 300px 0;
  padding: 0;
  width: calc( 100vw - 600px );
  min-width: 600px;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  position: fixed;
  height:auto;
  max-height: calc( 100vh - 100px );
}

.modal-nav {
  width: 40px;
  height: 40px;
  position:absolute;
  top:0;
  text-align: center;
  line-height:48px;
  vertical-align:middle;
  cursor:pointer;
}

.arrow-exit {
  right: 0;
  color:  var(--nebih-blue) !important;
  background-color: var(--nebih-light-blue);
  -webkit-transition: all 100ms ease;
  -moz-transition: all 100ms ease;
  -o-transition: all 100ms ease;
  transition: all 100ms ease;
}

.arrow-exit:not('disabled'):hover, .arrow-exit:focus{
  background-color: #ffffff;
}

.arrow-exit.disabled:hover, .arrow-exit.disabled:focus{
  cursor: default;
  color: var(--nebih-light-blue);
}

.padding-20-0 {
  padding: 20px 0;
}

/*********************MODAL(APP-COMPONENT)*********************/

.relogin-modal-level{
  z-index: 20 !important;
}

.modal-content {
  position: relative;
  background-color: #ffffff;
  border-radius: 0;
  border: 0;
  margin: 70px auto auto;
  padding: 0;
  width: 100%;
  max-width: 500px;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.2s;
  animation-name: animatetop;
  animation-duration: 0.2s;
  transition: all 1s linear;
}

@-webkit-keyframes animatetop {
  from {top:-300px; opacity:0}
    from {top:-300px; opacity:0}
  to {top: 0; opacity:1}
}

@keyframes animatetop {
  from {top:-300px; opacity:0}
  to {top: 0; opacity:1}
}

.modal-header {
  display: block;
  padding: 0 0;
  border-bottom: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.modal-header>h3 {
  line-height: 40px;
  text-align: center;
  font-size: 18px;
  color: black;
  font-weight: bold;
  margin-bottom: 0;
}

#main-nav {
  position:fixed;
  width:100%;
  left:0;
  top:85px;
  height: 55px;
/*  z-index:2; */
}

#bottom-fake-wrapper {
  height:42px;
  position: relative;
  bottom:0;
  left:0;
  width:100%;
}

.app-function-title{
  text-align: center;
  padding: 10px 0;
  font-size: 25px;
  border-bottom: 1px solid var(--nebih-mid-grey);
  width: 100%;
}

.table-responsive table {
  overflow-x: auto;
  display: block;
  width: 100%;
  max-width: 100%;
}

.table-responsive .table-nebih-row-header .table-nebih-cell,
.no-wrap {
  white-space: nowrap;
}

.white-space-normal{
  white-space: normal !important;
}

.table-scrollable {
  width: 100%;
  background: var(--nebih-light-grey);
}

.table-scrollable table {
  overflow-x: auto;
  display: block;
}

.table-scrollable label span {
  font-weight: bold;
}

.table-scrollable label select {
  border-color: var(--nebih-mid-grey);
}

.table-scrollable a{
  line-height: 20px;
  border: 0;
  cursor: pointer;
}

.table-scrollable li.page-item.active a{
  background-color: var(--nebih-green);
  color: var(--nebih-blue);
  cursor: default;
}

.table-scrollable a:hover{
  background-color: var(--nebih-mid-blue);
}

.table-scrollable thead{
  border-color: var(--nebih-mid-grey);
  border-width: 1px 1px 0 1px;
  border-style: solid;
}

.table-scrollable tbody{
  border-color: var(--nebih-mid-grey);
  border-width: 0 1px 1px 1px;
  border-style: solid;
}

.scrollable-pager nav,
.scrollable-pager nav .pagination,
.scrollable-pager nav .pagination li {
  display:inline-block;
}

.scrollable-pager label{
  padding-right: 50px;
}

.scrollable-pager li{
  vertical-align: middle;
}

.table-nebih-row3:focus-within:not(.disable-focus) td{
  background-color: var(--nebih-green);
}

.table {
  box-sizing: border-box;
  max-width: unset;
  width: 100%;
}

.table tr.active td {
  background-color: var(--nebih-green);
  color: var(--nebih-blue);
  cursor: default;
}

.table tbody tr.selectable:hover {
  background-color: var(--nebih-mid-blue);
  color: black;
  cursor: pointer;
}

.table-nebih-row:nth-of-type(odd).disabled-cell {
  background-color: var(--nebih-extralight-red) !important;
}

.table-nebih-row:nth-of-type(even).disabled-cell {
  background-color: var(--nebih-extralight-red) !important;
}

.table-margin{
  margin-bottom: 25px
}

.table-btn-chb {
  margin-top: 2px;
  outline: 0;
  border: 0;
  padding: 0;
  width: 20px;
  background-color: transparent;
  -webkit-transition: all 100ms ease;
  -moz-transition: all 100ms ease;
  -o-transition: all 100ms ease;
  transition: all 100ms ease;
}

.table-btn-chb-white {
  color: white;
  font-size: 20px;
}

.table-btn-chb-blue {
  color: var(--nebih-blue);
  font-size: 20px;
  width: 18px;
}

.tabs {
  background-color: var(--nebih-extralight-grey);
  transition: all 0.3s linear;
  border: 1px solid;
  border-radius: 10px;
  margin: 0 auto;
}

.tabs-scroll{
  max-height: calc(100vh - 305px);
  overflow: auto;
}

#menu-wrap {
  position: relative;
  background-color:  var(--nebih-green);
  width: 50px;
  height: 50px;
  display: block;
}

#menu-icon{
  position: absolute;
  top: 30%;
  left: 30%;
  font-size: x-large;
}

.isClassVisible {
  height: 500px !important;
}

.pager {
  font-size: 15px;
}

.table-paginator{
  margin: 0 auto;
}

.pagination {
  padding-top:8px;
}

.buttons-bottom{
  padding-bottom: 10px;
}

.no-style-button {
  background: transparent none !important;
  border: 0 none !important;
  outline: 0 none !important;
  cursor: pointer;
}

.big-table-cell {
  width: 40%;
  height: 39px;
  text-overflow: ellipsis;
  overflow: hidden;
 }

.little-table-cell {
  width: 120px;
 }

.td-cell-center {
  text-align: center;
  width: 250px;
}

.codedatabase-modifier-width {
    text-align: center;
    width: 200px;
}
.activities-eng-cell {
   width: 170px;
   height: 39px;
   text-overflow: ellipsis;
   overflow: hidden;
   white-space:nowrap;
   text-align: center;
 }

.title {
  display: inline;
}

.no-margin-bottom{
  margin-bottom: 0;
}

.no_padding {
  padding: 0 !important;
}

.no_padding_right{
   padding-right: 0 !important;
 }

.no_padding_left {
  padding-left: 0 !important;
}

.addDell-float {
  float: right;
  padding-right: 15px;
}

.underconstruction {
  position: relative;
  top: 200px;
  width: 100%;
  text-align: center;
}

.underconstruction p {
  color: #000000;
  font-size: 16pt;
}

.text-align-center{
  text-align: center;
}

#menu {
  display: block;
  width:50px;
  height:50px;
  float:left;
  position: relative;
}

#menu .ui-tieredmenu {
  left: inherit !important;
}

#main-logo {
  height: 50px;
  float:left;
  display:block;
}

.fadeIn {
  -webkit-animation: fadeinout 2s linear;
  animation: fadeinout 16s linear;
  animation-iteration-count: infinite;
}

@-webkit-keyframes fadeinout {
  0% { opacity: 1; }
  16% { opacity: 1; }
  28% { opacity: 0; }
  77% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes fadeinout {
  0% { opacity: 1; }
  16% { opacity: 1; }
  28% { opacity: 0; }
  77% { opacity: 0; }
  100% { opacity: 1; }
}

.formsHeader {
  width: auto;
  height:100px;
  position: relative;
  z-index: 12;
  margin: -15px -8px -8px -8px;
  background: var(--nebih-blue) url(header-bg.png) left bottom repeat-x;
  background-size: auto;
}

.impresszum-foot {
  display: inline-block;
  margin: 0 0 30px 0;
  list-style-type: none;
}

.required-field::after {
  content:"*";
  color: var(--nebih-red);
  padding-right: 3px;
}

.countdown {
  word-spacing: -2px;
  margin-top:-5px;
}

.acctivites-accmethoe-date-with{
  width: 100%;
}

.repository-attributes-table {
  overflow: auto;
}

#repo-dynamic-table {
  overflow: auto;
}

#repo-dynamic-table > th {
  max-width: 150px !important;
}

/* dragaula CSS */
.gu-mirror {
  position: fixed !important;
  margin: 0 !important;
  z-index: 99 !important;
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
}
.gu-hide {
  display: none !important;
}
.gu-unselectable {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
}
.gu-transit {
  opacity: 0.2;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  filter: alpha(opacity=20);
}
/* dragaula CSS */

select.ng-invalid[required],
p-radioButton.ng-invalid[required] div.ui-radiobutton-box,
p-autoComplete.ng-invalid[required] input.ui-autocomplete-input,
p-dropdown.ng-invalid[required] div.ui-dropdown,
input.ng-invalid[required] {
  border: 1px solid var(--nebih-red);
}

p-dropdown label.ui-placeholder{
  color: black;
}

p-dropdown.p-dropdown-disabled label.ui-dropdown-label {
  background-color: var(--nebih-extralight-grey) !important;
}

p-dropdown.p-dropdown-disabled div.ui-dropdown {
  opacity: 1 !important;
}

textarea .codedatabase-description {
  height: 124px;
  overflow: auto;
  resize: none;
}

.required-checkbox, .required-checkbox {
  height: 38px;
}

.required-checkbox > label:after {
  content:" *";
  color: red;
}

/* REFAKTOR �J CSS */
.attr-name-over {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis
}

.main-container {
  margin: 0 auto;
  max-width: 1600px;
  padding-top: 15px;
}

.title-container {
  position: relative;
  text-align: center;
  margin: 0 12px 15px;
}

.title-container .btn-blue{
  position: absolute;
  left: 0;
}

.nav-container {
  position: relative;
  margin: 15px auto;
}

.nav-container nav{
  max-width: calc(100vw - 340px);
}

.nav-container label {
  position: absolute;
  right: 0;
  top: 10px;
}

.nav-container label select{
  padding: 5px;
}

.nav-container label span {
  font-weight: bold;
}

.nav-container a{
  line-height: 20px;
  border: 0;
  cursor: pointer;
}

.nav-container li.page-item.active a{
  background-color: var(--nebih-green);
  color: var(--nebih-blue);
  cursor: default;
}

.nav-container a:hover{
  background-color: var(--nebih-mid-blue);
}

.page-item.active .page-link{
  z-index: 0;
}

.nebih-btn{
  outline: 0;
  border: 0;
  border-radius: 3px;
  padding: 5px 17px;
  font-weight: 600;
  cursor: pointer;
  -webkit-transition: all 100ms ease;
  -moz-transition: all 100ms ease;
  -o-transition: all 100ms ease;
  transition: all 100ms ease;
}

.nebih-btn:hover {
  text-decoration: none;
}

.btn-md {
  padding: 7px 10px;
  line-height: 16px;
}

.btn-sm {
  padding: 2px 7px;
}

.btn-xs {
  padding: 0 5px;
}

.btn-cel {
  padding: 3px 3px;
  font-size: 12px;
  height: 23px;
}

.btn-blue,
button.btn-blue:disabled:hover {
  background-color: var(--nebih-blue);
  color: #ffffff;
}

.btn-blue:hover {
  background-color: var(--nebih-dark-blue);
}

.btn-green {
  background-color: var(--nebih-green);
  color: var(--nebih-blue);
}

.btn-green.disabled  {
  background-color: var(--nebih-mid-green);
  color: var(--nebih-dark-grey);
}

.btn-green:hover, .btn-green:focus{
  background-color: var(--nebih-dark-green);
  color: var(--nebih-blue);
}

button:disabled {
  opacity:.5;
}

.form-submit-control {
    padding: 20px 40px;
    display: block;
}

.table th, .table td {
    padding: 0.75rem;
    vertical-align: top;
    border-top: 0;
}

.mainlist {
  max-height: calc(100vh - 230px);
  overflow: auto;
}

.mainlist tr:nth-of-type(even) {
  background-color: var(--nebih-light-grey);
}

.mainlist-select-cell{
  height: 26px;
}

app-common-table {
  padding-left: 12px;
  padding-right: 12px;
}

.main-details-container{
  width: 100%;
  box-sizing:border-box;
  padding: 20px 30px 10px;
  background-color: white;
  overflow-x: hidden;
  overflow-y: auto;
  height: auto;
  max-height: calc( 100vh - 220px );
}

.selector-container{
  max-height: calc( 100vh - 90px );
}

.main-details-container .row {
  margin-left: -15px !important;
  margin-right: -15px !important;
}

.tabs-modal-container {
  padding: 0 40px;
}

.tabs-modal-header {
    display: block;
    padding: 0;
}

.tabs-modal-header h3{
    line-height: 40px;
    margin: 0;
    font-size: 15px;
    font-weight: bold;
    color: var(--nebih-blue);
    text-align: center;
}

.nebih-table-btn-blue {
  color: #ffffff;
  background-color: var(--nebih-blue);
  outline: 0;
  border: 0;
  line-height: 24px;
  padding: 0 7px;
  margin: 0 5px 0 0;
  -webkit-transition: all 100ms ease;
  -moz-transition: all 100ms ease;
  -o-transition: all 100ms ease;
  transition: all 100ms ease;
}

.nebih-table-btn-blue:hover, .nebih-table-btn-blue:focus{
  background-color: var(--nebih-dark-blue);
  cursor: pointer;
}

.nebih-table-btn-blue i{
  font-size: 13px;
}

.nebih-table-btn-order-blue {
   color: var(--nebih-blue);
}

.nebih-table-btn-order-blue i:hover {
   color: #ffffff !important;
}

.nebih-table-btn-order-blue.disabled,
.nebih-table-btn-order-blue.disabled i:hover {
   color: var(--nebih-mid-blue) !important;
}

.nebih-table-btn-order-blue i{
   font-size: 10px;
}

.table-nebih-row {
  line-height: 30px;
}

.table-nebih-row-header {
  background-color: var(--nebih-light-blue);
  color: var(--nebih-blue);
}

.table-nebih-row-header .table-nebih-cell{
    position: relative;
    padding: 8px 20px 7px 0;
}

.table-nebih-row-header .table-minta-cell{
  position: relative;
  padding: 8px 10px 7px 0;
}

.min-width-110{
  min-width: 110px;
}

.min-width-lotnumber{
  min-width: 150px;
}

.table-nebih-row-header .table-nebih-cell button {
    position: absolute;
    line-height: 10px;
    padding-top: 0;
    color: var(--nebih-blue);
    padding-bottom: 0;
}

.table-nebih-row-header .table-nebih-cell button:first-of-type {
    top: 14px;
}

.table-nebih-row-header .table-nebih-cell button:last-of-type {
    top: 4px;
}

.nebih-results-table {
  overflow: auto;
}

.table-nebih-row2 {
  line-height: 20px;
}

.table-nebih-row3 {
  line-height: 20px;
}

.table-nebih-row3:nth-of-type(odd) {
  background-color: #fff !important;
}

.table-nebih-row3:nth-of-type(even) {
  background-color: var(--nebih-light-grey) !important;
}

.table-nebih-cell2{
  padding: 0 10px;
}

.table-nebih-cell2 input{
  width: 100%;
}

.table-nebih-cell2 p-checkbox{
  padding-right: 10px;
}

.table-nebih-cell2 p-checkbox label{
  margin-bottom: 0;
}

.table-minta-cell label.label-horizontal-center{
  padding-left: 70px;
  padding-top: 3px;
  margin-bottom: 0;
}

.table-padding{
  padding: 0 16px;
}

.nebih-results-table th{
  border: 0;
  padding: 0;
  font-size: 14px;
}

.nebih-results-table td {
  padding: 0 20px 0 0;
  font-size: 14px;
}

.nebih-results-table thead th{
  font-weight: bold;
}

.nebih-results-table tr th:first-of-type, .nebih-results-table tr td:first-of-type {
  padding-left: 15px;
}

.nebih-results-table2 th{
    border: 0;
    padding: 0;
    font-size: 14px;
}

.nebih-results-table2 td {
  padding: 5px 10px 5px 0;
  text-overflow: ellipsis;
  font-size: 14px;
  margin-top: 0;
}

.nebih-results-table2 thead th{
    font-weight: bold;
}

.nebih-results-table2 tr th:first-of-type, .nebih-results-table2 tr td:first-of-type {
    padding-left: 15px;
}

.table thead th {
    border-bottom: 0;
}

.mdt-margin {
  margin: 5px 0 30px;
}

.text-center {
  text-align: center;
  line-height: 30px;
}

.sub-title {
  font-size: 15px;
  font-weight: bold;
  color: var(--nebih-blue);
}

.padding-top {
  padding-top: 20px;
}

.padding-top-5 {
  padding-top: 5px;
}

.padding-right-5 {
  padding-right: 5px !important;
}

.padding-right-10 {
  padding-right: 10px !important;
}

.padding-right-25 {
  padding-right: 25px !important;
}

.padding-left-32 {
  padding-left: 32px !important;
}

.no-padding-bottom{
  padding-bottom: 0;
}

.button-container button{
  position: relative !important;
}

p-calendar.ng-dirty.ng-invalid > .ui-calendar > .ui-inputtext {
  border-bottom-color: var(--nebih-light-grey);
}

app-provider-calendar-wrapper.minta-adatok-calendar{
  min-width: auto !important;
  display: inline-block !important;
}

app-provider-calendar-wrapper.minta-adatok-calendar p-calendar{
  display: inline !important;
}

app-provider-calendar-wrapper.minta-adatok-calendar p-calendar span.ui-calendar{
  width: 100px !important;
  padding-right: 0 !important;
}

app-provider-calendar-wrapper.minta-adatok-calendar p-calendar span.ui-calendar input.ui-inputtext{
  font-size: 14px;
  font-family: var(--nebih-font-family);
  padding-right: 0 !important;
  padding-left: 3px !important;
}

app-provider-calendar-wrapper.minta-adatok-calendar p-calendar span.ui-calendar button.ui-calendar-button{
  width: 25px !important;
}

app-provider-calendar-wrapper.vakcina-table-calendar p-calendar span.ui-calendar.ui-calendar-w-btn input.ui-inputtext {
  width: 80px !important;
}

table .ui-calendar.ui-calendar-w-btn input {
  height: 26px;
  border-radius: 0;
  border: 1px solid var(--input-border-color);
}

table p-calendar span {
  padding-right: 30px;
}

/************** provider *************/
.display-flex {
  display: flex;
}

body.no-bg {
  background: none;
}

#static-logo {
  margin: 15px;
  width:115px;
  height: 60px;
  display:block;
  left:32px;
  bottom:12px;
  background: url(nebih_logo_nobg_white.png) center center/cover no-repeat;
  background-size:contain;
}

.accessibility-mode #logo{
  background: url(nebih_logo_nobg_yellow.png) center center/cover no-repeat !important;
  background-size:contain !important;
}

.accessibility-mode #header,
.accessibility-mode #footer,
.accessibility-mode #provider-menu-container {
  background: black !important;
}

#login-types {
    text-align: center;
}

#login-types button, #login-types  select {
  display: block;
  clear: both;
  min-width: 400px;
  margin: 10px auto 0;
}

.margin-top-20 {
  margin-top: 20px;
}

/*****user guide & documents*****/
.question {
  background-color: var(--nebih-light-blue);
  color: var(--nebih-blue);
  padding: 10px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  font-weight: bold;
}

.answer {
  padding: 0 18px;
  background-color: white;
  overflow: hidden;
}

.downloadUserGuide {
  background-color: var(--nebih-extralight-grey);
  color: var(--nebih-dark-grey);
  padding: 18px;
  width: auto;
  text-align: center;
  border: none;
  outline: none;
  margin: -8px;
}

.forms {
  text-align: center;
  margin: 15px;
}

.static-title {
  position: absolute;
  top: 40px;
  padding-left: 200px;
  color: #ffffff;
}

.gyik-custom{
  padding: 30px 80px;
  position: relative;
}

.forms-custom {
  padding-top: 30px;
}

.gyik-img{
  width: auto;
  height: auto;
  position: absolute;
  left: -72px;
  top: -9px;
}

.gyik-img-wrapper{
  position: relative;
}

.faq-button {
  text-decoration: none;
  color: white;
}
.docComponent ul li {
  list-style-type: none;
}

.formCategoryGroupFirst {
  padding-left:73px;
  background: url(icons/form_tree.png) no-repeat;
}

.formCategoryGroupSec {
  padding-left:73px;
  background: url(icons/form_trees.png) no-repeat;
}

.formCategoryGroupThird {
  padding-left:73px;
  background: url(icons/form.png) no-repeat;
}

.formCategoryTitle {
  background-color: var(--nebih-light-blue);
  color: var(--nebih-blue);
  padding: 10px;
  width: 95%;
  text-align: left;
  border: none;
  outline: none;
  font-weight: bold;
}

.validated-component label {
  display:block;
}

.validated-component label.ui-chkbox-label {
  display:inline-block;
}

.validated-component .ui-chkbox-box {
  margin-top: -5px;
}

.validated-component .validation-icon {
  display:block;
  overflow:hidden;
  float:left;
  line-height:38px;
}

.ui-inputtext {
  height: 38px;
}
/***************New-Order*******************/
.l1 > .btn-blue {
  margin-right: 10px;
}

.l1-box {
  padding: 10px 0 10px 0;
}

.l2-box{
  margin-top: 10px;
}

.l2-icon-box {
  padding-right: 10px;
  height: 60px;
  width: 60px;
  border-radius: 100px;
  background-color: var(--nebih-light-grey);
}
.l1-icon-img {
  margin:6px 0 0 9px;
  height: 60px;
  width: 60px;
}

.newOrder .tabs-routing li:nth-child(1),
.newOrder .tabs-routing li:nth-child(2),
.newOrder .tabs-routing li:nth-child(3) {
  border-right: 1px solid white !important;
}

.newOrder .tabs-routing li:first-child {
  border-left:0;
  border-right:0;
}

.newOrder .tabs-routing li a span.error-circle-color,
.newOrder .tabs-routing li a.tab-active span.error-circle-color  {
  background-color: var(--nebih-red);
  color:#fff;
}

.fa-exclamation {
  color:#fff;
}

.newOrder .tabs-routing li a.tab-active,
.newOrder .tabs-routing li a:hover{
  background: #ffffff !important;
  color: var(--nebih-blue) !important;
}

.newOrder .tabs-routing li a.tab-active span.nav-badge,
.newOrder .tabs-routing li a:hover span.nav-badge{
  background: var(--nebih-green) !important;
  color: var(--nebih-blue) !important;
}

.l1-title {
  font-weight: bold;
  font-size: 19px;
  color: var(--nebih-blue);
}

.l3-active {
  font-weight: bold;
  text-decoration: none;
  color: var(--nebih-blue);
}


.l3-active:hover {
  cursor: pointer;
  border-bottom: 2px solid var(--nebih-blue);
}

.l1-display-name {
  color: var(--nebih-blue);
  font-size: 22px;
  font-weight: bold;
  width:100%;
  text-align:center;
  top: 35px;
}

.l2-display-name {
  background-color: var(--nebih-dark-green);
  color: #ffffff;
  font-size: 22px;
  padding: 2px 4px;
  display: inline;
}

.l3 {
 display: inline-block;
 padding-right: 20px;
}

/*****************clientDetails**************/
.tabContainer {
  width: 100%;
  margin-top: 13px;
}

.grey-box {
  background-color: var(--nebih-light-grey);
  padding: 20px;
  margin-bottom: 15px;
  border-radius: 5px;
}
.grey-box:last-of-type {
  margin-bottom: 10px;
}

.bordered-form {
  padding: 10px;
  border: 1px solid var(--nebih-dark-grey);
  border-radius: 5px;
}

.error-element,
.error-element-calendar,
.error-element-chkBox .ui-chkbox-box {
  border: 2px solid var(--nebih-mid-red);
  border-radius: 4px;
}
.error-element-radioBtn .ui-radiobutton-box {
  border: 2px solid var(--nebih-mid-red);
  border-radius: 50%;
}

#closeNewPartner,
#closeNewLocation {
  cursor: pointer;
}

#closeNewPartner:hover,
#closeNewLocation:hover  {
  cursor: pointer;
}

.inline-style {
  display: inline-block;
}

.display-block {
  display: block !important;
}

.display-inline,
p-checkbox.display-inline label.ui-chkbox-label,
p-radioButton.display-inline label.ui-radiobutton-label {
  display: inline !important;
}

.display-inline-block {
  display: inline-block !important;
}

/***************** ORIGIN ***************/
.warning-span {
  background-color: var(--nebih-light-orange);
  border-radius: 5px;
  padding: 3px 5px 3px 5px;
}

.no-wrap .ui-radiobutton-label {
  margin: 0 10px 0 0;
}

.left-margin {
  margin-left: 25px;
}

.margin-left-16 {
  margin-left: 16px;
}

/*********************PArtner-Selector**************/
.psBox {
  margin: 5px;
}

.loader-with-button {
  display: inline-block;
  width: 30px;
  height: 5px;
}

.loader-with-button .loader{
  width: 25px;
  height: 25px;
  vertical-align: middle;
  margin-left: 10px;
  margin-top: 0 !important;
}

.fake-loader{
  display: inline-block;
  width: 30px;
  height: 30px;
}

.loader {
  margin-top: 20px;
  display: inline-block;
  border: 6px solid var(--nebih-mid-grey);
  border-top: 6px solid var(--nebih-blue);
  border-radius: 50%;
  width: 35px;
  height: 35px;
  animation: spin 2s linear infinite
}

.menuLoader{
  margin-left: 20px;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

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

.font-weight-normal{
  font-weight: normal;
}

.italic-text{
  font-style: italic !important;
}

/******************NEW DESIGN******************/

.result-list-empty {
  display: block;
  text-align: center;
  width: 100%;
  font-weight: bold;
  padding-top: 20px;
}

.excel-upload-button{
  position: absolute;
  top: -1px;
  left:250px;
}

.inline-child label {
  display: inline;
}

.ui-treenode-selectable .ui-treenode-label {
  font-weight: bold;
}

.tevekenyseg-tree .ui-tree {
  width: 100%;
}

.tevekenyseg-tree .ui-treenode-label .ui.state-highlight {
  background-color: var(--nebih-dark-green);
  color: var(--nebih-blue);
  font-weight: bold;
}

#tevekenyseg-scroll .ui-scrollpanel-bar.ui-scrollpanel-hidden,
.display-none {
  display:none !important;
}

#tevekenyseg-scroll .ui-scrollpanel-bar.ui-scrollpanel-bar-y {
  background-color: var(--nebih-dark-green);
}

.btn-today {
  margin-left: 30px;
}

p-scrollPanel div.ui-scrollpanel-content{
  height: 100% !important;
}

.question-circle-color {
  color:var(--nebih-blue);
}

.error-circle-color {
  color: var(--nebih-red);
}

.delete-circle-color {
  color:var(--nebih-dark-green);
}

.tab2-attachment {
  width: 30%;
}

.readonly-cell {
  cursor: default;
  border: 0;
  background-color: rgba(0, 0, 0, 0) !important;
}

/*---------------------------*/
.jogi-nyilatkozat-szoveg {
  line-height: 16px;
  border: 1px solid black;
  padding: 10px;
  display: block;
}
.confirm-page {
  margin: 10px;
}

.short-input {
  width: 70px;
  display: inline;
}
.told-le {
  position: absolute;
  top: 150px;
  left: 200px;
  width:100%;
}
.downloadable {
  cursor:pointer;
  color: var(--nebih-blue);
}
.l0-title {
  font-weight: bold;
  color: var(--nebih-blue);
  font-size: 19px;
  margin-bottom: 0;
  line-height: 23px;
}

.ui-fileupload .ui-fileupload-buttonbar .ui-button,
.ui-fileupload-content .ui-fileupload-files .ui-fileupload-row button {
  background-color: var(--nebih-green);
  color: var(--nebih-blue);
  border-width: 0;
  border-radius: 3px;
  margin-right: 10px;
  font-family: var(--nebih-font-family) !important;
  font-weight: 600;
}

.ui-fileupload .ui-fileupload-buttonbar .ui-button:hover,
.ui-fileupload-content .ui-fileupload-files .ui-fileupload-row button:hover {
  background-color: var(--nebih-dark-green);
  color: var(--nebih-blue);
  border: 0;
  outline: none;
}

.ui-fileupload-content .ui-fileupload-files .ui-fileupload-row button.padding-2-5 {
  padding: 2px 5px;
  width: auto;
  margin-left: 10px;
}

.ui-fileupload .ui-button-icon-only .fa,
.ui-fileupload .ui-button-icon-only .ui-button-text{
  display: none;
}

.padding-top-bottom{
  padding-bottom: 4px;
  padding-top: 4px;
}

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

.padding-left-10{
  padding-left: 10px !important;
}

.padding-left-25{
  padding-left: 25px !important;
}

.padding-top-7{
  padding-top: 7px !important;
}

.white-bg{
  background-color: #ffffff;
}

.top-margin-ad{
  margin-top: 32px;
}

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

.margin-top-3 {
  margin-top: 3px !important;
}

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

.margin-top-6 {
  margin-top: 6px;
}

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

.margin-top-15 {
  margin-top: 15px;
}

.margin-top-25 {
  margin-top: 25px;
}

.margin-top-35 {
  margin-top: 35px;
}

.margin-left-20 {
  margin-left: 20px;
}

.margin-left-10 {
  margin-left: 10px;
}

.margin-left-3 {
  margin-left: 3px;
}

.margin-left-5 {
  margin-left: 5px;
}

.margin-left-15 {
  margin-left: 15px;
}

.margin-left-35 {
  margin-left: 35px;
}

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

.margin-right-3 {
  margin-right: 3px;
}

.margin-right-5 {
  margin-right: 5px;
}

.margin-right-20 {
  margin-right: 20px;
}

.margin-right-15 {
  margin-right: 15px;
}

.margin-right-30 {
  margin-right: 30px;
}

.margin-right-10 {
  margin-right: 10px;
}

.margin-right-label-10 label {
  margin-right: 10px !important;
}

.margin-bottom-0,
p-checkbox.margin-bottom-0 label.ui-chkbox-label,
.wysiwyg-margin-bottom-0>p {
  margin-bottom: 0 !important;
}

.margin-bottom-20 {
  margin-bottom: 20px !important;
}

.margin-bottom-8 {
  margin-bottom: 8px;
}

.margin-bottom-5 {
  margin-bottom: 5px !important;
}

.full-width{
  width: 100% !important;
}

.selector-padding{
  padding-left: 0;
  padding-right: 0;
}

.button-right-margin{
  margin-right: 20px;
}
.button-left-margin {
  margin-left: 20px;
}

.margin-right-100 {
  margin-right: 100px;
}

.flex-box {
  display: inline-flex;
}

.make-it-inline {
  display: inline;
}

.make-it-block {
    display: block;
}

.make-it-inline-block {
    display: inline-block;
}

.uploaded-files-title {
  text-align: center;
  display: block;
  font-weight: bold;
  background-color: var(--nebih-blue);
  color: white;
}

.n148-checkbox {
  margin-left:20px;
}

input.ng-invalid.ng-touched.email {
  border-color: var(--nebih-red);
}

input.ng-valid.ng-touched.email {
  border-color: var(--nebih-dark-green);
}

input.ng-invalid.ng-untouched.email {
  border-color: var(--nebih-red);
}

input.ng-valid.ng-untouched.email {
  border-color: var(--nebih-dark-green);
}

.row.tovabbi-helyadat {
  margin-left:25px !important;
}

.no-margin label {
  margin: 0 5px 0 5px !important;
}

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

.tableheader-copy-btn {
  position: static !important;
}

.width-50 {
  width: 50%;
}

.width-150 {
  width: 150px;
}

.width-70 {
  width: 70px;
}

.jogi-nyilatkozat p-checkbox .ui-chkbox {
  margin-right: 2px;
}

.margin-right-mod {
  margin-right: -10px;
}

.margin-top-bottom {
  margin-top: 20px;
  margin-bottom: 20px;
}

.table-nebih-cell2 label{
  margin-bottom: 0;
}

.prov-panel8 {
  max-width:65.5%;
  margin-right:20px;
}

.margin-mod {
  margin: 0 15px;
}

.margin-mod-lawtext-top {
  margin-top: 10px;
}

.margin-mod-lawtext-bottom {
  margin-bottom: 10px;
}

#rowCountByElements input[type=number]::-webkit-inner-spin-button,
#rowCountByElements input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.nebih-btn-icon-green {
  color: var(--nebih-blue);
  background-color: var(--nebih-green);
  outline: 0;
  border: 0;
  line-height: 24px;
  padding: 0;
  width: 25px;
  height: 25px;
  transition: all 100ms ease;
  cursor: pointer !important;
}

.nebih-btn-icon-green:hover, .nebih-btn-icon-green:focus {
  cursor: pointer !important;
}

.nebih-btn-icon-green i {
  font-size: 13px;
}

.modal-content-medium label.ui-chkbox-label, .p-label-pos .ui-chkbox {
  vertical-align: top !important;
}

.max-width-90 {
  max-width: 90px;
  display: inline;
  width: auto;
  margin-right: 35px;
}

.page3-table-hr {
  margin-top: 2rem;
  margin-bottom: 0;
  width: 100%;
}

.mintazott-allat-input-width {
    width: 83px;
}

#egyebAllatiRadioBtn label {
    margin: 0;
}

.egyeb-allati-erintett-input-width {
    width: 80px;
}

.no-padding-right {
    padding-right: 0;
}

.no-padding-left {
    padding-left: 0;
}

.pdf_table {
  width: 100%;
  padding: 0;
  margin-bottom: 15px;
}
.pdf_text {
  padding: 3px;
  word-break: break-word;
}
.pdf_center {
  text-align: center;
}
.pdf_left {
  text-align: left;
}
.pdf_middle {
  vertical-align: middle;
}
.pdf_top {
  vertical-align: top;
}
.delete_border_right {
  border-right: 0 !important;
  border-spacing: 0;
}
.delete_border_left {
  border-left: 0 !important;
  border-spacing: 0;
}
.pdf_border {
  border: 1px solid black;
  border-spacing: 0;
}
.pdf_border td {
  border: 1px solid black;
  border-spacing: 0;
}
.pdf_bold {
  font-weight: bold;
}
.pdf_p_vertical {
  writing-mode: tb-rl;
  transform: rotate(180deg);
  padding: 0;
  margin: 0;
  display: inline;
  word-break: normal;
}

.width-auto {
  width: auto;
}

.table-cell-width-s {
  width: 50px;
}

.table-cell-width-m {
  width: 90px;
}

.table-cell-width-l {
  width: 160px;
}

.table-first-cell-width {
  width: 25px;
  padding-left: 5px !important;
  padding-right: 0 !important;
}

.table-cell-width-select {
  max-width: 220px;
}

.input-width-s {
  width: 40px;
}

.input-width-m {
  width: 80px;
}

.input-width-108 {
  width: 108px;
}

.input-width-l {
  width: 150px;
}

.select-width-s {
  width: 40px;
}

.select-width-m {
  width: 80px;
}

.select-width-l {
  width: 150px;
}

.input-width-select {
  max-width: 185px;
}

.required-field-spec-case {
  color: var(--nebih-red);
  padding-right: 3px;
}

.impresszum-container {
  margin: 60px 0 0 100px;
}

.exit-btn {
  margin-top: 9px;
  margin-left: 20px;
  float: none;
  display: inline-block;
  vertical-align: middle;
  padding: 0 7px;
}

.page-title {
  font-size: 17px;
  font-weight: 600;
  line-height: 38px;
  margin-bottom: 0;
  color: var(--nebih-blue);
  text-align: center;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.width-100-percent{
  width: 100%;
}

.height-36 {
  height: 36px;
}

.height-34{
  height: 34px !important;
}

.height-44{
  height: 44px !important;
}

.font-weight-normal {
  font-weight: normal;
}

.font-size-14 {
  font-size: 14px;
}

.font-size-20 {
  font-size: 20px;
}

.sajat-hely-checkbox {
  height: 25px;
  width: auto;
}

.sajat-hely-checkbox label {
  margin-bottom: 0;
}

.tree-table-cell {
  padding: 7px !important;
  line-height: 18px !important;
  font-size: 14px !important;
}

.linkable-text {
  cursor: pointer;
  text-decoration: underline !important;
}

.linkable-text:hover {
  text-decoration: none !important;
}

.color-blue, a.color-blue{
  color: var(--nebih-blue);
}

.accessibility-mode .linkable-text.color-blue {
  color: #007bff !important;
}

.color-dark-grey, a.color-dark-grey{
  color: var(--nebih-dark-grey);
}

.opacity-0 {
  opacity: 0 !important;
}

.cursor-pointer,
p-checkbox.cursor-pointer label,
p-radioButton.cursor-pointer label {
  cursor: pointer;
}

.side-html-padding {
  padding-left: 192px;
  padding-right: 192px;
}

.accessibility-mode,
.accessibility-mode hr,
.accessibility-mode .app-header .header-title-container h1,
.accessibility-mode .app-header .header-user-container .user-name,
.accessibility-mode .main-menu,
.accessibility-mode .nebih-provider-container .card,
.accessibility-mode .nebih-provider-container .card div,
.accessibility-mode .main-menu-link,
.accessibility-mode #main-menu-toggle-button,
.accessibility-mode .footer-toggle-icon,
.accessibility-mode .nav-footer-button-container .footer-link,
.accessibility-mode .footer-column.footer-adress-column div,
.accessibility-mode .new-order-buttons .title,
.accessibility-mode .favourite-icon,
.accessibility-mode .menuitem-badge,
.accessibility-mode i.fa-caret-down,
.accessibility-mode i.fa-question-circle,
.accessibility-mode i.fa-exclamation-circle,
.accessibility-mode .foot-box i,
.accessibility-mode .foot-box a,
.accessibility-mode .extend-nav li,
.accessibility-mode .extend-nav p,
.accessibility-mode .nev-order-buttons .title,
.accessibility-mode span.l1-display-name,
.accessibility-mode label.l1-title,
.accessibility-mode .required-field::after,
.accessibility-mode label.ui-chkbox-label::after,
.accessibility-mode div.l0-title,
.accessibility-mode p.l1-title,
.accessibility-mode p.page-title,
.accessibility-mode u.downloadable,
.accessibility-mode a.arrow-exit:hover,
.accessibility-mode a.arrow-modal-exit:hover,
.accessibility-mode .tabs-routing a.tab-deactive,
.accessibility-mode .tabs-routing a.tab-active span,
.accessibility-mode .tabs-routing a.tab-active span.error-circle-color i.fa-exclamation,
.accessibility-mode div.kert-vizsg-row,
.accessibility-mode div.ui-datepicker,
.accessibility-mode input,
.accessibility-mode input.form-control,
.accessibility-mode select.form-control,
.accessibility-mode select,
.accessibility-mode textarea.form-control,
.accessibility-mode div.table-scrollable,
.accessibility-mode .table-scrollable li.page-item.disabled a,
.accessibility-mode .table-scrollable li.page-item a,
.accessibility-mode table.table tr.table-nebih-row-header,
.accessibility-mode table.table tr.table-nebih-row3,
.accessibility-mode table.table tr.table-nebih-row3:focus-within td,
.accessibility-mode table.table tr.table-nebih-row td,
.accessibility-mode table.table tr.table-nebih-row.selectable td,
.accessibility-mode app-tree-table table.table tr,
.accessibility-mode app-tree-table table.table tr td,
.accessibility-mode app-tree-table table.table tr.selectable td,
.accessibility-mode app-tree-table li.page-item.disabled a,
.accessibility-mode p-dropdown > div.ui-state-disabled,
.accessibility-mode p-multiselect > div.ui-state-disabled,
.accessibility-mode p-multiselect .ui-multiselect,
.accessibility-mode .ui-dropdown-panel .ui-dropdown-filter-container .ui-dropdown-filter-icon,
.accessibility-mode p-multiselect .ui-multiselect:not(.ui-multiselect-open) .ui-multiselect-trigger .ui-multiselect-trigger-icon,
.accessibility-mode p-calendar input:focus,
.accessibility-mode app-tree-table li.page-item a,
.accessibility-mode .modal-content button.modal-button,
.accessibility-mode .modal-content-medium,
.accessibility-mode .tabs-modal-container,
.accessibility-mode .simple-modal-content,
.accessibility-mode .simple-modal-buttons,
.accessibility-mode .simple-modal-body,
.accessibility-mode .mat-dialog-content,
.accessibility-mode .mat-dialog-actions,
.accessibility-mode div.main-details-container,
.accessibility-mode div.modal-container.modal-size-full,
.accessibility-mode app-eljaro-allatorvos .mat-container,
.accessibility-mode app-eljaro-allatorvos .mat-actions,
.accessibility-mode .table-pager div.table-pager-page-buttons button,
.accessibility-mode div.mintazott-allatok-table-wrapper div.mintazott-allatok-table-pager nav ul li:not(.disabled):not(.active),
.accessibility-mode .ui-scrollpanel-wrapper,
.accessibility-mode p-dropdown .ui-dropdown .ui-dropdown-trigger-icon::before,
.accessibility-mode p-dropdown.mintazott-allatok-table-dropdown div.ui-dropdown,
.accessibility-mode app-table-filter label i.fa-info-circle,
.accessibility-mode .ui-multiselect-panel .ui-multiselect-header .ui-multiselect-filter-container input:not(:focus) + .ui-multiselect-filter-icon,
.accessibility-mode app-koordinata-modal div.tabs-modal-content,
.accessibility-mode app-active-tooltip span.linkable-text:not(:hover),
.accessibility-mode .closing-page-text,
.accessibility-mode .l0-title {
  background-color: black !important;
  color: var(--nebih-yellow) !important;
  background-image: none !important;
}

.accessibility-mode p-dropdown > div.ui-dropdown.ui-state-disabled div.ui-dropdown-trigger,
.accessibility-mode p-multiselect > div.ui-state-disabled div.ui-multiselect-trigger {
  background-color: initial;
}

.accessibility-mode .ui-datepicker-calendar-container .ui-state-disabled {
  color: var(--nebih-dark-grey) !important;
}

.accessibility-mode .app-header .header-icon-container #user-menu-button,
.accessibility-mode div.nebih-menu-dialog div.mat-menu-content .mat-menu-item,
.accessibility-mode div.mat-menu-panel div.mat-menu-content .mat-menu-item,
.accessibility-mode .l3-container:hover,
.accessibility-mode .l2-container:hover,
.accessibility-mode .l2-megnevezes,
.accessibility-mode .nebih-btn,
.accessibility-mode button.btn-green,
.accessibility-mode button.mat-button,
.accessibility-mode button.btn-blue,
.accessibility-mode .nebih-table th,
.accessibility-mode button.nebih-table-btn-blue,
.accessibility-mode span.l2-display-name,
.accessibility-mode span.warning-span,
.accessibility-mode label.warning-span,
.accessibility-mode div.ui-listbox-list-wrapper,
.accessibility-mode .modal-content,
.accessibility-mode .modal-content div.modal-detail,
.accessibility-mode .ui-state-active a,
.accessibility-mode a.arrow-exit,
.accessibility-mode a.arrow-modal-exit,
.accessibility-mode .ui-state-active a.main-menu-link,
.accessibility-mode .nav-panel li a,
.accessibility-mode .tabs-routing li,
.accessibility-mode .tabs-routing a.tab-active,
.accessibility-mode .tabs-routing a.tab-deactive span.error-circle-color i,
.accessibility-mode .tabs-routing a span,
.accessibility-mode .tabs-routing a.tab-deactive span.error-circle-color,
.accessibility-mode .table-scrollable li.page-item.active a,
.accessibility-mode .table-scrollable li.page-item a:hover,
.accessibility-mode input:focus,
.accessibility-mode input.form-control:focus,
.accessibility-mode p-autocomplete input:focus,
.accessibility-mode p-calendar input:focus,
.accessibility-mode p-dropdown .ui-dropdown-open .ui-dropdown-label-container,
.accessibility-mode p-dropdown .ui-dropdown-open .ui-dropdown-trigger-icon::before,
.accessibility-mode p-multiselect div.ui-multiselect-open,
.accessibility-mode p-multiselect div.ui-multiselect-open .ui-multiselect-trigger-icon,
.accessibility-mode .ui-dropdown-panel .ui-dropdown-filter-container input:focus + .ui-dropdown-filter-icon,
.accessibility-mode .ui-multiselect-filter-container input:focus + .ui-multiselect-filter-icon,
.accessibility-mode textarea.form-control:focus,
.accessibility-mode select.form-control:focus,
.accessibility-mode select.form-control:focus,
.accessibility-mode select:focus,
.accessibility-mode p-calendar > span.ui-calendar > button.ui-button,
.accessibility-mode p-calendar div.ui-widget-content,
.accessibility-mode div.ui-widget-content,
.accessibility-mode .modal-header>h3,
.accessibility-mode .mat-header,
.accessibility-mode div.tabs-modal-header,
.accessibility-mode div.tabs-modal-header h3,
.accessibility-mode div.simple-modal-header h3,
.accessibility-mode .table-pager div.table-pager-page-buttons button.active,
.accessibility-mode div.mintazott-allatok-table-wrapper div.mintazott-allatok-table-pager nav ul li.active,
.accessibility-mode .nebih-results-table2 li.active,
.accessibility-mode #tevekenyseg-scroll .ui-scrollpanel-bar.ui-scrollpanel-bar-y,
.accessibility-mode .ui-multiselect-panel .ui-multiselect-header a.ui-multiselect-close,
.accessibility-mode table.table tr.table-nebih-row.active td,
.accessibility-mode app-tree-table li.page-item.active a,
.accessibility-mode app-tree-table li.page-item a:hover,
.accessibility-mode app-tree-table table.table tr.active td,
.accessibility-mode app-custom-checkbox button i,
.accessibility-mode .main-menu-link.active-menu-item {
  color: black !important;
  background-color: var(--nebih-yellow) !important;
}

.accessibility-mode div.nebih-menu-button-dialog div.mat-menu-content div.mat-menu-element-container button.mat-menu-sub-icon {
  color: black !important;
  background-color: var(--nebih-yellow) !important;
  opacity: 1;
}

.accessibility-mode li:not(.tab-active) .tabs-routing a:hover span {
  background-color: black !important;
}

.accessibility-mode div.cookie-panel {
  background-color: black !important;
}

.accessibility-mode div.cookie-panel p a,
.accessibility-mode div.cookie-panel p a:hover,
.accessibility-mode div.cookie-panel p {
  color: var(--nebih-yellow) !important;
}

.accessibility-mode .tabs-routing li a {
  transition: initial !important;
}

.accessibility-mode .border-left-gray {
  border-left: 1px solid var(--nebih-yellow) !important;
}

.accessibility-mode .newOrder .tabs-routing li:nth-child(1),
.accessibility-mode .newOrder .tabs-routing li:nth-child(2),
.accessibility-mode .newOrder .tabs-routing li:nth-child(3) {
  border-right: 1px solid black !important;
}

.accessibility-mode p-dropdown.p-dropdown-in-form div.ui-dropdown,
.accessibility-mode p-dropdown.p-dropdown-in-form div.ui-dropdown:hover,
.accessibility-mode input:not(:focus),
.accessibility-mode p-fileupload div.ui-fileupload,
.accessibility-mode at-tooltip,
.accessibility-mode .bordered-form {
  background-color: black !important;
  color: var(--nebih-yellow) !important;
  border: 1px solid var(--nebih-yellow) !important;
}

.accessibility-mode div.mintazott-allatok-table-wrapper table.table tbody tr {
  background-color: black !important;
  color: var(--nebih-yellow) !important;
  border-top: 1px solid var(--nebih-yellow);
}

.accessibility-mode div.mintazott-allatok-table-wrapper table.table tbody tr.selected,
.accessibility-mode p-tree div.ui-tree div.ui-treenode-content.ui-treenode-selectable:hover:not(.ui-treenode-content-selected) span.ui-treenode-label,
.accessibility-mode div.ui-datepicker table.ui-datepicker-calendar a.ui-state-default:not(.ui-state-active):hover,
.accessibility-mode .ui-multiselect-panel .ui-multiselect-items-wrapper .ui-multiselect-items li.ui-multiselect-item:not(.ui-state-highlight):hover {
  background-color: var(--nebih-light-yellow) !important;
  color: black !important;
}

.accessibility-mode .nebih-table tbody,
.accessibility-mode .nebih-results-table2 tbody {
  border-bottom: 1px solid var(--nebih-yellow);
}

.accessibility-mode app-newlocation p-tree > div.ui-tree {
  border: none;
}

.accessibility-mode .nebih-table tr.selectable:hover,
.accessibility-mode .table-pager div.table-pager-page-buttons button:hover:not(.disabled):not(.active),
.accessibility-mode .ui-dropdown-panel .ui-dropdown-items-wrapper ul li.ui-dropdown-item:hover,
.accessibility-mode div.mintazott-allatok-table-wrapper div.mintazott-allatok-table-pager nav ul li:hover:not(.disabled),
.accessibility-mode .main-menu-link:hover {
  color: black !important;
  background-color: var(--nebih-light-yellow) !important;
}

.accessibility-mode .nebih-table tr.active {
  color: black !important;
  background-color: var(--nebih-yellow) !important;
}

.accessibility-mode .nav-panel ul li a {
  border-right: 1px solid black;
}

.accessibility-mode .nav-panel ul li a.active {
  color: black;
}

.accessibility-mode .ui-dropdown-panel .ui-dropdown-items-wrapper ul li.ui-dropdown-item.ui-state-highlight,
.accessibility-mode .ui-fileupload .ui-fileupload-buttonbar .ui-button:hover:not(:disabled),
.accessibility-mode .nebih-btn:hover:not(:disabled),
.accessibility-mode button.btn-green:hover:not(:disabled),
.accessibility-mode button.btn-blue:hover:not(:disabled),
.accessibility-mode button.mat-button:hover:not(:disabled),
.accessibility-mode p-tree div.ui-tree div.ui-treenode-content span.ui-treenode-label.ui-state-highlight,
.accessibility-mode div.ui-datepicker table.ui-datepicker-calendar a.ui-state-active,
.accessibility-mode .header-icon-container #user-menu button:hover,
.accessibility-mode .nav-panel li a:hover:not(.active),
.accessibility-mode div.nebih-menu-button-dialog div.mat-menu-content div.mat-menu-element-container button.mat-menu-sub-icon:hover,
.accessibility-mode button.tableheader-copy-btn {
  color: black !important;
  background-color: var(--nebih-dark-orange) !important;
}

.accessibility-mode i.anyagtipus-arrow,
.accessibility-mode div.anyagtipus-row div.anyagtipus-title-row.clickable:hover span,
.accessibility-mode .header-user-container:hover span,
.accessibility-mode .linkable-text-in-table {
  color: var(--nebih-dark-orange) !important;
}

.accessibility-mode nav ul.nav li a:hover .nav-badge {
  background-color: black !important;
  color: var(--nebih-dark-orange) !important;
}

.accessibility-mode div.nebih-menu-dialog div.mat-menu-content .mat-menu-item:hover,
.accessibility-mode div.mat-menu-panel div.mat-menu-content .mat-menu-item:hover {
  cursor: pointer !important;
  background-color: var(--nebih-dark-orange) !important;
}

.accessibility-mode p-multiselect .ui-multiselect,
.accessibility-mode p-multiselect .ui-multiselect:hover,
.accessibility-mode .pdf_border,
.accessibility-mode .pdf_border td,
.accessibility-mode p-autocomplete > span.ui-autocomplete > input.ui-inputtext:hover,
.accessibility-mode p-dropdown > div.ui-dropdown:hover,
.accessibility-mode p-dropdown > div.ui-dropdown.ui-dropdown-open,
.accessibility-mode p-dropdown > div.ui-dropdown,
.accessibility-mode app-mintazott-allatok table {
  border: 1px solid var(--nebih-yellow) !important;
}

.accessibility-mode .ui-multiselect-panel .ui-chkbox-box,
.accessibility-mode .ui-multiselect-filter-container input {
  border: 1px solid black !important;
}

.accessibility-mode .nebih-provider-container .card,
.accessibility-mode p-dropdown > div.ui-state-disabled,
.accessibility-mode p-multiselect > div.ui-state-disabled,
.accessibility-mode app-newlocation .main-details-container,
.accessibility-mode p-calendar > span.ui-calendar > input.ui-inputtext,
.accessibility-mode p-calendar > span.ui-calendar > input.ui-inputtext:hover,
.accessibility-mode p-calendar > span.ui-calendar > input.ui-inputtext:focus,
.accessibility-mode p-autocomplete > span.ui-autocomplete > input.ui-inputtext,
.accessibility-mode p-autocomplete > span.ui-autocomplete > input.ui-inputtext:focus {
  border: 1px solid var(--nebih-yellow) !important;
}

.accessibility-mode .l1-megnevezes,
.accessibility-mode .l3-megnevezes {
  color: var(--nebih-yellow) !important;
}

.accessibility-mode .l2-container:hover .l3-megnevezes,
.accessibility-mode .l3-container:hover .l3-megnevezes,
.accessibility-mode p-calendar > span.ui-calendar button.ui-button span {
  color: black !important;
}

.accessibility-mode .l2-container:hover app-question-circle-icon,
.accessibility-mode .l2-container:hover app-question-circle-icon i {
  transition: none !important;
  color: black !important;
  background-color: var(--nebih-yellow) !important;
}

.accessibility-mode div.pre-selector-main-container div.pre-selector-container div.l1-container div.l1-content div.l2-container div.l3-container {
  border-left: 1px solid var(--nebih-yellow);
}

.accessibility-mode .error-element{
  border: 2px solid var(--nebih-mid-red) !important;
  border-radius: 4px;
}

.accessibility-mode div.pre-selector-main-container div.pre-selector-container div.l1-container div.l1-content div.l2-container:hover div.l3-container {
  border-left: 1px solid black;
}

.accessibility-mode .l1-container:not(:last-child),
.accessibility-mode .nebih-table:not(.no-default-borders) tbody tr {
  border-bottom: 1px var(--nebih-yellow) solid !important;
}

.accessibility-mode .l3-container app-question-circle-icon,
.accessibility-mode .l3-container app-question-circle-icon i,
.accessibility-mode div.pre-selector-main-container div.pre-selector-container div.l1-container div.l1-content div.l2-container:hover {
  transition: none !important;
}

.accessibility-mode .l3-container:hover,
.accessibility-mode .l3-container:hover app-question-circle-icon,
.accessibility-mode .l3-container:hover app-question-circle-icon i,
.accessibility-mode .ui-multiselect-panel .ui-multiselect-items-wrapper .ui-multiselect-items li.ui-multiselect-item.ui-state-highlight,
.accessibility-mode .ui-multiselect-panel .ui-chkbox .ui-chkbox-box.ui-state-active {
  transition: none !important;
  color: black !important;
  background-color: var(--nebih-dark-orange) !important;
}

.accessibility-mode

.accessibility-mode input,
.accessibility-mode input.form-control,
.accessibility-mode input.form-control:focus,
.accessibility-mode textarea.form-control,
.accessibility-mode select.form-control,
.accessibility-mode select,
.accessibility-mode div.table-scrollable label select,
.accessibility-mode div.ui-datepicker,
.accessibility-mode table.table tr.table-nebih-row-header th,
.accessibility-mode table.table tr.table-nebih-row3 th,
.accessibility-mode p-calendar > span.ui-calendar > button.ui-button,
.accessibility-mode span.jogi-nyilatkozat-szoveg {
  border-width: 1px !important;
  border-color: var(--nebih-yellow) !important;
}

.accessibility-mode div.ui-chkbox-box.ui-state-active,
.accessibility-mode div.ui-radiobutton-box.ui-state-active,
.accessibility-mode div.ui-chkbox-box.ui-state-default,
.accessibility-mode div.ui-radiobutton-box.ui-state-default {
  border: 0 solid black;
  background: var(--nebih-yellow) !important;
  color: black !important;
}

.accessibility-mode div.ui-chkbox-box,
.accessibility-mode div.ui-chkbox-box.ui-state-active,
.accessibility-mode div.ui-radiobutton-box.ui-state-active,
.accessibility-mode div.ui-chkbox-box.ui-state-default,
.accessibility-mode div.ui-radiobutton-box.ui-state-default,
.accessibility-mode app-custom-checkbox button i {
  background: var(--nebih-yellow) !important;
}

.accessibility-mode .invalid-checkbox > div > div.ui-chkbox-box {
  border: 2px solid var(--nebih-red) !important;
}

.accessibility-mode app-custom-checkbox button i.table-btn-chb-white {
  color: var(--nebih-yellow) !important;
}

/*.accessibility-mode .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-radiobutton-icon,*/
.accessibility-mode div.my-modal {
  background-color: black !important;
}

.accessibility-mode a.l3-active:hover {
  cursor: pointer;
  border-bottom: 2px solid var(--nebih-yellow) !important;
}

.accessibility-mode div.selector-padding img {
  display: none;
}

.accessibility-mode div.grey-box {
  border: 1px solid var(--nebih-yellow);
  background-color: black !important;
  color: var(--nebih-yellow) !important;
}

.accessibility-mode div.l1-box {
  border-bottom-color:  var(--nebih-yellow) !important;
}

.accessibility-mode div.loader {
  border: 6px solid var(--nebih-yellow) !important;
  border-top: 6px solid black !important;
}

.accessibility-mode .my-modal {
  background-color: rgba(0,0,0,0.6) !important;
}

.accessibility-mode #main-menu .main-menu-link img {
  -webkit-filter: grayscale(100%) brightness(120%) sepia(90%) hue-rotate(5deg) saturate(5000%) contrast(0.7);
  filter: grayscale(100%) brightness(120%) sepia(90%) hue-rotate(5deg) saturate(5000%) contrast(0.7);
}

.accessibility-mode nav ul.nav li {
  border-left-color: var(--nebih-yellow);
}

.accessibility-mode nav ul.nav li a:hover,
.accessibility-mode nav ul.nav li a:hover .nav-title,
.accessibility-mode nav ul.nav li:not(.tab-active) a:hover span:not(:first-child) {
  background-color: var(--nebih-dark-orange) !important;
}

.accessibility-mode .message-modal-level .modal-detail-a {
  color: var(--nebih-dark-red);
}

.accessibility-mode .fa-exclamation {
  color: black;
}

.accessibility-mode .mainlist tr {
  border-top: 1px solid var(--nebih-yellow);
}

.accessibility-mode .mainlist tr:last-child {
  border-bottom: 1px solid var(--nebih-yellow);
}

.accessibility-mode select:disabled,
.accessibility-mode p-multiselect .ui-state-disabled,
.accessibility-mode p-dropdown .ui-state-disabled {
  opacity: 0.5 !important;
}

.accessibility-mode nav ul li a.active,
.accessibility-mode nav ul.nav li a.tab-active,
.accessibility-mode nav ul.nav li a .nav-badge,
.accessibility-mode nav ul.nav li a.tab-active .nav-title,
.accessibility-mode nav ul.nav li a.tab-active .fa-exclamation {
  background-color: black !important;
  color: var(--nebih-yellow) !important;
}

.accessibility-mode nav ul.nav li a.tab-active .nav-badge,
.accessibility-mode nav ul.nav li a .error-circle-color i.fa-exclamation {
  background-color: var(--nebih-yellow) !important;
  color: black !important;
}

.accessibility-mode input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: var(--nebih-yellow);
  opacity: 1; /* Firefox */
}

.accessibility-mode input:focus::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: black;
  opacity: 1; /* Firefox */
}

.accessibility-mode input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: var(--nebih-yellow);
}

.accessibility-mode input:focus:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: var(--nebih-yellow);
}

.accessibility-mode input::-ms-input-placeholder { /* Microsoft Edge */
  color: var(--nebih-yellow);
}

.accessibility-mode input:focus::-ms-input-placeholder { /* Microsoft Edge */
  color: var(--nebih-yellow);
}

.accessibility-mode .ui-fileupload .ui-fileupload-buttonbar .ui-button,
.accessibility-mode .ui-fileupload .ui-fileupload-buttonbar .ui-button:hover {
  background-color: var(--nebih-yellow);
  color: black;
}

.accessibility-mode .ui-fileupload-content .ui-fileupload-files .ui-fileupload-row button,
.accessibility-mode .ui-fileupload-content .ui-fileupload-files .ui-fileupload-row button:hover {
  background-color: black;
  color: var(--nebih-yellow);
}

.accessibility-mode .modal-info .modal-body {
  background-color: var(--nebih-yellow) !important;
  color: black !important;
}

.accessibility-mode .delete-button {
  color: var(--nebih-yellow) !important;
  background-color: black !important;
}

.accessibility-mode .ui-datepicker .ui-widget-header {
  background: black;
}

.accessibility-mode .ui-datepicker.ui-widget .ui-datepicker-calendar thead th,
.accessibility-mode .ui-datepicker .ui-datepicker-header a {
  background-color: black;
  color: var(--nebih-yellow);
}

.accessibility-mode .ui-datepicker.ui-widget .ui-datepicker-header,
.accessibility-mode .ui-datepicker.ui-widget .ui-datepicker-buttonbar,
.accessibility-mode .ui-datepicker.ui-widget .ui-datepicker-calendar td {
  border: none;
}

.accessibility-mode .ui-datepicker.ui-widget .ui-datepicker-calendar td a:not(.disabled) {
  background-color: black;
  color: var(--nebih-yellow);
}

.accessibility-mode .ui-datepicker .ui-datepicker-buttonbar button,
.accessibility-mode .ui-datepicker .ui-datepicker-buttonbar button:hover {
  background-color: var(--nebih-yellow);
  color: black;
}

.closing-page-lead {
  margin-bottom: 30px;
  color: black;
}

.closing-page-text {
  font-size: 16px;
  font-weight: normal;
  color: black;
}
/* ACCESSIBILITY MODE vége */

.line-height-15 {
  line-height: 15px;
}

.border-left-gray{
  border-left: 1px solid var(--nebih-mid-grey) !important;
  padding-left: 5px !important;
}

.mintaveteli-hely-label {
  line-height: 21px;
}

button:focus {
  outline: 0 !important;
}

.static-labor-title-text {
  margin-top: 10px;
  font-size: 20px;
  font-weight: bold;
  color: #ffffff;
  position: absolute;
  left: 200px;
  top: 10px;
}

p-listbox.lang-selector-container {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 18px;
}