body {color:#333;}
.monospaced-font{ font-family: consolas, monospace, serif; font-size: 14px;}
.el-dialog__jazor-wrapper .el-dialog__body { padding: 0 20px;}
a {text-decoration: none;}
a:link{color: #1989fa;}
a:visited{color: #1989fa;}
a:hover{color: #1989fa;}
a:active{color: #1989fa;}
.login-form {
    width: 300px; margin: 100px auto 0;
}
.login-form h3 {text-align: center; font-size: 36px; color: #999; padding-bottom: 20px}

.acme-nav > li{margin-bottom: 15px;}
.acme-nav > li.tc-warning.fw-bold a {color: #E6A23C !important;}
.acme-nav.acme-nav-sub > li{margin-bottom: 5px;}
.el-message .el-message__content {line-height: 160%}
.el-message-box__title span, .el-message-box__headerbtn .el-message-box__close {font-size: 16px}


.connections {
    width: 20%;
}
.sites {
    width: 78%;
}
.connections > div {
    border-radius: 5px;
    padding: 10px;
    background-color: #f6f6f6;
    border:1px solid #eee;
    position: relative;
    margin-bottom: 10px;
}
.connections > div.connection-selected {
    background-color: #e0e0e0;
    border-color:#ccc;
}

.connections > div p {margin-bottom: 5px;}
.connections > div p:first-child {margin-bottom: 10px;}
.connections > div p:last-child {margin-bottom: 0px;}
@media (prefers-color-scheme: dark) {
    .connections > div {
        background-color: #444;
        border-color:#666;
    }
    .connections > div.connection-selected {
        background-color: #666;
        border-color:#999;
    }
}