md-dialog.sms_chat_dialog .container-main-dialog { height: 660px; width: 960px; }
md-dialog.sms_chat_dialog { height: 660px !important; width: 960px; }
    md-dialog.sms_chat_dialog .container_progress { margin-top: 220px; position: absolute; z-index: 1 !important; top: 40px; left: 0; width: 100%; }

    md-dialog.sms_chat_dialog .main_container { display: grid; grid-template-columns: 35% 65%; }
        md-dialog.sms_chat_dialog .main_container .separator { border-left: 1px solid #ccc; }

        md-dialog.sms_chat_dialog .main_container .chat-recipients { height: 556px; overflow: auto; border-radius: 16px; }
            md-dialog.sms_chat_dialog .main_container .chat-recipients .empty { margin: 50px 0; font-style: italic; color: #455A64; text-align: center; }
        md-dialog.sms_chat_dialog .main_container .chat-recipient { height: 50px; padding-left: 55px; margin: 3px 0; background: url(../../i/gal-sprite-outlined.svg) no-repeat #fff; background-position: 5px 0; }
            md-dialog.sms_chat_dialog .main_container .chat-recipient:hover { background-color: #f9f9f9; cursor: pointer; }
            md-dialog.sms_chat_dialog .main_container .chat-recipient .info_line { width: 270px; max-width: 270px; }
            md-dialog.sms_chat_dialog .main_container .chat-recipient .line { margin: 5px; white-space: nowrap; text-overflow: clip; overflow: hidden; }
            md-dialog.sms_chat_dialog .main_container .chat-recipient .bold { font-weight: bold; }
            md-dialog.sms_chat_dialog .main_container .chat-recipient .phone { float: right; text-overflow: unset; }

        md-dialog.sms_chat_dialog .main_container .chat-messages { height: 545px; overflow: auto; text-align: right; border-bottom: 1px solid #ccc; }
            md-dialog.sms_chat_dialog .main_container .chat-messages .empty { margin: 140px 0; font-style: italic; color: #455A64; text-align: center; }
        md-dialog.sms_chat_dialog .main_container .chat-message { display: flex; justify-content: end; }
            md-dialog.sms_chat_dialog .main_container .chat-message .pending { height: 20px; margin-top: 12px; }
            md-dialog.sms_chat_dialog .main_container .chat-message .time { font-size: 8px; color: #696969; align-content: end; padding: 10px; }
            md-dialog.sms_chat_dialog .main_container .chat-message .text { margin: 5px 10px 5px 0; padding: 8px; border: 1px solid #ccc; border-radius: 14px; text-align: left; }

        md-dialog.sms_chat_dialog .main_container .chat-tools { display: flex; justify-content: space-around; margin-top: 10px; }
            md-dialog.sms_chat_dialog .main_container .chat-tools .btn-send { margin-right: 10px !important; }
            md-dialog.sms_chat_dialog .main_container .chat-tools .send { margin-left: 7px !important; }
            md-dialog.sms_chat_dialog .main_container .chat-tools .refresh { padding-left: 9px !important; }
            md-dialog.sms_chat_dialog .main_container .chat-tools .force { margin-top: 5px; }
            md-dialog.sms_chat_dialog .main_container .chat-tools .message { width: 220px; height: 30px; border: 1px solid gray; border-radius: 6px; padding: 0 3px; }