.top-50{
    top:50%;
}

.top-0{
    top:0%;
}
.top-10{
    top:10%;
}

.top-35{
    top:35%;
}

.logo{
    width:50px;
}
.center{
    text-align:center;
}

.transparent{
    opacity: 0.5;
}

.text-grey{
    color:rgb(55, 65, 81);
}
.text-red{
    color:rgb(255, 0, 0);
}
.text-blue{
    color:rgb(29, 78, 216);
}
.text-green{
    color:rgb(22, 163, 74);
}

.text-white{
    color:rgb(255, 247, 237);
    background-color: #333;
}

.bg-green-dark{
    background-color: #166534;
}

.bg-green{
    background-color: #16a34a;
}

button.bg-green-dark{
    border-color: #166534;
}

button.bg-green-dark:hover{
    background-color: #16a34a;
    border-color: #166534;
}

#decrypt-box{
    -webkit-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
    overflow: hidden;
}

.none{
    display: none;
}

.s-flex{
    display:flex;
}

#searchResults{
    z-index:2001;
    background: rgba(255,255,255,0.8);
    border:1px solid #fafafa;
    height:200px;
    overflow: scroll;
}

#searchResults div{
    padding:10px;
    border-bottom:1px solid #fff;
    cursor:pointer;
}

#searchResults div:hover{
    background:#f0f0f0;
}

.left{
    float:left;
}

#decrypt-box-fly{
    position: absolute;
    background: rgba(255,255,255,0.7);
    width:400px;
    height:600px;
    right:0px;
    top:0px;
}

#decrypt-box-fly h2{
    text-align:center;
    margin:10px;
    font-weight: bolds;
}