:root {
    --iwriter-thumb-bg: #858585;
    --iwriter-thumb-bg-hover: #A7A7A7;
    --iwriter-thumb-bg-active: #9A9A9A;
}

[data-bs-theme="dark"] {
    --iwriter-thumb-bg: #7D7D7D;
    --iwriter-thumb-bg-hover: #979797;
    --iwriter-thumb-bg-active: #8A8A8A;
}

.overlay {
    position: fixed;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0.8;
    background-color: var(--bs-body-bg);
    z-index: 9999;
    width: 100%;
    height: 100%;
}

.dropdown-submenu .dropstart {
    right: 100%;
    top: -7px;
}

[contenteditable=true]:empty:before{
  content: attr(data-ph);
  opacity: 0.6;
  pointer-events: none;
  display: block; /* For Firefox */
}

@media (min-width: 768px) {
    .offcanvas-collapse {
        background-color:transparent;
        bottom: auto!important;
        display: block;
        height: auto!important;
        left: auto!important;
        position: static;
        right: auto!important;
        top: auto!important;
        transform: none!important;
        visibility: visible;
        width: 100%!important
    }
}

@font-face {
    font-family: Inter;
    src: url("../fonts/Inter.var.woff2") format("woff2-variations");
    font-weight: 100 900;
    font-display: swap;
    font-style: normal;
}

@font-face {
    font-family: Inter;
    src: url("../fonts/Inter.var.woff2") format("woff2-variations");
    font-weight: 100 900;
    font-display: swap;
    font-style: italic;
    font-variation-settings: 'slnt' -10;
}

* {
    font-family: Inter, system-ui, sans-serif;
}

ol, ul {
    list-style: none;
}

ul, li {
    padding-left: 0;
}

.sp_left {
    cursor: pointer;
}

.steps_title > p:first-child{
    color: var(--bs-primary-text);
    font-weight: bold;
}

.search_title > p:first-child{
    color: var(--bs-primary-text);
    font-weight: bold;
}

.sturcture_content > p:first-child{
    font-weight: 600;
}

.models_content{
    border: 1px solid rgba(0,0,0,.125);
    border-radius: 4px;
    min-height: 50vh;
    max-height: 60vh;
    overflow-y: auto;
}

.content_box{
    padding-bottom: 5px;
}

.cont_wrp_box{
    border-bottom: 3px solid var(--bs-border-color);
}

.content_contents{
    border-left: 2px solid var(--bs-primary-text);
    padding-left: 5px;
}
.sturcture_content{
    border-left: 2px solid var(--bs-danger-text);
    padding-left: 5px;
}
.notes_content{
    border-left: 2px solid var(--bs-success-text);
    padding-left: 5px;
}

.up_arrow {
    cursor: pointer;
}

.italic_style {
    font-variation-settings: 'slnt' -10;
}

[contentEditable]{
    -moz-appearance: textfield-multiline;
    -webkit-appearance: textarea;
}

.checklist_wrp {
    max-height: 45vh;
    overflow: auto;
}

.check_con{
    word-wrap: break-word;
    max-height: 45vh;
    overflow: auto;
}
.check_box_w{
    display: block;
    float: left;
    margin-right: 5px;
}

.check_content{
    width: 100%;
    display: none;
}

.circle_li{
    list-style: square outside none;
}

.save_pop_2{
    display: none;
}

.save_p_btn_txt:hover{
    background-color: #ffcd39 !important;
}
.content_box div[data-align="right"]{
    text-align: left !important;
    padding-left: 60% !important;
}
.sturcture_content[data-align="right"]{
    text-align: left !important;
    padding-left: 60% !important;
}
.content_contents[data-align="right"]{
    text-align: left !important;
    padding-left: 60% !important;
}


::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background: var(--iwriter-thumb-bg);
}

::-webkit-scrollbar-thumb:hover {
    background: var(--iwriter-thumb-bg-hover);
}

::-webkit-scrollbar-thumb:active {
    background: var(--iwriter-thumb-bg-active);
}