﻿md-dialog.user-devices-dialog { height: 550px; width: 985px; background-color: #FAFAFA; }
    md-dialog.user-devices-dialog .container-main-dialog { height: 550px; width: 985px; }

        md-dialog.user-devices-dialog .container-main-dialog .animated { transition-property: margin-left; transition-duration: .5s; }

        md-dialog.user-devices-dialog .container-main-dialog ng-include { padding: 15px; }
        md-dialog.user-devices-dialog .container-main-dialog .device-type-sync {
            background-size: 20px 20px;
            width: 20px;
            height: 20px;
            background-repeat: no-repeat;
            margin: 0 auto;
        }
            md-dialog.user-devices-dialog .container-main-dialog .device-type-sync.addressbook {
                background-image: url(../../i/settings/SaveUsersOn@3x.png);
            }
            md-dialog.user-devices-dialog .container-main-dialog .device-type-sync.callerId {
                background-image: url(../../i/settings/CallerIDOn@3x.png);
            }
            md-dialog.user-devices-dialog .container-main-dialog .devices {
                width: 970px;
            }
            md-dialog.user-devices-dialog .container-main-dialog .folders-task-bar .sync-type {
                WIDTH: 456px;
                padding-left: 20px;
            }

            md-dialog.user-devices-dialog .container-main-dialog .folders-task-bar .sync-type .device-type-sync {
                float:left;
                margin-right: 5px;
            }

            md-dialog.user-devices-dialog .container-main-dialog .devices .k-grid {
                height: auto;
                border-color: #e6e6e6;
            }

                md-dialog.user-devices-dialog .container-main-dialog .devices .k-grid.no-scrollbar .k-grid-header { padding: 0 !important; }
                md-dialog.user-devices-dialog .container-main-dialog .devices .k-grid.no-scrollbar .k-grid-content { overflow-y: hidden; }

                md-dialog.user-devices-dialog .container-main-dialog .devices .k-grid .k-grid-header th.k-header { /*border-width: 0 1px 0;*/ padding: .729em .2em .614em .85em; background-color: #fff; border-color: #e6e6e6; color: #455a64; font-weight: bold; }
                md-dialog.user-devices-dialog .container-main-dialog .devices .k-grid .k-grid-header th.header-date { padding-left: 0; padding-right: 0; text-align: center; }
                md-dialog.user-devices-dialog .container-main-dialog .devices .k-grid .k-grid-header th.header-action { padding-top: 6px; padding-bottom: 6px; }
                md-dialog.user-devices-dialog .container-main-dialog .devices .k-grid .k-grid-header thead tr th .refresh { border: solid 1px #EEEEEE; border-radius: 2px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.09), 0 2px 9px 0 rgba(0, 0, 0, 0.05); width: 25px; height: 23px; cursor: pointer; }
                    md-dialog.user-devices-dialog .container-main-dialog .devices .k-grid .k-grid-header thead tr th .refresh.disabled { /*background-color: #f0f0f0;*/ }
                    md-dialog.user-devices-dialog .container-main-dialog .devices .k-grid .k-grid-header thead tr th .refresh md-icon { color: #33BDA4; margin-left: 5px; margin-top: 3px; min-height: 18px; height: 18px; min-width: 14px; width: 14px; }
                    md-dialog.user-devices-dialog .container-main-dialog .devices .k-grid .k-grid-header thead tr th .refresh.disabled md-icon { color: #6f6f6f; }

                md-dialog.user-devices-dialog .container-main-dialog .devices .k-grid .k-grid-content { max-height: 418px; min-height: 35px; }
                    md-dialog.user-devices-dialog .container-main-dialog .devices .k-grid .k-grid-content .k-loading-image { background-size: 28px; }
                    md-dialog.user-devices-dialog .container-main-dialog .devices .k-grid .k-grid-content .k-grid-norecords-template { border: 0; }
                    md-dialog.user-devices-dialog .container-main-dialog .devices .k-grid .k-grid-content tr td { /*border-width: 0 1px 1px;*/ padding: .429em 0.9em; border-color: #e6e6e6; color: #666666; }
                        md-dialog.user-devices-dialog .container-main-dialog .devices .k-grid .k-grid-content tr td.cell-count span { float: right; }
                        md-dialog.user-devices-dialog .container-main-dialog .devices .k-grid .k-grid-content tr td .device { border: solid 1px #EEEEEE; border-radius: 2px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.09), 0 2px 9px 0 rgba(0, 0, 0, 0.05); width: 25px; height: 23px; cursor: pointer; }
                            md-dialog.user-devices-dialog .container-main-dialog .devices .k-grid .k-grid-content tr td .device.disabled { /*background-color: #f0f0f0;*/ }
                            md-dialog.user-devices-dialog .container-main-dialog .devices .k-grid .k-grid-content tr td .device md-icon { color: #33BDA4; margin-left: 5px; min-height: 18px; height: 18px; min-width: 14px; width: 14px; }
                            md-dialog.user-devices-dialog .container-main-dialog .devices .k-grid .k-grid-content tr td .device.disabled md-icon { color: #6f6f6f; }


        md-dialog.user-devices-dialog .container-main-dialog .folders { width: 986px; margin-left: 35px; }

            md-dialog.user-devices-dialog .container-main-dialog .folders .alert-container { position: absolute; width: 100%; height: 490px; margin-left: -15px; margin-top: -15px; background-color: rgba(128, 128, 128, 0.3); z-index: 2; }
                md-dialog.user-devices-dialog .container-main-dialog .folders .alert-container .alert-task-bar { background-color: #eeeeee; min-width: 825px; height: 50px; }
                    md-dialog.user-devices-dialog .container-main-dialog .folders .alert-container .alert-task-bar .alert-icon { height: 35px; width: 45px; background-image: url(../../i/gal-sprite-outlined.svg); background-position: -7px -467px; background-repeat: no-repeat; background-size: 57px; margin-left: 16px; margin-top: 1px; }
                    md-dialog.user-devices-dialog .container-main-dialog .folders .alert-container .alert-task-bar .message { font-weight: bold; }
                    md-dialog.user-devices-dialog .container-main-dialog .folders .alert-container .alert-task-bar .separator { width: 110px; }
                    md-dialog.user-devices-dialog .container-main-dialog .folders .alert-container .alert-task-bar .cancel-button-container { margin-right: -6px; }
                    md-dialog.user-devices-dialog .container-main-dialog .folders .alert-container .alert-task-bar .disable-button-container { margin-right: 20px; }

            md-dialog.user-devices-dialog .container-main-dialog .folders .folders-task-bar { background-color: #eeeeee; margin-left: -15px; margin-top: -15px; min-width: 986px; height: 50px; }
                md-dialog.user-devices-dialog .container-main-dialog .folders .folders-task-bar .back-button { height: 32px; width: 32px; background-image: url(../../i/back-sprite-x30.svg); background-position: 0 -32px; background-repeat: no-repeat; cursor: pointer; background-size: 32px; margin-left: 16px; margin-top: 1px; }
                md-dialog.user-devices-dialog .container-main-dialog .folders .folders-task-bar .message { width: 380px; text-align: right; font-weight: bold; color: red; }
                md-dialog.user-devices-dialog .container-main-dialog .folders .folders-task-bar .separator { width: 55px; }
                md-dialog.user-devices-dialog .container-main-dialog .folders .folders-task-bar .disable-button-container { }
                    md-dialog.user-devices-dialog .container-main-dialog .folders .folders-task-bar .disable-button-container button { width: 115px; font-size: 12px; letter-spacing: .8px; }
                md-dialog.user-devices-dialog .container-main-dialog .folders .folders-task-bar .send-push-container { margin-right: 5px; }
                    md-dialog.user-devices-dialog .container-main-dialog .folders .folders-task-bar .send-push-container button { width: 130px; font-size: 12px; letter-spacing: .8px; }
                md-dialog.user-devices-dialog .container-main-dialog .folders .folders-task-bar .refresh-container { margin-right: 15px; }
                    md-dialog.user-devices-dialog .container-main-dialog .folders .folders-task-bar .refresh-container button { width: 30px; min-width: 30px; }
                        md-dialog.user-devices-dialog .container-main-dialog .folders .folders-task-bar .refresh-container button md-icon { min-height: 14px; min-width: 14px; width: 14px; height: 14px; }

                    md-dialog.user-devices-dialog .container-main-dialog .folders .k-grid { height: auto; border-color: #e6e6e6; margin-top: 20px; width:950px; }

                md-dialog.user-devices-dialog .container-main-dialog .folders .k-grid.no-scrollbar .k-grid-header { padding: 0 !important; }
                md-dialog.user-devices-dialog .container-main-dialog .folders .k-grid.no-scrollbar .k-grid-content { overflow-y: visible; }

                md-dialog.user-devices-dialog .container-main-dialog .folders .k-grid .k-grid-header th.k-header { /*border-width: 0 1px 0;*/ padding: .729em .2em .614em .85em; background-color: #fff; /*border-color: #e6e6e6;*/ color: #455a64; font-weight: bold; }

                md-dialog.user-devices-dialog .container-main-dialog .folders .k-grid .k-grid-content { max-height: 365px; min-height: 35px; }
                md-dialog.user-devices-dialog .container-main-dialog .folders .k-grid .k-grid-content-expander { height: 0; }
                md-dialog.user-devices-dialog .container-main-dialog .folders .k-grid .k-grid-content .k-loading-image { background-size: 28px; }
                md-dialog.user-devices-dialog .container-main-dialog .folders .k-grid .k-grid-content .k-grid-norecords-template { border: 0; }
                md-dialog.user-devices-dialog .container-main-dialog .folders .k-grid .k-grid-content tr td { /*border-width: 0 1px 1px;*/ padding: .429em 0.9em; border-color: #e6e6e6; color: #666666; }
                    md-dialog.user-devices-dialog .container-main-dialog .folders .k-grid .k-grid-content tr td.cell-count span { float: right; }
                    md-dialog.user-devices-dialog .container-main-dialog .folders .k-grid .k-grid-content tr td .type-icon { background-image: url(../../i/view-mailbox-outlined.svg); background-repeat: no-repeat; background-size: 35px; margin-left: 3px; margin-top: 1px; }
                        md-dialog.user-devices-dialog .container-main-dialog .folders .k-grid .k-grid-content tr td .type-icon.contact { background-position: -6px -44px; width: 23px; height: 18px; }
                        md-dialog.user-devices-dialog .container-main-dialog .folders .k-grid .k-grid-content tr td .type-icon.calendar { background-position: -6px -113px; width: 23px; height: 20px; }

            md-dialog.user-devices-dialog .container-main-dialog .folders .state-info-container { width: 800px }
                md-dialog.user-devices-dialog .container-main-dialog .folders .state-info-container div { margin: 50px auto; }
