@charset "UTF-8";
/*  IMAGES  */
/* 默认颜色 */
/* 主题颜色放入 minxin-themeColors.scss
$color-primary: $palette-indigo-500 !default;
$color-primary-dark: $palette-indigo-700 !default;
$color-accent: $palette-pink-A200 !default;
*/
/* 客户化 */
/* 波纹效果 */
/* 动画 */
/* 阴影 */
/* ==========  字体  ========== */
/* 控件 */
/* UButton */
/* UText */
/*  Navlayout  */
/* gridlayout */
/* menu */
/* CHECKBOX */
/*  Radio  */
/* Switch  */
/* loading */
/* datetimepicker */
/* message */
/* DATA TABLE */
/* tooltip*/
/* 进度条 */
/* ==========  Content Tabs  ========== */
/* CARD */
/* Card dimensions */
/* Cover image */
/* ==========  Card  ========== */
/* ============ Forms ============*/
/* BADGE */
/* Typography */
/* Shadows */
/* Animations */
.u-switch {
  position: relative;
  z-index: 1;
  vertical-align: middle;
  display: inline-block;
  box-sizing: border-box;
  width: 100%;
  height: 24px;
  margin: 0;
  padding: 0;
  overflow: visible;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .u-switch.is-upgraded {
    padding-left: 32px; }

.u-switch-input {
  line-height: 24px; }
  .u-switch.is-upgraded .u-switch-input {
    position: absolute;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
    -ms-appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: none; }

.u-switch-track {
  background: rgb(255,255,255);
  background: rgb(0,0,0) \9;
  position: absolute;
  left: 0;
  top: 3px;
  height: 21px;
  width: 40px;
  border-radius: 21px;
  border: 1px solid #e0e0e0;
  cursor: pointer; }
  .u-switch.is-checked .u-switch-track {
    background: rgb(63,81,181);
    background: rgb(0,0,0) \9; }
  .u-switch-track fieldset[disabled] .u-switch,
  .u-switch.is-disabled .u-switch-track {
    background: rgba(0,0,0, 0.12);
    cursor: auto; }

.u-switch-thumb {
  background: rgb(250,250,250);
  background: #585858 \9;
  position: absolute;
  left: 0;
  top: 4px;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  cursor: pointer;
  box-shadow: 0 0.125rem 0.125rem 0 rgba(0, 0, 0, 0.14), 0 0.1875rem 0.0625rem -0.125rem rgba(0, 0, 0, 0.2), 0 0.0625rem 0.3125rem 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 0.125rem 0.125rem 0 black, 0 0.1875rem 0.0625rem -0.125rem black, 0 0.0625rem 0.3125rem 0 black \9;
  transition-duration: 0.28s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-property: left; }
  .u-switch.is-checked .u-switch-thumb {
    background: #fff;
    left: 21px;
    box-shadow: 0 0.1875rem 0.25rem 0 rgba(0, 0, 0, 0.14), 0 0.1875rem 0.1875rem -0.125rem rgba(0, 0, 0, 0.2), 0 0.0625rem 0.5rem 0 rgba(0, 0, 0, 0.12); }
  .u-switch-thumb fieldset[disabled] .u-switch,
  .u-switch.is-disabled .u-switch-thumb {
    background: rgb(189,189,189);
    cursor: auto; }

.u-switch-focus-helper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-4px, -4px);
  display: inline-block;
  box-sizing: border-box;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: transparent; }
  .u-switch.is-focused .u-switch-focus-helper {
    box-shadow: 0 0 0px 20px rgba(0, 0, 0, 0.1);
    background-color: rgba(0, 0, 0, 0.1); }
  .u-switch.is-focused.is-checked .u-switch-focus-helper {
    box-shadow: 0 0 0px 20px rgba(63,81,181, 0.26);
    background-color: rgba(63,81,181, 0.26); }

.u-switch-label {
  position: relative;
  cursor: pointer;
  font-size: 13px;
  line-height: 24px;
  margin: 0;
  left: 24px; }
  .u-switch-label fieldset[disabled] .u-switch,
  .u-switch.is-disabled .u-switch-label {
    color: rgb(189,189,189);
    cursor: auto; }

.u-switch-primary.is-checked .u-switch-track {
  background: rgb(63,81,181);
  border: 1px solid rgb(63,81,181); }

.u-switch-success.is-checked .u-switch-track {
  background: rgb(76,175,80);
  border: 1px solid rgb(76,175,80); }

.u-switch-info.is-checked .u-switch-track {
  background: rgb(0,188,212);
  border: 1px solid rgb(0,188,212); }

.u-switch-danger.is-checked .u-switch-track {
  background: rgb(244,67,54);
  border: 1px solid rgb(244,67,54); }

.u-switch-warning.is-checked .u-switch-track {
  background: rgb(255,152,0);
  border: 1px solid rgb(255,152,0); }

.u-switch-dark.is-checked .u-switch-track {
  background: rgb(97,97,97);
  border: 1px solid rgb(97,97,97); }

.u-switch-lg .u-switch-track {
  width: 66px;
  height: 36px;
  border-radius: 36px; }

.u-switch-lg .u-switch-thumb {
  width: 36px;
  height: 36px; }

.u-switch-lg.is-checked .u-switch-thumb {
  left: 31px; }

.u-switch-default .u-switch-track {
  width: 45px;
  height: 24px;
  border-radius: 24px; }

.u-switch-default .u-switch-thumb {
  width: 24px;
  height: 24px; }

.u-switch-default.is-checked .u-switch-thumb {
  left: 22px; }

.u-switch-sm .u-switch-track {
  width: 33px;
  height: 20px;
  border-radius: 20px; }

.u-switch-sm .u-switch-thumb {
  width: 20px;
  height: 20px; }

.u-switch-sm.is-checked .u-switch-thumb {
  left: 14px; }
