:root {
  --color: 70, 68%;
  --l: 52%;

  --sec-color: 208, 100%;
  --sec-l: 50%;

  --main-brand-color: hsl(var(--color), var(--l));
  --second-brand-color: hsl(var(--sec-color), var(--sec-l));
  --color-main-darkest: hsl(var(--color), calc(var(--l) - 10%));
  --color-second-darkest: hsl(var(--sec-color), calc(var(--sec-l) - 10%));
  --color-second-lightest: hsl(var(--sec-color), calc(var(--sec-l) + 40%));

  --filter: invert(34%) sepia(86%) saturate(2631%) hue-rotate(196deg)
    brightness(97%) contrast(115%);

  --backg-color: #e9f6fe;
}
/*@media (min-width: 1000px) and (max-height: 800px) and (min-height: 700px) {
  body {font-size: 12px;
  }
}*/
.dropdown-item,
.form-select {
  color: var(--font-color, #212529);
}
.dropdown-item:hover,
.dropdown-item:focus {
  color: var(--font-color, #1e2125);
}
.btn-primary {
  color: #fff;
  background-color: var(--color-second-darkest);
  border-color: var(--color-second-darkest);
}
.form-control:focus {
  color: var(--font-color, #1e2125);
  background-color: #fff;
  border-color: var(--second-brand-color);
  outline: 0;
  box-shadow: 0 0 0 0.25rem var(--color-second-lightest);
}
.form-check-input:focus,
.cities_combo.ui-autocomplete-input:focus {
  box-shadow: 0 0 0 0.25rem var(--color-second-lightest);
}

.form-check-input:focus {
  box-shadow: 0 0 0 0.25rem var(--color-second-lightest);
}
.form-check-input:focus {
  border-color: var(--color-second-lightest);
}
.form-check-input:checked {
  background-color: var(--second-brand-color);
  border-color: var(--second-brand-color);
}
.dropdown-item.active,
.dropdown-item:active {
  background-color: var(--color-second-darkest);
}
body {
  color: var(--font-color, #666666);
  background-color: #e8f6fe;
}
.spinerWrap {
  z-index: 10000;
}
header {
  position: fixed;
  top: 0px;
  background: white;
  left: 0px;
  right: 0px;
  z-index: 100;
}
.logo img,
img.logo {
  max-height: 40px;
  width: auto;
}
.btn-check:focus + .btn,
.btn:focus,
.navbar-toggler:focus {
  box-shadow: none;
}
aside button.navbar-toggler.navbar-toggler-button {
  padding: 19px 19px 18px 17px;
  transform: scale(0.9);
}
.sticky-top.sidebar.left.asidebar
  > .d-none.d-md-flex.align-items-center:first-child {
  flex-direction: row-reverse;
}
.sticky-top.sidebar.left.asidebar.fliph
  > .d-none.d-md-flex.align-items-center:first-child {
  flex-direction: row;
  overflow-x: hidden;
}
/*animted button menu*/
.animated-hamburger {
  width: 20px !important;
  height: 14px !important;
  position: relative !important;
  margin: 0px !important;
  -webkit-transform: rotate(0deg) !important;
  -moz-transform: rotate(0deg) !important;
  -o-transform: rotate(0deg) !important;
  transform: rotate(0deg) !important;
  -webkit-transition: 0.5s ease-in-out !important;
  -moz-transition: 0.5s ease-in-out !important;
  -o-transition: 0.5s ease-in-out !important;
  transition: 0.5s ease-in-out !important;
  cursor: pointer !important;
}
.animated-hamburger span {
  display: block !important;
  position: absolute !important;
  height: 1.4px !important;
  width: 100% !important;
  border-radius: 9px !important;
  opacity: 1 !important;
  left: 0 !important;
  -webkit-transform: rotate(0deg) !important;
  -moz-transform: rotate(0deg) !important;
  -o-transform: rotate(0deg) !important;
  transform: rotate(0deg) !important;
  -webkit-transition: 0.25s ease-in-out !important;
  -moz-transition: 0.25s ease-in-out !important;
  -o-transition: 0.25s ease-in-out !important;
  transition: 0.25s ease-in-out !important;
}
.animated-hamburger span {
  background: #000 !important;
}
.animated-hamburger span:nth-child(1) {
  top: 0px !important;
  -webkit-transform-origin: left center !important;
  -moz-transform-origin: left center !important;
  -o-transform-origin: left center !important;
  transform-origin: left center !important;
}
.animated-hamburger span:nth-child(2) {
  top: 4.9px !important;
  -webkit-transform-origin: left center !important;
  -moz-transform-origin: left center !important;
  -o-transform-origin: left center !important;
  transform-origin: left center !important;
}
.animated-hamburger span:nth-child(3) {
  top: 9.7px !important;
  -webkit-transform-origin: left center !important;
  -moz-transform-origin: left center !important;
  -o-transform-origin: left center !important;
  transform-origin: left center !important;
}
.animated-hamburger.open span:nth-child(1) {
  -webkit-transform: rotate(45deg) !important;
  -moz-transform: rotate(45deg) !important;
  -o-transform: rotate(45deg) !important;
  transform: rotate(45deg) !important;
  top: 0px !important;
  left: 0px !important;
}
.animated-hamburger.open span:nth-child(2),
.animated-hamburger.open span:nth-child(4) {
  width: 0% !important;
  opacity: 0 !important;
}
.animated-hamburger.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg) !important;
  -moz-transform: rotate(-45deg) !important;
  -o-transform: rotate(-45deg) !important;
  transform: rotate(-45deg) !important;
  top: 14px !important;
  left: 0px !important;
}
/*end animated button menu*/
::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  background-color: #fff;
  border-radius: 0em;
}
::-webkit-scrollbar-thumb {
  background-color: var(--second-brand-color);
  border-radius: 1em;
  height: 65px;
}
::-webkit-scrollbar-thumb:hover {
  background-color: var(--second-brand-color);
  border-radius: 1em;
}
.container-fluid {
  padding: 0px;
}
/*sidebar left menu*/
aside {
  height: 100vh;
  background: #fff;
  border-right: 1px solid #dadada;
}
aside .logo {
  max-width: 119px;
  max-height: 38px;
}
.logo-container {
  padding: 0 0 1rem 19px;
}
.sidebar {
  overflow-y: hidden;
  width: 260px;
  transition: all 0.5s ease-in-out;
  height: 100%;
}
.sidebar * {
  transition: all 0.5s linear;
}
.sidebar.no-anim,
.sidebar.no-anim * {
  transition: all 0s linear !important;
}
.user-panel > .image {
  padding-left: 19px;
}
.user-panel > .image > .box {
  position: relative;
  overflow: hidden;
  width: 30px;
  height: 30px;
  -webkit-box-shadow: 0px 0px 0px 1px var(--main-brand-color);
  -moz-box-shadow: 0px 0px 0px 1px var(--main-brand-color);
  box-shadow: 0px 0px 0px 1px var(--main-brand-color);
  transition: all 0.5s linear;
  float: left;
}
.user-panel > .image > .box > img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 33px;
  height: 33px;
  -o-object-fit: cover;
  object-fit: cover;
  transition: all 0.5s linear;
}
.sidebar .user-panel h6.short {
  font-size: 0px;
}
.user-panel > .image i {
  font-size: 11px;
  margin-top: 3px;
  position: absolute;
  right: 0px;
  top: calc(50% - 5.5px);
}
.user-panel > .image h6.long {
  display: flex;
  padding-left: 14px;
  width: calc(100% - 30px);
  justify-content: space-between;
  position: relative;
  padding-right: 30px;
  word-wrap: anywhere;
}
.user-panel {
  width: 100%;
}
.menu-links.list-group {
  max-height: calc(100vh - 350px);
  overflow: auto;
  border-radius: 0px;
}
.fliph .menu-links.list-group {
  overflow: hidden;
}
.sidebar.fliph .set-link {
  display: none;
}
ul.menu-links.list-group li {
  border-radius: 0px 15px 15px 0px;
}
ul.menu-links.list-group a {
  color: var(--font-color, #666);
  text-decoration: none;
  width: 100%;
  display: flex;
  padding: 4px 4px 4px 19px;
}
ul.menu-links.list-group li.active:hover a,
ul.menu-links.list-group li:hover a {
  color: var(--font-color, #666);
}
ul.menu-links.list-group i {
  margin-right: 1.5rem;
  width: 18px;
  height: auto;
  text-align: center;
  font-size: 19px;
  vertical-align: top;
}
ul.menu-links.list-group li.active {
  background: var(--main-brand-color);
}
ul.menu-links.list-group li:hover {
  background: #dadada;
}
ul.menu-links.list-group li.active a {
  color: #fff;
}
.badge-notificatios {
  position: relative;
}
.badge-notificatios:after {
  content: "";
  position: absolute;
  background: #ec1c24;
  height: 6.5px;
  top: 1px;
  right: 1px;
  width: 6.5px;
  border-radius: 50%;
  border: 1px solid #fff;
}
.sidebar.fliph ul.menu-links.list-group .badge-notificatios:after {
  top: 6px;
  right: 6px;
}
/*fliph menu*/
aside .fliph button.navbar-toggler.navbar-toggler-button {
  padding-left: 13px;
  padding-right: 0px;
  text-align: center;
  transition: all 0.5s ease-in-out;
}
.sidebar.fliph {
  width: 48px;
  transition: all 0.5s ease-in-out;
}
.sidebar.mobile {
  width: 100% !important;
  transition: all 0.5s ease-in-out;
}
.sidebar.fliph ul.menu-links.list-group li.active {
  background: var(--main-brand-color);
}
.sidebar.fliph ul.menu-links.list-group li.back i {
  opacity: 1 !important;
}
.sidebar.fliph ul.menu-links.list-group li.back {
  border-width: 1px 1px 1px !important;
}
.sidebar.fliph .user-panel > .image {
  padding-left: 0px;
  margin: 0 auto !important;
  flex-direction: row;
  justify-content: center;
  flex-direction: column;
}
.sidebar.fliph .user-panel > .image > .box {
  position: relative;
  overflow: hidden;
  width: 30px;
  height: 30px;
  margin-right: 0px;
}
.sidebar.fliph .logo-container,
.sidebar.fliph .logo-container img {
  opacity: 0;
  padding: 0px;
  height: 0px;
}
.sidebar.fliph .user-panel > .image > .box {
  width: 34px;
  height: 34px;
}
.sidebar.fliph .user-panel > .image > .box > img {
  width: 38px;
  height: 38px;
}
.sidebar.fliph .user-panel h6.long,
.sidebar.fliph .user-menu h5.title,
.sidebar.fliph ul.menu-links.list-group span,
.sidebar.fliph .user-panel > .image i {
  font-size: 0px;
}
.sidebar.fliph .user-panel h6.short {
  font-size: inherit;
}
.sidebar.fliph ul.menu-links.list-group a,
.sidebar.fliph ul.menu-links.list-group li.active a {
  padding: 0px;
}
.sidebar.fliph .list-group {
  margin-right: 0px !important;
}
.sidebar.fliph ul.menu-links.list-group li,
.sidebar.fliph ul.menu-links.list-group i {
  border-radius: 40px;
  margin: 0 auto;
  text-align: center;
  width: 30px;
  height: 30px;
  line-height: 30px;
}
.sidebar.fliph ul.menu-links.list-group li.active,
.sidebar.fliph ul.menu-links.list-group li.active i {
  width: 40px;
  height: 40px;
  line-height: 40px;
}
.sidebar.fliph .headings {
  margin-bottom: 0px !important;
}
.sidebar.fliph ul.menu-links.list-group a span {
  opacity: 0;
}
.list-group {
  list-style: none;
}
.user-panel > a.image {
  border-radius: 0px 15px 15px 0px;
  color: inherit;
  text-decoration: none;
  transition: color 0.25s linear;
}
.user-panel > a.image:hover h6 {
  color: var(--main-brand-color);
}
.user-panel > a.image:hover h6 i {
  right: 10px;
}
/*main content*/
#content {
  min-height: 100vh;
  background-color: transparent;
  background-image: var(--backg-color, url("../../images/Mainpage.jpg"));
  /*background-image: url(../../checker-files/media/68/css/images/Mainpage.jpg);*/
  background-position: right bottom;
  background-repeat: no-repeat;
  /*    background-blend-mode: darken;*/
  background-size: cover;
  background-attachment: fixed;
}
.wrapper {
  background-color: #e9f6fe;
  background: var(--backg-color, url(../../images/Mainpage.jpg));
  background-position: right bottom;
  background-repeat: no-repeat;
  /*    background-blend-mode: darken;*/
  background-size: cover;
  background-attachment: fixed;
}
.pr-100 {
  padding-right: 100px !important;
}
#content #map {
  padding-right: 0px !important;
}
#map #job-map {
  height: 100%;
}
#content .block {
  box-shadow: 4px 4px 25px 0px #0000001a;
  /*    max-width: 600px;*/
  padding: 15px 22px;
}
#content .block:not(:last-child) {
  margin-right: 5px !important;
}
/* #content .block:not(:first-child) {
  margin-left: 5px !important;
}*/
.main-color {
  color: var(--main-brand-color);
}
svg.main-color {
  fill: var(--main-brand-color);
}
.sec-color {
  color: var(--second-brand-color);
}
.black-color {
  color: var(--font-color, #000);
}
.white-color {
  color: #fff;
}
.color-grey {
  color: var(--font-color, #666);
}
.color-lgrey {
  color: var(--font-color, #aeaeae);
}
.color-lgrey2 {
  color: var(--font-color, #797979);
}
.main-bg {
  background-color: var(--main-brand-color);
}
.sec-bg {
  background-color: var(--second-brand-color);
}
.thr-bg {
  background-color: var(--color-second-darkest);
}
.bg-grey {
  background-color: #f7f7f7;
}
h5.title {
  font-weight: 900;
  color: var(--font-color, #c2c2c2);
  line-height: 2;
  font-size: 18px;
}
h5.title i {
  margin-right: 12px;
  font-size: 32px;
}
.legend .rounded-circle {
  width: 13px;
  height: 13px;
  margin-right: 8px;
}
button.btn,
button.btn-md,
[type="button"].btn,
[type="button"].btn-md {
  font-weight: bold;
  font-size: 15px;
  padding: 3px 0px;
  line-height: 1.5;
  border-radius: 6px;
  transition: all 0.25s linear;
}
button.btn-md,
[type="button"].btn-md {
  max-width: 158px;
  border-radius: 36px;
  box-shadow: 0px 0px 0px 0px var(--main-brand-color) inset;
}
.legend ~ [type="button"].btn-md,
#content .block.bg-white a.black-color {
  max-width: 180px;
  padding: 3px 5px;
}
#content .block.bg-white a.black-color {
  display: block;
  margin: 0 auto;
  border-radius: 36px;
  text-decoration: none !important;
  color: var(--second-brand-color) !important;
  font-size: 15px;
  font-weight: bold;
}
#content .block.bg-white a.black-color:hover {
  color: #fff !important;
  box-shadow: 0px 0px 0px 50px var(--main-brand-color) inset;
}
[type="button"] {
  text-decoration: none;
}
button.btn-outline-sec,
[type="button"].btn-outline-sec,
button.btn-outline-sec:focus,
[type="button"].btn-outline-sec:focus,
#content .block.bg-white a.black-color {
  color: var(--second-brand-color);
  box-shadow: 0px 0px 0px 3px var(--second-brand-color) inset;
}
button.btn.btn-outline-sec:hover,
button.btn.btn-outline-main:hover,
[type="button"].btn.btn-outline-sec:hover,
[type="button"].btn.btn-outline-main:hover {
  color: #fff !important;
  box-shadow: 0px 0px 0px 50px var(--main-brand-color) inset;
}
button:not(.navbar-toggler):not(.accordion-button):not(
    [aria-label="Close"]
  ):hover,
[type="button"].btn:not(.navbar-toggler):not(.accordion-button):not(
    [aria-label="Close"]
  ):hover {
  box-shadow: 0px 0px 0px 50px var(--main-brand-color) inset;
  background-color: var(--main-brand-color);
  color: #fff;
}
button:not(.navbar-toggler):not(.accordion-button):not(
    [aria-label="Close"]
  ):hover,.available-jobs,
[type="button"].btn:not(.navbar-toggler):not(.accordion-button):not(
    [aria-label="Close"]
  ):hover {
  box-shadow: 0px 0px 0px 50px var(--second-brand-color) inset;
  background-color: var(--second-brand-color);
  /* color: #fff; */
}
.modal form .btn[type="submit"] {
  /*   width: 176px;*/
  height: 48px;
  padding: 0 30px !important;
}
form .btn-group.accept .btn,
form .btn-group.accept a {
  width: auto !important;
  min-width: auto !important;
}
div[id^="widget"] {
  min-width: 250px;
}
#widget-money .fs-50.black-color,
.nowrap {
  max-width: 99.9% !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#widget-jobs .fas.fa-clipboard::after {
  content: "\f00d";
  color: #fff;
  position: absolute !important;
  margin-left: -16px;
  font-size: 12px;
  margin-top: 12px;
}
/*#donut1 svg {
    transform: scaleX(-1) rotate(-90deg);
}*/
.donut-ring-main {
  stroke: var(--main-brand-color);
}
.donut-segment-jobs {
  stroke: var(--second-brand-color);
}
#donut1 .donut-segment-jobs,
#donut2 .donut-segment-jobs,
#donut1 .donut-segment-white,
#donut2 .donut-segment-white,
.result .donut-ring-main {
  animation: donut 2s 0.25s;
}
hr[size="3"] {
  height: 3px;
}
@keyframes donut {
  0% {
    stroke-dasharray: 0 100;
  }
}
#donut2 > h5:first-child {
  position: absolute;
  width: 70%;
  display: flex;
  flex-direction: row;
  margin-left: 10% !important;
  margin-top: 2% !important;
}

.no-job {
  min-width: 100%;
  display: block;
  float: none;
}
.no-job + h5 {
  width: 100%;
  float: none;
  text-align: center;
  margin-top: 20px;
}
#donut1:has(img),
#donut2:has(img) {
  flex-wrap: wrap;
}
.opacity-100 {
  opacity: 0%;
}
.opacity-50 {
  opacity: 50%;
}
.opacity-1 {
  opacity: 1;
}
li.back {
  border: solid #dadada;
  border-width: 1px 1px 1px 0px;
}
div#carouselMenu,
div#content1,
.carousel-inner {
  height: 100% !important;
}
#carouselMenu .carousel-item.active {
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  height: calc(100% - 110px) !important;
}
.fliph #carouselMenu .carousel-item.active {
  height: calc(100% - 50px) !important;
}
/*aside .user-panel:last-child {
    bottom: 100px;
    position: absolute;
}*/
aside .fliph .user-panel:last-child {
  bottom: 50px;
}
.user-menu.border-bottom.overflow-auto {
  max-height: calc(100vh - 290px);
}
.fliph .user-menu.border-bottom.overflow-auto {
  overflow: hidden !important;
}
.fs-50 {
  font-size: 50px;
}
.fs-90 {
  font-size: 90px;
}
.fs-smaller {
  font-size: 11px;
}
.radius-10 {
  border-radius: 10px;
}
.cardnew.bg-grey {
  margin: 0px -7px;
  padding: 5px 7px;
  min-width: calc(100% + 14px) !important;
  display: block !important;
}
.cardnew > a {
  color: inherit;
}
.cardnew p sub {
  bottom: 0px;
  font-size: 0.5em;
}
/*Job page*/
form.row label {
  margin-bottom: 6px;
  font-size: 16px;
}
select.form-select,
.dropdown.bootstrap-select.form-select button.btn.dropdown-toggle {
  color: #aeaeae;
  font-size: 16px;
  border-color: #dadada;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='9' viewBox='0 0 16 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0.949707 0.872359L7.98695 7.12769L15.0242 0.872359' stroke='%23aeaeae' stroke-width='2'/%3e%3c/svg%3e ");
  background-size: 14px 6px;
}
.dropdown.bootstrap-select.form-select {
  border: 0px;
  padding: 0px;
  background-image: none !important;
  margin-bottom: 0px !important;
}
.dropdown.bootstrap-select.form-select button.btn.dropdown-toggle {
  background-repeat: no-repeat;
  display: block;
  color: #aeaeae;
  font-size: 16px;
  font-weight: normal;
  width: 100%;
  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  border-radius: 0.25rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.btn.dropdown-toggle.btn-light:not(.bs-placeholder) > .filter-option {
  color: var(--second-brand-color);
}
.dropdown.bootstrap-select.show-tick.form-select {
  border: 0px;
  padding: 0px;
  background-image: none !important;
}
.dropdown.bootstrap-select.form-select button.btn.dropdown-toggle {
  background-color: transparent;
  height: auto;
  outline: none !important;
}
.dropdown.bootstrap-select.form-select button.btn.dropdown-toggle:after {
  content: none;
}
.dropdown.bootstrap-select.form-select button.btn.dropdown-toggle:hover,
.dropdown.bootstrap-select.form-select button.btn.dropdown-toggle:active {
  color: inherit !important;
  background-color: transparent !important;
  box-shadow: none !important;
  outline: none !important;
}
.form-control.pick-date,
input[type="text"],
input[type="password"],
#pick-branch-modal select,
.picker__input {
  font-size: 16px;
  border-color: #dadada;
  background-color: #fff;
  color: #aeaeae;
  min-height: 48px;
}
.form-control.pick-date::placeholder,
input[type="password"]::placeholder,
input[type="text"]::placeholder,
.picker__input::placeholder {
  font-size: 16px;
  color: #aeaeae !important;
}
.pick-date,
#pick-date-to,
#pick-date-from,
.picker__input {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='9' viewBox='0 0 16 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0.949707 0.872359L7.98695 7.12769L15.0242 0.872359' stroke='%23aeaeae' stroke-width='2'/%3e%3c/svg%3e ");
  background-size: 14px 6px;
  background-color: #fff;
  padding-right: 36px;
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  color: var(--second-brand-color);
}
.myjobs
  .position-relative
  > input[name="filter[to]"].form-control.pick-date
  + div,
.openjobs
  .position-relative
  > input[name="filter[to]"].form-control.pick-date
  + div {
  right: 0px;
  top: -300px;
}
.myjobs
  .position-relative
  > input[name="filter[from]"].form-control.pick-date
  + div,
.openjobs
  .position-relative
  > input[name="filter[from]"].form-control.pick-date
  + div {
  left: 0px;
  top: -300px;
}
.picker.picker--time {
  z-index: -1;
}
.picker.picker--time.picker--opened {
  z-index: 2;
}
.pick-date.picker__input--active {
  border-color: var(--second-brand-color);
  box-shadow: 0 0 4px var(--second-brand-color);
}
div#pick-branch-modal .btn-close {
  right: 0px;
  top: 0px;
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg)
    brightness(102%) contrast(102%);
}
div#reject-modal .btn-close {
  right: 0px;
}
#pick-branch-modal .main-bg {
  border-radius: 12px 12px 0 0 !important;
}
form.row input[type="text"],
form.row select.form-select,
form.row .dropdown.bootstrap-select.form-select button.btn.dropdown-toggle,
.dropdown.bootstrap-select.form-select button.btn.dropdown-toggle {
  padding-top: 11px;
  padding-bottom: 11px;
}
form.row .col,
form.row .col-auto,
form.row .col-12 {
  padding: 0px 3.5px;
}
.accordion-button {
  color: var(--font-color, #212529);
}
#accordionFormJob h4.accordion-button {
  color: var(--font-color, black);
  background-color: transparent;
  box-shadow: none;
  font-size: calc(1.275rem + 0.3vw);
}
#accordionFormJob h4.accordion-button:after {
  display: none;
}
#map {
  min-height: 400px;
  overflow: hidden;
}
.sidebar2 {
  height: 100%;
  width: 0;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
}
a[type="button"] {
  -webkit-appearance: none;
  text-decoration: none;
}
.offcanvas-collapse {
  z-index: 0;
  position: absolute;
  top: 0px;
  bottom: 0;
  right: 100%;
  width: 50%;
  padding-right: 1rem;
  padding-left: 1rem;
  /* overflow-y: auto; */
  visibility: hidden;
  background-color: #fff;
  transform: translateX(-100%);
  transition: transform 0.3s ease-in-out, visibility 0.3s ease-in-out;
}
.offcanvas-collapse.open {
  visibility: visible;
  transform: translateX(100%);
  transition: transform 0.3s ease-in-out, width 0.3s ease-in-out;
  height: fit-content;
}
.accordion-item .accordion-collapse {
  height: fit-content;
}
.open-w100 {
  width: 100%;
}
#map .listWrap > button:not(.accept):not(.accordion-button) {
  border: 1px solid #dadada;
  box-shadow: 4px 4px 25px 0px #0000001a;
  background: #ffffff;
  border-radius: 6px;
  font-size: 18px;
  line-height: 150%;
  color: #000000;
  padding: 5px 15px;
}
#map button i {
  font-size: 14px;
  line-height: inherit;
  vertical-align: bottom;
}
button#navbarSideCollapse {
  position: fixed;
  margin-top: 19px;
  margin-left: 19px;
  transition: transform 0.3s ease-in-out, left 0.3s ease-in-out;
}
#map button#navbarSideCollapse.button-open {
  position: absolute;
  top: 1px;
  left: calc(100% + 35px);
  font-size: 0px !important;
  height: 38px;
  transition: transform 0.3s ease-in-out, left 0.3s ease-in-out;

  position: fixed;
  top: 320px;
  left: calc(50% + 190px);
  margin: 0px !important;
}
button#navbarSideCollapseClose {
  position: absolute;
  top: 20px;
  left: calc(100% + 9px);
  font-size: 0px !important;
  height: 38px;
  transition: transform 0.3s ease-in-out, left 0.3s ease-in-out;

  position: fixed;
  top: 320px;
  left: calc(50% + 140px);
}

aside:has(.fliph) + #content #navbarSideCollapseClose {
  left: calc(50% + 40px);
}
aside:has(.fliph) + #content #navbarSideCollapse.button-open {
  left: calc(50% + 90px);
}
aside:has(.fliph)
  + #content
  .mini-menu
  + .content-wrapper
  > #map
  #navbarSideCollapseClose {
  top: 39px;
  left: calc(50% + 50px);
}
aside:has(.fliph)
  + #content
  .mini-menu
  + .content-wrapper
  > #map
  #navbarSideCollapse.button-open {
  top: 0px;
  left: calc(50% - 30px);
}

@-moz-document url-prefix() {
  aside:has(.fliph)
    + #content
    .mini-menu
    + .content-wrapper
    > #map
    #navbarSideCollapseClose {
    left: calc(50% - 80px) !important;
  }
  aside:has(.fliph)
    + #content
    .mini-menu
    + .content-wrapper
    > #map
    #navbarSideCollapse.button-open {
    left: calc(50% - 60px) !important;
  }
}
#map button#navbarSideCollapse.button-open div#infoJobMenu h1 i {
  font-size: 30px;
  margin-right: 10px !important;
  vertical-align: middle;
  line-height: 30px;
  height: 40px;
}
div#infoJobMenu.mini-menu + div button#navbarSideCollapseClose {
  position: fixed;
  margin-top: 91.5px;
  margin-left: 20px;
}

.mini-menu + .content-wrapper > #map #navbarSideCollapseClose {
  left: calc(50% + 120px);
  top: 39px;
}
@-moz-document url-prefix() {
  div#infoJobMenu.mini-menu + div button#navbarSideCollapseClose {
    margin-left: 120px;
  }

  .mini-menu + .content-wrapper > #map #navbarSideCollapseClose {
    left: calc(50% + 20px) !important;
    top: 39px;
  }
}
.mini-menu + .content-wrapper > #map button#navbarSideCollapse {
  margin-top: 20px !important;
}
.mini-menu + .content-wrapper > #map button#navbarSideCollapse.button-open {
  left: calc(50% + 35px);
  margin-top: 129px !important;
}
#maptoggler {
  position: absolute;
  right: calc(50vh - 134px / 2);
  top: 120%;
  bottom: auto;
  position: fixed;
  background: var(--color-second-darkest);
  box-shadow: 0px 4.80502px 4.80502px rgba(0, 0, 0, 0.25);
  border-radius: 51.654px;
  color: #fff;
  font-weight: bold;
  font-size: 16px;
  line-height: 150%;
  border: 0px solid;
  padding: 5.5px 32px;
  visibility: hidden;
  transition: transform 0.3s ease-in-out, top 0.3s ease-in-out;
}
#maptoggler i {
  margin-left: 5px;
}
#maptoggler.show {
  /*   bottom: 30px;*/
  visibility: visible;
  z-index: 10;
  top: calc(100% - 75px);
  bottom: auto;
  position: fixed;
  transition: transform 0.3s ease-in-out, top 0.3s ease-in-out;
}
.fs-18 {
  font-size: 16px !important;
}
.fs-16 {
  font-size: 13px !important;
}
.fs-12 {
  font-size: 12px !important;
}
.form-check-input {
  width: 20px;
  height: 20px;
}
.form-check-input:checked {
  background-color: var(--second-brand-color);
  border-color: var(--second-brand-color);
}
button.accept,
[type="button"].accept {
  border-radius: 46px;
  box-shadow: 0px 0px 0px 3px var(--main-brand-color) inset;
  border: 0px solid;
  background-color: #fff;
  color: var(--main-brand-color);  
  padding: 4px 20px !important;
  font-size: 14px;
  transition: all 0.25s linear;
  font-weight: bold;
  text-align: center;
  height: 43px;
  display: flex;
  justify-content: center;
  align-items: center;
}
button.available-jobs,
 [type="button"].available-jobs{
    border-radius: 46px;
    box-shadow: 0px 0px 0px 3px var(--second-brand-color) inset;
    border: 0px solid;
    background-color: #fff;
    color: var(--second-brand-color);  
    padding: 4px 20px !important;
    font-size: 14px;
    transition: all 0.25s linear;
    font-weight: bold;
    text-align: center;
    height: 43px;
    justify-content: center;
}
.card-list-job.bg-white .accept {
  min-width: 127px;
}
.col.bg-white.block.border.rounded-3.row.m-0.mb-2 {
  max-width: 50%;
}

button.accept.disabled,
[type="button"].accept.disabled {
  min-height: 40.4px;
  max-width: none;
  padding: 7px 12px !important;
}
button.disabled,
[type="button"].disabled,
[type="button"].need-cert {
  font-size: 13px;
  color: #aeaeae;
  box-shadow: 0px 0px 0px 3px #aeaeae inset;
  padding: 7px 1px;
  max-width: 118px;
  line-height: 1;
}
[type="button"].need-cert {
  padding: 7px !important;
  display: flex;
  min-height: 40.4px;
  justify-content: center;
  align-items: center;
}
button.accept.d-grey,
[type="button"].accept.d-grey {
  font-size: 13px;
  color: #666666;
  box-shadow: 0px 0px 0px 3px #666666 inset;
  min-width: 119.36px;
  line-height: 1;
  min-height: 40.4px;
  max-width: none;
  padding: 7px 12px !important;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center !important;
}
#map button.accept.d-grey[disabled],
#map [type="button"].accept.d-grey[disabled] {
  opacity: 0.4;
}
#map button.accept.d-grey[disabled]:hover,
#map [type="button"].accept.d-grey[disabled]:hover {
  color: #666666 !important;
  box-shadow: 0px 0px 0px 3px #666666 inset !important;
  background-color: #fff !important;
}
button.accept.d-grey:hover,
[type="button"].accept.d-grey:hover,
[type="button"].need-cert:hover {
  box-shadow: 0px 0px 0px 50px #666666 inset !important;
  color: #fff !important;
}
body.myjobs #map .navbar-collapse.open-w100 div.action,
body.openjobs #map .navbar-collapse.open-w100 div.action {
  justify-content: space-evenly !important;
  margin-right: 0px;
  min-width: 200px !important;
}
body.openjobs #map .navbar-collapse.open-w100 .show-pack div.action {
  padding-right: 0px !important;
}
body.myjobs #map .navbar-collapse .col.actions.action.col-auto:has(span.await),
body.openjobs
  #map
  .navbar-collapse
  .col.actions.action.col-auto:has(span.await) {
  justify-content: center !important;
  column-gap: 10px;
}
.myjobs .apply-multiple:first-child > textarea {
  min-height: 96px !important;
}
.myjobs .apply-multiple:first-child > .remove-multiple.black-color {
  position: absolute;
  left: calc(100% + 20px);
  bottom: 0px;
  width: max-content;
}
.myjobs .apply-multiple:nth-child(2) {
  align-self: flex-start;
  margin-bottom: 50px;
}
.myjobs .apply-multiple:first-child {
  position: relative;
  margin-right: 10px;
  max-width: calc(100% - 180px) !important;
  min-width: 200px;
}
.myjobs .show-pack .apply-multiple:first-child {
  max-width: calc(100% - 280px) !important;
}
.openjobs .show-pack .col-auto:first-of-type:has(textarea) {
  max-width: calc(100% - 450px) !important;
  min-width: 330px;
}
.openjobs #map .show-pack .col-auto:first-of-type {
  width: fit-content;
}
.openjobs #map .show-pack .col-auto:first-of-type a {
  width: fit-content;
  display: block !important;
}
.openjobs #map .show-pack .col-auto:first-of-type > textarea {
  max-width: 500px !important;
  min-width: 200px;
}
.openjobs .buttons-sel {
  width: fit-content !important;
}
.myjobs .show-pack .remove-multiple {
  margin-right: 10px;
}
.myjobcard-footer .accept.start-job {
  display: flex;
  justify-content: center;
  align-items: center;
}
.show-pack .apply-multiple {
  display: flex;
  justify-content: center;
  align-items: center;
}
.card-list-job.bg-white.show-pack .col-12.col-md-4.col-lg-3 {
  min-width: 200px;
}
.open.w-100 + .form-applied > .show-pack form > .remove-multiple {
  width: max-content;
  min-width: fit-content;
}

.myjobs .popover.bs-popover-top .popover-body > p:not(:last-child)::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #ccc;
  position: absolute;
  bottom: 0;
}
.myjobs .popover.bs-popover-top .popover-body > p:not(:last-child) {
  padding-bottom: 10px;
  position: relative;
}
.myjobs .popover.bs-popover-top .popover-body > p:last-child {
  margin-bottom: 5px;
}
.myjobs .popover.bs-popover-top .popover-body > br {
  display: none;
}
.remove-multiple,
.remove-multiple:hover {
  text-decoration: underline;
  background: transparent !important;
  border: 0px solid;
}
body.openjobs #map div.action[data-info*=" "] > a:first-child:last-child,
body.openjobs #map div.action a:first-child:last-child {
  margin: 0 auto !important;
  min-height: 40px;
}
.col-auto.pb-3.hidd.d-none.desc-block:nth-child(3) {
  margin-left: 150px;
}
.col.col-md-1.pb-3.hidd.d-none {
  width: fit-content;
  padding-right: 20px !important;
  max-width: 150px;
}
.hidd.d-none {
  display: none !important;
}

.remove-multiple + .apply-multiple {
  margin-left: 10px;
}
button#back {
  right: 5px;
  background-color: transparent;
}
button#back i {
  color: var(--main-brand-color);
  font-size: 25px;
  transition: all o.5s linear;
}
button#back:hover i {
  color: var(--second-brand-color);
  transition: all o.5s linear;
}
button#back:hover {
  background-color: transparent;
}
button.accept.disabled:hover,
[type="button"].start-test.disabled:hover {
  box-shadow: 0px 0px 0px 50px #aeaeae inset !important;
}
.btn-group.accept.start-lang.start-job > ul.dropdown-menu.show {
  transform: translateY(25px) !important;
  width: 100% !important;
  box-sizing: border-box;
  width: 100% !important;
  z-index: 5;
  background: #ffffff;
  border: 4px solid var(--color-second-darkest);
  border-top: 0px solid !important;
  border-radius: 0 0 23px 23px;
  background: linear-gradient(
    0deg,
    rgb(255, 255, 255) calc(100% - 18px),
    rgba(253, 187, 45, 0) calc(100% - 18px)
  );
  padding: 20px 0px 5px !important;
  inset: 0px auto auto 0px !important;
  min-width: 127px;
}
.myjobcard-footer {
  padding-top: 10px;
}
body.myjobs #map .listWrap:not(:has(#record-nav)) {
  margin-bottom: 50px;
}
.myjobcard-footer .accept.need-cert {
  font-size: 11px !important;
}
.myjobcard-footer .accept {
  min-height: 30px !important;
  padding: 0 10px !important;
  min-width: unset !important;
  font-size: 14px !important;
}
.myjobcard-footer a {
  font-size: 16px !important;
}
.myjobcard-footer.w-100.flex-row
  .btn-group.accept.start-lang.start-job
  > ul.dropdown-menu.show {
  position: absolute !important;
  min-width: 100px;
  margin-top: -10px !important;
}
.myjobcard-footer.w-100.flex-row
  .btn-group.accept.start-lang.start-job
  .dropdown-toggle::after {
  position: relative;
  left: -3px;
}

.btn-group.accept.start-lang.start-job > ul.dropdown-menu.show li {
  width: auto !important;
  font-size: 16px;
  line-height: 150%;
  color: var(--font-color, #666);
  padding: 0 12px;
  border-bottom: 0.5px solid #dadada;
}
.btn-group.accept.start-lang.start-job > ul.dropdown-menu.show li > span {
  width: 100%;
  display: inline-block;
  cursor: pointer;
}
.btn-group.accept.start-lang.start-job
  > ul.dropdown-menu.show
  li:not(:last-child)
  > span {
  border-bottom: 1px solid #dadada;
}
.dropdown-header {
  font-weight: 500;
  font-size: 11px;
  line-height: 150%;
  text-align: center;
  color: #000000;
  padding: 0px;
}
.dropdown-header {
  margin: 0 -12px;
  border-bottom: 1px solid #dadada;
}
.btn-group.accept.start-lang.start-job {
  background-color: #fff;
}
.btn-group.accept.start-lang.start-job > * {
  position: relative;
  /* z-index: 100; */
}
.btn-group.accept.start-lang.start-job .dropdown-header {
  margin: 0px !important;
}
/*.btn-group.accept.start-lang.start-job button.btn.dropdown-toggle {
    z-index: 10 !important;
}
#navbarsListJob>.row {
    z-index: 10;
    position: relative;
}
#navbarsListJob>.row>.d-flex.flex-column.col-12.p-0:last-child {
    position: relative;
    z-index: -2;
}*/
.btn-group.accept.start-lang.start-job button,
.btn-group.accept.start-lang.start-job [type="button"] {
  color: inherit !important;
  border: 0px solid !important;
  box-shadow: none !important;
  padding: 0px !important;
  font-size: inherit !important;
}
.btn-group.accept.start-lang.start-job {
  border-radius: 46px;
  border: 0px solid;
  background-color: #fff;
  padding: 0px 25px 0px 0px !important;
  font-size: 16px;
  transition: all 0.25s linear;
  font-weight: bold;
  text-align: center;
  box-shadow: 0px 0px 0px 3px var(--second-brand-color) inset;
  color: var(--second-brand-color);
}
.btn-group.accept.start-lang.start-job > button:not(:first-child),
.btn-group.accept.start-lang.start-job > [type="button"]:not(:first-child) {
  background-color: transparent !important;
  padding-left: 12px !important;
}
.btn-group.accept.start-lang.start-job > button:first-child,
.btn-group.accept.start-lang.start-job > [type="button"]:first-child {
  color: #fff !important;
  background-color: var(--second-brand-color) !important;
  min-width: 40.4px;
  min-height: 40.4px !important;
  border-radius: 46px !important;
}
.btn-group.accept.start-lang.start-job button.btn.dropdown-toggle {
  min-width: 40.4px !important;
  height: 40.4px;
  background-color: var(--second-brand-color) !important;
  color: #fff !important;
  border-radius: 56px !important;
  z-index: 0 !important;
}
/* .btn-group.accept.start-lang.start-job button.btn:not(:first-child) {
  background-color: transparent !important;
  padding-left: 14px !important;
  z-index: 0 !important;
} */

.select-lang + .btn.dropdown-toggle.bs-placeholder {
  background-color: var(--second-brand-color) !important;
}
.select-lang + .btn.dropdown-toggle:not(.bs-placeholder)::after {
  display: none !important;
}
.select-lang + .btn.dropdown-toggle:not(.bs-placeholder) * {
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
}
.select-lang + .btn.dropdown-toggle.bs-placeholder .filter-option {
  font-size: 0px !important;
  display: none !important;
}
.bs-container.dropdown.bootstrap-select.select-lang.show .dropdown-menu.show {
  min-width: 140px;
  border-color: var(--second-brand-color);
  border-width: 1px;
  padding: 0px;
  max-width: 160px;
}

.bs-container.dropdown.bootstrap-select.select-lang.show
  .dropdown-menu.show
  li {
  border-bottom: 0.5px solid #dadada;
  line-height: 1.5;
}
.select-lang .popover-header button {
  display: none;
}
.select-lang .popover-header {
  font-weight: 500;
  font-size: 11px;
  text-align: center;
  color: #000000;
  padding: 5px 0;
  background-color: #fff;
}
.btn-group.accept.start-lang.start-job > ul.dropdown-menu.show li:hover {
  color: var(--second-brand-color);
}
.btn-group.accept.start-lang.start-job:hover button.btn:not(:first-child),
.btn-group.accept.start-lang.start-job:hover a {
  color: #fff !important;
}
.btn-group.accept.start-lang.start-job .dropdown-toggle::after {
  height: 30px;
  width: 30px;
  border: 0px;
  border: 0px;
  margin-top: 6px;
  margin-left: 2px;
  font-size: 16px;
  line-height: 20px;
  content: url("data:image/svg+xml;charset=UTF-8,%3csvg width='23' height='23' viewBox='0 0 23 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0.453477 11.8706C0.40486 17.8417 5.39159 23.1532 11.9688 22.9102C17.532 22.7088 22.7688 18.0222 22.5396 11.4054C22.3451 5.85092 17.6778 0.601915 11.0242 0.837982C5.37076 1.03239 0.453477 5.719 0.453477 11.8706ZM8.3364 10.0932C10.4686 10.0932 12.5453 10.0932 14.615 10.0932C14.7261 11.6276 14.7191 13.044 14.6011 13.6481C12.5314 13.6481 10.4617 13.6481 8.34335 13.6481C8.3364 12.4538 8.3364 11.2804 8.3364 10.0932ZM14.2885 15.7935C14.2885 15.8351 14.2955 15.8699 14.2885 15.9046C14.0385 16.7169 13.8232 17.5362 13.5315 18.3277C13.2537 19.0845 12.8647 19.7997 12.2675 20.3621C11.7813 20.8203 11.3923 20.9314 10.8576 20.4731C10.6075 20.2579 10.3922 20.001 10.2047 19.7302C9.54489 18.7721 9.15595 17.689 8.86425 16.5711C8.79479 16.3142 8.74618 16.0643 8.68367 15.7935C10.5797 15.7935 12.4272 15.7935 14.2885 15.7935ZM8.70451 7.94775C8.70451 7.8922 8.69756 7.85749 8.70451 7.82277C8.94759 6.74658 9.27402 5.69123 9.78797 4.70531C10.1075 4.08737 10.4686 3.50414 11.0659 3.10839C11.3437 2.92786 11.6285 2.93481 11.9132 3.10839C12.2813 3.33751 12.5453 3.65689 12.7814 4.01099C13.344 4.84417 13.7121 5.7676 13.9899 6.7327C14.101 7.12846 14.2052 7.53116 14.3163 7.94775C12.4341 7.94775 10.5797 7.94775 8.70451 7.94775ZM6.18336 10.0793C6.18336 11.2874 6.18336 12.4677 6.18336 13.6619C5.07211 13.6619 3.97475 13.6619 2.87045 13.655C2.82877 13.655 2.75932 13.5925 2.75237 13.5509C2.70376 13.2592 2.6482 12.9676 2.62736 12.676C2.5718 11.8706 2.59263 11.0652 2.73848 10.2668C2.76627 10.1071 2.81488 10.0723 2.96073 10.0793C3.40523 10.0862 3.84973 10.0793 4.29423 10.0793C4.91931 10.0793 5.55133 10.0793 6.18336 10.0793ZM16.8097 10.0793C17.1986 10.0793 17.5876 10.0793 17.9695 10.0793C18.6641 10.0793 19.3586 10.0793 20.0531 10.0862C20.1157 10.0862 20.2268 10.1348 20.2407 10.1834C20.2962 10.482 20.3518 10.7805 20.3726 11.0791C20.4282 11.8776 20.4143 12.676 20.2615 13.4745C20.2268 13.6411 20.1712 13.6758 20.0254 13.6758C18.9905 13.6689 17.9557 13.6758 16.9278 13.6758C16.8861 13.6758 16.8514 13.6689 16.8166 13.6689C16.8097 12.4608 16.8097 11.2874 16.8097 10.0793ZM3.53025 15.8143C3.56498 15.8004 3.57887 15.7865 3.59276 15.7865C4.52343 15.7865 5.4541 15.7865 6.38477 15.7796C6.52368 15.7796 6.53062 15.8629 6.55146 15.9671C6.71815 16.9044 6.96818 17.8209 7.32239 18.7096C7.48908 19.1331 7.68355 19.5497 7.87107 19.9871C5.92638 19.0915 4.4887 17.7028 3.53025 15.8143ZM15.1289 19.9871C15.1498 19.9316 15.1567 19.8969 15.1706 19.8691C15.7957 18.6193 16.2193 17.3071 16.4555 15.9323C16.4763 15.8004 16.5458 15.7727 16.6708 15.7796C17.5528 15.7865 18.4349 15.7796 19.3169 15.7796C19.3586 15.7796 19.4072 15.7865 19.4767 15.7935C18.5043 17.7028 17.0736 19.0915 15.1289 19.9871ZM7.87801 3.74021C7.83634 3.82353 7.82245 3.85824 7.80162 3.89296C7.19737 5.12884 6.77371 6.4272 6.53757 7.78805C6.51673 7.91303 6.46117 7.95469 6.32921 7.95469C5.55828 7.94775 4.78735 7.95469 4.01642 7.95469C3.85668 7.95469 3.70388 7.95469 3.50941 7.95469C4.49565 6.03839 5.92638 4.6567 7.87801 3.74021ZM15.1011 3.73327C17.0667 4.6567 18.5043 6.03839 19.4836 7.94775C18.6502 7.94775 17.8584 7.94775 17.0736 7.94775C16.8861 7.94775 16.6638 7.99635 16.5249 7.91303C16.4207 7.85054 16.4346 7.60059 16.3999 7.43395C16.1082 6.17725 15.7332 4.94137 15.1011 3.73327Z' fill='white'/%3e%3c/svg%3e ");
}
.btn-group.accept.start-lang.start-job .dropdown-toggle.sel::after {
  content: attr(data-name);
}
/*.btn-group.accept.start-lang.start-job:hover {
    box-shadow: 0px 0px 0px 50px var(--second-brand-color) inset;
    color: #fff;
}*/
.btn-group.accept.start-lang.start-job:hover > a.btn:nth-child(2) {
  color: #fff !important;
  box-shadow: 0px 0px 0px 50px var(--second-brand-color) inset;
}
.btn-group.accept.start-lang.start-job:hover {
  background-color: var(--second-brand-color);
}
#map button.accept:hover,
[type="button"].start-test.disabled:hover {
  color: #fff !important;
}
.accordion-item {
  border: 0px;
}
#map .accordion-button:focus {
  border: 0px;
  box-shadow: none;
}
#map button.accordion-button {
  background: linear-gradient(45deg, #f7f7f7, #f7f7f7);
  background-size: 52px 100%;
  background-repeat: no-repeat;
  background-position: right;
  padding-left: 48px !important;
}
#map .accordion-body {
  background-color: #f7f7f7;
}
#map button:not(.navbar-toggler):not(.accept):hover,
.accordion-button:not(.collapsed) {
  box-shadow: none;
  color: inherit;
}
#map p.desc {
  overflow: hidden;
  max-width: calc(100vw - 1500px);
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 300px;
}
body.myjobs #map div.action {
  min-width: 220px;
  justify-content: space-around !important;
}
body.myjobs #map div.action:has(form) {
  justify-content: center !important;
  padding-right: 0px !important;
}
body.openjobs #map div.action {
  min-width: 150px;
}
.actions .await,
.myjobcard-footer .await {
  display: inline-block;
  max-width: 200px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='23' viewBox='0 0 24 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M19.0679 22.823H4.72252C2.81151 22.823 1.27849 22.0828 0.515017 20.7929C-0.248813 19.502 -0.159413 17.8027 0.759257 16.1284L8.14867 2.65803C9.08844 0.944417 10.4187 0 11.8945 0C13.3718 0 14.7017 0.944417 15.6418 2.65803L23.0312 16.1291C23.9499 17.8027 24.0389 19.5016 23.2754 20.7926C22.512 22.0828 20.9789 22.823 19.0679 22.823ZM11.8949 2.28362C11.2995 2.28362 10.664 2.82002 10.1512 3.75514L2.76145 17.2262C2.23971 18.176 2.13816 19.0514 2.4793 19.63C2.82153 20.2075 3.64007 20.5397 4.72252 20.5397H19.0679C20.1504 20.5397 20.9689 20.2075 21.3111 19.63C21.6523 19.0514 21.5507 18.1764 21.029 17.2273L13.6396 3.75514C13.1268 2.81966 12.4913 2.28362 11.8949 2.28362Z' fill='%23EC1C24'/%3e%3cpath d='M10.5289 16.5761C10.5289 15.7672 11.0942 15.1869 11.9035 15.1869C12.7127 15.1869 13.2455 15.7672 13.2616 16.5761C13.2616 17.3689 12.7274 17.9643 11.9035 17.9643C11.0781 17.9643 10.5289 17.3689 10.5289 16.5761ZM11.0334 14.4237L10.6819 7.50922H13.1089L12.7735 14.4237H11.0334Z' fill='%23EC1C24'/%3e%3c/svg%3e ");
  background-repeat: no-repeat;
  padding: 0 0px !important;
  text-align: center;
  background-position: left center;
  height: fit-content;
  min-height: 30px;
  min-width: 30px;
}
.change-order-ids{
  margin-top: 13px !important;
}
.action {
  height: fit-content;
  flex-wrap: wrap;
}
.actions[data-info] {
  max-width: 220px !important;
  margin-bottom: 10px;
}
.actions[data-info]:after {
  content: attr(data-info);
  color: #aeaeae;
  clear: both;
  float: left;
  width: 100%;
  text-align: center;
  font-size: 12px;

  font-size: 11px;
  position: absolute;
  bottom: 0px;
  line-height: 1;
}
body.myjobs #map form div.action,
body.openjobs #map form div.action {
  min-width: 160px !important;
  width: fit-content !important;
  gap: 5px;
  position: relative;
  padding-bottom: 15px;
}
body.myjobs.overflow-hidden #infoJob,
body.openjobs.overflow-hidden div#infoJob,
body.myjobs.overflow-hidden #infoJob.content-wrapper,
body.openjobs.overflow-hidden div#infoJob .content-wrapper {
  height: 100%;
}
.hidd {
  opacity: 0;
  display: none;
  width: 0px;
  transition: all 1s linear 1s;
}
.open-w100 .hidd-100 {
  display: none;
}
.open-w100 .hidd {
  opacity: 1;
  display: block !important;
  width: auto;
  height: auto;
  transition: all 1s linear 1s;
  padding-left: 0px;
  padding-right: 0px;
}
a.preview {
  padding: 2px !important;
  box-sizing: border-box;
  text-decoration: none;
}
a.preview .fas,
a.preview .fab {
  width: 33px !important;
  height: 33px !important;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  text-align: center;
  padding: 0px !important;
  box-shadow: none;
  border: 2px solid var(--second-brand-color);
  border-radius: 100%;
  box-sizing: border-box;
  color: var(--second-brand-color);
}
a.preview .fas.fa-print {
  color: var(--main-brand-color);
  border-color: var(--main-brand-color);
}
a.preview .fas.fa-search {
  border-color: var(--color-second-darkest);
  color: var(--color-second-darkest);
}
a.preview.show-info .fas {
  color: #75b9ff;
  border-color: #75b9ff;
  border-width: 4px;
}
#map .listWrap {
  position: absolute;
  top: 0px;
  height: 100%;
  padding: 0px;
  z-index: 3;
  width: 200px;
}
button.filter-btn {
  border-radius: 6px;
  line-height: 37px;
  height: fit-content;
  box-sizing: border-box;
  padding: 0 65px 0 25px;
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 38px auto;
  transition: all 0.3s linear;
  max-height: 40px;
  position: relative;
}
button.filter-btn::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='38' height='25' viewBox='0 0 38 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cline x1='36.9214' y1='18.4875' x2='22.2624' y2='18.4875' stroke='%23000' stroke-width='2' stroke-linecap='round'/%3e%3cline x1='4.15381' y1='18.4875' x2='1.07815' y2='18.4875' stroke='%23000' stroke-width='2' stroke-linecap='round'/%3e%3ccircle cx='12.9771' cy='18.5684' r='5.02286' transform='rotate(-180 12.9771 18.5684)' stroke='%23000' stroke-width='2'/%3e%3cline x1='1.07813' y1='6.60352' x2='15.7371' y2='6.60352' stroke='%23000' stroke-width='2' stroke-linecap='round'/%3e%3cline x1='33.8457' y1='6.60352' x2='36.9214' y2='6.60352' stroke='%23000' stroke-width='2' stroke-linecap='round'/%3e%3ccircle cx='25.0224' cy='6.52262' r='5.02286' stroke='%23000' stroke-width='2'/%3e%3c/svg%3e ");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 38px auto;
  content: "";
  position: absolute;
  width: 38px;
  height: 38px;
  right: 10px;
  top: 0px;
  display: block;
  filter: var(--filter);
}
button.filter-btn.active,
button.filter-btn:hover {
  color: #fff;
  background-color: var(--second-brand-color) !important;
  box-shadow: 0px 0px 0px 3px var(--second-brand-color) inset !important;
}
button.filter-btn.active::after,
button.filter-btn:hover::after {
  filter: invert(1);
}
.myjob-title {
  width: calc(50% + 10px);
}
.myjobcard {
  position: absolute;
  width: 190px;
  left: 50%;
  top: 17px;
  background: #ffffff;
  box-shadow: 3.1004px 3.1004px 15.502px rgb(0 0 0 / 25%);
  border-radius: 5px;
}
.myjobcard:after {
  content: "";
  position: absolute;
  top: 99%;
  left: 50%;
  margin-left: -10px;
  width: 0;
  height: 0;
  border-top: solid 10px #ffffff;
  border-left: solid 10px transparent;
  border-right: solid 10px transparent;
  z-index: 1;
}
.myjobcard .fas {
  padding: 8px 7px !important;
}
.myjobcard a.accept {
  font-size: 14px;
  padding: 6px 15px;
}
.myjobcard > div {
  padding: 7px;
}
.myjobcard .scroll-y {
  max-height: 130px;
  overflow-y: auto;
  padding: 0px;
  padding-right: 5px;
  margin: 5px !important;
  scrollbar-width: thin;
  scrollbar-color: #c4c4c4 #f1f1f1;
}
.myjobcard .scroll-y {
  max-height: 110px;
  overflow-y: auto;
}
.myjobcard .accept.d-grey,
.myjobcard .accept {
  width: auto !important;
  box-sizing: border-box;
  padding-left: 6px !important;
  padding-right: 6px !important;
  min-width: 70px !important;
  font-size: 14px;
  line-height: 21px !important;
  min-height: 21px !important;
  margin: 3px !important;
}
.myjobcard > div.myjobcard-footer {
  flex-wrap: wrap;
  justify-content: space-around !important;
}
.myjobcard > div.myjobcard-footer a {
  font-size: 14px !important;
  min-width: 50px;
}
.scroll-y::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  background-color: #fff;
  border-radius: 20px;
  border: 1px solid #c4c4c4;
}
.scroll-y::-webkit-scrollbar-thumb {
  background-color: #c4c4c4;
  border-radius: 1em;
  height: 65px;
}
.scroll-y::-webkit-scrollbar-thumb:hover {
  background-color: var(--second-brand-color);
  border-radius: 1em;
}
/*Modal Window*/
.modal-content {
  box-shadow: 4px 4px 25px rgba(0, 0, 0, 0.1);
  border-radius: 12px;
}
.modal.show#pick-date-modal .modal-dialog {
  max-width: 575px;
}
.modal button.btn.btn-lg.fs-18,
.modal [type="button"].btn.btn-lg.fs-18 {
  width: calc(50% - 24px);
  font-size: 16px !important;
  min-height: 48px;
}
.modal-open {
  padding-right: 0 !important;
  overflow-y: hidden !important;
}
#infoJob {
  transition: all 0.5s linear;
}
#hideshow {
  left: auto;
  position: absolute;
  top: 19px;
  display: inline-block;
  width: fit-content;
  right: 19px;
  z-index: 1000;
}
.cert-elem {
  box-shadow: 4px 4px 25px rgba(0, 0, 0, 0.1);
  padding: 9px;
  border-radius: 40px;
}
.cert-elem > .cert-elem {
  box-shadow: none;
}
.cert-elem .status i {
  font-size: 56px;
}
.cert-elem .status i.fas.fa-lock-open,
.cert-elem .status i.fas.fa-lock {
  font-size: 34px;
}
.cert-elem .status {
  padding: 5px;
  background-color: #eeeeee;
  min-width: 66px;
  min-height: 66px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.result .result-text {
  font-weight: 900;
  font-size: 24px;
  line-height: 150%;
  color: var(--main-brand-color) !important;
  position: absolute;
  height: 100%;
  margin: 0px;
  text-align: center;
  width: 66px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
a[type="button"].start-test {
  border: 0px;
  box-shadow: 0px 0px 0px 3px var(--main-brand-color) inset;
  min-height: 66px;
  min-width: 237px;
}
a.start-test:hover {
  color: #fff !important;
  box-shadow: 0px 0px 0px 50px var(--main-brand-color) inset;
}
a.start-test.disabled {
  box-shadow: 0px 0px 0px 3px #dadada inset;
  color: #dadada;
  opacity: 1;
  pointer-events: none;
}
a.start-test {
  display: -webkit-flex;
  display: flex;
  width: auto;
  border-radius: 60px;
  justify-content: center;
  flex-direction: column;
}
.tel-elem {
  border-radius: 6px;
  box-shadow: 4px 4px 25px rgba(0, 0, 0, 0.1);
}
.tel-elem-info {
  padding: 9px;
}
.tel-elem-info h4.sec-color {
  word-break: break-all;
}
.tel-elem-info > .col-12 ~ .col-auto:last-child {
  min-width: 150px;
  margin-right: 2rem !important;
}
.tel-elem-info > .col-auto .fs-18 {
  overflow: hidden;
  max-width: 300px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tel-elem-info > .col-auto:nth-child(2):not(.me-lg-5) {
  max-width: 25%;
  margin-left: 2rem !important;
}
.tel-elem-info > .col-auto:last-child .fs-18 {
  max-width: 150px;
}
.toggleTel {
  color: var(--second-brand-color) !important;
  padding: 0px 18px !important;
}
button.toggleTel.accordion-button:focus {
  box-shadow: none !important;
}
.toggleTel.accordion-button::after {
  margin-left: 10px;
}
button.navbar-toggler + a {
  color: black;
  padding-top: 5px;
  transition: color 0.1s;
}
@-webkit-keyframes ring {
  0% {
    -webkit-transform: rotateZ(0);
  }
  1% {
    -webkit-transform: rotateZ(30deg);
  }
  3% {
    -webkit-transform: rotateZ(-28deg);
  }
  5% {
    -webkit-transform: rotateZ(34deg);
  }
  7% {
    -webkit-transform: rotateZ(-32deg);
  }
  9% {
    -webkit-transform: rotateZ(30deg);
  }
  11% {
    -webkit-transform: rotateZ(-28deg);
  }
  13% {
    -webkit-transform: rotateZ(26deg);
  }
  15% {
    -webkit-transform: rotateZ(-24deg);
  }
  17% {
    -webkit-transform: rotateZ(22deg);
  }
  19% {
    -webkit-transform: rotateZ(-20deg);
  }
  21% {
    -webkit-transform: rotateZ(18deg);
  }
  23% {
    -webkit-transform: rotateZ(-16deg);
  }
  25% {
    -webkit-transform: rotateZ(14deg);
  }
  27% {
    -webkit-transform: rotateZ(-12deg);
  }
  29% {
    -webkit-transform: rotateZ(10deg);
  }
  31% {
    -webkit-transform: rotateZ(-8deg);
  }
  33% {
    -webkit-transform: rotateZ(6deg);
  }
  35% {
    -webkit-transform: rotateZ(-4deg);
  }
  37% {
    -webkit-transform: rotateZ(2deg);
  }
  39% {
    -webkit-transform: rotateZ(-1deg);
  }
  41% {
    -webkit-transform: rotateZ(1deg);
  }
  43% {
    -webkit-transform: rotateZ(0);
  }
  100% {
    -webkit-transform: rotateZ(0);
  }
}
@-moz-keyframes ring {
  0% {
    -moz-transform: rotate(0);
  }
  1% {
    -moz-transform: rotate(30deg);
  }
  3% {
    -moz-transform: rotate(-28deg);
  }
  5% {
    -moz-transform: rotate(34deg);
  }
  7% {
    -moz-transform: rotate(-32deg);
  }
  9% {
    -moz-transform: rotate(30deg);
  }
  11% {
    -moz-transform: rotate(-28deg);
  }
  13% {
    -moz-transform: rotate(26deg);
  }
  15% {
    -moz-transform: rotate(-24deg);
  }
  17% {
    -moz-transform: rotate(22deg);
  }
  19% {
    -moz-transform: rotate(-20deg);
  }
  21% {
    -moz-transform: rotate(18deg);
  }
  23% {
    -moz-transform: rotate(-16deg);
  }
  25% {
    -moz-transform: rotate(14deg);
  }
  27% {
    -moz-transform: rotate(-12deg);
  }
  29% {
    -moz-transform: rotate(10deg);
  }
  31% {
    -moz-transform: rotate(-8deg);
  }
  33% {
    -moz-transform: rotate(6deg);
  }
  35% {
    -moz-transform: rotate(-4deg);
  }
  37% {
    -moz-transform: rotate(2deg);
  }
  39% {
    -moz-transform: rotate(-1deg);
  }
  41% {
    -moz-transform: rotate(1deg);
  }
  43% {
    -moz-transform: rotate(0);
  }
  100% {
    -moz-transform: rotate(0);
  }
}
@keyframes ring {
  0% {
    transform: rotate(0);
  }
  1% {
    transform: rotate(30deg);
  }
  3% {
    transform: rotate(-28deg);
  }
  5% {
    transform: rotate(34deg);
  }
  7% {
    transform: rotate(-32deg);
  }
  9% {
    transform: rotate(30deg);
  }
  11% {
    transform: rotate(-28deg);
  }
  13% {
    transform: rotate(26deg);
  }
  15% {
    transform: rotate(-24deg);
  }
  17% {
    transform: rotate(22deg);
  }
  19% {
    transform: rotate(-20deg);
  }
  21% {
    transform: rotate(18deg);
  }
  23% {
    transform: rotate(-16deg);
  }
  25% {
    transform: rotate(14deg);
  }
  27% {
    transform: rotate(-12deg);
  }
  29% {
    transform: rotate(10deg);
  }
  31% {
    transform: rotate(-8deg);
  }
  33% {
    transform: rotate(6deg);
  }
  35% {
    transform: rotate(-4deg);
  }
  37% {
    transform: rotate(2deg);
  }
  39% {
    transform: rotate(-1deg);
  }
  41% {
    transform: rotate(1deg);
  }
  43% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(0);
  }
}
button.navbar-toggler + a i.far.fa-bell.badge-notificatios:hover {
  -webkit-animation: ring 4s 0.1s ease-in-out infinite;
  -webkit-transform-origin: 50% 4px;
  -moz-animation: ring 4s 0.1s ease-in-out infinite;
  -moz-transform-origin: 50% 4px;
  animation: ring 4s 0.1s ease-in-out infinite;
}
.fliph button.navbar-toggler + a {
  color: transparent;
  position: absolute;
  right: 12px;
  margin-top: -4px;
  pointer-events: none;
  transition: color 0.1s;
}
.accordion-button::after,
.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  filter: var(--filter);
}
.accordion-button::after {
  flex-shrink: 0;
  width: 1.25rem;
  height: 1.25rem;
  margin-left: auto;
  content: "";
  background-repeat: no-repeat;
  background-size: 1.25rem;
  transition: transform 0.2s ease-in-out;
}
.toggleCer.accordion-button::after {
  filter: grayscale(1);
  content: none;
}
select#lang,
select#lang + button {
  box-shadow: 4px 4px 25px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  border-color: #aeaeae;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='13' height='7' viewBox='0 0 13 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1 0.612305L6.5 5.6123L12 0.612305' stroke='%23AEAEAE' stroke-width='1.5'/%3e%3c/svg%3e ");
  background-size: auto;
  padding-top: 6px;
  padding-bottom: 6px;
}

#lang ~ .dropdown-menu li a span {
  white-space: nowrap;
}
.picker__select--year {
  display: inline-block;
  color: #aeaeae;
  font-size: 14px;
  font-weight: normal;
  width: 60px !important;
  padding: 0.375rem 10px 0.375rem 0px !important;
  padding-left: 0.375rem !important;
  padding-top: 0.375rem !important;
  padding-bottom: 0.375rem !important;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  border-radius: 0.25rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin-top: -3px !important;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='9' viewBox='0 0 16 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0.949707 0.872359L7.98695 7.12769L15.0242 0.872359' stroke='%23aeaeae' stroke-width='2'/%3e%3c/svg%3e ");
  background-size: 14px 6px;
  background-position: right 2px center;
}
.btn[data-id="lang"] .filter-option-inner-inner {
  max-width: 110px !important;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.form-floating > .form-control {
  /*    height: 52px !important;*/
  min-height: 36px !important;
  font-size: 18px;
  box-sizing: border-box;
  line-height: 2;
}
.form-floating > .form-control::placeholder {
  color: #c5c5c5;
  font-size: 18px;
  line-height: 2;
}
.card-list-job .form-floating {
  padding-right: 32px;
}
#map textarea.form-control {
  min-height: 100%;
  max-height: 300px;
  max-width: 100% !important;
  resize: both;
}
#map .show-pack textarea.form-control {
  min-width: 200px;
}
.card-list-job .accordion-body > * {
  padding-left: 12px !important;
}
.card-list-job.need-cert a.pick-branch-modal,
.card-list-job.show-pack a.pick-branch-modal {
  max-width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
}
body.myjobs button.btn.btn-primary,
body.openjobs button.btn.btn-primary,
body.myjobs [type="button"].btn.btn-primary,
body.openjobs [type="button"].btn.btn-primary {
  padding: 13px 30px;
}
.form-applied {
  position: fixed;
  bottom: 0px;
}
.form-applied {
  display: none;
}
.open + .form-applied {
  display: block;
  transition: all 0.3s linear;
}
body.openjobs #map .listWrap
:has(.open),
body.myjobs #map .listWrap
:has(.open)
{
  padding-bottom: 150px !important;
}
body.openjobs #map .listWrap{
  padding-bottom: 180px !important;
}
div#map.emptyList,
div#map.emptyList .listWrap {
  height: 100%;
}
div#map.emptyList .listWrap {
  padding-bottom: 0px !important;
}
div#map.emptyList .listWrap .form-applied {
  display: none !important;
}
div#map.emptyList .listWrap .offcanvas-collapse {
  height: 100%;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: #fff;
  padding-top: 20px !important;
  overflow: auto;
}
div#map.emptyList .listWrap .offcanvas-collapse.open-w100 {
  padding-bottom: 50px !important;
}
#infoJobMenu.mini-menu
  + .content-wrapper
  > div#map.emptyList
  .listWrap
  .offcanvas-collapse {
  justify-content: center;
}
#infoJobMenu.mini-menu
  + .content-wrapper
  > div#map.emptyList
  + #maptoggler.show {
  top: calc(100% - 75px) !important;
}
div#map.emptyList .listWrap .offcanvas-collapse h1 {
  font-size: 28px;
  color: black;
  font-weight: 300;
  margin-top: 15px;
}
div#map.emptyList .no-job {
  min-width: unset;
  max-width: 100%;
  object-fit: contain;
  /* max-height: calc(100% - 50px); */
  margin-bottom: 10px;
}
div#infoJobMenu.mini-menu
  + div
  button#navbarSideCollapse.navbar-toggler.button-open {
  position: fixed;
  margin-top: 110px;
  margin-left: 50px;
  z-index: 2;

  position: fixed;
  margin-top: 130px !important;
  margin-left: 150px !important;
  z-index: 2;
  top: 1px;
}
@-moz-document url-prefix() {
  div#infoJobMenu.mini-menu
    + div
    button#navbarSideCollapse.navbar-toggler.button-open {
    margin-left: 150px;
  }
}
body.myjobs div#infoJobMenu,
body.openjobs div#infoJobMenu,
body.unfin-job div#infoJobMenu {
  /* display: grid; */
  /* grid-template-columns: repeat(4, 1fr); */
}
body.myjobs div#infoJobMenu,
body.openjobs div#infoJobMenu {
  padding: 3rem !important;
  padding-bottom: 0.5rem !important;
  padding-right: 100px !important;
  padding-bottom: 1.5rem !important;
}
div#infoJob .block {
  grid-row-start: 2;
}
.myjobs #content .block:not(:last-child):not(:nth-child(3)),
.openjobs #content .block:not(:last-child):not(:nth-child(3)),
.unfin-job #content .block:not(:last-child):not(:nth-child(3)) {
  margin-right: 0px !important;
  margin-left: 5px !important;
  /* width: auto; */
}
.myjobs #content .block:nth-child(3),
.openjobs #content .block:nth-child(3),
.unfin-job #content .block:nth-child(3) {
  width: fit-content;
  max-width: 200px;
}
.unfin-job div#infoJobMenu button.filter-btn{
  grid-column-start: 4;
  grid-row-start: 1;
}

.unfin-job .col-auto.ms-auto.lang-row {
  grid-column-start: 5;
}
.unfin-job #content .block{
  min-width: 150px;
}
body.unfin-job div#infoJobMenu{
  display: grid;
  grid-template-columns: 1fr auto auto 1fr 1fr;
}
body.unfin-job h1{
  width: 100% !important;
}
div#infoJob .block:nth-child(3) {
  margin-left: 0px !important;
}
div.mini-menu#infoJobMenu .block:nth-child(3) {
  grid-row-start: 1;
  grid-column-start: 2;
}
div.mini-menu#infoJobMenu .block:nth-child(4) {
  grid-row-start: 1;
  grid-column-start: 3;
  width: fit-content;
  max-width: 200px;
}
div.mini-menu#infoJobMenu .block .fs-90 {
  font-size: 40px;
  line-height: 1 !important;
}
div.mini-menu#infoJobMenu .block {
  padding: 10px !important;
  margin-bottom: 0px !important;
}
div.mini-menu#infoJobMenu {
  align-items: center !important;
}
div#infoJobMenu.mini-menu h1 {
  margin-bottom: 0px !important;
  margin-inline-end: auto;
}
div.mini-menu#infoJobMenu {
  align-items: center !important;
  grid-template-columns: repeat(5, 1fr);
}
body.myjobs div#infoJobMenu .col-auto.ms-auto.lang-row,
body.openjobs div#infoJobMenu .col-auto.ms-auto.lang-row {
  grid-column-start: 4;
  padding-right: 0px;
}
div#infoJobMenu.mini-menu button.filter-btn {
  grid-column-start: 4;
  order: 1;
}
body.myjobs div#infoJobMenu.mini-menu .col-auto.ms-auto.lang-row,
body.openjobs div#infoJobMenu.mini-menu .col-auto.ms-auto.lang-row {
  grid-column-start: 5;
  padding-right: 0px;
  order: 2;
  margin-inline-start: 0px !important;
}
body.myjobs div#infoJobMenu.mini-menu .col-auto.ms-auto.lang-row > select,
body.openjobs div#infoJobMenu.mini-menu .col-auto.ms-auto.lang-row > select {
  margin: 0px !important;
}
body.myjobs div.mini-menu#infoJobMenu,
body.openjobs div.mini-menu#infoJobMenu {
  padding: 19px 36px 12px !important;
}
#map .offcanvas-collapse.open {
  height: fit-content;
  position: unset;
  transform: translateX(0%);
  background-color: var(--backg-color, #e9f6fe);
}
.card-list-job.bg-white {
  box-shadow: 4px 4px 25px rgb(0 0 0 / 10%);
}
#map .card-list-job.bg-white:last-child {
  margin-bottom: 0px !important;
}
#map button.navbar-toggler.button-open {
  position: absolute;
  top: 18px;
  left: 18px;
}
#map .listWrap {
  height: fit-content;
  position: unset;
}
#map #job-map {
  overflow: hidden;
  position: fixed !important;
  right: 0px;
  bottom: 0px;
  padding: 0px;
  left: 0px;
  top: 0px;
  min-height: 100%;
}

body.myjobs div#infoJobMenu,
body.openjobs div#infoJobMenu {
  /*   position: relative !important;*/
  z-index: 4;
  right: 0px;
  top: 0px;
  background-color: #e9f6fe;
  background: var(
    --backg-color,
    url("../../checker-files/media/68/css/images/Mainpage.jpg")
  );
  background-position: bottom;
  transition: all 0.5s linear;
}
div#infoJobMenu.mini-menu {
  width: 100%;
  /*    position: -webkit-sticky !important;
    position: sticky !important;*/
  z-index: 100 !important;
  right: 0px;
  top: 0px;
}
div#infoJobMenu.mini-menu + .content-wrapper > div#map {
  overflow: auto;
}
body.myjobs #infoJob,
body.openjobs div#infoJob {
  padding: 0px !important;
}
body.locations #infoJob,
body.detailed-report #infoJob,
body.files-library #infoJob,
body.unfin-job #infoJob,
body.survey_hist #infoJob {
  padding: 24px !important;
  padding-top: 48px !important;
}
#map
  .offcanvas-collapse.open.w-100.open-w100
  .card-list-job.bg-white
  .col-5:first-child {
  max-width: 150px !important;
  min-width: 120px !important;
}
#map
  .offcanvas-collapse.open.w-100.open-w100
  .card-list-job.bg-white
  .col-7:nth-child(2) {
  max-width: 150px;
}

.card-list-job .col-7.col-md-4.col-lg-5 {
  padding-left: 20px !important;
}
/*.col-auto.pb-3.hidd.d-none.ms-auto+.ms-auto {
    margin-left: 0px !important;
}*/
/* body.openjobs .action {
  margin-right: 20px !important;
} */

.show-pack form a,
.show-main form a {
  margin-left: 0px;
  margin-right: auto;
}
.myjobcard .myjobcard-footer > a:last-child {
  width: auto !important;
  box-sizing: border-box;
  padding-left: 6px !important;
  padding-right: 6px !important;
  min-width: 80px;
}
.myjobcard .myjobcard-footer > a:nth-child(2):last-child {
  width: 120px;
  min-height: 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.myjobcard > div.myjobcard-footer a.accept {
  line-height: 21px !important;
  padding: 6px 7px !important;
}

.btn-group > .btn.btn-primary.prev-page {
  border-top-left-radius: 6px !important;
  border-bottom-left-radius: 6px !important;
}

.myjobs #record-nav > .nav-group,
.openjobs #record-nav > .nav-group {
  margin-left: 0px !important;
  justify-content: end;
}

#record-nav button.btn:disabled {
  background-color: #fff;
  color: var(--color-second-darkest);
}
#record-nav button.btn {
  height: 28.5px;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  line-height: 28.5px;
}
.myjobs #record-nav > .nav-group .col-auto,
.openjobs #record-nav > .nav-group .col-auto {
  padding: 0 5px;
}
.myjobs #record-nav > .nav-group .sec-bg,
.openjobs #record-nav > .nav-group .sec-bg {
  margin-left: 5px !important;
  margin-right: 5px !important;
}
.myjobcard .btn-group.accept.start-lang.start-job > a {
  min-width: 30px;
  height: 30px;
  background-color: var(--second-brand-color) !important;
  color: #fff !important;
  border-radius: 56px !important;
  border: 0px solid;
  padding-right: 0px;
  min-height: 30px !important;
}
.myjobcard-footer
  .btn-group.accept.start-lang.start-job
  button.btn.dropdown-toggle {
  height: 33px;
  min-width: 33px !important;
}
.myjobcard-footer
  .btn-group.accept.start-lang.start-job
  > [type="button"]:not(:first-child) {
  padding-left: 5px !important;
  padding-right: 10px !important;
}
.myjobcard .btn-group.accept.start-lang.start-job .dropdown-toggle::after {
  margin-top: 0px;
  display: flex;
  margin-top: 0px;
  display: flex;
  position: relative;
  top: -1.5px;
  left: 4.5px;
  width: 20px;
  height: 20px;
}

.myjobcard-footer .btn-group.accept.start-lang.start-job > button:first-child,
.myjobcard-footer
  .btn-group.accept.start-lang.start-job
  > [type="button"]:first-child {
  height: 30px !important;
  min-height: 30px !important;
  width: 30px !important;
  min-width: 30px !important;
}
.myjobcard .btn-group.accept.start-lang.start-job > a:nth-child(2) {
  background-color: transparent !important;
  padding-left: 8px !important;
  padding-right: 21px !important;
  line-height: 1;
  height: auto !important;
  border: 0px;
  color: var(--second-brand-color) !important;
  font-size: 14px;
  font-weight: bold;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.myjobcard .btn-group.accept.start-lang.start-job {
  padding-right: 0px !important;
  font-size: 14px !important;
}
#navbarsListJob.show-pack-list {
  transform: translateX(-100%) !important;
}
div#navbarsListJobPack {
  background-color: transparent !important;
  opacity: 0;
  transition: all 0.5s linear;
}
div#navbarsListJobPack.show-job-pack {
  opacity: 1;
}
body.openjobs #map.emptyList .offcanvas-collapse.open {
  padding-bottom: 100px !important;
  padding-top: 70px !important;
}
body.openjobs
  #map.emptyList
  .offcanvas-collapse.open:has(img:first-child:nth-last-child(2)) {
  padding-top: 0px !important;
}
body.openjobs #map:not([class*="emptyList"]) .offcanvas-collapse.open {
  /* margin-bottom: 50px !important; */
  height: 100% !important;
}
/*login page*/

.facebook-group {
  position: relative;
  width: 196px;
}

.facebook-group .btn.btn-outline {
  width: 100% !important;
  height: 100% !important;
  margin: 0px !important;
}

.facebook-group .fb_iframe_widget,
.facebook-group .fb-login-button {
  position: absolute;
  padding: 0px;
  width: 196px;
  height: 40px;
}

.facebook-group .fb_iframe_widget span,
.facebook-group .fb_iframe_widget span iframe {
  width: 196px !important;
  height: 40px !important;
  display: block;
}

.facebook-group .fb_iframe_widget,
.facebook-group .fb-login-button {
  opacity: 0;
}
div#login-form,
div#register-form {
  box-sizing: border-box;
  box-shadow: 4px 4px 25px rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  max-width: 1100px;
  min-height: 674px;
}
.box-shadow {
  box-shadow: 4px 4px 25px rgba(0, 0, 0, 0.1);
}
div#login-form h2,
div#register-form h2 {
  min-width: 400px;
}
div#login-form > div,
div#register-form > div {
  padding: 36px 76px 20px;
}
div#login-form > .sec-bg,
div#register-form > .sec-bg {
  border-radius: 6px 0px 0px 6px;
  background-image: url("../../images/login_bg.png");
  background-position: left bottom;
  background-repeat: no-repeat;
  background-size: auto;
}
div#login-form img.logo,
div#register-form img.logo {
  /* max-width: 170px; */
  max-height: 60px;
}
div#login-form .btn-outline,
div#register-form .btn-outline {
  background-color: #ffffff;
  border: 1px solid #dadada;
  box-sizing: border-box;
  border-radius: 5px;
  font-size: 12px;
  line-height: 14px;
  display: flex;
  align-items: center;
  color: #797979;
  padding: 12px 20px 12px 50px;
  white-space: nowrap;
  min-height: 40px;
  width: 196px;
  transition: all 0.3s linear;
  font-weight: 500;
}
a.btn[data-title="Microsoft"] {
  background-image: url("../../images/icon/Microsoft.svg");
  background-repeat: no-repeat;
  background-position: left 13px center;
  background-size: 24px;
}
a.btn[data-title="Google"] {
  background-image: url("../../images/icon/Google.svg");
  background-repeat: no-repeat;
  background-position: left 13px center;
  background-size: 24px;
  text-decoration: none;
}
button.btn[data-title="Facebook"] {
  background-image: url("../../images/icon/Facebook.svg");
  background-repeat: no-repeat;
  background-position: left 13px center;
  background-size: 24px;
}
button.btn[data-title="Twitter"] {
  background-image: url("../../images/icon/Twitter.svg");
  background-repeat: no-repeat;
  background-position: left 13px center;
  background-size: 24px;
}
a.btn[data-title="Microsoft"]:hover {
  background-image: url("../../images/icon/Microsoft_w.svg");
}
a.btn[data-title="Google"]:hover {
  background-image: url("../../images/icon/Google_w.svg");
}
button.btn[data-title="Facebook"]:hover,
.facebook-group:hover button.btn[data-title="Facebook"] {
  background-image: url("../../images/icon/Facebook_w.svg");
}
button.btn[data-title="Twitter"]:hover {
  background-image: url("../../images/icon/Twitter_w.svg");
}
div#login-form button.btn[data-title="Twitter"] {
  display: none;
}
div#login-form .btn-outline[data-title]:hover,
div#register-form .btn-outline[data-title]:hover,
.facebook-group:hover button.btn[data-title] {
  box-shadow: none;
  background-color: var(--second-brand-color) !important;
  color: #fff !important;
  transition: all 0.3s linear;
}
#login-form p.title,
#register-form p.title {
  border-bottom: 1px solid #aeaeae;
  line-height: 0.1em;
  position: relative;
  height: 20px;
}
#login-form p.title span,
#register-form p.title span {
  bottom: -50%;
  position: relative;
  transform: translateY(50%);
  display: inline-block;
}
div#login-form input,
div#register-form input {
  min-height: 40px;
  height: 40px;
  color: #000;
  font-size: 14px;
}
div#login-form input::placeholder {
  font-size: 14px;
}
div#login-form select#lang,
div#register-form select#lang,
div#login-form select#lang + button,
div#register-form select#lang + button {
  background-color: var(--second-brand-color) !important;
  font-size: inherit;
  border-color: #fff;
  color: #fff;
  padding: 3px 25px 3px 10px !important;
  box-shadow: none;
  background-position: right 7px center;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='13' height='7' viewBox='0 0 13 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1 0.612305L6.5 5.6123L12 0.612305' stroke='%23ffffff' stroke-width='1.5'/%3e%3c/svg%3e ") !important;
}

div#register-form > .sec-bg,
div#register-form > .sec-bg select#lang {
  background-color: #143d53 !important;
}
div#login-form select#lang + button .filter-option,
div#register-form select#lang + button .filter-option {
  color: #fff !important;
}
body#register div#content {
  padding-top: 49px;
  padding-bottom: 49px;
}
div#login-form label,
div#register-form label {
  margin-top: 4px;
}
.mw-75 {
  max-width: 75%;
}
.container-fluid {
  padding: 0px;
}
.bootstrap-select .dropdown-menu li a {
  white-space: break-spaces;
  font-size: 16px;
}
.bootstrap-select .dropdown-menu li a span {
  height: auto !important;
}

#login-form .btn.sec-bg {
  height: 48px;
}

.error-login-text {
  background: rgba(236, 28, 36, 0.08);
  border-radius: 5px;
  padding: 7px;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  text-align: center;
  color: #ec1c24;
  margin-bottom: 0px;
}
.success-login-text {
  background: #d1e7de;
  border-radius: 5px;
  padding: 7px;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  text-align: center;
  color: #1a8755;
  margin-bottom: 0px;
}

div.recover-form {
  min-height: 90vh;
  max-height: 706px;
}
/*Telephonic Survey page*/
body.telephonic-survey #content,
body.telephonic-survey-start #content {
  padding: 18px 24px !important;
  display: flex;
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
}
.telephonic-survey #infoJob,
.telephonic-survey-start #infoJob {
  padding: 0px !important;
  flex: 1 0 0%;
}
.quest-img {
  max-width: 200px !important;
}
#widget-tel {
  width: 340px;
  box-sizing: content-box;
  padding-left: 0px !important;
  padding-right: 12px;
}
#widget-call form[name="BeginSurveyForm"] {
  padding: 0px;
}
#widget-call form[name="BeginSurveyForm"] .btn {
  width: 100%;
}
.bg-light-gradient {
  background: linear-gradient(179.01deg, #ffffff 53.71%, #ededed 99.43%);
}
#content #widget-call {
  width: 340px;
  margin-left: 0px !important;
  margin-right: 0px !important;
  margin-top: 18px !important;
}
.form-switch input.form-check-input {
  width: 62.06px;
  height: 27.23px;
  border-radius: 30px;
  border: 0px;
  background-color: #cecece;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}
.form-switch input.form-check-input:focus {
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23007BFF'/%3e%3c/svg%3e");
  box-shadow: 0 0 0 0.1rem #cecece69;
}
.form-check-input:active {
  filter: brightness(95%);
}
.form-switch .form-check-input:checked {
  background-color: var(--second-brand-color);
}
.form-switch .form-check-input + label {
  color: #7b7b7b;
}
.form-switch .form-check-input:checked + label {
  color: var(--second-brand-color);
}
.form-floating.sec-color label,
.form-floating.sec-color select {
  color: var(--second-brand-color);
  padding-top: 10px;
}
.form-floating.big
  .bootstrap-select
  .dropdown-toggle
  .filter-option-inner-inner {
  color: var(--second-brand-color);
  font-size: 34px !important;
  line-height: 47px;
  font-family: "Content", cursive;
}
.form-floating.sec-color.big button {
  padding-bottom: 0px !important;
}
.form-floating.sec-color.big > label {
  padding-top: 10px;
  opacity: 1;
}
.form-floating.big
  > .dropdown.bootstrap-select.form-select
  button.btn.dropdown-toggle {
  background-size: 19px;
  border: 1px solid var(--second-brand-color);
}
a.call-button.rounded-circle {
  background: url("data:image/svg+xml;charset=UTF-8,%3csvg width='28' height='29' viewBox='0 0 28 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M26.2417 19.7757L20.5619 17.3821C20.3193 17.2804 20.0496 17.259 19.7935 17.321C19.5374 17.3831 19.3088 17.5253 19.1419 17.7262L16.6266 20.7481C12.679 18.9179 9.50212 15.7939 7.64087 11.9121L10.714 9.43873C10.9188 9.275 11.0637 9.05015 11.1268 8.79821C11.1899 8.54627 11.1679 8.28096 11.064 8.04245L8.62976 2.45731C8.51572 2.2002 8.31401 1.99028 8.05942 1.86374C7.80484 1.73721 7.51333 1.70199 7.23517 1.76416L1.96107 2.96097C1.69289 3.02187 1.45362 3.17035 1.28231 3.38219C1.11099 3.59403 1.01776 3.85671 1.01782 4.12737C1.01782 16.9183 11.5609 27.2658 24.5484 27.2658C24.8237 27.2659 25.091 27.1743 25.3065 27.0059C25.522 26.8374 25.6731 26.602 25.7351 26.3382L26.9522 21.152C27.015 20.8772 26.9784 20.5894 26.8487 20.3382C26.7191 20.087 26.5044 19.8881 26.2417 19.7757V19.7757Z' stroke='white' stroke-width='2'/%3e%3c/svg%3e"),
    radial-gradient(
      67.13% 67.13% at 31.07% 32.87%,
      rgba(15, 166, 12, 0.53) 0%,
      #0fa60c 100%
    );
}
a.call-button.rounded-circle:active {
  background: url("data:image/svg+xml;charset=UTF-8,%3csvg width='28' height='29' viewBox='0 0 28 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M26.2417 19.7757L20.5619 17.3821C20.3193 17.2804 20.0496 17.259 19.7935 17.321C19.5374 17.3831 19.3088 17.5253 19.1419 17.7262L16.6266 20.7481C12.679 18.9179 9.50212 15.7939 7.64087 11.9121L10.714 9.43873C10.9188 9.275 11.0637 9.05015 11.1268 8.79821C11.1899 8.54627 11.1679 8.28096 11.064 8.04245L8.62976 2.45731C8.51572 2.2002 8.31401 1.99028 8.05942 1.86374C7.80484 1.73721 7.51333 1.70199 7.23517 1.76416L1.96107 2.96097C1.69289 3.02187 1.45362 3.17035 1.28231 3.38219C1.11099 3.59403 1.01776 3.85671 1.01782 4.12737C1.01782 16.9183 11.5609 27.2658 24.5484 27.2658C24.8237 27.2659 25.091 27.1743 25.3065 27.0059C25.522 26.8374 25.6731 26.602 25.7351 26.3382L26.9522 21.152C27.015 20.8772 26.9784 20.5894 26.8487 20.3382C26.7191 20.087 26.5044 19.8881 26.2417 19.7757V19.7757Z' stroke='white' stroke-width='2'/%3e%3c/svg%3e"),
    radial-gradient(67.13% 67.13% at 31.07% 32.87%, #0fa60c 0%, #0fa60c 100%);
}
a.call-button.rounded-circle.decline {
  background: url("data:image/svg+xml;charset=UTF-8,%3csvg width='35' height='17' viewBox='0 0 35 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M5.43603 14.9254L10.9956 12.7015C11.2328 12.6061 11.4325 12.4363 11.5647 12.2176C11.6969 11.9989 11.7545 11.7431 11.7288 11.4888L11.3466 7.65964C15.3268 6.2301 19.6803 6.2301 23.6605 7.65964L23.2782 11.4888C23.2521 11.7432 23.3095 11.9991 23.4417 12.218C23.574 12.4368 23.774 12.6065 24.0114 12.7015L29.571 14.9254C29.8283 15.0264 30.1128 15.0344 30.3754 14.9482C30.638 14.8619 30.8623 14.6867 31.0096 14.4528L33.7894 10.0051C33.9307 9.77892 33.9912 9.5115 33.961 9.24651C33.9307 8.98152 33.8116 8.7346 33.623 8.54605C24.7102 -0.366716 10.276 -0.352819 1.37716 8.54605C1.18838 8.73458 1.06911 8.98154 1.03882 9.24661C1.00852 9.51168 1.069 9.77919 1.21037 10.0054L3.99018 14.4531C4.13866 14.6877 4.36426 14.8632 4.62815 14.9494C4.89204 15.0356 5.17772 15.0271 5.43603 14.9254V14.9254Z' stroke='white' stroke-width='2'/%3e%3c/svg%3e "),
    radial-gradient(
      77.01% 77.01% at 19.95% 22.99%,
      rgba(236, 28, 36, 0.47) 0%,
      #ec1c24 100%
    );
}
a.call-button.rounded-circle.decline:active {
  background: url("data:image/svg+xml;charset=UTF-8,%3csvg width='35' height='17' viewBox='0 0 35 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M5.43603 14.9254L10.9956 12.7015C11.2328 12.6061 11.4325 12.4363 11.5647 12.2176C11.6969 11.9989 11.7545 11.7431 11.7288 11.4888L11.3466 7.65964C15.3268 6.2301 19.6803 6.2301 23.6605 7.65964L23.2782 11.4888C23.2521 11.7432 23.3095 11.9991 23.4417 12.218C23.574 12.4368 23.774 12.6065 24.0114 12.7015L29.571 14.9254C29.8283 15.0264 30.1128 15.0344 30.3754 14.9482C30.638 14.8619 30.8623 14.6867 31.0096 14.4528L33.7894 10.0051C33.9307 9.77892 33.9912 9.5115 33.961 9.24651C33.9307 8.98152 33.8116 8.7346 33.623 8.54605C24.7102 -0.366716 10.276 -0.352819 1.37716 8.54605C1.18838 8.73458 1.06911 8.98154 1.03882 9.24661C1.00852 9.51168 1.069 9.77919 1.21037 10.0054L3.99018 14.4531C4.13866 14.6877 4.36426 14.8632 4.62815 14.9494C4.89204 15.0356 5.17772 15.0271 5.43603 14.9254V14.9254Z' stroke='white' stroke-width='2'/%3e%3c/svg%3e "),
    radial-gradient(77.01% 77.01% at 19.95% 22.99%, #ec1c24 0%, #ec1c24 100%);
}
.deactive a.call-button.rounded-circle.decline {
  background-color: #c4c4c4;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='35' height='17' viewBox='0 0 35 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M5.43603 14.9254L10.9956 12.7015C11.2328 12.6061 11.4325 12.4363 11.5647 12.2176C11.6969 11.9989 11.7545 11.7431 11.7288 11.4888L11.3466 7.65964C15.3268 6.2301 19.6803 6.2301 23.6605 7.65964L23.2782 11.4888C23.2521 11.7432 23.3095 11.9991 23.4417 12.218C23.574 12.4368 23.774 12.6065 24.0114 12.7015L29.571 14.9254C29.8283 15.0264 30.1128 15.0344 30.3754 14.9482C30.638 14.8619 30.8623 14.6867 31.0096 14.4528L33.7894 10.0051C33.9307 9.77892 33.9912 9.5115 33.961 9.24651C33.9307 8.98152 33.8116 8.7346 33.623 8.54605C24.7102 -0.366716 10.276 -0.352819 1.37716 8.54605C1.18838 8.73458 1.06911 8.98154 1.03882 9.24661C1.00852 9.51168 1.069 9.77919 1.21037 10.0054L3.99018 14.4531C4.13866 14.6877 4.36426 14.8632 4.62815 14.9494C4.89204 15.0356 5.17772 15.0271 5.43603 14.9254V14.9254Z' stroke='white' stroke-width='2'/%3e%3c/svg%3e ");
}
.deactive a.call-button.rounded-circle {
  background-color: #c4c4c4;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='28' height='29' viewBox='0 0 28 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M26.2417 19.7757L20.5619 17.3821C20.3193 17.2804 20.0496 17.259 19.7935 17.321C19.5374 17.3831 19.3088 17.5253 19.1419 17.7262L16.6266 20.7481C12.679 18.9179 9.50212 15.7939 7.64087 11.9121L10.714 9.43873C10.9188 9.275 11.0637 9.05015 11.1268 8.79821C11.1899 8.54627 11.1679 8.28096 11.064 8.04245L8.62976 2.45731C8.51572 2.2002 8.31401 1.99028 8.05942 1.86374C7.80484 1.73721 7.51333 1.70199 7.23517 1.76416L1.96107 2.96097C1.69289 3.02187 1.45362 3.17035 1.28231 3.38219C1.11099 3.59403 1.01776 3.85671 1.01782 4.12737C1.01782 16.9183 11.5609 27.2658 24.5484 27.2658C24.8237 27.2659 25.091 27.1743 25.3065 27.0059C25.522 26.8374 25.6731 26.602 25.7351 26.3382L26.9522 21.152C27.015 20.8772 26.9784 20.5894 26.8487 20.3382C26.7191 20.087 26.5044 19.8881 26.2417 19.7757V19.7757Z' stroke='white' stroke-width='2'/%3e%3c/svg%3e");
}
a.call-button.rounded-circle {
  height: 50px;
  width: 50px;
  display: flex;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 25px, contain !important;
  transition: all 0.5s linear;
  z-index: 10;
  position: relative;
}
.deactive a.call-button.rounded-circle {
  background-size: 25px;
  transition: all 0.5s linear;
  pointer-events: none;
}
div.call-button.rounded-circle {
  padding: 42px;
}
.row.tel-btn-group > div > div {
  background: radial-gradient(
    79.28% 79.28% at 28.95% 14.7%,
    #ececec 0%,
    #ffffff 100%,
    #fffcfc 100%
  );
}
.row.tel-btn-group > div:last-child > div {
  background-repeat: no-repeat;
  background-position: center;
  padding: 10px;
  margin: 30px;
}
#anim {
  display: none;
}
.calling #anim {
  display: block;
}
#anim {
  position: absolute;
  top: calc(50% - 43px);
  left: calc(50% - 42px);
  animation: anim-svg 2s linear 0s infinite;
}
@keyframes anim-svg {
  0% {
    transform: rotate(-360deg);
  }
  50% {
    transform: rotate(-180deg);
  }
  100% {
    stroke-dashoffset: 0;
  }
}
.mainpage #infoJobMenu {
  position: unset !important;
}
body.telephonic-survey #content {
  height: 100vh !important;
  overflow: hidden;
  padding: 24px 48px !important;
}
#status-btn-group .blue-scroll .btn {
  width: 100%;
  min-width: 100%;
}
#status-btn-group > div {
  overflow-y: auto;
  height: calc(100vh - 590px);
}
.blue-scroll {
  scrollbar-color: var(--second-brand-color) #fff;
  scrollbar-width: thin;
}
#status-btn-group {
  border-top: 2px solid var(--second-brand-color);
  border-bottom: 2px solid var(--second-brand-color);
}
#status-btn-group > div > button:last-child {
  margin-bottom: 0px !important;
}
.btn.btn-outline-grey {
  color: #5e5e5e;
  box-shadow: 0px 0px 0px 3px #5e5e5e inset;
  font-size: 18px;
  font-weight: 700;
  padding: 10px 20px;
  padding-right: 15px;
}
.btn.btn-outline-grey i {
  margin-left: 5px;
}
#status-btn-group button {
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 8px;
  padding-left: 8px;
}
.blue-scroll::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background-color: #fff;
  border-radius: 0em;
}
.blue-scroll::-webkit-scrollbar-thumb {
  background-color: var(--second-brand-color);
  border-radius: 1em;
  height: 65px;
}
.blue-scroll::-webkit-scrollbar-thumb:hover {
  background-color: var(--second-brand-color);
  border-radius: 1em;
}
.time-btn.outline {
  padding: 5px 12px;
  font-size: 16px;
  color: #5d5d5d;
  background: #ffffff;
  border: 1px solid #dadada;
  border-radius: 6px;
  text-align: left;
  width: 100%;
  max-width: 88px;
  float: none !important;
}
.time-btn.outline.active {
  background: var(--color-second-darkest);
  border: 1px solid var(--color-second-darkest);
  color: #fff;
}
#time-inline {
  background: #ffffff;
  border: 1px solid #dadada;
  box-sizing: border-box;
  border-radius: 6px;
  min-height: 36px;
  max-width: 184px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='13' height='8' viewBox='0 0 13 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1.51758 1.87904L6.33913 6.16486L11.1607 1.87904' stroke='%23666666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
  background-repeat: no-repeat;
  background-position: right 15px center;
  color: var(--font-color, #666);
}
#time-inline::placeholder {
  color: var(--font-color, #666);
}
#datetime {
  max-width: none;
  min-width: 216px;
  box-sizing: border-box;
  height: 40px;
  padding: 0 10px;
}
#modalDateTime > .modal-dialog {
  width: 724px;
}
.alert.alert-dismissible {
  position: absolute;
  max-width: 630px;
  top: 12px;
  right: 34px;
  padding: 12px 20px;
  padding-right: 40px;
  background: #9f9f9f;
  box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.15);
  border-radius: 16px;
  border: 0px !important;
  color: #fff;
  font-size: 14px;
  line-height: 21px;
  z-index: 10000;
}
.alert-dismissible .btn-close {
  padding: 12px 12px !important;
  height: 10px;
  background-size: 10px !important;
  filter: invert(1);
}
.alert-dismissible .btn-close:focus {
  box-shadow: none !important;
}
.alert.alert-dismissible a {
  color: inherit;
}
.alert.alert-dismissible.alert-success {
  background: #bdd82f;
}
.alert.alert-dismissible.alert-error {
  background: #d82f2f;
}
.alert.alert-dismissible.alert-warning {
  background: #f0980e;
}
.alert.alert-dismissible.alert-info {
  background: #2fb8d8;
}
#collapsePersInfo {
  position: absolute;
  top: 100%;
  background-color: #fff;
  z-index: 100;
  border-bottom: 1px solid #dadada;
  border-left: 1px solid #dadada;
  border-right: 1px solid #dadada;
}
#content #person-info.block {
  position: relative;
  margin-right: 0px !important;
  flex-grow: 0;
}
#content #person-info.block > div.collapsed {
  border-radius: 0.3rem 0.3rem !important;
}
#sur-preview {
  max-height: 100% !important;
  padding: 15px 20px !important;
  padding-right: 8px !important;
  overflow: hidden;
  transition: all 0.3s linear;
}
#sur-preview > div {
  max-height: 100% !important;
  overflow: auto;
}
#sur-preview:nth-child(2) {
  margin-top: 16px !important;
}
.telephonic-survey .content-wrapper {
  height: calc(100vh - 100px);
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}
#collapsePersInfo .table-title {
  color: var(--font-color, #666);
  min-height: 69px;
  font-size: 14px;
  font-weight: 400;
}
#collapsePersInfo .table-result {
  color: var(--font-color, #000);
  font-weight: 500;
  min-height: 69px;
  font-size: 18px;
  word-wrap: break-word;
}
#collapsePersInfo {
  max-height: 430px !important;
  overflow-y: scroll;
  overflow-y: overlay;
  overflow-x: hidden;
}
#collapsePersInfo > div > div:not(:last-child) {
  border-bottom: 1px solid #dadada;
}
#collapsePersInfo > div {
  max-width: none;
  margin-top: -42px;
}
#editPers {
  right: 0px;
  position: fixed;
  top: 550px;
  min-width: 126px;
  height: 42px;
  opacity: 0.3;
  box-shadow: 0px 4.80502px 4.80502px rgba(0, 0, 0, 0.25) !important;
  border-radius: 51.654px;
  color: #ffffff;
  font-size: 21px;
  background: #000;
  display: inline-block;
  width: auto;
  margin-left: auto;
  margin-right: 25px;
}
#editPers:hover {
  opacity: 1;
}
.update-img a,
.update-img label {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.2;
  color: #231f20;
  display: block;
  text-decoration: none;
}
.update-img > *:first-child {
  margin-bottom: 15px;
}
.update-img a svg,
.update-img label svg {
  fill: currentColor;
}
.update-img input[type="file"] {
  display: none;
}

.update-img a:hover,
.update-img label:hover {
  color: var(--second-brand-color);
}
.update-img .popover-arrow {
  display: none;
}
.update-img {
  width: 224px;
  min-height: fit-content;
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 4px 4px 25px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  margin-left: -30px !important;
  margin-top: 40px !important;
  z-index: 1000;
  display: none;
  flex-direction: column;
  justify-content: center;
  padding: 10px;
  opacity: 0;
  transition: all 300ms linear;
}
#info_img > .col-6:first-child:hover .update-img {
  display: flex;
  opacity: 1;
}
/*Telephonic Survey page*/
/*create new job*/
#files-library .classic.table.table-fixed > thead > tr {
  max-width: calc(100% - 25px);
}
body.create-job #infoJob,
body.files-library #infoJob {
  height: 100%;
  box-sizing: border-box !important;
}
body.create-job .content-wrapper,
body.files-library .content-wrapper {
  height: calc(100% - 60px);
  box-sizing: border-box !important;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
}
#create-job-form {
  width: 563px;
  min-height: 200px;
  /*  padding: 29px 69px 29px 47px;*/
  padding: 78px 69px 69px 47px;
  border: 1px solid #dadada;
  box-sizing: border-box;
  box-shadow: 4px 4px 25px rgba(0, 0, 0, 0.1);
  border-radius: 6px;
}
#create-job-form > .col-12:not(:first-child) {
  margin-top: 23px !important;
}
#create-job-form .btn.btn-md {
  min-width: 180px;
  width: auto;
  max-width: 100%;
  border-radius: 6px;
  box-sizing: border-box;
}
#create-job-form > .col-12.inactive label,
#create-job-form
  > .col-12.inactive
  .btn.dropdown-toggle.btn-light:not(.bs-placeholder)
  > .filter-option {
  color: #b2b2b2;
}
#create-job-form > .col-12.inactive a {
  color: #afafaf;
  pointer-events: none;
}
#create-job-form > .col-12.inactive .btn.dropdown-toggle.btn-light {
  background-color: #f7f7f7 !important;
  border: 1px solid #e1e1e1;
  box-sizing: border-box;
  border-radius: 6px;
  pointer-events: none;
}
#create-job-form > .col-12.inactive .btn {
  background-color: rgba(174, 174, 174, 0.87);
  pointer-events: none;
}
.create-job #reject-modal .cardnew {
  max-width: 370px;
  padding: 0px !important;
  margin: 0 auto;
  padding-top: 10px !important;
}
ol.inline-list {
  counter-reset: LIST-ITEMS;
}
ol.inline-list li {
  display: inline-block;
}
ol.inline-list li:before {
  content: counter(LIST-ITEMS) ".";
  counter-increment: LIST-ITEMS;
  padding-right: 3px;
}
/*files library*/
.fas.fa-arrow-download.main-color {
  filter: var(--filter);
  content: url("data:image/svg+xml;charset=UTF-8,%3csvg width='13' height='17' viewBox='0 0 13 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M6.22527 13.7821C6.27574 13.8389 6.34799 13.8714 6.42396 13.8714C6.49993 13.8714 6.57191 13.8389 6.62265 13.7821L11.6268 8.14766C11.6961 8.0693 11.7131 7.95774 11.6703 7.86238C11.6276 7.76702 11.5325 7.70566 11.4281 7.70566H9.01832V2.28479C9.01832 2.1379 8.89958 2.01917 8.75269 2.01917H4.09496C3.94807 2.01917 3.82933 2.1379 3.82933 2.28479V7.70566H1.41985C1.31519 7.70566 1.22037 7.76702 1.1776 7.86238C1.13483 7.95774 1.15183 8.0693 1.22116 8.14766L6.22527 13.7821Z' fill='%23000'/%3e%3cpath d='M4.09485 1.632H8.75258C8.89947 1.632 9.01821 1.513 9.01821 1.36637V0.265625C9.01821 0.119 8.89947 0 8.75258 0H4.09485C3.94796 0 3.82922 0.119 3.82922 0.265625V1.36637C3.82922 1.513 3.94796 1.632 4.09485 1.632Z' fill='%23000'/%3e%3cpath d='M11.3447 14.6283H1.50359C0.89 14.6283 0.390625 15.1277 0.390625 15.7415C0.390625 16.3551 0.89 16.8545 1.50359 16.8545H11.3447C11.9586 16.8545 12.458 16.3551 12.458 15.7415C12.458 15.1277 11.9586 14.6283 11.3447 14.6283Z' fill='%23000'/%3e%3c/svg%3e ");
}
.fas.fa-eye.sec-color {
  color: var(--main-brand-color);
}
#files-library .table-fixed thead {
  background-color: #f4f4f4;
}
#files-library .fa-file-alt::before {
  margin-left: -4px !important;
}
#files-library table.table > tbody > tr > td table.childs .parent_tr {
  margin-left: 0px !important;
  width: 100% !important;
  border-bottom-width: 0px;
}
#files-library table.table > tbody > tr > td table.childs .parent_tr.active {
  border-bottom-width: 1px;
}
#files-library table.table .col-6 > span {
  display: inline;
  width: fit-content;
  min-width: 50%;
}
#files-library .classic.table > thead > tr > th.col-1:last-child .th-inner {
  padding-left: 5px !important;
  padding-right: 0px !important;
}
#files-library .table-fixed tbody td.col-1 {
  text-align: center !important;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
}
#files-library table.classic p {
  margin: 0px;
}
#files-library table.childs > tbody > tr {
  margin-left: 10px !important;
  width: calc(100% - 10px) !important;
}
div#files-library
  .bootstrap-table
  .fixed-table-container
  .table
  .col-1:not(:first-child) {
  min-width: 75px !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
}
div#files-library .bootstrap-table .fixed-table-container .table .col-1 div,
#files-library .classic.table > thead > tr > th.col-1:last-child .th-inner {
  padding-left: 0px !important;
  padding-right: 0px !important;
  text-align: center !important;
}
a.view,
a.download {
  color: var(--font-color, #717171);
  text-decoration: none;
}
.table.classic a.view i,
.table.classic a.download i {
  font-size: 16px;
}
.bootstrap-table .fixed-table-container .table.classic thead th .both {
  background-image: none;
}
.bootstrap-table
  .fixed-table-container
  .table.classic
  thead
  .th-inner.sortable.both.desc,
.bootstrap-table
  .fixed-table-container
  .table.classic
  thead
  .th-inner.sortable.both.asc {
  background: #edebeb;
  border-radius: 45px;
}
.bootstrap-table
  .fixed-table-container
  .table.classic
  thead
  .th-inner.sortable.both.desc:after,
.bootstrap-table
  .fixed-table-container
  .table.classic
  thead
  .th-inner.sortable.both.asc:after {
  content: "\f0d7";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  right: 20px;
  color: #545454;
}
.bootstrap-table
  .fixed-table-container
  .table.classic
  thead
  .th-inner.sortable.both.asc:after {
  content: "\f0d8";
}
.bootstrap-table
  .fixed-table-container
  .table.classic
  thead
  .th-inner.sortable.both {
  position: relative;
}
.classic.table td.col-1:first-child {
  text-align: right;
}
.classic.table .parent_tr .col-12 {
  padding-left: 0px !important;
}
.classic.table td:first-child,
.classic.table td:nth-child(2),
.classic.table td:nth-child(3) {
  justify-content: center;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
}
.classic.table,
.classic.table th,
.classic.table td {
  border: 0px solid !important;
}
.classic.table thead > tr {
  border: 0px solid;
}
/*.classic.table thead>tr>th>div:first-child {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}
.bootstrap-table .fixed-table-container .table thead th .sortable,
.bootstrap-table .fixed-table-container .table tbody td.col-4,
.bootstrap-table .fixed-table-container .table tbody td.col-3 {
    padding-left: 45px !important;
}*/
.classic.table tbody > tr:not(.no-records-found) {
  border-bottom: 1px solid #dadada;
  border-top: 0px solid #dadada;
}
.classic.table tbody > tr.no-records-found {
  border: 0px solid;
}
.classic.table td {
  padding: 18px;
}
.classic.table th {
  padding: 0px !important;
  color: var(--font-color, #2b2b2b);
  font-size: 16px;
  background-color: transparent;
}
/*.classic.table>thead{
  background-color: #e9f6fe
}*/
.classic.table > tbody {
  background-color: #fff;
  border-right: 15px solid #fff;
}
.classic.table > thead > tr > th {
  background: #f4f4f4;
}
.classic.table > thead > tr > th:first-child {
  border-radius: 5px 0px 0px 0px;
}
.classic.table > thead > tr > th:last-child {
  border-radius: 0px 5px 0px 0px;
}
.classic.table td {
  color: var(--font-color, #666666);
  font-size: 14px;
}
.classic.table td:first-child i {
  font-size: 18px;
}
.classic.table td:nth-child(2) {
  font-size: 18px;
  color: var(--font-color, #000);
  font-weight: 500;
}
#files-library > .bootstrap-table {
  padding: 0px;
  box-shadow: 4px 4px 25px rgba(0, 0, 0, 0.1);
}
.table-fixed thead {
  width: 100%;
}
.inputHeader {
  width: 100%;
}
.table-fixed tbody {
  max-height: calc(100vh - 255px);
  overflow-y: auto;
  width: 100%;
  padding-right: 10px;
  margin: 10px 0;
}
.table-fixed thead,
.table-fixed tbody,
.table-fixed tr,
.table-fixed td,
.table-fixed th {
  display: block;
}
.table-fixed tbody td,
.table-fixed thead > tr > th {
  float: left;
  border-bottom-width: 0;
}
.table-fixed tr {
  display: -webkit-flex;
  display: flex;
}
.classic.table {
  background-color: #fff;
  box-shadow: 4px 4px 25px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
}
table.childs tbody {
  max-height: none;
  margin: 0px !important;
  padding: 0px !important;
  overflow: visible;
}
.classic.table table.childs tbody > tr:last-child {
  border-bottom: 0px solid !important;
}
.blue-grey-scroll {
  scrollbar-color: var(--second-brand-color) #ddd;
  scrollbar-width: thin;
}
.blue-grey-scroll::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  background-color: #ddd;
  border-radius: 20px;
  border: 1px solid #c4c4c4;
}
.blue-grey-scroll::-webkit-scrollbar-thumb {
  background-color: var(--second-brand-color);
  border-radius: 1em;
  height: 65px;
}
.blue-grey-scroll::-webkit-scrollbar-thumb:hover {
  background-color: var(--main-brand-color);
  border-radius: 1em;
}
.childs_tr {
  /*! display: none; */
  visibility: hidden;
  height: 0px;
  opacity: 0;
  transition: all 0.5s linear;
}
.active.childs_tr {
  visibility: visible;
  height: auto;
  opacity: 1;
  transition: all 0.5s linear;
}
/*table.childs .parent_tr {
  border: 0px solid !important;
}
table.childs .parent_tr.active {
  border-bottom: 1px solid #DADADA !important;
  border-top: 0px solid #DADADA;
}*/
.parent_tr.active > td > a.open-folder > .fa-folder::before {
  content: "\f07c";
  transition: all 0.5s linear;
}
/*th {
    position: relative;
    z-index: 1000;
 transition: position 0s linear 0s;
}*/

/* files library */

#files-library-new td {
  display: table-cell;
  vertical-align: middle;
  padding-top: 18px;
  padding-bottom: 18px;
}
#files-library-new td > p:only-child {
  margin: 0px;
}
#files-library-new tbody tr {
  position: relative;
}
tr .treegrid-expander {
  display: block;
  width: 24px;
  height: 24px;
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 16px;
  transition: all 0.3s linear;
}
tr.children-1 .treegrid-expander {
  left: 30px;
}
tr.children-2 .treegrid-expander {
  left: 40px;
}
tr.children-3 .treegrid-expander {
  left: 50px;
}
tr.children-4 .treegrid-expander {
  left: 60px;
}
tr.children-5 .treegrid-expander {
  left: 70px;
}
tr .treegrid-expander::before {
  content: "\f07b";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: var(--main-brand-color);
  transition: all 0.3s linear;
}
tr .treegrid-expander.treegrid-expander-expanded::before {
  content: "\f07c";
}

tr:not(.treegrid-expanded):not(.treegrid-collapsed) .treegrid-expander::before {
  content: "\f15c";
  font-family: "Font Awesome 5 Free";
  color: var(--second-brand-color);
}
.table-tree.table > thead > tr > th {
  background: #f4f4f4;
}
.table.table-borderless.table-tree.table-bordered.table-hover *,
.table.table-borderless.table-tree.table-bordered.table-hover {
  border: 0px solid transparent !important;
}
.table.table-borderless tbody {
  background-color: #fff;
}
#files-library-new table > tbody > tr > td:nth-last-child(2),
#files-library-new table > thead > tr > th:nth-last-child(2),
#files-library-new table > tbody > tr > td:last-child,
#files-library-new table > thead > tr > th:last-child {
  text-align: center;
}
.table.table-tree a.view i,
.table.table-tree a.download i {
  font-size: 16px;
}
.bootstrap-table .fixed-table-container .table.table-tree thead th .both {
  background-image: none;
  padding-right: 35px !important;
}
.bootstrap-table
  .fixed-table-container
  .table.table-tree
  thead
  .th-inner.sortable.both.desc,
.bootstrap-table
  .fixed-table-container
  .table.table-tree
  thead
  .th-inner.sortable.both.asc {
  background: #edebeb;
  border-radius: 45px;
}
.bootstrap-table
  .fixed-table-container
  .table.table-tree
  thead
  .th-inner.sortable.both.desc:after,
.bootstrap-table
  .fixed-table-container
  .table.table-tree
  thead
  .th-inner.sortable.both.asc:after {
  content: "\f0d7";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  right: 20px;
  color: #545454;
}
.bootstrap-table
  .fixed-table-container
  .table.table-tree
  thead
  .th-inner.sortable.both.asc:after {
  content: "\f0d8";
}
.bootstrap-table
  .fixed-table-container
  .table.table-tree
  thead
  .th-inner.sortable.both {
  position: relative;
}

#files-library-new table > tbody > tr > td:first-child {
  font-size: 18px;
  color: var(--font-color, #000);
  font-weight: 500;
  position: relative;
}

#files-library-new table > thead > tr > th:first-child,
#files-library-new table > tbody > tr > td:first-child {
  padding-left: 90px !important;
}
#files-library-new table > tbody > tr.children-1 > td:first-child {
  padding-left: 100px !important;
}
#files-library-new table > tbody > tr.children-2 > td:first-child {
  padding-left: 110px !important;
}
#files-library-new table > tbody > tr.children-3 > td:first-child {
  padding-left: 120px !important;
}
#files-library-new table > tbody > tr.children-4 > td:first-child {
  padding-left: 130px !important;
}
#files-library-new table > tbody > tr.children-5 > td:first-child {
  padding-left: 140px !important;
}
#files-library-new .table.table-tree > tbody > tr:not(.no-records-found) {
  border-bottom: 1px solid #dadada !important;
}
#files-library-new
  .bootstrap-table
  .fixed-table-container.fixed-height:not(.has-footer),
#files-library-new
  .bootstrap-table
  .fixed-table-container.fixed-height
  .fixed-table-border {
  border: 0px solid;
}

#files-library-new {
  margin: 0px !important;
}
#files-library-new .bootstrap-table.bootstrap5 {
  padding: 0px;
}

#files-library-new .fixed-table-header {
  height: 44px !important;
}
/* end files library */

#files-library {
  margin-top: 30px !important;
}
th .sortable {
  position: relative;
  background: #f4f4f4;
  z-index: 99;
}
th .fht-cell {
  position: absolute;
  top: 5px;
  z-index: -10;
  transition: top 0.5s linear;
  padding-bottom: 10px;
  margin-left: 5px;
}
th:hover {
  position: unset;
  transition: position 0s linear 0.5s;
}
th:hover .fht-cell,
th.show .fht-cell {
  transition: top 0.5s linear;
  position: absolute;
  top: -47px;
  z-index: 10;
}
.fht-cell input {
  height: 40px;
  border: 0px;
  background: #ffffff;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.15);
  border-radius: 25px;
  position: relative;
  padding-right: 40px;
  text-overflow: ellipsis;
}
.fht-cell .filter-control:after {
  content: "\f002";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  right: 20px;
  color: #545454;
  top: calc(50% - 18px);
  color: #666666;
  font-size: 16px;
}
.myjobs .popover-body,
.openjobs .popover-body {
  padding: 5px !important;
}

.myjobs .content-wrapper,
.openjobs .content-wrapper {
  overflow: hidden;
}

body:not(.mainpage) .popover.fade.show.bs-popover-bottom:not(.popover-address) .popover-arrow {
  transform: none !important;
  left: 29px !important;
}
.bs-popover-bottom > .popover-arrow::after,
.bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow::after {
  top: 0.5px;
}
.popover-body {
  font-size: 14px;
  line-height: 150%;
  color: #666666 !important;
}
.popover.fade.show.bs-popover-bottom {
  background: #ffffff;
  border: 1px solid #dadada;
  box-sizing: border-box;
  border-radius: 5px;
  box-shadow: 4px 4px 25px rgba(0, 0, 0, 0.1);
}
.no-title-popover .popover-header {
  display: none;
}
.no-title-popover:has(.popover-header) {
  margin-top: -5px !important;
}
/*preffered regions*/
/*#all-reg,#pr-reg {
  max-width: 459px;
}*/
.rounded-6 {
  border-radius: 6px !important;
}
#pref-reg > div > h4 {
  margin-bottom: 58px;
  font-size: 22px;
}
.table-fixed.mini-table tbody {
  max-height: calc(100vh - 410px);
}
.no-records-found > td {
  width: 100% !important;
  font-size: 16px !important;
}
/*.bootstrap-table .fixed-table-container .mini-table.table thead th .sortable,
.bootstrap-table .fixed-table-container .mini-table.table tbody td.col-4,
.bootstrap-table .fixed-table-container .mini-table.table tbody td.col-3,
.mini-table .th-inner.sortable,
.bootstrap-table .fixed-table-container .mini-table.table tbody td {
    padding-left: 15px !important;
    padding-right: 15px !important;
}*/
.bootstrap-table
  .fixed-table-container
  .table.classic.mini-table
  thead
  .th-inner.sortable.both.desc,
.bootstrap-table
  .fixed-table-container
  .table.classic.mini-table
  thead
  .th-inner.sortable.both.asc {
  border-radius: 10px;
}
.bootstrap-table
  .fixed-table-container
  .mini-table.table.classic
  thead
  .th-inner.sortable.both.desc::after,
.bootstrap-table
  .fixed-table-container
  .mini-table.table.classic
  thead
  .th-inner.sortable.both.asc::after {
  right: 10px;
}
.mini-table.classic.table th,
.mini-table.classic.table td:nth-child(2) {
  font-weight: 400;
  font-size: 16px;
  color: var(--font-color, #2b2b2b);
}
#pr-reg .mini-table.classic.table td,
#pr-reg p {
  color: var(--font-color, #383838);
}
.dd-grey {
  color: var(--font-color, #383838);
}
.classic.mini-table.table .col-2 input {
  margin-left: 44px !important;
  margin-right: auto !important;
}
/*.classic.mini-table.table th.col-2 {
    padding-left: 3px !important;
    padding-right: 10px !important;
}*/
/*#pref-reg .mini-table.classic.table td.col-4,
#pref-reg .mini-table.classic.table td.col-6 {
    padding-left: 30px !important;
}*/
.classic.table thead {
  background-color: #f4f4f4;
}
body.preffered-regions .header-wrapper > h1 + button + div,
body.add-ref-rec .header-wrapper > h1 + button + div,
body.unfin-job .header-wrapper > h1 + button + div,
body.detailed-report .header-wrapper > h1 + button + div,
body.single-report .header-wrapper > h1 + button + div,
body.locations .header-wrapper > h1 + button + div {
  margin-left: 0px !important;
  padding-right: 0px;
}
.bootstrap-table .fixed-table-container .table thead th .th-inner {
  padding-left: 10px !important;
  padding-right: 5px !important;
  box-sizing: border-box;
}
.bootstrap-table .fixed-table-container .table thead th .sortable {
  white-space: normal !important;
  padding-left: 20px !important;
}
#pref-reg .bg-white > div:last-child,
#pref-reg .bg-white > p:last-child {
  border-top: 1px solid #434141;
  padding-top: 10px;
  width: 100%;
  padding-right: 30px !important;
  padding-left: 30px !important;
}
#pref-reg .bg-white > div:last-child > .btn {
  margin-left: 28px !important;
}
.bg-white.arrow-btn {
  width: 39px;
  height: 39px;
  background: #ffffff;
  color: var(--second-brand-color);
  box-shadow: 4px 4px 25px rgba(0, 0, 0, 0.1);
  border: 0px solid;
  margin: 8px 11px;
}
.bg-white.arrow-btn:hover {
  color: var(--main-brand-color) !important;
  box-shadow: 4px 4px 25px rgba(0, 0, 0, 0.1) !important;
}
.modal-dialog.modal-dialog-centered.modal-sm {
  width: 355px !important;
  max-width: 355px !important;
}
/*refund record*/
.open-datetime.form-select {
  color: #aeaeae !important;
  font-size: 16px;
  border-color: #dadada;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M18.5849 2.96917H17.1782V1.5625H16.2407V2.96917H8.74072V1.5625H7.80322V2.96917H6.39739C5.10489 2.96917 4.05322 4.02083 4.05322 5.31333V16.095C4.05322 17.3875 5.10489 18.4392 6.39739 18.4392H18.5849C19.8774 18.4392 20.9291 17.3875 20.9291 16.095V5.3125C20.9282 4.02 19.8766 2.96917 18.5849 2.96917ZM19.9907 16.0942C19.9907 16.8692 19.3599 17.5 18.5849 17.5H6.39739C5.62156 17.5 4.99072 16.8692 4.99072 16.0942V7.65667H19.9907V16.0942ZM19.9907 6.71917H4.99072V5.3125C4.99072 4.53667 5.62156 3.90583 6.39739 3.90583H7.80406V4.84333H8.74072V3.90667H16.2407V4.84417H17.1782V3.90667H18.5849C19.3599 3.90667 19.9907 4.53667 19.9907 5.3125V6.71917Z' fill='%23007BFF'/%3e%3cpath d='M18.7509 10.364H6.4209V11.2031H18.7509V10.364Z' fill='%23007BFF'/%3e%3cpath d='M18.7509 13.2811H6.4209V14.1203H18.7509V13.2811Z' fill='%23007BFF'/%3e%3c/svg%3e ");
  background-size: 14px 6px;
  text-align: left;
  padding-top: 10px;
  padding-bottom: 10px;
  background-size: 25px;
  box-shadow: none !important;
  background-color: #fff !important;
}
.open-datetime.form-select.sec-color {
  color: var(--second-brand-color) !important;
}
.add-ref-rec .content-wrapper {
  margin-right: -100px !important;
  margin-left: -3rem !important;
  margin-top: 1px !important;
}
.add-ref-rec #modalDateTime > .modal-dialog {
  width: 600px;
}
.btn-group > .btn.btn-primary:focus {
  background: var(--main-brand-color) !important;
}
.report-elem-info {
  padding-bottom: 26px;
  padding-top: 17px;
}
.report-elem-info > div {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.report-body .info-record {
  min-height: unset;
}
.report-body .tel-elem-info > .row {
  position: relative;
}
.report-body .tel-elem-info > .row > div {
  min-height: 50px !important;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-bottom: 10px !important;
}
.report-body .tel-elem-info > .row > div:nth-child(6):after {
  content: "";
  width: 98.8%;
  float: none;
  height: 1px;
  background: #dadada;
  margin: 0 1.2%;
  display: block;
  position: absolute;
  left: 0px !important;
  margin-top: 55px;
}

#shoppers-without-tab
  .report-body
  .tel-elem-info
  > .row
  > div:nth-child(-n + 6) {
  min-width: calc(100% / 6);
}
#shoppers-without-tab
  .report-body
  .tel-elem-info
  > .row
  > div:nth-child(n + 6) {
  min-width: calc(100% / 7);
}
.bg-coin {
  width: 50px;
  height: 50px;
  margin: 0 auto;
  border: 3px solid #eeeeee;
  background-image: url("../../images/icon/coins_grow.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 29px auto;
}
.bg-stamp {
  width: 50px;
  height: 50px;
  margin: 0 auto;
  border: 3px solid #eeeeee;
  background-image: url("../../images/icon/stamp.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 25px auto;
}
.info-record .color-lgrey {
  line-height: 1;
  margin-bottom: 5px;
}
.info-record {
  min-height: 93px;
}
.info-record .button-show {
  width: 58px;
  height: 46px;
  align-self: end;
  text-align: center;
}
.info-record .button-show .accordion-button::after {
  margin-right: auto !important;
  margin-left: auto !important;
}
.info-record + div:not(.info-record) {
  margin-left: 32px !important;
  width: calc(100% - 32px);
}
.info-record + div:not(.info-record) > div {
  border-bottom: 8px solid #fff;
}
#record-nav {
  margin-top: 32px !important;
}
input[type="number"] {
  -moz-appearance: textfield;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
#record-nav input[type="number"] {
  width: 63px;
  height: 28px;
  box-sizing: border-box;
  display: inline-block;
  margin-left: 3px;
  margin-right: 3px;
}
.nav-group > .set + .numb {
  border-left: 1px solid #1c1c1c;
}
.nav-group .arrow .btn-group .btn {
  padding: 2px 8px !important;
}
/*telephonic survey*/
.telephonic-survey-start .row.tel-btn-group > div:last-child > div {
  margin: 10px;
}
.telephonic-survey-start .row.tel-btn-group > div > div {
  padding: 10px;
}
.telephonic-survey-start #content #widget-call,
.telephonic-survey-start #widget-tel {
  width: auto !important;
  margin-top: 0px !important;
  max-width: 300px;
}
.telephonic-survey-start #person-info > div > div.col-3 {
  padding-right: 5px !important;
  padding-left: 5px !important;
}
.telephonic-survey-start
  .form-floating.big
  .bootstrap-select
  .dropdown-toggle
  .filter-option-inner-inner {
  font-size: 20px !important;
  line-height: 1.5 !important;
}
.telephonic-survey-start a.call-button.rounded-circle {
  height: 40px !important;
  width: 40px !important;
}
.telephonic-survey-start #content #person-info.block {
  flex-grow: 1 !important;
  /* margin-left: 5px !important; */
}
.telephonic-survey #infoJob > div,
.telephonic-survey-start #infoJob > div {
  margin-bottom: 10px !important;
}
.collapse #widget-call {
  min-height: 100% !important;
}
.telephonic-survey-start .row.tel-btn-group > div:last-child > div {
  margin: 0px !important;
}
.telephonic-survey-start .form-floating > .form-select {
  height: auto !important;
}
.telephonic-survey-start #content #widget-call {
  padding: 5px 22px !important;
}
.telephonic-survey-start .form-switch input.form-check-input {
  width: 43.4px;
  height: 18.9px;
  margin-top: 0px !important;
}
.telephonic-survey-start .form-switch .form-check-input + label {
  font-size: 14px !important;
  line-height: 19px;
}
.telephonic-survey-start
  .form-floating.big
  > .dropdown.bootstrap-select.form-select
  button.btn.dropdown-toggle {
  background-size: 10px;
  background-position: right 8px center;
  padding-right: 25px;
}
.telephonic-survey-start #offcanvasButton .btn {
  width: auto;
  padding: 5px 32px;
  margin-right: 5px;
  min-width: calc(100% - 10px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-left: 5px;
  font-size: 13px !important;

  font-weight: normal !important;
}
.w-15 {
  width: 15% !important;
}
.open-w100 .show-pack .hidd.w-15 {
  min-width: 200px;
}
#offcanvasButton {
  max-height: calc(100vh - 70px);
  overflow-y: auto;
}
.telephonic-survey-start .asidebar.fliph #offcanvasButton .btn {
  width: calc(100% - 10px) !important;
  padding-left: 4px;
  padding-right: 0px;
}
.telephonic-survey-start .asidebar.fliph h4 {
  opacity: 0;
  font-size: 0px !important;
}
#offcanvasButton > form {
  margin-left: 0px !important;
  margin-right: 20px;
  padding: 0px !important;
  display: contents;
}
#offcanvasButton {
  justify-content: left !important;
}
.telephonic-survey-start #anim > svg {
  width: 54px;
  height: 54px;
}
.telephonic-survey-start #anim {
  position: absolute;
  top: calc(50% - 27px);
  left: calc(50% - 27px);
  animation: anim-svg 2s linear 0s infinite;
}
.telephonic-survey-start #content {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}
.telephonic-survey-start .content-wrapper {
  position: relative;
}
.telephonic-survey-start #toggle {
  position: absolute;
  right: 0px;
  z-index: 1000;
  background-color: transparent;
  padding: 0px !important;
  line-height: 1;
  border-radius: 3px;
  font-weight: normal;
  transition: all 0.5s linear;
  color: var(--second-brand-color);
  font-size: 18px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='13' height='7' viewBox='0 0 13 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1 0.612305L6.5 5.6123L12 0.612305' stroke='%23AEAEAE' stroke-width='1.5'/%3e%3c/svg%3e ");
  width: 25px;
  height: 25px;
  background-repeat: no-repeat;
  background-position: center;
  transform: rotate(180deg);
}
#toggle.btn.collapsed {
  transform: rotate(0deg);
  top: -20px !important;
}
#toggle:hover {
  background-color: transparent !important;
  box-shadow: none !important;
  color: var(--main-brand-color);
  font-size: 18px;
}
#pref-reg #pills-tab .nav-link {
  padding: 18px 56px;
  width: 100%;
  text-align: left;
  font-size: 24px;
  font-weight: 500;
  line-height: 1;
  box-shadow: 4px 4px 25px 0px #0000001a;
  background: #ffffff;
  border-radius: 5px;
  color: var(--second-brand-color);
}
#pref-reg #pills-tab .nav-link.active {
  background-color: var(--second-brand-color);
  color: #fff;
  box-shadow: none;
}
#pills-tab {
  padding-left: 12px !important;
  margin-bottom: 55px;
  gap: 27px;
}
#pills-tabContent > div {
  box-shadow: 4px 4px 25px 0px #0000001a;
}
.offcanvas-bottom {
  height: auto !important;
  padding: 20px !important;
  padding-bottom: 10px !important;
}
#content #toggleBut {
  position: absolute;
  bottom: auto;
  bottom: -15px !important;
  position: absolute;
  right: calc(50% - 100px) !important;
  background: var(--color-second-darkest) !important;
  box-shadow: 0px 4.80502px 4.80502px rgba(0, 0, 0, 0.25);
  border-radius: 51.654px;
  color: #fff;
  font-weight: bold;
  font-size: 21px;
  line-height: 150%;
  border: 0px solid;
  padding: 5.5px 32px !important;
}
.unfin-job #rec-wrap {
  margin-top: 20px !important;
}
.unfin-job #rec-wrap .action {
  height: auto;
}
.info-record .accept.start-job {
  min-width: 120px;
}
/*
#rec-wrap .show-info {
  padding-left: 20px;
  background-repeat: no-repeat;
  background-position: left;
  background-size: 15px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-chevron-up' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M7.646 4.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 5.707l-5.646 5.647a.5.5 0 0 1-.708-.708l6-6z'/%3e%3c/svg%3e");
}*/
.toast.det-info-job > div {
  resize: horizontal;
  overflow: hidden;
  padding: 0 12px !important;
  position: relative;
  border-radius: 6px;
  border: 1px solid #dadada;
  box-shadow: 0 0 5px 0 #dadada78;
}
.toast.det-info-job {
  position: relative;
  z-index: 100;
  padding: 0px !important;
  box-shadow: none !important;
  border-radius: 0px !important;
  background-color: transparent !important;
  border: 0px solid !important;
}
.toast.det-info-job.bottom-0:after,
.toast.det-info-job.bottom-0:before {
  top: 100%;
  left: 20px;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.toast.que-brief-info.bottom-0:before{
    border-color:transparent !important; 
    border-top-color: transparent !important;
}
.que-brief-info::after{
  left: 312px !important;
}
.que-brief-info::before{
  border-color : transparent !important;
  border-bottom-color : transparent !important;
}
.buttons-sel .toast.det-info-job.bottom-0 {
  left: calc(100% - 35px) !important;
  bottom: 10px !important;
}
.toast.det-info-job.bottom-0:after {
  border-color: rgba(255, 255, 255, 0);
  border-top-color: #fff;
  border-width: 7px;
  margin-left: -7px;
  z-index: 100;
  margin-top: -1px;
}
.toast.det-info-job.bottom-0:before {
  border-color: rgba(218, 218, 218, 0);
  border-top-color: #dadada;
  border-width: 8px;
  margin-left: -8px;
  margin-top: -1px;
}
.toast.det-info-job.top-0:after,
.toast.det-info-job.top-0:before {
  bottom: 100%;
  left: 20px;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.toast.det-info-job.top-0:after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #fff;
  border-width: 7px;
  margin-left: -7px;
  z-index: 100;
  margin-bottom: -1px;
}
.toast.det-info-job.top-0:before {
  border-color: rgba(218, 218, 218, 0.2);
  border-bottom-color: #dadada;
  border-width: 8px;
  margin-left: -9px;
  margin-bottom: -1px;
}
.unfin-job {
  overflow-x: hidden;
}
.toast.det-info-job.right-0:after {
  margin-left: auto;
  margin-right: -7px;
  left: auto;
  right: 20px;
}
.toast.det-info-job.right-0:before {
  margin-left: auto;
  margin-right: -8px;
  left: auto;
  right: 20px;
}
.det-info-job .toast-body .row > .col-6:first-child {
  color: var(--font-color, #717171);
}
.det-info-job .toast-body .row > .col-6:last-child {
  color: var(--font-color, #383838);
  font-weight: 500;
}
.det-info-job {
  margin-bottom: 30px;
}
.det-info-job .toast-body {
  margin-right: 5px;
  max-height: calc(100vh - 300px);
  overflow-y: auto;
  margin-top: 10px;
  margin-bottom: 10px;
}
.toast.det-info-job.top-0 {
  margin-top: 55px !important;
}
.btn-close.sec-color {
  filter: var(--filter);
  opacity: 1;
}
/*detailed report*/
.detailed-report-block > .bg-white:nth-child(2) {
  border: 0px !important;
}
.detailed-report-block > .bg-white:last-child {
  border-radius: 0 0 6px 6px;
}
.detailed-report-block > .bg-white:last-child .info-record .button-show {
  border-radius: 0 0 6px 0px;
}
.detailed-report-block {
  background: #ffffff;
  border: 1px solid #dadada;
  box-shadow: 4px 4px 25px rgba(0, 0, 0, 0.1);
}
.detailed-report .pr-100 {
  padding-right: 24px !important;
  padding-left: 24px !important;
}
#detailed .report-body {
  padding-right: 10px !important;
}
.full-screen .report-body {
  max-height: 100vh !important;
}
.full-screen a.tab {
  display: none;
}
a.backtotab {
  display: none;
}
.full-screen a.backtotab {
  width: auto;
  margin-left: auto;
  display: block;
}
/*#tabReportContent.single > .show.active a.tab {
    display: none;
}
#tabReportContent > .show.active a.backtotab {
    display: none;
}
#tabReportContent.single > .show.active a.backtotab {
    width: auto;
    margin-left: auto;
    display: block;
}*/
i.open-arr {
  transition: filter 0.3s linear;
  width: 18px;
  display: block;
  height: 100%;
  background-repeat: no-repeat;
  background-size: 18px;
  background-position: center;
  filter: var(--filter);
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M13.9738 0C13.6966 0 13.4719 0.224706 13.4719 0.501894C13.4719 0.779083 13.6966 1.00379 13.9738 1.00379H14.8804C16.1347 1.00379 16.7634 2.51979 15.8773 3.40746L13.0539 6.23565C12.858 6.4319 12.8581 6.74978 13.0542 6.94587C13.2504 7.14208 13.5685 7.14208 13.7647 6.94587L16.5894 4.12119C17.4742 3.23638 18.9871 3.86304 18.9871 5.11435V6.01226C18.9871 6.29207 19.2139 6.51889 19.4937 6.51889C19.7735 6.51889 20.0004 6.29206 20.0004 6.01226V3.25945C20.0004 1.4593 18.5411 0 16.7409 0H13.9738Z' fill='%23000000'/%3e%3cpath d='M6.02655 0C6.30374 0 6.52845 0.224706 6.52845 0.501894C6.52845 0.779083 6.30374 1.00379 6.02655 1.00379H5.11991C3.86562 1.00379 3.23692 2.51979 4.12308 3.40746L6.94648 6.23565C7.1424 6.4319 7.14227 6.74978 6.94617 6.94587C6.74997 7.14208 6.43185 7.14208 6.23565 6.94587L3.41096 4.12119C2.52615 3.23638 1.01326 3.86304 1.01326 5.11435V6.01226C1.01326 6.29207 0.786432 6.51889 0.506629 6.51889C0.226826 6.51889 0 6.29207 0 6.01226V3.25945C0 1.4593 1.4593 0 3.25945 0H6.02655Z' fill='%23000000'/%3e%3cpath d='M13.9738 20C13.6966 20 13.4719 19.7753 13.4719 19.4981C13.4719 19.2209 13.6966 18.9962 13.9738 18.9962H14.8804C16.1347 18.9962 16.7634 17.4802 15.8773 16.5925L13.0539 13.7643C12.858 13.5681 12.8581 13.2502 13.0542 13.0541C13.2504 12.8579 13.5685 12.8579 13.7647 13.0541L16.5894 15.8788C17.4742 16.7636 18.9871 16.137 18.9871 14.8856V13.9877C18.9871 13.7079 19.2139 13.4811 19.4937 13.4811C19.7735 13.4811 20.0004 13.7079 20.0004 13.9877V16.7405C20.0004 18.5407 18.5411 20 16.7409 20H13.9738Z' fill='%23000000'/%3e%3cpath d='M6.02655 20C6.30374 20 6.52845 19.7753 6.52845 19.4981C6.52845 19.2209 6.30374 18.9962 6.02655 18.9962H5.11991C3.86562 18.9962 3.23692 17.4802 4.12309 16.5925L6.94648 13.7643C7.1424 13.5681 7.14227 13.2502 6.94618 13.0541C6.74997 12.8579 6.43185 12.8579 6.23565 13.0541L3.41096 15.8788C2.52615 16.7636 1.01326 16.137 1.01326 14.8856V13.9877C1.01326 13.7079 0.786432 13.4811 0.506629 13.4811C0.226826 13.4811 0 13.7079 0 13.9877V16.7405C0 18.5407 1.4593 20 3.25945 20H6.02655Z' fill='%23000000'/%3e%3c/svg%3e ");
}
/* a:hover i.open-arr {
  width: 18px;
  background-repeat: no-repeat;
  background-size: 18px;
  background-position: center;
  filter: invert(83%) sepia(79%) saturate(466%) hue-rotate(10deg) brightness(89%) contrast(90%);
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M13.9738 0C13.6966 0 13.4719 0.224706 13.4719 0.501894C13.4719 0.779083 13.6966 1.00379 13.9738 1.00379H14.8804C16.1347 1.00379 16.7634 2.51979 15.8773 3.40746L13.0539 6.23565C12.858 6.4319 12.8581 6.74978 13.0542 6.94587C13.2504 7.14208 13.5685 7.14208 13.7647 6.94587L16.5894 4.12119C17.4742 3.23638 18.9871 3.86304 18.9871 5.11435V6.01226C18.9871 6.29207 19.2139 6.51889 19.4937 6.51889C19.7735 6.51889 20.0004 6.29206 20.0004 6.01226V3.25945C20.0004 1.4593 18.5411 0 16.7409 0H13.9738Z' fill='%23000000'/%3e%3cpath d='M6.02655 0C6.30374 0 6.52845 0.224706 6.52845 0.501894C6.52845 0.779083 6.30374 1.00379 6.02655 1.00379H5.11991C3.86562 1.00379 3.23692 2.51979 4.12308 3.40746L6.94648 6.23565C7.1424 6.4319 7.14227 6.74978 6.94617 6.94587C6.74997 7.14208 6.43185 7.14208 6.23565 6.94587L3.41096 4.12119C2.52615 3.23638 1.01326 3.86304 1.01326 5.11435V6.01226C1.01326 6.29207 0.786432 6.51889 0.506629 6.51889C0.226826 6.51889 0 6.29207 0 6.01226V3.25945C0 1.4593 1.4593 0 3.25945 0H6.02655Z' fill='%23000000'/%3e%3cpath d='M13.9738 20C13.6966 20 13.4719 19.7753 13.4719 19.4981C13.4719 19.2209 13.6966 18.9962 13.9738 18.9962H14.8804C16.1347 18.9962 16.7634 17.4802 15.8773 16.5925L13.0539 13.7643C12.858 13.5681 12.8581 13.2502 13.0542 13.0541C13.2504 12.8579 13.5685 12.8579 13.7647 13.0541L16.5894 15.8788C17.4742 16.7636 18.9871 16.137 18.9871 14.8856V13.9877C18.9871 13.7079 19.2139 13.4811 19.4937 13.4811C19.7735 13.4811 20.0004 13.7079 20.0004 13.9877V16.7405C20.0004 18.5407 18.5411 20 16.7409 20H13.9738Z' fill='%23000000'/%3e%3cpath d='M6.02655 20C6.30374 20 6.52845 19.7753 6.52845 19.4981C6.52845 19.2209 6.30374 18.9962 6.02655 18.9962H5.11991C3.86562 18.9962 3.23692 17.4802 4.12309 16.5925L6.94648 13.7643C7.1424 13.5681 7.14227 13.2502 6.94618 13.0541C6.74997 12.8579 6.43185 12.8579 6.23565 13.0541L3.41096 15.8788C2.52615 16.7636 1.01326 16.137 1.01326 14.8856V13.9877C1.01326 13.7079 0.786432 13.4811 0.506629 13.4811C0.226826 13.4811 0 13.7079 0 13.9877V16.7405C0 18.5407 1.4593 20 3.25945 20H6.02655Z' fill='%23000000'/%3e%3c/svg%3e ");
} */
#tabReportContent > .active {
  display: flex !important;
  flex-direction: column;
  margin-left: 0px !important;
}
.tab-content {
  gap: 10px !important;
}
/*#tabReportContent.single > .show.active a.tab {
    display: none;
}
#tabReportContent > .show.active a.backtotab {
    display: none;
}
#tabReportContent.single > .show.active a.backtotab {
    width: auto;
    margin-left: auto;
    display: block;
}*/
#tabReportContent.single > .show.active {
  min-width: 75% !important;
  flex-grow: unset;
}
#detailed .report-body > .bg-white:not(:last-child)::after,
#detailed .report-body > .row:not(.info-record):not(:last-child)::after {
  margin-right: 0px !important;
}
.report-body.blue-grey-scroll {
  max-height: calc(100vh - 200px);
  overflow: auto;
  margin-right: 10px !important;
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
.report-body > .bg-white,
.report-body > .row:not(.info-record) {
  border-top: 0px solid !important;
}
.report-body > .bg-white:not(:last-child)::after,
.report-body > .row:not(.info-record):not(:last-child)::after {
  content: "";
  width: 100%;
  float: none;
  height: 1px;
  background: #dadada;
  margin: 0 3%;
}
.col-12.col-lg-12 .report-body.blue-grey-scroll {
  padding-right: 10px !important;
}
.col-12.col-lg-12 .report-body.blue-grey-scroll > div:not(:last-child)::after {
  margin: 0px !important;
}
.bootstrap-table .fixed-table-container .table thead th div {
  font-size: 14px !important;
}
body .bootstrap-table .fixed-table-container .table thead th .sortable {
  padding-right: 10px !important;
  padding-left: 10px !important;
}
.classic.table td {
  padding-left: 10px !important;
}
.bootstrap-table
  .fixed-table-container
  .mini-table.table.classic
  thead
  .th-inner.sortable.both.desc::after,
.bootstrap-table
  .fixed-table-container
  .mini-table.table.classic
  thead
  .th-inner.sortable.both.asc::after {
  right: 5px !important;
}
body.locations .table-fixed.mini-table tbody {
  max-height: 100% !important;
  padding: 0px;
  margin: 0px;
  border-right: 0px !important;
}
body.locations
  .bootstrap-table
  .fixed-table-container
  .mini-table.table
  tbody
  td {
  padding-right: 5px !important;
  font-weight: 400;
  font-size: 16px;
  color: var(--font-color, #2b2b2b);
  justify-content: flex-start;
}
body.locations .content-wrapper > div > .bg-white {
  margin-top: 50px;
}
/*survey history*/
.survey_hist button + .ms-auto.lang-row {
  margin-left: 0px !important;
  padding-right: 0px;
}
.survey_hist #rec-wrap {
  box-shadow: 4px 4px 25px rgba(0, 0, 0, 0.1);
  margin: 0px !important;
}
.survey_hist .info-record > .tel-elem-info {
  margin-left: 32px !important;
}
.survey_hist #content .col.main-bg.block:nth-child(2) {
  margin-left: 0px !important;
}
.btn-check:checked + .btn-primary,
.btn-check:active + .btn-primary,
.btn-primary:active,
.btn-primary.active,
.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: var(--second-brand-color);
  border-color: var(--second-brand-color);
}
.autoflow {
  position: relative;
  display: grid;
  grid-template-columns: repeat(6, auto);
  grid-row-gap: 10px;
}
.mh-100vh {
  min-height: 100vh;
}
.mb-100 {
  margin-bottom: 100px;
}
.first-page .bg-white > .sec-bg {
  background-image: url("../../images/login_bg.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: left bottom;
  min-height: calc(100vh - 100px);
  min-width: 500px;
}
[type="button"].btn-md.main-bg:hover {
  box-shadow: 0px 0px 0px 50px var(--second-brand-color) inset !important;
  background-color: var(--second-brand-color) !important;
  color: #fff !important;
}

.listWrap.position-relative.w-100 > button#navbarSideCollapse.button-open {
  display: none;
}

.dropdown-menu.show {
  border: 1px solid var(--second-brand-color);
}
.dropdown.bootstrap-select.form-select button.btn.dropdown-toggle.show {
  border: 1px solid var(--second-brand-color);
}
#infoJobMenu {
  z-index: 100;
}
.actions.ms-auto.action.col-auto > button:first-child:last-child {
  align-self: center;
  margin: 0 auto;
}
.gmnoprint[role="menubar"] {
  margin-left: 70px !important;
  margin-top: 70px !important;
}
button.ms-auto.filter-btn + .lang-row.ms-auto {
  margin-left: 1em !important;
}
/* personal info */
#pers_info {
  border: 1px solid #dadada;
  box-shadow: 4px 4px 25px rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  padding: 23px 49px 60px 37px;
  background-color: #fff !important;
}
#pers_info .box > img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 128px;
  height: 128px;
  -o-object-fit: cover;
  object-fit: cover;
  transition: all 0.5s linear;
}
#pers_info .box.image.rounded-circle {
  position: relative;
  overflow: hidden;
  width: 125px;
  height: 125px;
  -webkit-box-shadow: 0px 0px 0px 5px #e5e5e5;
  -moz-box-shadow: 0px 0px 0px 5px #e5e5e5;
  box-shadow: 0px 0px 0px 5px #e5e5e5;
  transition: all 0.5s linear;
}
.mw-100 {
  min-width: 100px;
}
#pers_info #donut1 {
  max-width: 160px;
}

#actual-btn + label {
  cursor: pointer;
  background: #e5e5e5;
}

#file-chosen {
  margin-left: 0.3rem;
  font-family: sans-serif;
}

#file-chosen.desc {
  width: 100px;
  word-break: normal;
  overflow: hidden;
  max-width: 140px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.donut-ring-grey {
  stroke: #9e9f9f;
}

input[type="text"][readonly] {
  border: 0px !important;
}
/* Chrome, Safari, Edge, Opera */
#pers_info input[type*="number"]::-webkit-outer-spin-button,
#pers_info input[type*="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
#pers_info input[type*="number"] {
  -moz-appearance: textfield;
}
#pers_info input[type*="text"],
#pers_info input[type*="number"],
#pers_info input[type*="password"],
#pers_info input[type*="email"],
#pers_info button.btn.dropdown-toggle,
#pers_info .dropdown.bootstrap-select.form-select .form-control,
.cities_combo.ui-autocomplete-input {
  background-color: #ffffff;
  border: 1px solid #d6d6d6;
  border-radius: 5px;
  line-height: 16px;
  color: #000000;
  font-size: 14px;
  padding: 6px 15px;
  min-height: unset;
  width: 100%;
}

.cities_combo.ui-autocomplete-input:hover,
.cities_combo.ui-autocomplete-input:focus {
  outline: none;
}

.cities_combo.ui-autocomplete-input[style*="red"] {
  background-color: #fff !important;
  border-color: #ec1c24;
}

.cities_combo.ui-autocomplete-input[style*="red"]:focus {
  box-shadow: 0 0 0 0.25rem #ec1c2450;
}
div > .cities_combo.ui-autocomplete-input {
  position: relative;
}
.ui-autocomplete.ui-menu.ui-widget.ui-widget-content.ui-corner-all {
  max-width: 350px;
  list-style-type: none;
  padding: 0.5rem 0;
  font-size: 14px;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid var(--second-brand-color);
  max-height: 180px;
  margin: 0;
  overflow-y: scroll;
  overflow-x: hidden;
  box-sizing: border-box;
  margin-top: 1px;
  border-radius: 0.25rem;
  width: 100%;
}
.ui-autocomplete.ui-menu.ui-widget li a {
  padding: 4px 9px;
  cursor: pointer;
  color: #000;
  text-decoration: none;
  display: block;
}
.ui-autocomplete.ui-menu.ui-widget li a:hover,
.ui-autocomplete.ui-menu.ui-widget li:hover a {
  background-color: #e9ecef;
  color: var(--font-color, #1e2125);
}
#pers_info input[type*="text"].pick-time {
  border: 1px solid #d6d6d6 !important;
  background-image: none !important;
}
#pers_info button.btn.dropdown-toggle {
  padding-right: 30px;
}
#pers_info input[type="password"]::placeholder,
#pers_info input[type="text"]::placeholder,
#pers_info input[type*="email"]::placeholder,
#pers_info input[type*="number"]::placeholder,
#pers_info button.btn.dropdown-toggle {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.3) !important;
}
#pers_info .bootstrap-select .dropdown-menu li a {
  font-size: 14px;
}
#pers_info form #main_info {
  grid-auto-flow: column;
  grid-template-columns: calc(50% - 30px) calc(50% - 30px) auto;
  grid-template-rows: repeat(50, auto);
  grid-column-gap: 60px;
}
#info_img,
#pers_info hr {
  grid-column-start: 1;
  grid-column-end: 3;
  clear: both;
}
#pers_info form #main_info > div {
  width: 100%;
}
.column-2 {
  grid-column-start: 2;
}
small.position-absolute {
  font-size: 8px;
}
input[name="rangeMiles"] {
  max-width: 65px;
  float: left;
}
.btn.btn-outline-secondary.btn-number {
  background: #f1f1f1;
  border-radius: 5px;
  border: 0px solid;
  font-size: 10px;
  width: 22px;
  height: 22px;
  color: #000;
}
.input-group-append.col-auto,
.input-group-prepend.col-auto {
  padding: 0 10px;
}

.offcanvas.show .toast-body.blue-grey-scroll {
  max-height: calc(100% - 50px);
  overflow: auto;
}

.offcanvas {
  z-index: 10000;
}
#rsz {
  position: absolute;
  left: -10px;
  top: 0;
  width: 10px;
  height: 100%;
  background-color: rgba(4, 4, 4, 0.5);
  padding: 0px;
  cursor: ew-resize;
}
.btn-close.btn-hide {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3cpath d='M470.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L402.7 256 265.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160zm-352 160l160-160c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L210.7 256 73.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0z'/%3e%3c/svg%3e");
}
#map
  .offcanvas-collapse.open.w-100.open-w100
  .col-5:first-child:nth-last-child(6),
#map
  .offcanvas-collapse.open.w-100.open-w100
  .col-5:first-child:nth-last-child(4),
#map
  .offcanvas-collapse.open.w-100.open-w100
  .col-5:first-child:nth-last-child(5),
#map
  .offcanvas-collapse.open.w-100.open-w100
  .card-list-job.bg-white
  .col-7:nth-child(2) {
  min-width: 200px !important;
  /* max-width: 19vw !important; */
  max-width: 30vw !important;
  margin-right: 5px;
}
#map .show-pack > form textarea ~ button {
  margin: 5px auto 5px 0 !important;
}

#shopper-message-modal .modal-content {
  resize: both;
  overflow: hidden;
  padding: 8px 20px !important;
  position: relative;
  border-radius: 6px;
  border: 1px solid #dadada;
  box-shadow: 0 0 5px 0 #dadada78;
}
#shopper-message-modal .modal-content .btn-close {
  filter: invert(29%) sepia(96%) saturate(1809%) hue-rotate(200deg)
    brightness(101%) contrast(105%);
  opacity: 1;
  margin-right: -0.375rem;
  margin-left: 0.75rem;
  width: 1em;
  height: 1em;
}

div#infoJob .block.no-job > .col-12 {
  width: 100% !important;
}
div#infoJob .block.no-job .legend,
div#infoJob .block.no-job button,
div#infoJob .block.no-job a {
  display: none !important;
}
div#infoJob .block.no-job img {
  max-height: 154px;
  margin: 0 auto;
}
div#infoJob .block.no-job img ~ h5 {
  font-weight: normal;
  text-align: center;
  margin-top: 20px;
  color: #000;
}
.buttons-sel.bg-grey {
  background-color: transparent !important;
}
/* .buttons-sel textarea {
  width: 300px;
}*/
.open.w-100:not(.open-w100) + .form-applied > .show-pack textarea {
  height: 50px;
  width: 100%;
  margin-bottom: 0px;
}
.open.w-100:not(.open-w100) + .form-applied > .show-pack form {
  display: flex;
  flex-direction: row;
}
.open.w-100 + .form-applied > .show-pack form > * {
  display: flex;
  width: fit-content;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.open.w-100:not(.open-w100) + .form-applied > .show-pack form {
  margin-left: 0px !important;
}
.open.w-100.open-w100 + .form-applied > .show-pack form div {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.badge.black-color.fw-light {
  color: var(--font-color, #929292);
  font-size: 12px;
  display: inline-block;
  right: 0px;
}
.cardnew ~ .text-center {
  padding-top: 20px !important;
}
.popover {
  max-width: 450px;
  padding: 1px;
  text-align: left;
  white-space: normal;
  background-color: #ffffff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}
.myjobs .popover,
.openjobs .popover {
  padding: 10px;
}

.fas.fa-circle.ellipsis:after {
  content: "\f142";
  color: #fff;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 14px;
  top: 50%;
}
.fas.fa-circle.ellipsis {
  position: relative;
}
h1.fs-2 {
  font-size: 25px !important;
}
h1 > i.sec-color {
  margin-right: 15px !important;
  font-size: 30px;
}

#shopper-message-modal .modal-content {
  min-width: 350px;
  margin: 0 auto;
  width: 600px;
}
#shopper-message-modal .modal-content .block p img {
  width: 100%;
}
#shopper-message-modal .modal-dialog {
  max-width: 99vw;
  width: fit-content;
}
#shopper-message-modal .modal-dialog > * {
  padding: 0px;
}
.popover.settings-popover {
  top: 0px !important;
  left: -10px !important;
  border-radius: 16px;
  border: 0px solid;
  width: 350px;
}
.popover.settings-popover .popover-arrow::before {
  opacity: 0.2;
}
.popover.settings-popover .border-secondary.position-relative {
  padding-right: 70px !important;
}
.myjobs input[type="text"],
.myjobs .form-control.pick-date,
.openjobs input[type="text"],
.openjobs .form-control.pick-date {
  color: var(--second-brand-color);
}
.form-check-input {
  clear: left;
}
.form-check-input#color-change:not(:checked):not(:active):not(:focus) {
  background-color: var(--second-brand-color);
}
.form-switch.form-switch-md .form-check-input {
  height: 1.5rem;
  width: calc(2rem + 0.75rem);
  border-radius: 3rem;
}
#color-change:not(:checked) + h5 {
  color: var(--second-brand-color);
}
#color-change:checked + h5 + h5 {
  color: var(--second-brand-color);
}
.custom-theme input[type="color"] {
  border: 0px;
  padding: 0px;
  height: 25px;
}
.picker .picker__button--today:before {
  border-top: 0.66em solid var(--color-second-darkest);
}
.picker .picker__day--today:before {
  border-top: 0.5em solid var(--color-second-darkest);
}
.picker .picker__button--clear:focus,
.picker .picker__button--close:focus,
.picker .picker__button--today:focus {
  border-color: var(--second-brand-color);
}
.picker .picker--focused .picker__day--highlighted,
.picker .picker__day--highlighted:hover,
.picker .picker__day--infocus:hover,
.picker .picker__day--outfocus:hover {
  background-color: var(--second-brand-color);
}
.picker .picker__day--highlighted {
  border-color: var(--second-brand-color);
}
.picker .picker--focused .picker__day--selected,
.picker .picker__day--selected,
.picker .picker__day--selected:hover {
  background: var(--second-brand-color);
}
.picker .picker__select--month:focus,
.picker .picker__select--year:focus {
  border-color: var(--second-brand-color);
}
#customTheme:checked ~ #collapseExample {
  display: flex;
}
#customTheme:not(:checked) ~ #collapseExample {
  display: none;
}
#files-library-new .bootstrap-table .fixed-table-toolbar .search:after {
  content: "\f002";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  right: 20px;
  color: #545454;
  top: calc(50% - 12px);
  color: #666666;
  font-size: 16px;
}

#files-library-new .bootstrap-table .fixed-table-toolbar .search input {
  height: 40px;
  border: 0px;
  background: #ffffff;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.15);
  border-radius: 25px;
  position: relative;
  padding-right: 40px;
  text-overflow: ellipsis;
}
.light img[src*="default_logo.svg"],
.custom img[src*="default_logo.svg"] {
  filter: invert(1);
}
.fs-18.dd-grey {
  word-wrap: anywhere;
}

#detailed .tab-pane {
  border: 0px solid !important;
  box-shadow: none !important;
}

#detailed .black-color.fw-semibold {
  word-wrap: anywhere;
}
font {
  color: inherit !important;
  font-size: inherit !important;
  font-family: inherit !important;
  line-height: inherit !important;
}
.system-check.form-switch input.form-check-input {
  width: 30px;
  height: 15px;
}

aside .fliph .system-check {
  opacity: 0;
  width: 0px;
  height: 0px;
  z-index: -100;
}

/* errors */

.formError + input,
.formError + textarea {
  border-color: #dc3545 !important;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.form-select.is-invalid:not([multiple]):not([size]),
.form-select.is-invalid:not([multiple])[size="1"],
.was-validated .form-select:invalid:not([multiple]):not([size]),
.was-validated .form-select:invalid:not([multiple])[size="1"] {
  padding-right: 4.125rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"),
    url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.formError .formErrorContent {
  border: 0px solid !important;
  background-color: #c10517 !important;
  box-shadow: none !important;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -o-box-shadow: none !important;
  border-radius: 4px !important;
  -moz-border-radius: 4px !important;
  -webkit-border-radius: 4px !important;
  -o-border-radius: 4px !important;
}

.formError .formErrorArrow div {
  display: none !important;
}

.formErrorContent {
  font-family: inherit !important;
}
.formErrorContent:after {
  content: " ";
  width: 0;
  height: 0;
  border-width: 7px 7px 0 7px;
  border-color: #c10517 transparent transparent transparent;
  border-style: solid;
  position: absolute;
  left: 10px;
  bottom: -5px;
}
/* errors */

.open.w-100:not(.open-w100) + .form-applied > .show-pack form + .preview.actionMessage:nth-child(3) {
  align-self: self-start
}
.card-list-job.bg-white.available-jobs {
  box-shadow: 4px 4px 25px rgba(0, 0, 0, 0.1),4px 0px 0px var(--second-brand-color) inset;
}
.card-list-job.bg-white.applied-jobs {
  box-shadow: 4px 4px 25px rgba(0, 0, 0, 0.1),4px 0px 0px var(--main-brand-color) inset;
}
.open-w100 .mw-15{  
  max-width: 15%;
}
.open-w100 .mw-10 {
  max-width: 10%;
}
#map .accordion-body {
  padding-bottom: 0px;
}
#map .accordion-body>div:nth-child(2n+1):last-child {
  border: 0px !important;
}
#map .accordion-body>div:nth-child(2n+1):nth-last-child(2),
#map .accordion-body>div:nth-child(2n):last-child {
  border: 0px !important;
}
.buttons-sel>.buttons-sel {
  max-width: calc(100% - 200px);
}
.open.w-100:not(.open-w100) ~* form.buttons-sel {  max-width: 100%;
}
 form.buttons-sel {
  max-width: calc(100% - 120px);
  margin-right: auto;
}
body:not(.myjobs):not(.openjobs) div#infoJobMenu.mini-menu{
  position: unset !important;
  padding-bottom: 20px;
}
body:not(.myjobs):not(.openjobs) .col-auto.ms-auto.lang-row {
  padding-inline-end: 0px;
}
div#infoJobMenu.mini-menu h1.w-50 {
  width: unset !important;
}
.survey_hist button.filter-btn{
  margin-inline-end: 0px !important;
}
.col-auto.ms-auto.lang-row:last-child:nth-child(3) {
  margin-inline-start: 20px !important;
  margin-inline-end: 0px !important;
}
.filter-btn:nth-last-child(2):nth-child(2) {
  margin-inline-start: auto !important;
  margin-inline-end: 0px !important;
  order: 0 !important;
}
@media (min-width: 990px) and (max-width: 1170px) {
  #widget-telSurvey {
    margin-top: 0.5rem !important;
  }
}
@media (max-width: 1024.5px) {
  .show-brief.nowrap.order-description {
    padding-bottom: 10px;
  }
  .tel-elem-info > .col-auto:nth-child(2):not(.me-lg-5) {
    max-width: 30%;
    margin-left: 0rem !important;
  }
  #field_AvailabilityRadious ~ .col {
    width: 100%;
    flex: 0 0 auto;
    margin: 10px 0;
  }
  div#files-library
    .bootstrap-table
    .fixed-table-container
    .table
    .col-1:not(:first-child) {
    min-width: 0px !important;
  }
  .pr-100 {
    padding-right: 48px !important;
  }
  .add-ref-rec .content-wrapper,
  .unfin-job .content-wrapper {
    margin-right: -48px !important;
  }
  #content #map {
    padding-right: 0px !important;
    overflow: scroll;
  }
  #map button.accordion-button {
    padding-left: 16px !important;
  }
  .open-w100 .hidd {
    display: none !important;
  }
  #map button.navbar-toggler.button-open {
    top: 16px;
    left: 16px;
    /* position: fixed; */
  }
  a.start-test.btn-md {
    min-height: 32px;
    min-width: 149px;
    font-size: 19px;
    margin-top: 8px;
    box-shadow: 0px 0px 0px 3px var(--main-brand-color) inset;
  }
  a.start-test.disabled {
    box-shadow: 0px 0px 0px 3px #dadada inset;
  }
  body.openjobs #map .offcanvas-collapse.open {
    padding-bottom: 115px !important;
  }
  body.myjobs div#infoJobMenu,
  body.openjobs div#infoJobMenu,
  body.unfin-job div#infoJobMenu {
    grid-template-columns: repeat(2, 1fr);
    padding: 1.5rem !important;
  }
  body.unfin-job div#infoJobMenu {
    padding: 0px !important;
  }
  div.mini-menu#infoJobMenu {
    grid-template-columns: repeat(2, 1fr) !important;
    padding: 19px 0px 12px !important;
  }
  div#infoJobMenu.mini-menu button.filter-btn,
  body.unfin-job div#infoJobMenu button.filter-btn {
    grid-column-start: 2;
    margin-right: 0px !important;
  }
  div.mini-menu#infoJobMenu .block:nth-child(3),
  body.unfin-job div#infoJobMenu .block:nth-child(3) {
    grid-row-start: 2;
    grid-column-start: 1;
  }
  div.mini-menu#infoJobMenu .block:nth-child(4),
  body.unfin-job div#infoJobMenu .block:nth-child(4) {
    grid-row-start: 2;
    grid-column-start: 2;
  }
  #create-job-form {
    padding: 30px 20px 30px 20px;
    width: auto !important;
  }
  .classic.table a.view,
  .classic.table a.download {
    font-size: 0px;
    display: inline-block;
    text-align: center;
    width: 100%;
  }
  .download .fas.fa-arrow-down.main-color::after {
    left: -3px;
  }
  body.preffered-regions .header-wrapper > h1 + button + div {
    margin-left: auto !important;
  }
  #pref-reg .mini-table.classic.table tr td.col-4,
  #pref-reg .mini-table.classic.table tr td.col-6 {
    font-size: 14px;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .row.m-0.p-0.locations-elem {
    background: #ffffff;
    border: 1px solid #dadada;
    box-sizing: border-box;
    border-radius: 6px;
    margin-bottom: 10px !important;
  }
  body.locations
    .bootstrap-table
    .fixed-table-container
    .mini-table.table
    tbody
    > tr.locations-elem
    > td.col-12,
  .row.m-0.p-0.locations-elem > td.col-md:nth-child(2),
  .row.m-0.p-0.locations-elem > td.col:nth-child(3) {
    padding-left: 1.5rem !important;
    padding-right: 0px !important;
  }
  body.locations .flex-column > .bg-white,
  .classic.table {
    background-color: transparent !important;
  }
  body.locations .table-fixed.mini-table tbody {
    background-color: transparent !important;
  }
  body.locations .table-fixed.mini-table thead {
    display: none !important;
  }
  body.locations .bg-grey {
    background-color: #f7f7f7;
  }
  body.locations .bg-grey button {
    padding: 0px !important;
    text-align: center;
  }
  body.locations .bg-grey button:after {
    margin-left: 5px !important;
  }
  body.locations .bg-grey {
    background-color: #f7f7f7;
  }
  body.locations .bg-grey button {
    padding: 0px !important;
    text-align: center;
  }
  body.locations
    .bootstrap-table
    .fixed-table-container
    .mini-table.table
    tbody
    > tr.locations-elem
    > td.col-12 {
    border-bottom: 1px solid #dadada !important;
  }
  body.locations .content-wrapper > div > .bg-white {
    margin-top: 0px;
  }
  .survey_hist .info-record > .tel-elem-info {
    margin-left: 0px !important;
    padding-right: 0px !important;
  }
  .autoflow {
    display: flex;
    display: -webkit-flex;
  }
  div#login-form > .sec-bg,
  div#register-form > .sec-bg {
    background-image: none;
    border-radius: 0px;
  }
  body#register div#content {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .myjobs .nowrap,
  .openjobs .nowrap {
    white-space: normal;
  }
}
@media (-webkit-min-device-pixel-ratio: 1.25) and (-webkit-max-device-pixel-ratio: 1.75),
  (min--moz-device-pixel-ratio: 1.25) and (max--moz-device-pixel-ratio: 1.75),
  (min-resolution: 1.25dppx) and (max-resolution: 1.75dppx) {
  body {
    font-size: 13px !important;
  }
  a.call-button.rounded-circle {
    height: 50px;
    width: 50px;
  }
  .fs-18,
  .btn.btn-outline-grey,
  #collapsePersInfo .table-result {
    font-size: 16px !important;
  }
  .fs-90 {
    font-size: 60px !important;
  }
  h4 {
    font-size: 18px !important;
  }
  .fs-2,
  .fs-30 {
    font-size: 28px !important;
  }
  h1 {
    font-size: 24px !important;
  }
  h2 {
    font-size: 22px !important;
  }
  h3 {
    font-size: 20px !important;
  }
  .form-floating.big
    .bootstrap-select
    .dropdown-toggle
    .filter-option-inner-inner {
    font-size: 28px !important;
  }
  #collapsePersInfo {
    max-height: 420px !important;
  }
  div.call-button.rounded-circle {
    padding: 30px;
  }
  .row.tel-btn-group > div:last-child > div {
    margin: 20px;
  }
  #status-btn-group > div {
    height: calc(100vh - 530px) !important;
  }
  #create-job-form {
    padding: 29px 69px 29px 47px;
  }
  body.telephonic-survey #content {
    padding: 18px 24px !important;
  }
  select#lang {
    margin-bottom: 20px !important;
  }
  #create-job-form > .col-12:not(:first-child) {
    margin-top: 10px !important;
  }
  .report-body.blue-grey-scroll {
    max-height: auto !important;
  }
}
@media (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio: 1.75),
  (min--moz-device-pixel-ratio: 1.5) and (max--moz-device-pixel-ratio: 1.75),
  (min-resolution: 1.5dppx) and (max-resolution: 1.75dppx) {
  body {
    font-size: 10px !important;
  }
  a.call-button.rounded-circle {
    height: 30px;
    width: 30px;
  }
  .fs-18,
  .btn.btn-outline-grey,
  #collapsePersInfo .table-result {
    font-size: 14px !important;
  }
  .fs-90 {
    font-size: 40px !important;
  }
  h4 {
    font-size: 14px !important;
  }
  .fs-2,
  .fs-30 {
    font-size: 18px !important;
  }
  h1 {
    font-size: 20px !important;
  }
  h2 {
    font-size: 18px !important;
  }
  h3 {
    font-size: 16px !important;
  }
  .form-floating.big
    .bootstrap-select
    .dropdown-toggle
    .filter-option-inner-inner {
    font-size: 16px !important;
  }
  button.filter-btn {
    line-height: 30px;
    height: fit-content;
    box-sizing: border-box;
    padding: 0 35px 0 15px;
    background-size: 20px;
  }
  ul.menu-links.list-group i {
    margin-right: 1rem;
    width: 16px;
    height: auto;
    text-align: center;
    font-size: 14px;
    vertical-align: top;
  }
  .mb-4 {
    margin-bottom: 0.75rem !important;
  }
}
@media (min-width: 767.6px) {
  .visible-block.desc,
  .visible-block.desc * {
    transition: all 0ms linear !important;
  }
  #map *:not(.open-w100) .visible-block.desc {
    max-width: calc((100% - 17% - 80px) / 2);
  }
  #map .open .visible-block.desc {
    opacity: 1;
    /* display: block !important; */
    width: 14vw;
    height: auto;
    transition: all 1s linear 1s;
    padding-left: 0px;
    padding-right: 0px;
  }
  .openjobs .accordion-button::after {
    position:absolute;
    right: 0px;
    width: 52px;
    background-position: center;
  }
  .openjobs .accordion-button{
    position: relative;
    padding-right: 72px !important;
  }
  .myjobs .accordion-button::after {
    position:absolute;
    right: 0px;
    width: 52px;
    background-position: center;
  }
  .myjobs .accordion-button{
    position: relative;
    padding-right: 72px !important;
  }
  .col-7.col-md-2.hidd.d-none.desc {
    width: 14vw;
  }
  .card-list-job.show-pack .actions {
    width: 30%;
  }
  #info_img + .group-inform:nth-child(2) > div:first-child {
    column-span: all;
    width: 50%;
  }
  .survey_hist .info-record > .tel-elem-info > * {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    /*! height: 80%; */
  }
  .survey_hist .header-wrapper .block {
    max-width: 200px !important;
  }
  button.navbar-toggler:hover .animated-hamburger.open span:nth-child(3) {
    transform: rotate(40deg) translateX(-9px) translateY(0px) !important;
    width: 13px !important;
  }
  button.navbar-toggler:hover .animated-hamburger.open span:nth-child(1) {
    transform: rotate(-40deg) translateX(-11px) translateY(2px) !important;
    width: 15px !important;
  }
  button.navbar-toggler:hover .animated-hamburger.open span:nth-child(2) {
    transform: rotate(-40deg) translateX(0px) translateY(4px) !important;
    width: 14px !important;
    opacity: 1 !important;
  }
  button.navbar-toggler:hover .animated-hamburger.open span:nth-child(4) {
    transform: rotate(40deg) translateX(8px) translateY(9px) !important;
    width: 14px !important;
    opacity: 1 !important;
  }
  button.navbar-toggler:hover .animated-hamburger span:nth-child(3) {
    transform: rotate(-220deg) translateX(-10px) translateY(-2px) !important;
    width: 13px !important;
  }
  button.navbar-toggler:hover .animated-hamburger span:nth-child(1) {
    transform: rotate(220deg) translateX(-10px) translateY(2px) !important;
    width: 13px !important;
  }
  button.navbar-toggler:hover .animated-hamburger span:nth-child(2) {
    transform: rotate(220deg) translateX(-13px) translateY(11px) !important;
    width: 14px !important;
    opacity: 1 !important;
  }
  button.navbar-toggler:hover .animated-hamburger span:nth-child(4) {
    transform: rotate(-220deg) translateX(2px) translateY(-10px) !important;
    width: 14px !important;
    opacity: 1 !important;
  }
  button.navbar-toggler:hover .animated-hamburger span {
    background-color: #666 !important;
  }
  .openjobs #map .show-pack .col-auto:first-of-type {
    display: grid !important;
    grid-template-columns: auto auto;
    grid-template-rows: auto auto;
  }
  .openjobs #map .show-pack .col-auto:first-of-type .accept.pkgApply {
    grid-column-start: 2;
  }
  .openjobs #map .show-pack .col-auto:first-of-type .form-control {
    grid-row-start: 1;
    grid-row-end: 3;
  }
}
@media (max-width: 767.5px) {
  body.myjobs div#infoJobMenu, body.openjobs div#infoJobMenu {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}
#map .open .visible-block.desc,
  #map .accordion-button>* {
    display: none !important;
  }
  #pick-apply-date-modal .modal-body>div{
    flex-direction: column;
    padding: 0px
  }
  #infoJobMenu>h1:first-child:nth-last-child(2) {
    width: 100% !important;
  }
  .unfin-job .filter-btn {
    margin-right: 0px !important;
  }
.open-w100 .mw-10,
  .open-w100 .mw-15{
    max-width: unset;
  }
  .nowrap.nowrap-small{
    white-space: nowrap !important;
    width: calc(100vw - 120px);
  }
  .open-w100 .mw-15{
    width: 100%;
    box-sizing: border-box;
  }
  .col.bg-white.block.border.rounded-3.row.m-0.mb-2 {
    max-width: 100%;
  }

  #carouselMenu .carousel-item.active {
    display: block !important;
  }
  aside .user-panel:last-child {
    bottom: 20px;
    position: absolute;
  }
  .user-menu.border-bottom.overflow-auto {
    max-height: calc(100vh - 240px);
  }
  div#carouselMenu,
  div#content1,
  div#content2,
  .carousel-inner {
    height: auto !important;
  }
  div#content1,
  div#content2 {
    min-height: calc(100vh - 55px);
    flex-direction: column;
  }
  body > .container-fluid.d-block.d-md-none:first-child {
    position: fixed;
    background-color: #fff;
    z-index: 1;
  }
  header {
    height: 55px;
    max-width: 100vw;
  }
  aside {
    z-index: 100000;
    position: fixed;
    background: white;
    width: 100%;
    top: 55px;
    height: auto;
    max-height: calc(100vh - 55px);
    max-height: calc((var(--vh, 1vh) * 100) - 55px);
  }
  #navigation,
  aside > div.sidebar {
    max-height: calc(100vh - 55px);
    max-height: calc((var(--vh, 1vh) * 100) - 55px);
  }
  aside .user-panel:last-child {
    bottom: 20px;
    position: unset !important;
  }
  .m-0.pb-3.pt-3.user-menu.border-bottom {
    max-height: calc(100vh - 260px);
    max-height: calc((var(--vh, 1vh) * 100) - 260px);
  }
  /* #content>div {
     padding-right: 0px !important;
 }*/
  .pr-100 {
    padding-right: 24px !important;
  }
  #content .block {
    padding: 15px 10px;
  }
  div#donut1 h5,
  div#donut2 h5 {
    font-size: 18px !important;
  }
  h5.title {
    font-size: 14px;
  }
  h5.title i {
    font-size: 24px !important;
  }
  button.btn-md,
  [type="button"].btn-md,
  #content .block.bg-white a.black-color {
    font-size: 12px;
    min-width: 123px;
    margin: 0 auto;
  }
  .legend .rounded-circle {
    height: 10px;
    width: 10px;
    margin-right: 5px;
  }
  span.small {
    font-size: 9px;
  }
  div[id^="widget"] {
    padding-left: 65px !important;
    background: linear-gradient(
        45deg,
        var(--main-brand-color),
        var(--main-brand-color)
      )
      no-repeat left center;
    background-size: 55px 100%;
    position: relative;
  }
  .telephonic-survey-start div[id^="widget"],
  .telephonic-survey div[id^="widget"] {
    background-image: none;
    padding-left: 0px !important;
  }
  .telephonic-survey #widget-call {
    padding-left: 10px !important;
  }
  .telephonic-survey #widget-tel {
    padding-right: 0px;
    margin-top: 200px !important;
  }
  body.telephonic-survey #content {
    height: auto !important;
    display: -webkit-flex;
    display: flex;
    flex-direction: column-reverse;
  }
  #sur-preview > div {
    padding: 0px !important;
    overflow: auto;
    max-width: calc(100vw - 70px);
  }
  .telephonic-survey-start #content #person-info.block {
    margin-left: 0px !important;
  }
  .telephonic-survey-start #content #widget-call,
  .telephonic-survey-start #widget-tel {
    max-width: 100% !important;
  }
  #person-info .col-6.col-md-3 {
    border-top: 1px solid #dadada !important;
    border-bottom: 0px solid #dadada !important;
  }
  #collapsePersInfo .table-result {
    word-wrap: anywhere !important;
  }
  div#widget-jobs:before {
    content: "\f328";
    font-family: "Font Awesome 5 Free";
    font-size: 27px;
    left: 12px;
    position: absolute;
    top: calc(50% - 20px);
    color: #fff;
    font-weight: 600;
  }
  div#widget-money:before {
    content: "\f3d1";
    font-family: "Font Awesome 5 Free";
    font-size: 27px;
    left: 12px;
    position: absolute;
    top: calc(50% - 20px);
    color: #fff;
  }
  div#widget-telSurvey:before {
    content: "\f022";
    font-family: "Font Awesome 5 Free";
    font-size: 27px;
    left: 12px;
    position: absolute;
    top: calc(50% - 20px);
    color: #fff;
  }
  div#widget-chertif:before {
    content: "\f5bf";
    font-family: "Font Awesome 5 Free";
    font-size: 27px;
    left: 12px;
    position: absolute;
    top: calc(50% - 20px);
    color: #fff;
    font-weight: 600;
  }
  div#widget-history:before {
    font-weight: 600;
    content: "\f0ae";
    font-family: "Font Awesome 5 Free";
    font-size: 27px;
    left: 12px;
    position: absolute;
    top: calc(50% - 20px);
    color: #fff;
  }
  div#widget-files:before {
    content: "\f07c";
    font-family: "Font Awesome 5 Free";
    font-size: 27px;
    left: 12px;
    position: absolute;
    top: calc(50% - 20px);
    color: #fff;
  }
  #content .block.col-12 {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  .cardnew.bg-grey {
    min-width: 0px !important;
    background-color: transparent;
  }
  .cardnew,
  .cardnew.bg-grey {
    display: flex !important;
    justify-content: space-between;
    padding: 0px;
    text-align: center;
  }
  .create-job #reject-modal .cardnew {
    text-align: left;
    padding-top: 48px !important;
    padding-left: 35px !important;
    padding-right: 54px !important;
  }
  div[id*="widget"] .cardnew {
    flex-direction: column-reverse !important;
  }
  .tel-elem-info > .col-auto .fs-18 {
    overflow: hidden;
    max-width: 90%;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .tel-elem-info > .col-auto:nth-child(2) {
    max-width: 110px;
  }
  .tel-elem-info > .col-auto:nth-child(2):last-child {
    max-width: 200px;
  }
  .tel-elem-info > .col-auto:nth-child(3):last-child {
    margin-left: 30px !important;
    max-width: 130px;
  }
  .tel-elem-info > .col-auto:nth-child(2):not(.me-lg-5) {
    max-width: 130px;
  }
  .tel-elem-info > .col-auto:nth-child(3):last-child {
    margin-left: 10px !important;
    max-width: 41%;
  }
  .tel-elem-info > .col-auto .color-lgrey {
    font-size: 11px;
  }
  .row.m-0.tel-elem-info > div:first-child > a {
    word-wrap: anywhere;
  }
  .cardnew.bg-grey p.fs-2 {
    font-size: 50px !important;
    color: var(--main-brand-color);
  }
  #widget-money p.fw-light.my-0.lh-sm {
    font-size: 24px !important;
    word-wrap: anywhere;
  }
  .myjob-title {
    width: 100%;
  }
  div#accordionFormJob {
    background-color: #fff;
    padding: 15px 15px;
    border-radius: 6px;
    box-shadow: 4px 4px 25px 0px #0000001a;
  }
  /* div#accordionFormJob form label {
    display: none;
  }*/
  div#accordionFormJob form > div {
    padding-bottom: 6px;
  }
  h4.accordion-header.collapsed {
    padding: 0px !important;
  }
  h4.accordion-header {
    padding: 15px 0px !important;
  }
  #accordionFormJob h4.accordion-button {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
  #map .listWrap {
    height: 100px;
    width: 100%;
    top: auto;
    bottom: 0px;
    z-index: 1;
  }
  div#map.list > .listWrap > .button-open:first-child {
    display: none;
  }
  #map button.accordion-button > div {
    justify-content: space-evenly !important;
    min-width: 200px;
  }
  div#map.emptyList .listWrap .offcanvas-collapse {
    border-radius: 6px;
    min-height: calc((var(--vh, 1vh) * 100) - 230px);
  }
  div#navbarsListJob {
    background: transparent;
  }
  .card-list-job.bg-white {
    box-shadow: none;
    border: 1px solid #dadada;
    border-radius: 6px;
  }
  body.myjobs div#infoJobMenu .col-auto.ms-auto.lang-row,
  body.openjobs div#infoJobMenu .col-auto.ms-auto.lang-row,
  body.unfin-job div#infoJobMenu .col-auto.ms-auto.lang-row,
  #infoJobMenu > h1 + .lang-row,
  #infoJobMenu > h1 + button + .lang-row {
    position: absolute;
    right: 0px;
    padding-right: 1.5rem !important;
    top: 20px !important;
  }
  #infoJobMenu > h1 + .lang-row,
  #infoJobMenu > h1 + button + .lang-row {
    top: 0px !important;
    padding-right: 0px !important;
  }
  body.myjobs #map .navbar-collapse.open-w100 div.action,
  body.myjobs #map .navbar-collapse.open-w100 div.action.flex-column .col-12,
  body.openjobs #map .navbar-collapse.open-w100 div.action,
  body.openjobs #map .navbar-collapse.open-w100 div.action.flex-column .col-12 {
    width: auto;
    margin: 0 auto !important;
    padding-left: 0px !important;
  }
  #map .show-pack .accept:first-child {
    margin: 0 auto;
    right: -4px;
    position: relative;
  }
  .actions[data-info]::after {
    position: unset;
  }
  body.openjobs #map .offcanvas-collapse.open {
    padding-bottom: 0px !important;
  }
  body:not(.myjobs):not(.openjobs)
    div#infoJobMenu.d-flex
    > button:nth-child(2) {
    margin-top: 0px !important;
  }
  .openjobs .buttons-sel {
    width: 100% !important;
    max-width: unset;
  }
  .openjobs .show-pack .col-auto:first-of-type {
    max-width: 100% !important;
    flex-direction: column;
  }
  .myjobs .show-pack .apply-multiple:first-child {
    max-width: 100% !important;
  }
  .card-list-job.bg-white .col-12 > .accept {
    min-width: 127px !important;
    display: inline-block;
  }
  #map button.navbar-toggler.button-open {
    bottom: calc(2 * var(--vh));
    top: auto !important;
    left: 50% !important;
    background: var(--color-second-darkest) !important;
    box-shadow: 0px 4.80502px 4.80502px rgb(0 0 0 / 25%) !important;
    border-radius: 51.654px !important;
    color: #fff !important;
    font-weight: bold;
    font-size: 21px !important;
    line-height: 150% !important;
    border: 0px solid !important;
    padding: 5.5px 32px !important;
    transform: translateX(-50%);
    width: fit-content;
    white-space: nowrap;
    position: fixed;
  }
  .myjobs #infoJobMenu h1 span,
  .openjobs #infoJobMenu h1 span,
  .unfin-job #infoJobMenu h1 span {
    position: absolute;
    margin-top: 3px;
    width: calc(100vw - 180px);
    display: inline-block;
  }
  body.myjobs div#infoJobMenu.d-flex h1 span,
  body.openjobs div#infoJobMenu.d-flex h1 span {
    position: unset;
  }
  .modal-content {
    margin-top: 55px;
  }
  div#infoJob .block {
    padding: 5px;
  }
  div#infoJob .block.border.rounded-3 .fs-90 {
    font-size: 60px;
  }
  div#infoJob .block.border.rounded-3 span {
    font-size: 12px !important;
  }
  div#infoJob .block.border.rounded-3.main-bg {
    margin-left: auto !important;
    margin-right: 0px !important;
  }
  div#infoJob .block.border.rounded-3 {
    margin-left: 0px !important;
    /* width: calc(100% - 7px); */
  }
  .cardnew.bg-grey.radius-10.position-relative.col.col-md-12 {
    left: -7px !important;
    margin: 0px !important;
  }
  .tel-elem-info > .col-12 ~ .col-auto:last-child {
    min-width: 0px !important;
    margin-right: 0px !important;
  }
  .tel-elem-info > .col-12 ~ .col-auto:nth-child(2):last-child,
  .tel-elem-info > .col-12 ~ .col-auto:nth-child(2):not(:last-child) {
    margin-left: 0px !important;
  }
  #map button i {
    font-size: 19px;
    margin-left: 5px;
  }
  .form-applied {
    border: 0px solid !important;
    width: 100% !important;
    left: 0px;
    padding: 20px !important;
  }
  #map .listWrap {
    height: fit-content;
    position: unset !important;
  }
  #map button.accordion-button {
    padding-left: 8px !important;
  }
  .open-w100 .hidd {
    display: none !important;
  }
  #content > #map {
    padding: 0px !important;
    overflow: scroll;
  }
  #content #map.list {
    padding: 18px !important;
    overflow-x: hidden !important;
  }
  .action a {
    font-size: 13px;
  }
  #content #map.list iframe,
  #content #map.list .myjobcard {
    display: none;
  }
  #content #map.list .open-w100 {
    width: calc(100% - 48px);
  }
  #map .offcanvas-collapse.open {
    padding-bottom: 0px !important;
  }
  #hideshow {
    display: none;
  }
  button.accept.d-grey,
  [type="button"].accept.d-grey {
    min-height: 35px;
  }
  .modal button.btn.btn-lg.fs-18,
  [type="button"].btn.btn-lg.fs-18 {
    font-size: 18px !important;
    min-height: 48px;
    text-align: center;
    margin: 0px;
    width: 100%;
  }
  #modal-reject-order .cardnew {
    padding-top: 20px !important;
  }
  #pick-date-modal,
  #pick-branch-modal {
    top: 70px;
  }
  #pick-date-modal .btn-close {
    position: absolute;
    top: 10px;
    right: 10px;
    filter: invert(1);
  }
  #pick-date-modal .modal-footer {
    display: flex;
    flex-direction: column-reverse;
    min-height: 140px;
    padding: 0 17px !important;
    justify-content: space-around;
  }
  #pick-date-modal .modal-content {
    border-radius: 5px;
    border: 0px;
  }
  #pick-date-modal .modal-body .main-bg {
    border-radius: 5px !important;
    border: 0px solid !important;
  }
  #pick-date-modal.modal.show .modal-dialog {
    max-width: 310px;
    margin: 0 auto;
  }
  #pick-date-modal .modal-body .main-bg .cardnew {
    padding: 25px 0 !important;
  }
  #pick-date-modal .modal-body .main-bg .cardnew p.fs-1,
  #pick-date-modal .modal-body .main-bg .cardnew i {
    font-size: 40px !important;
  }
  #pick-date-modal button.btn-close {
    top: 25px;
    display: block !important;
    position: absolute;
    right: 25px;
    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg)
      brightness(102%) contrast(102%);
  }
  button.filter-btn {
    background-position: center;
    font-size: 0px !important;
    padding-left: 0px;
  }
  .modal .block > .cardnew {
    padding: 0 17px !important;
  }
  .cert-elem .fs-18 {
    line-height: 1;
    font-size: 16px !important;
  }

  .bg-grey.cert-elem .col:nth-child(2):has(.title.sec-color) {
    display: block;
    min-width: 150px;
    align-self: baseline;
    margin-bottom: 50px !important;
  }
  .bg-grey.cert-elem .col:nth-child(2):has(.col-auto) {
    min-width: unset !important;
  }
  .bg-grey.cert-elem
    .btn.btn-input.btn-md.btn-outline-main.main-color.start-test {
    position: absolute;
    left: 75px;
    margin-top: 25px;
  }
  .cert-elem .preview {
    margin-right: 5px !important;
    display: block;
  }
  .cert-elem .status {
    min-width: 62px;
    min-height: 62px;
  }
  .bg-grey.cert-elem .col:nth-child(2) {
    margin-left: 5px !important;
    margin-right: 5px !important;
  }
  .bg-grey.cert-elem .color-lgrey {
    font-size: 10px;
  }
  .bg-grey.cert-elem .col:nth-child(2) .col-auto {
    max-width: 50%;
    display: flex;
    flex-direction: column;
    align-self: baseline;
  }
  .cert-elem .color-lgrey + .fs-18 {
    font-size: 14px !important;
    line-height: 1.2;
  }
  .cert-elem .status {
    font-size: 34px;
  }
  .cert-elem .status i {
    font-size: 52px;
  }
  .result svg,
  .result p {
    height: 63px !important;
    width: 63px !important;
  }
  .toggleTel.accordion-button::after {
    margin-left: 0px;
  }
  .bg-grey.cert-elem {
    margin-left: -12px !important;
    margin-right: -12px !important;
    width: auto !important;
    position: relative;
  }
  .cert-elem > .cert-elem {
    padding: 5px;
  }
  .m-0.pb-3.pt-3.user-menu.border-bottom {
    overflow: auto;
  }
  div#pick-branch-modal.modal .block > .cardnew {
    padding: 17px !important;
  }
  div#map.emptyList .button-open {
    display: none !important;
  }
  #content > #map.emptyList .listWrap {
    padding-bottom: 0px !important;
  }
  img.no-job {
    max-width: 80% !important;
    max-height: 30vh !important;
  }
  #content #map.list #job-map {
    display: none !important;
  }
  .card-list-job.bg-white > .d-flex:last-child > .col {
    padding: 0px;
  }
  .card-list-job.bg-white .border-bottom {
    border: 0px solid !important;
  }
  div#infoJobMenu.mini-menu + .content-wrapper > div#map.emptyList {
    height: 100% !important;
    padding-bottom: 0px !important;
  }
  #maptoggler.show {
    z-index: 101 !important;
  }
  div#infoJobMenu.mini-menu{
    z-index: 102 !important;
  }
  .myjobs .card-list-job.form-applied .show-main > div:has(input:not(:checked)) ~ *,
  .openjobs .card-list-job.form-applied .show-main>div:has(.form-check-input[type="checkbox"]:not(:checked)) + form {
    display:none !important
    }
  #infoJobMenu.mini-menu + .content-wrapper > div#map.emptyList + #maptoggler.show,
  #maptoggler.show {
    top: auto !important;
    bottom: calc(8 * var(--vh));
    right: 50% !important;
    transform: translateX(50%) !important;
    left: auto !important;
  }
  body.myjobs div#infoJobMenu,
  body.openjobs div#infoJobMenu,
  body.unfin-job div#infoJobMenu {
    padding: 1.5rem !important;
    margin-top: 50px !important;
    padding-bottom: 0px !important;
  }
  body.unfin-job div#infoJobMenu {
    margin-top: 20px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  body.unfin-job div#infoJobMenu .col-auto.ms-auto.lang-row {
    padding-right: 0px !important;
  }
  div#infoJobMenu > h1,
  div#infoJobMenu > button:nth-child(2) {
    margin-top: 3rem !important;
  }
  div#infoJob .fs-50 {
    margin-right: 10px !important;
  }
  .header-wrapper > .col-auto.ms-auto:last-child {
    padding-right: 0px;
  }
  body.myjobs div.mini-menu#infoJobMenu,
  body.openjobs div.mini-menu#infoJobMenu {
    padding: 1.5rem !important;
    padding-bottom: 8px !important;
  }
  div#infoJob .fs-50,
  .cardnew.bg-grey p.fs-2 {
    font-size: 30px !important;
  }
  div#infoJobMenu.mini-menu .block {
    margin-top: 10px !important;
  }
  div#infoJobMenu.mini-menu .cardnew span {
    font-size: 12px;
  }
  div#infoJobMenu.mini-menu + .content-wrapper > #map {
    padding-top: 5px !important;
  }
  div.mini-menu#infoJobMenu > div > .block:nth-child(4) {
    box-sizing: border-box;
    max-width: 97% !important;
  }
  #content #map {
    padding: 0px !important;
    position: relative !important;
    min-height: 200px;
    z-index: 0;
  }
  div#map {
    position: unset !important;
    overflow: scroll;
  }
  #content #map.list .open-w100 {
    width: 100%;
    overflow: hidden;
    padding-bottom: 50px !important;
  }
  body.myjobs #content #map.list .form-applied,
  body.openjobs #content #map.list .form-applied {
    padding-bottom: 10px !important;
  }
  .card-list-job.show-pack a[type="button"] {
    width: auto !important;
    min-width: auto;
  }
  .openjobs .card-list-job.form-applied .buttons-sel.row {
    margin: 0 auto;
  }
  .openjobs .card-list-job.form-applied .show-main {
    flex-direction: column;
  }
  body.myjobs #content #map.list .form-applied > div > div:last-child {
    width: 100% !important;
    justify-content: space-between !important;
    flex-direction: column;
    align-content: center;
    gap: 10px !important;
    margin-top: 20px;
  }
  .myjobs .apply-multiple:first-child > .remove-multiple.black-color {
    position: unset;
  }
  .myjobs .apply-multiple:first-child {
    margin: 0px !important;
    max-width: unset !important;
  }
  body.openjobs #map:not([class*="emptyList"]) .offcanvas-collapse.open {
    height: fit-content !important;
  }
  .myjobs .apply-multiple:nth-child(2) {
    margin: 0px !important;
    align-self: center;
    min-height: 20px;
  }
  body.myjobs #content #map.list .form-applied > div > div:last-child > * {
    width: 100%;
  }
  .myjobs .apply-multiple:nth-child(2) > button {
    margin: 0px !important;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .myjobs #content .block:not(:last-child):not(:nth-child(3)),
  .openjobs #content .block:not(:last-child):not(:nth-child(3)),
  .unfin-job #content .block:not(:last-child):not(:nth-child(3)) {
    width: 100%;
  }
  .form-applied .fs-18,
  .form-applied button.accept {
    font-size: inherit !important;
  }
  .btn-group.accept.start-lang.start-job > a:first-child {
    min-width: 40.4px;
    height: 40.4px;
    background-color: var(--second-brand-color) !important;
    color: #fff !important;
    border-radius: 56px !important;
    border: 0px solid;
  }
  .btn-group.accept.start-lang.start-job .dropdown-toggle::after {
    margin-top: 0px;
    display: flex;
  }
  .btn-group.accept.start-lang.start-job > a:nth-child(2) {
    background-color: transparent !important;
    padding-left: 14px !important;
    line-height: 1;
    height: auto !important;
    border: 0px;
    color: var(--second-brand-color) !important;
    font-size: 18px;
    font-weight: bold;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .classic.table thead > tr > th > div:first-child,
  .bootstrap-table .fixed-table-container .table thead th .sortable {
    padding: 10px !important;
    font-size: 14px !important;
  }
  .bootstrap-table .fixed-table-container .table tbody td:not(.col-12),
  .bootstrap-table .fixed-table-container .table thead th .sortable,
  .bootstrap-table .fixed-table-container .table tbody td.col-4,
  .bootstrap-table .fixed-table-container .table tbody td.col-3 {
    padding-left: 10px !important;
    padding-right: 10px !important;
    font-size: 12px;
  }
  .classic.table a.view i,
  .classic.table a.download i {
    margin: 0px;
  }
  .classic.table > tbody {
    border-right: 5px !important;
    padding-right: 5px;
  }
  .download .fas.fa-arrow-down.main-color::after {
    left: -3px;
  }
  #pref-reg > div > h4 {
    margin-bottom: 10px;
  }
  th .fht-cell {
    left: 10px;
    right: 10px;
    margin-left: 0px;
  }
  .classic.mini-table.table .col-2 input {
    margin-left: 10px !important;
    margin-right: auto !important;
  }
  #pref-reg .bg-white > div:last-child > .btn {
    margin-left: 0px !important;
    font-size: 16px !important;
    padding: 5px !important;
  }
  #pref-reg .bg-white > div:last-child,
  #pref-reg .bg-white > p:last-child {
    padding-right: 10px !important;
    padding-left: 10px !important;
  }
  #pref-reg .bg-white > div:last-child > p {
    text-align: right !important;
    font-size: 14px !important;
    justify-content: space-around !important;
  }
  #pref-reg .mini-table.classic.table tr td.col-6 {
    font-size: 12px;
  }
  .bootstrap-table .fixed-table-container .mini-table.table thead th .sortable,
  .bootstrap-table .fixed-table-container .mini-table.table tbody td.col-4,
  .bootstrap-table .fixed-table-container .mini-table.table tbody td.col-3,
  .mini-table .th-inner.sortable,
  .bootstrap-table .fixed-table-container .mini-table.table tbody td {
    padding: 10px 10px !important;
    padding-left: 5px !important;
  }
  .bootstrap-table .fixed-table-container .mini-table.table thead th .sortable,
  .bootstrap-table .fixed-table-container .mini-table.table tbody td.col-4,
  .bootstrap-table .fixed-table-container .mini-table.table tbody td.col-3,
  .mini-table .th-inner.sortable,
  .bootstrap-table .fixed-table-container .mini-table.table tbody td {
    padding: 10px 10px !important;
    padding-left: 5px !important;
  }
  .preffered-regions .header-wrapper h1 {
    display: none;
  }
  body.preffered-regions .header-wrapper > h1 + button,
  body.locations .header-wrapper > h1 + button {
    margin-left: 0px !important;
  }
  .preffered-regions .header-wrapper {
    margin-top: 100px !important;
  }
  .preffered-regions #pills-tab {
    position: fixed;
    top: 55px;
    padding: 0px !important;
    gap: 0px !important;
  }
  .preffered-regions #pills-tab button {
    color: #4d4d4d !important;
    padding: 16px 0px !important;
    font-size: 16px !important;
    text-align: center !important;
    box-shadow: none !important;
    border-radius: 0px !important;
    background-color: #fff !important;
  }
  .preffered-regions #pills-tab button.nav-link.active {
    box-shadow: 0px -8px 0px -4px var(--second-brand-color) inset !important;
  }
  #pr-reg .bg-white .classic.mini-table:before {
    content: "";
    width: 100% !important;
    height: 4px !important;
    background-color: var(--second-brand-color);
    display: block;
    position: absolute;
    top: -5px;
  }
  .add-ref-rec .content-wrapper,
  .unfin-job .content-wrapper {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .info-record + div .fs-18 {
    word-break: break-all;
  }
  .info-record + div:not(.info-record) {
    margin-left: 0px !important;
    width: 100% !important;
  }
  .info-record + div > div {
    border-bottom: 0px;
  }
  .header-wrapper > .col-auto.ms-auto:last-child {
    margin-left: auto !important;
  }
  .header-wrapper > .col-auto.ms-auto:last-child {
    margin-left: auto !important;
  }
  #record-nav {
    padding-right: 0px !important;
    margin-top: 16px !important;
  }
  #record-nav > div {
    justify-content: end !important;
    gap: 10px;
  }
  .nav-group > .set + .numb {
    border: 0px;
  }
  #rec-wrap > div:not(.collapse) {
    background: #ffffff;
    border: 1px solid #dadada;
    box-sizing: border-box;
    border-radius: 6px;
    margin-bottom: 6px !important;
  }
  .info-record + div {
    border-radius: 0 0 6px 6px;
  }
  .info-record .button-show {
    border-radius: 0 0 6px 0;
  }
  .modal-dialog.modal-dialog-centered.modal-lg {
    width: calc(100% - 16px) !important;
    max-width: 600px;
  }
  .det-info-job {
    z-index: 100;
    font-size: 13px !important;
    padding: 5px;
  }
  .det-info-job .toast-body .row > .col-6:first-child {
    padding-right: 0px;
  }
  .detailed-report-block > .bg-white .info-record .button-show {
    width: auto !important;
    min-width: 54px;
  }
  #reportTab {
    display: flex !important;
    flex-direction: row;
    flex-wrap: nowrap;
    width: 100vw;
    position: absolute;
    top: 55px;
    left: 0px;
    border: 0px;
    overflow: hidden;
    height: 50px;
  }
  #reportTab li a {
    background: #fff;
    font-size: 12px;
    line-height: 100%;
    text-align: center;
    color: #4d4d4d;
    padding: 10px 15px;
    border-radius: 0px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
  }
  #reportTab li {
    width: auto !important;
    max-width: none !important;
    min-width: 115px;
    height: 100%;
    flex-grow: 1;
  }
  #reportTab li a.active {
    border: 0px !important;
    box-shadow: 0px -8px 0px -4px var(--second-brand-color) inset !important;
    background: #fff;
    font-weight: bold;
  }
  .detailed-report .header-wrapper {
    margin-top: 80px !important;
    margin-bottom: 20px !important;
  }
  .detailed-report h1 {
    display: none;
  }
  .detailed-report button {
    margin-left: 0px !important;
  }
  body.locations .bg-grey button:after {
    margin-left: 15px !important;
  }
  .survey_hist .fs-18.dd-grey {
    font-size: 16px !important;
  }
  .nowrap {
    white-space: nowrap !important;
    overflow: hidden;
    max-width: 120px!important;
    text-overflow: ellipsis;
  }
  /*.survey_hist .header-wrapper {
  margin-top: 0px !important;
}*/
.survey_hist .color-lgrey {
  word-wrap: anywhere;
}
#files-library-new table > thead > tr > th:first-child, #files-library-new table > tbody > tr > td:first-child{
  padding-inline-start: 50px !important;
}
#files-library-new table > tbody > tr.children-1 > td:first-child {
  padding-left: 70px !important;
}
#files-library-new table > tbody > tr.children-2 > td:first-child {
  padding-left:80px !important;
}
#files-library-new table > tbody > tr.children-3 > td:first-child {
  padding-left: 90px !important;
}
#files-library-new table > tbody > tr.children-4 > td:first-child {
  padding-left: 100px !important;
}
#files-library-new table > tbody > tr.children-5 > td:first-child {
  padding-left: 110px !important;
}
  .survey_hist #content .header-wrapper .row.m-0.p-0.col-12.col-lg-7 .block {
    margin-right: 5px !important;
    margin-left: 0px !important;
    padding: 5px !important;
  }
  .survey_hist
    #content
    .header-wrapper
    .row.m-0.p-0.col-12.col-lg-7
    .block:last-child {
    margin-right: 0px !important;
  }
  .survey_hist button + .ms-auto.lang-row {
    margin-left: auto !important;
  }
  .survey_hist
    #content
    .header-wrapper
    .row.m-0.p-0.col-12.col-lg-7
    .block
    .lh-sm.fs-90 {
    font-size: 40px !important;
  }
  .survey_hist
    #content
    .header-wrapper
    .row.m-0.p-0.col-12.col-lg-7
    .block
    span {
    font-size: 12px !important;
  }
  .detailed-report .pr-100 {
    padding-right: 10px !important;
    padding-left: 10px !important;
  }
  #detailed .report-body {
    max-height: fit-content;
    margin-right: 0px !important;
    padding-right: 0px !important;
  }
  div#login-form > div,
  div#register-form > div {
    padding: 20px !important;
  }
  div#login-form,
  div#register-form {
    border-radius: 5px;
    box-shadow: none;
    margin: 0 10px !important;
    margin-top: 44px !important;
    margin-bottom: auto !important;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
  }
  div#login-form h2,
  div#register-form h2 {
    min-width: 0px !important;
  }
  div#login-form .btn-outline,
  div#register-form .btn-outline {
    padding-right: 10px !important;
    width: calc(50% - 4px) !important;
    font-size: 12px !important;
    font-weight: normal;
    background-size: 25px auto;
    background-position: left 5px center;
    padding-left: 25px;
    justify-content: center;
  }

  #login-form > .col > .row,
  #register-form > .col > .row {
    width: 100%;
    padding: 0px;
    margin: 0px;
  }
  #login-form img.mb-100,
  #register-form img.mb-100 {
    margin-bottom: 50px;
  }
  div#login-form .btn.btn-primary,
  div#register-form .btn.btn-primary {
    height: 40px;
    box-sizing: border-box;
  }
  /* div#login-form .footer {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 10px;
  } */
  .autoflow {
    display: flex;
    display: -webkit-flex;
  }
  #pills-tabContent,
  #files-library {
    margin-top: 40px !important;
  }
  #files-library .blue-grey-scroll {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  #first-form {
    margin: 0px !important;
    min-height: 100vh;
  }
  .first-page .bg-white > .sec-bg {
    border-radius: 0px !important;
    min-width: 100vw !important;
    padding-bottom: 77px !important;
  }
  #content #person-info.block > div > .col-3 {
    padding: 10px 5px !important;
  }
  body.telephonic-survey #content {
    width: 100% !important;
    float: none;
  }
  #widget-tel,
  #content #widget-call {
    width: 100% !important;
    float: none;
  }
  #status-btn-group > div {
    height: auto !important;
  }
  body {
    font-size: 14px !important;
  }
  .show-pack .hidd {
    display: flex !important;
    flex-direction: column;
    width: 50% !important;
    padding-right: 0px !important;
    padding-left: 0.5rem !important;
  }

  .show-pack .action {
    margin: 0px;
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-bottom: 15px !important;
    display: -webkit-flex;
    display: flex;
    justify-content: center !important;
    gap: 10px;
  }

  body.openjobs #map .navbar-collapse.open-w100 div.action,
  body.myjobs #map .navbar-collapse.open-w100 div.action {
    order: 1;
    margin-bottom: 10px !important;
    padding-right: 36px !important;
  }
  #map .accept {
    font-size: 14px !important;
    width: fit-content !important;
    min-width: 80px !important;
    padding: 7px !important;
    height: 31px !important;
    min-height: 31px !important;
    margin: 0 5px;
  }
  #map a {
    font-size: 14px !important;
    width: fit-content !important;
  }
  .position-absolute.badge.sec-bg {
    font-size: 10px;
  }

  body.myjobs #map div.action {
    min-width: 120px !important;
    margin: 0px !important;
  }

  a.preview i {
    font-size: 14px !important;
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  #map .show-pack .accept {
    min-width: 120px !important;
    height: 31px !important;
    min-height: 31px;
    line-height: 14px;
  }

  .btn-group.accept.start-lang.start-job > button:first-child,
  .btn-group.accept.start-lang.start-job > [type="button"]:first-child {
    min-height: 31px !important;
    min-width: 31px !important;
    height: 31px !important;
    top: -6px !important;
    left: -6px !important;
  }

  .btn-group.accept.start-lang.start-job .dropdown-toggle::after {
    height: 31px !important;
    width: 31px !important;
    line-height: 30px !important;
    margin: 0 auto !important;
    padding: 3px;
  }

  .btn-group.accept.start-lang.start-job a.btn.btn-secondary.btn-lg {
    padding-left: 0px !important;
  }

  body.telephonic-survey #content {
    padding: 14px 18px !important;
  }
  .telephonic-survey h4.black-color {
    font-size: 14px !important;
  }

  #pers_info {
    background-color: #fff !important;
    padding: 10px 20px !important;
  }
  .update-img {
    margin-left: 0px !important;
    margin-top: 0px !important ;
    width: fit-content;
  }
  .content-wrapper.m-0.p-0 > h4 {
    font-size: 12px;
  }
  h1.fs-2 {
    font-size: 20px !important;
  }
  #shopper-message-modal .modal-content {
    min-width: unset !important;
    box-shadow: 0 0 10px 2px #acabab !important;
  }
  #shopper-message-modal .modal-dialog {
    width: auto;
  }
  #shopper-message-modal.modal {
    z-index: 100001;
  }
  #pref-reg #pills-tab .nav-link {
    padding: 10px !important;
  }
  #pills-tab {
    gap: 10px;
    display: flex;
    flex-direction: row !important;
    flex-wrap: nowrap;
    margin-bottom: 0px;
    align-content: stretch;
  }
  #pref-reg #pills-tab .nav-link {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
  }
  #pills-tabContent .classic.mini-table.table th.col-2 input {
    margin-left: 6px !important;
  }

  .modal-dialog.modal-dialog-centered.modal-sm {
    width: unset !important;
    max-width: 100vw !important;
  }
  #formModal .modal-content .modal-body > .p-0.m-0 {
    padding: 20px !important;
  }
  .btn-group.accept.start-lang.start-job button.btn.dropdown-toggle {
    height: 31px;
    top: -5px;
    left: -4px;
    min-width: 33px !important;
  }
  #map .btn-group.accept.start-lang.start-job {
    min-height: 35px !important;
  }
  #map
    .btn-group.accept.start-lang.start-job
    > [type="button"]:not(:first-child) {
    padding-left: 0px !important;
  }
  .card-list-job p.mb-0 {
    font-size: 16px;
  }

  .show-main + .show-pack form ~ button#back {
    bottom: 8px;
    right: 5px;
    width: fit-content;
  }
  .show-main + .show-pack * {
    width: 100%;
    display: block;
  }
  .show-main + .show-pack * {
    width: 100%;
    display: block;
  }
  .show-main + .show-pack form ~ .actionMessage {
    position: absolute;
    bottom: 5px;
    right: 40px;
  }
  .set-link {
    position: fixed;
    right: 0px;
    top: 10px;
  }
  .popover.settings-popover {
    left: 0px !important;
    transform: none !important;
    z-index: 1000000;
    top: 0px !important;
    width: 100% !important;
    position: fixed !important;
  }
  #files-library-new {
    margin-top: 0px !important;
  }

  .survey_hist .info-record > .tel-elem-info .button-show {
    display: none !important;
  }

  #widget-money>div>.cardnew p.fw-light.my-0.lh-sm{
    margin: 0px !important;
    font-size: 30px !important;
  }
  #widget-money  .cardnew.bg-grey.radius-10.position-relative.col.col-md-12 {
    position: unset !important;
    }
  #pick-apply-date-modal .btn-close{
    position: absolute;
    top: 10px;
    right: 10px;
  }
  .myjobs .modal-body  .cardnew.flex-column, .openjobs  .modal-body .cardnew.flex-column{
    flex-direction: column !important;  
  }
  #map .accept.lh-1 {
    height: auto !important;
    padding: 5px 20px !important;
  }
}

@media (max-height: 700px) and (min-width: 1000px) {
  .survey_hist
    .position-relative
    > input[name="filter[from]"].form-control.pick-date
    + div {
    left: -250px;
    top: -100px;
  }
  .survey_hist input[name="filter[to]"].form-control.pick-date + div {
    right: -250px;
    top: -100px;
  }
}
@media (max-width: 347.5px) {
  #content .block.bg-white {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  #widget-money p.fw-light.my-0.lh-sm {
    font-size: 20px !important;
  }
  div#login-form .btn-outline {
    background-image: none;
    padding: 12px;
  }
}

.drop-area {
  cursor: pointer;
  width: 100%;
  height: 100px;
  background: #f9f9f9;
  padding: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  transition: all 500ms;
  background: #ffffff;
  border: 1px solid #dadada;
  border-radius: 6px;
}

.drop-area.highlight {
  background: var(--color-second-lightest);
  border-color: var(--second-brand-color);
}

.drop-area.full {
  justify-content: space-between;
  overflow: hidden;
}

.drop-area.full > span:first-child {
  display: none;
}

.drop-area span {
  max-width: 240px;
  font-size: 16px;
  color: #797979;
}

.drop-area span.limit {
  font-size: 12px;
  display: block;
}

.drop-area span svg {
  fill: var(--second-brand-color);
  display: block;
  margin: 0 auto;
}

.drop-area #fileElem {
  display: none;
}

.drop-area .gallery {
  display: block;
  height: 80px;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: flex-start;
  width: 70px;
}

.drop-area > .gallery,
.drop-area > span.actions {
  display: none;
}

.drop-area.full > .gallery,
.drop-area.full > span.actions {
  display: flex;
}

.drop-area .gallery img,
.drop-area .gallery embed,
.drop-area .gallery > * {
  -o-object-fit: cover;
  object-fit: cover;
  max-height: 100%;
  max-width: 100%;
  flex-shrink: 0;
  min-width: 100%;
  min-height: 100%;
}

.drop-area.full .name {
  margin: 0px;
  justify-content: start;
  align-items: center;
  display: flex;
  flex-grow: 1;
  font-weight: 400;
  font-size: 16px;
  color: #797979;
  padding-right: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: calc(100% - 150px);
  text-align: left;
  white-space: nowrap;
}

.drop-area .gallery img[src*="file-icon"] {
  object-fit: contain;
  max-width: 80%;
  object-fit: contain;
  min-width: 80%;
  min-height: 100%;
  margin: 0 auto;
}

.drop-area span svg.icon-delete {
  stroke: var(--second-brand-color);
}

.actions {
  gap: 4px;
  /* border-left: 1px solid #dadada; */
  padding-left: 4px;
}

.picker__input + .picker {
  max-width: 350px;
}

.group-inform {
  grid-column-start: 1;
  grid-column-end: 3;
  column-count: 2;
  gap: 50px;
}

.group-inform > * {
  display: flex;
  width: auto;
  padding-top: 10px !important;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
}

#pers_info .form-switch input.form-check-input {
  width: 40px;
  height: 20px;
}

input[name="rangeMiles"],
input[name="field_AvailabilityRadious"] {
  max-width: 65px;
  float: left;
}

@media (max-width: 767.5px) {
  .group-inform {
    column-count: 1;
  }

  .group-inform > div > .col-9 {
    position: relative;
  }
}

@media (max-width: 767.5px) {
  #info_img .col-6 {
    text-align: center;
  }

  #info_img .box.image.rounded-circle {
    margin: 0 auto;
  }

  #pers_info #donut1 {
    margin-left: auto !important;
    margin-right: auto;
  }

  .group-inform.mt-5.d-flex {
    margin-top: 0px !important;
  }
}

#pers_info .group-inform.d-flex > a {
  color: #ec1c24 !important;
}

#pers_info label {
  word-wrap: anywhere;
}
#pers_info #donut1 {
  margin-left: auto !important;
  margin-right: auto;
  margin-top: 14px;
}
.formError .formErrorContent {
  color: #fff;
  padding: 3px;
  font-size: 12px;
}

.searchable {
  position: relative;
}

.searchable input {
  font-size: 14px;

  color: var(--second-brand-color);

  background-color: #ffffff;

  border: 1px solid #d6d6d6;

  border-radius: 5px;

  line-height: 16px;

  color: #000000;

  font-size: 14px;

  padding: 6px 15px;

  padding-right: 15px;

  min-height: unset;

  width: 100%;

  outline: none !important;

  background: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='9' viewBox='0 0 16 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0.949707 0.872359L7.98695 7.12769L15.0242 0.872359' stroke='%23aeaeae' stroke-width='2'/%3e%3c/svg%3e ")
    no-repeat right 0.75rem center/8px 10px;

  background-size: 14px 6px;
}

.searchable ul {
  display: none;

  list-style-type: none;

  padding: 0.5rem 0;

  margin: 0;

  font-size: 14px;

  color: #212529;

  text-align: left;

  list-style: none;

  background-color: #fff;

  background-clip: padding-box;

  border: 1px solid var(--second-brand-color);

  max-height: 180px;

  margin: 0;

  overflow-y: scroll;

  overflow-x: hidden;

  position: absolute;

  padding: 0;

  width: 100%;

  box-sizing: border-box;

  margin-top: 0px;

  z-index: 100;

  border-radius: 0.25rem;
}

.searchable ul li {
  padding: 4px 9px;

  cursor: pointer;

  color: #000;
}

.searchable ul li.selected,
.searchable ul li:hover {
  background-color: #e9ecef;
  color: var(--font-color, #1e2125);
}

.donut[data-work="0,0"],
.donut[data-work="0, 0"] {
  display: none;
}
.no-job ~ .no-job {
  display: none !important;
}
.no-job ~ .no-job + h5{
  display: none
}
.no-job + h5 {
  font-size: 1.5rem !important;
}
#field_AvailabilityRadious ~ small {
  width: 100%;
}
.popover.show {
  z-index: 100000;
}
.formError {
  min-width: max-content;
  max-width: 300px;
}
@media (min-width: 767.6px) {
  .cert-elem .col-lg-3.sec-color.title {
   width: 240px 
  }
  .cert-elem .col-lg-3.sec-color.title ~ .col-auto{
      margin-right: 3rem !important;
      margin-left: 3rem !important;
      width: 120px !important;
  }
}
.cert-elem > .cert-elem>.col{
  min-height: 66px;
}
#pref-reg .bootstrap-table .fixed-table-container .table thead th.col-6 div {
  min-width: 30vw;
}
 
#pref-reg .bootstrap-table .fixed-table-container .table thead th.col-4 div{
  min-width: 22vw;
}
@media screen and (max-width:768px){
  .row.tel-elem-info.col-12.col-md.d-flex.align-items-center>*:not(hr):not(:last-child):not(.col-2):not(.col-3) {
    display: block !important;
    min-width: 41.6666666667%;
    box-sizing: border-box;
    max-width: 41.6666666667%;
    margin-left: 8.3333333333%;
    margin-top: 5px
  }
  .block-header{
    display: flex !important;
  }
}

#map .card-list-job.bg-white.hide-add-info {
  position: relative;
}
.hide-add-info .accordion-button > * {
  display: none !important;
}
#map .hide-add-info button.accordion-button {
  padding-left: 0px !important;
  border: 0px !important;
  width: 57.895px;
  height: 45.747px;
  display: flex;
  justify-content: center;
  position: absolute;
  right: 0px;
  top: 41px;
}
body.myjobs #map .navbar-collapse.open-w100 .hide-add-info div.action,
body.openjobs #map .navbar-collapse.open-w100 .hide-add-info div.action {
  margin-right: 60px;
}
#map .w-50 .hide-add-info button.accordion-button {
  width: 50px;
  height: 30px;
  padding: 0px !important;
  top: 58px;
}
#map .w-50 .hide-add-info .accordion-button::after {
  margin-right: auto;
}
@media screen and (max-width: 768px) {
  #map .hide-add-info button.accordion-button:not(.collapsed) {
    top: auto !important;
  }
  #map .hide-add-info button.accordion-button {
    margin-top: -45px !important;
  }
}


@media screen and (max-width:768px){
  .tel-elem-info > .col-3:nth-child(2), .tel-elem-info > .col:nth-child(3) {
    align-self: flex-start;
    margin-top: 5px;
  }
  .report-body .tel-elem-info > .row > div:nth-child(6)::after{
    display: none
  }
}

.hide-info-ins{
  position: relative;
}
/* .hide-info-ins .actions{
  margin-right: 60px !important;
} */
.cardnew span {
  font-size: 12px;
}
#map  .hide-add-info button.accordion-button.collapsed{
  top: auto;
  bottom: 0px
}

@media (max-width: 767.5px) {
  .card-list-job.bg-white .border-bottom {
    padding-top: 0px !important;
  }
  .card-list-job.bg-white > .d-flex {
    position: relative;
  }

  body.myjobs #map .navbar-collapse.open-w100 form.hide-info-ins div.action,
  body.myjobs #map .navbar-collapse.open-w100 form.hide-info-add div.action,
  body.openjobs #map .navbar-collapse.open-w100 form.hide-info-ins div.action,
  body.openjobs #map .navbar-collapse.open-w100 form.hide-info-add div.action {
    margin-bottom: 0px !important;
    padding-bottom: 10px !important;
  }
  .col-12.col-md.d-block.d-md-none.p-0.pb-2:last-child .fs-18.nowrap.color-grey.nowrap-small {
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: wrap !important;
  }
  body.myjobs #map form div.action,
  body.openjobs #map form div.action {
    position: absolute !important;
    bottom: -75px;
    margin-bottom: 0px !important;
    padding-bottom: 10px !important;
    padding-right: 0px !important;
    left: calc(50% + 0px);
    transform: translateX(-50%);
    z-index: 4;
    min-width: 170px !important;
    flex-wrap: nowrap;
  }
  body.myjobs #map form div.action{
    bottom: -55px;
  }
  body.myjobs #map form:not(.hide-add-info):not(.hide-info-ins) div.action{
    bottom: -62px;
  }
  #map button.d-flex.flex-column.align-items-center.accept.pick-apply-date-modal.link-primary {
    height: auto !important;
    min-width: 100px !important;
    line-height: 1 !important;
    margin-top: -56px !important;
}
  #map a.preview {
    margin-right: 2px !important;
  }
  #map a.preview i {
    width: 29px !important;
    height: 29px !important;
    font-size: 13px !important;
    border-width: 1.5px;
  }

  #map .fs-18 {
    font-size: 16px !important;
  }
  select#lang .filter-option-inner-inner,
  select#lang + button .filter-option-inner-inner {
    display: none !important;
  }
  select#lang,
  select#lang + button {
    width: 30px;
    height: 30px;
    padding: 0px;
    background-position: center;
    box-shadow: none !important;
    border: 0px;
    background-color: transparent !important;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.1331 6.01325C14.4973 5.58191 14.7933 5.46667 15 5.46667C15.2067 5.46667 15.5027 5.58191 15.8669 6.01325C16.2283 6.44119 16.5867 7.10391 16.9021 7.98702C17.4747 9.5902 17.8599 11.7906 17.9239 14.2667H12.0761C12.1401 11.7906 12.5253 9.5902 13.0979 7.98702C13.4133 7.10391 13.7717 6.44119 14.1331 6.01325ZM10.609 14.2667C10.6731 11.6573 11.0775 9.28337 11.7166 7.49372C11.9414 6.86439 12.201 6.2909 12.4956 5.79902C8.67259 6.83713 5.80424 10.1943 5.49445 14.2667H10.609ZM5.49445 15.7333H10.609C10.6731 18.3427 11.0775 20.7166 11.7166 22.5063C11.9414 23.1356 12.201 23.7091 12.4956 24.201C8.67259 23.1629 5.80424 19.8057 5.49445 15.7333ZM12.0761 15.7333H17.9239C17.8599 18.2094 17.4747 20.4098 16.9021 22.013C16.5867 22.8961 16.2283 23.5588 15.8669 23.9868C15.5027 24.4181 15.2067 24.5333 15 24.5333C14.7933 24.5333 14.4973 24.4181 14.1331 23.9868C13.7717 23.5588 13.4133 22.8961 13.0979 22.013C12.5253 20.4098 12.1401 18.2094 12.0761 15.7333ZM19.391 15.7333C19.3269 18.3427 18.9225 20.7166 18.2834 22.5063C18.0586 23.1356 17.799 23.7091 17.5044 24.201C21.3274 23.1629 24.1958 19.8057 24.5055 15.7333H19.391ZM24.5055 14.2667C24.1958 10.1943 21.3274 6.83713 17.5044 5.79902C17.799 6.2909 18.0586 6.86439 18.2834 7.49372C18.9225 9.28337 19.3269 11.6573 19.391 14.2667H24.5055ZM26 15C26 21.0752 21.0752 26 15 26C8.92487 26 4 21.0752 4 15C4 8.92487 8.92487 4 15 4C21.0752 4 26 8.92487 26 15Z' fill='black'/%3e%3c/svg%3e ");
  }
  body.myjobs div#infoJobMenu .col-auto.ms-auto.lang-row,
  body.openjobs div#infoJobMenu .col-auto.ms-auto.lang-row,
  body.unfin-job div#infoJobMenu .col-auto.ms-auto.lang-row,
  body.survey_hist div#infoJobMenu .col-auto.ms-auto.lang-row,
  #infoJobMenu > h1 + .lang-row,
  #infoJobMenu > h1 + button + .lang-row {
    top: 10px !important;
    z-index: 100;
    right: 50px;
    position: fixed;
    padding: 0px !important;
  }
  body.myjobs div#infoJobMenu .col-auto.ms-auto.lang-row,
  body.openjobs div#infoJobMenu .col-auto.ms-auto.lang-row {
    top: 10px !important;
    z-index: 1000;
  }
  #infoJobMenu {
    position: unset !important;
    overflow: visible;
    left: 0px;
  }
  /* #map {
    margin-top: 187px !important;
  } */
  .myjobs #infoJobMenu,
  .openjobs #infoJobMenu {
    position: sticky !important;
    z-index: 1000 !important;
    top: 55px !important;
  }
  div#infoJobMenu > h1,
  div#infoJobMenu > button:nth-child(2) {
    margin-top: 0px !important;
  }
  header a.set-link {
    width: 30px;
    height: 30px;
    background-size: auto 28px !important;
    right: 10px;
  }
  button.filter-btn {
    width: 53px;
    height: 40px;
    padding: 0px;
    background-position: center;
  }
  button.filter-btn:after {
    right: 7px;
    max-width: unset !important;
  }
  .myjobs .cardnew,
  .openjobs .cardnew {
    flex-direction: row !important;
    justify-content: center;
    align-items: center;
    gap: 10px;
  }
  div#infoJob .block.border.rounded-3 .fs-90 {
    line-height: 0.9 !important;
  }
}

.sidebar a.set-link,
header a.set-link {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M23.713 3.51033C21.0381 1.69113 17.3202 1.50175 14.0101 3.01609C10.7684 4.50022 8.51348 4.12963 5.92696 3.05269C5.72137 2.96599 5.48538 2.98837 5.29861 3.10918C5.11221 3.2307 5 3.43571 5 3.65494V14.6966C5 16.6838 6.64725 18.3009 8.67201 18.3009H10.8282V25.3954C10.8282 27.3826 12.4754 29 14.4998 29C16.5246 29 18.1718 27.3826 18.1718 25.3954V18.3009H20.328C22.3528 18.3009 24 16.6842 24 14.6966V4.04827C24 3.83366 23.8925 3.63291 23.713 3.51033ZM14.5733 4.20247C17.2937 2.95675 20.4282 3.04309 22.6666 4.4018V9.86933H6.33307V4.61748C8.57537 5.41728 11.1594 5.76442 14.5733 4.20247ZM20.328 16.9919H17.5051C17.137 16.9919 16.8384 17.2847 16.8384 17.6464V25.3954C16.8384 26.6613 15.7891 27.691 14.4998 27.691C13.2102 27.691 12.1616 26.661 12.1616 25.3954V17.6464C12.1616 17.2847 11.863 16.9919 11.4949 16.9919H8.67201C7.38237 16.9919 6.33343 15.9626 6.33343 14.6966V11.1783H22.6669V14.6966C22.6666 15.9626 21.6173 16.9919 20.328 16.9919Z' fill='black'/%3e%3c/svg%3e ");
  background-position: center;
  background-size: auto 20px;
  background-repeat: no-repeat;
}
.sidebar a.set-link i,
header a.set-link i {
  visibility: hidden;
}
.myjobs .apply-multiple:first-child > textarea {
  min-height: 75px !important;
}
.open + .form-applied {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}
.myjobs .apply-multiple:nth-child(2) {
  margin-bottom: 20px;
}
button.filter-btn::after {
  max-width: 25%;
  max-height: 100%;
  background-size: contain;
}

#map .card-list-job.bg-white .fs-14{
  font-size: 14px !important;
  line-height: 1.5
}

.myjobs #navbarsListJob:not(.d-none) ~ .form-applied .apply-multiple:first-child > .remove-multiple.black-color{
  position: unset !important;
}
.myjobs #navbarsListJob:not(.d-none) ~ .form-applied .apply-multiple:nth-child(2){
  margin: 0px;
  z-index: 1;
}
.myjobs #navbarsListJob:not(.d-none) ~ .form-applied .form-control {
  display: none
}
.myjobs #navbarsListJob:not(.d-none) ~ .form-applied  .buttons-sel {
  flex-direction: row-reverse;
  margin-left: 10%;
}
.myjobs #navbarsListJob:not(.d-none) ~ .form-applied .show-main {
  justify-content: start !important;
}
.open:not(.open-w100) ~ .form-applied .buttons-sel > .buttons-sel{
  flex-grow: 1;
}
.openjobs #map .open-w100 ~ .form-applied textarea.form-control{
  min-width: 300px !important;
}

@media (max-width: 767.5px) {
  #infoJobMenu .filter-wrap.d-flex.flex-column {    
    grid-row-start: 3;
    grid-column-start: 1;
    padding: 0px;
    margin-top: 10px;
    grid-column-end: 3;
    text-align: center;
  }
  .visible-block,
  .accordion-button .mw-15{
    display: none !important;
  }
}
.selected-block button,
.selected-block {
    background-color: var(--color-second-lightest) !important;
}

#searchInput {
    min-height: 36px;
    background-image: url("data:image/svg+xml;charset=UTF-8, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3cpath d='M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z' fill='%23aeaeae' /%3e%3c/svg%3e ") !important;
    background-repeat: no-repeat !important;
    background-size: 15px !important;
    background-position: right 10px center;
    padding-right: 30px;
}
@media (max-width: 767.5px) {
  .myjobs #content #map.list .open-w100#navbarsListJobPack {
    padding-bottom: 100px !important;
    }
 
  .disabled-map div#infoJobMenu.mini-menu + .content-wrapper > div#map {
    height: auto !important;
  }
  .popover-body {
    max-height: 300px;
    overflow: auto;
  }
}

.toast.det-info-job.bottom-arrow:after, .toast.det-info-job.bottom-arrow:before {
  top: 100%;
  left: 20px !important;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.buttons-sel .toast.det-info-job.bottom-arrow {
  left: calc(100% - 35px) !important;
  bottom: 10px !important;
}
.toast.det-info-job.bottom-arrow:after {
  border-color: rgba(255, 255, 255, 0) !important;
  border-top-color: #fff !important;
  border-width: 7px;
  margin-left: -7px;
  z-index: 100;
  margin-top: -1px;
}
.toast.det-info-job.bottom-arrow:before {
  border-color: rgba(218, 218, 218, 0) !important;
  border-top-color: #dadada !important;
  border-width: 8px;
  margin-left: -8px;
  margin-top: -1px;
}
.toast.det-info-job.top-arrow:after, .toast.det-info-job.top-arrow:before {
  bottom: 100%;
  left: 20px !important;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.toast.det-info-job.top-arrow:after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #fff;
  border-width: 7px;
  margin-left: -7px;
  z-index: 100;
  margin-bottom: -1px;
}
.toast.det-info-job.top-arrow:before {
  border-color: rgba(218, 218, 218, 0.2) !important;
  border-bottom-color: #dadada !important;
  border-width: 8px;
  margin-left: -9px;
  margin-bottom: -1px;
}
.bg-white.det-info-job.fade.fs-18.position-fixed.show.toast:empty {
  display: none;
}
.toast.det-info-job.bottom-arrow.right-arrow::after,
.toast.det-info-job.bottom-arrow.right-arrow::before,
.toast.det-info-job.top-arrow.right-arrow::after,
.toast.det-info-job.top-arrow.right-arrow::before{
  left: auto !important;
  right: 20px !important;
}

.toast.det-info-job {
  z-index: 10000;
}

@media (max-width: 767.5px) {
  .bg-white.det-info-job.toast {
    left: 0px !important;
    right: 0px !important;
    width: 100%;
  }
  .toast.det-info-job.top-0{    
    top: calc(100% - 60px) !important;
  }
  .toast.det-info-job.right-0::before,
  .toast.det-info-job.right-0::after {
    right: 100px !important;
  }
  .tel-elem-info>.autoflow>.toast:nth-child(2n+1)::after,
  .tel-elem-info>.autoflow>.toast:nth-child(2n+1)::before { 
    left: 100px !important;
    right: auto !important;
  }
}

.gm-style-iw-t .scroll-y strong {
  font-weight: 700;
}

.gm-style-iw-t .scroll-y .color-lgrey {
  font-size: 16px;
  color: #000
}

.mapshow{
  margin:20px;
}