/* specifieke sketch css voor Brocade */

@import url("/brocade/layout/variables.css");

.sketch-main,
.taskbar {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 10pt;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    color: #000000;
}

body:not(.prettify) .taskbar + .content {
    margin-top: var(--taskbar-height);
}

.frameless .taskbar + .content {
    margin-top: 0;
}

.taskbar .sketch-button-block {
    display: inline-block;
}

input.form-control {
    padding: 0;
}

[class^="sketch"] input.workspace-warningtarget,
[class^="sketch"] input[type="radio"].workspace-warningtarget + label,
[class^="sketch"] input[type="checkbox"].workspace-warningtarget + label {
    background-color: #a0d0a0;
}
[class^="sketch"] input.workspace-errortarget,
[class^="sketch"] input[type="radio"].workspace-errortarget + label,
[class^="sketch"] input[type="checkbox"].workspace-errortarget + label {
    background-color: #f5f5dc;
}

[class^="sketch"] a {
    text-decoration: none;
    color: #003366;
    border-style: none;
}
.sketch-form-text a {
    width: fit-content;
}

.sketch-group {
    margin-top: var(--sketchSpacing8, 30px);
}

[class^="sketch"] textarea {
    resize: both;
    width: 70%;
}

.sketch-logline {
    display: grid;
    grid-template-columns: 20px 200px 200px auto;
}

table.sketch-table thead {
    border: 1px solid var(--sketchBackgroundColorTableHead);
}
table.sketch-table thead .sketch-table-row {
    border: none;
}
table.sketch-table.condensed {
    --sketchSpacingTableCell: var(--sketchSpacing2);
}
table.sketch-table.small {
    --sketchSpacingTableCell: var(--sketchSpacing1);
}
table.sketch-table.sketch-fitcontent {
    width: fit-content;
}
.sketch-table th {
    top: calc(var(--taskbar-height) - 1px);
}
table.sketch-table .sketch-table-cell {
    padding: var(--sketchSpacingTableCell);
}
.sketch-table tfoot tr {
    background-color: var(--sketchBackgroundColorTableFoot);
}
.sketch-table caption {
    color: var(--main-server-color);
}

.sketch-autowidth,
[class^="sketch"] textarea.sketch-autowidth {
    width: auto;
}

.loilinkwrapper {
    margin-bottom: var(--sketchSpacing3);
}