@charset "UTF-8";

/* =============================================
 FORM CSS
============================================= */

/* ================ page main image ================ */

.page_main_img{
    background-color: #EEE;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.page_main_img.otsuka_bg{
    background-image: url(/shop/img/shop_otsuka.jpg);
}
.page_main_img.takenotsuka_bg{
    background-image: url(/shop/img/shop_takenotsuka.jpg);
}
.page_main_img.otsu_bg{
    background-image: url(/shop/img/shop_otsu.jpg);
}

.page_main_img.hachinohe_bg{
    background-image: url(/shop/img/shop_hachinohe.jpg);
}

.page_main_img.tokoname_bg{
    background-image: url(/shop/img/shop_tokoname.jpg);
}

h1.contents_title {
  color: #886b3d;
  font-size: 24px;
  margin-bottom: 20px;
}

.form_wrp{
    text-align: center;
}


/* ================ サンクスページ ================ */

.thanks_txt{
    text-align: center;
    line-height: 2;
}

.thanks_txt h3{
    font-weight: bold;
}

.thanks_txt h3:after{
    content: "";
    width: 150px;
    height: 1px;
    display: block;
    background-color: #DDD;
    margin: 20px auto;
}

.thanks_txt .btn{
    margin: 30px auto 0;
}

/* ================ common form css ================ */

.kodomo_label{
    display: block;
    margin-top: 20px;
    padding: 6px 15px;
    color: #FFF;
    background: #ad9852;
    text-align: center;
}
 
 fieldset,
 img {
     border: none
 }
 
 .md-ripple-container,
 .md-shadow,
 md-fab-speed-dial:not(.md-hover-full) {
     pointer-events: none
 }
 
 .md-ripple,
 md-tooltip .md-background {
     -webkit-transform: translate(-50%, -50%) scale(0)
 }
 
 *,
 .md-button,
 .md-button:focus,
 .md-button:hover,
 .md-toolbar-tools a,
 a {
     text-decoration: none
 }
 
 .md-button .md-ripple-container,
 .md-button.md-fab .md-ripple-container,
 .md-button.md-icon-button .md-ripple-container {
     -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
     background-clip: padding-box
 }
 
 .md-calendar,
 .md-calendar-day-header {
     border-spacing: 0;
     border-collapse: collapse
 }
 
 .md-autocomplete-suggestions li:focus,
 .md-button,
 .md-button:focus,
 .md-chips .md-chip .md-chip-content:focus,
 .md-chips .md-chip-input-container input:focus,
 .md-chips .md-chip-input-container input:not([type]):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,
 .md-chips .md-chip-input-container input[type=text]:focus,
 .md-chips .md-chip-input-container input[type=url]:focus,
 .md-datepicker-input,
 .md-tab.md-focused,
 [tabindex='-1']:focus,
 md-autocomplete button:focus,
 md-autocomplete input:not(.md-input),
 md-bottom-sheet md-list-item,
 md-checkbox,
 md-dialog md-dialog-content:focus,
 md-input-container .md-input:focus,
 md-input-container .md-input:invalid,
 md-list-item .md-no-style:focus,
 md-list-item.md-no-proxy:focus,
 md-option:focus,
 md-radio-group:focus,
 md-select:focus,
 md-slider:focus,
 md-switch,
 md-switch .md-thumb,
 md-tabs-wrapper md-next-button:focus,
 md-tabs-wrapper md-prev-button:focus {
     outline: 0
 }
 
 .left {
     float: left
 }
 
 .margin02 {
     margin-bottom: 2px
 }
 
 .md-chips:after,
 md-autocomplete button:after,
 md-checkbox .md-container:after,
 md-checkbox .md-container:before,
 md-checkbox.md-checked .md-icon:after {
     content: ''
 }
 
 #main_area {
     width: 100%;
     margin: 0 auto;
     padding: 20px 0
 }
 
 #main_area p {
     margin-bottom: 0px
 }
 
 #main_area .red {
     color: #C00
 }
 
 #main_area table {
     width: 100%;
     border-collapse: collapse;
     border-top: none!important;
     margin-bottom: 30px
 }
 
 #main_area table th {
     padding: 15px 10px;
     width: 25%;
     font-size: 20px;
     color: #580000
 }
 
 #main_area table td {
     padding: 15px 10px 20px;
     width: 75%;
     font-size: 14px
 }
 
 #main_area table td .text {
     padding: 10px
 }
 
 .form_button {
     width: 440px;
     margin: 0 auto
 }
 
 .form_button .FormButton,
 .form_button .FormButton img {
     background: 0 0!important;
     border: none!important
 }
 
 .small {
     font-size: 10px
 }
 
 .redbig {
     font-size: 1.6em;
     color: red;
     text-align: center
 }
 
 md-input-container [data-ng-message],
 md-input-container [ng-message],
 md-input-container [x-ng-message],
 md-input-container ng-messages {
     color: #e91e63!important
 }
 
 md-input-container label {
     line-height: 1.7
 }
 
 md-content {
     background-color: #fff!important
 }
 
 md-input-container {
     padding: 0.4em 0em!important;
     font-size: 14px
 }
 
 md-input-container .md-input {
     font-size: 16px
 }
 
 md-input-container.md-input-invalid .md-input {
     border-color: #e91e63
 }
 
 md-input-container.md-input-invalid.md-input-focused label {
     color: #e91e63
 }
 
 md-datepicker {
     background-color: transparent
 }
 
 .md-calendar-date-disabled,
 .md-calendar-day-header,
 .md-calendar-month-label-disabled {
     color: #ccc
 }
 
 .md-datepicker-calendar-pane {
     background-color: #fefefe!important
 }
 
 .md-datepicker-input-container .md-datepicker-input {
     font-size: 14px;
     color: rgba(0, 0, 0, .87)
 }
 
 .md-calendar-date.md-calendar-selected-date .md-calendar-date-selection-indicator,
 .md-calendar-date.md-focus.md-calendar-selected-date .md-calendar-date-selection-indicator {
     color: #fff;
     background-color: #9fbae7
 }
 
 md-select {
     padding: 0 1em 1.5em;
     margin-left: 58px!important
 }
 
 md-select span:not(.md-select-icon) {
     font-size: 14px
 }
 
 md-select .md-select-icon {
     font-size: 10px
 }
 
 .form {
     background-color: #fff!important
 }
 
 .form-notice {
     margin: 10.9375% 2em 2em;
     padding: 1em 0;
     border-top: 1px solid #333;
     border-bottom: 1px solid #333;
     font-size: 14px;
     line-height: 1.4;
     letter-spacing: .2em;
     text-align: center
 }
 
 .form-container {
     margin: 0 auto;
     width: 640px;
     text-align: left
 }
 
 .form-container .md-input {
     font-size: 16px
 }
 
 .form-container .submit-button {
     margin: .5em auto 2em;
     display: block;
     padding: .5em 1.5em
 }
 
 .form-container .md-button {
     font-size: 14px
 }
 
 .form-container .md-button.md-primary.md-raised:not([disabled]) {
     background-color: #9fbae7;
     color: #fff;
     font-weight: 700
 }
 
 .form-radio-group .radio-group {
     font-size: 0
 }
 
 .form-radio-group .form-date-group {
     display: inline-block;
     width: 6em;
     font-size: 14px
 }
 
 .form-radio-group .form-date-group .block {
     display: block
 }
 
 .form-radio-group .form-date-group-wrapper {
     text-align: center
 }
 
 .form-radio-group .form-date-input {
     display: none
 }
 
 .form-radio-group .form-date-input:checked+.form-date-label {
     background-color: #9fbae7;
     color: #fff
 }
 
 .form-radio-group .form-date-label {
     display: block;
     border: 2px solid #9fbae7;
     padding: .5em 0;
     width: 5em;
     font-size: 14px;
     line-height: 1.5;
     text-align: center;
     color: rgba(0, 0, 0, .26)
 }
 
 .form-radio-group .form-time-title {
     padding: 2em 1.5em 0;
     color: rgba(0, 0, 0, .54);
     font-size: 14px
 }
 
 .form-radio-group .md-select-value {
     max-width: 120px
 }
 
 .form-radio-group .form-radio-title {
     padding: 2em 1.5em;
     color: rgba(0, 0, 0, .54);
     font-size: 14px
 }
 
 .form-radio-group .form-radio-label {
     padding: .5em 1em;
     border: 2px solid #9fbae7;
     border-collapse: collapse;
     text-align: center;
     font-size: 14px;
     font-weight: 400;
     color: rgba(0, 0, 0, .26)
 }
 
 .form-radio-group .form-radio-label-left {
     border-radius: 3px 0 0 3px
 }
 
 .form-radio-group .form-radio-label-right {
     border-radius: 0 3px 3px 0
 }
 
 .form-radio-group .spacer {
     display: inline-block;
     width: 1em
 }
 
 .form-radio-group .form-radio-input,
 .progress-window.initial {
     display: none
 }
 
 .form-radio-group .form-radio-input:checked+.form-radio-label {
     background-color: #9fbae7;
     color: #fff
 }
 
 .progress-window {
     margin: auto;
     width: 100%;
     height: 100%;
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     z-index: 99999;
     background-color: rgba(255, 255, 255, .8)
 }
 
 .progress-circular,
 .progress-sending {
     margin: auto;
     position: fixed;
     top: 42%;
     left: 0;
     right: 0
 }
 
 .progress-sending {
     width: 3em;
     font-size: 12px;
     font-weight: 700;
     line-height: 8
 }
 
 md-progress-circular.md-warn .md-inner .md-gap {
     border-top-color: #9fbae7;
     border-bottom-color: #9fbae7
 }
 
 md-progress-circular.md-warn .md-inner .md-left .md-half-circle {
     border-left-color: #9fbae7
 }
 
 md-progress-circular.md-warn .md-inner .md-right .md-half-circle {
     border-right-color: #9fbae7
 }
 
 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: #9fbae7
 }
 
 .loader {
     padding: 3em 0;
     width: 100%;
     font-size: 24px
 }
 
 .loader-text {
     display: block;
     width: 100%;
     text-align: center;
     -webkit-animation-name: blink;
     animation-name: blink;
     -webkit-animation-duration: 1s;
     animation-duration: 1s;
     -webkit-animation-iteration-count: infinite;
     animation-iteration-count: infinite
 }
 
 @-webkit-keyframes blink {
     0%,
     100% {
         opacity: 1
     }
     50% {
         opacity: .2
     }
 }
 
 @keyframes blink {
     0%,
     100% {
         opacity: 1
     }
     50% {
         opacity: .2
     }
 }
 /*!
 * Angular Material Design
 * https://github.com/angular/material
 * @license MIT
 * v0.11.4
 */
 
 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
 }
 
 .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
 }
 
 .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 {
     -webkit-transition: box-shadow .28s cubic-bezier(.4, 0, .2, 1);
     transition: box-shadow .28s cubic-bezier(.4, 0, .2, 1)
 }
 
 .md-ripple-container {
     position: absolute;
     overflow: hidden;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     -webkit-transition: all .55s cubic-bezier(.25, .8, .25, 1);
     transition: all .55s cubic-bezier(.25, .8, .25, 1)
 }
 
 .md-ripple {
     position: absolute;
     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 {
     -webkit-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);
     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), -webkit-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:600px) {
     .md-padding {
         padding: 16px
     }
 }
 
 .md-display-4 {
     font-size: 112px;
     font-weight: 300;
     letter-spacing: -.01em;
     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: .01em;
     line-height: 24px
 }
 
 .md-body-1,
 .md-body-2 {
     font-size: 14px;
     letter-spacing: .01em
 }
 
 .md-body-1 {
     font-weight: 400;
     line-height: 20px
 }
 
 .md-body-2 {
     font-weight: 500;
     line-height: 24px
 }
 
 .md-caption {
     font-size: 12px;
     letter-spacing: .02em
 }
 
 button,
 html,
 input,
 select,
 textarea {
     font-family: Roboto, 'Helvetica Neue', sans-serif
 }
 
 button,
 input,
 select,
 textarea {
     font-size: 100%
 }
 
 @-moz-document url-prefix() {
     .layout-fill {
         margin: 0;
         width: 100%;
         min-height: 100%;
         height: 100%
     }
 }
 
 md-autocomplete,
 md-autocomplete md-autocomplete-wrap {
     display: block;
     position: relative;
     overflow: visible;
     height: 40px
 }
 
 @-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;
     min-width: 190px
 }
 
 md-autocomplete[disabled] input {
     cursor: not-allowed
 }
 
 .md-autocomplete-suggestions li:not(.md-not-found-wrapper),
 .md-button,
 md-bottom-sheet md-list-item:hover,
 md-checkbox {
     cursor: pointer
 }
 
 md-autocomplete[md-floating-label] {
     border-radius: 0;
     background: 0 0;
     height: auto
 }
 
 md-autocomplete[md-floating-label] md-input-container {
     padding-bottom: 26px
 }
 
 md-autocomplete[md-floating-label] md-input-container.md-input-has-messages {
     padding-bottom: 2px
 }
 
 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.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-mode-indeterminate {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 3px;
     -webkit-transition: none;
     transition: none
 }
 
 md-autocomplete md-autocomplete-wrap md-progress-linear .md-mode-indeterminate .md-container {
     -webkit-transition: none;
     transition: none;
     height: 3px
 }
 
 md-autocomplete md-autocomplete-wrap md-progress-linear .md-mode-indeterminate.ng-enter {
     -webkit-transition: opacity .15s linear;
     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 {
     -webkit-transition: opacity .15s linear;
     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;
     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-suggestions li,
 .md-button {
     font-size: 14px;
     white-space: nowrap;
     overflow: hidden
 }
 
 md-autocomplete button:after {
     position: absolute;
     top: -6px;
     right: -6px;
     bottom: -6px;
     left: -6px;
     border-radius: 50%;
     -webkit-transform: scale(0);
     transform: scale(0);
     opacity: 0;
     -webkit-transition: all .4s cubic-bezier(.25, .8, .25, 1);
     transition: all .4s cubic-bezier(.25, .8, .25, 1)
 }
 
 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);
     -webkit-transition: -webkit-transform .15s ease-out;
     transition: transform .15s ease-out;
     transition: transform .15s ease-out, -webkit-transform .15s ease-out
 }
 
 md-autocomplete button.ng-enter.ng-enter-active {
     -webkit-transform: scale(1);
     transform: scale(1)
 }
 
 md-autocomplete button.ng-leave {
     -webkit-transition: -webkit-transform .15s ease-out;
     transition: transform .15s ease-out;
     transition: transform .15s ease-out, -webkit-transform .15s ease-out
 }
 
 md-autocomplete button.ng-leave.ng-leave-active {
     -webkit-transform: scale(0);
     transform: scale(0)
 }
 
 .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-button.md-fab,
 .md-button.md-raised:not([disabled]),
 .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-autocomplete-suggestions {
     margin: 0;
     list-style: none;
     padding: 0
 }
 
 .md-autocomplete-suggestions li {
     padding: 0 15px;
     line-height: 48px;
     height: 48px;
     -webkit-transition: background .15s linear;
     transition: background .15s linear;
     margin: 0;
     text-overflow: ellipsis
 }
 
 @media screen and (-ms-high-contrast:active) {
     .md-autocomplete-suggestions,
     md-autocomplete,
     md-autocomplete input {
         border: 1px solid #fff
     }
     md-autocomplete li:focus {
         color: #fff
     }
 }
 
 md-backdrop {
     -webkit-transition: opacity 450ms;
     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: 98
 }
 
 md-backdrop.md-select-backdrop {
     z-index: 81;
     -webkit-transition-duration: 0;
     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;
     -webkit-transition: opacity .4s;
     transition: opacity .4s
 }
 
 md-backdrop.md-opaque.ng-leave.md-opaque.ng-leave-active {
     opacity: 0
 }
 
 button.md-button::-moz-focus-inner {
     border: 0
 }
 
 .md-button {
     letter-spacing: .01em;
     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;
     border: 0;
     display: inline-block;
     -ms-flex-align: center;
     -webkit-box-align: center;
     -ms-grid-row-align: center;
     align-items: center;
     padding: 0 6px;
     margin: 6px 8px;
     line-height: 36px;
     min-height: 36px;
     background: 0 0;
     min-width: 88px;
     text-align: center;
     text-transform: uppercase;
     font-weight: 500;
     font-style: inherit;
     font-variant: inherit;
     font-family: inherit;
     -webkit-transition: box-shadow .4s cubic-bezier(.25, .8, .25, 1), background-color .4s cubic-bezier(.25, .8, .25, 1);
     transition: box-shadow .4s cubic-bezier(.25, .8, .25, 1), background-color .4s cubic-bezier(.25, .8, .25, 1)
 }
 
 .md-chips,
 md-bottom-sheet .md-subheader {
     font-family: Roboto, 'Helvetica Neue', sans-serif
 }
 
 .md-button.ng-hide,
 .md-button.ng-leave {
     -webkit-transition: none;
     transition: none
 }
 
 .md-button.md-cornered {
     border-radius: 0
 }
 
 .md-button.md-icon {
     padding: 0;
     background: 0 0
 }
 
 .md-button.md-icon-button {
     margin: 0 6px;
     height: 48px;
     min-width: 0;
     line-height: 48px;
     padding-left: 0;
     padding-right: 0;
     width: 48px;
     border-radius: 50%
 }
 
 .md-button.md-icon-button .md-ripple-container {
     border-radius: 50%;
     overflow: hidden
 }
 
 .md-button.md-fab {
     z-index: 20;
     line-height: 56px;
     min-width: 0;
     width: 56px;
     height: 56px;
     vertical-align: middle;
     border-radius: 50%;
     background-clip: padding-box;
     overflow: hidden;
     -webkit-transition: .2s linear;
     transition: .2s linear;
     -webkit-transition-property: background-color, box-shadow;
     transition-property: background-color, box-shadow
 }
 
 md-bottom-sheet,
 md-dialog.md-transition-in {
     -webkit-transition: all .4s cubic-bezier(.25, .8, .25, 1)
 }
 
 .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%;
     overflow: hidden
 }
 
 .md-button.md-fab.md-mini {
     line-height: 40px;
     width: 40px;
     height: 40px
 }
 
 .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;
     overflow: hidden
 }
 
 .md-toast-open-top .md-button.md-fab-top-left,
 .md-toast-open-top .md-button.md-fab-top-right {
     -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 {
     -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: -ms-flexbox;
     display: -webkit-box;
     display: flex;
     -ms-flex: 1;
     -webkit-box-flex: 1;
     flex: 1;
     width: 100%
 }
 
 .md-button-group>.md-button {
     -ms-flex: 1;
     -webkit-box-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-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);
     -webkit-transition-property: -webkit-transform;
     transition-property: transform;
     transition-property: transform, -webkit-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;
     -webkit-transition: all .3s cubic-bezier(.55, 0, .55, .2);
     transition: all .3s cubic-bezier(.55, 0, .55, .2)
 }
 
 md-bottom-sheet .md-subheader {
     background-color: transparent;
     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: -ms-flexbox;
     display: -webkit-box;
     display: flex
 }
 
 md-bottom-sheet.md-list md-list-item {
     padding: 0;
     -ms-flex-align: center;
     -webkit-box-align: center;
     -ms-grid-row-align: center;
     align-items: center;
     height: 48px
 }
 
 md-bottom-sheet.md-list md-list-item div.md-icon-container {
     display: inline-block;
     height: 24px;
     margin-right: 32px
 }
 
 md-bottom-sheet.md-grid {
     padding-left: 24px;
     padding-right: 24px;
     padding-top: 0
 }
 
 md-bottom-sheet.md-grid md-list {
     display: -ms-flexbox;
     display: -webkit-box;
     display: flex;
     -ms-flex-direction: row;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
     flex-direction: row;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-transition: all .5s;
     transition: all .5s;
     -ms-flex-align: center;
     -webkit-box-align: center;
     align-items: center
 }
 
 md-bottom-sheet.md-grid md-list-item {
     -ms-flex-direction: column;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     flex-direction: column;
     -ms-flex-align: center;
     -webkit-box-align: center;
     -ms-grid-row-align: center;
     align-items: center;
     -webkit-transition: all .5s;
     transition: all .5s;
     height: 96px;
     margin-top: 8px;
     margin-bottom: 8px
 }
 
 @media screen and (max-width:600px) {
     md-bottom-sheet.md-grid md-list-item {
         -ms-flex: 1 1 33.33333%;
         -webkit-box-flex: 1;
         flex: 1 1 33.33333%;
         max-width: 33.33333%
     }
     md-bottom-sheet.md-grid md-list-item:nth-of-type(3n+1) {
         -ms-flex-align: start;
         -webkit-box-align: start;
         -ms-grid-row-align: flex-start;
         align-items: flex-start
     }
     md-bottom-sheet.md-grid md-list-item:nth-of-type(3n) {
         -ms-flex-align: end;
         -webkit-box-align: end;
         -ms-grid-row-align: flex-end;
         align-items: flex-end
     }
 }
 
 @media screen and (min-width:600px) and (max-width:960px) {
     md-bottom-sheet.md-grid md-list-item {
         -ms-flex: 1 1 25%;
         -webkit-box-flex: 1;
         flex: 1 1 25%;
         max-width: 25%
     }
 }
 
 @media screen and (min-width:960px) and (max-width:1200px) {
     md-bottom-sheet.md-grid md-list-item {
         -ms-flex: 1 1 16.66667%;
         -webkit-box-flex: 1;
         flex: 1 1 16.66667%;
         max-width: 16.66667%
     }
 }
 
 @media screen and (min-width:1200px) {
     md-bottom-sheet.md-grid md-list-item {
         -ms-flex: 1 1 14.28571%;
         -webkit-box-flex: 1;
         flex: 1 1 14.28571%;
         max-width: 14.28571%
     }
 }
 
 md-bottom-sheet.md-grid md-list-item .md-list-item-content {
     display: -ms-flexbox;
     display: -webkit-box;
     display: flex;
     -ms-flex-direction: column;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     flex-direction: column;
     -ms-flex-align: center;
     -webkit-box-align: center;
     align-items: center;
     width: 48px;
     padding-bottom: 16px
 }
 
 md-bottom-sheet.md-grid md-list-item .md-grid-item-content,
 md-card {
     display: -ms-flexbox;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal
 }
 
 md-bottom-sheet.md-grid md-list-item .md-grid-item-content {
     border: 1px solid transparent;
     display: flex;
     -ms-flex-direction: column;
     flex-direction: column;
     -ms-flex-align: center;
     -webkit-box-align: center;
     align-items: center;
     width: 80px
 }
 
 md-card,
 md-dialog {
     -ms-flex-direction: column
 }
 
 md-bottom-sheet.md-grid md-list-item .md-icon-container {
     display: inline-block;
     box-sizing: border-box;
     height: 48px;
     width: 48px;
     margin: 0
 }
 
 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
 }
 
 md-card {
     box-sizing: border-box;
     display: flex;
     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-chips .md-chip-input-container md-autocomplete,
 .md-chips .md-chip-input-container md-autocomplete md-autocomplete-wrap {
     box-shadow: none
 }
 
 md-card>:not(md-card-content) img,
 md-card>img {
     display: -ms-flexbox;
     display: -webkit-box;
     display: flex;
     -ms-flex: 0 0 auto;
     -webkit-box-flex: 0;
     flex: 0 0 auto;
     width: 100%;
     height: auto
 }
 
 md-card md-card-content {
     padding: 16px
 }
 
 md-card .md-actions {
     margin: 0
 }
 
 md-card .md-actions .md-button {
     margin: 8px 4px
 }
 
 @media screen and (-ms-high-contrast:active) {
     md-bottom-sheet,
     md-card {
         border: 1px solid #fff
     }
 }
 
 md-checkbox {
     box-sizing: border-box;
     display: block;
     margin: 8px;
     white-space: nowrap;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     padding-left: 18px;
     padding-right: 0;
     position: relative;
     line-height: 26px;
     min-width: 18px;
     min-height: 18px
 }
 
 body[dir=rtl] md-checkbox,
 html[dir=rtl] md-checkbox {
     padding-left: 0;
     padding-right: 18px;
     unicode-bidi: embed
 }
 
 md-checkbox bdo[dir=rtl] {
     direction: rtl;
     unicode-bidi: bidi-override
 }
 
 md-checkbox bdo[dir=ltr] {
     direction: ltr;
     unicode-bidi: bidi-override
 }
 
 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-container {
     position: absolute;
     top: 50%;
     -webkit-transform: translateY(-50%);
     transform: translateY(-50%);
     box-sizing: border-box;
     display: inline-block;
     width: 18px;
     height: 18px;
     left: 0;
     right: auto
 }
 
 body[dir=rtl] md-checkbox .md-container,
 html[dir=rtl] md-checkbox .md-container {
     left: auto;
     right: 0;
     unicode-bidi: embed
 }
 
 md-checkbox .md-container bdo[dir=rtl] {
     direction: rtl;
     unicode-bidi: bidi-override
 }
 
 md-checkbox .md-container bdo[dir=ltr] {
     direction: ltr;
     unicode-bidi: bidi-override
 }
 
 md-checkbox .md-container:before {
     box-sizing: border-box;
     background-color: transparent;
     border-radius: 50%;
     position: absolute;
     display: block;
     height: auto;
     left: 0;
     top: 0;
     right: 0;
     bottom: 0;
     -webkit-transition: all .5s;
     transition: all .5s;
     width: auto
 }
 
 md-checkbox .md-container:after {
     box-sizing: border-box;
     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-align-top-left>div.md-container {
     top: 12px
 }
 
 md-checkbox .md-icon {
     box-sizing: border-box;
     -webkit-transition: 240ms;
     transition: 240ms;
     position: absolute;
     top: 0;
     left: 0;
     width: 18px;
     height: 18px;
     border-width: 2px;
     border-style: solid;
     border-radius: 2px
 }
 
 md-checkbox.md-checked .md-icon {
     border: none
 }
 
 md-checkbox[disabled] {
     cursor: no-drop
 }
 
 md-checkbox.md-checked .md-icon:after {
     box-sizing: border-box;
     -webkit-transform: rotate(45deg);
     transform: rotate(45deg);
     position: absolute;
     left: 6px;
     top: 2px;
     display: table;
     width: 6px;
     height: 12px;
     border-width: 2px;
     border-style: solid;
     border-top: 0;
     border-left: 0
 }
 
 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: 10px;
     margin-right: 0
 }
 
 md-calendar,
 md-option .md-text {
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none
 }
 
 body[dir=rtl] md-checkbox .md-label,
 html[dir=rtl] md-checkbox .md-label {
     margin-left: 0;
     margin-right: 10px;
     unicode-bidi: embed
 }
 
 md-checkbox .md-label bdo[dir=rtl] {
     direction: rtl;
     unicode-bidi: bidi-override
 }
 
 md-checkbox .md-label bdo[dir=ltr] {
     direction: ltr;
     unicode-bidi: bidi-override
 }
 
 .md-contact-chips .md-chips .md-chip {
     padding: 0 25px 0 0
 }
 
 .md-contact-chips .md-chips .md-chip .md-contact-avatar {
     float: left
 }
 
 .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
 }
 
 .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
 }
 
 .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-size: 16px;
     padding: 0 0 8px 3px;
     vertical-align: middle
 }
 
 .md-chips:after {
     display: table;
     clear: both
 }
 
 .md-chips:not(.md-readonly) {
     cursor: text
 }
 
 .md-chips:not(.md-readonly) .md-chip {
     padding-right: 22px
 }
 
 .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
 }
 
 .md-chips .md-chip .md-chip-content {
     display: block;
     padding-right: 4px;
     float: left;
     white-space: nowrap;
     max-width: 100%;
     overflow: hidden;
     text-overflow: ellipsis
 }
 
 .md-chips .md-chip .md-chip-remove-container {
     position: absolute;
     right: 0;
     line-height: 22px
 }
 
 .md-chips .md-chip-input-container input,
 .md-chips .md-chip-input-container input:not([type]),
 .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],
 .md-chips .md-chip-input-container input[type=text],
 .md-chips .md-chip-input-container input[type=url] {
     line-height: 32px;
     border: 0;
     height: 32px;
     padding: 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 md-autocomplete input,
 md-content {
     position: relative
 }
 
 .md-chips .md-chip-input-container {
     display: block;
     line-height: 32px;
     margin: 8px 8px 0 0;
     padding: 0 12px;
     float: left
 }
 
 .md-chips .md-chip-input-container md-autocomplete,
 .md-chips .md-chip-input-container md-autocomplete-wrap {
     background: 0 0;
     height: 32px
 }
 
 .md-chips .md-chip-input-container input {
     background: 0 0
 }
 
 .md-chips .md-chip-input-container:not(:first-child) {
     margin: 8px 8px 0 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;
     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.autoScroll {
     -webkit-overflow-scrolling: auto
 }
 
 md-calendar {
     font-size: 13px;
     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: 100%;
     width: 100%;
 }
 
 .md-calendar-date {
     height: 44px;
     width: 44px;
     text-align: center;
     padding: 0;
     border: none
 }
 
 .md-calendar-date:first-child {
     padding-left: 16px
 }
 
 .md-calendar-date:last-child {
     padding-right: 16px
 }
 
 .md-calendar-date.md-calendar-date-disabled {
     cursor: default
 }
 
 .md-calendar-date-selection-indicator {
     -webkit-transition: background-color, color .4s cubic-bezier(.25, .8, .25, 1);
     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
 }
 
 .md-calendar-day-header {
     table-layout: fixed
 }
 
 .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
 }
 
 .md-calendar-day-header th:last-child {
     padding-right: 16px
 }
 
 .md-calendar {
     table-layout: fixed
 }
 
 .md-calendar tr:last-child td {
     border-bottom-width: 1px;
     border-bottom-style: solid
 }
 
 .md-calendar:first-child {
     border-top: 1px solid transparent
 }
 
 md-datepicker {
     white-space: nowrap
 }
 
 .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;
     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
 }
 
 .md-datepicker-open .md-datepicker-triangle-button,
 .md-datepicker-pos-adjusted .md-datepicker-input-mask,
 md-datepicker[disabled] .md-datepicker-triangle-button {
     display: none
 }
 
 .md-datepicker-input-container.md-datepicker-focused {
     border-bottom-width: 2px
 }
 
 .md-datepicker-calendar-pane {
     position: absolute;
     top: 0;
     left: 0;
     z-index: 99;
     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;
     -webkit-transition: -webkit-transform .2s cubic-bezier(.25, .8, .25, 1);
     transition: transform .2s cubic-bezier(.25, .8, .25, 1);
     transition: transform .2s cubic-bezier(.25, .8, .25, 1), -webkit-transform .2s cubic-bezier(.25, .8, .25, 1)
 }
 
 .md-datepicker-calendar-pane.md-pane-open {
     -webkit-transform: scale(1);
     transform: scale(1)
 }
 /*1027*/
 
 @media screen and (min-width:1025px) {
     .md-datepicker-calendar-pane.md-pane-open {
         -webkit-transform: scale(1);
         transform: scale(1);
         margin-top: 50px;
     }
 }
 
 @media screen and (max-width:1024px) {
     .md-datepicker-calendar-pane.md-pane-open {
         -webkit-transform: scale(1);
         transform: scale(1);
         margin-top: 160px;
     }
 }
 
 @media screen and (max-width:768px) {
     .md-datepicker-calendar-pane.md-pane-open {
         -webkit-transform: scale(1);
         transform: scale(1);
         /*              margin-top: 530px;*/
     }
 }
 
 @media screen and (max-width:520px) {
     .md-datepicker-calendar-pane.md-pane-open {
         /*                     margin-top: 690px;*/
     }
 }
 /*1027*/
 
 .md-datepicker-input-mask {
     height: 40px;
     width: 340px;
     position: relative;
     background: 0 0;
     pointer-events: none;
     cursor: text
 }
 
 .md-datepicker-input-mask-opaque {
     visibility: hidden;
     position: absolute;
     right: 0;
     left: 120px;
     height: 100%
 }
 
 .md-datepicker-calendar {
     opacity: 0;
     -webkit-transition: opacity .2s cubic-bezier(.5, 0, .25, 1);
     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%)
 }
 
 .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-open .md-datepicker-input-container {
     margin-left: -12px;
     border: none
 }
 
 .md-datepicker-open .md-datepicker-input {
     margin-left: 24px;
     height: 40px
 }
 
 .md-dialog-container,
 md-dialog {
     display: -ms-flexbox;
     display: -webkit-box
 }
 
 .md-datepicker-calendar-pane .md-calendar {
     -webkit-transform: translateY(-85px);
     transform: translateY(-85px);
     -webkit-transition: -webkit-transform .65s cubic-bezier(.25, .8, .25, 1);
     transition: transform .65s cubic-bezier(.25, .8, .25, 1);
     transition: transform .65s cubic-bezier(.25, .8, .25, 1), -webkit-transform .65s cubic-bezier(.25, .8, .25, 1);
     -webkit-transition-delay: .125s;
     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: flex;
     -ms-flex-pack: center;
     -webkit-box-pack: center;
     justify-content: center;
     -ms-flex-align: center;
     -webkit-box-align: center;
     align-items: center;
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 80;
     overflow: hidden
 }
 
 md-dialog,
 md-dialog md-dialog-content,
 md-dialog>form {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     overflow: auto
 }
 
 md-dialog {
     opacity: 0;
     min-width: 240px;
     max-width: 80%;
     max-height: 80%;
     position: relative;
     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: flex;
     flex-direction: column
 }
 
 md-dialog .md-actions,
 md-dialog>form {
     display: -ms-flexbox;
     display: -webkit-box
 }
 
 md-dialog.md-transition-in {
     opacity: 1;
     transition: all .4s cubic-bezier(.25, .8, .25, 1);
     -webkit-transform: translate3d(0, 0, 0) scale(1);
     transform: translate3d(0, 0, 0) scale(1)
 }
 
 md-dialog.md-transition-out {
     opacity: 0;
     -webkit-transition: all .4s cubic-bezier(.25, .8, .25, 1);
     transition: all .4s cubic-bezier(.25, .8, .25, 1);
     -webkit-transform: translate3d(0, 100%, 0) scale(.2);
     transform: translate3d(0, 100%, 0) scale(.2)
 }
 
 md-dialog>form {
     display: flex;
     -ms-flex-direction: column;
     flex-direction: column
 }
 
 md-dialog .md-dialog-content {
     padding: 24px
 }
 
 md-dialog md-dialog-content {
     -ms-flex-order: 1;
     -webkit-box-ordinal-group: 2;
     order: 1;
     -ms-flex-direction: column;
     flex-direction: column;
     -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 .md-subheader {
     margin: 0
 }
 
 md-dialog md-dialog-content .md-subheader.sticky-clone {
     box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .16)
 }
 
 md-dialog md-dialog-content.sticky-container {
     padding: 0
 }
 
 md-dialog md-dialog-content.sticky-container>div {
     padding: 0 24px 24px
 }
 
 md-dialog md-dialog-content .md-dialog-content-body {
     width: 100%
 }
 
 md-dialog .md-actions {
     display: flex;
     -ms-flex-order: 2;
     -webkit-box-ordinal-group: 3;
     order: 2;
     box-sizing: border-box;
     -ms-flex-align: center;
     -webkit-box-align: center;
     align-items: center;
     -ms-flex-pack: end;
     -webkit-box-pack: end;
     justify-content: flex-end;
     margin-bottom: 0;
     padding-right: 8px;
     padding-left: 16px;
     min-height: 52px;
     overflow: hidden
 }
 
 md-dialog .md-actions .md-button {
     margin: 8px 0 8px 8px
 }
 
 md-dialog.md-content-overflow .md-actions {
     border-top-width: 1px;
     border-top-style: solid
 }
 
 @media screen and (-ms-high-contrast:active) {
     md-dialog {
         border: 1px solid #fff
     }
 }
 
 md-divider {
     display: block;
     border-top-width: 1px;
     border-top-style: solid;
     margin: 0
 }
 
 md-divider[md-inset] {
     margin-left: 80px
 }
 
 md-fab-speed-dial {
     position: relative;
     display: -ms-flexbox;
     display: -webkit-box;
     display: flex;
     -ms-flex-align: center;
     -webkit-box-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) .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 {
     visibility: visible;
     -ms-flex-align: center;
     -webkit-box-align: center;
     -ms-grid-row-align: center;
     align-items: center
 }
 
 md-fab-speed-dial.md-down,
 md-fab-speed-dial.md-down md-fab-actions {
     -ms-flex-direction: column;
     -webkit-box-direction: normal;
     -webkit-box-orient: vertical
 }
 
 md-fab-speed-dial md-fab-actions {
     display: -ms-flexbox;
     display: -webkit-box;
     display: flex;
     height: auto
 }
 
 md-fab-speed-dial md-fab-actions .md-fab-action-item {
     visibility: hidden;
     -webkit-transition: all .3s cubic-bezier(.55, 0, .55, .2);
     transition: all .3s cubic-bezier(.55, 0, .55, .2)
 }
 
 md-fab-speed-dial.md-down {
     flex-direction: column
 }
 
 md-fab-speed-dial.md-down md-fab-trigger {
     -ms-flex-order: 1;
     -webkit-box-ordinal-group: 2;
     order: 1
 }
 
 md-fab-speed-dial.md-down md-fab-actions {
     flex-direction: column;
     -ms-flex-order: 2;
     -webkit-box-ordinal-group: 3;
     order: 2
 }
 
 md-fab-speed-dial.md-up {
     -ms-flex-direction: column;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     flex-direction: column
 }
 
 md-fab-speed-dial.md-up md-fab-trigger {
     -ms-flex-order: 2;
     -webkit-box-ordinal-group: 3;
     order: 2
 }
 
 md-fab-speed-dial.md-up md-fab-actions {
     -ms-flex-direction: column-reverse;
     -webkit-box-orient: vertical;
     -webkit-box-direction: reverse;
     flex-direction: column-reverse;
     -ms-flex-order: 1;
     -webkit-box-ordinal-group: 2;
     order: 1
 }
 
 md-fab-speed-dial.md-left {
     -ms-flex-direction: row;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
     flex-direction: row
 }
 
 md-fab-speed-dial.md-left md-fab-trigger {
     -ms-flex-order: 2;
     -webkit-box-ordinal-group: 3;
     order: 2
 }
 
 md-fab-speed-dial.md-left md-fab-actions {
     -ms-flex-direction: row-reverse;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: reverse;
     flex-direction: row-reverse;
     -ms-flex-order: 1;
     -webkit-box-ordinal-group: 2;
     order: 1
 }
 
 md-fab-speed-dial.md-left md-fab-actions .md-fab-action-item {
     -webkit-transition: all .3s cubic-bezier(.55, 0, .55, .2);
     transition: all .3s cubic-bezier(.55, 0, .55, .2)
 }
 
 md-fab-speed-dial.md-right {
     -ms-flex-direction: row;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
     flex-direction: row
 }
 
 md-fab-speed-dial.md-right md-fab-trigger {
     -ms-flex-order: 1;
     -webkit-box-ordinal-group: 2;
     order: 1
 }
 
 md-fab-speed-dial.md-right md-fab-actions {
     -ms-flex-direction: row;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
     flex-direction: row;
     -ms-flex-order: 2;
     -webkit-box-ordinal-group: 3;
     order: 2
 }
 
 md-fab-speed-dial.md-right md-fab-actions .md-fab-action-item {
     -webkit-transition: all .3s cubic-bezier(.55, 0, .55, .2);
     transition: all .3s cubic-bezier(.55, 0, .55, .2)
 }
 
 md-fab-speed-dial.md-scale .md-fab-action-item {
     opacity: 0;
     -webkit-transform: scale(0);
     transform: scale(0);
     -webkit-transition: all .3s cubic-bezier(.55, 0, .55, .2);
     transition: all .3s cubic-bezier(.55, 0, .55, .2);
     -webkit-transition-duration: .14286s;
     transition-duration: .14286s
 }
 
 md-grid-list {
     box-sizing: border-box;
     display: block;
     position: relative
 }
 
 md-grid-list md-grid-tile,
 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: -ms-flexbox;
     display: -webkit-box;
     display: flex;
     -ms-flex-align: center;
     -webkit-box-align: center;
     align-items: center;
     -ms-flex-pack: center;
     -webkit-box-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-header {
     display: -ms-flexbox;
     display: -webkit-box;
     display: flex;
     -ms-flex-direction: row;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
     flex-direction: row;
     -ms-flex-align: center;
     -webkit-box-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-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-header h3 {
     font-size: 14px
 }
 
 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
 }
 
 @media screen and (-ms-high-contrast:active) {
     md-grid-tile {
         border: 1px solid #fff
     }
 }
 
 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;
     -webkit-transition: all .3s cubic-bezier(.55, 0, .55, .2);
     transition: all .3s cubic-bezier(.55, 0, .55, .2)
 }
 
 md-fab-toolbar md-fab-trigger md-icon {
     position: relative;
     z-index: 22;
     opacity: 1;
     -webkit-transition: all .2s ease-in;
     transition: all .2s ease-in
 }
 
 md-fab-toolbar.md-left md-fab-trigger {
     right: 0
 }
 
 md-fab-toolbar.md-left .md-toolbar-tools {
     -ms-flex-direction: row-reverse;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: reverse;
     flex-direction: row-reverse
 }
 
 md-fab-toolbar.md-left .md-toolbar-tools>.md-button:first-child {
     margin-right: .6rem;
     margin-left: -.8rem
 }
 
 md-fab-toolbar.md-left .md-toolbar-tools>.md-button:last-child {
     margin-right: 8px
 }
 
 md-fab-toolbar.md-right md-fab-trigger {
     left: 0
 }
 
 md-fab-toolbar.md-right .md-toolbar-tools {
     -ms-flex-direction: row;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
     flex-direction: row
 }
 
 md-input-container,
 md-menu-content,
 md-select-menu,
 md-select-menu.md-reverse,
 md-sidenav {
     -webkit-box-orient: vertical
 }
 
 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);
     -webkit-transition: all .3s cubic-bezier(.55, 0, .55, .2);
     transition: all .3s cubic-bezier(.55, 0, .55, .2);
     -webkit-transition-duration: .15s;
     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-icon {
     margin: auto;
     background-repeat: no-repeat no-repeat;
     display: inline-block;
     vertical-align: middle;
     fill: currentColor;
     height: 24px;
     width: 24px
 }
 
 md-input-container.md-icon-float>md-icon+input,
 md-input-container.md-icon-float>md-icon+textarea,
 md-input-container>md-icon+input {
     margin-left: 36px
 }
 
 md-icon svg {
     pointer-events: none
 }
 
 md-icon[md-font-icon] {
     line-height: 1;
     width: auto
 }
 
 md-input-container {
     display: -ms-flexbox;
     display: -webkit-box;
     display: flex;
     position: relative;
     -ms-flex-direction: column;
     -webkit-box-direction: normal;
     flex-direction: column
 }
 
 md-input-container.md-input-has-messages {
     padding-bottom: 2px
 }
 
 md-input-container>md-icon {
     position: absolute;
     top: 5px;
     left: 2px
 }
 
 md-input-container input[type=color],
 md-input-container input[type=date],
 md-input-container input[type=datetime-local],
 md-input-container input[type=datetime],
 md-input-container input[type=email],
 md-input-container input[type=month],
 md-input-container input[type=number],
 md-input-container input[type=password],
 md-input-container input[type=search],
 md-input-container input[type=tel],
 md-input-container input[type=text],
 md-input-container input[type=time],
 md-input-container input[type=url],
 md-input-container input[type=week],
 md-input-container textarea {
     -moz-appearance: none;
     -webkit-appearance: none
 }
 
 md-input-container input[type=date],
 md-input-container input[type=datetime-local],
 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 label {
     position: relative;
     top: -2px
 }
 
 md-input-container .md-placeholder,
 md-input-container label:not(.md-no-float) {
     -ms-flex-order: 1;
     -webkit-box-ordinal-group: 2;
     order: 1;
     pointer-events: none;
     -webkit-font-smoothing: antialiased;
     padding-left: 2px;
     z-index: 1;
     -webkit-transform: translate3d(0, 28px, 0) scale(1);
     transform: translate3d(0, 28px, 0) scale(1);
     -webkit-transition: -webkit-transform cubic-bezier(.25, .8, .25, 1) .25s;
     transition: transform cubic-bezier(.25, .8, .25, 1) .25s;
     transition: transform cubic-bezier(.25, .8, .25, 1) .25s, -webkit-transform cubic-bezier(.25, .8, .25, 1) .25s;
     -webkit-transform-origin: left top;
     transform-origin: left top
 }
 
 body[dir=rtl] md-input-container .md-placeholder,
 body[dir=rtl] md-input-container label:not(.md-no-float),
 html[dir=rtl] md-input-container .md-placeholder,
 html[dir=rtl] md-input-container label:not(.md-no-float) {
     -webkit-transform-origin: right top;
     transform-origin: right top;
     unicode-bidi: embed
 }
 
 md-input-container .md-placeholder bdo[dir=rtl],
 md-input-container label:not(.md-no-float) bdo[dir=rtl] {
     direction: rtl;
     unicode-bidi: bidi-override
 }
 
 md-input-container .md-placeholder bdo[dir=ltr],
 md-input-container label:not(.md-no-float) bdo[dir=ltr] {
     direction: ltr;
     unicode-bidi: bidi-override
 }
 
 md-input-container .md-placeholder {
     position: absolute;
     top: 0;
     opacity: 0;
     -webkit-transition-property: opacity, -webkit-transform;
     transition-property: opacity, transform;
     transition-property: opacity, transform, -webkit-transform;
     -webkit-transform: translate3d(0, 30px, 0);
     transform: translate3d(0, 30px, 0)
 }
 
 md-input-container .md-placeholder.md-static {
     position: static
 }
 
 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 {
     -webkit-transition: none;
     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(:focus)::-webkit-datetime-edit-year-field {
     color: transparent
 }
 
 md-input-container .md-input {
     -ms-flex-order: 2;
     -webkit-box-ordinal-group: 3;
     order: 2;
     display: block;
     margin-top: 0;
     background: 0 0;
     padding: 2px 2px 1px;
     border-width: 0 0 1px;
     line-height: 26px;
     -ms-flex-preferred-size: 26px;
     border-radius: 0;
     border-style: solid;
     width: auto
 }
 
 md-input-container .md-input:invalid {
     box-shadow: none
 }
 
 md-input-container .md-input.md-no-flex {
     -ms-flex: none!important;
     -webkit-box-flex: 0!important;
     flex: none!important
 }
 
 md-input-container .md-char-counter {
     position: absolute;
     right: 2px;
     bottom: 7px
 }
 
 md-input-container [data-ng-messages],
 md-input-container [ng-messages],
 md-input-container [x-ng-messages],
 md-input-container data-ng-messages,
 md-input-container ng-messages,
 md-input-container x-ng-messages {
     position: relative;
     -ms-flex-order: 4;
     -webkit-box-ordinal-group: 5;
     order: 4;
     min-height: 24px
 }
 
 md-input-container [data-ng-messages] .md-char-counter,
 md-input-container [ng-messages] .md-char-counter,
 md-input-container [x-ng-messages] .md-char-counter,
 md-input-container data-ng-messages .md-char-counter,
 md-input-container ng-messages .md-char-counter,
 md-input-container x-ng-messages .md-char-counter {
     position: absolute;
     top: 0;
     right: 0;
     bottom: auto
 }
 
 md-input-container .md-char-counter,
 md-input-container [data-ng-message-exp],
 md-input-container [data-ng-message],
 md-input-container [ng-message-exp],
 md-input-container [ng-message],
 md-input-container [x-ng-message-exp],
 md-input-container [x-ng-message],
 md-input-container data-ng-message,
 md-input-container ng-message,
 md-input-container x-ng-message {
     font-size: 12px;
     line-height: 14px;
     overflow: hidden;
     padding-top: 5px
 }
 
 md-input-container .md-char-counter:not(.md-char-counter),
 md-input-container [data-ng-message-exp]:not(.md-char-counter),
 md-input-container [data-ng-message]:not(.md-char-counter),
 md-input-container [ng-message-exp]:not(.md-char-counter),
 md-input-container [ng-message]:not(.md-char-counter),
 md-input-container [x-ng-message-exp]:not(.md-char-counter),
 md-input-container [x-ng-message]:not(.md-char-counter),
 md-input-container data-ng-message:not(.md-char-counter),
 md-input-container ng-message:not(.md-char-counter),
 md-input-container x-ng-message:not(.md-char-counter) {
     padding-right: 50px
 }
 
 md-input-container .md-char-counter.ng-enter,
 md-input-container [data-ng-message-exp].ng-enter,
 md-input-container [data-ng-message].ng-enter,
 md-input-container [ng-message-exp].ng-enter,
 md-input-container [ng-message].ng-enter,
 md-input-container [x-ng-message-exp].ng-enter,
 md-input-container [x-ng-message].ng-enter,
 md-input-container data-ng-message.ng-enter,
 md-input-container ng-message.ng-enter,
 md-input-container x-ng-message.ng-enter {
     -webkit-transition: all .3s cubic-bezier(.55, 0, .55, .2);
     transition: all .3s cubic-bezier(.55, 0, .55, .2);
     -webkit-transition-delay: .2s;
     transition-delay: .2s;
     -webkit-transition-duration: .2s;
     transition-duration: .2s
 }
 
 md-input-container .md-char-counter.ng-leave,
 md-input-container [data-ng-message-exp].ng-leave,
 md-input-container [data-ng-message].ng-leave,
 md-input-container [ng-message-exp].ng-leave,
 md-input-container [ng-message].ng-leave,
 md-input-container [x-ng-message-exp].ng-leave,
 md-input-container [x-ng-message].ng-leave,
 md-input-container data-ng-message.ng-leave,
 md-input-container ng-message.ng-leave,
 md-input-container x-ng-message.ng-leave {
     -webkit-transition: all .4s cubic-bezier(.25, .8, .25, 1);
     transition: all .4s cubic-bezier(.25, .8, .25, 1);
     -webkit-transition-duration: .26667s;
     transition-duration: .26667s
 }
 
 md-input-container .md-char-counter.ng-enter,
 md-input-container .md-char-counter.ng-leave.ng-leave-active,
 md-input-container [data-ng-message-exp].ng-enter,
 md-input-container [data-ng-message-exp].ng-leave.ng-leave-active,
 md-input-container [data-ng-message].ng-enter,
 md-input-container [data-ng-message].ng-leave.ng-leave-active,
 md-input-container [ng-message-exp].ng-enter,
 md-input-container [ng-message-exp].ng-leave.ng-leave-active,
 md-input-container [ng-message].ng-enter,
 md-input-container [ng-message].ng-leave.ng-leave-active,
 md-input-container [x-ng-message-exp].ng-enter,
 md-input-container [x-ng-message-exp].ng-leave.ng-leave-active,
 md-input-container [x-ng-message].ng-enter,
 md-input-container [x-ng-message].ng-leave.ng-leave-active,
 md-input-container data-ng-message.ng-enter,
 md-input-container data-ng-message.ng-leave.ng-leave-active,
 md-input-container ng-message.ng-enter,
 md-input-container ng-message.ng-leave.ng-leave-active,
 md-input-container x-ng-message.ng-enter,
 md-input-container x-ng-message.ng-leave.ng-leave-active {
     margin-top: -19px;
     opacity: 0
 }
 
 md-input-container .md-char-counter.ng-enter.ng-enter-active,
 md-input-container .md-char-counter.ng-leave,
 md-input-container [data-ng-message-exp].ng-enter.ng-enter-active,
 md-input-container [data-ng-message-exp].ng-leave,
 md-input-container [data-ng-message].ng-enter.ng-enter-active,
 md-input-container [data-ng-message].ng-leave,
 md-input-container [ng-message-exp].ng-enter.ng-enter-active,
 md-input-container [ng-message-exp].ng-leave,
 md-input-container [ng-message].ng-enter.ng-enter-active,
 md-input-container [ng-message].ng-leave,
 md-input-container [x-ng-message-exp].ng-enter.ng-enter-active,
 md-input-container [x-ng-message-exp].ng-leave,
 md-input-container [x-ng-message].ng-enter.ng-enter-active,
 md-input-container [x-ng-message].ng-leave,
 md-input-container data-ng-message.ng-enter.ng-enter-active,
 md-input-container data-ng-message.ng-leave,
 md-input-container ng-message.ng-enter.ng-enter-active,
 md-input-container ng-message.ng-leave,
 md-input-container x-ng-message.ng-enter.ng-enter-active,
 md-input-container x-ng-message.ng-leave {
     margin-top: 0;
     opacity: 1
 }
 
 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)
 }
 
 md-input-container.md-input-has-value label {
     -webkit-transition: none;
     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 {
     margin-top: -16px;
     -webkit-transition: margin-top .5s cubic-bezier(.25, .8, .25, 1);
     transition: margin-top .5s cubic-bezier(.25, .8, .25, 1)
 }
 
 md-input-container.md-icon-float>label {
     pointer-events: none;
     position: absolute;
     margin-left: 36px
 }
 
 md-input-container.md-icon-float>md-icon {
     top: 26px;
     left: 2px
 }
 
 md-input-container.md-icon-float>input,
 md-input-container.md-icon-float>textarea {
     padding-top: 24px
 }
 
 md-input-container.md-icon-float.md-input-focused,
 md-input-container.md-icon-float.md-input-has-value {
     margin-top: -8px
 }
 
 md-input-container.md-icon-float.md-input-focused label,
 md-input-container.md-icon-float.md-input-has-value label {
     -webkit-transform: translate3d(0, 6px, 0) scale(.75);
     transform: translate3d(0, 6px, 0) scale(.75);
     -webkit-transition: -webkit-transform cubic-bezier(.25, .8, .25, 1) .5s;
     transition: transform cubic-bezier(.25, .8, .25, 1) .5s;
     transition: transform cubic-bezier(.25, .8, .25, 1) .5s, -webkit-transform cubic-bezier(.25, .8, .25, 1) .5s
 }
 
 md-input-container.md-icon-right input {
     margin-right: 36px
 }
 
 md-input-container.md-icon-right input+md-icon {
     top: 26px;
     right: 2px;
     margin-right: 0
 }
 
 md-list {
     display: block;
     padding: 8px 0
 }
 
 md-list .md-subheader {
     font-size: 14px;
     font-weight: 500;
     letter-spacing: .01em;
     line-height: 1.2em
 }
 
 md-list-item.md-proxy-focus.md-focused .md-no-style {
     -webkit-transition: background-color .15s linear;
     transition: background-color .15s linear
 }
 
 md-list-item .md-no-style,
 md-list-item.md-no-proxy {
     position: relative;
     padding: 0 16px;
     -ms-flex: 1 1 auto;
     -webkit-box-flex: 1;
     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;
     -ms-flex-direction: inherit;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     flex-direction: inherit;
     -ms-flex-align: inherit;
     -webkit-box-align: inherit;
     -ms-grid-row-align: inherit;
     align-items: inherit
 }
 
 md-list-item.md-with-secondary {
     position: relative
 }
 
 md-list-item.md-clickable:hover {
     cursor: pointer
 }
 
 md-list-item md-divider {
     position: absolute;
     bottom: 0;
     left: 0;
     width: 100%
 }
 
 md-list-item md-divider[md-inset] {
     left: 96px;
     width: calc(100% - 96px);
     margin: 0
 }
 
 md-list-item,
 md-list-item .md-list-item-inner {
     display: -ms-flexbox;
     display: -webkit-box;
     display: flex;
     -ms-flex-pack: start;
     -webkit-box-pack: start;
     justify-content: flex-start;
     -ms-flex-align: center;
     -webkit-box-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:first-child,
 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:first-child {
     -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:first-child .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:first-child .md-label {
     display: none
 }
 
 md-menu-content,
 md-menu-item {
     display: -ms-flexbox;
     display: -webkit-box;
     -webkit-box-direction: normal
 }
 
 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
 }
 
 md-list-item .md-list-item-inner>md-checkbox:first-child,
 md-list-item>md-checkbox:first-child {
     width: 24px;
     margin-left: 3px;
     margin-right: 29px
 }
 
 md-list-item .md-avatar-icon,
 md-list-item .md-list-item-inner .md-avatar-icon,
 md-list-item .md-list-item-inner>.md-avatar,
 md-list-item>.md-avatar {
     margin-top: 8px;
     margin-bottom: 8px;
     margin-right: 16px;
     border-radius: 50%;
     box-sizing: content-box
 }
 
 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-secondary,
 md-list-item .md-list-item-inner md-switch.md-secondary,
 md-list-item md-checkbox.md-secondary,
 md-list-item md-switch.md-secondary {
     margin-right: 0;
     margin-top: 0;
     margin-bottom: 0
 }
 
 md-list-item .md-list-item-inner button.md-button.md-secondary-container,
 md-list-item button.md-button.md-secondary-container {
     background-color: transparent;
     -ms-flex-item-align: center;
     align-self: center;
     border-radius: 50%;
     margin: 0;
     min-width: 0
 }
 
 md-list-item .md-list-item-inner button.md-button.md-secondary-container .md-ripple,
 md-list-item .md-list-item-inner button.md-button.md-secondary-container .md-ripple-container,
 md-list-item button.md-button.md-secondary-container .md-ripple,
 md-list-item button.md-button.md-secondary-container .md-ripple-container {
     border-radius: 50%
 }
 
 md-list-item .md-list-item-inner .md-secondary,
 md-list-item .md-list-item-inner .md-secondary-container,
 md-list-item .md-secondary,
 md-list-item .md-secondary-container {
     margin-left: 16px;
     position: absolute;
     right: 16px;
     top: 50%;
     -webkit-transform: translate3d(0, -50%, 0);
     transform: translate3d(0, -50%, 0)
 }
 
 md-list-item .md-list-item-inner>.md-button.md-secondary-container>.md-secondary,
 md-list-item>.md-button.md-secondary-container>.md-secondary {
     margin-left: 0;
     position: static
 }
 
 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 {
     -ms-flex: 1;
     -webkit-box-flex: 1;
     flex: 1;
     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 {
     -ms-flex-align: start;
     -webkit-box-align: start;
     -ms-grid-row-align: flex-start;
     align-items: flex-start;
     -ms-flex-pack: center;
     -webkit-box-pack: center;
     justify-content: center
 }
 
 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 {
     -ms-flex: 1;
     -webkit-box-flex: 1;
     flex: 1;
     margin: auto;
     text-overflow: ellipsis
 }
 
 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
 }
 
 md-list-item.md-2-line .md-list-item-text h3,
 md-list-item.md-2-line>.md-no-style .md-list-item-text h3,
 md-list-item.md-3-line .md-list-item-text h3,
 md-list-item.md-3-line>.md-no-style .md-list-item-text h3 {
     font-size: 16px;
     font-weight: 400;
     letter-spacing: .01em;
     margin: 0;
     line-height: 1.2em;
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis
 }
 
 md-list-item.md-2-line .md-list-item-text h4,
 md-list-item.md-2-line>.md-no-style .md-list-item-text h4,
 md-list-item.md-3-line .md-list-item-text h4,
 md-list-item.md-3-line>.md-no-style .md-list-item-text h4 {
     font-size: 14px;
     letter-spacing: .01em;
     margin: 3px 0 1px;
     font-weight: 400;
     line-height: 1.2em;
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis
 }
 
 md-list-item.md-2-line .md-list-item-text p,
 md-list-item.md-2-line>.md-no-style .md-list-item-text p,
 md-list-item.md-3-line .md-list-item-text p,
 md-list-item.md-3-line>.md-no-style .md-list-item-text p {
     font-size: 14px;
     font-weight: 500;
     letter-spacing: .01em;
     margin: 0;
     line-height: 1.6em
 }
 
 md-list-item.md-2-line,
 md-list-item.md-2-line>.md-no-style {
     height: auto;
     min-height: 72px
 }
 
 md-list-item.md-2-line.md-long-text,
 md-list-item.md-2-line>.md-no-style.md-long-text {
     margin: 1.6em
 }
 
 md-list-item.md-2-line .md-avatar-icon,
 md-list-item.md-2-line>.md-avatar,
 md-list-item.md-2-line>.md-no-style .md-avatar-icon,
 md-list-item.md-2-line>.md-no-style>.md-avatar {
     margin-top: 12px
 }
 
 md-list-item.md-2-line>.md-no-style>md-icon:first-child,
 md-list-item.md-2-line>md-icon:first-child {
     -ms-flex-item-align: start;
     align-self: flex-start
 }
 
 md-list-item.md-2-line .md-list-item-text,
 md-list-item.md-2-line>.md-no-style .md-list-item-text {
     -ms-flex: 1;
     -webkit-box-flex: 1;
     flex: 1
 }
 
 md-list-item.md-3-line,
 md-list-item.md-3-line>.md-no-style {
     height: auto;
     min-height: 88px
 }
 
 md-list-item.md-3-line.md-long-text,
 md-list-item.md-3-line>.md-no-style.md-long-text {
     margin: 1.6em
 }
 
 md-list-item.md-3-line>.md-avatar,
 md-list-item.md-3-line>.md-no-style>.md-avatar,
 md-list-item.md-3-line>.md-no-style>md-icon:first-child,
 md-list-item.md-3-line>md-icon:first-child {
     margin-top: 16px
 }
 
 .md-open-menu-container {
     position: fixed;
     left: 0;
     top: 0;
     z-index: 99;
     opacity: 0;
     border-radius: 2px
 }
 
 md-menu-bar,
 md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent {
     position: relative
 }
 
 .md-open-menu-container md-menu-divider {
     margin-top: 4px;
     margin-bottom: 4px;
     height: 1px;
     width: 100%
 }
 
 .md-open-menu-container md-menu-content>* {
     opacity: 0
 }
 
 .md-open-menu-container:not(.md-clickable) {
     pointer-events: none
 }
 
 .md-open-menu-container.md-active {
     opacity: 1;
     -webkit-transition: all .4s cubic-bezier(.25, .8, .25, 1);
     transition: all .4s cubic-bezier(.25, .8, .25, 1);
     -webkit-transition-duration: .2s;
     transition-duration: .2s
 }
 
 .md-open-menu-container.md-active>md-menu-content>* {
     opacity: 1;
     -webkit-transition: all .3s cubic-bezier(.55, 0, .55, .2);
     transition: all .3s cubic-bezier(.55, 0, .55, .2);
     -webkit-transition-duration: .2s;
     transition-duration: .2s;
     -webkit-transition-delay: .1s;
     transition-delay: .1s
 }
 
 .md-open-menu-container.md-leave {
     opacity: 0;
     -webkit-transition: all .3s cubic-bezier(.55, 0, .55, .2);
     transition: all .3s cubic-bezier(.55, 0, .55, .2);
     -webkit-transition-duration: 250ms;
     transition-duration: 250ms
 }
 
 md-menu-content {
     display: flex;
     -ms-flex-direction: column;
     flex-direction: column;
     padding: 8px 0;
     max-height: 304px;
     overflow-y: auto
 }
 
 md-menu-item>*,
 md-menu-item>.md-button {
     margin: auto 0;
     padding-left: 16px;
     padding-right: 16px;
     width: 100%
 }
 
 md-menu-content.md-dense {
     max-height: 208px
 }
 
 md-menu-content.md-dense md-menu-item {
     height: 32px;
     min-height: 0
 }
 
 md-menu-item {
     display: flex;
     -ms-flex-direction: row;
     -webkit-box-orient: horizontal;
     flex-direction: row;
     min-height: 48px;
     height: 48px;
     -ms-flex-line-pack: center;
     align-content: center;
     -ms-flex-pack: start;
     -webkit-box-pack: start;
     justify-content: flex-start
 }
 
 md-menu-item>a.md-button {
     display: -ms-flexbox;
     display: -webkit-box;
     display: flex
 }
 
 md-menu-item>.md-button {
     border-radius: 0;
     font-size: 15px;
     text-transform: none;
     font-weight: 400;
     text-align: start;
     height: 100%;
     display: inline-block;
     -ms-flex-align: baseline;
     -webkit-box-align: baseline;
     -ms-grid-row-align: baseline;
     align-items: baseline;
     -ms-flex-line-pack: left;
     align-content: left
 }
 
 md-menu-item>.md-button md-icon {
     margin: auto 16px auto 0
 }
 
 md-menu-item>.md-button p {
     display: inline-block;
     margin: auto
 }
 
 md-menu-item>.md-button span {
     margin-top: auto;
     margin-bottom: auto
 }
 
 md-menu-item>.md-button .md-ripple-container {
     border-radius: inherit
 }
 
 .md-menu {
     padding: 8px 0
 }
 
 md-toolbar .md-menu {
     height: auto;
     margin: auto
 }
 
 @media (max-width:599px) {
     md-menu-content {
         min-width: 112px
     }
     md-menu-content[width="3"] {
         min-width: 168px
     }
     md-menu-content[width="4"] {
         min-width: 224px
     }
     md-menu-content[width="5"] {
         min-width: 280px
     }
     md-menu-content[width="6"] {
         min-width: 336px
     }
     md-menu-content[width="7"] {
         min-width: 392px
     }
 }
 
 @media (min-width:600px) {
     md-menu-content {
         min-width: 96px
     }
     md-menu-content[width="3"] {
         min-width: 192px
     }
     md-menu-content[width="4"] {
         min-width: 256px
     }
     md-menu-content[width="5"] {
         min-width: 320px
     }
     md-menu-content[width="6"] {
         min-width: 384px
     }
     md-menu-content[width="7"] {
         min-width: 448px
     }
 }
 
 md-toolbar.md-menu-toolbar h2.md-toolbar-tools {
     line-height: 1rem;
     height: auto;
     padding: 28px 28px 12px
 }
 
 md-menu-bar {
     padding: 0 20px;
     display: block;
     z-index: 2
 }
 
 md-menu-bar .md-menu {
     display: inline-block;
     padding: 0;
     position: relative
 }
 
 md-menu-bar button {
     font-size: 14px;
     padding: 0 10px;
     margin: 0;
     border: 0;
     background-color: transparent;
     height: 40px
 }
 
 md-menu-bar md-backdrop.md-menu-backdrop {
     z-index: -2
 }
 
 md-menu-content.md-menu-bar-menu.md-dense {
     max-height: none;
     padding: 16px 0
 }
 
 md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent>md-icon {
     position: absolute;
     padding: 0;
     width: 24px;
     top: 6px;
     left: 24px
 }
 
 md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent .md-menu>.md-button,
 md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent>.md-button {
     padding: 0 32px 0 64px
 }
 
 md-menu-content.md-menu-bar-menu.md-dense .md-button {
     min-height: 0;
     height: 32px;
     display: -ms-flexbox;
     display: -webkit-box;
     display: flex
 }
 
 md-menu-content.md-menu-bar-menu.md-dense .md-button span {
     -ms-flex-positive: 1;
     -webkit-box-flex: 1;
     flex-grow: 1
 }
 
 md-menu-content.md-menu-bar-menu.md-dense .md-button span.md-alt-text {
     -ms-flex-positive: 0;
     -webkit-box-flex: 0;
     flex-grow: 0;
     -ms-flex-item-align: end;
     align-self: flex-end;
     margin: 0 8px
 }
 
 md-menu-content.md-menu-bar-menu.md-dense md-menu-divider {
     margin: 8px 0
 }
 
 md-menu-content.md-menu-bar-menu.md-dense .md-menu {
     padding: 0
 }
 
 md-menu-content.md-menu-bar-menu.md-dense .md-menu>.md-button {
     position: relative;
     margin: 0;
     width: 100%;
     text-align: left;
     text-align: start;
     text-transform: none;
     font-weight: 400;
     border-radius: 0;
     padding-left: 16px
 }
 
 md-progress-circular,
 md-progress-linear {
     padding-top: 0!important;
     margin-bottom: 0!important;
     display: block
 }
 
 .md-tab,
 md-optgroup label,
 md-toast .md-action {
     text-transform: uppercase
 }
 
 md-menu-content.md-menu-bar-menu.md-dense .md-menu>.md-button:after {
     display: block;
     content: '\25BC';
     position: absolute;
     top: 0;
     speak: none;
     -webkit-transform: rotate(270deg) scaleY(.45) scaleX(.9);
     transform: rotate(270deg) scaleY(.45) scaleX(.9);
     right: 28px
 }
 
 md-progress-circular {
     position: relative;
     width: 100px;
     height: 100px;
     -webkit-transform: scale(.5);
     transform: scale(.5)
 }
 
 md-progress-circular .md-spinner-wrapper {
     display: block;
     position: relative;
     overflow: hidden
 }
 
 md-progress-circular .md-spinner-wrapper .md-inner {
     width: 100px;
     height: 100px;
     position: relative
 }
 
 md-progress-circular .md-spinner-wrapper .md-inner .md-gap {
     position: absolute;
     left: 49px;
     right: 49px;
     top: 0;
     bottom: 0;
     border-top-width: 10px;
     border-top-style: solid;
     box-sizing: border-box
 }
 
 md-progress-circular .md-spinner-wrapper .md-inner .md-left,
 md-progress-circular .md-spinner-wrapper .md-inner .md-right {
     position: absolute;
     top: 0;
     height: 100px;
     width: 50px;
     overflow: hidden
 }
 
 md-progress-circular .md-spinner-wrapper .md-inner .md-left .md-half-circle,
 md-progress-circular .md-spinner-wrapper .md-inner .md-right .md-half-circle {
     position: absolute;
     top: 0;
     width: 100px;
     height: 100px;
     box-sizing: border-box;
     border-width: 10px;
     border-style: solid;
     border-bottom-color: transparent;
     border-radius: 50%
 }
 
 md-progress-circular .md-spinner-wrapper .md-inner .md-left {
     left: 0
 }
 
 md-progress-circular .md-spinner-wrapper .md-inner .md-left .md-half-circle {
     left: 0;
     border-right-color: transparent
 }
 
 md-progress-circular .md-spinner-wrapper .md-inner .md-right {
     right: 0
 }
 
 md-progress-circular .md-spinner-wrapper .md-inner .md-right .md-half-circle {
     right: 0;
     border-left-color: transparent
 }
 
 md-progress-circular .md-spinner-wrapper.md-mode-indeterminate {
     -webkit-animation: outer-rotate 2.91667s linear infinite;
     animation: outer-rotate 2.91667s linear infinite
 }
 
 md-progress-circular .md-spinner-wrapper.md-mode-indeterminate .md-inner {
     -webkit-animation: sporadic-rotate 5.25s cubic-bezier(.35, 0, .25, 1) infinite;
     animation: sporadic-rotate 5.25s cubic-bezier(.35, 0, .25, 1) infinite
 }
 
 md-progress-circular .md-spinner-wrapper.md-mode-indeterminate .md-inner .md-left .md-half-circle,
 md-progress-circular .md-spinner-wrapper.md-mode-indeterminate .md-inner .md-right .md-half-circle {
     -webkit-animation-iteration-count: infinite;
     animation-iteration-count: infinite;
     -webkit-animation-duration: 1.3125s;
     animation-duration: 1.3125s;
     -webkit-animation-timing-function: cubic-bezier(.35, 0, .25, 1);
     animation-timing-function: cubic-bezier(.35, 0, .25, 1)
 }
 
 md-progress-circular .md-spinner-wrapper.md-mode-indeterminate .md-inner .md-left .md-half-circle {
     -webkit-animation-name: left-wobble;
     animation-name: left-wobble
 }
 
 md-progress-circular .md-spinner-wrapper.md-mode-indeterminate .md-inner .md-right .md-half-circle {
     -webkit-animation-name: right-wobble;
     animation-name: right-wobble
 }
 
 md-progress-circular md-progress-circular.ng-hide .md-spinner-wrapper,
 md-progress-circular md-progress-circular.ng-hide .md-spinner-wrapper .md-inner {
     -webkit-animation: none;
     animation: none
 }
 
 md-progress-circular md-progress-circular.ng-hide .md-spinner-wrapper .md-inner .md-left .md-half-circle,
 md-progress-circular md-progress-circular.ng-hide .md-spinner-wrapper .md-inner .md-right .md-half-circle {
     -webkit-animation-name: none;
     animation-name: none
 }
 
 md-progress-circular .md-spinner-wrapper.ng-hide,
 md-progress-circular .md-spinner-wrapper.ng-hide .md-inner {
     -webkit-animation: none;
     animation: none
 }
 
 md-progress-circular .md-spinner-wrapper.ng-hide .md-inner .md-left .md-half-circle,
 md-progress-circular .md-spinner-wrapper.ng-hide .md-inner .md-right .md-half-circle {
     -webkit-animation-name: none;
     animation-name: none
 }
 
 md-progress-linear {
     position: relative;
     width: 100%;
     height: 5px
 }
 
 md-progress-linear .md-container {
     display: block;
     position: relative;
     overflow: hidden;
     width: 100%;
     height: 5px;
     -webkit-transform: translate(0, 0) scale(1, 1);
     transform: translate(0, 0) scale(1, 1)
 }
 
 md-progress-linear .md-container.md-mode-determinate .md-bar1,
 md-progress-linear .md-container.md-mode-query .md-bar1 {
     display: none
 }
 
 md-progress-linear .md-container .md-bar {
     position: absolute;
     left: 0;
     top: 0;
     bottom: 0;
     width: 100%;
     height: 5px
 }
 
 md-progress-linear .md-container .md-dashed:before {
     content: "";
     display: none;
     position: absolute;
     margin-top: 0;
     height: 5px;
     width: 100%;
     background-color: transparent;
     background-size: 10px 10px!important;
     background-position: 0 -23px
 }
 
 md-progress-linear .md-container .md-bar1,
 md-progress-linear .md-container .md-bar2 {
     -webkit-transition: -webkit-transform .2s linear;
     transition: transform .2s linear;
     transition: transform .2s linear, -webkit-transform .2s linear
 }
 
 md-progress-linear .md-container.md-mode-query .md-bar2 {
     -webkit-transition: all .2s linear;
     transition: all .2s linear;
     -webkit-animation: query .8s infinite cubic-bezier(.39, .575, .565, 1);
     animation: query .8s infinite cubic-bezier(.39, .575, .565, 1)
 }
 
 md-progress-linear .md-container.md-mode-indeterminate .md-bar1 {
     -webkit-animation: md-progress-linear-indeterminate-scale-1 4s infinite, md-progress-linear-indeterminate-1 4s infinite;
     animation: md-progress-linear-indeterminate-scale-1 4s infinite, md-progress-linear-indeterminate-1 4s infinite
 }
 
 md-progress-linear .md-container.md-mode-indeterminate .md-bar2 {
     -webkit-animation: md-progress-linear-indeterminate-scale-2 4s infinite, md-progress-linear-indeterminate-2 4s infinite;
     animation: md-progress-linear-indeterminate-scale-2 4s infinite, md-progress-linear-indeterminate-2 4s infinite
 }
 
 md-progress-linear .md-container.ng-hide {
     -webkit-animation: none;
     animation: none
 }
 
 md-progress-linear .md-container.ng-hide .md-bar1,
 md-progress-linear .md-container.ng-hide .md-bar2 {
     -webkit-animation-name: none;
     animation-name: none
 }
 
 md-progress-linear .md-container.md-mode-buffer {
     background-color: transparent!important;
     -webkit-transition: all .2s linear;
     transition: all .2s linear
 }
 
 md-progress-linear .md-container.md-mode-buffer .md-dashed:before {
     display: block;
     -webkit-animation: buffer 3s infinite linear;
     animation: buffer 3s infinite linear
 }
 
 .md-switch-thumb,
 md-radio-button {
     box-sizing: border-box;
     display: block;
     margin: 15px;
     white-space: nowrap;
     cursor: pointer
 }
 
 .md-switch-thumb .md-container,
 md-radio-button .md-container {
     box-sizing: border-box;
     position: relative;
     top: 4px;
     display: inline-block;
     width: 16px;
     height: 16px;
     cursor: pointer
 }
 
 .md-switch-thumb .md-container .md-ripple-container,
 md-radio-button .md-container .md-ripple-container {
     position: absolute;
     display: block;
     width: 48px;
     height: 48px;
     left: -16px;
     top: -16px
 }
 
 .md-switch-thumb .md-container:before,
 md-radio-button .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;
     -webkit-transition: all .5s;
     transition: all .5s;
     width: auto
 }
 
 .md-switch-thumb.md-align-top-left>div.md-container,
 md-radio-button.md-align-top-left>div.md-container {
     top: -15px
 }
 
 .md-switch-thumb .md-off,
 md-radio-button .md-off {
     box-sizing: border-box;
     position: absolute;
     top: 0;
     left: 0;
     width: 16px;
     height: 16px;
     border-style: solid;
     border-width: 2px;
     border-radius: 50%;
     -webkit-transition: border-color ease .28s;
     transition: border-color ease .28s
 }
 
 .md-switch-thumb .md-on,
 md-radio-button .md-on {
     box-sizing: border-box;
     position: absolute;
     top: 0;
     left: 0;
     width: 16px;
     height: 16px;
     border-radius: 50%;
     -webkit-transition: -webkit-transform ease .28s;
     transition: transform ease .28s;
     transition: transform ease .28s, -webkit-transform ease .28s;
     -webkit-transform: scale(0);
     transform: scale(0)
 }
 
 .md-switch-thumb.md-checked .md-on,
 md-radio-button.md-checked .md-on {
     -webkit-transform: scale(.5);
     transform: scale(.5)
 }
 
 .md-switch-thumb .md-label,
 md-radio-button .md-label {
     box-sizing: border-box;
     position: relative;
     display: inline-block;
     margin-left: 10px;
     margin-right: 0;
     vertical-align: middle;
     white-space: normal;
     pointer-events: none;
     width: auto
 }
 
 body[dir=rtl] .md-switch-thumb .md-label,
 body[dir=rtl] md-radio-button .md-label,
 html[dir=rtl] .md-switch-thumb .md-label,
 html[dir=rtl] md-radio-button .md-label {
     margin-left: 0;
     margin-right: 10px;
     unicode-bidi: embed
 }
 
 .md-switch-thumb .md-label bdo[dir=rtl],
 md-radio-button .md-label bdo[dir=rtl] {
     direction: rtl;
     unicode-bidi: bidi-override
 }
 
 .md-switch-thumb .md-label bdo[dir=ltr],
 md-radio-button .md-label bdo[dir=ltr],
 md-select-menu bdo[dir=ltr] {
     direction: ltr;
     unicode-bidi: bidi-override
 }
 
 .md-switch-thumb .circle,
 md-radio-button .circle {
     border-radius: 50%
 }
 
 md-radio-group.md-focused .md-checked .md-container:before {
     left: -8px;
     top: -8px;
     right: -8px;
     bottom: -8px
 }
 
 @media screen and (-ms-high-contrast:active) {
     md-input-container.md-default-theme>md-icon {
         fill: #fff
     }
     md-radio-button.md-default-theme .md-on {
         background-color: #fff
     }
 }
 
 .md-select-menu-container {
     position: fixed;
     left: 0;
     top: 0;
     z-index: 99;
     opacity: 0
 }
 
 .md-select-menu-container:not(.md-clickable) {
     pointer-events: none
 }
 
 .md-select-menu-container md-progress-circular {
     display: table;
     margin: 24px auto!important
 }
 
 .md-select-menu-container.md-active {
     opacity: 1
 }
 
 .md-select-menu-container.md-active md-select-menu {
     -webkit-transition: all .4s cubic-bezier(.25, .8, .25, 1);
     transition: all .4s cubic-bezier(.25, .8, .25, 1);
     -webkit-transition-duration: 150ms;
     transition-duration: 150ms
 }
 
 .md-select-menu-container.md-active md-select-menu>* {
     opacity: 1;
     -webkit-transition: all .3s cubic-bezier(.55, 0, .55, .2);
     transition: all .3s cubic-bezier(.55, 0, .55, .2);
     -webkit-transition-duration: 150ms;
     transition-duration: 150ms;
     -webkit-transition-delay: .1s;
     transition-delay: .1s
 }
 
 .md-select-menu-container.md-leave {
     opacity: 0;
     -webkit-transition: all .3s cubic-bezier(.55, 0, .55, .2);
     transition: all .3s cubic-bezier(.55, 0, .55, .2);
     -webkit-transition-duration: 250ms;
     transition-duration: 250ms
 }
 
 md-input-container>md-select {
     margin: 0;
     -ms-flex-order: 2;
     -webkit-box-ordinal-group: 3;
     order: 2
 }
 
 md-select {
     display: -ms-flexbox;
     display: -webkit-box;
     display: flex;
     margin: 20px 0 26px
 }
 
 md-select[disabled] .md-select-value {
     background-position: 0 bottom;
     background-size: 4px 1px;
     background-repeat: repeat-x;
     margin-bottom: -1px
 }
 
 md-select[disabled]:hover {
     cursor: default
 }
 
 md-select:not([disabled]):hover {
     cursor: pointer
 }
 
 md-select:not([disabled]).ng-invalid.ng-dirty .md-select-value {
     border-bottom: 2px solid;
     padding-bottom: 0
 }
 
 md-select:not([disabled]):focus .md-select-value {
     border-bottom-width: 2px;
     border-bottom-style: solid;
     padding-bottom: 0
 }
 
 .md-select-value {
     display: -ms-flexbox;
     display: -webkit-box;
     display: flex;
     -ms-flex-align: center;
     -webkit-box-align: center;
     align-items: center;
     padding: 2px 2px 1px;
     border-bottom-width: 1px;
     border-bottom-style: solid;
     background-color: transparent;
     position: relative;
     box-sizing: content-box;
     min-width: 64px;
     min-height: 26px;
     -ms-flex-positive: 1;
     -webkit-box-flex: 1;
     flex-grow: 1
 }
 
 md-sidenav,
 md-slider *,
 md-slider:after {
     box-sizing: border-box
 }
 
 .md-select-value:first-child {
     -ms-flex: 1;
     -webkit-box-flex: 1;
     flex: 1;
     text-overflow: ellipsis;
     white-space: nowrap;
     overflow: hidden;
     max-width: calc(100% - 2*8px);
     -webkit-transform: translate3d(0, 2px, 0);
     transform: translate3d(0, 2px, 0)
 }
 
 .md-select-value .md-select-icon {
     display: block;
     -ms-flex-align: end;
     -webkit-box-align: end;
     -ms-grid-row-align: flex-end;
     align-items: flex-end;
     text-align: end;
     width: 24px;
     margin: 0 4px;
     -webkit-transform: translate3d(0, 1px, 0);
     transform: translate3d(0, 1px, 0)
 }
 
 .md-select-value .md-select-icon:after {
     display: block;
     content: '\25BC';
     position: relative;
     top: 2px;
     speak: none;
     -webkit-transform: scaleY(.6) scaleX(1);
     transform: scaleY(.6) scaleX(1)
 }
 
 md-pagination-wrapper:after,
 md-slider .md-sign:after,
 md-slider .md-thumb:after,
 md-switch .md-thumb:before,
 md-tabs-canvas:after {
     content: ''
 }
 
 .md-select-value.md-select-placeholder {
     display: -ms-flexbox;
     display: -webkit-box;
     display: flex;
     -ms-flex-order: 1;
     -webkit-box-ordinal-group: 2;
     order: 1;
     pointer-events: none;
     -webkit-font-smoothing: antialiased;
     padding-left: 2px;
     z-index: 1
 }
 
 md-option,
 md-select-menu {
     display: -ms-flexbox;
     display: -webkit-box
 }
 
 md-select-menu {
     display: flex;
     -ms-flex-direction: column;
     -webkit-box-direction: normal;
     flex-direction: column;
     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);
     max-height: 256px;
     min-height: 48px;
     overflow-y: hidden;
     -webkit-transform-origin: left top;
     transform-origin: left top;
     -webkit-transform: scale(1);
     transform: scale(1)
 }
 
 md-select-menu.md-reverse {
     -ms-flex-direction: column-reverse;
     -webkit-box-direction: reverse;
     flex-direction: column-reverse
 }
 
 md-select-menu:not(.md-overflow) md-content {
     padding-top: 8px;
     padding-bottom: 8px
 }
 
 body[dir=rtl] md-select-menu,
 html[dir=rtl] md-select-menu {
     -webkit-transform-origin: right top;
     transform-origin: right top;
     unicode-bidi: embed
 }
 
 md-select-menu bdo[dir=rtl] {
     direction: rtl;
     unicode-bidi: bidi-override
 }
 
 md-select-menu md-content {
     min-width: 136px;
     min-height: 48px;
     max-height: 256px;
     overflow-y: auto
 }
 
 md-select-menu>* {
     opacity: 0
 }
 
 md-option {
     cursor: pointer;
     position: relative;
     display: flex;
     -ms-flex-align: center;
     -webkit-box-align: center;
     align-items: center;
     width: auto;
     padding: 0 16px;
     height: 48px
 }
 
 md-option .md-text {
     -webkit-touch-callout: none;
     user-select: none;
     width: auto;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     font-size: 16px
 }
 
 .md-tab.md-disabled,
 md-switch {
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none
 }
 
 md-sidenav,
 md-sidenav.md-locked-open {
     width: 304px;
     min-width: 304px;
     max-width: 304px
 }
 
 md-optgroup {
     display: block
 }
 
 md-optgroup label {
     display: block;
     font-size: 14px;
     padding: 16px;
     font-weight: 500
 }
 
 md-optgroup md-option {
     padding-left: 32px;
     padding-right: 32px
 }
 
 md-sidenav {
     position: absolute;
     -ms-flex-direction: column;
     -webkit-box-direction: normal;
     flex-direction: column;
     z-index: 60;
     bottom: 0;
     overflow: auto
 }
 
 md-sidenav ul {
     list-style: none
 }
 
 md-sidenav.md-closed {
     display: none
 }
 
 md-sidenav.md-closed-add,
 md-sidenav.md-closed-remove {
     display: -ms-flexbox;
     display: -webkit-box;
     display: flex;
     -webkit-transition: .2s ease-in all;
     transition: .2s ease-in all
 }
 
 md-sidenav.md-closed-add.md-closed-add-active,
 md-sidenav.md-closed-remove.md-closed-remove-active {
     -webkit-transition: all .4s cubic-bezier(.25, .8, .25, 1);
     transition: all .4s cubic-bezier(.25, .8, .25, 1)
 }
 
 md-sidenav.md-locked-open-add,
 md-sidenav.md-locked-open-remove {
     position: static;
     display: -ms-flexbox;
     display: -webkit-box;
     display: flex;
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0)
 }
 
 md-sidenav.md-locked-open,
 md-sidenav.md-locked-open-remove.md-closed,
 md-sidenav.md-locked-open.md-closed,
 md-sidenav.md-locked-open.md-closed.md-sidenav-left,
 md-sidenav.md-locked-open.md-closed.md-sidenav-right {
     position: static;
     display: -ms-flexbox;
     display: -webkit-box;
     display: flex;
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0)
 }
 
 md-slider,
 md-slider .md-slider-wrapper {
     position: relative
 }
 
 md-sidenav.md-locked-open-remove-active {
     -webkit-transition: width .3s cubic-bezier(.55, 0, .55, .2), min-width .3s cubic-bezier(.55, 0, .55, .2);
     transition: width .3s cubic-bezier(.55, 0, .55, .2), min-width .3s cubic-bezier(.55, 0, .55, .2);
     width: 0;
     min-width: 0
 }
 
 md-sidenav.md-closed.md-locked-open-add {
     width: 0;
     min-width: 0;
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0)
 }
 
 md-sidenav.md-closed.md-locked-open-add-active {
     -webkit-transition: width .3s cubic-bezier(.55, 0, .55, .2), min-width .3s cubic-bezier(.55, 0, .55, .2);
     transition: width .3s cubic-bezier(.55, 0, .55, .2), min-width .3s cubic-bezier(.55, 0, .55, .2);
     width: 304px;
     min-width: 304px;
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0)
 }
 
 .md-sidenav-backdrop.md-locked-open {
     display: none
 }
 
 .md-sidenav-left,
 md-sidenav {
     left: 0;
     top: 0;
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0)
 }
 
 .md-sidenav-left.md-closed,
 md-sidenav.md-closed {
     -webkit-transform: translate3d(-100%, 0, 0);
     transform: translate3d(-100%, 0, 0)
 }
 
 .md-sidenav-right {
     left: 100%;
     top: 0;
     -webkit-transform: translate3d(-100%, 0, 0);
     transform: translate3d(-100%, 0, 0)
 }
 
 .md-sidenav-right.md-closed {
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0)
 }
 
 @media (max-width:360px) {
     md-sidenav {
         width: 85%
     }
 }
 
 @media screen and (-ms-high-contrast:active) {
     .md-select-backdrop {
         background-color: transparent
     }
     md-select-menu {
         border: 1px solid #fff
     }
     .md-sidenav-left,
     md-sidenav {
         border-right: 1px solid #fff
     }
     .md-sidenav-right {
         border-left: 1px solid #fff
     }
 }
 
 md-slider {
     height: 48px;
     display: block;
     margin-left: 4px;
     margin-right: 4px;
     padding: 0
 }
 
 md-slider .md-track-container {
     width: 100%;
     position: absolute;
     top: 23px;
     height: 2px
 }
 
 md-slider .md-track,
 md-slider .md-track-ticks {
     height: 100%;
     left: 0;
     position: absolute;
     right: 0
 }
 
 md-slider .md-track-fill {
     -webkit-transition: width .05s linear;
     transition: width .05s linear
 }
 
 md-slider .md-track-ticks canvas {
     width: 100%
 }
 
 md-slider .md-thumb-container {
     position: absolute;
     left: 0;
     top: 50%;
     -webkit-transform: translate3d(-50%, -50%, 0);
     transform: translate3d(-50%, -50%, 0);
     -webkit-transition: left .1s linear;
     transition: left .1s linear
 }
 
 md-slider .md-thumb {
     z-index: 1;
     position: absolute;
     left: -19px;
     top: 5px;
     width: 38px;
     height: 38px;
     border-radius: 38px;
     -webkit-transform: scale(.5);
     transform: scale(.5);
     -webkit-transition: all .1s linear;
     transition: all .1s linear
 }
 
 md-slider .md-thumb:after {
     position: absolute;
     left: 3px;
     top: 3px;
     width: 32px;
     height: 32px;
     border-radius: 32px;
     border-width: 3px;
     border-style: solid
 }
 
 md-slider .md-sign {
     display: -ms-flexbox;
     display: -webkit-box;
     display: flex;
     -ms-flex-align: center;
     -webkit-box-align: center;
     align-items: center;
     -ms-flex-pack: center;
     -webkit-box-pack: center;
     justify-content: center;
     position: absolute;
     left: -14px;
     top: -20px;
     width: 28px;
     height: 28px;
     border-radius: 28px;
     -webkit-transform: scale(.4) translate3d(0, 70px, 0);
     transform: scale(.4) translate3d(0, 70px, 0);
     -webkit-transition: all .2s ease-in-out;
     transition: all .2s ease-in-out
 }
 
 md-slider .md-sign:after {
     position: absolute;
     left: 0;
     border-radius: 16px;
     top: 19px;
     border-left: 14px solid transparent;
     border-right: 14px solid transparent;
     border-top-width: 16px;
     border-top-style: solid;
     opacity: 0;
     -webkit-transform: translate3d(0, -8px, 0);
     transform: translate3d(0, -8px, 0);
     -webkit-transition: all .2s ease-in-out;
     transition: all .2s ease-in-out
 }
 
 md-slider .md-focus-ring,
 md-slider .md-focus-thumb {
     left: -24px;
     top: 0;
     width: 48px;
     height: 48px;
     border-radius: 48px;
     position: absolute
 }
 
 md-slider .md-sign .md-thumb-text {
     z-index: 1;
     font-size: 12px;
     font-weight: 700
 }
 
 md-slider .md-focus-thumb {
     display: none;
     opacity: 0;
     background-color: silver;
     -webkit-animation: sliderFocusThumb .4s linear;
     animation: sliderFocusThumb .4s linear
 }
 
 md-slider .md-focus-ring {
     -webkit-transform: scale(0);
     transform: scale(0);
     -webkit-transition: all .2s linear;
     transition: all .2s linear;
     opacity: .26
 }
 
 md-slider .md-disabled-thumb {
     position: absolute;
     left: -22px;
     top: 2px;
     width: 44px;
     height: 44px;
     border-radius: 44px;
     -webkit-transform: scale(.35);
     transform: scale(.35);
     border-width: 6px;
     border-style: solid;
     display: none
 }
 
 md-slider.md-min .md-thumb:after {
     background-color: #fff
 }
 
 md-slider.md-min .md-sign {
     opacity: 0
 }
 
 md-slider.md-dragging .md-thumb-container,
 md-slider.md-dragging .md-track-fill {
     -webkit-transition: none;
     transition: none
 }
 
 md-slider:not([md-discrete]) .md-sign,
 md-slider:not([md-discrete]) .md-track-ticks {
     display: none
 }
 
 md-slider:not([md-discrete]):not([disabled]):hover .md-thumb {
     -webkit-transform: scale(.6);
     transform: scale(.6)
 }
 
 md-slider:not([md-discrete]):not([disabled]).md-active .md-focus-thumb,
 md-slider:not([md-discrete]):not([disabled]):focus .md-focus-thumb {
     display: block
 }
 
 md-slider[disabled] .md-sign,
 md-slider[disabled] .md-track-fill,
 md-slider[md-discrete] .md-focus-ring,
 md-slider[md-discrete] .md-focus-thumb {
     display: none
 }
 
 md-slider:not([md-discrete]):not([disabled]).md-active .md-focus-ring,
 md-slider:not([md-discrete]):not([disabled]):focus .md-focus-ring {
     -webkit-transform: scale(1);
     transform: scale(1)
 }
 
 md-slider:not([md-discrete]):not([disabled]).md-active .md-thumb,
 md-slider:not([md-discrete]):not([disabled]):focus .md-thumb {
     -webkit-transform: scale(.85);
     transform: scale(.85)
 }
 
 md-slider[md-discrete]:not([disabled]).md-active .md-sign,
 md-slider[md-discrete]:not([disabled]).md-active .md-sign:after,
 md-slider[md-discrete]:not([disabled]):focus .md-sign,
 md-slider[md-discrete]:not([disabled]):focus .md-sign:after {
     opacity: 1;
     -webkit-transform: translate3d(0, 0, 0) scale(1);
     transform: translate3d(0, 0, 0) scale(1)
 }
 
 .md-subheader,
 .md-subheader .md-subheader-inner,
 md-slider[disabled] .md-disabled-thumb,
 md-tabs,
 md-tabs-wrapper {
     display: block
 }
 
 md-slider[disabled] .md-thumb {
     -webkit-transform: scale(.35);
     transform: scale(.35)
 }
 
 @media screen and (-ms-high-contrast:active) {
     md-slider.md-default-theme .md-track {
         border-bottom: 1px solid #fff
     }
 }
 
 .md-sticky-clone {
     z-index: 2;
     top: 0;
     left: 0;
     right: 0;
     position: absolute!important;
     -webkit-transform: translate3d(-9999px, -9999px, 0);
     transform: translate3d(-9999px, -9999px, 0)
 }
 
 .md-subheader,
 .md-subheader .md-subheader-content,
 md-tabs,
 md-tabs-canvas,
 md-tabs-wrapper,
 md-tabs.md-dynamic-height md-tab-content.md-active {
     position: relative
 }
 
 .md-sticky-clone[sticky-state=active] {
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0)
 }
 
 .md-sticky-clone[sticky-state=active]:not(.md-sticky-no-effect) .md-subheader-inner {
     -webkit-animation: subheaderStickyHoverIn .3s ease-out both;
     animation: subheaderStickyHoverIn .3s ease-out both
 }
 
 .md-subheader-wrapper:not(.md-sticky-no-effect) {
     -webkit-transition: .2s ease-out margin;
     transition: .2s ease-out margin
 }
 
 .md-subheader-wrapper:not(.md-sticky-no-effect) .md-subheader {
     margin: 0
 }
 
 .md-subheader-wrapper:not(.md-sticky-no-effect).md-sticky-clone {
     z-index: 2
 }
 
 .md-subheader-wrapper:not(.md-sticky-no-effect)[sticky-state=active] {
     margin-top: -2px
 }
 
 .md-subheader-wrapper:not(.md-sticky-no-effect):not(.md-sticky-clone)[sticky-prev-state=active] .md-subheader-inner:after {
     -webkit-animation: subheaderStickyHoverOut .3s ease-out both;
     animation: subheaderStickyHoverOut .3s ease-out both
 }
 
 .md-subheader {
     font-size: 14px;
     font-weight: 500;
     line-height: 1em;
     margin: 0 16px 0 0
 }
 
 .md-subheader .md-subheader-inner {
     padding: 16px 0 16px 16px
 }
 
 .md-subheader .md-subheader-content {
     display: block;
     z-index: 1
 }
 
 @-webkit-keyframes md-tab-content-hide {
     0%,
     50% {
         opacity: 1
     }
     100% {
         opacity: 0
     }
 }
 
 @keyframes md-tab-content-hide {
     0%,
     50% {
         opacity: 1
     }
     100% {
         opacity: 0
     }
 }
 
 md-tab-data {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     z-index: -1;
     opacity: 0
 }
 
 md-tabs {
     margin: 0;
     border-radius: 2px;
     overflow: hidden;
     -ms-flex-negative: 0;
     flex-shrink: 0
 }
 
 md-tabs:not(.md-no-tab-content):not(.md-dynamic-height) {
     min-height: 248px
 }
 
 md-tabs[md-align-tabs=bottom] {
     padding-bottom: 48px
 }
 
 md-tabs[md-align-tabs=bottom] md-tabs-wrapper {
     position: absolute;
     bottom: 0;
     left: 0;
     right: 0;
     height: 48px;
     z-index: 2
 }
 
 md-tabs[md-align-tabs=bottom] md-tabs-content-wrapper {
     top: 0;
     bottom: 48px
 }
 
 md-tabs.md-dynamic-height md-tabs-content-wrapper {
     min-height: 0;
     position: relative;
     top: auto;
     left: auto;
     right: auto;
     bottom: auto;
     overflow: visible
 }
 
 md-tabs[md-border-bottom] md-tabs-wrapper {
     border-width: 0 0 1px;
     border-style: solid
 }
 
 md-tabs[md-border-bottom]:not(.md-dynamic-height) md-tabs-content-wrapper {
     top: 49px
 }
 
 md-tabs-wrapper md-next-button,
 md-tabs-wrapper md-prev-button {
     height: 100%;
     width: 32px;
     position: absolute;
     top: 50%;
     -webkit-transform: translateY(-50%);
     transform: translateY(-50%);
     line-height: 1em;
     z-index: 2;
     cursor: pointer;
     font-size: 16px;
     background: center center no-repeat;
     -webkit-transition: all .5s cubic-bezier(.35, 0, .25, 1);
     transition: all .5s cubic-bezier(.35, 0, .25, 1)
 }
 
 .md-tab,
 md-toast {
     box-sizing: border-box;
     font-size: 14px
 }
 
 md-tabs-wrapper md-next-button.md-disabled,
 md-tabs-wrapper md-prev-button.md-disabled {
     opacity: .25;
     cursor: default
 }
 
 md-tab-content.md-left,
 md-tab-content.md-right {
     -webkit-animation: 1s md-tab-content-hide;
     opacity: 0
 }
 
 md-tabs-wrapper md-next-button.ng-leave,
 md-tabs-wrapper md-prev-button.ng-leave {
     -webkit-transition: none;
     transition: none
 }
 
 md-tabs-wrapper md-next-button md-icon,
 md-tabs-wrapper md-prev-button md-icon {
     position: absolute;
     top: 50%;
     left: 50%;
     -webkit-transform: translate3d(-50%, -50%, 0);
     transform: translate3d(-50%, -50%, 0)
 }
 
 md-tabs-wrapper md-prev-button {
     left: 0;
     background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE3LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPiA8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPiA8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjQgMjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPiA8ZyBpZD0iSGVhZGVyIj4gPGc+IDxyZWN0IHg9Ii02MTgiIHk9Ii0xMjA4IiBmaWxsPSJub25lIiB3aWR0aD0iMTQwMCIgaGVpZ2h0PSIzNjAwIi8+IDwvZz4gPC9nPiA8ZyBpZD0iTGFiZWwiPiA8L2c+IDxnIGlkPSJJY29uIj4gPGc+IDxwb2x5Z29uIHBvaW50cz0iMTUuNCw3LjQgMTQsNiA4LDEyIDE0LDE4IDE1LjQsMTYuNiAxMC44LDEyIAkJIiBzdHlsZT0iZmlsbDp3aGl0ZTsiLz4gPHJlY3QgZmlsbD0ibm9uZSIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ii8+IDwvZz4gPC9nPiA8ZyBpZD0iR3JpZCIgZGlzcGxheT0ibm9uZSI+IDxnIGRpc3BsYXk9ImlubGluZSI+IDwvZz4gPC9nPiA8L3N2Zz4NCg==)
 }
 
 md-tabs-wrapper md-next-button {
     right: 0;
     background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE3LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPiA8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPiA8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjQgMjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPiA8ZyBpZD0iSGVhZGVyIj4gPGc+IDxyZWN0IHg9Ii02MTgiIHk9Ii0xMzM2IiBmaWxsPSJub25lIiB3aWR0aD0iMTQwMCIgaGVpZ2h0PSIzNjAwIi8+IDwvZz4gPC9nPiA8ZyBpZD0iTGFiZWwiPiA8L2c+IDxnIGlkPSJJY29uIj4gPGc+IDxwb2x5Z29uIHBvaW50cz0iMTAsNiA4LjYsNy40IDEzLjIsMTIgOC42LDE2LjYgMTAsMTggMTYsMTIgCQkiIHN0eWxlPSJmaWxsOndoaXRlOyIvPiA8cmVjdCBmaWxsPSJub25lIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiLz4gPC9nPiA8L2c+IDxnIGlkPSJHcmlkIiBkaXNwbGF5PSJub25lIj4gPGcgZGlzcGxheT0iaW5saW5lIj4gPC9nPiA8L2c+IDwvc3ZnPg0K)
 }
 
 md-tabs-wrapper md-next-button md-icon {
     -webkit-transform: translate3d(-50%, -50%, 0) rotate(180deg);
     transform: translate3d(-50%, -50%, 0) rotate(180deg)
 }
 
 md-tabs-wrapper.md-stretch-tabs md-pagination-wrapper {
     width: 100%;
     display: -ms-flexbox;
     display: -webkit-box;
     display: flex;
     -ms-flex-direction: row;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
     flex-direction: row
 }
 
 md-tabs-wrapper.md-stretch-tabs md-pagination-wrapper md-tab-item {
     -ms-flex-positive: 1;
     -webkit-box-flex: 1;
     flex-grow: 1
 }
 
 md-tabs-canvas {
     overflow: hidden;
     display: block;
     height: 48px
 }
 
 md-tabs-canvas:after {
     display: table;
     clear: both
 }
 
 md-tabs-canvas .md-dummy-wrapper {
     position: absolute;
     top: 0;
     left: 0
 }
 
 md-tabs-canvas.md-paginated {
     margin: 0 32px
 }
 
 md-tabs-canvas.md-center-tabs {
     display: -ms-flexbox;
     display: -webkit-box;
     display: flex;
     -ms-flex-direction: column;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     flex-direction: column;
     text-align: center
 }
 
 md-tabs-canvas.md-center-tabs .md-tab {
     float: none;
     display: inline-block
 }
 
 md-switch,
 md-toast {
     display: -webkit-box
 }
 
 md-pagination-wrapper {
     height: 48px;
     display: block;
     -webkit-transition: -webkit-transform .5s cubic-bezier(.35, 0, .25, 1);
     transition: transform .5s cubic-bezier(.35, 0, .25, 1);
     transition: transform .5s cubic-bezier(.35, 0, .25, 1), -webkit-transform .5s cubic-bezier(.35, 0, .25, 1);
     position: absolute;
     width: 999999px;
     left: 0;
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0)
 }
 
 md-pagination-wrapper:after {
     display: table;
     clear: both
 }
 
 md-pagination-wrapper.md-center-tabs {
     position: relative;
     width: initial;
     margin: 0 auto
 }
 
 md-ink-bar,
 md-tab,
 md-tab-content {
     position: absolute
 }
 
 md-tabs-content-wrapper {
     display: block;
     position: absolute;
     top: 48px;
     left: 0;
     right: 0;
     bottom: 0;
     overflow: hidden
 }
 
 md-tab-content {
     display: block;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     -webkit-transform: translateX(0);
     transform: translateX(0);
     -webkit-transition: -webkit-transform .5s cubic-bezier(.35, 0, .25, 1);
     transition: transform .5s cubic-bezier(.35, 0, .25, 1);
     transition: transform .5s cubic-bezier(.35, 0, .25, 1), -webkit-transform .5s cubic-bezier(.35, 0, .25, 1);
     overflow: auto
 }
 
 md-tab-content.md-no-scroll {
     bottom: auto;
     overflow: hidden
 }
 
 md-tab-content.md-no-transition,
 md-tab-content.ng-leave {
     -webkit-transition: none;
     transition: none
 }
 
 md-tab-content.md-left {
     -webkit-transform: translateX(-100%);
     transform: translateX(-100%);
     animation: 1s md-tab-content-hide
 }
 
 md-tab-content.md-left * {
     -webkit-transition: visibility 0s linear;
     transition: visibility 0s linear;
     -webkit-transition-delay: .5s;
     transition-delay: .5s;
     visibility: hidden
 }
 
 md-tab-content.md-right {
     -webkit-transform: translateX(100%);
     transform: translateX(100%);
     animation: 1s md-tab-content-hide
 }
 
 md-tab-content.md-right * {
     -webkit-transition: visibility 0s linear;
     transition: visibility 0s linear;
     -webkit-transition-delay: .5s;
     transition-delay: .5s;
     visibility: hidden
 }
 
 md-tab-content>div.ng-leave {
     -webkit-animation: 1s md-tab-content-hide;
     animation: 1s md-tab-content-hide
 }
 
 md-ink-bar {
     left: auto;
     right: auto;
     bottom: 0;
     height: 2px
 }
 
 md-ink-bar.md-left {
     -webkit-transition: left 125ms cubic-bezier(.35, 0, .25, 1), right .25s cubic-bezier(.35, 0, .25, 1);
     transition: left 125ms cubic-bezier(.35, 0, .25, 1), right .25s cubic-bezier(.35, 0, .25, 1)
 }
 
 md-ink-bar.md-right {
     -webkit-transition: left .25s cubic-bezier(.35, 0, .25, 1), right 125ms cubic-bezier(.35, 0, .25, 1);
     transition: left .25s cubic-bezier(.35, 0, .25, 1), right 125ms cubic-bezier(.35, 0, .25, 1)
 }
 
 md-tab {
     z-index: -1;
     left: -9999px
 }
 
 .md-tab {
     text-align: center;
     line-height: 24px;
     padding: 12px 24px;
     -webkit-transition: background-color .35s cubic-bezier(.35, 0, .25, 1);
     transition: background-color .35s cubic-bezier(.35, 0, .25, 1);
     cursor: pointer;
     white-space: nowrap;
     position: relative;
     float: left;
     font-weight: 500;
     overflow: hidden;
     text-overflow: ellipsis
 }
 
 .md-tab.md-focused {
     box-shadow: none
 }
 
 .md-tab.md-active {
     cursor: default
 }
 
 .md-tab.md-disabled {
     pointer-events: none;
     -ms-touch-action: pan-y;
     touch-action: pan-y;
     user-select: none;
     -webkit-user-drag: none;
     opacity: .5;
     cursor: default
 }
 
 .md-tab.ng-leave {
     -webkit-transition: none;
     transition: none
 }
 
 md-toolbar+md-tabs {
     border-top-left-radius: 0;
     border-top-right-radius: 0
 }
 
 md-switch {
     display: -ms-flexbox;
     display: flex;
     -ms-flex-align: center;
     -webkit-box-align: center;
     align-items: center;
     margin: 15px;
     white-space: nowrap;
     cursor: pointer;
     user-select: none
 }
 
 md-switch .md-container {
     cursor: -webkit-grab;
     cursor: grab;
     width: 36px;
     height: 24px;
     position: relative;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     margin-right: 8px
 }
 
 md-switch:not([disabled]) .md-dragging,
 md-switch:not([disabled]).md-dragging .md-container {
     cursor: -webkit-grabbing;
     cursor: grabbing
 }
 
 md-switch.md-focused:not([disabled]) .md-thumb:before {
     left: -8px;
     top: -8px;
     right: -8px;
     bottom: -8px
 }
 
 md-switch.md-focused:not([disabled]):not(.md-checked) .md-thumb:before {
     background-color: rgba(0, 0, 0, .12)
 }
 
 md-switch .md-label {
     border-color: transparent;
     border-width: 0
 }
 
 md-switch .md-bar {
     left: 1px;
     width: 34px;
     top: 5px;
     height: 14px;
     border-radius: 8px;
     position: absolute
 }
 
 md-switch .md-thumb-container {
     top: 2px;
     left: 0;
     width: 16px;
     position: absolute;
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
     z-index: 1
 }
 
 md-switch .md-thumb,
 md-switch .md-thumb:before {
     border-radius: 50%;
     left: 0;
     top: 0;
     position: absolute
 }
 
 md-switch.md-checked .md-thumb-container {
     -webkit-transform: translate3d(100%, 0, 0);
     transform: translate3d(100%, 0, 0)
 }
 
 md-switch .md-thumb {
     margin: 0;
     height: 20px;
     width: 20px;
     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-switch .md-thumb:before {
     background-color: transparent;
     display: block;
     height: auto;
     right: 0;
     bottom: 0;
     -webkit-transition: all .5s;
     transition: all .5s;
     width: auto
 }
 
 md-switch .md-thumb .md-ripple-container {
     position: absolute;
     display: block;
     width: auto;
     height: auto;
     left: -20px;
     top: -20px;
     right: -20px;
     bottom: -20px
 }
 
 md-switch:not(.md-dragging) .md-bar,
 md-switch:not(.md-dragging) .md-thumb,
 md-switch:not(.md-dragging) .md-thumb-container {
     -webkit-transition: all .08s linear;
     transition: all .08s linear;
     -webkit-transition-property: background-color, -webkit-transform;
     transition-property: background-color, -webkit-transform;
     transition-property: transform, background-color;
     transition-property: transform, background-color, -webkit-transform
 }
 
 md-switch:not(.md-dragging) .md-bar,
 md-switch:not(.md-dragging) .md-thumb {
     -webkit-transition-delay: .05s;
     transition-delay: .05s
 }
 
 md-toast {
     display: -ms-flexbox;
     display: flex;
     position: absolute;
     z-index: 90;
     -ms-flex-align: center;
     -webkit-box-align: center;
     align-items: center;
     min-height: 48px;
     padding-left: 24px;
     padding-right: 24px;
     box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26);
     border-radius: 2px;
     cursor: default;
     height: 0;
     max-height: 168px;
     max-width: 100%;
     overflow: hidden;
     opacity: 1;
     -webkit-transform: translate3d(0, 0, 0) rotateZ(0);
     transform: translate3d(0, 0, 0) rotateZ(0);
     -webkit-transition: all .4s cubic-bezier(.25, .8, .25, 1);
     transition: all .4s cubic-bezier(.25, .8, .25, 1)
 }
 
 .md-toolbar-tools,
 md-toolbar {
     font-size: 20px;
     display: -ms-flexbox;
     display: -webkit-box;
     -webkit-box-direction: normal;
     box-sizing: border-box
 }
 
 md-toast.md-capsule {
     border-radius: 24px
 }
 
 md-toast.ng-leave-active {
     -webkit-transition: all .3s cubic-bezier(.55, 0, .55, .2);
     transition: all .3s cubic-bezier(.55, 0, .55, .2)
 }
 
 md-toast.md-swipedown,
 md-toast.md-swipeleft,
 md-toast.md-swiperight,
 md-toast.md-swipeup {
     -webkit-transition: all .4s cubic-bezier(.25, .8, .25, 1);
     transition: all .4s cubic-bezier(.25, .8, .25, 1)
 }
 
 md-toast.ng-enter {
     -webkit-transform: translate3d(0, 100%, 0);
     transform: translate3d(0, 100%, 0);
     opacity: 0
 }
 
 md-toast.ng-enter.md-top {
     -webkit-transform: translate3d(0, -100%, 0);
     transform: translate3d(0, -100%, 0)
 }
 
 md-toast.ng-enter.ng-enter-active {
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
     opacity: 1
 }
 
 md-toast.ng-leave.ng-leave-active {
     opacity: 0;
     -webkit-transform: translate3d(0, 100%, 0);
     transform: translate3d(0, 100%, 0)
 }
 
 md-toast.ng-leave.ng-leave-active.md-top {
     -webkit-transform: translate3d(0, -100%, 0);
     transform: translate3d(0, -100%, 0)
 }
 
 md-toast.ng-leave.ng-leave-active.md-swipeleft {
     -webkit-transform: translate3d(-100%, 0, 0);
     transform: translate3d(-100%, 0, 0)
 }
 
 md-toast.ng-leave.ng-leave-active.md-swiperight {
     -webkit-transform: translate3d(100%, 0, 0);
     transform: translate3d(100%, 0, 0)
 }
 
 md-toast .md-action {
     line-height: 19px;
     margin-left: 24px;
     cursor: pointer;
     float: right
 }
 
 md-toast .md-action.md-button {
     min-width: 0
 }
 
 @media (max-width:600px) {
     md-toast {
         left: 0;
         right: 0;
         width: 100%;
         max-width: 100%;
         min-width: 0;
         border-radius: 0;
         bottom: 0
     }
     md-toast.md-top {
         bottom: auto;
         top: 0
     }
 }
 
 @media (min-width:600px) {
     md-toast {
         min-width: 288px
     }
     md-toast.md-bottom {
         bottom: 8px
     }
     md-toast.md-left {
         left: 8px
     }
     md-toast.md-right {
         right: 8px
     }
     md-toast.md-top {
         top: 8px
     }
     md-toast.ng-leave.ng-leave-active.md-swipeleft {
         -webkit-transform: translate3d(-100%, 25%, 0) rotateZ(-15deg);
         transform: translate3d(-100%, 25%, 0) rotateZ(-15deg)
     }
     md-toast.ng-leave.ng-leave-active.md-swiperight {
         -webkit-transform: translate3d(100%, 25%, 0) rotateZ(15deg);
         transform: translate3d(100%, 25%, 0) rotateZ(15deg)
     }
     md-toast.ng-leave.ng-leave-active.md-top.md-swipeleft {
         -webkit-transform: translate3d(-100%, 0, 0) rotateZ(-15deg);
         transform: translate3d(-100%, 0, 0) rotateZ(-15deg)
     }
     md-toast.ng-leave.ng-leave-active.md-top.md-swiperight {
         -webkit-transform: translate3d(100%, 0, 0) rotateZ(15deg);
         transform: translate3d(100%, 0, 0) rotateZ(15deg)
     }
 }
 
 @media (min-width:1200px) {
     md-toast {
         max-width: 568px
     }
 }
 
 md-toolbar {
     display: flex;
     -ms-flex-direction: column;
     -webkit-box-orient: vertical;
     flex-direction: column;
     position: relative;
     z-index: 2;
     min-height: 64px;
     width: 100%
 }
 
 md-toolbar.md-whiteframe-z1-add,
 md-toolbar.md-whiteframe-z1-remove {
     -webkit-transition: box-shadow .5s linear;
     transition: box-shadow .5s linear
 }
 
 md-toolbar md-toolbar-filler {
     width: 72px
 }
 
 md-toolbar *,
 md-toolbar:after,
 md-toolbar:before {
     box-sizing: border-box
 }
 
 md-toolbar.md-tall {
     height: 128px;
     min-height: 128px;
     max-height: 128px
 }
 
 md-toolbar.md-medium-tall {
     height: 88px;
     min-height: 88px;
     max-height: 88px
 }
 
 md-toolbar.md-medium-tall .md-toolbar-tools {
     height: 48px;
     min-height: 48px;
     max-height: 48px
 }
 
 md-toolbar>.md-indent {
     margin-left: 64px
 }
 
 md-toolbar~md-content>md-list {
     padding: 0
 }
 
 md-toolbar~md-content>md-list md-list-item:last-child md-divider {
     display: none
 }
 
 .md-toolbar-tools {
     letter-spacing: .005em;
     font-weight: 400;
     display: flex;
     -ms-flex-align: center;
     -webkit-box-align: center;
     align-items: center;
     -ms-flex-direction: row;
     -webkit-box-orient: horizontal;
     flex-direction: row;
     width: 100%;
     height: 64px;
     max-height: 64px;
     padding: 0 16px;
     margin: 0
 }
 
 .md-toolbar-tools h1,
 .md-toolbar-tools h2,
 .md-toolbar-tools h3 {
     font-size: inherit;
     font-weight: inherit;
     margin: inherit
 }
 
 .md-toolbar-tools a {
     color: inherit
 }
 
 .md-toolbar-tools .fill-height {
     display: -ms-flexbox;
     display: -webkit-box;
     display: flex;
     -ms-flex-align: center;
     -webkit-box-align: center;
     align-items: center
 }
 
 .md-toolbar-tools .md-button {
     margin-top: 0;
     margin-bottom: 0
 }
 
 .md-toolbar-tools>.md-button:first-child {
     margin-left: -8px
 }
 
 .md-toolbar-tools>.md-button:last-child,
 .md-toolbar-tools>md-menu:last-child {
     margin-right: -8px
 }
 
 .md-toolbar-tools>md-menu:last-child>.md-button {
     margin-right: 0
 }
 
 @media screen and (-ms-high-contrast:active) {
     md-switch.md-default-theme .md-bar {
         background-color: #666
     }
     md-switch.md-default-theme.md-checked .md-bar {
         background-color: #9E9E9E
     }
     md-switch.md-default-theme .md-thumb {
         background-color: #fff
     }
     md-toast {
         border: 1px solid #fff
     }
     .md-toolbar-tools {
         border-bottom: 1px solid #fff
     }
 }
 
 @media only screen and (min-width:0) and (max-width:600px) and (orientation:portrait) {
     md-toolbar {
         min-height: 56px
     }
     .md-toolbar-tools {
         height: 56px;
         max-height: 56px
     }
 }
 
 @media only screen and (min-width:0) and (max-width:600px) and (orientation:landscape) {
     md-toolbar {
         min-height: 48px
     }
     .md-toolbar-tools {
         height: 48px;
         max-height: 48px
     }
 }
 
 md-tooltip {
     position: absolute;
     z-index: 100;
     overflow: hidden;
     pointer-events: none;
     border-radius: 4px;
     font-weight: 500;
     font-size: 14px
 }
 
 md-tooltip .md-background {
     position: absolute;
     border-radius: 50%;
     transform: translate(-50%, -50%) scale(0);
     opacity: 1
 }
 
 md-tooltip .md-background.md-show-add {
     -webkit-transition: all .4s cubic-bezier(.25, .8, .25, 1);
     transition: all .4s cubic-bezier(.25, .8, .25, 1);
     -webkit-transform: translate(-50%, -50%) scale(0);
     transform: translate(-50%, -50%) scale(0);
     opacity: 0
 }
 
 md-tooltip .md-background.md-show,
 md-tooltip .md-background.md-show-add-active {
     -webkit-transform: translate(-50%, -50%) scale(1);
     transform: translate(-50%, -50%) scale(1);
     opacity: 1
 }
 
 md-tooltip .md-background.md-show-remove {
     -webkit-transition: all .3s cubic-bezier(.55, 0, .55, .2);
     transition: all .3s cubic-bezier(.55, 0, .55, .2)
 }
 
 md-tooltip .md-background.md-show-remove.md-show-remove-active {
     -webkit-transform: translate(-50%, -50%) scale(0);
     transform: translate(-50%, -50%) scale(0);
     opacity: 0
 }
 
 md-tooltip .md-content {
     position: relative;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     background: 0 0;
     opacity: 0;
     height: 32px;
     line-height: 32px;
     padding-left: 16px;
     padding-right: 16px
 }
 
 @media screen and (min-width:600px) {
     md-tooltip {
         font-size: 10px
     }
     md-tooltip .md-content {
         height: 22px;
         line-height: 22px;
         padding-left: 8px;
         padding-right: 8px
     }
 }
 
 md-tooltip .md-content.md-show-add {
     -webkit-transition: all .4s cubic-bezier(.25, .8, .25, 1);
     transition: all .4s cubic-bezier(.25, .8, .25, 1);
     opacity: 0
 }
 
 md-tooltip .md-content.md-show,
 md-tooltip .md-content.md-show-add-active {
     opacity: 1
 }
 
 md-tooltip .md-content.md-show-remove {
     -webkit-transition: all .3s cubic-bezier(.55, 0, .55, .2);
     transition: all .3s cubic-bezier(.55, 0, .55, .2)
 }
 
 md-tooltip .md-content.md-show-remove.md-show-remove-active {
     opacity: 0
 }
 
 md-tooltip.md-hide {
     -webkit-transition: all .3s cubic-bezier(.55, 0, .55, .2);
     transition: all .3s cubic-bezier(.55, 0, .55, .2)
 }
 
 md-tooltip.md-show {
     -webkit-transition: all .4s cubic-bezier(.25, .8, .25, 1);
     transition: all .4s cubic-bezier(.25, .8, .25, 1);
     pointer-events: auto;
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0)
 }
 
 .md-virtual-repeat-container {
     box-sizing: border-box;
     display: block;
     margin: 0;
     overflow: hidden;
     padding: 0;
     position: relative
 }
 
 .md-virtual-repeat-container .md-virtual-repeat-offsetter,
 .md-virtual-repeat-container .md-virtual-repeat-scroller {
     box-sizing: border-box;
     left: 0;
     margin: 0;
     padding: 0;
     position: absolute;
     right: 0;
     top: 0
 }
 
 .md-virtual-repeat-container .md-virtual-repeat-scroller {
     bottom: 0;
     overflow-x: hidden
 }
 
 .md-virtual-repeat-container .md-virtual-repeat-sizer {
     box-sizing: border-box;
     height: 1px;
     display: block;
     margin: 0;
     padding: 0;
     width: 1px
 }
 
 .md-virtual-repeat-container.md-orient-horizontal .md-virtual-repeat-scroller {
     overflow-x: auto;
     overflow-y: hidden
 }
 
 .md-virtual-repeat-container.md-orient-horizontal .md-virtual-repeat-offsetter {
     bottom: 16px;
     right: auto;
     white-space: nowrap
 }
 
 .md-whiteframe-1dp,
 .md-whiteframe-z1 {
     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-whiteframe-2dp {
     box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .12)
 }
 
 .md-whiteframe-3dp {
     box-shadow: 0 1px 8px 0 rgba(0, 0, 0, .2), 0 3px 4px 0 rgba(0, 0, 0, .14), 0 3px 3px -2px rgba(0, 0, 0, .12)
 }
 
 .md-whiteframe-4dp,
 .md-whiteframe-z2 {
     box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12)
 }
 
 .md-whiteframe-5dp {
     box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 5px 8px 0 rgba(0, 0, 0, .14), 0 1px 14px 0 rgba(0, 0, 0, .12)
 }
 
 .md-whiteframe-6dp {
     box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12)
 }
 
 .md-whiteframe-7dp,
 .md-whiteframe-z3 {
     box-shadow: 0 4px 5px -2px rgba(0, 0, 0, .2), 0 7px 10px 1px rgba(0, 0, 0, .14), 0 2px 16px 1px rgba(0, 0, 0, .12)
 }
 
 .md-whiteframe-8dp {
     box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12)
 }
 
 .md-whiteframe-9dp {
     box-shadow: 0 5px 6px -3px rgba(0, 0, 0, .2), 0 9px 12px 1px rgba(0, 0, 0, .14), 0 3px 16px 2px rgba(0, 0, 0, .12)
 }
 
 .md-whiteframe-10dp,
 .md-whiteframe-z4 {
     box-shadow: 0 6px 6px -3px rgba(0, 0, 0, .2), 0 10px 14px 1px rgba(0, 0, 0, .14), 0 4px 18px 3px rgba(0, 0, 0, .12)
 }
 
 .md-whiteframe-11dp {
     box-shadow: 0 6px 7px -4px rgba(0, 0, 0, .2), 0 11px 15px 1px rgba(0, 0, 0, .14), 0 4px 20px 3px rgba(0, 0, 0, .12)
 }
 
 .md-whiteframe-12dp {
     box-shadow: 0 7px 8px -4px rgba(0, 0, 0, .2), 0 12px 17px 2px rgba(0, 0, 0, .14), 0 5px 22px 4px rgba(0, 0, 0, .12)
 }
 
 .md-whiteframe-13dp,
 .md-whiteframe-z5 {
     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)
 }
 
 .md-whiteframe-14dp {
     box-shadow: 0 7px 9px -4px rgba(0, 0, 0, .2), 0 14px 21px 2px rgba(0, 0, 0, .14), 0 5px 26px 4px rgba(0, 0, 0, .12)
 }
 
 .md-whiteframe-15dp {
     box-shadow: 0 8px 9px -5px rgba(0, 0, 0, .2), 0 15px 22px 2px rgba(0, 0, 0, .14), 0 6px 28px 5px rgba(0, 0, 0, .12)
 }
 
 .md-whiteframe-16dp {
     box-shadow: 0 8px 10px -5px rgba(0, 0, 0, .2), 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12)
 }
 
 .md-whiteframe-17dp {
     box-shadow: 0 8px 11px -5px rgba(0, 0, 0, .2), 0 17px 26px 2px rgba(0, 0, 0, .14), 0 6px 32px 5px rgba(0, 0, 0, .12)
 }
 
 .md-whiteframe-18dp {
     box-shadow: 0 9px 11px -5px rgba(0, 0, 0, .2), 0 18px 28px 2px rgba(0, 0, 0, .14), 0 7px 34px 6px rgba(0, 0, 0, .12)
 }
 
 .md-whiteframe-19dp {
     box-shadow: 0 9px 12px -6px rgba(0, 0, 0, .2), 0 19px 29px 2px rgba(0, 0, 0, .14), 0 7px 36px 6px rgba(0, 0, 0, .12)
 }
 
 .md-whiteframe-20dp {
     box-shadow: 0 10px 13px -6px rgba(0, 0, 0, .2), 0 20px 31px 3px rgba(0, 0, 0, .14), 0 8px 38px 7px rgba(0, 0, 0, .12)
 }
 
 .md-whiteframe-21dp {
     box-shadow: 0 10px 13px -6px rgba(0, 0, 0, .2), 0 21px 33px 3px rgba(0, 0, 0, .14), 0 8px 40px 7px rgba(0, 0, 0, .12)
 }
 
 .md-whiteframe-22dp {
     box-shadow: 0 10px 14px -6px rgba(0, 0, 0, .2), 0 22px 35px 3px rgba(0, 0, 0, .14), 0 8px 42px 7px rgba(0, 0, 0, .12)
 }
 
 .md-whiteframe-23dp {
     box-shadow: 0 11px 14px -7px rgba(0, 0, 0, .2), 0 23px 36px 3px rgba(0, 0, 0, .14), 0 9px 44px 8px rgba(0, 0, 0, .12)
 }
 
 .md-whiteframe-24dp {
     box-shadow: 0 11px 15px -7px rgba(0, 0, 0, .2), 0 24px 38px 3px rgba(0, 0, 0, .14), 0 9px 46px 8px rgba(0, 0, 0, .12)
 }
 
 @media screen and (-ms-high-contrast:active) {
     md-whiteframe {
         border: 1px solid #fff
     }
 }
 
 @media (max-width: 700px) {
     .form-container {
         margin: 0 auto;
         width: 100%;
         text-align: left;
     }
 }
 
 md-autocomplete,
 md-autocomplete md-autocomplete-wrap {
     display: block;
     position: relative;
     overflow: visible;
     height: 40px
 }
 
 @-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;
     min-width: 190px
 }
 
 md-autocomplete[disabled] input {
     cursor: not-allowed
 }
 
 .md-autocomplete-suggestions li:not(.md-not-found-wrapper),
 .md-button,
 md-bottom-sheet md-list-item:hover,
 md-checkbox {
     cursor: pointer
 }
 
 md-autocomplete[md-floating-label] {
     border-radius: 0;
     background: 0 0;
     height: auto
 }
 
 md-autocomplete[md-floating-label] md-input-container {
     padding-bottom: 26px
 }
 
 md-autocomplete[md-floating-label] md-input-container.md-input-has-messages {
     padding-bottom: 2px
 }
 
 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.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-mode-indeterminate {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 3px;
     -webkit-transition: none;
     transition: none
 }
 
 md-autocomplete md-autocomplete-wrap md-progress-linear .md-mode-indeterminate .md-container {
     -webkit-transition: none;
     transition: none;
     height: 3px
 }
 
 md-autocomplete md-autocomplete-wrap md-progress-linear .md-mode-indeterminate.ng-enter {
     -webkit-transition: opacity .15s linear;
     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 {
     -webkit-transition: opacity .15s linear;
     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;
     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-suggestions li,
 .md-button {
     font-size: 14px;
     white-space: nowrap;
     overflow: hidden
 }
 
 md-autocomplete button:after {
     position: absolute;
     top: -6px;
     right: -6px;
     bottom: -6px;
     left: -6px;
     border-radius: 50%;
     -webkit-transform: scale(0);
     transform: scale(0);
     opacity: 0;
     -webkit-transition: all .4s cubic-bezier(.25, .8, .25, 1);
     transition: all .4s cubic-bezier(.25, .8, .25, 1)
 }
 
 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);
     -webkit-transition: -webkit-transform .15s ease-out;
     transition: transform .15s ease-out;
     transition: transform .15s ease-out, -webkit-transform .15s ease-out
 }
 
 md-autocomplete button.ng-enter.ng-enter-active {
     -webkit-transform: scale(1);
     transform: scale(1)
 }
 
 md-autocomplete button.ng-leave {
     -webkit-transition: -webkit-transform .15s ease-out;
     transition: transform .15s ease-out;
     transition: transform .15s ease-out, -webkit-transform .15s ease-out
 }
 
 md-autocomplete button.ng-leave.ng-leave-active {
     -webkit-transform: scale(0);
     transform: scale(0)
 }
 
 .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-button.md-fab,
 .md-button.md-raised:not([disabled]),
 .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-autocomplete-suggestions {
     margin: 0;
     list-style: none;
     padding: 0
 }
 
 .md-autocomplete-suggestions li {
     padding: 0 15px;
     line-height: 48px;
     height: 48px;
     -webkit-transition: background .15s linear;
     transition: background .15s linear;
     margin: 0;
     text-overflow: ellipsis
 }
 
 @media screen and (-ms-high-contrast:active) {
     .md-autocomplete-suggestions,
     md-autocomplete,
     md-autocomplete input {
         border: 1px solid #fff
     }
     md-autocomplete li:focus {
         color: #fff
     }
 }
 
 md-backdrop {
     -webkit-transition: opacity 450ms;
     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: 98
 }
 
 md-backdrop.md-select-backdrop {
     z-index: 81;
     -webkit-transition-duration: 0;
     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;
     -webkit-transition: opacity .4s;
     transition: opacity .4s
 }
 
 md-backdrop.md-opaque.ng-leave.md-opaque.ng-leave-active {
     opacity: 0
 }
 
 button.md-button::-moz-focus-inner {
     border: 0
 }
 
 .md-button {
     letter-spacing: .01em;
     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;
     border: 0;
     display: inline-block;
     -ms-flex-align: center;
     -webkit-box-align: center;
     -ms-grid-row-align: center;
     align-items: center;
     padding: 0 6px;
     margin: 6px 8px;
     line-height: 36px;
     min-height: 36px;
     background: 0 0;
     min-width: 88px;
     text-align: center;
     text-transform: uppercase;
     font-weight: 500;
     font-style: inherit;
     font-variant: inherit;
     font-family: inherit;
     -webkit-transition: box-shadow .4s cubic-bezier(.25, .8, .25, 1), background-color .4s cubic-bezier(.25, .8, .25, 1);
     transition: box-shadow .4s cubic-bezier(.25, .8, .25, 1), background-color .4s cubic-bezier(.25, .8, .25, 1)
 }
 
 .md-chips,
 md-bottom-sheet .md-subheader {
     font-family: Roboto, 'Helvetica Neue', sans-serif
 }
 
 .md-button.ng-hide,
 .md-button.ng-leave {
     -webkit-transition: none;
     transition: none
 }
 
 .md-button.md-cornered {
     border-radius: 0
 }
 
 .md-button.md-icon {
     padding: 0;
     background: 0 0
 }
 
 .md-button.md-icon-button {
     margin: 0 6px;
     height: 48px;
     min-width: 0;
     line-height: 48px;
     padding-left: 0;
     padding-right: 0;
     width: 48px;
     border-radius: 50%
 }
 
 .md-button.md-icon-button .md-ripple-container {
     border-radius: 50%;
     overflow: hidden
 }
 
 .md-button.md-fab {
     z-index: 20;
     line-height: 56px;
     min-width: 0;
     width: 56px;
     height: 56px;
     vertical-align: middle;
     border-radius: 50%;
     background-clip: padding-box;
     overflow: hidden;
     -webkit-transition: .2s linear;
     transition: .2s linear;
     -webkit-transition-property: background-color, box-shadow;
     transition-property: background-color, box-shadow
 }
 
 md-bottom-sheet,
 md-dialog.md-transition-in {
     -webkit-transition: all .4s cubic-bezier(.25, .8, .25, 1)
 }
 
 .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%;
     overflow: hidden
 }
 
 .md-button.md-fab.md-mini {
     line-height: 40px;
     width: 40px;
     height: 40px
 }
 
 .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;
     overflow: hidden
 }
 
 .md-toast-open-top .md-button.md-fab-top-left,
 .md-toast-open-top .md-button.md-fab-top-right {
     -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 {
     -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: -ms-flexbox;
     display: -webkit-box;
     display: flex;
     -ms-flex: 1;
     -webkit-box-flex: 1;
     flex: 1;
     width: 100%
 }
 
 .md-button-group>.md-button {
     -ms-flex: 1;
     -webkit-box-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-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);
     -webkit-transition-property: -webkit-transform;
     transition-property: transform;
     transition-property: transform, -webkit-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;
     -webkit-transition: all .3s cubic-bezier(.55, 0, .55, .2);
     transition: all .3s cubic-bezier(.55, 0, .55, .2)
 }
 
 md-bottom-sheet .md-subheader {
     background-color: transparent;
     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: -ms-flexbox;
     display: -webkit-box;
     display: flex
 }
 
 md-bottom-sheet.md-list md-list-item {
     padding: 0;
     -ms-flex-align: center;
     -webkit-box-align: center;
     -ms-grid-row-align: center;
     align-items: center;
     height: 48px
 }
 
 md-bottom-sheet.md-list md-list-item div.md-icon-container {
     display: inline-block;
     height: 24px;
     margin-right: 32px
 }
 
 md-bottom-sheet.md-grid {
     padding-left: 24px;
     padding-right: 24px;
     padding-top: 0
 }
 
 md-bottom-sheet.md-grid md-list {
     display: -ms-flexbox;
     display: -webkit-box;
     display: flex;
     -ms-flex-direction: row;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
     flex-direction: row;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-transition: all .5s;
     transition: all .5s;
     -ms-flex-align: center;
     -webkit-box-align: center;
     align-items: center
 }
 
 md-bottom-sheet.md-grid md-list-item {
     -ms-flex-direction: column;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     flex-direction: column;
     -ms-flex-align: center;
     -webkit-box-align: center;
     -ms-grid-row-align: center;
     align-items: center;
     -webkit-transition: all .5s;
     transition: all .5s;
     height: 96px;
     margin-top: 8px;
     margin-bottom: 8px
 }
 
 @media screen and (max-width:600px) {
     md-bottom-sheet.md-grid md-list-item {
         -ms-flex: 1 1 33.33333%;
         -webkit-box-flex: 1;
         flex: 1 1 33.33333%;
         max-width: 33.33333%
     }
     md-bottom-sheet.md-grid md-list-item:nth-of-type(3n+1) {
         -ms-flex-align: start;
         -webkit-box-align: start;
         -ms-grid-row-align: flex-start;
         align-items: flex-start
     }
     md-bottom-sheet.md-grid md-list-item:nth-of-type(3n) {
         -ms-flex-align: end;
         -webkit-box-align: end;
         -ms-grid-row-align: flex-end;
         align-items: flex-end
     }
 }
 
 @media screen and (min-width:600px) and (max-width:960px) {
     md-bottom-sheet.md-grid md-list-item {
         -ms-flex: 1 1 25%;
         -webkit-box-flex: 1;
         flex: 1 1 25%;
         max-width: 25%
     }
 }
 
 @media screen and (min-width:960px) and (max-width:1200px) {
     md-bottom-sheet.md-grid md-list-item {
         -ms-flex: 1 1 16.66667%;
         -webkit-box-flex: 1;
         flex: 1 1 16.66667%;
         max-width: 16.66667%
     }
 }
 
 @media screen and (min-width:1200px) {
     md-bottom-sheet.md-grid md-list-item {
         -ms-flex: 1 1 14.28571%;
         -webkit-box-flex: 1;
         flex: 1 1 14.28571%;
         max-width: 14.28571%
     }
 }
 
 md-bottom-sheet.md-grid md-list-item .md-list-item-content {
     display: -ms-flexbox;
     display: -webkit-box;
     display: flex;
     -ms-flex-direction: column;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     flex-direction: column;
     -ms-flex-align: center;
     -webkit-box-align: center;
     align-items: center;
     width: 48px;
     padding-bottom: 16px
 }
 
 md-bottom-sheet.md-grid md-list-item .md-grid-item-content,
 md-card {
     display: -ms-flexbox;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal
 }
 
 md-bottom-sheet.md-grid md-list-item .md-grid-item-content {
     border: 1px solid transparent;
     display: flex;
     -ms-flex-direction: column;
     flex-direction: column;
     -ms-flex-align: center;
     -webkit-box-align: center;
     align-items: center;
     width: 80px
 }
 
 md-card,
 md-dialog {
     -ms-flex-direction: column
 }
 
 md-bottom-sheet.md-grid md-list-item .md-icon-container {
     display: inline-block;
     box-sizing: border-box;
     height: 48px;
     width: 48px;
     margin: 0
 }
 
 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
 }
 
 md-card {
     box-sizing: border-box;
     display: flex;
     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-chips .md-chip-input-container md-autocomplete,
 .md-chips .md-chip-input-container md-autocomplete md-autocomplete-wrap {
     box-shadow: none
 }
 
 md-card>:not(md-card-content) img,
 md-card>img {
     display: -ms-flexbox;
     display: -webkit-box;
     display: flex;
     -ms-flex: 0 0 auto;
     -webkit-box-flex: 0;
     flex: 0 0 auto;
     width: 100%;
     height: auto
 }
 
 md-card md-card-content {
     padding: 16px
 }
 
 md-card .md-actions {
     margin: 0
 }
 
 md-card .md-actions .md-button {
     margin: 8px 4px
 }
 
 @media screen and (-ms-high-contrast:active) {
     md-bottom-sheet,
     md-card {
         border: 1px solid #fff
     }
 }
 
 md-checkbox {
     box-sizing: border-box;
     display: block;
     margin: 8px;
     white-space: nowrap;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     padding-left: 18px;
     padding-right: 0;
     position: relative;
     line-height: 26px;
     min-width: 18px;
     min-height: 18px
 }
 
 body[dir=rtl] md-checkbox,
 html[dir=rtl] md-checkbox {
     padding-left: 0;
     padding-right: 18px;
     unicode-bidi: embed
 }
 
 md-checkbox bdo[dir=rtl] {
     direction: rtl;
     unicode-bidi: bidi-override
 }
 
 md-checkbox bdo[dir=ltr] {
     direction: ltr;
     unicode-bidi: bidi-override
 }
 
 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-container {
     position: absolute;
     top: 50%;
     -webkit-transform: translateY(-50%);
     transform: translateY(-50%);
     box-sizing: border-box;
     display: inline-block;
     width: 18px;
     height: 18px;
     left: 0;
     right: auto
 }
 
 body[dir=rtl] md-checkbox .md-container,
 html[dir=rtl] md-checkbox .md-container {
     left: auto;
     right: 0;
     unicode-bidi: embed
 }
 
 md-checkbox .md-container bdo[dir=rtl] {
     direction: rtl;
     unicode-bidi: bidi-override
 }
 
 md-checkbox .md-container bdo[dir=ltr] {
     direction: ltr;
     unicode-bidi: bidi-override
 }
 
 md-checkbox .md-container:before {
     box-sizing: border-box;
     background-color: transparent;
     border-radius: 50%;
     position: absolute;
     display: block;
     height: auto;
     left: 0;
     top: 0;
     right: 0;
     bottom: 0;
     -webkit-transition: all .5s;
     transition: all .5s;
     width: auto
 }
 
 md-checkbox .md-container:after {
     box-sizing: border-box;
     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-align-top-left>div.md-container {
     top: 12px
 }
 
 md-checkbox .md-icon {
     box-sizing: border-box;
     -webkit-transition: 240ms;
     transition: 240ms;
     position: absolute;
     top: 0;
     left: 0;
     width: 18px;
     height: 18px;
     border-width: 2px;
     border-style: solid;
     border-radius: 2px
 }
 
 md-checkbox.md-checked .md-icon {
     border: none
 }
 
 md-checkbox[disabled] {
     cursor: no-drop
 }
 
 md-checkbox.md-checked .md-icon:after {
     box-sizing: border-box;
     -webkit-transform: rotate(45deg);
     transform: rotate(45deg);
     position: absolute;
     left: 6px;
     top: 2px;
     display: table;
     width: 6px;
     height: 12px;
     border-width: 2px;
     border-style: solid;
     border-top: 0;
     border-left: 0
 }
 
 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: 10px;
     margin-right: 0
 }
 
 md-calendar,
 md-option .md-text {
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none
 }
 
 body[dir=rtl] md-checkbox .md-label,
 html[dir=rtl] md-checkbox .md-label {
     margin-left: 0;
     margin-right: 10px;
     unicode-bidi: embed
 }
 
 md-checkbox .md-label bdo[dir=rtl] {
     direction: rtl;
     unicode-bidi: bidi-override
 }
 
 md-checkbox .md-label bdo[dir=ltr] {
     direction: ltr;
     unicode-bidi: bidi-override
 }
 
 .md-contact-chips .md-chips .md-chip {
     padding: 0 25px 0 0
 }
 
 .md-contact-chips .md-chips .md-chip .md-contact-avatar {
     float: left
 }
 
 .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
 }
 
 .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
 }
 
 .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-size: 16px;
     padding: 0 0 8px 3px;
     vertical-align: middle
 }
 
 .md-chips:after {
     display: table;
     clear: both
 }
 
 .md-chips:not(.md-readonly) {
     cursor: text
 }
 
 .md-chips:not(.md-readonly) .md-chip {
     padding-right: 22px
 }
 
 .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
 }
 
 .md-chips .md-chip .md-chip-content {
     display: block;
     padding-right: 4px;
     float: left;
     white-space: nowrap;
     max-width: 100%;
     overflow: hidden;
     text-overflow: ellipsis
 }
 
 .md-chips .md-chip .md-chip-remove-container {
     position: absolute;
     right: 0;
     line-height: 22px
 }
 
 .md-chips .md-chip-input-container input,
 .md-chips .md-chip-input-container input:not([type]),
 .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],
 .md-chips .md-chip-input-container input[type=text],
 .md-chips .md-chip-input-container input[type=url] {
     line-height: 32px;
     border: 0;
     height: 32px;
     padding: 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 md-autocomplete input,
 md-content {
     position: relative
 }
 
 .md-chips .md-chip-input-container {
     display: block;
     line-height: 32px;
     margin: 8px 8px 0 0;
     padding: 0 12px;
     float: left
 }
 
 .md-chips .md-chip-input-container md-autocomplete,
 .md-chips .md-chip-input-container md-autocomplete-wrap {
     background: 0 0;
     height: 32px
 }
 
 .md-chips .md-chip-input-container input {
     background: 0 0
 }
 
 .md-chips .md-chip-input-container:not(:first-child) {
     margin: 8px 8px 0 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;
     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.autoScroll {
     -webkit-overflow-scrolling: auto
 }
 
 md-calendar {
     font-size: 13px;
     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: 100%;
     width: 100%;
 }
 
 .md-calendar-date {
     height: 44px;
     width: 44px;
     text-align: center;
     padding: 0;
     border: none
 }
 
 .md-calendar-date:first-child {
     padding-left: 16px
 }
 
 .md-calendar-date:last-child {
     padding-right: 16px
 }
 
 .md-calendar-date.md-calendar-date-disabled {
     cursor: default
 }
 
 .md-calendar-date-selection-indicator {
     -webkit-transition: background-color, color .4s cubic-bezier(.25, .8, .25, 1);
     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
 }
 
 .md-calendar-day-header {
     table-layout: fixed
 }
 
 .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
 }
 
 .md-calendar-day-header th:last-child {
     padding-right: 16px
 }
 
 .md-calendar {
     table-layout: fixed
 }
 
 .md-calendar tr:last-child td {
     border-bottom-width: 1px;
     border-bottom-style: solid
 }
 
 .md-calendar:first-child {
     border-top: 1px solid transparent
 }
 
 md-datepicker {
     white-space: nowrap
 }
 
 .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;
     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
 }
 
 .md-datepicker-open .md-datepicker-triangle-button,
 .md-datepicker-pos-adjusted .md-datepicker-input-mask,
 md-datepicker[disabled] .md-datepicker-triangle-button {
     display: none
 }
 
 .md-datepicker-input-container.md-datepicker-focused {
     border-bottom-width: 2px
 }
 
 .md-datepicker-calendar-pane {
     position: absolute;
     top: 0;
     left: 0;
     z-index: 99;
     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;
     -webkit-transition: -webkit-transform .2s cubic-bezier(.25, .8, .25, 1);
     transition: transform .2s cubic-bezier(.25, .8, .25, 1);
     transition: transform .2s cubic-bezier(.25, .8, .25, 1), -webkit-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;
     display: none;
 }
 
 .md-datepicker-input-mask-opaque {
     visibility: hidden;
     position: absolute;
     right: 0;
     left: 120px;
     height: 100%
 }
 
 .md-datepicker-calendar {
     opacity: 0;
     -webkit-transition: opacity .2s cubic-bezier(.5, 0, .25, 1);
     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%)
 }
 
 .md-datepicker-triangle-button.md-button.md-icon-button {
     height: 100%;
     width: 35px;
     position: absolute;
     background: #EEE;
 }
 
 md-datepicker[disabled] .md-datepicker-input-container {
     border-bottom-color: transparent
 }
 
 .md-datepicker-open .md-datepicker-input-container {
     margin-left: -12px;
     border: none
 }
 
 .md-datepicker-open .md-datepicker-input {
     margin-left: 24px;
     height: 40px
 }
 
 .md-dialog-container,
 md-dialog {
     display: -ms-flexbox;
     display: -webkit-box
 }
 
 .md-datepicker-calendar-pane .md-calendar {
     -webkit-transform: translateY(-85px);
     transform: translateY(-85px);
     -webkit-transition: -webkit-transform .65s cubic-bezier(.25, .8, .25, 1);
     transition: transform .65s cubic-bezier(.25, .8, .25, 1);
     transition: transform .65s cubic-bezier(.25, .8, .25, 1), -webkit-transform .65s cubic-bezier(.25, .8, .25, 1);
     -webkit-transition-delay: .125s;
     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: flex;
     -ms-flex-pack: center;
     -webkit-box-pack: center;
     justify-content: center;
     -ms-flex-align: center;
     -webkit-box-align: center;
     align-items: center;
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 80;
     overflow: hidden
 }
 
 md-dialog,
 md-dialog md-dialog-content,
 md-dialog>form {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     overflow: auto
 }
 
 md-dialog {
     opacity: 0;
     min-width: 240px;
     max-width: 80%;
     max-height: 80%;
     position: relative;
     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: flex;
     flex-direction: column
 }
 
 md-dialog .md-actions,
 md-dialog>form {
     display: -ms-flexbox;
     display: -webkit-box
 }
 
 md-dialog.md-transition-in {
     opacity: 1;
     transition: all .4s cubic-bezier(.25, .8, .25, 1);
     -webkit-transform: translate3d(0, 0, 0) scale(1);
     transform: translate3d(0, 0, 0) scale(1)
 }
 
 md-dialog.md-transition-out {
     opacity: 0;
     -webkit-transition: all .4s cubic-bezier(.25, .8, .25, 1);
     transition: all .4s cubic-bezier(.25, .8, .25, 1);
     -webkit-transform: translate3d(0, 100%, 0) scale(.2);
     transform: translate3d(0, 100%, 0) scale(.2)
 }
 
 md-dialog>form {
     display: flex;
     -ms-flex-direction: column;
     flex-direction: column
 }
 
 md-dialog .md-dialog-content {
     padding: 24px
 }
 
 md-dialog md-dialog-content {
     -ms-flex-order: 1;
     -webkit-box-ordinal-group: 2;
     order: 1;
     -ms-flex-direction: column;
     flex-direction: column;
     -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 .md-subheader {
     margin: 0
 }
 
 md-dialog md-dialog-content .md-subheader.sticky-clone {
     box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .16)
 }
 
 md-dialog md-dialog-content.sticky-container {
     padding: 0
 }
 
 md-dialog md-dialog-content.sticky-container>div {
     padding: 0 24px 24px
 }
 
 md-dialog md-dialog-content .md-dialog-content-body {
     width: 100%
 }
 
 md-dialog .md-actions {
     display: flex;
     -ms-flex-order: 2;
     -webkit-box-ordinal-group: 3;
     order: 2;
     box-sizing: border-box;
     -ms-flex-align: center;
     -webkit-box-align: center;
     align-items: center;
     -ms-flex-pack: end;
     -webkit-box-pack: end;
     justify-content: flex-end;
     margin-bottom: 0;
     padding-right: 8px;
     padding-left: 16px;
     min-height: 52px;
     overflow: hidden
 }
 
 md-dialog .md-actions .md-button {
     margin: 8px 0 8px 8px
 }
 
 md-dialog.md-content-overflow .md-actions {
     border-top-width: 1px;
     border-top-style: solid
 }
 
 @media screen and (-ms-high-contrast:active) {
     md-dialog {
         border: 1px solid #fff
     }
 }
 
 md-divider {
     display: block;
     border-top-width: 1px;
     border-top-style: solid;
     margin: 0
 }
 
 md-divider[md-inset] {
     margin-left: 80px
 }
 
 md-fab-speed-dial {
     position: relative;
     display: -ms-flexbox;
     display: -webkit-box;
     display: flex;
     -ms-flex-align: center;
     -webkit-box-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) .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 {
     visibility: visible;
     -ms-flex-align: center;
     -webkit-box-align: center;
     -ms-grid-row-align: center;
     align-items: center
 }
 
 md-fab-speed-dial.md-down,
 md-fab-speed-dial.md-down md-fab-actions {
     -ms-flex-direction: column;
     -webkit-box-direction: normal;
     -webkit-box-orient: vertical
 }
 
 md-fab-speed-dial md-fab-actions {
     display: -ms-flexbox;
     display: -webkit-box;
     display: flex;
     height: auto
 }
 
 md-fab-speed-dial md-fab-actions .md-fab-action-item {
     visibility: hidden;
     -webkit-transition: all .3s cubic-bezier(.55, 0, .55, .2);
     transition: all .3s cubic-bezier(.55, 0, .55, .2)
 }
 
 md-fab-speed-dial.md-down {
     flex-direction: column
 }
 
 md-fab-speed-dial.md-down md-fab-trigger {
     -ms-flex-order: 1;
     -webkit-box-ordinal-group: 2;
     order: 1
 }
 
 md-fab-speed-dial.md-down md-fab-actions {
     flex-direction: column;
     -ms-flex-order: 2;
     -webkit-box-ordinal-group: 3;
     order: 2
 }
 
 md-fab-speed-dial.md-up {
     -ms-flex-direction: column;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     flex-direction: column
 }
 
 md-fab-speed-dial.md-up md-fab-trigger {
     -ms-flex-order: 2;
     -webkit-box-ordinal-group: 3;
     order: 2
 }
 
 md-fab-speed-dial.md-up md-fab-actions {
     -ms-flex-direction: column-reverse;
     -webkit-box-orient: vertical;
     -webkit-box-direction: reverse;
     flex-direction: column-reverse;
     -ms-flex-order: 1;
     -webkit-box-ordinal-group: 2;
     order: 1
 }
 
 md-fab-speed-dial.md-left {
     -ms-flex-direction: row;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
     flex-direction: row
 }
 
 md-fab-speed-dial.md-left md-fab-trigger {
     -ms-flex-order: 2;
     -webkit-box-ordinal-group: 3;
     order: 2
 }
 
 md-fab-speed-dial.md-left md-fab-actions {
     -ms-flex-direction: row-reverse;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: reverse;
     flex-direction: row-reverse;
     -ms-flex-order: 1;
     -webkit-box-ordinal-group: 2;
     order: 1
 }
 
 md-fab-speed-dial.md-left md-fab-actions .md-fab-action-item {
     -webkit-transition: all .3s cubic-bezier(.55, 0, .55, .2);
     transition: all .3s cubic-bezier(.55, 0, .55, .2)
 }
 
 md-fab-speed-dial.md-right {
     -ms-flex-direction: row;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
     flex-direction: row
 }
 
 md-fab-speed-dial.md-right md-fab-trigger {
     -ms-flex-order: 1;
     -webkit-box-ordinal-group: 2;
     order: 1
 }
 
 md-fab-speed-dial.md-right md-fab-actions {
     -ms-flex-direction: row;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
     flex-direction: row;
     -ms-flex-order: 2;
     -webkit-box-ordinal-group: 3;
     order: 2
 }
 
 md-fab-speed-dial.md-right md-fab-actions .md-fab-action-item {
     -webkit-transition: all .3s cubic-bezier(.55, 0, .55, .2);
     transition: all .3s cubic-bezier(.55, 0, .55, .2)
 }
 
 md-fab-speed-dial.md-scale .md-fab-action-item {
     opacity: 0;
     -webkit-transform: scale(0);
     transform: scale(0);
     -webkit-transition: all .3s cubic-bezier(.55, 0, .55, .2);
     transition: all .3s cubic-bezier(.55, 0, .55, .2);
     -webkit-transition-duration: .14286s;
     transition-duration: .14286s
 }
 
 md-grid-list {
     box-sizing: border-box;
     display: block;
     position: relative
 }
 
 md-grid-list md-grid-tile,
 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: -ms-flexbox;
     display: -webkit-box;
     display: flex;
     -ms-flex-align: center;
     -webkit-box-align: center;
     align-items: center;
     -ms-flex-pack: center;
     -webkit-box-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-header {
     display: -ms-flexbox;
     display: -webkit-box;
     display: flex;
     -ms-flex-direction: row;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
     flex-direction: row;
     -ms-flex-align: center;
     -webkit-box-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-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-header h3 {
     font-size: 14px
 }
 
 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
 }
 
 @media screen and (-ms-high-contrast:active) {
     md-grid-tile {
         border: 1px solid #fff
     }
 }
 
 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;
     -webkit-transition: all .3s cubic-bezier(.55, 0, .55, .2);
     transition: all .3s cubic-bezier(.55, 0, .55, .2)
 }
 
 md-fab-toolbar md-fab-trigger md-icon {
     position: relative;
     z-index: 22;
     opacity: 1;
     -webkit-transition: all .2s ease-in;
     transition: all .2s ease-in
 }
 
 md-fab-toolbar.md-left md-fab-trigger {
     right: 0
 }
 
 md-fab-toolbar.md-left .md-toolbar-tools {
     -ms-flex-direction: row-reverse;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: reverse;
     flex-direction: row-reverse
 }
 
 md-fab-toolbar.md-left .md-toolbar-tools>.md-button:first-child {
     margin-right: .6rem;
     margin-left: -.8rem
 }
 
 md-fab-toolbar.md-left .md-toolbar-tools>.md-button:last-child {
     margin-right: 8px
 }
 
 md-fab-toolbar.md-right md-fab-trigger {
     left: 0
 }
 
 md-fab-toolbar.md-right .md-toolbar-tools {
     -ms-flex-direction: row;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
     flex-direction: row
 }
 
 md-input-container,
 md-menu-content,
 md-select-menu,
 md-select-menu.md-reverse,
 md-sidenav {
     -webkit-box-orient: vertical
 }
 
 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);
     -webkit-transition: all .3s cubic-bezier(.55, 0, .55, .2);
     transition: all .3s cubic-bezier(.55, 0, .55, .2);
     -webkit-transition-duration: .15s;
     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-icon {
     margin: auto;
     background-repeat: no-repeat no-repeat;
     display: inline-block;
     vertical-align: middle;
     fill: currentColor;
     height: 24px;
     width: 24px
 }
 
 md-input-container.md-icon-float>md-icon+input,
 md-input-container.md-icon-float>md-icon+textarea,
 md-input-container>md-icon+input {
     margin-left: 36px
 }
 
 md-icon svg {
     pointer-events: none
 }
 
 md-icon[md-font-icon] {
     line-height: 1;
     width: auto
 }
 
 md-input-container {
     display: -ms-flexbox;
     display: -webkit-box;
     display: flex;
     position: relative;
     -ms-flex-direction: column;
     -webkit-box-direction: normal;
     flex-direction: column
 }
 
 md-input-container.md-input-has-messages {
     padding-bottom: 2px
 }
 
 md-input-container>md-icon {
     position: absolute;
     top: 5px;
     left: 2px
 }
 
 md-input-container input[type=color],
 md-input-container input[type=date],
 md-input-container input[type=datetime-local],
 md-input-container input[type=datetime],
 md-input-container input[type=email],
 md-input-container input[type=month],
 md-input-container input[type=number],
 md-input-container input[type=password],
 md-input-container input[type=search],
 md-input-container input[type=tel],
 md-input-container input[type=text],
 md-input-container input[type=time],
 md-input-container input[type=url],
 md-input-container input[type=week],
 md-input-container textarea {
     -moz-appearance: none;
     -webkit-appearance: none
 }
 
 md-input-container input[type=date],
 md-input-container input[type=datetime-local],
 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 label {
     position: relative;
     top: -2px
 }
 
 md-input-container .md-placeholder,
 md-input-container label:not(.md-no-float) {
     -ms-flex-order: 1;
     -webkit-box-ordinal-group: 2;
     order: 1;
     pointer-events: none;
     -webkit-font-smoothing: antialiased;
     padding-left: 2px;
     z-index: 1;
     -webkit-transform: translate3d(0, 28px, 0) scale(1);
     transform: translate3d(0, 28px, 0) scale(1);
     -webkit-transition: -webkit-transform cubic-bezier(.25, .8, .25, 1) .25s;
     transition: transform cubic-bezier(.25, .8, .25, 1) .25s;
     transition: transform cubic-bezier(.25, .8, .25, 1) .25s, -webkit-transform cubic-bezier(.25, .8, .25, 1) .25s;
     -webkit-transform-origin: left top;
     transform-origin: left top
 }
 
 body[dir=rtl] md-input-container .md-placeholder,
 body[dir=rtl] md-input-container label:not(.md-no-float),
 html[dir=rtl] md-input-container .md-placeholder,
 html[dir=rtl] md-input-container label:not(.md-no-float) {
     -webkit-transform-origin: right top;
     transform-origin: right top;
     unicode-bidi: embed
 }
 
 md-input-container .md-placeholder bdo[dir=rtl],
 md-input-container label:not(.md-no-float) bdo[dir=rtl] {
     direction: rtl;
     unicode-bidi: bidi-override
 }
 
 md-input-container .md-placeholder bdo[dir=ltr],
 md-input-container label:not(.md-no-float) bdo[dir=ltr] {
     direction: ltr;
     unicode-bidi: bidi-override
 }
 
 md-input-container .md-placeholder {
     position: absolute;
     top: 0;
     opacity: 0;
     -webkit-transition-property: opacity, -webkit-transform;
     transition-property: opacity, transform;
     transition-property: opacity, transform, -webkit-transform;
     -webkit-transform: translate3d(0, 30px, 0);
     transform: translate3d(0, 30px, 0)
 }
 
 md-input-container .md-placeholder.md-static {
     position: static
 }
 
 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 {
     -webkit-transition: none;
     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(:focus)::-webkit-datetime-edit-year-field {
     color: transparent
 }
 
 md-input-container .md-input {
     -ms-flex-order: 2;
     -webkit-box-ordinal-group: 3;
     order: 2;
     display: block;
     margin-top: 0;
     background: 0 0;
     padding: 2px 2px 1px;
     border-width: 0 0 1px;
     line-height: 26px;
     -ms-flex-preferred-size: 26px;
     border-radius: 0;
     border-style: solid;
     width: auto
 }
 
 md-input-container .md-input:invalid {
     box-shadow: none
 }
 
 md-input-container .md-input.md-no-flex {
     -ms-flex: none!important;
     -webkit-box-flex: 0!important;
     flex: none!important
 }
 
 md-input-container .md-char-counter {
     position: absolute;
     right: 2px;
     bottom: 7px
 }
 
 md-input-container [data-ng-messages],
 md-input-container [ng-messages],
 md-input-container [x-ng-messages],
 md-input-container data-ng-messages,
 md-input-container ng-messages,
 md-input-container x-ng-messages {
     position: relative;
     -ms-flex-order: 4;
     -webkit-box-ordinal-group: 5;
     order: 4;
     min-height: 24px
 }
 
 md-input-container [data-ng-messages] .md-char-counter,
 md-input-container [ng-messages] .md-char-counter,
 md-input-container [x-ng-messages] .md-char-counter,
 md-input-container data-ng-messages .md-char-counter,
 md-input-container ng-messages .md-char-counter,
 md-input-container x-ng-messages .md-char-counter {
     position: absolute;
     top: 0;
     right: 0;
     bottom: auto
 }
 
 md-input-container .md-char-counter,
 md-input-container [data-ng-message-exp],
 md-input-container [data-ng-message],
 md-input-container [ng-message-exp],
 md-input-container [ng-message],
 md-input-container [x-ng-message-exp],
 md-input-container [x-ng-message],
 md-input-container data-ng-message,
 md-input-container ng-message,
 md-input-container x-ng-message {
     font-size: 12px;
     line-height: 14px;
     overflow: hidden;
     padding-top: 5px
 }
 
 md-input-container .md-char-counter:not(.md-char-counter),
 md-input-container [data-ng-message-exp]:not(.md-char-counter),
 md-input-container [data-ng-message]:not(.md-char-counter),
 md-input-container [ng-message-exp]:not(.md-char-counter),
 md-input-container [ng-message]:not(.md-char-counter),
 md-input-container [x-ng-message-exp]:not(.md-char-counter),
 md-input-container [x-ng-message]:not(.md-char-counter),
 md-input-container data-ng-message:not(.md-char-counter),
 md-input-container ng-message:not(.md-char-counter),
 md-input-container x-ng-message:not(.md-char-counter) {
     padding-right: 50px
 }
 
 md-input-container .md-char-counter.ng-enter,
 md-input-container [data-ng-message-exp].ng-enter,
 md-input-container [data-ng-message].ng-enter,
 md-input-container [ng-message-exp].ng-enter,
 md-input-container [ng-message].ng-enter,
 md-input-container [x-ng-message-exp].ng-enter,
 md-input-container [x-ng-message].ng-enter,
 md-input-container data-ng-message.ng-enter,
 md-input-container ng-message.ng-enter,
 md-input-container x-ng-message.ng-enter {
     -webkit-transition: all .3s cubic-bezier(.55, 0, .55, .2);
     transition: all .3s cubic-bezier(.55, 0, .55, .2);
     -webkit-transition-delay: .2s;
     transition-delay: .2s;
     -webkit-transition-duration: .2s;
     transition-duration: .2s
 }
 
 md-input-container .md-char-counter.ng-leave,
 md-input-container [data-ng-message-exp].ng-leave,
 md-input-container [data-ng-message].ng-leave,
 md-input-container [ng-message-exp].ng-leave,
 md-input-container [ng-message].ng-leave,
 md-input-container [x-ng-message-exp].ng-leave,
 md-input-container [x-ng-message].ng-leave,
 md-input-container data-ng-message.ng-leave,
 md-input-container ng-message.ng-leave,
 md-input-container x-ng-message.ng-leave {
     -webkit-transition: all .4s cubic-bezier(.25, .8, .25, 1);
     transition: all .4s cubic-bezier(.25, .8, .25, 1);
     -webkit-transition-duration: .26667s;
     transition-duration: .26667s
 }
 
 md-input-container .md-char-counter.ng-enter,
 md-input-container .md-char-counter.ng-leave.ng-leave-active,
 md-input-container [data-ng-message-exp].ng-enter,
 md-input-container [data-ng-message-exp].ng-leave.ng-leave-active,
 md-input-container [data-ng-message].ng-enter,
 md-input-container [data-ng-message].ng-leave.ng-leave-active,
 md-input-container [ng-message-exp].ng-enter,
 md-input-container [ng-message-exp].ng-leave.ng-leave-active,
 md-input-container [ng-message].ng-enter,
 md-input-container [ng-message].ng-leave.ng-leave-active,
 md-input-container [x-ng-message-exp].ng-enter,
 md-input-container [x-ng-message-exp].ng-leave.ng-leave-active,
 md-input-container [x-ng-message].ng-enter,
 md-input-container [x-ng-message].ng-leave.ng-leave-active,
 md-input-container data-ng-message.ng-enter,
 md-input-container data-ng-message.ng-leave.ng-leave-active,
 md-input-container ng-message.ng-enter,
 md-input-container ng-message.ng-leave.ng-leave-active,
 md-input-container x-ng-message.ng-enter,
 md-input-container x-ng-message.ng-leave.ng-leave-active {
     margin-top: -19px;
     opacity: 0
 }
 
 md-input-container .md-char-counter.ng-enter.ng-enter-active,
 md-input-container .md-char-counter.ng-leave,
 md-input-container [data-ng-message-exp].ng-enter.ng-enter-active,
 md-input-container [data-ng-message-exp].ng-leave,
 md-input-container [data-ng-message].ng-enter.ng-enter-active,
 md-input-container [data-ng-message].ng-leave,
 md-input-container [ng-message-exp].ng-enter.ng-enter-active,
 md-input-container [ng-message-exp].ng-leave,
 md-input-container [ng-message].ng-enter.ng-enter-active,
 md-input-container [ng-message].ng-leave,
 md-input-container [x-ng-message-exp].ng-enter.ng-enter-active,
 md-input-container [x-ng-message-exp].ng-leave,
 md-input-container [x-ng-message].ng-enter.ng-enter-active,
 md-input-container [x-ng-message].ng-leave,
 md-input-container data-ng-message.ng-enter.ng-enter-active,
 md-input-container data-ng-message.ng-leave,
 md-input-container ng-message.ng-enter.ng-enter-active,
 md-input-container ng-message.ng-leave,
 md-input-container x-ng-message.ng-enter.ng-enter-active,
 md-input-container x-ng-message.ng-leave {
     margin-top: 0;
     opacity: 1
 }
 
 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)
 }
 
 md-input-container.md-input-has-value label {
     -webkit-transition: none;
     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 {
     margin-top: -16px;
     -webkit-transition: margin-top .5s cubic-bezier(.25, .8, .25, 1);
     transition: margin-top .5s cubic-bezier(.25, .8, .25, 1)
 }
 
 md-input-container.md-icon-float>label {
     pointer-events: none;
     position: absolute;
     margin-left: 36px
 }
 
 md-input-container.md-icon-float>md-icon {
     top: 26px;
     left: 2px
 }
 
 md-input-container.md-icon-float>input,
 md-input-container.md-icon-float>textarea {
     padding-top: 24px
 }
 
 md-input-container.md-icon-float.md-input-focused,
 md-input-container.md-icon-float.md-input-has-value {
     margin-top: -8px
 }
 
 md-input-container.md-icon-float.md-input-focused label,
 md-input-container.md-icon-float.md-input-has-value label {
     -webkit-transform: translate3d(0, 6px, 0) scale(.75);
     transform: translate3d(0, 6px, 0) scale(.75);
     -webkit-transition: -webkit-transform cubic-bezier(.25, .8, .25, 1) .5s;
     transition: transform cubic-bezier(.25, .8, .25, 1) .5s;
     transition: transform cubic-bezier(.25, .8, .25, 1) .5s, -webkit-transform cubic-bezier(.25, .8, .25, 1) .5s
 }
 
 md-input-container.md-icon-right input {
     margin-right: 36px
 }
 
 md-input-container.md-icon-right input+md-icon {
     top: 26px;
     right: 2px;
     margin-right: 0
 }
 
 md-list {
     display: block;
     padding: 8px 0
 }
 
 md-list .md-subheader {
     font-size: 14px;
     font-weight: 500;
     letter-spacing: .01em;
     line-height: 1.2em
 }
 
 md-list-item.md-proxy-focus.md-focused .md-no-style {
     -webkit-transition: background-color .15s linear;
     transition: background-color .15s linear
 }
 
 md-list-item .md-no-style,
 md-list-item.md-no-proxy {
     position: relative;
     padding: 0 16px;
     -ms-flex: 1 1 auto;
     -webkit-box-flex: 1;
     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;
     -ms-flex-direction: inherit;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     flex-direction: inherit;
     -ms-flex-align: inherit;
     -webkit-box-align: inherit;
     -ms-grid-row-align: inherit;
     align-items: inherit
 }
 
 md-list-item.md-with-secondary {
     position: relative
 }
 
 md-list-item.md-clickable:hover {
     cursor: pointer
 }
 
 md-list-item md-divider {
     position: absolute;
     bottom: 0;
     left: 0;
     width: 100%
 }
 
 md-list-item md-divider[md-inset] {
     left: 96px;
     width: calc(100% - 96px);
     margin: 0
 }
 
 md-list-item,
 md-list-item .md-list-item-inner {
     display: -ms-flexbox;
     display: -webkit-box;
     display: flex;
     -ms-flex-pack: start;
     -webkit-box-pack: start;
     justify-content: flex-start;
     -ms-flex-align: center;
     -webkit-box-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:first-child,
 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:first-child {
     -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:first-child .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:first-child .md-label {
     display: none
 }
 
 md-menu-content,
 md-menu-item {
     display: -ms-flexbox;
     display: -webkit-box;
     -webkit-box-direction: normal
 }
 
 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
 }
 
 md-list-item .md-list-item-inner>md-checkbox:first-child,
 md-list-item>md-checkbox:first-child {
     width: 24px;
     margin-left: 3px;
     margin-right: 29px
 }
 
 md-list-item .md-avatar-icon,
 md-list-item .md-list-item-inner .md-avatar-icon,
 md-list-item .md-list-item-inner>.md-avatar,
 md-list-item>.md-avatar {
     margin-top: 8px;
     margin-bottom: 8px;
     margin-right: 16px;
     border-radius: 50%;
     box-sizing: content-box
 }
 
 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-secondary,
 md-list-item .md-list-item-inner md-switch.md-secondary,
 md-list-item md-checkbox.md-secondary,
 md-list-item md-switch.md-secondary {
     margin-right: 0;
     margin-top: 0;
     margin-bottom: 0
 }
 
 md-list-item .md-list-item-inner button.md-button.md-secondary-container,
 md-list-item button.md-button.md-secondary-container {
     background-color: transparent;
     -ms-flex-item-align: center;
     align-self: center;
     border-radius: 50%;
     margin: 0;
     min-width: 0
 }
 
 md-list-item .md-list-item-inner button.md-button.md-secondary-container .md-ripple,
 md-list-item .md-list-item-inner button.md-button.md-secondary-container .md-ripple-container,
 md-list-item button.md-button.md-secondary-container .md-ripple,
 md-list-item button.md-button.md-secondary-container .md-ripple-container {
     border-radius: 50%
 }
 
 md-list-item .md-list-item-inner .md-secondary,
 md-list-item .md-list-item-inner .md-secondary-container,
 md-list-item .md-secondary,
 md-list-item .md-secondary-container {
     margin-left: 16px;
     position: absolute;
     right: 16px;
     top: 50%;
     -webkit-transform: translate3d(0, -50%, 0);
     transform: translate3d(0, -50%, 0)
 }
 
 md-list-item .md-list-item-inner>.md-button.md-secondary-container>.md-secondary,
 md-list-item>.md-button.md-secondary-container>.md-secondary {
     margin-left: 0;
     position: static
 }
 
 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 {
     -ms-flex: 1;
     -webkit-box-flex: 1;
     flex: 1;
     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 {
     -ms-flex-align: start;
     -webkit-box-align: start;
     -ms-grid-row-align: flex-start;
     align-items: flex-start;
     -ms-flex-pack: center;
     -webkit-box-pack: center;
     justify-content: center
 }
 
 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 {
     -ms-flex: 1;
     -webkit-box-flex: 1;
     flex: 1;
     margin: auto;
     text-overflow: ellipsis
 }
 
 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
 }
 
 md-list-item.md-2-line .md-list-item-text h3,
 md-list-item.md-2-line>.md-no-style .md-list-item-text h3,
 md-list-item.md-3-line .md-list-item-text h3,
 md-list-item.md-3-line>.md-no-style .md-list-item-text h3 {
     font-size: 16px;
     font-weight: 400;
     letter-spacing: .01em;
     margin: 0;
     line-height: 1.2em;
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis
 }
 
 md-list-item.md-2-line .md-list-item-text h4,
 md-list-item.md-2-line>.md-no-style .md-list-item-text h4,
 md-list-item.md-3-line .md-list-item-text h4,
 md-list-item.md-3-line>.md-no-style .md-list-item-text h4 {
     font-size: 14px;
     letter-spacing: .01em;
     margin: 3px 0 1px;
     font-weight: 400;
     line-height: 1.2em;
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis
 }
 
 md-list-item.md-2-line .md-list-item-text p,
 md-list-item.md-2-line>.md-no-style .md-list-item-text p,
 md-list-item.md-3-line .md-list-item-text p,
 md-list-item.md-3-line>.md-no-style .md-list-item-text p {
     font-size: 14px;
     font-weight: 500;
     letter-spacing: .01em;
     margin: 0;
     line-height: 1.6em
 }
 
 md-list-item.md-2-line,
 md-list-item.md-2-line>.md-no-style {
     height: auto;
     min-height: 72px
 }
 
 md-list-item.md-2-line.md-long-text,
 md-list-item.md-2-line>.md-no-style.md-long-text {
     margin: 1.6em
 }
 
 md-list-item.md-2-line .md-avatar-icon,
 md-list-item.md-2-line>.md-avatar,
 md-list-item.md-2-line>.md-no-style .md-avatar-icon,
 md-list-item.md-2-line>.md-no-style>.md-avatar {
     margin-top: 12px
 }
 
 md-list-item.md-2-line>.md-no-style>md-icon:first-child,
 md-list-item.md-2-line>md-icon:first-child {
     -ms-flex-item-align: start;
     align-self: flex-start
 }
 
 md-list-item.md-2-line .md-list-item-text,
 md-list-item.md-2-line>.md-no-style .md-list-item-text {
     -ms-flex: 1;
     -webkit-box-flex: 1;
     flex: 1
 }
 
 md-list-item.md-3-line,
 md-list-item.md-3-line>.md-no-style {
     height: auto;
     min-height: 88px
 }
 
 md-list-item.md-3-line.md-long-text,
 md-list-item.md-3-line>.md-no-style.md-long-text {
     margin: 1.6em
 }
 
 md-list-item.md-3-line>.md-avatar,
 md-list-item.md-3-line>.md-no-style>.md-avatar,
 md-list-item.md-3-line>.md-no-style>md-icon:first-child,
 md-list-item.md-3-line>md-icon:first-child {
     margin-top: 16px
 }
 
 .md-open-menu-container {
     position: fixed;
     left: 0;
     top: 0;
     z-index: 99;
     opacity: 0;
     border-radius: 2px
 }
 
 md-menu-bar,
 md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent {
     position: relative
 }
 
 .md-open-menu-container md-menu-divider {
     margin-top: 4px;
     margin-bottom: 4px;
     height: 1px;
     width: 100%
 }
 
 .md-open-menu-container md-menu-content>* {
     opacity: 0
 }
 
 .md-open-menu-container:not(.md-clickable) {
     pointer-events: none
 }
 
 .md-open-menu-container.md-active {
     opacity: 1;
     -webkit-transition: all .4s cubic-bezier(.25, .8, .25, 1);
     transition: all .4s cubic-bezier(.25, .8, .25, 1);
     -webkit-transition-duration: .2s;
     transition-duration: .2s
 }
 
 .md-open-menu-container.md-active>md-menu-content>* {
     opacity: 1;
     -webkit-transition: all .3s cubic-bezier(.55, 0, .55, .2);
     transition: all .3s cubic-bezier(.55, 0, .55, .2);
     -webkit-transition-duration: .2s;
     transition-duration: .2s;
     -webkit-transition-delay: .1s;
     transition-delay: .1s
 }
 
 .md-open-menu-container.md-leave {
     opacity: 0;
     -webkit-transition: all .3s cubic-bezier(.55, 0, .55, .2);
     transition: all .3s cubic-bezier(.55, 0, .55, .2);
     -webkit-transition-duration: 250ms;
     transition-duration: 250ms
 }
 
 md-menu-content {
     display: flex;
     -ms-flex-direction: column;
     flex-direction: column;
     padding: 8px 0;
     max-height: 304px;
     overflow-y: auto
 }
 
 md-menu-item>*,
 md-menu-item>.md-button {
     margin: auto 0;
     padding-left: 16px;
     padding-right: 16px;
     width: 100%
 }
 
 md-menu-content.md-dense {
     max-height: 208px
 }
 
 md-menu-content.md-dense md-menu-item {
     height: 32px;
     min-height: 0
 }
 
 md-menu-item {
     display: flex;
     -ms-flex-direction: row;
     -webkit-box-orient: horizontal;
     flex-direction: row;
     min-height: 48px;
     height: 48px;
     -ms-flex-line-pack: center;
     align-content: center;
     -ms-flex-pack: start;
     -webkit-box-pack: start;
     justify-content: flex-start
 }
 
 md-menu-item>a.md-button {
     display: -ms-flexbox;
     display: -webkit-box;
     display: flex
 }
 
 md-menu-item>.md-button {
     border-radius: 0;
     font-size: 15px;
     text-transform: none;
     font-weight: 400;
     text-align: start;
     height: 100%;
     display: inline-block;
     -ms-flex-align: baseline;
     -webkit-box-align: baseline;
     -ms-grid-row-align: baseline;
     align-items: baseline;
     -ms-flex-line-pack: left;
     align-content: left
 }
 
 md-menu-item>.md-button md-icon {
     margin: auto 16px auto 0
 }
 
 md-menu-item>.md-button p {
     display: inline-block;
     margin: auto
 }
 
 md-menu-item>.md-button span {
     margin-top: auto;
     margin-bottom: auto
 }
 
 md-menu-item>.md-button .md-ripple-container {
     border-radius: inherit
 }
 
 .md-menu {
     padding: 8px 0
 }
 
 md-toolbar .md-menu {
     height: auto;
     margin: auto
 }
 
 @media (max-width:599px) {
     md-menu-content {
         min-width: 112px
     }
     md-menu-content[width="3"] {
         min-width: 168px
     }
     md-menu-content[width="4"] {
         min-width: 224px
     }
     md-menu-content[width="5"] {
         min-width: 280px
     }
     md-menu-content[width="6"] {
         min-width: 336px
     }
     md-menu-content[width="7"] {
         min-width: 392px
     }
 }
 
 @media (min-width:600px) {
     md-menu-content {
         min-width: 96px
     }
     md-menu-content[width="3"] {
         min-width: 192px
     }
     md-menu-content[width="4"] {
         min-width: 256px
     }
     md-menu-content[width="5"] {
         min-width: 320px
     }
     md-menu-content[width="6"] {
         min-width: 384px
     }
     md-menu-content[width="7"] {
         min-width: 448px
     }
 }
 
 md-toolbar.md-menu-toolbar h2.md-toolbar-tools {
     line-height: 1rem;
     height: auto;
     padding: 28px 28px 12px
 }
 
 md-menu-bar {
     padding: 0 20px;
     display: block;
     z-index: 2
 }
 
 md-menu-bar .md-menu {
     display: inline-block;
     padding: 0;
     position: relative
 }
 
 md-menu-bar button {
     font-size: 14px;
     padding: 0 10px;
     margin: 0;
     border: 0;
     background-color: transparent;
     height: 40px
 }
 
 md-menu-bar md-backdrop.md-menu-backdrop {
     z-index: -2
 }
 
 md-menu-content.md-menu-bar-menu.md-dense {
     max-height: none;
     padding: 16px 0
 }
 
 md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent>md-icon {
     position: absolute;
     padding: 0;
     width: 24px;
     top: 6px;
     left: 24px
 }
 
 md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent .md-menu>.md-button,
 md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent>.md-button {
     padding: 0 32px 0 64px
 }
 
 md-menu-content.md-menu-bar-menu.md-dense .md-button {
     min-height: 0;
     height: 32px;
     display: -ms-flexbox;
     display: -webkit-box;
     display: flex
 }
 
 md-menu-content.md-menu-bar-menu.md-dense .md-button span {
     -ms-flex-positive: 1;
     -webkit-box-flex: 1;
     flex-grow: 1
 }
 
 md-menu-content.md-menu-bar-menu.md-dense .md-button span.md-alt-text {
     -ms-flex-positive: 0;
     -webkit-box-flex: 0;
     flex-grow: 0;
     -ms-flex-item-align: end;
     align-self: flex-end;
     margin: 0 8px
 }
 
 md-menu-content.md-menu-bar-menu.md-dense md-menu-divider {
     margin: 8px 0
 }
 
 md-menu-content.md-menu-bar-menu.md-dense .md-menu {
     padding: 0
 }
 
 md-menu-content.md-menu-bar-menu.md-dense .md-menu>.md-button {
     position: relative;
     margin: 0;
     width: 100%;
     text-align: left;
     text-align: start;
     text-transform: none;
     font-weight: 400;
     border-radius: 0;
     padding-left: 16px
 }
 
 md-progress-circular,
 md-progress-linear {
     padding-top: 0!important;
     margin-bottom: 0!important;
     display: block
 }
 
 .md-tab,
 md-optgroup label,
 md-toast .md-action {
     text-transform: uppercase
 }
 
 md-menu-content.md-menu-bar-menu.md-dense .md-menu>.md-button:after {
     display: block;
     content: '\25BC';
     position: absolute;
     top: 0;
     speak: none;
     -webkit-transform: rotate(270deg) scaleY(.45) scaleX(.9);
     transform: rotate(270deg) scaleY(.45) scaleX(.9);
     right: 28px
 }
 
 md-progress-circular {
     position: relative;
     width: 100px;
     height: 100px;
     -webkit-transform: scale(.5);
     transform: scale(.5)
 }
 
 md-progress-circular .md-spinner-wrapper {
     display: block;
     position: relative;
     overflow: hidden
 }
 
 md-progress-circular .md-spinner-wrapper .md-inner {
     width: 100px;
     height: 100px;
     position: relative
 }
 
 md-progress-circular .md-spinner-wrapper .md-inner .md-gap {
     position: absolute;
     left: 49px;
     right: 49px;
     top: 0;
     bottom: 0;
     border-top-width: 10px;
     border-top-style: solid;
     box-sizing: border-box
 }
 
 md-progress-circular .md-spinner-wrapper .md-inner .md-left,
 md-progress-circular .md-spinner-wrapper .md-inner .md-right {
     position: absolute;
     top: 0;
     height: 100px;
     width: 50px;
     overflow: hidden
 }
 
 md-progress-circular .md-spinner-wrapper .md-inner .md-left .md-half-circle,
 md-progress-circular .md-spinner-wrapper .md-inner .md-right .md-half-circle {
     position: absolute;
     top: 0;
     width: 100px;
     height: 100px;
     box-sizing: border-box;
     border-width: 10px;
     border-style: solid;
     border-bottom-color: transparent;
     border-radius: 50%
 }
 
 md-progress-circular .md-spinner-wrapper .md-inner .md-left {
     left: 0
 }
 
 md-progress-circular .md-spinner-wrapper .md-inner .md-left .md-half-circle {
     left: 0;
     border-right-color: transparent
 }
 
 md-progress-circular .md-spinner-wrapper .md-inner .md-right {
     right: 0
 }
 
 md-progress-circular .md-spinner-wrapper .md-inner .md-right .md-half-circle {
     right: 0;
     border-left-color: transparent
 }
 
 md-progress-circular .md-spinner-wrapper.md-mode-indeterminate {
     -webkit-animation: outer-rotate 2.91667s linear infinite;
     animation: outer-rotate 2.91667s linear infinite
 }
 
 md-progress-circular .md-spinner-wrapper.md-mode-indeterminate .md-inner {
     -webkit-animation: sporadic-rotate 5.25s cubic-bezier(.35, 0, .25, 1) infinite;
     animation: sporadic-rotate 5.25s cubic-bezier(.35, 0, .25, 1) infinite
 }
 
 md-progress-circular .md-spinner-wrapper.md-mode-indeterminate .md-inner .md-left .md-half-circle,
 md-progress-circular .md-spinner-wrapper.md-mode-indeterminate .md-inner .md-right .md-half-circle {
     -webkit-animation-iteration-count: infinite;
     animation-iteration-count: infinite;
     -webkit-animation-duration: 1.3125s;
     animation-duration: 1.3125s;
     -webkit-animation-timing-function: cubic-bezier(.35, 0, .25, 1);
     animation-timing-function: cubic-bezier(.35, 0, .25, 1)
 }
 
 md-progress-circular .md-spinner-wrapper.md-mode-indeterminate .md-inner .md-left .md-half-circle {
     -webkit-animation-name: left-wobble;
     animation-name: left-wobble
 }
 
 md-progress-circular .md-spinner-wrapper.md-mode-indeterminate .md-inner .md-right .md-half-circle {
     -webkit-animation-name: right-wobble;
     animation-name: right-wobble
 }
 
 md-progress-circular md-progress-circular.ng-hide .md-spinner-wrapper,
 md-progress-circular md-progress-circular.ng-hide .md-spinner-wrapper .md-inner {
     -webkit-animation: none;
     animation: none
 }
 
 md-progress-circular md-progress-circular.ng-hide .md-spinner-wrapper .md-inner .md-left .md-half-circle,
 md-progress-circular md-progress-circular.ng-hide .md-spinner-wrapper .md-inner .md-right .md-half-circle {
     -webkit-animation-name: none;
     animation-name: none
 }
 
 md-progress-circular .md-spinner-wrapper.ng-hide,
 md-progress-circular .md-spinner-wrapper.ng-hide .md-inner {
     -webkit-animation: none;
     animation: none
 }
 
 md-progress-circular .md-spinner-wrapper.ng-hide .md-inner .md-left .md-half-circle,
 md-progress-circular .md-spinner-wrapper.ng-hide .md-inner .md-right .md-half-circle {
     -webkit-animation-name: none;
     animation-name: none
 }
 
 @-webkit-keyframes outer-rotate {
     100% {
         -webkit-transform: rotate(360deg);
         transform: rotate(360deg)
     }
 }
 
 @keyframes outer-rotate {
     100% {
         -webkit-transform: rotate(360deg);
         transform: rotate(360deg)
     }
 }
 
 @-webkit-keyframes left-wobble {
     0%,
     100% {
         -webkit-transform: rotate(130deg);
         transform: rotate(130deg)
     }
     50% {
         -webkit-transform: rotate(-5deg);
         transform: rotate(-5deg)
     }
 }
 
 @keyframes left-wobble {
     0%,
     100% {
         -webkit-transform: rotate(130deg);
         transform: rotate(130deg)
     }
     50% {
         -webkit-transform: rotate(-5deg);
         transform: rotate(-5deg)
     }
 }
 
 @-webkit-keyframes right-wobble {
     0%,
     100% {
         -webkit-transform: rotate(-130deg);
         transform: rotate(-130deg)
     }
     50% {
         -webkit-transform: rotate(5deg);
         transform: rotate(5deg)
     }
 }
 
 @keyframes right-wobble {
     0%,
     100% {
         -webkit-transform: rotate(-130deg);
         transform: rotate(-130deg)
     }
     50% {
         -webkit-transform: rotate(5deg);
         transform: rotate(5deg)
     }
 }
 
 @-webkit-keyframes sporadic-rotate {
     12.5% {
         -webkit-transform: rotate(135deg);
         transform: rotate(135deg)
     }
     25% {
         -webkit-transform: rotate(270deg);
         transform: rotate(270deg)
     }
     37.5% {
         -webkit-transform: rotate(405deg);
         transform: rotate(405deg)
     }
     50% {
         -webkit-transform: rotate(540deg);
         transform: rotate(540deg)
     }
     62.5% {
         -webkit-transform: rotate(675deg);
         transform: rotate(675deg)
     }
     75% {
         -webkit-transform: rotate(810deg);
         transform: rotate(810deg)
     }
     87.5% {
         -webkit-transform: rotate(945deg);
         transform: rotate(945deg)
     }
     100% {
         -webkit-transform: rotate(1080deg);
         transform: rotate(1080deg)
     }
 }
 
 @keyframes sporadic-rotate {
     12.5% {
         -webkit-transform: rotate(135deg);
         transform: rotate(135deg)
     }
     25% {
         -webkit-transform: rotate(270deg);
         transform: rotate(270deg)
     }
     37.5% {
         -webkit-transform: rotate(405deg);
         transform: rotate(405deg)
     }
     50% {
         -webkit-transform: rotate(540deg);
         transform: rotate(540deg)
     }
     62.5% {
         -webkit-transform: rotate(675deg);
         transform: rotate(675deg)
     }
     75% {
         -webkit-transform: rotate(810deg);
         transform: rotate(810deg)
     }
     87.5% {
         -webkit-transform: rotate(945deg);
         transform: rotate(945deg)
     }
     100% {
         -webkit-transform: rotate(1080deg);
         transform: rotate(1080deg)
     }
 }
 
 md-progress-linear {
     position: relative;
     width: 100%;
     height: 5px
 }
 
 md-progress-linear .md-container {
     display: block;
     position: relative;
     overflow: hidden;
     width: 100%;
     height: 5px;
     -webkit-transform: translate(0, 0) scale(1, 1);
     transform: translate(0, 0) scale(1, 1)
 }
 
 md-progress-linear .md-container.md-mode-determinate .md-bar1,
 md-progress-linear .md-container.md-mode-query .md-bar1 {
     display: none
 }
 
 md-progress-linear .md-container .md-bar {
     position: absolute;
     left: 0;
     top: 0;
     bottom: 0;
     width: 100%;
     height: 5px
 }
 
 md-progress-linear .md-container .md-dashed:before {
     content: "";
     display: none;
     position: absolute;
     margin-top: 0;
     height: 5px;
     width: 100%;
     background-color: transparent;
     background-size: 10px 10px!important;
     background-position: 0 -23px
 }
 
 md-progress-linear .md-container .md-bar1,
 md-progress-linear .md-container .md-bar2 {
     -webkit-transition: -webkit-transform .2s linear;
     transition: transform .2s linear;
     transition: transform .2s linear, -webkit-transform .2s linear
 }
 
 md-progress-linear .md-container.md-mode-query .md-bar2 {
     -webkit-transition: all .2s linear;
     transition: all .2s linear;
     -webkit-animation: query .8s infinite cubic-bezier(.39, .575, .565, 1);
     animation: query .8s infinite cubic-bezier(.39, .575, .565, 1)
 }
 
 md-progress-linear .md-container.md-mode-indeterminate .md-bar1 {
     -webkit-animation: md-progress-linear-indeterminate-scale-1 4s infinite, md-progress-linear-indeterminate-1 4s infinite;
     animation: md-progress-linear-indeterminate-scale-1 4s infinite, md-progress-linear-indeterminate-1 4s infinite
 }
 
 md-progress-linear .md-container.md-mode-indeterminate .md-bar2 {
     -webkit-animation: md-progress-linear-indeterminate-scale-2 4s infinite, md-progress-linear-indeterminate-2 4s infinite;
     animation: md-progress-linear-indeterminate-scale-2 4s infinite, md-progress-linear-indeterminate-2 4s infinite
 }
 
 md-progress-linear .md-container.ng-hide {
     -webkit-animation: none;
     animation: none
 }
 
 md-progress-linear .md-container.ng-hide .md-bar1,
 md-progress-linear .md-container.ng-hide .md-bar2 {
     -webkit-animation-name: none;
     animation-name: none
 }
 
 md-progress-linear .md-container.md-mode-buffer {
     background-color: transparent!important;
     -webkit-transition: all .2s linear;
     transition: all .2s linear
 }
 
 md-progress-linear .md-container.md-mode-buffer .md-dashed:before {
     display: block;
     -webkit-animation: buffer 3s infinite linear;
     animation: buffer 3s infinite linear
 }
 
 @-webkit-keyframes query {
     0% {
         opacity: 1;
         -webkit-transform: translateX(35%) scale(.3, 1);
         transform: translateX(35%) scale(.3, 1)
     }
     100% {
         opacity: 0;
         -webkit-transform: translateX(-50%) scale(0, 1);
         transform: translateX(-50%) scale(0, 1)
     }
 }
 
 @keyframes query {
     0% {
         opacity: 1;
         -webkit-transform: translateX(35%) scale(.3, 1);
         transform: translateX(35%) scale(.3, 1)
     }
     100% {
         opacity: 0;
         -webkit-transform: translateX(-50%) scale(0, 1);
         transform: translateX(-50%) scale(0, 1)
     }
 }
 
 @-webkit-keyframes buffer {
     0% {
         opacity: 1;
         background-position: 0 -23px
     }
     50% {
         opacity: 0
     }
     100% {
         opacity: 1;
         background-position: -200px -23px
     }
 }
 
 @keyframes buffer {
     0% {
         opacity: 1;
         background-position: 0 -23px
     }
     50% {
         opacity: 0
     }
     100% {
         opacity: 1;
         background-position: -200px -23px
     }
 }
 
 @-webkit-keyframes md-progress-linear-indeterminate-scale-1 {
     0% {
         -webkit-transform: scaleX(.1);
         transform: scaleX(.1);
         -webkit-animation-timing-function: linear;
         animation-timing-function: linear
     }
     36.6% {
         -webkit-transform: scaleX(.1);
         transform: scaleX(.1);
         -webkit-animation-timing-function: cubic-bezier(.33473, .12482, .78584, 1);
         animation-timing-function: cubic-bezier(.33473, .12482, .78584, 1)
     }
     69.15% {
         -webkit-transform: scaleX(.83);
         transform: scaleX(.83);
         -webkit-animation-timing-function: cubic-bezier(.22573, 0, .23365, 1.37098);
         animation-timing-function: cubic-bezier(.22573, 0, .23365, 1.37098)
     }
     100% {
         -webkit-transform: scaleX(.1);
         transform: scaleX(.1)
     }
 }
 
 @keyframes md-progress-linear-indeterminate-scale-1 {
     0% {
         -webkit-transform: scaleX(.1);
         transform: scaleX(.1);
         -webkit-animation-timing-function: linear;
         animation-timing-function: linear
     }
     36.6% {
         -webkit-transform: scaleX(.1);
         transform: scaleX(.1);
         -webkit-animation-timing-function: cubic-bezier(.33473, .12482, .78584, 1);
         animation-timing-function: cubic-bezier(.33473, .12482, .78584, 1)
     }
     69.15% {
         -webkit-transform: scaleX(.83);
         transform: scaleX(.83);
         -webkit-animation-timing-function: cubic-bezier(.22573, 0, .23365, 1.37098);
         animation-timing-function: cubic-bezier(.22573, 0, .23365, 1.37098)
     }
     100% {
         -webkit-transform: scaleX(.1);
         transform: scaleX(.1)
     }
 }
 
 @-webkit-keyframes md-progress-linear-indeterminate-1 {
     0% {
         left: -105.16667%;
         -webkit-animation-timing-function: linear;
         animation-timing-function: linear
     }
     20% {
         left: -105.16667%;
         -webkit-animation-timing-function: cubic-bezier(.5, 0, .70173, .49582);
         animation-timing-function: cubic-bezier(.5, 0, .70173, .49582)
     }
     69.15% {
         left: 21.5%;
         -webkit-animation-timing-function: cubic-bezier(.30244, .38135, .55, .95635);
         animation-timing-function: cubic-bezier(.30244, .38135, .55, .95635)
     }
     100% {
         left: 95.44444%
     }
 }
 
 @keyframes md-progress-linear-indeterminate-1 {
     0% {
         left: -105.16667%;
         -webkit-animation-timing-function: linear;
         animation-timing-function: linear
     }
     20% {
         left: -105.16667%;
         -webkit-animation-timing-function: cubic-bezier(.5, 0, .70173, .49582);
         animation-timing-function: cubic-bezier(.5, 0, .70173, .49582)
     }
     69.15% {
         left: 21.5%;
         -webkit-animation-timing-function: cubic-bezier(.30244, .38135, .55, .95635);
         animation-timing-function: cubic-bezier(.30244, .38135, .55, .95635)
     }
     100% {
         left: 95.44444%
     }
 }
 
 @-webkit-keyframes md-progress-linear-indeterminate-scale-2 {
     0% {
         -webkit-transform: scaleX(.1);
         transform: scaleX(.1);
         -webkit-animation-timing-function: cubic-bezier(.20503, .05705, .57661, .45397);
         animation-timing-function: cubic-bezier(.20503, .05705, .57661, .45397)
     }
     19.15% {
         -webkit-transform: scaleX(.57);
         transform: scaleX(.57);
         -webkit-animation-timing-function: cubic-bezier(.15231, .19643, .64837, 1.00432);
         animation-timing-function: cubic-bezier(.15231, .19643, .64837, 1.00432)
     }
     44.15% {
         -webkit-transform: scaleX(.91);
         transform: scaleX(.91);
         -webkit-animation-timing-function: cubic-bezier(.25776, -.00316, .21176, 1.38179);
         animation-timing-function: cubic-bezier(.25776, -.00316, .21176, 1.38179)
     }
     100% {
         -webkit-transform: scaleX(.1);
         transform: scaleX(.1)
     }
 }
 
 @keyframes md-progress-linear-indeterminate-scale-2 {
     0% {
         -webkit-transform: scaleX(.1);
         transform: scaleX(.1);
         -webkit-animation-timing-function: cubic-bezier(.20503, .05705, .57661, .45397);
         animation-timing-function: cubic-bezier(.20503, .05705, .57661, .45397)
     }
     19.15% {
         -webkit-transform: scaleX(.57);
         transform: scaleX(.57);
         -webkit-animation-timing-function: cubic-bezier(.15231, .19643, .64837, 1.00432);
         animation-timing-function: cubic-bezier(.15231, .19643, .64837, 1.00432)
     }
     44.15% {
         -webkit-transform: scaleX(.91);
         transform: scaleX(.91);
         -webkit-animation-timing-function: cubic-bezier(.25776, -.00316, .21176, 1.38179);
         animation-timing-function: cubic-bezier(.25776, -.00316, .21176, 1.38179)
     }
     100% {
         -webkit-transform: scaleX(.1);
         transform: scaleX(.1)
     }
 }
 
 @-webkit-keyframes md-progress-linear-indeterminate-2 {
     0% {
         left: -54.88889%;
         -webkit-animation-timing-function: cubic-bezier(.15, 0, .51506, .40968);
         animation-timing-function: cubic-bezier(.15, 0, .51506, .40968)
     }
     25% {
         left: -17.25%;
         -webkit-animation-timing-function: cubic-bezier(.31033, .28406, .8, .73372);
         animation-timing-function: cubic-bezier(.31033, .28406, .8, .73372)
     }
     48.35% {
         left: 29.5%;
         -webkit-animation-timing-function: cubic-bezier(.4, .62703, .6, .90203);
         animation-timing-function: cubic-bezier(.4, .62703, .6, .90203)
     }
     100% {
         left: 117.38889%
     }
 }
 
 @keyframes md-progress-linear-indeterminate-2 {
     0% {
         left: -54.88889%;
         -webkit-animation-timing-function: cubic-bezier(.15, 0, .51506, .40968);
         animation-timing-function: cubic-bezier(.15, 0, .51506, .40968)
     }
     25% {
         left: -17.25%;
         -webkit-animation-timing-function: cubic-bezier(.31033, .28406, .8, .73372);
         animation-timing-function: cubic-bezier(.31033, .28406, .8, .73372)
     }
     48.35% {
         left: 29.5%;
         -webkit-animation-timing-function: cubic-bezier(.4, .62703, .6, .90203);
         animation-timing-function: cubic-bezier(.4, .62703, .6, .90203)
     }
     100% {
         left: 117.38889%
     }
 }
 
 .md-switch-thumb,
 md-radio-button {
     box-sizing: border-box;
     display: block;
     margin: 15px;
     white-space: nowrap;
     cursor: pointer
 }
 
 .md-switch-thumb .md-container,
 md-radio-button .md-container {
     box-sizing: border-box;
     position: relative;
     top: 4px;
     display: inline-block;
     width: 16px;
     height: 16px;
     cursor: pointer
 }
 
 .md-switch-thumb .md-container .md-ripple-container,
 md-radio-button .md-container .md-ripple-container {
     position: absolute;
     display: block;
     width: 48px;
     height: 48px;
     left: -16px;
     top: -16px
 }
 
 .md-switch-thumb .md-container:before,
 md-radio-button .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;
     -webkit-transition: all .5s;
     transition: all .5s;
     width: auto
 }
 
 .md-switch-thumb.md-align-top-left>div.md-container,
 md-radio-button.md-align-top-left>div.md-container {
     top: -15px
 }
 
 .md-switch-thumb .md-off,
 md-radio-button .md-off {
     box-sizing: border-box;
     position: absolute;
     top: 0;
     left: 0;
     width: 16px;
     height: 16px;
     border-style: solid;
     border-width: 2px;
     border-radius: 50%;
     -webkit-transition: border-color ease .28s;
     transition: border-color ease .28s
 }
 
 .md-switch-thumb .md-on,
 md-radio-button .md-on {
     box-sizing: border-box;
     position: absolute;
     top: 0;
     left: 0;
     width: 16px;
     height: 16px;
     border-radius: 50%;
     -webkit-transition: -webkit-transform ease .28s;
     transition: transform ease .28s;
     transition: transform ease .28s, -webkit-transform ease .28s;
     -webkit-transform: scale(0);
     transform: scale(0)
 }
 
 .md-switch-thumb.md-checked .md-on,
 md-radio-button.md-checked .md-on {
     -webkit-transform: scale(.5);
     transform: scale(.5)
 }
 
 .md-switch-thumb .md-label,
 md-radio-button .md-label {
     box-sizing: border-box;
     position: relative;
     display: inline-block;
     margin-left: 10px;
     margin-right: 0;
     vertical-align: middle;
     white-space: normal;
     pointer-events: none;
     width: auto
 }
 
 body[dir=rtl] .md-switch-thumb .md-label,
 body[dir=rtl] md-radio-button .md-label,
 html[dir=rtl] .md-switch-thumb .md-label,
 html[dir=rtl] md-radio-button .md-label {
     margin-left: 0;
     margin-right: 10px;
     unicode-bidi: embed
 }
 
 .md-switch-thumb .md-label bdo[dir=rtl],
 md-radio-button .md-label bdo[dir=rtl] {
     direction: rtl;
     unicode-bidi: bidi-override
 }
 
 .md-switch-thumb .md-label bdo[dir=ltr],
 md-radio-button .md-label bdo[dir=ltr],
 md-select-menu bdo[dir=ltr] {
     direction: ltr;
     unicode-bidi: bidi-override
 }
 
 .md-switch-thumb .circle,
 md-radio-button .circle {
     border-radius: 50%
 }
 
 md-radio-group.md-focused .md-checked .md-container:before {
     left: -8px;
     top: -8px;
     right: -8px;
     bottom: -8px
 }
 
 @media screen and (-ms-high-contrast:active) {
     md-input-container.md-default-theme>md-icon {
         fill: #fff
     }
     md-radio-button.md-default-theme .md-on {
         background-color: #fff
     }
 }
 
 .md-select-menu-container {
     position: fixed;
     left: 0;
     top: 0;
     z-index: 99;
     opacity: 0
 }
 
 .md-select-menu-container:not(.md-clickable) {
     pointer-events: none
 }
 
 .md-select-menu-container md-progress-circular {
     display: table;
     margin: 24px auto!important
 }
 
 .md-select-menu-container.md-active {
     opacity: 1
 }
 
 .md-select-menu-container.md-active md-select-menu {
     -webkit-transition: all .4s cubic-bezier(.25, .8, .25, 1);
     transition: all .4s cubic-bezier(.25, .8, .25, 1);
     -webkit-transition-duration: 150ms;
     transition-duration: 150ms
 }
 
 .md-select-menu-container.md-active md-select-menu>* {
     opacity: 1;
     -webkit-transition: all .3s cubic-bezier(.55, 0, .55, .2);
     transition: all .3s cubic-bezier(.55, 0, .55, .2);
     -webkit-transition-duration: 150ms;
     transition-duration: 150ms;
     -webkit-transition-delay: .1s;
     transition-delay: .1s
 }
 
 .md-select-menu-container.md-leave {
     opacity: 0;
     -webkit-transition: all .3s cubic-bezier(.55, 0, .55, .2);
     transition: all .3s cubic-bezier(.55, 0, .55, .2);
     -webkit-transition-duration: 250ms;
     transition-duration: 250ms
 }
 
 md-input-container>md-select {
     margin: 0;
     -ms-flex-order: 2;
     -webkit-box-ordinal-group: 3;
     order: 2
 }
 
 md-select {
     display: -ms-flexbox;
     display: -webkit-box;
     display: flex;
     margin: 20px 0 26px
 }
 
 md-select[disabled] .md-select-value {
     background-position: 0 bottom;
     background-size: 4px 1px;
     background-repeat: repeat-x;
     margin-bottom: -1px
 }
 
 md-select[disabled]:hover {
     cursor: default
 }
 
 md-select:not([disabled]):hover {
     cursor: pointer
 }
 
 md-select:not([disabled]).ng-invalid.ng-dirty .md-select-value {
     border-bottom: 2px solid;
     padding-bottom: 0
 }
 
 md-select:not([disabled]):focus .md-select-value {
     border-bottom-width: 2px;
     border-bottom-style: solid;
     padding-bottom: 0
 }
 
 .md-select-value {
     display: -ms-flexbox;
     display: -webkit-box;
     display: flex;
     -ms-flex-align: center;
     -webkit-box-align: center;
     align-items: center;
     padding: 2px 2px 1px;
     border-bottom-width: 1px;
     border-bottom-style: solid;
     background-color: transparent;
     position: relative;
     box-sizing: content-box;
     min-width: 64px;
     min-height: 26px;
     -ms-flex-positive: 1;
     -webkit-box-flex: 1;
     flex-grow: 1
 }
 
 md-sidenav,
 md-slider *,
 md-slider:after {
     box-sizing: border-box
 }
 
 .md-select-value:first-child {
     -ms-flex: 1;
     -webkit-box-flex: 1;
     flex: 1;
     text-overflow: ellipsis;
     white-space: nowrap;
     overflow: hidden;
     max-width: calc(100% - 2*8px);
     -webkit-transform: translate3d(0, 2px, 0);
     transform: translate3d(0, 2px, 0)
 }
 
 .md-select-value .md-select-icon {
     display: block;
     -ms-flex-align: end;
     -webkit-box-align: end;
     -ms-grid-row-align: flex-end;
     align-items: flex-end;
     text-align: end;
     width: 24px;
     margin: 0 4px;
     -webkit-transform: translate3d(0, 1px, 0);
     transform: translate3d(0, 1px, 0)
 }
 
 .md-select-value .md-select-icon:after {
     display: block;
     content: '\25BC';
     position: relative;
     top: 2px;
     speak: none;
     -webkit-transform: scaleY(.6) scaleX(1);
     transform: scaleY(.6) scaleX(1)
 }
 
 md-pagination-wrapper:after,
 md-slider .md-sign:after,
 md-slider .md-thumb:after,
 md-switch .md-thumb:before,
 md-tabs-canvas:after {
     content: ''
 }
 
 .md-select-value.md-select-placeholder {
     display: -ms-flexbox;
     display: -webkit-box;
     display: flex;
     -ms-flex-order: 1;
     -webkit-box-ordinal-group: 2;
     order: 1;
     pointer-events: none;
     -webkit-font-smoothing: antialiased;
     padding-left: 2px;
     z-index: 1
 }
 
 md-option,
 md-select-menu {
     display: -ms-flexbox;
     display: -webkit-box
 }
 
 md-select-menu {
     display: flex;
     -ms-flex-direction: column;
     -webkit-box-direction: normal;
     flex-direction: column;
     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);
     max-height: 256px;
     min-height: 48px;
     overflow-y: hidden;
     -webkit-transform-origin: left top;
     transform-origin: left top;
     -webkit-transform: scale(1);
     transform: scale(1)
 }
 
 md-select-menu.md-reverse {
     -ms-flex-direction: column-reverse;
     -webkit-box-direction: reverse;
     flex-direction: column-reverse
 }
 
 md-select-menu:not(.md-overflow) md-content {
     padding-top: 8px;
     padding-bottom: 8px
 }
 
 body[dir=rtl] md-select-menu,
 html[dir=rtl] md-select-menu {
     -webkit-transform-origin: right top;
     transform-origin: right top;
     unicode-bidi: embed
 }
 
 md-select-menu bdo[dir=rtl] {
     direction: rtl;
     unicode-bidi: bidi-override
 }
 
 md-select-menu md-content {
     min-width: 136px;
     min-height: 48px;
     max-height: 256px;
     overflow-y: auto
 }
 
 md-select-menu>* {
     opacity: 0
 }
 
 md-option {
     cursor: pointer;
     position: relative;
     display: flex;
     -ms-flex-align: center;
     -webkit-box-align: center;
     align-items: center;
     width: auto;
     padding: 0 16px;
     height: 48px
 }
 
 md-option .md-text {
     -webkit-touch-callout: none;
     user-select: none;
     width: auto;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     font-size: 16px
 }
 
 .md-tab.md-disabled,
 md-switch {
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none
 }
 
 md-sidenav,
 md-sidenav.md-locked-open {
     width: 304px;
     min-width: 304px;
     max-width: 304px
 }
 
 md-optgroup {
     display: block
 }
 
 md-optgroup label {
     display: block;
     font-size: 14px;
     padding: 16px;
     font-weight: 500
 }
 
 md-optgroup md-option {
     padding-left: 32px;
     padding-right: 32px
 }
 
 md-sidenav {
     position: absolute;
     -ms-flex-direction: column;
     -webkit-box-direction: normal;
     flex-direction: column;
     z-index: 60;
     bottom: 0;
     overflow: auto
 }
 
 md-sidenav ul {
     list-style: none
 }
 
 md-sidenav.md-closed {
     display: none
 }
 
 md-sidenav.md-closed-add,
 md-sidenav.md-closed-remove {
     display: -ms-flexbox;
     display: -webkit-box;
     display: flex;
     -webkit-transition: .2s ease-in all;
     transition: .2s ease-in all
 }
 
 md-sidenav.md-closed-add.md-closed-add-active,
 md-sidenav.md-closed-remove.md-closed-remove-active {
     -webkit-transition: all .4s cubic-bezier(.25, .8, .25, 1);
     transition: all .4s cubic-bezier(.25, .8, .25, 1)
 }
 
 md-sidenav.md-locked-open-add,
 md-sidenav.md-locked-open-remove {
     position: static;
     display: -ms-flexbox;
     display: -webkit-box;
     display: flex;
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0)
 }
 
 md-sidenav.md-locked-open,
 md-sidenav.md-locked-open-remove.md-closed,
 md-sidenav.md-locked-open.md-closed,
 md-sidenav.md-locked-open.md-closed.md-sidenav-left,
 md-sidenav.md-locked-open.md-closed.md-sidenav-right {
     position: static;
     display: -ms-flexbox;
     display: -webkit-box;
     display: flex;
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0)
 }
 
 md-slider,
 md-slider .md-slider-wrapper {
     position: relative
 }
 
 md-sidenav.md-locked-open-remove-active {
     -webkit-transition: width .3s cubic-bezier(.55, 0, .55, .2), min-width .3s cubic-bezier(.55, 0, .55, .2);
     transition: width .3s cubic-bezier(.55, 0, .55, .2), min-width .3s cubic-bezier(.55, 0, .55, .2);
     width: 0;
     min-width: 0
 }
 
 md-sidenav.md-closed.md-locked-open-add {
     width: 0;
     min-width: 0;
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0)
 }
 
 md-sidenav.md-closed.md-locked-open-add-active {
     -webkit-transition: width .3s cubic-bezier(.55, 0, .55, .2), min-width .3s cubic-bezier(.55, 0, .55, .2);
     transition: width .3s cubic-bezier(.55, 0, .55, .2), min-width .3s cubic-bezier(.55, 0, .55, .2);
     width: 304px;
     min-width: 304px;
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0)
 }
 
 .md-sidenav-backdrop.md-locked-open {
     display: none
 }
 
 .md-sidenav-left,
 md-sidenav {
     left: 0;
     top: 0;
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0)
 }
 
 .md-sidenav-left.md-closed,
 md-sidenav.md-closed {
     -webkit-transform: translate3d(-100%, 0, 0);
     transform: translate3d(-100%, 0, 0)
 }
 
 .md-sidenav-right {
     left: 100%;
     top: 0;
     -webkit-transform: translate3d(-100%, 0, 0);
     transform: translate3d(-100%, 0, 0)
 }
 
 .md-sidenav-right.md-closed {
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0)
 }
 
 @media (max-width:360px) {
     md-sidenav {
         width: 85%
     }
 }
 
 @media screen and (-ms-high-contrast:active) {
     .md-select-backdrop {
         background-color: transparent
     }
     md-select-menu {
         border: 1px solid #fff
     }
     .md-sidenav-left,
     md-sidenav {
         border-right: 1px solid #fff
     }
     .md-sidenav-right {
         border-left: 1px solid #fff
     }
 }
 
 @-webkit-keyframes sliderFocusThumb {
     0% {
         opacity: 0;
         -webkit-transform: scale(0);
         transform: scale(0)
     }
     50% {
         -webkit-transform: scale(1);
         transform: scale(1);
         opacity: 1
     }
     100% {
         opacity: 0
     }
 }
 
 @keyframes sliderFocusThumb {
     0% {
         opacity: 0;
         -webkit-transform: scale(0);
         transform: scale(0)
     }
     50% {
         -webkit-transform: scale(1);
         transform: scale(1);
         opacity: 1
     }
     100% {
         opacity: 0
     }
 }
 
 md-slider {
     height: 48px;
     display: block;
     margin-left: 4px;
     margin-right: 4px;
     padding: 0
 }
 
 md-slider .md-track-container {
     width: 100%;
     position: absolute;
     top: 23px;
     height: 2px
 }
 
 md-slider .md-track,
 md-slider .md-track-ticks {
     height: 100%;
     left: 0;
     position: absolute;
     right: 0
 }
 
 md-slider .md-track-fill {
     -webkit-transition: width .05s linear;
     transition: width .05s linear
 }
 
 md-slider .md-track-ticks canvas {
     width: 100%
 }
 
 md-slider .md-thumb-container {
     position: absolute;
     left: 0;
     top: 50%;
     -webkit-transform: translate3d(-50%, -50%, 0);
     transform: translate3d(-50%, -50%, 0);
     -webkit-transition: left .1s linear;
     transition: left .1s linear
 }
 
 md-slider .md-thumb {
     z-index: 1;
     position: absolute;
     left: -19px;
     top: 5px;
     width: 38px;
     height: 38px;
     border-radius: 38px;
     -webkit-transform: scale(.5);
     transform: scale(.5);
     -webkit-transition: all .1s linear;
     transition: all .1s linear
 }
 
 md-slider .md-thumb:after {
     position: absolute;
     left: 3px;
     top: 3px;
     width: 32px;
     height: 32px;
     border-radius: 32px;
     border-width: 3px;
     border-style: solid
 }
 
 md-slider .md-sign {
     display: -ms-flexbox;
     display: -webkit-box;
     display: flex;
     -ms-flex-align: center;
     -webkit-box-align: center;
     align-items: center;
     -ms-flex-pack: center;
     -webkit-box-pack: center;
     justify-content: center;
     position: absolute;
     left: -14px;
     top: -20px;
     width: 28px;
     height: 28px;
     border-radius: 28px;
     -webkit-transform: scale(.4) translate3d(0, 70px, 0);
     transform: scale(.4) translate3d(0, 70px, 0);
     -webkit-transition: all .2s ease-in-out;
     transition: all .2s ease-in-out
 }
 
 md-slider .md-sign:after {
     position: absolute;
     left: 0;
     border-radius: 16px;
     top: 19px;
     border-left: 14px solid transparent;
     border-right: 14px solid transparent;
     border-top-width: 16px;
     border-top-style: solid;
     opacity: 0;
     -webkit-transform: translate3d(0, -8px, 0);
     transform: translate3d(0, -8px, 0);
     -webkit-transition: all .2s ease-in-out;
     transition: all .2s ease-in-out
 }
 
 md-slider .md-focus-ring,
 md-slider .md-focus-thumb {
     left: -24px;
     top: 0;
     width: 48px;
     height: 48px;
     border-radius: 48px;
     position: absolute
 }
 
 md-slider .md-sign .md-thumb-text {
     z-index: 1;
     font-size: 12px;
     font-weight: 700
 }
 
 md-slider .md-focus-thumb {
     display: none;
     opacity: 0;
     background-color: silver;
     -webkit-animation: sliderFocusThumb .4s linear;
     animation: sliderFocusThumb .4s linear
 }
 
 md-slider .md-focus-ring {
     -webkit-transform: scale(0);
     transform: scale(0);
     -webkit-transition: all .2s linear;
     transition: all .2s linear;
     opacity: .26
 }
 
 md-slider .md-disabled-thumb {
     position: absolute;
     left: -22px;
     top: 2px;
     width: 44px;
     height: 44px;
     border-radius: 44px;
     -webkit-transform: scale(.35);
     transform: scale(.35);
     border-width: 6px;
     border-style: solid;
     display: none
 }
 
 md-slider.md-min .md-thumb:after {
     background-color: #fff
 }
 
 md-slider.md-min .md-sign {
     opacity: 0
 }
 
 md-slider.md-dragging .md-thumb-container,
 md-slider.md-dragging .md-track-fill {
     -webkit-transition: none;
     transition: none
 }
 
 md-slider:not([md-discrete]) .md-sign,
 md-slider:not([md-discrete]) .md-track-ticks {
     display: none
 }
 
 md-slider:not([md-discrete]):not([disabled]):hover .md-thumb {
     -webkit-transform: scale(.6);
     transform: scale(.6)
 }
 
 md-slider:not([md-discrete]):not([disabled]).md-active .md-focus-thumb,
 md-slider:not([md-discrete]):not([disabled]):focus .md-focus-thumb {
     display: block
 }
 
 md-slider[disabled] .md-sign,
 md-slider[disabled] .md-track-fill,
 md-slider[md-discrete] .md-focus-ring,
 md-slider[md-discrete] .md-focus-thumb {
     display: none
 }
 
 md-slider:not([md-discrete]):not([disabled]).md-active .md-focus-ring,
 md-slider:not([md-discrete]):not([disabled]):focus .md-focus-ring {
     -webkit-transform: scale(1);
     transform: scale(1)
 }
 
 md-slider:not([md-discrete]):not([disabled]).md-active .md-thumb,
 md-slider:not([md-discrete]):not([disabled]):focus .md-thumb {
     -webkit-transform: scale(.85);
     transform: scale(.85)
 }
 
 md-slider[md-discrete]:not([disabled]).md-active .md-sign,
 md-slider[md-discrete]:not([disabled]).md-active .md-sign:after,
 md-slider[md-discrete]:not([disabled]):focus .md-sign,
 md-slider[md-discrete]:not([disabled]):focus .md-sign:after {
     opacity: 1;
     -webkit-transform: translate3d(0, 0, 0) scale(1);
     transform: translate3d(0, 0, 0) scale(1)
 }
 
 .md-subheader,
 .md-subheader .md-subheader-inner,
 md-slider[disabled] .md-disabled-thumb,
 md-tabs,
 md-tabs-wrapper {
     display: block
 }
 
 md-slider[disabled] .md-thumb {
     -webkit-transform: scale(.35);
     transform: scale(.35)
 }
 
 @media screen and (-ms-high-contrast:active) {
     md-slider.md-default-theme .md-track {
         border-bottom: 1px solid #fff
     }
 }
 
 .md-sticky-clone {
     z-index: 2;
     top: 0;
     left: 0;
     right: 0;
     position: absolute!important;
     -webkit-transform: translate3d(-9999px, -9999px, 0);
     transform: translate3d(-9999px, -9999px, 0)
 }
 
 .md-subheader,
 .md-subheader .md-subheader-content,
 md-tabs,
 md-tabs-canvas,
 md-tabs-wrapper,
 md-tabs.md-dynamic-height md-tab-content.md-active {
     position: relative
 }
 
 .md-sticky-clone[sticky-state=active] {
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0)
 }
 
 .md-sticky-clone[sticky-state=active]:not(.md-sticky-no-effect) .md-subheader-inner {
     -webkit-animation: subheaderStickyHoverIn .3s ease-out both;
     animation: subheaderStickyHoverIn .3s ease-out both
 }
 
 @-webkit-keyframes subheaderStickyHoverIn {
     0% {
         box-shadow: 0 0 0 0 transparent
     }
     100% {
         box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .16)
     }
 }
 
 @keyframes subheaderStickyHoverIn {
     0% {
         box-shadow: 0 0 0 0 transparent
     }
     100% {
         box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .16)
     }
 }
 
 @-webkit-keyframes subheaderStickyHoverOut {
     0% {
         box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .16)
     }
     100% {
         box-shadow: 0 0 0 0 transparent
     }
 }
 
 @keyframes subheaderStickyHoverOut {
     0% {
         box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .16)
     }
     100% {
         box-shadow: 0 0 0 0 transparent
     }
 }
 
 .md-subheader-wrapper:not(.md-sticky-no-effect) {
     -webkit-transition: .2s ease-out margin;
     transition: .2s ease-out margin
 }
 
 .md-subheader-wrapper:not(.md-sticky-no-effect) .md-subheader {
     margin: 0
 }
 
 .md-subheader-wrapper:not(.md-sticky-no-effect).md-sticky-clone {
     z-index: 2
 }
 
 .md-subheader-wrapper:not(.md-sticky-no-effect)[sticky-state=active] {
     margin-top: -2px
 }
 
 .md-subheader-wrapper:not(.md-sticky-no-effect):not(.md-sticky-clone)[sticky-prev-state=active] .md-subheader-inner:after {
     -webkit-animation: subheaderStickyHoverOut .3s ease-out both;
     animation: subheaderStickyHoverOut .3s ease-out both
 }
 
 .md-subheader {
     font-size: 14px;
     font-weight: 500;
     line-height: 1em;
     margin: 0 16px 0 0
 }
 
 .md-subheader .md-subheader-inner {
     padding: 16px 0 16px 16px
 }
 
 .md-subheader .md-subheader-content {
     display: block;
     z-index: 1
 }
 
 @-webkit-keyframes md-tab-content-hide {
     0%,
     50% {
         opacity: 1
     }
     100% {
         opacity: 0
     }
 }
 
 @keyframes md-tab-content-hide {
     0%,
     50% {
         opacity: 1
     }
     100% {
         opacity: 0
     }
 }
 
 md-tab-data {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     z-index: -1;
     opacity: 0
 }
 
 md-tabs {
     margin: 0;
     border-radius: 2px;
     overflow: hidden;
     -ms-flex-negative: 0;
     flex-shrink: 0
 }
 
 md-tabs:not(.md-no-tab-content):not(.md-dynamic-height) {
     min-height: 248px
 }
 
 md-tabs[md-align-tabs=bottom] {
     padding-bottom: 48px
 }
 
 md-tabs[md-align-tabs=bottom] md-tabs-wrapper {
     position: absolute;
     bottom: 0;
     left: 0;
     right: 0;
     height: 48px;
     z-index: 2
 }
 
 md-tabs[md-align-tabs=bottom] md-tabs-content-wrapper {
     top: 0;
     bottom: 48px
 }
 
 md-tabs.md-dynamic-height md-tabs-content-wrapper {
     min-height: 0;
     position: relative;
     top: auto;
     left: auto;
     right: auto;
     bottom: auto;
     overflow: visible
 }
 
 md-tabs[md-border-bottom] md-tabs-wrapper {
     border-width: 0 0 1px;
     border-style: solid
 }
 
 md-tabs[md-border-bottom]:not(.md-dynamic-height) md-tabs-content-wrapper {
     top: 49px
 }
 
 md-tabs-wrapper md-next-button,
 md-tabs-wrapper md-prev-button {
     height: 100%;
     width: 32px;
     position: absolute;
     top: 50%;
     -webkit-transform: translateY(-50%);
     transform: translateY(-50%);
     line-height: 1em;
     z-index: 2;
     cursor: pointer;
     font-size: 16px;
     background: center center no-repeat;
     -webkit-transition: all .5s cubic-bezier(.35, 0, .25, 1);
     transition: all .5s cubic-bezier(.35, 0, .25, 1)
 }
 
 .md-tab,
 md-toast {
     box-sizing: border-box;
     font-size: 14px
 }
 
 md-tabs-wrapper md-next-button.md-disabled,
 md-tabs-wrapper md-prev-button.md-disabled {
     opacity: .25;
     cursor: default
 }
 
 md-tab-content.md-left,
 md-tab-content.md-right {
     -webkit-animation: 1s md-tab-content-hide;
     opacity: 0
 }
 
 md-tabs-wrapper md-next-button.ng-leave,
 md-tabs-wrapper md-prev-button.ng-leave {
     -webkit-transition: none;
     transition: none
 }
 
 md-tabs-wrapper md-next-button md-icon,
 md-tabs-wrapper md-prev-button md-icon {
     position: absolute;
     top: 50%;
     left: 50%;
     -webkit-transform: translate3d(-50%, -50%, 0);
     transform: translate3d(-50%, -50%, 0)
 }
 
 md-tabs-wrapper md-prev-button {
     left: 0;
     background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE3LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPiA8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPiA8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjQgMjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPiA8ZyBpZD0iSGVhZGVyIj4gPGc+IDxyZWN0IHg9Ii02MTgiIHk9Ii0xMjA4IiBmaWxsPSJub25lIiB3aWR0aD0iMTQwMCIgaGVpZ2h0PSIzNjAwIi8+IDwvZz4gPC9nPiA8ZyBpZD0iTGFiZWwiPiA8L2c+IDxnIGlkPSJJY29uIj4gPGc+IDxwb2x5Z29uIHBvaW50cz0iMTUuNCw3LjQgMTQsNiA4LDEyIDE0LDE4IDE1LjQsMTYuNiAxMC44LDEyIAkJIiBzdHlsZT0iZmlsbDp3aGl0ZTsiLz4gPHJlY3QgZmlsbD0ibm9uZSIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ii8+IDwvZz4gPC9nPiA8ZyBpZD0iR3JpZCIgZGlzcGxheT0ibm9uZSI+IDxnIGRpc3BsYXk9ImlubGluZSI+IDwvZz4gPC9nPiA8L3N2Zz4NCg==)
 }
 
 md-tabs-wrapper md-next-button {
     right: 0;
     background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE3LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPiA8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPiA8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjQgMjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPiA8ZyBpZD0iSGVhZGVyIj4gPGc+IDxyZWN0IHg9Ii02MTgiIHk9Ii0xMzM2IiBmaWxsPSJub25lIiB3aWR0aD0iMTQwMCIgaGVpZ2h0PSIzNjAwIi8+IDwvZz4gPC9nPiA8ZyBpZD0iTGFiZWwiPiA8L2c+IDxnIGlkPSJJY29uIj4gPGc+IDxwb2x5Z29uIHBvaW50cz0iMTAsNiA4LjYsNy40IDEzLjIsMTIgOC42LDE2LjYgMTAsMTggMTYsMTIgCQkiIHN0eWxlPSJmaWxsOndoaXRlOyIvPiA8cmVjdCBmaWxsPSJub25lIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiLz4gPC9nPiA8L2c+IDxnIGlkPSJHcmlkIiBkaXNwbGF5PSJub25lIj4gPGcgZGlzcGxheT0iaW5saW5lIj4gPC9nPiA8L2c+IDwvc3ZnPg0K)
 }
 
 md-tabs-wrapper md-next-button md-icon {
     -webkit-transform: translate3d(-50%, -50%, 0) rotate(180deg);
     transform: translate3d(-50%, -50%, 0) rotate(180deg)
 }
 
 md-tabs-wrapper.md-stretch-tabs md-pagination-wrapper {
     width: 100%;
     display: -ms-flexbox;
     display: -webkit-box;
     display: flex;
     -ms-flex-direction: row;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
     flex-direction: row
 }
 
 md-tabs-wrapper.md-stretch-tabs md-pagination-wrapper md-tab-item {
     -ms-flex-positive: 1;
     -webkit-box-flex: 1;
     flex-grow: 1
 }
 
 md-tabs-canvas {
     overflow: hidden;
     display: block;
     height: 48px
 }
 
 md-tabs-canvas:after {
     display: table;
     clear: both
 }
 
 md-tabs-canvas .md-dummy-wrapper {
     position: absolute;
     top: 0;
     left: 0
 }
 
 md-tabs-canvas.md-paginated {
     margin: 0 32px
 }
 
 md-tabs-canvas.md-center-tabs {
     display: -ms-flexbox;
     display: -webkit-box;
     display: flex;
     -ms-flex-direction: column;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     flex-direction: column;
     text-align: center
 }
 
 md-tabs-canvas.md-center-tabs .md-tab {
     float: none;
     display: inline-block
 }
 
 md-switch,
 md-toast {
     display: -webkit-box
 }
 
 md-pagination-wrapper {
     height: 48px;
     display: block;
     -webkit-transition: -webkit-transform .5s cubic-bezier(.35, 0, .25, 1);
     transition: transform .5s cubic-bezier(.35, 0, .25, 1);
     transition: transform .5s cubic-bezier(.35, 0, .25, 1), -webkit-transform .5s cubic-bezier(.35, 0, .25, 1);
     position: absolute;
     width: 999999px;
     left: 0;
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0)
 }
 
 md-pagination-wrapper:after {
     display: table;
     clear: both
 }
 
 md-pagination-wrapper.md-center-tabs {
     position: relative;
     width: initial;
     margin: 0 auto
 }
 
 md-ink-bar,
 md-tab,
 md-tab-content {
     position: absolute
 }
 
 md-tabs-content-wrapper {
     display: block;
     position: absolute;
     top: 48px;
     left: 0;
     right: 0;
     bottom: 0;
     overflow: hidden
 }
 
 md-tab-content {
     display: block;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     -webkit-transform: translateX(0);
     transform: translateX(0);
     -webkit-transition: -webkit-transform .5s cubic-bezier(.35, 0, .25, 1);
     transition: transform .5s cubic-bezier(.35, 0, .25, 1);
     transition: transform .5s cubic-bezier(.35, 0, .25, 1), -webkit-transform .5s cubic-bezier(.35, 0, .25, 1);
     overflow: auto
 }
 
 md-tab-content.md-no-scroll {
     bottom: auto;
     overflow: hidden
 }
 
 md-tab-content.md-no-transition,
 md-tab-content.ng-leave {
     -webkit-transition: none;
     transition: none
 }
 
 md-tab-content.md-left {
     -webkit-transform: translateX(-100%);
     transform: translateX(-100%);
     animation: 1s md-tab-content-hide
 }
 
 md-tab-content.md-left * {
     -webkit-transition: visibility 0s linear;
     transition: visibility 0s linear;
     -webkit-transition-delay: .5s;
     transition-delay: .5s;
     visibility: hidden
 }
 
 md-tab-content.md-right {
     -webkit-transform: translateX(100%);
     transform: translateX(100%);
     animation: 1s md-tab-content-hide
 }
 
 md-tab-content.md-right * {
     -webkit-transition: visibility 0s linear;
     transition: visibility 0s linear;
     -webkit-transition-delay: .5s;
     transition-delay: .5s;
     visibility: hidden
 }
 
 md-tab-content>div.ng-leave {
     -webkit-animation: 1s md-tab-content-hide;
     animation: 1s md-tab-content-hide
 }
 
 md-ink-bar {
     left: auto;
     right: auto;
     bottom: 0;
     height: 2px
 }
 
 md-ink-bar.md-left {
     -webkit-transition: left 125ms cubic-bezier(.35, 0, .25, 1), right .25s cubic-bezier(.35, 0, .25, 1);
     transition: left 125ms cubic-bezier(.35, 0, .25, 1), right .25s cubic-bezier(.35, 0, .25, 1)
 }
 
 md-ink-bar.md-right {
     -webkit-transition: left .25s cubic-bezier(.35, 0, .25, 1), right 125ms cubic-bezier(.35, 0, .25, 1);
     transition: left .25s cubic-bezier(.35, 0, .25, 1), right 125ms cubic-bezier(.35, 0, .25, 1)
 }
 
 md-tab {
     z-index: -1;
     left: -9999px
 }
 
 .md-tab {
     text-align: center;
     line-height: 24px;
     padding: 12px 24px;
     -webkit-transition: background-color .35s cubic-bezier(.35, 0, .25, 1);
     transition: background-color .35s cubic-bezier(.35, 0, .25, 1);
     cursor: pointer;
     white-space: nowrap;
     position: relative;
     float: left;
     font-weight: 500;
     overflow: hidden;
     text-overflow: ellipsis
 }
 
 .md-tab.md-focused {
     box-shadow: none
 }
 
 .md-tab.md-active {
     cursor: default
 }
 
 .md-tab.md-disabled {
     pointer-events: none;
     -ms-touch-action: pan-y;
     touch-action: pan-y;
     user-select: none;
     -webkit-user-drag: none;
     opacity: .5;
     cursor: default
 }
 
 .md-tab.ng-leave {
     -webkit-transition: none;
     transition: none
 }
 
 md-toolbar+md-tabs {
     border-top-left-radius: 0;
     border-top-right-radius: 0
 }
 
 md-switch {
     display: -ms-flexbox;
     display: flex;
     -ms-flex-align: center;
     -webkit-box-align: center;
     align-items: center;
     margin: 15px;
     white-space: nowrap;
     cursor: pointer;
     user-select: none
 }
 
 md-switch .md-container {
     cursor: -webkit-grab;
     cursor: grab;
     width: 36px;
     height: 24px;
     position: relative;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     margin-right: 8px
 }
 
 md-switch:not([disabled]) .md-dragging,
 md-switch:not([disabled]).md-dragging .md-container {
     cursor: -webkit-grabbing;
     cursor: grabbing
 }
 
 md-switch.md-focused:not([disabled]) .md-thumb:before {
     left: -8px;
     top: -8px;
     right: -8px;
     bottom: -8px
 }
 
 md-switch.md-focused:not([disabled]):not(.md-checked) .md-thumb:before {
     background-color: rgba(0, 0, 0, .12)
 }
 
 md-switch .md-label {
     border-color: transparent;
     border-width: 0
 }
 
 md-switch .md-bar {
     left: 1px;
     width: 34px;
     top: 5px;
     height: 14px;
     border-radius: 8px;
     position: absolute
 }
 
 md-switch .md-thumb-container {
     top: 2px;
     left: 0;
     width: 16px;
     position: absolute;
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
     z-index: 1
 }
 
 md-switch .md-thumb,
 md-switch .md-thumb:before {
     border-radius: 50%;
     left: 0;
     top: 0;
     position: absolute
 }
 
 md-switch.md-checked .md-thumb-container {
     -webkit-transform: translate3d(100%, 0, 0);
     transform: translate3d(100%, 0, 0)
 }
 
 md-switch .md-thumb {
     margin: 0;
     height: 20px;
     width: 20px;
     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-switch .md-thumb:before {
     background-color: transparent;
     display: block;
     height: auto;
     right: 0;
     bottom: 0;
     -webkit-transition: all .5s;
     transition: all .5s;
     width: auto
 }
 
 md-switch .md-thumb .md-ripple-container {
     position: absolute;
     display: block;
     width: auto;
     height: auto;
     left: -20px;
     top: -20px;
     right: -20px;
     bottom: -20px
 }
 
 md-switch:not(.md-dragging) .md-bar,
 md-switch:not(.md-dragging) .md-thumb,
 md-switch:not(.md-dragging) .md-thumb-container {
     -webkit-transition: all .08s linear;
     transition: all .08s linear;
     -webkit-transition-property: background-color, -webkit-transform;
     transition-property: background-color, -webkit-transform;
     transition-property: transform, background-color;
     transition-property: transform, background-color, -webkit-transform
 }
 
 md-switch:not(.md-dragging) .md-bar,
 md-switch:not(.md-dragging) .md-thumb {
     -webkit-transition-delay: .05s;
     transition-delay: .05s
 }
 
 md-toast {
     display: -ms-flexbox;
     display: flex;
     position: absolute;
     z-index: 90;
     -ms-flex-align: center;
     -webkit-box-align: center;
     align-items: center;
     min-height: 48px;
     padding-left: 24px;
     padding-right: 24px;
     box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26);
     border-radius: 2px;
     cursor: default;
     height: 0;
     max-height: 168px;
     max-width: 100%;
     overflow: hidden;
     opacity: 1;
     -webkit-transform: translate3d(0, 0, 0) rotateZ(0);
     transform: translate3d(0, 0, 0) rotateZ(0);
     -webkit-transition: all .4s cubic-bezier(.25, .8, .25, 1);
     transition: all .4s cubic-bezier(.25, .8, .25, 1)
 }
 
 .md-toolbar-tools,
 md-toolbar {
     font-size: 20px;
     display: -ms-flexbox;
     display: -webkit-box;
     -webkit-box-direction: normal;
     box-sizing: border-box
 }
 
 md-toast.md-capsule {
     border-radius: 24px
 }
 
 md-toast.ng-leave-active {
     -webkit-transition: all .3s cubic-bezier(.55, 0, .55, .2);
     transition: all .3s cubic-bezier(.55, 0, .55, .2)
 }
 
 md-toast.md-swipedown,
 md-toast.md-swipeleft,
 md-toast.md-swiperight,
 md-toast.md-swipeup {
     -webkit-transition: all .4s cubic-bezier(.25, .8, .25, 1);
     transition: all .4s cubic-bezier(.25, .8, .25, 1)
 }
 
 md-toast.ng-enter {
     -webkit-transform: translate3d(0, 100%, 0);
     transform: translate3d(0, 100%, 0);
     opacity: 0
 }
 
 md-toast.ng-enter.md-top {
     -webkit-transform: translate3d(0, -100%, 0);
     transform: translate3d(0, -100%, 0)
 }
 
 md-toast.ng-enter.ng-enter-active {
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
     opacity: 1
 }
 
 md-toast.ng-leave.ng-leave-active {
     opacity: 0;
     -webkit-transform: translate3d(0, 100%, 0);
     transform: translate3d(0, 100%, 0)
 }
 
 md-toast.ng-leave.ng-leave-active.md-top {
     -webkit-transform: translate3d(0, -100%, 0);
     transform: translate3d(0, -100%, 0)
 }
 
 md-toast.ng-leave.ng-leave-active.md-swipeleft {
     -webkit-transform: translate3d(-100%, 0, 0);
     transform: translate3d(-100%, 0, 0)
 }
 
 md-toast.ng-leave.ng-leave-active.md-swiperight {
     -webkit-transform: translate3d(100%, 0, 0);
     transform: translate3d(100%, 0, 0)
 }
 
 md-toast .md-action {
     line-height: 19px;
     margin-left: 24px;
     cursor: pointer;
     float: right
 }
 
 md-toast .md-action.md-button {
     min-width: 0
 }
 
 @media (max-width:600px) {
     md-toast {
         left: 0;
         right: 0;
         width: 100%;
         max-width: 100%;
         min-width: 0;
         border-radius: 0;
         bottom: 0
     }
     md-toast.md-top {
         bottom: auto;
         top: 0
     }
 }
 
 @media (min-width:600px) {
     md-toast {
         min-width: 288px
     }
     md-toast.md-bottom {
         bottom: 8px
     }
     md-toast.md-left {
         left: 8px
     }
     md-toast.md-right {
         right: 8px
     }
     md-toast.md-top {
         top: 8px
     }
     md-toast.ng-leave.ng-leave-active.md-swipeleft {
         -webkit-transform: translate3d(-100%, 25%, 0) rotateZ(-15deg);
         transform: translate3d(-100%, 25%, 0) rotateZ(-15deg)
     }
     md-toast.ng-leave.ng-leave-active.md-swiperight {
         -webkit-transform: translate3d(100%, 25%, 0) rotateZ(15deg);
         transform: translate3d(100%, 25%, 0) rotateZ(15deg)
     }
     md-toast.ng-leave.ng-leave-active.md-top.md-swipeleft {
         -webkit-transform: translate3d(-100%, 0, 0) rotateZ(-15deg);
         transform: translate3d(-100%, 0, 0) rotateZ(-15deg)
     }
     md-toast.ng-leave.ng-leave-active.md-top.md-swiperight {
         -webkit-transform: translate3d(100%, 0, 0) rotateZ(15deg);
         transform: translate3d(100%, 0, 0) rotateZ(15deg)
     }
 }
 
 @media (min-width:1200px) {
     md-toast {
         max-width: 568px
     }
 }
 
 md-toolbar {
     display: flex;
     -ms-flex-direction: column;
     -webkit-box-orient: vertical;
     flex-direction: column;
     position: relative;
     z-index: 2;
     min-height: 64px;
     width: 100%
 }
 
 md-toolbar.md-whiteframe-z1-add,
 md-toolbar.md-whiteframe-z1-remove {
     -webkit-transition: box-shadow .5s linear;
     transition: box-shadow .5s linear
 }
 
 md-toolbar md-toolbar-filler {
     width: 72px
 }
 
 md-toolbar *,
 md-toolbar:after,
 md-toolbar:before {
     box-sizing: border-box
 }
 
 md-toolbar.md-tall {
     height: 128px;
     min-height: 128px;
     max-height: 128px
 }
 
 md-toolbar.md-medium-tall {
     height: 88px;
     min-height: 88px;
     max-height: 88px
 }
 
 md-toolbar.md-medium-tall .md-toolbar-tools {
     height: 48px;
     min-height: 48px;
     max-height: 48px
 }
 
 md-toolbar>.md-indent {
     margin-left: 64px
 }
 
 md-toolbar~md-content>md-list {
     padding: 0
 }
 
 md-toolbar~md-content>md-list md-list-item:last-child md-divider {
     display: none
 }
 
 .md-toolbar-tools {
     letter-spacing: .005em;
     font-weight: 400;
     display: flex;
     -ms-flex-align: center;
     -webkit-box-align: center;
     align-items: center;
     -ms-flex-direction: row;
     -webkit-box-orient: horizontal;
     flex-direction: row;
     width: 100%;
     height: 64px;
     max-height: 64px;
     padding: 0 16px;
     margin: 0
 }
 
 .md-toolbar-tools h1,
 .md-toolbar-tools h2,
 .md-toolbar-tools h3 {
     font-size: inherit;
     font-weight: inherit;
     margin: inherit
 }
 
 .md-toolbar-tools a {
     color: inherit
 }
 
 .md-toolbar-tools .fill-height {
     display: -ms-flexbox;
     display: -webkit-box;
     display: flex;
     -ms-flex-align: center;
     -webkit-box-align: center;
     align-items: center
 }
 
 .md-toolbar-tools .md-button {
     margin-top: 0;
     margin-bottom: 0
 }
 
 .md-toolbar-tools>.md-button:first-child {
     margin-left: -8px
 }
 
 .md-toolbar-tools>.md-button:last-child,
 .md-toolbar-tools>md-menu:last-child {
     margin-right: -8px
 }
 
 .md-toolbar-tools>md-menu:last-child>.md-button {
     margin-right: 0
 }
 
 @media screen and (-ms-high-contrast:active) {
     md-switch.md-default-theme .md-bar {
         background-color: #666
     }
     md-switch.md-default-theme.md-checked .md-bar {
         background-color: #9E9E9E
     }
     md-switch.md-default-theme .md-thumb {
         background-color: #fff
     }
     md-toast {
         border: 1px solid #fff
     }
     .md-toolbar-tools {
         border-bottom: 1px solid #fff
     }
 }
 
 @media only screen and (min-width:0) and (max-width:600px) and (orientation:portrait) {
     md-toolbar {
         min-height: 56px
     }
     .md-toolbar-tools {
         height: 56px;
         max-height: 56px
     }
 }
 
 @media only screen and (min-width:0) and (max-width:600px) and (orientation:landscape) {
     md-toolbar {
         min-height: 48px
     }
     .md-toolbar-tools {
         height: 48px;
         max-height: 48px
     }
 }
 
 md-tooltip {
     position: absolute;
     z-index: 100;
     overflow: hidden;
     pointer-events: none;
     border-radius: 4px;
     font-weight: 500;
     font-size: 14px
 }
 
 md-tooltip .md-background {
     position: absolute;
     border-radius: 50%;
     transform: translate(-50%, -50%) scale(0);
     opacity: 1
 }
 
 md-tooltip .md-background.md-show-add {
     -webkit-transition: all .4s cubic-bezier(.25, .8, .25, 1);
     transition: all .4s cubic-bezier(.25, .8, .25, 1);
     -webkit-transform: translate(-50%, -50%) scale(0);
     transform: translate(-50%, -50%) scale(0);
     opacity: 0
 }
 
 md-tooltip .md-background.md-show,
 md-tooltip .md-background.md-show-add-active {
     -webkit-transform: translate(-50%, -50%) scale(1);
     transform: translate(-50%, -50%) scale(1);
     opacity: 1
 }
 
 md-tooltip .md-background.md-show-remove {
     -webkit-transition: all .3s cubic-bezier(.55, 0, .55, .2);
     transition: all .3s cubic-bezier(.55, 0, .55, .2)
 }
 
 md-tooltip .md-background.md-show-remove.md-show-remove-active {
     -webkit-transform: translate(-50%, -50%) scale(0);
     transform: translate(-50%, -50%) scale(0);
     opacity: 0
 }
 
 md-tooltip .md-content {
     position: relative;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     background: 0 0;
     opacity: 0;
     height: 32px;
     line-height: 32px;
     padding-left: 16px;
     padding-right: 16px
 }
 
 @media screen and (min-width:600px) {
     md-tooltip {
         font-size: 10px
     }
     md-tooltip .md-content {
         height: 22px;
         line-height: 22px;
         padding-left: 8px;
         padding-right: 8px
     }
 }
 
 button,
 hr,
 input,
 pre {
     overflow: visible
 }
 
 a,
 legend {
     color: inherit
 }
 
 a,
 button {
     background-color: transparent
 }
 
 html {
     -ms-text-size-adjust: 100%;
     -webkit-text-size-adjust: 100%;
     width: 100%
 }
 
 audio,
 canvas,
 progress,
 video {
     display: inline-block
 }
 
 audio:not([controls]) {
     display: none;
     height: 0
 }
 
 progress {
     vertical-align: baseline
 }
 
 [hidden],
 template {
     display: none
 }
 
 a {
     -webkit-text-decoration-skip: objects;
     text-decoration: none;
     -webkit-touch-callout: none
 }
 
 a:active,
 a:hover {
     outline-width: 0
 }
 
 abbr[title] {
     border-bottom: none;
     text-decoration: underline;
     text-decoration: underline dotted
 }
 
 mark {
     background-color: #ff0;
     color: #000
 }
 
 sub,
 sup {
     line-height: 0;
     position: relative
 }
 
 sub {
     bottom: -.25em
 }
 
 sup {
     top: -.5em
 }
 
 svg:not(:root) {
     overflow: hidden
 }
 
 hr {
     box-sizing: content-box;
     height: 0
 }
 
 button,
 input,
 optgroup,
 select,
 textarea {
     font: inherit;
     margin: 0
 }
 
 optgroup {
     font-weight: 700
 }
 
 button,
 select {
     text-transform: none
 }
 
 [type=reset],
 [type=submit],
 button,
 html [type=button] {
     -webkit-appearance: button
 }
 
 [type=button]::-moz-focus-inner,
 [type=reset]::-moz-focus-inner,
 [type=submit]::-moz-focus-inner,
 button::-moz-focus-inner {
     border-style: none;
     padding: 0
 }
 
 [type=button]:-moz-focusring,
 [type=reset]:-moz-focusring,
 [type=submit]:-moz-focusring,
 button:-moz-focusring {
     outline: ButtonText dotted 1px
 }
 
 legend {
     box-sizing: border-box;
     display: table;
     max-width: 100%;
     white-space: normal
 }
 
 textarea {
     overflow: auto
 }
 
 [type=checkbox],
 [type=radio] {
     box-sizing: border-box;
     padding: 0
 }
 
 [type=number]::-webkit-inner-spin-button,
 [type=number]::-webkit-outer-spin-button {
     height: auto
 }
 
 [type=search] {
     -webkit-appearance: textfield;
     outline-offset: -2px
 }
 
 [type=search]::-webkit-search-cancel-button,
 [type=search]::-webkit-search-decoration {
     -webkit-appearance: none
 }
 
 ::-webkit-input-placeholder {
     color: inherit;
     opacity: .54
 }
 
 ::-webkit-file-upload-button {
     -webkit-appearance: button;
     font: inherit
 }
 
 blockquote,
 q {
     quotes: none
 }
 
 blockquote:after,
 blockquote:before,
 q:after,
 q:before {
     content: '';
     content: none
 }
 
 table {
     border-collapse: collapse;
     border-spacing: 0
 }
 
 ::after,
 ::before,
 :after,
 :before,
 a,
 address,
 article,
 aside,
 body,
 button,
 div,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 header,
 html,
 img,
 input,
 li,
 nav,
 p,
 section,
 textarea,
 ul {
     border: none;
     margin: 0;
     padding: 0;
     box-sizing: border-box;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     -moz-font-smoothing: antialiased;
     text-rendering: optimizelegibility
 }

 .section-form {
     margin: 0 auto;
     padding: 40px 0;
     width: 60%;
     min-width: 280px
 }
 
 @media (min-width:768px) {
     .section-form {
         width: 500px
     }
 }
 
 .section-form .input-container {
     height: 10em
 }
 
 .section-form .input-container.textarea {
     height: 15em
 }
 
 .section-form .input-container.date,
 .section-form .input-container.time,
 .section-form .input-container.title {
     padding-bottom: 2em;
     height: auto
 }
 
 @media (min-width:1025px) {
     .section-form .input-container.date,
     .section-form .input-container.time,
     .section-form .input-container.title {
         padding-bottom: 3em
     }
 }
 
 .section-form .input-button,
 .section-form .input-if-disabled,
 .section-form .input-input,
 .section-form .input-label,
 .section-form .input-option,
 .section-form .input-textarea {
     width: 100%;
     display: block;
     font-size: 16px;
     line-height: 2
 }
 
 .section-form .input-input,
 .section-form .input-textarea {
     border-radius: 0
 }
 
 .section-form .input-select {
     box-sizing: content-box;
     margin: 0;
     border: 1px solid #ccc;
     border-radius: 0;
     padding: 1em 2em;
     -moz-appearance: none;
     -webkit-appearance: none;
     appearance: none;
     background: 0 0;
     vertical-align: middle;
     color: inherit;
     font-size: 16px;
     text-align: center
 }
 
 .section-form .input-textarea {
     resize: none
 }
 
 .section-form .input-input:not(.readonly),
 .section-form .input-textarea:not(.readonly) {
     border-bottom: 1px solid #ccc
 }
 
 .section-form .input-button {
     display: block;
     margin: 20px auto 0;
     width: 10em;
     color: #fff;
     line-height: 3
 }
 
 .section-form .input-button.disabled {
     background-color: #eee
 }
 
 .section-form .input-button.disabled~.input-if-disabled {
     text-align: center;
     line-height: 2;
     color: #b90505
 }
 
 .section-form .input-button~.input-if-disabled {
     display: none
 }
 
 .section-form .help-block.form-error {
     display: block;
     padding: .5em 0;
     font-size: 14px;
     color: #b90505;
     -webkit-transition: .2s all;
     transition: .2s all
 }
 
 .sending {
     display: none;
     width: 100%;
     width: 100vw;
     height: 100%;
     height: 100vh;
     position: fixed;
     top: 0;
     left: 0;
     z-index: 99999;
     background-color: rgba(255, 255, 255, .9)
 }
 
 .loading,
 .sending-content {
     position: relative;
     left: 50%;
     top: 50%
 }
 
 .sending-content {
     -webkit-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%)
 }
 
 .sending-span {
     display: block;
     width: 100%;
     text-align: center;
     letter-spacing: .2em;
     color: #49a0b9
 }
 
 .loading {
     -webkit-transform: translate(-6px, 10px);
     transform: translate(-6px, 10px);
     height: 25px;
     width: 10px;
     border-radius: 10%;
     -webkit-animation: fade2 1s infinite;
     animation: fade2 1s infinite;
     -webkit-transition: background .2s;
     transition: background .2s
 }
 
 .loading:after,
 .loading:before {
     content: "";
     display: block;
     border-radius: 10%;
     height: 20px;
     width: 10px;
     position: absolute;
     top: 50%;
     left: -15px;
     -webkit-transform: translateY(-50%);
     transform: translateY(-50%);
     -webkit-animation: fade1 1s infinite;
     animation: fade1 1s infinite;
     -webkit-transition: background .2s;
     transition: background .2s
 }
 
 .loading:before {
     left: 15px;
     -webkit-animation: fade3 1s infinite;
     animation: fade3 1s infinite
 }
 
 .section-form .input-button {
     background-color: #49a0b9
 }
 
 .loading,
 .loading:after,
 .loading:before {
     background: rgba(73, 160, 185, .2)
 }
 
 .loading {
     border-top-color: #49a0b9
 }
 
 @-webkit-keyframes fade1 {
     0% {
         background: #49a0b9
     }
 }
 
 @keyframes fade1 {
     0% {
         background: #49a0b9
     }
 }
 
 @-webkit-keyframes fade2 {
     33% {
         background: #49a0b9
     }
 }
 
 @keyframes fade2 {
     33% {
         background: #49a0b9
     }
 }
 
 @-webkit-keyframes fade3 {
     66% {
         background: #49a0b9
     }
 }
 
 @keyframes fade3 {
     66% {
         background: #49a0b9
     }
 }