/* ckeditor.com */

::-webkit-scrollbar {
    width: 10px !important;
}

::-webkit-scrollbar-track {
    background: transparent;
}

::-webkit-scrollbar-thumb {
    height: 5%;
    background: #adb5bd;
}

::-webkit-scrollbar-thumb:hover {
    background: #6c757d;
}

*.disabled.yes,
:disabled,
*[readonly] {
    pointer-events: inherit !important;
    cursor: not-allowed !important;
}

*.no-select {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


table.table-relative {
    position: relative !important;
}

table.table.table-relative>thead {
    position: sticky !important;
    top: 0 !important;
    z-index: 0 !important;
    background-color: white !important;
    border: none;
}

div.table-responsive {
    max-height: calc(100vh - 335px) !important;
    min-height: calc(100vh - 335px) !important;
}

@media screen and (max-width: 600px) and (max-height: 1200px) {
    div.table-responsive {
        max-height: calc(100vh - 405px) !important;
        min-height: calc(100vh - 405px) !important;
    }
}

@media screen and (max-width: 1200px) and (max-height: 600px) {
    div.table-responsive {
        max-height: calc(100vh - 65px) !important;
        min-height: calc(100vh - 65px) !important;
    }
}

.tab-pane  div.table-responsive {
    max-height: calc(100vh - 345px) !important;
    min-height: calc(100vh - 345px) !important;
}

@media screen and (max-width: 600px) and (max-height: 1200px) {
    .tab-pane  div.table-responsive {
        max-height: calc(100vh - 465px) !important;
        min-height: calc(100vh - 465px) !important;
    }
}

@media screen and (max-width: 1200px) and (max-height: 600px) {
    .tab-pane  div.table-responsive {
        max-height: calc(100vh - 75px) !important;
        min-height: calc(100vh - 75px) !important;
    }
}

/* img {
    max-width: fit-content !important;
} */

th>div>img,
td>img {
    max-width: fit-content !important;
}


.text-capitalize {
    text-transform: capitalize !important
}

/* .ql-editor > p > img {
    width: 100%;
} */

/* .ql-editor>p.ql-align-center>img {
    width: 50%;
} */
/* 
.font-lato {
    font-family: "Lato" !important;
    color: black !important;
} */
/* 
.on-print {
    display: none;
}

.print-height {
    height: calc(100vh - 150px);
}

.print-on-print {
    display: none;
} */

/* @media print {
    .print-on-print {
        display: block;
    }

    p {
        word-break: break-all !important;
    }

    * {
        font-size: 18px !important; 
        font-family: "Lato" !important;
    }

    td.py-0 {
        padding: 0px 0px !important;
        margin: 0px 0px !important;
        line-height: 19px !important;
        font-size: 14px !important;
    }

    .on-print {
        display: block;
    }

    div.container-fluid {
        padding: 0;
    }

    .no-print,
    *.no-print {
        display: none !important;
    }

    *.page-break-after {
        break-after: always !important;
        page-break-after: always !important;
    }

    *.page-break-before {
        break-before: always !important;
        page-break-before: always !important;
    }

    table[page-break-after="always"] {
        margin-bottom: 50px;
    }

    .margin-at-print {
        break-after: always !important;
        page-break-after: always !important;
    }

    thead>tr.float {
        width: 100%;
        padding: 0px;
        margin: 0px !important;
        position: fixed;
        display: flex;
        justify-content: end;
        top: 0;
    }

    tfoot.float {
        width: 100%;
        padding: 0px;
        margin: 0px !important;
        position: fixed;
        bottom: 0;
    }

} */


div.ql-container>div.ql-editor {
    min-height: 100px;
}

.cursor-pointer {
    cursor: pointer;
}

.placeholder {
    display: inline-block;
    min-height: 1em;
    vertical-align: middle;
    cursor: wait;
    background-color: green;
    opacity: .3;
}

.placeholder.btn::before {
    display: inline-block;
    content: "";
}

.placeholder-xs {
    min-height: .6em;
}

.placeholder-sm {
    min-height: .8em;
}

.placeholder-lg {
    min-height: 1.2em;
}

.placeholder-glow .placeholder {
    -webkit-animation: placeholder-glow 2s ease-in-out infinite;
    animation: placeholder-glow 2s ease-in-out infinite;
}

@-webkit-keyframes placeholder-glow {
    50% {
        opacity: .1;
    }
}

@keyframes placeholder-glow {
    50% {
        opacity: .1;
    }
}

.placeholder-wave {
    -webkit-mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
    mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
    -webkit-mask-size: 200% 100%;
    mask-size: 200% 100%;
    -webkit-animation: placeholder-wave 2s linear infinite;
    animation: placeholder-wave 2s linear infinite;
}

@-webkit-keyframes placeholder-wave {
    100% {
        -webkit-mask-position: -200% 0%;
        mask-position: -200% 0%;
    }
}

@keyframes placeholder-wave {
    100% {
        -webkit-mask-position: -200% 0%;
        mask-position: -200% 0%;
    }
}


.swal-input {
    min-height: 170px;
    font-size: 15px;
    resize: none;
}

div:where(.swal2-container) div:where(.swal2-popup) {
    padding: 0px !important;
}

.swal-input-label {
    text-align: left !important;
    justify-content: flex-start !important;
    font-weight: bold;
}

div:where(.swal2-container) label:where(.swal2-input-label) {
    display: flex;
    justify-content: flex-start;
}

.drawer-overlay {
    background-color: transparent !important;
}

.btn {
    z-index: 0 !important;
}

.ck-toolbar__items, .ck-toolbar {
    border-radius: 0px !important;
}

.modal {
    z-index: 500;
}

.ck-powered-by-balloon { 
    display: none !important;
}

.ck-word-count { 
    display: flex;
    flex-direction: row;
    gap: 5px;
}

.rich-editor {
    /* max-width: 7in !important;
    min-width: 7in !important; */
    width: 100%;
    max-height: 1092px;
    min-height: calc(1092px / 2);
}

.ck.ck-editor__editable_inline {
    /* A4 size */
    /* Expand the width by 2px because of the border and "box-sizing: border-box". */
    /* max-height: 297mm; */
    /* padding: 0px 12mm; */

    /* min-height: calc(1092px / 2); */
    min-height: calc(1092px / 2);

    border: 1px solid hsl( 0, 0%, 88% );
    background: hsl( 0, 0%, 100% );
    box-shadow: 0 2px 8px hsla( 0, 0%, 0%, .08 );
    margin: 30px auto;
    overflow: hidden;

    columns: 794px;
    width: 794px;
    height: auto;
    min-width: auto;
    /* column-gap: 100px; */
    box-sizing: border-box;
    column-fill: auto;

    padding-top: 20px;
    padding-bottom: 20px;
}

@media screen and (max-width: 1024px) {
    .ck.ck-editor__editable_inline {
        margin: 40px 40px;
    }
}

.ck-content .image {
    display: table;
    clear: both;
    text-align: center;
    margin: 0 auto !important;
    min-width: 50px;
}

.ck-content .table {
    display: table;
    margin: 0 auto !important;
}