body{

    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
    /*background-color: orange;*/
    overflow: hidden;
    /*display: flex;*/
    font-family: sans-serif;
}

html{

    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
}

.panel{

	box-sizing: border-box;
	background-color: #F7F7F7;
	/*width: 25%;*/
	height: 100%;
	float: left;
	border-right: solid 1px #CCCCCC;
	padding: 5px;
	color: #5CAAFE;

}

.ui-button{

	/*font-size: 200%;*/
/*	margin: 0;
	padding: 0;
*/}

.wrap {
	margin: auto;
	/*background-color: red;*/
	text-align: center;
}

.textArea{
	background-color: red;
	width: 100%;
}

.x_text{
	/*background-color: red;*/
	margin: auto;
	width: 100%;
	padding: 0;
	height: 100%;
	border: none;
	resize: none;
	background-color: #F7F7F7;
}



#header{

	width: all;
	/*height: 50px;*/
	background-color: #EDEDED;
	padding: 10px;
	border-bottom: solid 1px #CCCCCC;

}

#main{

	width: 100%;
	height: 100%;
	background-color: #CCCCCC;
	display: grid;
	/*grid-template-columns: 1fr 1fr 1fr 1fr;*/
	grid-auto-flow: column;

}

#logo{

	position: absolute;
	top: 20px;
	font-size: 120%;
}