html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 80px !important;
  margin-top: 75px !important;
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 70px;
  background-color: #f5f5f5;
  padding-top:10px;
}

body>.container {
  padding: 60px 15px 0;
}

.footer>.container {
  padding-right: 15px;
  padding-left: 15px;
}

#app {
  margin-top: 20px;
}

.noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

[v-cloak] {
  display: none
}

button,
input {
  outline: none;
}

textarea {
  height: 300px !important;
  resize: none !important;
}

.card {
  margin-bottom: 10px;
}

.placeholder {
  display: inline-block;
  background-color: lightgray;
  margin-bottom: 5px;
}

.letterholder {
  display: inline-block;
  height: 32px;
  width: 50px;
  background-color: lightgray;
  text-align: center;
}

.preview-div {
  line-height: 1.5;
  font-family: 'Inconsolata', monospace;
  font-size: 14pt;
}

.preview-div-title {
  font-weight: bold;
  font-family: 'Arial';
  border-bottom: 1px solid black;
  margin-bottom: 10px;
  padding-bottom: 10px;
}

.alphaTD {
  width: 10%;
  background-color: lightgray;
  text-align: center;
  font-size: 20pt;
}

.regularTD {
  text-align: center;
  border: 1px solid black;
  padding: 10px;
}

.vocabTable {
  width: 100%;
  border-collapse: separate;
}

.hidden {
  color: lightgray;
}

/*

::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track {
  background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
  background: #888;
}

::-webkit-scrollbar-thumb:hover {
  background: #555;
}

*/

#testsContainer{
  height:500px;
  overflow-y:scroll;
  border:2px solid darkgray;
  padding:10px;
}

.testSection{
  margin:25px;
}

#loadingModal{
  position:fixed;
  bottom:0;
  top:0;
  right:0;
  left:0;
  background-color:rgba(255,255,255,0.8);
  background-image: url('/images/loading.gif');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
  z-index:9999;
}