/** @see https://en.wikipedia.org/wiki/Web_colors */
.text-help { color: #666; }

.text-validation { color: #a30023; }

.input-buttons { margin: 1em 0; }

@media all and (min-width: 46em) { .input-buttons { margin: 1em 0; } }

form dl { padding: .5em 0; }

form dl > dt { font-size: 0.8rem; font-weight: normal; margin: 0 0 .25em 0; }

form dl > dd { margin: 0; padding: 0; }

form dl > dd input { box-sizing: border-box; border: 1px solid #e0e0e0; font-family: "Open Sans", "Helvetica Neue", Arial, sans-serif; font-size: 1rem; padding: .5em; transition: border-color .35s ease-in-out, background-color .5s ease-in-out; width: 100%; }

form dl > dd input:focus { background-color: #ffffff; border-color: #a0a0a0; }

form dl > dd > .intl-tel-input > input[type="tel"] { padding-left: 44px; }

@media all and (min-width: 46em) { form dl { background: #f4f4f4; margin: 2px 0; transition: background .25s linear; } form dl:after { clear: both; content: ''; display: table; } form dl:hover { background: #fafafa; } form dl > dt { color: #666; float: left; font-size: 0.8rem; margin: 0; padding: 1em 0 0 1em; width: 8em; } form dl > dd { margin-left: 8em; } form dl > dd input { font-size: 0.85rem; width: 20em; } form dl > dd input.datePicker { width: inherit; } form dl > dd input.timePicker { width: inherit; } }

table { overflow: hidden; width: 100%; }

table.contact { width: auto; }

table th, table td { padding: .75em 1.5em .75em .5em; }

table > thead > tr > th { background: #183365; color: #fff; font-size: 0.85rem; font-weight: normal; height: 2em; vertical-align: bottom; }

table > thead > tr > th:first-child { padding-left: 1.5em; }

table > thead > tr > th > a { color: #fff; }

table > thead > tr.column-status { text-align: right; }

table > tbody > tr > th, table > tbody > tr td { background: gainsboro; border-top: 1px solid #eee4e1; transition: background-color .2s linear; vertical-align: top; }

table > tbody > tr > th:first-child, table > tbody > tr td:first-child { padding-left: 1.5em; }

table > tbody > tr > th.ext-number, table > tbody > tr td.ext-number { text-align: right; white-space: nowrap; }

table > tbody > tr.total td { border-top: 2px solid #212121; }

table > tbody > tr:hover th, table > tbody > tr:hover td { background: #fff; }

@media print { table th, table td { padding: .75em 1.5em .75em .5em; } table > thead > tr th, table > thead > tr td, table > tbody > tr th, table > tbody > tr td { background: none; border: none; padding: .05em 1em .05em .05em; } }

#departments-numbers table thead tr th:first-child, #departments-numbers table tbody tr th:first-child { text-align: right; }

/** @copyright 2015 City of Bloomington, Indiana @license http://www.gnu.org/licenses/agpl.txt GNU/AGPL, see LICENSE.txt @author Cliff Ingham <inghamn@bloomington.in.gov> */
.menuLauncher { cursor: pointer; display: inline-table; }

.menuLinks { position: absolute; display: inline-table; opacity: 0; white-space: nowrap; transition: opacity .2s; z-index: 7; }

.menuLinks.open { opacity: 1; }

.menuLinks.closed { top: -10000px; left: -10000px; }

.menuLinks a { display: block; }

.site-utilityBar .menuLinks { background: #fff; border: 1px solid #f3f3f3; box-shadow: 0 0 1em 0 rgba(0, 0, 0, 0.5); padding: .5em 0; }

.site-utilityBar .menuLinks a { padding: .5em 1em; transition: background .25s, color .25s; }

.site-utilityBar .menuLinks a:hover { background: #183365; color: #fff; text-decoration: none; }

section header { margin: 0; vertical-align: middle; }

section header h1, section header h2, section header h3, section header h4, section header h5, section header h6 { display: inline-block; vertical-align: middle; }

section header .tools { display: inline-block; margin: 0 0 2em 2em; vertical-align: middle; }

body > header { border-top: .4em solid #1e59ae; }

body > header > .container { margin: 0 auto 0; color: #183365; position: relative; }

body > header > .container:after { clear: both; content: ''; display: table; }

body > header > .container:before { background: url("images/Simple_City_Logo.svg"); background-size: 100% 100%; content: ''; display: block; float: left; height: 4em; margin: .75em .75em .75em 0; width: 4em; }

body > header > .container .site-title { float: left; padding: .5em 0; }

body > header > .container .site-title a { color: #183365; }

body > header > .container .site-title h1 { font-size: 1.5rem; font-weight: normal; margin: .5em 0 .25em 0; }

body > header > .container .site-utilityBar { position: relative; }

body > header > .container .site-utilityBar nav { float: right; margin: 0 0 0 1em; }

@media screen and (min-width: 46em) { body > header { position: relative; } body > header > .container { box-sizing: border-box; margin: 0 auto; padding-top: .5em; width: 46em; } }

@media screen and (min-width: 70em) { body > header > .container { width: 60em; } }

body { color: #303030; font-family: "Open Sans", "Helvetica Neue", Arial, sans-serif; }

.layout-container { background: #f3f3f3; padding: 1em; }

h1 { color: #777; font-size: 2rem; font-weight: 300; margin: 0 0 1em; }

h2 { color: #555; font-size: 1.5rem; font-weight: normal; margin: .5em 0; }

h3 { color: #666; font-size: 1.3rem; font-weight: normal; margin: .5em 0 .25em 0; }

h4 { font-size: 1rem; font-weight: 600; }

a { color: #183365; text-decoration: none; }

p { line-height: 1.5em; margin: 1em 0; }

address { white-space: pre-line; }

table { margin: 1em 0 1em 0; }

th { font-weight: 600; }

td { padding: .25em; }

thead th { text-align: left; }

tbody th { text-align: right; }

ul { list-style-type: bullet; margin-left: 1em; padding: 0; }

li { margin: 0; }

fieldset { margin: 3em 0; padding: 0; }

legend { color: #747474; display: block; font-size: 1rem; font-weight: normal; margin: 0; padding: 0 0 0 0; }

label { font-weight: normal; }

@media (max-width: 400px) { textarea { width: 80%; height: 6em; } }

@media (min-width: 401px) { textarea { width: 60ex; height: 12em; } }

@media print { h1 { font-size: 1.5rem; margin: .5em 0 0 0; } h2 { font-size: 1.3rem; margin: .5em 0 0 0; } }

body > main > .panel { box-sizing: border-box; padding: 2em; }

@media screen and (min-width: 46em) { body > main { position: relative; } body > main:before { background: -moz-linear-gradient(top, #e4eff8 0%, #ffffff 200px); /* FF3.6+ */ background: -o-linear-gradient(top, #e4eff8 0%, #ffffff 200px); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #e4eff8 0%, #ffffff 200px); /* IE10+ */ background: linear-gradient(to bottom, #e4eff8 20em, #ffffff 30em); /* W3C */ box-sizing: content-box; content: ''; display: block; height: 200px; padding: 20em 0 0 0; position: absolute; top: 0; right: 0; left: 0; z-index: 1; } body > main > .panel { background: #fff; border-top: .4em solid #1e59ae; margin: 0 auto; min-height: 40em; padding: 2em; position: relative; width: 46em; z-index: 3; } }

@media screen and (min-width: 70em) { body > main > .panel { width: 60em; } }

@media screen and (min-width: 46em) { .nav1 { position: relative; } .nav1:after { background: url("images/header-bg-2.jpg"); background-size: 100% auto; content: ''; display: block; height: 18.75em; position: absolute; top: 0; left: 0; right: 0; z-index: 2; } .nav1 > .container { box-sizing: border-box; margin: 0 auto; padding: 2.7em 0 0 0; position: relative; width: 46em; z-index: 3; } .nav1 > .container:after { clear: both; content: ''; display: table; } .nav1 a { background: rgba(255, 255, 255, 0.5); color: #183365; display: block; float: left; margin: 0 .5em .4em 0; padding: .5em .75em; transition: background-color .25s ease-in-out; } .nav1 a:hover { background: rgba(255, 255, 255, 0.8); text-decoration: none; } .nav1 .searchForm { float: right; } .nav1 .searchForm > fieldset { margin: 0; } .nav1 .searchForm > fieldset > input { font-size: 1rem; padding: .25em; } }

@media screen and (min-width: 70em) { .nav1 > .container { width: 60em; } .nav1-link { padding-left: 1.5em; padding-right: 1.5em; } }

/** Base styles for buttons and button links */
button, .button { border: 1px solid #b8b8b8; border-radius: .4em; color: #333; display: inline-block; padding: .25em 1em; font-size: 0.85rem; font-weight: normal; background: linear-gradient(to bottom, #f2f2f9 21%, #CDD1D9 80%); vertical-align: middle; }

button > .fa, .button > .fa { font-size: 1rem; }

button:hover, .button:hover { background: linear-gradient(to bottom, #f8f8fd 21%, #d5dfe4 80%); }

a.button:hover { cursor: default; text-decoration: none; }

.hidden-label { font-size: 0; height: 1px; overflow: hidden; }

.fa-times { color: red; }

.fa-pencil { color: blue; }

.fa-edit { color: blue; }

.fa-plus { color: green; }

.fa-ok { color: green; }

.fa-save { color: green; }

.fa-map-marker { color: blue; }

.fa-list-ul { color: blue; }

.fa-print { color: blue; }

.fa-upload { color: black; }

.fa-download { color: black; }

.breadcrumbs { font-size: 0.8rem; margin: .5em 0 1.5em 0; }

.breadcrumbs > span { display: inline-block; margin: 0 2em 0 0; }

.breadcrumbs > span:not(:last-child):after { content: ">"; display: inline-block; margin: 0 -1em 0 1em; }

/** Main Content */
#errorMessages { background-color: #fcc; padding: 4px; border-radius: 10px; }

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

.pageNavigation li { display: inline; margin-right: 1em; }

.pageNavigation .current { border: 2px solid green; }

.list-departments { box-sizing: border-box; display: block; margin: 0 0 1em 0; padding: 0; width: 100%; }

.list-departments.mod-index > li { border-top: 1px solid #c0c0c0; padding-left: .5em; }

.list-departments.mod-index > li .list-departments > li { margin-bottom: .15em; margin-left: 1em; position: relative; }

.list-departments.mod-index > li .list-departments > li:before { color: #c0c0c0; content: '-'; display: block; position: absolute; left: -.75em; }

.list-departments > li { box-sizing: border-box; display: block; margin-bottom: 1.5em; padding: .75em 0 0 0; width: 100%; }

.list-departments > li > a { display: inline-block; font-size: 1.3rem; margin: 0 0 .5em 0; }

.list-departments > li > .list-departments { box-sizing: border-box; columns: 1; display: block; -webkit-columns: 1; -moz-columns: 1; margin-bottom: 1em; }

.list-departments > li > .list-departments > li { box-sizing: border-box; border-top: none; display: block; margin: 0 0 2em 0; padding: 0; }

.list-departments > li > .list-departments > li > a { font-size: 1rem; margin: 0 0 .25em 0; }

.person-profile th, .person-emergencyProfile th { font-weight: 600; }

.person-photoContainer > img { border: 8px solid #fff; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4); outline: 1px solid #c0c0c0; position: relative; z-index: 0; }

.person-details > h1 { margin-bottom: .2em; }

.person-details > h2 { margin-bottom: 1em; }

@media all and (min-width: 46em) { .list-departments.mod-index { -webkit-columns: 2 18em; -moz-columns: 2 18em; columns: 2 18em; } .list-departments.mod-index > li:nth-child(1) { -webkit-column-break-after: avoid; page-break-after: avoid; break-after: avoid; } .list-departments.mod-index > li:nth-child(2) { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; } .list-departments.mod-index > li:nth-child(3) { -webkit-column-break-before: always; page-break-before: always; break-before: always; } .person-profile:after { clear: both; content: ''; display: table; } .person-photoContainer { float: left; text-align: right; width: 12.5em; /* 200px by default */ min-height: 1em; } .person-photoContainer > img { margin: 0; max-width: 11.25em; } .person-details { float: left; margin: 0 0 0 1.5em; max-width: 28em; } .person-details:after { clear: both; content: ''; display: table; } .person-details > div { margin: .25em 0; } .person-emergencyProfile { margin: 1.5em 0 0 1.5em; padding: 0 0 0 200px; } .person-emergencyProfile-edit { margin: 0 auto; width: 40em; } }

@media all and (min-width: 70em) { .form-search > fieldset { box-sizing: border-box; display: block; float: left; margin: 0 0 3em 0; width: 50%; } .form-search > fieldset:first-child { padding: 0 .5em 0 0; } .form-search > fieldset:last-child { padding: 0 0 0 .5em; } .person-details { max-width: 42em; } }

textarea#address { height: 3em; }

#synchronizeForm fieldset { width: 45%; float: left; margin-right: 2em; }

#synchronizeForm fieldset .container { height: 550px; overflow-y: scroll; }

#synchronizeForm fieldset article { border: 1px solid black; margin-bottom: 1em; }

#synchronizeForm fieldset article header { background-color: #ccc; font-size: 1rem; font-weight: bold; margin: 0; padding: 2px; }

#synchronizeForm fieldset article div { margin-left: 1em; margin-right: 1em; }

#content-panel .searchForm input { width: 80%; border-radius: 8px; padding-left: 3rem; font-size: 2rem; background-color: gainsboro; background-repeat: no-repeat; background-position: left .5rem center; background-size: 2rem; background-image: url("fa-svg/gothic/search.svg"); }

/*# sourceMappingURL=screen-1.3.2.css.map */