@import "style-menu.css";

:root {
    --first-color: #18191a;
    --second-color: #242526;
    --third-color: #3a3b3c;
    --fourth-color: #5d626e;
    --fifth-color: #101010;
    --red-color: #ff4b4c;
    --blue-color: #398ffe;
    --grey-color: #7f8da7;
    --green-color: #63dc93;

    --green-color-sign: #157347ff;
    --yellow-color-sign: #ffc107ff;
    --red-color-sign: #dc3545ff;
}

.alert {
    max-width: 1200px;
    margin: 10px auto 0;
}

.box {
    background-color: var(--second-color);
    height: auto;
    margin: 5px;
    padding: 7px;
    border-radius: 15px;
    overflow: hidden;
}

.form-control {
    color: #e8e6e3;
    background-color: #393e40;
    border-color: #3c4144;
}

.form-control:focus {
    color: #e8e6e3;
    background-color: #464c4f;
}

@media screen and (max-width: 1200px) {
}

@media screen and (max-width: 767px) {
}

.btn {
    color: white;
}

.btn-warning {
    background-color: #8d7325;
}

.btn-warning:hover, .btn-warning:active, .btn-warning:focus {
    background-color: #78621d;
}

.btn-success {
    background-color: #16603e;
}

.btn-success:hover, .btn-success:active, .btn-success:focus {
    background-color: #0e4b31;
}

.btn-primary {
    background-color: #2c4872;
}

.btn-primary:hover, .btn-primary:active, .btn-primary:focus {
    background-color: #223d62;
}

.btn-danger {
    background-color: #980c1b;
}

.btn-danger:hover, .btn-danger:active, .btn-danger:focus {
    background-color: #800614;
}

.btn-info {
    background-color: #0d8fa9;
}

.btn-info:hover, .btn-info:active, .btn-info:focus {
    color: white;
    background-color: #0b6b7e;
}

.explorer a {
    text-decoration: none;
    color: #e8e6e3;
}

.form-control:disabled, .form-control[readonly] {
    background-color: rgb(98 98 98 / 50%);
    opacity: 1;
}

.form-control:disabled, .form-control[readonly] {
    background-color: rgb(98 98 98 / 50%);
    opacity: 1;
}

form {
    margin-block-end: 0;
}

.status-table .table>:not(caption)>*>* {
    padding-top: unset;
    padding-bottom: unset;
}

header > div.header-custom {
    padding: 20px;
}

.tbody-vertical-align-middle td {
    vertical-align: middle;
}

.navigation .pagination {
    margin: 0;
    flex-wrap: wrap;
    justify-content: center;
}

.page-item .page-link {
    color: #fff !important;
    background: #212529 !important;
}

.page-item.active .page-link {
    color: #fff !important;
    background: #f00 !important;
    border-color: #fff;
}

.background-login {
    background-image: url("../img/background.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.navigation:not(:has(nav)) {
    margin: 0 !important;
}

.arrow-down {
    transform: rotate(180deg);
    transition: transform 0.5s;
}

.collapsed > .arrow-down {
    transform: rotate(0deg);
}

.btn-xsm {
    padding: 2px 5px;
}