.crypt{
    width: 26px;
    height: 26px;
    background: url(/img/opened-lock.png) 0 -1px no-repeat;
    background-size: cover;
    margin-left: 10px;
    cursor: pointer;
    margin-top: -5px;
}

.crypt-lock{
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(/img/closed-lock.png) 0 -1px no-repeat;
    background-size: cover;
    vertical-align: middle;
    margin-left: 0;
    margin-right: 4px;
}

.crypter{
    position: fixed;
    top: -100%;
    width: 100%;
    border-bottom: 2px solid #e4db6c;
    padding: 20px;
    font-size: 120%;
    background: #fcf379;
    height: 150px;
    z-index: 2000;
    text-align: center;
}

.transition-on .crypter{
    transition: 600ms all;
}

.crypt-open .crypter{
    top: 0;
}

.crypt-open .item.opened{
    top: 190px;
}

.crypt-open .item .overflow{
    height: 65% !important;
}

.crypter input, .crypter button{
    padding: 8px;
    text-align: center;
    background: #fff89f;
    border: 1px solid #e4db6c;
    color: #8e8518;
    margin: 10px;
}

.encrypted-item{
    cursor: pointer;
    background: #ec4d70;
    color: white;
    padding-right: 10px;
}

.encrypted-item img{
    width: 20px;
    height: auto !important;
    vertical-align: middle;
}

.encrypted-item small.item-description {
    display: inline-block !important;
    vertical-align: middle;
    opacity: 1 !important;
}

.crypt-pass{
    width: 100%;
    margin-top: 5px;
    padding: 7px;
    background: #ec4d70;
    border: 0;
    color: white;
}