* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    position: relative;
    min-height: 100%;
}

footer {
    width: 100%;
    margin-top: 50px;
    background:#ddd;
    padding:10px 0;
}

footer p {
    margin:0;
}

form label {
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
}

form input {
    padding:10px;
    margin-bottom: 10px;
}

table {
    width: 100%;
}

table td, table th {
    white-space: nowrap;
}

#statusChart {
    height: 380px !important;
    margin:0 auto;
}

.shadow-sm td, .shadow-sm th {
    white-space: pre-wrap;
}


.nav_tabs button {
    background:#fff;
    color:#0d6efd;
    border:1px solid #0d6efd;
    margin-right: 10px;
    border-radius: 10px;
}

.nav_tabs button:hover, .nav_tabs button.active {
    background: #0d6efd;
    color:#fff;
}

.main_statictics {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap:100px;
}

.main_statictics h3 {
    text-align: center;
}

.main_statictics .head {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.filtr_diller input {
    padding: 5px;
    border: 2px solid #e6e7e8;
    border-radius: 5px;
}

.main_statictics .head select {
    padding: 5px;
    border: 2px solid #e6e7e8;
    border-radius: 5px;
    display: inline;
}