:root {
	--elev8-primary: #054391;
	--elev8-primary-bg: #e9eef5;
	--elev8-dark: #1a2839;
	--elev8-secondary-80p-font-2: #1a2839;
	--elev8-secondary-70p-font-3: #5f6974;
	--elev8-sec-30p-font-4: #b3b7bd;
	--elev8-sec-20p: #cccfd3;
	--elev8-sec-5p: #f2f3f4;
	--elev8-sec-3p-bg: #f7f8f8;
	--elev8-sec-1p: #fcfdfd;
	--elev8-ternary: #0095e8;
	--elev8-uni-color-1: #fff;
	--elev8-uni-color-2: #f2f3f4;
	--elev8-uni-color-3: #808791;
	--elev8-sections-bg: #fefefe;
	--elev8-red: #f52d2d;
	--elev8-red-bg: #feeaea;
	--elev8-Green: #46c038;
	--elev8-Grey: #545454;
	--elev8-Green-bg: #f6fcf5;
	--elev8-palette-1: #f9dd50;
	--elev8-palette-1-bg: #fefcef;
	--elev8-palette-2: #77e88f;
	--elev8-palette2-bg: #f4fdf6;
	--elev8-palette-3: #4ed1c4;
	--elev8-palette-3-bg: #f4fcfb;
	--elev8-Gradient-1-45pangle: #f4fcfb;
	--elev8-Gradient-2-45p-angle: #f4fcfb;
	--elev8-ter-40p: #99d5f6;
	--elev8-ter-30p: #b3dff8;
	--elev8-ter-20p: #99d5f6;
	--elev8-ter-10p: #e5f4fd;
	--elev8-ter-5p: #f2fafe;
	--elev8-ter-3p-bg: #f7fcfe;
	--elev8-ter-1p-bg: #fcfeff;
	--bs-dropdown-box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
	--bs-dropdown-bg: #ffffff;
}
body {
	background-color: #fff;
	scroll-behavior: smooth;
	/*margin-bottom: 40px;*/
}
a {
	color: var(--elev8-dark);
}
a.text-white{
	color: #fff;
}
.bg-elev8-dark {
	background-color: var(--elev8-dark) !important;
}
.text-elev8-dark {
	color: var(--elev8-dark) !important;
}
.text-elev8-secondary80p {
	color: var(--elev8-secondary-80p-font-2) !important;
}
.text-elev8-dark3 {
	color: var(--elev8-secondary-70p-font-3) !important;
}
.text-sec-30p-font-4 {
	color: var(--elev8-sec-30p-font-4) !important;
}
.btn-primary,
.btn.btn-primary,
.bg-primary,
.bg-elev8-primary {
	background-color: var(--elev8-primary) !important;
	color: #fff !important;
}
.btn-primary-light, .btn.btn-primary-light {
	background-color: var(--elev8-primary-bg) !important;
	color: var(--elev8-primary) !important;
}
.bg-btn,
.btn-dark,
.btn.btn-dark {
	background-color: var(--elev8-dark) !important;
	color: #fff !important;
}
.bg-dark {
	background-color: var(--elev8-dark) !important;
}
.bg-primary-light {
	background-color: var(--elev8-primary-bg) !important;
}
.bg-danger-light{
	background-color: #f9e6e4 !important;
}
.form-control, .form-select{
	font-size: 1rem ;
}
.menu-item .menu-link {
	padding: 0.65rem;
}
.menu-state-title-primary .menu-item .menu-link.active .menu-title {
	background-color: var(--elev8-primary) !important;
	color: white;
}
[type="checkbox"],
[type="radio"] {
	color: var(--elev8-primary) !important;
}
.text-primary {
	color: var(--elev8-primary) !important;
}
.text-ternary {
	color: var(--elev8-ternary) !important;
}
.text-dark {
	color: var(--elev8-dark) !important;
}
.text-red {
	color: var(--elev8-red) !important;
}
.red-bg {
	background-color: var(--elev8-red-bg) !important;
}
.bg-ter {
	background-color: var(--elev8-ter-10p) !important;
}
.bg-ternary {
	background-color: var(--elev8-ternary) !important;
}
.border-ternary {
	border-color: var(--elev8-ternary) !important;
}
.border-primary {
	border-color: var(--elev8-primary) !important;
}
.menu-link .menu-title {
	padding: 5px;
	height: 30px;
}
.menu-link.active .menu-icon {
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
	background-color: var(--elev8-primary) !important;
	fill: white !important;
}
.menu-link.active .menu-icon svg path {
	fill: white !important;
}
.svg-fill {
	background-color: var(--elev8-Grey) !important;
}
.active .svg-fill {
	background-color: var(--elev8-primary) !important;
	color: #fff !important;
}
.menu-state-bullet-primary .menu-item.show > .menu-link {
	background: rgb(255 255 255 / 10%);
	color: #fff;
}
.menu-state-title-primary .menu-item.show > .menu-link .menu-title {
	color: #fff;
}
.aside-menu .menu .menu-item .menu-content,
.aside-menu .menu .menu-item .menu-link {
	padding-right: 0;
}
.select2-container--bootstrap5.select2-container--focus .form-select-solid,
.select2-container--bootstrap5.select2-container--open .form-select-solid {
	background-color: #eff2f5;
	border: 1px solid #e4e6ef;
}
.select2-hidden-accessible.form-select {
	line-height: 6px;
}
.select2-hidden-accessible.form-select.form-select-solid,
.select2-container--bootstrap5.select2-container--focus .form-select-solid,
.select2-container--bootstrap5.select2-container--open .form-select-solid {
	background-color: #eff2f5;
	border: 1px solid #e4e6ef;
}
.btn-check:active + .btn.btn-primary,
.btn-check:checked + .btn.btn-primary,
.btn.btn-primary.active,
.btn.btn-primary.show,
.btn.btn-primary:active:not(.btn-active),
.btn.btn-primary:focus:not(.btn-active),
.btn.btn-primary:hover:not(.btn-active),
.show > .btn.btn-primary {
	background-color: var(--elev8-primary) !important;
	color: #fff !important;
}
.svg-icon.svg-icon-primary {
	color: var(--elev8-primary) !important;
}
.end-item-radius {
	border-bottom-left-radius: 40px;
}
.start-item-radius {
	border-bottom-right-radius: 40px;
}
.content {
	padding: 5px 0;
}
.menu-state-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled, .active, .here),
.menu-state-primary .menu-item:not(.here) .menu-link:hover:not(.disabled, .active, .here) {
	color: var(--elev8-primary) !important;
}
.btn-check:active + .btn.btn-active-primary,
.btn-check:checked + .btn.btn-active-primary,
.btn.btn-active-primary.active,
.btn.btn-active-primary.show,
.btn.btn-active-primary:active:not(.btn-active),
.btn.btn-active-primary:focus:not(.btn-active),
.btn.btn-active-primary:hover:not(.btn-active),
.show > .btn.btn-active-primary {
	background-color: var(--elev8-primary) !important;
	color: #fff !important;
}
.dropdown-item.active,
.dropdown-item:active {
	background-color: var(--elev8-primary) !important;
	color: #fff !important;
}
.dropdown-item.active a,
.dropdown-item:active a {
	color: #fff !important;
}
.stepper.stepper-pills .stepper-item .stepper-icon {
	background-color: #b5b5c3;
}
.stepper.stepper-pills .stepper-item.current .stepper-icon {
	background-color: var(--elev8-primary);
	color: #fff;
}
.menu-state-title-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled, .active, .here) .menu-title,
.menu-state-title-primary .menu-item:not(.here) .menu-link:hover:not(.disabled, .active, .here) .menu-title {
	color: var(--elev8-primary);
}
.menu-state-title-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled, .active, .here),
.menu-state-title-primary .menu-item:not(.here) .menu-link:hover:not(.disabled, .active, .here) {
	color: var(--elev8-primary);
}
.next-btn {
	border-radius: 0 50px 50px 0;
}
.previous-btn {
	border-radius: 50px 0 0 50px;
}
.scroll-div {
	max-height: 500px;
	overflow-y: scroll;
}
.border-radius-10 {
	border-radius: 10px;
}
.border-radius-40 {
	border-radius: 40px;
}
.border-radius-20 {
	border-radius: 20px;
}
.border-radius-24 {
	border-radius: 24px;
}
.border-radius-16 {
	border-radius: 16px;
}
.border-radius-12 {
	border-radius: 12px;
}
.border-radius-rb-12 {
	border-radius: 0 12px;
}
.kanban-board .kanban-drag {
	min-height: 2000px;
}
.text-active-primary.active {
	color: var(--elev8-primary) !important;
}
.nav-line-tabs .nav-item .nav-link.active,
.nav-line-tabs .nav-item .nav-link:hover:not(.disabled),
.nav-line-tabs .nav-item.show .nav-link {
	border-bottom: 1px solid var(--elev8-primary);
}
.btn.btn-active-light-primary.btn-outline:not(.btn-outline-default) {
	border-color: var(--elev8-primary) !important;
}
.btn-outline-primary {
	color: var(--elev8-primary);
	border: var(--elev8-primary);
}
.kanban-board .kanban-drag {
	padding: 10px;
}
.kanban-item {
	padding: 10px 5px;
}
.btn-ter {
	background-color: var(--elev8-primary-bg) !important;
	color: var(--elev8-primary) !important;
}
.pattarnbg {
	/*background-image: url("../../media/360reportassessments/titlebg.png");*/
}
.pattarnbigbg {
	/*background-image: url("../../media/360reportassessments/bigtitlebg.png");*/
}
.bg-dark-red {
	background-color: var(--elev8-red) !important;
}
.bg-green {
	background-color: var(--elev8-Green-bg) !important;
}
.bg-dark-green {
	background-color: var(--elev8-Green) !important;
}
.text-green {
	color: var(--elev8-Green) !important;
}
.bg-orange {
	background-color: #ff6d1c !important;
}
.text-orange {
	color: #ff6d1c !important;
}
.table-border th,
.table-border td {
	border: 1px solid var(--elev8-primary-bg) !important;
}
.bg-mainly-blue {
	background-color: #15465e !important;
}
.text-mainly-blue {
	color: #15465e !important;
}
.bg-sky-blue {
	background-color: #1d96bc !important;
}
.text-sky-blue {
	color: #1d96bc !important;
}
.bg-dark-gray {
	background-color: #efefef !important;
}
.bg-sec-3p-bg {
	background-color: var(--elev8-sec-3p-bg) !important;
}
.text-dark-gray {
	color: #efefef !important;
}
.bg-light-green {
	background-color: var(--elev8-palette-2) !important;
}
.text-light-green {
	color: var(--elev8-palette-2) !important;
}
.bg-dark-yellow {
	background-color: var(--elev8-palette-1) !important;
}
.text-dark-yellow {
	color: var(--elev8-palette-1) !important;
}
.bg-cyan {
	background-color: var(--elev8-palette-3) !important;
}
.text-cyan {
	/*color: var(--elev8-palette-3) !important;*/
	color: #08b8b8;
}
.breadcrumb .breadcrumb-item::after {
	content: url("../../media/svg/breadcrumb-sp.svg");
	padding-left: 0.5rem;
	color: var(--elev8-dark);
}
.breadcrumb .breadcrumb-item a {
	color: var(--elev8-dark);
}
.side-active {
	position: relative !important;
}
.side-active::before {
	background-image: url("data:image/svg+xml,%3Csvg width='18' height='52' viewBox='0 0 18 52' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18 0H0V3.24249e-05L18 3.15726e-05L18 0ZM0 52C0.00154405 51.9851 0.510725 47.1134 7.5 39.5417C14.5 31.9584 16 28.7084 16 26C16 23.2917 14.5 20.0417 8 13C1.50444 5.96317 0.00204817 0.00816781 0 4.07533e-05V52Z' fill='%23054391'/%3E%3C/svg%3E%0A") !important;
	position: absolute !important;
	left: 0 !important;
	top: 0 !important;
	content: "" !important;
	width: 18px !important;
	height: 52px !important;
}
.side-active .active .menu-title {
	background-color: #054391 !important;
	color: white !important;
}
.text-dark-blue {
	/*color: #1a2839;*/
	color: #181c32 !important;
}
.breadcrumb-border {
	border: 1px solid #E6E7E9;
	border-radius: 4px 21px 21px 4px;
}
.bg-no-bg {
	background-color: transparent;
}
.border-dark-blue {
	border-color: #1a2839;
}
.projects .accordion-button::after {
	display: none;
}
.projects .accordion-button:not(.collapsed) {
	color: white !important;
	background-color: #1a2839 !important;
	border-radius: 0.475rem 0.475rem 0 0;
}
.projects .accordion-button:not(.collapsed) div h4 div div {
	color: white !important;
}
.projects .accordion-button:not(.collapsed) div h4 div div span {
	color: #f2f3f4 !important;
}
.projects .accordion-button:not(.collapsed) div h4 div div span.badge {
	color: #1a2839 !important;
	background-color: white !important;
}
.projects .accordion-button:not(.collapsed) div div div:nth-child(2) a {
	background-color: white !important;
}
.projects .accordion-button:not(.collapsed) div div div:nth-child(3) a {
	background-color: white !important;
}
.projects .accordion-button:not(.collapsed) div div div:nth-child(2) a span i::before {
	content: "\f139";
}
.projects .accordion-button:not(.collapsed) div div div:nth-child(3) a span i::before {
	content: "\f139";
}
.bg-off {
	background-color: #f7f8f8;
}
.bg-fade {
	background-color: #fcfdfd;
}
.bg-fade-1 {
	background-color: #e9eef5 !important;
}
.bg-fade-2 {
	background-color: #f7f9fc;
}
.bg-dark-blue {
	background-color: #1a2839;
}
.btn-dark-blue {
	background-color: #1a2839;
	color: #fff;
}
.border-job {
	border-color: #5f6974;
}
.header-fixed:not([data-kt-sticky-header="on"]) .header .header-menu .menu > .menu-item > .menu-link .menu-title {
	color: #fff;
}
body:not([data-kt-sticky-header="on"]) .header .header-menu .menu > .menu-item.here > .menu-link,
body:not([data-kt-sticky-header="on"]) .header .header-menu .menu > .menu-item.show > .menu-link {
	color: #fff;
}
.header-fixed:not([data-kt-sticky-header="on"]) .header .header-menu .menu > .menu-item.hover > .menu-link:not(.disabled, .active),
.header-fixed:not([data-kt-sticky-header="on"]) .header .header-menu .menu > .menu-item > .menu-link:hover:not(.disabled, .active) {
	transition: color 0.2s ease, background-color 0.2s ease !important;
	background-color: rgb(255 255 255 / 10%) !important;
	color: #fff;
}
.menu-active-opacity-10 .menu-item .menu-link.active {
	transition: color 0.2s ease, background-color 0.2s ease !important;
	background-color: rgb(255 255 255 / 10%) !important;
}
@media (width <= 600px) {
	.logo-default {
		display: none;
	}
}
@media (width >= 992px) {
	div:hover, main:hover, ol:hover, pre:hover, span:hover, ul:hover {
		scrollbar-color: #1a2839 #eff2f5;
	}
}
@media (width >= 992px) {
	div, main, ol, pre, span, ul {
		scrollbar-width: thin;
		scrollbar-color: #1a2839 #eff2f5;
	}
}
.bg-dark {
	background: #1A2839 !important;
}
/*.assessing-cases {
	width: 100% !important;
	max-width: 75vw !important;
}*/
.badge-green {
	background-color: #46C038 !important;
}
.accordion-button::after {
	content: none !important;
}
.toggle.active .toggle-off {
	display: block !important;
}
.toggle.collapsible:not(.collapsed) .toggle-off {
	display: none !important;
}
.delete,
.delete-can {
	content: '';
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' fill='silver' class='bi bi-trash-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2.5 1a1 1 0 0 0-1 1v1a1 1 0 0 0 1 1H3v9a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V4h.5a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H10a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1H2.5zm3 4a.5.5 0 0 1 .5.5v7a.5.5 0 0 1-1 0v-7a.5.5 0 0 1 .5-.5zM8 5a.5.5 0 0 1 .5.5v7a.5.5 0 0 1-1 0v-7A.5.5 0 0 1 8 5zm3 .5v7a.5.5 0 0 1-1 0v-7a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E") !important;
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
}

input[type="number"] {
	appearance: textfield;
}
.form-select.single {
	border: none !important;
	padding: 0 !important;
	background-image: none !important;
}
.form-check-input:checked {
	background-color: #054391;
	border-color: #054391;
}
/* .nav {
	border-bottom: 12px solid #f7f8f8;
} */
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
	background: #f7f8f8;
	border: none !important;
	font-weight: 600;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	color: #011023;
}
.nav-link {
	font-weight: 600;
	font-size: 14px;
	line-height: 20px;
	color: #5f6974;
	border: none !important;
}
.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
	background: #f7f8f8;
	border: 0 !important;
	font-weight: 600;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	color: #011023;
}
.ex-select {
	border: 1px solid #011023 !important;
	border-radius: 40px !important;
	color: #011023;
}
.btn-check:active + .btn-outline-success,
.btn-check:checked + .btn-outline-success,
.btn-outline-success.active,
.btn-outline-success.dropdown-toggle.show,
.btn-outline-success:active {
	color: white !important;
	background-color: #46C038;
	border-color: #46C038 !important;
}
.btn-outline-success:hover {
	color: white !important;
	background-color: #46C038 !important;
	border-color: #46C038 !important;
}
.ex-select-danger {
	border: 1px solid #feeaea;
	background-color: #feeaea;
	color: #f52d2d;
}
.btn-check:active + .btn-outline-danger,
.btn-check:checked + .btn-outline-danger,
.btn-outline-danger.active,
.btn-outline-danger.dropdown-toggle.show,
.btn-outline-danger:active {
	color: white !important;
	background-color: #f52d2d;
	border: 1px solid #f52d2d !important;
}
.btn-outline-danger:hover {
	color: white !important;
	background-color: #f52d2d !important;
	border: 1px solid #f52d2d !important;
}
.btn-outline-danger:hover span svg path {
	fill: white !important;
}
.btn-red-danger {
	border: 1px solid #f52d2d !important;
	color: white !important;
	background-color: #f52d2d !important;
}
.btn-red-danger:hover {
	border: 1px solid #feeaea !important;
	background-color: #feeaea !important;
	color: #f52d2d !important;
}
.bg-fade-red {
	background-color: #feeaea !important;
}
.modal {
	overflow: hidden auto;
}
.bg-grey {
	background-color: #e6e7e9;
}
.border-green-success {
	border-color: #46C038 !important;
}
.border-red-danger {
	border-color: #f52d2d !important;
}
.text-red-danger {
	color: #f52d2d !important;
}
.order a.btn.disabled {
	opacity: 0.1;
}
.border-radius-start-40 {
	border-top-left-radius: 20px !important;
	border-bottom-left-radius: 20px !important;
}
.border-radius-end-40 {
	border-top-right-radius: 20px !important;
	border-bottom-right-radius: 20px !important;
}
.border-radius-opposite {
	border-top-right-radius: 1rem !important;
	border-bottom-left-radius: 1rem !important;
}
.sep-line {
	content: "";
	width: 2px;
	background-color: #b5b5c3 !important;
	height: 60%;
	left: 56%;
}
.sep-line1 {
	content: "";
	width: 2px;
	background-color: #b5b5c3 !important;
	height: 60%;
	left: 54%;
}
.mw-260px {
	max-width: 260px !important;
}
input.num::-webkit-outer-spin-button,
input.num::-webkit-inner-spin-button {
	appearance: none;
	margin: 0;
}
.w-3 {
	width: calc((100% / 3) - (2.5rem * 2));
}
.num {
	width: 73px;
	height: 43px;
	background: #fff;
	border: 1px solid #cccfd3;
	border-radius: 6px;
}
input.num::placeholder {
	text-align: center;
	white-space: normal;
	position: absolute;
}
.mw-88 {
	max-width: 88% !important;
}
.modal-closeBtn {
	border-radius: 0 40px 0 30px !important;
	background-color: #F52D2D !important;
}
.modal-head {
	background: #fcfcfc !important;
	border-bottom: 1px solid #f2f3f4 !important;
	border-left: 1px solid #f2f3f4 !important;
	border-right: 1px solid #f2f3f4 !important;
	border-radius: 0 0 24px 24px !important;
}
.timeline-label::before {
	left: 16px !important;
	height: 80%;
}
.min-width-45 {
	min-width: 45% !important;
}
.mw-1015px {
	max-width: 1015px;
}
.delete {
	content: '';
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' fill='silver' class='bi bi-trash-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2.5 1a1 1 0 0 0-1 1v1a1 1 0 0 0 1 1H3v9a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V4h.5a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H10a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1H2.5zm3 4a.5.5 0 0 1 .5.5v7a.5.5 0 0 1-1 0v-7a.5.5 0 0 1 .5-.5zM8 5a.5.5 0 0 1 .5.5v7a.5.5 0 0 1-1 0v-7A.5.5 0 0 1 8 5zm3 .5v7a.5.5 0 0 1-1 0v-7a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E") !important;
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
}
.dsc-text {
	display: -webkit-box;
	max-width: 100%;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	max-height: 120px !important;
}
.set-height {
	max-height: 500px !important;
}
.set-card-height {
	max-height: 550px !important;
}
.mw-48 {
	max-width: 48% !important;
	width: 48% !important;
}
.plus-btn {
	background-image: url("data:image/svg+xml,%3Csvg width='43' height='43' viewBox='0 0 43 43' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='43' height='43' rx='6' fill='%23EDF9EB'%3E%3C/rect%3E%3Cpath d='M21.5 11.5V31.5M11.5 21.5H31.5' stroke='%2346C038' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
	height: 43px;
	width: 43px;
}
.minus-btn {
	background-image: url("data:image/svg+xml,%3Csvg width='43' height='43' viewBox='0 0 43 43' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='43' height='43' rx='6' fill='%23FEEAEA'%3E%3C/rect%3E%3Cpath d='M11.5 21.5H31.5' stroke='%23F52D2D' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
	height: 43px;
	width: 43px;
}
.position-end {
	top: 20px !important;
	right: 20px !important;
}
@media (width <= 768px) {
	.timeline-label::before {
		height: 83%;
	}
	.mw-48 {
		max-width: 100% !important;
		width: 100% !important;
	}
}
.switch {
	width: 60px;
	height: 30px;
	position: relative;
	display: inline-block;
}
.switch input {
	display: none;
}
.slider {
	position: absolute;
	inset: 0;
	cursor: pointer;
	/*background-color: #054391;*/
	background-color: #B0B2B7;
	border-radius: 30px;
}
.slider::before {
	position: absolute;
	background-color: #fff;
	height: 20px;
	width: 20px;
	content: "";
	left: 5px;
	bottom: 5px;
	border-radius: 50%;
	transition: ease-in-out .5s;
}
.slider::after {
	content: "No";
	color: white;
	display: block;
	position: absolute;
	transform: translate(-50%, -50%);
	top: 50%;
	left: 60%;
	transition: all .5s;
	font-size: 10px;
	font-family: Verdana, sans-serif;
}
input:checked + .slider::after {
	transition: all .5s;
	left: 30%;
	content: "Yes";
}
input:checked + .slider {
	background-color: #054391;
}
input:checked + .slider::before {
	transform: translateX(30px);
}
.vertical-three-dots {
	background: transparent;
	border: none;
	outline: none;
	position: relative;
	padding: 0;
}
.vertical-three-dots .dot {
	background-color: white;
	border-radius: 50%;
	display: block;
	height: 5px;
	width: 5px;
	margin: 3px auto;
}
.dropdown-menu {
	margin-top: -5px;
	margin-left: -20px;
	border: none;
	box-shadow: 0 3px 15px rgb(0 0 0 / 10%);
	border-radius: 10px;
	padding: 5px 0;
}
.menu-item {
	padding: 5px;
}
.menu-link {
	color: #343a40;
	text-decoration: none;
	display: block;
}
.menu-link:hover {
	background-color: #f8f9fa;
}
button#case-options::after {
	display: none !important;
}
.btn-check:active + .btn-outline-danger,
.btn-check:checked + .btn-outline-danger,
.btn-outline-danger.active,
.btn-outline-danger.dropdown-toggle.show,
.btn-outline-danger:active {
	color: white !important;
	background-color: #f52d2d;
	border: 1px solid #f52d2d !important;
}
.border-red-danger {
	border-color: #f52d2d !important;
}
.position-end {
	top: 20px !important;
	right: 20px !important;
}
#notifDiv {
	z-index: 10000;
	display: none;
	background: green;
	font-weight: 450;
	width: 350px;
	position: fixed;
	top: 50%;
	left: 50%;
	color: white;
	padding: 5px 20px;
}
.modal-closeBtn {
	border-radius: 0 40px 0 30px !important;
	background-color: #F52D2D !important;
}
.border-green-success {
	border-color: #46C038 !important;
}
a.btn.disabled {
	opacity: 0.1;
}

.border-radius-start-40 {
	border-top-left-radius: 20px !important;
	border-bottom-left-radius: 20px !important;
}
.border-radius-end-40 {
	border-top-right-radius: 20px !important;
	border-bottom-right-radius: 20px !important;
}
.btn-check:active + .btn-outline-success,
.btn-check:checked + .btn-outline-success,
.btn-outline-success.active,
.btn-outline-success.dropdown-toggle.show,
.btn-outline-success:active {
	color: white !important;
	background-color: #46C038;
	border-color: #46C038 !important;
}
.btn-outline-success:hover {
	color: white !important;
	background-color: #46C038 !important;
	border-color: #46C038 !important;
}
.mw-260px {
	max-width: 260px !important;
}
input.num::-webkit-outer-spin-button,
input.num::-webkit-inner-spin-button {
	appearance: none;
	margin: 0;
}
input[type="number"]::placeholder {
	top: 0 !important;
}
.w-3 {
	width: calc((100% / 3) - (2.5rem * 2));
}

.modal-closeBtn {
	border-radius: 0 40px !important;
}
.timeline-label::before {
	left: 6px !important;
	height: 90%;
}
.min-width-45 {
	min-width: 45% !important;
}
.mw-48 {
	max-width: 48% !important;
}

.w-60 {
	width: 60% !important;
}
.set-height {
	max-height: 500px !important;
}
@media (width <= 767px) {
	.mw-48 {
		max-width: 100% !important;
	}
	.w-60 {
		width: 100% !important;
	}
}
.btn-check:active + .btn-outline-danger,
.btn-check:checked + .btn-outline-danger,
.btn-outline-danger.active,
.btn-outline-danger.dropdown-toggle.show,
.btn-outline-danger:active {
	color: white !important;
	background-color: #f52d2d;
	border: 1px solid #f52d2d !important;
}
.border-red-danger {
	border-color: #f52d2d !important;
}
.position-end {
	top: 20px !important;
	right: 20px !important;
}
.modal-closeBtn {
	border-radius: 0 40px 0 30px !important;
	background-color: #F52D2D !important;
}
.border-green-success {
	border-color: #46C038 !important;
}
a.btn.disabled {
	opacity: 0.1;
}

.border-radius-start-40 {
	border-top-left-radius: 20px !important;
	border-bottom-left-radius: 20px !important;
}
.border-radius-end-40 {
	border-top-right-radius: 20px !important;
	border-bottom-right-radius: 20px !important;
}
.btn-check:active + .btn-outline-success,
.btn-check:checked + .btn-outline-success,
.btn-outline-success.active,
.btn-outline-success.dropdown-toggle.show,
.btn-outline-success:active {
	color: white !important;
	background-color: #46C038;
	border-color: #46C038 !important;
}
.btn-outline-success:hover {
	color: white !important;
	background-color: #46C038 !important;
	border-color: #46C038 !important;
}
.mw-260px {
	max-width: 260px !important;
}
input.num::-webkit-outer-spin-button,
input.num::-webkit-inner-spin-button {
	appearance: none;
	margin: 0;
}
.w-3 {
	width: calc((100% / 3) - (2.5rem * 2));
}

.modal-closeBtn {
	border-radius: 0 40px !important;
}
.timeline-label::before {
	left: 6px !important;
	height: 90%;
}
.min-width-45 {
	min-width: 45% !important;
}
.mw-48 {
	max-width: 48% !important;
}

.set-height {
	max-height: 500px !important;
}
@media (width <= 767px) {
	.mw-48 {
		max-width: 100% !important;
	}
}
.page-item.active .page-link {
	color: #1a2839;
	background-color: #F7F8F8;
}
.page-item:hover:not(.offset) .page-link {
	color: #1a2839;
}
.page-item:hover:not(.offset) .page-link i {
	color: #1a2839;
}
.page-item.disabled .page-link, .page-item.disabled:hover .page-link,
.page-item.disabled .page-link i, .page-item.disabled:hover .page-link i {
	color: #5e6278;
}
:root {
	--ternary: #0095e8;
	--fade-ternary: #e9eef5;
	--very-dark-blue: #1a2839;
}
.bg-very-dark-blue {
	background-color: var(--very-dark-blue);
}
.text-very-dark-blue {
	color: var(--very-dark-blue);
}
.bg-fade-ternary {
	background-color: var(--fade-ternary);
}
.bg-ternary {
	background-color: var(--ternary);
}
.border-ternary1 {
	border-color: #0095e8 !important;
}

.modal-closeBtn {
	border-radius: 0 40px 0 30px !important;
	background-color: #F52D2D !important;
}
.btn-light-primary:hover svg,
.btn-light-primary:hover svg path {
	fill: white !important;
}
.btn-check:active + .btn-outline-danger,
.btn-check:checked + .btn-outline-danger,
.btn-outline-danger.active,
.btn-outline-danger.dropdown-toggle.show,
.btn-outline-danger:active {
	color: white !important;
	background-color: #f52d2d;
	border: 1px solid #f52d2d !important;
}
.border-red-danger {
	border-color: #f52d2d !important;
}
.position-end {
	top: 20px !important;
	right: 20px !important;
}
.modal-closeBtn {
	border-radius: 0 40px 0 30px !important;
	background-color: #F52D2D !important;
}
.border-green-success {
	border-color: #46C038 !important;
}
a.btn.disabled {
	opacity: 0.1;
}

.border-radius-start-40 {
	border-top-left-radius: 20px !important;
	border-bottom-left-radius: 20px !important;
}
.border-radius-end-40 {
	border-top-right-radius: 20px !important;
	border-bottom-right-radius: 20px !important;
}
.btn-check:active + .btn-outline-success,
.btn-check:checked + .btn-outline-success,
.btn-outline-success.active,
.btn-outline-success.dropdown-toggle.show,
.btn-outline-success:active {
	color: white !important;
	background-color: #46C038;
	border-color: #46C038 !important;
}
.btn-outline-success:hover {
	color: white !important;
	background-color: #46C038 !important;
	border-color: #46C038 !important;
}
.mw-260px {
	max-width: 260px !important;
}
input.num::-webkit-outer-spin-button,
input.num::-webkit-inner-spin-button {
	appearance: none;
	margin: 0;
}
.w-3 {
	width: calc((100% / 3) - (2.5rem * 2));
}

.modal-closeBtn {
	border-radius: 0 40px !important;
}
.timeline-label::before {
	left: 6px !important;
	height: 90%;
}
.min-width-45 {
	min-width: 45% !important;
}
.mw-48 {
	max-width: 48% !important;
}
.set-height {
	max-height: 500px !important;
}
@media (width <= 767px) {
	.mw-48 {
		max-width: 100% !important;
	}
}
:root {
	--light-blue: #0095e8;
}
.width-20 {
	width: 21%;
	max-width: 217px;
	min-width: 200px;
	min-height: 145px;
}
.view {
	border-color: var(--light-blue) !important;
	color: var(--light-blue);
}
.timeline-label::before {
	width: 0 !important;
}
table {
	empty-cells: show;
}
:root {
	--light-blue: #0095e8;
}
.view {
	border-color: var(--light-blue) !important;
	color: var(--light-blue);
}
.timeline-label::before {
	width: 0 !important;
}
.timeline-label .timeline-label {
	width: 5px !important;
}
:root {
	--light-blue: #0095e8;
}
.width-20 {
	width: 21%;
	max-width: 217px;
	min-width: 200px;
	min-height: 145px;
}
.view {
	border-color: var(--light-blue) !important;
	color: var(--light-blue);
}
.timeline-label::before {
	width: 0 !important;
}
:root {
	--ternary: #0095e8;
	--fade-ternary: #e9eef5;
	--very-dark-blue: #1a2839;
}
.bg-ternary {
	background-color: var(--ternary);
}
.border-ternary1 {
	border-color: #0095e8 !important;
}

.modal-closeBtn {
	border-radius: 0 40px 0 30px !important;
	background-color: #F52D2D !important;
}
.btn-light-primary:hover svg,
.btn-light-primary:hover svg path {
	fill: white !important;
}
.bg-dark {
	background: #1A2839 !important;
}
.toggle.active .toggle-off {
	display: block !important;
}
.toggle.collapsible:not(.collapsed) .toggle-off {
	display: none !important;
}

.form-select.single {
	border: none !important;
	padding: 0 !important;
	background-image: none !important;
}
/* .nav {
	border-bottom: 12px solid #f7f8f8;
} */
.btn-check:active + .btn-outline-success,
.btn-check:checked + .btn-outline-success,
.btn-outline-success.active,
.btn-outline-success.dropdown-toggle.show,
.btn-outline-success:active {
	color: white !important;
	background-color: #46C038;
	border-color: #46C038 !important;
}
.btn-outline-success:hover {
	color: white !important;
	background-color: #46C038 !important;
	border-color: #46C038 !important;
}
.btn-check:active + .btn-outline-danger,
.btn-check:checked + .btn-outline-danger,
.btn-outline-danger.active,
.btn-outline-danger.dropdown-toggle.show,
.btn-outline-danger:active {
	color: white !important;
	background-color: #f52d2d;
	border: 1px solid #f52d2d !important;
}
.border-green-success {
	border-color: #46C038 !important;
}
.border-red-danger {
	border-color: #f52d2d !important;
}
.order a.btn.disabled {
	opacity: 0.1;
}
.border-radius-start-40 {
	border-top-left-radius: 20px !important;
	border-bottom-left-radius: 20px !important;
}
.border-radius-end-40 {
	border-top-right-radius: 20px !important;
	border-bottom-right-radius: 20px !important;
}
.sep-line1 {
	content: "";
	width: 2px;
	background-color: #b5b5c3 !important;
	height: 60%;
	left: 54%;
}
.mw-260px {
	max-width: 260px !important;
}
input.num::-webkit-outer-spin-button,
input.num::-webkit-inner-spin-button {
	appearance: none;
	margin: 0;
}
.w-3 {
	width: calc((100% / 3) - (2.5rem * 2));
}

.modal-closeBtn {
	border-radius: 0 40px 0 30px !important;
	background-color: #F52D2D !important;
}
.timeline-label::before {
	left: 16px !important;
	height: 80%;
}
.min-width-45 {
	min-width: 45% !important;
}
.mw-1015px {
	max-width: 1015px;
}
.delete {
	content: '';
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' fill='silver' class='bi bi-trash-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2.5 1a1 1 0 0 0-1 1v1a1 1 0 0 0 1 1H3v9a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V4h.5a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H10a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1H2.5zm3 4a.5.5 0 0 1 .5.5v7a.5.5 0 0 1-1 0v-7a.5.5 0 0 1 .5-.5zM8 5a.5.5 0 0 1 .5.5v7a.5.5 0 0 1-1 0v-7A.5.5 0 0 1 8 5zm3 .5v7a.5.5 0 0 1-1 0v-7a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E") !important;
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
}

.set-height {
	max-height: 500px !important;
}
.mw-48 {
	max-width: 48% !important;
	width: 48% !important;
}
.position-end {
	top: 20px !important;
	right: 20px !important;
}
@media (width <= 768px) {
	.timeline-label::before {
		height: 83%;
	}
	.mw-48 {
		max-width: 100% !important;
		width: 100% !important;
	}
}
.custom-witdth {
	width: 100%;
	max-width: 95vw !important;
}
.toggle.active .toggle-off {
	display: block !important;
}
.toggle.collapsible:not(.collapsed) .toggle-off {
	display: none !important;
}

.btn-check:active + .btn-outline-success,
.btn-check:checked + .btn-outline-success,
.btn-outline-success.active,
.btn-outline-success.dropdown-toggle.show,
.btn-outline-success:active {
	color: white !important;
	background-color: #46C038;
	border-color: #46C038 !important;
}
.btn-outline-success:hover {
	color: white !important;
	background-color: #46C038 !important;
	border-color: #46C038 !important;
}
.border-green-success {
	border-color: #46C038 !important;
}
.bg-green-success {
	background-color: #46C038 !important;
}
/* .nav {
	border-bottom: 12px solid #f7f8f8;
} */
.mw-260px {
	max-width: 260px !important;
}

.modal-closeBtn {
	border-radius: 0 40px !important;
}
.order a.btn.disabled {
	opacity: 0.1;
}
.activity {
	background-color: #0095E8 !important;
	color: white !important;
}
.disable {
	background: #f7f8f8 !important;
	color: #5f6974 !important;
}
.disappear {
	display: none !important;
}
.appear {
	display: block !important;
}
.timeline-label::before {
	width: 0 !important;
}
.mh-1315px {
	max-height: 1315px !important;
}
.set-height {
	max-height: 500px !important;
}
.mw-48 {
	max-width: 48% !important;
}
.bg-fade-green {
	background-color: #EDF9EB !important;
}
.mw-260px {
	max-width: 260px !important;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	appearance: none;
	margin: 0;
}

.modal-closeBtn {
	border-radius: 0 40px !important;
	background-color: #F52D2D !important;
}
.ex-select-1 {
	border: 1px solid #011023 !important;
	border-radius: 0.65rem !important;
	color: #011023;
}
.btn-check:active + .btn-outline-success,
.btn-check:checked + .btn-outline-success,
.btn-outline-success.active,
.btn-outline-success.dropdown-toggle.show,
.btn-outline-success:active {
	color: white !important;
	background-color: #46C038;
	border-color: #46C038 !important;
}
.btn-outline-success:hover {
	color: white !important;
	background-color: #46C038 !important;
	border-color: #46C038 !important;
}
.btn-check:active + .btn-outline-danger,
.btn-check:checked + .btn-outline-danger,
.btn-outline-danger.active,
.btn-outline-danger.dropdown-toggle.show,
.btn-outline-danger:active {
	color: white !important;
	background-color: #f52d2d;
	border: 1px solid #f52d2d !important;
}
.border-green-success {
	border-color: #46C038 !important;
}
.border-red-danger {
	border-color: #f52d2d !important;
}
.w-3 {
	width: calc((100% / 3) - (2.5rem * 2));
}
.appear {
	display: flex !important;
}
.disappear {
	display: none !important;
}
.badge-count-candidate {
	left: 3px;
	height: 36px !important;
	width: 36px !important;
}
.badge-count-assessor {
	right: 3px;
	height: 36px !important;
	width: 36px !important;
}
.border-radius-left {
	border-radius: 25px 0 0 25px;
}
.border-radius-right {
	border-radius: 0 25px 25px 0;
}
.border-down {
	border-bottom: 2px solid #a1a5b7;
}
.w-fit {
	width: fit-content !important;
}
a.btn.disabled {
	opacity: 0.1;
}
.text-green-success {
	color: #46C038 !important;
}
.bg-green-success {
	background-color: #46C038 !important;
}

.mid-line {
	position: absolute;
	width: 75%;
	content: "";
	top: 50%;
	left: 10%;
	z-index: -1;
	border: 1px;
}
#myBtn {
	display: none;
	position: fixed;
	background-color: transparent;
	z-index: 99;
	bottom: 15%;
	right: 0.5%;
	border: 0;
	padding: 0;
	border-radius: 15px;
}
#myBtn svg {
	width: 85% !important;
}
.page-loader-livewire {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgb(255 255 255 / 80%);
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 9999;
}
.loader-wrapper {
	text-align: center;
}

.scorlldev {
	max-height: 400px;
	overflow: scroll;
	-webkit-overflow-scrolling: touch;
}
.text-blue {
	color: #0095E8;
}
.fw-boldest {
	font-weight: 900 !important;
}
.bg-white-gray {
	background: #E9EEF5;
}
.bg-ter30 {
	background: #F7FCFE;
}
.text-terg30 {
	color: #F7FCFE;
}
.bg-sec1 {
	background: #FCFDFD;
}
.border-raduis-8 {
	border-radius: 8px;
}
.bulletsdot li::before {
	content: "•";
	color: #054391;
	margin-right: 8px;
	font-weight: bold;
	display: inline-block;
	width: 15px;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
	color: #fff;
	background: #054391;
	border-radius: 16px;
}
.btn-notactive {
	background: #E9EEF5;
	border-radius: 16px;
	color: #054391;
}
.btn-active {
	background: #E9EEF5;
	border-radius: 16px;
	color: #054391;
}
.text-input {
	width: 25%;
	height: 55px;
	border-radius: 8px 0 0 8px;
	background-color: #F2FAFE;
	border-style: none;
}
.input-shadow {
	box-shadow: 0 2px 6px rgb(0 0 0 / 9%) !important;
	border-radius: 0 8px 8px 0;
	border-style: none;
}
.separator-white {
	display: block;
	height: 0;
	border-bottom: 1px solid #fff;
}
.stepperrrr-line {
	width: 95%;
	left: 3%;
	top: 30%;
}
.stepper.stepper-pills .stepper-item {
	display: flex;
	align-items: center;
	transition: color 0.2s ease, background-color 0.2s ease;
	flex-direction: column;
}
hr {
	flex-grow: 1;
	align-items: start;
	margin-left: calc(var(--kt-stepper-pills-size) / 2);
	border-left: var(--kt-stepper-line-border);
	margin-top: 2px;
	margin-bottom: 2px;
}
.stepper.stepper-pills .stepper-item .stepper-icon .stepper-number {
	font-weight: 600;
	color: #054391 !important;
	font-size: 1.25rem;
}
.stepper.stepper-pills .stepper-item .stepper-icon {
	background-color: #E9EEF5;
}
.stepper.stepper-pills .stepper-item .stepper-label .stepper-title {
	color: #1A2839;
	font-weight: 400;
	line-height: 19px;
	margin-bottom: 0.3rem;
}
.Shadow-3 {
	box-shadow: 0 2px 6px rgb(0 0 0 / 9%);
	border-radius: 8px;
}
.border-gary {
	border-color: #CCCFD3 !important;
}
.linesAvg-style {
	background: #F7FCFE;
	border: 1px solid #99D5F6;
}
.circle-border {
	color: #054391;
}
.head-radius {
	border-radius: 8px 8px 0 0;
}
.list-group-item:first-child {
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}

@media only screen and (width <= 600px) {
	.stepper {
		margin: 0;
		padding: 0;
		width: 100% !important;
	}
	.stepper.stepper-pills .stepper-item .stepper-label .stepper-title {
		font-size: 10px;
	}
	.card {
		margin: 15px;
	}
	.nav-item {
		width: 100%;
	}
	.text-input {
		width: 100%;
		height: auto;
		word-wrap: break-word;
		border-radius: 8px 0 0 8px;
	}
	ul li {
		word-wrap: break-word;
	}
}
.bg-light-gray {
	background: #F1F2F4 !important;
}
.bg-dark {
	background: #021731 !important;
}
.bg-important {
	background: #03244E !important;
}
.bg-Nutral {
	background: #042D61 !important;
}
.bg-Lessimortant {
	background: #043674 !important;
}
.bg-notimportant {
	background: #054391 !important;
}
.bg-yellow {
	background: #F9DD50 !important;
}
.kanban-container .kanban-board {
	float: none;
	flex-shrink: 0;
	margin-bottom: 1px;
	margin-right: 2px !important;
	background-color: #F1F2F4;
	border-radius: 0.475rem;
	width: 32% !important;
}
.kanban-container .kanban-board .kanban-drag {
	min-height: 300px !important;
}
.kanban-container .kanban-board.workvalues .kanban-drag {
	padding: 2px;
	display: flex !important;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap !important;
}
.kanban-container .kanban-board .kanban-drag {
	padding: 2px;
	display: flex !important;
	justify-content: center;
	flex-wrap: wrap !important;
}
.kanban-container .kanban-board.workvalues .kanban-board-header .kanban-title-board {
	color: #fff;
}
.kanban-container .kanban-board.workvalues .kanban-drag .kanban-item {
	background-color: #021731;
	color: #fff;
}
.kanban-container .kanban-board .kanban-board-header .kanban-title-board {
	font-size: 1.2rem;
	font-weight: 500;
	color: #fff;
}
.kanban-board header {
	font-weight: 700;
	font-size: 16px;
	line-height: 24px;
	height: 55px;
}
.kanban-container .kanban-board .kanban-drag .kanban-item {
	position: relative;
	background-color: #F9DD50;
	color: #927D12;
	box-shadow: none;
	width: 170px;
	height: fit-content;
	min-height: 155px;
	margin: 8px;
	text-align: center;
	vertical-align: middle;
	border-radius: 10px;
}
.kanban-item .btn {
	width: 22px;
	height: 22px;
	padding: 0;
}
.btn-check:active + .btn.btn-active-color-primary,
.btn-check:checked + .btn.btn-active-color-primary,
.btn.btn-active-color-primary.active,
.btn.btn-active-color-primary.show,
.btn.btn-active-color-primary:active:not(.btn-active),
.btn.btn-active-color-primary:focus:not(.btn-active),
.btn.btn-active-color-primary:hover:not(.btn-active),
.show > .btn.btn-active-color-primary {
	color: #fff;
	background-color: #0095E8;
	border-style: none !important;
}
.disabled {
	color: #011023 !important;
}
/*.tooltip-arrow::before {
	border-bottom-color: #d9d9d9 !important;
}
.tooltip > .tooltip-inner {
	background-color: #d9d9d9 !important;
	text-align: left;
	color: #515151;
	font-weight: 500;
	font-size: 12px;
	width: fit-content !important;
}*/
p a,
table a,
.accordion-item a {
	color: var(--elev8-primary);
}
.nav-link {
	color: var(--elev8-dark);
}
.accordion-item {
	border: 1px solid var(--elev8-primary);
}
.slick-track {
	display: flex;
	gap: 23px;
}
.slick-prev,
.slick-next {
	font-size: 0;
	line-height: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 40px;
	height: 40px;
	padding: 0;
	cursor: pointer;
	color: transparent;
	border: none;
	outline: none;
	background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
	color: transparent;
	outline: none;
	background: transparent;
}
.slick-prev:hover::before,
.slick-prev:focus::before,
.slick-next:hover::before,
.slick-next:focus::before {
	opacity: 1;
}
.slick-prev.slick-disabled::before,
.slick-next.slick-disabled::before {
	opacity: 0.25;
}
.slick-prev::before,
.slick-next::before {
	font-family: slick, Helvetica, Arial, sans-serif;
	font-size: 20px;
	line-height: 1;
	opacity: 0.75;
	background-color: #054391;
	color: white;
	border-radius: 50%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	width: 40px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.slick-prev {
	position: absolute;
	bottom: -35%;
	left: 30%;
}
[dir="rtl"] .slick-prev {
	right: -25px;
	left: auto;
}
.slick-prev::before {
	content: "";
	background-image: url("data:image/svg+xml,%3Csvg width='10' height='17' viewBox='0 0 10 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.08926 0.255851C8.76382 -0.0695859 8.23618 -0.0695853 7.91074 0.255852L0.250421 7.91618C0.250411 7.91619 0.2504 7.9162 0.250389 7.91621C-0.0750479 8.24164 -0.0750478 8.76928 0.250389 9.09472L7.91071 16.755C8.23615 17.0805 8.76379 17.0805 9.08922 16.755C9.41466 16.4296 9.41466 15.902 9.08922 15.5765L2.01816 8.50546L9.08926 1.43436C9.41469 1.10893 9.41469 0.581288 9.08926 0.255851Z' fill='white'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
}
[dir="rtl"] .slick-prev::before {
	content: "";
	background-image: url("data:image/svg+xml,%3Csvg width='10' height='17' viewBox='0 0 10 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.910744 16.7441C1.23618 17.0696 1.76382 17.0696 2.08926 16.7441L9.74958 9.08383C9.74959 9.08381 9.7496 9.0838 9.74961 9.08379C10.075 8.75836 10.075 8.23072 9.74961 7.90528L2.08929 0.244959C1.76385 -0.0804773 1.23621 -0.0804773 0.910776 0.244959C0.585339 0.570396 0.585339 1.09803 0.910776 1.42347L7.98184 8.49454L0.910744 15.5656C0.585308 15.8911 0.585307 16.4187 0.910744 16.7441Z' fill='white'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
}
.slick-next {
	position: absolute;
	bottom: -35%;
	right: 30%;
}
[dir="rtl"] .slick-next {
	right: auto;
	left: -25px;
}
.slick-next::before {
	content: "";
	background-image: url("data:image/svg+xml,%3Csvg width='10' height='17' viewBox='0 0 10 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.910744 16.7441C1.23618 17.0696 1.76382 17.0696 2.08926 16.7441L9.74958 9.08383C9.74959 9.08381 9.7496 9.0838 9.74961 9.08379C10.075 8.75836 10.075 8.23072 9.74961 7.90528L2.08929 0.244959C1.76385 -0.0804773 1.23621 -0.0804773 0.910776 0.244959C0.585339 0.570396 0.585339 1.09803 0.910776 1.42347L7.98184 8.49454L0.910744 15.5656C0.585308 15.8911 0.585307 16.4187 0.910744 16.7441Z' fill='white'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
}
[dir="rtl"] .slick-next::before {
	content: "";
	background-image: url("data:image/svg+xml,%3Csvg width='10' height='17' viewBox='0 0 10 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.08926 0.255851C8.76382 -0.0695859 8.23618 -0.0695853 7.91074 0.255852L0.250421 7.91618C0.250411 7.91619 0.2504 7.9162 0.250389 7.91621C-0.0750479 8.24164 -0.0750478 8.76928 0.250389 9.09472L7.91071 16.755C8.23615 17.0805 8.76379 17.0805 9.08922 16.755C9.41466 16.4296 9.41466 15.902 9.08922 15.5765L2.01816 8.50546L9.08926 1.43436C9.41469 1.10893 9.41469 0.581288 9.08926 0.255851Z' fill='white'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
}
.responsive {
	position: relative;
}
.slick-dots {
	display: flex;
	justify-content: center;
	align-items: flex-end;
	margin-top: 15px;
	gap: 10px;
	height: 30px;
	padding: 0 !important;
	position: absolute;
	bottom: -60px;
	left: 48%;
}
.slick-dots li {
	list-style: none;
	display: flex;
	align-items: center;
}
.slick-dots li button {
	width: 27px;
	height: 3px;
	border: none;
	border-radius: 1px !important;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.slick-dots li.slick-active button {
	background-color: #054391;
}
.border-ternary {
	border-color: #0095e8 !important;
}

.bg-blue-white {
	background-image: linear-gradient(to right, #054391, white);
}
.border-left-40 {
	border-top-left-radius: 40px;
	border-bottom-left-radius: 40px;
}
.border-right-40 {
	border-top-right-radius: 40px;
	border-bottom-right-radius: 40px;
}
.border-right-28 {
	border-top-right-radius: 28px;
	border-bottom-right-radius: 28px;
}
@media (width <= 450px) {
	.slick-dots {
		left: 14%;
	}
	.slick-next {
		right: 0;
	}
	.slick-prev {
		left: 0;
	}
}
.slick-next::before {
	position: relative;
	top: -15px;
	content: url("../../media/360reportassessments/right.png");
}
.slick-prev::before {
	position: relative;
	top: -15px;
	right: 20px;
	content: url("../../media/360reportassessments/left.png");
}
.horizontal-grid {
	background-color: #FAFAFA;
	background-size: 100% 100px;
	height: 470px;
	background-image: -webkit-linear-gradient(0deg, #443e3e 79px, #373c3d 79px, #191b1c 81px, transparent 81px), linear-gradient(#181515 0.05em, #312c2c 0.05em);
	background-image: -moz-linear-gradient(0deg, transparent 79px, #abced4 79px, #abced4 81px, transparent 81px), linear-gradient(#181515 0.05em, #312c2c 0.05em);
	background-image: -ms-linear-gradient(0deg, transparent 79px, #abced4 79px, #abced4 81px, transparent 81px), linear-gradient(#eee .05em, transparent .05em);
	background-image: -o-linear-gradient(0deg, transparent 79px, #abced4 79px, #abced4 81px, transparent 81px), linear-gradient(#eee .05em, transparent .05em);
	background-image: linear-gradient(0deg, transparent 79px, #abced400 79px, #fbfbfb 81px, transparent 81px), linear-gradient(#eee 0.05em, transparent 0.05em);
}
.aside-menu .hover-scroll-overlay-y .menu .d-flex .menu-item:has(.active) {
	position: relative;
}
.aside-menu .hover-scroll-overlay-y .menu .d-flex .menu-item:has(.active)::before {
	background-image: url("data:image/svg+xml,%3Csvg width='18' height='52' viewBox='0 0 18 52' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18 0H0V3.24249e-05L18 3.15726e-05L18 0ZM0 52C0.00154405 51.9851 0.510725 47.1134 7.5 39.5417C14.5 31.9584 16 28.7084 16 26C16 23.2917 14.5 20.0417 8 13C1.50444 5.96317 0.00204817 0.00816781 0 4.07533e-05V52Z' fill='%23054391'/%3E%3C/svg%3E%0A");
	position: absolute;
	left: 0;
	top: 0;
	content: "";
	width: 18px;
	height: 55px;
}
.bullet-dot {
	width: 10px !important;
	height: 10px !important;
}
.bullet {
	background: #054391 !important;
}
.assess-menu {
	background: #F2F5F9;
	border-radius: 18px 0 0 18px;
	margin-left: 25px;
}
#hr-side-menu .menu-item .menu-link .menu-icon,#kt_aside_menu .menu-item .menu-link .menu-icon {
	width: 45px;
	padding-left: 25px;
	margin:0;
}
#hr-side-menu .menu-item .menu-link .menu-title {
	padding-left: 10px;
}
.aside1 .aside-menu {
	width: 300px !important;
}
div#\#kt_aside_menu::-webkit-scrollbar {
	display: none;
}
div#\#kt_aside_menu {
	-ms-overflow-style: none;
	scrollbar-width: none;
}
@media (width >= 992px) {
	.aside1 {
		width: 300px !important;
	}
	.aside1 .aside-menu {
		width: 300px !important;
	}
}
.bg-buttons {
	background-color: #f2f3f4;
}
.bg-btn {
	background-color: #054391;
}
:root {
	--ternary: #0095e8;
	--fade-ternary: #e9eef5;
	--very-dark-blue: #1a2839;
}
.border-ternary1 {
	border-color: #0095e8 !important;
}

.modal-closeBtn {
	border-radius: 0 40px 0 30px !important;
	background-color: #F52D2D !important;
}
.btn-light-primary:hover svg,
.btn-light-primary:hover svg path {
	fill: white !important;
}
.special-header {
	width: 165px !important;
	padding-left: 15px;
	padding-right: 15px;
	border-radius: 0 0 20px 20px !important;
}
.search-bar-btn {
	border-radius: 26px 6px 6px 26px !important;
	right: 0;
}
.border-red {
	border-color: #F52D2D !important;
}
.bg-red {
	background-color: #F52D2D !important;
}
.border-green {
	border-color: #46C038 !important;
}
.bg-green {
	background-color: #46C038 !important;
}
thead {
	border: 0 !important;
}
thead tr td {
	border: 0 !important;
}
.rounded-bottom-4 {
	border-bottom-right-radius: 11px !important;
	border-bottom-left-radius: 11px !important;
}
.w-content {
	min-width: fit-content;
}
.tooltip-arrow::before {
	border-bottom-color: #d9d9d9 !important;
}

.bg-primary-10 {
	background-color: #E5F4FD !important;
}
.width-30 {
	width: 31%;
	min-width: fit-content;
	max-width: 317px;
}

.gap-55 {
	gap: 59%;
}
.gap-50 {
	gap: 50%;
}
.finish p {
	font-size: 18px;
}
.parts-container div span.number {
	left: -10px;
	border-radius: 67px 0 220px 50px !important;
	height: 40px !important;
}
.appear {
	display: flex !important;
}
.disappear {
	display: none !important;
}
.bg-green {
	background-color: #46c038 !important;
}
@media (width <= 1024px) {
	.mid-line {
		visibility: hidden;
	}
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	appearance: none;
	margin: 0;
}
.menu-link.disabled {
	pointer-events: none;
	opacity: .6;
}

.job-badge {
	border-bottom-left-radius: 40px;
	border-top-right-radius: 1rem;
}
.job-badge-bottom {
	border-top-left-radius: 40px;
	border-bottom-right-radius: 1rem;
}
ul.list li::marker {
	color: #b2e373;
}
.small-shadow {
	box-shadow: 1px 1px 7px rgb(196 196 196 / 20%) !important;
}
.border-radius-left {
	border-radius: 20px 0 0 20px;
}
.border-radius-right {
	border-radius: 0 20px 20px 0;
}
.appear {
	display: flex !important;
	gap: 28px;
}
.box {
	padding: 18px !important;
}
.svg-icon.svg-icon-1 svg.svg {
	height: 1.25rem !important;
	width: 1.25rem !important;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	appearance: none;
	margin: 0;
}

.w-140px {
	width: 140px !important;
}
.modal-closeBtn {
	border-radius: 0 40px 0 30px !important;
	background-color: #f52d2d !important;
}
input.num::-webkit-outer-spin-button,
input.num::-webkit-inner-spin-button {
	appearance: none;
	margin: 0;
}
.timeline-label::before {
	left: 41px;
}
.special::before {
	left: 6px;
	top: 45px;
}
.modify {
	flex: auto;
}
.toggle.active .toggle-off {
	display: block !important;
}
.toggle.collapsible:not(.collapsed) .toggle-off {
	display: none !important;
}

/* .nav {
	border-bottom: 12px solid #f7f8f8;
} */
.btn-check:active + .btn-outline-success,
.btn-check:checked + .btn-outline-success,
.btn-outline-success.active,
.btn-outline-success.dropdown-toggle.show,
.btn-outline-success:active {
	color: white !important;
	background-color: #46C038;
	border-color: #46C038 !important;
}
.btn-outline-success:hover {
	color: white !important;
	background-color: #46C038 !important;
	border-color: #46C038 !important;
}
.border-green-success {
	border-color: #46C038 !important;
}
.order a.btn.disabled {
	opacity: 0.1;
}
.border-radius-start-40 {
	border-top-left-radius: 20px !important;
	border-bottom-left-radius: 20px !important;
}
.border-radius-end-40 {
	border-top-right-radius: 20px !important;
	border-bottom-right-radius: 20px !important;
}
.mw-260px {
	max-width: 260px !important;
}

.modal-closeBtn {
	border-radius: 0 40px 0 30px !important;
}
.mw-48 {
	max-width: 48% !important;
}
.set-height {
	max-height: 500px !important;
}
@media (width <= 767px) {
	.sep-line {
		width: 0;
	}
	.mw-48 {
		max-width: 100% !important;
	}
}

.bg-fade-green {
	background-color: #EDF9EB !important;
}
.mw-260px {
	max-width: 260px !important;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	appearance: none;
	margin: 0;
}

.modal-closeBtn {
	border-radius: 0 40px !important;
	background-color: #F52D2D !important;
}
.ex-select-1 {
	border: 1px solid #011023 !important;
	border-radius: 0.65rem !important;
	color: #011023;
}
.btn-check:active + .btn-outline-success,
.btn-check:checked + .btn-outline-success,
.btn-outline-success.active,
.btn-outline-success.dropdown-toggle.show,
.btn-outline-success:active {
	color: white !important;
	background-color: #46C038;
	border-color: #46C038 !important;
}
.btn-outline-success:hover {
	color: white !important;
	background-color: #46C038 !important;
	border-color: #46C038 !important;
}
.btn-check:active + .btn-outline-danger,
.btn-check:checked + .btn-outline-danger,
.btn-outline-danger.active,
.btn-outline-danger.dropdown-toggle.show,
.btn-outline-danger:active {
	color: white !important;
	background-color: #f52d2d;
	border: 1px solid #f52d2d !important;
}
.border-green-success {
	border-color: #46C038 !important;
}
.border-red-danger {
	border-color: #f52d2d !important;
}
.w-3 {
	width: calc((100% / 3) - (2.5rem * 2));
}

.border-down {
	border-bottom: 2px solid #a1a5b7;
}
.w-fit {
	width: fit-content !important;
}
a.btn.disabled {
	opacity: 0.1;
}
.text-green-success {
	color: #46C038 !important;
}
.bg-green-success {
	background-color: #46C038 !important;
}
.bg-fade-green {
	background-color: #EDF9EB !important;
}
.verify-check {
	right: 3% !important;
	top: 25% !important;
}
.btn-light-primary:hover svg,
.btn-light-primary:hover svg path {
	fill: white !important;
}
.width-30 {
	width: 31%;
	min-width: fit-content;
	max-width: 317px;
}

.parts-container div span.number {
	left: -10px;
	border-radius: 67px 0 220px 50px !important;
	height: 40px !important;
}

button:disabled {
	/*opacity: 1 !important;*/
	/* background-color: #f2f3f4 !important; */
}
.btn-dark:disabled {
	background-color: #B3B7BD !important;
}
.search-btn {
	right: -5px;
}
.circles-menu {
	height: 18px !important;
}
.check-badge {
	z-index: 3 !important;
	right: -5% !important;
}
.badge-count-candidate {
	left: 3px;
	height: 36px !important;
	width: 36px !important;
}
.badge-count-assessor {
	right: 3px;
	height: 36px !important;
	width: 36px !important;
}
.border-radius-left {
	border-radius: 25px 0 0 25px;
}
.border-radius-right {
	border-radius: 0 25px 25px 0;
}
.bg-green-success {
	background-color: #46c038 !important;
}
.text-green-success {
	color: #46C038 !important;
}
.appear {
	display: flex !important;
}
.disappear {
	display: none !important;
}
.btn-group {
	width: 450px !important;
}
.mw-260px {
	max-width: 260px !important;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	appearance: none;
	margin: 0;
}
.w-3 {
	width: calc((100% / 3) - (2.5rem * 2));
}

.modal-closeBtn {
	border-radius: 0 40px !important;
	background-color: #F52D2D !important;
}
.ex-select-1 {
	border: 1px solid #011023 !important;
	border-radius: 0.65rem !important;
	color: #011023;
}
.btn-check:active + .btn-outline-success,
.btn-check:checked + .btn-outline-success,
.btn-outline-success.active,
.btn-outline-success.dropdown-toggle.show,
.btn-outline-success:active {
	color: white !important;
	background-color: #46C038;
	border-color: #46C038 !important;
}
.btn-outline-success:hover {
	color: white !important;
	background-color: #46C038 !important;
	border-color: #46C038 !important;
}
.btn-check:active + .btn-outline-danger,
.btn-check:checked + .btn-outline-danger,
.btn-outline-danger.active,
.btn-outline-danger.dropdown-toggle.show,
.btn-outline-danger:active {
	color: white !important;
	background-color: #f52d2d;
	border: 1px solid #f52d2d !important;
}
.border-green-success {
	border-color: #46C038 !important;
}
.border-red-danger {
	border-color: #f52d2d !important;
}
@media (width <= 375px) {
	.btn-group {
		width: 300px !important;
	}
}
.course-track-course .current-course {
	font-weight: 700;
	border-radius: 8px;
	background: #e6e7e8;
}
@media only screen and (width <= 767px) {
	.academy .course-track-nav {
		margin-left: auto;
		margin-right: auto;
	}
}
.border-bottom-radius {
	border-bottom-left-radius: 1rem !important;
	border-bottom-right-radius: 1rem !important;
	border-top: 0;
}
@media only screen and (width <= 767px) {
	.academy-home .course-track-card {
		max-width: 360px;
		margin-left: auto;
		margin-right: auto;
	}
}

.accordion-button:not(.collapsed) {
	color: white !important;
	background-color: #1a2839 !important;
	border-radius: 0.475rem 0.475rem 0 0;
}
.accordion-button:not(.collapsed) div h4 div div {
	color: white !important;
}
.accordion-button:not(.collapsed) div h4 div div span {
	color: #f2f3f4 !important;
}
.accordion-button:not(.collapsed) div h4 div div span.badge {
	color: #1a2839 !important;
	background-color: white !important;
}
.accordion-button:not(.collapsed) div div div:nth-child(2) a {
	background-color: white !important;
}
.accordion-button:not(.collapsed) div div div:nth-child(3) a {
	background-color: white !important;
}
.accordion-button:not(.collapsed) div div div:nth-child(2) a span i::before {
	content: "\f139";
}
.accordion-button:not(.collapsed) div div div:nth-child(3) a span i::before {
	content: "\f139";
}
a.btn.disabled {
	opacity: 0.1;
}
.border-bottom-radius {
	border-bottom-left-radius: 1rem !important;
	border-bottom-right-radius: 1rem !important;
	border-top: 0;
}


.accordion-button:not(.collapsed) {
	color: white !important;
	background-color: #1a2839 !important;
	border-radius: 0.475rem 0.475rem 0 0;
}
.accordion-button:not(.collapsed) div h4 div div {
	color: white !important;
}
.accordion-button:not(.collapsed) div h4 div div span {
	color: #f2f3f4 !important;
}
.accordion-button:not(.collapsed) div h4 div div span.badge {
	color: #1a2839 !important;
	background-color: white !important;
}
.accordion-button:not(.collapsed) div div div:nth-child(2) a {
	background-color: white !important;
}
.accordion-button:not(.collapsed) div div div:nth-child(3) a {
	background-color: white !important;
}
.accordion-button:not(.collapsed) div div div:nth-child(2) a span i::before {
	content: "\f139";
}
.accordion-button:not(.collapsed) div div div:nth-child(3) a span i::before {
	content: "\f139";
}
.w-45 {
	width: 45% !important;
}
@media only screen and (width <= 768px) {
	.mobile {
		flex-direction: column !important;
	}
}
.loader {
	width: 60px;
}
.loader-wheel {
	animation: spin 1s infinite linear;
	border: 2px solid rgb(30 30 30 / 50%);
	border-left: 4px solid #fff;
	border-radius: 50%;
	height: 50px;
	margin-bottom: 10px;
	width: 50px;
}
.loader-text {
	color: #fff;
	font-family: arial, sans-serif;
}
.loader-text::after {
	content: 'Loading';
	animation: load 2s linear infinite;
}
@keyframes spin {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}
@keyframes load {
	0% {
		content: 'Loading';
	}
	33% {
		content: 'Loading.';
	}
	67% {
		content: 'Loading..';
	}
	100% {
		content: 'Loading...';
	}
}
.border-bottom-radius {
	border-bottom-left-radius: 1rem !important;
	border-bottom-right-radius: 1rem !important;
	border-top: 0;
}


.accordion-button:not(.collapsed) {
	color: white !important;
	background-color: #1a2839 !important;
	border-radius: 0.475rem 0.475rem 0 0;
}
.accordion-button:not(.collapsed) div h4 div div {
	color: white !important;
}
.accordion-button:not(.collapsed) div h4 div div span {
	color: #f2f3f4 !important;
}
.accordion-button:not(.collapsed) div h4 div div span.badge {
	color: #1a2839 !important;
	background-color: white !important;
}
.accordion-button:not(.collapsed) div div div:nth-child(2) a {
	background-color: white !important;
}
.accordion-button:not(.collapsed) div div div:nth-child(3) a {
	background-color: white !important;
}
.accordion-button:not(.collapsed) div div div:nth-child(2) a span i::before {
	content: "\f139";
}
.accordion-button:not(.collapsed) div div div:nth-child(3) a span i::before {
	content: "\f139";
}

.check {
	height: 55px;
}

.form-check-input.is-valid ~ .form-check-label,
.was-validated .form-check-input:valid ~ .form-check-label {
	color: #000;
}
.modal-closeBtn {
	border-radius: 0 40px 0 30px !important;
	background-color: #f52d2d !important;
}
.min-w-49 {
	min-width: 49% !important;
}
.timeline-label::before {
	left: 21px !important;
}
.width-30 {
	width: 29%;
}
.width-60 {
	width: 66%;
}
.width-35 {
	width: 35%;
}
.width-47 {
	width: 47%;
}
.width-86 {
	width: 86%;
}
.interview {
	background-image: url("../../media/video-question-gray.png"),
	url("../../media/recorded-interview.png");
	background-repeat: no-repeat, no-repeat;
	background-position-x: center;
	background-position-y: center;
	background-size: cover, cover;
}
.dims {
	width: 348px;
	height: 105px;
}
.dims-2 {
	width: 348px;
	height: 250px;
}
.rounded-opposite {
	border-top-left-radius: 1rem;
	border-bottom-right-radius: 1rem;
}
.rounded-opposite-2 {
	border-top-left-radius: 0.475rem !important;
	border-bottom-right-radius: 0.475rem !important;
	height: 28px;
}
.code {
	left: -1px !important;
	top: -1px !important;
}
.width-fifth {
	width: calc(100% / 5);
	max-width: 50px;
	aspect-ratio: auto 1/1;
}
.opposite-border-rounded {
	border-bottom-right-radius: 1rem;
	border-top-left-radius: 1rem;
}
.bg-green {
	background-color: #46C038 !important;
}
@media only screen and (width <= 768px) {
	.mobile {
		display: none !important;
	}
	.flex-mobile {
		flex-direction: column-reverse !important;
	}
	.list-mobile {
		gap: 0 !important;
	}
	.my-md-10 {
		margin-top: 2.5rem !important;
		margin-bottom: 2.5rem !important;
	}
	.ms-md-1 {
		margin-left: 0.25rem !important;
	}
	.my-md-5 {
		margin-top: 1.25rem !important;
		margin-bottom: 1.25rem !important;
	}
	.mx-md-auto {
		margin-right: auto !important;
		margin-left: auto !important;
	}
}
.input-shadow {
	box-shadow: 0 2px 6px rgb(0 0 0 / 9%) !important;
	border-radius: 0 8px 8px 0;
}

@media only screen and (width <= 600px) {
	.selectmobile {
		width: 100%;
		height: auto;
	}
	.check {
		width: 100%;
		height: auto;
		padding: 10px;
		text-align: center;
	}
	.card {
		margin: 15px;
	}
}

.form-check-input.is-valid ~ .form-check-label,
.was-validated .form-check-input:valid ~ .form-check-label {
	color: #000;
}
.modal-closeBtn {
	border-radius: 0 40px 0 30px !important;
	background-color: #f52d2d !important;
}
.width-30 {
	width: 29%;
}


.interview {
	background-image: url("../../media/video-question-gray.png"),
	url("../../media/recorded-interview.png");
	background-repeat: no-repeat, no-repeat;
	background-position-x: center;
	background-position-y: center;
	background-size: cover, cover;
}
.opposite-border-rounded {
	border-bottom-right-radius: 1rem;
	border-top-left-radius: 1rem;
}

.fs-42px {
	font-size: 42px !important;
}
.bg-pale-red {
	background-color: #FEFCEF !important;
}
.bg-green {
	background-color: #46C038 !important;
}
.top-10 {
	top: 10% !important;
}
.w-165px {
	width: 165px !important;
}

.fs-42px {
	font-size: 42px !important;
}
.bg-pale-red {
	background-color: #FEFCEF !important;
}
.bg-green {
	background-color: #46C038 !important;
}
.top-10 {
	top: 10% !important;
}
.w-165px {
	width: 165px !important;
}
.min-w-49 {
	min-width: 49% !important;
}

.rounded-right {
	border-top-right-radius: 5px !important;
}
.rounded-left {
	border-top-left-radius: 5px !important;
}
.width-30 {
	width: 29%;
}

.interview {
	background-repeat: no-repeat, no-repeat;
	background-position-x: center;
	background-position-y: center;
	background-size: cover, cover;
}
.opposite-border-rounded {
	border-bottom-right-radius: 1rem;
	border-top-left-radius: 1rem;
}
.list-mobile {
	gap: 1rem !important;
}

.form-check-input.is-valid ~ .form-check-label,
.was-validated .form-check-input:valid ~ .form-check-label {
	color: #000;
}
.modal-closeBtn {
	border-radius: 0 40px 0 30px !important;
	background-color: #f52d2d !important;
}
.timeline-label .timeline-label {
	width: 20px !important;
}
.timeline-label::before {
	left: 21px !important;
}
.mw-40 {
	max-width: 40% !important;
}
.min-w-49 {
	min-width: 49% !important;
}

.rounded-right {
	border-top-right-radius: 5px !important;
}
.rounded-left {
	border-top-left-radius: 5px !important;
}
.width-30 {
	width: 29%;
}

.interview {
	background-repeat: no-repeat, no-repeat;
	background-position-x: center;
	background-position-y: center;
	background-size: cover, cover;
}
.opposite-border-rounded {
	border-bottom-right-radius: 1rem;
	border-top-left-radius: 1rem;
}

.form-check-input.is-valid ~ .form-check-label,
.was-validated .form-check-input:valid ~ .form-check-label {
	color: #000;
}
.modal-closeBtn {
	border-radius: 0 40px 0 30px !important;
	background-color: #f52d2d !important;
}
.timeline-label .timeline-label {
	width: 20px !important;
}
.timeline-label::before {
	left: 21px !important;
}
.mw-40 {
	max-width: 40% !important;
}
.min-w-49 {
	min-width: 49% !important;
}

.timeline-label::before {
	left: 31px !important;
}
.fs-42px {
	font-size: 42px !important;
}
.bg-pale-red {
	background-color: #FEFCEF !important;
}
.bg-green {
	background-color: #46C038 !important;
}
.top-10 {
	top: 10% !important;
}
.w-165px {
	width: 165px !important;
}
@media (width <= 414px) {
	.mobile {
		display: none !important;
	}
	.flex-mobile {
		flex-direction: column-reverse !important;
	}
	.list-mobile {
		gap: 0 !important;
	}
	.my-m-10 {
		margin-top: 2.5rem !important;
		margin-bottom: 2.5rem !important;
	}
	.ms-m-1 {
		margin-left: 0.25rem !important;
	}
	.my-md-5 {
		margin-top: 1.25rem !important;
		margin-bottom: 1.25rem !important;
	}
	.mx-md-auto {
		margin-right: auto !important;
		margin-left: auto !important;
	}
}
.badge-primary {
	background-color: #054391;
}
.bg-btn {
	background-color: #054391;
}
.h-50px {
	height: 50px;
}
.bg-light-blue {
	background-color: #90d4d5;
}
.bg-light-orange {
	background-color: #e59278;
}
.background-grid {
	background-image: linear-gradient(#f0f0f0 0.5px, transparent 0.5px, transparent calc(100% - 1px), #f0f0f0 calc(100% - 1px)), linear-gradient(90deg, #f0f0f0 0.5px, transparent 0.5px, transparent calc(100% - 1px), #f0f0f0 calc(100% - 1px));
	background-size: 14.285714285714286% 100%;
}
.progress {
	height: 20px;
	background-color: #e9ecef;
}
.progress-bar {
	background-color: #007bff;
}
.w-55 {
	width: 55%;
}
@media (width <= 768px) {
	.w-55 {
		width: 100%;
	}
}
.disabled,
.disabled:hover {
	cursor: context-menu !important;
	color: grey !important;
	opacity: 0.5 !important;
}
div#\#kt_aside_menu::-webkit-scrollbar {
	display: none;
}
div#\#kt_aside_menu {
	-ms-overflow-style: none;
	scrollbar-width: none;
}
.assessor .nav-link {
 background: #e9eef5 !important;
 /* border: 1px solid #054391 !important; */
 box-shadow: 2px 2px 3px #999;
}
.assessor .nav-link.active,
.assessor .nav-link:hover {
	background: var(--elev8-primary) !important;
 border: none !important;
 color: white !important;
}
.assessor .btn-check:active + .btn-outline-white,
.assessor .btn-check:checked + .btn-outline-white,
.assessor .btn-outline-white.active,
.assessor .btn-outline-white.dropdown-toggle.show,
.assessor .btn-outline-white:active {
	color: white !important;
	background-color: #46C038 !important;
	border-color: #46C038 !important;
}
.assessor .btn-outline-white:hover {
	color: white !important;
	background-color: #054391 !important;
	border-color: #054391 !important;
}

/* Custom styles for the feedback button */
.feedback-btn {
	position: fixed;
	width: 35px;
	height: 40px;
	background-color: var(--elev8-primary) !important;
	color: white;
	bottom: 20%;
	right: 15px;
	border: 0;
	padding: 0;
	border-radius: 7px;
	z-index: 9999;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: all 0.3s;
	opacity: 0.4;
}
.feedback-btn i {
	font-size: 23px;
	color: white;
}
.feedback-btn:hover,.feedback-btn:focus {
	opacity: 1;
}
.btn-scroll-top {
	display: none;
	position: fixed;
	background-color: transparent;
	z-index: 99;
	bottom: 5%;
	right: 15px;
	padding: 0;
	width: 35px;
	height: 40px;
	border:1px solid #054391;
	opacity: 0.4;
	border-radius: 7px;
}
.btn-scroll-top:hover .btn-scroll-top:focus {
	opacity: 1;
}
/*.btn-scroll-top svg {
	width: 85% !important;
}*/
.bg-light-gray {
	background: #F1F2F4 !important;
}
.bg-important {
	background: #03244E !important;
}
.bg-Nutral {
	background: #042D61 !important;
}
.bg-Lessimortant {
	background: #043674 !important;
}
.bg-notimportant {
	background: #054391 !important;
}
.bg-yellow {
	background: #F9DD50 !important;
}

.kanban-container .kanban-board .kanban-drag {
	min-height: 400px !important;
}
.kanban-container .kanban-board.workvalues .kanban-drag {
	padding: 10px;
	display: flex !important;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap !important;
}
.kanban-container .kanban-board .kanban-drag {
	padding: 5px;
	display: flex !important;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap !important;
}
.kanban-container .kanban-board.workvalues .kanban-board-header .kanban-title-board {
	color: #000;
}
.kanban-container .kanban-board.workvalues .kanban-drag .kanban-item {
	background-color: #021731;
	color: #fff;
}
.kanban-container .kanban-board .kanban-board-header .kanban-title-board {
	font-size: 1.2rem;
	font-weight: 500;
	color: #fff;
}
.kanban-board header {
	font-weight: 700;
	font-size: 16px;
	line-height: 24px;
	height: 96px;
}
.kanban-container .kanban-board .kanban-drag .kanban-item {
	position: relative;
	background-color: #F9DD50;
	color: #927D12;
	box-shadow: none;
	width: 132px;
	height: 110px;
	margin: 10px;
	text-align: center;
	border-radius: 10px;
}
.kanban-item .btn {
	width: 22px;
	height: 22px;
	padding: 0;
}
.btn:focus,
.btn:active {
	outline: none !important;
	box-shadow: none;
}
.bg-light-gray {
	background: #F1F2F4 !important;
}
.bg-important {
	background: #03244E !important;
}
.bg-Nutral {
	background: #042D61 !important;
}
.bg-Lessimortant {
	background: #043674 !important;
}
.bg-notimportant {
	background: #054391 !important;
}
.bg-yellow {
	background: #F9DD50 !important;
}
.kanban-container .kanban-board .kanban-drag {
	min-height: 500px !important;
}
.kanban-container .kanban-board.workvalues .kanban-drag {
	padding: 10px;
	display: flex !important;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap !important;
}
.kanban-container .kanban-board .kanban-drag {
	padding: 10px;
	display: flex !important;
	justify-content: center;
	flex-wrap: wrap !important;
}
.kanban-container .kanban-board.workvalues .kanban-board-header .kanban-title-board {
	color: #000;
}
.kanban-container .kanban-board.workvalues .kanban-drag .kanban-item {
	background-color: #021731;
	color: #fff;
}
.kanban-container .kanban-board .kanban-board-header .kanban-title-board {
	font-size: 1.2rem;
	font-weight: 500;
	color: #fff;
}
.kanban-board header {
	font-weight: 700;
	font-size: 16px;
	line-height: 24px;
	height: 96px;
}
.kanban-item .btn {
	width: 22px;
	height: 22px;
	padding: 0;
}
.tooltip-arrow::before {
	border-bottom-color: #d9d9d9 !important;
}

.btn-check:active + .btn.btn-active-color-primary,
.btn-check:checked + .btn.btn-active-color-primary,
.btn.btn-active-color-primary.active,
.btn.btn-active-color-primary.show,
.btn.btn-active-color-primary:active:not(.btn-active),
.btn.btn-active-color-primary:focus:not(.btn-active),
.show > .btn.btn-active-color-primary {
	color: #fff;
	background-color: #0095E8;
	border-style: none !important;
}
.bg-light-gray {
	background: #F1F2F4 !important;
}
.bg-important {
	background: #03244E !important;
}
.bg-Nutral {
	background: #042D61 !important;
}
.bg-Lessimortant {
	background: #043674 !important;
}
.bg-notimportant {
	background: #054391 !important;
}
.bg-yellow {
	background: #F9DD50 !important;
}
.kanban-container .kanban-board .kanban-drag {
	min-height: 500px !important;
}
.kanban-container .kanban-board.workvalues .kanban-drag {
	padding: 2px;
	display: flex !important;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap !important;
}
.kanban-container .kanban-board .kanban-drag {
	padding: 2px;
	display: flex !important;
	justify-content: center;
	flex-wrap: wrap !important;
}
.kanban-container .kanban-board.workvalues .kanban-board-header .kanban-title-board {
	color: #fff;
}
.kanban-container .kanban-board.workvalues .kanban-drag .kanban-item {
	background-color: #021731;
	color: #fff;
}
.kanban-container .kanban-board .kanban-board-header .kanban-title-board {
	font-size: 1.2rem;
	font-weight: 500;
	color: #fff;
}
.kanban-board header {
	font-weight: 700;
	font-size: 16px;
	line-height: 24px;
	height: 96px;
}
.kanban-item .btn {
	width: 22px;
	height: 22px;
	padding: 0;
}
.btn-check:active + .btn.btn-active-color-primary,
.btn-check:checked + .btn.btn-active-color-primary,
.btn.btn-active-color-primary.active,
.btn.btn-active-color-primary.show,
.btn.btn-active-color-primary:active:not(.btn-active),
.btn.btn-active-color-primary:focus:not(.btn-active),
.btn.btn-active-color-primary:hover:not(.btn-active),
.show > .btn.btn-active-color-primary {
	color: #fff;
	background-color: #0095E8;
	border-style: none !important;
}
.disabled {
	color: #011023 !important;
}
.tooltip-arrow::before {
	border-bottom-color: #d9d9d9 !important;
}

@media (min-width: 992px) {
	[data-kt-aside-minimize="on"] .aside .aside-menu {
		width: auto;
	}
	[data-kt-aside-minimize="on"] .aside {
		width: 100px;
		transition: width .3s ease;
	}
}
.custom-tooltip {
	--bs-tooltip-bg: var(--elev8-primary) !important;
	--bs-tooltip-color: var(--bs-white) !important;
}
.upload-file-block {
	cursor: pointer;
	opacity: 0;
	transition: 0.5s;
}
.profilePicContainer:hover .upload-file-block {
	opacity: 0.5;
}
.form-check-input[type="radio"] {
	width: 1.2rem;
	height: 1.2rem;
}
.form-check.form-check-solid .form-check-input:checked {
	background-color: #054391;
}
.form-check-input:checked[type="radio"] {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2.2' fill='%23FFFFFF'/%3e%3c/svg%3e");
}
.min-h-150px {
	min-height: 150px;
}
.max-h-400px {
	max-height: 400px;
}
/* Style 8
																						  ----------------------------- */
.eight h1 {
	text-align: center;
	text-transform: uppercase;
	font-size: 26px;
	letter-spacing: 1px;
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	grid-template-rows: 16px 0;
	grid-gap: 22px;
}

.eight h1:after,
.eight h1:before {
	content: " ";
	display: block;
	border-bottom: 2px solid #ccc;
	background-color: #f8f8f8;
}
.w-95 {
	width: 95% !important;
}
.lab-style {
	top: -20px;
	left: -10px;
	width: 63px;
	height: 53px;
	background: #054391;
	border-radius: 24px 0;
	padding-left: 20px;
}
.apexcharts-legend {
	display: flex;
	overflow: auto;
	padding: 0 10px;
}
.apexcharts-legend.apx-legend-position-bottom, .apexcharts-legend.apx-legend-position-top {
	flex-wrap: wrap
}
.apexcharts-legend.apx-legend-position-right, .apexcharts-legend.apx-legend-position-left {
	flex-direction: column;
	bottom: 0;
}
.apexcharts-legend.apx-legend-position-bottom.apexcharts-align-left, .apexcharts-legend.apx-legend-position-top.apexcharts-align-left, .apexcharts-legend.apx-legend-position-right, .apexcharts-legend.apx-legend-position-left {
	justify-content: flex-start;
}
.apexcharts-legend.apx-legend-position-bottom.apexcharts-align-center, .apexcharts-legend.apx-legend-position-top.apexcharts-align-center {
	justify-content: center;
}
.apexcharts-legend.apx-legend-position-bottom.apexcharts-align-right, .apexcharts-legend.apx-legend-position-top.apexcharts-align-right {
	justify-content: flex-end;
}
.apexcharts-legend-series {
	cursor: pointer;
	line-height: normal;
	display: flex;
	align-items: center;
}
.apexcharts-legend-text {
	position: relative;
	font-size: 14px;
}
.apexcharts-legend-text *, .apexcharts-legend-marker * {
	pointer-events: none;
}
.apexcharts-legend-marker {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	margin-right: 1px;
}

.apexcharts-legend-series.apexcharts-no-click {
	cursor: auto;
}
.apexcharts-legend .apexcharts-hidden-zero-series, .apexcharts-legend .apexcharts-hidden-null-series {
	display: none !important;
}
.apexcharts-inactive-legend {
	opacity: 0.45;
}
.font-poppins{
	font-family: Poppins,Helvetica,sans-serif;
}
.img-size {
	width: 50px;
	height: 50px;
}
.bg-table-th {
	background-color: #054391;
	background-image: url('../../assets/media/reports/bg-table-th.png');
	background-repeat: no-repeat;
	background-position: 0 0;
	color: #fff;
	font-family: 'Popins';
}

.bg-table-th th {
	background-color: #054391;
	color: #fff;
	font-family: 'Popins';
	height:1cm;
	padding:5px;
}
.highlight, .highlight .text-dark, .highlight .svg-icon.svg-icon-muted,.highlight .btn.btn-text-gray-700,.highlight .btn.btn-active-color-gray-800:hover:not(.btn-active) .svg-icon{
	color:#fff;
	background: #054391;
}
.swal2-styled.swal2-confirm{
	background-color: #054391;
	font-size: 1.2em;
	padding: 10px 45px;
}
.card .card-header{
	margin-bottom:15px;
}
.card .card-body{
	padding: 1rem 1.25rem;
}
.btn{
	border-radius: 8px;
	height:40px;
	font-size: 1rem;
}
.apexcharts-legend-text, .apexcharts-text, .apexcharts-title-text{
	font-family: 'Popins' !important;
}