1/*!
  2 * Angular Material Design
  3 * https://github.com/angular/material
  4 * @license MIT
  5 * v1.1.3
  6 */
  7.md-inline-form md-checkbox {
  8  margin: 19px 0 18px; }
  9
 10md-checkbox {
 11  box-sizing: border-box;
 12  display: inline-block;
 13  margin-bottom: 16px;
 14  white-space: nowrap;
 15  cursor: pointer;
 16  outline: none;
 17  -webkit-user-select: none;
 18     -moz-user-select: none;
 19      -ms-user-select: none;
 20          user-select: none;
 21  position: relative;
 22  min-width: 20px;
 23  min-height: 20px;
 24  margin-left: 0;
 25  margin-right: 16px; }
 26  [dir=rtl] md-checkbox {
 27    margin-left: 16px; }
 28  [dir=rtl] md-checkbox {
 29    margin-right: 0; }
 30  md-checkbox:last-of-type {
 31    margin-left: 0;
 32    margin-right: 0; }
 33  md-checkbox.md-focused:not([disabled]) .md-container:before {
 34    left: -8px;
 35    top: -8px;
 36    right: -8px;
 37    bottom: -8px; }
 38  md-checkbox.md-focused:not([disabled]):not(.md-checked) .md-container:before {
 39    background-color: rgba(0, 0, 0, 0.12); }
 40  md-checkbox.md-align-top-left > div.md-container {
 41    top: 12px; }
 42  md-checkbox .md-container {
 43    position: absolute;
 44    top: 50%;
 45    -webkit-transform: translateY(-50%);
 46            transform: translateY(-50%);
 47    box-sizing: border-box;
 48    display: inline-block;
 49    width: 20px;
 50    height: 20px;
 51    left: 0;
 52    right: auto; }
 53    [dir=rtl] md-checkbox .md-container {
 54      left: auto; }
 55    [dir=rtl] md-checkbox .md-container {
 56      right: 0; }
 57    md-checkbox .md-container:before {
 58      box-sizing: border-box;
 59      background-color: transparent;
 60      border-radius: 50%;
 61      content: '';
 62      position: absolute;
 63      display: block;
 64      height: auto;
 65      left: 0;
 66      top: 0;
 67      right: 0;
 68      bottom: 0;
 69      -webkit-transition: all 0.5s;
 70      transition: all 0.5s;
 71      width: auto; }
 72    md-checkbox .md-container:after {
 73      box-sizing: border-box;
 74      content: '';
 75      position: absolute;
 76      top: -10px;
 77      right: -10px;
 78      bottom: -10px;
 79      left: -10px; }
 80    md-checkbox .md-container .md-ripple-container {
 81      position: absolute;
 82      display: block;
 83      width: auto;
 84      height: auto;
 85      left: -15px;
 86      top: -15px;
 87      right: -15px;
 88      bottom: -15px; }
 89  md-checkbox .md-icon {
 90    box-sizing: border-box;
 91    -webkit-transition: 240ms;
 92    transition: 240ms;
 93    position: absolute;
 94    top: 0;
 95    left: 0;
 96    width: 20px;
 97    height: 20px;
 98    border-width: 2px;
 99    border-style: solid;
100    border-radius: 2px; }
101  md-checkbox.md-checked .md-icon {
102    border-color: transparent; }
103    md-checkbox.md-checked .md-icon:after {
104      box-sizing: border-box;
105      -webkit-transform: rotate(45deg);
106              transform: rotate(45deg);
107      position: absolute;
108      left: 4.66667px;
109      top: 0.22222px;
110      display: table;
111      width: 6.66667px;
112      height: 13.33333px;
113      border-width: 2px;
114      border-style: solid;
115      border-top: 0;
116      border-left: 0;
117      content: ''; }
118  md-checkbox[disabled] {
119    cursor: default; }
120  md-checkbox.md-indeterminate .md-icon:after {
121    box-sizing: border-box;
122    position: absolute;
123    top: 50%;
124    left: 50%;
125    -webkit-transform: translate(-50%, -50%);
126            transform: translate(-50%, -50%);
127    display: table;
128    width: 12px;
129    height: 2px;
130    border-width: 2px;
131    border-style: solid;
132    border-top: 0;
133    border-left: 0;
134    content: ''; }
135  md-checkbox .md-label {
136    box-sizing: border-box;
137    position: relative;
138    display: inline-block;
139    vertical-align: middle;
140    white-space: normal;
141    -webkit-user-select: text;
142       -moz-user-select: text;
143        -ms-user-select: text;
144            user-select: text;
145    margin-left: 30px;
146    margin-right: 0; }
147    [dir=rtl] md-checkbox .md-label {
148      margin-left: 0; }
149    [dir=rtl] md-checkbox .md-label {
150      margin-right: 30px; }