.getmdl-select {
    outline: none;
    .mdl-textfield__input {
        cursor: pointer;
    }
    .selected {
        background-color: #ddd;
    }
    .mdl-icon-toggle__label {
        float: right;
        margin-top: -30px;
        color: rgba(0, 0, 0, 0.4);
        transform: rotate(0);
        transition: transform 0.3s;
    }
    &.is-focused {
        .mdl-icon-toggle__label {
            color: #3f51b5;
            transform: rotate(180deg);
        }
    }
    .mdl-menu__container {
        width: 100% !important;
        margin-top: 2px;
        .mdl-menu {
            width: 100%;
            .mdl-menu__item {
                font-size: 16px;
            }
        }
    }
}

.getmdl-select__fix-height {
    .mdl-menu__container .mdl-menu {
        overflow-y: auto;
        max-height: 288px !important;
    }
    .mdl-menu.mdl-menu--top-left {
        bottom: auto;
        top: 0;
    }
}

.mdl-textfield.is-invalid .mdl-textfield__input,
.mdl-selectfield.is-invalid .mdl-selectfield__select,
.mdl-selectfield.is-invalid .mdl-selectfield__label {
    border-color: #5f6368;
    color: #d50000;
    font-size: 12px;
}

.mdl-textfield,
.mdl-selectfield {
    width: 100% !important;
}

.mdl-textfield__label {
    color: rgba(0, 0, 0, 0.54);
}

.mdl-button {
    color: white !important;
}

.mdl-button:hover {
    background-color: rgb(18, 80, 162) !important;
}

html {
    scroll-behavior: smooth;
}

.getmdl-select {
    outline: none;
}

.getmdl-select .mdl-textfield__input {
    cursor: pointer;
}

.getmdl-select .selected {
    background-color: #ddd;
}

.getmdl-select .mdl-icon-toggle__label {
    float: right;
    margin-top: -30px;
    color: rgba(0, 0, 0, 0.4);
    transform: rotate(0);
    transition: transform 0.3s;
}

.getmdl-select.is-focused .mdl-icon-toggle__label {
    color: #3f51b5;
    transform: rotate(180deg);
}

.getmdl-select .mdl-menu__container {
    width: 100% !important;
    margin-top: 2px;
}

.getmdl-select .mdl-menu__container .mdl-menu {
    width: 100%;
}

.getmdl-select .mdl-menu__container .mdl-menu .mdl-menu__item {
    font-size: 16px;
}

.getmdl-select__fix-height .mdl-menu__container .mdl-menu {
    overflow-y: auto;
    max-height: 288px !important;
}

.getmdl-select__fix-height .mdl-menu.mdl-menu--top-left {
    bottom: auto;
    top: 0;
}