/* custom font face for the platform */
@font-face {
	font-family: 'Open Sans';
	font-weight: 300;
	src: url('../fonts/OpenSans-Light.ttf');
}
@font-face {
	font-family: 'Open Sans';
	font-weight: 300;
	font-style: italic;
	src: url('../fonts/OpenSans-LightItalic.ttf');
}
@font-face {
	font-family: 'Open Sans';
	font-weight: 400;
	src: url('../fonts/OpenSans-Regular.ttf');
}
@font-face {
	font-family: 'Open Sans';
	font-weight: 400;
	font-style: italic;
	src: url('../fonts/OpenSans-Italic.ttf');
}
@font-face {
	font-family: 'Open Sans';
	font-weight: 600;
	src: url('../fonts/OpenSans-Bold.ttf');
}
@font-face {
	font-family: 'Open Sans';
	font-weight: 600;
	font-style: italic;
	src: url('../fonts/OpenSans-BoldItalic.ttf');
}

.bbid-warning {
	text-align: center;
	color: black;
	font-weight: bold;
	height: auto;
}

body{
	background: #9a9a9a;
	font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
	color: #555555;
	font-size: 14px;
	min-width: 1080px;
}
a {
	cursor: pointer;
}
.clear {
	clear: both;
}
.light-font {
	color: white;
}

.default-grey {
	color: #555555;
}

.highlight-orange {
	color: #ffa200;
}

.campaign-completed {
	font-weight:500;
	font-size:24px;
	color: #4daa41;
	text-align: center;
}

.campaign-completed-border {
	border-radius: 5px;
	border: 1px solid #cccccc;
	padding: 20px;
	margin: 20px 2px 20px 2px;
	background-color: #ffffff;
	padding-top: 20px;
	padding-bottom: 20px;
}

.navbar-right {
	float: right !important;
    margin-right: auto !important;
    /*position: absolute;*/
    right: 10px;
    top: 0;
}

.navbar-middle {
	display: inline-block;
}

.nav_element {
	padding: 20px 0;
	display: inline-block;
}
.login-form-container{
	width: 500px;
	top: 25%;
	position: relative;
	margin: auto;
	background: none repeat scroll 0 0 rgba(255, 255, 255, 0.83);
	background-size: 100%;
	padding: 10px 30px;
	transition: all .5s linear 0s;
	font-family: "Blackbaud Sans","Helvetica Neue",Arial,sans-serif;
	text-align: center;
}

#login-container .btn-login {
    width: 352px;
    height: 44px;
    margin-bottom: 5px;
    font-size: 20px;
}

.mfes-trustmark.reeher-custom {
	position: absolute;
	bottom: 20px;
	right: 20px;
}
.setup-form-container {
	top: 15%;
}

.side-margins {
	margin: 0 10px;
}

.lowercase{
	text-transform: lowercase;
}

#userFullNameLabel{
	color: #FFFFFF;
}
.campaign-title{
	width: 25%;
	padding: 5px;
	border-radius: 5px;
	vertical-align: middle;
}

.ui-grid-icon-plus-squared, .ui-grid-icon-minus-squared{
	cursor:pointer;
}

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

.forgot-pw-link {
	margin-top: 25px;
}
.simulation-background {
    background-color: #357ebd;
    color: white;
    font-size: 18px;
    max-height: 0;
    overflow: hidden;
    padding: 0;
    transition: max-height 1s ease 0s, padding .5s ease 0s;
    width: 100%;
    z-index: 5;
}
.simulation-background.show {
    max-height: 50px;
    padding: 10px;
}
.simulation-warning > .glyphicons-alert {
	margin: 3px 5px 0 0;

}
.simulation-warning > b {
	margin-right: 10px;
}
#main-page-body{
	background: #F8F8F8;
	border-radius:0 0 5px 5px;
	box-shadow: 0 10px 20px;
}
.site-width {
	width: 100%;
	margin-left: 0;
	margin-right: 0;
	transition: width .3s ease-out;
}
.site-width.has-panel {
	width: calc(100% - 45px);
	margin-right: 0;
}
.site-width.has-panel.panel-open {
	margin-right: 305px;
	width: calc(100% - 305px);
	transition: width .3s ease-in;
}
.login-form-container::after{
	opacity: 0.7;
}

#clientImage{
	height:75px;
	width:75px;
	border-radius: 5px;
}

#submitContactContainter{
	height: 100%;
	overflow-y: inherit;
}

.float_left {
	float: left;
}
.float_right {
	float: right;
}

.clear-left-padding {
	padding-left: 0px;
}

input.sign-in-button{
	width:100%;
	background-color: #ffa200;
	padding: 20px;
	color: #FFFFFF;
	height: initial;
	margin-top: 20px;
	border: 0;
	border-radius: 0;
	font-size: 16px;
	-webkit-appearance: none;
}

input[type=radio] {
	display:none;
	margin:10px;
}

input[type=radio].recontact-value-radio {
	display: inline-block;
	margin: 3px;
}

input[type=radio].report-outcome-radio {
	display: inline-block;
	margin: 3px;
}

input#customRecontactDate {
	background-color: #fff;
	cursor: auto;
}

select[disabled], input[disabled] {
	cursor: not-allowed;
}

#agent-menu-content{
	display: none;
	background: black;
	border-radius: 5px;
	padding: 5px;
}

#feedback-content{
	width:100%;
}

#email_submit_menu{
	display:none;
}

.contact-content-area{
	width: 100%;
	background:#E0DEDE;
	border-radius: 5px;
	padding: 5px;
	margin-top: 5px;
}

#submitContactContainter{
	display:none;
}

.activity-grid{
	height: 200px;
}

.white-tooltip + .tooltip > .tooltip-inner {background-color: white; color:black;}
.white-tooltip + .tooltip > .tooltip-arrow { background-color: white;  }

.contact-action-buttons{
	text-align:right;
	margin-top: 5px;
}
.copyScriptButton {
	float:left;
}
.copyScriptButton:focus {
  outline: none;
}
.copyScriptButton:hover {
	outline: 0 !important
}
.reportResultButton {
	margin: 0 10px;
}
#reset-container{
	display:none;
}

#facebookReminderContainer{
	display:none;
	padding: 30px;
}

.login-form{
	/*height:auto;*/
	/*width: 450px;*/
	/*margin: 0 auto;*/
}

.linkedin_icon{
	padding-left: 25px !important;
	margin-bottom:10px;
	height: 20px;
}

.reeher-header{
	text-align:center;
	font-weight:bold;
	color:white;
}

.form-element{
	margin: 5px 0;
}

.login-page-container{
	position:relative;
	width:100%;
	height:100%;
}

.login-page-container:after{
	opacity: 0.9;
    filter: alpha(opacity=90);
    background: url("../images/background2.jpg") no-repeat;
    background-size: cover;
  	position: fixed;
  	display: block;
  	top: 0;
    left: 0;
  	content : "";
  	z-index: -1;
  	width:100%;
	height:100%;
}

.ci-item-label{
	font-weight:bold;
	float:left;
	width: 55%;
	clear:both;
	display:inline-block;
}

.ci-item-value{
	width: 45%;
	display:inline-block;
	float:left;
}

.custom-field-container{
	width:100%;
	border-radius: 5px;
}

#custom-table{
	display:inline-block;
	padding: 5px;
	width: 100%
}

.contact_info_label{
	width: 25%;
	display: inline-block;
	vertical-align: top;
}

.contact_info_value{
	width: 75%;
	display: inline-block;
}

.script-content{
	/*min-width: 300px;*/ /* TODO: replace height with min-width after old prospect workflow is sunsetted */
	height: 300px;
    overflow: auto;
	cursor: text !important;
	background-color: white !important;
}
.segment-area.script-content { /* TODO: Remove this after old prospect workflow is sunsetted */
	height: auto; /* ie */
	height: initial; /* everything else */
	min-height: 300px;
}
#constituentGivingHistoryChart{
	height:250px;
	width: 540px;
}

#constituentActivityDiv{
	clear:both;
	border-top: 1px solid #F0F0F0;
	margin-top: 10px;
}

#actionsGraphContainer{
	display:flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-around;
	margin: 0 auto;
}

#eventChartWrapper{
	marign-top:25px;
	display: flex;
	justify-content: space-between;
}
#myEventChart{
	margin-top: 20px;
}

.activity-nav-arrow{
	height: 55px;
	width: 55px;
	opacity: 0.5;
	cursor: pointer;
	font-size: 20px;
	position: relative;
	-webkit-transform: translateY(225%);
	-moz-transform: translateY(225%);
	-ms-transform: translateY(225%);
	-o-transform: translateY(225%);
	transform: translateY(225%);
  	margin: auto 20px;
  	text-align: center;
  	line-height: 12px;
}

.activity-nav-arrow:hover{
	opacity: 1;
}

.activity-nav-arrow > .glyphicons {
	margin: 0 0 10px 3px;
}

.dashboard-nav-text{
	font-size: 14px;
}

#activityContainer{
	height: 320px;
}

#classComparisonContainer{
	height: 320px;
	margin-top: 5px;
	margin-bottom: 5px;
	overflow: auto;
}

#overallActivityChart{
	width:800px;
	margin: auto;
}

/* styles for goals sections */
h4 {
	font-size: 14px;
	margin: 0 0 15px 0;
	font-weight: 700;
}

h4.keyset-title {
	text-align: center;
	font-weight: 300;
	font-size: 22px;
}

.align-left { text-align: left; }
.align-right { text-align: right; }
.align-center { text-align: center; }

.class-agent-goal {
	width: 980px;
	margin: auto;
	max-height: 320px;
	padding: 10px 0 0 0;
}

.class-agent-goal > h4{
	width: 980px;
	margin: auto;
	max-height: 320px;
	padding: 10px 0 5px 0;
}

.class-agent-goal-scrollable {
	overflow-x: hidden;
	overflow-y: auto;
	max-height: 270px;
}

.title {
    font-size: 12px;
    color: #555;
	line-height: 1.4em;
}

.sub-text {
    font-size: 12px;
}

.sub-text.behind {
    color: #8F0100;
    font-weight: bold;
}

.sub-text.main-text-padding {
    padding-top: 19px;
}

.main-text {
    font-size: 12px;
    font-weight: 700;
}

.goal-progress-bar {
    height: 30px;
    margin-bottom: 10px;
}

.goal-progress-bar .progress-background {
    background-color: #eee;
    height: 100%;
    width: 100%;
    -webkit-box-shadow: inset 0px 3px 5px 0px #dcdcdc;
    -moz-box-shadow: inset 0px 3px 5px 0px #dcdcdc;
    box-shadow: inset 0px 3px 5px 0px #dcdcdc;
    border-radius: 5px;
}

.goal-progress-bar .progress-background .progress-color {
    height: 100%;
    width: 0%;
    max-width: 100%;
    transition: width 1s;
    border-radius: 5px;
}

.class-agent-goal-success {
	color: white;
	background-color: #38A42C;
	border-radius: 5px;
	padding: 4px 10px 4px 10px;
}

.goal-status-div {
	margin-top: 5px;
}
/* end of styles for goals sections */

/*section styles*/
.vol_table{
	height: 300px;
}

.icon-margin{
	margin: 10px 5px 0 5px;
}

.icon-text-margin {
	display: inline-block;
	margin-top: 9px;
}

.main-page-section{
	margin:0 0 10px 0;
	border: 2px solid #EEEEEE;
	border-radius: 5px;
	background: #F3F3F3;
	height: 350px;
}

.main-page-divider{
	height: 1px;
	margin: 9px 0px;
	overflow: hidden;
	background-color: #B9B4B4;
}

.navbar-default{
	background-color: #F0F0F0 !important;
	border: initial;
}
.navbar {
	margin-bottom: 0 !important;
	padding-top: 50px;
	/*min-height: 77px !important;*/
}
#myAssignmentsTableDiv{
	height: inherit;
	min-height: 400px;
	width: 100%;
}

#assignedConstituentTable > div.ui-grid-render-container {
	width: 100%;
}
#addConstituentTableDiv{
	margin-top: 5px;
}

#myActionsDiv{
	height: 40%;
}

#clientImageDiv{
	margin-right: 15px;
	margin-left: 5px;
}

.action-icon::before{
	font-size: 20px;
}

#myActivityGraphDiv{
	height: 300px;
}

#agent_header{
	width: 100%;
	height: 85px;
	border-radius: 5px;
	padding: 5px;

}

#agent_header:before{
	background: url(../images/speckled_background.jpg);
	background-size: 25%;
	opacity: 0.8;
    filter: alpha(opacity=80);
}

#agent_menu{
	float:right;
	margin:5px;
}

#agent_title{
	font-size: 20px;
	font-weight:bold;
	color: #f8f8f8;
	width: 40%;
	margin: 5px;
}

.section-header{
	width:100%;
	min-height: 50px;
	border-radius: 5px;
	font-size: 16px;
	color:white;
	font-weight:bold;
	padding: 5px;
}

#assignmentIndicatorDiv{
	width:100%;
	text-align:right;
}

#addProspectsBtn {
	margin-top: 3px;
}

#campaignRankOptions {
	margin-top: 2px;
}

#assignmentProgressBar{
	background-color: black;
	display:inline-block;
	float: right;
	width:15%;
	padding: 4px;
	border-radius:5px;
	color: white;
}

.progress{
	margin-bottom: 0px !important;
}

.nextAction{
	display:inline-block;
	padding: 10px;
	font-weight:bold;
	width:100%;
	cursor: pointer;
}
.nextAction-no-pointer{
	display:inline-block;
	padding: 10px;
	font-weight:bold;
	width:100%;
}

.assignment-progress-text{
	margin-right: 5px;
}

#myActivityGraph{
	height: 250px;
}

.graph-inner-text{
	font-weight: bold;
	font-size: 14px;
}

#myActionsList{
	list-style: none;
}

.color-success{
	color: #5cb85c;
}

.color-warning{
	color: #f0ad4e;
}

.color-danger{
	color: #d9534f;
}

.user-constituent-search-options{
	margin-bottom: 5px;
}

.margin-bottom10{
	margin-bottom: 10px;
}

.margin-15 {
	margin: 15px;
}

#footer{
	float:left;
	color: #FFFFFF;
	margin-left: 10px;
}
#footer > a {
	color: white;
	text-decoration: none;
}
#footer > a:hover {
	color: #D8D8D8;
	cursor: pointer;
}
#footer-logo{
	width: 111px;
	height: 30px;
}

.email-button{
	margin: 5px;
}

.prospect-image{
	height: 25px;
	width: 25px;
	border-radius: 5px;
}

.info-image{
	border-radius: 5px;
	margin: 5px;
	height: 60px;
	width: 60px;
}

.constituent-search-header{
	margin-top:5px;
}

.cancel-link{
	font-size: 15px;
}

.cancel-link a{
	color: #555555;
}
.cancel-link a:hover{
	color: #ffa200;
}
.cancel-link a:focus{
	color: #ffa200;
}

.underline {
	text-decoration: underline;
}

.searchBold{
	font-weight: bold;
	font-size: 16px;
}

.green{
	color: green;
}

.success-save-alert{
	font-size: 12px;
	display: inline-block;
	margin-left: 5px;
	margin-bottom: 0 !important;
}

.warning-color{
	color: #f0ad4e;
}

.resultIcon{
	position: absolute !important;
	display: inline-block !important;
	top: 10px !important;
	left: 10px !important;
}

.resultIcon-profile{
	position: absolute !important;
	display: inline-block !important;
	top: 30px !important;
	left: 30px !important;
	font-size: 40px !important;
}

.withGlyphicon{
	opacity: 0.25;
}

.ui-grid-cell-contents{
	position: relative;
}

.even{
	background-color: #F3F3F3;
}

.cursor-pointer{
	cursor:pointer;
}

.pending{
	color: #428bca;
}

.green-opaque{
	color: green;
	opacity: 0.5;
}
.notification-toast {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NDkxMSwgMjAxMy8xMC8yOS0xMTo0NzoxNiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBMTBBQjE0NUQ2RkIxMUU0QkI2NkJCQjBCQzAwQkREQyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpBMTBBQjE0NkQ2RkIxMUU0QkI2NkJCQjBCQzAwQkREQyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkExMEFCMTQzRDZGQjExRTRCQjY2QkJCMEJDMDBCRERDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkExMEFCMTQ0RDZGQjExRTRCQjY2QkJCMEJDMDBCRERDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+LcojxgAAATFJREFUeNq8lkFOg0AUhmHWXVqXWOpOuQQX6BZl77ppegjjRTRyCOkh2qWlElfqyi4VXv9HHokxM2WIjH/yhQmZ+X9geDx8IvKOKAApiMEFGIMv8ApewAo8gsLowAEaAnAPvqlblcwNdF468xn4pP7ag+uugLlckUkTwaQaLEwBiUygPwS0IcnvgEBukQYIaB9XsydK9voWjLzhxF53PPCRcobjFiiLhaEcC4u5NZiy6ZWleV813kqKyJViDogcBkQccOIwYKw8x+KAD4f+7xywcRiw5oCnHgsKyxpolXOhTTB4dlALXGjnbLoDmeWi8Ec1dylrvP/rY1eCG25wAzwaEq9S1zK7Gg5Z9IKly5aZ2vTkdk8eLO+mkrnapu/3+G25BKdy/k0KNJe3ZWsyOAgwAMCSPMPUpZBQAAAAAElFTkSuQmCC');

}
.new-file-toast {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABCCAYAAAD0dpAhAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NDkxMSwgMjAxMy8xMC8yOS0xMTo0NzoxNiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5NkY3QUQ0REQ3MjQxMUU0QTNDQ0FFQkI5NDFFOURBMSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo5NkY3QUQ0RUQ3MjQxMUU0QTNDQ0FFQkI5NDFFOURBMSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjk2RjdBRDRCRDcyNDExRTRBM0NDQUVCQjk0MUU5REExIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjk2RjdBRDRDRDcyNDExRTRBM0NDQUVCQjk0MUU5REExIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+ykj0ogAAARZJREFUeNrs19FNwzAUBVAX8e9uAJvQEToCbMAobAAjdIRmE9igTGCeK5BQ1FRKqVGinCvdv6p9OrFTvVUpJY3MNvoSvUt/z0f0ObpLE81qJNBj9LXBHE/Rt7kDraPv0dxgjs/offQwNaCbkVcrN5ojf39/mjPQpvEsm7lfsUPDE/RzzdZTP0F1wH20nGhuPEse+N3/7L7/kPonqH7gIS073e/r3gcqSY4ul7ykFxlAgAABAjTh3A79vYkTBOhaQOf2ryX3uJfVVcP+dWYvq0D2L+8gQIAAAQIECJAAAgQIECBAgAAJIECAAAECBAgQIAEECBAgQIAAARJAgAABAgQIECABBOh6QB2GwXQVaAvpNE61+RJgAFjwmP7mIq6vAAAAAElFTkSuQmCC');
	background-size: 24px;
}
.toast-timestamp {
	float: right;
	font-size: 11px;
}

.truncate-notif-text{
	font-size: 10px;
}

.badge-danger {
  background-color: #b94a48 !important;
}

.file-badge{
	position: absolute !important;
	float: left;
	top: 60px !important;
}
.nav > .button {
    margin-left: 10px;
}
#assignedConstituentTable, #addConstituentTableDiv > div, #addConstituentTableRecDiv > div {
	min-width: 500px;
}

.ui-grid-viewport {
	overflow-anchor: none;
}

.section-body {
	width: 100%;
	overflow:auto;
}
@media (max-width:768px) {
	.navbar.navbar-default {
		padding: 5px;
	}
	.navbar-right > li {
		padding: 0;
	}
	.file-badge {
		top: 15px !important;
	}
	#actionsGraphContainer > .graph {
		float: none;
	}
	.login-form-container {
		top: 15%;
	}
	#actionsGraphContainer {
		display: block;
	}
	.modal-body {
		padding: 5px !important;
	}
	.profile-data-section {
		overflow: auto;
	}
}

@media (max-width:500px) {
	#actionsGraphContainer > .graph {
		float: none;
	}
	.reeher-header > img.class-agent-logo {
		width: 270px;
	}
	.mfes-trustmark.reeher-custom {
		bottom: 5px;
		right: 0px;
	}
	.login-form, .login-form-container {
		width: auto;
	}
	.activity-nav-arrow {
		top: 10%;
		z-index: 10;
		float: right;
		margin: 0 10px;
	}
	body {
		font-size: 12px;
	}
	#myDonationsGraph, #myContactsGraph, #agentDetailContactsGraph, #agentDetailDonationsGraph {
		width: 100%;
		overflow: hidden;
	}
	#classComparisonContainer {
		width: 100%;
	}
}

@media (max-width:1080px) and (orientation: landscape) {
	.login-form-container {
		top: 10%;
	}

	.dropdown-menu {
	    background-color: #FFF !important;
	}
}
@media (max-width:500px) and (orientation: landscape) {
	.login-form-container {
		top: 0 !important;
	}
}
@media (max-width:1023px) {
	#main-page-body {
		width: 97% !important;
	}
}
.navbar-nav .open .dropdown-menu {
	background-color: white !important;
}
.navbar-nav .side-margins button {
	background: white;
}
.modal-backdrop {
    height: 100%;
    position: fixed !important;
}

#scriptContentContainer > div, .contact-content-area > div, .constituent-info-content > div,
#submitEmailContact > div {
	margin-bottom: 5px;
}
#scriptContentContainer > div.contact-action-buttons, .contact-content-area > div.contact-action-buttons,
#constituent-info-content > div.contact-action-buttons, #submitEmailContact > div.contact-action-buttons {
	margin: 0;
}
#ui-datepicker-div {
	z-index: 9999 !important;
}
.profile-details {
	max-height:270px;
	overflow: auto;
}

#footerContent{
	background-color: black;
	bottom: 0;
	position: absolute;
	opacity: .83;
	color:white;
	text-align: center;
	font-size: 12px;
	padding: 5px 0 5px 0;
}

#footerContent a{
	color: white;
}

#loginSpacer {
	margin: 1px 5px 15px 5px;
	border-top-color: #cccccc;
}

#downloadText {
	margin-left: 15px;
	color: #555555;
}

#appStoreButtons {
	margin: 5px 0 10px 0;
}

#appleStoreButton {
	margin-right: 7px;
}

#mobileAppAdAppleButton, #mobileAppAdAndroidButton {
	margin-right: 7px;
	float: right;
}

#panelNavBar {
	background-color:#606060;
	height:100%;
	width:40px;
	position: absolute;
}

#closePanelBtn {
	float: right;
	margin: 14px 10px 0 0;
	color: #555555;
	cursor: pointer;
}

.selected-panel-btn {
	color: #606060;
}

.unselected-panel-btn {
	color: #ffffff;
}

.selected-panel-div {
	color: #606060;
	background-color: #ffffff;
}

.unselected-panel-div {
	color: #ffffff;
	background-color: #606060;
}

#agentsTabBtn {
	padding: 8px 8px 8px 8px;
	font-size: 24px;
}

#settingsTabBtn {
	padding: 8px 8px 8px 8px;
	font-size: 24px;
}

#tabTitle {
	float: left;
	margin-top: 10px;
	padding-left: 10px;
	color:rgba(119,119,119,0.9);
	font-size: 18px;
}

#leadVolPanel {
	background: #ffffff;
	right: 0;
	position: absolute;
	width: 300px;
	margin-right:-260px;
	box-shadow: 0 10px 20px;
	padding-top: 50px;
}

#leadVolPanel.show {
	margin-right: 0px;
}

#leadVolPanel.gone {
	margin-right: -300px;
}

.lead-vol-panel-segment{
	padding: 10px 0 10px 10px;
	width:258px;
	background: #eeeeee;
}

.lead-vol-panel-agent{
	margin-left: 10px;
	padding: 20px 0 10px 0;
	width: 249px;
	word-wrap: normal;
	background: #FFFFFF;
	cursor: pointer;
}

.lead-vol-panel-agent-name-text {
	font-size: 14px;
	font-weight: bold;
	color: #555555;
	display: inline;
	max-width: 175px;
	word-wrap: normal;
}

#selectedAgentName {
	margin-left: 10px;
	display: block;
}

.lead-vol-panel-segment-header-text {
	font-size: 14px;
	font-weight: bold;
	color: #555555;
	display: block;
	margin-bottom: 20px;
	padding-top: 10px;
}

.lead-vol-panel-agent-metrics-text {
	margin: 15px 0 20px 0;
	font-size: 12px;
	color: #555555;
	display: block;
}

.lead-vol-search {
	width: 240px;
	margin-left: 9px;
}

#backToAgents {
	color: #3C7FC0;
	cursor: pointer;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	margin-bottom: 20px;
	padding-left: 10px;
}

.lead-vol-panel-selected-agent {
	margin: 0 0 10px 41px;
	width:258px;
	background: #FFFFFF;
}

.separator {
	width: 258px;
	border-bottom: 1px solid #bebebe;
}

.separator-top {
	margin: 20px 1px 20px 0;
	padding-bottom: 20px;
	border-bottom: 1px solid #bebebe;
}

.separator-2 {
	margin: 10px 0 10px 0;
	border-bottom: 1px solid #bebebe;
}

.separator-3 {
	margin: 0 43px 20px 0;
	border-bottom: 1px solid #bebebe;
	width: 258px;
}

.separator-4 {
	margin: 20px 43px 12px 0;
	border-top: 1px solid #bebebe;
	border-bottom: 1px solid #bebebe;
	padding-top: 5px;
	background-color: #eeeeee;
	width: 258px;
}

.separator-5 {
	padding: 20px 0;
	border-bottom: 1px solid #bebebe;
	width: 258px;
}

.lead-vol-panel-text-italics {
	font-style: italic;
	color: #555555;
	display: block;
	margin: 0 0 20px 10px;
}

#agentDetailGraphContainer {
	height: 170px;
	width: 258px;
	padding-top: 20px;
	border-top: 1px solid #bebebe;
}

#agentDetailContactsGraph {
	width: 50%;
	position: relative;
	float: left;
}

#agentDetailDonationsGraph {
	width: 50%;
	position: relative;
	float: left;
}

#agentDetailsScrollArea {
	overflow-y: auto;
	width: 92%;
	height: 85%;
	position: absolute;
}

.agents-icon {
	position: absolute;
	top: 5px !important;
	left: 5px !important;
}

.agents-icon-overlap {
	position: absolute;
	top: 5px !important;
	left: 5px !important;
}

.lead-vol-panel-agent-title-text {
	font-size: 14px;
	font-weight: bold;
	color: #555555;
	display: block;
	margin: 10px 0 0 10px;
}

.lead-vol-panel-agent-descr-text {
	font-size: 14px;
	color: #555555;
	display: block;
	margin-bottom: 5px;
	margin-left: 10px;
	word-wrap: normal;
	width: 249px;
}

.lead-vol-panel-agent-name {
	font-size: 14px;
	color: #555555;
	position: absolute;
	display: block;
	margin-left: 10px;
}

.agent-caret {
	margin-bottom: 0px !important;
	margin: 0 5px 0 8px;
	padding-bottom: 4px;
	border-top-width: 5px;
	border-right-width: 5px;
	border-left-width: 5px;
}

.caret-show {
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
}

.caret-hide {
	-webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	transform: rotate(270deg);
}

.clickable {
	cursor: pointer;
}

.alert-dropdown {
	margin: 5px 0 20px 10px;
	width: 90%;
}

.alert-dropdown-header {
	margin-left: 10px;
}

#alertSettingsArea {
	margin-left: 41px;
}

.alert-other-input {
	width: 25%;
	margin: 0 0 5px 10px;
	display: inline;
}

.alert-other-units {
	margin-top: 10px;
}

#saveAlertSettingsButton {
	width: 100px;
	display: inline;
	float: right;
	margin: 10px 30px 10px 0;
	color: #ffffff;
}

#saveAlertSettingsButton[disabled] {
	width: 100px;
	display: inline;
	float: right;
	margin: 10px 30px 10px 0;
	background-color: #cccccc;
	color: #ffffff;
}

.alert-value-error {
	color: red;
	font-weight: bold;
	margin: 0 0 10px 10px;
}

.header-container {
	padding-bottom: 50px;
	margin: 0 1px 0 41px;
	border-bottom: 1px solid #bebebe;
}

#settingsInstructions {
	padding-left: 12px;
	color: #555555;
}

.manage-alerts {
	margin-top: 0;
	padding-left: 10px;
	font-size: 14px;
	font-weight: bold;
}

.spacer {
	padding-bottom: 20px;
	margin-bottom: 5px;
	border-bottom: 1px solid #bebebe;
	width: 258px;
}

#agentsScrollArea {
	overflow-y: auto;
	overflow-x: hidden;
	height: 85%;
	width: 92%;
	position: absolute;
}

#agentsDataArea {
	margin-left: 41px;
}

.agent-contact-info {
	margin-left: 10px;
	font-size: 14px;
	color: #555555;
	display: block;
}

#agentEmail {
	margin-bottom: 20px;
}

#leadVolPanelAgentName {
	padding-top: 3px;
}

.lead-vol-next-action-text {
	margin-bottom: 15px;
}

.alert-text {
	color: #A81A19;
	font-style: italic;
	margin: 0 0 0 20px;
	padding-bottom: 20px;
}

.no-alerts-text {
	color: #555555;
	font-style: italic;
	margin: 0 0 0 20px;
	padding-bottom: 20px;
}

.alert-spacing {
	padding-bottom: 20px;
}

#zeroProspectsPlaceholder {
	margin-left: 20px;
	font-style: italic;
	color: #555555;
}

.alert-count-container {
	border-radius: 10px;
	padding: 2px 12px;
	float: right;
	margin-right: 25px;
	font-size: 12px;
	width: 65px;
}

#saveSuccessMessage {
	display: none;
	margin: 10px 30px 0 0;
	float: right;
	text-align: center;
	width: 230px;
}

#fullPageBody {
	overflow-x: hidden;
	position: relative;
}

#mobileAppAd {
	min-height: 60px;
	background-color: #FFFFFF;
	padding-top: 10px;
	border-top: 1px solid #bebebe;
	border-bottom: 1px solid #bebebe;
	color: #555555;
	padding-left: 0;
	padding-right: 0;
	margin-bottom: 10px;
}

.mobile-app-ad-buttons {
	float: right;
}

#closeMobileAppAd {
	font-family: monospace;
	font-size: 18px;
	float: right;
	margin: -10px 10px 0 0;
	cursor: pointer;
}

#mobileAppAdText {
	word-wrap: normal;
}

#mobileAppAdImg {
	margin-top: -10px;
	height: 58px;
	width: auto;
}

@media (max-width: 1200px) {
	#mobileAppAdTextInnerDiv {
		border-top: none;
		padding: 0 10px 10px 10px;
		width:100%;
	}
}

@media (min-width: 1200px) {
	#mobileAppAdTextInnerDiv {
		border-top: 1px solid #eeeeee;
		padding: 10px;
		width:100%;
	}
}

.scrollable-bar {
	background-color: transparent !important;
}

.no-agents-text {
	color: #555555;
	font-style: italic;
	margin: 15px 0 0 0;
	padding: 0 0 20px 20px;
	width: 258px;
	border-bottom: 1px solid #bebebe;
}

.search-prospects-with-btn {
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	color: #555;
	font-size: 14px;
	height: 34px;
	line-height: 1.42857143;
	o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	padding: 6px 12px;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
	width: 72%;
}

.search-prospects-btn {
	width: 25%;
	background-color: #428BCA;
	color: #E0ECF6;
	float: right;
}

.search-prospects-box {
	padding-top: 10px;
	padding-bottom: 20px;
	display: block;
}

.search-header-outside {
	margin-bottom: 5px;
}

.contact-manager-find {
	display:inline;
	padding: 10px;
}

.no-results {
	position: absolute;
	top : 50px;
	font-size: 16px;
	width: 100%;
	text-align: center;
}

#platformStatusDiv {
	text-align: center;
	padding-bottom: 5px;
}

#platformStatus {
	display: inline-block;
	color: #eeeeee;
	font-size:12px;
}

.error-content {
	margin: 60px 0 0 0; }

.error-content h1 {
	color: rgb(85, 85, 85);
	cursor: default;
	display: block;
	font-size: 30px;
	font-weight: 300;
}

.error-content div {
	padding-bottom: 10px;
	max-width: 325px; }

.error-link {
	display: block; }


#errorBody {
	background-color: #FFFFFF !important;
}

#loadingMsg {
	text-align: center;
	font-size: 16px;
	margin-top: 50px;
}

#addAgentProspectsBtn {
	margin-left: 8px;
	margin-top: 8px;
	margin-bottom: -10px;
}

.facebook-divider {
	font-size: 18px;
	width: 70%;
	margin: .7em auto;
	overflow: hidden;
	text-align: center;
	font-weight:300;
	color: #555555;
}
.facebook-divider:before, .facebook-divider:after {
	content: "";
	display: inline-block;
	width: 50%;
	margin: 0 .5em 0 -55%;
	vertical-align: middle;
	border-bottom: 1px solid;
}
.facebook-divider:after {
	margin: 0 -55% 0 .5em;
}
.facebook-button-center{
	text-align: center;
}
.error-text{
	color:#FF5959;
}
.top-bottom-margin{
	margin: 10px 0 10px 0;
}
.facebook-button-container{
	text-align: center;
	margin-bottom: 10px;
}
.facebook-button {
	cursor: pointer;
	box-sizing: border-box;
	position: relative;
	width: 236px;
	border: none;
	text-align: center;
	line-height: 38px;
	white-space: nowrap;
	border-radius: 4px;
	font-size: 16px;
	color: #FFF;
	background-color: #4C69BA;
	font-family: "Helvetica neue", Helvetica Neue, Helvetica, Arial, sans-serif;
	text-shadow: 0 -1px 0 #354C8C;
	display: inline-block;
}
.facebook-share-button{
	position: relative;
    top: 5px;
}
.facebook-share-message{
	position: relative;
    left: 40px;
}
.facebook-button:focus {
	outline: none;
}
.facebook-button:active {
	box-shadow: inset 0 0 0 32px rgba(0,0,0,0.1);
}
.facebook-button:hover,
.facebook-button:focus {
	background-color: #5B7BD5;
	background-image: linear-gradient(#5B7BD5, #4864B1);
}
.facebook-icon {
	background-color: white;
	float:left;
	width: 24px;
	height: 24px;
    margin: 8px;
    border-radius: 2px;
    overflow:hidden;
}
.facebook-share-icon{
	background-color: white;
	float:left;
	width: 24px;
	height: 24px;
    margin: 8px;
    border-radius: 2px;
    overflow:hidden;
	position: relative;
    right: 5px;

}
.facebook-share-text{
	height:40px;
	width: 196px;
	padding-top:1px;
    position: relative;
    left: 10px;
}
.facebook-text {
	float:left;
	height:40px;
	width: 196px;
	padding-top:1px;
}
.facebook-f-image {
	height:24px;
	width:24px;
	vertical-align: 0;
}
.confirm-button-container {
	display:none;
}
.facebook-disconnect-button {
	width: 250px;
	display: inline-block;
	margin: 0 auto 15px auto;
}
#facebookMessengerIcon{
	position: relative;
	left: 10px;
	top:  3px;
}
.toast-message a {
	text-decoration: underline;
	color: #ccc;
}
#notificationAccordion .expandable-section-body a {
	text-decoration: underline;
	color: #428BCA;
}
#notificationAccordion .notif-title-row {
	color: rgb(85, 85, 85);
    cursor: default;
    display: inline;
    font-family: 'Open Sans', Helvetica, arial, sans-serif;
    font-size: 14px;
    margin-bottom: 5px;
    max-width: 100%;
    font-weight: bold;
}
#notificationAccordion .row-timestamp {
	font-weight: normal;
	font-size: .9em;
	margin-left: 20px;
	margin-top: 3px;
}
#notificationAccordion .expandable-section-header {
    background: #ffffff;
    border-radius: 0;
    border: 1px solid #eee;
    padding-left: 10px;
    margin-top: 0;
}
.expandable-section-header .glyphicon-triangle-right {
    top: 3px;
    margin-right: 5px;
}
.expandable-section-header.ui-state-active .glyphicon-triangle-right {
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
#notificationAccordion {
    margin-top: 20px;
    margin-bottom: 30px;
}
.ui-widget {
    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
}
.ui-accordion .ui-accordion-content {
    overflow: visible;
    height: auto;
}
#notificationAccordion {
	height: 430px;
	overflow-y: scroll;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
}

#notificationAccordion .ui-icon {display: none;}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 1px solid #d3d3d3;
    background-color: white !important;
    font-weight: normal;
    color: #555555;
}
#notificationAccordion .expandable-section-body {
    background: #eee;
    border-radius: 0;
    -webkit-box-shadow: inset 0px 4px 8px 1px #ccc;
    -moz-box-shadow: inset 0px 4px 8px 1px #ccc;
    box-shadow: inset 0px 4px 8px 1px #ccc;
    border: 1px solid #ccc;
    display:none;
}
#notificationTitle{
	margin: 0 0 10px;
}
#notificationDone{
	position: relative;
    bottom: 10px;
    right: 18px;
}
#notificationTimeStamp{
	position: relative;
    bottom: 18px;
}
#noMoreMessengerWarningID{
	position: relative;
    top: 2px;
    margin-right: 5px;
}
.tooltip-styling{
    background:black !important;
    color: white !important;
}
.donation-notification {
	font-weight: bold;
	width: 35%;
	display: inline-block;
	margin-bottom: 15px;
}
.donation-notification-container {
	text-align: left;
}
.text-margin-seperator {
	margin-bottom: 25px;
}
.notification-text-container {

}
.bullet-point-padding {
	padding-left: 16px;
}
.no-margin {
	margin: 0px;
}
.section-title {
	color: #555;
	width: 100%;
	height: 30px;
	padding: 5px;
	margin-bottom: 10px;
	background-color: #eee;
}
.section-title-margin-top {
	margin-top: 20px;
}

.no-activity-logged-container{
	padding-top: 15px;
    padding-bottom: 15px;
   	border: 1px solid #ccc;
}
.warning-circle{
	display: inline-block;
    background-color: #F3911A;
    width: 24px;
    float: left;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-right: 10px;
    margin-left: 10px;
    margin-top: -2px;
    text-align: center;
    font-size: 9px;
    line-height: 12px;
    border-radius: 50%;
}
.warning-icon{
	padding-left: 4px;
    color: white;
    margin-left: -4.3px;
    font-size: 13px;
    margin-top: -1px;
}
.warning-status{
	color: #F3911A;
    font-weight: bold;
}
.success-circle {
	display: inline-block;
	background-color: #0b880b;
	width: 24px;
	float: left;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-right: 10px;
	margin-left: 10px;
	margin-top: -2px;
	text-align: center;
	font-size: 9px;
	line-height: 12px;
	border-radius: 50%;
}
.success-icon {
	color: white;
	font-size: 13px;
	vertical-align: sub;
	margin-left: -1px;
}
.success-status{
	color: #0b880b;
	font-weight: bold;
}

.email-blocks{
	margin-right: 20px;
	display: inline;
}
#addConstituentsDiv .modal-body {
	max-height: calc(100vh - 195px);
	overflow-y: auto;
}
#addConstituentTableDiv .ui-grid-render-container-body {
	float: none;
}
#addConstituentTableDiv .grid {
	height: calc(100vh - 345px) !important;
}
.errorText {
	color:red;
}
.ui-grid-native-scrollbar.horizontal {
	display: none;
}
@-ms-viewport{ width: auto !important; }

.invalid-form-field{
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(232, 102, 102, 0.6);
	outline: 0 none;
	border-color: #B91F1B;
}
.email-button-spacing {
	margin-right: 20px;
	display: inline;
}


.msg{
	opacity: 1;
	position: absolute;
	top: 20%;
	left: 20%;
	width: 60%;
	height: 50%;
	text-align: center;
	font-size: 24px;
	display: table;
}

.logo-margin {
	margin-top: 15px;
	margin-bottom: 20px;
}

.login-logo-reminder {
	width: 450px;
}