div#logo {background-image: url("/assets/wildylogowhite-d1118ecc.gif"); height: 80px; width: auto; background-repeat: no-repeat;  background-position: left; margin-left:5px; margin-top:10px; margin-right:350px;}

em { background: #ff0;}
a { text-decoration: none;}
a:hover {text-decoration: underline;}


td.delete {width: 18px;}

div#flash-alert,
div#flash-notice { padding: 5px 10px; margin-top: 20px; background-color: #FF0; font-size: 12px; font-weight: bold;}
div#flash-error { padding: 5px 10px; margin-top: 20px; background-color: red; color: white; font-size: 12px; font-weight: bold;}

h3 a, h3 a:visited,h3 a:active {color: black;}
h3 a:hover {color: blue; text-decoration: underline;}

div.edit-action {text-align: right;}
div.edit-action {color: red; }

div.odd {background-color: #FFF;}
div.even {background-color: #FFF;}

table#login_form tr td.noline table tr td {border-bottom: 0px solid silver;}
tr.strong td { border-bottom: 2px solid silver; padding-bottom: 18px;}
div#main ul {list-style: none;}
div#main li.subhead {font-weight: bold;}
div#main li.date {font-weight: bold; padding-bottom: 12px;}

div#main table tr td.list-label {text-align: right; width: 15%;}
div#main table tr td.list-value {text-align: left; width: 85%; padding-left: 15px;}

strong.highlight {background: #ff0; font-weight: normal; }

div#searchresults {background-color: #CCF;}
div#searchresults ul {list-style: none; margin: 0; padding: 0;}
div#searchresults ul li a  {text-decoration: none;}

form.white {background: white; padding: 2px; color: #000;}
form.color {background: #9EC6DB; padding: 2px; color: #000;}
tr td.color,
tr td.color form {background: #9EC6DB; padding: 2px; color: #000; color: black; vertical-align: middle;}
div#statement {color: #571; margin: 10px 120px 1em 10px; font: 2em Georgia, Times, serif; }
div#footer {padding: 10px; }

.sidebox {
	background-color: #EEE;
	margin-bottom: 12px;
	margin-right: -6px;
}

.sidebox form {
	background-color: #EEE;
	border: 0px solid red;
}



table tr th.medium_width { width: 80px;}
table.detail_panel tr td { background: #EEE; padding: 10px; }
table.detail_panel tr th { background: #CCC; padding: 0 10px 0 10px; border-bottom: 1px solid silver;}
table.detail_panel tr td dl dt {width: 30px;}
table.detail_panel tr td.hide_detail {background: #ffc; padding: 2px; margin-left:8px; text-align: center;}

span.validation-error { background-color: yellow; padding: 4px; font-size: 12px; color: black;}
b.two_hundred_wide { width: 200px;}

span.highlight { background-color: yellow; color: black; }
fieldset {border: 0px; padding-bottom: 10px; color: black; }
fieldset legend {font-weight: bold;}

form#user_search,
form#transaction_search {display: inline; color: black; padding: 4px;}

div#left-column div div ul li {list-style-type: disc; list-style-position: outside; margin-left: -20px; margin-top: 0px;}
div#left-column h3 {margin-bottom: 0px;}
div#announcement { width: 100%;background:#FFC;padding-top: 6px; padding-bottom: 6px; margin-bottom: 20px;}
div#announcement div {margin: 12px;}

div#messages table {width:100%;}

form#user_new { padding: 0px 0px 12px 0px;}
form#user_new p { padding: 4px 12px; }

#error_explanation h2 {
  font-size: 12pt;
  margin: 4px; padding: 0px;
}

#error_explanation {
  margin: 4px; padding: 0px; display: block; width: auto;
}

.list-group {
    position: absolute;
    opacity: 100%;
    background-color: #FFF;
    font-size: 16px;
    border: 1px solid #DDD;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    overflow: auto;
    max-height: 50vh;
}

.list-group li.list-group-item { opacity: 100%; padding: 4px 8px;}

div.table-row span {
    display: block;
    padding: 10px;
}

div.modal-title {
    width: 100%;
}

dialog {
    width: 80vw;
    margin: auto;

    &::backdrop {
        background: red;
        opacity: 0.2;
    }

    header {
        display: flex;
        align-items: center;

        h2 {
            flex: 0 1 100%;
        }
    }
}

.fas {
    font-size: 30px;
    border: 0px solid red;
}

.fa-times-circle { color: red;}
.fa-minus-circle { color: green;}
.fa-plus-circle { color: green;}