@media (max-width: 768px) {
	body {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
}

body {
	background: #DEE6EF !important;
}
a img {
	border:0;
}

table th, table td {
    vertical-align: top;
}

.clear {
    clear:both;
}

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

table {
    border-collapse: collapse;
}

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

.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;
}

.noscreen {
 	display:none;
}

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

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


/* ************************* */
/* 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;
}

.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;
}

.tip {
	background: url('../images/icons/tip.png') no-repeat left 2px;
	padding: 2px 0px 0px 48px;
}

/* ************************* */
/* 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;
}

.as-input, .datechooser-active {


	border:1px solid #ccc;
	color: #444;
	padding: 2px 4px;
}

.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;

}

/* ************************* */
/* 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 -5px 5px -5px #333;
	z-index: 1000;
}
.footer_contents {
	height: 50px;
	width: 100%;
	padding: 10px;
	margin:auto;
}

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

.formtable td {	
	padding: 4px;
}

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

.formtable td.fieldname {
	white-space: nowrap;
	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;
	}
	.modal-dialog input[type="text"] {
		width:100%;
	}
}

/*.modal-dialog .formtable td {
		display: block;
}

.modal-dialog .formtable td.fieldname {
	text-align: left;
	padding-right: 0px;
}*/

.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;	
/*	display: inline;*/
}

.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 {
	background-color: #dff0d8;
	border: 1px solid #3c763d;
	color: #3c763d;
	padding: 8px;
	margin-bottom: 10px;
	border-radius: 4px;
}

.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)
/* ************************* */  

.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;
	box-shadow: 0 1px 2px rgba(136,136,136,0.66);
}

.viewheader, .viewtableheader{
	margin: -5px -8px 8px -8px;
	background-color: #ccc;
	padding: 5px 8px;
	font-weight: bold;	
	
/*	font-weight: bold;
	margin-bottom: 4px;
	padding-bottom: 2px;
	border-bottom: 1px solid #666;*/
}

/*.viewtableheader {
	font-weight: bold;
	padding-bottom: 2px;	
}*/

.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;
}

/*.viewtable th {
	font-weight: normal;
	text-align: left;
	background-color: #CCCCCC;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
}

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

.viewtable .vhfirst {
	border-left: 1px solid #666;
}

.viewtable .vhlast {
	border-right: 1px solid #666;
}*/

/* ************************* */
/* 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;
}

/* ************************* */
/* Display Table Styles (for showing tabular data)
/* ************************* */  

.displaytable td, .displaytable th {
    border: 1px solid #ccc;
    padding: 3px 5px;
    text-align: left;
}

.displaytable th {
    /*background-color: #D9D9D9;*/
    background-color: #ddd;
    border-bottom: 1px solid #aaa !important;
}

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

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

th.sortable {
    cursor: pointer;	
}

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

.displaytable2 th {
	background-color: #ddd;
    border-bottom: 1px solid #aaa !important;    	
}

.displaytable2 td, .displaytable2 th {
	padding: 3px 5px;
	text-align: left;
}

.displaytable2 {
	border-bottom:1px solid #ccc
}

.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: 1px solid #FBFB59;
}

/* ************************* */
/* 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;
}

.reporttable td.groupby {
	font-weight: bold; 
	font-style: italic; 
	background-color: #999999;
	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;
}

/* ************************* */
/* Hires Page
/* ************************* */  


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

#appdetailtabs {
	margin-top: 8px;
}

div.stage_actions{
	float:right;
}

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; 
}

/*.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;
}

#field_container{
	width:450px
}

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

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

div.actions div.separator {
	border-top: 1px solid #aaa;
	margin: 3px 10px;
}

.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;
}

.setpopupdialog {
	width: 149px;
}

.setpopupdialog a.menuitem:link, .setpopupdialog a.menuitem:visited, .setpopupdialog a.menuitem:hover {
	text-decoration: none;
	border: 1px solid #999;
	margin: 3px;
	padding: 2px 4px;
	background-color: #FFFFFF;
	color: black;
}

.setpopupdialog a.menuitem:hover {
	background-color: #89B8D3;
}

.setpopupdialog select, .setpopupdialog input[type="text"] {
	width: 135px;
}

.setpopupdialog .datechooser-active {
	width: inherit !important;
}

#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: #000000;
	max-width: 350px;
	margin: 16px auto;
	position: static;
	padding: 20px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

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

.login 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 h3.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;
}

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

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

/* ************************* */
/* 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;
}

.mintable .col1 {
	text-align: left;
	white-space: nowrap;	
}

.mintable .col2 {
	border-left:1px solid #999;
	border-right:1px solid #999;
	background-color: #eee;
}

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

.mintable .oddcol {
}

.mintable .totalrow td {
	border-top: 3px double #999;
}

.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;
}

/* ************************* */
/* 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;
}


/* ************************* */
/* 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) right center no-repeat;
}

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

.bigbtn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 13px;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

a.bigbtn {
	text-decoration: none !important;
}

.bigbtn-primary {
  color: #ffffff;
	background-color: #648DBF;
	border-color: #4E7CB6;
}

.bigbtn-primary:hover,
.bigbtn-primary:focus,
.bigbtn-primary.focus,
.bigbtn-primary:active,
.bigbtn-primary.active {
  color: #ffffff;
  background-color: #4E7CB6;
  border-color: #426C9F;
}

/* ************************* */
/* Glyph icons
/* ************************* */ 

@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('fonts/glyphicons-halflings-regular.eot');
  src: url('fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('fonts/glyphicons-halflings-regular.woff') format('woff'), url('fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.glyphicon-exclamation-sign:before {
  content: "\e101";
}


/*Form Styles*/
.formfields input,.formfields textarea,.formfields select{
	background-color:#DDE4FF;
	border: solid #0000FF 1px;

	float: left;
	position: absolute;
	color: #111111;
	font-size:14px;
}

.formfields p{
	float:left;
	position:absolute;
	color:#000000;
}

.formfields{
	position:absolute;
	top:0px;
	left:0px;

}

.formimg{
/*	position: absolute;
	top: 0px;
	left: 0px;*/
}

.formpagewrapper {
	position:relative;
}

p.formlabel{
	position:absolute;
	float:left;
	vertical-align:middle;
	text-align: left;
	margin:0px;
}


.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;
}

/*Override some conflicting styles from bootstrap*/
.formfields input[type="radio"], .formfields input[type="checkbox"]{
	margin:0;
}
/* 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;
}
.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 {
	padding: 4px 8px 2px 8px;
	background-color: #e0e0e0 !important;
	border-color: #e0e0e0 !important;
}
.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;
}
.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {
	background: #E8F3F3;
}
.flat-black .table-striped > tbody > tr:nth-child(2n+1) > td{
	background-color: #F2F5F6;
}
.media {
	margin-top: 30px;
}
/*
.dl-horizontal dt {
	width: 260px;
}
.dl-horizontal dd {
	margin-left: 280px;
}
*/
.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 (max-width: 767px) {
	.page-header-fixed {
		padding-top: 54px;
	}
	.page-with-right-sidebar .content {
		margin-right: 0;
	}
}
@media (min-width: 767px) and (max-width: 1140px){
	.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;
}
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;
}

.navbar-brand>img {
	max-height: 31px;
}

.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;
}
#task-panels .panel{
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
#task-panels .panel-warning {
	border: 1px solid #c47d15;
}
#task-panels .panel-primary {
	border: 1px solid #2a72b5;
}
#task-panels .panel-success{
	border: 1px solid #008a8a;
}

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

#modal-loader {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #E6E8EC;
	z-index: 9999;
}
#modal-loader-wrapper > .fade.in {
	opacity: .8;
}

.modal-title {
	color: white;
}

.modal-header {
	background-color: #348fe2 !important;
}

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

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

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

.btn-green:active {
	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;
}

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

.phone_selected {
	background-color: #e0e0e0;
}

/**
 * Setup specific to the popover in the application workflow configuration page
 */
.panel-group.sortable.ui-sortable .popover {
	max-width: 600px;
}

#stagechange_emails {
	margin-top: 10px;
}

#stagechange_dialog .row {
	padding-top: 10px;
}

#stagechange_dialog .modal-body .row-no-padding-top {
	padding-top: 0;
}

#stagechange_dialog .fa {
	color: #2179C7;
	margin-top: 30px;
}

#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;
}

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

#stagechange_checklists .fa {
	margin-top: 24px;
}

#stagechange_emails .text-template-name, #stagechange_notifications .notification-username {
	padding: 10px;
}

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

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

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

.legend-no-margin-bottom {
	margin-bottom: 0;
	border-bottom: none;
	width: auto;
}

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

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

.icon-invisible {
    visibility: hidden;
}