* { box-sizing: border-box; }
body { padding: 80px 50px 50px 50px; margin: 0; font-family: arial; }
table { border-collapse: collapse; text-align: left; position: relative; }
table a:visited { color: red; }
td, th { border: 1px solid #CCC; padding: 5px 10px; white-space: nowrap; }
th { background-color: #EEE; }
td { background-color: #FFF; }
hr { height: 0; border: 0; border-bottom: 1px solid red; margin: 50px 0;  }
td table { margin: 10px 0; }
td hr { margin: 10px 0; border-bottom-color: transparent; }
td table td { background: #FFF!important; }
tr:nth-child(odd) td { background: #fcf8e3 }
tr:hover td { background-color: #EEE; }
.b { font-weight: bold; }
.blue { color: blue; }
.red { color: red; }
.orange { color: orange; }
.green { color: green; }
.black { color: black; }
.service { background-color: #fff; padding: 5px; border-radius: 3px; }
.state_0 { display: inline-block; width: 16px; height: 16px; background-color: red; border-radius: 3px; }
.state_1 { display: inline-block; width: 16px; height: 16px; background-color: green; border-radius: 3px; }
.tac { text-align: center; }
.deleted-no { display: inline-block; width: 100%; background-color: green; color: #FFF; text-align: center; padding: 2px; }
.deleted-yes { display: inline-block; width: 100%; background-color: red; color: #FFF; text-align: center; padding: 2px; }
.highlight-green { background-color: green; color: #FFF; padding: 2px; }
.highlight-red { background-color: red; color: #FFF; padding: 2px; }
tr.bold td { font-weight: bold; }
tr.bg-red td { background-color: #f2dede; }
tr.bg-red2 td { background-color: #f5a9a9; }
tr.bg-index-error td { background-color: red!important; color: #FFF; }
tr.bg-index-error2 td { background-color: #ffa50069!important; color: #000; }
tr.bg-index-error3 td { background-color: #ffff00a3!important; color: #000; }
tr.bg-missing td { background-color: red; color: #FFF; }
tr.bg-missing td td { color: #333; }
tr.bg-blue td { background-color: #d9edf7; }
tr.bg-green td { background-color: #dff0d8; }
tr.bg-green2 td { background-color: green; color: #FFF; }
tr.bg-green2 td td { color: #333; }
tr.bg-green2 td a { color: #FFF; }
tr.bg-orange td { background-color: #ffee97; }
tr.bg-black td { background-color: #333; color: #FFF; line-height: 40px; }
tr.bg-black td a { color: #FFF; }
tr.start > td { background-color: #5cb85c!important; }
tr.between > td { background-color: #5cb85c!important; }
tr.end > td { background-color: #5cb85c!important; }
.bg-1, .bg-2 { margin-top: 100px; }
.bg-1 > table > tbody::before, .bg-2 > table > tbody::before { content: ""; position: absolute; top: 0; left: -25px; width: 20px; height: 100%; background-color: #5cb85c; }
.bg-2 > table > tbody::before { background-color: #f0ad4e; }
body > div > table > tbody > tr:hover td { background-color: #eee; }
.msg-txt { padding: 10px; color: #333; border: 1px solid #999; margin: 0 0 20px 0; font-size: 14px; outline: none; width: 100%; height: 117px; }
.msgbox { position: fixed; bottom: 0; right: 0; width: 300px; background-color: #fff; padding: 20px; color: #333; border: 1px solid red;}
.pages a { margin-bottom: 10px; border: 1px solid #CCC; padding: 4px 4px 2px 4px; margin-right: 5px; text-decoration: none; display: inline-block; color: #333; border-radius: 4px; }
.pages a.active { border-color: red; }
h4 { margin-bottom: 10px; margin-top: 30px; }

.tree h2 { margin: 0 0 20px 0; color: #fff; padding: 5px 20px; font-weight: normal; background-color: #EEE; display: inline-block; font-size: 18px; }
.tree table { margin-bottom: 20px; }
.tree .block { border-left: 1px solid #EEE; padding-left: 40px; background-color: #fff!important; }
.tree .indent-0 { background-color: #333; border-color: #333; }
.tree .indent-1 { background-color: #337ab7; border-color: #337ab7; }
.tree .indent-2 { background-color: #5cb85c; border-color: #5cb85c; }
.tree .indent-3 { background-color: #5bc0de; border-color: #5bc0de; }
.tree .indent-4 { background-color: #f0ad4e; border-color: #f0ad4e; }
.tree .indent-5 { background-color: #d9534f; border-color: #d9534f; }
.tree .indent-6 { background-color: #333; border-color: #333; }

.group-rights { margin-top: -19px; }
.group-rights th { color: #FFF; background-color: #333; font-weight: normal; }
.group-rights th, .group-rights td { border-color: #333; }

.log-hr { margin: 15px 0; border-bottom: 1px dashed #999; }

.form span { display: inline-block; width: 200px; }
.form input, .form select { display: inline-block; width: 400px; margin-bottom: 5px; }

.row .col { float: left; }
.row .col-2 { width: 50%; padding: 20px; }
.row .col table { width: 100%; }
.row { clear: both; margin: 0 -20px; }

.tag { border: 1px solid #CCC; padding: 5px 10px; color: #333; margin-right: 10px; margin-bottom: 10px; display: inline-block; text-decoration: none; }
.tag:hover { border-color: blue; }
.found { display: inline-block; width: 100%; background-color: orange; color: #FFF; text-align: center; padding: 2px; }

.menu { position: fixed; top: 0; left: 0; width: 100%; background-color: #666; padding: 10px 50px; line-height: 24px; clear: both; z-index: 9999; }
.menu form { display: inline-block; margin-bottom: 0; float: right; }
.menu form input { border: 1px solid #333; padding: 5px; background-color: #fff; outline: none; }
.menu form input[type="submit"] { cursor: pointer; }
.menu form input[type="text"] { width: 250px; }
.menu a { padding-right: 10px; border-right: 1px solid #999; margin-right: 10px; color: #FFF; text-decoration: none; }
.menu a:last-of-type { margin-right: 0; padding-right: 0; border-right: 0; }

pre.eva { line-height: 18px; font-family: arial; font-size: 14px; font-weight: normal; }