html, body, .wrapper {
    min-height: calc(100% - 57px);
}

div.required label:after {
    content: " *";
    color: red;
}

.color-dot {
    height: 10px;
    width: 10px;
    border-radius: 50%;
    display: inline-block;
}

a {
    color: rgb(4, 65, 82);
}

a:hover:not(.list-group-item) {
    opacity: 0.7;
}

.layout-navbar-fixed.layout-fixed .wrapper .sidebar {
    margin-top: calc(3.5rem + 6px);
}

.card-primary.card-outline {
    border-top: 3px solid rgb(4, 65, 82);
}

.card-primary:not(.card-outline) > .card-header {
    background-color: rgb(4, 65, 82);
}

.menu-btn {
    color: rgb(4, 65, 82);
    background-color: #f3f3f3;
}

.menu-btn:hover {
    color: #0056b3;
}

.user-icon {
    color: rgb(4, 65, 82);
    font-size: 1.2em;
}

.user-icon:hover {
    color: #0056b3;
}

.navbar-nav > .user-menu > .dropdown-menu > li.user-header {
    height: auto;
}

.btn-primary {
    background-color: rgb(4, 65, 82);
    border-color: rgba(4, 65, 82, 0.8);
}

.btn-outline-primary {
    color: rgb(4, 65, 82);
    border-color: rgba(4, 65, 82, 0.8);
}

.btn-outline-primary:hover, .btn-outline-primary:not(:disabled):not(.disabled).active {
    color: #fff;
    background-color: rgb(4, 65, 82);
    border-color: rgba(4, 65, 82, 0.8);
}

.alert-primary {
    background-color: rgb(4, 65, 82);
    border-color: rgba(4, 65, 82, 0.8);
}

[class*="sidebar-dark-"] {
    background-color: rgb(4, 65, 82);
}

.layout-navbar-fixed .wrapper .sidebar-dark-primary .brand-link:not([class*="navbar"]) {
    background-color: rgb(4, 65, 82);
}

[class*="sidebar-dark"] .brand-link {
    border-bottom: 1px solid white;
}

[class*="sidebar-dark"] .form-control-sidebar, [class*="sidebar-dark"] .btn-sidebar {
    background-color: rgb(19, 90, 128);
    border: 1px solid rgba(4, 65, 82, 0.7);
    color: white;
}

[class*="sidebar-dark"] .form-control-sidebar::placeholder {
    color: white;
}

[class*="sidebar-dark-"] .sidebar a, [class*="sidebar-dark-"] .nav-treeview > .nav-item > .nav-link {
    color: white;
}

.nav-flat.nav-sidebar > .nav-item .nav-treeview .nav-item
> .nav-link, .nav-flat.nav-sidebar > .nav-item > .nav-treeview .nav-item > .nav-link {
    padding-left: 1.5rem;
}

[class*="sidebar-dark"] .btn-sidebar:hover {
    background-color: rgb(11, 73, 101);
}

/** Card tools + card tools collapse arrow */
.card-header > .card-tools {
    margin-right: 0;
}

.card-header > .card-tools > .card-arrow > .arrow {
    transition: 0.3s;
}

.card-header.collapsed > .card-tools > .card-arrow > .arrow {
    transform: rotate(-90deg);
}

.card-header > .card-tools > .card-arrow > .arrow {
    transform: rotate(90deg);
}

.nav-flat.nav-sidebar > .nav-item .nav-treeview, .nav-flat.nav-sidebar > .nav-item > .nav-treeview {
    background-color: rgba(255, 255, 255, 0.1);
}


/** Card tools + card tools collapse arrow */

/** Yii2 szitárosítás */

.sz-footer-browsers {
    float: right;
}

.sz-footer-browsers img {
    height: 20px;
    margin-left: 4px;
}

/*Pagination*/
.page-link {
    color: rgb(4, 65, 82);
}

.page-item.active .page-link {
    background-color: rgb(4, 65, 82);
    border-color: rgb(4, 65, 82);
}

/*Table*/
table.table > tbody tr {
    transition: 0.3s;
}

table.table > tbody tr i, table.table > tbody tr em {
    transition: 0.3s;
}

table.detail-view:not(.table) > tbody > tr > th {
    padding-right: 4rem;
}

table.detail-view:not(.table) > tbody > tr > th:after {
    content: ":";
}

/** Yii2 szitárosítás */

/** Bootstrap cursor change on collapse */
[data-bs-toggle="collapse"] {
    cursor: pointer;
}

/** Bootstrap cursor change on collapse */

@media only screen and (max-width: 950px) {
    .content > .container-fluid {
        padding: 0 .25rem;
    }

    .content-wrapper > .content {
        padding: 0.1rem;
    }

    #pjax-listing-id .card-body {
        padding: 1.25rem 0.2rem !important;
    }

    div[class^='pjax-invoice-'] .card-body {
        padding: 1.25rem 0;
    }

}