.extended_history .container_extended_history ul { list-style-type: none; padding-left: 0; margin: 0px; width: 100%; }
.extended_history .container_extended_history { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1;  color: #455A64; margin: 0; 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-pack: start;  -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start;overflow-y: hidden; align-items: stretch}

.extended_history .container_extended_history .expanded,
.extended_history .container_extended_history .collapsed { -webkit-transition: width 0.5s ease-in-out; transition: width 0.5s ease-in-out; } 

.extended_history .container_extended_history .item { cursor: pointer; }
.extended_history .container_extended_history md-progress-circular { margin: 50% auto; }

.extended_history .container_extended_history .item:hover { background-color: rgba(237, 237, 237, 1); } 
.extended_history .container_extended_history .item.active { background-color: rgba(237, 237, 237, 1) !important; }       
.extended_history .container_extended_history .header { font-weight: 600; height: 45px !important; min-height: 45px; 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; }
.extended_history .container_extended_history .header span { margin-left: 35px; color: #646767; }
.second_column { -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2;  -webkit-order: 2; order: 2; border-left: 2px solid rgba(237, 237, 237, 1);}
.first_column { -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1;  -webkit-order: 1; order: 1; border-left: none !important}
.other_column { -webkit-box-ordinal-group: 3; -moz-box-ordinal-group: 3; -ms-flex-order: 3;  -webkit-order: 3; order: 3;}

/* container_occurrence */
.extended_history .container_extended_history .container_occurrence { background-color: #FFF; width: 20%; overflow: auto; }
.extended_history .container_extended_history .container_occurrence .dates_content { overflow-x: hidden; overflow-y: auto; }
.extended_history .container_extended_history .container_occurrence.expanded { width: 20%; }
.extended_history .container_extended_history .container_occurrence.collapsed { width: 12%; }
        .extended_history .container_extended_history .container_occurrence table.dates_items_data { width: 100%; min-width: 160px; }
        .extended_history .container_extended_history .container_occurrence table.dates_items_data .fade { display: none; text-align: right; padding-right: 5px; }
        .extended_history .container_extended_history .container_occurrence table.dates_items_data table { width: 100%; min-width: 160px; }
        .extended_history .container_extended_history .container_occurrence table.dates_items_data tr { height: 30px; }
        .extended_history .container_extended_history .container_occurrence tr .data_cell_occurrence_date_time { text-align: left; padding: 5px 0 5px 5px; }
        .extended_history .container_extended_history .container_occurrence tr td { text-align: right; padding-right: 5px; }

        /* container_mailboxes */
.extended_history .container_extended_history .container_mailboxes { border-left: 2px solid rgba(237, 237, 237, 1); width: 24%; background-color: #FFF; overflow: auto; }
.extended_history .container_extended_history .container_mailboxes.expanded { background-color: #FFF; width: 24%; overflow: auto; }
.extended_history .container_extended_history .container_mailboxes.collapsed { width: 12%; }
    .extended_history .container_extended_history .container_mailboxes .container_processed_mailboxes { overflow-x: hidden; overflow-y: auto; }
    .extended_history .container_extended_history .container_mailboxes .container_processed_mailboxes .item { padding-top: 5px; padding-left: 10px; height: 40px; 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-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; }
    .extended_history .container_extended_history .container_mailboxes .container_processed_mailboxes .item .mailbox_icon { border-radius:20px; border: 2px solid #FFF; float: left; margin-right: 10px; background-repeat: no-repeat; background-size: 30px; margin-bottom: 3px; background-position: 0px; border-radius: 20px; margin-top: 1px; width: 30px; height: 30px; min-width: 30px; min-height: 30px; }
    .extended_history .container_extended_history .container_mailboxes .container_processed_mailboxes .item .item_data { float: left; overflow: hidden; }
        .extended_history .container_extended_history .container_mailboxes .container_processed_mailboxes .item:hover { background-color: rgba(237, 237, 237, 1); }
        .extended_history .container_extended_history .container_mailboxes .container_processed_mailboxes .item .item_name { margin-bottom: 5px; display: block; margin-top: 0; height: 15px; white-space: nowrap; }
        .extended_history .container_extended_history .container_mailboxes .container_processed_mailboxes .item .item_email { margin-top: 0; margin-bottom: 4px; display: block; height: 15px; font-size: 12px; white-space: nowrap; }

        /* container_targets */
.extended_history .container_extended_history .container_targets { border-left: 2px solid rgba(237, 237, 237, 1); width: 24%; background-color: #FFF; overflow: auto; }
.extended_history .container_extended_history .container_targets.expanded { width: 24%;  }
.extended_history .container_extended_history .container_targets.collapsed { width: 12%;  }
.extended_history .container_extended_history .container_targets .container_mailbox_sources { overflow-x: hidden; overflow-y: auto;  }
    .extended_history .container_extended_history .container_targets .container_mailbox_sources .item { padding-top: 5px; padding-left: 43px; height: 40px; }
    .extended_history .container_extended_history .container_targets .container_mailbox_sources .item:not(.disabled):hover { background-color: rgba(237, 237, 237, 1); }
     .extended_history .container_extended_history .container_targets .container_mailbox_sources .item.disabled { color: #C2C2C2; cursor: not-allowed; }
    .extended_history .container_extended_history .container_targets .container_mailbox_sources .item .item_data { float: left; }
    .extended_history .container_extended_history .container_targets .container_mailbox_sources .item_contact { background-size: 45px auto; background: url('../../../bundle/i/_info-sprite.svg') no-repeat;background-position: 0 -156px; }
    .extended_history .container_extended_history .container_targets .container_mailbox_sources .item_calendar { background-size: 45px auto; background: url('../../../bundle/i/_info-sprite.svg') no-repeat; background-position: 0 -80px;}
    .extended_history .container_extended_history .container_targets .container_mailbox_sources .item_note { background-size: 45px auto; background: url('../../../bundle/i/_info-sprite.svg') no-repeat; background-position: 0 -116px;}
    .extended_history .container_extended_history .container_targets .container_mailbox_sources .item .item_name { display: table-cell; vertical-align: middle; height: 36px; white-space: pre-line; overflow: hidden; }

        /* container_items */
.extended_history .container_extended_history .container_items {  border-left: 2px solid rgba(237, 237, 237, 1); width: 17%; background-color: #FFF; overflow: auto; }
.extended_history .container_extended_history .container_items.expanded { width: 17%; }
.extended_history .container_extended_history .container_items.collapsed { width: 25%; }
.extended_history .container_extended_history .container_items .item_delta_content { overflow-x: hidden; height: 470px; overflow-y: auto; width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
        .extended_history .container_extended_history .container_items .item_delta_content .item { padding-top: 5px; padding-left: 43px; height: 40px; }
        .extended_history .container_extended_history .container_items .item_delta_content .item:hover { background-color: rgba(237, 237, 237, 1); }
        .extended_history .container_extended_history .container_items .item_delta_content .item .item_name { display:inline-block; margin-top: 0; margin-bottom: 0; overflow-x: hidden; overflow-y: hidden; white-space: nowrap; width: 79%; }
        .extended_history .container_extended_history .container_items .item_delta_content .item .item_changedate { display: inline-block; font-size: 10px; float:right; white-space: nowrap; width: 20%; }
        .extended_history .container_extended_history .container_items .item_delta_content .item .item_email { margin-top: 0; margin-bottom: 4px; display: block; height: 15px; font-size: 12px; white-space: nowrap; }

        .extended_history .container_extended_history .container_items .item_delta_content .item_create { background: url('../../../bundle/i/_info-sprite.svg') no-repeat; background-position: 0 -677px; }
        .extended_history .container_extended_history .container_items .item_delta_content .item_update { background: url('../../../bundle/i/_info-sprite.svg') no-repeat; background-position: 0 -717px; }
        .extended_history .container_extended_history .container_items .item_delta_content .item_delete { background: url('../../../bundle/i/_info-sprite.svg') no-repeat; background-position: 0 -755px; }

        /* container_changes */
.extended_history .container_extended_history .container_changes {  border-left: 2px solid rgba(237, 237, 237, 1); width: 15%; background-color: #FFF; overflow: auto; }
.extended_history .container_extended_history .container_changes.expanded { width: 15%; }
.extended_history .container_extended_history .container_changes.collapsed { width: 39%; }
.extended_history .container_extended_history .container_changes .changes_content { overflow-x: hidden; overflow-y: auto; }
        .extended_history .container_extended_history .container_changes .changes_content table.changes_data { width: 100%; }
        .extended_history .container_extended_history .container_changes .changes_content table.changes_data tr { height: 30px; }
        .extended_history .container_extended_history .container_changes .changes_content table.changes_data th { text-align: left; padding-left: 10px; }
        .extended_history .container_extended_history .container_changes .changes_content table.changes_data td { max-width: 100px; word-wrap: break-word; text-align: left; padding-left: 10px; }
        .extended_history .container_extended_history .container_changes .changes_content table.changes_data .border { border-right: 1px solid #D2D5D6; }


        .extended_history #historyMenu { display: none; overflow: auto }

.extended_history .actions { display: block;}
.extended_history .actions.left_position { float: left;text-align: left;}
    .extended_history .actions div.context_menu { display: block; cursor: pointer; background: url('../../../bundle/i/_controls-sprite.svg') -3px -63px no-repeat; /*transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg);*/ background-size: 30px auto; min-height: 24px; min-width: 24px; margin-right: 10px; margin-bottom: 5px; }