body {
    font-family: Verdana, 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
}

body, .form-control, .btn, .input-group-addon {
    font-size: 1.4rem;
}

#side-menu a {
    max-width: 190px;
}

.form-control {
    overflow: auto;
    padding: 3px 12px;
}

.nav > li.s-link > a:hover, .nav > li.s-link > a:focus {
    text-decoration: none;
    background-color: transparent;
    outline: none;
}

.mr25 {
    margin-right: 25px;
}

.bg-warning {
    background-color: #fcf8e3 !important;
}

.bg-success {
    background-color: #dff0d8 !important;
}

.panel-hotkeys {
    margin-top: 10px;
}

.panel-hotkeys .panel-heading {
    cursor: pointer;
}

.panel-hotkeys .panel-body {
    padding: 0;
}

.panel-hotkeys .panel-body .table {
    margin-bottom: 0;
}

.text-italic {
    font-style: italic;
}

.border-top-bold {
    border-top: 2px solid #dddddd;
}

.border-top-none td {
    border-top: none !important;
}

.btn.btn-danger-hover:hover {
    color: #ffffff;
    background-color: #d9534f;
    border-color: #d43f3a;
}

.danger-hover:hover {
    color: #d9534f;
}

.header {
    margin-left: 60px;
}

.sidebar {
    width: 250px;
    -webkit-transition: right 1s ease-out 0.5s;
    -moz-transition: right 1s ease-out 0.5s;
    -o-transition: right 1s ease-out 0.5s;
    transition: right 1s ease-out 0.5s;
}

#page-wrapper {
    margin: 0 0 0 250px;
    -webkit-transition: right 1s ease-out 0.5s;
    -moz-transition: right 1s ease-out 0.5s;
    -o-transition: right 1s ease-out 0.5s;
    transition: right 1s ease-out 0.5s;
    border: none;
}

@media (min-width: 768px) {
    .form-inline .form-control {
        display: inline-block;
        width: 100%;
        vertical-align: middle;
    }

    .header {
        margin-left: 0;
    }
}

.translation {
    border: 2px solid #fff;
    background-color: #fff;
    padding: 20px;
    margin: 10px 10px 10px 0;
    box-shadow: 3px 3px 5px #ababab;
}

.jp-block {
    margin: 0 0 10px 0;
}

[data-jp-form] button {
    margin: 10px 0;
}

.translate-block {
    margin: 15px 0;
    height: auto;
    min-height: 20px;
}

.translate-block:first-child {
    margin-top: 8px;
}

.translate-label {
    border-radius: 2em;
    font-size: 1.0em;
    font-weight: initial;
    float: left;
    background-color: #c3c3c3;
}

.translate-text {
    display: block;
    margin-left: 80px;
}

.translate-button {
    margin: -10px 0;
    cursor: pointer;
}

textarea {
    resize: vertical;
}

.sidebar.collapsed {
    width: 50px;
    -webkit-transition: left 1s ease-out 0.5s;
    -moz-transition: left 1s ease-out 0.5s;
    -o-transition: left 1s ease-out 0.5s;
    transition: left 1s ease-out 0.5s;
}

#page-wrapper.collapsed {
    margin: 0 0 0 50px;
    -webkit-transition: left 1s ease-out 0.5s;
    -moz-transition: left 1s ease-out 0.5s;
    -o-transition: left 1s ease-out 0.5s;
    transition: left 1s ease-out 0.5s;
}

.sidebar.collapsed .s-link span, .sidebar.collapsed .text-center span, .sidebar.collapsed .user-info span {
    display: none;
}

.button-block {
    display: inline-block;
}

.button-block > * {
    padding-right: 8px;
}

.button-block > *:first-child {
    padding-left: 8px;
}

.button-block > *:last-child {
    padding-right: 0;
}

.white {
    background-color: #fff;
}

.grey {
    background-color: #efefef;
}

#page-wrapper.grey {
    background-color: #efefef;
}

.row.row-fill {
    margin: 0 -30px;
    padding: 0 15px;
}

.list-inline.lots {
    margin: -15px 0 0 0;
    float: right;
}

.search-block {
    margin: 10px 0 10px 10px;
}

.search-result {
    padding: 10px 0;
}

.search-result .self-translated, .search-result .texts {
    display: inline-block;
    vertical-align: top;
}

.search-result .self-translated {
    margin-left: -16px;
    width: 16px;
    height: 16px;
}

.search-result .texts div:first-child {
    margin-bottom: 0;
}

.search-result .serched {
    background-color: #f0ec30;
}

.search-block hr {
    border-top: 1px solid #757575;
}

[data-search-field] {
    height: 34px;
}

.user-info {
    margin-right: 0;
    height: 20px;
}

[data-sidebar-open], [data-sidebar-open]:hover, [data-sidebar-open]:focus, [data-sidebar-open]:active {
    border: none;
    outline: none;
    float: right;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    padding: 0 7px;
}

[data-search], [data-copy-search] {
    display: none;
    position: absolute;
    z-index: 100;
    background-color: #464646;
    color: #fff;
    padding: 7px 12px;
    border-radius: 4px;
    box-shadow: 2px 2px 5px #ababab;
    cursor: pointer;
}

.unselectable {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
}

.has-info .help-block,
.has-info .control-label,
.has-info .radio,
.has-info .checkbox,
.has-info .radio-inline,
.has-info .checkbox-inline {
    color: #fff;
}

.has-info .form-control {
    border-color: #46b8da;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

.has-info .form-control:focus {
    border-color: #46b8da;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #5bc0de;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #5bc0de;
}

.has-info .input-group-addon {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da;
}

.has-info .form-control-feedback {
    color: #fff;
}

a, a:active, a:hover, a:visited, a:focus {
    outline: none;
!important;
}

.success-glow {
    border: 2px solid #1ea022;
    box-shadow: 0 0 8px rgba(30, 160, 34, 0.75) inset, 3px 3px 5px #ababab;
}

.warning-glow {
    border: 2px solid #c7a11a;
    box-shadow: 0 0 8px rgba(199, 161, 26, 0.75) inset, 3px 3px 5px #ababab;
}

.browser-alert {
    margin: 0 -30px;
    color: #fff;
    background-color: #b10000;
    padding: 10px 30px;
}

.browser-alert a {
    color: #fec3c3;
    cursor: pointer;
}

.browser-alert a:hover {
    color: #fff;
}

[data-jp-block] .hover-show, .search-result .hover-show, .translate-block .hover-show {
    display: none;
}

[data-jp-block]:hover .hover-show, .search-result:hover .hover-show, .translate-block:hover .hover-show {
    display: inline-block;
}

.copy-from-search {
    padding-top: 2px;
    padding-bottom: 2px;
    margin: -10px 0;
    color: #428bca;
}