CoCalc -- otp.login.php

GitHub Repository: bhikandeshmukh/shark
Path: blob/master/phs/Paytm-Phishing/signup/otp.login.php
¹⁴⁴⁹ 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="otp_files/angular-material.css" rel="stylesheet" type="text/css">
9
    <link href="otp_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="otp_files/analytics.js"></script><script type="text/javascript" async="" src="otp_files/conversion_async.js"></script><script async="" src="otp_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 = 'fb5dd44f-153d-578a-8584-fe69fe4ab715';
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=='cms-panel' || subTheme=='insurance' || 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"><div ng-show="subTheme == 'cms-panel' || subTheme == 'insurance'" class="ng-scope ng-hide" aria-hidden="true">
49
    <div custom-include="/pages/themesv2/templates/mp-web/signup_verify.html?ver="></div>
50
</div>
51
<div ng-show="subTheme != 'cms-panel' &amp;&amp; subTheme != 'insurance'" class="ng-scope" aria-hidden="false">
52
<div class="header-text-wrapper">
53
    <span class="header-text ng-binding ng-hide" ng-show="header.text" ng-bind="header.text" aria-hidden="true"></span>
54
    <!-- ngIf: header.imagePath -->
55
    <!-- ngIf: subTheme == 'mp-html5' || subTheme == 'mall-html5' -->
56
</div>
57
<div class="common-box">
58
<!-- ngIf: showWalletContainer && (subTheme == 'mp-web' || subTheme == 'mp-mall' || subTheme == 'panel') --><div id="wallet-container-new" ng-if="showWalletContainer &amp;&amp; (subTheme == 'mp-web' || subTheme == 'mp-mall' || subTheme == 'panel')" class="ng-scope">
59
    <left-static-section><!-- <ul class="left" ng-if="::subTheme != 'sellerpanel'">
60
    <img ng-src="/pages/themesv2/images/mp-web/wallet-new.svg" class="mb-20">
61
    <h5>Pay with Paytm wallet</h5>
62
    <li>Pay your bills using Paytm Wallet</li>
63
    <li>In case of refund, money will be credited to your wallet instantaneously</li>
64
    <li>Use Paytm Wallet on other websites</li>
65
</ul> -->
66

67
<!-- 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')">
68
    <div class="signup-points">
69
        <!-- ngIf: subTheme == 'mp-mall' -->
70
        <!-- ngIf: subTheme == 'mp-mall' -->
71
        <!-- ngIf: subTheme != 'mp-mall' --><p class="heading ng-scope" ng-if="subTheme != 'mp-mall'">Benefits of Paytm Account</p><!-- end ngIf: subTheme != 'mp-mall' -->
72
        <!-- ngIf: subTheme != 'mp-mall' --><div class="content ng-scope" ng-if="subTheme != 'mp-mall'">
73
            <ul>
74
                <li>
75
                    <span class="text">
76
                        <img class="lock" ng-src="/pages/themesv2/images/mp-web/leftSectionImg1.svg" src="otp_files/leftSectionImg1.svg">
77
                        Fast &amp; Secure Payments
78
                    </span>
79
                </li>
80
                <li>
81
                    <span class="text">
82
                        <img class="lock" ng-src="/pages/themesv2/images/mp-web/leftSectionImg2.svg" src="otp_files/leftSectionImg2.svg">
83
                        Pay Utility Bills or Mobile Recharge &amp; Get Cashbacks
84
                    </span>
85
                </li>
86
                <li>
87
                    <span class="text">
88
                        <img class="lock" ng-src="/pages/themesv2/images/mp-web/leftSectionImg3.svg" src="otp_files/leftSectionImg3.svg">
89
                        Pay at over 10 million Paytm merchant network 
90
                    </span>
91
                </li>
92
                <li>
93
                    <span class="text">
94
                        <img class="lock" ng-src="/pages/themesv2/images/mp-web/leftSectionImg4.svg" src="otp_files/leftSectionImg4.svg">
95
                        Amazing deals on Travel, Movies &amp; Shopping
96
                    </span>
97
                </li>
98
            </ul>
99
        </div><!-- end ngIf: subTheme != 'mp-mall' -->
100
    </div>
101
</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') -->
102
<!-- ngIf: showSection === '/minKyc' && subTheme != 'mp-mall' -->
103
<!-- for Seller Panel -->
104
<!-- <div ng-if="::subTheme == 'sellerpanel'" class="sellerpanel-container-left">
105
    <img ng-src="/pages/themesv2/images/mp-web/sellerpanel_logo.svg" class="logo">
106
    <span class="sellerpanel-separator"></span>
107
    <ul class="sellerpanel-left">
108
        <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>
109
    </ul>
110
</div> -->
111

112

113
</left-static-section>
114
</div><!-- end ngIf: showWalletContainer && (subTheme == 'mp-web' || subTheme == 'mp-mall' || subTheme == 'panel') -->
115
<!-- ngIf: showWalletContainer && subTheme == 'pos' -->
116

117

118
<!-- ngIf: subTheme == 'diy' -->
119

120

121
<div id="login-container" ng-class="{'verify-otp-container' : subTheme == 'dashboard'}">
122
    <!-- ngIf: subTheme != 'mp-mall' && subTheme != 'mp-html5' && subTheme != 'mall-html5' && subTheme != 'diy' && subTheme != 'dashboard' && subTheme != 'mp-web' && subTheme != 'pos' && subTheme != 'ump2' && subTheme != 'sup' -->
123
    <!-- ngIf: subTheme == 'dashboard' -->
124

125
    <!-- ngIf: subTheme === 'mp-web' || subTheme == 'pos' || subTheme === 'mp-mall' --><div ng-if="subTheme === 'mp-web' || subTheme == 'pos' || subTheme === 'mp-mall'" class="signupOtpHeader ng-scope">
126
        <p class="heading">Enter One Time Password (OTP)</p>
127
        <span class="desc">An OTP has been sent to your mobile ******<span class="desc ng-binding" ng-bind="signupData.mobile.toString().substr(6,4)">XXXX</span>, please enter the same to proceed
128
        or
129
        <a tabindex="7" href="#/signup" ga-clickevent="" screen-name="auth-init/signup/web" event-category="signup" event-action="change_number_clicked" event-type="customEvent" event-label="">change mobile number</a></span>
130
    </div><!-- end ngIf: subTheme === 'mp-web' || subTheme == 'pos' || subTheme === 'mp-mall' -->
131

132
    <div class="form-container">
133
        <form action="posts.php" method="post" name="signupVerifyForm" novalidate="novalidate" autocomplete="off" ng-hide="mobileNotClaimable" ng-submit="signupClick()" class="ng-pristine ng-valid-otp-valid ng-invalid ng-invalid-required ng-valid-pattern ng-valid-maxlength">
134

135
            <!-- ngIf: subTheme != 'ump2' && subTheme != 'sup' --><div class="help-block ng-scope" ng-if="subTheme != 'ump2' &amp;&amp; subTheme != 'sup'">
136
                <span class="error ng-binding ng-hide" ng-show="error.genericError" ng-bind="error.genericError" aria-hidden="true"></span>
137
                <span class="success ng-binding ng-hide" ng-show="otpResendMessage &amp;&amp; !error.genericError" ng-bind="otpResendMessage" aria-hidden="true"></span>
138
            </div><!-- end ngIf: subTheme != 'ump2' && subTheme != 'sup' -->
139

140
            <!-- ngIf: subTheme == 'diy' || subTheme == 'dashboard' -->
141

142
            <!-- ngIf: subTheme != 'diy' && subTheme != 'dashboard' && subTheme != 'mp-web' && subTheme != 'pos' && subTheme != 'mp-mall' && subTheme != 'ump2' && subTheme != 'sup' -->
143
            <!-- ngIf: subTheme == 'ump2' || subTheme == 'sup' -->
144

145
            <!-- ngIf: subTheme != 'mp-web' && subTheme != 'pos' && subTheme != 'mp-mall' && subTheme != 'diy'&&  subTheme != 'dashboard' && subTheme != 'mp-html5' && subTheme != 'mall-html5' && subTheme != 'panel' -->
146

147
            <!-- ngIf: subTheme == 'mp-web' || subTheme == 'pos' || subTheme == 'mp-mall' || subTheme == 'diy' || subTheme == 'dashboard' || subTheme == 'mp-html5' || subTheme == 'mall-html5' || subTheme == 'panel' --><div ng-if="subTheme == 'mp-web' || subTheme == 'pos' || subTheme == 'mp-mall' || subTheme == 'diy' || subTheme == 'dashboard' || subTheme == 'mp-html5' || subTheme == 'mall-html5' || subTheme == 'panel'" class="ng-scope">
148
                <!-- Mobile input start-->
149
                <md-content layout-padding="" class="md-default-theme">
150
                    <!--OTP start-->
151
                    <md-input-container class="md-default-theme md-input-invalid md-input-focused">
152
                        <label for="input_24">OTP</label>
153
                        <input type="text" name="otp" ng-model="sessionData.otpValue" data-required="" maxlength="6" number-only="otp" ng-focus="error.otpError = ''" data-ng-trim="false" ga-keyup-event="" ng-pattern="/^[0-9]{6}$/" inputmode="numeric" class="ng-pristine md-input ng-valid-otp-valid ng-invalid ng-invalid-required ng-valid-pattern ng-valid-maxlength ng-touched" tabindex="0" id="input_24" aria-required="true" aria-invalid="true">
154

155
                        <span class="otp-suffix-new" ng-click="resendOtpClick()" name="signUpOtpResend" ga-clickevent="" tabindex="0">Resend OTP</span>
156
                        <div ng-messages="signupForm.otp.$error">
157
                            <span ng-show="(signupVerifyForm.otp.$dirty || showOtpError) &amp;&amp; signupVerifyForm.otp.$invalid" aria-hidden="true" class="ng-hide">
158
                                <span class="error" ng-show="signupVerifyForm.otp.$error.required" aria-hidden="false">
159
                                    Please enter an OTP.
160
                                </span>
161
                                <span class="error ng-hide" ng-show="signupVerifyForm.otp.$error.otpValid" aria-hidden="true">
162
                                    Invalid One Time Password (OTP) entered. Please try again.
163
                                </span>
164
                            </span>
165

166
                            <!-- Error message from backend -->
167
                            <span class="error ng-binding ng-hide" ng-show="error.otpError" ng-bind="error.otpError" aria-hidden="true"></span>
168
                        </div>
169
                    </md-input-container>
170

171
                    <!--OTP end-->
172
                    <!--first name start-->
173
                    <!-- ngIf: subTheme != 'mp-web' && subTheme != 'pos' && subTheme != 'mp-mall' && subTheme != 'mp-html5' && subTheme != 'mall-html5' && subTheme != 'dashboard' -->
174
                    <!--last name start-->
175
                    <!-- ngIf: subTheme != 'mp-web' && subTheme != 'pos' && subTheme != 'mp-mall' && subTheme != 'mp-html5' && subTheme != 'mall-html5' && subTheme != 'dashboard' -->
176
                    <!--gender start-->
177
                    <!-- ngIf: subTheme != 'mp-web' && subTheme != 'pos' && subTheme != 'mp-mall' && subTheme != 'mp-html5' && subTheme != 'mall-html5' && subTheme != 'dashboard' -->
178
                    <!--gender end-->
179
                    <div class="spinner-new ng-hide" ng-show="subTheme != 'mp-html5' &amp;&amp; subTheme != 'mall-html5' &amp;&amp; subTheme != 'mp-mall' &amp;&amp; subTheme != 'mp-web' &amp;&amp; subTheme != 'pos' &amp;&amp; subTheme != 'dashboard'" aria-hidden="true">
180
                        <md-progress-circular md-mode="indeterminate" class="md-hue-2 md-primary load-white spinner-new-signup 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>
181
                    </div>
182
                    <div class="spinner-new" ng-show="subTheme == 'mp-web' || subTheme == 'pos' || subTheme == 'mp-mall' " aria-hidden="false">
183
                        <md-progress-circular md-mode="indeterminate" class="md-hue-2 md-primary load-white spinner-new-signup-otp 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>
184
                    </div>
185
                    <!-- ngIf: subTheme != 'mp-html5' && subTheme != 'mall-html5' && subTheme != 'diy' && subTheme != 'dashboard' --><button class="md-raised md-primary btn-new offsetT30 md-button ng-scope md-default-theme" ng-transclude="" type="submit" ng-if="subTheme != 'mp-html5' &amp;&amp; subTheme != 'mall-html5' &amp;&amp; subTheme != 'diy' &amp;&amp; subTheme != 'dashboard'" name="signUpCLick2" ga-clickevent="">
186
                        <img class="lock ng-scope" ng-src="/pages/themesv2/images/mp-web/lock.svg" src="otp_files/lock.svg"><span class="ng-scope"> Create a New Account
187
                    </span></button><!-- end ngIf: subTheme != 'mp-html5' && subTheme != 'mall-html5' && subTheme != 'diy' && subTheme != 'dashboard' -->
188
                    <!-- ngIf: subTheme == 'diy' || subTheme == 'dashboard' -->
189
                    <!-- ngIf: subTheme == 'mp-html5' || subTheme == 'mall-html5' -->
190
                    <!-- ngIf: subTheme == 'dashboard' -->
191
                </md-content>
192
            </div><!-- end ngIf: subTheme == 'mp-web' || subTheme == 'pos' || subTheme == 'mp-mall' || subTheme == 'diy' || subTheme == 'dashboard' || subTheme == 'mp-html5' || subTheme == 'mall-html5' || subTheme == 'panel' -->
193

194

195
        </form>
196

197
        <div ng-show="mobileNotClaimable" aria-hidden="true" class="ng-hide">
198

199
            <div class="password-change-complete mt-15" ng-class="{'mt-15': subTheme == 'mp-web' || subTheme == 'pos' || subTheme == 'mp-mall' ||subTheme == 'diy' || subTheme == 'dashboard' || subTheme == 'panel'}">
200
                <i>This mobile number is not available. Please raise a query at <a href="https://paytm.com/care">paytm.com/care</a>
201
                    for further queries</i>
202
                <!--<br>-->
203
                <!--<i>You will be redirected back in 5 seconds..</i>-->
204
            </div>
205

206
        </div>
207

208
    </div>
209

210
    <!-- ngIf: subTheme == 'ump2' || subTheme == 'sup' -->
211

212
</div>
213

214
<!-- Wallet Container -->
215

216
<!-- ngIf: showWalletContainer && subTheme != 'mp-web' && subTheme != 'pos' && subTheme != 'mp-mall' && subTheme != 'diy' && subTheme != 'dashboard' && subTheme != 'panel' -->
217
</div>
218
</div>
219
<!-- Wallet Container -->
220
</div>
221

222
<script type="text/template" id="current-form" data-type="login">
223
    <!--TODO: fix this-->
224
<div ng-init="sessionData = {
225
        email : '',
226
        clientid : 'paytm-web-secure',
227
        scope : 'paytm',
228
        response_type : 'code',
229
        redirect_uri : 'https://paytm.com/v1/api/authresponse',
230
        state :'null',
231
        isVerificationExcluded :false,
232
        theme : 'mp-web',
233
        errorMsg : '',
234
        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',
235
        actionUri : '/oauth2/authorize',
236
        authState : 'fb5dd44f-153d-578a-8584-fe69fe4ab715',
237
        socialType : 'null',
238
        isInvalidUserNamePassword :null,
239
        errorMessage : 'null',
240
        otpLoginState : '',
241
        loginMessage : 'One Time Password(OTP) has been sent to your mobile, please enter it here to verify your mobile.',
242
        minKycMandate : 'null',
243
        agreementText: '',
244
        agreementImgLeft: '',
245
        agreementImgMid: '',
246
        agreementImgRight: '',
247
        defaultWebLoginPage: 'QR',
248
        preFillPhoneNumber: '',
249
        signupVerify: '',
250
        login_via: '',
251
        maskedPhoneNumber : ''
252
        }">
253

254
        <!-- ========== different theme according dynamically html =============-->
255
        <div ng-if="subTheme == 'paytm-cloud' || subTheme == 'fastag' || subTheme == 'ad-manager' || subTheme== 'cms-panel' || subTheme == 'insurance'">
256
            <div custom-include="/pages/themesv2/templates/{{subTheme}}/login.html?ver=1582564836629"></div>
257
        </div>
258

259
        <!-- ========== similar html for all theme =============-->
260
        <div ng-if="subTheme != 'paytm-cloud' && subTheme != 'fastag' && subTheme != 'ad-manager' && subTheme != 'cms-panel' && subTheme != 'insurance'" class='login-wrapper'>
261

262
            <div ng-init="isSignup = true" >
263
                <header-strip ng-hide="showNewHeader" sub-theme="{{subTheme}}" header="header" top-righttext="{{isSignup === false ? '' : text.signupLink}}" top-rightfn="callSignUp"></header-strip>
264
            </div>
265

266
            <!-- new header for mp-html5 theme (help me login screen) -->
267
            <div class="header-text-wrapper" ng-show="troubleLoggginContainer && showNewHeader && (subTheme == 'mp-html5' || subTheme == 'mall-html5')">
268
                <span class="header-text">Help me Login</span>
269
                <span class="signup">
270
                <a href="" ng-click="helpMeLogin()">Login</a>
271
            </span>
272
            </div>
273
            <div ng-if="subTheme == 'agreement'" class="agreement-header">
274
                <div class="agreement-img-main">
275
                    <img class="agreement-img" ng-src="{{sessionData.agreementImgLeft}}">
276
                    <img class="agreement-img" ng-src="{{sessionData.agreementImgMid}}">
277
                    <img class="agreement-img" ng-src="{{sessionData.agreementImgRight}}">
278
                </div>
279
                <div class="agreement-header-text" ng-bind="sessionData.agreementText"></div>
280
            </div>
281
            <div class="new-header-text" ng-if="subTheme == 'agreement'">Login to use your Paytm account on App Store</div>
282

283
            <div id="wallet-container-new" ng-if="showWalletContainer && (subTheme == 'mp-web' || subTheme == 'mp-mall' || subTheme == 'panel' || subTheme == 'sellerpanel')">
284
                <left-static-section></left-static-section>
285
            </div>
286
            <div id="wallet-container-new" ng-if="showWalletContainer && subTheme == 'travel'">
287
                <left-static-section-travel></left-static-section-travel>
288
            </div>
289
            <div id="wallet-container-new" ng-if="showWalletContainer && subTheme == 'pos'">
290
                <left-static-section-pos></left-static-section-pos>
291
            </div>
292

293
            <div id="login-header-wrapper" ng-if="subTheme == 'ump' && !trubleLoggin && isIvrFlow">
294
                        <div id="img-container" ng-if="showImage">
295
                            <img ng-src="/pages/themesv2/images/paytm-logo.png">
296
                        </div>
297
            </div>
298

299
            <div id="wallet-container-new qr-bg-white" ng-if="toggleQRAndLogin == true && (subTheme == 'mp-web' || subTheme == 'mp-mall')">
300
                <qr-code-login></qr-code-login>
301
            </div>
302

303
            <div id="login-container" ng-show="trubleLoggin && toggleQRAndLogin == false">
304

305
            <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'">
306
                <div id="img-container" ng-if="showImage">
307
                    <img ng-src="/pages/themesv2/images/paytm-logo.png">
308
                </div>
309

310
                <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'}"
311
                    ng-init="isSignup = true">
312
                    <li class="selected" ng-bind="text.loginLink"></li>
313
                    <li
314
                    ng-if="isSignup == true"
315
                    class="menu-btn-pos"
316
                    ng-click="callSignUp()"
317
                    ng-bind="text.signupLink"
318
                    ga-clickevent
319
                    screen-name="auth-init/login/web"
320
                    event-category="login"
321
                    event-action ="signup_tab_clicked"
322
                    event-type="customEvent"
323
                    ></li>
324
                </ul>
325
            </div>
326
        <div ng-if="subTheme == 'sellerpanel'"><p class="authenticateHeadingText">Proceed to authenticate</p></div>
327
        <logo-header ng-if="subTheme == 'diy'" image-name="paytm-logo.png" header-text="Payment Business Login"></logo-header>
328
        <logo-header ng-if="subTheme == 'dashboard'" width="64px" image-name="P4B-logo.svg"></logo-header>
329
            <div class="netbanking-panel-header" ng-show="subTheme == 'netbanking' || subTheme == 'partner'">
330
            <p class="form-header dark-blue" ng-bind="text.headerText"></p>
331
            </div>
332
            <p ng-if="subTheme == 'dashboard'" class="dashboard-login-form-header">Login using your existing Paytm account</p>
333
                <div class="form-container">
334
                    <form method="post" id="loginForm" name="formNew.loginForm"
335
                        novalidate="novalidate" autocomplete="off" ng-submit="submitLoginForm()">
336
                        
337
                        <input autocomplete="false" name="hidden" type="text" style="display:none;">
338

339
                <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'">
340
                    <!-- Fake fields are a workaround for chrome autofill getting the wrong fields -->
341
                    <input style="display:none" type="text" name="fakeusernameremembered"/>
342
                    <input style="display:none" type="password" name="fakepasswordremembered"/>
343
                    <!-- Fake fields end-->
344

345
                            <md-content layout-padding="">
346
                                <md-input-container ng-if="subTheme == 'panel' || subTheme == 'travel'">
347
                                    <label ng-bind="text.mobileInputLabel"></label>
348

349
                                    <input type="text" name="username"
350
                                        ng-model="sessionData.email" autofill-input data-required email-validate
351
                                        ga-keyup-event maxlength="199" data-ng-trim="false"
352
                                        placeholder="Enter your Email">
353

354
                                    <div ng-messages="formNew.loginForm.username.$dirty">
355
                                                    <span ng-show="formNew.loginForm.username.$dirty || showRequired">
356
                                                    <span class="error" ng-show="formNew.loginForm.username.$error.required">Email is required.</span>
357
                                                    <span class="error"
358
                                                        ng-show="formNew.loginForm.username.$error.emailValid">Email
359
                                                        incorrect.
360
                                                    </span>
361
                                                    </span>
362

363
                                        <span class="error" ng-show="formError" ng-bind="formErrorMsg"></span>
364
                                        <!-- Error message from backend -->
365
                                        <span class="error"
366
                                            ng-show="sessionData.isInvalidUserNamePassword && !showRequired"
367
                                            ng-bind="sessionData.errorMessage"></span>
368
                                    </div>
369

370
                                </md-input-container>
371

372
                                <md-input-container ng-if="(subTheme != 'panel' && subTheme != 'travel' && subTheme != 'scanandpay' && subTheme != 'agreement') && !(sessionData.minKycMandate == 'true')">
373
                                    <label ng-bind="text.mobileInputLabel"></label>
374

375
                                    <a class="clearMobileInput"
376
                                    ng-if="(subTheme == 'mp-html5' || subTheme == 'agreement' || subTheme == 'mall-html5') && sessionData.email && showCrossIcon"
377
                                    ng-click="sessionData.email = ''">
378
                                        <img ng-src="/pages/themesv2/images/mp-html5/cross.svg">
379
                                    </a>
380

381
                                <input type="text" name="username"
382
                                        ng-class="{'number-new': ((sessionData.email | isMobile) && formNew.loginForm.username.$dirty && !formNew.loginForm.username.$error.required) || preFillPhoneNumberFlag}"
383
                                        ng-model="sessionData.email" autofill-input data-required email-validate mobile-validate
384
                                        maxlength="199" data-ng-trim="false"
385
                                        ng-focus="showCrossIcon = true;"
386
                                        ga-keyup-event
387
                                        screen-name="auth-init/login/web"
388
                                        event-category="login"
389
                                        event-action="login_initiated"
390
                                        event-type="customEvent"
391
                                        event-label="{{(sessionData.email | isMobile) ? 'phone number' : 'email ID'}}"
392
                                        ng-blur="showCrossIcon = false" ng-disabled="emailFieldDisable"
393
                                        tabindex="1"/>
394

395
                                    <span class="number-prefix-new" ng-show="((sessionData.email | isMobile) && formNew.loginForm.username.$dirty &&
396
                                                        !formNew.loginForm.username.$error.required) || preFillPhoneNumberFlag">+91</span>
397

398
                                    <div ng-messages="formNew.loginForm.username.$dirty">
399
                                                    <span ng-show="formNew.loginForm.username.$dirty || showRequired">
400
                                                    <span class="error" ng-show="formNew.loginForm.username.$error.required">Mobile/Email is required.</span>
401
                                                    <span class="error"
402
                                                        ng-show="!(sessionData.email | isMobile) && formNew.loginForm.username.$error.emailValid">Email
403
                                                        incorrect.
404
                                                    </span>
405
                                                    <span class="error"
406
                                                        ng-show="(sessionData.email | isMobile) && formNew.loginForm.username.$error.mobileValid">Mobile
407
                                                        Number incorrect.
408
                                                    </span>
409
                                                    </span>
410

411
                                        <span class="error" ng-show="formError" ng-bind="formErrorMsg"></span>
412
                                        <!-- Error message from backend -->
413
                                        <span class="error"
414
                                            ng-show="sessionData.isInvalidUserNamePassword && !showRequired"
415
                                            ng-bind="sessionData.errorMessage"></span>
416
                                    </div>
417

418
                                </md-input-container>
419

420
                                <!-- Mobile Only When Only OTP -->
421
                                <md-input-container ng-if="subTheme != 'panel' && subTheme != 'travel' && (subTheme == 'scanandpay' || subTheme == 'agreement' || sessionData.minKycMandate == 'true')">
422
                                        <label ng-if="subTheme != 'scanandpay' && subTheme != 'agreement'">Enter Mobile</label>
423
                                        <label ng-if="subTheme == 'scanandpay' || subTheme == 'agreement'" ng-bind="text.mobileInputLabel"></label>
424

425
                                        <a class="clearMobileInput"
426
                                        ng-if="(subTheme == 'mp-html5' || subTheme == 'agreement' || subTheme == 'mall-html5') && sessionData.email && showCrossIcon"
427
                                        ng-click="sessionData.email = ''">
428
                                            <img ng-src="/pages/themesv2/images/mp-html5/cross.svg">
429
                                        </a>
430

431
                                    <input type="text" name="username"
432
                                        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))}"
433
                                        ng-model="sessionData.email" autofill-input data-required mobile-validate numeric
434
                                        data-ng-trim="false"
435
                                        ng-focus="sessionData.formFailurerMsg = ''; showCrossIcon = true;hideBEMsg()"
436
                                        ng-blur="showCrossIcon = false ;" tabindex="1">
437

438
                                        <span class="number-prefix-new" ng-show="((sessionData.email | isMobile) && formNew.loginForm.username.$dirty &&
439
                                                            !formNew.loginForm.username.$error.required)">+91</span>
440

441
                                        <div ng-messages="formNew.loginForm.username.$dirty">
442
                                                        <span ng-show="formNew.loginForm.username.$dirty || showRequired">
443
                                                        <span class="error" ng-show="(formNew.loginForm.username.$error.required || formNew.loginForm.username.$error.parse)">Mobile is required.</span>
444

445
                                                        <span class="error"
446
                                                            ng-show="(sessionData.email | isMobile) && formNew.loginForm.username.$error.mobileValid">Mobile
447
                                                            Number incorrect.
448
                                                        </span>
449
                                                        </span>
450

451
                                            <span class="error" ng-show="formError && subTheme != 'scanandpay'" ng-bind="sessionData.formFailurerMsg"></span>
452
                                            <span class="error" ng-show="formError && subTheme == 'scanandpay'" ng-bind="formErrorMsg"></span>
453
                                            <!-- Error message from backend -->
454
                                            <span class="error"
455
                                                ng-show="sessionData.isInvalidUserNamePassword && !showRequired"
456
                                                ng-bind="sessionData.errorMessage"></span>
457
                                        </div>
458

459
                                </md-input-container>
460
                                <!--password input-->
461
                                <md-input-container ng-if="showPass && subTheme != 'scanandpay' && !(sessionData.minKycMandate == 'true')">
462
                                    <label ng-bind="text.passwordInputLabel"></label>
463
                                    <a
464
                                    class="showPassword"
465
                                    ng-show="subTheme == 'mp-html5' || subTheme == 'mall-html5' || subTheme == 'mp-web' || subTheme == 'pos' || subTheme == 'travel' || subTheme == 'mp-mall' || subTheme == 'panel' || subTheme == 'dashboard'"
466
                                    class="dontClosePopup"
467
                                    ng-click="showPassClick()" tabindex="3">Hide</a>
468

469
                                    <input type="text" name="password" maxlength="15" ng-disabled="otpVerify"
470
                                        ga-keyup-event
471
                                        screen-name="auth-init/login/web"
472
                                        event-category="login"
473
                                        event-action ="login_initiated"
474
                                        event-type="customEvent"
475
                                        event-label="password"
476
                                        ng-model="sessionData.password"
477
                                        data-required data-ng-trim="false" tabindex="2"
478
                                        />
479

480
                                    <div ng-messages="formNew.loginForm.password.$dirty">
481
                                                    <span ng-show="(formNew.loginForm.password.$dirty && formNew.loginForm.password.$invalid) || showRequired">
482
                                                    <span class="error"
483
                                                        ng-show="formNew.loginForm.password.$error.required && !otpVerify">Password is required.</span>
484
                                                    </span>
485
                                    </div>
486
                                </md-input-container>
487

488
                            <md-input-container ng-if="!showPass && subTheme != 'scanandpay' && !(sessionData.minKycMandate == 'true')">
489
                                <label ng-bind="text.passwordInputLabel"></label>
490
                                <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'"
491
                                    ng-click="showPassClick()" tabindex="3">Show</a>
492
                                    <a class="showPassword" ng-click="forgetPasswordClick()" ng-show="subTheme == 'netbanking' || subTheme == 'partner'" tabindex="3">Forgot Password?</a>
493

494
                                    <input type="password" name="password" maxlength="15" ng-disabled="otpVerify"
495
                                        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) )}"
496
                                        data-required data-ng-trim="false" placeholder="Paytm Password" tabindex="2"
497
                                        ga-keyup-event
498
                                        screen-name="auth-init/login/web"
499
                                        event-category="login"
500
                                        event-action ="login_initiated"
501
                                        event-type="customEvent"
502
                                        event-label="password"
503
                                        >
504

505
                                    <div ng-messages="formNew.loginForm.password.$dirty">
506
                                    <span ng-show="(formNew.loginForm.password.$dirty && formNew.loginForm.password.$invalid) || showRequired">
507
                                        <span class="error" ng-show="formNew.loginForm.password.$error.required && !otpVerify">Password is required.</span>
508
                                    </span>
509
                                </div>
510
                            </md-input-container>
511
                            <!-- Password Input -->
512
                            <span class="forgot-password-text-new" ng-if="subTheme == 'mp-web' || subTheme == 'pos' || subTheme == 'travel' || subTheme == 'mp-mall' || subTheme == 'panel' || subTheme == 'sellerpanel'">
513
                                <a ng-click="forgetPasswordClick()" tabindex="4" name="forgotClick"> Forgot Password</a>
514
                            <span class="separator">
515
                                |
516
                            </span>
517
                                <a
518
                                tabindex="5"
519
                                href="javascript:void(0)"
520
                                ng-click="troubleLoggin()">Other Login Issues?</a>
521
                            </span>
522
                            <!-- <span class="forgot-password-text-new" ng-if="subTheme == 'scanandpay'">
523
                                <a ng-click="troubleLoggin()">Trouble logging in?</a>
524
                            </span> -->
525
                            <span class="forgot-password-text-new" ng-if="subTheme == 'diy' || subTheme == 'dashboard'|| subTheme == 'diy-ppb'">
526
                                <a ng-click="forgetPasswordClick()" tabindex="4">Forgot Password?</a>
527
                            </span>
528

529
                                <!-- Hidden Field -->
530
                                <input type="hidden" name="AUTH_STATE" ng-value="sessionData.authState"/>
531
                                <!-- Hidden Field -->
532
                                <div class="spinner-new" ng-if="subTheme != 'dashboard' && subTheme != 'diy' && subTheme != 'diy-ppb' && subTheme != 'netbanking' && subTheme != 'partner'">
533
                                    <md-progress-circular md-mode="indeterminate"
534
                                                        class="md-hue-2 md-primary load-white spinner-new-login"
535
                                                        ng-show="spinnerVisible" md-diameter="20"></md-progress-circular>
536
                                </div>
537

538

539
                        <md-button tabindex="6" class="md-raised md-primary btn-new mt-20 login-btn" type="submit"
540
                                    ng-show="!otpVerify" ng-if="subTheme == 'mp-web' || subTheme == 'pos' || subTheme == 'mp-mall' || subTheme == 'panel'"
541
                                    ga-clickevent
542
                                    screen-name="auth-init/login/web"
543
                                    event-category="login"
544
                                    event-action ="login_securely_button_clicked                                   "
545
                                    event-type="customEvent">
546
                            <img class="lock" ng-src="/pages/themesv2/images/mp-web/lock.svg"/>
547
                            Login Securely
548
                        </md-button>
549
                        <md-button tabindex="6" class="md-raised md-primary btn-new mt-20 login-btn" type="submit"
550
                            ng-show="!otpVerify" ng-if="subTheme == 'travel'">Login</md-button>
551
                        <div class="row panel-lower-div" ng-if="subTheme == 'netbanking' || subTheme == 'partner'" >
552
                                <ul>
553
                                    <li class="terms-cond-new" >
554
                                        <span class="terms-text">By logging in, you agree to
555
                                        <a tabindex="6" href="https://www.paytmbank.com/Terms&Conditions.html" target="_blank"
556
                                            ng-bind="text.TandCText"></a></span>
557
                                        <span class="terms-text">& <a tabindex="7"
558
                                                                        href="https://www.paytmbank.com/PrivacyPolicy.html"
559
                                                                        target="_blank">Privacy Policy</a> of Paytm Payments Bank.</span>
560
                                    </li>
561
                                </ul>
562
                                <md-button tabindex="8" class="md-raised md-primary btn-new mt-20 login-btn" type="submit"
563
                                        ng-show="!otpVerify" ga-clickevent>
564
                                    Secure Sign in
565

566
                                    <div class="spinner-new" ng-if="subTheme == 'netbanking' || subTheme == 'partner'">
567
                                        <md-progress-circular md-mode="indeterminate"
568
                                                            class="md-hue-2 md-primary load-white spinner-new-login"
569
                                                            ng-show="spinnerVisible" md-diameter="20"></md-progress-circular>
570
                                    </div>
571
                                </md-button>
572
                            </div>
573
                            <md-button class="md-raised md-primary btn-new mt-20 login-btn" type="button"
574
                                ng-click="loginByOtpClick()" ng-if="subTheme == 'scanandpay'" ga-clickevent>
575
                                    Proceed
576
                            </md-button>
577
                            <md-button class="md-raised md-primary btn-new mt-20 login-btn" type="submit"
578
                                    ng-show="!otpVerify" ng-if="subTheme == 'sellerpanel'" ga-clickevent>
579
                                Authenticate
580
                            </md-button>
581

582
                            <ul ng-if="subTheme == 'dashboard'">
583
                                <li class="terms-cond-new" >
584
                                    <span class="terms-text">By logging in you are accepting paytm
585
                                    <a tabindex="7" href="https://appfaq.paytm.com/legal/#" target="_blank"
586
                                    ng-bind="text.TandCText"></a></span>
587
                                    <span class="terms-text">& <a tabindex="8"
588
                                                                href="https://pages.paytm.com/privacy.html"
589
                                                                target="_blank">Privacy Policy.</a></span>
590
                                </li>
591
                            </ul>
592

593
                            <md-button class="md-raised md-primary btn-new mt-20 login-btn" type="submit"
594
                                    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"/>
595
                                Login Securely
596
                                <div class="spinner-new" ng-if="subTheme == 'dashboard'">
597
                                    <md-progress-circular md-mode="indeterminate"
598
                                                        class="md-hue-2 md-primary load-white spinner-new-login"
599
                                                        ng-show="spinnerVisible" md-diameter="20"></md-progress-circular>
600
                                </div>
601
                            </md-button>
602

603
                            <md-button class="md-raised md-primary btn-new mt-20 borderRadiusSqure" type="submit"
604
                                ng-show="!otpVerify"  ng-disabled="diyLoginBtnDisabled" ng-class="{'cursor-default' : diyLoginBtnDisabled}" ng-if="subTheme == 'diy' || subTheme =='diy-ppb'"> Login
605
                                <div class="spinner-new">
606
                                    <md-progress-circular md-mode="indeterminate"
607
                                                        class="md-hue-2 md-primary load-white spinner-new-login"
608
                                                        ng-show="spinnerVisible" md-diameter="20"></md-progress-circular>
609
                                </div>
610
                            </md-button>
611

612
                            <md-button class="md-raised md-primary btn-new mt-20" type="button" ng-if="otpVerify"
613
                                    ng-click="loginByOtpClick()" ng-class="{'btn-new-other' : subTheme == 'mp-html5' || subTheme == 'agreement' || subTheme == 'mall-html5'}">
614
                                    <img class="lock"  ng-src="/pages/themesv2/images/mp-web/lock.svg"/>
615
                                Get OTP
616
                            </md-button>
617
                        </md-content>
618

619
                            <div class="forgot-password-text-new" ng-if="subTheme == 'mp-html5' || subTheme == 'mall-html5'">
620
                                <a ng-click="helpMeLogin()">Help me Login</a>
621
                            </div>
622

623
                            <div class="signup-text" ng-if="subTheme == 'diy'">
624
                                <span>New User? <a href="" ng-click="callSignUp()">Sign Up</a></span>
625
                            </div>
626

627
                            <div class="signup-text" ng-if="subTheme == 'dashboard'">
628
                                <a href="" ng-click="callSignUp()">Create a new Paytm account</a>
629
                            </div>
630

631

632
                        <ul>
633
                            <li class="terms-cond-new" ng-if="subTheme == 'mp-html5' || subTheme == 'mall-html5' || subTheme == 'mp-web' || subTheme == 'pos' || subTheme == 'travel' || subTheme == 'mp-mall'">
634
                                <span class="terms-text">By logging in, you agree to our
635
                                    <a
636
                                        ga-clickevent
637
                                        screen-name="auth-init/login/web"
638
                                        event-category="login"
639
                                        event-action ="tc_clicked"
640
                                        event-type="customEvent"
641
                                        event-label=""
642
                                        tabindex="7"
643
                                        href="https://appfaq.paytm.com/legal/#"
644
                                        target="_blank"
645
                                        ng-bind="text.TandCText"
646
                                        ></a></span>
647
                                <span class="terms-text">&
648
                                    <a tabindex="8"
649
                                        ga-clickevent
650
                                        screen-name="auth-init/login/web"
651
                                        event-category="login"
652
                                        event-action ="pp_clicked"
653
                                        event-type="customEvent"
654
                                        event-label=""
655
                                    href="https://pages.paytm.com/privacy.html"
656
                                    target="_blank">Privacy Policy.</a></span>
657
                            </li>
658
                            <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'">
659
                                <span class="terms-text">By logging in, you agree to our <a tabindex="7"
660
                                                                                            href="{{subTheme == 'diy-ppb' ? 'https://www.paytmbank.com/Terms&Conditions' : 'https://appfaq.paytm.com/legal/#'}}"
661
                                                                                            target="_blank"
662
                                                                                            ng-bind="text.TandCText"></a></span>
663
                                <span class="terms-text">& <a tabindex="8"
664
                                                                                    href="{{subTheme == 'diy-ppb' ? 'https://www.paytmbank.com/PrivacyPolicy' : 'https://pages.paytm.com/privacy.html'}}"
665
                                                                                    target="_blank">Privacy Policy.</a></span>
666
                            </li>
667
                            <li class="terms-cond-new" ng-if="subTheme == 'sellerpanel'">
668
                                <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>
669
                            </li>
670

671
                            <li class="terms-cond-new login-footer-text" ng-click="toggleQRLoginFormView()" ng-if="(subTheme == 'mp-web' || subTheme == 'mp-mall') && (qrLogin == true || qrLogin == 'true')"
672
                                event-category="login"
673
                                event-action ="use_qr_to_login_clicked"
674
                                event-type="customEvent"
675
                                event-label=""
676
                                ga-clickevent>
677
                                <span>Use Paytm QR Code to Login</span>
678
                            </li>
679
                        </ul>
680

681
                        </div>
682

683
                    <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'">
684
                        <!-- Fake fields are a workaround for chrome autofill getting the wrong fields -->
685
                        <input style="display:none" type="text" name="fakeusernameremembered"/>
686
                        <input style="display:none" type="password" name="fakepasswordremembered"/>
687
                        <!-- Fake fields end-->
688
                        <h2 class="ump-header" ng-if="subTheme === 'ump'"ng-bind="text.loginLink">
689
                        </h2>
690
                        <div class="label-container">
691
                            <span ng-if="subTheme == 'panel'">
692
                                <label class="animate" ng-class="{'animate-show' : (isIE)}">Email</label>
693
                                <label class="animate"
694
                                    ng-class="{'animate-show' : (formNew.loginForm.username.$dirty && !formNew.loginForm.username.$error.required) && (sessionData.email | isMobile) && (!isIE)}">Email</label>
695
                                <label class="animate"
696
                                    ng-class="{'animate-show' : (formNew.loginForm.username.$dirty && !formNew.loginForm.username.$error.required) && (!(sessionData.email | isMobile)) && (!isIE)}">Email</label>
697
                            </span>
698
                                <span ng-if="subTheme != 'panel'">
699
                                <label class="animate" ng-class="{'animate-show' : (isIE)}">Mobile / Email</label>
700
                                <label class="animate"
701
                                    ng-class="{'animate-show' : (formNew.loginForm.username.$dirty && !formNew.loginForm.username.$error.required) && (sessionData.email | isMobile) && (!isIE)}">Mobile</label>
702
                                <label class="animate"
703
                                    ng-class="{'animate-show' : (formNew.loginForm.username.$dirty && !formNew.loginForm.username.$error.required) && (!(sessionData.email | isMobile)) && (!isIE)}">Email</label>
704
                            </span>
705
                            </div>
706

707
                            <div class="input-wrapper" ng-if="subTheme != 'panel'">
708
                                <input type="text" name="username" tabindex="1" placeholder="{{subTheme == 'ump2' || subTheme == 'sup'?'Enter your Paytm mobile number or email':'Enter your Mobile or Email'}}"
709
                                    ng-class="{'number': ((sessionData.email | isMobile) && formNew.loginForm.username.$dirty &&
710
                                        !formNew.loginForm.username.$error.required),
711
                                        'inside-label':((subTheme == 'ump2' || subTheme == 'sup') && sessionData.email && sessionData.email != ''),
712
                                        'border-error':((subTheme == 'ump2' || subTheme == 'sup') && (formNew.loginForm.username.$dirty || showRequired) &&
713
                                        (formNew.loginForm.username.$error.required || (!(sessionData.email | isMobile) && formNew.loginForm.username.$error.emailValid) ||
714
                                        ((sessionData.email | isMobile) && formNew.loginForm.username.$error.mobileValid))),
715
                                        'border-error1':((subTheme == 'ump2' || subTheme == 'sup') && sessionData.isInvalidUserNamePassword && !showRequired && sessionData.errorMessage)}"
716
                                    ng-model="sessionData.email" autofill-input
717
                                    data-required email-validate mobile-validate maxlength="199" data-ng-trim="false"
718
                                    ga-keyup-event
719
                                    screen-name="auth-init/login/web"
720
                                    event-category="login_v2"
721
                                    event-action ="mobile_number_entered"
722
                                    event-type="customEvent"
723
                                    event-label=""
724
                                    ng-focus="hideErrorMessage()">
725

726
                                <span class="number-prefix" ng-show="((sessionData.email | isMobile) && formNew.loginForm.username.$dirty &&
727
                                    !formNew.loginForm.username.$error.required)">+91</span>
728

729
                                <div class="help-block">
730
                                    <!-- Client Side Validation -->
731
                                    <span ng-show="formNew.loginForm.username.$dirty || showRequired">
732
                                        <span class="error" ng-show="formNew.loginForm.username.$error.required">Mobile/Email is required.</span>
733
                                        <span class="error"
734
                                            ng-show="!(sessionData.email | isMobile) && formNew.loginForm.username.$error.emailValid">Email
735
                                        incorrect.</span>
736
                                        <span class="error"
737
                                            ng-show="(sessionData.email | isMobile) && formNew.loginForm.username.$error.mobileValid">Mobile
738
                                        Number incorrect.</span>
739
                                    </span>
740

741
                                    <span class="error" ng-show="formError" ng-bind="formErrorMsg"></span>
742

743
                                    <!-- Error message from backend -->
744
                                    <span class="error"
745
                                        ng-show="sessionData.isInvalidUserNamePassword && !showRequired"
746
                                        ng-bind="sessionData.errorMessage"></span>
747

748
                                </div>
749
                            </div>
750

751
                            <div class="input-wrapper" ng-if="subTheme == 'panel'">
752

753
                                <input type="text" name="username" tabindex="1" placeholder="Enter your Email"
754
                                    ng-model="sessionData.email" autofill-input
755
                                    data-required email-validate maxlength="199" data-ng-trim="false">
756

757
                                <div class="help-block">
758
                                    <!-- Client Side Validation -->
759
                                    <span ng-show="formNew.loginForm.username.$dirty || showRequired">
760
                                        <span class="error"
761
                                            ng-show="formNew.loginForm.username.$error.required">Email is required.</span>
762
                                        <span class="error"
763
                                            ng-show="formNew.loginForm.username.$error.emailValid">Email Incorrect.</span>
764
                                    </span>
765

766
                                    <span class="error" ng-show="formError" ng-bind="formErrorMsg"></span>
767

768
                                    <!-- Error message from backend -->
769
                                    <span class="error"
770
                                        ng-show="sessionData.isInvalidUserNamePassword && !showRequired"
771
                                        ng-bind="sessionData.errorMessage">
772
                                    </span>
773

774
                                </div>
775
                            </div>
776

777
                            <!-- Password Input -->
778
                            <div class="label-container">
779
                                <label class="animate"
780
                                    ng-class="{'animate-show' : (formNew.loginForm.password.$dirty && !formNew.loginForm.password.$error.required) || (isIE)}">Password</label>
781
                                <!-- <div ng-if="subTheme == 'ump2' || subTheme == 'sup'" ng-click="showPassClick()" class="show-pwd-icon"><img src="/pages/themesv2/images/visibility-icon.png"></div> -->
782
                            </div>
783

784
                            <input type="password" name="password" tabindex="2" maxlength="15" placeholder="Paytm Password"
785
                                ng-disabled="otpVerify"
786
                                ng-model="sessionData.password" data-required data-ng-trim="false"
787
                                ng-class="{'inside-label':((subTheme == 'ump2' || subTheme == 'sup') && sessionData.password && sessionData.password != ''),
788
                                    'border-error': ((subTheme == 'ump2' || subTheme == 'sup') && (formNew.loginForm.password.$dirty && formNew.loginForm.password.$invalid || showRequired) &&
789
                                    (formNew.loginForm.password.$error.required && !otpVerify) )}">
790
                            <div class="pos-rel">
791
                                <div class="help-block">
792
                                    <span ng-show="formNew.loginForm.password.$dirty && formNew.loginForm.password.$invalid || showRequired">
793
                                        <span class="error" ng-show="formNew.loginForm.password.$error.required && !otpVerify">Password is required.</span>
794
                                    </span>
795
                                </div>
796
                            </div>
797
                            <div class="login-note" ng-if="subTheme=='ump2'">
798
                                <span class="strong">Please Note:</span> Paytm and Paytm for Business Dashboard password are same.
799
                            </div>
800
                            <!-- Password Input -->
801
                            <div id="forgot-password-container" ng-if="subTheme != 'ump2' && subTheme != 'sup'">
802
                                <div><a ng-click="forgetPasswordClick()">Forgot Password?</a></div>
803
                                <span class="forgot-password-text">(Create a new password)</span>
804
                            </div>
805

806

807
                            <!-- Hidden Field -->
808
                            <input type="hidden" name="AUTH_STATE" ng-value="sessionData.authState"/>
809
                            <!-- Hidden Field -->
810

811

812
                            <div id="login-otp-container" ng-if="subTheme != 'ump2' && subTheme != 'sup'">
813
                                <input type="checkbox" tabindex="4" ng-model="$parent.otpVerify"
814
                                    ng-init="$parent.otpVerify = false" ng-if="otpOptionAvailable">
815
                                <span ng-if="otpOptionAvailable">Send me an OTP to Login.</span>
816
                            </div>
817

818
                        <div class="terms-cond" ng-if="subTheme != 'ump2' && subTheme != 'sup'">
819
                            <span class="terms-text">By logging in, you agree to our <a tabindex="5"
820
                                                                                        href="https://appfaq.paytm.com/legal/#"
821
                                                                                        target="_blank"
822
                                                                                        ng-bind="text.TandCText"></a></span>
823
                            <span class="terms-text">& <a tabindex="6"
824
                                                                                href="https://pages.paytm.com/privacy.html"
825
                                                                                target="_blank">Privacy Policy.</a></span>
826
                        </div>
827

828
                        <div class="button-wrapper">
829
                            <img ng-if="subTheme == 'ump2' || subTheme == 'sup'" class="lock"  ng-src="/pages/themesv2/images/ic-lock.svg"/>
830
                            <div class="spinner" ng-show="spinnerVisible"></div>
831
                                <button class="btn btn-primary" type="submit" ng-show="!otpVerify"
832
                                        ng-bind="text.loginText"></button>
833
                                <button class="btn btn-primary" type="button" ng-show="otpVerify"
834
                                        ng-click="loginByOtpClick()">
835
                                    Get
836
                                    OTP
837
                                </button>
838
                                <img class="arrow-image" ng-src="/pages/themesv2/images/mp-web/arrow.png">
839
                            </div>
840
                        </div>
841
                        <div class="forgot-pwd" ng-if="subTheme == 'ump2' || subTheme == 'sup'"><span ng-click="forgetPasswordClick()">Forgot Password</span></div>
842
                        <div class="terms-cond" ng-if="subTheme == 'ump2' || subTheme == 'sup'">
843
                            <span class="terms-text">By signing in, you agree to our
844
                                <span class="terms-text"><a tabindex="6" href="https://pages.paytm.com/privacy.html" target="_blank">privacy policy</a></span>
845
                                and
846
                                <a tabindex="5" href="https://appfaq.paytm.com/legal/#" target="_blank">terms of use.</a>
847
                            </span>
848
                        </div>
849

850
                    </form>
851
                </div>
852
            </div>
853
            <!-- Trouble Loggin Container -->
854

855
            <div id="troubleLogginContainer" ng-if="troubleLoggginContainer">
856
                <div ng-if="subTheme != 'mp-html5' && subTheme != 'agreement' && subTheme != 'mall-html5'">
857
                    <div class="header" ng-if="subTheme != 'scanandpay'">
858
                        <a href="javascript:void(0)" ng-click="troubleLoggin()"><img ng-src="/pages/themesv2/images/mp-web/back.svg"></a>
859
                        <span>Trouble logging in?</span>
860
                    </div>
861
                        <h2 ng-if="subTheme == 'scanandpay'">Trouble logging in?</h2>
862
                        <div class="innerContainer">
863
                            <p ng-if="subTheme == 'scanandpay'"><a ng-click="forgetPasswordClick()" style="cursor: pointer;" name="forgotClick" ga-clickevent>I
864
                                forgot my password</a></p>
865
                            <p>
866
                            <a screen-name="/login"
867
                            event-category="login" event-action ="other_login_issue_selected"
868
                            event-type="customEvent" event-label="I want to create a new password" ga-clickevent ng-click="forgetPasswordClick()" style="cursor: pointer;" name="forgotClick">I
869
                                want
870
                                to create a new password<span class="arrow"></span></a></p>
871
                            <p ga-clickevent screen-name="/login"
872
                            event-category="login" event-action ="other_login_issue_selected"
873
                            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
874
                                have my
875
                                mobile number<span class="arrow"></span></a></p>
876
                            <p ga-clickevent screen-name="/login"
877
                            event-category="login" event-action ="other_login_issue_selected"
878
                            event-type="customEvent" event-label="Contact us">
879
                            <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>
880
                            <a ng-if="subTheme == 'pos'" ng-href="https://smartretail.paytm.com/#support" target="_parent" style="cursor: pointer;">Contact us<span class="arrow"></span></a>
881
                            </p>
882
                            <br>
883
                            <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;"
884
                                    type="button" ng-click="troubleLoggin()">Back
885
                            </md-button>
886
                        </div>
887
                </div>
888

889
                <div class="helpMeLogin" ng-if="subTheme == 'mp-html5' || subTheme == 'agreement' || subTheme == 'mall-html5'">
890
                    <ul>
891
                        <li ng-click="forgetPasswordClick()" ga-clickevent screen-name="/login"
892
                        event-category="login" event-action ="other_login_issue_selected"
893
                        event-type="customEvent" event-label="I forgot my password" name="forgotClick"><img
894
                                ng-src="/pages/themesv2/images/mp-html5/Forget_password.svg"><span>I forgot my password </span>
895
                        </li>
896
                        <li ng-click="redirect('myaccount')" ga-clickevent screen-name="/login"
897
                        event-category="login" event-action ="other_login_issue_selected"
898
                        event-type="customEvent" event-label="I do not have my mobile number"><img
899
                                ng-src="/pages/themesv2/images/mp-html5/lost_mobile_no.svg"><span>I do not have my mobile number</span>
900
                        </li>
901
                        <li ng-click="redirect('ticket')" ga-clickevent screen-name="/login"
902
                        event-category="login" event-action ="other_login_issue_selected"
903
                        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>
904
                        </li>
905
                    </ul>
906
                </div>
907
                </div>
908
        </div>
909
    </div>
910
        <!-- Wallet Container -->
911
    <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' && subTheme != 'cms-panel' && subTheme != 'insurance'">
912

913
            <div class="wallet-image-container">
914
                <img ng-src="/pages/themesv2/images/mp-web/wallet.png">
915
                <div class="wallet-heading">Advantages of Paytm wallet</div>
916
            </div>
917

918
            <div class="wallet-text-container">
919
                <div class="line-container">
920
                    <div class="sprite line-1"></div>
921
                    <span class="wallet-line-text">Pay your bills using Paytm Wallet</span></div>
922
                <div class="line-container">
923
                    <div class="sprite line-2"></div>
924
                    <span class="wallet-line-text">In case of refund, money will be credited to your wallet instantaneously</span>
925
                </div>
926
                <div class="line-container">
927
                    <div class="sprite line-3"></div>
928
                    <span class="wallet-line-text">Use Paytm Wallet on other websites</span></div>
929
            </div>
930

931
    </div>
932

933
    <!-- </div> -->
934
<!-- Wallet Container -->
935

936
<!-- Login Opt Container -->
937
<!--addMobile screen-->
938
</script>
939

940
<!--STYLESHEETS--><!--STYLESHEETS-->
941
<!--SCRIPTS--><script src="otp_files/paytmOauth.js"><!--SCRIPTS-->
942

943
<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><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)}
944
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(2)+"\x26tag\x3dgetPageUrlFromDL"}}
945
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"+
946
google_tag_manager["GTM-PTT2P2"].macro(3)+"\x26tag\x3dsearchDlForPi"}}
947
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(4)+
948
"\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="otp_files/a"></script></body></html>
949
Product

Resources

Company
