.navbar-vertical, .content, footer {
	transition: .5s!important;
}
.btn-block {
	width: 100%!important;
}
.search-form {
	padding: 3rem!important;
	border-radius: 8px;
}
a:hover {
	text-decoration: none!important;
}
.container-small {
	max-width: 1300px!important;
}
.job-listing-card {
	border: none!important ;
}
a .job-listing-card:hover {
	background-color: #f2f2f2!important;
	border-radius: 5px!important;
}
hr.job-listing-divider {
	margin-top: 1px!important;
	margin-bottom: 1px!important;
}
html[data-bs-theme="dark"] a .job-listing-card:hover {
	background-color: #0f111a73!important;
	border-radius: 5px!important;
}
.job-listing-details {
	position: sticky;
	top: 70px!important;
	bottom: 70px!important;
	margin-bottom: 3rem!important;
}

.job-listing-details .card {
	height: 95vh!important;
	overflow-y: auto!important;
}
.job-listing-card .company-logo {
	width: 25px!important;
	height: 25px!important;
	border-radius: 100px!important;
/*	background-color: #dde7ff!important;*/
	border: 1px solid #dde7ff;
}
html[data-bs-theme="dark"] .job-listing-card .company-logo {
/*	background-color: #0f111a!important;*/
	border: 1px solid #0f111a;
}
.nav-offcanvas.offcanvas-end {
	width: 100%!important;
}

.navbar-vertical .offcanvas {
	width: 15.875rem!important;
}

.search-form .form-control, .search-form .form-select, .search-form .btn {
	border-radius: 0px!important;
}
.landing-navbar nav .logo-text {
	color: #3874ff !important;
}
.landing-navbar nav .theme-control-toggle-dark {
	color: #3874ff !important;
	background-color: #3874ff2b!important;
}
.landing-navbar .navbar {
	padding: 0 1.5rem!important;
}
.landing-navbar nav .navbar-nav li a {
	padding: 1.5rem 0.5rem!important;
}
.landing-navbar nav .navbar-nav li a {
	color: #19191f !important;
	border-bottom: 4px solid transparent;
}
html[data-bs-theme="dark"] .landing-navbar nav .navbar-nav li a {
	color: #f0f0f0 !important;
	border-bottom: 4px solid transparent;
}
.landing-navbar nav .navbar-nav li a:hover {
	border-bottom: 4px solid #3874ff2b;
}
html[data-bs-theme="dark"] .landing-navbar nav .navbar-nav li a:hover {
	border-bottom: 4px solid #3874ff2b;
}
.landing-navbar nav .theme-control-toggle .theme-control-toggle-label:hover {
  background-color: #3874ff!important;
  color: #f0f0f0!important;
}
.job-listing-card * {
	color: #19191f!important;
}
html[data-bs-theme="dark"] .job-listing-card * {
	color: #f0f0f0!important;
}
.job-listing-card p small {
	font-size: 14px!important;
}

.jobs-footer {
	padding: 1rem;
	background-color: #f0f0f0;
	margin: 1rem 0 8rem 0;
}
html[data-bs-theme="dark"] .jobs-footer {
	background-color: #0f111a;
}
.job-description-company-logo {
/*	background-color: #dde7ff;*/
	border: 1px solid #dde7ff;
	border-radius: 100px;
	width: 40px;
	height: 40px;
}
html[data-bs-theme="dark"] .job-description-company-logo {
/*	background-color: #0f111a;*/
	border: 1px solid #0f111a;
}

.landing-navbar .dropdown-menu[data-bs-popper] {
  margin-top: 30px!important;
  margin-right: 12px!important;
}
.animonitor-apps {
	width: 350px;
}

div.error-page {
	background-color: #fff;
	margin: 0 0;
}

.flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month {
  height: auto!important;
  padding: 20px 1px!important;
}

.flatpickr-months .flatpickr-month {
  height: unset!important;
}

.flatpickr-day.weekend-days {
  color: var(--grinsoft-body-color);
}
html[data-bs-theme="dark"] .flatpickr-day, html[data-bs-theme="dark"] .flatpickr-day.weekend-days {
  color: var(--grinsoft-body-color);
}

.flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay {
    color: var(--grinsoft-quaternary-bg)!important;
}

.flatpickr-day.today {
    background: var(--grinsoft-primary) !important;
    color: var(--grinsoft-flatpickr-today-color)!important;
    border-radius: 50%;
}
.flatpickr-day.selected {
    background-color: rgba(var(--grinsoft-primary-rgb), 0.25)!important;
}

.flatpickr-day.selected {
    background-color: var(--grinsoft-quaternary-bg)!important;
    color: var(--grinsoft-body-color)!important;
    border: 0;
}
.flatpickr-day {
  font-weight: 700!important;
  color: var(--grinsoft-body-color);
}
.flatpickr-day {
    margin: 4px !important;
    color: var(--grinsoft-body-color);
    font-size: 1rem;
    font-weight: 700;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 28px!important;
    border: 0;
    height: 32px !important;
    width: 32px !important;
    max-width: 32px !important;
    border-radius: 6px!important;
}
html[data-bs-theme="dark"] .flatpickr-months .flatpickr-prev-month, html[data-bs-theme="dark"] .flatpickr-months .flatpickr-next-month {
  fill: #c0c0c0!important;
}
html[data-bs-theme="dark"] .flatpickr-months .flatpickr-prev-month:hover, html[data-bs-theme="dark"] .flatpickr-months .flatpickr-next-month:hover {
  fill: #fff!important;
}
html[data-bs-theme="dark"] .flatpickr-day.prevMonthDay.inRange, html[data-bs-theme="dark"] .flatpickr-day.nextMonthDay.inRange, html[data-bs-theme="dark"] .flatpickr-day.today.inRange, html[data-bs-theme="dark"] .flatpickr-day.prevMonthDay.today.inRange, html[data-bs-theme="dark"] .flatpickr-day.nextMonthDay.today.inRange, html[data-bs-theme="dark"] .flatpickr-day:hover, html[data-bs-theme="dark"] .flatpickr-day.prevMonthDay:hover, html[data-bs-theme="dark"] .flatpickr-day.nextMonthDay:hover, html[data-bs-theme="dark"] .flatpickr-day:focus, html[data-bs-theme="dark"] .flatpickr-day.prevMonthDay:focus, html[data-bs-theme="dark"] .flatpickr-day.nextMonthDay:focus {
    background-color: var(--grinsoft-flatpickr-calendar-day-hover-bg)!important;
    color: #fff!important;
}
html[data-bs-theme="dark"] .flatpickr-day.inRange, html[data-bs-theme="dark"] .flatpickr-day.prevMonthDay.inRange, html[data-bs-theme="dark"] .flatpickr-day.nextMonthDay.inRange, html[data-bs-theme="dark"] .flatpickr-day.today.inRange, html[data-bs-theme="dark"] .flatpickr-day.prevMonthDay.today.inRange, html[data-bs-theme="dark"] .flatpickr-day.nextMonthDay.today.inRange, html[data-bs-theme="dark"] .flatpickr-day:hover, html[data-bs-theme="dark"] .flatpickr-day.prevMonthDay:hover, html[data-bs-theme="dark"] .flatpickr-day.nextMonthDay:hover, html[data-bs-theme="dark"] .flatpickr-day:focus, html[data-bs-theme="dark"] .flatpickr-day.prevMonthDay:focus, html[data-bs-theme="dark"] .flatpickr-day.nextMonthDay:focus {
  cursor: pointer!important;
  outline: 0!important;  
  background: #9e9e9e !important;
  border-color: #7e7e7e !important;
}
.flatpickr-day.inRange, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.today.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day:hover, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.nextMonthDay:hover, .flatpickr-day:focus, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.nextMonthDay:focus {
  cursor: pointer;
  outline: 0;
  background: #c7c7c7!important;
  border-color: #c7c7c7!important;
}

.flatpickr-months .flatpickr-month .flatpickr-current-month .flatpickr-monthDropdown-months {
  background-color: transparent!important;
}

.justify-content-right {
	justify-content: right!important;
}

.sticky-top.landing-navbar.navbar-shadow {
	background-color: #fff!important;
}

.top-bar-tems {
  justify-content: right !important;
  padding: 8px 0 !important;
}
html[data-bs-theme="dark"] .sticky-top.landing-navbar.navbar-shadow {
	background-color: #0f111a!important;
}

sup.required {
	color: #dc3321;
}

.swal2-toast-shown .swal2-toast.swal2-icon-error {
  background-color: #f6d9dc !important;
	border: 1px solid #f27474;
	padding: .2rem .8rem!important;
}

.swal2-toast-shown .swal2-toast.swal2-icon-success {
  background-color: #d0ffcf !important;
	border: 1px solid #64ba33;
	padding: .2rem .8rem!important;
}

.swal2-toast-shown .swal2-toast.swal2-icon-warning {
  background-color: #fbe3c4 !important;
	border: 1px solid #e59806;
	padding: .2rem .8rem!important;
}
.swal2-toast-shown .swal2-toast.swal2-icon-info {
  background-color: #dff5fc !important;
	border: 1px solid #3fc3ee;
	padding: .2rem .8rem!important;
}
div:where(.swal2-icon).swal2-warning {
  border-color: #e7a15f !important;
  color: #da7218!important;
}

.swal2-popup.swal2-toast .swal2-title {
  padding: .2rem 0!important;
  font-size: 1rem!important;
  margin-left: 3px!important;
}

.swal2-popup.swal2-toast .swal2-styled {
  margin: .25em .5em!important;
  padding: .4em .6em!important;
  font-size: .6em!important;
  position: absolute!important;
  top: 2px!important;
  background-color: #3874ff !important;
  right: 2px!important;
  font-weight: 700;
}

html[data-bs-theme="dark"] .swal2-toast-shown .swal2-toast.swal2-icon-info {
	background-color: #0c1619 !important;
	color: #3fc3ee!important;
}
html[data-bs-theme="dark"] .swal2-toast-shown .swal2-toast.swal2-icon-warning {
	background-color: #1e1d23 !important;
	color: #da7218 !important;
}

html[data-bs-theme="dark"] .swal2-toast-shown .swal2-toast.swal2-icon-error {
	background-color: #2b222c !important;
	color: #f27474 !important;
}

html[data-bs-theme="dark"] .swal2-toast-shown .swal2-toast.swal2-icon-success {
	background-color: #2a362d !important;
  color: #a5dc86 !important;
}

.page-link {
    border: 1px solid #dee2e6;
    border-radius: .25rem;
    padding: .5rem .75rem;
    margin: 0 .125rem;
    color: #007bff;
    text-decoration: none;
}
html[data-bs-theme="dark"] .page-link {
	border: 1px solid #353553;
}
.page-link.active {
    background-color: #007bff;
    color: #fff;
}

.page-link.disabled {
    pointer-events: none;
    opacity: .5;
}

.page-item.active .page-link:hover {
    background-color: #007bff;
}

html[data-bs-theme="dark"] .page-link:not(.active):hover {
	background-color: #007bff;
}

/* CSS to add a minus sign for partial selection */
.minus-checkbox::before {
    content: '-';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 1rem;
    color: #000;
}

.btn-flat {
	border-radius: 0!important;
}

.btn-gs-danger {
  background: #ec1f00;
  color: #fff;
  border: 1px solid #a41803;
}
.btn-gs-danger:hover, .btn-gs-danger:focus {
  background: #b11e08!important;
  color: #fff!important;
}

.btn-gs-outline-danger {
  background: transparent;
  color: #ec1f00;
  border: 1px solid #ec1f00;
}

.btn-gs-outline-danger:hover, .btn-gs-outline-danger:focus {
  background: #ec1f00!important;
  color: #fff!important;
}
.btn-xs {
	padding: 6px 10px !important;
  font-size: 12px;
}
.btn-gs-default {
  background: #fff;
  border-color: #c8c4c4;
}
.btn-gs-default:hover, .btn-gs-default:focus {
  background: #e1e1e1!important;
  border-color: #c8c4c4!important;
}

.btn-gs-outline-default {
  background: transparent;
  color: #292828;
  border-color: #c8c4c4;
}
.btn-gs-outline-default:hover, .btn-gs-outline-default:focus {
  background: #c8c4c4!important;
  color: #292828;
  border-color: #292828!important;
}

.btn-gs-primary {
  background: #3874ff;
  color: #fff;
  border-color: #124bce;
}

.btn-gs-primary:hover, .btn-gs-primary:focus {
  background: #004DFF!important;
  color: #fff!important;
}

.btn-gs-outline-primary {
  background: transparent;
  color: #3874ff;
  border-color: #3874ff;
}

.btn-gs-outline-primary:hover, .btn-gs-outline-primary:focus {
  background: #3874ff!important;
  color: #fff!important;
}

.btn-gs-success {
  background: #059b08;
  color: #fff;
  border-color: #08660a;
}

.btn-gs-success:hover, .btn-gs-success:focus {
  background: #04c008!important;
  color: #fff!important;
}

.btn-gs-outline-success {
  background: transparent;
  color: #059b08;
  border-color: #059b08;
}

.btn-gs-outline-success:hover, .btn-gs-outline-success:focus {
  background: #059b08!important;
  color: #fff!important;
}

.btn-gs-warning {
  background: #df9508;
  color: #fff;
  border-color: #ac7815;
}

.btn-gs-warning:hover, .btn-gs-warning:focus {
  background: #ffab0a !important;
  color: #fff!important;
}

.btn-gs-outline-warning {
  background: transparent;
  color: #df9508;
  border-color: #df9508;
}

.btn-gs-outline-warning:hover, .btn-gs-outline-warning:focus {
  background: #df9508!important;
  color: #fff!important;
}

.animonitor-preloader-container {
	background-color: #110d0d75;
	display: none;
	width: 100%;
	height: 100vh;
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 2020;
	justify-content: center;
}

.animonitor-preloader-container .preloader {
	align-self: center;
}

td.description-field-1-line {
	max-width: 300px!important;
}

.description-field-1-line,
.description-field-2-lines,
.description-field-3-lines,
.description-field-4-lines,
.description-field-5-line {
	cursor: default;
}
.singleline-ellipsis {
    max-width: 100%;            /* Ensures the element does not exceed its parent's width */
    white-space: nowrap;        /* Prevents text from wrapping to the next line */
    overflow: hidden;           /* Hides any overflowing text */
    text-overflow: ellipsis;    /* Displays an ellipsis (...) for overflowing text */
}

.multiline-ellipsis-2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 2;
}

.multiline-ellipsis-3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 3;
}

.multiline-ellipsis-4 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 4;
}

.multiline-ellipsis-5 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 5;
}

.divider-center {
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    position: relative;
    word-wrap: normal;
    white-space: nowrap;
    margin: auto;
}

.divider-center::before,
.divider-center::after {
    content: "";
    border-bottom: 1px solid #e0e2e7; /* Adjust color and thickness */
    margin: 0 10px; /* Adjust space between text and lines */
    flex: 1;
}

html[data-bs-theme="dark"] .divider-center::before,
html[data-bs-theme="dark"] .divider-center::after {
	border-bottom: 1px solid #1a1e2f; 
}

.divider-center::before {
    flex-basis: 50%; /* Adjust the percentage as needed */
}

.divider-center::after {
    flex-basis: 50%; /* Adjust the percentage as needed */
}

form .toggle-password {
  top: 3px;
  position: absolute;
  right: 0px;
  background: transparent;
}
.flat {
	border-radius: 0px!important;
}
.alert {
	padding: .7rem .95rem !important;
}

.alert-dismissible .btn-close {
  padding: .875rem .61rem !important
}

.dropdown-menu {
	padding: 8px 8px!important;
	border-radius: 0.375rem!important;
}

.dropdown-item:hover, .dropdown-item:focus {
  border-radius: 0.375rem!important;
}

.dropdown-item {
	margin-bottom: 4px!important;
}
.dropdown-item:last-child {
	margin-bottom: 0px!important;
}

#logo-preview, #favicon-preview {
  max-height: 200px;
  max-width: 200px;
  display: block;
}
.system-name {
  max-width: 100%;            /* Ensures the element does not exceed its parent's width */
  white-space: nowrap;        /* Prevents text from wrapping to the next line */
  overflow: hidden;           /* Hides any overflowing text */
  text-overflow: ellipsis;    /* Displays an ellipsis (...) for overflowing text */
}

.text-break-none {
  white-space: nowrap;
  word-wrap: normal;
  
}

.modal-footer {
  justify-content: space-between!important;
}
  
html[data-bs-theme="dark"] .select2-selection {
  background: #141824!important;
  border: 1px solid #373e53!important;
}
html[data-bs-theme="dark"] .select2-selection .select2-selection__rendered {
  color: #9fa6bc!important;
}

html[data-bs-theme="dark"] .select2-selection--single {
  border: var(--grinsoft-border-width) solid var(--grinsoft-border-color)!important;
}

html[data-bs-theme="dark"] .select2-container--bootstrap-5 .select2-dropdown.select2-dropdown--below {
  background: #141824!important;
  color: #9fa6bc!important;
}

html[data-bs-theme="dark"] .select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field {
  color: #9fa6bc!important;
  background-color: #0f111a!important;
  border: 1px solid #373e53!important;
}

html[data-bs-theme="dark"] .select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--highlighted {
  color: #9fa6bc!important;
  background-color: #222834!important;
}

input.disabled {
  cursor: default;
}
input.disabled:focus {
  outline: 0 !important;
  border-color: transparent !important;
}

.form-control:disabled,.form-select:disabled, {
  color: var(--grinsoft-quaternary-color)!important;
  background-color: rgba(var(--grinsoft-gray-100-rgb), 0.7)!important;
  opacity: 1!important;
}


.form-control-plaintext {
  text-transform: capitalize;
}


.profile-picture-container {
    width: 150px;
    height: 150px;
    margin: 0 auto;
    overflow: hidden;
}

.profile-picture {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.img-container {
    max-width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
}

.cropper-container {
    max-width: 100%;
    margin: 5px auto;
    height: auto;
}

html[data-bs-theme="dark"] .select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
  color: #9fa6bc !important;
  border: 1px solid #373e53 !important;
}

html[data-bs-theme="dark"] .select2-container--bootstrap-5.select2-container--disabled .select2-selection, html[data-bs-theme="dark"] .select2-container--bootstrap-5.select2-container--disabled.select2-container--focus .select2-selection {
  color: #6c757d!important;
  background-color: #222834 !important;
  border-color: #373e53!important;
}




































































@media (min-width: 768px) {
  .navbar-expand-md .navbar-nav {
  	margin: auto!important;
  }
  .navbar-vertical.navbar-expand-md .navbar-vertical-footer .right-arrow {
    display: none!important;
  }
  .navbar-vertical.navbar-expand-md .navbar-vertical-footer .right-arrow {
    display: inline!important;
  }
  .navbar-vertical.navbar-expand-md .navbar-vertical-content .navbar-nav .nav .nav-link .nav-link-text {
    padding-left: 0!important;
  }
  .navbar-vertical.navbar-expand-md .navbar-vertical-content .navbar-nav .nav .nav-link {
    padding-left: 3rem!important;
  }
  .navbar-vertical-collapsed .navbar-vertical-content .nav-item-wrapper:hover .nav .nav-link {
    padding-left: 1.2rem !important;
  }
}

@media (max-width: 767px) {
	.search-form {
		padding: 2rem!important;
		border-radius: 4px;
		border: none!important;
	}
	.navbar-brand {
		padding: 0.5rem 0!important;
	}
	.mobile-device.job-listing-details {
		position: fixed !important;
	    top: 50px !important;
	    bottom: 0 !important;
	    left: 0 !important;
	    right: 0 !important;
	    z-index: 1;
	}
	.mobile-device.job-listing-details .card {
		border-radius: 0!important;
	}
	.landing-navbar .dropdown-menu[data-bs-popper] {
	  margin-top: 25px!important;
	  margin-right: -8px!important;
	}
}
@media (max-width: 468px) {
	.search-form {
		padding: 1.5rem 0rem!important;
		border-radius: 4px;
		border: none!important;
	}
	.animonitor-apps {
		max-width: 350px!important;
		width: 100%!important;
	}
	.auth-logo {
		max-width: 180px!important;
		width: 90%!important;
	}
}

@media print {
  .navbar-vertical,.navbar-top, .footer {
    display: none;
  }
  .navbar-vertical.navbar-expand-md ~ .navbar-top ~ .content {
    padding-left: 0!important;
    padding-right: 0!important;
    margin-left: 0;
  }
}