@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');
@import url('switcher-resources/themes.css');
@import url('switcher-resources/theme-switcher.css');

html, body {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 16px;
    height: 100%;
    overflow-y: hidden;
}

.dxbs-tree.app-sidebar > ul.nav ul.nav .nav-link {
    font-weight: 600;
}

.sidebar {
    background-color: #f3f5f7 !important;
}

    .sidebar .logo-container {
        padding-right: 10px;
    }

.sent {
    background-color: gainsboro;
    border: groove;
}

.btn-success, .btn-primary {
    color: #fff;
    /*    background-color: #fb9738;*/
    border-color: #fb9738;
}

.rounded {
    color: #fb9738;
}

a {
    color: black;
}

.h1, h1 {
    color: black;
}

.justify-content-center {
    justify-content: right !important;
}

.btn-success:hover {
    background: #fb9738;
}

.btn btn-lg btn-success btn-block orangeClass {
    background: #fb9738;
}

.app-sidebar .nav-pills .nav-item .nav-link > span.badge {
    min-width: fit-content;
}





.app-sidebar .badge {
    background-color: darkorange;
}

.app-sidebar .badge {
    background-color: darkorange;
}

.dxbs-tree.app-sidebar .badge {
    background-color: darkorange;
}

.badge-pill {
    background-color: darkorange;
}

.dx-blazor-checkbox {
    text-align: left;
}

.alegeIntervalMenu {
}

.mb-2, .mx-2 {
    text-align: center !important;
}



.button-cells-dashboard {
    white-space: pre-wrap;
    font-weight: bold;
    width: 100%;
    border-radius: 10px;
    height: 100px;
    margin-right: 0.5em;
}

.card-item .dx-blazor-widget > .card-body {
    padding: 0;
}

.card-item .dx-blazor-widget .dx-chart {
    min-height: 200px;
}

.nrVanzari {
    width: 50px;
    height: 50px;
    background-image: url("../images/cash_register_icon.png");
    margin: 0 8px 0 0;
}

.venit {
    width: 50px;
    height: 50px;
    background-image: url("../images/income_icon.png");
    margin: 0 8px 0 0;
}

.profit {
    width: 50px;
    height: 50px;
    background-image: url("../images/white_money_icon.png");
    margin: 0 8px 0 0;
}

.incasari {
    width: 50px;
    height: 50px;
    background-image: url("../images/incasari_icon.png");
    margin: 0 8px 0 0;
}

.gridlayout-right-side-bar.gridlayout-item {
    height: 100% !important;
}

.gridlayout-left-side-bar.gridlayout-item {
    height: 100% !important;
}

.gridlayout-layout-content.gridlayout-item {
    height: 100% !important;
}

.gridlayout-content.gridlayout-item {
    height: 100% !important;
}

.card-body {
    height: 100% !important;
}

.grid-area {
    height: 100%;
}


.popup-case {
    width: auto;
    height: auto;
}

.firstDatePickerInPopup {
}

.afisajLimiteInterval {
    display: inline-flex;
}

.butonAfisajInterval {
    border-color: transparent !important;
    margin-right: auto;
    color: black;
    background-color: transparent;
    font-weight: 600;
    margin-top: auto;
}

.btn {
    font-size: 1rem !important;
}

.dx-scrollable-content {
    background-color: white !important;
}

.card-body {
    padding: 0 !important;
}

.px-4 {
    padding-left: 0.2rem !important;
    padding-right: 0.2rem !important;
    padding-top: 0.2rem !important;
}

.dxbs-grid-table-border-bottom {
    border-bottom-color: none;
}

.card-item {
    border: 0.5px rgba(0,0,0,.125);
}

.dxbs-grid .dxbs-grid-pager-container {
    flex-wrap: nowrap !important;
}

.card-body .dxbs-grid-group-panel-content-container {
    height: 0px !important;
}


dxbl-menu > ul, dxbl-menu-item, dxbl-menu > .nav {
    width: 100%;
    min-width: 150px;
}

.Top10ArticlesChart {
    min-height: 600px !important
}

.connectButton {
    width: 100% !important;
}

.LoginDiv {
    position: fixed;
    top: 50%;
    left: 50%;
    /* bring your own prefixes */
    transform: translate(-50%, -50%);
}

.afisajLimiteInterval {
    margin-left: auto !important;
}

.dx-menu-title {
    margin-top: 10px;
}
.dxbs-tree ul.nav > .nav-item > .nav-link > a:hover, .dxbs-tree ul.nav > .nav-item > .nav-link > a:focus {
    background-color: white !important;
}

.footer {
    display: flex !important;
    color: #000000;
    background: rgba(255, 255, 255, 0.35);
    padding: 16px;
    transition: 0.2s all;
    min-height: 52px;
    opacity: 0.8;
    margin-right: auto !important;
}

.my-chart .dxc-arg-elements {
    visibility: hidden;
    display: none;
}


.my-chart .dxc-val-elements {
    visibility: hidden;
    display: none;
}

.my-chart .dxc-axes-group {
    display: none;
}

.rz-default-scrollbars {
    background: lightgray !important;
    border: 2px solid rgba(0, 0, 0, 0) !important;
    border-radius: 4px !important;
}

.sidebar.expand {
    background-color: #f3f5f7 !important;
    position: sticky;
}

.my-big-chart {
    overflow-x: visible !important;
}

.dx-chart-tooltip.show, .dx-chart-tooltip {
    top: 0px !important;
}

.MyTop5Articolechart .dx-chart-tooltip.show {
    top: 0px !important;
/*    position: relative !important;*/
    background-color: transparent !important;
}

.bg-white, .form-control {
    background-color: transparent !important;
}
.content.px-4.layout-item.dx-gridlayout-item {
    overflow-y: auto;
    overflow-x: hidden;
    padding-left: 0.2rem !important;
    padding-right: 0.2rem !important;
}
.sk-flow{
    align-content:center;

}
.container-fluid {
    padding-right: 0.2px !important;
    padding-left: 0.2px !important;
    margin-right: 0px !important;
    margin-left: 0px !important;
}
.rz-card {
    padding: 0.25rem 0.25rem !important;
}