/*

Apple bluey greys

373A43
3B3E47
40434C
43464F
474A54

565A66	
*/

@font-face {
  font-family: 'Miso';
  font-style: normal;
  font-weight: normal;
  src: local('Miso'), url('/fonts/miso.otf') format('opentype');
}
@font-face {
  font-family: 'Miso';
  font-style: normal;
  font-weight: bold;
  src: local('Miso Bold'), local('Miso-Bold'), url('/fonts/miso-bold.otf') format('opentype');
}
@font-face {
  font-family: 'Miso';
  font-style: normal;
  font-weight:lighter;
  src: local('Miso Light'), local('Miso-Light'), url('/fonts/miso-light.otf') format('opentype');
}

body 
{
	margin:0px;
	color:white;
	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	font-size:12pt;
	background-color:#2b2a2a;
	background-image:url(/images/background.png);
}

label {
    width:120px;
    display:inline-block;
    color:black;
}

p
{
}

.editable
{
	min-height:30px;
	cursor:pointer;
}

h1
{
	width:650px;
	height:34px;
	overflow:hidden;
	font-weight:100;
	line-height:30px;
}

h2
{
	font-weight:100;
	line-height:20px;
    margin-left:20px;
}

h3
{
	font-weight:100;
	line-height:25px;
	font-size:15pt;
}

label {
    width:120px;
    display:inline-block;
}

#header
{
	background-color:#81837E;
	background-image:url(/images/background.png);
	padding:20px;
}

#front-page
{
	padding:20px;
}

#editor
{
	padding:20px;
}

input
{
	padding: 6px;
	font-size:12pt;
	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
    width:300px;
}
button{
    padding:2px;
}

textarea
{
	padding: 6px;
	font-size:12pt;
	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
}

select
{
	padding: 6px;
	font-size:12pt;
	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
}

a
{
    text-decoration: none;
    color: #333333;
    background-color: #F2F2F2;
    padding: 6px 10px;
    
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    
    background-image: -webkit-linear-gradient(90deg, #DBDBDB, #F2F2F2);
    background-image: -moz-linear-gradient(90deg, #DBDBDB, #F2F2F2);
    background-image: -ms-linear-gradient(90deg, #DBDBDB, #F2F2F2);
    background-image: -o-linear-gradient(90deg, #DBDBDB, #F2F2F2);
    background-image: linear-gradient(90deg, #DBDBDB, #F2F2F2);
    
    border: 1px solid #B3B3B3;
    
    -webkit-box-shadow: inset 0 0 2px 1px white, 0 2px 5px rgba(0,0,0,0.15), inset 0 -17px 0 rgba(0,0,0,0.06);
    -moz-box-shadow: inset 0 0 2px 1px white, 0 2px 5px rgba(0,0,0,0.15), inset 0 -17px 0 rgba(0,0,0,0.06);
    box-shadow: inset 0 0 2px 1px white, 0 2px 5px rgba(0,0,0,0.15), inset 0 -17px 0 rgba(0,0,0,0.06);

	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
}

a:link
{
  background-color: rgba(60, 132, 198, 1);
}

a:hover
{
    background-image: -webkit-linear-gradient(90deg, #E8E8E8, #F7F7F7);
    background-image: -moz-linear-gradient(90deg, #E8E8E8, #F7F7F7);
    background-image: -ms-linear-gradient(90deg, #E8E8E8, #F7F7F7);
    background-image: -o-linear-gradient(90deg, #E8E8E8, #F7F7F7);
    background-image: linear-gradient(90deg, #E8E8E8, #F7F7F7);

}



a:visited
{
	color:#333333;
}

.labelled
{
	cursor:pointer;
	line-height:25px;
}

.labelled .label
{
	display:inline-block;
	width:16px;
	height:16px;
	background-color:gray;
	margin-right:5px;
}

.labelled .info
{
	margin-bottom:8px;
	margin-left:22px;
	color:#eeeeee;
}

.plan-state-label
{
	display:inline-block;
	width:16px;
	height:16px;
	background-color:gray;
}

.test-state-1
{
	background-color:red;
}

.test-state-2
{
	background-color:orange;
}

.test-state-3
{
	background-color:yellow;
}

.test-state-4
{
	background-color:#df0;
}

.test-state-5
{
	background-color:green;
}

.status0
{
	background-color:#549654;
	opacity:0.8;
}

.status1,
.status2,
.status3
{
	background-color:#9c2701;
	opacity:0.8;
}

.status4,
.status5
{
	background-color:#e48005;
	opacity:0.8;
}


.status6,
.status7
{
	background-color:#DC572E;
	opacity:0.8;
}

.status6,
.status7
{
	background-color:#549654;
	opacity:0.8;
}

.status100
{
	background-color:#43464F;
	color:#565A66;
	opacity:0.6;
}

.status200
{
	background-color:#7E8391;
	opacity:0.8;
}

.process-log-row
{
	font-family: Calibri, Droid Sans, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif; 
    font-size:10pt;
    border-left:8px solid white;
    background-color:white;
    box-shadow: 2px 2px 2px #aaa;
    padding:4px;
    color:#333;
}

.process-log-rowInfo
{
    border-color: #c1eaaf;
}

.process-log-rowWarn
{
    border-color: #ffea99;
}

.process-log-rowError
{
    border-color:#e29191;
}
.process-log-rowDebug
{
    border-color:#a1bacc;
}


.process-item
{
    width:400px;
    margin:5px;
    margin-top:10px;
    margin-bottom:0px;
    padding:15px;
    display:inline-block;
    background-color:#f0f0f0;
    vertical-align:top;
    min-height:15px;
    border-radius:5px;
    box-shadow: 5px 5px 5px #aaa;
}

.process input
{
    margin-right:4px;
    margin-bottom:4px;
}

.process-log-row .log-time
{
    display:inline-block;
    width:75px;
    padding:2px;
}
.process-log-row .log-type
{
    display:inline-block;
    width:40px;
    padding:2px;
}
.process-log-row .log-msg
{
    display:inline-block;
    width:auto;
    padding:2px;
}
.process-log-row .log-ex-msg
{
    display:inline-block;
    padding:2px;
}
.process-log-row .log-ex-stack
{
    display:inline-block;
    padding:2px;
}

#log-view
{
    position:absolute;
    top:175px;
    right:20px;
    bottom:20px;
    left:700px;
    overflow-y:auto;
    overflow-x:hidden;
}

.labelvalue {
    margin:5px
}

.namespace {
    position:relative;
    margin-bottom:10px;
    height:20px;
}

.namespace .nid {
    position:absolute;
    left:0px;
    top:0px;
    width:70px;
    overflow:hidden;
    padding:2px;
}

.namespace .sid {
    position:absolute;
    left:85px;
    top:3px;
    width:500px;
    overflow:hidden;
}

.namespace .buttons {
    position:absolute;
    right:0px;
    top:0px;
    width:64px;
    overflow:hidden;
}

.panel {
    position:relative;
    max-width:600px;
    margin:20px;
    padding:20px;
    border-radius: 10px;
    background-color: white;
    color:black;

    -webkit-box-shadow: inset 0 0 2px 1px white, 0 2px 5px rgba(0,0,0,0.15), inset 0 -17px 0 rgba(0,0,0,0.06);
    -moz-box-shadow: inset 0 0 2px 1px white, 0 2px 5px rgba(0,0,0,0.15), inset 0 -17px 0 rgba(0,0,0,0.06);
    box-shadow: inset 0 0 2px 1px white, 0 2px 5px rgba(0,0,0,0.15), inset 0 -17px 0 rgba(0,0,0,0.06);
}

#left {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 35%;
    bottom: 0px;
    overflow: auto;
}

#right {
    position: absolute;
    top: 50px;
    left: 66%;
    right: 0px;
    bottom: 0px;
    overflow: auto;
}

.center-content {
    text-align: center;
}