html {
    position: relative;
    min-height: 100%;
    font-size: 12px;
}

body {
    margin-bottom: 0;
}

.header {
    height: 48px;
    margin-top: 10px;
    padding-left: 28px;
    padding-right: 14px;
    width: 100%;
    white-space: nowrap;
}

.footer {
    background: #FFFFFF;
    padding-left: 22px;
    padding-right: 7px;
    width: 100%;
    white-space: nowrap;
}

@media (min-width: 576px) {
    .header {
        padding-right: 26px;
    }

    .footer {
        padding-right: 26px;
    }
}

a {
    color: #001489;
    text-decoration: none;
    background-color: transparent;
}

.title {
    font-size: 16px;
    padding-left: 6px;
}

.main {
    min-height: calc(100vh - 97px);
}

.main-panel {
    background: #FFFFFF;    
}

.my-orange {
    color: #E87722;
}

.my-blue {
    color: #001489;
}

.my-gray {
    color: #898D8D;
}

.my-disabled {
    color: #D6D6D6;
}

.summary {
    color: #6F6F6F;
}

.content-background {
    background: #F3F3F3;
    padding-left: 7px;
    padding-right: 7px;
}

.dx-row {
    height: 34px;
}

.dx-treelist .dx-row > td {
    padding-top: 6px;
    padding-bottom: 6px;
}

.dx-datagrid .dx-row > td {
    padding-top: 10px;
    padding-bottom: 10px;
}

.myEditButtonReadOnly .dx-button-has-icon .dx-button-content {
    padding: 0;
}

.dx-icon-trash {
    font: 18px/1 DXIcons;
    vertical-align: baseline;
}

.required-field {
    font-size: 12px;
    color: #E87722;
    margin-left: 10px;
}

.edit-cell {
    color: #54ABCE; /* #001489;*/
}

.editable-cell {
    font-weight: bold;
}

.my-title-default {
    color: #333;
    font-weight: 500;
}

.my-title-non-default {
    color: #001489;
    font-weight: bold;
}

.my-sub-title-default {
    display: none;
    font-weight: 500;
}

.my-sub-title-non-default {
    color: #898D8D;
    display: inline;
    font-weight: 500;
}

#MyTextBoxCellEditQuery {
    padding-left: 3px;
    height: 25px;
    padding-top: 4px;
    padding-bottom: 7px;
}

#GroupingsRead {
    height: calc(100vh - 295px);
}

/* REMOVE GROUPING SPACE */
.dx-datagrid-group-space {
    width: 0 !important;
    min-width: 0 !important;
}

/* FIX ACCORDION ITEM HEIGHT */
.dx-accordion-item-closed {
    height: 42px !important;
}

.sortColumn {
    font-size: 16px;
    font-weight: bold;
    margin: 0;
}

    .sortColumn:hover {
        -ms-opacity: 1;
        opacity: 1;
    }

    .sortColumn a {
        padding-left: 25px;
        padding-right: 25px;
    }

.sortEnabled {
    -ms-opacity: 1;
    opacity: 1;
}
.sortDisabled {
    -ms-opacity: 0.05;
    opacity: 0.05;
}

/*.sortAsc {
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -sand-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.sortDesc {
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -sand-transform: rotate(90deg);
    transform: rotate(90deg);
}*/






#MyTreeListQueries {
    height: calc(100vh - 290px);
}
    #MyTreeListQueries .dx-scrollable-wrapper {
        position: relative;
        width: 100%;
        height: 100%;
        padding-right: 12px !important; /* EZEQUIEL */
    }

#MyTreeListWallets {
    height: calc(100vh - 172px);
}
    #MyTreeListWallets .dx-scrollable-wrapper {
        position: relative;
        width: 100%;
        height: 100%;
        padding-right: 12px !important; /* EZEQUIEL */
    }
    #MyTreeListWallets .dx-treelist-nowrap .dx-header-row > td > .dx-treelist-text-content {
        /* ALLOW MULTINE ON COLUMN HEADER */
        white-space: pre-wrap !important;
    }

#MyScrollViewDetails {
    height: calc(100vh - 172px);
}

#MyAccordionDetails {
    height: calc(100vh - 184px);
}

#MyDataGridPaths {
    height: calc(100vh - 560px);
    min-height: 150px;
}

#MyTextAreaDisplayFilter {
    height: calc(100vh - 615px);
    min-height: 150px;
}

#MyDataGridLocations {
    height: calc(100vh - 560px);
    min-height: 200px;
}

#MyDataGridIndustries {
    height: calc(100vh - 560px);
    min-height: 200px;
}

#MyDataGridCurrencies {
    height: calc(100vh - 560px);
    min-height: 250px;
}
    #MyDataGridCurrencies .dx-scrollable-wrapper {
        position: relative;
        width: 100%;
        height: 100%;
        padding-right: 12px !important; /* EZEQUIEL */
    }

#MyDataGridEdits {
    height: calc(100vh - 560px);
    min-height: 250px;
}

#MyToolbarNoData {
    padding-top: 40px;
    padding-bottom: 0;
}

#MyDataGridEditRisk {
    width: 100%;
}
    #MyDataGridEditRisk .dx-scrollable-wrapper {
        position: relative;
        width: 100%;
        height: 100%;
        padding-right: 12px !important; /* EZEQUIEL */
    }

#MyDataGridAtoms {
    height: calc(100vh - 171px);
    width: 100%;
}

#MyDataGridAtoms .dx-scrollable-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    padding-right: 12px !important; /* EZEQUIEL */
}

#MyScrollViewPaths .dx-texteditor.dx-editor-outlined {
    background: #fff;
    border: 0;
}

#MyScrollViewFilter .dx-texteditor.dx-editor-outlined {
    background: #fff;
    border: 0;    
}

.dataControl {
    height: calc(100vh - 172px);
}



.ContentTemplateClass {
    height: 100%;
}