/*! * Angular Material Design * https://github.com/angular/material * @license MIT * v1.0.6 */ md-radio-button { box-sizing: border-box; display: block; margin-bottom: 16px; white-space: nowrap; cursor: pointer; position: relative; } md-radio-button[disabled] { cursor: default; } md-radio-button[disabled] .md-container { cursor: default; } md-radio-button .md-container { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); box-sizing: border-box; display: inline-block; width: 20px; height: 20px; cursor: pointer; left: 0; right: auto; } html[dir=rtl] md-radio-button .md-container { left: auto; unicode-bidi: embed; } body[dir=rtl] md-radio-button .md-container { left: auto; unicode-bidi: embed; } md-radio-button .md-container bdo[dir=rtl] { direction: rtl; unicode-bidi: bidi-override; } md-radio-button .md-container bdo[dir=ltr] { direction: ltr; unicode-bidi: bidi-override; } html[dir=rtl] md-radio-button .md-container { right: 0; unicode-bidi: embed; } body[dir=rtl] md-radio-button .md-container { right: 0; unicode-bidi: embed; } md-radio-button .md-container bdo[dir=rtl] { direction: rtl; unicode-bidi: bidi-override; } md-radio-button .md-container bdo[dir=ltr] { direction: ltr; unicode-bidi: bidi-override; } md-radio-button .md-container .md-ripple-container { position: absolute; display: block; width: auto; height: auto; left: -15px; top: -15px; right: -15px; bottom: -15px; } md-radio-button .md-container:before { box-sizing: border-box; background-color: transparent; border-radius: 50%; content: ''; position: absolute; display: block; height: auto; left: 0; top: 0; right: 0; bottom: 0; transition: all 0.5s; width: auto; } md-radio-button.md-align-top-left > div.md-container { top: 12px; } md-radio-button .md-off { box-sizing: border-box; position: absolute; top: 0; left: 0; width: 20px; height: 20px; border-style: solid; border-width: 2px; border-radius: 50%; transition: border-color ease 0.28s; } md-radio-button .md-on { box-sizing: border-box; position: absolute; top: 0; left: 0; width: 20px; height: 20px; border-radius: 50%; transition: -webkit-transform ease 0.28s; transition: transform ease 0.28s; -webkit-transform: scale(0); transform: scale(0); } md-radio-button.md-checked .md-on { -webkit-transform: scale(0.5); transform: scale(0.5); } md-radio-button .md-label { box-sizing: border-box; position: relative; display: inline-block; margin-left: 30px; margin-right: 0; vertical-align: middle; white-space: normal; pointer-events: none; width: auto; } html[dir=rtl] md-radio-button .md-label { margin-left: 0; unicode-bidi: embed; } body[dir=rtl] md-radio-button .md-label { margin-left: 0; unicode-bidi: embed; } md-radio-button .md-label bdo[dir=rtl] { direction: rtl; unicode-bidi: bidi-override; } md-radio-button .md-label bdo[dir=ltr] { direction: ltr; unicode-bidi: bidi-override; } html[dir=rtl] md-radio-button .md-label { margin-right: 30px; unicode-bidi: embed; } body[dir=rtl] md-radio-button .md-label { margin-right: 30px; unicode-bidi: embed; } md-radio-button .md-label bdo[dir=rtl] { direction: rtl; unicode-bidi: bidi-override; } md-radio-button .md-label bdo[dir=ltr] { direction: ltr; unicode-bidi: bidi-override; } md-radio-button .circle { border-radius: 50%; } md-radio-group md-radio-button:not(:first-child) { margin-top: 16px; } md-radio-group.layout-row md-radio-button { margin-top: 0; margin-bottom: 0; margin-left: inherit; margin-right: 16px; } html[dir=rtl] md-radio-group.layout-row md-radio-button { margin-left: 16px; unicode-bidi: embed; } body[dir=rtl] md-radio-group.layout-row md-radio-button { margin-left: 16px; unicode-bidi: embed; } md-radio-group.layout-row md-radio-button bdo[dir=rtl] { direction: rtl; unicode-bidi: bidi-override; } md-radio-group.layout-row md-radio-button bdo[dir=ltr] { direction: ltr; unicode-bidi: bidi-override; } html[dir=rtl] md-radio-group.layout-row md-radio-button { margin-right: inherit; unicode-bidi: embed; } body[dir=rtl] md-radio-group.layout-row md-radio-button { margin-right: inherit; unicode-bidi: embed; } md-radio-group.layout-row md-radio-button bdo[dir=rtl] { direction: rtl; unicode-bidi: bidi-override; } md-radio-group.layout-row md-radio-button bdo[dir=ltr] { direction: ltr; unicode-bidi: bidi-override; } md-radio-group.layout-row md-radio-button:last-of-type { margin-left: inherit; margin-right: 0; } html[dir=rtl] md-radio-group.layout-row md-radio-button:last-of-type { margin-left: 0; unicode-bidi: embed; } body[dir=rtl] md-radio-group.layout-row md-radio-button:last-of-type { margin-left: 0; unicode-bidi: embed; } md-radio-group.layout-row md-radio-button:last-of-type bdo[dir=rtl] { direction: rtl; unicode-bidi: bidi-override; } md-radio-group.layout-row md-radio-button:last-of-type bdo[dir=ltr] { direction: ltr; unicode-bidi: bidi-override; } html[dir=rtl] md-radio-group.layout-row md-radio-button:last-of-type { margin-right: inherit; unicode-bidi: embed; } body[dir=rtl] md-radio-group.layout-row md-radio-button:last-of-type { margin-right: inherit; unicode-bidi: embed; } md-radio-group.layout-row md-radio-button:last-of-type bdo[dir=rtl] { direction: rtl; unicode-bidi: bidi-override; } md-radio-group.layout-row md-radio-button:last-of-type bdo[dir=ltr] { direction: ltr; unicode-bidi: bidi-override; } md-radio-group:focus { outline: none; } md-radio-group.md-focused .md-checked .md-container:before { left: -8px; top: -8px; right: -8px; bottom: -8px; } .md-inline-form md-radio-group { margin: 18px 0 19px; } .md-inline-form md-radio-group md-radio-button { display: inline-block; height: 30px; padding: 2px; box-sizing: border-box; margin-top: 0; margin-bottom: 0; } @media screen and (-ms-high-contrast: active) { md-radio-button.md-default-theme .md-on { background-color: #fff; } }