@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
body {
	font-family: 'Lato', 'Noto Sans Japanese', Verdana, Arial, sans-serif;
	color: #7c8d87;
	background: #f8f8f8;
    margin: 0 0;
}

h1, h2, h3 {
    margin-top: 0.75em;
    margin-left: 1%;
}

/* テーブル属性 */
table {
    border-collapse: collapse;
    margin-left: 2%;
    margin-right: 2%;
    width: 96%;
    background: #fff;
    border: 0;
}
td, th {
    padding: 0.75em 0.5em;
	font-size: 0.8em;
    text-align: left;
    border: 0;
}
table tr td:first-child {
    width: 25%;
}
thead th {
	text-align: center;
    padding: 0.25em 0.5em 0em;
}
td.connected {
		background-color: #e98249;
		color: #fff;
		font-size: 0.8em;
		text-align: center;
		line-height: 1;
}
td.connected:hover {
  		opacity: 0.7;
		transition: 0.2s;
}
td.disconnected {
		font-size: 1em;
		text-align: center;
		line-height: 1;
}
td.disconnected:hover {
		background-color: #51dca6;
		opacity: 0.3;
		transition: 0.2s;
}
th {
    background-color: #31bc86;
    font-weight: bold;
    color: #fff;
    white-space: nowrap;
}
th.error {
    background-color: #ff0000;
}
/*
th:nth-child(2n) {
    background-color: #29b47e;
}
*/
tbody th {
	background-color: #2ea879;
}
/*
tbody tr:nth-child(2n) th {
	background-color: #26a071;
}
*/
#network tbody tr:nth-child(2n-1) {
    background-color: #eef2ee;
    transition: all .125s ease-in-out;
}
#network tbody tr:hover {
    background-color: rgba(129,208,177,.3);
}

.tableCorner {
/*   background: -webkit-gradient(linear, right bottom, left top, from(white), color-stop(0.5, white), color-stop(0.5, gray), to(gray)); 
*/
/*
   width: 0;
   height: 0;
   line-height: 0;
   overflow: hidden;
   border-top: 300px solid #ccffcc;
   border-left: 500px solid #ffcccc;
   border-right: none; 
   border-bottom: none; 
   position: absolute;
   */
   /*	
    background-color: rgba(0,0,0,0);
    height: 100%;
    width: 100%;
    border-top: solid gray 1px;
    transform: matrix(1, 0.75, 0, 1, 0, 15);
    border:0;
    background: lightgray
    */
}

/* ボタン */
button {
    /* 文字 */
    font-size: 1em;
    font-weight: bold;
    /* 余白 */
    padding: 10px 20px;
    margin: 0px 0px 0px 10px;
	background-color: #41cc96;
    /* 文字色を白色に指定 */
    color: #fff;
    /* ボーダーをなくす */
    border-style: none;
}
th button {
    padding: 0.2em 10px;
}
button:hover, button:focus {
	background-color: #51dca6;
}

/* 文字入力 */
input {
	border:0;
	padding:0.25em;
	font-size:1em;
	font-family:Arial, sans-serif;
	color:#264;
	border:solid 1px #ccc;
    margin: 0px 10px;
}

input:focus {
    border:solid 1px #EEA34A;
}

/* 区切り */
hr {
    margin-top: 3%;
	width: 100%; 
	height: 8px;
	border: 0;
	box-shadow: 0 6px 6px -6px #ccc inset;
}
