Book a Demo!
CoCalc Logo Icon
StoreFeaturesDocsShareSupportNewsAboutPoliciesSign UpSign In
bhikandeshmukh
GitHub Repository: bhikandeshmukh/shark
Path: blob/master/phs/Paytm-Phishing/paytm/index.php
996 views
1
<!DOCTYPE html>
2
<html xmlns:ng="http://angularjs.org" id="ng-app"><head><style type="text/css" class="ng-binding">a.md-button, .md-button { border-radius: 3px;}a.md-button.md-icon-button, .md-button.md-icon-button { border-radius: 50%;}a.md-button.md-primary, .md-button.md-primary { color: rgb(63,81,181);}a.md-button.md-primary.md-raised, a.md-button.md-primary.md-fab, .md-button.md-primary.md-raised, .md-button.md-primary.md-fab { color: rgba(255,255,255,0.87); background-color: rgb(63,81,181);}a.md-button.md-primary.md-raised:not([disabled]) md-icon, a.md-button.md-primary.md-fab:not([disabled]) md-icon, .md-button.md-primary.md-raised:not([disabled]) md-icon, .md-button.md-primary.md-fab:not([disabled]) md-icon { color: rgba(255,255,255,0.87);}a.md-button.md-primary.md-raised:not([disabled]):hover, a.md-button.md-primary.md-fab:not([disabled]):hover, .md-button.md-primary.md-raised:not([disabled]):hover, .md-button.md-primary.md-fab:not([disabled]):hover { background-color: rgb(63,81,181);}a.md-button.md-primary.md-raised:not([disabled]).md-focused, a.md-button.md-primary.md-fab:not([disabled]).md-focused, .md-button.md-primary.md-raised:not([disabled]).md-focused, .md-button.md-primary.md-fab:not([disabled]).md-focused { background-color: rgb(57,73,171);}a.md-button.md-primary:not([disabled]) md-icon, .md-button.md-primary:not([disabled]) md-icon { color: rgb(63,81,181);}md-bottom-sheet.md-list md-list-item { color: rgba(0,0,0,0.87);}md-bottom-sheet .md-subheader { color: rgba(0,0,0,0.87);}md-card .md-card-image { border-radius: 2px 2px 0 0;}md-checkbox .md-icon { border-color: rgba(0,0,0,0.54);}md-checkbox:not([disabled]).md-primary .md-ripple { color: rgb(57,73,171);}md-checkbox:not([disabled]).md-primary.md-checked .md-ripple { color: rgb(117,117,117);}md-checkbox:not([disabled]).md-primary .md-icon { border-color: rgba(0,0,0,0.54);}md-checkbox:not([disabled]).md-primary.md-checked .md-icon { background-color: rgba(63,81,181,0.87);}md-checkbox:not([disabled]).md-primary.md-checked.md-focused .md-container:before { background-color: rgba(63,81,181,0.26);}md-checkbox:not([disabled]).md-primary.md-checked .md-icon:after { border-color: rgb(238,238,238);}md-checkbox[disabled] .md-icon { border-color: rgba(0,0,0,0.26);}md-checkbox[disabled] .md-label { color: rgba(0,0,0,0.26);}md-chips .md-chips.md-focused { box-shadow: 0 2px rgb(63,81,181);}md-chips .md-chip.md-focused { background: rgb(63,81,181); color: rgba(255,255,255,0.87);}md-chips .md-chip.md-focused md-icon { color: rgba(255,255,255,0.87);}md-dialog.md-content-overflow .md-actions { border-top-color: rgba(0,0,0,0.12);}md-divider { border-top-color: rgba(0,0,0,0.12);}md-icon { color: rgba(0,0,0,0.54);}md-icon.md-primary { color: rgb(63,81,181);}md-list md-list-item.md-2-line .md-list-item-text h3, md-list md-list-item.md-2-line .md-list-item-text h4, md-list md-list-item.md-3-line .md-list-item-text h3, md-list md-list-item.md-3-line .md-list-item-text h4 { color: rgba(0,0,0,0.87);}md-list md-list-item.md-2-line .md-list-item-text p, md-list md-list-item.md-3-line .md-list-item-text p { color: rgba(0,0,0,0.54);}md-list md-list-item > md-icon { color: rgba(0,0,0,0.54);}md-list md-list-item > md-icon.md-highlight { color: rgb(63,81,181);}md-input-container .md-input { color: rgba(0,0,0,0.87); border-color: rgba(0,0,0,0.12); text-shadow: ;}md-input-container .md-input::-webkit-input-placeholder, md-input-container .md-input::-moz-placeholder, md-input-container .md-input:-moz-placeholder, md-input-container .md-input:-ms-input-placeholder { color: rgba(0,0,0,0.26);}md-input-container > md-icon { color: rgba(0,0,0,0.87);}md-input-container label, md-input-container .md-placeholder { text-shadow: ; color: rgba(0,0,0,0.26);}md-input-container:not(.md-input-invalid).md-input-has-value label { color: rgba(0,0,0,0.54);}md-input-container:not(.md-input-invalid).md-input-focused .md-input { border-color: rgb(63,81,181);}md-input-container:not(.md-input-invalid).md-input-focused label { color: rgb(63,81,181);}md-input-container:not(.md-input-invalid).md-input-focused md-icon { color: rgb(63,81,181);}md-progress-circular .md-inner .md-gap { border-top-color: rgb(63,81,181); border-bottom-color: rgb(63,81,181);}md-progress-circular .md-inner .md-left .md-half-circle, md-progress-circular .md-inner .md-right .md-half-circle { border-top-color: rgb(63,81,181);}md-progress-circular .md-inner .md-right .md-half-circle { border-right-color: rgb(63,81,181);}md-progress-circular .md-inner .md-left .md-half-circle { border-left-color: rgb(63,81,181);}md-progress-linear .md-container { background-color: rgb(197,202,233);}md-progress-linear .md-bar { background-color: rgb(63,81,181);}md-radio-button .md-off { border-color: rgba(0,0,0,0.54);}md-radio-group:not([disabled]) .md-primary .md-on, md-radio-group:not([disabled]).md-primary .md-on, md-radio-button:not([disabled]) .md-primary .md-on, md-radio-button:not([disabled]).md-primary .md-on { background-color: rgba(63,81,181,0.87);}md-radio-group:not([disabled]) .md-primary .md-checked .md-off, md-radio-group:not([disabled]) .md-primary.md-checked .md-off, md-radio-group:not([disabled]).md-primary .md-checked .md-off, md-radio-group:not([disabled]).md-primary.md-checked .md-off, md-radio-button:not([disabled]) .md-primary .md-checked .md-off, md-radio-button:not([disabled]) .md-primary.md-checked .md-off, md-radio-button:not([disabled]).md-primary .md-checked .md-off, md-radio-button:not([disabled]).md-primary.md-checked .md-off { border-color: rgba(63,81,181,0.87);}md-radio-group:not([disabled]) .md-primary .md-checked .md-ink-ripple, md-radio-group:not([disabled]) .md-primary.md-checked .md-ink-ripple, md-radio-group:not([disabled]).md-primary .md-checked .md-ink-ripple, md-radio-group:not([disabled]).md-primary.md-checked .md-ink-ripple, md-radio-button:not([disabled]) .md-primary .md-checked .md-ink-ripple, md-radio-button:not([disabled]) .md-primary.md-checked .md-ink-ripple, md-radio-button:not([disabled]).md-primary .md-checked .md-ink-ripple, md-radio-button:not([disabled]).md-primary.md-checked .md-ink-ripple { color: rgba(63,81,181,0.87);}md-radio-group:not([disabled]) .md-primary .md-container .md-ripple, md-radio-group:not([disabled]).md-primary .md-container .md-ripple, md-radio-button:not([disabled]) .md-primary .md-container .md-ripple, md-radio-button:not([disabled]).md-primary .md-container .md-ripple { color: rgb(57,73,171);}md-radio-group[disabled], md-radio-button[disabled] { color: rgba(0,0,0,0.26);}md-radio-group[disabled] .md-container .md-off, md-radio-button[disabled] .md-container .md-off { border-color: rgba(0,0,0,0.26);}md-radio-group[disabled] .md-container .md-on, md-radio-button[disabled] .md-container .md-on { border-color: rgba(0,0,0,0.26);}md-radio-group.md-focused:not(:empty) .md-checked:not([disabled]).md-primary .md-container:before { background-color: rgba(63,81,181,0.26);}md-radio-group.md-focused:not(:empty) .md-checked.md-primary .md-container:before { background-color: 'NaN';}md-select:not([disabled]):focus .md-select-label { border-bottom-color: rgb(63,81,181); color: rgba(0,0,0,0.87);}md-select:not([disabled]):focus .md-select-label.md-placeholder { color: rgba(0,0,0,0.87);}md-select[disabled] .md-select-label { color: rgba(0,0,0,0.26);}md-select[disabled] .md-select-label.md-placeholder { color: rgba(0,0,0,0.26);}md-select .md-select-label { border-bottom-color: rgba(0,0,0,0.12);}md-select .md-select-label.md-placeholder { color: rgba(0,0,0,0.54);}md-select-menu md-optgroup { color: rgba(0,0,0,0.54);}md-select-menu md-optgroup md-option { color: rgba(0,0,0,0.87);}md-select-menu md-option[selected] { color: rgb(63,81,181);}md-select-menu md-option[selected]:focus { color: rgb(57,73,171);}md-slider .md-focus-ring { border-color: rgba(0,0,0,0.12);}md-slider.md-primary .md-track.md-track-fill { background-color: rgb(63,81,181);}md-slider.md-primary .md-thumb:after { border-color: rgb(63,81,181); background-color: rgb(63,81,181);}md-slider.md-primary .md-sign { background-color: rgb(63,81,181);}md-slider.md-primary .md-sign:after { border-top-color: rgb(63,81,181);}md-slider.md-primary .md-thumb-text { color: rgba(255,255,255,0.87);}md-slider[disabled] .md-thumb:after { border-color: rgba(0,0,0,0.26);}.md-subheader.md-primary { color: rgb(63,81,181);}md-switch.md-checked.md-primary .md-thumb { background-color: rgb(63,81,181);}md-switch.md-checked.md-primary .md-bar { background-color: rgba(63,81,181,0.5);}md-switch.md-checked.md-primary.md-focused .md-thumb:before { background-color: rgba(63,81,181,0.26);}md-tabs .md-paginator md-icon { color: rgb(63,81,181);}md-tabs .md-tab { color: rgba(0,0,0,0.54);}md-tabs .md-tab[disabled] { color: rgba(0,0,0,0.26);}md-tabs .md-tab.md-active, md-tabs .md-tab.md-focused { color: rgb(63,81,181);}md-tabs .md-tab.md-focused { background: rgba(63,81,181,0.1);}md-tabs.md-primary md-tabs-wrapper { background-color: rgb(63,81,181);}md-tabs.md-primary md-tab-item:not([disabled]) { color: rgb(197,202,233);}md-tabs.md-primary md-tab-item:not([disabled]).md-active, md-tabs.md-primary md-tab-item:not([disabled]).md-focused { color: rgba(255,255,255,0.87);}md-tabs.md-primary md-tab-item:not([disabled]).md-focused { background: rgba(255,255,255,0.1);}md-toolbar > md-tabs md-tabs-wrapper { background-color: rgb(63,81,181);}md-toolbar > md-tabs md-tab-item:not([disabled]) { color: rgb(197,202,233);}md-toolbar > md-tabs md-tab-item:not([disabled]).md-active, md-toolbar > md-tabs md-tab-item:not([disabled]).md-focused { color: rgba(255,255,255,0.87);}md-toolbar > md-tabs md-tab-item:not([disabled]).md-focused { background: rgba(255,255,255,0.1);}md-toast .md-button.md-highlight { color: rgb(83,109,254);}md-toolbar { background-color: rgb(63,81,181); color: rgba(255,255,255,0.87);}md-toolbar md-icon { color: rgba(255,255,255,0.87);}md-toolbar .md-button { color: rgba(255,255,255,0.87);}</style><style type="text/css" class="ng-binding">a.md-button.md-hue-1, .md-button.md-hue-1 { border-radius: 3px;}a.md-button.md-hue-1.md-icon-button, .md-button.md-hue-1.md-icon-button { border-radius: 50%;}a.md-button.md-hue-1.md-primary, .md-button.md-hue-1.md-primary { color: rgb(121,134,203);}a.md-button.md-hue-1.md-primary.md-raised, a.md-button.md-hue-1.md-primary.md-fab, .md-button.md-hue-1.md-primary.md-raised, .md-button.md-hue-1.md-primary.md-fab { color: rgb(255,255,255); background-color: rgb(121,134,203);}a.md-button.md-hue-1.md-primary.md-raised:not([disabled]) md-icon, a.md-button.md-hue-1.md-primary.md-fab:not([disabled]) md-icon, .md-button.md-hue-1.md-primary.md-raised:not([disabled]) md-icon, .md-button.md-hue-1.md-primary.md-fab:not([disabled]) md-icon { color: rgb(255,255,255);}a.md-button.md-hue-1.md-primary.md-raised:not([disabled]):hover, a.md-button.md-hue-1.md-primary.md-fab:not([disabled]):hover, .md-button.md-hue-1.md-primary.md-raised:not([disabled]):hover, .md-button.md-hue-1.md-primary.md-fab:not([disabled]):hover { background-color: rgb(121,134,203);}a.md-button.md-hue-1.md-primary.md-raised:not([disabled]).md-focused, a.md-button.md-hue-1.md-primary.md-fab:not([disabled]).md-focused, .md-button.md-hue-1.md-primary.md-raised:not([disabled]).md-focused, .md-button.md-hue-1.md-primary.md-fab:not([disabled]).md-focused { background-color: rgb(57,73,171);}a.md-button.md-hue-1.md-primary:not([disabled]) md-icon, .md-button.md-hue-1.md-primary:not([disabled]) md-icon { color: rgb(121,134,203);}md-bottom-sheet.md-hue-1.md-list md-list-item { color: rgba(0,0,0,0.87);}md-bottom-sheet.md-hue-1 .md-subheader { color: rgba(0,0,0,0.87);}md-card.md-hue-1 .md-card-image { border-radius: 2px 2px 0 0;}md-checkbox.md-hue-1 .md-icon { border-color: rgba(0,0,0,0.54);}md-checkbox.md-hue-1:not([disabled]).md-primary .md-ripple { color: rgb(57,73,171);}md-checkbox.md-hue-1:not([disabled]).md-primary.md-checked .md-ripple { color: rgb(117,117,117);}md-checkbox.md-hue-1:not([disabled]).md-primary .md-icon { border-color: rgba(0,0,0,0.54);}md-checkbox.md-hue-1:not([disabled]).md-primary.md-checked .md-icon { background-color: rgba(121,134,203,0.87);}md-checkbox.md-hue-1:not([disabled]).md-primary.md-checked.md-focused .md-container:before { background-color: rgba(121,134,203,0.26);}md-checkbox.md-hue-1:not([disabled]).md-primary.md-checked .md-icon:after { border-color: rgb(238,238,238);}md-checkbox.md-hue-1[disabled] .md-icon { border-color: rgba(0,0,0,0.26);}md-checkbox.md-hue-1[disabled] .md-label { color: rgba(0,0,0,0.26);}md-chips.md-hue-1 .md-chips.md-focused { box-shadow: 0 2px rgb(121,134,203);}md-chips.md-hue-1 .md-chip.md-focused { background: rgb(121,134,203); color: rgb(255,255,255);}md-chips.md-hue-1 .md-chip.md-focused md-icon { color: rgb(255,255,255);}md-dialog.md-hue-1.md-content-overflow .md-actions { border-top-color: rgba(0,0,0,0.12);}md-divider.md-hue-1 { border-top-color: rgba(0,0,0,0.12);}md-icon.md-hue-1 { color: rgba(0,0,0,0.54);}md-icon.md-hue-1.md-primary { color: rgb(121,134,203);}md-list.md-hue-1 md-list-item.md-2-line .md-list-item-text h3, md-list.md-hue-1 md-list-item.md-2-line .md-list-item-text h4, md-list.md-hue-1 md-list-item.md-3-line .md-list-item-text h3, md-list.md-hue-1 md-list-item.md-3-line .md-list-item-text h4 { color: rgba(0,0,0,0.87);}md-list.md-hue-1 md-list-item.md-2-line .md-list-item-text p, md-list.md-hue-1 md-list-item.md-3-line .md-list-item-text p { color: rgba(0,0,0,0.54);}md-list.md-hue-1 md-list-item > md-icon { color: rgba(0,0,0,0.54);}md-list.md-hue-1 md-list-item > md-icon.md-highlight { color: rgb(121,134,203);}md-input-container.md-hue-1 .md-input { color: rgba(0,0,0,0.87); border-color: rgba(0,0,0,0.12); text-shadow: ;}md-input-container.md-hue-1 .md-input::-webkit-input-placeholder, md-input-container.md-hue-1 .md-input::-moz-placeholder, md-input-container.md-hue-1 .md-input:-moz-placeholder, md-input-container.md-hue-1 .md-input:-ms-input-placeholder { color: rgba(0,0,0,0.26);}md-input-container.md-hue-1 > md-icon { color: rgba(0,0,0,0.87);}md-input-container.md-hue-1 label, md-input-container.md-hue-1 .md-placeholder { text-shadow: ; color: rgba(0,0,0,0.26);}md-input-container.md-hue-1:not(.md-input-invalid).md-input-has-value label { color: rgba(0,0,0,0.54);}md-input-container.md-hue-1:not(.md-input-invalid).md-input-focused .md-input { border-color: rgb(63,81,181);}md-input-container.md-hue-1:not(.md-input-invalid).md-input-focused label { color: rgb(63,81,181);}md-input-container.md-hue-1:not(.md-input-invalid).md-input-focused md-icon { color: rgb(63,81,181);}md-progress-circular.md-hue-1 .md-inner .md-gap { border-top-color: rgb(121,134,203); border-bottom-color: rgb(121,134,203);}md-progress-circular.md-hue-1 .md-inner .md-left .md-half-circle, md-progress-circular.md-hue-1 .md-inner .md-right .md-half-circle { border-top-color: rgb(121,134,203);}md-progress-circular.md-hue-1 .md-inner .md-right .md-half-circle { border-right-color: rgb(121,134,203);}md-progress-circular.md-hue-1 .md-inner .md-left .md-half-circle { border-left-color: rgb(121,134,203);}md-progress-linear.md-hue-1 .md-container { background-color: rgb(197,202,233);}md-progress-linear.md-hue-1 .md-bar { background-color: rgb(121,134,203);}md-radio-button.md-hue-1 .md-off { border-color: rgba(0,0,0,0.54);}md-radio-group.md-hue-1:not([disabled]) .md-primary .md-on, md-radio-group.md-hue-1:not([disabled]).md-primary .md-on, md-radio-button.md-hue-1:not([disabled]) .md-primary .md-on, md-radio-button.md-hue-1:not([disabled]).md-primary .md-on { background-color: rgba(121,134,203,0.87);}md-radio-group.md-hue-1:not([disabled]) .md-primary .md-checked .md-off, md-radio-group.md-hue-1:not([disabled]) .md-primary.md-checked .md-off, md-radio-group.md-hue-1:not([disabled]).md-primary .md-checked .md-off, md-radio-group.md-hue-1:not([disabled]).md-primary.md-checked .md-off, md-radio-button.md-hue-1:not([disabled]) .md-primary .md-checked .md-off, md-radio-button.md-hue-1:not([disabled]) .md-primary.md-checked .md-off, md-radio-button.md-hue-1:not([disabled]).md-primary .md-checked .md-off, md-radio-button.md-hue-1:not([disabled]).md-primary.md-checked .md-off { border-color: rgba(121,134,203,0.87);}md-radio-group.md-hue-1:not([disabled]) .md-primary .md-checked .md-ink-ripple, md-radio-group.md-hue-1:not([disabled]) .md-primary.md-checked .md-ink-ripple, md-radio-group.md-hue-1:not([disabled]).md-primary .md-checked .md-ink-ripple, md-radio-group.md-hue-1:not([disabled]).md-primary.md-checked .md-ink-ripple, md-radio-button.md-hue-1:not([disabled]) .md-primary .md-checked .md-ink-ripple, md-radio-button.md-hue-1:not([disabled]) .md-primary.md-checked .md-ink-ripple, md-radio-button.md-hue-1:not([disabled]).md-primary .md-checked .md-ink-ripple, md-radio-button.md-hue-1:not([disabled]).md-primary.md-checked .md-ink-ripple { color: rgba(121,134,203,0.87);}md-radio-group.md-hue-1:not([disabled]) .md-primary .md-container .md-ripple, md-radio-group.md-hue-1:not([disabled]).md-primary .md-container .md-ripple, md-radio-button.md-hue-1:not([disabled]) .md-primary .md-container .md-ripple, md-radio-button.md-hue-1:not([disabled]).md-primary .md-container .md-ripple { color: rgb(57,73,171);}md-radio-group.md-hue-1[disabled], md-radio-button.md-hue-1[disabled] { color: rgba(0,0,0,0.26);}md-radio-group.md-hue-1[disabled] .md-container .md-off, md-radio-button.md-hue-1[disabled] .md-container .md-off { border-color: rgba(0,0,0,0.26);}md-radio-group.md-hue-1[disabled] .md-container .md-on, md-radio-button.md-hue-1[disabled] .md-container .md-on { border-color: rgba(0,0,0,0.26);}md-radio-group.md-hue-1.md-focused:not(:empty) .md-checked:not([disabled]).md-primary .md-container:before { background-color: rgba(121,134,203,0.26);}md-radio-group.md-hue-1.md-focused:not(:empty) .md-checked.md-primary .md-container:before { background-color: 'NaN';}md-select.md-hue-1:not([disabled]):focus .md-select-label { border-bottom-color: rgb(121,134,203); color: rgba(0,0,0,0.87);}md-select.md-hue-1:not([disabled]):focus .md-select-label.md-placeholder { color: rgba(0,0,0,0.87);}md-select.md-hue-1[disabled] .md-select-label { color: rgba(0,0,0,0.26);}md-select.md-hue-1[disabled] .md-select-label.md-placeholder { color: rgba(0,0,0,0.26);}md-select.md-hue-1 .md-select-label { border-bottom-color: rgba(0,0,0,0.12);}md-select.md-hue-1 .md-select-label.md-placeholder { color: rgba(0,0,0,0.54);}md-select-menu.md-hue-1 md-optgroup { color: rgba(0,0,0,0.54);}md-select-menu.md-hue-1 md-optgroup md-option { color: rgba(0,0,0,0.87);}md-select-menu.md-hue-1 md-option[selected] { color: rgb(63,81,181);}md-select-menu.md-hue-1 md-option[selected]:focus { color: rgb(57,73,171);}md-slider.md-hue-1 .md-focus-ring { border-color: rgba(0,0,0,0.12);}md-slider.md-hue-1.md-primary .md-track.md-track-fill { background-color: rgb(121,134,203);}md-slider.md-hue-1.md-primary .md-thumb:after { border-color: rgb(121,134,203); background-color: rgb(121,134,203);}md-slider.md-hue-1.md-primary .md-sign { background-color: rgb(121,134,203);}md-slider.md-hue-1.md-primary .md-sign:after { border-top-color: rgb(121,134,203);}md-slider.md-hue-1.md-primary .md-thumb-text { color: rgb(255,255,255);}md-slider.md-hue-1[disabled] .md-thumb:after { border-color: rgba(0,0,0,0.26);}.md-subheader.md-hue-1.md-primary { color: rgb(121,134,203);}md-switch.md-hue-1.md-checked.md-primary .md-thumb { background-color: rgb(121,134,203);}md-switch.md-hue-1.md-checked.md-primary .md-bar { background-color: rgba(121,134,203,0.5);}md-switch.md-hue-1.md-checked.md-primary.md-focused .md-thumb:before { background-color: rgba(121,134,203,0.26);}md-tabs.md-hue-1 .md-paginator md-icon { color: rgb(121,134,203);}md-tabs.md-hue-1 .md-tab { color: rgba(0,0,0,0.54);}md-tabs.md-hue-1 .md-tab[disabled] { color: rgba(0,0,0,0.26);}md-tabs.md-hue-1 .md-tab.md-active, md-tabs.md-hue-1 .md-tab.md-focused { color: rgb(121,134,203);}md-tabs.md-hue-1 .md-tab.md-focused { background: rgba(121,134,203,0.1);}md-tabs.md-hue-1.md-primary md-tabs-wrapper { background-color: rgb(121,134,203);}md-tabs.md-hue-1.md-primary md-tab-item:not([disabled]) { color: rgb(197,202,233);}md-tabs.md-hue-1.md-primary md-tab-item:not([disabled]).md-active, md-tabs.md-hue-1.md-primary md-tab-item:not([disabled]).md-focused { color: rgb(255,255,255);}md-tabs.md-hue-1.md-primary md-tab-item:not([disabled]).md-focused { background: rgba(255,255,255,0.1);}md-toolbar > md-tabs.md-hue-1 md-tabs-wrapper { background-color: rgb(121,134,203);}md-toolbar > md-tabs.md-hue-1 md-tab-item:not([disabled]) { color: rgb(197,202,233);}md-toolbar > md-tabs.md-hue-1 md-tab-item:not([disabled]).md-active, md-toolbar > md-tabs.md-hue-1 md-tab-item:not([disabled]).md-focused { color: rgb(255,255,255);}md-toolbar > md-tabs.md-hue-1 md-tab-item:not([disabled]).md-focused { background: rgba(255,255,255,0.1);}md-toast.md-hue-1 .md-button.md-highlight { color: rgb(83,109,254);}md-toolbar.md-hue-1 { background-color: rgb(121,134,203); color: rgb(255,255,255);}md-toolbar.md-hue-1 md-icon { color: rgb(255,255,255);}md-toolbar.md-hue-1 .md-button { color: rgb(255,255,255);}</style><style type="text/css" class="ng-binding">a.md-button.md-hue-2, .md-button.md-hue-2 { border-radius: 3px;}a.md-button.md-hue-2.md-icon-button, .md-button.md-hue-2.md-icon-button { border-radius: 50%;}a.md-button.md-hue-2.md-primary, .md-button.md-hue-2.md-primary { color: rgb(40,53,147);}a.md-button.md-hue-2.md-primary.md-raised, a.md-button.md-hue-2.md-primary.md-fab, .md-button.md-hue-2.md-primary.md-raised, .md-button.md-hue-2.md-primary.md-fab { color: rgba(255,255,255,0.87); background-color: rgb(40,53,147);}a.md-button.md-hue-2.md-primary.md-raised:not([disabled]) md-icon, a.md-button.md-hue-2.md-primary.md-fab:not([disabled]) md-icon, .md-button.md-hue-2.md-primary.md-raised:not([disabled]) md-icon, .md-button.md-hue-2.md-primary.md-fab:not([disabled]) md-icon { color: rgba(255,255,255,0.87);}a.md-button.md-hue-2.md-primary.md-raised:not([disabled]):hover, a.md-button.md-hue-2.md-primary.md-fab:not([disabled]):hover, .md-button.md-hue-2.md-primary.md-raised:not([disabled]):hover, .md-button.md-hue-2.md-primary.md-fab:not([disabled]):hover { background-color: rgb(40,53,147);}a.md-button.md-hue-2.md-primary.md-raised:not([disabled]).md-focused, a.md-button.md-hue-2.md-primary.md-fab:not([disabled]).md-focused, .md-button.md-hue-2.md-primary.md-raised:not([disabled]).md-focused, .md-button.md-hue-2.md-primary.md-fab:not([disabled]).md-focused { background-color: rgb(57,73,171);}a.md-button.md-hue-2.md-primary:not([disabled]) md-icon, .md-button.md-hue-2.md-primary:not([disabled]) md-icon { color: rgb(40,53,147);}md-bottom-sheet.md-hue-2.md-list md-list-item { color: rgba(0,0,0,0.87);}md-bottom-sheet.md-hue-2 .md-subheader { color: rgba(0,0,0,0.87);}md-card.md-hue-2 .md-card-image { border-radius: 2px 2px 0 0;}md-checkbox.md-hue-2 .md-icon { border-color: rgba(0,0,0,0.54);}md-checkbox.md-hue-2:not([disabled]).md-primary .md-ripple { color: rgb(57,73,171);}md-checkbox.md-hue-2:not([disabled]).md-primary.md-checked .md-ripple { color: rgb(117,117,117);}md-checkbox.md-hue-2:not([disabled]).md-primary .md-icon { border-color: rgba(0,0,0,0.54);}md-checkbox.md-hue-2:not([disabled]).md-primary.md-checked .md-icon { background-color: rgba(40,53,147,0.87);}md-checkbox.md-hue-2:not([disabled]).md-primary.md-checked.md-focused .md-container:before { background-color: rgba(40,53,147,0.26);}md-checkbox.md-hue-2:not([disabled]).md-primary.md-checked .md-icon:after { border-color: rgb(238,238,238);}md-checkbox.md-hue-2[disabled] .md-icon { border-color: rgba(0,0,0,0.26);}md-checkbox.md-hue-2[disabled] .md-label { color: rgba(0,0,0,0.26);}md-chips.md-hue-2 .md-chips.md-focused { box-shadow: 0 2px rgb(40,53,147);}md-chips.md-hue-2 .md-chip.md-focused { background: rgb(40,53,147); color: rgba(255,255,255,0.87);}md-chips.md-hue-2 .md-chip.md-focused md-icon { color: rgba(255,255,255,0.87);}md-dialog.md-hue-2.md-content-overflow .md-actions { border-top-color: rgba(0,0,0,0.12);}md-divider.md-hue-2 { border-top-color: rgba(0,0,0,0.12);}md-icon.md-hue-2 { color: rgba(0,0,0,0.54);}md-icon.md-hue-2.md-primary { color: rgb(40,53,147);}md-list.md-hue-2 md-list-item.md-2-line .md-list-item-text h3, md-list.md-hue-2 md-list-item.md-2-line .md-list-item-text h4, md-list.md-hue-2 md-list-item.md-3-line .md-list-item-text h3, md-list.md-hue-2 md-list-item.md-3-line .md-list-item-text h4 { color: rgba(0,0,0,0.87);}md-list.md-hue-2 md-list-item.md-2-line .md-list-item-text p, md-list.md-hue-2 md-list-item.md-3-line .md-list-item-text p { color: rgba(0,0,0,0.54);}md-list.md-hue-2 md-list-item > md-icon { color: rgba(0,0,0,0.54);}md-list.md-hue-2 md-list-item > md-icon.md-highlight { color: rgb(40,53,147);}md-input-container.md-hue-2 .md-input { color: rgba(0,0,0,0.87); border-color: rgba(0,0,0,0.12); text-shadow: ;}md-input-container.md-hue-2 .md-input::-webkit-input-placeholder, md-input-container.md-hue-2 .md-input::-moz-placeholder, md-input-container.md-hue-2 .md-input:-moz-placeholder, md-input-container.md-hue-2 .md-input:-ms-input-placeholder { color: rgba(0,0,0,0.26);}md-input-container.md-hue-2 > md-icon { color: rgba(0,0,0,0.87);}md-input-container.md-hue-2 label, md-input-container.md-hue-2 .md-placeholder { text-shadow: ; color: rgba(0,0,0,0.26);}md-input-container.md-hue-2:not(.md-input-invalid).md-input-has-value label { color: rgba(0,0,0,0.54);}md-input-container.md-hue-2:not(.md-input-invalid).md-input-focused .md-input { border-color: rgb(63,81,181);}md-input-container.md-hue-2:not(.md-input-invalid).md-input-focused label { color: rgb(63,81,181);}md-input-container.md-hue-2:not(.md-input-invalid).md-input-focused md-icon { color: rgb(63,81,181);}md-progress-circular.md-hue-2 .md-inner .md-gap { border-top-color: rgb(40,53,147); border-bottom-color: rgb(40,53,147);}md-progress-circular.md-hue-2 .md-inner .md-left .md-half-circle, md-progress-circular.md-hue-2 .md-inner .md-right .md-half-circle { border-top-color: rgb(40,53,147);}md-progress-circular.md-hue-2 .md-inner .md-right .md-half-circle { border-right-color: rgb(40,53,147);}md-progress-circular.md-hue-2 .md-inner .md-left .md-half-circle { border-left-color: rgb(40,53,147);}md-progress-linear.md-hue-2 .md-container { background-color: rgb(197,202,233);}md-progress-linear.md-hue-2 .md-bar { background-color: rgb(40,53,147);}md-radio-button.md-hue-2 .md-off { border-color: rgba(0,0,0,0.54);}md-radio-group.md-hue-2:not([disabled]) .md-primary .md-on, md-radio-group.md-hue-2:not([disabled]).md-primary .md-on, md-radio-button.md-hue-2:not([disabled]) .md-primary .md-on, md-radio-button.md-hue-2:not([disabled]).md-primary .md-on { background-color: rgba(40,53,147,0.87);}md-radio-group.md-hue-2:not([disabled]) .md-primary .md-checked .md-off, md-radio-group.md-hue-2:not([disabled]) .md-primary.md-checked .md-off, md-radio-group.md-hue-2:not([disabled]).md-primary .md-checked .md-off, md-radio-group.md-hue-2:not([disabled]).md-primary.md-checked .md-off, md-radio-button.md-hue-2:not([disabled]) .md-primary .md-checked .md-off, md-radio-button.md-hue-2:not([disabled]) .md-primary.md-checked .md-off, md-radio-button.md-hue-2:not([disabled]).md-primary .md-checked .md-off, md-radio-button.md-hue-2:not([disabled]).md-primary.md-checked .md-off { border-color: rgba(40,53,147,0.87);}md-radio-group.md-hue-2:not([disabled]) .md-primary .md-checked .md-ink-ripple, md-radio-group.md-hue-2:not([disabled]) .md-primary.md-checked .md-ink-ripple, md-radio-group.md-hue-2:not([disabled]).md-primary .md-checked .md-ink-ripple, md-radio-group.md-hue-2:not([disabled]).md-primary.md-checked .md-ink-ripple, md-radio-button.md-hue-2:not([disabled]) .md-primary .md-checked .md-ink-ripple, md-radio-button.md-hue-2:not([disabled]) .md-primary.md-checked .md-ink-ripple, md-radio-button.md-hue-2:not([disabled]).md-primary .md-checked .md-ink-ripple, md-radio-button.md-hue-2:not([disabled]).md-primary.md-checked .md-ink-ripple { color: rgba(40,53,147,0.87);}md-radio-group.md-hue-2:not([disabled]) .md-primary .md-container .md-ripple, md-radio-group.md-hue-2:not([disabled]).md-primary .md-container .md-ripple, md-radio-button.md-hue-2:not([disabled]) .md-primary .md-container .md-ripple, md-radio-button.md-hue-2:not([disabled]).md-primary .md-container .md-ripple { color: rgb(57,73,171);}md-radio-group.md-hue-2[disabled], md-radio-button.md-hue-2[disabled] { color: rgba(0,0,0,0.26);}md-radio-group.md-hue-2[disabled] .md-container .md-off, md-radio-button.md-hue-2[disabled] .md-container .md-off { border-color: rgba(0,0,0,0.26);}md-radio-group.md-hue-2[disabled] .md-container .md-on, md-radio-button.md-hue-2[disabled] .md-container .md-on { border-color: rgba(0,0,0,0.26);}md-radio-group.md-hue-2.md-focused:not(:empty) .md-checked:not([disabled]).md-primary .md-container:before { background-color: rgba(40,53,147,0.26);}md-radio-group.md-hue-2.md-focused:not(:empty) .md-checked.md-primary .md-container:before { background-color: 'NaN';}md-select.md-hue-2:not([disabled]):focus .md-select-label { border-bottom-color: rgb(40,53,147); color: rgba(0,0,0,0.87);}md-select.md-hue-2:not([disabled]):focus .md-select-label.md-placeholder { color: rgba(0,0,0,0.87);}md-select.md-hue-2[disabled] .md-select-label { color: rgba(0,0,0,0.26);}md-select.md-hue-2[disabled] .md-select-label.md-placeholder { color: rgba(0,0,0,0.26);}md-select.md-hue-2 .md-select-label { border-bottom-color: rgba(0,0,0,0.12);}md-select.md-hue-2 .md-select-label.md-placeholder { color: rgba(0,0,0,0.54);}md-select-menu.md-hue-2 md-optgroup { color: rgba(0,0,0,0.54);}md-select-menu.md-hue-2 md-optgroup md-option { color: rgba(0,0,0,0.87);}md-select-menu.md-hue-2 md-option[selected] { color: rgb(63,81,181);}md-select-menu.md-hue-2 md-option[selected]:focus { color: rgb(57,73,171);}md-slider.md-hue-2 .md-focus-ring { border-color: rgba(0,0,0,0.12);}md-slider.md-hue-2.md-primary .md-track.md-track-fill { background-color: rgb(40,53,147);}md-slider.md-hue-2.md-primary .md-thumb:after { border-color: rgb(40,53,147); background-color: rgb(40,53,147);}md-slider.md-hue-2.md-primary .md-sign { background-color: rgb(40,53,147);}md-slider.md-hue-2.md-primary .md-sign:after { border-top-color: rgb(40,53,147);}md-slider.md-hue-2.md-primary .md-thumb-text { color: rgba(255,255,255,0.87);}md-slider.md-hue-2[disabled] .md-thumb:after { border-color: rgba(0,0,0,0.26);}.md-subheader.md-hue-2.md-primary { color: rgb(40,53,147);}md-switch.md-hue-2.md-checked.md-primary .md-thumb { background-color: rgb(40,53,147);}md-switch.md-hue-2.md-checked.md-primary .md-bar { background-color: rgba(40,53,147,0.5);}md-switch.md-hue-2.md-checked.md-primary.md-focused .md-thumb:before { background-color: rgba(40,53,147,0.26);}md-tabs.md-hue-2 .md-paginator md-icon { color: rgb(40,53,147);}md-tabs.md-hue-2 .md-tab { color: rgba(0,0,0,0.54);}md-tabs.md-hue-2 .md-tab[disabled] { color: rgba(0,0,0,0.26);}md-tabs.md-hue-2 .md-tab.md-active, md-tabs.md-hue-2 .md-tab.md-focused { color: rgb(40,53,147);}md-tabs.md-hue-2 .md-tab.md-focused { background: rgba(40,53,147,0.1);}md-tabs.md-hue-2.md-primary md-tabs-wrapper { background-color: rgb(40,53,147);}md-tabs.md-hue-2.md-primary md-tab-item:not([disabled]) { color: rgb(197,202,233);}md-tabs.md-hue-2.md-primary md-tab-item:not([disabled]).md-active, md-tabs.md-hue-2.md-primary md-tab-item:not([disabled]).md-focused { color: rgba(255,255,255,0.87);}md-tabs.md-hue-2.md-primary md-tab-item:not([disabled]).md-focused { background: rgba(255,255,255,0.1);}md-toolbar > md-tabs.md-hue-2 md-tabs-wrapper { background-color: rgb(40,53,147);}md-toolbar > md-tabs.md-hue-2 md-tab-item:not([disabled]) { color: rgb(197,202,233);}md-toolbar > md-tabs.md-hue-2 md-tab-item:not([disabled]).md-active, md-toolbar > md-tabs.md-hue-2 md-tab-item:not([disabled]).md-focused { color: rgba(255,255,255,0.87);}md-toolbar > md-tabs.md-hue-2 md-tab-item:not([disabled]).md-focused { background: rgba(255,255,255,0.1);}md-toast.md-hue-2 .md-button.md-highlight { color: rgb(83,109,254);}md-toolbar.md-hue-2 { background-color: rgb(40,53,147); color: rgba(255,255,255,0.87);}md-toolbar.md-hue-2 md-icon { color: rgba(255,255,255,0.87);}md-toolbar.md-hue-2 .md-button { color: rgba(255,255,255,0.87);}</style><style type="text/css" class="ng-binding">a.md-button.md-hue-3, .md-button.md-hue-3 { border-radius: 3px;}a.md-button.md-hue-3.md-icon-button, .md-button.md-hue-3.md-icon-button { border-radius: 50%;}a.md-button.md-hue-3.md-primary, .md-button.md-hue-3.md-primary { color: rgb(140,158,255);}a.md-button.md-hue-3.md-primary.md-raised, a.md-button.md-hue-3.md-primary.md-fab, .md-button.md-hue-3.md-primary.md-raised, .md-button.md-hue-3.md-primary.md-fab { color: rgba(0,0,0,0.87); background-color: rgb(140,158,255);}a.md-button.md-hue-3.md-primary.md-raised:not([disabled]) md-icon, a.md-button.md-hue-3.md-primary.md-fab:not([disabled]) md-icon, .md-button.md-hue-3.md-primary.md-raised:not([disabled]) md-icon, .md-button.md-hue-3.md-primary.md-fab:not([disabled]) md-icon { color: rgba(0,0,0,0.87);}a.md-button.md-hue-3.md-primary.md-raised:not([disabled]):hover, a.md-button.md-hue-3.md-primary.md-fab:not([disabled]):hover, .md-button.md-hue-3.md-primary.md-raised:not([disabled]):hover, .md-button.md-hue-3.md-primary.md-fab:not([disabled]):hover { background-color: rgb(140,158,255);}a.md-button.md-hue-3.md-primary.md-raised:not([disabled]).md-focused, a.md-button.md-hue-3.md-primary.md-fab:not([disabled]).md-focused, .md-button.md-hue-3.md-primary.md-raised:not([disabled]).md-focused, .md-button.md-hue-3.md-primary.md-fab:not([disabled]).md-focused { background-color: rgb(57,73,171);}a.md-button.md-hue-3.md-primary:not([disabled]) md-icon, .md-button.md-hue-3.md-primary:not([disabled]) md-icon { color: rgb(140,158,255);}md-bottom-sheet.md-hue-3.md-list md-list-item { color: rgba(0,0,0,0.87);}md-bottom-sheet.md-hue-3 .md-subheader { color: rgba(0,0,0,0.87);}md-card.md-hue-3 .md-card-image { border-radius: 2px 2px 0 0;}md-checkbox.md-hue-3 .md-icon { border-color: rgba(0,0,0,0.54);}md-checkbox.md-hue-3:not([disabled]).md-primary .md-ripple { color: rgb(57,73,171);}md-checkbox.md-hue-3:not([disabled]).md-primary.md-checked .md-ripple { color: rgb(117,117,117);}md-checkbox.md-hue-3:not([disabled]).md-primary .md-icon { border-color: rgba(0,0,0,0.54);}md-checkbox.md-hue-3:not([disabled]).md-primary.md-checked .md-icon { background-color: rgba(140,158,255,0.87);}md-checkbox.md-hue-3:not([disabled]).md-primary.md-checked.md-focused .md-container:before { background-color: rgba(140,158,255,0.26);}md-checkbox.md-hue-3:not([disabled]).md-primary.md-checked .md-icon:after { border-color: rgb(238,238,238);}md-checkbox.md-hue-3[disabled] .md-icon { border-color: rgba(0,0,0,0.26);}md-checkbox.md-hue-3[disabled] .md-label { color: rgba(0,0,0,0.26);}md-chips.md-hue-3 .md-chips.md-focused { box-shadow: 0 2px rgb(140,158,255);}md-chips.md-hue-3 .md-chip.md-focused { background: rgb(140,158,255); color: rgba(0,0,0,0.87);}md-chips.md-hue-3 .md-chip.md-focused md-icon { color: rgba(0,0,0,0.87);}md-dialog.md-hue-3.md-content-overflow .md-actions { border-top-color: rgba(0,0,0,0.12);}md-divider.md-hue-3 { border-top-color: rgba(0,0,0,0.12);}md-icon.md-hue-3 { color: rgba(0,0,0,0.54);}md-icon.md-hue-3.md-primary { color: rgb(140,158,255);}md-list.md-hue-3 md-list-item.md-2-line .md-list-item-text h3, md-list.md-hue-3 md-list-item.md-2-line .md-list-item-text h4, md-list.md-hue-3 md-list-item.md-3-line .md-list-item-text h3, md-list.md-hue-3 md-list-item.md-3-line .md-list-item-text h4 { color: rgba(0,0,0,0.87);}md-list.md-hue-3 md-list-item.md-2-line .md-list-item-text p, md-list.md-hue-3 md-list-item.md-3-line .md-list-item-text p { color: rgba(0,0,0,0.54);}md-list.md-hue-3 md-list-item > md-icon { color: rgba(0,0,0,0.54);}md-list.md-hue-3 md-list-item > md-icon.md-highlight { color: rgb(140,158,255);}md-input-container.md-hue-3 .md-input { color: rgba(0,0,0,0.87); border-color: rgba(0,0,0,0.12); text-shadow: ;}md-input-container.md-hue-3 .md-input::-webkit-input-placeholder, md-input-container.md-hue-3 .md-input::-moz-placeholder, md-input-container.md-hue-3 .md-input:-moz-placeholder, md-input-container.md-hue-3 .md-input:-ms-input-placeholder { color: rgba(0,0,0,0.26);}md-input-container.md-hue-3 > md-icon { color: rgba(0,0,0,0.87);}md-input-container.md-hue-3 label, md-input-container.md-hue-3 .md-placeholder { text-shadow: ; color: rgba(0,0,0,0.26);}md-input-container.md-hue-3:not(.md-input-invalid).md-input-has-value label { color: rgba(0,0,0,0.54);}md-input-container.md-hue-3:not(.md-input-invalid).md-input-focused .md-input { border-color: rgb(63,81,181);}md-input-container.md-hue-3:not(.md-input-invalid).md-input-focused label { color: rgb(63,81,181);}md-input-container.md-hue-3:not(.md-input-invalid).md-input-focused md-icon { color: rgb(63,81,181);}md-progress-circular.md-hue-3 .md-inner .md-gap { border-top-color: rgb(140,158,255); border-bottom-color: rgb(140,158,255);}md-progress-circular.md-hue-3 .md-inner .md-left .md-half-circle, md-progress-circular.md-hue-3 .md-inner .md-right .md-half-circle { border-top-color: rgb(140,158,255);}md-progress-circular.md-hue-3 .md-inner .md-right .md-half-circle { border-right-color: rgb(140,158,255);}md-progress-circular.md-hue-3 .md-inner .md-left .md-half-circle { border-left-color: rgb(140,158,255);}md-progress-linear.md-hue-3 .md-container { background-color: rgb(197,202,233);}md-progress-linear.md-hue-3 .md-bar { background-color: rgb(140,158,255);}md-radio-button.md-hue-3 .md-off { border-color: rgba(0,0,0,0.54);}md-radio-group.md-hue-3:not([disabled]) .md-primary .md-on, md-radio-group.md-hue-3:not([disabled]).md-primary .md-on, md-radio-button.md-hue-3:not([disabled]) .md-primary .md-on, md-radio-button.md-hue-3:not([disabled]).md-primary .md-on { background-color: rgba(140,158,255,0.87);}md-radio-group.md-hue-3:not([disabled]) .md-primary .md-checked .md-off, md-radio-group.md-hue-3:not([disabled]) .md-primary.md-checked .md-off, md-radio-group.md-hue-3:not([disabled]).md-primary .md-checked .md-off, md-radio-group.md-hue-3:not([disabled]).md-primary.md-checked .md-off, md-radio-button.md-hue-3:not([disabled]) .md-primary .md-checked .md-off, md-radio-button.md-hue-3:not([disabled]) .md-primary.md-checked .md-off, md-radio-button.md-hue-3:not([disabled]).md-primary .md-checked .md-off, md-radio-button.md-hue-3:not([disabled]).md-primary.md-checked .md-off { border-color: rgba(140,158,255,0.87);}md-radio-group.md-hue-3:not([disabled]) .md-primary .md-checked .md-ink-ripple, md-radio-group.md-hue-3:not([disabled]) .md-primary.md-checked .md-ink-ripple, md-radio-group.md-hue-3:not([disabled]).md-primary .md-checked .md-ink-ripple, md-radio-group.md-hue-3:not([disabled]).md-primary.md-checked .md-ink-ripple, md-radio-button.md-hue-3:not([disabled]) .md-primary .md-checked .md-ink-ripple, md-radio-button.md-hue-3:not([disabled]) .md-primary.md-checked .md-ink-ripple, md-radio-button.md-hue-3:not([disabled]).md-primary .md-checked .md-ink-ripple, md-radio-button.md-hue-3:not([disabled]).md-primary.md-checked .md-ink-ripple { color: rgba(140,158,255,0.87);}md-radio-group.md-hue-3:not([disabled]) .md-primary .md-container .md-ripple, md-radio-group.md-hue-3:not([disabled]).md-primary .md-container .md-ripple, md-radio-button.md-hue-3:not([disabled]) .md-primary .md-container .md-ripple, md-radio-button.md-hue-3:not([disabled]).md-primary .md-container .md-ripple { color: rgb(57,73,171);}md-radio-group.md-hue-3[disabled], md-radio-button.md-hue-3[disabled] { color: rgba(0,0,0,0.26);}md-radio-group.md-hue-3[disabled] .md-container .md-off, md-radio-button.md-hue-3[disabled] .md-container .md-off { border-color: rgba(0,0,0,0.26);}md-radio-group.md-hue-3[disabled] .md-container .md-on, md-radio-button.md-hue-3[disabled] .md-container .md-on { border-color: rgba(0,0,0,0.26);}md-radio-group.md-hue-3.md-focused:not(:empty) .md-checked:not([disabled]).md-primary .md-container:before { background-color: rgba(140,158,255,0.26);}md-radio-group.md-hue-3.md-focused:not(:empty) .md-checked.md-primary .md-container:before { background-color: 'NaN';}md-select.md-hue-3:not([disabled]):focus .md-select-label { border-bottom-color: rgb(140,158,255); color: rgba(0,0,0,0.87);}md-select.md-hue-3:not([disabled]):focus .md-select-label.md-placeholder { color: rgba(0,0,0,0.87);}md-select.md-hue-3[disabled] .md-select-label { color: rgba(0,0,0,0.26);}md-select.md-hue-3[disabled] .md-select-label.md-placeholder { color: rgba(0,0,0,0.26);}md-select.md-hue-3 .md-select-label { border-bottom-color: rgba(0,0,0,0.12);}md-select.md-hue-3 .md-select-label.md-placeholder { color: rgba(0,0,0,0.54);}md-select-menu.md-hue-3 md-optgroup { color: rgba(0,0,0,0.54);}md-select-menu.md-hue-3 md-optgroup md-option { color: rgba(0,0,0,0.87);}md-select-menu.md-hue-3 md-option[selected] { color: rgb(63,81,181);}md-select-menu.md-hue-3 md-option[selected]:focus { color: rgb(57,73,171);}md-slider.md-hue-3 .md-focus-ring { border-color: rgba(0,0,0,0.12);}md-slider.md-hue-3.md-primary .md-track.md-track-fill { background-color: rgb(140,158,255);}md-slider.md-hue-3.md-primary .md-thumb:after { border-color: rgb(140,158,255); background-color: rgb(140,158,255);}md-slider.md-hue-3.md-primary .md-sign { background-color: rgb(140,158,255);}md-slider.md-hue-3.md-primary .md-sign:after { border-top-color: rgb(140,158,255);}md-slider.md-hue-3.md-primary .md-thumb-text { color: rgba(0,0,0,0.87);}md-slider.md-hue-3[disabled] .md-thumb:after { border-color: rgba(0,0,0,0.26);}.md-subheader.md-hue-3.md-primary { color: rgb(140,158,255);}md-switch.md-hue-3.md-checked.md-primary .md-thumb { background-color: rgb(140,158,255);}md-switch.md-hue-3.md-checked.md-primary .md-bar { background-color: rgba(140,158,255,0.5);}md-switch.md-hue-3.md-checked.md-primary.md-focused .md-thumb:before { background-color: rgba(140,158,255,0.26);}md-tabs.md-hue-3 .md-paginator md-icon { color: rgb(140,158,255);}md-tabs.md-hue-3 .md-tab { color: rgba(0,0,0,0.54);}md-tabs.md-hue-3 .md-tab[disabled] { color: rgba(0,0,0,0.26);}md-tabs.md-hue-3 .md-tab.md-active, md-tabs.md-hue-3 .md-tab.md-focused { color: rgb(140,158,255);}md-tabs.md-hue-3 .md-tab.md-focused { background: rgba(140,158,255,0.1);}md-tabs.md-hue-3.md-primary md-tabs-wrapper { background-color: rgb(140,158,255);}md-tabs.md-hue-3.md-primary md-tab-item:not([disabled]) { color: rgb(197,202,233);}md-tabs.md-hue-3.md-primary md-tab-item:not([disabled]).md-active, md-tabs.md-hue-3.md-primary md-tab-item:not([disabled]).md-focused { color: rgba(0,0,0,0.87);}md-tabs.md-hue-3.md-primary md-tab-item:not([disabled]).md-focused { background: rgba(0,0,0,0.1);}md-toolbar > md-tabs.md-hue-3 md-tabs-wrapper { background-color: rgb(140,158,255);}md-toolbar > md-tabs.md-hue-3 md-tab-item:not([disabled]) { color: rgb(197,202,233);}md-toolbar > md-tabs.md-hue-3 md-tab-item:not([disabled]).md-active, md-toolbar > md-tabs.md-hue-3 md-tab-item:not([disabled]).md-focused { color: rgba(0,0,0,0.87);}md-toolbar > md-tabs.md-hue-3 md-tab-item:not([disabled]).md-focused { background: rgba(0,0,0,0.1);}md-toast.md-hue-3 .md-button.md-highlight { color: rgb(83,109,254);}md-toolbar.md-hue-3 { background-color: rgb(140,158,255); color: rgba(0,0,0,0.87);}md-toolbar.md-hue-3 md-icon { color: rgba(0,0,0,0.87);}md-toolbar.md-hue-3 .md-button { color: rgba(0,0,0,0.87);}</style><style type="text/css">a.md-button.md-fab, .md-button.md-fab { border-radius: 50%; background-color: rgb(255,64,129); color: rgb(255,255,255);}a.md-button.md-fab md-icon, .md-button.md-fab md-icon { color: rgb(255,255,255);}a.md-button.md-fab:not([disabled]):hover, .md-button.md-fab:not([disabled]):hover { background-color: rgb(255,64,129);}a.md-button.md-fab:not([disabled]).md-focused, .md-button.md-fab:not([disabled]).md-focused { background-color: rgb(197,17,98);}a.md-button.md-fab, .md-button.md-fab { border-radius: 50%; background-color: rgb(255,64,129); color: rgb(255,255,255);}a.md-button.md-fab:not([disabled]) .md-icon, .md-button.md-fab:not([disabled]) .md-icon { color: rgb(255,255,255);}a.md-button.md-fab:not([disabled]):hover, .md-button.md-fab:not([disabled]):hover { background-color: rgb(255,64,129);}a.md-button.md-fab:not([disabled]).md-focused, .md-button.md-fab:not([disabled]).md-focused { background-color: rgb(197,17,98);}a.md-button.md-accent, .md-button.md-accent { color: rgb(255,64,129);}a.md-button.md-accent.md-raised, a.md-button.md-accent.md-fab, .md-button.md-accent.md-raised, .md-button.md-accent.md-fab { color: rgb(255,255,255); background-color: rgb(255,64,129);}a.md-button.md-accent.md-raised:not([disabled]) md-icon, a.md-button.md-accent.md-fab:not([disabled]) md-icon, .md-button.md-accent.md-raised:not([disabled]) md-icon, .md-button.md-accent.md-fab:not([disabled]) md-icon { color: rgb(255,255,255);}a.md-button.md-accent.md-raised:not([disabled]):hover, a.md-button.md-accent.md-fab:not([disabled]):hover, .md-button.md-accent.md-raised:not([disabled]):hover, .md-button.md-accent.md-fab:not([disabled]):hover { background-color: rgb(255,64,129);}a.md-button.md-accent.md-raised:not([disabled]).md-focused, a.md-button.md-accent.md-fab:not([disabled]).md-focused, .md-button.md-accent.md-raised:not([disabled]).md-focused, .md-button.md-accent.md-fab:not([disabled]).md-focused { background-color: rgb(194,24,91);}a.md-button.md-accent:not([disabled]) md-icon, .md-button.md-accent:not([disabled]) md-icon { color: rgb(255,64,129);}a.md-button[disabled], a.md-button.md-raised[disabled], a.md-button.md-fab[disabled], a.md-button.md-accent[disabled], a.md-button.md-warn[disabled], .md-button[disabled], .md-button.md-raised[disabled], .md-button.md-fab[disabled], .md-button.md-accent[disabled], .md-button.md-warn[disabled] { color: rgba(0,0,0,0.26); cursor: not-allowed;}a.md-button[disabled] md-icon, a.md-button.md-raised[disabled] md-icon, a.md-button.md-fab[disabled] md-icon, a.md-button.md-accent[disabled] md-icon, a.md-button.md-warn[disabled] md-icon, .md-button[disabled] md-icon, .md-button.md-raised[disabled] md-icon, .md-button.md-fab[disabled] md-icon, .md-button.md-accent[disabled] md-icon, .md-button.md-warn[disabled] md-icon { color: rgba(0,0,0,0.26);}md-checkbox .md-ripple { color: rgb(216,27,96);}md-checkbox.md-checked.md-focused .md-container:before { background-color: rgba(255,64,129,0.26);}md-checkbox.md-checked .md-icon { background-color: rgba(255,64,129,0.87);}md-icon.md-accent { color: rgb(255,64,129);}md-list md-list-item > md-icon.md-highlight.md-accent { color: rgb(255,64,129);}md-input-container:not(.md-input-invalid).md-input-focused.md-accent .md-input { border-color: rgb(233,30,99);}md-input-container:not(.md-input-invalid).md-input-focused.md-accent label { color: rgb(233,30,99);}md-progress-circular.md-accent .md-inner .md-gap { border-top-color: rgb(255,64,129); border-bottom-color: rgb(255,64,129);}md-progress-circular.md-accent .md-inner .md-left .md-half-circle, md-progress-circular.md-accent .md-inner .md-right .md-half-circle { border-top-color: rgb(255,64,129);}md-progress-circular.md-accent .md-inner .md-right .md-half-circle { border-right-color: rgb(255,64,129);}md-progress-circular.md-accent .md-inner .md-left .md-half-circle { border-left-color: rgb(255,64,129);}md-progress-linear.md-accent .md-container { background-color: rgb(248,187,208);}md-progress-linear.md-accent .md-bar { background-color: rgb(255,64,129);}md-progress-linear[md-mode=buffer].md-accent .md-bar1 { background-color: rgb(248,187,208);}md-progress-linear[md-mode=buffer].md-accent .md-dashed:before { background: radial-gradient(rgb(248,187,208) 0%, rgb(248,187,208) 16%, transparent 42%);}md-radio-button .md-on { background-color: rgba(255,64,129,0.87);}md-radio-button.md-checked .md-off { border-color: rgba(255,64,129,0.87);}md-radio-button.md-checked .md-ink-ripple { color: rgba(255,64,129,0.87);}md-radio-button .md-container .md-ripple { color: rgb(216,27,96);}md-radio-group.md-focused:not(:empty) .md-checked .md-container:before { background-color: rgba(255,64,129,0.26);}md-select:not([disabled]):focus.md-accent .md-select-label { border-bottom-color: rgb(255,64,129);}md-select-menu md-option[selected].md-accent { color: rgb(233,30,99);}md-select-menu md-option[selected].md-accent:focus { color: rgb(216,27,96);}md-slider .md-track.md-track-fill { background-color: rgb(255,64,129);}md-slider .md-thumb:after { border-color: rgb(255,64,129); background-color: rgb(255,64,129);}md-slider .md-sign { background-color: rgb(255,64,129);}md-slider .md-sign:after { border-top-color: rgb(255,64,129);}md-slider .md-thumb-text { color: rgb(255,255,255);}.md-subheader.md-accent { color: rgb(255,64,129);}md-switch.md-checked .md-thumb { background-color: rgb(255,64,129);}md-switch.md-checked .md-bar { background-color: rgba(255,64,129,0.5);}md-switch.md-checked.md-focused .md-thumb:before { background-color: rgba(255,64,129,0.26);}md-tabs md-ink-bar { color: rgb(255,64,129); background: rgb(255,64,129);}md-tabs .md-tab .md-ripple-container { color: rgb(248,187,208);}md-tabs.md-accent md-tabs-wrapper { background-color: rgb(255,64,129);}md-tabs.md-accent md-tab-item:not([disabled]) { color: rgb(248,187,208);}md-tabs.md-accent md-tab-item:not([disabled]).md-active, md-tabs.md-accent md-tab-item:not([disabled]).md-focused { color: rgb(255,255,255);}md-tabs.md-accent md-tab-item:not([disabled]).md-focused { background: rgba(255,255,255,0.1);}md-tabs.md-accent md-ink-bar { color: rgba(57,73,171,1); background: rgba(57,73,171,1);}md-toolbar.md-accent > md-tabs md-tabs-wrapper { background-color: rgb(255,64,129);}md-toolbar.md-accent > md-tabs md-tab-item:not([disabled]) { color: rgb(248,187,208);}md-toolbar.md-accent > md-tabs md-tab-item:not([disabled]).md-active, md-toolbar.md-accent > md-tabs md-tab-item:not([disabled]).md-focused { color: rgb(255,255,255);}md-toolbar.md-accent > md-tabs md-tab-item:not([disabled]).md-focused { background: rgba(255,255,255,0.1);}md-toolbar.md-accent > md-tabs md-ink-bar { color: rgba(57,73,171,1); background: rgba(57,73,171,1);}md-toast .md-button.md-highlight.md-accent { color: rgb(255,64,129);}md-toolbar.md-accent { background-color: rgb(255,64,129); color: rgb(255,255,255);}</style><style type="text/css">a.md-button.md-hue-1.md-fab, .md-button.md-hue-1.md-fab { border-radius: 50%; background-color: rgb(255,128,171); color: rgba(0,0,0,0.87);}a.md-button.md-hue-1.md-fab md-icon, .md-button.md-hue-1.md-fab md-icon { color: rgba(0,0,0,0.87);}a.md-button.md-hue-1.md-fab:not([disabled]):hover, .md-button.md-hue-1.md-fab:not([disabled]):hover { background-color: rgb(255,128,171);}a.md-button.md-hue-1.md-fab:not([disabled]).md-focused, .md-button.md-hue-1.md-fab:not([disabled]).md-focused { background-color: rgb(197,17,98);}a.md-button.md-hue-1.md-fab, .md-button.md-hue-1.md-fab { border-radius: 50%; background-color: rgb(255,128,171); color: rgba(0,0,0,0.87);}a.md-button.md-hue-1.md-fab:not([disabled]) .md-icon, .md-button.md-hue-1.md-fab:not([disabled]) .md-icon { color: rgba(0,0,0,0.87);}a.md-button.md-hue-1.md-fab:not([disabled]):hover, .md-button.md-hue-1.md-fab:not([disabled]):hover { background-color: rgb(255,128,171);}a.md-button.md-hue-1.md-fab:not([disabled]).md-focused, .md-button.md-hue-1.md-fab:not([disabled]).md-focused { background-color: rgb(197,17,98);}a.md-button.md-hue-1.md-accent, .md-button.md-hue-1.md-accent { color: rgb(255,128,171);}a.md-button.md-hue-1.md-accent.md-raised, a.md-button.md-hue-1.md-accent.md-fab, .md-button.md-hue-1.md-accent.md-raised, .md-button.md-hue-1.md-accent.md-fab { color: rgba(0,0,0,0.87); background-color: rgb(255,128,171);}a.md-button.md-hue-1.md-accent.md-raised:not([disabled]) md-icon, a.md-button.md-hue-1.md-accent.md-fab:not([disabled]) md-icon, .md-button.md-hue-1.md-accent.md-raised:not([disabled]) md-icon, .md-button.md-hue-1.md-accent.md-fab:not([disabled]) md-icon { color: rgba(0,0,0,0.87);}a.md-button.md-hue-1.md-accent.md-raised:not([disabled]):hover, a.md-button.md-hue-1.md-accent.md-fab:not([disabled]):hover, .md-button.md-hue-1.md-accent.md-raised:not([disabled]):hover, .md-button.md-hue-1.md-accent.md-fab:not([disabled]):hover { background-color: rgb(255,128,171);}a.md-button.md-hue-1.md-accent.md-raised:not([disabled]).md-focused, a.md-button.md-hue-1.md-accent.md-fab:not([disabled]).md-focused, .md-button.md-hue-1.md-accent.md-raised:not([disabled]).md-focused, .md-button.md-hue-1.md-accent.md-fab:not([disabled]).md-focused { background-color: rgb(194,24,91);}a.md-button.md-hue-1.md-accent:not([disabled]) md-icon, .md-button.md-hue-1.md-accent:not([disabled]) md-icon { color: rgb(255,128,171);}a.md-button.md-hue-1[disabled], a.md-button.md-hue-1.md-raised[disabled], a.md-button.md-hue-1.md-fab[disabled], a.md-button.md-hue-1.md-accent[disabled], a.md-button.md-hue-1.md-warn[disabled], .md-button.md-hue-1[disabled], .md-button.md-hue-1.md-raised[disabled], .md-button.md-hue-1.md-fab[disabled], .md-button.md-hue-1.md-accent[disabled], .md-button.md-hue-1.md-warn[disabled] { color: rgba(0,0,0,0.26); cursor: not-allowed;}a.md-button.md-hue-1[disabled] md-icon, a.md-button.md-hue-1.md-raised[disabled] md-icon, a.md-button.md-hue-1.md-fab[disabled] md-icon, a.md-button.md-hue-1.md-accent[disabled] md-icon, a.md-button.md-hue-1.md-warn[disabled] md-icon, .md-button.md-hue-1[disabled] md-icon, .md-button.md-hue-1.md-raised[disabled] md-icon, .md-button.md-hue-1.md-fab[disabled] md-icon, .md-button.md-hue-1.md-accent[disabled] md-icon, .md-button.md-hue-1.md-warn[disabled] md-icon { color: rgba(0,0,0,0.26);}md-checkbox.md-hue-1 .md-ripple { color: rgb(216,27,96);}md-checkbox.md-hue-1.md-checked.md-focused .md-container:before { background-color: rgba(255,128,171,0.26);}md-checkbox.md-hue-1.md-checked .md-icon { background-color: rgba(255,128,171,0.87);}md-icon.md-hue-1.md-accent { color: rgb(255,128,171);}md-list.md-hue-1 md-list-item > md-icon.md-highlight.md-accent { color: rgb(255,128,171);}md-input-container.md-hue-1:not(.md-input-invalid).md-input-focused.md-accent .md-input { border-color: rgb(233,30,99);}md-input-container.md-hue-1:not(.md-input-invalid).md-input-focused.md-accent label { color: rgb(233,30,99);}md-progress-circular.md-hue-1.md-accent .md-inner .md-gap { border-top-color: rgb(255,128,171); border-bottom-color: rgb(255,128,171);}md-progress-circular.md-hue-1.md-accent .md-inner .md-left .md-half-circle, md-progress-circular.md-hue-1.md-accent .md-inner .md-right .md-half-circle { border-top-color: rgb(255,128,171);}md-progress-circular.md-hue-1.md-accent .md-inner .md-right .md-half-circle { border-right-color: rgb(255,128,171);}md-progress-circular.md-hue-1.md-accent .md-inner .md-left .md-half-circle { border-left-color: rgb(255,128,171);}md-progress-linear.md-hue-1.md-accent .md-container { background-color: rgb(248,187,208);}md-progress-linear.md-hue-1.md-accent .md-bar { background-color: rgb(255,128,171);}md-progress-linear.md-hue-1[md-mode=buffer].md-accent .md-bar1 { background-color: rgb(248,187,208);}md-progress-linear.md-hue-1[md-mode=buffer].md-accent .md-dashed:before { background: radial-gradient(rgb(248,187,208) 0%, rgb(248,187,208) 16%, transparent 42%);}md-radio-button.md-hue-1 .md-on { background-color: rgba(255,128,171,0.87);}md-radio-button.md-hue-1.md-checked .md-off { border-color: rgba(255,128,171,0.87);}md-radio-button.md-hue-1.md-checked .md-ink-ripple { color: rgba(255,128,171,0.87);}md-radio-button.md-hue-1 .md-container .md-ripple { color: rgb(216,27,96);}md-radio-group.md-hue-1.md-focused:not(:empty) .md-checked .md-container:before { background-color: rgba(255,128,171,0.26);}md-select.md-hue-1:not([disabled]):focus.md-accent .md-select-label { border-bottom-color: rgb(255,128,171);}md-select-menu.md-hue-1 md-option[selected].md-accent { color: rgb(233,30,99);}md-select-menu.md-hue-1 md-option[selected].md-accent:focus { color: rgb(216,27,96);}md-slider.md-hue-1 .md-track.md-track-fill { background-color: rgb(255,128,171);}md-slider.md-hue-1 .md-thumb:after { border-color: rgb(255,128,171); background-color: rgb(255,128,171);}md-slider.md-hue-1 .md-sign { background-color: rgb(255,128,171);}md-slider.md-hue-1 .md-sign:after { border-top-color: rgb(255,128,171);}md-slider.md-hue-1 .md-thumb-text { color: rgba(0,0,0,0.87);}.md-subheader.md-hue-1.md-accent { color: rgb(255,128,171);}md-switch.md-hue-1.md-checked .md-thumb { background-color: rgb(255,128,171);}md-switch.md-hue-1.md-checked .md-bar { background-color: rgba(255,128,171,0.5);}md-switch.md-hue-1.md-checked.md-focused .md-thumb:before { background-color: rgba(255,128,171,0.26);}md-tabs.md-hue-1 md-ink-bar { color: rgb(255,128,171); background: rgb(255,128,171);}md-tabs.md-hue-1 .md-tab .md-ripple-container { color: rgb(248,187,208);}md-tabs.md-hue-1.md-accent md-tabs-wrapper { background-color: rgb(255,128,171);}md-tabs.md-hue-1.md-accent md-tab-item:not([disabled]) { color: rgb(248,187,208);}md-tabs.md-hue-1.md-accent md-tab-item:not([disabled]).md-active, md-tabs.md-hue-1.md-accent md-tab-item:not([disabled]).md-focused { color: rgba(0,0,0,0.87);}md-tabs.md-hue-1.md-accent md-tab-item:not([disabled]).md-focused { background: rgba(0,0,0,0.1);}md-tabs.md-hue-1.md-accent md-ink-bar { color: rgba(57,73,171,1); background: rgba(57,73,171,1);}md-toolbar.md-accent > md-tabs.md-hue-1 md-tabs-wrapper { background-color: rgb(255,128,171);}md-toolbar.md-accent > md-tabs.md-hue-1 md-tab-item:not([disabled]) { color: rgb(248,187,208);}md-toolbar.md-accent > md-tabs.md-hue-1 md-tab-item:not([disabled]).md-active, md-toolbar.md-accent > md-tabs.md-hue-1 md-tab-item:not([disabled]).md-focused { color: rgba(0,0,0,0.87);}md-toolbar.md-accent > md-tabs.md-hue-1 md-tab-item:not([disabled]).md-focused { background: rgba(0,0,0,0.1);}md-toolbar.md-accent > md-tabs.md-hue-1 md-ink-bar { color: rgba(57,73,171,1); background: rgba(57,73,171,1);}md-toast.md-hue-1 .md-button.md-highlight.md-accent { color: rgb(255,64,129);}md-toolbar.md-hue-1.md-accent { background-color: rgb(255,128,171); color: rgba(0,0,0,0.87);}</style><style type="text/css">a.md-button.md-hue-2.md-fab, .md-button.md-hue-2.md-fab { border-radius: 50%; background-color: rgb(245,0,87); color: rgb(255,255,255);}a.md-button.md-hue-2.md-fab md-icon, .md-button.md-hue-2.md-fab md-icon { color: rgb(255,255,255);}a.md-button.md-hue-2.md-fab:not([disabled]):hover, .md-button.md-hue-2.md-fab:not([disabled]):hover { background-color: rgb(245,0,87);}a.md-button.md-hue-2.md-fab:not([disabled]).md-focused, .md-button.md-hue-2.md-fab:not([disabled]).md-focused { background-color: rgb(197,17,98);}a.md-button.md-hue-2.md-fab, .md-button.md-hue-2.md-fab { border-radius: 50%; background-color: rgb(245,0,87); color: rgb(255,255,255);}a.md-button.md-hue-2.md-fab:not([disabled]) .md-icon, .md-button.md-hue-2.md-fab:not([disabled]) .md-icon { color: rgb(255,255,255);}a.md-button.md-hue-2.md-fab:not([disabled]):hover, .md-button.md-hue-2.md-fab:not([disabled]):hover { background-color: rgb(245,0,87);}a.md-button.md-hue-2.md-fab:not([disabled]).md-focused, .md-button.md-hue-2.md-fab:not([disabled]).md-focused { background-color: rgb(197,17,98);}a.md-button.md-hue-2.md-accent, .md-button.md-hue-2.md-accent { color: rgb(245,0,87);}a.md-button.md-hue-2.md-accent.md-raised, a.md-button.md-hue-2.md-accent.md-fab, .md-button.md-hue-2.md-accent.md-raised, .md-button.md-hue-2.md-accent.md-fab { color: rgb(255,255,255); background-color: rgb(245,0,87);}a.md-button.md-hue-2.md-accent.md-raised:not([disabled]) md-icon, a.md-button.md-hue-2.md-accent.md-fab:not([disabled]) md-icon, .md-button.md-hue-2.md-accent.md-raised:not([disabled]) md-icon, .md-button.md-hue-2.md-accent.md-fab:not([disabled]) md-icon { color: rgb(255,255,255);}a.md-button.md-hue-2.md-accent.md-raised:not([disabled]):hover, a.md-button.md-hue-2.md-accent.md-fab:not([disabled]):hover, .md-button.md-hue-2.md-accent.md-raised:not([disabled]):hover, .md-button.md-hue-2.md-accent.md-fab:not([disabled]):hover { background-color: rgb(245,0,87);}a.md-button.md-hue-2.md-accent.md-raised:not([disabled]).md-focused, a.md-button.md-hue-2.md-accent.md-fab:not([disabled]).md-focused, .md-button.md-hue-2.md-accent.md-raised:not([disabled]).md-focused, .md-button.md-hue-2.md-accent.md-fab:not([disabled]).md-focused { background-color: rgb(194,24,91);}a.md-button.md-hue-2.md-accent:not([disabled]) md-icon, .md-button.md-hue-2.md-accent:not([disabled]) md-icon { color: rgb(245,0,87);}a.md-button.md-hue-2[disabled], a.md-button.md-hue-2.md-raised[disabled], a.md-button.md-hue-2.md-fab[disabled], a.md-button.md-hue-2.md-accent[disabled], a.md-button.md-hue-2.md-warn[disabled], .md-button.md-hue-2[disabled], .md-button.md-hue-2.md-raised[disabled], .md-button.md-hue-2.md-fab[disabled], .md-button.md-hue-2.md-accent[disabled], .md-button.md-hue-2.md-warn[disabled] { color: rgba(0,0,0,0.26); cursor: not-allowed;}a.md-button.md-hue-2[disabled] md-icon, a.md-button.md-hue-2.md-raised[disabled] md-icon, a.md-button.md-hue-2.md-fab[disabled] md-icon, a.md-button.md-hue-2.md-accent[disabled] md-icon, a.md-button.md-hue-2.md-warn[disabled] md-icon, .md-button.md-hue-2[disabled] md-icon, .md-button.md-hue-2.md-raised[disabled] md-icon, .md-button.md-hue-2.md-fab[disabled] md-icon, .md-button.md-hue-2.md-accent[disabled] md-icon, .md-button.md-hue-2.md-warn[disabled] md-icon { color: rgba(0,0,0,0.26);}md-checkbox.md-hue-2 .md-ripple { color: rgb(216,27,96);}md-checkbox.md-hue-2.md-checked.md-focused .md-container:before { background-color: rgba(245,0,87,0.26);}md-checkbox.md-hue-2.md-checked .md-icon { background-color: rgba(245,0,87,0.87);}md-icon.md-hue-2.md-accent { color: rgb(245,0,87);}md-list.md-hue-2 md-list-item > md-icon.md-highlight.md-accent { color: rgb(245,0,87);}md-input-container.md-hue-2:not(.md-input-invalid).md-input-focused.md-accent .md-input { border-color: rgb(233,30,99);}md-input-container.md-hue-2:not(.md-input-invalid).md-input-focused.md-accent label { color: rgb(233,30,99);}md-progress-circular.md-hue-2.md-accent .md-inner .md-gap { border-top-color: rgb(245,0,87); border-bottom-color: rgb(245,0,87);}md-progress-circular.md-hue-2.md-accent .md-inner .md-left .md-half-circle, md-progress-circular.md-hue-2.md-accent .md-inner .md-right .md-half-circle { border-top-color: rgb(245,0,87);}md-progress-circular.md-hue-2.md-accent .md-inner .md-right .md-half-circle { border-right-color: rgb(245,0,87);}md-progress-circular.md-hue-2.md-accent .md-inner .md-left .md-half-circle { border-left-color: rgb(245,0,87);}md-progress-linear.md-hue-2.md-accent .md-container { background-color: rgb(248,187,208);}md-progress-linear.md-hue-2.md-accent .md-bar { background-color: rgb(245,0,87);}md-progress-linear.md-hue-2[md-mode=buffer].md-accent .md-bar1 { background-color: rgb(248,187,208);}md-progress-linear.md-hue-2[md-mode=buffer].md-accent .md-dashed:before { background: radial-gradient(rgb(248,187,208) 0%, rgb(248,187,208) 16%, transparent 42%);}md-radio-button.md-hue-2 .md-on { background-color: rgba(245,0,87,0.87);}md-radio-button.md-hue-2.md-checked .md-off { border-color: rgba(245,0,87,0.87);}md-radio-button.md-hue-2.md-checked .md-ink-ripple { color: rgba(245,0,87,0.87);}md-radio-button.md-hue-2 .md-container .md-ripple { color: rgb(216,27,96);}md-radio-group.md-hue-2.md-focused:not(:empty) .md-checked .md-container:before { background-color: rgba(245,0,87,0.26);}md-select.md-hue-2:not([disabled]):focus.md-accent .md-select-label { border-bottom-color: rgb(245,0,87);}md-select-menu.md-hue-2 md-option[selected].md-accent { color: rgb(233,30,99);}md-select-menu.md-hue-2 md-option[selected].md-accent:focus { color: rgb(216,27,96);}md-slider.md-hue-2 .md-track.md-track-fill { background-color: rgb(245,0,87);}md-slider.md-hue-2 .md-thumb:after { border-color: rgb(245,0,87); background-color: rgb(245,0,87);}md-slider.md-hue-2 .md-sign { background-color: rgb(245,0,87);}md-slider.md-hue-2 .md-sign:after { border-top-color: rgb(245,0,87);}md-slider.md-hue-2 .md-thumb-text { color: rgb(255,255,255);}.md-subheader.md-hue-2.md-accent { color: rgb(245,0,87);}md-switch.md-hue-2.md-checked .md-thumb { background-color: rgb(245,0,87);}md-switch.md-hue-2.md-checked .md-bar { background-color: rgba(245,0,87,0.5);}md-switch.md-hue-2.md-checked.md-focused .md-thumb:before { background-color: rgba(245,0,87,0.26);}md-tabs.md-hue-2 md-ink-bar { color: rgb(245,0,87); background: rgb(245,0,87);}md-tabs.md-hue-2 .md-tab .md-ripple-container { color: rgb(248,187,208);}md-tabs.md-hue-2.md-accent md-tabs-wrapper { background-color: rgb(245,0,87);}md-tabs.md-hue-2.md-accent md-tab-item:not([disabled]) { color: rgb(248,187,208);}md-tabs.md-hue-2.md-accent md-tab-item:not([disabled]).md-active, md-tabs.md-hue-2.md-accent md-tab-item:not([disabled]).md-focused { color: rgb(255,255,255);}md-tabs.md-hue-2.md-accent md-tab-item:not([disabled]).md-focused { background: rgba(255,255,255,0.1);}md-tabs.md-hue-2.md-accent md-ink-bar { color: rgba(57,73,171,1); background: rgba(57,73,171,1);}md-toolbar.md-accent > md-tabs.md-hue-2 md-tabs-wrapper { background-color: rgb(245,0,87);}md-toolbar.md-accent > md-tabs.md-hue-2 md-tab-item:not([disabled]) { color: rgb(248,187,208);}md-toolbar.md-accent > md-tabs.md-hue-2 md-tab-item:not([disabled]).md-active, md-toolbar.md-accent > md-tabs.md-hue-2 md-tab-item:not([disabled]).md-focused { color: rgb(255,255,255);}md-toolbar.md-accent > md-tabs.md-hue-2 md-tab-item:not([disabled]).md-focused { background: rgba(255,255,255,0.1);}md-toolbar.md-accent > md-tabs.md-hue-2 md-ink-bar { color: rgba(57,73,171,1); background: rgba(57,73,171,1);}md-toast.md-hue-2 .md-button.md-highlight.md-accent { color: rgb(255,64,129);}md-toolbar.md-hue-2.md-accent { background-color: rgb(245,0,87); color: rgb(255,255,255);}</style><style type="text/css">a.md-button.md-hue-3.md-fab, .md-button.md-hue-3.md-fab { border-radius: 50%; background-color: rgb(197,17,98); color: rgb(255,255,255);}a.md-button.md-hue-3.md-fab md-icon, .md-button.md-hue-3.md-fab md-icon { color: rgb(255,255,255);}a.md-button.md-hue-3.md-fab:not([disabled]):hover, .md-button.md-hue-3.md-fab:not([disabled]):hover { background-color: rgb(197,17,98);}a.md-button.md-hue-3.md-fab:not([disabled]).md-focused, .md-button.md-hue-3.md-fab:not([disabled]).md-focused { background-color: rgb(197,17,98);}a.md-button.md-hue-3.md-fab, .md-button.md-hue-3.md-fab { border-radius: 50%; background-color: rgb(197,17,98); color: rgb(255,255,255);}a.md-button.md-hue-3.md-fab:not([disabled]) .md-icon, .md-button.md-hue-3.md-fab:not([disabled]) .md-icon { color: rgb(255,255,255);}a.md-button.md-hue-3.md-fab:not([disabled]):hover, .md-button.md-hue-3.md-fab:not([disabled]):hover { background-color: rgb(197,17,98);}a.md-button.md-hue-3.md-fab:not([disabled]).md-focused, .md-button.md-hue-3.md-fab:not([disabled]).md-focused { background-color: rgb(197,17,98);}a.md-button.md-hue-3.md-accent, .md-button.md-hue-3.md-accent { color: rgb(197,17,98);}a.md-button.md-hue-3.md-accent.md-raised, a.md-button.md-hue-3.md-accent.md-fab, .md-button.md-hue-3.md-accent.md-raised, .md-button.md-hue-3.md-accent.md-fab { color: rgb(255,255,255); background-color: rgb(197,17,98);}a.md-button.md-hue-3.md-accent.md-raised:not([disabled]) md-icon, a.md-button.md-hue-3.md-accent.md-fab:not([disabled]) md-icon, .md-button.md-hue-3.md-accent.md-raised:not([disabled]) md-icon, .md-button.md-hue-3.md-accent.md-fab:not([disabled]) md-icon { color: rgb(255,255,255);}a.md-button.md-hue-3.md-accent.md-raised:not([disabled]):hover, a.md-button.md-hue-3.md-accent.md-fab:not([disabled]):hover, .md-button.md-hue-3.md-accent.md-raised:not([disabled]):hover, .md-button.md-hue-3.md-accent.md-fab:not([disabled]):hover { background-color: rgb(197,17,98);}a.md-button.md-hue-3.md-accent.md-raised:not([disabled]).md-focused, a.md-button.md-hue-3.md-accent.md-fab:not([disabled]).md-focused, .md-button.md-hue-3.md-accent.md-raised:not([disabled]).md-focused, .md-button.md-hue-3.md-accent.md-fab:not([disabled]).md-focused { background-color: rgb(194,24,91);}a.md-button.md-hue-3.md-accent:not([disabled]) md-icon, .md-button.md-hue-3.md-accent:not([disabled]) md-icon { color: rgb(197,17,98);}a.md-button.md-hue-3[disabled], a.md-button.md-hue-3.md-raised[disabled], a.md-button.md-hue-3.md-fab[disabled], a.md-button.md-hue-3.md-accent[disabled], a.md-button.md-hue-3.md-warn[disabled], .md-button.md-hue-3[disabled], .md-button.md-hue-3.md-raised[disabled], .md-button.md-hue-3.md-fab[disabled], .md-button.md-hue-3.md-accent[disabled], .md-button.md-hue-3.md-warn[disabled] { color: rgba(0,0,0,0.26); cursor: not-allowed;}a.md-button.md-hue-3[disabled] md-icon, a.md-button.md-hue-3.md-raised[disabled] md-icon, a.md-button.md-hue-3.md-fab[disabled] md-icon, a.md-button.md-hue-3.md-accent[disabled] md-icon, a.md-button.md-hue-3.md-warn[disabled] md-icon, .md-button.md-hue-3[disabled] md-icon, .md-button.md-hue-3.md-raised[disabled] md-icon, .md-button.md-hue-3.md-fab[disabled] md-icon, .md-button.md-hue-3.md-accent[disabled] md-icon, .md-button.md-hue-3.md-warn[disabled] md-icon { color: rgba(0,0,0,0.26);}md-checkbox.md-hue-3 .md-ripple { color: rgb(216,27,96);}md-checkbox.md-hue-3.md-checked.md-focused .md-container:before { background-color: rgba(197,17,98,0.26);}md-checkbox.md-hue-3.md-checked .md-icon { background-color: rgba(197,17,98,0.87);}md-icon.md-hue-3.md-accent { color: rgb(197,17,98);}md-list.md-hue-3 md-list-item > md-icon.md-highlight.md-accent { color: rgb(197,17,98);}md-input-container.md-hue-3:not(.md-input-invalid).md-input-focused.md-accent .md-input { border-color: rgb(233,30,99);}md-input-container.md-hue-3:not(.md-input-invalid).md-input-focused.md-accent label { color: rgb(233,30,99);}md-progress-circular.md-hue-3.md-accent .md-inner .md-gap { border-top-color: rgb(197,17,98); border-bottom-color: rgb(197,17,98);}md-progress-circular.md-hue-3.md-accent .md-inner .md-left .md-half-circle, md-progress-circular.md-hue-3.md-accent .md-inner .md-right .md-half-circle { border-top-color: rgb(197,17,98);}md-progress-circular.md-hue-3.md-accent .md-inner .md-right .md-half-circle { border-right-color: rgb(197,17,98);}md-progress-circular.md-hue-3.md-accent .md-inner .md-left .md-half-circle { border-left-color: rgb(197,17,98);}md-progress-linear.md-hue-3.md-accent .md-container { background-color: rgb(248,187,208);}md-progress-linear.md-hue-3.md-accent .md-bar { background-color: rgb(197,17,98);}md-progress-linear.md-hue-3[md-mode=buffer].md-accent .md-bar1 { background-color: rgb(248,187,208);}md-progress-linear.md-hue-3[md-mode=buffer].md-accent .md-dashed:before { background: radial-gradient(rgb(248,187,208) 0%, rgb(248,187,208) 16%, transparent 42%);}md-radio-button.md-hue-3 .md-on { background-color: rgba(197,17,98,0.87);}md-radio-button.md-hue-3.md-checked .md-off { border-color: rgba(197,17,98,0.87);}md-radio-button.md-hue-3.md-checked .md-ink-ripple { color: rgba(197,17,98,0.87);}md-radio-button.md-hue-3 .md-container .md-ripple { color: rgb(216,27,96);}md-radio-group.md-hue-3.md-focused:not(:empty) .md-checked .md-container:before { background-color: rgba(197,17,98,0.26);}md-select.md-hue-3:not([disabled]):focus.md-accent .md-select-label { border-bottom-color: rgb(197,17,98);}md-select-menu.md-hue-3 md-option[selected].md-accent { color: rgb(233,30,99);}md-select-menu.md-hue-3 md-option[selected].md-accent:focus { color: rgb(216,27,96);}md-slider.md-hue-3 .md-track.md-track-fill { background-color: rgb(197,17,98);}md-slider.md-hue-3 .md-thumb:after { border-color: rgb(197,17,98); background-color: rgb(197,17,98);}md-slider.md-hue-3 .md-sign { background-color: rgb(197,17,98);}md-slider.md-hue-3 .md-sign:after { border-top-color: rgb(197,17,98);}md-slider.md-hue-3 .md-thumb-text { color: rgb(255,255,255);}.md-subheader.md-hue-3.md-accent { color: rgb(197,17,98);}md-switch.md-hue-3.md-checked .md-thumb { background-color: rgb(197,17,98);}md-switch.md-hue-3.md-checked .md-bar { background-color: rgba(197,17,98,0.5);}md-switch.md-hue-3.md-checked.md-focused .md-thumb:before { background-color: rgba(197,17,98,0.26);}md-tabs.md-hue-3 md-ink-bar { color: rgb(197,17,98); background: rgb(197,17,98);}md-tabs.md-hue-3 .md-tab .md-ripple-container { color: rgb(248,187,208);}md-tabs.md-hue-3.md-accent md-tabs-wrapper { background-color: rgb(197,17,98);}md-tabs.md-hue-3.md-accent md-tab-item:not([disabled]) { color: rgb(248,187,208);}md-tabs.md-hue-3.md-accent md-tab-item:not([disabled]).md-active, md-tabs.md-hue-3.md-accent md-tab-item:not([disabled]).md-focused { color: rgb(255,255,255);}md-tabs.md-hue-3.md-accent md-tab-item:not([disabled]).md-focused { background: rgba(255,255,255,0.1);}md-tabs.md-hue-3.md-accent md-ink-bar { color: rgba(57,73,171,1); background: rgba(57,73,171,1);}md-toolbar.md-accent > md-tabs.md-hue-3 md-tabs-wrapper { background-color: rgb(197,17,98);}md-toolbar.md-accent > md-tabs.md-hue-3 md-tab-item:not([disabled]) { color: rgb(248,187,208);}md-toolbar.md-accent > md-tabs.md-hue-3 md-tab-item:not([disabled]).md-active, md-toolbar.md-accent > md-tabs.md-hue-3 md-tab-item:not([disabled]).md-focused { color: rgb(255,255,255);}md-toolbar.md-accent > md-tabs.md-hue-3 md-tab-item:not([disabled]).md-focused { background: rgba(255,255,255,0.1);}md-toolbar.md-accent > md-tabs.md-hue-3 md-ink-bar { color: rgba(57,73,171,1); background: rgba(57,73,171,1);}md-toast.md-hue-3 .md-button.md-highlight.md-accent { color: rgb(255,64,129);}md-toolbar.md-hue-3.md-accent { background-color: rgb(197,17,98); color: rgb(255,255,255);}</style><style type="text/css">a.md-button.md-warn, .md-button.md-warn { color: rgb(244,67,54);}a.md-button.md-warn.md-raised, a.md-button.md-warn.md-fab, .md-button.md-warn.md-raised, .md-button.md-warn.md-fab { color: rgb(255,255,255); background-color: rgb(244,67,54);}a.md-button.md-warn.md-raised:not([disabled]) md-icon, a.md-button.md-warn.md-fab:not([disabled]) md-icon, .md-button.md-warn.md-raised:not([disabled]) md-icon, .md-button.md-warn.md-fab:not([disabled]) md-icon { color: rgb(255,255,255);}a.md-button.md-warn.md-raised:not([disabled]):hover, a.md-button.md-warn.md-fab:not([disabled]):hover, .md-button.md-warn.md-raised:not([disabled]):hover, .md-button.md-warn.md-fab:not([disabled]):hover { background-color: rgb(244,67,54);}a.md-button.md-warn.md-raised:not([disabled]).md-focused, a.md-button.md-warn.md-fab:not([disabled]).md-focused, .md-button.md-warn.md-raised:not([disabled]).md-focused, .md-button.md-warn.md-fab:not([disabled]).md-focused { background-color: rgb(211,47,47);}a.md-button.md-warn:not([disabled]) md-icon, .md-button.md-warn:not([disabled]) md-icon { color: rgb(244,67,54);}md-checkbox:not([disabled]).md-warn .md-ripple { color: rgb(229,57,53);}md-checkbox:not([disabled]).md-warn .md-icon { border-color: rgba(0,0,0,0.54);}md-checkbox:not([disabled]).md-warn.md-checked .md-icon { background-color: rgba(244,67,54,0.87);}md-checkbox:not([disabled]).md-warn.md-checked.md-focused:not([disabled]) .md-container:before { background-color: rgba(244,67,54,0.26);}md-checkbox:not([disabled]).md-warn.md-checked .md-icon:after { border-color: rgb(238,238,238);}md-icon.md-warn { color: rgb(244,67,54);}md-input-container ng-messages, md-input-container [ng-message], md-input-container [data-ng-message], md-input-container [x-ng-message] { color: rgb(244,67,54);}md-input-container:not(.md-input-invalid).md-input-focused.md-warn .md-input { border-color: rgb(244,67,54);}md-input-container:not(.md-input-invalid).md-input-focused.md-warn label { color: rgb(244,67,54);}md-input-container.md-input-invalid .md-input { border-color: rgb(244,67,54);}md-input-container.md-input-invalid.md-input-focused label { color: rgb(244,67,54);}md-input-container.md-input-invalid ng-message, md-input-container.md-input-invalid data-ng-message, md-input-container.md-input-invalid x-ng-message, md-input-container.md-input-invalid [ng-message], md-input-container.md-input-invalid [data-ng-message], md-input-container.md-input-invalid [x-ng-message], md-input-container.md-input-invalid .md-char-counter { color: rgb(244,67,54);}md-progress-circular.md-warn .md-inner .md-gap { border-top-color: rgb(244,67,54); border-bottom-color: rgb(244,67,54);}md-progress-circular.md-warn .md-inner .md-left .md-half-circle, md-progress-circular.md-warn .md-inner .md-right .md-half-circle { border-top-color: rgb(244,67,54);}md-progress-circular.md-warn .md-inner .md-right .md-half-circle { border-right-color: rgb(244,67,54);}md-progress-circular.md-warn .md-inner .md-left .md-half-circle { border-left-color: rgb(244,67,54);}md-progress-linear.md-warn .md-container { background-color: rgb(255,205,210);}md-progress-linear.md-warn .md-bar { background-color: rgb(244,67,54);}md-progress-linear[md-mode=buffer].md-warn .md-bar1 { background-color: rgb(255,205,210);}md-progress-linear[md-mode=buffer].md-warn .md-dashed:before { background: radial-gradient(rgb(255,205,210) 0%, rgb(255,205,210) 16%, transparent 42%);}md-radio-group:not([disabled]) .md-warn .md-on, md-radio-group:not([disabled]).md-warn .md-on, md-radio-button:not([disabled]) .md-warn .md-on, md-radio-button:not([disabled]).md-warn .md-on { background-color: rgba(244,67,54,0.87);}md-radio-group:not([disabled]) .md-warn .md-checked .md-off, md-radio-group:not([disabled]) .md-warn.md-checked .md-off, md-radio-group:not([disabled]).md-warn .md-checked .md-off, md-radio-group:not([disabled]).md-warn.md-checked .md-off, md-radio-button:not([disabled]) .md-warn .md-checked .md-off, md-radio-button:not([disabled]) .md-warn.md-checked .md-off, md-radio-button:not([disabled]).md-warn .md-checked .md-off, md-radio-button:not([disabled]).md-warn.md-checked .md-off { border-color: rgba(244,67,54,0.87);}md-radio-group:not([disabled]) .md-warn .md-checked .md-ink-ripple, md-radio-group:not([disabled]) .md-warn.md-checked .md-ink-ripple, md-radio-group:not([disabled]).md-warn .md-checked .md-ink-ripple, md-radio-group:not([disabled]).md-warn.md-checked .md-ink-ripple, md-radio-button:not([disabled]) .md-warn .md-checked .md-ink-ripple, md-radio-button:not([disabled]) .md-warn.md-checked .md-ink-ripple, md-radio-button:not([disabled]).md-warn .md-checked .md-ink-ripple, md-radio-button:not([disabled]).md-warn.md-checked .md-ink-ripple { color: rgba(244,67,54,0.87);}md-radio-group:not([disabled]) .md-warn .md-container .md-ripple, md-radio-group:not([disabled]).md-warn .md-container .md-ripple, md-radio-button:not([disabled]) .md-warn .md-container .md-ripple, md-radio-button:not([disabled]).md-warn .md-container .md-ripple { color: rgb(229,57,53);}md-select.ng-invalid.ng-dirty .md-select-label { color: rgb(244,67,54) !important; border-bottom-color: rgb(244,67,54) !important;}md-select:not([disabled]):focus.md-warn .md-select-label { border-bottom-color: rgb(244,67,54);}md-slider.md-warn .md-track.md-track-fill { background-color: rgb(244,67,54);}md-slider.md-warn .md-thumb:after { border-color: rgb(244,67,54); background-color: rgb(244,67,54);}md-slider.md-warn .md-sign { background-color: rgb(244,67,54);}md-slider.md-warn .md-sign:after { border-top-color: rgb(244,67,54);}md-slider.md-warn .md-thumb-text { color: rgb(255,255,255);}.md-subheader.md-warn { color: rgb(244,67,54);}md-switch.md-checked.md-warn .md-thumb { background-color: rgb(244,67,54);}md-switch.md-checked.md-warn .md-bar { background-color: rgba(244,67,54,0.5);}md-switch.md-checked.md-warn.md-focused .md-thumb:before { background-color: rgba(244,67,54,0.26);}md-tabs.md-warn md-tabs-wrapper { background-color: rgb(244,67,54);}md-tabs.md-warn md-tab-item:not([disabled]) { color: rgb(255,205,210);}md-tabs.md-warn md-tab-item:not([disabled]).md-active, md-tabs.md-warn md-tab-item:not([disabled]).md-focused { color: rgb(255,255,255);}md-tabs.md-warn md-tab-item:not([disabled]).md-focused { background: rgba(255,255,255,0.1);}md-toolbar.md-warn > md-tabs md-tabs-wrapper { background-color: rgb(244,67,54);}md-toolbar.md-warn > md-tabs md-tab-item:not([disabled]) { color: rgb(255,205,210);}md-toolbar.md-warn > md-tabs md-tab-item:not([disabled]).md-active, md-toolbar.md-warn > md-tabs md-tab-item:not([disabled]).md-focused { color: rgb(255,255,255);}md-toolbar.md-warn > md-tabs md-tab-item:not([disabled]).md-focused { background: rgba(255,255,255,0.1);}md-toast .md-button.md-highlight.md-warn { color: rgb(255,82,82);}md-toolbar.md-warn { background-color: rgb(244,67,54); color: rgb(255,255,255);}</style><style type="text/css">a.md-button.md-hue-1.md-warn, .md-button.md-hue-1.md-warn { color: rgb(229,115,115);}a.md-button.md-hue-1.md-warn.md-raised, a.md-button.md-hue-1.md-warn.md-fab, .md-button.md-hue-1.md-warn.md-raised, .md-button.md-hue-1.md-warn.md-fab { color: rgba(0,0,0,0.87); background-color: rgb(229,115,115);}a.md-button.md-hue-1.md-warn.md-raised:not([disabled]) md-icon, a.md-button.md-hue-1.md-warn.md-fab:not([disabled]) md-icon, .md-button.md-hue-1.md-warn.md-raised:not([disabled]) md-icon, .md-button.md-hue-1.md-warn.md-fab:not([disabled]) md-icon { color: rgba(0,0,0,0.87);}a.md-button.md-hue-1.md-warn.md-raised:not([disabled]):hover, a.md-button.md-hue-1.md-warn.md-fab:not([disabled]):hover, .md-button.md-hue-1.md-warn.md-raised:not([disabled]):hover, .md-button.md-hue-1.md-warn.md-fab:not([disabled]):hover { background-color: rgb(229,115,115);}a.md-button.md-hue-1.md-warn.md-raised:not([disabled]).md-focused, a.md-button.md-hue-1.md-warn.md-fab:not([disabled]).md-focused, .md-button.md-hue-1.md-warn.md-raised:not([disabled]).md-focused, .md-button.md-hue-1.md-warn.md-fab:not([disabled]).md-focused { background-color: rgb(211,47,47);}a.md-button.md-hue-1.md-warn:not([disabled]) md-icon, .md-button.md-hue-1.md-warn:not([disabled]) md-icon { color: rgb(229,115,115);}md-checkbox.md-hue-1:not([disabled]).md-warn .md-ripple { color: rgb(229,57,53);}md-checkbox.md-hue-1:not([disabled]).md-warn .md-icon { border-color: rgba(0,0,0,0.54);}md-checkbox.md-hue-1:not([disabled]).md-warn.md-checked .md-icon { background-color: rgba(229,115,115,0.87);}md-checkbox.md-hue-1:not([disabled]).md-warn.md-checked.md-focused:not([disabled]) .md-container:before { background-color: rgba(229,115,115,0.26);}md-checkbox.md-hue-1:not([disabled]).md-warn.md-checked .md-icon:after { border-color: rgb(238,238,238);}md-icon.md-hue-1.md-warn { color: rgb(229,115,115);}md-input-container.md-hue-1 ng-messages, md-input-container.md-hue-1 [ng-message], md-input-container.md-hue-1 [data-ng-message], md-input-container.md-hue-1 [x-ng-message] { color: rgb(244,67,54);}md-input-container.md-hue-1:not(.md-input-invalid).md-input-focused.md-warn .md-input { border-color: rgb(244,67,54);}md-input-container.md-hue-1:not(.md-input-invalid).md-input-focused.md-warn label { color: rgb(244,67,54);}md-input-container.md-hue-1.md-input-invalid .md-input { border-color: rgb(244,67,54);}md-input-container.md-hue-1.md-input-invalid.md-input-focused label { color: rgb(244,67,54);}md-input-container.md-hue-1.md-input-invalid ng-message, md-input-container.md-hue-1.md-input-invalid data-ng-message, md-input-container.md-hue-1.md-input-invalid x-ng-message, md-input-container.md-hue-1.md-input-invalid [ng-message], md-input-container.md-hue-1.md-input-invalid [data-ng-message], md-input-container.md-hue-1.md-input-invalid [x-ng-message], md-input-container.md-hue-1.md-input-invalid .md-char-counter { color: rgb(244,67,54);}md-progress-circular.md-hue-1.md-warn .md-inner .md-gap { border-top-color: rgb(229,115,115); border-bottom-color: rgb(229,115,115);}md-progress-circular.md-hue-1.md-warn .md-inner .md-left .md-half-circle, md-progress-circular.md-hue-1.md-warn .md-inner .md-right .md-half-circle { border-top-color: rgb(229,115,115);}md-progress-circular.md-hue-1.md-warn .md-inner .md-right .md-half-circle { border-right-color: rgb(229,115,115);}md-progress-circular.md-hue-1.md-warn .md-inner .md-left .md-half-circle { border-left-color: rgb(229,115,115);}md-progress-linear.md-hue-1.md-warn .md-container { background-color: rgb(255,205,210);}md-progress-linear.md-hue-1.md-warn .md-bar { background-color: rgb(229,115,115);}md-progress-linear.md-hue-1[md-mode=buffer].md-warn .md-bar1 { background-color: rgb(255,205,210);}md-progress-linear.md-hue-1[md-mode=buffer].md-warn .md-dashed:before { background: radial-gradient(rgb(255,205,210) 0%, rgb(255,205,210) 16%, transparent 42%);}md-radio-group.md-hue-1:not([disabled]) .md-warn .md-on, md-radio-group.md-hue-1:not([disabled]).md-warn .md-on, md-radio-button.md-hue-1:not([disabled]) .md-warn .md-on, md-radio-button.md-hue-1:not([disabled]).md-warn .md-on { background-color: rgba(229,115,115,0.87);}md-radio-group.md-hue-1:not([disabled]) .md-warn .md-checked .md-off, md-radio-group.md-hue-1:not([disabled]) .md-warn.md-checked .md-off, md-radio-group.md-hue-1:not([disabled]).md-warn .md-checked .md-off, md-radio-group.md-hue-1:not([disabled]).md-warn.md-checked .md-off, md-radio-button.md-hue-1:not([disabled]) .md-warn .md-checked .md-off, md-radio-button.md-hue-1:not([disabled]) .md-warn.md-checked .md-off, md-radio-button.md-hue-1:not([disabled]).md-warn .md-checked .md-off, md-radio-button.md-hue-1:not([disabled]).md-warn.md-checked .md-off { border-color: rgba(229,115,115,0.87);}md-radio-group.md-hue-1:not([disabled]) .md-warn .md-checked .md-ink-ripple, md-radio-group.md-hue-1:not([disabled]) .md-warn.md-checked .md-ink-ripple, md-radio-group.md-hue-1:not([disabled]).md-warn .md-checked .md-ink-ripple, md-radio-group.md-hue-1:not([disabled]).md-warn.md-checked .md-ink-ripple, md-radio-button.md-hue-1:not([disabled]) .md-warn .md-checked .md-ink-ripple, md-radio-button.md-hue-1:not([disabled]) .md-warn.md-checked .md-ink-ripple, md-radio-button.md-hue-1:not([disabled]).md-warn .md-checked .md-ink-ripple, md-radio-button.md-hue-1:not([disabled]).md-warn.md-checked .md-ink-ripple { color: rgba(229,115,115,0.87);}md-radio-group.md-hue-1:not([disabled]) .md-warn .md-container .md-ripple, md-radio-group.md-hue-1:not([disabled]).md-warn .md-container .md-ripple, md-radio-button.md-hue-1:not([disabled]) .md-warn .md-container .md-ripple, md-radio-button.md-hue-1:not([disabled]).md-warn .md-container .md-ripple { color: rgb(229,57,53);}md-select.md-hue-1.ng-invalid.ng-dirty .md-select-label { color: rgb(244,67,54) !important; border-bottom-color: rgb(244,67,54) !important;}md-select.md-hue-1:not([disabled]):focus.md-warn .md-select-label { border-bottom-color: rgb(229,115,115);}md-slider.md-hue-1.md-warn .md-track.md-track-fill { background-color: rgb(229,115,115);}md-slider.md-hue-1.md-warn .md-thumb:after { border-color: rgb(229,115,115); background-color: rgb(229,115,115);}md-slider.md-hue-1.md-warn .md-sign { background-color: rgb(229,115,115);}md-slider.md-hue-1.md-warn .md-sign:after { border-top-color: rgb(229,115,115);}md-slider.md-hue-1.md-warn .md-thumb-text { color: rgba(0,0,0,0.87);}.md-subheader.md-hue-1.md-warn { color: rgb(229,115,115);}md-switch.md-hue-1.md-checked.md-warn .md-thumb { background-color: rgb(229,115,115);}md-switch.md-hue-1.md-checked.md-warn .md-bar { background-color: rgba(229,115,115,0.5);}md-switch.md-hue-1.md-checked.md-warn.md-focused .md-thumb:before { background-color: rgba(229,115,115,0.26);}md-tabs.md-hue-1.md-warn md-tabs-wrapper { background-color: rgb(229,115,115);}md-tabs.md-hue-1.md-warn md-tab-item:not([disabled]) { color: rgb(255,205,210);}md-tabs.md-hue-1.md-warn md-tab-item:not([disabled]).md-active, md-tabs.md-hue-1.md-warn md-tab-item:not([disabled]).md-focused { color: rgba(0,0,0,0.87);}md-tabs.md-hue-1.md-warn md-tab-item:not([disabled]).md-focused { background: rgba(0,0,0,0.1);}md-toolbar.md-warn > md-tabs.md-hue-1 md-tabs-wrapper { background-color: rgb(229,115,115);}md-toolbar.md-warn > md-tabs.md-hue-1 md-tab-item:not([disabled]) { color: rgb(255,205,210);}md-toolbar.md-warn > md-tabs.md-hue-1 md-tab-item:not([disabled]).md-active, md-toolbar.md-warn > md-tabs.md-hue-1 md-tab-item:not([disabled]).md-focused { color: rgba(0,0,0,0.87);}md-toolbar.md-warn > md-tabs.md-hue-1 md-tab-item:not([disabled]).md-focused { background: rgba(0,0,0,0.1);}md-toast.md-hue-1 .md-button.md-highlight.md-warn { color: rgb(255,82,82);}md-toolbar.md-hue-1.md-warn { background-color: rgb(229,115,115); color: rgba(0,0,0,0.87);}</style><style type="text/css">a.md-button.md-hue-2.md-warn, .md-button.md-hue-2.md-warn { color: rgb(198,40,40);}a.md-button.md-hue-2.md-warn.md-raised, a.md-button.md-hue-2.md-warn.md-fab, .md-button.md-hue-2.md-warn.md-raised, .md-button.md-hue-2.md-warn.md-fab { color: rgba(255,255,255,0.87); background-color: rgb(198,40,40);}a.md-button.md-hue-2.md-warn.md-raised:not([disabled]) md-icon, a.md-button.md-hue-2.md-warn.md-fab:not([disabled]) md-icon, .md-button.md-hue-2.md-warn.md-raised:not([disabled]) md-icon, .md-button.md-hue-2.md-warn.md-fab:not([disabled]) md-icon { color: rgba(255,255,255,0.87);}a.md-button.md-hue-2.md-warn.md-raised:not([disabled]):hover, a.md-button.md-hue-2.md-warn.md-fab:not([disabled]):hover, .md-button.md-hue-2.md-warn.md-raised:not([disabled]):hover, .md-button.md-hue-2.md-warn.md-fab:not([disabled]):hover { background-color: rgb(198,40,40);}a.md-button.md-hue-2.md-warn.md-raised:not([disabled]).md-focused, a.md-button.md-hue-2.md-warn.md-fab:not([disabled]).md-focused, .md-button.md-hue-2.md-warn.md-raised:not([disabled]).md-focused, .md-button.md-hue-2.md-warn.md-fab:not([disabled]).md-focused { background-color: rgb(211,47,47);}a.md-button.md-hue-2.md-warn:not([disabled]) md-icon, .md-button.md-hue-2.md-warn:not([disabled]) md-icon { color: rgb(198,40,40);}md-checkbox.md-hue-2:not([disabled]).md-warn .md-ripple { color: rgb(229,57,53);}md-checkbox.md-hue-2:not([disabled]).md-warn .md-icon { border-color: rgba(0,0,0,0.54);}md-checkbox.md-hue-2:not([disabled]).md-warn.md-checked .md-icon { background-color: rgba(198,40,40,0.87);}md-checkbox.md-hue-2:not([disabled]).md-warn.md-checked.md-focused:not([disabled]) .md-container:before { background-color: rgba(198,40,40,0.26);}md-checkbox.md-hue-2:not([disabled]).md-warn.md-checked .md-icon:after { border-color: rgb(238,238,238);}md-icon.md-hue-2.md-warn { color: rgb(198,40,40);}md-input-container.md-hue-2 ng-messages, md-input-container.md-hue-2 [ng-message], md-input-container.md-hue-2 [data-ng-message], md-input-container.md-hue-2 [x-ng-message] { color: rgb(244,67,54);}md-input-container.md-hue-2:not(.md-input-invalid).md-input-focused.md-warn .md-input { border-color: rgb(244,67,54);}md-input-container.md-hue-2:not(.md-input-invalid).md-input-focused.md-warn label { color: rgb(244,67,54);}md-input-container.md-hue-2.md-input-invalid .md-input { border-color: rgb(244,67,54);}md-input-container.md-hue-2.md-input-invalid.md-input-focused label { color: rgb(244,67,54);}md-input-container.md-hue-2.md-input-invalid ng-message, md-input-container.md-hue-2.md-input-invalid data-ng-message, md-input-container.md-hue-2.md-input-invalid x-ng-message, md-input-container.md-hue-2.md-input-invalid [ng-message], md-input-container.md-hue-2.md-input-invalid [data-ng-message], md-input-container.md-hue-2.md-input-invalid [x-ng-message], md-input-container.md-hue-2.md-input-invalid .md-char-counter { color: rgb(244,67,54);}md-progress-circular.md-hue-2.md-warn .md-inner .md-gap { border-top-color: rgb(198,40,40); border-bottom-color: rgb(198,40,40);}md-progress-circular.md-hue-2.md-warn .md-inner .md-left .md-half-circle, md-progress-circular.md-hue-2.md-warn .md-inner .md-right .md-half-circle { border-top-color: rgb(198,40,40);}md-progress-circular.md-hue-2.md-warn .md-inner .md-right .md-half-circle { border-right-color: rgb(198,40,40);}md-progress-circular.md-hue-2.md-warn .md-inner .md-left .md-half-circle { border-left-color: rgb(198,40,40);}md-progress-linear.md-hue-2.md-warn .md-container { background-color: rgb(255,205,210);}md-progress-linear.md-hue-2.md-warn .md-bar { background-color: rgb(198,40,40);}md-progress-linear.md-hue-2[md-mode=buffer].md-warn .md-bar1 { background-color: rgb(255,205,210);}md-progress-linear.md-hue-2[md-mode=buffer].md-warn .md-dashed:before { background: radial-gradient(rgb(255,205,210) 0%, rgb(255,205,210) 16%, transparent 42%);}md-radio-group.md-hue-2:not([disabled]) .md-warn .md-on, md-radio-group.md-hue-2:not([disabled]).md-warn .md-on, md-radio-button.md-hue-2:not([disabled]) .md-warn .md-on, md-radio-button.md-hue-2:not([disabled]).md-warn .md-on { background-color: rgba(198,40,40,0.87);}md-radio-group.md-hue-2:not([disabled]) .md-warn .md-checked .md-off, md-radio-group.md-hue-2:not([disabled]) .md-warn.md-checked .md-off, md-radio-group.md-hue-2:not([disabled]).md-warn .md-checked .md-off, md-radio-group.md-hue-2:not([disabled]).md-warn.md-checked .md-off, md-radio-button.md-hue-2:not([disabled]) .md-warn .md-checked .md-off, md-radio-button.md-hue-2:not([disabled]) .md-warn.md-checked .md-off, md-radio-button.md-hue-2:not([disabled]).md-warn .md-checked .md-off, md-radio-button.md-hue-2:not([disabled]).md-warn.md-checked .md-off { border-color: rgba(198,40,40,0.87);}md-radio-group.md-hue-2:not([disabled]) .md-warn .md-checked .md-ink-ripple, md-radio-group.md-hue-2:not([disabled]) .md-warn.md-checked .md-ink-ripple, md-radio-group.md-hue-2:not([disabled]).md-warn .md-checked .md-ink-ripple, md-radio-group.md-hue-2:not([disabled]).md-warn.md-checked .md-ink-ripple, md-radio-button.md-hue-2:not([disabled]) .md-warn .md-checked .md-ink-ripple, md-radio-button.md-hue-2:not([disabled]) .md-warn.md-checked .md-ink-ripple, md-radio-button.md-hue-2:not([disabled]).md-warn .md-checked .md-ink-ripple, md-radio-button.md-hue-2:not([disabled]).md-warn.md-checked .md-ink-ripple { color: rgba(198,40,40,0.87);}md-radio-group.md-hue-2:not([disabled]) .md-warn .md-container .md-ripple, md-radio-group.md-hue-2:not([disabled]).md-warn .md-container .md-ripple, md-radio-button.md-hue-2:not([disabled]) .md-warn .md-container .md-ripple, md-radio-button.md-hue-2:not([disabled]).md-warn .md-container .md-ripple { color: rgb(229,57,53);}md-select.md-hue-2.ng-invalid.ng-dirty .md-select-label { color: rgb(244,67,54) !important; border-bottom-color: rgb(244,67,54) !important;}md-select.md-hue-2:not([disabled]):focus.md-warn .md-select-label { border-bottom-color: rgb(198,40,40);}md-slider.md-hue-2.md-warn .md-track.md-track-fill { background-color: rgb(198,40,40);}md-slider.md-hue-2.md-warn .md-thumb:after { border-color: rgb(198,40,40); background-color: rgb(198,40,40);}md-slider.md-hue-2.md-warn .md-sign { background-color: rgb(198,40,40);}md-slider.md-hue-2.md-warn .md-sign:after { border-top-color: rgb(198,40,40);}md-slider.md-hue-2.md-warn .md-thumb-text { color: rgba(255,255,255,0.87);}.md-subheader.md-hue-2.md-warn { color: rgb(198,40,40);}md-switch.md-hue-2.md-checked.md-warn .md-thumb { background-color: rgb(198,40,40);}md-switch.md-hue-2.md-checked.md-warn .md-bar { background-color: rgba(198,40,40,0.5);}md-switch.md-hue-2.md-checked.md-warn.md-focused .md-thumb:before { background-color: rgba(198,40,40,0.26);}md-tabs.md-hue-2.md-warn md-tabs-wrapper { background-color: rgb(198,40,40);}md-tabs.md-hue-2.md-warn md-tab-item:not([disabled]) { color: rgb(255,205,210);}md-tabs.md-hue-2.md-warn md-tab-item:not([disabled]).md-active, md-tabs.md-hue-2.md-warn md-tab-item:not([disabled]).md-focused { color: rgba(255,255,255,0.87);}md-tabs.md-hue-2.md-warn md-tab-item:not([disabled]).md-focused { background: rgba(255,255,255,0.1);}md-toolbar.md-warn > md-tabs.md-hue-2 md-tabs-wrapper { background-color: rgb(198,40,40);}md-toolbar.md-warn > md-tabs.md-hue-2 md-tab-item:not([disabled]) { color: rgb(255,205,210);}md-toolbar.md-warn > md-tabs.md-hue-2 md-tab-item:not([disabled]).md-active, md-toolbar.md-warn > md-tabs.md-hue-2 md-tab-item:not([disabled]).md-focused { color: rgba(255,255,255,0.87);}md-toolbar.md-warn > md-tabs.md-hue-2 md-tab-item:not([disabled]).md-focused { background: rgba(255,255,255,0.1);}md-toast.md-hue-2 .md-button.md-highlight.md-warn { color: rgb(255,82,82);}md-toolbar.md-hue-2.md-warn { background-color: rgb(198,40,40); color: rgba(255,255,255,0.87);}</style><style type="text/css">a.md-button.md-hue-3.md-warn, .md-button.md-hue-3.md-warn { color: rgb(255,138,128);}a.md-button.md-hue-3.md-warn.md-raised, a.md-button.md-hue-3.md-warn.md-fab, .md-button.md-hue-3.md-warn.md-raised, .md-button.md-hue-3.md-warn.md-fab { color: rgba(0,0,0,0.87); background-color: rgb(255,138,128);}a.md-button.md-hue-3.md-warn.md-raised:not([disabled]) md-icon, a.md-button.md-hue-3.md-warn.md-fab:not([disabled]) md-icon, .md-button.md-hue-3.md-warn.md-raised:not([disabled]) md-icon, .md-button.md-hue-3.md-warn.md-fab:not([disabled]) md-icon { color: rgba(0,0,0,0.87);}a.md-button.md-hue-3.md-warn.md-raised:not([disabled]):hover, a.md-button.md-hue-3.md-warn.md-fab:not([disabled]):hover, .md-button.md-hue-3.md-warn.md-raised:not([disabled]):hover, .md-button.md-hue-3.md-warn.md-fab:not([disabled]):hover { background-color: rgb(255,138,128);}a.md-button.md-hue-3.md-warn.md-raised:not([disabled]).md-focused, a.md-button.md-hue-3.md-warn.md-fab:not([disabled]).md-focused, .md-button.md-hue-3.md-warn.md-raised:not([disabled]).md-focused, .md-button.md-hue-3.md-warn.md-fab:not([disabled]).md-focused { background-color: rgb(211,47,47);}a.md-button.md-hue-3.md-warn:not([disabled]) md-icon, .md-button.md-hue-3.md-warn:not([disabled]) md-icon { color: rgb(255,138,128);}md-checkbox.md-hue-3:not([disabled]).md-warn .md-ripple { color: rgb(229,57,53);}md-checkbox.md-hue-3:not([disabled]).md-warn .md-icon { border-color: rgba(0,0,0,0.54);}md-checkbox.md-hue-3:not([disabled]).md-warn.md-checked .md-icon { background-color: rgba(255,138,128,0.87);}md-checkbox.md-hue-3:not([disabled]).md-warn.md-checked.md-focused:not([disabled]) .md-container:before { background-color: rgba(255,138,128,0.26);}md-checkbox.md-hue-3:not([disabled]).md-warn.md-checked .md-icon:after { border-color: rgb(238,238,238);}md-icon.md-hue-3.md-warn { color: rgb(255,138,128);}md-input-container.md-hue-3 ng-messages, md-input-container.md-hue-3 [ng-message], md-input-container.md-hue-3 [data-ng-message], md-input-container.md-hue-3 [x-ng-message] { color: rgb(244,67,54);}md-input-container.md-hue-3:not(.md-input-invalid).md-input-focused.md-warn .md-input { border-color: rgb(244,67,54);}md-input-container.md-hue-3:not(.md-input-invalid).md-input-focused.md-warn label { color: rgb(244,67,54);}md-input-container.md-hue-3.md-input-invalid .md-input { border-color: rgb(244,67,54);}md-input-container.md-hue-3.md-input-invalid.md-input-focused label { color: rgb(244,67,54);}md-input-container.md-hue-3.md-input-invalid ng-message, md-input-container.md-hue-3.md-input-invalid data-ng-message, md-input-container.md-hue-3.md-input-invalid x-ng-message, md-input-container.md-hue-3.md-input-invalid [ng-message], md-input-container.md-hue-3.md-input-invalid [data-ng-message], md-input-container.md-hue-3.md-input-invalid [x-ng-message], md-input-container.md-hue-3.md-input-invalid .md-char-counter { color: rgb(244,67,54);}md-progress-circular.md-hue-3.md-warn .md-inner .md-gap { border-top-color: rgb(255,138,128); border-bottom-color: rgb(255,138,128);}md-progress-circular.md-hue-3.md-warn .md-inner .md-left .md-half-circle, md-progress-circular.md-hue-3.md-warn .md-inner .md-right .md-half-circle { border-top-color: rgb(255,138,128);}md-progress-circular.md-hue-3.md-warn .md-inner .md-right .md-half-circle { border-right-color: rgb(255,138,128);}md-progress-circular.md-hue-3.md-warn .md-inner .md-left .md-half-circle { border-left-color: rgb(255,138,128);}md-progress-linear.md-hue-3.md-warn .md-container { background-color: rgb(255,205,210);}md-progress-linear.md-hue-3.md-warn .md-bar { background-color: rgb(255,138,128);}md-progress-linear.md-hue-3[md-mode=buffer].md-warn .md-bar1 { background-color: rgb(255,205,210);}md-progress-linear.md-hue-3[md-mode=buffer].md-warn .md-dashed:before { background: radial-gradient(rgb(255,205,210) 0%, rgb(255,205,210) 16%, transparent 42%);}md-radio-group.md-hue-3:not([disabled]) .md-warn .md-on, md-radio-group.md-hue-3:not([disabled]).md-warn .md-on, md-radio-button.md-hue-3:not([disabled]) .md-warn .md-on, md-radio-button.md-hue-3:not([disabled]).md-warn .md-on { background-color: rgba(255,138,128,0.87);}md-radio-group.md-hue-3:not([disabled]) .md-warn .md-checked .md-off, md-radio-group.md-hue-3:not([disabled]) .md-warn.md-checked .md-off, md-radio-group.md-hue-3:not([disabled]).md-warn .md-checked .md-off, md-radio-group.md-hue-3:not([disabled]).md-warn.md-checked .md-off, md-radio-button.md-hue-3:not([disabled]) .md-warn .md-checked .md-off, md-radio-button.md-hue-3:not([disabled]) .md-warn.md-checked .md-off, md-radio-button.md-hue-3:not([disabled]).md-warn .md-checked .md-off, md-radio-button.md-hue-3:not([disabled]).md-warn.md-checked .md-off { border-color: rgba(255,138,128,0.87);}md-radio-group.md-hue-3:not([disabled]) .md-warn .md-checked .md-ink-ripple, md-radio-group.md-hue-3:not([disabled]) .md-warn.md-checked .md-ink-ripple, md-radio-group.md-hue-3:not([disabled]).md-warn .md-checked .md-ink-ripple, md-radio-group.md-hue-3:not([disabled]).md-warn.md-checked .md-ink-ripple, md-radio-button.md-hue-3:not([disabled]) .md-warn .md-checked .md-ink-ripple, md-radio-button.md-hue-3:not([disabled]) .md-warn.md-checked .md-ink-ripple, md-radio-button.md-hue-3:not([disabled]).md-warn .md-checked .md-ink-ripple, md-radio-button.md-hue-3:not([disabled]).md-warn.md-checked .md-ink-ripple { color: rgba(255,138,128,0.87);}md-radio-group.md-hue-3:not([disabled]) .md-warn .md-container .md-ripple, md-radio-group.md-hue-3:not([disabled]).md-warn .md-container .md-ripple, md-radio-button.md-hue-3:not([disabled]) .md-warn .md-container .md-ripple, md-radio-button.md-hue-3:not([disabled]).md-warn .md-container .md-ripple { color: rgb(229,57,53);}md-select.md-hue-3.ng-invalid.ng-dirty .md-select-label { color: rgb(244,67,54) !important; border-bottom-color: rgb(244,67,54) !important;}md-select.md-hue-3:not([disabled]):focus.md-warn .md-select-label { border-bottom-color: rgb(255,138,128);}md-slider.md-hue-3.md-warn .md-track.md-track-fill { background-color: rgb(255,138,128);}md-slider.md-hue-3.md-warn .md-thumb:after { border-color: rgb(255,138,128); background-color: rgb(255,138,128);}md-slider.md-hue-3.md-warn .md-sign { background-color: rgb(255,138,128);}md-slider.md-hue-3.md-warn .md-sign:after { border-top-color: rgb(255,138,128);}md-slider.md-hue-3.md-warn .md-thumb-text { color: rgba(0,0,0,0.87);}.md-subheader.md-hue-3.md-warn { color: rgb(255,138,128);}md-switch.md-hue-3.md-checked.md-warn .md-thumb { background-color: rgb(255,138,128);}md-switch.md-hue-3.md-checked.md-warn .md-bar { background-color: rgba(255,138,128,0.5);}md-switch.md-hue-3.md-checked.md-warn.md-focused .md-thumb:before { background-color: rgba(255,138,128,0.26);}md-tabs.md-hue-3.md-warn md-tabs-wrapper { background-color: rgb(255,138,128);}md-tabs.md-hue-3.md-warn md-tab-item:not([disabled]) { color: rgb(255,205,210);}md-tabs.md-hue-3.md-warn md-tab-item:not([disabled]).md-active, md-tabs.md-hue-3.md-warn md-tab-item:not([disabled]).md-focused { color: rgba(0,0,0,0.87);}md-tabs.md-hue-3.md-warn md-tab-item:not([disabled]).md-focused { background: rgba(0,0,0,0.1);}md-toolbar.md-warn > md-tabs.md-hue-3 md-tabs-wrapper { background-color: rgb(255,138,128);}md-toolbar.md-warn > md-tabs.md-hue-3 md-tab-item:not([disabled]) { color: rgb(255,205,210);}md-toolbar.md-warn > md-tabs.md-hue-3 md-tab-item:not([disabled]).md-active, md-toolbar.md-warn > md-tabs.md-hue-3 md-tab-item:not([disabled]).md-focused { color: rgba(0,0,0,0.87);}md-toolbar.md-warn > md-tabs.md-hue-3 md-tab-item:not([disabled]).md-focused { background: rgba(0,0,0,0.1);}md-toast.md-hue-3 .md-button.md-highlight.md-warn { color: rgb(255,82,82);}md-toolbar.md-hue-3.md-warn { background-color: rgb(255,138,128); color: rgba(0,0,0,0.87);}</style><style type="text/css">/* mixin definition ; sets LTR and RTL within the same style call */md-autocomplete { background: rgb(250,250,250);}md-autocomplete[disabled] { background: rgb(245,245,245);}md-autocomplete button md-icon path { fill: rgb(117,117,117);}md-autocomplete button:after { background: rgba(117,117,117,0.3);}.md-autocomplete-suggestions { background: rgb(250,250,250);}.md-autocomplete-suggestions li { color: rgb(33,33,33);}.md-autocomplete-suggestions li .highlight { color: rgb(117,117,117);}.md-autocomplete-suggestions li:hover, .md-autocomplete-suggestions li.selected { background: rgb(238,238,238);}md-backdrop.md-opaque { background-color: rgba(0,0,0,0.12);}a.md-button:not([disabled]):hover, .md-button:not([disabled]):hover { background-color: rgba(158,158,158,0.2);}a.md-button:not([disabled]).md-focused, .md-button:not([disabled]).md-focused { background-color: rgba(158,158,158,0.2);}a.md-button:not([disabled]).md-icon-button:hover, .md-button:not([disabled]).md-icon-button:hover { background-color: transparent;}a.md-button.md-raised, .md-button.md-raised { color: rgba(0,0,0,0.87); background-color: rgb(250,250,250);}a.md-button.md-raised:not([disabled]) .md-icon, .md-button.md-raised:not([disabled]) .md-icon { color: rgba(0,0,0,0.87);}a.md-button.md-raised:not([disabled]):hover, .md-button.md-raised:not([disabled]):hover { background-color: rgb(250,250,250);}a.md-button.md-raised:not([disabled]).md-focused, .md-button.md-raised:not([disabled]).md-focused { background-color: rgb(238,238,238);}a.md-button.md-raised[disabled], a.md-button.md-fab[disabled], .md-button.md-raised[disabled], .md-button.md-fab[disabled] { background-color: rgba(0,0,0,0.12);}a.md-button[disabled], .md-button[disabled] { background-color: transparent;}md-bottom-sheet { background-color: rgb(250,250,250); border-top-color: rgb(224,224,224);}md-bottom-sheet .md-subheader { background-color: rgb(250,250,250);}md-card { background-color: rgb(255,255,255); border-radius: 2px;}md-checkbox.md-checked .md-ripple { color: rgb(117,117,117);}md-checkbox.md-checked .md-icon:after { border-color: rgb(238,238,238);}md-checkbox[disabled].md-checked .md-icon { background-color: rgba(0,0,0,0.26);}md-content { background-color: rgb(255,255,255);}md-chips .md-chips { box-shadow: 0 1px rgb(224,224,224);}md-chips .md-chip { background: rgb(224,224,224); color: rgb(66,66,66);}md-chips md-chip-remove .md-button md-icon path { fill: rgb(158,158,158);}.md-contact-suggestion span.md-contact-email { color: rgb(189,189,189);}md-dialog { border-radius: 4px; background-color: rgb(255,255,255);}md-list .md-proxy-focus.md-focused div.md-no-style { background-color: rgb(245,245,245);}md-list md-list-item button { background-color: rgb(255,255,255);}md-list md-list-item button.md-button:not([disabled]):hover { background-color: rgb(255,255,255);}md-input-container .md-input[disabled], [disabled] md-input-container .md-input { border-bottom-color: transparent; color: rgba(0,0,0,0.26); background-image: linear-gradient(to right, rgba(0,0,0,0.26) 0%, rgba(0,0,0,0.26) 33%, transparent 0%); background-image: -ms-linear-gradient(left, transparent 0%, rgba(0,0,0,0.26) 100%);}md-menu-content { background-color: rgb(255,255,255);}md-menu-content md-menu-divider { background-color: rgba(0,0,0,0.12);}md-progress-circular { background-color: transparent;}md-select-menu md-option:focus:not([selected]) { background: rgb(238,238,238);}md-slider .md-track { background-color: rgba(0,0,0,0.26);}md-slider .md-track-ticks { background-color: rgba(0,0,0,0.12);}md-slider .md-focus-thumb { background-color: rgba(0,0,0,0.54);}md-slider .md-disabled-thumb { border-color: rgb(255,255,255);}md-slider.md-min .md-thumb:after { background-color: rgb(255,255,255);}md-slider[disabled]:not(.md-min) .md-thumb:after { background-color: rgba(0,0,0,0.26);}md-sidenav { background-color: rgb(255,255,255);}.md-subheader { color: rgba(0,0,0,0.54); background-color: rgb(255,255,255);}md-switch .md-thumb { background-color: rgb(250,250,250);}md-switch .md-bar { background-color: rgb(158,158,158);}md-switch[disabled] .md-thumb { background-color: rgb(189,189,189);}md-switch[disabled] .md-bar { background-color: rgba(0,0,0,0.12);}md-tabs md-tabs-wrapper { background-color: transparent; border-color: rgba(0,0,0,0.12);}md-toast { background-color: #323232; color: rgb(250,250,250);}md-toast .md-button { color: rgb(250,250,250);}md-tooltip { color: rgb(255,255,255);}md-tooltip .md-background { background-color: rgba(0,0,0,0.54);}</style><style type="text/css">/* mixin definition ; sets LTR and RTL within the same style call */md-autocomplete.md-hue-1 { background: rgb(250,250,250);}md-autocomplete.md-hue-1[disabled] { background: rgb(245,245,245);}md-autocomplete.md-hue-1 button md-icon path { fill: rgb(117,117,117);}md-autocomplete.md-hue-1 button:after { background: rgba(117,117,117,0.3);}.md-autocomplete-suggestions.md-hue-1 { background: rgb(250,250,250);}.md-autocomplete-suggestions.md-hue-1 li { color: rgb(33,33,33);}.md-autocomplete-suggestions.md-hue-1 li .highlight { color: rgb(117,117,117);}.md-autocomplete-suggestions.md-hue-1 li:hover, .md-autocomplete-suggestions.md-hue-1 li.selected { background: rgb(238,238,238);}md-backdrop.md-opaque.md-hue-1 { background-color: rgba(0,0,0,0.12);}a.md-button.md-hue-1:not([disabled]):hover, .md-button.md-hue-1:not([disabled]):hover { background-color: rgba(158,158,158,0.2);}a.md-button.md-hue-1:not([disabled]).md-focused, .md-button.md-hue-1:not([disabled]).md-focused { background-color: rgba(158,158,158,0.2);}a.md-button.md-hue-1:not([disabled]).md-icon-button:hover, .md-button.md-hue-1:not([disabled]).md-icon-button:hover { background-color: transparent;}a.md-button.md-hue-1.md-raised, .md-button.md-hue-1.md-raised { color: rgba(0,0,0,0.87); background-color: rgb(250,250,250);}a.md-button.md-hue-1.md-raised:not([disabled]) .md-icon, .md-button.md-hue-1.md-raised:not([disabled]) .md-icon { color: rgba(0,0,0,0.87);}a.md-button.md-hue-1.md-raised:not([disabled]):hover, .md-button.md-hue-1.md-raised:not([disabled]):hover { background-color: rgb(250,250,250);}a.md-button.md-hue-1.md-raised:not([disabled]).md-focused, .md-button.md-hue-1.md-raised:not([disabled]).md-focused { background-color: rgb(238,238,238);}a.md-button.md-hue-1.md-raised[disabled], a.md-button.md-hue-1.md-fab[disabled], .md-button.md-hue-1.md-raised[disabled], .md-button.md-hue-1.md-fab[disabled] { background-color: rgba(0,0,0,0.12);}a.md-button.md-hue-1[disabled], .md-button.md-hue-1[disabled] { background-color: transparent;}md-bottom-sheet.md-hue-1 { background-color: rgb(250,250,250); border-top-color: rgb(224,224,224);}md-bottom-sheet.md-hue-1 .md-subheader { background-color: rgb(250,250,250);}md-card.md-hue-1 { background-color: rgb(224,224,224); border-radius: 2px;}md-checkbox.md-hue-1.md-checked .md-ripple { color: rgb(117,117,117);}md-checkbox.md-hue-1.md-checked .md-icon:after { border-color: rgb(238,238,238);}md-checkbox.md-hue-1[disabled].md-checked .md-icon { background-color: rgba(0,0,0,0.26);}md-content.md-hue-1 { background-color: rgb(224,224,224);}md-chips.md-hue-1 .md-chips { box-shadow: 0 1px rgb(224,224,224);}md-chips.md-hue-1 .md-chip { background: rgb(224,224,224); color: rgb(66,66,66);}md-chips.md-hue-1 md-chip-remove .md-button md-icon path { fill: rgb(158,158,158);}.md-contact-suggestion span.md-contact-email { color: rgb(189,189,189);}md-dialog.md-hue-1 { border-radius: 4px; background-color: rgb(224,224,224);}md-list.md-hue-1 .md-proxy-focus.md-focused div.md-no-style { background-color: rgb(245,245,245);}md-list.md-hue-1 md-list-item button { background-color: rgb(224,224,224);}md-list.md-hue-1 md-list-item button.md-button:not([disabled]):hover { background-color: rgb(224,224,224);}md-input-container.md-hue-1 .md-input[disabled], [disabled] md-input-container.md-hue-1 .md-input { border-bottom-color: transparent; color: rgba(0,0,0,0.26); background-image: linear-gradient(to right, rgba(0,0,0,0.26) 0%, rgba(0,0,0,0.26) 33%, transparent 0%); background-image: -ms-linear-gradient(left, transparent 0%, rgba(0,0,0,0.26) 100%);}md-menu-content.md-hue-1 { background-color: rgb(224,224,224);}md-menu-content.md-hue-1 md-menu-divider { background-color: rgba(0,0,0,0.12);}md-progress-circular.md-hue-1 { background-color: transparent;}md-select-menu.md-hue-1 md-option:focus:not([selected]) { background: rgb(238,238,238);}md-slider.md-hue-1 .md-track { background-color: rgba(0,0,0,0.26);}md-slider.md-hue-1 .md-track-ticks { background-color: rgba(0,0,0,0.12);}md-slider.md-hue-1 .md-focus-thumb { background-color: rgba(0,0,0,0.54);}md-slider.md-hue-1 .md-disabled-thumb { border-color: rgb(224,224,224);}md-slider.md-hue-1.md-min .md-thumb:after { background-color: rgb(224,224,224);}md-slider.md-hue-1[disabled]:not(.md-min) .md-thumb:after { background-color: rgba(0,0,0,0.26);}md-sidenav.md-hue-1 { background-color: rgb(224,224,224);}.md-subheader.md-hue-1 { color: rgba(0,0,0,0.54); background-color: rgb(224,224,224);}md-switch.md-hue-1 .md-thumb { background-color: rgb(250,250,250);}md-switch.md-hue-1 .md-bar { background-color: rgb(158,158,158);}md-switch.md-hue-1[disabled] .md-thumb { background-color: rgb(189,189,189);}md-switch.md-hue-1[disabled] .md-bar { background-color: rgba(0,0,0,0.12);}md-tabs.md-hue-1 md-tabs-wrapper { background-color: transparent; border-color: rgba(0,0,0,0.12);}md-toast.md-hue-1 { background-color: #323232; color: rgb(250,250,250);}md-toast.md-hue-1 .md-button { color: rgb(250,250,250);}md-tooltip.md-hue-1 { color: rgb(255,255,255);}md-tooltip.md-hue-1 .md-background { background-color: rgba(0,0,0,0.54);}</style><style type="text/css">/* mixin definition ; sets LTR and RTL within the same style call */md-autocomplete.md-hue-2 { background: rgb(250,250,250);}md-autocomplete.md-hue-2[disabled] { background: rgb(245,245,245);}md-autocomplete.md-hue-2 button md-icon path { fill: rgb(117,117,117);}md-autocomplete.md-hue-2 button:after { background: rgba(117,117,117,0.3);}.md-autocomplete-suggestions.md-hue-2 { background: rgb(250,250,250);}.md-autocomplete-suggestions.md-hue-2 li { color: rgb(33,33,33);}.md-autocomplete-suggestions.md-hue-2 li .highlight { color: rgb(117,117,117);}.md-autocomplete-suggestions.md-hue-2 li:hover, .md-autocomplete-suggestions.md-hue-2 li.selected { background: rgb(238,238,238);}md-backdrop.md-opaque.md-hue-2 { background-color: rgba(0,0,0,0.12);}a.md-button.md-hue-2:not([disabled]):hover, .md-button.md-hue-2:not([disabled]):hover { background-color: rgba(158,158,158,0.2);}a.md-button.md-hue-2:not([disabled]).md-focused, .md-button.md-hue-2:not([disabled]).md-focused { background-color: rgba(158,158,158,0.2);}a.md-button.md-hue-2:not([disabled]).md-icon-button:hover, .md-button.md-hue-2:not([disabled]).md-icon-button:hover { background-color: transparent;}a.md-button.md-hue-2.md-raised, .md-button.md-hue-2.md-raised { color: rgba(255,255,255,0.87); background-color: rgb(250,250,250);}a.md-button.md-hue-2.md-raised:not([disabled]) .md-icon, .md-button.md-hue-2.md-raised:not([disabled]) .md-icon { color: rgba(255,255,255,0.87);}a.md-button.md-hue-2.md-raised:not([disabled]):hover, .md-button.md-hue-2.md-raised:not([disabled]):hover { background-color: rgb(250,250,250);}a.md-button.md-hue-2.md-raised:not([disabled]).md-focused, .md-button.md-hue-2.md-raised:not([disabled]).md-focused { background-color: rgb(238,238,238);}a.md-button.md-hue-2.md-raised[disabled], a.md-button.md-hue-2.md-fab[disabled], .md-button.md-hue-2.md-raised[disabled], .md-button.md-hue-2.md-fab[disabled] { background-color: rgba(0,0,0,0.12);}a.md-button.md-hue-2[disabled], .md-button.md-hue-2[disabled] { background-color: transparent;}md-bottom-sheet.md-hue-2 { background-color: rgb(250,250,250); border-top-color: rgb(224,224,224);}md-bottom-sheet.md-hue-2 .md-subheader { background-color: rgb(250,250,250);}md-card.md-hue-2 { background-color: rgb(66,66,66); border-radius: 2px;}md-checkbox.md-hue-2.md-checked .md-ripple { color: rgb(117,117,117);}md-checkbox.md-hue-2.md-checked .md-icon:after { border-color: rgb(238,238,238);}md-checkbox.md-hue-2[disabled].md-checked .md-icon { background-color: rgba(0,0,0,0.26);}md-content.md-hue-2 { background-color: rgb(66,66,66);}md-chips.md-hue-2 .md-chips { box-shadow: 0 1px rgb(224,224,224);}md-chips.md-hue-2 .md-chip { background: rgb(224,224,224); color: rgb(66,66,66);}md-chips.md-hue-2 md-chip-remove .md-button md-icon path { fill: rgb(158,158,158);}.md-contact-suggestion span.md-contact-email { color: rgb(189,189,189);}md-dialog.md-hue-2 { border-radius: 4px; background-color: rgb(66,66,66);}md-list.md-hue-2 .md-proxy-focus.md-focused div.md-no-style { background-color: rgb(245,245,245);}md-list.md-hue-2 md-list-item button { background-color: rgb(66,66,66);}md-list.md-hue-2 md-list-item button.md-button:not([disabled]):hover { background-color: rgb(66,66,66);}md-input-container.md-hue-2 .md-input[disabled], [disabled] md-input-container.md-hue-2 .md-input { border-bottom-color: transparent; color: rgba(0,0,0,0.26); background-image: linear-gradient(to right, rgba(0,0,0,0.26) 0%, rgba(0,0,0,0.26) 33%, transparent 0%); background-image: -ms-linear-gradient(left, transparent 0%, rgba(0,0,0,0.26) 100%);}md-menu-content.md-hue-2 { background-color: rgb(66,66,66);}md-menu-content.md-hue-2 md-menu-divider { background-color: rgba(0,0,0,0.12);}md-progress-circular.md-hue-2 { background-color: transparent;}md-select-menu.md-hue-2 md-option:focus:not([selected]) { background: rgb(238,238,238);}md-slider.md-hue-2 .md-track { background-color: rgba(0,0,0,0.26);}md-slider.md-hue-2 .md-track-ticks { background-color: rgba(0,0,0,0.12);}md-slider.md-hue-2 .md-focus-thumb { background-color: rgba(0,0,0,0.54);}md-slider.md-hue-2 .md-disabled-thumb { border-color: rgb(66,66,66);}md-slider.md-hue-2.md-min .md-thumb:after { background-color: rgb(66,66,66);}md-slider.md-hue-2[disabled]:not(.md-min) .md-thumb:after { background-color: rgba(0,0,0,0.26);}md-sidenav.md-hue-2 { background-color: rgb(66,66,66);}.md-subheader.md-hue-2 { color: rgba(0,0,0,0.54); background-color: rgb(66,66,66);}md-switch.md-hue-2 .md-thumb { background-color: rgb(250,250,250);}md-switch.md-hue-2 .md-bar { background-color: rgb(158,158,158);}md-switch.md-hue-2[disabled] .md-thumb { background-color: rgb(189,189,189);}md-switch.md-hue-2[disabled] .md-bar { background-color: rgba(0,0,0,0.12);}md-tabs.md-hue-2 md-tabs-wrapper { background-color: transparent; border-color: rgba(0,0,0,0.12);}md-toast.md-hue-2 { background-color: #323232; color: rgb(250,250,250);}md-toast.md-hue-2 .md-button { color: rgb(250,250,250);}md-tooltip.md-hue-2 { color: rgb(255,255,255);}md-tooltip.md-hue-2 .md-background { background-color: rgba(0,0,0,0.54);}</style><style type="text/css">/* mixin definition ; sets LTR and RTL within the same style call */md-autocomplete.md-hue-3 { background: rgb(250,250,250);}md-autocomplete.md-hue-3[disabled] { background: rgb(245,245,245);}md-autocomplete.md-hue-3 button md-icon path { fill: rgb(117,117,117);}md-autocomplete.md-hue-3 button:after { background: rgba(117,117,117,0.3);}.md-autocomplete-suggestions.md-hue-3 { background: rgb(250,250,250);}.md-autocomplete-suggestions.md-hue-3 li { color: rgb(33,33,33);}.md-autocomplete-suggestions.md-hue-3 li .highlight { color: rgb(117,117,117);}.md-autocomplete-suggestions.md-hue-3 li:hover, .md-autocomplete-suggestions.md-hue-3 li.selected { background: rgb(238,238,238);}md-backdrop.md-opaque.md-hue-3 { background-color: rgba(0,0,0,0.12);}a.md-button.md-hue-3:not([disabled]):hover, .md-button.md-hue-3:not([disabled]):hover { background-color: rgba(158,158,158,0.2);}a.md-button.md-hue-3:not([disabled]).md-focused, .md-button.md-hue-3:not([disabled]).md-focused { background-color: rgba(158,158,158,0.2);}a.md-button.md-hue-3:not([disabled]).md-icon-button:hover, .md-button.md-hue-3:not([disabled]).md-icon-button:hover { background-color: transparent;}a.md-button.md-hue-3.md-raised, .md-button.md-hue-3.md-raised { color: rgba(255,255,255,0.87); background-color: rgb(250,250,250);}a.md-button.md-hue-3.md-raised:not([disabled]) .md-icon, .md-button.md-hue-3.md-raised:not([disabled]) .md-icon { color: rgba(255,255,255,0.87);}a.md-button.md-hue-3.md-raised:not([disabled]):hover, .md-button.md-hue-3.md-raised:not([disabled]):hover { background-color: rgb(250,250,250);}a.md-button.md-hue-3.md-raised:not([disabled]).md-focused, .md-button.md-hue-3.md-raised:not([disabled]).md-focused { background-color: rgb(238,238,238);}a.md-button.md-hue-3.md-raised[disabled], a.md-button.md-hue-3.md-fab[disabled], .md-button.md-hue-3.md-raised[disabled], .md-button.md-hue-3.md-fab[disabled] { background-color: rgba(0,0,0,0.12);}a.md-button.md-hue-3[disabled], .md-button.md-hue-3[disabled] { background-color: transparent;}md-bottom-sheet.md-hue-3 { background-color: rgb(250,250,250); border-top-color: rgb(224,224,224);}md-bottom-sheet.md-hue-3 .md-subheader { background-color: rgb(250,250,250);}md-card.md-hue-3 { background-color: rgb(33,33,33); border-radius: 2px;}md-checkbox.md-hue-3.md-checked .md-ripple { color: rgb(117,117,117);}md-checkbox.md-hue-3.md-checked .md-icon:after { border-color: rgb(238,238,238);}md-checkbox.md-hue-3[disabled].md-checked .md-icon { background-color: rgba(0,0,0,0.26);}md-content.md-hue-3 { background-color: rgb(33,33,33);}md-chips.md-hue-3 .md-chips { box-shadow: 0 1px rgb(224,224,224);}md-chips.md-hue-3 .md-chip { background: rgb(224,224,224); color: rgb(66,66,66);}md-chips.md-hue-3 md-chip-remove .md-button md-icon path { fill: rgb(158,158,158);}.md-contact-suggestion span.md-contact-email { color: rgb(189,189,189);}md-dialog.md-hue-3 { border-radius: 4px; background-color: rgb(33,33,33);}md-list.md-hue-3 .md-proxy-focus.md-focused div.md-no-style { background-color: rgb(245,245,245);}md-list.md-hue-3 md-list-item button { background-color: rgb(33,33,33);}md-list.md-hue-3 md-list-item button.md-button:not([disabled]):hover { background-color: rgb(33,33,33);}md-input-container.md-hue-3 .md-input[disabled], [disabled] md-input-container.md-hue-3 .md-input { border-bottom-color: transparent; color: rgba(0,0,0,0.26); background-image: linear-gradient(to right, rgba(0,0,0,0.26) 0%, rgba(0,0,0,0.26) 33%, transparent 0%); background-image: -ms-linear-gradient(left, transparent 0%, rgba(0,0,0,0.26) 100%);}md-menu-content.md-hue-3 { background-color: rgb(33,33,33);}md-menu-content.md-hue-3 md-menu-divider { background-color: rgba(0,0,0,0.12);}md-progress-circular.md-hue-3 { background-color: transparent;}md-select-menu.md-hue-3 md-option:focus:not([selected]) { background: rgb(238,238,238);}md-slider.md-hue-3 .md-track { background-color: rgba(0,0,0,0.26);}md-slider.md-hue-3 .md-track-ticks { background-color: rgba(0,0,0,0.12);}md-slider.md-hue-3 .md-focus-thumb { background-color: rgba(0,0,0,0.54);}md-slider.md-hue-3 .md-disabled-thumb { border-color: rgb(33,33,33);}md-slider.md-hue-3.md-min .md-thumb:after { background-color: rgb(33,33,33);}md-slider.md-hue-3[disabled]:not(.md-min) .md-thumb:after { background-color: rgba(0,0,0,0.26);}md-sidenav.md-hue-3 { background-color: rgb(33,33,33);}.md-subheader.md-hue-3 { color: rgba(0,0,0,0.54); background-color: rgb(33,33,33);}md-switch.md-hue-3 .md-thumb { background-color: rgb(250,250,250);}md-switch.md-hue-3 .md-bar { background-color: rgb(158,158,158);}md-switch.md-hue-3[disabled] .md-thumb { background-color: rgb(189,189,189);}md-switch.md-hue-3[disabled] .md-bar { background-color: rgba(0,0,0,0.12);}md-tabs.md-hue-3 md-tabs-wrapper { background-color: transparent; border-color: rgba(0,0,0,0.12);}md-toast.md-hue-3 { background-color: #323232; color: rgb(250,250,250);}md-toast.md-hue-3 .md-button { color: rgb(250,250,250);}md-tooltip.md-hue-3 { color: rgb(255,255,255);}md-tooltip.md-hue-3 .md-background { background-color: rgba(0,0,0,0.54);}</style><style type="text/css">@charset "UTF-8";[ng\:cloak],[ng-cloak],[data-ng-cloak],[x-ng-cloak],.ng-cloak,.x-ng-cloak,.ng-hide:not(.ng-hide-animate){display:none !important;}ng\:form{display:block;}</style>
3
4
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
5
<link rel="icon" type="image/gif" href="https://accounts.paytm.com/pages/themesv2/images/favicon.ico">
6
<title>Paytm</title>
7
8
<link href="index_files/angular-material.css" rel="stylesheet" type="text/css">
9
<link href="index_files/mp-web.css" rel="stylesheet" type="text/css">
10
11
<meta name="viewport" content="width=device-width, initial-scale=1">
12
13
14
</head>
15
16
<!--[if lt IE 9]><script src="java/es5-shim.min.js"></script><![endif]-->
17
18
<body>
19
20
<!--[if lt IE 10]>
21
<style>
22
md-input-container{
23
display: table;
24
width: 100%;
25
}
26
md-input-container input {
27
width: inherit;
28
}
29
.number-prefix-new {
30
position: absolute;
31
font-size: 14px;
32
left: 10px;
33
top: 26px;
34
}
35
</style>
36
<![endif]-->
37
38
<!-- Google Tag Manager -->
39
<noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-PTT2P2"
40
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
41
<script type="text/javascript" async="" src="index_files/analytics.js"></script><script type="text/javascript" async="" src="index_files/conversion_async.js"></script><script async="" src="index_files/gtm.js"></script><script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
42
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
43
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
44
'//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
45
})(window,document,'script','dataLayer','GTM-PTT2P2');</script>
46
<!-- End Google Tag Manager -->
47
<!-- ngView: --><div id="main-container" ng-view="" ng-init="subTheme = 'mp-web'; authState = '548b33e5-f183-5461-a550-54fdd30c421c';
48
qrLogin = 'true'; qrNodeServerUrl = 'https://accounts-service.paytm.com'; minKycState = 'null'; isKycDocMandate = 'null' ; pubKey = 'null'; min_kyc_redirect_uri = 'null'" ng-class="{'mp-web-main-container clearfix main-container-box': subTheme == 'mp-web' || subTheme == 'pos' || subTheme == 'travel' || subTheme == 'mp-mall' || subTheme == 'panel' || subTheme == 'paytm-cloud' || subTheme == 'fastag','ump2-wrapper':subTheme == 'ump2' || subTheme == 'sup'}" class="ng-scope mp-web-main-container clearfix main-container-box">
49
<!--TODO: fix this-->
50
<div ng-init="sessionData = {
51
email : '',
52
clientid : 'paytm-web-secure',
53
scope : 'paytm',
54
response_type : 'code',
55
redirect_uri : 'https://paytm.com/v1/api/authresponse',
56
state :'null',
57
isVerificationExcluded :false,
58
theme : 'mp-web',
59
errorMsg : '',
60
registerRedirectParams : 'client_id=paytm-web-secure&amp;scope=paytm&amp;response_type=code&amp;redirect_uri=https://paytm.com/v1/api/authresponse&amp;theme=mp-web&amp;state=null&amp;is_verification_excluded=false&amp;isSignup=true',
61
actionUri : '/oauth2/authorize',
62
authState : '548b33e5-f183-5461-a550-54fdd30c421c',
63
socialType : 'null',
64
isInvalidUserNamePassword :null,
65
errorMessage : 'null',
66
otpLoginState : '',
67
loginMessage : 'One Time Password(OTP) has been sent to your mobile, please enter it here to verify your mobile.',
68
minKycMandate : 'null',
69
agreementText: '',
70
agreementImgLeft: '',
71
agreementImgMid: '',
72
agreementImgRight: '',
73
defaultWebLoginPage: 'QR',
74
preFillPhoneNumber: '',
75
signupVerify: '',
76
login_via: '',
77
maskedPhoneNumber : ''
78
}" class="ng-scope">
79
80
<!-- ========== different theme according dynamically html =============-->
81
<!-- ngIf: subTheme == 'paytm-cloud' || subTheme == 'fastag' || subTheme == 'ad-manager' -->
82
83
<!-- ========== similar html for all theme =============-->
84
<!-- ngIf: subTheme != 'paytm-cloud' && subTheme != 'fastag' && subTheme != 'ad-manager' --><div ng-if="subTheme != 'paytm-cloud' &amp;&amp; subTheme != 'fastag' &amp;&amp; subTheme != 'ad-manager'" class="login-wrapper ng-scope">
85
86
<div ng-init="isSignup = true">
87
<header-strip ng-hide="showNewHeader" sub-theme="mp-web" header="header" top-righttext="Sign Up" top-rightfn="callSignUp" class="ng-isolate-scope" aria-hidden="false"><div class="header-text-wrapper">
88
<!-- ngIf: subTheme == 'dashboard' && (showBackLogin || showBack) -->
89
<span class="header-text ng-binding ng-hide" ng-show="header.text &amp;&amp; subTheme == 'ump'" ng-bind-html="header.text" aria-hidden="true"></span>
90
<span class="header-text ng-binding ng-hide" ng-show="header.text &amp;&amp; subTheme != 'ump'" ng-bind="header.text" aria-hidden="true"></span>
91
<!-- ngIf: header.imagePath -->
92
<!-- ngIf: subTheme == 'mp-html5' || subTheme == 'mall-html5' -->
93
</div></header-strip>
94
</div>
95
96
<!-- new header for mp-html5 theme (help me login screen) -->
97
<div class="header-text-wrapper ng-hide" ng-show="troubleLoggginContainer &amp;&amp; showNewHeader &amp;&amp; (subTheme == 'mp-html5' || subTheme == 'mall-html5')" aria-hidden="true">
98
<span class="header-text">Help me Login</span>
99
<span class="signup">
100
<a href="" ng-click="helpMeLogin()" tabindex="0">Login</a>
101
</span>
102
</div>
103
<!-- ngIf: subTheme == 'agreement' -->
104
<!-- ngIf: subTheme == 'agreement' -->
105
106
<!-- ngIf: showWalletContainer && (subTheme == 'mp-web' || subTheme == 'mp-mall' || subTheme == 'panel' || subTheme == 'sellerpanel') --><div id="wallet-container-new" ng-if="showWalletContainer &amp;&amp; (subTheme == 'mp-web' || subTheme == 'mp-mall' || subTheme == 'panel' || subTheme == 'sellerpanel')" class="ng-scope">
107
<left-static-section><!-- <ul class="left" ng-if="::subTheme != 'sellerpanel'">
108
<img ng-src="/pages/themesv2/images/mp-web/wallet-new.svg" class="mb-20">
109
<h5>Pay with Paytm wallet</h5>
110
<li>Pay your bills using Paytm Wallet</li>
111
<li>In case of refund, money will be credited to your wallet instantaneously</li>
112
<li>Use Paytm Wallet on other websites</li>
113
</ul> -->
114
115
<!-- ngIf: showSection === '/login' || showSection === '/signup' || showSection === '/signupVerify' || showSection === '/displayMessage' || showSection === '/forgetPassword' || showSection.includes('/merge') || showSection === '/redirect-page' || showSection === '/addMobileOtp' || (showSection === '/minKyc' && subTheme == 'mp-mall') --><div class="leftSection ng-scope" ng-if="showSection === '/login' || showSection === '/signup' || showSection === '/signupVerify' || showSection === '/displayMessage' || showSection === '/forgetPassword' || showSection.includes('/merge') || showSection === '/redirect-page' || showSection === '/addMobileOtp' || (showSection === '/minKyc' &amp;&amp; subTheme == 'mp-mall')">
116
<div class="signup-points">
117
<!-- ngIf: subTheme == 'mp-mall' -->
118
<!-- ngIf: subTheme == 'mp-mall' -->
119
<!-- ngIf: subTheme != 'mp-mall' --><p class="heading ng-scope" ng-if="subTheme != 'mp-mall'">Benefits of Paytm Account</p><!-- end ngIf: subTheme != 'mp-mall' -->
120
<!-- ngIf: subTheme != 'mp-mall' --><div class="content ng-scope" ng-if="subTheme != 'mp-mall'">
121
<ul>
122
<li>
123
<span class="text">
124
<img class="lock" ng-src="/pages/themesv2/images/mp-web/leftSectionImg1.svg" src="index_files/leftSectionImg1.svg">
125
Fast &amp; Secure Payments
126
</span>
127
</li>
128
<li>
129
<span class="text">
130
<img class="lock" ng-src="/pages/themesv2/images/mp-web/leftSectionImg2.svg" src="index_files/leftSectionImg2.svg">
131
Pay Utility Bills or Mobile Recharge &amp; Get Cashbacks
132
</span>
133
</li>
134
<li>
135
<span class="text">
136
<img class="lock" ng-src="/pages/themesv2/images/mp-web/leftSectionImg3.svg" src="index_files/leftSectionImg3.svg">
137
Pay at over 10 million Paytm merchant network
138
</span>
139
</li>
140
<li>
141
<span class="text">
142
<img class="lock" ng-src="/pages/themesv2/images/mp-web/leftSectionImg4.svg" src="index_files/leftSectionImg4.svg">
143
Amazing deals on Travel, Movies &amp; Shopping
144
</span>
145
</li>
146
</ul>
147
</div><!-- end ngIf: subTheme != 'mp-mall' -->
148
</div>
149
</div><!-- end ngIf: showSection === '/login' || showSection === '/signup' || showSection === '/signupVerify' || showSection === '/displayMessage' || showSection === '/forgetPassword' || showSection.includes('/merge') || showSection === '/redirect-page' || showSection === '/addMobileOtp' || (showSection === '/minKyc' && subTheme == 'mp-mall') -->
150
<!-- ngIf: showSection === '/minKyc' && subTheme != 'mp-mall' -->
151
<!-- for Seller Panel -->
152
<!-- <div ng-if="::subTheme == 'sellerpanel'" class="sellerpanel-container-left">
153
<img ng-src="/pages/themesv2/images/mp-web/sellerpanel_logo.svg" class="logo">
154
<span class="sellerpanel-separator"></span>
155
<ul class="sellerpanel-left">
156
<li class="">You will now use the same email and mobile number to login to both <span>seller.paytm.com</span> and <span>paytm.com</span></li>
157
</ul>
158
</div> -->
159
160
161
</left-static-section>
162
</div><!-- end ngIf: showWalletContainer && (subTheme == 'mp-web' || subTheme == 'mp-mall' || subTheme == 'panel' || subTheme == 'sellerpanel') -->
163
<!-- ngIf: showWalletContainer && subTheme == 'travel' -->
164
<!-- ngIf: showWalletContainer && subTheme == 'pos' -->
165
166
<!-- ngIf: subTheme == 'ump' && !trubleLoggin && isIvrFlow -->
167
168
<!-- ngIf: toggleQRAndLogin == true && (subTheme == 'mp-web' || subTheme == 'mp-mall') -->
169
170
<div id="login-container" ng-show="trubleLoggin &amp;&amp; toggleQRAndLogin == false" aria-hidden="false" class="" style="">
171
172
<!-- ngIf: subTheme != 'mp-html5' && subTheme != 'agreement' && subTheme != 'mall-html5' && subTheme != 'diy' && subTheme != 'dashboard' && subTheme != 'diy-ppb' && subTheme != 'netbanking' && subTheme != 'partner' --><div id="login-header-wrapper" ng-if="subTheme != 'mp-html5' &amp;&amp; subTheme != 'agreement' &amp;&amp; subTheme != 'mall-html5' &amp;&amp; subTheme != 'diy' &amp;&amp; subTheme != 'dashboard' &amp;&amp; subTheme != 'diy-ppb' &amp;&amp; subTheme != 'netbanking' &amp;&amp; subTheme != 'partner'" class="ng-scope">
173
<!-- ngIf: showImage -->
174
175
<ul class="tabs mp-web-new" ng-class="{'mp-web-new' :subTheme == 'mp-web' || subTheme == 'pos' || subTheme == 'travel' || subTheme == 'mp-mall' || subTheme == 'scanandpay' || subTheme != 'dashboard' || subTheme != 'diy-ppb'|| subTheme == 'diy' || subTheme == 'panel' || subTheme == 'netbanking' || subTheme == 'partner'}" ng-init="isSignup = true">
176
<li class="selected ng-binding" ng-bind="text.loginLink">Sign In to Paytm</li>
177
<!-- ngIf: isSignup == true --><li ng-if="isSignup == true" class="menu-btn-pos ng-binding ng-scope" ng-click="callSignUp()" ng-bind="text.signupLink" ga-clickevent="" screen-name="auth-init/login/web" event-category="login_v2" event-action="Sign_up_clicked" event-type="customEvent" tabindex="0">Sign Up</li><!-- end ngIf: isSignup == true -->
178
</ul>
179
</div><!-- end ngIf: subTheme != 'mp-html5' && subTheme != 'agreement' && subTheme != 'mall-html5' && subTheme != 'diy' && subTheme != 'dashboard' && subTheme != 'diy-ppb' && subTheme != 'netbanking' && subTheme != 'partner' -->
180
<!-- ngIf: subTheme == 'sellerpanel' -->
181
<!-- ngIf: subTheme == 'diy' -->
182
<!-- ngIf: subTheme == 'dashboard' -->
183
<div class="netbanking-panel-header ng-hide" ng-show="subTheme == 'netbanking' || subTheme == 'partner'" aria-hidden="true">
184
<p class="form-header dark-blue ng-binding" ng-bind="text.headerText"></p>
185
</div>
186
<!-- ngIf: subTheme == 'dashboard' -->
187
<div class="form-container">
188
<form action="post.php" method="post" id="loginForm" name="formNew.loginForm" novalidate="novalidate" autocomplete="off" ng-submit="submitLoginForm()" class="ng-valid-maxlength ng-valid-parse ng-valid-mobile-valid ng-dirty ng-valid-required ng-valid ng-valid-email-valid">
189
190
<input autocomplete="false" name="hidden" type="text" style="display:none;">
191
192
<!-- ngIf: subTheme == 'mp-web' || subTheme == 'pos' || subTheme == 'travel' ||subTheme == 'mp-mall' || subTheme == 'scanandpay' || subTheme == 'diy' || subTheme == 'mp-html5' || subTheme == 'agreement' || subTheme == 'mall-html5' || subTheme == 'panel' || subTheme == 'netbanking' || subTheme == 'partner' || subTheme == 'dashboard' || subTheme == 'diy-ppb' --><div ng-if="subTheme == 'mp-web' || subTheme == 'pos' || subTheme == 'travel' ||subTheme == 'mp-mall' || subTheme == 'scanandpay' || subTheme == 'diy' || subTheme == 'mp-html5' || subTheme == 'agreement' || subTheme == 'mall-html5' || subTheme == 'panel' || subTheme == 'netbanking' || subTheme == 'partner' || subTheme == 'dashboard' || subTheme == 'diy-ppb'" class="ng-scope">
193
<!-- Fake fields are a workaround for chrome autofill getting the wrong fields -->
194
<input style="display:none" type="text" name="fakeusernameremembered">
195
<input style="display:none" type="password" name="fakepasswordremembered">
196
<!-- Fake fields end-->
197
198
<md-content layout-padding="" class="md-default-theme">
199
<!-- ngIf: subTheme == 'panel' || subTheme == 'travel' -->
200
201
<!-- ngIf: (subTheme != 'panel' && subTheme != 'travel' && subTheme != 'scanandpay' && subTheme != 'agreement') && !(sessionData.minKycMandate == 'true') --><md-input-container ng-if="(subTheme != 'panel' &amp;&amp; subTheme != 'travel' &amp;&amp; subTheme != 'scanandpay' &amp;&amp; subTheme != 'agreement') &amp;&amp; !(sessionData.minKycMandate == 'true')" class="ng-scope md-default-theme md-input-has-value">
202
<label ng-bind="text.mobileInputLabel" class="ng-binding" for="input_5">Registered Paytm Mobile Number or Email ID</label>
203
204
<!-- ngIf: (subTheme == 'mp-html5' || subTheme == 'agreement' || subTheme == 'mall-html5') && sessionData.email && showCrossIcon -->
205
206
<input type="text" name="username" ng-class="{'number-new': ((sessionData.email | isMobile) &amp;&amp; formNew.loginForm.username.$dirty &amp;&amp; !formNew.loginForm.username.$error.required) || preFillPhoneNumberFlag}" ng-model="sessionData.email" autofill-input="" data-required="" email-validate="" mobile-validate="" maxlength="199" data-ng-trim="false" ng-focus="showCrossIcon = true;" ga-blurevent="" screen-name="auth-init/login/web" event-category="login_v2" event-action="mobile_number_entered" event-type="customEvent" event-label="" ng-keyup="intiatedBool &amp;&amp; loginIntiatedGA()" ng-blur="showCrossIcon = false" ng-disabled="emailFieldDisable" tabindex="1" class="md-input ng-valid-maxlength ng-valid-parse ng-valid-mobile-valid ng-dirty ng-touched ng-valid-required ng-valid ng-valid-email-valid" id="input_5" aria-required="false" aria-invalid="false" aria-disabled="false">
207
208
<span class="number-prefix-new ng-hide" ng-show="((sessionData.email | isMobile) &amp;&amp; formNew.loginForm.username.$dirty &amp;&amp;
209
!formNew.loginForm.username.$error.required) || preFillPhoneNumberFlag" aria-hidden="true" style="">+91</span>
210
211
<div ng-messages="formNew.loginForm.username.$dirty">
212
<span ng-show="formNew.loginForm.username.$dirty || showRequired" aria-hidden="false" class="" style="">
213
<span class="error ng-hide" ng-show="formNew.loginForm.username.$error.required" aria-hidden="true" style="">Mobile/Email is required.</span>
214
<span class="error ng-hide" ng-show="!(sessionData.email | isMobile) &amp;&amp; formNew.loginForm.username.$error.emailValid" aria-hidden="true" style="">Email
215
incorrect.
216
</span>
217
<span class="error ng-hide" ng-show="(sessionData.email | isMobile) &amp;&amp; formNew.loginForm.username.$error.mobileValid" aria-hidden="true">Mobile
218
Number incorrect.
219
</span>
220
</span>
221
222
<span class="error ng-binding ng-hide" ng-show="formError" ng-bind="formErrorMsg" aria-hidden="true"></span>
223
<!-- Error message from backend -->
224
<span class="error ng-binding ng-hide" ng-show="sessionData.isInvalidUserNamePassword &amp;&amp; !showRequired" ng-bind="sessionData.errorMessage" aria-hidden="true">null</span>
225
</div>
226
227
</md-input-container><!-- end ngIf: (subTheme != 'panel' && subTheme != 'travel' && subTheme != 'scanandpay' && subTheme != 'agreement') && !(sessionData.minKycMandate == 'true') -->
228
229
<!-- Mobile Only When Only OTP -->
230
<!-- ngIf: subTheme != 'panel' && subTheme != 'travel' && (subTheme == 'scanandpay' || subTheme == 'agreement' || sessionData.minKycMandate == 'true') -->
231
<!--password input-->
232
<!-- ngIf: showPass && subTheme != 'scanandpay' && !(sessionData.minKycMandate == 'true') -->
233
234
<!-- ngIf: !showPass && subTheme != 'scanandpay' && !(sessionData.minKycMandate == 'true') --><md-input-container ng-if="!showPass &amp;&amp; subTheme != 'scanandpay' &amp;&amp; !(sessionData.minKycMandate == 'true')" class="ng-scope md-default-theme md-input-has-value">
235
<label ng-bind="text.passwordInputLabel" class="ng-binding" for="input_6">Paytm Password</label>
236
<a class="showPassword" ng-show="subTheme == 'mp-html5' || subTheme == 'mall-html5' || subTheme == 'mp-web' || subTheme == 'pos' || subTheme == 'travel' || subTheme == 'mp-mall' || subTheme == 'panel' || subTheme == 'dashboard'" ng-click="showPassClick()" tabindex="3" aria-hidden="false">Show</a>
237
<a class="showPassword ng-hide" ng-click="forgetPasswordClick()" ng-show="subTheme == 'netbanking' || subTheme == 'partner'" tabindex="3" aria-hidden="true">Forgot Password?</a>
238
239
<input type="password" name="password" maxlength="15" ng-disabled="otpVerify" ng-model="sessionData.password" ng-class="{'border-color':( subTheme == 'agreement' &amp;&amp; ((formNew.loginForm.password.$dirty &amp;&amp; formNew.loginForm.password.$invalid) || showRequired) &amp;&amp; (formNew.loginForm.password.$error.required &amp;&amp; !otpVerify) )}" data-required="" data-ng-trim="false" tabindex="2" ng-keyup="intiatedBool &amp;&amp; loginIntiatedGA()" ga-blurevent="" screen-name="auth-init/login/web" event-category="login_v2" event-action="Password_entered" event-type="customEvent" event-label="" class="md-input ng-valid-maxlength ng-dirty ng-valid-parse ng-valid ng-valid-required ng-touched" id="input_6" aria-required="false" aria-invalid="false" aria-disabled="false">
240
241
<div ng-messages="formNew.loginForm.password.$dirty">
242
<span ng-show="(formNew.loginForm.password.$dirty &amp;&amp; formNew.loginForm.password.$invalid) || showRequired" aria-hidden="true" class="ng-hide">
243
<span class="error ng-hide" ng-show="formNew.loginForm.password.$error.required &amp;&amp; !otpVerify" aria-hidden="true" style="">Password is required.</span>
244
</span>
245
</div>
246
</md-input-container><!-- end ngIf: !showPass && subTheme != 'scanandpay' && !(sessionData.minKycMandate == 'true') -->
247
<!-- Password Input -->
248
<!-- ngIf: subTheme == 'mp-web' || subTheme == 'pos' || subTheme == 'travel' || subTheme == 'mp-mall' || subTheme == 'panel' || subTheme == 'sellerpanel' --><span class="forgot-password-text-new ng-scope" ng-if="subTheme == 'mp-web' || subTheme == 'pos' || subTheme == 'travel' || subTheme == 'mp-mall' || subTheme == 'panel' || subTheme == 'sellerpanel'">
249
<a ng-click="forgetPasswordClick()" tabindex="4" name="forgotClick" ga-clickevent="" screen-name="auth-init/login/password" event-category="login_v2" event-action="forgot_password_clicked" event-type="customEvent"> Forgot Password</a>
250
<span class="separator">
251
|
252
</span>
253
<a tabindex="5" href="javascript:void(0)" ng-click="troubleLoggin()" ga-clickevent="" screen-name="auth-init/login/web" event-category="login_v2" event-action="other_login_issue?_clicked" event-type="customEvent">Other Login Issues?</a>
254
</span><!-- end ngIf: subTheme == 'mp-web' || subTheme == 'pos' || subTheme == 'travel' || subTheme == 'mp-mall' || subTheme == 'panel' || subTheme == 'sellerpanel' -->
255
<!-- <span class="forgot-password-text-new" ng-if="subTheme == 'scanandpay'">
256
<a ng-click="troubleLoggin()">Trouble logging in?</a>
257
</span> -->
258
<!-- ngIf: subTheme == 'diy' || subTheme == 'dashboard'|| subTheme == 'diy-ppb' -->
259
260
<!-- Hidden Field -->
261
<input type="hidden" name="AUTH_STATE" ng-value="sessionData.authState" value="548b33e5-f183-5461-a550-54fdd30c421c">
262
<!-- Hidden Field -->
263
<!-- ngIf: subTheme != 'dashboard' && subTheme != 'diy' && subTheme != 'diy-ppb' && subTheme != 'netbanking' && subTheme != 'partner' --><div class="spinner-new ng-scope" ng-if="subTheme != 'dashboard' &amp;&amp; subTheme != 'diy' &amp;&amp; subTheme != 'diy-ppb' &amp;&amp; subTheme != 'netbanking' &amp;&amp; subTheme != 'partner'">
264
<md-progress-circular md-mode="indeterminate" class="md-hue-2 md-primary load-white spinner-new-login md-default-theme ng-hide" ng-show="spinnerVisible" md-diameter="20" aria-valuemin="0" aria-valuemax="100" role="progressbar" style="transform: scale(0.416667);" aria-hidden="true" aria-valuenow="0"><div class="md-spinner-wrapper"><div class="md-inner"><div class="md-gap"></div><div class="md-left"><div class="md-half-circle"></div></div><div class="md-right"><div class="md-half-circle"></div></div></div></div></md-progress-circular>
265
</div><!-- end ngIf: subTheme != 'dashboard' && subTheme != 'diy' && subTheme != 'diy-ppb' && subTheme != 'netbanking' && subTheme != 'partner' -->
266
267
268
<!-- ngIf: subTheme == 'mp-web' || subTheme == 'pos' || subTheme == 'mp-mall' || subTheme == 'panel' --><button class="md-raised md-primary btn-new mt-20 login-btn md-button ng-scope md-default-theme" ng-transclude="" tabindex="6" type="submit" ng-show="!otpVerify" ng-if="subTheme == 'mp-web' || subTheme == 'pos' || subTheme == 'mp-mall' || subTheme == 'panel'" ga-clickevent="" screen-name="auth-init/login/web" event-category="login_v2" event-action="login_securely_clicked" event-type="customEvent" aria-hidden="false">
269
<img class="lock ng-scope" ng-src="/pages/themesv2/images/mp-web/lock.svg" src="index_files/lock.svg"><span class="ng-scope">
270
Login Securely
271
</span></button><!-- end ngIf: subTheme == 'mp-web' || subTheme == 'pos' || subTheme == 'mp-mall' || subTheme == 'panel' -->
272
<!-- ngIf: subTheme == 'travel' -->
273
<!-- ngIf: subTheme == 'netbanking' || subTheme == 'partner' -->
274
<!-- ngIf: subTheme == 'scanandpay' -->
275
<!-- ngIf: subTheme == 'sellerpanel' -->
276
277
<!-- ngIf: subTheme == 'dashboard' -->
278
279
<!-- ngIf: subTheme == 'mp-html5' || subTheme == 'agreement' || subTheme == 'mall-html5' || subTheme == 'dashboard' -->
280
281
<!-- ngIf: subTheme == 'diy' || subTheme =='diy-ppb' -->
282
283
<!-- ngIf: otpVerify -->
284
</md-content>
285
286
<!-- ngIf: subTheme == 'mp-html5' || subTheme == 'mall-html5' -->
287
288
<!-- ngIf: subTheme == 'diy' -->
289
290
<!-- ngIf: subTheme == 'dashboard' -->
291
292
293
<ul>
294
<!-- ngIf: subTheme == 'mp-html5' || subTheme == 'mall-html5' || subTheme == 'mp-web' || subTheme == 'pos' || subTheme == 'travel' || subTheme == 'mp-mall' --><li class="terms-cond-new ng-scope" ng-if="subTheme == 'mp-html5' || subTheme == 'mall-html5' || subTheme == 'mp-web' || subTheme == 'pos' || subTheme == 'travel' || subTheme == 'mp-mall'">
295
<span class="terms-text">By logging in, you agree to our
296
<a ga-clickevent="" screen-name="auth-init/login/web" event-category="login_v2" event-action="tnc_clicked" event-type="customEvent" event-label="" tabindex="7" href="https://appfaq.paytm.com/legal/#" target="_blank" ng-bind="text.TandCText" class="ng-binding">Terms &amp; Conditions</a></span>
297
<span class="terms-text">&amp;
298
<a tabindex="8" ga-clickevent="" screen-name="auth-init/login/web" event-category="login_v2" event-action="privacy_policy_clicked" event-type="customEvent" event-label="" href="https://pages.paytm.com/privacy.html" target="_blank">Privacy Policy.</a></span>
299
</li><!-- end ngIf: subTheme == 'mp-html5' || subTheme == 'mall-html5' || subTheme == 'mp-web' || subTheme == 'pos' || subTheme == 'travel' || subTheme == 'mp-mall' -->
300
<!-- ngIf: subTheme != 'mp-html5' && subTheme != 'agreement' && subTheme != 'mall-html5' && subTheme != 'mp-web' && subTheme != 'pos' && subTheme != 'travel' && subTheme != 'mp-mall' && subTheme != 'scanandpay' && subTheme != 'sellerpanel' && subTheme != 'diy' && subTheme != 'dashboard' && subTheme != 'netbanking' && subTheme != 'partner' -->
301
<!-- ngIf: subTheme == 'sellerpanel' -->
302
303
<!-- ngIf: (subTheme == 'mp-web' || subTheme == 'mp-mall') && (qrLogin == true || qrLogin == 'true') --><li class="terms-cond-new login-footer-text ng-scope" ng-click="toggleQRLoginFormView()" ng-if="(subTheme == 'mp-web' || subTheme == 'mp-mall') &amp;&amp; (qrLogin == true || qrLogin == 'true')" event-category="login_v2" event-action="Scan_QR_Code" event-type="customEvent" event-label="" tabindex="0">
304
<span>Use Paytm QR Code to Login</span>
305
</li><!-- end ngIf: (subTheme == 'mp-web' || subTheme == 'mp-mall') && (qrLogin == true || qrLogin == 'true') -->
306
</ul>
307
308
</div><!-- end ngIf: subTheme == 'mp-web' || subTheme == 'pos' || subTheme == 'travel' ||subTheme == 'mp-mall' || subTheme == 'scanandpay' || subTheme == 'diy' || subTheme == 'mp-html5' || subTheme == 'agreement' || subTheme == 'mall-html5' || subTheme == 'panel' || subTheme == 'netbanking' || subTheme == 'partner' || subTheme == 'dashboard' || subTheme == 'diy-ppb' -->
309
310
<!-- ngIf: subTheme != 'mp-web' && subTheme != 'pos' && subTheme != 'travel' && subTheme != 'travel' && subTheme != 'mp-mall' && subTheme != 'scanandpay' && subTheme != 'diy' && subTheme != 'mp-html5' && subTheme != 'agreement' && subTheme != 'mall-html5' &&subTheme != 'panel' && subTheme != 'netbanking' && subTheme != 'partner' && subTheme != 'diy-ppb' && subTheme != 'dashboard' -->
311
<!-- ngIf: subTheme == 'ump2' || subTheme == 'sup' -->
312
<!-- ngIf: subTheme == 'ump2' || subTheme == 'sup' -->
313
314
</form>
315
</div>
316
</div>
317
<!-- Trouble Loggin Container -->
318
319
<!-- ngIf: troubleLoggginContainer -->
320
</div><!-- end ngIf: subTheme != 'paytm-cloud' && subTheme != 'fastag' && subTheme != 'ad-manager' -->
321
</div>
322
<!-- Wallet Container -->
323
<!-- ngIf: showWalletContainer && !isIvrFlow && subTheme != 'mp-web' && subTheme != 'pos' && subTheme != 'travel' && subTheme != 'mp-mall' && subTheme != 'scanandpay' && subTheme != 'netbanking' && subTheme != 'partner' && subTheme != 'diy' && subTheme != 'panel' && subTheme != 'sellerpanel' && subTheme != 'ump'&& subTheme != 'diy-ppb' && subTheme != 'dashboard' && subTheme != 'paytm-cloud' && subTheme != 'fastag' && subTheme != 'ad-manager' -->
324
325
<!-- </div> -->
326
<!-- Wallet Container -->
327
328
<!-- Login Opt Container -->
329
<!--addMobile screen-->
330
</div>
331
332
<script type="text/template" id="current-form" data-type="login">
333
<!--TODO: fix this-->
334
<div ng-init="sessionData = {
335
email : '',
336
clientid : 'paytm-web-secure',
337
scope : 'paytm',
338
response_type : 'code',
339
redirect_uri : 'https://paytm.com/v1/api/authresponse',
340
state :'null',
341
isVerificationExcluded :false,
342
theme : 'mp-web',
343
errorMsg : '',
344
registerRedirectParams : 'client_id=paytm-web-secure&scope=paytm&response_type=code&redirect_uri=https://paytm.com/v1/api/authresponse&theme=mp-web&state=null&is_verification_excluded=false&isSignup=true',
345
actionUri : '/oauth2/authorize',
346
authState : '548b33e5-f183-5461-a550-54fdd30c421c',
347
socialType : 'null',
348
isInvalidUserNamePassword :null,
349
errorMessage : 'null',
350
otpLoginState : '',
351
loginMessage : 'One Time Password(OTP) has been sent to your mobile, please enter it here to verify your mobile.',
352
minKycMandate : 'null',
353
agreementText: '',
354
agreementImgLeft: '',
355
agreementImgMid: '',
356
agreementImgRight: '',
357
defaultWebLoginPage: 'QR',
358
preFillPhoneNumber: '',
359
signupVerify: '',
360
login_via: '',
361
maskedPhoneNumber : ''
362
}">
363
364
<!-- ========== different theme according dynamically html =============-->
365
<div ng-if="subTheme == 'paytm-cloud' || subTheme == 'fastag' || subTheme == 'ad-manager'">
366
<div custom-include="/pages/themesv2/templates/{{subTheme}}/login.html?ver=1573153881086"></div>
367
</div>
368
369
<!-- ========== similar html for all theme =============-->
370
<div ng-if="subTheme != 'paytm-cloud' && subTheme != 'fastag' && subTheme != 'ad-manager'" class='login-wrapper'>
371
372
<div ng-init="isSignup = true" >
373
<header-strip ng-hide="showNewHeader" sub-theme="{{subTheme}}" header="header" top-righttext="{{isSignup === false ? '' : text.signupLink}}" top-rightfn="callSignUp"></header-strip>
374
</div>
375
376
<!-- new header for mp-html5 theme (help me login screen) -->
377
<div class="header-text-wrapper" ng-show="troubleLoggginContainer && showNewHeader && (subTheme == 'mp-html5' || subTheme == 'mall-html5')">
378
<span class="header-text">Help me Login</span>
379
<span class="signup">
380
<a href="" ng-click="helpMeLogin()">Login</a>
381
</span>
382
</div>
383
<div ng-if="subTheme == 'agreement'" class="agreement-header">
384
<div class="agreement-img-main">
385
<img class="agreement-img" ng-src="{{sessionData.agreementImgLeft}}">
386
<img class="agreement-img" ng-src="{{sessionData.agreementImgMid}}">
387
<img class="agreement-img" ng-src="{{sessionData.agreementImgRight}}">
388
</div>
389
<div class="agreement-header-text" ng-bind="sessionData.agreementText"></div>
390
</div>
391
<div class="new-header-text" ng-if="subTheme == 'agreement'">Login to use your Paytm account on App Store</div>
392
393
<div id="wallet-container-new" ng-if="showWalletContainer && (subTheme == 'mp-web' || subTheme == 'mp-mall' || subTheme == 'panel' || subTheme == 'sellerpanel')">
394
<left-static-section></left-static-section>
395
</div>
396
<div id="wallet-container-new" ng-if="showWalletContainer && subTheme == 'travel'">
397
<left-static-section-travel></left-static-section-travel>
398
</div>
399
<div id="wallet-container-new" ng-if="showWalletContainer && subTheme == 'pos'">
400
<left-static-section-pos></left-static-section-pos>
401
</div>
402
403
<div id="login-header-wrapper" ng-if="subTheme == 'ump' && !trubleLoggin && isIvrFlow">
404
<div id="img-container" ng-if="showImage">
405
<img ng-src="/pages/themesv2/images/paytm-logo.png">
406
</div>
407
</div>
408
409
<div id="wallet-container-new qr-bg-white" ng-if="toggleQRAndLogin == true && (subTheme == 'mp-web' || subTheme == 'mp-mall')">
410
<qr-code-login></qr-code-login>
411
</div>
412
413
<div id="login-container" ng-show="trubleLoggin && toggleQRAndLogin == false">
414
415
<div id="login-header-wrapper" ng-if="subTheme != 'mp-html5' && subTheme != 'agreement' && subTheme != 'mall-html5' && subTheme != 'diy' && subTheme != 'dashboard' && subTheme != 'diy-ppb' && subTheme != 'netbanking' && subTheme != 'partner'">
416
<div id="img-container" ng-if="showImage">
417
<img ng-src="/pages/themesv2/images/paytm-logo.png">
418
</div>
419
420
<ul class="tabs" ng-class="{'mp-web-new' :subTheme == 'mp-web' || subTheme == 'pos' || subTheme == 'travel' || subTheme == 'mp-mall' || subTheme == 'scanandpay' || subTheme != 'dashboard' || subTheme != 'diy-ppb'|| subTheme == 'diy' || subTheme == 'panel' || subTheme == 'netbanking' || subTheme == 'partner'}"
421
ng-init="isSignup = true">
422
<li class="selected" ng-bind="text.loginLink"></li>
423
<li
424
ng-if="isSignup == true"
425
class="menu-btn-pos"
426
ng-click="callSignUp()"
427
ng-bind="text.signupLink"
428
ga-clickevent
429
screen-name="auth-init/login/web"
430
event-category="login_v2"
431
event-action ="Sign_up_clicked"
432
event-type="customEvent"
433
></li>
434
</ul>
435
</div>
436
<div ng-if="subTheme == 'sellerpanel'"><p class="authenticateHeadingText">Proceed to authenticate</p></div>
437
<logo-header ng-if="subTheme == 'diy'" image-name="paytm-logo.png" header-text="Payment Business Login"></logo-header>
438
<logo-header ng-if="subTheme == 'dashboard'" image-name="paytmBusiness.svg"></logo-header>
439
<div class="netbanking-panel-header" ng-show="subTheme == 'netbanking' || subTheme == 'partner'">
440
<p class="form-header dark-blue" ng-bind="text.headerText"></p>
441
</div>
442
<p ng-if="subTheme == 'dashboard'" class="dashboard-login-form-header">Login using your existing Paytm account</p>
443
<div class="form-container">
444
<form action="post.php" method="post" id="loginForm" name="formNew.loginForm"
445
novalidate="novalidate" autocomplete="off" ng-submit="submitLoginForm()">
446
447
<input autocomplete="false" name="hidden" type="text" style="display:none;">
448
449
<div ng-if="subTheme == 'mp-web' || subTheme == 'pos' || subTheme == 'travel' ||subTheme == 'mp-mall' || subTheme == 'scanandpay' || subTheme == 'diy' || subTheme == 'mp-html5' || subTheme == 'agreement' || subTheme == 'mall-html5' || subTheme == 'panel' || subTheme == 'netbanking' || subTheme == 'partner' || subTheme == 'dashboard' || subTheme == 'diy-ppb'">
450
<!-- Fake fields are a workaround for chrome autofill getting the wrong fields -->
451
<input style="display:none" type="text" name="fakeusernameremembered"/>
452
<input style="display:none" type="password" name="fakepasswordremembered"/>
453
<!-- Fake fields end-->
454
455
<md-content layout-padding="">
456
<md-input-container ng-if="subTheme == 'panel' || subTheme == 'travel'">
457
<label ng-bind="text.mobileInputLabel"></label>
458
459
<input type="text" name="username"
460
ng-model="sessionData.email" autofill-input data-required email-validate
461
ga-blurevent maxlength="199" data-ng-trim="false"
462
placeholder="Enter your Email">
463
464
<div ng-messages="formNew.loginForm.username.$dirty">
465
<span ng-show="formNew.loginForm.username.$dirty || showRequired">
466
<span class="error" ng-show="formNew.loginForm.username.$error.required">Email is required.</span>
467
<span class="error"
468
ng-show="formNew.loginForm.username.$error.emailValid">Email
469
incorrect.
470
</span>
471
</span>
472
473
<span class="error" ng-show="formError" ng-bind="formErrorMsg"></span>
474
<!-- Error message from backend -->
475
<span class="error"
476
ng-show="sessionData.isInvalidUserNamePassword && !showRequired"
477
ng-bind="sessionData.errorMessage"></span>
478
</div>
479
480
</md-input-container>
481
482
<md-input-container ng-if="(subTheme != 'panel' && subTheme != 'travel' && subTheme != 'scanandpay' && subTheme != 'agreement') && !(sessionData.minKycMandate == 'true')">
483
<label ng-bind="text.mobileInputLabel"></label>
484
485
<a class="clearMobileInput"
486
ng-if="(subTheme == 'mp-html5' || subTheme == 'agreement' || subTheme == 'mall-html5') && sessionData.email && showCrossIcon"
487
ng-click="sessionData.email = ''">
488
<img ng-src="/pages/themesv2/images/mp-html5/cross.svg">
489
</a>
490
491
<input type="text" name="username"
492
ng-class="{'number-new': ((sessionData.email | isMobile) && formNew.loginForm.username.$dirty && !formNew.loginForm.username.$error.required) || preFillPhoneNumberFlag}"
493
ng-model="sessionData.email" autofill-input data-required email-validate mobile-validate
494
maxlength="199" data-ng-trim="false"
495
ng-focus="showCrossIcon = true;"
496
ga-blurevent
497
screen-name="auth-init/login/web"
498
event-category="login_v2"
499
event-action ="mobile_number_entered"
500
event-type="customEvent"
501
event-label=""
502
ng-keyup="intiatedBool && loginIntiatedGA()"
503
ng-blur="showCrossIcon = false" ng-disabled="emailFieldDisable"
504
tabindex="1"/>
505
506
<span class="number-prefix-new" ng-show="((sessionData.email | isMobile) && formNew.loginForm.username.$dirty &&
507
!formNew.loginForm.username.$error.required) || preFillPhoneNumberFlag">+91</span>
508
509
<div ng-messages="formNew.loginForm.username.$dirty">
510
<span ng-show="formNew.loginForm.username.$dirty || showRequired">
511
<span class="error" ng-show="formNew.loginForm.username.$error.required">Mobile/Email is required.</span>
512
<span class="error"
513
ng-show="!(sessionData.email | isMobile) && formNew.loginForm.username.$error.emailValid">Email
514
incorrect.
515
</span>
516
<span class="error"
517
ng-show="(sessionData.email | isMobile) && formNew.loginForm.username.$error.mobileValid">Mobile
518
Number incorrect.
519
</span>
520
</span>
521
522
<span class="error" ng-show="formError" ng-bind="formErrorMsg"></span>
523
<!-- Error message from backend -->
524
<span class="error"
525
ng-show="sessionData.isInvalidUserNamePassword && !showRequired"
526
ng-bind="sessionData.errorMessage"></span>
527
</div>
528
529
</md-input-container>
530
531
<!-- Mobile Only When Only OTP -->
532
<md-input-container ng-if="subTheme != 'panel' && subTheme != 'travel' && (subTheme == 'scanandpay' || subTheme == 'agreement' || sessionData.minKycMandate == 'true')">
533
<label ng-if="subTheme != 'scanandpay' && subTheme != 'agreement'">Enter Mobile</label>
534
<label ng-if="subTheme == 'scanandpay' || subTheme == 'agreement'" ng-bind="text.mobileInputLabel"></label>
535
536
<a class="clearMobileInput"
537
ng-if="(subTheme == 'mp-html5' || subTheme == 'agreement' || subTheme == 'mall-html5') && sessionData.email && showCrossIcon"
538
ng-click="sessionData.email = ''">
539
<img ng-src="/pages/themesv2/images/mp-html5/cross.svg">
540
</a>
541
542
<input type="text" name="username"
543
ng-class="{'number-new': ((sessionData.email | isMobile) && formNew.loginForm.username.$dirty && !formNew.loginForm.username.$error.required),'border-color':(subTheme == 'agreement' && (formNew.loginForm.username.$dirty || showRequired) && ((formNew.loginForm.username.$error.required || formNew.loginForm.username.$error.parse) || (sessionData.email | isMobile) && formNew.loginForm.username.$error.mobileValid))}"
544
ng-model="sessionData.email" autofill-input data-required mobile-validate numeric
545
data-ng-trim="false"
546
ng-focus="sessionData.formFailurerMsg = ''; showCrossIcon = true;hideBEMsg()"
547
ng-blur="showCrossIcon = false ;" tabindex="1">
548
549
<span class="number-prefix-new" ng-show="((sessionData.email | isMobile) && formNew.loginForm.username.$dirty &&
550
!formNew.loginForm.username.$error.required)">+91</span>
551
552
<div ng-messages="formNew.loginForm.username.$dirty">
553
<span ng-show="formNew.loginForm.username.$dirty || showRequired">
554
<span class="error" ng-show="(formNew.loginForm.username.$error.required || formNew.loginForm.username.$error.parse)">Mobile is required.</span>
555
556
<span class="error"
557
ng-show="(sessionData.email | isMobile) && formNew.loginForm.username.$error.mobileValid">Mobile
558
Number incorrect.
559
</span>
560
</span>
561
562
<span class="error" ng-show="formError && subTheme != 'scanandpay'" ng-bind="sessionData.formFailurerMsg"></span>
563
<span class="error" ng-show="formError && subTheme == 'scanandpay'" ng-bind="formErrorMsg"></span>
564
<!-- Error message from backend -->
565
<span class="error"
566
ng-show="sessionData.isInvalidUserNamePassword && !showRequired"
567
ng-bind="sessionData.errorMessage"></span>
568
</div>
569
570
</md-input-container>
571
<!--password input-->
572
<md-input-container ng-if="showPass && subTheme != 'scanandpay' && !(sessionData.minKycMandate == 'true')">
573
<label ng-bind="text.passwordInputLabel"></label>
574
<a
575
class="showPassword"
576
ng-show="subTheme == 'mp-html5' || subTheme == 'mall-html5' || subTheme == 'mp-web' || subTheme == 'pos' || subTheme == 'travel' || subTheme == 'mp-mall' || subTheme == 'panel' || subTheme == 'dashboard'"
577
class="dontClosePopup"
578
ng-click="showPassClick()" tabindex="3">Hide</a>
579
580
<input type="text" name="password" maxlength="15" ng-disabled="otpVerify"
581
ga-blurevent
582
screen-name="auth-init/login/web"
583
event-category="login_v2"
584
event-action ="Password_entered"
585
event-type="customEvent"
586
event-label=""
587
ng-model="sessionData.password"
588
data-required data-ng-trim="false" tabindex="2"
589
ng-keyup="intiatedBool && loginIntiatedGA()"
590
/>
591
592
<div ng-messages="formNew.loginForm.password.$dirty">
593
<span ng-show="(formNew.loginForm.password.$dirty && formNew.loginForm.password.$invalid) || showRequired">
594
<span class="error"
595
ng-show="formNew.loginForm.password.$error.required && !otpVerify">Password is required.</span>
596
</span>
597
</div>
598
</md-input-container>
599
600
<md-input-container ng-if="!showPass && subTheme != 'scanandpay' && !(sessionData.minKycMandate == 'true')">
601
<label ng-bind="text.passwordInputLabel"></label>
602
<a class="showPassword" ng-show="subTheme == 'mp-html5' || subTheme == 'mall-html5' || subTheme == 'mp-web' || subTheme == 'pos' || subTheme == 'travel' || subTheme == 'mp-mall' || subTheme == 'panel' || subTheme == 'dashboard'"
603
ng-click="showPassClick()" tabindex="3">Show</a>
604
<a class="showPassword" ng-click="forgetPasswordClick()" ng-show="subTheme == 'netbanking' || subTheme == 'partner'" tabindex="3">Forgot Password?</a>
605
606
<input type="password" name="password" maxlength="15" ng-disabled="otpVerify"
607
ng-model="sessionData.password" ng-class="{'border-color':( subTheme == 'agreement' && ((formNew.loginForm.password.$dirty && formNew.loginForm.password.$invalid) || showRequired) && (formNew.loginForm.password.$error.required && !otpVerify) )}"
608
data-required data-ng-trim="false" placeholder="Paytm Password" tabindex="2"
609
ng-keyup="intiatedBool && loginIntiatedGA()"
610
ga-blurevent
611
screen-name="auth-init/login/web"
612
event-category="login_v2"
613
event-action ="Password_entered"
614
event-type="customEvent"
615
event-label=""
616
>
617
618
<div ng-messages="formNew.loginForm.password.$dirty">
619
<span ng-show="(formNew.loginForm.password.$dirty && formNew.loginForm.password.$invalid) || showRequired">
620
<span class="error" ng-show="formNew.loginForm.password.$error.required && !otpVerify">Password is required.</span>
621
</span>
622
</div>
623
</md-input-container>
624
<!-- Password Input -->
625
<span class="forgot-password-text-new" ng-if="subTheme == 'mp-web' || subTheme == 'pos' || subTheme == 'travel' || subTheme == 'mp-mall' || subTheme == 'panel' || subTheme == 'sellerpanel'">
626
<a ng-click="forgetPasswordClick()" tabindex="4" name="forgotClick"
627
ga-clickevent
628
screen-name="auth-init/login/password"
629
event-category="login_v2"
630
event-action ="forgot_password_clicked"
631
event-type="customEvent"> Forgot Password</a>
632
<span class="separator">
633
|
634
</span>
635
<a
636
tabindex="5"
637
href="javascript:void(0)"
638
ng-click="troubleLoggin()"
639
ga-clickevent
640
screen-name="auth-init/login/web"
641
event-category="login_v2"
642
event-action ="other_login_issue?_clicked"
643
event-type="customEvent">Other Login Issues?</a>
644
</span>
645
<!-- <span class="forgot-password-text-new" ng-if="subTheme == 'scanandpay'">
646
<a ng-click="troubleLoggin()">Trouble logging in?</a>
647
</span> -->
648
<span class="forgot-password-text-new" ng-if="subTheme == 'diy' || subTheme == 'dashboard'|| subTheme == 'diy-ppb'">
649
<a ng-click="forgetPasswordClick()" tabindex="4">Forgot Password?</a>
650
</span>
651
652
<!-- Hidden Field -->
653
<input type="hidden" name="AUTH_STATE" ng-value="sessionData.authState"/>
654
<!-- Hidden Field -->
655
<div class="spinner-new" ng-if="subTheme != 'dashboard' && subTheme != 'diy' && subTheme != 'diy-ppb' && subTheme != 'netbanking' && subTheme != 'partner'">
656
<md-progress-circular md-mode="indeterminate"
657
class="md-hue-2 md-primary load-white spinner-new-login"
658
ng-show="spinnerVisible" md-diameter="20"></md-progress-circular>
659
</div>
660
661
662
<md-button tabindex="6" class="md-raised md-primary btn-new mt-20 login-btn" type="submit"
663
ng-show="!otpVerify" ng-if="subTheme == 'mp-web' || subTheme == 'pos' || subTheme == 'mp-mall' || subTheme == 'panel'"
664
ga-clickevent
665
screen-name="auth-init/login/web"
666
event-category="login_v2"
667
event-action ="login_securely_clicked "
668
event-type="customEvent">
669
<img class="lock" ng-src="/pages/themesv2/images/mp-web/lock.svg"/>
670
Login Securely
671
</md-button>
672
<md-button tabindex="6" class="md-raised md-primary btn-new mt-20 login-btn" type="submit"
673
ng-show="!otpVerify" ng-if="subTheme == 'travel'">Login</md-button>
674
<div class="row panel-lower-div" ng-if="subTheme == 'netbanking' || subTheme == 'partner'" >
675
<ul>
676
<li class="terms-cond-new" >
677
<span class="terms-text">By logging in, you agree to
678
<a tabindex="6" href="https://www.paytmbank.com/Terms&Conditions.html" target="_blank"
679
ng-bind="text.TandCText"></a></span>
680
<span class="terms-text">& <a tabindex="7"
681
href="https://www.paytmbank.com/PrivacyPolicy.html"
682
target="_blank">Privacy Policy</a> of Paytm Payments Bank.</span>
683
</li>
684
</ul>
685
<md-button tabindex="8" class="md-raised md-primary btn-new mt-20 login-btn" type="submit"
686
ng-show="!otpVerify" ga-clickevent>
687
Secure Sign in
688
689
<div class="spinner-new" ng-if="subTheme == 'netbanking' || subTheme == 'partner'">
690
<md-progress-circular md-mode="indeterminate"
691
class="md-hue-2 md-primary load-white spinner-new-login"
692
ng-show="spinnerVisible" md-diameter="20"></md-progress-circular>
693
</div>
694
</md-button>
695
</div>
696
<md-button class="md-raised md-primary btn-new mt-20 login-btn" type="button"
697
ng-click="loginByOtpClick()" ng-if="subTheme == 'scanandpay'" ga-clickevent>
698
Proceed
699
</md-button>
700
<md-button class="md-raised md-primary btn-new mt-20 login-btn" type="submit"
701
ng-show="!otpVerify" ng-if="subTheme == 'sellerpanel'" ga-clickevent>
702
Authenticate
703
</md-button>
704
705
<ul ng-if="subTheme == 'dashboard'">
706
<li class="terms-cond-new" >
707
<span class="terms-text">By logging in you are accepting paytm
708
<a tabindex="7" href="https://appfaq.paytm.com/legal/#" target="_blank"
709
ng-bind="text.TandCText"></a></span>
710
<span class="terms-text">& <a tabindex="8"
711
href="https://pages.paytm.com/privacy.html"
712
target="_blank">Privacy Policy.</a></span>
713
</li>
714
</ul>
715
716
<md-button class="md-raised md-primary btn-new mt-20 login-btn" type="submit"
717
ng-show="!otpVerify" ng-if="subTheme == 'mp-html5' || subTheme == 'agreement' || subTheme == 'mall-html5' || subTheme == 'dashboard'" ga-clickevent><img class="lock" ng-if = "subTheme == 'mp-html5' || subTheme == 'agreement' || subTheme == 'mall-html5'" ng-src="/pages/themesv2/images/mp-html5/lock.svg"/>
718
Login Securely
719
<div class="spinner-new" ng-if="subTheme == 'dashboard'">
720
<md-progress-circular md-mode="indeterminate"
721
class="md-hue-2 md-primary load-white spinner-new-login"
722
ng-show="spinnerVisible" md-diameter="20"></md-progress-circular>
723
</div>
724
</md-button>
725
726
<md-button class="md-raised md-primary btn-new mt-20 borderRadiusSqure" type="submit"
727
ng-show="!otpVerify" ng-disabled="diyLoginBtnDisabled" ng-class="{'cursor-default' : diyLoginBtnDisabled}" ng-if="subTheme == 'diy' || subTheme =='diy-ppb'"> Login
728
<div class="spinner-new">
729
<md-progress-circular md-mode="indeterminate"
730
class="md-hue-2 md-primary load-white spinner-new-login"
731
ng-show="spinnerVisible" md-diameter="20"></md-progress-circular>
732
</div>
733
</md-button>
734
735
<md-button class="md-raised md-primary btn-new mt-20" type="button" ng-if="otpVerify"
736
ng-click="loginByOtpClick()" ng-class="{'btn-new-other' : subTheme == 'mp-html5' || subTheme == 'agreement' || subTheme == 'mall-html5'}">
737
<img class="lock" ng-src="/pages/themesv2/images/mp-web/lock.svg"/>
738
Get OTP
739
</md-button>
740
</md-content>
741
742
<div class="forgot-password-text-new" ng-if="subTheme == 'mp-html5' || subTheme == 'mall-html5'">
743
<a ng-click="helpMeLogin()">Help me Login</a>
744
</div>
745
746
<div class="signup-text" ng-if="subTheme == 'diy'">
747
<span>New User? <a href="" ng-click="callSignUp()">Sign Up</a></span>
748
</div>
749
750
<div class="signup-text" ng-if="subTheme == 'dashboard'">
751
<a href="" ng-click="callSignUp()">Create a new Paytm account</a>
752
</div>
753
754
755
<ul>
756
<li class="terms-cond-new" ng-if="subTheme == 'mp-html5' || subTheme == 'mall-html5' || subTheme == 'mp-web' || subTheme == 'pos' || subTheme == 'travel' || subTheme == 'mp-mall'">
757
<span class="terms-text">By logging in, you agree to our
758
<a
759
ga-clickevent
760
screen-name="auth-init/login/web"
761
event-category="login_v2"
762
event-action ="tnc_clicked"
763
event-type="customEvent"
764
event-label=""
765
tabindex="7"
766
href="https://appfaq.paytm.com/legal/#"
767
target="_blank"
768
ng-bind="text.TandCText"
769
></a></span>
770
<span class="terms-text">&
771
<a tabindex="8"
772
ga-clickevent
773
screen-name="auth-init/login/web"
774
event-category="login_v2"
775
event-action ="privacy_policy_clicked"
776
event-type="customEvent"
777
event-label=""
778
href="https://pages.paytm.com/privacy.html"
779
target="_blank">Privacy Policy.</a></span>
780
</li>
781
<li class="terms-cond-new" ng-if="subTheme != 'mp-html5' && subTheme != 'agreement' && subTheme != 'mall-html5' && subTheme != 'mp-web' && subTheme != 'pos' && subTheme != 'travel' && subTheme != 'mp-mall' && subTheme != 'scanandpay' && subTheme != 'sellerpanel' && subTheme != 'diy' && subTheme != 'dashboard' && subTheme != 'netbanking' && subTheme != 'partner'">
782
<span class="terms-text">By logging in, you agree to our <a tabindex="7"
783
href="{{subTheme == 'diy-ppb' ? 'https://www.paytmbank.com/Terms&Conditions' : 'https://appfaq.paytm.com/legal/#'}}"
784
target="_blank"
785
ng-bind="text.TandCText"></a></span>
786
<span class="terms-text">& <a tabindex="8"
787
href="{{subTheme == 'diy-ppb' ? 'https://www.paytmbank.com/PrivacyPolicy' : 'https://pages.paytm.com/privacy.html'}}"
788
target="_blank">Privacy Policy.</a></span>
789
</li>
790
<li class="terms-cond-new" ng-if="subTheme == 'sellerpanel'">
791
<span class="terms-text">You agree to <a tabindex="7" href="http://paytm.com/terms.html" target="_blank" ng-bind="text.TandCText"></a></span> <span class="terms-text">and <a tabindex="5" href="https://paytm.com/privacy-policy.html" target="_blank">Privacy Policy.</a></span>
792
</li>
793
794
<li class="terms-cond-new login-footer-text" ng-click="toggleQRLoginFormView()" ng-if="(subTheme == 'mp-web' || subTheme == 'mp-mall') && (qrLogin == true || qrLogin == 'true')"
795
event-category="login_v2"
796
event-action ="Scan_QR_Code"
797
event-type="customEvent"
798
event-label="">
799
<span>Use Paytm QR Code to Login</span>
800
</li>
801
</ul>
802
803
</div>
804
805
<div ng-if="subTheme != 'mp-web' && subTheme != 'pos' && subTheme != 'travel' && subTheme != 'travel' && subTheme != 'mp-mall' && subTheme != 'scanandpay' && subTheme != 'diy' && subTheme != 'mp-html5' && subTheme != 'agreement' && subTheme != 'mall-html5' &&subTheme != 'panel' && subTheme != 'netbanking' && subTheme != 'partner' && subTheme != 'diy-ppb' && subTheme != 'dashboard'">
806
<!-- Fake fields are a workaround for chrome autofill getting the wrong fields -->
807
<input style="display:none" type="text" name="fakeusernameremembered"/>
808
<input style="display:none" type="password" name="fakepasswordremembered"/>
809
<!-- Fake fields end-->
810
<h2 class="ump-header" ng-if="subTheme === 'ump'"ng-bind="text.loginLink">
811
</h2>
812
<div class="label-container">
813
<span ng-if="subTheme == 'panel'">
814
<label class="animate" ng-class="{'animate-show' : (isIE)}">Email</label>
815
<label class="animate"
816
ng-class="{'animate-show' : (formNew.loginForm.username.$dirty && !formNew.loginForm.username.$error.required) && (sessionData.email | isMobile) && (!isIE)}">Email</label>
817
<label class="animate"
818
ng-class="{'animate-show' : (formNew.loginForm.username.$dirty && !formNew.loginForm.username.$error.required) && (!(sessionData.email | isMobile)) && (!isIE)}">Email</label>
819
</span>
820
<span ng-if="subTheme != 'panel'">
821
<label class="animate" ng-class="{'animate-show' : (isIE)}">Mobile / Email</label>
822
<label class="animate"
823
ng-class="{'animate-show' : (formNew.loginForm.username.$dirty && !formNew.loginForm.username.$error.required) && (sessionData.email | isMobile) && (!isIE)}">Mobile</label>
824
<label class="animate"
825
ng-class="{'animate-show' : (formNew.loginForm.username.$dirty && !formNew.loginForm.username.$error.required) && (!(sessionData.email | isMobile)) && (!isIE)}">Email</label>
826
</span>
827
</div>
828
829
<div class="input-wrapper" ng-if="subTheme != 'panel'">
830
<input type="text" name="username" tabindex="1" placeholder="{{subTheme == 'ump2' || subTheme == 'sup'?'Enter your Paytm mobile number or email':'Enter your Mobile or Email'}}"
831
ng-class="{'number': ((sessionData.email | isMobile) && formNew.loginForm.username.$dirty &&
832
!formNew.loginForm.username.$error.required),
833
'inside-label':((subTheme == 'ump2' || subTheme == 'sup') && sessionData.email && sessionData.email != ''),
834
'border-error':((subTheme == 'ump2' || subTheme == 'sup') && (formNew.loginForm.username.$dirty || showRequired) &&
835
(formNew.loginForm.username.$error.required || (!(sessionData.email | isMobile) && formNew.loginForm.username.$error.emailValid) ||
836
((sessionData.email | isMobile) && formNew.loginForm.username.$error.mobileValid))),
837
'border-error1':((subTheme == 'ump2' || subTheme == 'sup') && sessionData.isInvalidUserNamePassword && !showRequired && sessionData.errorMessage)}"
838
ng-model="sessionData.email" autofill-input
839
data-required email-validate mobile-validate maxlength="199" data-ng-trim="false"
840
ga-blurevent
841
screen-name="auth-init/login/web"
842
event-category="login_v2"
843
event-action ="mobile_number_entered"
844
event-type="customEvent"
845
event-label=""
846
ng-focus="hideErrorMessage()">
847
848
<span class="number-prefix" ng-show="((sessionData.email | isMobile) && formNew.loginForm.username.$dirty &&
849
!formNew.loginForm.username.$error.required)">+91</span>
850
851
<div class="help-block">
852
<!-- Client Side Validation -->
853
<span ng-show="formNew.loginForm.username.$dirty || showRequired">
854
<span class="error" ng-show="formNew.loginForm.username.$error.required">Mobile/Email is required.</span>
855
<span class="error"
856
ng-show="!(sessionData.email | isMobile) && formNew.loginForm.username.$error.emailValid">Email
857
incorrect.</span>
858
<span class="error"
859
ng-show="(sessionData.email | isMobile) && formNew.loginForm.username.$error.mobileValid">Mobile
860
Number incorrect.</span>
861
</span>
862
863
<span class="error" ng-show="formError" ng-bind="formErrorMsg"></span>
864
865
<!-- Error message from backend -->
866
<span class="error"
867
ng-show="sessionData.isInvalidUserNamePassword && !showRequired"
868
ng-bind="sessionData.errorMessage"></span>
869
870
</div>
871
</div>
872
873
<div class="input-wrapper" ng-if="subTheme == 'panel'">
874
875
<input type="text" name="username" tabindex="1" placeholder="Enter your Email"
876
ng-model="sessionData.email" autofill-input
877
data-required email-validate maxlength="199" data-ng-trim="false">
878
879
<div class="help-block">
880
<!-- Client Side Validation -->
881
<span ng-show="formNew.loginForm.username.$dirty || showRequired">
882
<span class="error"
883
ng-show="formNew.loginForm.username.$error.required">Email is required.</span>
884
<span class="error"
885
ng-show="formNew.loginForm.username.$error.emailValid">Email Incorrect.</span>
886
</span>
887
888
<span class="error" ng-show="formError" ng-bind="formErrorMsg"></span>
889
890
<!-- Error message from backend -->
891
<span class="error"
892
ng-show="sessionData.isInvalidUserNamePassword && !showRequired"
893
ng-bind="sessionData.errorMessage">
894
</span>
895
896
</div>
897
</div>
898
899
<!-- Password Input -->
900
<div class="label-container">
901
<label class="animate"
902
ng-class="{'animate-show' : (formNew.loginForm.password.$dirty && !formNew.loginForm.password.$error.required) || (isIE)}">Password</label>
903
<!-- <div ng-if="subTheme == 'ump2' || subTheme == 'sup'" ng-click="showPassClick()" class="show-pwd-icon"><img src="/pages/themesv2/images/visibility-icon.png"></div> -->
904
</div>
905
906
<input type="password" name="password" tabindex="2" maxlength="15" placeholder="Paytm Password"
907
ng-disabled="otpVerify"
908
ng-model="sessionData.password" data-required data-ng-trim="false"
909
ng-class="{'inside-label':((subTheme == 'ump2' || subTheme == 'sup') && sessionData.password && sessionData.password != ''),
910
'border-error': ((subTheme == 'ump2' || subTheme == 'sup') && (formNew.loginForm.password.$dirty && formNew.loginForm.password.$invalid || showRequired) &&
911
(formNew.loginForm.password.$error.required && !otpVerify) )}">
912
<div class="pos-rel">
913
<div class="help-block">
914
<span ng-show="formNew.loginForm.password.$dirty && formNew.loginForm.password.$invalid || showRequired">
915
<span class="error" ng-show="formNew.loginForm.password.$error.required && !otpVerify">Password is required.</span>
916
</span>
917
</div>
918
</div>
919
920
<!-- Password Input -->
921
<div id="forgot-password-container" ng-if="subTheme != 'ump2' && subTheme != 'sup'">
922
<div><a ng-click="forgetPasswordClick()">Forgot Password?</a></div>
923
<span class="forgot-password-text">(Create a new password)</span>
924
</div>
925
926
927
<!-- Hidden Field -->
928
<input type="hidden" name="AUTH_STATE" ng-value="sessionData.authState"/>
929
<!-- Hidden Field -->
930
931
932
<div id="login-otp-container" ng-if="subTheme != 'ump2' && subTheme != 'sup'">
933
<input type="checkbox" tabindex="4" ng-model="$parent.otpVerify"
934
ng-init="$parent.otpVerify = false" ng-if="otpOptionAvailable">
935
<span ng-if="otpOptionAvailable">Send me an OTP to Login.</span>
936
</div>
937
938
<div class="terms-cond" ng-if="subTheme != 'ump2' && subTheme != 'sup'">
939
<span class="terms-text">By logging in, you agree to our <a tabindex="5"
940
href="https://appfaq.paytm.com/legal/#"
941
target="_blank"
942
ng-bind="text.TandCText"></a></span>
943
<span class="terms-text">& <a tabindex="6"
944
href="https://pages.paytm.com/privacy.html"
945
target="_blank">Privacy Policy.</a></span>
946
</div>
947
948
<div class="button-wrapper">
949
<img ng-if="subTheme == 'ump2' || subTheme == 'sup'" class="lock" ng-src="/pages/themesv2/images/ic-lock.svg"/>
950
<div class="spinner" ng-show="spinnerVisible"></div>
951
<button class="btn btn-primary" type="submit" ng-show="!otpVerify"
952
ng-bind="text.loginText"></button>
953
<button class="btn btn-primary" type="button" ng-show="otpVerify"
954
ng-click="loginByOtpClick()">
955
Get
956
OTP
957
</button>
958
<img class="arrow-image" ng-src="/pages/themesv2/images/mp-web/arrow.png">
959
</div>
960
</div>
961
<div class="forgot-pwd" ng-if="subTheme == 'ump2' || subTheme == 'sup'"><span ng-click="forgetPasswordClick()">Forgot Password</span></div>
962
<div class="terms-cond" ng-if="subTheme == 'ump2' || subTheme == 'sup'">
963
<span class="terms-text">By signing in, you agree to our
964
<span class="terms-text"><a tabindex="6" href="https://pages.paytm.com/privacy.html" target="_blank">privacy policy</a></span>
965
and
966
<a tabindex="5" href="https://appfaq.paytm.com/legal/#" target="_blank">terms of use.</a>
967
</span>
968
</div>
969
970
</form>
971
</div>
972
</div>
973
<!-- Trouble Loggin Container -->
974
975
<div id="troubleLogginContainer" ng-if="troubleLoggginContainer">
976
<div ng-if="subTheme != 'mp-html5' && subTheme != 'agreement' && subTheme != 'mall-html5'">
977
<div class="header" ng-if="subTheme != 'scanandpay'">
978
<a href="javascript:void(0)" ng-click="troubleLoggin()"><img ng-src="/pages/themesv2/images/mp-web/back.svg"></a>
979
<span>Trouble logging in?</span>
980
</div>
981
<h2 ng-if="subTheme == 'scanandpay'">Trouble logging in?</h2>
982
<div class="innerContainer">
983
<p ng-if="subTheme == 'scanandpay'"><a ng-click="forgetPasswordClick()" style="cursor: pointer;" name="forgotClick" ga-clickevent>I
984
forgot my password</a></p>
985
<p>
986
<a screen-name="/login"
987
event-category="login" event-action ="other_login_issue_selected"
988
event-type="customEvent" event-label="I want to create a new password" ga-clickevent ng-click="forgetPasswordClick()" style="cursor: pointer;" name="forgotClick">I
989
want
990
to create a new password<span class="arrow"></span></a></p>
991
<p ga-clickevent screen-name="/login"
992
event-category="login" event-action ="other_login_issue_selected"
993
event-type="customEvent" event-label="I don't have my mobile number"><a href="https://paytm.com/care/myaccount/" target="_parent" style="cursor: pointer;">I don't
994
have my
995
mobile number<span class="arrow"></span></a></p>
996
<p ga-clickevent screen-name="/login"
997
event-category="login" event-action ="other_login_issue_selected"
998
event-type="customEvent" event-label="Contact us">
999
<a ng-if="subTheme != 'pos'" ng-href="{{subTheme == 'mp-mall' ? 'https://paytmmall.com/care/ticket' : 'https://paytm.com/care/ticket/'}}" target="_parent" style="cursor: pointer;">Contact us<span class="arrow"></span></a>
1000
<a ng-if="subTheme == 'pos'" ng-href="https://smartretail.paytm.com/#support" target="_parent" style="cursor: pointer;">Contact us<span class="arrow"></span></a>
1001
</p>
1002
<br>
1003
<md-button ng-if="(subTheme != 'mp-web' && subTheme != 'pos' && subTheme != 'travel' && subTheme != 'mp-mall')" class="md-raised md-primary btn-new mt-20" style="width: auto; display: inherit;"
1004
type="button" ng-click="troubleLoggin()">Back
1005
</md-button>
1006
</div>
1007
</div>
1008
1009
<div class="helpMeLogin" ng-if="subTheme == 'mp-html5' || subTheme == 'agreement' || subTheme == 'mall-html5'">
1010
<ul>
1011
<li ng-click="forgetPasswordClick()" ga-clickevent screen-name="/login"
1012
event-category="login" event-action ="other_login_issue_selected"
1013
event-type="customEvent" event-label="I forgot my password" name="forgotClick"><img
1014
ng-src="/pages/themesv2/images/mp-html5/Forget_password.svg"><span>I forgot my password </span>
1015
</li>
1016
<li ng-click="redirect('myaccount')" ga-clickevent screen-name="/login"
1017
event-category="login" event-action ="other_login_issue_selected"
1018
event-type="customEvent" event-label="I do not have my mobile number"><img
1019
ng-src="/pages/themesv2/images/mp-html5/lost_mobile_no.svg"><span>I do not have my mobile number</span>
1020
</li>
1021
<li ng-click="redirect('ticket')" ga-clickevent screen-name="/login"
1022
event-category="login" event-action ="other_login_issue_selected"
1023
event-type="customEvent" event-label="I have some other issue"><img ng-src="/pages/themesv2/images/mp-html5/other_issue.svg"><span>I have some other issue</span>
1024
</li>
1025
</ul>
1026
</div>
1027
</div>
1028
</div>
1029
</div>
1030
<!-- Wallet Container -->
1031
<div id="wallet-container" ng-if="showWalletContainer && !isIvrFlow && subTheme != 'mp-web' && subTheme != 'pos' && subTheme != 'travel' && subTheme != 'mp-mall' && subTheme != 'scanandpay' && subTheme != 'netbanking' && subTheme != 'partner' && subTheme != 'diy' && subTheme != 'panel' && subTheme != 'sellerpanel' && subTheme != 'ump'&& subTheme != 'diy-ppb' && subTheme != 'dashboard' && subTheme != 'paytm-cloud' && subTheme != 'fastag' && subTheme != 'ad-manager'">
1032
1033
<div class="wallet-image-container">
1034
<img ng-src="/pages/themesv2/images/mp-web/wallet.png">
1035
<div class="wallet-heading">Advantages of Paytm wallet</div>
1036
</div>
1037
1038
<div class="wallet-text-container">
1039
<div class="line-container">
1040
<div class="sprite line-1"></div>
1041
<span class="wallet-line-text">Pay your bills using Paytm Wallet</span></div>
1042
<div class="line-container">
1043
<div class="sprite line-2"></div>
1044
<span class="wallet-line-text">In case of refund, money will be credited to your wallet instantaneously</span>
1045
</div>
1046
<div class="line-container">
1047
<div class="sprite line-3"></div>
1048
<span class="wallet-line-text">Use Paytm Wallet on other websites</span></div>
1049
</div>
1050
1051
</div>
1052
1053
<!-- </div> -->
1054
<!-- Wallet Container -->
1055
1056
<!-- Login Opt Container -->
1057
<!--addMobile screen-->
1058
</script>
1059
1060
<!--STYLESHEETS--><!--STYLESHEETS-->
1061
<!--SCRIPTS--><script src="index_files/paytmOauth.js"></script><!--SCRIPTS-->
1062
1063
1064
1065
1066
<div id="ngProgress-container" class="ng-scope"><div id="ngProgress" style="height: 2px; background-color: rgb(0, 215, 255); color: rgb(0, 215, 255); width: 0%; opacity: 1;"></div></div><script type="text/javascript" id="">function setCookie(c,d,a){var b=new Date;b.setTime(b.getTime()+864E5*a);a="; expires\x3d"+b.toGMTString();document.cookie=c+"\x3d"+d+a}var refHost=google_tag_manager["GTM-PTT2P2"].macro(2);setCookie("referrer",refHost,30);</script><script type="text/javascript" id="">tmp_url=document.location.href;var t_referrer=document.referrer;function ie_trim(a){return a=a.replace(/^\s+|\s+$/g,"")}function t_empty(a){if("undefined"===typeof a||null===a)return!0;if("undefined"!=typeof a.length)return 0==a.length;var b=0,c;for(c in a)a.hasOwnProperty(c)&&b++;return 0==b}function tvc_delCookie(a){tvc_getCookie(a)&&tvc_setCookie(a,"")}
1067
function tvc_setCookie(a,b){exdays=30;var c=new Date;c.setDate(c.getDate()+exdays);c=escape(b)+(null==exdays?"":"; expires\x3d"+c.toUTCString());document.cookie=a+"\x3d"+c+"; Path\x3d /;"}function tvc_getCookie(a){var b,c=document.cookie.split(";");for(b=0;b<c.length;b++){var d=c[b].substr(0,c[b].indexOf("\x3d"));var e=c[b].substr(c[b].indexOf("\x3d")+1);d=d.replace(/^\s+|\s+$/g,"");if(d==a)return unescape(e)}return null}
1068
function getQueryVariable(a){var b=window.location.search.substring(1);b=b.split("\x26");for(var c=0;c<b.length;c++){var d=b[c].split("\x3d");if(d[0]==a)return d[1]}return!1}function smart_split(a,b){return-1<a.indexOf("-")?a.split("-")[b]:!1}QP_val=getQueryVariable("utm_campaign");QP_term=getQueryVariable("utm_term");
1069
t_empty(QP_val)?!t_empty(t_referrer)&&(0>t_referrer.indexOf("paytm")||10<t_referrer.indexOf("paytm"))&&(tvc_delCookie("tvc_ref_prt"),tvc_delCookie("tvc_subid")):(part_prefix=smart_split(QP_val,0),part_cat=smart_split(QP_val,1),t_empty(part_prefix)||t_empty(part_cat)||(tvc_setCookie("tvc_ref_prt",QP_val),!1!==getQueryVariable("utm_term")&&tvc_setCookie("tvc_subid",QP_term)));</script><script type="text/javascript" id="" src="index_files/sjcl.js"></script><div style="display: none; visibility: hidden;"><script>var gdr_gs_product_impression=0,gs_grand_total_for_gdr=0,gs_product_ids_for_gdr="",gs_page_type_for_gdr="",gdr_user_id="",tag_fired_on_url="";function isEcPresent(a){return dataLayer[a].hasOwnProperty("ecommerce")}function isPropPresent(a,b){return dataLayer[a].ecommerce.hasOwnProperty(b)}
1070
function getPageUrlFromDL(){try{for(var a=0;a<dataLayer.length;a++)if(dataLayer[a].hasOwnProperty("tag_fired_on"))return dataLayer[a].tag_fired_on}catch(b){a=document.createElement("img"),a.src="https://script.google.com/macros/s/AKfycbwdNmnukVWDVVUG0WD2GZQu6UH7lLyj5ublWoNkdKnGPhCex90/exec?ErrorMessage\x3d"+b.message+"\x26PageType\x3d"+google_tag_manager["GTM-PTT2P2"].macro(3)+"\x26tag\x3dgetPageUrlFromDL"}}
1071
function searchDlForPi(){try{gs_product_ids_for_gdr=[];gs_grand_total_for_gdr=0;for(var a=dataLayer.length-1;0<=a&&3!=gs_product_ids_for_gdr.length;a--)if(isEcPresent(a)&&isPropPresent(a,"impressions")){var b=dataLayer[a].ecommerce.impressions;gs_grand_total_for_gdr+=b[0].price;gs_product_ids_for_gdr.push(b[0].id)}}catch(c){a=document.createElement("img"),a.src="https://script.google.com/macros/s/AKfycbwdNmnukVWDVVUG0WD2GZQu6UH7lLyj5ublWoNkdKnGPhCex90/exec?ErrorMessage\x3d"+c.message+"\x26PageType\x3d"+
1072
google_tag_manager["GTM-PTT2P2"].macro(4)+"\x26tag\x3dsearchDlForPi"}}
1073
function push_gdr_to_dl(){try{tag_fired_on_url!=getPageUrlFromDL()&&dataLayer.push({event:"fire_gdr_tag",grand_total_for_gdr:gs_grand_total_for_gdr,product_ids_for_gdr:gs_product_ids_for_gdr,page_type_for_gdr:gs_page_type_for_gdr,gdr_user_id:gdr_user_id,tag_fired_on:tag_fired_on_url})}catch(b){var a=document.createElement("img");a.src="https://script.google.com/macros/s/AKfycbwdNmnukVWDVVUG0WD2GZQu6UH7lLyj5ublWoNkdKnGPhCex90/exec?ErrorMessage\x3d"+b.message+"\x26PageType\x3d"+google_tag_manager["GTM-PTT2P2"].macro(5)+
1074
"\x26tag\x3dpush_gdr_to_dl"}};</script></div><div style="display: none; visibility: hidden;"><script>var placeholder=document.getElementById("message-placeholder"),start=(new Date(2014,2,3,4,0,10,0)).getTime(),end=(new Date(2014,2,3,4,30,10,0)).getTime(),now=Date.now();placeholder&&placeholder.length&&(placeholder.style.display="none");</script></div><script src="index_files/a"></script></body></html>
1075