/***************
* colors *
****************/
/*
light grey 				#f7f7f7 (background)
alternate table rows 	#f8f8f8
borders 				#e5e5e5
button grey 			#D6D6D6
accordion grey 			#E3E3E3
accordion grey hover 	#D6D6D6
input borders 			#b7b7b7
orange 					#fb8d00
dark blue 				#202A58
dark blue hover 		#192146
h1-h5 color 			#25569C
red (error)				#e00303
*/
:root {
    --lightgrey: #f7f7f7;
    --lightgrey2: #f8f8f8;
    --borders: #e5e5e5;
    --buttongrey: #D6D6D6;
    --grey: #E3E3E3;
    --grey2: #D6D6D6;
    --inputborder: #b7b7b7;
    --orange: #fb8d00;
    --darkblue: #202A58;
    --darkblue2: #192146;
    --headings:#25569C;
    --blue:#25569C;
    --red: #e00303;
}

/***************
* fonts *
****************/
@font-face {
	font-family: 'GravityLight';
	src: url('fonts/gravity/Gravity-Light.otf');
}
@font-face {
	font-family: 'GravityBook';
	src: url('fonts/gravity/Gravity-Book.otf'),
			 url('fonts/gravity/Gravity-Book.eot?#iefix') format('embedded-opentype');;
}
@font-face {
	font-family: 'GravityRegular';
	src: url('fonts/gravity/Gravity-Regular.otf'),
			 url('fonts/gravity/Gravity-Regular.eot?#iefix') format('embedded-opentype');
}
@font-face {
	font-family: 'GravityBold';
	src: url('fonts/gravity/Gravity-Bold.otf'),
			 url('fonts/gravity/Gravity-Bold.eot?#iefix') format('embedded-opentype');;
}
@font-face {
	font-family: 'GravityItalic';
	src: url('fonts/gravity/Gravity-Italic.otf');
}

/***************
* general *
****************/
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}
/*fixes slow ng-hide*/
.ng-hide.ng-hide-animate {
    display: none;
}
* {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
html {
    height: 100%;
    /*background-color: #f7f7f7;*/
    background-color: #1F2A58;
}
body {
	/*font-family: 'GravityLight', sans-serif;*/
	font-family: 'GravityBook', sans-serif;
	/*font-family: 'GravityRegular', sans-serif;*/
	font-size:0.875rem; /* 14px */
	/*font-size:0.8125rem; */ /* 13px */
	-webkit-text-size-adjust: 100%;
	width:100%;
	min-height: 100%;
	/*height: 100%;*/
	display: flex;
	flex-direction: column;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
    padding-bottom: env(safe-area-inset-top);
    color:black;
}
html.ua-mobile.ua-safari body {
    /* min-height: 100dvh;  */
    /* min-height: -webkit-fill-available; */
}
textarea {
	font-family: 'GravityBook', sans-serif;
}
.placeholder {
	color:#b7b7b7;
}
/*.light-text {
	font-family: 'GravityLight', sans-serif;
}*/
.book-text {
	font-family: 'GravityBook', sans-serif;
}
.regular-text {
	font-family: 'GravityRegular', sans-serif;
}
.bold-text {
	font-family: 'GravityBold', sans-serif;
}
.italic-text {
	font-family: 'GravityItalic', sans-serif;
	font-style:italic;
}
.left-text {
	text-align:left;
}
.center-text {
	text-align:center;
}
.right-text {
	text-align:right;
}
.mini-text {
	font-size: 10px;
}
section {
	margin-bottom:10px;
	position:relative;
}
.input-row {
	margin-bottom:10px;
}
.flex-container {
	display:flex;
	flex-wrap:wrap;
	flex-direction: row;
	width:100%;
}
.flex-container.align-center {
	align-items:center;
}
.flex-container.justify-center {
	justify-content:center;
}
.flex-container.column,
.flex-column {
	flex-direction: column;
}
.flex-container.space-around {
	justify-content: space-around;
}
.flex-container.auto-width {
	width: auto;
}
.flex-container.no-wrap {
	flex-wrap: nowrap;
}
.flex-container.two .flex-item {
	flex: 1 1 50%;
}
.flex-container.three .flex-item {
	flex: 1 1 33.3333333333%;
}
.flex-container.four .flex-item {
	flex: 1 1 25%;
}
.flex-container.five .flex-item {
	flex: 1 1 20%;
}
.flex-container.six .flex-item {
	flex: 1 1 16.666666666666667%;
}
.align-start {
	align-self: flex-start;
}
.half {
	width:50%;
}
.flex-auto {
	flex:auto;
}
.grid {
    display: grid;
}
.grid.two-column {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 10px;
}
.grid-gap10 {
	grid-gap: 10px;
}

input[type='text'].auto-width,
input[type='email'].auto-width,
input[type='password'].auto-width,
input[type='tel'].auto-width,
input[type='number'].auto-width,
input[type='url'].auto-width,
input[type='file'].auto-width,
input[type='date'].auto-width,
textarea.auto-width,
select:not(.no-style).auto-width,
.auto-width {
	width:auto;
}
.inline-flex {
	display:inline-flex;
	width:auto;
}
.ellipsis {
	text-overflow:ellipsis;
}
/*is there a better way to do this instead of !important ???? */
.wrap {
	white-space:normal !important;
}
form,
fieldset {
	width:100%;
	position:relative;
}
input[type='text'],
input[type='email'],
input[type='password'],
input[type='tel'],
input[type='number'],
input[type='url'],
input[type='file'],
input[type='date'],
textarea,
select:not(.no-style) {
	width:100%;
	padding:0.5em; /* 8px */
	height:40px;
	min-height:40px;
	border:1px solid #b7b7b7;
	border-radius:0;
	font-size:0.875rem; /* 14px */
	margin-bottom:0.625rem; /* 10px */
	background:transparent;
	/*-webkit-appearance: none;
	-webkit-border-radius: 0;*/
}
input[type='number'] {
	min-width:44px;
	max-width:80px;
	text-align:center;
}
input[type='number'].salary {
	max-width:88px;
	text-align:left;
}
input[type='number'].full-width {
    min-width: 100%;
    max-width: 100%;
    text-align: left;
  }
/*input[type='number'].seniority-edit {
	max-width:none;
	min-width:auto;
	text-align:left;
	margin:0;
}*/
select:focus,
textarea:focus,
input:focus
{
	background-color:rgba(43, 60, 138, 0.1);
	-webkit-transition: all 0.1s linear;
	transition:all 0.1s linear;
}
input.no-margin,
textarea.no-margin,
select.no-margin {
	margin:0;
}
/*invalid form inputs*/
input[type='text'].ng-invalid.ng-touched,
input[type='email'].ng-invalid.ng-touched,
input[type='email'].ng-invalid-match,
input[type='password'].ng-invalid.ng-touched,
input[type='tel'].ng-invalid.ng-touched,
input[type='number'].ng-invalid.ng-touched,
input[type='url'].ng-invalid.ng-touched,
input[type='date'].ng-invalid.ng-touched,
input[type='file'].ng-invalid.ng-touched,
textarea.ng-invalid.ng-touched,
select.ng-invalid.ng-touched,
select.groups-invalid,
select.groups-invalid.ng-touched.ng-valid:not(.no-border),
.cp-attachment-label.ng-invalid.ng-touched,
.file-input-label.ng-invalid,
.form-signature.ng-invalid.ng-touched,
input[type="text"].invalid-location.ng-touched,
input[type="text"].invalid-location.ng-not-empty.ng-touched:not(.no-border),
input[type="text"].invalid-suggestion-input.ng-touched,
input[type="text"].invalid-suggestion-input.ng-not-empty.ng-touched:not(.no-border) {
	border-color: #e00303;
	background-color:rgba(255,1,1,0.1);
}
.checkbox input[type='checkbox'].ng-invalid.ng-touched + label::before,
.radio input[type="radio"].ng-invalid.ng-touched + .radio-label:before {
	border-color: #e00303;
	background-color: rgba(255,1,1,0.1);
}
input[type='text'].ng-valid.ng-touched:not(.no-border),
input[type='email'].ng-valid.ng-touched:not(.no-border),
input[type='password'].ng-valid.ng-touched:not(.no-border),
input[type='tel'].ng-valid.ng-touched:not(.no-border),
input[type='number'].ng-valid.ng-touched:not(.no-border),
input[type='url'].ng-valid.ng-touched:not(.no-border),
input[type='date'].ng-valid.ng-touched:not(.no-border),
input[type='file'].ng-valid.ng-touched:not(.no-border),
textarea.ng-valid.ng-touched:not(.no-border),
select.ng-valid.ng-touched:not(.no-border) {
	border-color: #b7b7b7;
	background-color:transparent;
}
input[type='text'].no-border,
input[type='email'].no-border,
input[type='password'].no-border,
input[type='tel'].no-border,
input[type='number'].no-border,
input[type='url'].no-border,
input[type='date'].no-border,
input[type='file'].no-border,
textarea.no-border,
select.no-border {
	border-color:transparent;
}
input[type='text'].light-border,
input[type='email'].light-border,
input[type='password'].light-border,
input[type='tel'].light-border,
input[type='number'].light-border,
input[type='url'].light-border,
input[type='date'].light-border,
input[type='file'].light-border,
textarea.light-border,
select.light-border {
	border-color:#e8e8e8;
}
select:invalid {
    box-shadow: none;
}
strong {
	font-weight:800;
}
em {
	font-style: italic
}
/*input[nh-placeholder]:focus + label.placeholder,
textarea[nh-placeholder]:focus + label.placeholder,
select[nh-placeholder]:focus + label.placeholder {
	background-color:transparent;
}*/
/*adjust font-size when focusing on iphone */
/*@media screen and (-webkit-min-device-pixel-ratio:0){
	select,
	textarea,
	input,
	select:focus,
	textarea:focus,
	input:focus {
		font-size:16px;
	}
	select[nh-placeholder] + label.placeholder,
	textarea[nh-placeholder] + label.placeholder,
	input[nh-placeholder] + label.placeholder {
		left:16px;
	}
}*/
.input-wrapper {
	position:relative;
	width:100%;
	/*margin-bottom:20px;*/
}
.input-label {
	white-space:nowrap;
	margin-right:10px;
}
.input-label.between {
	margin:0 10px;
}
.input-label.right {
	margin-left:10px;
	margin-right:0;
}
option {
	padding:0.833333333333333em; /* 10px */
}
/*.overlay-menu {
	background: #ffffff none repeat scroll 0 0;
    box-shadow: 0 2px 2px #c5c5c5;
    right: 0;
    position: absolute;
    top: 0;
    width: 100%;
}*/
ol {
	list-style-type: decimal;
	margin-left:20px;
}
li {
	margin-bottom:0.625em;
}
h1, h2, h3, h4, h5, h6, input.title-input {
	font-family:'GravityRegular';
	color:#25569C;
	margin-bottom:0.625rem; /* 10px */
	width:100%;
}
h1, h2, h3, h4 {
	letter-spacing:-1px;
}
h1.inline, h2.inline, h3.inline, h4.inline, h5.inline, h6.inline {
	width:auto;
}
h1.no-margin, h2.no-margin, h3.no-margin, h4.no-margin, h5.no-margin, h6.no-margin {
	margin:0;
}
h1.no-wrap, h2.no-wrap, h3.no-wrap, h4.no-wrap, h5.no-wrap, h6.no-wrap {
	white-space:nowrap;
}
h1 {
	font-size:1.5rem; /* 24px */
}
h2 {
	font-size:1.375rem; /* 22px */
}
h3,
input.title-input  {
	font-size:1.25rem; /* 20px */
}
input.title-input  {
	padding: 6px 8px;
}
h4 {
	font-size:1.125rem; /* 18px */
}
h5 {
	font-size:1rem; /* 16px */
}
h6 {
	font-size:0.90625rem; /* 14.5px */
}
.bold {
	font-weight:600;
}
.boldest {
	font-weight:800;
}
.black-text { color:#000; }
.grey-text { color:#666; }
.turquoise-text,
.turquoise-text .glyphicon {
	color: #4adab6;
}
.red-text,
.red-text .glyphicon {
	color:#cc0000;
}
.green-text {
	color:#69bc4e;
}
.blue-text { color:#25569C; }
.orange-text { color:#fb8d00; }
/*'#25569C', '#fb8d00', '#4adab6', '#202A58', '#cc0000', '#949FB1', '#4D5360'*/
.color1-text { color: #25569C; }
.color2-text { color: #fb8d00; }
.color3-text { color: #4adab6; }
.color4-text { color: #202A58; }
.color5-text { color: #cc0000; }
.color6-text { color: #949FB1; }
.color7-text { color: #4D5360; }
.strikethrough {
	text-decoration: line-through;
}
.grey-background {
	background-color:#e4e4e4;
}
.inline {
	display:inline-block;
}
.relative {
	position:relative;
}
.no-wrap {
	white-space:nowrap;
}
.test-section {
	border:1px dashed pink;
	padding:10px;
}
p {
	line-height:1.3;
}
p + p {
	margin-top:10px;
}
a {
	/* color:#fb8d00; */
	color:#25569C;
	text-decoration:none;
	border-bottom:1px solid transparent;
	-webkit-transition: all 0.2s linear;
	transition:all 0.2s linear;
	line-height:1.25;
	outline:  none;
}
a:visited {
	outline:  none;
}
a:not(.cp-button):hover {
	/* border-bottom:1px solid #fb8d00; */
	border-bottom:1px solid #25569C;
	-webkit-transition: all 0.2s linear;
	transition:all 0.2s linear;
}
a.no-hover:hover {
    border-bottom-color: transparent;
}
a.blue:not(.button) {
	color: #25569C;
}
a.blue:not(.button):hover {
	border-bottom:1px solid #25569C;
}
a.word-break {
    word-break: break-word;
}
.hidden {
	display:none;
}
.invisible {
	opacity:0;
	position:absolute;
	top:-2000px;
	left:-2000px;
}
.cloaked {
	opacity: 0;
}
.greyed-out {
    filter: grayscale(1) opacity(0.5) blur(1px);
}
.no-scroll {
	overflow:hidden;
}
.select-deselect + .select-deselect {
	margin-left:2rem;
}
.mce-tinymce.mce-panel {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.cp-resume-required.cp-resume-error:after {
	border:1px solid #e00303;
  content: "";
  background: rgba(255, 1, 1, 0.23);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.small-font {
	font-size:0.6875rem; /* 11px */
}
.pointer {
	cursor:pointer;
}
.cursor-default {
	cursor: default !important;
}
.cursor-context-menu {
	/*cursor: context-menu !important;*/
	cursor: url("../img/context-cursor.png"), auto !important;
}
.cursor-help {
	cursor:help;
}
.not-allowed,
.togglebox label.not-allowed {
	cursor:not-allowed;
}
.no-results {
    text-align: center;
    width: 100%;
    padding: 10px;
}
.mobile-layout {
    display: none;
}
.desktop-layout {
    display:block;
}
/*margin*/
.mTop0 { margin-top:0; }
.mTop5 { margin-top:5px; }
.mTop10, .button.mTop10 { margin-top:10px; }
.mTop20 { margin-top:20px; }
.mTop30 { margin-top:30px; }
.mBottom0 { margin-bottom:0; }
.mBottom5 { margin-bottom:5px; }
.mBottom10 { margin-bottom:10px; }
.mBottom20, .button.mBottom20 { margin-bottom:20px; }
.mBottom30 { margin-bottom:30px; }
.mLeft0 { margin-left:0; }
.mLeft5 { margin-left:5px; }
.mLeft10, .button.mLeft10 { margin-left:10px; }
.mLeft20 { margin-left:20px; }
.mLeft30 { margin-left:30px; }
.mTopAuto { margin-top:auto; }
.mLeftAuto, .button.mLeftAuto { margin-left:auto; }
.mRightAuto { margin-right:auto; }
.mBottomAuto { margin-bottom:auto; }
.mRight0 {	margin-right:0; }
.mRight5 {	margin-right:5px; }
.mRight10 {	margin-right:10px; }
.mRight20 {	margin-right:20px; }
.mRight30 {	margin-right:30px; }
.m5 { margin:5px; }
.m10 { margin:10px; }
.m20 { margin:20px; }
.m30 { margin:30px; }
/*padding*/
.pTop10 { padding-top:10px; }
.pTop20 { padding-top:20px; }
.pBottom10 { padding-bottom:10px; }
.pBottom20 { padding-bottom:20px; }
.pLeft10 { 	padding-left:10px; }
.pLeft20 { 	padding-left:20px; }
.pRight10 {	padding-right:10px; }
.pRight20 {	padding-right:20px; }
.p5 { padding:5px; }
.p10 { padding:10px; }
.p20 { padding:20px; }
/*max-width*/
.mw200 { max-width:200px; }
/*indent*/
.indent10 { padding-left:10px; }
.indent20 { padding-left:20px; }
.indent30 { padding-left:30px; }
.indent40 { padding-left:40px; }
.indent50 { padding-left:50px; }
.loading-overlay {
	display: flex !important;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	pointer-events: none;
	z-index: 10000;
}
.loading-overlay.light {
	background: rgba(0,0,0,0.4);
}
.loading-overlay.fixed {
    position: fixed;
}
.loading-overlay.sticky {
    position: sticky;
}
.nh-popup .loading-overlay {
    z-index:10003;
}
.loading-overlay .css-loader1,
.loading-overlay .css-loader2,
.loading-overlay .css-loader3,
.loading-overlay .css-loader4,
.loading-overlay .css-loader5 {
	/*margin:100px auto;*/
	margin:auto;
}
.item-edit {
	/*min-width:400px;
	max-width:500px;*/
	/*width:450px;*/
	/*min-width: 450px;
	max-width:100%;*/
}
/*.item-edit.right-side {
	margin-left:auto;
}*/
.item-edit .details {
    padding: 10px;
    border: 1px solid #e3e3e3;
    background: #FFFFFF;
}

.item-edit {
	width: 0px;
	min-width: 0px;
	max-width: 0px;
	overflow:hidden;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.item-edit.active {
	width: 450px;
	min-width: 450px;
	max-width: 100%;
	margin-left:20px;
}
.item-edit-inner {
	min-width: 450px;
	-webkit-transform: translateX(470px);
	        transform: translateX(470px);
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.item-edit-inner.active {
	-webkit-transform: translateX(0);
	        transform: translateX(0);
}
.flag-large {
	font-size:1.25rem; /*20px*/
}
.cursor-progress {
	cursor:progress;
}
.cursor-help {
	cursor:help;
}
.highlight-word {
	background:#66CCFF;
	padding:2px;
}

/***************
* moment picker *
****************/
/*.moment-picker .moment-picker-container {
    border-radius: 0;
}*/

/***************
* error page *
****************/
.error-page {
	display:flex;
	flex-direction: column;
	align-items: center;
}
.sad-face {
	font-size:10px;
	width:10em;
	height:5em;
	background:transparent;
	border-radius:5em;
	border:0.5em solid transparent;
	border-top:0.5em solid #25569C;
	margin-top:6em;
	display:inline-block;
	position:relative;
}
.sad-face::before,
.sad-face::after {
	content:"";
	height:2em;
	width:1em;
	position:absolute;
	top: -4em;
	left: 2em;
	background-color:#25569C;
	border-radius:5em;
}
.sad-face::after {
	left:auto;
	right:2em;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-family: GravityBook, sans-serif;
	color: #666666;
  font-size:0.75rem;
	font-weight: 400;
	letter-spacing: 0px;
	opacity:1;
	-webkit-transition: all 0.2s linear;
	transition:all 0.2s linear;
}
::-moz-placeholder { /* Firefox 19+ */
  font-family: GravityBook, sans-serif;
	color: #666666;
  font-size:0.75rem;
	font-weight: 400;
	letter-spacing: 0px;
	opacity:1;
	-webkit-transition: all 0.2s linear;
	transition:all 0.2s linear;
}
:-ms-input-placeholder { /* IE 10+ */
  font-family: GravityBook, sans-serif;
	color: #666666;
  font-size:0.75rem;
	font-weight: 400;
	letter-spacing: 0px;
	opacity:1;
	-webkit-transition: all 0.2s linear;
	transition:all 0.2s linear;
}
:-moz-placeholder { /* Firefox 18- */
	font-family: GravityBook, sans-serif;
	color: #666666;
  font-size:0.75rem;
	font-weight: 400;
	letter-spacing: 0px;
	opacity:1;
	-webkit-transition: all 0.2s linear;
	transition:all 0.2s linear;
}
/***************
* dynamic placeholders *
****************/
input[nh-placeholder] + label.placeholder,
textarea[nh-placeholder] + label.placeholder,
select[nh-placeholder] + label.placeholder,
.nh-placeholder-label.placeholder,
textarea[nh-placeholder] + grammarly-btn + label.placeholder {
	-webkit-transform: translate(0px, 0px);
	        transform: translate(0px, 0px);
	color: #666666;
	/*background-color:#FFFFFF;*/
	background-color:transparent;
	padding:0px;
	font-size:0.75rem;
	font-weight: 400;
	letter-spacing: 0px;
	opacity:1;
	-webkit-transition: all 0.2s linear;
	transition:all 0.2s linear;
}
input[nh-placeholder] + label,
textarea[nh-placeholder] + label,
select[nh-placeholder] + label,
.nh-placeholder-label,
textarea[nh-placeholder] + grammarly-btn + label {
	position: absolute;
	/* top: 16px; */ /* mimics default browser position - but isn't vertically centered */
	top: 14px;
	left: 9px;
	-webkit-transform: translate(-2px, -22px);
	        transform: translate(-2px, -22px);
	color: #202A58;
	background-color:#F7F7F7;
	padding:3px;
	cursor:text;
	font-size:0.625rem;
	/*font-weight: 300;*/
	pointer-events: none;
	letter-spacing: 1px;
	-webkit-transition: all 0.2s linear;
	transition:all 0.2s linear;
	border:none;
	line-height: 1;
}
.white-section input[nh-placeholder] + label.placeholder,
.white-section textarea[nh-placeholder] + label.placeholder,
.white-section select[nh-placeholder] + label.placeholder,
.item-edit .details input[nh-placeholder] + label.placeholder,
.item-edit .details textarea[nh-placeholder] + label.placeholder,
.item-edit .details select[nh-placeholder] + label.placeholder {
    background: transparent;
}
.white-section input[nh-placeholder] + label,
.white-section textarea[nh-placeholder] + label,
.white-section select[nh-placeholder] + label,
.item-edit .details input[nh-placeholder] + label,
.item-edit .details textarea[nh-placeholder] + label,
.item-edit .details select[nh-placeholder] + label ,
.nh-popup input[nh-placeholder] + label,
.nh-popup textarea[nh-placeholder] + label,
.nh-popup select[nh-placeholder] + label  {
    background: #FFFFFF;
}
.accordion-content input[nh-placeholder] + label,
.accordion-content textarea[nh-placeholder] + label,
.accordion-content select[nh-placeholder] + label {
    background: #FFFFFF;
}
select[nh-placeholder] + label.placeholder {
	pointer-events:none;
}
input[nh-placeholder] + label.placeholder.video {
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    left: 1px;
    top: 1px;
    display: flex;
    align-items: center;
    padding: 7px;
    cursor: pointer;
}

/***************
* checkboxes *
****************/
.checkbox {
 	padding: 0.3125rem 1.875rem 0.3125rem 0; /* 5px 30px 5px 0 */
 	display:inline-flex;
}
.checkbox input[type='checkbox'] {
  position:absolute;
  opacity:0;
}
.nh-popup .checkbox input[type='checkbox'] {
	top:0;
  	left:0;
	width: 0;
	height: 0;
}
.checkbox input[type='checkbox'] + label {
	/*font-size:12px;*/
	position:relative;
	cursor:pointer;
	overflow:hidden;
	/*white-space: wrap;*/
	/*white-space: nowrap;*/
	line-height:1.2;
	display: flex;
	align-items: center;
	/*align-items: end;*/
}
.checkbox input[type='checkbox'] + label::before {
	content:"";
	border:1px solid #b7b7b7;
	font-size:1.125rem; /* 18px */
	cursor:pointer;
	position:relative;
	width:1em;
	min-width:1em;
	height:1em;
	/*top:0.3em;*/
	/*left:-1.5em;*/
	display: inline-block;
	margin-right: 0.5em;
	-webkit-transition: all 0.2s linear;
	transition:all 0.2s linear;

  /*align-self: flex-start;*/
}
.checkbox input[type='checkbox'] + label > span:not(.error-icon),
.radio input[type='radio'] + label > span {
	/*white-space: nowrap;*/
	overflow:hidden;
	text-overflow:ellipsis;
	min-height:15px;
}
.radio input[type='radio'] + label > span.error-icon {
	overflow:visible;
}
.checkbox.no-label {
	padding-right:10px;
}
.checkbox.no-label input[type='checkbox'] + label::before {
	margin-right:0;
}
.checkbox.no-label.no-padding {
    /*padding-right: 0;*/
    padding: 0;
}
.checkbox input[type='checkbox'] + label::after {
	content:"\02713";
	color:#1f2a58;
	opacity:0;
	position:absolute;
	width:1em;
	height:1em;
	/*top: 0.3em;*/
	left: 0.4em;
	/*left: 0.3em;*/
	font-size:0.8125rem; /*13px */
	line-height:1em;
	-webkit-transition: all 0.2s linear;
	transition:all 0.2s linear;
}
/*.checkbox.avatar input[type='checkbox'] + label::after {
    top: 0.7em;
}*/
.checkbox input[type='checkbox']:not(:disabled):checked:hover + label::before {
	border:1px solid #b7b7b7;
}
.checkbox input[type='checkbox']:not(:disabled):hover + label::after {
	opacity:0.2;
	-webkit-transition: all 0.2s linear;
	transition:all 0.2s linear;
}
.checkbox input[type='checkbox']:not(:disabled):checked:hover + label::after {
	opacity:1;
}
.checkbox input[type='checkbox']:checked + label::after {
	opacity:1;
	-webkit-transition: all 0.2s linear;
	transition:all 0.2s linear;
}
.checkbox input[type='checkbox']:disabled + label {
	color:#b7b7b7;
	cursor: not-allowed;
}
.disabled-text-color .checkbox input[type='checkbox']:disabled + label {
	color:#000000;
}
.checkbox input[type='checkbox']:disabled + label::before {
	pointer-events:none;
	cursor:not-allowed;
	border-color:#d9d9d9;
}
.checkboxes {
    display: flex;
    flex-wrap: wrap;
}
.checkboxes .checkbox {
    width: 100%;
}
/*.checkboxes.two .checkbox {
    width: 50%;
}
.checkboxes.three .checkbox {
    width: 33.3333333%;
}
.checkboxes.four .checkbox {
    width: 25%;
}
.checkboxes.five .checkbox {
    width: 20%;
}
.checkboxes.six .checkbox {
    width: 16.666666666666667%;
}
.checkboxes.seven .checkbox {
    width: 14.285714285714286%;
}
.checkboxes.eight .checkbox {
    width: 12.5%;
}
.checkboxes.nine .checkbox {
    width: 11.111111111111111%;
}
.checkboxes.ten .checkbox {
    width: 10%;
}*/
.checkboxes.two {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(2, 1fr);
}
.checkboxes.three {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(3, 1fr);
}
.checkboxes.four {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(4, 1fr);
}
.checkboxes.five {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(5, 1fr);
}
.checkboxes.six {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(6, 1fr);
}
.checkboxes.seven {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(7, 1fr);
}
.checkboxes.eight {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(8, 1fr);
}
.checkboxes.nine {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(9, 1fr);
}
.checkboxes.ten {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(10, 1fr);
}


/***************
* toggle switches(checkboxes) *
****************/
.togglebox {
 	padding: 0.3125rem 1.875rem 0.3125rem 0; /* 5px 30px 5px 0 */
 	display:inline-flex;
 	align-items:center;
}
.togglebox label {
	cursor:pointer;
}
input.toggle {
  	position: absolute;
  	left:0;
	opacity: 0;
}
.togglebox.no-padding {
	padding-right:0;
}
/* the size of the toggle can be adjusted by changing the font-size value of .toggle-label */
.toggle-label {
	font-size:10px;
	width:5em;
	min-width:5em;
	height:2.4em;
	background:#b7b7b7;
	display:inline-block;
	position:relative;
	cursor:pointer;
	border-radius:5em;
	-webkit-transition: all 0.1s linear;
	transition:all 0.1s linear;
	/*margin-right: 0.625rem;*/
}
input.toggle + .toggle-label:after {
	content:"";
	position:absolute;
	top:0;
	left:0;
	right:auto;
	margin:0.2em;
	width:2.4em;
	height:2em;
	background:#F2F2F2;
	border-radius:5em;
	-webkit-transition: all 0.1s linear;
	transition: all 0.1s linear;
}
input.toggle:checked + .toggle-label {
	background:#fb8d00;
}
input.toggle.green:checked + .toggle-label {
	background:#5FB000;
}
input.toggle.red:checked + .toggle-label {
	background:#F61804;
}
input.toggle:checked + .toggle-label:after {
  -webkit-transform: translateX(2.2em);
          transform: translateX(2.2em);
  -webkit-transition: all 0.1s linear;
  transition: all 0.1s linear;
}
input.toggle.small + .toggle-label {
	font-size:6px;
	height:2.333333333333333em;
}
input.toggle.small + .toggle-label:after {
    left: 0.1em;
    width: 2em;
    height: 1.666666666666667em;
    margin: 0.333333333333333em;
}
input.toggle.small:checked + .toggle-label:after {
  -webkit-transform: translateX(2.1em);
          transform: translateX(2.1em);
}
input.toggle.small + .toggle-label + label {
	margin-left:0.31rem;
	font-size:0.63rem;
}
input.toggle.medium + .toggle-label {
	font-size:8px;
	height:2.5em;
}
input.toggle.medium + .toggle-label:after {
	height: 2em;
	width:2.5em;
	margin:0.25em;
}
input.toggle.medium:checked + .toggle-label:after {
    -webkit-transform: translateX(2em);
            transform: translateX(2em);
}
input.toggle + .toggle-label + label {
	margin-left:0.625rem;
}
/*on/off style toggle*/
/*input.toggle.on-off + .toggle-label {
	font-size:10px;
	width:6em;
	border-radius:0;
}
input.toggle.on-off + .toggle-label:before,
input.toggle.on-off + .toggle-label:after {
	content:"On";
	position:absolute;
	top:0;
	left:0;
	margin:0;
	width:3em;
	height:2.4em;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius: 0;
}
input.toggle.on-off + .toggle-label:after {
	content:"Off";
	position:absolute;
	top:0;
	left:auto;
	right:0;
	background:#fb8d00;
	color:#FFFFFF;
}
input.toggle.on-off:checked + .toggle-label:after {
	background:#b7b7b7;
	color:#000000;
}
input.toggle.on-off:checked + .toggle-label:before {
	background:#fb8d00;
	color:#FFFFFF;
}*/

/***************
* on/off toggle *
****************/
.on-off-toggle {
	cursor:pointer;
	height:24px;
	position:relative;
	z-index:1;
	overflow:hidden;
	background-color: #e5e5e5;
	display:inline-block;
	-webkit-box-shadow:-40px 0 0 0 #fb8d00 inset;
	        box-shadow:-40px 0 0 0 #fb8d00 inset;
	-webkit-transition:all 0.2s linear;
	transition:all 0.2s linear;
}
input.toggle:checked + .on-off-toggle {
	-webkit-box-shadow:40px 0 0 0 #fb8d00 inset;
	        box-shadow:40px 0 0 0 #fb8d00 inset;
}
input.toggle + .on-off-toggle::before,
input.toggle + .on-off-toggle::after {
    content: "On";
    display: inline-flex;
    align-items:center;
    justify-content:center;
    background-color: transparent;
    color: #333;
    width:40px;
    height:24px;
    text-align:center;
    line-height:1;
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
    position:relative;
	z-index:2;
    -webkit-transition:all 0.2s linear;
    transition:all 0.2s linear;
}
input.toggle + .on-off-toggle::after {
    content: "Off";
    display: inline-block;
    color: #ffffff;
}
input.toggle:checked + .on-off-toggle::before {
    /*background-color: #fb8d00;*/
    color: #ffffff;
    pointer-events:none;
	cursor:not-allowed;
}
input.toggle:checked + .on-off-toggle::after {
	/*background-color: #e5e5e5;*/
    color: #333;
}
input:disabled.toggle + .toggle-label {
  filter: grayscale(1);
  cursor: not-allowed;
}

/***************
*  radio buttons *
****************/
.radio {
	padding: 0.3125rem 1.25rem 0.3125rem 0; /* 5px 20px 5px 0 */
	white-space: nowrap;
}
.radio.flex {
	display: flex;
	align-items: center;
	flex: none;
}
.radio.no-label {
    padding-right: 0;
}
.radio input[type="radio"] {
	position: absolute;
	opacity: 0;
}
.radio input[type="radio"] + .radio-label {
	cursor: pointer;
	line-height:1.7;
	display: inline-flex;
    align-items: center;
}
.radio input[type="radio"] + .radio-label:before {
	content: '';
	background: #f4f4f4;
	border-radius: 100%;
	border: 1px solid #b7b7b7;
	display: inline-block;
	width: 1.4em;
	height: 1.4em;
	margin-right: 0.3125rem; /* 5px */
	vertical-align: top;
	cursor: pointer;
	text-align: center;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.radio input[type="radio"]:checked + .radio-label:before {
	background-color: #fb8d00;
	-webkit-box-shadow: inset 0 0 0 4px #f4f4f4;
	        box-shadow: inset 0 0 0 4px #f4f4f4;
}
.radio input[type="radio"]:focus + .radio-label:before {
	outline: none;
	border-color: #fb8d00;
}
.radio input[type="radio"]:not(:checked):hover + .radio-label:before {
	border-color: #fb8d00;
}
.radio input[type="radio"]:disabled + .radio-label {
	color: #D6D6D6;
	cursor:not-allowed;
}
.disabled-text-color .radio input[type="radio"]:disabled + .radio-label {
	color: #000000;
}
.radio input[type="radio"]:disabled:checked + .radio-label:before {
	-webkit-box-shadow: inset 0 0 0 4px #f4f4f4;
	        box-shadow: inset 0 0 0 4px #f4f4f4;
	border-color: #b7b7b7;
	background: #b7b7b7;
}
.radio input[type="radio"]:disabled:hover + .radio-label:before {
	border-color: #b7b7b7;
}
.radio input[type="radio"] + .radio-label:empty:before {
	margin-right: 0;
}

/***************
* buttons *
****************/
.button {
	font-size:0.875rem; /* 16px */
	height:2.857142857142857em; /* 40px */
	line-height: 2.857142857142857em; /* 40px */
	padding: 0 1rem;
	margin: 0;
	text-align:center;
	color:#000000;
	background-color:#D6D6D6;
	text-decoration:none;
	border:none;
	display:inline-block;
	cursor:pointer;
	white-space: nowrap;
	/*margin:0.5em 0;*/
	-webkit-filter:brightness(100%);
	        filter:brightness(100%);
	-webkit-appearance:none;
	-webkit-border-radius:0;
	-webkit-transition: all 0.2s linear;
	transition:all 0.2s linear;
}
.button.mBottom10 {
    margin-bottom: 10px;
}
a.button:not(.cp-button):hover {
	color:#FFFFFF;
	border-bottom:none;
}
.button.orange {
	background-color:#fb8d00;
	/* color:#FFFFFF; */
	color:#000000;
}
.button.blue {
	background-color:#202A58;
	color:#FFFFFF;
}
.button.red {
	background-color:#e00303;
	color:#FFFFFF;
}
.button.dark-grey {
	background-color:#666666;
	color:#FFFFFF;
}
.button:hover {
	-webkit-filter:brightness(95%);
	        filter:brightness(95%);
	-webkit-transition: all 0.2s linear;
	transition:all 0.2s linear;
}
.button.pop {
	-webkit-filter:drop-shadow(2px 2px 1px #FFFFF);
	        filter:drop-shadow(2px 2px 1px #FFFFF);
}
.button.pop:hover {
	position:relative;
	top:-1px;
	left:-1px;
	-webkit-filter:drop-shadow(2px 2px 1px #9DA2A7);
	        filter:drop-shadow(2px 2px 1px #9DA2A7);
}
.button.extra-padding {
	padding: 0 3rem;
}
.button:disabled,
button:disabled {
    -webkit-filter: grayscale(100%);
            filter: grayscale(100%);
    cursor: not-allowed;
}
input:disabled,
select:disabled,
textarea:disabled {
	cursor:not-allowed;
	color: #b7b7b7;
	-webkit-text-fill-color: #b7b7b7;
}
.button-group {
	display:flex;
	flex-wrap:wrap;
}
.button-group:not(.vertical) submit-button-overlay,
.button-group:not(.vertical) .button {
	margin-right:10px;
}
.button-group .button:last-child {
	margin-right:0;
}
.button-group.vertical {
	flex-direction:column;
}
.button-group.vertical .button,
.button-group.vertical submit-button-overlay {
	margin: 0 0 5px 0;
	width: 100%;
}
.button-group.vertical .button:last-child {
	margin: 0;
}
/*.button-group .button:last-child {
	margin-bottom:0;
}*/
button.no-style {
    border: none;
    background: none;
    padding: 0;
    margin: 0;
    -webkit-touch-callout:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}

/***************
* progress bar *
****************/
.progress-bar {
    width: 100%;
    float: left;
    clear: both;
    height: 6px;
    background-color: #d9d9d9;
    /*margin-bottom: 10px;*/
    position: relative;
    /*border-radius: 2px;*/
    -webkit-transition: all 2s linear;
    transition: all 2s linear;
}
.progress-bar span {
    width: 0%;
    background-color: #666666;
    /*border-radius: 2px;*/
    height: 6px;
    top: 0;
    left: 0;
    position: absolute;
    -webkit-transition: all 1s linear;
    transition: all 1s linear;
    -webkit-animation: nh-progress-bar 0.75s;
            animation: nh-progress-bar 0.75s;
}
@-webkit-keyframes nh-progress-bar {
   0% { width: 0; }
}
@keyframes nh-progress-bar {
   0% { width: 0; }
}
/*'#25569C', '#fb8d00', '#4adab6', '#202A58', '#cc0000', '#949FB1', '#4D5360'*/
.progress-bar.color1 span {
	background-color: #25569C;
}
.progress-bar.color2 span,
.progress-bar.orange span {
	background-color:#fb8d00;
}
.progress-bar.color3 span {
	background-color:#4adab6;
}
.progress-bar.color4 span {
	background-color:#202A58;
}
.progress-bar.color5 span {
	background-color:#cc0000;
}
.progress-bar.color6 span {
	background-color:#949FB1;
}
.progress-bar.color7 span {
	background-color:#4D5360;
}

/***************
* range slider *
****************/
input[type=range] {
  -webkit-appearance: none;
  margin: 10px 0 20px 0;
  width: 100%;
}
input[type=range]:focus {
  outline: none;
  background-color:#FFFFFF;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 4px;
  cursor: pointer;
  animate: 0.2s;
  background: #d9d9d9;
}
input[type=range]::-webkit-slider-thumb {
  border: 2px solid #fb8d00;
  height: 14px;
  width: 14px;
  background: #FFFFFF;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -5px;
  border-radius:50%;
  /*opacity:0.8;*/
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: #d9d9d9;
}
input[type=range]::-moz-range-track {
  width: 100%;
  height: 4px;
  cursor: pointer;
  animate: 0.2s;
  background: #d9d9d9;
}
input[type=range]::-moz-range-thumb {
  border: 2px solid #fb8d00;
  height: 14px;
  width: 14px;
  background: #FFFFFF;
  cursor: pointer;
  border-radius:50%;
  /*opacity:0.8;*/
}
input[type=range]::-ms-track {
  width: 100%;
  height: 4px;
  cursor: pointer;
  animate: 0.2s;
  background: transparent;
  border-color: transparent;
  border-width: 16px 0;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: #d9d9d9;
}
input[type=range]::-ms-fill-upper {
  background: #d9d9d9;
}
input[type=range]::-ms-thumb {
  border: 1px solid #25569C;
  height: 20px;
  width: 10px;
  background: #25569C;
  cursor: pointer;
  opacity:0.8;
  margin-top: 0px;
}
input[type=range]:focus::-ms-fill-lower {
  background: #d9d9d9;
}
input[type=range]:focus::-ms-fill-upper {
  background: #d9d9d9;
}

/***************
* tables *
****************/
.table-wrapper {
    max-width: 100%;
    overflow-x: auto;
}
table {
	/*width:100%;*/
	width:calc(100% - 1px);
}
thead {
    font-family: GravityBold;
}
th, td {
    border-collapse: collapse;
}
table.data td {
    border:1px solid #e5e5e5;
   	line-height: 1.2;
}
td {
    vertical-align:middle;
}
tr {
    background-color: #ffffff;
}
tr:nth-of-type(even) {
    background-color: #f8f8f8;
}
table.data tr.flagrow::before {
	/*background-color:red;
	height:100%;
	width:4px;
	position:absolute;
	top:0;
	left:0;
	content:"";*/
}
table.data thead tr:last-of-type {
	/*border: 1px solid #f6f6f6;
	border-bottom:1px solid #e5e5e5;*/
	border:none;
}
table.data.border thead tr,
table.data th.border {
    border: 1px solid #E5E5E5;
}
table.data th:not([scope=row]) {
	color:#25569C;
	font-weight:500;
	background-color: #F6F6F6;
	text-align:left;
	cursor:pointer;
	line-height: 1.4;
	/*white-space:nowrap;*/
	/*vertical-align: middle;*/
	vertical-align: bottom;
	/*position:sticky;
	top:0;
	z-index:9999;*/
}
table.data th:not([scope=row]).center {
	text-align:center;
}
table.data th.not-orderable {
	color:#666666;
}
th, td {
	padding:8px;
}
table th.left,
table.data th.left,
td.left {
	text-align:left;
}
table th.center,
table.data th.center,
td.center {
	text-align:center;
}
table th.right,
table.data th.right,
td.right {
	text-align:right;
}
th.count {
	font-size:0.75rem; /* 12px */
}
table.data th.dark,
table.data th.darker,
table.data td.dark,
table.data td.darker {
	color:#000000;
	background-color:#b6b6b6;
	border:1px solid #FFFFFF;
}
table.data th.darker,
table.data td.darker {
	background-color:#999999;
}
table.data th.orderby.asc {
    border-bottom: 2px solid #25569C;
}
table.data th.orderby.desc {
    border-top: 2px solid #25569C;
}
.applicant-td {
    white-space: nowrap;
}
.select-td {
	min-width:170px;
}
table.data th.table-column-spacer,
table.data td.table-column-spacer {
	padding: 2px;
	width: 2px;
    border: none;
    background: #F7F7F7;
}
/*fixed header tables*/
.table-wrapper-fixed {
  overflow: auto;
  max-height:50vh;
  min-height:100px;
}
.table-wrapper-fixed.applicant-summary {
	max-height: calc(100vh - 134px);
	/*max-height:1000px;*/
	/*max-height:300px;*/
}
.ua-desktop-windows .table-wrapper-fixed.applicant-summary {
	max-height: calc(100vh - 150px);
}
table.data.fixed th {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 2;
	border: none !important;
}
table.data.fixed th.activeFilter {
  background-color: #F9CF9F;
}
table.data.fixed th.center {
  text-align: center;
}
table.data.fixed th:not([scope=row]) {
	/*background-color: #999999;
	color: #FFFFFF;*/
	font-family: 'GravityBold', sans-serif;
}
table.data.fixed th[scope=row] {
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  z-index: 1;
  vertical-align:middle;
  /*background: linear-gradient(90deg, transparent 0%, transparent calc(100% - .05em), #e5e5e5 calc(100% - .05em), #e5e5e5 100%);*/
  /*background:	linear-gradient(90deg, transparent 0%, transparent calc(100% - .05em), #e5e5e5 calc(100% - .05em), #e5e5e5 100%),
							linear-gradient(180deg, transparent 0%, transparent calc(100% - .05em), #e5e5e5 calc(100% - .05em), #e5e5e5 100%);*/
}
table.data.fixed tr:nth-child(odd) th[scope=row] {
  background-color: #ffffff;
}
table.data.fixed tr:nth-child(even) th[scope=row] {
  background-color: #f8f8f8;
}
table.data.fixed th.second-sticky-row {
	top:35px;
}
table.data.fixed th[scope=row].second-sticky-column {
	left:36px;
}
table.data.fixed th.second-sticky-row.first-sticky-column,
table.data.fixed th.first-sticky-row.first-sticky-column {
  left: 0;
  z-index: 3;
}
table.data.fixed th.second-sticky-row.second-sticky-column {
  left: 36px;
  z-index: 3;
}
.table-wrapper-fixed.applicant-summary .nh-initials {
	margin: auto;
}
table.data.fixed tr.highlight,
table.data.fixed tr.highlight:nth-child(odd) th[scope=row],
table.data.fixed tr.highlight:nth-child(even) th[scope=row] {
  background-color: #e9ff32;
}

table.data.fixed th.sticky-full-border {
    box-shadow: 
    1px 0px 0px 0px #e5e5e5 inset, /* left */
    -1px 0px 0px 0px #e5e5e5 inset, /* right */
    0px 1px 0px 0px #e5e5e5 inset, /* top */
    0px -1px 0px 0px #e5e5e5 inset; /* bottom */
}
table.data.fixed th.sticky-full-border.second-sticky-row {
    box-shadow: 
    0px -1px 0px 0px #f7f7f7, /* fix top visual glitch */
    1px 0px 0px 0px #e5e5e5 inset, /* left */
    -1px 0px 0px 0px #e5e5e5 inset, /* right */
    0px 1px 0px 0px #e5e5e5 inset, /* top */
    0px -1px 0px 0px #e5e5e5 inset; /* bottom */
}
table.data.fixed th.sticky-full-border.orderby.asc {
    box-shadow: 
    0px -1px 0px 0px #f7f7f7, /* fix top visual glitch */
    1px 0px 0px 0px #e5e5e5 inset, /* left */
    -1px 0px 0px 0px #e5e5e5 inset, /* right */
    0px 2px 0px 0px #25569C inset, /* top */
    0px -1px 0px 0px #e5e5e5 inset; /* bottom */
}
table.data.fixed th.sticky-full-border.orderby.desc {
    box-shadow: 
    0px -1px 0px 0px #f7f7f7, /* fix top visual glitch */
    1px 0px 0px 0px #e5e5e5 inset, /* left */
    -1px 0px 0px 0px #e5e5e5 inset, /* right */
    0px 1px 0px 0px #e5e5e5 inset, /* top */
    0px -2px 0px 0px #25569C inset; /* bottom */
}
table.data.fixed th.sticky-bottom-border {
    box-shadow: 
    0px -1px 0px 0px #f7f7f7, /* fix top visual glitch */
    0px -1px 0px 0px #e5e5e5 inset; /* bottom */
}
table.data.fixed th.sticky-bottom-border.orderby.asc {
    box-shadow: 
    0px -1px 0px 0px #f7f7f7, /* fix top visual glitch */
    0px 2px 0px 0px #25569C inset, /* top */
    0px -1px 0px 0px #e5e5e5 inset; /* bottom */
}
table.data.fixed th.sticky-bottom-border.orderby.desc {
    box-shadow: 
    0px -1px 0px 0px #f7f7f7, /* fix top visual glitch */
    0px -2px 0px 0px #25569C inset; /* bottom */
}
table.data.fixed th.sticky-right-border.second-sticky-row {
    box-shadow: 
    0px -1px 0px 0px #f7f7f7, /* fix top visual glitch */
    -1px 0px 0px 0px #e5e5e5 inset, /* right */
    0px -1px 0px 0px #e5e5e5 inset; /* bottom */
}
.r-applicant-summary .glyphicon {
  font-size: 20px;
}
.th-filter {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #ffffff;
  border: 1px solid #b7b7b7;
  width: 200px;
  max-height:300px;
  overflow:auto;
  z-index:5;
}
.th-filter li {
	color:#333;
	text-align:left;
	/*padding:5px;*/
	margin:0;
	font-family: 'GravityRegular', sans-serif;
}
.th-filter li > .checkbox {
  width: 100%;
  padding: 5px;
}
.th-filter-date {
	overflow: unset;
	padding:5px;
}
.close-date-filter {
	font-size: 15px;
  background-color: white;
  position: absolute;
  top: -10px;
  right: -10px;
  cursor: pointer;
  padding: 3px;
  border: 2px solid #666;
  border-radius: 30px;
  transition: all 0.2s linear;
}
.close-date-filter:hover {
	border-color:#fb8d00;
}
.ras-callback-datetime {
  min-width: 150px;
}
.recruiter-note-popup-container {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index:1;
}
.other-note-popup-container {
	position: absolute;
	top: 50%;
	right: 50%;
	z-index:1;
}
.recruiter-note-popup {
	min-width:200px;
	height:100px;
	background: #FFFFFF !important;
	padding:8px;
	line-height:1.3;
}
.glyphicon.recruiter-note-cancel-icon,
.glyphicon.recruiter-note-ok-icon {
	position:absolute;
	font-size: 15px;
  background-color: white;
  cursor: pointer;
  padding: 3px;
  border: 2px solid #666;
  border-radius: 30px;
  transition: all 0.2s linear;
}
.recruiter-note-cancel-icon {
	top:-10px;
	left:-10px;
}
.recruiter-note-ok-icon {
	position:absolute;
	top:-10px;
	right:-10px;
}
.recruiter-note-cancel-icon:hover {
	border-color:red;
}
.recruiter-note-ok-icon:hover {
  border-color: #fb8d00;
}
.final-status-select {
	min-width: 100px;
}
.ras-order-column {
	max-width: 200px;
	overflow: hidden;
	text-overflow: ellipsis;
}
input[type='number'].percentage {
  min-width: 60px;
}
.flatpickr-calendar.open {
  z-index: 9999999 !important;
}
.flatpickr-current-month input.cur-year,
.flatpickr-current-month select.flatpickr-monthDropdown-months {
	min-height:unset;
}

/*table.data.fixed 
table.data.fixed tr.hihghlight:nth-child(even) th[scope=row] {
    background-color: #ffffff;
}*/

/*.orderby span::after {
	font-size: 1rem;
	display: inline-block;
	position: relative;
	top: 0;
	left: 5px;
	line-height: 0;
	content:"\025B4";
}
.orderby.asc span::after {
	-webkit-transition: all 0.1s linear;
	transition:all 0.1s linear;
}
.orderby.desc span::after {
	-webkit-transform:rotate(180deg) translateY(-3px);
	        transform:rotate(180deg) translateY(-3px);
	-webkit-transition: all 0.1s linear;
	transition:all 0.1s linear;
}*/

/***************
* nh-autocomplete *
****************/
.down-arrow {
    height: 4em;
    width: 4em;
    display: inline-block;
    font-size: 10px;
    border: 1px solid #b7b7b7;
    border-left:none;
    display:flex;
    flex: 0 0 4em;
    cursor:pointer;
    -webkit-transition: all 0.2s linear;
    transition:all 0.2s linear;
}
.down-arrow::after {
	content: "";
    margin: auto;
    height: 0;
    width: 0;
    border-left: 0.5em solid transparent;
    border-right: 0.5em solid transparent;
    border-top: 1em solid #b7b7b7;
    -webkit-transition: all 0.2s linear;
    transition:all 0.2s linear;
}
.down-arrow:hover {
	background-color:#e6e6e6;
	-webkit-transition: all 0.2s linear;
	transition:all 0.2s linear;
}
.down-arrow:hover::after {
    border-top: 10px solid #999;
    -webkit-transition: all 0.2s linear;
    transition:all 0.2s linear;
}
/*.autocomplete-container {
    position: relative;
}
input.autocomplete-input {
	border-right:none;
	width: calc(100% - 40px);
	margin-bottom: 0;
}
.autocomplete-list {
    position: absolute;
    top: 40px;
    left: 0;
    width: 100%;
    background-color:#f7f7f7;
    border: 1px solid #b7b7b7;
    z-index: 3;
    max-height:256px;
    overflow-y:auto;
}
.autocomplete-list li {
	padding:0.625rem;
	cursor:pointer;
	margin-bottom:0;
	line-height: 1.4;
}
.autocomplete-list li:nth-of-type(even){
	background-color:#e6e6e6;
}
.autocomplete-list li:hover {
	background-color:#d9d9d9;
	color: #25569C;
}
.autofocus {
	border: 1px dashed #b7b7b7;
}*/

/***************
* notyNetHireTheme *
****************/
/*.notyNetHireTheme {
    overflow: hidden;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.5);
    position: relative;
}
.notyNetHireTheme.noty_container_type_alert {
    background-color: #D6D6D6;
}
.notyNetHireTheme.noty_container_type_information {
    background-color: #25569C;
    color:#fff;
}
.notyNetHireTheme.noty_container_type_error {
    background-color: #CC0000;
    color: #fff;
}
.notyNetHireTheme.noty_container_type_warning {
    background-color: #fb8d00;
    color: #fff;
}
.notyNetHireTheme.noty_container_type_success {
    background-color: #00CC99;
    color: #fff;
}
.notyNetHireTheme .noty_message {
    padding: 15px;
    line-height:2;
    text-align:center;
    font-size:0.875rem;
}
.noty_modal.notyNetHireTheme {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #192146;
    z-index: 10000;
    opacity: 0.8;
    display: none;
    border: none;
    left: 0;
    top: 0
}
.noty_text {
	line-height:1.7;
}*/
/***************
* notyNetHireTheme *
****************/
.noty_theme__notyNetHireTheme {
    overflow: hidden;
    -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.5);
            box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.5);
    position: relative;
    -webkit-font-smoothing: antialiased;
}
.noty_theme__notyNetHireTheme.noty_type__alert {
    background-color: #D6D6D6;
}
.noty_theme__notyNetHireTheme.noty_type__information,
.noty_theme__notyNetHireTheme.noty_type__info {
    background-color: #25569C;
    color:#fff;
}
.noty_theme__notyNetHireTheme.noty_type__error {
    background-color: #CC0000;
    color: #fff;
}
.noty_theme__notyNetHireTheme.noty_type__warning {
    background-color: #FBBC05;
    color: #333;
}
.noty_theme__notyNetHireTheme.noty_type__success {
    /*background-color: #00CC99;*/
    /*background-color: #69bc4e;*/
    background-color: #fb8d00;
    color: #fff;
}
.noty_theme__notyNetHireTheme .noty_body {
    padding: 15px;
    line-height:1.4;
    text-align:center;
    font-size:14px;
    font-family: 'GravityBold', 'Helvetica', 'Arial', 'sans-serif';
}
.noty_modal {
    background-color: #192146;
    opacity: 0.8;
    z-index: 10002;
}
.noty_buttons {
    padding: 0 15px 15px 15px;
}
.noty_buttons button + button {
    margin-left: 10px;
}
.noty_body {
	line-height:1.5;
}
input.noty-input {
	margin: 10px 0 0 0;
}
.noty-textarea {
	margin: 10px 0 0 0;
	height: 120px;
	resize: none;
}
.noty_close_button {
    display: none !important;
}

/***************
* css icons *
****************/
.css-icon {
	font-size:10px;
	display:inline-block;
	cursor:pointer;
}
a.css-icon:hover {
	border-color: #616161;
}
/*notes icon*/
.notes {
	width:1.2em;
	height:1.2em;
	border:1px solid #616161;
	z-index:0;
	margin-left:0.5em;
}
.notes::after {
	content:"";
	display:inline-block;
	width:1.2em;
	height:1.2em;
	border:1px solid #616161;
	z-index:1;
	background:#FFFFFF;
	position:relative;
	top:0.2em;
	left:0.2em;
	-webkit-box-sizing:border-box;
	        box-sizing:border-box;
}
/*edit job icon */
.edit-job {
	width:1.2em;
	height:1.2em;
	border:1px solid #616161;
	z-index:0;
	margin-right:0.5em;
}
.edit-job::before {
	content:"";
	display:inline-block;
	width:0.4em;
	height:1em;
	border:1px solid #616161;
	z-index:1;
	background:#FFFFFF;
	position:relative;
	top: -0.3em;
    left: 0.6em;
	-webkit-box-sizing:border-box;
	        box-sizing:border-box;
	-webkit-transform:rotate(45deg);
	        transform:rotate(45deg);
}
.edit-job::after {
	content: "";
    display: inline-block;
    width: 0.3em;
    height: 0.3em;
    border: 1px solid #616161;
    z-index: 1;
    background: #FFFFFF;
    position: relative;
    top: -0.3em;
    left: -0.1em;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-transform: rotate(-135deg);
            transform: rotate(-135deg);
    border-radius: 1em 1em 0 0;
}
/*circle icon*/
.circle-icon {
    width: 1.6em;
    height: 1.6em;
    border-radius: 10em;
    border: 1px solid #616161;
    text-align: center;
    line-height: 1;
    padding: 0.6em;
    font-size: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 0.625rem; /* 10px */
}
/*error icon*/
.error-icon {
    font-size: 10px;
    border-left: 1.3em solid transparent;
    border-right: 1.3em solid transparent;
    border-bottom: 2em solid #666666;
    border-radius: 5px;
    position: relative;
    width:2.6em;
    height:2em;
}
.error-icon::before {
    font-size: 10px;
    content: "";
    display: inline-block;
    background-color: #F7F7F7;
    width: 0.2em;
    height: 0.8em;
    position: absolute;
    top: 4.7px;
    left: -0.1em;
    border-radius: 30%;
}
.error-icon::after {
    font-size: 10px;
    content: "";
    display: inline-block;
    background-color: #F7F7F7;
    width: 0.2em;
    height: 0.2em;
    position: absolute;
    top: 15px;
    left: -0.1em;
    border-radius: 100%;
}
/*refresh icon*/
.refresh-icon {
    width: 2em;
    height: 2em;
    position: relative;
    border: 2px solid #666;
    border-radius: 100%;
}
.refresh-icon::before {
    width: 0.4em;
    height: 0.6em;
    background: #FFFFFF;
    content: "";
    position: absolute;
    right: -0.2em;
    top: calc(50% - 0.2em);
}
.refresh-icon::after {
    content: "";
    border-left: 0.5em solid #666666;
    border-top: 0.5em solid transparent;
    border-bottom: 0.5em solid transparent;
    position: absolute;
    right: -0.3em;
    top: calc(50% - 0.8em);
    -webkit-transform: rotate(64deg);
            transform: rotate(64deg);
}
/*good hire icon*/
.goodhire-logo {
    font-size: 10px;
    background: #FA8B02;
    height: 4em;
    width: 4em;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-right: 1.7em;
}
.goodhire-logo::after {
    content: "";
    border-top: 0.7em solid transparent;
    border-bottom: 0.7em solid transparent;
    border-left: 0.7em solid #FA8B02;
    position: absolute;
    right: -0.7em;
}
.goodhire-logo::before {
    content: "G";
    color: #FFF;
    font-size: 2em;
    font-weight: 800;
}
.crm-icon, .bamboohr-icon {
    height: 3em;
    width: 3em;
    background: #666666;
    border-radius: 0.5em;
    display:flex;
    align-items:center;
    justify-content:center;
    -webkit-transition:0.2s linear all;
    transition:0.2s linear all;
}
.crm-icon::after {
    content:"CRM";
    font-size:11px;
    color:#f3f3f3;
    font-weight:800;
}
.crm-icon:hover,
.crm-icon.active {
	background:#17B827;
}
.bamboohr-icon::after {
    content:" ";
    font-size:11px;
    color:#f3f3f3;
    font-weight:800;
	background-image: url(/img/bamboohr_nobg.png);
	background-size: 30px 30px;
	width: 30px;
	height: 30px;
}
.bamboohr-icon:hover,
.bamboohr-icon.active {
	background:#73C41D;
}
/*add icon*/
.add-icon {
	font-size:10px;
    height: 2em;
    width: 2em;
    border: 0.2em solid #616161;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position:relative;
    border-radius:100%;
    cursor:pointer;
    background: transparent;
    -webkit-transition:all 0.2s linear;
    transition:all 0.2s linear;
}
.add-icon:hover {
	background:#e5e5e5;
}
/*.add-icon:hover::before,
.add-icon:hover::after {
	background:#fb8d00;
}*/
.add-icon::before {
    content: "";
    height: 1.2em;
    width: 0.2em;
    top: 0em;
    left: 0em;
    position: relative;
    display: inline-block;
    background: #616161;
    -webkit-transition:all 0.2s linear;
    transition:all 0.2s linear;
}
/*td .add-icon::before {
    position: absolute;
    top: 0.2em;
    left: 0.7em;
}*/
.add-icon::after {
    content: "";
    height: 1.2em;
    width: 0.2em;
    display: inline-block;
    background: #616161;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    position: absolute;
    top: 0.2em;
    left: 0.7em;
    -webkit-transition:all 0.2s linear;
    transition:all 0.2s linear;
}
.large {
    font-size: 70px;
}
.extra-large {
	font-size:120px;
}
.add-icon.no-border {
	border-color:transparent;
	border-radius:0;
}
/*campaign icon*/
.campaign-icon {
    height: 16px;
    width: 20px;
    display: inline-block;
    background: lightblue;
    border-radius: 3px;
}
/*help title icon*/
.help-title-icon {
	font-size: 10px;
	width: 2em;
	height: 2em;
	flex: 0 0 2em;
	padding: 0.5em;
	background-color: #7F7F7F;
	border-radius: 100%;
	color: #FFFFFF;
	display: inline-block;
	line-height: 1;
	text-align: center;
	cursor: help;
	margin-left:10px;
}
html.ua-mobile .nh-candidate-filter .help-title-icon {
  display: none;
}

.animate-rotate {
	-webkit-animation: animate-rotate 2s linear 0s infinite;
	animation: animate-rotate 2s linear 0s infinite;
}
.animate-rotate.slow {
	-webkit-animation: animate-rotate 3s linear 0s infinite;
	animation: animate-rotate 3s linear 0s infinite;
}
.animate-rotate.fast {
	-webkit-animation: animate-rotate 1s linear 0s infinite;
	animation: animate-rotate 1s linear 0s infinite;
}
@keyframes animate-rotate {
	0% {
		-webkit-transform:rotate(0deg);
		        transform:rotate(0deg);
	}
	100% {
		-webkit-transform:rotate(360deg);
		        transform:rotate(360deg);
	}
}

/***************
* svg icons *
****************/
.ai-icon {
    width: 20px;
    height: 20px;
    fill: #fb8d00;
}

/***************
* css loaders *
****************/
.css-loader1 {
	font-size:10px;
	height:1.8em;
	width:1.8em;
	margin:2em;
	border-radius:100%;
	background-color:transparent;
	-webkit-box-shadow:0 0 0 0.8em #a4c8f4;
	        box-shadow:0 0 0 0.8em #a4c8f4;
	position:relative;
	display:inline-block;
}
.css-loader1::after {
	content:"";
	height:1.8em;
	width:0.2em;
	background-color:#1868cb;
	position:absolute;
	top:-0.9em;
	left:0.8em;
	-webkit-transform-origin:50% 100%;
	        transform-origin:50% 100%;
	-webkit-animation: css-loader-one 1.2s linear 0s infinite;
	        animation: css-loader-one 1.2s linear 0s infinite;
}
@-webkit-keyframes css-loader-one {
	0% {
		-webkit-transform:rotate(0deg);
		        transform:rotate(0deg);
	}
	100% {
		-webkit-transform:rotate(360deg);
		        transform:rotate(360deg);
	}
}
@keyframes css-loader-one {
	0% {
		-webkit-transform:rotate(0deg);
		        transform:rotate(0deg);
	}
	100% {
		-webkit-transform:rotate(360deg);
		        transform:rotate(360deg);
	}
}

.css-loader2 {
	font-size:10px;
	width: 4.4em;
	height: 4.4em;
	position: relative;
	border: 0.2em solid #25569C;
	border-radius:100%;
	overflow:hidden;
	-webkit-animation:css-loader-two 2s linear 0s infinite;
	        animation:css-loader-two 2s linear 0s infinite;
}
.css-loader2::before,
.css-loader2::after
{
	content:"";
	width: 4.4em;
	height: 0.5em;
	position: absolute;
	left: 0em;
	top:0.2em;
	background: #25569C;
	-webkit-box-shadow: 0 1.4em 0 #25569C, 0 2.8em 0 #25569C;
	        box-shadow: 0 1.4em 0 #25569C, 0 2.8em 0 #25569C;
	-webkit-animation: css-loader-two-left 0.88s ease-in-out 0s infinite;
	        animation: css-loader-two-left 0.88s ease-in-out 0s infinite;
}
.css-loader2::after {
	right: 0em;
	top: 0.9em;
	-webkit-transform-origin:100% 0%;
	        transform-origin:100% 0%;
	-webkit-animation: css-loader-two-right 1.13s ease-in-out 0.44s infinite;
	        animation: css-loader-two-right 1.13s ease-in-out 0.44s infinite;
}
@-webkit-keyframes css-loader-two {
	0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
	100% { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); }
}
@keyframes css-loader-two {
	0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
	100% { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); }
}
@-webkit-keyframes css-loader-two-left {
	0% { width: 4.4em; }
	50% { width: 0.5em; }
}
@keyframes css-loader-two-left {
	0% { width: 4.4em; }
	50% { width: 0.5em; }
}
@-webkit-keyframes css-loader-two-right {
	0% { -webkit-transform: scale(1,1); transform: scale(1,1); }
	50% { -webkit-transform: scale(0.1,1); transform: scale(0.1,1); }
}
@keyframes css-loader-two-right {
	0% { -webkit-transform: scale(1,1); transform: scale(1,1); }
	50% { -webkit-transform: scale(0.1,1); transform: scale(0.1,1); }
}
.css-loader3,
.css-loader4 {
	font-size:10px;
	width:1.6em;
	height:1.6em;
	background:transparent;
	-webkit-box-shadow:0 0 0 0.2em #b7b7b7;
	        box-shadow:0 0 0 0.2em #b7b7b7;
	/*margin: 2em;*/
	border-radius: 2em;
	position:relative;
}
.css-loader3 {
	overflow:hidden;
}
.css-loader3::after,
.css-loader4::after {
	content:"";
	width:1em;
	height:1em;
	background:#b7b7b7;
	display:block;
	border-radius:2em;
	position:absolute;
	top:-0.5em;
	left:calc(50% - 0.5em);
	-webkit-transform-origin:50% 135%;
	        transform-origin:50% 135%;
	-webkit-animation:rotate 0.85s linear infinite;
	        animation:rotate 0.85s linear infinite;
}
.css-loader4::after {
	height:0.5em;
	border-radius:2em 2em 0 0;
	-webkit-transform-origin:50% 260%;
	        transform-origin:50% 260%;
}
@-webkit-keyframes rotate {
	100% {
		-webkit-transform:rotate(360deg);
		        transform:rotate(360deg);
	}
}
@keyframes rotate {
	100% {
		-webkit-transform:rotate(360deg);
		        transform:rotate(360deg);
	}
}
.css-loader5 {
	font-size:10px;
	width:5em;
	height:2em;
	border:0.1em solid #e5e5e5;
	position:relative;
	text-align: left;
}
.css-loader5::after {
	width:1.2em;
	height:1.2em;
	background:#25569C;
	content:"";
	top:0.3em;
	left:0.3em;
	display:inline-block;
	position:relative;
	-webkit-box-shadow: 1.5em 0 0 0 #e5e5e5, 3em 0 0 0 #e5e5e5;
	        box-shadow: 1.5em 0 0 0 #e5e5e5, 3em 0 0 0 #e5e5e5;
	-webkit-animation:loader-five 0.8s ease infinite;
	        animation:loader-five 0.8s ease infinite;
}
.button-loader .css-loader5::after {
    top:-0.8em;
}
@-webkit-keyframes loader-five {
	24.9% {background:#25569C;-webkit-box-shadow: 1.5em 0 0 0 #e5e5e5, 3em 0 0 0 #e5e5e5;box-shadow: 1.5em 0 0 0 #e5e5e5, 3em 0 0 0 #e5e5e5;}
	25% {background:#e5e5e5;-webkit-box-shadow: 1.5em 0 0 0 #25569C, 3em 0 0 0 #e5e5e5;box-shadow: 1.5em 0 0 0 #25569C, 3em 0 0 0 #e5e5e5;}
	49.9% {background:#e5e5e5;-webkit-box-shadow: 1.5em 0 0 0 #25569C, 3em 0 0 0 #e5e5e5;box-shadow: 1.5em 0 0 0 #25569C, 3em 0 0 0 #e5e5e5;}
	50% {background:#e5e5e5;-webkit-box-shadow: 1.5em 0 0 0 #e5e5e5, 3em 0 0 0 #25569C;box-shadow: 1.5em 0 0 0 #e5e5e5, 3em 0 0 0 #25569C;}
	74.9% {background:#e5e5e5;-webkit-box-shadow: 1.5em 0 0 0 #e5e5e5, 3em 0 0 0 #25569C;box-shadow: 1.5em 0 0 0 #e5e5e5, 3em 0 0 0 #25569C;}
	75% {background:#e5e5e5;-webkit-box-shadow: 1.5em 0 0 0 #25569C, 3em 0 0 0 #e5e5e5;box-shadow: 1.5em 0 0 0 #25569C, 3em 0 0 0 #e5e5e5;}
	99% {background:#e5e5e5;-webkit-box-shadow: 1.5em 0 0 0 #25569C, 3em 0 0 0 #e5e5e5;box-shadow: 1.5em 0 0 0 #25569C, 3em 0 0 0 #e5e5e5;}
}
@keyframes loader-five {
	24.9% {background:#25569C;-webkit-box-shadow: 1.5em 0 0 0 #e5e5e5, 3em 0 0 0 #e5e5e5;box-shadow: 1.5em 0 0 0 #e5e5e5, 3em 0 0 0 #e5e5e5;}
	25% {background:#e5e5e5;-webkit-box-shadow: 1.5em 0 0 0 #25569C, 3em 0 0 0 #e5e5e5;box-shadow: 1.5em 0 0 0 #25569C, 3em 0 0 0 #e5e5e5;}
	49.9% {background:#e5e5e5;-webkit-box-shadow: 1.5em 0 0 0 #25569C, 3em 0 0 0 #e5e5e5;box-shadow: 1.5em 0 0 0 #25569C, 3em 0 0 0 #e5e5e5;}
	50% {background:#e5e5e5;-webkit-box-shadow: 1.5em 0 0 0 #e5e5e5, 3em 0 0 0 #25569C;box-shadow: 1.5em 0 0 0 #e5e5e5, 3em 0 0 0 #25569C;}
	74.9% {background:#e5e5e5;-webkit-box-shadow: 1.5em 0 0 0 #e5e5e5, 3em 0 0 0 #25569C;box-shadow: 1.5em 0 0 0 #e5e5e5, 3em 0 0 0 #25569C;}
	75% {background:#e5e5e5;-webkit-box-shadow: 1.5em 0 0 0 #25569C, 3em 0 0 0 #e5e5e5;box-shadow: 1.5em 0 0 0 #25569C, 3em 0 0 0 #e5e5e5;}
	99% {background:#e5e5e5;-webkit-box-shadow: 1.5em 0 0 0 #25569C, 3em 0 0 0 #e5e5e5;box-shadow: 1.5em 0 0 0 #25569C, 3em 0 0 0 #e5e5e5;}
}
/*.light .css-loader5 {
	border:0.1em solid #666666;
}
.light .css-loader5::after {
	-webkit-box-shadow: 1.5em 0 0 0 #666666, 3em 0 0 0 #666666;
	        box-shadow: 1.5em 0 0 0 #666666, 3em 0 0 0 #666666;
	-webkit-animation:loader-five-light 0.8s ease infinite;
	        animation:loader-five-light 0.8s ease infinite;
}
@-webkit-keyframes loader-five-light {
	24.9% {background:#25569C;-webkit-box-shadow: 1.5em 0 0 0 #666666, 3em 0 0 0 #666666;box-shadow: 1.5em 0 0 0 #666666, 3em 0 0 0 #e5e5e5;}
	25% {background:#666666;-webkit-box-shadow: 1.5em 0 0 0 #25569C, 3em 0 0 0 #666666;box-shadow: 1.5em 0 0 0 #25569C, 3em 0 0 0 #e5e5e5;}
	49.9% {background:#666666;-webkit-box-shadow: 1.5em 0 0 0 #25569C, 3em 0 0 0 #666666;box-shadow: 1.5em 0 0 0 #25569C, 3em 0 0 0 #e5e5e5;}
	50% {background:#666666;-webkit-box-shadow: 1.5em 0 0 0 #666666, 3em 0 0 0 #25569C;box-shadow: 1.5em 0 0 0 #666666, 3em 0 0 0 #25569C;}
	74.9% {background:#666666;-webkit-box-shadow: 1.5em 0 0 0 #666666, 3em 0 0 0 #25569C;box-shadow: 1.5em 0 0 0 #666666, 3em 0 0 0 #25569C;}
	75% {background:#666666;-webkit-box-shadow: 1.5em 0 0 0 #25569C, 3em 0 0 0 #666666;box-shadow: 1.5em 0 0 0 #25569C, 3em 0 0 0 #e5e5e5;}
	99% {background:#666666;-webkit-box-shadow: 1.5em 0 0 0 #25569C, 3em 0 0 0 #666666;box-shadow: 1.5em 0 0 0 #25569C, 3em 0 0 0 #e5e5e5;}
}
@keyframes loader-five-light {
	24.9% {background:#25569C;-webkit-box-shadow: 1.5em 0 0 0 #666666, 3em 0 0 0 #666666;box-shadow: 1.5em 0 0 0 #666666, 3em 0 0 0 #e5e5e5;}
	25% {background:#666666;-webkit-box-shadow: 1.5em 0 0 0 #25569C, 3em 0 0 0 #666666;box-shadow: 1.5em 0 0 0 #25569C, 3em 0 0 0 #e5e5e5;}
	49.9% {background:#666666;-webkit-box-shadow: 1.5em 0 0 0 #25569C, 3em 0 0 0 #666666;box-shadow: 1.5em 0 0 0 #25569C, 3em 0 0 0 #e5e5e5;}
	50% {background:#666666;-webkit-box-shadow: 1.5em 0 0 0 #666666, 3em 0 0 0 #25569C;box-shadow: 1.5em 0 0 0 #666666, 3em 0 0 0 #25569C;}
	74.9% {background:#666666;-webkit-box-shadow: 1.5em 0 0 0 #666666, 3em 0 0 0 #25569C;box-shadow: 1.5em 0 0 0 #666666, 3em 0 0 0 #25569C;}
	75% {background:#666666;-webkit-box-shadow: 1.5em 0 0 0 #25569C, 3em 0 0 0 #666666;box-shadow: 1.5em 0 0 0 #25569C, 3em 0 0 0 #e5e5e5;}
	99% {background:#666666;-webkit-box-shadow: 1.5em 0 0 0 #25569C, 3em 0 0 0 #666666;box-shadow: 1.5em 0 0 0 #25569C, 3em 0 0 0 #e5e5e5;}
}*/
.uploader {
	font-size:10px;
	width:100%;
	height:0.6em;
	background:#25569C;
	position:relative;
	display:block;
	overflow:hidden;
}
.uploader::after {
	content:"";
	height:0.6em;
	width:1em;
	background:#fb8d00;
	position:absolute;
	top:0;
	left:-1em;
	-webkit-animation: uploading 0.5s linear infinite;
	        animation: uploading 0.5s linear infinite;
}
.uploader.large::after {
	width:5em;
	-webkit-animation: uploading 1s linear infinite;
	        animation: uploading 1s linear infinite;
}
@-webkit-keyframes uploading {
	99.9% { left: 100%; }
	100% { left: -1em; }
}
@keyframes uploading {
	99.9% { left: 100%; }
	100% { left: -1em; }
}
.loader-container,
.button-loader {
	display:flex;
	padding:20px;
	justify-content:space-around;
}
.button-loader {
	padding:0;
}
.inline-loader-container {
	width:50px;
	display:inline-flex;
	align-items:center;
}
.loader-container[no-padding] {
  padding: 0;
}

/***************
* login/forgot password page *
****************/
.login-page,
.forgot-page,
.create-account-page {
    background: #f7f7f7;
    min-height: 100%;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1;
}
.login-error,
.forgot-error {
	color: red;
    margin-bottom: 10px;
}
.login-status,
.forgot-status {
	color: #69bc4e;
    margin-bottom: 10px;
}
.login-left,
.forgot-left {
    width: 200px;
    line-height: 1.3;
    margin:30px;
}
.login-create {
	width: 200px;
	margin:  30px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
@media screen and (max-width:720px){
	.login-left,
	.forgot-left {
	    display:none;
	}
	.login-page {
    	flex-direction: column;
	}
}
.login-left h1,
.forgot-left h1 {
    font-size:2rem; /*32px*/
}
.login-right,
.forgot-right {
    padding: 30px;
    background: #FFFFFF;
    margin: 30px 0;
    max-width:400px;
    width:100%;
}
.login-right .logo-link,
.forgot-right .logo-link {
	background:#FFFFFF;
	margin:0 0 30px 0;
}
#login-form,
#forgot-form,
#create-account-form {
	display:flex;
	flex-direction:column;
}
.login-button,
.forgot-button,
.create-account-button {
	-ms-grid-row-align: center;
	    align-self: center;
    width: 140px;
    margin-bottom: 10px;
}
.forgot-button {
    width: 180px;
}
.forgot-password-link,
.back-to-login-link {
	-ms-grid-row-align: center;
	    align-self: center;
}
.button.mfa-button {
    margin-top:10px;
}
input#mfa_code {
    font-size: 60px;
    text-align: center;
    height:80px;
}
.resend-mfa-container {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 5px;
    font-size: 10px;
}

/***************
* create account page (Annex) *
****************/
.create-account-page {
	min-height: auto;
}
#create-account-form {
	width: 100%;
	padding: 20px;
	max-width: 700px;
	background-color: white;
	height: calc(100% - 60px);
    display: flex;
    margin: 30px 0;
}
#create-account-form .logo-link {
    flex: 1;
    margin: 30px 0;
    background-color: white;
}
input[type='text']#unit {
    width: 100px;
}
.logo-label {
    width: 100%;
    padding: 0.5em;
    height: 40px;
    min-height: 40px;
    border: 1px solid #b7b7b7;
    border-radius: 0;
    font-size: 0.825rem;
    margin-bottom: 0.625rem;
    background: transparent;
	display: flex;
    align-items: center;
    color: #6b6b6b;
    cursor: pointer;
}
.flex {
	flex: 1;
}
img#logo-img {
    width: auto;
    height: 40px;
    border: 1px solid #b7b7b7;
    margin-left: 10px;
    margin-bottom:  10px;
}
span.glyphicon.remove-logo {
    position: absolute;
    top: -8px;
    right: -8px;
    background-color: darkred;
    padding: 3px;
    border-radius: 100%;
    color: white;
    cursor: pointer;
    transition: all 0.2s linear;
}
span.glyphicon.remove-logo:hover {
    background-color: white;
    color: darkred;
}


/***************
* header *
****************/
header {
	display:flex;
	flex-direction:row;
	min-width:100%;
	min-height:60px;
	background: #f7f7f7;
	border-bottom:1px solid #edeaea;
	z-index:9999;
}
.logo-link {
	flex:0 0 220px;
	background:#f7f7f7;
	-webkit-transition: all 0.2s linear;
	transition:all 0.2s linear;
	display: flex;
	align-items: center;
	justify-content: space-around;
	border:none;
}
.logo-link-inner:hover, a.logo-link-inner:hover {
	border:none;
	border-bottom: 1px solid transparent;
}
header .content-wrapper {
	flex: 1 0 auto;
	display:flex;
	-webkit-transition: all 0.2s linear;
	transition:all 0.2s linear;
}
header .search-wrapper{
	flex: 1 1 auto;
	display:flex;
	padding: 10px;
	align-items:center;
}
header .quick-links {
	flex:0 0 auto;
    padding: 0;
    background:#f7f7f7;
    display:flex;
    margin-left:auto;
}
input.search-input {
    height: 40px;
    margin-bottom: 0;
    padding-left:36px;
}
.search-wrapper .input-wrapper {
	position:relative
}
.search-icon {
	font-size: 10px;
	width: 1.3em;
	height: 1.3em;
	background: transparent;
	-webkit-box-shadow: 0 0 0 0.2em #616161;
	        box-shadow: 0 0 0 0.2em #616161;
	border-radius: 2em;
	position: relative;
}
.search-icon::after {
	content: "";
	width: 0.3em;
	height: 0.8em;
	background: #616161;
	display: block;
	border-radius: 2em;
	position: absolute;
	bottom: -0.5em;
	left: 1.3em;
	-webkit-transform: rotate(45deg);
	transform: rotate(-45deg);
}
.search-wrapper .search-icon,
.search-wrapper .css-loader3 {
    position: absolute;
    left: 10px;
	top: 12px;
}
/*.search-wrapper .css-loader4 {
	top: 12px;
}*/
.search-results {
	width:100%;
	position:absolute;
	top:40px;
	left:0;
	background: white;
	z-index: 100;
	border:1px solid #DFE2E2;
	-webkit-box-shadow:0 0 1px 0 #ccc;
	        box-shadow:0 0 1px 0 #ccc;
	border-bottom: 4px solid #25569C;
}
.search-results.results-main {
    z-index: 101;
}
.search-result,
.search-result.view-all {
    width:100%;
    border-bottom:1px solid #DFE2E2;
    margin:0;
    display:flex;
}
.search-result a {
	text-decoration:none;
	background-color:#FFFFFF;
	padding: 10px;
	width:100%;
	border:none;
	color:#000000;
	line-height:1.3;
	font-size:0.875rem; /* 14px */
	display: flex;
	align-items: center;
}
.search-result .glyphicon {
    margin-right: 10px;
    font-size: 20px;
    color: #616161;
    -webkit-transition:all 0.2s linear;
    transition:all 0.2s linear;
}
.search-result a:hover .glyphicon,
.search-result a.active .glyphicon {
    color:#fb8d00;
}
.search-result a:hover,
.search-result a.active,
.search-result.view-all a:hover {
	color:#fb8d00;
	background-color:#F7F7F7;
	border-bottom: none;
	-webkit-transition: all 0.2s linear;
	transition:all 0.2s linear;
}
.search-listing.detail {
    margin-left: auto;
    font-size: 0.75rem; /* 12px */
    color: #616161;
    text-align:right;
}
.search-result.view-all span {
	margin-left:auto;
	display:flex;
	flex-wrap:nowrap;
}
.search-result.view-all a {
	/*margin-left:10px;*/
	white-space: nowrap;
	font-size: 0.75rem; /* 12px */
	color: #616161;
	-webkit-transition:all 0.2s linear;
	transition:all 0.2s linear;
}
/*inline search page results*/
.search-input-container {
    display: flex;
    flex-wrap: nowrap;
    margin-bottom:20px;
}
.search-button {
	margin-left:10px;
}
td.sr-type-td {
    font-size: 20px;
    width: 40px;
    text-align: center;
}
th.sr-type-th {
    width: 40px;
}
td.sr-sub-td,
table th.sr-sub-th {
	text-align:right;
	width:200px;
}

.quick-links > ul {
	display: flex;
	align-items: center;
	justify-content: space-around;
	flex: 1 1 auto;
	position:relative;
}
.quick-links > ul li:not(.menu-item):not(.slide-down-menu):not(.setting-item):not(.support-item)  {
    margin:0 10px 0 0;
    position:relative;
}
.quick-links > ul li:last-of-type:not(.slide-down-menu) {
	margin-right:0;
}
.quick-links a {
	border:none;
}
.quick-links a:hover {
    border: none;
}
.quick-links .icon {
	width:20px;
	height:20px;
	cursor:pointer;
}
.quick-links .name-container {
    margin-right: 10px;
	text-align: right;
	flex: 1 1 auto;
	color: #666;
	font-size: 0.875rem; /* 14px */
}
.quick-links .twilio-phone-number {
    font-size: 0.8125rem; /* 13px */
}
.ua-mobile .quick-links .name-container {
    display: none;
}
.quick-links .glyphicon-search.icon {
    font-size: 20px;
    display: none;
    color:#636060;
}
/* user icons */
.user-icon.nano {
	width:20px;
	height:20px;
	min-width:20px;
	min-height:20px;
	border-radius:100%;
}
.user-icon.mini {
	width:30px;
	height:30px;
	min-width:30px;
	min-height:30px;
	/*-webkit-clip-path:circle(15px at center);
	clip-path:circle(15px at center);*/
	border-radius:100%;
}
.user-icon.small {
	width:50px;
	height:50px;
	min-width:50px;
	min-height:50px;
	/*-webkit-clip-path:circle(25px at center);
	clip-path:circle(25px at center);*/
	border-radius:100%;
}
.user-icon.mid {
	width:75px;
	height:75px;
	min-width:75px;
	min-height:75px;
	/*-webkit-clip-path:circle(37.5px at center);
	clip-path:circle(37.5px at center);*/
	border-radius:100%;
}
.user-icon.medium {
	width:100px;
	height:100px;
	min-width:100px;
	min-height:100px;
	/*-webkit-clip-path:circle(50px at center);
	clip-path:circle(50px at center);*/
	border-radius:100%;
}
.user-icon.large {
	width:150px;
	height:150px;
	min-width:150px;
	min-height:150px;
	/*-webkit-clip-path:circle(75px at center);
	clip-path:circle(75px at center);*/
	border-radius:100%;
}
/* company logos */
.company-logo.mini {
	width:40px;
	height:30px;
}
.company-logo.small {
	width:60px;
	height:45px;
}
.company-logo.large {
	width:120px;
	height:90px;
}
.account-profile {
    width: 200px;
	padding: 5px 10px;
	cursor:pointer;
	position: relative;
	z-index:1;
	display: flex;
	align-items: center;
	flex: 0 0 auto;
}
.account-profile nh-avatar nh-initials .nh-initials,
.account-profile nh-avatar nh-initials,
.account-profile nh-avatar .user-icon,
.account-profile nh-avatar {
	pointer-events: none;
}
.notification-counter {
    background-color: #fb8d00;
    border-radius: 5em;
    position: absolute;
    top: -10px;
    right: 2px;
    /* color: #FFFFFF; */
    color: #000000;
    height: 1.666666666666667em;
    min-width: 1.666666666666667em;
    text-align: center;
    padding: 0 4px;
    display: flex;
    align-items:center;
    justify-content:center;
    line-height: 1.666666666666667em;
    cursor:pointer;
    margin-left: auto;
    z-index:1;
}
nav.main .notification-counter {
	position:relative;
	top:auto;
	right:auto;
}
nav.main .child .notification-counter {
    left: 15px;
    min-width: 23.33px;
    position: absolute;
    margin: 0;
    top: 13px;
}

/***************
* slide-down-menus *
****************/
.menu-shadow {
	-webkit-box-shadow: 0 0 1px 1px #ccc;
	        box-shadow: 0 0 1px 1px #ccc;
}
.slide-down-menu {
    /*display:none;*/
    min-width: 160px;
	position: absolute;
	right: 0;
	top: 60px;
	background-color: #FFFFFF;
	width: auto;
	border-bottom: 4px solid #25569C;
	padding: 0;
	min-width:300px;
	padding-bottom:0;
	z-index: 10;
}
.slide-down-menu:focus {
	outline:0;
}
.slide-down-menu.support-menu,
.slide-down-menu.account-menu {
    padding-top: 0;
}
.slide-down-menu > ul li {
    padding: 0.625rem; /* 5px */
    border-bottom: 1px solid #b7b7b7;
    margin-bottom:0;
    display: flex;
	align-items: center;
}
.slide-down-menu > ul li:last-of-type {
    border-bottom: none;
}
.slide-down-menu .title-row {
    display: flex;
    padding: 0.625rem; /* 10px */
    border-bottom: 1px solid #b7b7b7;
    align-items: center;
}
.slide-down-menu .title-row h6 {
	margin-bottom:0;
	margin-right:auto;
}
.slide-down-menu .title-row .menu-action {
	cursor:pointer;
	text-align:right;
	white-space: nowrap;
	color:#666;
	border-bottom: 1px solid transparent;
	-webkit-transition: all 0.2s linear;
	transition:all 0.2s linear;
}
.slide-down-menu .title-row .menu-action:hover {
	border-bottom: 1px solid #fb8d00;
	color:#fb8d00;
	-webkit-transition: all 0.2s linear;
	transition:all 0.2s linear;
}
.menu-item .text:hover,
.setting-item:hover,
.setting-item:hover a,
.support-item:not(.sales-rep):hover {
	cursor:pointer;
	/*color:#fb8d00;*/
	background:#ededed;
	-webkit-transition: all 0.2s linear;
	transition:all 0.2s linear;
}
.slide-down-menu > ul li.setting-item,
.slide-down-menu > ul li.support-item {
    padding: 0;
    margin: 0;
}
.setting-item a,
.support-item a:not(.rep-email-link) {
	color:#000000;
	padding: 0.625rem; /* 10px */
	flex:1 1 auto;
}
.support-item > a {
    align-items: center;
    display: flex;
}
.support-item .rep-email a {
    padding: 0;
}
.slide-down-menu li.support-item.sales-rep {
    padding: 0.625rem; /* 10px */
}
.menu-item .text {
  padding: 0 10px;
  margin-right: auto;
  color:#000000;
  line-height:1.25;
}
.menu-item .remove-icon {
    margin-left: auto;
}
.support-item .text {
	padding: 0 0 0 10px;
}
.support-item.sales-rep .text div {
    line-height: 1.3;
}
.remove-icon {
	font-size:10px;
	height: 3em;
	width: 3em;
	line-height:2em;
	border-radius:5em;
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
	position:relative;
	-webkit-transition: all 0.2s linear;
	transition:all 0.2s linear;
}
.remove-icon.add {
	-webkit-transform:rotate(45deg);
	        transform:rotate(45deg);
}
.remove-icon:hover {
	/*background-color:#D6D6D6;*/
	cursor:pointer;
	-webkit-transition: all 0.2s linear;
	transition:all 0.2s linear;
}
.remove-icon:hover::before,
.remove-icon:hover::after {
	background-color: #CC0000;
	/*background-color: #25569C;*/
	/*background-color: #616161;*/
}
.remove-icon::after {
	height: 1.8em;
	width: 0.2em;
	-webkit-transform: rotate(45deg);
	        transform: rotate(45deg);
	/*background-color: #25569C;*/
	/*background-color: #D6D6D6;*/
	background-color: #616161;
	content: "";
	/*font-size: 10px;*/
	display: inline-block;
	-webkit-transform-origin: 50% 50%;
	        transform-origin: 50% 50%;
	position: absolute;
	top: calc(50% - 0.9em);
	left: calc(50% - 0.1em);
	-webkit-transition:all 0.2s linear;
	transition:all 0.2s linear;
}
.remove-icon::before {
	height: 1.8em;
	width: 0.2em;
	-webkit-transform: rotate(-45deg);
	        transform: rotate(-45deg);
	/*background-color: #25569C;*/
	/*background-color: #D6D6D6;*/
	background-color: #616161;
	content: "";
	/*font-size: 10px;*/
	display: inline-block;
	-webkit-transform-origin: 50% 50%;
	        transform-origin: 50% 50%;
	position: absolute;
	top: calc(50% - 0.9em);
	left: calc(50% - 0.1em);
	-webkit-transition:all 0.2s linear;
	transition:all 0.2s linear;
}
.remove-icon.small,
.remove-icon.small::before,
.remove-icon.small::after {
	font-size:8px;
}
#drag-handle .remove-icon {
  margin-left: auto;
}
.icon-circle {
	background-color:#ccc;
	border-radius:5em;
	height:40px;
	width:40px;
	display:flex;
	flex: 0 0 auto;
}
.icon-circle.blue {
	background-color:#25569C;
}
.icon-circle img {
	margin:auto;
}
.menu-icon,
.support-icon {
	height:20px;
	width:20px;
}
.notification-container {
  display: flex;
  align-items: center;
  flex:1;
}
.notification-text-container {
	display:flex;
	flex-direction:column;
  padding: 0 10px;
  margin-right: auto;
  color: #000000;
  line-height: 1.25;
  overflow-wrap: anywhere;
}
.notification-container .date {
	font-size:10px;
	color:#999999;
	margin-top:2px;
}

/***************
* popups *
****************/
.popup {
	display:none;
	margin:auto;
	-webkit-box-shadow:0 0 10px 0 black;
	        box-shadow:0 0 10px 0 black;
}

/***************
* accordions *
****************/
/*.accordion {
	margin-bottom:10px;
}*/
.accordion + .accordion {
	margin-top:3px;
}
.accordion .title {
	background: #E3E3E3;
	color: #000;
	/*font-family: GravityLight;*/
	padding: 0.5rem;
	cursor:pointer;
	margin-bottom:0;
	display:flex;
	flex-wrap:nowrap;
	align-items:center;
	-webkit-transition: all 0.3 linear;
	transition:all 0.3 linear;
}
.accordion .title:hover, .accordion.open .title {
	background:#D6D6D6;
	-webkit-transition: all 0.3 linear;
	transition:all 0.3 linear;
}
.accordion .title.highlight {
	background: #fb8d00;
	color: white;
}
.accordion .title.highlight:hover, .accordion.open .title.highlight {
	filter: brightness(95%);
}
.accordion .title::before {
	/*content: "\02010";
	content: "\02013";
	content: "\02014";
	content: "\027E8";*/
	content: "\027E9";
	display: inline-flex;
	align-items:center;
	padding: 0.5rem 1rem;
	-webkit-transition: all 0.2s linear;
	transition:all 0.2s linear;
}
.accordion.open .title::before {
	/*content:"\027E8";*/
	-webkit-transform:rotate(90deg);
	        transform:rotate(90deg);
    -webkit-transition: all 0.2s linear;
    transition:all 0.2s linear;
}
.accordion .title input {
    border: none;
}
.accordion-content {
	padding:0.625rem;
	margin-bottom:0;
	background-color:#FFFFFF;
}
.accordion .accordion-content {
	/*display:none;*/
}
.accordion.open .accordion-content {
	margin-bottom:10px;
	/*display:block;*/
}

/***************
* navigation *
****************/
nav.main {
	color:#FFFFFF;
	background-color:#1F2A58;
	/*font-weight:300;*/
	font-size:0.875rem;
	overflow: hidden;
	z-index: 104;
    position:relative;
}
nav ul {
	float:left;
	width:100%;
}
nav.main .parent,
nav.temp-nav-menu .parent {
    float:left;
    width:100%;
    clear:both;
    border-bottom:1px solid #192243;
    background-color: #1f2a58;
    margin-bottom: 0;
    position:relative;
}
nav.temp-nav-menu .parent {
    border-bottom:1px solid #b7b7b7;
    background-color: #FFFFFF;
}
/*nav.main .parent:hover:not(.submenu) a {
    text-decoration: underline;
}*/
nav.main .parent img {
    float: left;
    height: 20px;
    margin-right: 15px;
    width: 20px;
}
nav.main .parent > .children,
nav.temp-nav-menu .parent > .children {
    height:0;
    overflow:hidden;
    -webkit-transition: height 0.2s linear;
    transition: height 0.2s linear;
    clear:both;
    /*display:none;*/
}
/* each child li is 50px in height, must declare height in px, height:auto does not work for css animations */
nav.main .parent > .children.childcount1.open { height:50px; }
nav.main .parent > .children.childcount2.open { height:100px; }
nav.main .parent > .children.childcount3.open { height:150px; }
nav.main .parent > .children.childcount4.open { height:200px; }
nav.main .parent > .children.childcount5.open { height:250px; }
nav.main .parent > .children.childcount6.open { height:300px; }
nav.main .parent > .children.childcount7.open { height:350px; }
nav.main .parent > .children.childcount8.open { height:400px; }
nav.main .parent > .children.childcount9.open { height:450px; }
nav.main .parent > .children.childcount10.open { height:500px; }
nav.main .parent > .children.childcount11.open { height:550px; }
nav.main .parent > .children.childcount12.open { height:600px; }
nav.main .parent > .children.childcount13.open { height:650px; }
nav.main .parent > .children.childcount14.open { height:700px; }
nav.main .parent > .children.childcount15.open { height:750px; }
nav.main .parent > .children.childcount16.open { height:800px; }
nav.main .parent > .children.childcount17.open { height:850px; }
nav.main .parent > .children.childcount18.open { height:900px; }
nav.main .parent > .children.childcount19.open { height:950px; }
nav.main .parent > .children.childcount20.open { height:1000px; }
nav.main .parent > .children.childcount21.open { height:1050px; }
nav.main .parent > .children.childcount22.open { height:1100px; }
nav.main .parent > .children.childcount23.open { height:1150px; }
nav.main .parent > .children.childcount24.open { height:1200px; }
nav.main .parent > .children.childcount25.open { height:1250px; }
nav.main .parent > .children.childcount26.open { height:1300px; }
nav.main .parent > .children.childcount27.open { height:1350px; }
nav.main .parent > .children.childcount28.open { height:1400px; }
nav.main .parent > .children.childcount29.open { height:1450px; }
nav.main .parent > .children.childcount30.open { height:1500px; }
/* each temp child li is 30px in height, must declare height in px, height:auto does not work for css animations */
nav.temp-nav-menu .parent > .children.childcount1.open { height:30px; }
nav.temp-nav-menu .parent > .children.childcount2.open { height:60px; }
nav.temp-nav-menu .parent > .children.childcount3.open { height:90px; }
nav.temp-nav-menu .parent > .children.childcount4.open { height:120px; }
nav.temp-nav-menu .parent > .children.childcount5.open { height:150px; }
nav.temp-nav-menu .parent > .children.childcount6.open { height:180px; }
nav.temp-nav-menu .parent > .children.childcount7.open { height:210px; }
nav.temp-nav-menu .parent > .children.childcount8.open { height:240px; }
nav.temp-nav-menu .parent > .children.childcount9.open { height:270px; }
nav.temp-nav-menu .parent > .children.childcount10.open { height:300px; }
nav.temp-nav-menu .parent > .children.childcount11.open { height:330px; }
nav.temp-nav-menu .parent > .children.childcount12.open { height:360px; }
nav.temp-nav-menu .parent > .children.childcount13.open { height:390px; }
nav.temp-nav-menu .parent > .children.childcount14.open { height:420px; }
nav.temp-nav-menu .parent > .children.childcount15.open { height:450px; }
nav.temp-nav-menu .parent > .children.childcount16.open { height:480px; }
nav.temp-nav-menu .parent > .children.childcount17.open { height:510px; }
nav.temp-nav-menu .parent > .children.childcount18.open { height:540px; }
nav.temp-nav-menu .parent > .children.childcount19.open { height:570px; }
nav.temp-nav-menu .parent > .children.childcount20.open { height:600px; }
nav.temp-nav-menu .parent > .children.childcount21.open { height:630px; }
nav.temp-nav-menu .parent > .children.childcount22.open { height:660px; }
nav.temp-nav-menu .parent > .children.childcount23.open { height:690px; }
nav.temp-nav-menu .parent > .children.childcount24.open { height:720px; }
nav.temp-nav-menu .parent > .children.childcount25.open { height:750px; }
nav.temp-nav-menu .parent > .children.childcount26.open { height:780px; }
nav.temp-nav-menu .parent > .children.childcount27.open { height:810px; }
nav.temp-nav-menu .parent > .children.childcount28.open { height:840px; }
nav.temp-nav-menu .parent > .children.childcount29.open { height:870px; }
nav.temp-nav-menu .parent > .children.childcount30.open { height:900px; }
nav.temp-nav-menu .parent > .children.open,
nav.temp-nav-menu .parent > .children.open {
	/*height:auto;*/
	overflow:visible;
	-webkit-transition: height 0.2s linear;
	transition: height 0.2s linear;
}
nav.temp-nav-menu ul li {
    display:block;
    padding:0;
}
nav.temp-nav-menu li a {
    padding: 5px 10px;
}
nav.temp-nav-menu li a:hover {
    background: #ededed;
}
nav.temp-nav-menu ul li.child {
    height:30px;
    border:none;
}
nav.temp-nav-menu ul li.child a {
    padding-left: 15px;
}
nav.temp-nav-menu .user-select {
	border-bottom:#b7b7b7;
}
nav.temp-nav-menu .user-select:hover {
	background:#FFFFFF;
}
nav.temp-nav-menu .parent:first-of-type {
    border-top: 1px solid #b7b7b7;
}
nav.main a,
nav.temp-nav-menu a {
    color: #ffffff;
    /*float: left;*/
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    line-height: 20px;
    padding: 1.071428571428571em;
    text-decoration: none;
    width: 100%;
    max-height:50px;
    position:relative;
    cursor:pointer;
    white-space: nowrap;
	overflow: hidden;
	border-bottom:none;
}
nav.temp-nav-menu a {
    color: #000000;
    padding:0;
}
nav.main .children a,
nav.temp-nav-menu .children a {
	position:static;
}
nav.main a:hover {
	background-color:#192146;
	border-bottom:none;
}
/*nav.main a.active:before {*/
.main-nav .active {
	position:relative;
}
.main-nav .active:before {
	position:absolute;
	top:0;
	left:0px;
	width:6px;
	/*height:50px;*/
	height:100%;
	background:-webkit-gradient(linear, left top, right top, from(#eeb55b), to(#ff900b));
	background:linear-gradient(to right, #eeb55b, #ff900b);
	content:'';
}
li.active::before {
	left:-1px;
}
nav.main li {
	margin-bottom: 0;
}
nav.main li.child {
    /*height: 40px;*/
    position:relative;
}
nav.main .child > a {
    padding-left: 50px;
}
.nav_settings,
.nav_support,
.nav_logout {
	display:none;
}
.iconsprite {
	background:url('../img/iconsprite@1x.png');
}
@media	only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (-webkit-min-device-pixel-ratio: 1.25),
only screen and (min-resolution: 120dpi) {
    .iconsprite {
        /* Reference the @2x Sprite */
        background-image: url('../img/iconsprite@2x.png?');
        /* Translate the @2x sprite's dimensions back to 1x (set this to the actual dimensions of the 1x sprite)*/
        background-size: auto 20px;
    }
}
/*nav icons*/
.navicon.messages { background-position: 0px 0px; }
.navicon.job-postings, .navicon.jobs { background-position: -20px 0px; }
.navicon.applicant-management, .navicon.employees { background-position: -40px 0px; }
.navicon.recruiting { background-position: -60px 0px; }
.navicon.talent-pool { background-position: -80px 0px; }
.navicon.talent-bank { background-position: -100px 0px; }
.navicon.analytics { background-position: -120px 0px; }
.navicon.crm { background-position: -140px 0px; }
.navicon.settings { background-position: -160px 0px; }
.navicon.support { background-position: -180px 0px; }
.navicon.nethire-response { background-position: -200px 0px; }
.navicon.cross-posting { background-position: -220px 0px; }
.navicon.media { background-position: -240px 0px; }
.navicon.help { background-position: -260px 0px; }
.navicon.offers { background-position: -280px 0px; }
.navicon.clients { background-position: -300px 0px; }
.navicon.logout { background-position: -320px 0px; }
.navicon.billing { background-position: -780px 0px; }
.navicon.requisitions { background-position: -800px 0px; }
.navicon.interviews { background-position: -820px 0px;}
.navicon.onboarding { background-position: -900px 0px;}
/*header icons*/
.icon.gear { background-position: -340px 0px; }
.icon.notification { background-position: -360px 0px; }
.icon.help { background-position: -260px 0px; -webkit-filter:brightness(38%); filter:brightness(38%);}
/*notifications*/
.menu-icon.message { background-position: 0px 0px; }
.menu-icon.candidate-management { background-position: -40px 0px; }
.menu-icon.interview { background-position: -820px 0px; }
.menu-icon.requisition { background-position: -800px 0px; }
.menu-icon.talent-pool { background-position: -80px 0px; }
.menu-icon.billing { background-position: -780px 0px; }
.menu-icon.response { background-position: -200px 0px; }
.menu-icon.job { background-position: -20px 0px; }
.menu-icon.offer { background-position: -280px 0px; }
.menu-icon.share { background-position: -840px 0px; }
/*support menu*/
.support-icon.support { background-position: -380px 0px; }
.support-icon.help-ticket { background-position: -400px 0px; }
.support-icon.suggestion { background-position: -420px 0px; }
.support-icon.call { background-position: -440px 0px; }
/*candidate icons*/
.icon.qualified, .icon.disqualified_no, .icon.disqualified_No { background-position: -460px 0px; }
.icon.disqualified, .icon.disqualified_yes, .icon.disqualified_Yes { background-position: -480px 0px; }
.icon.neutral, .icon.disqualified_unknown, .icon.disqualified_Unknown { background-position: -500px 0px; }
.icon.black-flag { background-position: -920px 0px; }
/*bulk menu*/
.icon.forward-these-applicants, .icon.forwardCandidates { background-position: -520px 0px; }
.icon.forward-to-hiring-manager, .icon.forwardManager { background-position: -520px 0px; }
.icon.forward-to-the-recruiter, .icon.forwardRecruiter { background-position: -520px 0px; }
.icon.send-me-these-applicants, .icon.sendCandidates { background-position: -540px 0px; }
.icon.view-these-applicants, .icon.viewApplicants { background-position: -560px 0px; }
.icon.compare-these-applicants, .icon.compareCandidates { background-position: -580px 0px; }
.icon.resend-applicant-questions, .icon.resend-application-form, .icon.resendQuestions, .icon.resendApplicationForm { background-position: -600px 0px; }
.icon.move-these-applicants, .icon.moveCandidates { background-position: -620px 0px; }
.icon.workflow-stage { background-position: -640px 0px; }
.icon.rate-these-applicants, .icon.rateCandidates { background-position: -660px 0px; }
.icon.add-these-applicants-to-a-list, .icon.addToList, .icon.addToGroupInterviewEvent { background-position: -680px 0px; }
.icon.remove-applicants-from-list, .icon.removeFromList { background-position: -680px 0px; }
.icon.apply-applicants-to-another-job, .icon.applyCandidatesToJob { background-position: -680px 0px; }
.icon.cancel { background-position: -700px 0px; }
.icon.email-these-applicants, .icon.emailCandidates { background-position: -720px 0px; }
.icon.schedule-an-interview, .icon.scheduleInterview, .icon.scheduleInterviewGroup, .icon.scheduleCallBack { background-position: -740px 0px; }
.icon.send-video-interview, .icon.review-video-interviews, .icon.sendVideoInterview, .icon.reviewVideoInterviews { background-position: -760px 0px; }
.icon.sms-these-applicants, .menu-icon.sms, .icon.smsApplicants { background-position: -860px 0px; }
.icon.call-this-applicant, .menu-icon.phone, .icon.callApplicant { background-position: -880px 0px; }
.icon.request-hiring-manager-feedback, .icon.requestHiringManagerFeedback, .icon.requestReferences, .icon.issueOffer { background-position: -520px 0px; }
.icon.remove-applicants-from-list {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
}
.menu-icon.phone,
.menu-icon.sms {
	filter: brightness(0%) invert(1);
}
/* glyphicons */
.menu-item .glyphicon {
    margin-right: 10px;
    font-size: 20px;
    color: #A4ABB1;
}

.hotdog {
	font-size:10px;
	height:4em;
	width:4em;
	background-color:#F7F7F7;
	border:none;
	cursor:pointer;
	position:relative;
	display:none;
	position:absolute;
	top:0;
	left:0;
	-webkit-transition: all 0.2s linear;
	transition:all 0.2s linear;
}
.hotdog:hover::before, .hotdog.active::before {
	background-color:#999999;
	-webkit-box-shadow: 0 0.6em 0 0 #999999, 0 -0.6em 0 0 #999999;
	        box-shadow: 0 0.6em 0 0 #999999, 0 -0.6em 0 0 #999999;
	-webkit-transition: all 0.2s linear;
	transition:all 0.2s linear;
}
.hotdog.active {
    background-color: #1f2a58;
    box-shadow: 0px 0px 0px 6px #1f2a58;
}
.hotdog.active::before {
	background-color:#ffffff;
	-webkit-box-shadow: 0 0.6em 0 0 #ffffff, 0 -0.6em 0 0 #ffffff;
	        box-shadow: 0 0.6em 0 0 #ffffff, 0 -0.6em 0 0 #ffffff;
	-webkit-transition: all 0.2s linear;
	transition:all 0.2s linear;
}
.hotdog::before {
	content:"";
	width:2em;
	height:0.2em;
	position:absolute;
	top:1.9em;
	left:1em;
	background-color:#b7b7b7;
	-webkit-box-shadow: 0 0.6em 0 0 #b7b7b7, 0 -0.6em 0 0 #b7b7b7;
	        box-shadow: 0 0.6em 0 0 #b7b7b7, 0 -0.6em 0 0 #b7b7b7;
}

/***************
* main structure *
****************/
#inner-wrapper {
	min-width:100vw;
	display:flex;
	/*min-height:400px;*/
	min-height: calc(100vh - 61px);

	/*flex-flow:row;
	overflow:hidden;
	flex: 1 1 auto;*/
}
html.ua-edg #inner-wrapper {
	min-width:100%;
}
nav.main {
	/*will this break stuff by not having a fixed width (yes)???*/
	/*flex: 0 0 220px;*/
	z-index:1;
	
	/*font-family: 'GravityLight', sans-serif;*/
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
nav.main.expanded-h {
	border-right: 1px solid #192243;
}
#content-wrapper {
	/*flex: 1 1 auto;*/
	flex: 1;
	display:flex;
	background-color: #f7f7f7;
	/*for sales rep bar*/
	flex-direction:column;
	max-width:calc(100vw - 220px);
	/*for tables that are too big*/
	/*overflow-x:auto;*/
	-webkit-transition: width 0.2s linear;
	transition: width 0.2s linear;
}
#main-content {
	/*flex: 1 1 auto;*/
	flex: 1;
	padding:20px;
	-webkit-transition: all 0.2s linear;
	/*removed so popups can go overtop header and left nav*/
	/*position:relative;*/
	transition: all 0.2s linear;
	/*allows autocompletes near bottom of screen to be visible*/
	/*overflow-y: auto;*/
}
/*#main-content.locked {
	overflow-y:hidden;
}*/
/*#main-content.locked {*/
html.mobile-no-scroll #main-content {
    filter: grayscale(1) opacity(0.2) blur(2px);
    pointer-events:none;
}
html.mobile-no-scroll body {
	overflow:hidden;
}
/*#main-content.locked:after {
    content: "";
    height: 100%;
    width: 100%;
    background-color: rgba(0,0,0,0.5);
    position: absolute;
    top: 0;
    left: 0;
}*/
#side-content {
	flex: 1 0 500px;
	padding:20px;
	/*max-width: 700px;*/
	position:relative;
	-webkit-transition: all 0.2s linear;
	transition:all 0.2s linear;
}
.content-container-1024 {
    display: flex;
}

/***************
* sales rep bar *
****************/
.sales-rep-bar {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    padding: 5px 20px;
    /*background: #192146;*/
    background: #fb8d00;
    height: 55px;
    align-items: center;
}
.sales-rep-bar .client-name {
    margin: 0 10px;
    color: #FFFFFF;
    font-size: 1rem;
    font-weight: 800;
}
.sales-rep-bar .nh-candidate-filter-button {
    margin: 0 0 0 auto;
    border-color: #666;
}
.sales-rep-bar .nh-candidate-filter-button:after {
    background: #666;
    -webkit-box-shadow: 0 0.5em 0 0 #666, 0 1em 0 0 #666, 0 1.5em 0 0 #666;
            box-shadow: 0 0.5em 0 0 #666, 0 1em 0 0 #666, 0 1.5em 0 0 #666;
}
.slide-down-menu.temp-nav-menu {
    top: 107px;
    right: 20;
}
.slide-down-menu.temp-nav-menu ul {
	position:relative;
}
#temp-user {
	margin:0;
}

/***************
* account settings *
****************/
.user-icon-wrapper {
    /* flex: 0 0 auto; */
    margin: 0px
    align-items: center;
	display: flex;
	position:relative;
}
.user-icon-wrapper label {
	position: absolute;
	width: 150px;
	height: 150px;
	border-radius:100%;
	top: 50%;
	left: 50%;
	-webkit-transform:translateX(-75px) translateY(-75px);
	        transform:translateX(-75px) translateY(-75px);
	background: transparent;
	z-index: 2;
	cursor: pointer;
	display:flex;
	overflow:hidden;
}
.user-icon-wrapper label:hover::after,
.user-icon-wrapper label.pending::after {
    background: rgba(0,0,0,0.6);
    /*content: "Change Profile Pic";*/
    content: "Change Profile Pic 300x300 Recommended";
    display: flex;
    align-items:center;
    justify-content: center;
    color: white;
    margin: auto;
    font-size: 12px;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    line-height:1.2;
    height:70px;
}
.user-icon-wrapper label.pending::after {
    content: "Pending";
}
.account-details {
    flex: 1 0 50%;
    display:flex;
}
.account-signature {
	/* margin:20px 0 0 0; */
	margin:0 0 10px 0;
}
.account-status {
    /*width: 138px;*/
    width: 150px;
}
.account-browser {
	margin:0 0 0 auto;
    text-align: right;
}
.account-notifications {
    flex: 0 1 50%;
    display: flex;
    /*max-width: 600px;*/
    flex-direction: column;
    padding-left:20px;
}
.account-signature .input-wrapper {
	display:flex;
}
#message-signature {
	-ms-grid-row-align:stretch;
	    align-self:stretch;
    height: auto;
}
@font-face {
	font-family: 'fontello';
	src: url('/applicant/offers/font/fontello.eot?66982482');
	src: url('/applicant/offers/font/fontello.eot?66982482#iefix') format('embedded-opentype'),
		url('/applicant/offers/font/fontello.woff2?66982482') format('woff2'),
		url('/applicant/offers/font/fontello.woff?66982482') format('woff'),
		url('/applicant/offers/font/fontello.ttf?66982482') format('truetype'),
		url('/applicant/offers/font/fontello.svg?66982482#fontello') format('svg');
	font-weight: normal;
	font-style: normal;
}
.icon-cancel-circle:before {
	font-family: "fontello";
	content: '\e800';
}
#account-offer-signature-img {
	background: #FFFFFF;
}
#account-offer-signature-img, #account-offer-signature-empty, .account-offer-signature .canvas-container {
	width: 100%;
	max-width: none;
	border: 1px solid #b7b7b7;
}
#account-offer-signature-img, #account-offer-signature-empty {
	height: 80px;
}
#account-new-offer-signature {
	width: 100%;
	/* max-width: none; */
}
.account-offer-signature .canvas-container {
	height: auto;
}
#account-offer-signature-empty {
	margin-bottom: 1.5px;
}
.groups {
	display:flex;
	flex-wrap:wrap
}
.groups .item-tag {
    width: 200px;
}
.item-tag.full-width {
	width: 100%;
}
.item-tag {
    display: inline-block;
    width: auto;
    background: #E3E3E3;
    padding: 5px 5px 5px 10px;
    margin-right: 10px;
    display: inline-flex;
    align-items:center;
}
#group-add {
	margin-bottom:0;
}
.item-tag.add {
    padding: 0;
    background: #fff;
}
.item-tag:last-of-type {
    margin-right:0;
}
.item-name {
	margin-right:auto;
}
.help-title-icon.permission-help {
    margin: 0 5px 0 0;
}
.permission-groups .checkbox-group {
	width:33.33333333%;
	align-items:flex-start;
	flex-direction: column;
}
.permission-group {
	margin-bottom:10px;
	display: flex;
    flex-direction: column;
}
.logged-in-user-agent {
    flex-wrap: nowrap;
    display: flex;
    margin-top: 10px;
}
.account-logged-in {
    white-space: nowrap;
    margin-right: 40px;
}
.avatar-status {
    -ms-grid-row-align: flex-start;
    align-self: flex-start;
    margin-right: 20px;
}
.account-status {
	margin:10px 0 0 0;
	display: flex;
    justify-content: center;
}
.togglebox.column {
    flex-direction: column;
    padding-right: 0;
}
.togglebox.column .toggle + .toggle-label + label {
    margin: 5px 0 0 0;
}
.api-key-wrapper, .user-change-log {
	display: flex;
	align-items: center;
}
.push-subscriptions-list {
    margin-bottom: 20px;
}
.push-subscription-container {
    padding: 5px;
    background-color: #E3E3E3;
    margin-bottom: 5px;
    display: flex;
    align-items: center;
    line-height: 1.3;
}
.push-subscription-container .remove-icon {
    margin-left:auto;
}
.push-subscription-container img.browser-logo {
    height: 30px;
    width: auto;
    margin-right: 5px;
}
.notification-permissions-container .checkbox input[type='checkbox'] + label::after {
    top:0.3em;
    left:0.3em;
}
.notification-permissions-container .checkbox input[type='checkbox'] + label::before {
    margin-right: 0;
}
.glyphicon.subscribed-checkmark {
    color: #FFFFFF;
    font-size:18px;
}
.button.notifications-subscribe {
    align-self: flex-start;
}

/* nh-connections-popup */
.connections-container {
    padding:10px;
    display:grid;
    grid-template-columns: 1fr;
    grid-gap:10px;
}
.connection-container {
    padding:10px;
    /* border:1px solid #b7b7b7; */
    background-color: #f7f7f7;
    border-radius:5px;
    display:flex;
    flex-direction:column;
}
.connections-container img.logo {
    width:135px;
    height:auto;
    margin-right:10px;
}
.connection-container .logo-button {
    display:flex;
    align-items: flex-start;
}
.connection-container .logo-button .button {
    margin-left:auto;
}
.connection-container ul {
    list-style-type: disc;
    margin: 10px 0 0 20px;
}
.available-calendars {
    display:grid;
    grid-template-columns: 1fr;
    grid-gap:5px;
    margin-top:20px;
}
.available-calendars .calendar {
    display: flex;
    align-items: center;
    padding: 5px;
    background-color: #ebebeb;
    border-radius: 5px;
    width: 100%;
    overflow: hidden;
}
.available-calendars.ical {
    margin-top: 10px;
  }
.calendar .name-description,
.ical-url {
    /* display: flex;
    flex-direction: column; */
    margin-left: 10px;
    margin-right: 10px;
    line-height:1.3;
}
.ical-url {
    white-space: nowrap;
    /* word-wrap: break-word; */
    overflow: auto;
    height: 30px;
    display: flex;
    align-items: center;
  }
.glyphicon.ical-add-icon {
    padding:5px 10px;
    font-size: 20px;
    transition:all 0.3s linear;
}
.glyphicon.ical-add-icon:hover {
    color: var(--orange);
}
.ical-input-add {
    margin-top:10px;
    display:flex;
    align-items:center;
    border: 1px solid #b7b7b7;
}
.ical-input-add input#account-calendar-path:focus {
    background: transparent;
  }
.ical-input-add label {
    background: #f7f7f7;
}
.name-description .name {
    font-weight: 600;
    /* font-size: 15px; */
    margin-bottom: 5px;
}
/* .name-description .description {
    line-height:1.3;
} */
/* .button.make-primary {
    margin-left:auto;
} */
.make-primary {
    margin-left: auto;
    /* align-self: flex-start; */
    cursor: pointer;
    white-space: nowrap;
    padding-right: 0;
    width: auto;
    margin-bottom: 0;
}
#drag-handle .glyphicon {
    margin-left:auto;
}
.glyphicon.save-popup {
    font-size: 28px;
    color: #FFFFFF;
    cursor: pointer;
    transition: all 0.3s linear;
}
.glyphicon.save-popup:hover {
    color: #69bc4e;
    cursor:pointer;
}
.button.save-connections {
    justify-self: flex-start;
}

/***************
* accounts - multi *
****************/
.multi-accounts-container {
    display: flex;
}
.accounts-labels {
    display: flex;
    flex-direction: column;
    min-width: 200px;
    margin: 0 10px 0 0;
}
.accounts-labels label {
    margin-bottom: 10px;
}
.accounts-labels label span {
	height: 40px;
	display: flex;
    align-items: center;
    justify-content: flex-end;
    font-size: 0.875rem;
    background: #e1e1e1;
    padding-right: 10px;
    color: #25569C;
    font-family: GravityRegular;
}
.multi-accounts {
    display: flex;
    overflow-x: auto;
}
.multi-account-details {
    min-width: 300px;
    margin-right: 10px;
}
.add-account {
    display: flex;
    flex-direction: column;
    border: 1px solid #b7b7b7;
    padding: 20px;
    justify-content: center;
    align-items: center;
    align-self: flex-start;
    cursor: pointer;
    transition: all 0.2s linear;
    min-width: 110px;
    text-align: center;
    line-height: 1.4;
}
.add-account:hover {
	background-color:#f1f1f1;
	border-color:#fb8d00;
}
fieldset {
    min-width: 0;
}
.radio-group.multi,
.togglebox.multi  {
    height: 40px;
    margin-bottom:10px;
}
label.signature-label {
    height: 127px;
}
.multi-signature-container {
	margin-bottom:10px;
}
.permission-groups.multi {
    border: 1px solid #b7b7b7;
    padding:10px;
}
label.groups-label {
    height: 90px;
}
ul.groups.multi {
    height: 100px;
    align-items: flex-start;
    overflow-y: auto;
}

/***************
* nh-mobile-filter *
****************/
.nh-mobile-filter.nh-candidate-filter {
    margin-left:10px;
}
.nh-mobile-filter .nh-candidate-filter-button > span {
    margin: auto;
    font-family: GravityRegular, 'sans-serif';
    pointer-events: none;
}
.nh-mobile-filter .nh-candidate-filter-button:after {
    -webkit-box-shadow: 0 1.7em 0 0 #b7b7b7;
    box-shadow: 0 1.7em 0 0 #b7b7b7;
}
.nh-mobile-filter.nh-applicant-filter .nh-candidate-filter-popup {
    width:auto;
    min-width: calc(50vw - 10px);
}
.nh-mobile-filter .transclude {
    width:100%;
    display:flex;
    flex-direction: column;
}
.separator {
    width: 100%;
    height: 1px;
    background-color: #e3e3e3;
    margin:5px 0;
}
.nh-mobile-filter label[for='jobs-brand'] {
    margin: 0 0 5px 0;
}
.nh-mobile-filter input[nh-placeholder] + label,
.nh-mobile-filter textarea[nh-placeholder] + label,
.nh-mobile-filter select[nh-placeholder] + label {
    background-color: white;
}
.nh-mobile-filter .checkbox input[type='checkbox'] + label,
.nh-mobile-filter .radio input[type="radio"] + .radio-label {
    white-space:nowrap
}
.nh-mobile-filter.nh-candidate-filter.mLeftAuto {
    margin-left:auto;
}

/***************
* nh-candidate-filter *
****************/
.nh-candidate-filter {
	position:relative;
}
.nh-candidate-filter-button {
	height: 3.6em;
	width: 3.6em;
	font-size: 10px;
	border: 1px solid #b7b7b7;
	border-radius: 1em 1em 5em 5em;
	display: inline-flex;
	cursor:pointer;
	position:relative;
	/*margin: 0 20px;*/
	-webkit-transition:all 0.2s linear;
	transition:all 0.2s linear;
}
.nh-candidate-filter-button:after {
	content: "";
	width: 2em;
	height: 0.1em;
	background: #b7b7b7;
	position: absolute;
	top: 0.8em;
	left: 0.7em;
	display: inline-block;
	-webkit-box-shadow: 0 0.5em 0 0 #b7b7b7, 0 1em 0 0 #b7b7b7, 0 1.5em 0 0 #b7b7b7;
	box-shadow: 0 0.5em 0 0 #b7b7b7, 0 1em 0 0 #b7b7b7, 0 1.5em 0 0 #b7b7b7;
}
.nh-candidate-filter-button.filter-text:after {
	-webkit-box-shadow: 0 1.7em 0 0 #b7b7b7;
    box-shadow: 0 1.7em 0 0 #b7b7b7;
}
/*.nh-candidate-filter-button.filter-text:before {*/
.nh-candidate-filter-button.filter-text > span {
  margin: auto;
  font-family: GravityRegular, 'sans-serif';
}
.nh-candidate-filter-button.open {
	border-radius: 5em 5em 0 0;
	background:#FFFFFF;
}
.nh-candidate-filter-button.active-filter {
	border: 1px solid #fb8d00;
}
.nh-candidate-filter-button.active-filter:after {
	background: #fb8d00;
	-webkit-box-shadow: 0 0.5em 0 0 #fb8d00, 0 1em 0 0 #fb8d00, 0 1.5em 0 0 #fb8d00;
    box-shadow: 0 0.5em 0 0 #fb8d00, 0 1em 0 0 #fb8d00, 0 1.5em 0 0 #fb8d00;
}
.nh-candidate-filter-button.active-filter.filter-text:after {
	-webkit-box-shadow: 0 1.7em 0 0 #fb8d00;
    box-shadow: 0 1.7em 0 0 #fb8d00;
}
.nh-candidate-filter-button.active-filter.filter-text:before {
    color:#fb8d00;
}
.nh-candidate-filter-popup {
	max-width: 540px;
	width: calc(100vw - 20px);
	position: absolute;
	top: 36px;
	right:0;
	-webkit-transform: translateX(calc(50% - 18px));
	        transform: translateX(calc(50% - 18px));
	background: #FFFFFF;
	z-index: 1000;
	display:inline-flex;
	padding:20px;
	flex-wrap:wrap;
}
body.hire_by_workflow .nh-candidate-filter-popup,
body.talent_pool .nh-candidate-filter-popup {
    right: auto;
    left: -80px;
    -webkit-transform: none;
            transform: none;
}
.boolean-location-qualified {
	margin-bottom:10px;
	display:flex;
	align-items:center;
}
.boolean-inputs-container {
  display: flex;
  align-items: center;
}
/*.boolean-label-input-container {
	display:flex;
	align-items:center;
}*/
.boolean-labels {
  margin-right: 10px;
}
.boolean-labels label {
  min-height: 40px;
  display: flex;
  align-items: center;
  width: max-content;
  /*white-space: nowrap;*/
}
.boolean-input-container {
	display:flex;
	align-items:center;
	flex:1;
}
.boolean-location {
	margin-right:40px;
	margin-bottom:0;
}
.boolean-qualified {
	display:flex;
	align-items:center;
}
.boolean-neutral {
	padding-right:0;
}
.boolean-inputs {
	width:100%;
	border:1px solid #b7b7b7;
	padding:10px;
}
.boolean-inputs .flex-container {
	margin-bottom:10px;
}
.boolean-inputs .flex-container:last-of-type {
	margin-bottom:0;
}
.boolean-inputs label {
	white-space:nowrap;
	margin-right:10px;
	width:180px
}
.boolean-inputs input {
	margin-bottom:0;
}
.save-search {
	margin:10px 0;
}
.nh-candidate-filter .cancel-button {
	margin-left:auto;
}
/*applicant filter profile*/
.nh-applicant-filter .nh-candidate-filter-popup {
	padding:10px;
}
.applicant-filter-profile-field-tabs {
	display: flex;
  flex-wrap: wrap;
  margin-top:10px;
}
.button.applicant-filter-profile-field-tab {
  margin: 0 5px 5px 0;
  padding: 0 10px;
  font-size: 11px;
  color:#333333;
  transition:all 0.2s linear;
  max-width:50%;
  overflow:hidden;
  text-overflow: ellipsis;
}
.button.applicant-filter-profile-field-tab:disabled {
  color:#25569C;
  filter:grayscale(0);
}
.applicant-filter-profile-fields {
	margin-top:10px;
}
.profile-search-field-title {
  background: #e3e3e3;
  padding: 10px;
  width: calc(100% + 20px);
  position: relative;
  left: -10px;
  display:flex;
  align-items:center;
}
.profile-search-field-options {
	padding:10px 0;
}
.profile-search-field-container {
	display:flex;
	align-items:center;
}
select.profile-search-operators-select {
	width:190px;
	margin:0 10px 0 0;
}
.profile-search-values {
  flex: 1;
  display:flex;
  align-items:center;
}
.applicant-filter-profile-field-search .boolean-inputs {
  border: none;
  padding: 0px;
}
.profile-fields-separator {
	width: calc(100% + 20px);
	height:1px;
	background:#e3e3e3;
	position:relative;
	left:-10px;
}
input[type='number'].profile-number {
  min-width: auto;
  max-width: 150px;
}
.f1 {
	flex:1;
}
.nh-combo-box {
	width:100%;
	display:flex;
	align-items:center;
}
span.combo-box-icon {
	height:40px;
	width:30px;
	border:1px solid #b7b7b7;
	border-left:none;
	display:flex;
	align-items:center;
	justify-content:center;
	cursor:pointer;
	font-size:14px;
	transition:all 0.2s linear;
}
span.combo-box-icon:hover {
	background:#edefef;
}

/***************
* hire by job *
****************/
.recommended-icon {
    font-size:20px;
    color: #3EDB01;
}
.hbj-title-row,
.hbw-title-row {
	display: flex;
	flex-direction: row;
	width: 100%;
	flex-wrap:nowrap;
	align-items:center;
}
.hbj-title-row a.job-link-link {
  margin: 0 0 0 10px;
}
body.recruiting_order a.job-link-link {
	margin: 0 0 0 10px;
}
.hbj-jobs {
	margin:0 0 0 20px;
	flex:0 1 600px;
}
body.applicant_management .nh-candidate-filter-button:not(.temp-nav-button) {
	margin:0 20px;
}
.hbj-apply-candidate {
	margin-left:auto;
	flex: 0 0 auto;
}
.hbj-content,
.hbw-content {
	flex-wrap: nowrap;
	margin-top: 20px;
	display: flex;
    flex-direction: row;
    width: 100%;
}
.workflow-stages,
.tp-lists {
	width:100%;
	min-width:200px;
	max-width:300px;
	flex: 0 1 auto;
}
span.workflow-name {
  max-width: 260px; /* 300(parent width) - 40(parent padding) */
  overflow: hidden;
  text-overflow: ellipsis;
  min-height:15px;
}
.list-item {
	border:1px solid #e5e5e5;
	padding:20px;
	display:flex;
	align-items:center;
	margin-bottom:0;
	border-bottom:none;
	cursor:pointer;
	white-space:nowrap;
	-webkit-transition:all 0.2s linear;
	transition:all 0.2s linear;
}
.list-item:hover {
	background:#ececec;
	-webkit-transition:all 0.2s linear;
	transition:all 0.2s linear;
}
.list-item:last-of-type {
	border:1px solid #e5e5e5;
}
.workflow.active,
.list-item.active {
	/* background:#ececec;
	color:#fb8d00; */
    background: #1f2a58;
    color: white;
	-webkit-transition:all 0.2s linear;
	transition:all 0.2s linear;
}
.has-applicants .notification-counter {
    position: static;
    padding: 5px;
    background: #1f2a58;
    color: white;
}
.has-applicants.active .notification-counter {
    background: white;
    color: black;
}
.list-item.unread {
    border-left: 4px solid #fb8d00;
    background:#ececec;
}
span.list-name {
  text-overflow: ellipsis;
  overflow: hidden;
  min-height:14px;
}
.workflow-total-count,
.list-total-count,
.tp-total-count {
	display:flex;
	align-items:center;
	padding:20px;
}
.workflow-count,
.list-count,
.tp-count {
	margin-left:auto;
	padding-left: 10px;
}
body.hire_by_job .candidates,
body.hire_by_workflow .candidates,
body.talent_pool .candidates,
body.talent_pool .suggested-candidates {
	flex:auto;
	margin-left:20px;
	max-width:100%;
	overflow:hidden;
}
td .checkbox {
	padding-right:0;
}
/*.applicant-wrapper {
	display: flex;
	align-items: center;
}*/
table.data .checkbox-th,
table.data .qualified-th {
	width:20px;
	text-align:center;
}
.checkbox-td,
.qualified-td {
	border-right:none;
	width:20px;
	text-align: center;
}
.qualified-td,
.applicant-td {
	border-left:none;
}
input[type='text'].seniority-edit {
  margin: 0;
  padding: 2px;
  height: auto;
  min-height: 28px;
}

/***************
* hire by workflow *
****************/
.jobs-belonging {
	display:flex;
	margin-left:auto;
	align-items:center;
}
select.hbw-users,
select.hbw-brands {
	margin:0;
}
.for {
	margin: 0 10px;
}
.video-interview-icon {
    font-size: 1.125rem;
}
.video-interview-icon.completed {
	color:#fb8d00;
}

/***************
* bulk menu *
****************/
.nh-bulk-menu {
	position:absolute;
	top:60px;
	left:50%;
	background:#FFFFFF;
	max-width:calc(100vw - 20px);
	z-index:10000;
	width: calc(100% - 20px);
	max-width:300px;
	max-height: calc(100vh - 20px);
	overflow:auto;
}
.nh-bulk-menu li {
	margin-bottom:0;
}
.nh-bulk-menu li:last-of-type .menu-item {
    border: none;
}
.nh-bulk-menu ul.child-menu li:last-of-type .menu-item {
    border-bottom: 1px solid #f1f1f1;
}
.menu-item {
	padding: 0.625rem; /* 10px */
	/* padding: 0.3125rem; */ /* 5px */
	display:flex;
	align-items:center;
	cursor:pointer;
    border-bottom: 1px solid #f1f1f1;
	-webkit-transition:all 0.2s linear;
	transition:all 0.2s linear;
}
.menu-item:hover {
	background:#ededed;
}
.menu-item img {
	margin-right:10px;
	min-width:20px;
}
.menu-item-name {
	margin-right:30px;
	line-height:1.3;
}
.menu-item .children-indicator {
	margin-left:auto;
	-webkit-transition:all 0.2s linear;
	transition:all 0.2s linear;
    color: #a4abb1;
}
.menu-item .children-indicator.open {
	-webkit-transform:rotate(90deg);
	        transform:rotate(90deg);
}
.child-menu .menu-item {
	padding:0.625rem 0.625rem 0.625rem 3.125rem; /* 10px 10px 10px 50px */
}
.mobile-status {
	display:none;
	height: 60px;
  align-items: center;
  background: rgba(0,0,0,0.7);
  color: #FFFFFF;
  text-transform: uppercase;
  justify-content: center;
  border-radius: 3px 3px 0 0;
  cursor:pointer;
}
span.mobile-bulk-chevron {
	color: #FFFFFF;
  margin-right: 5px;
}
input.create-list {
  margin-top: 10px;
  margin-bottom: 0;
}

/***************
* right click menu *
****************/
.nh-right-click-menu {
	position: absolute;
	top: 0;
	left: 0;
	background: #FFF;
	z-index: 11002;
	max-width: 300px;
	max-height: calc(100vh - 40px);
	overflow: auto;
}
.nh-right-click-menu li {
	margin-bottom: 0px;
}

/***************
* resume preview *
****************/
.nh-resume-preview {
	position:fixed;
	top:10%;
	right:10%;
	background:#FFFFFF;
	z-index:11000;
	min-width:300px;
	max-width:900px;
	width:400px;
	min-height:auto;
	max-height:calc(100% - 20px);
	cursor:move;
	/* resizable */
	resize:both;
	overflow:auto;
}
.nh-resume-preview.previewing {
	padding-bottom:20px;
	min-height:300px;
	height:450px;
}
.nh-resume-preview .title-row {
	padding:20px;
	position:relative;
	width:100%;
	border-bottom:1px solid #ccc;
	margin-bottom:20px;
}
.nh-resume-preview .remove-icon {
	position:absolute;
	top:5px;
	right:5px;
}
.nh-resume-preview .resume-data {
	max-height: calc(100% - 106px);
	overflow-y:auto;
	padding:0 20px;
	line-height:1.6;
	width:100%;
}

/***************
* response - jobs *
****************/
.rj-title-row,
.rf-title-row {
    display: flex;
    flex-wrap: nowrap;
    align-items:center;
    margin-bottom:20px;
}
.job-type-filter {
    display: inline-flex;
    margin-left: auto;
}
.job-type-filter .togglebox:last-of-type {
	padding-right:0;
}
.legend-square {
	height:15px;
	width:15px;
	margin: 0 5px 0 0;
}
.checkbox input[type='checkbox'].orange + label::after,
.checkbox input[type='checkbox'].green + label::after,
.checkbox input[type='checkbox'].red + label::after {
    font-size: 0.875rem;
    content: "";
    height: 1em;
    width: 1em;
    background: grey;
    top: 0.214285714285714em;
    left: 0.214285714285714em;
}
td.type-indicator,
.td-inner.type-indicator {
	position:relative;
	padding-left: 12px;
}
td.type-indicator::before,
.td-inner.type-indicator::before {
	content:"";
	display:inline-block;
	height:100%;
	width:3px;
	position:absolute;
	top:0;
	left:0;
}
td.type-indicator.standard::before,
.td-inner.type-indicator.standard::before {
	background-color:transparent;
}
td.type-indicator.standard::before,
td.type-indicator.nh::before,
.td-inner.type-indicator.standard::before,
.legend-square.standard-job, 
.checkbox input[type='checkbox'].orange + label::after
{
	background-color:#fb8d00;
}
td.type-indicator.guarantee::before,
td.type-indicator.tpb::before,
.td-inner.type-indicator.guarantee::before,
.legend-square.guaranteed-job, 
.checkbox input[type='checkbox'].green + label::after 
{
	background-color:#5FB000;
}
td.type-indicator.cjs::before {
	background-color:#F0B51D;
}
td.type-indicator.mjs::before {
	background-color:#41A9E2;
}
td.type-indicator.ajs::before {
	background-color:hotpink;
}
td.type-indicator.past-deadline::before,
td.type-indicator.qualified.candidates::before,
td.type-indicator.qualified-candidates::before,
td.type-indicator.disqualifying-answer::before,
td.type-indicator.attention::before,
.td-inner.type-indicator.past-deadline::before,
.td-inner.type-indicator.qualified.candidates::before,
.td-inner.type-indicator.qualified-candidates::before,
.td-inner.type-indicator.disqualifying-answer::before,
.td-inner.type-indicator.attention::before,
.legend-square.qualified-candidates, 
.checkbox input[type='checkbox'].red + label::after 
{
	background-color:#F61804;
}
.disqualifying-option {
	color:#F61804;
}
/*body.nethire_response table .user-icon.mini {
    margin-right: 10px;
}*/
.secondary-locations {
    max-height: 40px;
    overflow-y: auto;
}

/***************
* response - tickets *
****************/
/*body.nethire_response.tickets section {
    margin-bottom: 40px;
}
body.nethire_response.tickets section:last-of-type {
    margin-bottom: 0;
}*/
.rt-title-row {
    display: flex;
    align-items: center;
    margin-bottom: 0.625rem; /* 10px */
}
.rt-title-row h1 {
    margin-bottom: 0;
}
.notification-counter.large {
    position: static;
    margin-left: 10px;
    font-size: 1.6rem;
}

/***************
* response - featured *
****************/
.cost-box {
	display:inline-flex;
	justify-content: center;
	align-items:center;
	padding: 0.625rem; /* 10px */;
	border:1px solid #616161;
}
.rf-feature-sites {
    margin: 0 20px;
}
.rf-details {
	margin-left:20px;
}

/*response job distribution sites*/
.site-status {
    margin-bottom: 10px;
}
.button.create-job-distribution-site {
	margin: 0 0 10px auto;
}
.site-name-filter {
    flex: 1;
    margin: 0 10px 10px 0;
}

/***************
* media - newsletters *
****************/
.media-table-container,
.media-edit-container {
    flex: 1;
}
.media-table-container {
	margin-right:20px;
}
.media-edit-container {
	min-width:380px;
	max-width:600px;
}
.media-title-row,
.media-source-filter,
.media-source-container {
	display:flex;
	flex-wrap:nowrap;
	align-items:center;
}
.media-title-row {
	margin-bottom:10px;
}
.media-title-row h1 {
	margin-bottom:0;
}
.media-source-filter,
.media-source-container {
	margin-left:auto;
}
.media-source-filter .radio:last-of-type,
.media-source-filter .checkbox:last-of-type,
.media-source-container .radio:last-of-type,
.media-source-container .checkbox:last-of-type {
	padding-right:0;
}
.media-source-container {
    margin: 10px 0;
}
.media-image {
	margin-bottom:10px;
	max-width:100%;
	height:auto;
}
.media-image-wrapper {
    flex: 0 0 auto;
    align-items: center;
    display: flex;
    position: relative;
}
.media-image-wrapper label {
    position: absolute;
    width: 100%;
    height: calc(100% - 10px);
    top: 0;
    left: 0;
    background: transparent;
    z-index: 2;
    cursor: pointer;
    display: flex;
    overflow: hidden;
}
.media-image-wrapper label:hover::after {
    background: rgba(0,0,0,0.7);
    content: "Choose New Image";
    display: block;
    color: white;
    margin: auto;
    padding: 20px 0;
    font-size: 12px;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    line-height: 1.2;
}
body.media.newsletters input.release-date,
body.media.news input.release-date {
	margin-right:10px;
	margin-bottom:0;
}
.media-modified {
    margin-left: auto;
}
td.remove-td {
    width: 47px;
}
.remove-icon-wrapper {
    display: flex;
    justify-content: center;
}
.button.new-media {
	margin-top:10px;
}
.media-date {
	white-space:nowrap;
}

/***************
* media - events *
****************/
input.event-url {
	margin-left:10px;
	margin-bottom:0;
}
input.release-date,
input.start-date,
input.end-date,
input.start-time,
input.end-time {
	margin-bottom:0;
	max-width:120px;
}
input.start-time,
input.end-time {
	margin-bottom:0;
	max-width:100px;
}
/*input.end-date {
	margin-right:30px;
}*/
/*.date-label,
.time-label {
	margin-right:10px;
}*/
.to {
	margin:0 10px;
}
body.media.events .glyphicon,
body.promotions .glyphicon {
	color:#616161;
	font-size: 20px;
}
body.media.events .glyphicon-time {
	margin-left:30px;
}
body.media.events .end-date {
    /*margin-right: auto;*/
}
.events-date-time-container {
    display: flex;
    align-items: center;
    margin: 10px 0;
}
.events-date-container,
.events-time-container {
    display: flex;
    align-items: center;
}
.events-information-container {
    display: flex;
    align-items: center;
    margin-top:10px;
}

/***************
* datetimepicker *
****************/
/*.input-group {
    position: relative;
    display: table;
    border-collapse: separate;
}
.input-group .form-control, .input-group-addon, .input-group-btn {
    display: table-cell;
    margin-bottom:0;
}
 .list-unstyled {
  padding-left: 0;
  list-style: none;
}
.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #b7b7b7;
    cursor:pointer;
    width: 1%;
}
.input-group-addon:last-child {
    border-left: 0;
}
input.datetimepicker {
    flex: 1 0 180px;
}
 
.btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.btn:focus,
.btn:active:focus
 {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus,
 {
  color: #333;
  text-decoration: none;
}
.btn:active,
 {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.btn-primary {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
,
 {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.btn-primary:active,
,
 {
  background-image: none;
}
.collapse {
  display: none;
  visibility: hidden;
}
.collapse.in {
  display: block;
  visibility: visible;
}
.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-timing-function: ease;
       -o-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-duration: .35s;
       -o-transition-duration: .35s;
          transition-duration: .35s;
  -webkit-transition-property: height, visibility;
       -o-transition-property: height, visibility;
          transition-property: height, visibility;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .15);
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
          box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.bootstrap-datetimepicker-widget table th {
    background-color:#FFFFFF;
}
.bootstrap-datetimepicker-widget thead tr {
    border-bottom: none;
}
.bootstrap-datetimepicker-widget table tr:nth-of-type(even) {
    background-color: #FFFFFF;
}
.bootstrap-datetimepicker-widget table td {
    border: none;
}
.bootstrap-datetimepicker-widget table td, .bootstrap-datetimepicker-widget table th {
    border-radius: 0;
}
.bootstrap-datetimepicker-widget a {
    color: #25569C;
    transition:none;
}
.bootstrap-datetimepicker-widget a:hover {
    border-bottom:none;
    transition:none;
}
.bootstrap-datetimepicker-widget .picker-switch {
    margin-bottom:0;
}*/

/***************
* messages - inbox *
****************/
.messages-container {
    display: flex;
    flex-wrap: wrap;
}
.messages-list {
    flex: 1;
    min-width:400px;
    margin-right: 10px;
}
.message-preview-container {
    flex: 1.5;
    min-width:530px;
}
.messages-list .title-row {
    display: flex;
    flex-wrap: nowrap;
    margin-bottom:10px;
}
.message-list ul.messages {
	position:relative;
}
.message-sort-container {
	margin-left: auto;
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
}
.message-sort-container .glyphicon {
    padding: 12.5px 5px;
    border: 1px solid #b7b7b7;
    border-left: none;
    cursor: pointer;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    height: 40px;
    color:#616161;
}
.message-sort-container .glyphicon:hover {
    color:#fb8d00;
}
.sort-messages {
    margin: 0 0 0 10px;
}
.list-item-container {
    margin-bottom:0px;
    border-bottom:none;
}
.list-item-container:last-of-type {
    border-bottom: 1px solid #e5e5e5;
}
.list-item {
    padding: 20px;
    border: 1px solid #e5e5e5;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    margin-bottom: 0;
    border-bottom: none;
}
.list-item:last-of-type {
    border-bottom: 1px solid #e5e5e5;
}
.list-item .checkbox {
    padding-right: 10px;
}
.list-item-container .list-item:last-of-type {
    border-bottom: none;
}
.messages-list .date,
.message-preview .date {
    margin-left: auto;
    color:#666;
}
.messages-list .subject {
    line-height: 1.6;
}
.quick-reply-container,
.message-preview {
    border: 1px solid #e5e5e5;
    padding: 20px;
}
.message-preview {
    border-top:none;
}
.button.quick-reply,
.button.full-reply {
    width: 100%;
}
.quick-reply {
    display: flex;
}
.quick-reply .button-group {
	margin-left:10px;
	align-self: flex-end;
}
#quick-reply {
	resize:vertical;
	min-height: 85px;
}
a.sender {
	font-size:0.875rem; /* 14px */
}
.message-preview .loader-container {
    padding-bottom: 0;
}
.message-preview .content {
    margin: 20px 0;
    padding-bottom: 20px;
    border-bottom: 1px solid #e5e5e5;
}
.attachments li {
    display: inline-flex;
    /*padding: 5px;*/
    padding:0 0 0 5px;
    border: 1px solid #e5e5e5;
    margin: 0 10px 0 0;
    min-height: 26px;
}
.attachments li:last-of-type {
    margin-right:none;
}
.attachments li a {
    display: flex;
    align-items: center;
    flex-wrap:nowrap;
}
.attachments li a .glyphicon {
	margin-right:5px;
}
.attachments ul {
	display:flex;
	align-items:center;
}
.attachments .add-icon {
	margin-right:5px;
}

/***************
* nh-popup *
****************/
.nh-popup {
    position: absolute;
    background: #FFFFFF;
    /*border: 1px solid #d1d1d1;*/
    border: 1px solid #d1d1d1;
    z-index:10001;
    height:100%;
    max-height: calc(100vh - 20px);
    display:none;
    /*-webkit-box-shadow:0px 0px 0px 2000px rgba(221, 221, 221,0.6);
            box-shadow:0px 0px 0px 2000px rgba(221, 221, 221,0.6);*/
}
/*.nh-popup.modal::before {
    position: absolute;
    top: -2000px;
    left: -2000px;
    background: transparent;
    content: "";
    width: 5000px;
    height: 5000px;
}*/
.nh-popup .title-row {
    padding: 10px;
    /*background: #616161;*/
    background: #25569C;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 600;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    cursor:move;
    height:50px;
}
/*.nh-popup .title-row .remove-icon {*/
.nh-popup .title-row .glyphicon-remove {
    /*margin-left: auto;*/
    color: #FFFFFF;
}
.nh-popup .title-row .remove-icon::before,
.nh-popup .title-row .remove-icon::after {
    background-color:#FFFFFF;
}
.nh-popup .title-row .remove-icon:hover::before,
.nh-popup .title-row .remove-icon:hover::after {
    background-color:#CC0000;
}
.nh-popup > * {
	max-height: calc(100% - 50px);
	overflow-y: auto;
}
.nh-popup.nh-response-ticket > form {
	max-height: 100%;
}
.nh-popup .main-content {
    overflow-y: auto;
    max-height: calc(100% - 50px);
    height: 100%;
}
.modal-blanket {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10000;
    background-color:rgba(221, 221, 221,0.75);
}

/***************
* message compose popup *
****************/
.nh-message-compose .main-content {
    max-height: calc(100% - 110px);
}
.nh-message-compose .to-date-row,
.nh-message-compose .subject-row,
.nh-message-compose .attachments,
.nh-message-compose .placeholders {
    padding: 0 10px;
}
.nh-message-compose .to-date-row,
.nh-message-compose .subject-row {
    border-bottom: 1px solid #d1d1d1;
    min-height:40px;
}
.nh-message-compose .subject-row {
	position:relative;
}
.nh-message-compose .to-date-row,
.nh-message-compose .message-to,
.nh-message-compose .message-date,
.nh-message-compose .subject-row {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}
.nh-message-compose .to-date-row input,
.nh-message-compose .subject-row input {
    margin-bottom: 0;
}
.nh-message-compose .message-to {
    flex: 1 1 auto;
}

.nh-message-compose .message-date {
    margin-left: auto;
    width:250px;
    padding-left: 10px;
}
.nh-message-compose .placeholders {
	display:flex;
}
.nh-message-compose .attachments,
.nh-message-compose .placeholders {
    margin-top: 10px;
    padding-bottom: 10px;
    min-height: 55px;
}
.nh-message-compose .attachments {
	border-bottom: 1px solid #d1d1d1;
	position:relative;
}
.nh-message-compose li.placeholder {
    display: inline-flex;
    float: left;
    margin-bottom: 5px;
    margin-right:10px;
}
.nh-message-compose li.placeholder:first-of-type {
    margin-left: 10px;
}
/*.nh-message-compose li.placeholder::before {
	content:"+";
    display: inline-block;
    margin-left:10px;
}*/
.nh-message-compose .button-row {
    padding: 10px;
    border-top: 1px solid #d1d1d1;
    height:60px;
}
.nh-message-compose .mce-tinymce {
    border-left: none;
    border-right: none;
    border-top: none;
}
.nh-message-compose .item-tag {
    margin-bottom: 0;
    margin-right: 5px;
}
.nh-message-compose ul.recipient-list {
    display: flex;
    flex-wrap: wrap;
    width:100%;
    position: relative;
    padding: 5px 0 0 0;
   	max-height: 80px;
    overflow-y: auto;
}
.nh-message-compose .item-tag.recipient {
	padding: 0 0 0 5px;
	margin-bottom: 5px;
}
.nh-message-compose input#new-recipient {
    padding: 0;
    height: 24px;
    flex:1;
    min-width: 100px;
    margin-bottom:5px;
}
.nh-reply-container {
    border-left: 3px solid #fb8d00;
    padding: 10px;
    margin: 10px;
}
.nh-message-compose .customTinymceOptions {
    width: auto;
    display: inline-flex;
    flex-direction: column;
    position: absolute;
    border: 1px solid #b1b1b1;
    background-color: #f1f1f1;
    top: 25px;
    left: 0;
}
.nh-message-compose .customTinymceOption {
    padding: 5px;
    -webkit-transition:all 0.2s linear;
    transition:all 0.2s linear;
}
.nh-message-compose .customTinymceOption:hover {
    background-color:#E0E3E3;
}
.nh-message-compose .placeholders h6 {
    display: inline-block;
    width:auto;
    float: left;
    margin-bottom: 0;
}
.nh-message-compose .recipient-results.ajax-search-results {
    /*top: -46px;*/
    top: -86px;
    left: 35px;
    width: 100%;
    max-width: 701px;
}


/***************
* ajax search results *
****************/
.ajax-search-results {
	position:absolute;
	top: 40px;
	left:0;
	width:100%;
	background:#FFFFFF;
	-webkit-box-shadow: 1px 1px 1px #b7b7b7;
	        box-shadow: 1px 1px 1px #b7b7b7;
	z-index: 100;
	max-height: 170px;
    overflow-y: auto;
}
.ajax-search-result {
	padding:5px;
	border:1px solid #b7b7b7;
	border-bottom:none;
	display:flex;
	align-items:center;
	margin:0;
	line-height: 1.5;
	white-space: normal;
}
.ajax-search-result:last-of-type {
	border-bottom:1px solid #b7b7b7;
}
.ajax-search-result:hover {
	cursor:pointer;
	background:#F1F1F1;
}
.ajax-search-result.no-result {
	color: red;
    justify-content: center;
}
.ajax-search-result.no-result:hover {
    background: #FFFFFF;
    cursor:not-allowed;
}

/***************
* nh-response-ticket *
****************/
.nh-response-ticket {
    width: 100%;
    max-width: 700px;
}
.nh-response-ticket .main-content {
    padding: 10px 10px 0 10px;
}
.nh-response-ticket .job-details,
.nh-response-ticket .response-comment {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
        margin-bottom: 10px;
}
.nh-response-ticket .response-comments {
    overflow-y: auto;
    max-height: calc(100vh - 320px);
}
.nh-response-ticket .client-logo {
    margin-right:10px;
}
.nh-response-ticket .button-row {
    margin: 10px 0;
}
.nh-response-ticket #new-comment {
    height: 120px;
    resize: none;
    margin-bottom: 0;
}
.nh-response-ticket .comment-text {
    display: flex;
    flex-direction: column;
    line-height: 1.4;
    padding:5px;
    flex:1;
}
.nh-response-ticket .comment-text.private {
	/* border: 1px dashed #CCCCCC; */
	border: 1px dashed #999999;
	background: #ebebeb;
}
.nh-response-ticket .comment-text .glyphicon {
	margin-right: 5px;
}
.nh-response-ticket .comment-text-content > span {
	vertical-align: middle;
}
/*.nh-response-ticket .accordions2 {
	margin-bottom:0;
}*/
.nh-response-ticket .title-row .remove-icon {
	margin-left:10px;
}
.nh-response-ticket .cross-post-icon {
    margin-left: auto;
    color: #FFFFFF;
    cursor:pointer;
    -webkit-transition:all 0.2s linear;
    transition:all 0.2s linear;
}
.nh-response-ticket .cross-post-icon:hover {
	color: #fb8d00;
}
.nh-response-ticket .details-text {
	display:flex;
	flex-direction:column;
}
.nh-response-ticket .ticket-location {
    margin-bottom: 5px;
}
.nh-response-ticket .accordion-content {
    border: 1px solid #D6D6D6;
    border-top: none;
}
.nh-response-ticket .loader-container {
    padding: 10px;
}

/***************
* nh-ticket (help/suggestion) *
****************/
.ticketForm {
    padding: 10px;
    position:relative;
	max-height: none;
}
#ticket-comments {
    height: 120px;
    resize: none;
}
.input-file-container {
	width:100%;
	border:1px solid #b7b7b7;
	margin-bottom:10px;
	display:flex;
	align-items:center;
}
.input-file-name {
	padding:10px;
}

/***************
* nh-apply-form *
****************/
.nh-apply-popup .main-content {
    padding: 10px;
    position: relative;
}

/***************
* requisitions *
****************/
.button.post-requisition {
    margin-left: auto;
}
.req-jobs-autocomplete {
    margin-bottom: 10px;
    display: flex;
}

/***************
* job_postings - jobs *
****************/
.jobs-filter-row,
.jobs-type {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.jobs-type {
	margin-bottom:10px;
}
.jobs-for {
    flex: 1;
}
.jobs-filter-row .input-label {
    margin-bottom: 10px;
}
.jobs-filter-row select {
	width:auto;
	min-width: 150px;
	flex:1;
}
.post-a-job {
	margin-bottom:10px;
}
/*.jobs-filter-row .post-a-job {
	margin-left:auto;
}*/
/*body.job_postings.jobs .table-wrapper {
	margin-top:20px;
}*/
a.active-campaign,
a.active-campaign:hover {
	border:none;
	-webkit-transition:none;
	transition:none;
}
.active-campaign + .active-campaign {
	margin-left:5px;
}
.candidate-disposition-reason-id {
	width:100%;
	margin-top:10px;
	display:block;
}
textarea#candidate_disposition_explanation {
  height: 60px;
  margin: 0;
  resize: none;
}
a.recruiting-job-link:hover .recruiting-job-icon {
  color: #fb8d00;
  transition:all 0.2s linear;
}
a.recruiting-job-link:hover {
	border:none;
}
/*jobs icon link*/
a.job-link-link {
  margin: 0 10px 10px 10px;
}
a.job-link-link .job-link-icon {
  font-size: 20px;
}
a.job-link-link .job-link-icon {
  transition:all 0.2s linear;
}
a.job-link-link:hover .job-link-icon {
  color: #fb8d00;
}
a.job-link-link:hover {
  border:none;
}

/***************
* job_postings - job_posting *
****************/
.job-container {
	display: flex;
    width: 100%;
    flex-wrap: nowrap;
}
.job-details {
    flex: 1;
}
.job-details section {
    margin-bottom: 20px;
}
.job-description-container {
    flex: 1;
    margin-left: 20px;
    min-width:550px;
    display: flex;
    flex-direction: column;
}
/*make tinymce 100% height*/
.job-description-container .job-description,
.job-description-container .mce-tinymce, 
.job-description-container .mce-stack-layout, 
.job-description-container .mce-edit-area {
    display: flex !important;
    flex-direction: column;
    align-items: stretch;
    flex: 1;
}
.job-description-container .mce-tinymce iframe {
    flex: 1;
}
.job-document {
	padding: 5px;
	display: flex;
	align-items: center;
	border: 1px solid #b7b7b7;
	margin-bottom: 10px;
}
.job-document-name {
	flex-grow: 0;
	/* overflow-x: hidden; */
	/* text-overflow: ellipsis; */
	/* line-height: initial; */
	overflow-wrap: break-word;
	word-break: break-word;
}
body.job_postings .job-library-autocomplete {
    margin-bottom: 10px;
    display: flex;
}

/*mobile theme fixes*/
#inner-wrapper[data-ephox-mobile-fullscreen-style],
#content-wrapper[data-ephox-mobile-fullscreen-style] {
    overflow: visible;
}

/* ----------------- */
.job-title-job-code {
	display:flex;
	align-items:center;
	flex-wrap:nowrap;
	margin-bottom:10px;
}
.job-code {
	margin-left:10px;
	width:120px;
}
body.job_posting input.job-expiry {
/*    width: 50%;*/
    margin-right:10px;
}
/*.job-noc-code {
    margin-left: 10px;
}*/
.job-locations {
	flex:1;
}
body.job_posting .job-locations {
	display:flex;
}
/*.job-locations .add-icon {
	margin-bottom:10px;
}*/
/*.job-location {
    width: calc(33% - 5px);
    margin-right: 10px;
}
.job-location:nth-of-type(3n) {
    margin-right: 0;
}
.job-location.single-location {
    width: calc(66% - 2px);
}*/
.hiring-deadline-positions {
    display: flex;
    align-items: center;
}
.closed-reason {
	padding: 5px 0 15px;
}
.job-address-location {
	display:grid;
	grid-gap:0 10px;
	grid-template-columns: repeat(2, 1fr);
}
.remove-job-location {
  top: 13px;
  right: 10px;
  position: absolute;
  cursor:pointer;
}
.input-wrapper.job-hiring-deadline {
    margin-left: auto;
    margin-right: 0;
    max-width: 130px;
}
.job-categories {
    /*display: flex;
    margin-bottom:10px;*/
    display:-ms-grid;
    display:grid;
    -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr);
    grid-column-gap:10px;
    column-gap:10px;
    grid-row-gap:10px;
    row-gap:10px;
}
.job-category {
    /*width: 33.33333333333%;
    margin-right:10px;*/
}
.job-category:last-of-type {
    margin-bottom:10px;
}
.job-recruiter-manager-brand {
	/*display:flex;
	justify-content:space-between;
	flex-wrap: wrap;*/
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 0 10px;
}
/*.job-recruiter,
.job-hiring-manager,
.job-company-brand,
.job-noc-code,
.job-eeoc-category,
.job-union {
    width: calc(50% - 5px);
}*/
/*.job-recruiter {
	margin-right:10px;
}*/
.job-link-log-requisition {
    display: flex;
    align-items: center;
}
.job-link-log-requisition .glyphicon-link {
    background-color: #B7B7B8;
    padding: 5px;
    border-radius: 100%;
    color: #FFFFFF;
    font-size: 18px;
    margin-right:10px;
}
.change-log-container {
    /*max-height: 400px;
    overflow-y: auto;
    overflow-x: auto;*/
    margin-bottom: 0;
    border-bottom: 1px solid #e5e5e5;
}
.change-log {
  margin-left: auto;
}
.requisition-link,
.campaigns-link {
	margin-left:20px;
}
.job-smart-action, select.job-smart-action {
    margin: 0 0 0 52px;
    width: calc(100% - 87px);
}
.email-applicants-options,
.email-countries,
.email-countries-more {
    margin-left: 30px;
}
.email-countries .flag-icon {
    font-size: 20px;
    margin-right: 9px;
}
.continent {
    border-top: 1px solid #b7b7b7;
    padding-top: 10px;
    margin-top: 10px;
}
.continent-name {
	/*font-size: 1.125rem;
	color: #25569C;*/
	cursor:pointer;
}
.countries {
    display: flex;
    flex-wrap: wrap;
}
.countries .checkbox,
.countries .radio,
.benefit-options .checkbox {
    width: 33.333333%;
}
.countries .checkbox:nth-of-type(3n),
.benefit-options .checkbox:nth-of-type(3n) {
    padding-right: 0;
}
.countries .flag-icon {
    font-size: 16px;
    margin-right: 6px;
}
.countries .checkbox input + label {
    white-space: normal;
    /* max-height: 20px; */
}
.countries .checkbox .flag-icon {
	min-width: 21px;
	max-width: 21px;
}
.salary-options {
	display:flex;
	flex-wrap:wrap;
	align-items:center;
}
.employment-type-container,
.hours-wage-type-container {
	display:flex;
	align-items:center;
	/*flex:1;*/
}
.hours-wage-type-container {
	margin-left: auto;
}
.wage-type,
.employment-type {
	flex:1;
	min-width:160px;
}
.wage-type {
    margin-left:10px;
    min-width:140px;
}
.employment-type {
	margin-right:10px;
}
input.hours-week {
	min-width:60px;
	max-width:80px;
}
input.wage-from,
input.wage-to {
	min-width:100px;
	max-width:100px;
	text-align: left;
}
.salary-options .input-label {
    margin-bottom: 10px;
}
.forward-to-url-container,
.perform-smart-actions-container-inner {
	display:flex;
	flex-wrap: wrap;
	white-space: nowrap;
	align-items:center;
	width:100%;
	/*min-height:40px;*/
}
.forward-to-url-container .checkbox {
    padding-right: 0;
    /*margin-bottom:10px;*/
}
input#job-forward-url {
    flex: 1;
    min-width: 360px;
    margin-bottom:10px;
}
.email-recruiter-manager-others {
	display:flex;
	align-items:center;
	flex-wrap:wrap;
}
.tp-users-to-email {
    flex: 1;
}
.email-recruiter-manager {
    width: 100%;
}
.email-recruiter-manager-others .checkbox {
	margin-bottom:10px;
}
.other-emails-container {
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	flex:1;
	margin-bottom:10px;
}
input#email-others {
    flex: 1;
    min-width: 240px;
}
.apply-questions .accordion.open .accordion-content {
    margin-bottom: 5px;
}
.apply-questions .accordion {
	flex:1;
}
.apply-questions i {
	font-size:16px;
	margin-right:10px;
}
.add-apply-question-button {
	width:100%;
	background:#e3e3e3;
	margin-top:3px;
	text-align: left;
    padding-left: 53px;
}
.perform-smart-actions-container {
	display:flex;
	flex-direction:column;
	/*margin-bottom:10px;*/
}
/*.smart-actions {
    margin-bottom: 10px;
}*/
.application-smart-action {
    width: 100%;
    display: flex;
    flex: 1;
    align-items: center;
    margin-bottom: 10px;
    flex-direction:column;
    position:relative;
}
.smart-action-row {
	display:flex;
	width:100%;
}
.smart-action-name {
	flex:1;
	background: #e3e3e3;
	padding: 10px;
}
.application-smart-action .remove-icon {
    margin-left:5px;
}
.smart-action-name {
	line-height:1.4;
}
.smart-action-row {
	display:flex;
	align-items:center;
	/* cursor:move; */
}
.smart-actions {
	counter-reset:smart-actions;
	position: relative;
	margin-bottom:10px;
}
.smart-action-row::before {
    counter-increment: smart-actions;
    content: counter(smart-actions)".";
    margin-right: 10px;
    min-width: 12px;
    /* cursor: move; */
}
/*.smart-actions .droppable-bar.first {
    bottom: auto;
    top: -10px;
}
.smart-actions .droppable-bar.last {
    bottom: -5px;
}*/
.upload-video-interview {
	margin-left:10px;
}

/*video interviews*/
.video-interview-intro {
	max-width: 100%;
	height: auto;
}
.video-interview-intro-container {
	display:flex;
	align-items:center;
	background:#e3e3e3;
}
.video-interview-intro-text {
	flex:1;
}
.video-interview-section .glyphicon-facetime-video {
    margin: 0 10px;
    color: #25569C;
    font-size: 30px;
}
.preview-video-interview {
	margin-left:20px;
}
.add-video-interview-question {
    min-width: 60px;
    margin-left: 10px;
}
.video-interview-section {
	counter-reset:interview-questions;
}
li.video-interview-question {
    display:flex;
    flex-wrap:nowrap;
    align-items:center;
    margin-bottom:10px;
    flex-direction:column;
    position: relative;
}
/*li.video-interview-question:last-of-type {
	margin-bottom:0;
}*/
.interview-question-row {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    width: 100%;
}
.interview-question-row::before {
	counter-increment: interview-questions;
	content:counter(interview-questions)".";
	margin-right:10px;
	min-width: 12px;
	cursor:move;
}
/*li.video-interview-question .remove-icon {
	margin: 0 30px 0 10px;
}*/
.video-interview-questions ol {
    margin-left: 0;
}
/*input.new-video-interview-question {
    margin-left: 22px;
}*/
/*.droppable-bar {
    height: 20px;
    width: 100%;
    background: transparent;
    display: block;
    opacity:0.3;
    position: absolute;
    bottom: -15px;
    z-index:1;
}
.video-interview-questions .droppable-bar:first-child {
    bottom: auto;
    top: -15px;
}
.video-interview-questions .droppable-bar.last {
    bottom: 35px;
}*/
/*apply questions*/
.apply-question-type {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    /*margin-top: 10px;*/
}
.disqualify-explanation {
    margin: 10px 0 10px auto;
    width: 90px;
}
.apply-question-option {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    margin-bottom:10px;
    position: relative;
}
.apply-question-option::last-of-type {
    margin-bottom:0;
}
.apply-question-option input {
    margin:0;
}
.apply-question-option .checkbox,
.apply-question-option .radio {
    margin-left:10px;
}
.add-apply-question-option {
    display: flex;
    flex-wrap: nowrap;
    margin-top:10px;
}
.add-apply-question-option button {
    margin-left:10px;
}
/*apply-question-option input[type='text'] {
    width: calc(100% - 100px);
}*/
.save-library-container {
    display: flex;
    align-items: center;
    margin: 10px 0;
    min-height:40px;
}
.save-library-container .job-library-name {
	max-width:400px;
	margin:0;
}
.application-form-type-label {
  min-width: 175px;
  text-align: right;
}
.application-form-select {
  max-width: calc(100% - 185px);
}

/***************
* job library *
****************/
.job-library-name {
	margin-bottom:10px;
}
body.job_library .job-location {
    width: 100%;
    margin: 0;
}

/***************
* clients *
****************/
.clients-filter-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
#clients-filter-text {
	/*max-width:240px;*/
	min-width:130px;
	margin-right: 10px;
	flex: 1;
}
#references-filter-text {
	min-width:130px;
	margin: 0 10px 0 10px;
	flex: 1;
}
.radio-group,
.checkbox-group,
.multi-radio-nowrap,
.multi-checkbox-nowrap {
	display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.multi-radio-nowrap,
.multi-checkbox-nowrap {
    flex-wrap: nowrap;
}
.radio-group .radio:last-of-type,
.checkbox-group .checkbox:last-of-type,
.multi-radio-nowrap .radio:last-of-type,
.multi-checkbox-nowrap .checkbox:last-of-type {
    padding-right: 0;
}
.hiring-managers {
    margin: 0 10px 10px 0;
    width: 130px;
}
button.create-client {
	margin-left:auto;
}
.client-type,
.active-inactive {
	margin: 0 10px 10px 0;
}
.client-type .checkbox {
	padding-right: 1.25rem;
}
.button.create-client {
    margin-bottom: 10px;
}
.clients-filter-row .input-label.between {
	margin-bottom:10px;
}
.edit-client-icon {
    font-size: 1.125rem; /*18px*/
    margin-right:5px;
}
.edit-client-icon:hover {
	cursor:pointer;
	color:#fb8d00;
	-webkit-transition:all 0.2s linear;
	transition:all 0.2s linear;
}

/***************
* client *
****************/
.client-edit-container {
	display:flex;
}
.client-main-details {
    flex: 1;
}
.client-primary-user {
	margin-left:20px;
	max-width:550px;
}
.client-name-status-manager-logo {
    display: flex;
}
.client-name-status-manager {
    flex: 1;
}
.client-name-status {
    display: flex;
}
.client-status {
    max-width: 120px;
    margin-left: 10px;
    /*toggle version*/
    display:flex;
    align-items:center;
    margin-bottom:10px;
}
.client-status .togglebox {
	padding-right:0;
}
.client-name-status-manager-logo .brand-logo-wrapper {
	margin-left:10px;
}
.client-platform-max-jobs {
	display:flex;
	margin-bottom:10px;
	flex-wrap: wrap;
}
.client-platform {
	display:flex;
	align-items:center;
}
.client-max-jobs,
.client-max-users {
	margin-left: auto;
    align-items: center;
    display: flex;
}
.client-max-users {
	margin-left:10px;
}
input#client-max-jobs-amount,
input#client-max-users-amount {
    margin: 0 10px 0 0;
}
.client-features {
    margin-bottom: 10px;
}
#client-info {
	min-height:145px;
	resize:vertical;
}
.client-primary-user .fields {
	display:grid;
	grid-gap:10px;
	grid-template-columns: repeat(2, 1fr);
	margin-bottom:10px;
}
.client-primary-user .fields .input-wrapper input,
.client-primary-user .fields .input-wrapper select {
	margin:0;
}
/*.client-timezone {
	max-width:160px;
}*/
.client-permissions {
    margin-bottom: 10px;
    display:flex;
}
.client-permissions.permission-groups .checkbox-group {
    width: 50%;
}
.button.login-as-client {
	margin-bottom:10px;
}
.client-two-column {
	display: grid;
	grid-template-columns: auto auto;
	grid-gap: 10px;
}
.client-limits {
	width: auto;
	max-width: 390px;
}
.client-limits-table {
	width: 100%;
}
.client-limits-row {
	display: grid;
	grid-template-columns: auto 80px 100px;
	grid-gap: 10px;
	margin-bottom: 10px;
	align-items: center;
}
.client-limits-row label, .client-limits-row input, .client-limits-row select {
	margin: 0;
}
.client-limits-row .input-label {
	white-space: normal;
}

/***************
* settings - campaigns *
****************/
.campaigns-filter-row,
.new-campaign-filter-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom:10px;
}
.campaigns-filter-row h1,
.new-campaign-filter-row h1 {
	margin-right:20px;
    margin-bottom:0;
}
.campaigns .campaign.item:not(.inactive) {
    cursor: pointer;
}
.items {
    /*display: flex;
    flex-wrap: wrap;
    align-items: stretch;*/
    display:-ms-grid;
    display:grid;
    grid-column-gap:10px;
    column-gap:10px;
    grid-row-gap:10px;
    row-gap:10px;
}
.item  {
	display: flex;
    flex-direction: column;
    /*min-width: 240px;*/
    /*max-width: 25%;
    flex: 1 1 calc(25% - 10px);*/
    /*min-height: 329px;*/
    /*margin: 0 10px 10px 0;*/
    position:relative;
    background-color: #FFFFFF;
    border: 1px solid #e3e3e3;
}
/*.item:nth-of-type(4n) {
    margin-right: 0;
}*/
.new-item {
    align-items: center;
    justify-content: center;
    background-color: #e3e3e3;
    cursor:pointer;
    color: #000000;
    display: flex;
    flex-direction: column;
}
/*.item.new-item {
    transition: unset;
}*/
.item:not(.no-hover):hover,
.new-item:hover {
    /*border-color: transparent;*/
    border:1px solid #fb8d00;
}
.item.no-hover:hover {
    border-color: #e3e3e3;
}
.campaign.item .details,
.credit.item .details {
    padding: 10px;
    display: flex;
    flex-direction: column;
    flex:1;
}
.campaign.item .summary,
.credit.item .summary {
    background: #e3e3e3;
    display: flex;
    margin-top:auto;
    border-top:1px solid #b7b7b7;
    padding: 10px;
}
.campaign.item .views,
.campaign.item .applies {
    /*padding: 10px;*/
    display: flex;
    flex-direction: column;
    align-items: center;
}
.campaign.item .applies {
    margin-left:auto;
}
.campaign.item .value,
.nethire-credit .value,
.credit.item .value {
    font-size: 0.875rem; /*14px*/
    font-family: "GravityLight";
    font-weight: 600;
}
.credit.item .value {
  display:flex;
  flex:1;
  color:#000;
}
.campaign.item .name {
    color:#000;
    margin-top: 5px;
}
.campaign.item .logo-wrapper {
    display: flex;
}
.campaign-logo {
    /*border: 1px solid #e3e3e3;*/
    min-width: 120px;
}
.campaign-logo.mini {
    min-width: 20px;
    height: 20px;
    border: none;
}
.campaign.item .checkbox {
    padding: 0;
    margin-left: auto;
    margin-bottom: auto;
}
.campaign.item .checkbox input[type='checkbox'] + label::before {
	margin-right:0;
}
.campaign.item .description,
.credit.item .description {
    margin: 10px 0;
}
.campaign.item .start-end {
    font-size: 0.75rem; /*12px*/
    margin-top:auto;
   	display: flex;
}
.start-end .inner-container {
    display: flex;
    flex-direction: column;
}
.start-label,
.end-label {
	color:#666666;
	font-weight:600;
	font-size:13px;
	margin-bottom:3px;
}
.end-container {
    height: 20px;
    display: flex;
    align-items: center;
}
.start-value,
.end-value {
	white-space:nowrap;
	line-height: 20px;
	cursor:help;
}
.campaign.item.Inactive span.end-label,
.campaign.item.Inactive span.end-value {
    text-align: right;
}
.campaign.item.Inactive .end.inner-container {
	flex:1;
}
input.end-date-picker {
    max-width: 80px;
    margin: 0;
    padding: 2px;
    min-height: 20px;
    height: 20px;
    font-size: 12px;
}
.campaign-jobs {
  margin: 0 0 10px 0;
  flex: 1;
  min-width:300px;
}
.nethire-credits {
    margin-top: 10px;
}
#campaign-groups {
    max-width: 300px;
    margin: 0 0 10px auto;
}
.campaign-type {
    margin: 0 40px 0 0;
}
.campaigns-autocomplete {
    flex: 1;
}
body.campaigns a.job-link-link {
    margin-bottom: 0;
}
/*items*/
/*six items*/
/*.items.six .item {
	flex: 1 1 calc(16.666666666666667% - 8.333333333333333px);
	max-width:calc(16.666666666666667% - 8.333333333333333px);
}
.items.six .item:nth-of-type(6n) {
	margin-right:0;
}*/
/*five items*/
.items.six {
	-ms-grid-columns:(1fr)[6];
	    grid-template-columns:repeat(6, 1fr);
}
.items.five {
	-ms-grid-columns:(1fr)[5];
	    grid-template-columns:repeat(5, 1fr);
}
.items.four {
	-ms-grid-columns:(1fr)[4];
	    grid-template-columns:repeat(4, 1fr);
}
.items.three {
	-ms-grid-columns:(1fr)[3];
	    grid-template-columns:repeat(3, 1fr);
}
.items.two {
	-ms-grid-columns:(1fr)[2];
	    grid-template-columns:repeat(2, 1fr);
}
/*.items.five .item {
	flex: 1 1 calc(20% - 8px);
	max-width:calc(20% - 8px);
}
.items.five .item:nth-of-type(5n) {
	margin-right:0;
}*/
/*four items*/
/*.items.four .item {
	flex: 1 1 calc(25% - 7.5px);
	max-width:calc(25% - 7.5px);
}
.items.four .item:nth-of-type(4n) {
	margin-right:0;
}*/
/*three items*/
/*.items.three .item {
	flex: 1 1 calc(33.333% - 6.666666666666667px);
	max-width:calc(33.333% - 6.666666666666667px);
}
.items.three .item:nth-of-type(3n) {
	margin-right:0;
}*/
/*two items*/
/*.items.two .item {
	flex: 1 1 calc(50% - 5px);
	max-width:calc(50% - 5px);
}
.items.two .item:nth-of-type(2n) {
	margin-right:0;
}*/
.credits-container {
	margin-right: 20px;
}
/***************
* new campaign *
****************/
.sources-credits {
    margin-right: 20px;
    flex: 1 1 auto;
}
.campaign-sort {
    align-items: center;
    margin: 0 0 0 20px;
}
.campaign-sort .glyphicon {
    margin-right: 10px;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    cursor:pointer;
}
.campaign-sort .glyphicon:hover {
    color: #fb8d00;
}
.campaign.item.source .summary {
    padding: 10px;
}
.start-new-campaign-content {
    display: flex;
}
.nh-credits {
    margin: 0 0 10px 0;
}
/*.campaign-sources {
	margin-right:10px;
}*/
.campaign-cart {
    min-width: 400px;
    max-width: 500px;
    flex: 1 1 auto;
    margin-left: auto;
}
.payment-type {
    margin-bottom: 10px;
}
.new-credit-card-details {
    margin-top: 10px;
}
.block-header {
    padding: 0 0 10px 0;
    /*padding: 10px;*/
    color: #FFFFFF;
    margin-bottom:0;
    color: #25569C;
}
.block-header.blue {
	border-bottom: 2px solid #25569C;
}
.currency-field {
	width: 100px;
    white-space: nowrap;
    text-align:right;
}
.campaign-cart .total {
    font-size: 1rem;
    font-weight: 600;
}
.campaign-cart table.campaign-purchases {
    margin-bottom: 10px;
}
.campaign-cart tr.sub-total {
    border-top: 1px solid #b7b7b7;
}
.campaign-cart tr.tax {
    border-bottom: 1px solid #b7b7b7;
}
.radio.select-label {
    display: flex;
    padding-right: 0;
    align-items: center;
}
.radio.select-label label {
	margin-right:10px;
}
.radio.select-label select {
	margin-bottom:0;
}
.campaign.source .campaign-logo {
    cursor: pointer;
}
/*.nh-credits .credits {
	margin-top:10px;
	margin-top: 10px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;

}*/
.nh-credit {
    cursor: pointer;
    font-family: 'GravityBold', 'Gravity', sans-serif;
}
/*.nh-credit:nth-of-type(2n) {
    margin-right: 0;
}*/
.nh-credit .details {
    display: flex;
    flex-direction: column;
    padding:10px;
    flex:1;
}
.nh-credit.item .logo-wrapper {
    display: flex;
    margin-bottom:10px;
}
.nh-credit .details .checkbox {
    margin-left:auto;
    margin-bottom:auto;
    align-self:flex-start;
}
.nh-credit .credit-name {
    /* font-family: 'GravityBold'; */
    text-transform: uppercase;
    margin-bottom:5px;
    min-height:40px;
    display: flex;
    align-items: flex-end;
}
.nh-credit .credit-sub-text {
    font-family: 'GravityBook';
}
.nh-credit .description {
    margin: 0;
    display: flex;
    flex-direction: column;
    flex: 1;
    font-family: 'GravityBook';
}
.nh-credit .description .conditions {
    margin-top:auto;
    font-size:0.625rem /*10px*/;
}
.nh-credit .value {
    margin-left: auto;
    font-size:0.875rem; /* 14px */
}
.nh-credit .summary {
	margin-top:auto;
	background:rgba(0,0,0,0.1);
	padding:10px;
    border-top: 1px solid rgba(0,0,0,0.1);
}
.nh-credit .checkbox input[type='checkbox'] + label::before {
	border-color:#666666;
}
.nh-credit.cjs-credit {
    background-color: #f0b51d;
}
.nh-credit.mjs-credit {
    background-color: #41a9de;
}
.nh-credit.ajs-credit {
    background-color: #00712B;
}
.nh-credit.ajs-credit .heading {
    color: #EB9E00;
  }
.mjs-credit img.campaign-logo {
    filter: brightness(0.5);
}
.nh-locations {
	font-family: 'GravityBook', sans-serif;
}

/* .nh-credit:nth-of-type(3n+1){
	background: #FA8C02;
}
.nh-credit:nth-of-type(3n+2){
	background: #5EB400;
}
.nh-credit:nth-of-type(3n){
	background: #4B8DC7;
} */
.nh-credit.item.rep {
    align-items: center;
    padding:10px;
    text-align: center;
    color:#666666;
	background: #e3e3e3;
    cursor:pointer;
}
.nh-credit.item.rep .user-icon {
    margin-bottom:10px;
}
.mobile-footer {
	display:none;
	background: rgba(0,0,0,0.75);
    color: #FFFFFF;
    text-align: center;
    width: 100%;
    padding: 10px;
    position: fixed;
    bottom: 0;
    left: 0;
    font-size: 1rem;
    z-index: 1000;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.terms-content {
    height: 80vh;
    overflow-y: scroll;
}
/***************
* post campaigns *
****************/
div.wild-card-blurb {
	line-height:1.3;
	border: 1px solid #236eb4;
	background: #ececec;
}
div.wild-card-blurb h5 {
	font-family: courier;
	font-weight: 600;
}
.post-campaign-container {
    display: flex;
    flex-wrap: nowrap;
}
.campaign-list {
    max-width: 600px;
    margin-right: 10px;
    min-width: 300px;
    flex: 1 1 auto;
}
.campaign-list .list-item {
    padding:10px;
    min-height:82px;
    background: #FFFFFF;
}
.campaign-list .list-item.active {
	background: #ececec;
	color: black;
}
.campaign-list .campaign-logo {
    min-width:80px;
    height:auto;
    margin-right:10px;
}
/*.campaign-list .checkbox {*/
.list-item .campaign-site-done {
    margin-left: auto;
    color:#fb8d00;
    font-size:1.4rem;
}
.campaign-site-name {
    margin-right: 10px;
}
.finish-posting-campaigns {
	margin-top:10px;
}
.campaign-instructions-container .logo-wrapper {
    display: flex;
    align-items: center;
}
.campaign-instructions-container .campaign-logo {
    margin-right: 10px;
}
ol.instructions {
    margin-top: 10px;
}
ol.instructions li {
    line-height:2;
}
.campaign-instructions-container {
    flex: 1 1 auto;
}
.campaign-site-instruction {
    margin-left: 20px;
    position: relative;
}
.campaign-site-instruction.has-action::before {
    content: "\02713";
    display: inline-block;
    position: absolute;
    left: -40px;
    color: #b7b7b7;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.campaign-site-instruction.has-action.completed::before {
    color: #fb8d00;
}
.clipboard-copy-button:not(.reference-copy-link):hover {
    color: #fb8d00;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    cursor: pointer;
}
.extra-city-location {
	max-width:500px;
}

/***************
* settings - billing *
****************/
.billing-content {
    display: flex;
    flex-wrap: nowrap;
}
.ccs-invoices {
    flex: 1;
    margin-right: 10px;
}
/*.credit-cards {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}*/
.items .item.credit-card {
  /* width:280px;
  max-width: 280px;
  min-width: 280px;
  height:177px; */
  aspect-ratio: 560/353;
  /* margin: 0 10px 10px 0; */
  margin: 0;
  display: flex;
  flex-direction: column;
  /* cursor:pointer; */
  border:none;
  border-radius: 10px;
  position: relative;
  z-index:1;
}
.credit-card:not(.new-item) {
	border-radius:5px;
    background:#0066a8;
    padding: 20px;
    text-transform: uppercase;
    background: url('../img/credit_cards/default.png') 0 0 / 100% no-repeat;
}
.credit-card h1 {
    color: #FFFFFF;
}
.credit-card .details {
    display: flex;
    flex-direction: column;
    margin-top:auto;
    font-size: 1.125rem; /*18px*/
    color:#FFFFFF;
    font-family: 'Share Tech Mono', monospace;
}
.credit-card .details span {
    margin-top: 5px;
}
.card-expiry-cvv {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}
.card-expiry-cvv select {
    margin-bottom: 0;
}
.card-expiry-month {
    margin-right: 10px;
}
.card-save {
	display:flex;
	flex-wrap:nowrap;
	align-items:center;
}
.new-cc-save {
    padding-top: 0;
    padding-bottom: 0;
  }
/* .new-cc-save {
	margin-left:10px;
} */
.credit-cards.items {
    /*margin-bottom: 20px;*/
    /* display: flex;
    flex-wrap: wrap;
    column-gap: 0;
    row-gap: 0; */
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 10px;
}
.credit-card.MasterCard {
	background: linear-gradient(black, black), url('../img/credit_cards/mastercard.png') 0 0 / 100% no-repeat;
  background-blend-mode: color-dodge;
}
.credit-card.Visa {
	background: linear-gradient(black, black), url('../img/credit_cards/visa.png') 0 0 / 100% no-repeat;
  background-blend-mode: color-dodge;
}
.credit-card.American.Express {
	background: linear-gradient(black, black), url('../img/credit_cards/amex.png') 0 0 / 100% no-repeat;
	background-blend-mode: color-dodge;
}
.credit-card.Discover {
	background: linear-gradient(black, black), url('../img/credit_cards/discover.png') 0 0 / 100% no-repeat;
	background-blend-mode: color-dodge;
}
.invoices {
	flex:1;
    margin-left:10px;
}
.credit-card.item.expired {
  background-blend-mode:saturation;
}
.credit-card.item.expired::after {
  content: "Expired";
  position: absolute;
  top: -30px;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #cc0000;
  font-size: 32px;
  /*font-weight: 600;*/
  transform: rotate(-12deg);
  font-family: GravityBold, arial, sans-serif;
}
.remove-credit-card-container {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 24px;
    height: 24px;
}
.glyphicon.remove-credit-card {
    font-size: 24px;
    color: white;
    transition:all 0.3s linear;
    position:absolute;
}
.glyphicon.glyphicon-remove.remove-credit-card {
    color: transparent;
}
.remove-credit-card-container:hover .glyphicon.remove-credit-card {
    color: var(--red);
}
.remove-credit-card-container:hover .glyphicon.glyphicon-remove.remove-credit-card {
    color: white;
}
.credit-card-details.item-edit.active {
    width: 100%;
    margin: 20px 0 0 0;
}

/***************
* settings - brands *
****************/
.brands-container {
	display:flex;
	flex-wrap:nowrap;
	align-items: flex-start;
}
.brands {
    flex: 1 1 auto;
    /* margin-right: 10px; */
}
/*.brands.items {
	margin-right:20px;
}*/
.brand {
    /*min-height: 150px;*/
    align-items: center;
    cursor:pointer;
    padding: 10px;
}
.brand:not(.new-item){
	background:#FFFFFF;
}
/*.brand img,
.brand .no-brand-logo {
    margin: 10px 0;
}*/
.brand .name {
    text-align: center;
    margin: 10px 0 5px 0;
}
.brand .descriptor {
    min-height: 13px;
    text-align:center;
}
/*.no-brand-logo {
    width: 120px;
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    background: #e3e3e3;
}*/
.brand-logo-name-descriptor,
.brand-name-descriptor {
    display:flex;
    align-items:center;
}
.brand-name-descriptor {
    margin-left:10px;
    flex-direction:column;
    width:100%;
}
.brand-logo-wrapper {
	position:relative;
	margin-bottom:10px;
	/*min-width: 120px;
    height: 90px;
    border:1px solid #b7b7b7;*/
}
.brand-logo-wrapper label,
.campaign-source-logo-wrapper label {
    position: absolute;
    width: 120px;
    height: 90px;
    top: 0;
    left: 0;
    background: transparent;
    z-index: 2;
    cursor: pointer;
    display: flex;
    overflow: hidden;
}
.campaign-source-logo-wrapper.mini label {
    width: 20px;
    height: 20px;
}
.brand-logo-wrapper label:hover::after,
.campaign-source-logo-wrapper label:hover::after {
  background: rgba(0,0,0,0.6);
  content: "Update Logo";
  display: flex;
  align-items:center;
  justify-content: center;
  color: white;
  margin: auto;
  font-size: 12px;
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  height:90px;
}
.campaign-source-logo-wrapper.mini label:hover::after,
.campaign-source-logo-wrapper.mini label.pending::after {
  height:20px;
  font-size:7px;
}
.brand-logo-wrapper label.pending::after,
.campaign-source-logo-wrapper label.pending::after {
  background: rgba(0,0,0,0.6);
  content: "Pending";
  display: flex;
  align-items:center;
  justify-content: center;
  color: white;
  margin: auto;
  font-size: 12px;
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  height:90px;
}

/*.brand-details {
	margin-left:20px;
}*/
.brand-details textarea {
    height: 160px;
}
.brand-approver-name-container {
    max-width: calc(100vw - 184px);
    overflow: hidden;
}
.brand-approver-name {
    text-overflow: ellipsis;
    overflow: hidden;
}

/***************
* settings - groups *
****************/
.group-container {
	display:flex;
	flex-wrap:nowrap;
}
.group {
    flex: 1 1 auto;
    /*margin-right: 20px;*/
}
.google-visualization-orgchart-table .orgChartNode {
    background: #25569C;
    color: #FFFFFF;
    /*font-size: 0.875rem;*/
    font-size: 0.8125rem; /*13px*/
    padding: 10px 20px;
    /*line-height: 1.5;*/
    line-height: 1.230769230769231; /*16px*/
    position:relative;
    cursor: context-menu;
    font-weight: 400;
}
.google-visualization-orgchart-table  tr {
    background-color: #f8f8f8;
}
.google-visualization-orgchart-table .remove-icon {
    position: absolute;
    font-size: 5px;
    left: 3px;
    bottom: 3px;
    border: 1px solid #FFF;
}
.google-visualization-orgchart-table .remove-icon.add {
	right: 3px;
    left: auto;
}
.google-visualization-orgchart-table .remove-icon::before,
.google-visualization-orgchart-table .remove-icon::after {
    background:#FFFFFF;
}
.orgChartNode.selectedNode {
    background: #1F2A58;
    -webkit-transition:all 0.2s linear;
    transition:all 0.2s linear;
}
.group-users {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 5px;
    margin-bottom:10px;
}
.group-user {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    margin: 0;
    background: #e3e3e3;
    padding: 5px;
}
.group-user .user-name {
    flex:1;
}
.group-preventing-deletion {
	color: red;
}
.group-preventing-deletion-user {
	margin: 5px 0;
}
/*make groupd scrollable horizontally so details aren't push off screen*/
body.groups header {
	max-width:100%;
}
body.groups #inner-wrapper {
  max-width: 100%;
}
body.groups .group {
	overflow:auto;
}

/***************
* settings - career_pages *
****************/
.career-pages.items {
    margin-bottom: 20px;
}
.career-page.item {
    cursor: pointer;
    overflow:hidden;
}
@supports not ((display: -ms-grid) or (display: grid)){
	.items {
		display:flex;
		flex-wrap: wrap;
	}
	.career-page.item {
		width:300px;
		margin:10px 10px 0 0;
	}
}
.career-page {
    align-items: center;
    padding: 10px;
}
.career-page .name {
	text-align:center;
	margin-top:10px;
}
.career-page .about-us {
    white-space: nowrap;
    overflow: hidden;
    max-width: 100%;
    text-overflow:ellipsis;
}

/***************
* settings - smart_actions *
****************/
.if-then {
	margin-top:20px;
}
.if, .then {
    display: flex;
    flex-wrap: nowrap;
}
.if-then .type {
    width: 72px;
    margin-right: 30px;
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    border-right: 1px solid #b7b7b7;
}
.if-then .then .type {
    border-style: dashed;
}
.if-then h5 {
	text-transform: uppercase;
    margin-bottom: 0;
    margin-right:10px;
    text-align: right;
    height: 40px;
    line-height: 40px;
    min-width: 42px;
}
.if-then .glyphicon,
.if-then .remove-icon {
    font-size: 22px;
    padding: 8px;
    border: 1px solid #b7b7b7;
    border-radius: 5rem;
    color: #b7b7b7;
    margin-left: auto;
    background: #FFF;
}
.if-then .options {
    flex: 1 1 auto;
}
/*.if-option,*/
.then-option {
    padding: 10px 0 0 0;
    /*margin-left: 20px;*/
}
.then-option-multi {
    grid-column: 1 / 3;
}
/*.if-option:last-child,*/
.then-option:last-child {
    padding: 10px 0 10px 0;
}
.if-options {
	display:flex;
	/*margin-left: 30px;*/
}
.if-options1,
.if-options2 {
	min-width: 280px;
	max-width:50%;
	display:flex;
	flex-direction:column;
}
.if-options1 .and,
.if-options2 .and {
    margin: 10px 0 0 30px;
}
/*.if-child-options {
    margin-left: 30px;
}*/
.then-select {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}
.then-select .autocomplete-container {
    flex:1 1 auto;
}
.if-then .remove-icon {
    font-size: 13.1px;
    border-radius: 0;
    border-left: none;
}
.if-then .remove-icon:hover {
	background:#f7f7f7;
}
.then-option-group {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}
.then-option-group .then-select {
    flex: 1 1 auto;
}
.then-option-group.inactive {
    padding-top: 30px;
    position:relative;
}
.then-option-group .inactive-warning {
    height: 30px;
    background: red;
    color: white;
    display: flex;
    align-items: center;
    padding: 5px;
    font-weight: 600;
    position: absolute;
    top: 0px;
    width: 100%;
  }
.then-options {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}
.apply-share {
	margin-top:10px;
	padding-top:10px;
	border-top:1px solid #b7b7b7;
}
section.share-with {
    max-width: 500px;
    margin-top: 20px;
}
.default-smart-action {
	margin:10px 0;
}
.template-preview-container {
	border: 1px solid #b7b7b7;
}
.tempate-preview.subject {
  border-bottom: 1px solid #b7b7b7;
}
.tempate-preview.subject,
.tempate-preview.body {
  padding: 10px;
}
/*share popup*/
.share-popup-container::before {
    content: "";
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 10px solid #b7b7b7;
    position: absolute;
    top: -11px;
    left: -1px;
}
.share-popup-container {
	position:absolute;
	top:34px;
	left:0;
	padding:10px;
	border:1px solid #b7b7b7;
	font-size:0.875rem /*12px*/;
	display:flex;
	flex-direction:column;
	background:#FFFFFF;
	z-index:1;
	font-family: 'GravityBook', sans-serif;
  width: 300px;
  height: 300px;
  overflow: auto;
}
.share-popup-container .share-with {
	margin:0;
}
.share-popup-container .share-with h3 {
    font-size: 1rem;
    color: #666;
    margin-bottom: 5px;
}
.share-popup-container .share-with .checkboxes.two {
	grid-template-columns: 1fr;
}

/***************
* settings - workflow *
****************/
.workflow-edit,
.dispositions-edit,
.departments-edit,
.employment-statuses-edit {
    width: 100%;
    max-width: 500px;
    margin-bottom:10px;
    /*position:relative;*/
}
.workflow-edit .list-item,
.dispositions-edit .list-item,
.departments-edit .list-item,
.employment-statuses-edit .list-item {
    padding:10px;
    position: relative;
    cursor: default;
    margin: 0;
}
.workflow-edit .list-item:hover,
.employment-statuses-edit .list-item:hover {
    background: #f7f7f7;
}
input.workflow-name,
input.disposition-reason,
input.department-name {
	margin:0 10px;
}
input.employment-status-name {
	margin:0 10px 0 0;
}
.workflow-edit .glyphicon,
.new-workflow-stage .glyphicon,
.new-employment-status .glyphicon {
    font-size: 20px;
    color: #616161;
}
.workflow-edit .glyphicon-move {
	cursor:move;
}
.new-workflow-stage,
.new-disposition-reason,
.new-department-name,
.new-employment-status {
    margin: 0 0 10px 0;
    display: flex;
    padding: 10px;
    align-items: center;
    border: 1px solid #e5e5e5;
    width: 100%;
    max-width: 500px;
}
.new-workflow-stage input,
.new-employment-status input {
    margin: 0 10px 0 0;
}
.add-stage-icon {
	margin-left:10px;
}
input.workflow-name.default {
    margin: 0 10px 0 30px;
}
/*.workflow-edit .droppable-bar {
    width: 100%;
    position: absolute;
    bottom: -10px;
    left: 0;
    margin:0;
    height:21px;
    opacity:0.3;
    z-index: 2;
}*/
select#workflow-category.default {
    margin-right: 30px;
}
select#workflow-category,
select#employment-status-type {
    max-width: 160px;
}
.new-workflow-stage select#workflow-category {
    max-width: 160px;
}
.new-employment-status select#employment-status-type {
    max-width: 170px;
}
.move-candidates-workflow,
.move-candidates-employment-status {
	margin:10px 0 0 0;
}
.workflow-headers,
.employment-statuses-headers {
    /* display: flex; */
    padding: 10px;
    border: 1px solid #e1e1e1;
    border-bottom: 0;

    display: grid;
    grid-template-columns: 10px 1fr 10px 170px 30px;
}
.employment-statuses-headers {
    grid-template-columns: 1fr 10px 1fr 30px;
}
.workflow-header-stage,
.employment-statuses-header-name {
    /* margin: 0 0 0 37px;
    display: inline;
    width: auto; */
    margin-bottom:0;
}
/* .employment-statuses-header-name {
    margin: 0;
 } */
.workflow-header-category,
.employment-statuses-header-type {
    /* margin: 0 30px 0 auto;
    width: 153px; */
    position: relative;
    left: 10px;
    margin-bottom:0;
}
.employment-statuses-header-type {
    /* margin: 0 85px 0 auto; */
}

/***************
* settings - users *
****************/
.users:not(body) {
    /*display: flex;
    align-items: stretch;
    flex-wrap: wrap;*/
    margin-top:10px;
}
.users .user {
    border: 1px solid #e3e3e3;
    /*margin: 0 10px 10px 0;*/
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 10px;
    /*width: 15%;*/
}
.user:hover {
	cursor:pointer;
    border: 1px solid #fb8d00;
}
.user .user-name {
	text-align:center;
	margin: 10px 0 5px 0;
}
.user-position {
    font-family: "GravityBold", sans-serif;
    text-align:center;
}
.user-last-online {
	margin-top: 10px;
	text-align:center;
}
.button.add-user {
	margin-left:auto;
}
.users-text-filter-container {
    display: flex;
    flex: 1;
}
.users-text-filter {
	min-width:200px;
	flex:1;
	margin:0 10px;
}

/***************
* settings - question library *
****************/
.question-library-form {
	background: #FFFFFF;
	margin-top:10px;
	padding:10px;
}
.re-order-question-option {
	font-size:20px;
	margin-right:10px;
	cursor:move;
}
/*.pick-one-select-all-options {
	position:relative;
}*/
/*.pick-one-select-all-options .droppable-bar {
    width: 100%;
    position: absolute;
    bottom: -15px;
    left: 0;
    margin: 0;
    height: 21px;
    opacity: 0.3;
    z-index: 2;
}
.pick-one-select-all-options #drop-spot-1,
.pick-one-select-all-options #aq-drop-spot-1 {
    bottom: auto;
    top: -10px;
}*/
/***************
* settings - unions *
****************/
.input-wrapper.union-name {
    max-width: 600px;
}
#union-employees-existing {
    max-width: 600px;
}
.remove-employee-icon {
    font-size: 24px;
    transition: all 0.3s linear;
}
.remove-employee-icon:hover {
    color:red;
}

/***************
* nethire response - tickets *
****************/
.ticket:not(body) {
	padding:10px;
	display:flex;
	flex-direction:column;
	align-items:center;
	line-height:1.3;
	cursor:pointer;
}
.ticket:not(body) span,
.ticket-company {
    margin-bottom: 5px;
    /*text-align:center;*/
}
.ticket:not(body) span:last-of-type:not(.notification-counter) {
	margin:0;
}
.ticket-company {
	/*margin-top: 5px;*/
    font-size: 0.875rem;
    font-weight: 800;
}
.ticket-hrs {
	font-weight: 800;
    text-align: center;
    font-size: 1.125rem;
}
.ticket-account-manager {
	display:flex;
	align-items:center;
}
.ticket-account-manager.awaiting {
    flex-direction: column;
}
section.tickets-open,
section.tickets-awaiting-response {
	margin:0 0 40px 0;
}
.ticket-accordions-sites {
	margin:0 0 10px 0;
}
.ticket-accordions-jobs {
	margin:10px 0 0 0;
}
.ticket-inner {
    display: flex;
    align-items: center;
    width:100%;
}
.ticket-brand-logo {
    margin-right: 10px;
}
.ticket-inner-details {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex:1;
}

/***************
* nethire response - resume clearing *
****************/
.resume-clearing-container {
    display: flex;
    flex-wrap: nowrap;
}
.resume-clearing-container .job,
.resume-clearing-container .apply-details {
    flex: 1;
    min-width: 400px;
}
.resume-clearing-container .job {
	flex:1;
	margin-right:20px;
	min-width: 350px;
}
.apply-details {
    display:flex;
    flex-wrap:nowrap;
    flex-direction:column;
    position: relative;
}
.apply-process-attachments {
    display:flex;
    flex-wrap:nowrap;
}
.apply-process {
    width: calc(50% - 5px);
    margin-right: 5px;
}
.apply-attachments {
    width: calc(50% - 5px);
    margin-left: 5px;
}
.flag-icon.large {
    font-size: 20px;
}
body.resume_clearing .job-title {
    margin-top: 20px;
}
body.resume_clearing .job-location {
	margin-bottom:10px;
	width:100%;
	font-size:0.875rem; /*14px*/
	margin-bottom:20px;
}
body.resume_clearing .job-description {
	margin:0 0 10px 0;
}
body.resume_clearing .more-countries {
	margin: auto 0 0 0;
}
.heading-filter-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    /*margin-bottom:10px;*/
}
.heading-filter-row .multi-radio-nowrap {
    margin-left:20px;
}
/*.heading-filter-row .button {
    margin-left:auto;
}*/
.button.apply-applicant {
	margin-top:10px;
}

/***************
* requisition post *
****************/
.requisition-post-container {
    display: flex;
    flex-wrap: nowrap;
}
.requisition-details, .requisition-description {
    flex: 1 1 50%;
}
.requisition-details {
	margin-right:20px;
}
.requisition-hiring-manager-deadline-brand {
	display:-ms-grid;
	display:grid;
	-ms-grid-columns: (1fr)[3];
	    grid-template-columns: repeat(3, 1fr);
	grid-gap:10px;
	margin-bottom:10px;
}
/*.requisition-brand {
	margin-bottom: 0.625rem;
}*/
.approvals:not(body) {
    margin-top: 20px;
}
.your-approval {
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	margin-bottom:10px;
	background:#FFFFFF;
    padding:10px;
    border: 1px solid #e3e3e3;
}
.your-approval .reason {
    margin:0 0 0 10px;
    flex:1;
    min-width:200px;
}
.your-approval .reason textarea {
	margin-bottom:0;
	resize: vertical;
}
.approval-user {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-right:10px;
}
.save-your-approval {
	margin-left: 10px;
}
/*.approval-user img,
.approval-user a {
	margin-bottom:5px;
}*/
.approval-user span {
	text-align:center;
}
.approval-user .user-name {
    margin: 5px 0;
    text-align:center;
}
.approval-user .approval {
    margin: 0 0 5px 0;
    padding: 0;
    font-weight: bold;
}
.approval {
	/*margin-right:10px;*/
    padding:10px;
}
#extra-details {
    resize: none;
    height: 80px;
}
body.offers .approvals {
    margin: 0 0 20px 0;
}
.requisition-buttons-two {
	display:none;
	margin-top:10px;
}
.requisition-job-title{
	margin-bottom:10px;
}
.requisition-positions {
	width:100%; 
	/*min-width:290px; */
	margin-right:10px;
	/*white-space:nowrap;*/
	display:flex;
	align-items:center;
}
.requisition-hiring-deadline {
	min-width:105px;
}
.requisition-position-hiring-deadline {
	display:flex;
	/*align-items: flex-start;*/
}
.requisition-2-columns {
	display:-ms-grid;
	display:grid;
	-ms-grid-columns: (1fr)[2];
	grid-template-columns: repeat(2, 1fr);
	grid-gap:10px;
	margin-bottom:10px;
}

/*requisition questions*/
.requisition-questions {
  margin: 0 0 20px 0;
}
.requisition-question-title {
	color:#666666;
	font-size:13px;
}
.requisition-question {
  border: 1px solid #e3e3e3;
  padding: 10px;
  margin-bottom: 10px;
  background:#FFFFFF;
}
.requisition-questions h6:not(.requisition-question-title) {
	margin-top: 1.25rem;
}

/*requisition files*/
.link {
	/* color:#fb8d00; */
	color:#25569E;
	cursor:pointer;
	transition:all 0.2s linear;
}
.link:hover {
	border-bottom: 1px solid #fb8d00;
}
.requisition-file {
  display: flex;
  align-items: center;
  padding: 5px;
  border: 1px solid #b7b7b7;
  margin-bottom:10px;
}

/***************
* nethire response - job distribution *
****************/
.filter-row {
    display: flex;
    /*flex-wrap: nowrap;*/
    flex-wrap: wrap;
    align-items: center;
    /*margin-bottom: 10px;*/
    width:100%;
}
.filter-row .between {
    margin-bottom: 10px;
}
.filter-row.job-distribution-filter .job-type {
	margin-left:auto;
}
.job-status {
	display:flex;
	align-items:center;
	flex-wrap:wrap;
}

/***************
* nethire response - job distribution review *
****************/
/*body.job_distribution_review .job-details {
	margin-right:20px;
}*/
body.job_distribution_review .job-description {
	flex-direction: column;
	min-width: auto;
	margin-left: 0;
}
/*body.job_distribution_review .keywords {
    max-width: 200px;
    margin-top: 10px;
    min-width: 150px;
    margin: 0 0 0 20px;
}*/
.jdr-container {
	display:grid;
	grid-gap:20px;
	height:auto;
	grid-template-columns:minmax(auto, 50%) minmax(300px, auto) minmax(150px, 200px);
	grid-template-rows:auto auto;
	grid-template-areas:
	"jdr-job jdr-description jdr-keywords"
	"jdr-distribution jdr-description jdr-keywords"
	;
}

.jdr-job {
	grid-area: jdr-job;
}
.jdr-description {
	grid-area: jdr-description;
}
.jdr-distribution {
	grid-area: jdr-distribution;
}
.jdr-keywords {
	grid-area: jdr-keywords;
}

.job-description-keywords-container {
	display:flex;
}
.send-to-ats-container,
.email-others-container {
	display:flex;
	align-items:center;
	flex-wrap:wrap;
}
.send-to-ats-container label,
.email-others-container label {
	margin-bottom:10px;
}
.job-distribution-location {
	display:flex;
	align-items:center;
	position:relative;
	width:100%;
}
.job-distribution-location input[type='text'] {
	padding-right:30px;
}
.job-distribution-location .remove-icon {
    position: absolute;
    top: 5px;
    right: 0;
}
.job-title-alternate-container {
	display:-ms-grid;
	display:grid;
	-ms-grid-columns:(1fr)[2];
	    grid-template-columns:repeat(2, 1fr);
	grid-gap: 10px;
}
/*body.job_distribution_review .job-expiry {
	margin-left:10px;
	max-width:200px;
}*/
.twitter-container {
    display: flex;
    align-items: center;
    margin:0 0 10px 0;
}
.tweet {
    margin-left:10px;
}
.keyword-matched {
	color: #66CCFF;
    /*text-decoration: line-through;*/
}

/***************
* nethire response - job distribution site *
****************/
.site-container {
    display: flex;
}
.site-details {
    flex: 1 1 auto;
    margin-right: 20px;
}
.site-comments-container {
    min-width: 370px;
    /*width: 700px;*/
}
.site-name-status {
	display:-ms-grid;
	display:grid;
	-ms-grid-columns: auto minmax(min-content, 140px);
	    grid-template-columns: auto minmax(-webkit-min-content, 140px);
	    grid-template-columns: auto minmax(min-content, 140px);
	grid-column-gap:10px;
	column-gap:10px;
}
.site-name {
    margin-right: 10px;
}
.site-category-cost,
.site-slots-duration {
    display: flex;
    flex:1;
    flex-wrap: wrap;
    margin-bottom:10px;
}
.input-wrapper.site-status {
	min-width: 150px;
    max-width:170px;
    margin-bottom:0;
}
.site-cost {
    display: flex;
    margin-left: auto;
    align-items: center;
    min-width: 288px;
}
#site-cost,
#site-currency,
#site-cost-type {
    margin: 0;
}
#site-cost {
	margin-right: 10px;
    /*min-width: 80px;*/
    text-align: left;
}
.site-currency {
    margin-right: 10px;
}
#site-cost-type {
	margin-bottom:0;
	min-width:100px;
}
.site-currency {
	min-width:80px;
}
.site-cost-type {
	min-width:100px;
}
.site-slots,
.site-duration {
    display: flex;
    align-items: center;
}
.site-duration {
	margin-left:auto;
}
#slots-count,
#duration-count {
	margin:0;
}
.site-repost-distributor,
.site-login-user {
	display:-ms-grid;
	display:grid;
	-ms-grid-columns:(1fr)[2];
	    grid-template-columns:repeat(2, 1fr);
	grid-column-gap: 10px;
	column-gap: 10px;
}
.site-append-apply {
	display:flex;
	flex-wrap:wrap;
	align-items:center;
}
.site-apply-method {
    margin-left: auto;
    min-width: 200px;
    max-width: 300px;
}
.site-login-details {
    margin-top: 20px;
}
#site-apply-method {
    margin-bottom: 0;
}
.criteria-province {
    display: flex;
    flex-wrap: nowrap;
}
.province-label {
    margin-top: 8px;
}
.categories .checkbox input[type='checkbox'] + label > span {
    min-width: 180px;
}
.criteria-province .checkbox input[type='checkbox'] + label > span {
    min-width: 20px;
}
.criteria-province .checkbox {
	padding-right:20px;
}
.province-checkboxes {
    border-right: 1px solid #e3e3e3;
    margin-right: 20px;
    min-width:210px;
}
/*.province-checkboxes {
	display:flex;
	flex-wrap:wrap;
}*/
#criteria-boolean-text {
    margin: 0;
}
.criteria-city-container {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}
.criteria-city-container:last-of-type {
    margin-bottom: 0;
}
/*.site-criteria .checkboxes.categories {
	margin-bottom:10px;
}*/
.jds-comment {
	white-space: pre-line;
}

/***************
* tabs *
****************/
.tabs-container {
	display:flex;
	flex-wrap:nowrap;
}
.tabs {
	min-width:120px;
}
.tab {
	background: #E3E3E3;
	padding:10px 20px;
	cursor:pointer;
	-webkit-transition:all 0.2s linear;
	transition:all 0.2s linear;
	border-bottom:1px solid #b7b7b7;
}
.tab:last-of-type {
	border-bottom:none;
}
.tab.active {
	background:#25569C;
	color:#FFFFFF;
}
.tab.disabled {
    pointer-events: none;
    /* cursor: not-allowed; */
}
.tab-content {
	padding:10px;
	flex: 1 1 auto;
	/*background:#FFFFFF;*/
	border: 1px solid #e3e3e3;
	align-self: flex-start;
}
.horizontal.tabs-container {
    flex-direction:column;
}
.horizontal .tabs {
    width: 100%;
}
.horizontal .tabs .tab {
    display: inline-block;
    border-bottom: none;
    border-right:1px solid #b7b7b7;
    text-align: center;
}
.horizontal .tabs .tab:last-of-type {
    border-right:none
}
.horizontal.three .tabs .tab {
    width: 33.3333%;
}
.horizontal .tab-content {
    padding: 10px;
    -ms-grid-row-align: normal;
        align-self: normal;
}

/***************
* comment-note *
****************/
.button.add-comment-note {
	/*margin-left:10px;*/
	margin-bottom:10px;
}
.comment-note {
    display: flex;
    flex-wrap: nowrap;
    align-items:center;
    padding: 5px;
    border: 1px solid #e3e3e3;
    background-color: #f1f1f1;
    border-radius: 5px;
}
.comment-note nh-avatar  {
    margin-right: 10px;
}
.comment-note-details {
    display: flex;
    flex-direction: column;
    line-height: 1.5;
}
/*.comment-note-details p {
	display:flex;
	align-items:center;
}*/
.site-instructions textarea,
.new-comment-note {
    margin: 0;
    height: 84px;
    resize: none;
}
.site-instructions textarea {
	margin-bottom:10px;
}

/***************
* applicants *
****************/
.applicants-controller {
    display: flex;
}
.applicants-controller .candidate-container {
    flex: 1;
}
.list-item-applicants {
	min-width:200px;
	max-width:300px;
}
.clickable-message:hover {
  cursor: pointer;
  color: #fb8d00;
}
/*compare tab*/
.sticky-header-container {
    max-height: calc(100vh - 80px);
}
table.data.applicants-compare tr.row1 {
    position: sticky;
    /* top: 0px; */
}
table.data.applicants-compare tr.row1 td {
    position: sticky;
    top: -1px;
    background-color: white;
  }
table.data.applicants-compare tr.row1 td:first-child,
table.data.applicants-compare tr.row2 td:first-child,
table.data.applicants-compare tr.row3 td:first-child,
table.data.applicants-compare tr.row4 td:first-child,
table.data.applicants-compare tr.row5 td:first-child {
	border:none;
	background: #f7f7f7;
}
table.data.applicants-compare td div {
	display:flex;
	align-items:center;
}
table.data.applicants-compare td.column1 {
	vertical-align: top;
}
table.data.applicants-compare td.column1 div {
	line-height:1.3;
	/*white-space:nowrap;*/
}
/*table.data.applicants-compare tr.row4 td:first-child {
	border-bottom:1px solid #25569C;
}*/
table.data.applicants-compare tr.row5 td {
	border-bottom:1px solid #25569C;
}
table.data.applicants-compare tr.row2 td.column1 div,
table.data.applicants-compare tr.row3 td.column1 div,
table.data.applicants-compare tr.row4 td.column1 div,
table.data.applicants-compare tr.row5 td.column1 div {
  justify-content: flex-end;
}
table.data.applicants-compare tr.row2 td.column1,
table.data.applicants-compare tr.row3 td.column1,
table.data.applicants-compare tr.row4 td.column1,
table.data.applicants-compare tr.row5 td.column1 {
	vertical-align: middle;
	white-space: nowrap;
}



/***************
* applicants2 *
****************/
/*body.applicants2 #main-content {
  padding: 0;
}*/
.applicant-container {
  display: flex;
  flex-wrap: wrap;
  background: #FFFFFF;
  /*padding:0 10px 10px 10px;*/
  border: 1px solid #d4d4d4;
}
.applicant-details,
.applicant-resumes {
  flex: 1;
}
.applicant-details {
	margin-right:10px;
	max-width:calc(50% - 20px);
	background: #FFFFFF;
	border-right: 1px solid #d4d4d4;
}
.tabs.grey {
	display: flex;
  flex-wrap: wrap;
	margin-bottom:1px;
}
.tabs.applicant-brands,
.tabs.applicant-sections {
	display:flex;
	flex-wrap:nowrap;
	overflow:hidden;
}
html.ua-mobile .tabs.applicant-sections {
    overflow-x:auto;
}
html.ua-mobile .tabs.applicant-brands {
    flex-wrap:nowrap;
    overflow-x: auto;
    white-space: nowrap;
  }
.tabs.grey .tab {
	padding:10px;
	border:none;
	border-right:1px solid #B7B7B7;
	display:flex;
	align-items:center;
	transition:all 0.2s linear;
	margin:0;
	color:#b7b7b7;
	/*border: 1px inset #f1f1f1;*/
}
.tabs.grey .tab .glyphicon-remove {
	color:#b7b7b7;
	transition:all 0.2s linear;
}
.tabs.grey .tab:last-of-type {
	border-right:none;
}
.tabs.grey .tab.active,
.tabs.grey .tab:hover {
  color: #000000;
  background: #d4d4d4;
  cursor:pointer;
  /*border: 1px outset #f1f1f1;*/
}
.tabs.grey .tab.active .glyphicon-remove,
.tabs.grey .tab:hover .glyphicon-remove {
	color:#000000;
}
.tabs.white .tab {
	background: #FFFFFF;
	color:#999999;
	padding:10px;
	display:inline-flex;
	align-items:center;
	border-bottom: 2px solid transparent;
	margin-bottom:0;
	transition: all 0.2s linear;
}
.tabs.white .tab.active {
	color:#000000;
	border-color:#fb8d00;
}
.tabs.white .tab.has_content {
	color:#000000;
}
.tabs.white.no-border .tab {
	border: none;
}
.tabs.white.no-border .tab.active {
  color: #25569C;
}
.tabs.white .tab.active,
.tabs.white .tab:hover {
	color:#000000;
}
.tabs.white .tab:hover {
	border-color:#b7b7b7;
}
.tab > span {
  white-space: nowrap;
}
.tab-content-container {
	padding:10px;
	background: #FFFFFF;
  /*display: flex;*/
  flex-direction: column;
  position: relative;
}
/* .tabs.white .tab.applicant-Resumes-tab {
	display:none;
} */
.ua-desktop .tabs .tab.applicant-Resumes-tab {
	display:none;
}
.applicant-section-tabs-container,
.applicant-brands-container {
  display: flex;
  align-items: center;
}
.applicant-brands-container button.applicant-nav-button  {
    height:33px;
}
.applicant-section-tabs-container button.applicant-nav-button  {
    height:35px;
}
span.applicant-tab-nav-left,
span.applicant-tab-nav-right {
  font-size: 16px;
  color: #999999;
  margin: 0 5px;
  cursor: pointer;
  transition:all 0.2s linear;
}
span.applicant-tab-nav-left:hover,
span.applicant-tab-nav-right:hover {
  color: #333333;
}
.applicant-info {
  background: #d4d4d4;
  padding: 10px;
  display: flex;
  align-items: center;
  margin-bottom:1px;
  position:relative;
}
.applicant-apply-container {
	position:relative;
	display:flex;
	align-items:center;
	flex-direction:column;
}
.forward-applicant-menu-icon {
	/*position:absolute;
	top:5px;
	right:5px;*/
	cursor:pointer;
	font-size:16px;
	margin-left:10px;
}
.popup-menu {
	position:absolute;
	top:0;
	right:0;
	background:#FFFFFF;
	border:1px solid #b7b7b7;
	z-index:3;
}
.popup-menu li {
	padding:10px;
	text-align:right;
	border-bottom:1px solid #b7b7b7;
	margin:0;
	background-color:#FFFFFF;
	transition:all 0.2s linear;
	cursor:pointer;
	display: flex;
  align-items: center;
  justify-content: flex-end;
  white-space:normal;
}
.popup-menu li:last-of-type {
	border-bottom:none;
}
.popup-menu li:hover {
	background-color:#f1f1f1;
}
.forward-applicant-menu {
	top:19px;
	right:5px;
}
.applicant-info-text {
	margin-left:10px;
}
.input-wrapper.applicant-current-apply {
    /* this line fixes an issue on safari & mobile safari that was blowing out the page too wide on smaller devices */
    overflow-x:hidden;
}
.applicant-name-flag {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}
.applicant-name {
	margin:0 10px 0 0;
	width:auto;
}
.applicant-flag {
  width: 28px;
  height: 20px;
}
.applicant-info .apply-candidate {
  margin: 0;
  padding: 10px;
}
.applicant-info .apply-other-job-container {
  padding: 0;
}
.applicant-info .apply-candidate {
  margin: 0;
  padding: 10px 10px 0 10px;
}
.applicant-info .apply-candidate label[for='selected-job'] {
  background:#d4d4d4;
}
.applicant-resumes {
  display: flex;
  flex-direction: column;
  max-width: 50%;
  width: 100%;
}
.applicant-resumes.tab-resumes {
	max-width:100%;
}
.applicant-resumes .document {
  /*flex: 1;*/
  flex:auto;
  /*min-height: 1200px;*/
  min-height: calc(100vh - 145px);
  height: calc(100vh - 145px);
  width:100%;
}
.view-resume-link {
	display:none;
	padding:5px 0;
}
html.ua-mobile.ua-safari .view-resume-link {
	display:block;
}
.applicant-info #current-apply {
	margin:0;
	padding:0;
	height:auto;
	position:relative;
	left:-7px;
	min-height:auto;
}
.applicant-apply-container .apply-candidate .button-group {
	flex-wrap:nowrap;
}
/*activity*/
.applicant-activity-list {
  display: flex;
  flex-direction: column;
  position:relative;
  max-height: 1000px;
  overflow:auto;
}
.applicant-activity-item {
  display: flex;
  align-items: center;
  margin-bottom:20px;
  width:50%;
  position:relative;
  left:25px;
  margin:5px auto 5px 0;
  z-index:2;
  flex: 0 0 auto;
}
.applicant-activity-item:nth-of-type(even) {
  left:-25px;
  margin:5px 0 5px auto;
}
.applicant-activity-item:nth-of-type(even) .activity-text,
.applicant-activity-item:nth-of-type(even) .activity-date {
  text-align:left;
}
.applicant-activity-item:nth-of-type(even) .activity-text-container {
	order:2;
}
.applicant-activity-item:nth-of-type(even) .activity-avatar {
  order:1;
  margin: 0 10px 0 0;
}
.activity-text {
  /*font-weight: 600;*/
  text-align:right;
  margin-bottom: 2px;
}
.activity-date {
  font-size:12px;
  color:#999;
  text-align:right;
}
.activity-text-container {
	order:1;
	flex:1;
}
.activity-avatar {
	order:2;
	margin: 0 0 0 10px;
}
.applicant-activity-list:after {
  content: " ";
  height: 100%;
  width: 0px;
  border-right: 1px dashed #333333;
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 1;
}
.applicant-social-icons {
  margin: 0 0 20px 0;
  display: flex;
  align-self: flex-start;
}
.applicant-social-icons a {
  margin-right: 10px;
  cursor: pointer;
}
.applicant-details .video-interview-questions {
  margin: 0;
}
.glyphicon.edit-applicant-profile {
	position:absolute;
	top:0;
	right:0;
	font-size:20px;
	cursor:pointer;
	transition:all 0.2s linear;
}
.glyphicon.edit-applicant-profile:hover {
	color: #fb8d00;
}
.profile-save-cancel-buttons {
	margin-left:140px;
}
.ap-address-container {
  display: flex;
  align-items:center;
}
.ap-address-unit {
	max-width:100px;
	margin-left:10px;
}
.applicant-date-range-container,
.applicant-currency-range-container,
.applicant-currency-container {
  display: flex;
  align-items: center;
  flex:1;
}
.candidate-email-alert-details {
  line-height: 1.3;
  display: flex;
  align-items: center;
}
.candidate-email-alert-details.Unsubscribed {
	color:#999999;
}
.candidate-email-alert-details .glyphicon-envelope.Subscribed {
  color:#fb8d00;
}
.candidate-email-alert-details .glyphicon-envelope.Unsubscribed {
  color:#b7b7b7;
}
.applicant-email-alerts,
.applicant-lists,
.applicant-transfer-requests,
.applicant-referrals {
	margin-top:20px;
}
/*documents*/
label.applicant-new-document {
  display: flex;
  align-items: center;
  padding: 20px;
  border: 1px solid transparent;
  justify-content: center;
  cursor:pointer;
  transition:all 0.2s linear;
  position:relative;
  background:#f3f3f3;
}
label.applicant-new-document:hover {
  border: 1px solid #fb8d00;
}
label.applicant-new-document:hover .glyphicon.add-document {
  color: #fb8d00;
}
input#applicant-new-document {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	width: 100%;
	height: 100%;
	display: block;
	cursor: pointer;
}
.glyphicon.add-document {
  /*font-size: 70px;*/
  font-size: 40px;
  color: #d4d4d4;
  margin-right: 20px;
  transition:all 0.2s linear;
}
/*.document-inner .fiv-sqo {
	transition:all 0.2s linear;
}*/
.document-inner:hover .applicant-document-name,
.document-inner:hover .applicant-document-date {
  color: #fb8d00;
}
.new-document-text {
	font-size:16px;
	display:flex;
	flex-direction:column;
	align-items:center;
}
ul.applicant-documents {
	margin-top:10px;
  display: grid;
  grid-gap: 10px;
  grid-template-columns: repeat(3, minmax(0, max-content));
}
ul.applicant-documents li {
	margin:0;
	display:flex;
	/*overflow-x: hidden;*/ /*must stay 'hidden' for share popup to work*/
}
.applicant-document-container {
  display: flex;
  align-items: center;
  padding: 10px;
  border: 1px solid #e3e3e3;
  position:relative;
  transition:all 0.2s linear;
  max-width: 100%;
  flex: 1;
}
.applicant-document-container:hover {
  border-color: #fb8d00;
}
/*list*/
ul.applicant-documents.list {
  grid-template-columns: 1fr;
  grid-gap: 5px;
}
ul.applicant-documents.list .applicant-document-container {
  padding: 5px;
  background-color: #f3f3f3;
}
ul.applicant-documents.list .fiv-sqo {
	font-size: 28px;
	min-width: 28px;
}
ul.applicant-documents.list .applicant-document-edit-button {
  font-size: 20px;
}
ul.applicant-documents.list .applicant-document-name {
  margin-bottom: 3px;
}
.applicant-documents {
  position: relative;
}
.document-info {
	margin:0 10px;
	overflow: hidden;
}
.applicant-document-name {
  margin-bottom: 5px;
  font-size: 14px;
  /* display: flex; */
  color: #000000;
  /*white-space: nowrap;*/
  /* width: 100%; */
  /*overflow-x: hidden;*/
  /*text-overflow: ellipsis;*/
  transition:all 0.2s linear;
  overflow-wrap: break-word;
}
.applicant-document-date {
	font-size:12px;
	color:#666666;
	transition:all 0.2s linear;
}
.applicant-document-edit-button {
	margin-left:auto;
	font-size:24px;
	cursor:pointer;
	transition:all 0.2s linear;
	position: relative;
	top: -3px;
}
.glyphicon.applicant-document-edit-button:hover {
	color:#fb8d00;
}
.applicant-documents .fiv-sqo {
  font-size: 40px;
  filter:grayscale(1);
  min-width:40px;
  transition:all 0.2s linear;
}
.document-inner:hover .fiv-sqo {
  filter:grayscale(0);
}
.doc-edit-popup-container {
	top: calc(100% + 10px);
	width:100%;
	padding:0;
    height: auto;
}
.applicant-document-owner-info {
	display:flex;
	align-items:center;
	margin-bottom:10px;
}
.document-inner {
	cursor:pointer;
	display:flex;
	align-items:center;
	width: calc(100% - 24px);
}
.document-owner-name {
	margin-left:10px;
}
.applicant-document-filter {
	display: flex;
	align-items: center;
	margin: 10px 0;
}
.applicant-document-filter .radio-group {
    flex-wrap: nowrap;
    margin-left: 20px;
}
/*.applicant-tab-container {
	display:flex;
}*/

/*apply details*/
.apply-details-section-container {
	display:flex;
	align-items:center;
	/*margin-bottom:10px;*/
}
.apply-details-section-container.align-top {
	align-items: flex-start;
}
.onboarding-form .apply-details-section-container {
	align-items: flex-start;
}
.applicant-details .applicant-social-icons {
	margin:0 0 10px 140px;
}
/*.applicant-details .applicant-profile-fields {
  margin-top: 20px;
}*/
.applicant-profile-field-container {
	display:flex;
	margin-bottom:10px;
	align-items:center;
}
/*.applicant-profile-fields.editing .applicant-profile-field-container.custom-field {
	padding-bottom:10px;
	border-bottom:1px solid #e1e1e1;
}*/
.editing .applicant-profile-field-container {
    padding-bottom: 10px;
    border-bottom: 1px solid #e1e1e1;
}
.applicant-profile-field-container.custom-field:last-of-type {
	border-bottom:none;
}
.applicant-profile-field-title {
  min-width: 140px;
  max-width: 140px;
  line-height:1.2;
  text-align: right;
  font-size: 13px;
  margin: 0 20px 0 0;
  width: auto;
  color: #000000;
}
.applicant-profile-field-title.pickone,
.applicant-profile-field-title.selectallthatapply {
	align-self:flex-start;
	margin-top:5px;
}
.applicant-profile-field-value {
	color:#666666;
}
.applicant-profile-section {
	background-color: #F6F6F6;
	margin-bottom: 10px;
}
.applicant-profile-section .applicant-profile-section-fields {
	padding-left: 10px;
	padding-bottom: 10px;
}
.applicant-profile-section-collapsed .applicant-profile-section-fields {
	display: none;
	transition: all 0.2s linear;
}
.applicant-profile-section .applicant-profile-field-container:last-of-type {
	margin-bottom: 0px;
}
.applicant-profile-section h5::before {
	content: "\027E9";
	display: inline-flex;
	align-items: center;
	padding: 0.5rem 1rem;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
	opacity: 0;
	transform: rotate(90deg);
}
.applicant-profile-section h5.title {
	cursor: pointer;
}
.applicant-profile-section h5.title::before {
	opacity: 1;
}
.applicant-profile-section.applicant-profile-section-collapsed h5::before {
	transform: rotate(0deg);
}
.applicant-profile-section .applicant-profile-field-title {
  min-width: 130px;
  max-width: 130px;
}
.applicant-first-last-name-container {
	display: grid;
	grid-gap: 5px;
	grid-template-columns: 1fr 1fr;
}
.apply-details-section-title {
	min-width: 110px;
  text-align: right;
  font-size: 13px;
  margin: 0 20px 0 0;
  width: auto;
  color:#000000;
}
.applicant-references .apply-details-section-title {
    min-width: 175px;
}
.applicant-references .referencee-info .apply-details-section-title {
	min-width: 135px;
}
.applicant-references .applicant-apply-questions {
    margin:10px 0 0 0;
}
.applicant-references .applicant-apply-questions-container {
    padding: 10px;
    border: 1px solid #e1e1e1;
    background: #f3f3f3;
    border-radius:5px;
    margin-top:10px;
}
.applicant-references .apply-question {
    flex-direction: column;
    align-items: flex-start;
}
.applicant-references .apply-question-text {
    font-weight: 600;
}
.applicant-references .applicant-apply-questions .apply-question-answer {
    margin-left: 0;
    text-align: left;
    margin-top: 5px;
}
.apply-details-info-container {
	margin-bottom: 10px;
  position: relative;
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 10px 20px;
}
.apply-details-info-container.two-column {
	grid-template-columns: 2fr 1fr;
}
.applicant-profile-field-value,
.applicant-profile-answer-edit,
.applicant-profile-answer-edit + div {
  flex: 1;
}
.applicant-profile-answer-edit .checkbox {
  padding-right: 10px;
}
.applicant-profile-date {
	max-width:150px;
}
.applicant-apply-questions {
	margin-top:10px;
}
.applicant-apply-questions > div {
	padding:10px;
	border:1px solid #d4d4d4;
	border-bottom:none;
}
.applicant-apply-questions div:last-of-type {
	border-bottom:1px solid #d4d4d4;
}
.applicant-apply-questions .apply-question {
	margin:0;
}
.applicant-apply-questions .apply-question.separator {
  border-top: 1px solid #25569C;
  height: unset;
  background: unset;
}
.applicant-apply-questions .apply-question-text {
	margin-right:20px;
}
.applicant-apply-questions .apply-question-answer {
	margin-left:auto;
	word-break: break-word;
    min-width: 15%;
}
.applicant-apply-questions-container {
  margin-top: 20px;
}
.applicant-apply-questions-container2 {
    margin-top: 20px;
}
.applicant-apply-questions-container2 .applicant-apply-questions > div:not(.flex-container) {
    border: 0;
    background: none;
    flex-direction: column;
    align-items: flex-start;
}
.applicant-apply-questions-container2 .applicant-apply-questions > div {
    border: none;
    background: #f1f1f1;
    border-radius:5px;
}
.applicant-apply-questions-container2 .applicant-apply-questions .apply-question-text {
    margin: 0;
    width: 100%;
    /* font-weight: 600; */
    font-family: 'GravityRegular';
    font-size: 13px;
}
.applicant-apply-questions-container2 .applicant-apply-questions .apply-question-answer {
    margin: 5px 0 0 0;
    width: 100%;
    text-align: left;
    line-height: 1.25;
}
.employment-history-row {
	padding: 10px;
	border-bottom: none;
	align-items: center;
	display: flex;
}
.employment-history-dates {
	margin-right: 20px;
	width: 170px;
    text-align:right;
    align-self:flex-start;
}
.employment-history-job {
	flex:1
}
.employment-history-job > div + div {
	margin-top: 5px;
}
input[type='text'].small-input {
  height: 15px;
  padding: 0;
  min-height: 15px;
  border: none;
  margin:0;
}
/*.applicant-lists {
  padding: 10px;
}*/
.applicant-list-inner,
.applicant-list-action {
	display:flex;
	align-items:center;
}
.applicant-list-action {
	margin-left:10px;
}
.list-action {
	cursor:pointer;
	transition:all 0.2s linear;
}
.list-action:hover {
	color:#fb8d00;
}
.applicant-profile-fields input[type='number'] {
	min-width: 120px;
	max-width: 120px;
	text-align: left;
}
ul.applicant-lists {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap:5px;
}
.applicant-list {
  min-height: 40px;
  width: auto;
  background: #E3E3E3;
  padding: 5px;
  display: inline-flex;
  align-items: center;
  margin-bottom: 0;
}
.applicant-list.add {
    padding: 0;
    background: #fff;
}

/*interviews*/
.applicant-video-interview-questions-container {
  padding: 10px;
  border: 1px solid #F3F3F3;
}
.applicant-video-interview-questions-container video.video-interview-answer {
  width: 100%;
  height: auto;
  max-height:400px;
}
.candidate-video-interview-number {
  min-width: 14.5px;
  display: inline-block;
}
.applicant-video-interview-container.has-error {
  color: #666;
  cursor: not-allowed;
}
.has-error .star::before,
.has-error .star-rating > .star:not(.display):hover:before,
.has-error .star-rating > .star:not(.display):hover ~ .star:before,
.has-error .star-rating > .star.rated:before {
  color: #b7b7b7;
  cursor: not-allowed;
}
.glyphicon-info-sign.video-preview-icon,
.glyphicon-info-sign.video-preview-icon:hover {
  color: #cc0000;
  cursor: help;
}
/*offers*/
.applicant-offer-details-inner {
  display: flex;
  align-items: center;
  border:1px solid transparent;
  cursor:pointer;
  transition:all 0.2s linear;
}
.applicant-offer-details-inner:hover {
  border: 1px solid #b7b7b7;
}
.offer-details-container {
  display: flex;
  flex: 1;
  min-height: 62px;
  padding: 10px;
  background: #f3f3f3;
  align-items: center;
}
.offer-details-container .details,
.offer-status-container {
  display: flex;
  flex-direction: column;
}
.offer-details-container .details {
	margin-right:20px;
}
.offer-created {
  margin-top: 5px;
}
.offer-status-container {
	margin-left:auto;
	text-align:right;
}
.offer-accepted-date {
	color:#666666;
}
.applicant-offer-status {
	margin-bottom:5px;
}
a.offer-resend-link {
  align-self: flex-end;
}
.new-applicant-offer {
  background: #f3f3f3;
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #666666;
  border:1px solid transparent;
  cursor:pointer;
  font-size:14px;
  flex:1;
  transition:all 0.2s linear;
}
.new-applicant-offer:hover {
	border:1px solid #fb8d00;
}
.glyphicon.new-offer {
	font-size:40px;
	margin-right:20px;
	color:#d4d4d4;
	transition:all 0.2s linear;
}
.new-applicant-offer:hover .glyphicon.new-offer {
	color:#fb8d00;
}
.offer-approvers {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.offer-approvers nh-avatar + nh-avatar {
  margin-left:5px;
}
.offer-buttons-top {
	text-align: right;
}
/*notes*/
.applicant-note-container {
	display:flex;
	align-items:flex-start;
	margin-bottom:20px;
}
.applicant-note-text-container {
	display:flex;
	flex-direction:column;
	flex:1;
	position:relative;
}
/* .applicant-details .comment-note-details p {
  display: flex;
  align-items: center;
} */
.applicant-details .comment-note-details p img {
	vertical-align: middle;
}
.applicant-details-inner .communication-conversation-body {
  height: calc(100vh - 325px);
  overflow-y: auto;
}
span.candidate-video-interview-question {
  line-height: 1.6;
}
/*profile*/
#employee_reset_password {
	margin-left: 0.625rem;
}
label[for='active-employee-toggle'] {
	margin-left:0 !important;	
	margin-right: 0.3rem;
}
.add-email-alias {
  font-size: 20px;
  border: 1px solid #b7b7b7;
  padding: 9px;
  border-left: none;
  cursor: pointer;
  transition: all 0.2s linear;
}
.add-email-alias:hover {
  color: #fb8d00;
}
#newEmailAlias {
	border-right:none;
}
/*recruiting tab*/
.recruiting-order.accordion .title {
  padding: 0;
  background-color: #f3f3f3;
}
.recruiting-order.accordion .title::before {
	content: none;
}
.recruiting-order.accordion .title::after {
  content: "\027E9";
  display: inline-flex;
  align-items: center;
  padding: 0.5rem 1rem;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  margin-left:auto;
}
.recruiting-order.accordion.open .title::after {
  transform: rotate(90deg);
}
.recruiting-order.accordion .details {
	display: flex;
  flex-direction: column;
  margin-left: 20px;
  font-size: 13px;
  font-family: 'GravityBook', sans-serif;
}
.recruiting-order.accordion section.accordion-content {
  border: 1px solid #f3f3f3;
  border-top: none;
}
.recruiting-order.accordion .section-title {
  padding: 10px;
  background-color: #2556A0;
  color: white;
  text-align: center;
  width: calc(100% + 20px);
  position: relative;
  left: -10px;
}
.new-recruiting-note {
	height: 40px;
  resize: vertical;
}
.recruiting-note-container {
  display: flex;
  align-items: flex-start;
  margin:0;
}
.applicant-profile-field-container.notes-container {
	background: #f3f3f3;
}
.applicant-profile-answer-edit.recruiting-notes {
	padding: 10px;
	border: 1px solid #f3f3f3;
	background: #FFFFFF;
}
ul.recruiting-notes {
  max-height: 110px;
  overflow: auto;
}
.recruiting-note {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  margin: 5px 0 0 0;
}
.recruiting-note-details {
  display: flex;
  flex-direction: column;
  line-height: 1.5;
  margin-left:10px;
}
.recruiting-order.accordion .applicant-profile-field-title {
  align-self: flex-start;
  padding: 10px 0 0 10px;
}

/* references */
.reference-status-icon {
    font-size: 1.3rem;
    cursor:help;
}
.reference-status-icon.Completed {
    color: #69bc4e;
}
.reference-status-icon.Declined {
    color: #c41010;
}
.reference-status-icon.Requested {
    /* color: #0270dc; */
    color: #25569E;
}
.reference-status-icon.Deleted {
    color: #7b7b7b;
}
.reference-warning {
    /* background-color: red;
    color: white;
    font-weight: 600; */
    display: flex;
    align-items: center;
}
.reference-warning-icon {
    font-size: 20px;
    color: red;
}
.references-container {
    padding: 10px;
    border: 1px solid #e1e1e1;
    border-radius: 5px;
    margin-bottom: 20px;
}
.references-container:last-of-type {
    margin-bottom: 0;
}
.references-container .apply-details-info-container {
    margin-bottom: 0;
}
.references-container .applicant-apply-questions > div,
.references-container .applicant-apply-questions > div:last-of-type {
    border:none;
}


/***************
* settings - applicant profile *
****************/
.profile-container {
  align-items: flex-start;
}
.profile-fields {
  flex: 1;
}
.profile-field {
  align-items: center;
  cursor: pointer;
  width: 100%;
  display: flex;
  align-items: center;
}
.profile-field-inner {
  display: flex;
  flex: 1;
  align-items: center;
  padding: 10px;
  border: 1px solid #b7b7b7;
}
.profile-field-name {
	color:#666666;
	margin:0 10px 0 0;
}
.profile-brand-logos {
  display: flex;
}
.profile-brand-logos .brand-logo {
  border: 1px solid #f1f1f1;
  margin-right:10px;
}
.profile-brand-logos .brand-logo:last-of-type {
  margin-right:0;
}
.new-profile-field-option,
.applicant-profile-field-option {
  display: flex;
  margin-top: 10px;
  align-items:center;
}
.profile-field-brands-container {
  margin-top: 10px;
}
.profile-heading {
	align-items: center;
	display: flex;
	flex-direction: column;
	width: 100%;
	margin-bottom: 10px;
}
.profile-heading-top {
	align-items: center;
	display: flex;
	cursor: pointer;
	width: 100%;
	margin-bottom: 10px;
}
.profile-heading-inner {
	display: flex;
	flex: 1;
	align-items: center;
	padding: 10px;
	border: 1px solid #b7b7b7;
}
.profile-heading-name {
	color:#25569C;
	font-weight: bold;
	margin:0 10px 0 0;
}
.profile-fields-container.empty {
	text-align: center;
	align-content: center;
	color: #666666;
	border: 1px dashed #b7b7b7;
	padding: 0;
	min-height: 45px;
	margin-bottom: 10px;
}
.profile-fields-container.empty * {
	max-width: 100%;
}
.profile-fields-empty-msg {
	margin: 10px;
}
.profile-heading .profile-fields-container {
	width: 100%;
	padding: 0 30px;
}
.profile-heading .profile-fields-container.empty {
	width: calc(100% - 120px);
	max-width: calc(100% - 120px);
	padding: 0;
}
.applicant-currency-range-container input[type='number'] {
  /*min-width: 120px;
  max-width: 120px;*/
  min-width: calc(50% - 34px);
  max-width: calc(50% - 34px);
  text-align: left;
}

/***************
* candidate *
****************/
.candidate-container {
    display: flex;
    flex-wrap:wrap;
}
.candidate-details,
.candidate-documents {
    flex: 1;
}
.candidate-documents {
	margin-left:20px;
	display: flex;
    flex-direction: column;
    /*min-width:768px;*/
    min-width:630px;
    width: 100%;
}
.candidate-documents .document {
    flex: 1;
    min-height: 1200px;
}
.white-section {
	padding:10px;
	background:#FFFFFF;
}
.border {
	border:1px solid #e3e3e3;
}
.candidate-name-row {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    margin-bottom: 20px;
}
input.edit-candidate-phone {
    margin: 0;
}
.candidate-name-container {
	position:relative;
}
.edit-candiate-name-container {
	display:flex;
	flex-wrap:nowrap;
	align-items:center;
	margin-bottom:10px;
}
.edit-candiate-name-container .glyphicon {
	font-size:1.4rem;
	margin-left:10px;
}
.applicant-email-phone-country {
	display:flex;
	flex-wrap:nowrap;
	align-items:center;
}
input.new-candidate-name {
	margin-bottom:0;
}
.glyphicon-remove:hover,
.glyphicon-remove-sign:hover {
	color:red;
}
.glyphicon-ok:hover {
	color:#fb8d00;
}
.candidate-email,
.candidate-phone {
    margin-right: 10px;
}
.candidate-email::after,
.candidate-phone::after {
    content: "|";
    margin-left: 10px;
}
.candidate-country-container {
    display: flex;
    align-items: center;
}
.candidate-country-container .flag-icon {
    margin-right: 5px;
}
#candidate-employment-status {
    margin-bottom: 0;
}
.candidate-social-icons {
	margin-left:auto;
	display: flex;
	align-self:flex-start;
}
.candidate-social-icons a {
	margin-right:10px;
	cursor: pointer;
}
.candidate-social-icons a:last-of-type {
	margin-right:0;
}
.candidate-applies {
	display:flex;
	flex-direction:column;
}
.current-apply-container {
	display:flex;
}
.current-apply {
	margin-right:10px;
}
.more-applies {
	margin:0 0 0 auto;
}
.other-applies {
	background: #FFFFFF;
	padding:20px;
}
.apply-candidate {
	display:flex;
	flex-direction:column;
	margin-top:5px;
}
.apply-candidate a {
	align-self: flex-start;
}
.apply-other-job-container {
	display:flex;
	align-items:center;
	position:relative;
	padding: 10px 0 0 20px;
}
.button.apply-to-other-job {
	margin-left:10px;
}
.background-check {
    margin-bottom: 10px;
    display: flex;
    background: #FFFFFF;
    align-items: center;
}
.apply-question {
    align-items: center;
    display: flex;
    margin-bottom: 10px;
}
.apply-question:last-child {
    margin-bottom: 0;
}
.disqualified-icon-wrapper {
    width: 20px;
    margin-right: 10px;
}
.apply-question-text, .apply-question-answer {
    width: auto;
}
.apply-question-answer {
    text-align:right;
}
.question-separator {
    border: 1px dotted #e3e3e3;
    height: 2px;
    flex: 1;
    margin: 0 20px;
}
.apply-question-navigation,
.video-answer-navigation,
.location-navigation {
	/*display:inline-flex;*/
	display:flex;
	align-items:center;
	flex-wrap:nowrap;
	margin-bottom: 10px;
	/*padding-bottom: 10px;
    border-bottom: 1px solid #f7f7f7;*/
}
.previous-question,
.next-question,
.next-navigation,
.previous-navigation {
    display: flex;
    align-items: center;
}
.previous-question:hover,
.next-question:hover,
.previous-question:hover .glyphicon,
.next-question:hover .glyphicon,
.next-navigation:hover,
.previous-navigation:hover,
.next-navigation:hover .glyphicon,
.previous-navigation:hover .glyphicon {
    color: #fb8d00;
    cursor:pointer;
}
.apply-question-navigation .glyphicon,
.video-answer-navigation .glyphicon {
    /*color:#fb8d00;*/
    font-size:20px;
}
.previous-icon {
	margin-right:5px;
}
.next-icon {
	margin-left:5px;
}
.questions-date {
	color:#666666;
	/*question navigation*/
    /*margin: 0 10px;
    text-align: center;*/

    /*no question navigation*/
    margin: 0;
}
.video-interview-date {
    margin: 0 20px;
    text-align: center;
    color:#666666;
}
.video-interview-questions {
    margin: 10px 0 0 0;
    position: relative;
}
.candidate-video-interview,
.candidate-video-interview-bulk {
	counter-reset:candidate-video-interview-container;
}
.candidate-video-interview-container {
    display: flex;
    align-items: center;
    line-height: 1.5;
}
.candidate-video-interview-container:last-child {
    margin-bottom:0;
}
.web-beacon {
	margin-top:5px;
	font-size:12px;
	color:#666666;
}
/*bulk*/
.candidate-video-interview-bulk .candidate-video-interview-container {
    border-bottom: 1px solid #e3e3e3;
    padding-bottom:10px;
    cursor:pointer;
}
.candidate-video-interview-bulk .candidate-video-interview-container:last-child {
    border:none;
    padding-bottom:0;
}
/*.candidate-video-interview-container:not(.no-counter)::before {
    counter-increment: candidate-video-interview-container;
    content: counter(candidate-video-interview-container)".";
    content: "";
    margin: 6px 5px 0 0;
    min-width: 12px;
    align-self:flex-start;
}*/
/*.candidate-video-interview-number {
    position: absolute;
    left: 10px;
}*/
.candidate-video-interview-inner {
	display:flex;
	flex-direction:column;
	width:100%;
	flex:1;
	 /*offset the indentation so its centered*/
	/*margin-right:12px;*/
}
.candidate-video-interview-question-rating {
    display: flex;
    flex: auto;
    width: 100%;
    align-items: center;
    min-height: 30px;
    /*margin-left: 16px;*/
    /*padding: 0 16px;*/
}
.candidate-video-interview-answer-preview {
    width: 100%;
    flex: 1;
    margin: 10px 0;
}
video.video-interview-answer {
    width: 360px;
    max-width: 100%;
    border: 1px solid #b7b7b7;
}
video.video-interview-answer.full-size {
    max-width: 640px;
}
.video-preview-icon {
    margin: 0 5px;
    font-size: 20px;
    position:relative;
    top:5px;
}
.video-preview-icon.previewing,
.video-preview-icon:hover {
    color: #fb8d00;
    cursor:pointer;
}
/*.candidate-notes-title {
	display:inline-block;
	margin:0 10px 0 0;
}*/
.candidate-interview-details {
  display: flex;
  flex-direction:column;
}
.candidate-interview-details-inner {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  min-height:62px;
  border:1px solid transparent;
  transition:all 0.2s linear;
}
.candidate-interview-details-inner:hover {
  border: 1px solid #b7b7b7;
}
.interview-calendar-date,
.calendar-date {
  padding: 0.555555555555556em; /*10px*/
  background: #b7b7b7;
  color: #FFFFFF;
  font-size: 1.125rem; /*18px*/
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  line-height: 1.2;
  min-width: 3.888888888888889em; /*70px*/
  align-self: stretch;
}
.interview-calendar-date .glyphicon-calendar,
.interview-calendar-date .glyphicon-clock {
  color: #FFFFFF;
  font-size: 30px;
}
.interview-details-container {
	display:flex;
	flex:1;
	min-height:62px;
	padding:10px;
	background:#f3f3f3;
	align-items: center;
	flex-wrap: wrap;
}
.interview-type {
	font-size:2rem;
}
.interview-type.small {
	font-size:1.5rem;
}
.candidate-interview-details .details {
    display: flex;
    flex-direction: column;
    margin:0 10px;
    flex:1;
}
.candidate-interview-details .status-resend {
	display:flex;
	flex-direction:column;
}
a.interview-resend-link {
    margin-top: 10px;
    align-self: flex-end;
}
.interview-job-title {
    margin-bottom: 5px;
}
.interview-date-time-location {
    display: flex;
    align-items: center;
    flex-wrap:wrap;
}
.interview-status {
    margin-left: auto;
    align-self: flex-start;
    font-size: 0.875rem;
    display: flex;
    align-items: center;
}
.interview-date,
.interview-time,
.interview-location {
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	/*min-height:14px;*/
	line-height:1.2;
}
.candidate-email-alert-details:last-of-type {
    margin-bottom: 0;
}
.candidate-notes-container {
	margin-left:auto;
}
ul.ping-users {
    border: 1px solid #b7b7b7;
    background: white;
    display:inline-block;
    position:absolute;
    top:0;
    left:0;
    z-index:100;
    max-height:300px;
    overflow-y: scroll;
}
.ping-user {
	cursor:pointer;
	display:flex;
	align-items:center;
	padding:5px;
	margin:0;
	transition:all 0.2s linear;
}
.ping-user:hover {
	background-color:#e1e1e1;
}
.candidate-document {
    width: 100%;
    height: 100%;
}
.document-names {
    display: flex;
    flex-wrap: wrap;
}
.document-name {
    margin-right: 10px;
    border-bottom: 2px solid #b7b7b7;
    line-height: 1.5;
    cursor: pointer;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    overflow: hidden;
    flex: 0 0 calc(33% - 5px);
    text-overflow: ellipsis;
    white-space: nowrap;
}
.document-name:nth-of-type(3n) {
    margin-right: 0;
}
.document-name:hover,
.document-name.active {
	border-bottom:2px solid #25569C;
}
.candidate-notes-filter {
    margin-bottom: 10px;
}
.indicator::before {
    content: "\027E9";
    display: inline-flex;
    align-items: center;
    padding: 0.3rem 1rem;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.indicator.expanded::before {
    /* content: "\027E8"; */
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

/***************
* star ratings *
****************/
.star-rating {
	unicode-bidi: bidi-override;
	direction: rtl;
	margin-left:auto;
	white-space: nowrap;
}
.star {
	position:relative;
}
.star::before {
	content:"\02605";
	color:#666666;
	font-size:20px;
	text-shadow: 0px 0px 2px transparent;
	-webkit-transition:all 0.2s linear;
	transition:all 0.2s linear;
}
.star-rating > .star:not(.display):hover:before,
.star-rating > .star:not(.display):hover ~ .star:before,
.star-rating > .star.rated:before {
  color:#fb8d00;
	cursor:pointer;
	text-shadow: 0px 0px 4px #fb8d00;
}
.star-rating > .star.display.rated:before {
	cursor:normal;
}
.star-rating > .star.dec:after {
	content:"\02605";
	color:#fb8d00;
	font-size:20px;
	text-shadow: 0px 0px 4px #fb8d00;
	-webkit-transition:all 0.2s linear;
	transition:all 0.2s linear;
	clip-path:inset(0% 0 0 0);
	position:absolute;
	top:-4px;
	left:0;
}
.star-rating > .star.dec.dec9:after {
	clip-path:inset(10% 0 0 0);
}
.star-rating > .star.dec.dec8:after {
	clip-path:inset(20% 0 0 0);
}
.star-rating > .star.dec.dec7:after {
	clip-path:inset(30% 0 0 0);
}
.star-rating > .star.dec.dec6:after {
	clip-path:inset(40% 0 0 0);
}
.star-rating > .star.dec.dec5:after {
	clip-path:inset(50% 0 0 0);
}
.star-rating > .star.dec.dec4:after {
	clip-path:inset(60% 0 0 0);
}
.star-rating > .star.dec.dec3:after {
	clip-path:inset(70% 0 0 0);
}
.star-rating > .star.dec.dec2:after {
	clip-path:inset(80% 0 0 0);
}
.star-rating > .star.dec.dec1:after {
	clip-path:inset(90% 0 0 0);
}

/***************
* talent pool *
****************/
.tp-content {
    flex-wrap: nowrap;
    display: flex;
    flex-direction: row;
    width: 100%;
}
.all-candidates.list-item {
	border: 1px solid #e5e5e5;
}
.create-list {
    width: 100%;
    margin: 10px 0;
}
.tp-candidates .glyphicon-ok {
    font-size: 1rem;
}
.suggested-candidates {
	margin-top:20px;
}
/*.search-tems {
    margin-left: 10px;
}*/
.list-option-icon {
    margin-left: 20px;
    font-size: 1.5rem; /*24px*/
    cursor: pointer;
    -webkit-transition:all 0.2s linear;
    transition:all 0.2s linear;
}
.list-option-icon:hover {
	color:#25569C;
}
.glyphicon.list-shared-icon {
	color:#b7b7b7;
}
.glyphicon.list-shared-icon.shared {
	color:#fb8d00;
}
#current-list-name {
    width: 200px;
    font-size: 1rem; /*16px*/
    font-weight: 500;
}
/*animate tr entering, leaving and moving*/
.animate-row.ng-move,
.animate-row.ng-enter,
.animate-row.ng-leave {
  -webkit-transition:all linear 0.3s;
  transition:all linear 0.3s;
}

.animate-row.ng-leave.ng-leave-active,
.animate-row.ng-move,
.animate-row.ng-enter {
  opacity:0;
  max-height:0;
}

.animate-row.ng-leave,
.animate-row.ng-move.ng-move-active,
.animate-row.ng-enter.ng-enter-active {
  opacity:1;
  max-height:100px;
}
.candidates .nh-candidate-filter {
    margin-bottom: 10px;
}
.candidate-list-details {
	padding:10px;
	border:1px solid #e5e5e5;
	border-bottom:none;
}
.candidate-list-name-options {
    display: flex;
    align-items: center;
}
body.talent_pool .glyphicon-social {
	font-size:19px;
}
.tp-lists-mobile {
	display:none;
	margin-right:10px;
}
.tp-lists-mobile-filter-row {
	display:flex;
	align-items:center;
	margin-left:20px;
}
.candidates-outer {
  flex: auto;
  max-width: 100%;
}

/***************
* talent bank *
****************/
.talent-bank-container {
  display: flex;
  align-items: flex-start;
}
.tb-candidates {
	flex:1 1 50%;
	margin-right:10px;
}
.tb-candidate {
	display:flex;
	flex-direction:column;
	flex: 1 1 50%;
}
.applicant-resumes.tb {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width:100%;
}
body.talent_bank .nh-candidate-filter.nh-applicant-filter {
  margin-bottom: 10px;
  margin-left: 10px;
}
.tb-add-applicant {
	cursor:pointer;
	font-size:24px;
	transition: all 0.2s linear;
}
.tb-add-applicant:hover {
	color:#000000;
}

/***************
* compare candidates *
****************/
.cc-content {
    display: flex;
    flex-wrap: nowrap;
}
.compare-candidates {
    flex: 1 1 auto;
    -webkit-transition:all 0.2s linear;
    transition:all 0.2s linear;
    max-width:100%;
}
.compare-candidate-name {
	display:flex;
	align-items:center;
}
.hide-answers {
	font-size:12px;
	margin-left:auto;
	align-self:flex-end;
}
/*.question-th,
.question-td {
	display:none;
}
.question-th:nth-child(-n+8),
.question-td:nth-child(-n+8) {
	display:table-cell;
}*/
/*.selectable-row:hover {
	border:1px solid #fb8d00;
}*/
.compare-questions-details {
	flex:1 1 auto;
	margin-left:20px;
}
tr:hover.selectable-row,
tr.active-row {
    cursor: pointer;
    background: rgba(37, 86, 156, 0.1);
}
tr.active-row {
	cursor:default;
}
tr.active-row td {
    border:none;
}
.compare-questions-details.ng-hide-remove {
  -webkit-transform: rotateY(90deg);
          transform: rotateY(90deg);
  -webkit-transform-origin: right;
          transform-origin: right;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.compare-questions-details.ng-hide-remove.ng-hide-remove-active {
  -webkit-transform: rotateY(0);
          transform: rotateY(0);
}
.compare-questions-details .question {
    line-height:1.4;
}
.compare-questions-details .answer {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    margin: 10px 0 20px 0;
}
/*.more-questions-indicator {
    color: #25569C;
    margin-left:auto;
}*/
.compare-questions-details .question {
    display: inline-flex;
    align-items: center;
}
.compare-questions-details .icon.disqualified {
    margin-left:10px;
}
/***************
* offers - summary *
****************/
body.offers.summary h1,
body.references.list h1 {
	margin:0 20px 10px 0;
}
.offer-status {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 10px;
    align-items: center;
    flex: 1;
}
.create-offer {
	margin: 0 0 10px auto;
}
/***************
* offers - offer *
****************/
.offer-container {
    display: flex;
}
.offer-content,
.offer-placeholders,
.offer-approvals {
	flex:1 1 50%;
}
.offer-content {
    margin-right: 10px;
}
.offer-content-display {
	padding:10px;
	border:1px solid #b7b7b7;
	position:relative;
	background: #FFFFFF;
	min-height:4in;
	/* font-family: 'Helvetica', 'Arial', sans-serif; */
	font-family: 'GravityRegular', sans-serif;
	padding-top:0;
  border-top:none;
}
.offer-content-display ul {
  margin: 10px 0 0 20px;
}
.offer-content-display ul li {
  list-style-type: square;
}
.offer-placeholders,
.offer-approvals {
	margin-left: 10px;
}
.placeholders {
  display:grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap:10px;
  align-items: flex-end;
}
.offer-placeholders .placeholder {
  display: flex;
  flex-direction:column;
}
.offer-placeholders {
	max-width: 50%;
	max-width: calc(50% - 10px);
}
.offer-placeholders dd {
	overflow: hidden;
}
/*.offer-placeholders .placeholder:nth-of-type(2n) {
    margin: 0 0 10px 5px;
}*/
.placeholder label {
	display:flex;
	margin-bottom:5px;
	-webkit-transition:all 0.2s linear;
	transition:all 0.2s linear;
    overflow-wrap: anywhere;
}
.placeholder label:hover,
.placeholder label.active {
	cursor:pointer;
	color:#fb8d00;
}
/*.placeholder label.active {
	cursor:default;
}*/
.placeholder label.active.error,
.accordion .title.error {
	color:#e00303;
}
/*.placeholder input {
	flex:1 1 auto;
}*/
/*.placeholder .brand-logo {
    
}*/
.save-offer {
    margin-top: 10px;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    min-height:40px;
}
#offer-name {
    margin: 0;
}
.offer-content-display::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    font-size: 5rem;
    font-family: 'GravityBold', Helvetica, 'sans-serif';
    font-weight: 800;
    display: flex;
    justify-content: center;
    align-items: center;
    color: red;
    opacity: 0.5;
    transform: rotate(-15deg);
    text-align:center;
    pointer-events: none;
}
.offer-content-display.rejected::before {
    content: "REJECTED";
    color: red;
}
.offer-content-display.needs.approval::before {
    content: "NEEDS APPROVAL";
    color: #666666;
}
.offer-content-display.awaiting.acceptance::before {
    content: "AWAITING APPLICANT ACCEPTANCE";
    color: #666666;
}
.offer-content-display.accepted::before {
    content: "ACCEPTED";
    color: #fb8d00;
}
.offer-content-display.revoked::before {
    content: "REVOKED";
    color: red;
}
.offer-content-display.previewing-offer {
	width: 8.5in;
  /*min-height: 11in;*/
  min-height: 1in;
    /*75%*/
    /*width: 6.375in;
    height: 8.25in;*/
}
.offer-content-display.previewing-offer::before {
    content: "PREVIEW";
    color: #92ce7e;
}
.offer-content-display table.table_no_borders,
.offer-content-display table.table_no_borders td {
	border: none;
}
.offer-content-display table.table_solid_borders,
.offer-content-display table.table_solid_borders td {
	border: 1px solid black;
}
.offer-content-display table.table_dashed_borders,
.offer-content-display table.table_dashed_borders td {
	border: 1px dashed black;
}
.offer-content-display tr:nth-of-type(even) {
    background: unset;
}
.brand-logo-placeholder-container {
	width:122px;
	height:92px;
	border: 1px solid #b7b7b7;
}
.recruiter-signature-placeholder-container {
	width:360px;
	height:80px;
	border: 1px solid #b7b7b7;
}
.add-custom-placeholder {
  display: grid;
  grid-template-columns: repeat(2, 1fr) auto;
  align-items: center;
  grid-gap: 10px;
}
.add-new-custom {
	font-size:20px;
	cursor:pointer;
	transition:all 0.2s linear;
}
.add-new-custom:hover {
	color:#92ce7e;
}
dt {
  padding: 5px;
}
dd {
  padding: 5px;
  margin-bottom: 10px;
  border: 1px solid #b7b7b7;
  background: #FFFFFF;
  color: #666666;
}
span.offer-placeholder {
  background: #e3e3e3;
  padding: 3px;
}
p.offer-pagebreak {
  background: #f7f7f7;
  height: 40px;
  width: calc(100% + 22px);
  margin: 20px 0 20px -11px;
  font-size: 12px;
  color: #999999;
  text-align: center;
  line-height: 40px;
  border:1px solid #b7b7b7;
  border-left-color:#f7f7f7;
  border-right-color:#f7f7f7;
}
p.offer-pagebreak.first {
  margin: 0 0 0 -11px;
  border-top:none;
}
.offer-email-preview {
	margin: 20px 0;
	padding:10px;
	border: 1px solid #b7b7b7;
	width:8.5in;
	background:#FFFFFF;
}
.offer-templates-autocomplete {
    display:flex;
    margin-bottom:10px;
}

/*sig box*/
.sig-container {
	width:100%;
	/*max-width:360px;*/
	max-width:400px;
	display:flex;
	flex-direction:column;
}
.canvas-container {
	width:100%;
	max-width:400px;
	height:160px;
	border:1px solid #e1e1e1;
	background:#FFFFFF;
	position:relative;
}
.canvas-container::after {
    content: "Use your mouse/finger to sign";
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    display: flex;
    align-items: center;
    justify-content: center;
    /*text-transform: uppercase;*/
    font-size: 18px;
    color: rgba(0,0,0,0.1);
    pointer-events:none;
    padding:10px;
    text-align:center;
}
.clear-signature {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 5px;
    width: auto;
    cursor: pointer;
    font-size: 30px;
    background: transparent;
    border: none;
    transition:all 0.2s linear;
}
.clear-signature:hover {
	color:red;
}
label.sig-label {
    text-align: center;
    padding-top: 5px;
    margin-bottom: 5px;
    border-top: 2px solid #666666;
}
/*initials*/
.initials-container {
  display: inline-flex;
  flex-direction: column;
  padding: 0;
  border: 1px solid #e1e1e1;
  text-align: center;
}
span.initials {
  color: #e1e1e1;
  font-size: 24px;
  font-family: 'GravityItalic', cursive, fantasy ;
  padding: 10px 10px 0 10px;
  line-height: 20px;
}
span.click-to-initial {
  font-size: 10px;
  color: #999;
  padding: 5px 10px;
}
.initialed.initials-container {
  cursor:default;
}
.initialed span.click-to-initial {
  display: none;
}
.initialed span.initials {
  color: #4F76AF;
  padding:10px;
}
.valid-until-container {
  margin-top: 10px;
  display: flex;
  max-width: 200px;
  align-items:center;
}
.valid-until-icon {
  font-size: 24px;
  border: 1px solid #b7b7b7;
  padding: 7px;
  border-right: none;
}
input#valid-until {
  border-left: none;
}

/***************
* offers - review *
****************/
.offer-icons,
.offer-approval,
.user-image-name,
.status-date {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}
.offer-icons {
	margin:10px 0;
}
.offer-icons .glyphicon {
	font-size:30px;
	margin-right:10px;
	-webkit-transition:all 0.2s linear;
	transition:all 0.2s linear;
}
.offer-icons .glyphicon:hover {
	color:#fb8d00;
}
.save-pdf,
.print-pdf {
	display:flex;
	align-items:center;
}
.print-pdf {
    margin-left: 20px;
}
.offer-approval {
    border-bottom: 1px solid #edeaea;
    margin-bottom: 5px;
    padding-bottom: 5px;
}
.offer-approval:last-of-type {
    border:none;
}
.offer-approval .user-icon {
    margin-right: 10px;
}
.offer-approval-status {
	width:140px;
}
.offer-approval .date {
    margin-left: auto;
}
.user-image-name {
    width: 400px;
}
.status-date {
    flex: 1 1 auto;
}
.offer-review-content {
    padding: 20px;
    border: 1px solid #edeaea;
}

/***************
* recruiting - order summary *
****************/
select#recruiters {
    margin: 0 20px 10px 0;
    max-width:220px;
}
.recruiting-summary-status {
	margin:0 0 10px auto;
	line-height:1.5;
}
.recruiting-summary-status,
.recruiting-summary-status span  {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.recruiting-summary-status span {
    margin-right:10px;
}
.recruiting-order-status {
	margin-bottom:10px;
}

/***************
* recruiting - order *
****************/
.recruiting-order-container {
    display: flex;
    flex-wrap: nowrap;
}
.recruiting-details, .recruiting-order-candidates {
    flex: 1 1 50%;
    margin-right: 10px;
}
.recruiting-details {
	min-width:540px;
}
.recruiting-buttons2 {
	display:none;
}
.recruiting-order-candidates {
    margin: 0 0 0 10px;
}
.program, .probability, .progress-container, .bill-rate, .salary, .terms {
    flex: 0 0 calc(50% - 5px);
}
.program, .progress-container, .salary {
	margin-right:5px;
}
.probability, .bill-rate, .terms {
	margin-left:5px;
}
.recruiting-program-probability-progress-billrate-salary-term-wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 10px;
}
#probability {
    max-width: none;
    text-align: left;
}
.progress-container,
.probability {
    display: flex;
    align-items: center;
}
.bill-rate,
.salary {
	margin-bottom:10px;
}
.salary {
    display: flex;
    align-items: center;
}
.salary .recruiting-currency-wrapper {
    margin: 0 0 0 10px;
}
.progress-container #progress {
    max-width: 100px;
    margin:0;
}
.recruiters {
    display: flex;
    flex-wrap: wrap;
}
.recruiter:not(.credit) {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    margin: 0 0 10px 0;
    width:100%;
}
/*.recruiter:nth-of-type(2n) {
    margin: 0 0 10px 10px;
}*/
.recruiter .name {
  white-space: nowrap;
  margin:0 10px;
  width: 120px;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 40px;
  line-height: 40px;
}
select.recruiter-role {
  min-width: 130px;
  flex: 1;
  margin: 0;
}
.add-recruiter,
.select-client {
    margin-top: 10px;
}
.add-candidate {
    margin-bottom: 10px;
}
.candidate .name {
	margin-right: 20px;
 	/*min-width: 100px;
 	max-width: 140px;*/
 	/*width:140px;*/
  min-height: 18px;
  text-overflow: ellipsis;
  overflow-x: hidden;
  overflow-y: visible;
  white-space: nowrap;
}
select.candidate-status {
  margin: 0 0 0 auto;
  min-width:220px;
  max-width:240px;
}
.candidate .last-active {
  margin-left: 20px;
  /*min-width: 120px;*/
  text-align: right;
  white-space: nowrap;
}
.add-interview-container {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    margin: 10px 0;
}
.add-interview-container select {
    margin:0 10px 0 0;
}
.add-interview-date {
    margin-right: 10px;
}
.add-interview-date input {
	margin:0;
}
.interviews .interview:not(.iconsprite) {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  padding: 10px;
  background: #FFFFFF;
  cursor:pointer;
  transition:all 0.2s linear;
}
.interviews .interview:not(.iconsprite):last-of-type {
  margin-bottom: 0;
}
.interviews .interview:nth-of-type(even) {
  background: #f1f1f1;
}
.interviews .interview:hover,
.interviews .interview:nth-of-type(even):hover {
  background: #D6D6D6;
}
.interview-location-container {
	display:flex;
	align-items:center;
	margin-left:10px;
}
.recruiting-currency-wrapper {
	width:80px;
	margin:10px 0 10px auto;
}
.recruiting-currency {
	margin:0;
}
.recruiting-candidate-notes .button.add-comment-note {
    margin-bottom: 0;
}
.recruiting-candidate-hired-container {
  display: flex;
  flex-direction:column;
  position:relative;
}
.recruiting-candidate-hired-container .moment-picker-input {
  max-width: 140px;
}
.candidate-start-date,
.candidate-billing-date,
.candidate-billing-amount {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.candidate-start-date .input-label,
.candidate-billing-date .input-label,
.candidate-billing-amount .input-label {
	min-width:100px;
	text-align:right;
}
.new-applicant-note {
  margin: 0;
  height: 40px;
  resize: none;
}
.recruiting-candidate-notes {
  margin-top: 20px;
}
.recruiting-candidate-added-by {
	display:flex;
	align-items:center;
	margin:0 0 20px 0;
}
.recruiting-applicant-name-link {
	justify-content: flex-start;
}
.recruiting-order-applicants-title {
	display:flex;
	flex-direction:column;
}
/* table.r-applicant-summary th {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}   */

/***************
* billing summary *
****************/
.billing-summary-title-row {
    display: flex;
    align-items: center;
    margin-bottom:10px;
}
.billing-summary-type,
.billing-summary-create-invoice {
	margin:0 0 0 20px;
}
.billing-summary-create-invoice {
	margin-left:auto;
}
.billing-summary-calendar {
    display: flex;
}
.billing-summary-container {
	flex:1;
	border-top:none;
}
.billing-summary-container,
.billing-summary {
	display:flex;
	flex-direction:column;
}
.billing-summary {
    border: 1px solid #b7b7b7;
    border-bottom:none;
}
.billing-summary:last-of-type {
    border-bottom: 1px solid #b7b7b7;
}
.invoice-details {
	cursor:pointer;
    transition: all 0.2s linear;
}
.invoice-details:hover {
    color: #fb8d00;
    cursor:pointer;
}
.grey-header-row {
    background-color: #e3e3e3;
    padding:10px;
}
tr.overdue-header .grey-header-row h5.grey-text {
  color: #cc0000;
}
/*.invoice-company {
    max-width: 260px;
    margin: 0 20px 0 0;
}*/
.invoice-user {
	flex:1;
	white-space:nowrap;
	display:flex;
	align-items:center;
}
/*.invoice-frequency,
.invoice-start,
.invoice-end {
	text-align:center;
}
.invoice-frequency {
    max-width: 200px;
    margin: 0 20px;
}
.invoice-start,
.invoice-end {
    max-width: 160px;
    margin: 0 20px 0 0;
}
.invoice-amount {
    max-width: 200px;
    margin: 0 0 0 auto;
    text-align:right;
}
.invoice-id {
    max-width: 100px;
}
.invoice-status {
    max-width: 100px;
    margin: 0 20px;
}*/
.billing-calendar {
    display: flex;
    flex-direction: column;
    align-items: center;
    /*max-width:442px;*/
    margin-left:auto;
    background-color:#FFFFFF;
}
.approve-reject-buttons {
	width:100px;
}

/***************
* invoice-receipt *
****************/
.nh-invoice-receipt {
    /*border: 1px solid #b7b7b7*/;
    max-width:1200px;
    /* min-width:1000px; */
    flex:1;
}
.nh-invoice-create {
    min-width:1000px;
}
.nh-invoice-receipt thead tr {
    background: transparent;
}
.nh-invoice-receipt thead th {
    color: #25569C;
}
.invoice-heading-row {
	display:flex;
	flex-wrap:nowrap;
}
.invoice-heading-row,
.invoice-download {
	max-width: 1200px;
	/* min-width: 1000px; */
}
.invoice-download {
	text-align: right;
}
.invoice-heading-row .save-pdf,
.invoice-heading-row .print-pdf {
	margin-left: auto;
	cursor: pointer;
	color: #666;
    font-weight: 800;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.invoice-heading-row .save-pdf:hover,
.invoice-heading-row .print-pdf:hover,
.invoice-heading-row .save-pdf-icon:hover,
.invoice-heading-row .print-pdf-icon:hover {
    color: #fb8d00;
}
.invoice-heading-row .save-pdf:hover {
	border-bottom:1px solid transparent;
}
.invoice-heading-row .title-row .remove-icon {
    margin-left: 10px;
}
.invoice-heading-row .print-pdf {
	margin-left:30px;
}
.save-pdf-icon,
.print-pdf-icon {
    font-size: 1.5rem;
    margin-right: 5px;
}
.invoice-client-biller {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    margin: 0 0 20px 0;
}
.client:not(body), .biller {
    /*width: calc(50% - 5px);*/
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}
.client:not(body) {
    /*align-self: flex-end;*/
    align-self: flex-middle;
    margin-right: 20px;
}
.biller {
    /*margin:0 0 0 5px;*/
    /*text-align:right;*/
    margin:0;
}
.nh-invoice-receipt .logo-container {
	border: 1px solid #b7b7b7;
    border-radius: 100%;
    padding: 10px;
    height: 120px;
    width: 120px;
    display:flex;
   	margin-right: 10px;
    background: #FFFFFF;
}
.nh-invoice-receipt .biller-container {
    margin-left:auto;
    display:flex;
    align-items:center;
}
.invoice-table td,
.invoice-table th {
    padding: 12px;
}
.logo-container .platform-logo {
	margin: 37.125px auto;
	width: 100px;
	height: 23.75px;
}
.logo-container.annex .platform-logo {
	margin: 30.9375px auto;
	height: 36.125;
}
.client-details {
    line-height: 1.4;
    font-size: 0.75rem; /*12px*/
    width: 100%;
    max-width: 300px;
}
.client-details .hst {
	margin-top:10px;
}
#customer_memo {
	height:55px;
}
.client-details h5 {
	margin:0;
}
.payment-type-container {
	display:flex;
	align-items:center;
	font-size:0.75rem; /*12px*/
}
.nh-popup table thead tr,
.nh-popup table tfoot tr {
    background: #f7f7f7;
    border: 1px solid #b7b7b7;
    border-left: none;
    color: #25569C;
    border-right: none;
}
.nh-popup table tfoot tr {
	color:#000000;
}
.nh-popup table thead tr th,
.nh-popup table tfoot tr td {
	padding:13px 8px;
}
.nh-popup table tr {
    border-bottom: 1px solid #b7b7b7;
}
.nh-popup table tr:nth-of-type(even) {
    background-color: #ffffff;
}
.nh-popup table tbody tr.no-border {
    border: none;
}
th.amount {
	width:120px;
}
tr.total {
    border-left: 1px solid #e3e3e3;
    border-right: 1px solid #e3e3e3;
    background: #e3e3e3;
    /*color: #23569E;*/
    /*font-family: GravityBold, Arial, sans-serif;*/
}
tr.total td {
	font-size:1rem;
	padding: 15px 8px;
}
tr.sub-total-row,
tr.discount-row,
tr.tax-row {
    background: #f7f7f7;
}
.nh-popup table tfoot tr.total {
	border-bottom:none;
}
.nh-invoice-receipt .item-row {
	background:#FFFFFF;
	border:1px solid #e3e3e3;
}
.nh-invoice-receipt .footer-row {
    display: flex;
    flex-direction:column;
    width: calc(100% + 1px);
    background: #ffffff;
    padding:20px;
    border: 1px solid #e3e3e3;
    margin-top: 10px;
}
.pay-with-cc {
    margin: 0 0 0 10px;
}
#cc {
	margin:0 10px 0 0;
}
.button.pay-invoice {
    margin:10px 0 0 0;
    width: 120px;
}
.payment-method-details {
    display: flex;
    align-items: start;
    min-height: 40px;
    flex:1 auto;
}
.pay-amount-container {
	max-width: 120px;
}
.payAmount {
	border-style:dashed;
}
.new-cc {
    display: flex;
    flex:1;
    margin-left:10px;
    flex-direction:column;
}
.new-cc-input {
    display: flex;
    border: 1px solid #b7b7b7;
}
.new-cc input,
.new-cc select {
	margin:0;
	border:none;
}
.new-cc .input-wrapper {
	margin:0;
}
/*.new-cc-expiry,*/
.new-cc-cvv {
    max-width: 50px;
}
.new-card-expiry-year {
    max-width: 80px;
}
.new-card-expiry-month {
    max-width: 140px;
}
th.quantity-th,
th.unit-price-th {
    width: 100px;
}
.total-wrapper {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.invoice-currency {
    max-width: 70px;
    margin:0 0 0 10px;
}
input.invoice-item-price {
    max-width: 100px;
    text-align: right;
}
td.invoice-item-price-td {
    width: 140px;
}
td.invoice-item-tax-td {
    max-width: 120px;
}
tr.item-row.bundle-row {
    border-bottom: none;
}
tr.item-row.sub-item-row {
    border-top: none;
    border-bottom: none;
}
.sub-item-row .item-select-td {
    padding-left: 30px;
}
/*recurring*/
.recurring-row {
	display:flex;
	flex-direction:column;
	padding:20px 20px 10px 20px;
	background: #FFFFFF;
	margin-bottom: 10px;
}
.recurring-schedule,
.recurring-schedule-details {
	display:flex;
	flex-wrap:nowrap;
	align-items:center;
}
.recurring-schedule-details {
	flex-wrap:wrap;
}
.recurring-schedule {
	margin-bottom:10px;
}
.recurring-schedule .on-off-toggle {
	margin-left:20px;
}
/*.recurring-schedule-details input,
.recurring-schedule-details select,
.recurring-schedule-details textarea {
	margin-bottom:0;
}*/
.recurring-schedule-details label.input-label {
	margin-bottom:10px;
}
select#interval-day {
    width: auto;
}
select#interval-time,
select#interval-end {
    width: 90px;
}
input#end-occurences {
    margin-left: 10px;
}
.projected-amount {
	max-width:270px;
	margin-right:10px;
}
.recurring-notes {
    min-width: 400px;
    flex: 1;
}
select#client-name,
select#client-user,
.account-billing-email-container {
    max-width: 300px;
}
.monthly-interval-wrapper {
	display:flex;
	align-items:center;
	flex-wrap:nowrap;
	flex:1;
}
.daily-interval-wrapper {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
}
.start-date,
.end-date {
    width: 120px;
    margin-left:10px;
}
.invoice-terms-select {
	margin: 0 0 0 10px;
}
.payment-type-container .payment-method-details {
    align-items: center
}
textarea#recurring-notes {
    height: 240px;
    resize: vertical;
}
/*.nh-invoice-receipt .table-wrapper {
    max-height: calc(100% - 140px);
    overflow-y: auto;
}*/
/*new side grouped items for invoice creation*/
.invoice-billing-items-container {
	display:flex;
}
.billing-items-container {
    width: 450px;
    margin-left: 20px;
    flex: auto;
}
.billing-items-container {
	min-width:400px;
	margin-left:20px;
}
.new-billing-item-drop-spot {
	height:40px;
	border:1px dashed #b7b7b7;
	max-width:393px;
}
.billing-items-container .as-sortable-item {
    margin: 0;
}
.new-billing-item-drop-spot .as-sortable-placeholder {
	max-width:393px;
}
.billing-item,
.billing-item-label {
	padding:10px 10px 10px 0;
	border:1px solid #b7b7b7;
	cursor:pointer;
	background:#e3e3e3;
	display:flex;
}
.billing-item {
	background:#FFFFFF;
	cursor: move;
}
.billing-item-container .billing-item-label {
    padding-left: 10px;
}
.billing-item-container .billing-item {
    padding-left: 20px;
}
.billing-item-container .billing-item-container .billing-item-label {
	padding-left:20px;
}
.billing-item-container .billing-item-container .billing-item {
    padding-left: 30px;
}
.billing-item-container .billing-item-container .billing-item-container .billing-item-label {
	padding-left:30px;
}
.billing-item-container .billing-item-container .billing-item-container .billing-item {
    padding-left: 40px;
}
.billing-item-container .billing-item-container .billing-item-container .billing-item-container .billing-item-label {
	padding-left:40px;
}
.billing-item-container .billing-item-container .billing-item-container .billing-item-container .billing-item {
    padding-left: 50px;
}
.billing-item-container .billing-item-container .billing-item-container .billing-item-container .billing-item-container .billing-item-label {
	padding-left:50px;
}
.billing-item-container .billing-item-container .billing-item-container .billing-item-container .billing-item-container .billing-item {
    padding-left: 60px;
}
/***************
* career page - edit *
****************/
.career-page-edit-container {
	display:flex;
}
.career-page-preview {
	flex: 1 1 auto;
    /*margin-right: 20px;*/
}
.career-page-preview a {
	border:none;
}
.career-page-preview a:hover {
	border:none;
}
.career-page-custom-iframe {
	width:100%;
	height:auto;
	min-height:600px;
}
/*.career-page-details {
	min-width:450px;
	max-width:450px;
}*/
.career-page-details section {
    margin-bottom: 20px;
}
.career-page-details .accordion-content {
    /*padding: 10px 0;*/
    border: 1px solid #e7e7e7;
}
.career-page-details .accordion-content section:last-of-type {
    margin-bottom: 0;
}
section.custom-css {
    margin-top: 10px;
}
.career-page-url-container {
	display:flex;
	flex-wrap:nowrap;
	align-items:center;
	margin-bottom:10px;
}
.career-page-url-container h6 {
	margin: 0 10px 0 0;
	width: auto;
}
.career-page-details .share-with h3 {
    font-size: 0.875rem;
    letter-spacing: 0;
}
.widget-type-select {
	display:flex;
	flex-wrap:nowrap;
	align-items:center;
	margin-bottom:10px;
}
.visibility-container {
	display:flex;
	flex-wrap:nowrap;
	align-items:center;
	margin-bottom:10px;
}
.visibility-container .checkbox {
    padding-right: 10px;
}
.checkbox.cp-remote-checkbox {
    margin-bottom:10px;
    padding-right:10px;
    align-items:center;
}
.checkbox.cp-remote-checkbox label {
    height:20px;
    white-space: nowrap;
}
/*#cpiframe {
	border:none;
}*/
.preview-iframe {
	width:100%;
	height:100%;
	border:1px dashed #b7b7b7;
	-webkit-transition:all 0.2s linear;
	transition:all 0.2s linear;
}
.active-widget .preview-iframe {
    border: 2px dashed orange;
}
.career-page-details .help-title-icon {
    margin-left: 5px;
}
a.revert-layout {
    margin-left: auto;
}
.general-settings .checkbox {
    width: 100%;
    padding-right: 0;
}
.cp-container input[type='text'],
.cp-container input[type='email'],
.cp-container input[type='password'],
.cp-container input[type='tel'],
.cp-container input[type='number'],
.cp-container input[type='url'],
.cp-container input[type='file'],
.cp-container textarea,
.cp-container select,
.cp-container select:not(.no-style) {
	background:#FFFFFF;
}
.cp-container input[type='text'].ng-invalid.ng-touched,
.cp-container input[type='email'].ng-invalid.ng-touched,
.cp-container input[type='email'].ng-invalid-match,
.cp-container input[type='password'].ng-invalid.ng-touched,
.cp-container input[type='tel'].ng-invalid.ng-touched, 
.cp-container input[type='number'].ng-invalid.ng-touched,
.cp-container input[type='url'].ng-invalid.ng-touched,
.cp-container textarea.ng-invalid.ng-touched,
.cp-container select.ng-invalid.ng-touched,
.cp-attachment-label.ng-invalid.ng-touched {
	    background-color: #ffc4c4;
}
.cp-container input[type='text'] + label,
.cp-container input[type='email'] + label,
.cp-container input[type='email'] + label,
.cp-container input[type='password'] + label,
.cp-container input[type='tel'] + label, 
.cp-container input[type='number'] + label,
.cp-container input[type='url'] + label,
.cp-container textarea + label,
.cp-container select  + label {
	    background-color: #FFFFFF;
}
.cp-container input[type='text'].ng-invalid.ng-touched + label,
.cp-container input[type='email'].ng-invalid.ng-touched + label,
.cp-container input[type='email'].ng-invalid-match + label,
.cp-container input[type='password'].ng-invalid.ng-touched + label,
.cp-container input[type='tel'].ng-invalid.ng-touched + label, 
.cp-container input[type='number'].ng-invalid.ng-touched + label,
.cp-container input[type='url'].ng-invalid.ng-touched + label,
.cp-container textarea.ng-invalid.ng-touched + label,
.cp-container select.ng-invalid.ng-touched  + label {
	    background-color: #ffc4c4;
}
.cp-container input[type='text'].ng-valid.ng-touched:not(.no-border),
.cp-container input[type='email'].ng-valid.ng-touched:not(.no-border),
.cp-container input[type='password'].ng-valid.ng-touched:not(.no-border),
.cp-container input[type='tel'].ng-valid.ng-touched:not(.no-border),
.cp-container input[type='number'].ng-valid.ng-touched:not(.no-border),
.cp-container input[type='url'].ng-valid.ng-touched:not(.no-border),
.cp-container textarea.ng-valid.ng-touched:not(.no-border),
.cp-container select.ng-valid.ng-touched:not(.no-border) {
	background-color:#FFFFFF;
}
/*layout previews*/
.layout-container {
    display: flex;
    flex-wrap: nowrap;
}
.layout-preview {
    width: 190px;
    margin: auto;
}
ul.layout-list {
    width: 100%;
}
.layout-preview span {
	background: #25569C;
    display: inline-block;
}
.lp-main {
    width: 100%;
    height: 145px;
    background:url('../img/career-page-layouts-sprite.png');
}
.layout-1 .lp-main { background-position:0px 0px; }
.layout-2 .lp-main { background-position:-190px 0px; }
.layout-3 .lp-main { background-position:-380px 0px; }
.layout-4 .lp-main { background-position:-570px 0px; }
.layout-5 .lp-main { background-position:-760px 0px; }
.layout-6 .lp-main { background-position:-950px 0px; }
.layout-7 .lp-main { background-position:-1140px 0px; }
.layout-8 .lp-main { background-position:-1330px 0px; }
.layout-9 .lp-main { background-position:-1520px 0px; }
.layout-10 .lp-main { background-position:-1710px 0px; }

/*layout thumbnails*/
/*.cp-layout-thumbnail {
    width: 42px;
    height: 32px;
    background:url('../img/career-page-layouts-sprite-thumbnails.png');
}
.cp-thumb-1 { background-position:0px 0px; }
.cp-thumb-2 { background-position:-42px 0px; }
.cp-thumb-3 { background-position:-84px 0px; }
.cp-thumb-4 { background-position:-126px 0px; }
.cp-thumb-5 { background-position:-168px 0px; }
.cp-thumb-6 { background-position:-210px 0px; }
.cp-thumb-7 { background-position:-252px 0px; }
.cp-thumb-8 { background-position:-294px 0px; }
.cp-thumb-9 { background-position:-336px 0px; }
.cp-thumb-10 { background-position:-378px 0px; }*/

.lp-main div {
    height: 100%;
    display: flex;
}
.lp-header,
.lp-footer {
    height: 30px;
    width: 100%;
    margin-bottom: 5px;
}
.lp-footer {
	height: 20px;
	margin-bottom: 0;
    margin-top: 5px;
}

/*layout - career page preview*/
.cp-widget {
    /*margin-bottom: 5px;*/
    position:relative;
    border: 1px dashed #b7b7b7;
    /*background:#FFFFFF;*/
    display:flex;
	flex: 0 0 auto;
}
.cp-widget-content {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    /*padding:5px;*/
    /*overflow:hidden;*/
    min-height:30px;
}
@supports ((display: -ms-grid) or (display: grid)){
	/*.cp-widget-content {
		height:100%;
	}*/
}

.cp-widget h3.widget-title-overlay {
    cursor: pointer;
    display: inline-flex;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background:transparent;
    color:transparent;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin:0;
    z-index: 1;
}
.cp-widget h3.widget-title-overlay:hover {
    background: rgba(0,0,0,0.8);
    color: #FFFFFF;
}
.cp-image {
	overflow:hidden;
}
.cp-img {
	width:100%;
	height:auto;
}
.cp-header,
.cp-footer {
	width:100%;
	display:flex;
	justify-content: center;
	/*background-color: #e3e3e3;*/
	/*min-height: 40px;*/
	margin:0;
}
/* .cp-prod .cp-footer {
	z-index: -1;
} */
.cp-widget.cp-widget-email_alert {
	z-index: 1;
}
.cp-header {
	cursor:pointer;
	position:relative;
}
html.ua-ie .cp-header {
	overflow-x:hidden;
}
html.ua-ie .cp-apply-icon-googledrive,
html.ua-ie .cp-apply-icon-onedrive {
	display:none;
}
html.ua-ie body {
	height:100vh;
}
.cp-header .cp-widget-content,
.cp-footer .cp-widget-content {
	max-width:1200px;
}
.cp-header .cp-widget-content {
	height: auto;
    /*min-height: 40px;*/
    /*min-height: 90px;*/
}
/*#header-background {
	position:relative;
}*/
.cp-footer .cp-widget-content {
	height: auto;
    /*min-height: 40px;*/
}
/*previewing the preview*/
/*.career-page-edit-container.cp-previewing {
	background:#000000;
}*/
.cp-previewing .career-page-preview {
    max-width: 1200px;
    margin: 20px auto 60px auto;
    background:#FFFFFF;
    position:relative;
    border: 1px solid #e3e3e3;
}
.cp-previewing .cp-widget,
.cp-prod .cp-widget {
	border:none;
}
.cp-header .cp-widget-content,
.cp-footer .cp-widget-content {
	padding:20px;
}
.cp-header-image-container {
    /*position: absolute;
    top: 0;
    left: 0;*/
    width: 100%;
}
img.cp-header-image {
    width: 100%;
    height: auto;
}
.cp-header .cp-widget-content.has-header-image {
	min-height:130px;
    position: absolute;
    top: calc(50% - 65px);
}
.cp-location-container.active {
    padding: 5px;
    border: 1px solid #e7e7e7;
    border-radius: 5px;
}
/*.cp-previewing .cp-widget-content,
.cp-prod .cp-widget-content {
	padding:10px;
}*/
.cp-previewing .cp-widget h3.widget-title-overlay {
	display:none;
}
.exit-preview {
    position: absolute;
    right: 0;
    bottom: -60px;
}
.cp-prod.cp-container {
    /*background: #FFFFFF;*/
    display: flex;
    flex-direction: column;
	flex: 0 0 auto;
    min-height: 100%;
}
.cp-widget-about_us ul {
    margin: 10px 0 0 20px;
}
.cp-widget-about_us ul li {
    list-style-type: square;
}
.cp-referral-why {
	height:150px;
}
/*preview layout*/
.preview-1,
.preview-2,
.preview-3,
.preview-4,
.preview-5,
.preview-6,
.preview-7,
.preview-8,
.preview-9,
.preview-10,
.cp-layout-1,
.cp-layout-2,
.cp-layout-3,
.cp-layout-4,
.cp-layout-5,
.cp-layout-6,
.cp-layout-7,
.cp-layout-8,
.cp-layout-9,
.cp-layout-10 {
	/*set to flex for IE*/
	display:flex;
	flex-direction:column;
	flex: 0 0 auto;
	/*set to grid for everything else*/
	display:-ms-grid;
	display:grid;
	grid-gap: 20px;
	max-width:1200px;
	margin:0 auto;
}
.cp-widget:nth-of-type(1) {
	-ms-grid-row: 1;
	-ms-grid-column: 1;
	grid-area: widget-one;
}
.cp-widget:nth-of-type(2) {
	-ms-grid-row: 1;
	-ms-grid-column: 2;
	grid-area: widget-two;
}
.cp-widget:nth-of-type(3) {
	-ms-grid-row: 2;
	-ms-grid-column: 1;
	grid-area: widget-three;
}
.cp-widget:nth-of-type(4) {
	-ms-grid-row: 2;
	-ms-grid-column: 2;
	grid-area: widget-four;
}
.cp-widget:nth-of-type(5) {
	-ms-grid-row: 3;
	-ms-grid-column: 3;
	grid-area: widget-five;
}
.cp-layout {
    width: 100%;
    max-width: 1200px;
    padding:20px;
    border-top:1px solid #FFFFFF;
    border-bottom:1px solid #FFFFFF;
    position: relative;
}
.cp-home-logout {
    position:absolute;
    top:10px;
    right:20px;
}
/*preview 1*/
.preview-1,
.cp-layout-1 {
	/*ie10 ie11 edge*/
	-ms-grid-columns: 1fr 20px minmax(300px, 33.333333%);
	/*-ms-grid-rows: minmax(100px, auto) 20px minmax(400px, auto);*/
	-ms-grid-rows: 1fr 20px 1fr;
	/*spec*/
	    grid-template-columns: auto minmax(300px, 33.333333%);
	    /*grid-template-rows: minmax(100px, auto) minmax(100px, auto);*/
	    grid-template-rows: max-content max-content;
	                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    grid-template-areas: 
		"widget-one widget-two"
		"widget-three widget-four"
	;
}
.preview-1 .cp-widget:nth-of-type(1),
.cp-layout-1 .cp-widget:nth-of-type(1) {
	-ms-grid-row: 1;
	-ms-grid-column: 1;
}
.preview-1 .cp-widget:nth-of-type(2),
.cp-layout-1 .cp-widget:nth-of-type(2) {
	-ms-grid-row: 1;
	-ms-grid-column: 3;
}
.preview-1 .cp-widget:nth-of-type(3),
.cp-layout-1 .cp-widget:nth-of-type(3) {
	-ms-grid-row: 3;
	-ms-grid-column: 1;
}
.preview-1 .cp-widget:nth-of-type(4),
.cp-layout-1 .cp-widget:nth-of-type(4) {
	-ms-grid-row: 3;
	-ms-grid-column: 3;
}
/*preview 2*/
.preview-2,
.cp-layout-2 {
	-ms-grid-columns: 1fr 20px minmax(300px, 33.333333%);
	    grid-template-columns: auto minmax(300px, 33.333333%);
	-ms-grid-rows: 1fr;
	    grid-template-rows: auto;
	                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    grid-template-areas: 
		"widget-one widget-two"
	;
}
.preview-2 .cp-widget:nth-of-type(1),
.cp-layout-2 .cp-widget:nth-of-type(1) {
	-ms-grid-row: 1;
	-ms-grid-column: 3;
}
.preview-2 .cp-widget:nth-of-type(2),
.cp-layout-2 .cp-widget:nth-of-type(2) {
	-ms-grid-row: 3;
	-ms-grid-column: 3;
}
/*preview 3*/
.preview-3,
.cp-layout-3 {
	-ms-grid-columns: 1fr minmax(300px, 33.333333%);
	    grid-template-columns: auto minmax(300px, 33.333333%);
	-ms-grid-rows: (minmax(300px, 33.333333%))[2];
	    /*grid-template-rows: repeat(2, minmax(300px, 33.333333%));*/
	    grid-template-rows: max-content max-content;
	                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    grid-template-areas:
		"widget-one widget-two"
		"widget-one widget-three"
	;
}
.preview-3 .cp-widget:nth-of-type(1),
.cp-layout-3 .cp-widget:nth-of-type(1) {
	-ms-grid-row: 1;
	-ms-grid-column: 1;
	-ms-grid-row-span: 3;
}
.preview-3 .cp-widget:nth-of-type(2),
.cp-layout-3 .cp-widget:nth-of-type(2) {
	-ms-grid-row: 1;
	-ms-grid-column: 3;
}
.preview-3 .cp-widget:nth-of-type(3),
.cp-layout-3 .cp-widget:nth-of-type(3) {
	-ms-grid-row: 3;
	-ms-grid-column: 3;
}
/*preview 4*/
.preview-4,
.cp-layout-4 {
	-ms-grid-columns: minmax(300px, 33.33333%) 20px minmax(160px, 1fr) 20px minmax(160px, 1fr);
	    grid-template-columns: minmax(300px, 33.33333%) repeat(2, minmax(160px, 1fr));
	-ms-grid-rows: 1fr 20px 1fr;
	    /*grid-template-rows: minmax(100px, auto) minmax(200px, auto);*/
	    grid-template-rows: max-content max-content;
	    grid-template-areas:
		"widget-one widget-two widget-two"
		"widget-one widget-three widget-four"
	;
}
.preview-4 .cp-widget:nth-of-type(1),
.cp-layout-4 .cp-widget:nth-of-type(1) {
	-ms-grid-row: 1;
	-ms-grid-column: 1;
	-ms-grid-row-span: 3;
}
.preview-4 .cp-widget:nth-of-type(2),
.cp-layout-4 .cp-widget:nth-of-type(2) {
	-ms-grid-row: 1;
	-ms-grid-column: 3;
	-ms-grid-row-span: 5;
}
.preview-4 .cp-widget:nth-of-type(3),
.cp-layout-4 .cp-widget:nth-of-type(3) {
	-ms-grid-row: 3;
	-ms-grid-column: 3;
}
.preview-4 .cp-widget:nth-of-type(4),
.cp-layout-4 .cp-widget:nth-of-type(4) {
	-ms-grid-row: 3;
	-ms-grid-column: 5;
}
/*preview 5*/
.preview-5,
.cp-layout-5 {
	-ms-grid-columns: minmax(200px, 1fr) 20px minmax(200px, 1fr) 20px minmax(200px, 1fr);
	    grid-template-columns: repeat(3, minmax(200px, 1fr));
	-ms-grid-rows: 1fr 20px 1fr;
	    /*grid-template-rows: repeat(2, auto);*/
	    grid-template-rows: max-content max-content;
	                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    grid-template-areas: 
		"widget-one widget-one widget-one"
		"widget-two widget-three widget-four"
	;
}
.preview-5 .cp-widget:nth-of-type(1),
.cp-layout-5 .cp-widget:nth-of-type(1) {
	-ms-grid-row: 1;
	-ms-grid-column: 1;
	-ms-grid-column-span: 5;
}
.preview-5 .cp-widget:nth-of-type(2),
.cp-layout-5 .cp-widget:nth-of-type(2) {
	-ms-grid-row: 3;
	-ms-grid-column: 1;
}
.preview-5 .cp-widget:nth-of-type(3),
.cp-layout-5 .cp-widget:nth-of-type(3) {
	-ms-grid-row: 3;
	-ms-grid-column: 3;
}
.preview-5 .cp-widget:nth-of-type(4),
.cp-layout-5 .cp-widget:nth-of-type(4) {
	-ms-grid-row: 3;
	-ms-grid-column: 5;
}
/*preview 6*/
.preview-6,
.cp-layout-6 {
	-ms-grid-columns: minmax(200px, 1fr) 20px minmax(200px, 1fr);
	    grid-template-columns: repeat(3, minmax(200px, 1fr));
	-ms-grid-rows: 1fr 20px 1fr 20px 1fr;
	    /*grid-template-rows: minmax(100px, auto) repeat(2, minmax(200px, auto));*/
	    grid-template-rows: max-content max-content max-content;
	                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    grid-template-areas: 
		"widget-one widget-one widget-one"
		"widget-two widget-two widget-three"
		"widget-two widget-two widget-four"
	;
}
.preview-6 .cp-widget:nth-of-type(1),
.cp-layout-6 .cp-widget:nth-of-type(1) {
	-ms-grid-row: 1;
	-ms-grid-column: 1;
	-ms-grid-column-span: 3;
}
.preview-6 .cp-widget:nth-of-type(2),
.cp-layout-6 .cp-widget:nth-of-type(2) {
	-ms-grid-row: 3;
	-ms-grid-column: 1;
	-ms-grid-row-span: 5;
}
.preview-6 .cp-widget:nth-of-type(3),
.cp-layout-6 .cp-widget:nth-of-type(3) {
	-ms-grid-row: 3;
	-ms-grid-column: 3;
}
.preview-6 .cp-widget:nth-of-type(4),
.cp-layout-6 .cp-widget:nth-of-type(4) {
	-ms-grid-row: 5;
	-ms-grid-column: 3;
}
/*preview 7*/
.preview-7,
.cp-layout-7 {
	-ms-grid-columns: minmax(200px, 1fr) 20px minmax(200px, 1fr) 20px minmax(200px, 1fr);
	    grid-template-columns: repeat(3, minmax(200px, 1fr));
	-ms-grid-rows: 1fr 20px 1fr;
	    /*grid-template-rows: repeat(2, auto);*/
	    grid-template-rows: max-content max-content;
	                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    grid-template-areas: 
		"widget-one widget-one widget-one"
		"widget-two widget-two widget-three"
	;
}
.preview-7 .cp-widget:nth-of-type(1),
.cp-layout-7 .cp-widget:nth-of-type(1) {
	-ms-grid-row: 1;
	-ms-grid-column: 1;
	-ms-grid-column-span: 5;
}
.preview-7 .cp-widget:nth-of-type(2),
.cp-layout-7 .cp-widget:nth-of-type(2) {
	-ms-grid-row: 3;
	-ms-grid-column: 1;
	-ms-grid-column-span: 3;
}
.preview-7 .cp-widget:nth-of-type(3),
.cp-layout-7 .cp-widget:nth-of-type(3) {
	-ms-grid-row: 3;
	-ms-grid-column: 5;
}
/*preview 8*/
.preview-8,
.cp-layout-8 {
	-ms-grid-columns: minmax(200px, 1fr) 1fr minmax(200px, 1fr) 1fr minmax(200px, 1fr);
	    grid-template-columns: repeat(3, minmax(200px, 1fr));
	-ms-grid-rows: 1fr 20px 1fr 20px 1fr;
	    /*grid-template-rows: repeat(3, minmax(200px, auto));*/
	    grid-template-rows: max-content max-content max-content;
	                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    grid-template-areas: 
		"widget-one widget-three widget-four"
		"widget-two widget-three widget-four"
		"widget-two widget-three widget-five"
	;
}
.preview-8 .cp-widget:nth-of-type(1),
.cp-layout-8 .cp-widget:nth-of-type(1) {
	-ms-grid-row: 1;
	-ms-grid-column: 1;
}
.preview-8 .cp-widget:nth-of-type(2),
.cp-layout-8 .cp-widget:nth-of-type(2) {
	-ms-grid-row: 3;
	-ms-grid-column: 1;
	-ms-grid-row-span: 5;
}
.preview-8 .cp-widget:nth-of-type(3),
.cp-layout-8 .cp-widget:nth-of-type(3) {
	-ms-grid-row: 1;
	-ms-grid-column: 3;
	-ms-grid-row-span: 5;
}
.preview-8 .cp-widget:nth-of-type(4),
.cp-layout-8 .cp-widget:nth-of-type(4) {
	-ms-grid-row: 1;
	-ms-grid-column: 5;
	-ms-grid-row-span: 3;
}
.preview-8 .cp-widget:nth-of-type(5),
.cp-layout-8 .cp-widget:nth-of-type(5) {
	-ms-grid-row: 5;
	-ms-grid-column: 5;
}
/*preview 9*/
.preview-9,
.cp-layout-9 {
	-ms-grid-columns: minmax(200px, 1fr) 1fr minmax(200px, 1fr) 1fr minmax(200px, 1fr);
	    grid-template-columns: repeat(3, minmax(200px, 1fr));
	-ms-grid-rows: 1fr 20px 1fr 20px 1fr;
	    /*grid-template-rows: repeat(3, minmax(200px, auto));*/
	    grid-template-rows: max-content max-content max-content;
	                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    grid-template-areas: 
		"widget-one widget-one widget-two"
		"widget-one widget-one widget-three"
		"widget-one widget-one widget-four"
	;
}
.preview-9 .cp-widget:nth-of-type(1),
.cp-layout-9 .cp-widget:nth-of-type(1) {
	-ms-grid-row: 1;
	-ms-grid-column: 1;
	-ms-grid-row-span:5;
	-ms-grid-column-span:3;
}
.preview-9 .cp-widget:nth-of-type(2),
.cp-layout-9 .cp-widget:nth-of-type(2) {
	-ms-grid-row: 1;
	-ms-grid-column: 5;
}
.preview-9 .cp-widget:nth-of-type(3),
.cp-layout-9 .cp-widget:nth-of-type(3) {
	-ms-grid-row: 3;
	-ms-grid-column: 5;
}
.preview-9 .cp-widget:nth-of-type(4),
.cp-layout-9 .cp-widget:nth-of-type(4) {
	-ms-grid-row: 5;
	-ms-grid-column: 5;
}
/*preview 10*/
.preview-10,
.cp-layout-10 {
	-ms-grid-columns: 100%;
	    grid-template-columns: 100%;
	-ms-grid-rows: auto;
	    /*grid-template-rows: minmax(100px, auto);*/
	    grid-template-rows: max-content;
	                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    grid-template-areas: 
		"widget-one"
	;
}
.preview-10 .cp-widget:nth-of-type(1),
.cp-layout-10 .cp-widget:nth-of-type(1) {
	-ms-grid-row: 1;
	-ms-grid-column: 1;
}
/*colors*/
.career-page-color {
    padding: 5px;
    border: 1px solid #b7b7b7;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}
.career-page-color + .career-page-color {
    margin-top:10px;
}
.color-picker {
    margin: 0 0 0 auto;
}
input[type="color"] {
	-webkit-appearance: none;
	width: 62px;
    height: 24px;
    border: 2px solid #FFFFFF;
	-webkit-box-shadow: 0px 0px 0px 1px #b7b7b7;
	        box-shadow: 0px 0px 0px 1px #b7b7b7;
}
input[type="color"]::-webkit-color-swatch-wrapper {
	padding: 0;
}
input[type="color"]::-webkit-color-swatch {
	border: none;
}
/*map*/
iframe#career-page-map-preview {
    width: 100%;
    height: 100%;
}
.cp-textarea {
    height: 240px;
    resize: none;
}
/*actual widget type styles*/
/*talent pool*/
.cp-talent-pool-box {
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:column;
	width:100%;
	flex:1;
	line-height:1.25;
	padding:20px;
	border:none;
}
.cp-talent-pool-box:hover {
	border:none;
}
.cp-talent-pool-box span {
    width: 100%;
    text-align: center;
}
.cp-transfer-requests-container {
	padding:10px;
	position:relative;
}
.cp-transfer-requests li {
	margin-bottom:5px;
	padding:5px;
	border:1px solid #e3e3e3;
}
.cp-transfer-requests li:last-of-type {
	margin-bottom:0;
}
.cp-tr {
	display:flex;
	align-items:center;
	flex:1;
}
.cp-tr .remove-icon {
  margin-left: 20px;
}
.cp-tp,
.cp-resume {
	font-family: GravityBold, Helvetica, Arial, sans-serif;
	font-size:24px;
}
.cp-tp {
	border-bottom:1px solid #FFFFFF;
	padding-bottom:10px;
	margin-bottom:10px;
}
.cp-small {
	font-size:12px;
}
/*header*/
img.cp-header-image {
    max-width: 100%;
    height: auto;
}
.cp-header-container {
	display:flex;
	flex-wrap:nowrap;
	align-items:center;
	/*height: 100%;*/
	/*width: 100%;*/
	/*position: absolute;
    top: 0;
    left: 0;*/
    pointer-events:none;
    margin: auto 0;
    /*min-height: 130px;*/
    /*position: absolute;
    top: calc(50% - 45px);
    width: calc(100% - 40px);*/
}
/*if background image, position the content absolute on career page editor page*/
.cp-header-container.cp-header-container-absolute {
    position: absolute;
    top: 0;
    left: 20px;
    display: flex;
    align-items: center;
    height: 100%;
    width: calc(100% - 40px);
}
.cp-header-logo {
    margin: 0;
    height: auto;
    width: 120px;
    min-width: 120px;
}
.cp-header-title {
	margin:0 0 0 10px;
}
.cp-header-social {
	margin:0 10px 0 auto;
	display:flex;
}
.header-preview-image {
	width:100%;
	height:auto;
	margin-bottom:10px;
}
/*about us*/
.cp-about-us-logo {
	width:80px;
	height:auto;
	float:left;
	margin-right:10px;
	border:1px solid #e3e3e3;
}
.cp-about-us-description {
  white-space: pre-wrap;
  display:flex;
  flex-direction:column;
}
.cp-about-us-description ul {
  margin: 10px 0 0 20px;
}
.cp-about-us-description li {
  list-style-type: square;
}
/*jobs*/
.cp-jobs-search {
	display:flex;
	flex-wrap:nowrap;
}
/*input.cp-search-job-title {
	margin:0;
}*/
.cp-search-location {
	margin:0 10px 0 10px;
}
.cp-search-jobs-button {
	/*margin: 0;*/
	min-width:100px;
}
.cp-jobs-logo {
	margin-right:10px;
	width:80px;
	height:auto;
	border:1px solid #e3e3e3;
}
a.cp-jobs-link {
    display: flex;
    /*align-items: center;*/
    /*flex-wrap: wrap;*/
    /*padding: 5px;*/
    flex-direction:  column;
    border:none;
    -webkit-transition:all 0.2s linear;
    transition:all 0.2s linear;
}
a.cp-jobs-link .inner {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 5px;
    border:none;
    -webkit-transition:all 0.2s linear;
    transition:all 0.2s linear;
}
a.cp-jobs-link .inner .inner2 {
	display: flex;
    align-items: center;
    flex: 1;
}
a.cp-jobs-link:hover {
    border:none;
    background:#e3e3e3;
}
/*.cp-jobs-link .job-title,
.cp-jobs-link .job-location {
    white-space: nowrap;
}*/
.cp-jobs-link .job-location-campaign-dates {
	margin-left: auto;
	display:flex;
	flex-direction:column;
	justify-content:center;
}
.cp-jobs-link .job-location {
  text-align:right;
}
.cp-jobs-link .job-campaign-dates {
	text-align:right;
  font-size:11px;
  color:#666666;
}
.cp-job-row {
    border: 1px solid #e3e3e3;
    margin-bottom: 5px;
    background: #FFFFFF;
}
.cp-jobs-title-container {
	display:flex;
	align-items:center;
	margin-bottom:10px;
}
.cp-jobs-icon {
    font-size: 24px;
    margin-right: 10px;
}
.cp-jobs-title {
	margin:0;
}

.cp-statuses {
    display: flex;
    flex-wrap: wrap;
    margin:10px 0;
}
.cp-status {
    border: 1px solid #e3e3e3;
    display: flex;
    align-items: center;
    margin-right: 10px;
    outline: none;
}
.cp-status:last-of-type {
    margin-right: 0;
}
.cp-status .name {
    background-color: #e3e3e3;
    padding: 7px;
}
.cp-status .value {
    padding:  7px;
}
.cp-jobs-filter {
    display:flex;
    /* display: grid;
    grid-template-columns: repeat(3, 1fr); */
    grid-gap: 10px;
}
.cp-job-row .cp-statuses {
    margin: 0;
    padding: 0 5px 0 5px;
}
.cp-job-row .cp-status {
	margin: 0 5px 5px 0;
}
.cp-job-row .cp-status .name,
.cp-job-row .cp-status .value {
    padding: 5px;
}

.cp-page-numbers {
	display: flex;
}
.cp-page-button {
	font-size: 16px;
	flex: 1;
	text-align: center;
	margin: 1px;
	padding: 5px;
	background: #ffffff;
	border: 1px solid #e3e3e3;
	color: #000000;
	cursor: pointer;
	transition: all 0.3s linear;
}
.cp-page-button:hover {
	border: 1px solid #e3e3e3;
	background-color: #e3e3e3;
}
.cp-page-button.cp-current-page {
	font-weight: bold;
	background: #e3e3e3;
}
/*footer*/
.cp-footer-container {
	display:flex;
	align-items:center;
	/*height: 100%;*/
	/*background-color:#e3e3e3;*/
	position:relative;
}
.cp-footer-copyright {
    margin: 0;
    flex:1;
    min-height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.cp-footer-social {
	margin:0 10px 0 auto;
	display:flex;
	position: absolute;
    right: 0;
}
.cp-social-icon-header,
.cp-social-icon-footer {
    /* font-size: 24px; */
    font-size: 30px;
}
.cp-social-link-header,
.cp-social-link-footer {
	margin-right:10px;
	display:inline-flex;
	pointer-events: all;
	cursor:pointer;
}
.cp-social-link-header:last-of-type,
.cp-social-link-footer:last-of-type {
	margin-right:0;
}
a.cp-social-link-header:hover,
a.cp-social-link-footer:hover {
    border-color: transparent;
}
/*video*/
iframe.cp-video {
    width: 100%;
}
/* transfer requests */
.cp-selected-union {
    display: flex;
    align-items: center;
    padding: 0px 0px 0px 10px;
    background-color: #f1f1f1;
    flex: 1;
  }
.cp-selected-union .remove-icon {
    margin-left: auto;
}
/*description*/
.cp-description-container,
.cp-apply-container {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    padding: 20px;
    position:relative;
    border-top: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
}
.powered-by-container {
	background:#e3e3e3;
	display:flex;
	flex:auto;
	justify-content:center;
	align-items:center;
	flex-direction:column;
	padding:4px;
	min-height:72px;
	/*max-width: 1200px;*/
    width: 100%;
    margin: 0 auto;
}
.cp-powered-by-link:hover {
	border-color:transparent;
}
.button.cp-button {
    /* color:#e3e3e3; */
    color:#000000;
    font-family:'GravityBold', sans-serif;
}
.cp-share-buttons {
    margin-bottom: 10px;
}
.cp-apply-to-job {
	margin-top:10px;
}
.cp-job-description ol,
.cp-job-description ul {
    list-style: initial;
    margin: 10px 0 0 14px;
}
.cp-widget.cp-widget-map {
    min-height: 300px;
    max-height: 500px;
}
.cp-recent-hires {
	max-height: 600px;
	overflow-y: auto;
}
.cp-rh {
	border: 1px solid #e3e3e3;
  margin-bottom: 5px;
  background: #FFFFFF;
  padding:10px;
}
.cp-rh-job-title {
	margin-bottom:8px;
	line-height:1.2;
}
.cp-rh-label {
	font-weight:600;
	margin-right:5px;
}
.cp-rh-container {
	margin-bottom:5px;
}
.cp-rh-container:last-of-type {
	margin:0;
}
/*new pagination*/
.cp-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
}
a.cp-pagination-button {
    padding: 5px;
    border: 1px solid #e3e3e3;
    color: #000000;
    width: 30px;
    display: flex;
    justify-content: center;
    cursor: pointer;
    border-right: none;
    transition: all 0.3s linear;
}
a.cp-pagination-button:hover {
    background-color: #e3e3e3;
    border: 1px solid #e3e3e3;
    border-right: none;
}
a.cp-pagination-button.previous {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
a.cp-pagination-button.next {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-right: 1px solid #e3e3e3;
}
a.cp-pagination-button.cp-current-page {
    background-color: #e3e3e3;
    font-weight: 800;
}
.cp-pagination .results {
    margin-right: 10px;
    display: flex;
    align-items: center;
}
.cp-pagination .showing {
    margin-left: 10px;
    display: flex;
    align-items: center;
}
.pagination-result-options {
    margin-right: 5px;
    border: 1px solid #e3e3e3 !important;
}
.pagination-page-options {
    margin: 0 5px;
    border: 1px solid #e3e3e3 !important;
}

/*media queries for cp layouts*/
/*cp edit layout*/
@media screen and (max-width:1028px){
	.career-page-preview .preview-1 {
		/*ie10 ie11 edge*/
		-ms-grid-columns: auto;
		-ms-grid-rows: auto;
		/*spec*/
		grid-template-columns: auto;
		grid-template-rows: auto;
		                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    grid-template-areas: 
			"widget-one"
			"widget-three"
			"widget-two"
			"widget-four"
		;
	}
}
/*cp prod layout*/
@media screen and (max-width:768px){
	.cp-layout {
		grid-row-gap: 10px;
		row-gap: 10px;
    	grid-column-gap: 10px;
    	column-gap: 10px;
    	padding:10px;
	}
	.cp-header .cp-widget-content,
	.cp-footer .cp-widget-content {
	    padding: 10px;
	}
	/*preview 1*/
	.cp-layout-1 {
		/*ie10 ie11 edge*/
		-ms-grid-columns: auto;
		-ms-grid-rows: auto;
		/*spec*/
		grid-template-columns: auto;
		grid-template-rows: auto;
		                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            grid-template-areas: 
			"widget-one"
			"widget-three"
			"widget-two"
			"widget-four"
		;
	}
    .cp-layout-2 {
		/*ie10 ie11 edge*/
		-ms-grid-columns: auto;
		-ms-grid-rows: auto;
		/*spec*/
		grid-template-columns: auto;
		grid-template-rows: auto;
		grid-template-areas: 
			"widget-one"
			"widget-two"
		;
	}
    .cp-layout-3 {
		/*ie10 ie11 edge*/
		-ms-grid-columns: auto;
		-ms-grid-rows: auto;
		/*spec*/
		grid-template-columns: auto;
		grid-template-rows: auto;
		grid-template-areas: 
			"widget-one"
			"widget-two"
			"widget-three"
		;
	}
    .cp-layout-4 {
		/*ie10 ie11 edge*/
		-ms-grid-columns: auto;
		-ms-grid-rows: auto;
		/*spec*/
		grid-template-columns: auto;
		grid-template-rows: auto;
		grid-template-areas: 
			"widget-one"
			"widget-two"
			"widget-three"
			"widget-four"
		;
	}
    .cp-layout-5 {
		/*ie10 ie11 edge*/
		-ms-grid-columns: auto;
		-ms-grid-rows: auto;
		/*spec*/
		grid-template-columns: auto;
		grid-template-rows: auto;
		grid-template-areas: 
			"widget-one"
			"widget-two"
			"widget-three"
			"widget-four"
			"widget-five"
		;
	}
    .cp-layout-6 {
		/*ie10 ie11 edge*/
		-ms-grid-columns: auto;
		-ms-grid-rows: auto;
		/*spec*/
		grid-template-columns: auto;
		grid-template-rows: auto;
		grid-template-areas: 
			"widget-one"
			"widget-two"
			"widget-three"
			"widget-four"
		;
	}
    .cp-layout-7 {
		/*ie10 ie11 edge*/
		-ms-grid-columns: auto;
		-ms-grid-rows: auto;
		/*spec*/
		grid-template-columns: auto;
		grid-template-rows: auto;
		grid-template-areas: 
			"widget-one"
			"widget-two"
			"widget-three"
		;
	}
    .cp-layout-8 {
		/*ie10 ie11 edge*/
		-ms-grid-columns: auto;
		-ms-grid-rows: auto;
		/*spec*/
		grid-template-columns: auto;
		grid-template-rows: auto;
		grid-template-areas: 
			"widget-one"
			"widget-two"
			"widget-three"
			"widget-four"
			"widget-five"
		;
	}
    .cp-layout-9 {
		/*ie10 ie11 edge*/
		-ms-grid-columns: auto;
		-ms-grid-rows: auto;
		/*spec*/
		grid-template-columns: auto;
		grid-template-rows: auto;
		grid-template-areas: 
			"widget-one"
			"widget-two"
			"widget-three"
			"widget-four"
			"widget-five"
		;
	}
}

/*footer column*/
@media screen and (max-width: 500px){
	.cp-footer-container {
    	flex-direction:column;
   	}
	.cp-footer-social {
	    margin: 10px 0 0 0;
	    position: relative;
	}
	.cp-jobs-search {
	    flex-direction: column;
	}
	.cp-search-location {
	    margin: 0;
	}
	.button.cp-search-jobs-button {
	    margin-bottom: 10px;
	}
	.button.cp-button {
	    width: 100%;
	}
	a.cp-jobs-link .inner .inner2 {
	    align-items: flex-start;
	    flex-direction: column;
	}
	.cp-jobs-link .job-location-campaign-dates {
	    margin-left: 0;
	}
	.cp-jobs-link .job-campaign-dates {
	    text-align: left;
	}
	.cp-back-to-jobs {
	    position: static;
	    top: unset;
	    right: unset;
	    display: flex;
	    justify-items: flex-end;
	    flex: 1;
	    margin-bottom: 10px;
	}
	.cp-back-to-jobs a {
	    margin-left: auto;
	}
    .cp-jobs-filter {
        display: grid;
        grid-template-columns: 1fr;
        margin-bottom:10px;
    }
    .cp-jobs-filter .input-wrapper select {
        margin-bottom:0;
    }
}

/***************
* support - docs *
****************/
/*body.support.docs #main-content {
    padding: 0;
}*/
.support-header {
    background: orange;
    width: calc(100% + 40px);
    position: relative;
    top: -20px;
    left: -20px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.support-header h1,
.support-header h4 {
    color:#000000;
    text-align:center;
}
.support-header .search-wrapper {
    max-width: 700px;
    width: 100%;
    background: #FFFFFF;
}
.support-docs {
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
}
.support-docs-section {
    width: calc(50% - 10px);
    display: flex;
    flex-wrap: nowrap;
    margin-right: 20px;
    margin-bottom: 20px;
}
.support-docs-section:nth-of-type(2n) {
    margin-right: 0;
}
.article-list {
	display:flex;
	flex-direction:column;
	margin-left:10px;
}
.article-list .inner-li {
	display:flex;
	align-items:center;
}
.support-docs-section .glyphicon-facetime-video {
	margin-left:10px;
}
.new-support-article {
	margin-left:10px;
	color:#69bc4e;
	font-weight:800;
}
.see-all-articles {
	-ms-grid-row-align:flex-start;
	align-self:flex-start;
}
a.support-doc-title {
    color: #666;
}
.support-section-icon {
	font-size: 3rem;
	background-image: url('/img/support-sprite@1x.png');
	max-width:100px;
	min-width:100px;
	height:100px;
	margin-right:20px;
	margin-bottom:20px;
}
@media	only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (-webkit-min-device-pixel-ratio: 1.25),
only screen and (min-resolution: 120dpi) {
    .support-section-icon {
        /* Reference the @2x Sprite */
        background-image: url('/img/support-sprite@2x.png');
        /* Translate the @2x sprite's dimensions back to 1x (set this to the actual dimensions of the 1x sprite)*/
        background-size: 1600px 100px;
    }
}
.support-section-icon.gettingstarted {	background-position:0px 0px; }
.support-section-icon.requisitions {	background-position:-100px 0px; }
.support-section-icon.jobpostings {	background-position:-200px 0px; }
.support-section-icon.socialrecruiting {	background-position:-300px 0px; }
.support-section-icon.applicantmanagement {	background-position:-400px 0px; }
.support-section-icon.interviews {	background-position:-500px 0px; }
.support-section-icon.offersandapprovals {	background-position:-600px 0px; }
.support-section-icon.talentpool {	background-position:-700px 0px; }
.support-section-icon.analytics {	background-position:-800px 0px; }
.support-section-icon.groupsandusers {	background-position:-900px 0px; }
.support-section-icon.brandsandcareerpages {	background-position:-1000px 0px; }
.support-section-icon.messagesandtemplates {	background-position:-1100px 0px; }
.support-section-icon.backgroundchecksandcompliance {	background-position:-1200px 0px; }
.support-section-icon.accountandbilling {	background-position:-1300px 0px; }
.support-section-icon.integrations {	background-position:-1400px 0px; }
.support-section-icon.smartactions {	background-position:-1500px 0px; }

/***************
* support - doc *
****************/
.doc-title-platform-video {
	display:grid;
	grid-template-columns: 1fr max-content max-content;
	grid-gap: 10px;
	margin-bottom:10px;
}
.doc-category-language {
	display:grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap:10px;
}
.doc-video {
    display: flex;
}
.support-doc-container {
	width:100%;
	max-width:800px;
	display:flex;
	margin:auto;
	padding:20px;
	background:#FFFFFF;
	position:relative;
}
.support-doc-inner {
    width: 100%;
}
.support-article-title-container {
    /*margin-bottom: 20px;*/
    display:flex;
    align-items:flex-end;
    flex-direction:column;
}
/*.support-article-title {
    margin-bottom: 0;
}*/
.support-article-date-category {
    font-size: 12px;
    display: flex;
    align-items: center;
    color: #666;
    margin-bottom:5px;
    margin-left:auto;
}
.back-to-support-documents {
	display:flex;
	justify-content:flex-end;
}
.support-doc-content img {
	/*padding: 5px;*/
	/*border:1px solid #e1e1e1;
	border-left:4px solid #236eb4;*/
	box-shadow: 1px 1px 1px 2px #cccccc;
	max-width:100%;
	height:auto;

	/*margin: auto;
    display: block;*/
}
.support-doc-video-container {
	margin: 20px auto 10px;
	text-align: center;
}
.support-doc-video {
	max-width: 100%;
}
.support-doc-content p,
.support-doc-content li {
  font-size: 15px;
  line-height: 1.5;
}
.support-doc-content ol,
.support-doc-content ul {
	margin-top:10px;
}
.support-doc-content ul {
    list-style-type: square;
    margin-left: 20px;
}
.support-doc-content ol {
    list-style-type: decimal;
    margin-left: 20px;
}

/***************
* support2 *
****************/
.support-header2 {
    background: rgb(31, 42, 88);
    /* background: linear-gradient(135deg, rgba(37, 86, 156, 1) 0%, rgba(31, 42, 88, 1) 50%, rgba(37, 86, 156, 1) 100%); */
    background: linear-gradient(135deg, #1f2a58 0%, #1f2a58 25%, #fb8d00 50%, #1f2a58 75%, #1f2a58 100%);
    background-size: 400% 400%;
    animation: support-gradient 30s ease infinite;
}
  @keyframes support-gradient {
      0% {
          background-position: 0% 50%;
      }
      50% {
          background-position: 100% 50%;
      }
      100% {
          background-position: 0% 50%;
      }
  }
  .support-header2 h1, .support-header2 h4 {
    color: white;
    text-align: center;
  }
  nhtip {
	background: #69bc4e;
  color: white;
  padding: 13px;
  border-radius: 10px;
  margin: 10px 0;
  font-weight: 600;
  font-size: 14px;
	display: flex;
	align-items: center;
}
nhtip .fa-solid {
	font-size:24px;
	margin-right:4px;
}
nhalert {
	background: #216eb4;
  color: white;
  padding: 13px;
  border-radius: 10px;
  margin: 10px 0;
  font-weight: 600;
  font-size: 14px;
	display: flex;
	align-items: center;
}
nhalert .fa-solid {
	font-size:24px;
	margin-right:4px;
}
nhcaution {
	background: #d93a1f;
  color: white;
  padding: 13px;
  border-radius: 10px;
  margin: 10px 0;
  font-weight: 600;
  font-size: 14px;
	display: flex;
	align-items: center;
}
nhcaution .fa-solid {
	font-size:24px;
	margin-right:4px;
}
.support-docs {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap:30px 20px;
    margin:20px 0;
  }
  .support-docs-section {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    flex-direction:column;
    margin: 0;
    /* border-radius: 10px; */
    /* -webkit-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.5); */
    /* -moz-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.5); */
    /* box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.5); */
  }
  .support-section-header {
    /* background: orange; */
    /* background: #1f2a58; */
    /* color: black; */
    /* color: white; */
    /* padding: 15px; */
    /* border-top-left-radius: 10px; */
    /* border-top-right-radius: 10px; */
    margin-bottom:10px;
    /* font-weight: 600; */
    letter-spacing: 0.02rem;
  }
  .article-list {
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    /* max-height:168px;
    overflow-y:auto; */
    border-radius: 10px;
    flex-grow: 1;
    /* border-bottom-right-radius: 10px; */
    /* border: 1px solid #b7b7b7; */
  
     padding: 10px;
     background: white;
  }
  .article-list li:last-of-type {
    margin: 0;
  }
  .see-all-articles-container {
    margin-top:auto;
    align-self: flex-end;
    display:flex;
  }
  .see-all-articles {
    margin-top: 10px;
    /* padding: 10px; */
    /* background: #d2d2d2; */
    /* font-weight: 600; */
  }
  a.support-doc-title {
    /* color: #25569C; */
    /* font-weight: 600; */
    /* padding: 10px;
    background: white;
    border-radius: 10px; */
    padding:10px;
    width: 100%;
    display: flex;
    align-items: center;
    transition: all 0.3s linear;
  }
  a.support-doc-title:hover {
    /* color: #25569C; */
    border-color: transparent;
    padding: 10px;
    background: #f7f7f7;
    border-radius: 5px;
    transition: all 0.3s linear;
  }
  /* a.support-doc-title .fa-solid {
    font-size:18px;
    margin-right:5px
  } */
  .getting-started {
    width:100%;
    display:flex;
    flex-direction: column;
    margin-bottom:2rem;
  }
  .getting-started .docs {
    width:100%;
    display:flex;
    overflow-x: auto;
  }
  /* .getting-started .doc {
    min-width: 400px;
    padding: 30px;
    background: white;
    border-top-left-radius: 10rem;
    border-bottom-left-radius: 10rem;
    border-top-right-radius: 5rem;
    border-bottom-right-radius: 5rem;
    margin-right: 10px;
    display: flex;
    align-items: center;
    justify-content: start;
    font-size: 20px;
    color: white;
    cursor:pointer;
    transition:all 0.3s linear;
    background: rgb(31, 42, 88);
    background: linear-gradient(135deg, rgba(31, 42, 88, 1) 0%, rgba(37, 86, 156, 1) 100%);
  }
  .getting-started .doc:hover {
    background: linear-gradient(135deg, rgba(37, 86, 156, 1) 0%, rgba(31, 42, 88, 1) 100%);
  } */
  .getting-started .doc {
    min-width: 400px;
    padding: 30px;
    background: transparent;
    border-top-left-radius: 10rem;
    border-bottom-left-radius: 10rem;
    border-top-right-radius: 5rem;
    border-bottom-right-radius: 5rem;
    margin-right: 10px;
    display: flex;
    align-items: center;
    justify-content: start;
    font-size: 20px;
    color: white;
    cursor:pointer;
    position:relative;
    z-index:1;
    /* transition:all 0.3s linear; */
  }
  .getting-started .doc:before {
    content: "";
    position:absolute;
    opacity:1;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:-1;
    transition:opacity 0.5s ease;
    border-top-left-radius: 10rem;
    border-bottom-left-radius: 10rem;
    border-top-right-radius: 5rem;
    border-bottom-right-radius: 5rem;
    /* background: rgb(31, 42, 88);
    background: linear-gradient(135deg, rgba(31, 42, 88, 1) 0%, rgba(37, 86, 156, 1) 100%); */
    background: rgb(251, 141, 0);
    background: linear-gradient(135deg, rgba(251, 141, 0, 1) 0%, rgba(226, 94, 2, 1) 100%);
  }
  .getting-started .doc:hover:before {
    /* opacity: 0; */
  }
  .getting-started .doc:after {
    content: "";
    position:absolute;
    opacity:0;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:-1;
    transition:opacity 0.5s ease;
    border-top-left-radius: 10rem;
    border-bottom-left-radius: 10rem;
    border-top-right-radius: 5rem;
    border-bottom-right-radius: 5rem;
    /* background: rgb(31, 42, 88);
    background: linear-gradient(135deg, rgba(37, 86, 156, 1) 0%, rgba(31, 42, 88, 1) 100%); */
    background: rgb(251, 141, 0);
    background: linear-gradient(135deg, rgba(226, 94, 2, 1) 0%, rgba(251, 141, 0, 1) 100%);
  }
  .getting-started .doc:hover:after {
    opacity: 1;
  }
  .getting-started .doc:last-of-type {
    margin-right: 0;
  }
  .getting-started .doc .fa-solid {
    font-size:3.5rem;
    margin-right:1rem;
  }

/***************
* support2 ticket *
****************/
.ticket-info-container {
  display: flex;
  align-items: center;
  border: 1px solid #b7b7b7;
  padding: 20px;
  background: white;
  align-self: flex-start;
}
.edit-ticket + .ticket-info-container {
  margin-top: 50px;
}
.ticket-info-container .inner {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 10px;
}
.ticket-info-container .info-container {
  display: flex;
  align-items: center;
}
.info-container .label {
  font-weight: 600;
  min-width: 95px;
  text-align: right;
  margin-right:5px;
}
.ticket-info-container .logo-container {
  margin-right:20px;
}
.logo-container .brand-logo {
  border: 1px solid #e1e1e1;
}
.logo-container h6.company-name {
  text-align: center;
  max-width: 120px;
}
input.support-title-input {
  margin: 0;
  border: 0;
}
input.support-title-input:disbaled {
  color: #25569C;
}
.ticket-activity-container {
  display:grid;
  grid-template-columns: 1fr;
  grid-gap:25px;
  margin: 30px 0;
}
.ticket-activity {
  display: flex;
  align-items: center;
}
.ticket-activity .content {
  width:100%;
  display:flex;
  flex-direction:column;
  position:relative;
}
.ticket-activity .user-date {
  color:#999;
  /* position:absolute;
  top: -17px;
  left: 10px; */
}
.activity .user-date {
  margin-left: 10px;
}
.ticket-activity .comment-container {
  width: 100%;
  border-radius: 5px;
  border: 1px solid #b7b7b7;
  background-color: #dfdfdf;
  padding: 10px 35px 10px 10px;
  margin-top:5px;
  display: flex;
  flex-direction:column;
  position: relative;
}
.ticket-activity .comment-container.private {
  background: #202A584d;
}
.ticket-activity .comment-container.comment {
  background: white;
}
.ticket-activity .comment-container.activity {
  /* background: #fb8d004d; */
  background: transparent;
  padding: 0;
  border: 0;
}
.ticket-activity .comment-container .user-date {
  position: static;
}
.ticket-activity .image-container,
.ticket-activity .video-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.ticket-activity .attachments {
  /* display: grid;
  grid-template-columns: repeat(3, 1fr); */
  display:flex;
  flex-wrap:nowrap;
  grid-gap: 10px;
  margin-top: 10px;
}
.ticket-activity .attachment {
  max-width: 500px;
}
.ticket-activity nh-avatar {
  align-self: flex-start;
}
img.attachment-image {
  width: 100%;
  height: auto;
}
.file-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.file-container .fa-file {
  font-size: 50px;
  margin-bottom: 10px;
  color: #999;
}
.ticket-activity .attachment-video {
  width: 100%;
  height: auto;
}
.ticket-activity .comment-icon {
  position: absolute;
  top: 0;
  right: 0;
  padding: 5px;
  /* background: #e6e6e6; */
  font-size: 20.5px;
  border-radius: 4px;
}

.tinymce-content ul {
  margin: 10px 0 0 20px;
}
.tinymce-content ul li {
  list-style-type: square;
}
.tinymce-content ol {
  list-style-type: decimal;
  margin-left: 20px;
}
.tinymce-content li {
  margin-bottom: 0.625em;
}
.tinymce-content span {
  text-decoration:underline;
}
.ticket span {
  margin-bottom:0;
}
.support-ticket-edit-container.agent-view {
  display: grid;
  grid-template-columns: 2fr 1fr;
  grid-gap: 20px;
}
/* .stage-assigned-container {
  display:flex;
  flex-wrap: nowrap;
} */
.support-ticket-attachments-container {
  min-height: 36px;
}
.support-ticket-edit-container .groups {
    margin-left:20px;
}
.support-ticket-edit-container .item-tag {
    margin-bottom:0;
}
@media only screen and (max-width: 1360px){
    .support-ticket-edit-container.agent-view {
        grid-template-columns: 1fr;
    }
    .edit-ticket {
        order: 2;
    }
    .edit-ticket + .ticket-info-container {
        order: 1;
        margin-top: 0;
    }
}
@media only screen and (max-width: 500px){
    .ticket-info-container {
        padding:10px;
        flex-direction:column;
    }
    .ticket-info-container .logo-container {
        margin: 0 0 10px 0;
    }
}

/***************
* settings - message templates *
****************/
.message-template-container {
    display: flex;
    flex-direction:column;
    position:relative;
}
.templates-list-container {
    flex: 1 1 auto;
    margin-right: 20px;
}
.template-details {
    width: 800px;
    margin-left: auto;
}
.message-templates {
    margin-bottom:10px;
}
.message-template {
    display: flex;
    align-items: center;
}
.template-details .placeholders h6 {
    display: inline-block;
    width:auto;
    float: left;
    margin-bottom: 0;
}
.template-details li.placeholder {
    display: inline-flex;
    float: left;
    margin-bottom: 5px;
    margin-right:10px;
}
.template-details li.placeholder:first-of-type {
    margin-left: 10px;
}
.template-attachments.attachments {
    padding: 10px;
    border: 1px solid #b7b7b7;
}
.template-details .placeholders {
    padding: 10px;
    border: 1px solid #b7b7b7;
    margin-bottom: 20px;
}
.template-attachments.attachments li {
    padding: 5px 0 5px 5px;
}
.template-attachments ul {
    display: flex;
    align-items: center;
}
.template-attachments .add-icon {
	margin-right:5px;
}
.glyphicon.add-placeholder-icon {
	color:#b7b7b7;
	font-size:10px;
	margin-right:3px;
}
li.placeholder:hover .add-placeholder-icon {
	color:#fb8d00;
}
.message-templates-autocomplete {
    margin-bottom: 10px;
}
.template-sms-length.invalid {
	color: red;
	font-weight: bold;
}

/***************
* settings - addresses *
****************/
.addresses-container {
    display: flex;
    flex-direction: column;
    position:relative;
}
.approvals-list-container {
    flex: 1;
    margin-right: 20px;
}
.approver-details {
    flex: 1;
    margin-left: auto;
}
.addresses:not(body),
.approvers:not(body) {
    margin-bottom:10px;
}
.address,
.approver-group {
    display: flex;
    align-items: center;
}
.street-address-container,
.address-location-container {
    display: flex;
    flex-wrap: nowrap;
}
.street-address-container .input-wrapper,
.address-location-container .input-wrapper {
    margin-right:10px;
}
.street-address-container .input-wrapper:last-child,
.address-location-container .input-wrapper:last-child {
    margin-right:0;
}
.street-address {
    width: 300px;
}
.street-number {
	min-width:180px;
}
.address-unit {
	min-width:80px;
}
.street-number,
.address-unit,
.address-location,
.address-postal-code {
    flex:1;
}
.addresses-container .share-with {
    margin-top: 0;
}
.addresses-container .share-with h3 {
    font-size:16px;
}
.address-container {
	display:flex;
	align-items:center;
}
.addresses-autocomplete {
    margin-bottom: 10px;
}

/***************
* bulk video interview review *
****************/
.bulk-video-container {
    display:flex;
}
.bulk-video-answer-review {
    width: 100%;
    max-width: 660px;
}
.bulk-video-resume-container {
    display:flex;
    flex:1;
    flex-direction:column;
    margin-left:20px;
    padding: 10px;
    border: 1px solid #d4d4d4;
    background: white;
}
.bulk-video-resume-container .document {
    flex: auto;
    min-height: calc(100vh - 145px);
    height: calc(100vh - 145px);
    width: 100%;
}
.ua-mobile .bulk-video-resume-container {
    display: none;
}
.sideways-navigator {
    display: flex;
    align-items: center;
}
.sideways-navigator .glyphicon {
    font-size:2rem;
    cursor:pointer;
    -webkit-transition:all 0.2s linear;
    transition:all 0.2s linear;
}
.sideways-navigator .glyphicon:hover {
	color:#fb8d00;
}
.candidate-info {
    flex: 1;
    display: flex;
    flex-direction: column;
    margin: 0 10px;
    text-align:center;
}
/*.candidate-info .phone::after {
    content: "|";
    margin: 0 5px;
}*/
.by-question-container .candidate-video-interview-inner {
	margin-right:0;
}
.by-question-container .candidate-info {
	flex-direction:row;
	align-items:flex-end;
}
.by-question-container .candidate-info .candidate-name {
	margin: 0 5px 0 0;
	display:inline-block;
	width:auto;
}
/*.by-question-container .candidate-info .candidate-email {
	margin-left:5px;
}*/
.by-applicant-container .candidate-info .candidate-email:after,
.by-question-container .candidate-info .candidate-email:after {
	content:"";
}
.by-applicant-container .candidate-info .phone:after,
.by-question-container .candidate-info .candidate-email:before,
.by-question-container .candidate-info .phone::before {
	content:"|";
	margin: 0 5px;
}
.bulk-video-container section:last-of-type {
    margin: 0;
}

/***************
* interviews *
****************/
.interviews-header {
	/*display:-ms-grid;
	display:grid;
	    -ms-grid-columns: max-content (minmax(max-content, auto))[2] auto;
	        grid-template-columns: -webkit-max-content repeat(2, minmax(-webkit-max-content, auto)) auto;
	        grid-template-columns: max-content repeat(2, minmax(max-content, auto)) auto;
    grid-column-gap: 30px;*/
    display:flex;
    flex-wrap:wrap;
    align-items:center;
	padding:10px 10px 0 10px;
	border:1px solid #b7b7b7;
}
.month-navigator {
	max-width:200px;
	min-width:200px;
	margin:0 10px 10px 0;
}
.interviews-month {
    text-align: center;
}
.interviews-belonging {
	max-width:300px;
	margin:0;
	margin:0 10px 10px 0;
}
.interviews-filter-type {
	margin:0 10px 10px 0;
}
.button.schedule-interview {
	margin:0 0 0 auto;
}
.interviews-container {
    display: flex;
}
.interviews-list {
    flex: 1;
    border-top:none;
}
.interview-day-section {
    border-bottom: 1px solid #b7b7b7;
    border-left: 1px solid #b7b7b7;
    border-right: 1px solid #b7b7b7;
}
.interview-day {
    padding: 10px;
    background-color:#e3e3e3;
    color:#666666;
    margin:0;
}
.interview-details {
    /*display: flex;*/
    /*align-items: center;*/
    /*width: 100%;*/
    padding:10px;
    /*border-bottom: 1px solid #e1e1e1;*/
    /*background-color: #FFFFFF;*/
    transition:all 0.2s linear;
}
/*.interview-details:last-child {
    border: none;
}*/
.interview-details:hover,
.interview-details:hover a {
    color: #fb8d00;
    cursor:pointer;
    background-color:#FFFFFF;
}
/*.interview-time {
    width: 130px;
}*/
.interview-type-container {
    width: 22px;
    margin: 0 20px;
}
.interview-type-container .interview-type {
    font-size:1.4rem;
}
.interview-interviewers {
    display: flex;
    align-items:center;
    flex:1;
}
.interview-interviewer {
	margin: 2px 10px 2px 0;
	display: flex;
    align-items: center;
}
.interview-interviewer:first-of-type {
	margin-left:auto;
}
.interview-interviewer:last-of-type {
	margin-right:0;
}
/*calendar*/
.interviews-calendar-container {
	/*width:442px;*/
	padding:10px;
	/*border: 1px solid #b7b7b7;*/
	border-top: none;
	width: 100%;
    max-width: 500px;
}
.calendar {
	/*width:420px;*/
	width:100%;
}
.calendar-header {
	font-weight:600;
	/*display:flex;*/
	display: grid;
    grid-template-columns: repeat(7, 1fr);
    grid-gap: 5px;
    justify-items: center;
}
.calendar-content {
	/*display:flex;
	flex-wrap:wrap;*/
	display: grid;
    grid-template-columns: repeat(7, 1fr);
    grid-gap: 5px;
    justify-items: center;
}
.calendar-day {
	width:60px;
	height:60px;
	display:flex;
	align-items:center;
	justify-content:center;
}
.calendar-day a {
    display: block;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color:#000000;
}
.calendar-day a:hover {
    border-color:transparent;
    color:#fb8d00;
}
/*.calendar-header .calendar-day {
	height:30px;
}*/
.calendar-day.prevNextMonth {
	color:#CCCCCC;
}
.calendar-day.has-interview {
	background: #d9d9d9;
	cursor:pointer;
	border-radius: 100%;
}
.calendar-day.today {
	background: #fb8d00;
    border-radius: 100%;
}
.calendar-day.prevNextMonth.today {
    filter: grayscale(0.3);
}
/*interview schedule popup*/

.interview-schedule-row {
	display:flex;
	align-items:center;
	margin-bottom:10px;
}
.interview-schedule-submit-mobile {
    display:none;
}
.interview-schedule-date,
.interview-schedule-start-time,
.interview-schedule-duration {
	margin-right: 10px;
    max-width: 190px;
    flex: auto;
}
.interview-schedule-start-time {
	width:200px;
}
.interview-schedule-duration {
    width: 120px;
    min-width:100px;
}
/*.button.interview-schedule-submit {
	margin-bottom:10px;
}*/
.interview-schedule-time-interviewers-container {
    width: 678px;
    max-width: 100%;
    overflow-x: hidden;
    display: flex;
    position:relative;
}
.interview-schedule-interviewers {
    width: 230px;
    margin-top:20px;
}
.interview-schedule-time-row {
    width: calc(100% - 230px);
    display: flex;
    overflow-x: auto;
    flex-direction:column;
    padding-bottom: 15px;
}
.interview-schedule-hour-block-container {
    display: flex;
}
.interview-schedule-hour-block {
	min-width:50px;
	height:40px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    border:1px solid #e1e1e1;
    border-right:none;
    border-bottom: none;
}
.interview-schedule-hour-block:last-child {
    border-right:1px solid #e1e1e1;
}
.interview-schedule-hour-block.header {
	height:20px;
	border:none;
}
/*.interview-schedule-time-row .interview-schedule-hour-block:first-child {
	margin-left:228px;
}*/
.interview-schedule-interviewer:last-of-type .interview-schedule-hour-block {
	border-bottom:1px solid #e1e1e1;
}
.interview-schedule-interviewer {
  display: flex;
  align-items: center;
  /*margin-bottom: 10px;*/
}
.interview-schedule-interviewer-avatar-name-remove {
  width: 228px;
  display: flex;
  align-items: center;
  height: 40px;
}
.interview-schedule-interviewer-name-wrapper {
	display: flex;
	flex-direction: column;
}
.interview-schedule-interviewer-no-calendar {
	font-size: 12px;
	color: #666;
	margin-top: 5px;
}
.busytime {
  min-width: 1px;
  /*max-width: 1200%;*/
  top: 14px;
  height: 12px;
  background: #b7b7b7;
  position: absolute;
  z-index: 2;
}
#interview_event.conflict {
  background-color: #CC0000;
  background-color: rgba(204, 0, 0, 0.8);
  cursor:not-allowed;
}
#interview_event {
  max-width: 1200%;
  top: 0;
  min-height: 40px;
  box-sizing: border-box;
  background-color: #25569C;
  background-color: rgba(37, 86, 156, 0.8);
  position: absolute;
  z-index: 1;
  border: 1px dashed #e1e1e1;
}
.interview-add-interviewer {
  margin-top: 10px;
}
/*details view*/
.interview-details-date-edit {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
}
.interview-details-date {
    font-size: 0.875rem;
    font-weight: 800;
    color: #666;
    margin-right: 10px;
}
.interview-details-type-address {
    display: grid;
    grid-template-columns: 1fr;
}
.interview-details-address {
    margin:10px 0 0 0;
}
.video-interview-host-url-container {
    margin: 0 0 20px 0;
    /* display: grid;
    grid-template-columns: 1fr min-content 1fr;
    align-items: center; */
  }
.interviewers-edit {
	display:flex;
	/*align-items:center;*/
}
.interviewers-edit .interviewers-title {
	display:inline-block;
	width:auto;
	margin: 0 10px 10px 0;
}
.interview-details-interviewers {
    display: flex;
    flex-wrap: wrap;
    flex-direction:column;
    margin-bottom: 10px;
}
.interview-details-interviewer {
    /*display: flex;
    align-items:center;
    margin-right:20px;
    padding:10px;*/
    display: flex;
    align-items: center;
    /* margin-right: 20px; */
    padding: 5px;
    border: 1px solid #b7b7b7;
    margin-bottom: 5px;
}
.interview-details-interviewer-name {
    margin-bottom: 0;
}
.interview-details-interviewer-name-status {
	display:flex;
	flex-direction:column;
	white-space: nowrap;
    margin-right: 10px;
    flex:1;
}
.interview-details-interviewer-name-status a {
    align-self: flex-start;
}
.interview-notify-recruiter-checkboxes {
	display: flex;
	flex-wrap: wrap;
    margin-bottom: 10px;
}
.interview-notify-recruiter-checkboxes .checkbox {
	flex: 50%;
	min-width: 280px;
}
.interviewer-status,
.interviewer-role {
	max-width:200px;
}
.special-instructions-container {
    display: flex;
}
.special-instructions-candidate,
.special-instructions-interviewers {
    flex: 1;
	max-width: 50%;
}
.special-instructions-candidate {
    margin-right: 10px;
}
.special-instructions-candidate textarea,
.special-instructions-interviewers textarea {
    height:110px;
    resize: none;
}
.interview-attachment {
	padding: 5px;
	display: flex;
	align-items: center;
	border: 1px solid #e3e3e3;
    background-color: #f1f1f1;
    border-radius: 5px;
}
.interview-attachment-name {
	flex-grow: 1;
	overflow-x: hidden;
	text-overflow: ellipsis;
	line-height: initial;
}
input.interviews-month {
    width: 136px;
}
.moment-picker {
    z-index: 11002;
}

/***************
* interview popup - pick a time *
****************/
.nh-availability-popup .main-content {
	padding:10px;
	display:flex;
}
.calendar.availability .calendar-content .calendar-day {
	width:100%;
	border:1px solid #f1f1f1;
	position:relative;
	cursor:pointer;
	transition:all 0.2s linear;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3px;
}
.calendar.availability .calendar-content .calendar-day:hover {
	border:1px solid rgba(251, 141, 0, .5);
}
.calendar.availability .calendar-content .calendar-day.today {
  background: none;
  border-radius: 0;
}
.calendar.availability .calendar-content .calendar-day .today {
  position: absolute;
  top: 0px;
  right: 0px;
  padding: 3px;
  font-size: 11px;
  /*color: #7b7b7b;*/
  /*border-left: 1px solid #f1f1f1;
  border-bottom: 1px solid #f1f1f1;*/
}
.availability-chooser {
	position:relative;
  padding: 0 0 10px 0;
  border: 1px solid #f1f1f1;
  background: #FFFFFF;
  display: flex;
  flex-direction: column;
  z-index: 1;
  width: 400px;
  height: 100%;
  margin-left:10px;
  overflow-y:auto;
}
.availability-chooser-date {
	position: sticky;
  top: 0;
  background: #FFFFFF;
  padding: 10px;
  margin: 0 0 5px 0;
  border-bottom: 1px solid #f1f1f1;
  color:#666666;
}
.hide-availability {
	position:absolute;
	top:0;
	right:0;
}
.availability-row {
	display:flex;
	align-items:center;
	margin: 5px 10px;
}
.availability-row input[type="text"].ng-valid.error:not(.no-border) {
	border-color: #e00303;
	background-color: rgba(255,1,1,0.1);
}
.glyphicon.add-availability,
.glyphicon.copy-availability {
	border: 1px solid #666;
  border-radius: 50px;
  padding: 5px;
  align-self: flex-start;
	transform: all 0.2s linear;
	cursor:pointer;
}
.glyphicon.add-availability:hover,
.glyphicon.copy-availability:hover {
	color:#fb8d00;
	border-color:#fb8d00;
}
.glyphicon.copy-availability:hover {
	cursor:copy;
}
.calendar.availability .calendar-content .calendar-day.has-availability {
  background: rgba(251, 141, 0, 0.3);
  border: 1px solid #fb8d00;
}
.calendar.availability .calendar-content .calendar-day.editing-availability {
  border: 1px solid #fb8d00;
}
#vertical-noty-buttons .noty_buttons {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 5px;
}
#vertical-noty-buttons .noty_buttons button + button {
  margin: 0;
}
#vertical-noty-buttons .noty_buttons button {
  max-width: 303px;
  white-space: normal;
  height: auto;
  line-height: 1.4;
  padding: 10px;
}
ul.availabilities {
  display: flex;
  flex-direction: column;
  align-self: flex-end;
  justify-self: flex-end;
  font-size: 8px;
  max-height: 36px;
  overflow: auto;
  width: 100%;
}
.copying-availability .calendar.availability .calendar-content .calendar-day {
  cursor: copy;
}
span.calendar-day-label {
  position: absolute;
  top: 3px;
  left: 3px;
}
.nh-availability-popup .month-navigator {
  margin: 0 10px 0 0;
}
.nh-availability-popup .sideways-navigator .glyphicon {
  font-size: 1.2rem;
}
.interview-schedule-title {
	margin-right:10px;
}
.calendar-day.disabled {
  color: #cccccc;
  cursor: not-allowed;
  pointer-events: none;
}
.nh-availability-popup .interview-details-interviewers {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 5px;
}
.nh-availability-popup .interview-details-interviewer {
	margin:0;
}
.nh-availability-popup select#interview-add-interviewer,
.nh-availability-popup #interview-add-candidate {
    margin-bottom: 5px;
}
.group-interview .interview-schedule-duration {
    width: 100%;
    max-width: unset;
}
.interview-schedule-capacity {
    width: max-content;
}
.interview-schedule-capacity input[type='number'] {
    max-width: unset;
    min-width: unset;
    width: 114px;
}
label[for='interview-schedule-capacity'] {
    white-space: nowrap;
}
.nh-availability-popup .interview-schedule-duration {
    width: unset;
    min-width: 144px;
}
/*time slots*/
.time-slot-container {
  padding: 10px;
  border: 1px solid #b7b7b7;
  border-radius: 15px;
  margin: 0 5px 5px 5px;
  position:relative;
}
.time-slot-container:last-of-type {
  margin-bottom: 0px;
}
.time-slot-interviewee {
  display: flex;
  align-items: center;
  margin-bottom:5px;
}
.time-slot-interviewee:last-of-type {
	margin-bottom:0px;
}
.details-view-container {
	width:100%;
}
.interview-details-interviewer.confirmed {
  background: rgba(105, 188, 78, 0.25);
}
.time-slot-start-nice {
	font-weight:600;
	margin:0;
	text-align:center;
}
.time-slot-start-nice.unavailable {
	color:#b7b7b7;
}
.time-slot-interviewees {
	margin-top:5px;
}
.remove-time-slot {
  position: absolute;
  top: 11px;
  right: 5px;
}

.interviewee-buttons {
	display: grid;
	grid-template-areas: 
		"accept accept"
		"decline newtime";
	grid-template-columns: 1fr 1fr;
	grid-gap: 10px;
}
.button-group.interviewee-buttons .button {
	margin: 0;
}
.interviewee-buttons .button.accept-button {
	grid-area: accept;
}
.interviewee-buttons .button.decline-button {
	grid-area: decline;
}
.interviewee-buttons .button.newtime-button {
	grid-area: newtime;
}
.interviewee-schedule-buttons {
	display: grid;
	grid-template-columns: auto auto;
}

/***************
* nh-initials *
****************/
.nh-initials {
	padding:5px;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:100%;
	font-weight:800;
	/*letter-spacing:1px;*/
	color:#FFFFFF;
	cursor:default;
}
.nh-initials.nano {
	width:20px;
	height:20px;
	font-size:10px;
}
.nh-initials.mini {
	width:30px;
	height:30px;
	font-size:14px;
}
.nh-initials.small {
	width:50px;
	height:50px;
	font-size:22px;
}
.nh-initials.mid {
	width:75px;
	height:75px;
	font-size:34px;
}
.nh-initials.medium {
	width:100px;
	height:100px;
	font-size:48px;
}
.nh-initials.large {
	width:150px;
	height:150px;
	font-size:64px;
}

.nh-initials.blue { background-color:#3F76B3; }
.nh-initials.red { background-color:#C2353AFF; }
.nh-initials.green { background-color:#467E30FF; }
.nh-initials.grey { background-color:#767676FF; }
.nh-initials.gold { background-color:#7E7E13FF; }
.nh-initials.purple { background-color:#7F3A81FF; }
.nh-initials.orange { background-color:#FCA14CFF; }
.nh-initials.pink { background-color:#AF044E; }
.nh-initials.orchid { background-color:#6666FEFF; }
.nh-initials.turqoise { background-color:#427D80FF; }

/***************
* communication *
****************/
.communication-container {
    display: flex;
}
/*applicants list*/
.communication-applicants {
  /*min-width: 400px;*/
  width:100%;
  max-width: 400px;
  flex:1;
  margin-right: 10px;
  display:flex;
  flex-direction:column;
  background-color: #FFFFFF;
}
.communication-applicants-search-container {
    padding: 10px;
    border: 1px solid #e5e5e5;
}
.communication-applicants-search-container-inner {
    position:relative;
}
.communication-applicants-list li {
	margin-bottom:0;
	background-color:#FFFFFF;
}
.communication-applicants-list-applicant {
  padding: 10px;
  border: 1px solid #e5e5e5;
  display: flex;
  align-items: center;
  border-bottom:none;
  cursor:pointer;
  transition:all 0.3s linear;
  position:relative;
}
.communication-applicants-list-applicant.active,
.communication-applicants-list-applicant:hover {
    background: #e5e5e5;
}
.communication-applicants-list-applicant.active::before {
   	content: "";
   	height:100%;
   	width:4px;
   	background:#fb8d00;
   	position:absolute;
   	top:0;
   	left:0;
}
.communication-applicants-list-applicant:first-of-type {
	border-top:none;
}
.communication-applicants-list-applicant:last-of-type {
	border-bottom:1px solid #e5e5e5;
}
.communication-applicants-list-applicant.unread {
    font-weight: 800;
}
.communication-applicants-list-applicant.unread .communication-applicants-applicant-name {
	color:#000000;
}
.communication-applicants-applicant-name-date-preview {
	flex: 1;
	margin-left:10px;
	max-width: calc(100% - 50px);
}
.communication-applicants-applicant-name-date {
    display:flex;
}
.communication-applicants-applicant-name {
	font-family: 'GravityBold', 'sans-serif';
  font-size: 14px;
  /*font-weight: 600;*/
  color: #666666;
  height:16px;
  margin-bottom: 5px;
  margin-right:10px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.communication-applicants-applicant-date {
    margin-left: auto;
    font-size:12px;
}
.restrict-communication-user-container {
  display: flex;
  align-items: center;
  padding: 10px;
  border: 1px solid #e5e5e5;
}
/*communication filter*/
.communication-filters-container {
    position: absolute;
    right: 0;
    bottom: 0;
    display:flex;
    align-items:center;
    padding: 5px 0 5px 5px;
    background: #f7f7f7;
    border: 1px solid transparent;
    transition:all 0.1s linear;
}
.communication-filters-container.open {
    border-color: #e5e5e5;
}
.communication-filter-toggle {
    height: 2.8em;
    width: 0.9em;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    cursor:pointer;
    font-size:10px;
}
span.communication-filter-toggle:before {
    content: "";
    font-size: inherit;
    height: 0.4em;
    width: 0.4em;
    background: transparent;
    box-shadow: -0.3em 0.4em 0px 0px #999, -0.3em 1.2em 0px 0px #999, -0.3em 2em 0px 0px #999;
    transition:all 0.2s linear;
}
span.communication-filter-toggle:hover:before,
span.communication-filter-toggle.active:before {
    box-shadow: -0.3em 0.4em 0px 0px #fb8d00, -0.3em 1.2em 0px 0px #fb8d00, -0.3em 2em 0px 0px #fb8d00;
}
.communication-filters {
    /*margin: auto 0 0 auto;*/
    display: flex;
    flex-wrap: nowrap;
}
.communication-filter-button {
  padding: 6px;
  height: auto;
  font-size: 16px;
  margin-right: 5px;
  line-height: normal;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;

}
.communication-filter-button.active {
  background-color:#fb8d00;
}
html:not(.ua-mobile) .communication-filter-button:hover{
  background-color:#fbd099;
}

.communication-filter-button .glyphicon {
	color:#FFFFFF;
}

.communication-applicants-log-filter {
  background-color: #FFFFFF;
  padding: 10px;
  border-left: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
  display: flex;
}
.communication-applicants-log-filter .communication-filter-button {
  margin-right:10px;
}
.communication-applicants-log-filter .communication-filter-button:last-of-type {
  margin-right:0;
}
/*conversation*/
.communication-conversation-container {
  flex: 1;
  display: flex;
  flex-direction: column;
}
body.communication .communication-conversation-container {
  max-width: calc(100% - 410px);
}
.applicant-details .communication-conversation-container {
  position:relative;
}
.applicant-details .communication-filters-container {
  bottom:1px;
  right:1px;
  z-index:1;
}
.communication-conversation-header,
.communication-conversation-body,
.communication-conversation-footer {
  padding: 10px;
  border: 1px solid #e5e5e5;
  background-color: #FFFFFF;
}
.communication-conversation-header {
    margin-bottom: 10px;
    position:relative;
}
.communication-conversation-header-inner {
    display: flex;
    flex: 1;
    align-items: center;
}
/*.communication-conversation-body {
    max-height: 683px;
    overflow: auto;
}*/
ul.communication-applicants-list {
  /*height: calc(100vh - 160px);*/
  /*height: calc(100vh - 208px);*/
  height: calc(100vh - 256px);
  overflow-y: auto;
  background-color: #f7f7f7;
}
.communication-conversation-body {
  height: calc(100vh - 254px);
  overflow-y: auto;
}
.ua-mobile .communication-conversation-body {
    /* max-height: calc(100% - 185px); */
    max-height: unset;
    height:unset;
    padding:5px;
    overflow-y:scroll;
}
.communication-applicant-info {
    margin-left: 10px;
}
.communication-applicant-name-country {
    display: flex;
    align-items: center;
    margin-bottom:0;
}
.communication-applicant-name {
    margin: 0 10px 0 0;
    display: inline-block;
    width: auto;
}
.communication-applicant-country {
    height: 22px;
    width: 29px;
}
.communication-conversation-footer {
    display: flex;
    align-items:center;
}
.communication-back-to-conversations {
    position: relative;
    top: 0;
    left: -5px;
    font-size: 20px;
    cursor:pointer;
    transition:all 0.2s linear;
}
.communication-back-to-conversations:hover {
   	color:#fb8d00;
}
.communication-buttons-container {
	margin:0 auto;
}
.communication-button {
    border: 0;
    padding: 10px;
    margin: 0;
    border-radius: 100%;
    height: 50px;
    width: 50px;
    background-color: #e5e5e5;
    font-size: 26px;
    cursor:pointer;
    transition:all 0.3s linear;
}
.communication-button .glyphicon{
	display: block;
    color: #666666;
}
.communication-button:hover,
.communication-button.active {
    background-color: #fb8d00;
}
.communication-button:hover .glyphicon,
.communication-button.active .glyphicon {
    color: #FFFFFF;
}
.communication-text-container {
    display: flex;
    align-items: flex-end;
    flex: 1;
    margin-left: 10px;
}
.nh-sms-popup .communication-text-container {
	margin:10px;
}
textarea.communication-text-message {
    margin: 0 10px 0 0;
    height:50px;
    white-space:normal;
    transition:all 0.2s linear;
    resize:none;
}
.communication-send-text-message {
    padding: 0;
    margin: 0;
    border: 0;
    font-size: 28px;
    cursor: pointer;
    background: #1f2a58;
    border-radius: 100%;
    padding: 6px;
    position:relative;
    overflow:hidden;
    width: 50px;
    height:50px;
    display:flex;
    align-items: center;
    justify-content: center;
}
.communication-send-text-message.sending {
	background-color:#2B3C84;
}
.communication-send-text-message .glyphicon {
	position:relative;
    color: #FFFFFF;
}
.communication-text-message-sending {
	background: #1f2a58;
	height:40px;
	width:40px;
	position:absolute;
	bottom:0;
	left:0;
	transform: translateY(40px);
	animation: filling-up 0.6s linear infinite;
}
@keyframes filling-up {
	from { transform: translateY(40px); }
	to { transform: translateY(-40px); }
}
button.communication-send-text-message.sending:disabled {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}
.conversation-group {
	display:flex;
	flex-direction:column;
}
.conversation-group-date {
    color: #666666;
    text-align: center;
    font-size: 12px;
}
.conversation-item {
	/*max-width:80%;*/
	width:80%;
	display:flex;
	flex-direction:column;
	margin-bottom:20px;
	margin-right:auto;
}
.conversation-item.direction-Outbound {
	margin-left:auto;
	margin-right:0;
}
.conversation-item.direction-Inbound {
	margin-right:auto;
}
.conversation-item-inner {
	border-radius:10px;
}
.conversation-item.direction-Outbound .conversation-item-inner {
	background-color: #b7b7b7;
}
.conversation-item.direction-Outbound.your-conversation-item .conversation-item-inner {
	background-color: #f7d0a1;
}
.your-conversation-item span.conversation-audio-icon,
.your-conversation-item span.conversation-message-icon {
    background-color:#fb8d00;
}
.conversation-item.direction-Inbound .conversation-item-inner {
	background-color: #eaeaea;
}
.conversation-item-text {
	padding:10px;
	line-height:1.3;
  word-wrap: break-word;
}
/*queued*/
/*.conversation-item .conversation-item-text.queued {
	opacity:0.6;
}*/
span.sms-warning-icon,
span.sms-queued-icon,
span.email-sending-icon,
span.sms-failed-icon,
span.sms-undelivered-icon {
  position: relative;
  left: -5px;
  top: 1px;
  color: #fb8d00;
}
.communication-applicants-applicant-preview {
	display:flex;
	align-items:center;
}
.communication-applicants-applicant-preview span.sms-warning-icon,
.communication-applicants-applicant-preview span.sms-queued-icon,
.communication-applicants-applicant-preview span.email-sending-icon,
.communication-applicants-applicant-preview span.sms-failed-icon,
.communication-applicants-applicant-preview span.sms-undelivered-icon {
  position: static;
}
.communication-applicants-applicant-preview span.glyphicon {
  margin-right:2px;
}
.communication-applicants-applicant-preview span.mRight10 {
    max-height: 52px;
    overflow: hidden;
}
.mark-unread-container {
  position: absolute;
  top: 5px;
  right: 5px;
  display:flex;
  align-items:center;
}
.toggle.label.before.small {
	font-size:10px;
	margin-right:5px;
	color:#666666;
}
/*.communication-applicants-applicant-preview span.glyphicon-arrow-left,
.communication-applicants-applicant-preview span.glyphicon-arrow-right,
.communication-applicants-applicant-preview span.glyphicon-chat,
.communication-applicants-applicant-preview span.glyphicon-earphone,
.communication-applicants-applicant-preview span.glyphicon-envelope {
	color:#fb8d00;
}*/
/*failed*/
.conversation-item .conversation-item-text.failed {
    border: 1px solid #cc0000;
    background: rgba(249, 101, 101, 0.29);
}
span.sms-failed-icon,
span.sms-undelivered-icon {
    color: #cc0000;
}
.conversation-item-message {
    display: flex;
    align-items: flex-start;
    cursor:pointer;
}
.conversation-item-media {
	margin-top: 10px;
}
.conversation-item-media-image {
	max-width: 100%;
}
.conversation-message-container {
    padding: 10px;
    max-width: calc(100% - 40px);
}
.conversation-message-subject {
    font-weight: 600;
    margin-bottom:5px;
    /*overflow: hidden;*/
}
.conversation-message-body {
    line-height:1.4;
}
span.conversation-message-icon {
    font-size: 20px;
    padding: 10px;
    background-color: #999999;
    border-radius: 0 10px 0 10px;
    color: #FFFFFF;
    margin-left: auto;
}
span.conversation-audio-icon {
    padding: 10px;
    font-size: 20px;
    background: #999999;
    border-radius: 0 10px 10px 0;
    color: #FFFFFF;
}
.conversation-item-phone {
    display: flex;
    align-items: center;
}
.conversation-item-phone .progress-bar {
    /*min-width: 300px;*/
    background: #999999;
    height: 4px;
}
.conversation-item-phone .progress-bar span {
    height: 4px;
    transition: none;
}
span.conversation-audio-icon {
    align-items: center;
    display: flex;
    cursor:pointer;
    transition:all 0.3s linear;
}
span.conversation-audio-icon.glyphicon-earphone {
	cursor:default;
}
span.conversation-audio-icon.glyphicon-pause:hover,
span.conversation-audio-icon.glyphicon-play:hover {
    filter: brightness(85%);
}
nh-audio {
    display: flex;
    align-items: stretch;
    width: 100%;
}
.nh-audio {
    display: flex;
    flex-direction: column;
    padding:10px;
    flex:1;
}
.no-recording {
    margin: auto;
}
.audio-footer {
    font-size: 11px;
    display: flex;
    margin-top: 5px;
}
.progress-range-container {
	position:relative;
	margin-top:10px;
	height:10px;
}
input[type=range].nh-audio-slider {
	position: absolute;
    top: 0;
    left: 0;
    background: transparent;
    margin:0;
}
/*need to set this for FF*/
.ua-firefox input[type="range"].nh-audio-slider {
    top: -5px;
}
input[type=range].nh-audio-slider::-webkit-slider-runnable-track {
    background: transparent;
}
input[type=range].nh-audio-slider::-moz-range-track {
  background: transparent;
}
.audio-save-icon {
	margin:0 auto;
	cursor:pointer;
}
/*.audio-duration {
	margin-left:auto;
}*/
.converation-item-footer {
	display:flex;
	align-items:center;
	font-size:10px;
	margin-top:5px;
}
.converation-item-footer .candidate-avatar {
	order:1;
}
.converation-item-footer .user-avatar {
	order:3;
}
.direction-Outbound .converation-item-footer {
    justify-content: flex-end;
}
/*.direction-Outbound .converation-item-footer .candidate-avatar {
    order:3;
}
.direction-Outbound .converation-item-footer .user-avatar {
    order:1;
}*/
.communication-from-to-arrow {
	margin:0 3px;
	order:2;
	font-size:16px;
}
.communication-item-time {
	margin-left:5px;
	order:4;
}
/*.conversation-item.from-user .conversation-item-inner::after {
    content: "";
    border-bottom: 10px solid #b7b7b7;
    border-right: 10px solid transparent;
    position: absolute;
    bottom: 0;
    right: -10px;
}*/
.message-from {
	margin-bottom:10px;
}
/*.message-subject {
	color:#333333;
	padding-top:10px;
	margin-top:10px;
	border-top:1px solid #e5e5e5;
}*/
.message-body {
	padding-top: 10px;
    margin-top: 10px;
    border-top: 1px solid #e5e5e5;
}
.attachments-container {
	padding-top: 10px;
    margin-top: 10px;
    border-top: 1px solid #e5e5e5;
}
span.message-reply-icon {
	margin:0 15px;
	cursor:pointer;
	font-size:16px;
	color:#FFFFFF;
	transition:0.2s all linear;
}
span.message-reply-icon:hover {
	color:#fb8d00;
}
.message-preview,
.message-compose {
    padding: 10px;
}
.message-compose {
	padding-top:0;
}
.message-to,
.subject-date-row,
.compose-subject,
.message-date {
    display: flex;
    align-items:center;
}
.subject-date-row {
    margin-bottom: 5px;
}
.message-to {
	position:relative;
}
input#new-recipient {
    flex: 1;
    min-width: 100px;
}
.recipient-results.ajax-search-results {
    top: 40px;
    left: 35px;
    width: 100%;
    height: auto;
    max-width: calc(100% - 35px);
}
.recipient-list,
.compose-subject {
    flex: 1;
}
li.item-tag.recipient {
    padding: 0 0 0 5px;
    margin-bottom: 5px;
}
ul.recipient-list {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    position: relative;
    padding: 5px 0 0 0;
    max-height: 80px;
    overflow-y: auto;
}
.message-date {
	width:250px;
	margin-left:10px;
}
.compose-attachments {
	margin:10px 0;
}
.add-attachments {
	transition:all 0.2s linear;
}
.add-attachments:hover {
	color:#236eb4;
}
.add-attachment {
	margin-right:10px;
}
.attachment-item {
	margin:0 10px 0 0;
}
.attachment-item:last-of-type {
	margin:0;
}
.attachment-item .uploader {
    width: 60px;
}

/***************
* dashboard *
****************/
.dashboard-widget-row {
	/*display:flex;
	flex-wrap:nowrap;
	justify-content: space-between;
	margin-bottom:1%;*/
	display:grid;
	grid-gap:20px;
	margin-bottom:20px;
}
.dashboard-widget-row:last-of-type {
	margin-bottom:0;
}
.dashboard-widget-row.h-q-q {
	grid-template-columns: 2fr 1fr 1fr;
}
.dashboard-widget-row.q-q-h {
	grid-template-columns: 1fr 1fr 2fr;
}
.dashboard-widget-row.h-h {
	grid-template-columns: 1fr 1fr;
}
.dashboard-widget-row.f {
	grid-template-columns: auto;
}
.dashboard-widget-row.qqq-q {
	grid-template-columns: 3fr 1fr;
}
.dashboard-widget-row.q-qqq {
	grid-template-columns: 1fr 3fr;
}
.dashboard-widget-row.q-q-q-q {
	grid-template-columns: 1fr 1fr 1fr 1fr;
}
.dashboard-widget-row.t-t-t {
	grid-template-columns: repeat(3, 1fr);
}
.dashboard-widget {
	border:1px solid #b7b7b7;
	padding:20px;
	min-height:100px;
	display: flex;
    flex-direction: column;
    position:relative;
}
.dashboard-widgets {
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: repeat(2, 1fr);
    grid-gap: 20px;
}
/*.dashboard-widget-row .dashboard-widget {
	margin-right:20px;
}
.dashboard-widget-row .dashboard-widget:last-of-type {
	margin-right:0;
}*/
/*.dashboard-widget.full {
	width:100%;
}
.dashboard-widget.three-quarter {
	width:75%;
}
.dashboard-widget.half {
	width:50%;
}
.dashboard-widget.quarter {
	width:25%;
}*/
.dashboard-widget-footer {
	display:flex;
	flex-wrap:nowrap;
	align-items:center;
	margin-top:auto;
	padding-top: 20px;
}
.dashboard-widget-footer .help-title-icon{
	margin-left:auto;
	background-color: #b7b7b7;
}
a.dashboard-widget {
	cursor:pointer;
	transition:all 0.2s linear;
}
a.dashboard-widget:hover {
    border: 1px solid #fb8d00;
    background: rgba(0,0,0,0.05);
}
/*'#25569C', '#fb8d00', '#4adab6', '#202A58', '#cc0000', '#949FB1', '#4D5360'*/


/*widget count*/
.count-container {
    margin-bottom: 40px;
}
.count-container:last-of-type {
    margin-bottom: 0;
}
.widget-count-title {
    color: #000000;
}
.widget-count {
	font-size:2rem;
	margin-bottom:5px;
	color: #25569C;
}
.widget-count.border-bottom {
	padding-bottom: 10px; 
    margin-bottom: 10px;
}
.widget-count.border-bottom.color1 {
	border-bottom:3px solid #25569C;
}
.widget-count.border-bottom.color2 {
	border-bottom:3px solid #fb8d00;
}
.widget-count.color1 { color: #25569C; }
.widget-count.color2 { color: #fb8d00; }
.widget-count.color3 { color: #4adab6; }
.widget-count.color4 { color: #202A58; }
.widget-count.color5 { color: #cc0000; }
.widget-count.color6 { color: #949FB1; }
.widget-count.color7 { color: #4D5360; }
/*vertical bars*/
.vertical-bars-container {
    display: flex;
    flex-direction: row;
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    grid-gap:20px;
}
.vertical-bar-container {
	display:flex;
	align-items:center;
	flex-direction:column;
}
.vertical-bar-title {
	margin-bottom:10px;
}
.vertical-bar {
	background-color:#b7b7b7;
	height:160px;
	width:100%;
	display:flex;
	align-items:center;
	justify-content:center;
	position:relative;
}
span.vertical-bar-total {
  font-size: 3rem;
  color: #000000;
  position: relative;
  /*font-weight:600;*/
  /*text-shadow: 1px 1px 0px #333333;*/
}
.vertical-bar-fill {
	width:100%;
	position:absolute;
	bottom:0;
	left:0;
	-webkit-animation: nh-vertical-bar 0.75s;
	animation: nh-vertical-bar 0.75s;
}
@-webkit-keyframes nh-vertical-bar {
   0% { height: 0; }
}
@keyframes nh-vertical-bar {
   0% { height: 0; }
}
.vertical-bar-fill.color1 {
	background-color:#25569C;
}
.vertical-bar-fill.color2 {
	background-color:#fb8d00;
}
.vertical-bar-fill.color3 {
	background-color:#4adab6;
}
.vertical-bar.color1 {
	background-color:#25569C30;
}
.vertical-bar.color2 {
	background-color:#fb8d0030;
}
.vertical-bar.color3 {
	background-color:#4adab630;
}
/*news*/
.workflow-widget-news-container {
	max-height:410px;
	overflow: auto;
}
/*.news-widget-title {
    margin-bottom: 20px;
}*/
.news-item {
	display:flex;
	align-items:center;
	position:relative;
	margin-bottom:20px;
	cursor:pointer;
}
.news-item:last-of-type {
	margin-bottom:0;
}
.news-item:hover::before {
	content: "";
	height:100%;
	width:3px;
	position:absolute;
	left:-20px;
	top:0;
	background-color:#fb8d00;
}
.news-title-description {
	flex:1;
	margin: 0;
}
.news-title-container {
  display: flex;
  align-items: flex-end;
}
.news-title {
	color:#000000;
	margin: 0px 10px 5px 0;
}
.news-date {
  margin: 0 0 5px auto;
  white-space: nowrap;
  font-size:11.5px;
}
.news-description {
  line-height: 1.4;
}
/*top sources*/
.top-source {
  margin: 0 0 0 10px;
  display: flex;
  color: #333333;
  align-items: center;
}
.top-sources {
	display:grid;
	grid-template-columns: repeat(1, 1fr);
	grid-gap:30px;
}
.top-sources .logo-container {
  display: flex;
  align-items: stretch;
}
.top-sources .logo-container img {
  min-height: 20px;
  min-width: 20px;
}

/*workflow stages*/
.workflow-widget-stages-container {
    max-height: 360px;
    overflow: auto;
}
.workflow-widget-stage-container {
    display: flex;
    flex-direction: column;
    margin-bottom:10px;
    min-height: 48px;
}
.workflow-widget-info {
	display:flex;
	align-items:flex-end;
	margin-bottom:10px;
}
.workflow-widget-count {
	margin:0;
	font-size:2rem;
}
.workflow-widget-stage {
	margin-left:auto;
	white-space: nowrap;
}

/*video interviews*/
.dashboard-doughnut-container {
    display: flex;
}
.dashboard-doughnut-container .doughnut {
	position:relative;
	width:120px;
	height:120px;
	margin-right: auto;
}
.dashboard-doughnut-container .legend {
  text-align: right;
  min-width: 130px;
  margin-left: 20px;
}

/*messages*/
.messages-widget-container {
	display:flex;
}
.glyphicon.messages-widget-icon {
	font-size:3rem;
	color:#b7b7b7;
}
.messages-count {
	margin-left:auto;
	text-align:right;
}

/*widget count boxes*/
.widget-count-boxes {
	display:grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: auto;
	grid-gap:20px;
}

.grey-bottom-separator {
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px solid #b7b7b7;
}

/*background checks*/
.background-check-widget-container {
    display: flex;
    align-items:center;
    margin-bottom: 20px;
}
.background-check-widget-container:last-of-type {
    margin-bottom: 0;
}
.glyphicon.background-check-icon {
	font-size:3rem;
	color:#b7b7b7;
}
.background-check-info {
    margin-left: 20px;
    flex: 1;
}
.background-check-info .widget-count {
    font-size: 1rem;
    margin-bottom: 10px;
}

/*words cloud*/
#words-cloud {
    display: flex;
    flex: 1;
    min-height:300px;
}

/*interviews calendar*/
a.widget-calendar-title-link:hover {
    border: none;
    border-bottom: 1px solid transparent;
}
.widget-calendar-title {
	color:#000000;
}
.widget-calendar-title .calendar-year {
    font-size: 2rem;
    color:#25569C;
}
.month-range-container {
	width:100%;
	padding:0 14px;
}
.calendar-months {
	display:flex;
}
.calendar-month {
	width:8.333333333333333%;
	display:flex;
	justify-content:center;
	align-items:center;
	padding:5px;
	cursor:pointer;
}
.calendar-month.active-month {
	font-family: 'GravityBold', 'sans-serif';
	font-size:125%;
	color:#25569C;
}
#applicant-flow-chart {
	max-height:300px;
}

/*dboard*/
.dboard-container {
  display: grid;
  grid-gap: 20px;
}

.glyphicon.refresh-widget {
  padding: 5px;
  background: #b7b7b7;
  color: #FFFFFF;
  border-radius: 10px;
  font-size: 10px;
  margin-left: 5px;
  cursor: pointer;
  transition:all 0.2s linear;
}
.refresh-widget:hover {
	background-color: #fb8d00;
}
.dbw1 { grid-area: dbw1; } /* news */
.dbw2 { grid-area: dbw2; } /* email alerts */
.dbw3 { grid-area: dbw3; }
.dbw4 { grid-area: dbw4; }
.dbw5 { grid-area: dbw5; }
.dbw6 { grid-area: dbw6; }
.dbw7 { grid-area: dbw7; }
.dbw8 { grid-area: dbw8; }
.dbw9 { grid-area: dbw9; }
.dbw10 { grid-area: dbw10; }
.dbw11 { grid-area: dbw11; }
.dbw12 { grid-area: dbw12; }
/*2 widgets (news, email alerts)*/
.dboard-container.count-2 {
	grid-template-columns: repeat(2, 1fr);
	grid-auto-rows: minmax(100px, max-content);
	grid-template-areas:
		"dbw1 dbw2"
	;
}
/*3 widgets (news, email alerts, ..)*/
.dboard-container.count-3 {
	grid-template-columns: repeat(2, 1fr);
	grid-auto-rows: minmax(100px, max-content);
	grid-template-areas:
		"dbw3 dbw1"
		"dbw2 dbw1"
	;
}
/*4 widgets (news, email alerts, ..)*/
.dboard-container.count-4 {
	grid-template-columns: repeat(3, 1fr);
	grid-auto-rows: minmax(100px, max-content);
	grid-template-areas:
		"dbw3 dbw4 dbw1"
		"dbw2 dbw2 dbw1"
	;
}
/*5 widgets (news, email alerts, ..)*/
.dboard-container.count-5 {
	grid-template-columns: repeat(3, 1fr);
	grid-auto-rows: minmax(100px, max-content);
	grid-template-areas:
		"dbw3 dbw4 dbw1"
		"dbw5 dbw2 dbw1"
	;
}
/*6 widgets (news, email alerts, ..)*/
.dboard-container.count-6 {
	grid-template-columns: repeat(9, 1fr);
	grid-auto-rows: minmax(100px, max-content);
	grid-template-areas:
		"dbw3 dbw3 dbw3 dbw4 dbw4 dbw4 dbw1 dbw1 dbw1"
		"dbw5 dbw5 dbw6 dbw6 dbw2 dbw2 dbw1 dbw1 dbw1"
	;
}
/*7 widgets (news, email alerts, ..)*/
.dboard-container.count-7 {
	grid-template-columns: repeat(3, 1fr);
	grid-auto-rows: minmax(100px, max-content);
	grid-template-areas:
		"dbw3 dbw4 dbw5"
		"dbw6 dbw7 dbw2"
		"dbw1 dbw1 dbw1"
	;
}
/*8 widgets (news, email alerts, ..)*/
.dboard-container.count-8 {
	grid-template-columns: repeat(6, 1fr);
	grid-auto-rows: minmax(100px, max-content);
	grid-template-areas:
		"dbw3 dbw3 dbw4 dbw4 dbw1 dbw1"
		"dbw5 dbw5 dbw6 dbw6 dbw1 dbw1"
		"dbw7 dbw7 dbw8 dbw2 dbw2 dbw2"
	;
}
/*9 widgets (news, email alerts, ..)*/
.dboard-container.count-9 {
	grid-template-columns: repeat(6, 1fr);
	grid-auto-rows: minmax(100px, max-content);
	grid-template-areas:
		"dbw3 dbw3 dbw4 dbw4 dbw1 dbw1"
		"dbw5 dbw5 dbw6 dbw6 dbw1 dbw1"
		"dbw7 dbw8 dbw9 dbw2 dbw2 dbw2"
	;
}
/*10 widgets (news, email alerts, ..)*/
.dboard-container.count-10 {
	grid-template-columns: repeat(6, 1fr);
	grid-auto-rows: minmax(100px, max-content);
	grid-template-areas:
		"dbw3 dbw3 dbw4 dbw4 dbw1 dbw1"
		"dbw5 dbw5 dbw6 dbw6 dbw1 dbw1"
		"dbw7 dbw8 dbw9 dbw10 dbw2 dbw2"
	;
}
/*11 widgets (news, email alerts, ..)*/
.dboard-container.count-11 {
	grid-template-columns: repeat(9, 1fr);
	grid-auto-rows: minmax(100px, max-content);
	grid-template-areas:
		"dbw3 dbw3 dbw4 dbw4 dbw4 dbw4 dbw1 dbw1 dbw1"
		"dbw2 dbw2 dbw6 dbw6 dbw7 dbw7 dbw1 dbw1 dbw1"
		"dbw2 dbw2 dbw8 dbw8 dbw9 dbw9 dbw10 dbw10 dbw10"
		"dbw5 dbw5 dbw5 dbw5 dbw11 dbw11 dbw11 dbw11 dbw11"
	;
}
/*12 widgets (all permissions)*/
.dboard-container.count-12 {
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: repeat(12, minmax(100px, auto));
  grid-template-areas: 
  	"dbw3 dbw3 dbw3 dbw3 dbw2 dbw2 dbw2 dbw2 dbw1 dbw1 dbw1 dbw1"
  	"dbw3 dbw3 dbw3 dbw3 dbw2 dbw2 dbw2 dbw2 dbw1 dbw1 dbw1 dbw1"
  	"dbw9 dbw9 dbw9 dbw8 dbw8 dbw8 dbw8 dbw8 dbw1 dbw1 dbw1 dbw1"
  	"dbw9 dbw9 dbw9 dbw8 dbw8 dbw8 dbw8 dbw8 dbw1 dbw1 dbw1 dbw1"
  	"dbw10 dbw10 dbw10 dbw8 dbw8 dbw8 dbw8 dbw8 dbw1 dbw1 dbw1 dbw1"
  	"dbw10 dbw10 dbw10 dbw8 dbw8 dbw8 dbw8 dbw8 dbw1 dbw1 dbw1 dbw1"
  	"dbw6 dbw6 dbw6 dbw6 dbw6 dbw5 dbw5 dbw5 dbw5 dbw5 dbw5 dbw5"
  	"dbw6 dbw6 dbw6 dbw6 dbw6 dbw5 dbw5 dbw5 dbw5 dbw5 dbw5 dbw5"
  	"dbw11 dbw11 dbw11 dbw11 dbw7 dbw7 dbw7 dbw4 dbw4 dbw4 dbw4 dbw4"
  	"dbw11 dbw11 dbw11 dbw11 dbw7 dbw7 dbw7 dbw4 dbw4 dbw4 dbw4 dbw4"
  	"dbw12 dbw12 dbw12 dbw12 dbw7 dbw7 dbw7 dbw4 dbw4 dbw4 dbw4 dbw4"
  	"dbw12 dbw12 dbw12 dbw12 dbw7 dbw7 dbw7 dbw4 dbw4 dbw4 dbw4 dbw4"
  ;
}
.dboard-container .vertical-bars-container {
  height: 100%;
}
.dboard-container .vertical-bar-container {
  height: 100%;
}
.dboard-container .vertical-bar {
	flex:1;
}

/***************
* analytics *
****************/
.analytics-report {
	text-align:center;
    padding:20px;
    align-items: center;
}
.analytics-report h4 {
    margin: 20px 0;
}
.analytics-report p {
    color: #666666;
    line-height: 1.5;
}
.analytics-report:hover {
    border-color:transparent;
    background: rgba(0,0,0,0.05);
}
/*sprite*/
.analytics-report-icon {
	background-image: url('/img/analytics-sprite@1x.png');
	width:100px;
	height:100px;
}
@media	only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (-webkit-min-device-pixel-ratio: 1.25),
only screen and (min-resolution: 120dpi) {
    .analytics-report-icon {
        /* Reference the @2x Sprite */
        background-image: url('/img/analytics-sprite@2x.png');
        /* Translate the @2x sprite's dimensions back to 1x (set this to the actual dimensions of the 1x sprite)*/
        background-size: 900px 100px;
    }
}
.analytics-report-icon.job_posting_performance {	background-position:0px 0px; }
.analytics-report-icon.source_tracking {	background-position:-100px 0px; }
.analytics-report-icon.email_alerts {	background-position:-200px 0px; }
.analytics-report-icon.talent_pool_growth {	background-position:-300px 0px; }
.analytics-report-icon.campaign_history {	background-position:-400px 0px; }
.analytics-report-icon.nethire_credits {	background-position:-500px 0px; }
.analytics-report-icon.hires {	background-position:-600px 0px; }
.analytics-report-icon.time_to_hire {	background-position:-700px 0px; }
.analytics-report-icon.job_distributors {	background-position:-800px 0px; }

/*posting performance*/
.analytics-filter-item {
	margin-right:10px;
}
.analytics-brands,
.analytics-states,
.analytics-addresses,
.analytics-jobs,
.analytics-users,
.analytics-departments {
	min-width: 160px;
	max-width: 300px;
	flex:1;
}
.analytics-states {
	min-width: 90px;
	max-width: 90px;
	flex:1;
}
.analytics-type {
	margin:0 10px 10px 10px;
}
input.analytics-date,
.input-wrapper.analytics-date {
	width:200px;
	max-width: 300px;
	flex:1;
}
.analytics-checkbox {
	align-items: center;
	margin: 0 0 10px 10px;
	padding-right: 10px;
}
.analytics-download {
	margin:0 0 10px 10px;
}
.posting-performance-summary {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin:30px 0 40px 0;
}
.posting-performance-summary .summary-box {
    display: flex;
    flex-direction: column;
    text-align: center;
    flex: 1;
    width:20%;
    padding:0 10px;
}
/*.posting-performance-brands .between {
	margin-bottom:10px;
}*/
/*job distributors*/
.job-distributors-section {
    border: 1px solid #e5e5e5;
    margin-bottom: 20px;
}
.job-distributors-section-title {
    padding:20px;
    border-bottom:1px solid #e5e5e5;
    margin:0;
}
.job-distributors-efficiency-hours {
	display:flex;
}
.job-distributors-efficiency-hours .job-distributors-section {
	margin-right:10px;
	flex:1;
}
.job-distributors-efficiency-hours .job-distributors-section:last-of-type {
	margin:0 0 20px 10px;
}
.job-distributors-section .filter-row,
.job-distributors-hours-summary {
	padding:20px;
}
input.moment-picker-date {
	width:170px;
	flex:1;
	margin-bottom:0;
	max-width:250px;
}
button.job-distributors-filter {
    margin-left: 10px;
}
.input-wrapper.job-distributors-user {
    width: 200px;
    margin-right: 10px;
}
.input-wrapper.analytics-text-filter {
    max-width: 200px;
    min-width: 120px;
    margin-left: 10px;
}
.input-wrapper.analytics-text-filter:first-child {
	margin-left: 0;
}
.customize-report {
	font-size:26px;
	margin:0 5px 10px 15px;
	transition:all 0.2s linear;
	cursor:pointer;
}
.customize-report:hover {
	color:#fb8d00;
}
.customize-report-container {
	position:relative;
}
.report-fields-popup {
    position: absolute;
    top: 30px;
    left: -233px;
    font-size: 12px;
    font-family: GravityBook, sans-serif;
    background: #FFFFFF;
    border: 1px solid #b7b7b7;
    width: 280px;
    box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.5);
    margin:0;
    z-index:1;
}
.report-fields-popup-inner {
    position: relative;
    padding: 10px;
    width:100%;
}

/***************
* analytics - quality control *
****************/
.quality-control-summary {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin: 30px 0 40px 0;
}
.quality-control-summary .quality-control-summary-section {
	width: 50%;
	min-width: 300px;
	display: flex;
	flex: 1;
	margin: 5px 0px;
}
.quality-control-summary .summary-box {
	text-align: center;
	width: 33%;
	padding: 0 10px;
}

.quality-control-graph {
	width: 100%;
	height: 400px;
	position: relative;
}

.quality-control-legend {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.quality-control-legend-item {
	display: flex;
	align-items: center;
	margin: 0.3125rem 1.875rem 0.3125rem 0;
}
.quality-control-legend-box {
	width: 18px;
	height: 18px;
	flex-shrink: 0;
	margin: 0px 5px;
}

/***************
* analytics - communication log *
****************/

.communication-log-data {
	position: relative;
}

.communication-log-top {
	height: 400px;
	display: grid;
	grid-template-columns: 1fr minmax(auto, 380px);
	grid-gap: 20px;
}

.communication-log-types {
	max-width: 380px;
	height: 380px;
}

.nh-audio-wrapper {
	background-color: #eaeaea;
	border-radius: 10px;
}
.nh-audio-wrapper .progress-bar {
	height: 4px;
}
.nh-audio-wrapper .progress-bar span {
	height: 4px;
	transition: none;
}
.glyphicon.communication-log-icon {
  font-size: 20px;
}

/***************
* analytics - hires *
****************/
.hires-charts-container {
    /*display: flex;
    align-items: flex-start;*/
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px;
}
.hires-chart-section {
    padding: 20px;
    display: flex;
    flex-direction: column;
    text-align: center;
}
.time-period {
    flex: 1;
}
.hires-last-12-months {
    margin-top: 60px;
}
.hires-time-periods-container {
	display:grid;
	grid-template-columns:repeat(2, 1fr);
	grid-gap:20px;
}

/***************
* analytics - increments *
****************/
.analytics-increment-type .checkbox {
    padding-right: 10px;
    margin-bottom:10px;
}
.analytics-increment-type {
    width: auto;
}

/***************
* analytics - sources *
****************/
.source-performance-volume-container {
    display: flex;
}
.source-performance-container {
    margin-right: 40px;
    min-width: 400px;
}
.source-trends-table .glyphicon-chevron-down {
    color: #cc0000;
}
.source-trends-table .glyphicon-chevron-up {
    color: #69bc4e;
}
.source-trends-table .glyphicon-minus {
    color: #666666;
}
.source-volume-container {
    flex: 1;
}

/***************
* analytics - applicant log *
****************/
.info-container.applicant-log .info-item {
  grid-template-columns: minmax(96px, max-content) 1fr;
}
.info-container.applicant-log {
	margin-bottom:20px;
}

.time-to-hire-workflow-chart-container {
	width:100%;
}

/***************
* analytics - onboarding bottlenecks *
****************/
.ob-avg-chart {
    display: flex;
    /*align-items: center;*/
    margin-bottom: 20px;
    max-height: 300px;
}
.ob-avg {
    min-width: 200px;
    /*width: 33%;*/
    flex: 1;
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding: 20px;
    border: 1px solid #b1b1b1;
    text-align: center;
    background-color: #25569C;
}
.ob-chart {
    width: 100%;
    flex: 3;
    padding: 20px;
    /*border: 1px solid #b1b1b1;*/
    /*border-left: none;*/
    margin-left: 20px;
}
.ob-avg-days {
    font-size: 3rem;
}
.ob-avg-hours-mins {
    font-size: 1.25rem;
}
.ob-avg-description {
    font-size: 1.05rem;
}
.ob-avg-days,
.ob-avg-hours-mins,
.ob-avg-description {
    color: white;
}

/***************
* analytics - mr lube franchisee jobs *
****************/
table.data.mr-lube-applicants th:not([scope=row]) {
    background-color: #FFFFFF;
}

/***************
* analytics - hiring manager check ins *
****************/
.hm-check-ins-charts-container {
    display: flex;
    align-items: center;
    margin-bottom:40px;
    align-items: stretch;
}
.hm-check-ins-charts-container.alt .hm-check-ins-pie-chart-container {
    width:50%;
    height:400px;
}
.hm-check-ins-pie-chart-container {
    position: relative;
    height:400px;
    width:33%;
}
.hm-check-ins-bar-chart-container {
    position: relative;
    height:400px;
    width:calc(66% - 20px);
    margin-left:20px;
}
.hm-check-ins-overdue-box {
    width: 100%;
    padding: 40px;
    background: #2556A8;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    color:white;
}
.hm-check-ins-overdue-box .overdue-text {
    font-size:2rem;
    margin-bottom:0.5rem;
}
.hm-check-ins-overdue-box .total-text {
    font-size:1rem;
}

/***************
* admin - report fields *
****************/
.admin-report-field {
	display:flex;
	align-items:center;
	margin-bottom:10px;
}
.report-field-field,
.report-field-display {
	max-width:180px;
}
.report-field-text-align {
	margin:0 10px 0 0;
	max-width:100px;
}
.checkbox.as-sortable-item input[type='checkbox'] + label {
    cursor: move;
}

/***************
* admin - campaign sources *
****************/
input#campaign-source-quickbooks-id,
input#campaign-source-default-duration {
    min-width: 140px;
    max-width:100%;
    text-align: left;
}
.campaign-source-logo-name-description {
    display: grid;
    grid-template-columns: 120px auto;
    grid-gap:10px;
    margin-bottom: 10px;
}
.campaign-source-logo-wrapper {
    grid-row-start: 1;
    grid-row-end: 3;
    position:relative;
}
.campaign-source-details-container {
	display:flex;
	flex-wrap:nowrap;
	align-items:center;
	margin-bottom:10px;
}
.campaign-source-details-container .input-wrapper {
	margin-right:10px;
}
.campaign-source-details-container input,
.campaign-source-details-container select {
    margin: 0;
}
.input-wrapper.campaign-source-quickbooks-id {
    max-width: 140px;
}
.input-wrapper.campaign-source-default-duration {
    max-width: 140px;
}
.input-wrapper.campaign-source-popularity {
	max-width: 60px;
}
.input-wrapper.campaign-source-require-career-page {
	max-width: 155px;
}
.campaign-source-instructions {
	display:flex;
	flex-direction:column;
}
.campaign-source-instruction {
	display:flex;
	flex-wrap:nowrap;
	align-items:center;
}
.field-to-copy {
	max-width:200px;
}
#campaign-source-description {
  resize: vertical;
}

/***************
* admin - boolean tester *
****************/
.example-container {
	display:flex;
	margin-bottom:10px;
	align-items:center;
}
.example-match-icon {
	font-size:20px;
	margin-right:10px;
}
.example-match-icon.glyphicon-ok-sign {
	color:#69bc4e;
}
.example-match-icon.glyphicon-remove-sign {
	color:#e00303;
}
.example-match-icon.glyphicon-minus-sign {
	color:#666666;
}

/***************
* admin - enable communication *
****************/
#enable-communication-copyfields {
	line-height: initial;
}
.enable-communication-fieldname {
	display: inline-block;
	width: 150px;
}
/***************
* job distribute *
****************/
.jd-title-container {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 20px;
}
.jd-progress-container {
    width: 100%;
    max-width: 200px;
    margin-left: 20px;
}
.jd-progress-totals {
	margin:0 0 5px 0;
}
.jd-site-instructions {
	white-space:pre-wrap;
	line-height:1.4;
}
/*.job-distribute-fields {
    margin: 20px 0;
}*/
.job-distribute-field {
	display:flex;
	align-items:center;
}
.job-distribute-copy-button {
    display: inline-flex;
    border: 1px solid #e1e1e1;
    border-right: none;
    padding: 10px;
    height: 34px;
    width:66px;
    justify-content: center;
    align-items: center;
    transition:all 0.2s linear;
    cursor:pointer;
}
.job-distribute-copy-button.copied {
	background: #e1e1e1;
}
.jd-site-label {
	width:120px;
}
.job-distribute-copy-button:hover {
	color:#fb8d00;
}
.jd-field-display {
    border: 1px solid #e1e1e1;
    border-left: none;
    padding: 10px;
    height: 34px;
    background:#e1e1e1;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-right:10px;
    transition:all 0.2s linear;
}
.jd-field-display.copied {
	background:transparent;
}
.jd-error-message {
	height:80px;
	resize:none;
}
.jd-instructions-container {
	max-width:600px;
	min-width:500px;
}
.jd-copy-fields-container {
	flex:1;
	margin-left:20px;
}

/*eeo1-report*/
.eeo1-graphs {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap:20px;
}
.analytics-download.mLeftAuto {
	margin-left:auto;
}

/*applicant flow*/
.applicant-flow-table .glyphicon-ok {
	color:#69bc4e;
	font-size: 26px;
}
.applicant-flow-table .glyphicon-remove {
	color:red;
	font-size: 26px;
}
.table-header {
	margin:0;
	padding:10px 5px;
	border:1px solid #e1e1e1;
}

/*applicants report*/
.applicant-rating-flow-container {
	display:grid;
	grid-template-columns: 1fr 2fr;
	grid-gap:20px;
}
.applicant-ratings-container,
.applicant-flow-container {
	width:100%;
}

/***************
* settings - application *
****************/
.application-edit-container {
  display: flex;
}
.application-preview {
  flex: 1 1 auto;
  width:100%;
  margin: 0 auto;
}
.application-pages,
.application-sections {
	display:flex;
	flex-direction:column;
}
.application-page-container:not(.page1):not(.new-page):before {
  content: "-------- Page Break --------";
  position: absolute;
  top: -26px;
  left: 0;
  width: calc(100% - 30px);
  font-size: 14px;
  text-align: center;
  color: #666666;
}
.application-page-container:not(.page1) {
	position:relative;
	margin-top:40px;
}
.application-page-container,
.application-section-container,
.application-element-container {
	display: flex;
	align-items:center;
}
.application-element-container {
  margin: 0 0 10px 0;
}
.application-page-outer,
.application-section-outer,
.application-element {
	padding: 10px;
	border: 1px dashed #b7b7b7;
	flex:1;
	position:relative;
}
.application-page-outer,
.application-section-outer {
  background-color: #FFFFFF;
}
.application-section-outer,
.application-page-outer {
	cursor:move;
}
.application-element {
	cursor:move;
	position:relative;
	transition:all 0.2s linear;
}
.application-page-container.new-page,
.application-section-container.new-section,
.application-element-container.new-element {
  background: #f3f3f3;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #666666;
  border: 1px dashed #b7b7b7;
  cursor: pointer;
  font-size: 14px;
  flex: 1;
  margin:0;
  min-height:62px;
  transition: all 0.2s linear;
}
.application-page-container.new-page:hover,
.application-section-container.new-section:hover,
.application-element:hover,
.application-element-container.new-element:hover {
  border: 1px dashed #fb8d00;
}
.glyphicon.new-application-item {
  font-size: 40px;
  margin-right: 20px;
  color: #d4d4d4;
  transition: all 0.2s linear;
}
.application-page-container.new-page:hover .glyphicon.new-application-item,
.application-section-container.new-section:hover .glyphicon.new-application-item,
.application-element-container.new-element:hover .glyphicon.new-application-item {
  color: #fb8d00;
}
.application-page-header {
	color:#666666;
	font-size:14px;
	text-align:center;
}
/*previewing*/
.application-previewing .application-section-inner,
.application-previewing .application-element {
	border:none;
	padding:0;
}
.application-previewing .application-page-outer,
.application-previewing .application-section-outer {
  padding: 10px;
  border: 1px solid #b7b7b7;
}
.application-previewing .application-page-container.new-page,
.application-previewing .application-section-container.new-section,
.application-previewing .application-element-container.new-element,
.application-previewing .move-icon,
.application-previewing .remove-icon {
	display:none;
}
.application-previewing .application-section-container.new-section:hover,
.application-previewing .application-element:hover,
.application-previewing .application-element-container.new-element:hover {
  border: none;
}
.application-previewing .application-element {
	cursor:default;
}
.application-previewing .application-preview {
  flex: 1 1 auto;
  max-width: 1200px;
  /*padding: 20px;*/
  margin: 0 auto;
}
.application-element input:disabled,
.application-element textarea:disabled,
.application-element select:disabled {
  pointer-events: none;
}
.element-settings.accordion {
 	margin-bottom: 0;
}
.element-settings.accordion.open .accordion-content {
	margin:0;
	padding-bottom:0;
}
.element-settings .applicant-profile-address-container {
    flex: 1;
}
.application-textarea {
  height: 80px;
  resize: none;
}
.application-text {
	/*white-space: pre-wrap;*/
	white-space: pre-line;
	line-height:1.4;
}
.application-hr {
	height:1px;
	width:100%;
	border-top:1px solid #b7b7b7;
	margin:10px 0;
	padding:0;
}
.application-image,
.application-video {
	max-width:100%;
	height:auto;
}
.move-icon.as-sortable-item-handle {
  cursor: move;
}
.new-application-field-option,
.application-field-option {
  display: flex;
  margin-top: 10px;
  align-items: center;
}
.new-application-field-option {
  margin: 10px 0;
}
.application-options-disqualify-label {
  color: #666666;
  font-size: 11px;
  position: relative;
  left: -11px;
}
.applicant-currency-container input[type='number'] {
  min-width: auto;
  max-width: none;
  text-align: left;
}
.moment-picker {
	max-width:360px;
}
.application-currency-container {
	display:flex;
	align-items:center;
}
.application-apply-buttons {
  margin-bottom: 10px;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
}
.application-apply-buttons .application-apply-icon {
  cursor: pointer;
  margin-right: 5px;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  transition: all 0.2s linear;
  margin: 0 10px 0 0;
  height: auto;
  display: block;
  width: 63px;
}
.application-apply-buttons .application-apply-icon:first-of-type {
  margin-bottom:10px;
}
.application-apply-buttons .application-apply-icon:hover {
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
}
.application-previewing .application-element-label {
  margin: 5px 0;
}
.application-element-overlay {
	display:flex;
	align-items:center;
	justify-content:center;
	background:transparent;
	color:transparent;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:10;
	transition:all 0.2s linear;
}
.application-element-overlay:hover {
	background:rgba(0,0,0,0.8);
	color:#FFFFFF;
}
.application-previewing .application-element-overlay {
	display:none;
}
body.settings.application_form #inner-wrapper,
body.settings.application_form #content-wrapper {
	overflow:visible;
}
.application-details.item-edit {
  position: -webkit-sticky;
  position: sticky;
  top: 20px;
  align-self: flex-start;
}
.application-element.active {
  background-color: rgba(251, 141, 0, 0.15);
}
.application-previewing .application-element.active {
    background-color: unset;
}
.application-attachments {
  width: 100%;
  display: grid;
  grid-gap: 10px;
  grid-template-columns: repeat(2, 1fr);
  margin: 10px 0 0 0;
}
.application-minimize-icon {
	position:absolute;
	top:0;
	right:0;
	padding:3px;
	border:1px solid #b7b7b7;
	cursor:pointer;
}
.application-minimized-element {
	text-align:center;
}

/***************
* account - approval processes *
****************/
section.uap {
  margin-top: 20px;
}
section.uap:last-of-type {
  margin-top: 30px;
}
.uap .if-then {
	/*margin: 0 0 0 20px;*/
	margin: 0;
	flex:1;
}
.uap .when,
.uap .approve {
  display: flex;
  align-items: center;
}
.uap .if-then .when .type,
.uap .if-then .then .type {
  padding-bottom: 10px;
}
.uap .when .options,
.uap .approve .options {
  margin-bottom: 10px;
}
.uap .type h5 {
  font-size: 14px;
  color: #666666;
  text-transform:none;
  /*min-width:55px;*/
  font-family: GravityBold, Helvetica, Arial, sans-serif;
}
/*.uap .if-then .type {
  width: 85px;
}*/
.number-icon {
  min-width: 40px;
  min-height: 40px;
  border: 1px solid #b7b7b7;
  border-radius: 100%;
  background-color: #FFFFFF;
  color: #b7b7b7;
  display:flex;
  align-items:center;
  justify-content:center;
  font-family: GravityBold, sans-serif;
	font-size:16px;
}
.add-ap-then {
	cursor: pointer;
	transition: all 0.2s linear;
}
.add-ap-then:hover {
	color:#FB8D06;
}
.ap-groups {
	display:grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap:10px;
	margin-bottom:20px;
}
.ap-group-users {
	display:flex;
	flex-wrap:nowrap;
	align-items:center;
}
.ap-group-users.inner {
	flex-direction:column;
	align-items:flex-start;
	padding:10px;
	border:1px solid #b7b7b7;
	flex: 1;
	margin: 0 10px 0 0;
	position:relative;
	align-self: stretch;
}
.uap .if-then .ap-remove-group {
  position: absolute;
  top: -1px;
  right: -1px;
  margin: 0;
  border-radius: 0;
  cursor: pointer;
  font-size:12px;
}
.remove-icon.remove-ap-group-member {
  font-size: 10px;
  border: none;
  background: transparent;
  padding: 0;
}
.remove-icon.remove-ap-group-member:hover {
  background:transparent;
}
.ap-or {
  border: 1px solid #b7b7b7;
  border-radius: 100%;
  display: inline-flex;
  height: 40px;
  width: 40px;
  align-items: center;
  justify-content: center;
  background: #FFFFFF;
  color:#666666;
}
.ap-group-members .item-tag {
  margin: 0;
  flex-direction:column;
  position:relative;
  padding:5px 0 5px 5px;
  align-items:flex-start;
}
.ap-group-members .item-tag.add {
  padding: 0;
}
.ap-group-members {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 5px;
  width: 100%;
  margin-bottom: 5px;
}
.approval-user-decision {
  width: 100%;
}
.approval-reason {
	background-color:#FFFFFF;
	width:100%;
	resize: vertical;
	margin:0;
}
.decision-reason {
	margin: 0 10px 0 0;
	background-color:#FFFFFF;
	width:auto;
	flex:1;
}
.approval-decision-reason {
	margin:10px 0 0 0;
	line-height:1.3;
}

/*requisitions - approvals*/
.view-ap .ap-group-users {
  flex-direction: column;
}
.view-ap .ap-groups {
  grid-template-columns: repeat(1, 1fr);
  grid-gap: 0px;
}
.view-ap .ap-or {
  border-radius: 0;
  border-top: none;
  border-bottom: none;
  position: relative;
  z-index:1;
}
.view-ap .ap-or:before,
.view-ap .ap-or:after {
  content: "";
  height: 1px;
  width: 100%;
  position: absolute;
  top: -1px;
  background: #FFFFFF;
}
.view-ap .ap-or:after {
  top: auto;
  bottom: -1px;
}
.view-ap .ap-group-users.inner {
	background:#FFFFFF;
	margin:0;
}
.view-ap .ap-group-members {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}
.view-ap .ap-group-members .item-tag {
	padding:10px;
}
/*.number-icon.approved {
  border-color: #CCC;
  color: #FFF;
  background-color: #CCC;
}*/
.number-icon.approved {
  border-color: #69bc4e;
  color: #FFF;
  background-color: #69bc4e;
}
.number-icon.rejected {
  border-color: red;
  color: #FFF;
  background-color: red;
}

/***************
* employees *
****************/
#seniority-file-label {
	margin-right:0;
}
.employee-transfer-select {
	margin-left:auto;
	max-width:300px;
}

/***************
* employee *
****************/

.employee-details {
  max-width: 600px;
  flex: 1;
}
.info-container {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap:10px;
}
.info-item {
	display:grid;
	grid-template-columns: minmax(70px, max-content) 1fr;
	grid-gap:10px;
}
.info-item label {
  text-align: right;
  font-weight: 600;
  align-items: center;
  display: flex;
  justify-content: flex-end;
}
input#employee-seniority {
  min-width: 160px;
  max-width: 160px;
}

/***************
* settings - requisition questions *
****************/
.req-questions-brand-logo {
	margin: 0 0 10px 10px;
}

/***************
* settings - content manager *
****************/
.resp-img {
  width: 100%;
  height: auto;
}
.article-image-wrapper label {
  position: absolute;
  width: 100%;
  height:100%;
  top: 0;
  left: 0;
  background: transparent;
  z-index: 2;
  cursor: pointer;
  display: flex;
  overflow: hidden;
}
.article-image-wrapper label:hover::after {
  background: rgba(0,0,0,0.6);
  content: "Update Image";
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  margin: auto;
  font-size: 24px;
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  height: 100%;
}
.article-image-wrapper label:hover::before {
  background: rgba(0,0,0,0);
  content: "1920w x 1080h";
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  margin: auto;
  font-size: 10px;
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  height: 100%;
  position:absolute;
  top:20px;
}
.article-image-wrapper label.pending::after {
	background: rgba(0,0,0,0.6);
  content: "Pending";
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  margin: auto;
  font-size: 24px;
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  height: 100%;
}
#meta_description {
	width: 100%;
	min-height: 100px;
	resize: vertical;
}

/*nh-autocomplete*/
.nh-autocomplete {
	width: 100%;
	position: relative;
	/*z-index: 10;*/
}
.autocomplete-suggestions {
	position: absolute;
	/*height: 200px;*/
	top: 40px;
	left: 0;
	width: 100%;
	background-color: white;
	border: 1px solid lightgrey;
	max-height: 280px;
	box-sizing: border-box;
    display: block;
    margin: 0;
    overflow: hidden;
    padding: 0;
    box-shadow: 0px 0px 2px 2px #e3e3e3;
	z-index: 1;
}
.autocomplete-suggestions-repeat {
	display: block;
}
.autocomplete-item {
	background-color: #f1f1f1;
	border-bottom: 1px solid lightgrey;
	height: 40px;
	box-sizing: border-box;
    display: flex;
    align-items: center;
	transition: all 0.3s linear;
}
.autocomplete-item.suggestion {
	background-color: white;
	color: black;
}
.autocomplete-item.suggestion:hover {
	background-color: #ececec;
}
.autocomplete-item:last-of-type {
	border-bottom: none;
}
.autocomplete-label {
	color: #25569C;
	font-weight: 600;
	padding: 5px;
}
.autocomplete-item.suggestion {
	cursor: pointer;
}
.autocomplete-suggestion {
	margin-left: 20px;
	margin-right: 5px;
	cursor: pointer;
	line-height: 1.3;
	/*padding: 10px;*/
	/*display: flex;*/
    /*align-items: center;*/
    /*flex: 1;*/
    /*height: 40px;*/
}
input.autocomplete-input {
    padding-right: 30px;
}
.autocomplete-remove-icon, .input-remove-icon {
    position: absolute;
    top: 13px;
    right: 10px;
}
.autocomplete-suggestion span.highlight {
	color: #fb8d00;
}
.md-virtual-repeat-container .md-virtual-repeat-scroller {
    bottom: 0;
    box-sizing: border-box;
    left: 0;
    margin: 0;
    overflow-x: hidden;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-overflow-scrolling: touch;
}
.md-virtual-repeat-container .md-virtual-repeat-sizer {
    box-sizing: border-box;
    height: 1px;
    display: block;
    margin: 0;
    padding: 0;
    width: 1px;
}
.md-virtual-repeat-container .md-virtual-repeat-offsetter {
	box-sizing: border-box;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
	z-index: 10;
}

/***************
* settings - promotions *
****************/
.promotion-dates-container {
    display: flex;
    align-items: center;
}
input.promotion-start,
input.promotion-end {
    margin: 0;
}
img.promotion-preview-image {
    width: 100%;
    height: auto;
}
.input-wrapper.credit-quantity,
.input-wrapper.credit-select {
    width: auto;
}
.input-wrapper.credit-select {
    flex: 1;
}
.credit-quantity-x {
    margin: 0 10px 10px 10px;
}

/***************
* settings - reference templates *
****************/
body.settings.reference_templates #main-content {
    max-width: 1240px;
  }
  .reference-type-section {
    padding: 10px;
    border: 1px solid #b7b7b7;
    margin-top: 20px;
  }
  .reference-type-section.not-used {
    opacity: 0.25;
  }
  .reference-type-section.invalid,
  .accordion.invalid .title,
  .accordion.invalid .accordion-content {
    border: 1px solid #e00303;
    border-color: #e00303;
    background-color: rgba(255, 1, 1, 0.1);
  }
  .accordion.invalid .accordion-content {
    border-top: none;
  }
  .reference_templates .title-container {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
  }
  .reference_templates select.question-type {
    width: 240px;
    margin-left: 10px;
  }
  .reference_templates .new select.question-type {
    margin-right: 10px;
  }
  .question-container:not(.new) {
    border: 1px dashed #b7b7b7;
    padding: 10px;
  }
  .question-container.new {
    display: flex;
    align-items: center;
  }
  section.reference-template-brands {
    /* padding: 10px;
    border: 1px solid #b7b7b7; */
    margin: 20px 0;
  }
  section.reference-template-brands .checkboxes {
    display:grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 10px;
  }
  
  /* preview */
  .preview-content-container {
    max-width: 800px; /* this matches external width in applicant/references */
  }

  .reference-contact-tiles {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 10px;
  }
  .reference_templates .inputs-wrapper {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 5px;
    border: 1px solid #b7b7b7;
    padding: 5px;
    border-radius: 5px;
    box-shadow: 1px 1px 1px 0px #807f7f;
    background-color: #eaeaea;
    background-color: #e1e1e1;
    opacity: 1;
    background-image: repeating-linear-gradient(45deg, #dddddd 25%, transparent 25%, transparent 75%, #dddddd 75%, #dddddd), repeating-linear-gradient(45deg, #dddddd 25%, #e1e1e1 25%, #e1e1e1 75%, #dddddd 75%, #dddddd);
    background-position: 0 0, 10px 10px;
    background-size: 20px 20px;
    /* background: rgb(234,234,234);
    background: linear-gradient(180deg, rgba(234,234,234,1) 0%, rgba(193,193,193,1) 100%); */
  }
  .reference_templates .inputs-wrapper input {
    background-color: white;
  }
  .reference_templates .inputs-wrapper input[type='text'].ng-valid.ng-touched:not(.no-border),
  .reference_templates .inputs-wrapper input[type='tel'].ng-valid.ng-touched:not(.no-border),
  .reference_templates .inputs-wrapper input[type='email'].ng-valid.ng-touched:not(.no-border) {
    background-color: white;
  }
  .reference-contact-tiles i.fa-solid.fa-user {
    justify-self: center;
    font-size: 30px;
    padding: 10px 0;
    color: #b7b7b7;
  }
  .reference-contact-tiles i.fa-solid.fa-user-check {
    justify-self: center;
    font-size: 30px;
    padding: 10px 0;
    color: #69bc4e;
  }
  .preview-content .inner {
    padding: 20px;
    margin-bottom:20px;
    border:1px solid #b7b7b7;
    border-radius:10px;
    background-color: white;
    display:flex;
    flex-direction: column;
  }
  .email-preview {
    align-self: center;
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 600px;
    margin:10px;
  }
  .email-preview .header {
    border:1px solid #d9d9d9;
    background-color: white;
    padding: 20px;
    display:flex;
    align-items:center;
    justify-content: center;
  }
  .email-preview .body {
    padding: 20px;
    border:1px solid #d9d9d9;
    background-color: white;
    margin-top: 10px;
    display:flex;
    flex-direction: column;
  }
  .email-preview .body .heading {
    box-sizing: border-box;
    font-family: 'GravityRegular', Helvetica, Arial, 'sans-serif';
    display: flex;
    color: #25569C;
    margin: 0 0 5px 0;
    padding: 0 0 5px 0;
    font-size: 20px;
    align-items: center;
  }
  .email-preview .footer {
    padding: 20px;
    display:flex;
    flex-direction: column;
    align-items: center;
    background-color: #f2f2f2;
    color: #595959;
    /* font-size:20px; */
    font-size: 11px;
    filter: grayscale(1);
    text-align:center;
  }
  /* .email-preview .footer .phone {
    margin-bottom: 5px;
  }
  .email-preview .footer .links {
    font-size:11px;
  }
  .email-preview .footer .links a {
    color: #595959;
  } */
  .preview-content textarea {
    /* background-color: white; */
    resize: vertical;
    min-height: 120px;
    max-height: 400px;
  }
  /* .preview-content select {
    background-color: white;
  }
  .preview-content .checkbox input[type='checkbox'] + label::before {
    background-color: #f4f4f4;
  } */
  /* .preview-content .disclaimer,
  .references .disclaimer {
    padding: 10px;
    background-color: #f7f7f7;
    border-radius: 10px;
    margin-bottom: 20px;
    border: 1px solid #b7b7b7;
  } */
  .preview-content .disclaimer ul,
  .references .disclaimer ul {
    margin: 10px 0 0 20px;
  }
  .preview-content .disclaimer ul li,
  .references .disclaimer ul li {
    list-style-type: square;
  }
  .preview-content .disclaimer ol,
  .references .disclaimer ol {
    list-style-type: decimal;
    margin-left: 20px;
  }
  .references-templates-description {
    display: flex;
    align-items: center;
    padding: 10px;
    background: #e1e1e1;
    margin-bottom: 20px;
    background-color: #e1e1e1;
    background-color: #e1e1e1;
    opacity: 1;
    background-image:  repeating-linear-gradient(45deg, #dddddd 25%, transparent 25%, transparent 75%, #dddddd 75%, #dddddd), repeating-linear-gradient(45deg, #dddddd 25%, #e1e1e1 25%, #e1e1e1 75%, #dddddd 75%, #dddddd);
    background-position: 0 0, 10px 10px;
    background-size: 20px 20px;
  }
  .references-templates-description .fa-circle-info {
    font-size: 20px;
    margin-right: 10px;
  }

/*onboarding*/
span.glyphicon.glyphicon-list-alt.onboarding-package-icon {
    margin: 10px 0;
}
.onboarding-package-task {
    padding: 3px;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
    margin-bottom: 3px;
}
.onboarding-package-task .glyphicon.glyphicon-ok-sign {
    font-size: 18px;
    color: #e3e3e3;
}
.onboarding-package-task .name {
	flex: 1;
}
.performed-by-container.error input[type="text"].ng-touched:not(.no-border) {
	border-color: #e00303;
	background-color: rgba(255,1,1,0.1);
}
/*gantt chart*/
.onboarding-gantt-chart-container {
	width: 100%;
	height: auto;
	display: flex;
}
#onboarding-gantt-chart {
	width: 100%;
}
#onboarding-gantt-chart g:nth-child(9) {
	cursor: pointer !important;
}
/*Side Labels*/
#onboarding-gantt-chart g:nth-child(9) text {
	fill: #333333;
	cursor: pointer !important;
}
/*bars*/
#onboarding-gantt-chart g:nth-child(8) path {
	cursor: pointer !important;
}
/*tooltips*/
#onboarding-gantt-chart g:nth-child(10) {
    /* this disables tooltips */
	display: none;
}
#onboarding-gantt-chart g:nth-child(10) text {
	font-family:  GravityBook, sans-serif !important;
	font-size: 12px !important;
	/*fill:  orangered;*/
}
textarea#onboarding-sms-message {
    height: 100px;
    resize: none;
}
.onboarding-checkboxes {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	grid-gap: 10px;
}
.ot-start-text,
.ot-due-text {
	min-width: 52px;
	text-align: right;
}
.ot-users {
    display: flex;
    flex-wrap: wrap;
    margin-top: 5px;
}
.selected-prerequisite-name {
    white-space: nowrap;
}
.ot-user .glyphicon-move {
    font-size: 16px;
}
body.onboarding_tasks .as-sortable-dragging {
    border-radius: 10px;
}
.ot-user {
    padding: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    border: 1px solid #b7b7b7;
    display: inline-flex;
    align-items: center;
    background: #f1f1f1;
    border-radius: 10px;
}
.help-title-icon.onboarding-type {
	margin-left: 5px;
}
.help-title-icon.onboarding {
	margin: 0 5px 0 0;
}
.help-title-icon.onboarding-right {
	margin: 0 0 0 5px;
}
.help-title-icon.onboarding-from {
	margin: 0 0 10px 10px;
}
label.radio-label[for="start-specify"],
label.radio-label[for="due-specify"] {
    min-width: 225px;
}
/*hide bottom legend (dates)*/
/*body.onboarding_package #onboarding-gantt-chart svg g:nth-of-type(2) text {
    display: none;
}*/
body.onboarding_package #onboarding-gantt-chart {
    /*pointer-events: none;*/
    width: calc(100% - 41px);
}
.gantt-remove-icons,
.gantt-warning-icons {
    display: flex;
    flex-direction: column;
}
.gantt-remove-icons .remove-icon-container,
.gantt-warning-icons .warning-icon-container {
    height: 40px;
    width: 40px;
    display: flex;
}
.gantt-warning-icons .warning-icon-container {
    align-items: center;
    justify-content: center;
}
.gantt-remove-icons .remove-icon {
    height: 4em;
    width: 4em;
}
.gantt-warning-icon {
    font-size:25px;
    color: #FBBC05;
    cursor:help;
}
span.file-preview-name i {
    color: #d4d4d4;
    font-size: 20px;
    margin-right: 5px;
}
.glyphicon.onboarding-resend-task-icon {
	color: white;
	font-size: 20px;
	cursor: pointer;
	margin: 0 10px;
}
.onboarding-task-error {
	color: white;
	background-color: #e00303;
	border-radius: 5px;
	margin-bottom: 10px;
	padding: 10px;
}
.onboarding-instructions {
	margin-top: 5px;
}
.onboarding-instructions,
.onboarding-page {
  margin-bottom: 10px;
  border: 1px solid #f1f1f1;
  padding: 10px;
}
.onboarding-page {
	background: #f1f1f1;
}
.onboarding-element .onboarding-instructions {
	border: none;
	margin-bottom: 0;
	padding: 0;
	margin-top: 0;
}
.onboarding-instructions ul,
.onboarding-instructions ol {
  margin: 0 0 0 16px;
}
.onboarding-instructions li > ul {
	margin-top: 5px;
}
.onboarding-instructions ul li {
  list-style-type: square;
  line-height: 1.3;
}
.onboarding-element {
	margin-bottom: 15px;
}
.onboarding-element:last-child {
	margin-bottom: 0;
}
h6.onboarding-element-label {
	margin-bottom: 5px;
}
label.file-input-label {
  display: flex;
  border: 1px solid #b7b7b7;
  padding: 10px;
  cursor: pointer;
  color: #b7b7b7;
  transition: all 0.3s linear;
}
label.file-input-label.disabled {
	cursor: not-allowed;
}
.clear-signature {
  padding: 5px;
  font-size: 24px;
}
.onboarding-element label.signature-label {
  text-align: center;
  padding-top: 5px;
  margin-bottom: 5px;
  border-top: 2px solid #666666;
  height: unset;
}
.onboarding-section {
  border: 1px solid #f1f1f1;
  padding: 10px;
  margin-bottom: 10px;
  background: white;
}
.applicant_management.applicants .onboarding-page {
	box-shadow: 4px 4px 2px 0px #b7b7b7;
}
.applicant_management.applicants .onboarding-section {
	box-shadow: 2px 2px 3px 0px #b7b7b7;
}
.onboarding-section:last-child {
  margin-bottom: 0;
}
.onboarding-answers {
    margin-top: 20px;
}
.glyphicon.onboarding-completed-icon {
    color: white;
    font-size: 24px;
    margin-right: 10px;
}
.glyphicon.onboarding-form-link-icon {
	cursor: pointer;
	margin-left: 10px;
	font-size: 24px;
}
.glyphicon.onboarding-task-link-icon {
	cursor: pointer;
	margin-left: 5px;
	margin-right: 5px;
	font-size: 24px;
}
.tinymce-text strong {
    font-weight: 800;
}
.tinymce-text ul,
.tinymce-text ol {
    margin: 10px 0 0 20px;
}
.tinymce-text ul li {
    list-style-type: square;
}
.tinymce-text em {
    font-style: italic;
}
button.button.disabled {
    /*pointer-events: none;*/
    filter: grayscale(100%);
    cursor: not-allowed;
}
.onboarding-element .clipboard-trigger {
	cursor: copy;
}
.onboarding.items {
    margin-bottom:40px;
    align-items:flex-start;
}
.onboarding.item {
    overflow: hidden;
    align-items: center;
    cursor:pointer;
    border: 1px solid transparent;
    transition: all 0.3s linear;
    height:auto;
    background-color:transparent;
}
.onboarding-task-icon {
    width:40px;
    height:auto;
    margin-bottom:0.625rem;
}
.onboarding.item .task-container {
    padding:1rem;
    background-color: #25569C;
    color: white;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content: center;
    width:100%;
    font-size: 1.25rem;
    font-family: 'GravityBold';
    color: white;
    line-height:1.3;
}
.onboarding.item.overdue .task-container {
    /* background-color: #9C256F; */
    background-color: #a70101;
}
.onboarding.item.overdue .due-container {
    /* background-color:#FCDCEB; */
    background-color: #ffdddd;
}
.onboarding.item .details-container {
    display:flex;
    flex-direction: column;
    width:100%;
    background-color: #FFFFFF;
}
.onboarding.item .details {
    background-color:#FFFFFF;
    color: #333;
    display: flex;
    align-items: center;
    width:100%;
    padding:1rem;
    /* flex: 1; */
}
.onboarding.item .details .name-job-title-container {
    display: flex;
    flex-direction: column;
    margin-left:0.625rem;
}
.onboarding.item .task-name {
    font-size: 1rem;
    /* font-weight: 600; */
    font-family: 'GravityBold';
    margin-bottom:0.3rem;
}
.onboarding.item .due-container {
    padding: 1rem;
    /* background-color: #DCECFC; */
    background-color: #f7f7f7;
    color:#333;
    width:100%;
}
.onboarding-signature-img img {
    max-width: 100%;
    height: auto;
}
.onboarding-element ul,
.onboarding-element ol {
    margin: 10px 0 0 20px;
    line-height: 1.3;
}
.onboarding-element ul li {
    list-style-type: square;
}
.onboarding.item:not(.no-hover):hover {
    /* border-color: #25569C; */
    border-color: #DCECFC;
}
.onboarding.item.overdue:not(.no-hover):hover {
    /* border-color: #9C256F; */
    border-color: #FCDCEB;
}
span.onboarding-task-name {
    min-height: 52px;
    display: flex;
    align-items: end;
}


/*bars*/
/*g:nth-child(7) rect:nth-child(1) { fill: #25569C; }
g:nth-child(7) rect:nth-child(2) { fill: #fb8d00; }
g:nth-child(7) rect:nth-child(3) { fill: #4adab6; }
g:nth-child(7) rect:nth-child(4) { fill: #202A58; }
g:nth-child(7) rect:nth-child(5) { fill: #cc0000; }
g:nth-child(7) rect:nth-child(6) { fill: #949FB1; }
g:nth-child(7) rect:nth-child(7) { fill: #4D5360; }*/

/***************
* media queries *
****************/
@media screen and (max-width:1600px){
	/*job distribution site*/
	.province-checkboxes {
	    min-width: 140px;
	}

	/*offers*/
	/*.offer-placeholders .placeholder,
	.offer-placeholders .placeholder:nth-of-type(2n) {
		width:100%;
		margin:0 0 10px 0;
	}*/
    .credit-cards.items {
        grid-template-columns: repeat(2, 1fr);
    }
    .nh-invoice-create {
        min-width: 60%;
    }

} /*end of 1600px*/
@media screen and (max-width:1440px){
	/*items*/
	.items.six {
		-ms-grid-columns: (1fr)[5];
		    grid-template-columns: repeat(5, 1fr);
	}
	.items.five {
		-ms-grid-columns:(1fr)[4];
		    grid-template-columns:repeat(4, 1fr);
	}
	.items.four {
		-ms-grid-columns:(1fr)[3];
		    grid-template-columns:repeat(3, 1fr);
	}
	/*job distribution*/
	.jd-checkboxes.checkboxes.three {
	    grid-template-columns: repeat(2, 1fr);
	}
	/*applicant page*/
	ul.applicant-documents {
    grid-template-columns: repeat(2, 1fr);
	}
	/*onboarding tasks*/
	.onboarding-checkboxes {
	    grid-template-columns: repeat(4, 1fr);
	}
    .account-details {
        flex-direction: column;
    }
    .avatar-status {
        align-self: center;
    }
    .user-icon-wrapper {
        margin-right: 0;
    }
    .account-status {
        margin: 5px 0 20px 0;
    }
	
} /*end of 1440px*/
@media screen and (max-width:1280px){
	body.hire_by_job .nh-candidate-filter-popup,
	body.hire_by_workflow .nh-candidate-filter-popup {
		-webkit-transform:none;
		        transform:none;
	}

	/*job distribution site*/
	.site-cost {
	    width: 100%;
	    margin-top: 10px;
	}
	.site-cost label.input-label {
	    margin-left: 0;
	}
	.site-duration {
	    margin-top: 10px;
	    width: 100%;
	}
	.interviews-calendar-container {
		display:none;
	}
	.billing-calendar .interviews-calendar-container{
		display:block;
	}
	.apply-details-info-container.two-column {
    grid-template-columns: 1fr;
	}
	.apply-details-workflow-container {
		order:1;
	}
	.apply-details-rating-container {
		order:2;
	}
	.apply-details-hiring-manager-container {
		order:3;
		margin-left:130px;
	}
	.apply-details-recruiter-container {
		order:4;
		margin-left:130px;
	}
    .invoice-billing-items-container {
        display: grid;
        grid-template-columns: 1fr;;
    }
    .billing-items-container {
        min-width: unset;
        width: unset;
        margin: 20px 0 0 0;
    }

} /*end of 1280px*/
@media screen and (max-width:1200px){
	/*job posting*/
	.job-container {
	    flex-direction: column;
	}
	.job-description-container {
    	flex: auto;
    	margin: 20px 0 0 0;
   	}
	.job-description {
	    margin-left: 0;
	    margin-bottom: 10px;
	}
	.job-description-container .job-description,
	.job-description-container .mce-tinymce,
	.job-description-container .mce-stack-layout,
	.job-description-container .mce-edit-area {
	    display: block !important;
	}
	/*campaigns*/
	/*.campaign.item {
		max-width: calc(50.6% - 10px);
		flex: 1 1 calc(50.6% - 10px);
	}
	.campaign.item:nth-child(3n) {
	    margin-right: 10px; 
	}
	.campaign.item:nth-child(2n) {
	    margin-right: 0; 
	}*/

	/*nethire response - job distribution*/
	.filter-row.job-distribution-filter .job-type {
	    margin-left: 0;
	}
	/*messages*/
	.messages-container {
	    flex-direction:column;
	}
	.messages-list {
	    margin: 0 0 10px 0;
	}

	/*offers - summary*/
	.create-offer {
	    margin-left: 0;
	}

	/*recruiting - summary*/
	.recruiting-summary-status {
    	margin: 0 0 10px 0;
	}

	/*start a campaign*/
	.campaign-sources.items.four,
	.nh-credits.items.four {
	    -ms-grid-columns: (1fr)[2];
	        grid-template-columns: repeat(2, 1fr);
	}

	/*career page edit*/
	.career-page-edit-container {
	    flex-direction: column;
	}
	.career-page-preview {
		order: 2;
	}
	.career-page-details.item-edit {
	    width: 100%;
	    min-width: 100%;
	    max-width: 100%;
	    margin: 0 0 20px 0;
	}

	/*interviews*/
	.interviews-container {
	    flex-direction: column;
	}
	body.interviews .interviews-calendar-container {
	    /*border-bottom: none;
	    order: 3;
	    max-width: 100%;*/
	    display:none;
	}
	.interviews-list {
	    border-top: 1px solid #b7b7b7;
	    order: 2;
	}
	/*body.interviews .interviews-calendar-container {
		display:none;
	}*/

	/*job distribution review*/
	.jdr-container {
	    grid-template-columns: auto minmax(150px, 200px);
	    grid-template-rows: auto;
	    grid-template-areas: "jdr-job jdr-job" "jdr-description jdr-keywords" "jdr-distribution jdr-distribution";
	}

	/*approval processes*/
	.ap-group-members {
    grid-template-columns: repeat(1, 1fr);
	}
	.onboarding-checkboxes {
	    grid-template-columns: repeat(3, 1fr);
	}
    .credit-cards.items {
        grid-template-columns: 1fr;
    }

} /*end of 1200px*/
@media screen and (max-width:1024px){
	nav.main {
		flex: 0 0 200px;
		font-size:0.8125rem;
	}
	nav.main a {
	    padding: 0.769230769230769em; /*10px*/
	}
	/* each child li is 40px in height, must declare height in px, height:auto does not work for css animations */
	nav.main .parent > .children.childcount1.open { height:40px; }
	nav.main .parent > .children.childcount2.open { height:80px; }
	nav.main .parent > .children.childcount3.open { height:120px; }
	nav.main .parent > .children.childcount4.open { height:160px; }
	nav.main .parent > .children.childcount5.open { height:200px; }
	nav.main .parent > .children.childcount6.open { height:240px; }
	nav.main .parent > .children.childcount7.open { height:280px; }
	nav.main .parent > .children.childcount8.open { height:320px; }
	nav.main .parent > .children.childcount9.open { height:360px; }
	nav.main .parent > .children.childcount10.open { height:400px; }
	nav.main .parent > .children.childcount11.open { height:440px; }
	nav.main .parent > .children.childcount12.open { height:480px; }
	nav.main .parent > .children.childcount13.open { height:520px; }
	nav.main .parent > .children.childcount14.open { height:560px; }
	nav.main .parent > .children.childcount15.open { height:600px; }
	nav.main .parent > .children.childcount16.open { height:640px; }
	nav.main .parent > .children.childcount17.open { height:680px; }
	nav.main .parent > .children.childcount18.open { height:720px; }
	nav.main .parent > .children.childcount19.open { height:760px; }
	nav.main .parent > .children.childcount20.open { height:800px; }
	nav.main .parent > .children.childcount21.open { height:840px; }
	nav.main .parent > .children.childcount22.open { height:880px; }
	nav.main .parent > .children.childcount23.open { height:920px; }
	nav.main .parent > .children.childcount24.open { height:960px; }
	nav.main .parent > .children.childcount25.open { height:1000px; }
	nav.main .parent > .children.childcount26.open { height:1040px; }
	nav.main .parent > .children.childcount27.open { height:1080px; }
	nav.main .parent > .children.childcount28.open { height:1120px; }
	nav.main .parent > .children.childcount29.open { height:1160px; }
	nav.main .parent > .children.childcount30.open { height:1200px; }
	nav.main a.active:before {
		height:40px;
	}
	/* side bar below main content */
	#content-wrapper {
		flex-direction:column;
		max-width:calc(100vw - 200px);
	}
	#main-content, #side-content {
		flex: 0 0 100%;
		order:0;
		padding: 10px;
	}
	#side-content {
		padding-top: 0;
	}
	.section {
		margin-bottom:10px;
	}
	header .logo-link {
	    flex: 0 0 200px;
	    -webkit-transition: all 0.2s linear;
	    transition:all 0.2s linear;
	}
	.account-profile {
	    width: 190px;
	}
	/*two column to single column*/
	.content-container-1024 {
		flex-direction:column;
	}
	.content-inner-1024 {
		margin:0;
		width:100%;
		max-width: 100%;
	}
	.content-inner-1024:nth-of-type(1){
		margin-bottom:20px;
	}

	/*side nav notification bubble*/
	nav.main .child .notification-counter {
	    right: 152px;
	}

	/* account page */
	.account-signature {
	    flex: 0 1 100%;
	    padding-left: 0;
	    margin-top: 20px;
	    max-width: 100%;
	}

	/*six/five/four items*/
	.items.six {
		-ms-grid-columns:(1fr)[4];
		    grid-template-columns:repeat(4, 1fr);
	}
	.items.five {
		-ms-grid-columns:(1fr)[3];
		    grid-template-columns:repeat(3, 1fr);
	}
	.items.four {
		-ms-grid-columns:(1fr)[2];
		    grid-template-columns:repeat(2, 1fr);
	}

	/* hbj/hbw/tp */
	.hbj-title-row,
	.hbw-title-row,
	.tp-content {
		flex-wrap:wrap;
	}
	.hbj-title-row h1 {
		margin-bottom:10px;
	}
	.hbj-jobs,
	.hbw-jobs {
		margin:0;
	    order: 2;
	    flex: 0 1 calc(100% - 76px);
	}
	.hbj-title-row .nh-candidate-filter {
	    order: 2;
	}
	/*.hbw-title-row .nh-candidate-filter,
	.compare-candidates .nh-candidate-filter,*/
	.nh-candidate-filter {
	    margin-left:auto;
	}
	body.hire_by_workflow .nh-candidate-filter-popup,
	body.talent_pool .nh-candidate-filter-popup,
	body.talent_bank .nh-candidate-filter-popup,
	body.compare_applicants .nh-candidate-filter-popup,
	.nh-candidate-filter-popup {
	    right: 0;
	    left: auto;
	    -webkit-transform:none;
	            transform:none;
	}
	.jobs-belonging {
	    width: 100%;
	    margin-top: 10px;
	}
	body.applicant_management .nh-candidate-filter-button {
	    margin-right:0;
	}
	.hbj-apply-candidate {
	    order: 1;
	    margin-bottom: 10px;
	}
	.hbj-content,
	.hbw-content {
		flex-wrap:wrap;
	}
	.workflow:not(body) {
	    padding: 10px;
	}
	.workflow-stages,
	.tp-lists {
	    max-width: 100%;
	}
	body.hire_by_job .candidates, 
	body.hire_by_workflow .candidates, 
	body.talent_pool .candidates {
	    margin-left: 0;
	}
	body.talent_pool .candidates {
	    max-width: 100%;
	    margin-top:10px;
	}
	/*.hbw-title-row .nh-candidate-filter {
		margin-left: auto;
    	margin-bottom: 10px;
    }*/
    .list-item {
    	padding: 10px;
	}

	/*requisitions*/
	body.requisitions .heading-filter-row {
		flex-wrap:wrap;
	}
	body.requisitions .heading-filter-row h1 {
		order:1;
	}
	body.requisitions .heading-filter-row .multi-radio-nowrap {
	    margin-left: 0;
	    width: 100%;
	    order:3;
	}
	body.requisitions .heading-filter-row .button {
		order:2;
	}
	.requisition-buttons-one {
		display:none;
	}
	.requisition-buttons-two {
		display:block;
	}
	#extra-details {
	    margin-bottom:0;
	}

	/*job distribution sites*/
	.button.create-job-distribution-site {
		margin-left:0;
	}

	/*job distribution site*/
   	.site-container {
	    flex-direction: column;
	}
	.site-details {
	    margin-right: 0;
	}
	.site-comments-container {
	    min-width: 100%;
	    margin-top:20px;
	}
	.site-cost {
	    width: auto;
	    margin-top: 0;
	}
	.site-duration {
		width:auto;
		margin-top:0;
	}

	/*resume clearing*/
	.resume-clearing-container .apply-details {
    	flex: auto;
   	}

   	/*media*/
   	.media-edit-container {
   		order:0;
   	}

   	/*groups*/
   	.group-container,
   	.application-edit-container {
	    flex-direction: column;
	}

	/*.item-edit*/
	/* .item-edit, */
	.item-edit.active {
	    width: 100%;
	    min-width: 100%;
	    max-width: 100%;
	    margin:0;
	    margin-top: 20px;
	}
	.item-edit-inner {
	    min-width: 100%;
	    -webkit-transform: translateX(0);
	    transform: translateX(0);
	}

	/*offers - offer*/
	.offer-placeholders {
	    order: 1;
		max-width: none;
	}
	.offer-content {
	    order: 2;
	}
	.offer-placeholders .placeholder {
	    width: 100%;
	    margin-right: 0;
	}
	.offer-placeholders .placeholder:nth-of-type(2n) {
	    margin: 0 0 10px 0;
	}
	.offer-content-display {
		padding:10px;
		border:1px solid #666666;
	}

	/*support*/
	.support-header {
	    width: calc(100% + 20px);
	    left: -10px;
	}

	/*campaigns*/
	.mobile-footer {
		display:block;
	}
	.campaign-cart {
	    margin-bottom: 40px;
	}

	/*billing*/
	.billing-summary-container {
	    display: block;
	}

	/*career pages*/
	img.cp-header-logo {
	    width: 80px;
	    min-width: 80px;
	}

	/*talent pool*/
	button.add-talent-pool {
	    margin-left: auto;
	}
	.candidates .nh-candidate-filter {
	    order: 1;
	    margin-left: 10px;
	}

	/*communication*/
	body.communication .communication-conversation-container {
		max-width: none;
	}
	.communication-container {
	    flex-direction: column;
	}
	.communication-applicants {
	    width: 100%;
	    max-width: 100%;
	    flex: none;
	    margin: 0 0 20px 0;
	}
	.communication-conversation-container {
		flex:none;
	}
	/*ul.communication-applicants-list {
	    max-height: 180px;
	    overflow: auto;
	    border-bottom: 1px solid #e5e5e5;
	}*/

	/*applicants2*/
	.tabs .tab.applicant-Resumes-tab {
		display:inline-flex;
	}
	.applicant-resumes:not(.tab-resumes) {
		display:none;
	}
	.applicant-details {
    margin-right: 0;
    max-width: 100%;
  }
  .apply-details-info-container.two-column {
    grid-template-columns: 2fr 1fr;
	}
	.apply-details-workflow-container,
	.apply-details-rating-container,
	.apply-details-hiring-manager-container,
	.apply-details-recruiter-container {
		order:unset;
		margin:0;
	}

	/*recruiting order*/
	.recruiting-order-container {
    flex-direction: column;
	}
	.recruiting-details {
		margin-right:0;
	}
	.recruiting-order-candidates {
		margin: 20px 0 0 0;
	}
	.recruiting-buttons {
		display:none;
	}
	.recruiting-buttons2 {
		margin: 10px 0 0 0;
		display:block;
	}
	.then-options {
	    grid-template-columns: repeat(2, 1fr);
	}
    body.recruiting_order #main-content {
        flex: 1;
    }
	/*onboarding tasks*/
	.onboarding-checkboxes {
	    grid-template-columns: repeat(2, 1fr);
	}
    .account-details-notifications {
        flex-direction: column;
    }
    .account-notifications {
        margin-top: 20px;
        flex: 1;
        padding-left:0;
    }
    .credit-cards.items {
        grid-template-columns: repeat(3, 1fr);
    }

} /*end of 1024px*/
@media screen and (max-width:900px){
    .credit-cards.items {
        grid-template-columns: repeat(2, 1fr);
    }
}/*end of 900px*/
@media screen and (max-width:830px){
	/*campaigns*/
	.campaign.item {
		max-width: 100%;
		flex: 1 1 100%;
		margin-right:0;
	}

	/*approval processes*/
	.ap-groups {
    grid-template-columns: repeat(1, 1fr);
	}
} /*end of 830px*/
@media screen and (max-width:768px){
	nav.main a {
	    padding:10px;
	    /*line-height: 22px;*/
	    align-items: center;
	    height: 50px;
	}
	nav.main .child .notification-counter {
	    top: 7px;
	}
    button.hotdog .notification-counter {
        top:0;
    }
	nav.main li.child {
		background: linear-gradient(0deg, rgba(31,42,88,1) 0%, rgba(31,42,88,1) 98%, rgba(25,34,67,1) 99%, rgba(25,34,67,1) 100%)
	}
	ul.main-nav {
	    margin-bottom: 20px;
	}
	span.left-nav-text {
	    height: 30px;
	    line-height: 30px;
	}
	/* each child li is 34px in height, must declare height in px, height:auto does not work for css animations */
	/*nav.main .parent > .children.childcount1.open { height:34px; }
	nav.main .parent > .children.childcount2.open { height:68px; }
	nav.main .parent > .children.childcount3.open { height:102px; }
	nav.main .parent > .children.childcount4.open { height:136px; }
	nav.main .parent > .children.childcount5.open { height:170px; }
	nav.main .parent > .children.childcount6.open { height:204px; }
	nav.main .parent > .children.childcount7.open { height:238px; }
	nav.main .parent > .children.childcount8.open { height:272px; }
	nav.main .parent > .children.childcount9.open { height:306px; }
	nav.main .parent > .children.childcount10.open { height:340px; }
	nav.main .parent > .children.childcount11.open { height:374px; }
	nav.main .parent > .children.childcount12.open { height:408px; }
	nav.main .parent > .children.childcount13.open { height:442px; }
	nav.main .parent > .children.childcount14.open { height:476px; }
	nav.main .parent > .children.childcount15.open { height:510px; }
	nav.main a.active:before {
		height:34px;
	}*/
	/* each child li is 50px in height, must declare height in px, height:auto does not work for css animations */
	nav.main .parent > .children.childcount1.open { height:50px; }
	nav.main .parent > .children.childcount2.open { height:100px; }
	nav.main .parent > .children.childcount3.open { height:150px; }
	nav.main .parent > .children.childcount4.open { height:200px; }
	nav.main .parent > .children.childcount5.open { height:250px; }
	nav.main .parent > .children.childcount6.open { height:300px; }
	nav.main .parent > .children.childcount7.open { height:350px; }
	nav.main .parent > .children.childcount8.open { height:400px; }
	nav.main .parent > .children.childcount9.open { height:450px; }
	nav.main .parent > .children.childcount10.open { height:500px; }
	nav.main .parent > .children.childcount11.open { height:550px; }
	nav.main .parent > .children.childcount12.open { height:600px; }
	nav.main .parent > .children.childcount13.open { height:650px; }
	nav.main .parent > .children.childcount14.open { height:700px; }
	nav.main .parent > .children.childcount15.open { height:750px; }
	nav.main .parent > .children.childcount16.open { height:800px; }
	nav.main .parent > .children.childcount17.open { height:850px; }
	nav.main .parent > .children.childcount18.open { height:900px; }
	nav.main .parent > .children.childcount19.open { height:950px; }
	nav.main .parent > .children.childcount20.open { height:1000px; }
	nav.main .parent > .children.childcount21.open { height:1050px; }
	nav.main .parent > .children.childcount22.open { height:1100px; }
	nav.main .parent > .children.childcount23.open { height:1150px; }
	nav.main .parent > .children.childcount24.open { height:1200px; }
	nav.main .parent > .children.childcount25.open { height:1250px; }
	nav.main .parent > .children.childcount26.open { height:1300px; }
	nav.main .parent > .children.childcount27.open { height:1350px; }
	nav.main .parent > .children.childcount28.open { height:1400px; }
	nav.main .parent > .children.childcount29.open { height:1450px; }
	nav.main .parent > .children.childcount30.open { height:1500px; }
	nav.main a.active:before {
		height:50px;
	}
	/*this is where most things drop into a single column layout*/
	/*show settings, support, logout in left nav*/
	.nav_settings,
	.nav_support,
	.nav_logout {
	    display: block;
	}
	.quick-links .name {
		display:none;
	}
	.account-profile {
	    width: 70px;
	}
	nav.main {
		flex: 0 0 40px;
		-webkit-transition: all 0.2s linear;
		transition:all 0.2s linear;
	}
	nav.expanded-h {
		flex: 0 0 200px;
		-webkit-transition: all 0.2s linear;
		transition:all 0.2s linear;
	}

	header .logo-link {
	    flex: 0 0 auto;
	    padding: 10px;
	    border-bottom: 1px solid #b7b7b7;
		height: 60px;
	}

	.slide-down-menu.temp-nav-menu {
	    top: 88px;
	    right:10px;
	}
	#content-wrapper {
		flex-direction:column;
		max-width: 100vw;
	}
	#inner-wrapper {
    min-height: calc(100vh - 42px);
	}


	.hotdog {
	    display:block;
	    z-index:102;
	    top: 5px;
	    left: 5px;
	    /*font-size: 14.753px;*/
	    font-size: 12.5px;
	}
	.logo-link, header .content-wrapper, .quick-links {
	    -webkit-box-ordinal-group:1;
	        -ms-flex-order:0;
	            order:0;
	}
	header {
		flex-direction:column;
		/*position:relative;*/
		min-height:61px;
		position:-webkit-sticky;
		position:sticky;
		top:0;
	}
	header .content-wrapper {
	    flex-direction: column;
	}
	header .search-wrapper {
	    padding: 5px;
	    order:2;
	    display:none;
	}
	.quick-links {
	    justify-content: center;
	    position:absolute;
	    top:10px;
	    right:0;
	    border-bottom: none;
	}
	.quick-links > ul li {
    	margin-right: 5px;
   	}
   	/*.quick-links > ul li.notifications {
    	margin-right: 0;
   	}*/
	.quick-links .user-icon {
	    width: 30px;
	    height: 30px;
	    min-width: 30px;
	    min-height: 30px;
	    -webkit-clip-path: circle(15px at center);
	    clip-path: circle(15px at center);
	}
	.account-profile {
	    width: 40px;
	    padding:5px;
	}
	.quick-links .messages,
	.quick-links .settings,
	.quick-links .support {
	    display: none;
	}
	header .logo-link {
		padding:0;
	}
	.slide-down-menu {
	    top: 41px;
	    overflow-y: auto;
		max-height: calc(100vh - 61px);
	}
	.notification-counter {
	    top: -8px;
    	right: -1px;
    	width: 22px;
    	height: 22px;
	}
	.cms-logo {
	    width: 125px;
	    margin:5px auto;
	    display: block;
	    height: auto;
	}
	nav.main {
	    width:200px;
	    /*position:absolute;*/
	    position:fixed;
	    top:61px;
	    left:0px;
	    opacity: 0.98;
	    transform: translateX(-200px);
	    height: calc(100vh - 41px);
    	/*box-shadow: 0px 200px 0px 0px #192243, 0px 400px 0px 0px #192243, 0px 600px 0px 0px #192243 ;*/
	}
    html.ua-mobile.ua-safari nav.main {
        height:calc(100dvh - 44px);
    }
	nav.expanded-v {
		width:40px;
	}
	nav.expanded-v.expanded-h {
		width:200px;
		transform: translateX(0px);
		overflow-y: auto;
    /*height: calc(100vh - 41px);*/
	}
	.content-wrapper {
	    width: 100%;
	}
	nav.main.expanded-h + .content-wrapper {
	    width: 100%;
	}
	/*nav.main ul.main-nav {
	    -webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.5);
	            box-shadow: 2px 2px 3px rgba(0,0,0,0.5);
	}*/
	nav .parent.hidden {
		display:block;
	}
	.quick-links .glyphicon-search.icon {
	    display: block;
	}

	/*two column to single column*/
	.content-container-768 {
		flex-direction:column;
	}
	.content-inner-768 {
		margin:0;
		width:100%;
		max-width: 100%;
	}
	.content-inner-768:nth-of-type(1){
		margin-bottom:20px;
	}
	
	/*items*/
	.items.six {
		-ms-grid-columns: (1fr)[3];
		    grid-template-columns: repeat(3, 1fr);
	}
	.items.three,
	.items.five {
		-ms-grid-columns:(1fr)[2];
		    grid-template-columns:repeat(2, 1fr);
	}

	/*dashboard*/
	.dashboard-widget-row.h-q-q,
	.dashboard-widget-row.q-q-h,
	.dashboard-widget-row.h-h,
	.dashboard-widget-row.f,
	.dashboard-widget-row.qqq-q,
	.dashboard-widget-row.q-qqq,
	.dashboard-widget-row.q-q-q-q,
	.dashboard-widget-row.t-t-t {
		grid-template-columns: 1fr;
		grid-template-rows:auto;
		grid-gap:10px;
	}

	/* applicant page */
	.candidate-container {
	    flex-direction: column;
	}
	.candidate-details {
		margin-bottom:20px;
	}
	.candidate-documents {
	    margin: 0;
	}
	.candidate-notes-container .filter-row {
		flex-direction:column;
	}
	.candidate-notes-filter {
	    flex-wrap: wrap;
	}
	.candidate-documents {
	    min-width:100%;
	}

	/*compare candidates*/
	.cc-content {
	    flex-direction: column;
	}
	.compare-questions-details {
	    margin-left: 0;
	}

	/*tabs*/
	.tabs-container {
		flex-direction:column;
	}
	.tabs {
    text-align: center;
	}
	.applicant-tab-container .tabs,
	.applicant-brands.tabs {
    text-align: left;
	}

	/*post campaigns*/

	/*smart actions*/
	.if-options {
	    flex-direction: column;
	}
	.if-options1,
	.if-options2 {
	    min-width: 100%;
	    max-width: 100%;
	}
	.then-option {
	    max-width: calc(100vw - 132px);
	    overflow: hidden;
	}
	.then-option .checkbox {
	    max-width: calc(100vw - 132px);
	}

	/*messages*/
	.quick-reply-container,
	.message-preview {
	    padding: 10px;
	}

	/*talent pool*/
	.tp-lists-mobile {
		display:block;
	}
	.tp-lists {
		display:none;
	}
	body.talent_pool .candidates {
	    margin-top: 0;
	}

	/*nethire response*/
	.job-description-keywords-container {
	    flex-direction: column;
	}
	body.job_distribution_review .job-description {
	    min-width: 100%;
	}
	body.job_distribution_review .keywords {
	    max-width: 100%;
	    min-width: 100%;
	    margin: 10px 0 0 0;
	}

	.then-options {
	    grid-template-columns: 1fr;
	}

    /* requisitions */
    .requisitions-title-row {
        display:flex;
        flex-wrap:nowrap;
        align-items:center;
        margin-bottom:10px;
    }
    body.requisitions .heading-filter-row .button {
        order:unset;
        flex:1;
    }

    html.ua-mobile h1.page-title {
        display:none;
    }
    .mobile-layout {
        display: block;
    }
    .desktop-layout {
        display:none;
    }

    /* jobs */
    .button.post-a-job.mobile {
        flex: 1;
        margin-bottom: 0;
    }

    /* analytics */
    .button.analytics-download.mobile {
        flex: 1;
        margin: 0;
    }
    .input-wrapper.analytics-text-filter {
        max-width: 100%;
        min-width: 100%;
        margin-left: 0;
    }
    input.analytics-date {
        width: 100%;
        max-width: 100%;
    }
    .analytics-brands,
    .analytics-states,
    .analytics-addresses,
    .analytics-jobs,
    .analytics-users,
    .analytics-departments {
        min-width: 100%;
        max-width: 100%;
        flex: 1;
    }

    /* campaign */
    .new-campaign-job-title-container {
        display: inline-flex;
        flex: 1;
        margin-bottom: 0;
    }

    /* hbw */
    .hbw-total-applicants {
        order: 1;
    }
    body.hire_by_workflow .nh-candidate-filter.nh-applicant-filter {
        order: 2;
    }
    body.hire_by_workflow .jobs-belonging {
        order: 3;
    }

    /* offers */
    body.offers.summary .heading-filter-row {
        margin-bottom:10px;
    }
    .button.create-offer {
        flex: 1;
        margin-bottom:0;
    }

    /* onboarding */
    .onboarding-mobile-filter.nh-mobile-filter {
        margin-left: auto;
    }

    /* billing */
    .billing-summary-create-invoice {
        margin-left:unset;
        flex:1;
    }

    /*clients*/
    .clients-filter-row {
        margin-bottom:10px;
    }
	input#clients-filter-text,
	select.hiring-managers {
	    max-width: 100%;
	    width:100%;
	    margin: 0 0 10px 0;
    }
    select.hiring-managers {
	    margin: 0;
    }
	.button.create-client {
        flex:1;
        margin:0;
    }
    .clients-filter-row .input-label.between {
        margin:10px 0 0 0;
    }
    .hm-check-ins-charts-container {
        flex-direction: column;
    }
    .hm-check-ins-pie-chart-container {
        width: 100%;
    }
    .hm-check-ins-bar-chart-container {
        width: 100%;
        margin: 20px 0 0 0;
    }
    input[type='text'],
    input[type='email'],
    input[type='password'],
    input[type='tel'],
    input[type='number'],
    input[type='url'],
    input[type='file'],
    input[type='date'],
    textarea,
    select:not(.no-style) {
        font-size:1rem; /* 16px */
    }

} /*end of 768px*/
@media screen and (max-width:600px){
	th, td {
	    padding: 4px;
	}

	/* hbj page */
	/* hide 'Last Moved' & 'Applied' columns */
	table.hbj-candidates th:nth-of-type(5),
	table.hbj-candidates tr td:nth-of-type(5),
	table.hbj-candidates th:nth-of-type(8),
	table.hbj-candidates tr td:nth-of-type(8) {
		display:none;
	}
	.checkbox-th, .qualified-th {
	    width: 28px;
	}

	/* hbw page */
	/* hide 'Last Moved' & AppliedTo' & 'Applied' columns */
	table.hbw-candidates th:nth-of-type(5),
	table.hbw-candidates tr td:nth-of-type(5),
	table.hbw-candidates th:nth-of-type(8),
	table.hbw-candidates tr td:nth-of-type(8),
	table.hbw-candidates th:nth-of-type(9),
	table.hbw-candidates tr td:nth-of-type(9) {
		display:none;
	}

	/*requisitions*/
	body.requisitions .heading-filter-row .multi-radio-nowrap {
	    flex-wrap: wrap;
	    margin-top: 10px;
	}

	/*nethire response - jobs*/
	.rj-title-row {
	    flex-direction: column;
	    align-items: normal;
	}
	.job-type-filter {
	    flex-wrap: wrap;
	    width: 100%;
	    margin-top:10px;
	}

	/*messages*/
	.messages-list,
	.message-preview-container {
	    min-width: 100%;
	}
	.quick-reply {
	    flex-direction: column;
	}
	.quick-reply .button-group {
	    margin: 10px 0 0 0;
	    -ms-grid-row-align: auto;
	        align-self: auto;
	}

	/*job posting*/
	.job-categories {
    	-ms-grid-columns: (1fr)[2];
    	    grid-template-columns: repeat(2, 1fr);
   	}
   	.job-description-container {
    	min-width: 100%;
   	}

   	/*job distribution site*/
   	.site-cost,
   	.site-duration {
	    margin: 10px 0 0 0;
	}
	.site-apply-method {
	    min-width: 100%;
	    max-width: 100%;
	    margin: 10px 0 0 0;
	}

	/*support - docs*/
	.support-docs-section {
	    width: 100%;
	    margin: 0 0 20px 0;
	}

	/*career pages*/
	img.cp-header-logo {
	    width: 60px;
	    min-width: 60px;
	}

	/*job distribution review*/
	.jdr-container {
	    grid-template-columns: 100%;
	    grid-template-rows: auto;
	    grid-template-areas: "jdr-job" "jdr-description" "jdr-keywords" "jdr-distribution";
	}

	/*recruiting order*/
	.recruiting-details {
    min-width: unset;
	}
	.program,
	.progress-container,
	.salary {
    margin-right: 0;
	}
	.probability,
	.bill-rate,
	.terms {
    margin-left: 0px;
	}
	.program,
	.probability,
	.progress-container,
	.bill-rate,
	.salary,
	.terms {
	    flex: 100%;
	}
	.candidate-status {
    min-width: unset;
    max-width: unset;
	}
    .clients-container .checkboxes.three {
        grid-template-columns: repeat(2, 1fr);
    }

    .recruiting-currency-wrapper {
        width: 100%;
        margin: 0;
    }
    .recruiting-program-probability-progress-billrate-salary-term-wrapper {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 10px;
    }
    .invoice-client-biller {
        flex-direction: column;
        align-items: flex-start;
    }
    .client:not(body) {
        margin: 0 0 20px 0;
    }
    .nh-invoice-receipt .biller-container {
        margin-left: unset;
        /* flex-direction: column; */
    }
    .nh-invoice-receipt .logo-container {
        margin:0 0 0 20px;
        order:2;
    }
    .nh-invoice-receipt .footer-row {
        padding:10px;
    }
    .payment-method-details {
        flex-direction: column;
    }
    .pay-with-cc {
        margin: 0;
        width:100%;
    }
    .new-cc-input {
        border:none;
        display:grid;
        grid-gap:10px;
        grid-template-areas: 
            "a a a a a a a a"
            "b b b b b b b b"
            "c c c d d d e e";
    }
    .new-card-holder {
        grid-area: a;
    }
    .new-card-number {
        grid-area: b;
    }
    .new-card-expiry-month {
        grid-area: c;
    }
    .new-card-expiry-year {
        grid-area: d;
    }
    .new-cc-cvv {
        grid-area: e;
    }
    .new-cc {
        margin: 0;
        width:100%;
        flex-direction:column;
    }
    .new-cc input,
    .new-cc select {
        border: 1px solid #b7b7b7;
    }
    .new-cc .input-wrapper {
        margin: 0;
        max-width: unset;
    }

} /*end of 600px*/
@media screen and (max-width: 550px){
	/*client page */
	.client-max-jobs {
	    margin-left: 0; 
	}

	/*campaign favorites*/
	#campaign-groups {
	    max-width: 100%;
	    margin: 0 0 10px 0;
	}
	/*candidate page*/
	.candidate-notes-filter {
	    display: grid;
	    grid-gap: 10px;
	    grid-template-columns: repeat(2, 1fr);
	}
	/*interviews*/
	.interviews-header {
	    flex-direction: column;
	    align-items: flex-start;
	    margin-bottom: 10px;
	}
	.month-navigator {
	    max-width: 100%;
	    min-width: 100%;
	    margin: 0 0 10px 0;
	}
	input#interviews-month {
	    width: 100%;
	}
	.interviews-belonging {
	    max-width: 200%;
	    margin: 0 0 10px 0;
	}
	.button.schedule-interview {
	    margin: 0;
	    width: 100%;
	}
	/* .interview-schedule-row {
	    align-items: flex-start;
	    flex-wrap: wrap;
	} */
    .interview-schedule-row {
        align-items: flex-start;
        flex-wrap: wrap;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 10px;
      }
	.interview-schedule-date,
	.interview-schedule-start-time,
	.interview-schedule-duration {
	    /* margin: 0 0 10px 0; */
	    margin: 0;
	    max-width: 100%;
	}
	/* .interview-schedule-duration {
	    margin-right: 10px
	} */
    .interview-schedule-start-time,
    .interview-schedule-duration {
        width: unset;
        min-width: unset;
    }
    .interview-schedule-interviewers {
        margin-top: 20px;
    }
    .interview-schedule-submit {
        display:none;
    }
    .interview-schedule-submit-mobile {
        display:block;
        width:100%;
    }
	/*checkboxes*/
	.checkbox {
	    padding-right: 1.25rem;
	}
	/*billing*/
	.billing-calendar .interviews-calendar-container{
		display:none;
	}
	.billing-summary-calendar {
	    flex-direction: column;
	}
	.billing-summary-container {
	    order: 2;
	    flex:auto;
	}
	.billing-calendar {
	    order: 1;
	    margin-left: 0;
	}
    /* applicant - references */
    .reference-contact-tiles {
        grid-template-columns: 1fr;
    }
} /*end of 550px*/
@media screen and (max-width:500px){
	.user-icon-wrapper {
		align-items: flex-start;
	}
	body.account .user-icon.large {
	    width: 75px;
	    height: 75px;
	}
	body.account .user-icon-wrapper {
		margin-right:10px;
	}
	body.account .user-icon-wrapper label {
	    width: 150px;
	    height: 150px;
	    top: 0;
	    left: 50%;
	    -webkit-transform: translateX(-75px);
	            transform: translateX(-75px);
	}
	/*body.account .account-notifications {
		position:relative;
		left:-85px;
		margin-top:10px;
		width: calc(100% + 85px);
	}*/
	body.account .item-tag {
		width: auto;
	}

	/*account page*/
	.account-details {
	    flex-direction: column;
	}
	.permission-groups .checkbox-group {
	    width: 100%;
	}

	/*candidate filter*/
	.boolean-location-qualified {
		flex-direction: column;
		align-items:normal;
	}
	.boolean-location {
  	margin: 0 0 10px 0;
 	}
 	.boolean-inputs label {
    margin-bottom:5px;
	}
 	.boolean-label-input-container {
 		flex-direction: column;
 		margin-bottom: 10px;
 		align-items:normal;
 	}
 	.boolean-label-input-container:last-of-type {
 		margin-bottom: 0;
 	}

	/* bulk menu */
	.nh-bulk-menu {
		/*top: calc(100vh - 40px);*/
		top: calc(100% - 60px);
    left: 10px;
    max-width: calc(100% - 20px);
  	border-radius: 3px 3px 0 0;
  	position:fixed;
  	max-height:calc(100vh - 20px);
  	overflow-y:hidden;
  	-webkit-transition:all 0.2s linear;
  	transition:all 0.2s linear;
	}
	.mobile-status {
		display:flex;
	}
	.bulk-menu-padding {
		padding-bottom:50px;
	}

	/*applicant page*/
	.candidate-name-row {
		align-items:normal;
	    flex-direction: column;
	}
	.candidate-social-icons {
	    margin: 10px 0 0 0;
	}
	.applicant-activity-item {
	  width:100%;
	  left:0;
	  margin:5px 0;
	}
	.applicant-activity-item:nth-of-type(even) {
	  left:0;
	  margin:5px 0;
	}
	.applicant-activity-list:after {
	  /*left: 25px;*/
	  content: none;
	}
	.applicant-activity-item .user-icon.small {
    width: 30px;
    height: 30px;
    min-width: 30px;
    min-height: 30px;
	}
	ul.popup-menu.forward-applicant-menu {
    right: 0px;
    width: calc(100vw - 40px);
	}

	/*hbw*/
	.jobs-belonging .input-label {
	    min-width: 80px;
	    white-space: normal;
	}

    /* hbj */
    .hbj-title-row a.job-link-link {
        margin: 0 10px 10px 10px;
        order:2;
    }
    .hbj-total-applicants {
        display:none;
    }
    .button.hbj-apply-candidate {
        order: 1;
        margin: 0 0 10px 0;
        flex: 1;
    }
    .hbj-jobs, .hbw-jobs {
        order: 3;
    }
    .hbj-title-row .nh-candidate-filter {
        order: 4;
    }

	/*job posting*/
	.hours-wage-type-container {
	    flex-wrap: wrap;
	}
	input.wage-from, input.wage-to {
	    flex: 1;
	    max-width: 100%;
	}
	.salary-options label.input-label[for='salary-start'] {
	    margin-left: 0;
	}
	.wage-type {
	    margin-left: 0;
	    min-width:100%;
	}
	.countries .checkbox,
	.countries .radio,
	.benefit-options .checkbox {
	    width: 50%;
	}
	.employment-type-container,
	.hours-wage-type-container {
	    min-width: 100%;
	}
	.hiring-deadline-positions {
	    flex-direction: column;
	}
    .input-wrapper.job-hiring-deadline {
        margin: 0;
        max-width: 100%;
      }
	.applicants-to-hire-container {
	    margin-left: 0;
	}

	/*settings - addresses*/
	.street-address-container {
	    flex-wrap: wrap;
	}
	.street-address-container .street-address {
	    width: 100%;
	    order: 3;
	    margin-right: 0;
	}
	.address-location-container {
	    flex-direction: column;
	}

	/*requisition post*/
	.requisition-hiring-manager-deadline-brand, .requisition-2-columns {
		-ms-grid-columns: auto;
		grid-template-columns: auto;
		grid-gap:0px;
	}
	.requisition-2-columns .input-wrapper {
		margin-top:0.625rem;
	}
	.requisition-position-hiring-deadline {
	  flex-direction: column;
	}
	.requisition-location {
    /*margin: 10px 0 0 0;*/
    min-width: 100%;
    max-width: none;
	}
	.requisition-brand, #address, #union {
		margin-bottom:0;
	}
	/*.requisition-hiring-manager, .job-addresses {
		margin-top: 1.25rem !important;
	}*/

	/*checkboxes*/
	.checkboxes.three {
	    grid-template-columns: 1fr;
	}
	.checkboxes.three .checkbox {
	    padding-right:0;
	}

	/*talent pool*/
	.list-option-icon {
    	margin-left: 5px;
   	}
   	.list-option-icon:first-of-type {
	    margin-left: auto;
	}

	/*dashboard*/
	.dashboard-widget {
	    padding: 10px;
	    overflow-x: scroll;
	}
	.calendar-months {
	    font-size: 10px;
	}
	.calendar-month {
	    padding: 3px;
	}

	/*interviews*/
	.interview-details-interviewer {
	    flex-wrap: wrap;
	}
	.interviewer-status, .interviewer-role {
	    max-width: 100%;
	    margin: 10px 0 0 0;
	}

	/*communication*/
    body.communication #main-content {
        padding: 0;
    }
	.communication-filter-button {
	    padding: 5px;
	    font-size: 10px;
        width:22px;
        height:22px;
	}
	.communication-filters {
	    bottom: 5px;
	    right: 5px;
	}
	.button.communication-button {
	    padding: 5px;
	    margin: 0 5px 0 0 !important;
	    height: 40px;
	    width: 40px;
	    font-size: 18px;
	}
	.communication-text-container {
	    margin-left: 0px;
	}
	textarea.communication-text-message {
		margin-right:5px;
	}
	.communication-send-text-message {
	    font-size: 18px;
	    /* min-width: 30px; */
        width:40px;
        height:40px;
	}
	.communication-conversation-header,
	.communication-conversation-body,
	.communication-conversation-footer {
		padding:0;
	    /* border: none; */
	}
    .communication-conversation-header {
		padding:5px;
        position: sticky;
        top: 61px;
        left: 0;
	}
	.communication-conversation-footer {
		padding:5px;
        position: sticky;
        bottom: 0px;
        left: 0;
	}
	.communication-applicant-country {
	    display:none;
	}

	/*message popup*/
	.subject-date-row {
	    flex-wrap: wrap;
	}
	.compose-subject,
	.message-date {
	    width: 100%;
	    margin: 0;
	}

	/*response ticket*/
	.nh-response-ticket .response-comments {
	    max-height: calc(100% - 350px);
	}

	/*applicants2*/
	.apply-details-info-container.two-column {
    grid-template-columns: 1fr;
	}
	.interview-details-container {
    	/*flex-wrap: wrap;*/
    	flex-direction: column;
    	align-items: flex-start;
	}
	.candidate-interview-details .details {
		margin:  0;
	}
	span.interview-type.glyphicon.Video.Interview-interview {
		margin-bottom:  5px;
	}
	.apply-details-workflow-container {
		order:1;
	}
	.apply-details-rating-container {
		order:2;
	}
	.apply-details-hiring-manager-container {
		order:3;
		margin-left: 130px;
	}
	.apply-details-recruiter-container {
		order:4;
		margin-left: 130px;
	}
	.new-applicant-offer {
        padding: 10px;
    }
    .glyphicon.new-offer {
        margin-right: 10px;
    }
  	body.onboarding_packages h1.title {
    	margin-bottom: 20px;
	}
	.onboarding-form button {
	    width: 100%;
	}
	.onboarding-form .onboarding-button + .onboarding-button {
	    margin-top: 5px;
	}
	/*job distribution*/
	.jd-checkboxes.checkboxes.three {
	    grid-template-columns: 1fr;
	}
    .ras-viewing-display {
        margin: 10px 0;
        width: 100%;
    }
    button.button.orange.ras-reset-button {
        margin-left: 0;
    }

    /* settings - users */
    .users-text-filter-container {
        width: 100%;
    }
    .users-text-filter {
        margin: 0;
    }

    /* employees */
    .employees-title-row.mobile{
        margin-bottom: 10px;
        display:flex;
        align-items:center;
    }
    .employees-import-button-container {
        display: inline-flex;
        align-items: center;
        background-color: #202A58;
        margin-right:10px;
    }
    .employees-import-button-container .help-title-icon {
        margin:0 5px;
    }
    .employees-download-button {
        flex:1;
    }
    #seniority-file-label {
        padding: 0 0.5rem;
    }
    .avatar-status {
        -ms-grid-row-align: center;
        align-self: center;
    }
    ul.applicant-lists {
        grid-template-columns: repeat(2, 1fr);
    }
    .credit-cards.items {
        grid-template-columns: 1fr;
    }
    table.data.invoices td {
        padding: 12px;
    }
    
    .button-group:not(.vertical) submit-button-overlay,
    .button-group:not(.vertical):not(.communication-buttons-container) .button {
        margin: 0 0 10px 0;
        width: 100%;
    }
    .button-group .button:last-child,
    .button-group:not(.vertical) .button:last-child {
        margin: 0;
    }
    .push-subscriptions-list {
        margin-top: 10px;
    }
    .push-subscriptions-list h6 {
        display: none;
    }

    .interview-details-type,
    .special-instructions-container {
        display: grid;
        grid-template-columns: 1fr;
    }
    .special-instructions-candidate,
    .special-instructions-interviewers {
        max-width:100%;
        margin: 0;
    }
    video.video-interview-answer.full-size {
        max-width: 100%;
    }

} /*end of 500px*/
@media screen and (max-width:462px){
	/*interview calendar*/
	.interviews-calendar-container {
    	width: 100%;
   	}
   	.calendar-day {
    	width: 100%;
  	}
  	/*talent pool*/
  	.tp-lists-mobile-filter-row {
	    flex-direction: column;
	}
	.tp-lists-mobile {
	    margin-right: 0;
	}
	/*onboarding tasks*/
	.onboarding-checkboxes {
	    grid-template-columns: repeat(1, 1fr);
	}
} /*end of 462px*/
@media screen and (max-width:414px){
    /* recruiting order */
    .clients-container .checkboxes.three {
        grid-template-columns: 1fr;
    }
	.slide-down-menu {
		/*width:92vw;*/
		width:calc(100% - 20px);
		/*right:4vw;*/
		right:10px;
	}
	.quick-links > ul {
	    position: static;
	}
	/*body {
		font-size:1rem;
	}*/
	/*header .cms-logo {
	    position: relative;
	    left: -35px; 
	}*/

	/*items*/
	.items.six {
		-ms-grid-columns:(1fr)[2];
		grid-template-columns:repeat(2, 1fr);
	}
	.items.five,
	.items.four,
	.items.three,
	.campaign-sources.items.four,
	.nh-credits.items.four {
		-ms-grid-columns:(1fr)[1];
		    grid-template-columns:repeat(1, 1fr);
	}

	/*requisitions*/
    .input-wrapper.requisition-positions {
        margin-top: 0;
    }
    body.requisition .shifts {
        margin-top: 20px;
    }

	/*jobs*/
	.jobs-filter-row {
	    flex-direction: column;
	    align-items: normal;
	}
    .jobs-filter-row select.mLeft10 {
        margin-left:0;
    }

	/*job posting*/
	.job-categories,
    .job-recruiter-manager-brand {
    	-ms-grid-columns: (1fr)[1];
    	    grid-template-columns: repeat(1, 1fr);
   	}
 	.job-recruiter,
 	.job-hiring-manager,
 	.job-company-brand,
 	.job-noc-code,
 	.job-eeoc_category,
 	.job-union {
    width: 100%;
   	margin: 0;
	}
	/*.job-locations {
	    flex-direction: column;
	}*/
	.job-location.single-location {
	    width: 100%;
	    margin-right:0
	}
	.job-location, .job-hiring-deadline {
	    width: 100%;
	    margin-right: 0;
	}
	.job-address-location {
    grid-gap: 10px;
    grid-template-columns: 1fr;
	}

	/*resume clearing*/
	.resume-clearing-container .job,
	.resume-clearing-container .apply-details {
	    min-width: 100%;
	}
	.apply-process-attachments {
	    flex-direction: column;
	}
	.apply-process,
	.apply-attachments {
		margin:0 0 10px 0;
		width:100%;
	}

	/*hbw*/
	.jobs-belonging {
	    flex-direction: column;
	    align-items: start;
	}
	.jobs-belonging label.input-label {
	    margin-bottom: 5px;
	}
	.jobs-belonging .for {
	    margin: 5px 0;
	}

	/*job distribution site*/
	.site-repost-distributor,
	.site-name-status,
	.site-login-user {
		-ms-grid-columns:1fr;
		    grid-template-columns:1fr;
	}
	.input-wrapper.site-status {
    	max-width:100%
    }

    /*start a campaign*/
    .campaign-cart {
    	min-width: 100%;
   	}
   	.campaign-sort {
	    margin-left: 0;
	}
	.campaign-checkout {
	    width: 100%;
	}

   	/*media*/
   	.media-title-row {
	    flex-direction: column;
	}
	.media-source-filter,
    .media-source-container {
	    margin: 0;
	    width: 100%;
	    display: flex;
        flex-wrap: wrap;
	}
    .media-source-container {
	    margin: 10px 0;
	}
	.media-edit-container {
	    min-width: 100%;
	    max-width: 100%;
	}
    .events-date-time-container {
        flex-direction: column;
        align-items: flex-start;
    }
    body.media.events .glyphicon-time {
    margin-left: 0;
    }
    .events-time-container {
        margin-top:10px;
    }
    .events-date-container input.start-date,
    .events-date-container input.end-date {
        max-width:unset;
        margin-left:0px;
    }
    .events-time-container input.start-time,
    .events-time-container input.end-time {
        max-width:unset;
        margin-left:0px;
    }
    .events-time-container .input-label.between:first-of-type {
        margin-left:0;
    }
    .events-information-container {
        flex-direction: column;
        align-items: flex-start;
    }
    input.event-url {
        margin: 5px 0 0 0;
    }
    .button.new-media,
    .button.save-media {
        width:100%;
    }

	/*users*/
	.button.add-user {
		margin:10px 0 0 0;
		width:100%;
	}

	/*message templates*/
	.button.create-template {
		width:100%;
	}

	/*share with module*/
	/*countries/benefits radios/checkboxes*/
	.share-with .checkboxes.two {
		grid-template-columns: 1fr;
	}
	.share-with .checkboxes.two .checkbox,
	.countries .checkbox,
	.countries .radio,
	.benefit-options .checkbox {
	    width: 100%;
	}

	/*settings - brands*/
	.brand-logo-name-descriptor {
	    flex-direction: column;
	}
	.brand-name-descriptor {
		margin:10px 0 0 0;
	}

	/*settings addresses*/
	.button.add-address {
		width:100%;
	}

	/*requisition post*/
	.your-approval {
	    flex-direction: column;
	}
	.approval-user {
	    margin-right: 0;
	}
	.your-approval .radio-group {
		margin: 10px 0;
	}
	.save-your-approval {
	    margin-left: 0;
	}

	/*support docs*/
	.button.add-support-doc {
	    width:100%;
	}

	/*support doc*/
	.doc-title-platform-video,
	.doc-category-language {
	    -ms-grid-columns: auto;
	        grid-template-columns: auto;
	}

	/*submit ticket/suggestion*/
	.submit-ticket-suggestion {
		width:100%;
	}

	/*messages*/
	.messages-list .title-row {
	    flex-direction: column;
	}
	.button.compose-message,
	.button.archive-message {
	    width: 100%;
	    margin: 0 0 10px 0;
	}
	.message-sort-container {
	    margin: 0;
	}

	/*interviews*/
	.calendar-day {
    	height: 13vw;
	}

	/*offers*/
	.placeholders {
		margin-top:10px;
	}
	.offer-placeholders .placeholder {
		flex-direction:column;
	}
	.placeholder label,
	.placeholder input {
		width:100%;
		margin:0;
		text-align:left;
	}
	.placeholder label {
	    margin-bottom: 5px;
	}

	/*dashboard*/
	.vertical-bar-title {
	    min-height: 26px;
	    text-align: center;
	    display: flex;
	    align-items: flex-end;
	}

	/*analytics*/
	.posting-performance-summary .summary-box {
	    flex: none;
	    width: 33.333%;
	}
	.posting-performance-download {
		margin:0 0 10px;
		width:100%;
	}
	/*applicant page*/
	.applicant-email-phone-country {
		flex-direction:column;
		flex-wrap:wrap;
		align-items:flex-start;
	}
	.candidate-email,
	.candidate-phone {
	    margin:0 0 5px 0;
	}
	.candidate-email::after,
	.candidate-phone::after {
	    content: none;
	    margin-left: 10px;
	}

    /* campaigns */
    .campaigns-autocomplete {
        min-width: 50%;
    }
    .direct-apply-link-container {
        display:flex;
        flex-direction: column;
    }
    ul.applicant-lists {
        grid-template-columns: 1fr;
    }

} /*end of 414px*/
@media screen and (max-width:350px){
	img.cms-logo {
		position:relative;
		left:-20px;
	}
	/*items*/
	.items.six {
		-ms-grid-columns:(1fr)[1];
		    grid-template-columns:repeat(1, 1fr);
	}
	/*candidate page*/
	.candidate-notes-filter {
	    grid-template-columns: 1fr;
	}
} /*end of 350px*/
/***************
* browser specifics *
****************/
/* force bottom nav bar to always show in mobile safari */
/*html.ua-safari.ua-mobile.ua-ios #content-wrapper {*/
/*html.ua-safari.ua-mobile.ua-ios,
html.ua-safari.ua-mobile.ua-ios body {
	height:100%;
	overflow-y:scroll;
	-webkit-overflow-scrolling:touch;
}*/
/*html.ua-safari.ua-mobile.ua-ios.mobile-no-scroll,
html.ua-safari.ua-mobile.ua-ios.mobile-no-scroll body {
	height:auto;
	overflow-y:hidden;
	-webkit-overflow-scrolling: auto;
}*/

/* allow chrome to resize resume previews properly (causes flash on resume) */
/*html.ua-chrome .nh-resume-preview:active {
	height:0;
	width:0;
}*/

/**********************
* FRENCH TRANSLATIONS *
**********************/
/*brand logo*/
html[lang='fr-ca'] .brand-logo-wrapper label:hover::after,
html[lang='fr-ca'] .campaign-source-logo-wrapper label:hover::after {
  content: "Mettre à jour le logo";
}
html[lang='fr-ca'] .brand-logo-wrapper label.pending::after,
html[lang='fr-ca'] .campaign-source-logo-wrapper label.pending::after {
  content: "En attente";
}
/*user avatar*/
html[lang='fr-ca'] .user-icon-wrapper label:hover::after {
	content: "Changer le profil Pic 300x300 Recommandé";
}
html[lang='fr-ca'] .user-icon-wrapper label.pending::after {
	content: "En attente";
}
/*smart actions (then)*/
html[lang='fr-ca'] .if-then .type {
  width: 92px;
}
html[lang='fr-ca'] .if-then h5 {
	min-width:62px;
}
/*invoice create*/
html[lang='fr-ca'] .new-cc-cvv {
    max-width: 70px;
}

/***************
* glyphicons *
****************/
/*@font-face {
  font-family: 'Glyphicons Halflings';
 
  src: url('fonts/glyphicons/glyphicons-halflings-regular.eot');
  src: url('fonts/glyphicons/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('fonts/glyphicons/glyphicons-halflings-regular.woff2') format('woff2'), url('fonts/glyphicons/glyphicons-halflings-regular.woff') format('woff'), url('fonts/glyphicons/glyphicons-halflings-regular.ttf') format('truetype'), url('fonts/glyphicons/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}*/
@font-face {
  font-family: 'Glyphicons Regular';
 
  src: url('fonts/glyphicons/glyphicons-regular.eot');
  src: url('fonts/glyphicons/glyphicons-regular.eot?#iefix') format('embedded-opentype'), url('fonts/glyphicons/glyphicons-regular.woff2') format('woff2'), url('fonts/glyphicons/glyphicons-regular.woff') format('woff'), url('fonts/glyphicons/glyphicons-regular.ttf') format('truetype'), url('fonts/glyphicons/glyphicons-regular.svg#glyphicons_regular') format('svg');
}
.glyphicon {
  /*position: relative;
  top: 1px;*/
  display: inline-block;
  /*font-family: 'Glyphicons Halflings';*/
  font-family: 'Glyphicons Regular';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  color: #585556;
 
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
a.glyphicon:hover {
    border-bottom-color: transparent;
}
.glyphicon-handshake:before,
.search-result-client:before {
    content: "\E490";
}
.glyphicon-link:before {
    content: "\E051";
}
.glyphicon-facetime-video:before,
.search-result-video:before,
.video-interview:before {
    content: "\E181";
}
.Video.Interview-interview:before,
.glyphicon-play-button:before {
    content: "\E221";
}
.glyphicon-play:before {
    content: "\E174";
}
.glyphicon-pause:before {
    content: "\E175";
}
.glyphicon-clock:before,
.glyphicon-time:before {
    content: "\E055";
}
.glyphicon-calendar:before {
    content: "\E046";
}
.glyphicon-chevron-right:before {
    content: "\E224";
}
.glyphicon-chevron-left:before {
    content: "\E225";
}
.glyphicon-chevron-up:before {
    content: "\E601";
}
.glyphicon-chevron-down:before {
    content: "\E602";
}
.glyphicon-user:before,
.search-result-candidate:before,
.in-person-interview:before,
.background-check-icon-with_applicant:before {
    content: "\E004";
}
.glyphicon-iphone:before,
.phone-interview:before {
    content: "\E164";
}
.glyphicon-briefcase:before,
.search-result-job:before {
    content: "\E342";
}
.glyphicon-screenshot:before {
    content: "\E186";
}
.glyphicon-remove:before,
.glyphicon-trash:before {
    content: "\E208";
}
.glyphicon-sort-by-attributes:before {
    content: "\E409";
}
.glyphicon-sort-by-attributes-alt:before {
    content: "\E410";
}
.glyphicon-picture:before {
    content: "\E139";
}
.glyphicon-pictures:before {
    content: "\E738";
}
.glyphicon-file:before {
    content: "\E037";
}
.glyphicon-cogwheel:before {
    content: "\E137";
}
.glyphicon-envelope:before {
    content: "\E011";
}
.glyphicon-plus:before {
    content: "\E433";
}
.glyphicon-plus-sign:before {
    content: "\E191";
}
.glyphicon-user-alert:before {
    content: "\E525";
}
.glyphicon-list-alt:before {
    content: "\E530";
}
.glyphicon-move:before {
    content: "\E187";
}
.glyphicon-star-half:before {
    content: "\E507";
}
.glyphicon-question-sign:before {
    content: "\E195";
}
.glyphicon-compass:before {
    content: "\E061";
}
.glyphicon-ok:before {
    content: "\E207";
}
.glyphicon-edit:before {
    content: "\E151";
}
.glyphicon-new-window:before {
    content: "\E152";
}
.glyphicon-disk-save:before {
    content: "\E415";
}
.glyphicon-cloud-download:before {
    content: "\E365";
}
.glyphicon-file-cloud-download:before {
    content: "\E707";
}
.glyphicon-print:before {
    content: "\E016";
}
.glyphicon-tags:before {
    content: "\E067";
}
.glyphicon-tag:before {
    content: "\E066";
}
.glyphicon-list:before {
    content: "\E115";
}
.glyphicon-list-alt:before {
    content: "\E530";
}
.glyphicon-article:before,
.search-result-article:before {
    content: "\E685";
}
.glyphicon-hurricane:before {
    content: "\E698";
}
.glyphicon-group:before,
.search-result-client:before {
    content: "\E044";
}
.glyphicon-log-in:before {
    content: "\E387";
}
.glyphicon-life-preserver:before,
.search-result-Support:before {
    content: "\E308";
}
.background-check-icon-completed:before,
.glyphicon-ok-sign:before {
    content: "\E194";
}
.glyphicon-remove-sign:before {
    content: "\E193";
}
.glyphicon-minus-sign:before {
    content: "\E192";
}
.glyphicon-minus:before{
	content:"\E434"
}
.glyphicon-circle-arrow-top:before {
    content: "\E219";
}
.glyphicon-circle-arrow-down:before {
    content: "\E220";
}
.background-check-icon-in_progress:before,
.glyphicons-synchronization:before {
    content: "\E748";
}
.glyphicon-cogwheel:before {
    content: "\E137";
}
.glyphicon-cogwheels:before {
    content: "\E138";
}
.glyphicon-notes-2:before {
    content: "\E030";
}
.glyphicon-share-alt:before {
    content: "\E309";
}
.glyphicon-earphone:before {
    content: "\E443";
}
.glyphicon-conversation:before {
    content: "\E245";
}
.glyphicon-comments:before {
    content: "\E310";
}
.glyphicon-chat:before {
    content: "\E246";
}
.glyphicon-refresh:before {
    content: "\E082";
}
.glyphicon-arrow-up:before {
    content: "\E214";
}
.glyphicon-arrow-left:before {
    content: "\E211";
}
.glyphicon-arrow-right:before {
    content: "\E212";
}
.glyphicon-circle-arrow-right:before {
    content: "\E218";
}
.glyphicon-exclamation-sign:before {
    content: "\E197";
}
.glyphicon-info-sign:before {
    content: "\E196";
}
.glyphicon-unshare:before {
    content: "\E222";
}
.glyphicon-share:before {
    content: "\E223";
}
.glyphicon-eye-close:before {
	content: "\E053";
}

@font-face {
  font-family: 'Glyphicons Social';
 
  src: url('fonts/glyphicons-social/glyphicons-social-regular.eot');
  src: url('fonts/glyphicons-social/glyphicons-social-regular.eot?#iefix') format('embedded-opentype'), url('fonts/glyphicons-social/glyphicons-social-regular.woff2') format('woff2'), url('fonts/glyphicons-social/glyphicons-social-regular.woff') format('woff'), url('fonts/glyphicons-social/glyphicons-social-regular.ttf') format('truetype');
}
.glyphicon-social {
  /*position: relative;
  top: 1px;*/
  display: inline-block;
  /*font-family: 'Glyphicons Halflings';*/
  font-family: 'Glyphicons Social';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  color: #666666;
  font-size:30px;
 
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.glyphicon-social:hover {
	border:none;
	-webkit-transition:none;
	transition:none;
	text-decoration:none;
}
.glyphicon-facebook:before {
    content: "\E031";
    -webkit-transition:all 0.2s linear;
    transition:all 0.2s linear;
}
.glyphicon-facebook.active,
.glyphicon-facebook:hover {
 	color: #3B5998;
}
/*.glyphicon-google-plus:before {
    content: "\E003";
    -webkit-transition:all 0.2s linear;
    transition:all 0.2s linear;
}
.glyphicon-google-plus.active,
.glyphicon-google-plus:hover {
 	color: #dd4b39;
}*/
.glyphicon-dropbox:before {
    content: "\E002";
}
.glyphicon-linkedin:before {
    content: "\E018";
    -webkit-transition:all 0.2s linear;
    transition:all 0.2s linear;
}
.glyphicon-linkedin.active,
.glyphicon-linkedin:hover {
 	color: #007bb5;
}
.glyphicon-instagram:before {
    content: "\E033";
    -webkit-transition:all 0.2s linear;
    transition:all 0.2s linear;
}
.glyphicon-instagram.active,
.glyphicon-instagram:hover {
 	color: #000000;
}
.glyphicon-e-mail-envelope:before {
    content: "\E014";
}
.glyphicon-twitter:before {
    content: "\E032";
    -webkit-transition:all 0.2s linear;
    transition:all 0.2s linear;
}
.glyphicon-twitter.active,
.glyphicon-twitter:hover {
 	color: #55ACEE;
}
.glyphicon-e-mail:before {
    content: "\E040";
}
.glyphicon-google-drive:before {
    content: "\E058";
}
.glyphicon-search:before {
    content: "\E028";
}
.glyphicon-menu:before {
    content: "\E517";
}


/*file icon vectors*/
.fiv-background, .fiv-sqo {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
}
.fiv-size-md {
  font-size: 2.25em;
}
.fiv-size-lg {
  font-size: 3.5em;
}
.fiv-size-xl {
  font-size: 4.75em;
}
.fiv-sqo {
  position: relative;
  display: inline-block;
  line-height: 1em;
  width: 1em;
}
.fiv-sqo:before {
  content: '\00a0';
}
.fiv-sqo.fiv-icon-image {
  background-image: url('../img/icons/square-o/image.svg');
}
.fiv-sqo.fiv-icon-pdf {
  background-image: url('../img/icons/square-o/pdf.svg');
}
.fiv-sqo.fiv-icon-spreadsheet {
  background-image: url('../img/icons/square-o/csv.svg');
}
.fiv-sqo.fiv-icon-presentation {
  background-image: url('../img/icons/square-o/ppt.svg');
}
.fiv-sqo.fiv-icon-document {
  background-image: url('../img/icons/square-o/wps.svg');
}
.fiv-sqo.fiv-icon-video {
  background-image: url('../img/icons/square-o/mp4.svg');
}
.fiv-sqo.fiv-icon-audio {
  background-image: url('../img/icons/square-o/mp3.svg');
}
.fiv-sqo.fiv-icon-blank {
  background-image: url('../img/icons/square-o/blank.svg');
}