md-dialog.mailbox-update-history { background-color: rgba(249, 249, 249, 1); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: 582px; width: 1005px; }
    md-dialog.mailbox-update-history .tool_bar { background-color: #00BCD5; min-height: 60px; max-height: 60px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

    md-dialog.mailbox-update-history .container-main-dialog { height: 582px; width: 1005px; display: block; overflow: hidden; }
        md-dialog.mailbox-update-history .container-main-dialog md-progress-circular { margin: auto auto; margin-top: 200px; }

        md-dialog.mailbox-update-history .container-main-dialog .templateInclude { width: 100%; height: 522px; padding: 0; display: block; }
        md-dialog.mailbox-update-history .container-main-dialog .content { width: 1005px; height: 582px; padding: 0; display: block; }
            md-dialog.mailbox-update-history .container-main-dialog .content .md_content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; height: 100%; padding: 0; -webkit-flex-flow: row; -ms-flex-flow: row; flex-flow: row; overflow: hidden; }

                md-dialog.mailbox-update-history .container-main-dialog .content .md_content .header { font-weight: 600; height: 53px; width: 100%; padding: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; text-align: left; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; }
                    md-dialog.mailbox-update-history .container-main-dialog .content .md_content .header span { margin-left: 20px; }

                md-dialog.mailbox-update-history .container-main-dialog .content .md_content .history_all_items { width: 41%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-flow: column; -ms-flex-flow: column; flex-flow: column; border-right: 1px solid #D2D5D6; }
                    md-dialog.mailbox-update-history .container-main-dialog .content .md_content .history_all_items .wrapper_history_all_items { height: 470px; width: 100%; overflow: auto; }
                    md-dialog.mailbox-update-history .container-main-dialog .content .md_content .history_all_items.collapsed { -webkit-transition: width 0.1s ease-in-out; transition: width 0.1s ease-in-out; width: 20%; }
                    md-dialog.mailbox-update-history .container-main-dialog .content .md_content .history_all_items.expanded { -webkit-transition: width 0.2s ease-in-out; transition: width 0.2s ease-in-out; width: 41%; }

                    md-dialog.mailbox-update-history .container-main-dialog .content .md_content .history_all_items table.history_all_items_data { width: 100%; }
                        md-dialog.mailbox-update-history .container-main-dialog .content .md_content .history_all_items table.history_all_items_data .item.active { background-color: rgba(237, 237, 237, 1); }
                        md-dialog.mailbox-update-history .container-main-dialog .content .md_content .history_all_items table.history_all_items_data table { width: 100%; }
                        md-dialog.mailbox-update-history .container-main-dialog .content .md_content .history_all_items table.history_all_items_data tr { height: 30px; }

                    md-dialog.mailbox-update-history .container-main-dialog .content .md_content .history_all_items tr .data_cell_occurrence_date_time { text-align: left; padding: 5px 0 5px 5px; }
                    md-dialog.mailbox-update-history .container-main-dialog .content .md_content .history_all_items tr td { text-align: right; padding-right: 5px; }

                md-dialog.mailbox-update-history .container-main-dialog .content .md_content ul { list-style-type: none; padding-left: 0; }
                md-dialog.mailbox-update-history .container-main-dialog .content .md_content .items { display: block; overflow-y: auto; overflow-x: hidden; width: 100%; }
                md-dialog.mailbox-update-history .container-main-dialog .content .md_content .item { padding: 5px; cursor: pointer; }
                    md-dialog.mailbox-update-history .container-main-dialog .content .md_content .item:hover { background-color: rgba(237, 237, 237, 1); }

                md-dialog.mailbox-update-history .container-main-dialog .content .md_content .contacts { width: 33%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-flow: column; -ms-flex-flow: column; flex-flow: column; border-right: 1px solid #D2D5D6; }
                    md-dialog.mailbox-update-history .container-main-dialog .content .md_content .contacts .contacts_content { height: 470px; overflow: auto; width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
                        md-dialog.mailbox-update-history .container-main-dialog .content .md_content .contacts .contacts_content md-progress-circular { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; }
                        md-dialog.mailbox-update-history .container-main-dialog .content .md_content .contacts .contacts_content ul { margin: 0px; }
                        md-dialog.mailbox-update-history .container-main-dialog .content .md_content .contacts .contacts_content .item { padding-left: 43px; }
                            md-dialog.mailbox-update-history .container-main-dialog .content .md_content .contacts .contacts_content .item:hover { background-color: rgba(237, 237, 237, 1); }
                            md-dialog.mailbox-update-history .container-main-dialog .content .md_content .contacts .contacts_content .item .item_name { display: inline-block; margin-top: 0; margin-bottom: 0px; overflow-x: hidden; overflow-y: hidden; height: 15px; white-space: nowrap;  width: 79%; }
                            md-dialog.mailbox-update-history .container-main-dialog .content .md_content .contacts .contacts_content .item .item_changedate { display: inline-block; font-size: 8px; float:right; white-space: nowrap; width: 20%; }
                            md-dialog.mailbox-update-history .container-main-dialog .content .md_content .contacts .contacts_content .item .item_email { margin-top: 0; margin-bottom: 4px; display: block; height: 15px; font-size: 12px; white-space: nowrap; }
                            md-dialog.mailbox-update-history .container-main-dialog .content .md_content .contacts .contacts_content .item.active { background-color: rgba(237, 237, 237, 1); }

                        md-dialog.mailbox-update-history .container-main-dialog .content .md_content .contacts .contacts_content .item_create { background: url('../../../../i/history_contact_added.svg') no-repeat; background-position: 5px 8px; }
                        md-dialog.mailbox-update-history .container-main-dialog .content .md_content .contacts .contacts_content .item_update { background: url('../../../../i/history_contact_modified.svg') no-repeat; background-position: 5px 8px; }
                        md-dialog.mailbox-update-history .container-main-dialog .content .md_content .contacts .contacts_content .item_delete { background: url('../../../../i/history_contact_removed.svg') no-repeat; background-position: 5px 8px; }

                md-dialog.mailbox-update-history .container-main-dialog .content .md_content .changes { overflow: hidden; width: 26%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-flow: column; -ms-flex-flow: column; flex-flow: column; }
                    md-dialog.mailbox-update-history .container-main-dialog .content .md_content .changes .wrapper_changes { height: 470px; width: 100%; overflow: auto; }
                    md-dialog.mailbox-update-history .container-main-dialog .content .md_content .changes ul { margin: 0px; }
                    md-dialog.mailbox-update-history .container-main-dialog .content .md_content .changes table.changes_data { width: 100%; }
                        md-dialog.mailbox-update-history .container-main-dialog .content .md_content .changes table.changes_data tr { height: 30px; }
                        md-dialog.mailbox-update-history .container-main-dialog .content .md_content .changes table.changes_data th { text-align: left; padding-left: 10px; }
                        md-dialog.mailbox-update-history .container-main-dialog .content .md_content .changes table.changes_data td { max-width: 100px; word-wrap: break-word; text-align: left; padding-left: 10px; }
                        md-dialog.mailbox-update-history .container-main-dialog .content .md_content .changes table.changes_data .border { border-right: 1px solid #D2D5D6; }

                    md-dialog.mailbox-update-history .container-main-dialog .content .md_content .changes.expanded { -webkit-transition: width 0.2s ease-in-out; transition: width 0.2s ease-in-out; width: 47%; }
                    md-dialog.mailbox-update-history .container-main-dialog .content .md_content .changes.collapsed { -webkit-transition: width 0.2s ease-in-out; transition: width 0.2s ease-in-out; width: 26%; }

    md-dialog.mailbox-update-history .dialog_header { font-size: 19px; margin-left: 25px; color: white; }
    md-dialog.mailbox-update-history .close_dialog { background-image: url('../../../../i/close_dialog.svg'); cursor: pointer; background-repeat: no-repeat; height: 24px; width: 24px; margin-right: 20px; }