/* styles.css */

.ng-hide {
	display: none;
}

.open > ul ul.dropdown-menu {
    position: static;
}

/* Bootstrap fixes */
.form-control-static.textarea, .radio .textarea {
	white-space: pre-line;
	height: auto;
	padding-bottom: 7px;
}

.form-horizontal .row+.row {
	padding-top: 7px;
}

.modal-body {
//	height: 30em; -- should there be a max-height & will it work?
	overflow-y: auto;
}


.navbar-inverse {
	background-color: #222;
	border-color: #333;
}

.navbar-nav {
	background-color: #222;
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
	border-color: #333;
}

.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
	background-color: #333;
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
	background-color: #333;
}

.navbar-inverse .navbar-toggle {
	border-color: #333;
}

.navbar-inverse .navbar-toggle .icon-bar {
	background-color: #fff;
}

.navbar-inverse .navbar-nav > li > a {
	color: #9d9d9d;
}

.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
	color: #fff;
}

.navbar-toggle {
	height: 40px;
	float: left;
	margin-right: 0px;
	margin-left: 15px;
}

.profile .glyphicon-user {
	color: #fff;
}

.profile-toggle {
	display: none;
}

.navbar-toggle.profile,.profile-toggle {
	border: 1px solid #333;
	background-color: transparent;
	float: right;
	margin-right: 15px;
	padding: 9px 10px;
	margin-bottom: 8px;
    margin-top: 8px;
    border-radius: 50%;
    width: 42px;
}

.navbar-toggle.profile:hover,.profile-toggle:hover,.navbar-brand.logo:hover {
	background-color: #333;
}

.profile-toggle:focus {
	outline-style: none;
}

.navbar-brand.logo {
    border-color: #333;
    border-style: solid;
    border-width: 1px;
    border-radius: 4px;
    width: 40px;
    height: 40px;
    margin: 9px 0px 0 10px;
    padding: 5px 0px 0 5px;
	color: #fff;
	font-size: 20pt;
}

.navbar-toggle.profile:hover, .profile-toggle:hover, .navbar-brand.logo:hover {
	color: #fff;
}

#logo {
	background-color: #00f;
	width: 20px;
	height: 20px;
}

body {
	padding-top: 70px;
}

dl .form-control, div.form-control {
    border-color: white;
    box-shadow: none;
    padding-left: 0;
}

dl .form-control.textarea, div .form-control.textarea {
	white-space: pre-line;
	height: auto;
}

.highlighted {
    margin: 0 auto;
    text-align: center;
	color: #000;
	background: #5DC2E7;
	padding-bottom: 1em;
}

@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?m4c270');
  src:  url('../fonts/icomoon.eot?m4c270#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?m4c270') format('truetype'),
    url('../fonts/icomoon.woff?m4c270') format('woff'),
    url('../fonts/icomoon.svg?m4c270#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-uxdk:before {
  content: "\e900";
}

/* profile.css */

.code {
	overflow-x: auto;
}

.profile-group-actions {
	position: absolute;
	top: 0px;
	right: 0px;
	padding-right: 15px;
	display: none;
}

.group-selection .selected .profile-group-actions {
	display: none;
}

.radio.profile-group {
	min-height: 35px;
	margin-left: -15px;
	padding-left: 15px;
	margin-right: -15px;
	padding-right: 15px;
}

.selected .profile-group-actions
{
	display: block;
}

#name+div.profile-group-actions button.delete,
#nickname+div.profile-group-actions button.delete {
	display: none;
}

.selected .profile-group, .selected.profile-group {
	background-color: #ccc;
	border-radius: 4px;
}

.selected.anchor .profile-group, .selected.anchor.profile-group {
	/*background-color: #eee;*/
}

.profile-group-actions button {
	border-color: #ffffff00;
	background-color: inherit;
}

.profile-group-actions :hover {
	background-color: white;
}

.profile-group {
	position:relative;
}

.form-control-static.profile-group {
	border-radius:4px;
	padding-left: 15px;
	padding-right: 15px;
	margin-left:-15px;
	margin-right:-15px;
}

.modal-body .form-control-static.profile-group {
	padding-right: 0px;
	margin-right: 0px;
}

.form-control-static.profile-group.strike {
	text-decoration: line-through;
}

/* end of profile.css */
dt {
  font-weight: initial
}

dd {
  margin-left: 2em
}.book-cover {
	margin: 2em;
}

.book-cover img {
	max-width: 200px;
	transform: rotate(10deg);
	box-shadow: 10px 10px 8px 0px rgba(0, 0, 0, 0.2);
	border: solid thin black;
}
@media (max-width: 768px) {
	.sm-collapse {
		display: none;
	}
	
	.navbar-nav.profile .open .dropdown-menu > li > a {
		padding: 0px 15px;
	}
	
	.navbar-inverse .navbar-nav .open .dropdown-menu .divider {
		background-color: #333;
	}
	
	.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
		color: #9d9d9d;
	}
}

@media (min-width: 768px) {
	.navbar-inverse .dropdown-menu {
		background-color: #222;
		border-color: #333;
	}
	
	.navbar-inverse .dropdown-menu > li > a {
		color: #9d9d9d;
		background-color: transparent;
	}
	
	.navbar-inverse .dropdown-menu > li > a:hover,
	.navbar-inverse .dropdown-menu > li > a:focus {
		color: #fff;
		background-color: transparent;
	}
	
	.navbar-inverse .dropdown-menu .divider {
		background-color: #333;
	}

	.profile-toggle {
		display: inline-block;
	}
	
	.navbar>.container-fluid .navbar-brand.logo {
		margin-left: 0px;
	}
	
}

/* Invoice */

.invoice .address {
    padding-top: 20px;
    padding-bottom: 30px;
    white-space: pre-line;
    height: auto;
}

.invoice h2 {
    display: block;
    border-bottom: 2px solid #ddd;
}

.invoice .lines {
    min-height: 15em;
    clear: both;
}

.invoice .lines table, .invoice .total table {
    width: 100%;
}

.invoice .total table {
    border-top: 2px solid #ddd;
}

.invoice .total td {
    padding-top: 8px;
    padding-bottom: 8px;
}

.invoice .lines table tr td+td, .invoice .total table tr td+td {
    text-align: right;
}

.invoice .download {
    padding-top: 2em;
}