#dvTest {
    width:300px;
    position:absolute;
    background-color:whitesmoke;
    opacity:1;
}

.dx-scrollbar-vertical.dx-scrollbar-hoverable {
    width: 24px !important;
}

.dx-scrollbar-vertical .dx-scrollable-scroll {
    width: 24px !important;
}

.dx-scrollbar-horizontal.dx-scrollbar-hoverable {
    width: 24px !important;
}

.dx-scrollbar-horizontal .dx-scrollable-scroll {
    width: 24px !important;
}

.form-control:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.dx-filemanager-details-item-thumbnail {
    height: 18px;
    width: 18px;
}

.stilfolder {
    font-weight:bold;
    color:darkgreen;
}

.grafo-totalintrari {
    color: darkgreen;
    font-weight: 400;
}

.labelFisier {
background-color: white;
}

#idLabelFisier:hover {
    color: dodgerblue;
}

.stilcpp {
    font-weight: bold;
}

.grafo-verde {
    background-color: #3cbab2;
}

    .grafo-verde .dx-icon {
        color: white;
    }

.grafo-rotund {
    border-radius: 50%;
}

.dx-icon.fa {
    width: auto;
    height: auto;
}


.dx-fileuploader-dragover .dx-fileuploader-input-wrapper .dx-fileuploader-button {
    display: inline;
}

#fileuploader-container {
    border: 1px solid green;
    margin: 0 auto;
}

.dx-datagrid-rowsview .dx-row.dx-group-row td {
    background-color: #3cbab2;
    color: white;
}

.dx-datagrid-summary-item {
    color: black;
}

#dchartv {
    height: 88vh;
    background-color: whitesmoke;
}

#chartv {
    height: 240px;
}

.dx-command-select {
    width: 28px !important;
    min-width: 28px !important;
}

#piee {
    min-height: 600px;
}

#chartvv {
    height: 400px;
}

.topx-card-portal {
    height: 42vh;
    min-height: 42vh;
}

.devgrid {
    overflow-y:auto;
    padding:0;
}

.antecalcul-parametru {
    background-color: whitesmoke;
}

.topx-visible {
    visibility: visible;
}

.topx-invisible {
    visibility: hidden;
}

.topx-column-red {
    color: red;
}

.topx-column-violet {
    color: darkviolet;
}

.topx-column-backred {
    background-color: red;
}

.topx-column-green {
    color: #3cbab2;
}
/*#sbMaterial.dx-dropdowneditor-overlay #sbMaterial.dx-overlay-content {*/
tr.dx-row.dx-column-lines.dx-row-lines.dx-master-detail-row {
    background-color: #f5fef5;
}

tr.dx-row.dx-column-lines.dx-edit-row.dx-datagrid-edit-form.dx-row-lines.dx-master-detail-row {
    background-color: #f5fef5;
}

.dx-datagrid-addrow-button {
    background-color: #3cbab2;
}

    .dx-datagrid-addrow-button.dx-state-hover {
        background-color: #f51e37;
    }

.topx-manage-buton {
    margin-top: 44px;
}

#fisier {
    width: 60%;
    height: auto;
}

.topx-fisier {
    width: 60%;
    height: auto;
    padding-top:16px;
    margin:0 auto;
}

.grafo-antecalcul-red {
    color:darkred;
    background-color: lightyellow;
    font-weight:bold;
}

.topx-general {
    position: absolute;
    background-color: whitesmoke;
}

.topx-managenav {
    background-color: whitesmoke;
}

.topx-antecalcul {
    background-color: whitesmoke;
    overflow-y: auto;
}

.topx-grid-readonly {
    color:red;
}

#gridx {
    padding: 0px;
    height: 600px;
    width: 100%;
    margin: 0 auto;
    margin-top: 43px;
    overflow-y: auto;
}

.dx-datagrid-header-panel {
    padding: 4px;
    padding-bottom:0;
}

.topx-client {
    padding: 4px;
    width: 98%;
    margin: 0 auto;
    margin-top: 54px;
}

.topx-raport {
    margin-top: 54px;
    height:100%;
    min-height:800px;
    position:absolute;
}


.topx-grid {
    width: 95%;
    position: absolute;
    background-color: whitesmoke;
    opacity: 1;
    height: 90vh;
}

#dvPortal {
    width: 352px;
    position: absolute;
    background-color: whitesmoke;
    opacity: 0.9;
}

.topx-portal {
    max-width: 90%;
    height: auto;
}

.dvParola {
    width: 300px;
    position: absolute;
    background-color: whitesmoke;
    opacity: 0.9;
}

.divv {
    width: 100%;
    height: 100vh;
    background-color: #3cbab2;
    /*    background: url("/img/web-background5.jpg") no-repeat center center;
    background-size: cover;*/
    overflow: hidden;
}

.topx-opac {
    background-color: lightgray;
    opacity: 0.9;
}

    .topx-opac a {
        color:black;
    }

        .topx-opac a:hover {
            color: #3cbab2;
        }

    .topx-tooltip-red {
        background-color: red;
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        font-size: smaller;
    }

#pverticalx {
    margin:8px;
    margin-top:54px;
    border-radius:0;
    height: 100vh;
}

.topx-manage {
    width: 90%;
    max-height: 600px;
    margin: 0 auto;
    background-color: whitesmoke;
    opacity: 0.95;
    margin-top: 76px;
    padding: 8px;
    overflow-y: auto;
    overflow-x:hidden;
}

topx-manage-button {
    width: 300px;
}

topx-manage-li {
    margin-bottom: 4px;
}

.topx-consent {
    margin-top: 60px;
}

.repar {
    color: black;
}

.repar-verde {
    color: green;
    font-weight: bold;
}

.repar-rosu {
    color: red;
    font-weight: bold;
}

.durata1 {
    color: black;
}

.durata2 {
    color: darkorange;
}

.durata3 {
    color: red;
}

.flux-buton-casa .dx-icon {
    background-color: orange !important;
    color: white !important;
}
.flux-buton-casa:is(:hover) {
    background-color: #f51e37 !important;
}


/*icons*/
.dx-icon-calin {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEwAAABMCAQAAABtnpmgAAAAZUlEQVRo3u3SsQkAIAwEQDOw0ziwFhZiY6OixX0VCDwXSNT0ZwIMDAwMDAwMDAwMDAzsJKyMsVfFvM9gYGBgYGBgYCvG1h05wL6BeX4wMDAwMDCw27BbAQMDAwMDAwMDAwMDe5IGFJGKAcyLcs4AAAAASUVORK5CYII=);
}
/*icons*/