:root{
  --font-family: Arial, Verdana, sans-serif;

  /* neutrals */
  --tertiary:#fbfbfb;
  --tertiary-2:#cccccc;
  --tertiary-3:#f3f3f3;

  /* status */
  --success:#87c392;
  --warning:#ebd585;
  --danger:#f1416c;

  /* defaults (will be overridden per domain below) */
  --recruiters-brand:#00abc0;
  --recruiters-brand-active:#59c9d6;
  --secondary-brand:#eb6624;
  --secondary-brand-hover:#fd8245;
  --recruiter-brand-2:#00B0FF;
}

html.brand-hiredonline{
 /* --recruiters-brand:#00abc0;
  --recruiters-brand-active:#59c9d6;*/
  --recruiters-brand:#eb6624;
  --recruiters-brand-active:#fd8245;

  --secondary-brand:#eb6624;
  --secondary-brand-hover:#fd8245;
}

html.brand-brumjobs{
  --recruiters-brand:#000e2c;   
  --recruiters-brand-active:#092155;
  --recruiter-brand-2:#00B0FF;
  --secondary-brand:#FF1E00;      
  --secondary-brand-hover:#e91e03;   
}

:root{
  --kt-primary: var(--recruiters-brand);
  --kt-primary-active: var(--recruiters-brand-active);

  --kt-text-primary: var(--recruiters-brand);

  --kt-input-solid-bg:#ffffff;
  --kt-input-solid-bg-focus: var(--tertiary);

  --bs-btn-hover-bg: var(--secondary-brand);
  --bs-btn-active-bg: var(--secondary-brand);
  --bs-btn-hover-color:#fff;
  --bs-btn-active-color:#fff;

  --kt-app-bg-color: var(--tertiary) !important;
  --bs-nav-link-font-size:1.3rem;
}

.criteria-group {
	width: 100%;
	margin-bottom: 60px;
}

.criteria-row {
	padding: 14px 16px 16px;
	background: var(--bs-body-bg, #ffffff);
	border: 1px solid var(--bs-border-color, #e4e6ef);
	border-radius: 0.75rem;
	box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

.criteria-input-display.form-control[disabled] {
	background-color: var(--bs-gray-100, #f5f8fa);
	color: var(--bs-gray-800, #181c32);
	opacity: 1;
	cursor: default;
}

.criteria-slider-wrap {
	max-width: 420px;
}

.criteria-slider-label {
	color: var(--bs-gray-700, #3f4254);
	font-size: 0.95rem;
}

.criteria-slider {
	width: 100%;
	margin: 0;
	accent-color: var(--bs-primary, #009ef7);
}

.criteria-slider:disabled {
	opacity: 0.95;
}

.criteria-slider::-webkit-slider-runnable-track {
	height: 6px;
	background: linear-gradient(
		90deg,
		rgba(0, 158, 247, 0.18) 0%,
		rgba(0, 158, 247, 0.28) 100%
	);
	border-radius: 999px;
}

.criteria-slider::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background: #ffffff;
	border: 4px solid var(--bs-primary, #009ef7);
	margin-top: -6px;
	box-shadow: 0 0.2rem 0.5rem rgba(0, 0, 0, 0.12);
}

.criteria-slider::-moz-range-track {
	height: 6px;
	background: linear-gradient(
		90deg,
		rgba(0, 158, 247, 0.18) 0%,
		rgba(0, 158, 247, 0.28) 100%
	);
	border-radius: 999px;
}

.criteria-slider::-moz-range-thumb {
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background: #ffffff;
	border: 4px solid var(--bs-primary, #009ef7);
	box-shadow: 0 0.2rem 0.5rem rgba(0, 0, 0, 0.12);
}

.criteria-slider-scale {
	display: flex;
	justify-content: space-between;
	margin-top: 8px;
	padding: 0 2px;
	color: var(--bs-gray-600, #7e8299);
	font-size: 1.15rem;
	font-weight: 600;
	user-select: none;
	max-width: 100%;
}

.criteria-slider-help {
	margin-top: 8px;
	color: var(--bs-gray-600, #7e8299);
	font-size: 1.05rem;
	line-height: 1.4;
}

.auth-bg {
	background-color:#000e2c;
}

.btn{
	border-radius: 0;
}

body, html {
	font-weight: normal;
	font-family: var(--font-family);
}

.text-secondary-link{
	color: var(--secondary-brand);
}

.text-secondary-link:hover {
	color: var(--secondary-brand)!important;
	text-decoration: underline !important;
}

.jq-tip-dialog{
	position: absolute;
	background-color: rgb(92, 176, 223);
	display: none;
	border-radius: 4px;
	z-index: 1000; 
}

.jq-tip-dialog h1{
	margin: 0;
	font-size: 15px;
	color: #fff;
	padding: 5px 0 5px 5px;
}

.jq-tip-dialog .wrapper{
	padding: 0 3px 3px 3px;
}

.jq-tip-dialog .wrapper > div{
	background-color: rgb(246, 246, 246);
}

.jq-tip-dialog .wrapper > div .jq-tip-content{
	padding: 5px;
	margin: 0;
	font-size: 14px;
	overflow-y: auto;
	word-wrap: break-word;
}

/* START: Custom Form */
.form-control.form-control-solid,.form-select.form-select-solid,.form-select.form-select-solid:active{
	border: 1px solid var(--tertiary-2)!important;
	font-size: 1.2rem;
	background-color: white;
}

.select2-container--bootstrap5.select2-container--disabled .form-select, .select2-selection__rendered{
	background-color: white;
    color: var(--kt-input-solid-color)!important;
}

.select2-container--bootstrap5.select2-container--disabled .form-select .select2-selection__rendered{
    color:var(--kt-input-solid-color)!important;
}

#jobCategory:focus,#jobPostcode:focus,#jobHours:focus,#jobSalaryRange:focus,#recruiterType:focus,#recruiterParent:focus{
	border-color:var(--tertiary-2)!important;
}

/* END: Custom Form */

/* Auth page */
.auth-shell{
  max-width: 1100px;  
  margin: 0 auto;
  width: 100%;
}

.card{
	border: 1px solid var(--tertiary-3);
}

.card .card-body {
    padding: 2rem 3.25rem 3rem 3.25rem;
}

.row > .card > .card-header{
	padding-right:0px;
}

i.validation.danger,
i.validation.success {
	display: none;
}

i.validation.awaiting {
	display: inline;
}

i.validation.danger {
	color: var(--kt-danger) !important;
}

i.validation.success {
	color: var(--kt-success) !important;
}

i.validation.awaiting {
	color: var(--kt-text-muted) !important;
}

i.validation.danger.visible,
i.validation.success.visible {
	display: inline;
}

i.validation.awaiting.invisible {
	display: none;
}

.validation.alert-danger {
	display: none;
}

.alert-danger, .text-danger{
	border: 0;
	background-color: transparent;
	font-size: 1.2rem;
}

.fa-exclamation-circle{
	cursor: pointer;
	color: #eb662487 !important;
}

/* END: Custom Form Validations  */

/* START: Applications Styling */

#applications-list {
	display: flex;
	flex-direction: column;
	max-height: 100vh;
	overflow-x: hidden;
	overflow-y: auto;
}

#applications-list .card-body {
	padding: 7px;
}

.application .application-name {
	font-weight: 600;
}

.application .application-name.application-viewed {
	font-weight: 400;
}

.card.application {
	min-width: 210px;
	border-left: solid transparent 11px;
	transition: all 0.25s ease-in-out;
}

.card.application.active {
	border-left: solid var(--kt-primary) 11px;
}

.card.application:not(.card.application.active):hover {
	border-left: solid var(--kt-gray-500) 11px;
}

.card.application a.selection {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.box-number {
	display: inline-block;
	vertical-align: middle;
}

.box-number .number {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: auto;
	width: 26px;
	height: 26px;
	background-color: var(--kt-primary);
	color: #fff;
	font-size: 12px;
	font-weight: 600;
	border-radius: 50%;
}

.box-number:hover .number:hover {
	background-color: var(--kt-primary-active) !important;
}

.nav-item:hover, .nav-item:active, .nav-item .active {
	border-bottom-color: var(--secondary-brand)!important;
}

.nav-link:hover {
	color: var(--secondary-brand-hover) !important;
	border-bottom: 2px solid var(--secondary-brand-hover) !important;
}

table .box-number:hover .number,
.nav-link.active .box-number .number,
.nav-link:hover .box-number .number {
	background-color: var(--secondary-brand);
}

.btn.btn-circle {
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	border: 1px solid var(--kt-gray-500) !important;
	padding: 0.5rem !important;
	width: 35px;
	height: 35px;
}

.btn.btn-circle:hover {
	border: 1px solid var(--kt-primary) !important;
}

.btn.btn-circle:hover i {
	color: var(--kt-primary) !important;
}

.btn.btn-circle i {
	margin: auto;
	padding: 0;
}

.btn-secondary-branded{
	background-color: var(--secondary-brand);
	color: #ffffff;
}

.btn-secondary-branded:hover{
	background-color: var(--secondary-brand-hover);
	color: #ffffff;
}

#viewer-status {
	background-color: var(--kt-gray-300);
	border-radius: 0.625rem;
	padding: 7px;
	font-style: italic;
}

.width-40{
	width:40%;
}
.width-60{
	width:60%;
}

.rating .single-rate {
	cursor: pointer;
	color: var(--tertiary-2);
}

.rating .single-rate.checked {
	color: var(--recruiters-brand);
}

.rating-ai{
	color:#ffffff;
	font-size: 0.9rem;
	background-color: var(--recruiter-brand-2);
}

#side_ai_summary span {
    color: #ffffff;
}

#applicant_ai_summary {
    border: 0 !important;
    box-shadow: none !important;
	background-color: #009ef703;
    outline: none;
	font-size: 1.25rem;
	line-height: 2rem;
}

.form-check-input{
	background-color: #fff !important;
    border: 1px solid #d3d3d3 !important; /* Light grey border */
}

.form-check-input:checked {
	background-color: #fba981 !important;
}

.form-check-input:checked+label{
	color:#000000 !important;
}

@media only screen and (max-width: 767px) {
	#applications-list {
		flex-direction: row;
		overflow-x: auto;
		overflow-y: hidden;
		padding: 6px;
	}
}

@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1600px;
    }
	#myTabContent{
		max-width:1100px;
	}
}

@media (min-width: 992px) {
    :root {
        --kt-app-sidebar-width: 200px;
        --kt-app-sidebar-width-actual: 200px;
    }
}

@media only screen and (min-width: 320px) {
	div::-webkit-scrollbar {
		height: 5px;
		width: 5px;
	}
	
	div::-webkit-scrollbar-thumb {
		background-color: var(--kt-gray-300);
		border-radius: 7px;
	}

	div:hover::-webkit-scrollbar-thumb {
		background-color: var(--kt-gray-400);
	}
}

/* END: Applications Styling */

/* START: Application Registration Styling */

#application a:not(a.btn) {
	color: #eb6624 !important;
}

#application p {
	font-size: 15px;
}

#application .key-details,
#application .key-details i {
	font-size: 13px;
}

.alert.alert-applicants {
	background-color: #eb6624;
	border-color: #eb6624;
	color: #fff;
	overflow: hidden;
	transition: all 0.35s ease-out;
}

.alert.alert-applicants i {
	color: #eb6624;
}

.alert.alert-applicants ul {
	list-style: none;
	margin: 0;
}

.alert.alert-applicants .unhovered {
	font-weight: 600 !important;
}

.alert.alert-applicants ul {
	max-height: 0px;
	color: #eb6624 !important;
	visibility: hidden;
	transition: all 0.35s ease-in-out;
}

.alert.alert-applicants:hover {
	background-color: #f8d0bd;
	color: #eb6624;
}

.alert.alert-applicants:hover ul {
	max-height: 300px;
	visibility: visible;
}

.btn-applicants-primary {
	color: #fff;
	background-color: #eb6624;
	transition: all 0.2s ease-in;
}

.btn-applicants-primary:hover,
.btn-applicants-primary:focus {
	color: #fff;
	background-color: #f8d0bd !important;
}

.my-menu-icons,
.my-menu-captions {
    display: flex;
    justify-content: space-between;
}

.my-menu-icons {
    align-items: center;
}

.my-menu-item {
    color: #25282b;
    font-weight: 600;
    text-align: center;
    width: 100%;
}

.my-menu p {
    color: #25282b;
    font-size: 14px;
    margin: 5px 0 0 0;
}

.my-menu-item i {
	color: #25282b;
    font-size: 25px;
}

.my-menu-icons hr {
	border-color: #25282b;
    width: 80%;
    border-radius: 25px;
    border-width: 5px;
    margin: 0 0.5rem;
}

.my-menu-captions hr {
    width: 80%;
    border-radius: 25px;
    border-width: 2px;
    border-color: transparent !important;
    margin: 0 0.5rem;
}

.my-menu .circle-container {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    margin: auto;
    border-radius: 50%;
    border: 3px solid;
}

.my-menu-item.active {
    color: #fff;
}

.my-menu-item.active p {
    color: #fff;
}

.my-menu-item.active i {
	color: #fff;
}

.my-menu-icons hr.active {
    border-color: #fff;
}

#rejectionSubmit{
	margin: 12px 0px 90px 0px;
}

/* END: Application Registration Styling */

.logoHolder img {
	margin: auto; 
	max-width: 95%; 
	max-height: 125px;
}

/* START: BUTTONS AND BADGES */

.btn.btn-xs {
	padding: calc(0.275rem + 1px) calc(1.25rem + 1px) !important;
	margin: 4px 0 4px 0;
}

.badge{
	background-color: #d3d3d3;
	color:#ffffff;
	border-radius: 0;
	text-align:center;
	min-width:52px;
	display:block;
	font-weight:normal;
}

.badge-cvlibrary {
	border-radius: 50%!important;
	background-color: #CCC;
	color: #ffffff;
	min-width:auto!important;
}

.badge-totaljobs {
	border-radius: 50%!important;
	background-color: #CCC;
	color: #ffffff;
	min-width:auto!important;
}

.badge-monster {
	border-radius: 50%!important;
	background-color: #CCC;
	color: #ffffff;
	min-width:auto!important;
}

.badge-reed {
	border-radius: 50%!important;
	background-color: #CCC;
	color: #ffffff;
	min-width:auto!important;
}

.badge-jobg8 {
	border-radius: 50%!important;
	background-color: #CCC;
	color: #ffffff;
	min-width:auto!important;
}

.badge-hired {
	border-radius: 50%!important;
	background-color: #CCC;
	color: #ffffff;
	min-width:auto!important;
}

.badge-general {
	border-radius: 50%!important;
	display: inline-flex;
	min-width:auto!important;
}

.badge-success{
	background-color: var(--success);
}

.badge-warning{
	background-color: var(--warning);
}

.badge-danger{
	background-color: var(--danger);
}

/* END: BUTTONS AND BADGES */

button.deleteUserButton {
	border: none;
	width: 100%;
	background-color: transparent;
	color: red !important;
	font-weight: bold;
}

button.deleteUserButton:hover {
	background-color: #fff5f8 !important;
}

/*Tinymce Custom CSS */

.mce-content-body p{
	color: var(--kt-input-solid-color);
	font-weight: 500;
	font-size:14.4px;
	line-height: 1.5rem;
}

input[name="rejectionEmailGreeting"], input[name="rejectionEmailRe"], input[name="rejectionEmailRecruiterName"]{
	padding-left:0px;
}

[type=validate] {
	-webkit-appearance: button;
}

.h-50px {
	height: 50px !important;
}

/* Calendar Picker Changes */

.input-container-date input {
    border: none;
    box-sizing: border-box;
    outline: 0;
    padding: .75rem;
    position: relative;
    width: 100%;
}

.input-container-date input[type="date"]::-webkit-calendar-picker-indicator {
    background: transparent;
    bottom: 0;
    color: transparent;
    cursor: pointer;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}
.fa-t .fa-tick-list {
    list-style: none;
    padding-left: 0;
    margin: 0;
}
.fa-tick-list{
	padding-left: 0;
}
.fa-tick-list li {
    margin-bottom: 6px;
    font-size: 15px;
    display: flex;
    align-items: center;
}

.fa-tick-list li i {
    color:  var(--secondary-brand);
    margin-right: 12px;
    font-size: 18px;   /* makes the tick larger */
    font-weight: bold; /*  boldens the tick */
}

.form-label{
	font-size:1.2rem !important;
	font-weight: bold !important;
	margin-top: 2rem !important;
}

/* Currently hovered/focused option */
body li.select2-results__option--highlighted {
	background-color: white !important; 
	color: #eb6624 !important;
	font-size: 1.2rem;
}

/* Selected + hovered (when navigating back to selected) */
body li.select2-results__option--highlighted.select2-results__option--selected {
	color: #eb6624 !important;
	background-color: #f7f7f7 !important;
	font-size: 1.2rem;
}

/* Selected but NOT hovered (removes blue when another is focused) */
body li.select2-results__option--selected:not(.select2-results__option--highlighted) {
	background-color: #f7f7f7 !important;
	color: #333 !important;
	font-size: 1.2rem;
}
.select2-search__field{
	font-size: 1.2rem !important;
}

.select2-results{
	font-size: 1.2rem !important;
}