﻿/* sync_tunnels */

.sync-tunnels {
    background-color: #F7FCFC;

}
    .sync-tunnels .container_center_table {
        padding:0;
    }
    .sync-tunnels .task_bar .container_action {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .sync-tunnels .task_bar .title {
        font-family: 'Outfit';
        font-weight:600;
        font-size:20px;
        line-height:26px;
        margin: 0 0.5rem;
    }
    .sync-tunnels .container_main_wrapper {
        background-color: #FFFFFF;
        margin: 1rem;
        margin-top: 0;
        border-radius: 12px;
        padding:1rem;
        padding-top:0.5rem;
    }
    .sync-tunnels .sync-op {
        font-size: 14px;
        line-height:20px;
        font-weight:400;
        font-family:'Inter';
        color:#5C5C5C;
    }
    .sync-tunnels .warning-empty-source {
        width: 131px;
        height: 30px;
        box-sizing: border-box;
        border: 1px solid #FF9800;
        border-radius: 8px;
        padding: 4px 10px 4px 10px;
        background-color: #FFF7E4;
        margin-left: 10px;
        font-size: 12px;
        font-family: 'Inter';
        font-weight: 500;
        line-height: 17px;
        color: #202020;
    }
    .sync-tunnels .tunnel-name {
        font-size: 16px;
        line-height: 20px;
        font-weight: 500;
        font-family: 'Inter';
        color: #202020;
    }

    .sync-tunnels .items_table .mergedTop {
        padding: 0 !important;
        margin: 0 !important;
        background-color: transparent !important;
    }

        .sync-tunnels .items_table .mergedTop .target-title {
            font-size:16px;
            font-weight:400;
            font-family: 'Inter';
            color: #202020;
            line-height:18px;
        }
        .sync-tunnels .items_table .mergedTop .folder-title {
            font-size: 16px;
            font-weight: 600;
            font-family: 'Inter';
            color: #202020;
            line-height: 18px;
            margin-left:5px;
            margin-right:10px;
        }
        .sync-tunnels .items_table .mergedTop .folder-type {
            border-radius: 6px;
            border-width: 1px;
            border-color: #5C5C5C;
            border-style: solid;
            font-size: 11px;
            font-weight: 600;
            font-family: 'Inter';
            line-height: 18px;
            padding-right:5px;
            padding-left:5px;
        }
    .sync-tunnels .table_row {
       
    }
    .sync-tunnels .sync.black {
        background: url('../../../bundle/i/newUI/gears-animated.svg');
        background-repeat: no-repeat;
        background-size: 24px;
        line-height: 24px;
        height: 24px;
        /* padding-left: 10px; */
        margin-right: 10px;
        width: 24px;
    }
    .sync-tunnels .sync.green {
        background: url('../../../bundle/i/newUI/gears-animated-green.svg');
        background-repeat: no-repeat;
        background-size: 24px;
        line-height: 24px;
        height: 24px;
        /* padding-left: 10px; */
        margin-right: 10px;
        width: 24px;
    }
    .sync-tunnels .sync.blue {
        background: url('../../../bundle/i/newUI/gears-animated-blue.svg');
        background-repeat: no-repeat;
        background-size: 24px;
        line-height: 24px;
        height: 24px;
        /* padding-left: 10px; */
        margin-right: 10px;
        width: 24px;
    }
    .sync-tunnels .table_data {
        background-color: #F9F9F9;
        margin-bottom: 4px;
        border-radius: 8px;
        display: flex;
        flex-direction: row;
        padding: 0.5rem;
    }

        .md-panel-is-showing {
            z-index: 10000 !important;
        }

.items_table .table_data .table_data_row .data .data_row .inline_menu {
    display: block;
    padding: 0.5rem 0 0.5rem 0;
    width: auto;
}
    .items_table .table_data .table_data_row .data .data_row .inline_menu li {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }

        .items_table .table_data .table_data_row .data .data_row .inline_menu li:hover {
            background-color: #EFF8FF;
            border-radius: 11px;
        }



.items_table .table_data .table_data_row .data .data_row .inline_menu .shadow {
    box-shadow: 0px 1px 16px 0px #7BA6991A;
}


    .items_table .table_cell .addition_row_data {
        margin: 10px;
        font-size: 14px;
        text-align: left;
        color: #757575;
        line-height: 17px;
        line-height: 17px;
        cursor: default !important;
    }
    .items_table .table_cell .addition_row_data table { margin-bottom: 5px; }

.items_table .table_data .table_data_row .data .data_row { height: auto; display:flex; justify-content:space-between; }

.items_table .table_data .addition_row_data .short_addition_row_data .item_name { color: white; font-weight: bold; min-width: 55px; }
.items_table .table_data .addition_row_data .full_addition_row_data .item_name { color: white; padding-left: 110px; font-weight: bold; min-width: 55px; }
.items_table .table_data .addition_row_data .item_name .item_name_text { display: block; background-image: url('../../../i/eye_small.svg'); background-size: 14px 8px; background-position-x: 8px; background-position-y: 9px; background-position: 8px 9px; cursor: pointer; background-repeat: no-repeat; width: 70px; line-height: 24px; height: 24px; text-align: right; font-size: 15px; font-weight: normal; background-color: #33BCAA; border-radius: 10px; padding-left: 5px; padding-right: 5px; padding-top: 1px; padding-bottom: 1px; text-align: start; padding-left: 27px; width: 50px; }
.items_table .table_data .addition_row_data .direct_arrow { background-image: url('../../../i/direct_arrow.svg'); background-repeat: no-repeat; position: absolute; height: 32px; width: 40px; display: block; margin-left: 15px; margin-top: -3px; background-size: 36px 9px; }
.items_table .table_data .addition_row_data .item_data { display: table-cell; margin-left: 5px; word-break: keep-all; }
.items_table .table_data .data_row .merged { margin: 1px; height: 21px; width: 21px; background-image: url('../../../i/merged_icon.svg'); background-repeat: no-repeat; float: left; background-size: 20px; }
.items_table .table_data .data_row .plain { }

.items_table .table_data .data_row .data_cell.first_data_cell { font-weight: 800; padding-left: 10px; text-align: left; font-size: 16px; color: #757575; display: -webkit-box; display: -ms-flexbox; display: flex; line-height: 26px; }
.items_table .table_data .data_row .data_cell.contact_folder_path_cell { background-image: url('../../../i/contacts.svg'); background-position: 0 18px; background-size: 30px 30px; background-repeat: no-repeat; font-weight: 200; padding-left: 0; width: 500px; text-align: left; padding-left: 35px; }
.items_table .table_data .data_row .data_cell.calendar_folder_path_cell { background-image: url('../../../i/calendar.svg'); background-position: 0 18px; background-size: 30px 30px; background-repeat: no-repeat; font-weight: 200; padding-left: 0; width: 500px; text-align: left; padding-left: 35px; }
.items_table .table_data .data_row .data_cell.note_folder_path_cell { background-image: url('../../../i/note_tree_item.svg'); background-position: 0 18px; background-size: 30px 30px; background-repeat: no-repeat; font-weight: 200; padding-left: 0; width: 500px; text-align: left; padding-left: 35px; }

.items_table .table_row .mergedGroup .mergedTop { background-color: whitesmoke; height: 40px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; line-height: 40px; padding-left: 10px; font-size: 16px; }
    .items_table .table_row .mergedGroup .mergedTop .mergedView { background-image: url('../../../i/view_icon.svg'); background-repeat: no-repeat; background-size: 24px 24px; margin-right: 14px; cursor: pointer; width: 24px; height: 24px; }
.items_table .table_row .mergedGroup .data_cell.contact_folder_path_cell { background-image: url('../../../i/contacts.svg'); background-position: 0 5px; background-size: 30px 30px; background-repeat: no-repeat; font-weight: 800; padding-left: 0; width: 700px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left; padding-left: 35px; color: black; }
.items_table .table_row .mergedGroup .data_cell.calendar_folder_path_cell { background-image: url('../../../i/calendar.svg'); background-position: 0 5px; background-size: 30px 30px; background-repeat: no-repeat; font-weight: 800; padding-left: 0; width: 700px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left; padding-left: 35px; color: black; }
.items_table .table_row .mergedGroup .data_cell.note_folder_path_cell { background-image: url('../../../i/notes.svg'); background-position: 0 5px; background-size: 30px 30px; background-repeat: no-repeat; font-weight: 800; padding-left: 0; width: 700px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left; padding-left: 35px; color: black; }


.items_table .table_row .mergedGroup .mergedBottom {
    background-color: #000000;
    opacity: 0.1;
    height: 1px;
    margin-top: 8px;
}

.items_table .actions { }
    .items_table .actions div.menu {
        cursor: pointer;
        box-sizing: border-box;
        background-color: #FFFFFF;
        border: solid 1px #E9EBED;
        border-radius: 8px;
        max-height: 30px;
        max-width: 30px;
        min-height: 30px;
        min-width: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .items_table .actions[disabled] div.menu { display: inline-block; cursor: pointer; background-image: url('../../../i/action_menu_disabled.svg'); background-repeat: no-repeat; min-height: 30px; min-width: 30px; margin-right: 10px; }

.items_table .table_data .table_data_row .data .data_row .data_cell.error { color: red !important }
.items_table .table_data .table_data_row .data .data_row .data_cell.emptySource { color: #f7931e !important }
.items_table .table_data .table_data_row .data .data_row .item_icon_error { margin-left: 7px; cursor: pointer; display: block; float: right; background-position: center center; width: 24px; height: 24px; background-size: 24px 24px;  background-repeat: no-repeat; background-image: url('../../../i/alert_icon.svg'); }
.items_table .table_data .table_data_row .data .data_row .item_icon_emptySource { margin-left: 7px; cursor: pointer; display: block; float: right; background-position: center center; width: 24px; height: 24px; background-size: 24px 24px; background-repeat: no-repeat; background-image: url('../../../i/warning-icon.svg'); }
.items_table .table_data .table_data_row .data .data_row { white-space: nowrap; }



    .items_table .table_data .table_data_row .data .data_row .inline_menu { position: absolute; background-color: #FAFAFA; display: none; border: 1px solid #EEEEEE; z-index: 10000; right: 0px; top: 25px; color:#202020; }
        .items_table .table_data .table_data_row .data .data_row .inline_menu ul { list-style-type: none; padding: 0px; margin: 0px; -ms-flex-negative: 1; }
            .items_table .table_data .table_data_row .data .data_row .inline_menu ul li .menu_item { -ms-flex-negative: 1; height: 30px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; color: #455A64; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; padding-left: 15px; padding-right: 15px; cursor: pointer; }

                .items_table .table_data .table_data_row .data .data_row .inline_menu ul li .menu_item.edit_icon { background-image: url('../../../i/context_menu/menu-item-edit.svg'); background-position: 10px 0px; background-position-x: 10px; background-position-y: 0px; background-size: 30px 30px; background-repeat: no-repeat; -ms-flex-negative: 1; height: 30px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; color: #455A64; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; padding-left: 40px; padding-right: 15px; cursor: pointer; }
                .items_table .table_data .table_data_row .data .data_row .inline_menu ul li .menu_item.update_icon { background-image: url('../../../i/context_menu/menu-item-update.svg'); background-position: 10px 0px; background-position-x: 10px; background-position-y: 0px; background-size: 30px 30px; background-repeat: no-repeat; -ms-flex-negative: 1; height: 30px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; color: #455A64; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; padding-left: 40px; padding-right: 15px; cursor: pointer; }
                .items_table .table_data .table_data_row .data .data_row .inline_menu ul li .menu_item.remove_icon { background-image: url('../../../i/context_menu/menu-item-delete.svg'); background-position: 10px 0px; background-position-x: 10px; background-position-y: 0px; background-size: 30px 30px; background-repeat: no-repeat; -ms-flex-negative: 1; height: 30px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; color: #455A64; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; padding-left: 40px; padding-right: 15px; cursor: pointer; }
                .items_table .table_data .table_data_row .data .data_row .inline_menu ul li .menu_item.sync_icon { background-image: url('../../../i/tenant/gear_frozen.png'); background-position: 15px 5px; background-position-x: 15px; background-position-y: 5px; background-size: 19px 19px; background-repeat: no-repeat; -ms-flex-negative: 1; height: 30px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; color: #455A64; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; padding-left: 40px; padding-right: 15px; cursor: pointer; }

                .items_table .table_data .table_data_row .data .data_row .inline_menu ul li .menu_item.disabled_edit { background-image: url('../../../i/context_menu/disabled_edit.svg'); background-position: 10px 0px; background-position-x: 10px; background-position-y: 0px; background-size: 30px 30px; background-repeat: no-repeat; -ms-flex-negative: 1; height: 30px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; color: #455A64; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; padding-left: 40px; padding-right: 15px; cursor: pointer; color: #bebebc; }
                .items_table .table_data .table_data_row .data .data_row .inline_menu ul li .menu_item.disabled_update { background-image: url('../../../i/context_menu/disabled_update.svg'); background-position: 10px 0px; background-position-x: 10px; background-position-y: 0px; background-size: 30px 30px; background-repeat: no-repeat; -ms-flex-negative: 1; height: 30px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; color: #455A64; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; padding-left: 40px; padding-right: 15px; cursor: pointer; color: #bebebc; }
                .items_table .table_data .table_data_row .data .data_row .inline_menu ul li .menu_item.disabled_remove { background-image: url('../../../i/context_menu/disabled_delete.svg'); background-position: 10px 0px; background-position-x: 10px; background-position-y: 0px; background-size: 30px 30px; background-repeat: no-repeat; -ms-flex-negative: 1; height: 30px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; color: #455A64; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; padding-left: 40px; padding-right: 15px; cursor: pointer; color: #bebebc; }
                .items_table .table_data .table_data_row .data .data_row .inline_menu ul li .menu_item.disabled_sync { background-image: url('../../../i/gear_frozen_gray.svg'); background-position: 10px 0px; background-position-x: 10px; background-position-y: 0px; background-size: 30px 30px; background-repeat: no-repeat; -ms-flex-negative: 1; height: 30px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; color: #455A64; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; padding-left: 40px; padding-right: 15px; cursor: pointer; color: #bebebc; }

.items_table .inline_menu ul li .menu_item:hover { background-color: #EEEEEE; }

/* sync_tunnels_contacts */

.contacts .container_cache_contact_grid { padding: 20px; width: -o-calc(100% - 40px); width: calc(100% - 40px); }
    .contacts .container_cache_contact_grid tr:hover { background-color: #f7f7f7; }
    .contacts .container_cache_contact_grid .nothing_found { text-align: center; font-size: 22px; color: #455A64; padding-top: 200px; }

li.context_menu_item span { margin: 2px; padding: 5px 25px 5px !important; }
li.context_menu_item.details_icon { background-image: url('../../../i/context_menu/menu-item-details_view.svg'); background-repeat: no-repeat; background-size: 20px 20px; background-repeat: no-repeat; background-position: center 5px; background-position-x: 5px; background-position-y: center; }
li.context_menu_item span:hover { background: rgba(238, 238, 238, 0.5); }

md-dialog .container_main_grid_columns_dialog .container_search { margin-bottom: 10px; 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: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
    md-dialog .container_main_grid_columns_dialog .container_search input#searchContactGridColumns { width: 340px; min-width: 340px; border: 1px; }
md-dialog .container_main_grid_columns_dialog { margin: 10px; min-height: 530px; height: 530px; width: 500px; 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; }
    md-dialog .container_main_grid_columns_dialog .container_action { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; }

    md-dialog .container_main_grid_columns_dialog .container_grid_columns { height: -o-calc(100% - 90px); height: calc(100% - 90px); height: expression(100% - 90px); display: block; overflow-y: auto; margin-bottom: 10px; }
        md-dialog .container_main_grid_columns_dialog .container_grid_columns .item { height: 30px; border: 1px solid #EEEEEE; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -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; color: #455A64; }
            md-dialog .container_main_grid_columns_dialog .container_grid_columns .item.last { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; }
            md-dialog .container_main_grid_columns_dialog .container_grid_columns .item.first { border-top-left-radius: 2px; border-top-right-radius: 2px; }
            md-dialog .container_main_grid_columns_dialog .container_grid_columns .item:hover { background-color: #EEEEEE; }
        md-dialog .container_main_grid_columns_dialog .container_grid_columns ul { list-style: none; padding-left: 0px; margin: 0px; }
            md-dialog .container_main_grid_columns_dialog .container_grid_columns ul md-checkbox { margin-bottom: 0px; margin-left: 5px; }

md-dialog .container_contact_details_dialog { width: 600px; min-width: 600px; height: 565px; min-height: 565px; }
    md-dialog .container_contact_details_dialog .container_contact_details { 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-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start }
        md-dialog .container_contact_details_dialog .container_contact_details .container_contact_info { 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; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; width: 100%; height: 90px }
            md-dialog .container_contact_details_dialog .container_contact_details .container_contact_info .contact_icon { margin-top: 25px !important; display: block; float: left; margin: 15px; width: 60px; height: 60px; background-image: url('../../i/contact_icon.svg'); background-repeat: no-repeat; }
            md-dialog .container_contact_details_dialog .container_contact_details .container_contact_info .contacts_group_icon { margin-top: 25px !important; display: block; float: left; margin: 15px; width: 60px; height: 60px; background-image: url('../../i/exchange_contact_group.svg'); background-repeat: no-repeat; background-size: 60px 60px; }
            md-dialog .container_contact_details_dialog .container_contact_details .container_contact_info .contac_info { 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-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; padding-top: 10px; margin-top: 15px; margin-bottom: 15px; width: 410px; height: 60px; }
                md-dialog .container_contact_details_dialog .container_contact_details .container_contact_info .contac_info .contact_name { font-size: 15px; font-weight: bold; color: #455A64; }
                md-dialog .container_contact_details_dialog .container_contact_details .container_contact_info .contac_info .contact_email { font-size: 12px; }
                md-dialog .container_contact_details_dialog .container_contact_details .container_contact_info .contac_info md-checkbox { margin-left: 0px; }
                    md-dialog .container_contact_details_dialog .container_contact_details .container_contact_info .contac_info md-checkbox .md-label span { color: #455A64; font-weight: 600; }

    md-dialog .container_contact_details_dialog .contact_fields_columns { font-size: 14px; color: #455A64; font-weight: 600; margin-top: 20px; width: -o-calc(100% - 30px); width: calc(100% - 30px); width: expression(100% - 30px); margin-left: 15px; margin-right: 15px; height: 25px; 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; }
        md-dialog .container_contact_details_dialog .contact_fields_columns .column_name { padding-left: 20px; width: 200px; }

    md-dialog .container_contact_details_dialog .container_contact_fields { width: -o-calc(100% - 30px); width: calc(100% - 30px); width: expression(100% - 30px); margin: 15px; height: 415px; display: block; overflow-y: auto; margin-top: 0px !important; }
        md-dialog .container_contact_details_dialog .container_contact_fields .item { min-height: 35px; height: 100%; border: 1px solid #EEEEEE; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -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; color: #455A64; }
            md-dialog .container_contact_details_dialog .container_contact_fields .item .column_field_name { overflow-x: hidden; padding-left: 20px; width: 180px; height: 100%; line-height: 35px; text-align: left; }
            md-dialog .container_contact_details_dialog .container_contact_fields .item.last { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; }
            md-dialog .container_contact_details_dialog .container_contact_fields .item.first { border-top-left-radius: 2px; border-top-right-radius: 2px; }
            md-dialog .container_contact_details_dialog .container_contact_fields .item:hover { background-color: #EEEEEE; }
        md-dialog .container_contact_details_dialog .container_contact_fields ul { list-style: none; padding-left: 0px; margin: 0px; }

        md-dialog .container_contact_details_dialog .container_contact_fields .container_progress_bar md-progress-circular { margin: auto; margin-top: 200px; }

        md-dialog .container_contact_details_dialog .container_contact_fields .item .column_data { overflow-x: hidden; padding-left: 20px; width: 310px; max-height: 300px; line-height: 35px; text-align: left; margin: auto; word-wrap: break-word; line-height: 16px; margin-left: 20px !important; margin-right: 0px !important; }

.status_progress { background-image: url('../../../i/progress_circle.gif'); height: 15px; width: 15px; background-repeat: no-repeat; }

/* sync_tunnels_events */

md-dialog .container_event_dialog { width: 500px; min-width: 500px; height: 450px; min-height: 450px; }
    md-dialog .container_event_dialog .event_content { width: 470px; height: 420px; margin: 15px; overflow-y: auto; border: 0px; }

/* sync_tunnels_notes */

.container_notes { 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; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-align-self: stretch; -ms-flex-item-align: stretch; align-self: stretch; width: 100%; margin: 10px; overflow-y: auto; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
    .container_notes .container_note_item { margin-left: 10px; margin-right: 10px; 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-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; }
        .container_notes .container_note_item .note_item { cursor: pointer; width: 140px; height: 140px; background-color: #FFF; margin: 10px; border-radius: 70px; background-image: url(../../../i/note_view_icon.svg); background-repeat: no-repeat; background-position: 24px; }
            .container_notes .container_note_item .note_item .description { word-break: break-all; display: block; display: -webkit-box; -webkit-box-orient: vertical; max-height: 65px; max-width: 75px; line-height: 16px; height: 65px; width: 75px; margin: 0 auto; margin-top: 37px; font-size: 11px; text-overflow: ellipsis; overflow: hidden; }
            .container_notes .container_note_item .note_item:hover { background-color: #EEE; }
        .container_notes .container_note_item .label { word-break: break-all; display: block; display: -webkit-box; height: 50px; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; max-width: 160px; max-height: 50px; text-align: center; }
    .container_notes .container_progress_bar { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; margin: auto; }

.syncTunnel-wizard .top_bar { margin: 10px; }
.syncTunnel-wizard .main_container { margin-left: 00px; margin-right: 00px; }
.syncTunnel-wizard .main_container { margin-bottom: 10px; }

/*.syncTunnel-wizard .step3 { margin-left: 50px; margin-right: 50px; }*/
    .syncTunnel-wizard .step3 #subFoldersTreeView { overflow: auto !important; }

.syncTunnel-wizard .step0 { margin: 10px; }
.syncTunnel-wizard .step1 { margin-left: 10px; margin-right: 10px; }
.syncTunnel-wizard .step2 { margin-left: 10px; margin-right: 10px; }
