/** $Id: admin.css,v 1.24 2004/04/20 12:52:13 jdurham Exp $
 * Admin area stylesheet
 *
 */


body {
	background-color:#F1F6F8;
    font-family: Lato;
	font-size: small;
	color: #000;
	padding: 0;
	margin : 0;
}

a {
	color: #CC0000;
}

a:hover	{
	color: #f00;
}

p {
	padding: 0 0 10px 0;
	margin : 0;
	width: 100%;
}

h1,h2,h3,h4 { font-family: Lato; }
h1 {
	font-size: 20px;
	color: #000;
	padding: 0 0 15px 0;
	margin: 0;
}

h2 {
	font-size: medium;
	padding: 5px;
	margin: 0;
	color: #000;
}
.box h2 {
	font-size: medium;
	padding: 5px;
	margin: -10px -10px 10px -10px;
	color: #000;
}

h3 {
	font-size: small;
	padding: 5px;
	margin: 0;
	color: #000;
}
h4 {
	font-size: small;
	padding: 5px;
	margin: 0;
	color: #000;
}
table { width: 100%; }

table.vertical { width: auto }
table.vertical th { padding-right: 1em; }

form {
	padding: 0;
	margin: 0;
}

fieldset {
	font-family: Lato;
	border: 1px solid #AECDD7;
	margin: 0;
	margin-top: 10px;
	padding: 10px;
	font-size: small;
}

html>body fieldset {
	width: 97%;
}

#tabs {
  width: 863px;
  margin-top: 15px;
}
#tabs fieldset {
  width: auto;
}


legend {
	font-size: 18px;
	font-weight: bold;
	color: #5C91A3;

	padding-bottom: 10px;
	/* bootstrap overrides */
	width: auto;
	border-bottom: 0 none;
	margin-bottom: 0;
}


label {
	font-weight: bold;
	margin-right: 4px;
}

form td { vertical-align: top; }

#container {
	background-color:#F1F6F8;
}

#page-header {
	position:relative;
	background-color:#F5F9FA;
	width: 100%;
	top: 10px;
	margin: 0 0 30px 0;
	border-top: 4px solid #81B2C1;
	border-bottom: 1px solid #81B2C1;
}

#hsi_logo {
	padding: 10px;
	height: 100%;
	clear: left;
}

#client_logo {
	background-color:#FFFFFF;
	border-right: 1px solid #81B2C1;
	padding: 5px;
	height: 100%;
}

#survey_title {
	width:100%;
	font-size: 16px;
	font-weight: bold;
	vertical-align:middle;
	text-align:center;
}

#tool-nav {
	float:right;
	font-size: xx-small;
	font-weight: bold;
	margin: 0;
	padding-right:10px;
}

#footer
{
    font-size: .75em;
    width: 100%;
    text-align: center;
    margin-top: 10px;
    padding-top: 0;
}

.login-form {
	width: 352px;
}

#staff-assessment-link {
  width: 290px;
  padding: 30px;
  border: 1px solid #B1D0D8;
  background-color: #f5f9fa;
  margin-bottom: 50px;
  line-height: 30px;
}

#toolkit-link {
  padding: 10px 0 0 85px;
  height: 70px;
  background: transparent url(images/toolkit_icon.png) left top no-repeat;
}

#staff-assessment-link a {
  font-weight: bold;
  font-size: 16px;
  text-decoration: underline;
  display: block;
}

/*
 * Admin menu
 */

#container {
	text-align: center;
}
#page-holder {
	padding: 0;
	text-align: left;
	margin: 0 auto;
	background-color: #fff;
	border: 1px solid #BEBEBE;
	border-top: none;
	width: 905px;
}

#page-content {
	background : #fff;
	clear : both;
	margin : 0 auto;
	padding : 15px;
	/*width: 730px;*/
}

.box {
	width: 97%;
	border: 1px solid #C2D9E1 ;
	padding: 10px;
	position: relative;
}

.box p, .box div {
	font-family: Lato;
	font-size: 12px;
	width: auto;
	}

.box h3 {
	font-size: 14px;
	font-weight: bold;
	color: #5C91A3;
	background-color: #fff;
	margin-top: -20px;
}
html>body .box_right{
	width: 160px;
}

.right {
	width: 180px;
	float:right;
}


.left {
	width: 480px;
}

.recordset {
	margin: 0;
	clear: both;
}

.recordset td, #tsorter th {
	font-family: Lato;
	font-size: 12px;
	padding: 0 10px 5px 0;
}


#tsorter th {
	font-weight:bold;
	text-align: left;
	padding: 5px;
}

.bootstrap-table #tsorter th {
  padding: 0;
}

table.applicants th { text-align: left; }
table.applicants th.hiredcol { text-align: center; }
.recordset .external, .recordset .selected {
	text-align: center;
	width: 55px;
}
.recordset .external {
  width: 95px;
}
.recordset .external label {
  display: inline;
}

.form-label-cell {
	width: 150px;
}

.instructions { font-size: 11px; font-weight: normal; }

#theform .form-button,
.form-button {
	font: 12px arial,helvetica, sans-serif;
	font-weight: bold;
	letter-spacing: 1;
	color: #333333;
	cursor: pointer;
	cursor: hand;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #fcfcfc 49%, #f5f5f5 50%, #e7e7e7 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(49%,#fcfcfc), color-stop(50%,#f5f5f5), color-stop(100%,#e7e7e7)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#fcfcfc 49%,#f5f5f5 50%,#e7e7e7 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#fcfcfc 49%,#f5f5f5 50%,#e7e7e7 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#fcfcfc 49%,#f5f5f5 50%,#e7e7e7 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#fcfcfc 49%,#f5f5f5 50%,#e7e7e7 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e7e7e7',GradientType=0 ); /* IE6-9 */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	box-shadow: inset 1px 1px 1px 1px white;
}

#theform .form-button[disabled=disabled],
.form-button[disabled=disabled] {
  cursor: default;
  color: #aaa;
  border: 1px solid #aaa;
}

.disabled {   color: #aaa; } /* disabled checkbox label */

#theform a.form-button {
	text-decoration: none;
	line-height: 18px;
	/* border: 2px solid #fff;
	border-color: #fff #999 #888 #fff; */
	padding: 2px 8px;
}

a.form-button {
    padding: 3px 10px;
    border: 1px solid;
    display: inline-block;
    text-decoration: none;
}

.jf_icon {
    vertical-align: middle;
    padding-bottom: 2px;
    width: 17px;
    height: 17px;
}

.jf_sub, li.jf_sub label {
    font-weight: normal;
}
li.jf_sub {
    padding-left: 2em;
    padding-top: 0;
}
li.jf_sub .jf_icon { display: none; }
.admin_job_families ul, .admin_job_families li {
    list-style-type: none;
    padding-top: .5em;
}
#clinical_non_clinical_container {
    margin-left: 1.5em;
}

.scored {
    padding: 15px 0 15px 100px;
    border-left: 1px solid #c2d9e1;
    background-repeat: no-repeat;
    background-position: 20px center;
    background-image: url(/images/report-icon.png);
/*    background-image: url(/images/report-icon.svg), none; */
}

.scored h4 { padding-left: 0; }

.detail_head th {
    text-align: left;
    font-weight: bold;
    width: 180px;
    padding: 5px 0;
}

/*
 * Admin menu
 */
#navlist
{
	text-align: left;
	padding: 3px 0;
	margin-left: 0;
	border-bottom: 1px solid #778;
	font: smaller Verdana, sans-serif;
	font-weight: bold;
	font-size:10px;
}

#navlist li
{
	list-style: none;
	display: inline;
}

#navlist li a
{
	padding: 3px 0.5em;
	margin-left: 3px;
	border: 1px solid #778;
	border-bottom: none;
	background: #DDE;
	text-decoration: none;
}

#navlist li a:link { color: #667; }
#navlist li a:visited { color: #667; }

#navlist li a:hover
{
	color: #fff;
	background: #AAE;
}

body.section-1 #navlist li#nav-1 a,
body.section-2 #navlist li#nav-2 a,
body.section-3 #navlist li#nav-3 a,
body.section-4 #navlist li#nav-4 a,
body.section-5 #navlist li#nav-5 a,
body.section-6 #navlist li#nav-6 a,
body.section-7 #navlist li#nav-7 a,
body.section-8 #navlist li#nav-8 a,
body.section-9 #navlist li#nav-9 a

{
	background: white;
	border-bottom: 1px solid white;
}

body.section-1 #navlist li#nav-1 a:hover,
body.section-2 #navlist li#nav-2 a:hover,
body.section-3 #navlist li#nav-3 a:hover,
body.section-4 #navlist li#nav-4 a:hover,
body.section-5 #navlist li#nav-5 a:hover,
body.section-6 #navlist li#nav-6 a:hover,
body.section-7 #navlist li#nav-7 a:hover,
body.section-8 #navlist li#nav-8 a:hover,
body.section-9 #navlist li#nav-9 a:hover

{
	color: black;
}

#searchform,
.searchform {
	float: left;
	padding: 5px;
}

.searchform1 {
	padding: 10px;

}

.client_admin #searchform {
    float: none;
    margin-bottom: 10px;
}
.client_admin .credit_info { display: none; }
.client_admin .credit_summary {
    text-align: right;
    padding-top: 0;
    margin-top: -5px;
}
.client_admin .credit_summary .avail_credits {
    font-size: larger;
    font-weight: bold;
}
.client_admin h3 {
    font-size: medium;
    margin-left: 0;
}
.client_admin li {
    margin: .4em 0;
}

.fineprint {
	font-size: .8em;
}

.clr {
	padding:10px;
	clear:both;
}

.legend {
	margin:-10px -10px 10px -10px;
	padding:15px 5px 5px 5px;
	background-color:#F5F9FA;
	border-bottom:1px solid #999999;
}

td.hiredcol, th.hiredcol{
	background-color:#F5F9FA;
	text-align:center;
}

td.iconcol {
	text-align:center;
	width: 1%;
	padding-left: 4px;
}
td.iconcol a, td.iconcol a img {
    border: 0 none;
}

.resource-list ul {
  margin-left: 0;
  padding-left: 0;
  list-style-type: none;
}
.resource-list li {
	padding: 5px 0 5px 30px;
}
.pdf {
  background: url(../images/icon_pdf.gif) no-repeat 0 0;
}
.video {
  background: url(../images/movie.png) no-repeat 8px 6px;
}
a.icon {
  cursor: pointer;
  margin-left: 1em;
}
.icon {
  display: inline-block;
  min-width: 16px;
}
.help {
  background: url(../images/help.png) no-repeat;
  text-indent: -999px;
}
.help-text {
  padding: .5em 0 .5em 2em;
  background-color: #f5f9fa;
  border-bottom: 1px solid #c2d9e1;
}
.hide {
  display: none;
}
.hint {
	color: #6aa0b0;
}
.token {
	color : #555;
}
.error {
    color: #c00;
}


fieldset fieldset,
#job_family_container fieldset, #applicant_type_container fieldset,
#clinical_non_clinical_container fieldset, #report_type_container fieldset,
#orgtype_container fieldset {
  border-width: 0;
  padding: 0;
  margin-top: 0;
}
fieldset.choose-one {
  min-width: 275px;
}
span.error-message { color: red; display: block; padding: 0 6px 1em;}
fieldset.error, .SumScoreSheet .validation-summary {color: inherit; background-color: #fff3f3;}

.oddrow { background: #FFF; }
.evenrow { background: #FFF; }
.message-box {
  width: 400px;
  padding: 7px;
  padding-bottom: 7px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#job_family_container {
  float: left;
  width: 375px;
  margin: 15px 0 10px 0;
  padding-right: 20px;
}

#report_type_container {
  margin-bottom: 10px;
}

form.applicant-detail ul {
  margin-left: 0;
  padding-left: 0;
}
form.applicant-detail ul ul {
  padding-left: 40px;
}

form.applicant-detail li {
  list-style: none;
  margin-left: 0;
}

.add_summary_score, .sections {
  display: block;
  margin-left: 2em;
}

.right-col {
  float: left;
  width: 340px;
  margin-top: 15px;
}

ul.debug_answers {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
ul.debug_answers li {
    list-style-type: none;
    padding: 0;
}
ul.debug_answers li.subtotal {
    font-weight: bold;
    padding-bottom: .5em;
}

/*  messes up bootstrap label alignment
div.row {
  line-height: 2em;
}
*/
span.col {
  padding: 0 10px 0 10px;
}

.screen-for-fit h2 {
	margin-left: 0;
	background-color: white;
	border-bottom: 0;
	padding: 5px 0;
}
.screen-for-fit h3  {
	font-size: 18px;
	font-weight: bold;
	color: #5C91A3;

	padding-bottom: 10px;
	margin:20px 0 0;
}

.screen-for-fit form { margin: 10px 0; }

.screen-for-fit #tableoptions {
	margin: 0 0 10px 0;
}

#tableoptions .resets {
  border-left: 2px solid #777;
  padding-left: 10px;
  position: relative;
  display: inline-block;
}

.centered {
  text-align: center;
}

/* keep extra long job family names from making the select huge */
select[name=job_family_id] {
    max-width: 15em;
}

/* bootstrap override to add padding to inline form groups */
.form-inline .form-group {
  padding-left: 5px;
}

/** =prescore
************************************************************/
#printTable { position: relative; }

#printTable th {
    border-right: 1px solid #555;
}
#printTable td {
  border-right: 1px solid #aaa;
}
#printTable tfoot td,
#printTable tr th:nth-child(5), /* last summary col */
#printTable tr td:nth-child(5),
#printTable tr th:last-child,
#printTable tr td:last-child {
  border-right: none;
}

#container div.prescore-heading {
	margin: -10px -10px 10px;
	border-bottom: 1px solid #C2D9E1;
	background-color: #F5F9FA;
}
div.prescore-heading {
	padding: 5px 10px;
}

.not-found {
  padding: 1em 1.5em;
  background-color: #fdffcc;
  color: #4c4d3d;
  border: 1px solid #ebedb2;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.not-found h3 {
  font-size: 1.5em;
  padding-left: 0;
  margin-bottom: .75em;
  color: #7e805d;
}
.not-found strong {
  font-style: italic;
}
.found {
  margin-top: .5em;
  padding: 1em 1.5em;
}
.found .message { padding: .5em; color: #5d884a; }
.found .message h3 {
  font-size: 1.5em;
  padding-left: 0;
  margin-bottom: .75em;
  color: #5d884a;
}
.found .message p { margin: 5px 0; padding: 0; }
.found .message .center { text-align: center; }
.found strong {
  font-size: 1.1em;
}
.found .lbl {
	float: left;
	width: 12em;
}

.removing td {
	background-color: #eee;
}
.removed td {
	background-color: #ccc;
}

#tableoptions {
    margin: .5em 0 .75em;
    text-align: right;
}
#tableoptions a {
	margin-right: 8px;
}

#jobcodes .recordset td {border-bottom: 1px solid #DDD;}
#printTable .recordset td {border-bottom: 1px solid #DDD;}
body.printReady .recordset td {border-bottom: 1px solid #DDD;}
body.printReady {background: #fff;}

table.summary .detail { display: none; }
table.detail .summary { display: none; }
th.summary, th.detail, td.summary, td.detail { text-align: center; }

span.vertical-text {
  display: inline-block;
  font-size: .7em;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-transform-origin: 3.3em 3.3em 0;
  -ms-transform-origin: 3.3em 3.3em;
  transform-origin: 3.3em 3.3em 0;
  width: 1.25em;
  height: 6em;
  line-height: 1.1;
}

#printTable th.detail .sortable {
    position: relative;
}
#printTable th.detail .order {
  position: absolute;
  top: 45%;
}

.printReady span.vertical-text { height: 7em; }


.error-summary, .validation-summary {
  margin: 1em 0;
  padding: .5em;
  border: 1px solid #f00;
  color: #f00;
}

/** =display failed applicants
************************************************************/
#printBox #tsorter {
  background-color: #fff;
}

button#print {
  margin: 15px 0 0 15px;
}

#printBox #tsorter td {
  padding: 5px;
  border-bottom: 1px solid #ddd;
}

/** =enhanced select menu
************************************************************/
/*select button styles*/
.custom-select {
  float: left;
  text-decoration: none;
  text-align: left;
  cursor: pointer;
  position: relative;
  background: #fff url(images/button-silver.gif) right center repeat-x;
  border: 1px solid #b3b3b3;
	font-size: 12px;
  font-weight: bold;
  overflow: hidden;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  width: 230px;
  text-shadow: 1px 1px 0 #fff;
	margin-right: 8px;
}
.custom-select:hover,.custom-select:focus,.custom-select-open {
  background-position: left center;
  border-color: #999;
}
#job_family-button .custom-select-status {
  max-width: 170px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.prescore-selects .custom-select {
  width: 175px;
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  text-shadow: none;
}

.prescore-selects .custom-select .custom-select-button-icon:hover,
.prescore-selects .custom-select .custom-select-button-icon:focus {
  background-position: -128px -16px;
  border: none;
}

.prescore-selects .custom-select .custom-select-button-icon {
  background: transparent url(/images/ui-icons_222222_256x240.png) -128px -16px no-repeat;
  width: 14px;
  height: 14px;
  margin-top: 3px;
}

.prescore-selects .custom-select.none .custom-select-button-icon {
  background-position: -128px -16px;
}

.prescore-selects .custom-select.asc .custom-select-button-icon {
  background-position: -64px -16px;
}

.prescore-selects .custom-select.desc .custom-select-button-icon {
  background-position: 0 -16px;
}

.custom-select-menu .asc a, .custom-select-menu .desc a {
  position: relative;
}

.custom-select-menu .asc a span {
  background: transparent url(/images/ui-icons_222222_256x240.png) -64px -16px no-repeat;
  width: 14px;
  height: 14px;
  display: block;
  position: absolute;
  top: 3px;
  right: 10px;
}

.custom-select-menu .desc a span {
  background: transparent url(/images/ui-icons_222222_256x240.png) 0 -16px no-repeat;
  width: 14px;
  height: 14px;
  display: block;
  position: absolute;
  top: 3px;
  right: 10px;
}

.custom-select-menu li.none a,
.custom-select-menu li.asc a,
.custom-select-menu li.desc a {
  padding-left: 10px;
}

.prescore-selects .hover-focus {
  background-color: #B6D4DE;
}

.prescore-selects .hover-focus.none {
  background: #E3ECEF;
}

.prescore-selects .hover-focus .custom-select-button-icon {
  background-position: -64px -16px;
}

.prescore-selects .custom-select-status, .prescore-selects .custom-select-menu li a {
  padding-left: 5px;
}

.prescore-selects .custom-select:hover,
.prescore-selects .custom-select:focus,
.prescore-selects .custom-select-open {
  background-position: -128px -16px;
}

.prescore-selects #col3-button {
  width: 150px;
  margin-left: 35px;
}

.prescore-selects #col4-button,
.prescore-selects #col5-button {
  width: 150px;
}

.prescore-selects #col2-button {
  margin-left: 20px;
  width: 140px;
}

.prescore-selects #col4-button {
  width: 100px;
  margin-left: 20px;
}

.prescore-selects #col5-button {
  width: 160px;
  margin-left: 40px;
}


/*status text*/
.custom-select-status {
  float: left;
  line-height: 18px;
  color: #444;
  padding: 3px 8px;
}
.custom-select-roletext {
  position: absolute;
  left: -99999px;
}
/* button arrow icon*/
.custom-select-button-icon {
  float: right;
  background: #fff url(images/button-blue.png) left center repeat-x;
  height: 24px;
  width: 21px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.custom-select:hover .custom-select-button-icon,
.custom-select:focus .custom-select-button-icon,
.custom-select-open .custom-select-button-icon {
  background-position: -500px center;
}
/*menu styles*/
.custom-select-menu {
  border: 1px solid #b3b3b3;
  background: #e9e9e9;
  z-index: 999999;
  position: absolute;
  margin: 0;
  padding: 0;
	font-size: 12px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  width: 230px;
  cursor: pointer;
  text-shadow: 1px 1px 0 #fafafa;
  overflow: auto;
  overflow-x: hidden;
}
/*hidden menu state*/
.custom-select-menu-hidden {
  display: none;
}
/*li styles*/
.custom-select-menu li {
  padding: 0;
  margin: 0;
  list-style: none;
  clear: both;
}
.custom-select-menu li a {
  text-decoration: none;
  color: #555;
  display: block;
	padding: 5px;
  cursor: pointer;
  text-shadow: 1px 1px 0 #f9f9f9;
}
.custom-select-menu li.hover-focus {
  background: #e6e6e6 url(images/button-silver.gif) right center repeat-x;
  color: #444;
}
.custom-select-menu li.selected {
  background:  url(images/menu-blue.png) left center repeat-x;
  color: #333;
}
.custom-select-menu li.selected a {
  color: #333;
  text-shadow: 1px 1px 0 #fff;
}
/* make sure first and last li's have round corners */
.custom-select-menu li: first-child {
  -moz-border-radius-topright: 7px;
  -webkit-border-top-right-radius: 7px;
  border-top-right-radius: 7px;
  -moz-border-radius-topleft: 7px;
  -webkit-border-top-left-radius: 7px;
  border-top-left-radius: 7px;
}
.custom-select-menu li: last-child {
  -moz-border-radius-bottomright: 7px;
  -webkit-border-bottom-right-radius: 7px;
  border-bottom-right-radius: 7px;
  -moz-border-radius-bottomleft: 7px;
  -webkit-border-bottom-left-radius: 7px;
  border-bottom-left-radius: 7px;
}
/*hide native select*/
.select-hidden {
  display: none;
}

/** =custom **/
.custom-select-status,
.custom-select-menu li a {
  padding-left: 26px;
}

.icon_ad .custom-select-status,
.custom-select-menu .icon_ad a { background:  url(images/icon_ad.png) no-repeat 4px 4px; }

.icon_el .custom-select-status,
.custom-select-menu .icon_el a { background:  url(/images/icon_el.gif) no-repeat 4px 4px; }

.icon_gn .custom-select-status,
.custom-select-menu .icon_gn a { background:  url(/images/icon_gn.gif) no-repeat 4px 4px; }

.icon_pc .custom-select-status,
.custom-select-menu .icon_pc a { background:  url(/images/icon_pc.gif) no-repeat 4px 4px; }

.icon_rn .custom-select-status,
.custom-select-menu .icon_rn a { background:  url(/images/icon_rn.gif) no-repeat 4px 4px; }

.icon_tp .custom-select-status,
.custom-select-menu .icon_tp a { background:  url(/images/icon_tp.gif) no-repeat 4px 4px; }


.screen-for-fit #theform .form-button {
	height: 26px;
}

span.spacer { padding: 0 .4em; }

label[for=is_active].ui-state-active {
    color: white;
    background-color: #a90329; background-image: -webkit-gradient(linear, left top, left bottom, from(#a90329), to(#6d0019));
    background-image: -webkit-linear-gradient(top, #a90329, #6d0019);
    background-image: -moz-linear-gradient(top, #a90329, #6d0019);
    background-image: -ms-linear-gradient(top, #a90329, #6d0019);
    background-image: -o-linear-gradient(top, #a90329, #6d0019);
    background-image: linear-gradient(to bottom, #a90329, #6d0019);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#a90329, endColorstr=#6d0019);
}

label[for=is_active] {
    background-color: #4ba614; background-image: -webkit-gradient(linear, left top, left bottom, from(#4ba614), to(#008c00));
    background-image: -webkit-linear-gradient(top, #4ba614, #008c00);
    background-image: -moz-linear-gradient(top, #4ba614, #008c00);
    background-image: -ms-linear-gradient(top, #4ba614, #008c00);
    background-image: -o-linear-gradient(top, #4ba614, #008c00);
    background-image: linear-gradient(to bottom, #4ba614, #008c00);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#4ba614, endColorstr=#008c00);
    color: white;
}

.form-field-cell .Active, .form-field-cell .Inactive {
    font-size: 1.3em;
    font-weight: bold;
    padding-right: 1.3em;
}
.form-field-cell .Active { color: green; }
.form-field-cell .Inactive { color: red; }

/* Clearfix
-------------------------------------------------------------- */
.clearfix, .container { display: inline-block; }
.clearfix:after, .container:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
* html .clearfix,
* html .container   { height: 1%; }
.clearfix, .container  { display: block; }

/* sort report sections in admin/client/edit */
#report_settings .sortable {
  list-style-type: none;
  padding-left: 0;
}

/* html5 file upload widget
----------------------------------------------------------------- */

.upload-inited {
    border: 2px dotted #ccc;
    position: relative;
}
.upload-inited:after {
    content: 'drag file to upload';
    color: #ccc;
    position: absolute;
    bottom: 0;
    right: 0;
}
.upload-over {
    background-color: #aea;
}
.upload-preview .progressHolder {
  width: 100px;
}
.upload-preview .progress {
  height: 2px;
  background-color: blue;
}

/* interviewers / interviews */
.interview_admin h4 {
  display: inline-block;
  width: 30%;
  font-size: 1.25em;
  margin: 1.5em 0 0;
  padding: 4px;
  border-radius: 0 10px 0 0;
  background-color: #e3ecef;
}

.interviewer_admin form table th { width: 9em; }
.assign-interview label {
  display: block;
  margin: 5px 0;
}

/* rating header */
th ul.rating li {
  padding: 0 .55em;
  color: black;
  cursor: auto;
}

/* rating heading */
.rating-hdg {
  position: relative;
}

.Grid .rating-hdg {
  margin: 0 0 10px;
}

.rating-hdg ul.rating,
.rating-hdg .rating-results {
  position: absolute;
  left: 315px;
  font-size: 13px;
  font-weight: normal;
}

.rating-hdg ul.rating li {
  width: 18px;
  text-align: center;
  color: #333;
  font-weight: normal;
  font-size: 13px;
}

/* rating angular directive */
ul.rating {
  color: white;
  margin: 0;
  padding: 0;
  height: 20px;
  width: 156px;
  display: inline-block;
}

.rating li {
  list-style-type: none;
  display: inline-block;
  margin: 0;
  padding: 1px 6px 0 0;
  text-align: center;
  font-weight: bold;
  cursor: pointer;
  color: #eee;
  font-size: 1.4em;
}

.rating .filled {
  color: blue; /* #21568b; */
}

.rating-results {
  height: 20px;
  margin: 0;
  padding: 0;
  display: inline-block;
  font-size: 0;
}
.rating-results li {
  list-style-type: none;
  display: inline-block;
  color: black;
  width: 55px;
  padding: 1px 6px 0 0;
  text-align: left;
  font-size: 13px;
}
.rating-results li input {
  width: 40px;
}
.rating-results li.total {
  font-size: 16px;
  width: 5em;
}

/* rating table */
.rating-hdg {
  margin: 20px 0 0;
}
.rating-table {
  table-layout: fixed;
}

.rating-table th {
  width: 300px;
}

.rating-table th, .rating-table td {
  padding: 5px;
}

.rating-table td label {
  padding-right: .5em;
}

.rating-table tbody tr:nth-child(even) th,
.rating-table tbody tr:nth-child(even) td {
  background: #eee;
}

.rating-table tbody tr:nth-child(odd) th,
.rating-table tbody tr:nth-child(odd) td {
  background: #fafafa;
}

.rating-table thead th,
.rating-table thead td,
.rating-table tfoot th,
.rating-table tfoot td {
  background: #eaeaea;
  font-size: 14px;
}

.client_admin .ui-tabs-nav {
  margin: -3px -3px 0 -2px;
  background-image: none;
  border-width: 0 0 1px 0;
}

.client_admin .ui-tabs-nav li {
  margin-right: 0;
  background-image: none;
}
.client_admin .ui-tabs-nav li.ui-state-hover {
  background-color: #CCD3D6;
}
.client_admin .ui-tabs-nav li.ui-tabs-active a {
  background-color: white;
  cursor: default;
}

/*  border-bottom: 1px solid #ccc !important;
}
.client_admin .ui-tabs-nav li.ui-state-active {
  border-bottom: 0 none !important;
}
*/

.total tfoot th,
.total tfoot td {
  background: #dbdbdb;
  font-size: 14px;
}

/* bootstrap overrides */
input[type=radio], input[type=checkbox] {
  margin: 0;
  line-height: normal;
}

/* Component: Block */
.Block {
  display: block;
  margin: 0 0 20px;
}

/* Component: Grid */
.Grid {
  display: block;
  margin-right: -20px;

  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.Grid-cell {
  float: left;
  clear: right;
  padding-right: 20px;
  width: 100%;
  min-height: 1px;

  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.Grid--2col .Grid-cell {
  width: 50%;
}

/* Component: Button */
button { font-family: inherit; }  /* use our font instead of browser default */

.Button {
  background: #52a2d9;
  display: inline-block;
  color: #fff;
  text-align: center;
  border: 0;
  padding: 7px 15px;
  margin: 0 0 15px;
  border-radius: 5px;
  font-size: 13px;
  cursor: pointer;

  box-shadow: 0 0 1px #d4f5ff;
}

.Button[disabled], .Button:disabled, .Button.disabled { background-color: #ddd; cursor: default; }
.Button[disabled]:hover, .Button:disabled:hover, .Button.disabled:hover { background-color: #ddd; cursor: default; }


.Button--wide {
  width: 100%;
}

.Button:hover {
  background: #518cbb;
}

.Button:focus {
  background: #3d7cad;
  box-shadow: 0 0 1px #d4f5ff, 0 2px 3px #26608c inset;
  outline: 0;
}

a.Button {
  text-decoration: none;
  color: white;
}
.Button.btn-success {
  background-color: #449d44;
}
.Button.btn-info {
  background-color: #31b0d5;
}
.btn-default {
  color: #333;
  background-color: white;
  border: 1px solid #ccc;
}
.btn-default:hover,.btn-default:focus,.btn-default:active,.btn-default.active,.open>.dropdown-toggle.btn-default {
    color:#333;
    background-color:#e6e6e6;
    border-color:#adadad
}
.btn-default:active,.btn-default.active,.open>.dropdown-toggle.btn-default{background-image:none}
.btn-default.disabled,.btn-default[disabled],fieldset[disabled] .btn-default,.btn-default.disabled:hover,.btn-default[disabled]:hover,fieldset[disabled] .btn-default:hover,.btn-default.disabled:focus,.btn-default[disabled]:focus,fieldset[disabled] .btn-default:focus,.btn-default.disabled:active,.btn-default[disabled]:active,fieldset[disabled] .btn-default:active,.btn-default.disabled.active,.btn-default[disabled].active,fieldset[disabled] .btn-default.active {
  background-color:#fff;border-color:#ccc
}

.btn-danger {
  color:#fff;
  background-color:#d9534f;
  border-color:#d43f3a
}
.btn-danger:hover,.btn-danger:focus,.btn-danger:active,.btn-danger.active,.open>.dropdown-toggle.btn-danger {
  color:#fff;
  background-color:#c9302c;
  border-color:#ac2925
}
.btn-danger:active,.btn-danger.active,.open>.dropdown-toggle.btn-danger{background-image:none}
.btn-danger.disabled,.btn-danger[disabled],fieldset[disabled] .btn-danger,.btn-danger.disabled:hover,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger:hover,.btn-danger.disabled:focus,.btn-danger[disabled]:focus,fieldset[disabled] .btn-danger:focus,.btn-danger.disabled:active,.btn-danger[disabled]:active,fieldset[disabled] .btn-danger:active,.btn-danger.disabled.active,.btn-danger[disabled].active,fieldset[disabled] .btn-danger.active {
  background-color:#d9534f;border-color:#d43f3a
}

.btn-sm,.btn-group-sm>.btn{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}
.btn-xs,.btn-group-xs>.btn{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}

/* button links inside tabs were wrong font color */
.ui-widget-content a.Button {
  color: white;
}
/* inside a recordset table button needs to be smaller to fit in */
.recordset .Button {
  padding: 4px 8px;
  margin: 0 0 2px;
  border-radius: 3px;
  font-size: inherit;
}
#tabs .recordset td {
  vertical-align: text-top;
}

/* --- survey_info form --- */
#info_form_container ul {
  margin: 0;
  padding: 0;
}
#info_form_container li {
  margin: 0 0 16px 18px;
}

.panel-item
{
	/*border-style: solid;*/
	/*border-width: 1px;*/
	margin-top: 10px;
}
.panel-heading
{
	font-size: 20px;

}
.filter {
	background-color: #2a62bc !important;
	color:white !important;
}

.btn-block {
	text-decoration:none;
	text-align: left;
	color: inherit;
}
.search {
	display:none;
}
.btn-block:hover{
	text-decoration: none;
	color:inherit;
}
.side-bar {
	border:none !important;
}
.title{
	border: 1px solid #ddd !important;
	font-size:inherit;
}
.panel-collapsed{
	display:none;
}
.badge {
	float: right;
}

.separated_items, .separated_items li {
  margin-top: 10px;
}

.report_body .up td { color: green; }
.report_body .down td { color: red; }