form.sd-action {
    margin-bottom: 2em;
}

#sd-actions {
    width: 49%;
    float: left;
    vertical-align: top;
    margin-top: 1em;
}

#sd-actions form {
    width: 90%;
}

#sd-data {
    width: 49%;
    float: right;
    vertical-align: top;
    margin-top: 1em;
}

.sd-action {
    width: 20%;
    margin-right: 2em;
}

.sd-help {
    color: #aaa;
    font-size: 0.8em;
    margin-top: -1em;
    margin-bottom: 1em;
}

.message {
    font-weight: bold;
    font-size: 1.2em;
}

#user-info {
    width: 90%;
    white-space: nowrap;
}

#user-info td {
    white-space: nowrap;
}

#document-info {
    width: 90%;
}

#document-info td {
    white-space: nowrap;
}

span.label {
    font-weight: bold;
}

div.warning {
    background: #ddd;
    padding: 1em;
    border-radius: 10px;
    font-weight: bold;
}

input[name="file"] {
    margin-bottom: 1em;
}

#document-info,
#user-info {
    font-size: 0.8em;
}

.sd-action-link {
    display: button;
    font-size: 1.2em;
    text-decoration: none;
    background-color: #EEEEEE;
    color: #333333;
    padding: 2px 6px 2px 6px;
    border-top: 1px solid #CCCCCC;
    border-right: 1px solid #333333;
    border-bottom: 1px solid #333333;
    border-left: 1px solid #CCCCCC;
}

#progress {
    margin-bottom: 2em;
}

.sd-arrow, 
.sd-circle {
    display: inline-block;
    width: 60px;
    height: 60px;
    border-radius: 30px;
    font-size: 12px;
    color:#black;
    line-height:60px;
    text-align: center;
    background:#ddd;
}

.sd-circle.green {
    background: green;
    color: white;
}

.sd-arrow {
    background: transparent;
    font-size: 50px;
    font-weight: bold;
    line-height:40px;
}

#metadata {
    margin-bottom: 2em;
}

.metadata-label {
    font-weight: bold;
    width: 250px;
    display: inline-block;
}

.metadata-label::after {
    content: ":";
}

ul#sd-exports {
    margin: 0;
    padding: 0;
}

ul#sd-exports li {
    display: inline-block;
    list-style: none;
    width: 50px;
}

a.file-type:hover, 
a.file-type:before {
    content: '';
    background-size: contain;
    width: 32px;
    height: 32px;
    display: inline-block;
    margin-right: 0.5em;
    vertical-align: middle;
    border-bottom: none !important;
    text-decoration: none !important;
}


a.format-html:before {
    background-image: url(++resource++zopyx.plone.smashdocs/file-formats/svg/xhtml-file-format-variant.svg) !important;
}

a.format-pdf:before {
    background-image: url(++resource++zopyx.plone.smashdocs/file-formats/svg/pdf-file-format-symbol.svg) !important;
}

a.format-epub:before {
    background-image: url(++resource++zopyx.plone.smashdocs/file-formats/svg/ibooks-file-format-symbol.svg) !important;
}

a.format-xml:before {
    background-image: url(++resource++zopyx.plone.smashdocs/file-formats/svg/xml-file-format-symbol.svg) !important;
}

a.format-docx:before {
    background-image: url(++resource++zopyx.plone.smashdocs/file-formats/svg/docx-file-format-symbol.svg) !important;
}

table.documents th {
    text-align: center;
    vertical-align: top !important;
}

table.documents td {
    white-space: nowrap;
    vertical-align: top;
    text-align: center;
}


table.documents caption {
    text-align: left;
    font-weight: bold;
    font-size: 1.2em;
}



.documents th.checkmark {
    max-width: 80px;
}

.status-ok {
    content: url(++resource++zopyx.plone.smashdocs/checked.svg);
    width: 20px;
}

.status-nok {
    content: url(++resource++zopyx.plone.smashdocs/exclamation-mark.svg);
    width: 20px;
}
