@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');

/* For DevExpress Blazor Components */
:root {
    font-size: 14px;
    --bs-primary: #337ab7;
    --bs-danger: #c9302c;
    --bs-info: #31b0d5;
    --bs-warning: #ec971f;
    --bs-success: #449d44;
    --bs-body-color: black;
    --bs-white: white;
    --bs-secondary: #e6e6e6;
}

.dxbl-modal-body .row {
    margin-left: 0;
    margin-right: 0;
}

.dxbl-modal > .dxbl-modal-root > .dxbl-popup > .dxbl-modal-content > .dxbl-modal-body {
    max-height: calc(80vh);
    overflow: auto;
}
.dxbl-modal > .dxbl-modal-root > .dxbl-popup > .dxbl-modal-content > .dxbl-modal-body.shrink {
    max-height: calc(60vh);
    overflow: auto;
}

.dxbl-modal > .dxbl-modal-root > .dxbl-popup > .dxbl-modal-content .dxbl-popup-header > .dxbl-modal-header.bg-info,
.dxbl-modal > .dxbl-modal-root > .dxbl-popup > .dxbl-modal-content > .dxbl-modal-header.bg-info {
    background-color: #d9edf7;
}

.dxbl-modal > .dxbl-modal-root > .dxbl-popup > .dxbl-modal-content .dxbl-popup-header > .dxbl-modal-header.bg-danger,
.dxbl-modal > .dxbl-modal-root > .dxbl-popup > .dxbl-modal-content > .dxbl-modal-header.bg-danger {
    background-color: #f2dede;
}

.dxbl-modal > .dxbl-modal-root > .dxbl-popup > .dxbl-modal-content .dxbl-popup-header > .dxbl-modal-header.bg-warning,
.dxbl-modal > .dxbl-modal-root > .dxbl-popup > .dxbl-modal-content > .dxbl-modal-header.bg-warning {
    background-color: #fcf8e3;
}

.dxbl-modal > .dxbl-modal-root > .dxbl-popup > .dxbl-modal-content .dxbl-popup-header > .dxbl-modal-header.bg-success,
.dxbl-modal > .dxbl-modal-root > .dxbl-popup > .dxbl-modal-content > .dxbl-modal-header.bg-success {
    background-color: #dff0d8;
}

.dxbl-modal > .dxbl-modal-root > .dxbl-popup > .dxbl-modal-content .dxbl-popup-header > .dxbl-modal-header.bg-primary,
.dxbl-modal > .dxbl-modal-root > .dxbl-popup > .dxbl-modal-content > .dxbl-modal-header.bg-primary {
    color: #fff;
    background-color: #337ab7;
}

.dxbl-modal-footer {
    text-align: right;
}

.dxbl-modal-footer button,
.dxbl-modal-footer input[type=button],
.dxbl-modal-footer .btn {
    margin: 4px 0 4px 4px;
}