/*底色*/
body {
    background:#f2f2f2;
}
body.pushable>.pusher {
    background:#f2f2f2;
}

/*span*/
span.ui.red {
  color:#B03060;
}
span.ui.purple {
  color:#B413EC;
}
span.ui.grey {
  color:#A0A0A0;
}
span.ui.blue {
  color:#2185D0;
}
span.ui.orange {
  color:#F2711C;
}

/*div*/
div.ui.violet {
  color:#6435C9;
}
div.ui.grey {
  color:#A0A0A0;
}
div.ui.blue {
  color:#2185D0;
}
/*menu下的iten 增加藍色屬性*/
.ui.menu a.blue.inverted.item{
    padding-left:34.3px;
    background-color:#2185d0;
    color:#f2f2f2;
}
.ui.menu a.blue.inverted.item:hover{
    background-color:#328fd4;
}

/*checkbox*/
/*toggle 預設改為teal*/
.ui.toggle.checkbox input:checked ~ .box:before,
.ui.toggle.checkbox input:checked ~ label:before {
  background-color: #00B5AD !important;
}
.ui.toggle.checkbox input:focus:checked ~ .box:before,
.ui.toggle.checkbox input:focus:checked ~ label:before {
  background-color: #009C95 !important;
}
/*toggle 增加紅色teal*/
.ui.red.toggle.checkbox input:checked ~ .box:before,
.ui.red.toggle.checkbox input:checked ~ label:before {
  background-color: #DB2828 !important;
}
.ui.red.toggle.checkbox input:focus:checked ~ .box:before,
.ui.red.toggle.checkbox input:focus:checked ~ label:before {
  background-color: #D01919 !important;
}
/*toggle 增加藍色teal*/
.ui.blue.toggle.checkbox input:checked ~ .box:before,
.ui.blue.toggle.checkbox input:checked ~ label:before {
  background-color: #2185D0 !important;
}
.ui.blue.toggle.checkbox input:focus:checked ~ .box:before,
.ui.blue.toggle.checkbox input:focus:checked ~ label:before {
  background-color: #1678c2 !important;
}

/*table*/
/*增加灰色底色*/
.ui.table tbody tr.grey {
  background-color: #919191 !important;
}