.blured {
  -webkit-filter: blur(2px);
  -moz-filter: blur(2px);
  -o-filter: blur(2px);
  -ms-filter: blur(2px);
  filter: blur(2px);
}

/* Toast */
.toast-container {
  top: 5vh;
}

/* Table custom */
.paginate_button:hover {
  background: none !important;
  border: 1px solid transparent !important;
}

/*********************/
/* LIST DI GRAISSAGE */
/*********************/

#list-di-table ul {
  list-style: none;
  margin-left: -10px;
}

#list-di-table li {
  border-bottom: 1px solid #ccc;
  padding: 8px 0;
}

#list-di-table li:last-child {
  border-bottom: none;
}

/********************/
/* END DI GRAISSAGE */
/********************/

/*************************/
/* LEGEND PLANING CUSTOM */
/*************************/
#legend .day {
  width: 34px;
  height: 24px;
}

#legend span {
  width: 10vw;
}

/*****************************/
/* END LEGEND PLANING CUSTOM */
/*****************************/

/******************/
/* PLANING CUSTOM */
/******************/
#planning-card {
  word-break: break-all;
}

#planing-other-intervenant {
  margin-bottom: 0px;
}

#planing {
  border-collapse: separate !important;
  border-spacing: 0;
}

#planing thead {
  top: 60px;
  text-align: center;
  background-color: white;
  z-index: 2;
}

@media only screen and (max-width: 600px) {
  #planing thead {
    top: 0px !important;
  }
}

#planing.table-bordered > :not(caption) > * > * {
  border-width: 1px 1px 0 0;
}

#planing tr th:first-child {
  border-left-width: 1px;
}

#planing tr,
#planing-other-intervenant tbody tr {
  white-space: nowrap;
}

#planing-other-intervenant tbody tr {
  width: 46px;
  height: 32px;
}

#planing .day,
#planing-other-intervenant .day {
  position: relative;
  height: 32px;
}

#planing .day input,
#planing-other-intervenant .day input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  cursor: pointer;
  appearance: none;
}

/* Day proposed */
#legend .day.proposed,
#planing .day.proposed,
#planing-other-intervenant .day.proposed {
  background-color: #41a1ff !important;
}

#planing .day.proposed-hovering {
  background-color: #8ed3ff !important;
}

/* Day other workorder proposed */
#planing-other-intervenant .day.other-workorder-proposed,
#legend .day.other-workorder-proposed,
#planing .day.other-workorder-proposed {
  cursor: default;
  background-color: #e5980d !important;
}

#planing .day.hovering-other-workorder-proposed {
  background-color: #f9ca4b !important;
}

/* Day hs occupied */
#planing-other-intervenant .day.workorder-reserved,
#legend .day.workorder-reserved,
#planing .day.workorder-reserved {
  background-color: #5fd80e !important;
}

#planing .day.hovering-workorder-reserved {
  background-color: #a1f85e !important;
}

/* Day plan rds hs */
#legend .day.plan-rds-hs,
#planing .day.plan-rds-hs,
#planing-other-intervenant .day.plan-rds-hs {
  background-color: #d06363 !important;
}

#planing .day.hovering-plan-rds-hs {
  background-color: #ecb5b5 !important;
}

#planing .day.plan-rds-hs input,
#planing .day.workorder-reserved input {
  cursor: default !important;
}

#legend .day.hovering-warning,
#planing .day.hovering-warning {
  background-color: yellow;
}

#legend .day.hovering-error,
#planing .day.hovering-error {
  cursor: default !important;
  background-color: red;
}

#planing .day.hovering-disabled input {
  cursor: not-allowed;
}

#legend .day.not-working-day input,
#planing .day.not-working-day input {
  cursor: default !important;
  background-color: #b6bac3;
}

#planing .week-end {
  background-color: #b6bac3 !important;
  border: none;
}

#planing .day.loading,
#planing .day.loading input {
  cursor: wait !important;
}

#planing .day.clickable,
#planing .day.clickable input {
  cursor: pointer !important;
}

#planing .separator {
  height: 15px;
  background-color: #b6bac3;
}

/* plan-rds-tooltip-show */
.plan-rds-tooltip,
.di-tootlip,
.workorder-tootlip {
  display: none;
}

.plan-rds-tooltip-show,
.di-tooltip-show,
.workorder-proposal-tootlip-show {
  background-color: #fff;
  text-align: center;
  padding: 5px 5px;
  border: 1px solid rgb(222, 226, 230);
  border-radius: 6px;
  position: absolute;
  z-index: 1000;
  transform: translate(-50%, -105%);
  text-align: left;
  box-shadow: 0 0 4px rgba(1, 41, 112, 0.5);
  overflow: visible;
}

.plan-rds-tooltip-show {
  color: #d06363;
}

.di-tooltip-show {
  color: #5fd80e;
}

.workorder-proposal-tootlip-show {
  color: #e5980d;
}

.plan-rds-tooltip-show::after,
.di-tooltip-show::after,
.workorder-proposal-tootlip-show::after {
  content: " ";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  margin-right: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent transparent;
}

/* Chevron */
.chevron {
  cursor: pointer;
}

#chevron-right {
  margin-right: auto;
}

#chevron-left {
  margin-left: auto;
}

/* Ajax call spinner/blur */
.tech-propose.spinner-border,
.planing.spinner-border,
.dashboard .spinner-border {
  display: none;
  width: 96px;
  height: 96px;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  top: 50%;
  text-align: center;
}

.card-tech-propose.spinner-border {
  display: none;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  top: 50%;
  text-align: center;
}

#tech-propose .card-body.blured {
  -webkit-filter: blur(2px);
  -moz-filter: blur(2px);
  -o-filter: blur(2px);
  -ms-filter: blur(2px);
  filter: blur(2px);
}

#tech-propose .card-body.blured button {
  cursor: default !important;
}

input[readonly="readonly"],
input[readonly="readonly"]:focus {
  cursor: default;
  background-color: #e9ecef;
  opacity: 1;
  border: 1px solid #ced4da;
  box-shadow: none;
}

/**********************/
/* END PLANING CUSTOM */
/**********************/

/**********************/
/* FORM PLANIFICATION */
/**********************/

#tech-proposed-card .clickable,
#tech-proposed-card .clickable input {
  cursor: pointer;
}

#tech-proposed-card .not-clickable,
#tech-proposed-card .not-clickable input {
  cursor: default;
}

#tech-proposed-card .clickable:hover {
  box-shadow: 0 0 4px rgba(1, 41, 112, 0.5);
}

#tech-proposed-card .selected {
  cursor: default;
  background-color: rgb(28, 165, 97);
}

#tech-proposed-card .selected input {
  cursor: default;
}

#tech-proposed-card .selected .card-title {
  color: white;
}

#other-intervenant-table td {
  vertical-align: middle;
}

/**************************/
/* END FORM PLANIFICATION */
/**************************/

/*************/
/* DASHBOARD */
/*************/
#workorder-table {
  font-size: 13px;
}

#workorder-table .downloadPickingOrder[disabled="disabled"],
#workorder-table .downloadPurchaseOrder[disabled="disabled"] {
  cursor: default;
  pointer-events: none;
}

#workorder-table .modalKit[disabled="disabled"] {
  cursor: default;
  pointer-events: none;
}

#workorder-table thead input,
#workorder-table thead select {
  min-width: 50px;
}

/* Increase the input width if datatable is empty to show value in input */
#workorder-table thead input.empty-value-width,
#workorder-table thead select.empty-value-width {
  width: 100px;
}

/*****************/
/* END DASHBOARD */
/*****************/