@import "variables";

/**
 * Rewrited CSS rules from Material Design Lite.
 * FIXME: don't use !important
 */
body {
    line-height: initial;
    font-size: 12pt;
}
.mdl-button {
    font-weight: bolder;
    color: $color-main;
}
.mdl-button--colored {
    color: white !important;
}
.mdl-textfield--floating-label.is-focused .mdl-textfield__label, 
.mdl-textfield--floating-label.is-dirty .mdl-textfield__label, 
.mdl-textfield--floating-label.has-placeholder .mdl-textfield__label {
    color: $color-main !important;
}
.mdl-checkbox.is-checked .mdl-checkbox__box-outline, {
    border: 2px solid $color-main;
}
fieldset[disabled] .mdl-checkbox .mdl-checkbox__box-outline, .mdl-checkbox.is-disabled .mdl-checkbox__box-outline {
    border: 2px solid rgba(0,0,0,.26);
}
.mdl-checkbox.is-checked .mdl-checkbox__tick-outline {
    background: $color-main;
}
.mdl-textfield__label::after{
    background-color: $color-main !important;
}
.mdl-button--colored,
.mdl-button--colored:focus,
.mdl-button--colored:active {
    background-color: $color-main !important;
}
.mdl-button--colored:hover,
.mdl-button--raised:hover {
    background-color: $color-main !important;
}
.mdl-button--fab{
    color: white !important; 
    background-color: $color-main !important;
}