body,
html {
    padding: 0;
    margin: 0;
    font-family: Arial;
}


.container {
    max-width: 1200px;
    margin: 0 auto;
}

.inner {
    padding: 15px;
}


header {
    background: whitesmoke;
}

.logout {
    float: right;
}

a {
    color: #67911c;
    text-decoration: none;
}
a:hover {
    color: #abdd4f;
}

ul {
    padding-left: 17px;
}

.color-error {
    color: red;
}

.color-warning {
    color: orange;
}

.color-info {
    color: blue;
}

.errors,
.messages {
    color: red;
    padding: 0;
    list-style: none;
}
.messages {
    color: blue;
}


input[type=text],
input[type=password],
select {
    border: 1px solid silver;
    padding: 5px 7px;
}


table {
    margin: 20px 0;
    width: 100%;
    border-collapse: collapse;
}
td,
th {
    border: 1px solid silver;
    padding: 5px;
    vertical-align: top;
    text-align: left;
}
th {
    background: whitesmoke;
}

tr:hover {
    background-color: lightyellow;
}

tr.error {
    /*
    background: red;
    color: white;
    */
}

.information {
    margin-top: 10px;
}
.information:first-child {
    margin-top: 0;
}

.hidden {
    display: none;
}

.status {
    background-color: whitesmoke;
    display: inline-block;
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    transform: translateY(15%);
}
.warning .status {
    background: orange;
}

.ok .status {
    background-color: #abdd4f;
}

.error .status {
    background-color: red;
}
.ignore {
    color: lightgray;
}
.ignore .status {
    background-color: whitesmoke;
}

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

.mainmenu {
    list-style: none;
    margin: 0;
    padding: 0 15px;
    background: whitesmoke;
    border-radius: 5px;
}
.mainmenu::after {
    content: "";
    display: block;
    clear: both;
}
.mainmenu li {
    float: left;
    padding: 15px 7.5px;
    margin: 0;
}


td.operations > * {
    margin: 5px;
}


.main-filter {
    border: 1px solid lightgrey;
    border-radius: 5px;
}

.main-filter-operations {
    background: whitesmoke;
    border-radius: 0 0 5px 5px;
    margin: 0;
    padding: 10px 20px;
}


/* Edit Server */
.edit-server--fields .row {
    display: flex;
    margin-bottom: 20px;
}
.edit-server--fields .row > *:nth-child(1) {
    flex-basis: 200px;
}
.edit-server--fields .row > *:nth-child(2) {
    flex-grow: 1;
}
.edit-server--fields textarea {
    padding: 5px;
    min-height: 100px;
    border: 1px solid #cecece;
}

.edit-server--fields textarea:focus,
.edit-server--fields textarea:active {
    outline: 1px solid darkgrey;
}

/* Form Slot Server Attributes */
.main-filter-row {
    display: flex;
    border-bottom: 1px solid lightgrey;
}
.main-filter-row > * {
    padding: 13px 20px;
}
.main-filter-row > *:nth-child(1) {
    width: 200px;
    font-weight: bold;
}


/* Bar */
.bar {
    border: 1px solid silver;
    border-radius: 3px;
    height: 25px;
    display: flex;
}
.bar-title {
    font-size: 12px;
    font-weight: bold;
    margin-top: 10px;
}
.bar-title:first-child {
    margin-top: 0;
}
.bar-description {
    font-size: 11px;
}
.bar-description.center {
    text-align: center;
}
.bar > .green {
    background-color: darkseagreen;
}
.bar > .red {
    background-color: lightcoral;
}

.server-dns-infos {
    margin-top: 10px;
    margin-left: 20px;
}

.rsync-logs {
    margin-top: 10px;
}




.ssl-table tr.important {
    color: red;
}
.ssl-table tr.warning {
    color: orange;
}


.loading {
    opacity: .5;
    pointer-events: none;
}