.boldtitle {
  font-weight: bold;
}
/* стиль бордера bootstrap-select как у остальных элементов */
.bootstrap-select:not(.input-group-btn), .bootstrap-select[class*=col-] {
  border: var(--bs-border-width) solid var(--bs-border-color);
}
.navbar {
  background-color: #007bff;
  color: white;
}
.btn_href {
	color: white;
	text-decoration: none;
}
/* ячейки согласования перевозчика */
.approve {
  background-color:#00ff5573 !important;
}
.reject {
  background-color:#ffa3ac !important;
}

.fa-disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.form-control, .dropdown-toggle, .dropdown-menu, .approval_boss, .timepicker {
  background-color: #f7f5ff;
}

/* чуть увеличим кнопку */
.btn_login {
  --bs-btn-padding-y: 1.2rem !important;;
}

.placeholder {
  cursor: unset;
  filter: blur(2px);
}

/* скрывалка */
.hide {
  display: none;
}

/* скрыть иконку календаря для input type="date" */
input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-calendar-picker-indicator {
    display: none;
    -webkit-appearance: none;
}
/* делаем цвет прошедших дней более бледным в datepicker */
.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover {
    color: #d3d3d3;
}
.datepicker {
	border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

/* цветовая имитация disabled для поля readonly */ 
.pseudo_disabled:focus {
  background-color: #f7f5ff;
  border-color: var(--bs-border-color);
  outline: none;
  box-shadow: none;
  cursor: not-allowed;
}
.pseudo_disabled:hover {
  cursor: not-allowed;
}

/* отключаем стрелки сортировки у столбцов и ровняем 
.dt-column-order:before,
.dt-column-order:after {
    content: "" !important;
}
.dt-orderable-asc, .dt-orderable-desc {
	padding-right: .5rem !important;
}*/

/* чуть ровняем ползунок выполнения заявки и ползунок активных заявок*/
input#is_done,input#show_only_current_requests,input#show_only_my_requests {
  margin-right: 0.5em;
  margin-top: 0;
  width: 2.5em;
  height: 1.5em;
}

/* тряска */
.shake {
  animation: shake 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55) both;
}
@keyframes shake {
  10%, 90% {
    transform: translateX(-0.5px);
   }
  20%, 80% {
    transform: translateX(1px);
  }
  30%, 50%, 70% {
    transform: translateX(-2px);
  }
  40%, 60% {
    transform: translateX(2px);
  }
}

/* плашка юзера */
.usertitle {
	background-color: #efebff;
	text-transform: uppercase;
	font-weight: 700;
	border: 1px solid #007bff;
	border-radius: 5px;
	padding: 0.45rem 0.8rem;
	box-shadow: 0px 0px 10px rgba(77, 130, 255, 0.6);
	position: relative;
	display: flex;
	overflow: hidden;
	user-select: none;
}
.usertitle:before {
	content: '';
	width: 100%;
	height: 200%;
	position: absolute;
	top: 0; left: 0;
	opacity: 0.5;
	filter: blur;
	background: linear-gradient(to left, transparent 0%, #fff 40%, #fff 60%, transparent 100%);
	transform: translate(-100%, -25%) rotate(10deg);
	animation: blick 5s infinite;
}
@keyframes blick {
  0% {
    transform: translate(-100%, -25%) rotate(10deg);
  }
  20% {
    transform: translate(100%, -25%) rotate(10deg);
  }
  100% {
    transform: translate(100%, -25%) rotate(10deg);
  }
}