/* HARQEN STYLE */
/* reset */
*{margin:0;padding:0;text-decoration:none;/* font-size:1em; */outline:none;}
code,kbd,samp,pre,tt,var,textarea,input,select,isindex,listing,xmp,plaintext{font:inherit;font-size:12px;color:#777;}
a,img,a img,iframe,form,fieldset,abbr,acronym,object,applet,table{border:none;}
select:hover{color:#00aaef;}
table{border-spacing:0;border-collapse:collapse;}
sub,sup{vertical-align:baseline;}
a{color: #333;text-decoration:none;outline:none;-moz-outline-style:none;cursor:pointer;cursor:hand;}
a:hover{color:#00A1E2}
button::-moz-focus-inner{border:0;}
button:focus{outline:none;}
a:active,a:focus,a:hover{outline:none;-moz-outline-style:none;text-decoration:none;}
html{font-size:62.5%;font-family:"Hind",verdana,arial,sans-serif;}
input[type='text'],input[type='password'],textarea{border: 1px solid #D9D9D9;}
textarea:hover,input[type='text']:hover,input[type='password']:hover{border: 1px solid #00AEEF;}
textarea:focus,input[type='text']:focus,input[type='password']:focus{border:1px solid #00AEEF;outline:none;background:#FFF;}
input[type='button'],input[type='submit'],input[type='image'],input[type='radio'],input[type='reset'],select,button{cursor:pointer;height: 33px;font-size: 14px; border: 1px solid #d9d9d9; background: #fff;}
input[type='hidden']{display:none;}
input[type='checkbox']{position: relative;cursor: pointer;font-size: 22px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
img {border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
[ng\:cloak], [ng-cloak], .ng-cloak { display: none !important; }
/* font faces */
@font-face {
	font-family: 'Pictos';
	src: url('/images/pictos/pictos-web-69d510ae2a2d6c1debc4d42d76500294.eot');
	src: local('☺'), url('/images/pictos/pictos-web-2ebff5a8dcf1fc762161e8074844181c.woff') format('woff'), url('/images/pictos/pictos-web-68b912acc44b577d12d012e681e9ec08.ttf') format('truetype'), url('/images/pictos/pictos-web-95f76e7dc58f0194df3acd5027c72e92.svg#webfontphKv1xv9') format('svg');
	font-weight: normal;
	font-style: normal;
}

.wrapper {
	width:100%;
	height:100%;
}

/* buttons */
.pictos{
	display:inline-block;
	padding:0;
	font-family:"Pictos";
	line-height:1;
}
.btn-solid{
	display:inline-block;
	color:#fff;
	background-color:#00AEEF;
	text-decoration:none;
	line-height: 1.5em;
	cursor: pointer;
	cursor: hand;
	border: 1px solid #00AEEF;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size:12px;
	padding:6px 10px;
	height: 30px;	
}
.btn{
	display:inline-block;
	color:#00AEEF !important;
	background-color:#fff;
	text-decoration:none;
	line-height: 1.5em;
	cursor: pointer;
	cursor: hand;
	border: 1px solid #00AEEF;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size:12px;
	padding:6px 10px;
	height: 30px;
}
.btn-gray-solid{
	display:inline-block;
	color:#fff;
	background-color:#777;
	text-decoration:none;
	line-height: 1.5em;
	cursor: pointer;
	cursor: hand;
	border: 1px solid #777;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size:12px;
	padding:6px 10px;
	height: 30px;	
}
.btn-gray{
	display:inline-block;
	color:#777 !important;
	background-color:transparent;
	text-decoration:none;
	line-height: 1.5em;
	cursor: pointer;
	cursor: hand;
	border: 1px solid #777;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size:12px;
	padding:6px 10px;
	height: 30px;	
}
.btn-green-solid{
	display:inline-block;
	color:#fff;
	background-color:#94c855;
	text-decoration:none;
	line-height: 1.5em;
	cursor: pointer;
	cursor: hand;
	border: 1px solid #94c855;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size:12px;
	padding:6px 10px;
	height: 30px;	
}
.btn-green{
	display:inline-block;
	color:#94c855;
	background-color:#fff;
	text-decoration:none;
	line-height: 1.5em;
	cursor: pointer;
	cursor: hand;
	border: 1px solid #94c855;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size:12px;
	padding:6px 10px;
	height: 30px;
}
.btn-orange-solid{
	display:inline-block;
	color:#fff;
	background-color:#f17642;
	text-decoration:none;
	line-height: 1.5em;
	cursor: pointer;
	cursor: hand;
	border: 1px solid #f17642;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size:12px;
	padding:6px 10px;
	height: 30px;	
}
.btn-orange{
	display:inline-block;
	color:#f17642;
	background-color:#fff;
	text-decoration:none;
	line-height: 1.5em;
	cursor: pointer;
	cursor: hand;
	border: 1px solid #f17642;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size:12px;
	padding:6px 10px;
	height: 30px;	
}
.btn-red-solid{
	display:inline-block;
	color:#fff;
	background-color:#D90118;
	text-decoration:none;
	line-height: 1.5em;
	cursor: pointer;
	cursor: hand;
	border: 1px solid #D90118;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size:12px;
	padding:6px 10px;
	height: 30px;	
}
.btn-red{
	display:inline-block;
	color:#D90118;
	background-color:#fff;
	text-decoration:none;
	line-height: 1.5em;
	cursor: pointer;
	cursor: hand;
	border: 1px solid #D90118;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size:12px;
	padding:6px 10px;
	height:30px;
}
.btn-large{
	font-size:16px;
	padding:8px 30px;
	height:40px;
}
.btn-med {
    font-size: 14px;
    padding: 7px 20px !important;
    height: 35px !important;
}
.btn-icon{
	font-weight:bold;
	font-size:0.8em;
	padding:1px 3px;
}
.btn-solid:hover, .btn:hover{
	background-color: #00A1E2;
	color: #fff !important;
	border: 1px solid #00A1E2;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.btn-gray-solid:hover, .btn-gray:hover{
	background-color: #6E717A;
	color: #fff !important;
	border: 1px solid #6E717A;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.btn-green-solid:hover, .btn-green:hover{
	background-color: #7BAF3C;
	color: #fff !important;
	border: 1px solid #7BAF3C;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.btn-red-solid:hover, .btn-red:hover{
	background-color: #C00000;
	color: #fff !important;
	border: 1px solid #C00000;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.btn-orange-solid:hover, .btn-orange:hover{
	background-color: #D85D29;
	color: #fff !important;
	border: 1px solid #D85D29;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.btn-link{
	display:inline-block;
	color:#fff;
	background-color:#00AEEF;
	text-decoration:none;
	padding:8px 30px;
	font-size:16px;
	line-height: 1.5em;
	cursor: pointer;
	cursor: hand;
	border: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin: 25px 10px;
}
.btn-link:hover{
	background-color: #00A1E2;
	color: #fff;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.btn-right{
	float: right;
}
.btn-left-corner {
	margin: 0 0 20px 20px;
}
.btn-left-20 {
	margin-left: 20px;
}
.btn-solid.btn-large .fas, .far{
	margin-right: 5px;
}
.btn-solid.btn-large, .fa-envelope {
	margin-right: 0;
}
.btn-right-20 {
	margin-right: 20px;
}
.btn .pictos{
	margin-right:3px;
}
.page-title .btn{
	margin: 0 5px;
}
.btns-manage-users {
	margin: 0 10px 20px;
}
.btn .right-side{
	margin-right: 0;
	margin-left: 3px;
}
.btn-active{
	display:inline-block;
	background:url(/images/btn-1-264006c7cb57fea5676216fa2a70c7c9.gif) repeat-x bottom left #d9d9d9;
	color:#777;
	text-decoration:none;
	padding:3px 8px;
	border:1px solid #BBB;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.btn-caution, .btn-reject{
	display:inline-block;
	color:#fff;
	text-decoration:none;
	background-color:#d90118;
	padding:8px 30px;
	font-size:16px;
	line-height:1.5em;
	cursor: pointer;
	cursor: hand;
	border: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.btn-positive, .btn-accept {
	display:inline-block;
	color:#fff;
	background-color:#94c855;
	text-decoration:none;
	padding:8px 30px;
	font-size:16px;
	line-height: 1.5em;
	cursor: pointer;
	cursor: hand;
	border: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.btn-positive:hover, .btn-accept:hover {
	background-color: #7BAF3C;
	color: #fff;
}
.btn-caution:hover, .btn-reject:hover {
	background-color: #C00000;
	color: #fff;
}
html .btn-disabled {
	background-image: none;
}
html .btn-disabled:hover {
	background-image: none;
}
.btn-flag {
	display: inline-block;
	background: url(/images/btn-flag-3bc5737d89ea2cd3a472566d12a8a440.png) repeat-x bottom left #dd6f5e;
	color: #FFF;
	text-decoration: none;
	padding: 3px 8px;
	border: 1px solid #A1301F;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow:0 0 2px #a1a1a190;
	-moz-box-shadow:0 0 2px #a1a1a190;
	box-shadow:0 0 2px #a1a1a190;
	text-shadow: 1px 1px 0 #222;
}
.btn-subaction {
	display: inline-block;
	background: url(/images/btn-subaction-4881ebd096476f51d4ef571bd30c46b4.png) repeat-x bottom left #4cbefe;
	color: #FFF;
	text-decoration: none;
	padding: 3px 8px;
	border: 1px solid #399DD6;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow:0 0 2px #a1a1a190;
	-moz-box-shadow:0 0 2px #a1a1a190;
	box-shadow:0 0 2px #a1a1a190;
	text-shadow: 0 1px 0 #222;
}
.btn-special-action {
	background: url(/images/btn-purple-274833fc58a334e270904c1247333100.png) repeat-x 0 0 #ad02ad;
	color: #FFF;
	text-decoration: none;
	padding: 3px 8px;
	border: 1px solid #777;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-shadow: 1px 1px 0 #222;
}
.pill-btn-left-end {
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	-moz-border-radius-topright: 0;
	-moz-border-radius-bottomright: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	margin-right: 0;
}
.pill-btn-middle {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	margin-right: 0;
	margin-left: 0;
}
.pill-btn-right-end {
	-webkit-border-top-left-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-bottomleft: 0;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	margin-left: 0;
}
.btn-noshadow {
	box-shadow: none;
}
.btn-white-blue {
	border: 2px solid #00AEEF;
	color: #00AEEF;
	display: inline-block;
    text-decoration: none;
    padding: 8px 30px;
    font-size: 16px;
    line-height: 1.5em;
    cursor: pointer;
    cursor: hand;
    border-radius: 3px;
    margin: 0 10px 10px;
}
.btn-white-blue:hover {
	background: #00AEEF;
	color: #fff;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}


/* icons */
.icon-main {
	color: #00648a;
	font-size: 32px;
	float: left;
	margin: 10px 10px 20px 10px;
}
.icon-candidate {
	color: #00aeef;
	font-size: 32px;
	float: left;
	margin: 10px 10px 20px 10px;
}
.icon-campaign {
	color: #94c855;
	font-size: 32px;
	float: left;
	margin: 10px 10px 20px 10px;
}
.icon-template {
	color: #f17642;
	font-size: 32px;
	float: left;
	margin: 10px 10px 20px 10px;
}
.icon-error {
	color: #d90118;
    font-size: 32px;
    float: left;
    margin: 14px 10px 20px 10px;
}
.icon-sublinks {
	font-size: 20px;
	float: none;
	margin: 0;
}
.icon-blue-search {
	font-size: 18px;
	color: #00aeef;
	padding-right: 3px;
}
.icon-blue-big {
	font-size: 40px;
	color: #00aeef;
	padding-right: 3px;
}
.icon-blue-med {
	font-size: 15px;
	color: #00aeef;
	padding-right: 3px;
}
.icon-blue-small {
	font-size: 10px;
	color: #00aeef;
	padding-right: 3px;
}
.icon-gray-med {
	font-size: 15px;
	color: #777;
	padding-right: 3px;
}
.icon-gray-small {
	font-size: 10px;
	color: #777;
	padding-right: 3px;
}
.icon-gray-small:hover, .icon-gray-med:hover {
	color: #333;
}
.icon-blue-med:hover {
	color: #00a1e2;
}
.icon-green-search {
	color: #94c855;
	padding-right: 3px;
}
.icon-green-med {
	font-size: 25px;
	color: #94c855;
	padding-right: 3px;
}
.icon-btn {
	font-size: 12px;
	padding-right: 9px;
}
.icon-trash{
	display:inline-block;
	background:url(/images/icon-trash-4c439b80aa47451f109e55b5c4e47021.gif) no-repeat;
	text-indent:-9999px;
	width:12px;
	text-decoration:none;
}
.template-name i {
	font-size: 16px;
	color: #00AEEF;
	font-weight: 100;
	padding-left: 6px;
}
.template-name i:hover {
	color: #00A1E2;
}
#candidateTable td:first-child a {
	color: #333;
	font-size: 14px;
}
#candidateTable td:first-child a:hover {
	color: #00A1E2;
}
#candidateTable i {
	color: #00AEEF;
	padding-right: 5px;
}
#candidateTable .fa-file {
	color: #94c855;
	padding-right: 5px;
}
#candidateTable2 {
	border-bottom: 1px solid #d9d9d9;
}
#campaignTable i {
	color: #94c855;
	padding-right: 8px;
}
#info_panel i {
	font-size: 14px;
    margin-left: 3px;
}
.manage-user-list i {
	color: #00A1E2;
}

/* notifications */
.notification-success{
	width: 100%;
	position: fixed;
	z-index: 10000;
	background: #fff;
	color:#94c855;
	border-bottom:2px solid #94c855;
	font-size: 18px;
	line-height: 1.5;
	padding:20px 20px 20px 77px;
	background: url(/images/notification-7b477a9a9c88415e3d44e1f8b0317ba5.svg)no-repeat 23px, linear-gradient(to bottom, #ffffff 0%, #94c855 1000%);
	background-size: 35px;
}
.notification-errors{
	width: 100%;
	position: fixed;
	z-index: 9999;
	background: #fff;
	color: #D90114;
	border-bottom: 2px solid #D90114;
	font-size: 18px;
	line-height: 1.5;
	padding: 20px 20px 20px 75px;
	background:url(/images/alert-7433fc8ecd40ec494cd3eaf1491883ca.svg)no-repeat 23px, linear-gradient(to bottom, #ffffff 0%, #d90114 1500%);
	background-size: 35px;
}
.notification-errors + #nav, .notification-success + #nav {
	top: 69px;
}

.notification-erros + #nav + #container, .notification-success + #nav + #container {
 	padding-top: 223px;
}
.notification button {
	font-size: 12px;
}
.success-header {
	padding: 10px 20px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	margin: 10px;
	color: #777;
	background: #CBF7B3;
	border: 1px solid #94c855;
	font-size: 12px;
}
.success-header p {
	margin: 3px;
	padding: 3px;
}
.warning-header {
	padding: 10px 20px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	margin: 10px;
	color: #777;
	background: #FFE894;
	border: 1px solid #D85D18;
	font-size: 12px;
}
.warning-header p {
	margin: 3px;
	padding: 3px;
}
.recon-header {
    text-align: center;
    background-color: #D90118;
    padding: 5px;
}
span.error {
	color: #D90118;
	font-weight: bold;
	font-size: 12px;
	line-height: 1.5;
}
input.error {
	border: 1px solid #D90118;
}
/* ajax error notification */
.ajax-notification {
	z-index: 9999999;
	position: fixed;
	top: 0;
	left: 0;
	text-align: center;
	width: 100%;
	background: #ffc703;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffe970), to(#ffc703));
	background: -moz-linear-gradient(top,  #ffe970,  #ffc703);
	-moz-box-shadow: 1px 0 3px #a1a1a190;
	-webkit-box-shadow: 1px 0 3px #a1a1a190;
	box-shadow: 1px 0 3px #a1a1a190;
	border-bottom: 1px solid #d9d9d9;
}
.ajax-notification .ajax-msg {
	display: inline-block;
	max-width: 800px;
	padding: 4px 10px;
	font-size: 13px;
	line-height: 18px;
	color: #777;
}
.general-sysmsg {
	margin: 10px;
	padding: 10px;
	background: #f9f9f9;
	border: 1px solid #d9d9d9;
	font-size: 12px;
	color: #000;
	line-height: 19px;
}
.general-sysmsg p {
	margin: 10px 0;
	max-width: 500px;
}
.general-sysmsg p:first-child {
	margin-top: 0;
}
.general-sysmsg p:last-child {
	margin-bottom: 0;
}
/* global helpers */
html .clearfix:after{content:".";height:0;text-indent:-9999px;display:block;clear:both;}
html .nodisplay{display:none;}
html .center{text-align:center;}
/* http://css-tricks.com/snippets/css/clear-fix/ */
.new-clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .new-clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .new-clearfix { zoom: 1; } /* IE7 */






/* APP */
body,html{
	line-height:1;
	background: #F4F7FB;
	font-family: "Hind", sans-serif;
	color: #333;
}
body.clean {background:#FFF;}

/* login */
.login-checkbox {
  display: block;
  position: relative;
  padding-left: 24px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.login-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.login-checkmark {
  position: absolute;
  top: 0;
  left: 2px;
  height: 16px;
  width: 16px;
  border: 1px solid #a1a1a1;
}
.login-checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.login-checkbox input:checked ~ .login-checkmark:after {
  display: block;
}
.login-checkbox .login-checkmark:after {
  left: 7px;
  bottom: 2px;
  width: 7px;
  height: 18px;
  border: solid #00AEEF;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
#login_container {
	margin: -30px auto 0;
	width: 400px;
	padding: 30px;
	background: #fff;
	border: 1px solid #D9D9D9;
    -moz-box-shadow: 4px 5px 21px 0px #a1a1a190;
    -webkit-box-shadow: 4px 5px 21px 0px #a1a1a190;
	box-shadow: 4px 5px 21px 0px #a1a1a190;
	opacity: 0.94;
}
#admin_login #login_container {
	width:300px;
}
.login-logo {
	text-align: center;
	margin-bottom: 40px;
}
#login_container .grouping {
	margin-bottom: 20px;
}
#login_container .text label {
	display:block;
	font-weight:bold;
	font-size: 16px;
	margin-bottom: 5px;
}
#login_container .text input {
	width: 100%;
	padding: 10px;
	font-size:16px;
}
#login_container .remember input {
	width:12px;
	margin-right:5px;
}
#login_container .remember label {
	display:inline-block;
	font-weight:normal;
	color:#777;
	font-size: 14px;
	padding-top: 2px;
}
#login_container .btns {
	margin:0;
	padding-top:25px;
}
#login_container .errors {
	display:block;
	margin-top:5px;
	color:#D90118;
	font-size: 14px;
	line-height: 1.5;
}
#login_container input.error {
	border:2px solid #D90118;
}
#login_container h1 {
	font-size:25px;
	line-height: 1.5em;
	color:#333;
	padding-top:5px;
	font-weight:800;
	margin-bottom: 40px;
}
#login_container p {
	font-size:16px;
	color:#333;
	line-height:1.5em;
	margin-top:10px;
}
#login_container ul {
	margin: 20px;
}
#login_container .password-forget {
	margin-top: 5px;
}
#login_container .password-forget a {
	color: #777;
	font-size: 14px;
}
#login_container .password-forget:hover a {
	color: #00A1E2;
	font-size: 14px;
} 
body#login div#footer {
	text-align: center;
}
#reset_password {
	padding: 30px;
	width: 250px;
	margin: 30px auto;
}
#reset_password h1 {
	font-size: 16px;
	line-height: 25px;
	margin: 3px;
	padding: 3px;
	color: #777;
	font-weight: normal;
}
#reset_password p {
	padding: 3px;
	margin: 3px;
}
#reset_password .grouping {
	margin-bottom: 10px;
}
#reset_password input {
	font-size: 12px;
	padding: 5px;
	width: 252px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
#reset_password label {
	font-weight: bold;
}
#reset_password .btns {
	margin-top: 20px;
}
#reset_password div.login-item {
	margin-bottom: 5px;
}
.register {
	padding: 20px;
	width: 650px;
	margin: 20px auto;
}
.register h2 {
	margin: 0 0 15px 0;
	font-size: 24px;
	color: #111;
	line-height: 30px;
}
.register h3 {
	margin: 0 0 20px 0;
	font-size: 15px;
	line-height: 24px;
	color: #777;
	font-weight: normal;
}
.register div.signup {
	float: left;
	width: 300px;
	padding: 15px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
.register div.signup div {
	margin: 0 0 15px;
}
.register div.signup label {
	display: block;
	color: #00648a;
	font-size: 16px;
}
.register div.signup input.text {
	width: 250px;
    padding: 7px 5px 5px;
    font-size: 14px;
    color: #333;
    height: 33px;
    margin-bottom: 10px;
}
.register div.signup input.name {
	width: 250px;
    padding: 7px 5px 5px;
    font-size: 14px;
    color: #333;
    height: 33px;
    margin-bottom: 10px;
}
.register div.signup div.terms label {
	display: inline-block;
}
.register div.signup div.btns {
	margin: 30px 0 0 0;
}
.register div.logo {
	float: right;
	width: 250px;
	padding-top: 30px;
}

/* wrapper */
#wrapper{
	width:100%;
	height:100%;
}

/* navbar */
#nav {
	padding: 10px 0 10px 8px;
	margin-bottom: 20px;
	background: #fff;
	border-bottom: 1px solid #d9d9d9;
	position: fixed;
	z-index: 9999;
	width: 100%;
	min-height: 71px;
    -moz-box-shadow: 4px 5px 21px 0px #a1a1a190;
    -webkit-box-shadow: 4px 5px 21px 0px #a1a1a190;
    box-shadow: 4px 5px 21px 0px #a1a1a190;
}


/* header */
#header{
	padding:10px;
	background:url(/images/bg-body-e9967bd2dd1069f3eff6e3ba51470899.png) repeat-x top left #E7EAEE;
}
#company{
	float:left;
	font-size:1.6em;
}
#topnav{
	float:right;
}
#topnav a{
	display:inline-block;
	margin-right:8px;
	margin-left:8px;
	font-size:1.1em;
}

/*footer*/
#footer {
	color: #777;
	line-height: 2em;
	text-align: center;
	margin-top: 200px;
}

#footer strong{
	margin-right:10px;
	margin-left:10px;
	font-size:0.75em;
}
body#module #footer {
	text-align: center;
}

/* container */
#container{
	padding:111px 10px 0;
	position:relative;
	line-height:1.5em;
	max-width: 1750px;
	margin: 0 auto;
}
#containerPresentation {
	padding: 35px 10px 0;
    position: relative;
    line-height: 1.5em;
    max-width: 1750px;
    margin: 0 auto;
}
#content {
	position: relative;
}

/* launch pad */
#va_hq:before {
	content: "";
	background: inherit;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	box-shadow: inset 0 0 2000px rgba(255, 255, 255, .5);
	filter: blur(10px);
	margin: -20px;
 }
#va_hq {
	padding: 10px;
	margin-top: -85px;
	padding: 10px;
    margin-top: -85px;
    max-width: 100%;
    max-height: 70vh;
    overflow-y: auto;
    overflow-x: none;
    position: relative;
     -moz-box-shadow: 4px 5px 21px 0px #a1a1a190;
    box-shadow: 0 0 1rem 0 rgba(0, 0, 0, .2);
    border-radius: 5px;
    position: relative;
    z-index: 1;
    background: inherit;
}
#va_hq .island {
	margin-right: 20px;
}
#va_hq_header {
	margin: 0 0 15px;
	padding-left: 10px;
}
#va_hq_header h1 {
	font-size: 28px;
	color: #eee;
	margin: 25px 0;
	font-weight: normal;
}
#va_hq_nav {
	width: 675px;
	margin: 0 0 25px;
	background: url(/images/nav_cont_bg-fbf42a8718c02555ebf86e765e4bb395.gif) bottom left repeat-x #4577a5;
	padding: 8px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow:0 0 10px #a1a1a190;
	-moz-box-shadow:0 0 10px #a1a1a190;
	box-shadow:0 0 10px #a1a1a190;
}
#va_hq_nav a {
	display: block;
	float: left;
	padding: 3px 8px;
	margin-right: 7px;
	font-size: 11px;
	background:url(/images/btn-1-264006c7cb57fea5676216fa2a70c7c9.gif) repeat-x 0 0 #d9d9d9;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border-collapse: collapse;
	color: #777;
	text-decoration: none;
}
#va_hq_nav a.logout {
	float: right;
	margin: 0;
}
#va_hq_nav .pictos {
	margin-right: 4px;
}
#va_hq_content div.login-col {
	float: left;
	width: 213px;
}
#va_hq_content div.context {
	float: left;
	background: #FFF;
	height: 110px;
	width: 200px;
	border: 1px solid #D9D9D9;
	margin: 0 1px 10px 0;
	position: relative;
	border-radius: 5px;
	opacity: 0.93;
}
#va_hq_content div.context:hover {
	cursor: hand;
	cursor: pointer;
	border: 1px solid #00AEEF;
}
#va_hq_content div.context div.logo {
	height: 50px;
	width: 100px;
	background-position: 50%;
	background-size: contain;
	background-repeat: no-repeat;
	margin: 21px auto 0;
}
#va_hq_content div.context div.name {
	left: 0;
	bottom: 0;
	padding: 0 4px;
	font-size: 16px;
	color: #777;
	position: absolute;
	width: inherit;
	white-space: nowrap; 
  	overflow: hidden;
    text-overflow: ellipsis;
}
#va_hq_content div.context div.jump {
	color: #777;
	font-style: italic;
	font-size: 10px;
}
#va_hq_content div.context div.jump a {
	color: #777;
}
#va_hq_content button {
	visibility: hidden;
}
#va_hq_content input {
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
}
.launchpad-account-container {
	width: 100px;
	height:  100px;
	margin-left:  auto;
	margin-right: auto;
}

/* nav */
ul.left-nav, ul.left-nav li {
	float: left;
}
ul.left-nav, ul.left-nav i {
	font-size: 12px;
}
ul.right-nav, ul.right-nav li {
	float: right;
}
ul.right-nav, ul.right-nav i {
	font-size: 40px;
}
ul.right-nav i {
	display: block;
	position: relative;
	color: #7B7E87;
	text-decoration: none;
	margin: 5px 20px 0 0
}
ul.right-nav i:hover {
	text-shadow: #ccc 2px 2px 2px;
}
/* fix for small resolutions and nav crunching */
@media only screen and (max-width : 940px) {
	ul.right-nav, ul.right-nav li {
		float: left;
		margin-top: 10px;
	}
}
ul.topnav, .topnav .fa-search {
	color: #b1b1b1;
}
ul.topnav, .topnav li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin: 0;
	padding: 0;
}
ul.topnav li {
	display: inline-block;
	position: relative;
}
ul.topnav .parent {
	display: block;
	position: relative;
	padding: 0 9px;
	color: #777;
	text-decoration: none;
	font-size: 16px;
	margin-right: 29px;
	padding: 19px 0 5px 0;
}
ul.topnav .parent:hover {
	color: #333;
}
ul.topnav .parent:hover i {
	color: #00AEEF;
}
ul.topnav .parent:active {
	color: #7B7E87;
}
ul.topnav span:hover {
	cursor: pointer;
	cursor: hand;
}
ul.topnav strong {
	font-weight: normal;
	margin-right: 2px;
}
ul.topnav a.pictos-nav {
	padding-left: 22px;
}
ul.topnav a.pictos-nav span {
	position: absolute;
	top: 14px;
	left: 8px;
	padding: 0;
}
ul.topnav .arrow span {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 22px;
	right: 12px;
}
ul.topnav ul.subnav {
	position: absolute;
	display: none;
	width: 200px;
	margin-top: 20px;
	z-index: 2;
	background: #FFF;
	font-size: 14px;
	border:1px solid #d9d9d9;
	border-top: none;
	line-height: 1.5;
	-moz-box-shadow: 0px 5px 21px 0px #a1a1a190;
    -webkit-box-shadow: 0px 5px 21px 0px #a1a1a190;
    box-shadow: 0px 10px 21px 0px #a1a1a190;
}
ul.left-nav ul.subnav {
	left: 0;
}
ul.right-nav ul.subnav {
	right: 0;
}
.right-nav {
	border-left: 1px solid #33333321;
}
ul.topnav ul.subnav li {
	clear: both;
	background: #FFF;
	border: 0;
	display: block;
	margin: 0;
	width: 100%;
}
ul.topnav ul.subnav li.nav-border {
	margin-top: 5px;
	padding-top: 5px;
	border-top: 1px solid #d9d9d9;
}
ul.topnav ul.subnav a {
	display: block;
	text-decoration: none;
	padding: 7px 10px;
	color: #777;
}
ul.topnav ul.subnav a span {
	color: #00AEEF;
}
ul.topnav ul.subnav a:hover {
	background: #F5F5F5;
}
ul.topnav .topnav-search-box-autocomplete-target {
	padding: 0 15px;
}
ul.topnav .topnav-search-box-container {
	width: 249px;
	padding: 7px 0;
	display: block;
	position: relative;
}
ul.topnav .topnav-search-box {
	position: relative;
	display: block;
	width: 242px;
	padding: 0;
	overflow: hidden;
	border: 1px solid #d9d9d9;
}
ul.topnav .topnav-search-box:hover {
	border: 1px solid #00AEEF;
}
ul.topnav .topnav-search-box label {
	position: absolute;
	left: 5px;
	top: 11px;
	color: #777;
	font-size: 10px;
	font-weight: bold;
}
ul.topnav .topnav-search-box label .topnav-search-label {
	padding-left: 10px;
	font-weight: normal;
}
ul.topnav .topnav-search-box #search_box {
	display: block;
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding: 2px 5px 0 21px;
	line-height: 15px;
	height: 35px;
	border: none;
	color: #00aeef;
	font-size: 14px;
}
ul.topnav .topnav-adv-search {
	display: none;
	position: absolute;
	right: 0;
	top: 1px;
}
ul.topnav .topnav-search-box-hover .topnav-adv-search {
	display: inline-block;
}
ul.topnav li.queue span.queue-inbox-number {
	display: inline-block;
	margin-left: 2px;
	color: #7B7E87;
	line-height: 1;
	padding: 0;
	font-weight: bold;
}
ul.topnav li.history span.arrow span.pictos {
	font-weight: normal;
}
ul.topnav li.history ul.subnav {
	width: 300px;
}
ul.topnav li.history ul.subnav li.quick-jump-item {
	border-bottom: 1px solid #EEE;
}
ul.topnav li.history ul.subnav li.quick-jump-item a {
	font-size: 12px;
	color: #777;
}
ul.topnav li.history ul.subnav li.quick-jump-item a:hover, ul.topnav li.history ul.subnav li.campaign-jump a:hover strong, ul.topnav li.history ul.subnav li.candidate-jump a:hover strong, ul.topnav li.history ul.subnav li.dashboard-jump a:hover {
	background-color: #f5f5f5;
	background-position: 5px -44px;
}
ul.topnav li.history ul.subnav li.campaign-jump strong, ul.topnav li.history ul.subnav li.candidate-jump strong {
	font-size: 14px;
	display: block;
	margin: 0 0 5px 0;
	color: #7B7E87;
}
ul.topnav li.history ul.subnav li.campaign-jump a {
	display: block;
	text-decoration: none;
	padding: 7px 10px;
	color: #777;
}
ul.topnav li.history ul.subnav li.campaign-jump i {
	color: #94c855;
	padding-right: 8px;
	font-size: 16px;
}
ul.topnav li.history ul.subnav li.candidate-jump a {
	display: block;
	text-decoration: none;
	padding: 7px 10px;
	color: #777;
}
ul.topnav li.history ul.subnav li.candidate-jump i {
	color: #00AEEF;
	padding-right: 8px;
	font-size: 16px;
}
ul.topnav li.history ul.subnav li.list-jump a {
	display: block;
	text-decoration: none;
	padding: 7px 10px;
	color: #7B7E87;
}
ul.topnav li.history ul.subnav li.dashboard-jump a {
	padding: 7px 10px;
	font-size: 16px;
	color: #333;
	text-align: center;
	background: #f5f5f5;
}
ul.topnav li.history ul.subnav li.list-jump span {
	font-size: 13px;
	display: block;
	padding: 0;
	margin: 0 0 5px 0;
}
ul.topnav li.history ul.subnav li.list-jump span strong {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 3px 6px;
	display: inline-block;
	font-weight: normal;
}
ul.topnav li.history ul.subnav li.list-jump strong.total-candidates {
	background: #f9f9f9;
	color: #FFF;
	text-shadow: 1px 1px 0 #222;
}
ul.topnav li.history ul.subnav li.list-jump strong.new-candidates {
	background: #fbbe18;
	color: #FFF;
	text-shadow: 1px 1px 0 #222;
}
ul.topnav li.history ul.subnav li.list-jump strong.completed-candidates {
	background: #f9f9f9;
	color: #FFF;
	text-shadow: 1px 1px 0 #222;
}
ul.topnav li.history ul.subnav li.list-jump strong.accepted-candidates {
	background: #94c855;
	color: #FFF;
	text-shadow: 1px 1px 0 #222;
}
ul.topnav li.history ul.subnav li.list-jump strong.rejected-candidates {
	background: #d90118;
	color: #FFF;
	text-shadow: 1px 1px 0 #222;
}
ul.topnav li.history ul.subnav li.list-jump strong.pending-candidates {
	background: #FEDF73;
	color: #222;
}
ul.topnav li.history ul.subnav li.list-jump strong.incomplete-candidates {
	background: #0C73CF;
	color: #FFF;
	text-shadow: 1px 1px 0 #222;
}
ul.topnav li.history ul.subnav li.list-jump strong.noresponse-candidates {
	background: #0C73CF;
	color: #FFF;
	text-shadow: 1px 1px 0 #222;
}
ul.topnav li.history ul.subnav li.list-jump strong.duplicate-candidates {
	background: #0C73CF;
	color: #FFF;
	text-shadow: 1px 1px 0 #222;
}
li.no-recent-history em {
	display: block;
	padding: 5px 10px;
	font-size: 14px;
	color: #777;
}
ul.topnav li.personal {
	border: none;
}


/* info panel top of content area */
#info_panel {
	margin-bottom: 20px;
	background: #777;
	color: #fff;
	border: 1px solid #d9d9d9;
	padding-top: 3px;
}
#info_panel ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#info_panel li {
	display: block;
	float: left;
	margin: 9px;
	padding-right: 35px;
	border-right: 1px solid #d9d9d9;
	font-size: 16px;
}
#info_panel li:last-child {
	border: none;
}
#info_panel li span {
	font-size: 12px;
	margin-bottom: 7px;
	color: #fff;
	display: block;
}
#info_panel li.home span {
	margin-bottom: 0;
}
#info_panel a.btn {
	font-weight: normal;
	line-height: 10px;
	padding: 5px 5px 3px 5px;
	margin-right: 2px;
}
#info_panel a {
	color: #fff;
}

/* system messages */
div#system_messages {
	width: 100%;
	position: fixed;
	z-index: 1000;
	background: #fff;
	color:#94c855;
	border-bottom:2px solid #94c855;
	font-size: 18px;
	line-height: 1.5;
	padding:20px 20px 20px 77px;
	background:url(/images/notification-7b477a9a9c88415e3d44e1f8b0317ba5.svg)no-repeat 23px, linear-gradient(to bottom, #ffffff 0%, #94c855 1000%);
	background-size: 35px;
}
div#system_messages form div p {
	float: left;
}
div#system_messages form div a.close-system-msg-link {
	display: block;
	float: right;
	font-size: 10px;
	line-height: 17px;
	padding: 2px 6px;
}
form#siteMessageForm {
	margin-top: 77px;
}

/* 404s, etc */
body#error_page .island {
	max-width: 500px;
	padding: 10px;
	margin: 30px auto;
}
body#error_page .island-blue p {
	margin: 25px 5px;
	padding: 0 15px;
	font-size: 16px;
	line-height: 1.6;
}
body#error_page .island p.context-switch-companies {
	margin-top: 20px;
	margin-bottom: 20px;
	font-weight: bold;
	font-size: 13px;
	color: #333;
}
body#error_page .island p.context-switch-companies strong {
	color: #111;
}
#error_page .island-blue {
	border-top: 6px solid #d90118;
}
#error_page .island-blue h1 {
	color: #d90118;
}
#error_page .island-blue a {
	color: #00aeef;
}
#error_page .island-blue a:hover {
	color: #00a1e2;
}
.context-switch-actions a {
	margin-right: 10px;
	font-size: 14px;
	padding: 6px 12px;
}
body#error_page #footer {
	text-align: center;
}

/* islands and columns */
.col220 {
	width: 220px;
}
.col320{
	width: 320px;
}
.col480 {
	width: 480px;
}
.col640 {
	width: 640px;
}
.full-fluid-col {
	width: 100%;
	min-width: 378px;
	background: #fff;
	border: 1px solid #D9D9D9;
}
.large-fluid-col {
	width: 65%;
	min-width: 378px;
	background: #fff;
	border: 1px solid #D9D9D9;
}
.fluid-col {
	width: 40%;
	min-width: 378px;
	margin: 0 auto;
	background: #fff;
	border: 1px solid #D9D9D9;
}
.small-fluid-col {
	width: 33%;
	background: #fff;
	border: 1px solid #D9D9D9;
}
/* margins */
.col-margin-left {
	margin-left: 10px;
}
	.col-margin-left-220 {
		margin-left: 230px;
	}
	.col-margin-left-320 {
		margin-left: 330px;
	}
	.col-margin-left-480 {
		margin-right: 490px;
	}
	.col-margin-left-640 {
		margin-left: 650px;
	}
.col-margin-right {
	margin-right: 10px;
}
	.col-margin-right-220 {
		margin-right: 240px;
	}
	.col-margin-right-320 {
		margin-right: 330px;
	}
	.col-margin-right-480 {
		margin-right: 490px;
	}
	.col-margin-right-640 {
		margin-right: 650px;
	}
.margin-top-20 {
	margin-top: 20px;
}
/* floats */
.col-float-left {
	float: left;
}
.col-float-right {
	float: right;
}
/* positions */
.col-abs-right {
	position: absolute;
	top: 0;
	right: 0;
}
.col-abs-left {
	position: absolute;
	top: 0;
	left: 0;
}
/* island */
.island{
	position:relative;
	margin-bottom:20px;
	background:#fff;
	border:1px solid #d9d9d9;
}
.island-narrow {
	max-width:500px;
	background:#fff;
	border:1px solid #d9d9d9;
}
.island-center {
	margin:0 auto;
	background:#fff;
	border:1px solid #d9d9d9;
}
.island-blue {
	position:relative;
	min-width: 350px;
	margin-bottom:20px;
	background:#fff;
    border-top: 6px solid #00648a;
    border-right: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    border-left: 1px solid #d9d9d9;
    padding: 10px 10px 0px 10px;
}
.island-blue h1 {
	color: #00648a;
	font-size: 32px;
	margin: 10px 10px 30px;
}
.island-blue h2 {
	color: #00648a;
	font-size: 20px;
	line-height: 1.5;
	margin: 5px 0 20px;
}
.island-blue h3 {
	font-size: 14px;
	line-height: 1.6;
	margin: 20px;
}
.island-blue p, .island-template p, .island-campaign p, .island-candidate p {
	font-size: 14px;
	line-height: 1.5;
}
.island-template {
	position:relative;
	margin-bottom:20px;
	background:#fff;
    border-top: 6px solid #00648a;
    border-right: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    border-left: 1px solid #d9d9d9;
    padding: 10px 0px 0px 10px;
}
.island-template h1 {
	color: #00648a;
	font-size: 32px;
	margin: 10px 10px 30px;
}
.island-template h2 {
	color: #00648a;
	font-size: 20px;
	line-height: 1.5;
	margin: 20px 0 20px;
}
.island-campaign {
	position:relative;
	margin-bottom:20px;
	background:#fff;
    border-top: 6px solid #00648a;
    border-right: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    border-left: 1px solid #d9d9d9;
    padding: 10px 0px 0px 10px;
}
.island-campaign h1 {
	color: #00648a;
	font-size: 32px;
	margin: 10px 10px 30px;
}
.island-campaign h2 {
	color: #00648a;
	font-size: 20px;
	line-height: 1.5;
	margin: 20px 0 20px;
}
.island-candidate {
	position:relative;
	margin-bottom:20px;
	background:#fff;
    border-top: 6px solid #00648a;
    border-right: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    border-left: 1px solid #d9d9d9;
    padding: 10px 0px 0px 10px;
}
.island-candidate h1 {
	color: #00648a;
	font-size: 32px;
	margin: 10px 10px 30px;
}
.island-candidate h2 {
	color: #00648a;
	font-size: 20px;
	line-height: 1.5;
	margin: 20px 0 20px;
}
.extra-actions {
	margin: 10px;
}
.extra-actions p {
	margin: 5px 0;
	padding: 5px 0;
}
.module {
	max-width: 600px;
	padding: 10px;
	margin: 25px auto;
}
.generic-module {
	padding: 15px;
}

/* interaction panels */
.interaction-panel {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin: 20px 0 10px 29px;
}
.interaction-panel .label {
	padding: 1px;
	font-size: 16px;
}
.interaction-panel select {
	margin-right: 15px;
}
.interaction-panel a {
	margin: 0 5px;
	font-size: 14px;
	color: #777;
}
.interaction-panel a:hover {
	margin: 0 5px;
	font-size: 14px;
	color: #00aeef;
}
.interaction-panel .categories {
	margin-right: 20px;
}
.action-btn-panel {
	margin: 10px;
	padding: 5px;
	position: relative;
}
.action-btn-panel span.selects {
	margin-right: 10px;
}
.action-btn-panel span.selects a {
	margin-right: 5px;
	color: #777;
}
.action-btn-panel span.links {
	display: block;
	position: absolute;
	top: 10px;
	right: 10px;
}
.action-btn-panel span.links a {
	margin-left: 8px;
	color: #777;
}



/* sublinks module */
.sublinks-header {
	border-top: 6px solid #00648a;
	color: #00648a;
	font-size: 20px;
	padding: 8px 8px 10px;
}
.sublinks-body a {
	color: #777;
	font-size: 14px;
	padding-left: 3px;
}
.sublinks-body h3 {
	margin: 5px 0;
	padding: 0 0 5px 0;
	border-bottom: 2px solid #d9d9d9;
	text-transform: uppercase;
	color: #777;
	font-size: 0.8em;
}
.links i {
	padding-right: 3px;
}
.sublinks-body ul.links {
	list-style: none;
	color: #333;
	font-size: 14px;
	background: #fff;
}
.sublinks-body ul.links strong {
	font-size: 1.1em;
	color: #111;
}



/* Dashboard Islands */
#dashboard-candidate-totals .sublinks-header, #dashboard-recent, #presentation {
	border-top: 6px solid #00648a;
	padding: 10px;
}
#dashboard-candidate-totals i, #dashboard-alerts i, #dashboard-recent i, #presentation i {
	font-size: 24px;
	float: left;
	margin: 10px 10px 20px 10px;
}
#dashboard-recent i, #presentation i {
	color: #94c855;
}
#dashboard-candidate-totals h2, #dashboard-alerts h2, #dashboard-recent h2, #presentation h2 {
	font-size: 24px;
	margin: 10px 10px 20px 10px;
}
#dashboard-candidate-totals .sublinks-header h2, #dashboard-recent h2, #presentation h2 {
	color: #00648a;
}
#dashboard-candidate-totals i {
	color: #00AEEF;
}
#dashboard-candidate-totals .sublinks-header h2 {
	margin-bottom: 45px;
}
#dashboard-candidate-totals span {
	font-size: 40px;
	color: #00AEEF;
}
#dashboard-candidate-totals .total-candidates {
	color: #00AEEF;
}
#dashboard-candidate-totals .total-label {
	font-size: 15px;
	color: #777;
	margin: 7px 0 30px;
}
#dashboard-candidate-totals span:hover {
	color: #00648a;
}
#dashboard-alerts .sublinks-header {
	border-top: 6px solid #777;
	background: none;
	padding: 7px 0px 0px 10px;
}
#dashboard-alerts i {
	color: #d90114;
}
#dashboard-alerts h2 {
	color: #777;
}
#dashboard-alerts a {
	font-size: 24px;
	color: #777;
	margin: 15px 0px 15px 0;
}
#dashboard-alerts a:hover {
	color: #d90118;
	background: transparent;
}
#dashboard-alerts .total-label {
	font-size: 12px;
	color: #777;
	margin-top: 10px;
}
#dashboard-recent h3 {
	font-size: 18px;
	margin-left: 10px;
}
#dashboard-recent .candidate:hover {
	color: #00a1e2;
}
.candidate-recent-responses .candidate:hover {
	color: #00a1e2;
}
.candidate-recent-responses .campaign:hover {
	color: #7baf3c;
}


/* Candidate Stats */
ul.totals-list li {
	margin: 15px 0;
	display: inline-block;
	text-align: center;
}
ul.totals-list .totals {
	display: inline-block;
	padding: 3px 5px;
	margin-right: 4px;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}
ul.totals-list a span.total-label {
	font-weight: normal;	
}
ul.totals-list a:hover {
	text-decoration: none;
}
ul.totals-list a:hover span.total-label {
	text-decoration: underline;
}
ul.totals-list .total-candidates {
    background: #00AEEF33;
    border: 3px solid #00AEEF;
    color: #00AEEF;
	font-size: 25px;
	text-align: center;
	height: 50px;
	width: 50px;
	border-radius: 50%;
	-webkit-border-radius: 50%; 
	-moz-border-radius: 50%;
}
ul.totals-list .new-candidates {
    background: #00AEEF33;
    border: 3px solid #00AEEF;
    color: #00AEEF;
	font-size: 25px;
	text-align: center;
	height: 50px;
	width: 50px;
	border-radius: 50%;
	-webkit-border-radius: 50%; 
	-moz-border-radius: 50%;
}
ul.totals-list .completed-candidates {
    background: #00AEEF33;
    border: 3px solid #00AEEF;
    color: #00AEEF;
	font-size: 25px;
	text-align: center;
	height: 50px;
	width: 50px;
	border-radius: 50%;
	-webkit-border-radius: 50%; 
	-moz-border-radius: 50%;
}
ul.totals-list .accepted-candidates {
    background: #00AEEF33;
    border: 3px solid #00AEEF;
    color: #00AEEF;
	font-size: 25px;
	text-align: center;
	height: 50px;
	width: 50px;
	border-radius: 50%;
	-webkit-border-radius: 50%; 
	-moz-border-radius: 50%;	
}
ul.totals-list .rejected-candidates {
    background: #00AEEF33;
    border: 3px solid #00AEEF;
    color: #00AEEF;
	font-size: 25px;
	text-align: center;
	height: 50px;
	width: 50px;
	border-radius: 50%;
	-webkit-border-radius: 50%; 
	-moz-border-radius: 50%;
}
ul.totals-list .pending-candidates {
    background: #00AEEF33;
    border: 3px solid #00AEEF;
    color: #00AEEF;
	font-size: 25px;
	text-align: center;
	height: 50px;
	width: 50px;
	border-radius: 50%;
	-webkit-border-radius: 50%; 
	-moz-border-radius: 50%;
}
ul.totals-list .incomplete-candidates {
    background: #FFBF2233;
    border: 3px solid #FFB600;
    color: #FFB600;
	font-size: 25px;
	text-align: center;
	height: 50px;
	width: 50px;
	border-radius: 50%;
	-webkit-border-radius: 50%; 
	-moz-border-radius: 50%; 
}
ul.totals-list .noresponse-candidates {
    background: #FFBF2233;
    border: 3px solid #FFB600;
    color: #FFB600;
	font-size: 25px;
	text-align: center;
	height: 50px;
	width: 50px;
	border-radius: 50%;
	-webkit-border-radius: 50%; 
	-moz-border-radius: 50%; 
}
ul.totals-list .duplicate-candidates {
    background: #FFBF2233;
    border: 3px solid #FFB600;
    color: #FFB600;
	font-size: 25px;
	text-align: center;
	height: 50px;
	width: 50px;
	border-radius: 50%;
	-webkit-border-radius: 50%; 
	-moz-border-radius: 50%; 
}
ul.totals-list a.active span.totals {
	background: #FFF;
	color: #222;
	text-shadow: none;
}



/* side modules */
.side-navigation a {
	text-decoration: none;
	display: block;
	font-size: 14px;
	padding-left: 7px;
}
.side-navigation a:hover {
	text-decoration: none;
	background: #f5f5f5;
	color: #777;
}
.side-navigation a.active {
	background: #f5f5f5;
	color: #777;
	padding-left: 7px;
}
.sublinks-templates a:hover i {
	color: #f17642;
}
.sublinks-templates a.active i {
	color: #f17642;
}
.campaign-subnav a:hover i {
	color: #94c855;
}
.campaign-subnav li.active i {
	color: #94c855;
}
.campaign-subnav li.active {
	background: #f5f5f5;
}
.side-navigation ul {
	list-style: none;
	margin: 0;
}
.side-navigation li {
	line-height: 42px;
	font-size: 14px;
	color: #777;
}
.side-tip {
	padding: 10px;
}
.side-tip h2 {
	font-size: 16px;
	color: #00648a;
	margin-bottom: 8px;
	line-height: 1.5;
}
.side-tip p {
	font-size: 14px;
	margin: 8px 0 12px 0;
    color: #777;
    line-height: 1.5;
}
.hide-nav {
	height:10px;
	padding:3px;
	text-align:center;
	position:absolute;
	top:7px;
	right:5px;
	font-size:14px;
	z-index: 105;
	line-height: 17px;
	color: #d1d1d1;
}
.hide-nav:hover {
	color: #00aeef;
	cursor:hand;
	cursor:pointer;
}
.show-nav {
	height:10px;
	padding:11px 3px 3px;
	color:#d1d1d1;
	text-align:center;
	background: #f9f9f9;
	font-size:14px;
	z-index: 105;
	line-height: 16px;
	border: 1px solid #d9d9d9;
	width: 22px;
	-webkit-box-shadow: 2px 5px 5px #a1a1a190;
	-moz-box-shadow: 2px 5px 5px #a1a1a190;
	box-shadow: 2px 5px 5px #a1a1a190;
}
.show-nav:hover {
	color:#00aeef;
	cursor:hand;
	cursor:pointer;
}
.collapsed-col {
	width:20px;
}
html div.expanded-right-col {
	margin-left: 30px;
}
html div.expanded-left-col {
	margin-right: 30px;
}
div.personal-stats .sublinks-header h2 em {
	color: #777;
	font-style: normal;
	font-size: 9px;
	font-weight: normal;
	margin-left: 8px;
}
.side-filters {
	background: #f9f9f9;
}
.side-filter i {
	font-size: 12px;
	color: #777;
}
.side-filter-tooltip {
	width: 240px;
	z-index: 1;
	padding: 20px 25px;
	position: absolute;
	color: #333;
	background: #fff;
	font-size: 14px;
	line-height: 1.5;
	text-transform: none;
	font-weight: normal;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	border-radius: 14px;
	-moz-box-shadow: 0 5px 80px 5px #a1a1a190;
	-webkit-box-shadow: 0 5px 80px 5px #a1a1a190;
	box-shadow: 0 5px 80px 5px #a1a1a190;
}
.side-filter h4 {
	position: relative;
	font-size: 12px;
	border-bottom: 1px solid #d9d9d9;
	border-top: 1px solid #d9d9d9;
	text-align: left;
	padding: 11px 10px 9px;
	background: #f1f1f1;
	color: #333;
	font-weight: 100;
}
.side-filter:first-child h4 {
	border-top: none;
}
.side-filter .side-filter-header-tip {
	position: absolute;
	right: 5px;
	top: 11px;
	z-index: 1;
}
.side-filter-content {
	padding: 15px 10px 20px;
}
.side-filter-textbox {
	width: 188px !important;
	padding: 4px;
	font-size: 13px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #00aeef;
}
.side-filter-checkbox-group {
	margin: 4px 2px;
}
.side-filter-checkbox-group input {
	margin-right: 6px;
}
.side-filter-checkbox-group label {
	font-size: 12px;
	color: #777;
}
.side-filter-checkbox-group .campaign-type {
	position: relative;
	padding-left: 24px;
}
.side-filter-checkbox-group .icon-campaign-type {
	position: absolute;
	left: 2px;
	top: -8px;
	display: inline-block;
	width: 40px;
	height: 40px;
	line-height: 14px;
	text-indent: -9999px;
	overflow: hidden;
}
.side-filter-checkbox-group .icon-campaign-type-audio {
	background: url(/images/interview-audio-93681e650434677aa3125e97d81be523.svg) no-repeat;
	background-position: 0 5px;
	background-size: 40%
}
.side-filter-checkbox-group .icon-campaign-type-text {
	background: url(/images/interview-text-questionnaire-eda7774ef0bf0ba30d754f6bb84fa228.svg) no-repeat;
	background-position: 0 7px;
	background-size: 31%
}
.side-filter-checkbox-group .icon-campaign-type-video {
	background: url(/images/interview-video-f9676dc13c95a100b341925af19f9f60.svg) no-repeat;
	background-position: 0 7px;
	background-size: 40%
}
.side-filter-date {
	float: left;
	width: 90px;
}
.side-filter-date-cancel {
	float: left;
	width: 18px;
}
.side-filter-date-cancel-btn {
	font-size: 12px;
	color: #777;
	display: inline-block;
	width: 18px;
	height: 26px;
	line-height: 28px;
	text-align: center;
	cursor: pointer;
	cursor: hand;
}
.side-filter-date label {
	font-size: 12px;
	font-weight: bold;
	display: block;
	margin-bottom: 4px;
}
.side-filter-date-textbox {
	width: 75px;
	padding: 4px;
	text-align: center;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #00aeef;
}
.side-filter-custom-field-name {
	float: left;
	width: 96px;
	height: 15px;
	overflow: hidden;
	text-overflow: ellipsis;
	padding-right: 2px;
	white-space: nowrap;
	font-size: 12px;
	margin-top: 6px;
}
.side-filter-custom-field-entry {
	margin-bottom: 20px;
}
.side-filter-custom-field-entry:last-child {
	margin-bottom: 0;
}
.side-filter-custom-field-entry-row {
	height: 18px;
}
.side-filter-custom-field-entry-row + .side-filter-custom-field-entry-row {
	padding: 20px 0;
}
.side-filter-custom-field-free-text-input {
	height: 16px;
	padding: 13px 5px;
}
.side-filter-custom-field-op  {
	width: 100px;
	float: left;
}
.side-filter-footer {
	margin: 7px 65px 0;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	color: #777;
	font-size: 12px;
}
.side-filter-footer a {
	display: inline-block;
	margin: 0 3px;
}
.side-filter-footer .side-filter-clear-link {
	margin: 0;
	padding: 0;
	font-size: 12px;
}
.side-filter-saved-filter select {
	display: block;
	width: 198px;
	margin-bottom: 5px;
}
.side-filter-saved-filter .save-filter-btn {
	display: inline-block;
	margin-right: 5px;
	padding-top: 3px;
	font-size: 12px;
	text-decoration: none;
	padding-left: 2px;
}
.side-filter-saved-filter .save-filter-btn:hover {
	color: #00aeef !important;
	text-decoration: underline;
}
.side-filter-saved-filter-current {
	padding-left: 5px;
	border-left: 1px solid #d9d9d9;
}
.side-filter-saved-filter-current span {
	color: #333;
	margin-right: 3px;
	font-size: 10px;
}
.side-filter-saved-filter-current .save-filter-btn {
	margin-right: 3px;
}
.save-filter-save-name {

}
.save-filter-save-name input {
	width: 188px;
	padding: 4px;
	line-height: 13px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size: 13px;
	margin: 5px 0 10px;
	color: #00aeef;
}
.save-filter-save-name button {
	margin-left: 4px;
}



/* page titles */
.page-title {
	padding: 25px 10px 10px;
	margin: 5px;
	position: relative;
}
.page-title h1 {
	font-size: 28px;
	color: #2e3846;
	line-height: 1.5;
	font-weight: 900;
	margin-top: 0;
}
.page-title .links {
	float: right;
	top: 16px;
	right: 9px;
}



/* breadcrumbs */
.breadcrumb {
	padding: 5px 10px;
	background: #D6DCE3;
	margin-bottom: 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.breadcrumb a {
	font-size: 12px;
	font-weight: bold;
}

/* comapny logo in navbar */
.company-logo-nav {
	float: left;
	padding: 17px 10px 5px;
}
.company-logo-nav img {
	height: 25px;
	margin-top: -1px;	
}
.company-logo-holder {
	float: left;
	padding: 4px 20px;
}
.company-logo {
	text-align: center;
}
.company-logo img {
	max-height: 39px;
	max-width: 80px;
	font-size: 10px; 
}

/* form generics */
.checkbox, .radio {
	margin: 15px 0;
	font-size: 14px;
}
.checkbox input.chx {
	margin-right: 5px;
}
.radio input.rdo {
	margin-right: 5px;
	margin-top: -12px;
	height: 14px;
}
.radio-input {
	vertical-align: middle;
	height: 10px;
	width: 30px;
}
.radio-text {
  font-size:14px;
  vertical-align: middle;
  line-height:1.5;
}
fieldset.generic {
	border-top: 2px solid #d9d9d9;
	margin-bottom: 25px;
}
fieldset.generic legend {
	background: #FFF;
	padding-right: 8px;
	font-size: 18px;
	color: #00648a;
}
form tbody th {
	font-weight: normal;
}

/* sortable list module */
.sortable-list li:hover {
	cursor:move;
}
.sortable-list li {
	margin-bottom: 20px;
	font-size: 14px;
}
.sortable-list strong {
	margin-right: 10px;
	font-size: 10px;
}
.sortable-list em {
	font-size: 10px;	
	color: #777;
}

/* table generics */
.table-group {
	margin-bottom: 20px;
}
.table-group table {
	margin-bottom: 0;
	background: #FFF;
	font-size: 14px;
	line-height: 1.6;
}
.table-footer-btns {
    text-align: center;
    margin: 20px 0;	
}
.group-title{
	position: relative;
}
.group-title .links{
	position:absolute;
	top:-3px;
	right:0;
}
.group-title em.breaker {
	color: #BDB890;
	margin-left: 10px;
	margin-right: 10px;
}
.list {
	width: 100%;
}
.list th {
	text-align: left;
	padding: 8px 0 5px 2px;
	background: #f1f1f1;
	color: #777;
	font-weight: 100;
	border-top: 1px solid #d9d9d9;
}
.list td {
	padding: 13px 10px 10px 10px;
	border: 1px solid #D9D9D9;
}
.list td:first-child a {
	font-size: 16px;
	color: #00648a;
}
.list td:first-child a:hover {
}
.list th:first-child {
	border-left: 1px solid #d9d9d9;
}
.list th:last-child {
	border-right: 1px solid #d9d9d9;
}
.list td td {
	border: none;
}
.list .select-actions {
	text-align: center;
}
.list .selects {
	background:url(/images/btn-1-264006c7cb57fea5676216fa2a70c7c9.gif) repeat-x 0 0 #d9d9d9;
	color:#777;
	padding:3px 8px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow:0 0 2px #a1a1a190;
	-moz-box-shadow:0 0 2px #a1a1a190;
	box-shadow:0 0 2px #a1a1a190;
	position: relative;
	display: inline-block;
}
.list .selects .select-options {
	display: none;
	background: #FFF;
	padding: 5px 0;
	width: auto;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow:0 0 5px #a1a1a190;
	-moz-box-shadow:0 0 5px #a1a1a190;
	box-shadow:0 0 5px #a1a1a190;
	position: absolute;
	top: -65%;
	left: -10px;
}
.list .selects .select-options a {
	display: block;
	padding: 3px 10px;
	width: 100px;
	text-align: left;
	text-shadow: none;
}
.list .selects .select-options a:hover {
	background: #F3F3F3;
}
.list td.name form {
	display: inline;
	margin-right: 5px;
}
.list .users-campaign-groups {
	vertical-align: top;
}
.list .users-campaigns-groups-box {
	padding: 5px;
}
.list .users-campaigns-groups-box + .users-campaigns-groups-box {
	margin-top: 10px;
}
.list .users-campaigns-groups-header {
	font-weight: bold;
	padding: 0 5px 5px;
	color: #000;
	white-space: nowrap;
}
.list .users-campaigns-groups-content {
	position: relative;
}
.list .users-campaigns-groups-scroll {
	max-height: 120px;
	overflow-y: scroll;
	background: #FFF;
	border: 1px solid #d9d9d9;
	padding: 10px;
	line-height: 19px;
}
.list .users-campaigns-groups-scroll div {
	white-space: nowrap;
	font-size: 12px;
}
.list .users-campaigns-groups-empty {
	color: #777;
}
.list .users-campaigns-groups-shadow-top {
	position: absolute;
	top: 1px;
	left: 1px;
	right: 1px;
	height: 15px;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,1)), to(rgba(255,255,255,0)));
	background-image: -webkit-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0)); 
	background-image:    -moz-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0));
	background-image:     -ms-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0));
	background-image:      -o-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0));
}
.list .users-campaigns-groups-shadow-bottom {
	position: absolute;
	bottom: 1px;
	left: 1px;
	right: 1px;
	height: 15px;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,0)), to(rgba(255,255,255,1)));
	background-image: -webkit-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,1)); 
	background-image:    -moz-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,1));
	background-image:     -ms-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,1));
	background-image:      -o-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,1));
}
.list .user-campaigns-groups-actions a {
	text-align: center;
}
.list .user-campaigns-groups-actions p + p {
	margin-top: 10px;
}
.user-campaigns-groups-actions ul {
	list-style: none;
}
.user-campaigns-groups-actions li {
	padding: 5px 0;
}
.user-campaigns-groups-actions span {
	font-size: 12px;
	color: #a1a1a1;
}
.user-campaigns-groups-actions span:hover {
	font-size: 12px;
	color: #6e717a;
}
ul.action-links {
	list-style: none; 
}
.action-links li {
	padding: 5px 0;
}
.action-links a {
    text-align: center;
}
.action-links span {
    font-size: 12px;
    color: #a1a1a1;
}
.action-links span:hover {
	font-size: 12px;
	color: #6e717a;
}


/*list-style: none;*/
.list .user-campaigns-groups-default-desc {
	font-size: 12px;
	color: #777;
}
.user-campaigns-groups-name {
	font-size: 16px;
}
.footnotes td{
	font-size:12px;
	border: none;
	color: #777;
}
.footnotes li{
	line-height:2em;
}
.summary-table-buffer {
	margin-bottom: 10px;
}
.summary-table{
	background:#FFF;
	border:2px solid #d9d9d9;
}
.summary-table td{
	border-left:1px solid #d9d9d9;
}
.summary-table td.first{
	border:none;
}
.summary-table .statistic{
	padding:5px;
}
.summary-table tr.rows-sub td{
	border-top:1px solid #d9d9d9;
}
.summary-table h4{
	font-size:1.1em;
	font-weight:normal;
	margin-bottom:10px;
	color:#777;
}
.summary-table h4 em{
	font-size:0.75em;
	color:#777;
	margin-left:5px;
	text-transform:uppercase;
}
.summary-table h4.help-padding{
	padding-right:15px;
}
.summary-table p{
	font-size:24px;
	line-height:1.1em;
	color:#222;
}
.summary-table p em {
	font-size: 14px;
	color: #777;
}
.summary-table p.smaller{
	font-size:16px;
}
.summary-table .help-container{
	top:5px;
	right:5px;
}
.summary-table-container tfoot {
	border-right: solid 2px #fff;
	border-bottom: solid 2px #fff;
	border-left: solid 2px #fff;
}
a.campaign-link:hover {
	color: #7BAF3C;
}
.tablesorter th.tablesorter-header .tablesorter-header-inner, .dataTable th.sorting .tablesorter-header-inner, .dataTable .sorting_asc .tablesorter-header-inner, .dataTable .sorting_desc .tablesorter-header-inner {
	padding-left: 12px;
	vertical-align: top;
	background-image:url(/images/sort-421b1db35438750235218d789374d7e5.svg);
	background-size: 7px;
 	background-position: 0 3px;
	background-repeat:no-repeat;
	cursor:pointer;
}
html .tablesorter th.tablesorter-headerSortUp .tablesorter-header-inner, .dataTable .sorting_asc .tablesorter-header-inner {
	padding-left: 12px;
	vertical-align: top;
	background-image:url(/images/sort-up-cc9fb0ffe18609f369fd42a3feb1f6ec.svg);
	background-size: 7px;
 	background-position: 0 5px;
	background-repeat:no-repeat;
	cursor:pointer;
}
html .tablesorter th.tablesorter-headerSortDown .tablesorter-header-inner, .dataTable .sorting_desc .tablesorter-header-inner {
	padding-left: 12px;
	vertical-align: top;
	background-image:url(/images/sort-down-a170f894fdef18320534b0981ce7f193.svg);
	background-size: 7px;
 	background-position: 0 3px;
	background-repeat:no-repeat;
	cursor:pointer;
}
.data-table-container {
	position: relative;
}
.data-table-top-row {
	padding-bottom: 20px;
}
.data-table-pagination {
	float: left;
	margin-top: 10px;
	font-size: 12px;
	color: #777;
}
.data-table-information, .data-table-length-option  {
	float: right;
	margin-top: 10px;
	font-size: 12px;
	color: #777;
}
.data-table-processing {
	position: absolute;
	top: -7px;
	left: 50%;
	margin-left: -100px;
	width: 200px;
}
.data-table-processing div {
	padding: 5px 0;
	text-align: center;
	font-size: 14px;
	line-height: 24px;
	background: #F2F9DC;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.paging_full_numbers a {
	cursor: pointer;
	cursor: hand;
	display: inline-block;
	padding: 6px 8px 3px;
	text-decoration: none;
	width: 37px;
	text-align: center;
	margin: 0 3px;
	border: 1px solid #d9d9d9;
	color: 777;
}
.paging_full_numbers a:hover {
	border: 1px solid #777;
	color: #fff;
	background: #777;
}
.paging_full_numbers .first {
	border: none;
}
.paging_full_numbers a.first, a.previous, a.next, a.last {
	width: 37px;
	font-size: 12px;
	border: 1px solid #d9d9d9;
	color: #777;
}
.paginate_button i {
	padding: 0px;
}
.paging_full_numbers a.first:hover {
	border: 1px solid #777;
	color: #fff;
	background: #777;
}
.paging_full_numbers .paginate_active {
	color: #fff;
	border: 1px solid #777;
	background: #777;
}
.paging_full_numbers .paginate_button_disabled {
	color: #777;
    width: 37px;
}
.data-table th {
	white-space: nowrap;
}
.table-pre-line {
	white-space: pre-line;
}
.data-table-campaign-link, .data-table-candidate-link {
	display: block;
	white-space: nowrap;
}
.data-table-campaign-link:hover {
	color: #7BAF3C;
}
.data-table-campaign-type {
	display: block;
	width: 40px;
	height: 40px;
	line-height: 14px;
	text-indent: -9999px;
}
.data-table-campaign-type-audio {
	background: url(/images/interview-audio-93681e650434677aa3125e97d81be523.svg) no-repeat;
	background-position: 11px 9px;
	background-size: 51%
}
.data-table-campaign-type-text {
	background: url(/images/interview-text-questionnaire-eda7774ef0bf0ba30d754f6bb84fa228.svg) no-repeat;
	background-position: 11px 8px;
	background-size: 42%
}
.data-table-campaign-type-video {
	background: url(/images/interview-video-f9676dc13c95a100b341925af19f9f60.svg) no-repeat;
	background-position: 12px 9px;
	background-size: 51%
}
.data-table-campaign-type-liveinterview {
	background: url(/images/interview-live-e11d997694cb08919b60160f9f88e994.svg) no-repeat;
	background-position: 12px 9px;
	background-size: 51%
}
.data-table-date, .data-table-phone {
	white-space: nowrap;
}
.data-table-campaign-desc {
	white-space: pre-line;
}
.actions-col {
	text-align: center;
}


/* tabs */
.tab-group {
	padding:0 5px 5px 5px;
	margin-bottom:20px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.tabs {
	border-bottom: 1px solid #d9d9d9;
}
.tabs ul {
	list-style: none;
	margin:0 0 -1px -2px;
}
.tabs li{
	display:inline;
	float:left;
	margin:0 2px;
	font-size: 16px;
}
.tabs a {
	color: #77777790;
	display:block;
	cursor: hand;
	cursor: pointer;
	margin:0;
	padding:8px 15px 5px;
	text-decoration:none;
	background: #f9f9f9;
	border:1px solid #d9d9d9;
	border-bottom:none;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
.tabs .active-tab{
	background: #FFF;
	border-top: 3px solid #00648a;;
	color: #00648a;;
	padding: 6px 15px;
}
.tabs .button-tab{
	float:right;
}
.tabs .instruction{
	color:#777;
	padding-top:9px;
	font-size:14px
}
.tab-container {
	background: #FFF;
	padding: 10px;
}

/* grouping generics */
.section-header:first-child {
	position: relative;
	margin: 30px 10px 20px;
	padding-top: 7px;
	color: #00648a;
	border-top: 2px solid #d9d9d9;
}
.section-header {
	position: relative;
	margin: 60px 10px 30px;
	padding-top: 7px;
	color: #00648a;
	border-top: 2px solid #d9d9d9;
}
.section-header h2 {
	font-size: 20px;
	margin-bottom: 10px;
	line-height: 1.6;
}
.section-header h4 {
	font-size: 18px;
	margin-bottom: 10px;
	line-height: 1.6;
}
.section-response {
	position: relative;
    color: #00648a;
    padding: 20px 20px 10px;
}
.section-response h2 {
	font-size: 16px;
	margin-bottom: 10px;
	line-height: 1.6;
}
.section-response .fa-volume-up {
    font-size: 16px;
    padding-left: 10px;
    color: #c1c1c1;
}
.section-response i:hover {
	color: #7BAF3C;
	font-size: 18px;
}
.section-header .fa-volume-up {
    font-size: 16px;
    padding-left: 10px;
    color: #c1c1c1;
}
.section-header i:hover {
	color: #7BAF3C;
	font-size: 18px;
}
.section-header em,
.section-header .links {
	position: absolute;
	display: block;
	top: 10px;
	right: 10px;
}
.section-header em {
	color: #777;
}

/* first time helper modules */
div.first-time {
	padding: 15px;
}
div.first-time h2 {
	font-size: 18px;
	margin-bottom: 20px;
}
div.first-time h2 a {
	padding: 8px 15px;
}
div.first-time h3 {
	font-size: 14px;
	margin: 12px 0;
}
div.first-time p {
	margin: 12px 0;
}
div.first-time ul {
	margin: 20px;
}
div.first-time li {
	margin-bottom: 8px;
}

/* invite declinations */
.declination-free-text {
	width: 400px;
	height: 100px;
}

input[type="radio"].declination-radio {
	margin-right: 5px;
}

/* browse campaigns & candidates & reviews*/
.list-accepted, .list-rejected, .list-nostatus, .list-incomplete, .list-noresponse {
	display: inline-block;
	white-space: nowrap;
	padding: 5px 7px 3px;
	font-size: 11px;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	max-width: 300px;
	border-radius: 25px;
	-webkit-border-radius:25px;
	-moz-border-radius:25px;
}
.list-accepted {
	background: #94c855;
	color: #333333;
	width: 100%;
	text-align: center;
	padding-top: 5px;
}
.list-rejected {
	background: #F26750;
	color: #fff;
	width: 100%;
	text-align: center;
	padding-top: 5px;
}
.list-nostatus {
	background: #FEDF73;
	color: #333333;
	width: 100%;
	text-align: center;
	padding-top: 5px;
}
.list-incomplete, .list-noresponse {
	background: #C7BAA7;
	color: #333333;
	width: 100%;
	text-align: center;
	padding-top: 5px;
}
.browse-campaign-list {
	margin: 10px;
}
.browse-campaign-list em.na {
	color: #777;
}
.browse-candidates-list {
	margin: 10px;
}
.duplicate-candidate tr.original td {
	background: #D8F29B;
}
.duplicate-candidate td.label label {
	display: inline-block;
	padding: 3px 8px;
	text-transform: uppercase;
	font-size: 9px;
	font-weight: bold;
	background: #f9f9f9;
	color: #FFF;
}
.duplicate-candidate div.highlight {
	background: #DD5E27;
	padding: 3px 8px;
	display: inline-block;
}
.no-data p {
	margin: 4px;
	padding: 4px;
	font-size: 16px;
	color: #777;
}
.not-available {
	background: #222;
	color: #FFF;
	padding: 5px 12px;
	font-weight: bold;
}
.feedback-review-icon {
	color: #777;
	font-style: italic;
}
.removed-campaigns {
	color: #777;
	font-size: 9px;
	padding: 10px 15px;
}
.removed-campaigns a {
	color: #777;
}

/* campaign candidate browser */
.ccb-module {
}
.ccb-filters {
	padding: 10px;
}
.ccb-filters h2 {
	font-size: 18px;
	margin: 0 0 10px;
}
.ccb-filters-statuses {
	display: table;
	width: 100%;
	margin-bottom: 30px;
	background: #FFF;
}
.ccb-filter-status {
	display: table-cell;
	text-align: center;
	text-decoration: none;
	cursor: hand;
	cursor: pointer;
	position: relative;
}
.ccb-filter-status-tooltip-wrapper {
	position: absolute;
	left: 50%;
}
.ccb-filter-status-tooltip {
	position: relative;
	font-size: 14px;
	line-height: 1.5;
	color: #fff;
	left: -50%;
	width: 200px;
	padding: 6px;
	z-index: 100;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.ccb-filter-status:hover .ccb-status-number {

}
.ccb-status {
	display: block;
	padding: 10px;
	background: #FFF;
}
.ccb-status-number {
	display: block;
	font-size: 22px;
	line-height: 25px;
}
.ccb-status-label {
	display: block;
	font-size: 14px;
	line-height: 21px;
}
.ccb-status-total, .ccb-status-completed {
	border-bottom: 6px solid #00aeef;
}

.ccb-status-active .ccb-status-total, .ccb-status-active .ccb-status-completed {
	background: #00aeef;
	color: #fff;
}
span.ccb-status-completed:hover, span.ccb-status-total:hover  {
	color: #fff;
	background: #00aeef;
}
.ccb-status-accepted {
	border-bottom: 6px solid #94c855;
}
.ccb-status-active .ccb-status-accepted {
	background: #94c855;
	color: #333;
}
span.ccb-status-accepted:hover {
	background: #94c855;
	color: #333;
}
.ccb-status-rejected {
	border-bottom: 6px solid #D90118;
}
.ccb-status-active .ccb-status-rejected {
	background: #D90118;
	color: #fff;
}
span.ccb-status-rejected:hover {
	background: #D90118;
	color: #fff;
}
.ccb-status-withdrawn {
	border-bottom: 6px solid #8d0110;
}
.ccb-status-active .ccb-status-withdrawn {
    background: #8d0110;
    color: #fff;
}
span.ccb-status-withdrawn:hover {
	background: #8d0110;
	color: #fff;
}
.ccb-status-no_status {
	border-bottom: 6px solid #FEDF73;
}
.ccb-status-active .ccb-status-no_status {
	background: #FEDF73;
	color: #333;
}
span.ccb-status-no_status:hover {
	background: #FEDF73;
	color: #333;
}
.ccb-status-incomplete, .ccb-status-no_response {
	border-bottom: 6px solid #C7BAA7;
}
.ccb-status-active .ccb-status-incomplete, .ccb-status-active .ccb-status-no_response {
	background: #C7BAA7;
	color: #333;
}
span.ccb-status-incomplete:hover, span.ccb-status-no_response:hover  {
	background: #C7BAA7;
	color: #333;
}
.ccb-status-unreviewed_by_you, .ccb-status-unreviewed {
	border-bottom: 6px solid #fbbe18;
}
.ccb-status-active .ccb-status-unreviewed, .ccb-status-active .ccb-status-unreviewed_by_you {
	background: #fbbe18;
	color: #333;
}
span.ccb-status-unreviewed_by_you:hover, span.ccb-status-unreviewed:hover {
	background: #fbbe18;
	color: #333;
}
.ccb-meta {
	background: #f9f9f9;
	border: 1px solid #d9d9d9;
}
.ccb-filters-extras {
}
.ccb-meta-btns {
	padding: 30px 0 0;
}
.ccb-meta-btns .btn {
	margin-left: 10px
}
.ccb-meta-btns .btn:first-child {
	margin-left: 0px
}
.ccb-meta-item {
	float: left;
	padding: 10px;
}
.ccb-meta-item-header {
	font-size: 12px;
	margin-bottom: 5px;
	color: #777;
}
.ccb-meta-item input {
	width: 150px;
	padding: 4px;
	font-size: 12px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.ccb-meta-item .ccb-filter-date-input {
	display: inline-block;
	width: 70px;
	text-align: center;
}
.ccb-meta-item .ccb-filter-date-spacer {
	display: inline-block;
	width: 12px;
	text-align: center;
	color: #777;
}
.ccb-meta-item.editor-open {
	background: #efefef;
}
.ccb-filter-editor {
    position: absolute;
    z-index: 10000;
    background: #fff;
	border: 1px solid #D9D9D9;
	border-radius: 3px;
    padding: 6px 6px 9px 6px;
    box-shadow: 0 1px 3px #D9D9D9;
    min-width: 200px;
}
.ccb-filter-summary {
	max-width: 300px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	line-height: 26px;
	color: #777;
	font-size: 12px;
}

/* campaign creation/edit form group */
form.campaign-config {
	padding: 10px;
}
form.campaign-config fieldset {
	border: none;
	border-top: 2px solid #d9d9d9;
	margin-bottom: 10px;
	padding: 10px 0;
}
form.campaign-config legend {
	padding-right: 5px;
	background: #FFF;
	font-weight: bold;
	font-size: 1.1em;
}
form.campaign-config table {
}
form.campaign-config td, form.campaign-config th {
	text-align: left;
	border-bottom: 1px solid #d9d9d9;
}
form.campaign-config th {
	font-size: 16px;
	color: #00648a;
	line-height: 1.5;
	width: 277px;
	border: none;
	padding: 25px 15px 25px 0;
	vertical-align: top;
	text-align: left;
}
form.campaign-config td {
	padding-left: 10px;
	color: #777;
	border: none;
	font-size: 14px;
}
form.campaign-config tr {
	border-bottom: 1px solid #eee;
}
form.campaign-config tr:last-child {
 	border-bottom: none;
}
form.campaign-config input.text {
	font-size: 14px;
	padding: 5px;
	width: 250px;
	height: 33px;
}
form.campaign-config textarea.description {
	font-size: 14px;
	padding: 4px;
	margin: 23px 0;
	width: 300px;
	height: 150px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
form.campaign-config a.add-new {
	margin-left: 5px;
	color: #777;
}
#privateInd {
	width: 62px;
}
#languageSelect {
    margin: 19px 0 15px 0;
}
form.campaign-config .controls-picker-container {
	border: 1px dashed #d9d9d9;
	padding: 5px;
	margin: 3px;
	max-height: 200px;
	overflow: auto;
}
form.campaign-config .controls-picker-selects {
	margin-bottom: 10px;
}
form.campaign-config .controls-picker-selects a {
	font-size: 10px;
	color: #777;
	margin-right: 10px;
}
form.campaign-config .checkbox-selection-action {
	font-weight: normal;
	color: #777;
	font-size: 10px;
	margin-left: 3px;
	margin-right: 3px;
}
form.campaign-config .btns {
	padding: 30px 10px 20px;
}
.completed-step,.completed-step dd a{
	color:#777;
}
.campaign-status {
}
.campaign-status th {
	width: 100px;
}
.campaign-status .campaign-status-item {
	margin-bottom: 35px;
	width: 300px;
}
.campaign-status .campaign-status-control {
	float: left;
	width: 30px;
	padding-top: 7px;
}
.campaign-status .campaign-status-label {
	float: left;
	width: 270px;
}
.campaign-status .campaign-status-label-type {
	font-size: 15px;
	display: inline-block;
	margin-bottom: 5px;
	font-weight: bold;
	padding: 5px 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.campaign-status .campaign-status-label-active {
	background: #94c855;
	color: #333;
	width: 100%;
	padding: 9px 10px 6px;
}
.campaign-status .campaign-status-label-archived {
	background: #fbbe18;
	color: #333;
	width: 100%;
	padding: 9px 10px 6px;
}
.campaign-status .campaign-status-label-removed {
	background: #d90118;
	color: #fff;
	width: 100%;
	padding: 9px 10px 6px;
}
.campaign-status .campaign-status-label-halt {
	background: #fedf73;
	color: #333;
	width: 100%;
	padding: 9px 10px 6px;
}
.campaign-status .campaign-status-label-desc {
	display: block;
	line-height: 1.6;
	color: #777;
}
.interview-now-settings {
	background: #FFF;
}
.interview-now-settings-container {
	padding: 5px 20px 15px;
}
div.interview-now-settings-container tr {
	border: none;
}

/* color picker widget */
.color-scheme input {
	height: 13px;
    margin-right: 8px;
}
.color-scheme label {
	display: inline-block;
}
.color-scheme .colorScheme{
	width:100px;
	height:18px;
	text-indent:-9999px;
	display:inline-block;
}
.color-scheme .colorScheme1{
	background:#FFF;
	border: 1px solid #d9d9d9;
}
.color-scheme .colorScheme2{
	background:#222;
}
.color-scheme .colorScheme3{
	background:#2E55A1;
}
.color-scheme .colorScheme4{
	background:#D83027;
}
.color-scheme .colorScheme5{
	background:#3BA145;
}
.color-scheme .colorScheme6{
	background:#ff9125;
}
#colorPicker{
	display:none;
}
#colorPickerInput{
	width:90px;
    height:33px;
    padding:5px;
    font-size:14px;
}

/* my account settings */
form.account {
	padding: 10px 10px 30px 10px;
}
form.account th, form.account td {
	padding: 5px 10px;
	text-align: left;
	color: #333;
}
form.account label {
	font-size: 16px;
	line-height: 1;
	color: #00648a;
}
form.account input.text {
    font-size: 14px;
    color: #333;
    height: 33px;
    width: 250px;
    padding: 7px 5px 5px;
}
form.account h2 {
	margin-top: 10px;
}
form.account div.phone-numbers div {
	padding: 3px;
	margin: 3px;
	font-size: 16px;
}
form.account div.phone-numbers a {
	font-size: 14px;
	color: #00A7E7;
}
form.account div.phone-formatting {
	background: #f9f9f9;
	padding: 20px;
	margin-top: 20px;
	border: 1px solid #d9d9d9;
}
form.account div.phone-formatting label {
	display: block;
	font-size: 14px;
	margin-bottom: 7px;
	margin-top: 10px;
}
form.account div.phone-formatting select {
	font-size: 12px;
	height: 27px;
}
form.account div.phone-formatting div.country-code {
	float: left;
	margin-right: 15px;
}
form.account div.phone-formatting div.area-code {
	float: left;
	margin-right: 9px;
}
form.account div.phone-formatting div.area-code input {
	font-size: 14px;
	padding: 5px;
	width: 50px;
	margin-right: 5px;
}
form.account div.phone-formatting div.local-code {
	float: left;
	width: auto;
}
form.account div.phone-formatting div.local-code input {
	font-size: 14px;
	width: 115px;
	padding: 5px;
}
#settingsForm{
	margin: 0 auto;
}
#phone-numbers-section {
	border-top: 2px solid #d9d9d9;
	margin-top: 50px;
}
#scheduling {
	border-top: 2px solid #d9d9d9;
	margin-top: 50px;
}
.scheduling table thead th {
	font-size: 16px;
	color: #00648a;
}
.scheduling table tbody tr th {
	font-size: 14px;
	color: #777; 
}
.scheduling table {
	margin: 30px 0 25px;
}
.scheduling input {
	font-size: 14px;
    width: 107px;
    border: 1px solid #d9d9d9;
    background-color: #d9d9d920;
    padding: 7px 5px 5px;
}
.schedule-options {
	padding: 0 5px;
}
.schedule-options label {
	font-size: 16px;
	color: #00648a;
	margin: 10px 0;
}
.event-dates th {
	font-size: 16px;
	color: #00648a;
}
label.scheduling-time-zone {
	margin-left: 10px;
	font-size: 14px !important;
}
input#timezone {
	width: 217px;
    padding: 10px 5px 8px;
    margin-left: 10px;
}
form.account .btns {
	margin-top: 10px;
	padding: 20px 0 20px 33px;
}
.passwordNote {
	color: #777;
    font-size: 12px;
    line-height: 1.6;
    margin: 20px 30px 10px;
}

/* administrative mgmt */
.administrative-management {
	margin: 10px;
}
.administrative-management td.actions a {
	margin-right: 5px;
}
.administrative {
	padding: 10px;
}
.administrative th, .administrative td {
	padding: 5px 10px;
	text-align: left;
	font-size: 16px;
	color: #00648a;
}
.administrative label {
	font-size: 16px;
	color: #00648a;
}
.administrative input[type='checkbox'], .administrative input[type='radio'] {
	margin-right: 5px;
}
.administrative input.text {
    padding: 8px 8px 5px;
    font-size: 14px;
    color: #333;
}
.administrative tr.logo th {
	vertical-align: top;
	padding-top: 8px;
}
.administrative tr.logo div {
    padding: 5px;
    width: 300px;
    font-size: 14px;
    line-height: 1.5;
    color: #777;
}
.administrative div.logo-note {
	margin-top: 10px;
}
.administrative div.logo-note ul {
	margin: 10px 20px;
}
.administrative .btns td {
	padding: 20px 10px;
}
a.resend-registration-email {
	color: #00aeef;
}
a.resend-registration-email:hover {
	color: #00a1e2;
} 

.request-reports {
	padding: 15px;
	border: 1px solid #D9D9D9;
	background: #fff;
}
.request-reports p {
	margin: 10px 0;
	font-size: 16px;
	line-height: 1.6;
}
.request-reports-img {
	margin: 10px 0 30px;
	text-align: center;
}

/* manage users */
.manage-user-list .users-campaigns-private-list + .users-campaigns-private-list {
	margin-top: 15px;
}
.manage-user-list .users-campaigns-private-list .users-campaign-private-list-header {
	font-size: 10px;
	color: #9E9980;
	margin-bottom: 2px;
}

/* templates modules */
.manage-templates-list h2 {
	margin-bottom: 7px;
	line-height: 1.5;
}
.manage-templates-list h3 {
	font-size: 14px;
	font-weight: normal;
	margin: 0 0 7px 0;
	color: #777;
}
.manage-templates-list h4 {
	font-size: 12px;
	color: #777;
}
.manage-templates-list a {
	color: #f17642;
}
.manage-templates-list a:hover {
	color: #D85D29;
}
.manage-templates-list thead {
	border-top: solid 1px #d9d9d9;
	border-right: solid 1px #d9d9d9;
	border-left: solid 1px #d9d9d9;

}
.manage-templates-list th {
	text-align: left;
	padding: 7px 10px 4px;
	background: #f5f5f5;
	color: #777;
	font-weight: 100;
	font-size: 16px;
}
.manage-templates-list td {
	padding: 10px 10px 20px 20px;
	border-top: 1px solid #d9d9d9;
}
div.template-information {
	padding: 0 20px 20px;
	width: 450px;
}
.template-information h2 {
	font-size: 26px;
	margin: 40px 0 10px;
}
div.template-information p {
	margin: 3px 0;
	padding: 9px 0;
	font-size: 16px;
	line-height: 1.6;
}
form.template-settings {
	padding: 10px;
} 
form.template-settings tr {
	border-bottom: 1px solid #eee;
}
form.template-settings th {
    font-size: 16px;
    color: #00648a;
    line-height: 1.5;
    width: 277px;
    border: none;
    padding: 25px 15px 25px 0;
    vertical-align: top;
    text-align: left;
}
form.template-settings td {
	padding-left: 10px;
    color: #777;
    border: none;
    font-size: 14px;
}
form.template-settings input.text, form.template-settings textarea {
    font-size: 14px;
    padding: 5px;
    width: 250px;
    height: 33px;
}
form.template-settings textarea {
	font-size: 14px;
	padding: 4px;
	margin: 23px 0;
	width: 250px;
	height: 80px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
form.template-settings .btns {
	padding: 30px 10px 20px;
}

/* groups modules */
.manage-group-content-box {
	width: 562px;
	margin: 20px auto;
}
.manage-groups-title {
	margin: 20px 20px 0;
	width: 520px;
}
.manage-groups-title h2 {
	font-size: 18px;
	margin-bottom: 20px;
}
.manage-groups-title h3 {
	font-size: 14px;
	font-weight: normal;
	color: #777;
	line-height: 23px;
	margin: 0 0 20px;
}
.manage-groups {
	padding: 18px 10px 10px;
}
.empty-groups-listing {
	padding: 10px 0 0 11px;
	font-size: 14px;
	color: #d90118;
}
.groups-general-error {
	background: #FFBABA;
	margin: 10px;
	padding: 10px;
	font-size: 14px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.manage-groups-by {
	margin: 10px;
}
.manage-groups-desc {
	padding: 10px 100px 10px 10px;
	margin: 0 10px;
	font-size: 14px;
	line-height: 1.5;
	background: #f9f9f9;
	border: 1px solid #d9d9d9;
	color: #333;
	position: relative;
} 
.manage-groups-subactions {
	position: absolute;
	font-size: 12px;
	top: 11px;
	right: 10px;
	color: #00aeef;
	cursor: hand;
	cursor: pointer;
}
.manage-groups-subactions span:hover {
	text-decoration: underline;
}
.manage-groups-list {
	background: #FFF;
	padding: 10px;
	position: relative;
}
.groups-working-overlay {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: #f9f9f9;
	 /* IE 8 */
 	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
 	/* IE 5-7 */
 	filter: alpha(opacity=20);
 	/* Netscape */
	-moz-opacity: 0.2;
	/* Safari 1.x */
 	-khtml-opacity: 0.2;
	/* Good browsers */
 	opacity: 0.2;
}
.manage-groups-list .group {
	position: relative;
	margin: 3px 0;
	padding: 3px 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.manage-groups-list .deemphasize {
	color: #B3B3B3;
}
.manage-groups-list .group-up {
	position: relative;
	padding-left: 25px;
}
.manage-groups-list .group-msg {
	padding: 5px 21px;
	font-weight: bold;
}
.manage-groups-list .group-loader {
	position: absolute;
	top: 0;
	right: 15px;
}
.manage-groups-list .group.working {
	background: #FFFDCC;
}
.manage-groups-list .group.success {
	background: #C0FB8F;
}
.manage-groups-list .group.failure {
	background: #FFBABA;
}
.manage-groups-list .group input {
	position: absolute;
	top: 2px;
	left: 1px;
}
.manage-groups-list .group label {
	font-size: 14px;
	padding-top: 4px;
}
.manage-groups-list .group-members-toggle {
	padding-left: 25px;
}
.manage-groups-list .show-group-members {
	cursor: hand;
	cursor: pointer;
	color: #777;
	font-size: 11px;
	margin-left: 5px;
}
.manage-groups-list .show-group-members:hover {
	text-decoration: underline;
}
.manage-groups-list .group-already-has-access {
	color: #9E9980;
}

.add-new-group {
	border-top: 6px solid #00648a;
	padding: 15px;
}
.add-new-group h2 {
	font-size: 18px;
	margin-bottom: 15px;
	color: #00648a;
}
.add-new-group label {
	display: block;
	margin-bottom: 5px;
	font-weight: bold;
	font-size: 14px;
}
.add-new-group input {
	display: block;
    padding: 8px 8px 5px;
	width: 188px;
	font-size: 14px;
	margin: 15px 0;
	color: #333;
}
.add-new-group button {
	padding: 5px 8px;
}
.add-new-group p {
	margin: 11px 0 0 0;
	font-size: 12px;
	color: #777;
}
.add-new-group-description {
	padding: 20px 15px 15px;
	border-top: 1px solid #d9d9d9;
}
.add-new-group-description h3 {
	font-size: 16px;
	color: #00648a;
	margin: 0 0 12px;
	line-height: 1.6;
}
.add-new-group-description p {
	font-size: 14px;
	margin: 8px 0 12px;
	line-height: 19px;
	color: #777;
	line-height: 1.6;
}
.add-new-group-description a {
    border: solid 1px #d9d9d9;
    padding: 10px;
    color: #777;
    text-align: center;
    margin-top: 20px;
}

/* roles modules */
.manage-roles-content-box {
	width: 562px;
	margin: 20px auto;
	line-height: 1.5;
}
.manage-roles-title {
	margin: 20px 20px 0;
	width: 520px;
}
.manage-roles-title h2 {
	font-size: 18px;
	margin-bottom: 20px;
}
.manage-roles-title h3 {
	font-size: 14px;
	font-weight: normal;
	color: #777;
	line-height: 23px;
	margin: 0 0 20px;
}
.manage-roles {
	padding: 18px 10px 10px;
}
.manage-roles form {
	margin: 10px;
}
.edit-role {
	background: #FFF;
}
.edit-role-meta {
	padding: 10px;
	margin-bottom: 20px;
	background: #f9f9f9;
	border: 1px solid #d9d9d9;
}
.edit-role-item {
	margin: 3px;
	padding: 3px 10px;
	position: relative;
}
.edit-role-permission {
	padding-left: 32px;
	margin: 3px 13px;
}
.edit-role-item label {
	display: inline-block;
	font-size: 14px;
}
.edit-role-meta label {
	width: 120px;
	color: #00648a;
}
.edit-role-item input[type=text] {
  	padding: 8px 8px 5px;
	font-size: 14px;
	width: 215px;
	color: #333;
}
.edit-role-item input[type=checkbox] {
	position: absolute;
	top: 5px;
	left: 7px;
}
.edit-role .btns {
	margin: 20px;
}

/* clients modules */
.manage-clients-list em {
	font-size: 10px;
	color: #777;
	font-style: italic;
}
.manage-clients-list a {
	margin-right: 10px;
}
form.client {
	padding: 10px;
}
form.client th, form.client td {
	padding: 10px;
	text-align: left;
	color: #333;
}
form.client label {
	font-size: 16px;
	line-height: 1.5;
	color: #00648a;
}
form.client input.text {
	padding: 8px 8px 5px;
	font-size: 14px;
	width: 100%;
	color: #333;
}
form.client tr.logo th {
	vertical-align: top;
	padding-top: 8px;
}
form.client tr.logo div {
	padding: 5px;
	width: 300px;
	font-size: 14px;
	line-height: 1.5;
	color: #777;
}
form.client div.logo-note {
	margin-top: 10px;
}
form.client div.logo-note ul {
	margin: 10px 20px;
}
form.client .btns td {
	padding: 20px 10px;
}
.delete-client-logo {
	margin-top: 10px;
	color: #777 !important;
	font-size: 14px !important;
}

/* departments modules */
.manage-depts-list em {
	font-size: 10px;
	color: #777;
	font-style: italic;
}
.manage-depts-list a {
	margin-right: 10px;
}
form.department {
	padding: 10px 10px 25px 20px;
}
form.department th, form.department td {
	padding: 5px 10px;
	text-align: left;
	color: #333;
}
form.department label {
	font-size: 16px;
	margin-top: 6px;
	line-height: 1.5;
	color: #00648a;
}
form.department input.text {
	padding: 8px 8px 5px;
	font-size: 14px;
	width: 215px;
	color: #333;
}
form.department .btns td {
	padding: 20px 10px;
}

/* user modules */
.edit-user-nav {
	margin-top: 13px;
}
.edit-user-nav h2 {
	margin: 15px 10px 5px;
	font-size: 16px;
	color: #00648a;
}
.edit-user-nav p {
	margin: 5px;
	padding: 5px;
	font-size: 14px;
	line-height: 1.6;
	color: #777;
}
.remove-user {
	text-align: center;
}
.remove-user  {
	text-align: center;
}
.remove-user p {
	margin-top: 0;
}
#edit_user form.user {
	padding: 10px 20px;
	line-height: 1.5;
}
form.user {
}
form.user th {
	padding: 5px 10px 5px 0;
	vertical-align: top;
	text-align: left;
}
form.user td {
	padding: 3px 0 10px 0;
}
form.user .radio {
	font-size: 14px;
	color: #777;
}
form.user .radio strong {
	font-size: 16px;
	color: #333;
	display: block;
	margin-bottom: 4px;
}
form.user .btns {
	padding: 20px 10px;
}
form.user #reviewerLabelContainer {
	margin: 5px 0;
	padding: 5px;
	border: 1px dashed #d9d9d9;
	color: #333;
}
form.user #reviewerLabelContainer input {
	font-size: 12px;
	padding: 5px;
	width: 200px;
}
form.user input.text {
    padding: 8px 8px 5px;
    font-size: 14px;
    width: 215px;
    color: #00648a;
}
form.user table.details label {
	font-size: 16px;
	font-weight: normal;
	color: #00648a;
}
.select-role {
	max-width: 400px;
	line-height: 1.4;
}

/* steps module */
div.steps {

}
div.steps div.step {
	margin: 0 0 30px 40px;
}
div.steps div.separator {
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 2px solid #EEE;
}
div.steps div.step div.step-number {
	float: left;
	height: 40px;
	width: 40px;
	margin-right: 15px;
	text-indent: -9999px;
}
div.steps div.step div.step1 {
	background: url(/images/icon-step1-big-7793e119fa782a60ad68475e6cf3a8c5.gif) no-repeat;
}
div.steps div.step div.step2 {
	background: url(/images/icon-step2-big-8440c66fda93079e6af71c6bc0102d78.gif) no-repeat;
}
div.steps div.step div.step3 {
	background: url(/images/icon-step3-big-132d1b19f2cb58d02d085c92ee514570.gif) no-repeat;
}
div.steps div.step div.step4 {
	background: url(/images/icon-step4-big-2c9243b22e7d4ebc9012e9cda8988ae1.gif) no-repeat;
}
div.steps div.step div.step-content {
	float: left;
}


/* views */
.edit-view-subnav {
	padding: 5px 15px;
}
.edit-view-subnav ul {
	list-style: none;
}
.edit-view-subnav li {
	margin: 10px 0;
}
form.view {
	padding: 10px;
}
form.view fieldset.generic {
	padding-top: 10px;
}
form.view td, form.view th {
	padding: 5px 10px;
}
form.view input.text {
	padding: 7px 5px 5px;
	font-size: 14px;
	width: 250px;
	height: 33px;
	color: #777;
}
form.view .admin-picker .desc {
	display: inline-block;
	margin-right: 10px;
	font-size: 14px;
}
form.view div.radio {
	padding: 3px;
	margin-right: 10px;
	display: inline-block;
}
form.view div.filter-type {
	margin-bottom: 20px;
	font-size: 14px;
	color: #777;
}
form.view table.conditions {
	border: 1px solid #d9d9d9;
}
form.view table.conditions thead th {
	text-align: left;
	padding: 11px 10px 8px;
	background: #f1f1f1;
	border-bottom: 1px solid #d9d9d9;
	color: #777;
	font-weight: 100;
	font-size: 14px;
}
form.view table.conditions tbody td {
	border-bottom: 1px solid #d9d9d9;
	font-size: 14px;
	color: #fff;
}
form.view #advSqlBox {
	padding: 5px;
	border: 1px dashed #d9d9d9;
	border-top: none;
	display: none;
}
form.view #advSqlBox div {
	padding: 3px;
	margin: 3px;
	color: #777;
}
form.share-view {
	padding: 10px;
}
form.share-view div.share-options {
	float: left;
	margin-right: 10px;
	padding: 20px;
}
form.share-view #userId {
	padding: 5px;
	line-height: 16px;
}
form.share-view div.existing-shares {
	float: left;
	padding: 20px;
}
form.share-view div.existing-shares ul {
	margin: 5px;
	list-style: none;
}
form.share-view div.existing-shares li {
	line-height: 24px;
}

/* custom fields modules */
div#custom_fields_view {
	margin: 20px;
}
.add-new-custom-field {
	float: left;
	margin-right: 50px;
	padding: 5px 20px;
	border: 1px solid #EEE;
	background: #FAFAFA;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.add-new-custom-field h2 {
	font-size: 14px;
	margin: 15px 0;
}
.add-new-custom-field p {
	margin: 15px 0;
}
.add-new-custom-field input {
	padding: 3px;
	font-size: 12px;
	width: 160px;
}
.mng-custom-fields {
	margin: 30px 10px;
}
.custom-field-info-block {
	background: #FFF;
	padding: 0px 20px;
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 25px;
}
.custom-field-edit-block h1 {
	margin: 10px;
	font-size: 18px;
	line-height: 1.5;
	color: #00648a;
}
.custom-field-edit-block p {
	margin: 15px;
	font-size: 14px;
	line-height: 1.6;
}
.edit-custom-field-label {
	width: 260px;
}
.edit-custom-field-label-up {
	padding: 4px;
	border: 1px solid #FFF;
}
.edit-custom-field-label-up:hover {
	border: 1px dashed #d9d9d9;
	background: #FAFAFA;
}
.edit-custom-field-input {
	display: none;
}
.edit-custom-field-input input {
	padding: 4px;
	width: 160px;
}
.custom-field-active, .custom-field-inactive {
	display: inline-block;
	width: 75px;
	color: #FFF;
	font-size: 12px;
	text-align: center;
	margin: 20px auto;
	padding: 4px 8px 2px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
}
.custom-field-active {
	background: #5cba11;
}
.custom-field-inactive {
	background: #d90118;
}
.new-custom-field {
	padding: 5px;
}
.new-custom-field-entry {
	padding: 2px;
}
.new-custom-field .new-custom-field-link {
	font-size: 10px;
	color: #777;
	padding: 1px 5px;
}
.new-custom-field-entry a:hover {
	text-decoration: underline;
}
.new-custom-field-form {
	display: none;
	padding: 3px 8px;
	margin: 5px;
	background: #F5F5F5;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.new-custom-field-form p {
	margin: 5px 0;
}
.new-custom-field-form a {
	font-size: 9px;
	color: #777;
	padding: 2px 10px;
	text-decoration: none;
}
.new-custom-field-form input {
	font-size: 10px;
	padding: 2px;
	width: 95%;
}
.new-custom-field-form a {
	display: inline;
	padding: 3px 5px;
}

/* candidate modules */
div.candidate-nav {
	margin: 0 0 20px 0;
	position: relative;
}
div.candidate-nav .previous-candidate {
	display: block;
	position: absolute;
	left: 10px;
	top: 16px;
	color:#7b7e87;
	font-size:14px;
	line-height: 1.5em;
}
div.candidate-nav .next-candidate {
	display: block;
	position: absolute;
	right: 10px;
	top: 16px;
	color:#7b7e87;
	font-size:14px;
	line-height: 1.5em;
}
div.candidate-nav-context {
	text-align: center;
	font-size: 18px;
	padding: 17px;
}
div.candidate-nav-context span {
	margin-right: 10px;
}
div.candidate-nav-context span strong {
	margin-left: 10px;
}

.sidebox-row {
	padding: 2px 10px 5px;
	font-weight: normal;
	font-size: 14px;
	min-height: 18px;
	border-bottom: 1px solid #eee;
}
.sidebox-row .sidebox-label {
	float: left;
	width: 85px;
	font-size: 12px;
	padding-top: 7px;
	color: #777;
}
.sidebox-row .sidebox-value {
	float: left;
	width: 213px;
	padding-top: 7px;
}
.sidebox-row .sidebox-value .sidebox-value-editable-text {
	float: left;
	width: 183px;
	overflow-wrap: break-word;
}
.sidebox-row .sidebox-value .sidebox-value-edit-link {
	float: left;
	width: 21px;
	text-align: right;
	color: #777;
	text-decoration: none;
	font-size: 10px;
}
.sidebox-row .sidebox-value input[type=text] {
	padding: 8px 5px 7px;
	width: 100%;
}
.sidebox-row .sidebox-value select {
	padding: 3px;
	width: 100%;
}
.sidebox-row .sidebox-value button {
	float: left;
	overflow: visible;
	width: auto;
	margin: 7px 10px 5px 0;
}
.sidebox-value a {
	float: left;
	text-align: right;
	color: #00aeef;
	line-height: 1.4;
	text-decoration: none;
}
.resume-values {
	float: none !important;
}
.sidebox-value a i {
	float: left;
    width: 20px;
    text-align: right;
    color: #777;
    text-decoration: none;
}
.sidebox-value a:hover {
	color: #00a1e2;
}
.sidebox-value a i:hover {
	color: #333;;
}
.link-resume, .link-upload {
	overflow-wrap: normal;
}

.campaign-vitals .sidebox-row .sidebox-label { width: 70px; }
.campaign-vitals .sidebox-row .sidebox-value { width: 128px; }
.campaign-vitals .sidebox-row .sidebox-value .sidebox-value-editable-text { width: 97px; }
.campaign-vitals .sidebox-row .sidebox-value .sidebox-value-noteditable-text { width: 128px; font-size: 12px; }

.candidate-meta {
}
.candidate-meta-title {
	font-size: 18px;
	text-transform: uppercase;
	padding: 2px 11px 10px;
	font-weight: bold;
}
.candidate-info-box {
	border-top: 1px solid #EEE;
}
.candidate-info {
	padding: 10px 0 0;
}
.candidate-info table {
	font-size: 10px;
}
.candidate-info th {
	padding: 2px 10px;
	color: #9E9980;
	text-align: left;
	font-weight: normal;
	border-bottom: 1px solid #EEE;
	width: 85px;
}
.candidate-info td {
	padding: 2px 0;
	border-bottom: 1px solid #EEE;
}
.candidate-actions {
	padding: 10px 0;
}
.candidate-actions .status {
	height: 64px;
}
.candidate-actions .set-status-meta-actions {
	padding-top: 10px;
}
.candidate-actions .set-status-meta-actions a {
	display: inline-block;
	font-size: 12px;
	margin: 0 10px;
	color: #777;
}
.candidate-actions .actions-indicator {
	float: left;
	width: 100px;
	margin: 0 20px 0 0;
}
.candidate-actions .accepted-indicator,
.candidate-actions .rejected-indicator {
	display: block;
	color: #FFF;
	padding: 8px 30px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size: 16px;
	height: 40px;
	text-align: center;
}
.candidate-actions .accepted-indicator {
	background: #7BAF3C;
	width: 109px;
	height: 40px;
	padding: 13px;
}
.candidate-actions .rejected-indicator {
	background: #d90118;
	width: 111px;
    height: 40px;
    padding: 13px;
}
.candidate-actions .status-reason {
	float: left;
	width: 158px;
	font-size: 12px;
	color: #777;
}
.candidate-actions .status-meta-actions a {
	display: block;
	margin: 5px 0;
}
.candidate-actions .email-sent-alert {
	display: block;
	margin: 5px 0;
}
.candidate-actions .status .btn {
	font-size: 12px;
	padding: 6px 12px;
}
.candidate-actions .status .btn-accept {
	margin-right: 5px;
}
.candidate-actions .ratings {
}
.candidate-actions .rating-label {
	float: left;
	width: 120px;
	text-align: left;
	font-size: 14px;
	line-height: 20px;
	color: #333;
}
.candidate-actions .rating-update {
	float: left;
	width: 158px;
	font-size: 14px;
	line-height: 20px;
	height: 20px;
	color: #777;
}
	ul.star-rating{margin:0;}
	div.candidate-actions ul.star-rating{display:inline-block;}
	.star-rating,
	.star-rating a:hover,
	.star-rating a:active,
	.star-rating a:focus,
	.star-rating .current-rating {background:url(/images/star-af16fea66b67edd2dbdae44d08ecbffa.png) left -1000px repeat-x;}
	.star-rating{position:relative;width:100px;height:20px;overflow:hidden;list-style:none;margin:0;padding:0;background-position:left top;}
	.star-rating li{display:inline;}
	.star-rating a,
	.star-rating .current-rating{position:absolute;top:0;left:0;text-indent:-1000em;height:20px;line-height:20px;outline:none;overflow:hidden;border: none;}
	.star-rating a:hover,
	.star-rating a:active,
	.star-rating a:focus{background-position:left bottom;}
	.star-rating a.one-star{width:20%;z-index:6;}
	.star-rating a.two-stars{width:40%;z-index:5;}
	.star-rating a.three-stars{width:60%;z-index:4;}
	.star-rating a.four-stars{width:80%;z-index:3;}
	.star-rating a.five-stars{width:100%;z-index:2;}
	.star-rating .current-rating {z-index:1;background-position: left center;}
	.inline-rating{display:-moz-inline-block;vertical-align: middle;}
.candidate-actions .clear-my-rating {
	text-decoration: none;
	font-size: 10px;
	color: #777;
	margin-left: 5px;
}
.candidate-actions .clear-my-rating:hover {
	text-decoration: underline;
	color: #000;
}
.candidate-actions .other-ratings {
}
.candidate-actions .rating-result {
	width: 158px;
	float: left;
}
.candidate-actions .rating-avg {
	color: #777;
	font-size: 14px;
}
.candidate-actions-button-segment {
    padding: 10px;
    color: #d90118;
    font-size: 14px;
}
a.scheduling-link {
	color: #d90118;
}
a.scheduling-link:hover {
	color: #c00000;
}
.candidate-overall-notes {
	padding: 10px 0 0;
}
.candidate-notes-meta {
	padding: 10px;
}
#candidateReviewNote {
	font-size: 14px;
}
.colleague-overall-notes {
	margin-top: 10px;
	padding: 10px;
	background: #F9F9F9;
	border-top: 2px solid #f9f9f9;
}
.colleague-overall-notes h2 {
	font-size: 12px;
	padding-bottom: 3px;
}
.colleague-overall-notes h3 {	
	font-weight: normal;
	color: #777;
	font-size: 12px;
	padding-bottom: 5px;
}
.colleague-overall-notes span {	
	color: #333;
	font-size: 14px;
}
.candidate-overall-notes h2,
.candidate-custom-fields h2 {
	font-size: 14px;
	margin-bottom: 0;
}
.candidate-overall-notes textarea {
	width: 285px;
	padding: 5px;
	font-size: 14px;
}
.candidate-overall-notes .btns {
	padding-top: 10px;
}
.candidate-overall-notes button {
	margin-right: 10px;
}
.candidate-custom-fields input.text {
	padding: 2px;
}
.incomplete-interview,
.post-process-interview {
	margin: 0 5px 25px 5px;
}
.incomplete-interview header,
.post-process-interview header{
	margin: 20px;
	font-size: 24px;
}
.incomplete-interview header i {
	color: #d90118;
}
.incomplete-interview .reminder-tools {
	margin: 30px 20px 20px;
	font-size: 14px;
}
.incomplete-interview p {
	margin: 35px 0 20px;
	font-size: 16px;
}
.incomplete-interview input[type=text] {
	padding: 10px 8px 7px;
    font-size: 14px;
    width: 400px;
    max-width: 100%;
    color: #777;
    height: 40px;
    margin-top: 5px;
}
.incomplete-interview .btn {
	font-size: 14px;
}
.failed-prequals-warning,
.incomplete-interview-warning {
	padding: 20px;
	font-size: 14px;
	line-height: 27px
}
/*reinvite modal*/
.reinvite-modal {
	overflow-y: scroll;
	border: 1px solid #d9d9d9;
}
.reinvite-modal-content {
	position: relative;
	padding: 10px;
}
.reinvite-modal-loading {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0.1;
	background: #FFF;
}
.reinvite-modal .incomplete-interview {
	margin: 0 0 30px;
}
.reinvite-modal .incomplete-notification {
	font-size: 14px;
	margin-bottom: 8px;
	padding-right: 25px;
}
.reinvite-modal-resend-btn {
	margin: 15px 0;
}
.reinvite-modal-resend-link {
	font-size: 14px;
	line-height: 19px;
	margin-top: 35px;
}
.reinvite-options {
	margin-bottom: 25px;
	padding: 15px 0;
	font-size: 16px;
}
.reinvite-options .btn {
	font-size: 12px;
	padding: 6px 12px;
}
.reinvite-options input {
	margin-left: 10px;
	margin-right: 3px;
}
.reinvite-options .reinvite-options-label {
	font-weight: normal;
	display: inline;
}
.reinvite-existing-row {
	margin: 30px 0;
}
.reinvite-existing-item {
	background: #EEE;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 15px;
}
.reinvite-existing-item-new {
	background: #F2F9DC;
	padding: 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.reinvite-existing-item header {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 5px;
}
.reinvite-existing-item input {
	background: #FFF;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.reinvite-existing-item-desc {
	font-size: 14px;
	color: #333;
	padding: 7px;
	line-height: 1.5;
}
.reinvite-modal .completed-interview {
	font-size: 13px;
	line-height: 21px;
}
/*answer components*/
div.answer-group .tab-container {
	padding: 10px;
	border-right: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
	border-left: 1px solid #d9d9d9;
}
div.answer {
	background: #FFF;
	padding: 10px;
	border: 1px solid #d9d9d9;
	margin: 20px 10px;
	-moz-box-shadow: 0px 4px 7px #d9d9d9;
	-webkit-box-shadow: 0px 4px 7px #d9d9d9;
	box-shadow: 0px 4px 7px #d9d9d9;
}
div.answer table table {
	margin: 0;
}
div.answer th {
	padding: 5px 15px;
	width: 150px;
	text-align: left;
	font-weight: normal;
}
div.answer th em {
	color: #777;
	font-size: 10px;
}
div.answer td {
	padding: 5px;
}
div.video-answer .player-cell {
	width: 370px;
}
div.video-answer .video-meta-cell {
	padding-right: 20px;
}
div.answer td th {
	padding: 0 20px 0 10px;
}
div.answer td td {
	padding: 0;
}
div.answer div.section-header h2 {
	font-size: 16px;
}
div.answer div.section-header a {
	color: #333;
}
div.answer div.review-question {
	display: none;
}
div.video-answer div.video-meta, div.video-answer div.review-question {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #EEE;
}
div.video-answer div.review-question .review-label {
	text-transform: uppercase;
	font-size: 12px;
	margin: 8px 0 12px 0;
}
div.video-answer div.video-meta p {
	margin: 8px 0 12px 0;
	font-size: 14px;
}
div.answer div.edit-notes-form textarea {
	width: 60%;
	padding: 5px;
	font-size: 14px;
}
div.answer div.edit-notes-form form {
	position: relative;
}
div.audio-answer div.edit-notes-form div.controls {
	position: absolute;
	top: 5px;
	right: 5px;
}
div.video-answer div.edit-notes-form div.controls {
	margin-top: 10px;
}
div.answer div.notes-container {
	position: relative;
	padding: 4px;
}
div.answer div.notes-container em,
div.overall-notes div.notes-container em {	
	font-size: 12px;
	font-style: italic;
	color: #777;
}
div.answer div.notes-container div {
	margin-right: 60px;
	position: relative;
}
div.answer div.notes-container button.edit-answer-note {
	position: absolute;
	top: 2px;
	right: 2px;
	background: transparent;
}
td.presentation-link-display {
	text-align: right;
}
div.answer td.shortlist-active-meta em {
	margin-left: 15px;
}
table.candidate-prequal-answers span.passed {
	color: #94c855;
}
table.candidate-prequal-answers span.failed {
	color: #D90118;
}
table.candidate-prequal-answers div.expected-answer {
	padding: 2px;
	color: #777;
	font-size: 10px;
}
table.candidate-prequal-answers div.actual-answer {
	padding: 2px;
}
table.candidate-prequal-answers div.actual-answer-text {
	white-space: pre-line;
}
table.candidate-prequal-answers {
	margin-top: 20px;
}
.incomplete-answer-content {
	padding: 15px;
	font-size: 14px;
	margin-bottom: 10px;
	color: #777;
}
.incomplete-answer .section-header {
	border: none;
	margin: 5px 0 0 15px;
}
div.candidate-presentation {
	background: #FFF;
}
div.candidate-presentation .candidate-presentation-feedback-table {
	margin: 10px;
}
.candidate-presentation-feedback-table .list td {
	color: #333;
}
div.candidate-presentation form {
	padding: 10px;
}
div.candidate-presentation #shortlistWrapper button {
	font-size: 14px;
	padding: 8px 12px;
}
div.candidate-presentation p {
	margin: 14px 0 10px;
	padding: 3px;
	font-size: 14px;
	color: #333;
}
div.candidate-presentation input.link {
    padding: 10px 8px 7px;
    font-size: 14px;
    width: 550px;
    max-width: 100%;
    color: #777;
    height: 40px;
}
div.candidate-presentation p.accesses {
	color: #777;
	font-size: 12px;
}
div.candidate-presentation div.new-link-success-msg {
	padding: 5px;
	border: 1px solid #94c855;
	background: linear-gradient(to bottom, #ffffff 0%, #94c855 1000%);
	color: #589D4B;
	margin-bottom: 10px;
}
div.resume-upload {
	max-width: 500px;
	margin: 20px auto;
	padding-bottom: 20px;
}
form#uploadResume p {
	margin: 29px 0 20px;
}
form#uploadResume textarea {
	width: 90%;
	height: 100px;
	padding: 5px;
	font-size: 10px;
}
form#uploadResume p.note {
	color: #777;
	font-size: 14px;
	margin-top: 30px;
	margin-bottom: 30px;
	border: 1px solid #d9d9d9;
	background: #f9f9f9;
	padding: 15px;
	line-height: 1.5;
}
form#uploadResume p.note strong {
	color: #222;
	margin-right: 6px;
}
form#uploadResume div.btns {
	padding-left: 3px;
	margin-left: 3px;
}
#resume_text {
	width: 680px;
}
#resume_text h2 {
	font-size: 14px;
	margin-bottom: 10px;
}
#resume_text p {
	margin-bottom: 15px;
}
#resume_text textarea {
	display: block;
	width: 670px;
	height: 500px;
	padding: 5px;
	font-size: 12px;
	line-height: 17px;
}
.linkedin-container {
	padding: 20px;
}
.linkedin-user {
	padding: 5px 10px;
	background: #EEE;
	color: #777;
	font-size: 13px;
	line-height: 19px;
	margin-bottom: 20px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.linkedin-search {
	float: left;
	width: 200px;
	margin-right: 30px;
}
.linkedin-search-item {
	margin: 0 0 10px;
}
.linkedin-search-item label {
	display: block;
	font-size: 11px;
	font-weight: bold;
	margin-bottom: 3px;
}
.linkedin-search-item input {
	width: 190px;
	padding: 4px;
	font-size: 14px;
	color: #666;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.linkedin-search-results {
	float: left;
	width: 300px;
}
.linkedin-search-result {
	margin: 10px 0;
	padding: 10px 0;
}
.linkedin-search-result a {
	display: block;
	text-decoration: none;
	position: relative;
	height: 82px;
}
.linkedin-search-result img {
	border: 1px solid #d9d9d9;
	position: absolute;
	top: 0;
	left: 0;
	width: 80px;
	height: 80px;
	background: url(/images/bg-linkedin-search-f6c2359b27fc4d80fab0230694470502.png) no-repeat;
}
.linkedin-search-result div {
	display: table-cell;
	padding-left: 100px;
	font-size: 16px;
	line-height: 23px;
	vertical-align: middle;
	height: 82px;
}
.linkedin-search-result em {
	font-size: 12px;
	color: #777;
}
.linkedin-search-result a:hover {
	background: #EEE;
}
/* handle iframe embeds and responsive layouts */
.iframe800 .col-margin-right-320 {
	margin-right: 0;
}
.iframe800 .candidate-info-box {
	float: left;
}
.iframe800 .candidate-actions-box {
	float: left;
}
.iframe800 .overall-notes-box {
	display: none;
}
@media all and (max-width: 800px) {
	body.candidate .col-margin-right-320 {
		margin-right: 0;
	}
	body.candidate .col-abs-right {
		position: relative;
		top: auto;
		left: auto;
	}
	body.candidate .col320 {
		width: auto;
	}
}

/* autocomplete */
.ui-autocomplete {
	list-style-type: none;
	background: #fff;
	margin-top: 9px;
	border-right: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
	border-left: 1px solid #d9d9d9;
}
.search-loading, .search-no-results {
	display: block;
	padding: 10px;
	font-size: 14px;
	line-height: 21px;
}
.search-item {
	padding: 2px;
}
.search-item a:hover {
	background: #f5f5f5;
	border: none;
}
.search-item .search-item-link {
	position: relative;
	text-decoration: none;
	display: block;
	padding: 2px 10px;
	cursor: pointer;
	line-height: 1.5;
}
.search-item a.search-item-link {
	font-weight: normal;
}
.search-category {
	position: relative;
	padding: 7px 10px;
	border-top: 1px solid #d9d9d9;
	font-size: 16px;
	color: #00648a;
}
.search-category-meta {
	position: absolute;
	top: 7px;
	right: 10px;
	color: #00648a;
}
.search-item .search-view-advanced-link {
	position: relative;
	background: #f5f5f5;
	font-size: 16px;
	border: none;
	padding: 0 10px;
	line-height: 39px;
	margin: -2px;
}
.search-item .search-view-advanced-link span {
	position: absolute;
	top: 0;
	right: 10px;
	line-height: 44px;
	font-size: 30px;
}
.search-item-link .type-icon {
	position: absolute;
	top: 6px;
	left: 10px;
	color: #777;
}
.search-candidate-name {
	display: inline-block;
	width: 180px;
	white-space: nowrap;
	overflow: hidden;
	margin-right: 23px;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	color: #777;
}
.search-candidate-name i {
	font-size: 16px;
	padding-right: 8px;
	color: #00aeef;
}
.search-candidate-meta {
	display: inline-block;
	width: 150px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	margin-left: 5px;
	color: #777;
}
.search-campaign-name {
	font-size: 14px;
	margin-right: 5px;
	display: inline-block;
	width: 340px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}
.search-campaign-name i {
	font-size: 16px;
	padding-right: 8px;
	color: #94c855;
}
.search-campaign-meta {
	color: #777;
	display: inline-block;
	width: 330px;
}
.search-campaign-owner {
	display: inline-block;
	width: 110px;
	margin-right: 5px;
	margin-left: 23px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}
.search-campaign-started {
	display: inline-block;
	width: 130px;
	margin-right: 5px;
	white-space: nowrap;
	overflow: hidden;
}
.search-campaign-state {
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
}
/* advanced search */
div.full-search {
	padding: 10px;
}
div.search-loading {
	padding: 20px;
	font-size: 16px;
	line-height: 21px;
}
div.advanced-search-form {
	margin: 0 0 20px 0;
	padding: 20px 0 25px;
}
div.advanced-search-form label {
	display: block;
	margin-bottom: 5px;
	font-size: 14px;
	line-height: 19px;
	color: #777;
}
div.advanced-search-form input {
	width: 250px;
	padding: 7px 5px 5px;
	font-size: 14px;
	height: 33px;
	margin-right: 15px;
}
div.advanced-search-form button {
	font-size: 14px;
	padding: 5px 8px;
}
div.search-results-category-header {
	position: relative;
	padding: 20px 20px 10px;
	margin: 5px 0 0 0;
	background: #f1f1f1;
	border: 1px solid #d9d9d9;
	color: #FFF;
}
div.search-results-category-header h1 {
	font-size: 14px;
	line-height: 19px;
	display: inline-block;
	margin-right: 30px;
	color: #777;
}
span.search-results-category-total {
	display: inline-block;
	margin-left: 5px;
	min-width: 36px;
	text-align: center;
	font-size: 14px;
	line-height: 20px;
	padding: 8px 11px 6px;
	background: #00648a;
	color: #FFF;
	font-weight: normal;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
}
div.search-results-sort {
	display: inline-block;
	padding-left: 30px;
	border-left: 1px solid #d9d9d9;
}
div.search-results-sort label {
	margin-right: 5px;
	color: #777;
	font-size: 14px;
}
div.search-results-category-header .results-section-actions {
	position: absolute;
	top: 20px;
	right: 20px;
}
div.search-results-section {
	margin-bottom: 20px;
}
div.search-result-item {
	padding: 20px 0 0 0;
	margin: 25px 0;
	border: 1px solid #d9d9d9;
	-moz-box-shadow: 0px 4px 7px #d9d9d9;
	-webkit-box-shadow: 0px 4px 7px #d9d9d9;
	box-shadow: 0px 4px 7px #d9d9d9;
}
div.search-result-candidate {
	margin-bottom: 8px;
}
div.search-result-candidate-name {
	display: inline-block;
	font-size: 16px;
	line-height: 19px;
	margin: 0 15px 0 20px;
}
div.search-result-candidate-name a {
	color: #00aeef;
	font-size: 18px;
}
div.search-result-candidate-name a:hover {
	color: #00a1e2;
}
div.search-result-candidate-email {
	display: inline-block;
	font-size: 12px;
	color: #777;
	margin-right: 20px;
	margin-left: 20px;
}
div.search-result-candidate-phone {
	display: inline-block;
	font-size: 12px;
	color: #777;
}
div.search-result-candidate-reason {
	margin: 20px 5px 20px 20px;
	color: #777;
	font-size: 12px;
}
div.search-result-candidate-reason div.mark {
	display: inline-block;
	background: #FFFFE8;
	padding: 3px 10px 3px 20px;
	font-size: 12px;
	line-height: 19px;
}
div.search-result-candidate-custom-fields {
	display: inline-block;
	margin-left: 10px;
	padding-left: 15px;
	border-left: 1px solid #d9d9d9;
}
div.earch-result-candidate-custom-field {
	display: inline-block;
}
div.search-result-candidate-campaign {
	padding: 0 5px;
}
div.search-result-candidate-campaign div {
	display: inline-block;
	padding: 3px 15px;
	line-height: 21px;
	font-size: 14px;
	border-right: 1px solid #d9d9d9;
	color: #333;
	overflow: hidden;
    text-overflow: ellipsis;
    width: 200px;
}
div.search-result-candidate-campaign span {
	display: block;
	text-transform: uppercase;
	font-size: 12px;
	color: #777;
}
div.search-result-candidate-campaign-name {
	width: 200px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}
div.search-result-candidate-campaign-name a {
	color: #333;
	font-size: 14px;
}
div.search-result-candidate-campaign-name a:hover {
	color: #7baf3c;
}
div.search-result-candidate-invite-sent {
	width: 200px;
}
div.search-result-candidate-interview-completed {
	width: 200px;
}
div.search-result-campaign-name {
	display: inline-block;
	font-size: 16px;
	line-height: 19px;
	margin: 0 15px 10px 20px;
}
div.search-result-campaign-name a {
	color: #94c855;
}
div.search-result-campaign-name a:hover {
	color: #7baf3c;
}
div.search-result-campaign-reason {
    margin: 10px 5px 20px 20px;
    color: #777;
    font-size: 12px;
}
div.search-result-campaign-reason div.search-result-candidate-custom-field {
	display: inline-block;
	margin-left: 5px;
}
div.search-result-campaign-reason div.mark {
	display: inline-block;
	background: #FFFFE8;
	padding: 3px 10px 3px 20px;
	font-size: 12px;
	line-height: 19px;
}
div.search-result-campaign-meta {
	padding: 0 5px;
}
div.search-result-campaign-meta div {
	display: inline-block;
	padding: 3px 15px;
	line-height: 21px;
	font-size: 14px;
	border-right: 1px solid #d9d9d9;
	color: #333;
	overflow: hidden;
    text-overflow: ellipsis;
    width: 162px;
}
div.search-result-campaign-meta span {
	display: block;
	text-transform: uppercase;
	font-size: 12px;
	color: #777;
}
div.search-result-campaign-created {
	width: 90px;
}


/* campaign modules */
div.campaign-vitals {
	padding-top: 10px;
	margin-bottom: 10px;
}
div.campaign-vitals table {
	font-size: 10px;
}
div.campaign-vitals th {
	padding: 2px 10px;
	color: #9E9980;
	text-align: left;
	font-weight: normal;
	border-bottom: 1px solid #EEE;
	width: 65px;
}
div.campaign-vitals td {
	padding: 2px 0;
	border-bottom: 1px solid #EEE;
}
div.campaign-vitals td em {
	color: #777;	
}
div.campaign-vitals td.edit-vitals {
	padding: 5px 0 0 0;
	border: none;
}
div.campaign-vitals .campaign-description {
	overflow: hidden;
	text-overflow: ellipsis;
	width: 123px;
}
div.campaign-vitals .campaign-description a {
	display: inline;
	padding: 0;
	text-decoration: underline;
}
.campaign-subnav ul {
	list-style: none;
}
sublinks-body i:hover {
	color: #00AEEF;
}
.campaign-subnav .top-level {
	margin-bottom: 10px;
}
.campaign-subnav .subnav-title {
	font-weight: bold;
	display: block;
	font-size: 13px;
	text-transform: uppercase;
	padding: 5px 10px;
}
.campaign-subnav .inner-subnav i {
	padding: 0 10px 0 5px;
}
div.candidate-statuses {
	margin: 10px;
}
div.candidate-statuses .summary-table p {
	line-height: 24px;
}
div.candidate-statuses table.split-table td {
	width: 50%;
	padding-right: 0;
	padding-left: 0;
}
div.candidate-statuses table div {
	text-align: center;
}
div.candidate-statuses table a {
	display: block;
	margin: 5px 0 10px 0;
	font-size: 18px;
}
div.candidate-statuses td div.statistic span.status-label {
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #777;
}
div.candidate-statuses td.accepted div.statistic {
	border-bottom: 6px solid #94c855;
}
div.candidate-statuses td.rejected div.statistic {
	border-bottom: 6px solid #d90118;
}
div.candidate-statuses td.pending div.statistic {
	border-bottom: 6px solid #FEDF73;
}
div.candidate-statuses td.incomplete div.statistic {
	border-bottom: 6px solid #0C73CF;
}
div.candidate-statuses td.noresponse div.statistic {
	border-bottom: 6px solid #0C73CF;
}
div.candidate-recent-responses {
	margin: 30px 15px;
	background: #fff;
	border: 1px solid #d9d9d9;
}
div.candidate-recent-responses tfoot td {
	text-align: center;
}
div.candidate-recent-responses span.new-candidates {
	background: #fbbe18;
	color: #FFF;
	font-weight: bold;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	line-height: 1;
	padding: 1px 3px;
	text-shadow: 1px 1px 0 #222;
	margin-left: 3px;
}
#islandQueue {
	margin: 10px;
}
div.island-queue-status{
	background:#ECFF9D;
	border:1px solid #93AA57;
	padding:10px;
	color:#777;
	font-size:16px;
}
div.island-queue-status strong{
	color:#000;
}
div.island-queue-status em{
	font-size:10px;
	display:inline-block;
	margin-left:10px;
}
div.island-queue-status span{
	display:inline-block;
}
div.island-queue-status .loader{
	margin-right:10px;
	padding-top:4px;
	width:16px;
}
div.island-queue-status a{
	font-weight:bold;
	color:#000;
}

form.campaign-lock {
	padding: 15px;
	width: 500px;
}
form.campaign-lock div.locked-notification, form.campaign-lock div.unlocked-notification {
	padding: 10px 20px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	margin: 20px 0;
	color: #777;
}
form.campaign-lock div.unlocked-notification {
	background: #CBF7B3;
	border: 1px solid #94c855;
}
form.campaign-lock div.locked-notification {
	background: #FFE894;
	border: 1px solid #D85D18;
}
form.campaign-notifications {
	padding: 0 15px;
}
form.campaign-notifications div.selects {
	padding: 5px 0;
	font-size: 12px;
}
form.campaign-notifications div.selects a {
	margin-right: 10px;
	color: #777;
}
form.campaign-notifications div.btns {
	padding: 15px 0 20px;
}

form.intnow {
	padding: 15px;
}
form.intnow p {
	font-size: 14px;
	color: #777;
	line-height: 1.5;
}
form.intnow input.text {
	width: 500px;
	height: 35px;
	padding: 14px 10px 11px;
	font-size: 14px;
}
form.intnow textarea {
	width: 500px;
	padding: 5px;
	height: 100px;
    font-size: 12px;
    line-height: 1.4;
}

.send-invites {
	padding: 10px;
}
.send-invites h2 {
	font-size: 14px;
	padding: 10px;
}
.send-invites .add-new-user {
	float: left;
	margin: 0 40px 0 0;
}
.send-invites table {
	border: 1px solid #B5B5B5;
}
.send-invites th, .send-invites td {
	text-align: left;
	padding: 10px;
    border-bottom: 1px solid #d9d9d9;
    font-size: 14px;
    color: #777;
}
.send-invites .required th {
	background: #f3f3f3;
	border: 1px solid #B5B5B5;
	border-right: none;
	font-size: 14px;
	color: #00648a;
}
.send-invites .required td {
	background: #f3f3f3;
	border: 1px solid #B5B5B5;
	border-left: none;
	border-right: none;
}
.send-invites input.text {
	width: 200px;
	padding: 5px;
	font-size: 14px;
}
.send-invites .required-label {
	display: inline-block;
	padding: 1px 2px;
	font-size: 10px;
}
.send-invites .error {
	display: block;
}
.send-invites .btns {
	padding: 10px 10px;
	border: none;
}
.send-invites .timing-disclaimer {
	margin-left: 10px;
	font-size: 11px;
	color: #777;
}
.send-invites .import-disclaimer {
    margin-left: 10px;
    font-size: 11px;
    color: #777;
}
.send-invites .import-instead {
	padding: 10px;
	margin-top: 30px;
}
.send-invites #dupes_section {
	display: none;
	max-width: 375px;
	background: yellow;
	padding: 5px;
	margin-bottom: 10px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	
}
.send-invites #dupes_section .dupe-list {
	margin-left: 10px;
}
.send-invites #dupes_section .dupe-link {
	text-decoration: none;
	cursor: pointer;
}
.list-invited-candidates {
	float: left;
	width: 300px;
}
.list-invited-candidates h3 {
	font-size: 20px;
	font-weight: normal;
	color: #00648a;
	margin: 0 0 10px;
	padding: 0 0 20px;
	border-bottom: 1px solid #d9d9d9;
}
.list-invited-candidates h4 {
	font-size: 14px;
	line-height: 1.5;
	margin: 0 0 20px;
	padding: 0 0 10px;
	border-bottom: 1px solid #d9d9d9;
}
.list-invited-candidate {
	margin: 5px 0;
}
.list-invited-candidate-name {
	font-size: 14px;
}
.list-invited-candidate-email {
	font-size: 12px;
	color: #777;
	margin-left: 5px;
}

.import-candidates-content-box {
	width: 600px;
	margin: 0 auto;
}
.import-candidates {
	padding: 0 20px 20px 10px;
}
.import-candidates .btns {
	margin: 40px 0 0;
}
.import-candidates-cancel-btn {
	float: left;
	font-size: 14px;
}
.import-candidates-submit-btn {
	float: right;
	font-size: 14px;
}
.import-candidates .microcopy {
	margin: 10px 0;
}
.import-candidates .microcopy p {
	margin: 10px 0;
}
.import-candidates .select-file {
	padding: 30px 0  20px;
	text-align: center;
}
.import-candidates .select-file-label {
	padding: 0 0 10px;
	font-size: 18px;
	line-height: 24px;
	color: #00648a;
}
.import-candidates .select-file-control {
	padding: 20px;
	border: 1px solid #d9d9d9;
	background: #f9f9f9;
}
.import-candidates .select-file .error {
	display: block;
	margin: 20px 0;
	color: #d90118;
	font-size: 14px;
}
.import-candidates .map-candidate-data {
	margin: 20px 0;
}
.import-candidates .map-candidate-data-item {
	margin-bottom: 20px;
}
.import-candidates .map-candidate-data-column {
	float: left;
	width: 350px;
	background: #EBEBDB;
	padding: 5px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.import-candidates .map-candidate-data-column-label {
	font-size: 11px;
	padding: 10px 20px;
}
.import-candidates .map-candidate-data-column-examples {
	background: #FFF;
}
.import-candidates .map-candidate-data-column-meta:last-child {
	background: -moz-linear-gradient(top,  #FFF 50%, #F3F3F3 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#FFF), color-stop(100%,#F3F3F3)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #FFF 50%,#F3F3F3 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #FFF 50%,#F3F3F3 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #FFF 50%,#F3F3F3 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #FFF 50%,#F3F3F3 100%); /* W3C */
}
.import-candidates .map-candidate-data-column-meta {
	padding: 10px 20px;
	font-size: 13px;
	border-bottom: 1px solid #d9d9d9;
}
.import-candidates .map-candidate-data-field {
	float: right;
	width: 180px;
}
.import-candidates .map-candidate-data-field-box {
	position: relative;
	background: #F9E5CC;
	background: -moz-linear-gradient(top,  #F9E5CC 0%, #F3DABB 100%);
	background: -webkit-linear-gradient(top,  #F9E5CC 0%,#F3DABB 100%);
	background: -ms-linear-gradient(top,  #F9E5CC 0%,#F3DABB 100%);
	background: linear-gradient(to bottom,  #F9E5CC 0%,#F3DABB 100%);
	border: 1px solid #D3B78C;
	-webkit-box-shadow: inset 0 -1px 0 rgba(255,255,255,0.3), inset 0 1px 0 rgba(255,255,255,0.3);
	-moz-box-shadow: inset 0 -1px 0 rgba(255,255,255,0.3), inset 0 1px 0 rgba(255,255,255,0.3);
	box-shadow: inset 0 -1px 0 rgba(255,255,255,0.3), inset 0 1px 0 rgba(255,255,255,0.3);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.import-candidates .map-candidate-data-field-select{
	width: 150px;
	text-overflow: ellipsis;
}
.import-candidates .map-candidate-data-field-box:after, .import-candidates .map-candidate-data-field-box:before {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.import-candidates .map-candidate-data-field-box:after {
	border-color: rgba(249, 229, 204, 0);
	border-right-color: #F9E5CC;
	border-width: 7px;
	margin-top: -7px;
}
.import-candidates .map-candidate-data-field-box:before {
	border-color: rgba(211, 183, 140, 0);
	border-right-color: #D3B78C;
	border-width: 8px;
	margin-top: -8px;
}
.import-candidates .map-candidate-data-field-content {
	padding: 15px;
}
.import-candidates .map-candidate-data-field-label {
	font-size: 12px;
	color: #222;
	font-weight: bold;
	margin-bottom: 10px;
}

.import-candidates .map-candidate-data-required {
	margin-bottom: 20px;
}

.import-candidates tr.original td {
	border-top: 2px solid #d9d9d9;
}
.import-candidates tr.match td.label strong {
	font-size: 9px;
	font-weight: normal;
	text-transform: uppercase;
	background: #333;
	color: #FFF;
	padding: 3px 6px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.import-candidates tr.match .highlight {
	display: inline-block;
	background: #FEDF73;
	color: #333;
	padding: 3px 6px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.import-candidates-confirm {
	background: #f9f9f9;
	margin: 20px 0;
	padding: 10px;
	text-align: center;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 1px 4px #a1a1a190;
	-moz-box-shadow: 0 1px 4px #a1a1a190;
	box-shadow: 0 1px 4px #a1a1a190;
}
.import-candidates-confirm-label {
	padding: 0 0 10px;
	font-size: 15px;
	line-height: 24px;
}
.import-candidates-confirm-btn {
	padding: 20px;
	border: 1px solid #F3EC55;
	background: #FAFAF1;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.import-candidates-confirm-btn button {
	font-size: 18px;
	padding: 10px 20px;
}
.import-candidates-confirm .timing-disclaimer {
	padding: 10px 0 0 0;
	font-size: 12px;
	color: #777;
}
.import-candidates-confirm-cancel {
	text-align: center;
}
.resend-invite-links input {
	width: 400px;
	padding: 5px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

/* campaign diagram module */
#campaign_diagram {
	position: relative;
	margin: 0 auto;
	width: 220px;
}
#campaign_diagram img {
	padding-top: 25px;
}
#campaign_diagram .diagram-icon {
	position: absolute;
	width: 50px;
	height: 50px;
	z-index: 100;
	overflow: visible;
	display: block;
	text-decoration: none;
	border: none;
	background: url("/images/empty-35a1f3a1d85295305195a376f7bd2085.png") 0 0 repeat;
}
#campaign_diagram .diagram-icon:hover {
	z-index: 125;
}
#campaign_diagram .tip {
	display: none;
	width: 200px;
	text-align: center;
	z-index: 201;
}
#campaign_diagram .tip-hover{
	display: block;
	top: 1px;
	left: 95px;
	width: 240px;
	z-index: 1;
	padding: 20px 25px;
	position: absolute;
	color: #333;
	background: #fff;
	font-size: 14px;
	line-height: 1.5;
	text-transform: none;
	font-weight: normal;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	border-radius: 14px;
	-moz-box-shadow: 0 5px 80px 5px #a1a1a190;
	-webkit-box-shadow: 0 5px 80px 5px #a1a1a190;
	box-shadow: 0 5px 80px 5px #a1a1a190;
}
#campaign_diagram .highlight-step {
	border: 1px solid #FE9100;
}
#campaign_diagram .path1 { top: 38px; left: 6px; height: 72px; width: 80px; }
#campaign_diagram .path2 { top: 24px; left: 133px; height: 82px; width: 90px; }
#campaign_diagram .path3 { top: 165px; left: 87px; height: 83px; }
#campaign_diagram .path4 { top: 312px; left: 63px; height: 82px; width: 100px; }
#campaign_diagram .path5 { top: 454px; left: 2px; height: 124px; width: 80px; }
#campaign_diagram .path6 { top: 454px; left: 145px; height: 122px; width: 70px; }

/* campaign report */
div.report-sorting {
	padding: 30px 10px 10px;
}
div.report-sorting strong {
	display: inline-block;
	margin-right: 10px;
}
div.report-sorting ul {
	list-style: none;
	display: inline-block;
}
div.report-sorting li {
	display: inline-block;
	margin-right: 10px;
}
div.report-sorting label {
	display: inline-block;
	white-space: nowrap;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	padding: 5px 7px 3px;
	font-size: 11px;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	max-width: 300px;
	border-radius: 25px;
}
div.report-sorting label.report-accepted {
	border: 2px solid #94c855;
	color: #94c855;
	width: 120px;
	text-align: center;
	padding: 9px 0 7px;
	font-size: 14px;
}
div.report-sorting label.report-rejected {
	border: 2px solid #d90118;
	color: #d90118;
	width: 120px;
	text-align: center;
	padding: 9px 0 7px;
	font-size: 14px;
}
div.report-sorting label.report-pending {
	border: 2px solid #fedf73;
	color: #fedf73;
	width: 120px;
	text-align: center;
	padding: 9px 0 7px;
	font-size: 14px;
}
div.report-sorting label.report-incomplete {
	border: 2px solid #c7baa7;
	color: #c7baa7;
	width: 120px;
	text-align: center;
	padding: 9px 0 7px;
	font-size: 14px;
}
div.report-sorting label.report-noresponse {
	border: 2px solid #fbbe18;
	color: #fbbe18;
	width: 120px;
	text-align: center;
	padding: 9px 0 7px;
	font-size: 14px;
}

/* manage presentation lists */
form.presentation-lists {
	background: #FFF;
}
form.shorlist-notifications {
	padding: 10px;
	background: #FFF;
}
form.shorlist-notifications p {
	padding: 3px 0;
	margin: 3px 0;
}
form.shorlist-notifications div.btns {
	border-top: 2px solid #d9d9d9;
	margin-top: 10px;
	padding: 10px;
}
div.generate-presentation-list-link {
    padding: 20px;
    border: 1px solid #d9d9d9;
    background: #f9f9f9;
    margin: 0 10px 50px;
}
div.generate-presentation-list-link div.generate-link-name {
	margin-bottom: 5px;
}
div.generate-presentation-list-link div.generate-link-name strong {
	color: #000;
	font-size: 14px;
}
div.generate-presentation-list-link div.generate-link-name em {
	color: #777;
	font-size: 10px;
}
div.generate-presentation-list-link div.generate-link-name label {
	display: block;
	margin-bottom: 3px;
}
div.generate-presentation-list-link input.text {
	font-size: 12px;
	padding: 5px;
	width: 300px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
div.presentation-shortlist-selects {
	margin-top: 10px;
	padding: 5px 10px;
}
div.presentation-shortlist-selects a {
	color: #777;
	margin-right: 10px;
}
table.presentation-shortlist {
	border: 1px solid #d9d9d9;
	margin-bottom: 10px;
	background: #FFF;
}
table.presentation-shortlist td.remove {
	text-align: right;
}
div.generate-presentation-list-link div.btns {
	margin-top: 10px;
}
div#presentationLists div.list-overview {
	padding: 10px;
	border-bottom: 1px solid #d9d9d9;
	position: relative;
}
div#presentationLists h4 {
	font-size: 14px;
	margin-bottom: 5px;
}
div#presentationLists span.past-list-options {
	position: absolute;
	top: 5px;
	right: 5px;
}
div#presentationLists span.past-list-options a {
	margin-left: 5px;
}
div#presentationLists div.list-link {
	padding: 5px 0;
}
div#presentationLists div.list-link input {
	font-size: 12px;
	padding: 5px;
	width: 500px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
div#presentationLists div.list-details {
	display: none;
	margin-top: 10px;
}
div#presentationLists div.list-details span {
	display: block;
	margin: 5px 0;
}
div#presentationLists div.list-details-meta {
	float: left;
	margin-right: 15px;
	border-right: 1px solid #d9d9d9;
	padding-right: 15px;
}
div#presentationLists div.list-details-candidates {
	float: left;
}
div#presentationLists div.list-details span {
	display: block;
	margin: 5px 0;
}

/* manage audio questions */
div.manage-audio {
	padding: 10px;
}
div.manage-questions-loader {
	padding: 10px;
	margin: 10px;
}
div.manage-audio h2 {
	font-weight: normal;
	margin: 0 0 15px 0;
}
div.manage-audio-item {
	margin-bottom: 40px;
}
div.manage-audio-item .audio-preview {
	position: relative;
	padding: 20px 10px;
	border: 1px solid #d9d9d9;
    background: #f9f9f9;
    color: #777;
    margin-top: -10px;
}
.audio-preview .audio-preview-alert {
	font-size: 14px;
	line-height: 23px;
}
div.manage-audio .greeting-sendoff-explanation {
	position: absolute;
	right: 15px;
	top: 13px;
	text-align: center;
	font-size: 11px;
	line-height: 17px;
	margin-top: 16px;
	font-size: 14px;
}
div.manage-audio .show-filter {
	position: relative;
	padding: 20px 10px;
	border: 1px solid #d9d9d9;
    background: #f9f9f9;
    font-size: 12px;
    color: #777;
}
.show-filter a {
	color:#00aeef;
}
div.manage-audio .question-container {
	position: relative;
	padding: 20px 10px;
	border-left: 1px solid #d9d9d9;
	border-right: 1px solid #d9d9d9;
	border-top: 1px solid #d9d9d9;
	background: #f9f9f9;
}
div.manage-audio .question-container:first-child {
	border-top: none
}
div.manage-audio .question-container:last-child {
	border-bottom: 1px solid #d9d9d9;
}
div.manage-audio .active-sortable-item {
	background: #f9f9f9;
	-moz-box-shadow: 0 0 8px #a1a1a190;
	-webkit-box-shadow: 0 0 8px #a1a1a190;
	box-shadow: 0 0 8px #a1a1a190;
	opacity: 0.9;
	-moz-transform: rotate(1deg);
	-webkit-transform: rotate(1deg);
	-o-transform: rotate(1deg);
	transform: rotate(1deg);
}
div.manage-audio div.question-number {
	position: absolute;
	top: 23px;
	left: 10px;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	font-size: 13px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	color: #00648a;
	background: #fff;
	border: 2px solid #00648a; 
}
div.manage-audio div.question-label {
	margin: 0 275px 10px 50px;
}
div.manage-audio div.question-label-up {
	font-size: 16px;
	line-height: 22px;
	margin: 0 15px 14px 0;
}
div.manage-audio .question-label-up-edit {
	color: #94c855;
	display: none;
	margin-left: 10px;
	font-size: 12px;
	white-space: nowrap;
}
div.manage-audio div.question-label-up:hover .question-label-up-edit {
	display: inline;
}
div.manage-audio div.question-label-edit {
	display: none;
	position: relative;
	width: 300px;
	padding-right: 40px;
}
div.manage-audio div.question-label-edit textarea {
	width: 595px;
	height: 100px;
	font-size: 16px !important;
	line-height: 22px !important;
	padding: 5px;
	margin-bottom: 5px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
div.manage-audio div.question-audio {
	margin: 0 0 0 50px;
}
div.manage-audio div.question-edit-box {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 100;
	padding: 3px 6px;
	color: #777;
	font-size: 12px;
}
.visible-question-text-help-wrapper {
	position: absolute;
	right: -133px;
	top: 31px;
	display: none;
}
.visible-question-text-help {
	background-color: darkgray;
	color: #fff;
	position: relative;
	top: 5px;
	left: -50%;
	width: 275px;
	padding: 6px;
	z-index: 1000;
	border-radius: 4px;	
}
div.manage-audio .question-state {
	margin-right: 10px;
}

div.manage-audio .question-text-visible-state {
	margin-right: 10px;
}

div.manage-audio .reorder-link {
	margin-right: 10px;
	cursor: move;
}
div.manage-audio .question-delete {
	color: #777;
}

div.manage-audio div.manage-audio-questions-record-new {
	margin-top: 50px;
}

.record-audio {
	padding: 15px;
}
.record-audio p.description {
	font-size: 12px;
	line-height: 18px;
	margin-bottom: 20px;
}
.record-audio div.steps {
	margin: 20px 0;
}
.record-audio dl {
	clear: both;
	margin: 10px 0;
}
.record-audio dt {
	float: left;
	margin: 0 10px;
}
.record-audio dd {
	float: left;
	font-size: 14px;
}
.record-audio div#call {
	padding: 10px;
}
.record-audio div#call a,
.record-audio div#call button {
	margin-left:10px;
}
.record-audio th {
	padding: 5px 15px 5px 5px;
	text-align: left;
}
.record-audio td {
	padding: 5px;
}
.record-audio input {
	width: 200px;
	padding: 5px;
	font-size: 12px;
}
.record-audio #callbox {
	padding: 10px 20px;
	background: #CBF7B3;
	border: 1px solid #94c855;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin-bottom: 20px;
	font-size: 14px;
}
.record-audio p {
	margin: 10px 5px;
}
.record-audio ul {
	margin: 10px 0 0 30px;
}
.record-audio li {
	margin-bottom: 10px;
}
.record-audio .questions-dial-in {
	width: 420px;
	margin: 20px 0;
	padding: 10px 0;
	text-align: center;
	background: #f9f9f9;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #d9d9d9;
}
.record-audio .dial-in-title {
	font-size: 15px;
	margin: 20px 0;
}
.record-audio .dial-in-country {
	margin: 20px 0;
}
.record-audio .dial-in-number {
	display: inline-block;
	line-height: 27px;
	font-size: 12px;
	padding: 0 10px;
	border: 1px solid #d9d9d9;
	background: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.record-audio .dial-in-number-label {
	font-weight: bold;
	display: inline-block;
	width: 100px;
	margin-right: 10px;
	text-align: left;
	font-size: 14px;
}
.record-audio .dial-in-number-value {
	display: inline-block;
	width: 130px;
	font-size: 14px;
}
.record-audio .dial-in-pin {
	display: inline-block;
	font-size: 14px;
	color: #00648a;
	padding: 0 10px;
	line-height: 27px;
	border: 1px solid #00648a;
	background: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin-left: 10px;
}
.import-questions {
	margin: 10px;
}
.import-questions div.question-label {
	margin: 10px;
}
.import-questions div.question-label label {
	display: block;
	margin-bottom: 5px;
	font-size: 14px;
}
.import-questions div.question-label input {
	padding: 5px;
	font-size: 12px;
	width: 400px;
}
.import-questions div.single-campaign {
	margin: 10px 10px 30px;
}
.import-questions div.single-campaign select {
	font-size: 12px;
}
.import-questions div.btns {
	padding: 20px 0 0;
}
#importQuestionsForm td.checkbox {
	text-align: center;
}
.quick-start {
	margin: 50px 0 0 24px;
}
.large-task-list {
	margin: 20px 5px;
	list-style-type: none;
	list-style-image: none;
}
.large-task-list li {
	margin-bottom: 30px;
	padding-left: 65px;
	background-repeat: no-repeat;
}
.large-task-list li a {
	color: #333;
	font-size: 20px;
	display: inline-block;
	margin: 7px 10px 8px 0;
	line-height: 1.1;
}
.large-task-list li a:hover {
	color: #7baf3c;
}
.large-task-list em {
	padding: 2px 6px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #777;
	background: #F3F3F3;
	font-style: normal;
}
.large-task-list em.required {
	background: #d90118;
	color: #FFF;
}
.large-task-list li span {
	display: block;
	font-size: 12px;
	color: #777;
}
.icon-campaign-email { background-image: url(/images/interview-email-e6b593dd92eb6ed78ad283d989d2a6d7.svg); background-size: 38px; background-position: 8px 11px; }
.icon-campaign-sms { background-image: url(/images/interview-sms-cbb2291b34e3a6a16161d437fdc35546.svg); background-size: 28px; background-position: 12px 4px; }
.icon-campaign-page { background-image: url(/images/interview-page-90012344ebe5d9cb91999b237209b4d3.svg); background-size: 38px 38px; background-position: 7px 7px; }
.icon-campaign-complete { background-image: url(/images/interview-completion-4cf7600d3705a7eb112d5bc62c8806a2.svg); background-size: 40px 40px; background-position: 7px 5px; }
.icon-campaign-halt { background-image: url(/images/interview-halt-d94782fae9810a62b69e336cf06ef1e0.svg); background-size: 38px 38px; background-position: 7px 7px; }
.icon-campaign-redirect { background-position: 0 -400px; }
.icon-campaign-address { background-image: url(/images/interview-reply-e7b8bac971b21bfbcae0732382990815.svg); background-size: 40px; background-position: 7px 9px; }
.icon-campaign-reject { background-image: url(/images/interview-failure-8a85adcc4fe6da33135b57f281a218cc.svg); background-size: 38px 38px; background-position: 7px 7px; }
.icon-campaign-email-reject { background-image: url(/images/interview-decline-ece91190db2a290902e119a6a4aab1d4.svg); background-size: 40px; background-position: 7px 10px; }
.icon-campaign-email-accept { background-image: url(/images/interview-accept-2710d89bd800e4b9432275df91b36145.svg); background-size: 40px; background-position: 7px 10px; }
.icon-campaign-email-reminder { background-image: url(/images/interview-reminder-cf81a4567d23f3f15b1ceeb22246d303.svg); background-size: 38px; background-position: 8px 6px; }
.icon-campaign-feed { background-image: url(/images/interview-feed-265a140e09415b8bb6615ef10e27a060.svg); background-size: 38px; background-position: 8px 6px; }
.icon-campaign-prequals { background-image: url(/images/interview-text-8314555e928601a2a9cd1ddca50e9020.svg); background-size: 35px; background-position: 10px 6px;  }
.icon-campaign-access { background-image: url(/images/interview-access-e034bbb2b5a39744e49985ec297f53ed.svg); background-size: 38px; background-position: 8px 6px; }
.icon-campaign-audio { background-image: url(/images/interview-record-543a6c7444863327b54bd045c65eceb4.svg); background-size: 38px; background-position: 8px 6px;  }
.icon-campaign-flow { background-image: url(/images/interview-process-2ca629ae20a219fc3a67be5cb993f556.svg); background-size: 38px; background-position: 8px 6px;  }

/* manage touchpoints */
.manage-touchpoint-header {
	padding: 1px 10px 1px 60px;
	background-image: url(/images/icons-flow-35363d61886ca05baa1b5f7975a7a476.png);
	background-repeat: no-repeat;
}
.manage-touchpoints {
	margin: 10px;
}
.manage-touchpoint {
	padding-top: 15px;
}
.manage-touchpoint .touchpoint-layout-content {
	padding: 10px 5px 0;
}
a.email-link {
	color: #94c855;
}	
a.email-link:hover {
	color: #7baf3c;
}
.email-subject-tip-box {
	border: 1px solid #d9d9d9;
	margin: 20px 30px 70px;
}
div.email-subject-widget-input:hover {
	border: 1px solid #00aeef;
}
.manage-touchpoint .email-subject-widget-input {
	padding: 5px;
    margin: 0 5px 10px;
	border: 1px solid #d9d9d9;
	position: relative;
}
.manage-touchpoint .email-subject-widget-input-required {
	position: absolute;
	top: 16px;
	right: 10px;
	color: #d90118;
	font-size: 12px;
}
.manage-touchpoint .email-subject-widget input {
	font-size: 16px;
	color: #333;
	padding: 5px;
	width: 400px;
	border: none;
}
.manage-touchpoint .email-subject-widget-counter {
	background: #f9f9f9;
	color: #777;
	padding: 5px 10px;
	font-size: 14px;
}
.manage-touchpoint .email-subject-widget-counter span {
	margin-right: 5px;
}
.manage-touchpoint .email-subject-widget-tip {
	background: #f9f9f9;
	color: #777;
	padding: 5px 10px;
	font-size: 14px;
	line-height: 1.4;
}
.defaultSkin table.mceLayout {
	border: solid 1px #d9d9d9;
}
.defaultSkin .mceIframeContainer {
	border-top: 1px solid #d9d9d9;
}
.defaultSkin .mceIframeContainer {
	border: none;
}
.manage-touchpoint .intro {
	margin: 10px 0;
}
.manage-touchpoint .logo-intro {
	text-align: center;
}
.manage-touchpoint p {
	margin: 4px 0;
	padding: 4px 0;
}
.manage-touchpoint .email-body-rte .note {
	background: #f9f9f9;
	color: #777;
	padding: 2px 10px;
	margin: 20px 30px;
	border: 1px solid #d9d9d9;
}
.manage-touchpoint .signature {
	width: 200px;
	height: 110px;
	margin: 10px 0;
	border: 1px solid #d9d9d9;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.manage-touchpoint .signature .header {
	font-size: 12px;
	background: #f9f9f9;
	color: #777;
	display: block;
	padding: 9px 10px 7px;
	border-bottom: 1px solid #eee;
}
.signature:hover {
	border: 1px solid #00aeef;
}
.manage-touchpoint .signature textarea {
	width: 180px;
	height: 62px;
	padding: 10px;
	border: none;
	font-size: 14px;
	color: #333;
}
.manage-touchpoint .email-footer {
	color:#777;
	font-size:12px;
}
.manage-touchpoint .single {
	margin-bottom: 25px 0 20px;
}
.manage-touchpoint .single label {
	display: block;
}
.manage-touchpoint .single input {
    font-size: 14px;
    padding: 5px;
    width: 100%;
    height: 33px;
    margin-bottom: 5px;
    color: #333;
}
.manage-touchpoint .tip {	
	color: #777;
	font-size: 12px;
}
.manage-touchpoint .touchpoint-toggle {
	background: #f9f9f9;
	padding:10px;
	margin: 0;
	border: 1px solid #d9d9d9;
}
.manage-touchpoint .touchpoint-toggle + .touchpoint-toggle {
	border-top: none;
}
.manage-touchpoint .touchpoint-toggle .touchpoint-layout {
	display: none;
	margin-top: 10px;
}
.manage-touchpoint .touchpoint-toggle .email-layout .email-subject input {
	width: 528px;
}
.manage-touchpoint .reminder-input {
	width: 30px;
	text-align: center;
	margin-left: 4px;
	margin-right: 4px;
	height: 30px;
	font-size: 14px;
	color: #00aeef;
}
.manage-touchpoint .btns {
	padding: 10px;
}
.manage-touchpoint .touchpoint-layout + .btns {
	border-top: none;
	margin-top: 10px;
}
.manage-touchpoint .touchpoint-redirect-options {
	margin-bottom: 28px;
}
.manage-touchpoint .touchpoint-redirect-options label {
	display: block;
	margin: 16px 0;
	font-size: 14px;
	color: #777;
}
.manage-touchpoint .touchpoint-redirect-options input {
	margin-right: 5px;
	height: 14px;
}

/* campaign bulk edit */
.campaign-bulk-edit {

}
.campaigns-to-edit {
	float: right;
	position: relative;
	width: 230px;
	padding: 15px 0 15px 25px;
	border-left: 1px solid #E8E8E8;
}
.campaigns-to-edit-shadow {
	position: absolute;
	top: 0;
	left: 0;
	width: 10px;
	height: 100%;
}
.campaigns-to-edit p {
	font-size: 16px;
	color: #00648a;
	margin-bottom: 10px;
}
.campaigns-to-edit ul {
	list-style-type: none;
}
.campaigns-to-edit li {
	color: #777;
	font-size: 12px;
	line-height: 15px;
	margin: 10px 0;
}
.campaign-bulk-edit-options {
	float: left;
	width: 314px;
	margin: 15px;
}
.campaign-bulk-edit-inline-option {
	display: none;
}
.campaign-bulk-edit-option {
	margin-bottom: 15px;
}
.campaign-bulk-edit-option label {
	display: block;
	margin: 10px;
	font-size: 14px;
}
.campaign-bulk-edit-option .checkbox-group {
	margin: 25px 0;
	font-size: 14px;
}
.campaign-bulk-edit-option .checkbox-group span {
	display: block;
	margin: 4px 0;
}
.campaign-bulk-edit-option .checkbox-group label {
	display: inline-block;
	margin-left: 5px;
}
.campaign-bulk-edit-option textarea {
	width: 280px;
	height: 50px;
	padding: 5px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.campaign-bulk-edit-option .color-scheme label {
	display: inline-block;
}
.confirm-bulk-edit {
	margin: 15px;
}
.confirm-bulk-edit ul {
	list-style-type: none;
}
.confirm-bulk-edit li {
	font-size: 12px;
	line-height: 15px;
	margin: 5px 0;
	color: #777;
}
.confirm-bulk-edit-item {
	margin: 10px 0;
}
.confirm-bulk-edit-item span {
	display: inline-block;
	border: 1px solid #d9d9d9;
	background: #f9f9f9;
	padding: 10px;
	font-size: 13px;
	line-height: 21px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.confirm-bulk-edit-item strong {
	color: #000;
}
.confirm-bulk-edit-campaigns {
	padding: 10px 0;
}
.confirm-bulk-edit-campaigns span {
	display: block;
	font-size: 14px;
	margin-bottom: 10px;
}
.campaign-bulk-edit .btns {
	margin: 30px 0;
}

/* manage prequals module */
div.prequal-loader {
	padding: 10px;
	margin: 10px;
	font-size: 18px;
}
div.prequal-loader img {
	margin-right: 5px;
}
div.manage-prequals {
	margin: 10px;
}
div#no_prequals {
    padding: 40px 10px;
    font-size: 18px;
    min-height: 50px;
}

div.manage-prequals .show-filter {
	background: #f9f9f9;
	border: 1px solid #d9d9d9;
	padding: 10px 10px 8px;
	font-size: 14px;
}

div.manage-prequals div.add-new-prequal {
	padding: 10px;
	border-bottom: 1px solid #d9d9d9;
	background: #f9f9f9;
}
div.manage-prequals div.add-new-prequal .add-new-prequal-picker label {
	font-weight: bold;
	font-size: 14px;
	margin-right: 3px;
	color: #333;
}
div.manage-prequals div.add-new-prequal .add-new-prequal-picker select {
	font-size: 14px;
	margin-right: 3px;
}
div.manage-prequals .question-container {
	position: relative;
	padding: 10px;
	border: 1px solid #d9d9d9;
	color: #00648a;
	min-height: 150px;
	margin: 20px 0;
    -moz-box-shadow: 0px 4px 7px #d9d9d9;
    -webkit-box-shadow: 0px 4px 7px #d9d9d9;
    box-shadow: 0px 4px 7px #d9d9d9;
}
div.manage-prequals .question-container:first-child {
	border-top: none;
	margin-top: 0;
}
div.manage-prequals .question-container:last-child {
	min-height: 0;
}
div.manage-prequals .active-sortable-item {
	background: #f9f9f9;
}
div.manage-prequals .sortable-placeholder {
	width: 100%;
	height: 100px;
	background: #f9f9f9;
}
div.manage-prequals .question-number {
	position: absolute;
	top: 12px;
	left: 15px;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 27px;
	font-size: 13px;
	font-weight: bold;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	border: 3px solid #00648a;
	background: #00648a;
	color: #fff;
	font-size: 16px;
}
.question-number-edit input {
	font-size: 16px;
	text-align: center;
    width: 46px;
    margin: 3px 0 0 -10px;
    border: 1px solid #00aeef;
    -moz-box-shadow: 4px 5px 21px 0px #a1a1a190;
    -webkit-box-shadow: 4px 5px 21px 0px #a1a1a190;
    box-shadow: 4px 5px 21px 0px #a1a1a190;
}
div.manage-prequals .question-preview {
	position: relative;
}
div.manage-prequals .preview-title {
	font-size: 16px;
	line-height: 22px;
	width: 500px;
	margin: 6px 0 10px 50px;
	display: block;
}
div.manage-prequals .preview-answer {
	width: 320px;
	margin: 0 0 0 50px;
	display: block;
}
div.manage-prequals .preview-answer ul,
div.manage-prequals .preview-answer ul li {
	list-style-type: none;
	margin: 0;
}
div.manage-prequals .preview-answer label {
	margin: 9px 0 0 5px;
	font-size: 14px;
	color: #777;
}
div.manage-prequals .preview-answer p {
	margin: 10px 0 0 0;
	color: #d90118;
}
.preview-answer input[type=radio] {
	height: 14px;
}
div.manage-prequals .preview-textarea {
	width: 250px;
	border: 1px solid #d9d9d9;
	color: #777;
	padding: 0 5px;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
}
div.manage-prequals .preview-input {
	color: #777;
    padding: 7px 5px 5px;
    border: 1px solid #d9d9d9;
    margin-bottom: 10px;
    display: block;
    font-size: 14px;
    height: 35px;
    width: 150px;
}
div.manage-prequals .required-indicator-box {
	position: absolute;
	top: 19px;
	right: 114px;
}
div.manage-prequals .required-indicator {
	background: #d90118;
	color: #FFF;
	padding: 4px 9px;
	text-transform: uppercase;
	font-size: 10px;
	margin: 0;
	font-weight: normal;
}
.active-question-edit {
	margin: 10px 0 0 50px;
}
div.manage-prequals .edit-box {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100px;
	z-index: 100;
	color: #777;
	background: #f9f9f9;
	border-left: 1px solid #d9d9d9;
}
div.manage-prequals .edit-box-meta {
	margin: 4px 0 0 10px;
	font-size: 12px;
}
.edit-box-meta ul {
	line-height: 2;
	list-style: none;
}
.edit-box-meta ul span {
	color: #a1a1a1;
}
.edit-box-meta ul span {
	color: #a1a1a1;
}
.edit-box-meta ul span:hover {
	color: #6e717a;
}
div.manage-prequals .edit-box a {
	margin-right: 10px;
	text-decoration: none;
	color: #777;
}
div.manage-prequals .edit-box a:hover {
	color: #6e717a;
}
div.manage-prequals .edit-box .reorder-link {
	cursor: move;
}
div.manage-prequals .edit-box .reorder-link span {
	cursor: move;
}

div.manage-prequals .question {
}
div.manage-prequals .question .title {
	display: block;
	margin-bottom: 5px;
	font-size: 16px;
}
div.manage-prequals .edit-question-data-title {
	margin-bottom: 20px;
	font-size: 14px;
}
div.manage-prequals .edit-question-data-title {
	margin-bottom: 20px;
	font-size: 14px;
}
div.manage-prequals .edit-question-data textarea {
	width: 500px;
	max-width: 97%;
	height: 90px;
	padding: 5px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size: 14px;
	line-height: 1.5;
}
div.manage-prequals .edit-question-pass-fail {
	display: inline-block;
	width: 292px;
	position: relative;
	margin: 15px 0;
	padding: 5px 10px;
	background: #D90118;
}
div.manage-prequals .edit-question-pass-fail input {
	position: absolute;
	top: 7px;
	left: 9px;
}
div.manage-prequals .edit-question-pass-fail label {
	display: inline-block;
	margin-left: 21px;
	color: #FFF;
	font-size: 14px;
	line-height: 1.5;
}
.choices.checkbox input[type=radio] {
	height: 14px;
	margin: 0;
}
div.edit-question-data-title div {
	color: #333;
}
div.manage-prequals .edit-question-answer {
	padding: 10px;
}
div.manage-prequals .required-answer-number {
	margin: 0 0 8px;
	color: #d90118;
	font-size: 14px;
}
div.manage-prequals .required-answer-number select {
	margin-left: 10px;
}
div.manage-prequals .required-answer-number input {
	padding: 3px;
	width: 50px;
	text-align: center;
	margin-left: 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
    height: 33px;
    color: #00aeef;
    font-size: 14px;
}

div.manage-prequals ul.choices {
	list-style-type: none;
	margin: 10px;
}
div.manage-prequals ul.choices li {
	list-style-type: none;
	margin: 10px 0;
	font-size: 14px;
	color: #d90118;
}
div.manage-prequals ul.choices li.active-sortable-option {
	opacity: 0.8;
}
div.manage-prequals ul.choices .sortable-option-placeholder {
	height: 50px;
	width: 400px;
	border: 1px dashed #888;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #F9F9F9;
}
div.manage-prequals ul.choices input.text {
	padding: 4px;
	width: 250px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	line-height: 14px;
    height: 33px;
    font-size: 14px;
}
div.manage-prequals .choices .add-new-row {
	opacity: 0.7;
	padding: 4px;
}
div.manage-prequals .choices .add-new-buff {
	width:1px;
	padding-left:14px;
}
div.manage-prequals .choices .delete-link {
	margin: 0 10px;
}
div.manage-prequals .choices .reorder-link {
	text-decoration: none;
	cursor: move;
	color: #777;
}
div.manage-prequals ul.checkbox label {
	margin-left: 5px;
	color: #333;
}

div.manage-prequals .question-buttons {
	padding: 10px;
}
div.manage-prequals .question-buttons a {
	margin-right: 10px;
}

div.manage-prequals .errors {}
div.manage-prequals .errors strong {
	display: inline-block;
	width: 325px;
	background: #FE4131;
	padding: 5px 10px;
	color: #FFF;
}

/* batch review */
div#batch_review_nav {
	margin: 10px;
	position: relative;
}
div#batch_review_nav a {
	display: inline-block;
	margin-right: 8px;
	background: #6185AE;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow:0 0 2px #a1a1a190;
	-moz-box-shadow:0 0 2px #a1a1a190;
	box-shadow:0 0 2px #a1a1a190;
	padding: 3px 8px;
	color: #FFF;
	font-size: 0.9em;
	text-decoration: none;
}
div#batch_review_nav a strong {
	text-decoration: underline;
	font-weight: normal;
}
div#batch_review_nav a em {
	font-style: normal;
	color: #E9E9E9;
	margin-left: 3px;
}
div#batch_review_nav a:hover {
	background: #000;
	color: #FFF;
}
div#batch_review_nav a.active-tab {
	background: #FFFE6C;
	color: #000;
}
div#batch_review_nav a.active-tab em {
	color: #777;
}
div#batch_review_nav a.randstad-portal-btn {
	background: #0082E6;
	position: absolute;
	right: 0;
	top: 0;
}
#batch_review_subnav {
	margin: 10px;
}
.batch-review-search {
	float: left;
}
.batch-review-search label {
	display: inline-block;
	font-size: 11px;
	color: #777;
	margin-right: 5px;
}
.batch-review-search input {
	width: 200px;
	padding: 3px;
	font-size: 12px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #d9d9d9;
}
.batch-review-sysmsg {
	float: right;
}
.batch-review-sysmsg .sysmsg-error {
	background: #F10;
	color: #FFF;
	font-size: 12px;
	display: inline-block;
	padding: 5px 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
div#batch_candidates {
	margin: 10px;
	position: relative;
	z-index: 1000;
}
div#batch_candidates .batch-loading {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: #FFF;
	opacity: 0.8;
	z-index: 1003;
}
div#batch_candidates .batch-loading div {
	width: 200px;
	padding: 10px 0;
	margin: 35px auto 0 auto;
	text-align: center;
	font-size: 14px;
	line-height: 24px;
	background: #F2F9DC;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 1px 3px #d9d9d9;
	-webkit-box-shadow: 0 1px 3px #d9d9d9;
	box-shadow: 0 1px 3px #d9d9d9;
	z-index: 1004;
}
div#batch_candidates table {
	margin-bottom: 0;
}
div#batch_candidates th {
	font-size: 9px;
	text-align: left;
	padding: 0 5px;
}
div#batch_candidates td {
	padding: 5px;
	vertical-align: top;
}
div#batch_candidates td.name, div#batch_candidates td.qa, div#batch_candidates td.controls {
	border-bottom: 2px solid #d9d9d9;
	padding: 0;
}
div#batch_candidates .name {
	width: 175px;
}
div#batch_candidates .name .person {
	margin-bottom: 5px;
	font-size: 1.2em;
}
div#batch_candidates .name .vitals {
	font-size: 0.8em;
	line-height: 1.5em;
	color: #777;
}
div#batch_candidates .qa {
	border-left: 1px solid #d9d9d9;
	border-right: 1px solid #d9d9d9;
}
div#batch_candidates .number {
	width: 40px;
}
div#batch_candidates .number div {
	background: #6185AE;
	color: #FFF;
	padding: 3px 6px;
	text-align: center;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size: 0.8em;
	font-weight: bold;
	float: left;
}
div#batch_candidates .question {
	padding-right: 15px;
}
div#batch_candidates .answer {
	width: 33%;
}
div#batch_candidates .qa tr:hover td {
	background: #F3F3F3;
	cursor: pointer;
	cursor: hand;
}
div#batch_candidates .qa td {
	border-bottom: 1px dotted #d9d9d9;
}
div#batch_candidates .qa tr:last-child td {
	border: none;
}
div#batch_candidates .controls {
	width: 125px;
}
div#batch_candidates .controls td {
	text-align:center;
}
div#batch_candidates .controls p {
	margin: 0 0 5px 0;
}
div#batch_candidates .controls a {
	font-size: 0.9em;
	padding: 3px 6px;
	display: block;
	background: #EEE;
	color: #777;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
div#batch_candidates .controls .remove-hold {
	background: #529A21;
	color: #FFF;
}
div#batch_batch_candidates .controls .remove-placement {
	background: #FF691A;
	color: #FFF;
}
div#batch_candidates .controls a:hover {
	text-decoration: none;
	background: #000;
	color: #FFF;
}
div#batch_candidates .show-all-prequals a {
	display: block;
	padding: 5px;
	font-size: 0.9em;
	color: #777;
}
div#batch_candidates .no-candidates, #batch_candidates .no-questions {
	padding: 20px;
	text-align:center;
	font-size:1.2em;
}
div#batch_candidates .recent-activity {
	font-size: 0.75em;
	color: #777;
}
#batchFormContainer {
	display: none;
	width: 500px;
	padding:10px;
	background: #FFF;
}
#batchForm, #batchFormLoader {
	margin: 0;
}
#batchFormInstructions {
	text-align: center;
	color: #777;
	background: #EEE;
	margin-bottom: 20px;
	font-size: 1.1em;
}
#batchFormInstructions div {
	padding: 10px;
}
#batchFormMessage {
	padding-bottom: 10px;
	margin-bottom: 10px;
}
#batchFormMessage div {
	padding: 3px 0;
}
#batchFormMessage label {
	display: block;
	font-weight: bold;
	margin-bottom: 5px;
	font-size: 1.2em;
}
#batchFormSubjectInput {
	width: 95%;
	font-size: 1.2em;
	padding: 4px;
}
#batchFormText {
	width: 95%;
	height: 120px;
	padding: 4px;
}
#batchFormCandidates {
	overflow: auto;
	height: 150px;
	border: 1px solid #d9d9d9;
}
#batchFormCandidatesLabel {
	font-weight: bold;
	font-size: 1.2em;
	margin-bottom: 10px;
}
#batchFormCandidatesLabel em {
	font-size: 0.8em;
	font-weight: normal;
}
#batchFormCandidatesSelects {
	margin-bottom: 10px;
}
#batchFormCandidatesSelects a {
	color: #777;
	margin-right: 8px;
}
#batchFormCandidates .candidate {
	float: left;
	width: 235px;
	margin-bottom: 3px;
	padding: 3px;
}
#batchFormCandidates .candidate input {
	float: left;
	margin: 1px 8px 0 0;
}
#batchFormCandidates .candidate label {
	float: left;
	font-size: 1.2em;
	margin-top: 2px;
}
#batchFormCandidates .candidate label em {
	font-size: 0.9em;
	color: #777;
	margin: 1px 0 0 8px;
}
#batchFormControls p {
	margin: 2em 0;
}
#batchFormSuccess {
	background: #E0F6DD;
	padding: 10px;
}

#reviewer_campaigns {
	background: #FFF;
	padding: 10px;
}
#reviewer_campaigns ul {
	list-style-type: none;
	list-style-image: none;
	margin: 0;
}
#reviewer_campaigns li {
	margin-bottom: 30px;
}
#reviewer_campaigns li:last-child {
	margin: 0;
}
#reviewer_campaigns h1 {
	border: none;
	padding: 0;
	font-size: 1.6em;
	margin-bottom: 10px;
}
#reviewer_campaigns p {
	color: #777;
}
#reviewer_campaigns p a {
	color: #777;
}
#reviewer_campaigns p strong {
	font-size: 0.8em;
	text-transform: uppercase;
	margin-right: 8px;
}

/* queue */
h1.queue-header .queue-total {
	color: #00aeef;
	line-height: 1;
	padding: 3px 7px;
	margin-left: 3px;
	font-size: 24px;
}
.my-queue {
	margin: 10px;
}
.my-queue span.new-candidates {
	background: #fbbe18;
	color: #333;
	line-height: 1.5;
	display: inline-block;
	white-space: nowrap;
	padding: 5px 7px 3px;
	font-size: 12px;
	width: 50px;	
	max-width: 300px;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	border-radius: 25px;
	-webkit-border-radius:25px;
	-moz-border-radius:25px;
}
.my-queue div.section-header {
	background: #FFF;
	border: none;
}
div.queue-complete {
	padding: 20px;
	background: #FFF;
}
div.queue-complete h3 {
	display: inline-block;
	vertical-align: bottom;
}
div.queue-complete p {
	margin-top: 21px;
	font-size: 14px;
	margin-left: 10px;
	line-height: 1.5;
}
.queue-complete span {
	color: #00AEEF;
}

/* unsubscribe */
#unsubscribe #content {
	width: 500px;
	margin: 50px auto;
	padding: 20px;
}
#unsubscribe h1 {
	text-align: center;
	margin-bottom: 20px;
}
#unsubscribe h2 {
	font-size: 24px;
	margin-bottom: 20px;
}
#unsubscribe h3 {
	color: #D10900;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
}
#unsubscribe p, #unsubscribe ul {
	font-size: 12px;
	line-height: 18px;
	margin-bottom: 20px;
}
#unsubscribe ul {
	list-style-position: inside;
}
#unsubscribe li {
	margin-bottom: 10px;
}
#unsubscribe .branding, #unsubscribe .confirm {
	text-align: center;
}

/* generic tip hover widget */
.tip-widget {
	position: relative;
}
.tip-widget .tip-hover {
	font-size: 14px;
	display: inline-block;
	width: 14px;
	height: 14px;
	line-height: 14px;
	color: #333;
	cursor: default;
}
.tip-widget .tip {
	display: none;
	position: absolute;
	bottom: 32px;
	left: -89px;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	border-radius: 14px;
}
.tip-widget .tip-content {
	width: 190px;
	padding: 20px 25px;
	color: #333;
	background: #fff;
	font-size: 14px;
	line-height: 1.5;
	text-transform: none;
	font-weight: normal;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	border-radius: 14px;
	-moz-box-shadow: 0 5px 80px 5px #a1a1a190;
	-webkit-box-shadow: 0 5px 80px 5px #a1a1a190;
	box-shadow: 0 5px 80px 5px #a1a1a190;
}
.tip-widget .tip:after {
	top: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.tip-widget .tip:after {
	border-color: rgba(0,0,0,0);
	border-top-color: #fff;
	border-width: 10px;
	left: 50%;
	margin-left: -10px;
}


/* live interviews */
.live-interviews {
	width: 740px;
	margin: 35px auto;
}

/* create a live interview, and a promo */
.live-interview-overview {
	color: #00648a;
    font-size: 32px;
    border-top: 6px solid;
    border-left: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    padding: 10px 0px 0px 10px;
    margin-top: 40px;
    background: #fff;
}
.live-interview-overview h1 {
	font-size: 32px;
	text-align: center;
}
.create-live-interview {
	width: 70%;
	margin: 0 auto;
}
.live-interview-instructions {
	margin: 0 10px;
	padding: 10px 0 0 0;
	font-size: 16px;
	line-height: 27px;
	color: #333;
}
.live-interview-form {
	margin: 10px;
	padding: 5px 20px;
}
.live-interview-form div {
	margin: 15px 0;
}
.live-interview-form label {
	display: inline-block;
	width: 145px;
	font-size: 14px;
}
.live-interview-form input {
  	padding: 8px 8px 5px;
    font-size: 14px;
    width: 215px;
    color: #333;
}
.live-interview-form select {
	width: 159px;
}
.live-interview-form button {
	width: 100%;
	padding: 7px 0;
	font-size: 18px;
	margin-top: 20px;
}
.live-interview-form .error {
	display: block;
	padding: 5px 0 0 75px;
	color: #F00;
	text-align: center;
}
.live-interview-form-desc {
	padding: 0 0 20px 0;
	text-align: center;
	font-size: 14px;
	line-height: 19px;
	color: #777;
}
.live-interview-promo {
	position: absolute;
	top: 295px;
	left: 40px;
	width: 275px;
	text-align: right;
}
.live-interview-promo h2 {
	font-size: 16px;
	font-weight: normal;
	line-height: 25px;
	margin-bottom: 5px;
}
.live-interview-promo em {
	font-style: normal;
	margin-left: 5px;
	margin-right: 5px;
}

/* interview list */
.live-interview-list-container .fa-calendar-alt, .fa-calendar-check {
	margin: 0px 10px;
	color: #94c855;
    font-size: 24px;
    float: left;
}
.live-interview-list-container h1 {
	margin-bottom: 20px;
}
.live-interview-list-item {
	padding: 20px;
	position: relative;
}
.live-interview-candidate {
	float: left;
	width: 235px;
	margin-right: 25px;
	line-height: 19px;
}
.live-interview-candidate .live-candidate-name {
	display: block;
	font-size: 16px;
	font-weight: bold;
}
.live-interview-candidate .live-candidate-email {
	display: block;
	font-size: 12px;
	margin-bottom: 7px;
	color: #777;
}
.live-interview-candidate .create-ts, .live-interview-candidate .live-interviewer-name {
	display: block;
	font-size: 12px;
	margin: 6px 0;
	color: #777;
}
.live-interview-candidate .create-ts em {
	display: inline-block;
	width: 60px;
	font-style: normal;
}
.live-interview-link-interviewer {
	margin-bottom: 15px;
}
.live-interview-links label {
	display: block;
	font-weight: bold;
	font-size: 13px;
	margin-bottom: 4px;
}
.live-interview-links input {
	display: inline-block;
	padding: 4px;
	font-size: 12px;
	width: 310px;
	margin-right: 5px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #777;
}
.live-interview-links a {
	font-size: 12px;
	margin-top: 4px;
	text-align: center;
}
.live-interview-item-meta {
	float: left;
	width: 370px;
}
/* created list */
.created-live-interviews {
	color: #00648a;
    font-size: 24px;
    border-top: 6px solid;
    border-left: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    padding: 10px 0px 0px 10px;
    margin-top: 40px;
    background: #fff;
}
.created-live-interviews-list {
	background: #FFF;
}
.loading-created-interviews-list {
	background: #FFF;
	padding: 50px;
	font-size: 20px;
	line-height: 35px;
	text-align: center;
}
.loading-new-created-interview {
	background: #f9f9f9;
	padding: 20px;
	font-size: 16px;
	line-height: 29px;
	text-align: center;
}
.loading-new-created-interview img {
	margin-right: 10px;
}
.created-interview-list-blank {
	background: #FFF;
	padding: 20px;
	font-size: 16px;
	line-height: 29px;
	text-align: center;
}
/* completed list */
.completed-live-interviews {
	color: #00648a;
    font-size: 24px;
    border-top: 6px solid;
    border-left: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    padding: 10px 10px 20px 10px;
    margin-top: 40px;
    background: #fff;
}
.completed-live-interviews h2 {
	font-size: 24px;
	margin: 0 0 20px;
}
.completed-live-interview {
	position: relative;
}
.live-interview-list-item .processing-error-container {
	position: relative;
	display: inline-block;
	background: #EEE;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 5px;
}
.live-interview-list-item .processing-error-up {
	display: inline-block;
	padding: 5px 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	cursor: help;
	font-size: 11px;
	width: 102px;
	text-align: center;
}
.live-interview-list-item .processing-momentarily {
	background: #FFF9D9;
	color: #333;
}
.live-interview-list-item .processing-failure {
	background: #EB002A;
	color: #FFF;
}
.live-interview-list-item .processing-error-up span {
	margin-left: 5px;
}
.live-interview-list-item .processing-error-desc {
	display: none;
	position: absolute;
	top: 0;
	left: 135px;
	width: 200px;
	padding: 10px;
	background: #222;
	color: #EEE;
	font-size: 11px;
	line-height: 17px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.live-interview-list-item .processing-error-desc a {
	color: #FFF;
}
.live-interview-list-item .video-player-container {
	display: inline-block;
	background: #F3F3F3;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	position: relative;
}
.live-interview-list-item .video-player-btn {
	padding: 5px;
	display: inline-block;
}
.live-interview-list-item .video-player-widget {
	position: relative;
}
.live-interview-list-item .video-player-widget > div {
	padding: 5px;
}
#completed_live_interviews_info, #completed_live_interviews_length {
	padding-right: 30px;
}
/* live single player page */
.live-completed-interview {
	width: 740px;
	margin: 35px auto;
}
.live-completed-meta {
	float: left;
	width: 320px;
	min-height: 380px;
	margin-right: 10px;
}
.live-completed-player {
	float: left;
/*	width: 360px; */
/*	height: 360px; */
	padding: 10px;
}
.live-completed-player .video-player-btn {
	height: 360px;
	text-align: center;
	background: #F9F9F9;
	box-shadow: inset 0 0 12px #AAA;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.live-completed-player .video-player-btn a {
	margin-top: 180px;
}
.live-completed-na {
	padding-top: 180px;
	font-size: 16px;
	color: #777;
}
.live-completed-breadcrumb {
	padding: 10px;
}
.live-completed-share {
	margin: 10px 0;
}
.live-completed-share-option {
	margin: 0 10px 5px 10px;
}
.live-completed-share-option input {
	margin-right: 5px;
}
.live-completed-share-link {
	margin: 10px;
	display: none;
}
.live-completed-share-link p {
	font-size: 10px;
	color: #777;
	margin: 0 0 5px;
	line-height: 19px;
}
.live-completed-share-link input {
	padding: 4px;
	font-size: 11px;
	width: 290px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
/* actual interview app */
.live-app {
	width: 800px;
	margin: 35px auto;
	position: relative;
	padding: 5px 0;
}
.live-app-meta {
	width: 260px;
	min-height: 560px;
	z-index: 20;
	background: #EFF3E7;
	-webkit-box-shadow: 0 1px 3px #D9D9D9, inset 0 1px 0 rgba(255,255,255,0.4);
	-moz-box-shadow: 0 1px 3px #D9D9D9, inset 0 1px 0 rgba(255,255,255,0.4);
	box-shadow: 0 1px 3px #D9D9D9, inset 0 1px 0 rgba(255,255,255,0.4);
	border: 1px solid #D9D9D9;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}
.live-app-candidate-name {
	padding: 20px;
	border-bottom: 1px solid #d9d9d9;
}
.live-app-candidate-name h1 {
	font-size: 18px;
	line-height: 27px;
	margin-bottom: 4px;
}
.live-app-candidate-name h2 {
	font-size: 14px;
	font-weight: normal;
	color: #777;
	line-height: 23px;
	margin: 0;
}
.live-app-candidate-vacant {
	margin: 20px 0 0;
}
.live-app-candidate-vacant h1 {
	font-size: 14px;
	font-weight: normal;
	color: #333;
}
.live-app-candidate-vacant h1 span {
	margin-right: 4px;
}
.live-app-candidate-vacant label {
	display: block;
	font-size: 11px;
	margin-bottom: 5px;
	color: #777;
}
.live-app-candidate-vacant input {
	padding: 4px;
	font-size: 14px;
	color: #333;
	border: 1px solid #eee;
	width: 210px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.live-app-status {
	padding: 20px;
	border-top: 1px solid rgba(255,255,255,0.6);
	border-bottom: 1px solid #d9d9d9;
	text-align: center;
}
.live-app-status-box {
	position: relative;
	display: inline-block;
	width: auto;
	margin: 0 auto;
	padding: 0;
}
.live-app-status .status-desc {
	display: inline-block;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
	color: #4E504A;
}
.live-app-status .status-desc-rec {
	margin-left: 25px;
	color: #EB181E;
}
.live-app-status .record-icon {
	position: absolute;
	width: 12px;
	height: 12px;
	background: #EB181E;
	border: 2px solid #EBA4A6;
	z-index: 201;
	opacity: 1;
	overflow: visible;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	-webkit-box-shadow: 0 0 6px rgba(0,0,0,0.25);
	-moz-box-shadow: 0 0 6px rgba(0,0,0,0.25);
	box-shadow: 0 0 6px rgba(0,0,0,0.25);
}
.live-app-status .record-icon span {
	position: absolute;
	top: -8px;
	left: -8px;
	width: 24px;
	height: 24px;
	background: #EB181E;
	border: 2px solid #EBA4A6;
	z-index: 30;
	opacity: 1;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	-webkit-box-shadow: 0 0 6px rgba(0,0,0,0.25);
	-moz-box-shadow: 0 0 6px rgba(0,0,0,0.25);
	box-shadow: 0 0 6px rgba(0,0,0,0.25);
	-webkit-animation: record-pulse 30s infinite ease-in-out;
	-moz-animation: record-pulse 30s infinite ease-in-out;
	animation: record-pulse 30s infinite ease-in-out;
}
@-webkit-keyframes record-pulse {
	0% {
		-webkit-transform: scale(.1);
		opacity: 0;
	}
	1% {
		-webkit-transform: scale(.1);
		opacity: .8;
	}
	5% {
		-webkit-transform: scale(1);
		opacity: 0;
	}
	10% {
		-webkit-transform: scale(1);
		opacity: 0;
	}
	100% {
		-webkit-transform: scale(1);
		opacity: 0;
	}
}
.live-app-controls {
	padding: 20px;
	border-top: 1px solid rgba(255,255,255,0.6);
}
.live-app-controls button {
	width: 100%;
	margin-bottom: 10px;
	padding: 7px 0;
	font-size: 12px;
}
.live-app-processing-state {
	text-align: center;
	font-size: 14px;
	line-height: 21px;
}
.live-app-processing-state img {
	margin-right: 5px;
}
.live-app-test-workflow-text p {
	font-size: 14px;
	line-height: 21px;
	margin: 0 0 10px;
}
.live-app-test-workflow-btns {
	margin: 15px 0;
}
.live-app-test-workflow-error {
	margin: 15px 0;
	padding: 10px;
	background: #F10;
	color: #FFF;
	font-size: 12px;
	line-height: 21px;
	padding: 5px 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.live-app-test-workflow-help {
	background: #F7FF73;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 2px 10px;
	border: 2px solid #F3EC55;
}
.live-app-test-workflow-help p {
	font-size: 12px;
	line-height: 21px;
	margin: 8px 0;
}
.live-app-test-workflow-help ol {
	margin: 8px 0;
	padding: 10px;
	list-style-position: inside;
	border-top: 1px solid #F3EC55;
	border-bottom: 1px solid #F3EC55;
}
.live-app-test-workflow-help li {
	margin: 5px 0;
	font-size: 12px;
}
.live-app-quality {
	-webkit-box-shadow: 0 0 3px #AAA;
	-moz-box-shadow: 0 0 3px #AAA;
	box-shadow: 0 0 3px #AAA;
}
.live-app-quality label {
	display: block;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	background: #D0D4C4;
	padding: 5px 0;
	color: #777;
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.4);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.4);
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.4);
	-webkit-border-top-left-radius: 2px;
	-webkit-border-top-right-radius: 2px;
	-moz-border-radius-topleft: 2px;
	-moz-border-radius-topright: 2px;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
}
.live-app-quality-content {
	background: #FFF;
	text-align: center;
	padding: 10px;
}
.live-app-quality-box select {
	width: 100%;
}
.live-app-test-box .btn {
	display: block;
	width: 100%;
	padding: 5px 0;
}
.live-app-flash {
	width: 500px;
	padding: 20px;
	z-index: 30;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	margin: 0;
}
.live-app-stream {
	text-align: center;
}
.live-app-completed {
	width: 400px;
	padding: 50px;
	margin: 30px auto;
	font-size: 16px;
	line-height: 27px
}
.live-app-completed h1 {
	font-size: 20px;
	margin: 20px 0;
}
.live-app-completed p {
	margin: 20px 0;
}
.live-app-flash-error {
	width: 360px;
	padding: 50px;
	margin: 30px auto;
	font-size: 16px;
	line-height: 27px;
}

.form-table-required {
	color: #d90118;
	font-size: 12px;
	padding: 0 5px;
}

.custom-field-edit-block .btn {
	margin: 20px 10px;
}
.custom-field-edit-block .btns {
	margin: 20px 0 10px 35px;
}
.custom-field-edit-form {
	margin: 15px 0 15px 20px;
}
.custom-field-edit-form tr {
	border-bottom: 1px solid #eee;
}
.custom-field-edit-form th {
	padding: 25px 15px 25px 0;
	vertical-align: top;
	text-align: left;
	width: 150px;
}
.custom-field-edit-form td {
	padding: 20px 15px 21px 0;
	font-size: 14px;
}
.custom-field-edit-form input.text {
    padding: 8px 8px 5px;
    font-size: 14px;
    width: 215px;
    color: #333;
}
.custom-field-edit-form label {
	font-size: 16px;
	color: #00648a;
	font-weight: normal;
	display: block;
	line-height: 1.3;
}
.custom-field-edit-info {
	display: block;
    margin: 5px 0px 10px;
	font-size: 14px;
    color: #777;
}
.pqq-summary {
	margin-left: 10px;
	margin-bottom: 10px;	
}
.pqq-problem-campaigns {
	font-size: 13px;
	background-color: yellow;
	padding: 9px;
	margin: 0px 0 10px 0;
	width: 560px;
	border: 1px solid #BBB;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 0 2px #a1a1a190;
	-moz-box-shadow: 0 0 2px #a1a1a190;
	box-shadow: 0 0 2px #a1a1a190;
}
.pqq-problem-campaign-link {
	margin-left: 3px;
}
.pqq-copy-above-list {
	height: 28px;
}
.pqq-copy-search-by-header {
	font-size: 15px;
	margin-top: 5px;
	margin-right: 10px;
	float: left;
}
.pqq-copy-search-box {
	width: 300px;
	float: left;
}
.pqq-copy-search-box input {
	height: 26px;
	padding-left: 5px;
	font-size: 14px;
	width: 100%;
}
.pqq-copy-questions-section {
	margin-bottom: 10px;	
}
.pqq-copy-campaign-autocomplete-row a {
	text-decoration: none;
	font-size: 14px;
	display: block;
	padding: 3px;
}
.pqq-copy-category {
	margin: 3px 0 10px 0;
}
.pqq-copy-question-list {
	border: 5px solid #EBEBDB;
	margin-bottom: 20px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.pqq-copy-question-row {
	padding: 2px 5px;
	font-size: 1em;
	border: 1px solid #d9d9d9;
}
.pqq-copy-question-header-row {
	background: #5E829B;
	background: -moz-linear-gradient(top, #5E829B 0%, #3C5370 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5E829B), color-stop(100%,#3C5370));
	background: -webkit-linear-gradient(top, #5E829B 0%,#3C5370 100%);
	background: -o-linear-gradient(top, #5E829B 0%,#3C5370 100%);	
	background: -ms-linear-gradient(top, #5E829B 0%,#3C5370 100%);
	background: linear-gradient(to bottom, #5E829B 0%,#3C5370 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5E829B', endColorstr='#3C5370',GradientType=0 );
	border: none;
	color: #FFF;
	-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) inset;
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) inset;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) inset;
	text-shadow: 0 1px 1px #333;	
}
.pqq-copy-question-row + .pqq-copy-question-row {
	border-top: none;	
}
.pqq-copy-question-list-left-col {
	float: left;	
	margin-top: 5px;
	width: 34px;
}
.pqq-copy-question-list-middle-col {
	float: left;
	width: 465px;
	margin-top: 3px;
}
.pqq-copy-question-list-right-col {
	float: left;
	width: 55px;
	margin-top: 3px;
	margin-left: 7px;
}
.pqq-copy-question-description {
	display: block;
}
.pqq-copy-question-campaign {
	color: gray;
	display: block;
}
.pqq-copy-question-text {
	font-weight: bold;
}
.pqq-copy-question-status {
	font-weight: bold;
}
.pqq-copy-question-status-active {
	color: green;	
}
.pqq-copy-question-status-inactive {
	color: orange;	
}
.pqq-copy-list-action {
	margin-bottom: 14px;	
}
.ppq-copy-question-sub-action-label {
	text-decoration: none	
}
.ppq-copy-question-sub-action-label + .ppq-copy-question-sub-action-label {
	margin-left: 6px;
}

.ppq-update-common-edited-row {
	background: #fffff0;
}

.responsive-module-container {
	width: 1200px;
	margin: 0 auto;
}
.responsive-module {
	float: left;
	width: 585px;	
	margin-left: 10px;	
}

@media only screen and (max-width:1210px) {
	.responsive-module {
		float: none;
	}
	.responsive-module-container {
		width: 600px;
	}
}
/* From base.css */
.mobile-only {
    display: none;
}
@media (max-width: 767px) {
    .mobile-only {
        display: block;
    }
}

.list-inline {
    padding-left: 0;
    margin-left: -5px;
    list-style: none;
}
.list-inline>li {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px;
}

 .transition-basic {
     transition: all 0.4s ease;
}
 .section--title {
     font-size: 5rem;
}
 .section--padding {
     padding: 100px 60px;
}
 .btn-primary {
     background: #0D609C;
     border-color: #0D609C;
     color: white;
}
 .btn-primary:hover, .btn-primary:active, .btn-primary:focus, .btn-primary:target {
     background: #09436d;
     border-color: #09436d;
}
 .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary:target {
     background-color: #09436d;
     border-color: #09436d;
     color: white;
}
 .btn-success {
     background-color: #009245;
     border-color: #009245;
     color: white;
}
 .btn-success:hover, .btn-success:active, .btn-success:focus, .btn-success:target {
     background-color: #005f2d;
     border-color: #005f2d;
}
 .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success:target {
     background-color: #005f2d;
     border-color: #005f2d;
     color: white;
}
 .btn-light-green {
     background: #5CBA11;
     border-color: #5CBA11;
     color: white;
}
 .btn-light-green:hover, .btn-light-green:active, .btn-light-green:focus, .btn-light-green:target {
     background: #458b0d;
     border-color: #458b0d;
}
 .btn-light-green:hover, .btn-light-green:focus, .btn-light-green:active, .btn-light-green:target {
     background-color: #458b0d;
     border-color: #458b0d;
     color: white;
}
 .btn-warning {
     background: #FE9D15;
     border-color: #FE9D15;
     color: white;
}
 .btn-warning:hover, .btn-warning:active, .btn-warning:focus, .btn-warning:target {
     background: #df8301;
     border-color: #df8301;
}
 .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning:target {
     background-color: #df8301;
     border-color: #df8301;
     color: white;
}
 .btn-danger {
     background: #D90118;
     border-color: #D90118;
     color: white;
}
 .btn-danger:hover, .btn-danger:active, .btn-danger:focus, .btn-danger:target {
     background: #a60112;
     border-color: #a60112;
}
 .btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger:target {
     background-color: #a60112;
     border-color: #a60112;
     color: white;
}
 .btn-default {
     background: #BFBEBF;
     border-color: #BFBEBF;
     color: white;
}
 .btn-default:hover, .btn-default:active, .btn-default:focus, .btn-default:target {
     background: #a6a4a6;
     border-color: #a6a4a6;
}
 .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default:target {
     background-color: #a6a4a6;
     border-color: #a6a4a6;
     color: white;
}
 .btn-black {
     background: #4F4F4F;
     border-color: #4F4F4F;
     color: white;
}
 .btn-black:hover, .btn-black:active, .btn-black:focus, .btn-black:target {
     background: #363636;
     border-color: #363636;
}
 .btn-black:hover, .btn-black:focus, .btn-black:active, .btn-black:target {
     background-color: #363636;
     border-color: #363636;
     color: white;
}
 .text-primary {
     color: #0D609C;
}
 .text-success {
     color: #009245;
}
 .text-warning {
     color: #FE9D15;
}
 .text-danger {
     color: #D90118;
}
 .text-light-green {
     color: #5CBA11;
}
 .flex, section.navbar, section.navbar .wrapper, section.navbar .col {
     display: flex;
}
 .flex--wrap, section.navbar .wrapper {
     display: flex;
     flex-wrap: wrap;
     width: 100%;
}
 .flex--no-wrap {
     display: flex;
     flex-wrap: nowrap;
     width: 100%;
}
 .flex--center, .number--circle span, section.navbar .wrapper {
     margin: auto;
}
 .section-title {
     font-size: 2rem;
     font-weight: 600;
     color: #f17642;
     margin-bottom: 15px;
}
 @media (max-width: 767px) {
     .section-title {
         font-size: 1.8rem;
    }
}
 .section-copy {
     font-size: 1.6rem;
     line-height: 1.4;
}
 @media (max-width: 767px) {
     .section-copy {
         font-size: 1.5rem;
    }
}
 h1, h2, h3, h4, h5, h6, p, ul, li {
     font-family: "Hind", sans-serif;
}

.copy p {
  margin: 0 0 10px;
}

h1{
  font-size: 2.4rem;
}
h2 {
  font-size: 1.9rem;
}
h3 {
  font-size: 1.5rem;
}
 a {
     text-decoration: none;
     outline: none;
}
.content.dynamic-content {
  margin-left: 12px;
}

section.navbar {
  border: none;
  margin: 0;
  position: relative;
  background: white;
  width: 100%;
}
section.navbar + div {
  border-top: 1px solid #D9D9D9;
}
section.navbar .wrapper {
  width: 100%;
  padding: 0.75rem 3rem;
  max-width: 980px;
}
section.navbar .col {
  flex: 1 50%;
}
section.navbar .col .logo {
  margin: auto auto auto 0;
  min-height: 85px;
}
section.navbar .col .logo img {
  max-height: 80px;
  max-width: 450px;
  position: absolute;
  left: 3rem;
  top: 1rem;
}
@media (max-width: 991px) {
  section.navbar .col .logo img {
      max-width: 350px;
 }
}
@media (max-width: 767px) {
  section.navbar .col .logo img {
      max-width: 200px;
 }
}
section.navbar .col .harqen {
  margin: auto 0 auto auto;
  font-size: 10px;
}
@media (max-width: 991px) {
  section.navbar .col .harqen {
      top: 2rem;
 }
}
@media (max-width: 767px) {
  section.navbar .col .harqen {
      top: 2rem;
 }
}
section.navbar .col .harqen p {
  color: #BDB9B9;
  text-align: right;
}
section.navbar .col .harqen img {
  max-width: 85px;
}
@media (max-width: 991px) {
  section.navbar .col .harqen img {
      max-width: 85px;
 }
}
@media (max-width: 767px) {
  section.navbar .col .harqen img {
      max-width: 80px;
 }
}
.pictos-listen {
	color: #94c855;
	padding-left: 10px;
}
.pictos-listen:hover {
	color: #7BAF3C;
}
::placeholder {
    color: #777;
    opacity: 1; /* Firefox */
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #777;
}
::-ms-input-placeholder { /* Microsoft Edge */
   color: #777;    
}
@media (max-width: 1196px) {
    .topnav.right-nav {
        float: right;
    }
    #nav {
    	margin-bottom: -80px;
    	position: relative;
    }
}

.login-body-background {
    background: url(/images/login-background-image-e68cace0fc5d71cfe4125c85f9d8a62f.jpg) no-repeat center;
    /* Keep the inherited background full size. */
    background-attachment: fixed;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    display: grid;
    align-items: center;
    justify-content: center;
}

.login-body-background #footer,
.login-body-background #footer a{
    color: #fff;
}

#va_hq #footer{
    margin-top: 5px;
}

.milwuakee-night-river-bg {
    background: url(/images/login-background-image-e68cace0fc5d71cfe4125c85f9d8a62f.jpg) no-repeat center;
    /* Keep the inherited background full size. */
    background-attachment: fixed;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    display: grid;
    align-items: center;
    justify-content: center;
}

.milwuakee-skyline-bg{
     background: url(/images/milwuakee-skyline-78cd50d039be9916405b8cd3f772a1da.jpg) no-repeat center;
     /* Keep the inherited background full size. */
     background-attachment: fixed;
     background-size: cover;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     display: grid;
     align-items: center;
     justify-content: center;
 }

.milwuakee-evening-sun-bg{
    background: url(/images/milwuakee-lakefront-evening-sun-8dac874341b05cfe8e532d243b406b59.jpeg) no-repeat center;
    /* Keep the inherited background full size. */
    background-attachment: fixed;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    display: grid;
    align-items: center;
    justify-content: center;
}

.milwuakee-museum-frozen-bg{
    background: url(/images/milwuakee-museum-frozen-lake-84576636becbecb5eadc3e4d290cd355.jpg) no-repeat center;
    /* Keep the inherited background full size. */
    background-attachment: fixed;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    display: grid;
    align-items: center;
    justify-content: center;
}

.launchpad-logout-btn {
    float: right;
    top: 10px;
    font-size: large;
    padding-right: 10px;
 }
.launchpad-logout-btn:after{
    clear: both;
}
#va_hq_content {
    padding-left: 10px;
}
#launchpad #footer {
    margin-top: 0px;

}	
/* phone formatting for SMS on invite */
.phone-formatting {
	margin-bottom:10px;
	float: left;
}
.phone-formatting div {
	float:left;
}
.phone-formatting label {
	text-transform:uppercase;
	text-align:left;
	display:block;
	font-size:10px;
	padding-bottom: 5px;
}
.phone-formatting input {
	padding: 4px;
	border: 1px solid #D9D9D9;
	font-size: 14px;
}
.phone-formatting select {
	font-size: 14px;
	height: 25px;
}
.phone-formatting .country-code {
	width:auto;
	margin-right:15px;
}
.phone-formatting .country-code label {
	width:auto;
	display:block;
	float:none;
}
.phone-formatting .area-code {
	width:60px;
}
.phone-formatting .area-code input {
	width:50px;
	margin-right:15px;
}
.phone-formatting .area-code label {
	width:80px;
}
.phone-formatting .local-code {
	width:200px;
}
.phone-formatting .local-code input {
	width:100px;
}
.phone-formatting .local-code label {
	width:180px;
}
.phone-container .errors {
	clear:left;
	display:inline-block;
}
.post-process-interview header i{
	color: #019ed9;
}