﻿.model_manager .modal.rebalance .modal-dialog {
    z-index: inherit;
}

.model_manager .masa-icons.atoms {
    color: var(--neutral-white) !important;
    stroke: var(--neutral-white) !important;
    align-self: center !important;
}

    .model_manager .modal.rebalance .modal-dialog .modal-content > .modal-header {
        background: var(--primary2Colour);
        color: #FFFFFF;
    }

    .model_manager .modal.rebalance .modal-dialog .modal-content,
    .model_manager .modal.rebalance .modal-dialog .modal-content > .modal-body {
        width: 800px;
    }

        .model_manager .modal.rebalance .modal-dialog .modal-content > .modal-body .mud-file-upload .mud-paper {
            border-color: #c4c4c4;
            border-width: 1px;
        }

        .model_manager .modal.rebalance .modal-dialog .modal-content > .modal-body .mud-file-upload input.file-upload-input {
            position: absolute;
            width: 100%;
            height: 100%;
            overflow: hidden;
            z-index: 10;
            opacity: 0;
            left: 0;
        }

        .model_manager .modal.rebalance .modal-dialog .modal-content > .modal-body .mud-file-upload > .mud-input-control-input-container:has(.action-buttons) > input.file-upload-input:not(.d-none) {
            height: 62%;
        }

        .model_manager .modal.rebalance .modal-dialog .modal-content > .modal-body .mud-file-upload .mud-paper.mud-border-primary {
            border-color: #0C3455 !important;
        }
        .model_manager .modal.rebalance .modal-dialog .modal-content > .modal-body .mud-file-upload .mud-paper .file-upload-info {
            font-style: italic;
            color: #606060;
        }


.model_manager .disabled-div {
    color: #909090;
    cursor: not-allowed;
    opacity: 0.6;
}

    .model_manager .disabled-div .masa-icons {
        color: #909090 !important;
        stroke: #909090 !important;
    }

.model_manager .clickable-div {
    cursor: pointer;
}

.model_manager .clickable-div .masa-icons.atoms {
    color: #40718E !important;
    stroke: #40718E !important;
    align-self: center !important;
}

    .model_manager .clickable-div .masa-icons.atoms.masa-icons.thin {
        fill: #40718E !important;
    }

.model_manager .modal-body  {
    min-height: auto;
}

.model_manager .modal-footer:has(button.justify-content-start) {
    min-height: auto;
    justify-content: flex-start !important;
}

@media (min-width: 1140px) {
    .model_manager .modal .modal-dialog {
        max-width: 800px;
    }
}
