:root {
--plag: #fe5b60;
--anno: #2196f3;
/* --ai: #8bc34a; */
--ai: #42ba96;
--citation: #3f51b5;
--paraphrase: purple;
}
body {
min-width: 1000px;
transition: margin 0.2s ease-out;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
.modal-alert {
z-index: 1061;
}
input:-webkit-autofill,
input:-webkit-autofill:active,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover {
-webkit-box-shadow: 0 0 0 30px #fff inset;
}
input:-webkit-autofill:active,
input:-webkit-autofill:focus {
-webkit-box-shadow: 0 0 0 30px #fff inset, 0 0 0 4px #e9eefd !important;
}
::-webkit-input-placeholder {
color: #9c9c9c;
}
:-moz-placeholder {
color: #9c9c9c;
opacity: 1;
}
::-moz-placeholder {
color: #9c9c9c;
opacity: 1;
}
:-ms-input-placeholder {
color: #9c9c9c;
}
::-ms-input-placeholder {
color: #9c9c9c;
}
.navbar-fixed-top {
transition: all 0.3s ease;
}
body.frontend,
body.home {
background-color: #f4f7fc;
background-size: 150% auto;
background-position: -40vw top;
}
h1.redirect-message-heading {
font-weight: 100 !important;
margin: 15px 0;
}
a {
font-weight: 400;
cursor: pointer;
}
#solo-wrapper form a {
color: #335deb !important;
}
#solo-wrapper a {
font-weight: 400;
color: #335deb;
}
#download-pdf-now {
margin: 30px 0 20px;
display: inline-block;
text-decoration: underline;
}
.dollar-sign {
vertical-align: text-top;
font-size: 14px;
line-height: 4;
color: #335deb;
padding: 0 2px 0 0;
}
.help-topic-list a {
display: block;
color: #444;
padding: 5px 0;
font-size: 16px;
}
#promo-ending-soon {
color: #c52d2d;
display: block;
margin: 20px auto;
width: 450px;
}
#tip-notification {
color: #fff;
bottom: 20px;
text-align: center;
position: fixed;
display: none;
z-index: 500;
width: 480px;
border-radius: 6px;
overflow: hidden;
padding: 0;
right: 20px;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.22);
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.22);
-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.22);
-ms-box-shadow: 0 0 5px rgba(0, 0, 0, 0.22);
background: #272d34;
}
#cancel-subscription,
#purchase-credits {
display: inline-block;
font-size: 14px;
margin-right: 10px;
}
#scroll-next {
position: absolute;
font-size: 28px;
margin: 10px auto 10px -15px;
cursor: pointer;
line-height: 62px;
color: #10476b;
left: 50%;
bottom: 0;
transition: all 0.2s ease;
}
#scroll-next:hover {
color: #e1f5ff;
}
#overlay {
position: fixed;
z-index: 400;
width: 100%;
height: 100%;
pointer-events: none;
opacity: 0;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.25);
right: 0;
transition: opacity 0.2s ease;
display: block;
}
#overlay.visible {
opacity: 1;
}
#home #search-buttons {
margin-top: 25px;
display: block !important;
}
#search-buttons {
display: none;
font-size: 18px;
}
#notification-header {
font-size: 18px;
padding: 10px 0;
font-weight: 100;
vertical-align: bottom;
background: #343b44;
}
.popover,
.popover-title {
border: 0 !important;
}
.popover {
border-radius: 8px;
}
#notification-header img {
width: 20px;
vertical-align: top;
}
#notification-dismiss {
display: block;
font-size: 20px;
box-shadow: none;
margin: 20px auto 20px;
}
#notification-message {
font-size: 16px;
margin: 10px 25px;
font-weight: 200;
}
#payment-icons {
width: 240px;
display: block;
margin: 10px 0 0;
}
#notification-message img {
width: 90px;
float: right;
padding: 5px 0 0;
margin-left: 20px;
}
.hover-word-count {
display: none;
font-size: 12px;
letter-spacing: 0.2px;
transition: all 0.3s ease;
font-weight: 200;
padding-left: 15px;
float: right;
color: #5d666d;
}
#app-logo img,
tr.report-item:hover .hover-word-count {
display: inline-block;
}
.report-actions a,
.report-actions i {
visibility: hidden;
}
.blue-tag {
background: #335deb;
vertical-align: middle;
color: #fff;
font-weight: 700;
margin-left: 5px;
font-size: 15px;
border-radius: 6px;
padding: 4px 8px;
}
* {
outline: 0 !important;
}
.error {
color: #dc2828;
}
.input-note {
text-align: left;
margin: 0;
display: block;
padding: 10px 0;
font-weight: 300;
font-size: 13px;
color: #757b80;
}
.form-error {
border-radius: 5px;
color: #d8534e;
font-size: 16px;
font-weight: 300;
padding: 10px 30px;
margin-bottom: 20px;
display: none;
}
.form-error.visible {
display: block !important;
}
select.general-field {
flex: 1;
outline: 0;
-webkit-appearance: none;
-moz-appearance: none;
color: #313b3f;
cursor: pointer;
background: #fff;
display: inline-block;
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-position-x: 97%;
background-position-y: 14px;
}
.select-wrapper:after {
position: absolute;
height: 100%;
background: red;
line-height: 10px;
display: inline-block;
}
.modal-body {
padding: 20px 40px 30px;
border-radius: 8px 8px 8px 8px !important;
-webkit-border-radius: 0 0 8px 8px !important;
-moz-border-radius: 0 0 8px 8px !important;
-ms-border-radius: 0 0 8px 8px !important;
}
#modal-citation-generator .modal-body {
padding: 10px 50px 40px;
}
.modal-alert .modal-body a {
text-decoration: underline;
}
.modal-alert .modal-body {
font-size: 15px;
padding: 30px 30px 15px !important;
}
.modal-alert .modal-dialog {
top: 30vh;
}
#app-logo {
text-align: left;
display: block;
margin: 20px auto;
}
#app-logo img {
width: 40px;
padding: 0;
margin: 0 35px 0 30px;
}
#ask-for-details .small,
#logo-solo {
margin: 15px auto 5px;
}
#only-price-modal {
font-size: 18px;
}
.underline {
border-bottom: 2px solid rgba(12, 13, 16, 0.2);
}
#pro-features-ribbon {
max-width: 460px;
margin: 30px auto 20px;
}
.modal-header {
padding: 13px;
background: #eaeff4;
text-align: center;
font-size: 16px;
font-weight: 400;
color: #474d51;
border-radius: 8px 8px 0 0;
-webkit-border-radius: 8px 8px 0 0;
-moz-border-radius: 8px 8px 0 0;
}
.modal-header .fa {
padding-right: 10px;
}
.popover-title {
background-color: rgb(226 228 234) !important;
font-family: inherit;
}
#upgrade-popup-normal-price {
color: #585858;
}
.super {
vertical-align: super;
font-size: 50%;
}
.first-month-promo {
color: #199161;
font-size: 17px;
background-color: #e5f7f0;
background: -webkit-linear-gradient(top left, #e5f7f0, #f5fbf9);
border: 2px dashed #30c78b;
padding: 6px 25px;
vertical-align: middle;
line-height: 30px;
font-weight: 400;
border-radius: 5px;
margin: 20px 45px;
display: block;
}
.first-month-promo span {
font-weight: 100;
display: inline-block;
text-shadow: 0 0 0;
color: #49c493;
padding: 0;
margin: 0 10px 0 0;
line-height: 1;
font-style: italic;
}
.promo-details {
margin: 0;
}
#waiting-note {
display: none;
padding: 20px;
margin-top: 18px;
border-radius: 5px;
background: #3d4c54;
background-image: linear-gradient(to right, #3d4c54 0, #37444c 50%);
font-weight: 500;
color: #fff;
font-size: 15px;
}
#waiting-note a {
color: #fff;
text-decoration: underline;
font-weight: 600;
}
#continue-signup-ajax p {
margin-bottom: 15px;
font-weight: 300;
text-align: center;
font-size: 15px;
}
#modal-welcome .modal-body h2 {
font-size: 42px;
font-weight: 200;
color: #335deb;
}
#modal-welcome .modal-body p {
text-align: center;
margin: 30px auto 10px;
font-size: 20px;
font-weight: 300;
line-height: 2;
}
.modal-footer {
margin-top: -10px;
text-align: center;
padding: 15px 40px 35px;
background: #fff;
border: 0 !important;
border-radius: 0 0 8px 8px;
-webkit-border-radius: 0 0 8px 8px;
-moz-border-radius: 0 0 8px 8px;
-ms-border-radius: 0 0 8px 8px;
}
.modal-dialog {
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
-ms-border-bottom-left-radius: 8px;
-ms-border-bottom-right-radius: 8px;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.1) !important;
-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1) !important;
-moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1) !important;
}
.pro-feature .feature-img.alignleft {
text-align: left;
}
.popover .btn {
font-size: 14px;
}
#modal-welcome .modal-button {
padding-left: 30px;
padding-right: 30px;
font-size: 20px;
}
#upgrade-price {
display: block;
font-weight: 200;
font-size: 22px;
}
#pill-features {
margin: 30px auto;
display: none !important;
border-top: 3px solid rgba(114, 131, 153, 0.2);
}
.noselect {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.pro-feature {
padding: 0;
}
.pro-feature .feature-img img {
width: 80%;
margin-top: 30px;
margin-left: 20px;
}
.pro-feature .feature-img.alignright {
text-align: right;
}
.pro-feature .feature-description {
display: table-cell;
vertical-align: middle;
height: 400px;
text-align: center;
padding-left: 0;
font-size: 24px;
font-weight: 200;
}
.pro-feature .feature-description h3 {
font-size: 30px;
padding: 15px 0;
text-align: center;
margin-bottom: 30px;
border-bottom: 2px solid rgba(187, 187, 187, 0.22);
}
.pro-feature .feature-description h3 img {
width: 60px;
padding-right: 20px;
vertical-align: top;
}
.block-label {
display: block;
text-align: left;
font-size: 14px;
padding: 0 0 5px 0;
color: #555;
}
.center-text,
.fullwidth-section,
.stat {
text-align: center;
}
#confirm-cancellation-form {
width: 95%;
margin: 10px auto 0;
}
#confirm-cancellation-form select {
width: 100%;
}
#claim-coupon {
box-shadow: none;
}
#modal-insufficient-credits button {
font-size: 18px;
margin-bottom: 30px;
}
.overview .note {
padding: 20px;
background: #fff9e8;
margin: 20px 0;
border: 1px dashed #d0be89;
border-radius: 6px;
-webkit-border-radius: 6px;
color: #444;
font-size: 15px;
}
#leaving-message {
font-size: 23px;
font-weight: 200;
margin-bottom: 20px;
padding: 0;
}
#leaving-message img {
width: 34px;
margin: 0 10px 5px;
}
.modal-signup-message {
margin: 20px auto 0;
font-size: 28px;
font-weight: 200;
color: #39393a;
}
.modal-signup-message span {
display: block;
color: #335deb;
font-size: 22px;
margin: 10px;
font-weight: 400;
}
.tm {
font-size: 50%;
vertical-align: super;
font-family: arial;
}
.front-wrapper {
background: #f8f9fa;
z-index: 1;
transition: all 0.4s ease;
overflow-x: hidden;
position: relative;
}
#account-nav,
#multi-input,
.main-wrapper,
footer {
z-index: 50;
}
#citations {
padding-top: 20px;
}
#citations h4 {
padding: 0;
color: #2a4252;
font-size: 15px;
text-align: center;
font-weight: 400;
}
#citations .citation-text {
border: 1px solid transparent;
background: #f3f5f9;
cursor: pointer;
text-align: left;
font-family: Times new roman;
border-radius: 6px;
font-size: 15px;
transition: 0.2s border ease;
margin: 0 auto 30px;
max-width: 600px;
display: block;
padding: 10px;
word-break: break-all;
}
#citations .citation-text:hover {
border: 1px solid rgba(191, 191, 191, 0.4);
}
.blue-outline,
.white-outline {
font-size: 18px;
border-radius: 6px;
padding: 10px 20px;
display: inline-block;
margin: 20px auto;
}
.white-outline {
color: #fff;
border: 1px solid #fff;
font-size: 20px;
border-radius: 8px;
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.19);
}
.white-outline:hover {
background: rgba(255, 255, 255, 0.05);
text-decoration: none;
color: #fff;
box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.29);
}
.blue-outline {
color: #345deb;
border: 1px solid #345deb;
}
.blue-outline:hover {
text-decoration: none;
border-color: #0277af;
color: #0277af;
}
.hidden {
display: none;
}
.fullwidth-section {
margin: 0;
display: block;
}
.fullwidth-section .container {
width: 100%;
}
.grey-fullwidth {
margin: 20px auto 0;
padding: 0 20%;
background: #f7f7f7;
}
.fullwidth-section .row {
padding: 0 20px;
max-width: 1600px;
margin: 0 auto;
}
.fullwidth-section .row.squeeze {
padding: 50px 15%;
}
.grey-angle {
background-image: url(/img/grey-angle.png);
background-repeat: no-repeat;
background-size: 100% 100%;
height: 550px;
margin-top: -100px;
margin-bottom: -70px;
padding-bottom: 0 !important;
}
.grey-angle .col-left,
.grey-angle .col-right {
margin: 80px auto;
text-align: center;
}
.fullwidth-section h2 {
padding: 20px 0 10px;
margin: 0;
}
.fullwidth-section .col-left,
.fullwidth-section .col-right {
vertical-align: middle;
font-size: 26px;
}
.fullwidth-section img {
width: 80px;
margin: 0;
}
.fullwidth-section .text {
margin: 20px auto 0;
font-weight: 200;
font-size: 20px;
}
.fullwidth-section .text b {
font-weight: 600;
color: #4a5960;
font-size: 22px;
margin: 5px 0;
display: block;
}
.fullwidth-section .text div {
font-size: 16px;
width: 90%;
line-height: 1.2;
margin: 0 auto;
}
.stat {
font-size: 20px;
padding: 0;
margin: 20px 0;
}
.stat img {
width: 40px;
display: inline-block;
margin: 5px 5px 0 0;
vertical-align: top;
}
.stat .number {
font-size: 28px;
line-height: 1.2;
color: #3a4246;
display: inline-block;
text-align: left;
}
#modal-wait-pdf .modal-body img {
display: block;
margin: 30px auto;
width: 40px;
}
.green-checkmark {
color: #42ba96;
font-size: 20px;
}
.red-x {
color: #c10;
}
#modal-view-all-list .modal-dialog {
margin: 1% auto;
}
#modal-view-all-list .modal-body {
padding: 0;
margin: 0;
min-height: 50vh;
}
#modal-view-all-list iframe {
width: 100%;
border: 0;
height: 90vh;
margin-bottom: -5px;
}
#input-wrapper {
border-radius: 6px;
min-width: 400px;
margin: 0 auto 25px;
}
#input-wrapper.focus {
border-color: #cdd4d8;
box-shadow: 0 2px 6px #e6ecef6e;
}
#home #input-wrapper {
height: auto;
min-height: 170px;
}
#my-subscription-overview {
display: inline-block;
width: 520px;
vertical-align: top;
box-shadow: 0 0 15px -5px rgba(0, 0, 0, 0.08);
-webkit-box-shadow: 0 0 15px -5px rgba(0, 0, 0, 0.08);
-moz-box-shadow: 0 0 15px -5px rgba(0, 0, 0, 0.08);
-ms-box-shadow: 0 0 15px -5px rgba(0, 0, 0, 0.08);
background: #fff;
margin: 0 20px 15px 0;
padding: 20px 30px 30px;
text-align: left;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 6px;
}
.overview button {
font-size: 16px;
margin: 20px auto 0;
display: block;
}
.overview-detail {
font-size: 16px;
font-weight: 300;
margin: 10px 0;
font-family: inherit;
}
.overview-detail b {
font-weight: 300;
display: inline-block;
padding-right: 10px;
}
.overview-detail b.sub-badge {
margin: 0 10px 0 0;
}
.overview-detail b:after {
content: ":";
}
.trademark {
font-size: 16px;
top: 20px;
vertical-align: top;
}
.frontend {
min-height: 45vh;
width: 100%;
padding: 0;
min-width: 400px;
}
.frontpage-content {
width: 70%;
margin: 0 auto;
}
#doc-details,
#home,
#multi-input,
.main-wrapper {
position: relative;
}
#doc-results {
height: 80vh;
padding: 30px 10px;
width: 100%;
overflow: auto;
display: block;
position: relative;
}
#modal-upgrade-subscription .modal-dialog {
width: 1200px !important;
}
@media screen and (max-width: 1500px) {
#modal-upgrade-subscription .modal-dialog {
zoom: 0.95;
}
}
@media screen and (max-width: 1200px) {
#modal-upgrade-subscription .modal-dialog {
zoom: 0.9;
}
}
@media screen and (max-width: 991px) {
#modal-upgrade-subscription .modal-dialog {
zoom: 1;
max-width: 80%;
}
#modal-upgrade-subscription .modal-dialog #recap-plan-features {
display: none;
}
#newplan-payment,
.first-month-promo {
min-width: 300px;
max-width: 80% !important;
margin: 20px auto;
}
}
.modal.fade {
-webkit-transition: all 0.2s cubic-bezier(0.18, 0.89, 0.32, 1.28);
-moz-transition: all 0.2s cubic-bezier(0.18, 0.89, 0.32, 1.28);
-ms-transition: all 0.2s cubic-bezier(0.18, 0.89, 0.32, 1.28);
-o-transition: all 0.2s cubic-bezier(0.18, 0.89, 0.32, 1.28);
transition: all 0.2s cubic-bezier(0.18, 0.89, 0.32, 1.28);
}
#modal-view-all-list .modal-body {
min-height: 85vh;
}
#modal-upgrade-subscription .modal-body {
background-color: #eee;
background-image: url(/img/white-slices.svg?1);
background-size: 200% auto;
background-position: top right;
padding: 0;
}
#front-sidebar-nav.open {
list-style: none;
margin: 0;
box-shadow: inset -10px 0 20px #20252b;
}
#newplan-payment,
#transactions,
.update-plan-option:hover {
-webkit-box-shadow: 2px 2px 10px #eaeef0;
box-shadow: 2px 2px 10px #eaeef0;
}
#credits-selection {
text-align: center;
padding: 10px 10%;
}
#credits-selection-summary {
margin: 20px auto;
font-weight: 200;
}
#credits-selection label {
font-weight: 400;
font-size: 20px;
padding: 20px 0;
width: 100%;
border-radius: 4px;
}
#credits-selection #total-price {
margin: 30px 0;
font-size: 20px;
font-size: 26px;
font-weight: 200;
text-align: center;
}
#credits-selection h3 {
font-weight: 500;
padding: 10px 0;
text-align: left;
border-bottom: 1px solid #dedede;
}
#add-credits-purchase-summary {
font-weight: 100;
font-size: 20px;
margin: 30px auto;
text-align: center;
}
#selected-quantity {
font-weight: 700;
color: #06a2f0;
}
#newplan-payment {
text-align: center;
max-width: 600px;
border-radius: 8px;
padding: 20px 40px;
margin: 0 auto 45px;
background: #fff;
}
#transactions {
width: 100%;
padding-top: 20px;
margin-top: 22px;
border: 0;
border-radius: 6px;
overflow: hidden;
}
#transactions button {
margin-right: 10px;
zoom: 0.95;
}
#transactions tr:not(:first-child) {
border-top: 1px solid rgb(235 239 241);
}
#transactions th {
padding: 12px;
font-size: 14px;
background: #ebeff1;
color: #586a76;
font-weight: 400;
}
#transactions td {
padding: 22px 15px;
font-size: 14px;
font-weight: 400;
background: #fff;
}
tr.refunded td {
color: #b3b3b3;
background: #fbfbfb !important;
}
tr.refunded td b {
color: #666;
}
.transaction-download-invoice {
text-align: right;
padding-right: 20px !important;
}
.transaction-download-invoice a {
font-size: 14px !important;
margin-left: 8px;
}
.transaction-download-invoice a .fa {
padding-right: 10px;
}
.transaction-date {
width: 130px;
text-align: center;
}
.transaction-amount {
text-align: center;
width: 110px;
}
.transaction-description {
width: 30%;
text-align: left;
}
#default-card {
margin: 10px 0 25px;
background: #f9fbfc;
padding: 20px 0;
color: #47464d;
border-radius: 3px;
border: 1px dashed #c3d8e5;
}
#default-card a {
display: block;
margin-top: 10px;
border-top: 1px solid #c3d8e55e;
padding-top: 15px;
vertical-align: bottom;
}
#default-card h4 {
font-size: 20px;
}
.newplan-summary-block {
display: inline-block;
vertical-align: top;
width: 49%;
min-height: 200px;
min-width: 400px;
max-width: 380px;
}
.payment-flow-step {
display: none;
}
.payment-flow-step[data-step="1"] {
display: block;
}
.alignleft {
text-align: left;
}
.alignright {
text-align: right;
}
.update-plan-option {
padding: 0 0 20px;
margin: 10px 0;
display: inline-block;
border-radius: 3px;
border: 1px solid transparent;
transition: all 0.2s ease;
}
.update-plan-option:hover {
border: 1px solid #ddd;
}
.update-plan-option.current-plan {
border: 4px solid #f1f1f1;
}
.update-plan-option.current-plan:hover {
box-shadow: 0;
}
.update-plan-option .new-plan-name {
font-size: 24px;
font-weight: 700;
padding: 5px;
margin: 0 0 10px;
border-bottom: 1px solid #eee;
}
.update-plan-option .term {
font-weight: 100;
color: #72838b;
font-size: 90%;
}
.account-detail-item b,
.account-detail-item span {
font-weight: 300;
font-size: 16px;
}
.small-loading-dots {
width: 20px;
height: 20px;
margin-bottom: -6px;
}
#search .small-loading-dots {
width: 24px;
height: 24px;
}
.account-detail-item {
margin: 15px 0;
color: #3e4a50;
}
.account-detail-item button {
margin-right: 10px;
}
.account-detail-item b {
display: inline-block;
color: #000;
margin-right: 10px;
font-weight: 400;
}
.account-attribute-edit {
cursor: pointer;
font-size: 14px;
font-weight: 300;
padding: 0 0 0 10px;
display: inline-block;
line-height: 1;
color: #b8bed0;
}
.account-attribute-edit:hover {
color: #355deb;
}
#purchase-credits {
color: #355deb;
}
#select-plan-back {
font-size: 18px;
color: #757575;
cursor: pointer;
display: none;
float: left;
margin: 4px 0 0 10px;
}
.modal #recap-plan-features {
bottom: 0;
padding: 10px 0 0 40px;
}
.ribbon {
margin: 20px auto;
text-align: center;
}
#recap-plan-features h2 {
text-align: left;
margin: 0 25px;
font-size: 38px;
color: #2f2f2f;
}
.recap-feature {
font-size: 20px;
text-align: left;
margin: 10px 0;
}
#new-user-welcome {
float: right;
position: absolute;
font-size: 18px;
font-weight: 100;
right: 20px;
top: 20px;
}
#plan-selection-details {
text-align: center;
}
#plan-name.big {
font-size: 42px;
margin-bottom: 20px;
}
#plan-name {
font-size: 28px;
display: block;
color: #333338;
font-weight: 100;
margin: 0 auto 20px;
}
.newplan-summary-block #plan-name {
font-size: 24px;
}
#plan-name .fa {
color: #17bd80;
}
#plan-price-total-payment {
font-size: 14px;
color: #aaa;
margin: 2px 5px 10px 8px;
}
#plan-name .small {
text-transform: none;
color: #5f5d5d;
font-weight: 200;
font-size: 50%;
letter-spacing: 1px;
vertical-align: middle;
}
.plan-features {
padding: 5px 0;
background: rgba(255, 255, 255, 0.8);
border-radius: 3px;
}
.plan-features.recap {
background: 0;
text-align: center;
padding: 0 0 20px;
margin: 0 auto 20px;
}
#money-back-guarantee {
background: #06a2f0;
color: #fff;
font-size: 22px;
padding: 10px 20px;
margin-top: 20px;
text-align: center;
}
.recap .plan-feature {
color: #444b63;
font-size: 18px;
font-weight: 400;
margin-bottom: 3px;
text-align: left;
max-width: 380px;
display: block;
vertical-align: middle;
}
.plan-feature a {
color: #6144e4;
font-weight: 400;
text-decoration: none;
}
.plan-feature a:hover {
border-bottom: 1px solid;
}
#home,
#multi-input,
#single-user-plans,
.plan-feature {
text-align: center;
}
#money-back-guarantee img,
.plan-feature .image {
background-color: #2447bc;
background: -webkit-linear-gradient(left, #333aeb, #7214d3);
display: inline-block;
border-radius: 58px;
width: 65px;
height: 65px;
margin-right: 20px;
line-height: 65px;
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.05);
text-align: center;
}
#money-back-guarantee img {
background: #fff;
border: 2px solid;
}
.recap .plan-feature img {
width: 32px;
vertical-align: middle;
}
#r1b1,
.plan-option {
vertical-align: bottom;
}
#single-user-plans {
margin: 20px 0 40px;
}
.modal-header .fa-close {
float: right;
color: #c5c5c5;
padding: 5px 15px 5px 0;
cursor: pointer;
}
.modal-header > .fa:hover {
color: #333;
}
#account-new-password {
margin: 5% auto;
position: relative;
}
form#account-new-password {
width: 400px;
}
form .modal-dialog {
margin: 0 auto;
}
#new-plan-payment-form {
width: 358px;
margin: 20px auto;
}
#new-plan-payment-form .submit {
width: 90%;
}
#experience-premium {
font-size: 46px;
margin: -10px 0 0;
color: #000;
}
#experience-premium span {
font-size: 26px;
line-height: 1.8;
color: grey;
display: block;
}
#single-user-plan-features {
margin: 40px auto;
}
#single-user-plan-features h2 {
font-size: 32px;
color: #fff;
}
#change-plan-term {
border-radius: 3px;
overflow: hidden;
border: 1px solid #4a5960;
display: inline-block;
margin: 10px auto;
}
.planset-newplan-term-select,
.planset-term-select {
display: inline-block;
width: auto;
font-size: 13px;
cursor: pointer;
padding: 5px 15px;
color: #4a5960;
}
.planset-newplan-term-select:nth-child(1),
.planset-term-select:nth-child(1) {
margin-right: -5px;
}
.planset-newplan-term-select.selected,
.planset-term-select.selected {
background: #4a5960;
color: #fff;
}
#account-nav .tooltip {
margin-left: 20px;
min-width: 85px;
}
#account-nav .tooltip-inner {
font-size: 13px;
}
.tooltip-inner {
padding: 5px 10px;
background: #000;
border-radius: 6px;
-webkit-border-radius: 6px;
}
.plan-feature {
font-size: 16px;
font-weight: 400;
color: #4a5960;
margin: 0 auto;
padding: 10px 20px;
display: inline-block;
border-radius: 50px;
transition: all 0.1s ease;
border: 1px solid transparent;
}
.plan-feature:hover {
background: #fff;
box-shadow: 0 0 20px -2px rgba(0, 0, 0, 0.08);
-webkit-box-shadow: 0 0 20px -2px rgba(0, 0, 0, 0.08);
-moz-box-shadow: 0 0 20px -2px rgba(0, 0, 0, 0.08);
-ms-box-shadow: 0 0 20px -2px rgba(0, 0, 0, 0.08);
color: #5628dd;
}
.plan-feature i {
margin-left: 7px;
font-size: 14px;
}
.plan-option.current-plan * {
cursor: initial;
}
.plan-option.current-plan #plan-ribbon {
color: #fff !important;
}
.plan-option.current-plan button {
background: 0;
border: 1px solid #aaa;
color: #444 !important;
}
.plan-option {
display: inline-block;
width: 25%;
min-width: 285px;
margin: 0 10px;
background: #fff;
}
.plan-option .small {
color: #949494;
display: inline;
padding-left: 5px;
}
.plan-set {
display: none;
margin: 0;
}
#multi-input,
#plans-pricing .plan-set,
.plan-price {
display: block;
}
.plan-details {
font-size: 22px;
color: #4b575d;
font-weight: 100;
padding: 0;
margin: 5px 0 15px;
}
.plan-details .small {
font-size: 65%;
color: #656565;
}
.num-pages {
cursor: help;
}
.plan-term-note {
font-size: 12px;
color: #757575;
height: 50px;
line-height: 50px;
}
.plan-term-note b {
font-size: 108%;
}
.plan-price {
color: #949494;
margin: 10px 20px 30px;
font-size: 15px;
padding: 15px 0;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
vertical-align: baseline;
}
.plan-price.old-price {
font-size: 18px;
color: #aaa;
font-weight: 100;
margin-right: 5px;
text-decoration: line-through;
}
.plan-price.old-price .cents,
.plan-price.old-price .number-amount {
font-size: inherit;
color: inherit;
vertical-align: middle;
}
.plan-price.old-price .cents {
padding-right: 2px;
}
.plan-price .number-amount {
color: #000;
font-size: 26px;
}
.main-feature {
font-size: 20px;
font-weight: 100;
margin: 15px 0 0;
}
.main-feature .num-pages {
font-size: 28px;
font-weight: 100;
}
.update-plan-option .small {
font-size: 16px;
font-weight: 100;
}
#plan-ribbon,
.plan-header {
font-weight: 400;
text-transform: uppercase;
}
.update-plan-option .plan-price {
margin: 10px 0 0;
display: block;
}
.update-plan-option .plan-price .number-amount {
font-size: 22px;
}
#cancel-anytime {
font-size: 16px;
color: #4b4853;
font-weight: 300;
vertical-align: middle;
margin: -8px auto 10px;
display: block;
}
.number-amount {
color: #4e2de1;
vertical-align: middle;
font-weight: 400;
}
#plan-name:not(.big) .number-amount {
font-size: 58px;
vertical-align: middle;
font-style: normal;
padding: 0 0 0 10px;
}
.number-amount .cents {
vertical-align: super;
font-size: 18px;
margin-left: 1px;
margin-top: 4px;
padding-right: 5px;
}
#plan-ribbon {
color: #fff;
background: #2abc70;
letter-spacing: 0.5px;
padding: 4px 0;
font-size: 12px;
}
.plan-header {
font-size: 18px;
padding: 20px 0 10px;
color: #000;
border-bottom: 0;
margin: 0;
}
a.blue,
a.green,
a.orange,
button.blue,
button.green,
button.orange {
color: #fff !important;
border-radius: 4px;
}
.btn {
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
font-weight: 300;
}
.btn-primary {
background: #0f2b89;
border: 0;
}
.btn-primary:focus,
.btn-primary:hover {
background: #2c51cc;
}
a.big,
button.big {
padding: 10px 40px !important;
}
#pricing .orange.big {
margin: 0 auto 70px;
display: block;
width: 250px;
font-size: 30px;
}
#doc-title-edit,
.collapsed #upgrade-subscription span,
.guest-user .report-function {
display: none;
}
.plan-body {
height: 350px;
padding: 0;
}
.plan-footer {
padding: 10px 0 0;
border-top: 0;
}
.subscribe {
width: 80%;
margin: 20px 0 30px;
}
.new-plan-select {
margin-top: 30px;
}
.check-grammar,
.popover .btn,
a.blue,
a.green,
a.grey,
a.red,
button.darkblue,
button.green,
button.grey {
box-shadow: rgba(0, 0, 0, 0.12) 0 1px 1px 0, rgba(60, 66, 87, 0.16) 0 0 0 1px, rgba(60, 66, 87, 0.08) 0 2px 5px 0;
transition: all 0.2s ease;
border: 0;
}
button.red {
box-shadow: rgba(0, 0, 0, 0.12) 0 1px 1px 0, rgba(60, 66, 87, 0.08) 0 2px 5px 0;
border: 1px solid #c54b46 !important;
}
button.blue {
box-shadow: rgba(0, 0, 0, 0.12) 0 1px 1px 0, rgba(60, 66, 87, 0.08) 0 2px 5px 0;
background: linear-gradient(180deg, #2E3562 0%, #1A1F3A 100%) ;
cursor: pointer;
}
a.green,
button.green {
background: #42ba96;
}
button.green:not(.disabled):hover {
background: #339779;
}
.auth button.submit {
padding: 8px 15px;
margin-top: 5px;
font-weight: 300;
font-size: 115%;
}
.darkblue {
background: #7b98a1;
}
a.orange,
button.orange {
background: #ff595e;
}
.teal {
background: #6a9eb5;
border-bottom-color: #4e7383;
}
.teal:hover {
background: #5e8a9e;
}
.red.disabled {
border-bottom-color: transparent;
background: #b34642;
cursor: not-allowed !important;
}
.blue.disabled {
background: #5177f6;
cursor: initial;
}
.blue:not(.disabled):hover {
background: #244acd;
}
.disabled {
box-shadow: 0 0 0 !important;
cursor: default !important;
}
#multi-input {
font-family: inherit;
width: 60%;
min-width: 400px;
margin: 4vh auto 0;
max-width: 950px;
z-index: 0;
background: 0 0;
}
#account-content #multi-input {
min-height: 40vh;
width: 100%;
margin-bottom: 80px;
max-width: 100% !important;
}
#doc-title,
#doc-title-edit {
text-align: left;
margin: 10px auto 20px;
width: 100%;
word-wrap: break-word;
color: #4b5053;
font-weight: 300;
font-size: 20px;
cursor: pointer;
border: 1px solid transparent;
border-radius: 2px;
transition: all 0.2s ease;
}
#doc-title-edit,
#doc-title:hover {
border: 1px solid #ddd;
}
#doc-title-edit {
cursor: initial;
background: 0;
}
#doc-title-edit:focus,
#doc-title-edit:hover {
border-color: #aaa;
}
#home {
padding: 20vh 0 0;
height: 100vh;
}
#home #logo {
width: 280px;
margin-bottom: 25px;
}
#home h3 {
font-size: 20px;
color: #616d73;
margin: 230px 0 0;
}
#doc-details {
vertical-align: top;
overflow-wrap: break-word;
text-align: left;
border: 0 solid;
font-size: 16px;
width: 100%;
margin-left: 25px;
}
.snippets {
overflow: visible;
max-height: 70vh;
}
#doc-details.guest-user {
margin-top: 0;
}
#doc-details .pull-right .dropdown-item i {
width: 30px;
font-size: 17px;
}
.dial {
font-size: 34px !important;
color: #1fb3ff !important;
font-weight: 100 !important;
margin-left: -79px !important;
}
#percent-matches {
font-size: 50px;
font-weight: 200;
color: #434859;
margin: 0 12px 0 5px;
}
#results-percentage {
display: none;
height: 70px;
padding: 0;
text-align: center;
margin: -10px auto 10px;
}
#results-percentage .pull-right {
margin-top: 8px;
}
#results-percentage span {
position: absolute;
color: rgba(24, 177, 255, 0.8);
font-size: 16px;
margin-top: 35px;
margin-left: -35px;
}
.score-super {
display: inline-block;
vertical-align: super;
position: relative !important;
margin: 0 !important;
font-size: 0.4em !important;
padding-left: 5px;
color: inherit !important;
}
#percent-matches,
#results-percentage div:first-child {
display: inline-block !important;
vertical-align: middle;
}
#results-percentage p {
margin: 0 0 0 10px;
font-size: 30px;
font-weight: 100;
}
#results-percentage p .fa {
font-size: 14px;
vertical-align: middle;
margin-left: 10px;
color: #b7b7b7;
}
#no-results {
font-size: 30px;
color: #505565;
font-weight: 200;
padding: 0;
text-align: center;
margin: 120px auto;
opacity: 1;
animation: fadeslideup 1.5s ease;
}
@keyframes fadeslideup {
0% {
margin-top: 180px;
opacity: 0;
}
100% {
margin-top: 120px;
opacity: 1;
}
}
.question-tooltip-icon {
color: #aec1cf;
cursor: help;
font-size: 0.9em;
}
th .question-tooltip-icon {
font-size: 13px;
padding: 0 5px;
}
.guest-user #no-results {
margin: 0;
}
#no-results #delete-report {
color: #df3f33;
font-size: 15px;
}
#guest-search-max-word-message {
position: fixed;
bottom: 0;
z-index: 500;
margin: 0 auto;
left: 0;
right: 0;
color: #fff;
font-weight: 100;
font-size: 20px;
text-align: center;
background: #4f23db;
}
#guest-search-max-word-message button {
margin: 20px 0 20px 20px;
font-size: 18px;
}
#doc-details {
position: fixed;
top: 35px;
width: 34.5%;
display: block;
margin-left: 0;
float: right;
background: #f8f9fa;
box-sizing: border-box;
min-height: 100vh;
transition: all 0.4s ease;
}
.guest #doc-details {
top: 120px;
}
#account-content,
#doc,
.wrapper {
position: relative;
}
@media screen and (max-width: 1950px) {
body #doc-details.guest-user {
margin-left: 50px;
}
}
.guest-results #doc-details #results-title {
margin-top: 5px;
}
.source-highlight-snippet {
margin: 20px 0;
}
#source-actions {
float: right;
margin-top: 2px;
}
.source-action {
margin-left: 10px;
}
.no-padding {
padding: 0 15px 0 0;
text-align: right;
}
.source-percentage-total {
border-radius: 6px;
color: #fff;
margin: -5px 0 0 15px;
font-size: 14px;
height: 30px;
line-height: 30px;
width: 50px;
text-align: center;
display: inline-block;
font-weight: 300;
vertical-align: top;
background-color: #333aeb;
background: -webkit-linear-gradient(top left, #333aeb, #5d14d3);
box-shadow: 0 0 5px #ced3da;
}
.match-similarity-score {
font-size: 14px;
display: none;
padding: 0 10px;
background: #e5e8ec;
color: #1b1b1e;
vertical-align: top;
height: 35px;
line-height: 35px;
border-radius: 0 6px 6px 0;
font-weight: 300;
text-align: center;
}
.match-similarity-score.visible {
display: inline-block;
}
.match-similarity-score span {
display: inline-block;
margin-bottom: 0;
padding: 0 0 0 5px;
color: #44464b;
}
.source {
padding: 0;
margin: 0 0 38px 0;
transition: all 0.2s ease;
text-align: left;
}
.source .row:first-child {
padding-bottom: 10px;
}
.source:hover .source-generate-citations {
display: block !important;
}
.match-item-left {
display: inline-block;
width: 80px;
float: left;
text-align: left;
}
.match-item-left.collapsed {
width: 0;
display: inline-block;
border: 0;
}
#doc,
#doc-textarea {
font-family: inherit;
font-weight: 300;
}
#doc-textarea,
#results-title {
font-size: 16px;
}
.match-item-right {
display: inline-block;
padding: 5px 25px 5px 10px;
width: 100%;
margin-left: 10px;
}
.match-item-right.squish {
width: 75%;
float: right;
border-left: 1px solid #e6e6e6;
}
.source-title {
line-height: 20px;
color: #4d26dc;
padding: 0 0 0 15px;
font-size: 18px;
vertical-align: top;
font-weight: 300;
display: inline-block;
}
.source-title.open {
color: #fff;
max-width: 400px;
background-color: #333aeb;
background: -webkit-linear-gradient(top left, #333aeb, #5d14d3);
margin: 0 0 0 15px;
padding: 0 12px;
border-radius: 6px 0 0 6px;
line-height: 35px;
height: 35px;
font-size: 15px;
vertical-align: top;
display: inline-block;
}
.source-url {
color: #5b627f;
font-size: 14px;
font-weight: 300;
overflow: hidden;
text-decoration: none;
padding: 0;
line-height: 18px;
overflow: visible;
display: block;
word-break: break-all;
}
.source-url:visited {
color: inherit;
}
.source-url.overview {
margin: 11px 15px 0;
}
.source-url .fa {
padding-right: 7px;
font-size: 12px;
}
.source-url .spacer {
padding: 0 5px;
font-size: 18px;
}
.snippet .spacer {
color: #5c7def;
}
.source-url:hover {
color: #222;
text-decoration: none;
}
#doc-textarea,
.snippet {
display: none;
background: #fff;
}
.snippet b {
color: #db2828;
font-weight: 600;
}
.snippet {
margin: 10px 0;
overflow: visible;
font-size: 15px;
padding: 20px 40px 25px;
font-weight: 300;
border: 0 solid #e7e7e7;
border-radius: 6px;
word-break: break-all;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
box-shadow: 0 0 8px #eaedf1;
-webkit-box-shadow: 0 0 8px #eaedf1;
-moz-box-shadow: 0 0 8px #eaedf1;
-ms-box-shadow: 0 0 8px #eaedf1;
line-height: 1.7;
font-family: inherit;
border-top-color: transparent;
border-left-color: transparent;
}
.snippet .source-url {
display: inline-block;
font-size: 15px;
width: 100%;
margin: 10px auto;
line-height: 18px;
color: #4d26dc;
border-color: #846be7;
border-bottom: 1px solid transparent;
}
.ellipsis {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.snippet .source-url .fa {
padding-right: 10px;
padding-left: 2px;
}
.snippet div:after,
.snippet div:before {
content: "…";
letter-spacing: 1px;
font-size: 16px;
color: rgba(74, 89, 96, 0.8);
}
.snippet div:before {
padding-right: 5px;
}
.snippet div:after {
padding-left: 5px;
}
#results-title {
font-weight: 400;
color: #fff;
padding: 8px 13px;
margin: 0;
position: relative;
z-index: 5;
border-radius: 50px;
background-color: #eaedf2;
transition: 0.2s ease;
}
#results-title.scrolling {
box-shadow: 1px 10px 20px -10px #00000029;
-webkit-box-shadow: 1px 10px 20px -10px #00000029;
-moz-box-shadow: 1px 10px 20px -10px #00000029;
-ms-box-shadow: 1px 10px 20px -10px #00000029;
}
#doc {
width: 100%;
display: inline-block;
vertical-align: top;
z-index: 20;
text-align: center;
}
.guest #doc {
margin-top: 20px;
}
.fading-report-pulse {
animation: fading 1s infinite;
-webkit-animation: fading 1s infinite;
}
@keyframes fading {
0% {
color: #dedede;
}
10% {
color: #c3c3c3;
}
100% {
color: #dedede;
}
}
#doc-textarea {
white-space: pre-wrap;
word-break: break-word;
min-height: 75vh;
height: auto;
width: auto;
box-shadow: #eef2f3 1px 1px 6px;
-webkit-box-shadow: #eef2f3 1px 1px 6px;
-moz-box-shadow: #eef2f3 1px 1px 6px;
-ms-box-shadow: #eef2f3 1px 1px 6px;
border: 1px solid #e3e9eaba;
line-height: 2.7;
padding: 80px;
text-align: left;
margin: 0 auto 100px;
font-size: 16px;
font-weight: 300;
border-radius: 6px;
}
.guest #doc-textarea {
margin-left: 20px;
}
#progress-wrapper {
color: #dedede;
pointer-events: none;
-webkit-transition: color 1s ease;
-moz-transition: color 1s ease;
-o-transition: color 1s ease;
transition: color 1s ease;
animation: fading 1s infinite;
-webkit-animation: fading 1s infinite;
}
.doc-finished {
color: #000 !important;
pointer-events: all !important;
animation: none !important;
-webkit-animation: none !important;
}
#footer-logo,
#instruction-overlay,
#search-multi {
pointer-events: none;
}
.match {
cursor: pointer;
padding: 4px 0;
transition: border-width 0.1s ease-in-out, background 0.2s ease;
border-color: #f1c0c0;
border-radius: 2px 2px 0 0;
}
.no-border-init {
border-bottom: 0 !important;
}
#report-dropdown-menu {
border-radius: 50px;
width: 40px;
height: 40px;
line-height: 29px;
text-align: center;
color: #686b7e;
transition: background 0.2s ease;
}
#report-dropdown-menu:focus,
#report-dropdown-menu:hover {
color: #335deb;
}
#doc-details .dropdown-menu {
border-radius: 5px;
margin-top: 5px;
overflow: hidden;
padding: 10px 0;
}
#doc-details .dropdown-menu a {
display: block;
padding: 7px 20px;
font-size: 14px;
width: 190px;
font-weight: 300;
color: #46474b;
}
#doc-details .dropdown-menu a:hover {
text-decoration: none;
background: #335deb;
color: #fff;
}
#doc-details .dropdown-menu a:last-child:hover {
background: #db2727;
color: #fff;
}
#report-dropdown-menu .fa {
font-size: 18px;
}
.exact-match {
border-bottom: 2px solid #ff6156e6;
}
.exact-match.focus,
.exact-match.focus:hover {
background: #fee9e9;
}
.exact-match:hover {
background: rgba(254, 233, 233, 0.54);
}
.inexact-match {
border-bottom: 2px solid #ffae4e;
}
.inexact-match.focus,
.inexact-match.focus:hover {
background: rgba(255, 194, 125, 0.25);
}
.inexact-match:hover {
background: rgba(255, 194, 125, 0.1);
}
.wrapper {
min-height: 100vh;
}
.wrapper {
padding: 30px 30px 0;
margin-top: 70px;
}
.modal-dialog.cc {
width: 600px !important;
margin-right: auto;
margin-left: auto;
padding: 0;
}
#account-wrapper {
padding: 0;
margin: 0;
background-repeat: no-repeat;
background-position: 50% 0;
background-size: 120%;
min-width: 1000px;
}
.underline-tip {
border-bottom: 1px dashed #bbb;
padding: 0;
}
.underline-tip:hover {
cursor: help;
}
#quota-details {
padding: 10px 25px;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
margin-top: 15px;
background-color: #f6f7f8;
}
#quantity-credits-purchase {
width: 90px !important;
}
#modal-purchase-credits .modal-body {
font-size: 15px;
padding-bottom: 20px;
}
#credits-quantity-selection {
margin: 30px auto;
}
#credits-quantity-selection input {
margin-right: 5px !important;
}
#credits-purchase-summary {
margin: 30px auto 0;
}
.overview-detail .fa {
color: #637482;
font-size: 0.95em;
margin: 0 5px 0 0;
}
#modal-purchase-credits .modal-body input,
#modal-purchase-credits .modal-body span:not(.underline-tip) {
display: inline-block;
margin: 5px 0 5px 5px;
}
#credits-payment-method {
border-top: 1px solid #eee;
border-bottom: 1px solid #e8eef3;
padding: 20px 10px 30px;
}
#coupon-details {
color: #345deb;
border-bottom: 1px dashed;
cursor: pointer;
}
.promo {
font-weight: 700;
}
.modal-ajust {
top: 50px !important;
}
.overflow-visible {
overflow: visible !important;
}
#claim-coupon {
margin-top: 5px;
font-size: 26px;
}
#cancel-body {
width: 100% !important;
}
#cancel-col {
padding-right: 0 !important;
}
@media screen and (max-width: 1300px) {
#cancel-col {
left: 15%;
}
}
@media screen and (max-width: 1302px) {
#cancel-promo {
display: none;
}
}
@media screen and (max-width: 768px) {
#cancel-col {
left: 0 !important;
margin: 0 !important;
padding: 0 !important;
}
}
#cancel-promo {
height: 100px;
color: #fff;
z-index: 50000;
position: fixed;
width: 30%;
top: 220px;
height: 100px;
}
#cancel-promo p {
margin: 4% 50px;
font-size: 17px;
}
@media screen and (min-width: 1600px) {
#cancel-promo p {
margin: 4% 130px;
font-size: 17px;
}
}
#promo-details {
font-size: 10px !important;
}
#promo-price {
font-weight: bolder;
-webkit-animation-delay: 1s;
-moz-animation-delay: 1s;
-o-animation-delay: 1s;
-ms-animation-delay: 1s;
animation-delay: 1s;
}
#promo-price div {
line-height: 50px;
font-size: 40px;
padding: 10px 0;
}
#cancel-promo #promo-price {
margin: 4%;
font-weight: 700;
}
#cancel-promo button {
font-weight: 500;
}
#cancel-promo img {
width: 45px;
margin-left: 5px;
margin-top: -10px;
}
#promo-success {
margin: 10px auto 0 5%;
font-size: 30px;
text-align: center;
}
#cancel-promo .small {
color: #fff !important;
font-weight: 100 !important;
}
@media screen and (max-width: 767px) {
#cancel-promo {
display: none !important;
}
#cancel-body {
width: 100% !important;
}
#cancel-col {
width: 100% !important;
}
}
#upgrade-message {
margin: 20px 0;
font-weight: 200;
font-size: 18px;
padding: 0 30px;
}
#upgrade-message h3 {
font-size: 26px;
font-weight: 300;
padding-bottom: 10px;
margin-bottom: 5px;
color: #343e5f;
}
#big-message,
#login-container,
#signup-container,
#verify-email-container {
margin: 20px auto;
}
#verify-email-container {
width: 40%;
min-width: 320px;
background: #fff;
text-align: center;
color: #333;
margin-top: 7%;
font-size: 26px;
padding: 15px 4% 35px;
border-radius: 12px;
box-shadow: 3px 3px 30px rgba(0, 0, 0, 0.4);
-webkit-box-shadow: 3px 3px 30px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 3px 3px 30px rgba(0, 0, 0, 0.4);
-ms-box-shadow: 3px 3px 30px rgba(0, 0, 0, 0.4);
}
#verify-email-container span {
font-weight: 700;
display: block;
margin-top: 20px;
font-size: 20px;
color: #5a92ff !important;
}
#verify-email-container h1 {
font-weight: 700 !important;
font-size: 40px !important;
color: #5a92ff !important;
margin-bottom: 30px !important;
}
#modal-upgrade .modal-body {
background: url(/img/white-slices.svg) #fdfeff;
padding: 20px 0;
background-size: 150% auto;
}
#modal-upgrade button.upgrade {
margin: 20px auto;
font-size: 24px;
padding: 10px 25px;
}
button.upgrade.big {
font-size: 32px !important;
}
nav #upgrade-subscription {
font-size: 16px;
float: right;
padding: 5px 15px;
margin: 14px 20px 0 0;
}
nav #upgrade-subscription .fa {
padding-right: 5px;
}
#account-content,
#account-nav {
display: block;
transition: all 0.1s ease;
vertical-align: top;
}
#account-nav {
padding: 0;
float: left;
position: fixed;
top: 0;
height: 100vh;
width: 100px;
background-color: #333aeb;
background: -webkit-linear-gradient(left, #333aeb, #422fe3);
}
#account-nav #nav-buttons {
top: 50vh;
display: block;
margin-top: 100px;
width: 100px;
}
#account-nav a {
display: block;
/* margin-top: 10px; */
}
#account-nav a .icon {
display: block;
width: 65px;
margin: 0 auto 15px;
height: 65px;
line-height: 65px;
text-align: center;
border-radius: 500px;
}
#upgrade-subscription {
background-color: #9e34dc;
}
#upgrade-subscription:hover {
background: #7d27b0 !important;
}
#account-nav a span.icon img {
width: 27px;
height: auto;
padding: 0;
}
#account-nav .current .icon {
background-color: #5053ff;
}
#account-nav a:not(.current) .icon:hover {
background-color: #4042ec;
}
#logout,
#logout .fa {
transition: all 0.1s ease;
}
#account-content {
background: 0;
padding: 33px 0px;
margin: 0 auto 0 100px;
height: 100%;
min-width: 1110px;
border: 0;
}
#report-content {
background: 0;
padding: 40px 0 40px 60px;
margin: 0 auto 0 100px;
height: 100%;
min-width: 1110px;
border: 0;
}
#add-new-cc,
.cc-onfile {
display: inline-block;
width: 340px;
vertical-align: top;
}
#account-content.no-padding {
padding: 0;
}
#account-inner-data {
padding: 0;
}
#account-section-details {
margin-left: 285px;
margin-top: 20px;
text-align: left;
min-height: 100%;
max-width: 75%;
height: auto;
padding-bottom: 40px;
}
@media screen and (max-width: 1300px) {
#account-section-details {
max-width: 70%;
margin-left: 290px;
}
}
@media screen and (max-width: 1100px) {
#account-section-details {
max-width: 64%;
margin-left: 275px;
}
}
#excluded-sources-list {
margin-bottom: 20px;
}
.exclude-url-item {
margin: 10px 0;
display: block;
}
.exclude-url-item:hover > button {
display: inline-block;
}
.exclude-url-item button {
display: none;
position: absolute;
margin-top: -5px;
margin-left: 20px;
}
.exclude-url-item span {
margin-top: 0;
color: #4d5559;
font-size: 16px;
font-weight: 300;
overflow: hidden;
white-space: pre-wrap;
display: inline-block;
}
#add-new-cc {
border: 2px dashed rgba(159, 174, 191, 0.62);
border-radius: 5px;
line-height: 155px;
height: 160px;
color: #9faebf;
font-size: 18px;
text-align: center;
font-weight: 200;
cursor: pointer;
transition: all 0.2s ease-in-out;
}
#add-new-cc:hover {
background: #fff;
color: #345deb;
border-color: #345deb;
}
#add-new-cc .fa {
padding-right: 10px;
}
.cc-onfile {
background: #fff;
margin: 0 20px 20px 0;
color: #414b6b;
font-weight: 100;
transition: all 0.2s ease;
box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 2px 2px 10px #e4e8eb;
-moz-box-shadow: 2px 2px 10px #e4e8eb;
-ms-box-shadow: 2px 2px 10px #e4e8eb;
border-radius: 5px;
}
.cc-onfile:hover {
box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.12);
-webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.12);
-moz-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.12);
-ms-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.12);
}
.cc-number-hidden {
padding: 20px;
}
.cc-number-hidden span {
font-size: 18px;
font-weight: 400;
padding: 0 10px 0 0;
}
#default-cc {
cursor: help;
font-weight: 400;
font-size: 13px;
border-bottom: 1px dashed #dadada;
}
#default-cc .fa {
color: #717bf9;
padding-right: 3px;
}
#company-name a,
#match-navigator i,
#newsearch-save-report,
#reports-list th.sortable,
.collapse-toggle,
.delete-cc,
.report-action,
.search-depth-select {
cursor: pointer;
}
.cc-options {
padding: 7px 20px;
overflow: hidden;
font-size: 15px;
background: #c4caec21;
margin: 13px 0 15px;
}
.cc-options a {
font-weight: 400;
font-size: 13px;
}
.set-default-cc:not(.disabled):hover {
color: #5c6faf;
}
.cc-name {
padding: 5px 20px;
display: block;
font-weight: 300;
text-transform: capitalize;
font-size: 14px;
color: #4f5667;
}
.cc-brand,
.cc-exp {
display: inline-block;
}
.cc-brand {
margin: 0 20px 0 10px;
font-size: 22px;
vertical-align: middle;
color: #4b5a61;
}
.cc-exp {
font-weight: 300;
font-size: 13px;
}
.delete-cc {
color: #9da7c3;
float: right;
}
.delete-cc:hover {
color: #4b5a61;
}
#new-document-title {
display: block;
margin: 0 auto 10px;
background: 0;
border: 1px solid transparent;
position: static;
color: #2a3842;
font-weight: 300;
padding: 0 0;
font-size: 18px;
text-align: center;
width: 100%;
height: 40px;
transition: 0.1s ease-in-out;
border-radius: 3px;
}
#new-document-title::placeholder {
color: #8d9aa2;
}
#new-document-title:focus,
#new-document-title:hover {
border-color: #d7e0e4;
}
#newsearch-save-report {
display: inline-block;
font-weight: 100;
margin-left: 5px;
}
#newsearch-save-report input {
margin-right: 5px;
}
#account-content.scoot-over {
margin-left: 230px;
}
#form-message,
.form-message {
display: block;
font-weight: 300;
font-size: 16px;
width: 100%;
text-align: center;
color: #c83838;
border-radius: 2px;
padding: 5px;
}
label .form-field {
width: 100% !important;
border: 0 !important;
font-size: 22px;
text-align: left !important;
font-weight: 100;
padding: 5px 0 !important;
position: static;
background: 0;
}
label .form-field:focus {
box-shadow: 0 0 0 !important;
}
label .form-field.cc-small {
width: 80px !important;
}
label .placeholder {
position: absolute;
color: #aaa;
font-size: 18px;
transition: all 0.2s ease-in-out;
font-weight: 100;
}
label.init-focus .placeholder {
position: absolute;
font-size: 12px;
top: -22%;
font-weight: 100;
}
#search-multi,
#upload,
.slash-seperator,
footer,
form label,
nav {
position: relative;
}
label.focus .placeholder {
color: #616161;
}
#company-info-form {
padding: 20px 0 0;
}
#company-info-form input {
margin: 10px 0;
}
input.halfwidth {
width: 49%;
display: inline-block;
}
input.fullwidth {
display: block;
}
.general-field {
box-sizing: border-box;
display: block;
width: 100%;
font-weight: 400;
text-align: left;
font-size: 14px;
margin: 0 auto;
border: 1px solid #dedede;
padding: 8px 15px;
font-family: inherit;
border-radius: 3px;
filter: none;
transition: all 0.1s ease;
}
#new-report-title {
width: 100%;
margin: 10px 0;
}
#report-info {
text-align: left;
}
#report-info td {
padding: 5px;
}
#report-info td:nth-child(1) {
width: 140px;
font-size: 14px;
font-weight: 400;
color: #000;
}
#payment-fineprint {
color: #4b4949;
padding: 4px 2px 0;
font-size: 12px;
line-height: 1;
margin: 5px 0 0;
text-align: left;
}
.entrance form label,
.form-row,
form label {
width: 100%;
}
.form-row {
text-align: left;
margin: 25px 0;
}
#login-container form a {
display: inline-block;
margin-bottom: 10px;
font-size: 13px;
text-decoration: none;
font-weight: 300;
color: #434550 !important;
}
#login-container form a:hover {
text-decoration: underline;
color: #335deb !important;
}
.slash-seperator {
padding: 10px;
color: #aaa;
font-size: 20px;
display: inline-block;
}
#r1b1 h1,
#r1b1 h2 {
color: #000;
padding: 0;
}
form label {
font-weight: 700;
padding: 5px 0 0;
border-radius: 0;
transition: all 0.3s ease-in-out;
}
#payment-fineprint label#agree-terms {
margin: 0 auto 15px;
font-size: 13px;
line-height: 1.3;
font-weight: 400;
color: #000;
flex-direction: unset;
display: block;
}
#payment-fineprint input[type="checkbox"] {
margin: 8px 15px 5px 5px;
float: left;
cursor: pointer;
-ms-transform: scale(1.5);
-moz-transform: scale(1.5);
-webkit-transform: scale(1.5);
-o-transform: scale(1.5);
transform: scale(1.5);
}
input[type="checkbox"]:focus {
box-shadow: 0 0 2px #666ee74d;
}
#payment-fineprint label#agree-terms a {
display: inline;
color: #000;
text-decoration: underline;
}
a.blue,
a.green,
a.grey,
a.orange,
a.red {
padding: 7px 15px;
}
.popover .btn:hover,
a.blue:hover,
a.green:hover,
a.grey:hover,
a.orange:hover,
a.red:hover {
text-decoration: none;
box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
-ms-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
}
a.blue:active,
a.green:active,
a.grey:active,
a.orange:active,
a.red:active {
text-decoration: none;
}
.general-field {
box-sizing: border-box;
display: block;
width: 100%;
font-weight: 300;
text-align: left;
font-size: 15px;
height: auto;
margin: 0 auto;
padding: 8px 15px;
font-family: inherit;
border-radius: 3px;
transition: all 0.1s ease;
}
form label {
display: block;
text-align: left;
margin: 10px 0 15px;
}
form label span {
display: block;
margin: 0 0 5px;
font-weight: 300;
font-size: 14px;
color: #545867;
}
form input[type="checkbox"] {
margin: 3px 8px;
position: relative !important;
}
form select {
padding: 5px;
margin: 5px 0 5px -5px;
}
.general-field:focus {
border: 1px solid #638dff;
box-shadow: 0 0 0 4px #e9eefd;
-webkit-box-shadow: 0 0 0 4px #e9eefd;
-moz-box-shadow: 0 0 0 4px #e9eefd;
-ms-box-shadow: 0 0 0 4px #e9eefd;
}
#logo-solo-left {
position: absolute;
left: 25px;
top: 25px;
transition: all 0.3s ease;
display: block;
overflow: hidden;
width: 60px;
}
#logo-solo-left.show-full {
left: 245px;
top: 45px;
width: auto;
}
#copy-paste {
left: 0;
right: 0;
position: absolute;
}
#logo-solo-left.show-full img {
width: 250px;
}
#logo-solo,
#logo-solo-left img {
width: 270px;
}
form button {
width: 100%;
}
#solo-wrapper p {
text-align: center;
padding: 15px 0 0;
font-size: 14px;
font-weight: 300;
}
#solo-wrapper {
text-align: center;
margin: 0 auto;
padding: 70px 0;
font-weight: 300;
font-size: 15px;
color: #525971;
}
.entrance #solo-wrapper {
background: 0;
}
#solo-wrapper h1 {
margin: 15px auto;
font-size: 24px;
font-weight: 200;
color: #474a50;
}
#big-message {
font-size: 24px;
width: 300px;
}
#login-container,
#signup-container {
max-width: 320px;
margin: 20px auto;
background: #fff;
padding: 15px 40px;
box-shadow: 2px 2px 15px rgba(221, 226, 233, 0.7);
-webkit-box-shadow: 2px 2px 15px rgba(221, 226, 233, 0.7);
-moz-box-shadow: 2px 2px 15px rgba(221, 226, 233, 0.7);
-ms-box-shadow: 2px 2px 15px rgba(221, 226, 233, 0.7);
border-radius: 8px;
webkit-border-radius: 8px;
zoom: 1.1;
}
nav,
nav#white {
padding: 0 20px;
}
#help-text-container {
background: #fff;
padding: 20px 30px;
border-radius: 8px;
box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.12);
}
#help-text-container h3 {
font-size: 22px;
}
#account-content h2,
#account-content h3 {
margin: -25px 15px 20px 0;
font-size: 28px;
font-weight: 400;
border-bottom: 1px solid #d2d8db;
padding: 35px 0 10px;
color: #2e353c;
}
#account-content h3 {
font-size: 20px;
font-weight: 300;
color: #545a6a;
border-bottom: 1px solid #d2d8db !important;
}
#account-content h3 .fa {
font-size: 15px;
margin-left: 5px;
color: #555;
}
#account-content .description-note {
background: #fff;
padding: 20px;
border: 1px dashed #bbc2c6;
display: inline-block;
color: #4a545f;
border-radius: 6px;
}
nav {
z-index: 2;
}
.navbar-collapse.collapse {
display: block !important;
}
.navbar-nav,
.navbar-nav > li {
float: left !important;
}
.navbar-nav.navbar-right:last-child {
padding-top: 8px;
}
.navbar-right {
float: right !important;
}
nav#account-subnav {
height: 1000vh;
min-height: 100vh;
max-height: 100%;
background: #eaeef1;
padding: 53px 0;
float: left;
margin-left: 15px;
top: 0;
position: fixed;
}
nav#account-subnav a {
display: block;
transition: all 0.2s ease;
color: #54596a;
font-size: 14px;
line-height: 45px;
height: 45px;
border-radius: 12px;
width: 202px;
margin: 5px 10px;
text-align: left;
}
nav#account-subnav a .fa {
color: inherit;
width: 30px;
font-size: inherit;
margin: 0 8px 0 3px;
text-align: center;
}
nav#account-subnav a.current,
nav#account-subnav a:hover {
background: #fff;
text-decoration: none;
color: #000;
box-shadow: 0 0 5px #00000005;
-webkit-box-shadow: 0 0 5px #00000005;
-moz-box-shadow: 0 0 5px #00000005;
-ms-box-shadow: 0 0 5px #00000005;
}
nav#white.scrolling {
z-index: 600;
}
nav#white.nav-frontend {
padding: 1px 40px 0;
}
nav#white.nav-frontend #logo img,
nav#white.nav-frontend #logo-white img {
width: 185px;
margin-top: 15px;
margin-left: 5px;
}
nav#white.nav-frontend.helpcenter #logo img,
nav#white.nav-frontend.helpcenter #logo-white img {
width: 130px;
margin-top: -10px;
}
nav#white.nav-frontend #logo nav#white.nav-frontend #logo-white {
vertical-align: top;
}
nav#white.nav-frontend #logo span,
nav#white.nav-frontend #logo-white span {
font-size: 23px;
font-weight: 200;
padding: 0 0 2px 15px;
margin-left: 15px;
margin-top: 17px;
border-left: 1px solid;
display: inline-block;
}
nav#white.nav-frontend #logo span {
border-color: #9ec9e8;
color: #9ec9e8;
}
nav#white.nav-frontend #logo-white span {
color: #d5edff;
vertical-align: top;
}
nav#white.account,
nav#white.noscroll,
nav#white.scrolling {
box-shadow: rgba(119, 150, 165, 0.16) 0 0 12px;
-webkit-box-shadow: rgba(119, 150, 165, 0.16) 0 0 12px;
-moz-box-shadow: rgba(119, 150, 165, 0.16) 0 0 12px;
-ms-box-shadow: rgba(119, 150, 165, 0.16) 0 0 12px;
background: #fff;
height: 72px;
}
nav#white.account {
min-width: 1000px;
height: 60px;
}
.frontend nav:not(.scrolling) #white {
background: 0;
border: 0;
box-shadow: 0;
}
.white-text:not(.scrolling) .navbar-nav > li > a {
color: #fff;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.24);
}
.navbar-nav > li > a {
padding: 17px 14px;
color: #000;
font-weight: 200;
font-size: 16px;
}
#continue-searching-free {
margin: 8px 0 0 0;
height: 38px;
}
.check-grammar {
margin-left: 20px;
background: #06a2f0;
border-radius: 4px;
display: none !important;
font-size: 16px !important;
padding: 8px 18px !important;
color: #fff !important;
vertical-align: bottom;
}
.check-grammar:hover {
background: #0692d8;
}
#continue-searching-free .fa,
.check-grammar .fa {
padding-right: 10px;
}
#continue-searching-free {
opacity: 1;
font-size: 16px;
transition: all 0.3s ease;
}
#continue-searching-free.invisible {
opacity: 0;
}
#continue-searching-free span {
margin-right: 10px;
}
nav #signup-link {
font-weight: 600;
}
nav #logo,
nav #logo-white {
width: 180px;
margin: 16px 0 0 0;
}
.helpcenter nav #logo-white img {
margin-top: 17px !important;
display: inline-block;
}
nav.white-text #logo,
nav:not(.white-text) #logo-white {
display: none;
}
textarea {
resize: none;
}
#selected-upload-files,
#textarea {
background: #fff;
width: 100%;
min-width: 400px;
height: 500px;
padding: 35px 35px 40px;
font-size: 16px;
border: 0;
line-height: 1.8;
font-weight: 300;
resize: none;
display: block;
color: #252e33;
border-radius: 6px;
position: relative;
}
#home #textarea {
height: 200px;
}
#textarea:has-input {
box-shadow: inset 1px 2px 3px rgba(222, 222, 222, 0.29);
-webkit-box-shadow: inset 1px 2px 3px rgba(222, 222, 222, 0.29);
-moz-box-shadow: inset 1px 2px 3px rgba(222, 222, 222, 0.29);
-ms-box-shadow: inset 1px 2px 3px rgba(222, 222, 222, 0.29);
}
#selected-upload-files {
display: none;
height: auto;
padding: 25px 0;
}
.post-file-select-option {
margin: 20px 6px 0;
display: inline-block;
cursor: pointer;
}
button.search {
margin: 0 10px;
}
#search-buttons .search {
font-size: 18px;
width: 210px;
padding: 7px 10px;
}
.selected-file {
color: #262727;
font-weight: 300;
text-align: left;
margin: 20px auto 5px;
font-size: 16px;
width: 90%;
display: block;
border-radius: 3px;
background: rgba(240, 253, 248, 0.37);
padding: 10px 15px;
border: 1px dashed rgba(69, 202, 148, 0.7);
}
.selected-file.error,
.selected-file.error .fa {
color: #e83e1f;
background: #fdf6f5;
border-color: rgba(232, 62, 31, 0.5);
}
.selected-file.ok .fa.fa-check {
color: #6dcda1;
}
.selected-file .fa {
width: 35px;
text-align: left;
color: #4a5960;
font-size: 20px;
margin: 0 8px;
vertical-align: inherit;
}
.filesize {
color: inherit;
margin: 4px 0 0 10px;
font-size: 13px;
float: right;
font-weight: 400;
}
#instruction-overlay {
height: 100%;
width: 100%;
min-width: 400px;
padding: 0;
top: 40px;
border: 0;
font-weight: 200;
visibility: hidden;
position: absolute;
margin: 0 auto;
display: block;
z-index: 2;
color: #c2d1db;
}
.open,
.visible {
visibility: visible !important;
}
#home #instruction-overlay {
height: 200px;
}
#account-wrapper #copy-paste {
top: 40%;
}
#copy-paste {
top: 30%;
display: inline-block;
width: 320px;
margin: 0 auto;
line-height: 1.2;
font-size: 28px;
font-weight: 300;
}
#copy-paste span {
font-size: 22px;
}
#or-upload {
font-size: 18px;
}
#instruction-overlay .loading-ring {
margin: 55px auto;
display: block;
width: 40px;
}
#match-navigator .nav-btn{
padding: 0 !important;
}
#match-navigator,
#num-sources-count,
.inlineblock {
display: inline-block;
}
#h2B,
#no-reports-message,
#reports-list,
#results-title,
#testamonial-mobile,
#upload-file-input,
form .error,
form .success {
display: none;
}
#or-upload {
color: #8b989e;
}
#upload {
display: block;
margin: 20px 0;
}
#home #upload {
display: none !important;
}
#upload-file {
margin: 0 8px;
font-size: 16px;
}
#search-multi,
#search-single {
display: none;
margin: 0 auto 30px;
width: 100%;
}
#search-multi {
text-align: right;
vertical-align: middle;
padding: 0 15px;
font-size: 16px;
border-radius: 0 0 4px 4px;
color: #000;
margin-top: -33px;
position: absolute;
border: 0;
border-top: 0;
line-height: 30px;
}
#presearch-wordcount {
font-weight: 300;
font-size: 13px;
color: #94a3ab;
background: #fff;
border-radius: 20px;
}
.search-depth-select {
margin: 0 20px 0 0;
font-weight: 100;
vertical-align: middle;
}
.search-depth-select input {
font-size: 14px;
margin-right: 5px;
}
button {
font-size: 15px;
font-family: inherit;
padding: 7px 11px;
border: 0;
font-weight: 300;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
color: #fff;
}
#doc-percent-complete {
margin: 0 auto;
border-radius: 50px;
text-align: center;
}
#doc-loading {
transition: all 0.2s ease-out;
position: absolute;
z-index: 200;
margin-left: -75px;
padding: 20px;
top: 30vh;
left: 50%;
text-align: center;
}
#doc-loading .svg-obj {
width: 140px;
background-color: #ffffffdb;
box-shadow: 0 0 70px 40px #fff;
-webkit-box-shadow: 0 0 70px 40px #fff;
-moz-box-shadow: 0 0 70px 40px #fff;
-ms-box-shadow: 0 0 70px 40px #fff;
border-radius: 250px;
}
#num-sources-count {
color: #46555f;
padding: 0 10px;
font-size: 14px;
font-weight: 300;
display: inline-block;
}
#current-match-selection {
width: 35px;
text-align: center;
cursor: pointer;
font-size: 15px;
color: #434343;
font-weight: 300;
padding: 3px;
border-radius: 4px;
margin: 0 8px;
background-color: transparent;
border: 1px solid transparent;
display: inline-block;
transition: all 0.2s ease;
}
#current-match-selection:hover {
border-color: #dbdbdb;
}
#current-match-selection:focus {
background: #fff;
border-color: #335deb;
cursor: text;
}
#match-navigator i {
padding: 0px 10px;
line-height: 37px;
background: #fff;
height: 40px;
width: 40px;
border: 1px solid #dfd9d9;
margin: 0;
font-size: 24px;
color: #686c7e;
transition: all 0.1s ease;
border-radius: 7px;
}
#match-navigator i:before {
margin-left: 2px;
}
#match-navigator i:hover {
color: #335deb;
border: 1px solid #335deb;
}
#nav-next-match:not(.no-effects) {
animation: shadow-pulse 1.5s 8;
animation-delay: 2s;
}
#doc-loading-icon {
margin-top: 40%;
}
#doc-percent-complete {
color: #000;
font-size: 16px;
display: block;
width: 144px;
line-height: 30px;
position: absolute;
top: 50%;
margin-top: -15px;
}
#no-reports-message {
font-weight: 200;
width: 440px;
font-size: 16px;
background: #fff;
padding: 30px 0;
border-radius: 5px;
text-align: center;
margin: 20% auto;
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
-ms-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
}
#no-reports-message b {
display: block;
font-size: 22px;
font-weight: 400;
margin: 0 0 20px;
}
#reports-list {
width: 95%;
max-width: 1500px;
margin: 40px auto 50px;
border-radius: 5px;
-webkit-border-radius: 5px;
overflow: hidden;
box-shadow: 1px 5px 10px #f1f1f1;
-webkit-box-shadow: 1px 5px 10px #f1f1f1;
-moz-box-shadow: 1px 5px 10px #f1f1f1;
-ms-box-shadow: 1px 5px 10px #f1f1f1;
background: #fff;
}
#reports-list td {
padding: 18px 20px;
text-align: center;
color: #3e3e3f;
}
#reports-list td.report-actions {
padding-left: 0;
padding-right: 0;
width: 130px;
}
.report-item .report-action {
padding: 0 10px;
}
.report-item .report-title a {
color: #4b4b4b;
}
.report-date {
font-size: 13px !important;
}
#reports-list td a {
font-family: inherit;
font-weight: 400;
font-size: 15px;
}
.report-actions a,
.report-actions i {
color: #515870 !important;
font-size: 17px;
}
.report-score {
vertical-align: bottom;
}
.report-score .loading-ring {
width: 20px;
margin-right: 5px;
vertical-align: top;
}
.report-score .visual-score {
background: #fff;
border: 0;
color: #fff;
margin-top: 3px;
margin-right: 30px;
width: 20px;
float: right;
height: 20px;
border-radius: 15px;
overflow: hidden;
box-shadow: 0 0 2px #cfcfcf;
display: inline-block;
}
.report-score .visual-score span {
display: block;
padding: 3px 3px;
height: 20px;
}
.green .visual-score span {
background-color: #42ba96;
color: #5a5a5a;
}
.grey .visual-score {
color: #555;
}
.orange .visual-score span {
background-color: #ff9800;
}
.yellow .visual-score span {
background-color: #ffcc0f;
}
.red .visual-score span {
background-color: #f11313;
}
#reports-list td:first-child {
font-size: 13px;
text-align: left;
padding-left: 30px;
}
#reports-list thead tr:first-child:hover {
background: 0;
box-shadow: 0;
}
#reports-list tr:nth-child(even) {
background-color: #f7fafb;
}
#reports-list tr:hover .report-actions a,
#reports-list tr:hover .report-actions i {
visibility: visible;
}
#reports-list tr:hover .report-title a {
color: #335deb;
text-decoration: underline;
}
#reports-list th {
padding: 10px 20px;
color: #4c4f51;
background: #e3ebf1;
font-size: 16px;
text-align: center;
font-weight: 400;
font-family: inherit;
}
#reports-list th.sortable.asc,
#reports-list th.sortable.desc,
#reports-list th.sortable:hover {
color: #454141;
background: #d8dfe5;
}
#reports-list th.sortable.desc:after {
content: "\f0d7";
padding-left: 10px;
font-family: fontAwesome;
}
#reports-list th.sortable.asc:after {
content: "\f0d8";
padding-left: 10px;
font-family: fontAwesome;
}
#reports-list th:nth-child(1) {
width: auto;
min-width: 200px;
}
#reports-list th:nth-child(2) {
width: 190px;
padding-left: 0;
padding-right: 0;
}
#reports-list th:nth-child(3) {
width: 190px;
}
#reports-list th:nth-child(4) {
width: 185px;
}
.modal-button {
margin: 0;
font-size: 15px;
display: block;
width: 100%;
vertical-align: middle;
min-height: 36px;
}
.modal-button:nth-child(2) {
margin-top: 20px;
}
.popover .btn,
button.grey {
background: #fefefe;
color: #586b76;
line-height: inherit;
font-weight: 400;
background-color: #fff;
box-shadow: rgba(0, 0, 0, 0.12) 0 1px 1px 0, rgba(60, 66, 87, 0.16) 0 0 0 1px, rgba(60, 66, 87, 0.08) 0 2px 5px 0;
}
.popover .btn:hover,
button.grey:hover {
background: #f9f9f9;
color: #313a40;
box-shadow: rgba(0, 0, 0, 0.12) 0 1px 1px 0, rgba(60, 66, 87, 0.16) 0 0 0 1px, rgba(60, 66, 87, 0.12) 0 2px 8px 0;
border-color: #cfcfd4;
}
button .fa {
padding-right: 8px;
}
.delete-exclude-url {
font-size: 13px !important;
}
#company-name a:hover,
button.red,
footer {
color: #fff;
}
button.grey.disabled {
border: 0;
background: #e6e6e6 !important;
box-shadow: inset -1px -1px 4px rgba(226, 226, 226, 0.52);
}
button.red {
background: #d9534f;
border-color: #b84542;
}
button.red:hover {
background: #c4433f;
}
#ask-for-details label,
#company-address,
#company-name {
display: block;
}
#company-name {
margin-top: 30px;
}
#company-name a {
font-size: 40px;
font-weight: 700;
display: inline;
float: none;
clear: none;
}
#ask-for-details h3 {
font-size: 18px;
line-height: 1.5;
width: 95%;
margin: 10px auto 30px;
}
#ask-for-details label {
display: block;
text-align: left;
margin-top: 10px;
font-size: 14px;
font-weight: 400;
}
#ask-for-details label span {
display: block;
}
#ask-for-details input {
margin: 5px auto;
display: inline-block;
text-transform: capitalize;
}
#submit-citation-details {
width: 100%;
padding: 8px;
display: inline-block;
margin: 20px 0 0;
font-size: 15px;
}
#company-address {
font-size: 13px;
margin: 0;
}
#company-address img {
width: 20px;
margin-top: -5px;
margin-right: 5px;
}
#footer-logo {
width: 250px;
margin: 20px 0 0 -250px;
position: absolute;
opacity: 0.02;
top: -50px;
transform: rotate(5deg);
}
#signup_email,
#user-new-email {
text-transform: lowercase;
}
@media screen and (max-width: 1800px) {
#doc-textarea {
padding: 75px;
}
}
@media screen and (max-width: 1550px) {
#doc-textarea {
padding: 60px;
}
.source .source-title {
padding: 0 10px;
}
}
@media screen and (min-width: 1440px) {
body.blur-dashboard {
background-size: 100% auto;
}
}
@media screen and (max-width: 1300px) {
#doc-details {
zoom: 0.95;
margin-left: 0;
margin-top: 5px;
right: 0;
width: 35%;
z-index: 50;
padding-right: 2%;
}
.guest #doc-details {
width: 36%;
}
.modal-dialog {
top: 80px;
width: 80%;
min-width: 700px !important;
}
#num-sources-count {
display: none;
}
#doc-results {
padding: 20px 10px !important;
}
.source-percentage-total {
zoom: 0.95;
margin-top: -2px;
}
}
@media screen and (max-width: 991px) {
.grey-fullwidth {
padding: 0 15%;
}
}
@media screen and (max-width: 1220px) {
#account-nav {
zoom: 1;
height: 100%;
}
#report-content {
margin-left: 70px;
}
#account-content {
margin-left: 80px;
}
#source-generate-citations {
float: none;
position: relative;
width: 100%;
max-width: 100%;
margin: 10px auto 20px;
}
#doc-results {
text-align: center;
}
#source-generate-citations,
.match-similarity-score.visible,
.source-title.open {
display: none;
}
.snippet.open {
margin-top: -2px;
}
.source .row:first-child {
padding-bottom: 0;
}
}
@media screen and (max-width: 1200px) {
#num-sources-count {
display: none;
}
.match-item-right.squish {
width: 70%;
}
#home {
background-size: auto 100%;
}
#doc-textarea {
font-size: 15px;
padding: 50px;
}
}
@media screen and (max-width: 1125px) {
#doc {
width: 95%;
}
}
@media screen and (max-width: 1100px) {
.grey-fullwidth {
padding: 0 10%;
}
.pro-feature .feature-description h3,
.pro-feature .feature-description h3 .fa {
font-size: 28px;
text-align: center;
}
#autocomplete,
#help-center .frontpage-content,
#help-center-query {
width: 95%;
}
#help-center .frontpage-opening {
height: 220px;
}
#feature-clickmap a {
font-size: 15px;
padding: 10px 12px;
}
#feature-clickmap a img {
width: 40px;
}
#deepsearch-technology .frontpage-opening {
background-size: 100% 100%;
}
.frontpage-opening h1 {
font-size: 32px;
}
.frontpage-opening p {
width: 75%;
font-size: 20px;
}
#our-commitment .frontpage-content {
margin: 0 auto 50px;
width: 90%;
}
#our-commitment .frontpage-content .pull-left {
height: 250px;
min-width: 100px;
margin-top: 50px;
text-align: center;
}
#our-commitment .frontpage-content .pull-left img {
width: 120px;
}
#r2b1 h2 {
margin-top: 40px;
font-size: 48px;
}
#r2b1 h3 {
font-size: 28px;
margin-top: 40px;
}
#homepage-video {
margin-top: 0;
margin-left: -50px;
}
}
@media screen and (max-width: 1000px) {
#deepsearch-technology .col-md-4 .text {
width: 70%;
font-size: 20px;
margin: 0 auto 40px;
}
#deepsearch-technology .col-md-4 .text b {
font-size: 24px;
display: block;
margin: 10px auto;
}
#deepsearch-technology .col-md-4 img {
width: 130px;
}
#pro-features .frontpage-opening h1 {
padding: 50px 0 0;
}
#pricing-comparison {
width: 80%;
}
#pricing-comparison th:nth-child(2) {
width: auto;
}
#our-commitment {
background-size: 200%;
}
#feature-clickmap {
top: 65vh;
}
#feature-clickmap a {
width: 160px;
margin: 10px auto;
}
#homepage-video {
margin-top: -40px;
margin-left: -70px;
}
}
@media screen and (max-width: 992px) {
.pro-feature .feature-img img {
display: none;
}
.pro-feature .feature-description {
height: auto;
padding: 30px 0;
}
}
@media screen and (max-width: 850px) {
.grey-fullwidth {
padding: 0 25px;
}
#deepsearch-technology .frontpage-opening {
background-size: auto 100%;
}
.frontpage-opening p {
margin: 30px auto 0;
}
#our-commitment .frontpage-content .pull-left {
display: none;
}
#deepsearch-technology .frontpage-content h2 {
font-size: 34px;
padding: 0 20px;
line-height: 1.4;
}
}
@media screen and (max-width: 740px) {
.front-wrapper {
height: 100%;
width: 100%;
}
#pro-features .frontpage-opening h1 {
padding-top: 20vh;
font-size: 34px;
padding-right: 20px;
padding-left: 20px;
line-height: 1.2;
}
.pro-feature .feature-description {
display: block;
height: auto;
padding-bottom: 30px;
text-align: center;
font-size: 20px;
}
#feature-clickmap {
top: 40vh;
}
#feature-clickmap a {
width: 100%;
font-size: 22px;
margin: 20px auto;
}
#feature-clickmap a img {
width: 50px;
}
#pro-features .frontpage-opening {
background: #478989;
}
#doc-details.guest-user.fixed {
left: 20%;
}
}
@media screen and (max-width: 650px) {
.footer-block {
width: 180px;
padding-left: 45px;
}
.footer-block a {
font-size: 16px;
}
#our-commitment .frontpage-content h2,
#our-commitment .frontpage-content p {
text-align: center;
}
#our-commitment .frontpage-content h2 {
font-size: 26px;
}
#our-commitment .frontpage-content,
#pricing-comparison {
width: 95%;
}
#pricing-comparison td {
padding: 10px;
font-size: 14px;
}
#pricing-comparison th:nth-child(1) {
width: 140px;
}
#technical-features {
width: 93%;
}
#deepsearch-technology .frontpage-content h3 {
font-size: 30px;
}
#technical-features h4 {
font-size: 24px;
line-height: 1.4;
}
}
@media screen and (max-width: 740px) {
#input-wrapper,
#input-wrapper textarea,
#instruction-overlay,
#multi-input {
min-width: 300px;
width: 100%;
max-width: 480px;
}
.footer-block {
width: 100%;
padding-left: 0;
margin: 0 auto 40px;
text-align: center;
}
.footer-block a {
font-size: 14px;
text-align: center;
display: block;
line-height: 2;
float: none;
}
footer h3 {
font-size: 18px;
margin: 0 0 10px;
}
#footer-after .pull-right {
display: block;
float: none;
width: 100%;
font-size: 13px;
}
#footer-after #company-address {
font-size: 13px;
margin: 0 auto;
float: none !important;
}
nav#white.nav-frontend #logo,
nav#white.nav-frontend #logo-white {
width: 160px;
margin-top: 15px;
}
.navbar-nav > li > a {
font-size: 15px;
padding-left: 8px;
padding-right: 8px;
}
#multi-input {
margin: 0 auto;
background: 0 0;
}
#copy-paste {
width: 300px;
font-size: 23px;
top: 35%;
}
#copy-paste span {
font-size: 18px;
}
}
.open {
opacity: 1 !important;
}
iframe {
border: none;
}
.modal .col-md-6 {
width: 50% !important;
float: left;
}
.red-asterisk {
color: #cd0404;
vertical-align: top;
font-size: 1.2em;
}
.animated-checkmark {
width: 150px;
height: 150px;
border-radius: 50%;
display: block;
stroke-width: 4px;
stroke: #fff;
display: block;
margin: 40px auto 0;
stroke-miterlimit: 10;
box-shadow: inset 0 0 0 #217925;
animation: fill 0.4s ease-in-out 0.4s forwards, scale 0.3s ease-in-out 0.9s both;
}
.checkmark-circle {
stroke-dasharray: 166;
stroke-dashoffset: 166;
stroke-width: 2;
stroke-miterlimit: 10;
stroke: #4caf50;
fill: none;
animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}
.checkmark-check {
transform-origin: 50% 50%;
stroke-dasharray: 48;
stroke-dashoffset: 48;
animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}
@keyframes stroke {
100% {
stroke-dashoffset: 0;
}
}
@keyframes scale {
0%,
100% {
transform: none;
}
50% {
transform: scale3d(1.1, 1.1, 1);
}
}
@keyframes fill {
100% {
box-shadow: inset 0 0 0 100px #4caf50;
}
}
@keyframes shadow-pulse {
0% {
box-shadow: 0 0 0 0 #335deb;
-webkit-box-shadow: 0 0 0 0 #335deb;
-moz-box-shadow: 0 0 0 0 #335deb;
-ms-box-shadow: 0 0 0 0 #335deb;
}
100% {
box-shadow: 0 0 0 25px transparent;
-webkit-box-shadow: 0 0 0 25px transparent;
-moz-box-shadow: 0 0 0 25px transparent;
-ms-box-shadow: 0 0 0 25px transparent;
}
}
#subscription-end-at {
color: #a0aab2;
font-size: 0.9em;
margin-left: 10px;
}
#subscription-end-at .fa {
color: inherit;
}
.modal-dialog.no-header {
margin-top: 0 !important;
top: 0 !important;
}
.payment h2,
.payment label {
margin: 0;
padding: 0;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: none;
box-sizing: border-box;
font-size: 15px;
line-height: 1.4em;
}
.payment label span {
color: #525f7f;
}
.payment section {
display: flex;
flex-direction: column;
position: relative;
text-align: left;
}
.payment section h2 {
margin: 10px 0;
}
.payment #payment-form {
margin: 0 auto;
width: 100%;
}
.payment fieldset {
margin-bottom: 20px;
background: #fff;
box-shadow: 0 1px 3px 0 rgba(50, 50, 93, 0.15), 0 4px 20px 0 rgba(112, 157, 199, 0.12);
-webkit-box-shadow: 0 1px 3px 0 rgba(50, 50, 93, 0.15), 0 4px 20px 0 rgba(112, 157, 199, 0.12);
border-radius: 4px;
border: 0;
font-size: 0;
}
.payment fieldset label {
position: relative;
display: flex;
flex-direction: row;
height: 42px;
padding: 10px 0;
align-items: center;
justify-content: center;
color: #8898aa;
font-weight: 400;
}
.payment fieldset label {
border-bottom: 1px solid #f0f5fa;
}
.payment fieldset label span {
min-width: 125px;
font-size: 14px;
padding: 0 15px;
text-align: right;
}
.payment fieldset label.focus span {
color: #222;
}
.payment .field {
flex: 1;
padding: 0 15px;
background: 0 0;
font-weight: 400;
font-size: 15px;
color: #31325f;
outline: 0;
cursor: text;
}
.payment .field::-webkit-input-placeholder {
color: #aab7c4;
}
.payment .field::-moz-placeholder {
color: #aab7c4;
}
.payment .field:-ms-input-placeholder {
color: #aab7c4;
}
.payment fieldset .select::after {
content: "";
position: absolute;
width: 9px;
height: 5px;
right: 20px;
top: 50%;
margin-top: -2px;
pointer-events: none;
}
.uppercase {
text-transform: uppercase;
}
.card-address-city,
.card-address-line1,
.card-address-state:not(.uppercase),
.card-name {
text-transform: capitalize;
}
.payment input {
flex: 1;
border-style: none;
outline: 0;
color: #313b3f;
}
.payment select {
flex: 1;
border-style: none;
outline: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
outline: 0;
color: #313b3f;
cursor: pointer;
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-position-x: 96%;
background-position-y: 5px;
}
.payment::-webkit-input-placeholder {
color: #cfd7e0;
}
.payment::-moz-placeholder {
color: #cfd7e0;
opacity: 1;
}
.payment:-ms-input-placeholder {
color: #cfd7e0;
}
.payment input:-webkit-autofill,
.payment select:-webkit-autofill {
-webkit-text-fill-color: #666ee8;
transition: background-color 100000000s;
-webkit-animation: 1ms void-animation-out 1s;
}
.payment .StripeElement--webkit-autofill {
background: 0 0 !important;
}
.payment button {
font-size: 18px;
outline: 0;
margin: 20px 0 15px 0;
transition: all 0.15s ease;
}
.payment .country {
display: flex;
align-items: center;
}
.payment .country select {
margin: 0 -15px 0 -30px;
padding: 0 15px 0 30px;
font-size: 15px;
color: #31325f;
}
.payment .payment-info {
display: none;
}
.payment .payment-info:not(.card) {
margin-bottom: 15px;
}
.payment .payment-info.ideal {
margin-bottom: 0;
}
.payment .payment-info.visible {
display: block;
}
.payment .payment-info.card.visible {
text-align: center;
}
.plan-radio-button-main > div {
margin: 0 auto;
max-width: 610px;
}
.plan-radio-button-main h4 {
margin: 0 0 15px;
color: #444b63;
font-size: 20px;
font-weight: 400;
display: block;
text-align: center;
}
.plan-radio-button-main .form-check {
display: inline-block;
width: 50%;
}
.plan-radio-button-main {
}
.plan-radio-button-main input {
position: fixed;
top: -500000px;
left: -500000px;
opacity: 0;
}
.plan-radio-button-main input + label {
font-family: inherit;
padding: 6px 12px;
font-weight: 300;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
background: #fff;
transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
color: #5e5e5e;
box-shadow: rgb(0 0 0 / 12%) 0 1px 1px 0, rgb(60 66 87 / 8%) 0 2px 5px 0;
cursor: pointer;
border: 1px solid #ffffff;
font-size: 18px;
outline: 0;
margin: 0 auto 10px;
transition: all 0.15s ease;
display: block;
transform: scale(1);
font-size: 16px;
display: inline-block;
width: calc(100% - 10px);
}
.plan-radio-button-main input + label:hover {
background: whitesmoke;
box-shadow: #0000001f 0 3px 3px 0, #3c425714 0 4px 8px 0;
}
.plan-radio-button-main input:checked + label {
background: #335deb;
color: #fff;
border: 1px solid #2e53d4;
}
.plan-cancel-any-time {
font-size: 16px;
color: #333;
}
.payment label span {
color: #000;
display: inline;
font-weight: 400;
font-size: 13px;
}
.payment.width-fix {
width: 60%;
margin-left: auto;
margin-right: auto;
}
@media only screen and (max-width: 770px) {
.payment.width-fix {
width: 100%;
margin-left: auto;
margin-right: auto;
}
}
#account-subnav [role="tooltip"] {
width: 200px;
}
.su-ques {
position: relative;
left: 30px;
font-size: 14px;
}
@media only screen and (max-width: 500px) {
#impersonate-user-input {
width: 200px;
display: inline;
margin-right: 10px;
}
.navbar-default .navbar-nav > li > a > i {
margin-right: 5px;
}
}
._hj_feedback_container ._hj-2CMqw__EmotionStep__EmotionStep > div:first-of-type {
flex-direction: row-reverse;
}
.plan-price-striked {
text-decoration: line-through;
color: #b74244 !important;
font-weight: 400 !important;
}
.sub-user-new-feature {
animation: Color 0.5s linear infinite;
-webkit-animation: Color 0.9s ease-in-out infinite;
font-size: 8px !important;
color: #fff;
padding: 3px 7px 5px !important;
border-radius: 5px;
text-transform: uppercase;
margin: 0 0 0 5px;
position: relative;
top: -10px;
background-color: #ff5722;
font-weight: 700;
background: #42ba96;
}
html {
scroll-behavior: smooth;
}
/* account side bar color */
#account-nav,
#mobile-account-nav {
background: #2b354e !important;
}
#account-nav .current .icon {
background-color: #ffffff;
}
#account-nav .current .icon img {
filter: invert(1);
}
#account-section-details {
max-width: calc(100% - 335px);
}
.message-box .alert {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 1050;
box-shadow: 0 0 10px -5px #000;
}
@media only screen and (max-width: 600px) {
.g-ads-sidebar {
margin-top: 40px;
}
}
#account-section-details {
max-width: calc(100% - 335px);
}
#nav-buttons a {
border-radius: 5px;
margin: 0 10px 10px;
padding: 15px 0 10px;
}
#nav-buttons a.current {
box-shadow: rgba(0, 0, 0, 0.12) 0 1px 1px 0, rgba(60, 66, 87, 0.08) 0 2px 5px 0;
background: #fff;
}
#nav-buttons a .icon {
margin: 0 0 10px !important;
width: auto !important;
height: auto !important;
line-height: initial !important;
border-radius: 0 !important;
}
#nav-buttons a.current .icon {
background: none;
}
#nav-buttons a .icon img {
width: 25px !important;
height: 25px !important;
}
#nav-buttons a.current .icon img {
}
#nav-buttons a .side-nav-label {
color: #fff;
display: block;
text-align: center;
}
#nav-buttons a.current .side-nav-label {
color: #000;
}
#nav-buttons #us-a:hover,
#nav-buttons #us-a:hover .icon {
/* background: #9e34dc !important; */
background: #4042ec !important;
}
#us-a .icon {
background: none !important;
}
#nav-buttons a:hover,
#nav-buttons a:hover .icon {
background: #4042ec !important;
text-decoration: none !important;
}
#nav-buttons a.current:hover,
#nav-buttons a.current:hover .icon {
background: #fff !important;
}
#_hj_feedback_container,
#_hj_feedback_container > div {
display: none !important;
}
#_hj_feedback_container > div {
top: calc(100vh - 150px) !important;
}
#ai-main-result {
background: linear-gradient(45deg, #3f00a1, rgb(49, 0, 126));
padding: 15px 10px;
margin: 0px 0px 20px;
border-radius: 5px;
color: rgb(255, 255, 255);
font-weight: 500;
text-align: center;
display: none;
cursor: pointer;
}
#ai-not-run-result {
background: red;
padding: 15px 10px;
margin: 0px 0px 20px;
border-radius: 5px;
color: rgb(255, 255, 255);
font-weight: 500;
text-align: center;
display: none;
}
#plag-not-run-result {
background: red;
padding: 15px 10px;
margin: 0px 0px 20px;
border-radius: 5px;
color: rgb(255, 255, 255);
font-weight: 500;
text-align: center;
display: none;
}
#reports tbody tr td:nth-child(2),
#r-reports tbody tr td:nth-child(2),
#reports tbody tr td:nth-child(2) {
text-align: center;
}
.report-score {
display: flex;
justify-content: center;
align-items: center;
}
.report-date-v2 {
white-space: pre;
}
.three-btn-small {
font-size: 10px;
display: block;
}
.report-score .visual-score {
margin-right: 10px !important;
}
nav#account-subnav:before {
content: "";
display: block;
width: 900px;
height: 100%;
background: #ffffff;
position: absolute;
top: 0;
left: auto;
z-index: -3;
right: 0;
}
#modal-upgrade-plan .modal-body {
position: relative;
}
#modal-upgrade-plan .modal-body .s-icon {
position: absolute;
top: auto;
left: auto;
right: 0;
height: 270px;
bottom: 0;
}
.modal-alert.plan-notice .modal-dialog {
max-width: 600px !important;
}
.re-check-btn .btn-report-page-recheck {
}
.re-check-btn .btn-report-page-recheck:hover {
color: #fff !important;
filter: brightness(90%) !important;
}
/* thinner sidebar - overlap issue resolved */
#account-nav {
height: 100%;
}
#account-nav {
zoom: 1;
}
@media only screen and (max-height: 800px) {
#account-nav {
zoom: 1;
}
}
@media only screen and (max-height: 712px) {
#account-nav {
zoom: 1;
}
}
@media only screen and (max-height: 600px) {
#account-nav {
zoom: 1;
}
}
@media only screen and (max-height: 550px) {
#account-nav {
zoom: 1;
}
}
@media only screen and (max-height: 500px) {
#account-nav {
zoom: 1;
}
}
@media only screen and (max-height: 400px) {
#account-nav {
zoom: 1;
}
}
@media only screen and (max-width: 500px) {
#account-nav {
zoom: 1;
}
}
/* #modal-upgrade-plan #upgrade-message,
#modal-upgrade #upgrade-message {
margin: 20px auto 10px;
width: 70%;
}
*/
/* */
#reports .select-checkbox + td .report-title-v2 {
white-space: nowrap;
}
@media only screen and (max-width: 767px) {
#top-fixed-bar {
margin-top: 40px !important;
}
.side-search-btn-group {
margin-left: 20px;
}
}
input#year-published::-webkit-inner-spin-button,
input#year-published::-webkit-outer-spin-button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
margin: 0;
}
.pos-fix-op-0 {
position: fixed !important;
top: -999999999999999px !important;
left: -999999999999999px !important;
opacity: 0 !important;
}
.add-paraphrase.p-hidden {
display: none !important;
}
.add-paraphrase {
position: fixed;
top: 100px;
left: 160px;
background: red;
z-index: 1;
background-color: #9c27b0;
border-radius: 4px;
display: flex;
align-items: center;
justify-content: center;
padding: 10px 12px;
transition: all 0.1s;
color: #fff;
}
.paraphrase-bg {
background: #9c27b0 !important;
}
#search-multi {
pointer-events: auto !important;
}
.hide-edit-btn-report-view-page {
position: fixed;
top: -99999999px;
left: -99999999px;
opacity: 0;
z-index: -99999999999999;
}
#report-edit-btn-main {
display: inline-block;
font-size: 18px;
line-height: 20px;
position: absolute;
top: 68px;
left: -45px;
}
#report-edit-btn,
.check-grammar-alt-search {
cursor: pointer;
}
#report-edit-btn-main i {
font-size: 33px;
}
body #search-multi.r-v-s-m {
position: absolute !important;
margin: 0px !important;
top: calc(60vh + 7px) !important;
bottom: auto !important;
right: 10px !important;
left: auto !important;
pointer-events: none !important;
}
.bg-para {
background: var(--paraphrase) !important;
}
.bg-anno {
background: var(--anno) !important;
}
.bg-ai {
background: var(--ai) !important;
}
.bg-cite {
background: var(--citation) !important;
}
.bg-plag {
background: var(--plag) !important;
}
.paraphrase-btn-h-dev {
display: none !important;
}
#get-sel-text:not(.get-sel-text-d-flex),
body:not(.report-deep-edit) #get-sel-text {
display: none !important;
}
#get-sel-text {
display: flex;
align-items: center;
justify-content: space-between;
padding-right: 10px;
font-size: 17px;
font-weight: 400;
cursor: pointer;
margin: 0;
background: white;
padding: 10px 10px 10px 20px;
color: #111;
box-shadow: 0 0 8px #eaedf1;
-webkit-box-shadow: 0 0 8px #eaedf1;
-moz-box-shadow: 0 0 8px #eaedf1;
-ms-box-shadow: 0 0 8px #eaedf1;
border-radius: 5px;
overflow: hidden;
border: 1px solid #e5e5e5;
border-left: 5px solid transparent;
border-radius: 6px;
border-left-color: purple;
width: 100%;
margin: 0;
margin-top:20px;
}
#get-sel-text.get-sel-text-d-flex {
display: flex !important;
}
#doc-textarea {
padding: 40px;
/* padding-top: 20px; */
}
#report-edit-btn-main .check-grammar-alt-search {
font-size: 16px;
}
.check-grammar-alt-search.hide-gc-btn {
pointer-events: none;
opacity: 0;
}
._hj-widget-container {
/* display: none !important; */
}
.per-d-none {
display: none !important;
}