/*
 * Copyright (C) 2017 "IoT.bzh"
 * Author: José Bollo <jose.bollo@iot.bzh>
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *   http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*******************************************************************/
/* top */
body {
	position: fixed;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
}

body.on #params, body.off #main { display: none; }

/*******************************************************************/
/* head */
#head {
	position: relative;
}

#logo {
	float: left;
}

#connected {
	float: right;
}

/*******************************************************************/
/* connection area */

/*******************************************************************/
/* main area */

#work {
	position: relative;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
}

#main {
	position: relative;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
}

.fillfix {
	width: 100%;
	height: 100%;
}

#controls {
	position: absolute;
	width: 250px;
	left: 0px;
	top: 0px;
	bottom: 0px;
	overflow: auto;
	margin-bottom: 75px;
}

#logmsg-box {
	position: absolute;
	width: 250px;
	right: 0px;
	top: 0px;
	bottom: 0px;
/*
	font-size: smaller;
	overflow: auto;
	margin-bottom: 75px;
*/
}

#logmsgs-inner-box {
	position: relative;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
}

#logmsgs {
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	font-size: smaller;
	overflow: auto;
	margin-bottom: 380px;
}


#trace-events {
	overflow: auto;
	position: absolute;
	right: 250px;
	left: 250px;
	top: 0px;
	bottom: 0px;
	margin-bottom: 75px;
}

/*******************************************************************/
/* setting for apis */

/*******************************************************************/
/* setting of verbs */

/*******************************************************************/
/* setting for traces */

#apis .trace-evt {
	visibility: hidden;
	display: none;
}

/*******************************************************************/
/* tiny button */

/*******************************************************************/
/* display of logmsg */

/*******************************************************************/
/* close box */
.close {
	float: right;
}

/*******************************************************************/
/* open / close */
.opclo { float: right; } 
.api > .opclo { float: left; }

.closed > .closedoff { visibility: hidden; display: none; } 

.opened > .closedon { visibility: hidden; display: none; }

/*******************************************************************/
/* setting for traceevents */

.traceevent {
	position: relative;
}

.traceevent.closed {
	overflow: hidden;
}

.traceevent .time {
	float: left;
}

.traceevent.closed:hover {
	overflow: visible;
	z-index: 100;
	position: relative;
}

.traceevent.closed:not(:hover) .content {
	display: none;
}

.traceevent.closed:hover .content {
	display: block;
	background: inherit;
	left: 40%;
	max-width: 55%;
	position: absolute;
}

.traceevent .content {
	clear: both;
}

.traceevent, .x-button {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.traceevent table.object tr td:nth-child(2) {
	-webkit-user-select: text;
	-moz-user-select: text;
	-ms-user-select: text;
	user-select: text;
}

/*******************************************************************/
/* json format */

/*******************************************************************/
/* clear fix */

.clearfix::after {
    content: "";
    clear: both;
    display: table;
}