/* Fonts */
@font-face {
	font-family: 'Signika';
	src: url('../styles/fonts/Laura_fonts/Signika-SemiBold.ttf') format('truetype');
}

@font-face {
	font-family: 'Source Sans Pro';
	src: url('../styles/fonts/Laura_fonts/SourceSansPro-Regular.ttf') format('truetype');
}

/* General settings. */
img {
	border: 0;
}

form {
	margin: 0;
}

table {
	empty-cells: show;
	border-collapse: collapse;
}

wbr:after {
	content: "\00200B";
}

/* Ensures maximal word-break (<wbr />) support. */
body.body-employer {
	margin: 0;
	padding: 0;
}

html.html-employer {
	background: #FFF;
	margin: 0;
	padding: 0;
}

/* Page wide styles. */
html {
	height: 100%;
}

html,
body {
	font: 15px/22px "Source Sans Pro", Arial, sans-serif;
	font-size: 15px;
	line-height: 20px;
	font-weight: normal;
	color: #333;
	background: #FFF;
	padding: 0;
	margin: 0;
}

body {
	margin-top: 10px;
}

#body-a-rs {
	margin-top: 0;
}

#wrapper-employer {
	position: relative;
	padding: 0 0 60px 0;
	margin: 0;
	clear: both;
	width: auto;
	float: left;
	background: #FFF;
	min-width: 100%;
}

#wrapper-employer div.cont2 {
	padding: 0;
	float: left;
	clear: none;
	width: 240px;
	box-shadow: 2px 5px 20px 1px #CCC;
	border-bottom-right-radius: 10px;
	border-right: solid 2px #CCC;
	border-bottom: solid 2px #CCC;
	margin-bottom: 20px;
	background: #fdfdfd;
}

#wrapper-employer .main_cont2 {
	margin: 0;
	padding: 0;
	width: auto;
	position: inherit;
}

body.body-employer:not(#body-e-expr) div#wrapper-employer div.cont3 {
	float: none;
	overflow: hidden;
	width: auto;
	padding: 20px 25px 25px 50px;
	margin-top: 75px;
	border: none;
	display: block;
	margin-bottom: 10px;
}

body.body-employer#body-e-o div#wrapper-employer div.cont3 {
	width: 100%;
	padding: 25px;
	box-sizing: border-box;
}

#wrapper-employer .employer {
	margin: 0;
	padding: 0;
	width: auto;
	position: inherit;
	overflow: auto;
	background-color: #FFF;
}

body#body-e-vf #wrapper-employer .employer,
body#body-e-vj #wrapper-employer .employer {
	overflow: visible;
}

#wrapper-applicant,
#wrapper-other-cover {
	max-width: 770px;
	width: 92%;
	margin: 0 auto;
	padding: 20px;
	background-color: #FFF;
	box-shadow: 3px 4px 15px #888;
}

#body-e-ls #wrapper-other-cover,
#body-e-sll #wrapper-other-cover {
	width: 100%;
	max-width: none;
	background: none;
	padding: 0;
	box-shadow: none;
}

html.html-other-cover {
	background: #FFF url(../logos/laurarekrytointi-applicant-bg.jpg) no-repeat;
	background-size: cover;
	background-attachment: fixed;
}

#footer-employer {
	position: relative;
	width: auto;
	background: none;
	height: auto;
	margin: 0 0 0 171px;
}

#footer-applicant {
	position: relative;
	margin: 0 auto;
	height: 72px;
}

#footer-inner {
	padding: 0;
	margin: 0;
	color: #545454;
	font-weight: normal;
	background: transparent;
/* Old browsers */
	display: block !important;
	background-image: url(../images/laura_logo_footer.png);
	background-repeat: no-repeat;
	width: 85px;
	height: 34px;
	position: absolute;
	right: 34px;
	top: -24px;
}

#footer-applicant #footer-inner {
	right: 38px;
	top: -5px;
}

#footer-login,
#html- #footer-employer,
#html-e-l #footer-employer {
	display: none;
}

* html #footer-employer,
* html #footer-applicant {
	background-image: none;
}

/* General form element styles. */
input,
textarea,
select {
	font-size: 12px;
	font-family: "Source Sans Pro", Arial, sans-serif;
}

input.submit,
input.reset,
input.button,
button {
	background: #FAE8BA;
	color: #000;
}

.submit-button {
	width: auto;
	display: inline;
}

.reset-button {
	width: auto;
	display: inline;
}

input.disabled {
	color: #888;
}

input.flat_button {
	color: #07619B;
	font-weight: bold;
	background-color: #f0e0d0;
	border: 1px solid #609060;
	border-style: outset;
}

input.flat_button_over {
	background-color: #ead18c;
}

input.flat_button_down {
	background-color: #ead18c;
	border-style: inset;
}

input.flat_button_disabled {
	color: #AAA;
}

/* Containers. */
div.main_cont1 {
	text-align: center;
}

div.main_cont2 {
	text-align: left;
	position: relative;
	margin: 0 auto;
}

#body-e-pl .main_cont2.employer {
	display: flex;
}

#body-e-pl .main_cont2.employer {
	display: flex;
}

#body-e-pl:not(#body-e-expr) #wrapper-employer .cont3 {
	padding: 0;
	margin: 75px 20px 0 20px;
	width: 100%;
}

#body-e-pl #wrapper-employer .cont2 {
	float: none;
	align-self: flex-start;
}

#body-e-pl #wrapper-employer .menu {
	float: none;
}

div.employer {
	width: 980px;
}

div.applicant {
	max-width: 770px;
	width: 100%;
}

div#wrapper-other-cover div.e-ls div.other-cover {
	width: auto;
}

body#body-e-ls {
	margin: 5px;
}

/* General styles. */
h1 {
	font-size: 18px;
	font-family: Signika, Arial, sans-serif;
}

/* general job title h1 size */
#wrapper-applicant div.job_page div.job_name h1 {
    font-size: 28px;
}

a,
.search-by-status.existing-applications,
div.auto_list table.results .launch-latest-email-viever-on-list {
	color: #07619B;
	text-decoration: underline;
}

a:link {
	color: #07619B;
	text-decoration: underline;
}

a:visited {
	color: #07619B;
	text-decoration: underline;
}

a:hover,
.search-by-status.existing-applications:hover {
	color: #07619B;
	text-decoration: none;
	cursor: pointer;
}

div.em-global-message {
	font-size: 14px;
	text-align: center;
	font-weight: bold;
	background-color: transparent;
	color: #EE712A;
}

div.title {
	padding: 2px;
	background: none;
	border: none;
	color: #07619B;
	display: block;
	font-size: 27px;
	font-weight: bold;
	margin-bottom: 10px;
	margin-top: 0;
	line-height: 30px;
}

div.status,
div.ap_status {
	text-align: center;
	margin-bottom: 2px;
	clear: both;
}

.e-o div.status,
.e-oa div.status {
	display: flex;
}

div.status span.error,
div.answer_col span.error,
div.ap_status span.error,
div.ap_jobnotify span.error,
div.hour-report-form span.error,
div.ap-hour-report-form span.error,
div.flash-message span.error,
.survey-missing-required-answer-field,
.survey-missing-required-answer-field-info {
	font-size: 14px;
	text-align: center;
	background-color: transparent;
	color: #ff0000;
	padding-bottom: 2px;
}

#age-limit-error {
	display: block;
	text-align: left;
}

div.view_mass_mail div.error {
	text-align: center;
	font-weight: bold;
	background-color: transparent;
	color: #07619B;
	margin-bottom: 5px;
}

div.status span.ok,
div.ap_status span.ok,
div.flash-message span.ok {
	font-size: 14px;
	text-align: center;
	background-color: transparent;
	color: #17ab17;
}

div.status span.alert,
div.ap_status span.alert {
	font-size: 14px;
	text-align: center;
	font-weight: bold;
	background-color: transparent;
	color: #EE712A;
}

div.ap_status span.notice {
	margin: 0 0 15px 0;
	color: #000;
	background-color: #FFFCCC;
	font-size: 1em;
	display: block;
	padding: 8px 0 8px 15px;
	text-align: left;
}

div.ap_status .super-laura {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 59%;
}

div.ap_status .agreement-text {
	margin-left: 35px;
	text-align: left;
	font-size: 0.85em;
}

div.ap_status span.notice .TalentBankProfileCreationLogo {
	width: 150px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.ap_message .perus-laura {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 55%;
}

.ap_message .success-symbol {
	width: 12%;
}

.ap_message .inline-flex {
	justify-content: center;
	align-items: center;
	margin-bottom: 0px;
}
div.ap_status .TalentBankProfileCreationNotice {
	font-size: 0.8em;
	font-style: italic;
}

.ap_message .message {
	font-size: 1.1em;
}

.ap_message .ApplicationSuccessfulTitle {
	font-size: 22px;
	font-family: Signika, Arial, sans-serif;
}

div.lock_info {
	text-align: center;
	font-weight: bold;
	background-color: transparent;
	color: #ff0000;
}

td.question {
	vertical-align: top;
}

td.error,
.classifications-list.error,
#common-classifications-wrapper.error {
	color: #000;
	background: #ffcccc;
	font-weight: bold;
}

/* Override bold font from job description when in error. */
div.create_job_form .description td.error {
	font-weight: normal;
}

.script_hidden {
	display: none;
}

.script_invisible {
	visibility: hidden;
	font-weight: normal;
}

/* Employer login. */
div.employer_login,
div.direct-list-login,
div.maintenance-message {
	margin: 0 auto;
	margin-top: 15%;
	text-align: left;
	padding: 25px;
	max-width: 500px;
	padding-top: 35px;
	height: auto;
	background: #FFF;
	text-indent: 0;
}

div.employer_login form#login_form {
	max-width: 275px;
}

div.employer_login div.status span {
	color: #000;
	text-align: left;
	font-weight: normal;
}

div.employer_login div.status span.ok {
	display: block;
}

div.employer_login #username,
div.employer_login #password {
	width: 100%;
	background: #FDFDFD;
	box-sizing: border-box;
	font-size: 14px;
	height: 34px;
}

#wrapper-login form#login_form div.submit-button input.submit {
	width: 100%;
	height: 34px;
	font-size: 14px;
}

div.employer_login input[type="text"],
div.employer_login input[type="password"] {
	background: #FFF;
	border-radius: 2px;
}

/* Employer logo & menus. */
div.employer_logo {
	display: none;
}

div.menu div.raquo {
	font-size: 13px;
	font-weight: bold;
	padding-left: 1px;
	float: left;
}

div.menu div.link_text {
	margin-left: 1.1em;
}

div.menu a {
	text-decoration: none;
	font-weight: bold;
	color: #0000aa;
}

div.employer_menu {
	color: #000;
	display: block;
	border: none;
	background: none;
	margin: 0;
	padding: 0;
	clear: none;
	float: none;
	position: inherit;
	width: 240px;
}

* html div.menu a:visited {
	text-decoration: none;
	color: #FFF;
}

div.work_menu,
div.admin_menu {
	border-top: 4px solid #07619B;
}

div.work_menu {
	display: none;
}

#wrapper-employer div.menu div.menu_box.admin_menu div.not_hot.first,
#wrapper-employer div.menu div.menu_box.admin_menu div.hot.first,
#wrapper-employer div.menu div.menu_box.work_menu div.not_hot.first,
#wrapper-employer div.menu div.menu_box.work_menu div.hot.first {
	border-top: none;
}

* html div.menu div.hot a:visited {
	text-decoration: none;
	color: #fac041;
}

div.menu_box div.not_hot {
	padding-top: 1px;
	padding-bottom: 1px;
}

div.employer_menu div.logout {
	margin-top: 8px;
}

div.employer_login div.employer-saml-login {
	text-align: center;
}

div.employer_login div.recover-employer-password,
div.employer_login div.login-guide-for-applicant {
	margin-top: 20px;
	text-align: center;
}

/* Grouping division */
div.menu div.linedivide {
	display: block;
	border: none;
	background: none;
	margin: 0;
	padding: 0;
	clear: none;
	float: none;
	position: inherit;
	overflow: visible;
}

#wrapper-employer div.menu {
	float: left;
	margin-top: 60px;
}

/* Several IE specific hacks for the following in ie-style.css */
div.employer_menu div.hot a,
div.employer_menu div.hot a:link,
div.admin_menu div.hot a,
div.admin_menu div.hot a:link,
div.work_menu div.hot a,
div.work_menu div.hot a:link {
	font-weight: bold;
	display: block;
	color: #fac041;
	text-decoration: none;
}

span.note {
	color: #fac041;
}

div.menu a,
div.menu a:link,
div.employer_menu div.logout a,
div.employer_menu div.logout a:link {
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	display: block;
}

div.menu a:hover,
div.employer_menu div.logout a:hover {
	font-weight: bold;
	display: block;
	color: #000;
	text-decoration: none;
}

div.menu_box div.first {
	border-top: 0;
	padding-top: 0;
}

/* Menus */

/* Upper menu */
body:not(.body-login) .cont1 {
	height: 60px;
	width: 100%;
	background: #484B5C;
	font-size: 17px;
	font-family: "Signika", Arial, sans-serif;
	position: fixed;
	z-index: 999;
	display: flex;
	justify-content: flex-start;
}

.top_menu {
	background: #484B5C;
	display: flex;
	width: 100%;
	justify-content: space-between;
}

#shortcuts {
	display: flex;
}

.top-menu-item-wrapper a,
.top-menu-item-wrapper span {
	color: #FFF;
	text-decoration: none;
}

.top-menu-item-wrapper a.disabled,
.top-menu-item-wrapper span.disabled {
	cursor: default;
}

.top-menu-item-wrapper a,
.top-menu-item-wrapper span:not(.menu-item-icon-wrapper) {
	cursor: pointer;
}

.fancybox-opened.support-info {
	width: 65vw !important;
}

.fancybox-opened.support-info #popup-dialog-content {
	overflow: hidden;
	padding: 20px;
}

.fancybox-opened.support-info .support-info-element {
	padding: 5px 10px 10px 110px;
	box-sizing: border-box;
	background-color: #07619B;
	color: #FFF;
	min-height: 120px;
	background-repeat: no-repeat;
	background-size: 12%;
	background-position-y: center;
	background-position-x: 25px;
	height: 100%;
}

.fancybox-opened.support-info .support-info-element:hover:not(.title-qtip) {
	opacity: 0.6;
	cursor: pointer;
}

.fancybox-opened.support-info .support-info-element.title-qtip {
	cursor: help;
}

.fancybox-opened.support-info .row {
	display: flex;
	align-items: stretch;
}

.fancybox-opened.support-info #popup-dialog-header {
	background-image: url(../images/laura-icon-support-info.png);
	background-size: 65px;
	background-position-x: 10px;
}

.fancybox-opened.support-info .support-info-element#laurafi {
	background-image: url(../images/laura-icon-support-laurafi.png);
}
.fancybox-opened.support-info .support-info-element#customermail {
	background-image: url(../images/laura-icon-support-customermail.png);
}
.fancybox-opened.support-info .support-info-element#lauraday {
	background-image: url(../images/laura-icon-support-lauraday.png);
}
.fancybox-opened.support-info .support-info-element#helpcenter {
	background-image: url(../images/laura-icon-support-helpcenter.png);
}
.fancybox-opened.support-info .support-info-element#support {
	background-image: url(../images/laura-icon-support-support.png);
}
.fancybox-opened.support-info .support-info-element#survey {
	background-image: url(../images/laura-icon-support-survey.png);
}

.fancybox-opened.support-info .content-wrapper {
	width: calc(100%/3);
	float: left;
	padding: 5px;
	box-sizing: border-box;
}

.fancybox-inner {
	width: 100% !important;
}

.support-info-element h1 {
	margin: 5px 0px;
}

.support-link-wrapper {
	white-space: nowrap;
	display: flex;
	cursor: pointer;
}

span.menu-item-icon-wrapper {
	width: 25px;
	display: flex;
	justify-content: center;
}

.top-menu-item-wrapper:not(#support-link) span.menu-item-icon-wrapper {
	padding-left: 8px;
}

span#support-link {
	margin-right: 5px;
}

img#clear-list,
img#clear-codet-list,
img#support-info-icon {
	width: 18px;
	align-self: center;
	padding: 8px 5px;
	position: absolute;
	top: 15px;
}

img#clear-list,
img#clear-codet-list {
	width: 24px;
}

#wrapper-employer img#laura_logo {
	padding: 19px 15px;
	max-height: 20px;
}

.top-menu-item-wrapper {
	border-top: 5px solid #07619B;
	display: flex;
}

.top-menu-item-wrapper.disabled span,
.top-menu-item-wrapper.disabled a {
	cursor: default;
	opacity: 0.6;
}

.cont1 .top-menu-item-wrapper:not(.disabled) a:hover,
.cont1 .top-menu-item-wrapper:not(.disabled) span:hover,
.cont1 .top-menu-item-wrapper .support-link-wrapper:hover span#support-link,
#support-link .top-menu-item-content-wrapper:hover {
	text-decoration: underline;
	cursor: pointer;
}

#support-link .top-menu-item-content-wrapper:hover {
	color: #FFF;
}

.top-menu-item-wrapper.hot {
	background: #2D2F3A;
}

.top-menu-item-wrapper.disabled {
	border-top: 5px solid #CCC;
}

.top-menu-item-wrapper.logout {
	border-top: none;
}

.top-menu-item-content-wrapper {
	align-self: center;
	padding: 0 10px;
	white-space: nowrap;
}

#shortcuts #list .top-menu-item-content-wrapper,
#shortcuts #codetermination-list .top-menu-item-content-wrapper,
#shortcuts #support-link .top-menu-item-content-wrapper {
	display: flex;
	cursor: pointer;
	whitespace: no-wrap;
}

#shortcuts #search-results .top-menu-item-content-wrapper,
#shortcuts #list .top-menu-item-content-wrapper,
#shortcuts #support-link .top-menu-item-content-wrapper,
#shortcuts #back-to-codetermination-search-results .top-menu-item-content-wrapper,
#shortcuts #codetermination-list .top-menu-item-content-wrapper {
	border-right: 1px solid #FFF;
}

.cont1 .top-menu-item-wrapper#logout {
	border-top: none;
	display: flex;
}

.cont1 a#logout img {
	width: 35px;
	align-self: center;
	margin: 12px;
}

.clear-list img {
	width: 20px;
	align-self: center;
}

#shortcuts #support-link .top-menu-item-content-wrapper {
	padding: 0;
	margin: 0 0 0 10px;
}

#support-link .menu-item-icon-wrapper {
	padding-right: 6px;
}

a#logout {
	display: flex;
}

img#logout-red {
	display: none;
}

/* Main menu */
#wrapper-employer div.link_text {
	margin-left: 10px;
}

#wrapper-employer .employer_menu .hot,
#wrapper-employer .admin_menu .hot,
#wrapper-employer .work_menu .hot {
	width: 228px;
	margin: 0 7px;
	border-top: 0.1px solid #CCC;
}

#wrapper-employer div.menu div.employer_menu div.not_hot.first,
#wrapper-employer div.menu div.employer_menu div.hot.first {
	border-top: none;
}

div.menu div.hot,
div.menu div.not_hot,
div.menu div.E_OUT {
	color: #F00;
	border: none;
	background: none;
	margin: 0;
	padding: 0;
	clear: none;
	float: none;
	position: inherit;
	overflow: visible;
	text-align: left;
	width: 240px;
	border-bottom: 0;
	background-size: 100%;
}

#wrapper-employer div.menu div.employer_menu div.not_hot,
#wrapper-employer div.menu div.admin_menu div.not_hot,
#wrapper-employer div.menu div.work_menu div.not_hot {
	width: 230px;
	margin: 0 5px;
	border-top: 1px solid #CCC;
}

#wrapper-employer div.menu div.not_hot div.link_text a {
	padding-left: 4px;
	min-height: 40px;
}

#wrapper-employer div.menu div.hot div.link_text a {
	font-weight: bold;
	color: #ee712a;
	filter: invert(43%) sepia(1) saturate(3415%);
	padding-left: 2px;
	font-size: 15px;
	min-height: 40px;
}

#wrapper-employer div.menu a:hover {
	font-weight: bold;
	color: #ee712a;
	filter: invert(43%) sepia(1) saturate(3415%);
	font-size: 15px;
}

div.cont1 .note,
div.menu .note {
	margin-left: 3px;
}

div.cont1 .note{
	color: #FFF;
}

div.menu .note {
	color: #FF4500;
}

#wrapper-employer div.menu a {
	border: none;
	background: none;
	margin: 0;
	padding: 0;
	clear: none;
	float: none;
	position: inherit;
	overflow: visible;
	font-weight: 500;
	color: #4e5164;
	text-decoration: none;
	display: block;
	font-size: 14px;
	transition: 0.5s;
}

/* Context menu. */
div.context_menu {
	height: auto;
	margin-bottom: 20px;
	position: relative;
	margin-top: 0;
	font-weight: normal;
	float: right;
	color: inherit;
	padding: 0;
	overflow: visible;
	width: 100%;
	display: inline-block;
	border-radius: 4px;
	font-size: 13px;
	border: none;
}

div.context_menu a,
div.context_menu a:link,
div.context_menu a:visited,
div.context_menu button,
div.context_menu span.link {
	margin-right: 20px;
	color: #005796;
	padding: 0 10px;
	margin: 0;
	background-image: none;
	min-width: 80px;
	max-width: inherit;
	width: auto;
	border-radius: 2px;
	text-indent: 0;
	border: 1px solid #005796;
	display: inline-block;
	font-family: "Source Sans Pro", Arial, sans-serif;
	font-size: 15px;
	font-weight: bold;
	font-style: normal;
	height: 30px;
	line-height: 30px;
	text-decoration: none;
	text-align: center;
	cursor: pointer;
	background: #FFF;
}

div.context_menu button {
	height: 32px;
}

div.context_menu a:hover,
div.context_menu a:link:hover,
div.context_menu a:visited:hover,
div.context_menu button:hover,
div.context_menu span.link:hover {
	text-decoration: underline;
}

/* Context menu. */

#application-modification-days {
	width: 40px;
}

#allow-modifications-form #days-error {
	margin-left: 10px;
	color: red;
	font-weight: bold;
}

div.context_menu a {
	background-image: url("../images/menu_icon_orange.gif");
	background-repeat: no-repeat;
	background-position: 1px 5px;
	padding: 0 0 0 12px;
}

div.context_menu a:hover {
	color: #07619B;
	text-decoration: none;
}

div.context_menu div {
	float: left;
	padding-top: 1px;
	padding-bottom: 1px;
	height: 15px;
	min-height: 25px;
	margin-top: 12px;
}

div.context_menu div.separator {
	margin-right: 2px;
	margin-left: 2px;
}

div.context_menu div.saved_criteria {
	padding-bottom: 13px;
	margin-top: 12px;
	margin-left: 13px;
	width: 88%;
}

div.e-s div.context_menu div.saved_criteria,
div.e-tas div.context_menu div.saved_criteria,
div.e-tuas div.context_menu div.saved_criteria {
	width: auto;
}

div.context_menu .direct_list span {
	border: 1px solid #333;
	border-right-color: #DDD;
	border-bottom-color: #DDD;
	padding: 2px;
}

div.context_menu div.saved_criteria input#load_saved_criteria,
div.context_menu div.saved_criteria input#load_saved_results,
div.context_menu div.save_criteria input {
	width: auto;
	font-size: 12px;
}

#wrapper-employer div.context_menu div.disable-notification {
	margin-top: 20px;
}

#wrapper-employer div.em-ap-top-nav,
#wrapper-employer div.em-ap-bottom-nav,
.direct-ap-top-nav,
.direct-ap-bottom-nav {
	height: 60px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

#wrapper-employer div.em-ap-top-nav {
	margin-bottom: 10px;
}

/* Search criteria */
div.context_menu div.old_search {
	margin-top: 12px;
	margin-right: 5px;
	margin-bottom: 12px;
	margin-left: 18px;
}

div.context_menu div.old_search a,
div.context_menu div.old_search a:link {
	text-decoration: none;
}

div.context_menu div.saved_criteria input#load_saved_criteria,
div.context_menu div.saved_criteria input#load_saved_results,
div.context_menu div.save_criteria input {
	font-family: "Source Sans Pro", Arial, sans-serif;
	font-size: 12px;
	clear: both;
	font-weight: bold;
	color: #07619B;
	text-decoration: underline;
	padding-right: 10px;
	width: 130px;
	cursor: pointer;
}

div.context_menu div.save_criteria input[type="text"] {
	font-family: "Source Sans Pro", Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	border: 1px solid #CCC;
	color: #666;
	margin-right: 7px;
	padding: 5px;
	padding-bottom: 3px;
	width: 150px;
	text-decoration: none;
	cursor: text;
	min-height: 25px;
}

div.context_menu div.saved_criteria input#remove_saved_criteria {
	font-family: "Source Sans Pro", Arial, sans-serif;
	font-size: 12px;
	background: none;
	font-weight: bold;
	color: #FF4500;
	text-decoration: underline;
}

div.context_menu div.saved_criteria input#load_saved_criteria.disabled,
div.context_menu div.saved_criteria input#load_saved_results.disabled,
div.context_menu div.saved_criteria input#remove_saved_criteria.disabled,
div.context_menu div.save_criteria input.disabled {
	background: none;
	color: #999;
	text-decoration: none;
	cursor: default;
}

div.context_menu div.saved_criteria input:hover {
	text-decoration: none;
	cursor: pointer;
}

div.context_menu div.save_criteria {
	margin-top: 5px;
}

div.context_menu div.saved_criteria form {
	margin-top: -2px;
}

div.context_menu div.saved_results form {
	margin-top: -2px;
}

div.context_menu div.save_criteria form {
	margin-top: 5px;
}

div.context_menu div.toggle {
	font-weight: bold;
	color: #07619B;
}

div.context_menu div.toggle label:hover {
	text-decoration: underline;
}

div.context_menu div.toggle input#interest_toggle {
	margin: 0;
}

div.context_menu div.toggle input {
	margin: 0;
	padding: 0;
}

div.context_menu div.toggle label {
	margin: 0;
	padding: 0;
}

div.context_menu div.remove_application a,
div.context_menu div.remove_applicant a,
div.context_menu div.remove_job a,
div.context_menu div.remove_expert_need a,
div.context_menu div.remove-need a {
	color: #ff0000;
}

div.context_menu input#remove_saved_criteria.disabled {
	color: #888;
	background-color: #ffcccc;
}

div.context_menu form {
	margin: 0;
	padding: 0;
}

div.context_menu form input {
	margin: 0;
	padding: 0;
}

div.context_menu div.export {
	background-color: #e3e3ff;
	height: 23px;
	padding-left: 2px;
	padding-right: 2px;
}

div.context_menu div.export {
	clear: both;
	background: none;
	border: none;
}

div.context_menu div.remove_application,
div.context_menu div.remove-co-determination-profile {
	float: right;
}

div.context_menu form.export input {
	padding: 0;
	font-size: 11px;
	padding-left: 2px;
	padding-right: 2px;
}

div.context_menu form.export label {
	margin-left: 2px;
	cursor: pointer;
}

div.context_menu div.create_job_from_plan,
div.context_menu div.show_related_job {
	padding-right: 0;
	border: none;
}

div.context_menu div.copy_as_new_recruitment_plan {
	margin-left: 4px;
}

div.context_menu div.export-job-to-pdf button {
	cursor: pointer;
}

/* Product news. */
div.product-news div.header {
	font-weight: bold;
	padding: 4px 4px 8px 4px;
}

#auto_list_table_product-news tr td div.time {
	float: left;
	margin-left: 10px;
	margin-bottom: 20px;
	width: 100%;
}

#wrapper-employer #auto_list_table_product-news tr {
	box-shadow: 0 0 10px #DDD;
	border-left: 5px solid #DDD;
}

#wrapper-employer #auto_list_table_product-news tr.even {
	border-bottom: 5px solid #F7F6F3;
}

#wrapper-employer #auto_list_table_product-news tr.odd {
	border-top: none;
}

#wrapper-employer div.auto_list_product-news #auto_list_table_product-news tr.new {
	border-left: 5px solid #ED700A;
	background-image: url(../images/laura-icon-store-spotlight.png);
	background-repeat: no-repeat;
	background-position: top right;
	background-size: 40px;
}

/* This is done so the **new** border works */
#wrapper-employer div.auto_list_product-news tr.old.even,
#wrapper-employer div.auto_list_product-news tr.old.odd {
	border-top: 2px solid #F7F6F3;
}

#auto_list_table_product-news tr td div.subject {
	padding: 10px;
	float: left;
	vertical-align: top;
	font-weight: bold;
	font-size: 20px;
}

#auto_list_table_product-news tr td div.summary {
	float: left;
	clear: left;
	padding: 10px;
	padding-top: 0;
	width: 98%;
	text-align: left;
}

#auto_list_table_product-news div.summary img {
	width: 100%;
	max-width: 700px;
	height: auto;
	border-radius: 5px;
	box-shadow: 0 0 12px 0 rgba(66, 66, 66, 0.3);
}

#auto_list_table_product-news div a {
	margin-top: 0;
}

/* System news. */
div.system_news {
	clear: both;
}

div.system_news div.news_item {
	background-color: #FFF;
	width: auto;
	padding: 10px;
	border-bottom: 5px solid #F7F6F3;
	box-shadow: 0 0 10px #DDD;
}

div.system_news div.message {
	float: none;
	padding: 4px;
	border-left: none;
	width: 80%;
	display: block;
}

div.system_news div.time {
	padding: 4px;
	float: none;
	width: 17%;
	vertical-align: top;
	display: block;
	font-weight: bold;
}

/* General form element styles. */
input[type="text"],
input[type="input"],
input[type="password"] {
	font: inherit;
	border: 1px solid #CECECE;
	background: #FFF;
	color: #666;
	padding-left: 10px;
	padding-right: 5px;
	margin-right: 7px;
	width: 100%;
	margin-bottom: 10px;
	margin-left: 0;
	border-radius: 2px;
	font-size: 16px;
	min-height: 34px;
	box-sizing: border-box;
}

select {
	font: inherit;
	border: 1px solid #CECECE;
	background: #FFF;
	color: #666;
	margin-bottom: 5px;
	margin-right: 7px;
	padding: 5px 5px 5px 5px;
	width: auto;
	margin-left: 0;
	border-radius: 2px;
	font-size: 16px;
	max-width: 100%;
	min-width: 60px;
}

#wrapper-employer select {
	font-size: 16px;
}

#wrapper-employer div.e-nsp select,
#wrapper-employer div.e-os select {
	min-width: 48%;
}

textarea,
div.answer_col div.question_type_165 {
	resize: vertical;
	font: inherit;
	border: 1px solid #CECECE;
	background: #FFF;
	color: #666;
	padding-left: 13px;
	padding-right: 7px;
	padding-top: 7px;
	margin-right: 7px;
	width: 100%;
	border-radius: 2px;
	font-size: 16px;
	min-height: 70px;
	margin-left: 0;
	margin-bottom: 10px;
	font-weight: normal;
	max-height: 2000px;
	box-sizing: border-box;
}

input.counter {
	max-width: 57px;
	text-align: left;
	border: none;
	background: none;
	font-size: 14px;
	padding: 0;
	margin: 0;
}

input[name="starthour"],
input[name="startminute"],
input[name="startsecond"],
input[name="endhour"],
input[name="endminute"],
input[name="endsecond"] {
	max-width: 40px;
}

textarea[name="description"] {
	width: 100%;
	margin-left: 0;
	padding-left: 4px;
	margin-bottom: 10px;
	margin-right: 0;
}

input[name="need_count"] {
	width: 45px;
}

form#application_form .answer_col label {
	margin-left: 10px;
}

label.always-open-text {
	display: inline-block;
}

input[name="additional_responsible_users_text"] {
	max-width: 515px;
}

div#wrapper-employer div.e-nv div.need_view textarea.limited_length {
	width: auto;
	margin: 0;
}

div#field_for_counter {
	font-weight: normal;
	font-size: 13px;
	margin-top: 5px;
}

/* Button styles */
input[type="button"],
input[type="submit"],
div.export input[type="submit"],
input[type="reset"],
button {
	border: none;
	background: none;
}

div.submit-button,
div.reset-button,
div.export div.submit-button {
	font: inherit;
	display: inline;
	line-height: 23px;
/* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
	height: 31px;
/* Height of button background height */
	padding: 0;
/* Width of left menu image */
	text-decoration: none;
	width: auto;
	padding-left: 10px;
}

div.submit-button input[type="submit"].mouseover {
	background: url(/images/button-right.png) transparent no-repeat bottom right;
	cursor: pointer;
}

div.submit-button input[type="submit"].mouseout {
	background: url(/images/button-right.png) transparent no-repeat top right;
	cursor: pointer;
}

div.submit-button input[type="button"].mouseover {
	background: url(/images/button-right.png) transparent no-repeat bottom right;
	cursor: pointer;
}

div.submit-button input[type="button"].mouseout {
	background: url(/images/button-right.png) transparent no-repeat top right;
	cursor: pointer;
}

div.reset-button input[type="reset"].mouseover {
	background: url(/images/button-right.png) transparent no-repeat bottom right;
	cursor: pointer;
}

div.reset-button input[type="reset"].mouseout {
	background: url(/images/button-right.png) transparent no-repeat top right;
	cursor: pointer;
}

div.export div.submit-button input[type="submit"].mouseover {
	background: url(/images/button-right.png) transparent no-repeat bottom right;
	cursor: pointer;
}

div.export div.submit-button input[type="submit"].mouseout {
	background: url(/images/button-right.png) transparent no-repeat top right;
	cursor: pointer;
}

div.submit-button input[type="button"],
div.submit-button input[type="submit"],
div.reset-button input[type="reset"] {
	color: #e5eff8;
	line-height: 23px;
/* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
	height: 31px;
/* Height of button background height */
	display: block;
	padding: 2px 22px 7px 0;
/*Set 11px below to match value of 'padding-left' value above*/
	margin: 0;
}

* html div.submit-button input[type="button"],
* html div.submit-button input[type="submit"],
* html div.reset-button input[type="reset"],
* html div.export div.submit-button input[type="submit"] {
	background: none;
}

* html div.submit-button {
	width: auto;
}

*:first-child+html div.submit-button input[type="button"],
*:first-child+html div.submit-button input[type="submit"],
*:first-child+html div.reset-button input[type="reset"],
*:first-child+html div.export div.submit-button input[type="submit"] {
	width: auto;
}

/* Buttons. */
#wrapper-employer div.reset-button,
div.export div.reset-button,
#wrapper-applicant div.reset-button,
div.manualsaver div.reset-button,
#wrapper-employer div.submit-button,
div.export div.submit-button,
#wrapper-applicant div.submit-button,
div.manualsaver div.submit-button {
	background-image: none;
	padding: 0 10px 10px 0;
	margin: 2px 5px 0 0;
	display: inline;
}

#wrapper-applicant div.ap-hour-report-form div.submit-button {
	margin: 0;
}

#wrapper-applicant div.ap-hour-report-form div.submit-button input#draft {
	margin-left: 23px;
	margin-right: 10px;
}

div.manualsaver div.submit-button input.mouseover {
	padding: 0 10px;
}

div.submit-button input[type="submit"],
div.submit-button input.submit.mouseout,
#wrapper-applicant .ap_job_login input.submit,
#wrapper-login div.submit-button input.submit.mouseout,
#wrapper-login div.submit-button input.submit,
#wrapper-employer div.submit-button input.submit.mouseout,
#wrapper-employer div.submit-button input,
#wrapper-employer div.submit-button input[type="button"],
#wrapper-employer div.submit-button input[type="submit"],
div.applicant div.submit-button input[type="submit"],
div.applicant div.submit-button input.submit,
#wrapper-applicant div.apply_to_job a,
.report-params button,
#allow-modifications-form #allow-modifications-submit,
#popup-dialog-buttons input[type="button"],
button#cancel-edit,
button#cancel-comment-removal,
button#confirm-sort,
#wrapper-applicant #cv-export-info a,
#popup-dialog-buttons input[type="button"],
#popup-dialog-buttons #cancel-dialog,
#new-subscription,
#cancel-subscription-creation,
div.e-store .product-card-button,
#store-suggestion-link-container .product-card-button,
.tips-description-wrapper .read-tip,
#create-new-survey-button,
#editable-survey-add-selected-questions,
#editable-survey-add-question,
.similar-applicant .mark-as-not-similar {
	padding: 0 10px;
	margin: 0;
	min-width: 70px;
	max-width: inherit;
	background-color: #07619B;
	background: #07619B;
	text-indent: 0;
	display: inline-block;
	color: #FFF;
	font-family: "Source Sans Pro", Arial, sans-serif;
	font-size: 13px;
	font-style: normal;
	height: 30px;
	line-height: 30px;
	text-decoration: none;
	text-align: center;
	cursor: pointer;
	border-radius: 2px;
}

.similar-applicant .mark-as-not-similar {
	color: #FFF !important;
	text-decoration: none !important;
	margin-top: 5px;
}

/* email preview scheduled messages buttons */
#wrapper-employer span.return-button {
	padding: 0 10px;
	margin: 0 5px;
	min-width: 70px;
	max-width: inherit;
	background-color: #07619B;
	background: #07619B;
	text-indent: 0;
	display: inline-block;
	color: #FFF;
	font-family: "Source Sans Pro", Arial, sans-serif;
	font-size: 13px;
	font-style: normal;
	height: 30px;
	line-height: 30px;
	text-decoration: none;
	text-align: center;
	cursor: pointer;
	border-radius: 2px;
}

#wrapper-employer span.delete-button {
	padding: 0 10px;
	margin: 0;
	min-width: 70px;
	max-width: inherit;
	background-color: #fb1100 !important;
	background: #fb1100 !important;
	text-indent: 0;
	display: inline-block;
	color: #FFF;
	font-family: "Source Sans Pro", Arial, sans-serif;
	font-size: 13px;
	font-style: normal;
	height: 30px;
	line-height: 30px;
	text-decoration: none;
	text-align: center;
	cursor: pointer;
	border-radius: 2px;
	margin-right: 5px;
	margin-left: 5px;
}

#wrapper-employer span.return-button a {
	display: inline-block;
	color: white;
	text-decoration: none;
}

#wrapper-employer span.delete-button a {
	display: inline-block;
	color: white;
	text-decoration: none;
}

div.applicant div.submit-button input.submit[name="create"] {
	margin-left: 23px;
}

div.applicant div.ap-order-job-agent div.submit-button input.submit[type="submit"] {
	margin-top: 5px;
}

#wrapper-employer div.e-ahr div.submit-button {
	margin-left: 14px;
}

div.reset-button {
	margin: 0;
	background-image: none;
}

#wrapper-employer div.reset-button input[type="reset"].mouseout,
#wrapper-employer div.reset-button input[type="reset"],
#wrapper-employer div.submit-button input[name="clear_search"],
#wrapper-employer div.submit-button input[name="clear_search"].mouseout,
#wrapper-applicant div.submit-button input[name="clear"],
#wrapper-applicant div.submit-button input[name="clear"].mouseout,
#wrapper-employer div.reset-button input[type="submit"] {
	padding: 0 10px 0 10px;
	margin: 0;
	min-width: 80px;
	background: #ee712a;
	border-radius: 2px;
	text-indent: 0;
	display: inline-block;
	color: #FFF;
	font-family: "Source Sans Pro", Arial, sans-serif;
	font-size: 13px;
	font-style: normal;
	height: 30px;
	line-height: 30px;
	text-decoration: none;
	text-align: center;
	cursor: pointer;
}

div.search-buttons {
	margin-left: 13px;
}

#wrapper-employer div.em-project-form div.submit-button input[type="submit"] {
	margin-left: 8px;
}

#wrapper-employer div.normal_search_form div.submit-button {
	margin-left: 26px;
	width: 350px;
	margin-right: 0;
	display: initial !important;
}

#wrapper-employer div.normal_search_form .disabled_submit {
	background-color: #888 !important;
}

#wrapper-employer div.reset-button {
	width: 100px;
	margin-left: 27px;
	display: initial !important;
}

#timespan label {
	margin-bottom: 7px;
}

/* Specific submit button styles */
div.normal_search_form div.submit_row {
	width: 100%;
	margin-left: 350px;
	margin-top: 20px;
	margin-bottom: 20px;
}

#wrapper-employer .comment-section div.submit-button {
	margin-left: 13px;
	margin-top: 20px;
	margin-bottom: 5px;
}

#wrapper-employer div.em-applicant-classifications div.submit-button {
	margin-left: 3px;
}

form#create_job_form div.submit-button {
	margin-left: 2px;
}

div.normal_search_form div.submit_row div.reset-button {
	margin-left: 20px;
}

div.ap_job_login div.submit-button {
	margin-left: 330px;
}

div.ap_preview div.submit {
	height: 30px;
	margin-bottom: 20px;
}

div.search_results div.add_all input {
	margin-left: -6px;
}

div.ap_jobnotify div.submit-button {
	padding-left: 0;
}

div#wrapper-employer div.form_preview div.submit-button {
	margin: 5px 0 0 13px;
}

div#wrapper-applicant div.ap-order-job-agent {
	margin-bottom: 20px;
	padding-left: 12px;
}

/* Red button for delete and removal */
#wrapper-employer div.submit-button input[name="_qf_UserForm_deleteUser"],
div.context_menu div.mass_remove a,
div.context_menu div.mass_remove a:link,
div.context_menu div.mass_remove a:visited,
div.context_menu div.remove_application a,
#wrapper-employer div.submit-button.delete input.submit,
div.context_menu div.remove_applicant a,
div.context_menu div.remove_job a,
div.context_menu div.remove_expert_need a,
div.context_menu div.remove-need a,
div.delete_project a,
div.delete_project a:link,
div.delete_project a:visited,
div.context_menu div.remove_application a,
#wrapper-employer div.the_list input[name="reject_proposal"],
#allow-modifications-form #disallow,
button#accept-comment-removal,
div.context_menu div.remove-co-determination-profile a {
	color: #FFF;
	padding: 0 10px;
	margin: 0;
	min-width: 80px;
	max-width: inherit;
	width: initial;
	background: #fb1100;
	border-color: #fb1100;
	border-radius: 2px;
	text-indent: 0;
	display: inline-block;
	font-family: "Source Sans Pro", Arial, sans-serif;
	font-size: 13px;
	font-style: normal;
	height: 30px;
	line-height: 30px;
	text-decoration: none;
	text-align: center;
	cursor: pointer;
}

/* Generated form styles. */
div.empty_row {
	clear: both;
	margin-bottom: 8px;
}

div.question_row,
#wrapper-applicant .survey-form-question-container {
	margin-bottom: 8px;
}

#wrapper-employer div.question_row,
#wrapper-other-cover div.question_row{
	overflow: hidden;
	margin-bottom: 6px;
	padding-top: 2px;
}

/* Firefox focusborder fix */
#wrapper-employer .e-cj div.question_row,
#wrapper-employer .e-mj div.question_row,
#wrapper-employer .e-cp div.question_row,
#wrapper-employer .e-mp div.question_row,
#wrapper-employer .e-cja div.question_row,
#wrapper-employer .e-mja div.question_row,
#wrapper-employer .e-cc div.question_row,
#wrapper-employer .e-mcm div.question_row,
#wrapper-employer .e-mcp div.question_row,
#wrapper-employer .e-mcc div.question_row,
#wrapper-employer .e-ccd div.question_row,
#wrapper-employer .e-mcd div.question_row,
#wrapper-employer .e-mcdp div.question_row,
#wrapper-employer .e-mq div.question_row {
	overflow: initial;
}

#wrapper-employer .e-cj div.answer_col,
#wrapper-employer .e-mj div.answer_col,
#wrapper-employer .e-cp div.answer_col,
#wrapper-employer .e-mp div.answer_col,
#wrapper-employer .e-cja div.answer_col,
#wrapper-employer .e-mja div.answer_col,
#wrapper-employer .e-cc div.answer_col,
#wrapper-employer .e-mcm div.answer_col,
#wrapper-employer .e-mcp div.answer_col,
#wrapper-employer .e-mcc div.answer_col,
#wrapper-employer .e-ccd div.answer_col,
#wrapper-employer .e-mcd div.answer_col,
#wrapper-employer .e-mcdp div.answer_col,
#wrapper-employer .e-mq div.answer_col {
	float: none;
}

#wrapper-employer .e-ahr div.answer_col {
	width: auto;
}

div.question_row div.question_col,
div.em-edit-question-section div.employer_question_col {
	width: 100%;
	float: left;
	clear: left;
	padding-right: 4px;
	padding-left: 12px;
	margin-bottom: 5px;
	font-size: 16px;
	font-weight: bold;
	box-sizing: border-box;
}

div.question_row div.answer_col {
	width: 100%;
	float: left;
	padding-left: 12px;
	box-sizing: border-box;
}

div.answer_row {
	margin-bottom: 8px;
	overflow: hidden;
	width: 100%;
}

div.answer_row div.question_col {
	width: 32%;
	font-weight: bold;
	float: left;
	clear: left;
	padding-right: 4px;
}

.em_open div.answer_row div.question_col {
	max-width: 300px;
}

div.answer_row div.answer_col {
	width: 67%;
	float: left;
}

#html-e-o div.answer_row div.answer_col {
	width: 67%;
	max-width:700px;
	word-break: break-word;
	float: left;
}

div.select_note {
	font-size: 12px;
	color: #F47A00;
}

div.submit_row {
	text-align: left;
	width: 100%;
	margin-top: 5px;
	margin-bottom: 15px;
}

div.submit_row input.reset {
	margin-left: 80px;
}

#wrapper-employer div.answer_col td {
	vertical-align: inherit;
}

#wrapper-employer div.question_row div.question_col {
	font-size: 15px;
}

#wrapper-employer div.passive-link {
	margin-top: 0;
	color: #808080;
	padding: 0 10px;
	margin: 0;
	min-width: 80px;
	background-image: none;
	max-width: inherit;
	width: initial;
	border-radius: 2px;
	text-indent: 0;
	border: 1px solid #808080;
	display: inline-block;
	font-size: 13px;
	font-weight: bold;
	font-style: normal;
	height: 30px;
	line-height: 30px;
	text-decoration: none;
	text-align: center;
}

.script_hidden,
.survey-remaining-characters-indicator {
	font-weight: normal;
	font-size: 12px;
}

.comment-section div.answer_col label {
	margin-left: 0;
}

/* Search form. */
div.normal_search_form {
	clear: both;
}

div.normal_search_form div.section {
	clear: left;
}

* html div.normal_search_form {
	width: 460px;
}

div.normal_search_form div.section div.sectiontitle {
	clear: left;
	background-color: #e4f0fe;
}

div.normal_search_form div.section div.sectiontitle,
div.select_user div.section div.sectiontitle,
div.user_search div.section div.sectiontitle,
form#em-co-determination-search-form div.sectiontitle,
div.system-settings div.sectiontitle {
	border: none;
	background: none;
	background-repeat: no-repeat;
	background-position: right;
	display: block;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px;
	border-bottom: 1px solid #DDD;
	color: #07619B;
	padding: 10px 10px 10px 2px;
}

div.job_search div.section div.sectiontitle,
div.select_user div.section div.sectiontitle {
	border-bottom: 0;
}

div.normal_search_form div.question_col,
form#em-co-determination-search-form div.question_col {
	width: 207px;
	float: left;
	margin-right: 10px;
}

div.normal_search_form div.answer_col {
	width: 70%;
	float: left;
}

div.question_row span.instructions {
	margin-left: 8px;
	font-size: 12px;
}

div.normal_search_form div.answer_col span.error {
	text-align: center;
	font-weight: bold;
	background-color: transparent;
	color: #ff0000;
}

div.normal_search_form div.search-forms,
div.savedlist-pages,
div.system-settings-tabs {
	font-weight: bold;
	padding: 3px 0;
	margin-bottom: 5px;
	clear: left;
}

div.savedlist-pages {
	padding: 15px 0;
	font-size: 18px;
}

div.normal_search_form div.search-forms div,
div.savedlist-pages div,
div.system-settings div.system-settings-tabs div {
	padding: 7px 8px 7px 8px;
	display: inline;
}

div.normal_search_form div.dmy_row input,
div.normal_search_form div.dmy_row input[name*="[day]"],
div.normal_search_form div.dmy_row input[name*="[day2]"],
div.normal_search_form div.my_row input[name*="[day]"],
div.normal_search_form div.my_row input[name*="[day2]"],
div.normal_search_form div.dmy_row input[name*="[month]"],
div.normal_search_form div.dmy_row input[name*="[month2]"],
div.normal_search_form div.my_row input[name*="[month]"],
div.normal_search_form div.my_row input[name*="[month2]"] {
	width: 47px;
	text-align: center;
	padding-left: 5px;
	padding-right: 5px;
}

div.normal_search_form div.dmy_row input[name*="[year]"],
div.normal_search_form div.dmy_row input[name*="[year2]"],
div.normal_search_form div.my_row input[name*="[year]"],
div.normal_search_form div.input_row input[name*="[days]"] {
	width: 54px;
	text-align: center;
	padding-left: 5px;
	padding-right: 5px;
}

div.normal_search_form div.my_row input[name*="[start]"],
div.normal_search_form div.my_row input[name*="[end]"] {
	width: 60px;
}

div.e-nsp div.normal_search_form div.submit_row,
div.e-os div.normal_search_form div.submit_row {
	margin-left: 242px;
	text-align: left;
}

#wrapper-employer div.e-nsp div.normal_search_form div.submit_row div.submit-button,
#wrapper-employer div.e-nsp div.normal_search_form div.submit_row div.reset-button,
#wrapper-employer div.e-os div.normal_search_form div.submit_row div.submit-button,
#wrapper-employer div.e-os div.normal_search_form div.submit_row div.reset-button {
	margin-left: 5px;
}

#wrapper-employer div.e-rup table.job_search_form td.submit {
	padding-left: 222px;
	text-align: left;
	padding-bottom: 10px;
}

div.show-jobs {
	color: gray;
	display: inline;
	margin-right: 7px;
}

div.show-jobs-info {
	display: inline;
	margin-right: 7px;
}

div.help {
	width: 100%;
	padding: 5px 11px;
}

/* Forms. */
div.employer div.em-send-application,
div.job_search form#job_search_form,
div.user_form,
div.em-project-form,
div.expert_need_view,
div.create_job_form,
div.interview_page,
form.normal_search_form,
div.recruitment_plan_form,
#wrapper-employer form#need-hour-report-search-form,
#wrapper-employer div.need-search form#need_search_form,
#wrapper-employer div.em-modify-question form,
#wrapper-employer div.e-o div.cont3,
#wrapper-employer div.em-match-form form,
div.em-co-determination-form,
form#em-co-determination-search-form,
div.department_form,
div.department_group_form {
	padding: 10px;
	margin-top: 2px;
	clear: both;
}

/*Employer modify questions view specific modifications*/

#wrapper-employer div.em-modify-question form {
	max-width: 720px;
}

#wrapper-employer div.em-modify-question form textarea {
	min-height: 100px;
}

#wrapper-employer .e-shr form#need-hour-report-search-form {
	width: 780px;
}

.e-lmm div.mass_mail,
.e-lmmas div.mass_mail,
.e-mmm div.mass_mail,
.e-pmm div.mass_mail,
.e-mmml div.mass_mail,
.e-lmmcs div.mass_mail,
.e-sm div.mass_mail {
	border: none;
	width: inherit;
}

.e-lmm div.mass_mail form,
.e-pmm div.mass_mail form,
.e-mmml div.mass_mail form,
.e-mmm div.mass_mail form,
.e-lmmas div.mass_mail form,
.e-lmmcs div.mass_mail form,
.e-sm div.mass_mail form,
.e-lmmt div.mass_mail form,
.e-cplmm div.mass_mail form {
	width: 100%;
	margin: 10px 0;
	padding: 10px 0;
}

.e-lmmcs div.mass_mail form input[type="text"],
.e-lmmas div.mass_mail form input[type="text"],
.e-pmm div.mass_mail form input[type="text"],
.e-mmm div.mass_mail form input[type="text"],
.e-mmml div.mass_mail form input[type="text"],
.e-sm div.mass_mail form input[type="text"] {
	font-family: inherit;
	font-style: inherit;
	font-variant: inherit;
	font-weight: inherit;
	line-height: inherit;
	font-size-adjust: inherit;
	font-stretch: inherit;
	-moz-font-feature-settings: inherit;
	-moz-font-language-override: inherit;
	color: #666;
	height: 20px;
	padding: 0 0 0 5px;
	margin: 0;
	width: 97%;
	border-radius: 4px;
	font-size: 16px;
	min-height: 40px;
}

.e-lmm div.mass_mail form input[type="text"] {
	font-family: inherit;
	font-style: inherit;
	font-variant: inherit;
	font-weight: inherit;
	line-height: inherit;
	font-size-adjust: inherit;
	font-stretch: inherit;
	-moz-font-feature-settings: inherit;
	-moz-font-language-override: inherit;
	height: 20px;
	padding: 0 0 0 5px;
	margin: 0;
	width: 97%;
	border-radius: 4px;
	font-size: 16px;
	min-height: 40px;
}

.e-lmm div.mass_mail form td.choice textarea,
.e-lmmcs div.mass_mail form td.choice textarea,
.e-lmmas div.mass_mail form td.choice textarea,
.e-pmm div.mass_mail form td.choice textarea,
.e-mmml div.mass_mail form td.choice textarea,
.e-mmm div.mass_mail form td.choice textarea,
.e-sm div.mass_mail form td.choice textarea {
	resize: vertical;
	border: 1px solid #CECECE;
	background: none repeat scroll 0 0 #FDFDFD;
	color: #666;
	padding: 5px;
	margin: 0;
	width: 97%;
	border-radius: 4px;
	font-size: 16px;
	min-height: 40px;
	margin-left: 0;
	margin-bottom: 10px;
	font-weight: normal;
}

#wrapper-employer .e-pmm div div.mass_mail form {
	float: left;
	border: 0;
	padding-bottom: 20px;
}

table.mass_mail_form,
table.sent-sms,
table.mass_mail_form tr.mode_on {
	background-color: #FFF;
}

table.mass_mail_form .mass_mail_timed_fields,
table.mass_mail_form .mass_mail_preview_checkbox {
	display: none;
}

table.mass_mail_form .mass_mail_hide_border {
	border-width: 0;
	padding-left: 0;
}

div.normal_search_form div.search-forms,
div.system-settings-tabs {
	margin: 50px 0 50px 0;
	vertical-align: top;
	border: none;
}

#wrapper-employer div.selected-form {
	padding-top: 11px;
	margin-bottom: 20px;
	font-size: 18px;
	color: #005796;
}

div.not-selected-form {
	border: none;
}

div.not-selected-form a {
	color: #005796;
	text-decoration: underline;
	font-weight: normal;
}

div.start-date input[type="text"],
div.end-date input[type="text"] {
	max-width: 42px;
}

form.quickform div.submit-button div.question_col {
	display: none;
}

/* Inline-blocks for form */
div.answer_col span.day,
div.answer_col span.month,
div.answer_col span.year,
div.answer_col span.hours,
div.answer_col span.mins {
	display: inline-block;
}

div.check_row div.answer_col label,
div.radio_row div.answer_col label {
	display: inline-block;
}

span.se_text_se_date {
	display: inline-block;
}

.application-view-button-container {
	text-align: center;
	color: #07619B;
}

div.em-ap-top-nav div.application-view-counter-container {
	cursor: default;
}

div.em-ap-top-nav img,
div.em-ap-bottom-nav img,
div.direct-ap-top-nav img,
div.direct-ap-bottom-nav img {
	width: 25px;
}

.application-view-counter-container img {
	height: 26px;
}

.application-view-button-container {
	display: flex;
}

a.application-view-return-to-previous-view-element {
	text-decoration: none;
	display: flex;
	align-items: center;
}

.application-view-button-container .previous-result {
	margin-right: 10px;
}

.application-view-button-container .next-result {
	margin-left: 10px;
}

.application-view-button-container a.previous-result,
.application-view-button-container a.next-result {
	text-decoration: none;
	text-align: center;
}

a.application-view-previous-result-button-disabled,
a.application-view-next-result-button-disabled {
	color: #A5A5A5;
	cursor: default;
}

div.em-ap-bottom-nav {
	margin-top: 20px;
}

div.em_open div.section div.sectiontitle,
div.interview_page div.section div.sectiontitle,
div.form_preview div.section div.sectiontitle,
div.em-project-form div.sectiontitle,
div.em-match-form div.sectiontitle,
div.hour-report-form div.sectiontitle,
div.ap-hour-report-form div.sectiontitle,
form#job-search-form div.sectiontitle,
form#project-search-form div.sectiontitle,
div.job_search div.section div.sectiontitle,
div#wrapper-employer div.em_open .communicationstitle,
div.em-co-determination-form div.sectiontitle,
div.em-co-determination div.section div.sectiontitle,
.comment-section div.section div.sectiontitle {
	border: none;
	background: none;
	background-repeat: no-repeat;
	background-position: right;
	color: #07619B;
	display: block;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px;
	padding: 12px;
	padding-left: 3px;
}

.comment-section div.section div.sectiontitle {
	margin-bottom: 0px;
}

body#body-e-expr .comment-section {
	padding-bottom: 20px;
	border-top: 3px solid #ccc;
	border-bottom: 1px solid #ccc;
}

div.ap-job-classification div.section div.sectiontitle {
	border: none;
	background: none;
	background-repeat: no-repeat;
	background-position: right;
	color: #999;
	display: block;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px;
	padding: 12px;
	padding-left: 3px;
}

div.em-similar-applicants table {
	width: 60%;
}

div.em-similar-applicants td {
	padding: 2px;
}

div.em-similar-applicants tr:hover {
	background-color: #F0F0EA;
	cursor: pointer;
}

div.em-similar-applicants tr a:hover {
	background-color: #B2DCF0;
	cursor: pointer;
}

div.em-similar-applicants tr a.mark {
	padding: 2px;
}

div.em_need_log,
div.em_plan_log,
div.em-job-log {
	color: #000;
	margin-top: 2px;
}

div.em_need_log,
div.em_plan_log,
div.em-log-project,
div.hour-report-log,
div.ap-hour-report-log,
div.em-job-log,
div.em-log-co-determination,
div.em-log-co-determination-profile,
div.em-log-job-agent,
div#em-sharedlist-changes .log-entries-list,
#interview-calendar-log .entries {
	clear: both;
	display: block;
	height: auto;
	margin-bottom: 40px;
	padding: 10px;
	position: relative;
	vertical-align: top;
	width: auto;
	border-bottom: 1px solid #CCC;
}

.log-entries-list {
	padding: 10px;
	display: none;
	overflow: auto;
}

.em-sharedlist-log .log-entries-list {
	max-height: 150px;
}

#shared-list-log-header {
	font-weight: bold;
	display: inline-block;
	cursor: pointer;
}

.show-hide-extra-data {
	float: right;
}

#shared-list-log-header img {
	width: 8px;
	margin-left: 10px;
}

.date-search-dash {
	display: inline-block;
	margin-bottom: 7px;
}

div.em-sharedlist-log div.log,
div#em-sharedlist-changes div.log {
	margin-bottom: 0;
}

div.em-ap-log span.log-time,
div.em_need_log span.log-time,
div.em_plan_log span.log-time,
div.em-log-project span.log-time,
div.hour-report-log span.log-time,
div.ap-hour-report-log span.log-time,
div.em-sharedlist-log span.log-time,
div.em-job-log span.log-time,
div.em-log-co-determination span.log-time,
div.em-log-co-determination-profile span.log-time,
div.em-log-job-agent span.log-time,
table.em-application-comments td.comment-time,
#interview-calendar-log .log-time {
	font-size: 12px;
	color: #999;
}

.em-sharedlist-log {
	margin: 10px 0;
}

div.em-ap-log div.filled-by-user {
	font-weight: bold;
	color: #dd5f00;
}

div.mbp-integration {
	float: right;
	margin-top: 20px;
}

/* Scrollable logs. */
div.employer div.em-log-project,
div.employer div.em-job-log,
div.employer div.em_need_log,
div.employer div.em_plan_log,
div.employer div.hour-report-log,
div.ap_application_log,
div.employer div.em-log-co-determination,
div.employer div.em-log-co-determination-profile,
div.employer div.em-log-job-agent,
#interview-calendar-log .entries {
	max-height: 120px;
	overflow-x: hidden;
	overflow-y: auto;
}

div.employer div.em-sharedlist-log,
div.employer #em-sharedlist-changes {
	border: 0;
	margin-bottom: 10px;
}

div.employer div.hour-report-form div.hour-report-log,
div.employer div.hour-report-form div.required_fields_info {
	margin-left: 13px;
}

div.em-ap-list-list {
	background-color: #FFF;
	color: #000;
	border: none;
	padding: 10px;
	margin-bottom: 10px;
	margin-top: 2px;
}

div.em_open div.answer_row,
body#body-e-expr div.comment-section div.answer_row {
	padding-left: 12px;
}

div.em_open div.section div.sectionemptytitle {
	clear: both;
}

div.em_open div.with_photo div.sectiontitle {
	border: 0;
}

div.direct_open div.section,
div.ap_preview div.section {
	clear: both;
}

div.direct_open div.with-photo,
div.ap_preview div.with_photo,
div.direct_open div.after-photo,
div.ap_preview div.after-photo {
	clear: none;
}

div.direct_open div.after-photo {
	float: left;
	width: 75%;
}

div.ap_preview div.after-photo {
	float: left;
	width: 60%;
}

div.direct_open div.after-photo div.question_col {
	width: 30%;
}

div.ap_preview div.after-photo div.question_col {
	width: 50%;
	margin: 0;
}

div.direct_open div.after-photo div.answer_col {
	width: 65%;
}

div.ap_preview div.after-photo div.answer_col {
	width: 49%;
	margin: 0;
}

.comment-section div.section div.help,
div.interview_page div.section div.help,
div.form_preview div.section div.help {
	background-color: #FFF;
	color: #000;
	padding: 8px;
	border-radius: 4px;
	border: #164B8F 1px solid;
	border-left: #164B8F 4px solid;
	border-right: #164B8F 4px solid;
	margin: 20px 0;
}

.comment-section div.section div.help,
div.interview_page div.section div.help,
div.form_preview div.section div.help {
	background-color: #FFF;
	color: #000;
	padding: 10px;
	padding-right: 0;
}

.comment-section form,
.em-applicant-classifications form#applicant_form {
	padding: 20px;
}

div.interview_page div.submit,
div.form_preview div.submit {
	text-align: center;
}

/* Applicant's information page. */
div.applicant_info_general div.title,
div.applicant_info_similar div.title,
div.applicant_info_applications div.title,
div.applicant-info-forms div.title,
div.applicant_info_attachments div.title,
div.applicant-info-profiles div.title,
div.applicant-info-customers div.title,
.title.development-discussion-title {
	border: none;
	background: none;
	background-color: #FFF;
	background-repeat: no-repeat;
	background-position: right;
	color: #07619B;
	display: block;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px;
	padding: 10px;
}

div.applicant_info_attachments div.title {
	background: none;
}

div.applicant_info_general table td.question {
	font-weight: bold;
	vertical-align: middle;
	width: 20%;
}

div.applicant_info_general table td.answer {
	vertical-align: middle;
}
.applicant_info_general .first-class .answer {
	width: 100%;
}

div.e-oa .applicant_info_applications {
	margin-bottom: 10px;
}

div.applicant_info_applications table {
	box-shadow: 0 0 10px 0 #DDD;
}

div.applicant_info_applications tr.even,
div.applicant_info_applications tr.odd {
	border-top: 4px solid #F7F6F3;
}

div.applicant_info_applications tr.odd:nth-child(1) {
	border-top: none;
}

div.applicant_info_applications td.status-actions {
	display: block;
	text-align: right;
	overflow: hidden;
}

div.applicant_info_attachments div.instructions {
	font-size: 14px;
}

div.applicant_info_attachments table {
	margin-bottom: 10px;
}

div.applicant_info_attachments tr.odd {
	background-color: #EEE;
}

div.applicant_info_attachments tr.even {
	background-color: #FFF;
}

div.applicant_info_attachments tr.over {
	background-color: #faf0c7;
	cursor: pointer;
}

div.applicant_info_attachments td a.over {
	background-color: #faf0c7;
	cursor: pointer;
}

div.applicant_info_attachments a.remove_attachment {
	color: #07619B;
	padding: 2px;
}

div.applicant-info-linked-files div.content {
	padding: 3px;
	padding-left: 2px;
	font-weight: bold;
}

div.applicant-info-linked-files div.odd {
	background-color: #EEE;
}

div.applicant-info-linked-files div.even {
	background-color: #FFF;
}

div.applicant-info-linked-files div.over {
	background-color: #faf0c7;
	cursor: pointer;
}

div.applicant-info-linked-files div a.over {
	background-color: #faf0c7;
	cursor: pointer;
}

div.answer_col input.day[type="text"],
div.answer_col input.month[type="text"],
div.answer_col input.year[type="text"],
div.answer_col input.day2[type="text"],
div.answer_col input.month2[type="text"],
div.answer_col input.year2[type="text"],
div.answer_col input.hour[type="text"],
div.answer_col input.hour2[type="text"],
div.answer_col input.min[type="text"],
div.answer_col input.min2[type="text"] {
	max-width: 60px;
	width: 60px;
}

/* Direct mail styles. */
div.direct_open div.section div.sectiontitle {
	clear: both;
	font-weight: bold;
	border: none;
	background-color: #e4f0fe;
	background: none;
	background-repeat: no-repeat;
	background-position: right;
	color: #07619B;
	display: block;
	font-size: 20px;
	margin-bottom: 10px;
	padding: 10px;
}

div.direct_open div.with_photo div.sectiontitle {
	border: 0;
}

div.direct_open div.question_col {
	width: 23%;
	margin-left: 10px;
}

div.direct_open div.answer_col {
	width: 73%;
	margin-left: 10px;
}

div.direct_open div.with_photo div.answer_row {
	width: 80%;
}

/* Special hack for IE */
div.direct_open div.with_photo div.question_col {
	width: 36%;
}

div.direct_open div.with_photo div.answer_col {
	width: 62%;
}

div.direct_comment_sections div.section div.sectiontitle {
	border: none;
	clear: left;
	background-color: #f0efef;
	background: none;
	background-repeat: no-repeat;
	background-position: right;
	color: #07619B;
	display: block;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px;
	padding: 10px;
}

div.direct_comment_sections div.section div.question_col {
	width: 23%;
	float: left;
	padding-left: 12px;
}

div.direct_comment_sections div.section div.answer_col {
	width: 70%;
	float: left;
	margin-left: 10px;
}

div.direct_comment_sections div.status {
	background-color: #FFF;
	padding: 4px;
	border: none;
	padding-bottom: 15px;
}

/* Mass mails */
#wrapper-employer table.mass_mail_form tr.mode_on,
#wrapper-employer table.mass_mail_form tr.mode_off {
	background-color: #FFF;
}

/* Job creation. */
table.job_templates_form,
table.create_job_form {
	width: 100%;
	background: none;
	margin: 0;
}

table.create_job_form span#job-real-applytime-left {
	display: block;
	margin: 10px 0;
}

table.job_templates_form td,
table.create_job_form td {
	padding: 3px;
	border: none;
}

table.job_templates_form td span {
	float: left;
	margin-top: 4px;
	margin-left: 7px;
}

table.job_templates_form td select {
	margin-left: 10px;
	float: left;
}

#wrapper-employer table.job_templates_form div.submit-button {
	float: left;
	margin: 0;
	padding: 2px 0;
}

table.create_job_form tr td {
	padding-left: 10px;
}

table.create_job_form tr.name td {
	border-top: 1px solid #DDD;
	padding-top: 10px;
}

table.create_job_form tr.responsible-user td {
	border-top: 1px solid #DDD;
	padding-top: 10px;
}

table.create_job_form tr.description td {
	border-top: 1px solid #DDD;
	padding-top: 10px;
	padding-left: 6px;
}

/* Froala editor styles and overrides start */
#wrapper-employer .fr-box {
	max-width: 700px;
}

table.create_job_form tr.description .fr-box.fr-basic .fr-element,
table.mass_mail_form tr.mass-mail-content .fr-box.fr-basic .fr-element,
#body-e-css .fr-box.fr-basic .fr-element,
.em-project-form .fr-box.fr-basic .fr-element {
	min-height: 200px;
}

#body-e-css .fr-box.fr-basic .fr-element {
	max-height: 500px;
}

#wrapper-employer .fr-toolbar .fr-command.fr-btn,
#wrapper-employer .fr-popup .fr-command.fr-btn,
.fancybox-wrap .fr-toolbar .fr-command.fr-btn {
	margin: 0;
	width: 36px;
	height: 36px;
}

.description .fr-sticky-on {
	top: 60px !important;
}

.fr-modal-wrapper {
	width: 800px !important;
}

.fr-modal-body {
	max-height: 600px !important;
}

/* Hacks to hide certain elements, which can't be removed via configuration */
#linkList-1,
#videoUpload-1 {
	display: none;
}

/* Hide preview button in these views */
#body-e-mp .fr-toolbar button[id^="preview-"],
#body-e-cp .fr-toolbar button[id^="preview-"],
#body-e-css .fr-toolbar button[id^="preview-"] {
	display: none;
}

span.froala-error {
	font-size: 14px;
	text-align: center;
	background-color: transparent;
	color: #FF0000;
	padding-bottom: 2px;
	font-weight: bold;
}

.fr-popup {
	z-index: 9999 !important;
}

#body-e-css .fr-above {
	position: fixed;
}

.fr-draggable {
	min-width: 200px !important;
}

iframe.fr-draggable {
	display: block;
	margin: auto;
	max-width: 100%;
}

/* Froala image aligns to job page */
/* Center */
#wrapper-applicant img.fr-fic {
	display: block;
	margin: 0 auto;
}

/* Left inline aka text-wrap */
#wrapper-applicant img.fr-dii.fr-fil {
	display: inline-block;
	float: left;
	margin-left: 0;
	padding-right: 10px;
}

/* Left block*/
#wrapper-applicant img.fr-dib.fr-fil {
	display: block;
	margin-left: 0;
	padding-right: 10px;
}

/* Right inline aka text-wrap */
#wrapper-applicant img.fr-dii.fr-fir {
	display: inline-block;
	float: right;
	margin-right: 0;
	padding-left: 10px;
}

/* Right block */
#wrapper-applicant img.fr-dib.fr-fir {
	display: block;
	margin-right: 0;
	padding-left: 10px;
}
/* Froala editor styles and overrides end */

table.create_job_form tr.job-publication-header td,
table.create_job_form tr.job-messaging-settings-header td,
table.create_job_form tr.job-additional-settings-header td {
	padding: 20px 0 10px 10px;
}

table.create_job_form tr.job-groups td {
	border-top: 1px solid #DDD;
	padding-top: 10px;
}

table.create_job_form tr.folders {
	border-top: 1px solid #DDD;
	padding-top: 10px;
}

table.create_job_form td.question {
	font-weight: bold;
	width: 202px;
}

table.create_job_form label input[type="radio"],
.question_row .answer_col label input[type="radio"] {
	vertical-align: middle;
	margin-bottom: 3px;
	margin-left: 4px;
}

table.create_job_form label input[type="radio"] {
	margin-bottom: 4px;
}

table.create_job_form label input[type="checkbox"],
.question_row .answer_col label input[type="checkbox"] {
	vertical-align: top;
	margin-top: 3px;
	margin-left: 4px;
}

table.create_job_form input[name="name"] {
	width: 515px;
}

table.create_job_form td.submit {
	text-align: center;
}

div.em-job-log,
div.em_plan_log {
	border-bottom: 1px solid #CCC;
}

/* Job search */
div#wrapper-employer div.job_search {
	clear: both;
}

div.job_search form#job_search_form {
	background: none;
	border: none;
	margin-bottom: 2px;
	padding: 2px;
}

table.job_search_form td.question {
	font-weight: bold;
	padding-right: 5px;
	vertical-align: middle;
	width: 220px;
}

table.job_search_form td.submit {
	text-align: center;
	padding-top: 5px;
}

#wrapper-employer div.e-sj table.job_search_form td.submit {
	text-align: left;
	padding-top: 5px;
	padding-left: 222px;
	padding-bottom: 10px;
}

/* User search */
div.user_search form#user_search_form {
	background: none;
	border: none;
	margin-bottom: 2px;
	padding: 2px;
}

table.user_search_form td.question {
	font-weight: bold;
	padding-right: 5px;
	vertical-align: middle;
	width: 220px;
}

table.user_search_form td.submit {
	text-align: center;
	padding-top: 5px;
}

#wrapper-employer div.e-su table.user_search_form td.submit {
	text-align: left;
	padding-top: 5px;
	padding-left: 222px;
	padding-bottom: 10px;
}

/* Need search */
div.need-search form#need_search_form {
	margin-bottom: 2px;
	padding: 2px;
}

table.need_search_form td.submit {
	text-align: center;
	padding-top: 5px;
}

/* Need hour report search */
form#need-hour-report-search-form {
	margin-bottom: 2px;
	padding: 2px;
}

table.need-hour-report-search-form td.submit {
	text-align: center;
	padding-top: 5px;
}

/* Hour reports */
form#need-hour-report-search-form,
div.need-search form#need_search_form {
	width: 720px;
}

/* Need managements. */
div.need_view {
	border-top: 1px solid #DDD;
}

div.need_view p {
	padding: 10px;
}

table.need_info {
	margin-bottom: 5px;
	width: 100%;
	float: left;
}

div.pagesubtitle {
	border: none;
	background-color: #e4f0fe;
	clear: both;
	background: none;
	background-repeat: no-repeat;
	background-position: right;
	color: #999;
	display: block;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px;
	border-bottom: 1px solid #DDD;
	padding: 10px;
}

table.need_info td.header {
	padding: 2px 10px 2px 10px;
	font-weight: bold;
	vertical-align: top;
	width: 150px;
}

table.need_info td.data {
	padding: 2px;
}

table.need_info td.sms_offers {
	vertical-align: top;
}

table.sms-queue {
	margin: 5px;
}

table.sms-queue th {
	border: none;
	padding: 5px;
	text-align: center;
	background-color: #efefef;
}

table.sms-queue td {
	vertical-align: top;
}

table.sms-queue td.message {
	border: 1px solid #CCC;
	padding: 2px;
	font-style: italic;
}

table.sms-queue td.stand-in {
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
	padding: 2px;
	width: 150px;
}

table.sms-queue td.time {
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
	padding: 2px;
	text-align: center;
}

table.sms-queue td.refresh {
	padding: 2px;
	text-align: center;
}

table.sms-queue td.normal {
	background-color: #caf3f0;
}

table.sms-queue td.automatic {
	background-color: #a2c1f0;
}

table.sms-queue td.cancelled {
	background-color: #efcfcf;
}

table.sms-queue td.full {
	background-color: #afefaf;
}

table.sms-queue td.ok {
	background-color: #efefaf;
}

table.sms-queue td.duplicate {
	background-color: #efafef;
}

table.em_need_comments {
	background-color: #ffdfdf;
	border: 1px solid #c4d0de;
	margin-bottom: 5px;
	display: block;
}

table.em_need_comments td.comment-time,
table.em-application-comments td.comment-time {
	width: 110px;
	vertical-align: top;
}

table.em-application-comments {
	width: 100%;
	border-bottom: 1px solid #CCC;
	margin-top: 20px;
	margin-bottom: 5px;
}

table.em-application-comments tbody {
	max-height: 290px;
	overflow-y: auto;
	display: block;
}

table.em-application-comments-readonly {
	margin-top: 0;
	border-top: 1px solid #c4d0de;
}

table.em_need_comments td.comment {
	width: 810px;
}

table.em-application-comments td.remove-comment span.delete-section,
table.em_need_comments td.remove-comment span.delete-section {
	display: block;
	padding-left: 0;
	padding-right: 0;
	width: 16px;
	height: 16px;
}

table.need_standins,
table.sms-form {
	margin: 0 0;
	text-align: left;
	clear: both;
}

table.need_standins th,
table.sms-form th {
	border: 1px solid #E5EFF8;
	padding: 5px;
	background-color: #07619B;
	text-align: center;
	color: #FFF;
}

table.need_standins td,
table.sms-form td {
	border-bottom: 1px solid #CCC;
	padding: 5px;
	vertical-align: top;
}

table.need_standins td table.standin_list td {
	border: none;
	padding: 0 0 1px 2px;
}

table.need_standins td.submit,
table.sms-form td.submit {
	border: none;
	text-align: center;
	padding-top: 15px;
}

table.need_standins th {
	vertical-align: top;
}

table.need_standins th div.select-all-standins {
	font-weight: normal;
}

/* Direct SMS sending view. */
div.em-send-sms table.sms-form td textarea {
	width: 300px;
	height: 200px;
	max-height: 500px;
}

table.expert_need_info {
	margin-bottom: 5px;
}

table.expert_need_info td.header {
	padding: 2px 10px 2px 2px;
	font-weight: bold;
	vertical-align: top;
}

table.expert_need_info td.data {
	padding: 2px;
}

table.expert_need_info table.expert_list {
	border: 1px solid #CCC;
}

table.expert_need_info table.expert_list th {
	padding: 2px 10px 2px 2px;
	font-weight: bold;
	color: #000;
	background-color: #EEE;
}

table.expert_need_info table.expert_list td {
	padding: 2px;
}

/* User & group management. */
span.small_title_text {
	font-weight: normal;
}

div.user_form {
	margin-top: 5px;
}

div.user_form select {
	max-width: 320px;
}

div span.rest-api-user {
	border: 1px solid #333;
	padding: 2px;
	top: 5px;
	margin: 5px 4px 0 5px;
	font-size: 90%
}

/* Statistics. */
div.statistics {
	margin-top: 5px;
	border: 1px solid #c4d0de;
}

div.statistics image {
	margin-bottom: 10px;
	clear: both;
}

table.data td {
	border: 1px solid #888;
}

div.statistics table.data {
	margin-top: 10px;
	width: 398px;
	border: 1px solid #000;
	float: left;
}

div.statistics table.data tr.total {
	background-color: #AAA;
}

div.statistics div.export_instructions {
	margin-top: 10px;
	padding: 4px;
	width: 370px;
	border: 1px solid #c4d0de;
	float: right;
}

/* Setting of password. */
div.ap-set-password,
div.em-set-password {
	margin-top: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-radius: 2px;
}

#wrapper-applicant .ap-set-password-form-content-element,
#wrapper-login .em-set-password-form-content-element {
	margin: 10px 0 0 0;
}

#wrapper-applicant .ap-set-password-form-content-label,
#wrapper-login .em-set-password-form-content-label {
	font-weight: bold;
}

#wrapper-applicant .ap-set-password-form-content-value,
#wrapper-login .em-set-password-form-content-value {
	width: 100%;
}

#wrapper-applicant .ap-set-password-form-content-submit {
	text-align: center;
	width: 100%;
	margin-top: 20px;
	float: left;
	clear: both;
}

#wrapper-login .em-set-password-form-content-submit {
	text-align: center;
	width: 100%;
	margin-top: 20px;
}

#set-password-username {
	font-weight: normal;
	cursor: auto;
}

div.password_retrieval span.explanation {
	font-weight: bold;
}

div.password_retrieval div.info {
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
	overflow: hidden;
	width: 396px;
	padding: 2px;
	background: #FFF;
	border: none;
/* To ensure that no font, that for example only uses caps, is ever used */
	font-family: "Arial", sans-serif !important;
	text-decoration: none !important;
}

div.password_retrieval div.labels {
	width: 135px;
	font-weight: bold;
	float: left;
}

div.password_retrieval div.values {
	float: left;
}

div#wrapper-employer div.password_retrieval {
	max-width: 40%;
	margin: 10px auto;
	width: 90%;
	text-align: center;
}

div#wrapper-employer div.employer {
	overflow: hidden;
}

#wrapper-applicant .set-password-error-text,
#wrapper-login .set-password-error-text {
	font-weight: normal;
	color: #333;
}

/* Other employer-side styles. */
table.mass_mail_form td.question {
	border: none;
	min-width: 200px;
	padding: 10px;
	font-weight: bold;
}

table.mass_mail_form #placeholders-help-text {
	font-weight: bold;
}

div#wrapper- div.main_cont1.e-vmm table.mass_mail_form td.question {
	min-width: 120px;
	display: inline-block;
}

#wrapper-employer div.main_cont1.e-lmm div.mass_mail form textarea {
	font-weight: normal;
}

#wrapper-employer div.main_cont1.e-lmm div.cont3 div.mass_mail form div.submit_row,
#wrapper-employer div.main_cont1.e-sm div.cont3 div.mass_mail form div.submit_row,
#wrapper-employer div.main_cont1.e-pmm div.cont3 div.mass_mail form div.submit_row,
#wrapper-employer div.main_cont1.e-mmml div.cont3 div.mass_mail form div.submit_row,
#wrapper-employer div.main_cont1.e-mmm div.cont3 div.mass_mail form div.submit_row,
#wrapper-employer div.main_cont1.e-etu div.cont3 div.mass_mail form div.submit_row,
#wrapper-employer div.main_cont1.e-lmmas div.cont3 div.mass_mail form div.submit_row,
#wrapper-employer div.main_cont1.e-lmmt div.cont3 div.mass_mail form div.submit_row {
	margin-left: 222px;
}

/* Email to users stylings */
#wrapper-employer div.main_cont1.e-etu #mode_fixed_row td.question,
#wrapper-employer div.main_cont1.e-etu tr:nth-child(2) td.question,
#wrapper-employer div.main_cont1.e-etu tr:nth-child(3) td.question,
#wrapper-employer div.main_cont1.e-etu tr:nth-child(4) td.question,
#wrapper-employer div.main_cont1.e-etu tr:nth-child(5) td.question {
	font-weight: bold;
}

table.mass_mail_form,
table.sent-sms {
	width: 100%;
	background-color: #FFF;
}

table.mass_mail_form td,
table.sent-sms td {
	padding: 2px;
}

table.mass_mail_form label {
	display: block;
	float: left;
}

table.mass_mail_form #mode_fixed,
table.mass_mail_form #mode_open {
	float: right;
}

table.mass_mail_form tr.mode_on {
	background-color: #c2e2ff;
}

table.mass_mail_form tr.mode_off {
	background-color: #dedede;
}

table.mass_mail_form td div.receivers {
	max-height: 150px;
	overflow-y: scroll;
}

.mass_mail form {
	float: left;
	overflow: visible;
	margin-right: 10px;
}

div.view-sms {
	clear: both;
}

form.logo_form {
	margin-top: 20px;
}

form.logo_form input {
	margin-bottom: 10px;
}

form.logo_form input.submit {
	margin-top: 10px;
}

/* General applicant-side styles. */
span.search_time {
	color: #666;
	font-size: 12px;
}

input.error,
select.error,
textarea.error,
.survey-missing-required-answer input,
.survey-missing-required-answer select,
.survey-missing-required-answer textarea,
.survey-required-information-missing input,
.survey-required-information-missing textarea {
	font-weight: bold;
	background-color: #ffcccc;
	background: none repeat scroll 0 0 #FFCFBA;
	border: 1px solid #FF9999;
	color: #333;
	font: inherit;
}

input.error[type="password"] {
	font-weight: normal;
}

div.info {
	vertical-align: top;
	color: #000;
	border: 1px solid #99cc99;
	position: relative;
	width: 665px;
	padding: 10px;
	background-color: #f0fff0;
	display: block;
	height: auto;
	margin-bottom: 10px;
}

div.applicant_logo {
	float: left;
	padding: 30px 0;
}

div.applicant_logo img {
	max-width: 100%;
	height: auto;
	transform: translateZ(0);
}

div.ap_languages {
	position: absolute;
	top: -50px;
	right: -22px;
}

td.lang_text {
	display: none;
}

div.ap_open_jobs,
.applicant .book-need {
	padding-bottom: 15px;
	width: 100%;
}

div.ap_open_application_jobs {
	clear: both;
	padding: 5px 0;
	width: 100%;
	font-weight: bold;
}

div.ap_open_application_jobs p {
	font-weight: normal;
}

div.job_listing_intro_text {
	float: right;
}

.fieldset1col label {
	display: inline-block;
}

/* Applicant top options. */

div.ap_top_login,
div.ap_link_to_job_list,
div.ap_register_specification {
	max-width: 380px;
	float: right;
	text-align: right;
	margin-top: 5px;
	clear: right;
}

.ap_top_login > a {
	display: block;
}

div.ap_link_to_job_list,
#wrapper-applicant div.a-loj div.ap_top_login {
	margin-top: 25px;
}

#wrapper-applicant div.main_cont1.a-xpr .submit-button {
	text-align: center;
}

div.ap_register_specification {
	clear: right;
}

/* Applicant login. */

div.ap_login {
	margin: 5px auto;
	max-width: 300px;
	text-align: center;
	padding: 20px 30px;
}

div.ap-login-wide {
	margin: 5px auto;
	width: 90%;
	text-align: center;
	padding: 20px 30px 20px 30px;
}

div.ap_login label {
	text-align: left;
	display: block;
	width: 100%;
	float: left;
}

div.ap_login label[for="password"] {
	padding-top: 5px;
}

#wrapper-applicant form#ap_login_form input[type="text"],
#wrapper-applicant form#ap_login_form input[type="password"] {
	height: 34px;
	box-sizing: border-box;
	width: 100%;
	font-size: 14px;
}

div.ap_login div.submit_row {
	margin-top: 10px;
}

div.ap_login form#ap_login_form div.submit_row input.submit {
	width: 100%;
	height: 34px;
}

div.ap_login div.status {
	margin-bottom: 14px;
}

#applicant-login-view-left {
	float: left;
}

#applicant-login-view-right {
	float: right;
}

#applicant-login-view-forgot-password {
	clear: both;
}

#applicant-login-view-left,
#applicant-login-view-right {
	width: 40%;
}

#applicant-login-view-left {
	margin: 5px 0 30px;
	padding: 20px 30px;
}

#applicant-login-view-left {
	border-right: 1px solid #CECECE;
}

#applicant-login-view-right div.ap_login {
	margin-left: 0;
	padding-left: 0;
}

/* Applicant forgotten login credentials. */
div.ap-forgotten-login-credentials-form,
div.ap-set-password-form,
div.em-forgotten-login-credentials-form {
	padding: 15px 20px 70px 20px;
	width: 75%;
	margin: 30px auto 0 auto;
}

div.ap-forgotten-login-credentials-form label,
div.ap-set-password-form label {
	font-weight: bold;
	margin-right: 4px;
	padding-left: 0;
}

div.ap-forgotten-login-credentials-form input#forgot-login-credentials-email {
	margin-top: 10px;
	margin-left: 0;
	font-weight: normal;
}

#wrapper-applicant div.ap-forgotten-login-credentials-form div.submit-button input[type="submit"] {
	margin-top: 5px;
}

#wrapper-applicant span.forgotten-login-credentials-inserted-email,
#wrapper-login span.forgotten-login-credentials-inserted-email {
	display: inline;
	text-align: left;
	text-decoration: underline;
	font-style: italic;
}

#wrapper-applicant div.ap-forgotten-login-credentials-form form,
#wrapper-applicant div.ap-set-password-form form {
	margin-top: 10px;
}

/* This is the same everywhere so  wrapper definition is not necessary. */
#forgotten-login-credentials-expired-link-header {
	font-weight: bold;
}

/* Applicant's application list. */
div.ap_application_list {
	margin: 5px;
}

div.ap_application_list tr.even {
	background-color: #FFF;
}

div.ap_application_list a.remove_application {
	color: #07619B;
}

/* Employee's development discussion list and contracts. */
div.ap-development-discussions div.even,
div.ap-development-discussions div.odd,
div.ap-contracts div.even,
div.ap-contracts div.odd {
	background-color: #FFF;
	width: auto;
	padding: 10px;
	border-bottom: 2px solid #F7F6F3;
	box-shadow: 0 0 10px #DDD;
}

div.ap-development-discussions div.over,
div.ap-contracts div.over {
	background-color: #F7F6F3;
	cursor: pointer;
}

#wrapper-applicant div.a-mdd form#application_form div.answer_row div.question_col {
	font-weight: bold;
}

/* Job information page. */
div.job-ad-intro-text {
	margin: 5px;
	padding: 4px;
	background-color: #FFF;
	border: none;
}

div.job-listing-footer-text {
	margin: 5px;
	padding: 4px;
	background-color: #FFF;
	border: none;
}

div.job_page,
ap-hour-report-form {
	padding: 10px;
	padding-bottom: 15px;
}

div.job_page div.job_name,
.ap-survey-name,
.ap-survey-submitted-title {
	text-align: center;
	font-weight: bold;
	font-size: 25px;
	background-color: transparent;
	color: #000;
	padding: 10px;
	padding-bottom: 0;
}

div.job_page span.error,
div.interview_page span.error,
div.ap_preview span.error,
.survey-missing-required-answer-field,
.survey-missing-required-answer-field-info {
	text-align: center;
	font-weight: bold;
	background-color: transparent;
	color: #ff0000;
}

div.job_description {
	border-bottom: none;
	padding: 20px;
}

div.job_start_end_times {
	clear: both;
	margin-top: 10px;
	margin-bottom: 30px;
	text-align: center;
}

div.job_start_end_times span.se_text {
	font-weight: bold;
	margin-left: 5px;
}

div.apply_to_job {
	clear: both;
	text-align: center;
	font-weight: bold;
	margin-top: 10px;
}

/* Application form. */
div.ap_application_log {
	width: 100%;
	border-bottom: 1px solid #CCC;
	margin-top: 20px;
	margin-bottom: 5px;
}

div.ap_application_log span.log-time {
	font-weight: bold;
}

form.application_form {
	margin: 10px;
	padding-bottom: 15px;
}

#wrapper-applicant div#consent-box {
	z-index: 10;
	border: 1px solid #c4d0de;
	padding: 1em;
	margin: 10px 0;
}

#wrapper-applicant #existing-consent {
	margin: 10px 0;
}

#wrapper-applicant #consent .error {
	display: block;
	text-align: left;
}

#wrapper-applicant .consent-error {
	border: 1px solid red !important;
}

form.application_form div.required_fields_info {
	clear: both;
}

div.ap-hour-report-form div.section div.sectiontitle {
	clear: left;
	border: none;
	background-color: #e4f0fe;
	background: none;
	background-repeat: no-repeat;
	background-position: right;
	color: #07619B;
	display: block;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px;
	padding: 15px 0 5px 23px;
	margin-left: -30px;
	max-width: 787px;
	margin-top: 30px;
}

#wrapper-applicant div.job_page div.section #rbnvideo_help {
	margin-top: 0;
}

div.job_page div.section div.question_row {
	padding-right: 15px;
}

div.job_page div.submit {
	text-align: center;
}

div.job_page div.question_row span.error,
.survey-missing-required-answer-field,
.survey-missing-required-answer-field-info{
	font-weight: bold;
	background-color: transparent;
	color: #ff0000;
}

div.attachment_row div.answer_col div.current_attachment,
div.picture_row div.answer_col div.current_picture {
	font-weight: bold;
}

div.job_page div.section div.video-row div.answer_col {
	clear: left;
}

div#wrapper-applicant div.job_description img,
.e-vj div.job_description img {
	max-width: 100%;
	height: auto;
	margin-bottom: 10px;
}

#wrapper-employer div.e-fi div.interview_page div.section div.question_row p {
	margin-left: 14px;
}

#wrapper-employer div.e-fi div.interview_page div.required_fields_info a {
	margin-left: 0;
}

#wrapper-employer div.e-fi div.interview_page div.radio_row div.answer_col label,
#wrapper-employer div.e-fi div.interview_page div.check_row div.answer_col label {
	margin-left: 0;
}

#wrapper-employer div.e-cp div.em-project-form div.radio_row div.answer_col label,
#wrapper-employer div.e-cp div.em-project-form div.check_row div.answer_col label {
	margin-left: 0;
}

#wrapper-employer div.e-nsp div.normal_search_form div.radio_row div.answer_col label,
#wrapper-employer div.e-nsp div.normal_search_form div.check_row div.answer_col label {
	margin-left: 0;
}

#wrapper-employer div.e-os div.normal_search_form div.radio_row div.answer_col label,
#wrapper-employer div.e-os div.normal_search_form div.check_row div.answer_col label {
	margin-left: 0;
}

/* Attachment page */
.ap_file_upload .error {
	text-align: center;
	font-weight: bold;
	background-color: transparent;
	color: #ff0000;
}

#wrapper-file_upload {
	background-color: #FFF;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

#wrapper-file_upload div.cont20 {
	border-style: none;
}

#html-a-uc #wrapper-file_upload,
#html-a-ua #wrapper-file_upload {
	background-color: #FFF;
}

/* Applicant containers */
div.cont12 {
	text-align: center;
	display: inline-block;
	width: 100%;
}

div.cont13 {
	margin-bottom: 10px;
	margin-top: 10px;
	padding: 0 5px;
	border: none;
	background-color: transparent;
}

div.cont16 {
	margin-top: 10px;
	display: none;
}

div.ap_footer {
	clear: none;
	float: right;
	display: inline-flex;
	align-items: flex-start;
	justify-content: space-between;
	width: 100%;
}

#laura-register-specification {
	margin-top: 15px;
}

div.ap-job-agent-separately-link {
	clear: none;
	float: left;
	padding: 10px 5px 10px 3px;
	display: inline;
}

div.ap_footer div a,
div.ap-job-agent-separately-link a,
div.ap_footer div,
div.ap-job-agent-separately-link div {
	margin: 1px;
}

#body-a-ojas .cont13 {
	padding-bottom: 0;
}

div.ap_footer div {
	float: right;
	padding-top: 6px;
	clear: right;
	padding-right: 8px;
}

div.ap_footer div#laura-small-logo img {
	width: 100px;
	transform: translateZ(0);
}

/* Job notify on applicant footer */
div.ap_footer div#job-notify-friend {
	float: left;
	display: table;
	height: 47px;
}

/* Applicant side footer */
div.ap-footer-content {
	overflow: auto;
	width: auto;
	float: left;
	clear: both;
}

/* Register specification. */
div.register_specification {
	padding: 4px;
}

div.register_specification li {
	margin-top: 8px;
}

/* Job information send mail styles. */
div.ap_jobnotify {
	padding: 10px;
	background: #FFF;
}

div#wrapper-employer div.e-vj div.ap-job-classification {
	max-width: 925px;
	width: 92%;
}

div#wrapper-employer div.e-vj div.job_description {
	max-width: 890px;
	width: 92%;
}

div#wrapper-employer div.e-vj div.job_name {
	max-width: 912px;
	width: 92%;
}

div#wrapper-employer div.e-vj div.job_start_end_times {
	max-width: 925px;
	margin-bottom: 20px;
}

div#wrapper-employer div.e-vj div.cont3 {
	max-width: 925px;
	margin: 0 auto;
}

div#wrapper-employer div.e-vj div.cont4 {
	background-color: #FFF;
	max-width: 925px;
	margin-top: -15px;
	width: 92%;
}

div#wrapper-employer div.e-vj div.cont13 {
	max-width: 925px;
	margin: 0 auto;
}

div#wrapper-employer div.job-back-link {
	padding: 20px 0 30px 20px;
	background-color: #FFF;
}

/* Job ad preview. */
#html-e-vj,
#body-e-vj {
	background: none #FFF;
}

#html-e-vj #footer-employer {
	display: none;
}

/* Applicant-side status. */
div.ap_status,
div.ap_message {
	padding: 2px;
}

div.status span,
div.ap_status span {
	display: block;
	text-align: center;
}

div.ap_status span.alert {
	font-size: 14px;
	text-align: center;
	font-weight: bold;
	background-color: transparent;
	color: #EE712A;
	display: block;
	padding: 15px 10px 10px 10px;
	border: 2px solid #c4d0de;
	background: #FFF;
}

/* Application preview. */
div.em-application-print-title {
	text-align: center;
	padding: 5px 0;
}

div.ap_preview {
	clear: both;
	margin: 0;
	padding: 2px;
}

.ap_preview center {
	margin-top: 10px;
}

div.ap_form_buttons {
	clear: both;
	text-align: center;
	margin-top: 15px;
}

div.ap_form_buttons2 center {
	margin: 10px 0;
}

#wrapper-applicant div.ap_view_functions {
	clear: right;
	float: right;
	margin-top: 10px;
}

#wrapper-applicant div.ap_view_functions div.submit-button {
	padding: 0;
	margin: 0;
}

div.ap_preview div.job_name,
div.form_preview div.job_name {
	text-align: center;
	font-weight: bold;
	font-size: 18px;
	background-color: transparent;
	color: #000;
}

div.ap_preview div.application_info {
	text-align: center;
	margin-bottom: 5px;
}

div.applicant div.contact_info {
	text-align: center;
}

div#wrapper-employer div.form_preview div.question_row {
	width: 100%;
}

div#wrapper-employer div.form_preview div.question_row.help {
	box-sizing: border-box;
}

div.ap_preview div.section div.sectiontitle {
	clear: both;
	background-color: #e4f0fe;
	border: none;
	background: none;
	background-repeat: no-repeat;
	background-position: right;
	color: #07619B;
	display: block;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px;
	border-bottom: 1px solid #DDD;
	padding: 10px;
}

div.ap_preview div.with_photo div.sectiontitle {
	border: 0;
}

div.ap_preview div.with_photo div.answer_row {
	width: 600px;
}

div.ap_preview div.with_photo div.question_col {
	width: 36%;
}

div.ap_preview div.with_photo div.answer_col {
	width: 62%;
}

/* Applicant photo. */
div.ap_photo {
	float: right;
	position: relative;
	padding: 3px;
	margin: 0;
}

div.direct_open div.ap_photo,
div.ap_preview div.ap_photo {
	padding-top: 48px;
}

/* General automatic listing styles. */
div.auto_list {
	width: 100%;
}

div.employer div.auto_list,
.the_list {
	border-top: 1px solid #DDD;
}

div.auto_list div.result_count,
.the_list div.result_count {
	margin: 5px 5px 5px 0;
	font-weight: bold;
	display: inline-block;
}

div.auto_list table.page_selection {
	float: right;
	margin-top: 4px;
	margin-bottom: 4px;
}

div.auto_list table.page_selection td {
	padding: 1px;
	border: none;
	width: 1.6em;
	color: #AAA;
	text-align: center;
}

div.auto_list table.page_selection td.page-count {
	color: #000;
}

#wrapper-applicant div.auto_list table.page_selection a,
div.auto_list table.page_selection a,
div.auto_list table.page_selection a:link,
div.auto_list table.page_selection a:visited {
	color: #07619B;
	text-decoration: underline;
}

div.auto_list table.page_selection a:hover {
	color: #07619B;
	text-decoration: none;
}

div.auto_list table.page_selection td.current_page {
	background: none;
	color: #000;
}

div.auto_list table.page_selection td.over {
	background-color: #f0c66e;
	background: none;
	cursor: pointer;
}

div.auto_list table.page_selection div.auto_list td.over {
	background: none;
	cursor: pointer;
}

div.auto_list table.page_selection tr,
div.auto_list table.page_selection td {
	border: none;
}

div.auto_list td,
div.auto_list th,
table[data-view="3"] td,
table.users-all-calendar-times td,
table.users-all-calendar-times th,
table#external-calendars td,
table#external-calendars th {
	padding: 3px 3px 3px 10px;
}


/* Applicant side */
#wrapper-applicant div.auto_list #auto_list_table_open_jobs td {
	padding: 7px;
}

div.auto_list table.results {
	width: 100%;
	clear: both;
}

#wrapper-employer div.employer div.auto_list table.clickable_multi,
#wrapper-employer div.employer div.system-settings-page table.job-groups-table,
#wrapper-employer .interview-calendar [data-view="3"],
#wrapper-applicant .offer-list,
table.users-all-calendar-times,
table#external-calendars {
	-webkit-box-shadow: 0 0 30px 0 #DDD;
	-ms-box-shadow: 0 0 30px 0 #DDD;
	box-shadow: 0 0 30px 0 #DDD;
}

div.auto_list a.sort_icon {
	margin-left: 4px;
}

div.auto_list tr.title_row,
.applicant .book-need thead {
	text-align: center;
	background-color: #A5A5A5;
}

div.auto_list tr.title_row th,
table.dataTable thead tr,
#wrapper-applicant .offer-list thead th,
table#external-calendars th {
	font-weight: bold;
	text-align: left;
	padding: 15px 5px;
}

/* Lets do the above a bit differently for the list's drag&drop feature */
#wrapper-employer div.auto_list.auto_list_the_list th.col_Drag,
#wrapper-employer div.auto_list.auto_list_the_list th.col_ListOrder,
#wrapper-employer div.auto_list.auto_list_the_list td.col_Drag,
#wrapper-employer div.auto_list.auto_list_the_list td.col_ListOrder,
#wrapper-employer div.auto_list.auto_list_the_list td.col_RemoveFromList,
#wrapper-employer div.auto_list.auto_list_the_list td.col_cb,
table#external-calendars td.remove-external-calendar {
	text-align: center;
	padding: 5px;
}

#wrapper-employer div.auto_list.auto_list_the_list td.col_RemoveFromList {
	border-left: 1px solid #fff;
}

#wrapper-employer div.auto_list.auto_list_the_list tr.over td.col_RemoveFromList {
	border-left: 1px solid #F0F0EA;
}

div.auto_list table.results a {
	text-decoration: none;
	color: #000;
	display: inline-block;
}

div.auto_list.auto_list_the_list table.results td.static:hover,
tr.timeslot .edit:hover,
td.remove-external-calendar:hover {
	background: #ECEAE3;
}

/* This should be removed when the new list style 2019 is published. */
div.auto_list.auto_list_the_list table.results td.static.col_RemoveFromList:hover {
	border-left: 1px solid #CACBCD;
}

div.auto_list.auto_list_the_list table.results td.static a {
	text-decoration: underline;
}

div.auto_list.auto_list_the_list table.results td.static a:not(.list-attachment-download):hover,
div.auto_list.auto_list_co-determination-list table.results td.static a:not(.list-attachment-download):hover,
div.auto_list.auto_list_the_list table.results td.static .list-attachment-download:hover {
	text-decoration: none;
}

div.auto_list table.results .list-attachment-download,
.viewer-download-text-link,
div.auto_list.auto_list_the_list table.results td.static a.viewer-download-text-link {
	color: #07619B;
	font-size: 12px;
}

#wrapper-employer div.auto_list tr td.col_apid a {
	color: #07619B;
	text-decoration: underline;
}

#wrapper-employer div.auto_list tr td.col_apid:hover a {
	text-decoration: none;
}

#wrapper-employer div.auto_list td.col_LatestEmail a,
#wrapper-employer div.auto_list table#auto_list_table_the_list a[href*="=E_VMM"] {
	color: #07619B;
	text-decoration: underline;
}

#wrapper-employer div.auto_list td.col_LatestEmail:hover a,
#wrapper-employer div.auto_list table#auto_list_table_the_list a[href*="=E_VMM"]:hover {
	text-decoration: none;
}

#wrapper-employer div.auto_list td.col_LatestEmail:hover a,
#wrapper-employer div.auto_list table#auto_list_table_the_list td:hover a[href*="=E_VMM"] {
	text-decoration: none;
}

div.auto_list div.show-all-rows {
	clear: left;
	padding: 0 3px 3px 0;
	margin: 0;
}

#wrapper-other-cover div.auto_list table.page_selection {
	float: none;
}

#wrapper-other-cover div.auto_list div.show-all-rows {
	margin-left: 5px;
}

div.auto_list div.show-all-rows a,
div.auto_list div.show-all-rows a:link,
div.auto_list div.show-all-rows a:visited,
div.auto_list_product-news table.results a {
	color: #07619B;
	text-decoration: underline;
	font-size: 14px;
}

div.auto_list_product-news table.results a {
	font-size: 15px;
}

div.auto_list div.show-all-rows a:hover,
div.auto_list_product-news table.results a:hover {
	text-decoration: none;
}

div.auto_list div.show-all-rows a:hover {
	color: #07619B;
	text-decoration: none;
}

div.applicant div.auto_list tr.over td.row_link,
div.auto_list tr.over td.row_link,
div.auto_list td.over,
div.auto_list tr.over td.col_Drag,
div.auto_list tr.over td.col_RemoveFromList,
div.auto_list_co-determination-list tr.over td {
	background: #F0F0EA;
	cursor: pointer;
	text-decoration: none;
}

div.auto_list_ru_page td.col_Situation.over {
	background: none;
	cursor: default;
}

div.auto_list_ru_page td.col_Situation.over span {
	cursor: pointer;
}

/* Override above style in RUP extrainfo */
div.auto_list td.responsible-user-extra-information-content-numbers.over,
div.auto_list td.responsible-user-extra-information-content-texts.over,
div.auto_list td.empty.over {
	background: #FFF;
	cursor: default;
}

div.auto_list_ru_page tr.applying_ended td.first.over {
	background: linear-gradient(to right, #D85959 5px, #F0F0EA 5px);
/* Need to do this for the sake of Edge */
	background-repeat: no-repeat;
}

div.auto_list_ru_page tr.open td.first.over {
	background: linear-gradient(to right, #7aba57 5px, #F0F0EA 5px);
/* Need to do this for the sake of Edge */
	background-repeat: no-repeat;
}

div.auto_list_ru_page tr.not_yet_visible td.first.over,
div.auto_list_ru_page tr.waiting_for_approval td.first.over {
	background: linear-gradient(to right, #efae00 5px, #F0F0EA 5px);
/* Need to do this for the sake of Edge */
	background-repeat: no-repeat;
}

div.listing-link {
	display: inline-block;
	color: #595959;
}

div.listing-year-links {
	padding: 10px 0 10px 0;
	border-top: 1px solid #DDD;
	clear: both;
}

/* Specific automatic listings. */
div.auto_list_select_job td.col_Name a,
div.auto_list_select_need td.col_Subject a,
div.auto_list_ru_page td.col_Name a {
	text-decoration: none;
	color: #000;
}

div.auto_list_ru_page td.col_New,
div.auto_list_ru_page td.col_Total {
	text-align: center;
	padding: 3px;
}

div.auto_list_ru_page td.col_New a,
div.auto_list_ru_page td.col_Total a,
div.auto_list_ru_page td.col_New a:link,
div.auto_list_ru_page td.col_Total a:link,
div.auto_list_ru_page td.col_New a:visited,
div.auto_list_ru_page td.col_Total a:visited {
	color: #07619B;
	text-decoration: underline;
}

div.auto_list_ru_page td.col_New:hover a,
div.auto_list_ru_page td.col_Total:hover a {
	text-decoration: none;
}

div.auto_list_select_need tr.new {
	background-color: #fed8d9;
}

div.auto_list_select_need tr.sms {
	background-color: #caffff;
}

div.auto_list_select_need tr.partly {
	background-color: #f0f3ca;
}

div.auto_list_select_need tr.fully {
	background-color: #c2edc2;
}

div.auto_list_select_need tr.cancelled {
	background-color: #e0e0e0;
}

div.auto_list_select_need tr.removed {
	background-color: #b0b0b0;
}

div.auto_list_select_need tr.ready {
	background-color: #A3BBFF;
}

/* Draft Yellow */
#wrapper-employer .em-scheduled-mailing-overview #auto_list_table_search_results tr.draft.over td:nth-child(1) {
	background: linear-gradient(to right, #efae00 5px, #FAE3A7 5px);
}

/* Error Red */
#wrapper-employer .em-scheduled-mailing-overview #auto_list_table_search_results tr.error.over td:nth-child(1) {
	background: linear-gradient(to right, #D85959 5px, #FCCBCB 5px);
}

/* Sent Green */
#wrapper-employer .em-scheduled-mailing-overview #auto_list_table_search_results tr.sent.over td:nth-child(1) {
	background: linear-gradient(to right, #7aba57 5px, #BCE8A4 5px);
}

/* Will be sent Blue */
#wrapper-employer .em-scheduled-mailing-overview #auto_list_table_search_results tr.over td:nth-child(1) {
	background: linear-gradient(to right, #4db6e2 5px, #b2dcf0 5px);
}

.em-scheduled-mailing-overview td.col_MassMailSubject {
	font-weight: bold;
}

.em-scheduled-mailing-overview .filter_bar {
	width: 100%;
	display: inline-block;
}

/* Click able selection simple table */
table.page_selection.clickable_simple {
	border-spacing: 4px;
	border-collapse: separate;
}

table.page_selection.clickable_simple tr td {
	padding-top: 9px;
	font-weight: bold;
	width: 37px;
	height: 28px;
	float: left;
	border-radius: 2px;
}

/* For system news */
div.auto_list.auto_list_product-news table.page_selection.clickable_simple tr td {
	width: 37px;
	border-radius: 2px;
}

table.page_selection.clickable_simple tr td.page-count {
	border: none;
	padding-top: 4px;
	display: none;
}

table.page_selection.clickable_simple tr td.next,
table.page_selection.clickable_simple tr td.previous,
table.page_selection.clickable_simple tr td.first,
table.page_selection.clickable_simple tr td.last {
	width: 37px;
	height: 28px;
	padding-top: 9px;
}

table.page_selection.clickable_simple tr td.next img,
table.page_selection.clickable_simple tr td.previous img {
	width: 16px;
	padding-top: 2px;
}

table.page_selection.clickable_simple tr td.first img,
table.page_selection.clickable_simple tr td.last img {
	width: 15px;
	padding-top: 2px;
}

table.page_selection.clickable_simple tr td.current_page {
	width: 37px;
	height: 28px;
	background: #4DB6E2;
	border: 0.1px solid #4DB6E2;
	color: #FFF;
	padding-top: 9px;
}

/* Odd & even colors in listing */
#wrapper-employer div.auto_list tr.even,
#wrapper-employer div.auto_list tr.odd,
table[data-view="3"] tr,
#wrapper-applicant table.offer-list tr:not(.offer-title-row),
table.users-all-calendar-times tr:not(.title-row),
table#external-calendars tbody tr {
	background-color: #FFF;
	border-top: 4px solid #F7F6F3;
}

#wrapper-other-cover div.auto_list tr.even,
#wrapper-other-cover div.auto_list tr.odd {
	background-color: #FFF;
	border-bottom: 4px solid #F7F6F3;
}

/* nth-child so we make the first row (tr) not have empty space between title-bar */
#wrapper-employer div.auto_list tbody tr:nth-child(2),
#wrapper-employer div.auto_list tr.visible-table-row {
	border-top: none;
}

#wrapper-employer div.auto_list tr,
div.system-settings div.job-groups tr,
table[data-view="3"] tr,
#wrapper-applicant .offer-list tr,
table.users-all-calendar-times tr,
table#external-calendars tr {
	height: 55px;
}

/* More auto listing options */
div.auto_list tr.title_row th.over,
div#calendar th.over,
table.dataTable thead tr th {
	background: #4DB6E2;
	color: #FFF;
	cursor: pointer;
}

#wrapper-employer div.auto_list tr.title_row th,
#wrapper-employer table.dataTable thead tr th,
#wrapper-employer table.job-groups-table tr th,
#wrapper-other-cover div.auto_list tr.title_row th,
#wrapper-other-cover table.dataTable thead tr th,
#wrapper-other-cover table.job-groups-table tr th,
#wrapper-employer .calendar-title table[data-view="3"] th,
table.users-all-calendar-times th,
table#external-calendars th {
	background: #07619B;
	color: #FFF;
	padding-right: 3px;
	padding-left: 10px;
}

#wrapper-other-cover div.auto_list tr.title_row th {
	padding-left: 15px;
}

#wrapper-employer div#calendar th {
	background: #07619B;
	color: #FFF;
}

#wrapper-employer table.job-groups-table tr th {
	padding-right: 5px;
}

div.auto_list_sent-hour-reports tr.preverified.over {
	background-color: #F0C66E;
}

div.auto_list tr td {
	text-align: left;
	vertical-align: middle;
}

#wrapper-other-cover #auto_list_table_the_list tr td {
	padding: 15px 15px;
	max-width: 300px;
	vertical-align: top;
}

div.auto_list table#auto_list_table_search_results.results td.checkbox input {
	margin-top: 8px;
}

table.dataTable td {
	border: 1px solid #E5EFF8;
}

.dataTables_paginate a.paginate_disabled_previous,
.dataTables_paginate a.paginate_disabled_next {
	display: none;
}

.paginate_enabled_next,
.paginate_enabled_previous {
	padding: 0 5px 0 5px;
	text-decoration: none;
}

div.employer_login a:link,
div.employer_login a:visited {
	color: #333;
}

/* Applicant calendar */
#wrapper-applicant div.a-cf div#calendar #tbody tbody tr:nth-child(1) th.first {
	background: #FFF;
	border: none;
}

#wrapper-applicant #calendar #tbody th {
	background: #07619B;
	color: #FFF;
}

/* Listing colors */

/* Yellow */
table#auto_list_table_select_job tr.waiting_for_approval td.first,
div.auto_list_ru_page tr.waiting_for_approval td.first,
table#auto_list_table_select_job tr.not_yet_visible td.first,
div.auto_list_ru_page tr.not_yet_visible td.first,
div.auto_list_select_expert_need tr.processing2 td.col_Subject,
div.auto_list_sent-hour-reports tr.verified td.first,
div.auto_list_sent-hour-reports tr.preverified td.first,
div.auto_list_ru_page tr.not_yet_visible td.first,
div.auto_list_select_expert_need tr.processing2 td.col_Subject,
div.auto_list_ru_page tr[id$="extra-information"].waiting_for_approval td:nth-child(1),
div.auto_list_ru_page tr[id$="extra-information"].not_yet_visible td:nth-child(1),
#wrapper-employer .em-scheduled-mailing-overview #auto_list_table_search_results tr.draft {
	background: linear-gradient(to right, #EFAE00 5px, transparent 5px);
}

div.auto_list_search_results tr.over td.row_link,
div.auto_list_search_results tr.over td.static,
div.auto_list_search_results tr td.col_apid.over,
div.auto_list_the_list tr td.static.over,
table#auto_list_table_select_job tr.waiting_for_approval.over td.row_link,
div.auto_list_ru_page tr.waiting_for_approval.over td.row_link,
#wrapper-employer div.auto_list tr.waiting_for_approval.over td.col_Total,
#wrapper-employer div.auto_list tr.waiting_for_approval.over td.col_New,
#wrapper-employer div.auto_list tr.waiting_for_approval.over td.col_Situation,
#wrapper-employer div.auto_list tr.not_yet_visible.over td.col_Total,
#wrapper-employer div.auto_list tr.not_yet_visible.over td.col_New,
#wrapper-employer div.auto_list tr.not_yet_visible.over td.col_Situation,
table#auto_list_table_select_job tr.not_yet_visible.over td.row_link,
div.auto_list_select_expert_need tr.processing2.over td.row_link,
div.auto_list_sent-hour-reports tr.verified.over td.row_link,
div.auto_list tr.not_yet_visible.over td.row_link,
#wrapper-employer .em-scheduled-mailing-overview #auto_list_table_search_results tr.draft.over td {
	background-color: #FAE3A7;
	cursor: pointer;
}

/* Red */
table#auto_list_table_select_job tr.applying_ended td.first,
div.auto_list_ru_page tr.applying_ended td.first,
div.auto_list_select_job_to_fill tr.applying_ended td.col_Name,
div.auto_list_select_expert_need tr.moreinfo td.col_Subject,
div.auto_list_user_selection tr.locked td.col_Lastname,
div.auto_list_sent-hour-reports tr.new td.first,
div.auto_list_department_selection tr.removed td.col_departmentid,
div.auto_list_ru_page tr[id$="extra-information"].applying_ended td:nth-child(1),
#wrapper-employer .em-scheduled-mailing-overview #auto_list_table_search_results tr.error,
.em-survey-list .not-active .col_Title.row_link {
	background: linear-gradient(to right, #D85959 5px, transparent 5px);
}

table#auto_list_table_select_job tr.applying_ended.over td.row_link,
#wrapper-employer div.auto_list tr.applying_ended.over td.col_Total,
#wrapper-employer div.auto_list tr.applying_ended.over td.col_New,
#wrapper-employer div.auto_list tr.applying_ended.over td.col_Situation,
div.auto_list tr.applying_ended.over td.row_link,
div.auto_list_select_expert_need tr.moreinfo.over td.row_link,
div.auto_list tr.locked.over td.row_link,
div.auto_list_sent-hour-reports tr.new.over td.row_link,
div.auto_list_department_selection tr.removed.over td.row_link,
#wrapper-employer .em-scheduled-mailing-overview #auto_list_table_search_results tr.error.over td,
.em-survey-list .not-active.over td.row_link {
	background-color: #FCCBCB;
	cursor: pointer;
}

/* Gray */
table#auto_list_table_select_job tr.closed td.first,
div.auto_list_ru_page tr.closed td.first,
div.auto_list_select_recruitment_plan tr.rp_presented td.col_Subject,
div.auto_list_select_expert_need tr.pending td.col_Subject {
	background: linear-gradient(to right, #9A9CA6 5px, transparent 5px);
}

table#auto_list_table_select_job tr.closed.over td.row_link,
#wrapper-employer div.auto_list tr.closed.over td.col_Total,
#wrapper-employer div.auto_list tr.closed.over td.col_New,
#wrapper-employer div.auto_list tr.closed.over td.col_Situation,
div.auto_list tr.closed.over td.row_link,
div.auto_list_select_recruitment_plan tr.rp_presented.over td.row_link,
div.auto_list_select_expert_need tr.pending.over td.row_link {
	background-color: #CACBCD;
	cursor: pointer;
}

/* Green, default */
table#auto_list_table_select_job td.first,
table#auto_list_table_select_job tr.open td.first,
div.auto_list_ru_page tr.open td.first,
div.auto_list_select_job_to_fill tr.open td.col_Name,
div.auto_list_select_recruitment_plan tr.rp_approved td.col_Subject,
div.auto_list_select_expert_need tr.resourced td.col_Subject,
div.auto_list_user_selection tr.open td.col_Lastname,
div.auto_list_sent-hour-reports tr.accepted td.first,
div.auto_list_department_selection tr.open td.col_departmentid,
div.auto_list_ru_page tr[id$="extra-information"].open td:nth-child(1),
#wrapper-employer .em-scheduled-mailing-overview #auto_list_table_search_results tr.sent,
table[data-view="3"] td.vacant,
#wrapper-applicant table.offer-list td.reservation-time,
table.users-all-calendar-times td.reservation-time,
.em-survey-list .active .col_Title.row_link {
	background: linear-gradient(to right, #7ABA57 5px, transparent 5px);
}

table#auto_list_table_select_job tr.over td.row_link,
#wrapper-employer div.auto_list tr.over td.col_Total,
#wrapper-employer div.auto_list tr.over td.col_New,
#wrapper-employer div.auto_list tr.over td.col_Situation,
div.auto_list tr.open.over td.row_link,
div.auto_list_select_recruitment_plan tr.rp_approved.over td.row_link,
div.auto_list_select_expert_need tr.resourced.over td.row_link,
div.auto_list_sent-hour-reports tr.accepted.over td.row_link,
div.auto_list_sent-hour-reports tr.transferred.over td.row_link,
table#auto_list_table_select_job tr.over,
table#pending-requests tr.over,
#wrapper-employer .em-scheduled-mailing-overview #auto_list_table_search_results tr.sent.over td,
.em-survey-list .active.over td.row_link {
	background-color: #BCE8A4;
	cursor: pointer;
}

/* Cyan */
div.auto_list_select_expert_need tr.processing1 td.col_Subject {
	background: linear-gradient(to right, #8DFFDF 5px, transparent 5px);
}

div.auto_list_select_expert_need tr.processing1.over td.row_link {
	background-color: #E7FFF8;
	cursor: pointer;
}

/* Violet */
div.auto_list_select_expert_need tr.offered td.col_Subject {
	background: linear-gradient(to right, #f190fe 5px, transparent 5px);
}

div.auto_list_select_expert_need tr.offered.over td.row_link {
	background-color: #f190fe;
	cursor: pointer;
}

/* Blue */
div.auto_list_select_expert_need tr.new td.col_Subject,
#wrapper-employer .em-scheduled-mailing-overview #auto_list_table_search_results tr {
	background: linear-gradient(to right, #4db6e2 5px, transparent 5px);
}

div.auto_list_select_expert_need tr.new.over td.row_link,
#wrapper-employer .em-scheduled-mailing-overview #auto_list_table_search_results tr.over td {
	background-color: #b2dcf0;
	cursor: pointer;
}

/* Brown */
div.auto_list_select_expert_need tr.advance td.col_Subject {
	background: linear-gradient(to right, #884c35 5px, transparent 5px);
}

div.auto_list_select_expert_need tr.advance.over td.row_link {
	background-color: #d6a18d;
	cursor: pointer;
}

/* Orange */
table#auto_list_table_select_job tr.rejected td.first,
div.auto_list_ru_page tr.rejected td.first {
	background: linear-gradient(to right, #F29A50 5px, transparent 5px);
}

table#auto_list_table_select_job tr.rejected.over td.row_link,
div.auto_list_ru_page tr.rejected.over td.row_link {
	background-color: #FADBC0;
	cursor: pointer;
}

/* Orange notification text. */
#wrapper-employer .error_message,
#wrapper-employer span.instructions,
#wrapper-employer div.required_fields_info,
#wrapper-employer div.required_fields_info a,
#wrapper-employer div.text_row {
	color: #F47A00;
}

/* Stand-in listing colors */
/* Yellow */
div.auto_list_select_need tr.partly td.col_Subject {
	background: linear-gradient(to right, #EFAE00 5px, transparent 5px);
}

div.auto_list_select_need tr.partly td.row_link {
	background-color: #FAE3A7;
}

div.auto_list_select_need tr.partly.over td.row_link {
	background-color: #EFAE00;
}

/* Red */
div.auto_list_select_need tr.new td.col_Subject {
	background: linear-gradient(to right, #D85959 5px, transparent 5px);
}

div.auto_list_select_need tr.new td.row_link {
	background-color: #FCCBCB;
}

div.auto_list_select_need tr.new.over td.row_link {
	background-color: #D85959;
}

/* Gray */
div.auto_list_select_need tr.removed td.col_Subject {
	background: linear-gradient(to right, #9A9CA6 5px, transparent 5px);
}

div.auto_list_select_need tr.removed td.row_link {
	background-color: #CACBCD;
}

div.auto_list_select_need tr.removed.over td.row_link {
	background-color: #9A9CA6;
}

/* Less Gray */
div.auto_list_select_need tr.cancelled td.col_Subject {
	background: linear-gradient(to right, #CACBCD 5px, transparent 5px);
}

div.auto_list_select_need tr.cancelled td.row_link {
	background-color: #ECEAE3;
}

div.auto_list_select_need tr.cancelled.over td.row_link {
	background-color: #CACBCD;
}

/* Green */
div.auto_list_select_need tr.fully td.col_Subject {
	background: linear-gradient(to right, #7ABA57 5px, transparent 5px);
}

div.auto_list_select_need tr.fully td.row_link {
	background-color: #BCE8A4;
}

div.auto_list_select_need tr.fully.over td.row_link {
	background-color: #7ABA57;
}

/* Cyan */
div.auto_list_select_need tr.sms td.col_Subject {
	background: linear-gradient(to right, #8DFFDF 5px, transparent 5px);
}

div.auto_list_select_need tr.sms td.row_link {
	background-color: #E7FFF8;
}

div.auto_list_select_need tr.sms.over td.row_link {
	background-color: #8DFFDF;
}

/* Blue */
div.auto_list_select_need tr.ready td.col_Subject {
	background: linear-gradient(to right, #4db6e2 5px, transparent 5px);
}

div.auto_list_select_need tr.ready td.row_link {
	background-color: #b2dcf0;
}

div.auto_list_select_need tr.ready.over td.row_link {
	background-color: #4db6e2;
}

/* Default listing hover color */
div.auto_list_search_results tr.over td.row_link,
div.auto_list_search_results tr.over td.static,
div.auto_list_search_results tr td.col_apid.over,
div.auto_list_search_results tr.over td.checkbox.col_cb,
div.auto_list_search_results tr.unread.over td.checkbox.col_cb {
	background-color: #F0F0EA;
}

div.auto_list_the_list tr.over td.col_ListOrder:hover,
div.auto_list_the_list tr.over td.updateable-answer-column:hover {
	cursor: default;
}

/* Recruitment plan listing */
div.select_recruitment_plan tr.rp_approved {
	background-color: #c2edc2;
}

div.select_recruitment_plan tr.rp_approved td.col_Approved {
	text-align: center;
	background: none;
}

div.select_recruitment_plan tr.over td.col_Approved {
	background: none;
	cursor: pointer;
}

div.select_recruitment_plan tr.rp_presented {
	background-color: none;
}

div.the_list {
	position: relative;
	height: 100%;
}

div.auto_list_the_list td.col_ListOrder input {
	text-align: center;
	width: 35px;
	margin: 0;
	padding: 0 5px;
}

div.auto_list_the_list td.col_RemoveFromList a,
div.auto_list_co-determination-list td.col_RemoveFromList a {
	text-decoration: underline;
	color: #000;
}

div.co-determination-list div.save_as {
	clear: both;
	border: none;
	padding: 10px;
	height: 45px;
}

div.co-determination-list div.save_as label {
	margin-top: 2px;
	margin-right: 5px;
	float: left;
}

div.co-determination-list div.save_as div.submit-button {
	margin-right: 5px;
	margin-top: 5px;
}

div.co-determination-list div.save {
	margin-top: 5px;
	background-color: #F3F3F3;
	border: none;
	padding: 10px;
	height: 30px;
}

div.send_list_to_user {
	float: left;
}

div.additional_actions_list {
	height: 100px;
}

div.additional_actions_list div {
	margin-right: 37px;
}

div.basic_actions_list {
	margin-right: 30px;
}

div.send-saved-list-email form {
	position: relative;
	bottom: 0;
}

div.send-saved-list-email form div.submit-button {
	margin-top: 4px;
	margin-right: 12px;
	clear: both;
}

#wrapper-employer div.the_list div.additional-questions span.title {
	font-weight: bold;
	font-size: 18px;
	color: #005796;
}

#wrapper-employer div.the_list div.additional-questions div.select_note span.title {
	font-weight: normal;
	font-size: 12px;
	color: #F47A00;
}

div.the_list div.additional-questions select {
	margin-left: 7px;
	max-width: 480px;
	float: left;
}

div.e-pl div.the_list div.additional-questions select {
	max-width: 75%;
}

.e-pl div.export {
	margin: 10px 0 0 0;
}

body.body-employer div#wrapper-employer div.e-pl div.cont3,
body.body-employer div#wrapper-employer div.e-cpl div.cont3 {
	overflow: auto;
	margin-left: 217px;
}

div.the_list div.list-submit {
	text-align: left;
	margin-top: 10px;
}

/* Direct lists. */
div.direct-list-login {
	background: linear-gradient(to bottom, rgba(209, 217, 224, 0.8) 10%, #f3f1f6 50%, rgba(209, 217, 224, 0.9) 100%);
}

div.direct_list_logo {
	margin-bottom: 30px;
	text-align: center;
	padding: 20px;
}

div.direct_list_logo img {
	max-width: 300px;
}


#body-e-ls div.direct_list_logo img {
	border-radius: 2px;
	box-shadow: 3px 4px 15px #888;
}

div.direct_list {
	background: #FFF;
	box-shadow: 3px 4px 15px #888;
	width: fit-content;
	width: -moz-fit-content;
	margin: auto;
	margin-bottom: 10px;
	padding: 20px;
}

div.direct_list div.result_count {
	padding: 5px 5px 0 5px;
}

div.direct_list_error {
	text-align: center;
	font-weight: bold;
	background-color: transparent;
	color: #07619B;
}

/* Direct list & Direct Open save changes submit */
#wrapper-other-cover div.direct_comment_sections div.submit {
	margin-top: 25px;
	text-align: center;
}

/* User selection. */
div.auto_list_user_selection td.col_Locked {
	width: 63px;
	text-align: center;
}

div.auto_list_user_selection tr.locked {
	background: none;
}

div.auto_list_user_selection tr.open {
	background: none;
}

div.auto_list_user_selection tr.odd {
	background-color: #F0F0EA;
}

div.auto_list_user_selection tr.even {
	background-color: #FFF;
}

/* Loading effect */
.loading-spinner-ring {
	display: inline-block;
	position: relative;
	width: 128px;
	height: 128px;
}

.loading-spinner-ring div {
	box-sizing: border-box;
	display: block;
	position: absolute;
	width: 102px;
	height: 102px;
	margin: 12px;
	border: 12px solid #FFF;
	border-radius: 50%;
	animation: loading-spinner-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
	border-color: #ee712a transparent transparent transparent;
}

.loading-spinner-ring div:nth-child(1) {
	animation-delay: -0.45s;
	border-color: #FADBC0 transparent transparent transparent;
}

.loading-spinner-ring div:nth-child(2) {
	animation-delay: -0.3s;
	border-color: #F29A50 transparent transparent transparent;
}

.loading-spinner-ring div:nth-child(3) {
	animation-delay: -0.15s;
}

.loading-spinner-counter-style {
	color: #2D2F3A;
	font-size: 32px;
	transform: translateX(-50%) translateY(-50%);
	vertical-align: middle;
	z-index: 100;
	position: absolute;
	top: 50%;
	left: 50%;
}

@keyframes loading-spinner-ring {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

/* List management. */
div.list_management table.saved_lists,
div.co-determination-list-management table.saved_lists {
	width: 100%;
	margin: 30px 0;
}

div.list_management tr.odd,
div.list_management tr.even,
div.co-determination-list-management tr.odd,
div.co-determination-list-management tr.even {
	display: inline-block;
	margin: 0 15px 15px 15px;
	border-radius: 3px;
	padding: 15px 15px 10px 15px;
	background: #FFF;
	border: 1px solid #d2d2d2;
	border-bottom-width: 3px;
	box-shadow: 0 0 12px 0 rgb(66 66 66 / 10%);
	border-left: 5px #07619B solid;
	vertical-align: top;
	max-width: 495px;
	width: 100%;
}

.list_management .title-list-name,
.co-determination-list-management .title-list-name {
	font-weight: bold;
	color: #2D2F3A;
	margin-bottom: 15px;
	font-size: 20px;
	display: inline-block;
	width: 325px;
}

.list_management .top-left-area,
.co-determination-list-management .top-left-area {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: space-between;
}

.list_management .list-name input,
.co-determination-list-management .list-name input,
.list_management .saved-list-password input {
	width: 325px;
	margin: 0;
}

.list_management .links {
	display: inline-flex;
	flex-direction: column;
	text-align: right;
	width: 165px;
	vertical-align: top;
}

.co-determination-list-management .links {
	text-align: right;
	display: inline-block;
	width: 140px;
	vertical-align: top;
}

div.list_management .direct-link-options-title {
	font-weight: bold;
	margin-bottom: 10px;
	border-bottom: 1px solid #CCC;
}

div.list_management div.middle-area {
	display: block;
}

div.list_management div.middle-area select {
	max-width: 160px;
	margin: 0;
}

div.list_management .direct-link-options-lang-type {
	display: inline-flex;
	width: 100%;
	max-width: 325px
}

div.list_management div.middle-area .list-options-lang,
div.list_management div.middle-area .list-options-type {
	display: flex;
	flex-direction: column;
	width: 50%;
}

div.list_management div.top-area div.delete {
	float: right;
	margin: 20px 10px 0 0;
}

div.list_management div.direct-link-options label,
div.list_management div.saved-list-password span.saved-list-instruction {
	width: 100%;
	display: block;
}

div.list_management div.saved-list-password span.saved-list-instruction {
	font-size: 13px;
}

div.additional-actions {
	display: block;
	width: 100%;
}

div.list_management .list-name,
div.list_management .list-expires,
div.list_management .middle-area,
div.list_management .list-options-lang,
div.list_management .list-options-type,
div.list_management .saved-list-password,
div.list_management .filter-answers,
div.list_management .order-numbers,
div.co-determination-list-management .list-name,
div.co-determination-list-management .list-expires {
	margin-bottom: 10px;
}

div.list_management .delete-save {
	margin-top: 20px;
}

div.list_management .list-name-title,
div.list_management .list-expires-title,
div.list_management .list-lang-title,
div.list_management .list-type-title,
div.list_management .list-password-title,
div.list_management .order-number-title,
div.list_management .filter-answers-title,
div.list_management .share-copy-saved-list-text,
div.list_management .send-saved-list-email .email_option,
div.co-determination-list-management .list-name-title,
div.co-determination-list-management .list-expires-title {
	font-weight: bold;
}

div.list_management div.middle-area {
	display: block;
}

div.list_management div.filter-answers label,
div.list_management div.order-numbers label {
	display: flex;
	align-items: center;
	margin-right: 10px;
}

div.the_list select option {
	padding-left: 8px;
}

div.the_list select option[disabled="disabled"],
div.the_list select option[disabled] {
	color: #888;
	font-weight: bold;
	margin-left: 0;
}

/* Search results. */
div.auto_list_search_results {
	margin-bottom: 10px;
}

div.auto_list_search_results td.checkbox.col_cb {
	text-align: center;
}

div.auto_list_search_results tr.unread td.checkbox.col_cb {
	background: url(/images/new_application.png) no-repeat 0 6px;
	width: 43px;
	cursor: default;
}

div.auto_list_search_results tr td.checkbox.col_cb {
	cursor: default;
	background: none;
}

div.search_results {
	padding-bottom: 10px;
	clear: both;
}

div.search_results div.add_selected {
	float: left;
	border-bottom: solid 2px #FFF;
}

#wrapper-employer div.search_results div.add_selected div.submit-button,
#wrapper-employer div.search_results div.add_all div.submit-button {
	margin-right: 0;
	margin-top: 10px;
}

div.search_results div.add_all {
	clear: none;
}

div.search_results a.back_to_search {
	font-weight: bold;
	margin-top: 10px;
	margin-left: 5px;
	float: left;
	clear: left;
}

div.auto_list_search_results td.col_FilledByUser a,
div.auto_list_search_results td.col_FilledByUser a:link {
	color: #dd5f00;
}

/* Other automatic listings. */
div.auto_list_open_jobs td.col_Name a {
	text-decoration: none;
	color: #07619B;
}

/* Hover-help. */
blockquote.hover_help {
	margin: 0;
	padding: 5px;
	position: absolute;
	top: -1000px;
	left: -1000px;
	border: 1px solid #000;
	z-index: 100;
	background-color: #F4F4D0;
	-moz-border-radius: 5px;
	-moz-opacity: .75;
}

/* QuickForm styles. */
form.quickform {
	border-top: none;
	background: none;
}

form.quickform div.question_row {
	border: none;
	border-top: 0;
	margin: 5px 0;
}

div.recruitment_plan_form div.required_fields_info {
	color: #07619B;
}

div.recruitment_plan_form div.answer_col input[type="text"] {
	width: 310px;
}

form.quickform div.question_col,
form.quickform div.answer_col {
	border: 0 solid;
	width: 49%;
}

form.quickform div.question_col {
	padding: 3px;
	padding-top: 5px;
	margin-left: 13px;
}

form.quickform div.answer_col {
	padding: 2px;
	width: 46%;
}

form.quickform div.submit-button div.answer_col {
	padding: 2px;
	width: auto;
}

form.quickform div.submit_row div.answer_col {
	text-align: left;
}

form.quickform div.error_message {
	font-weight: bold;
	color: #07619B;
}

form.quickform div.text_row {
	padding: 3px;
	height: 20px;
	border: none;
	color: #07619B;
}

form.quickform div.break {
	height: 10px;
	border: none;
	border-bottom: 1px solid #DDD;
	margin-bottom: 10px;
}

form.quickform div.question_header {
	font-weight: bold;
	padding: 3px;
	background-color: #eef7ff;
	border: 1px solid #c4d0de;
	border-top: 0;
}

form.quickform div.subtitle {
	font-weight: bold;
	font-size: 13px;
	padding: 2px;
	border-bottom: 1px solid #A5A5A5;
	padding-left: 5px;
}

form.quickform div.checkbox_row label {
	margin-left: 0;
	position: relative;
	bottom: 2px;
}

form.quickform span.instructions {
	margin-left: 3px;
}

#wrapper-employer div.e-cu div.user_form form.quickform div.text_row {
	text-align: left;
	clear: both;
	padding-top: 10px;
}

#wrapper-employer div.e-cu div.user_form form.quickform div.question_row {
	margin: 10px 0;
}

#wrapper-employer div.e-crp form.quickform div.question_col {
	width: 40%;
}

#wrapper-employer div.e-crp form.quickform div.answer_col {
	width: 53%;
}

/* Configure Select2 */
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multi,
.select2-container--default .select2-selection--multiple {
	font: inherit;
	border: 1px solid #CECECE !important;
	background: #fdfdfd;
	background-color: #fdfdfd !important;
	color: #666;
	padding-left: 10px;
	padding-right: 5px;
	margin-left: 0;
	border-radius: 2px;
	font-size: 16px;
	min-height: 34px !important;
	margin-top: 3px;
}

.select2-container .select2-selection--single .select2-selection__rendered {
	margin-top: 5px;
	color: #666 !important;
	padding-left: 0 !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 38px !important;
	right: 5px !important;
	top: 4px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
	margin-left: 0 !important;
	border-color: #000 transparent transparent transparent !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
	font-size: 16px;
}

#body-e-su span.select2.select2-container {
	width: 300px !important;
}

#body-e-su li.select2-selection__choice {
	width: 238px !important;
}

#body-e-su span.select2.select2-container {
	margin-bottom: 5px;
}

.select2-container--default .select2-selection--multiple {
	margin-bottom: 5px;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
	padding-bottom: 5px !important;
	padding-top: 1px !important;
}

.select2-container--open .select2-dropdown--below {
	margin-top: -5px;
}

.select2-container--open .select2-dropdown--above {
	margin-top: 3px;
}

.select2-container .select2-selection.select2-selection--multiple {
	background: url("../images/dropdown_arrow.png") no-repeat right center;
	background-size: 17px 7px;
	padding-right: 17px;
	cursor: pointer;
}

.select2-container .select2-selection.select2-selection--multiple .select2-selection__rendered {
	border-right: 1px solid rgb(206, 206, 206);
	cursor: text;
}

#wrapper-employer .select2-container .select2-selection.select2-selection--multiple {
	max-width: 600px;
	max-height: 130px;
	overflow: auto;
}

#wrapper-employer div.e-lm .select2-container .select2-selection.select2-selection--multiple {
	margin-right: 10px;
	min-height: 40px !important;
}

#wrapper-employer div.e-lm .select2-container .select2-selection.select2-selection--multiple .select2-selection__rendered,
#wrapper-employer div.e-o div.em-send-application div.laura-users-select ul.select2-selection__rendered {
	min-height: 40px;
}

#wrapper-employer div.e-o div.em-send-application span.select2-container {
	width: 251px !important;
	min-width: 251px !important;
}

#wrapper-employer .select2-search__field {
	width: 200px;
}

#wrapper-employer div.e-lm div.share-saved-list.action div.submit-button input.submit,
#wrapper-employer div.e-lm div.send-saved-list-email.action div.submit-button input.submit {
	background-size: 15px;
	background-repeat: no-repeat !important;
	background-position-y: center !important;
	background-position-x: 8px !important;
	padding-left: 30px;
}

#wrapper-employer div.e-lm div.share-saved-list.action:nth-child(2) input.submit {
	background-image: url(../images/laura-icon-popup-share.png);
}

#wrapper-employer div.e-lm div.share-saved-list.action:nth-child(3) input.submit {
	background-image: url(../images/laura-icon-popup-copy.png);
}

#wrapper-employer div.e-lm div.send-saved-list-email.action input.submit {
	background-image: url(../images/laura-icon-email-white.png);
}

#wrapper-employer div.e-lm .external_email input {
	box-sizing: content-box;
	width: 300px;
}

#wrapper-employer div.e-lm div.send-saved-list-email.action {
	float: left;
	clear: both;
}

#wrapper-employer div.main_cont1.e-pl div div.cont3 div.the_list div.additional-questions form span {
	max-width: 600px;
	margin-top: 0;
}

div.select_expert_need tr.advance {
	background-color: #d2d2f2;
}

div.select_expert_need tr.moreinfo {
	background-color: #feb8b9;
}

div.select_expert_need tr.processing1 {
	background-color: #caf3f0;
}

div.select_expert_need tr.processing2 {
	background-color: #f0f3ca;
}

div.select_expert_need tr.resourced {
	background-color: #a2eda2;
}

div.select_expert_need tr.offered {
	background-color: #e1a1e1;
}

div.select_expert_need tr.pending {
	background-color: #e1e1e1;
}

div.ap_message span.error {
	text-align: center;
	font-weight: bold;
	background-color: transparent;
	color: #ff0000;
}

div.applicantSettings {
	padding: 0 10px 10px 10px;
}

div.applicantSettings .applicant-settings-save {
	width: 100%;
	text-align: center;
}

div.applicantSettings div.error {
	font-weight: bold;
	color: red;
}

div.applicantSettings .notification-border {
	border-radius: 5px;
	border: 2px solid lightgray;
	display: flex;
	align-items: center;
	padding: 8px;
}

div.applicantSettings .notification-border .notification-text {
	margin-left: 10px;
}

/* The switch - the box around the slider */
.toggle-switch {
	position: relative;
	display: inline-block;
	width: 53px;
	height: 27px;
}

/* Hide default HTML checkbox */
.toggle-switch input {
	display: none;
}

/* The slider */
.toggle-switch .slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
	border-radius: 34px;
}

.toggle-switch .slider:before {
	position: absolute;
	content: "";
	height: 21px;
	width: 21px;
	left: 4px;
	top: 3px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
	border-radius: 50%;
}

.toggle-switch input:checked + .slider {
	background-color: #ED700A;
}

.toggle-switch input:focus + .slider {
	box-shadow: 0 0 1px #2196F3;
}

.toggle-switch input:checked + .slider:before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
}

.em-applicant-classifications .notification-text {
	margin-left: 12px;
}

/* JS show/hide for sections. */
div.section-show-hide-on,
div.section-show-hide-off {
	background: url() no-repeat right;
}

div span.section-show-hide-text {
	color: #07619B;
	font-size: 14px;
	float: right;
	padding-right: 31px;
	font-weight: normal;
}

div span.section-show-hide-text:hover {
	text-decoration: none;
}

/* IEs fixes */
* html div span.section-show-hide-text {
	margin-top: -30px;
}

*:first-child+html div span.section-show-hide-text {
	margin-top: -30px;
}

/* Rip off ie table border */
div.employer table.results,
div.applicant table.results {
	border: 0;
}

div.clear,
hr.clear {
	clear: both;
}

form#ENP fieldset.fieldset3col {
	width: 331px;
	margin: 0 0 0 5px;
}

form#ENP fieldset.fieldset1col {
	clear: both;
	width: 690px;
/* this is to remove the dumbass user agent stylesheet */
	border: none;
	border-bottom: #DDD solid 1px;
}

form#ENP fieldset.fieldset1col.time,
form#ENP #repeat {
	border-bottom: none;
}

form#ENP div.submit-button.attach_span {
	border-bottom: #DDD solid 1px;
	padding-bottom: 5px;
	background: url(/images/accept.png) no-repeat;
	background-position-y: 7px;
	padding: 0 5px 0 20px;
	margin-left: 15px;
}

form#ENP div.submit-button.attach_span input[type="submit"] {
	background: transparent;
	color: #07619B;
	text-decoration: underline;
	height: auto;
	margin: 0;
	padding: 0;
}

form#ENP div.submit-button {
	padding-top: 10px;
	display: block !important;
}

#wrapper-employer form#ENP div.need-times {
	padding-left: 20px;
}

#wrapper-employer form#ENP div.need-times-title {
	padding: 5px 0 0;
}

form#ENP fieldset.timespan {
	width: 334px;
	margin-bottom: 10px;
}

form#ENP legend {
	font-size: 18px;
	color: #07619B;
	font-weight: bold;
	margin-top: 15px;
}

/* Report specific styles */
div.em-report-configure fieldset.startday,
div.em-report-configure fieldset.endday {
	width: 245px;
}

div.em-report-configure fieldset.timespan {
	width: 196px;
}

div.em-report-configure .report-params button[name="update-job-list"] {
	margin: 30px 0 20px 3px;
}

#wrapper-employer .sent-hour-reports {
	clear: both;
}

div.em-report-list {
	float: left;
	clear: both;
}

.usergroup-rights-matrix-report-container,
.project-report-container {
	max-width: 1200px;
	overflow-y: auto;
}

.usergroup-rights-matrix-report-table {
	border: 1px solid #000;
	text-align: center;
}

.usergroup-rights-matrix-report-cell {
	border: 1px solid #000;
	text-align: center;
	padding: 3px;
	max-width: 80px;
	min-width: 80px;
	word-break: break-all;
}

.usergroup-rights-matrix-report-cell-title {
	word-break: unset;
	max-width: unset;
	min-width: unset;
}

.em-report-configure .info {
	max-width: 66%;
}

/* Hour report status colours. */
div.auto_list_sent-hour-reports tr.new {
	background-color: #fed8d9;
}

div.auto_list_sent-hour-reports tr.preverified,
div.auto_list_sent-hour-reports tr.verified {
	background-color: #f0f3ca;
}

div.auto_list_sent-hour-reports tr.accepted,
div.auto_list_sent-hour-reports tr.transferred {
	background-color: #c2edc2;
}

/* Content printing. */
div.employer div.em-content-print div.content div.sectiontitle {
	font-size: 14px;
	font-weight: bold;
	clear: left;
	background-color: #e4f0fe;
	color: #000;
	border: 1px solid #c4d0de;
	padding-left: 5px;
	margin-bottom: 5px;
}

/* Print application. */
#html-e-expr,
#body-e-expr {
	background: none #FFF;
}

#html-e-expr div.sectiontitle {
	color: #000;
}

#html-e-expr #footer-employer,
#html-e-expr .em-ap-top-nav,
#html-e-expr .em-ap-bottom-nav {
	display: none;
}

#html-e-expr div.cont3 {
	max-width: 790px;
}

#html-e-expr .print-applicant-picture {
	float: right;
}

#html-e-expr .em_open div.answer_row div.question_col {
	width: 230px;
	box-sizing: border-box;
}

#html-e-expr .em_open .first-section-besides-applicant-picture div.answer_row {
	width: auto;
}

#html-e-expr .em_open div.answer_row div.answer_col {
	width: 450px;
}

#html-e-expr .em_open .first-section-besides-applicant-picture div.answer_row div.answer_col {
	width: 300px;
}

/* Answer mass update view */
div.employer div.em-mass-update form {
	clear: both;
	padding-bottom: 35px;
	border-bottom: 1px solid #EEE;
}

div.employer div.em-mass-update select,
div.employer div.em-mass-update div.submit-button {
	display: block;
}

/* Job integration. */
#wrapper-employer div.create_job_form div.classification-8-class div.classification div.answer input[name='classification[8][te_job_starts_date][day]'],
#wrapper-employer div.create_job_form div.classification-8-class div.classification div.answer input[name='classification[8][te_job_starts_date][month]'] {
	width: 40px;
}

#wrapper-employer div.create_job_form div.classification-8-class div.classification div.answer input[name="classification[8][te_job_starts_date][year]"] {
	width: 60px;
}
#wrapper-employer div.create_job_form div.classification-15-class div.classification div.answer input[name='classification[15][tmt_fixed_term_end_date][day]'],
#wrapper-employer div.create_job_form div.classification-15-class div.classification div.answer input[name='classification[15][tmt_fixed_term_end_date][month]'],
#wrapper-employer div.create_job_form div.classification-15-class div.classification div.answer input[name='classification[15][tmt_job_starts_date][day]'],
#wrapper-employer div.create_job_form div.classification-15-class div.classification div.answer input[name='classification[15][tmt_job_starts_date][month]'] {
	width: 40px;
}
#wrapper-employer div.create_job_form div.classification-15-class div.classification div.answer input[name="classification[15][tmt_fixed_term_end_date][year]"],
#wrapper-employer div.create_job_form div.classification-15-class div.classification div.answer input[name="classification[15][tmt_job_starts_date][year]"] {
	width: 60px;
}

.classification-header-info {
	margin: 20px 0;
}

.answer select.skill-level {
	margin-right: 0;
}

/* Project styles */
.em-list-projects {
	clear: both;
}

.em-project-attached-applications {
	margin-top: 20px;
}

/* Matching certain repeatable question answer, this style is used to mark an application row with red border */
div#em-project-attached-applications tr.status-match td:first-child,
div.em-list-projects tr.status-match td:first-child {
	background: linear-gradient(to right, #D85959 5px, transparent 5px);
}

/* Matching form stylings ** Override widget styles ** */
div.e-mp .ui-widget-header,
div.e-mp .ui-state-default,
div.e-mp .ui-widget-content .ui-state-default,
div.e-mp .ui-widget-header .ui-state-default {
	background: transparent;
}

div.em-project-form div.question_row span.error {
	font-weight: bold;
	background-color: transparent;
	color: #ff0000;
}

div.em-list-projects div.auto_list table.results a.customer-name {
	color: inherit;
	text-decoration: inherit;
}

a.link-icon {
	text-decoration: none;
	background: url(/images/link_icon.gif) no-repeat;
	line-height: 16px;
	padding-left: 16px;
}

/* And / or checkbox functionality on search form */
label.andor-radio {
	color: #999;
}

label.andor-radio:hover {
	color: #000;
	cursor: pointer;
}

img[alt="code"] {
	vertical-align: middle;
}

/* Register form styles */
div.em-register-form {
	padding: 30px 0 0 10px;
	margin: 0 auto;
}

div.em-register-form div.required_fields_info a {
	text-decoration: none;
	color: #333;
}

#wrapper-employer div.required_fields_info a {
	margin-left: 14px;
	cursor: text;
}

#wrapper-employer div.recruitment_plan_form div.text_row {
	margin-left: 14px;
}

#wrapper-employer div.recruitment_plan_form div.required_fields_info {
	margin-left: 25px;
}

#wrapper-employer div.em-register-form div.required_fields_info a {
	color: #333;
	margin-left: 0;
}

div.em-register-form div.sectiontitle {
	font-size: 18px;
	font-weight: bold;
	margin: 10px 0;
	padding: 2px 0;
	border-bottom: #DDD solid 1px;
}

#body-e-re div.em-languages {
	margin-right: 35px;
	float: right;
}

div#wrapper-login div.em-languages table {
	float: right;
}

div.em-forgotten-login-credentials-form {
	width: 525px;
	margin: 0 auto;
}

#wrapper-login #close-forgot-login-credentials-form {
	text-align: center;
}

div.em-forgotten-login-credentials-form input[type="text"] {
	margin: 0 5px;
	width: 260px;
}

td.job-classification div.sectiontitle,
.job-publication-header .sectiontitle,
.job-messaging-settings-header .sectiontitle,
.job-additional-settings-header .sectiontitle {
	font-size: 18px;
	font-weight: bold;
	margin: 20px 0 10px 0;
	padding: 2px 0;
	border-bottom: #DDD solid 1px;
	color: #07619B;
}

table.create_job_form tr td.job-classification div.question_row {
	margin-left: -11px;
}

div.ap-job-classification {
	padding: 10px;
	clear: both;
}

div.ap-job-classification .answer_row {
	max-width: 350px;
	width: 90%;
	float: left;
	padding: 20px 0 0 10px;
}

div.ap-job-classification .answer_row .question_col {
	max-width: 350px;
	width: 90%;
}

div.ap-job-classification .answer_row .answer_col {
	max-width: 350px;
	width: 90%;
}

div#wrapper-employer div.job-ad-intro-text {
	display: none;
}

div#wrapper-employer div.ap-job-classification {
	width: 720px;
}

table.em-job-comments {
	margin: 0 0 10px 5px;
}

table.em-job-comments .comment_time {
	width: 110px;
}

/* Login */
body#body-e-l,
body#body-,
body#body-e-sll {
	background: none;
	margin: 1% 0 0 0;
	padding: 0;
}

html#html- #wrapper-employer,
html#html-e-l #wrapper-employer,
html#html-e-sll #wrapper-employer {
	float: none;
	min-width: 0;
}

#html-e-l div#wrapper-employer,
html#html- div#wrapper-employer,
div#wrapper-login,
body#body-e-re div#wrapper-employer {
	margin: 0 auto;
	max-width: 725px;
	width: 80%;
	min-width: 0;
}

body#body-e-re div#wrapper-employer {
	float: none;
}

body#body-e-re div#wrapper-login div.status span.ok {
	text-align: left;
}

div.employer_login div.cont6,
html#html- div.cont6,
html#html-e-l div.cont6 {
	margin-top: -20px;
	text-align: center;
}

html#html- div.submit-button {
	background-image: none;
	padding-left: 0;
}

html#html- div#wrapper-employer .login_inner_div,
div.employer_login .login_inner_div {
	padding-top: 40px;
	display: flex;
	flex-flow: column;
	align-items: center;
}

div.employer_login div.login_logo_div {
	text-align: center;
	margin-top: 25px;
}

div.employer_login .login_logo_div img {
	width: 270px;
	transform: translateZ(0);
}

div#wrapper-employer div.em-languages-login,
div#wrapper-login div.em-languages-login {
	float: right;
	margin: 20px 110px 0 0;
}

div#wrapper-login div.input_row,
body#body- div.input_row {
	margin: 0;
}

#login_error_place_1 {
	display: block;
}

div.employer div.em-send-application {
	margin-bottom: 10px;
	border-bottom: 3px solid #07619B;
}

div.employer div.em-send-application div.cols {
	width: 29%;
	float: left;
}

div.employer div.em-send-application div.cols.col-1 {
	width: 260px;
}

div.employer div.em-send-application div.message-option {
	font-weight: bold;
}

div.employer div.em-send-application textarea {
	width: 88%;
	height: 70px;
	line-height: 15px;
}

div.employer div.em-send-application div.question {
	display: inline;
	clear: none;
	font-weight: bold;
	margin: 0 5px 0 0;
}

div.employer div.em-send-application div.laura-users-select {
	display: inline;
	clear: none;
}

div.employer div.em-send-application div.laura-users-select select {
	width: 96%;
	height: 80px;
}

table.mass_mail_form span.email_messaging_time_selector {
	margin-left: 7px;
}

table.mass_mail_form .clock_time_separator {
	margin-right: 7px;
}

div.employer div.em-send-application div.or-option {
	display: inline;
	clear: none;
	margin-right: 5px;
	font-weight: bold;
}

div.employer div.em-send-application div.external-email {
	display: inline;
	clear: none;
}

div.employer div.em-send-application div.external-email textarea::placeholder {
	color: #999;
	opacity: 1; /* Firefox */
}

div.employer div.list_management div.inform {
	color: #07619B;
	font-weight: bold;
	margin: 5px;
}

div.log span.add {
	font-weight: bold;
	color: #006600;
}

div.log span.remove {
	font-weight: bold;
	color: #660000;
}

div.em-sharedlist-log div.subheader,
div#em-sharedlist-changes .subheader {
	font-weight: bold;
}

div.confirm-changes {
	display: block;
	height: 30px;
	padding: 10px 0;
}

div.the_list div.save-as-sharedlist {
	height: 110px;
}

div.em-sharedlist-log span.new {
	font-weight: bold;
}

/* Social media */
.some-buttons {
	text-align: center;
	font-family: "Source Sans Pro", Arial, sans-serif;
	font-size: 1.0em;
	font-style: normal;
	margin-bottom: 5px;
}

.some-buttons a.some-icon {
	padding: 5px;
}

.some-buttons .some-header {
	padding-top: 15px;
	margin-bottom: 15px;
}

.some-buttons a.some-icon-whatsapp {
	display: none;
	padding: 5px;
}

.some-buttons #joblink_box {
	overflow: hidden;
}

.some-buttons #joblink_box_text {
	border: 1px solid #A5A5A5;
	background-color: #ECEAE3;
	overflow: hidden;
	padding: 5px;
}

/* Options in multiple select list */
option.open {
	color: #333;
}

option.closed {
	color: #999;
}

/* CV Order functionality */
div.em-order-form textarea {
	width: 285px;
}

div#order-summary {
	margin: 5px 0 15px -5px;
}

div#order-summary table {
	margin: 10px 0;
	width: 650px;
}

div#order-summary table tr {
	margin: 5px;
	border-bottom: 1px solid #CCC;
}

div#order-summary table td.right,
div#order-summary table th.right {
	text-align: right;
	padding: 0 5px 0 5px;
}

div#order-summary p,
div#order-summary table tr td {
	font-size: 12px;
	border: green 0 solid;
	padding: 5px;
	margin: 0;
}

div#order-summary p b,
div#order-summary table b {
	color: green;
	font-size: 16px;
}

div#order-summary table th {
	padding-left: 5px;
}

form#employer-order-form div.required_fields_info a {
	text-decoration: none;
	color: #666;
}

/* Disabled choices */
.choice-disabled {
	font-weight: bold;
	background: #DDD;
	color: #333;
}

/* Dynamic section styles */
div.edit-dynamic-section {
	text-align: right;
	padding: 20px;
}

div.edit-dynamic-section span a {
	cursor: pointer;
}

span.add-section {
	background: url(/images/accept.png) no-repeat;
	padding: 0 5px 0 20px;
	font-size: 16px;
	background-position-x: left;
	background-position-y: center;
}

span.delete-section {
	background: url(/images/delete.png) no-repeat;
	padding: 0 5px 0 20px;
	font-size: 14px;
	background-position-x: left;
	background-position-y: center;
}

/* Date positioning. */
div.normal_search_form div.dmy_row div.year input,
div.normal_search_form div.dmy_row div.year input {
	width: 40px;
}

div.dmy_row input.year,
div.dmy_row input.year2 {
	width: 60px;
}

#wrapper-applicant div.dmy_row div.answer_col input.day,
#wrapper-applicant div.dmy_row div.answer_col input.month,
#wrapper-applicant div.dmy_row div.answer_col input.day2,
#wrapper-applicant div.dmy_row div.answer_col input.month2 {
	width: 43px;
}

.from-date input.day,
.from-date input.month,
.from-date input.year,
.from-date input.hour,
.from-date input.min,
.to-date input.day2,
.to-date input.month2,
.to-date input.year2,
.to-date input.hour2,
.to-date input.min2 {
	display: block;
}

div.answer_col input.day,
div.answer_col input.month,
div.answer_col input.year,
div.answer_col input.hour,
div.answer_col input.min,
div.answer_col input.day2,
div.answer_col input.month2,
div.answer_col input.year2,
div.answer_col input.hour2,
div.answer_col input.min2 {
	margin-left: 0;
}

tr.to-date b,
tr.from-date b {
	padding-right: 10px;
}

tr.from-date,
tr.to-date {
	vertical-align: inherit !important;
}

.hour-min input.hour,
.hour-min input.min,
.hour-min input.hour2,
.hour-min input.min2 {
	max-width: 22px;
}

.hour-min-separator1 {
	padding: 5px 5px 0 0;
}

.hour-min-separator2 {
	padding: 0 5px 13px 0;
}

div.em-attach-to-saved-list {
	padding: 5px;
	margin: 2px 0 1px 0;
	clear: both;
	background-color: #FFFfe0;
	color: #000;
	height: 30px;
}

div.em-attach-to-saved-list select {
	float: left;
}

#wrapper-applicant div.required_fields_info a,
#wrapper-employer div.required_fields_info a {
	text-decoration: none;
	color: #000;
	cursor: text;
}

select#additional_responsible_users {
	float: left;
}

span.additional-responsible-users-list-user {
	background-color: #EEE;
	margin-right: 4px;
	padding: 0 2px;
	white-space: nowrap;
}

div#additional_responsible_users_group_selection {
	font-size: 12px;
	margin-bottom: 10px;
}

div#additional_responsible_users_group_selection_hdr {
	font-size: 12px;
	font-weight: bold;
}

div#additional_responsible_users_group_selection_list {
	font-size: 12px;
	overflow: auto;
	max-height: 80px;
	width: 450px;
}

div#additional_responsible_users_group_selection_list ul {
	-moz-column-count: 2;
	-webkit-column-count: 2;
	column-count: 2;
	margin: 0;
	padding: 0;
}

div#additional_responsible_users_group_selection_list ul li {
	display: block;
	list-style: none;
}

/* Lift additional responsible users up next to multiselect on modify job view */
body#body-e-mj span.additional-responsible-users-list-user {
	white-space: inherit;
}

body#body-e-canj span.additional-responsible-users-list-user {
	white-space: inherit;
}

/* Application */
#wrapper-employer div.employer div.em-send-application div.submit-button {
	float: right;
	padding: 0 2px 0 0;
	margin: 0;
}

/* Job Agent. */
div.applicant div.ap-order-job-agent div.title {
	clear: both;
	color: #07619B;
	display: block;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px;
	border-bottom: 1px solid #DDD;
	padding: 10px;
}

div.applicant div.ap-order-job-agent input[name="email"] {
	margin-top: 4px;
}

iframe#autosaver {
	border: 0;
	margin: 0;
	padding: 0;
	height: 0;
	overflow: hidden;
}

#wrapper-employer .e-cj .cont3 iframe {
	padding: 10px;
	margin-left: 0 !important;
	max-height: 115px;
}

#wrapper-employer .e-cj .cont3 iframe#job-description-textarea_ifr,
#wrapper-employer .e-cj .cont3 .fr-view iframe {
	width: 97% !important;
	border: none;
	max-height: 360px;
}

#wrapper-employer .e-cj .cont3 .file_row iframe {
	padding: initial;
	margin-left: initial !important;
	width: initial;
	max-height: initial;
}

div.ap-linkedin-import {
	text-align: left;
	padding: 3px 5px 3px 5px;
	background-color: #FFF;
	color: #000;
	border: 1px solid #c4d0de;
}

div.ap-linkedin-import div.button {
	margin-top: 10px;
}

div.ap-linkedin-import div.video-help {
	display: inline;
	padding-left: 3px;
}

div.applicant div.help-icon {
	float: right;
	margin-top: -2px;
}

div.need-classification div.question_row div.question_col {
	width: 100%;
}

div#standin-group-matching {
	margin: -22px 0 0 2px;
	padding: 0;
	float: left;
}

div#standin-group-matching form {
	margin: 0 2px 0 0;
	padding: 0;
	float: left;
}

div.flash-message {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1;
}

div.flash-message span {
	display: block;
	background: none #FFF;
	padding: 10px;
	width: 100%;
	text-align: center;
}

div.flash-message span.ok,
div.flash-message span.error {
	background: none #FFF;
}

div.auto_list table.results td.col_RemoveFromList a {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	display: block;
}

a.show-bookable-needs {
	font-weight: bold;
}

table.dataTable {
	width: 100% !important;
}

table.dataTable .col-Subject,
.dataTable .col-Department {
	width: 140px;
}

table.dataTable .col-NeedTimes {
	width: 320px;
}

table.dataTable .col-Qualifications {
	width: 240px;
}

table.dataTable .col-Booking {
	width: 40px;
}

table.dataTable td {
	padding-right: 10px;
	padding-bottom: 10px;
}

table.dataTable thead tr th,
table.dataTable tbody td {
	text-align: left;
	padding: 5px;
}

table.dataTable tbody tr.even td.sorting_1,
table.dataTable tbody tr.odd td.sorting_1 {
	background: inherit;
}

table.dataTable tbody tr.odd {
	background-color: #FFF;
}

table.dataTable tbody tr.even {
	background-color: #F0F0EA;
}

div#editable-questions-selects {
	float: left;
	display: block;
}

div#editable-questions-selects select {
	display: block;
	margin-bottom: 10px;
	max-width: 887px;
}

div#editable-questions .select2-container {
	margin-bottom: 5px;
}

#wrapper-employer div.the_list div.additional-questions form span.select2-container {
	margin-bottom: 0;
}

td.job-classification div#editable-questions-selects div.submit-button {
	margin: 0 0 0 5px;
	padding: 0;
}

#editable-questions-list {
	list-style: none;
	padding: 0;
	padding-right: 26px;
}

#editable-questions-list input {
	padding-top: 3px;
}

#editable-questions-list .ui-state-highlight {
	height: 3.5em;
	line-height: 3.2em;
}

#editable-questions-list li {
	background: none;
	border: none;
	border-top: 1px solid #DDD;
	display: block;
	padding: 0 10px 15px 0;
	margin: 0 0 0 174px;
}

#editable-questions-list li:hover {
	background-color: #F0F0EA;
}

#editable-questions-list li img.handle {
	cursor: move;
	vertical-align: top;
	margin: 0 8px;
}

.remove-editable-question {
	float: right;
	width: 20px;
}

.remove-editable-question img {
	cursor: pointer;
}

div#editable-questions-action {
	display: none;
	background: url('/images/ajax-download-indicator.gif') no-repeat 0 0;
	height: 50px;
}

div#editable-questions-action-info {
	padding: 6px 0 0 35px;
}

div.em-list-questions td,
div.em-list-questions #auto_list_table_edit_questions th {
	padding-left: 10px;
	text-align: left;
}

div.em-modify-question div.new-choice {
	border: 1px dotted #999;
	background-color: #f8f8f8;
	padding: 10px;
}

div#editable-questions-required-tip {
	font-size: 14px;
}

/* Employer question section and group styles */
#wrapper-employer div.e-mqg div.em-edit-question-group div.answer_col input[type="text"],
#wrapper-employer div.e-mqs div.em-edit-question-section div.answer_col input[type="text"] {
	width: auto;
}

#wrapper-employer div.e-mqs a img,
#wrapper-employer div.e-mqg a img {
	margin-bottom: -4px;
	margin-left: 4px;
}

#wrapper-employer div.e-mqs span.employer-question-duplicates a {
	color: #F95A00;
	background-color: #FFE7A1;
	padding: 3px;
	font-weight: bold;
}

/* Question modification. */
div.em-modify-question div.auto_list {
	border-top: 0;
}

div.em-modify-question span {
	margin-top: 10px;
	display: inline-block;
}

div.em-modify-question div.sectiontitle {
	margin: 0;
}

/* Fixed area on the applicant side. */
div.applicant-fixed-area {
	display: block;
	position: fixed;
	bottom: 0;
	right: 0;
	z-index: 1;
	zoom: 1;
	filter: alpha(opacity=80);
	opacity: 1;
	line-height: 1;
	background-color: transparent;
}

div#toggle-draft-save-info {
	float: right;
	border-left: 2px solid #AAA;
	border-top: 2px solid #AAA;
	border-right: 2px solid #AAA;
	padding: 5px 10px 6px;
	border-radius: 4px 4px 0 0;
	margin-bottom: -2px;
	background: #FFF;
	font-size: 12px;
	cursor: pointer;
}

div.applicant-fixed-area div.manualsaver {
	padding: 5px;
	margin: 0 auto;
	width: 450px;
	height: 60px;
	border-radius: 4px 0 0 0;
	border: 2px solid #AAA;
	border-bottom: none;
	clear: right;
	background: #FFF;
	cursor: pointer;
}

div.applicant-fixed-area div.manualsaver div.submit-button {
	float: right;
	margin-top: 0;
}

div.applicant-fixed-area div.manualsaver div.draft-saving-time {
	line-height: 1;
	font-size: 85%;
	padding: 0 5px;
}

/* qTip additional styles. */
img[data-hasqtip] {
	border-bottom: none 0;
}

div.list-tools {
	width: 100%;
	min-height: 30px;
	background: inherit;
	margin-top: 40px;
}

div.list-tools .export-list-csv {
	float: left;
	position: relative;
}

.fancybox img.play-icon {
	margin-left: -73%;
}

#body-e-cpl .export-list-csv {
	float: left;
	position: relative;
}

select option[disabled="disabled"] {
	color: #a1a1a1;
}

/* Applicant header text. */

div.applicant div.logged-header-text {
	font-size: 10px;
	margin: 0 0 0 0;
	padding: 10px;
	background-color: #FFF;
	border: 1px solid #CCC;
}

div span.view-introduction {
	text-align: right;
	padding-right: 2px;
	cursor: pointer;
}

div#debug-output {
	padding: 5px;
	font-size: 16px;
}

div#debug-summary {
	position: fixed;
	bottom: 0;
	width: 99%;
	padding: 5px;
	overflow: hidden;
	height: 100px;
	background-color: #f8f8f8;
	color: #000;
	border: 3px double red;
}

body#body-debug div#wrapper-applicant {
	width: 100%;
	margin: 0;
}

body#body-debug div#wrapper-applicant div.applicant {
	width: 100%;
	margin: 0;
}

div.answer_col .matrise1 {
	width: 135px;
}

div.answer_col .matrise2 {
	width: 70px;
}

/* Page width. */
#wrapper-employer div.main_cont1.e-oa div.cont3,
#wrapper-employer div.main_cont1.e-ahr div.cont3,
#wrapper-employer div.main_cont1.e-mq div.cont3,
#wrapper-employer div.main_cont1.e-asa div.cont3,
#wrapper-employer div.main_cont1.e-ps div.cont3,
#wrapper-employer div.main_cont1.e-pa div.cont3,
#wrapper-employer div.main_cont1.e-crp div.cont3,
#wrapper-employer div.main_cont1.e-fa div.cont3,
#wrapper-employer div.main_cont1.e-pn div.cont3,
#wrapper-employer div.main_cont1.e-sn div.cont3,
#wrapper-employer div.main_cont1.e-cc div.cont3,
#wrapper-employer div.main_cont1.e-mcm div.cont3,
#wrapper-employer div.main_cont1.e-mcc div.cont3,
#wrapper-employer div.main_cont1.e-mcp div.cont3,
#wrapper-employer div.main_cont1.e-vp div.cont3,
#wrapper-employer div.main_cont1.e-etu div.cont3,
#wrapper-employer div.main_cont1.e-cj div.cont3,
#wrapper-employer div.main_cont1.e-canj div.cont3,
#wrapper-employer div.main_cont1.e-cjfp div.cont3,
#wrapper-employer div.main_cont1.e-mj div.cont3,
#wrapper-employer div.main_cont1.e-ljt div.cont3,
#wrapper-employer div.main_cont1.e-cp div.cont3,
#wrapper-employer div.main_cont1.e-cu div.cont3,
#wrapper-employer div.main_cont1.e-mp div.cont3,
#wrapper-employer div.main_cont1.e-nv div.cont3,
#wrapper-employer div.main_cont1.e-mrp div.cont3,
#wrapper-employer div.main_cont1.e-sm div.cont3,
#wrapper-employer div.main_cont1.e-lmm div.cont3,
#wrapper-employer div.main_cont1.e-lmmcs div.cont3,
#wrapper-employer div.main_cont1.e-lmmas div.cont3,
#wrapper-employer div.main_cont1.e-pmm div.cont3,
#wrapper-employer div.main_cont1.e-mmml div.cont3,
#wrapper-employer div.main_cont1.e-aen div.cont3,
#wrapper-employer div.main_cont1.e-sen div.cont3,
#wrapper-employer div.main_cont1.e-een div.cont3,
#wrapper-employer div.main_cont1.e-mu div.cont3,
#wrapper-employer div.main_cont1.e-stu div.cont3,
#wrapper-employer div.main_cont1.e-cg div.cont3,
#wrapper-employer div.main_cont1.e-mg div.cont3,
#wrapper-employer div.main_cont1.e-cf div.cont3,
#wrapper-employer div.main_cont1.e-mf div.cont3,
#wrapper-employer div.main_cont1.e-cd div.cont3,
#wrapper-employer div.main_cont1.e-md div.cont3,
#wrapper-employer div.main_cont1.e-cdg div.cont3,
#wrapper-employer div.main_cont1.e-mdg div.cont3,
#wrapper-employer div.main_cont1.e-mma div.cont3,
#wrapper-employer div.main_cont1.e-nsp div.cont3,
#wrapper-employer div.main_cont1.e-os div.cont3,
#wrapper-employer div.main_cont1.e-an div.cont3,
#wrapper-employer div.main_cont1.e-fi div.cont3,
#wrapper-employer div.main_cont1.e-mi div.cont3,
#wrapper-employer div.main_cont1.e-aqg div.cont3,
#wrapper-employer div.main_cont1.e-lmmt div.cont3,
#wrapper-employer div.main_cont1.e-mmm div.cont3,
#wrapper-employer div.main_cont1.e-ccd div.cont3,
#wrapper-employer div.main_cont1.e-mcd div.cont3,
#wrapper-employer div.main_cont1.e-lcd div.cont3,
#wrapper-employer div.main_cont1.e-ccda div.cont3,
#wrapper-employer div.main_cont1.e-mcda div.cont3,
#wrapper-employer div.main_cont1.e-ncsp div.cont3,
#wrapper-employer div.main_cont1.e-ocs div.cont3,
#wrapper-employer div.main_cont1.e-ccdp div.cont3,
#wrapper-employer div.main_cont1.e-mcdp div.cont3,
#wrapper-employer div.main_cont1.e-cplmm div.cont3,
#wrapper-employer div.main_cont1.e-lmms div.cont3,
#wrapper-employer div.main_cont1.e-cja div.cont3,
#wrapper-employer div.main_cont1.e-cma div.cont3 {
	max-width: 950px;
}

/* Interview page */
#wrapper-employer div.interview_page div.question_col {
	width: 36%;
}

#wrapper-employer div.interview_page div.answer_col {
	width: 56%;
}

/* Search */
#wrapper-employer div.main_cont1.e-nsp div.cont3,
#wrapper-employer div.em-co-determination-search-form {
	overflow-x: hidden;
}

#wrapper-employer div.main_cont1.e-nsp div.cont3 div.answer_col,
#wrapper-employer div.em-co-determination-search-form div.answer_col {
	width: 70%;
}

.e-s div.context_menu,
.e-os div.context_menu,
.e-tuas div.context_menu {
	height: 53px;
	padding: 10px 0;
}

.e-tas div.context_menu {
	height: 53px;
}

.e-nsp .context_menu {
	display: block;
	width: auto;
	height: 62px;
	float: none;
}

/* Message boxes. */
#html-e-l #wrapper-employer div.status,
#html- #wrapper-employer div.status {
	background: none;
	border: none;
	margin: 0;
	padding: 0;
}

#wrapper-employer div.info,
#wrapper-employer span.info,
#wrapper-employer .e-sfj div.status,
#wrapper-employer div.help,
#wrapper-employer div.em-project-form div.question_row.help,
div.comment-section div.section div.help,
div.interview_page div.section div.help,
div.form_preview div.section div.help,
div.em-co-determination-form div.help,
div#co-determination-profile-form-notice span.help,
div.em-co-determination-form span.help,
.sharedlist-info,
#wrapper-other-cover div.direct-list-header-text,
#wrapper-other-cover div.direct_list_footer_text,
.fancybox-wrap .info,
#wrapper-applicant #ap-set-password div.info,
#wrapper-login #em-set-password div.info {
	width: auto;
	margin: 10px 0;
	color: #333;
	background-repeat: no-repeat;
	background-position: 17px center;
	background-image: url(../images/laura-icon-popup-info.png);
	border-radius: 2px;
	display: block;
	padding: 15px 15px 15px 60px;
	text-align: left;
	font-weight: bold;
	background-color: #FFF;
	border: 1px solid #07619B;
	border-radius: 3px;
	clear: both;
	background-size: 26px;
	box-sizing: border-box;
}

#wrapper-other-cover div.direct-list-header-text,
#wrapper-other-cover div.direct_list_footer_text {
	max-width: 666px;
	margin: auto;
	margin-top: 25px;
}

.sharedlist-info {
	font-weight: normal;
}

#wrapper-applicant div.ap_status span.ok,
#wrapper-employer span.ok,
.fancybox-opened div.status span.ok,
#body-e-flc div.status span.ok {
	width: auto;
	border: 1px solid #7ABA57;
	margin: 5px 0 20px 0;
	background-repeat: no-repeat;
	background-position: 17px center;
	background-image: url(../images/laura-icon-popup-success.png);
	display: block;
	float: left;
	padding: 15px 15px 15px 60px;
	text-align: left;
	border-radius: 2px;
	background-color: #FFF;
	color: #333;
	font-weight: bold;
	background-size: 26px;
}

#wrapper-applicant div.ap_status span.error,
#wrapper-applicant div.ap-forgotten-login-credentials-form span.error,
#wrapper-employer span.error,
#wrapper-employer div.status span.error,
#wrapper-employer div.answer_col span.error,
#wrapper-employer div.ap_status span.error,
#wrapper-employer div.ap_jobnotify span.error,
#wrapper-employer div.hour-report-form span.error,
#wrapper-employer div.ap-hour-report-form span.error,
div.employer_login div.status,
div.employer_login div.status div,
.fancybox-opened div.status span.error,
#popup-dialog-info .warning,
#wrapper-login div.cont3 span.error {
	width: auto;
	border: 1px solid #EFAE00;
	margin: 15px 0 30px 0;
	color: #333;
	font-size: 15px;
	background-repeat: no-repeat;
	background-position: 17px center;
	background-image: url(../images/laura-icon-popup-warning.png);
	display: block;
	padding: 15px 15px 15px 60px;
	text-align: left;
	border-radius: 2px;
	background-color: #FFF;
	font-weight: bold;
	background-size: 26px;
}

#wrapper-applicant #ap-set-password div.error,
#wrapper-login #em-set-password div.error {
	width: auto;
	border: 1px solid #FF0000;
	margin: 15px 0 30px 0;
	color: #FF0000;
	font-size: 15px;
	background-repeat: no-repeat;
	background-position: 17px center;
	background-image: url(../images/laura-icon-popup-error.png);
	display: block;
	padding: 15px 15px 15px 60px;
	text-align: left;
	border-radius: 2px;
	background-color: #FFF;
	font-weight: bold;
	background-size: 26px;
}

#popup-dialog-info .warning {
	margin: 0;
}

#wrapper-employer div.status span.error {
	margin: 10px 0;
	float: left;
	clear: both;
}

#wrapper-employer div.section span.error {
	margin: 0 0 -12px 0;
}

#wrapper-employer div.status b,
div.employer_login div.status span.ok,
#wrapper-employer div.status span.ok {
	font-size: 15px;
	text-align: left;
	clear: both;
}

#wrapper-employer .e-db .subject,
#wrapper-employer .e-db .time {
	font-size: 12px;
	font-weight: bold;
	padding: 2px;
	width: auto;
	text-align: left;
}

#wrapper-employer .e-db .title_row th {
	background-color: #E0E0E0;
	padding-top: 3px;
	padding-bottom: 3px;
}

.e-db .page_selection,
.e-db .result_count,
.e-db .show-all-rows,
.e-db .title_row a,
.e-db .widget_product_news .header,
.e-db .widget_product_news .time {
	display: none;
}

.e-db .open.odd {
	background-color: #FFF;
}

.e-db .open.even {
	background-color: #F7F7F7;
}

#wrapper-employer div.e-o div.em-ap-list-list {
	padding: 10px 0;
}

#wrapper-employer div.e-o div.em-ap-list-list div.info {
	margin: 10px 0 10px 0;
}

#wrapper-employer .e-db td.col_New {
	background: none;
}

#wrapper-employer .e-db .auto_list.auto_list_ru_page td {
	vertical-align: top;
	text-align: left;
}

#wrapper-employer .e-db .auto_list.auto_list_ru_page {
	border: none;
}

#wrapper-employer .auto_list.auto_list_product-news {
	border: none;
	margin-top: 0;
	padding-top: 0;
}

#wrapper-employer .e-sfj div.status {
	margin: 15px 7px 30px 0;
}

element.style {
	width: auto;
}

.auto_list.auto_list_product-news {
	padding: 0;
	margin: 0;
}

table#example {
	width: 100%;
}

table.jqplot-cursor-tooltip {
	font-size: 12px;
}

#sortable {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 60%;
	float: left;
}

#sortable li {
	margin: 0 3px 3px 3px;
	padding: 0.4em;
	padding-left: 1.5em;
	font-size: 1.4em;
	height: 18px;
}

#sortable li span {
	position: absolute;
	margin-left: -1.3em;
}

/* Tables (including datatables). */
table#auto_list_table_select_job tr td.first,
table#auto_list_table_user_selection td.col_Lastname,
table#auto_list_table_department_selection td.col_departmentid,
table#auto_list_table_select_job_to_fill td.col_Name,
table#auto_list_table_select_recruitment_plan td.col_Subject,
table#auto_list_table_select_need td.col_Subject,
table#auto_list_table_select_expert_need td.col_Subject,
table#auto_list_table_sent-hour-reports td.col_StandinFirstname,
.em-survey-list .col_Title {
	padding-left: 18px;
}

div.auto_list_search_results tr.checkbox div.auto_list_search_results td.col_Lastname a,
div.auto_list_search_results td.col_Lastname a,
div.auto_list_search_results td.col_apid a,
div.auto_list_search_results td.col_Lastname a:link,
div.auto_list_search_results td.col_apid a:link {
	text-decoration: none;
	color: inherit;
}

div.auto_list_search_results tr.checkbox div.auto_list_search_results td.col_Lastname a,
div.auto_list_search_results td.col_Lastname a,
div.auto_list_search_results td.col_Lastname a:link,
div.auto_list_search_results tr.checkbox div.auto_list_search_results td.col_Firstname a,
div.auto_list_search_results td.col_Firstname a,
div.auto_list_search_results td.col_Firstname a:link {
	font-weight: bold;
}

div.auto_list_search_results td.col_Job a,
div.auto_list_search_results td.col_Job a:link,
div.auto_list_search_results td.col_jid a,
div.auto_list_search_results td.col_jid a:link {
	text-decoration: underline;
	color: #07619B;
}

div.auto_list_search_results td.col_Job:hover a {
	text-decoration: none;
}

/* Widgets */
.e-db h3 {
	font-size: 16px;
}

.widget_outer {
	position: relative;
	vertical-align: top;
	display: inline-block;
	height: 360px;
	overflow: hidden;
	background: center url(../images/ajax-loader.gif) no-repeat;
}

.widget_padding_layer {
	display: none;
	padding: 10px 0 0 10px;
	background-color: #FFF;
}

.widget_outer.widget_x1_size {
	width: 330px;
}

.widget_outer.widget_x2_size {
	width: 660px;
}

.widget_outer.widget_x3_size {
	width: 990px;
}

.widget_outer.widget_full_size {
	width: 100%;
}

.widget_expandable_button a,
.paginate_enabled_next {
	font-size: 14px;
}

.widget_bottom_link {
	font-weight: bold;
	margin: 0 0 0 5px;
}

.widget_expandable_button {
	height: 50px;
	display: none;
	position: absolute;
	left: 0;
	bottom: 0;
	background: center url(../images/gradient_show_more.png) repeat-x;
	z-index: 99;
}

.widget_expandable_button div {
	margin: 25px 0 0 15px;
}

.widget_heading {
	height: 35px;
}

.widget_complete_listing_link {
	display: none;
}

.widget_responsible_users_jobs .widget_complete_listing_link {
	display: inline;
}

.widget_rss_feed .widget_bg_gray {
	background: #F7F7F7;
	height: 310px;
}

.widget_rss_feed .widget_bg_gray a {
	color: #3878A6;
}

.widget_rss_feed .widget_bg_gray ul {
	padding: 15px 0 0 0;
	margin: 0 5px 0 20px;
}

.widget_datatable.widget_outer {
	background: none;
}

div.widget_datatable .dataTable {
	width: 100%;
}

div.widget_datatable div.dataTables_length {
	display: none;
}

div.widget_datatable div.dataTables_filter {
	display: none;
}

div.widget_datatable div.dataTables_info {
	display: none;
}

.e-css .ui-widget {
	font-size: 14px !important;
}

#widgets div.ui-sortable-placeholder,
.kanban-column .ui-sortable-placeholder {
	background: #FADBC0;
	visibility: visible !important;
}

#list-kanban-listing .ui-sortable-helper {
	transform: rotate(5deg);
	transition: transform .15s linear;
}

.ui-widget,
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: "Source Sans Pro", Arial, sans-serif !important;
}

div.dataTables_wrapper .paginate_button.disabled {
	color: #808080;
	text-decoration: none;
	cursor: default;
}

/* Product news and system news widgets. */
#wrapper-employer .widget_product_news td.col_News {
	background: #FFF;
	border: none;
	border-bottom: 5px solid #FFF;
}

#wrapper-employer .widget_system_news .news_item {
	background: #F7F6F3;
	padding: 5px;
	margin-bottom: 5px;
}

#wrapper-employer div.message {
	width: auto;
}

#wrapper-employer .widget_product_news .even,
#wrapper-employer .widget_product_news .odd {
	background: none;
}

/* Responsible user's jobs' */
#responsible_jobs.widget_outer {
	height: auto;
}

#responsible_jobs .paginate_button,
#pending_requests .paginate_button {
	padding: 1px 7px 0 7px;
}

#responsible_jobs .current {
	font-weight: bold;
}

#responsible_jobs h3,
#pending_requests h3 {
	margin-bottom: 0;
}

/* BarChart */
div.widget_bar_graph div.jqplot-highlighter-tooltip {
	font-size: 20px;
	font-weight: bold;
	background-color: #FFF;
}

/* AP pop-up calendar */
div.ap_popup_calendar {
	background-color: transparent;
	font-size: 14px;
}

div.ap_popup_calendar table {
	width: 100vw;
	height: 100vh;
	background-color: transparent;
	padding: 2px;
	border: 1px solid #999;
}

div.ap_popup_calendar td {
	width: 20px;
	height: 20px;
	background-color: #e8e8e8;
	text-align: center;
}

div.ap_popup_calendar th {
	height: 20px;
	background-color: #e8e8e8;
	text-align: center;
}

div.ap_popup_calendar td a,
td.cal_menu a {
	font-size: 14px;
	text-decoration: none;
	font-weight: bold;
}

div.ap_popup_calendar table td.cal_currentday,
div.ap_popup_calendar table td.cal_selectedcurrentday {
	background-color: #008000;
}

div.ap_popup_calendar table td.cal_currentday a,
div.ap_popup_calendar table td.cal_selectedcurrentday a {
	color: #FFF;
}

div.ap_popup_calendar table td.cal_notthismonth {
	background-color: #f8f8f8;
}

/* Calendar */
#calendar {
	border: 0;
	padding: 0;
	margin: 0;
	background-color: #FFF;
	overflow: visible;
	font-size: 14px;
	height: 772px !important;
}

#calendar table {
	border-collapse: collapse;
}

#calendar #tbody {
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
}

#calendar #hours {
	position: relative;
	left: 5px;
	top: 0;
}

#calendar .weekdaycolumn {
	border: 1px #999 solid;
	padding: 2px;
	float: left;
	margin-top: -6px;
}

/* temporar for table layout */
#calendar .weekdaycolumn_ {
	border: 1px #999 solid;
	padding: 2px;
	margin-top: -6px;
}

/* Width of column depend on how many days are selected to show on calendar. */

/* This was used with div layout, but not used on current (v0.2) table presentation. */
#calendar .count1 {
	width: 98%;
}

#calendar .count2 {
	width: 49%;
}

#calendar .count3 {
	width: 33%;
}

#calendar .count4 {
	width: 24%;
}

#calendar .count5 {
	width: 19%;
}

#calendar .count6 {
	width: 15%;
}

#calendar .count7 {
	width: 13%;
}

/* week day title */
#calendar h5,
#calendar th {
	text-align: center;
	background-color: #CCC;
	border: 1px solid #e5eff8;
	padding: 15px 0 15px 0;
}

#calendar td {
	margin: 0;
	vertical-align: top;
	border: 0;
	padding: 0 1px;
	border-left: 1px #CCC dashed;
	background-color: transparent;
	height: 40px;
}

#calendar td td {
	border-left: 0;
}

#calendar #tbody th {
	width: 80px;
	text-align: center;
	height: 20px;
	white-space: nowrap;
	font-size: 14px;
	border-left: 5px solid #FFF;
	border-right: 5px solid #FFF;
	border-radius: 2px;
}

#calendar tbody {
	border-right: dashed 1px #CCC;
}

#calendar tbody tbody {
	border-right: none;
}

/* hour lines for older style are hr tags, for new style div layers */
#calendar .hourline {
/* margin top fix. see also functions getWeekDayColumns2 method... */
	margin: -34px 0 0 -2px;
	padding: 0;
	width: 680px;
	border-top: 1px #CCC dashed;
/* absolute is needed because of overlapping dashed line top value comes from .hourline(n) classes */
	position: absolute;
	z-index: 0;
}

#calendar tbody tbody {
	border-left: 3px solid #FFF;
	border-right: 3px solid #FFF;
}

.em_calendar_need_view #calendar .hourline {
	position: absolute;
	z-index: 0;
}

* html #calendar .hourline {
	margin: -34px 0 0 -2px;
	width: 680px;
}

*:first-child+html #calendar .hourline {
	margin: -34px 0 0 -2px;
	width: 680px;
}

div.applicant #calendar .hourline {
	width: 99%;
}

* html div.applicant #calendar .hourline {
	width: 768px;
}

*:first-child+html div.applicant #calendar .hourline {
	width: 768px;
}

/* hour lines for older style are hr tags, for new style div layers */
#calendar .oddline {
/* margin top fix. see also functions getWeekDayColumns2 method... */
	margin: -4px 0 0 -5px;
	padding: 0;
	width: 100%;
	height: 30px;
/* absolute is needed because of overlapping dashed line, top value comes from .hourline(n) classes */
	position: absolute;
	z-index: 0;
}

/* hourline positions with 1 px / 2 min */
#calendar .hl0 {
	top: 806px;
}

#calendar .hl1 {
	top: 85px;
}

#calendar .hl2 {
	top: 115px;
}

#calendar .hl3 {
	top: 145px;
}

#calendar .hl4 {
	top: 175px;
}

#calendar .hl5 {
	top: 205px;
}

#calendar .hl6 {
	top: 235px;
}

#calendar .hl7 {
	top: 265px;
}

#calendar .hl8 {
	top: 295px;
}

#calendar .hl9 {
	top: 325px;
}

#calendar .hl10 {
	top: 355px;
}

#calendar .hl11 {
	top: 385px;
}

#calendar .hl12 {
	top: 415px;
}

#calendar .hl13 {
	top: 445px;
}

#calendar .hl14 {
	top: 475px;
}

#calendar .hl15 {
	top: 505px;
}

#calendar .hl16 {
	top: 535px;
}

#calendar .hl17 {
	top: 565px;
}

#calendar .hl18 {
	top: 595px;
}

#calendar .hl19 {
	top: 625px;
}

#calendar .hl20 {
	top: 655px;
}

#calendar .hl21 {
	top: 685px;
}

#calendar .hl22 {
	top: 715px;
}

#calendar .hl23 {
	top: 745px;
}

#calendar .hl24 {
	top: 775px;
}

#calendar .ol0 {
	top: 806px;
}

#calendar .ol1 {
	top: 85px;
}

#calendar .ol2 {
	top: 115px;
}

#calendar .ol3 {
	top: 145px;
}

#calendar .ol4 {
	top: 175px;
}

#calendar .ol5 {
	top: 205px;
}

#calendar .ol6 {
	top: 235px;
}

#calendar .ol7 {
	top: 265px;
}

#calendar .ol8 {
	top: 295px;
}

#calendar .ol9 {
	top: 325px;
}

#calendar .ol10 {
	top: 355px;
}

#calendar .ol11 {
	top: 385px;
}

#calendar .ol12 {
	top: 415px;
}

#calendar .ol13 {
	top: 445px;
}

#calendar .ol14 {
	top: 475px;
}

#calendar .ol15 {
	top: 505px;
}

#calendar .ol16 {
	top: 535px;
}

#calendar .ol17 {
	top: 565px;
}

#calendar .ol18 {
	top: 595px;
}

#calendar .ol19 {
	top: 625px;
}

#calendar .ol20 {
	top: 655px;
}

#calendar .ol21 {
	top: 685px;
}

#calendar .ol22 {
	top: 715px;
}

#calendar .ol23 {
	top: 745px;
}

#calendar .ol24 {
	top: 775px;
}

/* filling calendar is a tricky part. here we use empty blocks and filled blocks... */
#calendar .fill_block {
	background-color: #0c87c4;
	overflow: hidden;
	width: 100%;
}

/* color codes (types) for different time span blocks */
#calendar .empty_block {
	background-color: transparent;
	width: 100%;
}

.applicant #calendar .free_block,
.em_calendar_need_view #calendar .free_block {
	background: #a2d8c6;
}

* html #calendar #tbody {
	table-layout: fixed;
}

#calendar #tbody table {
	table-layout: fixed;
}

#calendar #tbody .first {
	width: 80px;
}

/* How many cols do we need on day column.*/
div.em_calendar_edit .fieldset3col,
div.ap_calendar_edit .fieldset3col {
	width: 346px;
	float: left;
	margin: 5px;
}

div.em_calendar_edit .fieldset2col,
div.ap_calendar_edit .fieldset2col {
	width: 346px;
	float: left;
	margin: 5px;
}

div.em_calendar_edit .fieldset1col,
div.ap_calendar_edit .fieldset1col {
	margin: 5px;
}

#calendar .cols1 {
	width: 100%;
}

#calendar .cols2 {
	width: 48%;
}

#calendar .cols3 {
	width: 32%;
}

#calendar .cols4 {
	width: 24%;
}

/* set zero values to elements class */
.zero {
	margin: 0;
	padding: 0;
	border: 0;
}

/* Applicant calendar */
div.ap_calendar_menu {
	margin: 5px;
}

div.ap_calendar_edit table {
	margin: 0 37%;
}

div.em_calendar_edit textarea {
	height: 100px;
	width: 580px;
}

/* Calendar navigation button styles */
div.em_calendar_need_view form {
	margin-bottom: 20px;
}

div.em_calendar_need_view select {
	float: left;
}

div.em_calendar_need_view input.calnav,
div.ap_calendar_menu input.calnav {
	margin-top: -1px;
	margin-bottom: -7px;
	padding-bottom: 1px;
	width: 22px;
	height: 30px;
}

div.em_calendar_edit div.error {
	padding: 5px;
	color: red;
}

div.ap_calendar_menu a {
	display: inline-block;
}

div.ap_calendar_menu input[name="prevw"],
div.ap_calendar_menu input[name="prevm"],
div.ap_calendar_menu input[name="prevy"],
div.em_calendar_need_view input[name="prevw"],
div.em_calendar_need_view input[name="prevm"],
div.em_calendar_need_view input[name="prevy"] {
	background: #FFF url(../images/laura-icon-arrow-previous.svg) no-repeat;
}

div.ap_calendar_menu input[name="nextw"],
div.ap_calendar_menu input[name="nextm"],
div.ap_calendar_menu input[name="nexty"],
div.em_calendar_need_view input[name="nextw"],
div.em_calendar_need_view input[name="nextm"],
div.em_calendar_need_view input[name="nexty"] {
	background: #FFF url(../images/laura-icon-arrow-next.svg) no-repeat;
}

#calendar div.need_block {
	padding: 0 2px 0 2px;
	text-align: center;
	z-index: 2;
	position: relative;
}

/* Small fixes form em_calendar_need_view */
div.em_calendar_need_view input[name="change_department"] {
	margin-bottom: 1px;
}

div.em_calendar_need_view div form b,
div.ap_calendar_menu div form b {
	text-transform: capitalize;
	font-weight: normal;
}

#calendar center {
	display: block;
	width: 92px;
	margin: 5px 0 10px 0;
	z-index: 2;
	position: relative;
	font-weight: bold;
}

div.e-an div.em_calendar_edit td {
	font-weight: bold;
	padding-right: 5px;
}

div.e-an div.em_calendar_edit input,
div.e-an div.em_calendar_edit textarea {
	font-weight: normal;
}

.prevw {
	background: inherit url(/images/arrow_previous.png);
}

.nextw {
	background: inherit url(/images/arrow_next.png);
}

.prevm {
	background: inherit url(/images/arrow_previous.png);
}

.nextm {
	background: inherit url(/images/arrow_next.png);
}

.prevy {
	background: inherit url(/images/arrow_previous.png);
}

.nexty {
	background: inherit url(/images/arrow_next.png);
}

td div.need-classification {
	margin: 0 10px;
}

div.need-classification div.question_col {
	width: 150px;
	padding-right: 10px;
}

div.need-classification div.answer_col {
	padding-left: 2px;
}

div.need-classification div.section div.answer_col textarea {
	width: 540px;
}

div.need-classification div.sectiontitle {
	padding: 5px 0 10px 0;
	font-style: italic;
	font-weight: 300;
}

#wrapper-employer div.em_calendar_need_view div#calendar th.first {
	background: #FFF;
	border: none;
}

/* Calendar view spans */
#calendar span.department {
	font-weight: bold;
}

#calendar span.booked-standins {
	font-weight: bold;
}

#wrapper-employer div.main_cont1.e-dc div.cont3 {
	width: auto;
}

div.em_calendar_need_view input.calnav,
div.ap_calendar_menu input.calnav {
	width: auto;
	margin: 10px 4px 0 4px;
	padding: 0 8px;
	vertical-align: middle;
	cursor: pointer;
}

#calendar .new {
	background: linear-gradient(to right, #D85959 2px, transparent 2px);
	background-color: #fed8d9;
}

#calendar .sms {
	background: linear-gradient(to right, #9A9CA6 2px, transparent 2px);
	background-color: #caffff;
}

#calendar .partly {
	background: linear-gradient(to right, #EFAE00 2px, transparent 2px);
	background-color: #faf0c7;
}

#calendar .fully {
	background: linear-gradient(to right, #7ABA57 2px, transparent 2px);
	background-color: #a2d8c6;
}

#calendar .canceled {
	background: linear-gradient(to right, #9A9CA6 2px, transparent 2px);
	background-color: #ccc;
}

#calendar .book {
	background: linear-gradient(to right, #7ABA57 2px, transparent 2px);
	background-color: #c2edc2;
}

#calendar .oddline {
	width: 100%;
}

#calendar .hourline {
	width: 100%;
}

/* Dropzone CSS. */
/* For a reference, see: https://rawgit.com/enyo/dropzone/master/dist/dropzone.css */
.dropzone,
.dropzone * {
	box-sizing: border-box;
}

.dz-form,
.dz-margin-20px {
	margin: 20px !important;
	padding: 0 !important;
}

form.dropzone,
.dz-form {
	padding: 0;
	border: none;
	background: none;
}

.dz-form {
	border: none !important;
	background: none !important;
}

.dz-form span {
	font-weight: bold;
}

.dz-form.dropzone.error {
	margin-top: 0 !important;
	height: 40px;
}

.dz-form.dropzone.dz-dialog {
	text-align: center;
	height: 120px;
}

.dz-default.dz-message {
	display: table;
	height: 100%;
	width: 100%;
}

.dz-default.dz-message span {
	height: 215px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-weight: bold;
	transition: 0.5s;
}

.dz-custom-message {
	display: table;
	height: 30px;
	width: 100%;
}

.dz-custom-message span {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-weight: bold;
	cursor: pointer !important;
	padding: 15px;
}

.dz-preview {
	height: 100% !important;
	width: 100% !important;
}

.dz-file-preview {
	width: 100% !important;
	margin: 5px !important;
	background: #F0F0EA !important;
}

.dz-image-preview {
	width: 100% !important;
	margin: 5px !important;
	background: #F0F0EA !important;
}

.dz-details {
	height: 100% !important;
	min-height: 55px !important;
	max-height: 60px !important;
	width: 83% !important;
	margin-bottom: 5px !important;
}

.dz-filename {
	display: inline-block;
	vertical-align: top;
	height: 20px !important;
	margin-left: 20px;
	max-width: 65%;
}

.dz-filename span {
	font-weight: bold;
}

.dz-filename a {
	cursor: pointer !important;
}

.dz-file-icon img {
	height: auto !important;
	max-width: 30px !important;
	min-height: 38px; /*this is a fallback, if images dont load*/
	width: 30px !important;
}

.dz-progress,
.dz-success-mark {
	display: none !important;
}

.dz-progress {
	top: 30px !important;
}

.dz-size {
	display: block !important;
	position: relative !important;
	bottom: 15px !important;
	line-height: 0 !important;
	padding-left: 59px;
}

.dz-remove {
	cursor: pointer !important;
	display: inline-block !important;
}

.dropzone a.dz-remove {
	display: inline-block !important;
}

.dz-default.dz-message span:hover {
	background: #F0F0EA;
	transition: 0.5s;
}

form.dropzone .fallback {
	background-color: #FFF;
}

.dropzone .dz-preview:hover .dz-details img,
.dropzone-previews .dz-preview:hover .dz-details img {
	display: inline-block !important;
}

div.dz-details img[alt*="."],
.dropzone .dz-preview:hover .dz-details img[alt*="."],
.dropzone-previews .dz-preview:hover .dz-details img[alt*="."],
.dropzone .dz-preview.dz-file-preview [data-dz-thumbnail],
.dropzone-previews .dz-preview.dz-file-preview [data-dz-thumbnail],
.dropzone .dz-preview.dz-file-preview:hover [data-dz-thumbnail],
.dropzone-previews .dz-preview.dz-file-preview:hover [data-dz-thumbnail] {
	display: none !important;
}

.dropzone-previews,
.dropzone-previews * {
	box-sizing: border-box;
}

div.dz-details img {
	position: relative !important;
}

div.question_type_152 div.answer_col iframe.dropzone,
div.question_type_150 div.answer_col iframe.dropzone,
div.question_type_151 div.answer_col iframe.dropzone {
	border: #CACBCD dashed;
	border-radius: 13px;
	max-height: 5000px !important; /* for the E_CJ view */
}

form.dropzone.dz-starte,
.dz-form.dz-started {
	border: none;
	background: #FDFDFD;
}

div.dz-preview.dz-processing.dz-success div.dz-progress {
	display: none;
}

div.dz-preview {
	border: none !important;
	margin: 1px 0 1px 0 !important;
	width: 100% !important;
	background: inherit;
}

div.dz-preview div.dz-details {
	background: none !important;
	display: inline-block !important;
	padding: 7px 0 0 0 !important;
}

.dropzone .dz-preview .dz-error-mark,
.dropzone-previews .dz-preview .dz-error-mark,
.dropzone .dz-preview .dz-error-message,
.dropzone-previews .dz-preview .dz-error-message {
	display: none;
}

div.dropzone-button {
	width: 130px;
	margin: 10px auto 0 auto;
	height: 45px;
	padding-top: 11px;
	cursor: pointer !important;
	background-color: #FFF;
	border-radius: 6px;
	border: 1px solid #DCDCDC;
	color: #666;
	font-weight: bold;
	text-decoration: none;
	text-shadow: 0 1px 0 #FFF;
	transition: 0.5s;
}

div.dropzone-button:hover {
	color: #000;
	border: 1px solid #000;
	transition: 0.5s;
}

div.dropzone-dialog-button {
	padding: 11px 15px 15px;
	margin: 10px !important;
}

form.dropzone:hover,
.dz-form.dropzone:hover {
	background: #F7F7F7;
	transition: 0.5s;
}

form.dropzone a,
.dz-form.dropzone a {
	color: #000 !important;
	font-weight: bold;
	text-decoration: none;
}

form.dropzone a.dz-remove,
.dz-form.dropzone a.dz-remove {
	color: #D85959 !important;
	text-decoration: underline;
	padding: 10px;
	border: 1px solid #DCDCDC;
	vertical-align: top;
	margin-top: 9px;
	border-radius: 5px;
	transition: 0.5s;
}

form.dropzone a.dz-remove:hover,
.dz-form.dropzone a.dz-remove:hover {
	text-decoration: none !important;
	border: 1px solid #666;
	transition: 0.5s;
}

form.dropzone div.dz-size,
.dz-form.dropzone div.dz-size {
	font-weight: normal !important;
}

div.dz-size strong {
	font-weight: normal !important; /* this is dumb */
}

div.dz-file-icon {
	display: inline-block;
	margin-left: 10px;
	max-width: 30px;
	width: 30px;
}

div.dz-delete-file-icon img {
	height: auto;
	width: 13px;
	cursor: pointer !important;
}

.dz-display-inline {
	display: inline;
}

/* The LIST call for interview styling */
div.employer div.call-for-interview {
	clear: both;
}

#wrapper-employer div.employer div.call-for-interview div.submit-button {
	margin: 5px 0 0 0;
}

div.employer div.call-for-interview select {
	max-width: 735px;
}

#body-e-pl #wrapper-employer .call-for-interview select,
#body-e-pl .selectbox {
	font-size: 15px;
}

label[for=comment_section_toggle],
label[for=logo_section_toggle],
label[for=list_toggle] {
	font-size: 15px;
}

.existing-list-settings {
	float: left;
	width: 100%;
}

#save_as .input-fields {
	float: left;
	width: 100%;
}

/* Job classifications attachments */
#wrapper-applicant .ap-job-classification-additional-info .attachment_row {
	width: 50%;
	float: left;
}

/* Clear floats from views */
#wrapper-employer .em-dashboard,
#wrapper-employer .list_management,
#wrapper-employer .group_form,
#wrapper-employer .ru_page,
#wrapper-employer .select_user,
#wrapper-employer .folder_form,
#wrapper-employer .em-report-configure,
#wrapper-employer .em-edit-question-group {
	clear: both;
}

/* Direct SMS template */
div.employer div.sms-template {
	clear: both;
	margin: 5px 0 25px;
}

div.employer div.sms-template form select {
	float: left;
}

/* Co-determination profile styling */

/* Applicant */
#wrapper-applicant div.ap_profile_form_buttons form {
	display: inline-block;
}

#wrapper-applicant div.ap_profile_form_buttons {
	margin-left: auto;
	margin-right: auto;
	width: 40%;
}

/* Employer */
form.period-warning {
	padding: 10px;
	box-shadow: 0 0 5px red;
}

/* Co-determination profile file import styles */
div.e-ppif table#file-import-preview {
	display: block;
	height: 400px;
	overflow-y: scroll;
	font-size: 85%;
	width: 80vw;
}

div.e-ppif table#file-import-preview th,
div.e-ppnw table#file-import-preview th {
	padding: 5px;
	text-align: left;
}

div.e-ppif table#file-import-preview td,
div.e-ppnw table#file-import-preview td {
	padding: 5px;
	border-top: 1px solid #D3D3D3;
}

div.e-ppif tr.co-determination-profile-update,
div.e-ppnw tr.co-determination-profile-update {
	background-color: rgb(211, 235, 248);
}

div.e-ppif div.co-determination-profile-import-options {
	margin: 20px 0 20px 0;
}

div.e-ppif div.co-determination-profile-import-options select,
div.e-ppif div.co-determination-profile-import-options input {
	margin-top: 10px !important;
}

form#profile-import input[type="file"] {
	margin-bottom: 20px;
}

.profile-import-info-container {
	margin-bottom: 20px;
}

form#profile-import .submit-button {
	margin-top: 20px;
	display: block;
}

div.e-ppif table#file-import-preview tr.create,
div.e-ppnw table#file-import-preview tr.create {
	background-color: #D8FFCF;
}

div.e-ppif table#file-import-preview tr.update,
div.e-ppnw table#file-import-preview tr.update {
	background-color: #DFECFF;
}

div.e-ppif table#file-import-preview tr.no-update-no-creation,
div.e-ppnw table#file-import-preview tr.no-update-no-creation {
	background-color: #f5dcdc;
	font-style: italic;
	color: #8a6a6a;
}

div.e-ppif table#file-import-preview td.invalid-data,
div.e-ppnw table#file-import-preview td.invalid-data {
	background-color: #f5b29f;
	font-weight: bold;
	color: #755656;
	border-left: 1px solid #bd8484;
	border-right: 1px solid #bd8484;
	font-size: 107%;
}

div.e-ppif table#file-import-preview td.action-cell {
	font-weight: bold;
}

div.e-icdp div.em-import-co-determination-profiles {
	clear: left;
	margin-top: 30px;
}

#wrapper-employer .em-import-co-determination-profiles .info {
	margin: 30px 0;
}

div.e-ppnw {
	font-size: 10px;
}

/* Co-determination search result and list period status styles */
div.auto_list tr td.col_CoDeterminationPeriod,
div.auto_list tr td.col_ProfileStatus {
	text-align: left;
}

span.co-determination-period-,
span.co-determination-period-1,
span.co-determination-period-2 {
	display: block;
	padding-left: 35px;
	line-height: 35px;
}

span.co-determination-period-1,
span.co-determination-period-2 {
	background: url(/images/laura-icon-popup-warning.png) no-repeat;
	background-size: 26px;
	background-position-y: center;
}

/* RBN video styles */

/* Direct link to application rbn one video info box background */
body#body-e-lo #tabs-videos .info {
	border: medium none;
	background: transparent none repeat scroll 0 0;
}

/* RBN one video float to left */
.question_type_161 .answer_col {
	clear: left;
	float: left;
}

/* Empty attachment content marker */
div.attachment_row a.exclamation {
	padding: 1px 0 4px 20px;
	background: url(/images/delete.png) no-repeat;
	text-decoration: none;
}

div.e-ppif div.em-preview-co-determination-profiles-import-file {
	max-width: 950px;
}

div.em-report-configure .report-section-passive {
	opacity: 0.5;
	pointer-events: none;
}

form#job-and-application-report div.question_row {
	width: auto;
}

form#job-and-application-report div.question_col,
form#job-and-application-report div.answer_col {
	float: initial;
	clear: initial;
	padding: initial;
	margin: initial;
	font-weight: normal;
}

div.em-report-configure div#choose-report-type {
	margin-bottom: 20px;
}

div.e-cr div.report-output-types {
	margin: 10px 0 10px 0;
}

div.e-cr #create-element {
	margin: 10px 0;
}

div.em-co-determination-form input#ignore-employent-status-on-notify {
	width: auto;
}

div.em-co-determination-form label#ignore-employent-status-on-notify {
	display: block;
	margin: 10px 0 10px 0;
}

span#reposession-date {
	font-weight: bold;
}

div#wrapper-employer input[value="within"],
div#wrapper-employer input[value="ago"],
div#wrapper-employer input[value="never"] {
	margin-left: 10px;
}

/* View the form -page styles */
div.e-vf .preview_lang {
	margin-left: 3px;
	border-bottom: #07619B 3px solid;
	padding: 10px;
	margin-bottom: 8px;
}

div.e-vf .preview_lang .sectiontitle {
	font-size: 16px;
	font-weight: bold;
	padding-left: 0;
}

div.e-vf .preview_lang .lang_choice {
	margin-right: 8px;
	text-transform: uppercase;
}

div.e-vf .preview_info {
	color: #F47A00;
	padding-bottom: 7px;
	margin-left: 3px;
}

div.e-ppif input.passivated {
	pointer-events: none !important;
	background: darkgray !important;
	border: #808080 !important;
	text-shadow: none !important;
	color: #EEE !important;
	font-style: italic !important;
	box-shadow: none !important;
}

div.e-ppif div#profile-import-notification {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: #FFF;
	padding: 25px;
	border: 1px solid rgb(204, 204, 204);
	border-radius: 3px;
	z-index: 101;
}

div.e-ppif div#profile-import-notification-background {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.4);
	z-index: 100;
}

div.e-ppif div#profile-import-notification-popup {
	display: none;
}

div.e-ppif img#profile-import-waiting-animation {
	position: relative;
	top: 9px;
	margin-right: 10px;
}

div#co-determination-profile-form-notice {
	margin-bottom: 30px;
}

#wrapper-applicant div.ap_status span.ok,
.survey-submit-result-header.ap-survey-submitted-title-save-successful {
	width: auto;
	float: none;
	margin: 5px 0 20px 0;
}

div#long-work-history,
div#other-reposession-value {
	display: none;
}

div#other_reposession_value {
	display: none;
}

#wrapper-employer div.em-co-determination-form input#long-work-history {
	width: auto;
}

select[name="other_reposession_time"] {
	margin-left: 10px;
}

div#reposession-choices {
	margin-bottom: 10px;
}

/* Refactor 10/2016 */
#wrapper-applicant form#application_form div.section {
	margin: 0;
	padding: 0;
}

#wrapper-applicant div.sectiontitle,
div.em-modify-question div.sectiontitle {
	background-color: none;
	margin: 30px 0 10px 0;
	border-top: 4px solid #F2F1F0;
	padding: 15px 0 5px 0;
	width: auto;
}

#wrapper-employer div.em-project-form div.sectiontitle {
	padding: 15px 0 5px 0;
	width: auto;
}

#wrapper-applicant form#application_form div.question_row {
	width: auto;
	padding: 0;
}

#wrapper-applicant form#application_form div.question_col,
#wrapper-employer div.em-project-form div.question_col {
	width: auto;
	padding-right: 0;
	margin-bottom: 5px;
	float: none;
}

#wrapper-applicant form#application_form div.answer_col,
#wrapper-applicant .a-fhr div.answer_col,
#wrapper-applicant .a-cohr div.answer_col,
#wrapper-employer div.em-project-form div.answer_col,
#wrapper-employer .e-mcdp div.answer_col {
	width: auto;
	float: none;
	margin-left: 0;
	padding-left: 12px;
	padding-right: 12px;
}

#wrapper-employer .e-mcdp div.answer_col.help {
	padding: 15px 15px 15px 60px;
}

#wrapper-applicant input[type="text"],
#wrapper-applicant input[type="password"],
#wrapper-employer div.em-project-form input[type="text"],
#wrapper-employer div.em-project-form input[type="password"] {
	height: 30px;
	margin-right: 0;
	margin-bottom: 0;
}

#wrapper-applicant form#application_form textarea,
#wrapper-employer div.em-project-form textarea {
	padding-left: 13px;
	padding-right: 7px;
	padding-top: 7px;
	margin: 0;
	min-height: 40px;
}

#wrapper-employer div.em-co-determination-form div#reposession-choices input[type="radio"],
#wrapper-employer div.em-co-determination-form div#reposession-choices input[type="checkbox"] {
	vertical-align: initial !important;
	margin: 0 5px 0 0 !important;
	width: initial !important;
}

/* Custom application export */
body#body-a-cae #wrapper-applicant {
	box-shadow: none;
}

div.custom-application #application-title {
	width: 100%;
	text-align: right;
}

div.custom-application #applicant-picture {
	float: right;
}

div.custom-application #applicant-personal_information-section {
	overflow: hidden;
	margin-bottom: 20px;
}

div.custom-application .normal-section,
div.custom-application .repeating-section {
	margin-bottom: 20px;
	overflow: hidden;
}

div.custom-application .application-question {
	font-weight: bold;
	width: 25%;
	float: left;
}

div.custom-application .application-answer {
	width: 75%;
	float: right;
}

div.custom-application .question-row {
	clear: both;
}

div.custom-application .personal_information-subsection_1 {
	overflow: hidden;
	width: 50%;
	float: left;
}

div.custom-application .personal_information-subsection_2 {
	overflow: hidden;
	width: 50%;
	float: right;
}

form#project-search-form div.question_row {
	width: auto;
}

form#project-search-form div.question_col {
	width: 220px;
	margin: 0;
	float: left;
	vertical-align: middle;
	padding-left: 0;
	padding-right: 9px;
}

form#project-search-form div.answer_col {
	width: auto;
	margin: 0;
	float: left;
}

form#project-search-form div.submit-button {
	float: left;
}

form#project-search-form div.reset-button {
	float: left;
	margin-left: 3px;
}

.rbn-interview-send-confirmation-text {
	margin-bottom: 20px;
}

#tabs-videos #candidate-screening {
	width: 100%;
	height: 350px;
	box-sizing: border-box;
	border: none;
}

#wrapper-applicant div.question_type_161 div.answer_col {
	padding: 0 !important;
}

.hidden {
	display: none !important;
	visibility: hidden !important;
}

.visible {
	display: block !important;
	visibility: visible !important;
}

.visible-table-row {
	visibility: visible !important;
}

/* System settings. */
div.system-settings div.submit_row {
	margin-top: 30px;
}

div.system-settings div.option.job-groups form table.job-groups-table {
	width: 100%;
}

div.system-settings div.option-title {
	font-size: 16px;
	font-weight: bold;
}

div.system-settings div.job-groups div.option-title {
	margin-bottom: 5px;
}

div.system-settings div.sub-option-title {
	font-weight: bold;
}

div.system-settings div.option {
	margin-bottom: 20px;
}

div.system-settings div.job-groups tr[class^="job-group-"] {
	border-top: 4px solid #F7F6F3;
}

div.system-settings div.job-groups tr.job-group-1 {
	border-top: none;
}

div.system-settings div.contact-support {
	margin-top: 20px;
}

div.system-settings div.job-groups-table {
	width: 100%;
}

div.system-settings div.job-groups a {
	color: #07619B;
	text-decoration: underline;
}

div.system-settings div.job-groups a:hover {
	color: #07619B;
	text-decoration: none;
}

div.system-settings div.job-groups td {
	padding: 3px 3px 3px 10px;
}

div.system-settings table.job-groups-table p {
	margin: 5px 0;
}

div.system-settings div.job-groups tr {
	background-color: #FFF;
}

div.system-settings div.job-groups tr th {
	padding: 5px;
}

div.system-settings .ui-corner-top,
div.system-settings .ui-corner-left,
div.system-settings .ui-corner-right,
div.system-settings .ui-corner-tl {
	border-top-right-radius: 0;
	border-top-left-radius: 0;
}

div.system-settings .ui-state-active,
div.system-settings .ui-widget-content .ui-state-active,
div.system-settings .ui-widget-header .ui-state-active {
	border: none !important;
}

div.system-settings .ui-widget-header,
div.system-settings .ui-widget-content {
	background: none !important;
	border: none !important;
}

div.system-settings .ui-tabs .ui-tabs-panel {
	padding: 0;
}

div.system-settings .ui-tabs .ui-tabs-nav {
	padding: 0 !important;
	font-size: 20px;
	margin: 20px 0 20px 20px;
}

#system-setting-mass-mail-templates,
#system-setting-thanks-emails,
#system-setting-job-templates {
	clear: both;
}

#system-setting-mass-mail-templates ul,
#system-setting-thanks-emails ul,
#system-setting-job-templates ul {
	margin: 0 0 30px 0;
}

.system-setting-mass-mail-template-row,
.system-setting-thanks-email-row,
.system-setting-job-template-row {
	list-style: none;
	margin: 5px 0 0 -26px;
}

.system-setting-mass-mail-template-link,
.system-setting-thanks-email-link,
.system-setting-job-template-link,
.system-setting-new-mass-mail-template-link,
.system-setting-new-thanks-email-link,
.system-setting-new-job-template-link,
.system-settings .row-active .edit-status-message {
	cursor: pointer;
	color: #07619B;
	text-decoration: underline;
}

.system-setting-new-mass-mail-template-link,
.system-setting-new-thanks-email-link,
.system-setting-new-job-template-link {
	font-weight: bold;
}

.system-setting-mass-mail-template-link:hover,
.system-setting-thanks-email-link:hover,
.system-setting-new-mass-mail-template-link:hover,
.system-setting-new-thanks-email-link:hover,
.system-setting-job-template-link:hover,
.system-setting-new-job-template-link:hover,
.system-settings .row-active .edit-status-message:hover {
	text-decoration: none;
}

.system-settings-form-header {
	margin: 20px 0 5px 0;
	font-weight: bold;
	clear: both;
}

.system-settings-form-input {
	border: 1px solid #CECECE;
	height: 22px;
	font-size: 14px;
	padding: 5px;
	width: 60%;
	color: #666;
	margin-left: 2px;
}

.system-settings-form-textarea {
	margin: 0;
	padding: 5px;
	width: 100%;
	max-width: 700px;
	font-size: 14px;
	margin-left: 2px;
}

div.system-settings input {
	border: 1px solid #CECECE;
	background: #FFF;
	color: #666;
	padding-left: 5px;
	padding-right: 5px;
	border-radius: 2px;
}

div.system-settings table.job-groups-table input {
	min-height: 30px;
}

div.system-settings input.submit {
	border: none;
}

.fancybox-inner {
/* Makes it so elements don't overflow on Firefox when error message is shown' */
	height: auto !important;
}

.system-settings-shown-data-text {
	margin-left: 20px;
}

div[id^=system-settings-cancel-button-],
div[id^=system-settings-confirm-button-] {
	margin: 50px 20px 20px 0;
}

div[id^=system-settings-delete-cancel-button-],
div[id^=system-settings-delete-confirm-button-] {
	float: right;
	margin: 50px 0 20px 0;
}

div[id^=system-settings-delete-button-] {
	float: right;
	margin: 50px 20px 20px 0;
}

.system-settings-button {
	float: left;
	margin-top: 50px;
}

#system-settings-changes-not-saved .error {
	float: left;
}

.system-settings-input-error {
	border: 1px solid #FF0000;
}

.fr-wrapper .fr-placeholder.system-settings-input-error-text-color {
	color: #FF0000;
	font-weight: bold;
}

.system-settings-close-button-after-delete {
	width: 700px !important;
	text-align: center !important;
	margin-top: 250px !important;
}

div[id^=system-settings-delete-confirm-text-] {
	float: left;
	clear: both;
	margin: 20px 0 -50px 0;
	color: #FF0000;
	width: 100%;
	text-align: right;
}

.system-settings-button-row {
	clear: both;
}

.system-settings-language-selection {
	clear: both;
}

.system-settings-language-selection-option,
.system-settings-language-selection-option-selected {
	margin: 0 0 20px 0;
	cursor: pointer;
	float: left;
}

.system-settings-language-selection-option {
	border: 3px solid #F9F9F9;
}

.system-settings-language-selection-option-selected {
	border: 3px solid #000 !important;
}

.system-settings-language-selection-option-error {
	border: 3px solid #FF0000;
}

.system-settings #tabs li.ui-state-default.ui-corner-top {
	background: #FFF;
	border: none !important;
}

.system-settings #tabs li.ui-state-default.ui-corner-top a {
	color: #07619B;
	text-decoration: underline;
}

.system-settings #tabs li.ui-state-default.ui-corner-top.ui-state-active {
	background: #FFF;
}

.system-settings #tabs li.ui-state-default.ui-corner-top.ui-state-active a {
	color: #005796;
	font-weight: bold;
	text-decoration: none;
}

/* End of system settings */
#wrapper-applicant div.ap_footer {
	padding-bottom: 0;
}

#laura-rekrytointicom-logo,
#laura-rekrytointicom-text {
	float: left;
	width: auto;
	clear: left;
}

#laura-rekrytointicom-logo a img {
	width: 220px;
	transform: translateZ(0);
}

.responsible-user-ul-extra-information-content-numbers,
.responsible-user-ul-extra-information-content-texts {
	list-style: none;
}

.responsible-user-extra-information-content-numbers ul {
	text-align: center;
}

#wrapper-employer div.auto_list table.results .responsible-user-extra-information-content-numbers ul li a {
	margin-top: 0;
	color: #07619B;
	text-decoration: underline;
}

#wrapper-employer div.auto_list table.results .responsible-user-extra-information-content-numbers ul li a:hover {
	text-decoration: none;
}

div.auto_list td.responsible-user-extra-information-content-numbers {
	padding: 3px;
}

.responsible-user-extra-information-content-numbers ul,
.responsible-user-extra-information-content-texts ul {
	padding: 0;
	margin: 0;
}

.responsible-user-show-extra-information,
.responsible-user-hide-extra-information,
.show-hide-action-header,
div.e-store .product-card-extra-info-link,
#em-toggle-application-views {
	text-decoration: underline;
	cursor: pointer;
	color: #000;
	background-repeat: no-repeat;
	padding-right: 15px;
	background-position-x: right;
	background-position-y: center;
}

.responsible-user-show-extra-information,
.show-hidden-action,
div.e-store .product-card-extra-info-link {
	background-image: url(../images/laura-icon-arrow-right-show-extra-information.png);
	background-size: 6px;
}

.responsible-user-hide-extra-information,
.hide-hidden-action,
div.e-store .product-card-extra-info-link.hide-additional-info {
	background-image: url(../images/laura-icon-arrow-down-hide-extra-information.png);
	background-size: 10px;
}

.responsible-user-show-extra-information:hover,
.responsible-user-hide-extra-information:hover,
.show-hide-action-header:hover,
#em-toggle-application-views:hover {
	text-decoration: none;
}

#tabs-log .view-all-entries {
	margin-top: 15px;
}

body#body-e-o .qtip-content {
	white-space: initial;
}

.job-and-application-report-title-column {
	width: 200px;
}

/*list direct link textarea*/
#body-e-lo .question_type_32 {
	width: 100%;
}

.report-select {
	max-width: 750px;
}

#wrapper-applicant div.job_page div.job_name h1,
.ap-survey-name {
	line-height: 1;
}

div.direct-list-login form.direct-list-login-form {
	width: 190px;
	display: block;
	margin-top: 30px;
	margin-left: 150px;
}

div.direct-list-login .status {
	margin-top: 30px;
}

#body-e-lm .section-show-hide-text {
	padding-bottom: 10px;
}

.the_list .submit-button {
	clear: both;
}

#wrapper-employer .save-changes div.submit-button input {
	margin-left: 10px;
}

#wrapper-employer .save-changes div.submit-button label {
	text-shadow: none;
}

#wrapper-employer div.comment-section div.question_row div#attachment_help {
	width: auto;
}

#rekrytointicom-addons-info {
	padding-left: 40px;
}

#rekrytointicom-addons-info #rekrytointicom-addons-email,
#rekrytointicom-addons-info #rekrytointicom-addons-phone {
	width: 300px;
}

#rekrytointicom-addons-info #rekrytointicom-addons-time {
	width: 295px;
}

#rekrytointicom-addons-contant-info td {
	padding-left: 0;
}

#rekrytointicom-addons-contant-info td.error {
	padding-left: 5px;
}

div.auto_list_open_jobs tr td p.col_title {
	display: none;
}

.ap-data-export {
	margin: 50px 0 50px;
}

#body-e-pl .context_menu .list_modes select {
	margin: 0;
	min-height: 32px;
	padding: 4px 5px 4px 8px;
}

div.job_description {
	word-break: break-word;
}

div#job-notify-friend {
	text-align: center;
	padding-bottom: 10px;
}

#wrapper-employer div.question_col div.help-icon {
	float: right;
	margin-right: 20px;
	margin-top: 2px;
}

/* Skill matrise */
#wrapper-applicant div.question_type_25 div.answer_col label {
	display: inline-block;
}

#create-element #create-title {
	visibility: hidden;
}

#create-element #create-title {
	visibility: hidden;
}

.application-viewed-by-laura-staff-question-mark,
.access-denied-to-latest-email-log-entry-question-mark {
	max-height: 15px;
	vertical-align: middle;
}

.latest-email-sent-date {
	display: block;
}

.latest-email-date-sort-value {
	display: none;
}

/* Employer login background images */
html#html-.html-login.winter,
html#html-e-l.html-login.winter,
html#html-e-flc.html-login.winter,
html#html-e-spw.html-login.winter {
	background: #FFF url("../logos/laura-employer-login-bg-winter.jpeg") no-repeat fixed;
}

html#html-.html-login.valentines,
html#html-e-l.html-login.valentines,
html#html-e-flc.html-login.valentines,
html#html-e-spw.html-login.valentines {
	background: #FFF url("../logos/laura-employer-login-bg-valentines.jpeg") no-repeat fixed;
}

html#html-.html-login.spring,
html#html-e-l.html-login.spring,
html#html-e-flc.html-login.spring,
html#html-e-spw.html-login.spring {
	background: #FFF url("../logos/laura-employer-login-bg-spring.jpeg") no-repeat fixed;
}

html#html-.html-login.easter,
html#html-e-l.html-login.easter,
html#html-e-flc.html-login.easter,
html#html-e-spw.html-login.easter {
	background: #FFF url("../logos/laura-employer-login-bg-easter.jpeg") no-repeat fixed;
}

html#html-.html-login.mayday,
html#html-e-l.html-login.mayday,
html#html-e-flc.html-login.mayday,
html#html-e-spw.html-login.mayday {
	background: #FFF url("../logos/laura-employer-login-bg-mayday.jpeg") no-repeat fixed;
}

html#html-.html-login.earlysummer,
html#html-e-l.html-login.earlysummer,
html#html-e-flc.html-login.earlysummer,
html#html-e-spw.html-login.earlysummer {
	background: #FFF url("../logos/laura-employer-login-bg-earlysummer.jpeg") no-repeat fixed;
}

html#html-.html-login.midsummer,
html#html-e-l.html-login.midsummer,
html#html-e-flc.html-login.midsummer,
html#html-e-spw.html-login.midsummer {
	background: #FFF url("../logos/laura-employer-login-bg-midsummer.jpeg") no-repeat fixed;
}

html#html-.html-login.summer,
html#html-e-l.html-login.summer,
html#html-e-flc.html-login.summer,
html#html-e-spw.html-login.summer {
	background: #FFF url("../logos/laura-employer-login-bg-summer.jpeg") no-repeat fixed;
}

html#html-.html-login.autumn,
html#html-e-l.html-login.autumn,
html#html-e-flc.html-login.autumn,
html#html-e-spw.html-login.autumn {
	background: #FFF url("../logos/laura-employer-login-bg-autumn.jpeg") no-repeat fixed;
}

html#html-.html-login.earlywinter,
html#html-e-l.html-login.earlywinter,
html#html-e-flc.html-login.earlywinter,
html#html-e-spw.html-login.earlywinter {
	background: #FFF url("../logos/laura-employer-login-bg-earlywinter.jpg") no-repeat fixed;
}

html#html-.html-login.christmas,
html#html-e-l.html-login.christmas,
html#html-e-flc.html-login.christmas,
html#html-e-spw.html-login.christmas {
	background: #FFF url("../logos/laura-employer-login-bg-christmas.jpeg") no-repeat fixed;
}

html#html-.html-login.newyear,
html#html-e-l.html-login.newyear,
html#html-e-flc.html-login.newyear,
html#html-e-spw.html-login.newyear {
	background: #FFF url("../logos/laura-employer-login-bg-newyear.jpeg") no-repeat fixed;
}

/* IMPORTANT THAT THIS IS AFTER THE IMAGES AND NOT BEFORE THEM */
html#html-.html-login.employer-login-seasonal-background-image,
html#html-e-l.html-login.employer-login-seasonal-background-image,
html#html-e-flc.html-login.employer-login-seasonal-background-image,
html#html-e-spw.html-login.employer-login-seasonal-background-image {
	background-size: cover;
	background-position: center;
}

/* Customisation for employer_login boxes for certain backgrounds */

/* General stylings that apply to all seasons */
html#html-.html-login.employer-login-seasonal-background-image div.employer_login,
html#html-.html-login.employer-login-seasonal-background-image div.maintenance-message,
html#html-e-l.html-login.employer-login-seasonal-background-image div.employer_login,
html#html-e-flc.html-login.employer-login-seasonal-background-image div.employer_login,
html#html-e-spw.html-login.employer-login-seasonal-background-image div.employer_login,
div.direct-list-login {
	box-shadow: 5px 5px 30px 10px rgba(0, 0, 0, 0.5);
	border-radius: 15px;
	border: none;
}

html#html-e-flc.html-login.employer-login-seasonal-background-image body,
html#html-e-spw.html-login.employer-login-seasonal-background-image body {
	background: none;
}

html#html-e-flc.html-login.employer-login-seasonal-background-image .cont3,
html#html-e-spw.html-login.employer-login-seasonal-background-image .cont3 {
	border-radius: 10px;
}

/* Season specific stylings */

/* Winter */
html#html-.html-login.winter div.employer_login,
html#html-e-l.html-login.winter div.employer_login,
html#html-e-flc.html-login.winter div.employer_login,
html#html-e-spw.html-login.winter div.employer_login {
	background: linear-gradient(to bottom, rgba(182, 216, 242, 0) 10%, #f1f6fb 50%, rgba(229, 234, 238, 0.8) 100%);
}

html#html-.html-login.winter div.submit-button input[type="submit"],
html#html-e-l.html-login.winter div.submit-button input[type="submit"],
html#html-e-flc.html-login.winter div.submit-button input[type="submit"],
html#html-e-spw.html-login.winter div.submit-button input[type="submit"],
html#html-.html-login.winter #wrapper-login div.submit-button input.submit,
html#html-e-l.html-login.winter #wrapper-login div.submit-button input.submit,
html#html-e-flc.html-login.winter #wrapper-login div.submit-button input.submit,
html#html-e-spw.html-login.winter #wrapper-login div.submit-button input.submit {
	background-color: #07619B;
	background: #07619B;
	border: 1px solid #07619B;
}

/* Valentines */
html#html-.html-login.valentines div.employer_login,
html#html-e-l.html-login.valentines div.employer_login,
html#html-e-spw.html-login.valentines div.employer_login,
html#html-e-flc.html-login.valentines div.employer_login {
	background: linear-gradient(to bottom, rgba(232, 222, 210, 0.8) 10%, #f3f1f6 50%, rgba(232, 222, 210, 0.8) 100%);
}

html#html-.html-login.valentines div.submit-button input[type="submit"],
html#html-e-l.html-login.valentines div.submit-button input[type="submit"],
html#html-e-flc.html-login.valentines div.submit-button input[type="submit"],
html#html-e-spw.html-login.valentines div.submit-button input[type="submit"],
html#html-.html-login.valentines #wrapper-login div.submit-button input.submit,
html#html-e-l.html-login.valentines #wrapper-login div.submit-button input.submit,
html#html-e-flc.html-login.valentines #wrapper-login div.submit-button input.submit,
html#html-e-spw.html-login.valentines #wrapper-login div.submit-button input.submit {
	background-color: #95160c;
	background: #95160c;
	border: 1px solid #95160c;
}

/* Spring */
html#html-.html-login.spring div.employer_login,
html#html-e-l.html-login.spring div.employer_login,
html#html-e-flc.html-login.spring div.employer_login,
html#html-e-spw.html-login.spring div.employer_login {
	background: linear-gradient(to bottom, rgba(217, 211, 6, 0.65) 10%, #fde5ca 50%, rgba(253, 253, 253, 0.8) 100%);
}

html#html-.html-login.spring div.submit-button input[type="submit"],
html#html-e-l.html-login.spring div.submit-button input[type="submit"],
html#html-e-flc.html-login.spring div.submit-button input[type="submit"],
html#html-e-spw.html-login.spring div.submit-button input[type="submit"],
html#html-.html-login.spring #wrapper-login div.submit-button input.submit,
html#html-e-l.html-login.spring #wrapper-login div.submit-button input.submit,
html#html-e-flc.html-login.spring #wrapper-login div.submit-button input.submit,
html#html-e-spw.html-login.spring #wrapper-login div.submit-button input.submit {
	background-color: #8e5ba6;
	background: #8e5ba6;
	border: 1px solid #8e5ba6;
}

/* Easter */
html#html-.html-login.easter div.employer_login,
html#html-e-l.html-login.easter div.employer_login,
html#html-e-flc.html-login.easter div.employer_login,
html#html-e-spw.html-login.easter div.employer_login {
	background: linear-gradient(to bottom, rgba(245, 232, 158, 0.8) 10%, #f1f5e6 50%, rgba(245, 232, 158, 0.8) 100%);
}

html#html-.html-login.easter div.submit-button input[type="submit"],
html#html-e-l.html-login.easter div.submit-button input[type="submit"],
html#html-e-flc.html-login.easter div.submit-button input[type="submit"],
html#html-e-spw.html-login.easter div.submit-button input[type="submit"],
html#html-.html-login.easter #wrapper-login div.submit-button input.submit,
html#html-e-l.html-login.easter #wrapper-login div.submit-button input.submit,
html#html-e-flc.html-login.easter #wrapper-login div.submit-button input.submit,
html#html-e-spw.html-login.easter #wrapper-login div.submit-button input.submit {
	background-color: #01a8d4;
	background: #01a8d4;
	border: 1px solid #01a8d4;
}

/* Mayday */
html#html-.html-login.mayday div.employer_login,
html#html-e-l.html-login.mayday div.employer_login,
html#html-e-flc.html-login.mayday div.employer_login,
html#html-e-spw.html-login.mayday div.employer_login {
	background: linear-gradient(to bottom, rgba(217, 210, 221, 0.8) 10%, #f3f1f6 50%, rgba(249, 247, 252, 0.8) 100%);
}

html#html-.html-login.mayday div.submit-button input[type="submit"],
html#html-e-l.html-login.mayday div.submit-button input[type="submit"],
html#html-e-flc.html-login.mayday div.submit-button input[type="submit"],
html#html-e-spw.html-login.mayday div.submit-button input[type="submit"],
html#html-.html-login.mayday #wrapper-login div.submit-button input.submit,
html#html-e-l.html-login.mayday #wrapper-login div.submit-button input.submit,
html#html-e-flc.html-login.mayday #wrapper-login div.submit-button input.submit,
html#html-e-spw.html-login.mayday #wrapper-login div.submit-button input.submit {
	background-color: #7b51b9;
	background: #7b51b9;
	border: 1px solid #7b51b9;
}

/* Early summer */
html#html-.html-login.earlysummer div.employer_login,
html#html-e-l.html-login.earlysummer div.employer_login,
html#html-e-flc.html-login.earlysummer div.employer_login,
html#html-e-spw.html-login.earlysummer div.employer_login {
	background: linear-gradient(to bottom, rgba(193, 224, 255, 0.8) 10%, #fefefe 50%, rgba(162, 185, 226, 0.8) 100%);
}

html#html-.html-login.earlysummer div.submit-button input[type="submit"],
html#html-e-l.html-login.earlysummer div.submit-button input[type="submit"],
html#html-e-flc.html-login.earlysummer div.submit-button input[type="submit"],
html#html-e-spw.html-login.earlysummer div.submit-button input[type="submit"],
html#html-.html-login.earlysummer #wrapper-login div.submit-button input.submit,
html#html-e-l.html-login.earlysummer #wrapper-login div.submit-button input.submit,
html#html-e-flc.html-login.earlysummer #wrapper-login div.submit-button input.submit,
html#html-e-spw.html-login.earlysummer #wrapper-login div.submit-button input.submit {
	background-color: #9abd1f;
	background: #9abd1f;
	border: 1px solid #9abd1f;
}

/* Midsummer */
html#html-.html-login.midsummer div.employer_login,
html#html-e-l.html-login.midsummer div.employer_login,
html#html-e-flc.html-login.midsummer div.employer_login,
html#html-e-spw.html-login.midsummer div.employer_login {
	background: linear-gradient(to bottom, rgba(223, 231, 244, 0) 10%, #ecf0f7 50%, rgba(160, 185, 207, 0.9) 100%);
}

html#html-.html-login.midsummer div.submit-button input[type="submit"],
html#html-e-l.html-login.midsummer div.submit-button input[type="submit"],
html#html-e-flc.html-login.midsummer div.submit-button input[type="submit"],
html#html-e-spw.html-login.midsummer div.submit-button input[type="submit"],
html#html-.html-login.midsummer #wrapper-login div.submit-button input.submit,
html#html-e-l.html-login.midsummer #wrapper-login div.submit-button input.submit,
html#html-e-flc.html-login.midsummer #wrapper-login div.submit-button input.submit,
html#html-e-spw.html-login.midsummer #wrapper-login div.submit-button input.submit {
	background-color: #658339;
	background: #658339;
	border: 1px solid #658339;
}

/* Summer */
html#html-.html-login.summer div.employer_login,
html#html-e-l.html-login.summer div.employer_login,
html#html-e-flc.html-login.summer div.employer_login,
html#html-e-spw.html-login.summer div.employer_login {
	background: linear-gradient(to bottom, rgba(132, 180, 192, 0.8) 10%, #FFFfdd 50%, rgba(252, 181, 37, 0.8) 100%);
}

html#html-.html-login.summer div.submit-button input[type="submit"],
html#html-e-l.html-login.summer div.submit-button input[type="submit"],
html#html-e-flc.html-login.summer div.submit-button input[type="submit"],
html#html-e-spw.html-login.summer div.submit-button input[type="submit"],
html#html-.html-login.summer #wrapper-login div.submit-button input.submit,
html#html-e-l.html-login.summer #wrapper-login div.submit-button input.submit,
html#html-e-flc.html-login.summer #wrapper-login div.submit-button input.submit,
html#html-e-spw.html-login.summer #wrapper-login div.submit-button input.submit {
	background-color: #07619B;
	background: #07619B;
	border: 1px solid #07619B;
}

/* Autumn */
html#html-.html-login.autumn div.employer_login,
html#html-e-l.html-login.autumn div.employer_login,
html#html-e-flc.html-login.autumn div.employer_login,
html#html-e-spw.html-login.autumn div.employer_login {
	background: linear-gradient(to bottom, rgba(232, 222, 210, 0.8) 10%, #f3f1f6 50%, rgba(232, 222, 210, 0.9) 100%);
}

html#html-.html-login.autumn div.submit-button input[type="submit"],
html#html-e-l.html-login.autumn div.submit-button input[type="submit"],
html#html-e-flc.html-login.autumn div.submit-button input[type="submit"],
html#html-e-spw.html-login.autumn div.submit-button input[type="submit"],
html#html-.html-login.autumn #wrapper-login div.submit-button input.submit,
html#html-e-l.html-login.autumn #wrapper-login div.submit-button input.submit,
html#html-e-flc.html-login.autumn #wrapper-login div.submit-button input.submit,
html#html-e-spw.html-login.autumn #wrapper-login div.submit-button input.submit {
	background-color: #C75A00;
	background: #C75A00;
	border: 1px solid #C75A00;
}

/* Early winter */
html#html-.html-login.earlywinter div.employer_login,
html#html-e-l.html-login.earlywinter div.employer_login,
html#html-e-flc.html-login.earlywinter div.employer_login,
html#html-e-spw.html-login.earlywinter div.employer_login {
	background: linear-gradient(to bottom, rgba(202, 201, 170, 0.8) 10%, #fefcf0 50%, rgba(224, 200, 167, 0.8) 100%);
}

html#html-.html-login.earlywinter div.submit-button input[type="submit"],
html#html-e-l.html-login.earlywinter div.submit-button input[type="submit"],
html#html-e-flc.html-login.earlywinter div.submit-button input[type="submit"],
html#html-e-spw.html-login.earlywinter div.submit-button input[type="submit"],
html#html-.html-login.earlywinter #wrapper-login div.submit-button input.submit,
html#html-e-l.html-login.earlywinter #wrapper-login div.submit-button input.submit,
html#html-e-flc.html-login.earlywinter #wrapper-login div.submit-button input.submit,
html#html-e-spw.html-login.earlywinter #wrapper-login div.submit-button input.submit {
	background-color: #a99377;
	background: #a99377;
	border: 1px solid #a99377;
}

/* Christmas */
html#html-.html-login.christmas div.employer_login,
html#html-e-l.html-login.christmas div.employer_login,
html#html-e-flc.html-login.christmas div.employer_login,
html#html-e-spw.html-login.christmas div.employer_login {
	background: linear-gradient(to bottom, rgba(232, 222, 210, 0.8) 10%, #f3f1f6 50%, rgba(232, 222, 210, 0.9) 100%);
}

html#html-.html-login.christmas div.submit-button input[type="submit"],
html#html-e-l.html-login.christmas div.submit-button input[type="submit"],
html#html-e-flc.html-login.christmas div.submit-button input[type="submit"],
html#html-e-spw.html-login.christmas div.submit-button input[type="submit"],
html#html-.html-login.christmas #wrapper-login div.submit-button input.submit,
html#html-e-l.html-login.christmas #wrapper-login div.submit-button input.submit,
html#html-e-flc.html-login.christmas #wrapper-login div.submit-button input.submit,
html#html-e-spw.html-login.christmas #wrapper-login div.submit-button input.submit {
	background-color: #c42534;
	background: #c42534;
	border: 1px solid #c42534;
}

/* New year */
html#html-.html-login.newyear div.employer_login,
html#html-e-l.html-login.newyear div.employer_login,
html#html-e-flc.html-login.newyear div.employer_login,
html#html-e-spw.html-login.newyear div.employer_login {
	background: linear-gradient(to bottom, rgba(183, 183, 183, 0.9) 10%, #f3f1f6 50%, rgba(183, 183, 183, 0.9) 100%);
}

html#html-.html-login.newyear div.submit-button input[type="submit"],
html#html-e-l.html-login.newyear div.submit-button input[type="submit"],
html#html-e-flc.html-login.newyear div.submit-button input[type="submit"],
html#html-e-spw.html-login.newyear div.submit-button input[type="submit"],
html#html-.html-login.newyear #wrapper-login div.submit-button input.submit,
html#html-e-l.html-login.newyear #wrapper-login div.submit-button input.submit,
html#html-e-flc.html-login.newyear #wrapper-login div.submit-button input.submit,
html#html-e-spw.html-login.newyear #wrapper-login div.submit-button input.submit {
	background-color: #ee712a;
	background: #ee712a;
	border: 1px solid #ee712a;
}

#wrapper-login div.submit-button {
	padding-left: 0;
}

.te_number_of_positions {
	clear: both;
	float: left;
	height: 50px;
}

.te_number_of_positions_text {
	height: 50px;
	margin-left: 20px;
}

.not-allowed {
	cursor: not-allowed !important;
}

/* Talent Bank */
#wrapper-applicant .cv-export-fancybox-container {
	text-align: center;
	box-shadow: 3px 4px 15px #888;
}

#wrapper-applicant .cv-export-fancybox-container img {
	margin-bottom: 15px;
}

#wrapper-applicant div.ap-cv-export {
	max-width: 90%;
	padding: 18px;
	margin: 0 auto;
}

#wrapper-applicant div.ap-cv-export div.ap_status span.notice {
	text-align: center;
	padding: 20px;
}

#wrapper-applicant div.ap-cv-export div.ap_status span.notice img {
	width: 80%;
	height: auto;
}

#wrapper-applicant div.ap-cv-export div.submit-button {
	margin: 20px;
}

#wrapper-applicant div.ap-cv-export div.submit-button input,
div.applicant div.a-s div.submit-button input[type="submit"],
div.applicant div.a-s div.submit-button input.submit,
div#wrapper-applicant div.a-s div.submit-button input[type="submit"] {
	cursor: not-allowed;
	-moz-box-shadow: inherit;
	-webkit-box-shadow: inherit;
	box-shadow: inherit;
	line-height: inherit;
	background: linear-gradient(#ee712a, #C75A00);
	color: #FFF;
	border: none;
	text-shadow: none;
	padding: 10px;
	text-transform: inherit;
	height: auto;
	font-family: "Source Sans Pro", Arial, sans-serif;
	margin-top: 10px;
	border-radius: 25px;
	width: 35%
}

#wrapper-applicant div.ap-cv-export div.ap_status span.notice div.agreement {

	padding: 11px 5px 10px 5px;
	width: 100%;
	margin: 0 auto;
}

#wrapper-applicant div.ap-cv-export div.ap_status span.notice {
	margin: 0 0 15px 0;
	background-color: #FFF;
}

#wrapper-applicant div.ap-cv-export h3 {
	color: #EE7007;
}

#wrapper-employer div.main_cont1.e-vf div.form_preview {
	padding: 20px 0 20px 0;
	max-width: 720px;
	margin: auto;
}

/* Logout link color */
#wrapper-employer div.menu div.menu_box.employer_menu div.not_hot.logout.last.E_OUT a {
	color: #fb1100;
}

#wrapper-employer div.menu div.menu_box.employer_menu div.not_hot.logout.last.E_OUT a:hover {
	filter: invert(14%) sepia(99%) saturate(6464%) hue-rotate(3deg) brightness(105%) contrast(102%);
}

/* LAURA employer menu icons */
#wrapper-employer div.menu a img {
	width: 22px;
	height: 22px;
	vertical-align: middle;
	margin: 12px 15px 14px 0;
}

/* Personal settings icon because it's weird otherwise */
#wrapper-employer div.menu div.not_hot.E_PS a img,
#wrapper-employer div.menu div.hot.E_PS a img {
	margin: 15px 15px 14px 0;
}

/* OP external link icon */
#wrapper-employer div.menu #external-op-link {
	width: 15px;
	height: auto;
	margin: 0;
}

#wrapper-employer div.menu div.E_GTTB span {
	width: 65%;
}

/* Vertical-aligning "When can you work" type of questions in a nicer way */
#wrapper-employer div.answer_col table tbody tr {
	vertical-align: baseline;
}

/* Vertical-aligning "When can you work" type of questions in a (for example) modify contacts in modify customer view */
#wrapper-employer form.match-form div.answer_col table tbody tr {
	vertical-align: middle;
}

/* If left-side menu features name goes on 2 rows */
#wrapper-employer div.menu div.menu_box.employer_menu a span {
	max-width: 80%;
	margin: 10px 0;
	display: inline-block;
	vertical-align: middle;
}

/* Sorting images for tables */
#wrapper-employer .auto_list tr.title_row a img,
#wrapper-other-cover .auto_list tr.title_row a img,
#wrapper-applicant .auto_list tr.title_row a img {
	max-width: 14px;
	height: auto;
	vertical-align: middle;
}

/* Select choices on select2 */
#wrapper-employer .select2-container--default .select2-selection--multiple .select2-selection__choice {
	border-radius: 2px;
	border: 1px solid #000;
	background-color: #FFF;
	padding: 2px 5px;
}

/* Remove icon is red when hovered */
#wrapper-employer .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
	color: #fb1100;
}

/* This makes it so that cont10 on applicant side doesnt go weird */
#wrapper-applicant .cont10 {
	width: 100%;
	overflow: hidden;
}

/* List in direct link application view doesn't look dumb */
#wrapper-other-cover div.main_cont1.e-lo div.cont {
	display: inline-block;
	width: 100%;
}

/* Applicant side page selection */
#wrapper-applicant div.ap_open_jobs table.page_selection.clickable_simple tr td {
	height: 28px;
	padding-top: 8px;
	border-bottom: none;
	border-radius: 2px;
}

/* Project log borders */
#wrapper-employer div.em-log-project {
	border-bottom: 1px solid #CCC;
}

/* Forgotten login credentials and password setting on employer side */
#wrapper-login div.main_cont1.e-flc div.cont3,
#wrapper-login div.main_cont1.e-spw div.cont3 {
	background: linear-gradient(to bottom, rgba(232, 222, 210, 0.8) 10%, #f3f1f6 35%, #f3f1f6 65%, rgba(232, 222, 210, 0.9) 100%);
	padding: 50px;
}

#wrapper-login div.main_cont1.e-flc div.cont1 div.em-languages table {
	margin-right: 15px;
	margin-top: 15px;
}

#body-e-flc,
#body-e-spw {
	margin-top: 180px;
}

/* Sending email to applicants preview-view bolded question titles, and separeted them in a nicer looking way */
#wrapper-employer .email_preview_title {
	font-weight: bold;
}

#wrapper-employer .email_preview_draft_title,
#html-e-vmm .email_preview_draft_title {
	font-weight: bold;
	color: red;
}

#wrapper-employer span.mass-mail-save-as-draft-button {
	margin: 0;
}

#wrapper-employer div.main_cont1.e-mmml div.mass_mail table tbody tr td,
#wrapper-employer div.main_cont1.e-pmm div.mass_mail table tbody tr td {
	padding: 10px;
}

/* Show Stand-ins view */
#wrapper-employer div.need-search form#need_search_form {
	max-width: 500px;
	width: 100%;
}

#wrapper-employer div.need-search #need_search_form table tbody tr td select {
	min-width: 73px;
}

#wrapper-employer #need_search_form table tbody tr td.question,
#need_search_form table tbody tr:nth-child(2) td:nth-child(1),
#need_search_form table tbody tr:nth-child(3) td:nth-child(1),
#need_search_form table tbody tr:nth-child(4) td:nth-child(1) {
	font-weight: bold;
	padding-right: 20px;
}

#wrapper-employer span.select2-container {
	min-width: 328px;
	width: auto !important;
}

#wrapper-employer .em-report-configure span.select2-container {
	margin-bottom: 0;
	min-width: 500px;
}

/* Hide Workmenu */
#wrapper-employer div.menu_box.work_menu {
	display: none;
}

/* Make the double-dot between hour and minute inputs align nicer on create job form */
#wrapper-employer #create_job_form table tbody tr.start span.starttime input[name="starthour"],
#wrapper-employer #create_job_form table tbody tr.end span.endtime input[name="endhour"] {
	margin-right: 3px;
}

#wrapper-employer #create_job_form table tbody tr.start span.starttime input[name="startminute"],
#wrapper-employer #create_job_form table tbody tr.end span.endtime input[name="endminute"],
#wrapper-employer #create_job_form table tbody tr.start span.starttime input[name="startsecond"],
#wrapper-employer #create_job_form table tbody tr.end span.endtime input[name="endsecond"] {
	margin-left: 3px;
}

/* Make tooltips (for example questionmarks in create job form) easier to hover over */
#wrapper-employer #create_job_form span.tooltip {
	padding: 5px 10px;
	cursor: help;
	font-weight: bold;
}

/* The wierd menu for example in "Show customers" customer view in read mode(?) */
#wrapper-employer div.em-project-form ul,
#wrapper-employer div.em-project-form ul li {
	border: none;
}

#wrapper-employer div.em-project-form ul li.ui-tabs-active.ui-state-active a {
	text-decoration: none;
	font-weight: bold;
}

#wrapper-employer div.em-project-form ul li a {
	text-decoration: underline;
}

#wrapper-employer div.em-project-form ul li a:hover {
	text-decoration: none;
}

/* Other cover logo placement */
#wrapper-other-cover div.login_logo_div {
	text-align: center;
}

#wrapper-other-cover #direct-list-login-form div.submit_row div.submit-button {
	padding-left: 0;
}

#wrapper-other-cover #direct-list-login-form input[type="submit"] {
	width: 100%;
}

#wrapper-applicant.no-box-shadow {
	box-shadow: none !important;
}

#wrapper-applicant.no-top-margin,
#wrapper-applicant div.no-top-margin {
	margin-top: 0 !important;
}

#wrapper-applicant.narrow-padding {
	padding: 2px !important;
	width: 98%;
}

html.no-background-image {
	background-image: none !important;
}

/* Make it so that similar applicants table looks nicer in application view */
#wrapper-employer div.e-o div.em-similar-applicants table tbody tr td:nth-child(2),
#wrapper-employer div.e-oa div.applicant_info_similar table tbody tr td:nth-child(2) {
	text-align: right;
}

#wrapper-employer div.e-o div.em-similar-applicants table tbody tr td:nth-child(1) a {
	color: #000;
}

#wrapper-employer div.e-oa div.applicant_info_similar table tbody tr td:nth-child(2) a:hover {
	background: #B2DFF0;
}

#wrapper-applicant .ap_top_login .link-selected {
	font-weight: bold;
}

.fancybox-wrap.status-email {
	width: 46vw !important;
}

.fancybox-wrap.status-email .fr-element {
	max-height: 30vh;
	min-height: 15vh !important;
}

.status-email-settings {
	margin: 10px 0;
}

input[name="status-change-email-subject"],
select#status-email-sender {
	width: 100%;
	box-sizing: border-box;
	margin: 0;
	font-size: 14px;
	color: #333;
}

textarea[name="status-change-email-body"] {
	box-sizing: border-box;
	width: 100%;
	margin: 0;
	min-height: 200px;
	font-size: 14px;
	color: #333;
}

.status-email-link {
	margin: 3px 0;
}

.additional-selections.selections-hidden {
	display: none;
}

/* Thank you for your application view */
#wrapper-applicant div.main_cont1.a-s div.cont13 {
	padding: 0;
}

#wrapper-applicant div.main_cont1.a-s div.ap_status span.ok,
.survey-submit-result-header.ap-survey-submitted-title-save-successful {
	background: none;
	border: solid 1px #07619B;
	width: auto;
	color: #FFF;
	background-color: #07619B;
	padding: 35px 37.5px 35px 37.5px;
	text-align: center;
	font-size: 35px;
	line-height: 35px;
	font-family: "Source Sans Pro", Arial, sans-serif;
}

#wrapper-applicant div.main_cont1.a-s div.ap_message {
	text-align: center;
}

#wrapper-applicant div.a-s div.ap_status {
	padding: 0;
}

/* Application copy or move notification preview page */
body.body-employer .application-copy-or-move-notification-fancybox-container {
	float: left;
}

body.body-employer .application-copy-or-move-notification-fancybox-container div {
	padding: 6px 0 0 5px;
}

body.body-employer .application-copy-or-move-notification-body,
body.body-employer .application-copy-or-move-notification-subject {
	white-space: pre-line;
}

body.body-employer .application-copy-or-move-notification-fancybox-container p {
	padding: 5px 7px 20px 7px;
	margin: 0;
}

body.body-employer .application-copy-or-move-notification-header {
	margin: 5px 0 15px 0;
}

body.body-employer .application-copy-or-move-notification-header,
body.body-employer .application-copy-or-move-notification-subject-header,
body.body-employer .application-copy-or-move-notification-body-header {
	font-weight: bold;
}

body.body-employer #show-notify-of-copy-or-move-texts {
	color: #07619B;
	cursor: pointer;
	text-decoration: underline;
}

body.body-employer #show-notify-of-copy-or-move-texts:hover {
	text-decoration: none;
}

.rating-count:not(.no-rating) {
	cursor: pointer;
	color: #07619B;
	margin-left: 5px;
}

#application-rating .ratings {
	display: flex;
	justify-content: center;
}

#application-rating {
	align-self: flex-end;
	display: flex;
	flex-direction: column;
	align-items: center;
}

span.status-update-text {
	font-size: 75%;
	position: relative;
	top: -6px;
	margin-left: 6px;
}

span.status-updated-text {
	font-size: 75%;
	position: relative;
	top: -4px;
	margin-left: 6px;
}

.rating-count:hover {
	text-decoration: underline;
}

#user-stars {
	color: #ee712a;
}

#greyed-stars {
	color: #CCC;
}

#wrapper-employer #star-rating {
	display: flex;
	justify-content: center;
}

.user-stars-row:not(:last-child) {
	margin-bottom: 15px;
}

#wrapper-employer .rating-star {
	font-size: 250%;
	cursor: pointer;
	padding: 0 2px;
	height: 40px;
	line-height: 40px;
}

#wrapper-employer .star-mouseover,
.list-rating-star-solid,
.survey-stats-star-rating {
	color: #ee712a;
}

button#accept-comment-removal {
	border: none;
}

.list-rating-star-border,
.list-rating-star-solid {
	-webkit-text-stroke-width: 1px;
}

.list-average-stars {
	font-size: 20px;
	position: relative;
	white-space: nowrap;
	display: inline-block;
	margin: 3px;
}

td.col_1002 {
	font-size: 85%;
}

.coloured-stars {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}

.coloured-star {
	width: 20px !important;
	position: relative;
	left: 1px;
	top: 1px;
	margin-right: 2px;
}

.list-average-star-icon {
	width: 22px;
}

#wrapper-employer .star-mouseout,
.list-rating-star-border,
#survey-questions .survey-form-star-rating,
.survey-stats-star-rating.missing-rating,
.survey-stats-star-rating.decimal-star {
	-webkit-text-stroke-color: #9A9CA6;
	color: #CACBCD;
}

#wrapper-employer #number-of-ratings {
	font-style: italic;
}

textarea#rating-comment {
	width: 100%;
	margin: 0;
	padding: 5px;
	height: 150px;
	box-sizing: border-box;
	resize: none;
}

#application-rating-comments {
	overflow-y: scroll;
	padding: 5px;
	flex: 2;
	overflow: auto;
}

.notes-panel {
	padding: 75px 15px 15px 15px;
	background-color: #FFF;
	border-left: 1px solid #CCC;
	box-shadow: 2px 5px 20px 1px #ccc;
	height: 100%;
	box-sizing: border-box;
}

.edit-rating-comment,
.remove-rating-comment {
	float: right;
	height: 15px;
	margin: 4px 10px 0 0;
}

.edit-rating-comment:hover,
.remove-rating-comment:hover {
	cursor: pointer;
}

.removal-highlight {
	box-shadow: 0 0 3px #ED700A;
}

.edit-highlight {
	box-shadow: 0 0 5px #4DB6E2;
}

.list-star-rating-sorting-wrapper {
	display: none;
}

#rating-user-list {
	display: none;
	max-height: 50vh;
	white-space: initial;
}

#remove-comment-prompt {
	background: #FFF;
	border: 1px solid #AAA;
	position: absolute;
	display: none;
	padding: 15px;
	border-radius: 2px;
}

#remove-comment-prompt:after,
#remove-comment-prompt:before {
	bottom: 100%;
	left: 10%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

#remove-comment-prompt:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #FFF;
	border-width: 10px;
	margin-left: -10px;
}

#remove-comment-prompt:before {
	border-color: rgba(0, 0, 0, 0);
	border-bottom-color: #AAA;
	border-width: 11px;
	margin-left: -11px;
}

#remove-comment-title {
	margin-bottom: 10px;
}

#saving-comment-loader {
	height: 19px;
	position: relative;
	top: 6px;
	margin-left: 10px;
	display: none;
}

#application-rating-comments .comment {
	margin-bottom: 7px;
	padding: 6px;
	border-bottom: 1px solid #ECEAE3;
}

#application-rating-comments .comment-header {
	font-size: 14px;
	color: #999;
}

.completion-rate-chart .completion-rate-progress .ui-progressbar-value {
	background: repeating-linear-gradient(
		45deg,
		#ff8d2a,
		#ff8d2a 10px,
		#ffa354 10px,
		#ffa354 20px
	);
}
.completion-rate-bold {
	font-weight: bold;
}

.completion-rate-bar {
	padding: 0px 10px 10px 10px;
	border: 1px solid grey;
	box-shadow: 0px 0px 10px #8080807a;
	margin: 15px 0px 10px 0px;
	width: 60%;
}

.completion-rate-progress {
	margin-right: 35px;
}

.completion-rate-dropdown-image,
.completion-rate-missing-questions-image {
	padding-right: 5px;
}

#completion-rate-info {
	position: absolute;
	right: 0px;
	bottom: 33px;
}

#completion-rate-info:hover {
	cursor: help;
}

.completion-rate-bar h1 {
	text-align: center;
}

.completion-rate-error-row {
	display: flex;
	align-items: center;
}

.completion-rate-missing-row {
	display: flex;
	cursor: pointer;
	align-items: center;
}

.completion-rate-missing-questions-text {
	color: #07619B;
}

.completion-rate-missing-questions-details .critical {
	color: #FF0000;
}

.completion-rate-warnings {
	margin: 2px;
}

.completion-rate-list {
	display: none;
}
.completion-rate-dropdown-image,
.completion-rate-warning-image {
	height: 16px;
	width: 16px;
}

.ap-single-application-completion-rate {
	clear: left;
	float: left;
}

#applicant-progress-bar .completion-rate-progress {
	background-color: #eee;
}

.completion-rate-chart {
	position: relative;
}

#overall-rate-header {
	font-size: 14px;
	color: #999;
}

#rating-comment {
	margin-bottom: 10px;
}

#application-rating-comment #cancel-edit {
	display: none;
}

.comment-content {
	word-wrap: break-word;
	padding: 2px 10px;
}

#wrapper-employer .cont5 {
	width: 600px;
}

#application-rating .no-rating:hover {
	text-decoration: none;
	cursor: default;
}

.commenter-name {
	color: #333;
	font-weight: bold;
	margin-right: 5px;
}

.comment-editing-highlight {
	box-shadow: 0 0 5px #4DB6E2;
}

.application_rating ::-webkit-scrollbar {
	width: 10px;
}

.application_rating ::-webkit-scrollbar-track {
	background: #f1f1f1;
}

.application_rating ::-webkit-scrollbar-thumb {
	background: #888;
}

.application_rating ::-webkit-scrollbar-thumb:hover {
	background: #555;
}

#star-rating-average-amount {
	margin-left: 20px;
	display: block;
	float: left;
}

.star-search-passive {
	opacity: 0.4;
	pointer-events: none;
}

.delete-star-rating {
	cursor: pointer;
	display: none;
	position: relative;
	top: 1px;
	margin-left: 5px;
	border-left: 1px solid black;
	padding-left: 5px;
}

.application-status-selector {
	display: none;
	position: absolute;
	z-index: 1000;
	background-color: #FFF;
	padding: 10px 20px;
	top: 3px;
}

.status-selector-locator {
	position: absolute;
}

.application-status-selector .status-choice {
	text-transform: uppercase;
	text-align: center;
	margin: 3px 0;
	font-size: 12px;
	border-radius: 5px;
	font-weight: bold;
	padding: 5px 10px;
	cursor: pointer;
	user-select: none;
}

.application-status-selector .status-choice:hover {
	opacity: 0.7;
}

#application-rating .average {
	border-right: 1px solid black;
	padding-right: 5px;
}

#application-rating-comments .comment-content {
	white-space: pre-wrap;
}

/* Transfering style-base stuff here 4/2019 */
body.body-applicant {
	padding-top: 80px;
}

#wrapper-applicant a {
	text-decoration: none;
	font-weight: bold;
}

#wrapper-applicant .ap_job_login input.submit,
#wrapper-applicant div.submit-button input.submit,
#wrapper-applicant div.submit-button input[type="submit"],
#wrapper-applicant div.submit-button input.submit.mouseout,
#wrapper-applicant div.apply_to_job a,
#wrapper-applicant div.ap_file_upload div.submit-button input[type="submit"],
#wrapper-file_upload div.main_cont1 input[type="submit"],
#wrapper-applicant #cv-export-info a {
	display: inline-block;
	text-decoration: none;
	padding: 0 8px;
	height: 32px;
	color: #FFF;
	text-transform: uppercase;
	transition: 0.4s;
/* Webkit-appearance is a Safari fix */
	-webkit-appearance: none;
}

#wrapper-applicant div.submit-button input.submit:hover,
#wrapper-applicant div.submit-button input[type="submit"]:hover,
#wrapper-applicant div.submit-button input.submit.mouseout:hover,
#wrapper-applicant div.apply_to_job a:hover,
#wrapper-applicant div.ap_file_upload div.submit-button input[type="submit"]:hover,
#wrapper-file_upload div.main_cont1 input[type="submit"]:hover {
	transition: 0.2s;
}

#wrapper-applicant div.apply_to_job a {
	padding: 10px 50px;
	height: auto;
}

#wrapper-applicant div.sectiontitle,
div.em-modify-question div.sectiontitle {
	border-top-style: solid;
	margin-bottom: 23px;
	padding-bottom: 15px;
	padding-left: 15px;
	font-size: 22px;
	font-weight: bold;
	color: #07619B;
	border-top-color: #07619B;
}

#wrapper-applicant div.auto_list th,
#wrapper-applicant div.auto_list tr,
#wrapper-applicant div.auto_list tr.odd,
#wrapper-applicant div.auto_list tr.even,
#wrapper-applicant div.auto_list td {
	border: none;
	word-break: break-word;
}

#wrapper-applicant div.auto_list tr.title_row,
#wrapper-applicant div.auto_list tr.title_row th {
	background-color: #ee712a;
	background: #ee712a;
	color: #FFF;
}

/* Background color of every other row on job list */
#wrapper-applicant div.auto_list tr.even {
	background-color: rgba(230, 230, 230, 0.25);
}

/* Background color of every row on job list when hovering */
#wrapper-applicant div.auto_list tr.over td.row_link {
	background-color: #ECEAE3;
}

#wrapper-applicant div.job_page #preview-button,
#wrapper-applicant #submit-survey-answers-button {
	height: 50px;
	min-width: 175px;
}

#wrapper-applicant form#application_form div.question_col {
	font-weight: normal;
}

#wrapper-applicant #wrapper-file_upload form input[type="file"] {
	margin-top: 15px;
}

.body-applicant,
.body-other-cover {
	background: none;
}

#wrapper-applicant #auto_list_table_open_jobs tr a {
	font-weight: normal;
	color: #000;
}

#auto_list_table_open_jobs tbody td.col_ApplyStartDate.row_link,
#auto_list_table_open_jobs tbody td.col_ApplyEndDate.row_link {
	min-width: 130px;
}

#body-e-ccd iframe {
	height: 50px;
}

#wrapper-applicant div.submit-button input.submit,
#wrapper-applicant .ap_job_login input.submit,
#wrapper-applicant div.submit-button input[type="submit"],
#wrapper-applicant div.submit-button input.submit.mouseout,
#wrapper-applicant div.apply_to_job a,
#wrapper-applicant div.ap_file_upload div.submit-button input[type="submit"],
#wrapper-file_upload div.main_cont1 input[type="submit"],
#wrapper-applicant #cv-export-info a {
	background-color: #ee712a;
}

#wrapper-applicant form#application_form div.help,
div.ap-hour-report-form div.help,
div.hour-report-form div.help,
body#body-a-p div.help,
#wrapper-applicant div.help,
.survey-invalid-link-content {
	background-color: #07619B;
	border-color: #07619B;
	color: #FFF;
	padding: 20px;
	border-radius: 4px;
	box-sizing: border-box;
}

#wrapper-applicant form#application_form div.rbnvideo-helptext a {
	color: #FFF;
}

#wrapper-applicant pre {
	white-space: normal !important;
}

#auto_list_table_the_list .col_Drag img,
.survey-editable-question-list-item-drag img{
	width: 18px;
	opacity: 0.4;
}

#auto_list_table_the_list .col_Drag {
	text-align: center;
	vertical-align: middle;
}

#auto_list_table_the_list .list-attachment-filename {
	margin: 5px;
	font-size: 13px;
}

.the_list tr:not(.title_row) .col_Drag {
	cursor: move !important;
}

.the_list th.col_cb {
	width: 40px;
}

.video-interview {
	display: inline-block;
}

.video-interview img {
	position: relative;
	top: 6px;
	margin-left: 15px;
}

.list-row-placeholder td,
.survey-list-row-placeholder {
	background-color: #FADBC0;
}

.list-row-placeholder-icon {
	height: 10px;
	padding: 15px 0;
	position: relative;
	right: 24px;
}

.placeholder-cell {
	height: 40px;
}

.placeholder-icon-wrapper {
	position: absolute;
}

.list-update-disabled {
	pointer-events: none;
	opacity: 0.4;
}

.col_Drag.disable-reorder {
	opacity: 0.2;
	pointer-events: none;
}

#system-setting-status-emails {
	margin-left: 10px;
	margin-top: 10px;
}

.system-settings .row-passive td:not(.enable-status-mail) {
	opacity: 0.4;
	pointer-events: none;
}

#system-setting-status-emails td,
#system-setting-status-emails th {
	padding: 3px 0 3px 6px;
}

#system-setting-status-emails td.edit-status-message img:hover {
	cursor: pointer;
}

#system-setting-status-emails .icon-visible {
	visibility: initial !important;
}

.system-settings .enable-status-mail {
	text-align: center;
}

#receiver-inputs {
	clear: both;
}

#receiver-inputs input {
	font-weight: normal;
	width: 240px;
}

.the_list .direct-answer-update {
	padding: 10px;
	border-radius: 0;
	height: 100%;
	margin: 0;
	max-width: 180px;
}

.the_list .updateable-answer-column {
	vertical-align: middle;
}

.the_list .updateable-answer-column .animation-locator {
	display: block;
}

select#default-sender {
	margin: 10px 0 15px 20px;
}

.system-settings .option-info {
	margin: 10px 0;
}

#accordion .ui-state-default {
	background: #FFF;
}

#accordion .ui-state-active {
	background: #F0F0EA;
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
}

#wrapper-employer div#system-setting-status-emails .ui-accordion .ui-accordion-content {
	border: 1px solid #d3d3d3 !important;
	border-top: none !important;
}

img.laura-loading-animation,
img.laura-success-animation {
	width: 20px;
}

img.laura-loading-animation span,
img.laura-success-animation span {
	font-size: 12px;
}

div.status-toggle-saving-animation,
div.status-email-toggle-successful {
	position: absolute;
	bottom: 24px;
	right: 15px;
}

div.status-email-sender-change-successful {
	position: absolute;
	bottom: 31px;
	left: 10px;
}

div.default-sender-change-saving-animation img,
div.status-email-sender-change-successful img {
	position: absolute;
	top: 16px;
	right: 0;
}

div.status-toggle-saving-animation img,
div.status-email-toggle-successful img {
	position: absolute;
	top: -2px;
	right: 0;
}

#system-setting-status-emails div.status-toggle-saving-animation img,
#system-setting-status-emails div.status-email-toggle-successful img {
	top: 8px;
	left: -10px;
}

div.superuser-setting-choice-change-saving-animation img,
div.superuser-setting-choice-change-successful img {
	position: absolute;
	left: -20px;
}

div.status-update-saving .ui-text,
div.status-update-successful .ui-text {
	font-size: 75%;
	margin-left: 10px;
}

div.status-update-saving img,
div.status-update-successful img {
	position: relative;
}

div.status-update-saving,
.status-update-successful {
	display: flex;
	align-items: center;
	position: absolute;
	align-self: center;
}

.animation-locator {
	display: inline-block;
	position: relative;
}

button#confirm-sort {
	margin-top: 15px;
}

.the_list td.col_ListOrder {
	vertical-align: middle;
	text-align: center;
}

th.col_ListOrder,
th.col_Drag,
th.col_RemoveFromList,
tr.calendar-title .edit {
	width: 37px;
}

th.col_StarRatingAverage {
	width: 190px;
}

.the_list .star-rating-field br,
.direct_list .star-rating-field br {
	display:none;
}

#system-settings-new-status-email-saved,
.status-email-deleted {
	overflow: hidden;
}

.fancybox-wrap.position-x-center {
	left: 50% !important;
	transform: translateX(-50%) !important;
}

.fancybox-wrap.position-y-top {
	top: 50px !important;
}

.fancybox-wrap.position-y-center {
	top: 50% !important;
	transform: translateY(-50%) !important;
}

#popup-message-icon {
	width: 40px;
	align-self: flex-start;
	margin-right: 20px;
}

.popup-message-default-content-wrapper {
	display: flex;
	justify-content: center;
	pointer-events: none;
	align-items: flex-start;
}

.popup-message-default-content-wrapper.overlay {
	background: url(/javascript/jquery351/fancybox/fancybox_overlay.png);
	z-index: 8100;
	width: 100%;
	height: 100%;
	position: fixed;
	padding-top: 50px;
}

.popup-message {
	-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
	display: flex;
	flex-direction: column;
	background: #f9f9f9;
	color: #444;
	border-radius: 4px;
	max-width: 70vw;
	pointer-events: auto;
	padding: 20px;
}

.popup-message .icon-text-wrapper {
	display: flex;
	align-items: center;
}

.popup-message-close-locator {
	position: relative;
	left: 20px;
	bottom: 20px;
}

.preview-button-disabled {
	opacity: 0.4;
	cursor: not-allowed !important;
}

.preview-button-disabled {
	opacity: 0.4;
	cursor: not-allowed !important;
}

.html_report_pie_chart_block {
	width: 400px;
	height: 250px;
}

#wrapper-employer #auto_list_table_select_job td.col_Video.row_link a img.video_interview_image,
#wrapper-employer #auto_list_table_ru_page td.col_Video.row_link a img.video_interview_image {
	padding-right: 10px;
}

#popup-dialog-header {
	height: 80px;
	background-color: #07619B;
	text-align: center;
	vertical-align: middle;
	color: #FFF;
	line-height: 80px;
	font-weight: bold;
	font-size: 22px;
	background-size: 90px;
	background-repeat: no-repeat;
	background-position-y: center;
	background-position-x: -5px;
	border-radius: 4px;
}

#popup-dialog-header.messaging {
	background-image: url(../images/laura-icon-paperplane.png);
}

#popup-dialog-header.calendar {
	background-image: url(../images/laura-icon-calendar-white.png);
	background-position-x: 10px;
	background-size: 60px;
}

#popup-dialog-header.open,
#popup-dialog-buttons input#load-saved-list,
#popup-dialog-buttons input#load-saved-co-determination-list {
	background-image: url(../images/laura-icon-popup-folder-open.png);
	background-position-x: 10px;
}

#popup-dialog-header.videointerview {
	background-image: url(../images/laura-icon-list-videointerview-white.png);
	background-position-x: 10px;
}

#popup-dialog-header.print {
	background-image: url(../images/laura-icon-list-print.png);
	background-position-x: 10px;
	background-size: 60px;
}

#popup-dialog-header.settings {
	background-image: url(../images/laura-icon-popup-systemsettings.png);
}

#popup-dialog-header.sharing {
	background-image: url(../images/laura-icon-popup-share.png);
	background-size: 60px;
	background-position-x: 10px;
}

.popup-dialog-row .block-wrapper {
	display: flex;
	width: 50%;
	flex-direction: column;
}

.block-wrapper .block-header {
	font-weight: bold;
	margin-left: 5px;
}

.blocks-row .block-wrapper .block {
	width: auto;
}

#popup-dialog-subheader {
	border-bottom: 1px solid #07619B;
	color: #07619B;
	text-align: center;
	padding: 8px 0;
	font-size: 18px;
}

#popup-dialog-subheader .new-status-text {
	font-weight: bold;
}

#popup-dialog-info {
	padding: 20px;
}

#popup-dialog-content {
	padding: 20px;
}

#popup-dialog-content .submit-button {
	padding: 0;
}

#print-options {
	margin: 10px 0;
}

#print-list-applications {
	background-image: url(../images/laura-icon-list-print.png);
}

#share-list {
	background-image: url(../images/laura-icon-popup-share.png);
}

#copy-list {
	background-image: url(../images/laura-icon-popup-copy.png);
}

#send-list {
	background-image: url(../images/laura-icon-email-white.png);
}

#popup-dialog-buttons .submit-button {
	padding: 0;
	margin-right: 10px;
	padding: 0;
}

#popup-dialog-buttons .submit-button.delete-list {
	float: right;
}

#list-settings.save-as-new .delete-list {
	display: none;
}

#popup-dialog-buttons input[type="button"],
#popup-dialog-buttons input[type="submit"] {
	background-size: 15px;
	background-repeat: no-repeat !important;
	background-position-y: center !important;
	background-position-x: 8px !important;
	padding-left: 30px;
}

#popup-dialog-buttons .popup-save,
#popup-dialog-buttons input#save-timeslot,
#popup-dialog-buttons #save-calendar-settings,
#popup-dialog-buttons #add-to-saved-list {
	background-size: 15px;
	background-image: url(../images/laura-icon-save-white.png);
}

#popup-dialog-buttons input#send-status-change-email {
	background-size: 15px;
	background-image: url(../images/laura-icon-paperplane.png);
}

#popup-dialog-buttons input#save-changes,
#popup-dialog-buttons #cancel-dialog,
#popup-dialog-buttons input[type="button"].popup-confirm-no,
#popup-dialog-buttons input#cancel-unlock,
#popup-dialog-buttons input#cancel-dialogue {
	background-size: 10px;
	background-image: url(../images/laura-icon-dontsend.png);
	padding-left: 25px;
	background-color: #6C6E7D;
}

#popup-dialog-buttons input[type="button"].popup-confirm-yes {
	background-size: 15px;
	background-image: url(../images/laura-icon-check-white.png);
}

#popup-dialog-buttons input[type="button"].popup-confirm-continue {
	background-size: 15px;
	background-image: url(../images/laura-icon-arrow-right.png);
}

#wrapper-employer #cancel-subscription-creation {
	background-color: #6C6E7D;
}

#popup-dialog-buttons input#unlock-talent-profile {
	background-size: 15px;
	background-image: url(../images/laura-icon-open-lock.png);
}

#popup-dialog-buttons.buttons-center {
	text-align: center;
}

#popup-dialog-content #popup-dialog-buttons {
	margin-top: 30px;
}

#popup-dialog-buttons {
	margin-top: 30px;
}

#popup-dialog-buttons.buttons-center .submit-button {
	margin: 0 5px;
}

.unlock-confirm .popup-message-text {
	font-weight: bold;
}

#ask-selection-row {
	margin: 10px 0;
}

#popup-dialog-buttons input.delete,
#popup-dialog-buttons #cancel-sharing,
#popup-dialog-buttons #delete-calendar {
	background-size: 10px;
	background-image: url(../images/laura-icon-white-trash.png);
	padding-left: 30px;
	padding-left: 25px;
	background-color: #fb1100;
}

#popup-dialog-buttons #cancel-sharing {
	background-image: url(../images/laura-icon-dontsend.png);
}

.popup-dialog-wrapper .fancybox-skin {
	padding: 10px !important;
}

.popup-dialog-row .popup-dialog-title {
	font-weight: bold;
}

.popup-dialog-row {
	margin-bottom: 10px;
}

#wrapper-applicant #cv-export-info #cv-export-info-text {
	margin: 30px 0;
}

/* Responsiveness */
#tinynav_menu {
	display: none;
}

select#tinynav1 {
	margin-top: -12px;
}

#wrapper-employer #create_job_form td.question {
	max-width: 230px;
}

/* Temporary fix for file upload iframe. Useful when attachment name is super long */
div.question_type_150 div.answer_col iframe,
div.question_type_151 div.answer_col iframe {
	width: 100%;
	max-height: 60px;
}

div.question_type_150 div.answer_col iframe.dropzone,
div.question_type_151 div.answer_col iframe.dropzone {
	width: 100%;
	max-height: 5000px;
}

#wrapper-file_upload div.submit-button {
	float: right;
}

.publish .integration-selection .integration-logo {
	width: 80px;
	position: relative;
	margin-left: 5px;
}

.additional-coverage-choices {
	padding-left: 30px;
}

.integration-selection {
	height: 35px;
	display: flex;
	align-items: center;
}

.coverage-selection {
	height: auto;
	padding-left: 10px;
	padding: 5px 5px 5px 10px;
}

.coverage-selection .checkbox-disabled {
	pointer-events: none;
	opacity: 0.5;
}

.integration-additional-coverage-logo {
	margin-bottom: 10px;
}

.coverage-info-icon {
	width: 15px;
	margin-left: 5px;
	pointer-events: all !important;
}

.coverage-choices-disabled {
	pointer-events: none;
}

.coverage-choices-disabled .coverage-selection input,
.coverage-choices-disabled .coverage-selection label {
	opacity: 0.4;
}

.integration-information-header {
	display: inline-block;
	display: none;
}

.coverage-choices-disabled .integration-additional-coverage-logo {
	opacity: 0.4;
}

/* End of temporary fix for file upload iframe. */
.qtip-laura {
	padding: 10px 18px !important;
	min-width: 50px !important;
	max-width: 40vw !important;
	width: max-content !important;
	width: -moz-max-content !important;
	border-radius: 6px !important;
	font-size: 14px !important;
	background-color: #484B5C !important;
	box-shadow: 0 0 24px rgba(0, 0, 0, 0.4) !important;
	color: #FFF !important;
	text-align: center !important;
	white-space: pre-wrap !important;
	border: none !important;
	line-height: 20px !important;
}

.anonymized-answer {
	letter-spacing: -1px;
}

.remove-anonymity {
	margin-bottom: 20px;
}

.remove-anonymity span {
	background-size: 15px;
	background-image: url(../images/laura-icon-open-lock.png) !important;
	background-position-y: center !important;
	background-position-x: 20px;
	background-color: #ED700A;
	color: #FFF !important;
	background-repeat: no-repeat;
	border-radius: 2px;
	border: 1px solid #ee712a;
	display: inline-block;
	font-weight: bold;
	cursor: pointer;
	line-height: 45px;
	font-size: 20px;
	padding: 0px 20px 0px 55px;
}

/* Talentbank (Osaajapankki) information box */
#wrapper-employer div#talentbank-information-box {
	font-size: 12px;
	display: inline-block;
	color: #FFF;
	float: left;
	text-align: left;
	font-weight: bold;
	font-family: "Source Sans Pro", Arial, sans-serif;
	margin-left: 60px;
	padding: 6px 0;
	height: 60px;
	box-sizing: border-box;
}

#widgets #info-text {
	font-size: 12px;
}

.hide-show-common,
.introduction-text-link {
	font-weight: normal;
	color: #07619B;
	text-decoration: underline;
}

.hide-show-common:hover,
.introduction-text-link:hover {
	text-decoration: none;
	cursor: pointer;
}

.action-menu,
#calendar-menu {
	display: flex;
	align-items: center;
	padding: 15px 0;
}

.action-menu-command,
.send-interview-times,
.add-calendar-timeslot-button,
#create-new-shared-calendar,
#shared-calendar-settings {
	cursor: pointer;
	margin: 0 2px;
	background-position: center;
	background-size: 22px;
	padding: 22px;
	background-repeat: no-repeat;
}

.action-menu-command.menu-item-passive,
#list-modes.menu-item-passive,
#list-view-switcher .menu-item-passive {
	opacity: 0.4;
	cursor: default;
}

.action-menu-command img {
	height: 25px;
}

.action-menu-command[data-action-id="loadsavedlist"] {
	background-image: url(../images/laura-icon-folder-open.svg);
	background-size: 25px;
}

.action-menu-command[data-action-id="savelist"] {
	background-image: url(../images/laura-icon-save.png);
	background-size: 20px;
}

.action-menu-command[data-action-id="sendlogincredentialstoemployees"] {
	background-image: url(../images/laura-icon-mail-bulk.svg);
	background-size: 23px;
}

.action-menu-command[data-action-id="offerjobstocodeterminationlist"] {
	background-image: url(../images/laura-icon-user-hardhat.svg);
	background-size: 20px;
}

.action-menu-command[data-action-id="savelist"][data-list-saved="1"] {
	background-image: url(../images/laura-icon-save-arrow.png);
	background-size: 30px;
}

.action-menu-command[data-action-id="listoptions"],
.action-menu-command[data-action-id="calendarsettings"] {
	background-image: url(../images/laura-icon-systemsettings.svg);
}

.action-menu-command[data-action-id="createcalendar"] {
	background-image: url(../images/laura-icon-add.svg);
}

.action-menu-command[data-action-id="showoverlaps"] {
	background-position-y: 9px;
	background-image: url(../images/laura-icon-all-calendar-times.png);
	background-size: 25px;
}

.action-menu-command[data-action-id="exportcalendar"] {
	background-image: url(../images/laura-icon-export-calendar.png);
	background-size: 19px;
}

.action-menu-command[data-action-id="importcalendar"] {
	background-image: url(../images/laura-icon-import-calendar.png);
	background-size: 22px;
}

.action-menu-command[data-action-id="externalcalendars"] {
	background-image: url(../images/laura-icon-external-calendars.png);
	background-size: 21px;
}

.action-menu-command[data-action-id="listsharing"] {
	background-image: url(../images/laura-icon-share.svg);
}

.action-menu-command[data-action-id="applicationlistaddorremove"][data-active-action="add"] {
	background-image: url(../images/laura-action-menu-icon-add-to-list.png);
}

.action-menu-command[data-action-id="applicationlistaddorremove"][data-active-action="remove"] {
	background-image: url(../images/laura-action-menu-icon-remove-from-list.png);
}

.action-menu-group#application-actions .action-menu-command[data-action-id="applicationotheractions"] {
	background-image: url(../images/laura-action-menu-icon-ellipsis.png);
	height: 20px;
	background-position: center;
}

.action-menu-command[data-action-id="listmassmail"],
.action-menu-command[data-action-id="codeterminationlistmassmail"] {
	background-image: url(../images/laura-icon-email.svg);
}

.action-menu-command[data-action-id="applicationsendemail"] {
	background-image: url(../images/laura-action-menu-icon-email.png);
}

.action-menu-command[data-action-id="sendsms"] {
	background-image: url(../images/laura-icon-phone.svg);
	background-size: 15px;
}

.action-menu-command[data-action-id="applicationsendsms"] {
	background-image: url(../images/laura-action-menu-icon-sms.png);
	background-size: 15px;
}

.action-menu-command[data-action-id="changetofolders"] {
	background-image: url(../images/laura-icon-change-to-folder.png);
	background-size: 19px;
}

.action-menu-command[data-action-id="massprint"] {
	background-image: url(../images/laura-icon-print.svg);
}

.action-menu-command[data-action-id="csvexport"] {
	background-image: url(../images/laura-icon-csv.svg);
	background-size: 17px;
}

.action-menu-command[data-action-id="printstickers"] {
	background-image: url(../images/laura-icon-note.svg);
	background-size: 20px;
}

.action-menu-command[data-action-id="massupdate"] {
	background-image: url(../images/laura-icon-update.svg);
	background-size: 24px;
}

.action-menu-command[data-action-id="masspassivate"] {
	background-image: url(../images/laura-icon-passivate.png);
	background-size: 20px;
}

.action-menu-command[data-action-id="massremove"] {
	background-image: url(../images/laura-icon-trash.svg);
	background-size: 19px;
}

.action-menu-command[data-action-id="callforinterview"] {
	background-image: url(../images/laura-icon-list-videointerview.png);
}

.action-menu-command[data-action-id="additionalquestions"] {
	background-image: url(../images/laura-icon-add.svg);
}

.action-menu-command[data-action-id="sendinterviewtimes"] {
	background-image: url(../images/laura-icon-calendar.svg);
}

.action-menu-group#application-actions .action-menu-command {
	background-position: 12px;
	padding: 12px 12px 12px 40px;
	white-space: nowrap;
}

.classifications-show-hide-wrapper .hide-common {
	display: none;
}

.integration-selection img[data-integration-id="3"],
.integration-additional-coverage-logo {
	width: 90px !important;
}

.integration-selection img[data-integration-id="6"] {
	width: 62px !important;
	vertical-align: middle;
	bottom: 2px;
}

.integration-selection img[data-integration-id="14"] {
	width: 130px !important;
}

label[for="publish_jobs[6]"] span {
	line-height: 30px;
	margin-left: 5px;
	font-weight: bold;
	text-transform: uppercase;
}

#list-modes {
	display: inline-block;
	margin-left: auto;
	margin-right: 10px;
}

#list-modes select {
	margin: 0;
}

span.menu-action-text {
	display: inline-block;
}

.classifications-block label[for="publish_jobs[6]"] span {
	position: relative;
	top: 2px;
}

.integration-selection img[data-integration-id="8"] {
	width: 100px !important;
}

#classification-3-class .heading img {
	width: 160px;
}

#classification-5-class .heading img,
#classification-9-class .heading img,
#classification-13-class .heading img {
	width: 110px;
}

#classification-14-class .heading img {
	width: 130px;
}

#classification-6-class .heading img {
	width: 90px;
	vertical-align: middle;
}

#classification-8-class .heading img {
	width: 140px;
}

.classifications-block .heading .integration-logo {
	padding: 10px 0;
	margin-left: 10px;
}

.classifications-list {
	padding: 10px 20px;
}

.classifications-list.error div.classification.error {
	display: block;
}

.action-menu-command img {
	vertical-align: middle;
	height: 20px;
}

.action-menu-command:not(.menu-item-passive):hover,
.icon-clicked-down,
.switch-button:hover,
.close-recruitment:hover,
#calendar-view-switcher .calendar-view:hover,
img#clear-list:hover,
img#clear-codet-list:hover,
#widget-tools img:hover,
.send-interview-times:hover,
#calendar-view-switcher .calendar-view.selected,
.add-calendar-timeslot-button:hover,
#create-new-shared-calendar:hover,
#shared-calendar-settings:not(.disabled):hover,
.show-all-own-calendars:hover,
.send-interview-times.icon-clicked-down,
#survey-add-to-email:hover,
#survey-remove-from-email:hover {
	background-color: #e0e0e0;
	transition: background-color 0.2s;
	border-radius: 8px;
}

img#clear-list:hover,
img#clear-codet-list:hover {
	background-color: #000;
}

.kanban-view-switcher,
#calendar-view-switcher {
	display: flex;
	justify-content: flex-end;
	margin: 5px 0;
}

div.auto_list tr td.col_RemoveFromList,
div.auto_list tr td.col_Drag,
tr.timeslot .edit {
	text-align: center;
	vertical-align: middle;
}

.col_RemoveFromList img,
.remove-external-calendar img,
.survey-editable-question-list-item-remove-question img,
.kanban-card .remove-application-from-list {
	width: 13px;
	opacity: 0.4;
}

.kanban-card .application-info img.remove-application-from-list {
	margin-left: auto;
	cursor: pointer;
	margin-right: 0;
}

.kanban-card .remove-application-from-list:hover {
	opacity: 1;
}

tr:not(.title_row) .col_RemoveFromList {
	cursor: pointer;
}

.list-removal-highlight {
	outline: 2px solid #ee712a !important;
}

.list-reorder-highlight {
	outline: 2px solid #4DB6E2 !important;
}

.additional-questions .select2 {
	width: 100% !important;
}

#body-e-pl .select2-dropdown, #body-e-cpl .select2-dropdown {
	z-index: 10000;
}

#save-list-prompt,
#delete-applications-prompt,
.send-interview-times-prompt,
#export-calendar-prompt,
.prompt-menu {
	display: none;
	z-index: 1000;
	position: relative;
}

.send-interview-times-prompt {
	bottom: 5px;
}

.add-remove-interview-times {
	display: flex;
}

.list-prompt-choice,
.prompt-choice {
	cursor: pointer;
	padding: 8px;
	user-select: none;
	display: block;
}

.prompt-choice-wrapper .choice-additional-html {
	display: none;
}

.prompt-choice-wrapper [data-action-id="remove-application"] {
	background-color: #D85959;
	color: #FFF;
}

.prompt-choice-wrapper [data-action-id="remove-application"]:hover {
	color: #222222;
}

.calendar-option-timeslots {
	font-style: italic;
}

.list-prompt-choice:not(#copy-calendar-feed-url):hover,
.prompt-choice:not(#copy-calendar-feed-url):hover  {
	background-color: #F0F0EA;
}

#popup-dialog-content form {
	display: block !important;
}

#list-settings .setting-header {
	font-weight: bold;
	padding: 3px 0;
}

.call-for-interview select[name="interview"] {
	display: block;
	margin: 10px 0;
}

.the_list table td.checkbox {
	vertical-align: middle;
	text-align: center;
}

.shared-list-info-header {
	font-weight: bold;
	margin-bottom: 10px;
}

.shared-list-users-list {
	margin-left: 5px;
}

form#list-mass-print .print-option {
	display: block;
}

.prompt-menu-locator {
	position: relative;
	right: 20px;
	top: 10px;
}

.choice-wrapper {
	color: #222222;
	background-color: #FFF;
	border: 1px solid #aaa;
	border-radius: 2px;
	position: absolute;
	white-space: nowrap;
	box-shadow: 0 0 10px rgba(52, 52, 52, 0.2);
}

.send-interview-times-prompt .choice-wrapper {
	left: 15px;
	overflow-y: scroll;
	max-height: 300px;
}

.choice-wrapper .list-locked {
	opacity: 0.4;
	pointer-events: none;
}

/** # TODO: this is not ideal, cause it will not target only menu item actions. **/
#body-e-pl .qtip,
#body-e-cpl .qtip {
	padding: 6px 10px !important;
}

#body-e-pl .qtip-content,
#body-e-cpl .qtip-content {
	padding: 0;
}

/** Common integration classifications default states. **/
.classification-3-class .classification[data-field='user_id'],
.classification-3-class .classification[data-field='region'],
.classification-3-class .classification[data-field='work_type_form'],
.classification-3-class .classification[data-field='workfield'],
.classification-3-class .classification[data-field='contracttype'],
.classification-3-class .classification[data-field='num_of_vacancies'],
.classification-3-class .classification[data-field='contact_name'],
.classification-3-class .classification[data-field='contact_email'],
.classification-3-class .classification[data-field='contact_phone'],
.classification-3-class .classification[data-field='contact_address'],
.classification-3-class .classification[data-field='contact_postcode'],
.classification-3-class .classification[data-field='contact_city'],
.classification-3-class .classification[data-field='contact_country'],
.classification-5-class .classification[data-field='company_identification'],
.classification-5-class .classification[data-field='job_category'],
.classification-5-class .classification[data-field='contract_type'],
.classification-5-class .classification[data-field='line_of_business_detail'],
.classification-5-class .classification[data-field='job_street_address'],
.classification-5-class .classification[data-field='job_post_code'],
.classification-5-class .classification[data-field='job_location_city'],
.classification-5-class .classification[data-field='job_location_county'],
.classification-5-class .classification[data-field='job_location_country'],
.classification-5-class .classification[data-field='contact_person'],
.classification-5-class .classification[data-field='contact_person_telephone'],
.classification-5-class .classification[data-field='contact_person_email'],
.classification-5-class .classification[data-field='oikotie_job_experience_level'],
.classification-5-class .classification[data-field='oikotie_remote_work'],
.classification-6-class .classification[data-field='company_identification'],
.classification-6-class .classification[data-field='hiring-org-email'],
.classification-6-class .classification[data-field='hiring-org-phone'],
.classification-6-class .classification[data-field='nr-job-positions'],
.classification-6-class .classification[data-field='type-of-contract'],
.classification-6-class .classification[data-field='job-status'],
.classification-8-class .classification[data-field='te_employer_identification'],
.classification-8-class .classification[data-field='te_number_of_positions'],
.classification-9-class .classification[data-field='duunitori_employment_type'],
.classification-9-class .classification[data-field='duunitori_street_address'],
.classification-9-class .classification[data-field='duunitori_postal_code'],
.classification-9-class .classification[data-field='duunitori_city'],
.classification-9-class .classification[data-field='duunitori_employer_name'],
.classification-13-class .classification[data-field='monster_api_token'],
.classification-13-class .classification[data-field='monster_company_logo'],
.classification-13-class .classification[data-field='monster_job_country'],
.classification-13-class .classification[data-field='monster_job_city'],
.classification-13-class .classification[data-field='monster_job_postal_code'],
.classification-13-class .classification[data-field='monster_employment_type'],
.classification-13-class .classification[data-field='monster_salary_range'],
.classification-13-class .classification[data-field='monster_job_perks'],
.classification-13-class .classification[data-field='monster_required_degree_level'],
.classification-13-class .classification[data-field='monster_fields_of_study'],
.classification-13-class .classification[data-field='monster_required_years_of_experience'],
.classification-13-class .classification[data-field='monster_required_language_skills'],
.classification-13-class .classification[data-field='monster_required_skills'],
.classification-13-class .classification[data-field='monster_employer_industry_field'],
.classification-13-class .classification[data-field='monster_occupational_fields'],
.classification-14-class .classification[data-field='thenetwork_employer_name'],
.classification-14-class .classification[data-field='thenetwork_worktime'],
.classification-14-class .classification[data-field='thenetwork_employment_type'],
.classification-14-class .classification[data-field='thenetwork_hired_amount'],
.classification-14-class .classification[data-field='thenetwork_category'],
.classification-14-class .classification[data-field='thenetwork_job_address'],
.classification-14-class .classification[data-field='thenetwork_postal_code'],
.classification-14-class .classification[data-field='thenetwork_city'],
.classification-14-class .classification[data-field='thenetwork_country'],
.classification-14-class .classification[data-field='thenetwork_contact_name'],
.classification-14-class .classification[data-field='thenetwork_contact_email'],
.classification-14-class .classification[data-field='thenetwork_contact_phone'] {
	display: none;
}

.classification[data-optional-hidden-field="1"] {
	display: none;
}

#common-classifications-wrapper {
	overflow: hidden;
	padding: 10px 0 10px 20px;
	box-sizing: border-box;
}

#common-classifications {
	display: none;
	overflow: hidden;
}

#common-classifications select,
#common-classifications input {
	width: 200px;
}

.introduction-text-link {
	text-decoration: underline;
	cursor: pointer;
}

.classification-group {
	float: left;
	width: calc(100%/3);
	padding-right: 15px;
	box-sizing: border-box;
}

.classification-group:nth-child(3) {
	padding-right: 0;
}

.classification-group input,
.classification-group select {
	width: auto;
	margin: 0;
}

.classifications-block .heading,
#common-classifications-header {
	border-bottom: #DDD solid 1px;
}

#list-settings {
	display: none;
}

#list-settings input {
	margin: 0;
}

#list-settings input[type="text"] {
	width: 100%;
	box-sizing: border-box;
}

.classifications-block .heading,
#common-classifications-header {
	border-bottom: #ddd solid 1px;
	overflow: hidden;
	position: relative;
}

#common-classifications-header {
	padding: 10px;
	margin-bottom: 0;
}

.common-classifications-header {
	font-weight: bold;
	margin-bottom: 10px;
	font-size: 17px;
}

.classification-group .classification {
	margin-bottom: 5px;
}

#wrapper-employer #common-classifications span.select2-container {
	margin-bottom: 0;
	width: 200px !important;
	min-width: 200px !important;
}

.classifications-block .integration-logo-wrapper {
	float: left;
}

.classifications-block .classifications-show-hide-wrapper {
	display: inline-block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 10px;
}

.active-classifications-block {
	border-bottom: 1px solid #CACBCD;
}

#integration-accordion .question {
	display: inline-block;
}

.classification-field-notification {
	background-color: #ffcccc;
	padding: 0 10px;
}

[data-field="contract_type"].classification-field-notification {
	background-color: transparent;
	padding: 0;
}

.classifications-list .classification img {
	width: 20px;
}

.classification-field-notification img:hover {
	cursor: help;
}

#integration-classifications-errors span {
	text-align: left;
}

#talentbank-information-box .row {
	overflow: hidden;
	line-height: 16px;
}

#talentbank-information-box .header {
	float: left;
	min-width: 180px;
}

#talentbank-information-box .value {
	float: left;
}

/* Hide pointless max characters in job description in project form, Froala has a better one built in it */
#wrapper-employer .em-project-form div.question_type_36 div.field_rules {
	display: none;
}

/* Otherwise bottom line overflows into nothingness */
#wrapper-employer div.em-project-form div.question_row.question_type_36 {
	padding-bottom: 10px;
}

.integration-error-list {
	margin: 5px 0;
}

#integration-classifications-errors ul {
	margin-bottom: 0;
}

.integration-error-list .errors-list {
	font-weight: normal;
}

#common-classifications .classification input,
#common-classifications .classification select,
#common-classifications .classification .select2-container--default .select2-selection--single {
	height: 34px !important;
	margin: 0 !important;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

#integration-accordion .select2-container .select2-selection--single .select2-selection__rendered {
	margin: 0;
}

#integration-accordion .select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 26px !important;
	top: 2px !important;
}

.integration-classifications-passivated,
input[name="classification[8][te_number_of_positions]"].input-disabled {
	opacity: 0.4;
	pointer-events: none;
}

img.publishing-status-icon {
	width: 16px;
	margin-left: 5px;
	position: relative;
	top: 3px;
}

img.publishing-status-icon:hover {
	cursor: pointer;
}

.job-publishing-status-wrapper {
	margin-left: 5px;
}

/**# TODO: other views also! */
#body-e-cj .ui-autocomplete li:first-child {
	color: #808080;
	font-style: italic;
	pointer-events: none;
}

#body-e-cj .ui-autocomplete .ui-state-focus {
	background: #07619B;
	border-top-color: #07619B;
	border-bottom-color: #07619B;
	color: #FFF;
}

.classifications-list .classification[data-showhide-classification="1"] {
	display: none;
}

.classification[data-field="applicability"] {
	margin-bottom: 10px;
}

.classification input[type="text"],
.classification textarea,
.classification select {
	width: 328px;
	box-sizing: border-box;
}

#job-groups-notice {
	display: none;
}

.integration-error-list .integration-name,
.integration-error-list .errors-list {
	display: initial;
}

.integration-error-list .errors-list {
	margin-left: 5px;
}

.job-publishing-status-text-temporary {
	margin-left: 5px;
	font-style: italic;
}

#integration-accordion input[name="common[hired_amount]"],
#integration-accordion input[name="common[job_post_number]"],
#integration-accordion input[name="classification[3][num_of_vacancies]"],
#integration-accordion input[name="classification[3][contact_postcode]"],
#integration-accordion input[name="classification[4][postal_code]"],
#integration-accordion input[name="classification[5][job_post_code]"],
#integration-accordion input[name="classification[8][te_number_of_positions]"] {
	width: 70px;
}

#integration-accordion span.error {
	margin: 20px 0;
}

#common-classifications-wrapper.old-job {
	opacity: 0.4;
	pointer-events: none;
}

#common-classifications-header img {
	position: relative;
	left: 10px;
	top: 4px;
}

/* Fill Hour-Report A_FHR + E_AHR style bug fix for question type 94 and submit buttons */
div.question_type_94 div.answer_col input[type="text"] {
	max-width: 40px;
}

div.question_type_94 div.answer_col a.calendar_popup_link {
	margin-right: 7px;
}

/* Co-determination profile furlough start and end date question type */
div.question_type_149 div.answer_col input[type="text"] {
	max-width: 50px;
}

/* Make open attachment link display itself nicely below the file name */
a.open-attachment-link {
	display: block;
}

.list-sharing-options span.select2 {
	width: 100% !important;
}

.list-sharing-option {
	padding: 15px 0;
}

.list-sharing-option #popup-dialog-buttons {
	margin-top: 5px;
}

.external_email input {
	margin: 0 0 5px 0;
	width: 100%;
	box-sizing: border-box;
}

#list-mass-print {
	display: none;
}

body#body-e-pl li.select2-results__option:first-of-type {
	padding-top: 6px;
}

#list-settings .filter-answer-selection {
	margin-right: 10px;
	display: inline-block;
}

#list-settings .filter-answer-selection input {
	margin-right: 3px;
}

#list-settings .setting {
	margin: 0 0 10px 0;
}

#list-settings .setting select[name="list-type"],
#list-settings .setting select[name="list-lang"] {
	width: 160px;
}

input#add-additional-questions-to-list {
	background-image: url(../images/laura-icon-refresh.png);
}

body#body-e-pl div.status,
body#body-e-cpl div.status {
	overflow: hidden;
}

span.hide-hidden-action {
	display: none;
}

#load-saved-list .select2 {
	min-width: 50% !important;
}

.partial-list-action-disabled,
.kanban-view-switcher.disabled {
	opacity: 0.4;
	pointer-events: none;
}

body#body-e-pl .fancybox-opened,
body#body-e-cpl .fancybox-opened {
	z-index: 1010 !important;
}

body#body-e-pl .fancybox-overlay,
body#body-e-cpl .fancybox-overlay {
	z-index: 1001 !important;
}

.list-setting-error {
	color: #FF0000;
}

.action-menu-group {
	display: flex;
	align-items: center;
}

.action-menu #open-save,
.action-menu #messaging,
.action-menu #list-application-actions,
.action-menu-group#interview-calendar-actions {
	border-right: 1px solid #afafaf;
	padding-right: 10px;
	height: 22px;
}

.action-menu-group#list-view-switcher {
	border-left: 1px solid #afafaf;
	height: 22px;
}

.action-menu-group#interview-calendar-create-new {
	padding: 0 10px;
	height: 22px;
}

.action-menu-group#interview-calendar-date-selector {
	margin-left: 10px;
}

.action-menu-group#interview-calendar-view-switcher {
	margin-left: auto;
}

.action-menu #messaging,
.action-menu #list-application-actions,
.action-menu #list-actions,
.action-menu-group#interview-calendar-actions,
.action-menu #list-view-switcher {
	padding-left: 10px;
}

.action-menu #list-type-additional-questions {
	margin-left: auto;
}

.direct-link-list-password {
	font-weight: bold;
}

.anonymization-removed-log-entry-icon {
	width: 17px;
	margin-left: 6px;
	opacity: 0.6;
}

.fancybox-wrap.pdf-viewer {
	width: 75vw !important;
}

.fancybox-wrap.pdf-viewer .fancybox-inner {
	width: auto !important;
}

.fancybox-wrap.pdf-viewer iframe {
	width: 100%;
	height: 70vh;
}

.attachment-file-download-preview-icon {
	background-color: #4DB6E2;
	color: #FFF !important;
	cursor: pointer;
	background-image: url(../images/laura-icon-file-preview.png);
	background-repeat: no-repeat;
	padding: 2px 6px 2px 26px;
	background-size: 14px;
	background-position-y: center;
	background-position-x: 9px;
	border-radius: 12px;
	display: inline-block;
	font-size: 11px;
}

div.attachment-file-download-preview-icon {
	margin-right: 10px;
}

.attachment-file-download-preview-icon:hover {
	opacity: 0.6;
}

div.attachment-preview-and-load {
	margin: 5px 0;
}

/* Place question_search_form select a little bit nicer */
#wrapper-employer div.e-lq #question_search_form td {
	display: block;
}

#wrapper-employer div.e-lq #question_search_form td.submit div.submit-button {
	display: inline-block !important;
}

/* Job Agent employer side */
div.em-job-agent {
	clear: both;
}

div.em-job-agent div.question_row div.answer_col,
div.em-job-agent div.question_row div.question_col,
#wrapper-employer div.required_fields_info a {
	margin-left: 0;
	padding-left: 0;
}

div.em-job-agent input {
	max-width: 500px;
}

/* The form is so short we don't need this. If we want to show it it neets be stylized better (KRU 10/2020). */
#wrapper-employer div.em-job-agent .sectiontitle {
	display: none;
}

#wrapper-employer div.em-job-agent .required_fields_info {
	margin-bottom: 10px;
}

#wrapper-employer div.em-job-agent span.error {
	margin: 15px 0;
}

#wrapper-employer div.e-cja div.submit-button {
	margin-left: 0;
}

/* Taggle styles used with tags. */

@-webkit-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {
		-webkit-transform: translateY(0);
	}
	40% {
		-webkit-transform: translateY(-16px);
	}
	60% {
		-webkit-transform: translateY(-7px);
	}
}

@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	40% {
		-webkit-transform: translateY(-16px);
		transform: translateY(-16px);
	}
	60% {
		-webkit-transform: translateY(-7px);
		transform: translateY(-7px);
	}
}

.bounce {
	-webkit-animation-name: bounce;
	animation-name: bounce;
}

.clearfix:before,
.clearfix:after {
	display: block;
	content: "";
	line-height: 0;
	clear: both;
}

.taggle_list {
	float: left;
/* Override user agent stylesheet */
	padding: 0;
	margin: 0;
}

.taggle_list li {
	display: inline-block;
	margin-bottom: 5px;
}

.taggle_list .taggle,
.application-header .tag {
	margin-right: 8px;
	color: #FFF;
	background: #ee712a;
	padding: 5px 10px;
	border-radius: 3px;
	position: relative;
	cursor: default;
	-webkit-transition: all .3s;
	transition: all .3s;
	-webkit-animation-duration: 0.8s;
	animation-duration: 0.8s;
	word-break: break-all;
}

.application-header .tag {
	display: inline-block;
	margin: 3px;
}

.application-header .tags {
	font-size: 13px;
}

.application-header .tag-tool-action-link {
	text-decoration: underline;
	cursor: pointer;
}

.application-header .tag-tool-action-link:hover {
	text-decoration: none;
}

.applicant-summary-wrapper .tags {
	margin: 10px 0;
}

.input.question_type_165 .taggle_list .taggle.disabled {
	padding: 5px 10px;
}

.taggle_list .taggle .close {
	font-size: 15px;
	font-weight: bold;
	color: #FFF;
	cursor: pointer;
	margin-left: 5px;
/* Override user agent stylesheet */
	padding: 0;
	transition: all 0.5s;
}

.taggle_list .taggle .close:hover {
	color: #D85959;
	transition: all 0.3s;
}

.taggle_list .taggle:hover {
	background: #9A9CA6;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.taggle_list .taggle.disabled:hover {
	background: #ee712a;
}

div.tag_selection ul.taggle_list li.taggle.bounce.taggle_list_item_removed {
	background: #FB1100;
/* These are important to prevent the animation from happening */
	transition: 0s;
	display: none;
}

#the-network-logo {
	width: 160px;
	display: none;
}

div.tag_cloud ul.taggle_list li.taggle.taggle_cloud_list_item_selected {
	background: #ee712a;
}

div.tag_cloud ul.taggle_list li.taggle.taggle_cloud_list_item_unselected {
	background: #9A9CA6;
	cursor: pointer;
}

.taggle_placeholder {
	position: absolute;
	left: 10px;
	font-size: 15px;
	color: #9A9CA6;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

input[type="text"].taggle_input {
	outline: none;
	border: none;
	max-width: 450px;
}

/* This is used for pre-emptive tag suggestions and it should stay hidden from UI */
.taggle_sizer {
	visibility: hidden !important;
	display: none !important;
}

.input.question_type_165.clearfix {
/* Needed for the placeholder text */
	position: relative;
	cursor: text;
	margin-bottom: 5px;
}

div.e-pl .input.question_type_165.clearfix {
/* different for the list view */
	padding-top: 5px;
}

.input.question_type_165.clearfix.disabled {
/* Used for example in direct list view */
	border: none;
}

.ui-menu .ui-menu-item {
	width: 100%;
}

.ui-menu .ui-menu-item a {
	display: block;
}

tr.rekrytointi-com-visibility label {
	display: block;
}

.ui-helper-hidden {
	display: none;
}

/* We need a div with a high enough z-index in order to place the autocomplete list of tags properly over all other content on the page. The z-index property with jQuery autocomplete just does not work. */
.taggle-autocomplete-glom-target {
	position: absolute;
	z-index: 100;
	margin-top: -10px;
	min-width: 400px;
}

div.taggle-autocomplete-glom-target ul.ui-autocomplete.ui-menu li.ui-menu-item {
	color: #9A9CA6;
	background: #FFF;
	box-sizing: border-box;
	padding: 5px 3px 5px 10px;
/* The plugin inserts weird borders so we override some of them */
	border-top: none;
	border-right: none;
}

div.taggle-autocomplete-glom-target ul.ui-autocomplete.ui-menu li.ui-menu-item.ui-state-focus,
div.taggle-autocomplete-glom-target ul.ui-autocomplete.ui-menu li.ui-menu-item.selected,
div.taggle-autocomplete-glom-target ul.ui-autocomplete.ui-menu li.ui-menu-item:hover {
	background: #F7F6F3;
	color: #000;
	cursor: pointer;
}

div.taggle-autocomplete-glom-target ul.ui-autocomplete {
/* Note: There will be ten tags presented to the user at most, no more. So setting an explicit height (or max-height) seems a bit unnecessary. */
	width: 100% !important;
}

/* Show/hide features */
div.question_row.question_type_165 a {
	color: #000;
}

div.question_row.question_type_165 div[id$="hide_cloud"] {
	margin-bottom: 10px;
}

div.question_row.question_type_165 a.hide-tag-cloud {
	background-image: url(../images/laura-icon-arrow-down-hide-extra-information.png);
	background-size: 10px;
	background-repeat: no-repeat;
	background-position-x: right;
	background-position-y: center;
	padding-right: 15px;
}

div.question_row.question_type_165 a.show-tag-cloud,
div.question_row.question_type_165 span[id$="show_more"] a {
	background-image: url(../images/laura-icon-arrow-right-show-extra-information.png);
	background-size: 6px;
	background-repeat: no-repeat;
	background-position-x: right;
	background-position-y: center;
	padding-right: 10px;
}

/* Few necessary adjustment for list view */
div.e-pl ul.taggle_list,
div.e-ls ul.taggle_list,
div.e-s ul.taggle_list,
div.e-tas ul.taggle_list {
	width: 270px !important;
	cursor: default;
}

div.e-s ul.taggle_list {
	cursor: pointer;
}

div.e-pl ul.taggle_list input[type="text"].taggle_input {
	width: 245px !important;
	border: 1px solid #CECECE;
	padding: 0 5px 0 10px !important;
	margin-bottom: 0;
}

div.e-pl span.taggle_placeholder {
/* Need to do this since we are not using the more commonly known placeholder attribute */
	padding-left: 10px;
	padding-top: 6px;
}

.disable-mouse-events {
	pointer-events: none;
}

.organizations_subscriptions {
	margin-top: 20px;
}

#active-subscriptions .subscription {
	padding: 10px;
}

.subscription-settings {
	overflow: hidden;
}

.subscription-settings > div {
	margin-right: 30px;
	display: inline-block;
}

#no-subscriptions-notification {
	margin: 10px 0;
}

#cancel-subscription-creation {
	display: none;
}

.video-interview-image,
.extra-info-element .special-info-element[data-info-type="special-settings"] img {
	width: 18px;
}

#wrapper-applicant .ap_login .status,
#body-a-rpw #wrapper-applicant .ap_status {
	font-weight: bold;
}

.applicant_info_applications .application-link {
	display: block;
}

.applicant_info_applications .attachments-header {
	font-weight: bold;
}

#wrapper-login #close-forgot-login-credentials-form,
#wrapper-applicant #close-forgot-login-credentials-form {
	text-align: center;
}

.kanban-listing {
	width: 100%;
	position: relative;
	min-height: 100px;
}

.kanban-card-wrapper {
	padding: 5px 10px;
}

.kanban-card-wrapper.locked {
	opacity: 0.6;
	pointer-events: none;
}

@keyframes animateAnonymity {
	0% {
		transform: scale(1);
	}
	30% {
		transform: scale(0);
	}
	50% {
		transform: scale(1);
	}
	75% {
		transform: scale(1.1);
	}
	100% {
		transform: scale(1);
	}
}

@keyframes animateMove {
	0% {
		transform: scale(1);
	}
	50% {
		transform: scale(0.8);
	}
	100% {
		transform: scale(1);
	}
}

#list-kanban-listing .kanban-card.animate-anonymity {
    animation: animateAnonymity 0.6s;
}

#list-kanban-listing .kanban-card.animate-move {
    animation: animateMove 0.2s;
}

#responsible-users-kanban-listing .kanban-card-wrapper {
	padding: 5px 20px;
}

.kanban-columns-wrapper {
	display: flex;
	position: absolute;
}

#responsible-users-kanban-listing,
.kanban-columns-wrapper {
	display: flex;
}

.kanban-column:not(:last-child) {
	border-right: 5px solid #eee;
}

.kanban-card {
	background-color: #FFF;
	border: 1px solid #dadada;
	border-bottom-width: 3px;
	box-shadow: 0 0 12px 0 rgba(66, 66, 66, 0.1);
	margin: 0;
	padding: 10px;
	box-sizing: border-box;
	border-radius: 5px;
}

#list-kanban-listing .kanban-card {
	padding: 7px;
}

#comment-section-toggle-container {
	margin-bottom: 20px;
}

#logo-section-toggle-container {
	margin-bottom: 20px;
	margin-top: -20px;
}

.kanban-column-header {
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 13px;
	line-height: 13px;
	padding: 10px 0px;
}

#list-kanban-listing .kanban-column-header {
	margin-bottom: 5px;
}

.kanban-header .link-to-job {
	font-weight: bold;
	font-size: 16px;
	align-self: flex-start;
	margin-right: 25px;
	word-break: break-word;
}

.close-recruitment {
	align-self: flex-end;
	width: 16px;
	cursor: pointer;
	padding: 5px 8px;
	border-radius: 8px;
	transition: 0.75s;
}

.e-rup .help-icon {
	cursor: pointer;
}

.e-rup .kanban-icon-wrapper {
	background-color: #FFF;
	border-radius: 20px;
	border: solid 1px #9A9CA6;
}

.e-rup .kanban-icon-wrapper:hover {
	background-color: #F7F6F3;
	border: solid 1px #484B5C;
}

.e-rup .help-icon {
	height: 18px;
	padding: 5px 11px 5px 12px;
}

.e-rup .warning-icon {
	width: 18px;
	padding: 5px 6px 7px 6px;
}

div.e-rup .close-recruitment-suggestion {
	background-color: #e0e0e0;
	border-radius: 8px;
	box-shadow: 0 0 10px 0 #07619B;
}

.job-card-footer .applications-info {
	justify-content: space-between;
	display: inline-flex;
	align-items: center;
	width: 100%;
	margin-bottom: 15px;
}

.special-info-element img[data-integration-id="3"] {
	height: 20px;
}

.special-info-element img[data-integration-id="4"] {
	height: 10px;
}

.special-info-element img[data-integration-id="5"] {
	height: 20px;
}

.special-info-element img[data-integration-id="6"] {
	height: 30px;
}

.special-info-element img[data-integration-id="8"] {
	height: 25px;
}

.special-info-element img[data-integration-id="9"] {
	height: 20px;
}

.special-info-element img[data-integration-id="13"] {
	height: 20px;
}

.special-info-element img[data-integration-id="14"] {
	height: 20px;
}

.special-info-element .img-wrapper {
	height: 26px;
	display: inline-block;
	padding: 5px;
}

.img-wrapper img {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

.close-recruitment-job-name {
	font-weight: bold;
}

.applicant_info_applications td {
	padding: 10px 15px;
}

.applicant_info_applications .attachment {
	margin-top: 10px;
}

.kanban-card .apply-period {
	overflow: hidden;
	margin-bottom: 15px;
}

.kanban-card .apply-period-graph {
	height: 12px;
	border: 1px solid #ddd;
	background-color: #eee;
	border-radius: 5px;
	width: 95%;
	margin: 5px auto;
}

.kanban-card .graph-background {
	width: 100%;
	height: 100%;
}

.kanban-card .graph-progress {
	width: 100%;
	height: 100%;
}

.ongoing .kanban-card .graph-progress {
	background: rgb(178,220,240);
	background: linear-gradient(180deg, rgba(178,220,240,0.5) 0%, rgba(178,220,240,1) 100%);
}

.ongoing .kanban-card .apply-period-graph:hover .graph-progress {
	background: rgb(178,220,240);
	background: linear-gradient(180deg, rgba(178,220,240,0.5) 0%, rgb(115, 202, 243) 100%);
}

.ended .kanban-card .graph-progress {
	background: rgb(178,220,240);
	background: linear-gradient(180deg, rgba(148, 148, 148, 0.5) 0%, rgb(152, 152, 152) 100%);
	opacity: 0.3;
}

.kanban-job-extra-info div.answer_row,
.misc-tab-info-data .saved-list {
	margin: 0 3px;
	overflow: initial;
	width: auto;
	max-width: 100%;
	border: 1px solid #ddd;
	background-color: #F0F0EA;
	padding: 2px 5px;
	border-radius: 3px;
	font-size: 13px;
	box-sizing: border-box;
}

.applicant_info_similar {
	display: flex;
	flex-wrap: wrap;
}

.applicant_info_similar .title {
	width: 100%;
}

.similar-applicant {
	display: flex;
	flex-direction: column;
	align-items: center;
	border: 1px solid #cecece;
	padding: 5px;
	border-radius: 10px;
	margin: 5px;
}

.similar-applicant .applicant-name {
	margin-bottom: 5px;
}

.similar-applicant img {
	width: 100px;
}

.misc-tab-info-data {
	display: flex;
	flex-wrap: wrap;
}

.misc-tab-info.applications-project .misc-tab-info-data {
	flex-direction: column;
}

.misc-tab-info.other-applications .misc-tab-info-data,
.misc-tab-info.copied-jobs .misc-tab-info-data {
	flex-direction: column;
}

.misc-tab-info-data form#application-project {
	display: none;
}

.kanban-job-extra-info div.answer_row div.question_col {
	width: auto;
	float: none;
	clear: none;
	padding: 0;
	overflow-wrap: break-word;
}

.kanban-job-extra-info div.answer_row div.answer_col {
	width: auto;
	float: none;
	overflow-wrap: break-word;
	font-size: 11px;
}

.classifications-listing {
	overflow: hidden;
}

.applications-info a.new-applications {
	font-size: 12px;
}

.kanban-job-extra-info {
	padding: 10px;
	margin-top: 10px;
	display: none;
	font-size: 14px;
}

.kanban-card-content .applications-info-amount {
	text-align: center;
}

.kanban-card-content .applications-info-amount.no-applications {
	opacity: 0.65;
}

.kanban-card-content .applications-info-number {
	font-size: 30px;
	margin-bottom: 5px;
}

.kanban-card-content .applications-info-text {
	font-weight: bold;
}

.kanban-card-content .total-applications {
	padding: 5px 10px;
	background-color: #07619B;
	border-radius: 3px;
	color: #FFF;
	text-decoration: none;
	font-size: 13px;
	cursor: pointer;
}

.kanban-card-content .total-applications.no-applications,
.kanban-column.waiting_for_approval .kanban-card-content .applications-info,
.kanban-column.not_yet_started .kanban-card-content .applications-info {
	display: none;
}

.applicant_info_applications .remove_application a {
	color: #fb1100;
}

.applicant_info_applications .status-actions-wrapper select {
	margin: 0;
}

.applicant_info_applications .status-actions-wrapper {
	display: flex;
	justify-content: flex-end;
}

.applicant_info_applications .animation-locator > div {
	top: -15px;
	right: 10px;
}

td div.viewer-answer-column:not(:first-child),
.applicant_info_applications .attachments-list .viewer-answer-column:not(:first-child) {
	border-top: 1px solid #ddd;
	margin: 10px 10px 0 0;
	padding-top: 5px;
}

.viewer-answer-column {
	margin-top: 5px;
}

#wrapper-employer .em-ap-log-header {
	clear: both;
	padding: 10px 0 10px 10px;
	border-top: 1px solid #CCC;
	font-weight: bold;
}

#wrapper-applicant span.use-only-one-form-info {
	font-weight: bold;
}

.kanban-header .extra-info-lock {
	cursor: default;
	text-decoration: underline;
}

.kanban-card .laura-loading-animation {
	top: 0;
	right: 5px;
}

.kanban-header {
	margin-bottom: 10px;
	display: flex;
	justify-content: space-between;
}

.kanban-column.ended .kanban-header {
	margin-bottom: 0;
}

.kanban-card .apply-period .apply-start-date {
	float: left;
}

.kanban-card .apply-period .apply-end-date {
	float: right;
}

img.kanban-extra-actions {
	cursor: pointer;
	padding: 5px;
}

.kanban-extra-actions-list {
	left: 145px;
	top: 0;
}

.ongoing .kanban-card {
	border-left: 5px #7ABA57 solid;
}

.waiting_for_approval .kanban-card {
	border-left: 5px #EFAE00 solid;
}

.not_yet_started .kanban-card {
	border-left: 5px #BCE8A4 solid;
}

.ended .kanban-card {
	border-left: 5px #D85959 solid;
}

.master-status-1 .kanban-card {
	border-left: 5px rgb(202, 203, 205) solid;
}

.master-status-2 .kanban-card {
	border-left: 5px #4DB6E2 solid;
}

.master-status-3 .kanban-card {
	border-left: 5px #D85959 solid;
}

.master-status-4 .kanban-card {
	border-left: 5px #7ABA57 solid;
}

.kanban-card.highlighted-hint {
	background-color: #F3FBFF;
}

.kanban-card.highlighted-notice {
	background-color: #FFF9EB;
}

.kanban-job-extra-info .extra-info-element {
	margin: 0 0 10px 0;
	overflow: hidden;
}

.extra-info-element[data-info-type="special-settings"] .special-info-element img {
	margin: 5px;
	height: 16px;
}

.extra-info-element[data-info-type="integrations"] .special-info-element {
	display: flex;
	flex-wrap: wrap;
}

.extra-info-element .header {
	font-weight: bold;
}

.kanban-card .show-hide-extra-data {
	float: none;
	cursor: default;
	width: 100%;
	font-weight: bold;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.kanban-card .show-hide-extra-data.notice-image {
	justify-content: space-between;
}

.list-kanban-header .applicant-name .application-created-or-modified {
	margin-left: auto;
}

.kanban-card .applicant-header {
	display: flex;
	align-items: center;
}

.kanban-card .star-rating-values {
	margin: 5px 0px;
}

.kanban-card img.applicant-picture {
	width: 30px;
	height: 30px;
	object-fit: cover;
	border-radius: 20px;
	margin-right: 5px;
	aspect-ratio: 1/1;
}

#kanban-upper-scroll {
	overflow-x: scroll;
	margin-bottom: 10px;
	position: relative;
}

#kanban-upper-scroll div {
	height: 1px;
	position: absolute;
}

.the_list ::-webkit-scrollbar {
	height: 12px;
	width: 100%;
}

.the_list ::-webkit-scrollbar-track {
	background: transparent;
}

.the_list ::-webkit-scrollbar-thumb {
	background: rgb(77 182 226 / 50%);
	border-radius: 10px;
}

.the_list ::-webkit-scrollbar-thumb:hover {
	background: #4DB6E2;
}

.kanban-view-switcher .switch-button,
#calendar-view-switcher .calendar-view {
	display: inline-block;
}

.switch-button {
	background-size: 22px;
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
	padding: 22px;
	cursor: pointer;
	margin: 0 2px;
}

.switch-button#kanban-button {
	background-image: url(../images/laura-icon-kanban.png);
}

.switch-button#listing-button {
	background-image: url(../images/laura-icon-listing.svg);
}

.kanban-order-select {
	margin: 5px 10px 5px 5px;
}

.kanban-order-select option[value="sort-header"] {
	font-weight: bold;
}

.special-info-element .application-status-element {
	display: flex;
}

.application-status-element .search-by-status {
	width: 30px;
	text-align: center;
	align-self: flex-start;
}

.application-status-element .status-text {
	align-self: flex-end;
	flex: 1;
}

#wrapper-employer .calendar_popup_link {
	vertical-align: middle;
}

#wrapper-employer .need_info .calendar_popup_link {
	margin-right: 7px;
}

#wrapper-employer .need_info .need-time-input,
#wrapper-employer .need_search_form .calendar_popup_link {
	margin-left: 7px;
}

#wrapper-employer div.context_menu div.export div.submit-button {
	margin: 0;
}

#application_form .section-locked {
	opacity: 0.5;
	pointer-events: none;
}

#wrapper-employer div.auto_list tr.title_row th:last-child {
	padding-right: 10px;
}

#wrapper-employer .mass-mail-content td {
	padding-top: 20px;
}

/* LAURA Store */
#wrapper-employer .e-store div.status {
	display: inline-block;
}

div.e-store .category-name {
	border-bottom: 1px solid #CCC;
	margin-bottom: 15px;
}

div.e-store .category-name h2 {
	margin-left: 15px;
}

div.e-store .product-card {
	display: inline-block;
	width: 375px;
	margin: 0 15px 15px 15px;
	border-radius: 3px;
	padding: 15px 15px 10px 15px;
	background: #FFF;
	border: 1px solid #d2d2d2;
	border-bottom-width: 3px;
	box-shadow: 0 0 12px 0 rgba(66, 66, 66, 0.1);
	border-left: 5px #07619B solid;
	vertical-align: top;
	min-height: 220px;
}

/* Spotlight */
div.e-store .product-card.spotlight-product {
	background-image: url(../images/laura-icon-store-spotlight.png);
	background-repeat: no-repeat;
	background-position: top right;
	background-size: 40px;
}

div.e-store .product-card.inquiry {
	border-left: 5px #ED700A solid;
}

div.e-store .product-card.activated {
	border-left: 5px #7ABA57 solid;
}

div.e-store .product-card.waiting-for-activation {
	border-left: 5px #EFAE00 solid;
}

div.e-store .product-card-name,
.misc-tab-info-header {
	font-weight: bold;
	color: #2D2F3A;
	margin-bottom: 15px;
	font-size: 20px;
}

.misc-tab-info-header {
	margin-top: 10px;
}

div.e-store .product-card-row div {
	display: inline-block;
	vertical-align: middle;
}

div.e-store .product-card-row {
	margin-bottom: 15px;
}

div.e-store .product-card-icon,
#store-suggestion-link-container .product-card-icon {
	background-color: #07619B;
	border-radius: 5px;
	display: inline-flex !important;
	justify-content: center;
	align-items: center;
	height: 50px;
	width: 50px;
}

div.e-store div.product-card.inquiry .product-card-icon {
	background-color: #ED700A;
}

div.e-store div.product-card.activated .product-card-icon {
	background-color: #7ABA57;
}

div.e-store div.product-card.waiting-for-activation .product-card-icon {
	background-color: #EFAE00;
}

div.e-store .product-card-icon img,
#store-suggestion-link-container .product-icon {
	width: 30px;
	max-height: 30px;
	filter: invert(100%) sepia(19%) saturate(1%) hue-rotate(253deg) brightness(105%) contrast(101%);
}

div.e-store .product-card-button,
#store-suggestion-link-container .product-card-button {
	padding: 8px 20px 10px 20px;
	margin-left: 10px;
	height: auto;
	font-size: 15px;
}

div.e-store .product-card-button input.submit {
	color: #FFF;
	cursor: pointer;
}

div.e-store .product-card-price {
	margin-left: 10px;
	max-width: 135px;
}

div.e-store div.monthly-price,
div.e-store div.installation-price {
	width: 100%;
}

div.e-store .monthly-price-info,
div.e-store .installation-price-info {
	font-size: 12px;
}

div.e-store .product-card-wrapper {
	height: 200px;
}

div.e-store .product-card-short-description {
	display: flex;
	align-items: center;
	height: 100%;
	max-height: 80px;
}

div.e-store .product-card-extra-info-link {
	float: right;
	font-weight: bold;
}

div.e-store .product-card-extra-info-link:hover {
	text-decoration: none;
}

div.e-store .product-card-image-gallery {
	margin-top: 50px;
}

div.e-store .product-card-button.activated {
	background: #7ABA57;
	pointer-events: none;
}

div.e-store .product-card-button.waiting-for-activation {
	background: #EFAE00;
	pointer-events: none;
}

div.e-store .product-card-button.activate,
#store-suggestion-link-container .product-card-button {
	background: #07619B;
}

div.e-store .product-card-button.inquiry {
	background: #ED700A;
}

/* LAURA Store module popups */
#body-e-store .fancybox-opened.store {
	width: 620px !important;
}

#body-e-store #popup-dialog-buttons {
	display: flex;
	justify-content: center;
}

#popup-dialog-header.store-modal {
	background-image: url(../images/laura-icon-paperplane.png);
}

#body-e-store .product-header-row,
#body-e-store #popup-dialog-subheader,
#body-e-store .inquire-header {
	font-weight: bold;
}

.popup-dialog-row .blocks-row {
	display: inline-flex;
	align-items: stretch;
	width: 100%;
}

#body-e-store .inquire-product-name,
#body-e-store .inquire-contact-information-text {
	margin-left: 10px;
	margin-bottom: 10px;
}

#body-e-store .product-name {
	background-image: url(../images/laura-icon-store-order-product-name.png);
}

#body-e-store .product-prices {
	background-image: url(../images/laura-icon-store-order-product-prices.png);
}

#body-e-store .orderer-information {
	background-image: url(../images/laura-icon-store-order-product-orderer-information.png);
}

#body-e-store .orderer-company {
	background-image: url(../images/laura-icon-store-order-product-orderer-company.png);
}

.blocks-row .block {
	display: flex;
	align-items: center;
	border: 1px solid #d2d2d2;
	border-bottom-width: 3px;
	border-right-width: 3px;
	border-radius: 5px;
	padding: 20px 3px 20px 75px;
	word-break: break-word;
	font-size: 12px;
	background-size: 55px;
	background-position: left;
	background-position-x: 10px;
	background-repeat: no-repeat;
	min-height: 60px;
	box-shadow: 0 0 12px 0 rgba(66, 66, 66, 0.1);
	margin: 0 5px;
	width: 100%;
}

#body-e-store .user-agreement {
	margin-left: 5px;
}

#body-e-store div.text-data {
	padding: 10px 0;
}

#body-e-store .product-name,
#body-e-store .orderer-information {
	margin-right: 10px;
}

#body-e-store .store-order-user-agreement span.user-agreement-text {
	font-weight: normal;
	vertical-align: bottom;
}

#popup-dialog-buttons input#store-submit {
	background-size: 15px;
	background-image: url(../images/laura-icon-paperplane.png);
}

#body-e-store div.inquire-additional-information-textarea textarea {
	font-size: 15px;
	color: #444;
	height: 100px;
}

.store .gallery {
	display: flex;
	justify-content: center;
	height: 85px;
	background-image: url(/images/laura-loading.gif);
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
	background-size: 20px;
}

.store .gallery-images img {
	border: 2px solid #484B5C;
	width: 100%;
	cursor: pointer;
}

.store .gallery-image-wrapper {
	width: 33%;
	height: auto;
	padding: 3px 8px 3px 3px;
	box-sizing: border-box;
}

.store .additional-information {
	clear: both;
	display: none;
	padding: 10px 0 5px 0;
}

.slick-prev,
.slick-next {
	border-radius: 50% !important;
	background: #4DB6E2 !important;
}

.slick-prev:before,
.slick-next:before {
	font-size: 10px !important;
	font-weight: bold;
	opacity: 1 !important;
	line-height: 0px !important;
}

.gallery-images-wrapper .slick-prev:before,
.gallery-images-wrapper .slick-next:before {
	font-size: 15px !important;
}

#body-e-store span.bold-text {
	font-weight: bold;
}

#body-e-store .slick-slider:not(.popup) {
/** # TODO: improve the code. **/
	width: 86% !important;
	margin: 10px 0;
}

.gallery-images.popup img {
	width: 100%;
}

.gallery-wrapper {
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
	position: fixed;
	z-index: 1010;
}

.gallery-wrapper .gallery-images {
	z-index: 1000;
	width: 75vw !important;
	position: fixed !important;
}

.slick-dots li button:before {
	font-size: 40px !important;
}

button.slick-disabled {
	opacity: 0.5;
	cursor: default;
}

.gallery-images-wrapper {
	width: 65vw !important;
	max-height: 80vh;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1020;
}

.gallery-images.popup .slick-prev,
.gallery-images.popup .slick-next {
	width: 50px !important;
	height: 50px !important;
}

.gallery-images.popup .slick-next {
	right: -75px;
}

.gallery-images.popup .slick-prev {
	left: -75px;
}

.submit-disabled {
	pointer-events: none;
	opacity: 0.5;
}

img.waiting-for-activation {
	width: 60px;
	vertical-align: middle;
	margin-left: 20px;
}

.no-order-rights-text {
	font-size: 12px;
	font-style: italic;
	margin-top: 5px;
}

div.e-store .product-card-row.no-order-rights .product-card-button.activate,
div.e-store .product-card-row.no-order-rights .product-card-button.inquiry {
	opacity: 0.5;
	pointer-events: none;
}

div.e-store .product-card.waiting-for-activation .no-order-rights-text {
	display: none;
}

div.e-store .product-suggestion {
	box-shadow: 0 0 20px 0 rgb(0 140 206 / 80%);
	-webkit-transition: box-shadow 1s;
	-moz-transition: box-shadow 1s;
	transition: box-shadow 1s;
}

div.e-store .suggestion-hightlight-removed {
	box-shadow: 0 0 12px 0 rgb(66 66 66 / 10%);
	-webkit-transition: box-shadow 1s;
	-moz-transition: box-shadow 1s;
	transition: box-shadow 1s;
}

#wrapper-employer .em-project-form .ui-widget-content {
	border: none;
}

#wrapper-employer .em-project-form .ui-widget-header,
#wrapper-employer .em-project-form .ui-state-default {
	background: #FFF;
}

#wrapper-employer div.em-project-form div#tabs ul li a {
	color: #005796;
	border-radius: 2px;
	border: 1px solid #005796;
}

/* New applicant login on form with Talentbank prefill */
#wrapper-applicant div.ap-job-login-anchor {
	margin-bottom: 50px;
}

div#wrapper-applicant div.ap_job_login,
div.ap_templates {
	text-align: left;
	background-color: #F7F6F3;
	border-radius: 10px;
	padding: 20px;
	font-family: "Source Sans Pro", Arial, sans-serif;
	font-size: 15px;
}

div#wrapper-applicant div.ap_job_login a {
	color: #07619B;
	font-weight: bold;
	text-decoration: none;
	font-family: "Source Sans Pro", Arial, sans-serif;
	font-size: 15px;
}

/* Need to do a double, so it wont get overriden. */
div#wrapper-applicant div.ap_job_login div.submit-button .submit {
	background: #ee712a;
	background-color: #ee712a;
	border-color: #ee712a;
	font-size: 13px;
	font-weight: normal;
	color: #FFF;
	border-radius: 2px;
	font-family: "Source Sans Pro", Arial, sans-serif;
}

div#wrapper-applicant div.ap_job_login .applicant-login-info {
	display: flex;
}

div#wrapper-applicant div.ap_job_login .applicant-login-info input {
	margin-top: 20px;
}

#wrapper-applicant .ap_job_login .applicant-login-info input.submit {
	background-repeat: no-repeat;
	background-size: 15px;
	background-position-y: center;
	background-position-x: 8px;
}

#wrapper-applicant .ap_job_login .applicant-login-info #applicant-no-prefill {
	background-image: url(../images/laura-icon-white-pen.png);
}

#wrapper-applicant .ap_job_login .applicant-login-info #laura-prefill-submit {
	background-image: url(../images/laura-icon-white-copy.png);
}

#wrapper-applicant .ap_job_login .applicant-login-info #talentbank-prefill-submit {
	background-image: url(../images/laura-symbol-white.png);
	background-size: 18px;
}

div#wrapper-applicant div.ap_job_login .applicant-no-prefill-info input {
	width: 100%;
}

div#wrapper-applicant div.ap_job_login .applicant-prefill-info input {
	width: 45%;
	padding: 1px 10px 1px 20px;
}

div#wrapper-applicant div.ap_job_login .applicant-login-info input.activated {
	background-color: #C75A00;
}

div#wrapper-applicant div.ap_job_login .applicant-no-prefill-info {
	padding-right: 10px;
	border-right: 1px solid #DDD;
	width: 40%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

div#wrapper-applicant div.ap_job_login .applicant-prefill-info {
	padding-left: 10px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	max-width: 485px;
}

div#wrapper-applicant div.ap_job_login .applicant-prefill-info span {
	display: block;
}

div#wrapper-applicant div.ap_job_login h2,
div#wrapper-applicant div.ap_templates h2 {
	color: #07619b;
	margin-top: 0;
}

div#wrapper-applicant div.ap_job_login .no-prefill {
	display: block;
}

div#wrapper-applicant div.ap_job_login .laura-login,
div#wrapper-applicant div.ap_job_login .talentbank-login {
	margin-top: 40px;
	padding: 10px;
}

div#wrapper-applicant div.ap_job_login .laura-login .applicant-login-logo,
div#wrapper-applicant div.ap_job_login .talentbank-login .talentbank-applicant-login-logo {
	display: inline-flex;
	align-items: flex-end;
	text-align: center;
	vertical-align: top;
	font-size: 13px;
}

div#wrapper-applicant div.ap_job_login .talentbank-login .talentbank-applicant-login-logo a {
	font-size: 13px;
}

div#wrapper-applicant div.ap_job_login .laura-login .applicant-login-logo {
	background: url(../images/laura-icon-grey-login-key.png) no-repeat;
	background-size: 75px;
	margin-top: 35px;
	background-position: top;
	height: 130px;
}

div#wrapper-applicant div.ap_job_login .talentbank-login .talentbank-applicant-login-logo {
	background: url(../logos/osaajapankki-vertical-logo.png) no-repeat;
	background-size: contain;
	height: 110px;
	margin-top: 45px;
}

/* English version of Talent bank logo */
div#wrapper-applicant div.ap_job_login .talentbank-login .talentbank-applicant-login-logo.en {
	background: url(../logos/talentbank-logo.png) no-repeat;
	background-size: contain;
	height: 115px;
	margin-top: 45px;
}

div#wrapper-applicant div.ap_job_login form {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	width: 65%;
}

div#wrapper-applicant div.ap_job_login .applicant-login-logo,
div#wrapper-applicant div.ap_job_login .talentbank-applicant-login-logo {
	width: 33%;
}

div#wrapper-applicant div.ap_job_login form .login,
div#wrapper-applicant div.ap_job_login form .login input,
div#wrapper-applicant div.ap_job_login form .submit-button,
div#wrapper-applicant div.ap_job_login form .submit-button .submit {
	width: 275px;
	margin: auto;
	display: block;
	box-sizing: border-box;
}

#wrapper-applicant div.ap_job_login form #applicant-forgotten-login-credentials {
	margin: 10px auto;
	display: block;
	box-sizing: border-box;
	width: 275px;
	text-align: center;
}

#wrapper-applicant .ap_job_login input,
#wrapper-applicant .ap_job_login input.submit,
#wrapper-applicant .ap_job_login div.submit-button input.submit {
	padding: 1px 10px;
	height: 34px;
}

#wrapper-applicant .ap_job_login input[type='text'],
#wrapper-applicant .ap_job_login input[type='password'] {
	font-size: 14px;
}

#wrapper-applicant div.ap_job_login form div.password div.label {
	padding-top: 5px;
}

/* Talent bank select after applicant logs in */
#wrapper-applicant div.ap_job_login div.talentbank-login div.select-tb-profile {
	margin-top: 60px;
	margin-bottom: 10px;
}

#wrapper-applicant div.ap_job_login div.talentbank-login div.select-tb-profile select#talentbank-profile-id {
	width: 275px;
	margin: auto;
	box-sizing: border-box;
}

/* Applicant login via the job page. */
div.ap_templates {
	text-align: center;
}

div#wrapper-applicant div.ap_templates form.applicants-applications {
	display: flex;
	width: 100%;
	justify-content: center;
	margin-top: 25px;
}

#wrapper-employer .select_expert_need {
	clear: both;
}

#body-a-jnf div.ap_status {
	font-weight: bold;
	margin-top: 50px;
}

#wrapper-employer div.em_change_folder {
	clear: left;
}

#wrapper-employer .use-project-draft .submit-button {
	margin-top: 0;
}

#wrapper-employer .use-project-draft .submit-button submit {
	height: 34px;
}

#wrapper-employer .em-load-template,
#wrapper-employer .use-project-draft,
#wrapper-employer .use-project-draft form {
	padding: 10px;
}

#wrapper-employer .use-project-draft form > div {
	margin-top: 0
}

.need-calendar-info-table {
	width: 300px;
}

#wrapper-employer .e-css .super-user-settings-help {
	max-width: 600px;
}

#wrapper-employer .e-css .superuser-settings-choices {
	margin-top: 35px;
}

#wrapper-employer .e-css .superuser-settings-choices input.superuser-setting-choice {
	vertical-align: bottom;
}

#wrapper-applicant .applicant-email-help {
	margin-bottom: 8px;
}

#wrapper-applicant #applicant-email-verification {
	display: none;
	margin: 5px 0;
}

#wrapper-applicant #applicant-email-verification-input {
	vertical-align: text-bottom;
}

#wrapper-applicant #applicant-email-verification.disabled-applicant-email-verification {
	opacity: 0.5;
	pointer-events: none;
}

#wrapper-employer .offer-calendar-times-info.info {
	display: none;
}

.offer-calendar-times-info .selected-calendars {
	font-style: italic;
}

.send-interview-times {
	background: url(../images/laura-icon-send-interview-times.png) no-repeat;
	background-size: 33px;
	padding: 5px 10px 5px 52px;
	background-position-y: center;
	height: 30px;
	line-height: 30px;
	background-position-x: 12px;
	display: inline-block;
	margin: 5px 0;
	user-select: none;
}

#remove-send-interview-times {
	background-image: none;
	display: none;
	background-size: 22px;
	padding: 5px 10px;
}

#send-interview-times.disabled {
	opacity: 0.5;
	pointer-events: none;
}

tr.offer-interview-times img {
	position: relative;
	top: 6px;
}

.exclude-deleted-help-icon-wrapper {
	position: relative;
	margin-left: 3px;
}

img.exclude-deleted-help {
	position: absolute;
	bottom: 2px;
	width: 18px;
}

#okm-report-timeframe-help {
	font-weight: bold;
}

#wrapper-employer form#okm-report .exlude-deleted {
	margin-bottom: 20px;
}

body#body-e-spc,
body#body-a-spc {
	overflow: hidden;
	margin: 0;
}

#wrapper-login div.cont3 span.error {
	display: inline-flex;
}

body.body-employer div#wrapper-employer .e-err div.cont3 {
	display: flex;
	justify-content: center;
}

/* Choosable section styles */
.section-type-45 .skill-level-question {
	font-weight: bold;
	display: inline-block;
	margin-right: 5px;
	width: 145px;
	font-size: 13px;
}

.users-interview-calendars-popup-list {
	display: none;
}

.popup-message .users-interview-calendars-popup-list {
	display: initial;
}

.popup-message-text .interview-calendar-name {
	font-weight: bold;
}

.users-interview-calendars-popup-list {
	margin: 10px 0;
}

.fancybox-wrap.status-email .fancybox-inner {
	overflow: visible !important;
}

.skill-level-answer-value-first,
.skill-level-answer-value {
	display: inline-block;
	width: 145px;
	margin-right: 5px;
}

#application-tabs li:not(.ui-tabs-active) {
	background: #484B5C;
	border: none;
	border-right: 1px solid grey;
	border-top: 3px solid #484B5C;
}

#application-tabs .ui-widget-header .ui-tab:not(.ui-tabs-active):hover {
	background: #5d6176;
	border-top: 3px solid #5d6176;
}

#application-tabs .ui-widget-header .ui-tab.ui-tabs-active {
	border: none;
	border-top: 3px solid #07619B;
}

#application-tabs .ui-widget-header .ui-tabs-active a,
#applications-jobs-name {
	color: #07619B;
	font-weight: bold;
}

#applications-jobs-name,
.application-header .applicant-title,
.comment-section-header,
.em-applicant-classifications .title {
	padding: 15px;
	margin-bottom: 1px;
	background: #484B5C;
}

.application-header .applicant-title {
	min-height: 44px;
	padding: 5px 5px 5px 15px;
}

.direct-application-header .applicant-title {
	padding: 15px;
}

#applications-jobs-name a,
#applications-jobs-name,
.application-header .applicant-name,
.comment-section-header,
.em-applicant-classifications .title {
	font-size: 20px;
	font-weight: bold;
	color: #FFF;
}

#application-tabs li img {
	height: 20px;
	margin-right: 10px;
}

#application-tabs li:not(.ui-tabs-active) img {
	filter: invert(1);
}

#application-tabs li:first-child:not(.ui-tabs-active):not(.ui-tabs-tab) img {
	filter: invert(0);
}

#application-tabs li a {
	display: flex;
	align-items: center;
	cursor: pointer;
	box-sizing: border-box;
	justify-content: center;
	float: none;
	font-size: 15px;
	text-decoration: none;
}

#application-tabs li.ui-tabs-active a {
	cursor: default;
}

#application-tabs li a {
	color: #FFF;
	font-weight: bold;
}

#application-tabs .ui-tabs-nav,
#application-tabs.ui-tabs,
#application-tabs ul {
	padding: 0;
	border-radius: 0;
	border: none;
	background: none;
}

#application-tabs li a {
	padding: 0.8em 1em;
}

#application-tabs li {
	margin: 0 0 -1px;
	border-radius: 0;
	box-sizing: border-box;
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	padding: 0;
	white-space: nowrap;
	flex-grow: 1;
}

#application-tabs li.tab-disabled {
	pointer-events: none;
	opacity: 0.6;
}

#application-tabs li.tab-disabled a {
	opacity: 0.6;
}

#application-tabs li.passive {
	pointer-events: none;
}

#application-tabs li.passive a {
	opacity: 0.6;
}

/* Cookies */
#cookie-container {
	display: none;
	max-width: 90%;
	width: 100%;
	height: 200px;
	background-color: #F7F6F3;
	margin: 0 auto;
	padding: 15px;
	position: fixed;
	bottom: -200px;
	z-index: 999;
	border-radius: 5px;
	left: 0;
	right: 0;
	box-shadow: 3px 4px 15px #888;
	box-sizing: border-box;
}

#cookie-wrapper {
	height: 170px;
	display: flex;
	justify-content: space-around;
	align-items: center;
	font-family: "Source Sans Pro", Arial, sans-serif;
}

.cookie-description,
.cookie-settings-description {
	width: 50%;
	font-size: 18px;
}

.cookie-settings-description h3 {
	margin-top: 0;
}

.cookie-buttons {
	display: inline-flex;
}

.inline-flex {
	display: inline-flex !important;
}

.cookie-button {
	text-align: center;
	color: #FFF;
	border-radius: 2px;
	background-repeat: no-repeat !important;
	background-position-y: center !important;
	background-position-x: 28px !important;
}

input.cookie-input {
	width: 180px;
	height: 50px;
	padding-left: 20px;
	color: #FFF;
	font-size: 14px;
}

input.cookie-input:hover {
	cursor: pointer;
}

#application-tabs.ui-widget-content {
	border: none;
	border-radius: 0;
}

.application-header {
	display: flex;
	margin-bottom: 20px;
	flex-wrap: wrap;
}

.applicant-actions {
	display: flex;
	flex-direction: column;
	width: 50%;
}

.cookie-settings-description,
.cookie-settings-buttons,
.cookie-close-settings {
	display: none;
}

.cookie-settings {
	background-color: #9A9CA6;
	margin-right: 5px;
	background-size: 15px;
	background-image: url(../images/laura-icon-settings-white.png);
}

.cookie-save {
	background-color: #9A9CA6;
	margin-right: 5px;
	background-size: 15px;
	background-image: url(../images/laura-icon-popup-save.png);
}

.cookie-approval {
	background-color: #7ABA57;
	background-size: 15px;
	background-image: url(../images/laura-icon-check-white.png);
}

.cookie-settings:hover,
.cookie-save:hover {
	background-color: #6C6E7D;
}

.cookie-approval:hover {
	background-color: #5eb330;
}

.cookie-settings-description-choice {
	display: flex;
	align-items: center;
	text-align: left;
}

.cookie-settings-description-choice input {
	height: 18px;
	width: 18px;
	margin-right: 5px;
}

.cookie-settings-description-choice.necessary {
	opacity: 0.5;
	pointer-events: none;
}

/* Survey styles start */
div.employer div.auto_list_survey-list {
	border: none;
	width: 100%;
}

.em-survey-create-or-modify {
	max-width: 900px
}

.editable-survey-name-container,
.editable-survey-description-container {
	max-width: 600px;
}

#survey-sortable-question-list-header {
	display: flex;
	align-items: center;
}

.survey-editable-question-list-item-container {
	background-color: #FFF;
	display: flex;
	align-items: flex-start;
}

.editable-survey-form-container {
	border: 1px solid #d2d2d2;
	border-bottom-width: 3px;
	border-radius: 3px;
	box-shadow: 0 0 12px 0 rgb(66 66 66 / 10%);
}

#survey-sortable-question-list-header {
	background-color: #07619B;
	color: #FFF;
	text-align: left;
	font-weight: bold;
}

#survey-sortable-question-list-header div,
.survey-editable-question-list-item-container .survey-editable-question-list-item-drag,
.survey-editable-question-list-item-container .survey-editable-question-list-item-required-question,
.survey-editable-question-list-item-container .survey-editable-question-list-item-question,
.survey-editable-question-list-item-container .survey-editable-question-list-item-remove-question {
	padding: 15px 0 15px 10px;
	width: 100%
}

.survey-editable-question-list-item-move,
.survey-editable-question-list-item-remove,
.survey-editable-question-list-item-drag,
.survey-editable-question-list-item-remove-question {
	max-width: 60px;
}

.survey-editable-question-list-item-required-question {
	max-width: 75px;
}

.survey-editable-question-list-item-remove-question,
.survey-editable-question-list-item-required-question {
	text-align: center;
}

.survey-editable-question-list-item-drag {
	cursor: move;
}

.survey-editable-question-list-item-remove-question {
	cursor: pointer;
	margin: 3px 0;
}

.survey-editable-question-list-item-drag img {
	margin: 3px 0;
}

label.survey-name,
label.survey-description,
.survey-questions-title,
.survey-status-title,
.survey-editable-question-list-item-text {
	font-weight: bold;
}

.editable-survey-questions-container,
.editable-survey-form-container,
.editable-survey-status-container {
	margin-bottom: 10px;
}

.editable-survey-add-question-container {
	margin-left: 70px;
	margin-bottom: 20px;
}

.survey-add-questions-popup-wrapper {
	width: 550px !important;
}

#survey-available-questions-container {
	max-height: 400px;
	overflow: auto;
}

.survey-all-questions-added {
	padding: 0 10px;
}

.editable-survey-available-question-header {
	font-weight: bold;
	font-size: 20px;
	margin: 20px 0 10px 5px;
}

#survey-available-questions-container .editable-survey-available-question-header:nth-child(1) {
	margin-top: 0;
}

.editable-survey-available-question-container {
	background-color: #e7e7e7;
	margin: 5px 0;
	padding: 10px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.editable-survey-available-question-text {
	font-size: 16px;
	margin-bottom: 3px;
}

.editable-survey-available-question-type {
	font-size: 14px;
	font-style: italic;
}

.editable-survey-dialog-buttons {
	display: flex;
}

#editable-survey-close-dialog {
	margin-left: 10px;
}

.survey-editable-question-list-item-type {
	max-width: 80%;
}

#survey-questions .question-type-192 {
	cursor: default;
	margin-top: 10px;
}

#survey-questions .survey-form-star-rating {
	font-size: 200%;
	-webkit-text-stroke-width: 1px;
	padding: 0 3px;
}

.survey-editable-question-list-item-text {
	margin-bottom: 5px;
}

.em-survey-question-type-60 .survey-editable-question-list-item-type {
	display: flex;
	flex-direction: column;
}

.em-survey-question-type-60 .survey-form-radiobutton-input {
	display: flex;
	align-items: center;
}

#editable-survey-add-question {
	background-size: 15px;
	background-image: url(../images/laura-icon-add-white.png);
	background-repeat: no-repeat !important;
	background-position-y: center !important;
	background-position-x: 8px !important;
	padding-left: 30px;
}

#popup-dialog-header.survey-add-questions-popup {
	background-image: url(../images/laura-icon-question-white.png);
	background-size: 70px;
}

#survey-available-questions-container .highlight-selected {
	background-color: #CACBCD;
}

#editable-survey-add-selected-questions {
	background-size: 15px;
	background-image: url(../images/laura-icon-check-white.png);
	background-repeat: no-repeat !important;
	background-position-y: center !important;
	background-position-x: 8px !important;
	padding-left: 30px;
}

#wrapper-employer div.submit-survey-button-container {
	display: block;
	text-align: center;
}

#wrapper-employer div.submit-button.big-submit input[type="submit"] {
	padding: 15px 45px;
	height: auto;
	font-size: 20px;
	line-height: normal;
}

#create-new-survey-button-container {
	margin: 20px 0 10px;
}

#survey-sortable-question-list {
	list-style-type: none;
	padding: 0;
	margin: 0 0 20px 0;
}

#survey-sortable-question-list li {
	height: auto;
}

.survey-star-rating {
	border: 0;
}

.survey-star-rating:not(:checked) input {
	position: absolute;
	clip: rect(0, 0, 0, 0);
	height: 0;
	width: 0;
	overflow: hidden;
	opacity: 0;
}

.survey-star-rating:not(:checked) label {
	float: right;
	width: 1em;
	white-space: nowrap;
	cursor: pointer;
	font-size: 200%;
	-webkit-text-stroke-color: #9A9CA6;
	-webkit-text-stroke-width: 1px;
	color: #CACBCD;
}

.survey-star-rating:not(:checked) label:before {
	content: '★';
}

.survey-star-rating input:checked ~ label {
	color: #ee712a;
	-webkit-text-stroke-color: #ee712a;
}

.survey-star-rating:not(:checked) label:hover,
.survey-star-rating:not(:checked) label:hover ~ label {
	color: #ee712a;
	-webkit-text-stroke-color: #ee712a;
}

.survey-star-rating input:checked + label:hover,
.survey-star-rating input:checked + label:hover ~ label,
.survey-star-rating input:checked ~ label:hover,
.survey-star-rating input:checked ~ label:hover ~ label,
.survey-star-rating label:hover ~ input:checked ~ label {
	color: #F29A50;
	-webkit-text-stroke-color: #F29A50;
}

.ap-survey-form {
	padding: 20px;
}

.survey-form-question-type {
	display: flex;
}

#wrapper-applicant .ap-survey-form .question-type-60 {
	flex-direction: column;
}

#wrapper-applicant .ap-survey-form .question-type-60 .survey-form-input {
	display: flex;
	align-items: center;
	margin-left: 10px;
}
.em-survey-question-type-60 .survey-form-radiobutton-input input,
#wrapper-applicant .ap-survey-form .question-type-60 .survey-form-input input {
	margin-top: 0;
}

.survey-form-question-container .question-type-30,
.survey-form-question-container .question-type-50 {
	flex-direction: column;
}

.survey-form-question-container .question-type-50 .survey-form-multiselect.survey-form-question {
	margin-right: 0;
}

.survey-form-question-text {
	font-size: 16px;
	margin-bottom: 5px;
}

#wrapper-applicant div.submit-survey-answers-button-container {
	margin: 30px 0 0;
	padding: 0;
	display: flex;
	justify-content: center;
}

.survey-submit-result-header.ap-survey-submitted-title-save-successful,
.ap-survey-expiry-time {
	font-weight: bold;
}

.survey-submit-result-content.save-successful {
	padding: 5px;
	text-align: center;
}

.survey-invalid-link-content,
.survey-submit-result-content.help {
	margin-top: 50px;
}

.ap-survey-expiry {
	margin-top: 35px;
}

#survey-add-to-email {
	background: url(../images/laura-icon-send-survey.png) no-repeat;
	display: inline-block;
	background-size: 33px;
	padding: 5px 10px 5px 52px;
}

#survey-remove-from-email {
	background: url(../images/laura-icon-remove-send-survey.png) no-repeat;
	background-size: 22px;
	padding: 5px 10px 5px 42px;
}

#survey-add-to-email,
#survey-remove-from-email {
	background-position-y: center;
	height: 30px;
	line-height: 30px;
	background-position-x: 12px;
	margin: 5px 0;
	cursor: pointer;
}

.survey-missing-required-answer-field,
.survey-missing-required-answer-field-info,
#wrapper-employer span.survey-required-information-missing-info {
	display: none;
}

.survey-error {
	font-weight: bold;
	color: #ff0000;
	font-size: 14px;
	padding-bottom: 2px;
	display: none;
}

/* Survey styles end */

.application-header .applicant-details {
	display: flex;
	width: 50%;
}

.direct-application-header .applicant-details {
	width: 100%;
}

.application-header .summary-row {
	margin-bottom: 5px;
	display: flex;
}

#list-kanban-listing {
	overflow-x: auto;
}

#list-kanban-listing .kanban-column {
	width: 250px;
	box-sizing: border-box;
	padding-bottom: 5px;
	background-color: #fcfcfc;
}

#responsible-users-kanban-listing .kanban-column {
	width: 100%;
}

.list-kanban-header .job-name {
	font-size: 13px;
}

.kanban-card-wrapper.ui-sortable-handle {
	cursor: move;
}

.applicant-summary .summary-image-wrapper {
	width: 30px;
	text-align: center;
}

.summary-row.email img {
	width: 18px;
}

.summary-row.phone img {
	width: 13px;
}

.summary-row.address img {
	width: 22px;
}

.kanban-card img.modified {
	width: 12px;
}

.kanban-card .application-info {
	display: flex;
	margin-top: 10px;
}

.kanban-card .application-info img {
	cursor: default;
	margin: 0 5px;
}

input.kanban-card-selector {
	margin: 0px;
}

.list-kanban-header {
	display: flex;
	justify-content: space-between;
}

#list-kanban-listing img.email {
	width: 18px;
}

#list-kanban-listing img.phone {
	width: 10px;
}

.kanban-card .disabled {
	pointer-events: none;
	opacity: 0.4;
}

.application-header .applicant-picture,
.application-header .applicant-summary-wrapper {
	padding: 10px;
	box-sizing: border-box;
}

.application-header .applicant-actions {
	padding: 10px 10px 10px 0;
	box-sizing: border-box;
}

.application-header .applicant-summary-wrapper {
	display: flex;
	flex-direction: column;
}

.application-header .name {
	color: #07619B;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px;
}

#application-tabs .ui-tabs-panel,
#application-tabs .ui-tab.ui-tabs-active {
	background: #FFF;
}

.status-selector-wrapper #selected-status div {
	padding: 7px 32px 7px 14px;
	display: inline-block;
	border-radius: 3px;
	background-image: url(../images/laura-icon-arrow-down-white.png);
	background-repeat: no-repeat;
	background-size: 14px;
	background-position-y: center;
	background-position-x: calc(100% - 10px);
	cursor: pointer;
	user-select: none;
}

.status-selector-wrapper #selected-status.read-only .status-choice.selected {
	background-image: none;
	padding: 7px 14px;
}

.status-selector-wrapper .choice-wrapper .status-choice.selected {
	opacity: 0.6;
	pointer-events: none;
}

.status-selector-wrapper #selected-status div[data-master-status='1'] {
	background-color: #ECEAE3;
	color: #333;
	background-image: url(../images/laura-icon-arrow-down-grey.png);
	font-weight: bold;
}

.status-selector-wrapper #selected-status div[data-master-status='2'] {
	background-color: #4DB6E2;
	color: #FFF;
}

.status-selector-wrapper #selected-status div[data-master-status='3'] {
	background-color: #D85959;
	color: #FFF;
}

.status-selector-wrapper #selected-status div[data-master-status='4'] {
	background-color: #7ABA57;
	color: #FFF;
}

#selected-status {
	display: inline-block;
}

#selected-status.read-only {
	opacity: 0.7;
	pointer-events: none;
}

.application-status-selector .status-choice[data-master-status='1'],
.kanban-column.master-status-1 .kanban-column-header {
	background-color: #ECEAE3;
}

.application-status-selector .status-choice[data-master-status='2'],
.kanban-column.master-status-2 .kanban-column-header {
	background-color: #B2DCF0;
}

.application-status-selector .status-choice[data-master-status='3'],
.kanban-column.master-status-3 .kanban-column-header {
	background-color: #FCCBCB;
}

.application-status-selector .status-choice[data-master-status='4'],
.kanban-column.master-status-4 .kanban-column-header {
	background-color: #BCE8A4;
}

.status-selector-wrapper .application-status-header {
	width: 100%;
}

.e-o .status-selector-wrapper,
.applicant-actions .tags {
	margin-top: auto;
}

.applicant-actions .tags {
	align-self: flex-end;
	flex-direction: column;
	align-items: flex-end;
}

.tags-list,
.tags-info {
	text-align: right;
}

.e-o .animation-locator > div {
	left: 10px;
	top: -15px;
}

.the_list .animation-locator > div {
	margin: 5px 0;
	position: relative;
}

#wrapper-employer div.main_cont1.e-o div.employer {
	display: flex;
}

#wrapper-employer div.main_cont1.e-o div.employer .cont2 {
	float: none;
	width: auto;
	margin: 0;
	height: 100%;
}

#wrapper-employer div.main_cont1.e-o div.employer .cont5 {
	margin-left: auto;
}

.application-header .applicant-picture {
	height: 200px;
	overflow: hidden;
	width: 150px;
	min-width: 150px;
	display: flex;
	align-items: center;
}

.applicant-picture img {
	width: 100%;
}

.application-view-return-to-previous-view-element img {
	margin-right: 5px;
}

#popup-dialog select[name="slid"] option:disabled {
	font-style: italic;
}

.e-o .em_open,
.application-header,
body:not(#body-e-expr) .comment-section,
.em-applicant-classifications,
#list-kanban-listing {
	box-shadow: 0 0 30px 0 #ddd;
	background-color: #fff;
}

div.employer div.em-ap-log .application-log {
	max-height: 350px;
	overflow: auto;
}

html#html-e-o,
#body-e-o .employer,
#body-e-pl .employer {
	background: #f8f8f8;
}

#body-e-o #wrapper-employer,
#body-e-pl #wrapper-employer {
	padding: 0;
}

.application-header .applicant-title {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.e-o .consent-wrapper {
	padding: 20px;
}

.e-o .em_open,
.e-o .comment-section {
	margin-bottom: 20px;
}

.action-menu-group#application-actions {
	color: #FFF;
}

.application-header .action-menu-command:hover,
.application-header .action-menu-command.icon-clicked-down {
	background-color: #2D2F3A;
}

a.action-menu-command {
	color: #FFF;
	text-decoration: none;
}

a.action-menu-command:hover {
	color: #FFF;
}

a.prompt-choice {
	color: #222222;
	text-decoration: none;
}

#tabs-application {
	padding: 15px !important;
}

#attachment-viewer iframe {
	width: 100%;
	height: 70vh;
	border: 0;
	border-radius: 10px;
}

#application-tabs ul {
	display: flex;
}

#application-tabs ul li:first-child:not(.ui-tabs-tab) {
	border-top: 3px solid #07619B;
	background: none;
}

#application-tabs ul li:first-child:not(.ui-tabs-tab) a {
	color: #07619B;
}

.ui-widget {
	font-size: 15px !important;
}

.attached-application-projects {
	margin-top: 20px;
}

.ui-widget-content a:not(.ui-tabs-anchor):not(.mark-as-not-similar) {
	color: #07619B !important;
}

div.submit-button input[type="submit"].application-action-popup.submit {
	display: block;
}

.send-application-form > div.popup-dialog-row:last-child {
	margin-bottom: 0;
}

.popup-dialog-wrapper #application-project .submit-button {
	display: block;
}

#wrapper-other-cover .e-ls .direct_list_logo img {
	padding: 20px;
	background-color: #FFF;
}

#popup-messages-container {
	position: fixed;
	width: 100%;
	z-index: 10000;
	pointer-events: none;
}

.popup-message-default-content-wrapper:not(.overlay) {
	margin: 10px 0;
}

.popup-message-default-content-wrapper:not(.overlay):first-child {
	margin-top: 50px;
}

textarea:disabled {
	opacity: 0.4;
	cursor: default;
	pointer-events: none;
}
/* these are used for user experience report stylings */
.em-report-view .user_experience_table tr,
.em-report-view .user_experience_table th,
.em-report-view .user_experience_table td {
	border: 1px solid;
}

/*******************************************************************************/
/*******************************************************************************/
/************************ ^^ PLACE NEW STYLES ABOVE! ^^ ************************/
/*******************************************************************************/
/*******************************************************************************/

/* Microsoft Edge Browser 12+ (All) - @supports method | Edge hax ~TLA 10/18 */
@supports (-ms-ime-align:auto) {
	#wrapper-employer div.menu div.hot div.link_text a,
	#wrapper-employer div.menu a:hover {
		filter: none;
	}

	#wrapper-employer div.menu div.menu_box.employer_menu div.not_hot.logout.last.E_OUT a,
	#wrapper-employer div.menu div.menu_box.employer_menu div.not_hot.logout.last.E_OUT a:hover {
		color: #fb1100;
		filter: none !important;
	}

/* Listing fix for Edge */
	#wrapper-employer div.employer div.auto_list table.clickable_multi,
	#wrapper-employer div.employer div.system-settings-page table.job-groups-table,
	#wrapper-employer #auto_list_table_product-news tr,
	div.applicant_info_applications table {
		border: 3px solid #F7F6F3;
	}

	#wrapper-employer #auto_list_table_product-news tr.odd {
		border-top: 3px solid #F7F6F3
	}

/* Yellow */
	table#auto_list_table_select_job tr.waiting_for_approval td.first,
	div.auto_list_ru_page tr.waiting_for_approval td.first,
	table#auto_list_table_select_job tr.not_yet_visible td.first,
	div.auto_list_ru_page tr.not_yet_visible td.first,
	div.auto_list_select_need tr.partly td.col_Subject,
	div.auto_list_select_expert_need tr.processing2 td.col_Subject,
	div.auto_list_sent-hour-reports tr.verified td.first,
	div.auto_list_sent-hour-reports tr.preverified td.first,
	table#auto_list_table_select_job tr.not_yet_visible td.first,
	div.auto_list_ru_page tr.not_yet_visible td.first,
	div.auto_list_select_need tr.partly td.col_Subject,
	div.auto_list_select_expert_need tr.processing2 td.col_Subject,
	div.auto_list_sent-hour-reports tr.verified td.first,
	div.auto_list_sent-hour-reports tr.preverified td.first,
	div.auto_list_ru_page tr.waiting_for_approval td.empty,
	div.auto_list_ru_page tr.not_yet_visible td.empty,
	#wrapper-employer .em-scheduled-mailing-overview #auto_list_table_search_results tr.draft,
/* Red */
	table#auto_list_table_select_job tr.applying_ended td.first,
	div.auto_list_ru_page tr.applying_ended td.first,
	div.auto_list_select_need tr.new td.col_Subject,
	div.auto_list_select_job_to_fill tr.applying_ended td.col_Name,
	div.auto_list_select_expert_need tr.moreinfo td.col_Subject,
	div.auto_list_user_selection tr.locked td.col_Lastname,
	div.auto_list_sent-hour-reports tr.new td.first,
	div.auto_list_department_selection tr.removed td.col_departmentid,
	div.auto_list_ru_page tr.applying_ended td.empty,
	#wrapper-employer .em-scheduled-mailing-overview #auto_list_table_search_results tr.error,
/* Gray */
	table#auto_list_table_select_job tr.closed td.first,
	div.auto_list_ru_page tr.closed td.first,
	div.auto_list_select_need tr.removed td.col_Subject,
	div.auto_list_select_recruitment_plan tr.rp_presented td.col_Subject,
	div.auto_list_select_expert_need tr.pending td.col_Subject,
/* Less Gray */
	div.auto_list_select_need tr.cancelled td.col_Subject,
/* Green, default */
	table#auto_list_table_select_job td.first,
	table#auto_list_table_select_job tr.open td.first,
	div.auto_list_ru_page tr.open td.first,
	div.auto_list_select_job_to_fill tr.open td.col_Name,
	div.auto_list_select_need tr.fully td.col_Subject,
	div.auto_list_select_recruitment_plan tr.rp_approved td.col_Subject,
	div.auto_list_select_expert_need tr.resourced td.col_Subject,
	div.auto_list_user_selection tr.open td.col_Lastname,
	div.auto_list_sent-hour-reports tr.accepted td.first,
	div.auto_list_department_selection tr.open td.col_departmentid,
	div.auto_list_ru_page tr.open td.empty,
	#wrapper-employer .em-scheduled-mailing-overview #auto_list_table_search_results tr.sent,
	div.auto_list_select_need tr.sms td.col_Subject,
	div.auto_list_select_expert_need tr.processing1 td.col_Subject,
/* Violet */
	div.auto_list_select_expert_need tr.offered td.col_Subject,
/* Blue */
	div.auto_list_select_expert_need tr.new td.col_Subject,
	div.auto_list_select_need tr.ready td.col_Subject,
	#wrapper-employer .em-scheduled-mailing-overview #auto_list_table_search_results tr,
/* Brown */
	div.auto_list_select_expert_need tr.advance td.col_Subject,
/* Orange */
	table#auto_list_table_select_job tr.rejected td.first,
	div.auto_list_ru_page tr.rejected td.first {
		background-repeat: no-repeat;
	}
}

/* Internet Explorer Browser 10+ - media query method | IE hax ~TLA 11/19 */
@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
/* Listing fix for IE */
	#wrapper-employer div.employer div.auto_list table.clickable_multi,
	#wrapper-employer div.employer div.system-settings-page table.job-groups-table,
	#wrapper-employer #auto_list_table_product-news tr,
	div.applicant_info_applications table {
		border: 3px solid #F7F6F3;
	}

	#wrapper-employer #auto_list_table_product-news tr.odd {
		border-top: 3px solid #F7F6F3
	}

/* Yellow */
	table#auto_list_table_select_job tr.waiting_for_approval td.first,
	div.auto_list_ru_page tr.waiting_for_approval td.first,
	table#auto_list_table_select_job tr.not_yet_visible td.first,
	div.auto_list_ru_page tr.not_yet_visible td.first,
	div.auto_list_select_need tr.partly td.col_Subject,
	div.auto_list_select_expert_need tr.processing2 td.col_Subject,
	div.auto_list_sent-hour-reports tr.verified td.first,
	div.auto_list_sent-hour-reports tr.preverified td.first,
	table#auto_list_table_select_job tr.not_yet_visible td.first,
	div.auto_list_ru_page tr.not_yet_visible td.first,
	div.auto_list_select_need tr.partly td.col_Subject,
	div.auto_list_select_expert_need tr.processing2 td.col_Subject,
	div.auto_list_sent-hour-reports tr.verified td.first,
	div.auto_list_sent-hour-reports tr.preverified td.first,
	div.auto_list_ru_page tr.waiting_for_approval td.empty,
	div.auto_list_ru_page tr.not_yet_visible td.empty,
	#wrapper-employer .em-scheduled-mailing-overview #auto_list_table_search_results tr.draft,
/* Red */
	table#auto_list_table_select_job tr.applying_ended td.first,
	div.auto_list_ru_page tr.applying_ended td.first,
	div.auto_list_select_need tr.new td.col_Subject,
	div.auto_list_select_job_to_fill tr.applying_ended td.col_Name,
	div.auto_list_select_expert_need tr.moreinfo td.col_Subject,
	div.auto_list_user_selection tr.locked td.col_Lastname,
	div.auto_list_sent-hour-reports tr.new td.first,
	div.auto_list_department_selection tr.removed td.col_departmentid,
	div.auto_list_ru_page tr.applying_ended td.empty,
	#wrapper-employer .em-scheduled-mailing-overview #auto_list_table_search_results tr.error,
/* Gray */
	table#auto_list_table_select_job tr.closed td.first,
	div.auto_list_ru_page tr.closed td.first,
	div.auto_list_select_need tr.removed td.col_Subject,
	div.auto_list_select_recruitment_plan tr.rp_presented td.col_Subject,
	div.auto_list_select_expert_need tr.pending td.col_Subject,
/* Less Gray */
	div.auto_list_select_need tr.cancelled td.col_Subject,
/* Green, default */
	table#auto_list_table_select_job td.first,
	table#auto_list_table_select_job tr.open td.first,
	div.auto_list_ru_page tr.open td.first,
	div.auto_list_select_job_to_fill tr.open td.col_Name,
	div.auto_list_select_need tr.fully td.col_Subject,
	div.auto_list_select_recruitment_plan tr.rp_approved td.col_Subject,
	div.auto_list_select_expert_need tr.resourced td.col_Subject,
	div.auto_list_user_selection tr.open td.col_Lastname,
	div.auto_list_sent-hour-reports tr.accepted td.first,
	div.auto_list_department_selection tr.open td.col_departmentid,
	div.auto_list_ru_page tr.open td.empty,
	#wrapper-employer .em-scheduled-mailing-overview #auto_list_table_search_results tr.sent,
	div.auto_list_select_need tr.sms td.col_Subject,
	div.auto_list_select_expert_need tr.processing1 td.col_Subject,
/* Violet */
	div.auto_list_select_expert_need tr.offered td.col_Subject,
/* Blue */
	div.auto_list_select_expert_need tr.new td.col_Subject,
	div.auto_list_select_need tr.ready td.col_Subject,
	#wrapper-employer .em-scheduled-mailing-overview #auto_list_table_search_results tr,
/* Brown */
	div.auto_list_select_expert_need tr.advance td.col_Subject,
/* Orange */
	table#auto_list_table_select_job tr.rejected td.first,
	div.auto_list_ru_page tr.rejected td.first {
		background-repeat: no-repeat;
	}
}

/* Media print start */
@media print {
	#wrapper-employer div.top_menu,
	#wrapper-employer div.cont2 {
		display: none;
	}

	div.clear {
		clear: none;
	}
}

/**** Responsive design for the applicant side. MEDIA QUERIES NEED TO BE AT THE END OF THE STYLE. ****/
@media only screen and (max-width: 1600px) {
	#body-e-css .fr-box.fr-basic .fr-element {
		max-height: 200px;
	}

	div.e-pl ul.taggle_list,
	div.e-ls ul.taggle_list,
	div.e-s ul.taggle_list,
	div.e-tas ul.taggle_list {
		width: 200px !important;
	}

	div.e-pl ul.taggle_list input[type="text"].taggle_input {
		width: 175px !important;
	}
}

@media only screen and (max-width: 1450px) {
	#wrapper-employer .cont5 {
		width: 350px;
	}

	textarea#rating-comment {
		height: 80px;
	}

	.job-card-footer .applications-info {
		flex-direction: column;
	}

	.kanban-card-content .applications-info-amount {
		margin-bottom: 10px;
	}
}

@media only screen and (max-width: 1250px),
only screen and (max-device-width: 1250px) {
	html #footer-inner {
		margin-left: 0;
	}

	#tinynav_menu {
		display: block;
		float: left;
		margin: 22px 0 2px 5px;
	}

	div.cont2 {
		display: none;
	}

	html body.body-employer {
		background-image: none;
	}

	#wrapper-employer div.top_menu div#top_menu div#laura_logo {
		position: absolute;
		left: 0;
		top: 2px;
		display: block;
	}

	body.body-employer div#wrapper-employer div.e-pl div.cont3,
	body.body-employer div#wrapper-employer div.e-cpl div.cont3 {
		margin-left: 20px;
	}

	#wrapper-employer div.top_menu {
		font-size: 12px;
		font-family: "Source Sans Pro", Arial, sans-serif;
	}

	body.body-employer div#wrapper-employer div.cont3 {
		padding-left: 20px;
	}

	#wrapper-employer select#tinynav1 {
		max-width: 150px;
	}
}

@media only screen and (max-width: 1100px),
only screen and (max-device-width: 1100px) {
	#wrapper-employer div#shortcuts div.inner.E_NSP,
	#wrapper-employer div#shortcuts div.inner.E_S,
	#wrapper-employer div#shortcuts div.inner.E_CSR,
	#wrapper-employer div#shortcuts div.inner.E_CPL,
	#wrapper-employer div#shortcuts div.inner.E_CWCL,
	#wrapper-employer div#shortcuts div.inner.E_PL,
	#wrapper-employer div#shortcuts div.inner.E_CWL {
		display: none;
	}
}

@media only screen and (max-width: 1000px),
only screen and (max-device-width: 1000px) {
	html #wrapper-employer div.main_cont1 div.cont3 {
		width: 92%;
	}

	html #wrapper-employer div.e-spw div.main_cont1 div.cont3 {
		width: 90%;
	}

	#wrapper-employer div.main_cont1.e-o div.cont3 {
		padding-right: 0;
	}

/* On mobile and tablet make multi selects wider, because there is a text "0 selected" on those devices and it looks silly, if the select box is not wide enough */
	#wrapper-applicant div.answer_col select[multiple] {
		min-width: 110px;
	}

	#wrapper-employer .cont5 {
		position: relative;
		top: initial;
		right: initial;
		height: auto;
		width: auto;
	}

	#wrapper-employer .e-o .employer {
		flex-direction: column;
	}

	#wrapper-employer div.main_cont1.e-o div.employer .cont5 {
		margin-left: initial;
		padding: 25px;
	}

	body.body-employer#body-e-o div#wrapper-employer div.cont3 {
		margin-bottom: 0;
	}

	.e-o .notes-panel {
		padding: 15px;
	}

	#wrapper-employer div#talentbank_information_box_titles ul#talentbank_information_box_titles_list {
		padding-left: 0;
	}

	div.e-lm div.additional-actions .action {
		float: none;
	}

/* Cookies */
	#cookie-container {
		height: auto;
	}

	#cookie-wrapper {
		flex-direction: column;
		height: auto;
	}

	.cookie-description {
		width: 100%;
		text-align: center;
		margin-bottom: 20px;
	}

	.cookie-settings-description {
		width: 90%;
		text-align: center;
		margin-bottom: 20px;
	}
}

@media only screen and (max-width: 835px) {
/* Cuts extra whitespace of the iframe. */
	#wrapper-applicant div.job_page div.embedded-rbn-video iframe {
		width: 100% !important;
		max-width: 600px;
		height: 730px;
	}

	#wrapper-applicant div.job_description iframe {
		max-width: 100%;
	}

	div.employer div.em-send-application div.cols {
		width: 265px;
		float: none;
	}

	#wrapper-employer div.employer div.em-send-application div.submit-button {
		float: left;
	}

/* New applicant login on form with Talentbank prefill */
	div#wrapper-applicant div.ap_job_login .applicant-login-info {
		flex-direction: column;
		text-align: center;
	}

	div#wrapper-applicant div.ap_job_login .applicant-no-prefill-info {
		width: 100%;
		border: none;
		padding-right: 0;
		align-items: center;
	}

	div#wrapper-applicant div.ap_job_login .applicant-no-prefill-info span {
		display: block;
	}

	div#wrapper-applicant div.ap_job_login .applicant-no-prefill-info input {
		max-width: 205px;
		margin-bottom: 20px;
	}

	div#wrapper-applicant div.ap_job_login .applicant-prefill-info {
		padding-left: 0;
		max-width: none;
	}

	div#wrapper-applicant div.ap_job_login .laura-login,
	div#wrapper-applicant div.ap_job_login .talentbank-login {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	div#wrapper-applicant div.ap_job_login .laura-login .applicant-login-logo,
	div#wrapper-applicant div.ap_job_login .talentbank-login .talentbank-applicant-login-logo,
	div#wrapper-applicant div.ap_job_login .talentbank-login .talentbank-applicant-login-logo.en {
		display: flex;
		width: 100%;
		background-position-x: center;
		background-position-y: top;
		margin-top: 0;
		margin-bottom: 30px;
		justify-content: center;
	}

	div#wrapper-applicant div.ap_job_login .laura-login .applicant-login-logo {
		background-size: 75px;
		height: 120px;
	}

	div#wrapper-applicant div.ap_job_login .talentbank-login .talentbank-applicant-login-logo,
	div#wrapper-applicant div.ap_job_login .talentbank-login .talentbank-applicant-login-logo.en {
		background-size: 250px;
		height: 105px;
	}

	div#wrapper-applicant div.ap_job_login form {
		width: 100%;
	}

	#wrapper-applicant div.ap_job_login div.talentbank-login div.select-tb-profile {
		margin-top: 0;
	}
}

@media only screen and (max-width: 660px) {
	html.html-applicant body.body-applicant {
		margin: 0;
		padding: 0;
	}

	html.html-applicant {
		background-image: none;
	}

	#wrapper-applicant h2 {
		line-height: 1;
	}

	body.body-applicant {
		font-size: 16px;
	}

	#wrapper-applicant * {
		box-sizing: border-box;
	}

	#wrapper-applicant {
		width: auto;
		padding: 0 0 20px;
	}

	div.applicant_logo img {
		max-width: 95%;
	}

	#wrapper-applicant div.cont13 div.job_page div.job_name div iframe {
		min-width: 300px !important;
		width: 64% !important;
	}

	div.job_page div.job_name {
		overflow: hidden;
	}

	body.body-applicant #wrapper-applicant div.ap_languages {
		top: 3px;
		right: 3px;
	}

	#wrapper-applicant div.cont13 div.job_page div.job_name div iframe {
		height: 42px !important
	}

	body.body-applicant #wrapper-applicant div.cont13 div.job_page {
		padding: 10px 0;
		width: 100%;
	}

	#wrapper-applicant div.question_row {
		width: 100%;
	}

	#wrapper-applicant div.job_description img {
		max-width: 100%;
	}

	#wrapper-applicant div.cont12 {
		padding: 0;
	}

	#wrapper-applicant div.ap_open_application_jobs {
		padding: 0 0 20px;
		text-align: center;
		width: 100%;
		display: inline-block;
	}

	#wrapper-applicant div.ap_open_application_jobs p {
		text-align: left;
		width: auto;
		margin: 0;
		padding: 10px;
	}

	#wrapper-applicant div.ap_open_application_jobs a {
		padding: 0;
	}

	#wrapper-applicant form#job-search-form div.question_row div.answer_col,
	#wrapper-applicant form#job-search-form div.question_row div.question_col,
	#wrapper-applicant form#job-search-form div.sectiontitle {
		margin-left: 0;
		padding-left: 0;
	}

	#wrapper-applicant form#job-search-form {
		margin: 0 10px;
	}

	div.applicant div.ap-order-job-agent {
		width: 95%;
		margin-left: 5px;
	}

	div.applicant div.ap-order-job-agent div.description,
	div.applicant div.ap-order-job-agent input[type="text"] {
		margin-left: 0;
	}

	div.ap_jobnotify input[type="text"],
	div.ap_jobnotify textarea {
		max-width: 95%;
	}

	body div#wrapper-applicant div.cont10 {
		padding: 0;
		margin: 0;
	}

	#wrapper-applicant div.main_cont1.a-s div.ap_message {
		padding-bottom: 75px;
	}

/* Job list settings */
	#wrapper-applicant div.auto_list table.results,
	#wrapper-applicant div.auto_list tr,
	#wrapper-applicant div.auto_list td,
	#wrapper-applicant div.auto_list th {
		padding: 0;
	}

	#wrapper-applicant table#auto_list_table_open_jobs,
	#wrapper-applicant table#auto_list_table_open_jobs tr,
	#wrapper-applicant table#auto_list_table_open_jobs td,
	#wrapper-applicant table#auto_list_table_open_jobs tbody {
		display: block;
		border: none;
	}

	#wrapper-applicant table#auto_list_table_open_jobs tr.odd,
	#wrapper-applicant table#auto_list_table_open_jobs tr.even,
	#wrapper-applicant table#auto_list_table_open_jobs tr td {
		border-top: 1px solid #CCC;
	}

	#wrapper-applicant table#auto_list_table_open_jobs tbody {
		border-bottom: 1px solid #CCC;
	}

	#wrapper-applicant table#auto_list_table_open_jobs {
		width: 85%;
		margin: 0 auto;
	}

	#wrapper-applicant table#auto_list_table_open_jobs tr {
		text-align: center;
		padding: 10px 0;
	}

	#wrapper-applicant div.auto_list table#auto_list_table_open_jobs tr td {
		margin: 0;
		-webkit-tap-highlight-color: transparent;
		text-align: center;
		border: none;
	}

	#wrapper-applicant div.auto_list tr.over td {
		background-color: transparent;
	}

	#wrapper-applicant table#auto_list_table_open_jobs tr td:focus,
	#wrapper-applicant table#auto_list_table_open_jobs tr td a:focus {
		outline: none;
	}

	#wrapper-applicant tr.title_row {
		display: none !important;
	}

	#wrapper-applicant table tr.odd td,
	#wrapper-applicant table tr.even td {
		text-align: left;
	}

	#wrapper-applicant div.auto_list_open_jobs td.col_Name {
		text-align: center;
	}

	#wrapper-applicant div.auto_list_open_jobs td.col_Name a {
		font-size: 19px;
	}

	#wrapper-applicant div.auto_list div.result_count {
		margin-top: 5px;
		margin-left: 10px;
	}

	#wrapper-applicant td.row_link a {
		margin: 0;
	}

	#wrapper-applicant div.auto_list_open_jobs td.col_Name ~ td {
		font-size: 13px;
	}

	#wrapper-applicant div.auto_list_open_jobs td.col_Name ~ td a {
		font-size: 13px;
		line-height: 0.9;
		margin: 6px 0 0;
	}

/* Hide every empty cells on the job list. Also hides job info titles. */
	#wrapper-applicant table#auto_list_table_open_jobs tr td a:empty {
		display: none;
	}

/* Add titles on every job info table rows. */
	#wrapper-applicant div.auto_list_open_jobs tr td a:before {
		content: attr(data-job-list-title);
	}

/* Overwrite unwanted job info titles */
	#wrapper-applicant div.auto_list_open_jobs tr td.col_Name a:before {
		content: none;
	}

	#wrapper-applicant div.auto_list div.show-all-rows {
		clear: both;
	}

	#wrapper-applicant div.auto_list table.page_selection td {
		padding: 6px;
	}

	#wrapper-applicant table#auto_list_table_open_jobs td {
		width: auto !important;
	}

	#wrapper-applicant div.auto_list tr td a {
		margin: 0 2px;
	}

	#wrapper-applicant div.ap_open_jobs table.page_selection.clickable_simple tr td {
		height: 37px;
	}

/* END of Job list settings */
	#wrapper-applicant form#job-search-form div.section,
	#wrapper-applicant form#job-search-form div.question_row {
		width: 100% !important;
		float: none;
	}

	#wrapper-applicant div.ap_top_login,
	#wrapper-applicant div.ap_link_to_job_list {
		margin: 0 20px;
		clear: right;
		width: 100%;
	}

	#wrapper-applicant div.applicant_logo,
	#body-a-rpw .applicant_logo {
		max-width: 330px;
		width: 100%;
		text-align: center;
		margin: auto;
		padding: 10px 0 0;
		float: none;
		margin-top: 30px;
		margin-bottom: 20px;
	}

	#wrapper-applicant div.applicant_logo img,
	#wrapper-applicant #body-a-rpw .applicant_logo img {
		padding: 0;
		margin: 0;
	}

	#wrapper-applicant form#application_form textarea,
	#wrapper-applicant form.application_form {
		padding: 0;
	}

	div.ap-job-agent-separately-link {
		margin-left: 10px;
		margin-bottom: 20px;
	}

	div.ap_preview div.ap_form_buttons table td {
		float: left;
	}

	div.applicant-fixed-area {
		width: auto;
		max-width: 100%;
		height: auto;
		border-radius: 5px 5px 0 0;
	}

	div.applicant-fixed-area p {
		margin: 0 0 2px;
		color: #000;
	}

	div.applicant-fixed-area div.manualsaver {
		width: auto;
	}

	div.ap-forgotten-login-credentials-form,
	div.ap-set-password-form,
	div.em-forgotten-login-credentials-form {
		width: 90%;
		padding: 15px 10px 35px 10px;
	}

	#wrapper-applicant div.submit-button {
		margin-top: 5px;
		margin-bottom: 5px;
	}

/* Recright */
	#wrapper-applicant div.job_page div.embedded-rbn-video iframe {
		width: 100% !important;
		max-width: 600px;
		overflow: hidden !important;
	}

	#wrapper-applicant div.answer_col,
	#wrapper-applicant div.question_col {
		width: 100%;
	}

	#wrapper-applicant div.ap_calendar_view {
		width: 100%;
		overflow: auto;
		height: auto;
	}

	#wrapper-applicant div.ap_calendar_view #calendar {
		margin-bottom: 20px;
	}

	#wrapper-applicant div.ap_calendar_edit div.submit-button,
	#wrapper-applicant div.ap-hour-report-form div.submit-button {
		height: auto;
		padding-bottom: 10px;
	}

	div.ap-job-agent-separately-link {
		border: 0;
		width: 100%;
		padding: 0 0 10px;
		margin: 0;
		text-align: center;
	}

	div.ap-job-agent-separately-link div {
		margin: 0 auto;
	}

	div.ap_login {
		margin: 10px auto;
		display: inline-block;
	}

	#wrapper-applicant div.question_row .answer_col label input[type="radio"],
	#wrapper-applicant div.question_row .answer_col label input[type="checkbox"] {
		width: 20px;
		height: 20px;
	}

	#wrapper-applicant div.question_row .answer_col label input[type="radio"] {
		margin: 1px 3px 1px 4px;
	}

	#wrapper-applicant div.question_row .answer_col label input[type="checkbox"] {
		margin: 0 3px 5px 4px;
	}

	form#application_form .answer_col label {
		margin-bottom: 10px;
		margin-right: 30px;
	}

	#wrapper-applicant div.answer_col span.day,
	#wrapper-applicant div.answer_col span.month,
	#wrapper-applicant div.answer_col span.year,
	#wrapper-applicant div.answer_col span.hours,
	#wrapper-applicant div.answer_col span.mins {
		min-width: 20%;
		margin-bottom: 12px;
	}

	#wrapper-applicant div.answer_col input.day,
	#wrapper-applicant div.answer_col input.month,
	#wrapper-applicant div.answer_col input.day2,
	#wrapper-applicant div.answer_col input.month2,
	#wrapper-applicant div.answer_col input.hours,
	#wrapper-applicant div.answer_col input.mins,
	#wrapper-applicant div.answer_col input.year {
		min-width: 60px;
		display: block;
	}

	#wrapper-applicant div.ap_photo {
		width: 100%;
		text-align: center;
	}

	div.ap_preview div.after-photo {
		width: 100%;
	}

	div.ap_preview div.after-photo div.sectiontitle,
	div.direct_open div.after-photo div.sectiontitle {
		width: 100%;
	}

	#wrapper-applicant div.applicantSettings div.answer_col,
	#wrapper-applicant div.applicantSettings div.question_col {
		width: 93%;
	}

	.some-buttons a.some-icon-whatsapp {
		display: inline-block;
		padding: 5px;
	}

	#wrapper-applicant div.main_cont1.a-a div.ap_job_login center div.submit-button {
		display: block;
		margin: 5px 0 15px 0;
	}

	#wrapper-applicant #job-search-form div.search-buttons {
		margin-left: 0;
	}

	#wrapper-applicant div.show-all-rows {
		margin-left: 10px;
	}

	#applicant-login-view-left,
	#applicant-login-view-right {
		width: 100%;
	}

	#applicant-login-view-left {
		border: none;
		margin-bottom: 0;
		padding: 20px 5px 0;
	}

	#applicant-login-view-right {
		clear: both;
		float: right;
	}

	.fancybox-wrap.position-x-center {
		left: 20% !important;
		transform: translateX(-12%) !important;
	}

	div.ap_footer {
		display: block;
	}

/* Dropzone */
	.dz-file-icon img {
		max-width: 20px !important;
		min-height: 20px;
	}

	form.dropzone div.dz-size,
	.dz-form.dropzone div.dz-size {
		display: none !important;
	}

	.dz-filename {
		font-size: 12px;
	}

/* Skill matrise */
	#wrapper-applicant div.question_type_25 div.answer_col label {
		display: block;
	}

/* Cookies */
	.cookie-description,
	.cookie-settings-description {
		font-size: 15px;
	}

	.cookie-settings-description h3 {
		font-size: 15px;
	}
}

@media only screen and (max-width: 560px),
only screen and (max-device-width: 560px) {
	select[name="aid"] {
		margin-right: 5%;
		margin-left: 5%;
		margin-top: 10px;
		margin-bottom: 10px;
	}

	#wrapper-applicant div.a-rj div.cont15 div.ap_footer,
	#wrapper-applicant div.a-a div.cont15 div.ap_footer {
		margin-right: auto;
		margin-left: auto;
	}

	#wrapper-applicant div#job-notify-friend {
		margin-right: auto;
		margin-left: auto;
		margin-bottom: 10px;
	}

	#wrapper-applicant div.ap_top_login,
	#wrapper-applicant div.ap_link_to_job_list {
		max-width: 100%;
		margin: 25px 0 0 0;
		text-align: center;
		padding: 0 10px;
	}

	#applicant-login-view-right div.ap_login {
		padding-top: 0;
		padding-bottom: 0;
	}

	div.ap-login-wide {
		padding: 20px 10px;
	}

	div#wrapper-applicant div.ap_job_login .applicant-prefill-info input {
		max-width: 250px;
		width: 100%;
	}

/* Cookies*/
	.cookie-settings-description,
	input.cookie-input {
		font-size: 10px;
	}

	input.cookie-input {
		width: 150px;
		height: 40px;
	}

	.cookie-button {
		background-position-x: 20px !important;
	}
}

@media only screen and (max-width: 420px) {
	#wrapper-applicant div.sectiontitle {
		word-break: break-word;
	}

	html.html-applicant {
		background-image: none !important;
	}

	body.body-applicant #wrapper-applicant {
		box-shadow: none;
		top: 0;
	}

	#wrapper-applicant table#auto_list_table_open_jobs {
		width: 92%;
	}

	#wrapper-applicant div#laura-register-specification,
	#wrapper-applicant div#laura-register-specification div#laura-small-logo,
	#wrapper-applicant div#laura-rekrytointicom-logo,
	#wrapper-applicant div#register-specification-text,
	#wrapper-applicant div#applicant-footer-accessibility,
	#wrapper-applicant div#applicant-footer-cookies {
		width: 100%;
		text-align: center;
		padding: 0;
		margin: 0;
	}

	#wrapper-applicant div.attachment_row iframe {
		width: 100%;
	}

	#wrapper-applicant div.auto_list table.page_selection td.first {
		clear: left;
	}

	div#footer-applicant {
		height: auto;
	}

	html.html-applicant #wrapper-applicant {
		margin-top: 0;
		padding: 0;
	}

	body.body-applicant #wrapper-applicant div.ap_languages {
		margin: 0;
	}

	#wrapper-applicant div.answer_col span.day,
	#wrapper-applicant div.answer_col span.month,
	#wrapper-applicant div.answer_col span.year,
	#wrapper-applicant div.answer_col span.hours,
	#wrapper-applicant div.answer_col span.mins {
		min-width: 32%;
	}

	#wrapper-applicant div#register-specification-text {
		padding: 12px 0 20px;
	}

	#wrapper-applicant div#applicant-footer-accessibility,
	#wrapper-applicant div#applicant-footer-cookies {
		padding-bottom: 20px;
	}

	div.ap_top_login,
	div.ap_link_to_job_list,
	div.ap_register_specification {
		max-width: 360px;
	}
}

@media only screen and (max-width: 360px) {
/* Cookies */
	.cookie-buttons,
	.cookie-settings-buttons {
		flex-direction: column;
	}

	.cookie-settings,
	.cookie-save {
		margin-right: 0;
		margin-bottom: 5px;
	}
}

@media only screen and (max-width: 330px) {
	#wrapper-applicant div.cont13 {
		padding: 0;
	}

	#wrapper-applicant form.application_form {
		margin: 2px;
	}
}

/* END of Responsive design for the applicant side. ***DO NOT ADD NEW STYLES BELOW THIS!*** Add them before the Responsive design media queries begin */