body {
    background-color: #ffffff;
    font-family: 'Droid Sans', sans-serif!important;
}  

@media (max-width: 800px) {
    body {
        font-size: 12px!important;
    }
}

@media (min-width: 1400px) and (max-width: 4500px) {
    body {
        font-size: 14px!important;
    }
}

@media (min-width: 3000px) {
    body {
        font-size: 14px!important;
    }
}

.footer{
    text-align: center;
    font-size: 10px!important;
    font-family: 'Droid Sans', sans-serif!important;
    width: 100%;
    position: relative;
    height: 20px;
    bottom: 0;
}
  
.modal-dashboard {
    padding: 0px!important;
}

.modal-dialog {
    margin-top: 0px!important;
    margin-bottom: 0px!important;
}

.modal-content {
    font-family: 'Droid Sans', sans-serif!important;
}

.dropdown-container,
.collapse-container {
    /* background-color: #fdfdfd; */
    border-radius: 1em!important;
    padding: 0.1em;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px, rgba(0, 0, 0, 0.15) 0px -5px 15px 0px;
    margin: 0 0 0 0; /* top, right, bottom, left */
    width: 100%;
}



.ag-grid {
    width: 100%!important;
    height: 20vh!important;
    min-height: 200px!important;
    border-radius: 1em!important;
}

div.ag-theme-balham div.ag-row {
    font-size: 12px !important;
    font-family: 'Droid Sans', sans-serif!important;
}

.table-card, .table-card-dark {
    margin: 0.1em!important;
    border-radius: 1em!important;
    margin-left: 10px!important;
    margin-right: 10px!important;
    margin-bottom: 10px!important;
    padding: 0px!important;
    width: calc(100% - 20px)!important;
}

.table-card-dark {
    background-color: #083642!important;
    color: #083642!important;
}

.card-header {
    border-radius: 1em!important;
    height: 60px!important;
}

.Select-control {
    height: 40px!important;
}

.table-card-body, .table-card-body-dark {
    padding: 0.5em!important;
    border-radius: 1em!important;
}

.table-card-body-dark {
    background-color: #083642!important;
    color: #083642!important;
}

.upload-grid-card, .upload-grid-card-dark {
    margin: 0.1em!important;
    border-radius: 1em!important;
    margin-left: 10px!important;
    margin-right: 10px!important;
    margin-bottom: 10px!important;
    padding: 0px!important;
}

.upload-grid-card-dark {
    background-color: #083642!important;
    color: #083642!important;
}

.upload-grid-card-body, .upload-grid-card-body-dark {
    padding: 0.5em!important;
    border-radius: 1em!important;
}

.upload-grid-card-body-dark {
    background-color: #083642!important;
    color: #083642!important;
}

.grouped-files-header {
    margin-bottom: 0em!important;
}

.grouped-files-header-dark {
    margin-bottom: 0em!important;
    color: #FDFEFF!important;
}

.theme-switch-container {
    font-size: 25px!important;
    align-self: center!important;
    padding-right: 5px!important;
}

.form-label {
    font-size: 25px!important;
}

.form-check {
    padding-left: 67.5px!important;
}

.row {
    margin-left: 0px!important;
    margin-right: 0px!important;
}

.container-fluid {
    padding-left: 0px!important;
    padding-right: 0px!important;
}

.nav {
    padding-left: 0px!important;
    padding-right: 0px!important;
    height: 80px!important;
}

.my-graph {
    padding-top: 0.15em!important;
    padding-right: 0.15em!important;
    padding-left: 0.15em!important;
    padding-bottom: 0.15em!important;
    margin-right: 25px!important;
    height: 60vh!important;
    min-height: 400px;
    width: calc(100% - 0px)!important;
}

.graph-container, .graph-container-dark {
    margin: 0.1em!important;
    border-radius: 1em!important;
    height: 60vh;
    min-height:400px;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px, rgba(0, 0, 0, 0.15) 0px -5px 15px 0px;
    margin-left: 10px!important;
    margin-right: 10px!important;
    margin-bottom: 10px!important;
    width: calc(100% - 20px)!important;
    padding-left: 0px!important;
    padding-right: 0px!important;
}

.graph-container-dark {
    background-color: #083642!important;
}

.graph-row {
    padding: 0px!important;
}

.dropdown-container {
    margin: 0.1em !important;
    margin-bottom: 0.3em!important;
    min-height: 170px;
    padding-bottom: 0.3em;
}

.collapse-container {
    padding: 0px !important;
    /* background-color: azure !important; */
    margin-bottom: 0.3em!important;
    box-shadow: 0 0.25em 0.375em rgba(0, 0, 0, 0.5);
    font-Weight: bold!important;
}

.upload-container {
    padding: 5px !important;
    text-align: center;
    font-Weight: bold!important;
    width: 100%;
    border-radius: 1em!important;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px, rgba(0, 0, 0, 0.15) 0px -5px 15px 0px;
}

.upload-button {
    padding: 5px !important;
    text-align: center;
    font-Weight: bold!important;
    width: 100%;
    border-radius: 1em!important;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px, rgba(0, 0, 0, 0.15) 0px -5px 15px 0px;
}

.mantine-Stepper-root,
.mantine-Group-root,
.mantine-UnstyledButton-root,
.mantine-Text-root {
    font-family: 'Droid Sans', sans-serif!important;
}

.btn-close {
    margin-left: 10px!important;
}

.center-image {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.center-text {
    text-align: center;
    display: block;
    margin: auto;
  }

.center-list {
    text-align: center;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
}

.center-list li {
    text-align: left;
}

.tooltip-inner {
    background-color: #f9f9f9!important;
    color: #333!important;
    font-size: 10px;
}

.tooltip-arrow {
    border-color: #f9f9f9!important;
    color: #FFFFF0!important;
}

.tooltip .arrow::before {
    border-color: white transparent transparent transparent!important;
}

.row-dragging-grid-to-grid-container {
    display: flex;
    align-items: center;
    column-gap: 20px;
}

#div-row-dragging-grid2grid-complex-bin {
    transition: transform 500ms;
}