@font-face
{font-family:Calibri;
 font-family: Calibri ;
 src: url(Calibri.ttf);
}
body::-webkit-scrollbar { width: 0 ; }

.dateButton {
  background-color: #4CAF50;
  border: none;
  font-size: 12px;
  color: #FFFFFF;
  text-align: center;
  overflow: hidden;
  cursor: pointer;
}


BODY 
{
	font-family:"Calibri";
	background:#000000;
    background-size:     cover; 
    background-repeat:   no-repeat;
    background-position: center center;
	overflow: hidden;
	overflow: -moz-scrollbars-none; 
	-ms-overflow-style: none;

}

.id_main{
    position: absolute;
	overflow: hidden;
    top: 0px; /* Header Height */
    bottom: 0px; /* Footer Height */
	width: 100vw;
	margin:0px;
}

.loading_panel{
	background:#000000;
	border:solid 1px #333333;
	width:100%; 
	height:100%;

}


.speech-bubble {
	background: #aaffaa;
	-webkit-border-radius: 4px;
			border-radius: 4px;
	font-size: 0.8rem;
	line-height: 1.1;
	margin: 0 auto 20px;
	width: 80%;
	padding: 10px;
	position: relative;
	text-align: right;
	left: 0px;
}

.speech-bubble::after
{
	border-right: 20px solid transparent;
	border-top: 10px solid #aaffaa;
	bottom: 10px;
	content: "";
	position: absolute;
	right: -18px;
}


.speech-bubble2 {
	background: #aaaaff;
    -webkit-border-radius: 4px;
            border-radius: 4px;
	font-size: 0.8rem;
	line-height: 1.1;
	margin: 0 auto 20px;
	width: 80%;
	padding: 10px;
	position: relative;
	left:4px;
}

.speech-bubble2::after 
{
	border-left: 20px solid transparent;
	border-top: 10px solid #aaaaff;
	bottom: 10px;
	content: "";
	position: absolute;
	left: -18px;
}


.speech-bubble-ds 
{
	background: #D6D6FA;
	border: 1px solid #a7a7a7;
	-webkit-border-radius: 4px;
			border-radius: 4px;
	-webkit-box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.2);
			box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.2);
	font-size: 0.8rem;
	line-height: 1.0;
	margin: 0 auto 20px;
	width: 80%;
	padding: 15px;
	position: relative;
}

.speech-bubble-ds p 
{
	margin-bottom: 5px;
}

.speech-bubble-ds p:last-of-type 
{
    margin-bottom: 0;
}