.mdl-selectfield{
    position:relative;
    font-size:16px;
    display:inline-block;
    box-sizing:border-box;
    width:300px;
    max-width:100%;
    margin:0;
    padding:20px 0
}
.mdl-selectfield--align-right{
    text-align:right
}
.mdl-selectfield--full-width{
    width:100%
}
.mdl-selectfield__select{
    display:block;
    width:100%;
    padding:4px 10px;
    margin:0;
    color:inherit;
    background:transparent;
    font-size:17px;
    text-align:left;
    border:2px solid rgba(0, 0, 0, 0.12);
    border-bottom:2px solid rgba(0,0,0, 0.12);
    border-radius:6px;
    -webkit-appearance:none;
    -moz-appearance:none;
    -ms-appearance:none;
    appearance:none
    
}
.mdl-selectfield__select::-ms-expand{
    display:none
}
.mdl-selectfield.is-focused .mdl-selectfield__select{
    outline:none
}
.mdl-selectfield.is-invalid .mdl-selectfield__select{
    border-color:rgb(222, 50, 38);
    box-shadow:none
}
fieldset[disabled] 
.mdl-selectfield .mdl-selectfield__select,.mdl-selectfield.is-disabled .mdl-selectfield__select{
    background-color:transparent;
    border-bottom:1px dotted rgba(0,0,0, 0.12);
    color:rgba(0,0,0, 0.26)
}
.mdl-selectfield__label{
    bottom:0;color:rgba(0,0,0, 0.26);
    font-size:16px;
    left:0;right:0;
    pointer-events:none;
    position:absolute;
    display:block;
    top:24px;
    width:100%;
    overflow:hidden;
    white-space:nowrap;
    text-align:left
}
.mdl-selectfield.is-dirty .mdl-selectfield__label{
    visibility:hidden
}
.mdl-selectfield--floating-label .mdl-selectfield__label{
    transition-duration:0.2s;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)
}
fieldset[disabled] .mdl-selectfield .mdl-selectfield__label,.mdl-selectfield.is-disabled.is-disabled .mdl-selectfield__label
{color:rgba(0,0,0, 0.26)
}
.mdl-selectfield--floating-label.is-focused .mdl-selectfield__label,.mdl-selectfield--floating-label.is-dirty .mdl-selectfield__label{
    color:rgb(63,81,181);
    font-size:12px;top:4px;
    visibility:visible
}
.mdl-selectfield--floating-label.is-invalid .mdl-selectfield__label{
    color:rgb(222, 50, 38);
    font-size:12px
}
.mdl-selectfield__label:after{
    background-color:rgb(63,81,181);bottom:20px;
    content:'';
    height:2px;
    left:45%;
    position:absolute;
    transition-duration:0.2s;
    transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
    visibility:hidden;width:10px
}
.mdl-selectfield.is-focused .mdl-selectfield__label:after{
    left:0;
    visibility:visible;
    width:100%
}
.mdl-selectfield.is-invalid .mdl-selectfield__label:after{
    background-color:rgb(222, 50, 38)
}
.mdl-selectfield__error{
    color:rgb(222, 50, 38);
    position:absolute;
    font-size:12px;
    margin-top:3px;
    visibility:hidden;
    display:block
}
.mdl-selectfield.is-invalid .mdl-selectfield__error{
    visibility:visible
}
.mdl-selectfield__icon{
    bottom:20px;
    cursor:pointer;
    color:rgba(0,0,0, 0.26);
    padding:4px 0;
    position:absolute;
    top:20px;
    right:0;
    pointer-events:none
}
.mdl-selectfield__icon>i{
    outline:0
}
.mdl-selectfield.is-dirty .mdl-selectfield__icon{
    color:inherit
}
fieldset[disabled] .mdl-selectfield .mdl-selectfield__icon,.mdl-selectfield.is-disabled.is-disabled .mdl-selectfield__icon{
    color:rgba(0,0,0, 0.26)
}
.mdl-selectfield--floating-label.is-invalid .mdl-selectfield__icon{
    color:rgb(222, 50, 38)
}