You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@rocketmq.apache.org by yu...@apache.org on 2017/06/15 02:53:14 UTC
[44/51] [partial] incubator-rocketmq-externals git commit: Release
rocketmq-console 1.0.0 version
http://git-wip-us.apache.org/repos/asf/incubator-rocketmq-externals/blob/e218eef9/rocketmq-console/src/main/resources/static/vendor/angular-material/angular-material.min.css
----------------------------------------------------------------------
diff --git a/rocketmq-console/src/main/resources/static/vendor/angular-material/angular-material.min.css b/rocketmq-console/src/main/resources/static/vendor/angular-material/angular-material.min.css
new file mode 100644
index 0000000..9bdf8c1
--- /dev/null
+++ b/rocketmq-console/src/main/resources/static/vendor/angular-material/angular-material.min.css
@@ -0,0 +1,16862 @@
+/*!
+ * Angular Material Design
+ * https://github.com/angular/material
+ * @license MIT
+ * v1.1.0-rc2
+ */
+body, html {
+ height: 100%;
+ position: relative
+}
+
+body {
+ margin: 0;
+ padding: 0
+}
+
+[tabindex='-1']:focus {
+ outline: 0
+}
+
+.inset {
+ padding: 10px
+}
+
+a._md-no-style, button._md-no-style {
+ font-weight: 400;
+ background-color: inherit;
+ text-align: left;
+ border: none;
+ padding: 0;
+ margin: 0
+}
+
+button, input, select, textarea {
+ vertical-align: baseline
+}
+
+button, html input[type=button], input[type=reset], input[type=submit] {
+ cursor: pointer;
+ -webkit-appearance: button
+}
+
+button[disabled], html input[type=button][disabled], input[type=reset][disabled], input[type=submit][disabled] {
+ cursor: default
+}
+
+textarea {
+ vertical-align: top;
+ overflow: auto
+}
+
+input[type=search] {
+ -webkit-appearance: textfield;
+ box-sizing: content-box;
+ -webkit-box-sizing: content-box
+}
+
+input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
+ -webkit-appearance: none
+}
+
+input:-webkit-autofill {
+ text-shadow: none
+}
+
+._md-visually-hidden {
+ border: 0;
+ clip: rect(0 0 0 0);
+ height: 1px;
+ margin: -1px;
+ overflow: hidden;
+ padding: 0;
+ position: absolute;
+ text-transform: none;
+ width: 1px
+}
+
+.md-shadow {
+ position: absolute;
+ top: 0;
+ left: 0;
+ bottom: 0;
+ right: 0;
+ border-radius: inherit;
+ pointer-events: none
+}
+
+.md-shadow-bottom-z-1 {
+ box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26)
+}
+
+.md-shadow-bottom-z-2 {
+ box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .4)
+}
+
+.md-shadow-animated.md-shadow {
+ transition: box-shadow .28s cubic-bezier(.4, 0, .2, 1)
+}
+
+.md-ripple-container {
+ pointer-events: none;
+ position: absolute;
+ overflow: hidden;
+ left: 0;
+ top: 0;
+ width: 100%;
+ height: 100%;
+ transition: all .55s cubic-bezier(.25, .8, .25, 1)
+}
+
+.md-ripple {
+ position: absolute;
+ -webkit-transform: translate(-50%, -50%) scale(0);
+ transform: translate(-50%, -50%) scale(0);
+ -webkit-transform-origin: 50% 50%;
+ transform-origin: 50% 50%;
+ opacity: 0;
+ border-radius: 50%
+}
+
+.md-ripple.md-ripple-placed {
+ transition: margin .9s cubic-bezier(.25, .8, .25, 1), border .9s cubic-bezier(.25, .8, .25, 1), width .9s cubic-bezier(.25, .8, .25, 1), height .9s cubic-bezier(.25, .8, .25, 1), opacity .9s cubic-bezier(.25, .8, .25, 1), -webkit-transform .9s cubic-bezier(.25, .8, .25, 1);
+ transition: margin .9s cubic-bezier(.25, .8, .25, 1), border .9s cubic-bezier(.25, .8, .25, 1), width .9s cubic-bezier(.25, .8, .25, 1), height .9s cubic-bezier(.25, .8, .25, 1), opacity .9s cubic-bezier(.25, .8, .25, 1), transform .9s cubic-bezier(.25, .8, .25, 1)
+}
+
+.md-ripple.md-ripple-scaled {
+ -webkit-transform: translate(-50%, -50%) scale(1);
+ transform: translate(-50%, -50%) scale(1)
+}
+
+.md-ripple.md-ripple-active, .md-ripple.md-ripple-full, .md-ripple.md-ripple-visible {
+ opacity: .2
+}
+
+.md-padding {
+ padding: 8px
+}
+
+.md-margin {
+ margin: 8px
+}
+
+.md-scroll-mask {
+ position: absolute;
+ background-color: transparent;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0
+}
+
+.md-scroll-mask > .md-scroll-mask-bar {
+ display: block;
+ position: absolute;
+ background-color: #fafafa;
+ right: 0;
+ top: 0;
+ bottom: 0;
+ z-index: 65;
+ box-shadow: inset 0 0 1px rgba(0, 0, 0, .3)
+}
+
+@media (min-width: 960px) {
+ .md-padding {
+ padding: 16px
+ }
+}
+
+body[dir=ltr], body[dir=rtl], html[dir=ltr], html[dir=rtl] {
+ unicode-bidi: embed
+}
+
+bdo[dir=rtl] {
+ direction: rtl;
+ unicode-bidi: bidi-override
+}
+
+bdo[dir=ltr] {
+ direction: ltr;
+ unicode-bidi: bidi-override
+}
+
+body, html {
+ -webkit-tap-highlight-color: transparent;
+ -webkit-touch-callout: none;
+ min-height: 100%;
+ -webkit-text-size-adjust: 100%;
+ -ms-text-size-adjust: 100%;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale
+}
+
+.md-display-4 {
+ font-size: 112px;
+ font-weight: 300;
+ letter-spacing: -.010em;
+ line-height: 112px
+}
+
+.md-display-3 {
+ font-size: 56px;
+ font-weight: 400;
+ letter-spacing: -.005em;
+ line-height: 56px
+}
+
+.md-display-2 {
+ font-size: 45px;
+ font-weight: 400;
+ line-height: 64px
+}
+
+.md-display-1 {
+ font-size: 34px;
+ font-weight: 400;
+ line-height: 40px
+}
+
+.md-headline {
+ font-size: 24px;
+ font-weight: 400;
+ line-height: 32px
+}
+
+.md-title {
+ font-size: 20px;
+ font-weight: 500;
+ letter-spacing: .005em
+}
+
+.md-subhead {
+ font-size: 16px;
+ font-weight: 400;
+ letter-spacing: .010em;
+ line-height: 24px
+}
+
+.md-body-1 {
+ font-size: 14px;
+ font-weight: 400;
+ letter-spacing: .010em;
+ line-height: 20px
+}
+
+.md-body-2 {
+ font-size: 14px;
+ font-weight: 500;
+ letter-spacing: .010em;
+ line-height: 24px
+}
+
+.md-caption {
+ font-size: 12px;
+ letter-spacing: .020em
+}
+
+.md-button {
+ letter-spacing: .010em
+}
+
+button, html, input, select, textarea {
+ font-family: Roboto, "Helvetica Neue", sans-serif
+}
+
+button, input, select, textarea {
+ font-size: 100%
+}
+
+@-webkit-keyframes md-autocomplete-list-out {
+ 0% {
+ -webkit-animation-timing-function: linear;
+ animation-timing-function: linear
+ }
+ 50% {
+ opacity: 0;
+ height: 40px;
+ -webkit-animation-timing-function: ease-in;
+ animation-timing-function: ease-in
+ }
+ 100% {
+ height: 0;
+ opacity: 0
+ }
+}
+
+@keyframes md-autocomplete-list-out {
+ 0% {
+ -webkit-animation-timing-function: linear;
+ animation-timing-function: linear
+ }
+ 50% {
+ opacity: 0;
+ height: 40px;
+ -webkit-animation-timing-function: ease-in;
+ animation-timing-function: ease-in
+ }
+ 100% {
+ height: 0;
+ opacity: 0
+ }
+}
+
+@-webkit-keyframes md-autocomplete-list-in {
+ 0% {
+ opacity: 0;
+ height: 0;
+ -webkit-animation-timing-function: ease-out;
+ animation-timing-function: ease-out
+ }
+ 50% {
+ opacity: 0;
+ height: 40px
+ }
+ 100% {
+ opacity: 1;
+ height: 40px
+ }
+}
+
+@keyframes md-autocomplete-list-in {
+ 0% {
+ opacity: 0;
+ height: 0;
+ -webkit-animation-timing-function: ease-out;
+ animation-timing-function: ease-out
+ }
+ 50% {
+ opacity: 0;
+ height: 40px
+ }
+ 100% {
+ opacity: 1;
+ height: 40px
+ }
+}
+
+md-autocomplete {
+ border-radius: 2px;
+ display: block;
+ height: 40px;
+ position: relative;
+ overflow: visible;
+ min-width: 190px
+}
+
+md-autocomplete[disabled] input {
+ cursor: default
+}
+
+md-autocomplete[md-floating-label] {
+ border-radius: 0;
+ background: 0 0;
+ height: auto
+}
+
+md-autocomplete[md-floating-label] md-input-container {
+ padding-bottom: 0
+}
+
+md-autocomplete[md-floating-label] md-autocomplete-wrap {
+ height: auto
+}
+
+md-autocomplete[md-floating-label] button {
+ position: absolute;
+ top: auto;
+ bottom: 0;
+ right: 0;
+ width: 30px;
+ height: 30px
+}
+
+md-autocomplete md-autocomplete-wrap {
+ display: block;
+ position: relative;
+ overflow: visible;
+ height: 40px
+}
+
+md-autocomplete md-autocomplete-wrap.md-menu-showing {
+ z-index: 51
+}
+
+md-autocomplete md-autocomplete-wrap md-progress-linear {
+ position: absolute;
+ bottom: -2px;
+ left: 0
+}
+
+md-autocomplete md-autocomplete-wrap md-progress-linear.md-inline {
+ bottom: 40px;
+ right: 2px;
+ left: 2px;
+ width: auto
+}
+
+md-autocomplete md-autocomplete-wrap md-progress-linear ._md-mode-indeterminate {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 3px;
+ transition: none
+}
+
+md-autocomplete md-autocomplete-wrap md-progress-linear ._md-mode-indeterminate .md-container {
+ transition: none;
+ height: 3px
+}
+
+md-autocomplete md-autocomplete-wrap md-progress-linear ._md-mode-indeterminate.ng-enter {
+ transition: opacity .15s linear
+}
+
+md-autocomplete md-autocomplete-wrap md-progress-linear ._md-mode-indeterminate.ng-enter.ng-enter-active {
+ opacity: 1
+}
+
+md-autocomplete md-autocomplete-wrap md-progress-linear ._md-mode-indeterminate.ng-leave {
+ transition: opacity .15s linear
+}
+
+md-autocomplete md-autocomplete-wrap md-progress-linear ._md-mode-indeterminate.ng-leave.ng-leave-active {
+ opacity: 0
+}
+
+md-autocomplete input:not(.md-input) {
+ font-size: 14px;
+ box-sizing: border-box;
+ border: none;
+ box-shadow: none;
+ outline: 0;
+ background: 0 0;
+ width: 100%;
+ padding: 0 15px;
+ line-height: 40px;
+ height: 40px
+}
+
+md-autocomplete input:not(.md-input)::-ms-clear {
+ display: none
+}
+
+md-autocomplete button {
+ position: relative;
+ line-height: 20px;
+ text-align: center;
+ width: 30px;
+ height: 30px;
+ cursor: pointer;
+ border: none;
+ border-radius: 50%;
+ padding: 0;
+ font-size: 12px;
+ background: 0 0;
+ margin: auto 5px
+}
+
+md-autocomplete button:after {
+ content: '';
+ position: absolute;
+ top: -6px;
+ right: -6px;
+ bottom: -6px;
+ left: -6px;
+ border-radius: 50%;
+ -webkit-transform: scale(0);
+ transform: scale(0);
+ opacity: 0;
+ transition: all .4s cubic-bezier(.25, .8, .25, 1)
+}
+
+md-autocomplete button:focus {
+ outline: 0
+}
+
+md-autocomplete button:focus:after {
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ opacity: 1
+}
+
+md-autocomplete button md-icon {
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ -webkit-transform: translate3d(-50%, -50%, 0) scale(.9);
+ transform: translate3d(-50%, -50%, 0) scale(.9)
+}
+
+md-autocomplete button md-icon path {
+ stroke-width: 0
+}
+
+md-autocomplete button.ng-enter {
+ -webkit-transform: scale(0);
+ transform: scale(0);
+ transition: -webkit-transform .15s ease-out;
+ transition: transform .15s ease-out
+}
+
+md-autocomplete button.ng-enter.ng-enter-active {
+ -webkit-transform: scale(1);
+ transform: scale(1)
+}
+
+md-autocomplete button.ng-leave {
+ transition: -webkit-transform .15s ease-out;
+ transition: transform .15s ease-out
+}
+
+md-autocomplete button.ng-leave.ng-leave-active {
+ -webkit-transform: scale(0);
+ transform: scale(0)
+}
+
+@media screen and (-ms-high-contrast: active) {
+ md-autocomplete input {
+ border: 1px solid #fff
+ }
+
+ md-autocomplete li:focus {
+ color: #fff
+ }
+}
+
+.md-virtual-repeat-container.md-autocomplete-suggestions-container {
+ position: absolute;
+ box-shadow: 0 2px 5px rgba(0, 0, 0, .25);
+ height: 225.5px;
+ max-height: 225.5px;
+ z-index: 100
+}
+
+.md-virtual-repeat-container.md-not-found {
+ height: 48px
+}
+
+.md-autocomplete-suggestions {
+ margin: 0;
+ list-style: none;
+ padding: 0
+}
+
+.md-autocomplete-suggestions li {
+ font-size: 14px;
+ overflow: hidden;
+ padding: 0 15px;
+ line-height: 48px;
+ height: 48px;
+ transition: background .15s linear;
+ margin: 0;
+ white-space: nowrap;
+ text-overflow: ellipsis
+}
+
+.md-autocomplete-suggestions li:focus {
+ outline: 0
+}
+
+.md-autocomplete-suggestions li:not(.md-not-found-wrapper) {
+ cursor: pointer
+}
+
+@media screen and (-ms-high-contrast: active) {
+ .md-autocomplete-suggestions, md-autocomplete {
+ border: 1px solid #fff
+ }
+}
+
+md-bottom-sheet {
+ position: absolute;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ padding: 8px 16px 88px;
+ z-index: 70;
+ border-top-width: 1px;
+ border-top-style: solid;
+ -webkit-transform: translate3d(0, 80px, 0);
+ transform: translate3d(0, 80px, 0);
+ transition: all .4s cubic-bezier(.25, .8, .25, 1);
+ transition-property: -webkit-transform;
+ transition-property: transform
+}
+
+md-bottom-sheet.md-has-header {
+ padding-top: 0
+}
+
+md-bottom-sheet.ng-enter {
+ opacity: 0;
+ -webkit-transform: translate3d(0, 100%, 0);
+ transform: translate3d(0, 100%, 0)
+}
+
+md-bottom-sheet.ng-enter-active {
+ opacity: 1;
+ display: block;
+ -webkit-transform: translate3d(0, 80px, 0) !important;
+ transform: translate3d(0, 80px, 0) !important
+}
+
+md-bottom-sheet.ng-leave-active {
+ -webkit-transform: translate3d(0, 100%, 0) !important;
+ transform: translate3d(0, 100%, 0) !important;
+ transition: all .3s cubic-bezier(.55, 0, .55, .2)
+}
+
+md-bottom-sheet .md-subheader {
+ background-color: transparent;
+ font-family: Roboto, "Helvetica Neue", sans-serif;
+ line-height: 56px;
+ padding: 0;
+ white-space: nowrap
+}
+
+md-bottom-sheet md-inline-icon {
+ display: inline-block;
+ height: 24px;
+ width: 24px;
+ fill: #444
+}
+
+md-bottom-sheet md-list-item {
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ outline: 0
+}
+
+md-bottom-sheet md-list-item:hover {
+ cursor: pointer
+}
+
+md-bottom-sheet.md-list md-list-item {
+ padding: 0;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ height: 48px
+}
+
+md-bottom-sheet.md-grid {
+ padding-left: 24px;
+ padding-right: 24px;
+ padding-top: 0
+}
+
+md-bottom-sheet.md-grid md-list {
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-flex-wrap: wrap;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ transition: all .5s;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center
+}
+
+md-bottom-sheet.md-grid md-list-item {
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ transition: all .5s;
+ height: 96px;
+ margin-top: 8px;
+ margin-bottom: 8px
+}
+
+@media (max-width: 960px) {
+ md-bottom-sheet.md-grid md-list-item {
+ -webkit-flex: 1 1 33.33333%;
+ -ms-flex: 1 1 33.33333%;
+ flex: 1 1 33.33333%;
+ max-width: 33.33333%
+ }
+
+ md-bottom-sheet.md-grid md-list-item:nth-of-type(3n+1) {
+ -webkit-align-items: flex-start;
+ -ms-flex-align: start;
+ align-items: flex-start
+ }
+
+ md-bottom-sheet.md-grid md-list-item:nth-of-type(3n) {
+ -webkit-align-items: flex-end;
+ -ms-flex-align: end;
+ align-items: flex-end
+ }
+}
+
+@media (min-width: 960px) and (max-width: 1279px) {
+ md-bottom-sheet.md-grid md-list-item {
+ -webkit-flex: 1 1 25%;
+ -ms-flex: 1 1 25%;
+ flex: 1 1 25%;
+ max-width: 25%
+ }
+}
+
+@media (min-width: 1280px) and (max-width: 1919px) {
+ md-bottom-sheet.md-grid md-list-item {
+ -webkit-flex: 1 1 16.66667%;
+ -ms-flex: 1 1 16.66667%;
+ flex: 1 1 16.66667%;
+ max-width: 16.66667%
+ }
+}
+
+@media (min-width: 1920px) {
+ md-bottom-sheet.md-grid md-list-item {
+ -webkit-flex: 1 1 14.28571%;
+ -ms-flex: 1 1 14.28571%;
+ flex: 1 1 14.28571%;
+ max-width: 14.28571%
+ }
+}
+
+md-bottom-sheet.md-grid md-list-item .md-list-item-content {
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ width: 48px;
+ padding-bottom: 16px
+}
+
+md-bottom-sheet.md-grid md-list-item .md-grid-item-content {
+ border: 1px solid transparent;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ width: 80px
+}
+
+md-bottom-sheet.md-grid md-list-item .md-grid-text {
+ font-weight: 400;
+ line-height: 16px;
+ font-size: 13px;
+ margin: 0;
+ white-space: nowrap;
+ width: 64px;
+ text-align: center;
+ text-transform: none;
+ padding-top: 8px
+}
+
+@media screen and (-ms-high-contrast: active) {
+ md-bottom-sheet {
+ border: 1px solid #fff
+ }
+}
+
+md-backdrop {
+ transition: opacity 450ms;
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ z-index: 50
+}
+
+md-backdrop._md-menu-backdrop {
+ position: fixed !important;
+ z-index: 99
+}
+
+md-backdrop._md-select-backdrop {
+ z-index: 81;
+ transition-duration: 0
+}
+
+md-backdrop._md-dialog-backdrop {
+ z-index: 79
+}
+
+md-backdrop._md-bottom-sheet-backdrop {
+ z-index: 69
+}
+
+md-backdrop._md-sidenav-backdrop {
+ z-index: 59
+}
+
+md-backdrop._md-click-catcher {
+ position: absolute
+}
+
+md-backdrop.md-opaque {
+ opacity: .48
+}
+
+md-backdrop.md-opaque.ng-enter {
+ opacity: 0
+}
+
+md-backdrop.md-opaque.ng-enter.md-opaque.ng-enter-active {
+ opacity: .48
+}
+
+md-backdrop.md-opaque.ng-leave {
+ opacity: .48;
+ transition: opacity 400ms
+}
+
+md-backdrop.md-opaque.ng-leave.md-opaque.ng-leave-active {
+ opacity: 0
+}
+
+button.md-button::-moz-focus-inner {
+ border: 0
+}
+
+.md-button {
+ border-radius: 3px;
+ box-sizing: border-box;
+ color: currentColor;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ position: relative;
+ outline: 0;
+ border: 0;
+ display: inline-block;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ padding: 0 6px;
+ margin: 6px 8px;
+ line-height: 36px;
+ min-height: 36px;
+ background: 0 0;
+ white-space: nowrap;
+ min-width: 88px;
+ text-align: center;
+ text-transform: uppercase;
+ font-weight: 500;
+ font-size: 14px;
+ font-style: inherit;
+ font-variant: inherit;
+ font-family: inherit;
+ text-decoration: none;
+ cursor: pointer;
+ overflow: hidden;
+ transition: box-shadow .4s cubic-bezier(.25, .8, .25, 1), background-color .4s cubic-bezier(.25, .8, .25, 1)
+}
+
+.md-button:focus {
+ outline: 0
+}
+
+.md-button:focus, .md-button:hover {
+ text-decoration: none
+}
+
+.md-button.ng-hide, .md-button.ng-leave {
+ transition: none
+}
+
+.md-button.md-cornered {
+ border-radius: 0
+}
+
+.md-button.md-icon {
+ padding: 0;
+ background: 0 0
+}
+
+.md-button.md-raised:not([disabled]) {
+ box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26)
+}
+
+.md-button.md-icon-button {
+ margin: 0 6px;
+ height: 40px;
+ min-width: 0;
+ line-height: 24px;
+ padding: 8px;
+ width: 40px;
+ border-radius: 50%
+}
+
+.md-button.md-icon-button .md-ripple-container {
+ border-radius: 50%;
+ background-clip: padding-box;
+ overflow: hidden;
+ -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC)
+}
+
+.md-button.md-fab {
+ z-index: 20;
+ line-height: 56px;
+ min-width: 0;
+ width: 56px;
+ height: 56px;
+ vertical-align: middle;
+ box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26);
+ border-radius: 50%;
+ background-clip: padding-box;
+ overflow: hidden;
+ transition: all .3s cubic-bezier(.55, 0, .55, .2);
+ transition-property: background-color, box-shadow, -webkit-transform;
+ transition-property: background-color, box-shadow, transform
+}
+
+.md-button.md-fab.md-fab-bottom-right {
+ top: auto;
+ right: 20px;
+ bottom: 20px;
+ left: auto;
+ position: absolute
+}
+
+.md-button.md-fab.md-fab-bottom-left {
+ top: auto;
+ right: auto;
+ bottom: 20px;
+ left: 20px;
+ position: absolute
+}
+
+.md-button.md-fab.md-fab-top-right {
+ top: 20px;
+ right: 20px;
+ bottom: auto;
+ left: auto;
+ position: absolute
+}
+
+.md-button.md-fab.md-fab-top-left {
+ top: 20px;
+ right: auto;
+ bottom: auto;
+ left: 20px;
+ position: absolute
+}
+
+.md-button.md-fab .md-ripple-container {
+ border-radius: 50%;
+ background-clip: padding-box;
+ overflow: hidden;
+ -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC)
+}
+
+.md-button.md-fab.md-mini {
+ line-height: 40px;
+ width: 40px;
+ height: 40px
+}
+
+.md-button.md-fab.ng-hide, .md-button.md-fab.ng-leave {
+ transition: none
+}
+
+.md-button:not([disabled]).md-fab.md-focused, .md-button:not([disabled]).md-raised.md-focused {
+ box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26)
+}
+
+.md-button:not([disabled]).md-fab:active, .md-button:not([disabled]).md-raised:active {
+ box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .4)
+}
+
+.md-button .md-ripple-container {
+ border-radius: 3px;
+ background-clip: padding-box;
+ overflow: hidden;
+ -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC)
+}
+
+._md-toast-open-top .md-button.md-fab-top-left, ._md-toast-open-top .md-button.md-fab-top-right {
+ transition: all .4s cubic-bezier(.25, .8, .25, 1);
+ -webkit-transform: translate3d(0, 42px, 0);
+ transform: translate3d(0, 42px, 0)
+}
+
+._md-toast-open-top .md-button.md-fab-top-left:not([disabled]).md-focused, ._md-toast-open-top .md-button.md-fab-top-left:not([disabled]):hover, ._md-toast-open-top .md-button.md-fab-top-right:not([disabled]).md-focused, ._md-toast-open-top .md-button.md-fab-top-right:not([disabled]):hover {
+ -webkit-transform: translate3d(0, 41px, 0);
+ transform: translate3d(0, 41px, 0)
+}
+
+._md-toast-open-bottom .md-button.md-fab-bottom-left, ._md-toast-open-bottom .md-button.md-fab-bottom-right {
+ transition: all .4s cubic-bezier(.25, .8, .25, 1);
+ -webkit-transform: translate3d(0, -42px, 0);
+ transform: translate3d(0, -42px, 0)
+}
+
+._md-toast-open-bottom .md-button.md-fab-bottom-left:not([disabled]).md-focused, ._md-toast-open-bottom .md-button.md-fab-bottom-left:not([disabled]):hover, ._md-toast-open-bottom .md-button.md-fab-bottom-right:not([disabled]).md-focused, ._md-toast-open-bottom .md-button.md-fab-bottom-right:not([disabled]):hover {
+ -webkit-transform: translate3d(0, -43px, 0);
+ transform: translate3d(0, -43px, 0)
+}
+
+.md-button-group {
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+ width: 100%
+}
+
+.md-button-group > .md-button {
+ -webkit-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+ display: block;
+ overflow: hidden;
+ width: 0;
+ border-width: 1px 0 1px 1px;
+ border-radius: 0;
+ text-align: center;
+ text-overflow: ellipsis;
+ white-space: nowrap
+}
+
+.md-button-group > .md-button:first-child {
+ border-radius: 2px 0 0 2px
+}
+
+.md-button-group > .md-button:last-child {
+ border-right-width: 1px;
+ border-radius: 0 2px 2px 0
+}
+
+@media screen and (-ms-high-contrast: active) {
+ .md-button.md-fab, .md-button.md-raised {
+ border: 1px solid #fff
+ }
+}
+
+md-card {
+ box-sizing: border-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ margin: 8px;
+ box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 2px 1px -1px rgba(0, 0, 0, .12)
+}
+
+md-card md-card-header {
+ padding: 16px;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row
+}
+
+md-card md-card-header:first-child md-card-avatar {
+ margin-right: 12px
+}
+
+[dir=rtl] md-card md-card-header:first-child md-card-avatar {
+ margin-right: auto;
+ margin-left: 12px
+}
+
+md-card md-card-header:last-child md-card-avatar {
+ margin-left: 12px
+}
+
+[dir=rtl] md-card md-card-header:last-child md-card-avatar {
+ margin-left: auto;
+ margin-right: 12px
+}
+
+md-card md-card-header md-card-avatar {
+ width: 40px;
+ height: 40px
+}
+
+md-card md-card-header md-card-avatar .md-user-avatar, md-card md-card-header md-card-avatar md-icon {
+ border-radius: 50%
+}
+
+md-card md-card-header md-card-avatar md-icon {
+ padding: 8px
+}
+
+md-card md-card-header md-card-avatar + md-card-header-text {
+ max-height: 40px
+}
+
+md-card md-card-header md-card-avatar + md-card-header-text .md-title {
+ font-size: 14px
+}
+
+md-card md-card-header md-card-header-text {
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column
+}
+
+md-card md-card-header md-card-header-text .md-subhead {
+ font-size: 14px
+}
+
+md-card > :not(md-card-content) img, md-card > img {
+ box-sizing: border-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex: 0 0 auto;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 100%;
+ height: 100% !important
+}
+
+md-card md-card-title {
+ padding: 24px 16px 16px;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex: 1 1 auto;
+ -ms-flex: 1 1 auto;
+ flex: 1 1 auto;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row
+}
+
+md-card md-card-title + md-card-content {
+ padding-top: 0
+}
+
+md-card md-card-title md-card-title-text {
+ -webkit-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex
+}
+
+md-card md-card-title md-card-title-text .md-subhead {
+ padding-top: 0;
+ font-size: 14px
+}
+
+md-card md-card-title md-card-title-text:only-child .md-subhead {
+ padding-top: 12px
+}
+
+md-card md-card-title md-card-title-media {
+ margin-top: -8px
+}
+
+md-card md-card-title md-card-title-media .md-media-sm {
+ height: 80px;
+ width: 80px
+}
+
+md-card md-card-title md-card-title-media .md-media-md {
+ height: 112px;
+ width: 112px
+}
+
+md-card md-card-title md-card-title-media .md-media-lg {
+ height: 152px;
+ width: 152px
+}
+
+md-card md-card-content {
+ display: block;
+ padding: 16px
+}
+
+md-card md-card-content > p:first-child {
+ margin-top: 0
+}
+
+md-card md-card-content > p:last-child {
+ margin-bottom: 0
+}
+
+md-card md-card-content .md-media-xl {
+ height: 240px;
+ width: 240px
+}
+
+md-card .md-actions, md-card md-card-actions {
+ margin: 8px
+}
+
+md-card .md-actions.layout-column .md-button:not(.md-icon-button), md-card md-card-actions.layout-column .md-button:not(.md-icon-button) {
+ margin: 2px 0
+}
+
+md-card .md-actions.layout-column .md-button:not(.md-icon-button):first-of-type, md-card md-card-actions.layout-column .md-button:not(.md-icon-button):first-of-type {
+ margin-top: 0
+}
+
+md-card .md-actions.layout-column .md-button:not(.md-icon-button):last-of-type, md-card md-card-actions.layout-column .md-button:not(.md-icon-button):last-of-type {
+ margin-bottom: 0
+}
+
+md-card .md-actions.layout-column .md-button.md-icon-button, md-card md-card-actions.layout-column .md-button.md-icon-button {
+ margin-top: 6px;
+ margin-bottom: 6px
+}
+
+md-card .md-actions md-card-icon-actions, md-card md-card-actions md-card-icon-actions {
+ -webkit-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+ -webkit-justify-content: flex-start;
+ -ms-flex-pack: start;
+ justify-content: flex-start;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row
+}
+
+md-card .md-actions:not(.layout-column) .md-button:not(.md-icon-button), md-card md-card-actions:not(.layout-column) .md-button:not(.md-icon-button) {
+ margin: 0 4px
+}
+
+md-card .md-actions:not(.layout-column) .md-button:not(.md-icon-button):first-of-type, md-card md-card-actions:not(.layout-column) .md-button:not(.md-icon-button):first-of-type {
+ margin-left: 0
+}
+
+[dir=rtl] md-card .md-actions:not(.layout-column) .md-button:not(.md-icon-button):first-of-type, [dir=rtl] md-card md-card-actions:not(.layout-column) .md-button:not(.md-icon-button):first-of-type {
+ margin-left: auto;
+ margin-right: 0
+}
+
+md-card .md-actions:not(.layout-column) .md-button:not(.md-icon-button):last-of-type, md-card md-card-actions:not(.layout-column) .md-button:not(.md-icon-button):last-of-type {
+ margin-right: 0
+}
+
+[dir=rtl] md-card .md-actions:not(.layout-column) .md-button:not(.md-icon-button):last-of-type, [dir=rtl] md-card md-card-actions:not(.layout-column) .md-button:not(.md-icon-button):last-of-type {
+ margin-right: auto;
+ margin-left: 0
+}
+
+md-card .md-actions:not(.layout-column) .md-button.md-icon-button, md-card md-card-actions:not(.layout-column) .md-button.md-icon-button {
+ margin-left: 6px;
+ margin-right: 6px
+}
+
+md-card .md-actions:not(.layout-column) .md-button.md-icon-button:first-of-type, md-card md-card-actions:not(.layout-column) .md-button.md-icon-button:first-of-type {
+ margin-left: 12px
+}
+
+[dir=rtl] md-card .md-actions:not(.layout-column) .md-button.md-icon-button:first-of-type, [dir=rtl] md-card md-card-actions:not(.layout-column) .md-button.md-icon-button:first-of-type {
+ margin-left: auto;
+ margin-right: 12px
+}
+
+md-card .md-actions:not(.layout-column) .md-button.md-icon-button:last-of-type, md-card md-card-actions:not(.layout-column) .md-button.md-icon-button:last-of-type {
+ margin-right: 12px
+}
+
+[dir=rtl] md-card .md-actions:not(.layout-column) .md-button.md-icon-button:last-of-type, [dir=rtl] md-card md-card-actions:not(.layout-column) .md-button.md-icon-button:last-of-type {
+ margin-right: auto;
+ margin-left: 12px
+}
+
+md-card .md-actions:not(.layout-column) .md-button + md-card-icon-actions, md-card md-card-actions:not(.layout-column) .md-button + md-card-icon-actions {
+ -webkit-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+ -webkit-justify-content: flex-end;
+ -ms-flex-pack: end;
+ justify-content: flex-end;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row
+}
+
+md-card md-card-footer {
+ margin-top: auto;
+ padding: 16px
+}
+
+@media screen and (-ms-high-contrast: active) {
+ md-card {
+ border: 1px solid #fff
+ }
+}
+
+.md-inline-form md-checkbox {
+ margin: 19px 0 18px
+}
+
+md-checkbox {
+ box-sizing: border-box;
+ display: inline-block;
+ margin-bottom: 16px;
+ white-space: nowrap;
+ cursor: pointer;
+ outline: 0;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ position: relative;
+ min-width: 20px;
+ min-height: 20px;
+ margin-left: 0;
+ margin-right: 16px
+}
+
+[dir=rtl] md-checkbox {
+ margin-left: 16px;
+ margin-right: 0
+}
+
+md-checkbox:last-of-type {
+ margin-left: 0;
+ margin-right: 0
+}
+
+md-checkbox.md-focused:not([disabled]) ._md-container:before {
+ left: -8px;
+ top: -8px;
+ right: -8px;
+ bottom: -8px
+}
+
+md-checkbox.md-focused:not([disabled]):not(.md-checked) ._md-container:before {
+ background-color: rgba(0, 0, 0, .12)
+}
+
+md-checkbox.md-align-top-left > div._md-container {
+ top: 12px
+}
+
+md-checkbox ._md-container {
+ position: absolute;
+ top: 50%;
+ -webkit-transform: translateY(-50%);
+ transform: translateY(-50%);
+ box-sizing: border-box;
+ display: inline-block;
+ width: 20px;
+ height: 20px;
+ left: 0;
+ right: auto
+}
+
+[dir=rtl] md-checkbox ._md-container {
+ left: auto;
+ right: 0
+}
+
+md-checkbox ._md-container:before {
+ box-sizing: border-box;
+ background-color: transparent;
+ border-radius: 50%;
+ content: '';
+ position: absolute;
+ display: block;
+ height: auto;
+ left: 0;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ transition: all .5s;
+ width: auto
+}
+
+md-checkbox ._md-container:after {
+ box-sizing: border-box;
+ content: '';
+ position: absolute;
+ top: -10px;
+ right: -10px;
+ bottom: -10px;
+ left: -10px
+}
+
+md-checkbox ._md-container .md-ripple-container {
+ position: absolute;
+ display: block;
+ width: auto;
+ height: auto;
+ left: -15px;
+ top: -15px;
+ right: -15px;
+ bottom: -15px
+}
+
+md-checkbox ._md-icon {
+ box-sizing: border-box;
+ transition: 240ms;
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 20px;
+ height: 20px;
+ border-width: 2px;
+ border-style: solid;
+ border-radius: 2px
+}
+
+md-checkbox.md-checked ._md-icon {
+ border: none
+}
+
+md-checkbox.md-checked ._md-icon:after {
+ box-sizing: border-box;
+ -webkit-transform: rotate(45deg);
+ transform: rotate(45deg);
+ position: absolute;
+ left: 6.67px;
+ top: 2.22px;
+ display: table;
+ width: 6.67px;
+ height: 13.33px;
+ border-width: 2px;
+ border-style: solid;
+ border-top: 0;
+ border-left: 0;
+ content: ''
+}
+
+md-checkbox[disabled] {
+ cursor: default
+}
+
+md-checkbox.md-indeterminate ._md-icon:after {
+ box-sizing: border-box;
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ -webkit-transform: translate(-50%, -50%);
+ transform: translate(-50%, -50%);
+ display: table;
+ width: 12px;
+ height: 2px;
+ border-width: 2px;
+ border-style: solid;
+ border-top: 0;
+ border-left: 0;
+ content: ''
+}
+
+md-checkbox ._md-label {
+ box-sizing: border-box;
+ position: relative;
+ display: inline-block;
+ vertical-align: middle;
+ white-space: normal;
+ -webkit-user-select: text;
+ -moz-user-select: text;
+ -ms-user-select: text;
+ user-select: text;
+ margin-left: 30px;
+ margin-right: 0
+}
+
+[dir=rtl] md-checkbox ._md-label {
+ margin-left: 0;
+ margin-right: 30px
+}
+
+.md-contact-chips .md-chips md-chip {
+ padding: 0 25px 0 0
+}
+
+[dir=rtl] .md-contact-chips .md-chips md-chip {
+ padding: 0 0 0 25px
+}
+
+.md-contact-chips .md-chips md-chip .md-contact-avatar {
+ float: left
+}
+
+[dir=rtl] .md-contact-chips .md-chips md-chip .md-contact-avatar {
+ float: right
+}
+
+.md-contact-chips .md-chips md-chip .md-contact-avatar img {
+ height: 32px;
+ border-radius: 16px
+}
+
+.md-contact-chips .md-chips md-chip .md-contact-name {
+ display: inline-block;
+ height: 32px;
+ margin-left: 8px
+}
+
+[dir=rtl] .md-contact-chips .md-chips md-chip .md-contact-name {
+ margin-left: auto;
+ margin-right: 8px
+}
+
+.md-contact-suggestion {
+ height: 56px
+}
+
+.md-contact-suggestion img {
+ height: 40px;
+ border-radius: 20px;
+ margin-top: 8px
+}
+
+.md-contact-suggestion .md-contact-name {
+ margin-left: 8px;
+ width: 120px
+}
+
+[dir=rtl] .md-contact-suggestion .md-contact-name {
+ margin-left: auto;
+ margin-right: 8px
+}
+
+.md-contact-suggestion .md-contact-email, .md-contact-suggestion .md-contact-name {
+ display: inline-block;
+ overflow: hidden;
+ text-overflow: ellipsis
+}
+
+.md-contact-chips-suggestions li {
+ height: 100%
+}
+
+.md-chips {
+ display: block;
+ font-family: Roboto, "Helvetica Neue", sans-serif;
+ font-size: 16px;
+ padding: 0 0 8px 3px;
+ vertical-align: middle
+}
+
+.md-chips:after {
+ content: '';
+ display: table;
+ clear: both
+}
+
+[dir=rtl] .md-chips {
+ padding: 0 3px 8px 0
+}
+
+.md-chips.md-readonly ._md-chip-input-container {
+ min-height: 32px
+}
+
+.md-chips:not(.md-readonly) {
+ cursor: text
+}
+
+.md-chips:not(.md-readonly) md-chip:not(.md-readonly) {
+ padding-right: 22px
+}
+
+[dir=rtl] .md-chips:not(.md-readonly) md-chip:not(.md-readonly) {
+ padding-right: auto;
+ padding-left: 22px
+}
+
+.md-chips:not(.md-readonly) md-chip:not(.md-readonly) ._md-chip-content {
+ padding-right: 4px
+}
+
+[dir=rtl] .md-chips:not(.md-readonly) md-chip:not(.md-readonly) ._md-chip-content {
+ padding-right: auto;
+ padding-left: 4px
+}
+
+.md-chips md-chip {
+ cursor: default;
+ border-radius: 16px;
+ display: block;
+ height: 32px;
+ line-height: 32px;
+ margin: 8px 8px 0 0;
+ padding: 0 12px;
+ float: left;
+ box-sizing: border-box;
+ max-width: 100%;
+ position: relative
+}
+
+[dir=rtl] .md-chips md-chip {
+ margin: 8px 0 0 8px;
+ float: right
+}
+
+.md-chips md-chip ._md-chip-content {
+ display: block;
+ float: left;
+ white-space: nowrap;
+ max-width: 100%;
+ overflow: hidden;
+ text-overflow: ellipsis
+}
+
+[dir=rtl] .md-chips md-chip ._md-chip-content {
+ float: right
+}
+
+.md-chips md-chip ._md-chip-content:focus {
+ outline: 0
+}
+
+.md-chips md-chip._md-chip-content-edit-is-enabled {
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -khtml-user-select: none;
+ -ms-user-select: none
+}
+
+.md-chips md-chip ._md-chip-remove-container {
+ position: absolute;
+ right: 0;
+ line-height: 22px
+}
+
+[dir=rtl] .md-chips md-chip ._md-chip-remove-container {
+ right: auto;
+ left: 0
+}
+
+.md-chips md-chip ._md-chip-remove {
+ text-align: center;
+ width: 32px;
+ height: 32px;
+ min-width: 0;
+ padding: 0;
+ background: 0 0;
+ border: none;
+ box-shadow: none;
+ margin: 0;
+ position: relative
+}
+
+.md-chips md-chip ._md-chip-remove md-icon {
+ height: 18px;
+ width: 18px;
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ -webkit-transform: translate3d(-50%, -50%, 0);
+ transform: translate3d(-50%, -50%, 0)
+}
+
+.md-chips ._md-chip-input-container {
+ display: block;
+ line-height: 32px;
+ margin: 8px 8px 0 0;
+ padding: 0;
+ float: left
+}
+
+[dir=rtl] .md-chips ._md-chip-input-container {
+ margin: 8px 0 0 8px;
+ float: right
+}
+
+.md-chips ._md-chip-input-container input:not([type]), .md-chips ._md-chip-input-container input[type=url], .md-chips ._md-chip-input-container input[type=text], .md-chips ._md-chip-input-container input[type=email], .md-chips ._md-chip-input-container input[type=number], .md-chips ._md-chip-input-container input[type=tel] {
+ border: 0;
+ height: 32px;
+ line-height: 32px;
+ padding: 0
+}
+
+.md-chips ._md-chip-input-container input:not([type]):focus, .md-chips ._md-chip-input-container input[type=url]:focus, .md-chips ._md-chip-input-container input[type=text]:focus, .md-chips ._md-chip-input-container input[type=email]:focus, .md-chips ._md-chip-input-container input[type=number]:focus, .md-chips ._md-chip-input-container input[type=tel]:focus {
+ outline: 0
+}
+
+.md-chips ._md-chip-input-container md-autocomplete, .md-chips ._md-chip-input-container md-autocomplete-wrap {
+ background: 0 0
+}
+
+.md-chips ._md-chip-input-container md-autocomplete md-autocomplete-wrap {
+ box-shadow: none
+}
+
+.md-chips ._md-chip-input-container input {
+ border: 0;
+ height: 32px;
+ line-height: 32px;
+ padding: 0
+}
+
+.md-chips ._md-chip-input-container input:focus {
+ outline: 0
+}
+
+.md-chips ._md-chip-input-container md-autocomplete, .md-chips ._md-chip-input-container md-autocomplete-wrap {
+ height: 32px
+}
+
+.md-chips ._md-chip-input-container md-autocomplete {
+ box-shadow: none
+}
+
+.md-chips ._md-chip-input-container md-autocomplete input {
+ position: relative
+}
+
+.md-chips ._md-chip-input-container:not(:first-child) {
+ margin: 8px 8px 0 0
+}
+
+[dir=rtl] .md-chips ._md-chip-input-container:not(:first-child) {
+ margin: 8px 0 0 8px
+}
+
+.md-chips ._md-chip-input-container input {
+ background: 0 0;
+ border-width: 0
+}
+
+.md-chips md-autocomplete button {
+ display: none
+}
+
+@media screen and (-ms-high-contrast: active) {
+ ._md-chip-input-container, md-chip {
+ border: 1px solid #fff
+ }
+
+ ._md-chip-input-container md-autocomplete {
+ border: none
+ }
+}
+
+md-content {
+ display: block;
+ position: relative;
+ overflow: auto;
+ -webkit-overflow-scrolling: touch
+}
+
+md-content[md-scroll-y] {
+ overflow-y: auto;
+ overflow-x: hidden
+}
+
+md-content[md-scroll-x] {
+ overflow-x: auto;
+ overflow-y: hidden
+}
+
+md-content.md-no-momentum {
+ -webkit-overflow-scrolling: auto
+}
+
+@media print {
+ md-content {
+ overflow: visible !important
+ }
+}
+
+md-calendar {
+ font-size: 13px;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none
+}
+
+.md-calendar-scroll-mask {
+ display: inline-block;
+ overflow: hidden;
+ height: 308px
+}
+
+.md-calendar-scroll-mask .md-virtual-repeat-scroller {
+ overflow-y: scroll;
+ -webkit-overflow-scrolling: touch
+}
+
+.md-calendar-scroll-mask .md-virtual-repeat-scroller::-webkit-scrollbar {
+ display: none
+}
+
+.md-calendar-scroll-mask .md-virtual-repeat-offsetter {
+ width: 100%
+}
+
+.md-calendar-scroll-container {
+ box-shadow: inset -3px 3px 6px rgba(0, 0, 0, .2);
+ display: inline-block;
+ height: 308px;
+ width: 346px
+}
+
+.md-calendar-date {
+ height: 44px;
+ width: 44px;
+ text-align: center;
+ padding: 0;
+ border: none
+}
+
+.md-calendar-date:first-child {
+ padding-left: 16px
+}
+
+[dir=rtl] .md-calendar-date:first-child {
+ padding-left: auto;
+ padding-right: 16px
+}
+
+.md-calendar-date:last-child {
+ padding-right: 16px
+}
+
+[dir=rtl] .md-calendar-date:last-child {
+ padding-right: auto;
+ padding-left: 16px
+}
+
+.md-calendar-date.md-calendar-date-disabled {
+ cursor: default
+}
+
+.md-calendar-date-selection-indicator {
+ transition: background-color, color .4s cubic-bezier(.25, .8, .25, 1);
+ border-radius: 50%;
+ display: inline-block;
+ width: 40px;
+ height: 40px;
+ line-height: 40px
+}
+
+.md-calendar-date:not(.md-disabled) .md-calendar-date-selection-indicator {
+ cursor: pointer
+}
+
+.md-calendar-month-label {
+ height: 44px;
+ font-size: 14px;
+ font-weight: 500;
+ padding: 0 0 0 24px
+}
+
+[dir=rtl] .md-calendar-month-label {
+ padding: 0 24px 0 0
+}
+
+.md-calendar-day-header {
+ table-layout: fixed;
+ border-spacing: 0;
+ border-collapse: collapse
+}
+
+.md-calendar-day-header th {
+ width: 44px;
+ text-align: center;
+ padding: 0;
+ border: none;
+ font-weight: 400;
+ height: 40px
+}
+
+.md-calendar-day-header th:first-child {
+ padding-left: 16px
+}
+
+[dir=rtl] .md-calendar-day-header th:first-child {
+ padding-left: auto;
+ padding-right: 16px
+}
+
+.md-calendar-day-header th:last-child {
+ padding-right: 16px
+}
+
+[dir=rtl] .md-calendar-day-header th:last-child {
+ padding-right: auto;
+ padding-left: 16px
+}
+
+.md-calendar {
+ table-layout: fixed;
+ border-spacing: 0;
+ border-collapse: collapse
+}
+
+.md-calendar tr:last-child td {
+ border-bottom-width: 1px;
+ border-bottom-style: solid
+}
+
+.md-calendar:first-child {
+ border-top: 1px solid transparent
+}
+
+.md-calendar tbody, .md-calendar td, .md-calendar tr {
+ vertical-align: middle
+}
+
+md-datepicker {
+ white-space: nowrap;
+ overflow: hidden;
+ padding-right: 18px;
+ margin-right: -18px;
+ vertical-align: middle
+}
+
+[dir=rtl] md-datepicker {
+ padding-right: auto;
+ padding-left: 18px;
+ margin-right: auto;
+ margin-left: -18px
+}
+
+.md-inline-form md-datepicker {
+ margin-top: 12px
+}
+
+.md-datepicker-button {
+ display: inline-block;
+ box-sizing: border-box;
+ background: 0 0
+}
+
+.md-datepicker-input {
+ font-size: 14px;
+ box-sizing: border-box;
+ border: none;
+ box-shadow: none;
+ outline: 0;
+ background: 0 0;
+ min-width: 120px;
+ max-width: 328px
+}
+
+.md-datepicker-input::-ms-clear {
+ display: none
+}
+
+.md-datepicker-input-container {
+ position: relative;
+ padding-bottom: 5px;
+ border-bottom-width: 1px;
+ border-bottom-style: solid;
+ display: inline-block;
+ width: auto;
+ margin-left: 12px
+}
+
+[dir=rtl] .md-datepicker-input-container {
+ margin-left: auto;
+ margin-right: 12px
+}
+
+.md-datepicker-input-container.md-datepicker-focused {
+ border-bottom-width: 2px
+}
+
+.md-datepicker-calendar-pane {
+ position: absolute;
+ top: 0;
+ left: 0;
+ z-index: 100;
+ border-width: 1px;
+ border-style: solid;
+ background: 0 0;
+ -webkit-transform: scale(0);
+ transform: scale(0);
+ -webkit-transform-origin: 0 0;
+ transform-origin: 0 0;
+ transition: -webkit-transform .2s cubic-bezier(.25, .8, .25, 1);
+ transition: transform .2s cubic-bezier(.25, .8, .25, 1)
+}
+
+.md-datepicker-calendar-pane.md-pane-open {
+ -webkit-transform: scale(1);
+ transform: scale(1)
+}
+
+.md-datepicker-input-mask {
+ height: 40px;
+ width: 340px;
+ position: relative;
+ background: 0 0;
+ pointer-events: none;
+ cursor: text
+}
+
+.md-datepicker-input-mask-opaque {
+ position: absolute;
+ right: 0;
+ left: 120px;
+ height: 100%;
+ margin-left: -1px
+}
+
+.md-datepicker-calendar {
+ opacity: 0;
+ transition: opacity .2s cubic-bezier(.5, 0, .25, 1)
+}
+
+.md-pane-open .md-datepicker-calendar {
+ opacity: 1
+}
+
+.md-datepicker-calendar md-calendar:focus {
+ outline: 0
+}
+
+.md-datepicker-expand-triangle {
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ -webkit-transform: translate(-50%, -50%);
+ transform: translate(-50%, -50%);
+ width: 0;
+ height: 0;
+ border-left: 5px solid transparent;
+ border-right: 5px solid transparent;
+ border-top: 5px solid
+}
+
+.md-datepicker-triangle-button {
+ position: absolute;
+ right: 0;
+ top: 0;
+ -webkit-transform: translateY(-25%) translateX(45%);
+ transform: translateY(-25%) translateX(45%)
+}
+
+[dir=rtl] .md-datepicker-triangle-button {
+ right: auto;
+ left: 0;
+ -webkit-transform: translateY(-25%) translateX(-45%);
+ transform: translateY(-25%) translateX(-45%)
+}
+
+.md-datepicker-triangle-button.md-button.md-icon-button {
+ height: 100%;
+ width: 36px;
+ position: absolute
+}
+
+md-datepicker[disabled] .md-datepicker-input-container {
+ border-bottom-color: transparent
+}
+
+md-datepicker[disabled] .md-datepicker-triangle-button {
+ display: none
+}
+
+.md-datepicker-open .md-datepicker-input-container {
+ margin-left: -12px;
+ margin-bottom: -5px;
+ border: none
+}
+
+[dir=rtl] .md-datepicker-open .md-datepicker-input-container {
+ margin-left: auto;
+ margin-right: -12px
+}
+
+.md-datepicker-open .md-datepicker-input {
+ margin-left: 24px;
+ height: 40px
+}
+
+[dir=rtl] .md-datepicker-open .md-datepicker-input {
+ margin-left: auto;
+ margin-right: 24px
+}
+
+.md-datepicker-open .md-datepicker-triangle-button, .md-datepicker-pos-adjusted .md-datepicker-input-mask {
+ display: none
+}
+
+.md-datepicker-calendar-pane .md-calendar {
+ -webkit-transform: translateY(-85px);
+ transform: translateY(-85px);
+ transition: -webkit-transform .65s cubic-bezier(.25, .8, .25, 1);
+ transition: transform .65s cubic-bezier(.25, .8, .25, 1);
+ transition-delay: .125s
+}
+
+.md-datepicker-calendar-pane.md-pane-open .md-calendar {
+ -webkit-transform: translateY(0);
+ transform: translateY(0)
+}
+
+.md-dialog-is-showing {
+ max-height: 100%
+}
+
+.md-dialog-container {
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ z-index: 80;
+ overflow: hidden
+}
+
+md-dialog {
+ opacity: 0;
+ min-width: 240px;
+ max-width: 80%;
+ max-height: 80%;
+ position: relative;
+ overflow: auto;
+ box-shadow: 0 7px 8px -4px rgba(0, 0, 0, .2), 0 13px 19px 2px rgba(0, 0, 0, .14), 0 5px 24px 4px rgba(0, 0, 0, .12);
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column
+}
+
+md-dialog._md-transition-in {
+ opacity: 1;
+ transition: all .4s cubic-bezier(.25, .8, .25, 1);
+ -webkit-transform: translate(0, 0) scale(1);
+ transform: translate(0, 0) scale(1)
+}
+
+md-dialog._md-transition-out {
+ opacity: 0;
+ transition: all .4s cubic-bezier(.25, .8, .25, 1);
+ -webkit-transform: translate(0, 100%) scale(.2);
+ transform: translate(0, 100%) scale(.2)
+}
+
+md-dialog > form {
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ overflow: auto
+}
+
+md-dialog .md-dialog-content {
+ padding: 24px
+}
+
+md-dialog md-dialog-content {
+ -webkit-order: 1;
+ -ms-flex-order: 1;
+ order: 1;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ overflow: auto;
+ -webkit-overflow-scrolling: touch
+}
+
+md-dialog md-dialog-content:not([layout=row]) > :first-child:not(.md-subheader) {
+ margin-top: 0
+}
+
+md-dialog md-dialog-content:focus {
+ outline: 0
+}
+
+md-dialog md-dialog-content .md-subheader {
+ margin: 0
+}
+
+md-dialog md-dialog-content ._md-dialog-content-body {
+ width: 100%
+}
+
+md-dialog md-dialog-content .md-prompt-input-container {
+ width: 100%;
+ box-sizing: border-box
+}
+
+md-dialog .md-actions, md-dialog md-dialog-actions {
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-order: 2;
+ -ms-flex-order: 2;
+ order: 2;
+ box-sizing: border-box;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-justify-content: flex-end;
+ -ms-flex-pack: end;
+ justify-content: flex-end;
+ margin-bottom: 0;
+ padding-right: 8px;
+ padding-left: 16px;
+ min-height: 52px;
+ overflow: hidden
+}
+
+[dir=rtl] md-dialog .md-actions, [dir=rtl] md-dialog md-dialog-actions {
+ padding-right: 16px;
+ padding-left: 8px
+}
+
+md-dialog .md-actions .md-button, md-dialog md-dialog-actions .md-button {
+ margin: 8px 0 8px 8px
+}
+
+[dir=rtl] md-dialog .md-actions .md-button, [dir=rtl] md-dialog md-dialog-actions .md-button {
+ margin-left: 0;
+ margin-right: 8px
+}
+
+md-dialog.md-content-overflow .md-actions, md-dialog.md-content-overflow md-dialog-actions {
+ border-top-width: 1px;
+ border-top-style: solid
+}
+
+@media screen and (-ms-high-contrast: active) {
+ md-dialog {
+ border: 1px solid #fff
+ }
+}
+
+@media (max-width: 959px) {
+ md-dialog.md-dialog-fullscreen {
+ min-height: 100%;
+ min-width: 100%;
+ border-radius: 0
+ }
+}
+
+md-divider {
+ display: block;
+ border-top-width: 1px;
+ border-top-style: solid;
+ margin: 0
+}
+
+md-divider[md-inset] {
+ margin-left: 80px
+}
+
+[dir=rtl] md-divider[md-inset] {
+ margin-left: auto;
+ margin-right: 80px
+}
+
+.layout-gt-lg-row > md-divider, .layout-gt-md-row > md-divider, .layout-gt-sm-row > md-divider, .layout-gt-xs-row > md-divider, .layout-lg-row > md-divider, .layout-md-row > md-divider, .layout-row > md-divider, .layout-sm-row > md-divider, .layout-xl-row > md-divider, .layout-xs-row > md-divider {
+ border-top-width: 0;
+ border-right-width: 1px;
+ border-right-style: solid
+}
+
+md-fab-speed-dial {
+ position: relative;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ z-index: 20
+}
+
+md-fab-speed-dial.md-fab-bottom-right {
+ top: auto;
+ right: 20px;
+ bottom: 20px;
+ left: auto;
+ position: absolute
+}
+
+md-fab-speed-dial.md-fab-bottom-left {
+ top: auto;
+ right: auto;
+ bottom: 20px;
+ left: 20px;
+ position: absolute
+}
+
+md-fab-speed-dial.md-fab-top-right {
+ top: 20px;
+ right: 20px;
+ bottom: auto;
+ left: auto;
+ position: absolute
+}
+
+md-fab-speed-dial.md-fab-top-left {
+ top: 20px;
+ right: auto;
+ bottom: auto;
+ left: 20px;
+ position: absolute
+}
+
+md-fab-speed-dial:not(.md-hover-full) {
+ pointer-events: none
+}
+
+md-fab-speed-dial:not(.md-hover-full) .md-fab-action-item, md-fab-speed-dial:not(.md-hover-full) md-fab-trigger, md-fab-speed-dial:not(.md-hover-full).md-is-open {
+ pointer-events: auto
+}
+
+md-fab-speed-dial ._md-css-variables {
+ z-index: 20
+}
+
+md-fab-speed-dial.md-is-open .md-fab-action-item {
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center
+}
+
+md-fab-speed-dial md-fab-actions {
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ height: auto
+}
+
+md-fab-speed-dial md-fab-actions .md-fab-action-item {
+ transition: all .3s cubic-bezier(.55, 0, .55, .2)
+}
+
+md-fab-speed-dial.md-down {
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column
+}
+
+md-fab-speed-dial.md-down md-fab-trigger {
+ -webkit-order: 1;
+ -ms-flex-order: 1;
+ order: 1
+}
+
+md-fab-speed-dial.md-down md-fab-actions {
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-order: 2;
+ -ms-flex-order: 2;
+ order: 2
+}
+
+md-fab-speed-dial.md-up {
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column
+}
+
+md-fab-speed-dial.md-up md-fab-trigger {
+ -webkit-order: 2;
+ -ms-flex-order: 2;
+ order: 2
+}
+
+md-fab-speed-dial.md-up md-fab-actions {
+ -webkit-flex-direction: column-reverse;
+ -ms-flex-direction: column-reverse;
+ flex-direction: column-reverse;
+ -webkit-order: 1;
+ -ms-flex-order: 1;
+ order: 1
+}
+
+md-fab-speed-dial.md-left {
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row
+}
+
+md-fab-speed-dial.md-left md-fab-trigger {
+ -webkit-order: 2;
+ -ms-flex-order: 2;
+ order: 2
+}
+
+md-fab-speed-dial.md-left md-fab-actions {
+ -webkit-flex-direction: row-reverse;
+ -ms-flex-direction: row-reverse;
+ flex-direction: row-reverse;
+ -webkit-order: 1;
+ -ms-flex-order: 1;
+ order: 1
+}
+
+md-fab-speed-dial.md-left md-fab-actions .md-fab-action-item {
+ transition: all .3s cubic-bezier(.55, 0, .55, .2)
+}
+
+md-fab-speed-dial.md-right {
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row
+}
+
+md-fab-speed-dial.md-right md-fab-trigger {
+ -webkit-order: 1;
+ -ms-flex-order: 1;
+ order: 1
+}
+
+md-fab-speed-dial.md-right md-fab-actions {
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-order: 2;
+ -ms-flex-order: 2;
+ order: 2
+}
+
+md-fab-speed-dial.md-right md-fab-actions .md-fab-action-item {
+ transition: all .3s cubic-bezier(.55, 0, .55, .2)
+}
+
+md-fab-speed-dial.md-fling-remove .md-fab-action-item > *, md-fab-speed-dial.md-scale-remove .md-fab-action-item > * {
+ visibility: hidden
+}
+
+md-fab-speed-dial.md-fling .md-fab-action-item {
+ opacity: 1
+}
+
+md-fab-speed-dial.md-fling._md-animations-waiting .md-fab-action-item {
+ opacity: 0;
+ transition-duration: 0s
+}
+
+md-fab-speed-dial.md-scale .md-fab-action-item {
+ -webkit-transform: scale(0);
+ transform: scale(0);
+ transition: all .3s cubic-bezier(.55, 0, .55, .2);
+ transition-duration: .14286s
+}
+
+md-fab-toolbar {
+ display: block
+}
+
+md-fab-toolbar.md-fab-bottom-right {
+ top: auto;
+ right: 20px;
+ bottom: 20px;
+ left: auto;
+ position: absolute
+}
+
+md-fab-toolbar.md-fab-bottom-left {
+ top: auto;
+ right: auto;
+ bottom: 20px;
+ left: 20px;
+ position: absolute
+}
+
+md-fab-toolbar.md-fab-top-right {
+ top: 20px;
+ right: 20px;
+ bottom: auto;
+ left: auto;
+ position: absolute
+}
+
+md-fab-toolbar.md-fab-top-left {
+ top: 20px;
+ right: auto;
+ bottom: auto;
+ left: 20px;
+ position: absolute
+}
+
+md-fab-toolbar ._md-fab-toolbar-wrapper {
+ display: block;
+ position: relative;
+ overflow: hidden;
+ height: 68px
+}
+
+md-fab-toolbar md-fab-trigger {
+ position: absolute;
+ z-index: 20
+}
+
+md-fab-toolbar md-fab-trigger button {
+ overflow: visible !important
+}
+
+md-fab-toolbar md-fab-trigger ._md-fab-toolbar-background {
+ display: block;
+ position: absolute;
+ z-index: 21;
+ opacity: 1;
+ transition: all .3s cubic-bezier(.55, 0, .55, .2)
+}
+
+md-fab-toolbar md-fab-trigger md-icon {
+ position: relative;
+ z-index: 22;
+ opacity: 1;
+ transition: all 200ms ease-in
+}
+
+md-fab-toolbar.md-left md-fab-trigger {
+ right: 0
+}
+
+[dir=rtl] md-fab-toolbar.md-left md-fab-trigger {
+ right: auto;
+ left: 0
+}
+
+md-fab-toolbar.md-left .md-toolbar-tools {
+ -webkit-flex-direction: row-reverse;
+ -ms-flex-direction: row-reverse;
+ flex-direction: row-reverse
+}
+
+md-fab-toolbar.md-left .md-toolbar-tools > .md-button:first-child {
+ margin-right: .6rem
+}
+
+md-fab-toolbar.md-left .md-toolbar-tools > .md-button:first-child {
+ margin-left: -.8rem
+}
+
+[dir=rtl] md-fab-toolbar.md-left .md-toolbar-tools > .md-button:first-child {
+ margin-left: auto;
+ margin-right: -.8rem
+}
+
+md-fab-toolbar.md-left .md-toolbar-tools > .md-button:last-child {
+ margin-right: 8px
+}
+
+[dir=rtl] md-fab-toolbar.md-left .md-toolbar-tools > .md-button:last-child {
+ margin-right: auto;
+ margin-left: 8px
+}
+
+md-fab-toolbar.md-right md-fab-trigger {
+ left: 0
+}
+
+[dir=rtl] md-fab-toolbar.md-right md-fab-trigger {
+ left: auto;
+ right: 0
+}
+
+md-fab-toolbar.md-right .md-toolbar-tools {
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row
+}
+
+md-fab-toolbar md-toolbar {
+ background-color: transparent !important;
+ pointer-events: none;
+ z-index: 23
+}
+
+md-fab-toolbar md-toolbar .md-toolbar-tools {
+ padding: 0 20px;
+ margin-top: 3px
+}
+
+md-fab-toolbar md-toolbar .md-fab-action-item {
+ opacity: 0;
+ -webkit-transform: scale(0);
+ transform: scale(0);
+ transition: all .3s cubic-bezier(.55, 0, .55, .2);
+ transition-duration: .15s
+}
+
+md-fab-toolbar.md-is-open md-fab-trigger > button {
+ box-shadow: none
+}
+
+md-fab-toolbar.md-is-open md-fab-trigger > button md-icon {
+ opacity: 0
+}
+
+md-fab-toolbar.md-is-open .md-fab-action-item {
+ opacity: 1;
+ -webkit-transform: scale(1);
+ transform: scale(1)
+}
+
+md-grid-list {
+ box-sizing: border-box;
+ display: block;
+ position: relative
+}
+
+md-grid-list md-grid-tile, md-grid-list md-grid-tile-footer, md-grid-list md-grid-tile-header, md-grid-list md-grid-tile > figure {
+ box-sizing: border-box
+}
+
+md-grid-list md-grid-tile {
+ display: block;
+ position: absolute
+}
+
+md-grid-list md-grid-tile figure {
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ height: 100%;
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ padding: 0;
+ margin: 0
+}
+
+md-grid-list md-grid-tile md-grid-tile-footer, md-grid-list md-grid-tile md-grid-tile-header {
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ height: 48px;
+ color: #fff;
+ background: rgba(0, 0, 0, .18);
+ overflow: hidden;
+ position: absolute;
+ left: 0;
+ right: 0
+}
+
+md-grid-list md-grid-tile md-grid-tile-footer h3, md-grid-list md-grid-tile md-grid-tile-footer h4, md-grid-list md-grid-tile md-grid-tile-header h3, md-grid-list md-grid-tile md-grid-tile-header h4 {
+ font-weight: 400;
+ margin: 0 0 0 16px
+}
+
+md-grid-list md-grid-tile md-grid-tile-footer h3, md-grid-list md-grid-tile md-grid-tile-header h3 {
+ font-size: 14px
+}
+
+md-grid-list md-grid-tile md-grid-tile-footer h4, md-grid-list md-grid-tile md-grid-tile-header h4 {
+ font-size: 12px
+}
+
+md-grid-list md-grid-tile md-grid-tile-header {
+ top: 0
+}
+
+md-grid-list md-grid-tile md-grid-tile-footer {
+ bottom: 0
+}
+
+@media screen and (-ms-high-contrast: active) {
+ md-grid-tile {
+ border: 1px solid #fff
+ }
+
+ md-grid-tile-footer {
+ border-top: 1px solid #fff
+ }
+}
+
+md-icon {
+ margin: auto;
+ background-repeat: no-repeat no-repeat;
+ display: inline-block;
+ vertical-align: middle;
+ fill: currentColor;
+ height: 24px;
+ width: 24px
+}
+
+md-icon svg {
+ pointer-events: none;
+ display: block
+}
+
+md-icon[md-font-icon] {
+ line-height: 24px;
+ width: auto
+}
+
+md-input-container {
+ display: inline-block;
+ position: relative;
+ padding: 2px;
+ margin: 18px 0;
+ vertical-align: middle
+}
+
+md-input-container:after {
+ content: '';
+ display: table;
+ clear: both
+}
+
+md-input-container.md-block {
+ display: block
+}
+
+md-input-container .md-errors-spacer {
+ float: right;
+ min-height: 24px;
+ min-width: 1px
+}
+
+[dir=rtl] md-input-container .md-errors-spacer {
+ float: left
+}
+
+md-input-container > md-icon {
+ position: absolute;
+ top: 8px;
+ left: 2px;
+ right: auto
+}
+
+[dir=rtl] md-input-container > md-icon {
+ left: auto;
+ right: 2px
+}
+
+md-input-container input[type=url], md-input-container input[type=text], md-input-container input[type=password], md-input-container input[type=datetime], md-input-container input[type=datetime-local], md-input-container input[type=date], md-input-container input[type=month], md-input-container input[type=time], md-input-container input[type=week], md-input-container input[type=color], md-input-container input[type=search], md-input-container input[type=email], md-input-container input[type=number], md-input-container input[type=tel], md-input-container textarea {
+ -moz-appearance: none;
+ -webkit-appearance: none
+}
+
+md-input-container input[type=datetime-local], md-input-container input[type=date], md-input-container input[type=month], md-input-container input[type=time], md-input-container input[type=week] {
+ min-height: 26px
+}
+
+md-input-container textarea {
+ resize: none;
+ overflow: hidden
+}
+
+md-input-container textarea.md-input {
+ min-height: 26px;
+ -ms-flex-preferred-size: auto
+}
+
+md-input-container textarea._md-textarea-scrollable, md-input-container textarea[md-no-autogrow] {
+ overflow: auto
+}
+
+md-input-container textarea[md-no-autogrow] {
+ height: auto
+}
+
+md-input-container label:not(._md-container-ignore) {
+ position: absolute;
+ bottom: 100%;
+ left: 0;
+ right: auto
+}
+
+[dir=rtl] md-input-container label:not(._md-container-ignore) {
+ left: auto;
+ right: 0
+}
+
+md-input-container label:not(._md-container-ignore).md-required:after {
+ content: ' *';
+ font-size: 13px;
+ vertical-align: top
+}
+
+md-input-container ._md-placeholder, md-input-container label:not(.md-no-float):not(._md-container-ignore) {
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ width: 100%;
+ -webkit-order: 1;
+ -ms-flex-order: 1;
+ order: 1;
+ pointer-events: none;
+ -webkit-font-smoothing: antialiased;
+ padding-left: 3px;
+ padding-right: 0;
+ z-index: 1;
+ -webkit-transform: translate3d(0, 28px, 0) scale(1);
+ transform: translate3d(0, 28px, 0) scale(1);
+ transition: -webkit-transform .4s cubic-bezier(.25, .8, .25, 1);
+ transition: transform .4s cubic-bezier(.25, .8, .25, 1);
+ max-width: 100%;
+ -webkit-transform-origin: left top;
+ transform-origin: left top
+}
+
+[dir=rtl] md-input-container ._md-placeholder, [dir=rtl] md-input-container label:not(.md-no-float):not(._md-container-ignore) {
+ padding-left: 0;
+ padding-right: 3px;
+ -webkit-transform-origin: right top;
+ transform-origin: right top
+}
+
+md-input-container ._md-placeholder {
+ position: absolute;
+ top: 0;
+ opacity: 0;
+ transition-property: opacity, -webkit-transform;
+ transition-property: opacity, transform;
+ -webkit-transform: translate3d(0, 30px, 0);
+ transform: translate3d(0, 30px, 0)
+}
+
+md-input-container.md-input-focused ._md-placeholder {
+ opacity: 1;
+ -webkit-transform: translate3d(0, 24px, 0);
+ transform: translate3d(0, 24px, 0)
+}
+
+md-input-container.md-input-has-value ._md-placeholder {
+ transition: none;
+ opacity: 0
+}
+
+md-input-container:not(.md-input-has-value) input:not(:focus), md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-ampm-field, md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-day-field, md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-hour-field, md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-millisecond-field, md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-minute-field, md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-month-field, md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-second-field, md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-text, md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-week-field, md-input-container:not(.md-input-has-value) input:not(:f
ocus)::-webkit-datetime-edit-year-field {
+ color: transparent
+}
+
+md-input-container .md-input {
+ -webkit-order: 2;
+ -ms-flex-order: 2;
+ order: 2;
+ display: block;
+ margin-top: 0;
+ background: 0 0;
+ padding: 2px 2px 1px;
+ border-width: 0 0 1px;
+ line-height: 26px;
+ height: 30px;
+ -ms-flex-preferred-size: 26px;
+ border-radius: 0;
+ border-style: solid;
+ width: 100%;
+ box-sizing: border-box;
+ float: left
+}
+
+[dir=rtl] md-input-container .md-input {
+ float: right
+}
+
+md-input-container .md-input:focus {
+ outline: 0
+}
+
+md-input-container .md-input:invalid {
+ outline: 0;
+ box-shadow: none
+}
+
+md-input-container .md-input.md-no-flex {
+ -webkit-flex: none !important;
+ -ms-flex: none !important;
+ flex: none !important
+}
+
+md-input-container .md-char-counter {
+ text-align: right;
+ padding-right: 2px;
+ padding-left: 0
+}
+
+[dir=rtl] md-input-container .md-char-counter {
+ text-align: left;
+ padding-right: 0;
+ padding-left: 2px
+}
+
+md-input-container .md-input-messages-animation {
+ position: relative;
+ -webkit-order: 4;
+ -ms-flex-order: 4;
+ order: 4;
+ overflow: hidden;
+ clear: left
+}
+
+[dir=rtl] md-input-container .md-input-messages-animation {
+ clear: right
+}
+
+md-input-container .md-input-messages-animation.ng-enter .md-input-message-animation {
+ opacity: 0;
+ margin-top: -100px
+}
+
+md-input-container .md-char-counter, md-input-container .md-input-message-animation {
+ font-size: 12px;
+ line-height: 14px;
+ overflow: hidden;
+ transition: all .3s cubic-bezier(.55, 0, .55, .2);
+ opacity: 1;
+ margin-top: 0;
+ padding-top: 5px
+}
+
+md-input-container .md-char-counter:not(.md-char-counter), md-input-container .md-input-message-animation:not(.md-char-counter) {
+ padding-right: 5px;
+ padding-left: 0
+}
+
+[dir=rtl] md-input-container .md-char-counter:not(.md-char-counter), [dir=rtl] md-input-container .md-input-message-animation:not(.md-char-counter) {
+ padding-right: 0;
+ padding-left: 5px
+}
+
+md-input-container .md-auto-hide .md-input-message-animation:not(.ng-animate), md-input-container .md-input-message-animation.ng-enter, md-input-container:not(.md-input-invalid) .md-auto-hide .md-input-message-animation {
+ opacity: 0;
+ margin-top: -100px
+}
+
+md-input-container.md-input-focused label:not(.md-no-float), md-input-container.md-input-has-placeholder label:not(.md-no-float), md-input-container.md-input-has-value label:not(.md-no-float) {
+ -webkit-transform: translate3d(0, 6px, 0) scale(.75);
+ transform: translate3d(0, 6px, 0) scale(.75);
+ transition: -webkit-transform cubic-bezier(.25, .8, .25, 1) .4s, width cubic-bezier(.25, .8, .25, 1) .4s;
+ transition: transform cubic-bezier(.25, .8, .25, 1) .4s, width cubic-bezier(.25, .8, .25, 1) .4s;
+ width: calc((100% - 18px) / .75)
+}
+
+md-input-container.md-input-has-value label {
+ transition: none
+}
+
+md-input-container .md-input.ng-invalid.ng-dirty, md-input-container.md-input-focused .md-input {
+ padding-bottom: 0;
+ border-width: 0 0 2px
+}
+
+[disabled] md-input-container .md-input, md-input-container .md-input[disabled] {
+ background-position: 0 bottom;
+ background-size: 4px 1px;
+ background-repeat: repeat-x;
+ margin-bottom: -1px
+}
+
+md-input-container.md-icon-float {
+ transition: margin-top .4s cubic-bezier(.25, .8, .25, 1)
+}
+
+md-input-container.md-icon-float > label {
+ pointer-events: none;
+ position: absolute
+}
+
+md-input-container.md-icon-float > md-icon {
+ top: 8px;
+ left: 2px;
+ right: auto
+}
+
+[dir=rtl] md-input-container.md-icon-float > md-icon {
+ left: auto;
+ right: 2px
+}
+
+md-input-container.md-icon-left > label .md-placeholder, md-input-container.md-icon-left > label:not(.md-no-float):not(._md-container-ignore), md-input-container.md-icon-right > label .md-placeholder, md-input-container.md-icon-right > label:not(.md-no-float):not(._md-container-ignore) {
+ width: calc(100% - 36px - 18px)
+}
+
+md-input-container.md-icon-left.md-input-focused > label .md-placeholder, md-input-container.md-icon-left.md-input-focused > label:not(.md-no-float):not(._md-container-ignore), md-input-container.md-icon-left.md-input-has-placeholder > label .md-placeholder, md-input-container.md-icon-left.md-input-has-placeholder > label:not(.md-no-float):not(._md-container-ignore), md-input-container.md-icon-left.md-input-has-value > label .md-placeholder, md-input-container.md-icon-left.md-input-has-value > label:not(.md-no-float):not(._md-container-ignore), md-input-container.md-icon-right.md-input-focused > label .md-placeholder, md-input-container.md-icon-right.md-input-focused > label:not(.md-no-float):not(._md-container-ignore), md-input-container.md-icon-right.md-input-has-placeholder > label .md-placeholder, md-input-container.md-icon-right.md-input-has-placeholder > label:not(.md-no-float):not(._md-container-ignore), md-input-container.md-icon-right.md-input-has-value > label .md-placehol
der, md-input-container.md-icon-right.md-input-has-value > label:not(.md-no-float):not(._md-container-ignore) {
+ width: calc((100% - 36px - 18px) / .75)
+}
+
+md-input-container.md-icon-left {
+ padding-left: 36px;
+ padding-right: 0
+}
+
+[dir=rtl] md-input-container.md-icon-left {
+ padding-left: 0;
+ padding-right: 36px
+}
+
+md-input-container.md-icon-left > label {
+ left: 36px;
+ right: auto
+}
+
+[dir=rtl] md-input-container.md-icon-left > label {
+ left: auto;
+ right: 36px
+}
+
+md-input-container.md-icon-right {
+ padding-left: 0;
+ padding-right: 36px
+}
+
+[dir=rtl] md-input-container.md-icon-right {
+ padding-left: 36px;
+ padding-right: 0
+}
+
+md-input-container.md-icon-right > md-icon:last-of-type {
+ margin: 0;
+ right: 2px;
+ left: auto
+}
+
+[dir=rtl] md-input-container.md-icon-right > md-icon:last-of-type {
+ right: auto;
+ left: 2px
+}
+
+md-input-container.md-icon-left.md-icon-right {
+ padding-left: 36px;
+ padding-right: 36px
+}
+
+md-input-container.md-icon-left.md-icon-right > label .md-placeholder, md-input-container.md-icon-left.md-icon-right > label:not(.md-no-float):not(._md-container-ignore) {
+ width: calc(100% - (36px * 2))
+}
+
+md-input-container.md-icon-left.md-icon-right.md-input-focused > label .md-placeholder, md-input-container.md-icon-left.md-icon-right.md-input-focused > label:not(.md-no-float):not(._md-container-ignore), md-input-container.md-icon-left.md-icon-right.md-input-has-placeholder > label .md-placeholder, md-input-container.md-icon-left.md-icon-right.md-input-has-placeholder > label:not(.md-no-float):not(._md-container-ignore), md-input-container.md-icon-left.md-icon-right.md-input-has-value > label .md-placeholder, md-input-container.md-icon-left.md-icon-right.md-input-has-value > label:not(.md-no-float):not(._md-container-ignore) {
+ width: calc((100% - (36px * 2)) / .75)
+}
+
+@media screen and (-ms-high-contrast: active) {
+ md-input-container.md-default-theme > md-icon {
+ fill: #fff
+ }
+}
+
+md-list {
+ display: block;
+ padding: 8px 0
+}
+
+md-list .md-subheader {
+ font-size: 14px;
+ font-weight: 500;
+ letter-spacing: .010em;
+ line-height: 1.2em
+}
+
+md-list.md-dense md-list-item, md-list.md-dense md-list-item ._md-list-item-inner {
+ min-height: 48px
+}
+
+md-list.md-dense md-list-item ._md-list-item-inner md-icon:first-child, md-list.md-dense md-list-item md-icon:first-child {
+ width: 20px;
+ height: 20px
+}
+
+md-list.md-dense md-list-item ._md-list-item-inner > md-icon:first-child:not(.md-avatar-icon), md-list.md-dense md-list-item > md-icon:first-child:not(.md-avatar-icon) {
+ margin-right: 36px
+}
+
+[dir=rtl] md-list.md-dense md-list-item ._md-list-item-inner > md-icon:first-child:not(.md-avatar-icon), [dir=rtl] md-list.md-dense md-list-item > md-icon:first-child:not(.md-avatar-icon) {
+ margin-right: auto;
+ margin-left: 36px
+}
+
+md-list.md-dense md-list-item ._md-list-item-inner .md-avatar, md-list.md-dense md-list-item ._md-list-item-inner .md-avatar-icon, md-list.md-dense md-list-item .md-avatar, md-list.md-dense md-list-item .md-avatar-icon {
+ margin-right: 20px
+}
+
+[dir=rtl] md-list.md-dense md-list-item ._md-list-item-inner .md-avatar, [dir=rtl] md-list.md-dense md-list-item ._md-list-item-inner .md-avatar-icon, [dir=rtl] md-list.md-dense md-list-item .md-avatar, [dir=rtl] md-list.md-dense md-list-item .md-avatar-icon {
+ margin-right: auto;
+ margin-left: 20px
+}
+
+md-list.md-dense md-list-item ._md-list-item-inner .md-avatar, md-list.md-dense md-list-item .md-avatar {
+ width: 36px;
+ height: 36px
+}
+
+md-list.md-dense md-list-item.md-2-line .md-list-item-text.md-offset, md-list.md-dense md-list-item.md-2-line > ._md-no-style .md-list-item-text.md-offset, md-list.md-dense md-list-item.md-3-line .md-list-item-text.md-offset, md-list.md-dense md-list-item.md-3-line > ._md-no-style .md-list-item-text.md-offset {
+ margin-left: 56px
+}
+
+[dir=rtl] md-list.md-dense md-list-item.md-2-line .md-list-item-text.md-offset, [dir=rtl] md-list.md-dense md-list-item.md-2-line > ._md-no-style .md-list-item-text.md-offset, [dir=rtl] md-list.md-dense md-list-item.md-3-line .md-list-item-text.md-offset, [dir=rtl] md-list.md-dense md-list-item.md-3-line > ._md-no-style .md-list-item-text.md-offset {
+ margin-left: auto;
+ margin-right: 56px
+}
+
+md-list.md-dense md-list-item.md-2-line .md-list-item-text h3, md-list.md-dense md-list-item.md-2-line .md-list-item-text h4, md-list.md-dense md-list-item.md-2-line .md-list-item-text p, md-list.md-dense md-list-item.md-2-line > ._md-no-style .md-list-item-text h3, md-list.md-dense md-list-item.md-2-line > ._md-no-style .md-list-item-text h4, md-list.md-dense md-list-item.md-2-line > ._md-no-style .md-list-item-text p, md-list.md-dense md-list-item.md-3-line .md-list-item-text h3, md-list.md-dense md-list-item.md-3-line .md-list-item-text h4, md-list.md-dense md-list-item.md-3-line .md-list-item-text p, md-list.md-dense md-list-item.md-3-line > ._md-no-style .md-list-item-text h3, md-list.md-dense md-list-item.md-3-line > ._md-no-style .md-list-item-text h4, md-list.md-dense md-list-item.md-3-line > ._md-no-style .md-list-item-text p {
+ line-height: 1.05;
+ font-size: 12px
+}
+
+md-list.md-dense md-list-item.md-2-line .md-list-item-text h3, md-list.md-dense md-list-item.md-2-line > ._md-no-style .md-list-item-text h3, md-list.md-dense md-list-item.md-3-line .md-list-item-text h3, md-list.md-dense md-list-item.md-3-line > ._md-no-style .md-list-item-text h3 {
+ font-size: 13px
+}
+
+md-list.md-dense md-list-item.md-2-line, md-list.md-dense md-list-item.md-2-line > ._md-no-style {
+ min-height: 60px
+}
+
+md-list.md-dense md-list-item.md-2-line div.md-button:first-child::before, md-list.md-dense md-list-item.md-2-line > ._md-no-style div.md-button:first-child::before {
+ content: '';
+ min-height: 60px;
+ visibility: hidden
+}
+
+md-list.md-dense md-list-item.md-2-line .md-avatar-icon, md-list.md-dense md-list-item.md-2-line > ._md-no-style .md-avatar-icon, md-list.md-dense md-list-item.md-2-line > ._md-no-style > .md-avatar, md-list.md-dense md-list-item.md-2-line > .md-avatar {
+ margin-top: 12px
+}
+
+md-list.md-dense md-list-item.md-3-line, md-list.md-dense md-list-item.md-3-line > ._md-no-style {
+ min-height: 76px
+}
+
+md-list.md-dense md-list-item.md-3-line div.md-button:first-child::before, md-list.md-dense md-list-item.md-3-line > ._md-no-style div.md-button:first-child::before {
+ content: '';
+ min-height: 76px;
+ visibility: hidden
+}
+
+md-list.md-dense md-list-item.md-3-line > ._md-no-style > .md-avatar, md-list.md-dense md-list-item.md-3-line > ._md-no-style > md-icon:first-child, md-list.md-dense md-list-item.md-3-line > .md-avatar, md-list.md-dense md-list-item.md-3-line > md-icon:first-child {
+ margin-top: 16px
+}
+
+md-list-item {
+ position: relative
+}
+
+md-list-item._md-proxy-focus.md-focused ._md-no-style {
+ transition: background-color .15s linear
+}
+
+md-list-item._md-button-wrap {
+ position: relative
+}
+
+md-list-item._md-button-wrap > div.md-button:first-child {
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-justify-content: flex-start;
+ -ms-flex-pack: start;
+ justify-content: flex-start;
+ padding: 0 16px;
+ margin: 0;
+ background-color: initial;
+ font-weight: 400;
+ text-align: left;
+ border: none
+}
+
+[dir=rtl] md-list-item._md-button-wrap > div.md-button:first-child {
+ text-align: right
+}
+
+md-list-item._md-button-wrap > div.md-button:first-child > .md-button:first-child {
+ position: absolute;
+ top: 0;
+ left: 0;
+ height: 100%;
+ margin: 0;
+ padding: 0
+}
+
+md-list-item._md-button-wrap > div.md-button:first-child ._md-list-item-inner {
+ width: 100%;
+ height: 100%
+}
+
+md-list-item ._md-no-style, md-list-item._md-no-proxy {
+ position: relative;
+ padding: 0 16px;
+ -webkit-flex: 1 1 auto;
+ -ms-flex: 1 1 auto;
+ flex: 1 1 auto
+}
+
+md-list-item ._md-no-style.md-button, md-list-item._md-no-proxy.md-button {
+ font-size: inherit;
+ height: inherit;
+ text-align: left;
+ text-transform: none;
+ width: 100%;
+ white-space: normal;
+ -webkit-flex-direction: inherit;
+ -ms-flex-direction: inherit;
+ flex-direction: inherit;
+ -webkit-align-items: inherit;
+ -ms-flex-align: inherit;
+ align-items: inherit;
+ border-radius: 0;
+ margin: 0
+}
+
+[dir=rtl] md-list-item ._md-no-style.md-button, [dir=rtl] md-list-item._md-no-proxy.md-button {
+ text-align: right
+}
+
+md-list-item ._md-no-style.md-button > .md-ripple-container, md-list-item._md-no-proxy.md-button > .md-ripple-container {
+ border-radius: 0
+}
+
+md-list-item ._md-no-style:focus, md-list-item._md-no-proxy:focus {
+ outline: 0
+}
+
+md-list-item.md-clickable:hover {
+ cursor: pointer
+}
+
+md-list-item md-divider {
+ position: absolute;
+ bottom: 0;
+ left: 0;
+ width: 100%
+}
+
+[dir=rtl] md-list-item md-divider {
+ left: auto;
+ right: 0
+}
+
+md-list-item md-divider[md-inset] {
+ left: 72px;
+ width: calc(100% - 72px);
+ margin: 0 !important
+}
+
+[dir=rtl] md-list-item md-divider[md-inset] {
+ left: auto;
+ right: 72px
+}
+
+md-list-item, md-list-item ._md-list-item-inner {
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-justify-content: flex-start;
+ -ms-flex-pack: start;
+ justify-content: flex-start;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ min-height: 48px;
+ height: auto
+}
+
+md-list-item ._md-list-item-inner > div.md-primary > md-icon:not(.md-avatar-icon), md-list-item ._md-list-item-inner > div.md-secondary > md-icon:not(.md-avatar-icon), md-list-item ._md-list-item-inner > md-icon.md-secondary:not(.md-avatar-icon), md-list-item ._md-list-item-inner > md-icon:first-child:not(.md-avatar-icon), md-list-item > div.md-primary > md-icon:not(.md-avatar-icon), md-list-item > div.md-secondary > md-icon:not(.md-avatar-icon), md-list-item > md-icon.md-secondary:not(.md-avatar-icon), md-list-item > md-icon:first-child:not(.md-avatar-icon) {
+ width: 24px;
+ margin-top: 16px;
+ margin-bottom: 12px;
+ box-sizing: content-box
+}
+
+md-list-item ._md-list-item-inner md-checkbox.md-secondary, md-list-item ._md-list-item-inner > div.md-primary > md-checkbox, md-list-item ._md-list-item-inner > div.md-secondary > md-checkbox, md-list-item ._md-list-item-inner > md-checkbox, md-list-item md-checkbox.md-secondary, md-list-item > div.md-primary > md-checkbox, md-list-item > div.md-secondary > md-checkbox, md-list-item > md-checkbox {
+ -webkit-align-self: center;
+ -ms-flex-item-align: center;
+ align-self: center
+}
+
+md-list-item ._md-list-item-inner md-checkbox.md-secondary .md-label, md-list-item ._md-list-item-inner > div.md-primary > md-checkbox .md-label, md-list-item ._md-list-item-inner > div.md-secondary > md-checkbox .md-label, md-list-item ._md-list-item-inner > md-checkbox .md-label, md-list-item md-checkbox.md-secondary .md-label, md-list-item > div.md-primary > md-checkbox .md-label, md-list-item > div.md-secondary > md-checkbox .md-label, md-list-item > md-checkbox .md-label {
+ display: none
+}
+
+md-list-item ._md-list-item-inner > md-icon:first-child:not(.md-avatar-icon), md-list-item > md-icon:first-child:not(.md-avatar-icon) {
+ margin-right: 32px
+}
+
+[dir=rtl] md-list-item ._md-list-item-inner > md-icon:first-child:not(.md-avatar-icon), [dir=rtl] md-list-item > md-icon:first-child:not(.md-avatar-icon) {
+ margin-right: auto;
+ margin-left: 32px
+}
+
+md-list-item ._md-list-item-inner .md-avatar, md-list-item ._md-list-item-inner .md-avatar-icon, md-list-item .md-avatar, md-list-item .md-avatar-icon {
+ margin-top: 8px;
+ margin-bottom: 8px;
+ margin-right: 16px;
+ border-radius: 50%;
+ box-sizing: content-box
+}
+
+[dir=rtl] md-list-item ._md-list-item-inner .md-avatar, [dir=rtl] md-list-item ._md-list-item-inner .md-avatar-icon, [dir=rtl] md-list-item .md-avatar, [dir=rtl] md-list-item .md-avatar-icon {
+ margin-right: auto;
+ margin-left: 16px
+}
+
+md-list-item ._md-list-item-inner .md-avatar, md-list-item .md-avatar {
+ width: 40px;
+ height: 40px
+}
+
+md-list-item ._md-list-item-inner .md-avatar-icon, md-list-item .md-avatar-icon {
+ padding: 8px
+}
+
+md-list-item ._md-list-item-inner > md-checkbox, md-list-item > md-checkbox {
+ width: 24px;
+ margin-left: 3px;
+ margin-right: 29px;
+ margin-top: 16px
+}
+
+[dir=rtl] md-list-item ._md-list-item-inner > md-checkbox, [dir=rtl] md-list-item > md-checkbox {
+ margin-left: 29px;
+ margin-right: 3px
+}
+
+md-list-item ._md-list-item-inner ._md-secondary-container, md-list-item ._md-secondary-container {
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ height: 100%;
+ margin: auto
+}
+
+md-list-item ._md-list-item-inner ._md-secondary-container .md-button:last-of-type, md-list-item ._md-list-item-inner ._md-secondary-container .md-icon-button:last-of-type, md-list-item ._md-secondary-container .md-button:last-of-type, md-list-item ._md-secondary-container .md-icon-button:last-of-type {
+ margin-right: 0
+}
+
+[dir=rtl] md-list-item ._md-list-item-inner ._md-secondary-container .md-button:last-of-type, [dir=rtl] md-list-item ._md-list-item-inner ._md-secondary-container .md-icon-button:last-of-type, [dir=rtl] md-list-item ._md-secondary-container .md-button:last-of-type, [dir=rtl] md-list-item ._md-secondary-container .md-icon-button:last-of-type {
+ margin-right: auto;
+ margin-left: 0
+}
+
+md-list-item ._md-list-item-inner ._md-secondary-container md-checkbox, md-list-item ._md-secondary-container md-checkbox {
+ margin-top: 0;
+ margin-bottom: 0
+}
+
+md-list-item ._md-list-item-inner ._md-secondary-container md-checkbox:last-child, md-list-item ._md-secondary-container md-checkbox:last-child {
+ width: 24px;
+ margin-right: 0
+}
+
+[dir=rtl] md-list-item ._md-list-item-inner ._md-secondary-container md-checkbox:last-child, [dir=rtl] md-list-item ._md-secondary-container md-checkbox:last-child {
+ margin-right: auto;
+ margin-left: 0
+}
+
+md-list-item ._md-list-item-inner ._md-secondary-container md-switch, md-list-item ._md-secondary-container md-switch {
+ margin-top: 0;
+ margin-bottom: 0;
+ margin-right: -6px
+}
+
+[dir=rtl] md-list-item ._md-list-item-inner ._md-secondary-container md-switch, [dir=rtl] md-list-item ._md-secondary-container md-switch {
+ margin-right: auto;
+ margin-left: -6px
+}
+
+md-list-item ._md-list-item-inner > ._md-list-item-inner > p, md-list-item ._md-list-item-inner > p, md-list-item > ._md-list-item-inner > p, md-list-item > p {
+ -webkit-flex: 1 1 auto;
+ -ms-flex: 1 1 auto;
+ flex: 1 1 auto;
+ margin: 0
+}
+
+md-list-item.md-2-line, md-list-item.md-2-line > ._md-no-style, md-list-item.md-3-line, md-list-item.md-3-line > ._md-no-style {
+ -webkit-align-items: flex-start;
+ -ms-flex-align: start;
+ align-items: flex-start;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center
+}
+
+md-list-item.md-2-line.md-long-text, md-list-item.md-2-line > ._md-no-style.md-long-text, md-list-item.md-3-line.md-long-text, md-list-item.md-3-line > ._md-no-style.md-long-text {
+ margin-top: 8px;
+ margin-bottom: 8px
+}
+
+md-list-item.md-2-line .md-list-item-text, md-list-item.md-2-line > ._md-no-style .md-list-item-text, md-list-item.md-3-line .md-list-item-text, md-list-item.md-3-line > ._md-no-style .md-list-item-text {
+ -webkit-flex: 1 1 auto;
+ -ms-flex: 1 1 auto;
+ flex: 1 1 auto;
+ margin: auto;
+ text-overflow: ellipsis;
+ overflow: hidden
+}
+
+md-list-item.md-2-line .md-list-item-text.md-offset, md-list-item.md-2-line > ._md-no-style .md-list-item-text.md-offset, md-list-item.md-3-line .md-list-item-text.md-offset, md-list-item.md-3-line > ._md-no-style .md-list-item-text.md-offset {
+ margin-left: 56px
+}
+
+[dir=rtl] md-list-item.md-2-line .md-list-item-text.md-offset, [dir=rtl] md-list-item.md-2-line > ._md-no-style .md-list-item-text.
<TRUNCATED>