@import "../DevExpress.Blazor.Themes/bootstrap-external.bs5.min.css";

/* DevExpress Overrides */

/* Ermöglicht, dass der Upload-Balken keinen Platz einnimmt, wenn dieser nicht sichtbar ist */
dxbl-upload > div.dxuc-button-container {
    height: unset !important;
}

/* XCS Styles */

.xcsdm-Debug-Canvas {
    width: 99%;
    margin: 10px 10px 10px 10px;
    padding: 5px 5px 5px 5px;
    border: 2px dashed red;
    background-color: whitesmoke
}

.xsdm-Tab-Disabled {
    cursor: default;
    pointer-events: none;
}

.xsdm-Tab-Disabled a {
    text-decoration: none;
    color: grey !important;
}

.xsdm-Toolbar-Icon {
    height: 16px;
    width: 16px;    
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center bottom;
}

.xsdm-ButtonWithoutText-Icon {
    height: 16px;
    width: 16px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center bottom;    
}

.xsdm-ButtonWithSmallLeftRightPadding 
{
    padding-left: 0.4rem;
    padding-right: 0.4rem;
}

.xsdm-Icon-Upload {
    background-image: url(Images/Icons/icon_upload.svg);
}

.xsdm-Icon-Download {
    background-image: url(Images/Icons/icon_download.svg);
}

.xsdm-Icon-New {
    background-image: url(Images/Icons/icon_plus.svg);
}

.xsdm-Icon-Edit {
    background-image: url(Images/Icons/icon_pencil.svg);
}

.xsdm-Icon-Delete {
    background-image: url(Images/Icons/icon_trash_alt.svg);
}

.xsdm-Icon-Restore {
    background-image: url(Images/Icons/arrow_back.svg);
}

.xsdm-Icon-CreateRevision {
    background-image: url(Images/Icons/icon_documents.svg);
}

.xsdm-Icon-History {
    background-image: url(Images/Icons/icon_clock_alt.svg);
}

.xsdm-Icon-Refresh {
    background-image: url(Images/Icons/icon_refresh.svg);
}

.xsdm-Icon-OpenWithClient {
    background-image: url(Images/Icons/icon_pencil-edit.svg);
}

.xsdm-Icon-Export {
    background-image: url(Images/Icons/icon_folder_upload.svg);
}

.xsdm-Icon-Import {
    background-image: url(Images/Icons/icon_folder_download.svg);
}

.xsdm-Icon-FileType_Excel {
    background-image: url(Images/Icons/icon_document_alt.svg);
}

.xsdm-Icon-FileType_CSV {
    background-image: url(Images/Icons/icon_document_alt.svg);
}

.xsdm-Icon-FileType_Document {
    background-image: url(Images/Icons/icon_document_alt.svg);
}

.xsdm-Icon-Menu {
    background-image: url(Images/Icons/icon_menu-square_alt.svg);
}

.xsdm-Validation-Message {
    font-size: small;
    color: red;
}

.xsdm-Text-Default {
    font-size: small;
}

.xsdm-Text-Description {
    font-size: small;
    color: gray;
}

.xcsdm-Text-EnforceWordWrap {
    white-space: normal !important;
    word-break: break-all;
}

.xsdm-Grid-Header-Text-Headline {
    font-size: medium;
    color: gray;
}

.xcsdm-PageActions-Container {
    width: 100%;
    text-align: right;
}

.xsdm-ProcessingStatus-NotStarted {
    background-color: #FFC7CE;
}

.xsdm-ProcessingStatus-InProgress {
    background-color: #ADD8E6;
}

.xsdm-ProcessingStatus-Completed {
    background-color: #54E657;
}

.xsdm-LoadSpinner {
    border: 8px solid white;
    border-top: 8px solid #0c71c3;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    animation: xcsdm-LoadSpin 700ms linear infinite;  
}

@keyframes xcsdm-LoadSpin {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.xsdm-LoadSpinner-Background {
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99999999999;
    background-color: rgba(0, 0, 0, 0.3);
    justify-content: center;
    align-items: center;
}

div.xcsdm-DocumentUpload-DropZone {
    border: 2px dashed transparent !important;
    background-color: transparent !important;    
}

div.xcsdm-DocumentUpload-DropZone-DragOver {
    border: 2px dashed rgba(34, 34, 34, 0.125) !important;
    background-color: rgba(236, 236, 236, 1) !important;
}

.xcsdm-MarginAuto {
    margin: auto;
}