a {text-decoration: none;} 

.row {max-width: 700px; width: 100%}


.accordion-flush>.accordion-item>.accordion-header .accordion-button {border-radius: 8px;}
.accordion-flush>.accordion-item>.accordion-header .accordion-button.collapsed {border-radius: 8px;}

::placeholder {opacity: 1; font-weight: 200; color: red;}  

/* Кнопки */
.btn-sm {padding: 0.25rem 0.5rem; height: 32px; /* height: 1.9rem; */ }
.btn-close {border: 1px!important; width: 1em; margin-left: 4px;}

/* Popover */
.popover {background: lightgrey!important; max-width: 600px; justify-content: center; margin: 5px!important;}
.popover-body {color: #000000!important; }
.popover-content {color: grey!important;}
.custom-popover {
  color: grey!important;
  border-color: lightgrey;
  max-width: 300px!important;
}

/* Popover's arrow */
.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:after, .bs-popover-top>.popover-arrow:after {border-top-color: lightgrey;} 
.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:after, .bs-popover-bottom>.popover-arrow:after {border-bottom-color: lightgrey;} 
.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:after, .bs-popover-end>.popover-arrow:after {border-right-color: lightgrey;}
.bs-popover-auto[data-popper-placement^=left]>.popover-arrow:after, .bs-popover-start>.popover-arrow:after {border-left-color: lightgrey;} 



/* Классы для драггинга, включая мобильные устройства */
[draggable] {user-select: none;}
.dragging {}
#columns {display: flex; gap: 0.15rem; 
  .column {display: inline-block; &.over {border-width: 1px!important; border-style: dashed!important;}}
}
.column-2 {border-style:dashed; border-width: 0px; width: max-content;}

/* Класс для идентификации элементов порядка видов приема пищи */
.drag-order {}

/* Работа с датой - пикер */
.ui-datepicker-trigger {
  margin-left: 5px;
  position: relative;
  top: 0px;
  cursor: pointer;
  border-width: 1px;
  border-style: solid;
  border-color: lightgray;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
#ui-datepicker-div {
  z-index: 1500!important;
  top: 0px;
}

.ui-datepicker-trigger {
  width: 38px;
  background-color: var(--bs-body-bg); /* #212529 */
  padding-left: 12px;
  padding-right: 12px;
  border-color: #495057!important;
}

.bk {
  border-radius: 10px;
}

.navbar-toggler {
  border-width: 0px!important;
}

.navbar-toggler:focus {
  border: solid!important;
  border-color: white;
  border-width: 1px!important;
  box-shadow: 0px 0px 0px ;
  opacity: 1;
}

.navbar-nav {
  --bs-nav-link-padding-y: 0rem;
}

/* Плавное появление элемента */
.fade-in-item {
  opacity: 0; /* Начальная прозрачность */
  animation: ani 10s forwards; 
}
@keyframes ani {
  0% {opacity: 0;}
  100% {opacity: 1;}
}

.badge-ivk-circle {
  border-radius: 40rem; 
  width: 24px; 
  vertical-align: middle;
  text-align: center;
  align-items: center;
  background-color: var(--bs-body-bg); /* #212529 */
}


.tooltip .tooltip-inner {max-width: 340px; text-align: left; padding: 15px;}

.custom-tooltip { 
  --bs-tooltip-opacity: 1;
}

.custom-tooltip .tooltip-inner {
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  border-radius: 0.5rem;
  max-width: 340px!important; 
}

.tooltip-header-ivk {
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
  width: 100%;
  font-weight: bold; 
  font-size: 1rem;
  text-align: left; 
  color: grey!important;
  background-color: #343a40!important; /* var(--bs-popover-header-bg) */
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  border: 1px solid #ffffff!important; /* var(--bs-popover-border-width) solid var(--bs-popover-border-color) */
}

.tooltip-content-ivk {
  opacity: 0.9!important; 
  width: 100%;
  padding-left: 15px!important;
  padding-right: 15px!important;
  padding-top: 15px!important;
  padding-bottom: 10px!important;
  color: #000000!important; 
  background-color: #dee2e6!important;
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}

.tooltip-content-ivk-only {
  border-top-left-radius: 0.5rem!important;
  border-top-right-radius: 0.5rem!important;
}