@font-face {
  font-family: 'averta';
  src: url('fonts/Averta/Averta-Black.otf');
  font-weight: black;
  font-style: normal;
}
@font-face {
  font-family: 'averta';
  src: url('fonts/Averta/Averta-BlackItalic.otf');
  font-weight: black;
  font-style: italic;
}
@font-face {
  font-family: 'averta';
  src: url('fonts/Averta/Averta-Bold.otf');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'averta';
  src: url('fonts/Averta/Averta-Thin.otf');
  font-weight: thin;
  font-style: normal;
}
@font-face {
  font-family: 'averta';
  src: url('fonts/Averta/Averta-Light.otf');
  font-weight: lighter;
  font-style: normal;
}
@font-face {
  font-family: 'averta';
  src: url('fonts/Averta/Averta-Semibold.otf');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'averta';
  src: url('fonts/Averta/Averta-Regular.otf');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'roboto';
  src: url('fonts/Roboto/Roboto-Black.ttf');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'roboto';
  src: url('fonts/Roboto/Roboto-BlackItalic.ttf');
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'roboto';
  src: url('fonts/Roboto/Roboto-Bold.ttf');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'roboto';
  src: url('fonts/Roboto/Roboto-Light.ttf');
  font-weight: lighter;
  font-style: normal;
}
@font-face {
  font-family: 'roboto';
  src: url('fonts/Roboto/Roboto-Medium.ttf');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'realtime-black';
  src: url('fonts/Realtime-Black/Realtime-Black.otf');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'realtime-bold';
  src: url('fonts/Realtime-Bold/Realtime-Bold.otf');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'realtimerounded-black';
  src: url('fonts/RealtimeRounded-Black/RealtimeRounded-Black.otf');
}

.averta {
  font-family: "averta";
}
.roboto {
  font-family: "roboto";
}
.realtime-black {
  font-family: "realtime-black";
}
.realtime-bold {
  font-family: "realtime-bold";
}
.realtimerounded-black {
  font-family: "realtimerounded-black";
}
.noverflow{
  text-overflow: ellipsis;
  overflow: hidden; 
  white-space: nowrap;
}
.noverflow:hover{
  overflow:visible;
  white-space:normal;
}
.noverflowShow{
  overflow:visible;
  white-space:normal;
}
input,
select {
  font-family: "averta";
}
.input-text {
  height: 30px;
  padding-top: 8px;
}
.w-120 {
  width: 120px;
}
.more-filters {
  border-radius: 50%;
  padding-right: 9px;
  padding-left: 9px;
}
.subhead {
  max-width: 800px;
  margin: auto;
  font-family: "roboto";
}
.btn-white {
  color: #b4b4b6;
  background: white;
  font-size: 8px;
  padding: 2px !important;
}
.icon-btn {
  padding: 0px !important;
  width: 30px !important;
}

.btn {
  font-weight: bold;
}
.font30 {
  font-size: 30px;
}
.font18 {
  font-size: 18px;
}
.font14 {
  font-size: 14px;
}
.pr-100{
  padding-right: 100px;
}
.mt-10 {
  margin-top: 10px;
}
.mb-10 {
  margin-bottom: 10px;
}
.pt-10 {
  padding-top: 10px;
}
.pb-10 {
  padding-bottom: 10px;
}
input.font12::placeholder {
  font-size: 12px !important;
}
.btn-searchtab {
  display: flex;
  align-items: flex-end;
}
.card-light {
  font-weight: 500 !important;
}
.font-gray {
  color: #585858;
}
.filterBtn span {
  vertical-align: bottom;
}
.filterBtn::after {
  vertical-align: 0;
}
@media (max-width: 400px) {
  /*.container{
        padding:0px !important;
        margin:0px !important;
    }*/
  .btn-white {
    font-size: 8px;
    padding: 2px;
  }
  .btn-searchtab {
    display: inline;
    align-items: none;
  }
}
/* multiselect dropdown*/
.bootstrap-select .dropdown-toggle {
  font-size: 12px;
  color: #495057 !important;
}
.bootstrap-select .dropdown-menu {
  min-width: 20%;
}
.bootstrap-select .dropdown-menu .inner ul li {
  font-size: 12px;
}
.bootstrap-select .dropdown-menu .check-mark {
  top: 15px !important;
}
#hiba{
  color:#f9d435
}
hr.step1{
  border: 0; border-top: 2px solid #b4b4b6;
  border-radius: 10px;
}

.idegesitoMozgas {
  animation: shake 0.1s;
  animation-iteration-count:3;
}

.villog{
  animation: villog 0.2s;
  animation-iteration-count: 2;
}
.nav-pills>li{
  margin: 7px;
  padding: 0px;
}
.nav-pills>li>a{
  width: 100%;
  padding: 5px;
  border: 2px solid #6c2539;
  border-radius: 5px;
}
.nav-pills>li>a.active{
  border: 2px solid rgb(168,171,178);
  color: #85374d;
  background-color: white;
}
@keyframes villog {
  0% {  transform: scale(0.99); background-color:white}
  50% { transform: scale(1.01); background-color:#ffc107}
  100% {transform: scale(0.99); background-color:red}
}

@keyframes shake {
  0% {  transform: translate(1px, 1px) rotate(0deg);    /* background-color: rgb(255,0,0); */}
  10% { transform: translate(-1px, -2px) rotate(-1deg); /* background-color: rgb(255,50,0); */}
  20% { transform: translate(-3px, 0px) rotate(1deg);   /* background-color: rgb(255,100,50) */; }
  30% { transform: translate(3px, 2px) rotate(0deg);    /* background-color: rgb(255,200,100); */}
  40% { transform: translate(1px, -1px) rotate(1deg);   /* background-color: rgb(255,255,200) */; }
  50% { transform: translate(-1px, 2px) rotate(-1deg);  /* background-color: rgb(255,0,0); */}
  60% { transform: translate(-3px, 1px) rotate(0deg);   /* background-color: rgb(255,0,50); */}
  70% { transform: translate(3px, 1px) rotate(-1deg);   /* background-color: rgb(255,50,100); */}
  80% { transform: translate(-1px, -1px) rotate(1deg);  /* background-color: rgb(255,100,200); */}
  90% { transform: translate(1px, 2px) rotate(0deg);    /* background-color: rgb(255,200,250); */}
  100% {transform: translate(1px, -2px) rotate(-1deg);  /* background-color: rgb(255,255,255); */}
}