#appContent {
	border: 1px solid #DEDEDE;
	margin-bottom: 30px;
}

#logRaw {
	height: 570px
}

#logChannel0{
	height: 570px;

}

/* log formatting */

.scroll-content
{
}

.scroll {
    font-size: 12px;
    word-wrap: break-word;
}
div.logline {
	padding-right: 5px;
	padding-left: 5px;
}
div.logline:nth-of-type(odd) { background: #e0e0e0 !important; }

/* code.logLine { padding: 2px; } */
/*code.logLine:nth-of-type(odd) {  background: #e0e0e0; }*/

pre.rawlog {
	display: none;
        padding: 2px;
        border: 1px solid #DEDEDE;
        border-radius: 5px;
        white-space: pre-wrap;       /* css-3 */
        white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
        white-space: -pre-wrap;      /* Opera 4-6 */
        white-space: -o-pre-wrap;    /* Opera 7 */
        word-wrap: break-word;       /* Internet Explorer 5.5+ */
        counter-reset: line;
}

pre.codelist {
	padding: 2px;
	border: 1px solid #DEDEDE;
	border-radius: 5px;
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
	counter-reset: line;
}

code {
	counter-increment: line;
}

code:before {
	content: counter(line) ". ";
}


/* log tokens / fields */
.logDate {              color: green; }
.logTime {              color: darkblue; }
.logTermMode {          color: purple; }
.logUniqueId {          color: blue; }
.logLevel {             color: midnightblue; }
.logContext {           color: steelblue; }
.logMessage {           color: darkgrey; }
.logMethod {            color: darkgreen; }
.logUrl {               color: darkorchid; }
.logProtocol {          color: darkred; }
.logHttpHeaderName {    color: firebrick; }
.logHttpHeaderValue {   color: goldenrod; }
.logResponseCode {      color: indigo; }
.logResponseUrl {       color: maroon; }
.logHttpHeaderName {    color: red; }
.logContentType {       color: royalblue; }
.logCharset {           color: rosybrown; }
.logJson {              color: dodgerblue; }
.logXml {               color: darkslategrey; }
.logTxt {               color: black; }

/* spinner */
.lds-spinner {
        color: official;
        display: inline-block;
        position: relative;
        width: 80px;
        height: 80px;
}
.lds-spinner div {
        transform-origin: 40px 40px;
        animation: lds-spinner 1.2s linear infinite;
}
.lds-spinner div:after {
        content: " ";
        display: block;
        position: absolute;
        top: 3px;
        left: 37px;
        width: 6px;
        height: 18px;
        border-radius: 20%;
        background: #16a3ad;
}
.lds-spinner div:nth-child(1) {
        transform: rotate(0deg);
        animation-delay: -1.1s;
}
.lds-spinner div:nth-child(2) {
        transform: rotate(30deg);
        animation-delay: -1s;
}
.lds-spinner div:nth-child(3) {
        transform: rotate(60deg);
        animation-delay: -0.9s;
}
.lds-spinner div:nth-child(4) {
        transform: rotate(90deg);
        animation-delay: -0.8s;
}
.lds-spinner div:nth-child(5) {
        transform: rotate(120deg);
        animation-delay: -0.7s;
}
.lds-spinner div:nth-child(6) {
        transform: rotate(150deg);
        animation-delay: -0.6s;
}
.lds-spinner div:nth-child(7) {
        transform: rotate(180deg);
        animation-delay: -0.5s;
}
.lds-spinner div:nth-child(8) {
        transform: rotate(210deg);
        animation-delay: -0.4s;
}
.lds-spinner div:nth-child(9) {
        transform: rotate(240deg);
        animation-delay: -0.3s;
}
.lds-spinner div:nth-child(10) {
        transform: rotate(270deg);
        animation-delay: -0.2s;
}
.lds-spinner div:nth-child(11) {
        transform: rotate(300deg);
        animation-delay: -0.1s;
}
.lds-spinner div:nth-child(12) {
        transform: rotate(330deg);
        animation-delay: 0s;
}
@keyframes lds-spinner {
        0% {
          opacity: 1;
        }
        100% {
          opacity: 0;
        }
}

/* terminal modes */
.mode_default {
	/* terminal mode default */
}

.mode_cloud {
	/* terminal mode cloud */
	color: #00BFFF;
}

.mode_app {
	/* terminal mode application */
	color: #1E90FF;
}

/* log source identifier */
.logger_default {
	/* logger default */
}

.logger_device {
	/* logger device */
	color: #BA55D3;
}

.logger_endpoint {
	/* logger endpoint */
	color: #C71585;
}

/* log level */
.level_default {
        color: #000000;
}

.level_verbose {
	color: #000000;
}

.level_debug {
	color: #00AA00;
}

.level_info {
	color: #0000AA;
}

.level_warn {
	color: #FF9900;
}

.level_error {
	color: #FF0000;
}