/* always show the vertical scrollbarto reduce jumping when changing pages*/
html {
overflow-y: scroll;
}

body.main-body{
  margin-top: 71px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 0px 71px;
  background-attachment: fixed;
}

body .container.header{
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

body .container.footer{
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}
pre.newline-format{
	background-color: transparent;
	border: none;
	color: inherit;
	font-size: inherit;
	line-height: inherit;
	padding: 0;
	margin: 0;
	font-family: inherit;
	 white-space: pre-wrap;
       /* css-3 */	 white-space: -moz-pre-wrap;
  /* Mozilla, since 1999 */	 white-space: -pre-wrap;
      /* Opera 4-6 */	 white-space: -o-pre-wrap;
    /* Opera 7 */	 word-wrap: break-word;
       /* Internet Explorer 5.5+ */}
.dont-break-out{
	/* These are technically the same, but use both */	overflow-wrap: break-word;
	word-wrap: break-word;
	-ms-word-break: break-all;
	/* This is the dangerous one in WebKit, as it breaks things wherever */	word-break: break-all;
	/* Instead use this non-standard one: */	word-break: break-word;
	/* Adds a hyphen where the word breaks, if supported (No Blink) */	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}
table caption{
	font-size: 150%;
	padding: 0;
	text-decoration: underline;
}
.img-small{
	width: 200px;
}
.sub-item{
	margin-bottom: 0px;
}
.top-margin{
	margin-top: 15px;
}
.bottom-margin{
	margin-bottom: 15px;
}
address {
    margin-top: 10px;
    margin-bottom: 10px;
}
.simple-filter{
}
a.no-decorations{
	text-decoration: none;
}
.semi-transparent{
	opacity: 0.4;
}
.icon-link{
	margin-left: 10px;
	margin-right: 10px;
}
.icon-link.pull-left{
	margin-left: 0px;
	margin-right: 10px;
}
.icon-link.pull-right{
	margin-left: 10px;
	margin-right: 0px;
}
label.form-radio{
	font-weight: bold;
	margin: 0 0 10px 0;
}
.ordering-icon{
	margin-left: 10px;
}
.ordering-icon:empty {
   display: none;
}
.breadcrumb{
	margin-bottom: 0px;
	float: left;
}
.gender-male{
	color: #3399FF;
}
.gender-female{
	color: #FF99CC;
}
.pointer{
	cursor: pointer;
}
.subtotals{
	font-size: small;
	font-style: italic;
}
.swapsite #site-id{
	max-width: 200px;
}
table .btn-group-nowrap{
	white-space: nowrap;
}
table .btn-group-nowrap .btn{
	float: none;
	display: inline-block;
	margin-right: -4px;
}
/*---------------------------------		MAILBOX---------------------------------*/
.ng-valid[required] {
  border-left: 5px solid #42A948;
 /* green */}
.ng-invalid,.ng-invalid:focus {
  border-left: 5px solid #a94442;
 /* red */}
#mailbox #htmlFolder,#mailbox #htmlHeaders,#mailbox #htmlItem,#mailbox #htmlNewItem{
	height: 600px;
	max-height: 600px;
	overflow-y: auto;
	overflow-x: hidden;
}
#mailbox #htmlItem .label-spacer{
	margin: 0 5px;
}
#mailbox .photo-list{
	width: 70px;
}
#mailbox #htmlNewItem .input-group .input-group-addon{
	min-width: 100px;
}
#mailbox .mailbox-folders form .btn-group{
	margin: 5px 0px 0px 0px;
}
#mailbox .header-deleted div{
	margin: 5px 0;
}
#mailbox .drag-land.dragging{
	animation: drag-land 0.7s infinite;
}
#mailbox .drag-land.dragging.dnd-drag-over{
	animation: drag-land-over 0.7s infinite;
}
@keyframes drag-land {
  0% {
    background-color: #ffffcc;
  }
  50% {
    background-color: #ffff99;
  }
  100% {
    background-color: #ffffcc;
  }
}
@keyframes drag-land-over {
  0% {
    background-color: #ffcccc;
  }
  50% {
    background-color: #ff9999;
  }
  100% {
    background-color: #ffcccc;
  }
}
#mailbox .narrow-tab .nav > li > a {
	padding: 4px 5px;
}
#mailbox .narrow-tab .nav > li.mbDroppable > a {
	padding: 3px 4px;
	border: 1px dashed #b3b300;
}
#mailbox #button-add-folder,#mailbox #button-edit-folder{
	padding: 0px 3px;
}
#mailbox #mbMessages div{
	padding: 5px 10px;
}
#mailbox .mailbox-folders li a{
	white-space: nowrap;
}
#mailbox .mailbox-folders .user-folder-header{
	padding: 3px;
}
#mailbox .mailbox-folders .user-folder-header h4{
	margin: 0px;
}
#mailbox #htmlHeaders .checkbox{
	margin-top: 0px;
	margin-bottom: 5px;
}
/*---------------------------------		DRAG - DROP PLACEHOLDER---------------------------------*/.ui-state-highlight{
	background: none;
	animation: drag-land-over 0.7s infinite;
}
/*---------------------------------		NESTED TABLE LISTS---------------------------------*/table.table tbody tr td > table.table tbody tr th{
	width: 1%;
}
.table-condensed>thead>tr>th,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>tbody>tr>td,.table-condensed>tfoot>tr>td {
	padding: 4px;
}
/*---------------------------------		PROFILE PHOTOS---------------------------------*/.photo-list{
	max-width: 100px;
	max-height: 100px;
}
/*---------------------------------		PROFILE PHOTOS---------------------------------*/.account-user-dashboard .adviser-photo,.admin-user-dashboard .adviser-photo,.photo-list{
	max-width: 100px;
	max-height: 100px;
}
.account-user-dashboard .user-photo,.admin-user-dashboard .user-photo{
	max-width: 150px;
	max-height: 150px;
}
/*---------------------------------		TRANSITIONS---------------------------------*/body.main-body,.modal-body .map-canvas{
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}
/*---------------------------------	NAVBAR OVERRIDES - BOOTSTRAP---------------------------------*/.navbar-brand img{
	position: relative;
	top: -10px;
    max-height: 40px;
    height: 40px;
}
.navbar-right .nav-message-btn{
	margin-right: 15px;
}

#start-advertising {
	display: none;
}
/*---------------------------------		BACKGROUND MESSAGES---------------------------------*/.bg{
	padding: 10px;
}
/*---------------------------------		ADMIN---------------------------------*/.admin-configs textarea{
	width: 380px;
	height: 140px;
}
.admin-configs img.img-responsive{
	max-width: 380px;
}
/*---------------------------------		ADMIN PAGINATION---------------------------------*/.pagination{
	margin: 10px 0;
	float: right;
}
.pagination-summary{
	margin: 12px 0;
	text-align: center;
}
/*---------------------------------		FORMS---------------------------------*/form .form-actions{
	padding-left: 8px;
}
textarea,form textarea{
	resize: vertical;
}
form.form-inline .form-control.select-admin-user-segment,form.form-inline .form-control.select-admin-user-adviser{
	width: 150px;
}
form.form-inline .form-control.select-admin-segment-user{
	width: 130px;
}
form.form-inline .form-control.select-admin-segment-user{
	width: 200px;
}
.filter-statement{
	margin: 20px 0px 0px 0px;
}
.filter-buttons{
	text-align: center;
	margin: 25px 0px 0px 0px;
}
/*---------------------------------		MAP CANVAS---------------------------------*/.admin-event-map-canvas{
	height: 300px;
	width: 100%;
}
/*---------------------------------		MODAL MAP---------------------------------*/.modal-body .map-canvas{
	height: 400px;
	width: 100%;
	margin-bottom: 20px;
}
/*---------------------------------		ADMIN NAVIGATION---------------------------------*/.sidemenu .nav-header{
	padding: 0 15px;
	border-bottom: 1px solid #e3e3e3;
}
.sidemenu .nav-header p{
	margin: 0;
}
/*---------------------------------		ADMIN PAGES---------------------------------*/.admin-table th.warning,.admin-table .nowrap{
	white-space: nowrap;
}
.admin-table .panel-container .panel-group{
	margin-bottom: 0px;
}
.admin-table .order{
	width: 125px;
	text-align: center;
}
table .actions{
	width: 1px;
	text-align: right;
}
table .actions .btn-group{
	white-space: nowrap;
}
table .actions .btn-group .btn{
	float: none;
	display: inline-block;
}
table .actions .btn-group .btn + .btn{
	margin-left: -5px;
}
/*---------------------------------		2 Column Table---------------------------------*/table.two-column-th-td th{
	text-align: right;
}
table.two-column-th-td th,table.two-column-th-td td{
	width: 50%;
}
table.two-column-th-td th.text-left{
	text-align: left;
}
.admin-table td.admin-image{
	width: 1%;
}
.admin-table .admin-status,.admin-table .admin-yes-no{
	text-align: center;

}
.admin-table .admin-status {
    vertical-align: middle;
}
.admin-table .admin-status a,.admin-table .admin-yes-no a,.admin-table .admin-yes-no{
	text-decoration: none;
	color: #333;
}
.admin-status i.successful,.admin-table .admin-status i.invited,.admin-table .admin-status a i.active,.admin-table .admin-status i.active,.admin-table .admin-yes-no a i.yes,.admin-table .admin-yes-no i.yes{
	color: #33CC33;
}
.admin-status i.failed,.admin-table .admin-status i.expired,.admin-table .admin-status i.declined,.admin-table .admin-status a i.inactive,.admin-table .admin-status i.inactive,.admin-table .admin-yes-no a i.no,.admin-table .admin-yes-no i.no{
	color: #CC0000;
}
.admin-status i.unprocessed,.admin-table .admin-status i.cancelled,.admin-table .admin-status a i.cancelled{
	color: #f0ad4e;
}
/*---------------------------------		PANELS---------------------------------*/.panel-subheader{
    background-color: #f5f5f5;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 10px 15px;
}
/*---------------------------------		NESTED PANELS---------------------------------*/#dashboard-accordion.panel-group .panel .panel{
	margin-bottom: 20px;
}
/*---------------------------------		MESSAGES---------------------------------*/#accordion-messages .message-item th{
	width: 33%;
}
#accordion-messages .message-item h5{
	margin-top: 0px;
	line-height: 1.5;
}
/*---------------------------------		ADMIN DATA TABLE		these are sub-tables---------------------------------*/.admin-data-table{
	width: 100%;
}
.admin-data-table > tbody > tr > th{
	vertical-align: top;
	font-size: small;
	white-space: nowrap;
}
.admin-data-table > tbody > tr > td{
	vertical-align: top;
}
/*---------------------------------		FACT FIND---------------------------------*/.user-factfind .nav > li > a {
	padding: 4px 15px;
}
.user-factfind .factfind > div{
	margin-bottom: 15px;
}
#factfind-accordion .factfind-data-table,.user-factfind .factfind-data-table{
	width: 100%;
}
#factfind-accordion .factfind-data-table th,.user-factfind .factfind-data-table th{
	vertical-align: top;
	padding: 1px 3px 1px 0px;
	font-size: small;
}
#factfind-accordion .factfind-data-table td,.user-factfind .factfind-data-table td{
	vertical-align: top;
	padding: 1px 0px 1px 2px;
}
#factfind-accordion .accordion-totals{
	float: right;
	margin-right: 50px;
	font-size: small;
}
.user-factfind .factfind-data-table thead tr.danger th{
	background-color: #f2dede;
}
#factfind-accordion .factfind-data-table thead tr.info th,.user-factfind .factfind-data-table thead tr.info th{
	background-color: #d9edf7;
}
/*---------------------------------		MY DATA---------------------------------*/#mydata-categories .btn-block{
	margin-top: 5px;
}
#mydata-cat-sortable {
	list-style-type: none;
}
.mydata .spinner .modal-body h4{
	margin-top: 25px;
	margin-left: 115px;
}
.mydata .form-title{
	margin-top: 0;
}

.mydata-action-btn {
	margin-bottom: 5px;
	margin-left:10px;
}

.mydata-action-btn-group {
	margin-top:5px;
}

.narrow-tab .nav > li > a {
	padding: 4px 15px;
}
.user-mydata .mydata > div{
	margin-bottom: 15px;
}
.mydata-data-table tbody tr{
	border-bottom: 1px dashed #CCCCCC;
}
#mydata-accordion .mydata-data-table,.user-mydata .mydata-data-table,.user-myrecord .myrecord-data-table{
	width: 100%;
}
#mydata-accordion .mydata-data-table th,.user-mydata .mydata-data-table th,.user-myrecord .myrecord-data-table th{
	vertical-align: top;
	padding: 1px 3px 1px 0px;
	font-size: small;
}
#mydata-accordion .mydata-data-table td,.user-mydata .mydata-data-table td,.user-myrecord .myrecord-data-table td{
	vertical-align: top;
	padding: 1px 0px 1px 2px;
}
.user-mydata .mydata-data-table tbody th,.user-mydata .mydata-data-table tbody td,.user-myrecord .myrecord-data-table tbody th,.user-myrecord .myrecord-data-table tbody td{
	width: 50%;
}
#mydata-accordion .accordion-totals{
	float: right;
	margin-right: 50px;
	font-size: small;
}
.user-mydata .mydata-data-table thead tr.danger th,.user-myrecord .myrecord-data-table thead tr.danger th{
	background-color: #f2dede;
}
#mydata-accordion .mydata-data-table thead tr.info th,.user-mydata .mydata-data-table thead tr.info th,.user-myrecord .myrecord-data-table thead tr.info th{
	background-color: #d9edf7;
}
.user-myrecord .truncate,.myrecord-data-table .truncate{
	display: inline-block;
    max-width: 240px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/*---------------------------------		MY DATA SUBFORMS---------------------------------*/.subrecords-wrapper{
	position: relative;
	top: -15px;
}
.subrecords-wrapper .subrecords{
	margin-bottom: 40px;
}
.subrecords-wrapper .subrecords .sub-item span.text-danger{
	display: block;
}
.mydata-subform{
	padding: 5px 0;
	border-top: 1px dashed #CCCCCC;
}
/*---------------------------------		DASHBOARD---------------------------------*//*---------------------------------		DASHBOARD LIBRARY---------------------------------*/.personal-library-panel .actions{
	/*width: 95px;
*/}
/*---------------------------------		DASHBOARD TOOLS---------------------------------*/.dashboard-tools figure > a{
	text-align: center;
	display: block;
	font-size: 20px;
 /* Already has class 'fa-5x' applied IE: 5x20px;
*/}
.dashboard-tools figure figcaption{
	text-align: center;
	font-weight: bold;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
/*---------------------------------		TOOLS---------------------------------*/.admin-table .signature-img{
	max-width: 170px;
}
.admin-table .tool-icon,.app-reports .tool-icon,.tool .tool-icon{
	font-size: 100px;
}
/*---------------------------------		ARROW BOX LEFT		http://cssarrowplease.com/---------------------------------*/.arrow_box_left {
	position: relative;
	background: #e6f1ff;
	border: 2px solid #000000;
}
.arrow_box_left:after, .arrow_box_left:before {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.arrow_box_left:after {
	border-color: rgba(230, 241, 255, 0);
	border-right-color: #e6f1ff;
	border-width: 15px;
	margin-top: -15px;
}
.arrow_box_left:before {
	border-color: rgba(0, 0, 0, 0);
	border-right-color: #000000;
	border-width: 18px;
	margin-top: -18px;
}
/*---------------------------------		ARROW BOX RIGHT		http://cssarrowplease.com/---------------------------------*/.arrow_box_right {
	position: relative;
	background: #e8ffe9;
	border: 2px solid #000000;
}
.arrow_box_right:after, .arrow_box_right:before {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.arrow_box_right:after {
	border-color: rgba(232, 255, 233, 0);
	border-left-color: #e8ffe9;
	border-width: 15px;
	margin-top: -15px;
}
.arrow_box_right:before {
	border-color: rgba(0, 0, 0, 0);
	border-left-color: #000000;
	border-width: 18px;
	margin-top: -18px;
}
/*---------------------------------		DROPZONE MULIPLE UPLOADS---------------------------------*/.multiadd-dropzone div.table {
    display: table;
}
.multiadd-dropzone div.table .file-row {
    display: table-row;
}
.multiadd-dropzone div.table .file-row > div {
    border-top: 1px solid #ddd;
    display: table-cell;
    padding: 8px;
    vertical-align: top;
}
.multiadd-dropzone div.table .file-row:nth-child(2n+1) {
    background: #f9f9f9 none repeat scroll 0 0;
}
.multiadd-dropzone #total-progress {
    opacity: 0;
    transition: opacity 0.3s linear 0s;
}
.multiadd-dropzone #previews .file-row.dz-success .progress {
    opacity: 0;
    transition: opacity 0.3s linear 0s;
}
.multiadd-dropzone #previews-note .file-row .delete,.multiadd-dropzone #previews .file-row .delete {
    display: none;
}
.multiadd-dropzone #previews .file-row.dz-success .start, #previews .file-row.dz-success .cancel {
    display: none;
}
.multiadd-dropzone #previews .file-row.dz-success .delete {
    display: block;
}
.multiadd-dropzone #previews .file-row .preview img {
    max-width: 150px;
    max-height: 150px;
}
.admin-dashboard .multiadd-dropzone #previews .file-row .preview img {
	max-width: 120px;
    max-height: 120px;
}
.multiadd-dropzone #previews .file-row.dz-error.dz-complete .error {
	display: block;
	padding: 5px 10px;
}
/*---------------------------------		FONTAWESOME-ICONPICKER---------------------------------*/.iconpicker-popover.popover {
    width: 285px !important;
}
.fontawesome-iconpicker.form-control[readonly] {
    background-color: #FFFFFF;
    opacity: 1;
}
.iconpicker .iconpicker-item {
    font-size: 28px !important;
    height: 28px !important;
    width: 28px !important;
    padding: 10px !important;
}
/*---------------------------------	BOOTSTRAP-SLIDER - OVERRIDE---------------------------------*/.slider .slider-handle{
	background-image: none;
}
.slider.slider-horizontal {
	width: 100%;
	margin-bottom: 5px;
}
.slider .slider-selection{
	background-image: none;
}
.slider .slider-tick{
	background-image: none;
	border: 1px solid #CCCCCC;
	box-shadow: none;
}
/* Form Input field for display only*/.slider-duration-display-value,.slider-display-value{
	width: 9rem;
	text-align: center;
	float: left;
	margin-right: 10px;
}
.slider-duration-display-value{
	width: 18rem;
}