@import './filter_style.css';
@import './form_style.css';

a {
	color: #41649F;
}

a:hover, a:focus {
	color: #7EAAE6;
	text-decoration: none;
}

.pagination-input {
	background: #fff;
	height: 2.375em;
	border: 1px solid rgba(0, 0, 0, 0.25);
	border-radius: 0.2em 0 0 0.2em;
	outline: none;
	padding-left: 1em;
	box-sizing: border-box;
	position: relative;
	display: inline-block;
}

.pagination-input:focus {
	box-shadow: 0 0.125em 0.625em 0 rgba(92, 94, 103, 0.25);
	border-color: rgba(92, 94, 103, 0.65);
	border-radius: 0.2em 0 0 0.2em;
}

.pagination-label {
	padding: 0.4em 0.5em;
	margin-right: 0.75em;
	font-weight: normal;
}

.pagination-btn {
	position: relative;
	height: 2.375em;
	outline: none;
	left: -0.1em;
	background-color: #778da9!important;
	color: #fff;
	cursor: pointer;
	border-radius: 0 0.2em 0.2em 0!important;
	margin: 0 1em 0 0!important;
}

.pagination-btn:hover, .pagination-btn:focus, .pagination-btn:active {
	color: #fff!important;
	box-shadow: 0 0.125em 0.625em 0 rgba(92, 94, 103, 0.25);
	outline: none!important;
}

.vertical-divider {
	border-left: 1px solid rgba(92, 94, 103, 0.4);
	margin-right: 0.9em;
	font-size: 1.3em;
}

.birthday-image {
	height: auto;
	max-width: 100%;
}

.modal-xl {
	width:1200px
}

img.outgoing-call, img.incoming-call {
	width: 1.2em;
	height: 1.2em;
	margin: 0.15em 0.5em 0.5em 0.2em;
	background-color: #fff;
}

#cke_candidate_note, #cke_recipient_note, #cke_candidate_send_mail_text, #cke_recipient_send_mail_text {
	margin-top: 0.5em;
	border-radius: 0.2em;
}

.candidate-status-icon {
	padding-right: 0.35rem;
}

.btn {
	line-height: 1.5;
	text-decoration: none;
	cursor: pointer;
	border: 1px solid transparent!important;
	border-radius: 0.3rem;
	margin: 0;
}

.btn-danger {
	background-color: #e62321;
	color: #fff;
}

.btn-blue {
	background-color: #41649F;
	color: #fff;
}

.btn-primary {
	background-color: #778da9;
	color: #fff;
}

.btn-blue:hover, .btn-blue:focus, .btn-blue:active, .btn-blue:active:hover, .btn-blue:focus-visible {
	background-color: #81A5D5!important;
	border-color: transparent;
	color: #fff;
	box-shadow: inset 0 2px 3px #878ead;
	text-decoration: none;
	outline: none!important;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary:active:focus, .btn-primary:focus-visible {
	background-color: #8EA0B8!important;
	color: #fff!important;
	box-shadow: inset 0 2px 3px #8296B0;
	border: 1px solid #8EA0B8;
	text-decoration: none;
	outline: none;
}

#btn-submit-searchbar {
	float: right;
	margin-right: 4.25rem;
}

#btn-submit-company {
	float: right;
	margin-right: 5.15rem;
}

#btn-submit-jobs {
	float: right;
	margin-right: 4.1rem;
}

#btn-submit-opening {
	float: right;
	margin-right: 5.25rem;
}

.searchbar-element {
	padding-left: 0.15em;
	padding-right: 0.3em;
}

#select-input-sm, #select-input-md {
	white-space: nowrap;
	width: 10%;
	padding-right: 0.5em;
	padding-top: 0.675em;
	padding-bottom: 0.5em;
}

#select-input-lg {
	float: left;
	padding-right: 0.5em;
	max-width: 60em;
}

.search-box input {
	position: relative;
	display: inline-block;
	box-sizing: border-box;
}

.search-box input[type=text] {
	background: #fff;
	width: 9.75em;
	height: 2.05em;
	border: 0.03125em solid #CCCCCC;
	outline: none;
	border-radius: 0 0.3rem 0.3rem 0;
	padding: 0 0.75em;
}

#select-input-lg > input[type=text] {
	background: #fff;
	width: 25.2em;
	height: 2.05em;
	border: 0.03125em solid #CCCCCC;
	outline: none;
	border-radius: 0 0.3rem 0.3rem 0;
	padding: 0 0.75em;
}

.search-box select {
	position: relative;
	border: 0.03125em solid #CCCCCC;
	outline: none;
	background: #F3F3F3;
	padding: 0.3em 0.3em 0.25em;
	border-radius: 0.3rem 0 0 0.3rem;
	margin: -0.125em;
	right: -0.35em;
	border-right: 0.5em solid #f3f3f3;
}

#filter_user + .select2-container .select2-selection--multiple {
	border-radius: 0 0.3rem 0.3rem 0;
	padding-bottom: 0.2em;
}

span>.select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 1.9em;
}

span>.select2-container .select2-selection--single {
	height: 2.01em;
}

span>.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 1.875em;
}

#legend-toggle:hover, #legend-toggle:focus {
	color: #41649F;
}

.hidden {
	display: none;
	visibility: hidden;
}

.input-workload-part-time> input[type='text'] {
	width: 14%!important;
	padding-left: 0.75em;
	border-radius: 0.2em;
	outline: 0;
}

input[type=submit]{
	border-radius: 0.3rem;
}

.switch-workload {
	float: right;
	margin-right: 23.5em;
	margin-top: 0.2em;
}

#part-time-value {
	position: absolute;
	font-weight: inherit;
	margin-top: 0.45em;
	margin-left: 2.4em;
	opacity: 60%;
}

.part-time-type-toggle
{
	position: absolute;
	visibility: hidden;
}

.part-time-type-toggle + label
{
	display: block;
	position: relative;
	cursor: pointer;
	outline: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

input.part-time-type-toggle-round-flat + label
{
	padding: 0.125em;
	width: 4em;
	height: 1.875em;
	background-color: #dddddd;
	-webkit-border-radius: 3.75em;
	-moz-border-radius: 3.75em;
	border-radius: 3.75em;
	-webkit-transition: background 0.4s;
	-moz-transition: background 0.4s;
	-o-transition: background 0.4s;
	transition: background 0.4s;
}

input.part-time-type-toggle-round-flat + label:before, input.part-time-type-toggle-round-flat + label:after
{
	display: block;
	position: absolute;
	content: "";
}

input.part-time-type-toggle-round-flat.percent + label:after {
	content: "%";
	text-align: center;
	color: #5c5e67;
}

input.part-time-type-toggle-round-flat.hours + label:after {
	content: "h";
	text-align: center;
	color: #fff;
}

input.part-time-type-toggle-round-flat + label:before
{
	top: 0.125em;
	left: 0.125em;
	bottom: 0.125em;
	right: 0.125em;
	background-color: #fff;
	-webkit-border-radius: 3.75em;
	-moz-border-radius: 3.75em;
	border-radius: 3.75em;
	-webkit-transition: background 0.4s;
	-moz-transition: background 0.4s;
	-o-transition: background 0.4s;
	transition: background 0.4s;
}

input.part-time-type-toggle-round-flat + label:after
{
	top: 0.25em;
	left: 0.25em;
	bottom: 0.25em;
	width: 1.375em;
	background-color: #dddddd;
	-webkit-border-radius: 3.25em;
	-moz-border-radius: 3.25em;
	border-radius: 3.25em;
	-webkit-transition: margin 0.4s, background 0.4s;
	-moz-transition: margin 0.4s, background 0.4s;
	-o-transition: margin 0.4s, background 0.4s;
	transition: margin 0.4s, background 0.4s;
}

input.part-time-type-toggle-round-flat:checked + label
{
	background-color: #5c5e67;
}

input.part-time-type-toggle-round-flat:checked + label:after
{
	margin-left: 2.125em;
	background-color: #5c5e67;
}

.tooltip-info {
	position: relative;
	display: inline-block;
	opacity: 100%;
}

.tooltip-info .tooltip-info-text {
	visibility: hidden;
	width: max-content;
	font-weight: normal;
	background-color: #888B96;
	color: #ebebeb;
	border: 1px solid #888B96;
	border-radius: 0.375em;
	padding: 0.3125em;
	position: absolute;
	z-index: 1;
	top: -0.5em;
	left: 150%;
}

.va-top {
	vertical-align: top;
}

.tooltip-info:hover .tooltip-info-text {
	visibility: visible;
}

.tooltip-info .tooltip-info-text::after {
	content: " ";
	position: absolute;
	top: 50%;
	right: 100%;
	margin-top: -0.3125em;
	border-width: 0.3125em;
	border-style: solid;
	border-color: transparent #888B96 transparent transparent;
}

.alert-red {
	color:#e91e63
}

.alert-green {
	color:yellowgreen;
}

@media only screen and (min-width: 1400px) {
	#btn-submit-searchbar {margin-right: 13rem!important;}
	#btn-submit-opening {margin-right: 12.7rem!important;}
	#btn-submit-company {margin-right: 12.5rem!important;}
	#btn-submit-jobs {margin-right: 11.5rem!important;}
	.searchbar-element {padding-right: 0.5em;}
	#select-input-sm>input {width: 11.25em!important;}
	#select-input-md>input {width: 18em!important;}
	#select-input-lg>input {width: 33.4em!important;}
	.btn-submit {margin-right: 13rem!important;}
	.column-postal-code {max-width: 19em;}
	.column-excluded-companies {width: 15em;}
	.switch-workload{margin-right: 74.75em; margin-top: 0.25em;}
	.input-workload-part-time> input[type='text'] {width: 7%!important; padding-bottom: 0.2em; padding-left: 0.9em;}
	#part-time-value {margin-top: 0.45em; margin-left: 2.75em;}
}

.switch {
	height: 0;
	width: 0;
	visibility: hidden;
}

.switch + label {
	cursor: pointer;
	text-indent: -9999px;
	width: 40px;
	height: 20px;
	background: red;
	display: block;
	border-radius: 20px;
	position: relative;
}

.switch + label:after {
	content: '';
	position: absolute;
	top: 1px;
	left: 1px;
	width: 18px;
	height: 18px;
	background: #fff;
	border-radius: 18px;
	transition: 0.3s;
}

input.switch:checked + label {
	background: mediumspringgreen;
}

input.switch:disabled + label {
	background: grey;
}

input.switch:checked + label:after {
	left: calc(100% - 1px);
	transform: translateX(-100%);
}

.switch + label:active:after {
	width: 39px;
}

.visually-hidden {
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	height: 1px;
	overflow: hidden;
	position: absolute;
	white-space: nowrap;
	width: 1px;
}