body {
    background: #210029;
}

#main-container {
    margin-top: 20px;
    max-width: 622px;
}

#settings-container, #add-container, #edit-container, #port-container {
    margin-bottom: 20px;
}

#title-header {
    margin-bottom: 40px;
}

.otpcode {
    cursor: pointer;
}

.refreshbutton {
    margin-top: 4px;
}

.accountname, .accountissuer {
    overflow: hidden;
}

/* Top Buttons */
#logout-button {
    position: absolute;
    top: 20px;
    right: 15px;
}

#settings-button {
    position: absolute;
    top: 20px;
    right: 55px;
}

#add-button {
    position: absolute;
    top: 20px;
    left: 15px;
}

#edit-button {
    position: absolute;
    top: 20px;
    left: 55px;
}

#port-button {
    position: absolute;
    top: 20px;
    left: 95px;
}

#offline-label {
    cursor: pointer;
}

/* QR Scanner */
#qr-scan-video {
    width: 100%;
}

.scan-region-highlight-svg, .code-outline-highlight {
    stroke: #6435c9 !important;
}

/* Forms */
.checkbox {
    margin: 10px;
}

.ui.dropdown .text img, .ui.dropdown .menu > .item > img {
    border-radius: 0;
}

#import-encryption-checkbox, #export-encryption-checkbox {
    margin-left: 0px;
}