/*purgecss start ignore
 */

/*!
 * vue-material v1.0.0-beta-15
 * Made with <3 by marcosmoura 2020
 * Released under the MIT License.
 */

*,:after,:before{
  box-sizing:inherit
}

html{
  height:100%;
  box-sizing:border-box;
  transition:background-color .3s cubic-bezier(.25,.8,.25,1)
}

body{
  min-height:100%;
  margin:0;
  position:relative;
  -webkit-tap-highlight-color:transparent;
  -webkit-touch-callout:none;
  -webkit-text-size-adjust:100%;
  -ms-text-size-adjust:100%;
  -moz-osx-font-smoothing:grayscale;
  -webkit-font-smoothing:antialiased;
  font-family:Roboto,Noto Sans,-apple-system,BlinkMacSystemFont,sans-serif
}

a:not(.md-button){
  transition:.3s cubic-bezier(.25,.8,.25,1);
  transition-property:color,background-color,opacity
}

audio,canvas,embed,iframe,img,object,video{
  max-width:100%;
  font-style:italic;
  vertical-align:middle
}

audio:not(.md-image),canvas:not(.md-image),embed:not(.md-image),iframe:not(.md-image),img:not(.md-image),object:not(.md-image),video:not(.md-image){
  height:auto
}

[tabindex="-1"]:focus{
  outline:none!important
}

.md-scrollbar::-webkit-scrollbar{
  width:8px;
  height:8px;
  border-radius:8px
}

.md-scrollbar::-webkit-scrollbar-thumb{
  border-radius:8px
}

.md-scrollbar::-webkit-scrollbar-button{
  display:none
}

.md-caption{
  font-size:12px;
  font-weight:400;
  letter-spacing:.02em;
  line-height:17px
}

.md-body-1,body{
  font-weight:400;
  line-height:20px
}

.md-body-1,.md-body-2,body{
  font-size:14px;
  letter-spacing:.01em
}

.md-body-2{
  font-weight:500;
  line-height:24px
}

.md-subheading{
  font-size:16px;
  font-weight:400;
  letter-spacing:.01em;
  line-height:24px
}

.md-title{
  font-size:20px;
  font-weight:500;
  letter-spacing:.005em;
  line-height:26px
}

.md-headline{
  font-size:24px;
  line-height:32px
}

.md-display-1,.md-headline{
  font-weight:400;
  letter-spacing:0
}

.md-display-1{
  font-size:34px;
  line-height:40px
}

.md-display-2{
  font-size:45px;
  font-weight:400;
  letter-spacing:0;
  line-height:48px
}

.md-display-3{
  font-size:56px;
  font-weight:400;
  letter-spacing:-.005em;
  line-height:58px
}

.md-display-4{
  font-size:112px;
  font-weight:300;
  letter-spacing:-.01em;
  line-height:112px
}

a:not(.md-button){
  text-decoration:none
}

a:not(.md-button):hover{
  text-decoration:underline
}

button:focus{
  outline:none
}

.md-app{
  display:flex;
  overflow:hidden;
  position:relative
}

.md-app.md-fixed .md-app-scroller{
  overflow:auto
}

.md-app.md-fixed-last,.md-app.md-flexible,.md-app.md-overlap,.md-app.md-reveal{
  transform:translateZ(0)
}

.md-app.md-fixed-last .md-app-toolbar,.md-app.md-flexible .md-app-toolbar,.md-app.md-overlap .md-app-toolbar,.md-app.md-reveal .md-app-toolbar{
  position:absolute;
  top:0
}

.md-app.md-flexible .md-app-toolbar,.md-app.md-overlap .md-app-toolbar{
  min-height:0
}

.md-app.md-flexible .md-toolbar-row:first-child{
  z-index:2
}

.md-app.md-flexible .md-toolbar-row:last-child{
  position:fixed;
  bottom:0;
  z-index:1
}

.md-app.md-flexible .md-display-1{
  position:fixed
}

.md-app.md-overlap .md-app-toolbar{
  z-index:1
}

.md-app.md-overlap .md-app-content{
  margin:-64px 24px 24px;
  position:relative;
  z-index:2
}

.md-app-content{
  padding:16px
}

.md-app-content>p:first-child{
  margin-top:0
}

.md-app-content>p:last-child{
  margin-bottom:0
}

.md-app-container{
  flex:1;
  display:flex;
  overflow:auto;
  transform:translate3D(0,0,0);
  transition:padding-left .4s cubic-bezier(.4,0,.2,1),padding-right .4s cubic-bezier(.4,0,.2,1);
  will-change:padding-left,padding-right
}

.md-app-scroller{
  flex:1
}

@media (max-width:960px){
  .md-app.md-overlap .md-app-content{
    margin:-64px 16px 16px
  }
}

@media (max-width:600px){
  .md-app.md-overlap .md-app-content{
    margin:-64px 8px 8px
  }
}

@media (min-width:600px){
  .md-app-drawer.md-permanent-card+.md-app-scroller .md-content{
    padding-left:0;
    padding-right:0;
    border-left:none;
    border-right:none
  }

  .md-app-content{
    border-left:1px solid transparent;
    border-right:1px solid transparent
  }
}

.md-app-internal-drawer,.md-app-side-drawer .md-app-container{
  flex-direction:column
}

.md-app-internal-drawer .md-app-scroller{
  overflow:auto
}

.md-no-elevation{
  box-shadow:none!important
}

.md-fixed-last .md-reveal-active,.md-flexible .md-reveal-active,.md-overlap .md-reveal-active,.md-reveal .md-reveal-active{
  transform:translate3d(0,calc(100% + 10px),0);
  transition:.3s cubic-bezier(.25,.8,.25,1);
  transition-property:box-shadow,transform;
  will-change:height,box-shadow,transform
}

.md-app-toolbar{
  min-height:64px
}

.md-overlap .md-app-toolbar{
  height:196px
}

.md-fixed-last-active{
  transition:.3s cubic-bezier(.25,.8,.25,1);
  transition-property:box-shadow,transform;
  will-change:height,box-shadow,transform
}

.md-overlap-off{
  z-index:3!important
}

.md-app-content{
  min-height:100%
}

.md-app-content .md-card{
  margin-right:16px;
  margin-left:16px;
  overflow:visible
}

.md-badge-content{
  position:relative;
  display:inline-block
}

.md-badge-content .md-position-top{
  top:-4px
}

.md-badge-content .md-position-bottom{
  bottom:-4px
}

.md-badge{
  position:absolute;
  transition:.3s cubic-bezier(.4,0,.2,1);
  display:flex;
  align-items:center;
  justify-content:center;
  right:-4px;
  font-size:10px;
  font-style:normal;
  width:22px;
  height:22px;
  border-radius:50%;
  color:#fff;
  pointer-events:none;
  z-index:6
}

.md-list-item-content .md-badge{
  position:relative;
  top:0;
  bottom:0;
  right:0
}

.md-badge.md-dense{
  width:18px;
  height:18px;
  font-size:8px
}

.md-badge.md-square{
  width:auto;
  border-radius:3px;
  height:18px;
  padding:0 4px
}

.md-autocomplete .md-menu{
  width:100%;
  display:flex
}

.md-autocomplete-loading{
  display:flex;
  align-items:center;
  justify-content:center;
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  z-index:10
}

.md-field.md-inline.md-autocomplete-box{
  box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);
  padding-top:2px;
  border-radius:2px
}

.md-field.md-inline.md-autocomplete-box.md-focused{
  z-index:13
}

.md-field.md-inline.md-autocomplete-box:after,.md-field.md-inline.md-autocomplete-box:before{
  display:none
}

.md-toolbar .md-field.md-inline.md-autocomplete-box{
  min-height:40px;
  height:40px;
  margin:0;
  box-shadow:none
}

.md-field.md-inline.md-autocomplete-box .md-menu{
  align-items:center
}

.md-field.md-inline.md-autocomplete-box .md-input{
  padding-left:16px
}

.md-field.md-inline.md-autocomplete-box.md-focused label,.md-field.md-inline.md-autocomplete-box .md-input-action,.md-field.md-inline.md-autocomplete-box label{
  top:50%;
  transform:translateY(-50%)
}

.md-field.md-inline.md-autocomplete-box .md-input-action{
  right:8px
}

.md-field.md-inline.md-autocomplete-box.md-focused label,.md-field.md-inline.md-autocomplete-box label{
  margin-top:2px;
  left:16px
}

.md-autocomplete-box-content:after{
  height:6px;
  position:absolute;
  top:-6px;
  right:0;
  left:0;
  z-index:13;
  border-bottom:1px solid;
  content:""
}

.md-avatar{
  width:40px;
  min-width:40px;
  height:40px;
  margin:auto;
  display:inline-flex;
  justify-content:center;
  align-items:center;
  overflow:hidden;
  -webkit-user-select:none;
  user-select:none;
  position:relative;
  border-radius:40px;
  transition:.4s cubic-bezier(.4,0,.2,1);
  transition-property:color,background-color;
  will-change:color,background-color;
  font-size:24px;
  letter-spacing:-.05em;
  vertical-align:middle
}

.md-avatar.md-large{
  min-width:64px;
  min-height:64px;
  border-radius:64px;
  font-size:32px
}

.md-avatar.md-large .md-icon{
  font-size:40px!important
}

.md-avatar.md-small{
  width:24px;
  min-width:24px;
  height:24px;
  border-radius:24px;
  font-size:14px
}

.md-avatar.md-small .md-icon{
  font-size:16px!important
}

.md-avatar .md-icon{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%)
}

.md-avatar img{
  width:100%;
  height:100%;
  display:block
}

.md-avatar .md-ripple{
  cursor:pointer;
  display:inline-flex;
  justify-content:center;
  align-items:center;
  border-radius:50%
}

.md-bottom-bar{
  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);
  width:100%;
  transition:background-color .5s cubic-bezier(.4,0,.2,1)
}

.md-bottom-bar>.md-ripple{
  display:flex;
  flex-wrap:wrap
}

.md-bottom-bar.md-type-fixed{
  justify-content:center
}

.md-bottom-bar.md-type-fixed .md-bottom-bar-item{
  min-width:80px;
  max-width:168px;
  transition:.4s cubic-bezier(.4,0,.2,1);
  transition-property:color;
  will-change:color
}

.md-bottom-bar.md-type-fixed .md-bottom-bar-item .md-bottom-bar-label{
  transform:scale(.8571) translate3D(0,4px,0)
}

.md-bottom-bar.md-type-fixed .md-bottom-bar-item.md-active .md-ripple{
  padding-top:6px
}

.md-bottom-bar.md-type-fixed .md-bottom-bar-item.md-active .md-bottom-bar-icon{
  transform:translate3d(0,-2px,0)
}

.md-bottom-bar.md-type-fixed .md-bottom-bar-item.md-active .md-bottom-bar-label{
  transform:translate3D(0,3px,0)
}

.md-bottom-bar.md-type-shift{
  justify-content:center
}

.md-bottom-bar.md-type-shift>.md-ripple .md-ripple-enter-active{
  transition-duration:1.1s!important
}

.md-bottom-bar.md-type-shift>.md-ripple .md-ripple-enter{
  opacity:1
}

.md-bottom-bar.md-type-shift .md-bottom-bar-item{
  min-width:56px;
  max-width:96px;
  flex:1 1 32px;
  transition:.3s cubic-bezier(.4,0,.2,1);
  transition-property:padding,min-width,max-width,flex,color;
  will-change:padding,min-width,max-width,flex,color
}

.md-bottom-bar.md-type-shift .md-bottom-bar-item .md-ripple{
  padding:16px
}

.md-bottom-bar.md-type-shift .md-bottom-bar-item .md-bottom-bar-icon{
  transform:translate3d(0,8px,0)
}

.md-bottom-bar.md-type-shift .md-bottom-bar-item .md-bottom-bar-label{
  opacity:0;
  transform:scale(.7) translate3d(0,6px,0)
}

.md-bottom-bar.md-type-shift .md-bottom-bar-item.md-active{
  min-width:96px;
  max-width:168px;
  flex:1 1 72px
}

.md-bottom-bar.md-type-shift .md-bottom-bar-item.md-active .md-ripple{
  padding:6px 0 10px
}

.md-bottom-bar.md-type-shift .md-bottom-bar-item.md-active .md-bottom-bar-icon{
  transform:translateZ(0)
}

.md-bottom-bar.md-type-shift .md-bottom-bar-item.md-active .md-bottom-bar-label{
  opacity:1;
  transform:translate3d(0,3px,0)
}

.md-bottom-bar .md-bottom-bar-item{
  height:56px;
  margin:0;
  flex:1;
  cursor:pointer;
  border-radius:0;
  font-size:14px;
  font-weight:400;
  line-height:1em;
  text-transform:none
}

.md-bottom-bar .md-bottom-bar-item .md-ripple{
  padding:8px 12px 10px;
  transition:padding .3s cubic-bezier(.25,.8,.25,1);
  will-change:padding
}

.md-bottom-bar .md-bottom-bar-item .md-button-content{
  position:static;
  display:flex;
  flex-direction:column;
  align-items:center
}

.md-bottom-bar .md-bottom-bar-item .md-bottom-bar-icon,.md-bottom-bar .md-bottom-bar-item .md-bottom-bar-label{
  transition:.3s cubic-bezier(.4,0,.2,1);
  transition-property:transform,opacity;
  will-change:transform,opacity
}

.md-ripple{
  width:100%;
  height:100%;
  position:relative;
  z-index:5;
  overflow:hidden;
  -webkit-mask-image:radial-gradient(circle,#fff 100%,#000 0)
}

.md-ripple-wave{
  position:absolute;
  z-index:1;
  pointer-events:none;
  background:currentColor;
  border-radius:50%;
  opacity:0;
  transform:scale(2) translateZ(0)
}

.md-ripple-wave.md-centered{
  animation-duration:1.2s;
  top:50%;
  left:50%
}

.md-ripple-wave~:not(.md-ripple-wave){
  position:relative;
  z-index:2
}

.md-ripple-enter-active{
  transition:.8s cubic-bezier(.25,.8,.25,1);
  transition-property:opacity,transform;
  will-change:opacity,transform
}

.md-ripple-enter-active.md-centered{
  transition-duration:1.2s
}

.md-ripple-enter{
  opacity:.26;
  transform:scale(.26) translateZ(0)
}

.md-button,.md-button-clean{
  margin:0;
  padding:0;
  display:inline-block;
  position:relative;
  overflow:hidden;
  outline:none;
  background:transparent;
  border:0;
  border-radius:0;
  transition:.4s cubic-bezier(.4,0,.2,1);
  font-family:inherit;
  line-height:normal;
  text-decoration:none;
  vertical-align:top;
  white-space:nowrap
}

.md-button{
  min-width:88px;
  height:36px;
  margin:6px 8px;
  -webkit-user-select:none;
  user-select:none;
  border-radius:2px;
  font-size:14px;
  font-weight:500;
  text-transform:uppercase
}

.md-button:active{
  outline:none
}

.md-button[disabled]{
  pointer-events:none
}

.md-button:not([disabled]){
  cursor:pointer
}

.md-button:not([disabled]).md-focused:before,.md-button:not([disabled]):active:before,.md-button:not([disabled]):hover:before{
  background-color:currentColor;
  opacity:.12
}

.md-button:not([disabled]).md-focused.md-accent:before,.md-button:not([disabled]).md-focused.md-primary:before,.md-button:not([disabled]):active:before{
  opacity:.2
}

.md-button:not([disabled]).md-ripple-off:active:before{
  opacity:.26
}

.md-button.md-plain.md-button.md-raised:not([disabled]){
  color:rgba(0,0,0,.87);
  background-color:#fff
}

.md-button.md-plain.md-button.md-raised:not([disabled]) .md-icon-font{
  color:rgba(0,0,0,.87)
}

.md-button.md-plain.md-button.md-raised:not([disabled]) .md-icon-image{
  fill:rgba(0,0,0,.87)
}

.md-button::-moz-focus-inner{
  padding:0;
  border:0
}

.md-button:before{
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  z-index:1;
  opacity:0;
  transition:.4s cubic-bezier(.4,0,.2,1);
  will-change:background-color,opacity;
  content:" "
}

.md-button.md-dense{
  height:32px;
  font-size:13px
}

.md-button.md-raised:not([disabled]){
  box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)
}

.md-button.md-raised:not([disabled]):active{
  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-button.md-raised:not([disabled]).md-ripple-off:active:before{
  opacity:.2
}

.md-button+.md-button{
  margin-left:0
}

.md-button .md-ripple{
  padding:0 8px;
  display:flex;
  justify-content:center;
  align-items:center
}

.md-button-spaced .md-ripple{
  padding:0 16px
}

.md-fab,.md-icon-button{
  border-radius:50%;
  z-index:5
}

.md-fab .md-ripple,.md-fab:before,.md-icon-button .md-ripple,.md-icon-button:before{
  border-radius:50%
}

.md-fab.md-dense .md-ripple-wave,.md-fab.md-mini .md-ripple-wave,.md-icon-button .md-ripple-wave{
  top:0!important;
  right:0!important;
  bottom:0!important;
  left:0!important
}

.md-icon-button{
  width:40px;
  min-width:40px;
  height:40px;
  margin:0 6px
}

.md-icon-button.md-dense{
  width:32px;
  min-width:32px;
  height:32px
}

.md-icon-button .md-ripple-enter-active{
  transition-duration:1.2s
}

.md-fab{
  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);
  width:56px;
  height:56px;
  min-width:0;
  overflow:hidden
}

.md-fab:active{
  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-fab.md-dense,.md-fab.md-mini{
  width:40px;
  height:40px
}

.md-fab.md-fab-top-left,.md-fab.md-fab-top-right{
  position:absolute;
  top:24px
}

.md-fab.md-fab-bottom-left,.md-fab.md-fab-bottom-right{
  position:absolute;
  bottom:24px
}

.md-fab.md-fab-bottom-center,.md-fab.md-fab-top-center{
  position:absolute;
  left:50%;
  transform:translateX(-50%)
}

.md-fab.md-fab-top-center{
  top:24px
}

.md-fab.md-fab-bottom-center{
  bottom:24px
}

.md-fab.md-fab-bottom-right,.md-fab.md-fab-top-right{
  right:24px
}

.md-fab.md-fab-bottom-left,.md-fab.md-fab-top-left{
  left:24px
}

.md-fab.md-fixed{
  position:fixed
}

.md-fab .md-ripple{
  padding:0
}

.md-button-content{
  position:relative;
  z-index:2
}

.md-card{
  box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);
  position:relative;
  z-index:1;
  border-radius:2px;
  transition:.3s cubic-bezier(.4,0,.2,1);
  transition-property:color,background-color;
  will-change:color,background-color
}

.md-card.md-with-hover{
  cursor:pointer;
  transition:background-color .3s cubic-bezier(.4,0,.2,1),box-shadow .4s cubic-bezier(.25,.8,.25,1);
  will-change:background-color,box-shadow
}

.md-card.md-with-hover:hover{
  z-index:2;
  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-card.md-expand-active .md-card-expand-trigger.md-icon-button{
  transform:rotate(180deg)
}

.md-card .md-subhead,.md-card .md-subheading,.md-card .md-title{
  margin:0;
  font-weight:400
}

.md-card .md-subhead{
  opacity:.54;
  font-size:14px;
  letter-spacing:.01em;
  line-height:20px
}

.md-card .md-subhead+.md-title{
  margin-top:4px
}

.md-card .md-title{
  font-size:24px;
  letter-spacing:0;
  line-height:32px
}

.md-card-area,.md-card>.md-card-area:not(:last-child){
  position:relative
}

.md-card>.md-card-area:not(:last-child):after{
  height:1px;
  position:absolute;
  bottom:0;
  content:" "
}

.md-card>.md-card-area:not(:last-child):not(.md-inset):after{
  right:0;
  left:0
}

.md-card>.md-card-area:not(:last-child).md-inset:after{
  right:16px;
  left:16px
}

.md-card-header{
  padding:16px
}

.md-card-header:first-child>.md-card-header-text>.md-title:first-child,.md-card-header:first-child>.md-title:first-child{
  margin-top:8px
}

.md-card-header:last-child{
  margin-bottom:8px
}

.md-card-header.md-card-header-flex{
  display:flex;
  justify-content:space-between
}

.md-card-header+.md-card-content{
  padding-top:0
}

.md-card-header+.md-card-actions:not(:last-child){
  padding:0 8px
}

.md-card-header>img{
  border-radius:50%
}

.md-card-header .md-avatar,.md-card-header>img{
  margin-right:16px;
  float:left
}

.md-card-header .md-avatar~.md-title,.md-card-header>img~.md-title{
  font-size:14px
}

.md-card-header .md-avatar~.md-subhead,.md-card-header .md-avatar~.md-title,.md-card-header>img~.md-subhead,.md-card-header>img~.md-title{
  font-weight:500;
  line-height:20px
}

.md-card-header .md-button{
  margin:0
}

.md-card-header .md-button:last-child{
  margin-right:-4px
}

.md-card-header .md-button+.md-button{
  margin-left:8px
}

.md-card-header .md-card-header-text{
  flex:1
}

.md-card-header .md-card-media{
  width:80px;
  height:80px;
  margin-left:16px;
  flex:0 0 80px
}

.md-card-header .md-card-media.md-medium{
  width:120px;
  height:120px;
  flex:0 0 120px
}

.md-card-header .md-card-media.md-big{
  width:160px;
  height:160px;
  flex:0 0 160px
}

.md-card-media{
  position:relative
}

.md-card-media.md-ratio-16-9{
  overflow:hidden
}

.md-card-media.md-ratio-16-9:before{
  width:100%;
  padding-top:56.25%;
  display:block;
  content:" "
}

.md-card-media.md-ratio-16-9 img{
  position:absolute;
  top:50%;
  right:0;
  left:0;
  transform:translateY(-50%)
}

.md-card-media.md-ratio-4-3{
  overflow:hidden
}

.md-card-media.md-ratio-4-3:before{
  width:100%;
  padding-top:75%;
  display:block;
  content:" "
}

.md-card-media.md-ratio-4-3 img{
  position:absolute;
  top:50%;
  right:0;
  left:0;
  transform:translateY(-50%)
}

.md-card-media.md-ratio-1-1{
  overflow:hidden
}

.md-card-media.md-ratio-1-1:before{
  width:100%;
  padding-top:100%;
  display:block;
  content:" "
}

.md-card-media.md-ratio-1-1 img{
  position:absolute;
  top:50%;
  right:0;
  left:0;
  transform:translateY(-50%)
}

.md-card-media+.md-card-header{
  padding-top:24px
}

.md-card-media+.md-card-content:last-child{
  padding-bottom:16px
}

.md-card-media img{
  width:100%
}

.md-card-media-actions{
  padding:16px;
  display:flex;
  justify-content:space-between
}

.md-card-media-actions .md-card-media{
  max-width:240px;
  max-height:240px;
  flex:1
}

.md-card-media-actions .md-card-actions{
  margin-left:16px;
  flex-direction:column;
  justify-content:flex-start;
  align-items:center
}

.md-card-media-actions .md-card-actions .md-button+.md-button{
  margin:8px 0 0
}

.md-card-media-cover{
  position:relative;
  color:#fff
}

.md-card-media-cover.md-solid .md-card-area{
  background-color:rgba(0,0,0,.54)
}

.md-card-media-cover.md-text-scrim .md-card-backdrop{
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  z-index:1
}

.md-card-media-cover .md-card-area{
  display:flex;
  flex-direction:column;
  position:absolute;
  right:0;
  bottom:0;
  left:0;
  z-index:2
}

.md-card-media-cover .md-card-header{
  display:flex;
  flex-direction:column
}

.md-card-media-cover .md-card-header+.md-card-actions{
  padding-top:0
}

.md-card-media-cover .md-subhead{
  opacity:1
}

.md-card-media-cover .md-card-actions .md-button:not(.md-primary):not(.md-accent),.md-card-media-cover .md-card-actions .md-button:not(.md-primary):not(.md-accent).md-icon-button .md-icon,.md-card-media-cover .md-card-header .md-button:not(.md-primary):not(.md-accent),.md-card-media-cover .md-card-header .md-button:not(.md-primary):not(.md-accent).md-icon-button .md-icon{
  color:#fff!important
}

.md-card-content{
  padding:16px;
  font-size:14px;
  line-height:22px
}

.md-card-content:last-of-type{
  padding-bottom:24px
}

.md-card-expand{
  overflow:hidden
}

.md-card-expand .md-card-actions{
  position:relative;
  z-index:2
}

.md-card-expand .md-card-expand-content{
  position:relative;
  z-index:1
}

.md-card-expand-trigger.md-icon-button{
  transition:transform .4s cubic-bezier(.25,.8,.25,1);
  will-change:transform
}

.md-card-expand-content{
  overflow:hidden;
  transform:translate3D(0,0,0);
  transition:.4s cubic-bezier(.4,0,.2,1);
  transition-property:opacity,margin-top;
  will-change:opacity,margin-top
}

.md-card-actions{
  padding:8px;
  display:flex;
  align-items:center
}

.md-card-actions.md-alignment-right{
  justify-content:flex-end
}

.md-card-actions.md-alignment-left{
  justify-content:flex-start
}

.md-card-actions.md-alignment-space-between{
  justify-content:space-between
}

.md-card-actions .md-button{
  margin:0
}

.md-card-actions .md-button:first-child{
  margin-left:0
}

.md-card-actions .md-button:last-child{
  margin-right:0
}

.md-card-actions .md-button+.md-button{
  margin-left:4px
}

.md-checkbox{
  width:auto;
  margin:16px 16px 16px 0;
  display:inline-flex;
  position:relative
}

.md-checkbox:not(.md-disabled),.md-checkbox:not(.md-disabled) .md-checkbox-label{
  cursor:pointer
}

.md-checkbox .md-checkbox-container{
  width:20px;
  min-width:20px;
  height:20px;
  position:relative;
  border-radius:2px;
  border:2px solid transparent;
  transition:.4s cubic-bezier(.25,.8,.25,1)
}

.md-checkbox .md-checkbox-container:focus{
  outline:none
}

.md-checkbox .md-checkbox-container:after,.md-checkbox .md-checkbox-container:before{
  position:absolute;
  transition:.4s cubic-bezier(.55,0,.55,.2);
  content:" "
}

.md-checkbox .md-checkbox-container:before{
  width:48px;
  height:48px;
  top:50%;
  left:50%;
  z-index:6;
  border-radius:50%;
  transform:translate(-50%,-50%)
}

.md-checkbox .md-checkbox-container:after{
  width:6px;
  height:13px;
  top:0;
  left:5px;
  z-index:7;
  border:2px solid transparent;
  border-top:0;
  border-left:0;
  opacity:0;
  transform:rotate(45deg) scale3D(.15,.15,1)
}

.md-checkbox .md-checkbox-container .md-ripple{
  width:48px!important;
  height:48px!important;
  top:50%!important;
  left:50%!important;
  transform:translate(-50%,-50%);
  border-radius:50%
}

.md-checkbox .md-checkbox-container input{
  position:absolute;
  left:-999em
}

.md-checkbox .md-checkbox-label{
  height:20px;
  padding-left:16px;
  position:relative;
  line-height:20px
}

.md-checkbox.md-indeterminate .md-checkbox-container:after{
  width:12px;
  height:2px;
  top:50%;
  left:50%;
  z-index:4;
  border-style:solid;
  border-width:0 0 2px;
  opacity:0;
  transform:translate(-50%,-50%)!important
}

.md-checkbox.md-checked .md-checkbox-container:after{
  opacity:1;
  transform:rotate(45deg) scale3D(1,1,1);
  transition:.4s cubic-bezier(.25,.8,.25,1)
}

.md-checkbox.md-disabled.md-checked .md-checkbox-container{
  border-color:transparent!important
}

.md-checkbox.md-required label:after{
  position:absolute;
  top:2px;
  right:0;
  transform:translateX(calc(100% + 2px));
  content:"*";
  line-height:1em;
  vertical-align:top
}

.md-chips.md-field{
  padding-top:12px;
  flex-wrap:wrap
}

.md-chips.md-field.md-has-value label{
  top:-6px
}

.md-chips.md-field .md-chip{
  margin-bottom:4px
}

.md-chips.md-field .md-chip:last-of-type{
  margin-right:8px
}

.md-chips.md-field .md-input{
  min-width:128px
}

.md-field{
  width:100%;
  min-height:48px;
  margin:4px 0 24px;
  padding-top:16px;
  display:flex;
  position:relative;
  font-family:inherit
}

.md-field:after,.md-field:before{
  position:absolute;
  bottom:0;
  right:0;
  left:0;
  z-index:1;
  transition:border .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1),transform 0s cubic-bezier(.4,0,.2,1) .3s;
  will-change:border,opacity,transform;
  content:" "
}

.md-field:after{
  height:1px
}

.md-field:before{
  height:2px;
  z-index:2;
  opacity:0;
  transform:scaleX(.12)
}

.md-field label{
  position:absolute;
  top:23px;
  left:0;
  pointer-events:none;
  transition:.4s cubic-bezier(.25,.8,.25,1);
  transition-duration:.3s;
  font-size:16px;
  line-height:20px
}

.md-field .md-prefix,.md-field .md-suffix{
  font-size:16px;
  line-height:32px;
  align-self:center;
  justify-self:center
}

.md-field .md-prefix{
  display:none;
  padding-right:4px
}

.md-field.md-focused .md-prefix,.md-field.md-has-value .md-prefix{
  display:block
}

.md-field .md-input,.md-field .md-textarea{
  height:32px;
  padding:0;
  display:block;
  flex:1;
  border:none;
  background:none;
  transition:.4s cubic-bezier(.25,.8,.25,1);
  transition-property:font-size,padding-top,color;
  font-family:inherit;
  font-size:16px;
  line-height:32px
}

.md-field .md-input[type=date],.md-field .md-textarea[type=date]{
  font-size:16px
}

.md-field .md-input[disabled],.md-field .md-textarea[disabled]{
  cursor:default
}

.md-field .md-input:focus,.md-field .md-textarea:focus{
  outline:none
}

.md-field .md-input::-webkit-input-placeholder,.md-field .md-textarea::-webkit-input-placeholder{
  font-size:16px;
  text-shadow:none;
  -webkit-text-fill-color:initial;
  -webkit-transition:.4s cubic-bezier(.25,.8,.25,1);
  transition:.4s cubic-bezier(.25,.8,.25,1);
  -webkit-transition-property:font-size,color;
  transition-property:font-size,color
}

.md-field .md-textarea{
  min-height:32px;
  max-height:230px;
  padding:5px 0;
  resize:none;
  line-height:1.3em
}

.md-field .md-count,.md-field .md-error,.md-field .md-helper-text{
  height:20px;
  position:absolute;
  bottom:-22px;
  font-size:12px;
  transition:.3s cubic-bezier(.4,0,.2,1)
}

.md-field .md-error{
  display:block!important;
  left:0;
  opacity:0;
  transform:translate3d(0,-8px,0)
}

.md-field .md-count{
  right:0
}

.md-field .md-input-action{
  width:32px;
  min-width:32px;
  height:32px;
  margin:0;
  position:absolute;
  top:16px;
  right:0;
  transition:.4s cubic-bezier(.4,0,.2,1)
}

.md-field .md-input-action.md-input-action-enter-active,.md-field .md-input-action.md-input-action-leave-active{
  opacity:0
}

.md-field .md-input-action.md-input-action-enter-to{
  opacity:1
}

.md-field>.md-icon{
  margin:4px auto;
  position:relative;
  z-index:3;
  transition:.4s cubic-bezier(.25,.8,.25,1)
}

.md-field>.md-icon:last-of-type:not(:first-child):after{
  display:none
}

.md-field>.md-icon:after{
  width:37px;
  height:4px;
  position:absolute;
  left:-1px;
  bottom:-5px;
  transition:.3s cubic-bezier(.4,0,.2,1);
  content:""
}

.md-field>.md-icon~label{
  left:36px
}

.md-field>.md-icon~.md-file,.md-field>.md-icon~.md-input,.md-field>.md-icon~.md-textarea{
  margin-left:12px
}

.md-field+.md-has-textarea:not(.md-autogrow){
  margin-top:36px
}

.md-field.md-has-placeholder label{
  pointer-events:auto;
  top:10px;
  opacity:0;
  font-size:12px
}

.md-field.md-has-placeholder .md-input,.md-field.md-has-placeholder .md-textarea{
  font-size:16px
}

.md-field.md-has-textarea:not(.md-autogrow):after,.md-field.md-has-textarea:not(.md-autogrow):before{
  height:auto;
  pointer-events:none;
  top:0;
  bottom:0;
  transform:none;
  background:none!important;
  border:1px solid transparent;
  border-radius:3px
}

.md-field.md-has-textarea:not(.md-autogrow):before{
  border-width:2px
}

.md-field.md-has-textarea:not(.md-autogrow) label{
  top:16px;
  left:16px
}

.md-field.md-has-textarea:not(.md-autogrow) .md-textarea{
  min-height:100px;
  padding:0 16px;
  resize:vertical
}

.md-field.md-has-textarea:not(.md-autogrow)>.md-icon{
  position:absolute;
  top:6px;
  right:6px;
  z-index:3
}

.md-field.md-has-textarea:not(.md-autogrow) .md-count{
  right:6px;
  bottom:2px
}

.md-field.md-has-textarea:not(.md-autogrow) .md-clear{
  top:6px;
  right:6px
}

.md-field.md-has-textarea:not(.md-autogrow).md-focused label,.md-field.md-has-textarea:not(.md-autogrow).md-has-value label{
  top:6px
}

.md-field.md-has-textarea:not(.md-autogrow).md-focused .md-textarea,.md-field.md-has-textarea:not(.md-autogrow).md-has-value .md-textarea{
  padding-top:10px
}

.md-field.md-has-file:after,.md-field.md-has-file:before,.md-field.md-has-file label{
  left:36px
}

.md-field.md-has-file .md-input{
  margin-left:12px
}

.md-field.md-focused:before,.md-field.md-highlight:before{
  opacity:1;
  transform:scaleX(1);
  transition:.3s cubic-bezier(.4,0,.2,1);
  transition-property:border,opacity,transform
}

.md-field.md-focused label,.md-field.md-has-value label{
  pointer-events:auto;
  top:0;
  opacity:1;
  font-size:12px
}

.md-field.md-focused .md-input,.md-field.md-focused .md-textarea,.md-field.md-has-value .md-input,.md-field.md-has-value .md-textarea{
  font-size:16px
}

.md-field.md-inline label{
  pointer-events:none
}

.md-field.md-inline.md-focused label{
  top:23px;
  font-size:16px
}

.md-field.md-inline.md-has-value label{
  opacity:0
}

.md-field.md-disabled:after{
  background:0 100% repeat-x;
  background-size:4px 1px
}

.md-field.md-has-password .md-toggle-password{
  margin:0;
  position:absolute;
  right:0;
  bottom:-2px
}

.md-field.md-has-password .md-toggle-password svg{
  width:22px;
  height:22px
}

.md-field.md-clearable .md-input{
  padding-right:30px
}

@keyframes a{
  10%,90%{
    transform:translate3d(-1px,0,0)
  }

  30%,70%{
    transform:translate3d(-4px,0,0)
  }

  40%,60%{
    transform:translate3d(4px,0,0)
  }
}

.md-field.md-invalid.md-has-value label:not(:focus){
  animation:a .4s cubic-bezier(.4,0,.2,1) both;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
  perspective:1000px
}

.md-field.md-invalid.md-has-textarea:not(.md-autogrow):before{
  border-width:2px
}

.md-field.md-invalid .md-error{
  opacity:1;
  transform:translateZ(0)
}

.md-field.md-invalid .md-helper-text{
  opacity:0;
  transform:translate3d(0,-8px,0)
}

.md-field.md-required label:after{
  position:absolute;
  top:2px;
  right:0;
  transform:translateX(calc(100% + 2px));
  content:"*";
  line-height:1em;
  vertical-align:top
}

.md-icon{
  width:24px;
  min-width:24px;
  height:24px;
  font-size:24px!important;
  margin:auto;
  display:inline-flex;
  -webkit-user-select:none;
  user-select:none;
  align-items:center;
  justify-content:center;
  vertical-align:middle
}

.md-icon.md-size-2x{
  width:48px;
  min-width:48px;
  height:48px;
  font-size:48px!important
}

.md-icon.md-size-3x{
  width:72px;
  min-width:72px;
  height:72px;
  font-size:72px!important
}

.md-icon.md-size-4x{
  width:96px;
  min-width:96px;
  height:96px;
  font-size:96px!important
}

.md-icon.md-size-5x{
  width:120px;
  min-width:120px;
  height:120px;
  font-size:120px!important
}

.md-icon-image svg{
  height:100%;
  flex:1;
  transition:fill .4s cubic-bezier(.4,0,.2,1)
}

.md-icon{
  transition:color .4s cubic-bezier(.4,0,.2,1);
  direction:ltr;
  font-family:Material Icons;
  font-feature-settings:"liga";
  font-style:normal;
  letter-spacing:normal;
  line-height:1;
  text-rendering:optimizeLegibility;
  text-transform:none;
  word-wrap:normal;
  white-space:nowrap;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale
}

.md-svg-loader{
  display:block
}

.md-svg-loader svg{
  width:100%
}

.md-chip{
  height:32px;
  padding:0 12px;
  display:inline-block;
  cursor:default;
  border-radius:32px;
  transition:.3s cubic-bezier(.25,.8,.25,1);
  transition-property:background-color,color,opacity,transform,box-shadow;
  will-change:background-color,color,opacity,transform,box-shadow;
  font-size:13px;
  line-height:32px;
  vertical-align:middle;
  white-space:nowrap
}

.md-chip:focus{
  outline:none
}

.md-chip.md-chip-enter-active,.md-chip.md-chip-leave-active{
  opacity:0;
  transform:transformZ(0) scale(.8)
}

.md-chip.md-chip-enter-to{
  opacity:1;
  transform:transformZ(0) scale(1)
}

.md-chip.md-clickable:not(.md-disabled):active,.md-chip.md-deletable:not(.md-disabled):active,.md-chip.md-focused{
  box-shadow:0 3px 3px -2px rgba(0,0,0,.2),0 3px 4px 0 rgba(0,0,0,.14),0 1px 8px 0 rgba(0,0,0,.12)
}

.md-chip.md-clickable{
  padding:0;
  cursor:pointer
}

.md-chip.md-clickable>.md-ripple{
  padding:0 12px
}

.md-chip.md-deletable{
  padding-right:32px;
  position:relative
}

.md-chip.md-deletable.md-clickable{
  padding-right:0
}

.md-chip.md-deletable.md-clickable>.md-ripple{
  padding-right:32px
}

.md-chip.md-disabled{
  cursor:default
}

.md-chip+.md-chip{
  margin-left:4px
}

.md-chip .md-button.md-input-action{
  width:18px;
  min-width:18px;
  height:18px;
  margin:0;
  position:absolute;
  top:50%;
  right:7px;
  z-index:6;
  transform:translate3D(0,-50%,0);
  transition-duration:.3s;
  transition-timing-function:cubic-bezier(.25,.8,.25,1);
  font-size:18px
}

.md-chip .md-button.md-input-action .md-ripple{
  padding:0
}

.md-chip .md-button.md-input-action .md-button-content{
  height:14px
}

.md-chip .md-button.md-input-action .md-icon{
  width:14px;
  min-width:14px;
  height:14px;
  font-size:14px!important;
  vertical-align:top
}

.md-chip .md-button.md-input-action .md-icon svg{
  transition-duration:.3s;
  transition-timing-function:cubic-bezier(.25,.8,.25,1)
}

.md-datepicker-overlay{
  opacity:0
}

.md-datepicker.md-native label{
  top:0!important
}

.md-datepicker .md-date-icon{
  cursor:pointer
}

.md-datepicker input[type=date]::-webkit-calendar-picker-indicator,.md-datepicker input[type=date]::-webkit-clear-button,.md-datepicker input[type=date]::-webkit-inner-spin-button{
  display:none
}

@media (max-width:600px){
  .md-datepicker-overlay{
    opacity:1
  }
}

.md-overlay{
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  z-index:5;
  overflow:hidden;
  background:rgba(0,0,0,.6);
  transition:.35s cubic-bezier(.4,0,.2,1);
  transition-property:opacity;
  will-change:opacity
}

.md-overlay.md-fixed,body>.md-overlay{
  position:fixed
}

.md-overlay-enter,.md-overlay-leave-active{
  opacity:0
}

.md-datepicker-dialog{
  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);
  display:flex;
  overflow:hidden;
  z-index:11;
  border-radius:2px;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
  pointer-events:auto;
  transform-origin:top left;
  flex-shrink:0;
  transition:opacity .2s cubic-bezier(.25,.8,.25,1),transform .35s cubic-bezier(.25,.8,.25,1);
  will-change:opacity,transform,left,top
}

.md-datepicker-dialog-leave-active{
  opacity:0
}

.md-datepicker-dialog-enter{
  opacity:0;
  transform:scale(.9)
}

.md-datepicker-dialog-enter .md-datepicker-body .md-datepicker-calendar{
  opacity:0;
  transform:translate3D(0,10%,0)
}

.md-datepicker-header{
  min-width:150px;
  padding:16px
}

.md-datepicker-header .md-datepicker-year-select{
  cursor:pointer;
  opacity:.54;
  transition:opacity .3s cubic-bezier(.4,0,.2,1);
  font-size:16px;
  font-weight:700;
  letter-spacing:.01em;
  line-height:24px
}

.md-datepicker-header .md-datepicker-date-select{
  cursor:pointer;
  opacity:.54;
  transition:opacity .3s cubic-bezier(.4,0,.2,1);
  font-size:32px;
  font-weight:900;
  letter-spacing:0;
  line-height:1.2em
}

.md-datepicker-header .md-datepicker-dayname{
  display:block
}

.md-datepicker-header .md-selected{
  opacity:1
}

.md-datepicker-body{
  width:320px;
  position:relative;
  overflow:hidden;
  transition:width .3s cubic-bezier(.25,.8,.25,1);
  will-change:width
}

.md-datepicker-body .md-button{
  margin:0
}

.md-datepicker-body-header{
  padding:8px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  position:absolute;
  top:0;
  right:0;
  left:0;
  pointer-events:none
}

.md-datepicker-body-header:after,.md-datepicker-body-header:before{
  width:48px;
  height:48px;
  position:absolute;
  top:0;
  z-index:2;
  pointer-events:none;
  content:" "
}

.md-datepicker-body-header:after{
  left:0
}

.md-datepicker-body-header:before{
  right:0
}

.md-datepicker-body-header .md-button{
  pointer-events:auto;
  z-index:3
}

.md-datepicker-body-header-enter .md-button:first-child,.md-datepicker-body-header-leave-active .md-button:first-child{
  transform:translate3d(-150%,0,0)
}

.md-datepicker-body-header-enter .md-button:last-child,.md-datepicker-body-header-leave-active .md-button:last-child{
  transform:translate3d(150%,0,0)
}

.md-datepicker-body-content{
  overflow:hidden;
  transition:height .35s cubic-bezier(.4,0,.2,1);
  will-change:height
}

.md-datepicker-panel{
  display:flex;
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  transition:.35s cubic-bezier(.4,0,.2,1);
  transition-property:transform,opacity;
  will-change:transform,opacity
}

.md-datepicker-calendar.md-datepicker-view-enter,.md-datepicker-calendar.md-datepicker-view-leave-active{
  transform:translate3d(0,100%,0)
}

.md-datepicker-calendar.md-previous .md-datepicker-month-enter{
  transform:translate3D(-100%,0,0)
}

.md-datepicker-calendar.md-previous .md-datepicker-month-enter .md-datepicker-month-trigger{
  transform:translate3D(-30%,0,0)
}

.md-datepicker-calendar.md-next .md-datepicker-month-enter,.md-datepicker-calendar.md-previous .md-datepicker-month-leave-active{
  transform:translate3D(100%,0,0)
}

.md-datepicker-calendar.md-next .md-datepicker-month-enter .md-datepicker-month-trigger{
  transform:translate3D(30%,0,0)
}

.md-datepicker-calendar.md-next .md-datepicker-month-leave-active{
  transform:translate3D(-100%,0,0)
}

.md-datepicker-month{
  top:8px;
  bottom:auto;
  flex-direction:column;
  transition:.35s cubic-bezier(.4,0,.2,1);
  transition-property:transform,opacity;
  will-change:transform,opacity
}

.md-datepicker-month .md-datepicker-month-trigger{
  min-height:32px;
  margin:0 46px 10px;
  flex:1;
  border-radius:0;
  transition:transform .45s cubic-bezier(.4,0,.2,1);
  will-change:transform
}

.md-datepicker-week{
  display:flex;
  align-items:center
}

.md-datepicker-week span{
  flex:1;
  font-size:12px;
  text-align:center
}

.md-datepicker-days{
  display:flex;
  flex-wrap:wrap
}

.md-datepicker-days .md-datepicker-day,.md-datepicker-days .md-datepicker-empty{
  margin:1px 0;
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 1 14.28571%
}

.md-datepicker-days .md-datepicker-day-button{
  width:30px;
  min-width:30px;
  height:30px;
  cursor:pointer;
  border-radius:30px;
  transition:.3s cubic-bezier(.4,0,.2,1);
  line-height:30px;
  text-align:center
}

.md-datepicker-days .md-datepicker-selected,.md-datepicker-days .md-datepicker-today{
  font-weight:700
}

.md-datepicker-days .md-datepicker-disabled{
  pointer-events:none
}

.md-datepicker-month-selector{
  padding:6px 8px 10px;
  flex-wrap:wrap;
  bottom:auto;
  transition:.35s cubic-bezier(.4,0,.2,1);
  transition-property:transform,opacity;
  will-change:transform,opacity
}

.md-datepicker-month-selector.md-datepicker-view-enter,.md-datepicker-month-selector.md-datepicker-view-leave-active{
  transform:translate3d(0,-100%,0)
}

.md-datepicker-month-selector .md-datepicker-year-trigger{
  width:100%;
  margin:0 0 8px;
  flex:1 1 100%
}

.md-datepicker-month-button,.md-datepicker-year-button{
  height:36px;
  margin:3px 0;
  cursor:pointer;
  transition:.3s cubic-bezier(.4,0,.2,1);
  line-height:36px;
  font-weight:500;
  text-align:center;
  text-transform:uppercase
}

.md-datepicker-month-button{
  flex:1 1 33.3333%;
  border-radius:2px;
  font-size:13px
}

.md-datepicker-year-selector{
  flex-direction:column;
  overflow:auto;
  bottom:52px;
  border-bottom:1px solid
}

.md-datepicker-year-selector.md-datepicker-view-enter,.md-datepicker-year-selector.md-datepicker-view-leave-active{
  transform:translate3d(0,-100%,0)
}

.md-datepicker-year-selector .md-button{
  min-height:36px
}

.md-datepicker-year-button{
  font-size:16px
}

.md-datepicker-year-button.md-datepicker-selected{
  font-size:24px
}

@media (max-width:600px){
  .md-datepicker-dialog{
    flex-direction:column;
    top:50%!important;
    left:50%!important;
    transform:translate3D(-50%,-50%,0);
    transform-origin:center center;
    position:fixed!important
  }

  .md-datepicker-dialog-enter{
    transform:translate3D(-50%,-50%,0) scale(.9)
  }

  .md-datepicker-header{
    min-width:auto;
    padding:16px 20px
  }

  .md-datepicker-header .md-datepicker-dayname{
    display:inline-block
  }

  .md-datepicker-body{
    width:296px
  }

  .md-datepicker-month{
    padding:0 6px
  }
}

.md-popover.md-rendering{
  opacity:0;
  transition:none!important
}

.md-dialog{
  position:fixed;
  top:0;
  left:0;
  right:0;
  bottom:0;
  align-items:center;
  justify-content:center;
  pointer-events:none;
  display:flex;
  transition-duration:.2s;
  z-index:11
}

.md-dialog.md-dialog-enter-to .md-dialog-container,.md-dialog.md-dialog-leave .md-dialog-container{
  opacity:1;
  transform:scale(1)
}

.md-dialog.md-dialog-enter .md-dialog-container,.md-dialog.md-dialog-leave-to .md-dialog-container{
  opacity:0;
  transform:scale(.9)
}

.md-dialog-container{
  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);
  min-width:280px;
  max-width:80%;
  max-height:80%;
  margin:auto;
  display:flex;
  flex-flow:column;
  overflow:hidden;
  border-radius:2px;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
  pointer-events:auto;
  opacity:1;
  transform-origin:center center;
  transition:opacity .15s cubic-bezier(.25,.8,.25,1),transform .2s cubic-bezier(.25,.8,.25,1);
  will-change:opacity,transform
}

.md-dialog-container.md-dialog-enter-to,.md-dialog-container.md-dialog-leave{
  opacity:1;
  transform:translate(-50%,-50%) scale(1)
}

.md-dialog-container.md-dialog-enter,.md-dialog-container.md-dialog-leave-to{
  opacity:0;
  transform:translate(-50%,-50%) scale(.9)
}

.md-dialog-container .md-tabs{
  flex:1;
  max-width:100%
}

.md-dialog-container .md-tabs-navigation{
  padding:0 12px
}

@media (max-width:600px){
  .md-dialog.md-dialog-enter-to .md-dialog-fullscreen,.md-dialog.md-dialog-leave .md-dialog-fullscreen{
    opacity:0;
    transform:translateY(30%)
  }

  .md-dialog.md-dialog-enter .md-dialog-fullscreen,.md-dialog.md-dialog-leave-to .md-dialog-fullscreen{
    opacity:1;
    transform:translate(0)
  }

  .md-dialog-container .md-tab{
    padding:12px
  }

  .md-dialog-fullscreen{
    width:100%;
    height:100%;
    max-width:100%;
    max-height:100%;
    border-radius:0;
    transform:none
  }

  .md-dialog-fullscreen.md-dialog-enter,.md-dialog-fullscreen.md-dialog-leave-to{
    opacity:0;
    transform:translate3D(0,30%,0)
  }

  .md-dialog-fullscreen.md-dialog-enter-to,.md-dialog-fullscreen.md-dialog-leave{
    opacity:1;
    transform:translate3D(0,0,0)
  }
}

.md-dialog-title{
  margin-bottom:20px;
  padding:24px 24px 0
}

.md-dialog-content{
  padding:0 24px 24px;
  flex:1;
  flex-basis:auto;
  overflow:auto;
  position:relative
}

.md-dialog-content:first-child{
  padding-top:24px
}

.md-dialog-content p:first-child:not(:only-child){
  margin-top:0
}

.md-dialog-content p:last-child:not(:only-child){
  margin-bottom:0
}

.md-dialog-actions{
  min-height:52px;
  padding:8px 8px 8px 24px;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  position:relative
}

.md-dialog-actions:before{
  height:1px;
  position:absolute;
  top:-1px;
  right:0;
  left:0;
  content:" "
}

.md-dialog-actions .md-button{
  min-width:64px;
  margin:0
}

.md-dialog-actions .md-button+.md-button{
  margin-left:8px
}

.md-divider{
  height:1px;
  margin:0;
  padding:0;
  display:block;
  border:0;
  transition:margin-left .3s cubic-bezier(.4,0,.2,1);
  will-change:margin-left
}

.md-divider.md-inset{
  margin-left:72px
}

.md-drawer{
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  z-index:8;
  transform:translate3D(-100%,0,0);
  transition:transform .4s cubic-bezier(.25,.8,.25,1);
  will-change:transform,box-shadow;
  width:400px;
  max-width:calc(100vw - 56px);
  overflow-x:hidden;
  overflow-y:auto
}

.md-drawer.md-right{
  right:0;
  left:auto;
  transform:translate3D(100%,0,0)
}

.md-drawer.md-fixed{
  position:fixed
}

.md-drawer.md-active{
  transform:translate3D(0,0,0);
  transition-timing-function:cubic-bezier(.4,0,.2,1)
}

.md-drawer.md-temporary.md-left+.md-app-container .md-content{
  border-left:none
}

.md-drawer.md-temporary.md-right-previous+.md-app-container .md-content{
  border-right:none
}

.md-drawer.md-temporary.md-active{
  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-drawer.md-persistent:not(.md-active).md-left+.md-app-container .md-content{
  border-left:none
}

.md-drawer.md-persistent:not(.md-active).md-right-previous+.md-app-container .md-content{
  border-right:none
}

.md-drawer.md-persistent-mini{
  transform:translate3D(0,64px,0);
  transition:.3s cubic-bezier(.25,.8,.25,1);
  transition-property:transform,width;
  will-change:transform,box-shadow
}

.md-drawer.md-persistent-mini.md-left{
  border-right:1px solid
}

.md-drawer.md-persistent-mini.md-right{
  border-left:1px solid
}

.md-drawer.md-persistent-mini.md-active.md-left+.md-app-container .md-content{
  border-left:none
}

.md-drawer.md-persistent-mini.md-active.md-right-previous+.md-app-container .md-content{
  border-right:none
}

.md-drawer.md-persistent-mini:not(.md-active){
  width:70px!important;
  z-index:1;
  white-space:nowrap
}

.md-drawer.md-persistent-mini:not(.md-active) .md-toolbar{
  display:none
}

.md-drawer.md-persistent-mini:not(.md-active) .md-list-item-content{
  padding:0 23px
}

.md-drawer.md-persistent-mini.md-active{
  position:relative;
  transform:translate3D(0,0,0);
  white-space:normal
}

.md-drawer .md-list-item-container{
  font-size:14px;
  text-transform:none
}

@media (max-width:600px){
  .md-drawer{
    width:320px
  }

  .md-drawer.md-active{
    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)
  }
}

@media (min-width:600px){
  .md-drawer:not(.md-temporary)~.md-overlay{
    background:none;
    pointer-events:none
  }

  .md-drawer.md-permanent{
    position:relative;
    transform:translate3D(0,0,0)
  }

  .md-drawer.md-permanent-full{
    z-index:3
  }

  .md-drawer.md-permanent-full .md-list{
    padding-top:0
  }

  .md-drawer.md-permanent-card,.md-drawer.md-permanent-clipped{
    z-index:1
  }

  .md-drawer.md-permanent-card{
    box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);
    position:relative;
    border-radius:2px;
    transition:.3s cubic-bezier(.4,0,.2,1);
    transition-property:color,background-color;
    will-change:color,background-color;
    margin:8px;
    z-index:1
  }
}

@media (min-width:960px){
  .md-drawer.md-permanent-card{
    margin:16px
  }
}

@media (min-width:1280px){
  .md-drawer.md-permanent-card{
    margin:24px
  }
}

.md-elevation-0{
  box-shadow:0 0 0 0 rgba(0,0,0,.2),0 0 0 0 rgba(0,0,0,.14),0 0 0 0 rgba(0,0,0,.12)
}

.md-elevation-1{
  box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12)
}

.md-elevation-2{
  box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)
}

.md-elevation-3{
  box-shadow:0 3px 3px -2px rgba(0,0,0,.2),0 3px 4px 0 rgba(0,0,0,.14),0 1px 8px 0 rgba(0,0,0,.12)
}

.md-elevation-4{
  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-elevation-5{
  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-elevation-6{
  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-elevation-7{
  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-elevation-8{
  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-elevation-9{
  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-elevation-10{
  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-elevation-11{
  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-elevation-12{
  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-elevation-13{
  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-elevation-14{
  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-elevation-15{
  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-elevation-16{
  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-elevation-17{
  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-elevation-18{
  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-elevation-19{
  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-elevation-20{
  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-elevation-21{
  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-elevation-22{
  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-elevation-23{
  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-elevation-24{
  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)
}

.md-empty-state{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  max-width:420px;
  padding:36px;
  margin:0 auto;
  position:relative;
  transition:opacity .15s cubic-bezier(0,0,.2,1),transform .3s cubic-bezier(0,0,.2,1);
  will-change:transform,opacity
}

.md-empty-state.md-rounded{
  max-width:auto;
  border-radius:50%
}

.md-empty-state.md-rounded .md-empty-state-container{
  padding:40px;
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0
}

.md-empty-state .md-button{
  margin:.5em 0 0
}

.md-empty-state-enter{
  opacity:0;
  transform:scale(.87)
}

.md-empty-state-enter .md-empty-state-container{
  opacity:0
}

.md-empty-state-container{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  transition:opacity .4s cubic-bezier(.4,0,.2,1);
  will-change:opacity
}

.md-empty-state-icon{
  width:160px;
  min-width:160px;
  height:160px;
  font-size:160px!important;
  margin:0
}

.md-empty-state-label{
  font-size:26px;
  font-weight:500;
  line-height:40px
}

.md-empty-state-description{
  margin:1em 0;
  font-size:16px;
  line-height:24px
}

.md-menu.md-select{
  display:flex;
  flex:1;
  overflow:auto
}

.md-menu.md-select:not(.md-disabled) .md-icon,.md-menu.md-select:not(.md-disabled) .md-input{
  cursor:pointer;
  outline:none
}

.md-menu.md-select .md-input{
  flex:1;
  min-width:0
}

.md-menu.md-select .md-input-fake,.md-menu.md-select select{
  width:1px;
  height:1px;
  margin:-1px;
  padding:0;
  overflow:hidden;
  position:absolute;
  clip:rect(0 0 0 0);
  border:0
}

.md-menu-content.md-select-menu{
  z-index:12;
  width:100%
}

.md-menu-content.md-select-menu.md-menu-content-enter{
  transform:translate3d(0,-8px,0) scaleY(.3)
}

.md-menu-content.md-select-menu .md-list{
  transition:opacity .3s cubic-bezier(.55,0,.55,.2)
}

.md-menu{
  display:inline-block
}

.md-menu>.md-button{
  margin:0
}

.md-menu-content{
  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);
  min-width:112px;
  max-width:280px;
  max-height:35vh;
  display:flex;
  flex-direction:row;
  position:absolute;
  z-index:9;
  border-radius:2px;
  transition:transform .2s cubic-bezier(.25,.8,.25,1),opacity .3s cubic-bezier(.25,.8,.25,1);
  will-change:opacity,transform,top,left!important
}

.md-menu-content.md-shallow{
  position:fixed!important;
  top:-9999em!important;
  left:-9999em!important;
  pointer-events:none
}

.md-menu-content.md-menu-content-enter-active{
  opacity:1;
  transform:translateZ(0)
}

.md-menu-content.md-menu-content-leave-active{
  transition:opacity .4s cubic-bezier(.4,0,.2,1);
  opacity:0
}

.md-menu-content.md-menu-content-enter.md-menu-content-top-start{
  transform-origin:bottom left;
  transform:translate3d(0,8px,0) scaleY(.95)
}

.md-menu-content.md-menu-content-enter.md-menu-content-top-end{
  transform-origin:bottom right;
  transform:translate3d(0,8px,0) scaleY(.95)
}

.md-menu-content.md-menu-content-enter.md-menu-content-right-start{
  transform-origin:left top;
  transform:translate3d(0,-8px,0) scaleY(.95)
}

.md-menu-content.md-menu-content-enter.md-menu-content-right-end{
  transform-origin:left bottom;
  transform:translate3d(0,8px,0) scaleY(.95)
}

.md-menu-content.md-menu-content-enter.md-menu-content-bottom-start{
  transform-origin:top left;
  transform:translate3d(0,-8px,0) scaleY(.95)
}

.md-menu-content.md-menu-content-enter.md-menu-content-bottom-end{
  transform-origin:top right;
  transform:translate3d(0,-8px,0) scaleY(.95)
}

.md-menu-content.md-menu-content-enter.md-menu-content-left-start{
  transform-origin:right top;
  transform:translate3d(0,-8px,0) scaleY(.95)
}

.md-menu-content.md-menu-content-enter.md-menu-content-left-end{
  transform-origin:right bottom;
  transform:translate3d(0,8px,0) scaleY(.95)
}

.md-menu-content.md-menu-content-enter .md-list{
  opacity:0
}

.md-menu-content.md-menu-content-medium{
  min-width:168px
}

.md-menu-content.md-menu-content-big{
  min-width:224px
}

.md-menu-content.md-menu-content-huge{
  min-width:280px
}

.md-menu-content-container{
  flex:1;
  overflow:auto
}

.md-menu-content-container .md-list{
  transition:opacity .3s cubic-bezier(.25,.8,.25,1);
  will-change:opacity;
  font-family:Roboto,sans-serif;
  text-transform:none;
  white-space:nowrap
}

.md-menu-content-container .md-list .md-list-item-container{
  height:100%
}

@media (max-width:960px){
  .md-menu-content-container .md-list{
    font-size:14px
  }
}

.md-list{
  margin:0;
  padding:8px 0;
  display:flex;
  flex-flow:column nowrap;
  position:relative;
  list-style:none
}

.md-list.md-dense{
  padding:4px 0
}

.md-list .md-divider{
  margin-top:-1px
}

.md-list .md-subheader.md-inset{
  padding-left:72px
}

.md-list>.md-subheader:first-of-type{
  margin-top:-8px
}

.md-optgroup .md-subheader{
  text-transform:uppercase
}

.md-optgroup .md-ripple.md-list-item-content{
  padding-left:24px
}

.md-file{
  display:flex;
  flex:1
}

.md-file input[type=file]{
  width:1px;
  height:1px;
  margin:-1px;
  padding:0;
  overflow:hidden;
  position:absolute;
  clip:rect(0 0 0 0);
  border:0
}

.md-file .md-file-icon:not(.md-disabled){
  cursor:pointer
}

.md-file .md-file-icon.md-disabled{
  pointer-events:none
}

.md-highlight-text{
  flex:1
}

.md-highlight-text-match{
  font-weight:500
}

.md-image{
  display:flex;
  justify-content:center;
  align-items:center
}

.md-layout{
  display:flex;
  flex-wrap:wrap
}

.md-layout .md-layout{
  flex:1
}

.md-layout .md-layout-nowrap{
  flex-wrap:nowrap
}

.md-layout.md-centered{
  width:100%;
  max-width:1200px;
  margin:0 auto
}

.md-layout.md-gutter{
  margin-right:-20px;
  margin-left:-20px
}

.md-layout.md-gutter>.md-layout-item{
  padding-right:20px;
  padding-left:20px
}

@media (max-width:1903px){
  .md-layout.md-gutter{
    margin-right:-20px;
    margin-left:-20px
  }

  .md-layout.md-gutter>.md-layout-item{
    padding-right:20px;
    padding-left:20px
  }
}

@media (max-width:1280px){
  .md-layout.md-gutter{
    margin-right:-12px;
    margin-left:-12px
  }

  .md-layout.md-gutter>.md-layout-item{
    padding-right:12px;
    padding-left:12px
  }
}

@media (max-width:960px){
  .md-layout.md-gutter{
    margin-right:-8px;
    margin-left:-8px
  }

  .md-layout.md-gutter>.md-layout-item{
    padding-right:8px;
    padding-left:8px
  }
}

@media (max-width:600px){
  .md-layout.md-gutter{
    margin-right:-4px;
    margin-left:-4px
  }

  .md-layout.md-gutter>.md-layout-item{
    padding-right:4px;
    padding-left:4px
  }
}

.md-layout.md-alignment-top-left{
  justify-content:flex-start;
  align-items:flex-start
}

.md-layout.md-alignment-top-center{
  justify-content:center;
  align-items:flex-start
}

.md-layout.md-alignment-top-right{
  justify-content:flex-end;
  align-items:flex-start
}

.md-layout.md-alignment-top-space-around{
  justify-content:space-around;
  align-items:flex-start
}

.md-layout.md-alignment-top-space-between{
  justify-content:space-between;
  align-items:flex-start
}

.md-layout.md-alignment-center-left{
  justify-content:flex-start;
  align-items:center
}

.md-layout.md-alignment-center,.md-layout.md-alignment-center-center{
  justify-content:center;
  align-items:center
}

.md-layout.md-alignment-center-right{
  justify-content:flex-end;
  align-items:center
}

.md-layout.md-alignment-center-space-around{
  justify-content:space-around;
  align-items:center
}

.md-layout.md-alignment-center-space-between{
  justify-content:space-between;
  align-items:center
}

.md-layout.md-alignment-bottom-left{
  justify-content:flex-start;
  align-items:flex-end
}

.md-layout.md-alignment-bottom-center{
  justify-content:center;
  align-items:flex-end
}

.md-layout.md-alignment-bottom-right{
  justify-content:flex-end;
  align-items:flex-end
}

.md-layout.md-alignment-bottom-space-around{
  justify-content:space-around;
  align-items:flex-end
}

.md-layout.md-alignment-bottom-space-between{
  justify-content:space-between;
  align-items:flex-end
}

.md-layout.md-alignment-space-around-left{
  justify-content:flex-start;
  align-items:space-around
}

.md-layout.md-alignment-space-around-center{
  justify-content:center;
  align-items:space-around
}

.md-layout.md-alignment-space-around-right{
  justify-content:flex-end;
  align-items:space-around
}

.md-layout.md-alignment-space-around-space-around{
  justify-content:space-around;
  align-items:space-around
}

.md-layout.md-alignment-space-around-space-between{
  justify-content:space-between;
  align-items:space-around
}

.md-layout.md-alignment-space-between-left{
  justify-content:flex-start;
  align-items:space-between
}

.md-layout.md-alignment-space-between-center{
  justify-content:center;
  align-items:space-between
}

.md-layout.md-alignment-space-between-right{
  justify-content:flex-end;
  align-items:space-between
}

.md-layout.md-alignment-space-between-space-around{
  justify-content:space-around;
  align-items:space-between
}

.md-layout.md-alignment-space-between-space-between{
  justify-content:space-between;
  align-items:space-between
}

.md-layout-item{
  flex:1 1
}

.md-layout-item.md-layout{
  margin:0
}

.md-layout-item.md-size{
  flex:1 1
}

.md-layout-item.md-size-5{
  min-width:5%;
  max-width:5%;
  flex:0 1 5%
}

.md-layout-item.md-size-10{
  min-width:10%;
  max-width:10%;
  flex:0 1 10%
}

.md-layout-item.md-size-15{
  min-width:15%;
  max-width:15%;
  flex:0 1 15%
}

.md-layout-item.md-size-20{
  min-width:20%;
  max-width:20%;
  flex:0 1 20%
}

.md-layout-item.md-size-25{
  min-width:25%;
  max-width:25%;
  flex:0 1 25%
}

.md-layout-item.md-size-30{
  min-width:30%;
  max-width:30%;
  flex:0 1 30%
}

.md-layout-item.md-size-35{
  min-width:35%;
  max-width:35%;
  flex:0 1 35%
}

.md-layout-item.md-size-40{
  min-width:40%;
  max-width:40%;
  flex:0 1 40%
}

.md-layout-item.md-size-45{
  min-width:45%;
  max-width:45%;
  flex:0 1 45%
}

.md-layout-item.md-size-50{
  min-width:50%;
  max-width:50%;
  flex:0 1 50%
}

.md-layout-item.md-size-55{
  min-width:55%;
  max-width:55%;
  flex:0 1 55%
}

.md-layout-item.md-size-60{
  min-width:60%;
  max-width:60%;
  flex:0 1 60%
}

.md-layout-item.md-size-65{
  min-width:65%;
  max-width:65%;
  flex:0 1 65%
}

.md-layout-item.md-size-70{
  min-width:70%;
  max-width:70%;
  flex:0 1 70%
}

.md-layout-item.md-size-75{
  min-width:75%;
  max-width:75%;
  flex:0 1 75%
}

.md-layout-item.md-size-80{
  min-width:80%;
  max-width:80%;
  flex:0 1 80%
}

.md-layout-item.md-size-85{
  min-width:85%;
  max-width:85%;
  flex:0 1 85%
}

.md-layout-item.md-size-90{
  min-width:90%;
  max-width:90%;
  flex:0 1 90%
}

.md-layout-item.md-size-95{
  min-width:95%;
  max-width:95%;
  flex:0 1 95%
}

.md-layout-item.md-size-33{
  min-width:33.3333%;
  max-width:33.3333%;
  flex:0 1 33.3333%
}

.md-layout-item.md-size-66{
  min-width:66.6666%;
  max-width:66.6666%;
  flex:0 1 66.6666%
}

.md-layout-item.md-size-100{
  min-width:100%;
  max-width:100%;
  margin-left:0!important;
  flex:1 1 100%
}

@media (min-width:1904px){
  .md-layout-item.md-xlarge-size{
    flex:1 1
  }

  .md-layout-item.md-xlarge-size-5{
    min-width:5%;
    max-width:5%;
    flex:0 1 5%
  }

  .md-layout-item.md-xlarge-size-10{
    min-width:10%;
    max-width:10%;
    flex:0 1 10%
  }

  .md-layout-item.md-xlarge-size-15{
    min-width:15%;
    max-width:15%;
    flex:0 1 15%
  }

  .md-layout-item.md-xlarge-size-20{
    min-width:20%;
    max-width:20%;
    flex:0 1 20%
  }

  .md-layout-item.md-xlarge-size-25{
    min-width:25%;
    max-width:25%;
    flex:0 1 25%
  }

  .md-layout-item.md-xlarge-size-30{
    min-width:30%;
    max-width:30%;
    flex:0 1 30%
  }

  .md-layout-item.md-xlarge-size-35{
    min-width:35%;
    max-width:35%;
    flex:0 1 35%
  }

  .md-layout-item.md-xlarge-size-40{
    min-width:40%;
    max-width:40%;
    flex:0 1 40%
  }

  .md-layout-item.md-xlarge-size-45{
    min-width:45%;
    max-width:45%;
    flex:0 1 45%
  }

  .md-layout-item.md-xlarge-size-50{
    min-width:50%;
    max-width:50%;
    flex:0 1 50%
  }

  .md-layout-item.md-xlarge-size-55{
    min-width:55%;
    max-width:55%;
    flex:0 1 55%
  }

  .md-layout-item.md-xlarge-size-60{
    min-width:60%;
    max-width:60%;
    flex:0 1 60%
  }

  .md-layout-item.md-xlarge-size-65{
    min-width:65%;
    max-width:65%;
    flex:0 1 65%
  }

  .md-layout-item.md-xlarge-size-70{
    min-width:70%;
    max-width:70%;
    flex:0 1 70%
  }

  .md-layout-item.md-xlarge-size-75{
    min-width:75%;
    max-width:75%;
    flex:0 1 75%
  }

  .md-layout-item.md-xlarge-size-80{
    min-width:80%;
    max-width:80%;
    flex:0 1 80%
  }

  .md-layout-item.md-xlarge-size-85{
    min-width:85%;
    max-width:85%;
    flex:0 1 85%
  }

  .md-layout-item.md-xlarge-size-90{
    min-width:90%;
    max-width:90%;
    flex:0 1 90%
  }

  .md-layout-item.md-xlarge-size-95{
    min-width:95%;
    max-width:95%;
    flex:0 1 95%
  }

  .md-layout-item.md-xlarge-size-33{
    min-width:33.3333%;
    max-width:33.3333%;
    flex:0 1 33.3333%
  }

  .md-layout-item.md-xlarge-size-66{
    min-width:66.6666%;
    max-width:66.6666%;
    flex:0 1 66.6666%
  }

  .md-layout-item.md-xlarge-size-100{
    min-width:100%;
    max-width:100%;
    margin-left:0!important;
    flex:1 1 100%
  }
}

@media (max-width:1903px){
  .md-layout-item.md-large-size{
    flex:1 1
  }

  .md-layout-item.md-large-size-5{
    min-width:5%;
    max-width:5%;
    flex:0 1 5%
  }

  .md-layout-item.md-large-size-10{
    min-width:10%;
    max-width:10%;
    flex:0 1 10%
  }

  .md-layout-item.md-large-size-15{
    min-width:15%;
    max-width:15%;
    flex:0 1 15%
  }

  .md-layout-item.md-large-size-20{
    min-width:20%;
    max-width:20%;
    flex:0 1 20%
  }

  .md-layout-item.md-large-size-25{
    min-width:25%;
    max-width:25%;
    flex:0 1 25%
  }

  .md-layout-item.md-large-size-30{
    min-width:30%;
    max-width:30%;
    flex:0 1 30%
  }

  .md-layout-item.md-large-size-35{
    min-width:35%;
    max-width:35%;
    flex:0 1 35%
  }

  .md-layout-item.md-large-size-40{
    min-width:40%;
    max-width:40%;
    flex:0 1 40%
  }

  .md-layout-item.md-large-size-45{
    min-width:45%;
    max-width:45%;
    flex:0 1 45%
  }

  .md-layout-item.md-large-size-50{
    min-width:50%;
    max-width:50%;
    flex:0 1 50%
  }

  .md-layout-item.md-large-size-55{
    min-width:55%;
    max-width:55%;
    flex:0 1 55%
  }

  .md-layout-item.md-large-size-60{
    min-width:60%;
    max-width:60%;
    flex:0 1 60%
  }

  .md-layout-item.md-large-size-65{
    min-width:65%;
    max-width:65%;
    flex:0 1 65%
  }

  .md-layout-item.md-large-size-70{
    min-width:70%;
    max-width:70%;
    flex:0 1 70%
  }

  .md-layout-item.md-large-size-75{
    min-width:75%;
    max-width:75%;
    flex:0 1 75%
  }

  .md-layout-item.md-large-size-80{
    min-width:80%;
    max-width:80%;
    flex:0 1 80%
  }

  .md-layout-item.md-large-size-85{
    min-width:85%;
    max-width:85%;
    flex:0 1 85%
  }

  .md-layout-item.md-large-size-90{
    min-width:90%;
    max-width:90%;
    flex:0 1 90%
  }

  .md-layout-item.md-large-size-95{
    min-width:95%;
    max-width:95%;
    flex:0 1 95%
  }

  .md-layout-item.md-large-size-33{
    min-width:33.3333%;
    max-width:33.3333%;
    flex:0 1 33.3333%
  }

  .md-layout-item.md-large-size-66{
    min-width:66.6666%;
    max-width:66.6666%;
    flex:0 1 66.6666%
  }

  .md-layout-item.md-large-size-100{
    min-width:100%;
    max-width:100%;
    margin-left:0!important;
    flex:1 1 100%
  }
}

@media (max-width:1280px){
  .md-layout-item.md-medium-size{
    flex:1 1
  }

  .md-layout-item.md-medium-size-5{
    min-width:5%;
    max-width:5%;
    flex:0 1 5%
  }

  .md-layout-item.md-medium-size-10{
    min-width:10%;
    max-width:10%;
    flex:0 1 10%
  }

  .md-layout-item.md-medium-size-15{
    min-width:15%;
    max-width:15%;
    flex:0 1 15%
  }

  .md-layout-item.md-medium-size-20{
    min-width:20%;
    max-width:20%;
    flex:0 1 20%
  }

  .md-layout-item.md-medium-size-25{
    min-width:25%;
    max-width:25%;
    flex:0 1 25%
  }

  .md-layout-item.md-medium-size-30{
    min-width:30%;
    max-width:30%;
    flex:0 1 30%
  }

  .md-layout-item.md-medium-size-35{
    min-width:35%;
    max-width:35%;
    flex:0 1 35%
  }

  .md-layout-item.md-medium-size-40{
    min-width:40%;
    max-width:40%;
    flex:0 1 40%
  }

  .md-layout-item.md-medium-size-45{
    min-width:45%;
    max-width:45%;
    flex:0 1 45%
  }

  .md-layout-item.md-medium-size-50{
    min-width:50%;
    max-width:50%;
    flex:0 1 50%
  }

  .md-layout-item.md-medium-size-55{
    min-width:55%;
    max-width:55%;
    flex:0 1 55%
  }

  .md-layout-item.md-medium-size-60{
    min-width:60%;
    max-width:60%;
    flex:0 1 60%
  }

  .md-layout-item.md-medium-size-65{
    min-width:65%;
    max-width:65%;
    flex:0 1 65%
  }

  .md-layout-item.md-medium-size-70{
    min-width:70%;
    max-width:70%;
    flex:0 1 70%
  }

  .md-layout-item.md-medium-size-75{
    min-width:75%;
    max-width:75%;
    flex:0 1 75%
  }

  .md-layout-item.md-medium-size-80{
    min-width:80%;
    max-width:80%;
    flex:0 1 80%
  }

  .md-layout-item.md-medium-size-85{
    min-width:85%;
    max-width:85%;
    flex:0 1 85%
  }

  .md-layout-item.md-medium-size-90{
    min-width:90%;
    max-width:90%;
    flex:0 1 90%
  }

  .md-layout-item.md-medium-size-95{
    min-width:95%;
    max-width:95%;
    flex:0 1 95%
  }

  .md-layout-item.md-medium-size-33{
    min-width:33.3333%;
    max-width:33.3333%;
    flex:0 1 33.3333%
  }

  .md-layout-item.md-medium-size-66{
    min-width:66.6666%;
    max-width:66.6666%;
    flex:0 1 66.6666%
  }

  .md-layout-item.md-medium-size-100{
    min-width:100%;
    max-width:100%;
    margin-left:0!important;
    flex:1 1 100%
  }
}

@media (max-width:960px){
  .md-layout-item.md-small-size{
    flex:1 1
  }

  .md-layout-item.md-small-size-5{
    min-width:5%;
    max-width:5%;
    flex:0 1 5%
  }

  .md-layout-item.md-small-size-10{
    min-width:10%;
    max-width:10%;
    flex:0 1 10%
  }

  .md-layout-item.md-small-size-15{
    min-width:15%;
    max-width:15%;
    flex:0 1 15%
  }

  .md-layout-item.md-small-size-20{
    min-width:20%;
    max-width:20%;
    flex:0 1 20%
  }

  .md-layout-item.md-small-size-25{
    min-width:25%;
    max-width:25%;
    flex:0 1 25%
  }

  .md-layout-item.md-small-size-30{
    min-width:30%;
    max-width:30%;
    flex:0 1 30%
  }

  .md-layout-item.md-small-size-35{
    min-width:35%;
    max-width:35%;
    flex:0 1 35%
  }

  .md-layout-item.md-small-size-40{
    min-width:40%;
    max-width:40%;
    flex:0 1 40%
  }

  .md-layout-item.md-small-size-45{
    min-width:45%;
    max-width:45%;
    flex:0 1 45%
  }

  .md-layout-item.md-small-size-50{
    min-width:50%;
    max-width:50%;
    flex:0 1 50%
  }

  .md-layout-item.md-small-size-55{
    min-width:55%;
    max-width:55%;
    flex:0 1 55%
  }

  .md-layout-item.md-small-size-60{
    min-width:60%;
    max-width:60%;
    flex:0 1 60%
  }

  .md-layout-item.md-small-size-65{
    min-width:65%;
    max-width:65%;
    flex:0 1 65%
  }

  .md-layout-item.md-small-size-70{
    min-width:70%;
    max-width:70%;
    flex:0 1 70%
  }

  .md-layout-item.md-small-size-75{
    min-width:75%;
    max-width:75%;
    flex:0 1 75%
  }

  .md-layout-item.md-small-size-80{
    min-width:80%;
    max-width:80%;
    flex:0 1 80%
  }

  .md-layout-item.md-small-size-85{
    min-width:85%;
    max-width:85%;
    flex:0 1 85%
  }

  .md-layout-item.md-small-size-90{
    min-width:90%;
    max-width:90%;
    flex:0 1 90%
  }

  .md-layout-item.md-small-size-95{
    min-width:95%;
    max-width:95%;
    flex:0 1 95%
  }

  .md-layout-item.md-small-size-33{
    min-width:33.3333%;
    max-width:33.3333%;
    flex:0 1 33.3333%
  }

  .md-layout-item.md-small-size-66{
    min-width:66.6666%;
    max-width:66.6666%;
    flex:0 1 66.6666%
  }

  .md-layout-item.md-small-size-100{
    min-width:100%;
    max-width:100%;
    margin-left:0!important;
    flex:1 1 100%
  }
}

@media (max-width:600px){
  .md-layout-item.md-xsmall-size{
    flex:1 1
  }

  .md-layout-item.md-xsmall-size-5{
    min-width:5%;
    max-width:5%;
    flex:0 1 5%
  }

  .md-layout-item.md-xsmall-size-10{
    min-width:10%;
    max-width:10%;
    flex:0 1 10%
  }

  .md-layout-item.md-xsmall-size-15{
    min-width:15%;
    max-width:15%;
    flex:0 1 15%
  }

  .md-layout-item.md-xsmall-size-20{
    min-width:20%;
    max-width:20%;
    flex:0 1 20%
  }

  .md-layout-item.md-xsmall-size-25{
    min-width:25%;
    max-width:25%;
    flex:0 1 25%
  }

  .md-layout-item.md-xsmall-size-30{
    min-width:30%;
    max-width:30%;
    flex:0 1 30%
  }

  .md-layout-item.md-xsmall-size-35{
    min-width:35%;
    max-width:35%;
    flex:0 1 35%
  }

  .md-layout-item.md-xsmall-size-40{
    min-width:40%;
    max-width:40%;
    flex:0 1 40%
  }

  .md-layout-item.md-xsmall-size-45{
    min-width:45%;
    max-width:45%;
    flex:0 1 45%
  }

  .md-layout-item.md-xsmall-size-50{
    min-width:50%;
    max-width:50%;
    flex:0 1 50%
  }

  .md-layout-item.md-xsmall-size-55{
    min-width:55%;
    max-width:55%;
    flex:0 1 55%
  }

  .md-layout-item.md-xsmall-size-60{
    min-width:60%;
    max-width:60%;
    flex:0 1 60%
  }

  .md-layout-item.md-xsmall-size-65{
    min-width:65%;
    max-width:65%;
    flex:0 1 65%
  }

  .md-layout-item.md-xsmall-size-70{
    min-width:70%;
    max-width:70%;
    flex:0 1 70%
  }

  .md-layout-item.md-xsmall-size-75{
    min-width:75%;
    max-width:75%;
    flex:0 1 75%
  }

  .md-layout-item.md-xsmall-size-80{
    min-width:80%;
    max-width:80%;
    flex:0 1 80%
  }

  .md-layout-item.md-xsmall-size-85{
    min-width:85%;
    max-width:85%;
    flex:0 1 85%
  }

  .md-layout-item.md-xsmall-size-90{
    min-width:90%;
    max-width:90%;
    flex:0 1 90%
  }

  .md-layout-item.md-xsmall-size-95{
    min-width:95%;
    max-width:95%;
    flex:0 1 95%
  }

  .md-layout-item.md-xsmall-size-33{
    min-width:33.3333%;
    max-width:33.3333%;
    flex:0 1 33.3333%
  }

  .md-layout-item.md-xsmall-size-66{
    min-width:66.6666%;
    max-width:66.6666%;
    flex:0 1 66.6666%
  }

  .md-layout-item.md-xsmall-size-100{
    min-width:100%;
    max-width:100%;
    margin-left:0!important;
    flex:1 1 100%
  }
}

.md-hide{
  display:none
}

@media (min-width:1904px){
  .md-xlarge-hide{
    display:none
  }
}

@media (max-width:1903px){
  .md-large-hide{
    display:none
  }
}

@media (max-width:1280px){
  .md-medium-hide{
    display:none
  }
}

@media (max-width:960px){
  .md-small-hide{
    display:none
  }
}

@media (max-width:600px){
  .md-xsmall-hide{
    display:none
  }
}

.md-list-item{
  height:auto;
  position:relative;
  z-index:2
}

.md-list-item.md-inset .md-list-item-content{
  padding-left:72px
}

.md-list-item .md-icon{
  margin:0;
  transition-property:color,margin-right
}

.md-list-item-container{
  width:100%;
  font-size:16px;
  font-weight:400;
  text-align:left;
  text-transform:none
}

.md-list-item-container:not(.md-list-item-default):not([disabled])>.md-list-item-content{
  -webkit-user-select:none;
  user-select:none;
  cursor:pointer
}

.md-list-item-container.md-button-clean:hover{
  opacity:1;
  text-decoration:none
}

.md-list-item-content{
  min-height:48px;
  padding:4px 16px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  transition:padding .4s cubic-bezier(.25,.8,.25,1);
  will-change:padding
}

.md-list.md-dense .md-list-item-content{
  min-height:40px;
  font-size:13px
}

.md-list.md-dense .md-list-item-content>.md-avatar{
  margin-top:0;
  margin-bottom:0
}

.md-list.md-dense .md-list-item-content>.md-avatar:not(.md-small){
  width:36px;
  min-width:36px;
  height:36px
}

.md-list.md-dense .md-list-item-content>.md-avatar:first-child{
  margin-right:20px
}

.md-list.md-double-line .md-list-item-content{
  min-height:72px
}

.md-list.md-double-line.md-dense .md-list-item-content{
  min-height:60px
}

.md-list.md-triple-line .md-list-item-content{
  min-height:88px
}

.md-list.md-triple-line.md-dense .md-list-item-content{
  min-height:76px
}

.md-list-item-content .md-list-action{
  margin:0 -10px 0 0
}

.md-list-item-content .md-list-action:last-of-type{
  margin:0 -10px 0 16px
}

.md-list.md-triple-line .md-list-item-content .md-list-action:last-of-type{
  align-self:flex-start
}

.md-list-item-content>.md-icon:first-child{
  margin-right:32px
}

.md-list-item-content>.md-icon:last-child{
  margin-left:16px
}

.md-list-item-content>.md-checkbox,.md-list-item-content>.md-radio{
  margin:0
}

.md-list-item-content>.md-checkbox:first-child,.md-list-item-content>.md-radio:first-child{
  margin-right:36px
}

.md-list-item-content>.md-switch{
  margin:0
}

.md-list-item-content>.md-switch:first-child{
  margin-right:22px
}

.md-list-item-content>.md-avatar{
  margin:4px 0
}

.md-list-item-content>.md-avatar:first-child{
  margin-right:16px
}

.md-list-item-text{
  flex:1;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  overflow:hidden;
  line-height:1.25em;
  white-space:nowrap
}

.md-list.md-dense .md-list-item-text{
  font-size:13px
}

.md-list-item-text *{
  width:100%;
  margin:0;
  overflow:hidden;
  line-height:1.25em;
  text-overflow:ellipsis
}

.md-list-item-text :nth-child(2),.md-list-item-text :nth-child(3){
  font-size:14px
}

.md-list.md-dense .md-list-item-text *{
  font-size:13px
}

.md-list-item-expand{
  border-top:1px solid transparent;
  border-bottom:1px solid transparent;
  transition:border .4s cubic-bezier(.25,.8,.25,1);
  will-change:border
}

.md-list-item-expand.md-active>.md-list-item-content>.md-list-expand-icon{
  perspective:1000px;
  perspective-origin:50% 50%;
  transform:rotateX(180deg)
}

.md-list-item-expand.md-active .md-list-expand{
  opacity:1;
  transform:translate3D(0,0,0)
}

.md-list-item-expand .md-list-expand{
  height:0;
  opacity:0;
  overflow:hidden;
  transform:translate3D(0,-24px,0);
  transition:.4s cubic-bezier(.25,.8,.25,1);
  transition-property:transform,opacity;
  will-change:transform,opacity
}

.md-list-item-expand .md-list-expand-icon{
  transition:transform .4s cubic-bezier(.25,.8,.25,1);
  will-change:transform
}

@keyframes b{
  0%{
    transform:translateX(0)
  }

  20%{
    animation-timing-function:cubic-bezier(.5,0,.7,.5);
    transform:translateX(0)
  }

  60%{
    animation-timing-function:cubic-bezier(.3,.38,.55,.96);
    transform:translateX(83.67%)
  }

  to{
    transform:translateX(200.61%)
  }
}

@keyframes c{
  0%{
    transform:scaleX(.08)
  }

  35%{
    animation-timing-function:cubic-bezier(.33,.12,.79,1);
    transform:scaleX(.08)
  }

  70%{
    animation-timing-function:cubic-bezier(.06,.11,.6,1);
    transform:scaleX(.66)
  }

  to{
    transform:scaleX(.08)
  }
}

@keyframes d{
  0%{
    animation-timing-function:cubic-bezier(.15,0,.52,.41);
    transform:translateX(0)
  }

  25%{
    animation-timing-function:cubic-bezier(.31,.28,.8,.73);
    transform:translateX(37.65%)
  }

  50%{
    animation-timing-function:cubic-bezier(.4,.63,.6,.9);
    transform:translateX(84.39%)
  }

  to{
    transform:translateX(160.28%)
  }
}

@keyframes e{
  0%{
    animation-timing-function:cubic-bezier(.15,0,.52,.41);
    transform:scaleX(.08)
  }

  20%{
    animation-timing-function:cubic-bezier(.31,.28,.8,.73);
    transform:scaleX(.46)
  }

  45%{
    animation-timing-function:cubic-bezier(.4,.63,.6,.9);
    transform:scaleX(.73)
  }

  to{
    transform:scaleX(.08)
  }
}

@keyframes f{
  to{
    transform:translate3D(-8px,0,0)
  }
}

.md-progress-bar{
  height:5px;
  overflow:hidden;
  position:relative;
  transform:translateZ(0) scaleY(1);
  transform-origin:center center;
  transition:opacity .3s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1);
  will-change:opacity,transform
}

.md-progress-bar.md-indeterminate .md-progress-bar-track,.md-progress-bar.md-query .md-progress-bar-track{
  left:-150%;
  animation:b 2s infinite linear
}

.md-progress-bar.md-indeterminate .md-progress-bar-track:after,.md-progress-bar.md-query .md-progress-bar-track:after{
  animation:c 2s infinite linear
}

.md-progress-bar.md-indeterminate .md-progress-bar-fill,.md-progress-bar.md-query .md-progress-bar-fill{
  left:-55%;
  animation:d 2s infinite linear
}

.md-progress-bar.md-indeterminate .md-progress-bar-fill:after,.md-progress-bar.md-query .md-progress-bar-fill:after{
  animation:e 2s infinite linear
}

.md-progress-bar.md-buffer .md-progress-bar-buffer,.md-progress-bar.md-buffer .md-progress-bar-fill,.md-progress-bar.md-buffer .md-progress-bar-track,.md-progress-bar.md-determinate .md-progress-bar-buffer,.md-progress-bar.md-determinate .md-progress-bar-fill,.md-progress-bar.md-determinate .md-progress-bar-track{
  transition:.25s cubic-bezier(.25,.8,.25,1)
}

.md-progress-bar.md-determinate .md-progress-bar-track{
  display:none
}

.md-progress-bar.md-buffer .md-progress-bar-buffer{
  border-top:4px dotted;
  animation:f .25s infinite linear
}

.md-progress-bar.md-query{
  transform:rotate(180deg)
}

.md-progress-bar-enter,.md-progress-bar-leave-active{
  opacity:.5;
  transform:translateZ(0) scaleY(0)
}

.md-progress-bar-buffer,.md-progress-bar-fill,.md-progress-bar-track{
  transform-origin:top left
}

.md-progress-bar-buffer,.md-progress-bar-buffer:after,.md-progress-bar-fill,.md-progress-bar-fill:after,.md-progress-bar-track,.md-progress-bar-track:after{
  width:100%;
  height:100%;
  position:absolute;
  will-change:transform
}

.md-progress-bar-buffer:after,.md-progress-bar-fill:after,.md-progress-bar-track:after{
  display:inline-block;
  left:0;
  content:" "
}

@keyframes g{
  0%{
    transform:rotate(0)
  }

  to{
    transform:rotate(1turn)
  }
}

@keyframes h{
  0%{
    opacity:0;
    transform:rotate(-90deg) translateZ(0)
  }

  20%{
    opacity:1
  }

  to{
    transform:rotate(270deg) translateZ(0)
  }
}

@keyframes i{
  0%{
    stroke-dashoffset:var(--md-progress-spinner-start-value);
    transform:rotate(0)
  }

  12.5%{
    stroke-dashoffset:var(--md-progress-spinner-end-value);
    transform:rotate(0)
  }

  12.51%{
    stroke-dashoffset:var(--md-progress-spinner-end-value);
    transform:rotateX(180deg) rotate(72.5deg)
  }

  25%{
    stroke-dashoffset:var(--md-progress-spinner-start-value);
    transform:rotateX(180deg) rotate(72.5deg)
  }

  25.1%{
    stroke-dashoffset:var(--md-progress-spinner-start-value);
    transform:rotate(270deg)
  }

  37.5%{
    stroke-dashoffset:var(--md-progress-spinner-end-value);
    transform:rotate(270deg)
  }

  37.51%{
    stroke-dashoffset:var(--md-progress-spinner-end-value);
    transform:rotateX(180deg) rotate(161.5deg)
  }

  50%{
    stroke-dashoffset:var(--md-progress-spinner-start-value);
    transform:rotateX(180deg) rotate(161.5deg)
  }

  50.01%{
    stroke-dashoffset:var(--md-progress-spinner-start-value);
    transform:rotate(180deg)
  }

  62.5%{
    stroke-dashoffset:var(--md-progress-spinner-end-value);
    transform:rotate(180deg)
  }

  62.51%{
    stroke-dashoffset:var(--md-progress-spinner-end-value);
    transform:rotateX(180deg) rotate(251.5deg)
  }

  75%{
    stroke-dashoffset:var(--md-progress-spinner-start-value);
    transform:rotateX(180deg) rotate(251.5deg)
  }

  75.01%{
    stroke-dashoffset:var(--md-progress-spinner-start-value);
    transform:rotate(90deg)
  }

  87.5%{
    stroke-dashoffset:var(--md-progress-spinner-end-value);
    transform:rotate(90deg)
  }

  87.51%{
    stroke-dashoffset:var(--md-progress-spinner-end-value);
    transform:rotateX(180deg) rotate(341.5deg)
  }

  to{
    stroke-dashoffset:var(--md-progress-spinner-start-value);
    transform:rotateX(180deg) rotate(341.5deg)
  }
}

.md-progress-spinner{
  display:inline-flex;
  position:relative
}

.md-progress-spinner.md-indeterminate{
  animation:g 2s linear infinite
}

.md-progress-spinner.md-indeterminate.md-progress-spinner-enter .md-progress-spinner-draw,.md-progress-spinner.md-indeterminate.md-progress-spinner-leave-to .md-progress-spinner-draw{
  opacity:0;
  transform:scale(.1)
}

.md-progress-spinner.md-indeterminate.md-progress-spinner-enter-active,.md-progress-spinner.md-indeterminate.md-progress-spinner-leave-active{
  transition-duration:.4s;
  animation:none
}

.md-progress-spinner.md-indeterminate .md-progress-spinner-circle{
  animation:4s infinite cubic-bezier(.25,.8,.25,1);
  animation-name:i
}

.md-progress-spinner.md-determinate.md-progress-spinner-enter-active{
  transition-duration:2s
}

.md-progress-spinner.md-determinate.md-progress-spinner-enter-active .md-progress-spinner-draw{
  animation:h 1.98s cubic-bezier(.25,.8,.25,1) forwards
}

.md-progress-spinner.md-determinate.md-progress-spinner-leave-active{
  transition-duration:2s
}

.md-progress-spinner.md-determinate.md-progress-spinner-leave-active .md-progress-spinner-draw{
  animation:h reverse 1.98s cubic-bezier(.25,.8,.25,1) forwards
}

.md-progress-spinner.md-determinate .md-progress-spinner-draw{
  transition:none
}

.md-progress-spinner-draw{
  overflow:visible;
  transform:scale(1) rotate(-90deg);
  transform-origin:center;
  transition:.4s cubic-bezier(.25,.8,.25,1);
  will-change:opacity,transform
}

.md-progress-spinner-circle{
  fill:none;
  transform-origin:center;
  transition:stroke-dashoffset .25s cubic-bezier(.25,.8,.25,1);
  will-change:stroke-dashoffset,stroke-dasharray,stroke-width,animation-name,r
}

.md-radio{
  width:auto;
  margin:16px 16px 16px 0;
  display:inline-flex;
  position:relative
}

.md-radio:not(.md-disabled),.md-radio:not(.md-disabled) .md-radio-label{
  cursor:pointer
}

.md-radio .md-radio-container{
  width:20px;
  min-width:20px;
  height:20px;
  position:relative;
  border:2px solid transparent;
  border-radius:50%;
  transition:.4s cubic-bezier(.25,.8,.25,1)
}

.md-radio .md-radio-container:focus{
  outline:none
}

.md-radio .md-radio-container:after,.md-radio .md-radio-container:before{
  position:absolute;
  transition:.4s cubic-bezier(.55,0,.55,.2);
  content:" "
}

.md-radio .md-radio-container:before{
  width:48px;
  height:48px;
  top:50%;
  left:50%;
  z-index:6;
  border-radius:50%;
  transform:translate(-50%,-50%)
}

.md-radio .md-radio-container:after{
  position:absolute;
  top:3px;
  right:3px;
  bottom:3px;
  left:3px;
  border-radius:50%;
  opacity:0;
  transform:scale3D(.38,.38,1);
  content:" "
}

.md-radio .md-radio-container .md-ripple{
  width:48px!important;
  height:48px!important;
  top:50%!important;
  left:50%!important;
  transform:translate(-50%,-50%);
  border-radius:50%
}

.md-radio .md-radio-container input{
  position:absolute;
  left:-999em
}

.md-radio .md-radio-label{
  height:20px;
  padding-left:16px;
  position:relative;
  line-height:20px
}

.md-radio.md-checked .md-radio-container:after{
  opacity:1;
  transform:scale3D(1,1,1);
  transition:.4s cubic-bezier(.25,.8,.25,1)
}

.md-radio.md-required label:after{
  position:absolute;
  top:2px;
  right:0;
  transform:translateX(calc(100% + 2px));
  content:"*";
  line-height:1em;
  vertical-align:top
}

.md-snackbar{
  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);
  min-width:288px;
  max-width:568px;
  min-height:48px;
  max-height:80px;
  padding:14px 24px;
  display:flex;
  align-items:center;
  position:fixed;
  z-index:14;
  border-radius:2px;
  transition:.4s cubic-bezier(.4,0,.2,1);
  will-change:background-color,color,opacity,transform
}

.md-snackbar.md-position-center{
  margin:0 auto;
  right:0;
  bottom:0;
  left:0
}

.md-snackbar.md-position-center.md-snackbar-enter,.md-snackbar.md-position-center.md-snackbar-leave-active{
  transform:translate3D(0,calc(100% + 8px),0)
}

.md-snackbar.md-position-left{
  bottom:24px;
  left:24px
}

.md-snackbar.md-position-left.md-snackbar-enter,.md-snackbar.md-position-left.md-snackbar-leave-active{
  transform:translate3D(0,calc(100% + 32px),0)
}

.md-snackbar-enter,.md-snackbar-enter .md-snackbar-content,.md-snackbar-leave-active,.md-snackbar-leave-active .md-snackbar-content{
  opacity:0
}

.md-snackbar-content{
  flex:1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  transition:opacity .38s cubic-bezier(.55,0,.55,.2)
}

.md-snackbar-content .md-button{
  min-width:0;
  margin:-8px -8px -8px 36px
}

.md-snackbar-content .md-button+.md-button{
  margin-left:16px
}

@media (max-width:600px){
  .md-snackbar{
    left:0;
    transform:none;
    border-radius:0
  }

  .md-snackbar-content .md-button{
    margin-left:12px
  }
}

.md-speed-dial{
  display:inline-flex;
  flex-direction:column
}

.md-speed-dial.md-top-left,.md-speed-dial.md-top-right{
  position:absolute;
  top:24px
}

.md-speed-dial.md-bottom-left,.md-speed-dial.md-bottom-right{
  position:absolute;
  bottom:24px
}

.md-speed-dial.md-bottom-center,.md-speed-dial.md-top-center{
  position:absolute;
  left:50%;
  transform:translateX(-50%)
}

.md-speed-dial.md-top-center{
  top:24px
}

.md-speed-dial.md-bottom-center{
  bottom:24px
}

.md-speed-dial.md-bottom-right,.md-speed-dial.md-top-right{
  right:24px
}

.md-speed-dial.md-bottom-left,.md-speed-dial.md-top-left{
  left:24px
}

.md-speed-dial.md-fixed{
  position:fixed
}

.md-speed-dial.md-direction-top.md-effect-fling .md-speed-dial-content .md-button{
  transform:translate3d(0,50%,0) scale(.8)
}

.md-speed-dial.md-direction-top .md-speed-dial-target{
  order:2;
  margin-bottom:0!important
}

.md-speed-dial.md-direction-top .md-speed-dial-content{
  order:1
}

.md-speed-dial.md-direction-top .md-speed-dial-content .md-button:first-child{
  margin-top:0
}

.md-speed-dial.md-direction-bottom.md-effect-fling .md-speed-dial-content .md-button{
  transform:translate3d(0,-50%,0) scale(.8)
}

.md-speed-dial.md-direction-bottom .md-speed-dial-target{
  order:1;
  margin-top:0!important
}

.md-speed-dial.md-direction-bottom .md-speed-dial-content{
  order:2
}

.md-speed-dial.md-direction-bottom .md-speed-dial-content .md-button:last-child{
  margin-bottom:0
}

.md-speed-dial.md-effect-scale .md-speed-dial-content .md-button{
  transform:scale(.3)
}

.md-speed-dial.md-active .md-morph-initial,.md-speed-dial.md-with-hover:hover .md-morph-initial{
  opacity:0;
  transform:translate3D(-50%,-50%,0) rotate(90deg) scale(.7)
}

.md-speed-dial.md-active .md-morph-final,.md-speed-dial.md-with-hover:hover .md-morph-final{
  opacity:1;
  transform:translate3D(-50%,-50%,0) rotate(0deg) scale(1)
}

.md-speed-dial.md-active .md-speed-dial-content .md-button,.md-speed-dial.md-with-hover:hover .md-speed-dial-content .md-button{
  pointer-events:auto;
  opacity:1;
  transform:translateZ(0) scale(1)!important;
  transition:opacity .2s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.25,.8,.25,1)
}

.md-speed-dial.md-active .md-speed-dial-content .md-button[md-button-index="0"],.md-speed-dial.md-with-hover:hover .md-speed-dial-content .md-button[md-button-index="0"]{
  transition-delay:0s
}

.md-speed-dial.md-active .md-speed-dial-content .md-button[md-button-index="1"],.md-speed-dial.md-with-hover:hover .md-speed-dial-content .md-button[md-button-index="1"]{
  transition-delay:.1s
}

.md-speed-dial.md-active .md-speed-dial-content .md-button[md-button-index="2"],.md-speed-dial.md-with-hover:hover .md-speed-dial-content .md-button[md-button-index="2"]{
  transition-delay:.2s
}

.md-speed-dial.md-active .md-speed-dial-content .md-button[md-button-index="3"],.md-speed-dial.md-with-hover:hover .md-speed-dial-content .md-button[md-button-index="3"]{
  transition-delay:.3s
}

.md-speed-dial.md-active .md-speed-dial-content .md-button[md-button-index="4"],.md-speed-dial.md-with-hover:hover .md-speed-dial-content .md-button[md-button-index="4"]{
  transition-delay:.4s
}

.md-speed-dial.md-active .md-speed-dial-content .md-button[md-button-index="5"],.md-speed-dial.md-with-hover:hover .md-speed-dial-content .md-button[md-button-index="5"]{
  transition-delay:.5s
}

.md-speed-dial .md-button{
  margin:6px 0
}

.md-speed-dial .md-speed-dial-content .md-button{
  pointer-events:none;
  opacity:0;
  transition:opacity .3s cubic-bezier(.4,0,.2,1),transform 0s cubic-bezier(.4,0,.2,1) .3s;
  will-change:opacity,transform
}

.md-speed-dial .md-morph-final,.md-speed-dial .md-morph-initial{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate3D(-50%,-50%,0);
  transition:.3s cubic-bezier(.25,.8,.25,1);
  transition-property:opacity,transform;
  will-change:opacity,transform
}

.md-speed-dial .md-morph-final{
  opacity:0;
  transform:translate3D(-50%,-50%,0) scale(.7) rotate(-90deg)
}

.md-speed-dial-target{
  z-index:1
}

.md-speed-dial-content{
  display:flex;
  flex-direction:column;
  align-items:center;
  position:relative;
  z-index:2
}

.md-speed-dial-content,.md-steppers{
  transition:.3s cubic-bezier(.4,0,.2,1)
}

.md-steppers{
  transition-property:color,background-color;
  will-change:color,background-color
}

.md-steppers.md-no-transition *{
  transition:none!important
}

.md-steppers.md-dynamic-height .md-steppers-wrapper{
  transition:height .3s cubic-bezier(.4,0,.2,1);
  will-change:height
}

.md-steppers.md-horizontal.md-alternative .md-stepper-header{
  height:104px
}

.md-steppers.md-horizontal.md-alternative .md-stepper-header:first-of-type .md-stepper-icon:before,.md-steppers.md-horizontal.md-alternative .md-stepper-header:first-of-type .md-stepper-number:before,.md-steppers.md-horizontal.md-alternative .md-stepper-header:last-of-type .md-stepper-icon:after,.md-steppers.md-horizontal.md-alternative .md-stepper-header:last-of-type .md-stepper-number:after{
  content:none
}

.md-steppers.md-horizontal.md-alternative .md-stepper-header .md-ripple{
  justify-content:center
}

.md-steppers.md-horizontal.md-alternative .md-stepper-header .md-button-content{
  padding-top:16px;
  flex-direction:column
}

.md-steppers.md-horizontal.md-alternative .md-stepper-header .md-button-content:after,.md-steppers.md-horizontal.md-alternative .md-stepper-header .md-button-content:before{
  content:none
}

.md-steppers.md-horizontal.md-alternative .md-stepper-header .md-stepper-text{
  height:32px;
  justify-content:flex-start;
  text-align:center
}

.md-steppers.md-horizontal.md-alternative .md-stepper-header .md-stepper-icon,.md-steppers.md-horizontal.md-alternative .md-stepper-header .md-stepper-number{
  margin:0 8px 8px;
  position:relative
}

.md-steppers.md-horizontal.md-alternative .md-stepper-header .md-stepper-icon:after,.md-steppers.md-horizontal.md-alternative .md-stepper-header .md-stepper-icon:before,.md-steppers.md-horizontal.md-alternative .md-stepper-header .md-stepper-number:after,.md-steppers.md-horizontal.md-alternative .md-stepper-header .md-stepper-number:before{
  width:9999%;
  height:1px;
  position:absolute;
  top:50%;
  z-index:2;
  transition:background-color .3s cubic-bezier(.4,0,.2,1);
  will-change:background-color;
  content:" "
}

.md-steppers.md-horizontal.md-alternative .md-stepper-header .md-stepper-icon:after,.md-steppers.md-horizontal.md-alternative .md-stepper-header .md-stepper-number:after{
  left:calc(100% + 8px)
}

.md-steppers.md-horizontal.md-alternative .md-stepper-header .md-stepper-icon:before,.md-steppers.md-horizontal.md-alternative .md-stepper-header .md-stepper-number:before{
  right:32px
}

.md-steppers.md-vertical .md-stepper-header{
  height:56px
}

.md-steppers.md-vertical .md-stepper-header .md-ripple{
  padding:0 24px 0 16px
}

.md-steppers.md-vertical .md-steppers-container{
  display:block
}

.md-steppers.md-vertical .md-button-content:after,.md-steppers.md-vertical .md-button-content:before{
  content:none
}

.md-steppers.md-vertical .md-stepper-icon,.md-steppers.md-vertical .md-stepper-number{
  margin-right:12px
}

.md-steppers.md-vertical .md-stepper{
  flex:none;
  padding:0;
  position:relative
}

.md-steppers.md-vertical .md-stepper:last-of-type:after{
  content:none
}

.md-steppers.md-vertical .md-stepper:after{
  width:1px;
  position:absolute;
  top:48px;
  bottom:-8px;
  left:36px;
  z-index:2;
  transition:background-color .3s cubic-bezier(.4,0,.2,1);
  will-change:background-color;
  content:" "
}

.md-steppers-navigation{
  box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);
  display:flex
}

.md-steppers-navigation .md-stepper-header{
  width:auto
}

.md-stepper-header{
  width:100%;
  height:72px;
  margin:0;
  flex:1;
  border-radius:0;
  font-weight:400;
  text-align:left;
  text-transform:none
}

.md-stepper-header:first-of-type .md-button-content:before,.md-stepper-header:last-of-type .md-button-content:after{
  content:none
}

.md-stepper-header.md-active,.md-stepper-header.md-error{
  font-weight:500
}

.md-stepper-header .md-ripple{
  padding:0 16px;
  justify-content:flex-start
}

.md-stepper-header .md-button-content{
  padding:0 8px;
  display:flex;
  align-items:center;
  transition:color .3s cubic-bezier(.4,0,.2,1);
  will-change:color
}

.md-stepper-header .md-button-content:after,.md-stepper-header .md-button-content:before{
  height:1px;
  position:absolute;
  top:50%;
  transition:background-color .3s cubic-bezier(.4,0,.2,1);
  will-change:background-color;
  content:" "
}

.md-stepper-header .md-button-content:after{
  width:9999%;
  left:100%
}

.md-stepper-header .md-button-content:before{
  width:16px;
  left:-16px
}

.md-stepper-header .md-button-content svg{
  transition:.3s cubic-bezier(.4,0,.2,1);
  transition-property:color,fill;
  will-change:color,fill
}

.md-stepper-text{
  display:flex;
  flex-direction:column;
  justify-content:center;
  line-height:16px;
  white-space:nowrap
}

.md-stepper-icon,.md-stepper-number{
  margin-right:8px;
  transition:color .3s cubic-bezier(.4,0,.2,1);
  will-change:color
}

.md-stepper-number{
  width:24px;
  height:24px;
  border-radius:24px;
  transition:.3s cubic-bezier(.4,0,.2,1);
  transition-property:color,background-color;
  will-change:color,background-color;
  font-size:12px;
  line-height:24px;
  text-align:center
}

.md-stepper-done{
  width:20px;
  height:20px;
  transform:translateY(-1px)
}

.md-stepper-editable{
  width:14px;
  height:14px;
  transform:translateY(-1px)
}

.md-stepper-description,.md-stepper-error{
  font-size:12px;
  font-weight:400;
  line-height:16px
}

.md-stepper-description{
  opacity:.54
}

.md-steppers-wrapper{
  overflow:hidden;
  transition:none;
  will-change:height
}

.md-steppers-container{
  display:flex;
  align-items:flex-start;
  flex-wrap:nowrap;
  transform:translateZ(0);
  transition:transform .35s cubic-bezier(.4,0,.2,1);
  will-change:transform
}

.md-stepper{
  width:100%;
  flex:1 0 100%;
  padding:16px 24px
}

@media (max-width:960px){
  .md-stepper{
    padding:8px 16px
  }
}

.md-steppers.md-vertical .md-stepper-content{
  padding:0 24px 0 60px;
  height:0;
  overflow:hidden;
  opacity:0;
  transform:translate3D(0,-20px,0);
  transition:.35s cubic-bezier(.25,.8,.25,1);
  transition-property:opacity,transform,height,padding-bottom;
  will-change:opacity,transform,height,padding-bottom
}

.md-steppers.md-vertical .md-stepper-content.md-active{
  height:auto;
  padding-bottom:40px;
  opacity:1;
  transform:translate3D(0,0,0)
}

.md-subheader{
  min-height:48px;
  padding:0 16px;
  display:flex;
  align-items:center;
  flex-flow:row wrap;
  font-size:14px;
  font-weight:500
}

.md-switch{
  width:auto;
  margin:16px 16px 16px 0;
  display:inline-flex;
  position:relative
}

.md-switch:not(.md-disabled),.md-switch:not(.md-disabled) .md-switch-label{
  cursor:pointer
}

.md-switch .md-switch-container{
  width:34px;
  min-width:34px;
  height:14px;
  margin:3px 0;
  display:flex;
  align-items:center;
  position:relative;
  border-radius:14px;
  transition:.4s cubic-bezier(.25,.8,.25,1)
}

.md-switch .md-switch-thumb{
  box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12);
  width:20px;
  height:20px;
  position:relative;
  border-radius:50%;
  transition:.4s cubic-bezier(.25,.8,.25,1)
}

.md-switch .md-switch-thumb:before{
  width:48px;
  height:48px;
  position:absolute;
  top:50%;
  left:50%;
  z-index:6;
  transform:translate(-50%,-50%);
  content:" "
}

.md-switch .md-switch-thumb .md-ripple{
  width:48px!important;
  height:48px!important;
  top:50%!important;
  left:50%!important;
  position:absolute;
  transform:translate(-50%,-50%);
  border-radius:50%
}

.md-switch .md-switch-thumb input{
  position:absolute;
  left:-999em
}

.md-switch .md-switch-label{
  height:20px;
  padding-left:16px;
  position:relative;
  line-height:20px
}

.md-switch.md-checked .md-switch-thumb{
  transform:translate3d(15px,0,0)
}

.md-switch.md-required label:after{
  position:absolute;
  top:2px;
  right:0;
  transform:translateX(calc(100% + 2px));
  content:"*";
  line-height:1em;
  vertical-align:top
}

.md-table{
  display:flex;
  flex-flow:column wrap;
  overflow-x:auto
}

.md-table .md-table-fixed-header{
  position:relative
}

.md-table .md-table-fixed-header .md-table-fixed-header-container{
  flex:1;
  overflow-x:auto
}

.md-table .md-table-fixed-header .md-table-fixed-header-container::-webkit-scrollbar,.md-table .md-table-fixed-header .md-table-fixed-header-container::-webkit-scrollbar-button,.md-table .md-table-fixed-header .md-table-fixed-header-container::-webkit-scrollbar-thumb{
  display:none
}

.md-table .md-table-fixed-header-active{
  border-bottom:1px solid
}

.md-table .md-table-content{
  flex:1;
  overflow-x:auto;
  transition:height .3s cubic-bezier(.4,0,.2,1)
}

.md-table .md-table-empty{
  display:flex;
  align-items:center;
  justify-content:center
}

.md-table table{
  width:100%;
  border-spacing:0;
  border-collapse:collapse;
  overflow:hidden
}

.md-table-head{
  padding:0;
  position:relative;
  font-size:12px;
  line-height:16px;
  text-align:left
}

.md-table-head:last-child:not(:first-child) .md-table-head-label{
  padding-right:24px
}

.md-table-head.md-numeric{
  text-align:right
}

.md-table-head.md-sortable:first-of-type .md-table-sortable-icon,.md-table-head.md-table-cell-selection+.md-sortable .md-table-sortable-icon{
  right:8px;
  left:auto
}

.md-table-head .md-icon{
  width:16px;
  height:16px;
  font-size:16px
}

.md-table-head .md-icon:not(.md-sortable-icon){
  margin:0 4px
}

.md-table-head .md-icon:first-child{
  margin-left:0
}

.md-table-head .md-icon:last-child{
  margin-right:0
}

.md-sortable{
  cursor:pointer
}

.md-sortable.md-sorted .md-table-sortable-icon,.md-sortable:hover .md-table-sortable-icon{
  opacity:1
}

.md-sortable.md-sorted-desc .md-table-sortable-icon{
  transform:translateY(-50%) rotate(180deg)
}

.md-table-head-container{
  height:56px;
  padding:14px 0
}

.md-table-head-container,.md-table-head-label{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap
}

.md-table-head-label{
  height:28px;
  padding-right:32px;
  padding-left:24px;
  display:inline-block;
  position:relative;
  line-height:28px
}

.md-table-sortable-icon{
  position:absolute;
  top:50%;
  left:0;
  transition:.3s cubic-bezier(.4,0,.2,1);
  transform:translateY(-50%);
  opacity:0;
  color:rgba(0,0,0,.38)
}

.md-table-alternate-header{
  position:absolute;
  top:0;
  right:0;
  left:0;
  z-index:2;
  will-change:opacity,transform
}

.md-table-alternate-header-enter,.md-table-alternate-header-leave-active{
  opacity:0;
  transform:translate3d(0,-100%,0)
}

.md-table-alternate-header-enter-active{
  transition:.3s cubic-bezier(.4,0,.2,1)
}

.md-table-alternate-header-leave-active{
  transition:.2s cubic-bezier(.4,0,1,1)
}

.md-table-row{
  transition:.3s cubic-bezier(.4,0,.2,1);
  transition-property:background-color,font-weight;
  will-change:background-color,font-weight
}

.md-table-row.md-has-selection{
  cursor:pointer
}

.md-table-row.md-selected-single{
  font-weight:500
}

tbody .md-table-row td{
  border-top:1px solid
}

.md-table-cell-selection{
  width:66px
}

.md-table-cell-selection+td .md-table-cell-container,.md-table-cell-selection+th .md-table-head-label{
  padding-left:0
}

.md-table-cell-selection .md-table-cell-container,.md-table-cell-selection .md-table-cell-label,.md-table-cell-selection .md-table-head-container,.md-table-cell-selection .md-table-head-label{
  padding:0;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:visible
}

.md-table-cell-selection .md-checkbox{
  margin:0
}

.md-table-cell-selection .md-checkbox .md-checkbox-container{
  width:18px;
  min-width:18px;
  height:18px
}

.md-table-cell-selection .md-checkbox .md-checkbox-container:after{
  top:-1px;
  left:4px
}

.md-table-toolbar{
  padding-left:24px
}

.md-table-toolbar .md-title{
  flex:1;
  font-size:20px
}

.md-toolbar,.md-toolbar-row{
  width:100%;
  min-height:64px;
  display:flex;
  align-items:center;
  align-content:center;
  transition:.3s cubic-bezier(.4,0,.2,1);
  transition-property:opacity,background-color,box-shadow,transform,color,min-height;
  will-change:opacity,background-color,box-shadow,transform,color,min-height
}

.md-toolbar{
  padding:0 16px;
  flex-flow:row wrap;
  position:relative;
  z-index:2
}

.md-toolbar.md-dense{
  min-height:48px
}

.md-toolbar.md-large .md-toolbar-row,.md-toolbar.md-medium .md-toolbar-row{
  min-height:64px
}

.md-toolbar.md-medium{
  min-height:88px
}

.md-toolbar.md-large{
  min-height:128px;
  align-content:inherit
}

.md-toolbar.md-large.md-dense{
  min-height:96px
}

.md-toolbar.md-large.md-dense .md-toolbar-row+.md-toolbar-row{
  min-height:32px
}

.md-toolbar .md-toolbar-offset{
  margin-left:56px
}

.md-toolbar .md-button,.md-toolbar .md-icon{
  z-index:1
}

.md-toolbar .md-button~.md-title,.md-toolbar .md-icon~.md-title{
  margin-left:24px
}

.md-toolbar .md-button:last-child{
  margin-right:0
}

.md-toolbar .md-button:first-child{
  margin-left:0
}

.md-toolbar .md-display-1,.md-toolbar .md-display-2,.md-toolbar .md-title{
  margin:0;
  margin-left:8px;
  overflow:hidden;
  font-weight:400;
  letter-spacing:.02em;
  text-overflow:ellipsis;
  white-space:nowrap;
  vertical-align:top
}

.md-toolbar .md-display-1{
  padding:12px 0
}

.md-toolbar .md-field{
  margin-top:2px;
  margin-bottom:14px;
  padding-top:16px
}

.md-toolbar-row{
  align-self:flex-start
}

.md-toolbar-section-end,.md-toolbar-section-start{
  display:flex;
  align-items:center;
  flex:1
}

.md-toolbar-section-start{
  justify-content:flex-start;
  order:0
}

.md-toolbar-section-end{
  justify-content:flex-end;
  order:10
}

@media (max-width:960px){
  .md-toolbar,.md-toolbar-row{
    min-height:48px
  }

  .md-toolbar{
    padding:0 8px
  }

  .md-toolbar .md-toolbar-offset{
    margin-left:48px
  }

  .md-toolbar .md-button~.md-title,.md-toolbar .md-icon~.md-title{
    margin-left:16px
  }
}

@media (max-width:600px){
  .md-toolbar,.md-toolbar-row{
    min-height:56px
  }
}

.md-table-empty-state{
  padding-left:24px
}

.md-table-cell{
  height:48px;
  position:relative;
  transition:.3s cubic-bezier(.4,0,.2,1);
  font-size:13px;
  line-height:18px
}

.md-table-cell.md-numeric{
  text-align:right
}

.md-table-cell:last-child .md-table-cell-container{
  padding-right:24px
}

.md-table-cell-container{
  padding:6px 32px 6px 24px
}

.md-table-pagination{
  height:56px;
  display:flex;
  flex:1;
  align-items:center;
  justify-content:flex-end;
  border-top:1px solid;
  font-size:12px
}

.md-table-pagination .md-table-pagination-previous{
  margin-right:2px;
  margin-left:18px
}

.md-table-pagination .md-field{
  width:48px;
  min-width:36px;
  margin:-16px 24px 0 32px
}

.md-table-pagination .md-field:after,.md-table-pagination .md-field:before{
  display:none
}

.md-table-pagination .md-field .md-select-value{
  font-size:13px
}

.md-menu-content.md-pagination-select{
  max-width:82px;
  min-width:56px;
  margin-top:5px
}

.md-tabs{
  display:flex;
  flex-direction:column
}

.md-tabs.md-no-transition *{
  transition:none!important
}

.md-tabs.md-dynamic-height .md-tabs-content{
  transition:height .3s cubic-bezier(.4,0,.2,1);
  will-change:height
}

.md-tabs.md-transparent .md-tabs-content,.md-tabs.md-transparent .md-tabs-navigation{
  background-color:transparent!important
}

.md-tabs.md-dynamic-height .md-tabs-content{
  transition:height .35s cubic-bezier(.25,.8,.25,1)
}

.md-tabs.md-alignment-left .md-tabs-navigation{
  justify-content:flex-start
}

.md-tabs.md-alignment-right .md-tabs-navigation{
  justify-content:flex-end
}

.md-tabs.md-alignment-centered .md-tabs-navigation,.md-tabs.md-alignment-fixed .md-tabs-navigation{
  justify-content:center
}

.md-tabs.md-alignment-fixed .md-tabs-navigation .md-button{
  max-width:264px;
  min-width:160px;
  flex:1
}

.md-toolbar .md-tabs{
  padding-left:48px
}

.md-tabs-navigation{
  display:flex;
  position:relative
}

.md-tabs-navigation .md-button{
  max-width:264px;
  min-width:72px;
  height:48px;
  margin:0;
  cursor:pointer;
  border-radius:0;
  font-size:13px
}

.md-tabs-navigation .md-button-content{
  position:static
}

.md-tabs-navigation .md-icon-label{
  height:72px
}

.md-tabs-navigation .md-icon-label .md-button-content{
  display:flex;
  flex-direction:column;
  justify-content:center
}

.md-tabs-navigation .md-icon-label .md-tab-icon+.md-tab-label{
  margin-top:10px
}

.md-tabs-navigation .md-ripple{
  padding:0 24px
}

.md-tabs-indicator{
  height:2px;
  position:absolute;
  bottom:0;
  left:0;
  transform:translateZ(0);
  will-change:left,right
}

.md-tabs-indicator.md-tabs-indicator-left{
  transition:left .3s cubic-bezier(.4,0,.2,1),right .35s cubic-bezier(.4,0,.2,1)
}

.md-tabs-indicator.md-tabs-indicator-right{
  transition:right .3s cubic-bezier(.4,0,.2,1),left .35s cubic-bezier(.4,0,.2,1)
}

.md-tabs-content{
  overflow:hidden;
  transition:none;
  will-change:height
}

.md-tabs-container{
  display:flex;
  align-items:flex-start;
  flex-wrap:nowrap;
  transform:translateZ(0);
  transition:transform .35s cubic-bezier(.4,0,.2,1);
  will-change:transform
}

.md-tab{
  width:100%;
  flex:1 0 100%;
  padding:16px
}

@media (max-width:960px){
  .md-tabs.md-alignment-fixed .md-tabs-navigation .md-button{
    min-width:72px
  }

  .md-toolbar .md-tabs{
    margin:0 -8px;
    padding-left:0
  }

  .md-tabs-navigation .md-ripple{
    padding:0 12px
  }

  .md-tab{
    padding:8px
  }
}

.md-tooltip{
  height:22px;
  padding:0 8px;
  position:fixed;
  z-index:12;
  pointer-events:none;
  border-radius:2px;
  transition:.15s cubic-bezier(0,0,.2,1);
  transition-property:opacity,transform;
  will-change:opacity,transform,top,left!important;
  font-size:10px;
  line-height:22px;
  text-transform:none;
  white-space:nowrap
}

.md-tooltip.md-tooltip-leave-active{
  transition-timing-function:cubic-bezier(.4,0,1,1)
}

.md-tooltip.md-tooltip-enter,.md-tooltip.md-tooltip-leave-active{
  opacity:0
}

.md-tooltip.md-tooltip-enter.md-tooltip-top,.md-tooltip.md-tooltip-leave-active.md-tooltip-top{
  transform:translate3d(0,4px,0) scale(.95)
}

.md-tooltip.md-tooltip-enter.md-tooltip-right,.md-tooltip.md-tooltip-leave-active.md-tooltip-right{
  transform:translate3d(-4px,0,0) scale(.95)
}

.md-tooltip.md-tooltip-enter.md-tooltip-bottom,.md-tooltip.md-tooltip-leave-active.md-tooltip-bottom{
  transform:translate3d(0,-4px,0) scale(.95)
}

.md-tooltip.md-tooltip-enter.md-tooltip-left,.md-tooltip.md-tooltip-leave-active.md-tooltip-left{
  transform:translate3d(4px,0,0) scale(.95)
}

@media (max-width:960px){
  .md-tooltip{
    height:32px;
    font-size:14px;
    line-height:32px
  }
}

/*purgecss end ignore
 */
/* purgecss start ignore */
.vue-map-container {
  position: relative;
}
.vue-map-container .vue-map {
  left: 0; right: 0; top: 0; bottom: 0;
  position: absolute;
}
.vue-map-hidden {
  display: none;
}

/* purgecss end ignore */

/* purgecss start ignore */
.vue-street-view-pano-container {
  position: relative;
}
.vue-street-view-pano-container .vue-street-view-pano {
  left: 0; right: 0; top: 0; bottom: 0;
  position: absolute;
}

/* purgecss end ignore */

/* purgecss start ignore */

.vld-overlay {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  align-items: center;
  display: none;
  justify-content: center;
  overflow: hidden;
  z-index: 1
}

.vld-overlay.is-active {
  display: flex
}

.vld-overlay.is-full-page {
  z-index: 999;
  position: fixed
}

.vld-overlay .vld-background {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  background: #fff;
  opacity: 0.5
}

.vld-overlay .vld-icon {
  position: relative
}

.vld-parent {
  position: relative
}

/* purgecss end ignore */



/*! tailwindcss v2.2.17 | MIT License | https://tailwindcss.com */

/*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */

/*
Document
========
*/

/**
Use a better box model (opinionated).
*/

*,
::before,
::after {
  box-sizing: border-box;
}

/**
Use a more readable tab size (opinionated).
*/

html {
  tab-size: 4;
}

/**
1. Correct the line height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
*/

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/*
Sections
========
*/

/**
Remove the margin in all browsers.
*/

body {
  margin: 0;
}

/**
Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
*/

body {
  font-family:
		system-ui,
		-apple-system, /* Firefox supports this but not yet `system-ui` */
		'Segoe UI',
		Roboto,
		Helvetica,
		Arial,
		sans-serif,
		'Apple Color Emoji',
		'Segoe UI Emoji';
}

/*
Grouping content
================
*/

/**
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
*/

hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
}

/*
Text-level semantics
====================
*/

/**
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr[title] {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/**
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/**
1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
2. Correct the odd 'em' font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family:
		ui-monospace,
		SFMono-Regular,
		Consolas,
		'Liberation Mono',
		Menlo,
		monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/**
Prevent 'sub' and 'sup' elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
Tabular data
============
*/

/**
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
*/

table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
}

/*
Forms
=====
*/

/**
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
Remove the inheritance of text transform in Edge and Firefox.
1. Remove the inheritance of text transform in Firefox.
*/

button,
select { /* 1 */
  text-transform: none;
}

/**
Correct the inability to style clickable types in iOS and Safari.
*/

button,
[type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button;
}

/**
Remove the inner border and padding in Firefox.
*/

::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
Restore the focus styles unset by the previous rule.
*/

/**
Remove the additional ':invalid' styles in Firefox.
See: https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737
*/

/**
Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.
*/

legend {
  padding: 0;
}

/**
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/**
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/**
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

/**
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to 'inherit' in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
Interactive
===========
*/

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/**
 * Manually forked from SUIT CSS Base: https://github.com/suitcss/base
 * A thin layer on top of normalize.css that provides a starting point more
 * suitable for web applications.
 */

/**
 * Removes the default spacing and border for appropriate elements.
 */

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

button {
  background-color: transparent;
  background-image: none;
}

fieldset {
  margin: 0;
  padding: 0;
}

ol,
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/**
 * Tailwind custom reset styles
 */

/**
 * 1. Use the user's configured `sans` font-family (with Tailwind's default
 *    sans-serif font stack as a fallback) as a sane default.
 * 2. Use Tailwind's default "normal" line-height so the user isn't forced
 *    to override it to ensure consistency even when using the default theme.
 */

html {
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 1 */
  line-height: 1.5; /* 2 */
}

/**
 * Inherit font-family and line-height from `html` so users can set them as
 * a class directly on the `html` element.
 */

body {
  font-family: inherit;
  line-height: inherit;
}

/**
 * 1. Prevent padding and border from affecting element width.
 *
 *    We used to set this in the html element and inherit from
 *    the parent element for everything else. This caused issues
 *    in shadow-dom-enhanced elements like <details> where the content
 *    is wrapped by a div with box-sizing set to `content-box`.
 *
 *    https://github.com/mozdevs/cssremedy/issues/4
 *
 *
 * 2. Allow adding a border to an element by just adding a border-width.
 *
 *    By default, the way the browser specifies that an element should have no
 *    border is by setting it's border-style to `none` in the user-agent
 *    stylesheet.
 *
 *    In order to easily add borders to elements by just setting the `border-width`
 *    property, we change the default border-style for all elements to `solid`, and
 *    use border-width to hide them instead. This way our `border` utilities only
 *    need to set the `border-width` property instead of the entire `border`
 *    shorthand, making our border utilities much more straightforward to compose.
 *
 *    https://github.com/tailwindcss/tailwindcss/pull/116
 */

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: currentColor; /* 2 */
}

/*
 * Ensure horizontal rules are visible by default
 */

hr {
  border-top-width: 1px;
}

/**
 * Undo the `border-style: none` reset that Normalize applies to images so that
 * our `border-{width}` utilities have the expected effect.
 *
 * The Normalize reset is unnecessary for us since we default the border-width
 * to 0 on all elements.
 *
 * https://github.com/tailwindcss/tailwindcss/issues/362
 */

img {
  border-style: solid;
}

textarea {
  resize: vertical;
}

input::placeholder,
textarea::placeholder {
  opacity: 1;
  color: #9ca3af;
}

button,
[role="button"] {
  cursor: pointer;
}

/**
 * Override legacy focus reset from Normalize with modern Firefox focus styles.
 *
 * This is actually an improvement over the new defaults in Firefox in our testing,
 * as it triggers the better focus styles even for links, which still use a dotted
 * outline in Firefox by default.
 */

table {
  border-collapse: collapse;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/**
 * Reset links to optimize for opt-in styling instead of
 * opt-out.
 */

a {
  color: inherit;
  text-decoration: inherit;
}

/**
 * Reset form element properties that are easy to forget to
 * style explicitly so you don't inadvertently introduce
 * styles that deviate from your design system. These styles
 * supplement a partial reset that is already applied by
 * normalize.css.
 */

button,
input,
optgroup,
select,
textarea {
  padding: 0;
  line-height: inherit;
  color: inherit;
}

/**
 * Use the configured 'mono' font family for elements that
 * are expected to be rendered with a monospace font, falling
 * back to the system monospace stack if there is no configured
 * 'mono' font family.
 */

pre,
code,
kbd,
samp {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

/**
 * 1. Make replaced elements `display: block` by default as that's
 *    the behavior you want almost all of the time. Inspired by
 *    CSS Remedy, with `svg` added as well.
 *
 *    https://github.com/mozdevs/cssremedy/issues/14
 * 
 * 2. Add `vertical-align: middle` to align replaced elements more
 *    sensibly by default when overriding `display` by adding a
 *    utility like `inline`.
 *
 *    This can trigger a poorly considered linting error in some
 *    tools but is included by design.
 * 
 *    https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210
 */

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}

/**
 * Constrain images and videos to the parent width and preserve
 * their intrinsic aspect ratio.
 *
 * https://github.com/mozdevs/cssremedy/issues/14
 */

img,
video {
  max-width: 100%;
  height: auto;
}

/**
 * Ensure the default browser behavior of the `hidden` attribute.
 */

[hidden] {
  display: none;
}

*, ::before, ::after {
  --tw-border-opacity: 1;
  border-color: rgba(229, 231, 235, var(--tw-border-opacity));
}

[type='text'],[type='email'],[type='url'],[type='password'],[type='number'],[type='date'],[type='datetime-local'],[type='month'],[type='tel'],[type='time'],[multiple],textarea,select {
  -webkit-appearance: none;
          appearance: none;
  background-color: #fff;
  border-color: #6b7280;
  border-width: 1px;
  border-radius: 0px;
  padding-top: 0.5rem;
  padding-right: 0.75rem;
  padding-bottom: 0.5rem;
  padding-left: 0.75rem;
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-shadow: 0 0 #0000;
}

[type='text']:focus, [type='email']:focus, [type='url']:focus, [type='password']:focus, [type='number']:focus, [type='date']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='tel']:focus, [type='time']:focus, [multiple]:focus, textarea:focus, select:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: #2563eb;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  border-color: #2563eb;
}

input::placeholder,textarea::placeholder {
  color: #6b7280;
  opacity: 1;
}

::-webkit-datetime-edit-fields-wrapper {
  padding: 0;
}

::-webkit-date-and-time-value {
  min-height: 1.5em;
}

::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field {
  padding-top: 0;
  padding-bottom: 0;
}

select {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
  background-position: right 0.5rem center;
  background-repeat: no-repeat;
  background-size: 1.5em 1.5em;
  padding-right: 2.5rem;
  print-color-adjust: exact;
}

[multiple] {
  background-image: initial;
  background-position: initial;
  background-repeat: unset;
  background-size: initial;
  padding-right: 0.75rem;
  print-color-adjust: unset;
}

[type='checkbox'],[type='radio'] {
  -webkit-appearance: none;
          appearance: none;
  padding: 0;
  print-color-adjust: exact;
  display: inline-block;
  vertical-align: middle;
  background-origin: border-box;
  -webkit-user-select: none;
          user-select: none;
  flex-shrink: 0;
  height: 1rem;
  width: 1rem;
  color: #2563eb;
  background-color: #fff;
  border-color: #6b7280;
  border-width: 1px;
  --tw-shadow: 0 0 #0000;
}

[type='checkbox'] {
  border-radius: 0px;
}

[type='radio'] {
  border-radius: 100%;
}

[type='checkbox']:focus,[type='radio']:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
  --tw-ring-offset-width: 2px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: #2563eb;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

[type='checkbox']:checked,[type='radio']:checked {
  border-color: transparent;
  background-color: currentColor;
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}

[type='checkbox']:checked {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
}

[type='radio']:checked {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
}

[type='checkbox']:checked:hover,[type='checkbox']:checked:focus,[type='radio']:checked:hover,[type='radio']:checked:focus {
  border-color: transparent;
  background-color: currentColor;
}

[type='checkbox']:indeterminate {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
  border-color: transparent;
  background-color: currentColor;
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}

[type='checkbox']:indeterminate:hover,[type='checkbox']:indeterminate:focus {
  border-color: transparent;
  background-color: currentColor;
}

[type='file'] {
  background: unset;
  border-color: inherit;
  border-width: 0;
  border-radius: 0;
  padding: 0;
  font-size: unset;
  line-height: inherit;
}

[type='file']:focus {
  outline: 1px solid ButtonText;
  outline: 1px auto -webkit-focus-ring-color;
}

.container {
  width: 100%;
}

@media (min-width: 640px) {
  .container {
    max-width: 640px;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 768px;
  }
}

@media (min-width: 1024px) {
  .container {
    max-width: 1024px;
  }
}

@media (min-width: 1280px) {
  .container {
    max-width: 1280px;
  }
}

@media (min-width: 1536px) {
  .container {
    max-width: 1536px;
  }
}

.form-checkbox {
  -webkit-appearance: none;
          appearance: none;
  padding: 0;
  print-color-adjust: exact;
  display: inline-block;
  vertical-align: middle;
  background-origin: border-box;
  -webkit-user-select: none;
          user-select: none;
  flex-shrink: 0;
  height: 1rem;
  width: 1rem;
  color: #2563eb;
  background-color: #fff;
  border-color: #6b7280;
  border-width: 1px;
  --tw-shadow: 0 0 #0000;
}

.form-checkbox {
  border-radius: 0px;
}

.form-checkbox:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
  --tw-ring-offset-width: 2px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: #2563eb;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.form-checkbox:checked {
  border-color: transparent;
  background-color: currentColor;
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}

.form-checkbox:checked {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
}

.form-checkbox:checked:hover,.form-checkbox:checked:focus {
  border-color: transparent;
  background-color: currentColor;
}

.form-checkbox:indeterminate {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
  border-color: transparent;
  background-color: currentColor;
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}

.form-checkbox:indeterminate:hover,.form-checkbox:indeterminate:focus {
  border-color: transparent;
  background-color: currentColor;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.pointer-events-none {
  pointer-events: none;
}

.fixed {
  position: fixed;
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.inset-0 {
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}

.inset-y-0 {
  top: 0px;
  bottom: 0px;
}

.top-0 {
  top: 0px;
}

.top-2 {
  top: 0.5rem;
}

.top-3 {
  top: 0.75rem;
}

.top-4 {
  top: 1rem;
}

.top-3\.5 {
  top: 0.875rem;
}

.-top-0 {
  top: 0px;
}

.top-1\/2 {
  top: 50%;
}

.right-0 {
  right: 0px;
}

.right-1 {
  right: 0.25rem;
}

.right-2 {
  right: 0.5rem;
}

.right-3 {
  right: 0.75rem;
}

.-right-0 {
  right: 0px;
}

.bottom-0 {
  bottom: 0px;
}

.bottom-2 {
  bottom: 0.5rem;
}

.left-0 {
  left: 0px;
}

.left-2 {
  left: 0.5rem;
}

.left-3 {
  left: 0.75rem;
}

.-left-20 {
  left: -5rem;
}

.-left-72 {
  left: -18rem;
}

.left-1\/2 {
  left: 50%;
}

.z-10 {
  z-index: 10;
}

.z-20 {
  z-index: 20;
}

.z-30 {
  z-index: 30;
}

.z-40 {
  z-index: 40;
}

.z-50 {
  z-index: 50;
}

.col-auto {
  grid-column: auto;
}

.col-span-3 {
  grid-column: span 3 / span 3;
}

.m-0 {
  margin: 0px;
}

.m-4 {
  margin: 1rem;
}

.m-auto {
  margin: auto;
}

.mx-0 {
  margin-left: 0px;
  margin-right: 0px;
}

.mx-1 {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}

.mx-2 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.mx-3 {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}

.mx-4 {
  margin-left: 1rem;
  margin-right: 1rem;
}

.mx-5 {
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.-mx-2 {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}

.-mx-3 {
  margin-left: -0.75rem;
  margin-right: -0.75rem;
}

.my-0 {
  margin-top: 0px;
  margin-bottom: 0px;
}

.my-2 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.my-3 {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}

.my-4 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.my-5 {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}

.my-20 {
  margin-top: 5rem;
  margin-bottom: 5rem;
}

.my-auto {
  margin-top: auto;
  margin-bottom: auto;
}

.my-0\.5 {
  margin-top: 0.125rem;
  margin-bottom: 0.125rem;
}

.mt-0 {
  margin-top: 0px;
}

.mt-2 {
  margin-top: 0.5rem;
}

.mt-3 {
  margin-top: 0.75rem;
}

.mt-4 {
  margin-top: 1rem;
}

.mt-5 {
  margin-top: 1.25rem;
}

.mt-6 {
  margin-top: 1.5rem;
}

.mt-10 {
  margin-top: 2.5rem;
}

.mt-20 {
  margin-top: 5rem;
}

.mr-2 {
  margin-right: 0.5rem;
}

.mr-3 {
  margin-right: 0.75rem;
}

.mr-4 {
  margin-right: 1rem;
}

.-mr-5 {
  margin-right: -1.25rem;
}

.mb-0 {
  margin-bottom: 0px;
}

.mb-1 {
  margin-bottom: 0.25rem;
}

.mb-2 {
  margin-bottom: 0.5rem;
}

.mb-3 {
  margin-bottom: 0.75rem;
}

.mb-4 {
  margin-bottom: 1rem;
}

.mb-5 {
  margin-bottom: 1.25rem;
}

.mb-6 {
  margin-bottom: 1.5rem;
}

.mb-8 {
  margin-bottom: 2rem;
}

.mb-1\.5 {
  margin-bottom: 0.375rem;
}

.-mb-px {
  margin-bottom: -1px;
}

.ml-0 {
  margin-left: 0px;
}

.ml-2 {
  margin-left: 0.5rem;
}

.ml-3 {
  margin-left: 0.75rem;
}

.ml-5 {
  margin-left: 1.25rem;
}

.block {
  display: block;
}

.inline-block {
  display: inline-block;
}

.flex {
  display: flex;
}

.inline-flex {
  display: inline-flex;
}

.table {
  display: table;
}

.grid {
  display: grid;
}

.hidden {
  display: none;
}

.h-3 {
  height: 0.75rem;
}

.h-4 {
  height: 1rem;
}

.h-5 {
  height: 1.25rem;
}

.h-6 {
  height: 1.5rem;
}

.h-7 {
  height: 1.75rem;
}

.h-8 {
  height: 2rem;
}

.h-10 {
  height: 2.5rem;
}

.h-16 {
  height: 4rem;
}

.h-40 {
  height: 10rem;
}

.h-auto {
  height: auto;
}

.h-px {
  height: 1px;
}

.h-full {
  height: 100%;
}

.h-screen {
  height: 100vh;
}

.max-h-screen {
  max-height: 100vh;
}

.w-3 {
  width: 0.75rem;
}

.w-4 {
  width: 1rem;
}

.w-5 {
  width: 1.25rem;
}

.w-6 {
  width: 1.5rem;
}

.w-7 {
  width: 1.75rem;
}

.w-8 {
  width: 2rem;
}

.w-10 {
  width: 2.5rem;
}

.w-16 {
  width: 4rem;
}

.w-20 {
  width: 5rem;
}

.w-24 {
  width: 6rem;
}

.w-28 {
  width: 7rem;
}

.w-32 {
  width: 8rem;
}

.w-36 {
  width: 9rem;
}

.w-40 {
  width: 10rem;
}

.w-48 {
  width: 12rem;
}

.w-64 {
  width: 16rem;
}

.w-80 {
  width: 20rem;
}

.w-96 {
  width: 24rem;
}

.w-auto {
  width: auto;
}

.w-px {
  width: 1px;
}

.w-3\/4 {
  width: 75%;
}

.w-2\/5 {
  width: 40%;
}

.w-3\/5 {
  width: 60%;
}

.w-4\/5 {
  width: 80%;
}

.w-4\/6 {
  width: 66.666667%;
}

.w-5\/6 {
  width: 83.333333%;
}

.w-4\/12 {
  width: 33.333333%;
}

.w-11\/12 {
  width: 91.666667%;
}

.w-full {
  width: 100%;
}

.min-w-0 {
  min-width: 0px;
}

.min-w-full {
  min-width: 100%;
}

.max-w-lg {
  max-width: 32rem;
}

.flex-1 {
  flex: 1 1 0%;
}

.flex-auto {
  flex: 1 1 auto;
}

.flex-shrink-0 {
  flex-shrink: 0;
}

.transform {
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-translate-x-1\/2 {
  --tw-translate-x: -50%;
}

.translate-y-0 {
  --tw-translate-y: 0px;
}

.-translate-y-1\/2 {
  --tw-translate-y: -50%;
}

.rotate-0 {
  --tw-rotate: 0deg;
}

.rotate-180 {
  --tw-rotate: 180deg;
}

.scale-y-0 {
  --tw-scale-y: 0;
}

.scale-y-100 {
  --tw-scale-y: 1;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

@keyframes ping {
  75%, 100% {
    transform: scale(2);
    opacity: 0;
  }
}

@keyframes pulse {
  50% {
    opacity: .5;
  }
}

@keyframes bounce {
  0%, 100% {
    transform: translateY(-25%);
    animation-timing-function: cubic-bezier(0.8,0,1,1);
  }

  50% {
    transform: none;
    animation-timing-function: cubic-bezier(0,0,0.2,1);
  }
}

.cursor-pointer {
  cursor: pointer;
}

.list-none {
  list-style-type: none;
}

.appearance-none {
  -webkit-appearance: none;
          appearance: none;
}

.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.flex-row {
  flex-direction: row;
}

.flex-col {
  flex-direction: column;
}

.flex-wrap {
  flex-wrap: wrap;
}

.content-between {
  align-content: space-between;
}

.items-center {
  align-items: center;
}

.justify-start {
  justify-content: flex-start;
}

.justify-end {
  justify-content: flex-end;
}

.justify-center {
  justify-content: center;
}

.justify-between {
  justify-content: space-between;
}

.gap-2 {
  gap: 0.5rem;
}

.gap-3 {
  gap: 0.75rem;
}

.gap-4 {
  gap: 1rem;
}

.gap-5 {
  gap: 1.25rem;
}

.gap-6 {
  gap: 1.5rem;
}

.gap-8 {
  gap: 2rem;
}

.gap-10 {
  gap: 2.5rem;
}

.gap-y-4 {
  row-gap: 1rem;
}

.gap-y-6 {
  row-gap: 1.5rem;
}

.gap-y-8 {
  row-gap: 2rem;
}

.-space-x-px > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(-1px * var(--tw-space-x-reverse));
  margin-left: calc(-1px * calc(1 - var(--tw-space-x-reverse)));
}

.space-y-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-x-auto {
  overflow-x: auto;
}

.overflow-y-auto {
  overflow-y: auto;
}

.overflow-x-hidden {
  overflow-x: hidden;
}

.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.whitespace-nowrap {
  white-space: nowrap;
}

.break-words {
  overflow-wrap: break-word;
}

.rounded {
  border-radius: 0.25rem;
}

.rounded-md {
  border-radius: 0.375rem;
}

.rounded-lg {
  border-radius: 0.5rem;
}

.rounded-xl {
  border-radius: 0.75rem;
}

.rounded-2xl {
  border-radius: 1rem;
}

.rounded-full {
  border-radius: 9999px;
}

.rounded-r-lg {
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}

.border-2 {
  border-width: 2px;
}

.border-4 {
  border-width: 4px;
}

.border {
  border-width: 1px;
}

.border-t-2 {
  border-top-width: 2px;
}

.border-t {
  border-top-width: 1px;
}

.border-r-4 {
  border-right-width: 4px;
}

.border-r {
  border-right-width: 1px;
}

.border-b {
  border-bottom-width: 1px;
}

.border-l-4 {
  border-left-width: 4px;
}

.border-l {
  border-left-width: 1px;
}

.border-solid {
  border-style: solid;
}

.border-dashed {
  border-style: dashed;
}

.border-none {
  border-style: none;
}

.border-gray-100 {
  --tw-border-opacity: 1;
  border-color: rgba(243, 244, 246, var(--tw-border-opacity));
}

.border-gray-200 {
  --tw-border-opacity: 1;
  border-color: rgba(229, 231, 235, var(--tw-border-opacity));
}

.border-gray-300 {
  --tw-border-opacity: 1;
  border-color: rgba(209, 213, 219, var(--tw-border-opacity));
}

.border-blue-600 {
  --tw-border-opacity: 1;
  border-color: rgba(37, 99, 235, var(--tw-border-opacity));
}

.border-blue-700 {
  --tw-border-opacity: 1;
  border-color: rgba(29, 78, 216, var(--tw-border-opacity));
}

.border-dark-blue {
  --tw-border-opacity: 1;
  border-color: rgba(43, 37, 155, var(--tw-border-opacity));
}

.hover\:border-white:hover {
  --tw-border-opacity: 1;
  border-color: rgba(255, 255, 255, var(--tw-border-opacity));
}

.focus\:border-blue-500:focus {
  --tw-border-opacity: 1;
  border-color: rgba(59, 130, 246, var(--tw-border-opacity));
}

.focus\:border-blue-600:focus {
  --tw-border-opacity: 1;
  border-color: rgba(37, 99, 235, var(--tw-border-opacity));
}

.focus\:border-indigo-600:focus {
  --tw-border-opacity: 1;
  border-color: rgba(79, 70, 229, var(--tw-border-opacity));
}

.bg-transparent {
  background-color: transparent;
}

.bg-black {
  --tw-bg-opacity: 1;
  background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
}

.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}

.bg-gray-50 {
  --tw-bg-opacity: 1;
  background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
}

.bg-gray-100 {
  --tw-bg-opacity: 1;
  background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
}

.bg-gray-200 {
  --tw-bg-opacity: 1;
  background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
}

.bg-gray-300 {
  --tw-bg-opacity: 1;
  background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
}

.bg-gray-400 {
  --tw-bg-opacity: 1;
  background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
}

.bg-red-200 {
  --tw-bg-opacity: 1;
  background-color: rgba(254, 202, 202, var(--tw-bg-opacity));
}

.bg-red-500 {
  --tw-bg-opacity: 1;
  background-color: rgba(239, 68, 68, var(--tw-bg-opacity));
}

.bg-green-200 {
  --tw-bg-opacity: 1;
  background-color: rgba(167, 243, 208, var(--tw-bg-opacity));
}

.bg-green-300 {
  --tw-bg-opacity: 1;
  background-color: rgba(110, 231, 183, var(--tw-bg-opacity));
}

.bg-green-500 {
  --tw-bg-opacity: 1;
  background-color: rgba(16, 185, 129, var(--tw-bg-opacity));
}

.bg-blue-500 {
  --tw-bg-opacity: 1;
  background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
}

.bg-blue-600 {
  --tw-bg-opacity: 1;
  background-color: rgba(37, 99, 235, var(--tw-bg-opacity));
}

.bg-blue-700 {
  --tw-bg-opacity: 1;
  background-color: rgba(29, 78, 216, var(--tw-bg-opacity));
}

.bg-primary {
  --tw-bg-opacity: 1;
  background-color: rgba(229, 229, 229, var(--tw-bg-opacity));
}

.bg-dark-blue {
  --tw-bg-opacity: 1;
  background-color: rgba(43, 37, 155, var(--tw-bg-opacity));
}

.hover\:bg-gray-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
}

.hover\:bg-red-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(185, 28, 28, var(--tw-bg-opacity));
}

.hover\:bg-blue-500:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
}

.hover\:bg-blue-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(37, 99, 235, var(--tw-bg-opacity));
}

.hover\:bg-blue-800:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(30, 64, 175, var(--tw-bg-opacity));
}

.hover\:bg-indigo-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(79, 70, 229, var(--tw-bg-opacity));
}

.focus\:bg-white:focus {
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}

.bg-none {
  background-image: none;
}

.bg-clip-padding {
  background-clip: padding-box;
}

.fill-current {
  fill: currentColor;
}

.object-cover {
  object-fit: cover;
}

.object-center {
  object-position: center;
}

.p-0 {
  padding: 0px;
}

.p-1 {
  padding: 0.25rem;
}

.p-2 {
  padding: 0.5rem;
}

.p-4 {
  padding: 1rem;
}

.p-5 {
  padding: 1.25rem;
}

.p-6 {
  padding: 1.5rem;
}

.p-10 {
  padding: 2.5rem;
}

.p-12 {
  padding: 3rem;
}

.p-1\.5 {
  padding: 0.375rem;
}

.p-2\.5 {
  padding: 0.625rem;
}

.px-0 {
  padding-left: 0px;
  padding-right: 0px;
}

.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.px-10 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.py-0 {
  padding-top: 0px;
  padding-bottom: 0px;
}

.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.py-5 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

.py-0\.5 {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}

.py-1\.5 {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}

.py-2\.5 {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}

.py-3\.5 {
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
}

.pt-3 {
  padding-top: 0.75rem;
}

.pr-2 {
  padding-right: 0.5rem;
}

.pr-3 {
  padding-right: 0.75rem;
}

.pr-4 {
  padding-right: 1rem;
}

.pb-2 {
  padding-bottom: 0.5rem;
}

.pb-4 {
  padding-bottom: 1rem;
}

.pl-2 {
  padding-left: 0.5rem;
}

.pl-3 {
  padding-left: 0.75rem;
}

.pl-5 {
  padding-left: 1.25rem;
}

.pl-7 {
  padding-left: 1.75rem;
}

.pl-8 {
  padding-left: 2rem;
}

.pl-10 {
  padding-left: 2.5rem;
}

.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.font-Inter {
  font-family: "Inter", sans-serif;
}

.text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}

.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}

.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}

.text-3xl {
  font-size: 1.875rem;
  line-height: 2.25rem;
}

.font-normal {
  font-weight: 400;
}

.font-medium {
  font-weight: 500;
}

.font-semibold {
  font-weight: 600;
}

.font-bold {
  font-weight: 700;
}

.uppercase {
  text-transform: uppercase;
}

.capitalize {
  text-transform: capitalize;
}

.leading-tight {
  line-height: 1.25;
}

.leading-normal {
  line-height: 1.5;
}

.tracking-tight {
  letter-spacing: -0.025em;
}

.tracking-wider {
  letter-spacing: 0.05em;
}

.text-black {
  --tw-text-opacity: 1;
  color: rgba(0, 0, 0, var(--tw-text-opacity));
}

.text-white {
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}

.text-gray-400 {
  --tw-text-opacity: 1;
  color: rgba(156, 163, 175, var(--tw-text-opacity));
}

.text-gray-500 {
  --tw-text-opacity: 1;
  color: rgba(107, 114, 128, var(--tw-text-opacity));
}

.text-gray-600 {
  --tw-text-opacity: 1;
  color: rgba(75, 85, 99, var(--tw-text-opacity));
}

.text-gray-700 {
  --tw-text-opacity: 1;
  color: rgba(55, 65, 81, var(--tw-text-opacity));
}

.text-gray-800 {
  --tw-text-opacity: 1;
  color: rgba(31, 41, 55, var(--tw-text-opacity));
}

.text-gray-900 {
  --tw-text-opacity: 1;
  color: rgba(17, 24, 39, var(--tw-text-opacity));
}

.text-red-400 {
  --tw-text-opacity: 1;
  color: rgba(248, 113, 113, var(--tw-text-opacity));
}

.text-red-700 {
  --tw-text-opacity: 1;
  color: rgba(185, 28, 28, var(--tw-text-opacity));
}

.text-red-900 {
  --tw-text-opacity: 1;
  color: rgba(127, 29, 29, var(--tw-text-opacity));
}

.text-green-700 {
  --tw-text-opacity: 1;
  color: rgba(4, 120, 87, var(--tw-text-opacity));
}

.text-green-900 {
  --tw-text-opacity: 1;
  color: rgba(6, 78, 59, var(--tw-text-opacity));
}

.text-blue-400 {
  --tw-text-opacity: 1;
  color: rgba(96, 165, 250, var(--tw-text-opacity));
}

.text-blue-500 {
  --tw-text-opacity: 1;
  color: rgba(59, 130, 246, var(--tw-text-opacity));
}

.text-indigo-400 {
  --tw-text-opacity: 1;
  color: rgba(129, 140, 248, var(--tw-text-opacity));
}

.text-indigo-600 {
  --tw-text-opacity: 1;
  color: rgba(79, 70, 229, var(--tw-text-opacity));
}

.text-dark-blue {
  --tw-text-opacity: 1;
  color: rgba(43, 37, 155, var(--tw-text-opacity));
}

.hover\:text-white:hover {
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}

.hover\:text-gray-900:hover {
  --tw-text-opacity: 1;
  color: rgba(17, 24, 39, var(--tw-text-opacity));
}

.focus\:text-gray-700:focus {
  --tw-text-opacity: 1;
  color: rgba(55, 65, 81, var(--tw-text-opacity));
}

.underline {
  text-decoration: underline;
}

.opacity-0 {
  opacity: 0;
}

.opacity-50 {
  opacity: 0.5;
}

.opacity-70 {
  opacity: 0.7;
}

.opacity-100 {
  opacity: 1;
}

*, ::before, ::after {
  --tw-shadow: 0 0 #0000;
}

.shadow-sm {
  --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow {
  --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-md {
  --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-lg {
  --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-xl {
  --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-themeshadow {
  --tw-shadow: 0px 0px 40px -8px rgba(120, 120, 120, 0.1);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-lg:hover {
  --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.outline-none {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.focus\:outline-none:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

*, ::before, ::after {
  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgba(59, 130, 246, 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
}

.focus\:ring-0:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus\:ring-4:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus\:ring:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus\:ring-blue-300:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(147, 197, 253, var(--tw-ring-opacity));
}

.focus\:ring-blue-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity));
}

.focus\:ring-blue-600:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(37, 99, 235, var(--tw-ring-opacity));
}

.focus\:ring-offset-2:focus {
  --tw-ring-offset-width: 2px;
}

.focus\:ring-offset-white:focus {
  --tw-ring-offset-color: #fff;
}

.filter {
  --tw-blur: var(--tw-empty,/*!*/ /*!*/);
  --tw-brightness: var(--tw-empty,/*!*/ /*!*/);
  --tw-contrast: var(--tw-empty,/*!*/ /*!*/);
  --tw-grayscale: var(--tw-empty,/*!*/ /*!*/);
  --tw-hue-rotate: var(--tw-empty,/*!*/ /*!*/);
  --tw-invert: var(--tw-empty,/*!*/ /*!*/);
  --tw-saturate: var(--tw-empty,/*!*/ /*!*/);
  --tw-sepia: var(--tw-empty,/*!*/ /*!*/);
  --tw-drop-shadow: var(--tw-empty,/*!*/ /*!*/);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.invert {
  --tw-invert: invert(100%);
}

.transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition {
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-colors {
  transition-property: background-color, border-color, color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-opacity {
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-transform {
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.duration-200 {
  transition-duration: 200ms;
}

.duration-300 {
  transition-duration: 300ms;
}

.duration-500 {
  transition-duration: 500ms;
}

.ease-in {
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}

.ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

@media (min-width: 640px) {
  .sm\:flex {
    display: flex;
  }

  .sm\:hidden {
    display: none;
  }

  .sm\:w-1\/2 {
    width: 50%;
  }

  .sm\:w-1\/4 {
    width: 25%;
  }

  .sm\:w-full {
    width: 100%;
  }

  .sm\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sm\:gap-4 {
    gap: 1rem;
  }
}

@media (min-width: 768px) {
  .md\:mt-2 {
    margin-top: 0.5rem;
  }

  .md\:flex {
    display: flex;
  }

  .md\:hidden {
    display: none;
  }

  .md\:w-1\/2 {
    width: 50%;
  }

  .md\:w-1\/3 {
    width: 33.333333%;
  }

  .md\:w-6\/12 {
    width: 50%;
  }

  .md\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .md\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .md\:justify-between {
    justify-content: space-between;
  }
}

@media (min-width: 1024px) {
  .lg\:static {
    position: static;
  }

  .lg\:left-0 {
    left: 0px;
  }

  .lg\:mx-0 {
    margin-left: 0px;
    margin-right: 0px;
  }

  .lg\:mb-3 {
    margin-bottom: 0.75rem;
  }

  .lg\:flex {
    display: flex;
  }

  .lg\:hidden {
    display: none;
  }

  .lg\:w-1\/3 {
    width: 33.333333%;
  }

  .lg\:w-2\/3 {
    width: 66.666667%;
  }

  .lg\:w-2\/5 {
    width: 40%;
  }

  .lg\:w-5\/12 {
    width: 41.666667%;
  }

  .lg\:w-full {
    width: 100%;
  }

  .lg\:flex-none {
    flex: none;
  }

  .lg\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .lg\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .lg\:text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }

  .lg\:text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
}

@media (min-width: 1280px) {
  .xl\:mt-0 {
    margin-top: 0px;
  }

  .xl\:mb-0 {
    margin-bottom: 0px;
  }

  .xl\:flex {
    display: flex;
  }

  .xl\:w-48 {
    width: 12rem;
  }

  .xl\:w-1\/2 {
    width: 50%;
  }

  .xl\:w-1\/3 {
    width: 33.333333%;
  }

  .xl\:w-1\/4 {
    width: 25%;
  }

  .xl\:w-2\/5 {
    width: 40%;
  }

  .xl\:w-3\/5 {
    width: 60%;
  }

  .xl\:w-1\/6 {
    width: 16.666667%;
  }

  .xl\:w-5\/6 {
    width: 83.333333%;
  }

  .xl\:w-1\/12 {
    width: 8.333333%;
  }

  .xl\:w-3\/12 {
    width: 25%;
  }

  .xl\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .xl\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (min-width: 1536px) {
  .\32xl\:col-span-2 {
    grid-column: span 2 / span 2;
  }

  .\32xl\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .\32xl\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

/* purgecss start ignore */

:root{
  --vs-colors--lightest:rgba(60,60,60,0.26);
  --vs-colors--light:rgba(60,60,60,0.5);
  --vs-colors--dark:#333;
  --vs-colors--darkest:rgba(0,0,0,0.15);
  --vs-search-input-color:inherit;
  --vs-search-input-bg:#fff;
  --vs-search-input-placeholder-color:inherit;
  --vs-font-size:1rem;
  --vs-line-height:1.4;
  --vs-state-disabled-bg:#f8f8f8;
  --vs-state-disabled-color:var(--vs-colors--light);
  --vs-state-disabled-controls-color:var(--vs-colors--light);
  --vs-state-disabled-cursor:not-allowed;
  --vs-border-color:var(--vs-colors--lightest);
  --vs-border-width:1px;
  --vs-border-style:solid;
  --vs-border-radius:4px;
  --vs-actions-padding:4px 6px 0 3px;
  --vs-controls-color:var(--vs-colors--light);
  --vs-controls-size:1;
  --vs-controls--deselect-text-shadow:0 1px 0 #fff;
  --vs-selected-bg:#f0f0f0;
  --vs-selected-color:var(--vs-colors--dark);
  --vs-selected-border-color:var(--vs-border-color);
  --vs-selected-border-style:var(--vs-border-style);
  --vs-selected-border-width:var(--vs-border-width);
  --vs-dropdown-bg:#fff;
  --vs-dropdown-color:inherit;
  --vs-dropdown-z-index:1000;
  --vs-dropdown-min-width:160px;
  --vs-dropdown-max-height:350px;
  --vs-dropdown-box-shadow:0px 3px 6px 0px var(--vs-colors--darkest);
  --vs-dropdown-option-bg:#000;
  --vs-dropdown-option-color:var(--vs-dropdown-color);
  --vs-dropdown-option-padding:3px 20px;
  --vs-dropdown-option--active-bg:#5897fb;
  --vs-dropdown-option--active-color:#fff;
  --vs-dropdown-option--deselect-bg:#fb5858;
  --vs-dropdown-option--deselect-color:#fff;
  --vs-transition-timing-function:cubic-bezier(1,-0.115,0.975,0.855);
  --vs-transition-duration:150ms
}

.v-select{
  font-family:inherit;
  position:relative
}

.v-select,.v-select *{
  box-sizing:border-box
}

:root{
  --vs-transition-timing-function:cubic-bezier(1,0.5,0.8,1);
  --vs-transition-duration:0.15s
}

@-webkit-keyframes vSelectSpinner{
  0%{
    -webkit-transform:rotate(0deg);
            transform:rotate(0deg)
  }

  to{
    -webkit-transform:rotate(1turn);
            transform:rotate(1turn)
  }
}

@keyframes vSelectSpinner{
  0%{
    -webkit-transform:rotate(0deg);
            transform:rotate(0deg)
  }

  to{
    -webkit-transform:rotate(1turn);
            transform:rotate(1turn)
  }
}

.vs__fade-enter-active,.vs__fade-leave-active{
  pointer-events:none;
  transition:opacity var(--vs-transition-duration) var(--vs-transition-timing-function)
}

.vs__fade-enter,.vs__fade-leave-to{
  opacity:0
}

:root{
  --vs-disabled-bg:var(--vs-state-disabled-bg);
  --vs-disabled-color:var(--vs-state-disabled-color);
  --vs-disabled-cursor:var(--vs-state-disabled-cursor)
}

.vs--disabled .vs__clear,.vs--disabled .vs__dropdown-toggle,.vs--disabled .vs__open-indicator,.vs--disabled .vs__search,.vs--disabled .vs__selected{
  background-color:var(--vs-disabled-bg);
  cursor:var(--vs-disabled-cursor)
}

.v-select[dir=rtl] .vs__actions{
  padding:0 3px 0 6px
}

.v-select[dir=rtl] .vs__clear{
  margin-left:6px;
  margin-right:0
}

.v-select[dir=rtl] .vs__deselect{
  margin-left:0;
  margin-right:2px
}

.v-select[dir=rtl] .vs__dropdown-menu{
  text-align:right
}

.vs__dropdown-toggle{
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  background:var(--vs-search-input-bg);
  border:var(--vs-border-width) var(--vs-border-style) var(--vs-border-color);
  border-radius:var(--vs-border-radius);
  display:flex;
  padding:0 0 4px;
  white-space:normal
}

.vs__selected-options{
  display:flex;
  flex-basis:100%;
  flex-grow:1;
  flex-wrap:wrap;
  padding:0 2px;
  position:relative
}

.vs__actions{
  align-items:center;
  display:flex;
  padding:var(--vs-actions-padding)
}

.vs--searchable .vs__dropdown-toggle{
  cursor:text
}

.vs--unsearchable .vs__dropdown-toggle{
  cursor:pointer
}

.vs--open .vs__dropdown-toggle{
  border-bottom-color:transparent;
  border-bottom-left-radius:0;
  border-bottom-right-radius:0
}

.vs__open-indicator{
  fill:var(--vs-controls-color);
  -webkit-transform:scale(var(--vs-controls-size));
          transform:scale(var(--vs-controls-size));
  transition:-webkit-transform var(--vs-transition-duration) var(--vs-transition-timing-function);
  transition:transform var(--vs-transition-duration) var(--vs-transition-timing-function);
  transition:transform var(--vs-transition-duration) var(--vs-transition-timing-function), -webkit-transform var(--vs-transition-duration) var(--vs-transition-timing-function);
  transition-timing-function:var(--vs-transition-timing-function)
}

.vs--open .vs__open-indicator{
  -webkit-transform:rotate(180deg) scale(var(--vs-controls-size));
          transform:rotate(180deg) scale(var(--vs-controls-size))
}

.vs--loading .vs__open-indicator{
  opacity:0
}

.vs__clear{
  fill:var(--vs-controls-color);
  background-color:transparent;
  border:0;
  cursor:pointer;
  margin-right:8px;
  padding:0
}

.vs__dropdown-menu{
  background:var(--vs-dropdown-bg);
  border:var(--vs-border-width) var(--vs-border-style) var(--vs-border-color);
  border-radius:0 0 var(--vs-border-radius) var(--vs-border-radius);
  border-top-style:none;
  box-shadow:var(--vs-dropdown-box-shadow);
  box-sizing:border-box;
  color:var(--vs-dropdown-color);
  display:block;
  left:0;
  list-style:none;
  margin:0;
  max-height:var(--vs-dropdown-max-height);
  min-width:var(--vs-dropdown-min-width);
  overflow-y:auto;
  padding:5px 0;
  position:absolute;
  text-align:left;
  top:calc(100% - var(--vs-border-width));
  width:100%;
  z-index:var(--vs-dropdown-z-index)
}

.vs__no-options{
  text-align:center
}

.vs__dropdown-option{
  clear:both;
  color:var(--vs-dropdown-option-color);
  cursor:pointer;
  display:block;
  line-height:1.42857143;
  padding:var(--vs-dropdown-option-padding);
  white-space:nowrap
}

.vs__dropdown-option--highlight{
  background:var(--vs-dropdown-option--active-bg);
  color:var(--vs-dropdown-option--active-color)
}

.vs__dropdown-option--deselect{
  background:var(--vs-dropdown-option--deselect-bg);
  color:var(--vs-dropdown-option--deselect-color)
}

.vs__dropdown-option--disabled{
  background:var(--vs-state-disabled-bg);
  color:var(--vs-state-disabled-color);
  cursor:var(--vs-state-disabled-cursor)
}

.vs__selected{
  align-items:center;
  background-color:var(--vs-selected-bg);
  border:var(--vs-selected-border-width) var(--vs-selected-border-style) var(--vs-selected-border-color);
  border-radius:var(--vs-border-radius);
  color:var(--vs-selected-color);
  display:flex;
  line-height:var(--vs-line-height);
  margin:4px 2px 0;
  padding:0 .25em;
  z-index:0
}

.vs__deselect{
  fill:var(--vs-controls-color);
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  background:none;
  border:0;
  cursor:pointer;
  display:inline-flex;
  margin-left:4px;
  padding:0;
  text-shadow:var(--vs-controls--deselect-text-shadow)
}

.vs--single .vs__selected{
  background-color:transparent;
  border-color:transparent
}

.vs--single.vs--loading .vs__selected,.vs--single.vs--open .vs__selected{
  opacity:.4;
  position:absolute
}

.vs--single.vs--searching .vs__selected{
  display:none
}

.vs__search::-webkit-search-cancel-button{
  display:none
}

.vs__search::-ms-clear,.vs__search::-webkit-search-decoration,.vs__search::-webkit-search-results-button,.vs__search::-webkit-search-results-decoration{
  display:none
}

.vs__search,.vs__search:focus{
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  background:none;
  border:1px solid transparent;
  border-left:none;
  box-shadow:none;
  color:var(--vs-search-input-color);
  flex-grow:1;
  font-size:var(--vs-font-size);
  line-height:var(--vs-line-height);
  margin:4px 0 0;
  max-width:100%;
  outline:none;
  padding:0 7px;
  width:0;
  z-index:1
}

.vs__search::-moz-placeholder{
  color:var(--vs-search-input-placeholder-color)
}

.vs__search:-ms-input-placeholder{
  color:var(--vs-search-input-placeholder-color)
}

.vs__search::-webkit-input-placeholder{
  color:var(--vs-search-input-placeholder-color)
}

.vs__search::-ms-input-placeholder{
  color:var(--vs-search-input-placeholder-color)
}

.vs__search::placeholder{
  color:var(--vs-search-input-placeholder-color)
}

.vs--unsearchable .vs__search{
  opacity:1
}

.vs--unsearchable:not(.vs--disabled) .vs__search{
  cursor:pointer
}

.vs--single.vs--searching:not(.vs--open):not(.vs--loading) .vs__search{
  opacity:.2
}

.vs__spinner{
  align-self:center;
  -webkit-animation:vSelectSpinner 1.1s linear infinite;
  animation:vSelectSpinner 1.1s linear infinite;
  border:.9em solid hsla(0,0%,39%,.1);
  border-left-color:rgba(60,60,60,.45);
  font-size:5px;
  opacity:0;
  overflow:hidden;
  text-indent:-9999em;
  -webkit-transform:translateZ(0) scale(var(--vs-controls--spinner-size,var(--vs-controls-size)));
          transform:translateZ(0) scale(var(--vs-controls--spinner-size,var(--vs-controls-size)));
  transition:opacity .1s
}

.vs__spinner,.vs__spinner:after{
  border-radius:50%;
  height:5em;
  -webkit-transform:scale(var(--vs-controls--spinner-size,var(--vs-controls-size)));
          transform:scale(var(--vs-controls--spinner-size,var(--vs-controls-size)));
  width:5em
}

.vs--loading .vs__spinner{
  opacity:1
}

/* purgecss end ignore */
.v-sidebar-menu,.v-sidebar-menu *{-webkit-box-sizing:border-box;box-sizing:border-box}.v-sidebar-menu{position:fixed;top:0;left:0;width:100%;height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;z-index:999;-webkit-transition:0.3s width;transition:0.3s width}.v-sidebar-menu.rtl{right:0;left:inherit;text-align:right}.v-sidebar-menu>.vsm-list{width:100%;height:100%;overflow:hidden auto}.v-sidebar-menu.vsm-collapsed>.vsm-list{width:calc(100% + 17px);padding-right:17px}.v-sidebar-menu.rtl>.vsm-list{direction:rtl}.v-sidebar-menu.vsm-collapsed.rtl>.vsm-list{padding-right:0px;padding-left:17px;margin-left:-17px}.v-sidebar-menu.vsm-collapsed.rtl:after{content:'';display:block;clear:both}.v-sidebar-menu .vsm-item{position:relative;display:block}.v-sidebar-menu .vsm-item.first-item>.vsm-link{line-height:30px}.v-sidebar-menu .vsm-item.first-item>.vsm-link>.vsm-icon{height:30px;line-height:30px;width:30px;text-align:center;border-radius:3px}.v-sidebar-menu .vsm-item.first-item>.vsm-link:after{content:'';display:block;clear:both}.v-sidebar-menu .vsm-item.mobile-item>.vsm-link>.vsm-icon{height:30px;line-height:30px;width:30px;text-align:center;border-radius:3px}.v-sidebar-menu .vsm-item.active-item>.vsm-link,.v-sidebar-menu .vsm-item.parent-active-item>.vsm-link{font-weight:600}.v-sidebar-menu .vsm-link{position:relative;display:block;font-size:16px;font-weight:400;padding:10px;line-height:30px;text-decoration:none;z-index:20;-webkit-transition:0.3s all;transition:0.3s all}.v-sidebar-menu .vsm-link[disabled]{opacity:0.4;pointer-events:none}.v-sidebar-menu .vsm-title{display:block;white-space:nowrap}.v-sidebar-menu .vsm-icon{float:left;line-height:30px;margin-right:10px}.v-sidebar-menu.rtl .vsm-icon{float:right;margin-left:10px;margin-right:0px}.v-sidebar-menu .vsm-arrow{width:30px;text-align:center;font-style:normal;font-weight:900;position:absolute;right:10px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:0.3s -webkit-transform;transition:0.3s -webkit-transform;transition:0.3s transform;transition:0.3s transform, 0.3s -webkit-transform}.v-sidebar-menu .vsm-arrow:after{content:'\f105';font-family:'Font Awesome 5 Free'}.v-sidebar-menu .vsm-arrow.slot-icon:after{display:none}.v-sidebar-menu .vsm-arrow.open-arrow{-webkit-transform:translateY(-50%) rotate(90deg);transform:translateY(-50%) rotate(90deg)}.v-sidebar-menu.rtl .vsm-arrow{left:10px;right:inherit}.v-sidebar-menu .vsm-dropdown>.vsm-list{padding:5px}.v-sidebar-menu .expand-enter-active,.v-sidebar-menu .expand-leave-active{-webkit-transition:height 0.35s ease;transition:height 0.35s ease;overflow:hidden}.v-sidebar-menu .expand-enter,.v-sidebar-menu .expand-leave-to{height:0 !important}.v-sidebar-menu .slide-animation-enter-active{-webkit-animation:slide-animation 0.2s;animation:slide-animation 0.2s}.v-sidebar-menu .slide-animation-leave-active{animation:slide-animation 0.2s reverse}@-webkit-keyframes slide-animation{0%{width:0%}100%{width:100%}}@keyframes slide-animation{0%{width:0%}100%{width:100%}}.v-sidebar-menu .vsm-header{font-size:14px;font-weight:600;padding:10px;white-space:nowrap;text-transform:uppercase}.v-sidebar-menu .vsm-badge{position:absolute;right:10px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.v-sidebar-menu .vsm-badge.default-badge{padding:0px 6px;font-size:12px;border-radius:3px;height:20px;line-height:20px;font-weight:600;text-transform:uppercase}.v-sidebar-menu.rtl .vsm-badge{left:10px;right:inherit}.v-sidebar-menu .collapse-btn{display:block;text-align:center;font-style:normal;font-weight:900;height:50px;cursor:pointer;border:none;width:100%}.v-sidebar-menu .collapse-btn:after{content:'\f337';font-family:'Font Awesome 5 Free'}.v-sidebar-menu .collapse-btn.slot-icon:after{display:none}.v-sidebar-menu{background-color:#2a2a2e}.v-sidebar-menu .vsm-link{color:#fff}.v-sidebar-menu .vsm-item.mobile-item>.vsm-link{color:#fff}.v-sidebar-menu .vsm-item.mobile-item>.vsm-icon{color:#fff;background-color:rgba(0,0,0,0)}.v-sidebar-menu .vsm-item.first-item>.vsm-link>.vsm-icon{color:#fff;background-color:#1e1e21}.v-sidebar-menu .vsm-item.first-item.active-item>.vsm-link,.v-sidebar-menu .vsm-item.first-item.parent-active-item>.vsm-link{-webkit-box-shadow:3px 0px 0px 0px #4285f4 inset;box-shadow:3px 0px 0px 0px #4285f4 inset}.v-sidebar-menu .vsm-item.first-item.active-item>.vsm-link>.vsm-icon,.v-sidebar-menu .vsm-item.first-item.parent-active-item>.vsm-link>.vsm-icon{color:#fff;background-color:#1e1e21}.v-sidebar-menu.rtl .vsm-item.first-item.active-item>.vsm-link,.v-sidebar-menu.rtl .vsm-item.first-item.parent-active-item>.vsm-link{-webkit-box-shadow:-3px 0px 0px 0px #4285f4 inset;box-shadow:-3px 0px 0px 0px #4285f4 inset}.v-sidebar-menu.vsm-default .vsm-item.first-item.open-item>.vsm-link{color:#fff;background-color:#4285f4}.v-sidebar-menu.vsm-default .vsm-item.first-item.open-item>.vsm-link>.vsm-icon{color:#fff;background-color:rgba(0,0,0,0)}.v-sidebar-menu.vsm-default .vsm-link:hover{color:#fff;background-color:rgba(30,30,33,0.5)}.v-sidebar-menu .vsm-dropdown>.vsm-list{background-color:#36363b}.v-sidebar-menu .vsm-dropdown>.vsm-list .vsm-link{color:#fff}.v-sidebar-menu .vsm-dropdown>.vsm-list .vsm-link:hover{color:#fff;background-color:rgba(30,30,33,0.5)}.v-sidebar-menu .vsm-mobile-bg{background-color:#4285f4}.v-sidebar-menu .vsm-header{color:rgba(255,255,255,0.7)}.v-sidebar-menu .vsm-badge.default-badge{color:#fff;background-color:#1e1e21}.v-sidebar-menu .collapse-btn{color:#fff;background-color:#1e1e21}.v-sidebar-menu.white-theme{background-color:#fff}.v-sidebar-menu.white-theme .vsm-link{color:#262626}.v-sidebar-menu.white-theme .vsm-item.mobile-item>.vsm-link{color:#fff}.v-sidebar-menu.white-theme .vsm-item.mobile-item>.vsm-icon{color:#fff;background-color:rgba(0,0,0,0)}.v-sidebar-menu.white-theme .vsm-item.first-item>.vsm-link>.vsm-icon{color:#262626;background-color:#bbc5d6}.v-sidebar-menu.white-theme .vsm-item.first-item.active-item>.vsm-link,.v-sidebar-menu.white-theme .vsm-item.first-item.parent-active-item>.vsm-link{-webkit-box-shadow:3px 0px 0px 0px #4285f4 inset;box-shadow:3px 0px 0px 0px #4285f4 inset}.v-sidebar-menu.white-theme .vsm-item.first-item.active-item>.vsm-link>.vsm-icon,.v-sidebar-menu.white-theme .vsm-item.first-item.parent-active-item>.vsm-link>.vsm-icon{color:#fff;background-color:#262626}.v-sidebar-menu.white-theme.rtl .vsm-item.first-item.active-item>.vsm-link,.v-sidebar-menu.white-theme.rtl .vsm-item.first-item.parent-active-item>.vsm-link{-webkit-box-shadow:-3px 0px 0px 0px #4285f4 inset;box-shadow:-3px 0px 0px 0px #4285f4 inset}.v-sidebar-menu.white-theme.vsm-default .vsm-item.first-item.open-item>.vsm-link{color:#fff;background-color:#4285f4}.v-sidebar-menu.white-theme.vsm-default .vsm-item.first-item.open-item>.vsm-link>.vsm-icon{color:#fff;background-color:rgba(0,0,0,0)}.v-sidebar-menu.white-theme.vsm-default .vsm-link:hover{color:#262626;background-color:#f2f2f2}.v-sidebar-menu.white-theme .vsm-dropdown>.vsm-list{background-color:#e3e3e3}.v-sidebar-menu.white-theme .vsm-dropdown>.vsm-list .vsm-link{color:#262626}.v-sidebar-menu.white-theme .vsm-dropdown>.vsm-list .vsm-link:hover{color:#262626;background-color:#f2f2f2}.v-sidebar-menu.white-theme .vsm-mobile-bg{background-color:#4285f4}.v-sidebar-menu.white-theme .vsm-header{color:rgba(38,38,38,0.7)}.v-sidebar-menu.white-theme .vsm-badge.default-badge{color:#262626;background-color:#e0e0e0}.v-sidebar-menu.white-theme .collapse-btn{color:#262626;background-color:#f2f2f2}
