.jfk-bubble { -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .2); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .2); box-shadow: 0 1px 3px rgba(0, 0, 0, .2); background-color: #fff; border: 1px solid; border-color: #bbb #bbb #a8a8a8; padding: 16px; position: absolute; z-index: 1201 !important; } .jfk-bubble-arrow { position: absolute; } .tlid-input { -webkit-box-shadow: none; box-shadow: none; height: auto; border: 0px solid #b4b4b4; text-align: left; padding: 0px; } .SumoSelect>.optWrapper>.options>li:first-child { margin: 2px !important; } .jfk-bubble-arrow .jfk-bubble-arrowimplbefore, .jfk-bubble-arrow .jfk-bubble-arrowimplafter { display: block; height: 0; position: absolute; width: 0; } .jfk-bubble-arrow .jfk-bubble-arrowimplbefore { border: 9px solid; } .jfk-bubble-arrow .jfk-bubble-arrowimplafter { border: 8px solid; } .office-inline-block { position: relative; display: -moz-inline-box; display: inline-block; } .jfk-button { cursor: default; font-size: 11px; font-weight: bold; text-align: center; white-space: nowrap; margin-right: 16px; height: 27px; line-height: 27px; min-width: 54px; outline: 0; padding: 0 8px; } .jfk-button .jfk-button-img { margin-top: -3px; vertical-align: middle; } .jfk-button-img { background-repeat: no-repeat; display: inline-block; height: 24px !important; width: 24px !important; background-image: url('/National_Library/oe_/https://bg.office-converter.com/2021/svg/fh.svg'); } .jfk-button-narrow { min-width: 34px; padding: 0; } .jfk-button-collapse-left, .jfk-button-collapse-right { z-index: 1; } .jfk-button-checked.jfk-button-collapse-left, .jfk-button-checked.jfk-button-collapse-right { z-index: 2; } .jfk-button-collapse-left:focus, .jfk-button-collapse-right:focus { z-index: 3; } .jfk-button-collapse-left { margin-left: -1px; -moz-border-radius-bottomleft: 0; -moz-border-radius-topleft: 0; -webkit-border-bottom-left-radius: 0; -webkit-border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-left-radius: 0; } .jfk-button-collapse-right { margin-right: 0; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 0; -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; } .jfk-button.jfk-button-disabled:active { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .jfk-button-standard { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background-color: #f5f5f5; background-image: -webkit-linear-gradient(top, #f5f5f5, #f1f1f1); background-image: -moz-linear-gradient(top, #f5f5f5, #f1f1f1); background-image: -ms-linear-gradient(top, #f5f5f5, #f1f1f1); background-image: -o-linear-gradient(top, #f5f5f5, #f1f1f1); background-image: linear-gradient(top, #f5f5f5, #f1f1f1); color: #444; border: 1px solid #dcdcdc; border: 1px solid rgba(0, 0, 0, 0.1); } .jfk-button-standard:active { -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1); background: #f8f8f8; color: #333; } .jfk-button-standard.jfk-button-checked { -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1); background-color: #eee; background-image: -webkit-linear-gradient(top, #eee, #e0e0e0); background-image: -moz-linear-gradient(top, #eee, #e0e0e0); background-image: -ms-linear-gradient(top, #eee, #e0e0e0); background-image: -o-linear-gradient(top, #eee, #e0e0e0); background-image: linear-gradient(top, #eee, #e0e0e0); border: 1px solid #ccc; color: #333; } .jfk-button-standard:focus { border: 1px solid #4d90fe; outline: none; } .jfk-button-flat { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border: 1px solid transparent; font-size: 13px; font-weight: normal; height: 21px; line-height: 21px; margin-right: 1px; min-width: 0; padding: 4px; border-radius: 3px; } .jfk-button-flat:focus, .jfk-button-flat:active { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .jfk-button-flat .jfk-button-img { height: 21px; opacity: .55; width: 21px; } .jfk-button-flat.jfk-button-disabled .jfk-button-img { filter: alpha(opacity=33); opacity: .333; } .jfk-button-flat:focus { border: 1px solid #00a256; fill: #00a256; } .goog-toolbar-button { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; background: 0; border-color: transparent; border-style: solid; border-width: 1px; outline: none; padding: 0; height: 24px; color: #444; line-height: 24px; list-style: none; font-size: 11px; font-weight: bold; text-decoration: none; vertical-align: middle; cursor: default; } .goog-toolbar-button-disabled { color: #222 !important; opacity: .3; filter: alpha(opacity=30); } p, table { border: 0; margin: 0; padding: 0; } ::selection { background: #b3e5fc; } ::-moz-selection { background: #b3e5fc; } .container { position: relative; z-index: 0; } .frame { overflow-x: hidden; overflow-y: auto; position: relative; } .frame a:link { color: #585858; text-decoration: none; font-weight: 400; padding: 3px 0px 3px 6px; } .frame a:hover { color: #00a256; background-color: #f9f9f9; border-radius: 3px; } textarea { background-image: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } ::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.54); direction: ltr; } :-moz-placeholder { color: rgba(0, 0, 0, 0.54); direction: ltr; } ::-moz-placeholder { color: rgba(0, 0, 0, 0.54); direction: ltr; } :-ms-input-placeholder { color: rgba(0, 0, 0, 0.54); direction: ltr; } body.displaying-homepage .history-page, body.displaying-homepage .instant-page, .input-button-container { display: none; } .header-button { border: 1px solid #dadce0; border-radius: 4px; box-sizing: border-box; color: #018a4a; cursor: pointer; display: inline-block; font-family: 'Google Sans', sans-serif; font-size: 15px; font-weight: 500; height: 36px; padding-left: 40px; padding-right: 16px; position: relative; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; } .input-button { background-position-x: 12px; background-position-y: center; background-repeat: no-repeat; margin-right: 12px; } .input-button.text-icon::before, .input-button.close-icon::before { background-position: center; background-repeat: no-repeat; content: ''; display: inline-block; height: 20px; width: 20px; position: absolute; left: 12px; top: 7px; } .input-button.documents-icon::before { background-position: center; background-repeat: no-repeat; content: ''; display: inline-block; height: 20px; width: 20px; position: absolute; left: 12px; top: 7px; } .input-button.text-icon::before { background-image: url('/National_Library/oe_/https://bg.office-converter.com/2021/svg/offtr.svg'); background-size: cover; } .input-button .text { display: inline-block; height: 34px; line-height: 34px; } .homepage.translate-text .input-button.text-icon { background-color: rgba(194, 225, 200, 0.28); border: 1px solid rgba(31, 173, 106, 0.28); } .app-download-bar { display: none; } .app-download-button { background-position-x: 12px; background-position-y: center; background-repeat: no-repeat; margin-left: 12px; } .app-download-button .text { display: inline-block; height: 36px; line-height: 36px; } .app-download-bar .prompt-text { color: #5f6368; display: inline-block; font-family: 'Noto Sans SC', sans-serif; font-size: 15px; font-weight: 500; letter-spacing: .27px; margin-right: 16px; } .app-download-button-container { display: inline-block; position: relative; } .app-download-button-container.android .app-download-button::before, .app-download-button-container.ios .app-download-button::before { background-position: center; background-repeat: no-repeat; content: ''; display: inline-block; height: 18px; width: 18px; position: absolute; left: 12px; } .app-download-button-container.android .app-download-button::before { background-image: url('/National_Library/oe_/https://bg.office-converter.com/2021/svg/morelang.svg'); top: 8px; background-size: cover; } .app-download-button-container.ios .app-download-button::before { background-image: url('/National_Library/oe_/https://bg.office-converter.com/2021/svg/help.svg'); top: 9px; background-size: cover; } .app-download-popup { background: #fff; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 4px 0 rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.20); box-sizing: border-box; height: 168px; padding: 21px; width: 168px; position: absolute; top: 48px; } .app-download-button-container.android .app-download-popup { left: 0; } .app-download-button-container.ios .app-download-popup { right: 0; } .app-download-popup .text { color: #202124; font-family: 'Noto Sans SC', sans-serif; font-size: 16px; } .app-download-popup .popup-container { text-align: center; } .app-download-popup { display: none; } .ls-wrap { border-top: 1px solid rgba(0, 0, 0, 0.12); border-bottom: 1px solid rgba(0, 0, 0, 0.12); background-color: #fff; box-sizing: border-box; height: 48px; z-index: 2 !important; } .ls-wrap .sl-sugg .office-inline-block.jfk-button:focus, .ls-wrap .tl-sugg .office-inline-block.jfk-button:focus, .ls-wrap .sl-more:focus, .ls-wrap .tl-more:focus, .ls-wrap .swap:focus { background-color: #f5f5f5; outline-width: 0; } .ls-select { -moz-appearance: none; -webkit-appearance: none; background-color: transparent; border: none; box-sizing: border-box; color: #4285f4; font-family: inherit; font-size: 16px; height: 47px; line-height: 45px; outline: none; padding-left: 16px; padding-right: 30px; position: absolute; width: 100%; } .ls-select.new-ls-select { cursor: pointer; font-size: 14px; font-weight: 500; letter-spacing: .14px; line-height: 48px; overflow-x: hidden; overflow-y: hidden; text-align: center; text-overflow: ellipsis; text-transform: uppercase; white-space: pre; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; } .lang-btn { background-color: #fff; font-size: 14px; height: 46px; position: relative; } .sl-selector .lang-btn { margin-right: 25px; } .tl-selector .lang-btn { margin-left: 25px; } .lang_list { display: inline-block; width: 49%; margin: 0; word-break: normal; } .sl-wrap, .tl-wrap { display: none; } .swap-wrap { background-color: #fff; display: inline-block; margin: 0 -25px; vertical-align: top; } .swap.jfk-button { background-image: none !important; border: none !important; background-color: #fff; background-size: 0 0; height: 46px; margin: 0 2px; line-height: 48px; outline: none !important; box-shadow: none !important; cursor: pointer; width: 46px; border-radius: 25px; transition: all .4s; } .swap.jfk-button:hover { background-color: #f5f5f5; } .swap:not(.jfk-button-disabled):active { background-color: gray !important; background-size: 100% 100%; opacity: .3; transition: 0s; } .swap>.jfk-button-img { outline: none !important; box-shadow: none !important; border: none !important; } .main-header { box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37); } .source-wrap { position: relative; } .input-full-height-wrapper { height: 100%; } .source-header { position: absolute; z-index: 1; right: 12px; top: 16px; } .clear-wrap { display: inline-block; float: right; top: -16px; } .clear { display: inline-block; height: 24px; margin: 0; padding: 0; } .source-input { background-color: #fff; padding: 16px 0 54px; position: relative; z-index: 0; } #input-wrap { position: relative; } .orig { border-bottom-width: 0; border-color: #ddd; border-left: none; border-right: none; border-top: none; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; color: #333; font-family: 'Roboto', arial, sans-serif; font-size: 23px; margin: -4px 0 0; overflow: auto; padding-bottom: 2px; padding-left: 16px; padding-right: 90px; resize: none; width: 100%; } .gt-hl-layer { border-bottom-width: 0; border-color: #ddd; border-left: none; border-right: none; border-top: none; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; font-family: 'Roboto', arial, sans-serif; font-size: 23px; margin: -4px 0 0; overflow: auto; padding-bottom: 2px; padding-left: 16px; padding-right: 90px; resize: none; width: 100%; } .input-area.less-padding .orig, .input-area.less-padding .gt-hl-layer { padding-right: 44px; } .orig { background-color: #fff; } .gt-hl-layer { color: transparent; display: none; padding-top: 6px; pointer-events: none; position: absolute; } .orig:disabled { background-color: #fff; } .text-dummy { display: none; margin: 0; max-height: 65px; overflow: hidden; visibility: hidden; white-space: pre-wrap; } @media screen and (max-width:720px) { .source-input .orig { max-height: 120px; overflow-y: auto !important; } } .orig:focus { border-bottom: 0; outline: none !important; } .orig:focus::-webkit-input-placeholder { color: transparent; } .orig:focus::-moz-placeholder { color: transparent; } .snck { background-color: #323232; margin-right: 4px; font-family: "Roboto", sans-serif; font-size: 14px; min-height: 48px; width: 100%; position: fixed; bottom: -48px; } #gt-ovfl, #gt-ntfcn, #gt-cmty { z-index: 2; } .snck-msg { padding: 16px 0 0 24px; color: white; display: inline-block; } .ovfl-xlt, .cmty-btn { font-family: "Roboto Medium", sans-serif; font-size: 14px; padding: 16px 24px 16px 0; display: inline-block; color: #f4b400; float: right; text-transform: uppercase; } .results-container { background-color: #f2f2f2; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37); text-align: left; } .results-container.empty, .results-container .placeholder { text-align: left; } .translating-placeholder { display: none; } .translation-error { color: #f00; font-size: 20px; padding-left: 16px; padding-right: 32px; } .cllist { margin-bottom: 0; margin-top: 8px; } .cllist .translation-error-box .translation-error-button { background-color: #3b78e7; border-radius: 4px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); color: white; cursor: pointer; display: inline-block; font-family: 'Google Sans', sans-serif; font-size: 14px; font-weight: 500; padding-left: 12px; padding-right: 12px; vertical-align: top; box-sizing: border-box; height: 32px; margin-left: 0; padding-top: 7px; } .character-count { display: none; } .feedback-link { margin-bottom: 48px; margin-right: 8px; text-align: right; } .frame .feedback-link a, .frame .feedback-link a:visited { color: #80868b; font-family: 'Roboto', sans-serif; font-size: 11px; font-style: italic; font-weight: 400; text-decoration: none; } .feedback-link a:hover { text-decoration: underline; } .feedback-link a:active { color: #80868b; } .source-or-target-footer { height: 44px; width: calc(100% - 4px); position: absolute; bottom: 8px; left: 4px; } .source-or-target-footer-button { display: inline-block; height: 48px; width: 48px; } .source-or-target-footer-button.left-positioned { float: left; } .src-tts.jfk-button-flat { border: 0; } .speech-border { background-color: #bababa; border-radius: 100%; display: none; height: 48px; left: -2px; position: absolute; top: -2px; width: 48px; } .transliteration-container { direction: ltr; font-size: 14px; margin-top: 16px; } .source-transliteration-container { padding: 0 48px 0 16px; } .transliteration-content { line-height: 18px; max-height: none; } .transliteration-content.full { max-height: none; overflow: auto; } .source-transliteration-container .transliteration-content { color: #777; font-family: inherit; white-space: pre-wrap; } .truncate-link { cursor: pointer; display: inline-block; font-family: "Roboto Medium", arial, sans-serif; font-weight: bold; padding-top: 8px; padding-bottom: 5px; text-decoration: underline; } .gt-lc-mobile { box-shadow: none; margin: 8px 4px; width: calc(100% - 8px); } .detect_language { white-space: nowrap; color: rgba(0, 0, 0, 0.87); padding: 8px 0; } .language-list { padding-top: 56px; } .language-list-toolbar { background-color: #fff; border-radius: 0; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2); color: white; height: 56px; margin: 0; padding: 0; position: fixed; width: 100%; z-index: 1; } .language-list-toolbar .language-list-label { color: rgba(0, 0, 0, 0.87); } .language-picker-toolbar-image { background-repeat: no-repeat; background-position: center; cursor: pointer; min-width: 0; width: 24px; height: 56px; line-height: 56px; padding: 0 16px; margin: 0; } .language-picker-toolbar-image:focus { background-color: #f5f5f5; outline-width: 0; } .language-picker-toolbar-image:hover { box-shadow: none; } .language-list-search-box { background: white; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12), 0 1px 3px 0 rgba(0, 0, 0, 0.2); cursor: pointer; width: 100%; z-index: 2; position: fixed; left: 0; top: 0; } .language-list-search-box input { border: 0; font-family: 'Roboto', arial, sans-serif; font-size: 16px; line-height: 24px; outline: none; padding: 15px 0; } .language-list-search-button { text-align: left; cursor: pointer; } .language-list-search-button.jfk-button:hover { box-shadow: none; } .language-list-search-button:focus .searchbutton-image { background-color: #f5f5f5; } #sl_list-search-box, #tl_list-search-box { background-color: #fff; width: 100%; } .language_list_search_box_container { margin-left: 56px; margin-right: 56px; padding-left: 16px; width: calc(100% - 128px); position: fixed; } .language_list_languages { overflow-y: scroll; -webkit-overflow-scrolling: touch; max-height: calc(100vh - 56px); } .language_list_item { display: table-cell; line-height: 44px; margin-left: 50px; margin-right: 50px; vertical-align: middle; padding: 0 0 0 16px; } .language_list_item_language_name { color: rgba(0, 0, 0, 0.87); } .language_list_item_wrapper .language_list_item_icon { background-position: center; background-repeat: no-repeat; display: table-cell; height: 44px; line-height: 44px; opacity: .54; padding: 0 16px; width: 24px; } .language_list_item_wrapper:not(.item-selected):not(.item-emphasized) .language_list_item_icon { background-size: 0 0; } .language_list_section { width: 100%; border-top: 1px solid #ddd; padding: 8px 0; background: white; } .language_list_section_header { color: #777; background: white; font-size: 14px; font-weight: bold; line-height: 48px; padding: 0 10px 0 16px; vertical-align: middle; overflow: hidden; } .language_list_item_wrapper { background: white; cursor: pointer; width: 100%; overflow: hidden; } .page { height: 100%; position: relative; width: 100%; } .frame .page:nth-child(2) { z-index: 0; } .language-picker-page { display: none; } .outer-wrap { overflow: hidden; width: 100%; } .ft-icon-ctr { display: inline-block; margin: 0 18px; } .ft-link { font-size: 13px; text-decoration: none; text-transform: uppercase; } .ft-icon-ctr { margin-bottom: 5px; } .ft-icon-oval, .ft-icon-close { background: #fff; background-position: center center; background-repeat: no-repeat; background-size: 32px; border: 1px solid rgba(0, 0, 0, .12); border-radius: 50%; height: 60px; width: 60px; } .ft-icon-img-ctr { position: relative; } .ft-icon-img-ctr .ft-icon-notification { height: 24px; position: absolute; top: -5px; right: -5px; border-radius: 20px; background-color: #00a256; color: #fff; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.17); font-weight: 500; min-width: 24px; padding: 2px; } .footer-icon-container.ft-icon-img-hst .ft-icon-img-ctr .ft-icon-oval { background-image: url('/National_Library/oe_/https://bg.office-converter.com/2021/svg/history.svg'); background-image: -webkit-image-set(url('/National_Library/oe_/https://bg.office-converter.com/2021/svg/history.svg')); } .footer-icon-container.ft-icon-img-hst .ft-icon-img-ctr .ft-icon-close { background-image: url('/National_Library/oe_/https://bg.office-converter.com/2021/svg/close.svg'); background-image: -webkit-image-set(url('/National_Library/oe_/https://bg.office-converter.com/2021/svg/close.svg')); } .ft-icon-txt { color: #000; font-family: 'Google Sans', sans-serif; font-weight: 500; line-height: 18px; margin-top: 8px; opacity: .54; text-decoration: none !important; text-transform: none; } .ttsbutton { display: inline-block; } .ttsbutton.jfk-button-disabled { opacity: .3; } .ttsbutton .jfk-button-img { background-position: 0 0; opacity: .55 !important; margin: 12px 0 0 12px; display: block; } .clear .jfk-button-img { background-position: 0 -192px; opacity: .55 !important; margin-top: 0; } #spelling-correction { box-shadow: none; margin-top: 0; padding-left: 52px; position: relative; } .gt-spell-correct-message { background-color: #fff; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37); color: rgba(0, 0, 0, 0.54); font-size: 16px; margin-bottom: 8px; margin-top: 8px; padding: 11px 16px; } .gt-spell-correct-message a, .gt-spell-correct-message a:visited { color: #4285f4; } .language-list-label { color: #333; display: inline-block; height: 56px; line-height: 56px; font-weight: bold; font-size: 18px; text-transform: none; } .toast { background: #000; color: #dadce0; display: block; font-size: 14px; letter-spacing: .3px; line-height: 20px; opacity: 0; padding: 15px 16px 13px 25px; } .toast .message, .toast:not(.with-message) .toast-action { display: inline-block; } .toast .toast-action { cursor: pointer; pointer-events: all; text-align: right; width: 75px; position: absolute; right: 25px; } .toast .toast-action .action-link, .toast .toast-action a:visited, .toast .toast-action a:active { color: #f4b400; font-family: 'Google Sans', sans-serif; font-weight: 500; } .gendered-translations-header { color: #e8f0fe; display: none; font-size: 16px; line-height: 18px; padding: 26px 68px 8px 16px; } .gendered-translations-learn-more { color: #fff !important; font-weight: 600; text-transform: uppercase; } @media screen and (min-width:720px) { .frame { overflow-y: scroll; } .main-header { box-shadow: 0 2px 2px rgba(0, 0, 0, 0.22); } .homepage-content-wrap { min-height: calc(100vh - 65px - 56px - 148px - 72px); } .toast { box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37); display: inline-block; margin: 28px; } .toast .toast-action { padding-left: 46px; width: auto; position: relative; } .feedback-link { margin-bottom: 72px; margin-right: 12px; } .input-button-container { display: block; height: 46px; padding-top: 10px; padding-left: 20px; width: 100%; z-index: 1; text-align: left; } .focus-wrapper { display: inline-block; } .app-download-bar { display: block; text-align: right; width: 50%; z-index: 1; position: absolute; right: 20px; top: 10px; } .orig, .text-dummy { font-family: 'Roboto', arial, sans-serif; font-size: 18px; line-height: 32px; padding-left: 28px; padding-right: 106px; } .input-area.less-padding .orig, .input-area.less-padding .text-dummy { padding-right: 54px; } .gt-hl-layer { display: block; padding-top: 4px; } .text-dummy { display: block; position: absolute; top: 0; } #input-wrap { margin-bottom: 0; } .input-area { cursor: text; } .source-wrap { min-height: 114px; } .input-area { min-height: 72px; } #spelling-correction { padding-left: 62px; } .gt-spell-icon { left: 26px; } .language-picker-page { height: auto; } .cllist { margin-bottom: 0; } .cllist::after { clear: both; content: ''; display: table; } .gt-lc.gt-lc-mobile { box-shadow: none; float: left; margin: 2px 8px; width: calc(100% - 16px); } .gt-lc.gt-lc-mobile .gt-cd { border-radius: 2px; } .gt-lc.gt-lc-mobile:not(.show-as-one-card) .cd-expand-button { border-bottom: 0; } .gt-lc.gt-lc-mobile .gt-cc-r-i { background-color: #fff !important; } .gt-cc-l { box-sizing: border-box; float: right; padding-left: 4px; width: 50%; } .gt-cc-r { box-sizing: border-box; float: left; padding-right: 4px; width: 50%; } .main-header { padding-top: 48px; width: 100%; } .source-target-row { display: flex; flex-flow: row nowrap; } .character-count { display: inline-block; float: right; font-size: 12px; margin-right: 20px; margin-top: 12px; } .cc-msg { display: none; } .input { display: flex; position: relative; width: 50%; } .ls-wrap { position: absolute; top: -48px; width: 200%; z-index: 0; } .lang_list { display: none; } .sl-wrap, .tl-wrap { display: inline-block; height: 48px; margin: 0; vertical-align: top; width: 49.555%; } .sl-sugg { box-sizing: border-box; display: inline-block; max-width: calc(100% - 25px); position: relative; white-space: nowrap; overflow-x: hidden; overflow-y: hidden; } .tl-sugg { box-sizing: border-box; display: inline-block; max-width: calc(100% - 25px); overflow-x: scroll; overflow-y: hidden; position: relative; white-space: nowrap; margin-left: 25px; overflow-x: hidden; overflow-y: hidden; } .sl-sugg-button-container { padding-right: 24px; height: 46px; } .sl-sugg ::-webkit-scrollbar, .tl-sugg ::-webkit-scrollbar { width: 0; background: transparent; } .ls-left-arrow, .ls-right-arrow { background: transparent; height: 45px; width: 24px; z-index: 2; position: absolute; top: 0; } .ls-left-arrow { left: 0; } .ls-right-arrow { right: 0; } .sl-sugg .office-inline-block.jfk-button, .tl-sugg .office-inline-block.jfk-button { background-color: transparent; background-image: none; border: none; box-shadow: none; box-sizing: border-box; color: rgba(0, 0, 0, 0.54); font-size: 14px; font-weight: 500; height: 46px; line-height: 48px; margin-left: 0; padding: 0 24px; text-transform: uppercase; z-index: 0; position: relative; overflow: hidden; } .language_list_search_box_container { position: relative; } .language_list_item_wrapper { border: 1px solid transparent; border-radius: 2px; margin-bottom: 4px; outline: none; } .language_list_item_wrapper .language_list_item_icon { height: 30px; line-height: 30px; padding: 0 0 0 10px; width: 20px; } .language_list_item { line-height: 30px; } .sl-sugg .office-inline-block.jfk-button-checked, .tl-sugg .office-inline-block.jfk-button-checked { color: #00a256; } .office-inline-block.jfk-button-checked:after { position: absolute; top: 0; left: 0; content: ''; height: 46px; width: 100%; border-bottom: solid 3px #00a256; animation: border-grow .3s cubic-bezier(0.4, 0, 0.4, 1) 0s; } .ls-wrap .sugg-fade { background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1)); background: -o-linear-gradient(right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1)); background: -moz-linear-gradient(right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1)); background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1)); display: inline-block; height: 46px; margin-left: -24px; position: relative; vertical-align: top; width: 24px; z-index: 1; } .source-wrap { background-color: #fff; display: block; flex-grow: 1; vertical-align: top; z-index: 1; padding-bottom: 56px; } .source-input { box-sizing: border-box; position: static; padding-bottom: 0; padding-top: 20px; } .source-header { right: 16px; top: 20px; padding-top: 1px; } .source-input .orig { margin-top: -20px; min-height: 110px; padding-bottom: 18px; padding-top: 20px; } .source-input .transliteration-container { margin-top: 0; } .source-or-target-footer { left: 14px; width: calc(100% - 22px); } .speech-button { margin-top: 4px; margin-left: 4px; } .src-tts .jfk-button-img { margin-top: 9px; } .source-input .gt-is-mobile { position: absolute; margin-top: 34px; } .results-container { box-shadow: none; display: flex; flex-direction: column; min-height: 128px; position: relative; width: 50%; border-left: 1px solid rgba(0, 0, 0, 0.12); } .gendered-translations-header { color: #8a0b05; font-weight: 400; } .gendered-translations-learn-more { color: #202124 !important; } body:not(.with-lang-list) .results-container.empty { background-color: #fff; box-shadow: none; display: block; } .results-container .placeholder { font-size: 24px; left: 28px; line-height: 32px; position: absolute; top: 20px; z-index: 1; right: 24px; } .results-container.empty .placeholder { color: #878787; } .results-container .placeholder { color: #000; } .results-container.empty:not(.translating):not(.result-error) .empty-placeholder { display: block; } .results-container { background-color: #fff; } .gt-hl-layer { font-size: 24px; line-height: 32px; } .cllist .translation-error-box, .cllist .translation-error { display: none; margin-bottom: 8px; } .language-list-toolbar { position: relative; } .language-list { background-color: #fff; padding-top: 0; padding-left: 24px; } .language-list-search-button { text-align: inherit; } .language-list-label { height: 70px; line-height: 60px; } .language-list-back-button { margin-right: 0; position: absolute; right: 0; top: 0; } .language-list-back-button .backbutton-image { display: none; } .language-list-back-button .clear-image-black { display: block; } .language-list-toolbar .language-list-search-button { height: 100%; margin: 0; padding: 0; } .language-list-toolbar .language-list-label { left: 0; padding-left: 24px; position: relative; } .language-list-toolbar .searchbutton-image { margin-right: 48px; } .language_list_sl_list .language_list_section:nth-child(2), .language_list_tl_list .language_list_section:first-child, .language_list_section .language_list_section_header { display: none; } .language_list_section { border-top: none; padding: 0; } .language_list_sl_list, .language_list_tl_list { background-color: #fff; background-clip: padding-box; -webkit-background-clip: padding-box; box-sizing: border-box; height: calc(100vh - 169px - 56px); max-height: none; overflow-y: auto; padding: 8px 0; width: 100%; } .language-list-unfiltered-langs-sl_list, .language-list-unfiltered-langs-tl_list { column-count: 3; } .detect_language { padding: 0; } .language_list_item_wrapper { box-sizing: border-box; break-inside: avoid-column; font-size: 15px; page-break-inside: avoid; white-space: nowrap; width: 100%; } .language-list-search-box { position: absolute; } .language_list_item_icon~.language_list_item { padding: 0 4px 0 5px; } .detect_language .language_list_item { padding-right: 6px; } .detect_language_row_icon { background-position: left; } .language-picker-toolbar-image { margin: 0; padding: 0 16px; } .ttsbutton { box-sizing: border-box; height: 44px; width: 44px; } .transliteration-container { font-size: 15px; } .source-transliteration-container { padding-left: 28px; padding-right: 16px; } .transliteration-content { line-height: 22px; padding: 0; } .cp-promo-wrapper { margin: 8px; border-radius: 2px; } .ft-icon-ctr { margin: 0 31px; } .ft-icon-oval, .ft-icon-close { height: 70px; width: 70px; opacity: 0.4; } .ft-link { font-size: 14px; } } @media screen and (min-width:1280px) { .page { max-width: 1280px; margin: 0 auto; width: 90%; } .page .main-header { border-radius: 8px; } .main-header { box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37); } .homepage-content-wrap { min-height: auto; } .ls-wrap { border-radius: 8px 8px 0 0; } .source-wrap { border-radius: 0 0 0 8px; } .results-container { border-radius: 0 0 8px 0; } .feedback-link { margin-right: 0; } .input-button-container { height: 52px; padding-left: 0; padding-top: 16px; transition: .6s all cubic-bezier(0.4, 0, 0.2, 1); left: 0; top: -75px; text-align: left; margin-bottom: 16px; } .app-download-bar { right: 0; top: 16px; } .gt-lc.gt-lc-mobile { margin: 2px 0; width: 100%; } .gt-cc-r { padding-left: 0; } .gt-cc-l { padding-right: 0; } .outer-wrap { overflow: inherit; } .language-picker-wrapper { box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37); } .language-list-toolbar { border-bottom: 1px solid rgba(0, 0, 0, 0.12); box-shadow: none; } .language-list-search-box { box-shadow: none; } .language-list-label { font-weight: normal; font-size: 24px; } .language-list { margin-bottom: 60px; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } .language_list_sl_list, .language_list_tl_list { height: auto; } .language-list-unfiltered-langs-sl_list, .language-list-unfiltered-langs-tl_list { column-count: 6; grid-column-gap: 0; } .language_list_item_wrapper { font-size: 14px; margin-bottom: 0; } .language_list_languages.tw-ll-top { padding-bottom: 12px; } .cp-promo-wrapper { margin: 8px 0; } } @media screen and (min-width:1024px) and (max-width:1280px) { .language-list-unfiltered-langs-sl_list, .language-list-unfiltered-langs-tl_list { column-count: 4; } } @media print { .input-button-container, .source-header, .spelling-correction, .source-or-target-footer, .feedback-link, .history-page { display: none !important; } .frame { overflow: visible !important; width: 100% !important; height: auto !important; } .page { height: auto !important; width: 100% !important; position: static !important; } .outer-wrap { overflow: visible !important; } .source-input { min-height: 0 !important; padding-bottom: 32px !important; } } table.gt-baf-table { border-collapse: collapsed; border-spacing: 0; } table.gt-baf-table td { padding: 0; } .gt-lc.gt-lc-mobile table.gt-baf-table { padding-bottom: 30px; width: 100%; } div.gt-baf-pos-head { color: #222; text-align: left; } .gt-lc-mobile div.gt-baf-pos-head { margin: 5px 0 2px; padding-left: 8px; } .gt-lc-mobile .gt-baf-entry>td:first-of-type { vertical-align: top; } .gt-lc-mobile .gt-baf-entry>td:nth-of-type(2) { width: 100%; } .gt-lc-mobile .gt-baf-entry>td:nth-of-type(3) { vertical-align: top; } .gt-lc-mobile .gt-baf-entry>td { padding-left: 15px; } .gt-lc-mobile .gt-baf-entry { padding-left: 16px; } .gt-baf-entry { padding-right: 64px; position: relative; } .gt-lc-mobile .gt-baf-entry-selected>td:first-of-type { background: none; } .gt-baf-word-clickable, .gt-baf-translations { height: 18px; } .gt-lc-mobile .gt-baf-translations { margin: 1px 4px 0 0; } .gt-baf-term-text-parent { margin: 6px 0; line-height: 24px; white-space: nowrap; } .gt-baf-term-text { color: rgba(0, 0, 0, 0.87); padding-right: 4px; } .gt-baf-word-clickable { color: #000; cursor: pointer; vertical-align: top; white-space: nowrap; unicode-bidi: embed; } .gt-lc-mobile .gt-baf-word-selected .gt-baf-word-clickable { color: #000; } .gt-baf-word-selected { background-color: #fff; color: #4285f4; } .gt-lc-mobile .gt-baf-word-selected { font-weight: normal; } div.gt-baf-translations { height: 18px; overflow: hidden; padding: 0 0 0 1em; unicode-bidi: embed; vertical-align: top; white-space: nowrap; } .gt-lc-mobile div.gt-baf-translations { color: rgba(0, 0, 0, 0.54); font-size: 14px; line-height: 24px; margin: 6px 8px 6px 12px; } .gt-baf-translations-mobile { height: initial !important; overflow: visible !important; padding-left: 0 !important; white-space: initial !important; } .gt-baf-back { cursor: pointer; unicode-bidi: inherit; } .gt-baf-word-clickable:hover, .gt-baf-back:hover { text-decoration: underline; } .gt-lc-mobile .gt-baf-word-clickable:hover, .gt-lc-mobile .gt-baf-back:hover { text-decoration: none; } .gt-lc-mobile .gt-baf-word-clickable:hover { background: #f1f3f4; border-radius: 4px; margin: -2px -4px; padding: 2px 4px; } .gt-baf-entry-score { margin-right: 12px; margin-top: 8px; white-space: nowrap; } .filled.gt-score-dot { background-color: #4285f4; } .empty.gt-score-dot { background-color: #dadce0; } .gt-score-dot { border-radius: 1px; display: inline-block; height: 6px; margin: 8px 1px 1px; vertical-align: top; width: 10px; } .gt-card-ttl-txt { color: #222; unicode-bidi: embed; } .gt-cd { position: relative; } .gt-lc.gt-lc-mobile .gt-cd { background-color: #fff; border: .6px solid #dadce0; border-radius: 8px; margin-bottom: 8px; padding-top: 16px; padding-bottom: 8px; } .gt-cd-tl { color: #777; display: inline-block; font-family: 'Google Sans', sans-serif; font-size: 16px; } .gt-lc.gt-lc-mobile .gt-cd-tl { padding: 0 8px 11px; } .gt-cd-tr { float: right; } .gt-lc.gt-lc-mobile .gt-cd-t, .gt-lc.gt-lc-mobile .gt-cd-c { padding: 0 8px 8px; } .gt-lc.gt-lc-mobile .gt-cd-baf .gt-cd-c { padding: 0; } .gt-lc.gt-lc-mobile .gt-cd-pos { color: #4285f4; text-transform: capitalize; font-size: 14px; font-weight: 500; margin: 5px 0 2px 8px; } .cd-expand-button { cursor: pointer; } .gt-lc.gt-lc-mobile .cd-expand-button { border-top: 1px solid rgba(6, 8, 21, 0.12); border-bottom: 1px solid rgba(6, 8, 21, 0.12); padding: 11px 0; margin-bottom: -8px; } .cd-expand-button:hover .cd-expand-label { text-decoration: underline; } .gt-cd-baf .cd-expand-button { margin-top: 0 !important; } .cd-expand-button .jfk-button-img { margin: 0 8px 0 12px; opacity: .8; vertical-align: middle; } .cd-expand-button:hover .jfk-button-img { opacity: 1; } .cd-expand-label { vertical-align: middle; } .gt-lc.gt-lc-mobile .cd-expand-label { color: rgba(0, 0, 0, 0.87); } .gt-lc.gt-lc-mobile .gt-cc-r-i { background-color: #f3f3f3; } .gt-cc-exp { cursor: pointer; height: 30px; } .cd-exp-ar { height: 6px; width: 64px; background-color: #e5e5e5; margin-left: auto; margin-right: auto; position: relative; top: 0; } .cd-exp-ar:before { border-top: 16px solid #e5e5e5; top: 6px; } .cd-exp-ar:after, .cd-exp-ar:before { border-left: 32px solid rgba(229, 229, 229, 0); border-right: 32px solid rgba(229, 229, 229, 0); content: ' '; height: 0; left: 0; position: absolute; width: 0; } .cd-exp-ar:after { border-top: 16px solid #fff; top: 0; } .gt-lc.gt-lc-mobile .gt-cd.gt-cd-sos { background-color: #ffe2e2; border-color: #dadce0; display: block; padding-bottom: 0; width: 100%; } .gt-cd.gt-cd-covid-19:hover { background-color: rgba(60, 64, 67, 0.04); } .gt-cd-covid-19 .gt-cd-t { display: none; } @media screen and (min-width:1280px) { .instant-page { transition: .4s width cubic-bezier(0.4, 0, 0.2, 1), .4s transform cubic-bezier(0.4, 0, 0.2, 1), height 0; } } @media screen and (min-width:1280px) { .history-page { transition: .4s width cubic-bezier(0.4, 0, 0.2, 1), .4s transform cubic-bezier(0.4, 0, 0.2, 1), height 0; } } @media screen and (min-width:720px) { .notification-container { border-radius: 8px; bottom: 16px; right: 16px; width: 328px; } } .gt-is { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); -webkit-transition: opacity .218s; -moz-transition: opacity .218s; -o-transition: opacity .218s; transition: opacity .218s; background-color: #fff; box-sizing: border-box; cursor: default; display: inline; position: absolute; white-space: nowrap; width: 100%; z-index: 900; } .gt-is-mobile { background-color: white; border-color: #ccc; border-style: solid; border-width: 1px 0 0; border-radius: 0 0 2px 2px; display: block; position: relative; margin-bottom: 0; margin-top: 6px; } .gt-is-ctr { margin: 0; } /*! CSS Used from: Embedded */ ::-webkit-input-placeholder { color: #999; } .SumoSelect { display: inline-block; position: relative; outline: none; width: 100%; border: 1px solid #5bb75b; margin-bottom: 10px; width: auto; background-color: transparent; background-image: none; border: medium none; box-shadow: none; box-sizing: border-box; color: rgba(0, 0, 0, 0.54); font-size: 14px; font-weight: 500; height: 46px; line-height: 48px; margin-left: 0px; padding: 0px 4px; text-transform: uppercase; z-index: 0; position: relative; overflow: hidden; top: 0px; margin-top: 0px; margin-bottom: 0px; } /*! CSS Used keyframes */ @keyframes border-grow { 0% { opacity: 0; width: 0; } to { opacity: 1; width: 100%; } } body.with-lang-list .page.language-picker-page { display: block; } @media screen and (min-width: 720px) { body.with-lang-list .page, .language-picker-page { height: auto; } } body.with-lang-list .page, .language-picker-page { display: none; } .SumoSelect>.optWrapper>.options { position: fixed; background-color: #fff; width: 1000px; padding: 5px; -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); border: 1px solid rgba(0, 0, 0, 0.12); } .SumoSelect>.optWrapper>.options>li { width: 146px; float: left; display: block; margin: 2px !important; } .officecom-1r9pix7 { z-index: 2; } .SumoSelect>.optWrapper.open { top: 46px; border: 0px solid #00a245; z-index: 22; } .SumoSelect>.optWrapper>.options>li.selected { border-radius: 3px; } .SumoSelect>.optWrapper { border: 0px solid #00a245; } .SumoSelect>.optWrapper>.options>li:hover { border-radius: 3px; } .SumoSelect>.optWrapper>.options>li.selected { padding: 8px 6px 8px 20px; } .SumoSelect>.CaptionCont.jfk-button-checked>span { color: #00a256; } .SumoSelect>.optWrapper>.options.translate_to>li:first-child { display: none; } .SumoSelect>.CaptionCont>span { display: none !important; } @media screen and (max-width:1440px) { .form-office, .to-office { display: none !important; } .sl-wrap, .tl-wrap { width: 49%; display: inline-block; } .SumoSelect>.optWrapper>.options { width: 1000px; } } .morelang { display: none; margin-bottom: 60px !important; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37); border-radius: 8px; width: 100%; padding: 0px 20px; } .SumoSelect>.CaptionCont { width: 46px !important; } @media screen and (max-width:720px) { .morelang { border-radius: 0px; } .form-office, .to-office { display: none !important; } .sl-wrap, .tl-wrap { width: 48%; display: inline-block; } .ls-wrap { position: relative; } .sl-wrap .SumoSelect>.optWrapper>.options { left: 0px; } .tl-wrap .SumoSelect>.optWrapper>.options { right: 0px; } #translate_from, #translate_to { opacity: 1; display: inline-block !important; } .SumoSelect>.optWrapper>.options { width: 330px; } .source-or-target-footer { position: inherit !important; display: none; } .placeholder { margin-top: 10px !important; margin-right: 50px; } .source-input { padding: 16px 0 4px; } #ad.add { margin-top: 10px; } .results-container { box-shadow: 0 3px 4px 0 rgba(142, 142, 142, 0.37) !important; padding: 20px 10px; } } .result-footer { display: none; } .source-or-target-footer { height: 44px; width: calc(100% - 4px); position: absolute; bottom: 8px; left: 4px; } .source-or-target-footer-button { display: inline-block; height: 36px; width: 36px; } .source-or-target-footer-button.right-positioned { float: right; } @media screen and (min-width:720px) { .source-or-target-footer { left: 14px; width: calc(100% - 22px); } .copybutton { box-sizing: border-box; height: 36px; width: 36px; } .result-footer .jfk-button-img { margin-top: 9px; } } @media screen and (min-width:1280px) { .copybutton .jfk-button-img { margin-left: 9px; } } @media print { .source-or-target-footer { display: none !important; } } .copybutton:hover { fill: #188038; background-color: #e9f6ee; } .ft-iconclose { display: none; } .homepage.translate-text .input-button.text-icon:hover { box-shadow: 0 2px 5px 0 rgb(159, 220, 185); } .SumoSelect>.CaptionCont>label { right: auto; } .form-office:hover, .to-office:hover, .CaptionCont:hover { background-color: #f5f5f5 !important; } .ft-icon-oval:hover, .ft-icon-close:hover { box-shadow: rgba(0, 0, 0, 0.19) 0px 1px 4px 0px; border: 1px solid rgb(0, 162, 86); } .hcfe a { color: #1a73e8; text-decoration: none; } .hcfe a:hover { text-decoration: underline; } .material-card { background: #ffffff; border: 1px solid #dadce0; border-radius: 8px; overflow-x: hidden; padding: 16px; position: relative; } .homepage__card { margin: .5rem; padding: 0; font-family: Roboto, sans-serif; -webkit-animation: fadeInDownmore .8s linear both; -moz-animation: fadeInDownmore .8s linear both; animation: fadeInDownmore .8s linear both; display: none; } .homepage__card .thread-list-thread__title { font-weight: 300; } .homepage__links { font-weight: 500; padding: 0 1rem; } .homepage__link-panel-header { color: #1a73e8; font-family: Roboto, sans-serif; font-size: .9375rem; font-weight: 500; line-height: 3rem; } .homepage__link-panel-body { margin-top: .75rem; } .homepage__links-on-desktop { display: none; } @media (min-width:48.1875rem) { .homepage__link-panel { display: none; } .homepage__links-on-desktop { display: block; } .homepage__link-panel-header { line-height: auto; } .homepage__links { padding-left: 4rem; padding-right: 1.5rem; } .homepage__card { margin: 0; } .homepage__links { padding: 1rem; } } .thread-list-thread { border-bottom: .0625rem solid #dadce0; border-left: .1875rem solid transparent; display: block; min-height: 3rem; padding: 1rem 1rem 1rem .8125rem; position: relative; } .thread-list-thread:hover { background: #f8f9fa; } a.thread-list-thread:hover { text-decoration: none; } .thread-list-thread__icon-circle { display: none; } .thread-list-thread__title { color: #999; font-size: 1rem; font-weight: 400; } .thread-list-thread__title-icon { fill: #80868b; height: 1.125rem; margin-left: .125rem; vertical-align: text-bottom; width: 1.125rem; } .thread-list-thread__state { bottom: 1rem; color: #80868b; font-size: .75rem; position: absolute; right: 1rem; cursor: pointer; } .thread-list-thread__snippet { display: none; } .thread-list-thread__bottom-row { display: block; } .thread-list-thread__top-row { margin-bottom: 10px; display: block; } @media (min-width:48.1875rem) { .thread-list-thread { border-left: 0; min-height: auto; padding: 1rem 1.5rem 1rem 4rem; } .thread-list-thread__icon-circle { background-color: #a6d7a8; text-align: center; color: #fff; border-radius: 50%; display: inline-block; height: 1.25rem; left: 1.625rem; position: absolute; top: 1rem; width: 1.25rem; } .thread-list-thread__circled-icon { fill: #ffffff; height: 1rem; left: .125rem; position: absolute; top: .125rem; width: 1rem; } .thread-list-thread__top-row { display: flex; margin-bottom: 15px; } .thread-list-thread__title { flex: 1; font-size: .9375rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .thread-list-thread__state { height: 1rem; padding-left: 3rem; position: static; } .thread-list-thread__bottom-row { display: flex; margin-top: .25rem; } .thread-list-thread__snippetf { font-family: officefont, sans-serif; cursor: pointer; font-weight: 400; color: #383939; display: block; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .thread-list-thread__snippett { font-family: officefont, sans-serif; cursor: pointer; color: #80868b; display: block; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .thread-list-thread__counts { padding-left: 3rem; height: 20px; } .thread-list-thread:hover .thread-list-thread__counts { max-width: 100%; padding-left: 0; } } .thread-list-thread__state:hover { color: #fe2232; } .thread-list-thread__state:hover svg { color: #fe2232; box-shadow: rgba(0, 0, 0, 0.19) 0px 1px 4px 0px; } .thread-list-thread:hover .thread-list-thread__icon-circle { background-color: #00a256; color: #fff; } .thread-list-counts { margin-top: .25rem; } .thread-list-counts__count { font-size: .75rem; margin-right: .5rem; white-space: nowrap; } .thread-list-counts__count--recommended-answer { color: #188038; } .thread-list-counts__count--reply { color: #80868b; } .thread-list-counts__count--me-too { color: #80868b; } .thread-list-counts__recommended-icon { background-color: #34a853; border-radius: 50%; fill: #ffffff; height: .75rem; margin-left: .125rem; vertical-align: text-bottom; width: .75rem; } .thread-list-counts--has-recommended-answer .thread-list-counts__count--reply, .thread-list-counts--has-recommended-answer .thread-list-counts__count--me-too, .thread-list-counts:not(.thread-list-counts--has-recommended-answer) .thread-list-counts__count--recommended-answer { display: none; } @media (min-width:48.1875rem) { .thread-list-counts { display: flex; flex-direction: row-reverse; margin-top: 0; } .thread-list-counts__count { margin: 0 0 0 .75rem; } .thread-list-counts__count--me-too { display: none; } .thread-list-thread:hover .thread-list-counts--has-recommended-answer .thread-list-counts__count--reply, .thread-list-thread:hover .thread-list-counts__count--me-too { color: #202124; display: inline-block; } } .expansion-panel { height: 100%; } .expansion-panel__header { cursor: pointer; line-height: 3rem; position: relative; } .expansion-panel__header::after { border-color: #1a73e8; border-style: solid; border-width: 2px 0 0 2px; content: ''; display: inline-block; padding: 3px; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-25%) rotate(45deg); transform: translateY(-25%) rotate(45deg); transition: transform 225ms cubic-bezier(0.4, 0.0, 0.2, 1); } .expansion-panel--collapsed .expansion-panel__header::after { -webkit-transform: translateY(-75%) rotate(-135deg); transform: translateY(-75%) rotate(-135deg); } .expansion-panel__body { max-height: 1000px; transition: max-height 225ms cubic-bezier(0.4, 0.0, 0.2, 1); visibility: visible; } .expansion-panel--collapsed .expansion-panel__body { max-height: 0; overflow: hidden; visibility: hidden; } @media (min-width:48.1875rem) { .expansion-panel__header { line-height: inherit; } } .homepage-links__link { display: inline-block; } .homepage-links__link>a { display: inline-block; line-height: 3rem; min-width: 3rem; } .homepage-links__link:not(:last-child)::after { color: #1a73e8; content: '-'; margin: 0 .5rem; } @media (min-width:48.1875rem) { .homepage-links__link>a { display: inline; line-height: auto; min-width: auto; } } .thread-list-thread__snippetf:hover .copytxt { border-bottom: 1px solid #00a256 !important; color: #00a256 !important; cursor: pointer; } .thread-list-thread__snippett:hover .copytxt { border-bottom: 1px solid #00a256 !important; color: #00a256 !important; cursor: pointer; } .gp-footer { margin-bottom: 30px; } .gp-footer-close { display: none; } .dl-horizontal dd { margin-left: 10px !important; padding-left: 0px !important; }.icon24no { width: 24px; height: 24px; fill: currentColor; overflow: hidden; }