@font-face {
    font-family: AvertaRegular;
    src: url("/static/fonts/Averta_Cyrillic_Regular.otf");
  }

body, html {
  height: 100%;
  background-size: cover;
  background-attachment: fixed;
  background-image: url("/static/images/background_image.jpg");
}

.bg {
  /* The image used */
  background-image: url("/static/images/background_image.jpg");

  /* Full height */
  height: 100%;

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
img {
    position:absolute;
    top: -30%;
    left: 15%;
    z-index: 2;
}
.centerbox {
    max-width: 320px;
    width: 90%;
    padding: 40px;
    transform: translate(-50%, -50%);

    top: 50%;
    left: 50%;
    background-color: white;
    border-radius: 25px;
    z-index: 1;
    font-family:AvertaRegular;
    color: #2d3285;

    
}

.illustration {
    padding-top: 70px;
}
input {
    margin-top: 10px;
    font-family:AvertaRegular;

}
.loginbutton {
    border-radius: 20px;
    background-color: #fff;
    padding: 3px 32px;
    border: solid;
    color: #2e3285;
    font-family:AvertaRegular;
    align-content: center;
    text-align: center;
}
.black2 {
    padding-top: 20px;
    align-content: center;
    text-align: center;
}
.logout {
    position: absolute;
    top: 8px;
    right: 50px;
    font-size: 18px;
}
.akceptacja button:hover{
    border-radius: 20px;
    background-color: #ee784e;
    padding: 3px 32px;
    border: solid;
    border-color: #ee784e;
    color: #fff;
    font-family:AvertaRegular;
}
.akceptacja2 button:hover{
    border-radius: 20px;
    background-color: #ee784e;
    padding: 3px 32px;
    border: solid;
    border-color: #ee784e;
    color: #fff;
    font-family:AvertaRegular;
}
.centerbox2 {
    max-width: 500px;
    width: 90%;
    height: 90%;
    padding: 40px;
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: white;
    border-radius: 25px;
    z-index: 1;
    font-family:AvertaRegular;
    color: #2d3285;

    
}
.cent {
    margin-top: 80px;
    color: #2e3285;
    text-align: center;
    font-family: Averta_Cyrillic_SemiBold;
    z-index: 1;
    
}
.cent2 {
    margin-top: 10px;
    color: #2e3285;
    text-align: center;
    font-family: Averta_Cyrillic_SemiBold;
    z-index: 1;
    
}
tr {
width: 100%;
display: inline-table;
table-layout: fixed;
}

table{
 height:300px;             
 display: -moz-groupbox;    
}
tbody{
  overflow-y: scroll;      
  height: 250px;            
  max-width: 500px;
  position: absolute;
}
.centerbox4 {
    max-width: 500px;
    max-height: 400px;


    background-color: white;
    border-radius: 15px;
    font-family:AvertaRegular;
    color: #2d3285;
    overflow: auto;
    background-color: #ffffff;

  
    display: inline-block;
    

    
}
.centerbox3 {
    max-width: 500px;
    width: 90%;
    padding: 40px;
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: white;
    border-radius: 25px;
    z-index: 1;
    font-family:AvertaRegular;
    color: #2d3285;

    
}
.centerbox33 {
    max-width: 300px;
    width: 90%;
    padding: 40px;
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: white;
    border-radius: 25px;
    z-index: 1;
    font-family:AvertaRegular;
    color: #2d3285;

    
}
.akceptacja2 {
    border-radius: 20px;
    background-color: #fff;
    padding: 3px 32px;
    border: solid;
    border-color: #ee784e;
    color: #2e3285;
    font-family:AvertaRegular;
}
.row2 {
    max-height: 450px;
    overflow: auto;
}
.checkbox {
    display: inline-block;
    margin: 10px;
    text-align: right;
}
.fixed_header{
    width: 400px;
    table-layout: fixed;
    border-collapse: collapse;
}

.fixed_header tbody{
  display:block;
  width: 100%;
  overflow: auto;
  height: 100px;
}

.fixed_header thead tr {
   display: block;
}

.fixed_header thead {
  background: black;
  color:#fff;
}

.fixed_header th, .fixed_header td {
  padding: 5px;
  text-align: left;
  width: 200px;
}