body {
    min-height: 100vh
}

.main-content-wrap {
    padding: 1rem 1rem 0 !important
}

.btn-dark {
    background-color: #000 !important
}

.text-dark {
    color: #000 !important
}

.layout-sidebar-large .sidebar-left, .layout-sidebar-large .sidebar-left-secondary {
    top: 50px !important;
    height: calc(100vh - 50px)
}

.layout-sidebar-large .main-header {
    height: 50px !important
}

.main-content-wrap {
    margin-top: 50px;
    min-height: calc(100vh - 50px);
    background-color: #f5f8fa !important
}

.app-footer {
    margin-top: 6rem
}

.navigation-left > .nav-item.active .triangle {
    min-height: 100% !important;
    right: auto !important;
    left: 0 !important;
    bottom: 0 !important;
    border-width: 0 0 0 5px !important;
    border-style: solid;
    border-color: #165ec3 !important
}

.nav-tabs {
    border-bottom: 1px solid #e2e2e2 !important
}

.nav-tabs .nav-link {
    color: #000 !important
}

.badge-custom {
    background-color: #cfd3dd !important;
    color: #fff !important
}

.nav-link.active > .badge-custom {
    background-color: #165ec3 !important
}

.nav-link:hover {
    border: none !important;
    border-bottom: 2px solid #165ec3 !important
}

.nav-link.active {
    border: none;
    color: #165ec3 !important;
    font-weight: 700 !important;
    background-color: transparent !important;
    border-bottom: 2px solid #165ec3 !important
}

.layout-sidebar-large .main-header .logo img {
    height: 40px !important
}

.modal-lg {
    max-width: 90% !important
}

.ck.ck-editor {
    min-width: 95% !important
}

.tabbable .nav-tabs {
    overflow-x: auto;
    overflow-y: hidden;
    flex-wrap: nowrap
}

.tabbable .nav-tabs .nav-link {
    white-space: nowrap
}

.layout-sidebar-large .sidebar-left .navigation-left .nav-item .nav-item-hold {
    display: block;
    width: 100%;
    padding: 18px 0;
    color: #23334d
}

.layout-sidebar-large .sidebar-left .navigation-left .nav-item {
    border-bottom: 1px solid #f2f2f2 !important
}

.progress {
    position: absolute;
    left: 0;
    border-radius: 0;
    height: 0.2rem;
    bottom: 0;
    z-index: 999;
    background: #fefefe;
    width: 100vw
}

.progress-bar {
    background-color: #165ece !important
}

#modal-dialog > .modal-content, .modal-dialog > .modal-content {
    background-color: #F8FAFC !important;
}

.form-control {
    border-color: #f2f2f2 !important;
    background-color: #fff !important;
    color: #888 !important
}

.fa-2x {
    font-size: 1.6em !important
}

.main-header .dropdown-menu {
    padding: 0 !important
}

.main-header .dropdown-item {
    height: 50px !important;
}

.separator-breadcrumb {
    margin-bottom: 1rem !important;
}

@media (max-width: 576px) {
    .layout-sidebar-large .main-header .logo {
        width: 110px
    }
}