a {
    color: #4A5BBB;
}

.search-item h1 {
    font-size: 18pt;
}

ul.search-list {
    list-style-type: none;
}

.search-snippet {
    font-size: 11pt;
}

.search-form {
    text-align: center;
    width: 100%;
    height: 100%;
    padding-top: 20px;
    padding-bottom: 10px;
    /* background-color: rgb(168, 25, 25); */
    background-color: rgb(201, 204, 187);
}

.result-notice p {
    margin-bottom: 5px;
    margin-top: 10px;
}

.light-gray {
    background-color: rgb(226, 234, 243);
}

.taupe {
    background-color: rgb(201, 204, 187);
}

.dark-brown {
    background-color: #5c4239;
}

.red {
    background-color: #bb3e3e;
}

.red:hover {
    background-color: #d17676;
}

.white-text {
    color: white;
}

.black-text {
    color: black;
}

.text-center {
    text-align: center;
}

.margin-bottom-zero {
    margin-bottom: 0;
}

.margin-top-small {
    margin-top: 5px;
}

.hide {
    display: none;
}

.button-margin {
    margin-right: 10px;
    margin-left: 10px;
}

.date-col {
    text-align: right;
    padding-right: 20px;
}

.search-details {
    font-size: 90;
}

.homepage-list-item {
    font-size: 18pt; 
    line-height: 32px;
}

/* for docket entries */
.docket-entry {
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 15px;
    padding-right: 15px;
}

.docket-entry p {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 13px;
    line-height: 18px;
}

.docket-entry li {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 13px;
    line-height: 18px;
}

.docket-entry ol {
    margin-block-start: 10px;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-size: 13px;
    padding-inline-start: 0px;
    list-style-position: inside;
}

.docket-entry .mdl-cell {
    margin: 0;
}

.docket-entry .mdl-grid {
    padding: 0;
}

#docket-title {
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 20px;
}

#docket-result-number p {
    margin-left: 20px;
    margin-bottom: 0px;
    padding-bottom: 10px;
    /* color: rgb(105, 105, 105); */
}

#top-banner {
    height: 100%;
    width: 100%;
    background-color: rgb(237, 236, 233);
}

.no-number {
    list-style: none;
    list-style-position: outside;
}

a.no-underline:link {
    text-decoration: none;
}

a.no-color:link {
    color: initial;
}

span.no-linebreak {
    white-space: nowrap;
}

.center {
    margin: auto;
    width: 50%;
    padding: 10px;
    margin-top: 30px;
}

/* ~~To help look more like Ullr~~ */
.mdl-layout-title a {
    color: inherit;
    text-decoration: inherit;
}

button {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
}
/* ~~~~end ullr~~~~ */

button.small-button {
    height: 20px;
    min-width: 70px;
    line-height: 18px;
    font-size: 15px;
    text-align: center
}

.logo-sizing {
    float: right; 
    font-size: 192px; 
    color: white;
    overflow: hidden;
}

.mdl-navigation i {
    margin-right: 10px;
}

#no-entries-warning {
    margin-top: 30px; 
    margin-left: 20px;
}

.help {
    margin-left: 30px;
    margin-right: 30px;
}

#docket-list-title {
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 20px;
    padding-bottom: 0px;
    font-style: italic; 
    font-size: 27px;
}

.help h1 {
    font-size: 18pt;
    margin-bottom: 5px;
    color: darkslategray;
}

#lookup {
    margin-left: 40px;
}

.fade-animation {
    animation: fade ease;
    animation-iteration-count: infinite;
    animation-duration: 3s;
    animation-fill-mode: both;
}

.fade-animation-yellow {
    animation: fadeYellow ease;
    animation-iteration-count: infinite;
    animation-duration: 3s;
    animation-fill-mode: both;
}

@keyframes fade {
    0%, 100%    { background-color: rgb(201, 204, 187) }
    50%   { background-color:  rgb(0, 111, 138) }
}

@keyframes fadeYellow {
    0%, 100%    { background-color: rgba(248, 225, 52 0) }
    50%   { background-color:  rgb(248, 225, 52) }
}