/* Colour scheme

Pastel: http://colorschemedesigner.com/#0061ThWs0g0g0
Pastel light: http://colorschemedesigner.com/#0061T1BsO6q6q

-----------------------------------------------------------*/

/* Main layout
-----------------------------------------------------------*/
html,
body {
	height: 100%;
}

body {
	background: #F2F1ED;
}

.main {
	border-bottom: 1px solid #ddd;
	padding-bottom: 30px;
}

.main-container {
	padding-top: 30px;
}


/* Header
-----------------------------------------------------------*/
.header {
	background-color: transparent;
	border-bottom: 1px solid white;
	margin-bottom: 0;
}

.header a {
	transition: none;
}

.header .header-content {
	border-bottom: 1px solid #ddd;
}

.header .navbar-collapse .navbar-nav > li > a {
	color: #333;
	font-weight: bold;
}

.header .navbar-collapse .navbar-nav > .active > a, 
.header .navbar-collapse .navbar-nav > .active > a:hover, 
.header .navbar-collapse .navbar-nav > .active > a:focus,

.header .navbar-collapse .navbar-nav > .open > a, 
.header .navbar-collapse .navbar-nav > .open > a:hover, 
.header .navbar-collapse .navbar-nav > .open > a:focus,

.header .navbar-collapse .navbar-nav > li > a:hover,
.header .navbar-collapse .navbar-nav > li > a:focus,
.header .navbar-collapse .navbar-nav > li > .active > a {
	color: #C62323;
	background-color: #F8F7F2;
}

.header .navbar-collapse .navbar-nav > .dropdown > a:hover .caret,
.header .navbar-collapse .navbar-nav > .dropdown > a:focus .caret,
.header .navbar-collapse .navbar-nav > .dropdown.active > a .caret {
	border-top-color: #C62323;
	border-bottom-color: #C62323;
}

.header .navbar-collapse .navbar-nav > .dropdown > a .caret {
	border-top-color: #333;
	border-bottom-color: #333;
}

.header .dropdown-menu {
	background-color: #F2F1ED;
	border: 0;
	border-top: 2px solid #C62323;
	padding-top: 0;
}

.header .dropdown-menu > li > a:hover, 
.header .dropdown-menu > li > a:focus,
.header .dropdown-menu > li.active a {
	background-color: #C62323;
	color: white;
}

.header .dropdown-menu .divider {
	background-color: #AFA8A2;
}

.header h1 {
	margin: 0 65px 0 0;
	padding: 0;
}

.header .dropdown-menu > li > a {
	padding-top: 8px;
	padding-bottom: 8px;
}

.navbar-brand {
	height: auto;
}

.navbar-brand img {
	width: 100%; /* for IE responsive image */
}

.navbar-toggle {
	margin-top: 30px;
}

@media (min-width: 768px)
{
	.header h1 {
		margin-right: 0;
	}

	.navbar-nav {
		margin: 10px 0 20px;
	}
	
	.navbar-nav > li > a {
		line-height: 40px;
		padding: 0 15px;
	}
}

@media (min-width: 1200px)
{
	.navbar-nav {
		margin: 0;
	}
	
	.navbar-nav > li > a {
		line-height: 125px;
	}
	
	.navbar-collapse .navbar-nav.navbar-left:first-child {
		margin-left: 30px;
	}
}

/* Footer
-----------------------------------------------------------*/
.footer {
	border-top: 1px solid white;
	color: #333;
	padding: 10px 0 20px;
}

.footer a {
	color: #333;
	padding: 10px 20px;
	text-decoration: none;
	white-space: nowrap;
}

.footer a:hover {
	color: #333;
	text-decoration: underline;
}


.footer ul {
	overflow: hidden;
	margin: 0 0 20px;
	padding: 0;
	text-align: center;
}

.footer ul li {
	display: inline;
	line-height: 36px;
}

.copyright {
	text-align: center;
}

/* Typography
-----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6, .fancy {
	font-family: 'Patua One', cursive;
}

h1 {
	font-size: 4.3em;
}

h2 {
	font-size: 3.9em;
	margin-top: 0;
	margin-bottom: 30px;
}

h3 {
	font-size: 2.85em;
}

h4 {
	font-size: 1.8em;
}

h5 {
	font-size: 1.25em;
}

h6 {
	font-size: 1em;
}

a {
	color: #DF6262;
	transition: color 0.5s ease, background-color 0.3s ease;
}

a:hover,
a:active,
a:focus {
	color: #B83D3D;
}


/* Alerts
-----------------------------------------------------------*/

.callout {
	border-left: 3px solid;
	padding: 20px;
	margin-bottom: 40px;
}

.callout :last-child {
	margin-bottom: 0;
}

.callout-default {
	background-color: #FAF9F5;
	border-color: #DFDCCB;
}

.callout-warning {
	background: white url(images/warning-bg.png) repeat;
	border-color: #CFCFB0;
	position: relative;
}

.callout-warning p a {
	color: #66512C;
	font-weight: bold;
}

/* Forms
-----------------------------------------------------------*/
textarea.form-control {
	min-height: 150px;
	resize: vertical;
}

.form-group {
	border: 1px solid transparent;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-bottom: 5px;

	-webkit-transition: all 0.3s ease-in-out;
	   -moz-transition: all 0.3s ease-in-out;
	    -ms-transition: all 0.3s ease-in-out;
	     -o-transition: all 0.3s ease-in-out;
	        transition: all 0.3s ease-in-out;
}

.buttons-group {
	overflow: hidden;
	margin-right: -15px;
	margin-left: -15px;
	padding-top: 19px;
	padding-bottom: 20px;
}

.dropdown-menu > li > button {
	/* hack for showing buttons inside the dropdown menu instead of links */
	border: 0;
	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
	        border-radius: 0;
	display: block;
	padding: 3px 20px;
	clear: both;
	font-weight: normal;
	line-height: 1.428571429;
	color: #333;
	white-space: nowrap;
	width: 100%;
}

.dropdown-menu > li > button:hover,
.dropdown-menu > li > button:focus {
  color: #ffffff;
  text-decoration: none;
  background-color: #428bca;
}

.dropdown-menu > .active > button,
.dropdown-menu > .active > button:hover,
.dropdown-menu > .active > button:focus {
  color: #ffffff;
  text-decoration: none;
  background-color: #428bca;
  outline: 0;
}

.dropdown-menu > .disabled > button,
.dropdown-menu > .disabled > button:hover,
.dropdown-menu > .disabled > button:focus {
  color: #999999;
}

.dropdown-menu > .disabled > button:hover,
.dropdown-menu > .disabled > button:focus {
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.alert {
	-webkit-transition: all 0.3s ease-in-out;
	   -moz-transition: all 0.3s ease-in-out;
	    -ms-transition: all 0.3s ease-in-out;
	     -o-transition: all 0.3s ease-in-out;
	        transition: all 0.3s ease-in-out;
}

.form-compacted .form-group {
	padding-top: 0;
	padding-bottom: 0;
	margin-bottom: 5px;
}

.form-compacted .form-control-static {
	padding-top: 0;
	padding-bottom: 0;
}

.form-compacted .control-label {
	margin-bottom: 0;
	padding-top: 0;
}

.form-compacted .form-group:before, 
.form-compacted .form-group:after {
	content: " ";
	display: table;
}

iframe.hidden-iframe {
	position: absolute;
		left: -9999px;
	visibility: hidden;
}

.number-control {
	display: inline-block;
	width: 100px;
}

.full-width {
	width: 100%;
}

.date-time-selector-container .input-group-addon {
	width: auto;
}

.date-time-selector-container .date-selector {
	width: 100px;
}

.date-time-selector-container .time-selector {
	width: 65px;
}


/* Buttons
-----------------------------------------------------------*/
button {
	transition: color 0.5s ease, background-color 0.3s ease;
}

.btn-primary {
	background-color: #C62323;
	border-color: #C62323;
	color: white;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
	background-color: #921D1A;
	border-color: #921D1A;
	color: white;
}

.btn-primary.disabled, 
.btn-primary[disabled], 
fieldset[disabled] .btn-primary, 
.btn-primary.disabled:hover, 
.btn-primary[disabled]:hover, 
fieldset[disabled] .btn-primary:hover, 
.btn-primary.disabled:focus, 
.btn-primary[disabled]:focus, 
fieldset[disabled] .btn-primary:focus, 
.btn-primary.disabled:active, 
.btn-primary[disabled]:active, 
fieldset[disabled] 
.btn-primary:active, 
.btn-primary.disabled.active, 
.btn-primary[disabled].active, 
fieldset[disabled] .btn-primary.active {
	background-color: #CE6B6B;
	border-color: #CE6B6B;
}

.btn-danger {
  background-color: #ee2222;
  border-color: #cc1111;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
  background-color: #bb1111;
  border-color: #aa0000;
}

/* Tables
-----------------------------------------------------------*/
.table thead > tr > th {
	border-bottom: 0;
}

.table td.action {
	padding: 0;
	width: 1px;
}

.action .btn-sm {
	background: transparent;
	border: 0;
	border-radius: 0;
	font-size: 20px;
	height: 100%;
	line-height: 1;
	padding: 0 8px;
}

.action .btn-sm:hover {
	background-color: #E7E6E3;
}

.action .btn-sm .glyphicon {
	padding-top: 6px;
}

.table .selector {
	width: 30px;
}

.table-scroll .table-scroll-header {
	margin-right: 20px;
}

.table-scroll .table-scroll-body {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	max-height: 255px;
	overflow-y: auto;
	margin-bottom: 20px;
}

.table-scroll .table-scroll-body tr:first-child td {
	border-top: 0;
}

.table-scroll table {
	margin-bottom: 0;
}

.sortable-heading a {
	color: #333;
}

.sorting-disabled .sortable-heading a {
	cursor: default;
	text-decoration: none;
}

.sorting-disabled .sortable-heading .caret {
	display: none;
}

.ajax-list {
	position: relative;
}

.ajax-list.loading table {
	opacity: 0.5;
}

.ajax-list-spinner {
	position: absolute;
		top: 30%;
		left: 50%;
}

/* Pagination
-----------------------------------------------------------*/
.pagination-container {
	overflow: hidden;
}

.pagination {
	float: right;
	margin: 0 0 20px;
}

.pagination li > a {
	color: #DF6262;
}

.pagination li > a:hover, 
.pagination li > a:active, 
.pagination li > a:focus {
	color: #B83D3D;
}

.pagination > .active > a, 
.pagination > .active > span, 
.pagination > .active > a:hover, 
.pagination > .active > span:hover, 
.pagination > .active > a:focus, 
.pagination > .active > span:focus {
	background-color: #F9F9F9;
	border-color: #DDD;
	color: #000;
}

.pagination .glyphicon {
	font-size: 12px;
}


/* Validation
-----------------------------------------------------------*/
.field-validation-error {
	color: #f00;
	opacity: 1;

	-webkit-transition: all 0.3s ease-in-out;
	   -moz-transition: all 0.3s ease-in-out;
	    -ms-transition: all 0.3s ease-in-out;
	     -o-transition: all 0.3s ease-in-out;
	        transition: all 0.3s ease-in-out;
}

.field-validation-valid {
	opacity: 0;
}

.input-validation-error {
	border: 1px solid #f00;
	background-color: #fee;
}

.validation-summary-errors,
.form-group.has-error {
	background-color: #ffefef;
	border: 0 solid #eedede;
	border-top-width: 1px;
	border-bottom-width: 1px;
	margin-left: -15px;
	margin-right: -15px;
	padding-left: 15px;
	padding-right: 15px;
}

.form-horizontal .form-group.has-error {
	padding-left: 0;
	padding-right: 0;
}

.validation-summary-errors {
	color: #f00;
	margin-bottom: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.validation-summary-errors span {
	color: #B94A48;
	font-weight: bold;
}

.validation-summary-errors ul {
	margin: 10px 0 0;
}

.validation-summary-valid {
	display: none;
}

.has-error th {
	color: #B94A48;
}

.has-error .table-hover > tbody > tr:hover > td, 
.has-error .table-hover > tbody > tr:hover > th {
	background-color: #FFE5E5;
}

.has-error .table thead > tr > th, 
.has-error .table tbody > tr > th, 
.has-error .table tfoot > tr > th, 
.has-error .table thead > tr > td, 
.has-error .table tbody > tr > td, 
.has-error .table tfoot > tr > td 
{
	border-top-color: #FFD5D5;
}


/* Select2 overrides
-----------------------------------------------------------*/

.select2-container-multi .select2-choices li.select2-search-choice {
	background-color: #C54441;
	color: #FFF;
}

.select2-results li.select2-no-results, 
.select2-results li.select2-searching, 
.select2-results li.select2-selection-limit {
	background-color: #FFE0E0;
	color: #000;
	padding: 8px;
}


/* Miscellaneous
-----------------------------------------------------------*/
.spinner {
	background-image: url('Images/ajax-loader-medium.gif');
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	height: 32px;
}

.spinner-sm {
	background-image: url('Images/ajax-loader-small.gif');
	height: 20px;
	width: 20px;
}

.spinner-lg {
	background-image: url('Images/ajax-loader-large.gif');
	height: 48px;
	width: 48px;
}

hr {
	border-top: 1px dotted #BBB;
}

.region-warning {
	background: white url(images/warning-bg.png) repeat;
	border: 1px dashed #DDD;
	border-top: 0;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	color: #777;
	clear: both;
	display: none;
	padding: 9px 8px 6px;
	position: relative;
	top: -3px;
	z-index: -1;
}

.region-warning img {
	margin-top: -2px;
}

.restricted-text {
	overflow: hidden;
	text-overflow: ellipsis;
}

.caret.caret-reversed {
	border-top-width: 0;
	border-bottom: 4px solid #000000;
}

.page-description-container {
	position: relative;
	transition: height 0.5s ease;
}

.page-description {
	position: relative;
		top: 0;
	transition: top 0.5s ease;
}

.page-description-outer {
	overflow: hidden;
	position: relative;
}

.page-description-container.disabled {
	height: 0 !important;
}

.page-description-container.disabled .page-description {
	top: -100%;
}

.page-description-hide,
.page-description-show {
	position: absolute;
		right: 0;
		top: 0;
	z-index: 1;
}

.page-description-hide {
	color: #C5C3BB;
	font-size: 20px;
	line-height: 20px;
	padding: 5px 8px;
}

.page-description-hide:hover,
.page-description-show:hover {
	text-decoration: none;
}

.page-description-show {
	background: #E7E6E3;
	font-size: 12px;
	font-weight: bold;
	padding: 3px 7px;
	color: white;
	transition: top 0.5s ease, color 0.5s ease, background-color 0.3s ease;
	z-index: 0;
}

.page-description-show:hover,
.page-description-show:active {
	background-color: #D5D4D2;
	color: white;
}

.page-description-container.disabled .page-description-show {
	top: -70px;
}

.page-description p:last-child {
	margin-bottom: 0;
}

.search-help-tooltip-btn {
	padding: 0 3px;
}

.search-help-tooltip {
	line-height: 19px;
}

.search-help-tooltip .tooltip-inner {
	max-width: 400px;
	padding: 8px;
	text-align: left;
}

.search-help-tooltip p {
	margin-bottom: 10px;
}

.search-help-tooltip ul {
	padding-left: 0;
	margin-bottom: 0;
}

.search-help-tooltip li {
	background-color: #333;
	border-left: 3px solid #222;
	list-style-type: none;
	margin-bottom: 8px;
}

.search-help-tooltip li:last-child {
	margin-bottom: 0;
}

.search-help-tooltip .name {
	border-bottom: 1px solid #222;
	padding: 5px 10px;
}

.search-help-tooltip .explanation {
	font-style: italic;
	margin-left: 20px;
}

.search-help-tooltip .code {
	background-color: rgba(150, 150, 150, 0.6);
	font-style: normal;
	float: left;
	line-height: 1.4;
}

.search-help-tooltip .example {
	padding: 5px 10px;
}

.code {
	background-color: rgba(90, 90, 90, 0.6);
	font-family:'Courier New', Courier, 'Nimbus Mono L', serif, monospace;
	padding: 2px 3px;
}

/* Item deletion
-----------------------------------------------------------*/
.deletable-item {
	border: 1px solid transparent;
	position: relative;
	
	-webkit-transition: background-color 1s ease-out;
	   -moz-transition: background-color 1s ease-out;
	    -ms-transition: background-color 1s ease-out;
	     -o-transition: background-color 1s ease-out;
	        transition: background-color 1s ease-out;
}

.deletable-item.deleted {
	background: #FFE2E2;
	border: 1px solid #F00;
}

.deletable-item.highlight {
	background-color: #44FF77;
}

.table-striped > tbody > tr.deletable-item.deleted:nth-child(odd) > td {
	background-color: #FFCBCB;
	border-bottom: 1px solid #F00;
}

tr.deletable-item.deleted td {
	border-top-color: #F00;
}


/* Pages
-----------------------------------------------------------*/

/* Home page
-----------------------------------------------------------*/
.jumbotron {
	background: #333;
	color: #FFF;
	text-align: center;
}

.jumbotron h1 {
	font-size: 100px;
	margin: 0 0 30px;
}

.jumbotron h2 {
	font-size: 49px;
	margin: 0;
}

@media (max-width: 600px)
{
	.jumbotron h1 {
		font-size: 60px;
		margin-bottom: 20px;
	}

	.jumbotron h2 {
		font-size: 30px;
	}
}

.home-box {
	color: #333;
	padding: 15px;
}

.home-box:hover,
.home-box:active,
.home-box:focus {
	text-decoration: none;
}

.home-box-inner {
	padding: 20px 14px;
}

.home-box .details {
	overflow: hidden;
}

.home-box .glyphicon {
	font-size: 50px;
	height: 57px;
	margin-right: 10px;
}

.home-box h3 {
	margin: 0 0 10px;
}

.home-box p 
{
	font-size: 19px;
	margin-bottom: 0;
	padding-top: 17px;
}

/* Small */
@media (min-width: 768px)
{
	.home-box.col-sm-6 p {
		padding-top: 5px;
	}
}

/* Medium */
@media (min-width: 992px)
{
	.home-box.col-md-6 p {
		font-size: 19px;
		padding-top: 17px;
	}
	
	.home-box.col-md-4 p {
		font-size: 16px;
		padding-top: 9px;
	}
}

/* Large */
@media (min-width: 1200px)
{
	.home-box.col-lg-6 p {
		font-size: 19px;
		padding-top: 17px;
	}
	
	.home-box.col-lg-4 p {
		padding-top: 5px;
	}
	
	.home-box.col-lg-3 p {
		font-size: 14px;
		padding-top: 10px;
	}
}


/* Login
-----------------------------------------------------------*/

.thin-container .header {
	text-align: center;
	margin-bottom: 20px;
}

.thin-container .header img {
	margin: 0 auto;
	position: relative;
		left: -40px;
}

.thin-container .header-content {
	padding: 30px 0;
}

.thin-container h2 {
	font-size: 45px;
	margin: 0 10px 30px;
	text-align: center;
	padding-top: 20px;
}

.thin-container-inner {
	margin: 0 auto;
	max-width: 330px;
	padding: 15px;
	padding-top: 0;
}

.thin-container-inner .forgot-password-link,
.thin-container-inner .checkbox {
	margin-top: 5px;
	margin-bottom: 10px;
}

.thin-container-inner .checkbox {
	font-weight: normal;
}

.thin-container-inner .form-control {
	position: relative;
	font-size: 16px;
	height: auto;
	padding: 10px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

.thin-container-inner .form-control:focus {
	z-index: 2;
}

.login-container.password-required .username {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	margin-bottom: -1px;
}

.login-container.password-not-required .username {
	margin-bottom: 10px;
}

.login-container .password {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	margin-bottom: 10px;
}

.thin-container-inner .btn {
	margin-top: 60px;
}

.thin-container .temp-message {
	text-align: center;
}

.notes {
	color: #aaa;
	font-size: 80%;
}


/* List search
-----------------------------------------------------------*/
.search-container {
	margin-bottom: 20px;
}

.search-container .tab-content form {
	bottom: 0;
	margin-top: 0px;
	padding: 15px;
	padding-top: 0;
	width: 100%;
}

.search-container form {
	bottom: 0;
	margin-top: 42px;
	padding: 10px;
	padding-top: 0;
	width: 100%;
}

.search-container .input-group-addon {
	border: 0;
}

.search-container .search-button {
	background-color: #F2F1ED;
	border-bottom: 0;
	color: #333;
	display: block;
	font-size: 15px;
	padding: 10px;
	position: relative;
	width: 100%;
	z-index: 10;
}

.search-container .checkbox {
	margin-top: 26px;
	margin-bottom: 0;
}

.search-container .form-group {
	padding-top: 0;
	padding-bottom: 0;
	margin-bottom: 15px;
}

.search-container .control-label {
	margin-bottom: 3px;
}

.search-container .row {
	background: #E7E6E3;
	border-bottom: 1px solid #FAFAFA;
	border-top: 1px solid #DBDBDB;
	font-size: 12px;
	border-radius: 4px;
	padding-top: 10px;
	margin-bottom: 4px;
}

.search-container .input-group-addon {
	font-size: 12px;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}

.search-container .btn-sm {
	background-color: #E7E6E3;
	border: 1px solid #DBDBDB;
	font-weight: bold;
	margin-left: -10px;
}

.search-container .btn:last-child {
	margin-left: 0;
}


/* Tags
-----------------------------------------------------------*/
.tags-container {
	overflow: hidden;
}

.tag-thumbnails-container {
	background-color: #FFF;
	border-radius: 2px;
	float: left;
	line-height: 1.428571429;
	padding: 4px;
	position: relative;
}

.tag-thumbnails-container.no-photo-tag {
	height: 180px;
	width: 180px;
	text-align: center;
}

.tag-photo-delete-btn,
.tag-photo-undo-delete-btn {
	background-color: white;
	background-color: rgba(255, 255, 255, .5);
	color: #333;
	display: none;
	font-size: 12px;
	font-weight: bold;
	line-height: 25px;
	text-align: center;
	padding: 0 10px;
	position: absolute;
		left: 0;
		bottom: 0;
	width: 100%;
}

.tag-photo-delete-btn:hover,
.tag-photo-undo-delete-btn:hover {
	color: #333;
}

.tag-listing {
	border: 1px solid #ddd;
	float: left;
	margin-bottom: 20px;
	margin-right: 20px;
	width: 182px;
}

.tag-thumbnail {
	width: 170px;
	height: 170px;
}

/* Details tag
-----------------------------------------------------------*/
.tag-details-listing:hover {
	background-color: #efefef;
}

.tag-details {
	border-top: 1px solid #ddd;
	clear: both;
	font-size: 85%;
	padding: 0 10px;
}

.tag-detail {
	padding: 5px 0;
}


/* Edit tag
-----------------------------------------------------------*/
.tag-edit-listing .close {
	margin-right: 10px;
}

.tag-edit-listing .tag-details {
	padding: 5px 15px 15px;
}

.tag-edit-listing .tag-photo-delete-btn {
	display: inline;
}

.tag-edit-listing img {
	opacity: 1;

	-webkit-transition: opacity 1s ease-in-out;
	   -moz-transition: opacity 1s ease-in-out;
	    -ms-transition: opacity 1s ease-in-out;
	     -o-transition: opacity 1s ease-in-out;
	        transition: opacity 1s ease-in-out;
}

.tag-edit-listing .deleted img {
	opacity: 0.4;
}

.tag-edit-listing .deleted .tag-photo-delete-btn {
	display: none;
}

.tag-edit-listing .deleted .tag-photo-undo-delete-btn {
	display: inline;
}

@media (max-width: 767px) 
{
	.tag-edit-listing {
		float: none;
		width: 100%;
		padding-bottom: 20px;
		border-color: transparent;
		border-bottom-color: #ccc;
	}

	.tag-edit-listing:last-child {
		padding-bottom: 0;
		border-bottom: 0;
	}

	.tag-edit-listing .tag-details {
		border: 0;
		float: none;
		margin: 0;
		padding: 5px 0 0;
	}

	.tag-edit-listing .tag-thumbnails-container {
		border: 1px solid #ddd;
	}
}

.tag-edit-listing .form-group {
	margin: 0 0 5px;
	padding: 0;
}

.tag-edit-listing .form-group:last-child {
	margin-bottom: 0;
}

.tag-edit-listing .control-label {
	font-size: 12px;
}

@media (min-width: 992px)
{
	.tag-edit-listing .control-label {
		text-align: left;		
	}
}


/* Job
-----------------------------------------------------------*/
.display-group {
	margin-bottom: 40px;
}

.display-group:before,
.display-group:after {
  display: table;
  content: " ";
}

.display-group:after {
  clear: both;
}

.display-group h4 {
	border-bottom: 2px solid #333;
	padding: 10px;
	margin: 0 0 10px;
}

.device-selector .last-user {
	width: 30%;
}

.device-selector .last-communicated {
	width: 30%;
}

.job-progress-indicator-container {
	margin-top: 10px;
}

.form-controls .job-progress-indicator-container {
	margin-top: 0;
}

.job-progress-indicator {
	color: #aaa;
	font-size: 11px;
	font-weight: bold;
	padding-bottom: 14px;
	position: relative;
	text-align: center;
}

.job-progress-indicator .blip {
	background-color: #F2F1ED;
	border: 2px solid #ddd;
	border-radius: 8px;
	width: 12px;
	height: 12px;
	margin-left: -5px;
	position: absolute;
		top: 16px;
		left: 50%;
}

.job-progress-indicator.completed .blip {
	background-color: #F7B2B2;
	border-color: #444;
}

.job-progress-indicator.active .blip {
	background-color: #E20000;
}

.job-progress-indicator.completed {
	color: #333;
}

.job-progress-indicator-bar {
	border-top: 2px dashed #ddd;
	position: absolute;
		top: 21px;
	z-index: -1;
}

.job-progress-indicator-bar.left {
	left: 0;
	right: 50%;
}

.job-progress-indicator-bar.right {
	left: 50%;
	right: 0;
}

.job-progress-indicator.active .job-progress-indicator-bar.left,
.job-progress-indicator.completed .job-progress-indicator-bar {
	border-color: #444;
	border-top-style: solid;
}

.job-progress-indicator.active .job-progress-indicator-bar.right {
	border-color: #ddd;
	border-top-style: dashed;
}

.job-progress-indicator-unassigned .job-progress-indicator-bar.left,
.job-progress-indicator-processed .job-progress-indicator-bar.right {
	display: none;
}

/* Job list
-----------------------------------------------------------*/

.table-selector tbody {
	cursor: default;
}

.dispatch-new-job-modal .address .form-control {
	width: 300px;
}

.jobs-list .restricted-text {
	max-width: 140px;
}


/* Job details
-----------------------------------------------------------*/
.job-tag-edit-list-container .size-container .form-control {
	width: 100px;
}

.job-tag-edit-list-container .size-container .help-block {
	position: absolute;
		top: 1px;
		left: 121px;
}

.after-photo.tag-thumbnails-container {
	margin-right: 20px;
	margin-bottom: 20px;
}

.map-container {
	border: 2px solid #333;
	height: 250px;
	margin-top: 20px;
}


/* Job dispatch
-----------------------------------------------------------*/

.device-unassign-row td {
	font-style: italic;
}


/* Job enter
-----------------------------------------------------------*/
.reported-container .datepicker 
{
	float: left;
	margin-right: 3px;
}


/* Job edit
-----------------------------------------------------------*/
tr.deletable-item td {
	-webkit-transition: background-color 1s ease-out;
	   -moz-transition: background-color 1s ease-out;
	    -ms-transition: background-color 1s ease-out;
	     -o-transition: background-color 1s ease-out;
	        transition: background-color 1s ease-out;
}

.tag-thumbnails-container.deletable-item {
	border-color: #DDD;
}

button.delete-item-button {
	border-radius: 0;
	font-size: 11px;
	padding: 4px 8px;
	position: absolute;
		top: -1px;
		right: -1px;
	z-index: 1;
}

.delete-item-button .glyphicon-ok,
.deleted .glyphicon-remove {
	display: none;
}

.deleted .glyphicon-ok {
	display: inline-block;
}


/* User edit 
-----------------------------------------------------------*/
.reset-descriptions {
	margin-top: 30px;
	overflow: hidden;
}

.reset-description {
	float: left;
	width: 50%;
}

.reset-description ul {
	margin-bottom: 20px;
}

.optional-reset-description {
	padding-right: 15px;
}

.force-reset-description {
	border-left: 1px solid #f5f5f5;
	padding-left: 15px;
}


/* Reports
-----------------------------------------------------------*/
.report-container {
	margin-bottom: 20px;
}

.report-selector {
	border-radius: 0;
	background-color: white;
	border: 1px solid #dddddd;
	font-size: 15px;
	line-height: 22px;
	margin-right: 10px;
	transition: none;
}

.report-selector:hover,
.report-selector.selected {
	background-color: #C62323;
	border-color: #333;
	color: white;
}

.report-fields-container {
	display: none;
	margin-top: 10px;
}

.report-fields-container.showing {
	display: block;
}

.report-fields-container h4 {
	margin-top: 0;
}

.shared-reports-list-container {
	margin-bottom: 0;
}

.report-table .tag-thumbnails-container {
	margin-right: 5px;
}

.report-table td.tag-images {
	max-width: 345px;
}


/* Report details
-----------------------------------------------------------*/
.report-details {
	margin-bottom: 30px;
}

.report-tag-details {
	margin-bottom: 20px;
}

.report-tag-photo {
	margin: 0 10px 10px 0;
	float: left;
}


/* Report Edit
-----------------------------------------------------------*/
.status-container {
	overflow: hidden;
}

.report-status {
	border: 5px solid transparent;
	background-color: #efefef;
	float: left;
	font-size: 2em;
	opacity: .7;
	margin-right: 20px;
	padding: 20px;
	text-align: center;
}

.report-status.active 
{
	background-color: #e5e5e5;
	border-bottom-color: #d5d5d5;
	opacity: 1;
}

.report-status h3 {
	margin: 0;
}

.offender-suggestion .details {
	color: #aaa;
	font-size: 80%;
}

.tt-cursor .offender-suggestion {
	color: white;
}

.associated-report-table {
	background-color: white;
}

.report-table .has-conflict td {
	background-color: white;
	background-image: url(images/warning-bg.png);
	background-repeat: repeat;
}

.conflict-title {
	background-color: #FFFFD7;
	padding: 0 2px;
}

/* MBCT reports */

#ReportsAcCouncilViewModel .organisation-id-container {
	display: none;
}

/* Offenders
-----------------------------------------------------------*/

/* Details offender
-----------------------------------------------------------*/
.offender-tags-container .tag-details-listing {
	padding-bottom: 0;
}

.crew-members-list-container,
.crews-container {
	overflow: hidden;
	padding: 10px 0;
}

.block-list-item {
	background-color: white;
	border: 1px solid #ddd;
	color: #333;
	float: left;
	margin: 0 15px 15px 0;
	padding: 10px;
	width: 250px;
	height: 150px;
}

.offender-crew-list-item {
	height: 105px;
}

.block-list-item:hover {
	color: #333;
	text-decoration: none;
}

.block-list-item .row {
	margin-bottom: 10px;
}

.block-list-item .row:last-child {
	margin-bottom: 0;
}

.block-list-item label {
	display: block;
	font-weight: bold;
	margin: 0;
}

.block-list-item .name {
	color: #DF6262;
	display: block;
	font-size: 120%;
	margin-bottom: 5px;
}

.block-list-item:hover .name {
	color: #B83D3D;
	text-decoration: underline;
}

.block-list-item-details {
	font-size: 80%;
}

.block-list-item-details label {
	cursor: pointer;
}

/* Edit offender
-----------------------------------------------------------*/
.new-notes-container textarea {
	min-height: 60px;
}

/* Group
-----------------------------------------------------------*/
.group-list-container .name {
	min-width: 200px;
}

.organisations-container {
	overflow: hidden;
}

.no-suggestions-found {
	padding: 3px 20px;
	text-align: center;
}


/* Caller
-----------------------------------------------------------*/

.select-or-add-caller-control-wrapper {
	margin-right: 148px;
}

.select-or-add-caller-container .btn {
	float: right;
	width: 143px;
}


/* Feedback 
-----------------------------------------------------------*/

a.feedback-button {
	color: #DF6262;
}

a.feedback-button:hover,
a.feedback-button:active,
a.feedback-button:focus {
	color: #B83D3D;
}

.feedback-modal {
	text-align: left;
}

.feedback-modal p {
	margin-bottom: 20px;
}


/* Type list
-----------------------------------------------------------*/

.type-warning p:first-child {
	margin-bottom: 0;
}

.type-warning.detailed p:first-child {
	margin-bottom: 10px;
}

.detailed-warning {
	display: none;
}

.detailed .detailed-warning {
	display: block;
}


/* 404 Page not found
-----------------------------------------------------------*/
.error-page h2 {
	font-size: 100px;
	text-align: left;
}

.error-page h3 {
	margin-bottom: 30px;
	text-align: left;
}

.major-points {
	margin: 20px 0 0;
}

.major-points li {
	margin-bottom: 15px;
}

.major-points .point {
	font-weight: bold;
}

.major-points .explanation {
	font-style: italic;
}