translation-meta {
    color: #00FF00;
}

.translate-login-area {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1000;
    background-color: white;
}

.translate-area {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1000;
    background-color: white;
    padding: 5px;
}

.translation-details, .translation-selection {
    padding: 5px;
}

.translate-area div.form-group {
    margin-bottom: 5px;
}

translation-details

.translate-login-area div.alert, .translate-area div.alert {
    margin: 5px 10px 5px 10px;
}

#translationTargetLanguages {
    height: 85px;
}

.translate-login-form {
    padding:5px;
}

.translate-area-push {
    margin-bottom: 160px;
}

.translate-login-area-push {
    margin-bottom: 40px;
}

#translationMessageForm .form-group {
    margin-bottom: 4px;
}

.error-added{
    margin-bottom: 100px;
}

translation-meta input::placeholder {
    color: #00FF00 !important;
}

.translation-error {
    text-align: center;
    color: red;
    font-weight: bold;
}

.translate-login-form input{
    float: left;
}

#translationLoginForm button {
    margin: 0px 0px 0px 2px;
}

.translation-details button[disabled] {
    opacity: 1;
    margin: 0px;
}
.translation-details span {
    float: left;
}

.translation-details .form-group {
     clear: both;
}

.translation-details .form-inline {
    clear: both;
}

.translation-values .form-group input {
    width: 80%;
}

.translation-values .not-translated-values .form-group label {
    width: 10%;
}

#translationMessageForm .modal-title {
    float: left;
}

.translate-login-area .alert-warning button,
#tanslation_success_msg button {
    margin: 0px;
}

#translationEditModal {
    z-index: 10000;
}