.divider:after,
.divider:before {
    content: "";
    flex: 1;
    height: 1px;
    background: #eee;
}

html {
    height: 100%;
}

    html body {
        height: 100%;
        overflow: hidden;
    }

        /*html body*/ .container-fluid.body-content-in {
            position: absolute;
            top: 55px;
            bottom: 65px;
            right: 0;
            left: 0;
            overflow-y: hidden;
        }

        /*html body*/ .container-fluid.body-content-out {
            position: absolute;
            top: 55px;
            bottom: 0px;
            right: 0;
            left: 0;
            overflow-y: hidden;
        }

img.img-fluid {
    max-width: 100%;
    height: auto;
}

.text-center img {
    max-width: 100%;
    max-height: 80vh; /* Adjust the max height as necessary */
}
/*.centerscreens {
    display: flex;
    justify-content: center;
    align-items: center;
    height: auto;
}*/

header {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 55px;
}

footer {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 65px;
}

#fileViewContainer {
    max-width: 100%; /* Ensure the container fits the screen width */
    max-height: 80vh; /* Set a maximum height for the container */
    white-space: normal; /* Allow text and content to wrap */
}

#dualviewfileViewContainer {
    max-width: 100%; /* Ensure the container fits the screen width */
    max-height: 80vh; /* Set a maximum height for the container */
    white-space: normal; /* Allow text and content to wrap */
}

.resizable-image {
    max-width: 100%; /* Image will not exceed the container width */
    max-height: 100%; /* Image will not exceed the container height */
    object-fit: contain; /* Resize and center the image to fit the container while maintaining aspect ratio */
}

.document-pdf, .document-jpg {
    width: 100vw;
    height: 80vh;
}

/*::-webkit-scrollbar {
    width: 10px;
    background-color: transparent;
}

::-webkit-scrollbar-track {
    background-color: transparent;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {*/
    /*background-color: #FF8800;*/
    /*background-color: lightslategray;
}*/

.GridInfo .GridNotes {
    padding-top: 20px;
    text-align: justify;
    white-space: pre-line;
}

#btnGoogle {
    outline-color: #dd4b39; 
    background-color: #dd4b39;
}

#btnFacebook {
    outline-color: #3b5998;
    background-color: #3b5998;
}

#btnMicrosoft {
    outline-color: #00A4EF;
    background-color: #00A4EF;
}

#btnTwitter {
    outline-color: #55acee;
    background-color: #55acee;
}

iframe {
    display: block;
    width: 100%;
    height: 100%;
    border: none;
    overflow-y: auto;
    overflow-x: hidden;
}

.incoming_msg {
    text-align: right;
    white-space: pre-line;
}

.outgoing_msg {
    text-align: left;
    white-space: pre-line;
}