/*@import "../node_modules/bootstrap/scss/root";
@import "../node_modules/bootstrap/scss/reboot";
@import "../node_modules/bootstrap/scss/type";
@import "../node_modules/bootstrap/scss/images";
@import "../node_modules/bootstrap/scss/containers";
@import "../node_modules/bootstrap/scss/grid";*/
html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}
.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

.bd-placeholder-img {
  font-size: 1.125rem;
  text-anchor: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

@media (min-width: 768px) {
  .bd-placeholder-img-lg {
    font-size: 3.5rem;
  }
}
.b-example-divider {
  width: 100%;
  height: 3rem;
  background-color: rgba(0, 0, 0, 0.1);
  border: solid rgba(0, 0, 0, 0.15);
  border-width: 1px 0;
  box-shadow: inset 0 0.5em 1.5em rgba(0, 0, 0, 0.1), inset 0 0.125em 0.5em rgba(0, 0, 0, 0.15);
}

.b-example-vr {
  flex-shrink: 0;
  width: 1.5rem;
  height: 100vh;
}

.bi {
  vertical-align: -0.125em;
  fill: currentColor;
}

.nav-scroller {
  position: relative;
  z-index: 2;
  height: 2.75rem;
  overflow-y: hidden;
}

.nav-scroller .nav {
  display: flex;
  flex-wrap: nowrap;
  padding-bottom: 1rem;
  margin-top: -1px;
  overflow-x: auto;
  text-align: center;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}

.btn-bd-primary {
  --bd-violet-bg: #712cf9;
  --bd-violet-rgb: 112.520718, 44.062154, 249.437846;
  --bs-btn-font-weight: 600;
  --bs-btn-color: var(--bs-white);
  --bs-btn-bg: var(--bd-violet-bg);
  --bs-btn-border-color: var(--bd-violet-bg);
  --bs-btn-hover-color: var(--bs-white);
  --bs-btn-hover-bg: #6528e0;
  --bs-btn-hover-border-color: #6528e0;
  --bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);
  --bs-btn-active-color: var(--bs-btn-hover-color);
  --bs-btn-active-bg: #5a23c8;
  --bs-btn-active-border-color: #5a23c8;
}

.bd-mode-toggle {
  z-index: 1500;
}

.bd-mode-toggle .dropdown-menu .active .bi {
  display: block !important;
}

/*To fix problem with scroll on mobile for bootstrap-miltiselect*/
button.multiselect-option.dropdown-item {
  width: auto !important;
}

span.multiselect-group.dropdown-item-text {
  display: inline-flex !important;
  cursor: default;
}

/*End*/
/* Move down content because we have a fixed navbar that is 50px tall */
body {
  /*padding-top: 50px;*/
  /*padding-bottom: 20px;*/
  /*overflow: scroll;*/
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
  /*padding-left: 15px;
  padding-right: 15px;*/
}

/* Set widths on the form inputs since otherwise they're 100% wide */
input[type=text],
input[type=password],
input[type=email],
input[type=tel],
input[type=url],
select {
  max-width: 300px;
}

/* Style of Views */
.sc-text-info {
  color: #2F75B5 !important; /*#4fa2c2 crewell*/
}

.maxWith100 {
  max-width: 100px;
}

.maxWith200 {
  max-width: 200px;
}

.maxWith300 {
  max-width: 300px;
}

.maxWith400 {
  max-width: 400px;
}

.maxWith500 {
  max-width: 500px;
}

.maxWith600 {
  max-width: 600px;
}

.maxWith700 {
  max-width: 700px;
}

.maxWith800 {
  max-width: 800px;
}

.maxWith900 {
  max-width: 900px;
}

.max-w-9rem {
  max-width: 9rem;
}

.max-w-10rem {
  max-width: 10rem;
}

.max-w-11rem {
  max-width: 11rem;
}

.max-w-12rem {
  max-width: 12rem;
}

.max-w-13rem {
  max-width: 13rem;
}

.max-w-14rem {
  max-width: 14rem;
}

.max-w-15rem {
  max-width: 15rem;
}

.max-w-16rem {
  max-width: 16rem;
}

.max-w-17rem {
  max-width: 17rem;
}

.max-w-18rem {
  max-width: 18rem;
}

.max-w-19rem {
  max-width: 19rem;
}

.max-w-20rem {
  max-width: 20rem;
}

.max-w-30rem {
  max-width: 30rem;
}

.max-w-40rem {
  max-width: 40rem;
}

.max-w-50rem {
  max-width: 50rem;
}

.max-w-60rem {
  max-width: 60rem;
}

.max-w-70rem {
  max-width: 70rem;
}

.max-w-80rem {
  max-width: 80rem;
}

/* Tab Style custom*/
ul.nav.nav-tabs li.nav-item a.active {
  /*border-top: 3px solid #16a765;*/
  border-top: 3px solid lightskyblue;
  font-weight: bolder;
}

div.nav.nav-tabs button.nav-link.active {
  /*border-top: 3px solid #16a765;*/
  border-top: 3px solid #16a765;
  font-weight: bolder;
}

div.nav.nav-tabs button.nav-link:not(.active) {
  border: 1px solid #16a765;
  border-bottom: 1px solid #eeeeee;
}

/********/
/* Tab style for vacancy select on Applicants page*/
/* dark*/
[data-bs-theme=dark] .applicants-vacancy-tabs a:not(.active):hover {
  color: var(--bs-secondary-text-emphasis) !important;
  background-color: var(--bs-secondary-bg-subtle) !important;
  border-top: 1px solid var(--bs-warning) !important;
  border-radius: 0px !important;
}

[data-bs-theme=dark] .applicants-vacancy-tabs a.active {
  color: var(--bs-warning-text-emphasis) !important;
  background-color: var(--bs-warning-bg-subtle) !important;
  border-top: 1px solid var(--bs-warning) !important;
  border-radius: 0px !important;
}

/*light*/
[data-bs-theme=light] .applicants-vacancy-tabs a:not(.active):hover {
  color: var(--bs-secondary-text-emphasis);
  background-color: var(--bs-secondary-bg-subtle);
  border-top: 1px solid var(--bs-warning) !important;
  border-radius: 0px !important;
}

[data-bs-theme=light] .applicants-vacancy-tabs a.active {
  color: var(--bs-primary-text-emphasis);
  background-color: var(--bs-primary-bg-subtle);
  border-top: 1px solid var(--bs-warning) !important;
  border-radius: 0px !important;
}

.applicants-vacancy-tabs a:not(.active):hover {
  /* background-color: #fff3cd !important;*/
  /* background-color: $cyan-600 !important;
  color: $color-contrast-dark !important;*/
}

.applicants-vacancy-tabs a:not(.active) {
  /*  background-color: $gray-100 !important;
  color: $color-contrast-dark !important;*/
}

.applicants-vacancy-tabs a.active {
  /* background-color: $cyan-700 !important;
   color: $color-contrast-dark !important;*/
}

/********/
#skippy {
  display: block;
  padding: 1em;
  color: #fff;
  background-color: cornflowerblue;
  outline: 0;
}
#skippy .skiplink-text {
  padding: 0.5em;
  outline: 1px dotted;
}

/*-------------Microsoft HTML extension validators ----------------------
input-validation-error. - This rule is applied to the input element that is rendered by the TextBox helper method. 
field-validation-error.  - This rule is applied to the span element that is rendered by the ValidationMessage method. 
validation-summary-error.  - This rule is applies to the ul element that is rendered by the ValidationMessage method.
*/
.input-validation-error {
  /*@extend .border !optional;
  @extend .border-danger !optional;*/
  /* border: 1px solid #dee2e6 !important;
  border-color: #dc3545 !important;*/
}

.field-validation-error {
  /*@extend .invalid-feedback !optional;*/ /* string from Bootstrap form validation */
  /*@extend .invalid-tooltip !optional;*/ /* tooltips from Bootstrap form validation */
  /*display: inline !important;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 5;*/
  /*display: none;*/
  /*max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: .1rem;
  font-size: 0.875rem;
  line-height: 1.5;*/
  /*color: #fff;*/
  /*background-color: rgba(220, 53, 69, 0.9);*/
  /*border-radius: 0.25rem;
  display: inline !important;*/
}

.validation-summary-errors {
  /*  @extend .text-danger;*/
  /* color: #dc3545 !important;*/
}

/*-------------------------------------*/
.needs-validation {
  font-size: 1rem;
}

/*#region ajax loader*/
.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2000;
  /*background-color: #EEEEEE;*/
  /*opacity: 0.5;*/
}

.overlay1 {
  position: relative;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  z-index: 2000;
  /*background-color: #EEEEEE;*/
  /*opacity: 0.5;*/
}

.overlay > div {
  position: relative;
  text-align: center;
}

.overlay > img {
  vertical-align: middle;
}

.overlay1 > div {
  position: relative;
  text-align: center;
}

.overlay1 > img {
  vertical-align: middle;
}

.lazyload {
  z-index: 10000;
}

/*#endregion*/
.photouploadprocessing {
  float: right;
  display: block;
  width: 32px;
  height: 32px;
  background: url("../pic/loader19x19.gif") center no-repeat;
  background-size: contain;
}

.field-validation-error {
  /*color: #a94442;
  font-weight: bold;*/
}

.field-validation-valid {
  /*display: none;*/
}

input.input-validation-error {
  /*border: 2px solid #a94442;*/
}

/*input.valid{
    border-color: #3c763d;
}*/
.validation-summary-errors {
  /*color: #a94442;
  font-weight: bold;
  font-size: 1.1em;*/
}

.validation-summary-valid {
  /*display: none;*/
}

.b-filter-range {
  max-width: 20rem;
  /*max-height: 2rem;*/
}

.b-filter-multiselect {
  max-width: 20rem;
}

/*#region Maximum Width b-w-10 to b-w-25 */
.b-w-10 {
  max-width: 10rem;
}

.b-w-11 {
  max-width: 11rem;
}

.b-w-12 {
  max-width: 12rem;
}

.b-w-13 {
  max-width: 13rem;
}

.b-w-14 {
  max-width: 14rem;
}

.b-w-15 {
  max-width: 15rem;
}

.b-w-16 {
  max-width: 16rem;
}

.b-w-17 {
  max-width: 17rem;
}

.b-w-18 {
  max-width: 18rem;
}

.b-w-19 {
  max-width: 19rem;
}

.b-w-20 {
  max-width: 20rem;
}

.b-w-21 {
  max-width: 21rem;
}

.b-w-22 {
  max-width: 22rem;
}

.b-w-23 {
  max-width: 23rem;
}

.b-w-24 {
  max-width: 24rem;
}

.b-w-25 {
  max-width: 25rem;
}

.b-w-26 {
  max-width: 26rem;
}

.b-w-27 {
  max-width: 27rem;
}

.b-w-28 {
  max-width: 28rem;
}

.b-w-29 {
  max-width: 29rem;
}

.b-w-30 {
  max-width: 30rem;
}

/*#endregion */
/*#region Text Color b-text-[color] */
.b-text-red {
  color: red;
}

.b-text-blue {
  color: blue;
}

.b-text-green {
  color: green;
}

.b-text-orange {
  color: orange;
}

.b-text-coral {
  color: coral;
}

/*#endregion */
/*#region Font Size b-fz-[size] */
.b-fz-0-5 {
  font-size: 0.5rem;
}

.b-fz-0-6 {
  font-size: 0.6rem;
}

.b-fz-0-7 {
  font-size: 0.7rem;
}

.b-fz-0-8 {
  font-size: 0.8rem;
}

.b-fz-0-9 {
  font-size: 0.9rem;
}

.b-fz-1 {
  font-size: 1rem;
}

.b-fz-1-1 {
  font-size: 1.1rem;
}

.b-fz-1-2 {
  font-size: 1.2rem;
}

.b-fz-1-3 {
  font-size: 1.3rem;
}

.b-fz-1-4 {
  font-size: 1.4rem;
}

.b-fz-1-5 {
  font-size: 1.5rem;
}

/*#endregion */
/*#region Special Items*/
.b-adlist-title {
  font-weight: 600;
}

.b-adview-title {
  font-weight: 600;
}

/*#endregion*/
/*#region Bootsrap5 Toaster missing class*/
.hide {
  /*display:none;*/
}

/*#endregion*/
.cur-pointer {
  cursor: pointer !important;
}

.form-select {
  cursor: pointer !important;
}