

body {
  background-color: #eaf2fa;
  margin: 0;
  font-family: verdana, arial, serif;
  font-size: 11px;
  color: black;
}

#column1 {
  max-width: 210px;
  padding: 0 7px 0 5px;
  float: left;
  word-wrap: break-word;
}

#title {
  font-family: arial, sans-serif;
  font-size: 17px;
  font-weight: bold;
  color: #369;
  padding: 0;
}

#title > span:nth-child(1) {
  color: hsl(210deg 72% 58%);
  /* trimmable if more than 2 lines */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

#title > span:nth-child(2) {
  display: inline-block;
  font-size: 14px;
  line-height: 1.4;
  /* trimmable if more than 1 line */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 210px;
}

#column2, #column3, #column4, #column5, #column6, #column7 {
  padding: 3px 7px;
  float: left;
  white-space: nowrap;
}

#column7 {
  padding: 6px 0 6px 7px;
}

/* columns 5, 6 and 7 are fixed-width, so excluded */
#column2 a, #column2 span, 
#column3 a, #column3 span,
#column4 a, #column4 span {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
  vertical-align: top;
  max-width: 123px;
}

.label, .item {
  padding: 2px 0;  
}

.label {
  font-weight: bold;
  color: #555;
}

a {
  color: blue;
}

.icon {
  padding-right: 5px;  
}

img {
  border: none;
  vertical-align: top;
}

#button {
  padding: 3px 0;
}

#button input {
  font-family: verdana, arial, serif;
  font-size: 11px;
}

.button {
  border: 1px solid #3D86C7;
  border-radius: 6px;
  box-shadow: 3px 3px 4px -1px rgb(0 50 100 / 20%);
  color: white;
  cursor: pointer;
  font-family: verdana;
  font-size: 11px;
  font-weight: bold;
  min-width: 80px;
  padding: 2px 0 4px;
  text-decoration: none;
  text-shadow: 0 -1px 0 rgb(0 0 0 / 30%);
  background: linear-gradient(to bottom, hsl(208deg 86% 62%) 0%, hsl(208deg 57% 54%) 100%);
  background: #4ca4f2;
  max-width: 94px;
  white-space: normal;
  line-height: 1.4
}

.button:hover {
  border-color: #0d5697;
  /*color:#eaf2fa;*/
  background: linear-gradient(to bottom, hsl(208deg 86% 62%) 0%, hsl(208deg 57% 54%) 100%);
}

.button a {
  color: white;
  display: block;
  text-align: center;
  text-decoration: none;
}

.button a:hover {
  /*color: #eaf2fa;*/
  background: linear-gradient(to bottom, hsl(208deg 86% 62%) 0%, hsl(208deg 57% 54%) 100%);
}
