md-dialog.schedule-dialog { height: 500px; width: 700px; }

    md-dialog.schedule-dialog .container-main-dialog { height: 500px; width: 700px; background-color: white; }

    md-dialog.schedule-dialog .container-main-dialog { height: 100%; }
        md-dialog.schedule-dialog .container-main-dialog .config-container { height: 100%; width: 100%; }

            md-dialog.schedule-dialog .container-main-dialog .config-container .period-type-container { width: 25%; height: 100%; border-right: 1px solid #dcdcdc; background-color: white; }
                md-dialog.schedule-dialog .container-main-dialog .config-container .period-type-container md-radio-button, .md-switch-thumb { margin: 34px; }

            md-dialog.schedule-dialog .container-main-dialog .config-container .schedule-type-container { width: 75%; background-color: white; }
                md-dialog.schedule-dialog .container-main-dialog .config-container .schedule-type-container .type { height: 390px; }
                md-dialog.schedule-dialog .container-main-dialog .config-container .schedule-type-container .period-data { height: 330px; padding-top: 25px; padding-left: 35px; }

                    md-dialog.schedule-dialog .container-main-dialog .config-container .schedule-type-container .period-data .container-label { }
                        md-dialog.schedule-dialog .container-main-dialog .config-container .schedule-type-container .period-data .container-label.start-time-side { width: 120px; }
                        md-dialog.schedule-dialog .container-main-dialog .config-container .schedule-type-container .period-data .container-label.reccurence-time-side { width: 120px; }
                        md-dialog.schedule-dialog .container-main-dialog .config-container .schedule-type-container .period-data .container-label.day-of-month-side { width: 300px; margin-left: 30px; }
                        md-dialog.schedule-dialog .container-main-dialog .config-container .schedule-type-container .period-data .container-label.day-of-weekly-side { width: 120px; margin-left: 30px; }

                    md-dialog.schedule-dialog .container-main-dialog .config-container .schedule-type-container .period-data span.period-time { width: 120px; margin-top: 5px; }

                    md-dialog.schedule-dialog .container-main-dialog .config-container .schedule-type-container .period-data .day-of-week-items { list-style-type: none; padding-left: 5px !important; margin-top: 15px; }

                    md-dialog.schedule-dialog .container-main-dialog .config-container .schedule-type-container .period-data .day-of-month-items { width: 280px; margin-top: 6px; padding: 5px; height: 200px; display: block; background-color: white; list-style-type: none; }
                        md-dialog.schedule-dialog .container-main-dialog .config-container .schedule-type-container .period-data .day-of-month-items .day-item { margin: 6px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center; line-height: 25px; border-radius: 50%; width: 28px; height: 28px; }
                            md-dialog.schedule-dialog .container-main-dialog .config-container .schedule-type-container .period-data .day-of-month-items .day-item a { color: #333333; font-size: 13px; text-decoration: none; }
                            md-dialog.schedule-dialog .container-main-dialog .config-container .schedule-type-container .period-data .day-of-month-items .day-item.selected { background: #32BEA6; }

                                md-dialog.schedule-dialog .container-main-dialog .config-container .schedule-type-container .period-data .day-of-month-items .day-item.selected.disabled { background: #919191; }
                            md-dialog.schedule-dialog .container-main-dialog .config-container .schedule-type-container .period-data .day-of-month-items .day-item.disabled:hover:not(.selected) { background: transparent; }

                            md-dialog.schedule-dialog .container-main-dialog .config-container .schedule-type-container .period-data .day-of-month-items .day-item:hover:not(.selected) { background: #9ECEC7; }
                                md-dialog.schedule-dialog .container-main-dialog .config-container .schedule-type-container .period-data .day-of-month-items .day-item:hover:not(.selected) a { color: #333333; }

                            md-dialog.schedule-dialog .container-main-dialog .config-container .schedule-type-container .period-data .day-of-month-items .day-item.selected a { color: white; }
                        md-dialog.schedule-dialog .container-main-dialog .config-container .schedule-type-container .period-data .day-of-month-items .day-range-items { padding-left: 0px !important; }
                        md-dialog.schedule-dialog .container-main-dialog .config-container .schedule-type-container .period-data .day-of-month-items .day-range-item { display: table-cell; }

                md-dialog.schedule-dialog .container-main-dialog .config-container .schedule-type-container .run_last_dayofMonth { margin-left: 35px; }

    /* Reset */
    md-dialog.schedule-dialog .k-picker-wrap { box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); height: 28px !important; }
    md-dialog.schedule-dialog span.k-picker-wrap .k-input { height: 28px !important; }
    md-dialog.schedule-dialog .k-picker-wrap .k-input { padding: 0 !important; }
    md-dialog.schedule-dialog .k-picker-wrap .k-select, .k-numeric-wrap .k-select, .k-dropdown-wrap .k-select { padding: 0px !important; min-height: initial !important; width: 28px !important; min-height: 1.21em !important; }
    md-dialog.schedule-dialog .k-state-default > .k-select { line-height: 30px; }
    md-dialog.schedule-dialog span.k-icon { margin-top: -5px; }

#timeDaily_timeview, #timeWeekly_timeview, #timeMonthly_timeview { height: 200px; }