table#tinyurl-list span.tinyurl-code {
	font-family: monospace;
}

table#tinyurl-list tr.error {
	background-color: #ffd0d0;
}

div#qr-code-view {
	position: relative;
}

div#qr-code-view div#tinyurl-infos {
	position: absolute;
	top:      0;
	right:    0;
}

div.print-qrcode {
	display:        inline-block;
	margin-right:   1em;
	vertical-align: top;
}

div.print-qrcode div.title {
	font-size:   120%;
	font-weight: bold;
	grid-area:   qr-title;
}

div.print-qrcode a.qrcode-display {
	min-height: 230px;
	text-align: right;
	grid-area:  qr-code;
}

div.print-qrcode div.qrcode-list {
	grid-area: qr-download;
}

div#tinyurl-infos div.boxed-infos {
	max-width:  16em;
	margin-top: 1ex;
	border:     1px solid darkgray;

}

div#tinyurl-infos div.boxed-infos div.title {
	padding:          3px;
	color:            white;
	background-color: #3070B3;
}


div#tinyurl-infos div.boxed-infos div.value {
	position: relative;
	padding:  3px;
}

div#tinyurl-infos div.boxed-infos div.value.even {
	background-color: #e0e0e0;
}

div#tinyurl-infos div.boxed-infos div.value.odd {
	background-color: #f0f0f0;
}

div#shared-box div.value a.share-revoke-link {
	position:   absolute;
	top:        0;
	right:      1ex;
	visibility: hidden;
}

div#shared-box div.value:hover a.share-revoke-link {
	visibility: visible;
}

div#shared-box div.value a.share-revoke-link img {
	max-width:  1em;
	max-height: 1em;
}


a.tinyurl-action {
	display:          block;
	margin:           3px 0;
	padding:          2px 1em;
	text-align:       center;
	text-decoration:  none;
	color:            #23527c;
	border:           1px solid #23527c;
	background-color: #d7eeff;
}

form#qr-codes label {
	display:    block;
	margin-top: 1ex;
}

form#qr-codes div#settings {
	display:               grid;
	width:                 min-content;
	margin-bottom:         1em;
	white-space:           nowrap;
	grid-gap:              0 2em;
	grid-template-columns: auto min-content min-content min-content auto;
}

fieldset.deform-form-fieldset button.btn-destructive {
	color:            white;
	background-color: red;
}

table#literal-request-table {
	width:     100%;
	max-width: 60em;
}

table#literal-request-table td {
	vertical-align: top;
}

table#literal-request-table td.decision div.reason {
	overflow:   auto;
	max-height: 2em;
}

table#literal-request-table td.decision div.reason:hover {
	max-height: 10em;
}

table#literal-request-table td.code {
	font-family: monospace;
}


div#view-literal-request h2 span.code {
	font-family: monospace;
}

/* mail */

table#config-mail-placeholder {
	border-spacing:  1ex 1px;
	border-collapse: separate;
}

table#config-mail-placeholder td {
	vertical-align: baseline;
}

table#config-mail-placeholder tr.separator {
	background-color: #e0e0e0;
}

table#global-domain-list thead tr {
	background-color: lightgray;
}

table#global-domain-list tbody tr.even {
	background-color: #e0e0e0;
}

table#global-domain-list tbody tr.odd {
	background-color: #f0f0f0;
}

table#global-domain-list td,
table#global-domain-list th {
	padding: 1px 4px;
}

/* config mails */

div.global-mail-list a.global-mail {
	position:        relative;
	display:         inline-block;
	margin-top:      1em;
	vertical-align:  top;
	text-decoration: none;
	color:           inherit;
}

div.global-mail-list a.global-mail div.title {
	font-size:        120%;
	font-weight:      bold;
	position:         absolute;
	top:              -1em;
	left:             1em;
	padding:          4px;
	border:           1px solid darkgray;
	border-radius:    10px;
	background-color: lightgray;
}

div.global-mail-list a.global-mail div.description {
	display:          inline-block;
	overflow:         auto;
	width:            30em;
	height:           16em;
	padding:          2em 1ex 1ex;
	border:           1px solid darkgray;
	border-radius:    10px;
	background-color: #F0F0F0;
}

div.global-mail-list a.global-mail:hover div.description {
	color:            black;
	background-color: #E0E0FF;
}