/* Copied from home.blade.php   */

.tool-box {
    min-height: 268px;
}

.resultFinalDivText {
    white-space: pre-wrap;
}

.single-preview-file:hover {
    cursor: all-scroll;
}

.single-preview-file:active {
    cursor: grabbing;
}

.resultTextContainer {
    border: none !important;
}

@media (max-width: 1000px) {
    .msg-tip-show:before {
        left: 50%;
    }
}

/* End copied css */



/* Formatted Text Design related styles */

.ocr-options-btn img {
    min-width: 18px !important;
    filter: brightness(5.05);
}
.ocr-options-btn{
    color: #606060;
}
.ocr-options-btn.active img{
    filter: none;
}
.ocr-options-btn.active {
    background-color: #FFFFFF;
    color: #131313;
    border: 1px solid #E8E8E8;
    box-shadow: 0 1px 2px 0 #0000002E;
}

.formatted-text-mode h1,
.formatted-text-mode h2,
.formatted-text-mode h3,
.formatted-text-mode h4,
.formatted-text-mode h5,
.formatted-text-mode h6,
.formatted-text-mode p,
.formatted-text-mode ul,
.formatted-text-mode ol {
    display: block !important;
    margin-bottom: 12px !important;
    color: inherit !important;
}

.formatted-text-mode h1 {
    font-size: 24px !important;
    line-height: 32px !important;
    font-weight: 700 !important;
}

.formatted-text-mode h2 {
    font-size: 22px !important;
    line-height: 30px !important;
    font-weight: 700 !important;
}

.formatted-text-mode h3 {
    font-size: 20px !important;
    line-height: 28px !important;
    font-weight: 700 !important;
}

.formatted-text-mode h4 {
    font-size: 18px !important;
    line-height: 26px !important;
    font-weight: 700 !important;
}

.formatted-text-mode h5,
.formatted-text-mode h6 {
    font-size: 16px !important;
    font-weight: 700 !important;
}

.formatted-text-mode p {
    font-size: 16px !important;
    line-height: 24px !important;
    font-weight: 400 !important;
}

.formatted-text-mode ul,
.formatted-text-mode ol {
    padding-left: 20px !important;
}

.formatted-text-mode li {
    display: list-item !important;
    margin-bottom: 4px !important;
}

.formatted-text-mode strong,
.formatted-text-mode b {
    font-weight: 700 !important;
}

.formatted-text-mode em,
.formatted-text-mode i {
    font-style: italic !important;
}

.feedback-conformation.invisible {
    display: none !important;
}


.msg-tip-show.is-copied:before {
    background-image: url("../../../../img/icons/copy-tick.svg");
    background-repeat: no-repeat;
    background-position: left 10px center;
    padding-left: 28px !important;
    display: block !important;
}

.msg-tip-show.is-copied:after {
    display: block !important;
}
.download-options:has(.invisible){
    display: none !important;
}
.download-all-btn.invisible {
    display: none !important;
}
@media(max-width: 767px) {
    .image-info-container .file-name {
        min-width: fit-content;
    }
}

@media(max-width: 680px) {
    #resultedHeader {
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 12px;
    }

    .image-info-container {
        width: fit-content;
    }

    .formatted-text-options {
        order: 3;
        width: 100%;
    }

    .actionBtnsOnOutput {
        width: fit-content;
    }
}

@media (max-width: 660px) {
    .home-after-upload {
        flex-direction: column;
        align-items: center;
        padding: 0px !important;
        gap: 0px !important;
    }

    .home-after-upload .home-action-btns {
        width: 100%;
        border-top: 1px solid #E8E8E8;
        padding: 14px 16px !important;
    }

    .home-after-upload .ocr-options-container {
        margin: 15px 16px !important;
    }
    .ocr-options-btn img {
        min-width: 16px !important;
        height: 18px !important;
    }
}
@media (max-width: 480px) {
    .home-upload-action-btn {
        box-shadow: none !important;
        border: none !important;
        width: fit-content !important;
        padding: 0 !important;
    }

    .url_parent_home {
        flex-direction: row !important;
    }

    .home-btn-divider {
        display: block !important;
        border-left: 1px solid #E8E8E8;
        width: 1px;
        height: 14px;
    }

    .url_parent_home {
        align-items: center;
        gap: 16px;
    }

    .home-action-btns>button {
        width: 50% !important;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .formatted-text-options {
        gap: 7px !important;
    }

    .option-text {
        font-size: 14px;
        line-height: 20px;
    }
}

@media (max-width: 365px) {
    .ocr-options-container {
        max-width: 173px;
        flex-wrap: wrap;
    }

    .ocr-options-container>button {
        width: 165px;
        white-space: nowrap;
    }

    .formatted-text-options {
        flex-wrap: wrap !important;
    }
}