/* Permitsoft Application Styles - Compiled from SASS */
/* Custom styles extracted from app/assets/stylesheets/sass/application.sass */

#logo {
  background-image: url('/buildingpermit/images/main.png');
  background-size: 100%;
  width: 72px;
  height: 72px;
  border: 3px solid #069;
  border-radius: 10px;
  margin-left: 10px;
  margin-top: -5px;
  box-shadow: 0px 0px 5px #ddd;
}

.navbar {
  border: 1px solid #cfdeff;
  border-radius: 5px;
}

/* Background color */
.navbar.navbar-default {
  background-color: #00689c;
}

/* Menu text color */
.navbar-nav > li > a {
  color: #ffffff !important;
}

.navbar-nav > li > a:hover {
  color: #ffffff !important;
  background-color: #0052a3;
}

/* Menu title */
p.title.navbar-text {
  color: #ffffff;
}

p.title {
  font-size: 1.7em;
  margin: 7px 0 0 130px;
}

body {
  font-family: sans-serif, verdana;
  background-color: #fff;
  color: #333;
}

.field_with_errors .form-control {
  color: #a94442;
}

.badge {
  color: #FFF;
  background-color: #00528c;
  padding-left: 0.8em;
  padding-right: .9em;
}

.badge .fa-mobile-phone {
  font-size: 1.3em;
  vertical-align: middle;
  padding-right: .2em;
}

table a:visited, div.pagination a:visited {
  color: #666;
}

h1 {
  border-bottom: 1px #000 solid;
  padding-bottom: 5px;
  font-size: 2em;
}

h2 {
  font-size: 1.5em;
  color: #930;
}

h3.heading {
  margin-top: 0px;
}

#content {
  text-align: center;
}

.main {
  text-align: left;
  width: 95%;
  margin: 20px auto 20px auto;
}

div.left {
  float: left;
}

div.right {
  float: right;
}

.clear {
  clear: both;
}

.bold {
  font-weight: bold;
}

td.center {
  text-align: center;
}

td.right, th.right {
  text-align: right;
}

tr.even {
  background-color: #ccc;
}

table.mergables td {
  padding: 5px;
}

.box {
  border: 1px solid black;
  padding: 3px;
}

fieldset {
  padding: 5px;
}

div.icon_strip {
  text-align: center;
}

table.index {
  border-collapse: collapse;
  line-height: 1.5em;
}

table.index tr.alt {
  color: #000;
  background-color: #ddd;
}

table.index th {
  color: #FFF;
  background-color: #069;
  border: 1px solid #069;
}

table.index th a {
  color: white;
  padding: 0px;
}

table.index th, table.index td {
  padding: 3px;
}

table.index td {
  border: 1px solid #aaa;
}

table.index td a:visited {
  color: #666;
}

tr.even_rows td {
  background-color: #eee;
}

th {
  font-size: 0.9em;
}

.full_width {
  width: 100%;
}

.word_break {
  word-wrap: break-word;
}

.half_width {
  width: 50%;
}

.xsmall {
  font-size: 0.6em;
}

.small {
  font-size: 0.8em;
}

.big {
  font-size: 1.2em;
}

.xbig {
  font-size: 1.5em;
}

.nowrap {
  white-space: nowrap;
  vertical-align: top;
}

.vtop {
  vertical-align: top;
}

table.list_columns td {
  padding: 8px;
}

div.alert {
  border: 1px solid #fc3;
  background-color: #ffd;
  padding: 5px;
}

.red {
  color: red;
}

.green {
  color: green;
}

.bggreen {
  background-color: #B0ddB0;
}

div.error, div.warning, div.notice {
  -moz-border-radius: 5px;
  width: 600px;
  padding: 10px;
  margin: 10px auto 10px 30px;
  text-align: left;
  border: 1px solid black;
}

#flash > div.error {
  border-color: #cd0a0a;
  color: #cd0a0a;
  background-color: #fef8f6;
}

#flash > div.notice, #flash > div.warning {
  border-color: #f0e0a0;
  background-color: #fbfaf3;
}

.close_icon {
  position: absolute;
  background-image: url("/images/dialog_close.png");
  width: 30px;
  height: 30px;
  right: -15px;
  top: -15px;
  cursor: pointer;
}

fieldset {
  padding: .5em;
}

fieldset.menu {
  font-size: 1.1em;
  line-height: 1.7em;
  width: 30em;
  margin-bottom: 2em;
  margin-right: 2em;
}

legend.menu {
  font-size: 1.5em;
}

fieldset.sub {
  width: 38em;
  line-height: 1.1em;
}

fieldset.sub legend {
  font-weight: bold;
}

fieldset.sub hr {
  border: 1px dashed #bbb;
  width: 95%;
}

.field label {
  display: inline-block;
  vertical-align: top;
  min-width: 9em;
  font-weight: bold;
  color: #3d3d3d;
}

table.plain {
  border-collapse: collapse;
}

table.plain td {
  border: none;
}