/*обычная версия*/
@font-face {
    font-family: 'Uralets';
    src: url('../fonts/uralets.ttf');
}
body {
    background-color: #4e555b;
    min-height: 1000px;
    color: #ffffff;
}
h1 {
    font-size: 30px;
    color: #eeeeee;
    margin-bottom: 0;
}
h2
{
    font-size: 24px;
    margin-top: 32px;
}
.navbar-brand {
    font-family: Uralets, serif;
    color: #dddddd !important;
}
nav.navbar {
    background-color: #ff4000;
}
.page {
    width: 100%;
    max-width: 1600px;
    margin: 10px auto;
    padding: 10px;
}

.page p>a {
    color: #ffc107;
}

.login-box, .register-box {
    background-color: #ff4000;
    border: 1px solid #333333;
    border-radius: 10px;
    box-shadow: 5px 5px 10px #333333;
    width: 100%;
    max-width: 320px;
    padding: 20px;
    margin: 200px auto;
}

.register-box {
    max-width: 512px;
    margin: 32px auto;
}
.login-box h1, .register-box h1 {
    font-family: Uralets, serif;
    font-size: 22px;
    color: #dddddd;
}

.top-toolbar {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    background-color: #343a40;
    padding: 10px 10px 10px 10px;
    border-radius: 5px;
    margin-bottom: 32px;
    box-shadow: 1px 1px 5px #000000;
}
.top-toolbar .rightLayout {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

.top-toolbar a {
    color: #ffffff;
}
.top-toolbar h1 {
    color: #fff3cd;
}

table {
    margin-top: 20px;
}

.col-actions {
    width: 260px;
}

.general-select {
    background-color: #ffdcbe !important;
}
.slave-select {
    background-color: #fff2e4 !important;
}

.nav-tabs .nav-item a,
.nav-pills .nav-link {
    color: #ffc107;
}
.nav-tabs .nav-item .nav-link.active,
.nav-pills .nav-link.active{
    background-color: #ffc107;
    font-weight: bold;
}
.nav-tabs {
    border-bottom: 3px solid #ffc107;
}
.nav-pills {
    border-right: 3px solid #ffc107;
    margin-bottom: 32px;
}
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    border-color: transparent;
}
.nav-pills .nav-link.active, .nav-pills .nav-link.active:hover {
    color: #333333;
    border-right: 3px solid #ffc107;
    background-color: #ffc107;
}
.nav-pills .nav-link:hover {
    background-color: #795c00;
    border: 1px solid #ffe19d;
}

.page-link {
    background-color: #393e42;
    color: #ffffff;
    border: 1px solid #6e767c;
}


.page-item.active .page-link {
    background-color: #878c92;
    border-color: #878c92;
}

.page-item.disabled .page-link {
    color: #bbbbbb;
    background-color: #6e767c;
    border-color: #6e767c;
}

.listPagination {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.table-dark {
    color: #c2c9cf;
}
.table-dark th {
    color: #ffffff;
}
.iconCheck {
    color: orange;
}

#tech-info {
    border: 1px dotted #aaaaaa;
    margin-bottom: 24px;
    padding: 15px 0;
    background-color: #444444;
    border-radius: 10px;
}
#tech-info p {
    margin-bottom: 0;
    color: #aaaaaa;
}
#tech-info p span {
    color: #ffffff;
}

.pagination {
    flex-wrap: wrap;
}
