:root {
  --select-border: #777;
  --select-focus: blue;
  --select-arrow: var(--select-border);

  --gray: #34495e;
  --darkgray: #2c3e50;
}



select {
  border-radius: 0;
  width: 100%;
  padding: 10px 10px;
  border: 0px;

}


.select {
  position: relative;

}


/* Arrow */
.select::before {
  content: '\f0d7';

  color: black;
  display: inline-block;
  position: absolute;
  right: 20px;
  top: 15px;
  pointer-events: none;
}


/* Transition */
.select:hover::after {
  color: #f39c12;
}


a {
  margin: 0;
  padding: 0;
  text-decoration: drop-shadow;


}

.container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform:
    translate(-50%, -50%);
}



.down_note {
  display: flex;
  justify-content: center;
  border-radius: 0;
  background: orange;
}
































.m-1px {
  margin: 1px
}

/*
label {
  text-overflow: ellipsis;
  display: inline-block;
  overflow: hidden;
  width: 300px;
  white-space: nowrap;
  vertical-align: middle;
}
*/
.ellipsis {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#snackbar {
  visibility: hidden;
  min-width: 250px;
  margin-left: -125px;
  background-color: #61615aaf;
  border: 2px solid gray;
  color: white;
  text-align: center;
  border-radius: 9px;
  padding: 24px;
  position: fixed;
  z-index: 1;
  left: 50%;
  bottom: 30px;
  font-size: 21px;
  text-shadow: 0 0 3px gray, 0 0 5px black;
}

#snackbar.show {
  visibility: visible;
  -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
  animation: fadein 0.5s, fadeout 0.5s 2.5s;
}


.img:hover {
  /* Start the shake animation and make the animation last for 0.5 seconds */
  animation: shake 0.5s;

  /* When the animation is finished, start again */
  animation-iteration-count: infinite;
}

@keyframes shake {
  0% {
    transform: translate(1px, 1px) rotate(0deg);
  }

  10% {
    transform: translate(-1px, -2px) rotate(-1deg);
  }

  20% {
    transform: translate(-3px, 0px) rotate(1deg);
  }

  30% {
    transform: translate(3px, 2px) rotate(0deg);
  }

  40% {
    transform: translate(1px, -1px) rotate(1deg);
  }

  50% {
    transform: translate(-1px, 2px) rotate(-1deg);
  }

  60% {
    transform: translate(-3px, 1px) rotate(0deg);
  }

  70% {
    transform: translate(3px, 1px) rotate(-1deg);
  }

  80% {
    transform: translate(-1px, -1px) rotate(1deg);
  }

  90% {
    transform: translate(1px, 2px) rotate(0deg);
  }

  100% {
    transform: translate(1px, -2px) rotate(-1deg);
  }
}


body {
  /*    background: #fff;

    font-weight: normal;*/
  font-size: 14px;
  margin: 0px;
  color: black;
  font-family: Avantgarde, TeX Gyre Adventor, URW Gothic L, sans-serif;
  font-family: Arial, Helvetica, sans-serif;
}

.bottom-right {
  position: absolute;
  bottom: 8px;
  right: 16px;
}

.login-div {
  height: 100vh;
  display: flex;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 40px;
  text-align: center;
}

.ev-vezerlo {
  font-size: 17px;
  font-weight: bold;
  text-align: center;
  width: 100%;
  margin: 3px;
  padding: 3px;
}

a {
  font-weight: normal;

}

.control-table {
  width: 100%;
  background: #99999948;
  padding: 0;
  margin-top: 0px;
  margin-bottom: 0px;
}



.selectkat {
  background: Gray;
}


.label_category {
  font-weight: bold;
  color: #8a6d3b;
}

.label_year {
  font-weight: bold;
  font-size: 17px;
}

.label_year_after {
  font-size: 17px;
}

.form-signin {

  padding: 15px;
}

.form-signin .form-floating:focus-within {
  z-index: 2;
}

.form-signin input[type="password"] {
  margin: 6px;

}

.form-signin input[type="text"] {
  margin: 6px;

}


.footer {

  width: 100%;
  height: 60px;
  background-color: #f5f5f5;
  color: black;
}

.sor :hover {
  background: #eee;

}

.rficon {
  color: white;
  margin: 2px;
}

.rficon:hover {
  color: orangered;
}

.sspin {
  -webkit-animation: sspin 2s linear infinite;
  animation: sspin 2s linear infinite;
}

@-webkit-keyframes sspin {
  0% {
    -webkit-transform: rotate(0deg);
  }

  50% {
    color: #4e3e22;
    text-shadow: 0 0 3px gray, 0 0 5px black;
  }

  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes sspin {
  0% {
    transform: rotate(0deg);
  }

  50% {
    color: #4e3e22;
    text-shadow: 0 0 3px gray, 0 0 5px black;
  }

  100% {
    transform: rotate(360deg);
  }
}

.bg-sarga {
  background-color: #fae483
}

.bg-sarga:hover {
  background-color: rgba(209, 201, 163, 0.404);
}

.bg-active {
  background-color: rgb(209, 201, 163);
  border-bottom: 0;
}

.bg-select {
  background-color: rgba(209, 201, 163, 0.404);
  border: 1px solid rgba(160, 81, 45, 0.404);
}

.bg-selectho {
  background-color: rgba(245, 243, 234, 0.603);
  border: 1px solid rgba(160, 81, 45, 0.404);
}

.bordergray {
  border: 1px solid gray;
}


@-webkit-keyframes fadein {
  from {
    bottom: 0;
    opacity: 0;
  }

  to {
    bottom: 30px;
    opacity: 1;
  }
}

@keyframes fadein {
  from {
    bottom: 0;
    opacity: 0;
  }

  to {
    bottom: 30px;
    opacity: 1;
  }
}

@-webkit-keyframes fadeout {
  from {
    bottom: 30px;
    opacity: 1;
  }

  to {
    bottom: 0;
    opacity: 0;
  }
}

@keyframes fadeout {
  from {
    bottom: 30px;
    opacity: 1;
  }

  to {
    bottom: 0;
    opacity: 0;
  }
}



.panel.with-nav-tabs .panel-heading {
  padding: 5px 5px 0 5px;
}

.panel.with-nav-tabs .nav-tabs {
  border-bottom: none;
}

.panel.with-nav-tabs .nav-justified {
  margin-bottom: -1px;
}






.img-circle:hover {
  -webkit-animation: sspin 2s linear infinite;
  animation: sspin 2s linear infinite;
  border-radius: 36px;
}




.nav-link.active {
  background: rgb(209, 201, 163);
  border-bottom: 3px solid #8a6d3b;

  color: white;
  text-shadow: 0 0 1px gray, 0 0 2px black;
}

.nav-link {
  color: gray;
  font-weight: bold;
  border: 1px solid #eee;
  border-top: 0;
}

.nav-item {
  font-weight: normal;

}

.nav-link>li>a:hover {
  color: gray;
  background: green;
  font-weight: bold;
}

.nav-tabs {
  background: #fcf8e3;
  padding: 6px;
  padding-bottom: 0;
  font-weight: normal;
  border-bottom: 1px double #faebcc;
}

.nav-tabs .nav-item .nav-link {
  color: #8a6d3b;
  border-bottom: 0;
}

.nav-tabs .nav-item .nav-link.active {
  color: black;
  border: 1px double #faebcc;
  border-bottom: 0;
  font-weight: bold;
  margin-left: 2px;
  text-shadow: 0 0 0px gray, 0 0 0px black;
  margin-right: 2px;


}

.label-betegszam {
  text-align: right;
  margin-top: auto;
  margin-bottom: auto;
  margin-right: 12px;
}

.label-bevetel {
  text-align: right;
  margin-top: auto;
  margin-bottom: auto;
  margin-right: 12px;
}

.label-kiadas {
  text-align: right;
  margin-top: auto;
  margin-bottom: auto;
  margin-right: 12px;
}

.label-kassza {
  text-align: right;
  margin-top: auto;
  margin-bottom: auto;
  margin-right: 12px;
}

.label-atlag {
  text-align: right;
  margin-top: auto;
  margin-bottom: auto;
  margin-right: 12px;
}

.nav-tabs .nav-item:focus {
  background-color: red;
}

.font10 {
  font-size: 10px;
}

.font12 {
  font-size: 12px;
  margin-bottom: 0px;
  font-weight: bold;
  padding: 0
}

.font12n {
  font-size: 12px;
  margin-bottom: 0px;
  font-weight: normal;
  padding: 0
}

.font14 {
  font-size: 14px;
}

.bevrow:hover {
  background-color: rgba(209, 201, 163, 0.719);
  border: 1px solid rgba(160, 81, 45, 0.404);
}


.icol {

  background: #c5c98f;
  width: 128px;
}


.icol1 {

  background: rgb(250, 238, 185);
  width: 128px;
}



.icol2 {

  background: rgb(250, 228, 131);
  height: 40px;
  width: 255px;
}

.icol3 {

  background: rgb(250, 228, 131);

}

.icol4 {

  background: rgb(250, 228, 131);
  width: 64px;
  text-align: right;
  font-weight: bold;
}



.adiv {
  resize: vertical;
  overflow: auto;
  border: 1px solid #ccc;
  display: inline-block;
  height: calc(calc(100vh - 220px) / 2);
  width: 100%;
}





.tab-content {
  border: 1px solid silver;
  border-top: transparent;
  padding: 21px;
}

.tab-content .tab-pane {
  background-color: #FFF;
  border: 0;
  min-height: 200px;
  height: auto;
}

.nav-tabs>li.dropdown-item {
  background: yellow;
}







.kiacol1 {margin: 0;
  background: #ff8787
}

.kiacol2 {margin: 0;
  background: #ff8787;
}

.kiacol3 {margin: 0;
  background: #f5b3b3;
}

.kiacol4 {margin: 0;
  background: #f2d8d8;
}

#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 38px;
  border: none;
  outline: none;
  background-color: transparent;
  color: cornflowerblue;
  font-weight: bold;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;
}



#calendarDIV {
  display: grid;
  grid-template-columns: auto auto auto auto auto auto auto;
  gap: 2px;
  background-color: #fff;
  padding: 6px;
  border: 1px solid silver;
  border-radius: 9px;
  margin: 6px;

}

#calendarDIV div {

  text-align: center;
}

.item {
  background-color: rgba(255, 255, 255, 0.8);
  grid-area: 1 / 1 / 1 / 1 / 1 / 1 / 1;
  padding: 6px;
  border: 1px solid transparent;
  border-radius: 6px;

}


.active {

  border: 1px solid rgb(209, 201, 163);

}

.active1 {
  background-color: dodgerblue;
  border: 1px solid rgb(209, 201, 163);
  color: White;
  font-weight: bold;

}


.item:hover {
  border: 1px solid rgb(209, 201, 163);
}

.item_fejlec {
  font-weight: bold;
  color: gray;
  grid-area: 1 / 1 / 1 / 1 / 1 / 1 / 1;

  margin-top: 2px;

  margin-bottom: 2px;
  padding-bottom: 2px;
  /* border-bottom:1px solid silver;
*/
}

.item_ures {
  background: #eee;
  grid-area: 1 / 1 / 1 / 1 / 1 / 1 / 1;

}


.con {
  width: 125px;
  position: relative;
  border: 1px solid #ccc;
  border-radius: 9px;
  background: #f8f9fa;
}

.con input {
  background: transparent;
  margin: 0;
  margin-right: 14px;
  border: 0;
  width: 100%;
  margin-left: 0;
  padding: 3px;
  padding-left: 8px;
  text-align: left;
  font-weight: bold;
  font-size: 15px;
  border-radius: 6px;
}

.con i {
  display: block;
  color: white;
  position: absolute;
  padding: 0px;
  top: 5px;
  right: 9px;
  cursor: pointer;
  font-size: 16px;
  text-shadow: 0 0 2px gray, 0 0 3px black;
}


.login {
  overflow: hidden;
  background-color: white;
  padding: 40px 30px 30px 30px;
  border-radius: 10px;
  position: absolute;
  border: 2px solid gold;
  top: 50%;
  left: 50%;
  width: 400px;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: -webkit-transform 300ms, box-shadow 300ms;
  -moz-transition: -moz-transform 300ms, box-shadow 300ms;
  transition: transform 300ms, box-shadow 300ms;
  box-shadow: 5px 10px 10px rgba(112, 69, 12, 0.411);
}




.login::before,
.login::after {
  content: "";
  position: absolute;
  width: 600px;
  height: 600px;
  background-color: #aaa;
  border-top-left-radius: 40%;
  border-top-right-radius: 45%;
  border-bottom-left-radius: 35%;
  border-bottom-right-radius: 40%;
  z-index: -1;
}



.login::before {
  left: 40%;
  bottom: -130%;
  background-color: rgba(69, 105, 144, 0.15);
  -webkit-animation: wawes 6s infinite linear;
  -moz-animation: wawes 6s infinite linear;
  animation: wawes 6s infinite linear;
}



.login::after {
  left: 35%;
  bottom: -125%;
  background-color: rgba(144, 130, 69, 0.15);
  -webkit-animation: wawes 7s infinite;
  -moz-animation: wawes 7s infinite;
  animation: wawes 7s infinite;
}




.login>input {

  display: block;
  border-radius: 5px;
  font-size: 16px;
  background: rgba(255, 255, 255, 0.377);
  width: 100%;
  border: 1px solid #ddd;
  padding: 6px 6px;

}




.login>button {

  cursor: pointer;
  color: #fff;
  font-size: 14px;

  border: 0;
  padding: 10px 10px;
  margin-top: 10px;
  margin-left: -5px;
  border-radius: 5px;
  background-color: #aaa;
  -webkit-transition: background-color 300ms;
  -moz-transition: background-color 300ms;
  transition: background-color 300ms;
}

.login>button:hover {
  background-color: #f7941d;
}

@-webkit-keyframes wawes {
  from {
    -webkit-transform: rotate(0);
  }

  to {
    -webkit-transform: rotate(360deg);
  }
}

@-moz-keyframes wawes {
  from {
    -moz-transform: rotate(0);
  }

  to {
    -moz-transform: rotate(360deg);
  }
}

@keyframes wawes {
  from {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }

  to {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}





.navtable td {
  white-space: nowrap;
margin:0;
padding:0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.navtable tr {
 
margin:0;
padding:0;

}

input {margin:-3px;}
 /**/