html {
  position: relative;
  min-height: 100%;
}
body {
  margin-bottom: 60px; /* Margin bottom by footer height */
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 60px; /* Set the fixed height of the footer here */
  line-height: 60px; /* Vertically center the text there */
  background-color: #f5f5f5;
}

.upload-drop-zone {
  height: 200px;
  border-width: 2px;
  margin-bottom: 20px;
}


.upload-drop-zone {
  color: #858aa2;
  /* color: #b7b5b5; */
  border-style: dashed;
  border-color: #ccc;
  /* line-height: 200px; */
  padding-top:10%;
  text-align: center
}
.upload-drop-zone.drop {
  color: #222;
  border-color: #222;
}

.lbl-radio {
  display: block;
  border: 1px solid rgba(0, 0, 0, 0.1);
  /* border-radius: 10px; */
  padding: 15px;
  position: relative;
  cursor: pointer;
}

.lbl-radio .content .title {
  margin-bottom: 7px; 
}

input[type='radio']:checked + .lbl-radio {
  border-color: #97cf9b;
  background-color: #eeffef;
}

.noradio input[type='radio'] {
  display: none;
}

input[type='radio']:checked {
  border-color: red;
}
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }

.disabled {
  opacity: 0.3;
  cursor: not-allowed;
}
.done {
  opacity: 0.7;
}