@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


/*CSS reset*/
body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, input, textarea, p, th, td {
	margin: 0;
	padding: 0;
}
table {
    caption-side: top;
    width: 100%;
}
.table > :not(caption) > * > * {
    padding: .25rem .5rem;
}
table.result {
    vertical-align: middle;
    th.sorting { cursor: pointer; }
}

td, th {
    padding: 3px;
    border: 1px solid rgb(235, 235, 235);
    color: #102a44  !important;
}
th { vertical-align: middle; }

a {
    text-decoration: none;
}
a.disabled{
    pointer-events: none;
    cursor: default;
}

/* Fonts */
@font-face {
    font-family: Roboto-regular; /* Имя шрифта */
    src: url(/public/fonts/font_roboto_regular.woff); /* Путь к файлу со шрифтом */
}
  
@font-face {
    font-family: Roboto-bold; /* Имя шрифта */
    src: url(/public/fonts/font_roboto_bold.woff); /* Путь к файлу со шрифтом */
}

@media (min-width: 1500px) {
    .wrapper { max-width: 1366px; margin: 0 auto; }
    section .wrapper { margin-top: 84px; }
}

header {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 3;
    background: #0068a0;
}
header > .navbar { min-height: 84px; }

.breadcrumb-item a { color: #0068a0; }

.nav-item { margin: 0 5px; }
.nav-item.dropdown { cursor: pointer; }
.dropdown:not(.bootstrap-select):hover .dropdown-menu { display: block; }
.dropdown-menu-center { transform: translateX(-50%); left: 50%; }*/
.dropdown-item { color: var(--bs-gray-700); padding-top: 0; padding-bottom: 2px; }
.dropdown-item:focus, .dropdown-item:hover { background-color: transparent; }
.dropdown-item.active, .dropdown-item:active {
    color: var(--bs-dropdown-link-hover-color);
    background-color: transparent;
}
.navbar { --bs-navbar-hover-color: #fff; }
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
    padding: 10px 20px;
    color: #0068a0;
    background-color: #fff;
}
.nav-link, .navbar-brand { color: #ccc; }
.nav-link.disabled, .navbar-brand.disabled { color: #cccccc80; }
.user-block { position: absolute; right: 0; }

.btn:not(.nav-link):not(.btn-menu) { padding: 0.4rem 0.8rem 0.5rem; }
.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #0068a0;
    --bs-btn-border-color: #0068a0;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #00517d;
    --bs-btn-hover-border-color: #00517d;
    --bs-btn-focus-shadow-rgb: 217,164,6;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #00486f;
    --bs-btn-active-border-color: #00486f;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #939697;
    --bs-btn-disabled-border-color: #939697;
}
.btn-secondary {
    --bs-btn-color: #000;
    --bs-btn-bg: #b0bec5bb;
    --bs-btn-border-color: #b0bec5bb;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #b0bec5dd;
    --bs-btn-hover-border-color: #b0bec5dd;
    --bs-btn-focus-shadow-rgb: 217,164,6;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #b0bec5;
    --bs-btn-active-border-color: #b0bec5;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #939697;
    --bs-btn-disabled-border-color: #939697;
}
.btn-info {
    --bs-btn-color: #fff;
    --bs-btn-bg: #1565C0dd;
    --bs-btn-border-color: #1565C0dd;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #1565C0ee;
    --bs-btn-hover-border-color: #1565C0ee;
    --bs-btn-focus-shadow-rgb: 11,172,204;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #1565C0;
    --bs-btn-active-border-color: #1565C0;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #0dcaf0;
    --bs-btn-disabled-border-color: #0dcaf0;
}
.btn-info:disabled {
    background-color: var(--bs-btn-bg);
    border-color: var(--bs-btn-border-color);
}
.btn-outline-info {
    --bs-btn-color: #1565C0dd;
    --bs-btn-border-color: #1565C0dd;
    --bs-btn-hover-color: #1565C0ee;
    --bs-btn-hover-bg: #1565C0ee;
    --bs-btn-hover-border-color: #1565C0ee;
    --bs-btn-focus-shadow-rgb: 13, 202, 240;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #1565C0dd;
    --bs-btn-active-border-color: #1565C0dd;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #0dcaf0;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #0dcaf0;
    --bs-gradient: none;
}
.btn-outline-info:hover {
    --bs-btn-hover-color: #fff;
}
.btn-menu {
    padding: 20px 80px;
    color: #0068a0 !important;
    border-color: #0068a08e !important;
    margin: 0 10px;
}
.btn-menu:hover {
    background-color: #0068a018;
}
.btn-menu.disabled {
    color: #0068a080;
}
.btn#select-role:hover {
    background: none;
}

.fa-btn {
    cursor: pointer;
    padding: 0.2rem 0.4rem;
    margin: 0 0.2rem;
}
.fa-btn-primary { color: #0068a0; }
.fa-btn-danger { color: #dc3545; }
.fa-btn.disabled { opacity: 0.5; cursor: default;pointer-events: none; }

.auth {
    width: 450px;
    margin: 75px auto 0;
    padding: 30px;
    border-radius: 5px;
    border: var(--bs-border-width) solid var(--bs-border-color);
    text-align: center;
    background-color: var(--bs-tertiary-bg);

    p {
        display: block;
        text-align: center;
        margin: 0 auto;
    }
    h1 {
        margin-bottom: 30px;
        color: #0068a0;
        font-size: 24px;
    }
    input[type=submit] {
        padding: 10px 30px;
        margin-top: 15px;
        border-radius: 5px;
        border: none;
        background-color: var(--bs-primary);
        color: #ffffff;
        cursor: pointer;
        transition: 0.25s;
    }
    input[type=submit]:hover { box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); transition: 0.25s; }
}

.custom-notification-block {
    position: fixed;
    top: 14px;
    width: 1366px;
    pointer-events: none;
    z-index: 1100;
}
.alert {
    width: fit-content;
    margin: 0 auto;
}

.sorting {
    i { opacity: 0.5; }
    i.active { opacity: 1; }
    .fa-sort-up { margin-top: 3px; margin-bottom: -7px; }
    .fa-sort-down { margin-top: -7px; }
}

.logo-wrap { margin: 3rem 0 6rem 0; }
.logo-wrap img { width: min(720px, 70%); }
.login-logo { width: min(320px, 85%); margin-bottom: 24px; }
.navbar-brand img { background: #fff; border-radius: 4px; padding: 4px 10px; }

.hide { display: none !important; }

.user-menu .dropdown-item.active {
    color: #fff;
    background-color: #1565C0;
    border-radius: 0.25rem;
}