.spinner {
    border: 16px solid silver;
    border-top: 16px solid #337AB7;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    animation: spin 700ms linear infinite;
    top: 40%;
    left: 55%;
    position: absolute;
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}
.content {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.app {
    display: flex;
    flex-direction: column;
    height: 100%;
    background-color: #004750;
}
.page {
    display: flex;
    flex-direction: column;
    height: 100%;
}

html, body {
    height: 100%;
    margin: 0; /* Remove default margin */
}

.rotate-180 {
    transform: rotate(180deg);
}

.edit-button {
    border: 1px solid black;
    background: #fff;
    height: 34px;
    margin-bottom: 10px;
    display: inline !important;
}

.edit-radius-input-line {
    display: flex;
    flex-direction: row;
    width: 100%;
    margin-bottom: 10px;
}

.edit-list-item {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.edit-list-item-name {
    flex-grow: 1;
}

.edit-list-item-icon {
    float: right;
    width: 16px;
    height: 16px;
}

.edit-list-item-action {
    width: 19px;
    margin-left: 5px;
}

    .edit-list-item-action.trash {
        position: absolute;
        right: 20px;
    }

    .edit-list-item-action.pencil {
        position: absolute;
        right: 44px;
    }

    .edit-list-item-action.copy {
        position: absolute;
        right: 44px;
    }

.portal-notification .k-notification-container .k-notification {
    width: 300px;
    height: 50px;
    font-size: 1.5em;
    text-align: center;
    align-items: center;
}