/*html {*/
/*    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;*/
/*    -moz-osx-font-smoothing: grayscale;*/
/*    -webkit-font-smoothing: antialiased;*/
/*}*/

/*.font-sans {*/
/*    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;*/
/*    -moz-osx-font-smoothing: grayscale;*/
/*    -webkit-font-smoothing: antialiased;*/
/*}*/



.max-lines {
    display: block;/* or inline-block */
    text-overflow: ellipsis;
    word-wrap: break-word;
    overflow: hidden;
    max-height: 5.6em;
    line-height: 1.8em;
}



/*@media (min-width: 320px) {
html {
    font-size: calc(.27027vw + 16.13514px);
}
} */


[v-cloak] {
    display: none;
}
.trix-editor-message {
    min-height: 10em;
}

.trix-editor-comment {
    min-height: 10rem;
}

.trix-button--icon-increase-nesting-level,
.trix-button--icon-decrease-nesting-level { display: none; }

/* Start: Trix editor formatting */
.formatted_content a {
    color: #5850ec;
    text-decoration: underline;
}

.formatted_content h1 {
    font-size: 1.2em;
    margin: 0 0 0.5em;
    font-weight: bold;
}

blockquote {
    border-left: 3px solid #000;
    margin: 0;
    padding: 0 0 0 1em;
}

.formatted_content pre {
    padding: 1rem;
    background: rgba(0,0,0,0.03);
    border-radius: 0.4rem;
    white-space: pre;
    word-wrap: normal;
    word-break: normal;
    overflow-x: auto;
    margin: 0.5em 0;
}

.formatted_content ul {
    margin: 0.65em 0 0.9em;
    padding-left: 2em;
    list-style: disc;
}

.formatted_content ol {
    margin: 0.65em 0 0.9em;
    padding-left: 2em;
    list-style: decimal;
}

/* trix-toolbar .trix-button-group--file-tools {
    display: none;
} */


/* End: Trix editor formatting */

.right-10px {
    right: 10px;
}

.top-5px {
    top: 5px;
}

body {
    /* background-color: #f6f2ef; */
    /* background-color: #FAF5F3; */
}


pre {
    white-space: pre-wrap;       /* Since CSS 2.1 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
}


.prose-v1 h1 {
    font-size: 2.25rem;
    font-weight: 700;
    color: #1a202c;
    line-height: 1
}

.prose-v1 h2 {
    font-size: 1.5rem
}

.prose-v1 h2,
.prose-v1 h3 {
    font-weight: 500;
    color: #1a202c;
    line-height: 1.25
}

.prose-v1 h3 {
    font-size: 1.125rem
}

.prose-v1 h4 {
    font-size: 1rem;
    font-weight: 600;
    color: #1a202c;
    line-height: 1.5
}

.prose-v1 ol {
    list-style-type: decimal;
    padding-left: 1.25rem
}

.prose-v1 ul {
    list-style-type: disc;
    padding-left: 1.25rem
}

.prose-v1 li {
    font-size: .875rem;
    font-weight: 400;
    color: #2d3748;
    line-height: 1.625
}

.prose-v1 img {
    margin-top: 2rem;
    margin-bottom: 2rem
}

.prose-v1 pre {
    border-radius: .375rem;
    background-color: #252f3f;
    padding: .75rem 1rem;
    overflow-x: auto
}

.prose-v1 blockquote {
    font-style: italic;
    border-left: 4px solid #e2e8f0;
    padding-left: 1rem
}

.prose-v1 p {
    font-size: .875rem;
    font-weight: 400;
    color: #2d3748;
    line-height: 1.625
}

.prose-v1 strong {
    font-weight: 600;
    color: #1a202c
}

.prose-v1 a {
    font-weight: 500;
    color: #3182ce
}

.prose-v1 a:hover {
    text-decoration: underline
}

.prose-v1 code {
    background-color: #edf2f7;
    font-size: .875em;
    padding-left: .25rem;
    padding-right: .25rem
}

.prose-v1 li p {
    margin-top: 1rem
}

.prose-v1 li:first-child p:first-child,
.prose-v1 li ol,
.prose-v1 li p+p,
.prose-v1 li ul {
    margin-top: .5rem
}

.prose-v1 pre code {
    color: #e2e8f0;
    background-color: #252f3f;
    font-size: .75rem;
    padding: 0;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: auto
}

.prose-v1 h1+* {
    margin-top: 2rem
}

.prose-v1 h2+* {
    margin-top: 1rem
}

.prose-v1 h3+*,
.prose-v1 h4+* {
    margin-top: .5rem
}

.prose-v1 blockquote+*,
.prose-v1 ol+*,
.prose-v1 pre+*,
.prose-v1 ul+* {
    margin-top: 1rem
}

.prose-v1 *+h2,
.prose-v1 *+h3 {
    margin-top: 2rem
}

.prose-v1 *+h4 {
    margin-top: 1.5rem
}

.prose-v1 *+blockquote,
.prose-v1 *+ol,
.prose-v1 *+pre,
.prose-v1 *+ul,
.prose-v1 h2+h3 {
    margin-top: 1rem
}

.prose-v1 h3+h4 {
    margin-top: .5rem
}

.prose-v1 p+p {
    margin-top: 1rem
}

.prose-v1 li+li {
    margin-top: .5rem
}

.prose-v1 hr {
    border-top-width: 1px;
    border-color: #edf2f7;
    margin-top: 2.5rem;
    margin-bottom: 2.5rem
}

.case_judgement_text_div p {
    padding-top: .25rem;
    padding-bottom: .25rem;
}

.case_judgement_text_div div {
    padding-top: .25rem;
    padding-bottom: .25rem;
}


.highlight {
    font-weight: bold;
}








.StripeElement {
    box-sizing: border-box;

    height: 40px;

    padding: 10px 12px;

    border: 1px solid transparent;
    border-radius: 4px;
    background-color: white;

    box-shadow: 0 1px 3px 0 #e6ebf1;
    -webkit-transition: box-shadow 150ms ease;
    transition: box-shadow 150ms ease;
}

.StripeElement--focus {
    box-shadow: 0 1px 3px 0 #cfd7df;
}

.StripeElement--invalid {
    border-color: #fa755a;
}

.StripeElement--webkit-autofill {
    background-color: #fefde5 !important;
}


.feedback-popup {
    box-shadow: 0 6px 6px rgba(0,0,0,0.25) !important;
    position: fixed;
// border: 1px solid var(--input-border-color);
    bottom: 0;
    right: 0;
    margin: 0;
    font-size: 14px;
    text-align: left;
    padding-left: 7px;
    padding-right: 7px;
    z-index: 9;
    border-radius: 3px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    border-bottom: 0;
    border-right: 0;
    background: #fff;
// color: var(--input-text-color);
// background: var(--input-background-color);
}

.prose img {
    border-radius: 1rem;
}


.trix-button--icon-attach {
    display: none;
}



.comment_text a {
    text-decoration: underline;
    color: rgba(22,30,46,var(--text-opacity));
}

.urdu-text {
    font-family: 'Noto Nastaliq Urdu', serif;
}

.sindhi-text {
    font-family: 'Lateef', cursive;
}