body {
	background: #DEE6EF !important;
}

a img {
	border:0;
}
select:-moz-focusring {
	color: transparent;
	text-shadow: 0 0 0 #000;
}
#header {
	margin-bottom:5px;
	min-height: 32px
}

h1 {
	font-size: 24px;
	padding-bottom: 14px;
	font-weight: 500;
}

h2 {
	font-size: 24px;
	font-weight: 500;
	margin-bottom: 10px;
}

h2 small {
	font-size: 65%;
	color: #777;
}

h3 {
	font-size: 18px;
	margin-bottom: 10px;
	font-weight: 500;
}


.clear {
	clear:both;
}

input.disabled {
	background-color: #DDDDDD;
}





.copyright {
	color: #444;
	font-size: 10px;
	margin-top: 20px;
	text-align: center;
}

.nowrap {
	white-space: nowrap;
}

div.navtopbar {
	background-color: #F6F6F6;
	border: 1px solid #999;
	padding: 4px 8px;
	margin-bottom: 8px;
	text-align: left;
}

fieldset {
	margin-left: 2px;
	margin-right: 2px;
	padding: 0.35em 0.75em 0.625em;
	border: 1px solid #ccc;
}

legend {
	padding-left: 2px;
	padding-right: 2px;
	font-size: 13px;
	border: 0;
	width: auto;
}

.noscreen {
	display:none;
}

#adjustcolumns_link {
	border:1px solid #ccc !important;
}

#adjustcolumns_link:hover {
	background-color: #ccc;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

/* Override bootstrap's odd behavior of adding URL after all links on print */
@media print {
	a[href]:after {
		content: none;
	}
}

@media (max-width: 767px) {
	#content {
		padding:0;
	}
}

/* ************************* */
/* Button Styles
/* ************************* */

.buttons {
	display: inline;
}

.buttons a {
	white-space: nowrap;
}

.buttons a, .buttons button{
	margin:0 7px 0 0;
	background-color:#F9DA9B;
	border:1px solid #bbb;
	font-size:100%;
	line-height:120%;
	text-decoration:none;
	color:#333;
	cursor:pointer;
	padding:5px 12px 6px 9px; /* Links */
	border-radius: 4px;
}
.buttons button{
	width:auto;
	overflow:visible;
	padding:1px 12px 0px 9px; /* IE6 */
}
.buttons button[type]{
	padding:4px 12px 5px 9px; /* Firefox */
	line-height:17px; /* Safari */
}
*:first-child+html button[type]{
	padding:1px 12px 0px 9px; /* IE7 */
}
.buttons button img, .buttons a img{
	margin:0 3px -3px 0 !important;
	padding:0;
	border:none;
	width:16px;
	height:16px;
}

.buttons button:hover, .buttons a:hover {
	background-color:#F7CE79;
	/*background-color:#F9DA9B;*/
}

/* ************************* */
/* Tab Styles
/* ************************* */

.tabcontainer {
	clear:both;
}

.tabs {
	position: relative;
	clear: both;
	margin-left:4px;
}

.tabs .tab {
	float: left;
	border-radius: 0px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	padding: 4px 20px 1px 20px;
	text-align: center;
	color: white;
	cursor: pointer;
	margin-right:2px;
	text-decoration: none !important;
}

.tabs .activetab {
	background-color: #C79657;
}

.tabs .inactivetab {
	background-color: #648DBF;
}

.tabs a {
	color: white;
	text-decoration: none !important;
}

.tabpage {
	clear: both;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
	background-color: white;
}

.tabpagecell {
	padding-top: 12px;
	padding-bottom: 12px;
	padding-left: 12px;
	padding-right: 12px;
}

.tabinstructions {
	background-color: #FFFFBB;
	border: 1px dashed;
	padding: 3px 6px;
}

.tabtitle {
	font-size: 24px;
	padding-bottom: 14px;
}

.tabcrumbs, .tabcrumbs a {
	color: #666666;
	font-size: 11px;
	margin-bottom: 6px;
}

.linkcopy {
	border: 1px solid #888888;
	background-color: #FFFFFF;
	font-family: Courier;
	height: 38px;
	line-height: 16px;
}

/* ************************* */
/* Div Area Styles (for showing content in a defined area)
/* ************************* */

.note1 {
	background-color: #FFF7E6;
	border: 1px solid #CCC;
	padding: 4px 7px;
}

.note1 .title {
	margin: -4px -7px 7px -7px;
	background-color: #FFDBAD;
	padding: 4px 7px;
	border-bottom: 1px solid #999;
}

.note2 {
	background-color: #f5f5f5;
	padding: 5px 8px;
	border: 1px solid #ccc;
}

.note2 .title {
	margin: -5px -8px 8px -8px;
	background-color: #ccc;
	padding: 5px 8px;
	font-weight: bold;
}

.note3 {
	background-color: #FFFFFF;
	padding: 5px 8px;
	border: 1px solid #ccc;
}

.note3 .title {
	margin: -5px -8px 8px -8px;
	background-color: #ccc;
	padding: 5px 8px;
	font-weight: bold;
}

.note3 .notemsg {
	background: url('../images/bullet2.png') no-repeat left 4px;
	padding: 2px 0px 2px 16px;
}

.note4 {
	background-color: #FFFFFF;
	border: 1px solid #ccc;
}

.note4 .title {
	background-color: #ccc;
	padding: 5px 8px;
	font-weight: bold;
}

.note4 .notemsg {
	background: url('../images/bullet2.png') no-repeat left 4px;
	padding: 2px 0px 2px 16px;
}

.tip {
	padding: 2px 0px 5px;
}

/* ************************* */
/* Form Styles (for showing detailed forms)
/* ************************* */

.formtitle {
	font-size: 24px;
	padding-bottom: 14px;
}

.formbuttons {
	vertical-align:text-bottom;
}


.forminstructions {
	padding-bottom: 14px;
}

.formsectionhead {
	background-color: #ddd;
	border: 1px solid #ccc;
	padding: 5px 8px;
	margin-bottom: 15px;
}

.fieldreq {
	color: red;
	white-space: nowrap;




}

.as-input[type="file"]{
	border: 0;
	background-color: #fff;
}

a.multiSelect {
	line-height: 1;
	border: 1px solid #ccc;
	color: #444;
}

a.multiSelect span {
	line-height: 1;
	padding: 2px 0px 1px 0px;
}

@media (min-width: 768px) {
	.control-label {
		text-align: right;
		margin-bottom: 0;
		padding-top: 7px;
	}
}

.control-label {
	font-weight: bold;
}

.help-block {
	display: block;
	margin-top: 2px;
	color: #737373;
}


/********************************/

.formtable td {
	padding: 4px;
}

.formtable td.sectionhead {
	background-color: #ddd;
	border: 1px solid #ccc;
	padding: 5px 8px;
}

.formtable td.fieldname {
	font-weight: bold;

}

@media (min-width: 768px) {
	.formtable td.fieldname {
		text-align: right;
		padding-right: 16px;
	}
}

.formtable td.fieldinfo {
	font-style: italic;
	padding-left: 8px;
	color: #666666;
}

@media (max-width: 768px) {
	.formtable td {
		display: block;
	}
	.formtable td.fieldname {
		text-align: left;
	}
}

.formtable2 td.sectionhead {
	background-color: #ddd;
	border: 1px solid #ccc;
	padding: 5px 8px;
}

.formtable2 td {
	padding: 3px 5px;
}

.formtable2 td.fieldname {
	white-space: nowrap;
}

.formtable2 td.fieldinfo {
	font-style: italic;
	color: #666666;
}

div.fieldinfo {
	font-style: italic;
	color: #666666;
}

.formtableinner {
	border: 0;
}

.formtableinner td {
	width: auto;
	border: 0;
}

.errormsg {
	background-color: #f2dede;
	border: 1px solid #ebccd1;
	color: #a94442;
	padding: 8px;
	margin-bottom: 10px;
	border-radius: 4px;
}

.successmsg {
	color: green;
	padding: 8px 0px;
}

.successmsg2 {
	background-color: #ccffcc;
	padding: 4px 8px;
	margin-bottom: 10px;
	text-align: center;
	font-weight: bold;
	color: black;
}

.errormsg a {
	color: red;
}

.errormsg2 {
	background-color: #ffe0e0;
	padding: 4px 8px;
	margin-bottom: 10px;
	text-align: center;
	font-weight: bold;
	color: black;
}

.input_instructions{
	font-size: 10px;
	color: #0000FF;
	font-style: italic;
}

.support {
	margin: auto;
	margin-top: 20px;
	text-align: center;
}

.supportinner {
	display: inline;
	color: #000000;
	padding: 4px 8px;
	font-size: 12px;
}

/* ************************* */
/* Show Table Styles (for showing field values)
/* ************************* */

.viewfieldstable th {
	text-align: right;
	padding-right: 10px;
/*	white-space: nowrap;*/
	font-weight: bold;
	vertical-align: top;
}

.viewfieldstable th, .viewfieldstable td {
	padding-bottom: 3px;	
}

@media (max-width: 768px) {
	.viewfieldstable th, .viewfieldstable td {
		display: block;
	}
	.viewfieldstable th {
		text-align: left;
		padding-bottom: 0px;
	}
	.viewfieldstable td {
		padding-bottom: 8px;
	}
}

.showtable th {
	text-align: right;
	padding-right: 6px;
	white-space: nowrap;
	font-weight: normal;
}

.showtable th, .showtable td {
	padding-bottom: 2px;
}

.showtable td.fieldinfo {
	font-style: italic;
	padding-left: 12px;
	color: #666666;
}

.sectionhead {
	background-color: #ddd;
	border: 1px solid #ccc;
	padding: 5px 8px;
	margin: 5px 0px;
}

.showtable2 th {
	text-align: left;
	padding-right: 10px;
	white-space: nowrap;
	font-weight: normal;
}

.showtable2 th, .showtable2 td {
	padding-bottom: 2px;
}

/* ************************* */
/* View Section Styles
/* ************************* */

.viewsection{
	background-color: #FAFAFA;
	/*	background-color: #FFFFFF;*/
	padding: 5px 8px;
	border: 1px solid #ccc;
}

.viewheader, .viewtableheader{
	margin: -5px -8px 8px -8px;
	background-color: #ccc;
	padding: 5px 8px;
	font-weight: bold;
}

.viewtableheader .links, .viewheader .links {
	font-weight: normal;
	font-size: smaller;
	padding:2px 4px;
	background-color: #fafafa;
	border-radius: 3px
}

.viewtableheader .links a, .viewheader .links a {
	text-decoration: none;
}

.viewtable td {
	border-top: 1px solid #ddd;
}

.viewtable th, .viewtable td {
	padding: 2px 3px;
}

.viewtable th {
	text-align: left;
	font-weight: bold;
}


/* ************************* */
/* Help Table Styles (for showing tables in help documentation)
/* ************************* */

.helptable td, .helptable th {
	border: 1px solid #999999;
	padding: 3px 6px;
}

/* ************************* */
/* Field Table Styles (for showing input fields, without a form)
/* ************************* */

.fieldtable th {
	text-align: right;
	padding-right: 4px;
	white-space: nowrap;
	font-weight: normal;
	color: #666666;
	padding-top: 5px;
}

.fieldtable th, .fieldtable td {
	padding-bottom: 2px;
}











.tableactions .leftpane {
	float: left;
}

.tableactions .rightpane {
	float: right;
}

/* ************************* */
/* Tooltip Table Styles (for showing tabular data in tooltips)
/* ************************* */
.tooltiptable td, .tooltiptable th {
	padding: 3px 6px;
	text-align: left;
}

#myTooltip {
	background-color: #FCFC8F;
	padding: 3px;
	border: 2px solid #F3F305;
	border-radius: 4px;
}

/* ************************* */
/* Report Table Styles (for showing report tables)
/* ************************* */

.reporttable td, .reporttable th {
	border: 1px solid #999;
	padding: 3px 6px;
	text-align: left;
}

.reporttable th {
	background-color: #DDDDDD;
	border-bottom-width: 2px;
	/*    border-bottom-width: 3px;*/
}

.reporttable td {
	background-color: #F5F5F5;
}

.reporttable .oddrow td {
	background-color: #FFFFFF;
}

th.sortable {
	cursor: pointer;
}

.table td.groupby {
	font-weight: bold;
	font-style: italic;
	background-color: #999999 !important;
	color: white;
}

.reporttable .groupstart {
	border-left-width: 3px;
}

/* ************************* */
/* Job Table Styles
/* ************************* */

.jobheader {
	margin-bottom: 8px;
}

/* ************************* */
/* Question Table Styles
/* ************************* */

.questiontable td, .questiontable th {
	border-bottom: 1px solid black;
	border-top: 1px solid black;
	padding: 3px 6px;
}

.questiontable th {
	background-color: #D9D9D9;
	text-align: left;
}

.questiontable ul {
	margin-top: 0px;
	margin-bottom: 0px;
}

div.qe_atext, div.qe_ainput {
	width: 250px;
	float: left;
}

div.qe_atext {
	margin-bottom: 6px;
}

div.qe_aactions {
	text-align: right;
}

div#panscontainer {
	border: 1px solid #7f9db9;
	padding: 3px;
	background-color: #FFFFFF;
	padding-bottom: 7px;
}

div#pans_add {
	/*text-align: right;*/
}

div.q_ans {
	padding-left: 18px;
	background: url('../images/bullet1.png') 0px 3px no-repeat;
}

/* ************************* */
/* Candidates Page
/* ************************* */


div.app_navbar {
	background-color: #f5f5f5;
	border: 1px solid #999;;
	padding: 3px 6px;
	margin-bottom: 8px;
	text-align: left;
}


div.app_name {
	font-size: 24px;
}

#selectcontacts, #newcontact {
	background-color: #FFFFFF;
	border: 1px solid #999;
	padding: 3px 6px;
}

#selectcontacts td, #newcontact td {
	background-color: #FFFFFF;
}

.to_contact {
	display: inline;
}

#choose_qe_row{
	margin-left: 30px;
	margin-top: 4px;
}

.tablepager{
	text-align: center;
	white-space: normal;
}

.questionnaire-wrapper .displaytable td, .questionnaire-wrapper .displaytable th {
	border: 1px solid #ccc;
	padding: 3px 5px;
	text-align: left;
}
.questionnaire-wrapper .displaytable th {
	/*background-color: #D9D9D9;*/
	background-color: #ddd;
	border-bottom: 1px solid #aaa !important;
}
@media only screen and (max-width: 450px) {
	.questionnaire-wrapper td {
		display: table-cell !important;
	}
}

/*.tablepager, .tablepager a:link, .tablepager a:visited {
	color: #666666;	
}*/
/* ************************* */
/* Questionnaires Page
/* ************************* */

.addquestion {
	margin-top: 10px;
	padding: 7px;
}

.qeditor {
	padding: 7px;
	margin-top: 10px;
	border: 1px solid #385D8A;
	background-color: #F2F2F2;
}

.qeditortable td, .qeditortable th {
	padding: 2px 0px;
	background-color: #F2F2F2;
	border: 0px;
}

.qeditortable th {
	text-align: left;
	padding-right: 8px;
	white-space: nowrap;
	font-weight: normal;
}

.qeditortable td.fieldinfo {
	font-style: italic;
	padding-left: 12px;
	color: #666666;
}

#questiontable tr.dragrow{
	cursor: move;
}

/* ************************* */
/* Scoring Page
/* ************************* */
.sruledisplay_a {
	padding-left: 30px;
}

/* ************************* */
/* Launch Page
/* ************************* */
#launchlinkscontainer {
	border: 1px solid #999;
	padding: 3px 6px;
	background-color: #F5F5F5;
}

#launchlinkstable {
	margin-top: 8px;
	background-color:#f5f5f5;
	border: 1px solid #ccc;
}

/* ************************* */
/* Left Nav
/* ************************* */

td.leftnav {
	border-right: 1px solid #AAAAAA;
	padding-right: 16px;
}

td.leftnavcontent {
	padding-left: 16px;
	width: 100%;
}

.leftnavitem, .leftnavitemselected {
	border: 1px solid #999;
	padding: 5px;
	margin-bottom: 8px;
	cursor: pointer;
}

.leftnavitem {
	background-color: #EEEEEE;
}

.leftnavitemselected {
	background-color: #CCCCCC;
}

/* ************************* */
/* Setup Page
/* ************************* */

td.setupnav {
	border-right: 1px solid #AAAAAA;
	padding-right: 16px;
}

td.setupcontent {
	padding-left: 16px;
	width: 100%;
}

.setupnavitem, .setupnavitemselected {
	border: 1px solid #999;
	padding: 5px;
	margin-bottom: 8px;
	cursor: pointer;
	background-color: #EEEEEE;
}

.setupnavitemselected {
	background-color: #CCCCCC;
}

.setupsection {
	border: 1px solid #CCC;
	padding: 4px 7px;
	background-color: #FFF7E6;
}

.setupsectiontitle {
	margin: -4px -7px 7px -7px;
	background-color: #FFDBAD;
	padding: 4px 7px;
	border-bottom: 1px solid #999;
}
div.setupsection a{
	display: block;
	margin: 6px 0px;
}

div.setupsection ul{
	margin-left: 18px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.setupmain blockquote {
	padding: 4px 0px 4px 30px;
	background: url('../images/bullet1.png') 12px 7px no-repeat;
}

/* ************************* */
/* Actions Menu
/* ************************* */

div.actions {
	width: 160px;
	margin-left: 20px;
	position:relative;
	text-align: left;
	border: 1px solid #ccc;
	background-color: #FBE9C4;
	padding: 4px 0px;
}

.action_item {
	display: block;
	padding: 2px 6px;
	border-left: 2px solid #FBE9C4;
}

a.action_item_link {
	text-decoration: none !important;
	color: #333 !important;
}

.popupdialog {
	position: absolute;
	right: 5px;
	background-color: #F2F2F2;
	border: 1px solid #ccc;
	padding: 6px;
	padding-bottom: 12px;
	display: none;
}

.popupdialog a.menuitem {
	display: block;
	line-height: 150%;
}

.popupinstructions {
	margin-bottom: 4px;
}

.popupdialog a.menuitem:link, .popupdialog a.menuitem:visited, .popupdialog a.menuitem:hover {
}

.popup_commands {
	margin-top: 10px;
	text-align: center;



}

#addcandidatedialog {
	width: 585px;
}

/* ************************* */
/* Email Thread Styles
/* ************************* */

.msgtable th {
	text-align: left;
	font-weight: normal;
}

.msgtable {
	text-align: left;
}

.msgsubject {
}

.msgbodytd {
	border: 1px solid #999;
	padding: 5px 8px;
	background-color: #f5f5f5;
	margin-right:20px;
}

.msgbody {
	max-width: 850px;
}

.msgsubject {
	margin-bottom: 10px;
	font-weight: bold;
}

.msgfrom, .msgdate, .replyfrom {
	margin-right: 10px;
	text-align: right;
	min-width:150px;
}

.replysubmit {
	margin-top: 10px;
}

.vspacer {
	height: 10px;
}

.replyconfirm {
	font-weight: bold;
	font-style: italic;
}

/* ************************* */
/* Login Styles
/* ************************* */






.contentcontainer {
	margin: auto;
	padding: 12px 12px 12px 12px;
	text-align: left;
}

.forgotlogin {
	text-align: center;
	margin-bottom: 10px;
}

.login {
	background: white;
	color: #ccc;
	max-width: 350px;
	min-height: 460px;
	margin: 16px auto;
	position: static;
	padding: 20px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.login.no-referral-content {
	max-width: 350px;
	min-height: auto;
}


@media (max-width: 767px) {
	.login {
		margin-top: 0;
	}
}

.login .login-content {
	padding: 40px;
}

.login .loginbox {
	color: #000000;
}

.login .loginbox h2 {
	color: #878788;
	font-size: 24px;
	line-height: 34px;
	font-weight: 700;
	text-align: left;
	margin-bottom: 10px;
}

.login .loginbox h3 {
	color: #c3c3c3;
	font-size: 18px;
	line-height: 24px;
	font-weight: 300;
	text-align: center;
	margin-bottom: 10px;
	margin-top: 0;
}

.login .privacy-policy {
	text-align: center;
}

.login .referralinfobox {
	background-color: #00438a;
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	line-height: 27px;
	font-weight: 400;
	color: #fff;
	margin-bottom: 2em;
	padding: 1em;
}

.login .referralinfobox h1 {
	color: #fff;
	font-size: 44px;
	font-weight: 700;
	text-align: center;
	margin-bottom: 10px;
}

.login .referralinfobox h2 {
	color: #fff;
	font-size: 24px;
	line-height: 34px;
	font-weight: 700;
	text-align: center;
	margin-bottom: 10px;
}

.login .referralinfobox a {
	color: #fff;
	text-decoration: underline;
}

.login .socialheading {
	text-align: center;
}

.login #socialiconswrapper {
	max-width: 140px;
	min-height: 40px;
	margin: 0 auto;
}

.login #socialicons {
	list-style-type: none;
	margin: 0 auto;
	padding: 0;
}

.login #socialicons li {
	float: left;
	margin: 0 5px;
}

.login #socialicons img {
	height: 25px;
	width: 25px;
}

img.center {
	display: block;
	margin: 0 auto;
}

#optout {
	max-width: 560px;
	min-height: 400px;
}

/* ************************* */
/* Uploader
/* ************************* */

.yui-dt-col-progress {
	vertical-align: middle;
}

#uploaderOverlay {
}

/* ************************* */
/* Reports
/* ************************* */

#reportprops-cell1, #reportprops-cell2 {
	width: 400px;
}

#report-contents {
	margin: auto;
	border: 1px solid #666666;
	width: 650px;
	height: 450px;
}

/* ************************* */
/* Ajax
/* ************************* */

#loading {
	z-index: 9999;
	position: absolute;
	top: 40%;
	left: 40%;
	background-image: url("loading/spinningwait.gif");
	background-repeat: no-repeat;
	background-position: 5px;
	background-color: white;
	padding-left: 40px;
	padding-top: 8px;
	border-style: double;
	border-color: #c0c0c0;
	width: 146px;
	height: 44px;
	font-size: 1.5em;
	font-weight: bold;
}

.processing-msg {
	display: inline-block;
	background: url("loading/spinningwait.gif") no-repeat;
	padding-left: 36px;
	line-height: 28px;
}

/************************/
/* Template Preview
/************************/

.preview_container {
}

#preview {
	border: 1px solid #999999;
	background-color: #F6F6F6;
	padding: 4px 8px;
	height: 237px;
	overflow: scroll;
}

/* ************************* */
/* Application / Questions
/* ************************* */

/*
.question {
    margin-left: 40px;
    margin-bottom: 10px;
}

.answer {
    margin-top: 6px;
    margin-left: 60px;
}
*/

.mintable td, .mintable th {
	padding: 3px 6px;
	text-align: center;
}

.mintable td {
	border-top: 1px solid #999;
}

#data-table .col1 {
	text-align: left;
	white-space: nowrap;
}

.pipeline-summary-table th {
	text-align: center;
}

.pipeline-summary-table .col1 {
	text-align: left !important;
}

.pipeline-summary-table .col2 {
	text-align: center;
}

.pipeline-summary-table .tooltip-inner {
	max-width: none;
	white-space: nowrap;
	text-align: left;
}

.mintable th {
	background-color: #eee;
}

.mintable .oddcol {
}

.total-col {
	background-color: #e0e0e0 !important;
}

.qtable {
	width:100%;
}
.qtable td {
	padding:4px;
}

.qtable_q {
	width:50%;
	padding: 4px;
	text-align:right;
}
.qtable_q2 {
	padding:4px;
}
.qtable_a {
	width:50%;
	padding: 4px;
}
.qtable_h1 {
	text-align:center;
	background-color: #666;
	font-weight:bold;
	padding:3px;
	color:white;
}
#qview .question {
	margin-left: 40px;
	margin-bottom: 10px;
}
#qview .answer {
	margin-top: 6px;
	margin-left: 60px;

}

.questionnaire_signature {
	font-family: "Brush Script MT", cursive;
	height:23px;
	width: 100%;
	color: #555;
}

/* ************************* */
/* Billing
/* ************************* */
.invoicetable th {
	text-align: center;
	font-weight: bold;
	background-color: #999999;
	color: white;
}

.invoicetable td, .invoicetable th {
	padding: 3px 6px;
	border: 1px solid #666666
}

.invoicetable .totalrow td {
	border-width: auto 0px 0px 0px;
}
table.invoicetable {
	border-collapse: collapse;
}
#emailaction_table td {
	padding: 4px;
}


/* ************************* */
/* Modal
/* ************************* */
#simplemodal-overlay {background-color:#fff;}
#simplemodal-container {background-color:#efe; border:8px solid #ccc; padding:12px; color:#000}

/* ************************* */
/* Custom Employment Application Styles
/* ************************* */
div.qelayout .inputtext.hasDatepicker {
	width:60px;
}
div.qelayout .ui-datepicker {
	font-size: 10px;
}
div.qelayout .as_app_question {
	position:relative !important;
	display:inline;
	width:100%;
	text-align:left;
	margin-left:1px;
}
div.qelayout .as_app_answer {
	position:relative !important;
	display:inline-block;
	width:100%;
	margin-left:4px;
	text-align:left;
}
div.qelayout .as_app_answer select {
	font-weight:bold;
}
div.qelayout .as_app_2col_47 {
	width:47%;
	display:inline;
	float:left;
}
div.qelayout .as_app_2col_6_fill {
	display:inline;
	float:left;
	width:6%;
	height:2em;
}
div.qelayout .as_app_2col_48 {
	width:48% !important;
	display:inline;
	float:left;
}
div.qelayout .as_app_2col_4_fill {
	display:inline;
	float:left;
	width:4%;
	height:3em;
}
div.qelayout .clearboth {
	min-height:1.4em;
	height:1.4em;
	clear:both;
}
div.qelayout .as_app_2col_line_wrap {
	clear:both;
	display:inline-block;
	width:100% !important;
	min-width:100% !important;
	float:left;
	padding-bottom:1.4em;
}

/* ************************* */
/* jQuery style overrides
/* ************************* */

.ui-dialog-content {
	background-color: white !important;
}

.ui-widget-overlay {
	background: #666 !important;
}

/* ************************* */
/* Quick Start Video Styles
/* ************************* */
.qsv_container{
}

.qsv_item{
	padding:0px 8px;
}

img.qsv_thumb{
	border:1px solid black !important;
}

.qsv_label{
	text-align: left;
}

/* ************************* */
/* Progress Bar Styles
/* ************************* */

#progress_title{
	font-size: 16px;
	margin-bottom:10px;
}
#progress_bar{
	height:22px;
}
.ui-progressbar .ui-progressbar-value {
	background-image: url(/images/pbar-ani.gif);
}
.ui-autocomplete-loading {
	background: white url(/images/ui-anim_basic_16x16.gif) no-repeat;
	background-position: right 30px center;
}

/* ************************* */
/* Static Footer Styles
/* ************************* */

.submit_footer {
	height:75px;
	width: 100%;
	background: #F8F7F7;
	background-attachment: scroll;
	background-position: 0% 0%;
	position: fixed;
	bottom: 0;
	left: 0;
	box-shadow: 0 -4px 4px -5px #333;
	z-index: 1000;
}
.footer_contents {
	height: 50px;
	width: 100%;
	padding: 10px;
	margin:auto;
}

/* Bootstrap overrides */

.container-full {
	margin: 0 auto;
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
}

.input-xs {
	height: 22px;
	padding: 1px 1px;
	font-size: 11px;
	line-height: 1.5;
	border-radius: 3px;
	color: #555555;
}

.input-group.date-picker, .datetime .input-group-addon {
	cursor: pointer;
}

.panel-heading .nav-tabs > li > select {
	margin: 8px 13px;
}

/* Admin Library overrides */

.panel,
.timeline-body {
	box-shadow: 2px 2px 4px rgba(136,136,136,0.66);
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus, .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus{
	color: #242a30 !important;
}

.nav > li > a {
	color: #fff;
}

.table > tbody > tr > td {
	padding: 4px 8px !important;
}

.table > thead > tr > th {
	background-color: #e0e0e0;
	padding: 4px 8px;
	border-color: #e0e0e0;
}

.page-with-right-sidebar .content {
	margin-right: 160px;
}

.sidebar, .sidebar-bg {
	width: 160px;
}

.table-striped > tbody > tr:nth-of-type(2n+1) {
	background-color: #D9D8D8;
}

.flat-black .table-striped > tbody > tr:nth-child(2n+1) > td{
	background-color: #F2F5F6;
}

.media {
	margin-top: 30px;
}
.settings-content .dl-horizontal {
	margin-bottom: 0;
}

#support-icon {
	padding: 14px 15px;
}

.sidebar.sidebar-grid .nav > li > a {
	border-bottom: 1px solid #454D55;
	border-top: 1px solid #454D55;
}

.sidebar .nav > li > a i {
	margin-right: 8px !important;
	color: #B9BDC2;
}

.sidebar .nav > li > a{
	padding: 6px 8px 6px 15px;
	color: #B9BDC2;
}

.page-sidebar-minified .sidebar .nav > li > a {
	padding: 6px 20px;
}

.sidebar .nav > li > a .caret {
	margin-top: 4px;
}

.navbar-brand {
	width: auto;
}

.breadcrumb > li + li::before {
	content: "";
}

#collapseOne {
	border-top: none !important;
}

.timeline::before {
	content: none;
}

.timeline .timeline-body {
	margin-left: 17%;
}

.bootstrap-datetimepicker-widget thead th, .bootstrap-datetimepicker-widget tbody td {
	padding: 5px !important;
}

@media (min-width:1200px) {
	.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
		width:45em;
	}
}

@media (max-width: 767px) {
	.page-header-fixed {
		padding-top: 54px;
	}
	.page-with-right-sidebar .content {
		margin-right: 0;
	}
}

@media (min-width: 767px) and (max-width: 1165px){
	.page-header-fixed {
		padding-top: 109px;
	}
	.sidebar {
		padding-top: 109px;
	}
}

.spinner,
.spinner-small {
	border-top: 2px solid #f59c1a;
}
.spinner-small {
	border: 2px solid rgba(0,0,0,0.05);
	border-top: 2px solid #f59c1a;
}

.navbar-default .navbar-nav > .active > a {
	background: #2175BF !important;
	color: #fff;
}

.navbar-default .navbar-nav > .active > a:hover,
#top-navbar .navbar-nav > li > a:hover {
	background-color: #519ADA !important;
	color: #fff;
}

.navbar-nav > li > a {
	padding: 17px 12px;
}

.navbar-brand>img{
    width:auto;
    max-width:230px;
}

a {
	color: #2179C7;
}

.panel-body,
.tab-content {
	color: #333;
}

#sidebar .slimScrollBar {
	background-color: #fff !important;
}

/* Custom Overrides */

.table-filter-select {
	display: inline-block;
	width:auto !important;
	margin-right: 6px;
	margin-bottom: 6px;
}

.navbar-brand{
	padding: 12px 15px;
}

.row-checkbox .checkbox {
	min-height: 0;
	padding-top: 0;
}

.glyphicon.spinning {
	animation: spin 1s infinite linear;
	-webkit-animation: spin2 1s infinite linear;
}

@keyframes spin {
	from { transform: scale(1) rotate(0deg); }
	to { transform: scale(1) rotate(360deg); }
}

@-webkit-keyframes spin2 {
	from { -webkit-transform: rotate(0deg); }
	to { -webkit-transform: rotate(360deg); }
}

.no-tooltip a {
	border: 0 !important;
}
.bootstrap-datetimepicker-widget {
	border: 1px solid #ccc !important;
}

.ui-autocomplete {
	max-height: 400px;
	overflow-y: auto;
	overflow-x: hidden;
	padding-right: 20px;
}

.request_event_time {
	display: none;
}

#user_available_times .modal-dialog{
	width: 80%;
}

@media (max-width: 768px) {
	#user_available_times .modal-dialog{
		width: 100%;
	}
}

#user_available_times .modal-body{
	width: 100%;
	overflow-x: scroll;
	min-height: 350px;
}

#user_available_times .available_time_col, #user_available_times .firstcolumn {
	float: left;
	padding: 2px;
	text-align: center;
	width: 62px;
	border: 1px solid #848484;
	cursor: pointer;
}

#user_available_times .row {
	margin-left: 0;
	margin-right: 0;
	clear: left;
}

#user_available_times .row.header {
	background: #ddd;
}

#user_available_times .available_time_col.unavailable {
	background-color: #848484;
}

#user_available_times .firstcolumn {
	width: 200px;
	font-weight: bold;
	border: 1px solid #848484;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

#user_available_times .navigation_wrapper {
	margin-bottom: 10px;
	font-weight: bold;
}

#user_available_times .navigation_wrapper input, #user_available_times .navigation_wrapper select {
	font-weight: normal;
}

.change_available_times.previous {
	float: left;
}

.change_available_times.next {
	float: right;
}

#set_available_times, #change_available_date  {
	margin-top: 19px;
}

#change_available_date a:link, #change_available_date a:visited, #change_available_date a:active, #change_available_date a:hover {
	text-decoration: none;
	color: #fff;
}

#user_available_times .user_availability_info {
	margin-top: 10px;
}

#user_available_times .availability_legend {
	float: left;
	margin-right: 20px;
}

#user_available_times .availability_legend span {
	border: 1px solid #000;
	width: 20px;
	height: 20px;
	float: left;
	margin-right: 5px;
}

#user_available_times .availability_legend span.unavailable {
	background-color: #848484;
}

#user_available_times .instructions {
	font-style: italic;
	float: left;
	margin-top: 10px;
}

.modal-open .ui-autocomplete {
	z-index: 1100;
}

#user_available_times .row .available_time_col span {
	opacity: 0;
}

#user_available_times .last_column {
	display: none;
}

#user_available_times .input-group {
	margin-top: 5px;
}

.sidebar .nav > li > a.wizard_startup_link {
	padding-left: 12px;
}

.sidebar .nav > li > a.wizard_startup_link i {
	display: none;
}

.sidebar .nav > li > a.wizard_startup_link span > i {
	font-style: normal;
	background: #ff5b57;
	line-height: 1.25;
	width: 16px;
	padding: 3px 3px;
	margin-left: 2px;
	margin-right: 6px !important;
	display: inline-block;
}

.stage-change-event-group {
	margin-top: 5px;
}

.ui-autocomplete {
	z-index: 1001;
}

.slimScrollBar {
	width: 12px !important;
}

#history-filters-table label {
	width: auto;
}

#history-filters-table .form-group {
    margin-bottom: 0px;
}

.tabpagecell.historycell {
	padding-left: 0;
	padding-right: 0;
}

/* ************************* */
/* Responsive Application Styles
/* ************************* */
.responsive-application .radio, .responsive-application .checkbox {
	display: inline-block !important;
}

.responsive-application .sectionhead {
	clear: both;
}

.responsive-application fieldset {
	border: 1px groove #ddd !important;
	padding: 1em 1.4em 1.4em 1.4em !important;
	margin: 0 0 1.5em 0 !important;
	-webkit-box-shadow: 0px 0px 0px 0px #000;
	box-shadow: 0px 0px 0px 0px #000;
}

.responsive-application legend {
	width: inherit; /* Or auto */
	padding: 0 10px 0 15px; /* To give a bit of padding on the left and right */
	border-bottom: none;
	font-family: arial, sans-serif;
	Font-Size: 15px;
	font-weight: bold;
	color: #000000;
	Line-Height: 20px;
}

.responsive-application h3, .responsive-application p {
	margin-left: 15px !important;
}

.responsive-application .addanother {
	margin-left: 15px;
}

.responsive-application .control-label {
	display: table;
	font-weight: normal !important;
	text-align: left !important;
	clear: both;
}

.responsive-application .qtable_h1 {
	padding: 0.25em;
}

.responsive-application .form-group {
	margin-left: 0 !important;
	margin-right: 0 !important;
	margin-top: 5px;
	margin-bottom: 5px;
}

@media (max-width: 768px) {
	.responsive-application fieldset {
		border: none !important;
		padding: 0 0 0 0 !important;
		margin: 1em 0 1em 0 !important;
		-webkit-box-shadow: none !important;
		box-shadow: none !important;
	}

	.responsive-application .container-fluid {
		padding-right: 0 !important;
		padding-left: 0 !important;
	}
}

a.x-editable {
	color: #333;
}
a.x-editable:hover, a.x-editable:focus {
	border-bottom: dashed 1px #0088cc;
	text-decoration: none;
}
.editable-click, a.editable-click {
    border-bottom: 0;
}

/* Add some color to modals */
.modal-header {
	background: #348fe2 !important;
}
.modal-title {
	color: white;
}

.user-prof-img-wrapper {
	position: relative;
	overflow: hidden;
	border-radius: 50%;
	width: 64px;
	height: 64px;
	display: flex;
	align-items: center; /* horizontal */
	justify-content: center; /* vertical */
	background-color: #ccc;
}

.user-prof-img {
	display: inline;
	margin: 0 auto;
	width: 64px;
}

.feedback-edit-icons {
	display: inline-block;
}

.feedback-edit-icons a {
	color: #999;
}

.star-rating {
	color: #F1C40F;
}

.star span {
	display: none;
}

.average_star_rating_value {
	color: #333;
}

.preview-image-warning {
	display: none;
}

#profile-image-container .delete-profile-image {
	margin-top: 5px;
}

#stagechange_feedback .feedback-rating {
	margin-top: 18px;
}

.feedback-tab-item {
	position: relative;
	margin-top: 15px;
	max-width: 50%;
	overflow: initial;
}

@media (max-width: 1165px) {
	.feedback-tab-item {
		max-width: 100%;
	}

}

.feedback-tab-item .media-body {
	background: #f0f3f5;
	padding: 20px;
	border-radius: 25px;
}

.feedback-tab-item .media-body:before {
	content: '';
	display: block;
	position: absolute;
	border: 10px solid transparent;
	border-right-color: #f0f3f5;
	left: 60px;
	top: 20px;
}

.feedback-task-star-rating {
	padding-top: 7px;
}

.scrollable-dropdown {
	height: auto;
	max-height: 200px;
	overflow-x: hidden;
}

/* For image preview rotation */
.rotate-90 {
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}

.rotate-180 {
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}

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

.flip {
	-moz-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	transform: scaleX(-1);
}

.flip-and-rotate-90 {
	-moz-transform: rotate(90deg) scaleX(-1);
	-webkit-transform: rotate(90deg) scaleX(-1);
	-o-transform: rotate(90deg) scaleX(-1);
	transform: rotate(90deg) scaleX(-1);
}

.flip-and-rotate-180 {
	-moz-transform: rotate(180deg) scaleX(-1);
}

#document-template-preview-wrapper {
	margin: 10px auto;
	border: 1px solid #ccd0d4;
	padding: 10px;
	background: #f0f3f5;
}

#mail-merge #merge_doc {
	margin-top: 10px;

}

.btn-green {
	background: #32a932;
	border-color: #32a932;
	color: white;
}

.btn-green:hover, .btn-green:focus {
	background: darkgreen;
	color: white;
}

.btn-green:active {
	color: white;
}

.btn-darkred {
	background: red;
	border-color: red;
	color: white;
}

.btn-darkred:hover {
	background: darkred;
	border-color: darkred;
	color: white;
}

.add-workflow-stage-button {
	float: right;
	margin-bottom: 5px;
}

.dropdown-left-border {
	border-left: 1px solid white;
}

@media (max-width: 768px) {
	.add-workflow-stage-button {
		float: none;
	}
}

.edit-workflow-stage-table td {
	padding: 2px;
}

.toggle_panels_buttons {
	margin-bottom: 5px;
}

/* Adds a notification badge on a button. IE: in workflows it shows number of available stages on the Add Stage to Workflow button.
The notification badge will need a data-badge attribute with the value you want to display
*/
.notification-badge {
	position:relative;
}

.notification-badge[data-badge]:after {
	content:attr(data-badge);
	position:absolute;
	top:-10px;
	right:-10px;
	font-size:.7em;
	background:#f59c1a;
	color:white;
	width:18px;
	height:18px;
	text-align:center;
	line-height:18px;
	border-radius:50%;
	box-shadow:0 0 1px #333;
}

.indeed-sponsored-button {
	background-color: #ff4d00;
	color: white;
}

#indeed_sponsored_info, #indeed_phone_wrapper, #indeed_add_budget_wrapper, #indeed_end_campaign, #indeed_custom_budget {
	display: none;
}

#indeed_sponsored_info, #indeed_end_campaign {
	width: 100%;
	text-align: left;
	white-space: normal;
}

#indeed_end_campaign {
	color: #a94442;
}

.updated_budget {
	font-weight: bold;
	color: green;
}



.widget_page{
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #999;
    border-right: 1px solid #999;
    background-color: white;
    min-height:316px;
}

.widget_header{
    padding: 8px 10px 8px 8px;
    margin-top: 0;
    margin-bottom: 0;
    line-height: 150%;
    color: #666;
    background-color: white;
    border-bottom: 1px solid black;
    font-family: "Roboto","Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
}
.widget_header_button{
    font-family: "Roboto","Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 130%;
}
.widget_alert_panel{
    overflow-y:scroll;
}
.widget_task{
    max-height:215px;
}
.widget_event{
    max-height:110px;
}
.widget_active_tab {
    color:#2179C7;
}
.widget_inactive_tab {
    color: #707478;
}

.error_chats {
	background: #f8b2b2 !important;
}
.error_chats:after {
	border-right-color: #f8b2b2 !important;
}

.phone_selected {
	background-color: #e0e0e0;
}

/**
Setup specificall for the popover in the Application Workflow configuration page
 */
.panel-group.sortable.ui-sortable .popover {
	max-width: 600px;
}

.no-left-padding {
	padding-left: 0;
}

.column-border-right {
	padding-right: 20px;
}

.column-border-right:before {
	content: "";
	position: absolute;
	right: 0;
	top: 5%;
	bottom: 20px;
	height: 95%;
	width: 1px;
	border-right: 1px solid #bbbbbb;
}

.gray-text {
	color: #9c9c9c;
	font-style: italic;
}

#stagechange_dialog .fa.less-margin {
	margin-top: 10px;
}

#stagechange_dialog .fa-text-label {
	font-family: 'Open Sans', "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 14px;
}

#stage-dialog-modal-form .row {
	padding-top: 10px;
}

#stage-dialog-modal-form .row-no-padding-top {
	padding-top: 0;
}

#stage-dialog-modal-form .fa {
	color: #2179C7;
}

#stagechange_notifications .fa {
	margin-top: 20px;
}

#stagechange_emails {
	margin-top: 10px;
}

#stagechange_emails .fa {
	margin-top: 30px;
}

#stagechange_notifications .notification-username, #stagechange_event .event-name {
	padding: 10px;
}

#stagechange_emails .text-template-name {
	padding: 5px;
}

#stagechange_emails .no-border {
	border: none;
}

.small-gray-heading {
	color: #000000;
	font-size: 10px;
}

.bold-info {
	font-size: 12px;
	font-weight: bold;
}

.legend-no-margin-bottom {
	margin-bottom: 0;
}

#eventemptyrow, #taskemptyrow {
	display: none;
}

fieldset.has-error {
	display: block;
	border: 1px solid #ff5b57;
}

.requiredwarning {
	color: #EE5555;
	display: none;
}

.scrollable-panel {
	overflow-y: auto;
	height: auto;
	max-height: 500px;
}

.small-padded {
	padding:2px 5px 5px 5px;
}

.icon-invisible {
    visibility: hidden;
}