body
    margin: 0
    font-family: sans-serif

.stamps
    float: right
    .stamp
        color: #2196F3
        padding: 5px
        font-size: 120%
        display: inline-block

        &.noactive.stamp
            color: #f70000

.user
    min-height: 160px
    .info
        .display_name
            font-weight: bold
            font-size: 120%
        .username
            font-size: 80%

.info
    .section
        margin: 5px 0
        .key
            width: 120px
            display: inline-block

.list
    padding: 10px
    .list-item
        background-color: #f5f5f5
        padding: 10px
        flex-wrap: nowrap
        &:nth-child(even)
            background-color: #fff

.application
    height: auto

    #hiddensecret
        color: #ff796f
        background-color: #f1f1f1
        min-width: 250px

    #showbutton
        font-style: italic
        display: inline-block
        cursor: pointer

    .link
        color: green
        cursor: pointer
        display: inline-block
    
    .picture
        float: none
    
    .info
        margin: 0

.dropdown-wrapper
    border-radius: 5px
    position: relative
    cursor: pointer
    color: #000 !important

    .dropdown
        transition: all .2s ease
        cursor: default
        position: absolute
        top: 30px
        right: 0
        background-color: #fff
        border: 1px solid #ddd
        border-radius: 5px
        min-width: 210px
        font-size: 100%
        z-index: 2999
        
        .title
            padding: 5px
            color: #a5a5a5
        
        .action
            transition: background-color .3s linear
            cursor: pointer
            padding: 5px

            &:hover
                background-color: #ececec
        
        .separator
            margin: 0 15px
            margin-top: 10px
            border-bottom: 1px solid #ddd
            margin-bottom: 9px

.modal-mask
    position: fixed
    z-index: 9998
    top: 0
    left: 0
    width: 100%
    height: 100%
    background-color: rgba(0, 0, 0, .5)
    display: table
    transition: opacity .3s ease

.modal-wrapper
    display: table-cell
    vertical-align: middle

.modal-container
    width: 360px
    margin: 0px auto
    padding: 20px 30px
    background-color: #fff
    border-radius: 2px
    box-shadow: 0 2px 8px rgba(0, 0, 0, .33)
    transition: all .3s ease
    font-family: Helvetica, Arial, sans-serif

.modal-header h3
    margin-top: 0
    color: #42b983

.modal-body
    margin: 20px 0

.modal-footer
    min-height: 50px
    
    button
        margin: 5px
        display: inline-block

.fade-enter-active, .fade-leave-active
    transition-property: opacity
    transition-duration: .25s

.fade-enter-active
    transition-delay: .25s

.fade-enter, .fade-leave-active,
.pop-enter, .pop-leave-active
    opacity: 0

.pop-enter, .pop-leave-active
    -webkit-transform: scale(1.1)
    transform: scale(1.1)

.modal-enter
    opacity: 0

.modal-leave-active
    opacity: 0

.modal-enter .modal-container, .modal-leave-active .modal-container
    -webkit-transform: scale(1.1)
    transform: scale(1.1)

form
    .message
        display: none
    
#priv-num
    padding: 0 4px
    vertical-align: top

input[type=range]
    display: inline-block
    margin: 0 15px
    vertical-align: top