body {
    background-color: #eeeeee;
    padding-top: 70px;
}

.form-login {
    margin-top: 70px;
}

.form-login input {
    height: 40px;
    margin-bottom: 5px;
}

.btn {
    border: 0;
}

.btn.btn-primary, .paginate_button.active a, .paginate_button.active a:hover {
    background: #ff5050;
    color: #ffffff;
}

.paginate_button.active a, .paginate_button.active a:hover {
    border-color: #ff5050;
}

.btn.btn-primary:hover {
    background: #f34444;
}

a {
    color: #ff5050;
}

a:hover {
    color: #f34444;
}

.navbar {
    border: 0;
    border-radius: 0;
    opacity: 0.9;
}

.navbar-brand {
    padding: 10px;
}

.progress {
    position: relative;
}

.progress-bar.bg-success {
    /*background-color: #dff0d8;*/
    background-color: #5cb85c;
}

.progress-bar.bg-info {
    /*background-color: #d9edf7;*/
    background-color: #5bc0de;
}

.progress-bar.bg-warning {
    /*background-color: #fcf8e3;*/
    background-color: #f0ad4e;
}

.ays-progress-bar-label {
    text-align: center;
    position: absolute;
    width: 100%;
}

.ays-panel-projet .panel-body {
    height: 100px;
    line-height: 75px;
    text-align: center;
    font-size: 22px;
    vertical-align: middle;
}

.ays-traduction:hover span {
    background: #f34444;
    text-decoration: none;
}

.label {
    padding: 5px;
}

.label-default {
    background: #222222;
    opacity: 0.9;
}

.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
    vertical-align: middle;
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {
    background: #ff5050;
}

.bootstrap-switch.bootstrap-switch-focused {
    border-color: #ff5050;
}

.pagination > li > a, .pagination > li > span, .pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
    color: #ff5050;
}

.pagination > li > a {
    padding: 6px 9px;
}

.breadcrumb-actions {
    text-align: right;
}

@media (max-width: 768px) {
    .breadcrumb, .breadcrumb-actions {
        text-align: center;
    }

    .breadcrumb-actions {
        margin-bottom: 15px;
    }
}

#termes textarea {
    height: 40px;
    width: 100%;
}

#termes textarea.google-translated {
    background-color:rgba(66,133,244, 0.1);
    border-color:#4285F4;
}

footer {
    border: 1px solid #ffffff;
    background: #dddddd;
    padding-top: 10px;
    margin-top: 80px;
}

dt {
    margin-top: 10px;
}

.nav > li > a {
    padding-left: 10px;
    padding-right: 10px;
}

.ays-table-control {
    margin-bottom: 10px;
}

.ays-hover-info:hover {
    cursor: help;
}

.ays-filters {
    margin-bottom: 10px;
}

.ays-filter-btn {
    margin-bottom: 10px;
}

div.dataTables_info {
    padding-top: 4px;
    white-space: normal;
}

.ays-not-translated {
    background: #f9f9f9;
    color: #000000;
}

.ays-metrics tr td {
    text-align: center;
    width: 35px;
}

.ays-metrics tr td.ays-operand {
    width: 12px;
}

table td pre {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    margin: 0;
    padding: 10px;
    text-align: justify;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
    word-break: keep-all;
}

table td textarea.input-sm {
    padding: 10px;
}