@charset "utf-8";
/* CSS Document */

ul{
    padding: 0px;
    margin:0px;
}
li{
    list-style-type: none;
}

#calculator input{
    text-align:right;
    width: 200px;
}

.btn{
    margin: 0 3px;
}

.msgline{
    margin:8px 0px; 
}
.topm{
    margin-top: 4px;
}

.no-padding-left{
    padding-left:0px;
}

.no-padding-right{
    padding-right:0px;
}

.messageScreen{
    width: 100%;height: 95px;
	border: solid thick rgba(204,204,204,1.00);overflow-y:auto;margin: 5px 0px 10px 0px;
    padding: 5px;
}

.s-input:hover{
    color: black;
    background-color: white;
}
.banner{

    
    background: rgba(204,204,204,1.00);

    vertical-align: text-bottom
}

h3{
    margin-bottom: 0;
    margin:3px;
}

[v-cloak]{display: none;}

.popchart{
    position: fixed;
    left:0px;
    top:0px;
    width: 100%;
    height: 100%;

    background: rgba(0,0,0,0.05)
}
.popcard{
   
    position: absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
}

.circle{
    border-radius: 50%;
    height: 1em;
}

.verMid *{
    vertical-align: middle
}

.bn {
	border: solid thin #878787;
}

.bs {
	border: solid #D6834B;
}

.usrSelect{
	background:#D64819;
	color: white;
}

.usrOnline{
	background:#AEACF6;
}

.usrOffline{
	background:#D4D4D4;
}


.chartSelf{
	background:#F0C1B2;
    padding: 3px 6px;
    border-radius: 6px;
}
.chartOther{
	background:#B2B5F0;
    padding: 3px 6px;
    border-radius: 6px;
}
.title{
	font-size:16px;
	font-weight: 800;
	color: #0D0693
}