textarea {
    margin-top: 0px;
    border: 1px solid #ccc;
    border-radius: 0px;
}

textarea:focus {
    border-color: rgba(82,168,236,0.8)!important;
}

.loader {
    background: url(../img/loader.gif) no-repeat center center;
}

.loader-button {
    background: url(../img/loader-button.gif) no-repeat center center;
    color: rgba(100, 0, 45, 0.0)!important;
}

#translations-footer {
    height: 80px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+11&0+0,1+11 */
    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 20%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 20%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 20%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    width: 100%;
    position: fixed;
    bottom: 0px;
    width: 900px;
    z-index: 4;
}

#translations-footer input {
    position: relative;
    top: 30px;
    /*float: right;*/
}

#translations,
#app-translations {
    position: relative;
}

#translations .overlay,
#app-translations .overlay {
    position: absolute;
    background-color: rgba(255, 255, 255, 0.8);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 3;
}