@charset "UTF-8";
/*================================================================================
	Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
	Version: 2.0
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */
.feather-24 {
  width: 24px;
  height: 24px;
}

.header-navbar .navbar-container {
  background-color: #0C4794;
}

#roles-carousel .carousel-control-prev {
  position: absolute;
  top: 0;
  left: -20px;
  justify-content: left;
  width: 2.5rem;
  padding: 0;
  text-align: left;
}
#roles-carousel .carousel-control-next {
  position: absolute;
  top: 0;
  right: -20px;
  justify-content: right;
  width: 2.5rem;
  padding: 0;
  text-align: right;
}

.form-check-purple {
  color: #7367f0;
}

.header-navbar .navbar-container ul.navbar-nav li svg.ficon:hover {
  color: #adb5bd !important;
}

.text-indigo {
  color: #7367f0 !important;
}

.text-yellow {
  color: #ffc107 !important;
}

.text-pink {
  color: #d63384 !important;
}

.text-green {
  color: #198754 !important;
}

.text-cyan {
  color: #0dcaf0 !important;
}

.text-teal {
  color: #20c997 !important;
}

.bg-indigo {
  background-color: #6610f2 !important;
}

.bg-primary-light {
  background-color: #e1e9f2 !important;
}

.bg-yellow {
  background-color: #ffc107 !important;
}

.bg-pink {
  background-color: #d63384 !important;
}

.bg-green {
  background-color: #198754 !important;
}

.bg-cyan {
  background-color: #0dcaf0 !important;
}

.bg-teal {
  background-color: #20c997 !important;
}

.bg-warning-12 {
  background-color: rgba(242, 109, 0, 0.12);
}

.bg-info-12 {
  background-color: rgba(115, 103, 240, 0.12);
}

.badge-light-cyan,
.bg-light-cyan {
  color: #0d6efd !important;
  background-color: rgba(13, 202, 240, 0.12);
}

.badge-light-pink,
.bg-light-pink {
  color: #d63384 !important;
  background-color: rgba(214, 51, 132, 0.12);
}

.pe-zoom:hover {
  transform: scale(1.07);
  cursor: pointer;
}

#color-choice {
  border: 3px solid #f6f6f6;
}

#color-choice:focus {
  border: 3px solid #0c479436;
}

.loading-bg {
  /* display: none; */
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 10000;
}

.tip-bg-image label {
  display: none;
}

.editable-popup {
  background-color: #c0bcc4;
  border-radius: 10px;
}

.editable-click {
  border-bottom: none !important;
}

.editable-input input {
  border: none !important;
  border-radius: 5px;
  padding: 5px;
}

.editable-input input:focus {
  border: none !important;
}

.editable-click input :focus {
  border: none !important;
}

.expenses-card {
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 2px solid #bec2ca;
  border-radius: 0.428rem;
}

.editable-click:hover {
  cursor: pointer !important;
  color: #0C4794;
}

.legal_reason_fields {
  background-color: #e8ecf4;
}

@media (min-width: 992px) {
  .fc .fc-sidebarToggle-button {
    display: none;
    opacity: 0;
    pointer-events: none;
  }
}
@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
  .fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events {
    min-height: 140px !important;
  }

  .fc .fc-daygrid-more-link {
    position: absolute;
    bottom: 0px !important;
    font-size: smaller;
  }
}
.fc .fc-daygrid-more-link {
  position: absolute;
  bottom: -96px !important;
}

.fc-multimonth-daygrid-table .fc-day {
  height: 60px !important;
}

.fc .fc-daygrid-day-bottom .fc-daygrid-event-harness {
  position: absolute !important;
}

.fc-multimonth-month .fc-daygrid-more-link {
  position: absolute;
  bottom: 0px !important;
}

.fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events {
  min-height: 110px !important;
}

.fc .fc-daygrid-event-harness.fc-daygrid-event-harness-abs + .fc-daygrid-event-harness.fc-daygrid-event-harness-abs,
.fc .fc-daygrid-event-harness a.fc-daygrid-event.fc-daygrid-block-event.fc-event-start,
.fc .fc-daygrid-event-harness.fc-daygrid-event-harness-abs + .fc-daygrid-event-harness.fc-daygrid-event-harness-abs a.fc-daygrid-event.fc-daygrid-block-event.fc-event-end.fc-event-future {
  margin-top: 0.3rem !important;
}

.fc-daygrid-day-events > .fc-daygrid-event-harness.fc-daygrid-event-harness-abs + .fc-daygrid-event-harness.fc-daygrid-event-harness-abs + .fc-daygrid-event-harness a.fc-daygrid-event.fc-daygrid-block-event.fc-event-end.fc-event-future {
  top: 1.6em !important;
}

.fc-daygrid-day-events > .fc-daygrid-day-bottom {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

.fc-daygrid-event-harness + .fc-daygrid-event-harness + .fc-daygrid-day-bottom {
  margin-top: 0px !important;
}

.fc .fc-daygrid-event-harness .fc-event {
  padding: 0.2rem !important;
}

.fc-daygrid-day-events > .fc-daygrid-event-harness.fc-daygrid-event-harness-abs + .fc-daygrid-event-harness {
  margin-top: 45px !important;
}

.fc-event .fc-event-main {
  overflow: hidden;
}

li.select2-selection__choice {
  max-width: 98% !important;
  overflow: hidden !important;
  padding-right: 1rem !important;
  text-overflow: ellipsis;
}

.btn-view-batch {
  flex-grow: 1;
  border-radius: 0;
}

.btn-primary:focus {
  box-shadow: 0 0 4px 2px #0C4794 !important;
}

#form-upload-images {
  border: 2px dashed #0C4794;
}

.upload__inputfile {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}
.upload__img-wrap {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px;
}
.upload__img-box {
  min-width: 25%;
  padding: 0 10px;
  margin-bottom: 12px;
}
.upload__img-close, .upload__img-close-preload {
  width: 24px;
  height: 24px;
  border-radius: 0.4rem;
  background-color: #DA291C;
  position: absolute;
  top: -10px;
  right: -5px;
  text-align: center;
  line-height: 24px;
  z-index: 1;
  cursor: pointer;
}
.upload__img-close:after, .upload__img-close-preload:after {
  content: "✖";
  font-size: 14px;
  color: white;
}
.upload__img-cover {
  left: 0;
  right: 0;
  bottom: -35px;
  margin-left: auto;
  margin-right: auto;
  width: -moz-fit-content;
  width: fit-content;
  position: absolute;
  z-index: 1;
  cursor: pointer;
}

.show__img-wrap {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px;
}
.show__img-box {
  min-width: 25%;
  padding: 0 10px;
  margin-bottom: 12px;
}
.show__img-cover {
  left: 0;
  right: 0;
  bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  width: -moz-fit-content;
  width: fit-content;
  position: absolute;
  z-index: 1;
}

.img-bg {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
  padding-bottom: 100%;
  border-radius: 0.4rem;
  border: #f6f6f6 1px solid;
  opacity: 1;
  transition: 0.3s ease;
  /* Safari */
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

#img-big-preview,
.sign-preview {
  border-radius: 0.4rem;
  border: #f6f6f6 1px solid;
}

#eye-img-preview:hover + .img-bg {
  opacity: 0.3;
}

#eye-img-preview {
  transition: 0.3s ease;
  opacity: 0;
  position: relative;
  z-index: 10;
  top: 60%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

#eye-img-preview:hover {
  opacity: 1;
}

select.is-invalid.select2-hidden-accessible + span > span.selection > span.select2-selection.select2-selection--single {
  border-color: #DA291C !important;
  padding-right: calc(1.45em + 1.142rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23DA291C'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23DA291C' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(1.8625em + 0.2855rem) center;
  background-size: calc(0.725em + 0.571rem) calc(0.725em + 0.571rem);
}

body {
  overflow-x: hidden;
}

#precatalogueModalAssignMin .carousel .carousel-indicators button {
  width: 10px;
  height: 10px;
  border-radius: 100%;
}
#precatalogueModalAssignMin .carousel-indicators {
  bottom: -4rem;
}
#precatalogueModalAssignMin .carousel-item {
  height: 50vh;
}
#precatalogueModalAssignMin .carousel-item img {
  width: 100%;
  max-height: 50vh;
}
#precatalogueModalAssignMin .carousel-indicators [data-bs-target] {
  background-color: #0C4794;
  opacity: 0.2;
}
#precatalogueModalAssignMin .carousel-indicators .active {
  opacity: 1;
}

#batch-history.timeline .timeline-item .timeline-event {
  min-height: 0;
}
#batch-history.timeline .timeline-item:last-of-type:after {
  content: none;
}

.management-modal-list {
  max-height: 200px !important;
  cursor: pointer;
}
.management-modal-list .list-group-item {
  background-color: transparent;
}

.management-modal-list:hover {
  background-color: rgba(12, 71, 148, 0.03);
}

.disabled-grey {
  pointer-events: none;
  background-color: #b0b4b4 !important;
  border-color: #b0b4b4 !important;
}

.disabled-warning {
  pointer-events: none;
  background-color: #f8a45c !important;
  border-color: #f8a45c !important;
}