/*
Copyright 17-Jul-2017 - Little Fire Digital Ltd
-----------------------------------------------------------------------
Reuse and modification by permission only
*/
/* 
	Created on : 17-Jul-2017, 09:21:49
	Author     : simon
	Compyright     : Little Fire Digital Ltd  17-Jul-2017
*/

#pagebar {
	max-width: 100%;
}

.label_description {
	display: block;
	font-weight: normal;
}

.inline, .inline_block > li {
	display: inline-block;
}

.clearfix:after {
	content: "";
	display: table;
	clear: both;
}

.js_form {
	max-width: 100%;
	width: 800px;
}

.js_form,
.custom_form {
	transition: opacity .5s ease;
}
.custom_form.submitted,
.js_form.submitted {
	opacity: 0.5;
	pointer-events: none;
}



.padded {
	padding: 5px 10px;
}

.js_form .item_row > label {
	float: left;
	width: 150px;
	text-align: right;
	font-weight: bold;
	padding-top: 9px;
}

.js_form .item_row > label + .item_input {
	float: left;
	margin-left: 3%;
	width: calc( 97% - 160px );
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: rgba( 0,0,0, .3 );
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: rgba( 0,0,0, .3 );
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: rgba( 0,0,0, .3 );
}

.item_row.input_wide > label {
	float: none;
	display: block;
	width: 100%;
	text-align: center;
	margin-bottom: 10px;
}

.wide_labels .item_row > label {
	text-align: left;
	width: 100%;
}

.wide_labels .item_row > label + .item_input,
.js_form .item_row.input_wide > label + .item_input {
	float: none;
	margin-left: 0;
	max-width: 100%;
}

.js_form .input_wide textarea,
.wide_labels textarea {
	width: 100%;
}
.js_form .item_row.input_narrow > label {
	width: 15%;
}

.js_form .item_row.input_narrow > label + .item_input {
	padding-top: 9px;
	width: calc( 85% - 10px );
	margin-left: 10px;	
}
.js_form .item_input select {
	box-sizing: border-box;
	width: 100%;
	min-height: 2em;
	font-size: 16px;
}

.js_form .item_row + .item_row {
	margin-top: 10px;
}

.required {
	color: #f00;
}

.js_form button {
	font-size: 16px;
}

.max_length,
.field_description {
	font-size: 14px;
	line-height: 1.3em;
	box-sizing: border-box;
}

.max_length {
	opacity: .5;
}

.js_form input[type=number],
.js_form input[type=text],
.js_form input[type=email],
.js_form input[type=password] {
	width: 100%;
	box-sizing: border-box;
}

#main .ul_stripped,
.ul_stripped {
	margin: 0;
	padding: 0;
	list-style: none;
}

select.readonly {
	pointer-events: none;
}

.ul_stripped li {
	text-indent: 0;
}

.ul_stripped.inline li {
	display: inline-block;
}

#main .ul_menu {
	clear: both;
	margin-bottom: 1em;
	min-width: 100%;
}

#main .ul_menu a,
#main .ul_menu a:visited {
	text-decoration: none;
	color: #999;
}

#main .ul_menu li + li {
	margin-left: .5em;
}


#main .ul_menu li.selected a,
#main .ul_menu a:hover {
	text-decoration: none;
	color: #000;
}


.ul_menu a:before {
	content: '[';
}

.ul_menu a:after {
	content: ']';
}

.ul_menu a:hover:before,
.ul_menu a:hover:after {
	opacity: 0;
}

.relative {
	position: relative;
}

.absolute {
	position: absolute;
}

.record_rows {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	margin-bottom: 10px;
	position: relative;
}

ol.record_rows li.placeholder {
	position: relative;
}
ol.record_rows li.placeholder:before {
	position: absolute;
}

.record_rows li+li {
	border-top: 1px solid #ddd;
}

.editor_buttons {
	float: right;
}

.icon_link,
.icon_link:visited {
	display: inline-block;
	background-position: left top;
	background-repeat: no-repeat;
	line-height: 24px;
	text-decoration: none;
	color: #999;
	transition: color .5s ease;
	padding-left: 30px;
}

.icon_link + .icon_link {
	margin-left: 5px;
}

.icon_link:hover {
	color: #000;
	background-position: left bottom;	
}

.editor_buttons .icon_link {
	padding-left: 24px;
	height: 24px;
	width: 0;
	overflow: hidden;
	opacity: .5;
	transition: opacity .5s ease;
	float: left;
}

.editor_buttons .icon_link:hover {
	opacity: 1;
}


.icon_link.link_edit {
	background-image: url( '/assets/icons/edit.png' );
}

.icon_link.link_sequence {
	background-image: url( '/assets/icons/draggable.png' );
}


.icon_link.link_default {
	background-image: url( '/assets/icons/default.png' );
}

.icon_link.link_add {
	background-image: url( '/assets/icons/file_add.png' );
}

.icon_link.link_add:hover {
	background-image: url( '/assets/icons/file_add-over.png' );
}

.icon_link.link_status {
	background-image: url( '/assets/icons/state-denied.png' );
}

.icon_link.link_status.enabled {
	background-image: url( '/assets/icons/state-active.png' );
}

.icon_link.link_query {
	background-image: url( '/assets/icons/info.png' );
}

.icon_link.link_graph {
	background-image: url( '/assets/icons/graph.png' );
}

.icon_link.link_mail {
	background-image: url( '/assets/icons/mail.png' );
}

.icon_link.link_user {
	background-image: url( '/assets/icons/user.png' );
}

.icon_link.link_back {
	background-image: url( '/assets/icons/left.png' );
}

.icon_link.link_delete {
	background-image: url( '/assets/icons/delete.png' );
}

.icon_link.link_delete:hover {
	background-image: url( '/assets/icons/delete-over.png' );
}

body.dragging, body.dragging * {
	cursor: move !important;
}

.dragged {
	position: absolute;
	opacity: 0.5;
	z-index: 2000;
}

.survey_nav {
	border: 1px solid #ccc;
	display: flex;	
	flex: 1;
	flex-direction: row;
	align-items: stretch;
	line-height: 15px;
	height: 15px;
	background-color: #ddd;
	border-radius: 3px;
}

.survey_nav > li {
	display: inline-block;
	flex: 1;
	flex-grow: 1;
}

.survey_nav > li+li {
	border-left: 1px solid #ccc;
}

.survey_nav a,
.survey_nav a:visited {
	text-decoration: none;
	display: block;
	height: 15px;
	width: 100%;
	background-color: #0077b3;
	opacity: 0.5;
	transition: opacity .5s ease;
}
.survey_nav a.selected,
.survey_nav a:hover {
	opacity: 1;
}

.row_darker {
	background-color: #eee;
}

.field_notice,
.field_error,
.alerts,
.notices,
#main .alerts.ul_stripped,
#main .notices.ul_stripped {
	padding: 10px 10px 10px  60px ;
	background-position: 10px 10px;
	background-repeat: no-repeat;
	background-image: url(/assets/icons/alert.png);
	background-color: #FFEFC1;
	min-height: 24px;
	border-top: 1px solid #f90;
}

.field_notice,
.notices,
#main .notices.ul_stripped {
	background-color: #dff1ff;
	background-image: url(/assets/icons/form_notice.png);	
	border-top: 1px solid #039;
}

.blue_buttons {
	min-height: 30px;
	text-align: center;
}

.blue_buttons li {
	display: inline-block;
	margin: 0 .5%;
	min-width: 100px;
}

#main .blue_buttons li > *,
#main .blue_buttons li > *:visited {
	display: block;
	border-radius: 4px;
	color: #fff;
	line-height: 30px;
	text-decoration: none;
	padding: 0 15px;
	background-color: #6af;
	transition: background-color .5s ease;
	margin-bottom: 5px;
}

#main .blue_buttons li > *.primary {
	background-color: #09863E;
}

#main .blue_buttons li.selected > *,
#main .blue_buttons li a:hover {
	background-color: #036;
}

.blue_buttons li > *.disabled {
	opacity: .25;
}

.blue_buttons li  > *.disabled :hover {
	background-color: #6af;	
}

input[type=number],
input[type=text],
input[type=password],
input[type=email],
textarea {
	font-family: proxima-nova, Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 20px;
	padding: 5px;
	box-sizing: border-box;
	width: 100%;
	
	
}


.input_row_checkbox label:first-child {
	width: 100%;
}

.input_row_checkbox label:first-child input {
	float: left;
}

.input_row_checkbox input + .field_description {
	float: left;
	margin-left: 5px;
	width: 90%;
	clear: none;
}

textarea {
	min-height: 120px;
}

.button_row {
	text-align: center;
}

.footnote {
	font-family: arial;
	font-size: 8pt;
	font-weight: normal;
	line-height: normal;
}

.transparent {
	opacity: 0;
}

.record_rows dl.footnote {
	padding-top: 5px;
}

.record_rows dl.footnote > *  {
	float: left;
	margin: 0 0 3px 0;
	padding: 0;
	text-indent: 0;
	
}

.record_rows dl.footnote > dt {
	font-weight: bold;
	width: 20%;
	clear: left;
}

.record_rows dl.footnote > dt:after {
	content: ':';
}

.record_rows dl.footnote > dd {
	max-width: 79%;
}

.js_form + .js_form {
	margin-top: 15px;
}

.masthead_links {
	text-align: center;
	padding: 10px;
}

.masthead_links .icon_link + .icon_link {
	margin-left: 20px;
}

.masthead_links .icon_link,
.masthead_links .icon_link:visited {
	color: #000;
}

.masthead_links .icon_link:hover {
	text-decoration: none;
	color: #0066CC;
}

form > h2:first-child {
	margin-top: .2em;
}

.admin_div {
	border: 1px solid #000;
	border-radius: 2px;
	background-color: rgba( 0, 0, 0, .05 );
	padding: 10px;
	box-sizing: border-box;
}

.admin_div .js_form h2:first-child {
	padding-top: 0;
	margin-top: 0;
}

.dl_tabular {
	width: auto;
	overflow: hidden;
}

.dl_tabular > * {
	float: left;
	margin-bottom: 10px;
}

.dl_tabular > dt {	
	clear: left;
	width: 30%;
	text-align: right;
	font-weight: bold;
}

.dl_tabular > dt:after {
	content: ':'
}

.dl_tabular > dd {
	margin-left: 3%;
	width: 66%;
}

.red {
	color: red;
}

.green {
	color: green;
}
	
.blue {
	color: blue;
}
	
.dialogue {
	padding: 10px;
	border-radius: 2px;
	box-sizing: border-box;
	border: 1px solid #000;
	width: 90%;
	margin: 10px 0 10px 10%;
	background-color: rgba( 0, 0, 0, .05 );
}

.dialogue.mine {
	margin-left: 0;
	background: none;
}

.dialogue_attr {
	margin-bottom: 0;
	padding-top: .5em;
	font-size: .7em;
	border-top: 1px solid rgba( 0,0,0, .3 );
}

.dispel_wrapper {
	text-align: center;
	padding: 2em;
}

.dispel_wrapper a,
.dispel_wrapper a:visited {
	color: #0066CC;
}

#newsletter_popup_wrapper .photo {
	margin: -10px -15px;
}