/* Minification failed. Returning unminified contents.
(422,14): run-time error CSS1030: Expected identifier, found '.'
(422,22): run-time error CSS1031: Expected selector, found ')'
(422,22): run-time error CSS1025: Expected comma or open brace, found ')'
 */
.hide {
    display: none !important;
}

.translateResultClear {
    top: .75em;
    bottom: inherit;
    right: .75em;
    position: absolute;
    z-index: 5;
    opacity: .8;
    cursor: pointer;
    -moz-transition: opacity 200ms ease-in-out;
    -o-transition: opacity 200ms ease-in-out;
    -webkit-transition: opacity 200ms ease-in-out;
    transition: opacity 200ms ease-in-out;
}

    .translateResultClear:hover {
        opacity: 1;
    }

.translateContainerRight {
    position: relative;
    overflow: auto;
    height: 100%;
    min-height: 150px;
}

.translateTextResult {
    position: absolute;
    overflow: auto;
    width: 100%;
    height: calc(100% - 3.25rem);
    padding: 1rem 2.7rem 0 1rem;
}

    .translateTextResult .mt-translation {
        margin-bottom: 0;
    }

.translateSingleSourceLang {
    display: inline-block;
    margin: auto 1rem;
    padding: 5px 10px;
    background-color: #557C8F;
    color: #FFF;
}

.translateTextSourceContainer {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 200px;
    -ms-touch-action: none;
    overflow: hidden;
}

.backGroundSource {
    position: absolute;
    z-index: 0;
    margin: 0;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    white-space: pre-wrap;
    color: transparent;
    overflow: hidden;
}

    .backGroundSource .classMTsource {
        white-space: pre-wrap;
        overflow: hidden;
    }

.translateTextResult,
.backGroundSource {
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

    .translateTextResult.translateTextTemp {
        color: #557C8F;
        font-size: 0.8125rem;
        position: absolute;
        bottom: 1rem;
        height: auto;
        width: 69%;
    }

.translateTextSource,
.translateTextTempSourceContainer {
    position: absolute;
    z-index: 2;
    margin: 0;
    resize: none;
    background-color: transparent;
    width: 100%;
    height: 100%;
    padding: 1rem 2.7rem 1rem 1rem;
}

.translateTextTempSourceContainer {
    cursor: text;
}

.translateTextResult.translateTextTemp {
    cursor: default;
}

.translateTextSource {
    -webkit-overflow-scrolling: touch;
    overflow: auto;
}

.sentence.hover {
    background-color: #d6d5d5;
}

.translateTextResult .sentence {
    cursor: pointer;
}

.phrase.hover {
    background-color: #adadad;
}

    .phrase.hover:only-child {
        background-color: #e8e8e8;
    }

.word.hover {
    background-color: #b0b0b0;
}

.highlight-sibling {
    background-color: #c8c8c8;
}

.sentence.selected {
    background-color: #d6ebff;
}

#docSourcePreview {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 3;
    background-color: #FFF;
    overflow: auto;
}

.translateResult {
    position: absolute;
    background-color: #eceff1;
    width: calc(100% - 2rem);
    height: calc(100% - 2rem);
}

.qq-upload-meta-title,
.qq-upload-failed-text,
.qq-upload-size,
.qq-upload-wordcount {
    display: none !important;
}

.qq-upload-drop-area {
    position: absolute;
    top: 6px;
    left: 30px;
    bottom: 6px;
    right: 30px;
}

.qq-upload-drop-area-active {
    border: 1px dashed #BF2022;
    border-radius: 5px;
    z-index: 1;
}

/* translation edit */
.editButtonContainer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 3px 7px 15px 19px;
    vertical-align: bottom;
    font-size: 0.9em;
}

    .editButtonContainer:not(.hide) + .translateTextResult {
        bottom: 3.3em;
        top: 0;
        left: 0;
        right: 0;
        height: auto;
    }

.editButton:hover {
    text-decoration: none !important;
}

/* speak */
.sourceSpeak,
.targetSpeak {
    position: absolute;
    top: 0.75em;
    right: 0.8em;
    z-index: 3;
    cursor: pointer;
}

.sourceSpeak {
    top: 3.2em;
}

.copy-to-clipboard {
    position: absolute;
    top: 3.1em;
    right: 0.8em;
    z-index: 3;
}

.loading {
    height: 101px;
    padding-top: 40px;
}

    .loading > div {
        margin: 0.3125em 0 0 0.92em;
        width: 1em;
        height: 1em;
        background-color: #AC1413;
        border-radius: 100%;
        display: inline-block;
        -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
        animation: bouncedelay 1.4s infinite ease-in-out;
        /* Prevent first frame from flickering when animation starts */
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
    }

    .loading .bounce1 {
        -webkit-animation-delay: -0.32s;
        animation-delay: -0.32s;
    }

    .loading .bounce2 {
        -webkit-animation-delay: -0.16s;
        animation-delay: -0.16s;
    }

@-webkit-keyframes bouncedelay {

    0%, 80%, 100% {
        -webkit-transform: scale(0.0);
        transform: scale(0.0);
    }

    40% {
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
    }
}

@keyframes bouncedelay {

    0%, 80%, 100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    }

    40% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
    }
}


/* text direction for arabic and such languages */
.translateTextSource:lang(ar),
.backGroundSource:lang(ar),
.translateTextResult:not(.translateTextTemp):lang(ar),
.translateTextSource:lang(fa),
.backGroundSource:lang(fa),
.translateTextResult:not(.translateTextTemp):lang(fa),
.translateTextSource:lang(ur),
.backGroundSource:lang(ur),
.translateTextResult:not(.translateTextTemp):lang(ur),
.translateTextSource:lang(he),
.backGroundSource:lang(he),
.translateTextResult:not(.translateTextTemp):lang(he),
.translateTextSource:lang(yi),
.backGroundSource:lang(yi),
.translateTextResult:not(.translateTextTemp):lang(yi) {
    direction: rtl;
}

/*dictionary*/

.dictionarySource {
    font-size: 1.2em;
}

.dictionaryWordType,
.dictionaryExamplesTitle {
    color: #666666;
    font-style: italic;
}

.dictionaryTranslation {
    margin: 0 0 0.5em 0;
}

.dictionaryTranslationTable td {
    vertical-align: top;
}


.dictionaryTranslationTable {
    width: 100%;
}

.dictionaryTranslationProbabilityCell {
    width: 1%;
    padding-right: 0.5em;
    padding-top: 0.35em;
}

.dictionaryTranslationCell {
    width: 1%;
    padding-right: 1em;
}

.dictionaryTranslationReverseCell {
    width: 98%;
}

.dictionaryTranslationReverse {
    font-size: 92%;
    text-decoration: none;
}

    .dictionaryTranslationReverse:hover {
        text-decoration: underline;
    }

.dictionaryExamplePair + .dictionaryExamplePair {
    margin-top: 2em;
}

.dictionaryExample {
    margin: 0 0 0.5em 0;
}

    .dictionaryExample strong {
        color: #474747;
    }


.dictionaryTranslationTranslation + .dictionaryTranslationReverse {
    margin-left: 0.5em;
}

.dictionaryTranslationTranslation {
    text-decoration: none;
}

    .dictionaryTranslationTranslation:hover {
        text-decoration: underline;
    }

.dictionaryTranslationProbabilityContainer {
    width: 1em;
    height: 0.6em;
    margin-top: 0.25em;
    display: block;
    border: solid 1px #aeaeae;
    border-radius: 0.2em;
}

.dictionaryTranslationProbability {
    background-color: #557c8f;
    height: 100%;
    display: block;
}

.dictionaryTranslationCell {
    white-space: nowrap;
}

.translate-widget > .container {
    background-color: #eceff1;
    z-index: 0;
}

@media (min-width: 768px) {

    .translate-widget > .container,
    .widget-notification-banner {
        border-radius: 10px;
    }

    .translate-widget > .container {
        padding: 3em;
    }
}

@media (max-width: 768px) {
    .widget-notification-banner {
        border-radius: 0;
    }

    .translate-widget > .container {
        padding-bottom: 3em;
    }

    .col:has(.bsalert) {
        padding: 0 !important;
    }
}

.widget-notification-banner {
    padding: 8px;
    font-size: 15px;
    margin-top: 8px;
}

.widget-notification-banner-title {
    display: flex;
    align-content: center;
    justify-content: center;
    font-size: 22px;
    font-weight: 700;
}

.widget-notification-banner-content {
    text-align: center;
}

.translate-source-language .dropdown-menu button {
    position: relative;
}

.translate-source-language .dropdown-menu,
.translate-target-language .dropdown-menu {
    min-width: 170px;
}

.dropdown-item:not(.active) .decoder-placeholder {
    color: #656E76;
}

.dropdown-menu {
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
}

.source-system-row, target-system-row {
    display: inline-flex;
}

.visible-systems {
    display: inline-block;
    background-color: white;
    border-radius: 0.25rem;
}

    .visible-systems .dropdown-item {
        display: inline-block;
        width: unset;
        border-radius: 0;
    }


        .visible-systems .dropdown-item:not(.active) {
        }

        .visible-systems .dropdown-item.active,
        .visible-systems .dropdown-item:active {
            background-color: #557c8f;
            color: white;
        }


@media (min-width: 992px) {
 
    .dropdown-toggle::after {
        margin-left: 0 !important;
    }

    .translate-source-language .dropdown-toggle,
    .translate-target-language .dropdown-toggle {
        border-top-left-radius: 0;
        border-top-right-radius: 0.25rem;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0.25rem;
    }

    .visible-systems .dropdown-item:first-child {
        border-top-left-radius: 0.25rem;
        border-bottom-left-radius: 0.25rem;
    }

    .visible-systems .dropdown-item:first-child {
        border-top-left-radius: 0.25rem;
        border-bottom-left-radius: 0.25rem;
    }

    .visible-systems.no-toggler .dropdown-item:last-child {
        border-top-right-radius: 0.25rem;
        border-bottom-right-radius: 0.25rem;
    }
}

.vendor-disclaimer:not(.document-translation) {
    padding: 8px 16px;
    background-color: white;
    margin-top: 4px;
}

.vendor-disclaimer.document-translation {
    margin-top: 8px;
}

.vendor-disclaimer {
    font-size: 12px;
}

#docTransProgBox {
    background-color: white;
}

@media (min-width: 1200px) {
    .dropdown-toggle .language-name, .dropdown-toggle .decoder-placeholder {
        display: none!important;
    }
}

.tooltip {
    pointer-events: none;
}

.translate-source-language .dropdown-item.default-decoder:not(.active) .decoder-placeholder {
    display: none!important;
}

.expand-subtitle-btn {
    text-decoration: underline !important;
}

@media (max-width: 768px) {
    .widget-notification-banner-title {
        font-size: 15px;
    }
}

div.fancy-select {
    position: relative;
}

    div.fancy-select.disabled {
        opacity: 0.5;
    }

    div.fancy-select select:focus + div.trigger {
        border-color: #A5C7FD;
        outline: 0.063em solid #88AAE1;
    }

    div.fancy-select div.trigger {
        font-size: 1em;
        line-height: 1.189em;
        height: 1.189em;
        border: solid 0.063em #c5c5c5;
        cursor: pointer;
        padding: 0.189em 1.2em 0.126em 0.4em;
        white-space: nowrap;
        overflow: hidden;
        position: relative;
    }

        /* triangle on the right side of dropdown */
        div.fancy-select div.trigger:after {
            content: "";
            display: block;
            position: absolute;
            width: 0;
            height: 0;
            border-top: 0.38em solid #444444;
            border-bottom: 0.38em solid transparent;
            border-left: 0.2em solid transparent;
            border-right: 0.2em solid transparent;
            top: 0.6em;
            right: 0.4em;
        }

        /* background for triangle on the right side of dropdown */
        div.fancy-select div.trigger:before {
            content: "";
            display: block;
            position: absolute;
            width: 1.2em;
            top: 0;
            right: 0;
            bottom: 0;
            background-color: white;
            opacity: 0.85;
        }

        div.fancy-select div.trigger.open:after {
            border-top-color: transparent;
            border-bottom-color: #444444;
            top: 0.2em;
        }

    div.fancy-select ul.options {
        list-style: none;
        margin: 0;
        padding: 0;
        position: absolute;
        top: 2.5em;
        left: 0;
        visibility: hidden;
        opacity: 0;
        z-index: 50;
        /* height is on purpose such as to show half of the last element in list
    so that touchscreen users can guess that the dropdown is scrollable */
        max-height: 15em;
        overflow: auto;
        background: #ffffff;
        border: 0.063em solid #c5c5c5;
        box-shadow: 0 0 0.189em rgba(0, 0, 0, 0.12);
        min-width: 5em;
        text-align: left;
    }

        div.fancy-select ul.options.open {
            visibility: visible;
            top: 1.63em;
            opacity: 1;
        }

/*  This shows dropdown at the top if there is not enough space at the bottom.
    It does not really work if there is no space at the top, and could easily be triggered by small phone screens
    so, commented out for now. It could work, though, if fancyselect javascript was smart enough to set
    the "overflowing" class only if there was actually enought space at the top

    div.fancy-select ul.options.overflowing {
    top: auto;
    bottom: 2.5em;
}

div.fancy-select ul.options.overflowing.open {
    top: auto;
    bottom: 3.15em;
}*/

@media screen and (max-height:22em) {
    div.fancy-select ul.options {
        /* height is on purpose such as to show half of the last element in list
           so that touchscreen users can guess that the dropdown is scrollable */
        max-height: 8em;
    }
}

div.fancy-select ul.options li {
    padding: 0.55em 2em 0.55em 1em;
    color: #000000;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
}

    div.fancy-select ul.options li.hover {
        color: #AC1413;
        color: #BC0B0B; /*a bit lighter than normal*/
    }

div.fancy-select {
    padding: 0;
    background-color: #FFF;
    border: 1px solid #CFD8DC;
    font-size: 0.9375rem;
}

div.fancy-select div.trigger::before {
    display: none;
}

@media (min-width: 768px) {
    div.fancy-select {
        padding: 8px 5px 13px 5px;
    }
}

div.fancy-select div.trigger {
    display: flex;
    padding: 0;
    cursor: pointer;
    border: none;
    position: relative;
    color: #000;
}

@media (min-width: 768px) {
    div.fancy-select div.trigger {
        padding: 0.189em 9px 0.126em 9px;
    }
}

div.fancy-select select:focus + div.trigger {
    border: none;
    outline: none;
}

div.fancy-select ul.options {
    top: 40px;
    max-height: 200px;
    border: 1px solid #E3E3E3;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    min-width: 50px;
    -moz-transition: opacity 300ms ease-out,top 300ms ease-out,visibility 300ms ease-out;
    -o-transition: opacity 300ms ease-out,top 300ms ease-out,visibility 300ms ease-out;
    -webkit-transition: opacity 300ms ease-out,top 300ms ease-out,visibility 300ms ease-out;
    transition: opacity 300ms ease-out,top 300ms ease-out,visibility 300ms ease-out;
}

div.fancy-select div.trigger::after {
    position: relative;
    width: auto;
    height: auto;
    margin-left: .5rem;
    top: .2em;
    right: 0;
    align-self: center;
    border: 5px solid rgba(0, 0, 0, 0);
    border-top-color: #B1244C;
}

div.fancy-select div.trigger.open:after {
    top: -.2em;
    border: 5px solid rgba(0, 0, 0, 0);
    border-bottom-color: #B1244C;
}