@charset "UTF-8";
/*!
 * 复选框 & 单选框
 * 徐俊州 2017-07-25
 * QQ: 765550360
-----------------------------*/
.mychk {
  position: relative;
  padding: 0;
  margin: 0;
  padding-left: 17px;
  font-size: 14px;
  line-height: 20px;
  cursor: pointer; }
  .mychk::selection {
    background-color: transparent;
    color: inherit; }
  .mychk::-moz-selection {
    background-color: transparent;
    color: inherit; }
  .mychk input[type='checkbox'] {
    position: absolute;
    left: 0;
    top: 3px;
    height: 14px;
    width: 14px;
    margin: 0;
    padding: 0;
    outline: none; }
    .mychk input[type='checkbox']:before {
      content: ' ';
      position: absolute;
      width: 100%;
      height: 100%;
      z-index: 1;
      border: 1px solid gray;
      background-color: #fff;
      cursor: pointer; }
    .mychk input[type='checkbox']:after {
      display: none;
      content: '  ';
      position: absolute;
      top: 2px;
      left: 2px;
      width: 10px;
      height: 7px;
      z-index: 2;
      border-left: 2px solid gray;
      border-bottom: 2px solid gray;
      cursor: pointer;
      transform: rotate(-60deg);
      -ms-transform: rotate(-60deg);
      /* IE 9 */
      -webkit-transform: rotate(-60deg);
      /* Safari and Chrome */ }
    .mychk input[type='checkbox']:checked:after {
      display: block; }
    .mychk input[type='checkbox'][disabled], .mychk input[type='checkbox'].disabled {
      cursor: no-drop; }
      .mychk input[type='checkbox'][disabled]:before, .mychk input[type='checkbox'].disabled:before {
        border: 1px solid #c4c4c4;
        background-color: #f7f7f7;
        cursor: no-drop; }
      .mychk input[type='checkbox'][disabled]:after, .mychk input[type='checkbox'].disabled:after {
        border-left: 2px solid #c4c4c4;
        border-bottom: 2px solid #c4c4c4;
        cursor: no-drop; }
  .mychk + .mychk {
    margin-left: 5px; }

.myradio {
  position: relative;
  padding: 0;
  margin: 0;
  padding-left: 17px;
  font-size: 14px;
  line-height: 20px;
  cursor: pointer; }
  .myradio::selection {
    background-color: transparent;
    color: inherit; }
  .myradio::-moz-selection {
    background-color: transparent;
    color: inherit; }
  .myradio input[type='radio'] {
    position: absolute;
    left: 0;
    top: 3px;
    height: 14px;
    width: 14px;
    margin: 0;
    padding: 0;
    outline: none; }
    .myradio input[type='radio']:before {
      content: ' ';
      position: absolute;
      width: 100%;
      height: 100%;
      z-index: 1;
      border: 1px solid gray;
      background-color: #fff;
      cursor: pointer;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%; }
    .myradio input[type='radio']:after {
      display: none;
      content: '  ';
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      margin: auto;
      width: 8px;
      height: 8px;
      z-index: 2;
      cursor: pointer;
      background-color: gray;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%; }
    .myradio input[type='radio']:checked:after {
      display: block; }
    .myradio input[type='radio'][disabled], .myradio input[type='radio'].disabled {
      cursor: no-drop; }
      .myradio input[type='radio'][disabled]:before, .myradio input[type='radio'].disabled:before {
        border: 1px solid #c4c4c4;
        background-color: #f7f7f7;
        cursor: no-drop; }
      .myradio input[type='radio'][disabled]:after, .myradio input[type='radio'].disabled:after {
        background-color: #c4c4c4;
        cursor: no-drop; }
  .myradio + .myradio {
    margin-left: 5px; }

.mychk-primary input[type='checkbox']:before {
  border: 1px solid #4392d7;
  background-color: #97c2e9; }
.mychk-primary input[type='checkbox']:after {
  border-left: 2px solid #4392d7;
  border-bottom: 2px solid #4392d7; }

.myradio-primary input[type='radio']:before {
  border: 1px solid #4392d7;
  background-color: #97c2e9; }
.myradio-primary input[type='radio']:after {
  background-color: #4392d7; }

.mychk-info input[type='checkbox']:before {
  border: 1px solid #2cb1d7;
  background-color: #82d1e7; }
.mychk-info input[type='checkbox']:after {
  border-left: 2px solid #2cb1d7;
  border-bottom: 2px solid #2cb1d7; }

.myradio-info input[type='radio']:before {
  border: 1px solid #2cb1d7;
  background-color: #82d1e7; }
.myradio-info input[type='radio']:after {
  background-color: #2cb1d7; }

.mychk-success input[type='checkbox']:before {
  border: 1px solid #82c23f;
  background-color: #b4da8d; }
.mychk-success input[type='checkbox']:after {
  border-left: 2px solid #82c23f;
  border-bottom: 2px solid #82c23f; }

.myradio-success input[type='radio']:before {
  border: 1px solid #82c23f;
  background-color: #b4da8d; }
.myradio-success input[type='radio']:after {
  background-color: #82c23f; }

.mychk-warning input[type='checkbox']:before {
  border: 1px solid #ee9d22;
  background-color: #f6c780; }
.mychk-warning input[type='checkbox']:after {
  border-left: 2px solid #ee9d22;
  border-bottom: 2px solid #ee9d22; }

.myradio-warning input[type='radio']:before {
  border: 1px solid #ee9d22;
  background-color: #f6c780; }
.myradio-warning input[type='radio']:after {
  background-color: #ee9d22; }

.mychk-danger input[type='checkbox']:before {
  border: 1px solid #f64a28;
  background-color: #fa9c8a; }
.mychk-danger input[type='checkbox']:after {
  border-left: 2px solid #f64a28;
  border-bottom: 2px solid #f64a28; }

.myradio-danger input[type='radio']:before {
  border: 1px solid #f64a28;
  background-color: #fa9c8a; }
.myradio-danger input[type='radio']:after {
  background-color: #f64a28; }

.mychk-mint input[type='checkbox']:before {
  border: 1px solid #33be96;
  background-color: #7bdcc0; }
.mychk-mint input[type='checkbox']:after {
  border-left: 2px solid #33be96;
  border-bottom: 2px solid #33be96; }

.myradio-mint input[type='radio']:before {
  border: 1px solid #33be96;
  background-color: #7bdcc0; }
.myradio-mint input[type='radio']:after {
  background-color: #33be96; }

.mychk-purple input[type='checkbox']:before {
  border: 1px solid #8b4e82;
  background-color: #ba85b2; }
.mychk-purple input[type='checkbox']:after {
  border-left: 2px solid #8b4e82;
  border-bottom: 2px solid #8b4e82; }

.myradio-purple input[type='radio']:before {
  border: 1px solid #8b4e82;
  background-color: #ba85b2; }
.myradio-purple input[type='radio']:after {
  background-color: #8b4e82; }

.mychk-pink input[type='checkbox']:before {
  border: 1px solid #db5e93;
  background-color: #edb2cb; }
.mychk-pink input[type='checkbox']:after {
  border-left: 2px solid #db5e93;
  border-bottom: 2px solid #db5e93; }

.myradio-pink input[type='radio']:before {
  border: 1px solid #db5e93;
  background-color: #edb2cb; }
.myradio-pink input[type='radio']:after {
  background-color: #db5e93; }

.mychk-dark input[type='checkbox']:before {
  border: 1px solid #2d2f31;
  background-color: #5d6367; }
.mychk-dark input[type='checkbox']:after {
  border-left: 2px solid #2d2f31;
  border-bottom: 2px solid #2d2f31; }

.myradio-dark input[type='radio']:before {
  border: 1px solid #2d2f31;
  background-color: #5d6367; }
.myradio-dark input[type='radio']:after {
  background-color: #2d2f31; }

/*# sourceMappingURL=mychk.css.map */