/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
html,
body,
#root,
#app,
app {
    height: 100%;
}

.colorWeak {
    filter: invert(80%);
}

.ant-layout {
    min-height: 100vh;
}

canvas {
    display: block;
}

body {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

ul,
ol {
    list-style: none;
}

.ant-empty-description {
    color: #AEAAAA;
}

.inputlabelname {
    text-align: right;
    padding: 4px 0;
}
.text-center {
    text-align: center
}

@media (max-width: 480px) {
    .ant-table {
        width: 100%;
        overflow-x: auto;
    }

    .ant-table-thead > tr > th,
    .ant-table-tbody > tr > th,
    .ant-table-thead > tr > td,
    .ant-table-tbody > tr > td {
        white-space: pre;
    }

    .ant-table-thead > tr > th > span,
    .ant-table-tbody > tr > th > span,
    .ant-table-thead > tr > td > span,
    .ant-table-tbody > tr > td > span {
        display: block;
    }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    body .ant-design-pro > .ant-layout {
        min-height: 100vh;
    }
}

@media (max-width: 1023px) {
    .inputlabelname {
        text-align: left
    }
}


/* Custom Created Class, used in DAE, GUIBuilder, GUIViewer, Roles, Users */

.custom-header-with-button {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 18px 4px;
    max-width: 100%;
}

.custom-header {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    margin-right: 30px;
}

.custom-title {
    font-weight: 600;
    font-size: 26px;
    margin-right: 70px;
    max-width: 400px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    user-select: none;
}

.custom-subtitle {
    color: slategrey;
    margin-bottom: 5px;
    white-space: nowrap;
}

.custom-top-button {
    margin-left: auto;
    align-items: center;
}

.custom-button-add {
    padding: 3px 15px 4px 15px;
}

.custom-button-add-icon {
    font-size: 16px;
    margin: 0 6px 0 -3px;
    display: inline-block;
    vertical-align: -2.8px;
}

.custom-search-filter-sort-container {
    position: relative;
    margin-bottom: 15px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

    .custom-search-filter-sort-container .ant-input-affix-wrapper {
        height: 36px;
    }

.custom-pagination {
    margin-top: 18px;
    display: flex;
    align-items: center;
    float: right;
}

    .custom-pagination .ant-pagination-item, .custom-pagination .ant-pagination-item-link {
        border-radius: 6px;
    }

.custom-card-body-with-margin {
    margin: 0 20px;
}

.custom-input-control-1 {
    max-width: calc(1 / 24 * 100%);
    flex: 1 1 calc(1 / 24 * 100%);
}

.custom-input-control-2 {
    max-width: calc(2 / 24 * 100%);
    flex: 1 1 calc(2 / 24 * 100%);
}

.custom-input-control-3 {
    max-width: calc(3 / 24 * 100%);
    flex: 1 1 calc(3 / 24 * 100%);
}

.custom-input-control-4 {
    max-width: calc(4 / 24 * 100%);
    flex: 1 1 calc(4 / 24 * 100%);
}

.custom-input-control-5 {
    max-width: calc(5 / 24 * 100%);
    flex: 1 1 calc(5 / 24 * 100%);
}

.custom-input-control-6 {
    max-width: calc(6 / 24 * 100%);
    flex: 1 1 calc(6 / 24 * 100%);
}

.custom-input-control-7 {
    max-width: calc(7 / 24 * 100%);
    flex: 1 1 calc(7 / 24 * 100%);
}

.custom-input-control-8 {
    max-width: calc(8 / 24 * 100%);
    flex: 1 1 calc(8 / 24 * 100%);
}

.custom-input-control-9 {
    max-width: calc(9 / 24 * 100%);
    flex: 1 1 calc(9 / 24 * 100%);
}

.custom-input-control-10 {
    max-width: calc(10 / 24 * 100%);
    flex: 1 1 calc(10 / 24 * 100%);
}

.custom-input-control-11 {
    max-width: calc(11 / 24 * 100%);
    flex: 0 0 calc(11 / 24 * 100%);
}

.custom-input-control-12 {
    max-width: calc(12 / 24 * 100%);
    flex: 0 0 calc(12 / 24 * 100%);
}

.custom-input-control-13 {
    max-width: calc(13 / 24 * 100%);
    flex: 0 0 calc(13 / 24 * 100%);
}

.custom-input-control-14 {
    max-width: calc(14 / 24 * 100%);
    flex: 0 0 calc(14 / 24 * 100%);
}

.custom-input-control-15 {
    max-width: calc(15 / 24 * 100%);
    flex: 0 0 calc(15 / 24 * 100%);
}

.custom-input-control-16 {
    max-width: calc(16 / 24 * 100%);
    flex: 0 0 calc(16 / 24 * 100%);
}

.custom-input-control-17 {
    max-width: calc(17 / 24 * 100%);
    flex: 0 0 calc(17 / 24 * 100%);
}

.custom-input-control-18 {
    max-width: calc(18 / 24 * 100%);
    flex: 0 0 calc(18 / 24 * 100%);
}

.custom-input-control-19 {
    max-width: calc(19 / 24 * 100%);
    flex: 0 0 calc(19 / 24 * 100%);
}

.custom-input-control-20 {
    max-width: calc(20 / 24 * 100%);
    flex: 0 0 calc(20 / 24 * 100%);
}

.custom-input-control-21 {
    max-width: calc(21 / 24 * 100%);
    flex: 0 0 calc(21 / 24 * 100%);
}

.custom-input-control-22 {
    max-width: calc(22 / 24 * 100%);
    flex: 0 0 calc(22 / 24 * 100%);
}

.custom-input-control-23 {
    max-width: calc(23 / 24 * 100%);
    flex: 0 0 calc(23 / 24 * 100%);
}

.custom-input-control-24 {
    max-width: calc(24 / 24 * 100%);
    flex: 0 0 calc(24 / 24 * 100%);
}

.mgmt-action-btns {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    margin-top: 35px;
}

::deep .mgmt-button-primary {
    border-radius: 3px;
}