/* Message boxes */
.message-box,
.error-box  
{
	border-bottom:1px solid #fff;
	font:1.0em Arial,sans-serif;
	color:#fff;
	padding:10px 25px;
	margin-bottom:5px;
	overflow:hidden;
	border-radius:8px;
	text-shadow:none;
	cursor:pointer;
}

.message-box
{
    background:#12a223;
}

.error-box 
{
    background:#ab0000;
}

.sequence-arrow {
    position: relative;
    cursor: pointer;
    margin: 5px;
    padding: .4em 8px .5em;
}

.sequence-number {
    position: absolute;
    width: 20px;
    height: 20px;
    top: -10px;
    right: -10px;
    background: #FFF;
    border-radius: 10px;
    border: 1px solid #000;
    display: flex;
    align-items: center;
    justify-content: center;
}

.highlight-image .sequence-number {
    display: none;
}

[data-theme="d"] [data-role="header"],
[data-theme="d"] [data-role="footer"],
[data-theme="d"] [data-role="list-divider"] {
    background: linear-gradient(rgb(34, 97, 234), rgba(55, 55, 55, 0.3)) !important;
    background-color: rgb(34, 97, 234) !important;
    color: #fff;
    text-shadow: 1px 1px 1px #000;
}

[data-theme="d"] > [data-role="footer"] a.ui-link,
[data-theme="d"] > [data-role="footer"] a.ui-link:hover,
[data-theme="d"] > [data-role="footer"] a.ui-link:visited {
    color: #fff;
}