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

/* Override DataTables BS3 border-collapse: separate that causes white gaps between cells */
table.table-bordered.dataTable {
	border-collapse: collapse !important;
	border-spacing: 0 !important;
}
table.table-bordered.dataTable th,
table.table-bordered.dataTable td {
	border-left-width: 1px;
}
table.table-bordered.dataTable th:last-child,
table.table-bordered.dataTable td:last-child {
	border-right-width: 1px;
}
table.table-bordered.dataTable tbody th,
table.table-bordered.dataTable tbody td {
	border-bottom-width: 1px;
}

body {
	background: #DEE6EF !important;
}

/* Offset page content so the fixed #header (added via .fixed-top) doesn't cover it */
body.has-fixed-header {
	padding-top: 60px;
}
@media (max-width: 768px) {
	body.has-fixed-header {
		padding-top: 80px;
	}
}

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: 2px 3px;
}

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

.displaytable td, .displaytable th {
    border: 1px solid #ccc;
    /* Match Bootstrap 5's default table cell padding (~8px) so action-column icons
       have visible breathing room and a comfortable click target. Apptrack removed
       this rule entirely after the BS5 upgrade and inherits the BS5 default; we
       keep the rule here because .displaytable also sets border/text-align, but
       align the padding value to BS5 defaults. */
    padding: 8px;
    text-align: left;
}

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

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

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

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

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

.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;
    z-index: 9999;
}

.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;
    margin-bottom: 20px;
    font-size: 10px;
    color: #000;
}

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;
  font-size: 12px;
}
.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;
}

/* Bootstrap 5 .form-select chevron sizing & positioning.
   Without this, the chevron background-image is rendered at its default
   size/position and can appear in the middle of small selects (e.g. when
   combined with .input-xs or .form-control-sm), overlapping the text.
   Pin it to the right edge, shrink it ~2pt, and reserve right padding so
   the selected option text can never overlap it. */
select.form-select {
	background-position: right 0.5rem center;
	background-size: 12px 9px;
	padding: 0 1.4rem 0 0.3rem;
	width: auto;
	min-width: 4.5rem;
}

/* Tighter sizing variants still need the same right-side reservation. */
select.form-select.input-xs,
select.form-select.form-control-sm {
	background-position: right 0.35rem center;
	background-size: 10px 8px;
	min-width: 4rem;
	width:100%;
}

.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 {
	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: #f0f3f5;
}
.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {
	background: #f0f3f5;
}
.flat-black .table-striped > tbody > tr:nth-child(2n+1) > td{
	background-color: #f0f3f5;
}

/*
.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;
    text-decoration:none;
}
.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;
	font-size: 18px;
}

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

/* hires/search "Save Search" panel — hide the "Enter a name for this search"
 * row until the "Save these search criteria" checkbox is checked. Uses CSS
 * `:has(:checked)` so no JavaScript is needed on modern browsers. A small
 * JS fallback in HiresContent.php handles browsers without :has() support
 * (Firefox < 121, older enterprise Chromium). !important is required to
 * beat bs5-compat.css's `.form-group { display: flex !important }`. */
.save-search-toggle .save-name-row {
    display: none !important;
}
.save-search-toggle:has(#save_search:checked) .save-name-row {
    display: flex !important;
}

/* SMS notification dropdown in the top navbar (#help-navbar bell icon).
 * Without these rules the menu inherits only the BS5 default
 * `.dropdown-menu` styling and renders as a thin unstyled strip,
 * visibly inconsistent with the user/support menus next to it. Chain
 * both classes so this beats Bootstrap 5's stock `.dropdown-menu`
 * positioning rules (which would otherwise leave the menu in document
 * flow and push the rest of the page down). Mirrors the matching block
 * in apptrack/webroot/links/main.css so both projects render the
 * notifications menu identically to the user/support dropdowns. */
.text-notification-dropdown.dropdown-menu {
    position: absolute;
    right: 0;
    left: auto;
    text-align: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.text-notification-dropdown.dropdown-menu > li > a {
    display: block;
    padding: 8px 15px;
    color: #333;
    text-decoration: none;
    white-space: nowrap;
}
.text-notification-dropdown.dropdown-menu > li > a:hover,
.text-notification-dropdown.dropdown-menu > li > a:focus {
    background-color: #f5f5f5;
    color: #262626;
    text-decoration: none;
}

/* "Include Form" / "Include Questionnaire" dropdown inside the chat
 * (texting) modal. Same root cause as the SMS notifications dropdown
 * above: the menu is a `<ul class="dropdown-menu">` whose `<li><a>`
 * children don't get any padding/hover from BS5 (which expects
 * `.dropdown-item`), so the menu renders as a borderless cluster of
 * unpadded links. This block applies the same chrome + padding +
 * hover treatment as the notifications dropdown. The toggle button
 * sits at the LEFT edge of the chat panel, so we anchor the menu
 * left (no right:0/left:auto override).  Mirrors the matching block
 * in apptrack/webroot/links/main.css. */
.chat-include-dropdown.dropdown-menu {
    position: absolute;
    text-align: left;
    min-width: 200px;
    /* Cap the menu so very long form/questionnaire lists don't push past
     * the bottom of the texting modal. `auto` shows the scrollbar only
     * when the list is taller than the cap, matching apptrack and the
     * rest of the app's dropdown conventions. (Previously this was an
     * inline `style="max-height:300px; overflow-y:scroll"` on the <ul>
     * which forced an always-visible scrollbar gutter and made onbtrack's
     * menu look visibly different from apptrack's.) */
    max-height: 300px;
    overflow-y: auto;
    padding: 5px 0;
    margin: 2px 0 0;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.chat-include-dropdown.dropdown-menu > li > a {
    display: block;
    padding: 8px 15px;
    color: #333;
    text-decoration: none;
    white-space: nowrap;
}
.chat-include-dropdown.dropdown-menu > li > a:hover,
.chat-include-dropdown.dropdown-menu > li > a:focus {
    background-color: #f5f5f5;
    color: #262626;
    text-decoration: none;
}