/* Add here all your CSS customizations */

dl dd {
    margin-bottom: 5px;
}

.btn.checked { background-color: #2e353e; color: #FFF; }

.page-header h2 {
    border-bottom-color: #CCC;
}

@media (max-width: 991.98px) {
    .table-responsive-lg {
        display: block;
    }
}

@media (max-width: 767px) {
    .table-responsive-md {
        display: block;
    }
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus, .pagination .page-item.active .page-link {
    background-color: #2e353e !important;
    border-color: #2e353e #2e353e #181c21;
}

.pagination > li > a, .pagination > li > span, .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
    color: #2e353e;
}

@media only screen and (max-width: 767px) {
    .userbox .name, .userbox .role {
        max-width: 100%; 
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal;
    }

    .page-header {
        padding-right: 0px; 
    }

    .input-group {
        position: relative;
        display: block;
        flex-wrap: wrap;
        align-items: stretch;
        width: 100%;
    }

    .input-group-date {
        position: relative;
        display: flex;
        flex-wrap: wrap;
        align-items: stretch;
        width: 100%;
    }
}

.tabs.tabs-bottom .nav-tabs .nav-link.active, .tabs.tabs-simple .nav-tabs .nav-link.active {
    border-bottom-color: #2e353e;
    color:#2e353e;
}

.tabs.tabs-simple .nav-tabs > li.active .nav-link, .tabs.tabs-simple .nav-tabs > li.active .nav-link:focus, .tabs.tabs-simple .nav-tabs > li .nav-link:hover, .tabs.tabs-simple .nav-tabs > li.active .nav-link:hover {
    color:#2e353e;
}

.tabs.tabs-simple .nav-tabs > li .nav-link, .tabs.tabs-simple .nav-tabs > li .nav-link:hover, .tabs.tabs-simple .nav-tabs > li .nav-link:focus {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: -.2px;
}

.tabs.tabs-simple .nav-tabs > li.active .nav-link {
    color:#2e353e;
}

.notifications .notification-menu {
    border: none;
    box-shadow: 0 0 2px rgb(0 0 0 / 30%);
    margin: 10px 0 0 0;
    padding: 0;
    right: -5px !important;
    top: 9px;
    width: 330px;
    transform: translate3d(0, 32px, 0) !important;
}

@media only screen and (max-width: 767px) {
    .header .toggle-sidebar-left {
        background: #2e353e;
    }
}


@media only screen and (max-width: 767px) {
    .card-horizontal .card-header {
        border-radius: 5px 5px 0 0 !important;
    }
    .card-horizontal .card-header + .card-body {
        border-radius: 0 0 5px 5px !important;
    }
    .card-horizontal .card-header, .card-horizontal .card-body, .card-horizontal .card-footer {
        display: block;
    }
}