/* ------------------------------ Status Icons ------------------------------ */

.module-profiles-status-container {
    display: block;
    position: relative;
    max-width: 4%;
    top: 50%;
}

.module-profiles-status {
    left: 10px;
    top: 50%;
    margin-left: 0px;
    margin-top: -5px;
    position: absolute;
    vertical-align: middle;
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

.module-profiles-status::before,
.module-profiles-status::after {
    left: 0;
    top: 50%;
    margin-left: -1px;
    margin-top: -6px;
    position: absolute;
    vertical-align: middle;
    width: 12px;
    height: 12px;
    border-radius: 50%;
}

.module-profiles-status-saved,
.module-profiles-status-saved::before,
.module-profiles-status-saved::after {
    background: mediumseagreen;
}

.module-profiles-status-changed,
.module-profiles-status-changed::before,
.module-profiles-status-changed::after {
    background: orangered;
}

.module-profiles-status-animation::before {
    content: "";
    animation: module-profiles-bounce 1.5s infinite;
}

.module-profiles-status-animation::after {
    content: "";
    animation: module-profiles-bounce 1.5s -0.4s infinite;
}

@keyframes module-profiles-bounce {
    0% {
        transform: scale(1);
        -webkit-transform: scale(1);
        opacity: 1;
    }
    100% {
        transform: scale(2);
        -webkit-transform: scale(2);
        opacity: 0;
    }
}

@-webkit-keyframes module-profiles-bounce {
    0% {
        transform: scale(1);
        -webkit-transform: scale(1);
        opacity: 1;
    }
    100% {
        transform: scale(2);
        -webkit-transform: scale(2);
        opacity: 0;
    }
}

/* ------------------------------ Module Management Window ------------------------------ */

#module-management .window-content {
    flex-direction: column-reverse;
}

#module-management .module-profiles-footer-row {
    display: flex;
    justify-content: space-between;
    margin-top: 8px;
    margin-bottom: 3px;
}

/* ------------------------------ Module Profiles Management Window ------------------------------ */

#module-profiles-manage-profiles-form .module-profiles-header {
    text-align: center;
    border-bottom: none;
}

#module-profiles-manage-profiles-form .profile-name-column {
    flex: 0 0 50%;
    text-align: left;
    font-weight: bold;
}

#module-profiles-manage-profiles-form .icon-column {
    justify-content: flex-end;
    text-align: center;
    font-weight: bold;
}

#module-profiles-manage-profiles-form .fa-power-off {
    color: green;
}

#module-profiles-manage-profiles-form .right-aligned {
    justify-content: flex-end;
    text-align: right;
}

/* ------------------------------ Export Window ------------------------------ */

#module-profiles-view-profile-modules-form {
    display: flex;
    flex-direction: column;
}

#module-profiles-view-profile-modules-form #export-module-profile {
    height: 90%
}