* {
  box-sizing: border-box;
  font-family: Arial, Helvetica, sans-serif;
}

.closebtn {
  margin-left: 15px;
  color: black;
  font-weight: bold;
  float: right;
  font-size: 22px;
  line-height: 20px;
  cursor: pointer;
  transition: 0.3s;
}

.alert {
    padding: 10px;
    background-color: #f44336;
    color: black;
    opacity: 0.83;
    transition: opacity 0.6s;
    margin-bottom: 5px;
}

.alert.danger { background-color:#ffdddd; border-left:6px solid #f44336; }
.alert.warning { background-color:#ffffcc; border-left:6px solid #ffeb3b; }
.alert.info { background-color: #e7f3fe; border-left:6px solid #2196F3; }

p.footer {
  text-align: right;
}

table {
  font-family: arial, sans-serif;
  width: 100%;

}

th {
  font-size: 75%;
  border: 1px solid #dddddd;
//border: none;
  text-align: left;
}

td, th {
//  border: 1px solid #dddddd;
//  border: none;
  text-align: left;
  padding: 4px;
}

table.login {
  border-collapse: collapse;
  border: none;
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

table.login td {
  text-align: center;
}

table.login td {
  border: none;
  text-align: center;
}

table.login td.closed {
  background-color: #ff7a70;
}

table.login td.wait {
  background-color: #ffc640;
}

table.login td.open {
  background-color: #7dc780;
}

tr.footer {
  background-color: #eeeeee;
}

//tr.kolo:hover {background-color: #f5f5f5;}
tr.list:hover {background-color: #f5f5f5;}

thead tr {
  background-color: #eeeeee;
}

button.icon {
  background-color:transparent;
  //border-color:transparent;
}

button {
  font-size: 18px;
}

.form-radio
{
     height: 20px;
     width: 20px;
}