.card .card-body {
    padding: 20px;
}

#morris-bar-example {
    height: 250px;
}

#userDropdown {
    border-radius: 0;
    border: none;
}

#userDropdown img {
    width: 100%;
    margin-top: -8px;
}

.navbar.horizontal-layout
    .navbar-menu-wrapper
    .navbar-nav
    .nav-item.dropdown
    .navbar-dropdown
    .dropdown-item
    .preview-subject {
    overflow: visible;
}

.navbar.horizontal-layout .navbar-brand-wrapper .navbar-brand img {
    height: 50px;
}

.navbar.horizontal-layout .navbar-brand-wrapper .brand-logo-mini img {
    height: 36px;
    width: 100%;
}

.navbar.horizontal-layout .navbar-menu-wrapper .navbar-toggler {
    position: relative;
    /* right: -100px; */
}

.navbar.horizontal-layout .navbar-menu-wrapper {
    color: #fff;
    padding-left: 15px;
}

.navbar.horizontal-layout
    .navbar-menu-wrapper
    .navbar-nav
    .nav-item.dropdown
    .navbar-dropdown {
    right: auto;
}

@media (max-width: 840px) {
    .navbar.horizontal-layout .navbar-menu-wrapper {
        margin-left: 36%;
    }
}

@media (max-width: 768px) {
    .form-box {
        display: block !important;
    }

    .form-item {
        width: 100% !important;
    }
}

@media (max-width: 667px) {
    .navbar.horizontal-layout .navbar-menu-wrapper {
        margin-left: 20%;
    }
}

@media (max-width: 576px) {
    .navbar.horizontal-layout .navbar-menu-wrapper {
        margin-left: 12%;
    }

    .admin_box {
        display: block !important;
    }

    .admin_item {
        flex-direction: row !important;
        justify-content: space-between !important;
        align-items: center !important;
    }

    .filter_btn {
        float: right;
    }
}

@media (max-width: 420px) {
    .navbar.horizontal-layout .navbar-menu-wrapper {
        margin-left: 5%;
    }
}

.text-ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    /* or block depending on layout */
    max-width: 150px;
    /* or set a fixed width if needed */
}

@media (max-width: 992px) {
    .text-ellipsis {
        max-width: 100%;
    }

    .invoice-table {
        overflow: auto;
    }

    .input-group {
        width: fit-content;
    }
}

.container-fluid {
    padding-left: 6rem;
    padding-right: 6rem;
}

@media (max-width: 1399px) {
    .container-fluid {
        padding-left: 3rem;
        padding-right: 3rem;
    }
}

@media (max-width: 1299px) {
    .container-fluid {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

.navbar-toggler:focus {
    box-shadow: none;
}

button.nav-item.dropdown:active {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

.navbar.horizontal-layout {
    background: linear-gradient(to right, #8f06b6 0%, #cb6ce6 100%) !important;
}

.navbar.horizontal-layout
    .nav-bottom
    .page-navigation
    > .nav-item.active
    > .nav-link
    .menu-title {
    color: #cb6ae6;
}

.cmn_bg {
    color: #fff;
    background-color: #cb6ae6 !important;
    border-color: #cb6ae6;
}
.cmn_btn {
    color: #fff;
    background-color: #cb6ae6;
    border-color: #cb6ae6;
}

.cmn_btn:hover {
    color: #cb6ae6;
    background-color: #fff;
    border: 1px solid #cb6ae6;
}
.cmn_btn_border {
    color: #cb6ae6;
    background-color: #fff;
    border-color: #cb6ae6;
}

.cmn_btn_border:hover {
    color: #fff;
    background-color: #cb6ae6;
    border: 1px solid #cb6ae6;
}

.footer a {
    color: #cb6ae6;
}

.cmn_txt_color {
    color: #cb6ae6;
}

.highcharts-credits {
    display: none !important;
}

.highcharts-data-table {
    display: block;
    position: absolute;
    z-index: 999;
    background-color: #f7e4fd;
    width: 100%;
    /* top: 0px; */
    left: 0px;
    /* transform: translate(0%, 100%); */
    padding: 1rem;
    margin-top: 1rem;

    #highcharts-data-table-0 {
        width: 100%;
    }
}

.auth.theme-one .auto-form-wrapper .form-group .submit-btn {
    font-size: 15px;
    background: linear-gradient(to right, #8f06b6 0%, #cb6ce6 100%) !important;
    color: #fff;
}

.auth.theme-one .auto-form-wrapper {
    box-shadow: 0 -25px 37.7px 11.3px #fdeeff;
}

.logo_img {
    width: 50%;
    margin: 0 auto 30px;
}

.logo_img img {
    width: 100%;
}

/* invoice stylings */
.invoice-container {
    min-width: 715px;
}
@media (max-width: 992px) {
    .amount-words-box {
        border-right: none !important;
        border-bottom: 1px solid #d5dcec;
        width: 100% !important;
    }
    .declaration {
        width: 100% !important;
    }
}

@media (max-width: 880px) {
    .irn-up {
        display: none !important;
    }
    .irn-down {
        display: block !important;
    }
    .ss-account-pdf,
    .buyer-account-pdf {
        padding: 0.5rem !important;
    }
}