﻿html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

html {
    position: relative;
    min-height: 100%;
}

body {
}

.toolbar {
    height: 35px;
}

.toolbar-top {
    color: white !important;
    background-color: #0d2943 !important;
    border-bottom: 3px solid #8bc7ec;
}
.toolbar-top-simulation {
    color: white !important;
    background-color: #0d2943 !important;
    border-bottom: 3px solid #20dd36;
}

.toolbar-top-menu-item {
    background-color: transparent !important;
}

#infinity_toolbar .dx-toolbar-button .dx-menu .dx-menu-item .dx-menu-item-content .dx-menu-item-text {
    line-height: normal;
    color: white;
    font-weight: 500;
}

#infinity_toolbar .dx-item-content .dx-menu-item-content {
    color: white;
}

#infinity_toolbar .dx-menu .dx-menu-item-expanded {
    background-color: transparent;
}

.dx-menu-item {
    color: #01609a;
}

#infinity_toolbar .dx-context-menu-container-border {
    border: none;
}

.toolbar-bottom {
    color: #0d2943 !important;
    background-color: #f6f6f6 !important;
    height: 40px;
    border-top: 3px solid #8bc7ec;
}

.navbar-left {
    background-color: #f6f6f6 !important;
    color: #01609a !important;
    border-right: 1px solid #ececec;
    font-size: 12px !important;
    font-weight: 400 !important;
}

.toolbar-top .dx-button {
    background-color: transparent !important;
    border: none !important;
    color: white !important;
}

.toolbar-top-simulation .dx-button {
    background-color: transparent !important;
    border: none !important;
    color: white !important;
}

.toolbar-top .dx-button-mode-contained .dx-icon {
    color: white !important;
    margin-top: 3px
}

.toolbar-top-simulation .dx-button-mode-contained .dx-icon {
    color: white !important;
    margin-top: 3px
}

.logout-btn .dx-button-text {
    color: white !important;
}

.dx-selectbox .dx-texteditor-input:read-only {
    color: #01609a !important;
}

#infinity_navigation .dx-treeview .dx-treeview-node:not(.dx-treeview-item-with-checkbox).dx-state-focused > .dx-treeview-item {
    background-color: transparent !important;
    color: #0d2943 !important;
    font-weight: 700 !important;
}

.form-item-read-only {
    background: #E8EAEB !important;
    border-color: #6AB5E2 !important;
}