html,
body {
    height: 100%;
    /*overflow:hidden;*/
}

.no-scroll-body {
    overflow: hidden;
}

.sandbox-admin-table-header th.vtinsights-enabled-column {
    padding-right: 140px !important;
}

.sandbox-admin-table-header th.expiry-date-column {
    padding-right: 25px !important;
}

td.expiry-date-column span {
    display: flex;
    width: 170%;
}

tbody.sandbox-admin-table-body td.active-user-column{
    padding-left: 30px !important;
}

tbody.sandbox-admin-table-body td.max-user-column {
    padding-left: 40px !important;
}

tbody.sandbox-admin-table-body td.tier-column {
    padding-left: 2.6% !important;
}

tbody.sandbox-admin-table-body td.expiry-date-column {
    padding-left: 2.6% !important;
}

tbody.sandbox-admin-table-body td.team-account-column {
    padding-left: 5.5% !important;
}

tbody.sandbox-admin-table-body td.email-enabled-column {
    padding-left: 7% !important;
}


@media screen and (max-width: 992px) {
    body {
        height: 100%;
        overflow: auto;
    }
}

@media screen and (max-height: 860px) {
    #user-details-container .teams-responsive-container {
        top: 47%;
    }
}

button:focus {
    outline: 0;
}

.dropzone {
    min-height: 80px !important;
}

.dropzone .dz-preview {
    min-height: 70px !important;
}

.dropzone .dz-preview .dz-image {
    height: 88px !important;
    width: 160px !important;
}

.dropzone .dz-preview .dz-details {
    padding: 1em 1em !important;
}

.pageTop {
    height: 30%;
}

.pageBottom {
    overflow: hidden;
    height: 55%;
}

#top,
#bottom,
#left,
#right {
    background: #e4e4e4;
    position: fixed;
    z-index: 0;
}

#left,
#right {
    top: 0;
    bottom: 0;
    width: 8px;
}

#left {
    left: 0;
}

#right {
    right: 0;
}

#top,
#bottom {
    left: 0;
    right: 0;
    height: 4px;
}

#top {
    top: 0;
}

#bottom {
    bottom: 0;
}

}

button,
.btn,
.btn-xs,
.btn-lg,
button.downloadAnnotatedDocsButton,
button.btn.btn-xs.btn-info,
button.btn.btn-lg.vt-writer-secondary-btn,
button.btn.btn-xs.vt-writer-secondary-btn,
button.btn.btn-lg.vt-writer-primary-btn {
    outline: none;
}

img.headerLogo {
    vertical-align: inherit;
    width: 128px;
    padding-top: 0px;
    padding-bottom: 4px;
}

div.header {
    border-bottom: 1px solid #9ba4b1;
    margin-bottom: 8px;
}

.header div.header-holder,
.header div {
    /*margin-bottom: 8px;*/
    margin-right: 18px;
}

.header {
    margin-left: 16px;
}

.header p {
    font-size: 18px;
    margin-bottom: 6px;
    margin-top: 0px;
    margin-left: 40px;
    vertical-align: middle;
}

.header label {
    margin-bottom: 0px;
}

.premiumButton {
    background-color: #0071ff;
    border: #0071ff 1px solid;
    border-radius: 5px;
    font-size: 13px;
    color: #FFF;
}

.premiumButton p {
    margin: 5px;
}

.premiumButton:hover {
    background-color: #FFF;
    border: #0071ff 1px solid;
    color: #0071ff;
}

.loginButton {
    padding: 0;
    background: url(/svgs/profile-94f67bb3f81d006e689809b2208b4b73.svg) no-repeat;
    background-size: 24px 24px;
    background-position: 0px 0px;
    border: none;
    font-size: 13px;
    color: #555;
    padding-left: 32px !important;
    margin-left: 12px;
    margin-right: 18px;
    vertical-align: middle;
    height: 24px;
}

.insights-header .loginButton {
    color: #eee;
}

.loginButton:hover {
    color: #000;
    background: url(/svgs/profile_hover-3bb9477533bdead702d1aa01d7c6def4.svg) no-repeat 0px 0px;
    background-size: 24px 24px;
}

.loginButton:focus {
    background: url(/svgs/profile_hover-3bb9477533bdead702d1aa01d7c6def4.svg) no-repeat 0px 0px;
    background-size: 24px 24px;
}

.loginButton:focus-visible {
    border-radius: 2px;
    outline: 2px solid white;
    outline-offset: 4px;
}

#main .pageContent {
    padding-left: 32px;
    padding-right: 32px;
    width: 100%;
    align-content: center;
}

#main .pageContent table {
    width: 100%;
}

#main .pageContent img {
    border-radius: 10%;
    width: 50%;
}

.featureHeader {
    font-size: 18px;
    font-weight: bold;
}

.featureTracker {
    font-weight: normal;
    font-size: 13px;
    width: 70%;
    margin-bottom: 32px;
    margin-top: 30px;
    border-bottom: 1px solid lightgrey;
}

.featureTrackerEditor {
    font-weight: normal;
    font-size: 13px;
    width: 70%;
    margin-bottom: 32px;
    margin-top: 8px;
    border-bottom: 1px solid lightgrey;
}

.featureInstruction {
    font-weight: normal;
    font-size: 11px;
    width: 73.5%;
}

.homeUsageStats {
    height: 50%;
}

.home-features {
    margin-bottom: 20px;
}

.radialProgressBar {
    margin: 2px;
    width: 25px;
    height: 25px;
    position: relative;


}

#main .footer {
    border-top: 1px solid #9ba4b1;
    margin-top: 32px;
    position: fixed;
    bottom: 0;
    background: #fff;
    /*z-index: 5;*/
    left: 72px;
    right: 32px;
}

@media screen and (max-height: 725px) {
    .footer {
        display: none;
    }
}

@media screen and (max-width: 992px) {
    .footer {
        display: none;
    }
}

.fileDragArea {
    background: #fbfbfb url(/svgs/upload-7c62060e145cce1b41d498525aaae76c.svg) no-repeat;
    background-size: 48px;
    background-position: 50% 20%;

    margin-bottom: 12px;
    margin-top: 4px;
    border: 1px dashed #a3abb7;
    width: 70%;
    font-weight: normal;
    border-radius: 8px;
    min-height: 134px !important;
}

.fileDragArea p {
    text-align: center;
    margin: 8px 0;
    font-size: 11px;
}

.fileDragArea:hover {
    border-color: #929aa6;
    background-color: #eaeaea;
}

h2 {
    font-weight: normal;
}

.analyseUrl {
    font-weight: normal;
    font-size: 12px;
}

.analyseUrl table {
    width: 50% !important;
}

input[type=text] {
    width: 100%;
    border-radius: 5px;
    border: 1px solid #AAA;
}



input[type=text]:focus {
    border: 1px solid #555;
}

.analyseTextCopy p {
    font-weight: normal;
    width: 50%;
}

.confirmRow {
    margin-bottom: 12px;
}

.confirmButtons button {
    background-color: #0071ff;
    border: #0071ff 1px solid;
    border-radius: 5px;
    font-size: 16px;
    color: #FFF;
}

.confirmButtons p {
    margin: 12px;
    font-size: 14px !important;
}

.confirmButtons button:hover {
    background-color: #FFF;
    border: #0071ff 1px solid;
    color: #0071ff;
}

.purchaseOptions {
    /*margin-top: 3%;*/
    margin-bottom: 8%;

}

@media screen and (max-width: 992px) {
    .purchaseOptions {
        margin-bottom: 148px;
    }
}

@media screen and (max-height: 660px) {
    .purchaseOptions {
        margin-bottom: 148px;
    }
}


.purchaseOptions button {
    margin-bottom: 12px;
    min-width: 175px;
    margin-left: 12px;
    margin-right: 12px;
}

.confirmButtons .analysisCredits {
    background-color: #FFF;
    color: #0071ff;
}

.confirmButtons .analysisCredits:hover {
    background-color: #0071ff;
    color: #FFF
}

.socialMediaButtons {
    width: 95%;
    margin-top: 12px;
}

@media screen and (max-height: 640px) {
    .socialMediaButtons {
        margin-top: 0px;
        margin-bottom: 12px;
    }
}

.socialMediaButtons button {
    border-radius: 100%;
    background-color: #b8c0cc;
    border: 1px #b8c0cc solid;
    color: #FFF;
    margin: 6px 6px 6px 0px;
    width: 38px;
    height: 38px;
}

.socialMediaButtons button:hover {
    background-color: #FFF;
    color: #b8c0cc;
}

.socialMediaButtons i {
    font-size: 26px;
}

.footer table {
    width: 100%;
}

.footerTitle {
    font-size: 18px;
    font-weight: normal;
}

.footerSubtitle {
    font-size: 12px;
    color: #808b9c;
    font-weight: normal;
}

.footerLinks {
    margin-top: 20px;
}

.footerLinks a {
    margin-right: 12px;
    margin-left: 12px;
    color: black;
    font-size: 14px;
}

.footerLinks a:hover {
    color: black;
}

.container-fluid {
    padding: 0px !important;
    height: 100%;
}

.container-fluid img {
    margin-top: 16px;
}

img#btn-admin-actions {
    margin-top: 0px !important;
}

.container {
    width: 500px;
    clear: both;
    text-align: start;
}

.container input {
    width: 100%;
    clear: both;
}


.urlEntry {
    margin-bottom: 14px;
    margin-top: 15px;
}

p.urlEntry {
    font-size: 12px;
    color: #939090;
    font-weight: bold;
}

#urlEntryForm .input-group-addon {
    background: white;
    border-radius: 0;
}

.url-input-group {
    /*padding: 18px 18px;*/
}

input#urlInput {
    font-size: 12px;
    min-height: 43px;
    border-radius: 0;
}

input#urlInput::placeholder {
    color: #434159 !important;
    opacity: 1;
}

.analyzeTextEntry textarea::placeholder {
    color: #434159;
}

.input-group-addon {
    font-size: 11px !important;
}

textarea {
    resize: none;
}

table.analyzeTextEntry {
    width: 70%;
}

.analyzeTextEntry textarea {
    min-height: 138px;
    font-size: 12px;
    width: 100% !important;
}

.usedCount {
    border-radius: 100%;
    padding: 5px 8px 5px 8px;

    background: #b8c0cc;
    color: #FFF;
    text-align: center;
}

.liveTicker {
    margin-top: 28px;
    margin-bottom: 20px;
    font-size: 11px;
}

.featureCover {
    border-radius: 5px;
    border: 1px lightgrey solid;
    width: 70%;
    margin: 6px;
    min-width: 275px;
    /*margin-bottom: 20px;*/
}

.featureCoverEditor {
    width: 70%;
    min-width: 275px;
}

.featureCover .coverBottom {
    border-top: 1px #9ba2ae solid;
    background-color: #9ba2ae;
}

.featureCover .coverBottom p {
    padding-top: 12px;
    padding-bottom: 12px;
    margin: 0px;
    color: #FFF;
    font-size: 13px;
    min-width: 255;
}

.docs-homepage-feature-header {
    text-align: left;
    width: 75%;
    padding-left: 64px;
    background: url(/Icons/analyze_your_documents-131c6c1ccb14d209d5eb6d76263b043d.svg) no-repeat;
    background-size: 38px;
    background-position: 12px 0px;
}

.url-homepage-feature-header {
    text-align: left;
    width: 75%;
    padding-left: 64px;
    background: url(/Icons/analyze_urls-5323f4715f01f224f8fe6fbfd2353ee6.svg) no-repeat;
    background-size: 32px;
    background-position: 12px 0px;
}

.text-homepage-feature-header {
    text-align: left;
    width: 75%;
    padding-left: 64px;
    background: url(/Icons/analyze_your_text-7ac65ff5ddaf8fc333a4cdb0a92f41f1.svg) no-repeat;
    background-size: 36px;
    background-position: 12px 0px;
}

.homepage-feature-header {
    z-index: 10;
    position: relative;
    text-align: left;
    line-height: 42px;
    width: 70%;
}

.homepage-feature-header h1,
.homepage-feature-header h2,
.homepage-feature-header h3 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 0;
}

.homepage-feature-header p {
    font-size: 14px;
    color: #555;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#annotatedDocuments .coverTop {
    padding-top: 20px;
    padding-bottom: 20px;

    min-width: 200px;
    min-height: 120px;

    background: url(/svgs/logos-9ee7d95384a5083f44deb1635a37169b.svg) no-repeat;
    background-size: 50%;
    background-position: center;
}

#annotatedDocuments .coverBottom p {
    background: url(/Icons/receive_annoted_documents_corner-b539dd96d13e150a40227aa57804f8be.svg) no-repeat;
    background-size: 34px;
    background-position: 4px 4px;
    padding-left: 44px;
    text-align: left;
}

@media screen and (min-height: 808px) {
    #annotatedDocuments .coverTop {
        min-height: 200px;
    }
}

#analyzeWebContent .coverTop {
    padding-top: 20px;
    padding-bottom: 20px;

    min-width: 200px;
    min-height: 120px;

    background: url(/svgs/webpages-30e51c9c349cf4ff28848a4531455b94.svg) no-repeat;
    background-size: contain;
    background-position: center;
    background-position-y: 12px;
}

#analyzeWebContent .coverBottom p {
    background: url(/Icons/url_analyze_corner-90353b6ac115f5e0f0396d805d87fcbf.svg) no-repeat;
    background-size: 34px;
    background-position: 4px 4px;
    padding-left: 44px;
    text-align: left;
}

@media screen and (min-height: 808px) {
    #analyzeWebContent .coverTop {
        min-height: 200px;
    }
}

#analyzeText .coverTop {
    padding-top: 20px;
    padding-bottom: 20px;
    min-width: 200px;
    min-height: 120px;
    background: url(/Icons/analyze_text_box_graphic-7d5fcb4c2e13e5adfb29dbc7ebf31dcd.svg) no-repeat;
    background-size: 85%;
    background-position: 8px;
    background-position-y: center;
}

#analyzeText .coverBottom p {
    background: url(/Icons/text_analyze_corner-f2f7da77c075f3915ee01c064fae05fd.svg) no-repeat;
    background-size: 34px;
    background-position: 4px 4px;
    padding-left: 44px;
    text-align: left;
}

#documentEditor .coverTop {
    padding-top: 20px;
    padding-bottom: 20px;
    min-width: 200px;
    min-height: 154px;
    background: url(/Icons/document_editor_graphic-3ab91a32122b4f3ec67678b403a6a0f7.svg) no-repeat center;
    background-position-y: center;
    background-size: contain;
}

@media screen and (min-height: 808px) {
    #analyzeText .coverTop {
        min-height: 200px;
    }

    #documentEditor .coverTop {
        min-height: 200px;
    }

    #documentEditorDivider {
        margin-top: 30px;
    }

    .featureCoverEditor {
        margin: 6px;
    }
}

.actionRow {
    min-height: 150px;
}

.dropdown-menu {
    z-index: 10005 !important;
}

.dropDownMenu {
    display: none;
    z-index: 10005;
    position: absolute;
    background-color: #fff;
    /*right: 32px;*/
    right: 0px;
    box-shadow: 0px 0px 10px #c7c7c7;
    border: 1px solid #b7b7b7;
}

.dropDownMenu button {
    background-color: transparent;
    border: none;
    width: 100%;
    min-width: 100px;
    text-align: left;
    padding: 6px 6px;
    margin: 0px 0px;
    display: block;
    margin-right: 24px;
}

.dropDownMenu button:hover {
    background-color: #533ffb;
    color: white;
    border: none;
}

.vt-page-header .dropDownMenu button {
    color: #333 !important;
}

.vt-page-header .dropDownMenu button:hover {
    background-color: #533ffb;
    color: white !important;
    border: none;
}

.vt-page-header .dropDownMenu button:focus-visible {
    outline: 2px solid black !important;
    outline-offset: 1px;
    border-radius: 2px;
}

.dropDownMenu a {
    color: #333;
    text-decoration: none !important;
}

.dropDownMenu div:last-child {
    margin-bottom: 8px;
}

.dropDownMenu div:first-child {
    margin-top: 8px;
}

span.userMenuPremiumPrompt {
    background-color: #fff;
    border: 1px solid #0071ff;
    color: #0071ff;
    border-radius: 4px;
    font-size: 12px;
    padding: 6px;
    vertical-align: middle;
}

button.userMenuPremiumPrompt {
    background-color: #fff;
    border: 1px solid #0071ff;
    color: #0071ff;
    border-radius: 4px;
    font-size: 12px;
    padding: 6px;
    vertical-align: middle;

}

button.userMenuPremiumPromptLarge {
    background-color: #fff;
    border: 1px solid #0071ff;
    color: #0071ff;
    border-radius: 4px;
    font-size: 12px;
    padding: 6px;
    vertical-align: middle;
    height: 40px
}

a button.userMenuPremiumPromptLarge:hover {
    color: white;
    background: #00377D;
}

button.userMenuPremiumPrompt:hover {
    color: white;
    background-color: #00377D;
}

body {
    position: relative;
}

.bodyTitle {
    font-size: 16px;
    margin-top: 8px;
    padding-top: 4px;
    margin-left: 36px;
    padding-left: 20px;
}

a.external-link.bodyTitle {
    font-size: 11px;
}

.bodyTitleDocument {
    background: url(/Icons/documents-92c9884e9b1bcabe031fd03a6c651dba.svg) no-repeat;
    background-size: 16px;
}

.bodyTitleDocumentWord {
    background: url(/Icons/filetype_word-c4cd5f4890a6aea9f836994746a24b69.svg) no-repeat;
    background-size: 16px;
}

.bodyTitleDocumentAcrobat {
    background: url(/Icons/Filetype_acrobat-e6f325949a8b6342080d2474952c883b.svg) no-repeat;
    background-size: 16px;
}

span.vtGreen {
    color: #8dbb37 !important;
}

.vertical-align {
    display: flex;
    align-items: center;
}

.vt-writer-secondary-btn {
    border: 1px #36f solid !important;
}

p#scanTitle {
    margin: 0;
}

#scanTitle span {
    /* padding: 14px; */
    font-size: 17px;
    /* display: inline-block; */
    border-left: 1px solid #aaa;
    padding-left: 18px;
}

.results-top {
    padding: 0 16px;
}

.resultsTable {
    margin: 6px 32px;
    font-size: 12px;
    height: 53%;
}

/*@media screen and (min-width: 1367px){
    .resultsTable {
        font-size: 16px;
    }
    .resultsTableBody img {
        width: 32px !important;
    }
}*/

.resultsTable thead {
    /*border-bottom: 1px #ddd solid;*/
    vertical-align: bottom;
}

.resultsTable th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: right;
}

.resultsTable td {
    padding-top: 8px;
    padding-bottom: 8px;
    border-bottom: 1px #ddd solid;
    text-align: right;
    /*background: transparent;*/
    padding-right: 6px;
}

.resultsTable thead th {
    height: 72px;
    background: transparent;
}

.resultsBody tbody {
    height: 280px;
}

.resultsTableBody img {
    width: 22px;
    vertical-align: middle;
    margin-top: 0px;
    height: 22px;
}

.resultsTableBody tr:hover {
    background-color: #eee;
}

.resultsTableBody tr:hover .white-box-shadow {
    box-shadow: -4px 0px 12px 6px #eee;
}

tbody.resultsTableBody {
    position: absolute;
    bottom: 64px;
    top: 165px;
    left: 104px;
    right: 56px;
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    tbody.resultsTableBody {
        /*position: absolute;
        bottom: 64px;
        top: 205px;
        left: 104px;
        right: 56px;*/
    }
}

.readabilityCol,
td.scanIconCol,
th.scanIconCol {
    text-align: center !important;
}

.readabilityCol {
    min-width: 80px;
}

.readabilityCol div {
    border-radius: 4px;
    color: white;
    text-align: center;
    padding: 8px;
    min-width: 56px;
    margin: auto;
}

.resultsTable tbody {
    overflow: scroll;
}

.resultsTable .scanIcon {
    font-size: 24px;
}

.resultsTableScrollable {
    height: 100%;
}

.resultsTableScrollable thead,
.resultsTableScrollable tbody {
    display: block;
}

.resultsTableScrollable thead {
    padding-right: 16px;
}

.resultsTableScrollable table {
    height: 100%;
    width: 100%;
}

.scanTitleCol {
    text-align: left !important;
    width: 100%;
}

.checkboxCol {
    min-width: 36px;
}

.checkboxCol,
.scanIconCol,
.scanTitleCol,
.scanDateCol,
.wordCountCol,
.longSentenceCol,
.avgSentenceCol,
.passiveLangCol,
.readabilityCol,
.readingLevelCol {
    padding: 0px 6px;
}

.dummy-col {
    min-width: 10px;
}

.scanIconCol,
.wordCountCol {
    min-width: 72px;
    font-weight: bold;
}

td.longSentenceCol,
td.avgSentenceCol,
td.passiveLangCol,
td.readingLevelCol,
th.longSentenceCol,
th.avgSentenceCol,
th.passiveLangCol,
th.readingLevelCol {
    font-weight: bold;
    text-align: center;
    padding-right: 0;
    padding-left: 0;
}

.longSentenceCol,
.passiveLangCol {
    min-width: 120px;
}

.avgSentenceCol {
    min-width: 75px;
}

.scanDateCol {
    min-width: 108px;
}

.readingLevelCol {
    min-width: 139px;
}

.readingLevelCol {
    font-weight: bold;
}

th.language,
td.languageCol {
    min-width: 40px;
    padding-right: 0px;
    text-align: right;
}

.row.resultsTableButtons {
    margin-bottom: 16px;
    min-height: 29px;
}

.overallGradedScores {
    /*background-color: #eee;*/
    margin: 0px 16px;
    /*border-bottom: 1px solid #aaa;*/
}

.overallGradedScoresHeader {
    /*max-width: 778px;*/
    z-index: 100;
    border: 1px solid transparent;
    padding-top: 12px;
    display: inline-block;
    float: left;
}

table.scan-metrics-table tr {
    vertical-align: top;
}

.overallGradedScoreHolder {
    min-width: 210px;
    max-width: 210px;
    display: inline-block;
    margin: 0px 12px;
}

.graded-scores-holder {
    padding-top: 12px;
    display: grid;
    display: -ms-grid;
    width: 70vw;
    max-width: 946px;
    overflow-x: auto;
}

@media screen and (max-width : 1300px) {
    .graded-scores-holder {
        width: 65vw;
    }
}

@media screen and (max-width : 1100px) {
    .graded-scores-holder {
        width: 60vw;
    }
}


.key-words-holder {
    padding-top: 18px;
    padding-left: 16px;
}

.metrics-cards {
    width: 100%;
    overflow-x: auto;
    white-space: nowrap;
    display: block;
    overflow-y: visible;
}

.results-values-cell {
    text-align: right;
    padding-right: 6px;
}

.numberOfWordsHolder {
    margin-top: 24px;
    /*border-right: 1px solid #aaa;*/
    float: left;
    min-width: 100px;
    padding-left: 16px;
}

.numberOfWordsBody {
    margin-top: 0px;
    font-size: 16px;
    margin-right: 16px;
}

.numberOfWordsHeading {
    font-size: 12px;
}

.numberOfWordsHolder {
    padding-top: 4px;
}

.filterWordsHolder {
    margin-top: 24px;
    border-left: 1px solid #aaa;
    margin-left: 12px;
    float: left;
    min-width: 100px;
    padding-left: 12px;
}

.filterWordsHolder h4 {
    margin-top: 0px;
    font-size: 16px;
    margin-right: 16px;
}

.filterWordsHolder h5 {
    font-size: 12px;
}

.filterWordsHolder {
    padding-top: 4px;
}

.filterWordsHolder input {
    font-size: 15px;
    font-weight: bold;
    border: 1px white solid;
}

.filterWordsHolder input:active {
    border: 1px grey solid;
}

.filterWordsHolder input:focus {
    outline: none;
}

.scoreHolder {
    border-radius: 2px;
    color: white;
    /*padding: 6px 12px 2px 12px;*/
    margin: 8px 0px;
    font-size: 18px;
    /* box-shadow: 0px 0px 4px #444; */
    margin-bottom: 0px;
}

.scoreHolder table {
    width: 100%;
    margin: 4px 0px;
}

.scoreHolder .scoreValue {
    font-size: 16px;
    vertical-align: middle;
    /*padding-right: 6px;*/
}

.scoreHolder .scoreSubInfo {
    border-top: 1px white solid;
    font-size: 9px;
    padding-top: 6px;
    padding-bottom: 6px;

    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: center;
    background-size: 16px;

    color: white;

    margin: 0px 6px;
}

.learnMoreHolder {
    padding: 2px 6px;
    padding-bottom: 1px;
    border: 1px solid transparent;
    background: transparent;
    white-space: normal;
}

.learnMoreHolder.activeLearnMore {
    border: 1px solid gainsboro;
    border-radius: 4px;
    box-shadow: 0px 0px 6px 4px gainsboro;
    cursor: auto;
}

.learnMoreButton {
    font-size: 11px;
    background-color: rgba(0, 0, 0, 0.15);
    color: white;
    text-align: center;
    vertical-align: middle;
    display: block;
}

.learnMoreButton p {
    padding-top: 6px;
    padding-bottom: 6px;
    margin-bottom: 0;
    cursor: pointer;
    background: url(/Icons/information_i-de88484cd6fe18ec1c59f72d6fef2f44.svg) no-repeat;
    background-size: 18px;
    background-position: 4px 4px;
    text-align: left;
    padding-left: 28px;
}

.learnMoreButton i {
    vertical-align: middle;
}

.learnMoreButton:hover {
    background-color: rgba(0, 0, 0, 0.35);
}

.learnMoreAdvice {
    display: none;
    background: white;
    color: #ccc;
    height: 0px;
}

.closeLearnMoreButton {
    color: #117aff;
    float: right;
    width: 100%;
    text-align: right;
    font-size: 14px;
    display: none;
    margin-top: 8px;
    margin-bottom: 4px;
    font-size: 11px;
    cursor: default;
}

.closeLearnMoreButton button {
    background: transparent;
    border: 1px solid white;
}

.closeLearnMoreButton button:hover {
    border: 1px #1354a6 solid;
    color: #1354a6;
    border-radius: 2px;
}

.learnMoreAdviceContent {
    font-size: 11px;
}

.learnMoreAdviceHeading {
    border-bottom: 1px #ccc solid;
    font-size: 16px;
    padding-top: 12px;
    font-weight: bold;
    font-size: 15px;
}

.activeLearnMore .learnMoreAdvice {
    color: black;
}

.activeLearnMore .learnMoreAdviceHeading {
    border-bottom: 1px grey solid;
    font-size: 15px;
    padding-top: 28px;
}

.activeLearnMore .closeLearnMoreButton {
    display: block;
}


.bigScoreInfo {
    color: white;
    padding: 6px 0px;
    padding-top: 6px;
}

.bigScoreInfo td {
    font-size: 10px;
    padding-left: 6px;
}

.bigScoreInfo td.left {
    height: 28px;
}

.bigScoreInfo .delta-holder .delta-value {
    padding: 5px 5px;
    padding-left: 16px;
    background: white;
    border-radius: 12px;
    margin-right: 0px;
    margin-left: 6px;
    vertical-align: middle;
    position: relative;
    top: 3px;
}

.bigScoreInfo .green.delta-holder .delta-value,
.bigScoreInfo .green.down.delta-holder .delta-value {
    background-image: url(/Icons/Arrow_Green_Down-4659db0e167f77d232555b5106127abd.svg);
    background-repeat: no-repeat;
    background-size: 10px 10px;
    background-position: 4px center;
}

.bigScoreInfo .green.up.delta-holder .delta-value {
    background-image: url(/Icons/Arrow_Green_Up-9a0969e2322de195a65d4273e7e3269d.svg);
    background-repeat: no-repeat;
    background-size: 10px 10px;
    background-position: 4px center;
}

.bigScoreInfo .red.delta-holder .delta-value,
.bigScoreInfo .red.up.delta-holder .delta-value {
    background-image: url(/Icons/Arrow_Red_Up-098c3979e0b1a8d062f304d13506d0e5.svg);
    background-repeat: no-repeat;
    background-size: 10px 10px;
    background-position: 4px center;
}

.bigScoreInfo .red.down.delta-holder .delta-value {
    background-image: url(/Icons/Arrow_Red_Down-d48985e92d5da028f5efd507cbf85ab2.svg);
    background-repeat: no-repeat;
    background-size: 10px 10px;
    background-position: 4px center;
}

.bigScoreInfo .neutral.delta-holder .delta-value {
    background-image: url(/Icons/general_flat_arrow-aaf6dac713205bb2d89ef41edef9e7b1.svg);
    background-repeat: no-repeat;
    background-size: 10px 10px;
    background-position: 4px center;
    color: #888;
    padding-right: 0;
}

.delta-holder {
    display: inline-block;
    background: transparent !important;
    float: right;
    height: 20px;
}

.no-ignore-holder .no-ignore-value .yellow {
    background-color: grey;
}

.no-ignore-holder .no-ignore-value .yellow {
    background-color: #ffb200;
}

.no-ignore-holder .no-ignore-value .red {
    background: #ff0000;
}

.no-ignore-holder .no-ignore-value .green {
    background: #299c21;
}

.no-ignore-holder .no-ignore-value {
    color: white;
    padding: 5px 8px;
    border-radius: 3px;
    margin-right: 3px;
    margin-left: 3px;
    vertical-align: middle;
    position: relative;
    top: 3px;
    display: block;
    width: 56px;
}

.no-ignore-holder {
    color: white;
    display: inline-block;
    background: transparent !important;
    height: 20px;
}

.no-ignore-group {
    display: block;
    text-align: center;
    margin-top: 3px;
    margin-bottom: 14px;
}

.yellow {
    background-color: #ffb200;
    color: #ffb200;
}

.legend {
    /*min-width: 140px;*/
}

.legendButton {}

.legendButton p {
    padding-top: 4px;
    margin-left: 32px;
}

.legendButton i {
    color: white;
    font-size: 12px;
    vertical-align: text-top;
    display: block;
}

.buttonSurround {
    background: transparent !important;
    /* border-radius: 100px; */
    /*border: 1px solid;*/
    float: left;
}

.disabled .buttonSurround {
    border-color: lightgrey;
}

.disabled.legend button {
    background: lightgrey !important;
    cursor: no-drop;
}

.disabled.legendButton i {
    display: none !important;
}

.legend button.red:active {
    background-color: #830000;
}

.legend button.red:hover {
    background-color: #c00000;
}

.red {
    background-color: #f00;
    color: #f00;
}

.legend button.maroon:active {
    background-color: #790000;
    border-color: #790000;
}

.legend button.maroon:hover {
    background-color: #8a0101;
    border-color: #8a0101;
}

.maroon {
    background-color: #d55c5c;
    border-color: #d55c5c;
}

.legend button.green:active {
    background-color: #154d11;
}

.legend button.green:hover {
    background-color: #1f7619;
}

.green {
    background-color: #299c21;
    color: #299c21;
}

.legend button.darkGreen:active {
    background-color: #154d11;
}

.legend button.darkGreen:hover {
    background-color: #1f7619;
}

.darkGreen {
    background-color: darkGreen;
}

.legend button.lightGreen:active {
    background-color: #8ca573;
    border-color: #8ca573;
}

.legend button.lightGreen:hover {
    background-color: #7f906d;
    border-color: #7f906d;
}

.lightGreen {
    background-color: #aec795;
    border-color: #aec795;
}

.legend button.pink:active {
    background-color: #53002a;
    border-color: #53002a;
}

.legend button.pink:hover {
    background-color: #9d004f;
    border-color: #9d004f;
}

.pink {
    background-color: #FF0080;
    border-color: #FF0080;
}

.legend button.gold:active {
    background-color: #c3c344;
    border-color: #c3c344;
}

.legend button.gold:hover {
    background-color: #ffc800;
    border-color: #ffc800;
}

.gold {
    background-color: #ffff55;
    /*#ffa500;*/
    border-color: #ffff55;
    /*#d99700; #ffa500;*/
}

.legend button.purple:active {
    background-color: #4a364c;
}

.legend button.purple:hover {
    background-color: #560d5e;
    border-color: #560d5e;
}

.purple {
    background-color: purple;
    border-color: purple;
}

.legend button.electric-blue:active {
    background-color: #dcd9f7;
}

.legend button.electric-blue:hover {
    background-color: #2a207e;
    border-color: #2a207e;
}

.electric-blue {
    background-color: #2a207e;
    border-color: #2a207e;
}

.grey {
    background-color: grey;
    color: grey;
    border-color: grey;
}

.documentContentsTable {
    height: 100%;
    overflow: hidden;
    display: block;
}

.documentContents {
    /*margin-top: 16px;*/
    /*border-top: 1px solid #cdd7df;*/
    font-size: 11px;
    margin-left: 16px;
    margin-right: 16px;
    height: 100%;
}

.tableBody td {
    padding: 8px 8px !important;
    vertical-align: top !important;
}

/*@media screen and (min-width : 1367px){
    .documentContents {
        font-size: 16px;
    }
}*/

.legendAndExportRow .dropdown {
    display: inline-block;
}

.legendAndExportRow .dropdown button {
    opacity: 1;
}

.showIssues,
.scan-action-holder {
    display: inline-block;
}

.scanActions {
    display: inline-flex;
    float: right;
}

.showIssues {
    width: 195px;
    float: right;
    text-align: center;
    padding: 2px 0px 6px 28px;
}

.showIssues .vt-slider {
    background-color: #533ffb;
}

.scanActions .showIssues p {
    font-size: 11px;
    margin: 5px;
    margin-top: 6px;
}

#paragraphFilter {
    width: 20%;
    text-align: center;
    vertical-align: middle;
    height: 100%;
    top: -1px;
    position: relative;
}

.legendAndExportRow {
    position: absolute;
    left: 104px;
    right: 64px;
    background: white;
    top: 250px;
}

.fullLegend {
    background: white;
    position: relative;
    padding: 0 12px;
    padding-bottom: 4px;
    border-radius: 10px;
}

.fullLegend-triangle {
    width: 10px;
    border: 10px solid transparent;
    border-top: 0;
    border-bottom: 10px solid grey;
    position: absolute;
    z-index: 100;
    top: -10px;
    left: 12px;
}

.fullLegend-triangle .inner-triangle {
    border: 10px solid transparent;
    border-bottom: 10px solid white;
    border-top: 0;
    position: absolute;
    top: 1px;
    left: -10px;
}

.legend {
    margin-top: 2px;
}

.legend button {
    width: 18px;
    height: 18px;
    border-radius: 4px;
    border: 1px solid;
    vertical-align: middle;
    padding: 0;
    border-color: inherit;
}

.legend button.blue:active {
    background-color: #00344d;
    border-color: #4bc3ff;
}

.legend button.blue:hover {
    background-color: #004a6e;
    border-color: #004a6e;
}

.blue {
    background-color: #4bc3ff;
    border-color: #4bc3ff;
}

.legend-deselect-holder {
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid lightgrey;
    margin-bottom: 12px;

}

.legend-deselect-holder .legend.legendButton {
    padding: 12px 0;
}

.legend-deselect-holder .legend.legendButton p {
    padding: 0;
    margin-bottom: 0;
}

.legend button.vt-blue:active {
    background-color: #0062de;
    border-color: #0062de;
}

.legend button.vt-blue:hover {
    background-color: #00377D;
    border-color: #00377D;
}

.vt-blue {
    background-color: #0062de;
    border-color: #0062de;
}

.legend p span {
    border-radius: 50%;
    vertical-align: middle;
    line-height: 17px;
    width: 17px;
    height: 17px;
    text-align: center;
    margin-top: 3px;
    padding: 3px;
    border: 1px solid #888;
}

.legend-dropdown-button {
    background-position: 90% !important;
    padding-right: 42px !important;
    color: #0071ff;
    background-image: url(/svgs/three_dots_purple-b7778364de4b223985d2dc1c682f4937.svg) !important;
    background-repeat: no-repeat;
}

.legend-dropdown-button:hover {
    color: white;
    background-image: url(/svgs/three_dots_white-ecf9b6bc2d6f6df0c9aaf87adf53633b.svg) !important;
}

.documentContents .dropdown-menu {
    margin-top: 10px;
    box-shadow: 0 0 2px 0px grey;
    padding: 0;
}

.documentContents thead {
    background-color: #384253;
    color: white;
    position: absolute;
    padding-right: 16px;
    top: 292px;
    left: 88px;
    right: 48px;
    display: block;
    top: 292px;
}

.documentContents th {
    font-weight: normal;
    border: 1px solid #384253 !important;
}

.documentContents .table {
    /*border-bottom: 1px #ccc solid;*/
    /*height: 100%;*/
    overflow: hidden;
    margin-bottom: 0;
}

.documentContents tbody {
    overflow-y: auto;
    bottom: 16px;
    right: 48px;
    position: absolute;
    left: 88px;
    top: 325px;
}

.tableBody tr:last-child {
    /*border-bottom: 1px #aaa solid;*/
}

tfoot.table-footer-edit {
    z-index: 10001;
    bottom: 0;
    position: absolute;
    background: white;
    height: 85px;
    left: 88px;
    right: 48px;
    text-align: center;
}

tfoot.table-footer-edit td {
    width: 100%;
    position: absolute;
}

tfoot.table-footer-edit button {
    margin-right: 12px;
    margin-top: 8px;
}

.documentContents tbody td {
    background: white;
    position: relative;
}

.readabilityCell,
.gradeLevelCell {
    vertical-align: middle !important;
}

.paragraphNumberCell {
    font-weight: bold;
    min-width: 54px;
    text-align: center;
    border-left: 1px solid #aaa;
    border-right: 1px solid #aaa;
    border-bottom: none !important;
    border-top: none !important;
}

.documentContentCell,
.suggestionsCell,
.readabilityCell,
.gradeLevelCell {
    border-top: 1px #eee solid !important;
}

.documentContentCell {
    /*border-top: 1px dashed #aaa !important;*/
    border-right: 1px dashed #aaa !important;
    width: 80%;
}

td.documentContentCell {
    font-size: 13px;
    padding: 12px !important;
}

td.documentContentCell span,
td.documentContentCell {
    font-size: 13px;
    line-height: 24px !important;
}

td.documentContentCell div {
    max-width: 100%;
    -webkit-line-break: auto;
    padding-right: 10%;
}

td.documentContentCell.edit-flow {
    background: white;
    background: linear-gradient(90deg, rgb(160, 160, 160) 0%, rgba(255, 255, 255, 1) 1%, rgba(255, 255, 255, 1) 99%, rgb(160, 160, 160) 100%);
    border-top: 1px dashed lightgrey !important;
}

.documentContentCell:hover {
    /*cursor: pointer;*/
}

.documentContentCell span:hover {
    cursor: text;
}

.documentContentCell:hover .edit-button,
.documentContentCell .edit-button:hover {
    background: url(/svgs/edit_pencil_12x12-94a7556000491564f4dc9576a608728a.svg) no-repeat;
    background-position: 37px 8px;
    color: #0062de;
    background-color: #e6ecf4;
    border-radius: 2px;
    cursor: pointer;
}

.documentContentCell .edit-button {
    background: url(/svgs/edit_pencil_12x12_grey-8d6fc5db1a0370eaa69072df2eaecb3e.svg) no-repeat;
    position: absolute;
    right: 0;
    top: 2px;
    z-index: 1;
    padding: 4px 8px;
    padding-right: 24px;
    background-position: 37px 8px;
    color: #aaa !important;
    margin-right: 4px;
    text-align: center;
}

.edit-button.hidden-edit-button {
    display: none;
}

.copyButton div {
    min-width: 160px;
}

tr.active-editing-banner .banner-content {
    position: absolute;
    left: 0;
    top: 32px;
    height: 44px;
    right: 0;
    background: white;
    color: black;
    font-weight: 600;
    font-size: 14px;
    padding: 12px;
    border: 1px solid #aaa;
    border-bottom-style: dashed;
    padding-left: 54px;
    box-shadow: 0px 4px 4px 0px lightgrey;
    z-index: 10;
    background-image: url(/svgs/edit_mode_pencil-25f8e5d27dfd19f246d1a94a2f56f22f.svg);
    background-repeat: no-repeat;
    background-position: 12px center;
    background-size: 32px;
    background-color: #f4f4f4;
}



#scanResultsTable .tableBody.table-edit-mode {
    transition: all 1s ease 0s;
    top: 204px !important;
    bottom: 86px !important;
    z-index: 10001 !important;
}

.documentContentsTable thead.table-edit-mode {
    transition: all 1s ease 0s;
    top: 128px !important;
    z-index: 10001;
}

.legendAndExportRow.table-edit-mode {
    transition: all 1s ease 0s;
    top: 70px !important;
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {

    /* IE10+ CSS styles go here */
    #scanResultsTable .tableBody.table-edit-mode {
        transition: all 1s ease 0s;
        top: 198px !important;
        bottom: 86px !important;
    }

    .documentContentsTable thead.table-edit-mode {
        transition: all 1s ease 0s;
        top: 122px !important;
    }

    .legendAndExportRow.table-edit-mode {
        transition: all 1s ease 0s;
        top: 72px !important;
    }
}

.table-edit-mode td.suggestionsCell,
.table-edit-mode td.readabilityCell,
.table-edit-mode td.gradeLevelCell,
.table-edit-mode td.paragraphNumberCell {
    background: #f4f4f4;
    border-color: #f4f4f4;
}

#scanResultsTable {
    border-collapse: unset;
}

.text-content p {
    margin: 0;
}

.text-content span {
    white-space: pre-wrap;
}

.active-edit-bg {
    position: absolute;
    top: -60px;
    bottom: 0;
    left: -120px;
    right: 0;
    background: #aaaaaa;
    z-index: 10000;
    display: none;
    opacity: 0.4;
}

.mce-edit-focus {
    outline: none;
}

.suggestionsCell {
    border-left: 1px dashed #aaa !important;
    min-width: 300px;
    border-right: 1px solid #eee;
}

.suggestionsCell tbody {
    max-height: 100%;
    display: block;
}

.suggestionsCell table {
    width: 100%;
}

td.suggestionsCell {
    vertical-align: top !important;
}

.unselected-hint {
    color: gainsboro !important;
    border-color: gainsboro !important;
}


.longWordHint {
    border-color: lightgrey;
}

.veryLongSentenceHint {
    border-color: purple;
}

.veryLongSentenceHint p {
    border-left: 4px solid;
    border-left-color: inherit;
    padding-left: 8px;
    padding-right: 20px;
    margin: 0px;
}

.longSentenceHint {
    border-color: #4bc3ff;
}

.longSentenceHint p {
    border-left: 4px solid;
    border-left-color: inherit;
    padding-left: 8px;
    padding-right: 20px;
    margin: 0px;
}

.passiveHint {
    border-color: #d55c5c;
}

.passiveHint p {
    border-left: 4px solid;
    border-left-color: inherit;
    padding-left: 8px;
    padding-right: 20px;
    margin: 0px;
}

.verbHint {
    border-color: #aec795;
}

.watchWordHint {
    border-color: #ffff55;
}

.verbHint p,
.longWordHint p,
.watchWordHint p,
.grammarHint p {
    border-left: 4px solid;
    border-left-color: inherit;
    padding-left: 8px;
    padding-right: 20px;
    margin: 0px;
}

.adverbHint {
    border-color: #FF0080;
}

.adverbHint p {
    border-left: 4px solid;
    border-left-color: inherit;
    padding-left: 8px;
    padding-right: 20px;
    margin: 0px;
}

.grammarHint {
    border-color: #2a207e;
}

.defaultHint {
    border-color: rgb (128, 128, 128);
}

.defaultHint p {
    border-left: 4px solid;
    border-left-color: inherit;
    padding-left: 8px;
    padding-right: 20px;
    margin: 0px;
}

.readabilityCell {
    min-width: 100px;
    text-align: center;
    border-right: 1px solid #eee;
}

th.readabilityCell {
    border: none;
}

.readabilityCell div {
    color: white;
    border-radius: 4px;
    /*padding: 2px 0px;*/
    margin: 0px 12px;
}

td.readabilityCell {
    font-size: 12px;
}

.gradeLevelCell {
    background-color: white;
    font-weight: bold;
    min-width: 120px;
    text-align: right;
    border-right: 1px solid #aaa;
    padding-right: 18px !important;
}

td.gradeLevelCell {
    text-align: left;
    padding-left: 42px !important;
    font-size: 12px;
}

th.gradeLevelCell {
    background-color: #384253;
    border: 1px solid #384253;
}

button.btn.btn.vt-writer-primary-btn:hover,
button.btn.btn-lg.vt-writer-primary-btn:hover {
    color: white;
    background-color: #00377D;
}

button.btn.btn.vt-writer-secondary-btn:hover,
button.btn.btn-lg.vt-writer-secondary-btn:hover {
    color: white;
    background-color: #00377D;
}

.scoreSubInfo div {
    min-height: 13px;
}

.downloadExportButtons {
    margin-left: 64px;
    margin-right: 16px;
}


/* For URL results */
#narrowExportButtonId {
    display: none;
}

/* For Docs results */
@media screen and (max-width: 1680px) {
    #exportButtonId.docs-scan {
        display: none;
    }

    #narrowExportButtonId.docs-scan {
        display: inline-block;
    }

    .downloadAnnotatedDocsButton.docs-scan {
        display: none !important;
    }

    .wideScreenDropDown.docs-scan {
        display: none !important;
    }

    .wideScreenDropDown.docs-scan {
        display: none !important;
    }

    .rev-button {
        display: none !important;
    }
}

/* For Doc results */
@media screen and (min-width: 1680px) {
    #exportButtonId.docs-scan {
        display: inline-block;
    }

    #narrowExportButtonId.docs-scan {
        display: none;
    }

    .downloadAnnotatedDocsButton.docs-scan {
        display: inline-block !important;
    }

    .rev-button {
        display: inline-block !important;
    }

    .narrowScreenDropDown.docs-scan {
        display: none !important;
    }
}

/* For Text results */
.downloadAnnotatedDocsButton.text-scan {
    margin-left: 12px;
}

@media screen and (max-width: 1560px) {
    .downloadAnnotatedDocsButton.text-scan {
        display: none !important;
    }
}

@media screen and (max-width: 1180px) {
    .textEditDropDown {
        display: inline-block !important;
    }

    .textEdit {
        display: none !important;
    }
}

@media screen and (min-width: 1180px) {
    .textEditDropDown {
        display: none !important;
    }

    .textEdit {
        display: inline-block !important;
    }
}

@media screen and (max-width: 1560px) {
    #exportButtonId.text-scan {
        display: none;
    }

    #narrowExportButtonId.text-scan {
        display: inline-block;
    }

    .wideScreenDropDown.text-scan {
        display: none !important;
    }
}

@media screen and (min-width: 1560px) {
    #exportButtonId.text-scan {
        display: inline-block;
    }

    #narrowExportButtonId.text-scan {
        display: none;
    }

    .narrowScreenDropDown.text-scan {
        display: none !important;
    }
}

.glyphicon-refresh-animate {
    -animation: spin .7s infinite linear;
    -webkit-animation: spin2 .7s infinite linear;
}

.downloadAnnotatedDocsButton.docs-scan {
    background-image: url(/svgs/download_document_primary-a287211e0c9ad07b36f58332f05e7014.svg) !important;
    background-repeat: no-repeat;
    background-size: 18px;
    background-position-y: center;
    background-position-x: 12px;
    padding-left: 40px !important;
    margin-left: 12px;
}

.downloadAnnotatedDocsButton.text-scan {
    background-image: url(/svgs/download_document_purple-3cd38e2cc61a9dd6d1835f38f5308af4.svg);
    background-repeat: no-repeat;
    background-size: 18px;
    background-position-y: center;
    background-position-x: 12px;
    padding-left: 40px !important;
}

.downloadAnnotatedDocsButton.text-scan:hover {
    background-image: url(/svgs/download_document_primary-a287211e0c9ad07b36f58332f05e7014.svg);
}

.longSentencesHolder .scoreSubInfo {
    background-image: url(/Icons/long_sentences-9ac61be5ff1e1e9af535a0b3a9a73700.svg);
}

.passiveLanguageHolder .scoreSubInfo {
    background-image: url(/Icons/passive_language-db75f81490a315d74b149189473ec140.svg);
}

.readabilityHolder .scoreSubInfo {
    background-image: url(/Icons/readability-b2e4da8f46089d22d55364c6c6752776.svg);
}

.gradeLevelHolder .scoreSubInfo {
    background-image: url(/Icons/grade-07ccf7908157a9d502754b70e53496fe.svg);
}

/*#exportOptions {
    display: none;
    position: absolute;
    z-index: 4;
    border-radius: 5px;
    right: 14px;
    border-radius: 5px;
    border: 1px solid #36f;
    background: white;
}

#exportOptions button {
    width: 100%;
    font-size: 14px;
    background: white;
    color: #0070ff;
    border: none;    
    margin-top: 4px;
    margin-bottom: 4px;
    text-align: left;
    padding-right: 24px;
}

#exportOptions button:hover {
    background-color: #00377D;
    color: white;
}*/

#exportOptions {
    right: 0px;
}

.exportButton {
    margin-left: 12px;
}

.scanListActionButton {
    margin-left: 12px;
}

.very-long-sentence-color-highlight {
    background-color: #f4e4f6;
}

.very-long-sentence-color-highlight:hover,
.very-long-sentence-color-highlight-hover {
    background-color: #d4a3d4;
}

.long-sentence-color-highlight {
    background-color: #E6F9F9;
}

/*.long-sentence-color-highlight:hover,*/
.long-sentence-color-highlight-hover {
    background-color: #9cdeff;
}

.passive-color-highlight,
.passive-color-highlight.long-word-color-highlight {
    border-bottom: 3px solid #c27373;
}

.passive-color-highlight:hover,
.passive-color-highlight-hover {
    color: brown;
    background-color: #E6CCCC;
}

.verb-color-highlight,
.verb-color-highlight.long-word-color-highlight {
    border-bottom: 3px solid #66a75d;
}

.verb-color-highlight:hover,
.verb-color-highlight-hover {
    color: #006600;
    background-color: #E2F6CE;
}

.adverb-color-highlight,
.adverb-color-highlight.long-word-color-highlight {
    border-bottom: 3px solid #ff6ab5;
}

.adverb-color-highlight:hover,
.adverb-color-highlight-hover {
    color: #FF0080;
    background-color: #ffebf5;
}

.grammar-color-highlight,
.grammar-color-highlight.long-word-color-highlight {
    border-bottom: 3px solid #2a207e;
}

.grammar-color-highlight:hover,
.grammar-color-highlight-hover {
    color: #2a207e;
    background-color: #dcd9f7;
}

/*Normal*/
.long-word-highlight {
    border-bottom: 1px dotted #444;
}

/*Inside underlined issue*/
.adverb-color-highlight.long-word-color-highlight,
.verb-color-highlight.long-word-color-highlight,
.passive-color-highlight.long-word-color-highlight {
    /*text-decoration:underline;*/
    /*text-decoration-style: dotted;*/
}

/**/
/*.long-sentence-color-highlight.long-word-color-highlight:hover {
    background: #E6F9F9;
}
.very-long-sentence-color-highlight.long-word-color-highlight:hover {
    background: #f4e4f6;
}*/


.watch-word-color-highlight {
    background-color: #ffff55 !important;
}

.ww-list-table {
    width: 100%;
}

.ww-list-table td {
    vertical-align: middle !important;
}

.ww-list-table tbody tr:first-child button {
    display: none;
}

.ww-list-table tbody tr:first-child {
    background: lightgrey;
    color: grey;
}

.usageDataBody {
    margin: 6px 0px 6px 20px;
    margin-bottom: 25px;
    width: 100%;
    margin-top: 36px;
}

.usageDataBody h2 {
    font-size: 16px;
    font-weight: bold;
}

.usageBars {
    margin: 0px !important;
    margin: 16px 0px !important;
    padding-bottom: 32px;
}

.usageBars h2 {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 6px;
    margin-bottom: 12px;
}

.usageBars h3 {
    font-size: 13px;
    padding-top: 6px;
    margin-bottom: 12px;
    font-weight: 400;
}

.usageBar {
    background: #76d44d;
    height: 100%;
    border: 1px solid transparent;
    left: 0;
}

.usageBar p {
    color: #434159;
    margin: 1px 12px;
    font-size: 14px;
    font-weight: bold;
    text-align: right;
}

.usageBarHolder {
    background: #eee;
    height: 24px;
    width: 95%;
    /*margin-bottom: 24px;*/
}

.documentUsageBar .usageBar {
    width: 50%;
}

.urlUsageBar .usageBar {
    width: 89%;
}

.textUsageBar .usageBar {
    background-color: #533FFB;
    width: 100%;
}

.textUsageBar p {
    font-size: 14px;
    color: white;
    text-align: center;
}

.progressTracker {
    float: right;
    vertical-align: baseline;
    color: black;
    font-weight: normal;
    font-size: 11px;
    background: none;
    padding: 6px 0px;
}


.previousUsage {
    font-size: 11px;
    margin: 6px 50px 6px 20px;
    width: 100%;
}


.previousUsage h2 {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 20px;
}


.previousUsageDate {
    float: left;
}

.previousUsageDocs,
.previousUsageWebpages,
.previousUsageText,
.previousUsageTierName {
    border-top: 0;
    text-align: center;
}

tbody.previousUsageTableBody {
    position: absolute;
    top: 510px;
    bottom: 31px;
    left: 90px;
    right: 77px;
}

@media screen and (max-height: 590px) {
    tbody.previousUsageTableBody {
        top: 350px;
    }

    .usageHolderRow {
        width: 33%;
        display: inline-block;
    }


    @media screen and (max-width: 1170px) {
        .progressTracker {
            display: none;
        }
    }
}


.previousUsageTable thead {
    /*border-bottom: 1px #ddd solid;*/
    vertical-align: bottom;
}

.previousUsageTableScrollable {
    height: 100%;
}

.previousUsageTableScrollable thead {
    position: absolute;
    left: 90px;
    right: 77px;
}

.previousUsageTableScrollable tbody {
    display: block;
}

.previousUsageTableScrollable table {
    height: 100%;
    width: 100%;
}

.previousUsageTableScrollable tbody {
    overflow-y: auto;
    overflow-x: hidden;
}


.prevUDoc,
.prevUURL,
.prevUText {
    width: 390px;
    text-align: center;
}

.prevUDate,
.prevUTier {
    width: 390px;
    text-align: left;
}

/************************************************************************************************************************/

.previousUsage ::-webkit-scrollbar-thumb {
    background-color: #888;
}

.previousUsage ::-webkit-scrollbar {
    width: 8px;
}

.previousUsageInfo td {
    padding: 16px 0px;
}

tr.previousUsageInfo {
    border-top: 1px solid #ddd;
    text-align: center;
}

button.horizontalPagesButton {
    width: 8px;
    height: 12px;
    border-radius: 50%;
    background: #ccc;
    border: none;
    margin: 2px;
}

.resultsTableScrollable .tableHead {
    overflow: hidden;
    padding-right: 17px;
    position: absolute;
    right: 56px;
    left: 104px;
}


.resultsTableScrollable tbody {
    overflow-y: auto;
    overflow-x: auto;
    border-top: 1px gainsboro solid;
}

.topButtons .backButton,
.topButtons .cancelButton,
.topButtons .reanalyzeButton {
    margin: 1px 0px 0px 16px;
}

.topButtons .reanalyzeButton {
    float: right;
    margin-right: 16px;
}

.backButton i {
    margin-right: 4px;
}

.backButton {
    font-size: 14px;
    font-weight: 600;
    background: none;
    border: none;
    white-space: nowrap;
}

.usageInfo {
    text-align: left;
    width: 175px;
    font-size: 11px;
}

.usageInfoBarHolder {
    height: 20px;
    width: 100%;
    background: gainsboro;
    margin-bottom: 7.5px;
}

.usageInfoBar {
    height: 100%;
    width: 50%;
    background: #8dbb37;
    border-radius: 2px;
}

.progressBody {
    width: 100%;
    background: #f6f8f8;
    height: 100%;
    padding-top: 8%;
    padding-bottom: 10%;
    border-top: 2px solid #dcdcdc;
    border-bottom: 2px solid #dcdcdc;
    /*z-index: 1;*/
    position: relative;
    font-size: 13px;
}

.progressBodyBarAndIcon {
    background-repeat: no-repeat;
    height: 100%;
    background-position: 24px 16px;
    width: 400px;
    padding: 1px 0px;
    background-size: 64px;
}

.progressBodyBarAndIcon.web {
    background-image: url(/Icons/analyze_urls-5323f4715f01f224f8fe6fbfd2353ee6.svg);
}

.progressBodyBarAndIcon.docs {
    background-image: url(/Icons/receive_annoted_documents_corner-b539dd96d13e150a40227aa57804f8be.svg);
}

.progressBodyBarAndIcon.text {
    background-image: url(/Icons/text_analyze_corner-f2f7da77c075f3915ee01c064fae05fd.svg);
}

.progressBodyBarHolder {
    height: 24px;
    background: #ededed;
    width: 250px;
    border-radius: 3px;
    margin: 32px 0px;
    margin-left: 64px;
}

.progressBodyBar {
    height: 100%;
    width: 50%;
    background-color: #8dbb37;
    float: left;
    border-radius: 3px;
}

.progressBodyBG {
    position: absolute;
    top: 220px;
    background: #f6f8f8;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    border-bottom: 2px solid gainsboro;
    z-index: 0;
}

.progressBodyInfo h1,
.progressBodyInfo h2,
.progressBodyInfo h3 {
    font-size: 19px;
    color: #808b9c;
}

progress#p {
    height: 100%;
    width: 100%;
}

.progressBodyInfo.errorPage i {
    font-size: 32px;
    margin: 16px;
}

.external-link {
    /*background: url(/Icons/external-link-6e59de349c2551ef5428df8d2dfb1e8e.png) no-repeat scroll right center transparent;*/
    padding-right: 12px;
    /*width: 16px;*/
    display: inline-flex;
    font-size: 11px;
}

.external-link-header {
    /*background: url(/Icons/external-link-6e59de349c2551ef5428df8d2dfb1e8e.png) no-repeat scroll right center transparent;*/
    padding-right: 12px;
    width: 16px;
    font-size: 11px;
}

.external-link p {
    display: inline;
}

.external-link-image {
    width: 10px !important;
    height: 10px !important;
    visibility: visible;
    display: inline-block;
    vertical-align: baseline !important;
    margin-left: 4px;
}

.white-box-shadow {
    box-shadow: -4px 0px 12px 6px white;
    z-index: 1000;
    position: relative;
}

.aboutUs {
    padding: 0px 0px 0px 64px !important;
}

.aboutUs img {
    width: 115px;
    margin-bottom: 4px
}

.aboutUs h4,
.aboutUs p {
    padding-left: 4px;
}

@media screen and (max-height: 765px) {

    .aboutUs h4,
    .aboutUs p {
        display: none;
    }
}

/* Upload button */
.btn-file {
    position: relative;
    overflow: hidden;
}

.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}

.scrollableTableBody {
    height: 100%;
    overflow-y: auto;
    display: block;
}

.scrollableTableBody tbody {
    background: white;
    display: block;
    top: 325px;
}

.suggestionsCell tbody {
    position: static;
}

.dropzone {
    background: none !important;
    border: none !important;
}

.dropzone .dz-message {
    padding-top: 0px;
    margin-top: 63px;
}

#dropzone .inner-text {
    margin-top: 63px;
}

.dropzone-previews * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.detailsPromptButton {
    opacity: 0 !important;
}

.scanTitleCol:hover .detailsPromptButton {
    opacity: 1 !important;
}

.scanTitleCol .col-sm-10 {
    padding: 0;
}

td.readingLevelCol {
    padding-left: 8px;
}

.scanTitleCol td {
    padding: 0px 8px 0px 0px;
    border: none;
    text-align: left;
}

.scanTitleCol table,
.scanTitleCol tbody,
.scanTitleCol tr,
.scanTitleCol td {
    width: 100%;
    overflow: visible;
    border: none;
}

.scanTitleCol {
    min-width: 250px !important;
    max-width: 250px !important;
}


@media screen and (max-width: 1400px) {
    .scanListTitle {
        max-width: 150px !important;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

.modal {
    text-align: center;
    z-index: 105000 !important;
}

@media screen and (min-width: 768px) {
    .modal:not(.collections):before {
        display: inline-block;
        vertical-align: middle;
        content: " ";
        height: 100%;
    }
}

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle
}

[data-react-app] {
    height: calc(100vh - 60px);
    display: flex;
    flex-direction: column;
}

.ignoreListDialog .modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    right: 26px;
}

.ignoreListDialog .modal-content {
    width: 354px;
}

.errorMessage {
    background: #ff8a8a;
    height: 28px;
    width: 70%;
    margin-top: 6px;
    vertical-align: middle;
    border-radius: 5px;
    border: 2px dashed #d45353;
    display: none;
    padding-left: 10px;
}

.errorMessage p {
    margin-top: 5px;
}

.scanListFavicon {
    width: 16px !important;
    height: 16px !important;
}

/* Vertical tab stuff */

.nav-pills>li.active>a,
.nav-pills>li.active>a:hover,
.nav-pills>li.active>a:focus {
    color: white !important;
    background-color: #8dbb37 !important;
}

li>a {
    color: black !important;
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:hover,
.nav-pills>li.active>a:focus {
    border-radius: 0px !important;
}

.nav {
    padding-left: 16px !important;
}

#error-settings {
    padding-left: 12px;
    padding-right: 12px;
}

.container-settings {
    padding-left: 0px !important;
    margin-left: 15px !important;
    width: 340px !important;

}

#settings-content h2 {
    font-size: 19px;
}

.inactive-tab {
    color: black !important;
}

#inactive-tab {
    color: black !important;
}

.pageBlocker {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: black;
    z-index: 10;
    opacity: 0.05;
    display: none;
}

/*.btn.vt-writer-primary-btn {
    border: none !important;
}

/* CSS for premium prompts */

.premColLeft {
    margin-top: 15px;
    margin-right: 5px;
}

.premColRight {
    margin-top: 15px;
    margin-left: 5px;
}

.premSuper {
    margin-bottom: 10px;
}

.premLower {
    padding-top: 12px;
}

.premColLeft h2 {
    display: inline;
    font-size: 30px;
}

.premColLeft h3 {
    color: #888;
    display: inline;
    font-size: 15px;
}

.premColLeft p {
    text-align: left;
    font-size: 13px;
}

.premColRight h3 {

    display: inline;
    font-size: 12px;
}

.premColRight .row {
    margin-bottom: 15px;
    text-align: left;
}

.premColRight img {
    margin-right: 10px;
    display: inline;
    margin-top: 0;
}

button.upgrade {
    background-color: #0062de;
    border: 1px solid #0071ff;
    color: #fff;

    vertical-align: middle;

    padding: 10px 16px;
    font-size: 14px;
    line-height: 1.3333333;
    border-radius: 6px;
}

button.upgrade:hover {
    color: white;
    background-color: #00377D;
}


label.headerLogoError {
    margin-bottom: 2px;
}

.errorPageText {
    text-align: left;
}

.errorPageText p {
    margin-bottom: 24px;
}

.row-error img {
    height: 27px;
}

p.settingsSocialAccountWarning {
    font-size: 13px;
    margin-top: 12px;
    text-align: left;
}

.accountDetails {
    text-align: left;
    margin-bottom: 24px;
}

.paragraphWarning {
    position: relative;
    background: white;
    z-index: 100;
    padding: 4px 12px;
    border-radius: 4px;
    border: 1px solid darkgrey;
    display: none;
}

.paragraphWarningTriangle {
    position: relative;
    border-bottom: 8px solid grey;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    width: 8px;
    top: -12px;
    left: 86px;
}

#textEditModal button {
    margin: 8px;
}

#textEditModal textarea {
    width: 95%;
    height: 250px;
    resize: vertical;
}

#textEditModal .modal-header {
    cursor: move;
}

.paymentSuccessTick {
    float: left;
    font-size: 22px !important;
    color: yellowgreen;
}

.settingsPasswordHint {
    background: #ffafaf;
    text-align: center;
    padding: 7px;
    margin-top: 4px;
    margin-bottom: 0px;
    display: none;
    border-radius: 4px;
}

.settingsPasswordHint i {
    margin-right: 6px;
    font-size: 15px;
    vertical-align: text-bottom;
}

.settingsPasswordHint i,
.settingsPasswordHint p {
    display: inline !important;
}

/* Pre-load our svg hover images so they don't "flash" while loading */
body:after {
    display: none;
    content: url(/Icons/nav_report_hover-5811240f29d3a26ac2423d6369a40f48.svg) url(/svgs/profile_hover-3bb9477533bdead702d1aa01d7c6def4.svg);
}

.resendEmailButton {
    background: none;
    border: none;
    padding: 0px;
    color: #0071ff;
}

.resendEmailButton .socialAccountPwMsg {
    border-bottom: 1px white solid;
}

.resendEmailButton:hover .socialAccountPwMsg {
    border-bottom: 1px #0071FF solid;
}

.docs.badge-container,
.url.badge-container {
    border-color: #2e71de;
}

.text.badge-container {
    border-color: #f67514;
}

.badge-container {
    width: 54px;
    height: 54px;
    background: white;
    position: relative;
    float: right;
    top: -47px;
    right: -27px;
    padding: 4px;
    border-radius: 100%;
}

.badge-border {
    width: 46px;
    height: 46px;
    border-radius: 100%;
    border: 2px solid;
    border-color: inherit;
}

.docs .badge-body,
.url .badge-body {
    background: #2e71de;
}

.text .badge-body {
    background: #f67514;
    '

}

.badge-body {
    width: 38px;
    height: 38px;
    border-radius: 100%;
    margin-top: 2px;
}

.badge-content {
    color: white;
    padding: 2px;
}

.badge-content h3 {
    margin: 0px;
    font-size: 13px;
    font-weight: 600;
    line-height: 13px;
}

.badge-content p {
    font-size: 8px;
    line-height: 10px;
}

.text .badge-content h3 {
    font-size: 11px;
    margin-top: 5px;
    ;
}

#th-bulk-users {
    border-bottom: 0px !important;
}

#td-bulk-users {
    border-top: 0px !important;
}

.delete-scan-modal-body form {
    display: inline;
}

.scanListAlert {
    width: 100%;
    z-index: 999999;
    position: absolute;
}

.email-form {
    padding-bottom: 2%;
    border-bottom: 1px solid gainsboro;
    margin-bottom: 40px;
    text-align: left;
    width: 825px;
}

.email-form h3 {
    margin-top: 7.5px;
    font-size: 11px;
}

.email-form h4 {
    font-size: 11px;
}



.toggle .btn {
    font-size: 14px;
}

#baseUrlForm {
    padding: 3px 6px;
    font-size: 11px;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
}

#lastEmailPoll p {
    display: inline-block;
}

#lastEmailPoll .modal-body div {
    text-align: left;
}

.active .table th div,
#whitelistTable th span {
    cursor: pointer;
}

.active .table th div:hover {
    text-decoration: underline;
}

.active .table tbody tr td.word.selected {
    background-color: #ddd;
}

.active .table tbody tr .word:hover {
    background-color: #ddd;
}

.btn.export-scan-history {
    position: absolute;
    float: right;
    right: 72px;
    top: 16px;
}


/* Whitelist styling */
.wlist-add {
    min-width: 75px;
}

.teams-add {
    min-width: 75px;
}

.teams-add span {
    background: url(/svgs/add_document_hover_electric_blue-90fa3dc10b5a052e3724c6212e5f58de.svg) no-repeat;
}

.teams-add:hover span {
    background-image: url(/svgs/add_document_electric_blue-3e524a1f7ae4b609162449b73e86d350.svg);
}

.teams-remove span {
    background: url(/svgs/delete_electric_blue-c773fa537dff52fc3aaca0888c28cc84.svg) no-repeat;
}

.teams-remove:hover span {
    background-image: url(/svgs/delete_hover_electric_blue-d211488996a02a5633780977ac90ad80.svg);
}

.wlist-add span {
    background: url(/svgs/add_document_hover_electric_blue-90fa3dc10b5a052e3724c6212e5f58de.svg) no-repeat;
}

.wlist-add:hover span {
    background-image: url(/svgs/add_document_electric_blue-3e524a1f7ae4b609162449b73e86d350.svg);
}

.wlist-remove span {
    background: url(/svgs/delete_electric_blue-c773fa537dff52fc3aaca0888c28cc84.svg) no-repeat;
}

.wlist-remove:hover span {
    background-image: url(/svgs/delete_hover_electric_blue-d211488996a02a5633780977ac90ad80.svg);
}

button.btn.vt-writer-secondary-btn.wlist-remove:hover,
span#importWhitelist:hover {
    color: white;
    background: #00377D;
}

.wlist-add span,
.wlist-remove span,
.teams-add span,
.teams-remove span {
    padding-left: 14px;
    background-size: 12px 12px;
}

.empty-list-message {
    color: #444;
    text-align: center;
    font-style: italic;
    width: 100%;
}

.display-none {
    display: none !important;
}

.display-table-row {
    display: table-row;
}

.visibility-hidden {
    visibility: hidden;
}

.email-server-settings-tab {
    text-align: left;
    position: absolute;
    display: block;
    overflow-y: scroll;
    overflow-x: hidden;
    height: 100%;
    width: 100%;
}

.email-server-settings-tab h2 {
    font-size: 19px;
}

.email-server-options-popup-body {
    text-align: left;
    display: block;
    overflow-y: scroll;
    overflow-x: hidden;
    height: 100%;
    width: 100%;
    margin-bottom: 10px;
}

#importWhitelistModal fieldset,
#importDictionaryModal fieldset {
    border: 1px solid #B5B8C8;
    padding: 10px;
    margin: 10px 0px;
    display: block;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}

#importWhitelistModal legend,
#importDictionaryModal legend {
    margin: 0px;
    font-size: 11px;
    font-weight: bold;
    width: auto;
    border: none;
    text-align: center;
}

.whitelistLabel {
    width: 90%;
    text-align: left;
    vertical-align: middle;
    margin-left: 5px;
}

#importWhitelistModal #fileInputWhitelist,
#importDictionaryModal #fileInput,
#importTeamsModal #fileInputTeams {
    cursor: pointer;
    width: auto;
    display: block;
    background: white;
    border: 1px solid #ccc;
    color: #444;
    padding: 10px 12px;
    margin: 0px;
    width: 100%;
    outline: none;
}

#modalWhiteList #fileInputWhitelist:focus-visible {
    outline: 2px solid black !important;
    border-radius: 2px !important;
    outline-offset: 2px;
}

#importDictionaryModal #fileInput:focus-visible {
    outline: 2px solid black !important;
    border-radius: 2px !important;
    outline-offset: 2px;
}

#importTeamsModal #fileInputTeams:focus-visible {
    outline: 2px solid black !important;
    border-radius: 2px !important;
    outline-offset: 2px;
}


#pfxUpload {
    top: -1px;
    color: #444;
    padding: 6px 0px;
    margin: 0px;
    outline: none;
}

.rescan {
    float: left;
    background: #0071ff;
    margin: 0px 12px;
}

.rescan .scoreHolder {
    margin: 0px 6px;
}

.rescan .bigScoreInfo,
.rescan .subScoreInfo {
    color: white;
    padding-top: 2px;
    padding-bottom: 1px;
}

.rescanButton {
    font-size: 11px;
    background-color: rgba(0, 0, 0, 0.15);
    color: white;
    text-align: center;
    vertical-align: middle;
    display: block;
}

.rescanButton button {
    padding-top: 6px;
    padding-bottom: 6px;
    margin-bottom: 0;
    cursor: pointer;
    background: url(/svgs/refresh-773e025a3ead4356908917745108c129.svg) no-repeat;
    background-size: 18px;
    background-position: 4px 4px;
    text-align: left;
    border: none;
    padding-left: 28px;
    display: block;
    width: 100%;
}

.rescanButton button:hover {
    background-color: rgba(0, 0, 0, 0.3);
}

.rescan-bar {
    height: 30px;
    border: none;
    border-radius: 4px;
    color: white;
}

.rescan-bar button {
    border: none;
    background: url(/svgs/refresh-773e025a3ead4356908917745108c129.svg) no-repeat;
    background-size: 18px;
    background-position: 6px 6px;
    padding-right: 8px;
    padding-left: 28px;
    height: 100%;
    background-color: rgba(0, 0, 0, .15);
}

.rescan-bar button:hover {
    background-color: rgba(0, 0, 0, .3);
}

#set-metrics-form input {
    margin: 0;
}

#set-metrics-form h5 {
    vertical-align: sub;
    text-align: left;
    padding-right: 12px;
}

#set-metrics-form table {
    margin-bottom: 12px;
}

#custom-email-template-table button,
#emailTemplateWarning button,
#confirmCustomEmailTemplate button {
    margin-right: 8px;
}

.out-of-date-message-triangle {
    z-index: 100;
    position: relative;
    left: 90px;
    border: 10px solid #0071ff;
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: transparent;
}

.out-of-date-message-body {
    background: #0071ff;
    color: white;
    padding: 8px;
    position: absolute;
    width: 200px;
    border-radius: 4px;
    text-align: center;
}

.out-of-date-message {
    display: none;
    position: relative;
    left: -93px;
    top: -10px;
    height: 0px;
}

.scanOutOfDateCol {
    max-width: 0px !important;
}

td.num-words-holder,
.key-word-list-holder {
    position: relative;
}

.vertical-divider {
    width: 1px;
    background: #aaa;
    position: absolute;
    top: 24px;
    bottom: 8px;
    opacity: 0;
}

td.key-words-holder .vertical-divider {
    left: 0;
}

td.num-words-holder .vertical-divider {
    right: 0;
}

.key-word-list-holder {
    margin-top: 24px;
    padding-top: 26px;
    /*border-left: 1px solid #aaaaaa;*/
    margin-left: 12px;
    height: 95px !important;
}

.key-word-list-holder button {
    margin-bottom: 8px;
    margin-top: 8px;
    min-width: 130px;
}

.key-word-list-holder button {
    min-width: 130px;
    text-align: left;
    margin: 1px;
    padding: 4px 12px;
}

.key-word-list-holder button:hover {
    background: white;
    color: #00377D;
    border: 1px solid #a6a6a6 !important;
}

.key-word-list-holder button:focus {
    box-shadow: none;
    outline: none !important;
}

.control-buttons {
    text-align: right;
}

.key-word-list-holder {
    width: auto !important;
}

/*#watchWordsTable th {*/
/*    width: 33%;*/
/*}*/

#watchWordsTable td {
    word-break: keep-all;
}

#watchWordsTable .selected span {
    border-left: 0;
}

tr.entry:hover td,
tr.team:hover td {
    background: #ddd;
}

.entry.selected td,
.team.selected td,
.rev-entry#selected td {
    background: #ddd;
}

tr.rev-entry {
    cursor: pointer;
}

.entry i,
.team i {
    color: #533ffb;
    margin-left: 6px;
    cursor: pointer;
}

.entry_category,
.entry_term,
.entry_changeTo,
.entry_desc,
.entry_case_sensitive {
    border-right: 1px dashed lightgrey;
}

.entry_category,
.entry_desc,
.entry_term,
.entry_changeTo {
    width: 26%
}

.entry_language {
    width: 12%;
}

.entry_language select {
    width: 100%;
}

.entry_case_sensitive {
    width: 10%;
    padding-left: 15px !important;
}

.entry_category,
.entry_term,
.entry_changeTo,
.entry_desc,
.entry_case_sensitive {
    position: relative;
}

.team_name {
    width: 258px;
    min-width: 258px;
    border-right: none !important;
}

.team_description {
    width: 258px;
    min-width: 258px;
    border-right: none !important;
}

.team_users {
    width: 138px;
}

.team_add,
.remove-row-teams,
.save-teams {
    margin-bottom: 10px !important;
}

.team-summary-table {
    width: 40%;
    text-align: center !important;
    margin: auto;
    font-size: large;
}

.team-summary-header {
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    text-decoration: underline;
}

.team-results-table {
    width: 70%;
    font-size: 12px;
    margin: auto;
}

.team-results-table td,
.team-results-table th {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 50px;
    border-bottom: 1px #ddd solid;
}

.confirm-dict-edit-button {
    font-size: 14px;
    position: absolute;
    vertical-align: middle;
    top: 8px;
    background: none;
    border: none;
    right: 0px;
    color: #533ffb;
    font-size: 14px !important;
}

.confirm-team-edit-button {
    font-size: 14px;
    top: 8px;
    background: none;
    border: none;
    right: 0px;
    color: #533ffb;
    font-size: 14px !important;
}

.responsive-table tbody {
    display: block;
    width: 100%;
    max-height: 90%;
    overflow-y: auto;
    overflow-x: hidden;
    position: absolute;
    top: 36px;
}

.responsive-table thead {
    display: block;
    position: absolute;
    top: 0px;
    height: 15px;
    width: 100%;
}

.responsive-table thead tr {
    border-top: 2px solid rgb(221, 221, 221);
}

tr.entry,
.responsive-table tr,
.responsive-table th,
tr.team {
    width: 100%;
    display: flex;
}

.entry td,
.input-row td,
.team td {
    display: block;
}

.responsive-table thead th {
    border-top: 2px solid rgb(221, 221, 221);
}

.rounded-occurrences {
    border: 1px solid;
    padding: 8px;
    border-radius: 100px;
    min-width: 32px;
    text-align: center;
    display: inline-block;
    margin-right: 4px;
    font-size: 13px;
    padding-top: 7px;
    padding-bottom: 6px;
    color: #333;
    background: white;
    border-color: #333;
    max-height: 32px;
}

.watch-words-overview-button .rounded-occurrences {
    border-color: #ffff55;
}

.whitelist-overview-button .rounded-occurrences {
    border-color: #333;
}

.key-word-list-holder p {
    display: inline-block;
    margin: 0;
    position: relative;
    top: -1px;
}

.key-word-list-holder button {
    border: 1px #c5c5c5 solid !important;
    min-height: 42px;
    margin-bottom: 10px;
}

.watch-words-overview-button div,
.whitelist-overview-button div {
    background-image: url(/Icons/suggestions_arrow-e5927a7e3cdb7f59b0462a8d5c540609.svg) !important;
    background: white;
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 32px;
    background-size: 6px 12px;
    min-width: 160px;
    color: #333;
}

.watch-words-overview-button:hover,
.whitelist-overview-button:hover,
.watch-words-overview-button:focus,
.whitelist-overview-button:focus,
.watch-words-overview-button:active,
.whitelist-overview-button:active {
    background: white !important;
}

.watch-words-overview-button:hover div,
.whitelist-overview-button:hover div,
.watch-words-overview-button:focus div,
.whitelist-overview-button:focus div {
    background-image: url(/Icons/suggestions_arrow_hover-67ab7ad55028673a110ca1c33782bfce.svg) !important;
    background: white;
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 32px;
    background-size: 6px 12px;
}

.watch-words-overview-button:hover span,
.whitelist-overview-button:hover span,
.watch-words-overview-button:focus span,
.whitelist-overview-button:focus span {
    /*color: #0071ff;*/
    background: white;
    /*border-color: #0071ff;*/
}

.dict-warning-message,
.support-email-warning-message {
    background: pink;
    padding: 6px 12px;
    border-radius: 4px;
    text-align: center;
    display: none;
}

.support-email-warning-message {
    margin-top: 12px;
}

.watch-word-hover-icon {
    background: url(/svgs/i_electric_blue-3970d4ea7ca47277e4c2842f82759961.svg) no-repeat;
    width: 18px;
    height: 18px;
    background-size: contain;
    display: inline-block;
    position: relative;
    margin-left: 4px;
    vertical-align: sub;
}

.watch-word-hover-icon:hover .watch-word-hover-info {
    display: inline-table;
}

.watch-word-hover-info {
    position: relative;
    width: 300px;
    left: 26px;
    background: #333;
    color: white;
    border-radius: 4px;
    padding: 7px 10px;
    top: -10px;
    display: none;
    z-index: 100;
}

.watch-word-hover-info ul {
    margin: 0;
}

.watch-word-hover-triangle {
    border-bottom: 8px solid transparent;
    border-top: 8px solid transparent;
    border-right: 8px solid #333;
    position: absolute;
    left: -8px;
    top: 12px;
}

.thresholds-default-table {
    width: 100%;
}

.thresholds-default-table thead td {
    font-weight: 600;
}

.import-warning-message {
    padding: 6px 0px;
    margin: 12px;
    text-align: center;
    background: #ffadad;
    border-radius: 4px;
    border: 1px #bb6f6f dashed;
    display: none;
}

.responsive-div {
    position: fixed;
    left: 17.5%;
    right: 15%;
    top: 54px;
    bottom: 5%;
    text-align: left;
}

.responsive-table-holder {
    position: absolute;
    left: 0;
    right: 0;
    top: 175px;
    bottom: 0;
}

.responsiveDivHeader {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100px;
}

.responsive-table {
    position: relative;
    width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: 90%;
}

.modal-scrollable-table {
    display: block;
    border: none !important;
    max-height: 40vh;
    overflow-y: auto;
    top: -16px;
    position: relative;
}

.modal-scrollable-team-table {
    border: none !important;
    max-height: 25vh;
    overflow-y: auto;
    top: -16px;
    position: relative;
}

.preview-ww tbody {
    width: 100%;
    display: inline-table;
}

.preview-ww th.category,
.preview-ww td.category {
    width: 15%;
}

.preview-ww th.search-term,
.preview-ww td.search-term {
    width: 25%;
}

.preview-ww th.desc,
.preview-ww td.desc {
    width: 40%;
}

.ww-list-table .modified-by {
    width: 200px !important;
    word-break: break-all;
}

.ww-list-table .date-modified {
    width: 120px;
}

.ww-list-table .ww-description {
    width: 150px;
    white-space: normal;
}

.ww-list-table .buttons-col {}

@media screen and (max-width: 1620px) {

    #watchWordsTable tbody {
        top: 48px;
    }

    .responsive-div {
        left: 20.5%;
    }
}

@-moz-document url-prefix() and (max-width: 1654px) {
    #watchWordsTable tbody {
        top: 48px;
    }

    .responsive-div {
        left: 23%;
    }
}

@media screen and (max-width: 1116px) {
    .responsive-div {
        top: 310px;
        right: 10%;
        left: 10%;
    }

    .whitelistSettings {
        width: auto !important;
    }

    #settingsUL {
        border-right: none !important;
    }
}

@media screen and (max-width: 850px) {
    .importExportDiv {
        position: relative;
    }

    .export-row {
        position: absolute;
        top: -33px;
        right: 0;
    }
}

.importExportDiv {
    float: right;
}

.import-row {
    display: inline;
    margin-right: 13px;
}

.export-row {
    display: inline;
}

.word {
    display: block;
    width: 100%;
}

#topMessageDiv {
    width: 100%;
    left: 0px;
    height: 53px;
    position: fixed;
    z-index: 1003;
    font-size: 13px;
    font-weight: bold;
    color: #0f0f0f;
    border-radius: 0px;
}

.message-image {
    margin-right: 10px;
}
.threshold-image {
    display: flex;
    margin-top: 1px !important;
    margin-right: -1px;
    margin-left: -1px;
    margin-bottom: -2px;
}

.message-text {
    text-align: center;
}

.threshold-text {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
    position: static;
    margin-left: 10px;
    margin-top: 4px;
    font-weight: bold;
    font-size: 13px;
    color: black;
}

#btn-close-msg {
    margin-top: 5px;
    float: right;
}

#goBackButton {
    float: left;
    border: none;
    background: inherit;
    font-size: 25px;
    position: relative;
    color: darkgrey;
    left: -5%;
}

#goBackButton:hover {
    color: grey;
}

.smtp-warning {
    font-size: 14px;
    font-weight: bold;
}

.linkLike {
    cursor: pointer;
    color: #533ffb;
}

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

.smtp-modal {
    max-width: 19%;
    min-width: 200px;
    position: absolute !important;
    top: 4%;
    right: 42%;
}

.smtp-modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
}

.long-word-color-highlight {
    border-bottom: 1px dotted #444;
}

.long-word-color-highlight:hover,
.long-word-color-highlight-hover {
    background: lightgrey;
}

.leftAligned {
    text-align: left;
}

#teams-summary-container {
    height: 12%;
    margin-left: 8%;
    width: 85%;
}

#teams-details-container {
    height: 100%;
    margin-left: 8%;
    width: 85%;
}

#teams-summary-container .row .col-md {
    width: 33%;
}

#teams-summary-container .row {
    display: flex;
    text-align: center;
    padding: 20px 150px 0 150px;
    font-size: 21px;
}

#assignedUsersTable,
#unassignedUsersTable {
    width: 90%;
    margin-left: 36px;
}

.teams-created span {
    background: url(/Icons/team-created-5a2d11ae9307e1eebdc3699442a7003b.png) no-repeat;
}

.assigned-users span {
    background: url(/Icons/assigned-user-7877142e4eb33df615ef3f70d814213b.png) no-repeat;
}

.unassigned-users span {
    background: url(/Icons/unassigned-user-f8f5e81bcc4b09f113e72dbf60a5808e.png) no-repeat;
}

.unassigned-users span,
.assigned-users span,
.teams-created span {
    padding: 5px 0 5px 35px;
    background-size: 30px;
    background-position: 0px center;
}

.teams-responsive-container {
    position: absolute;
    top: 225px;
    bottom: 0;
    left: 0;
    right: 0;
}

.teams-table-holder {
    width: 40%;
    margin-top: 50px;
    position: absolute;
    top: 0;
    bottom: 15%
}

#unassignedUsersTable tbody tr,
#assignedUsersTable tbody tr {
    position: relative;
    width: 100%;
    word-break: break-all;
}

#unassignedUsersTable tbody tr,
#assignedUsersTable tbody tr,
#newTeamsTable tbody tr,
#reactivatedTeamsTable tbody tr {
    display: inline-table;
}

.import-teams-description,
.import-teams-format {
    padding: 0 5px 15px 5px;
}

.import-teams-description {
    text-align: center;
}

.admin-table .team-column {
    text-align: left;
}

.disabled-color {
    color: #c5c5c5;
}

/* Import preview */
#teams-created-table span.heading {
    background: url(/Icons/team-created-5a2d11ae9307e1eebdc3699442a7003b.png) no-repeat;
    background-size: 30px;
    background-position: 0px center;
    padding: 5px 0 5px 35px;
    font-size: 21px;
}

#assigned-users-table span.heading {
    background: url(/Icons/assigned-user-7877142e4eb33df615ef3f70d814213b.png) no-repeat;
    background-size: 30px;
    background-position: 0px center;
    padding: 5px 0 5px 35px;
    font-size: 21px;
}

#unassigned-users-table span.heading {
    background: url(/Icons/unassigned-user-f8f5e81bcc4b09f113e72dbf60a5808e.png) no-repeat;
    background-size: 30px;
    background-position: 0px center;
    padding: 5px 0 5px 35px;
    font-size: 21px;
}

.preview-buttons {
    top: 94%;
    position: fixed;
    width: fit-content;
    left: 45%;
    margin-bottom: 15px;
}

div#team-preview-top-container {
    width: 100%;
    height: 25%;
    display: flex;
    position: absolute;
    top: 5%;
    left: 20%;
    right: 0;
}

div#team-preview-bot-container {
    width: 100%;
    display: flex;
    top: 36%;
}

label#label-move-historical-scans,
label#reactivate-deleted-teams {
    padding-left: 21px;
    padding-top: 4px;
    position: relative;
    right: 0;
    font-size: 12px;
}

input#input-move-historical-scans,
input#input-reactivate-deleted-teams {
    display: block;
    position: absolute;
    left: 0;
    width: auto;
    top: 1px;
}

div#assigned-users-table {
    text-align: center;
    border-bottom: 1px solid #aaa;
    width: 95%;
    margin-left: 17px;
    margin-bottom: 28px;
    padding-bottom: 5px;
}

div#unassigned-users-table {
    text-align: center;
    border-bottom: 1px solid #aaa;
    width: 95%;
    margin-left: 17px;
    margin-bottom: 28px;
    padding-bottom: 30px;
}

.team-import-title {
    text-align: center;
    border-bottom: 1px solid #aaa;
    font-size: 23px;
    padding-bottom: 5px;
    position: relative;
    right: 5%;
    top: 0;
}

.team-preview-responsive {
    width: 100%;
    display: flex;
    top: 0;
    position: relative;
    height: 75%;
    left: 0;
    right: 0;
}

.teams-preview-table-holder {
    height: 75%;
    top: 0;
    width: 50%;
    position: absolute;
    bottom: 15%;
}

.revision-scan-cell {
    border-left: 3px lightgrey !important;
    border-left-style: solid !important;
}

.rev-number {
    margin-left: 12px;
    font-weight: bold;
}

.rev-number-changes {
    font-size: 11px;
    color: grey;
}

.revision-icon span {
    position: absolute;
    top: 0%;
    width: 3%;
    left: 45%;
    height: 100%;
    background-color: lightgray;
}

span.revision-icon.original-revision-icon {
    height: 80% !important;
}

td.scanIconCol.revision-icon {
    position: relative;
}

button.actions-button-state {
    background-image: url(/svgs/three_dots_blue-ed0b7a30e17345bec2cf3803c40eba11.svg);
    border-color: #36f;
    background-color: transparent;
}

button.actions-button-state:hover {
    background-image: url(/svgs/three_dots_white-ecf9b6bc2d6f6df0c9aaf87adf53633b.svg);
    border-color: #00377D;
    background-color: #00377D;
}

/*.actions-button, .dropdown-menu {
	padding-right: 0px;
    opacity: 0 !important;
}

.scanTitleCol:hover .actions-button, .scanTitleCol:hover .dropdown-menu {
	padding-right: 0px;
    opacity: 1 !important;
}*/

ul.dropdown-menu {
    top: 100%;
}

.last-row.dropdown ul {
    top: auto;
    bottom: 30px;
}

#revision-delete-prompt {
    display: hidden;
}

tr.revision-row-no-border td {
    border-bottom: none !important;
}



.revision-candidates-list-table {
    width: 100%;
}

.revision-candidates-list-table td {
    vertical-align: middle !important;
}

.revision-candidates-list-table tbody tr:first-child button {
    display: none;
}

.revision-candidates-list-table .rev-scan-title {
    width: 800px !important;
    word-break: break-all;
    text-align: left !important;

}

.revision-candidates-list-table .rev-scan-title th {
    padding-bottom: 6px !important;
}

.revision-candidates-list-table .rev-scan-date {
    width: 120px;
}

.revision-candidates-list-table .rev-lang {
    width: 60px;
    white-space: normal;
}

.revision-candidates-list-table .rev-word-count {
    width: 100px;
    padding-right: 15px;
}

.revision-candidates-list-table td,
.revision-candidates-list-table th {
    padding-top: 12px;
    padding-bottom: 12px;
    border-bottom: 1px #ddd solid;
    text-align: right;
    background: none;
}

table.revision-candidates-list-table {
    margin-bottom: 15px;
}

.rev-modal-body-holder {
    padding: 15px;
}

.revisionsTableBody img {
    width: 22px;
    vertical-align: middle;
    margin-top: 0px;
    height: 22px;
}

.rev-scan-icon {
    padding-left: 15px;
    padding-right: 15px;
    width: 60px;
    text-align: center !important;
}

.rev-preview {
    padding-bottom: 20px;
    font-size: 12px;
    max-width: 80%;
}

#rev-preview {
    display: block;
    max-width: 80%;
}

#rev-preview div {
    padding: 2px;
}

#hist-scan-selected,
#dialog-scan-selected {
    color: #0062de;
}

.revision-bind-message {
    font-size: 12px;
}

#rev-type {
    font-weight: bold;
}

#selected-scan-rev-bind,
#selected-rev-upload-title {
    font-weight: bold;
    text-decoration: underline;
}

button.actions-button.actions-button-state {
    background-size: 13px 3px;
    background-position: center;
    background-repeat: no-repeat;
    min-width: 36px;
    min-height: 29px;
    position: relative;
    display: inline-block;
    border-radius: 0px;
    border-width: 1px;
    vertical-align: middle;
}

button.actions-button-state {
    background-image: url(/svgs/three_dots_purple-b7778364de4b223985d2dc1c682f4937.svg);
    border-color: #533ffb;
    background-color: transparent;
}

button.actions-button-state:hover {
    background-image: url(/svgs/three_dots_white-ecf9b6bc2d6f6df0c9aaf87adf53633b.svg);
    border-color: #533ffb;
    background-color: #533ffb;
}

.scanTitleCol .actions-button,
#analysis-history-dd.dropdown-menu {
    padding-right: 0px;
    opacity: 0 !important;
}

.scanTitleCol:hover .actions-button,
.scanTitleCol:hover #analysis-history-dd.dropdown-menu {
    padding-right: 0px;
    opacity: 1 !important;
}

.header-holder div {
    display: inline-block;
}

.rev-button {
    cursor: pointer;
    font-size: 18px;
}

.header-title-dropdown.dropdown-menu {
    padding-right: 0px;
    opacity: 1 !important;
}

.header-title-next-rev {
    display: inline-block;

}

.header-title-next-rev p:hover {
    text-decoration: underline;
}

.header-title-next-rev p {
    font-size: 12px;
    color: #36f;
    cursor: pointer;
    margin-left: 6px;
    display: inline-block;
    vertical-align: baseline;
}

.rev-button {
    margin-left: 12px;

}



/* DELTA PROTOTYPES */
.passiveDeltaHover .hoverDivBody,
.longSentDeltaHover .hoverDivBody,
.readabilityDeltaHover .hoverDivBody,
.gradeDeltaHover .hoverDivBody {
    width: 205px;
    text-align: left;
    padding-top: 0;
}

.passiveDeltaHover .hoverDivTriangle,
.longSentDeltaHover .hoverDivTriangle,
.readabilityDeltaHover .hoverDivTriangle,
.gradeDeltaHover .hoverDivTriangle {
    margin-left: 7px;
    top: -9px;
}

.passiveDeltaHover .hoverDivTriangleOverlay,
.longSentDeltaHover .hoverDivTriangleOverlay,
.readabilityDeltaHover .hoverDivTriangleOverlay,
.gradeDeltaHover .hoverDivTriangleOverlay {
    margin-left: 102px;
    top: -8px;
    left: -95px;
}

.passiveDeltaHover,
.longSentDeltaHover,
.readabilityDeltaHover,
.gradeDeltaHover {
    display: none;
}

.delta-div-holder {
    position: fixed;
    z-index: 1000;
    /*bottom: -12px;
    left: -16px;*/
}

.readabilityCol-delta,
td.scanIconCol,
th.scanIconCol {
    text-align: center !important;
}

.readabilityCol-delta {
    min-width: 80px;
}

.readabilityCol-delta div {
    border-radius: 4px;
    text-align: center;
    padding: 8px;
    min-width: 56px;
    margin: auto;
    border: solid 1px;
}

.delta-border {}

.checkboxCol,
.scanIconCol,
.scanTitleCol,
.scanDateCol,
.wordCountCol,
.longSentenceCol,
.avgSentenceCol,
.passiveLangCol,
.readabilityCol-delta,
.readingLevelCol {
    padding: 0px 6px;
}

.green-delta {
    color: #299c21;
}

.yellow-delta {
    color: #ffb200;
}

.red-delta {
    color: #f00;
}

/* DELTA ARROWS */
.delta-cell .delta-table-holder {

    background-repeat: no-repeat;
    background-size: 11px;
    background-position: right center;
}

.delta-cell .delta-table-holder.delta-bad-increase .red-delta {
    background-image: url(/Icons/Arrow_Red_Up-098c3979e0b1a8d062f304d13506d0e5.svg);
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: right 2px;
    padding-right: 18px;
}

.delta-cell .delta-table-holder.delta-good-decrease .green-delta {
    background-image: url(/Icons/Arrow_Green_Down-4659db0e167f77d232555b5106127abd.svg);
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: right 2px;
    padding-right: 18px;
}

.delta-cell .delta-table-holder.delta-neutral .neutral-delta {
    background-image: url(/Icons/general_flat_arrow-aaf6dac713205bb2d89ef41edef9e7b1.svg);
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: right 2px;
    padding-right: 18px;
}

.delta-tables {
    height: auto !important;
    overflow: visible;
    display: inline-block;
    width: auto !important;
    position: relative;
    top: 3px;
}

.delta-tables tbody,
.delta-tables td {
    border: none;
}

.delta-tables td {
    padding: 0px 1px;
}

.delta-table-holder {
    /*padding-right: 14px;*/
}

.banding-delta {
    background-color: aliceblue;
}


.revision-row-no-bolding td.wordCountCol,
.revision-row-no-bolding td.longSentenceCol,
.revision-row-no-bolding td.avgSentenceCol,
.revision-row-no-bolding td.passiveLangCol,
.revision-row-no-bolding td.readingLevelCol {
    font-weight: normal;
}

.scanTitleCol:hover .open>.dropdown-menu {
    display: block !important;
}

td.paragraphNumberCell {
    padding-top: 16px !important;
}

td.suggestionsCell {
    padding-top: 8px !important;
}

td.readabilityCell {
    padding-top: 13px !important;
}

td.gradeLevelCell {
    padding-top: 13px !important;
}

/* Style the button that is used to open and close the collapsible content */
.suggestion-holder {
    cursor: pointer;
    outline: none;

    background-image: url(/Icons/suggestions_arrow-e5927a7e3cdb7f59b0462a8d5c540609.svg) !important;
    background-size: 7px !important;
    background-repeat: no-repeat !important;
    background-position: 97% center !important;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.suggestion-holder:hover {
    background-image: url(/Icons/suggestions_arrow_hover-67ab7ad55028673a110ca1c33782bfce.svg) !important;
    background-size: 7px !important;
    background-repeat: no-repeat !important;
    background-position: 97% center !important;
}

.suggestion-holder {
    padding: 8px;
}

.active-suggestion .suggestion-holder {
    background-image: url(/Icons/suggestions_arrow_active-fd3119372145df71b985cfcee979cd1b.svg) !important;
    background-size: 12px !important;
    background-repeat: no-repeat !important;
    background-position: 97% 2px !important;
}

.suggestion-holder.disabled {
    border-color: lightgrey !important;
    color: lightgrey !important;
    background: none !important;
}

.active-suggestion .veryLongSentenceHint.suggestion-holder,
.veryLongSentenceHint.suggestion-holder:hover {
    background-color: rgba(128, 0, 127, 0.1);
    /*IE*/
    background-color: #80008016;
}

.active-suggestion .longSentenceHint.suggestion-holder,
.longSentenceHint.suggestion-holder:hover {
    background-color: rgba(75, 195, 255, 0.1);
    background-color: #4bc3ff16;
}

.active-suggestion .passiveHint.suggestion-holder,
.passiveHint.suggestion-holder:hover {
    background-color: rgba(213, 92, 92, 0.1);
    background-color: #d55c5c16;
}

.active-suggestion .verbHint.suggestion-holder,
.verbHint.suggestion-holder:hover {
    background-color: rgba(174, 199, 149, 0.35);
    background-color: #aec79516;
}

.active-suggestion .watchWordHint.suggestion-holder,
.watchWordHint.suggestion-holder:hover {
    background-color: rgba(255, 255, 85, 0.1);
    background-color: #ffff5516;
}

.active-suggestion .adverbHint.suggestion-holder,
.adverbHint.suggestion-holder:hover {
    background-color: rgba(255, 0, 128, 0.1);
    background-color: #FF008016;
}

.active-suggestion .grammarHint.suggestion-holder,
.grammarHint.suggestion-holder:hover {
    background-color: rgba(42, 32, 126, 0.1);
    background-color: #2a207e16;
}

.active-suggestion .longWordHint.suggestion-holder,
.longWordHint.suggestion-holder:hover {
    background-color: rgba(211, 211, 211, 0.4);
    background-color: #d3d3d316;
}

.active-suggestion {
    /* , .suggestions-trow:hover{ */
    border: 1px #eee solid !important;
}

/* Style the collapsible content. Note: hidden by default */
.coll-content {
    display: none;
    overflow: hidden;
}

.suggestions-tbody {
    overflow: hidden;
}

tbody.suggestions-tbody {
    display: table-row-group;
    ;
}

.active-suggestion p {
    border-left-color: inherit;
}

.active-suggestion .coll-content {
    display: block;
}

.suggestion-unselected {
    opacity: .5;
}

.active-suggestion .hint-preview {
    display: none;
}

.coll-content span,
.hint-preview span {
    display: block;
}

.suggestions-trow td {
    padding: 0 !important;
}

.suggestions-trow .suggestions-border {
    /*padding: 8px 8px;*/
    border: 1px white solid;
}

.suggestions-trow .suggestions-border:hover {
    border-color: lightgrey;
}

.watchWordHint span {
    padding: 4px 0px;
}


/* System Admin Settings */
#systemAdminContent h2 {
    font-size: 19px;
}

.systemSettings {
    width: 100%;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;

    form {
        width: 825px;
    }
}

.system-settings-form-no-border {
    padding-bottom: 2%;
    margin-bottom: 40px;
    text-align: left;
}

.vt-slider-label.off {
    color: #aaa;
}

#enable-ai:checked ~ #ai-slider,
#enable-rag:checked ~ #rag-slider,
#enable-streaming:checked ~ #streaming-slider,
#enable-sharepoint:checked ~ #sharepoint-slider,
#ai-use-sage-maker:checked ~ #ai-use-sage-maker-slider {
    background-color: #533ffb;
    &:before {
        transform: translateX(13px);
    }
}

#enable-ai ~ #ai-slider,
#enable-rag ~ #rag-slider,
#enable-streaming ~ #streaming-slider,
#enable-sharepoint ~ #sharepoint-slider,
#ai-use-sage-maker ~ #ai-use-sage-maker-slider {
    background-color: #aaa;
    &:before {
        transform: translateX(0);
    }
}

#enable-rag:disabled ~ #rag-slider,
#enable-streaming:disabled ~ #streaming-slider,
#enable-sharepoint:disabled ~ #sharepoint-slider,
#ai-use-sage-maker:disabled ~ #ai-use-sage-maker-slider {
    background-color: #ccc;
}

.system-settings-form {
    padding-bottom: 2%;
    border-bottom: 1px solid gainsboro;
    margin-bottom: 40px;
    text-align: left;
}

.system-settings-form h3,
.system-settings-form-no-border h3{
    font-size: 11px;
    margin-top: 7.5px;
}

.password-blurb h3 {
    font-size: 14px;
    margin-top: 7.5px;
}

.switch {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 16px;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.toggle-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.toggle-slider:before {
    position: absolute;
    content: "";
    height: 12px;
    width: 12px;
    left: 4px;
    bottom: 2px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked+.toggle-slider {
    background-color: #8dbb37;
}

input:focus+.toggle-slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked+.toggle-slider:before {
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
}

/* Rounded sliders */
.toggle-slider.round {
    border-radius: 34px;
}

.toggle-slider.round:before {
    border-radius: 50%;
}

.auth-type-toggle {
    text-align: left;
    position: relative;
    margin-top: 8px;
}

.auth-type-toggle span {
    font-size: 14px;
    vertical-align: middle;
    padding-right: 12px;
}

.auth-type-toggle .switch {
    position: absolute;
    right: 0;
    top: 1px;
}

.sso-settings,
.password-settings {
    text-align: left;
}

.sso-buttons {
    margin: 12px 0px;
}

#metadata-download,
#user-passwords-download {
    background-image: url(/svgs/download_document_primary-a287211e0c9ad07b36f58332f05e7014.svg);
    background-repeat: no-repeat;
    padding-left: 32px !important;
    background-position: 8px center;
    background-size: 18px;
}

#metadata-download:hover,
#user-passwords-download:hover {
    background-image: url(/svgs/download_document_primary-a287211e0c9ad07b36f58332f05e7014.svg);
}

.ext-link-icon svg {
    width: 12px;
    height: 12px;
    fill: white;
    vertical-align: top;
}

#test-sso-connection.ext-link-icon svg {
    fill: #533ffb;
}

#test-sso-connection.ext-link-icon:hover svg {
    fill: white;
}

.ext-link-icon:hover svg {
    fill: white;
}

.sso-input-holder label {
    font-weight: 600;
    font-size: 14px;
}

.sso-input-holder input {
    height: 32px;
    padding: 4px;
}

.sso-input-holder input,
.sso-input-holder textarea {
    width: 100%;
    resize: auto;
}

.sso-settings span,
.sso-settings p {
    font-size: 12px;
}

.sso-confirm-buttons {
    margin-top: 12px;
    width: 100%;
}

.auth-type-active .auth-type-label {
    padding-right: 20px;
    background: url(/svgs/ic_check_black-249bdf541475c35f67ed10ed6c9b2bb3.svg) no-repeat;
    background-position: right center;
    background-size: 14px;
}

.password-settings {
    /*padding-bottom: 16px;*/
}

.password-settings .border-bottom,
.sso-settings .border-bottom {
    border-bottom: 1px solid lightgrey;
    padding-bottom: 16px;
}

.smtp-last-generated p {
    margin-top: 8px;
}

.generated-pass {
    color: #8dbb37;
    margin: 12px;
    margin-top: 0;
}

.new-password-message {
    display: block;
    margin-top: 12px;
}

/* SysAdmin responsiveness */
/*(I hate responsive scrolls) - Conor*/
.system-admin-parent-row {
    position: relative;
    height: 85%;
}

.responsive-tab-content {
    position: absolute !important;
    left: 14%;
    top: 0;
    bottom: 0;
}

.auth-saml-enable-row {
    width: 100%;
}

#sso-form {
    height: 100%;
}

.sso-body {
    overflow: auto;
    padding-right: 12px;
    width: 100%;
}

/* Generic Dropdown CSS */
.user-admin-dd {
    top: 26px !important;
    left: unset !important;
    right: 0 !important;
    z-index: 1050 !important;
}

/* Logout page */
.logout-horizontal-divider {
    height: 1px;
    background: #9ba4b1;
    position: absolute;
    left: 5px;
    right: 6px;
}

.password-blurb,
.sso-blurb {
    text-align: left;
    border-left: 1px solid lightgrey;
    margin-bottom: 12px;
}

/* 2020 Redesign */

#main {
    padding-left: 48px;
    width: 100%;
}

.vt-page-header {
    display: flex;
    z-index: 11 !important;
    justify-content: space-between;
    vertical-align: middle;
    height: 48px;
    background: #533ffb;
    padding-top: 8px;
    padding-bottom: 8px;
}

.vt-page-header,
.vt-page-header a,
.vt-page-header:hover a,
.vt-page-header button,
.vt-page-header:hover button {
    font-size: 11px;
    color: white;
    z-index: 2;
    position: relative;
}

.vt-page-header:hover a,
.vt-page-header a:active,
.vt-page-header a:focus {
    text-decoration: none;
    color: white !important;
}

.vt-page-header .btn {
    border-radius: 50px;
}

.vt-page-header img {
    width: 14px;
    vertical-align: inherit;
    margin-left: 4px;
}

.header-divider {
    background: #7d6eff;
    height: 24px;
    display: inline-block;
    width: 1px;
    vertical-align: bottom;
    margin-left: 12px;
}

.header-rhs {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding-right: 26px;
    width: 50%;
}

.dropdown-text {
    margin-right: 10px;
}

.dropdown-icon {
    font-size: 7px;
    position: absolute;
    top: 7px;
}

#user-menu-dropdown {
    position: absolute;
    top: 38px;
    margin-right: 2px;
}

.header-lhs {
    display: flex;
    margin-left: 22px;
    width: 49%;
}

.brand-header {
    display: flex;
    height: 100%;
    align-items: center;
    padding-top: 2px;
}

.header-lhs .application-brand h1 {
    display: inline-block;
    margin: 0;
    font-size: 17px;
    border-left: 2px solid #9387fc;
    padding-left: 16px;
    vertical-align: bottom;
}

.header-middle {
    display: flex;
    justify-content: space-between;
    width: 252px;
    height: auto;
    background-color: #352BA1;
    border-radius: 6px;
    align-items: center;
    padding-right: 9px;
    padding-left: 9px;
}

.header-middle:hover {
    background-color: #2B2281; !important;
}

.word-icon {
    background-image: url(/Icons/home-header-word-icon-b967c10c5e3f7556468bd176a9feca82.svg);
    background-size: contain;
    background-repeat: no-repeat;
    height: 20px;
    width: 22px;
}

.header-middle-text {
    margin-top: 2px;
}

.header-button {
    background-image: url(/Icons/Download-icon-12ad78ea44717a3c9b6bfcc9dba89b8e.svg);
    background-size: contain;
    background-repeat: no-repeat;
    font-size: 9px;
    border-radius: 4px !important;
    height: 19px;
    width: 19px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.application-brand span {
    font-weight: 100;
    color: #444;
    margin-left: 12px;
}

.application-brand h2 {
    font-weight: 200;
    font-size: 36px;
    margin-top: 24px;
}

.application-icon {
    background: url(/Icons/VTWriter-Logo-Negative-d7d034684c67b24128a85b1afd16d150.svg) no-repeat;
    background-size: contain;
    height: 24px;
    width: 116px;
}

.application-version {
    display: flex;
    align-items: center;
    color: white !important;
    font-size: 9px;
    padding-right: 16px;
    margin-left: 0 !important;
}

.vt-insights-header .application-version {
    right: 0px;
}

.vt-insights-header .application-icon {
    background-image: url(/Icons/VTWriter-Logo-Negative-d7d034684c67b24128a85b1afd16d150.svg);
    height: 20px;
    top: 4px;
}

.vt-insights-header .header-lhs .application-brand h1 {
    display: inline-block;
    font-size: 17px;
    border-left: 2px solid #9387fc;
    padding-left: 16px;
    vertical-align: bottom;
    color: white;
    margin-left: 10px;
}

.confirmRow button {
    width: 40%;
    margin-top: 16px;
    margin-bottom: 16px;
    background: #533ffb;
    border-color: #533ffb;
    color: white;
    border-radius: 0;
    height: 40px;
}

.confirmRow button:hover,
.confirmRow button:active {
    background: #2a207e !important;
}

.confirmRow button:focus-visible {
    outline: 2px solid black !important;
    border-radius: 2px !important;
    outline-offset: 4px;
}

.home-container{
    overflow-y: auto;
}

.home-features {
    margin-top: 32px;
}

.vt-tab-layout {
    text-align: left;
    font-size: 13px;
    display: inline-block;
    width: 12%;
    float: left;
    margin-right: 20px;
    position: relative;
    z-index: 1;
}

.vt-tab-layout h2 {
    font-size: 13px;
    display: contents;
}

.alert-warning {
    background-color: #fde9cd !important;
}
.alert-thresholds {
    display: flex;
    background-color: #fde9cd;
    border-color: #faebcc;
    color: #8a6d3b;
    position: relative;
    right: 16px;
    width: 107%;
    margin-top: -15px;
}

.vt-tab-layout a:hover {
    color: #533ffb !important;
}

.vt-tab-layout .vt-tab-bg {
    background: #e4e4e4;
    /*f3f3f3*/
    position: absolute;
    z-index: -1;
    top: -20px;
    left: 0;
    right: -20px;
    bottom: -10000px;
}

.vt-tab-layout li {
    border-bottom: 1px solid lightgrey;
}

.vt-tab-layout li.active {
    padding-left: 6px;
}

.vt-tab-layout li:last-child {
    border-bottom: 0px;
}

.vt-tab-layout a {
    padding-left: 6px !important;
    margin: 16px 0;
    padding: 0px 8px !important;
}

.vt-tab-layout .active a {
    font-weight: 600;
    border-left: 2px solid #533ffb;
}

.vt-tab-layout .active h2 {
    font-weight: 600;
}

.vt-tab-layout a:hover,
.vt-tab-layout a:focus,
.vt-tab-layout a:active {
    background-color: transparent !important;
}

.topButtons.normal-flow {
    margin-top: 28px;
    margin-bottom: 0;
}

.vt-writer-primary-btn {
    border-radius: 0px !important;
    border: 1px solid #533ffb !important;
    background-color: #533ffb !important;
    position: relative;
    color: white !important;
}

.vt-writer-primary-btn:hover {
    background-color: #2a207e !important;
    border-color: #2a207e !important;
}

.vt-writer-primary-btn:hover,
.vt-writer-primary-btn:focus,
.vt-writer-primary-btn:active {
    color: white !important;
}

.vt-writer-secondary-btn {
    border-radius: 0px !important;
    border: 1px solid #533ffb !important;
    background-color: white;
    position: relative;
    color: #533ffb !important;
}

.vt-writer-secondary-btn:hover {
    color: white !important;
    background-color: #533ffb !important;
}

.vt-writer-secondary-btn:active {
    color: white !important;
    background-color: #2a207e !important;
}

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
    outline: none !important;
}

.vt-writer-admin-page {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 20px 30px;
    /*100% - Navbar Height - Margin */
    height: calc(100% - 48px - 40px)
}

.vt-writer-admin-page h2,
.vt-writer-admin-page h3 {
    font-weight: 600;
}

.vt-writer-admin-page h2 {
    font-size: 18px;
}

.vt-writer-admin-page h3 {
    font-size: 13px;
    margin-top: 7.5px;
}

.vt-writer-admin-page table h3 {
    font-size: 14px;
    font-weight: 500;
    margin-top: 7.5px;
    color: #434159;
}

.vt-writer-admin-page #searchUsersInput {
    margin-top: 2px;
    border-radius: 0;
}

.vt-writer-clear-btn {
    /*left: -40px;*/
    border: none !important;
    background: none !important;
    color: lightgrey !important;
}

.vt-writer-clear-btn i {
    font-size: 20px;
}

.vt-writer-search-btn {
    min-width: 88px;
}

.vt-writer-premium-btn {
    margin-left: 2px;
    top: -1px;
}

.vt-writer-premium-btn:hover {
    background: #2a207e !important;
}

.toggle.vt-writer-toggle,
.toggle-on.vt-writer-toggle,
.toggle-off.vt-writer-toggle {
    border-radius: 100px;
    height: 10px;
}

.toggle.vt-writer-toggle .toggle-handle {
    border-radius: 100px;
    height: 10px;
}

.modal-content {
    border-radius: 0px !important;
}

.modal-body button {
    margin: 0px 4px;
}

.topButtons {
    margin-top: 16px;
    margin-bottom: 12px;
    margin-right: 12px !important;
}

.watch-words-overview-button:hover,
.whitelist-overview-button:hover {
    background: white !important;
}

.scan-metrics-table {
    margin-left: 10px;
}

.get-started {
    text-align: right;
    right: 56px;
    padding-top: 52px;
}

.get-started span {
    font-size: 12px;
    vertical-align: middle;
    margin-right: 12px;
}

/*Grammar Hints*/
span.sub-suggestion {
    margin-top: 12px;
    border: 1px solid transparent;
    padding: 8px;
    padding-right: 12px;
}

span.sub-suggestion:hover {
    background: #2a207e32;
    border: 1px solid transparent;
}

.sub-suggestion.disabled {
    opacity: 0.5;
}

.suggestion-holder b.disabled {
    opacity: 0.5;
}

.downgradeOptionsList {
    text-align: left;
}

.downgradeOptionsItem {
    padding-top: 5px;
}

/* Premium Single User Trial */
.premium-header-prompt p,
.premium-header-prompt span {
    padding: 0;
    margin: 0;
    vertical-align: bottom;
}

#premium-header-prompt-container {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.premium-header-prompt {
    display: flex;
    background-color: #352BA1;
    height: 100%;
    align-items: center;
    padding: 4px 8px;
    border-radius: 6px;
}

.premium-header-prompt .btn b {
    padding-left: 4px;
}

.premium-header-prompt:hover {
    background-color: #2B2281;
    cursor: pointer;
}

.premium-header-prompt .btn:hover {
    color: white;
}

.subscribe-text {
    font-size: 11px !important;
}

@media screen and (max-height: 880px) {
    .premium-1-trial-footer {
        display: none;
    }
}

.premium-1-trial-footer p {
    font-size: 24px;
}

.premium-1-trial-footer {
    background: #1f2631;
    position: relative;
    bottom: 100px;
    height: auto;
    color: white;
    left: 6%;
    width: 90%;
    text-align: center;
    padding: 32px;
    border-radius: 6px;
    display: block;
}

.premium-1-trial-footer button {
    margin: 12px;
    font-size: 12px;
    padding-left: 24px;
    padding-right: 24px;
    margin-bottom: 0;
}

/* Premium modal */
#upgradeTiersModal .modal-content {
    border-radius: 12px !important;
}

#upgradeTiersModal .modal-dialog {
    width: auto;
    max-width: unset;
}

.tier-name {
    font-weight: 600;
    font-size: 16px;
    text-align: center;
    display: block;
}

.tier-price {
    text-align: center;
}

.price {
    font-size: 42px;
    font-weight: 600;
    display: inline-block;
}

.price-frequency {
    display: inline-block;
    text-align: left;
    color: grey;
    padding-left: 8px;
}

.premium-tier-name {
    border-bottom: 1px solid lightgrey;
    padding: 12px;
}

.premium-tier-features li {
    list-style: none;
}

.premium-bullet-point {
    background: #dad7fd;
    border-radius: 100px;
    padding: 4px;
    margin: 4px;
    margin-right: 8px;
    color: #442ef9;
    vertical-align: top;
}

.premium-tier-features li {
    list-style: none;
    font-weight: 600;
    font-size: 13px;
}

.premium-tier-features span {
    display: inline-block;
    vertical-align: middle;
    max-width: 85%;
    padding-top: 5px;
}

.premium-tier-features ul {
    padding: 0;
}

.premium-tier-features {
    padding: 20px 0;
    min-height: 280px;
    text-align: left;
}

.col-md-4.highlighted {
    background: #f4f3ff;
    border-radius: 8px;
}

.premium-tier-button-holder .btn {
    width: 80%;
}

#upgradeTiersModal .modal-header {
    border: 0;
    display: block;
    font-size: unset;
    font-weight: unset;
    text-align: unset;
}

#upgradeTiersModal h4 {
    font-size: 24px;
    padding-top: 12px;
    display: block;
    text-align: center;
}

#upgradeTiersModal button.close,
#userAdminTeamsUpgradeModal button.close {
    color: #533ffb;
    opacity: 1;
    font-size: 24px;
}

#paymentModal .modal-dialog {
    max-width: 100%;
}

.premium-tier-button-holder {
    text-align: center;
    margin: 14px 0;
}

.premium-tiers-body {
    padding: 12px;
}

.premium-tiers-body .col {
    padding: 0 16px;
}

/*vt-writer-secondary-btn button:focus-visible {
    outline: 2px solid black !important;
    outline-offset: 1px;
    border-radius: 2px;
}*/

.confirmation-buttons button:focus-visible {
    outline: 2px solid black !important;
    border-radius: 2px !important;
    outline-offset: 2px;
}

.modal-body button:focus-visible {
    outline: 2px solid black !important;
    border-radius: 2px !important;
    outline-offset: 2px;
}

.form-group button:focus-visible {
    outline: 2px solid black !important;
    border-radius: 2px !important;
    outline-offset: 2px;
}

.responsiveDivHeader button:focus-visible {
    outline: 2px solid black !important;
    border-radius: 2px !important;
    outline-offset: 2px;
}

.import-row span:focus-visible {
    outline: 2px solid black !important;
    border-radius: 2px !important;
    outline-offset: 2px;
}

.license-settings button:focus-visible {
    outline: 2px solid black !important;
    border-radius: 2px !important;
    outline-offset: 2px;
}

.license-settings h3 {
    font-size: 14px;
}

.system-settings-form button:focus-visible,
.system-settings-form-no-border button:focus-visible {
    outline: 2px solid black !important;
    border-radius: 2px !important;
    outline-offset: 2px;
}

#custom-support-contact-submit:focus-visible {
    outline: 2px solid black !important;
    border-radius: 2px !important;
    outline-offset: 2px;
}

#tempPassSubmitButton {
    margin-top: 15px;
}

#insightsAccessModal {
    margin-left: 48px;
    @media (min-width: 576px) {
        .modal-dialog {
            margin-top: 28px;
            margin-bottom: 28px;
            max-width: 500px;
        }
    }
    .modal-dialog {
        box-shadow: none;
        background-clip: padding-box;
        background-color: #fff;
        border: 1px solid rgba(0, 0, 0, 0.2);
        border-radius: 5px;
        outline: 0;
        pointer-events: auto;
    }

    .access-modal-header {
        border-bottom: 1px solid #e5e5e5;
        font-weight: bold;
        font-size: 15px;
        text-align: left;
        padding: 16px;
    }

    .access-modal-body {
        padding: 16px;
        position: relative;
        font-size: 13px;

        .access-modal-body-alert {
            margin-top: 8px;
            margin-bottom: 8px;
            display: flex;
            flex-direction: row;
            width: 100%;
            background: #FDE9CD 0 0 no-repeat padding-box;
            border-radius: 4px;
            align-items: center;
            font-size: 12px;
        }

        .access-modal-body-alert-icon {
            margin: 10px;
            height: 20px;
            width: 20px;
        }
    };

    .access-modal-footer {
        display: flex;
        justify-content: flex-end;
        padding: 12px;
        border-top: 1px solid #dee2e6;

        a {
            margin: 4px;
        }
    }

    .btn-primary {
        border-radius: unset;
        background-color: #533ffb;
        border-color: #533ffb;

        &:hover {
            background-color: #190a95;
        }
    }
}