.btn-primary {
    background-color: #0AA9DC;
    border-color: #0AA9DC;
}
    .btn-primary:disabled {
        background-color: #DCDCDC;
        border-color: #DCDCDC;
    }
.btn-link {
    color: #0AA9DC;
}
    .btn-link:disabled {
        color: #DCDCDC;
    }
.form-check-input:checked {
    background-color: #0AA9DC;
    border-color: #0AA9DC;
}
select.dashboardSelect {
    background-color: white;
    background-image: url("/img/20x20-down.svg");
    appearance: none;
    background-origin: content-box;
    background-position: right -1em center;
    background-repeat: no-repeat;
    background-size: auto;
    box-sizing: border-box;
    padding-right: 1.5em;
    border: none;
}
input.dashboardInput {
    border: none;
}

.uicontainer {
    width: 100vw;
    position: relative;
    top: 0;
    display: flex;
}
.loginbody {
    background-image: url("/img/mxacctv-bg.png");
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 0px;
}
.btn {
    border-radius: 16px;
}
.sidebar-login {
    width: 100%;
    max-width:375px;
    height: 100vh;
    background-color: rgba(255, 255, 255, 0.96);
    padding: 16px;
    display: flex;
    flex-direction:column;
    justify-content: space-between;
}

.mx-login-logo {
}

.mx-login-panel {
    width:100%;
}

.mx-login-footer {
}

.login-btn {

}
.forgot-div {
    text-align: center;
}
.reset-link {
    font-size: 12px;
}

.login-error-message-div {
    background-color: rgba(220, 10, 10, 0.2);
}

.login-error-message {
    color: #DC0A0A;
    font-weight: bold;
    font-size: 12px;
}

.dashboardbody {
    margin-bottom: 0px;
}



.sidebar-dashboard {
    width: 100%;
    max-width: 375px;
    height: 100vh;
    background-color: rgba(255, 255, 255, 0.96);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.sidebar-dashboard-logo {
    width: 100%;
    background-image: url("/img//mxacctv-bg.png");
    height: 210px;
    display:flex;
    flex-direction: row;
    align-items: flex-end;
    padding: 16px;
}
.sidebar-dashboard-logo-profile {
    display: flex;
    align-items: center;
    height: 56px;
    width: 56px;
}
.sidebar-dashboard-logo-text {
    font-size: 24px;
    height:56px;
    color: white;
    display: flex;
    align-items:center;
    padding-left: 16px;
}

.sidebar-dashboard-footer {
    text-align: center;
    padding: 16px;
}

.sidebar-dashboard-main-panel {
    padding: 16px;
    height: 100%;
}
.sidebar-dashboard-main-panel-title {
    font-size: 24px;
    margin-bottom: 8px;
}
.sidebar-dashboard-main-panel-entry {
    font-size: 12px;
    display: flex;
    height: 44px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    align-content: center;
    cursor: pointer;
}
.sidebar-dashboard-main-panel-entry-icon {
    align-items: center;
    display: flex;
    align-items: center;
    margin-left: 8px;
    margin-right: 8px;
}
.sidebar-dashboard-main-panel-entry-label {
    align-items: center;
    display: flex;
    padding-left: 6px;
    width: 100%;
}
.sidebar-dashboard-main-panel-entry-rightarrow {
    align-items: center;
    display: flex;
}
.sidebar-dashboard-main-panel-entry-selected {
    border-bottom-color: #0aa9dc;
    color: #0aa9dc;
}
.sidebar-dashboard-main-panel-entry-unselected {
    border-bottom-color: lightgrey;
    color: #2c2137;
}
.sidebar-dashboard-main-panel-logout {
    font-size: 12px;
    color: #2c2137;
    display: flex;
    justify-content: center;
    margin-top: 8px;
    cursor: pointer;
}

.dashboard-main {
    width: 100%;
    min-height: 100vh;
    background-color: #EFEFEF;
}
.dashboard-burger-menu {
    width: 100%;
    background-color: white;
    margin: 0px;
}
.dashboard-burger-menu-header {
    width: 100%;
    height: 64px;
    background-image: url("/img/mxacctv.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 24px;
    margin: 0px;
}

.dashboard-burger-menu-button {
    width: 64px;
    height: 32px;
    margin-left: 16px;
    margin-top: 16px;
    margin-bottom: 16px;
    padding-top: 0px;
}

.dashboard-burger-menu-main {
}

.dashboard-panel-title {
    font-size: 24px;
    margin-bottom: 8px;
}
.dashboard-panel-description {
    font-size: 12px;
    margin-bottom: 8px;
}
.dashboard-panel-toolbar {
    font-size: 12px;
    margin-bottom: 8px;
    display: flex;
    flex-wrap: wrap;
    min-height: 32px;
}
.dashboard-panel-toolbar-description {
    font-weight: bold;
}
.dashboard-panel-toolbar-selection {
    flex-grow: 1;
    display: flex;
}
.dashboard-panel-toolbar-selection-item {
}
.dashboard-panel-toolbar-selection-item-unselected {
    color: #0aa9dc;
    cursor: pointer;
}
.dashboard-panel-toolbar-selection-item-selected {
    color: #2c2137;
}
.dashboard-panel-toolbar-sort {
    min-width: 253px;
    margin-right: 8px;
    display: flex;
    background-color: white;
}
.dashboard-panel-toolbar-sort-icon {
    display: flex;
    align-items: center;
    margin-left: 8px;
    margin-right: 8px;
}
.dashboard-panel-toolbar-sort-dropdown {
    flex-grow: 1;
}
.dashboard-panel-toolbar-search {
    min-width: 253px;
    display: flex;
    background-color: white;
}
.dashboard-panel-toolbar-search-icon {
    display: flex;
    align-items: center;
    margin-left: 8px;
    margin-right: 8px;
}
.dashboard-panel-toolbar-search-input {
    flex-grow: 1;
}
.dashboard-panel-toolbar-search-clear {
    display: flex;
    align-items: center;
    margin-left: 8px;
    margin-right: 8px;
}

.dashboard-panel-area {
    width: 100%;
    min-height: 100%;
    display:flex;
    flex-wrap: wrap;
}

.dashboard-panel {
    padding: 32px;
}
.dashboard-panel-item {
    background-color: white;
    width: 285px;
    min-height: 120px;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 16px;
    margin-bottom: 16px;
    padding: 16px !important;
}


.dashboard-selectOrg {
}

.dashboard-panel-item-org {
    min-height: 120px;
}
.dashboard-panel-item-org-nameicon {
    width: 100%;
    display: flex;
    margin-bottom: 8px;
}
.dashboard-panel-item-org-icon {
    width: 40px;
    height: 40px;
}
.dashboard-panel-item-org-name {
    margin: auto 8px auto 8px;
}
.dashboard-panel-item-org-button {
    width: 100%;
}
.dashboard-panel-item-org-button-button {
    width: 100%;
}

.dashboard-panel-item-dataset {
    min-height: 165px;
}
.dashboard-panel-item-dataset-short {
    min-height: 100px;
}
.dashboard-panel-item-dataset-new {
    background-color: #2C2137;
    color: white;
}
.dashboard-panel-item-dataset-nameicon {
    width: 100%;
    display: flex;
    margin-bottom: 8px;
    min-height: 40px;
}
.dashboard-panel-item-dataset-name {
    font-size: 16px;
    flex-grow: 1;
    line-height: 20px;
}
.dashboard-panel-item-dataset-name-new {
    height: 40px;
}
.dashboard-panel-item-dataset-icon {
    width: 40px;
    height: 40px;
    background-image: url('/img/40x40-data-set-thumbnail-shadow.svg');
    background-repeat: no-repeat;
    background-position: right top;
    background-size: 40px 40px;
    padding-top: 2px;
    padding-right: 2px;
}
.dashboard-panel-item-dataset-type-div {
    min-height: 32px;
    margin-bottom: 8px;
    display: flex;
}
.dashboard-panel-item-dataset-type-text {
    line-height: 13px;
    flex-grow: 1;
}
.dashboard-panel-item-dataset-type-text-title {
    font-size: 12px;
    font-weight: bold;
}
.dashboard-panel-item-dataset-type-text-content {
    font-size: 12px;
}
.dashboard-panel-item-dataset-type-created-title {
    font-size: 12px;
    font-weight: bold;
}
.dashboard-panel-item-dataset-type-created-content {
    font-size: 12px;
}
.dashboard-panel-item-dataset-type-counter {
}
.dashboard-panel-item-dataset-type-counter-display {
    font-size: 0.6rem;
    border-radius: 16px;
    background-color: black;
    color: white;
    padding: 4px 8px;
}
.dashboard-panel-item-dataset-button {
    width: 100%;
}
.dashboard-panel-item-dataset-button1 {
    width: 100%;
    margin-bottom: 8px;
}
.dashboard-panel-item-dataset-button1-centre {
    width: 100%;
    margin-bottom: 8px;
    text-align: center;
}
.dashboard-panel-item-dataset-button2 {
    width: 100%;
}
.dashboard-panel-item-dataset-button2-centre {
    width: 100%;
    text-align: center;
}

.dashboard-panel-item-type-button-button {
    width: 100%;
}

.dashboard-dataSets {
}

.dashboard-analysisModels {
}

.dashboard-apiKey {
}

.dashboard-myAccount {
}

.dashboard-modal-header {
    background-color: #42374D;
    color: white;
}
.dashboard-modal-title {
    font-size: 24px;
}
.dashboard-modal-close {
    width: 64px;
}
.dashboard-modal-body {
    background-color: #F6F6F6;
    color: #2C2137;
    font-size: 12px;
}
.dashboard-modal-body-entry {
    margin-bottom: 8px;
    width: 100%;
}
.dashboard-modal-footer {
}
.dashboard-modal-footer-button {
    width: 100%;
}
.dashboard-modal-body-title {
    font-weight: bold;
}
.dashboard-modal-body-title-strap {
}
.dashboard-modal-body-input {
}
.dashboard-modal-body-input-field {
    width: 100%;
}
.dashboard-modal-body-title-with-option {
    display: flex;
}
.dashboard-modal-body-title-text {
    flex-grow: 1;
    font-weight: bold;
}
.dashboard-modal-body-title-option {
    font-size: 16px;
}
.dashboard-modal-body-title-option-switch {
}
.dashboard-modal-body-option {
    padding: 8px;
}
.dashboard-modal-body-indent {
    padding-left: 8px;
}
.dashboard-modal-body-option-selected {
    background-color: #0AA9DC;
    color: white;
}
.dashboard-modal-body-option-unselected {
    background-color: white;
    color: #2C2137;
    cursor: pointer;
}
.dashboard-modal-body-option-title {
    font-weight: bold;
}
.dashboard-modal-body-option-body {
}
.dashboard-modal-body-dropdown {
    height: 32px;
}
.dashboard-modal-body-dropdown-select {
}
.dashboard-dataset {
    width: 100%;
    min-height: 100%;
    display: flex;
    flex-direction: column;
}
.dashboard-dataset-back {
    margin-bottom: 16px;
}
.dashboard-dataset-back-button {
    font-size: 12px;
    min-width: 80px;
}
.dashboard-dataset-title {
    flex-grow: 1;
    font-size: 24px;
}
.dashboard-dataset-main {
    width: 100%;
    min-height: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-grow: 1;
    flex-direction: row;
}
.dashboard-dataset-main-details {
    width: 285px;
    margin-right: 28px;
}
.dashboard-dataset-main-details-top {
    background-color: white;
    padding: 16px;
}
.dashboard-dataset-main-details-top-line2 {
    margin-bottom: unset;
}
.dashboard-dataset-main-details-bottom {
    background-color: #F6F6F6;
    padding: 16px;
    font-size: 12px;
}

.dashboard-dataset-main-details-bottom-deleteview {
    padding-top: 2px;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.dashboard-dataset-main-details-bottom-title-div {
    display: flex;
    flex-direction: row;
    margin-bottom: 16px;
}
.dashboard-dataset-main-details-bottom-title {
    font-weight: bold;
    flex-grow: 1;
}
.dashboard-dataset-main-details-bottom-clear {
    color: #0AA9DC;
}
.dashboard-dataset-main-details-bottom-filters-div {
}
.dashboard-dataset-main-details-bottom-text-div {
    margin-bottom: 8px;
}
.dashboard-dataset-main-details-bottom-filter {
    display: flex;
    flex-direction: row;
    margin-bottom: 16px;
}
.dashboard-dataset-main-details-bottom-filter-check {
    margin-right: 8px;
}
.dashboard-dataset-main-details-bottom-filter-text {
    flex-grow: 1;
}
.dashboard-dataset-main-details-bottom-edit {
    font-size: 12px;
    width: 100%;
}
.delete-colour {
    color: #DC0A0A;
}
.select-colour {
    color: #0AA9DC;
}
.dashboard-dataset-main-details-bottom-edit-div {
    margin-bottom: 16px;
}
.dashboard-dataset-main-details-bottom-delete-div {
    text-align: center;
}
.dashboard-dataset-main-files {
    flex-grow: 1;
}
.dashboard-dataset-main-files-toolbar {
}
.dashboard-dataset-main-files-results {
    width: 100%;
    /*min-height: 100%;*/
    background-color: white;
    margin: 0px;
    padding: 0px;
    font-size: 12px;
}

.dashboard-dataset-main-files-results-entry {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    min-height: 56px;
    align-items: center;
}

.dashboard-dataset-main-files-results-header {
    background-color: #EFEFEF;
    font-weight: bold;
}

.dashboard-dataset-main-files-results-addline {
    background-color: #F6F6F6;
}

.dashboard-dataset-main-files-results-col-thumbnail {
    width: 72px;
    text-align: center;
}

.dashboard-dataset-main-files-results-col-filename {
    flex-grow: 1;
}
.dashboard-dataset-main-files-results-col-tag {
    width: 253px;
    padding-left: 5px;
}
.dashboard-dataset-main-files-results-col-tag-top {
    background-color: white;
}
.dashboard-dataset-main-files-results-col-exclude {
    width: 130px;
    text-align: center;
}
.dashboard-dataset-main-files-results-col-action {
    width: 148px;
    display: flex;
    justify-content: center;
}
.dashboard-dataset-main-files-results-col-action-seperator {
    padding-top: 4px;
}
.dashboard-dataset-main-files-results-col-action-first {
}
.dashboard-dataset-main-files-results-col-action-second {
}
.dashboard-dataset-main-files-results-add-file-input {
}
.dashboard-dataset-main-files-results-col-action-button {
    font-size: 12px;
    text-decoration: unset;
}
.dashboard-dataset-main-files-results-filename {
}
.dashboard-modal-header-danger {
    background-color: #DC0A0A;
}
.dashboard-modal-header-deleteconfirm {
    padding-top: 2px;
    padding-bottom: 2px;
}
.dashboard-modal-footer-multi-buttons {
    
}
.dashboard-modal-footer-multi-button-div {
    margin: 0px;
}
.dashboard-modal-footer-multi-button-div-2 {
    width:49%;
}
.dashboard-modal-footer-multi-button-div-2-spacer {
    width: 2%;
}
.dashboard-modal-footer-multi-button {
    font-size: 12px;
}
.dashboard-edit-tag-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    background-color: white;
    height: 32px;
}
.dashboard-edit-tag-name {
    flex-grow: 1;
    padding-left: 8px;
}
.dashboard-edit-tag-button {
}
.dashboard-edit-tag-text {
    font-size: 12px;
}

.dashboard-datasetentry-image {
}
.dashboard-datasetentry-button-div {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
.dashboard-datasetentry-button {
    width: unset;
    min-width: 120px;
}
.dashboard-datasetentry-tag-div {
    margin-bottom: 8px;
}
.dashboard-datasetentry-text-div {
    background-color: white;
    margin-bottom: 8px;
}
.dashboard-datasetentry-text-entry {
    flex-grow: 1;
}
.dashboard-datasetentry-text-entry-field {
    width: 100%;
    height: 100%;
}
.dashboard-datasetentry-text-action {
    text-align: right;
    padding-right: 10px;
    flex-grow: unset;
}
.dashboard-datasetentry-text-action-delete {
}
.dashboard-datasetentry-text-action-add {
    
}
.dashboard-datasetentry-text-entry-field {
}

.dashboard-panel-item-model {
    min-height: 160px;
}

.dashboard-panel-item-model-new {
    background-color: #2C2137;
    color: white;
}
.dashboard-panel-item-model-icon {
    width: 40px;
    height: 40px;
    padding-top: 2px;
    padding-right: 2px;
}
.dashboard-model-main-area {
    flex-grow: 1;
}
.dashboard-model-main-versions {
    margin-bottom: 20px;
}
.dashboard-model-main-results {
}
.dashboard-model-main-version-results {
    background-color: white;
}
.dashboard-model-main-analysis-results {
    background-color: white;
}
.dashboard-model-main-files-results {
    width: 100%;
    min-height: 100%;
    background-color: white;
    margin: 0px;
    padding: 0px;
    font-size: 12px;
}

.dashboard-model-main-files-results-entry {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    min-height: 56px;
    align-items: center;
    font-size: 12px;
}

.dashboard-model-main-files-results-header {
    background-color: #EFEFEF;
    font-weight: bold;
    font-size:12px;
}

.dashboard-model-main-files-results-addline {
    background-color: #F6F6F6;
}
.dashboard-model-main-files-results-active {
    border-bottom-color: #F6F6F6;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}
.dashboard-model-main-files-results-col-version {
    width: 84px;
    text-align: center;
}

.dashboard-model-main-files-results-col-name {
    flex-grow: 1;
    min-width: 100px;
    padding-left: 10px;
    padding-right: 10px;
}

.dashboard-model-main-files-results-col-name-input {
    padding-right: 10px;
}
.dashboard-model-main-files-results-col-status {
    width: 84px;
}
.dashboard-model-main-files-results-col-dataset {
    width: 164px;
}
.dashboard-model-main-files-results-col-tags {
    width: 164px;
}
.dashboard-model-main-files-results-col-default {
    width: 200px;
}
.dashboard-model-main-files-results-col-error {
    width: 84px;
}
.dashboard-model-main-files-results-col-actions {
    width: 88px;
    display: flex;
    justify-content: center;
    margin-right: 5px;
}
.dashboard-model-main-files-results-col-version2 {
    width: 100px;
    text-align: center;
}
.dashboard-model-main-files-results-col-scan {
    width: 100px;
}
.dashboard-modelversion-modal-body {
    padding: unset;
}
.dashboard-modelversion-modal-body-header {
    background-color: white;
    padding: 1rem;
}
.dashboard-modelversion-modal-footer {
    justify-content: center;
    font-size: 12px;
    background-color: #F6F6F6;
}
.dashboard-modelversion-modal-hr {
}
.dashboard-modelversion-modal-hr2 {
    margin-bottom: 0px;
}
.dashboard-modelversion-modal-body-content {
    padding: 1rem;
}
.dashboard-modelversion-modal-body-content-title {
    font-size: 24px;
}
.dashboard-modelversion-modal-body-content-tags {
    margin-left: 8px;
    margin-right: 8px;
}
.dashboard-modelversion-modal-body-spinner {
    text-align: center;
}
.dashboard-modelversion-modal-body-image-div {
    width: 100%;
}
.dashboard-modelversion-modal-body-image {
    width: 100%;
}
.dashboard-modelversion-modal-body-results-div {
    margin-left: 8px;
    margin-right: 8px;
}

.dashboard-result-main-files-results-col-thumbnail {
    width: 72px;
    text-align: center;
}

.dashboard-result-main-files-results-col-filename {
    flex-grow: 1;
}

.dashboard-result-main-files-results-col-status {
    width: 130px;
}

.dashboard-result-main-files-results-col-expected {
    width: 130px;
}

.dashboard-result-main-files-results-col-detected {
    width: 130px;
}

.dashboard-result-main-files-results-col-text {
    width: 230px;
}

.dashboard-result-main-files-results-col-action {
    width: 148px;
    display: flex;
    justify-content: center;
}
.dashboard-dataset-main-files-results-active {
    border-bottom-color: #F6F6F6;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}
.nonmatchedtag-colour {
    color: #DC0A0A;
}
.dashboard-panel-item-button-apicopy {
    color: white;
    text-decoration: none;
}
.dashboard-panel-item-user-panel {
    background-color: #F6F6F6;
}
.dashboard-panel-item-user-icon {
    width: 40px;
    height: 40px;
}
.dashboard-panel-item-user-name {
    padding-left: 8px;
}
.dashboard-panel-item-user-area {
    padding-bottom: 8px;
}

.dropdown-container {
    margin: 6px 0 12px 0;
}

.dropdown {
    /*background-color: #FFF;
    border: 1px solid #E6E6E6;*/
    /*-moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    border-radius: 16px;*/
    text-align: left;
    position: relative;
    cursor: pointer;
    display: inline-block;
    width: 100%;
}

    .dropdown.compact {
        min-width: 80px;
        max-width: 100px;
    }

    .dropdown .dropdown-contentcontainer {
        width: 100%;
    }

    .dropdown[data-open] {
        /*margin: 24px 0;*/
        /*background-color: #FFF;*/
        border-right: none;
        border-left: none;
        border-bottom: none;
    }

    .dropdown .dd-items-container {
        padding: 4px 0;
        position: absolute;
        width: 100%;
        z-index: 1000;
        background-color: #FFF;
        border-right: 1px solid #E6E6E6;
        border-left: 1px solid #E6E6E6;
        border-bottom: 1px solid #E6E6E6;
        -moz-border-radius: 0 0 16px 16px;
        -webkit-border-radius: 0 0 16px 16px;
        border-radius: 0 0 16px 16px;
        overflow: hidden;
    }

    .dropdown .dd-items {
        max-height: 224px;
        overflow-y: auto;
    }

    .dropdown .dropdown-selected {
        display: flex;
        justify-content: flex-start;
        -webkit-align-items: center;
        align-items: center;
        background-color: #FFF;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        border-radius: 8px;
        transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
        padding: 0 6px;
        border: 1px solid #E6E6E6;
    }

        .dropdown .dropdown-selected .input-container {
            width: 100%;
        }

        .dropdown .dropdown-selected[data-open] {
            border-radius: 8px 8px 0px 0px;
            border-right: 1px solid #E6E6E6;
            border-left: 1px solid #E6E6E6;
            border-bottom: none;
            border-top: 1px solid #E6E6E6;
        }

        .dropdown .dropdown-selected input[readonly="readonly"] {
            border: none;
            display: block;
            width: 100%;
            height: calc(1.5em + .75rem + 2px);
            padding: .375rem 4px;
            font-size: 0.9em;
            font-weight: 400;
            line-height: 1.5;
            color: #495057;
            background-color: transparent;
            background-clip: padding-box;
            outline: none;
        }

    .dropdown .dd-item {
        cursor: pointer;
        padding: 4px 8px;
        display: flex;
        align-items: center;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
    }

        .dropdown .dd-item:hover {
            background-color: #E6E6E6;
        }

.dashboard-dataset-main-files-results-col-pagecount {
    display: flex;
    align-items: center;
}

.dashboard-dataset-main-files-results-col-pagenumbers {
    flex-grow: 1;
    text-align: center;
}
.dashboard-dataset-main-files-results-col-pagenumbers-inner {
    display: flex;
    align-items: center;
    flex-direction: row;
    width: 100%;
    justify-content: center;
}

.dashboard-dataset-main-files-results-col-entrycount {
}

.pagination-show-title {
    font-size: 12px;
    font-weight: bold;
}

.pagination-show-text {
    font-size: 12px;
    font-weight: normal;
}

.interactive {
    cursor: pointer;
}

.dashboard-modal-body-select-entry {
    font-size: 12px;
    display: flex;
    height: 20px;
    align-content: center;
    cursor: pointer;
}
.dashboard-modal-body-select-entry-label {
    align-items: center;
    display: flex;
    width: 100%;
}
.dashboard-modal-body-select-entry-icon {
    align-items: center;
    display: flex;
    align-items: center;
    margin-left: 8px;
    margin-right: 8px;
}

.dashboard-modal-body-select-arrow {
    align-items: center;
    display: flex;
}

.dashboard-modal-body-select-selected {
    color: #0aa9dc;
}

.dashboard-modal-body-select-unselected {
    border-bottom-color: lightgrey;
    color: #2c2137;
}
.dashboard-modal-body-select-content {
    padding-top: 6px;
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: #0aa9dc;
    padding-left: 16px;
}

.dashboard-model-main-files-users-col-version {
    width: 84px;
    text-align: center;
}

.dashboard-model-main-files-users-col-email {
    flex-grow: 1;
    min-width: 100px;
    padding-left: 10px;
    padding-right: 10px;
}

.dashboard-model-main-files-users-col-email-input {
    padding-right: 10px;
}

.dashboard-model-main-files-users-col-firstname {
    width: 20%;
    min-width: 200px;
    margin-right: 10px;
}

.dashboard-model-main-files-users-col-surname {
    width: 20%;
    min-width: 200px;
    margin-right: 10px;
}

.dashboard-model-main-files-users-col-privilege {
    width: 10%;
    min-width: 100px;
    height: 30px;
}

.dashboard-model-main-files-users-col-actions {
    width: 88px;
    display: flex;
    justify-content: center;
    margin-right: 5px;
}
.dashboard-model-main-files-users-col-email-input {
}
.dashboard-model-main-files-users-col-firstname-input {
}
.dashboard-model-main-files-users-col-surname-input {
}
.dashboard-model-main-files-users-col-priv-input {
    width:100%;
    height:100%;
    padding-left: 10px;
}

.ptz-panel {
    display: flex;
    flex-direction:column;
}
.ptz-row {
    display: flex;
    flex-direction: row;
}
.ptz-cell {
    margin: 0;
    padding: 0;
    width: 40px;
    height: 40px;
}
.ptz-cell-left {
    display: flex;
    justify-content: end;
}
.ptz-cell-middle {
    display: flex;
    justify-content: center;
}
.ptz-cell-right {
    display: flex;
    justify-content: start;
}
.ptz-button {
    width: 100%;
    height: 100%;
    border: 0;
    border-radius: 0;
    padding: 0;
}
.ptz-img {
    width: 100%;
    height: 100%;
}
.ptz-centre {
    display: flex;
    flex-direction: column;
}
.ptz-centre-cell {
    width: 40px;
    height: 20px;
}
.ptz-centre-cell-top {
    display: flex;
    flex-direction: row;
    justify-content: end;
}
.ptz-centre-cell-bottom {
    display: flex;
    flex-direction: row;
    justify-content: start;
}
.ptz-header-div {
    display: flex;
    flex-direction: row;
    width: 100%;
}
.ptz-title-div {
    flex-grow: 1;
}
.ptz-controls-div {
}
.connecting-div {
    width: 100%;
    color: orange;
}
.overlay-div {
    width: 100%;
}

.dashboard-snapshot-display {
    display: flex;
    gap: 20px;
}
.dashboard-snapshot-list {
    overflow-y: auto;
    padding-right: 5px;
}
.snapshotactive {
    color: orange;
}
.dashboard-snapshot-control-outer {
    display: flex;
    gap: 5px;
    flex-direction: column;
}
.dashboard-snapshot-control-inner {
    display: flex;
    gap: 5px;
    align-items: center;
}
.dashboard-snapshot-control-inner-list {
    display: flex;
    flex-direction: column;
    align-items: start;
}
.dashboard-snapshot-control-inner-list-line {
    display: flex;
    flex-direction: row;
    gap: 5px;
    align-items: start;
}
.dashboard-snapshot-control-inner-list-item {
}
.dashboard-snapshot-entry-group {
    display: flex;
    gap: 5px;
    flex-wrap:wrap;
}
.dashboard-snapshot-entry-option-disabled {
    color:lightgrey;
}
.dashboard-dataset-dates {
    margin-bottom: 5px;
    display:flex;
    flex-direction: row;
}