﻿.modal-dialog__container {
    max-width: 90vw;
}
/*content divs in Modalen Dialogen*/
.dialog-content-part {
    margin-bottom: 45px;
    display: flex;
}
.dialog-content-bearbeiter{
    margin-left: 20px;
}
.modal-buttons {
    position: relative;
    margin-right: 27px;
    bottom: 10px;
}

.mdc-dialog .mdc-dialog__title {
    position: relative;
    max-width: 85vw;
    overflow: hidden;
}

.modal-button-no {
    border: solid;
    border-width: 1px;
    border-color: gray;
}

.modal-button-yes {
    color: white !important;
    background-color: #BA1A1A !important;
}

.modal-textfield {
    border-color: #198754 !important;
    border: 1px solid;
    height: 100px !important;
    border-radius: 4px !important;
    background-color: white !important;
    width: 800px !important;
    margin-right: 20px;
    margin-left: 20px;
}

.mdc-dialog .mdc-dialog__surface {
    max-width: none;
    border-radius: 0px;
}

.close-button {
    cursor: pointer;
    position: relative;
    top: -15px;
}

.modal-header {
    border-bottom: 0px !important;
}

/*Modaler Dialog Aufgabe delegieren*/
.assign-task-dialog {
    display: flex !important;
    align-items: baseline;
}

/* Modaler Dialog - Neue Aufgabe (in Meine Aufgaben)*/
.modal-dialog-newTask .mdc-dialog__surface {
    width: 60%;
}

.modal-dialog-newTask .dialog-content {
    display: flex;
}

.product-select, .agent-info {
    margin-left: 4%;
}

.preselected-product {
    margin-left: 8%;
}

/* Modaler Dialog - neues Produkt (in Meine Produkte) */
.modal-textfield.new-product-productname {
    width: 15vw !important;
}

.modal-textfield-container {
    display: flex;
}

.mat-text-field.modal-numericField,
.mat-select.modal-dropdown {
    margin-left: 20px;
    margin-right: 20px;
}

.modal-textfield.new-product-productname,
.modal-dropdown {
    flex: 1;
}

/* iPad Pro 12.9" (Portrait) */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) {
    .modal-textfield.new-product-productname {
        width: 49dvw !important;
    }
}

/* iPad Pro 12.9" (Landscape) */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) {
    .modal-textfield.new-product-productname {
        width: 37dvw !important;
    }
}

/* Modaler Dialog - Anlage hochladen (in Meine Aufgaben) */
.mat-file-upload-content .material-icons {
    transform: translateY(20%)
}