.container {
   margin-left: 3rem;
  margin-right: 3rem;
  max-width: 90%;
  min-height: 70vh;
 }

  .navbar-toggler-icon{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='darkblue' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  }

  .navbar-toggler {
      border: 2px solid darkblue;
  }

 .nav-item {
  /*//position: absolute;*/

 }
 .btn.focus-ring {
  text-align: center;
  height: fit-content;
  min-height: 70px;
  width: 100%;
  border: 3px solid rgb(0, 123, 255, .2);
  color: #007bff;
 }

 .dropdown-item {
  min-height: fit-content!important;
 }

 hr.dropdown-divider {
  border: 0;
  margin: 0.7rem 0;
 }


  .btn.focus-ring:hover {
      background-color: #e7f5b6;
  }
 .btn.focus-ring:visited {
  background-color: lightskyblue;
 }
 .btn.focus-ring:target {
  background-color: lightskyblue;
 }
 .btn.focus-ring::after {
  background-color: lightskyblue;
 }
 .btn.focus-ring::before {
  background-color: lightskyblue;
 }

 .btn.class-click {
  background-color: lightskyblue;
 }

  .nav-item:hover {
      background-color: #e7f5b6;
  }

  /*table .w-full {*/
  /* width: max-content;*/
  /* !*width:available !important;*!*/
  /*}*/

  tbody {
   counter-reset: rowNumber;
  }
 tbody.device {
  counter-reset: none ;
 }

  tbody tr::before {
   display: table-cell;
   counter-increment: rowNumber;
   content: counter(rowNumber) "";
   padding-right: 1.5rem;
   padding-left: 1.5rem;
   padding-bottom: 1rem;
   padding-top: 1rem;
   text-align: center;
  }

 tbody tr.t_report::before {
  display: none;
 }

 .table-bordered.t_report {
  border: 1px solid #5563c7 !important;
 }
 thead tr.t_report > th{
  border: 1px solid #5563c7 !important;
 }

 tbody tr.t_report > td{
  border: 1px solid #5563c7 !important;
 }

 tbody tr.t_modal::before {
  display: none;
 }

 tbody.device  tr.device::before {
  display: table-cell;
  counter-increment: none;
  content: none;
 }


  th {
   max-width: fit-content;
  }


 @media (min-width: 1200px) {
  .modal-xl {
   max-width: 1400px;
  }
 }

 /*стиль, чтобы убрать стрелочку из select {*/
 .file_log {
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: '';
 }


 .ul_menu { display: inline-block; cursor: pointer; /* курсор-указатель для пользователя */}
 .ul_menu > span { border: 1px solid #ccc; padding: 5px; border-radius: 3px; }
 .lul_menu { display: none; position: absolute; background: #e6f8f8; list-style-type: none; padding: 0; width: 120px; border: 1px solid #ccc;}
 /*.dropdown:hover ul { display: block; !* плавное появление списка при наведении *!}*/
 .ul_menu input[type="checkbox"] { margin: 0 10px;  /* добавляет пространство вокруг чекбокса */}

 .custom-tooltip {
  --bs-tooltip-bg: #029fff;
  --bs-tooltip-color: white;
 }

 .color-blue {
   color:blue;
  font-weight: bold;
 }
 .color-red {
  color:red;
  font-weight: bold;
 }
 .color-orange {
  color:orange;
  font-weight: bold;
 }

 .table-bd {
  border: none;
  field-sizing: content;
 }

 .th-sort {
  /*position: relative;*/

  /*px-4*/
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
  /*py-3*/
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;

  background-color: rgba(225, 240, 251, 0.59);
  border: 1px solid rgb(0, 0, 0, 0.2);

 }

 .btn-sort {
  background-color: transparent;
  border: none;
  /*position: absolute;*/
  right: 0;
  top: 0;
  height: 100%;
  width: 100%;
  display: flex;
  font-weight: bold;
 }

 .td-sort {
  /*height: 100%;*/
  /*width: 100%;*/

  /*px-4*/
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
  /*py-3*/
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;

 }


/* From Uiverse.io by TaniaDou */
.button {
 padding: 1rem 2rem;
 border-radius: 0.5rem;
 border: none;
 font-size: 1rem;
 font-weight: 400;
 /*color: #f4f0ff;*/
 color: black;
 text-align: center;
 position: relative;
 cursor: pointer;
}

.button::before {
 content: "";
 display: block;
 position: absolute;
 left: 0;
 top: 0;
 height: 100%;
 width: 100%;
 border-radius: 0.5rem;
 background: linear-gradient(
         180deg,
         rgba(8, 77, 126, 0) 0%,
         rgba(8, 77, 126, 0.42) 100%
 ),
 rgba(47, 255, 255, 0.24);
 box-shadow: inset 0 0 12px rgba(151, 200, 255, 0.44);
 z-index: -1;
}

.button::after {
 content: "";
 display: block;
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background: linear-gradient(
         180deg,
         rgba(8, 77, 126, 0) 0%,
         rgba(8, 77, 126, 0.42) 100%
 ),
 rgba(47, 255, 255, 0.24);
 box-shadow: inset 0 0 12px rgba(151, 200, 255, 0.44);
 border-radius: 0.5rem;
 opacity: 0;
 z-index: -1;
 transition: all 0.3s ease-in;
}

.button:hover::after {
 opacity: 1;
}

.button-border {
 position: absolute;
 top: 0;
 left: 0;
 height: 100%;
 width: 100%;
 border-radius: 0.5rem;
 z-index: -1;
}

.button-border::before {
 content: "";
 position: absolute;
 border-radius: 0.5rem;
 padding: 1px;
 inset: 0;
 background: linear-gradient(
         180deg,
         rgba(184, 238, 255, 0.24) 0%,
         rgba(184, 238, 255, 0) 100%
 ),
 linear-gradient(0deg, rgba(184, 238, 255, 0.32), rgba(184, 238, 255, 0.32));
 /*//mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);*/
 /*-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);*/
 /*//mask-composite: exclude;*/
 /*-webkit-mask-composite: xor;*/
 pointer-events: none;
}

.btn-primary, .btn-success {
 transition: transform 0.7s ease-in;
}

.btn-primary:hover, .btn-success:hover {
 transform: scale(1.05);
 box-shadow: 2px 2px 5px #764dfc;
}