/*                      project style                       */

/*Фон Бокового меню*/
.vertical-menu {
  background: linear-gradient(
    130deg,
    #c4e2f6 10%,
    #80c0ea 100%
  ) !important;
}

/*.vertical-menu {*/
/*      background: linear-gradient(*/
/*        130deg,*/
/*        rgba(156, 207, 240, 0.6) 10%,*/
/*        rgba(114, 185, 232, 0.9) 100%*/
/*    ) !important;*/
/*}*/


/*Фон Бокового меню с логотипом*/
body[data-sidebar="dark"] .navbar-brand-box {
  background: rgba(156, 207, 240, 0.7) !important;
  /*background: #f00 !important;*/
}
/*Фон меню если свернуто*/
body[data-sidebar="dark"].vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > a {
  /*background: #0a58ca;*/
  color: #0a344f !important;
  font-weight: 600 !important;
  background: #96c0dd !important;
}

body[data-sidebar="dark"].vertical-collpsed .vertical-menu #sidebar-menu ul .mm-active > a {
  background: #96c0dd !important;
}

body[data-sidebar="dark"].vertical-collpsed .vertical-menu #sidebar-menu > ul ul {
  background-color: #c1dff4 !important;
  /*background-color: #0f0;*/
}
/*Цвет текста в свернутом виде*/
body[data-sidebar="dark"].vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > ul a {
  /*color: #79829c;*/
  color: #000 !important;
}

/*текст меню цвет*/
body[data-sidebar="dark"] #sidebar-menu ul li a {
  /*color: #ff0;*/
  /*color: #6a7187;*/
  /*color: #0a344f !important;*/
  color: #0a344f !important;
}

body[data-sidebar="dark"] #sidebar-menu ul li a:hover {
  /*color: #ff0;*/
  /*color: #6a7187;*/
  background-color: #96c0dd !important;
}
/*текст вложенного меню цвет*/
body[data-sidebar="dark"] #sidebar-menu ul li ul.sub-menu li a {
  /*color: #79829c;*/
  color: #0a344f !important;
  white-space: normal !important;

  /*color: #0a58c0;*/
}
/*Активный цвет*/
body[data-sidebar="dark"] .mm-active > a {
  color: #0a344f !important;
  font-weight: 600 !important;
}
/*Активный цвет в меню*/
body[data-sidebar="dark"] .mm-active .active {
  color: #0a344f !important;
  font-weight: 300 !important;
    background: #96c0dd !important;
}

/*Активный цвет в меню когда свернуто*/
body[data-sidebar="dark"].vertical-collpsed .vertical-menu #sidebar-menu ul li .mm-active .active {
  color: #0a344f !important;
  font-weight: 600 !important;
  /*background: #54b7e9 !important;*/
  background: #96c0dd !important;
}

/*значки меню цвет*/
body[data-sidebar="dark"] #sidebar-menu ul li a i {
  /*color: #ff0;*/
  /*color: #6a7187;*/
  color: #0a344f !important;
}

/*значки меню активный цвет*/
body[data-sidebar="dark"] .mm-active > a i {
  color: #0a344f !important;
}
/*главный заголовок меню*/
body[data-sidebar="dark"] .menu-title {
  color: #6a7187 !important;
  /*color: #00f;*/
}


#sidebar-menu ul li ul.sub-menu li ul.sub-menu li a {
  white-space: normal !important;
}

/*цвет кнопок*/
.btn-soft-secondary:hover {
  /*background-color: rgb(42, 48, 66) !important;*/
  background-color: rgb(156, 207, 240) !important;
  color: rgb(0,0,0) !important;
}

/*.btn-soft-secondary:active {*/
/*  !*background-color: rgb(42, 48, 66) !important;*!*/
/*  background-color: rgb(156, 207, 240) !important;*/
/*  color: rgb(0,0,0) !important;*/
/*}*/

/*заголовок групп полей*/
.form-card-title {
    /*background-color: #f1f1f3 !important;*/
    /*background: linear-gradient(90deg, rgba(231,231,231,1) 13%, rgba(241,241,243,1) 16%, rgba(241,241,243,1) 55%) !important;*/
    background: linear-gradient(90deg, rgba(241,216,80,.2) 30%, rgba(255,255,255,1) 95%); !important;
                /*linear-gradient(90deg, rgba(194,236,180,1) #f1f1f3%, rgba(215,215,215,1) 36%, rgba(241,241,243,1) 71%);*/
    padding-top: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
    font-weight: 600;
    /*background-color: #f1f1f3;*/
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  color: var(--bs-nav-pills-link-active-color);
  background-color: rgb(156, 207, 240) !important;
    color: #0a344f !important;
}

.colored-header {
    /*display: flex;*/
    /*flex-direction: column;*/
    box-shadow: 0 20px 13px rgba(0,0,0,0.12);
    /*transition: transform 0.2s ease;*/
    position: relative; /* Добавляем для позиционирования псевдоэлемента */
    overflow: hidden; /* Скрывает выходящие за границы части псевдоэлемента */
    border-top-left-radius: 3px;
    border-top-right-radius: 12px;

}

.colored-header::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    /*background-image: linear-gradient(to right, rgba(156, 207, 240, 0.6), #fff);*/
   background-image: linear-gradient(
    45deg,
    rgba(255, 165, 0, 0.2),   /* Оранжевый */
    rgba(255, 255, 0, 0.2),   /* Желтый */
    rgba(0, 255, 0, 0.2),     /* Зеленый */
    rgba(0, 255, 255, 0.2),    /* Голубой */
    rgba(255, 0, 0, 0.3)     /* Красный с прозрачностью */
);
    border-top-left-radius: 2px; /* Совпадает с родителем */
    border-top-right-radius: 2px; /* Совпадает с родителем */
    z-index: 1;
}

.card {
  margin-bottom: 0px;
  -webkit-box-shadow: 0 !important;
  box-shadow: 0 !important;

}

.change-form-field-required {
  background-image: repeating-linear-gradient(
    -45deg,
    transparent,
    transparent 5px,
    rgba(200, 200, 200, 0.08) 5px,
    rgba(190, 190, 190, 0.05) 10px

  );
    border-radius: 12px;
    margin-right: 10px;
}

th.required {
  background-image: repeating-linear-gradient(
    -45deg,
    transparent,
    transparent 5px,
    rgba(200, 200, 200, 0.08) 5px,
    rgba(190, 190, 190, 0.05) 10px
  );
}

th.required:hover {
  background-image: repeating-linear-gradient(
    -45deg,
    transparent,
    transparent 5px,
    rgba(200, 200, 200, 0.08) 5px,
    rgba(190, 190, 190, 0.05) 10px
  );
}


.select-filter-selected {
  background-image: repeating-linear-gradient(
    -45deg,
    transparent,
    transparent 5px,
    rgba(0, 255, 43, 0.1) 5px,
    rgba(190, 190, 190, 0.05) 10px
  );
}

.select-filter-changed {
  background-image: repeating-linear-gradient(
    -45deg,
    transparent,
    transparent 5px,
    rgba(255, 132, 0, 0.1) 5px,
    rgba(190, 190, 190, 0.05) 10px
  );
}

.changelist-select-filter {
    margin-right: .5rem !important;
    width: 250px !important;;
}

li.changelist-select-filter span.select2.select2-container {
    width: 250px !important;
}