html, body {
    font-family: Verdana, Helvetica, Arial, sans-serif;
}

.e-listbox-wrapper.e-custom {
    font-family: Verdana !important;
}

body {
    font-family: Verdana !important;
}

.e-control, .e-input-group, .e-multi-select-wrapper .e-dropdownbase, .e-dropdownbase .e-list-item {
    font-family: Verdana !important;
}

.e-dashboardlayout.e-control .e-panel .e-panel-header {
    font-family: Verdana !important;
}

footer.page-footer .footer-copyright {
    font-family: Roboto !important;
}

.counter {
    position: relative;
    top: -23px;
    left: -20px;
    z-index: 2;
    padding: 1px 7px;
    margin-left: -23px;
    font-size: 11px;
    color: #fff;
    background-color: #333232 !important;
    border-radius: 10em;
    -webkit-box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
}

.counter.counter-lg {
    top: -4px;
}



.inactive-button {
    background-color: #888585 !important;
}

.active-button {
    background-color: #0d9cae !important;
}
.card, .btn {
    border-radius: 5px !important;
}
.roundedBorders {
    border-radius: 8px !important;
}

.dashboardTileHeight {
    height: 100px !important;
}
#chart {
    height: 100%;
    width: 100%;
}

    /* header-section styles */
    #header-section.main-header {
        border-bottom: 1px solid #d2d6de;
        height: 55px;
        min-height: 55px;
        max-height: 55px;
        background: #1c86c8;
        color: #fff;
    }
    #header-section .header-style {
        line-height: 40px;
        height: 55px;
        padding: 8px;
        padding-left: 18px;
        list-style: none;
        text-align: center;
        font-size: 18px;
    }
    #header-section .border-left {
        border-left: 1px solid #d2d6de;
        width: 10em;
    }
    #header-section .float-left {
        float: left;
    }
    #header-section .icon-menu {
        width: 40px;
        cursor: pointer;
    }
    /* custom code start */
    .center {
        text-align: center;
        display: none;
        font-size: 13px;
        font-weight: 400;
        margin-top: 20px;
    }
    .sb-content-tab .center {
        display: block;
    }
    #header-section .float-right,
    .sidebar-treeview .e-treeview .e-icon-collapsible,
    .sidebar-treeview .e-treeview .e-icon-expandable {
        float: right;
    }
    #header-section .header-list,
    .sidebar-treeview .e-treeview,
    .sidebar-treeview .e-treeview .e-ul {
        padding: 0;
        margin: 0;
    }
    @@media(max-width:800px) {
        #header-section .support {
            display: none;
        }
        #header-section .nav-pane {
            width: 75%;
        }
    }
    /* custom code end */
    /*end of header-section styles */
    /*main-menu-header  styles */
    .sidebar-treeview .main-menu .main-menu-header {
        color: #656a70;
        padding: 15px;
        font-size: 14px;
        width: 13em;
        margin: 0;
    }
    /*end of main-menu-header styles */
html, body {
    font-family: Verdana, Helvetica, Arial, sans-serif;
}

.e-listbox-wrapper.e-custom {
    font-family: Verdana !important;
}

body {
    font-family: Verdana !important;
}

.e-control, .e-input-group, .e-multi-select-wrapper .e-dropdownbase, .e-dropdownbase .e-list-item {
    font-family: Verdana !important;
}

.e-dashboardlayout.e-control .e-panel .e-panel-header {
    font-family: Verdana !important;
}
footer.page-footer .footer-copyright {
    font-family: Roboto !important;
}