:root {
	--bs-body-bg: #FFFFFF;
	--iti-dropdown-bg: #FFFFFF;
	--bs-body-color: #000000;
	--bs-secondary-color: #000000;
}

body {
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}

.searchFor {
    background-color: #FFFFFF;
    border-color: #CED4DA !important;
    border-bottom-left-radius: 1px !important;
    border-top-left-radius: 1px !important;
    border-bottom-right-radius: 1px !important;
    border-top-right-radius: 1px !important;
    color: #000000;
}

.searchFor:focus {
    background-color: #FFFFFF;
    border-color: #CED4DA !important;
    border-bottom-left-radius: 1px !important;
    border-top-left-radius: 1px !important;
    border-bottom-right-radius: 1px !important;
    border-top-right-radius: 1px !important;
    color: #000000;
}

.search-icon-box, .sort-dropdown, .languageSwitcher {
    background-color: #E9ECEF !important;
    border-color: #CED4DA !important;
    border-bottom-right-radius: 1px !important;
    border-top-right-radius: 1px !important;
    border-bottom-left-radius: 1px !important;
    border-top-left-radius: 1px !important;
    color: #000000 !important;
}

.sort-dropdown, .languageSwitcher {
    background-color: #E9ECEF !important;
    border-radius: 1px !important;
    border-color: #CED4DA !important;
    color: #000000 !important;
}

.languageSwitcher:hover {
    background-color: #E9ECEF;
    border-radius: 1px;
    border-color: #CED4DA;
    color: #000000;
}

.iti__search-input {
    background-color: var(--bs-body-bg);
    color: var(--bs-body-color);
}

.iti__search-input::placeholder {
    color: var(--bs-body-color);
}

.jobName {
	color: #000000;
	font-size: 21px;
	font-weight: 500;
}

.cityName {
	color: var(--bs-body-color);
}

.jobCategory, .jobDate, .workPeriod {
	color: #FFFFFF;
	background-color: #6EC800;
	border: 1px solid #6EC800;
	font-weight: 500;
}

.jobElement {
	border-bottom: solid 1px #EFF0F1;
}

.jobElement:hover {
	background-color: #F5F5F5;
}

.jobElement:hover .jobCategory,
.jobElement:hover .jobDate,
.jobElement:hover .workPeriod {
    background-color: #6EC800;
    border: 1px solid #6EC800;
    color: #FFFFFF;
}

.jobElement:hover .cityName,
.jobElement:hover .jobName {
    color: #000000;
}


.dv-button {
	color: #FFFFFF;
	background-color: #6EC800;
	border-radius: 1px;
	border-color: #6EC800;
	border-width: 1px;
}

.dv-button:hover {
	color: #FFFFFF;
	background-color: #7ADF00;
	border-color: #7ADF00;
}

.dv-btn-back {
	color: #FFFFFF;
	background-color: #616A73;
	border-radius: 1px;
	border-color: #616A73;
	border-width: 1px;
}

.dv-btn-back:hover {
	color: #FFFFFF;
	background-color: #A5A8AF;
	border-color: #A5A8AF;
}

.dv-btn-back-overview {
	color: #FFFFFF;
	background-color: #616A73;
	border-radius: 1px;
	border-color: #616A73;
	border-width: 1px;
}

.dv-btn-back-overview:hover {
	color: #FFFFFF;
	background-color: #A5A8AF;
	border-color: #A5A8AF;
}

/* job detail page */
.advertisementContactTitle,
.advertisementBenefitsTitle,
.advertisementRequirementsTitle,
.advertisementResponsibilitiesTitle {
	font-weight: bold;
	text-decoration: none !important;
	font-size: 16px;
	color: #000000;
}

.advertisement ul {
	list-style: none;
	padding: 0px;
}

.advertisement li {
	text-indent: -0.9em;
	padding-left: 1em;
}

.advertisement li::before {
	content: "\25A0";
	color: #6EC800;
	padding-right: 0.3em;
}

.print-icon {
	color: #616A73;
}
.socialMediaIcon {
    margin-left: 1rem;
    text-decoration: none;
}
.printDetailIcon {
    margin-left: 0.5rem;
    margin-right: 1.5rem;
    text-decoration: none;
}

/* apply page */
.imageDropzonePreview {
    width: 100%;
    height: 306px;
    overflow: hidden;
}

.imageDropzonePreview .applicantImage {
	background-color: #EFF0F1;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Or switch to "contain" if you want to see the full image with possible empty spaces */
}
/*
.applicantImage {
	background-color: #EFF0F1;
	display: block;
	width: 100%;
}*/

.uploadZone {
    border-top: 1px dashed;
    border-top-color: #8E8E8E;
}

.uploadTitle span {
	font-size: 18px;
	font-weight: 600;
}

.uploadDescription span {
	font-size: 14px;
}

.pdfAssistance {
    padding: 15px;
    background-color: #D9D9DA;
    border-radius: 4px;
}

.frc-captcha {
    background-color: #D9D9DA !important;
    border-radius: 4px !important;
}

.pdfAssistance label {
    font-weight: 600;
}

.pdfAssistance i {
    color: red;
}

.dropzone {
    min-height: auto;
    padding: 1.5rem 1.75rem;
    text-align: center;
    cursor: pointer;
    border: 1px dashed;
    border-color: #CED4DA;
    background-color: #FFFFFF;
    border-radius: 4px;
}

.dropzone .dz-message {
    margin: 0;
    display: flex;
    text-align: left
}

.dropzone .dz-preview {
    border-radius: .475rem!important;
    margin: .75rem
}

.dropzone .dz-preview .dz-image {
    border-radius: .475rem!important;
    z-index: 1
}

.dropzone .dz-preview.dz-file-preview .dz-image {
    background: var(--bs-gray-200)
}

.dropzone .dz-error-mark,.dropzone .dz-success-mark {
    margin-left: -20px!important;
    margin-top: -20px!important
}

.dropzone .dz-error-mark svg,.dropzone .dz-success-mark svg {
    height: 40px!important;
    width: 40px!important
}

.dropzone .dz-remove {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 1.65rem;
    width: 1.65rem;
    font-size: 1rem;
    text-indent: -9999px;
    white-space: nowrap;
    position: absolute;
    z-index: 2;
    background-color: var(--bs-body-bg)!important;
    box-shadow: var(--bs-box-shadow);
    border-radius: 100%;
    top: -.825rem;
    right: -.825rem
}

.dropzone .dz-remove:after {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: block;
    content: "";
    mask-size: 40%;
    -webkit-mask-size: 40%;
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    background-color: var(--bs-gray-600);
    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='var%28--bs-gray-600%29'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e");
    mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='var%28--bs-gray-600%29'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e")
}

.dropzone .dz-remove:hover:after {
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    background-color: var(--bs-primary);
    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='var%28--bs-primary%29'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e");
    mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='var%28--bs-primary%29'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e")
}

.dropzone .dz-error-message {
    color: var(--bs-danger-inverse);
    background: var(--bs-danger)
}

.dropzone.dropzone-queue .dz-message {
    display: none
}

.dropzone.dropzone-queue .dropzone-panel .dropzone-upload {
    display: none
}

.dropzone.dropzone-queue .dropzone-item {
    display: flex;
    align-items: center;
    margin-top: .75rem;
    border-radius: .475rem;
    padding: .5rem 1rem;
}

.dropzone.dropzone-queue .dropzone-item .dropzone-file {
    flex-grow: 1
}

.dropzone.dz-drag-hover {
    border: 2px dashed #999;
    background-color: #ddd;
}

.dropzone.dropzone-queue .dropzone-item .dropzone-file .dropzone-filename {
    font-size: .9rem;
    font-weight: 500;
    color: var(--bs-body-color);
    text-overflow: ellipsis;
    margin-right: .5rem
}

.dropzone-filename {
    min-width: 100%;
    max-width: 100%;
    word-break: break-word;
    overflow-wrap: anywhere;
    white-space: normal;
}

.dropzone.dropzone-queue .dropzone-item .dropzone-file .dropzone-error {
    margin-top: .25rem;
    font-size: .9rem;
    font-weight: 400;
    color: var(--bs-danger);
    text-overflow: ellipsis
}

.dropzone.dropzone-queue .dropzone-item .dropzone-progress {
    width: 15%
}

.dropzone.dropzone-queue .dropzone-item .dropzone-progress .progress {
    height: 5px;
    transition: all .2s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .dropzone.dropzone-queue .dropzone-item .dropzone-progress .progress {
        transition: none
    }
}

.dropzone.dropzone-queue .dropzone-item .dropzone-toolbar {
    margin-left: 1rem;
    display: flex;
    flex-wrap: nowrap
}

.dropzone.dropzone-queue .dropzone-item .dropzone-toolbar .dropzone-cancel,.dropzone.dropzone-queue .dropzone-item .dropzone-toolbar .dropzone-delete,.dropzone.dropzone-queue .dropzone-item .dropzone-toolbar .dropzone-start {
    height: 25px;
    width: 25px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: color .2s ease
}

.dropzone.dropzone-queue .dropzone-item .dropzone-toolbar .dropzone-cancel>i,.dropzone.dropzone-queue .dropzone-item .dropzone-toolbar .dropzone-delete>i,.dropzone.dropzone-queue .dropzone-item .dropzone-toolbar .dropzone-start>i {
    transition: color .2s ease;
    font-size: .8rem;
    color: var(--bs-gray-600)
}

.dropzone.dropzone-queue .dropzone-item .dropzone-toolbar .dropzone-cancel:hover,.dropzone.dropzone-queue .dropzone-item .dropzone-toolbar .dropzone-delete:hover,.dropzone.dropzone-queue .dropzone-item .dropzone-toolbar .dropzone-start:hover {
    transition: color .2s ease
}

.dropzone.dropzone-queue .dropzone-item .dropzone-toolbar .dropzone-cancel:hover>i,.dropzone.dropzone-queue .dropzone-item .dropzone-toolbar .dropzone-delete:hover>i,.dropzone.dropzone-queue .dropzone-item .dropzone-toolbar .dropzone-start:hover>i {
    color: var(--bs-primary)
}

.dropzone.dropzone-queue .dropzone-item .dropzone-toolbar .dropzone-start {
    transition: color .2s ease
}

/* Lightly color while uploading with gray */
.dropzone .dropzone-item.dz-processing {
    background-color: var(--bs-gray-100);
}

/* Lightly color failure uploads with red */
.dropzone .dropzone-item.dz-error {
    background-color: rgb(237 210 210);
    color: red !important;
}

/* Lightly color successful uploads with green */
.dropzone .dropzone-item.dz-success {
    background-color: rgba(0, 255, 0, 0.1);
}

/* error for upload missing */
.file-upload-invalid {
    background-color: rgba(255, 0, 0, 0.1);
}

/* intl-tel-number */
.iti {
	width: 100%;
}

.contact-avatar {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    display: flex;
    margin-right: 20px;
}

.advertisementContactText {
    display: flex;
}

.form-control {
    background-color: #FFFFFF;
    border-color: #CED4DA;
    border-radius: 4px;
}

.form-select {
    background-color: #FFFFFF;
    border-color: #CED4DA;
    border-radius: 4px;
}

.form-check-input {
    background-color: #FFFFFF;
    border-color: #CED4DA;
    border-radius: 4px;
}

.max-file-size-block {
    margin-top: 5px;
}

.dropzone-error {
    color: red !important;
}

.dropzone-delete i {
    color: #000000 !important;
}

.terms-of-use, .privacy-policy {
    color: #358AFF;
}

.terms-of-use:hover, .privacy-policy:hover {
    color: #1E449C;
}

a {
    color: #358AFF;
}

a:hover {
    color: #1E449C;
}

.no-job-found {
    color: #000000;
}

.send-application-btn {
    float: right;
}

.text-end {
    padding-left: 0px !important;
}

.friendly-captcha {
    margin-left: 0px !important;
}