main {
    overflow-y: scroll;
}

.SpecificLogo {
}
    .SpecificLogo .left {
        width: 80%;
    }
    .SpecificLogo img {
        max-width: 100%;
    }
    .SpecificLogo .right {
        width: 20%;
        padding-left: .5em;
    }
    .SpecificLogo svg {
        max-width: 100%;
    }

aside.sidebar {
    position: absolute;
}

    aside.sidebar::before {
        content: '';
        position: fixed;
        left: 0;
        top: 4px;
        width: 120px;
        height: calc(100% - 4px);
        background-color: #e34444;
        transition: width 600ms ease;
        transition-delay: 400ms;
    }

    aside.sidebar.active::before {
        width: 260px;
    }

.sidebar {
    z-index: 5;
}
    .sidebar:hover {
        z-index: 6;
    }

#sidebarnav, #app .grid {
    overflow-x: visible;
    overflow-y: visible;
}

.password-with-eye input {
    width: 100%;
    margin-right: -20px;
}
.password-with-eye i {
    margin-left: -20px;
    cursor: pointer;
}

.view__wrap {
    overflow-x: unset;
    overflow-y: unset;
}

.grid__apps.total_1 .grid__item {
    width: calc(100%/1);
}

.grid__apps.total_2 .grid__item {
    width: calc(100%/2);
}

.sidebar__brandtitle.sidebar__brandtitle--title {
    padding-bottom: 0;
}

.sidebar__brandtitle.sidebar__brandtitle--version {
    padding-top: 0;
    padding-bottom: 5px;
    font-size: .65em;
}

.sidebar.active .sidebar__brandtitle.sidebar__brandtitle--version,
.sidebar.active .sidebar__brandtitle.sidebar__brandtitle--title {
    text-align: start;
}

.signup-false .signup-false-hidden {
    display: none;
}

.signup-true .signup-true-hidden {
    display: none;
}


.grid__apps .edit-active .grid__item--header {
    height: 250px;
}
.edit-active .validator__response {
    display: block;
}

.edit-active .validator__response.hidden {
    visibility: hidden;
}

.edit button {
    line-height: 2em;
}

.table {
    display: table;
    border-collapse: collapse;
    margin: 0 32px 0 32px;
}

.table-header-group {
    display: table-header-group;
    margin: 5px;
    font-weight: bold;
    color: #1b7ea8;
    margin-bottom: 2px;
}

    .table-header-group input{
        width: 100%;
    }

.table-footer-group {
    caption-side: bottom;
    display: table-caption;
    color: #1b7ea8;
    margin-top: 10px;
    text-align: center;
}

    .table-footer-group input,
    .table-footer-group select {
        font-size: .8em;
        font-family: "Roboto",sans-serif;
        color: #3a3a3a;
        border: 1px solid #e0e0e0;
        padding: 6px 0 6px 12px;
        border-radius: 4px;
    }

.table-row-group {
    display: table-row-group;
}

.table-row {
    display: table-row;
    margin: 5px;
    border: 1px solid rgb(224, 224, 224);
    border-radius: 4px;
    border-style: solid;
}
    .table-row:hover,
    .table-row.selected {
        background-color: #d5e7ef;
    }


.table-cell {
    display: table-cell;
    padding-right: 1em;
    padding: 3px 10px;
}

.table-row:not(:hover):not(.selected) .table-cell {
    background-color: white;
}

.hidden,
.validator--active > .validator__response.hidden {
    display: none;
}

.left-border {
    border-left: 1px solid rgb(224, 224, 224);
}

.right-border {
    border-right: 1px solid rgb(224, 224, 224);
}

.top-border {
    border-top: 1px solid rgb(224, 224, 224);
}

.red {
    color: #e34444;
}

.opaque {
    opacity: .5;
}

.opaque:hover {
    opacity: 1;
}

body.wait {
    position: relative;
}

    body.wait:before {
        content: "";
        position: fixed;
        display: block;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, .3);
        z-index: 9000;
        animation: show 1s;
    }

    body.wait:after {
        content: "";
        position: fixed;
        display: block;
        opacity: .5;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        height: 20vmin;
        width: 20vmin;
        border-width: 1vmin;
        border-style: solid;
        border-right-color: rgba(255, 255, 255, .8);
        border-bottom-color: rgba(255, 255, 255, .8);
        border-left-color: rgba(255, 255, 255, .8);
        border-top-color: rgba(255, 255, 255, .2);
        border-radius: 50%;
        z-index: 9001;
        animation: show 1s, spin 1s infinite linear;
    }

@keyframes spin {
    to {
        transform: rotate(1turn);
    }
}

@keyframes show {
    from {
        opacity: 0;
    }

    to {
        opacity: .8;
    }
}

.edit table,
.edit select,
.edit input[type="text"] {
    width: 100%;
}

.button:disabled {
    opacity: .5;
}

div[data-type="int-sequence-list"] button {
    margin: .2em 0 .2em 0;
}

div[data-type="int-sequence-list"] span.active,
div[data-type="int-sequence-list"] span:hover {
    font-weight: bold;
}

div[data-type="int-sequence-list"] span:nth-child(2) button[name="up"],
div[data-type="int-sequence-list"] span:nth-last-child(2) button[name="down"] {
    opacity: 0.2;
}

.form__user-customerlist--field {
    margin-top: 32px; 
    margin-bottom: 8px;
    padding-left: 32px;
}