body {
    background-color: #1f1a24;
    color: white;
}

/*.keretesform{
  border-style: solid;
  border-width: 5px;
  border-color: #ffcb42;
  border-spacing: 20px;
}*/

  .button-55 {
    align-self: center;
    background-color: #fff;
    background-image: none;
    background-position: 0 90%;
    background-repeat: repeat no-repeat;
    background-size: 4px 3px;
    border-radius: 15px 225px 255px 15px 15px 255px 225px 15px;
    border-style: solid;
    border-width: 2px;
    box-shadow: rgba(0, 0, 0, .2) 15px 28px 25px -18px;
    box-sizing: border-box;
    color: #41403e;
    cursor: pointer;
    display: inline-block;
    font-family: Neucha, sans-serif;
    font-size: 1rem;
    line-height: 23px;
    outline: none;
    padding: .75rem;
    text-decoration: none;
    transition: all 235ms ease-in-out;
    border-bottom-left-radius: 15px 255px;
    border-bottom-right-radius: 225px 15px;
    border-top-left-radius: 255px 15px;
    border-top-right-radius: 15px 225px;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
  }
  
  .button-55:hover {
    box-shadow: rgba(0, 0, 0, .3) 2px 8px 8px -5px;
    transform: translate3d(0, 2px, 0);
  }
  
  .button-55:focus {
    box-shadow: rgba(0, 0, 0, .3) 2px 8px 4px -6px;
  }

.limiter{width:100%;margin:0 auto}
.container-table100{width:100%;min-height:100vh;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;padding:33px 30px}
.wrap-table100{width:1170px}table{border-spacing:1;border-collapse:collapse;background:#fff;border-radius:10px;overflow:hidden;width:100%;margin:0 auto;position:relative}table 
*{position:relative}
table td,table th{padding-left:8px}
table thead tr{height:60px;background:#caa0fe}
table tbody tr{height:50px}table tbody tr:last-child{border:0}
table td,table th{text-align:left}
table td.l,table th.l{text-align:right}
table td.c,table th.c{text-align:center}
table td.r,table th.r{text-align:center}
.table100-head th{font-family:OpenSans-Regular;font-size:18px;color:#fff;line-height:1.2;font-weight:unset}
tbody tr:nth-child(even){background-color:#f5f5f5}
tbody tr{font-family:OpenSans-Regular;font-size:15px;color:gray;line-height:1.2;font-weight:unset}
tbody tr:hover{color:#555;background-color:#f5f5f5;cursor:pointer}



/* Első táblázat */
.table1 .column1 { width: 260px; padding-left: 40px; }
.table1 .column2 { width: 160px; text-align: left;}
.table1 .column3 { width: 245px; text-align: left;}
.table1 .column4 { width: 260px; text-align: left;; }
.table1 .column5 { width: 170px; text-align: left;; }
.table1 .column6 { width: 222px; text-align: left;; padding-right: 62px; }
.table1 .column7 { width: 170px; text-align: left; }


/* Második táblázat */
.table2 .column1 { width: 260px; padding-left: 40px; }
.table2 .column2 { width: 160px; }
.table2 .column3 { width: 245px; }
.table2 .column4 { width: 260px; text-align: right; }
.table2 .column5 { width: 170px; text-align: right; }
.table2 .column6 { width: 222px; text-align: right; padding-right: 62px; }
.table2 .column7 { width: 170px; text-align: center; }
.table2 .column8 { text-align: center; }

/* Harmadik táblázat */
.table3 .column1 { width: 260px; padding-left: 40px; }
.table3 .column2 { width: 160px; text-align: left;}
.table3 .column3 { width: 245px; text-align: left;}
.table3 .column4 { width: 260px; text-align: left; }
.table3 .column5 { width: 170px; text-align: left; }
.table3 .column6 { width: 222px; text-align: left; padding-right: 62px; }
.table3 .column7 { width: 170px; text-align: left; }
.table3 .column8 {text-align: left; }
.table3 .column9 {text-align: left; }


@media screen and (max-width:992px)
{ table {
  display: block;
}
table > *, table tr, table td, table th {
  display: block;
}
table thead {
  display: none;
}
table tbody tr {
  height: auto;
  padding: 37px 0;
}
.table1 tbody tr td {
  padding-left: 50%!important;
  margin-bottom: 24px;
}
.table2 tbody tr td {
padding-left: 10%!important;
margin-bottom: 24px;
}
.table3 tbody tr td {
padding-left: 50%!important;
margin-bottom: 24px;
}
table tbody tr td:last-child {
  margin-bottom: 0;
}
table tbody tr td:before {
  font-family: OpenSans-Regular;
  font-size: 14px;
  color: #999;
  line-height: 1.2;
  font-weight: unset;
  position: absolute;
  width: 40%;
  left: 30px;
  top: 0;
}
/* Első táblázat */
.table1 tbody tr td:nth-child(1):before { content: "Azonosító"; }
.table1 tbody tr td:nth-child(2):before { content: "Dátum"; }
.table1 tbody tr td:nth-child(3):before { content: "Óra"; }
.table1 tbody tr td:nth-child(4):before { content: "Téma"; }
.table1 tbody tr td:nth-child(5):before { content: "Előadó"; }
.table1 tbody tr td:nth-child(6):before { content: "Szabad helyek"; }
.table1 tbody tr td:nth-child(7):before { content: "Regisztráció"; }

/* Második táblázat 
.table2 tbody tr td:nth-child(1):before { content: "Sorszám 2"; }
.table2 tbody tr td:nth-child(2):before { content: "Dátum 2"; }
.table2 tbody tr td:nth-child(3):before { content: "Óra 2"; }
.table2 tbody tr td:nth-child(4):before { content: "Tantárgy 2"; }
.table2 tbody tr td:nth-child(5):before { content: "Osztály 2"; }
.table2 tbody tr td:nth-child(6):before { content: "Megjegyzés 2"; }
.table2 tbody tr td:nth-child(7):before { content: "Szabad helyek 2"; }
.table2 tbody tr td:nth-child(8):before { content: "Foglalás 2"; }*/

/* Harmadik táblázat */
.table3 tbody tr td:nth-child(1):before { content: "Dátum"; }
.table3 tbody tr td:nth-child(2):before { content: "Óra"; }
.table3 tbody tr td:nth-child(3):before { content: "Téma"; }
.table3 tbody tr td:nth-child(4):before { content: "Előadó"; }
.table3 tbody tr td:nth-child(5):before { content: "Jelentkező neve"; }
.table3 tbody tr td:nth-child(6):before { content: "Jelentkező e-mail-címe"; }
.table3 tbody tr td:nth-child(7):before { content: "Jelentkező OM azonosítója"; }
.table3 tbody tr td:nth-child(8):before { content: "Foglalás törlése"; }
}

@media(max-width:576px)
{.container-table100{padding-left:15px;padding-right:15px}}

a:link, a:active, a:visited, a:hover {
	color: #ffcb42;
}