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

/* Фон Бокового меню с логотипом */
body[data-sidebar="dark"] .navbar-brand-box {
  background: #2d3547 !important;
}

/* Фон меню если свернуто */
body[data-sidebar="dark"].vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > a {
  /*color: #ffffff !important;*/
  background: #404040 !important;
}

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

body[data-sidebar="dark"].vertical-collpsed .vertical-menu #sidebar-menu > ul ul {
  background-color: #2d2d2d !important;
}

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

/* Основной текст меню */
body[data-sidebar="dark"] #sidebar-menu ul li a {
  /*color: #ffffff !important;*/
}

body[data-sidebar="dark"] #sidebar-menu ul li a:hover {
  background-color: #404040 !important;
}

/* Текст вложенного меню */
body[data-sidebar="dark"] #sidebar-menu ul li ul.sub-menu li a {
/*  color: #cccccc !important;*/
}

/* Активный элемент */
body[data-sidebar="dark"] .mm-active > a {
  /*color: #ffffff !important;*/
  font-weight: 600 !important;
}

body[data-sidebar="dark"] .mm-active .active {
  /*color: #ffffff !important;*/
  background: #404040 !important;
}

/* Активный элемент в свернутом меню */
body[data-sidebar="dark"].vertical-collpsed .vertical-menu #sidebar-menu ul li .mm-active .active {
  background: #404040 !important;
}

/* Иконки меню */
body[data-sidebar="dark"] #sidebar-menu ul li a i {
  /*color: #ffffff !important;*/
}

/* Активные иконки */
body[data-sidebar="dark"] .mm-active > a i {
  color: #ffffff !important;
}

/* Заголовки меню */
body[data-sidebar="dark"] .menu-title {
  color: #999999 !important;
}

/* Общие стили */
#sidebar-menu ul li ul.sub-menu li ul.sub-menu li a {
  white-space: normal !important;
}



.colored-header {
    box-shadow: 0 20px 13px rgba(0,0,0,0.12);
    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(
        45deg,
        rgba(37, 80, 147, 0.2),     /* Темно-серый */
        rgba(255, 255, 255, 0.2)      /* Средне-серый */
        /*rgba(45, 45, 45, 0.3),     !* Темный графит *!*/
        /*rgba(64, 64, 128, 0.2),    !* Серый с синим оттенком *!*/
        /*rgba(34, 34, 34, 0.4)      !* Угольно-черный *!*/
    );
    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;
}


/*цвет кнопок*/
.btn-soft-secondary:hover {
  /*background-color: rgba(64, 64, 64, 0.9) !important; !* Темно-серый с легкой прозрачностью *!*/
  /*color: #e0e0e0 !important; !* Светло-серый текст *!*/
  /*border-color: #808080 !important; !* Серый бордер *!*/
  transition: all 0.3s ease-in-out;
}
/*!*базовое состояния кнопки*!*/
/*.btn-soft-secondary {*/
/*  background-color: rgba(45, 45, 45, 0.7) !important; !* Графитовый *!*/
/*  color: #b0b0b0 !important; !* Серый текст *!*/
/*  border: 1px solid #404040 !important;*/
/*}*/

/*!* Активное состояние *!*/
/*.btn-soft-secondary:active {*/
/*  background-color: #2d2d2d !important;*/
/*  transform: scale(0.98);*/
/*}*/

/*!* Фокус состояние *!*/
/*.btn-soft-secondary:focus {*/
/*  box-shadow: 0 0 0 3px rgba(64, 64, 64, 0.3);*/
/*}*/

/*заголовок групп полей*/
.form-card-title {
    background: linear-gradient(90deg, rgba(197, 232, 238, 0.31) 30%, rgba(255,255,255,1) 95%); !important;
    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: #80808050 !important;*/
  /*background-color: rgba(34, 34, 34, 0.4) !important;*/
  /*  color: #0a344f !important;*/
}

label {
    background: linear-gradient(90deg, #80808015 30%, rgba(255,255,255,0) 95%); !important;
}
label.required {
    background: linear-gradient(90deg, #80808015 30%, rgba(255,255,255,0) 95%); !important;
}