html, body{
  position: relative;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
body > .container-fluid{
  position: absolute;
  top: 0;
  left: 0;
  min-height: 100%;
  height: 100%;
  width: 100%;
  margin: 0;
  padding-top: 30px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  overflow: none;
}
table{
  table-layout: fixed;
  margin-bottom: 0 !important;
  background-color: white;
}
tbody, tr{
  background-color: white;
}
th, td{
  vertical-align: middle !important;
}
iframe{
  border: none;
  width: 100%;
  height: 80vh;
}
hr{
  border-top: 1px solid black;
  margin-top: 10px;
  margin-bottom: 10px;
}
ul{
  list-style: none;
  margin-bottom: 0 !important;
}
textarea{
  resize: vertical;
}
input[type="radio"],input[type="checkbox"]{
  position: relative;
  top: 2px;
}
.handle{
  cursor: move;
}
.label-ellipsis{
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -webkit-text-overflow:ellipsis;
}
.nowrap{
  display: inline-block;
}
.nopadding{
  padding: 0;
}
.nomargin{
  margin: 0;
}
.shadow-bottom{
  box-shadow: 0px 10px 5px -5px rgba(0,0,0,0.6);
}
.color-black.color-black{
  color: black;
}
.color-white.color-white{
  color: white;
}
.height-full.height-full{
  height: 100%;
}
.width-auto.width-auto{
  width: auto;
}
.width-full.width-full{
  width: 100%;
}
.width-half.width-half{
  width: 50%;
}
.width-one-third.width-one-third{
  width: 33.33%;
}
.thumbnail-box{
  width: 210px;
  height: 210px;
  display: flex;
  justify-content: center;
  align-items: center;
}
:invalid:not(form){
  border: 1px solid red;
}