/*
    Loading spinner
*/
.la-ball-spin,
.la-ball-spin > div {
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.la-ball-spin {
display: block;
font-size: 0;
color: #fff;
}
.la-ball-spin.la-dark {
color: #333;
}
.la-ball-spin > div {
display: inline-block;
float: none;
background-color: currentColor;
border: 0 solid currentColor;
}
.la-ball-spin {
width: 32px;
height: 32px;
}
.la-ball-spin > div {
position: absolute;
top: 50%;
left: 50%;
width: 8px;
height: 8px;
margin-top: -4px;
margin-left: -4px;
border-radius: 100%;
-webkit-animation: ball-spin 1s infinite ease-in-out;
-moz-animation: ball-spin 1s infinite ease-in-out;
-o-animation: ball-spin 1s infinite ease-in-out;
animation: ball-spin 1s infinite ease-in-out;
}
.la-ball-spin > div:nth-child(1) {
top: 5%;
left: 50%;
-webkit-animation-delay: -1.125s;
-moz-animation-delay: -1.125s;
-o-animation-delay: -1.125s;
animation-delay: -1.125s;
}
.la-ball-spin > div:nth-child(2) {
top: 18.1801948466%;
left: 81.8198051534%;
-webkit-animation-delay: -1.25s;
-moz-animation-delay: -1.25s;
-o-animation-delay: -1.25s;
animation-delay: -1.25s;
}
.la-ball-spin > div:nth-child(3) {
top: 50%;
left: 95%;
-webkit-animation-delay: -1.375s;
-moz-animation-delay: -1.375s;
-o-animation-delay: -1.375s;
animation-delay: -1.375s;
}
.la-ball-spin > div:nth-child(4) {
top: 81.8198051534%;
left: 81.8198051534%;
-webkit-animation-delay: -1.5s;
-moz-animation-delay: -1.5s;
-o-animation-delay: -1.5s;
animation-delay: -1.5s;
}
.la-ball-spin > div:nth-child(5) {
top: 94.9999999966%;
left: 50.0000000005%;
-webkit-animation-delay: -1.625s;
-moz-animation-delay: -1.625s;
-o-animation-delay: -1.625s;
animation-delay: -1.625s;
}
.la-ball-spin > div:nth-child(6) {
top: 81.8198046966%;
left: 18.1801949248%;
-webkit-animation-delay: -1.75s;
-moz-animation-delay: -1.75s;
-o-animation-delay: -1.75s;
animation-delay: -1.75s;
}
.la-ball-spin > div:nth-child(7) {
top: 49.9999750815%;
left: 5.0000051215%;
-webkit-animation-delay: -1.875s;
-moz-animation-delay: -1.875s;
-o-animation-delay: -1.875s;
animation-delay: -1.875s;
}
.la-ball-spin > div:nth-child(8) {
top: 18.179464974%;
left: 18.1803700518%;
-webkit-animation-delay: -2s;
-moz-animation-delay: -2s;
-o-animation-delay: -2s;
animation-delay: -2s;
}
.la-ball-spin.la-sm {
width: 16px;
height: 16px;
}
.la-ball-spin.la-sm > div {
width: 4px;
height: 4px;
margin-top: -2px;
margin-left: -2px;
}
.la-ball-spin.la-2x {
width: 64px;
height: 64px;
}
.la-ball-spin.la-2x > div {
width: 16px;
height: 16px;
margin-top: -8px;
margin-left: -8px;
}
.la-ball-spin.la-3x {
width: 96px;
height: 96px;
}
.la-ball-spin.la-3x > div {
width: 24px;
height: 24px;
margin-top: -12px;
margin-left: -12px;
}
/*
* Animation
*/
@-webkit-keyframes ball-spin {
0%,
100% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
20% {
opacity: 1;
}
80% {
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
}
}
@-moz-keyframes ball-spin {
0%,
100% {
opacity: 1;
-moz-transform: scale(1);
transform: scale(1);
}
20% {
opacity: 1;
}
80% {
opacity: 0;
-moz-transform: scale(0);
transform: scale(0);
}
}
@-o-keyframes ball-spin {
0%,
100% {
opacity: 1;
-o-transform: scale(1);
transform: scale(1);
}
20% {
opacity: 1;
}
80% {
opacity: 0;
-o-transform: scale(0);
transform: scale(0);
}
}
@keyframes ball-spin {
0%,
100% {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
20% {
opacity: 1;
}
80% {
opacity: 0;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
}
}


/*   .table-striped>tbody>tr:nth-child(odd)>td,
  .table-striped>tbody>tr:nth-child(odd)>th {
        background-color: rgba(0, 0, 0, .1)
   } */


/*
    Legördülő
*/
.dropdown-menu li {
position: relative;
}
.dropdown-menu .dropdown-submenu {
display: none;
position: absolute;
left: 100%;
top: -8px;
}
.dropdown-menu .dropdown-submenu-left {
right: 100%;
left: auto;
}
.dropdown-menu > li:hover > .dropdown-submenu {
display: block;
}
.dropdown-item {
    padding: 3px 10px !important;
    font-size: 0.75rem !important;
}
.btn {
    border-radius: 2px ! important;
}
.btn-sm .btn {
    font-size: 0.75rem !important;
}

/* filterekben lévő gombok a sor végén */
.btn.smbtn {
    font-size: 0.6rem;
   /*  padding-left: 15px ! important;
    padding-right: 15px ! important; */
    width: 60px ! important;
}

/* főmenüben lévő gombok */
.btn.menubtn {
    font-size: 0.75rem;
   /*  padding-left: 15px ! important;
    padding-right: 15px ! important;
    padding-top: 15%;*/
    width: 108px ! important;
}
.btn.menubtn2 {
    font-size: 0.56rem;
   /*  padding-left: 15px ! important;
    padding-right: 15px ! important;
    padding-top: 15%;*/
    /* width: 70px ! important; */
    height: 35px ! important;
    /* padding-left: 0px ! important;
    padding-right: 0px ! important;
    margin: 0; */
    top: 50%;
    padding-top: 2px ! important;
}

/* A mentés gombok egységes stípusához */
.btn.savebtn {
    background-color: #f44336 ! important;
    min-width: 100px ! important;
    border: 1px solid rgb(255, 255, 255);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2), 0 2px 5px 0 rgba(0,0,0,0.19);
}

/* A mentés gombok egységes stípusához */
.btn.embtn1 {
    background-color: #3e32f3 ! important;
    min-width: 100px ! important;
    border: 1px solid rgb(255, 255, 255);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2), 0 2px 5px 0 rgba(0,0,0,0.19);
}
.btn.embtn2 {
    background-color: #087c04 ! important;
    min-width: 100px ! important;
    border: 1px solid rgb(255, 255, 255);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2), 0 2px 5px 0 rgba(0,0,0,0.19);
}
.btn.embtn3 {
    background-color: #ce382d! important;
    min-width: 100px ! important;
    border: 1px solid rgb(255, 255, 255);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2), 0 2px 5px 0 rgba(0,0,0,0.19);
}
.btn.embtn_inprogress {
    background-color: #9bfffa ! important;
    color: black;
    min-width: 100px ! important;
    border: 1px solid rgb(255, 255, 255);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2), 0 2px 5px 0 rgba(0,0,0,0.19);
}

/* .btn.savebtn:before {
    content: "\1F5AB";
    display: inline-block;
    padding-right: 7px;
    vertical-align: middle;
    font-weight: 100;
    font-size: 1rem;
    color: rgb(228, 228, 228);
}

.btn.savebtn:hover:before {
    color: rgb(239, 243, 4);
} */

/* A mentés gombok egységes stípusához */
.btn.nosavebtn {
    min-width: 150px ! important;
    margin: 10px ! important;
}

.btn.ktsbtn {
    background-color: #4a65fd ! important;
    min-width: 100px ! important;
    border: 1px solid rgb(255, 255, 255);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2), 0 2px 5px 0 rgba(0,0,0,0.19);
    margin: 5px ! important;
}

.btn.ktsbtnlila {
    background-color: #b056b8 ! important;
    min-width: 100px ! important;
    border: 1px solid rgb(255, 255, 255);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2), 0 2px 5px 0 rgba(0,0,0,0.19);
    margin: 5px ! important;
}

.table.mybtn {
    font-size: 0.75rem;
}
.table.dijtabla {
    border: 1px solid rgb(179, 177, 177) !important;
}
/* szűrók szürke gombjai*/
.greybtn {
    font-size: 0.66rem !important;
    border: 1px solid rgb(68, 68, 68) !important;
}

/* táblák kisebb betümérete a fejlécben */
.table-condensed{
    font-size: 0.6rem;
}
.table-condensed2{
    font-size: 0.75rem;
}

.font-moderate{
    font-size: 0.75rem;
}

/* táblák függőleges csíkja */
.table.table-bg-fullwhite {
    /* font-size: 0.65rem !important; */
    /* border-collapse: separate !important;
    border-spacing: 0 !important;*/
    /* --bs-table-bg: white ! important; */
    /*border-collapse: collapse ! important;*/
}

/* td:not(:last-child),th:not(:last-child) {
    border-right: 0.2px solid rgb(143, 134, 134);
} */

/* Új partner/hír/user/... linkje */
/* .uj-link {
    font-weight: 500 !important;
}

.uj-link:hover {
    font-weight: 900 !important;
}

.uj-link:before {
    content: "\271B";
    display: inline-block;
    padding-right: 3px;
    vertical-align: top;
    font-weight: 900;
    color: green;
}

.uj-link:hover:before {
    color: rgb(8, 73, 13);
} */


.uj-link {
    background-image: linear-gradient(#b9b7b7, #5c5c5c);
    border: 0;
    border-radius: 2px;
    box-shadow: rgba(0, 0, 0, .3) 0 5px 15px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    /* font-family: Montserrat,sans-serif; */
    font-size: .75rem;
    margin: 5px;
    padding: 8px 12px;
    text-align: center;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    text-decoration: none;
  }


.uj-link:hover {
    border: 1px solid rgb(160, 160, 160);
    border-radius: 4px;
    font-size: .8rem;
    color: rgb(213, 250, 213) !important;
  }

  .uj-link:before {
      content: "\271B";
      display: inline-block;
      padding-right: 7px;
      /* vertical-align: top; */
      font-weight: 900;
      font-size: 0.75rem;
      color: rgb(228, 228, 228);
  }

  .uj-link:hover:before {
      color: rgb(15, 240, 15);
  }


.table.filterStyle {
    margin-bottom: 0px ! important;
    font-size: 0.75rem;
    border: none ! important;
}

.table.filterStyle td:not(:last-child),th:not(:last-child) {
    border-right: 0px ! important;
}

/* fix első oszlop */
.table th:nth-child(1),
.table td:nth-child(1) {
  /* position: sticky;
  left: 0;
  z-index: 800; */
  /* background-color: #ad6c80;
  color: #373737;*/
}

.table td {
    white-space: nowrap;
  }

.filter-div {
    position: sticky;
    top: 60px;
    opacity: .97;
    z-index:1000;
}

.body-top-padding {
    padding-top: 60px;
}

/* éves nézetben a hónapok cellái */
.honaptd {
    min-width: 20px ! important;
    text-align: center ! important;
}

/* éves nézetben a hónapok cellái zöldben*/
.honaptd-success {
    background-color: rgb(109, 255, 80) !important;
    color: rgb(37, 37, 37) ! important;
}

/* éves nézetben a hónapok cellái pirosban*/
.honaptd-danger {
    background-color: rgb(240, 42, 35) !important;
    color: whitesmoke ! important;
}

/* éves nézetben a hónapok cellái kékben*/
.honaptd-opened {
    background-color: #3e32f3 !important;
    color: whitesmoke ! important;
}

/* éves nézetben a hónapok cellái sárgában*/
.honaptd-warning {
    background-color: rgb(239, 255, 16) !important;
    color: rgb(37, 37, 37) ! important;
}

@media (max-width: 994px) {
    .body-top-padding {
        padding-top: 130px;
    }

    .filter-div {
        position: sticky;
        top: 130px;
        opacity: .97;
        z-index:1000;
    }
}

@media (max-width: 767px) {
    .body-top-padding {
        padding-top: 160px;
    }

    .filter-div {
        position: sticky;
        top: 160px;
        opacity: .97;
        z-index:1000;
    }
}

/* belekattintáskor elrűnik a placeholder */
input:focus::placeholder {
    color: transparent;
}

/* belekattintáskor elrűnik a placeholder */
textarea:focus::placeholder {
    color: transparent;
}

/* dőlt placeholder */
::-webkit-input-placeholder {
    font-style: italic;
 }
 :-moz-placeholder {
    font-style: italic;
 }
 ::-moz-placeholder {
    font-style: italic;
 }
 :-ms-input-placeholder {
    font-style: italic;
 }
 /* dőlt placeholder vége  */

 .search {
    background-color: whitesmoke;
    color: #4b4a4a;
 }

 /* toastlink kinézete */
 .toastlink {

 }

 /* toast kinézete */
 .toast{
    position: fixed;
    top: 100px;
    margin: auto;
    width: 50%;
    z-index: 9999;
    opacity: 1 !important;
}

.noopacity {
    opacity: 1 !important;
}

/* */
.tablelink {
    text-decoration: none;
    color: inherit;
    font-weight: 100 !important;
}

.tablelinkbold {
    text-decoration: none;
    color: inherit;
    font-weight: 900 !important;
}

.kuldes {
    text-decoration: none;
    color: inherit;
    font-weight: 100;
}

.kuldes:hover {
    font-weight: bold !important;
}

.kuldes:before {
    content: "\2794";
    display: inline-block;
    padding-right: 3px;
    vertical-align: middle;
    font-weight: 900;
    color: green;
}

/* Adatlap link a listák végén */
.adatlap-sm {
    text-decoration: none;
    color: inherit;
    font-weight: 600 !important;
}

.adatlap-sm:hover {
    font-weight: 900 !important;
    color:rgb(173, 45, 45);
}
.adatlap {
    text-decoration: none;
    color: inherit;
    font-weight: 100;
}

.adatlap:hover {
    font-weight: bold !important;
}

.adatlap:before {
    content: "\2630";
    display: inline-block;
    padding-right: 5px;
    vertical-align: middle;
    font-weight: 900;
    color: green;
}

.adatlap:hover:before {
    content: "\2637";
}
.kivalaszt {
    text-decoration: none;
    color: inherit;
    font-weight: 100;
}

.kivalaszt:hover {
    font-weight: bold !important;
}

.kivalaszt:before {
    content: "\21E2";
    display: inline-block;
    padding-right: 5px;
    vertical-align: middle;
    font-weight: 900;
    color: rgb(75, 107, 248);
}

.kivalaszt:hover:before {
    content: "\21D2";
}

/* Részletek link a listák végén */
.reszletek {
    text-decoration: none;
    color: inherit;
    font-weight: 100;
}
.reszletek:hover {
    font-weight: bold !important;
}

.reszletek:before {
    content: "\229D";
    display: inline-block;
    padding-right: 5px;
    vertical-align: middle;
    font-weight: 900;
    color: green;
}

.reszletek:hover:before {
    content: "\2611";
}

/* Lezárás a Kész feladatok lista végén */
.lezaras {
    text-decoration: none;
    color: inherit;
    font-weight: 100;
}
.lezaras:hover {
    font-weight: bold !important;
}

.lezaras:before {
    content: "\2713";
    display: inline-block;
    padding-right: 5px;
    vertical-align: middle;
    font-weight: 900;
    color: rgb(190, 6, 21);
}

.lezaras:hover:before {
    content: "\2714";
}

/* Törlés link a listák végén */
.torles {
    text-decoration: none;
    color: inherit;
    font-weight: 100;
}

.torles:hover {
    font-weight: bold !important;
}

.torles:before {
    content: "\274C";
    display: inline-block;
    padding-right: 3px;
    vertical-align: middle;
    font-weight: 900;
    color: rgb(190, 6, 21);
    /* font-size: 1rem; */
 }

 .torles:hover:before {
     content: "\2753";
     color: rgb(190, 6, 21);
 }

 a {
   color: inherit; /* blue colors for links too */
   text-decoration: none; /* no underline */
   font-weight: 900;
 }

 .penzugyipanel {
     text-decoration: none;
     color: inherit;
     font-weight: 100;
 }

 .penzugyipanel:hover {
     font-weight: bold !important;
 }

 .penzugyipanel:before {
     content: "\26C0";
     display: inline-block;
     padding-right: 5px;
     vertical-align: middle;
     font-weight: 900;
     color: rgb(255, 61, 61);
 }

 .penzugyipanel:hover:before {
    content: "\26C1";
 }

/* A modal gombok egységes stípusához */
.btn.modalbtn {
    min-width: 100px ! important;
    margin: 10px ! important;
}

/* Napok link a calendarban */
.napLink {
    text-decoration: none;
    color: inherit;
    font-weight: 100;
}

/* Kiválasztott Napok link a calendarban */
.napSelected {
    text-decoration: none;
    background: #fa2213 ! important;
    color: white;
    font-weight: bold ! important;
}

/* Kiválasztott Napok link text a calendarban */
.napSelectedText {
    text-decoration: none;
    color: rgb(233, 233, 233);
    font-weight: bold ! important;
}

/* Szabadságok a calendarban */
.athozottStyle {
    white-space: wrap ! important;
    text-decoration: none;
    background: rgb(24, 28, 231);
    color: white;
}
.ideiStyle {
    white-space: wrap ! important;
    text-decoration: none;
    background: rgb(54, 163, 21);
    color: white;
}
.betegStyle {
    white-space: wrap ! important;
    text-decoration: none;
    background: rgb(241, 193, 33);
    color: white;
}
.tappenzStyle {
    white-space: wrap ! important;
    text-decoration: none;
    background: rgb(241, 243, 116);
    color: black;
}
.fuznelkuliStyle {
    white-space: wrap ! important;
    text-decoration: none;
    background: rgb(197, 196, 196);
    color: white;
}
.rendkivuliStyle {
    white-space: wrap ! important;
    text-decoration: none;
    background: rgb(166, 83, 177);
    color: white;
}

#calendar td {
    white-space: wrap ! important;
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
    width: 100px;
 }

 .box {
    float: left;
    height: 20px;
    width: 20px;
    margin-bottom: 15px;
    border: 1px solid rgb(255, 240, 103);
    clear: both;
  }

  .box-sm {
     float: center;
     height: 15px;
     width: 15px;
     margin:auto;
     border: 1px solid rgb(255, 240, 103);
     clear: both;
   }

  .athozott {
    background-color: rgb(24, 28, 231) !important;
    color: white !important;
  }

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

  .idei {
    background: rgb(54, 163, 21) !important;
  }

  .beteg {
    background-color: rgb(241, 193, 33) !important;
  }

  .tappenz {
    background-color: rgb(241, 243, 116) !important;
    color: rgb(0, 0, 0) !important;
  }

  .fuznelkuli {
    background-color: rgb(197, 196, 196) !important;
  }

  .rendkivuli {
    background-color: rgb(166, 83, 177) !important;
  }

  .munkaszuneti {
    background-color: red !important;
    color: white !important;
  }

  .kiemelt {
    background-color: rgb(155, 155, 155) !important;
    color: white !important;
  }

  .sarga {
    background-color: rgb(251, 255, 0) !important;
  }

  .vilagoszold {
    background: rgb(117, 248, 77) !important;
  }

  .dowrap {
    white-space: normal !important;
  }
  .csillagLink {
      text-decoration: none;
      color: inherit;
      font-size: 2.5rem !important;
  }
  .csillagLink:hover {
      text-decoration: none;
      color: rgb(255, 255, 115);
      font-weight: bold;
      font-size: 2.5rem !important;
  }
  .csillagLink_selected {
      color: yellow;
  }

  /* a táblák fejléce a sorbarendezéshez*/
  .order {
    cursor: pointer;
  }

  /* Chrome, Safari, Edge, Opera */
  input::-webkit-outer-spin-button,
  input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }

  /* Firefox */
  input[type=number] {
    -moz-appearance: textfield;
  }

  .input-width-xs {
    max-width: 25px !important;
    font-size: 0.6rem !important;
    outline: none !important;
    border: none;
    text-align: right;
  }

  .input-width-sm {
    max-width: 50px !important;
    font-size: 0.6rem !important;
    outline: none !important;
    border: none;
    text-align: right;
  }

  .input-width {
    max-width: 60px !important;
    font-size: 0.6rem !important;
    outline: none !important;
    border: none;
    text-align: right;
  }

  .input-width-search {
    max-width: 400px !important;
    font-size: 0.6rem !important;
    outline: none !important;
    border: none;
    text-align: right;
  }

  .input-width-lg {
    width: 90% !important;
    /* max-width: 85px !important; */
    font-size: 0.6rem !important;
    outline: none !important;
    border: none;
    text-align: right;
  }

  .input-width-xxl {
    max-width: 200px !important;
    font-size: 0.6rem !important;
  }

  .input-width-full-bordered {
    width:100% !important;
    font-size: 0.6rem !important;
  }

  .input-width-full {
    width:100% !important;
    font-size: 0.6rem !important;
    outline: none !important;
    border: none;
    display: block;
  }

  .visszaalistara {
    background-image: linear-gradient(#c2c0c0, #5c5c5c);
    border: 0;
    border-radius: 2px;
    box-shadow: rgba(0, 0, 0, .3) 0 5px 15px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    /* font-family: Montserrat,sans-serif; */
    font-size: .75rem;
    margin: 5px;
    padding: 8px 12px;
    text-align: center;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    text-decoration: none;
  }

  .visszaalistara:hover {
    border: 1px solid rgb(160, 160, 160);
    border-radius: 4px;
    font-size: 0.8rem;
    color: rgb(255, 248, 181) !important;
  }

  .visszaalistara:before {
      content: "\23F4";
      display: inline-block;
      padding-right: 8px;
      /* vertical-align: middlujl */
      font-weight: 900;
      font-size: 0.75rem;
      color: rgb(228, 228, 228);
  }

  .visszaalistara:hover:before {
      color: rgb(255, 230, 0);
  }

  .table.noborder {
    border: none !important;
    border-bottom: none ! important;
    border-top: none ! important;
  }

  .nobordertd {
    border-bottom: none ! important;
    border-top: none ! important;
  }
  .box1 {
    margin-bottom: 0px;
    text-align: center;
  }


  .tooltip-text {
    visibility: hidden;
    position: absolute;
    z-index: 9999;
    min-width: 200px;
    color: rgb(8, 8, 8);
    background-color: #f7f8a6;
    padding: 5px 8px;
    border: 1px solid rgb(114, 114, 114);
    border-radius: 3px;
  }

  /* .hover-text .tooltip-text::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -6px;
    border-width: 6px;
    border-style: solid;
    border-color: black transparent transparent transparent;
  } */

  .hover-text:hover .tooltip-text {
    visibility: visible;
  }

  .top {
    top: -35px;
    left: -50%;
  }

  .bottom {
    top: 25px;
    left: -50%;
  }

  .left {
    top: -8px;
    right: 120%;
  }

  .right {
    top: -8px;
    left: 120%;
  }

  .hover-text {
    position: relative;
    display: inline-block;
    text-align: center;
  }

  .modal-backdrop
{
    opacity:0.1 !important;
}

.szegely {
    border: 1px solid;
}

.font75 {
    font-size: 0.75rem;
}

.emtable {
    border-collapse: collapse;
    width: 90% !important;
    border: 1px solid #252525;
    font-size: 0.85rem;
}

.emtable td, tr {
    height: 20;
    padding-right: 5px;
    padding-left: 5px;
}

.emtable2 td, tr {
    height: 30;
}

.light-gray {
    background-color: rgb(218, 218, 218);
}

.hrInEM {
    margin: 0px;
    border: 2px solid rgb(1, 0, 65) !important;
}

/* The Modal (background) */
.modal-message {
    position: fixed; /* Stay in place */
    z-index: 901; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  }
.modal2 {
    position: fixed; /* Stay in place */
    z-index: 901; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  }

.modal2-signature {
      position: fixed; /* Stay in place */
      z-index: 901; /* Sit on top */
      padding-top: 50px; /* Location of the box */
      left: 0;
      top: 0;
      width: 100%; /* Full width */
      height: 100%; /* Full height */
      overflow: auto; /* Enable scroll if needed */
      background-color: rgb(0,0,0); /* Fallback color */
      background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
    }

  .modal2-full {
      position: fixed; /* Stay in place */
      z-index: 1; /* Sit on top */
      padding-top: 0.5%; /* Location of the box */
      left: 0;
      top: 0;
      width: 100%; /* Full width */
      height: 100%; /* Full height */
      overflow: auto; /* Enable scroll if needed */
      background-color: rgb(0,0,0); /* Fallback color */
      background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
    }

    /* Modal Content */
.modal-content2 {
      position: relative;
      background-color: #fefefe;
      margin: auto;
      padding: 0;
      border: 0px solid #6d6d6d;
      border-radius: 3px;
      width: 50%;
      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.4s;
      animation-name: animatetop;
      animation-duration: 0.4s
    }

  /* Modal Content */
.modal-content-message {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border: 0px solid #4354f0;
    border-radius: 3px !important;
    width: 50%;
    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.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
  }

  /* Modal Content */
  .modal-content2-full {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    width: 65%;
    height: 99%; /* Full height */
    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.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
  }

  .modal-content-signature {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    width: 50%;
    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.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
  }

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

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

  /* The Close Button */
  .close2 {
    color: rgb(3, 3, 3);
    float: right;
    font-size: 16px;
    /* font-weight: bold; */
    transition: 0.2s ease-in-out;
  }

  .close2:hover,
  .close2:focus {
    color: #ff0000;
    text-decoration: none;
    /* font-weight: bold; */
    transform: rotate(-90deg);
  }

  .close-message {
    color: rgb(3, 3, 3);
    float: right;
    font-size: 16px;
    /* font-weight: bold; */
    transition: 0.2s ease-in-out;
  }

  .close-message:hover,
  .close-message:focus {
    color: #ff0000;
    text-decoration: none;
    /* font-weight: bold; */
    transform: rotate(-90deg);
  }

  .modal-header-message {
    padding-top: 12px;
    padding-left: 14px;
    padding-right: 18px;
    padding-bottom: 3px;
    border-bottom: solid 2px #e9e9e9;
    font-weight: bold;
    color: rgb(0, 0, 0);
  }

  .modal-header2 {
    padding-top: 2px;
    padding-left: 14px;
    padding-right: 18px;
    padding-bottom: 2px;
    background-color: #e9e9e9;
    color: white;
  }

.modal-body-message {
    padding: 8px 16px;
    width: 100%;
    height: 85%;
    color: rgb(99, 99, 99);
}

.modal-body2 {
    padding: 5px 6px;
    width: 100%;
    height: 85%;
}

.modal-footer-message {
  padding: 0px 6px ;
  /* border-top: solid 1px #dddddd; */
}

  .modal-footer2 {
    padding: 0px 6px;
/*     background-color: #a0a0a0;
    color: white; */
  }

.emlink {
    text-decoration: none;
    color:rgb(1, 31, 131);
    font-weight: 500;;
  }

  .downloadlink {
      text-decoration: none;
      color:rgb(31, 71, 204);
      font-weight: 500;;
    }


  .sotetzold {
    background-color: #072c04;
    color:rgb(255, 255, 255);
  }

  .sign {
    position: absolute;
    left: 0;
    right: 0;

    /* width: 100%; */
    height: auto;

    object-fit: cover;
    object-position: center;
  }

.sticky-header thead th {
    position: sticky;
    top: 0;
    z-index: 10;
    color:#080808;
    background-color: white;
    border-bottom: 1px solid #dee2e6;
    /* box-shadow: 1px 0 0 #ee0000 inset; */
}

[data-bs-theme="dark"] .sticky-header thead th {
    color: white;
    background-color: #222; /* vagy pl. #222 a kevésbé kontrasztos háttérhez */
    border-bottom: 1px solid #444;
}

.munkak tr:first-child th:nth-child(3) { /* a munkák tábla első sor harmadik cellájának a vége szegélye */
    box-shadow: -1px 0 0 #a3a3a3 inset;
}

.hatosagi-munkak tr:first-child th:nth-child(2) { /* a munkák tábla első sor harmadik cellájának a vége szegélye */
    box-shadow: -1px 0 0 #a3a3a3 inset;
}

.sticky-header thead tr:nth-child(1) th {
    position: sticky;
    top: 0;
    z-index: 12;
}

/* Második sor: Időpont, Mód, stb. */
.sticky-header thead tr:nth-child(2) th {
    position: sticky;
    top: 24px; /* vagy pontosabban amennyi az első sor magassága */
    z-index: 11;
}
.sticky-header thead tr:nth-child(3) th {
    position: sticky;
    top: 48px;
    height: 2px;
    background-color: #4d4d4d;
    z-index: 10;
    border: none;
    padding: 0;
}

.scrollableDiv {
    overflow: auto;
    max-height: 75vh;
}

.scrollableDiv2 {
    overflow: auto;
    max-height: 70vh;
}

.scrollableDiv3 {
    overflow: auto;
    max-height: 67vh;
}

@media (max-width: 1440px) {

    .scrollableDiv2 {
        overflow: auto;
        max-height: 63vh;
    }

    .scrollableDiv3 {
        overflow: auto;
        max-height: 59vh;
    }
}

@media (max-width: 1020px) {

    .scrollableDiv2 {
        overflow: auto;
        max-height: 60vh;
    }

    .scrollableDiv3 {
        overflow: auto;
        max-height: 56vh;
    }
}

th:before {
  content: '';
  position: absolute;
  left: 0;
  width: 100%;
}

th:before {
  top: -1px;
  border-top: 1px solid #a3a3a3;
}

th:after {
  bottom: -1px;
  border-bottom: 1px solid #a3a3a3;
}

.tableHeadBorder {

    /* box-shadow: inset 0 -2px 0 0 #ff0000; */
}

.tableHeadBorder:after{
    /* content:''; */
    position:absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    width:100%;
    /* border: solid rgb(145, 145, 145) 1.5px !important; */
    border: solid #080808 2px !important;
  }

.tableBorderSep th {
    /* height: 1px;
    margin: 0px;
    padding: 1px;
    background-color: rgb(77, 77, 77);
    border-top: 0px !important; */
}

.sticky-col {
    position: -webkit-sticky;
    position: sticky;
    background-color: white;
    z-index: 99;
    box-sizing: border-box;
}

.first-col {
    width: 100px;
    min-width: 100px;
    max-width: 100px;
    left: 0px;
    z-index: 100;
    background-color: white;
    box-sizing: border-box;
}

.second-col {
    width: 150px;
    min-width: 150px;
    max-width: 150px;
    left: 100px;
    z-index: 100;
    background-color: white;
    box-sizing: border-box;
}

.third-col {
    width: 150px;
    min-width: 150px;
    max-width: 150px;
    left: 250px;
    z-index: 100;
    background-color: white;
    box-sizing: border-box;
}

.first-col::after,
.second-col::after,
.third-col::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 1px; /* Fix border szélesség */
    background-color: #a3a3a3; /* Fix szín */
    z-index: 101;
}

.firsttmk-col {
    width: 40px;
    min-width: 40px;
    max-width: 40px;
    left: 0px;
    z-index: 100;
    background-color: white;
    box-sizing: border-box;
}

.secondtmk-col {
    width: 80px;
    min-width: 80px;
    max-width: 80px;
    left: 40px;
    z-index: 100;
    background-color: white;
    box-sizing: border-box;
}

.thirdtmk-col {
    width: 80px;
    min-width: 80px;
    max-width: 80px;
    left: 120px;
    z-index: 100;
    background-color: white;
    box-sizing: border-box;
}

.fourthtmk-col {
    width: 200px;
    min-width: 200px;
    max-width: 200px;
    left: 200px;
    z-index: 100;
    background-color: white;
    box-sizing: border-box;
}

.fifthtmk-col {
    width: 100px;
    min-width: 100px;
    max-width: 100px;
    left: 400px;
    z-index: 100;
    background-color: white;
    box-sizing: border-box;
}

.firsttmk-col::after,
.secondtmk-col::after,
.thirdtmk-col::after,
.fourthtmk-col::after,
.fifthtmk-col::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 1px;
    background-color: #a3a3a3;
    z-index: 101;
}

.firsthatosagi-col {
    width: 150px;
    min-width: 150px;
    max-width: 150px;
    left: 0px;
    z-index: 101;
    background-color: white;
    box-sizing: border-box;
}

.secondhatosagi-col {
    width: 300px;
    min-width: 300px;
    max-width: 300px;
    left: 150px;
    z-index: 101;
    background-color: white;
    box-sizing: border-box;
}

.firsthatosagi-col::after,
.secondhatosagi-col::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 1px;
    background-color: #a3a3a3;
    z-index: 102;
}

.kotelezo:before {
    content: '*';
    color: rgb(255, 56, 56);
}

/* az input mezők sötétebb kerete */
.form-control, .form-select, .form-check-input {
    border-color: #a3a3a3 !important;
}
.table {
    border-color: #a3a3a3 !important;
}

.betoltes {
    padding: 15px;
    font-style: italic;
    color: #fc1717;
}

/* loading spinner lazy loading*/
.lds-dual-ring {
    /* change color here */
    color: #4b98af
  }
  .lds-dual-ring,
  .lds-dual-ring:after {
    box-sizing: border-box;
  }
  .lds-dual-ring {
    display: inline-block;
    width: 40px;
    height: 40px;
  }
  .lds-dual-ring:after {
    content: " ";
    display: block;
    width: 32px;
    height: 32px;
    margin: 8px;
    border-radius: 50%;
    border: 3.2px solid currentColor;
    border-color: currentColor transparent currentColor transparent;
    animation: lds-dual-ring 2s linear infinite;
  }
  @keyframes lds-dual-ring {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
  /* loading spinner lazy loading end*/
  .link {
    text-decoration: none;
  }

  .table .bg-grey{
    background-color: rgb(235, 235, 235);
    color:rgb(0, 0, 0);
  }

  .table .bg-lightgreen{
    background-color: rgb(208, 255, 146);
    color:rgb(0, 0, 0);
  }

  .table .bg-lightred{
    background-color: rgb(255, 185, 185);
    color:rgb(0, 0, 0);
  }

  .table .bg-yellow{
    background-color: rgb(250, 248, 151);
    color:rgb(0, 0, 0);
  }

  .table .bg-blue{
    background-color: rgb(182, 255, 255);
    color:rgb(0, 0, 0);
  }

  .btn-search {
    color: #ffffff;
    border: 1px solid rgb(231, 231, 231) !important;
    text-decoration: none;
    background-color: #8d8d8d;
    padding: 1px 4px;
    cursor: pointer;
  }

  .btn-search:hover {
    background-color: #d3d3d3;
    color: #4e4e4e;
  }

  .kiemeltSor {
    background-color: rgb(255, 183, 117) !important;
    color: rgb(0, 0, 0) !important;
  }

  /* Pénzügyi panelen alul egy sor kiemelve  */
  .kiemeltSorPP {
    background-color: rgb(225, 245, 113) !important;
    color: rgb(0, 0, 0) !important;
  }

  /* Pénzügyi panelen alul feltöltött számla sor kiemelve  */
  .kiemeltSorPPSzla {
    background-color: rgb(247, 248, 175) !important;
    color: rgb(0, 0, 0) !important;
  }

  .table td.active {
    position: relative;
}

  .table td.active:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    display: block;
    border-left: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-top: 7px solid #ff0000;
    margin: auto;
}

.filter {
    border: solid 5px whitesmoke;
    border-radius: 3px !important;
    box-shadow: rgba(14, 30, 37, 0.22) 0px 2px 4px 0px, rgba(14, 30, 37, 0.42) 0px 2px 16px 0px !important;
}

[data-bs-theme="dark"] .filter {
    border: solid 5px #222;
    border-radius: 3px !important;
    box-shadow: rgba(226, 233, 236, 0.22) 0px 2px 4px 0px, rgba(160, 169, 173, 0.42) 0px 2px 16px 0px !important;
}

.input-group{
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
}
.bi-eyes{
    display: flex;
    font-size: 1rem;
    opacity: .5;
    padding: 0px 0px 0px 10px;
    align-items: center;
    cursor: pointer;
}

.box-grid {
    display: grid;
    place-items: center;
    border-left:none;
}

.box-grid-noborder {
    /* display: flex; */
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

.fix-col-muveletek {
    min-width: 95px;
    max-width: 95px;
}

.fix-col-kepek {
    min-width: 65px;
    max-width: 70px;
    white-space: wrap !important;
}