.cookiealert {
    background: rgb(72,72,72);
    background: linear-gradient(180deg, rgba(72,72,72,1) 0%, rgba(56,56,56,1) 60%, rgba(40,40,40,1) 100%);
    border-radius: 0;
    color: #ecf0f1;
    margin: 0;
    padding: 0;
    bottom: 0;
    left: 0;
    position: fixed;
    z-index: 1000;
    width:100%;
}

.cookiealert a {
    color: #ecf0f1;
}

.button-green {
  background-color: #4ba82e;
  border-color: #4ba82e;
  color: #ffffff;
}

.button-green:hover {
  background-color: #338B17;
  border-color: #338B17;
  color: #ffffff;
}

.button-red {
  background-color: #EE3333;
  border-color: #EE3333;
  color: #ffffff;
}

.button-red:hover {
  background-color: #CD1010;
  border-color: #CD1010;
  color: #ffffff;
}

.button-grey {
  background-color: #e7e7e7;
  border-color: #e7e7e7;
  color: #000000;
}

.button-grey:hover {
  background-color: #BABABA;
  border-color: #BABABA;
  color: #000000;
}

.cookiealert .row {
  margin: 1em;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-around;
}

.cookiealert .btn-toolbar {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  flex-direction: row;
}

.cookiealert .button {
  font-size: 0.9em;
}

.pracovni {
  display: none;
}

.cookiealert .row1,
.cookiealert .row2 {
  text-align: center;
}

.cookiealert .row1 { display: block; }
.cookiealert .row2, .cookiealert .row3, .cookiealert .row4 { display: none; }
.cookiealert .btn1, .cookiealert .btn3, .cookiealert .btn5 { display: none; }

@media only screen and (min-width: 450px) {
  .cookiealert .btn3, .cookiealert .btn5 { display: block; }
  .cookiealert .btn4, .cookiealert .btn6 { display: none; }
}

@media only screen and (min-width: 500px) {
  .cookiealert .row1 { display: none; }
  .cookiealert .row2 { display: block; }
}

@media only screen and (min-width: 530px) {
  .cookiealert .row { flex-direction: column; }
  .cookiealert .btn-toolbar { flex-direction: row; }
  .cookiealert .btn1, .cookiealert .btn3, .cookiealert .btn5 { display: block; }
  .cookiealert .btn2, .cookiealert .btn4, .cookiealert .btn6 { display: none; }
}

@media only screen and (min-width: 800px) {
  .cookiealert .row { flex-direction: row; }
  .cookiealert .btn-toolbar { flex-direction: row; }
  .cookiealert .row2 { display: none; }
  .cookiealert .row3 { display: block; }
}

@media only screen and (min-width: 1000px) {
  .cookiealert .row { flex-direction: row; }
  .cookiealert .btn-toolbar { flex-direction: row; }
}

@media only screen and (min-width: 1100px) {
  .cookiealert .row3 { display: none; }
  .cookiealert .row4 { display: block; }
}