body {
	width: 100%;
	font-family: font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	color: #a91f6e;
	font-size: 12pt;
	font-weight: bold;
	padding:5px;

}

fieldset {

	 margin-bottom: 10px;
	 padding: 5px 10px;
	 border: 1px solid #777;
	 border-radius: 10px;
	 height:20%
}

.urlStyle{
     color:#f93e3e;
     margin:50px;
     font-size: 12pt;
     font-weight: bold;
 }

legend {
	padding: 10px;
	color:  #20c997;
	font-size: 15pt;
	font-weight: bold;

}

label {
	color: #20c997;
	font-weight: bold;
	margin:0.5px;
}

#connectionStatus {
	font-weight: bold;
	margin:5%;
	font-size: 15pt;
	margin-top:30%;
}

#content {
	padding: 5px;

}

#serverUrl {
	width: 250px;
	height:100px
	padding: 1px 3px;
	border: 1px solid #999;
    border-radius: 5px;

}

#disconnectButton {
	display: none;
}

#messages {
        height: 200px;
        margin: 5px 0;
        padding: 0 5px;
        overflow: auto;
        border: 1px dotted #777;
        background-color:#D3D3D3;
        line-height: 150%;
}

#messages pre {
        width: 100%;
        color: #000;
}
.button{
        color: #000000;
      //  background-color: #cce5ff;
     //   border-color: #b8daff;
        padding: 0.5rem;
        border-radius: 3px;
        border-width: 0.2rem;
        font-size: 1rem;
}

.DarkGreyclass{
background-color: DarkGrey !important;
}


.pinkclass{
background-color: pink !important;
color: Brown;
}

.LightBlueclass{
background-color: LightBlue !important;
color: MidnightBlue;
}

.webSocketOpen{
        margin-top:-90%;
        margin-left:35%;
        background-color:#20c997 ;
        padding: 1rem;
        border-radius: 10px;
        border-width: 0.2rem;
        font-size: 1rem;


}
#messages pre.sent {
	    color: #3b4151;
}
.sendButton{
       color: black;
       background-color:  #20c997;
       margin-left: 2px;

           }
.requestBox {
 flex-direction: row;


}