/* roboto-regular - latin_cyrillic-ext_cyrillic */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('/roboto-v29-latin_cyrillic-ext_cyrillic-regular.b8b00990.woff2') format('woff2'), 
       url('/roboto-v29-latin_cyrillic-ext_cyrillic-regular.6c56f7b2.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

:root {
  --main-bg: #3b3b3b;
  --main-black-color: #333;
  --color-white: #fff;
  --font-family-main: "Roboto", sans-serif;
  --newBlue: #00abebff;
  --light-gray: #eee;
}

body {
  font-family: var(--font-family-main);
}

.theme-1-light .primary {
  color: #fff;
  background-color: var(--newBlue);
}
.theme-1-light .navbar-hd {
  background: var(--main-bg);
  border-bottom: 1px solid var(--main-bg);
  position: sticky;
  top: 0;
  z-index: 2;
}
.theme-1-light .navside .nav-text {
  opacity: 1;
}
.theme-1-light .navside .nav li {
  min-height: auto;
}
.theme-1-light .box-shadow-z4,
.theme-1-light .box-shadow-z3 {
  box-shadow: none;
}
.theme-1-light .box-shadow-z4 .box,
.theme-1-light .box-shadow-z3 .box {
  box-shadow: none;
}
.theme-1-light .page-header {
  margin: 0;
}
.theme-1-light .container-fluid {
  padding-left: 0;
  padding-right: 0;
}
.theme-1-light .themed-main-table-container {
  overflow: auto;
  margin: 0.5em 0;
}
.theme-1-light .themed-main-table-container .react-bs-table {
  min-width: 1200px;
}
.theme-1-light .pagination .page-item.active,
.theme-1-light .pagination > .active > a,
.theme-1-light .pagination > .active > span,
.theme-1-light .pager .page-item.active,
.theme-1-light .pager > .active > a,
.theme-1-light .pager > .active > span {
  background-color: var(--newBlue);
}
.theme-1-light .app-header {
  background: var(--main-bg);
  color: var(--color-white);
}
.theme-1-light .app-aside .left {
  background-color: var(--color-white);
  border-right: 1px solid var(--light-gray);
  color: var(--main-black-color);
}
.theme-1-light .react-bs-table .react-bs-container-header {
  width: fit-content;
}
.theme-1-light .react-bs-table .react-bs-container-header table {
  border-bottom: 0 none;
}
.theme-1-light .react-bs-table table {
  border: 1px solid var(--light-gray);
  border-top: 0 none;
}
.theme-1-light .react-bs-table table td,
.theme-1-light .react-bs-table table th {
  white-space: normal;
  border-color: var(--light-gray);
}
.theme-1-light .react-bs-table table td:first-child,
.theme-1-light .react-bs-table table th:first-child {
  white-space: nowrap;
}
.theme-1-light .react-bs-table thead th {
  border-bottom: 0 none;
}
.theme-1-light .react-bs-table > thead > tr > td,
.theme-1-light .react-bs-table > thead > tr > th {
  border-bottom-width: 1px;
}
.theme-1-light .label.rounded {
  padding: 3px 8px;
  font-size: 12px;
  letter-spacing: 0.5px;
}
.theme-1-light .label.rounded.in-progress {
  background-color: orange;
}
.theme-1-light .label.rounded.on-review, .theme-1-light .label.rounded.received {
  background-color: darkorange;
}
.theme-1-light .label.rounded.done {
  background-color: limegreen;
}
.theme-1-light .label.rounded:empty {
  display: none;
}
.theme-1-light .btn {
  font-size: 14px;
  padding: 0.25rem 0.75rem;
}
.theme-1-light .btn i {
  font-size: 12px;
}
.theme-1-light .btn:not(.btn-sm) i {
  margin-right: 6px;
}
.theme-1-light table thead {
  background-color: var(--color-white);
  color: var(--main-black-color);
  text-transform: none;
  letter-spacing: 0.5px;
}

.app-aside {
  position: fixed !important;
  z-index: 30;
  float: left;
  height: 100%;
}

.app-content {
  box-shadow: none;
}

.app-content::after {
  display: block;
  content: "";
  clear: both;
}

.app-header {
  position: sticky;
  top: 0;
  z-index: 20;
}

.app-body-inner {
  padding-top: inherit !important;
  padding-bottom: inherit !important;
  position: absolute;
  top: 0;
  bottom: 0;
  overflow: auto;
}

.app-footer {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  margin: inherit;
}

.app-footer:not(.hide) ~ .app-body {
  padding-bottom: 3.125rem;
}

.app-fixed {
  overflow: hidden;
}

.app-fixed .app {
  height: 100%;
}

.app-fixed .app-content {
  position: relative;
  min-height: 100%;
}

.app-fixed .app-footer {
  margin-left: 0;
}

/* fix ie9 */
.ie9 .app-aside {
  position: static !important;
}

.ie9 .app-aside .left {
  width: inherit;
  position: absolute;
}

.modal .left {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  -moz-transition: -moz-transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  -o-transition: -o-transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.modal .right {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  -moz-transition: -moz-transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  -o-transition: -o-transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.modal .top {
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  -moz-transition: -moz-transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  -o-transition: -o-transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.modal .bottom {
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  -moz-transition: -moz-transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  -o-transition: -o-transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.modal.in .left,
.modal.in .right,
.modal.in .top,
.modal.in .bottom,
.modal.show .left,
.modal.show .right,
.modal.show .top,
.modal.show .bottom {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.modal.inactive {
  bottom: auto;
  overflow: visible;
}

.modal-open-aside {
  overflow: visible;
}

.modal > .left {
  overflow: auto;
  position: fixed;
  z-index: 1055;
  top: 0;
  left: 0;
  right: auto;
  bottom: 0;
}

.modal > .right {
  position: fixed;
  z-index: 1055;
  top: 0;
  left: auto;
  right: 0;
  bottom: 0;
}

.modal > .top {
  position: fixed;
  z-index: 1055;
  top: 0;
  left: 0;
  right: 0;
  bottom: auto;
}

.modal > .bottom {
  position: fixed;
  z-index: 1055;
  top: auto;
  left: 0;
  right: 0;
  bottom: 0;
}

.modal-header,
.modal-footer {
  border-color: rgba(120, 130, 140, 0.13);
}

.modal-content {
  color: rgba(0, 0, 0, 0.87);
}

.aside {
  color: rgba(0, 0, 0, 0.87);
}

.aside-header,
.aside-header .close {
  color: inherit !important;
  background-color: transparent !important;
}

.aside-header,
.aside-footer {
  border-color: rgba(120, 130, 140, 0.13) !important;
}

.aside-title {
  font-size: 1.2rem;
  margin: 0.45rem 0;
}

.modal.animate .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}

.modal.animate .fade-right-big {
  -webkit-animation: fadeOutLeftBig 0.5s;
  animation: fadeOutLeftBig 0.5s;
}

.modal.animate .fade-left-big {
  -webkit-animation: fadeOutRightBig 0.5s;
  animation: fadeOutRightBig 0.5s;
}

.modal.animate .fade-up-big {
  -webkit-animation: fadeOutUpBig 0.5s;
  animation: fadeOutUpBig 0.5s;
}

.modal.animate .fade-down-big {
  -webkit-animation: fadeOutDownBig 0.5s;
  animation: fadeOutDownBig 0.5s;
}

.modal.animate .fade-right {
  -webkit-animation: fadeOutLeft 0.5s;
  animation: fadeOutLeft 0.5s;
}

.modal.animate .fade-left {
  -webkit-animation: fadeOutRight 0.5s;
  animation: fadeOutRight 0.5s;
}

.modal.animate .fade-up {
  -webkit-animation: fadeOutUp 0.5s;
  animation: fadeOutUp 0.5s;
}

.modal.animate .fade-down {
  -webkit-animation: fadeOutDown 0.5s;
  animation: fadeOutDown 0.5s;
}

.modal.animate .flip-x {
  -webkit-animation: flipOutX 0.5s;
  animation: flipOutX 0.5s;
}

.modal.animate .flip-y {
  -webkit-animation: flipOutY 0.5s;
  animation: flipOutY 0.5s;
}

.modal.animate .zoom {
  -webkit-animation: zoomOut 0.5s;
  animation: zoomOut 0.5s;
}

.modal.animate .roll {
  -webkit-animation: rollOut 0.5s;
  animation: rollOut 0.5s;
}

.modal.animate .bounce {
  -webkit-animation: bounceOut 0.5s;
  animation: bounceOut 0.5s;
}

.modal.animate .rotate {
  -webkit-animation: rotateOut 0.5s;
  animation: rotateOut 0.5s;
}

.modal.animate.in .fade-right-big,
.modal.animate.show .fade-right-big {
  -webkit-animation: fadeInRightBig 0.5s;
  animation: fadeInRightBig 0.5s;
}

.modal.animate.in .fade-left-big,
.modal.animate.show .fade-left-big {
  -webkit-animation: fadeInLeftBig 0.5s;
  animation: fadeInLeftBig 0.5s;
}

.modal.animate.in .fade-up-big,
.modal.animate.show .fade-up-big {
  -webkit-animation: fadeInUpBig 0.5s;
  animation: fadeInUpBig 0.5s;
}

.modal.animate.in .fade-down-big,
.modal.animate.show .fade-down-big {
  -webkit-animation: fadeInDownBig 0.5s;
  animation: fadeInDownBig 0.5s;
}

.modal.animate.in .fade-right,
.modal.animate.show .fade-right {
  -webkit-animation: fadeInRight 0.5s;
  animation: fadeInRight 0.5s;
}

.modal.animate.in .fade-left,
.modal.animate.show .fade-left {
  -webkit-animation: fadeInLeft 0.5s;
  animation: fadeInLeft 0.5s;
}

.modal.animate.in .fade-up,
.modal.animate.show .fade-up {
  -webkit-animation: fadeInUp 0.5s;
  animation: fadeInUp 0.5s;
}

.modal.animate.in .fade-down,
.modal.animate.show .fade-down {
  -webkit-animation: fadeInDown 0.5s;
  animation: fadeInDown 0.5s;
}

.modal.animate.in .flip-x,
.modal.animate.show .flip-x {
  -webkit-animation: flipInX 0.5s;
  animation: flipInX 0.5s;
}

.modal.animate.in .flip-y,
.modal.animate.show .flip-y {
  -webkit-animation: flipInY 0.5s;
  animation: flipInY 0.5s;
}

.modal.animate.in .zoom,
.modal.animate.show .zoom {
  -webkit-animation: zoomIn 0.5s;
  animation: zoomIn 0.5s;
}

.modal.animate.in .roll,
.modal.animate.show .roll {
  -webkit-animation: rollIn 0.5s;
  animation: rollIn 0.5s;
}

.modal.animate.in .bounce,
.modal.animate.show .bounce {
  -webkit-animation: bounceIn 0.5s;
  animation: bounceIn 0.5s;
}

.modal.animate.in .rotate,
.modal.animate.show .rotate {
  -webkit-animation: rotateIn 0.5s;
  animation: rotateIn 0.5s;
}

@media (min-width: 992px) {
  .app-aside {
    opacity: 1;
    display: block !important;
  }
  /*.app-aside,*/
  /*.app-aside .scroll {*/
  /*width: 13.5rem; }*/
  .app-aside,
  .app-aside .scroll {
    width: 260px;
  }
  .app-aside.lg:not(.folded),
  .app-aside.lg:not(.folded) .scroll {
    width: 13.75rem;
  }
  .app-aside.lg:not(.hide) ~ .app-content {
    margin-left: 13.75rem;
  }
  .app-aside.sm:not(.folded),
  .app-aside.sm:not(.folded) .scroll {
    width: 11.25rem;
  }
  .app-aside.sm:not(.hide) ~ .app-content {
    margin-left: 11.25rem;
  }
  .app-aside.folded {
    width: 4rem;
  }
  .app-aside.folded:not(.hide) ~ .app-content {
    margin-left: 4rem;
  }
  .app-aside.folded.md {
    width: 5rem;
  }
  .app-aside.folded.md:not(.hide) ~ .app-content {
    margin-left: 5rem;
  }
  /*.app-aside:not(.hide) ~ .app-content {*/
  /*margin-left: 12.5rem; }*/
  .app-aside:not(.hide) ~ .app-content {
    margin-left: 260px;
  }
  .app-aside .left {
    position: absolute;
    right: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  .hide-scroll {
    width: auto;
    margin-right: -17px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 991px) {
  .app-aside.modal {
    width: 100%;
    position: fixed;
    z-index: 1050;
  }
  .app-aside .left {
    position: fixed;
    width: 304px;
  }
}
@media print {
  .app-aside,
  .app-header,
  .app-footer,
  .switcher {
    display: none;
  }
}
@media (min-width: 992px) {
  body.container {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  }
  body.container,
  body.container .container {
    padding-left: 0;
    padding-right: 0;
  }
  body.container .app-aside {
    left: inherit;
    right: auto;
  }
  body.container .app-aside.lg ~ .app-content .app-header {
    width: 45rem;
  }
  body.container .app-aside.sm ~ .app-content .app-header {
    width: 47.5rem;
  }
  body.container .app-aside.folded ~ .app-content .app-header {
    width: 54.75rem;
  }
  body.container .app-aside.folded.md ~ .app-content .app-header {
    width: 53.75rem;
  }
  body.container .app-aside ~ .app-content .app-header {
    width: 46.25rem;
  }
  body.container .app-header {
    left: inherit;
    right: auto;
    margin-left: 0;
    width: 58.75rem;
  }
}
@media (min-width: 1200px) {
  body.container .app-aside.lg ~ .app-content .app-header {
    width: 57.5rem;
  }
  body.container .app-aside.sm ~ .app-content .app-header {
    width: 60rem;
  }
  body.container .app-aside.folded ~ .app-content .app-header {
    width: 67.25rem;
  }
  body.container .app-aside.folded.md ~ .app-content .app-header {
    width: 66.25rem;
  }
  body.container .app-aside ~ .app-content .app-header {
    width: 58.75rem;
  }
  body.container .app-header {
    width: 71.25rem;
  }
}
.navbar_avatar {
  display: inline-block;
  margin-top: -22px;
}

.nav-item-avatar {
  height: 15px;
  min-width: 200px;
  margin-top: -5px;
}

.avatar-label {
  display: inline-block;
  vertical-align: middle;
}

.headerAvatarCompany {
  display: inline-block;
  text-align: center;
  font-size: 12px;
  vertical-align: middle;
  margin-top: 5px;
}

.nav-item-avatar .block {
  display: inline-block;
  vertical-align: middle;
}

.headerUserBar {
  text-align: right;
}

@media (max-width: 892px) {
  .nav-item-avatar {
    margin-top: -10px;
  }
}
.pointFilter {
  padding: 0;
  border: 0 none;
}

.clearFilter {
  width: 25px;
  height: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 5px;
}

.filter-bar {
  position: relative;
  z-index: 9;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px;
}
.filter-bar .pointFilter {
  gap: 5px;
}
.filter-bar .btn {
  font-size: 14px;
  padding-top: 4px;
  padding-bottom: 3px;
  vertical-align: top;
}
.filter-bar .btn.btn-active {
  background-color: #0062cc;
  border-color: #005cbf;
}
.filter-bar .css-yk16xz-control,
.filter-bar .css-1pahdxg-control,
.filter-bar .css-g1d714-ValueContainer,
.filter-bar .css-1hwfws3,
.filter-bar .react-datepicker__input-container .datePicker,
.filter-bar .form-control,
.filter-bar .react-dropdown-container > div > div {
  height: 30px;
  min-height: 30px;
}
.filter-bar .css-b8ldur-Input {
  height: 18px;
}
.filter-bar .css-2b097c-container {
  display: inline-block;
}
.filter-bar .react-datepicker-wrapper {
  display: inline-block !important;
}
.filter-bar .react-dropdown-container {
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 5px;
  vertical-align: top;
}
.filter-bar .css-yk16xz-control,
.filter-bar .css-1pahdxg-control,
.filter-bar .css-g1d714-ValueContainer,
.filter-bar .css-2b097c-container,
.filter-bar .filter-datepicker,
.filter-bar .form-control {
  width: 260px;
}
.filter-bar .react-dropdown-container {
  height: 30px;
  position: relative;
  overflow: visible;
}
.filter-bar .css-g1d714-ValueContainer {
  padding-top: 3px;
}
.filter-bar .css-1wy0on6,
.filter-bar .css-1hb7zxy-IndicatorsContainer {
  align-items: flex-start;
}
.filter-bar .css-tlfecz-indicatorContainer,
.filter-bar .css-1gtu0rj-indicatorContainer {
  padding: 5px;
}
.filter-bar .react-dropdown-container--multiselect .css-1pahdxg-control {
  height: auto !important;
}
.filter-bar .react-dropdown-container--multiselect .css-1pahdxg-control .css-g1d714-ValueContainer,
.filter-bar .react-dropdown-container--multiselect .css-1pahdxg-control .css-1hwfws3,
.filter-bar .react-dropdown-container--multiselect .css-1pahdxg-control > :first-child {
  height: auto !important;
}
.filter-bar .form-control {
  font-size: 12px;
  vertical-align: top;
}

.form-control::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #808080;
  opacity: 1;
}

.form-control::-moz-placeholder {
  /* Firefox 19+ */
  color: #808080;
  opacity: 1;
}

.form-control:-ms-input-placeholder {
  /* IE 10+ */
  color: #808080;
  opacity: 1;
}

.task-list .filter-bar .filter-datepicker {
  width: 405px;
}

.react-datepicker__input-container .datePicker {
  width: 100%;
  min-height: 38px;
  margin-bottom: 0;
}

.filter-datepicker {
  display: inline-flex;
  vertical-align: top;
  width: 230px;
  margin-right: 5px;
  gap: 5px;
}
.filter-datepicker .react-datepicker__close-icon {
  margin-bottom: 5px;
  height: auto;
  bottom: 0;
}
.filter-datepicker .react-datepicker__close-icon:after {
  background-color: transparent;
  color: #ccc;
  font-size: 23px;
  font-weight: 500;
  text-shadow: 0.5px 0 #ccc;
}
.filter-datepicker .react-datepicker-ignore-onclickoutside + .react-datepicker__close-icon:after {
  color: #333;
  text-shadow: 0.5px 0 #333;
}
.filter-datepicker .react-datepicker__tab-loop {
  position: absolute;
}

html {
  scroll-behavior: smooth;
}

h1 {
  font-size: 2em;
}

.form-group {
  text-align: left;
  z-index: auto;
  position: relative;
}
.form-group label {
  padding-left: 3px;
  margin-bottom: 0.2rem;
  font-weight: inherit;
}
.form-group.tags-group .label {
  background: #fce05b;
  color: #000;
  font-weight: 400;
  padding: 5px 8px;
}

.merchandiserBlock .form-group {
  z-index: auto;
}
.merchandiserBlock .nav-item .nav-link {
  text-transform: uppercase;
}

.answer-photo-wrapper {
  position: relative;
  width: 100%;
}

.page-header {
  padding: 15px;
  margin-left: 0;
  margin-right: 0;
  margin-top: 10px;
}
.page-header > div {
  display: flex;
  align-self: center;
}
.page-header > div:last-child:not(:first-child) {
  flex-flow: row-reverse;
}

.page-header-title {
  margin: 0;
  padding: 0;
}

.previewImage {
  max-width: 400px;
  width: 100%;
}

.form-control {
  height: auto;
}

.data-loader--spinner {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  align-content: center;
  background: rgba(255, 255, 255, 0.8);
  flex-grow: 1;
}
.data-loader--spinner .data-loader-content {
  flex: auto;
}

.css-yk16xz-control,
.css-1pahdxg-control,
.css-g1d714-ValueContainer {
  height: 40px;
}

.btn-primary.disabled, .btn-primary:disabled {
  pointer-events: none;
}

.img-placeholder {
  font-family: "Helvetica", serif;
  font-weight: 300;
  line-height: 2;
  text-align: center;
  width: 100%;
  height: auto;
  display: block;
  position: relative;
}
.img-placeholder:before {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: #fff;
  border-radius: 10px;
}
.img-placeholder:after {
  content: "\f127" " " attr(alt);
  display: block;
  font-size: 16px;
  font-style: normal;
  font-family: FontAwesome;
  color: rgb(100, 100, 100);
  position: absolute;
  top: 45%;
  left: 0;
  width: 100%;
  text-align: center;
}

.h-show {
  display: block;
}

.h-hide {
  display: none;
}

.pagination {
  justify-content: center;
  margin: 10px;
}

.divorserLine {
  margin: 0.5rem 1rem;
}

.error-container {
  padding: 16px;
  line-height: 1.5;
}

.nav-tabs {
  z-index: auto;
}

.file-input {
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 5px;
  height: 30px;
  padding: 5px 10px;
  vertical-align: top;
}

.filter-bar .file-input {
  min-width: 200px;
  margin-bottom: 5px;
}

.taskBlock .photo-wrapper {
  width: fit-content;
  height: 100%;
}

.photo-carousel {
  position: relative;
  height: auto;
}
.photo-carousel .photo-list {
  display: flex;
  width: 100%;
  overflow: hidden;
  scroll-behavior: smooth;
  list-style: none;
  margin: 0;
  padding: 0;
  z-index: 1;
  position: relative;
  min-width: 210px;
  max-width: 400px;
  margin: 0 auto;
}
.photo-carousel .photo-list .previewImage {
  width: 100%;
  height: auto;
  object-fit: contain;
  flex: 1 0 100%;
  transition: all 1s ease;
  opacity: 0;
  z-index: 1;
}
.photo-carousel .photo-list .previewImage.active {
  display: inline-block;
  opacity: 1;
  z-index: 2;
}
.photo-carousel .photo-list .previewImage:hover {
  cursor: zoom-in;
}
.photo-carousel .dot-list {
  position: absolute;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
}
.photo-carousel .dot {
  height: 10px;
  width: 10px;
  margin: 0 0 0 3px;
  background-color: #ccc;
  border-radius: 50%;
  display: inline-block;
  border: 1px solid #ccc;
  transition: border-color 0.6s ease;
}
.photo-carousel .dot:first-child {
  margin-left: 0;
}
.photo-carousel .dot.active {
  background: #fff;
}
.photo-carousel .carousel-navigations {
  position: absolute;
  bottom: 15px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
}
.photo-carousel .slide-arrow {
  border: none;
  background: none;
  padding: 0;
  line-height: normal;
  font-size: 25px;
  color: #ccc;
}
.photo-carousel .slide-arrow:hover, .photo-carousel .slide-arrow:active {
  color: #0a6ea0;
}
.photo-carousel .slide-arrow:disabled {
  pointer-events: none;
  opacity: 0.5;
}
.photo-carousel .slide-arrow-next {
  margin-left: 30px;
}

.new-task-wrapper {
  margin: 0;
  background: none;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}
.new-task-wrapper .task-main-row {
  display: flex;
  flex-wrap: wrap;
  padding-left: 15px;
  padding-right: 15px;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
}
.new-task-wrapper .edit-images-block {
  display: flex;
  align-items: center;
  width: 100%;
  padding-left: 0;
}
.new-task-wrapper .edit-images-block .dropzone {
  width: 100%;
  border: navajowhite;
  margin: 0 !important;
  padding: 20px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
}
.new-task-wrapper .edit-images-block .dropzone div {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.new-task-wrapper .edit-images-block .taskImagesEdit {
  margin: 0 auto;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.new-task-wrapper .edit-images-block .taskImagesEdit img {
  width: 100%;
  height: auto;
  padding: 0;
  pointer-events: none;
}
.new-task-wrapper .edit-images-block .taskImagesEdit .editPhotoNav {
  width: 100%;
  position: absolute;
  top: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.67) 0%, rgba(255, 255, 255, 0) 100%);
  min-height: 45px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0;
}
.new-task-wrapper .edit-images-block .taskImagesEdit .editPhotoNav .deleteImage {
  font-size: 24px;
  line-height: 20px;
  vertical-align: top;
  color: #fff;
  margin: 10px;
  order: 2;
}
.new-task-wrapper .edit-images-block .taskImagesEdit .editPhotoNav .deleteImage:hover, .new-task-wrapper .edit-images-block .taskImagesEdit .editPhotoNav .deleteImage:active {
  color: #0a6ea0;
}
.new-task-wrapper .edit-images-block .taskImagesEdit .modal-dialog {
  margin: 0;
}
.new-task-wrapper .edit-images-block .taskImagesEdit .canvas-container {
  display: flex;
  margin: 0 auto;
  width: fit-content;
  align-items: center;
  justify-content: center;
  min-height: 350px;
  height: 100%;
}
.new-task-wrapper .edit-images-block .taskImagesEdit .details-buttons-container {
  position: absolute;
  bottom: 0;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  align-content: center;
  width: auto;
  height: 100%;
  right: auto;
  left: 0;
  background: rgba(0, 0, 0, 0.26);
  padding: 0;
}
.new-task-wrapper .edit-images-block .taskImagesEdit .details-buttons-container .btn {
  margin: 0 !important;
  display: flex;
  align-items: center;
  padding: 0 3px 0 10px;
}
.new-task-wrapper .edit-images-block .taskImagesEdit .details-buttons-container .btn:hover i, .new-task-wrapper .edit-images-block .taskImagesEdit .details-buttons-container .btn:active i {
  color: #0a6ea0;
}
.new-task-wrapper .edit-images-block .taskImagesEdit .d-inline-block {
  position: relative;
}
.new-task-wrapper .edit-images-block .image-editor-wrapper {
  border: 1;
}
.new-task-wrapper .edit-images-block .image-editor-wrapper button i {
  font-size: 24px;
  line-height: 20px;
  vertical-align: top;
}
.new-task-wrapper .edit-images-block .image-editor-wrapper button i:hover, .new-task-wrapper .edit-images-block .image-editor-wrapper button i:active {
  color: #0a6ea0;
}
.new-task-wrapper .edit-images-block .image-editor-wrapper button:hover, .new-task-wrapper .edit-images-block .image-editor-wrapper button:active {
  border: none;
}
.new-task-wrapper .edit-images-block .image-editor-wrapper .canvas-layer {
  top: 0;
  margin: 0;
  transform: translateX(-50%);
}
.new-task-wrapper .task-main-content {
  width: 100%;
  padding: 10px 0;
  margin: 0;
  border-radius: 10px;
  background: #fff;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.new-task-wrapper .task-main-content .form-group {
  z-index: auto;
}
.new-task-wrapper.boxForm.boxEdit {
  width: 100%;
}

.active-row {
  cursor: pointer;
}

.visit-page .react-bs-container-body {
  overflow: visible;
}
.visit-page .react-bs-container-body table .active-row td {
  padding-top: 0;
  padding-bottom: 0;
}
.visit-page .react-bs-container-body table .active-row td a {
  padding-top: 24px;
  padding-bottom: 24px;
  display: inline-block;
}
.visit-page .active-row strong {
  margin-bottom: 0.3rem;
  display: inline-block;
}
.visit-page .visit-action-icon {
  height: 20px;
  width: auto;
}
.visit-page .time-icon {
  width: 15px;
  height: 15px;
  margin-right: 5px;
  display: inline-block;
  vertical-align: middle;
}
.visit-page p {
  margin-bottom: 0;
}
.visit-page .time-block {
  color: #717171;
  display: flex;
  align-items: center;
}
.visit-page .added-by {
  color: #717171;
}
.visit-page .approved,
.visit-page .rejected,
.visit-page .pending {
  border-radius: 50%;
  background: #198754;
  width: 15px;
  height: 15px;
  position: relative;
}
.visit-page .approved::before,
.visit-page .rejected::before,
.visit-page .pending::before {
  content: "";
  position: absolute;
  top: 7px;
  left: 3px;
  width: 5px;
  height: 2px;
  background-color: #fff;
  transform: rotate(45deg);
}
.visit-page .approved::after,
.visit-page .rejected::after,
.visit-page .pending::after {
  content: "";
  position: absolute;
  top: 6px;
  left: 5px;
  width: 8px;
  height: 2px;
  background-color: #fff;
  transform: rotate(-45deg);
}
.visit-page .rejected {
  background: #f00;
}
.visit-page .rejected::after {
  content: none;
}
.visit-page .rejected::before {
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  width: 5px;
  height: 5px;
  background-color: #fff;
  border-radius: 50%;
  transform: none;
}
.visit-page .pending {
  background: #ffc33d;
}
.visit-page .pending::before {
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  width: 5px;
  height: 5px;
  background-color: #fff;
  border-radius: 50%;
  transform: none;
}
.visit-page .pending::after {
  content: none;
}
.visit-page .status-wrapper {
  position: relative;
  border-radius: 4px;
  height: 24px;
  display: flex;
  align-items: center;
  overflow: hidden;
  border-radius: 4px;
  transition: all 0.5 ease;
}
.visit-page .status-wrapper .approved-block,
.visit-page .status-wrapper .pending-block,
.visit-page .status-wrapper .rejected-block {
  height: 100%;
  line-height: 24px;
  width: auto;
  background: #94c64a;
  color: #fff;
  text-align: center;
  position: relative;
  border-radius: 4px 0 0 4px;
  transition: all 0.5 ease;
}
.visit-page .status-wrapper .approved-block .status-label-text,
.visit-page .status-wrapper .pending-block .status-label-text,
.visit-page .status-wrapper .rejected-block .status-label-text {
  display: none;
  padding: 2px 4px;
  position: absolute;
  background: #94c64a;
  z-index: 2;
  left: 50%;
  transform: translateX(-50%);
  top: -32px;
  white-space: nowrap;
}
.visit-page .status-wrapper .approved-block .status-label-text::before,
.visit-page .status-wrapper .pending-block .status-label-text::before,
.visit-page .status-wrapper .rejected-block .status-label-text::before {
  content: "";
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #94c64a;
  position: absolute;
  bottom: -6px;
  right: 22%;
}
.visit-page .status-wrapper .approved-block:hover .status-label-text,
.visit-page .status-wrapper .pending-block:hover .status-label-text,
.visit-page .status-wrapper .rejected-block:hover .status-label-text {
  display: block;
}
.visit-page .status-wrapper .pending-block {
  background: #ff914d;
  border-radius: 0;
}
.visit-page .status-wrapper .pending-block .status-label-text {
  background: #ff914d;
  top: 28px;
}
.visit-page .status-wrapper .pending-block .status-label-text::before {
  border-top-color: #ff914d;
  bottom: auto;
  top: -6px;
  transform: rotate(180deg);
}
.visit-page .status-wrapper .rejected-block {
  background: #ff1616;
  border-radius: 0 4px 4px 0;
}
.visit-page .status-wrapper .rejected-block .status-label-text {
  background: #ff1616;
}
.visit-page .status-wrapper .rejected-block .status-label-text::before {
  border-top-color: #ff1616;
}
.visit-page .status-wrapper.full-empty-cell {
  justify-content: space-between;
}
.visit-page .status-wrapper.full-empty-cell .approved-block,
.visit-page .status-wrapper.full-empty-cell .pending-block,
.visit-page .status-wrapper.full-empty-cell .rejected-block {
  width: 33.3%;
}
.visit-page .status-wrapper::after {
  content: "";
  border-radius: 0 4px 4px 0;
}
.visit-page .status-wrapper:hover {
  overflow: visible;
}
.visit-page .status-wrapper:hover .approved-block,
.visit-page .status-wrapper:hover .pending-block,
.visit-page .status-wrapper:hover .rejected-block {
  border-radius: 0;
}
.visit-page .visit-progress {
  text-align: center;
}
.visit-page .table > tbody > tr > td,
.visit-page .table > tbody > tr > th,
.visit-page .table > tfoot > tr > td,
.visit-page .table > tfoot > tr > th {
  padding: 24px 8px;
}
.visit-page .table > thead > tr > th {
  padding: 8px;
}
.visit-page .react-bs-table table td {
  overflow: visible;
}
.visit-page .filter-navigations {
  display: flex;
  width: 100%;
}
.visit-page .filtered-task-data {
  margin-top: 2rem;
}
.visit-page .filter-bar .react-select-custom-container,
.visit-page .filter-bar .custom-react-select__control,
.visit-page .filter-bar .custom-react-select__value-container {
  width: 100%;
}
.visit-page .filter-bar .react-dropdown-container {
  width: calc(32.7% - 5px);
  margin: 0 0 5px 0;
}
.visit-page .filter-bar .react-dropdown-container.date-range {
  max-width: 192px;
  width: 100%;
}
.visit-page .filter-datepicker {
  margin-bottom: 5px;
  margin-right: 0;
}
.visit-page .pointFilter.react-dropdown-container--multiselect {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.visit-page .pointFilter.react-dropdown-container--multiselect .react-dropdown-container {
  width: 65.5%;
}
.visit-page .pointFilter.react-dropdown-container--multiselect .react-dropdown-container:first-child {
  width: 34.5%;
  margin-left: 0;
}
.visit-page .pointFilter.react-dropdown-container--multiselect .react-dropdown-container:last-of-type {
  margin-right: 0;
}

.visit-single-page .back-to-visit {
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  width: fit-content;
}
.visit-single-page .back-to-visit::before {
  content: "";
  background: url(/back-icon.f846c583.svg) no-repeat;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: cover;
}
.visit-single-page .visit-item-wrapper {
  gap: 15px;
  display: flex;
  align-items: center;
}
.visit-single-page .author-avatar-wrapper {
  position: relative;
  margin-right: 10px;
}
.visit-single-page .author-avatar-wrapper .visit-item-author-avatar {
  width: 70px;
  height: 70px;
  object-fit: cover;
}
.visit-single-page .author-avatar-wrapper .author-task-status {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 20px;
  height: 20px;
  border-radius: 50%;
}
.visit-single-page .author-avatar-wrapper .author-task-status.active {
  background: #94c64a;
}
.visit-single-page .author-avatar-wrapper .author-task-status.inactive {
  background: #ccc;
}
.visit-single-page .visit-item-avatar {
  margin-right: 10px;
  width: 70px;
  height: 70px;
  object-fit: cover;
}
.visit-single-page .visit-item-author-avatar {
  border-radius: 50%;
}
.visit-single-page .visit-item-info-wrapper {
  position: relative;
}
.visit-single-page .visit-item-info-wrapper p {
  margin: 0 0 5px 0;
}
.visit-single-page .visit-item-info-wrapper .visit-item-name {
  font-size: 13px;
  font-weight: 600;
}
.visit-single-page .visit-item-info-wrapper .added-time {
  color: #717171;
}
.visit-single-page .visit-item-info-wrapper .status-label-text {
  border-radius: 8px;
  padding: 3px 6px;
  width: fit-content;
  margin-bottom: 0;
  font-size: 11px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.2509803922);
}
.visit-single-page .visit-item-info-wrapper .status-label-text.approved-task {
  background: #94c64a;
}
.visit-single-page .visit-item-info-wrapper .status-label-text.no-approved-task {
  background: #ff1616;
  color: #fff;
}
.visit-single-page .visit-item-info-wrapper .status-label-text.task-on-check {
  background: yellow;
}
.visit-single-page .visit-item-description,
.visit-single-page .visit-item-author-information {
  width: 29%;
  display: flex;
  align-items: center;
}
.visit-single-page .visit-item-author-information {
  width: 20%;
}
.visit-single-page .visit-item-author-information p {
  margin: 0 0 5px 0;
}
.visit-single-page .visit-item-author-information .visit-author-name {
  font-size: 16px;
}
.visit-single-page .visit-item-author-information .visit-author-role,
.visit-single-page .visit-item-author-information .visit-author-phone {
  color: #717171;
}
.visit-single-page .visit-item-author-information .visit-author-phone {
  margin-bottom: 0;
}
.visit-single-page .visit-single-action-block {
  display: flex;
  align-items: center;
  gap: 20px;
}
.visit-single-page .visit-single-action-block .visit-quick-action-list {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.visit-single-page .visit-single-action-block .visit-quick-item {
  margin: 0;
  padding: 0;
  cursor: pointer;
}
.visit-single-page .visit-single-action-block .visit-quick-item.copy-btn {
  background: url("/copy-icon.e4c8c440.svg") no-repeat;
  width: 28px;
  height: 28px;
}
.visit-single-page .visit-single-action-block .visit-quick-item.download-btn {
  background: url("/download-icon.166a3d38.svg") no-repeat;
  width: 24px;
  height: 24px;
}
.visit-single-page .visit-single-action-block .visit-quick-item.locale-btn {
  background: url("/local-icon.1046e635.svg") no-repeat;
  width: 27px;
  height: 27px;
}
.visit-single-page .visit-single-action-block .visit-quick-item::marker {
  display: none;
}
.visit-single-page .visit-single-btn-wrapper {
  display: flex;
  gap: 20px;
}
.visit-single-page .visit-single-btn-wrapper button {
  font-weight: 600;
  color: #fff;
}
.visit-single-page .visit-single-btn-wrapper .approve-visit {
  background: #48a9fc;
}
.visit-single-page .visit-single-btn-wrapper .reject-visit {
  background: #fc5348;
}
.visit-single-page .time-block {
  color: #717171;
  display: flex;
  align-items: center;
  line-height: 1;
  position: absolute;
  right: 0;
  bottom: 0;
  font-weight: 600;
}
.visit-single-page .time-block .time-icon {
  width: 15px;
  height: 15px;
  margin-right: 5px;
  display: inline-block;
  vertical-align: middle;
}
.visit-single-page .tabs-wrapper button.MuiTab-root {
  text-transform: capitalize !important;
  color: #000000 !important;
}
.visit-single-page .tabs-wrapper button.MuiTab-root.Mui-selected {
  color: #1976d2 !important;
}
.visit-single-page .tabs-wrapper .tabs-list > .MuiBox-root {
  border: none;
}
.visit-single-page .tabs-wrapper [role=tabpanel] > div {
  padding-left: 0;
  padding-right: 0;
}
.visit-single-page .visit-report-tab-wrapper {
  display: flex;
  flex-wrap: wrap;
  column-gap: 10px;
  row-gap: 20px;
}
.visit-single-page .visit-report-tab-wrapper .visit-report-item {
  height: 100%;
  width: 100%;
  max-width: 215px;
  cursor: pointer;
}
.visit-single-page .visit-report-tab-wrapper .visit-report-item .photo-item-wrapper {
  background: var(--lgry);
  padding: 0;
  border: 5px solid var(--lgry);
  overflow: hidden;
  height: 100%;
  width: 100%;
  max-height: 266px;
  position: relative;
}
.visit-single-page .visit-report-tab-wrapper .visit-report-item .photo-item-wrapper.active {
  border-color: var(--newBlue);
}
.visit-single-page .visit-report-tab-wrapper .visit-report-item img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
.visit-single-page .visit-report-tab-wrapper .visit-report-item .photo-report-item-content {
  margin: 5px 0 0 0;
  width: 100%;
  word-wrap: break-word;
  padding: 0 5px;
  text-align: center;
}
.visit-single-page .visit-report-tab-wrapper .visit-report-item.active .photo-item-wrapper, .visit-single-page .visit-report-tab-wrapper .visit-report-item:hover .photo-item-wrapper {
  border-color: var(--newBlue);
}
.visit-single-page .visit-report-tab-wrapper .photo-report-item-status {
  display: flex;
  align-items: center;
  padding: 15px 0;
  gap: 30px;
  justify-content: center;
  width: 100%;
  position: absolute;
  bottom: 0;
  background: linear-gradient(0, rgba(0, 0, 0, 0.67) 0%, rgba(255, 255, 255, 0) 100%);
}
.visit-single-page .visit-report-tab-wrapper .photo-report-item-status i {
  font-size: 20px;
  color: var(--white);
}
.visit-single-page .visit-report-tab-wrapper .photo-report-item-status .task-approve i {
  color: var(--green);
}
.visit-single-page .visit-report-tab-wrapper .photo-report-item-status .task-reject i {
  color: var(--red);
}
.visit-single-page .visit-task-tab-wrapper th {
  padding: 10px 15px !important;
}
.visit-single-page .visit-task-tab-wrapper .visit-task-tab-item td {
  font-size: 13px;
  line-height: 19px;
  font-weight: 400;
  padding: 20px 15px;
  color: #202224;
}
.visit-single-page .visit-task-tab-wrapper .visit-task-tab-item .visit-task-status {
  font-weight: 600;
  padding: 4px 10px;
  width: 100%;
  display: block;
  text-align: center;
  border-radius: 3px;
}
.visit-single-page .visit-task-tab-wrapper .visit-task-tab-item .visit-task-status.visit-completed {
  color: #00b69b;
  background: rgba(0, 182, 155, 0.1803921569);
}
.visit-single-page .visit-task-tab-wrapper .visit-task-tab-item .visit-task-status.visit-not-completed {
  color: #514f56;
  background: rgba(81, 79, 86, 0.1803921569);
}
.visit-single-page .visit-task-tab-wrapper .visit-task-tab-item .visit-task-status.visit-in-progress {
  color: #cb9e00;
  background: rgba(255, 201, 12, 0.2784313725);
}
.visit-single-page .visit-task-tab-wrapper .visit-task-tab-item.not-completed td {
  color: #a8a8a8;
}
.visit-single-page .visit-task-tab-wrapper .visit-task-tab-item:hover {
  cursor: pointer;
}
.visit-single-page .visit-task-tab-wrapper .react-bs-table > .react-bs-container-body {
  overflow: visible;
}
.visit-single-page .visit-task-tab-wrapper .task-type-name {
  white-space: normal;
  word-wrap: break-word;
}
.visit-single-page .visit-task-tab-wrapper .visit-task-priority {
  border-radius: 50%;
  width: 10px;
  height: 10px;
  margin: 0;
}
.visit-single-page .visit-task-tab-wrapper .visit-task-priority.required-priority {
  background: #ff1616;
}
.visit-single-page .visit-task-tab-wrapper .visit-task-priority.high-priority {
  background: #ffc90c;
}
.visit-single-page .visit-task-tab-wrapper .visit-task-priority.medium-priority {
  background: #94c64a;
}
.visit-single-page .visit-task-tab-wrapper .visit-task-priority.low-priority {
  background: #ccc;
}
.visit-single-page .visit-task-tab-wrapper .visit-single-btn-wrapper {
  justify-content: flex-end;
  transition: all 0.5s ease;
  align-items: center;
}
.visit-single-page .visit-task-tab-wrapper .visit-single-btn-wrapper.hidden {
  opacity: 0;
  height: 0;
}
.visit-single-page .visit-task-tab-wrapper .visit-single-btn-wrapper.visible {
  opacity: 1;
  height: 36px;
}
.visit-single-page .visit-task-tab-wrapper .approve-visit {
  background: #78b13f;
  width: 41px;
  align-self: stretch;
}
.visit-single-page .visit-task-tab-wrapper .approve-visit span {
  display: inline-block;
  transform: rotate(45deg);
  height: 20px;
  width: 12px;
  border-bottom: 4px solid #fff;
  border-right: 4px solid #fff;
}
.visit-single-page .visit-task-tab-wrapper .reject-visit {
  background: #fc5348;
  font-size: 29px;
  line-height: 20px;
  width: 41px;
  align-self: stretch;
}
.visit-single-page .visit-task-tab-wrapper.hidden {
  opacity: 0;
  height: 0;
}
.visit-single-page .visit-task-tab-wrapper.visible {
  opacity: 1;
  height: 36px;
}
.visit-single-page .custom-error-block {
  width: fit-content !important;
  min-width: 250px;
  left: 50% !important;
  transform: translateX(-50%) !important;
  z-index: 1051;
}
.visit-single-page .new-task-wrapper .edit-images-block {
  display: none !important;
}
.visit-single-page .task-main-row {
  padding: 0 !important;
  width: 100%;
  max-width: none;
  flex: 0 0 auto;
}
.visit-single-page .actions-block .cancel-image-popup {
  display: block;
}
.visit-single-page .visit-task-answer-text {
  word-break: break-word;
  margin: 0;
}
.visit-single-page .visit-task-tag {
  padding: 3px 8px;
  font-size: 12px;
  letter-spacing: 0.5px;
  background: #fce05b;
  color: #000;
  font-weight: 400;
  line-height: 1;
  text-align: center;
  margin: 3px;
  word-break: break-word;
}
.visit-single-page .photo-user {
  position: relative;
}
.visit-single-page .photo-user .user-status {
  position: absolute;
  bottom: 0;
  right: 0;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  background: #00b69b url(/check.b67df961.svg) no-repeat center;
  border: 2px solid #fff;
}
.visit-single-page .visit-events-item-author-wrapper {
  font-weight: 600;
  font-size: 15px;
}
.visit-single-page .visit-events-item-author {
  color: #4643fe;
}
.visit-single-page .visit-events-item-action {
  font-size: 15px;
  text-transform: lowercase;
}
.visit-single-page .visit-events-tab-wrapper {
  text-align: left;
}
.visit-single-page .visit-events-item {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 14px;
  border-bottom: 1px solid #c9c8c8;
  margin-bottom: 20px;
  padding-bottom: 20px;
}
.visit-single-page .event-user-event-time {
  font-size: 11px;
  color: #939090;
  margin-bottom: 5px;
}
.visit-single-page .visit-events-statistic-list {
  color: #575555;
  font-size: 14px;
}
.visit-single-page .visit-events-statistic-list .visit-events-item-statistic-value {
  margin: 0 5px;
}
.visit-single-page .visit-events-statistic-list p {
  margin-bottom: 0;
}
.visit-single-page .visit-events-statistic-list p::before {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #575555;
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
}
.visit-single-page .visit-events-item {
  color: #575555;
  font-size: 14px;
}
.visit-single-page .visit-events-item .visit-events-item-task-link {
  margin: 0 5px;
  color: #4643fe;
}
.visit-single-page .visit-events-item .visit-events-item-task-link:hover {
  text-decoration: underline;
}

.deadline {
  color: #ff1616;
}

.visit-item-action {
  position: relative;
}
.visit-item-action:hover .visit-action-nav {
  display: block;
}

.visit-action-nav {
  display: none;
  background: #dedede;
  position: absolute;
  top: 100%;
  left: 0;
  list-style: none;
  margin: 0;
  padding: 0;
  border: 1px solid #e8e0e0;
  border-radius: 5px;
}
.visit-action-nav li {
  padding: 5px 10px;
}
.visit-action-nav li:hover {
  background: #94c64a;
}

.visit-monitoring-tab-wrapper .monitoring-product-img-col .monitoring-product-img {
  width: auto;
  height: 200px;
  object-fit: contain;
}
.visit-monitoring-tab-wrapper .monitoring-product-img-col .monitoring-product-empty-img {
  display: flex;
  align-items: center;
  min-height: 110px;
  margin-bottom: 0;
}
.visit-monitoring-tab-wrapper .visit-monitoring-tab-item td:first-child {
  padding-left: 15px;
  white-space: normal !important;
}
.visit-monitoring-tab-wrapper .visit-item-action .visit-action-icon {
  height: 20px;
  width: auto;
}
.visit-monitoring-tab-wrapper .visit-task-status {
  font-weight: 600;
  padding: 4px 10px;
  width: 100%;
  display: block;
  text-align: center;
  border-radius: 3px;
}
.visit-monitoring-tab-wrapper .visit-task-status.task-status-approved {
  color: #00b69b;
  background: rgba(0, 182, 155, 0.1803921569);
}
.visit-monitoring-tab-wrapper .visit-task-status.task-status-rejected {
  color: #fc5348;
  background: rgba(252, 84, 72, 0.17);
}
.visit-monitoring-tab-wrapper .visit-task-status.task-status-pending {
  color: #cb9e00;
  background: rgba(255, 201, 12, 0.2784313725);
}
.visit-monitoring-tab-wrapper .visit-single-btn-wrapper {
  justify-content: flex-end;
  transition: all 0.5s ease;
  align-items: center;
}
.visit-monitoring-tab-wrapper .visit-single-btn-wrapper .approve-visit {
  background: #78b13f;
  width: 41px;
  align-self: stretch;
}
.visit-monitoring-tab-wrapper .visit-single-btn-wrapper .approve-visit span {
  display: inline-block;
  transform: rotate(45deg);
  height: 20px;
  width: 12px;
  border-bottom: 4px solid #fff;
  border-right: 4px solid #fff;
}
.visit-monitoring-tab-wrapper .visit-single-btn-wrapper .reject-visit {
  background: #fc5348;
  font-size: 29px;
  line-height: 20px;
  width: 41px;
  align-self: stretch;
}
.visit-monitoring-tab-wrapper .visit-single-btn-wrapper.hidden {
  opacity: 0;
  height: 0;
}
.visit-monitoring-tab-wrapper .visit-single-btn-wrapper.visible {
  opacity: 1;
  height: 36px;
}

.lazy-visit-downloading {
  margin-top: 40px;
}
.content_wrap{
    flex-grow: 1;
    padding: 20px;
}
.dashboard h5{
    padding-bottom: 10px;
}
.dashboard .user .location{
    font-size: 12px;
}

.user{
    height: 75px;
    margin: 20px 0;
    padding: 0 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #F4F4F4;
    border-radius: 20px;
}
.user .avatar img{
    width: 40px;
    height: 40px;
}
.user p{
    font-size: 14px;
}
.user .status{
    width: 20px;
    height: 20px;
}

.red{
    background-color: red;
}
.yellow{
    background-color: #F4EB00;
}
.green{
    background-color: #2BE10D;
}
.dark_grey{
    background-color: #6F6F6F;
}
.status{
    border: 2px solid #ffffff;
    border-radius: 50%;
}

.map .google-map{
    height: 550px;
    border-radius: 20px;
    overflow: hidden;
}
.map .pin{
    width: max-content;
    background-color: #fff;
    border-radius: 20px;
    padding: 10px;
    display: flex;
}
.map .pin div:first-child{
    width: 35px;
    height: 35px;
    background-color: #C4C4C4;
    margin-right: 5px;
    border-radius: 5px;
    position: relative;
}

.map .pin_name{
    font-size: 12px;
    font-weight: 700;
}
.map .pin_text{
    font-size: 8px;
}
.map .status{
    position: absolute;
    width: 7px;
    height: 7px;
    border: none;
    bottom: 3px;
    right: 3px;
}
.location_list{
    margin-bottom: 20px;
    display: flex;
    align-items: baseline;
}
.location_item{
    width: 30px;
    height: 30px;
    margin-right: 6px;
    border-radius: 5px;
    background-color: #C4C4C4;
}

.map_selected{
    margin-bottom: 5px;
    display: flex;
    align-items: baseline;
}
.map_selected p{
    font-size: 14px;
    margin-right: 5px;
}
.map_selected div{
    width: 12px;
    height: 12px;
    margin-right: 5px;
    border-radius: 2px;
    background-color: #C4C4C4;
}
.bg_blue{
    background-color: #00B8F2;
}
.bg_green{
    background-color: #14A38B;
}
.bg_dark_blue{
    background-color: #0880AE;
}
.bg_orange{
    background-color: #F2AC57;
}
.bg_coral{
    background-color: #FF7171;
}

.statistics_wrapper{
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-gap: 15px;
    grid-auto-rows: minmax(110px, auto);
}
.statistics_wrapper div{
    border-radius: 20px;
}
.one {
    grid-column: 1 / 6;
    grid-row: 1/3;
}
.two {
    grid-column: 6 / 9;
    grid-row: 1;
}
.three {
    grid-column: 9 / 13;
    grid-row: 1;
}
.four {
    grid-column: 6 / 9;
    grid-row: 2;
}
.five {
    grid-column: 9 / 13;
    grid-row: 2;
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  margin-left: -8px;
  position: absolute;
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow, .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
  box-sizing: content-box;
  position: absolute;
  border: 8px solid transparent;
  height: 0;
  width: 1px;
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
  content: "";
  z-index: -1;
  border-width: 8px;
  left: -8px;
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle {
  top: 0;
  margin-top: -8px;
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle, .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before {
  border-top: none;
  border-bottom-color: #f0f0f0;
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before {
  top: -1px;
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  bottom: 0;
  margin-bottom: -8px;
}

.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
  border-bottom: none;
  border-top-color: #fff;
}

.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
  bottom: -1px;
  border-top-color: #aeaeae;
}

.react-datepicker-wrapper {
  display: inline-block;
  padding: 0;
  border: 0;
}

.react-datepicker {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 0.8rem;
  background-color: #fff;
  color: #000;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  display: inline-block;
  position: relative;
}

.react-datepicker--time-only .react-datepicker__triangle {
  left: 35px;
}

.react-datepicker--time-only .react-datepicker__time-container {
  border-left: 0;
}

.react-datepicker--time-only .react-datepicker__time,
.react-datepicker--time-only .react-datepicker__time-box {
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.react-datepicker__triangle {
  position: absolute;
  left: 50px;
}

.react-datepicker-popper {
  z-index: 1;
}

.react-datepicker-popper[data-placement^="bottom"] {
  margin-top: 10px;
}

.react-datepicker-popper[data-placement="bottom-end"] .react-datepicker__triangle, .react-datepicker-popper[data-placement="top-end"] .react-datepicker__triangle {
  left: auto;
  right: 50px;
}

.react-datepicker-popper[data-placement^="top"] {
  margin-bottom: 10px;
}

.react-datepicker-popper[data-placement^="right"] {
  margin-left: 8px;
}

.react-datepicker-popper[data-placement^="right"] .react-datepicker__triangle {
  left: auto;
  right: 42px;
}

.react-datepicker-popper[data-placement^="left"] {
  margin-right: 8px;
}

.react-datepicker-popper[data-placement^="left"] .react-datepicker__triangle {
  left: 42px;
  right: auto;
}

.react-datepicker__header {
  text-align: center;
  background-color: #f0f0f0;
  border-bottom: 1px solid #aeaeae;
  border-top-left-radius: 0.3rem;
  padding-top: 8px;
  position: relative;
}

.react-datepicker__header--time {
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
}

.react-datepicker__header--time:not(.react-datepicker__header--time--only) {
  border-top-left-radius: 0;
}

.react-datepicker__header:not(.react-datepicker__header--has-time-select) {
  border-top-right-radius: 0.3rem;
}

.react-datepicker__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--scroll {
  display: inline-block;
  margin: 0 2px;
}

.react-datepicker__current-month,
.react-datepicker-time__header,
.react-datepicker-year-header {
  margin-top: 0;
  color: #000;
  font-weight: bold;
  font-size: 0.944rem;
}

.react-datepicker-time__header {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.react-datepicker__navigation {
  background: none;
  line-height: 1.7rem;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 10px;
  width: 0;
  padding: 0;
  border: 0.45rem solid transparent;
  z-index: 1;
  height: 10px;
  width: 10px;
  text-indent: -999em;
  overflow: hidden;
}

.react-datepicker__navigation--previous {
  left: 10px;
  border-right-color: #ccc;
}

.react-datepicker__navigation--previous:hover {
  border-right-color: #b3b3b3;
}

.react-datepicker__navigation--previous--disabled, .react-datepicker__navigation--previous--disabled:hover {
  border-right-color: #e6e6e6;
  cursor: default;
}

.react-datepicker__navigation--next {
  right: 10px;
  border-left-color: #ccc;
}

.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
  right: 95px;
}

.react-datepicker__navigation--next:hover {
  border-left-color: #b3b3b3;
}

.react-datepicker__navigation--next--disabled, .react-datepicker__navigation--next--disabled:hover {
  border-left-color: #e6e6e6;
  cursor: default;
}

.react-datepicker__navigation--years {
  position: relative;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.react-datepicker__navigation--years-previous {
  top: 4px;
  border-top-color: #ccc;
}

.react-datepicker__navigation--years-previous:hover {
  border-top-color: #b3b3b3;
}

.react-datepicker__navigation--years-upcoming {
  top: -4px;
  border-bottom-color: #ccc;
}

.react-datepicker__navigation--years-upcoming:hover {
  border-bottom-color: #b3b3b3;
}

.react-datepicker__month-container {
  float: left;
}

.react-datepicker__year {
  margin: 0.4rem;
  text-align: center;
}

.react-datepicker__year-wrapper {
  display: flex;
  flex-wrap: wrap;
  max-width: 180px;
}

.react-datepicker__year .react-datepicker__year-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__month {
  margin: 0.4rem;
  text-align: center;
}

.react-datepicker__month .react-datepicker__month-text,
.react-datepicker__month .react-datepicker__quarter-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__input-time-container {
  clear: both;
  width: 100%;
  float: left;
  margin: 5px 0 10px 15px;
  text-align: left;
}

.react-datepicker__input-time-container .react-datepicker-time__caption {
  display: inline-block;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container {
  display: inline-block;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
  display: inline-block;
  margin-left: 10px;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
  width: auto;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type="time"]::-webkit-inner-spin-button,
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type="time"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type="time"] {
  -moz-appearance: textfield;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
  margin-left: 5px;
  display: inline-block;
}

.react-datepicker__time-container {
  float: right;
  border-left: 1px solid #aeaeae;
  width: 85px;
}

.react-datepicker__time-container--with-today-button {
  display: inline;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  position: absolute;
  right: -72px;
  top: 0;
}

.react-datepicker__time-container .react-datepicker__time {
  position: relative;
  background: white;
  border-bottom-right-radius: 0.3rem;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  width: 85px;
  overflow-x: hidden;
  margin: 0 auto;
  text-align: center;
  border-bottom-right-radius: 0.3rem;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
  list-style: none;
  margin: 0;
  height: calc(195px + (1.7rem / 2));
  overflow-y: scroll;
  padding-right: 0px;
  padding-left: 0px;
  width: 100%;
  box-sizing: content-box;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
  height: 30px;
  padding: 5px 10px;
  white-space: nowrap;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
  cursor: pointer;
  background-color: #f0f0f0;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
  background-color: #216ba5;
  color: white;
  font-weight: bold;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
  background-color: #216ba5;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
  color: #ccc;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
  cursor: default;
  background-color: transparent;
}

.react-datepicker__week-number {
  color: #ccc;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}

.react-datepicker__week-number.react-datepicker__week-number--clickable {
  cursor: pointer;
}

.react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}

.react-datepicker__day-names,
.react-datepicker__week {
  white-space: nowrap;
}

.react-datepicker__day-name,
.react-datepicker__day,
.react-datepicker__time-name {
  color: #000;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}

.react-datepicker__month--selected, .react-datepicker__month--in-selecting-range, .react-datepicker__month--in-range,
.react-datepicker__quarter--selected,
.react-datepicker__quarter--in-selecting-range,
.react-datepicker__quarter--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}

.react-datepicker__month--selected:hover, .react-datepicker__month--in-selecting-range:hover, .react-datepicker__month--in-range:hover,
.react-datepicker__quarter--selected:hover,
.react-datepicker__quarter--in-selecting-range:hover,
.react-datepicker__quarter--in-range:hover {
  background-color: #1d5d90;
}

.react-datepicker__month--disabled,
.react-datepicker__quarter--disabled {
  color: #ccc;
  pointer-events: none;
}

.react-datepicker__month--disabled:hover,
.react-datepicker__quarter--disabled:hover {
  cursor: default;
  background-color: transparent;
}

.react-datepicker__day,
.react-datepicker__month-text,
.react-datepicker__quarter-text,
.react-datepicker__year-text {
  cursor: pointer;
}

.react-datepicker__day:hover,
.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover,
.react-datepicker__year-text:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}

.react-datepicker__day--today,
.react-datepicker__month-text--today,
.react-datepicker__quarter-text--today,
.react-datepicker__year-text--today {
  font-weight: bold;
}

.react-datepicker__day--highlighted,
.react-datepicker__month-text--highlighted,
.react-datepicker__quarter-text--highlighted,
.react-datepicker__year-text--highlighted {
  border-radius: 0.3rem;
  background-color: #3dcc4a;
  color: #fff;
}

.react-datepicker__day--highlighted:hover,
.react-datepicker__month-text--highlighted:hover,
.react-datepicker__quarter-text--highlighted:hover,
.react-datepicker__year-text--highlighted:hover {
  background-color: #32be3f;
}

.react-datepicker__day--highlighted-custom-1,
.react-datepicker__month-text--highlighted-custom-1,
.react-datepicker__quarter-text--highlighted-custom-1,
.react-datepicker__year-text--highlighted-custom-1 {
  color: magenta;
}

.react-datepicker__day--highlighted-custom-2,
.react-datepicker__month-text--highlighted-custom-2,
.react-datepicker__quarter-text--highlighted-custom-2,
.react-datepicker__year-text--highlighted-custom-2 {
  color: green;
}

.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range,
.react-datepicker__month-text--selected,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--selected,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--selected,
.react-datepicker__year-text--in-selecting-range,
.react-datepicker__year-text--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}

.react-datepicker__day--selected:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--in-range:hover,
.react-datepicker__month-text--selected:hover,
.react-datepicker__month-text--in-selecting-range:hover,
.react-datepicker__month-text--in-range:hover,
.react-datepicker__quarter-text--selected:hover,
.react-datepicker__quarter-text--in-selecting-range:hover,
.react-datepicker__quarter-text--in-range:hover,
.react-datepicker__year-text--selected:hover,
.react-datepicker__year-text--in-selecting-range:hover,
.react-datepicker__year-text--in-range:hover {
  background-color: #1d5d90;
}

.react-datepicker__day--keyboard-selected,
.react-datepicker__month-text--keyboard-selected,
.react-datepicker__quarter-text--keyboard-selected,
.react-datepicker__year-text--keyboard-selected {
  border-radius: 0.3rem;
  background-color: #2a87d0;
  color: #fff;
}

.react-datepicker__day--keyboard-selected:hover,
.react-datepicker__month-text--keyboard-selected:hover,
.react-datepicker__quarter-text--keyboard-selected:hover,
.react-datepicker__year-text--keyboard-selected:hover {
  background-color: #1d5d90;
}

.react-datepicker__day--in-selecting-range ,
.react-datepicker__month-text--in-selecting-range ,
.react-datepicker__quarter-text--in-selecting-range ,
.react-datepicker__year-text--in-selecting-range {
  background-color: rgba(33, 107, 165, 0.5);
}

.react-datepicker__month--selecting-range .react-datepicker__day--in-range , .react-datepicker__month--selecting-range
.react-datepicker__month-text--in-range , .react-datepicker__month--selecting-range
.react-datepicker__quarter-text--in-range , .react-datepicker__month--selecting-range
.react-datepicker__year-text--in-range {
  background-color: #f0f0f0;
  color: #000;
}

.react-datepicker__day--disabled,
.react-datepicker__month-text--disabled,
.react-datepicker__quarter-text--disabled,
.react-datepicker__year-text--disabled {
  cursor: default;
  color: #ccc;
}

.react-datepicker__day--disabled:hover,
.react-datepicker__month-text--disabled:hover,
.react-datepicker__quarter-text--disabled:hover,
.react-datepicker__year-text--disabled:hover {
  background-color: transparent;
}

.react-datepicker__month-text.react-datepicker__month--selected:hover, .react-datepicker__month-text.react-datepicker__month--in-range:hover, .react-datepicker__month-text.react-datepicker__quarter--selected:hover, .react-datepicker__month-text.react-datepicker__quarter--in-range:hover,
.react-datepicker__quarter-text.react-datepicker__month--selected:hover,
.react-datepicker__quarter-text.react-datepicker__month--in-range:hover,
.react-datepicker__quarter-text.react-datepicker__quarter--selected:hover,
.react-datepicker__quarter-text.react-datepicker__quarter--in-range:hover {
  background-color: #216ba5;
}

.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover {
  background-color: #f0f0f0;
}

.react-datepicker__input-container {
  position: relative;
  display: inline-block;
  width: 100%;
}

.react-datepicker__year-read-view,
.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view {
  border: 1px solid transparent;
  border-radius: 0.3rem;
}

.react-datepicker__year-read-view:hover,
.react-datepicker__month-read-view:hover,
.react-datepicker__month-year-read-view:hover {
  cursor: pointer;
}

.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
  border-top-color: #b3b3b3;
}

.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  border-top-color: #ccc;
  float: right;
  margin-left: 20px;
  top: 8px;
  position: relative;
  border-width: 0.45rem;
}

.react-datepicker__year-dropdown,
.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown {
  background-color: #f0f0f0;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  z-index: 1;
  text-align: center;
  border-radius: 0.3rem;
  border: 1px solid #aeaeae;
}

.react-datepicker__year-dropdown:hover,
.react-datepicker__month-dropdown:hover,
.react-datepicker__month-year-dropdown:hover {
  cursor: pointer;
}

.react-datepicker__year-dropdown--scrollable,
.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable {
  height: 150px;
  overflow-y: scroll;
}

.react-datepicker__year-option,
.react-datepicker__month-option,
.react-datepicker__month-year-option {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.react-datepicker__year-option:first-of-type,
.react-datepicker__month-option:first-of-type,
.react-datepicker__month-year-option:first-of-type {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}

.react-datepicker__year-option:last-of-type,
.react-datepicker__month-option:last-of-type,
.react-datepicker__month-year-option:last-of-type {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.react-datepicker__year-option:hover,
.react-datepicker__month-option:hover,
.react-datepicker__month-year-option:hover {
  background-color: #ccc;
}

.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
  border-bottom-color: #b3b3b3;
}

.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
  border-top-color: #b3b3b3;
}

.react-datepicker__year-option--selected,
.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected {
  position: absolute;
  left: 15px;
}

.react-datepicker__close-icon {
  cursor: pointer;
  background-color: transparent;
  border: 0;
  outline: 0;
  padding: 0px 6px 0px 0px;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}

.react-datepicker__close-icon::after {
  cursor: pointer;
  background-color: #216ba5;
  color: #fff;
  border-radius: 50%;
  height: 16px;
  width: 16px;
  padding: 2px;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  content: "\00d7";
}

.react-datepicker__today-button {
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
  clear: left;
}

.react-datepicker__portal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  z-index: 2147483647;
}

.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
  width: 3rem;
  line-height: 3rem;
}

@media (max-width: 400px), (max-height: 550px) {
  .react-datepicker__portal .react-datepicker__day-name,
  .react-datepicker__portal .react-datepicker__day,
  .react-datepicker__portal .react-datepicker__time-name {
    width: 2rem;
    line-height: 2rem;
  }
}

.react-datepicker__portal .react-datepicker__current-month,
.react-datepicker__portal .react-datepicker-time__header {
  font-size: 1.44rem;
}

.react-datepicker__portal .react-datepicker__navigation {
  border: 0.81rem solid transparent;
}

.react-datepicker__portal .react-datepicker__navigation--previous {
  border-right-color: #ccc;
}

.react-datepicker__portal .react-datepicker__navigation--previous:hover {
  border-right-color: #b3b3b3;
}

.react-datepicker__portal .react-datepicker__navigation--previous--disabled, .react-datepicker__portal .react-datepicker__navigation--previous--disabled:hover {
  border-right-color: #e6e6e6;
  cursor: default;
}

.react-datepicker__portal .react-datepicker__navigation--next {
  border-left-color: #ccc;
}

.react-datepicker__portal .react-datepicker__navigation--next:hover {
  border-left-color: #b3b3b3;
}

.react-datepicker__portal .react-datepicker__navigation--next--disabled, .react-datepicker__portal .react-datepicker__navigation--next--disabled:hover {
  border-left-color: #e6e6e6;
  cursor: default;
}

.react-bootstrap-table table{table-layout:fixed}.react-bootstrap-table th.sortable{cursor:pointer}.react-bootstrap-table th .order>.dropdown>.caret{margin:10px 0 10px 5px;color:#ccc}.react-bootstrap-table th .order>.dropup>.caret{margin:10px 0;color:#ccc}.react-bootstrap-table th>.react-bootstrap-table-sort-order>.caret{margin:10px 6.5px}.react-bootstrap-table th .order-4:before{margin-left:3.5px;content:"\2191";opacity:.4}.react-bootstrap-table th .order-4:after{content:"\2193";opacity:.4}.react-bootstrap-table th .caret-4-asc:before{margin-left:3.5px;content:"\2191"}.react-bootstrap-table th .caret-4-asc:after{content:"\2193";opacity:.4}.react-bootstrap-table th .caret-4-desc:before{margin-left:3.5px;content:"\2191";opacity:.4}.react-bootstrap-table th .caret-4-desc:after{content:"\2193"}.react-bootstrap-table th[data-row-selection]{width:30px}.react-bootstrap-table td>.selection-input-4,.react-bootstrap-table th>.selection-input-4{margin:-4px}.react-bootstrap-table td.react-bs-table-no-data{text-align:center}.react-bootstrap-table td.react-bootstrap-table-editing-cell .animated{animation-fill-mode:both}.react-bootstrap-table td.react-bootstrap-table-editing-cell .animated.bounceIn,.react-bootstrap-table td.react-bootstrap-table-editing-cell .animated.bounceOut{animation-duration:.75s}.react-bootstrap-table td.react-bootstrap-table-editing-cell .animated.shake{animation-duration:.3s}@keyframes shake{from,to{transform:translate3d(0,0,0)}10%,50%,90%{transform:translate3d(-10px,0,0)}30%,70%{transform:translate3d(10px,0,0)}}.react-bootstrap-table td.react-bootstrap-table-editing-cell .shake{animation-name:shake}@keyframes bounceIn{20%,40%,60%,80%,from,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scale3d(1,1,1)}}.react-bootstrap-table td.react-bootstrap-table-editing-cell .bounceIn{animation-name:bounceIn}@keyframes bounceOut{20%{transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;transform:scale3d(1.1,1.1,1.1)}to{opacity:0;transform:scale3d(.3,.3,.3)}}.react-bootstrap-table td.react-bootstrap-table-editing-cell .bounceOut{animation-name:bounceOut}.react-bootstrap-table .reset-expansion-style{padding:0}.react-bootstrap-table .row-expansion-style{padding:8px}.react-bootstrap-table .row-expand-slide-appear{max-height:0;overflow:hidden}.react-bootstrap-table .row-expand-slide-appear-active{max-height:1000px;transition:max-height 3s linear}.react-bootstrap-table .row-expand-slide-exit{max-height:1000px}.react-bootstrap-table .row-expand-slide-exit-active{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(0,.95,0,.95)}
.task-form-group {
  clear: both;
  float: left;
  width: 100%;
  margin-top: 4px;
}
.task-form-group label {
  display: flex;
  align-items: center;
  float: left;
  clear: both;
  font-size: 13px;
  font-weight: normal;
  color: #333;
}
.task-form-group label input[type=checkbox] {
  margin: 2px 0.5em 3px 1px;
}

.filtered-task-data {
  position: relative;
}
.filtered-task-data .data-loader {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  align-content: center;
  background: rgba(40, 57, 105, 0.2);
  flex-grow: 1;
}
.filtered-task-data .data-loader .data-loader-content {
  flex: auto;
}
.filtered-task-data .task-row-item span.label {
  font-weight: 600;
  padding: 4px 10px;
  width: 100%;
  display: block;
  text-align: center;
  border-radius: 3px !important;
  font-size: 13px;
  line-height: 19px;
}
.filtered-task-data .task-row-item span.label.completed {
  color: #00b69b;
  background: rgba(0, 182, 155, 0.1803921569);
}
.filtered-task-data .task-row-item span.label.not-completed {
  color: #514f56;
  background: rgba(81, 79, 86, 0.1803921569);
}
.filtered-task-data .task-row-item span.label.in-progress {
  color: #cb9e00;
  background: rgba(255, 201, 12, 0.2784313725);
}

.task-info span.label {
  font-weight: 600;
  padding: 4px 10px;
  width: 100%;
  display: block;
  text-align: center;
  border-radius: 3px !important;
  font-size: 13px;
  line-height: 19px;
}
.task-info span.label.completed {
  color: #00b69b;
  background: rgba(0, 182, 155, 0.1803921569);
}
.task-info span.label.not-completed {
  color: #514f56;
  background: rgba(81, 79, 86, 0.1803921569);
}
.task-info span.label.in-progress {
  color: #cb9e00;
  background: rgba(255, 201, 12, 0.2784313725) !important;
}

@media print {
  .row {
    display: block;
  }
  #aside,
  .app-header,
  .print-report-container {
    display: none;
  }
  .task-container .task-header {
    display: none;
  }
  .task-answers-list {
    display: block;
  }
  .task-answer {
    page-break-before: always;
    width: 100%;
  }
  .task-photo {
    flex: 1 0 0;
  }
  .task-answer-photo-container {
    overflow: visible;
    page-break-before: always;
  }
}
.image-editor-wrapper {
  position: relative;
}
.image-editor-wrapper .btn {
  margin: 10px;
}
.image-editor-wrapper .canvas-container {
  position: relative;
  margin: 0 auto;
}
.image-editor-wrapper .canvas-layer {
  position: absolute;
  z-index: 1;
  left: 50%;
  margin-left: -300px;
}
.image-editor-wrapper .canvas-layer.canvas-layer--active {
  z-index: 1;
}

.image-editor-text-container {
  position: absolute;
  border: 1px dashed red;
  font: 20px sans-serif;
  color: red;
  line-height: 1.2;
  text-align: left;
  z-index: 2;
}
.task-container {
  padding: 20px;
}

.task-header {
  margin-bottom: 20px;
}
.task-header h1,
.task-header h2,
.task-header h3,
.task-header h4,
.task-header h5,
.task-header h6 {
  margin-bottom: 0;
}

.task-content {
  display: flex;
  gap: 30px;
  margin-bottom: 20px;
}

.task-info {
  border: 1px solid #eee;
  border-radius: 10px;
  padding: 20px;
  background: #fff;
  flex: 1 0 0;
}
.task-info .form-group {
  margin: 0;
  padding: 10px 0;
  border-bottom: 1px solid #eee;
}
.task-info label {
  font-size: 14px;
  display: inline-block;
  width: 200px;
}
.task-info p {
  display: inline-block;
  margin: 0;
}

.task-photo img,
.task-photo .img-placeholder {
  border-radius: 10px;
  font-family: "Helvetica", serif;
  font-weight: 300;
  line-height: 2;
  text-align: center;
  max-width: 200px;
  width: 100%;
  height: auto;
  display: block;
  position: relative;
  min-width: 300px;
  min-height: 100%;
  cursor: zoom-in;
}
.task-photo img:before,
.task-photo .img-placeholder:before {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: #fff;
  border-radius: 10px;
}
.task-photo img:after,
.task-photo .img-placeholder:after {
  content: "\f127" " " attr(alt);
  display: block;
  font-size: 16px;
  font-style: normal;
  font-family: FontAwesome;
  color: rgb(100, 100, 100);
  position: absolute;
  top: 45%;
  left: 0;
  width: 100%;
  text-align: center;
}

.task-answers-list {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-right: -20px;
}

.task-answer {
  width: calc(25% - 20px);
  background: var(--color-white);
  position: relative;
  overflow: hidden;
}
.task-answer-photo-container {
  overflow: hidden;
  height: auto;
  display: flex;
  align-items: flex-start;
  position: relative;
  min-height: 40px;
}
.task-answer-photo-container img {
  max-width: 100%;
  min-height: 200px;
}
.task-answer-menu {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 2;
}
.task-answer-menu-button {
  background: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  padding: 5px 0;
  color: #fff;
  cursor: pointer;
  border: 3px solid var(--newBlue);
}
.task-answer-menu-button--in-progress > svg {
  animation: spin 2s linear infinite;
}
.task-answer-info {
  width: 100%;
  overflow: hidden;
  transition: height 1s ease-in-out;
  padding: 10px;
  height: auto;
  background: var(--color-white);
}
.task-answer-info-checking {
  gap: 10px;
  justify-content: space-between;
}

.tags-wrapper span {
  background: #fce05b;
  color: #000;
  font-weight: 400;
  padding: 5px 8px;
}

.task-answer-info p {
  word-break: break-all;
  margin-bottom: 0;
}

.task-answer-photo-container .img-placeholder:hover {
  cursor: zoom-in;
}

@media print {
  #aside,
  .app-header,
  .print-report-container {
    display: none;
  }
  .task-container .task-header {
    display: none;
  }
  .task-answers-list {
    display: block;
  }
  .task-answer {
    page-break-before: always;
    width: 100%;
  }
  .task-photo {
    flex: 1 0 0;
  }
  .task-answer-photo-container {
    overflow: visible;
    page-break-before: always;
    height: auto;
    max-height: 1300px;
  }
  .task-answer-info {
    position: relative;
  }
}
@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes closeWindow {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.ril__outer {
  background-color: rgba(0, 0, 0, 0.85);
  outline: none;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  width: 100%;
  height: 100%;
  -ms-content-zooming: none;
  -ms-user-select: none;
  -ms-touch-select: none;
  touch-action: none;
}

.ril__outerClosing {
  opacity: 0;
}

.ril__inner {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.ril__image,
.ril__imagePrev,
.ril__imageNext {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  max-width: none;
  -ms-content-zooming: none;
  -ms-user-select: none;
  -ms-touch-select: none;
  touch-action: none;
}

.ril__imageDiscourager {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.ril__navButtons {
  border: none;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 20px;
  height: 34px;
  padding: 40px 30px;
  margin: auto;
  cursor: pointer;
  opacity: 0.7;
}
.ril__navButtons:hover {
  opacity: 1;
}
.ril__navButtons:active {
  opacity: 0.7;
}

.ril__navButtonPrev {
  left: 0;
  background: rgba(0, 0, 0, 0.2)
    url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjIwIiBoZWlnaHQ9IjM0Ij48cGF0aCBkPSJtIDE5LDMgLTIsLTIgLTE2LDE2IDE2LDE2IDEsLTEgLTE1LC0xNSAxNSwtMTUgeiIgZmlsbD0iI0ZGRiIvPjwvc3ZnPg==')
    no-repeat center;
}

.ril__navButtonNext {
  right: 0;
  background: rgba(0, 0, 0, 0.2)
    url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjIwIiBoZWlnaHQ9IjM0Ij48cGF0aCBkPSJtIDEsMyAyLC0yIDE2LDE2IC0xNiwxNiAtMSwtMSAxNSwtMTUgLTE1LC0xNSB6IiBmaWxsPSIjRkZGIi8+PC9zdmc+')
    no-repeat center;
}

.ril__downloadBlocker {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url('data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7');
  background-size: cover;
}

.ril__caption,
.ril__toolbar {
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  left: 0;
  right: 0;
  display: flex;
  justify-content: space-between;
}

.ril__caption {
  bottom: 0;
  max-height: 150px;
  overflow: auto;
}

.ril__captionContent {
  padding: 10px 20px;
  color: #fff;
}

.ril__toolbar {
  top: 0;
  height: 50px;
}

.ril__toolbarSide {
  height: 50px;
  margin: 0;
}

.ril__toolbarLeftSide {
  padding-left: 20px;
  padding-right: 0;
  flex: 0 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ril__toolbarRightSide {
  padding-left: 0;
  padding-right: 20px;
  flex: 0 0 auto;
}

.ril__toolbarItem {
  display: inline-block;
  line-height: 50px;
  padding: 0;
  color: #fff;
  font-size: 120%;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ril__toolbarItemChild {
  vertical-align: middle;
}

.ril__builtinButton {
  width: 40px;
  height: 35px;
  cursor: pointer;
  border: none;
  opacity: 0.7;
}
.ril__builtinButton:hover {
  opacity: 1;
}
.ril__builtinButton:active {
  outline: none;
}

.ril__builtinButtonDisabled {
  cursor: default;
  opacity: 0.5;
}
.ril__builtinButtonDisabled:hover {
  opacity: 0.5;
}

.ril__closeButton {
  background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIj48cGF0aCBkPSJtIDEsMyAxLjI1LC0xLjI1IDcuNSw3LjUgNy41LC03LjUgMS4yNSwxLjI1IC03LjUsNy41IDcuNSw3LjUgLTEuMjUsMS4yNSAtNy41LC03LjUgLTcuNSw3LjUgLTEuMjUsLTEuMjUgNy41LC03LjUgLTcuNSwtNy41IHoiIGZpbGw9IiNGRkYiLz48L3N2Zz4=')
    no-repeat center;
}

.ril__zoomInButton {
  background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+PGcgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCI+PHBhdGggZD0iTTEgMTlsNi02Ii8+PHBhdGggZD0iTTkgOGg2Ii8+PHBhdGggZD0iTTEyIDV2NiIvPjwvZz48Y2lyY2xlIGN4PSIxMiIgY3k9IjgiIHI9IjciIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIyIi8+PC9zdmc+')
    no-repeat center;
}

.ril__zoomOutButton {
  background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+PGcgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCI+PHBhdGggZD0iTTEgMTlsNi02Ii8+PHBhdGggZD0iTTkgOGg2Ii8+PC9nPjxjaXJjbGUgY3g9IjEyIiBjeT0iOCIgcj0iNyIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIiLz48L3N2Zz4=')
    no-repeat center;
}

.ril__outerAnimating {
  animation-name: closeWindow;
}

@keyframes pointFade {
  0%,
  19.999%,
  100% {
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
}

.ril__loadingCircle {
  width: 60px;
  height: 60px;
  position: relative;
}

.ril__loadingCirclePoint {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.ril__loadingCirclePoint::before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 11%;
  height: 30%;
  background-color: #fff;
  border-radius: 30%;
  animation: pointFade 800ms infinite ease-in-out both;
}
.ril__loadingCirclePoint:nth-of-type(1) {
  transform: rotate(0deg);
}
.ril__loadingCirclePoint:nth-of-type(7) {
  transform: rotate(180deg);
}
.ril__loadingCirclePoint:nth-of-type(1)::before,
.ril__loadingCirclePoint:nth-of-type(7)::before {
  animation-delay: -800ms;
}
.ril__loadingCirclePoint:nth-of-type(2) {
  transform: rotate(30deg);
}
.ril__loadingCirclePoint:nth-of-type(8) {
  transform: rotate(210deg);
}
.ril__loadingCirclePoint:nth-of-type(2)::before,
.ril__loadingCirclePoint:nth-of-type(8)::before {
  animation-delay: -666ms;
}
.ril__loadingCirclePoint:nth-of-type(3) {
  transform: rotate(60deg);
}
.ril__loadingCirclePoint:nth-of-type(9) {
  transform: rotate(240deg);
}
.ril__loadingCirclePoint:nth-of-type(3)::before,
.ril__loadingCirclePoint:nth-of-type(9)::before {
  animation-delay: -533ms;
}
.ril__loadingCirclePoint:nth-of-type(4) {
  transform: rotate(90deg);
}
.ril__loadingCirclePoint:nth-of-type(10) {
  transform: rotate(270deg);
}
.ril__loadingCirclePoint:nth-of-type(4)::before,
.ril__loadingCirclePoint:nth-of-type(10)::before {
  animation-delay: -400ms;
}
.ril__loadingCirclePoint:nth-of-type(5) {
  transform: rotate(120deg);
}
.ril__loadingCirclePoint:nth-of-type(11) {
  transform: rotate(300deg);
}
.ril__loadingCirclePoint:nth-of-type(5)::before,
.ril__loadingCirclePoint:nth-of-type(11)::before {
  animation-delay: -266ms;
}
.ril__loadingCirclePoint:nth-of-type(6) {
  transform: rotate(150deg);
}
.ril__loadingCirclePoint:nth-of-type(12) {
  transform: rotate(330deg);
}
.ril__loadingCirclePoint:nth-of-type(6)::before,
.ril__loadingCirclePoint:nth-of-type(12)::before {
  animation-delay: -133ms;
}
.ril__loadingCirclePoint:nth-of-type(7) {
  transform: rotate(180deg);
}
.ril__loadingCirclePoint:nth-of-type(13) {
  transform: rotate(360deg);
}
.ril__loadingCirclePoint:nth-of-type(7)::before,
.ril__loadingCirclePoint:nth-of-type(13)::before {
  animation-delay: 0ms;
}

.ril__loadingContainer {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.ril__imagePrev .ril__loadingContainer,
.ril__imageNext .ril__loadingContainer {
  display: none;
}

.ril__errorContainer {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}
.ril__imagePrev .ril__errorContainer,
.ril__imageNext .ril__errorContainer {
  display: none;
}

.ril__loadingContainer__icon {
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.task-review-details-container .form-group label {
  padding-left: 0;
}
.task-review-details-container .form-group p {
  word-break: break-word;
}

.taskBlock.reviewTaskPreview .photoCanvas.photo-carousel .previewImage:hover {
  cursor: default;
}
.downloader-container {
  display: inline-flex;
}
.downloader-container .downloader-spinner {
  max-height: 16px;
  vertical-align: text-bottom;
  margin-right: 10px;
}
@import url("https://fonts.googleapis.com/css2?family=Lexend&display=swap");
body.opened {
  overflow: hidden;
}

.photo-review-list {
  display: flex;
  flex-wrap: wrap;
}

.photo-review-item {
  width: 215px;
  height: auto;
  overflow: hidden;
  display: inline-block;
  margin: 10px;
  cursor: pointer;
  position: relative;
  border: 5px solid rgb(154, 156, 158);
  color: #fff;
  font-size: 14px !important;
}
.photo-review-item:hover, .photo-review-item.photo-review-item--active, .photo-review-item:hover:after, .photo-review-item.photo-review-item--active:after {
  border-color: var(--newBlue);
}
.photo-review-item .photo-review-item-wrapper {
  position: relative;
  padding: 0;
  height: 266px;
  overflow: hidden;
}
.photo-review-item .review-item {
  position: relative; /* To position the approval component relative to the container */
  padding: 0; /* Adjust spacing around the item */
}
.photo-review-item .review-item-text {
  width: 100%; /* Ensures the text takes full width */
}
.photo-review-item .photo-review-item-content {
  background: rgb(154, 156, 158);
  margin: 0;
  width: 100%;
  word-wrap: break-word;
  padding: 0 5px;
}
.photo-review-item .first-item {
  padding-top: 5px;
}
.photo-review-item .status-square {
  position: absolute;
  top: 5px;
  right: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  border-radius: 3px;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
  color: white;
  font-size: 12px;
  font-weight: bold;
}
.photo-review-item .status-square.approved {
  background-color: green;
}
.photo-review-item .status-square.rejected {
  background-color: red;
}
.photo-review-item .root-container {
  background-color: rgb(154, 156, 158);
  display: flex;
  flex-direction: column;
  height: 100%;
}
.photo-review-item .review-item,
.photo-review-item .tags-group-table {
  flex-shrink: 0;
}
.photo-review-item .visit-info {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  background: rgb(154, 156, 158);
  padding: 2px 5px;
  margin-top: auto;
}
.photo-review-item .user-name,
.photo-review-item .time-elapsed {
  color: rgb(244, 244, 244);
  font-weight: 500;
  font-size: 12px !important;
}
.photo-review-item .tags-form-group {
  text-align: left;
}
.photo-review-item .tags-form-group.tags-group-content {
  display: flex;
}
.photo-review-item .tags-form-group.tags-group-content .tags-container {
  display: flex;
  flex-wrap: nowrap;
  width: 185px;
  overflow: hidden;
  white-space: nowrap;
  align-items: center;
  position: relative;
}
.photo-review-item .tags-form-group.tags-group-content .tag-label {
  display: inline-block;
  margin-right: 4px;
  white-space: nowrap;
}
.photo-review-item .tags-form-group.tags-group-content .tag-label span {
  padding: 0px;
  display: inline-block;
  background: #fce05b;
  color: #000;
  border-radius: 1px;
  padding: 0.5px 0px !important;
  font-size: 12px;
  font-weight: 400;
  white-space: nowrap;
}
.photo-review-item .tags-form-group.tags-group-content .tags-container.overflowing .tag-ellipsis {
  display: inline-block;
}
.photo-review-item .tags-form-group.tags-group-content .tag-ellipsis {
  display: flex;
  justify-content: flex-end;
  margin-left: auto;
}
.photo-review-item .tags-form-group.tags-group-content .tag-ellipsis span {
  background: #fce05b !important;
  color: #000;
  font-size: 13px;
  font-weight: 400;
  border-radius: 1px;
  padding: 0px 4px 0.5px 4px !important;
  margin-top: 3px;
  margin-bottom: 2px;
  margin-left: auto;
}
.photo-review-item.photo-review-item--export-mode:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: var(--lightBlue);
  z-index: 2;
  pointer-events: none;
}
.photo-review-item .data-loader {
  position: absolute;
  z-index: 3;
  top: -20px;
  bottom: 0;
  right: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.8);
  align-content: center;
  width: 100%;
  align-content: center;
}
.photo-review-item img {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  min-height: 100%;
  image-orientation: none !important;
  object-fit: fill;
  object-position: center;
}
.photo-review-item img.ios-photo {
  transform: rotate(270deg);
  scale: 1.4;
}
.photo-review-item .photo-review-item-to-download {
  position: absolute;
  bottom: 3px;
  right: 3px;
  z-index: 5;
}
.photo-review-item .single-details-buttons {
  display: flex;
  flex-wrap: nowrap;
}
.photo-review-item .single-details-buttons.details-buttons-container {
  padding: 0px !important;
  margin: 0px !important;
  gap: 8px !important;
}
.photo-review-item .single-details-buttons.details-buttons-container .allowed-button .btn.acceptBtn {
  color: #fff !important;
  height: 40px;
  width: 100%;
  margin-right: 0%;
  box-shadow: none !important;
}
.photo-review-item .single-details-buttons.details-buttons-container .allowed-button .btn.acceptBtn:hover i {
  color: #fff;
}
.photo-review-item .single-details-buttons.details-buttons-container .allowed-button .btn.acceptBtn.is-approval {
  color: green !important;
}
.photo-review-item .single-details-buttons.details-buttons-container .allowed-button .btn.acceptBtn.is-approval:hover {
  color: green !important;
}
.photo-review-item .single-details-buttons.details-buttons-container .cancel-button .btn.rejectBtn {
  color: #fff !important;
  height: 40px;
  width: 100%;
  margin-left: 0%;
  box-shadow: none !important;
}
.photo-review-item .single-details-buttons.details-buttons-container .cancel-button .btn.rejectBtn:hover i {
  color: #fff;
}
.photo-review-item .single-details-buttons.details-buttons-container .cancel-button .btn.rejectBtn.not-approval {
  color: red !important;
}
.photo-review-item .single-details-buttons.details-buttons-container .cancel-button .btn.rejectBtn.not-approval:hover {
  color: red !important;
}
.photo-review-item .details-buttons-container {
  display: none;
  flex-wrap: wrap;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
  background: linear-gradient(0, rgba(0, 0, 0, 0.67) 0%, rgba(255, 255, 255, 0) 100%);
  z-index: 2;
  padding: 0px !important;
  margin: 0px !important;
  gap: 8px !important;
  box-shadow: none !important;
}
.photo-review-item .details-buttons-container .btn {
  height: 40px;
  width: 100%;
  box-shadow: none;
  color: #fff !important;
}
.photo-review-item .details-buttons-container .btn .fa {
  margin: 0;
  font-size: 20px;
}
.photo-review-item .details-buttons-container .cancel-button {
  order: 2;
  text-align: left;
  background-color: rgba(227, 7, 18, 0.1607843137);
  margin-left: 0%;
  box-shadow: none !important;
}
.photo-review-item .details-buttons-container .cancel-button .rejectBtn {
  padding: 0;
  font-size: 0;
  background: none;
  border: 0;
  box-shadow: none !important;
}
.photo-review-item .details-buttons-container .cancel-button.not-approval .rejectBtn i {
  color: red !important;
}
.photo-review-item .details-buttons-container .allowed-button {
  order: 1;
  text-align: right;
  background-color: rgba(0, 150, 135, 0.2);
  margin-right: 0%;
  box-shadow: none !important;
}
.photo-review-item .details-buttons-container .allowed-button .acceptBtn {
  padding: 0;
  font-size: 0;
  background: none;
  border: 0;
  outline: none;
  box-shadow: none !important;
}
.photo-review-item .details-buttons-container .allowed-button.is-approval .acceptBtn i {
  color: green !important;
}
.photo-review-item .photo-list {
  display: flex;
  width: 100%;
  overflow: hidden;
  scroll-behavior: smooth;
  list-style: none;
  margin: 0;
  padding: 0;
  z-index: 1;
  position: relative;
  min-width: 210px;
  max-width: 400px;
  margin: 0 auto;
}
.photo-review-item .photo-list .previewImage.active {
  display: inline-block;
  opacity: 1;
  z-index: 2;
}
.photo-review-item .dot-list {
  display: none;
  position: absolute;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
}
.photo-review-item .dot-list .dot {
  height: 5px;
  width: 5px;
  margin: 0 0 0 3px;
  background-color: #ccc;
  border-radius: 50%;
  display: inline-block;
  border: 1px solid #ccc;
  transition: border-color 0.6s ease;
}
.photo-review-item .dot-list .dot:first-child {
  margin-left: 0;
}
.photo-review-item .dot-list .dot.active {
  background: #fff;
}
.photo-review-item .carousel-navigations {
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  top: 0;
  left: 0;
  padding: 0;
  background-color: transparent;
  pointer-events: none;
}
.photo-review-item .side-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 100%;
  background-color: transparent;
  pointer-events: auto;
  transition: background-color 0.3s ease;
}
.photo-review-item .side-nav:hover {
  background-color: rgba(255, 255, 255, 0.159);
}
.photo-review-item .slide-arrow {
  background: none;
  border: none;
  color: rgba(255, 255, 255, 0.5);
  font-size: 24px;
  cursor: pointer;
  transition: color 0.3s ease;
}
.photo-review-item .side-nav:hover .slide-arrow {
  color: rgba(241, 2, 2, 0.705);
}
.photo-review-item .slide-arrow:focus {
  outline: none;
}
.photo-review-item .slide-arrow i {
  pointer-events: none;
}
.photo-review-item .side-nav:active {
  background-color: rgba(255, 255, 255, 0.223);
}
.photo-review-item .side-nav .slide-arrow {
  color: rgba(255, 187, 187, 0.411);
}
.photo-review-item:hover .carousel-navigations,
.photo-review-item:hover .dot-list,
.photo-review-item:hover .details-buttons-container {
  display: flex;
}

.photo-review-details .form-group {
  display: flex;
  align-items: center;
  gap: 8px;
}
.photo-review-details .form-group label {
  width: 110px;
  flex-shrink: 0;
}
.photo-review-details .form-group p {
  display: inline-block;
  margin: 0;
}
.photo-review-details .photo-review-content {
  border-radius: 10px;
  background: #fff;
  padding: 10px;
}
.photo-review-details .photo-review-content span {
  display: inline-block;
}
.photo-review-details .photo-review-content label {
  padding: 0;
  font-weight: 600;
  font-size: 13px;
  margin: 0;
  max-width: 130px;
  width: 100%;
}
.photo-review-details .photo-review-content .avatar-crop {
  margin-right: 7px;
}
.photo-review-details .photo-review-content .form-group {
  border-top: 1px solid #e0e0e0;
  margin: 0;
  padding: 7px 0;
}
.photo-review-details .photo-review-content .form-group:first-of-type {
  border: 0;
}
.photo-review-details .photo-review-header {
  margin-bottom: 16px;
}
.photo-review-details .photo-review-header.monitoring-header {
  margin: 14px 0 6px;
}
.photo-review-details .photo-review-header.monitoring-header .form-group {
  margin-bottom: 0;
}
.photo-review-details .photo-review-header .point-logo {
  width: 100%;
  max-width: 46px;
  height: auto;
  margin-right: 10px;
}
.photo-review-details .photo-review-header .form-group {
  display: flex;
  align-items: center;
  width: 100%;
}
.photo-review-details .photo-review-header .title-block {
  font-weight: 600;
  margin-bottom: 2px;
  font-size: 14px;
}
.photo-review-details .photo-review-header .point-location a {
  display: inline-block;
  font-weight: 600;
  margin-bottom: 2px;
  font-size: 14px;
}
.photo-review-details .photo-review-header .point-location p {
  width: 100%;
}
.photo-review-details .photo-review-header .tags-group {
  margin-bottom: 0;
}
.photo-review-details .photo-review-header .tags-group .label {
  background: #fce05b;
  color: #000;
  font-weight: 400;
  padding: 5px 8px;
}
.photo-review-details .photo-review-header .tags-group .label:first-of-type {
  margin-left: 0;
}

.photo-review-container .new-task-wrapper .edit-images-block {
  display: none !important;
}
.photo-review-container .actions-block .cancel-image-popup {
  display: block;
}

.new-task-wrapper h4 {
  margin-bottom: 16px;
}
.new-task-wrapper .box-body.boxForm {
  background: none;
  border-radius: 0;
  padding: 0;
}
.new-task-wrapper .box-body .row {
  padding: 10px 0;
  margin: 0;
  border-radius: 10px;
  background: #fff;
}
.new-task-wrapper .actions-block {
  padding: 0;
  display: flex;
  justify-content: space-around;
}

.details-buttons-container {
  display: flex;
  flex-wrap: wrap;
}
.details-buttons-container div {
  position: relative;
  width: 100%;
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
.details-buttons-container div .btn {
  margin: 5px;
  white-space: nowrap;
}
.details-buttons-container .allowed-button {
  order: 1;
}
.details-buttons-container .cancel-button {
  order: 2;
}
.details-buttons-container .prev-next-buttons-wrap {
  order: 3;
  flex-basis: 100%;
}
@media (min-width: 500px) {
  .details-buttons-container .allowed-button {
    text-align: right;
  }
  .details-buttons-container .cancel-button {
    text-align: left;
  }
}
@media (min-width: 1700px) {
  .details-buttons-container .allowed-button {
    order: 1;
  }
  .details-buttons-container .cancel-button {
    order: 3;
  }
  .details-buttons-container .prev-next-buttons-wrap {
    order: 2;
    flex-basis: 0;
    flex-grow: 2;
  }
}

.accordion-item {
  background: #efefef;
  border: 1px solid #ccc;
  border-radius: 4px;
  width: 100%;
  max-width: 1413px;
  padding: 4px 5px 0 10px;
  margin-bottom: 10px;
}
.accordion-item .accordion-title {
  position: relative;
  font-size: 14px;
  padding-bottom: 3px;
  color: #7c7c7c;
}
.accordion-item .accordion-title:after {
  content: "";
  background: url(/down.80e183ff.png) no-repeat;
  background-size: contain;
  display: inline-block;
  width: 20px;
  height: 20px;
  position: absolute;
  right: 0;
  top: 0;
}
.accordion-item .accordion-title:hover {
  cursor: pointer;
}

.accordion-static-item {
  margin-bottom: 5px;
  max-width: 1413px;
  width: 100%;
}
.accordion-static-item .filter-first-line {
  display: flex;
  justify-content: flex-start;
  margin-bottom: 5px;
}

.modal-content .task-main-content .form-group {
  z-index: auto;
}

.photo-review .filter-bar .react-dropdown-container {
  width: calc(32.7% - 5px);
  margin: 0 0 5px 0.5%;
}
.photo-review .filter-bar .filter-datepicker {
  margin: 0;
}
.photo-review .filter-bar .react-select-custom-container,
.photo-review .filter-bar .custom-react-select__control,
.photo-review .filter-bar .custom-react-select__value-container {
  width: 100%;
}
.photo-review .filter-bar .custom-react-select__control.custom-react-select__control--is-focused {
  z-index: 2;
}
.photo-review .filter-bar .user-custom-filter {
  width: calc(20% - 5px);
}
.photo-review .accordion-item-content {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.photo-review .accordion-item-content .react-dropdown-container {
  width: 49.75%;
  margin: 0 0 10px 0;
}
.photo-review .accordion-item-content .react-dropdown-container.brands-custom-filter, .photo-review .accordion-item-content .react-dropdown-container.custom-subcategories {
  width: 33%;
}
.photo-review .accordion-item-content .searchInput {
  width: 49.75%;
}
.photo-review .accordion-item-content.hidden {
  display: none;
}
.photo-review .pointFilter.react-dropdown-container--multiselect {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.photo-review .pointFilter.react-dropdown-container--multiselect .react-dropdown-container {
  width: 65.5%;
}
.photo-review .pointFilter.react-dropdown-container--multiselect .react-dropdown-container:first-child {
  width: 34.5%;
  margin-left: 0;
}
.photo-review .pointFilter.react-dropdown-container--multiselect .react-dropdown-container:last-of-type {
  margin-right: 0;
}
.photo-review .filter-navigations {
  display: flex;
  width: 100%;
  max-width: 1413px;
}
.photo-review .filter-navigations .custom-filter-name {
  display: inline-block;
  margin-right: 5px;
}
.photo-review .hidden {
  display: none;
}
.photo-review .visible {
  display: flex;
}

.save-filter-nav input {
  height: auto !important;
  min-height: 30px;
}

.primary-red {
  border-color: red;
  background: red;
  color: #fff !important;
}

.btn-save-custom {
  border-color: #a0e0f4;
  color: #5a5a5a !important;
  background: #a0e0f4;
}

.asq-popup {
  padding: 15px;
}
.asq-popup .asq-popup {
  border-radius: 3px;
  padding: 3px 8px;
  background: #a0e0f4;
  border: 1px solid #a0e0f4;
}
.asq-popup .asq-popup:hover {
  opacity: 0.7;
}
.asq-popup .yes-asq {
  margin-right: 15px;
  background: red;
  border-color: red;
  color: #fff;
}

.asq-modal {
  max-width: 350px !important;
}

.header-modal {
  position: absolute;
  top: 25px;
  right: 15px;
  color: #fff;
  font-size: 25px;
}
.header-modal i.fa-times:hover {
  cursor: pointer;
}

.modal-content .image-editor-wrapper .header-modal {
  top: 0;
}

.modal-content {
  background: #d9d9d9;
  border: none;
  border-radius: 2px;
}
.modal-content .modal-body {
  padding: 0;
}
.modal-content .taskBlock {
  display: flex;
  flex-wrap: wrap;
}
.modal-content .taskBlock .box-body.boxForm {
  margin-bottom: 0;
}
.modal-content .photoContainer {
  padding: 0;
  margin-bottom: 0;
  display: flex;
  justify-content: center;
}
.modal-content .photoContainer .details-buttons-container {
  position: absolute;
  right: 8px;
  bottom: 0;
  width: 100%;
  background: linear-gradient(0, rgba(0, 0, 0, 0.67) 0%, rgba(255, 255, 255, 0) 100%);
  padding: 10px 0;
  z-index: 2;
  display: flex;
  flex-wrap: nowrap;
}
.modal-content .photoContainer .details-buttons-container div .btn {
  margin: 0;
}
.modal-content .photoContainer .details-buttons-container div .btn.is-approval {
  color: #009688 !important;
}
.modal-content .photoContainer .details-buttons-container div .btn.not-approval {
  color: #e30713 !important;
}
.modal-content .photoContainer .taskImagesEdit {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal-content .photoContainer .taskImagesEdit img {
  max-width: 400px;
  width: 100%;
  height: auto;
  padding: 0;
}
.modal-content .photoContainer .taskImagesEdit .previewPhotoNav {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0;
  position: relative;
}
.modal-content .photoContainer .taskImagesEdit .previewPhotoNav div {
  margin: 0;
  right: 0;
}
.modal-content .photoContainer .taskImagesEdit .previewPhotoNav .details-buttons-container {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  align-content: center;
  width: auto;
  height: 100%;
  right: auto;
  left: 0;
  background: rgba(0, 0, 0, 0.26);
  padding: 0;
}
.modal-content .photoContainer .taskImagesEdit .previewPhotoNav .details-buttons-container .btn {
  margin: 0 !important;
  display: flex;
  align-items: center;
  padding: 0 3px 0 10px;
}
.modal-content .photoContainer .taskImagesEdit .previewPhotoNav .details-buttons-container .btn:hover i, .modal-content .photoContainer .taskImagesEdit .previewPhotoNav .details-buttons-container .btn:active i {
  color: #0a6ea0;
}
.modal-content .photoContainer .taskImagesEdit .previewPhotoNav button {
  border: none;
  background: none;
  padding: 0;
  margin: 0;
  line-height: normal;
  position: absolute;
  right: 14px;
  top: 10px;
}
.modal-content .photoContainer .taskImagesEdit .previewPhotoNav button.button-edit-img {
  right: 55px;
}
.modal-content .photoContainer .taskImagesEdit .previewPhotoNav button i {
  font-size: 24px;
  line-height: 20px;
  vertical-align: top;
}
.modal-content .photoContainer .taskImagesEdit .previewPhotoNav .deleteImage {
  margin: 0 5px 0 10px;
}
.modal-content .photoContainer .taskImagesEdit .previewPhotoNav .image-editor-wrapper {
  display: inline-block;
  position: static;
}
.modal-content .photoContainer .taskImagesEdit .previewPhotoNav .image-editor-wrapper .header-modal {
  top: 0;
  right: 15px;
}
.modal-content .photoContainer .taskImagesEdit .previewPhotoNav .image-editor-wrapper .header-modal i {
  color: #e30713;
}
.modal-content .photoContainer .taskImagesEdit .image-editor-wrapper .canvas-layer {
  top: 50%;
  margin: 0;
  transform: translate(-50%, -50%);
}
.modal-content .photoContainer .taskImagesEdit .image-editor-wrapper .canvas-container {
  display: flex;
  margin: 0 auto;
  width: fit-content;
  align-items: center;
  justify-content: center;
  min-height: 350px;
}
.modal-content .photoContainer .taskImagesEdit .previewPhotoNav {
  width: 100%;
  position: absolute;
  top: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.67) 0%, rgba(255, 255, 255, 0) 100%);
  min-height: 45px;
}
.modal-content .save-image-popup,
.modal-content .cancel-image-popup {
  border: 1px solid var(--newBlue);
  border-radius: 7px;
  padding: 7px 15px;
  font-size: 14px;
}
.modal-content .save-image-popup i,
.modal-content .cancel-image-popup i {
  margin-right: 5px;
}
.modal-content .save-image-popup:hover,
.modal-content .cancel-image-popup:hover {
  border-color: var(--newBlue);
}
.modal-content .cancel-image-popup {
  background-color: #e30713;
  border-color: #e30713;
  display: none;
}
.modal-content .cancel-image-popup:hover {
  border-color: #e30713;
  background: #fff;
}
.modal-content .previewPhotoNav {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.67) 0%, rgba(255, 255, 255, 0) 100%);
  text-align: right;
  position: absolute;
  right: 8px;
  top: -1px;
  width: calc(100% - 8px);
  padding: 10px 14px;
  z-index: 3;
}
.modal-content .btn {
  padding: 0;
  font-size: 0;
  background: none;
  border: 0;
}
.modal-content .btn i {
  font-size: 25px;
  margin: 0 !important;
}
.modal-content .btn.btn-primary {
  height: 50px;
  width: 80%;
}
.modal-content .btn.acceptBtn:hover {
  background-color: rgba(0, 150, 135, 0.2);
  color: #009688 !important;
}
.modal-content .btn.rejectBtn:hover {
  background-color: rgba(227, 7, 18, 0.1607843137);
  color: #e30713 !important;
}

.modal {
  backdrop-filter: blur(5px);
}
.modal .single-photo-review-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 0 15px;
  z-index: -1;
}
.modal .single-photo-review-nav .btn {
  font-size: 0;
  padding: 0;
  margin: 0;
  background: #e9e9e9;
  border-radius: 50%;
  width: 32px;
}
.modal .single-photo-review-nav .btn .fa {
  font-size: 28px;
  color: #848484;
  margin: 0 auto;
  line-height: normal;
  height: 30px;
}
.modal .single-photo-review-nav .btn .fa.fa-angle-left {
  margin-right: 2px;
}
.modal .single-photo-review-nav .btn .fa.fa-angle-right {
  margin-left: 2px;
}
.modal .single-photo-review-nav .btn:disabled {
  border-color: transparent;
}
.modal .single-photo-review-nav .btn:hover, .modal .single-photo-review-nav .btn:active {
  background: var(--newBlue);
}
.modal .single-photo-review-nav .btn:hover .fa, .modal .single-photo-review-nav .btn:active .fa {
  color: #fff;
}
.modal .single-photo-review-nav .btn:hover:disabled, .modal .single-photo-review-nav .btn:active:disabled {
  background: #e9e9e9;
  border-color: transparent;
}
.modal .single-photo-review-nav .btn:hover:disabled .fa, .modal .single-photo-review-nav .btn:active:disabled .fa {
  color: #848484;
}
.modal.show .modal-dialog {
  top: 50%;
  transform: translateY(-50%);
}
.modal .hidden {
  display: none !important;
}

.s-alert-wrapper {
  z-index: 1051;
  position: relative;
}

.photo-review-container .task-main-row {
  padding: 0 !important;
  width: 100%;
  max-width: none;
  flex: 0 0 auto;
}
.photo-review-container .modal-dialog {
  z-index: 3;
}

.original-photos-wrapper .carousel-navigations {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  background-color: transparent;
  pointer-events: none;
}
.original-photos-wrapper .carousel-navigations .side-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 100%;
  background-color: transparent;
  pointer-events: auto;
  transition: background-color 0.3s ease;
}
.original-photos-wrapper .carousel-navigations .side-nav:hover {
  background-color: rgba(255, 255, 255, 0.159);
}
.original-photos-wrapper .carousel-navigations .slide-arrow {
  background: none;
  border: none;
  color: rgba(77, 77, 77, 0.6666666667);
  font-size: 24px;
  cursor: pointer;
  transition: color 0.3s ease;
}
.original-photos-wrapper .carousel-navigations .side-nav:hover .slide-arrow {
  color: #4d4d4d;
}
.original-photos-wrapper .carousel-navigations .slide-arrow:focus {
  outline: none;
}
.original-photos-wrapper .carousel-navigations .slide-arrow i {
  pointer-events: none;
}
.original-photos-wrapper .dot-list {
  top: 10px;
}
.original-photos-wrapper .openPhoto {
  display: none;
}
.original-photos-wrapper .openPhoto.active {
  display: inline-flex;
}
.original-photos-wrapper .photo-visible {
  opacity: 1 !important;
}

/*Toggle view*/
.switch-view {
  --_switch-bg-clr: var(--newBlue);
  --_switch-padding: 4px;
  --_slider-bg-clr: #005cbf;
  --_slider-bg-clr-on: #005cbf;
  --_slider-txt-clr: #ffffff;
  --_label-padding: 0.5rem 1rem;
  --_switch-easing: cubic-bezier(0.47, 1.64, 0.41, 0.8);
  color: white;
  width: fit-content;
  display: flex;
  justify-content: center;
  position: relative;
  border-radius: 9999px;
  cursor: pointer;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  position: relative;
  isolation: isolate;
  margin: 0 0 0 auto;
  font-weight: 400;
}

.switch-view > span {
  display: grid;
  place-content: center;
  transition: opacity 300ms ease-in-out 150ms;
  padding: var(--_label-padding);
}

.switch-view::before,
.switch-view::after {
  content: "";
  position: absolute;
  border-radius: inherit;
  transition: inset 150ms ease-in-out;
}

/* switch slider */
.switch-view::before {
  background-color: var(--_slider-bg-clr);
  inset: var(--_switch-padding) 50% var(--_switch-padding) var(--_switch-padding);
  transition: inset 500ms var(--_switch-easing), background-color 500ms ease-in-out;
  z-index: -1;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.3);
}

/* switch bg color */
.switch-view::after {
  background-color: var(--_switch-bg-clr);
  inset: 0;
  z-index: -2;
}

/* switch hover & focus */
.switch-view[data-view-type=single]:hover > span:first-of-type,
.switch-view[data-view-type=group]:hover > span:first-of-type,
.switch-view[data-view-type=single]:hover > span:last-of-type,
.switch-view[data-view-type=group]:hover > span:last-of-type {
  opacity: 1;
  transition-delay: 0ms;
  transition-duration: 100ms;
}

/* checked - move slider to right */
.switch-view[data-view-type=group]::before {
  background-color: var(--_slider-bg-clr-on);
  inset: var(--_switch-padding) var(--_switch-padding) var(--_switch-padding) 50%;
}

/* checked - set opacity */
.switch-view > .switch-btn:first-of-type {
  opacity: 0.75;
}

.switch-view > .switch-btn:last-of-type {
  opacity: 1;
}

.full-photo-list {
  position: fixed;
  display: flex;
  justify-content: space-around;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 1;
  transition: opacity 150ms ease-out;
  z-index: 1055;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
}
.full-photo-list .fa-times {
  font-size: 25px;
  position: fixed;
  top: 31px;
  right: 14px;
  color: #fff;
  cursor: pointer;
  z-index: 2;
}
.full-photo-list img {
  object-fit: contain;
  display: block;
  height: 100%;
}
.full-photo-list .full-photo-item {
  position: relative;
  min-width: fit-content;
  margin: 0 5px;
  z-index: 1;
}
.full-photo-list .full-photo-item.loading {
  background: rgba(204, 204, 204, 0.63);
}
.full-photo-list .data-loader {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.full-photo-list .data-loader .data-loader-content {
  padding: 0 !important;
}

.styled-link {
  display: inline-flex;
  align-items: center;
  background: #e1f1ff;
  border-radius: 10px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  padding: 2px 12px;
  text-decoration: none;
  font-weight: 600;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
}

.styled-link:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15);
}

.styled-link:active {
  transform: translateY(0);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.styled-link .icon {
  margin-right: 8px;
  font-size: 16px;
  flex-shrink: 0;
}

.styled-link .link-id {
  margin-right: 8px;
  color: #4f9bde;
  font-size: 13px;
  flex-shrink: 0;
}

.styled-link .link-title {
  font-size: 13px;
  color: #4f9bde;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex-grow: 1;
  min-width: 0;
}

.orange-yellow-background {
  background-color: #ffc04c;
  border-radius: 4px;
  padding: 4px 8px;
  display: inline-block;
  font-weight: bold;
  font-size: 10px;
  font-family: "Lexend", sans-serif;
  color: #fff;
}

.status {
  border-radius: 8px;
  padding: 2px 12px;
  margin-right: 8px;
  color: white;
  display: inline-block;
}

.status.approved {
  background-color: rgb(20, 188, 20);
}

.status.rejected {
  background-color: rgb(240, 57, 57);
}
/* required styles */
.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
  position: absolute;
  left: 0;
  top: 0;
}

.leaflet-container {
  overflow: hidden;
}

.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
}

/* Prevents IE11 from highlighting tiles in blue */
.leaflet-tile::selection {
  background: transparent;
}

/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
.leaflet-safari .leaflet-tile {
  image-rendering: -webkit-optimize-contrast;
}

/* hack that prevents hw layers "stretching" when loading new tiles */
.leaflet-safari .leaflet-tile-container {
  width: 1600px;
  height: 1600px;
  -webkit-transform-origin: 0 0;
}

.leaflet-marker-icon,
.leaflet-marker-shadow {
  display: block;
}

/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container .leaflet-overlay-pane svg {
  max-width: none !important;
  max-height: none !important;
}

.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
  max-width: none !important;
  max-height: none !important;
  width: auto;
  padding: 0;
}

.leaflet-container img.leaflet-tile {
  /* See: https://bugs.chromium.org/p/chromium/issues/detail?id=600120 */
  mix-blend-mode: plus-lighter;
}

.leaflet-container.leaflet-touch-zoom {
  -ms-touch-action: pan-x pan-y;
  touch-action: pan-x pan-y;
}

.leaflet-container.leaflet-touch-drag {
  -ms-touch-action: pinch-zoom;
  /* Fallback for FF which doesn't support pinch-zoom */
  touch-action: none;
  touch-action: pinch-zoom;
}

.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
  -ms-touch-action: none;
  touch-action: none;
}

.leaflet-container {
  -webkit-tap-highlight-color: transparent;
}

.leaflet-container a {
  -webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}

.leaflet-tile {
  filter: inherit;
  visibility: hidden;
}

.leaflet-tile-loaded {
  visibility: inherit;
}

.leaflet-zoom-box {
  width: 0;
  height: 0;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 800;
}

/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
  -moz-user-select: none;
}

.leaflet-pane {
  z-index: 400;
}

.leaflet-tile-pane {
  z-index: 200;
}

.leaflet-overlay-pane {
  z-index: 400;
}

.leaflet-shadow-pane {
  z-index: 500;
}

.leaflet-marker-pane {
  z-index: 600;
}

.leaflet-tooltip-pane {
  z-index: 650;
}

.leaflet-popup-pane {
  z-index: 700;
}

.leaflet-map-pane canvas {
  z-index: 100;
}

.leaflet-map-pane svg {
  z-index: 200;
}

.leaflet-vml-shape {
  width: 1px;
  height: 1px;
}

.lvml {
  behavior: url(#default#VML);
  display: inline-block;
  position: absolute;
}

/* control positioning */
.leaflet-control {
  position: relative;
  z-index: 800;
  pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
  pointer-events: auto;
}

.leaflet-top,
.leaflet-bottom {
  position: absolute;
  z-index: 1000;
  pointer-events: none;
}

.leaflet-top {
  top: 0;
}

.leaflet-right {
  right: 0;
}

.leaflet-bottom {
  bottom: 0;
}

.leaflet-left {
  left: 0;
}

.leaflet-control {
  float: left;
  clear: both;
}

.leaflet-right .leaflet-control {
  float: right;
}

.leaflet-top .leaflet-control {
  margin-top: 10px;
}

.leaflet-bottom .leaflet-control {
  margin-bottom: 10px;
}

.leaflet-left .leaflet-control {
  margin-left: 10px;
}

.leaflet-right .leaflet-control {
  margin-right: 10px;
}

/* zoom and fade animations */
.leaflet-fade-anim .leaflet-popup {
  opacity: 0;
  -webkit-transition: opacity 0.2s linear;
  -moz-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}

.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
  opacity: 1;
}

.leaflet-zoom-animated {
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
}

svg.leaflet-zoom-animated {
  will-change: transform;
}

.leaflet-zoom-anim .leaflet-zoom-animated {
  -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
  -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
  transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1);
}

.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
}

.leaflet-zoom-anim .leaflet-zoom-hide {
  visibility: hidden;
}

/* cursors */
.leaflet-interactive {
  cursor: pointer;
}

.leaflet-grab {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
}

.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
  cursor: crosshair;
}

.leaflet-popup-pane,
.leaflet-control {
  cursor: auto;
}

.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
}

/* marker & overlays interactivity */
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
  pointer-events: none;
}

.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path {
  pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
  pointer-events: auto;
}

/* visual tweaks */
.leaflet-container {
  background: #ddd;
  outline-offset: 1px;
}

.leaflet-container a {
  color: #0078a8;
}

.leaflet-zoom-box {
  border: 2px dotted #38f;
  background: rgba(255, 255, 255, 0.5);
}

/* general typography */
.leaflet-container {
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.5;
}

/* general toolbar styles */
.leaflet-bar {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
  border-radius: 4px;
}

.leaflet-bar a {
  background-color: #fff;
  border-bottom: 1px solid #ccc;
  width: 26px;
  height: 26px;
  line-height: 26px;
  display: block;
  text-align: center;
  text-decoration: none;
  color: black;
}

.leaflet-bar a,
.leaflet-control-layers-toggle {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  display: block;
}

.leaflet-bar a:hover,
.leaflet-bar a:focus {
  background-color: #f4f4f4;
}

.leaflet-bar a:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.leaflet-bar a:last-child {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom: none;
}

.leaflet-bar a.leaflet-disabled {
  cursor: default;
  background-color: #f4f4f4;
  color: #bbb;
}

.leaflet-touch .leaflet-bar a {
  width: 30px;
  height: 30px;
  line-height: 30px;
}

.leaflet-touch .leaflet-bar a:first-child {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}

.leaflet-touch .leaflet-bar a:last-child {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}

/* zoom control */
.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
  font: bold 18px "Lucida Console", Monaco, monospace;
  text-indent: 1px;
}

.leaflet-touch .leaflet-control-zoom-in,
.leaflet-touch .leaflet-control-zoom-out {
  font-size: 22px;
}

/* layers control */
.leaflet-control-layers {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
  background: #fff;
  border-radius: 5px;
}

.leaflet-control-layers-toggle {
  background-image: url("/layers.d35ef71c.png");
  width: 36px;
  height: 36px;
}

.leaflet-retina .leaflet-control-layers-toggle {
  background-image: url("/layers-2x.add72379.png");
  background-size: 26px 26px;
}

.leaflet-touch .leaflet-control-layers-toggle {
  width: 44px;
  height: 44px;
}

.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
  display: none;
}

.leaflet-control-layers-expanded .leaflet-control-layers-list {
  display: block;
  position: relative;
}

.leaflet-control-layers-expanded {
  padding: 6px 10px 6px 6px;
  color: #333;
  background: #fff;
}

.leaflet-control-layers-scrollbar {
  overflow-y: scroll;
  overflow-x: hidden;
  padding-right: 5px;
}

.leaflet-control-layers-selector {
  margin-top: 2px;
  position: relative;
  top: 1px;
}

.leaflet-control-layers label {
  display: block;
  font-size: 13px;
  font-size: 1.08333em;
}

.leaflet-control-layers-separator {
  height: 0;
  border-top: 1px solid #ddd;
  margin: 5px -10px 5px -6px;
}

/* Default icon URLs */
.leaflet-default-icon-path {
  /* used only in path-guessing heuristic, see L.Icon.Default */
  background-image: url("/marker-icon.0359d23f.png");
}

/* attribution and scale controls */
.leaflet-container .leaflet-control-attribution {
  background: #fff;
  background: rgba(255, 255, 255, 0.8);
  margin: 0;
}

.leaflet-control-attribution,
.leaflet-control-scale-line {
  padding: 0 5px;
  color: #333;
  line-height: 1.4;
}

.leaflet-control-attribution a {
  text-decoration: none;
}

.leaflet-control-attribution a:hover,
.leaflet-control-attribution a:focus {
  text-decoration: underline;
}

.leaflet-attribution-flag {
  display: inline !important;
  vertical-align: baseline !important;
  width: 1em;
  height: 0.6669em;
}

.leaflet-left .leaflet-control-scale {
  margin-left: 5px;
}

.leaflet-bottom .leaflet-control-scale {
  margin-bottom: 5px;
}

.leaflet-control-scale-line {
  border: 2px solid #777;
  border-top: none;
  line-height: 1.1;
  padding: 2px 5px 1px;
  white-space: nowrap;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: rgba(255, 255, 255, 0.8);
  text-shadow: 1px 1px #fff;
}

.leaflet-control-scale-line:not(:first-child) {
  border-top: 2px solid #777;
  border-bottom: none;
  margin-top: -2px;
}

.leaflet-control-scale-line:not(:first-child):not(:last-child) {
  border-bottom: 2px solid #777;
}

.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
  box-shadow: none;
}

.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
  border: 2px solid rgba(0, 0, 0, 0.2);
  background-clip: padding-box;
}

/* popup */
.leaflet-popup {
  position: absolute;
  text-align: center;
  margin-bottom: 20px;
}

.leaflet-popup-content-wrapper {
  padding: 1px;
  text-align: left;
  border-radius: 12px;
}

.leaflet-popup-content {
  margin: 13px 24px 13px 20px;
  line-height: 1.3;
  font-size: 13px;
  font-size: 1.08333em;
  min-height: 1px;
}

.leaflet-popup-content p {
  margin: 17px 0;
  margin: 1.3em 0;
}

.leaflet-popup-tip-container {
  width: 40px;
  height: 20px;
  position: absolute;
  left: 50%;
  margin-top: -1px;
  margin-left: -20px;
  overflow: hidden;
  pointer-events: none;
}

.leaflet-popup-tip {
  width: 17px;
  height: 17px;
  padding: 1px;
  margin: -10px auto 0;
  pointer-events: auto;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
  background: white;
  color: #333;
  box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4);
}

.leaflet-container a.leaflet-popup-close-button {
  position: absolute;
  top: 0;
  right: 0;
  border: none;
  text-align: center;
  width: 24px;
  height: 24px;
  font: 16px/24px Tahoma, Verdana, sans-serif;
  color: #757575;
  text-decoration: none;
  background: transparent;
}

.leaflet-container a.leaflet-popup-close-button:hover,
.leaflet-container a.leaflet-popup-close-button:focus {
  color: #585858;
}

.leaflet-popup-scrolled {
  overflow: auto;
}

.leaflet-oldie .leaflet-popup-content-wrapper {
  -ms-zoom: 1;
}

.leaflet-oldie .leaflet-popup-tip {
  width: 24px;
  margin: 0 auto;
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
  filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
}

.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
  border: 1px solid #999;
}

/* div icon */
.leaflet-div-icon {
  background: #fff;
  border: 1px solid #666;
}

/* Tooltip */
/* Base styles for the element that has a tooltip */
.leaflet-tooltip {
  position: absolute;
  padding: 6px;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 3px;
  color: #222;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}

.leaflet-tooltip.leaflet-interactive {
  cursor: pointer;
  pointer-events: auto;
}

.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
  position: absolute;
  pointer-events: none;
  border: 6px solid transparent;
  background: transparent;
  content: "";
}

/* Directions */
.leaflet-tooltip-bottom {
  margin-top: 6px;
}

.leaflet-tooltip-top {
  margin-top: -6px;
}

.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
  left: 50%;
  margin-left: -6px;
}

.leaflet-tooltip-top:before {
  bottom: 0;
  margin-bottom: -12px;
  border-top-color: #fff;
}

.leaflet-tooltip-bottom:before {
  top: 0;
  margin-top: -12px;
  margin-left: -6px;
  border-bottom-color: #fff;
}

.leaflet-tooltip-left {
  margin-left: -6px;
}

.leaflet-tooltip-right {
  margin-left: 6px;
}

.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
  top: 50%;
  margin-top: -6px;
}

.leaflet-tooltip-left:before {
  right: 0;
  margin-right: -12px;
  border-left-color: #fff;
}

.leaflet-tooltip-right:before {
  left: 0;
  margin-left: -12px;
  border-right-color: #fff;
}

/* Printing */
@media print {
  /* Prevent printers from removing background-images of controls. */
  .leaflet-control {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
}
.table-tasks-import-delete {
  color: red;
}
.table-tasks-import textarea {
  width: 100%;
  height: auto;
}
.table-tasks-import input {
  height: 30px;
}
.table-tasks-import td {
  text-align: center;
}
.table-tasks-import .btn i {
  font-size: 16px;
}

.upload-logs-container {
  display: flex;
  gap: 5px 20px;
  flex-wrap: wrap;
}
.upload-logs-container div {
  width: 200px;
}
.upload-logs-container .upload-logs-remove {
  text-align: center;
}
.upload-logs-container .upload-logs-remove .faIcon {
  color: red;
  cursor: pointer;
}
.upload-logs-container .upload-logs-row-small {
  width: 100px;
}
.upload-logs-container .row-title {
  font-weight: bold;
  letter-spacing: 0.5px;
}

.flex-break-line {
  flex-basis: 100%;
  height: 0;
  overflow: hidden;
}

.error-task-list {
  display: flex;
  width: 100%;
  gap: 1%;
  flex-wrap: wrap;
}
.error-task-list div {
  width: 13%;
  border-bottom: 1px solid #eee;
  padding: 3px;
}

.dropzone-flex {
  padding: 10px;
  border: 1px solid #cccccc;
  border-radius: 0.25rem;
  text-align: center;
  display: inline-block;
  cursor: pointer;
}
.field-container {
  display: inline-block;
}
.react-bs-table .react-bs-container-header .sort-column,.s-alert-close,td.react-bs-table-expand-cell,th.react-bs-table-expand-cell>div{cursor:pointer}.react-bs-table-container .react-bs-table-search-form{margin-bottom:0}.react-bs-table-bordered{border:1px solid #ddd;border-radius:5px}.react-bs-table table{margin-bottom:0;table-layout:fixed}.react-bs-table table td,.react-bs-table table th{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.react-bs-table-pagination{margin-top:10px}.react-bs-table-tool-bar{margin-bottom:5px}.react-bs-container-footer,.react-bs-container-header{overflow:hidden;width:100%}.react-bs-container-body{overflow:auto;width:100%}.react-bootstrap-table-page-btns-ul{float:right;margin-top:0}.react-bs-table .table-bordered{border:0;outline:0!important}.react-bs-table .table-bordered>thead>tr>td,.react-bs-table .table-bordered>thead>tr>th{border-bottom-width:2px}.react-bs-table .table-bordered>tbody>tr>td{outline:0!important}.react-bs-table .table-bordered>tbody>tr>td.default-focus-cell{outline:#6495ed solid 3px!important;outline-offset:-1px}.react-bs-table .table-bordered>tfoot>tr>td,.react-bs-table .table-bordered>tfoot>tr>th{border-top-width:2px;border-bottom-width:0}.react-bs-table .table-bordered>tbody>tr>td:first-child,.react-bs-table .table-bordered>tbody>tr>th:first-child,.react-bs-table .table-bordered>tfoot>tr>td:first-child,.react-bs-table .table-bordered>tfoot>tr>th:first-child,.react-bs-table .table-bordered>thead>tr>td:first-child,.react-bs-table .table-bordered>thead>tr>th:first-child{border-left-width:0}.react-bs-table .table-bordered>tbody>tr>td:last-child,.react-bs-table .table-bordered>tbody>tr>th:last-child,.react-bs-table .table-bordered>tfoot>tr>td:last-child,.react-bs-table .table-bordered>tfoot>tr>th:last-child,.react-bs-table .table-bordered>thead>tr>td:last-child,.react-bs-table .table-bordered>thead>tr>th:last-child{border-right-width:0}.react-bs-table .table-bordered>thead>tr:first-child>td,.react-bs-table .table-bordered>thead>tr:first-child>th{border-top-width:0}.react-bs-table .table-bordered>tfoot>tr:last-child>td,.react-bs-table .table-bordered>tfoot>tr:last-child>th{border-bottom-width:0}.react-bs-table .react-bs-container-footer>table>thead>tr>th,.react-bs-table .react-bs-container-header>table>thead>tr>th{vertical-align:middle}.react-bs-table .react-bs-container-footer>table>thead>tr>th .filter,.react-bs-table .react-bs-container-header>table>thead>tr>th .filter{font-weight:400}.react-bs-table .react-bs-container-header>table>thead>tr>th .filter::-webkit-input-placeholder,.react-bs-table .react-bs-container-header>table>thead>tr>th .number-filter-input::-webkit-input-placeholder,.react-bs-table .react-bs-container-header>table>thead>tr>th .select-filter option[value=''],.react-bs-table .react-bs-container-header>table>thead>tr>th .select-filter.placeholder-selected{color:#d3d3d3;font-style:italic}.react-bs-table .react-bs-container-footer>table>thead>tr>th .filter::-webkit-input-placeholder,.react-bs-table .react-bs-container-footer>table>thead>tr>th .number-filter-input::-webkit-input-placeholder,.react-bs-table .react-bs-container-footer>table>thead>tr>th .select-filter option[value=''],.react-bs-table .react-bs-container-footer>table>thead>tr>th .select-filter.placeholder-selected{color:#d3d3d3;font-style:italic}.react-bs-table .react-bs-container-footer>table>thead>tr>th .select-filter.placeholder-selected option:not([value='']),.react-bs-table .react-bs-container-header>table>thead>tr>th .select-filter.placeholder-selected option:not([value='']){color:initial;font-style:initial}.react-bs-table .react-bs-container-footer>table>thead>tr>th .date-filter,.react-bs-table .react-bs-container-footer>table>thead>tr>th .number-filter,.react-bs-table .react-bs-container-header>table>thead>tr>th .date-filter,.react-bs-table .react-bs-container-header>table>thead>tr>th .number-filter{display:flex}.react-bs-table .react-bs-container-footer>table>thead>tr>th .date-filter-input,.react-bs-table .react-bs-container-footer>table>thead>tr>th .number-filter-input,.react-bs-table .react-bs-container-header>table>thead>tr>th .date-filter-input,.react-bs-table .react-bs-container-header>table>thead>tr>th .number-filter-input{margin-left:5px;float:left;width:calc(100% - 67px - 5px)}.react-bs-table .react-bs-container-footer>table>thead>tr>th .date-filter-comparator,.react-bs-table .react-bs-container-footer>table>thead>tr>th .number-filter-comparator,.react-bs-table .react-bs-container-header>table>thead>tr>th .date-filter-comparator,.react-bs-table .react-bs-container-header>table>thead>tr>th .number-filter-comparator{width:67px;float:left}.react-bs-container .textarea-save-btn{position:absolute;z-index:100;right:0;top:-21px}.react-bs-table-no-data{text-align:center}.ReactModal__Overlay{-webkit-perspective:600;perspective:600;opacity:0;overflow-x:hidden;overflow-y:auto;background-color:rgba(0,0,0,.5);z-index:101}.ReactModal__Overlay--after-open{opacity:1;transition:opacity 150ms ease-out}.ReactModal__Content{-webkit-transform:scale(.5) rotateX(-30deg);transform:scale(.5) rotateX(-30deg)}.ReactModal__Content--after-open{-webkit-transform:scale(1) rotateX(0);transform:scale(1) rotateX(0);transition:all 150ms ease-in}.ReactModal__Overlay--before-close{opacity:0}.ReactModal__Content--before-close{-webkit-transform:scale(.5) rotateX(30deg);transform:scale(.5) rotateX(30deg);transition:all 150ms ease-in}.ReactModal__Content.modal-dialog{border:none;background-color:transparent}.animated{animation-fill-mode:both}.animated.bounceIn,.animated.bounceOut{animation-duration:.75s}.animated.shake{animation-duration:.3s}@keyframes shake{from,to{transform:translate3d(0,0,0)}10%,50%,90%{transform:translate3d(-10px,0,0)}30%,70%{transform:translate3d(10px,0,0)}}.shake{animation-name:shake}@keyframes bounceIn{20%,40%,60%,80%,from,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scale3d(1,1,1)}}.bounceIn{animation-name:bounceIn}@keyframes bounceOut{20%{transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;transform:scale3d(1.1,1.1,1.1)}to{opacity:0;transform:scale3d(.3,.3,.3)}}.bounceOut{animation-name:bounceOut}.s-alert-box,.s-alert-box *{box-sizing:border-box}.s-alert-box{position:fixed;background:rgba(42,45,50,.85);padding:22px;line-height:1.4;z-index:1000;pointer-events:none;color:rgba(250,251,255,.95);font-size:100%;font-family:'Helvetica Neue','Segoe UI',Helvetica,Arial,sans-serif;max-width:300px;-webkit-transition:top .4s,bottom .4s;transition:top .4s,bottom .4s}.s-alert-box.s-alert-show,.s-alert-box.s-alert-visible{pointer-events:auto}.s-alert-box a{color:inherit;opacity:.7;font-weight:700}.s-alert-box a:focus,.s-alert-box a:hover{opacity:1}.s-alert-box p{margin:0}.s-alert-close{width:20px;height:20px;position:absolute;right:4px;top:4px;overflow:hidden;text-indent:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}.s-alert-close:focus,.s-alert-close:hover{outline:0}.s-alert-close::after,.s-alert-close::before{content:'';position:absolute;width:3px;height:60%;top:50%;left:50%;background:#fff}.s-alert-close:hover::after,.s-alert-close:hover::before{background:#fff}.s-alert-close::before{-webkit-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg)}.s-alert-close::after{-webkit-transform:translate(-50%,-50%) rotate(-45deg);transform:translate(-50%,-50%) rotate(-45deg)}.s-alert-bottom-left{top:auto;right:auto;bottom:30px;left:30px}.s-alert-top-left{top:30px;right:auto;bottom:auto;left:30px}.s-alert-top-right{top:30px;right:30px;bottom:auto;left:auto}.s-alert-bottom-right{top:auto;right:30px;bottom:30px;left:auto}.s-alert-bottom,.s-alert-top{width:100%;max-width:100%;left:0;right:0}.s-alert-bottom{bottom:0;top:auto}.s-alert-top{top:0;bottom:auto}.s-alert-info{background:#00A2D3;color:#fff}.s-alert-success{background:#27AE60;color:#fff}.s-alert-warning{background:#F1C40F;color:#fff}.s-alert-error{background:#E74C3C;color:#fff}[class*=" s-alert-effect-"].s-alert-hide,[class^=s-alert-effect-].s-alert-hide{-webkit-animation-direction:reverse;animation-direction:reverse}.s-alert-box-height{visibility:hidden;position:fixed}.s-alert-effect-scale a,.s-alert-effect-scale a:focus,.s-alert-effect-scale a:hover{color:#fff}.s-alert-effect-scale .s-alert-close::after,.s-alert-effect-scale .s-alert-close::before,.s-alert-effect-scale .s-alert-close:hover::after,.s-alert-effect-scale .s-alert-close:hover::before{background:#fff}.s-alert-effect-scale.s-alert-hide,.s-alert-effect-scale.s-alert-show{-webkit-animation-name:animScale;animation-name:animScale;-webkit-animation-duration:.25s;animation-duration:.25s}@-webkit-keyframes animScale{0%{opacity:0;-webkit-transform:translate3d(0,40px,0) scale3d(.1,.6,1)}100%{opacity:1;-webkit-transform:translate3d(0,0,0) scale3d(1,1,1)}}@keyframes animScale{0%{opacity:0;-webkit-transform:translate3d(0,40px,0) scale3d(.1,.6,1);transform:translate3d(0,40px,0) scale3d(.1,.6,1)}100%{opacity:1;-webkit-transform:translate3d(0,0,0) scale3d(1,1,1);transform:translate3d(0,0,0) scale3d(1,1,1)}}
/* stackslide (top, bottom - full width) */

.s-alert-effect-stackslide .s-alert-close {
    background: transparent;
}

.s-alert-effect-stackslide .s-alert-close::before,
.s-alert-effect-stackslide .s-alert-close::after {
    background: #fff;
}

.s-alert-effect-stackslide p {
    padding: 0 1.5em;
    display: inline-block;
}

.s-alert-effect-stackslide .s-alert-close::before,
.s-alert-effect-stackslide .s-alert-close::after {
    width: 2px;
    background: #fff;
}

.s-alert-effect-stackslide .s-alert-close:hover::before,
.s-alert-effect-stackslide .s-alert-close:hover::after {
    background: #fff;
}

.s-alert-top-left.s-alert-effect-stackslide.s-alert-show,
.s-alert-top-right.s-alert-effect-stackslide.s-alert-show,
.s-alert-top-left.s-alert-effect-stackslide.s-alert-hide,
.s-alert-top-right.s-alert-effect-stackslide.s-alert-hide,
.s-alert-top.s-alert-effect-stackslide.s-alert-show,
.s-alert-top.s-alert-effect-stackslide.s-alert-hide {
    -webkit-animation-name: animSlideTop;
    animation-name: animSlideTop;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
}

@-webkit-keyframes animSlideTop {
    0% { -webkit-transform: translate3d(0,-100%,0); }
    100% { -webkit-transform: translate3d(0,0,0); }
}

@keyframes animSlideTop {
    0% { -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); }
    100% { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
}

.s-alert-bottom-left.s-alert-effect-stackslide.s-alert-show,
.s-alert-bottom-right.s-alert-effect-stackslide.s-alert-show,
.s-alert-bottom-left.s-alert-effect-stackslide.s-alert-hide,
.s-alert-bottom-right.s-alert-effect-stackslide.s-alert-hide,
.s-alert-bottom.s-alert-effect-stackslide.s-alert-show,
.s-alert-bottom.s-alert-effect-stackslide.s-alert-hide {
    -webkit-animation-name: animSlideBottom;
    animation-name: animSlideBottom;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
}

@-webkit-keyframes animSlideBottom {
    0% { -webkit-transform: translate3d(0,100%,0); }
    100% { -webkit-transform: translate3d(0,0,0); }
}

@keyframes animSlideBottom {
    0% { -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); }
    100% { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
}
/* Common, default styles for the notification box */

.s-alert-box,
.s-alert-box * {
    box-sizing: border-box;
}

.s-alert-box {
    position: fixed;
    background: rgba(42,45,50,0.85);
    padding: 22px;
    line-height: 1.4;
    z-index: 1000;
    pointer-events: none;
    color: rgba(250,251,255,0.95);
    font-size: 100%;
    font-family: 'Helvetica Neue', 'Segoe UI', Helvetica, Arial, sans-serif;
    max-width: 300px;
    -webkit-transition: top .4s, bottom .4s;
    transition: top .4s, bottom .4s;
}

.s-alert-box.s-alert-show {
    pointer-events: auto;
}

.s-alert-box a {
    color: inherit;
    opacity: 0.7;
    font-weight: 700;
}

.s-alert-box a:hover,
.s-alert-box a:focus {
    opacity: 1;
}

.s-alert-box p {
    margin: 0;
}

.s-alert-box.s-alert-show,
.s-alert-box.s-alert-visible {
    pointer-events: auto;
}

.s-alert-close {
    width: 20px;
    height: 20px;
    position: absolute;
    right: 4px;
    top: 4px;
    overflow: hidden;
    text-indent: 100%;
    cursor: pointer;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.s-alert-close:hover,
.s-alert-close:focus {
    outline: none;
}

.s-alert-close::before,
.s-alert-close::after {
    content: '';
    position: absolute;
    width: 3px;
    height: 60%;
    top: 50%;
    left: 50%;
    background: #fff;
}

.s-alert-close:hover::before,
.s-alert-close:hover::after {
    background: #fff;
}

.s-alert-close::before {
    -webkit-transform: translate(-50%,-50%) rotate(45deg);
    transform: translate(-50%,-50%) rotate(45deg);
}

.s-alert-close::after {
    -webkit-transform: translate(-50%,-50%) rotate(-45deg);
    transform: translate(-50%,-50%) rotate(-45deg);
}

/* positions */

.s-alert-bottom-left {
    top: auto;
    right: auto;
    bottom: 30px;
    left: 30px;
}
.s-alert-top-left {
    top: 30px;
    right: auto;
    bottom: auto;
    left: 30px;
}
.s-alert-top-right {
    top: 30px;
    right: 30px;
    bottom: auto;
    left: auto;
}
.s-alert-bottom-right { /*default*/
    top: auto;
    right: 30px;
    bottom: 30px;
    left: auto;
}
.s-alert-bottom {
    width: 100%;
    max-width: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    top: auto;
}
.s-alert-top {
    width: 100%;
    max-width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: auto;
}

/* conditions */

.s-alert-info {
    background: #00A2D3;
    color: #fff;
}
.s-alert-success {
    background: #27AE60;
    color: #fff;
}
.s-alert-warning {
    background: #F1C40F;
    color: #fff;
}
.s-alert-error {
    background: #E74C3C;
    color: #fff;
}

[class^="s-alert-effect-"].s-alert-hide,
[class*=" s-alert-effect-"].s-alert-hide {
    -webkit-animation-direction: reverse;
    animation-direction: reverse;
}

/* height measurement helper */
.s-alert-box-height {
    visibility: hidden;
    position: fixed;
}

/*# sourceMappingURL=/src.a2b27638.css.map */