html { height: 100%; margin: 0; padding: 0; background: 0 !important; }
body {
    background-color: #ffffff !important;
    background-attachment: fixed !important;
    background-size: cover !important;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    font-family: "Inter", "Outer", "Lato", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px !important;
    color: #363636 !important;
    min-width: 960px;
}



button, select, html, textarea, input {
    
    font-family: "Inter", "Outer", "Lato", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;

}

md-checkbox { min-height: 20px !important; margin-bottom: 16px !important; min-width: 20px !important; }
md-checkbox .md-container { margin-top: 9px !important; width: 20px !important; height: 20px !important; }
md-checkbox .md-label { margin-top: 0 !important; margin-left: 30px !important; }
md-checkbox .md-icon { width: 20px !important; height: 20px !important; }
.md-button.md-primary:not([disabled]) { color: white !important; }
.scroll_y { overflow-y: scroll; }
md-switch { margin-left: 0 !important; }

.header {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-flex: 0 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    min-height: 53px;
    background-color: transparent;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.header-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    padding: 1rem;
    margin-bottom: 0;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 100;
    background-color: #ffffff;
    column-gap: 10px;
}
    .header-grid .one-column {
        grid-column: 1;
        display: flex;
        align-items: center;
        max-height: 40px;
    }
        .header-grid .one-column a {
            cursor:pointer;
        }
        .header-grid .one-column .v-line {
            height: 100%;
            width: 1px;
            background-color: #0000001A;
            margin-left: 15px;
            margin-right: 15px;
        }
    .header-grid .one-column .cira-app-name {
        margin-bottom: 2px;
        font-size: 14px;
        color: #202020;
        font-weight: bold;
    }
.header-grid > .two-column {
    grid-column: 2;
}
.header-grid > .three-column {
    grid-column:3;
    max-height: 44px;
    column-gap: 10px;
}
.header-grid .three-column .container_notif {
    width: 44px;
    height: 44px;
    padding: 10px;
    background-color: #EDFAF8;
    border-radius: 12px;
    box-shadow: 0px 2px 5px 0px #29C4A91A;
    border: 1px solid #EDFAF8;
    }
.header-grid .three-column .container_notif.opened {
    background-color: #E9EBED;
    border: 1px solid #E9EBED;
}
.header-grid .three-column .container_notif.opened:hover {
    background-color: #E9EBED;
    border: 1px solid #E9EBED;
}
.header-grid .three-column .container_notif:hover {
    background-color: #D6F0F0;
    border: 1px solid #D6F0F0;
}

    .header-grid .logo a {
        text-decoration: none;
        color: white;
    }

    .header-grid .login_info {
        height: 40px;
    }

        .header-grid .login_info span.user_name {
            font-size:16px;
            font-weight:bold;
            display: inline-block;
            float: right;
            margin-right: 15px;
            color:#202020;
            white-space: nowrap;
        }
        .header-grid .login_info span.user_email {
            font-size: 12px;
            display: inline-block;
            float: right;
            margin-right: 15px;
            color: #202020;
        }

        .header-grid .login_info a {
            text-decoration: none;
            color: white;
        }

        .header-grid .login_info .container_user_icon {
            box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.12);
            display: block;
            height: 40px;
            width: 40px;
            float: right;
            border-radius: 30px;
        }

            .header-grid .login_info .container_user_icon .user_icon {
                background-position: 0px;
                height: 40px;
                width: 40px;
                border-radius: 30px;
                margin-right: 4px;
                border-left-width: 0;
                border-right-width: 0;
                border-top-width: 0;
                border-bottom-width: 0;
                background-size: 40px 40px;
                background-repeat: no-repeat;
                background: url('../i/user_main_icon.png');
            }

        .header-grid .login_info .user_info {
            background-position: 0px;
            float: left;
            width: 70px;
            height: 70px;
            background-size: 70px 70px;
            border-radius: 40px;
            margin: 15px 15px 10px 15px;
            background-repeat: no-repeat;
            background: url('../i/user_main_icon.png');
        }

            .header-grid .login_info .user_info span {
                color: #363636 !important;
            }

        .header-grid .login_info .dropdown {
            width: 380px;
            height: 140px;
            border-radius: 4px;
        }

        .header-grid .login_info .user_info_fields {
            display: block;
            width: 250px;
            float: left;
            margin-top: 35px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .header-grid .login_info .container_action {
            display: block;
            width: 357px;
            height: 50px;
            float: left;
            padding-left: 8px;
            padding-right: 8px;
        }

            .header-grid .login_info .container_action button {
                float: right;
                font-size: 12px;
                min-height: 30px;
                margin-left: 16px;
                width: 130px;
                text-align: center;
                display: flex;
                align-items: center;
                justify-content: center;
            }

                .header-grid .login_info .container_action button span {
                    margin: -4px;
                    display: block;
                }

    .header {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -webkit-flex: 0 0 auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        background-color: transparent;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-direction: row;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .header a.logo_text { margin-right: 5px; }


    
    .header .container_logo_left .dashboard-logo { cursor: pointer; }
    .header .logo {
        width: 160px;
        display: block;
        height: 40px;
    }
        .header .logo a { text-decoration: none; color: white; }
    .header .login_info { background-repeat: no-repeat; background-position: 170px; height: 40px; margin-left: 10px; -webkit-box-flex: 1; -webkit-flex: 1 auto; -ms-flex: 1 auto; flex: 1 auto; }
        .header .login_info span.user_name { margin-top: 20px; display: block; float: right; margin-right: 15px; }
        .header .login_info a { text-decoration: none; color: white; }
        .header .login_info .container_user_icon { box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.12); display: block; height: 40px; width: 40px; float: right; border-radius: 30px; }
            .header .login_info .container_user_icon .user_icon { background-position: 0px; height: 40px; width: 40px; border-radius: 30px; margin-right: 4px; border-left-width: 0; border-right-width: 0; border-top-width: 0; border-bottom-width: 0; background-size: 40px 40px; background-repeat: no-repeat; background: url('../i/user_main_icon.png'); }
        .header .login_info .user_info { background-position: 0px; float: left; width: 70px; height: 70px; background-size: 70px 70px; border-radius: 40px; margin: 15px 15px 10px 15px; background-repeat: no-repeat; background: url('../i/user_main_icon.png'); }
            .header .login_info .user_info span { color: #363636 !important; }

        .header .login_info .dropdown { width: 315px; height: 140px; border-radius: 4px; }
        .header .login_info .user_info_fields { display: block; width: 205px; float: left; margin-top: 35px; overflow: hidden; }
        .header .login_info .container_action { display: block; width: 300px; height: 50px; float: left; padding-left: 8px; padding-right: 8px; }
            .header .login_info .container_action button { float: right; font-size: 12px; min-height: 30px; margin-left: 16px; width: 130px; }
                .header .login_info .container_action button span { margin: -4px; display: block; }
    /* Task bar and buttons */
    .header .license-msp { cursor: pointer; margin-left: 5px; margin-right: 5px; height: 35px; width: 35px; background-image: url('../i/consultant.svg'); background-size: 35px 35px; background-repeat: no-repeat; }
        .header .license-msp:hover { opacity: 0.7; }

/* Flex row container */
.flex_row_container { 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; }

.task_bar { z-index: 0; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-left: 0; padding-right: 0; height: 50px; min-height: 50px; width: 100%; font-weight: normal; background: #D4DCDE; border-top-left-radius: 3px; border-top-right-radius: 3px; -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; }
    .task_bar p.description { margin-left: 10px; color: #455A64; min-width: 300px; float: left; }
    .task_bar .container_main { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; padding: 0; margin: 0; -ms-flex-negative: 1; width: 78%; height: 50px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
    .task_bar .center_header { line-height: 35px; font-size: 20px; font-weight: 100; }

    .task_bar .container_action { padding: 0; margin: 0; padding-right: 10px; padding-left: 10px; height: 50px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
        .task_bar .container_action.right { margin-left: auto !important; -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; }
        .task_bar .container_action.center { margin-left: auto !important; display: -webkit-flex; -webkit-align-items: center; align-items: center; }
        .task_bar .container_action .add { margin: 1px; height: 33px; width: 33px; background-image: url('../i/add_main_icon.svg'); background-repeat: no-repeat; float: right; }
            .task_bar .container_action .add[disabled] { margin: 1px; height: 33px; width: 33px; background-image: url('../i/addGrey.svg'); cursor: not-allowed; background-repeat: no-repeat; float: right; }
        .task_bar .container_action .update { margin: 1px; height: 33px; width: 33px; background-image: url('../i/update_main_icon.svg'); background-repeat: no-repeat; float: right; }
            .task_bar .container_action .update[disabled] { margin: 1px; height: 33px; width: 33px; background-image: url('../i/update_main_icon_ds.svg'); background-repeat: no-repeat; float: right; cursor: not-allowed; }
        .task_bar .container_action .selected { margin: 1px; height: 33px; width: 33px; background-image: url('../i/select_main_icon.svg'); background-repeat: no-repeat; float: right; }
        .task_bar .container_action .back { margin: 1px; height: 33px; width: 33px; background-image: url('../i/back_main_icon.svg'); background-repeat: no-repeat; float: right; }
        .task_bar .container_action .back { margin: 1px; height: 33px; width: 33px; background-image: url('../i/back_blue_icon.svg'); background-repeat: no-repeat; float: right; }
        .task_bar .container_action input#searchContacts { height: 35px; margin-right: 10px; min-width: 250px; border-radius: 3px; }
    .task_bar .settings { margin: 1px; height: 33px; width: 33px; background-image: url('../i/settings_main_icon.svg'); background-repeat: no-repeat; float: right; }

.md-button { font-size: 13px; font-weight: normal; margin: 0; padding: 0; margin-left: 10px; height: 30px; line-height: 30px; min-height: 30px; height: 30px; }

/* Table for items */
.container_center_table { display: block; width: 100%; padding: 10px; -ms-flex-negative: 1; }
.items_table { display: table; width: 100%; color: #455A64; -ms-flex-negative: 1; }
    .items_table .table_row { display: table-row; -ms-flex-negative: 1; }
        .items_table .table_row .table_cell { display: table-cell; text-align: center; padding-bottom: 1px; }

    .items_table .table_header { display: table; width: 100%; color: #455A64; margin: 0px; font-size: 15px; padding-left: 5px; }
        .items_table .table_header .table_header_row { display: table-row; font-size: 15px; }
            .items_table .table_header .table_header_row .header_data { display: table; width: 100%; color: #455A64; margin: 10px; height: 30px; }
            .items_table .table_header .table_header_row .header_row { display: table-row; font-size: 15px; font-weight: bold; }
                .items_table .table_header .table_header_row .header_row .header_cell { display: table-cell; text-align: left; }

    .items_table .table_data { display: table; width: 100%; color: #455A64; margin: 0; background-color: white; padding: 0; font-size: 14px; }
        .items_table .table_data:hover { background-color: #EEEEEE; }
        .items_table .table_data .table_data_row { display: table-row; height: 50px; }
            .items_table .table_data .table_data_row .data { display: table; width: 100%; color: #455A64; margin: 0px; }
                .items_table .table_data .table_data_row .data .data_row { display: table-row; height: 50px; }
                    .items_table .table_data .table_data_row .data .data_row .edit { margin: 1px; height: 30px; width: 30px; background-image: url('../i/edit_icon.svg'); background-repeat: no-repeat; float: right; }
                    .items_table .table_data .table_data_row .data .data_row .remove { margin: 1px; height: 30px; width: 30px; background-image: url('../i/remove_item.svg'); background-repeat: no-repeat; float: right; }
                    .items_table .table_data .table_data_row .data .data_row .update { margin: 1px; height: 30px; width: 30px; background-image: url('../i/update_icon.svg'); background-repeat: no-repeat; float: right; }
                    .items_table .table_data .table_data_row .data .data_row .view { margin: 1px; height: 30px; width: 30px; background-image: url('../i/view_icon.svg'); background-repeat: no-repeat; float: right; }
                    .items_table .table_data .table_data_row .data .data_row .progress { margin: 1px; height: 30px; width: 30px; background-image: url('../i/update_progress.gif'); background-repeat: no-repeat; float: left; }
                .items_table .table_data .table_data_row .data .data_cell { font-weight: 600; display: table-cell; padding-left: 15px; vertical-align: middle; }

table tr.expired_row { background-color: rgb(255, 192, 203) !important; }

/* other */
.shadow { box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); }

.nav_container { display: block; width: 100%; height: 50px; margin-bottom: 20px; margin-left: auto; margin-right: auto; margin-top: 5px; float: left; }
    .nav_container a { text-decoration: blink; }
    .nav_container .arrow_lable { display: block; margin-top: 12px; width: 190px; }
    .nav_container .arrow_back { background-image: url('../i/arrow_back.svg'); background-repeat: no-repeat; float: left; display: block; width: 44px; height: 44px; margin-left: 44px; }
    .nav_container .arrow_next { background-image: url('../i/arrow_next.svg'); background-repeat: no-repeat; float: right; display: block; width: 44px; height: 44px; margin-right: 28px; }
    .nav_container .arrow_back:hover { background-image: url('../i/arrow_back_hv.svg'); }
    .nav_container .arrow_back.disabled { background-image: url('../i/arrow_back_ds.svg'); }
    .nav_container .arrow_next:hover { background-image: url('../i/arrow_next_hv.svg'); }
    .nav_container .arrow_next.disabled { background-image: url('../i/arrow_next_ds.svg'); }

    .nav_container .arrow_back span { margin-left: 55px; width: 200px; margin-top: 13px; display: block; color: #32BEA6; font-size: 18px; }
    .nav_container .arrow_back.disabled span { color: #C2C2C2; }

    .nav_container .arrow_next span { margin-left: -50px; width: 200px; margin-top: 13px; display: block; color: #32BEA6; font-size: 18px; }
    .nav_container .arrow_next.disabled span { color: #C2C2C2; }

    .nav_container .arrow_back:hover:not(.disabled) span { color: #A3D0C9; font-size: 18px; }
    .nav_container .arrow_next:hover:not(.disabled) span { color: #A3D0C9; font-size: 18px; }

@media (max-width: 1366px), handheld and (orientation: landscape) {
    .container_main { padding-left: 0 !important; padding-right: 0 !important; }
}

.md_disabled_div_toolTip { width: 100%; height: 100%; }

md-button .settings.disabled { background-color: transparent !important; border: 1px; border-style: solid; border-color: #D2D2D2 !important; color: #D2D2D2 !important; box-sizing: border-box !important; cursor: not-allowed; }

/*************************/


/* NEW md-dialog*/
md-dialog .container-main-dialog { background-color: rgba(249, 249, 249, 1) !important; }
    md-dialog .container-main-dialog .header-container { background-color: #009688; font-size: 19px !important; padding-left: 15px !important; padding-right: 15px !important; }

    md-dialog .container-main-dialog .container-actions button { float: right; min-width: 90px; width: 90px; min-height: 30px; font-size: 11px; font-weight: bold; height: 30px; line-height: 24px; width: 16px; height: 16px; }
md-dialog.schedule-dialog .container-main-dialog .config-container .period-type-container { background-color: transparent !important; }
md-dialog.schedule-dialog .container-main-dialog .config-container .schedule-type-container { background-color: transparent !important; }
md-dialog.schedule-dialog span.k-picker-wrap .k-input { width: 90px !important; }
md-dialog.schedule-dialog .k-state-default > .k-select .k-icon { margin-top: 5px; }
md-dialog.schedule-dialog .templateInclude { height: 390px !important; }


::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
    height: 7px;
}

::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: #C8C8C8;
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}
::-webkit-scrollbar-track {
    background-color: #E1E5E5;
    border-radius: 4px;
    padding: 0;
}


button.md-blue-button md-icon.save {
    margin: 0;
    margin-right: 5px;
}

.singed-tenants {
    border-top: solid 1px #E9EBED;
    max-height: calc(100vh - 220px);
    overflow: auto;
}

    .singed-tenants .tenant-container {
        min-height: 50px;
        border-bottom: solid 1px #E9EBED;
        padding-bottom: 10px;
        padding-top: 10px;
        border-radius: 6px;
        padding-left: 10px;
        padding-right: 10px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .singed-tenants .tenant-container:hover {
            background-color: #E9EBED;
        }

        .singed-tenants .tenant-container .tenant-account-photo {
        }

        .singed-tenants .tenant-container .tenant-name-container {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }

            .singed-tenants .tenant-container .tenant-name-container .tenant-name {
                color: #202020;
                font-weight: bold;
                font-size: 12px;
                line-height: 120%;
            }

            .singed-tenants .tenant-container .tenant-name-container .tenant-iscurrent-block {
                border-radius: 4px;
                padding-left: 6px;
                padding-right: 6px;
                background-color: #E3F5E7;
                color: #20986F;
                font-size: 11px;
                line-height: 150%;
                margin-left: 10px;
            }

        .singed-tenants .tenant-container .tenant-user-email {
            color: #202020;
            font-size: 12px;
            line-height: 120%;
            width: 100%;
            overflow: hidden;
            white-space: nowrap;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
        }

    .singed-tenants .add-another-account {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border-radius: 6px;
        padding-left: 10px;
        padding-right: 10px;
        min-height: 50px;
    }

        .singed-tenants .add-another-account:hover {
            background-color: #E9EBED;
        }

        .singed-tenants .add-another-account .button-icon {
            height: 24px;
            width: 24px;
            border-radius: 6px;
            border: solid 1px #1079C5;
            color: #1079C5;
            text-align: center;
            line-height: 80%;
            font-size: 25px;
        }

        .singed-tenants .add-another-account .button-label {
            margin-left: 10px;
            color: #1079C5;
        }

    .singed-tenants .sing-out-all {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border-radius: 6px;
        padding-left: 10px;
        padding-right: 10px;
        min-height: 50px;
    }

        .singed-tenants .sing-out-all:hover {
            background-color: #E9EBED;
        }

        .singed-tenants .sing-out-all .button-icon {
            height: 24px;
            width: 24px;
            border-radius: 6px;
            text-align: center;
            line-height: 80%;
            font-size: 25px;
            background-position-x: 25px;
            background-image: url('../bundle/i/newUI/header-sprite.svg')
        }

        .singed-tenants .sing-out-all .button-label {
            margin-left: 10px;
            color: #202020;
        }

.tenant-menu-selector {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #F9F9F9;
    border-radius: 8px;
    padding: 5px;
    min-height: 30px;
    padding-left: 10px;
    padding-right: 10px;
}

    .tenant-menu-selector:hover {
        background-color: #E9EBED;
    }


    .tenant-menu-selector .icon {
        height: 10px;
        width: 12px;
        margin-left: 20px;
    }

    .tenant-menu-selector .icon {
        background-repeat: no-repeat;
        background-image: url('../bundle/i/newUI/arrows.svg');
        background-position: -10px;
    }

.container_dropdown_menu.active .tenant-menu-selector .icon {
    background-repeat: no-repeat;
    background-image: url('../bundle/i/newUI/arrows.svg');
    background-position: 0px;
}
.ns-md-tooltip {
    height: 100% !important;
}