::-moz-selection {
background: #3f51b5;
color:#fff
}
::selection {
  background: #3f51b5;
  color: #fff
}
/* == Button == */
.wojo.primary.buttons .button,
.wojo.primary.button {
  background-color: #3F51B5;
}
.wojo.primary.buttons .button:hover,
.wojo.primary.button:hover {
  background-color: #3949AB;
}
.wojo.primary.buttons .button:focus,
.wojo.primary.button:focus {
  background-color: #303F9F;
}
.wojo.primary.buttons .button:active,
.wojo.primary.button:active {
  background-color: #303F9F;
}
.wojo.primary.buttons .active.button,
.wojo.primary.active.button {
  background-color: #303F9F;
}
.wojo.primary.basic.buttons .button,
.wojo.primary.basic.button {
  box-shadow: 0px 0px 0px 2px #3F51B5 inset;
  color: #3F51B5;
}
.wojo.primary.basic.buttons .button:hover,
.wojo.primary.basic.button:hover {
  box-shadow: 0px 0px 0px 2px #3949AB inset;
  color: #3949AB;
}
.wojo.primary.basic.buttons .button:focus,
.wojo.primary.basic.button:focus {
  box-shadow: 0px 0px 0px 2px #303F9F inset;
  color: #303F9F;
}
.wojo.primary.basic.buttons .button:active,
.wojo.primary.basic.button:active {
  box-shadow: 0px 0px 0px 2px #303F9F inset;
  color: #303F9F;
}
.wojo.primary.basic.buttons .active.button,
.wojo.primary.basic.buttons .active.button:active,
.wojo.primary.basic.active.button,
.wojo.primary.basic.button .active.button:active {
  box-shadow: 0px 0px 0px 2px #303F9F inset;
  color: #303F9F;
}
.wojo.primary.basic.buttons .button,
.wojo.primary.basic.button {
  color: #3F51B5;
}
/* == Dimmer == */
.wojo.inverted.dimmer {
  background-color: #3F51B5;
}
/* == Dropdown == */
.wojo.selection.dropdown:hover {
  border-color: #3F51B5;
}
.wojo.selection.active.dropdown .menu {
  border-color: #3F51B5;
}
.wojo.selection.dropdown:focus .menu {
  border-color: #3F51B5;
}
.wojo.selection.active.dropdown:hover .menu {
  border-color: #3F51B5;
}
.wojo.dropdown.selected,
.wojo.dropdown .menu .selected.item {
  color: #3F51B5;
}
.wojo.selection.dropdown {
  border: 2px solid #C5CAE9;
}
.wojo.selection.active.dropdown {
  border-color: #3F51B5;
}
/* == Forms == */
.wojo.form input:not([type]),
.wojo.form input[type="date"],
.wojo.form input[type="datetime-local"],
.wojo.form input[type="email"],
.wojo.form input[type="number"],
.wojo.form input[type="password"],
.wojo.form input[type="search"],
.wojo.form input[type="tel"],
.wojo.form input[type="time"],
.wojo.form input[type="text"],
.wojo.form input[type="url"] {
  border: 2px solid #C5CAE9;
}
.wojo.form textarea {
  border: 2px solid #C5CAE9;
}
.wojo.form input:not([type]):focus,
.wojo.form input[type="date"]:focus,
.wojo.form input[type="datetime-local"]:focus,
.wojo.form input[type="email"]:focus,
.wojo.form input[type="number"]:focus,
.wojo.form input[type="password"]:focus,
.wojo.form input[type="search"]:focus,
.wojo.form input[type="tel"]:focus,
.wojo.form input[type="time"]:focus,
.wojo.form input[type="text"]:focus,
.wojo.form input[type="url"]:focus {
  border: 2px solid #3F51B5;
}
.wojo.form textarea:focus {
  border: 2px solid #3F51B5;
}
.wojo.checkbox input:checked ~ .box:before,
.wojo.checkbox input:checked ~ label:before {
  background-color: #3F51B5;
  border-color: #3F51B5;
}
.wojo.radio.checkbox .box:after,
.wojo.radio.checkbox label:after {
  background-color: #3F51B5;
}
.wojo.radio.checkbox input:checked ~ .box:after,
.wojo.radio.checkbox input:checked ~ label:after {
  background-color: #3F51B5;
}
.wojo.radio.checkbox input:focus:checked ~ .box:after,
.wojo.radio.checkbox input:focus:checked ~ label:after {
  background-color: #3F51B5;
}
.wojo.toggle.checkbox input:checked ~ .box:before,
.wojo.toggle.checkbox input:checked ~ label:before {
  background-color: #3F51B5 !important;
}
.wojo.toggle.checkbox input:focus:checked ~ .box:before,
.wojo.toggle.checkbox input:focus:checked ~ label:before {
  background-color: #3F51B5 !important;
}
.ezdz-focus,
.ezdz-dropzone:hover {
  border: 1px solid #3F51B5;
}
.ezdz-enter {
  color: #3F51B5;
  border: 1px solid #3F51B5;
}
/* == Input == */
.wojo.input.focus input,
.wojo.input input:focus {
  border-bottom-color: #3F51B5;
}
.wojo.labeled.input:not([class*="corner labeled"]) .label:first-child + input:focus {
  border-left-color: #3F51B5;
}
.wojo[class*="right labeled"].input input:focus {
  border-right-color: #3F51B5 !important;
}
.wojo.action.input:not([class*="left action"]) input:focus {
  border-right-color: #3F51B5 !important;
}
.wojo[class*="left action"].input > input:focus {
  border-left-color: #3F51B5 !important;
}
.wojo.spinner.input input {
  border: 2px solid #C5CAE9;
}
.wojo.basic.input input,
.wojo.basic.input textarea {
  border: 1px solid rgba(255, 255, 255, 0);
  color: rgba(255, 255, 255, 0.8);
}
/* == Label == */
.wojo.primary.labels .label,
.wojo.primary.label {
  background-color: #3F51B5;
  border-color: #3F51B5;
}
.wojo.basic.primary.label {
  color: #3F51B5;
  border-color: #3F51B5;
}
/* == Icons == */
i.primary.icon {
  color: #3F51B5;
}
i.inverted.primary.icon {
  color: #3F51B5;
}
i.inverted.rounded.primary.icon,
i.inverted.circular.primary.icon {
  background-color: #3F51B5;
}
/* == Images == */
.wojo.images .image.active,
.wojo.images img.active {
  border-bottom: 1px solid #3F51B5;
}
/* == Modal == */
.wojo.modal > .close {
  color: #3F51B5;
}
/* == Segment == */
.wojo.card > .sub.header:not(.wojo) {
  background-color: #3F51B5;
}
.wojo.card > .header.primary {
  background-color: #3F51B5;
}
.wojo.error.card > .content a {
  background-color: #3F51B5;
}
.wojo.photo.card:hover:before {
  background: #3F51B5;
}
/* == Main == */
a,
a.inverted,
a.white {
  color: #3F51B5;
}
a:hover,
a.hover,
a:focus {
  color: #7986CB;
}
a.inverted,
p.inverted {
  color: #111;
}
a.white {
  color: #fff;
}
a.inverted:hover,
a.inverted.hover,
a.inverted:focus {
  color: #2E3C43;
}
a.white:hover,
a.white.hover,
a.white:focus {
  color: rgba(255,255,255,0.6);
}