body, html {
    margin: 0;
    min-height: 100%;
    height: 100%;
}

body {
    overscroll-behavior-y: contain;
}

#app-side-nav-outer-toolbar {
    flex-direction: column;
    display: flex;
    height: 100%;
}

.dx-card {
    box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
    border-radius: 4px;
    background-color: #fff;
    margin: 2px 2px 3px;
}

.dx-overlay-content .dx-resizable {
    background: white;
}

.dx-card.wide-card {
    border-radius: 0;
    margin-left: 0;
    margin-right: 0;
    border-right: 0;
    border-left: 0;
/*    height: 100%;*/
    width: 100%;
}

.layout-header {
    flex: 0 0 auto;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    position: relative;
    z-index: 1501;
    padding-right: 15px;
}

.dx-toolbar .dx-toolbar-item.menu-button {
    width: 60px;
    text-align: center;
    padding: 0;
}

.dx-toolbar .dx-toolbar-item.menu-button > .dx-toolbar-item-content .dx-icon {
    color:  white;
}

.dx-card {
    box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
    border-radius: 4px;
    background-color: #fff;
    margin: 2px 2px 3px;
}

.dx-overlay-content .dx-resizable {
    background: white;
}

.dx-card.wide-card {
    border-radius: 0;
    margin-left: 0;
    margin-right: 0;
    border-right: 0;
    border-left: 0;
}

.with-footer > div > div > .dx-scrollable-content {
    height: 100%;
}

    .with-footer > div > div > .dx-scrollable-content > .dx-scrollview-content {
        display: contents;
        flex-direction: column;
        min-height: 100vh;
        height: 100vh;
        position: relative;

/*        height: 115vh;*/
    }


.dx-scrollview-content {
    padding-left: 5px;
    padding-right: 5px;
}

.layout-body {
    background-color: #FFFFFF;
    flex: 1;
    height: 100%;
    min-height: 0;
}

.layout-body .menu-container {
    height: 100%;
    width: 250px;
}

    .layout-body .content {
        flex-grow: 1;
        min-height: 79vh;
/*        line-height: 1.5;*/
        padding-bottom: 1.5rem;
        padding-left: 10px;
        padding-right: 10px;
    }

@media screen and (orientation: portrait) {
    .layout-body .content {
        min-height: 87vh;
    }
}

.layout-body .content h2 {
    font-size: 30px;
    font-weight: 300;
    letter-spacing: -.5px;
}

.layout-body .content-block {
    /*  margin-left: 20px;
        margin-right: 20px;*/
    margin-top: 17px;
    width: 100%;
}

.layout-body .content-footer {
    display: block;
    color: rgba(0,0,0,.609);
    border-top: 1px solid rgba(0,0,0,.1);
    padding-top: 20px;
    padding-bottom: 24px;
    padding-left: 10px;
    padding-right: 10px;
    position: absolute;
    bottom: 0;
    width: 100%;
}

.layout-body .responsive-paddings {
    padding: 20px;
}

.layout-body-hidden {
    visibility: hidden;
}

@media screen and (min-width: 600px) {
    .layout-body .content-block {
       /* margin-left: 40px;
        margin-right: 40px;*/
    }
}

@media screen and (min-width: 1280px) {
    .layout-body .responsive-paddings {
        padding: 40px;
    }
}

.menu-container .dx-widget {
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    font-family: Roboto,RobotoFallback,Helvetica,Arial,sans-serif;
    line-height: 24px;
}

.menu-container .dx-treeview {
    white-space: nowrap;
}

    .menu-container .dx-treeview .dx-treeview-item {
        padding-left: 0;
        padding-right: 0;
        color: #009688;
    }

.menu-container .dx-treeview .dx-treeview-item .dx-icon {
    width: 60px !important;
    margin: 0 !important;
}

.menu-container .dx-treeview .dx-treeview-node {
    padding: 0 0 !important;
}

    .menu-container .dx-treeview .dx-treeview-toggle-item-visibility {
        right: 10px;
        left: auto;
        color: #037136;
    }

.menu-container .dx-treeview .dx-rtl .dx-treeview-toggle-item-visibility {
    left: 10px;
    right: auto;
}

    .menu-container .dx-treeview .dx-treeview-node[aria-level="1"] {
        font-weight: bold;
        border-bottom: 0.5px solid #B8E7E1;
    }

.menu-container .dx-treeview .dx-treeview-node[aria-level="2"] .dx-treeview-item-content {
    font-weight: normal;
/*    padding: 0 40px;*/
}

.menu-container .dx-treeview .dx-treeview-node-container .dx-treeview-node.dx-state-selected:not(.dx-state-focused) > .dx-treeview-item {
    background: transparent;
}
.menu-container .dx-treeview .dx-treeview-node-container .dx-treeview-node.dx-state-selected {
    background: #009688;
}
.menu-container .dx-treeview .dx-treeview-node-container .dx-treeview-node.dx-state-selected > .dx-treeview-item * {
    color: white;
    background: #009688;
}

    .menu-container .dx-treeview .dx-treeview-node-container .dx-treeview-node .dx-state-selected > .dx-treeview-item.dx-state-hover {
        background: #009688;
    }

    .menu-container .dx-treeview .dx-treeview-node-container .dx-treeview-node:not(.dx-state-selected) > .dx-treeview-item.dx-state-hover {
        background-color: azure;
    }

.logo .primary-text, .logo .secondary-text {
    display: block;
}

.logo .primary-text {
    height: 42px;
    padding-top: 2px;
    font-family: OpenSansCondensedBold;
    font-size: 30px;
    color: #666;
}
.logo .secondary-text {
    font-size: 10px;
    font-family: OverpassSemibold;
    color: #BABABA;
}
.menu-button {
    height: 60px;
    /*background: #009688;*/
    border-width: 0;
    border-radius: 0;
    cursor: pointer;
    outline: none;
}
.footer {
    height: 30px;
    color:white;
    border-top: solid 1px #e3e7ea;
    font-size: 13px;
    clear: both;
    z-index: 1;
    padding-left: 15px;
}

    .footer .info-wrapper {
        margin-top: 10px;
    }
    #mainToolbar .dx-button-has-icon.dx-button-has-text .dx-icon {
    height: 24px;
    margin-right: 8px;
}

#mainToolbar .dx-buttongroup .dx-buttongroup-item {
    border: none;
}
.layout-header .dx-toolbar .dx-toolbar-items-container {
    height: 76px;
}

#btnMainMenu .dx-icon {
    color: white !important;
}
.breadcrumbs {
    height: 25px;
    color: dimgrey;
}
    .breadcrumbs a {
        color: dimgrey;
        text-decoration: none;
}
    .breadcrumbs a:hover {
        color: #009688;
    }
    .breadcrumbs .active {
        opacity: .6;
    }

#form {
    margin: 10px;
}

.actions .dx-toolbar .dx-item-content .dx-button-text {
    font-size: 12px;
}


.grayCircle {
    width: 7px;
    height: 8px;
    border-radius: 50%;
    background: #C1C3C0;
    display: inline-block;
    margin-right: 7px;
}

.greenCircle {
    width: 7px;
    height: 8px;
    border-radius: 50%;
    background: #88C237;
    display: inline-block;
    margin-right: 7px;
}

.redCircle {
    width: 7px;
    height: 8px;
    border-radius: 50%;
    background: red;
    display: inline-block;
    margin-right: 7px;
}

.orangeCircle {
    width: 7px;
    height: 8px;
    border-radius: 50%;
    background: orange;
    display: inline-block;
    margin-right: 7px;
}

.info-msg,
.success-msg,
.warning-msg,
.error-msg {
    margin: 10px 0;
    padding: 10px;
    border-radius: 3px 3px 3px 3px;
}

.info-msg {
    color: #059;
    background-color: #BEF;
}

.success-msg {
    color: #270;
    background-color: #DFF2BF;
}

.warning-msg {
    color: #9F6000;
    background-color: #FEEFB3;
}

.error-msg {
    color: #D8000C;
    background-color: #FFBABA;
}

/*Devextreme Overload CSS*/
.dx-datagrid-form-buttons-container {
    float: left;
}

.dx-command-edit .dx-link {
    font-size: 17px !important;
}

.dx-list-item {
    right: 4.6px;
}

.dx-popup-content.dx-dropdownmenu-list .dx-toolbar-menu-custom .dx-toolbar-item-auto-hide .dx-dropdownbutton .dx-item {
    border: none;
    left: -7px;
}

.dx-form-group-caption {
    font-size: 20px;
    color: #009688;
    font-weight: 500;
}

.dx-toolbar .dx-toolbar-label {
    text-decoration: none;
    float: left;
    margin: 8px 19px 0 18px;
    color: #009688;
}
.dx-form-group-with-caption > .dx-form-group-content {
    border-top: 1px solid #009688;
}
.dx-link {
    color: #009688;
    text-decoration: none;
}
.dx-list-item-content {
    /*text-align: center;*/
}

.dx-texteditor.dx-editor-filled .dx-placeholder::before, .dx-texteditor.dx-editor-filled .dx-texteditor-input, .dx-texteditor.dx-editor-outlined .dx-placeholder::before, .dx-texteditor.dx-editor-outlined .dx-texteditor-input {
    padding-top: 7px;
    padding-right: 0px;
    padding-bottom: 6px;
    padding-left: 7px;
}
.dx-field-item-label-location-top {
    padding-left: 0;
}
.dx-field-item:not(.dx-field-item-has-group):not(.dx-field-item-has-tabs):not(.dx-first-row):not(.dx-label-v-align){
    padding-top:0;
}
.dx-treeview-node a, .dx-datagrid .dx-link {
    text-decoration: none;
    color: #009688;
}
.dx-searchbox.dx-editor-filled .dx-placeholder:before, .dx-searchbox.dx-editor-filled .dx-texteditor-input {
    padding-left: 22px;
}
.dx-searchbox.dx-editor-filled .dx-icon-search {
    padding-left: 0;
    left: 1px;
    width: 0;
}
.dx-toolbar-actions .dx-toolbar .dx-toolbar-items-container {
    height: 100%;
}

.dx-texteditor.dx-editor-filled.dx-state-disabled .dx-texteditor-input, .dx-texteditor.dx-editor-filled.dx-state-readonly .dx-texteditor-input, .dx-texteditor.dx-editor-filled.dx-state-readonly.dx-state-hover .dx-texteditor-input {
    color: rgba(0,0,0,7);
}
.dx-state-disabled .dx-widget, .dx-state-disabled.dx-widget {
    opacity: 0.65;
}
.dx-button-text {
    font-size: smaller;
}
/*.dx-treeview-node .dx-row-focused a, .dx-datagrid .dx-row-focused .dx-link {
    color: #fff;
    background-color: #33aba0;
}*/
.dx-datagrid-rowsview .dx-row-focused.dx-data-row .dx-link, .dx-datagrid-rowsview .dx-row-focused.dx-data-row > td:not(.dx-focused), .dx-datagrid-rowsview .dx-row-focused.dx-data-row > tr > td:not(.dx-focused) {
    color: #fff;
    background-color: #33aba0;
}
.layout-header .dx-button-mode-text.dx-state-focused, .layout-header .dx-button-mode-text.dx-state-hover {
    background-color: transparent;
}
.dx-swatch-additional .dx-scrollable {
    display: block;
    height: 100%;
    min-height: 0;
    background: white;
}
.dx-drawer-shrink .dx-drawer-panel-content {
    position: relative;
    overflow: hidden;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 100%;
    height: auto !important;
    box-shadow: 0px 0.5px 10px 0 rgba(0,0,0,0.14);
    border-right-color: #EAE9E9;
    background-color: white;
}
.dx-button.dx-state-hover .dx-icon, .dx-button.dx-state-focused .dx-icon {
    /*color: #009688 !important;*/
}
.dx-popup-title.dx-toolbar .dx-toolbar-items-container {
    height: 55px;
}
.dx-toolbar.dx-popup-title .dx-toolbar-label {
    margin-top: 18px;
    margin-left: 0;
}
.dx-form-group-with-caption .dx-form-group.dx-form-group-with-caption{
    padding-left:0;
}