/* GENRAL RULES */
html, body {
  height: 100%;
  margin: 0px;
  padding: 0px;
font-family: 'Ubuntu', sans-serif;
}

h6{
  font-size: 0.97em;
  color:#B0B0B0 !important;
}
h4{
  font-weight: 800;
}
.bi:before {
  font-size: 2.5rem !important;
  vertical-align: -.4em !important;
}
.list-text{
  padding-left: 10px;
}

.scrollable-items-container {
  overflow-y: auto;
}

.bodycontainer {
  max-height: 51vh;
}



.list-group-item {
  border-radius: 5px;
  border:2px !important;
  border-radius: 10px !important;

}
.row{
  margin-left:0px;
}

.list-group-item:hover{
background:#EFEFEF;
}
.list-group-item:active{
background:#EFEFEF;
}
.list-group-item:focus{
background:#EFEFEF;
}

.answer{
  display: none;
}

.jutumull{
  min-height:280px !important;
}

/* scrollbar*/
/* width */
::-webkit-scrollbar {
  width: 10px;
  margin-left: 100px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}


li{
text-align: left !important;
font-size: 1em;
padding: 5px;

}


.video_container{
  position: relative;

}

video{
  position: absolute;
  z-index: -1300;
  width:500px;
  right:0;

}

.svg_contain{
  display: inline-block;
	position: relative;
}

.svg_bg{
display: inline-block;
position: absolute;
top:0;
width: 100%;
z-index: -1300;
}



.btn-outline-primary{
font-weight: 900;
font-size: 0.8em;
}

.img-thumbnail{
  border: none !important;
  border: 0px;
}