html {
    position: relative;
    min-height: 100%;
    font-size: 14px;
    background-color: #f6f9ff;
    /* scroll-behavior: smooth;*/
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

/*html {
  position: relative;
  min-height: 100%;
}*/

#div_ScreenChatShowContainer {
    display: flex;
   /* flex-direction: column;*/
    flex-direction: row;
}


body {
    /*  margin-bottom: 60px;*/
    background-color: #f6f9ff;
    color: #444444;
}

@media  (orientation: landscape) {

    #div_ScreenChatShowContainer {
        flex-direction: row;
    }

    /* body {
        background-color: lightblue;
    }*/
}

@media  (orientation: portrait) {


    #div_ScreenChatShowContainer {
        flex-direction: column;
    }

    /*  body {
        background-color: lightblue;
    }*/
}