/* app css stylesheet */

.menu {
  list-style: none;
  border-bottom: 0.1em solid black;
  margin-bottom: 2em;
  padding: 0 0 0.5em;
}

.menu:before {
  content: "[";
}

.menu:after {
  content: "]";
}

.menu > li {
  display: inline;
}

.menu > li:before {
  content: "|";
  padding-right: 0.3em;
}

.menu > li:nth-child(1):before {
  content: "";
  padding: 0;
}

span.target {
  cursor: pointer;
  text-decoration: underline;
  color: blue;
}

span.glyph {
  cursor: pointer;
}

span.spacer-white {
  padding: 15px;
  color: #fff;
}

span.spacer {
  padding: 15px;
}
.row > div {
    margin: 10px;
}

.my-breadcrumb {
  padding: 8px 15px;
  margin-bottom: 20px;
  list-style: none;
  background-color: #337ab7;
  border-radius: 4px;
}
.my-breadcrumb > li {
  display: inline-block;
}
.my-breadcrumb > li > a {
  color: #fff;
}
.my-breadcrumb > li + li:before {
  padding: 0 5px;
  color: #fff;
  content: "/\00a0";
}
.my-breadcrumb > .active {
  color: #fff;
}

.white, .white a {
  color: #fff;
}

.my-black {
   color: #000;
}

input, select {
    background-color: LightCyan;
}

img {
    max-width: 100%;
}

longwrap {
	white-space: pre;           /* CSS 2.0 */
	white-space: pre-wrap;      /* CSS 2.1 */
	white-space: pre-line;      /* CSS 3.0 */
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap;  /* HP Printers */
	word-break: break-all;      /* IE 5+ */
	width: 100%;
}