a { color: #008ac9; }

/* Form */
span.radio i { border-color: #5e5e5e; }
span.radio input + i:before { background: #008ac9; }
span.radio input:focus + i {
  -webkit-box-shadow: 0 0 0 8px rgba(0, 138, 201, .1);
          box-shadow: 0 0 0 8px rgba(0, 138, 201, .1);
}
span.radio input:checked + i { border-color: #008ac9; }
span.radio input:checked:focus + i {
  -webkit-box-shadow: 0 0 0 8px rgba(0, 138, 201, .1);
          box-shadow: 0 0 0 8px rgba(0, 138, 201, .1);
}

span.checkbox input + i:before { border-color: #5e5e5e; }
span.checkbox input:checked + i:before { border-color: #008ac9; }
span.checkbox input:focus + i {
  background-color: rgba(127, 127, 127, .1);
  -webkit-box-shadow: 0 0 0 8px rgba(127, 127, 127, .1);
          box-shadow: 0 0 0 8px rgba(127, 127, 127, .1);
}
span.checkbox input:checked:focus + i {
  background-color: rgba(0, 138, 201, .1);
  -webkit-box-shadow: 0 0 0 8px rgba(0, 138, 201, .1);
          box-shadow: 0 0 0 8px rgba(0, 138, 201, .1);
}

span.switch i { background-color: #008ac9; }
span.switch input:focus + i:after {
  -webkit-box-shadow: 0 0 0 8px rgba(127, 127, 127, .1);
          box-shadow: 0 0 0 8px rgba(127, 127, 127, .1);
}
span.switch input:checked:focus + i:after {
  -webkit-box-shadow: 0 0 0 8px rgba(0, 138, 201, .1);
          box-shadow: 0 0 0 8px rgba(0, 138, 201, .1);
}


header.card {
  background-color: #db7308;
  color: #fff;  
}

/*#header {
  background: #212121;
}*/



/* Buttons */
.button {
  color: #008ac9;
}
.button-simple {
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none; 
}
.button-strong { background: #008ac9; color: #fff; }

button.button {
  background: #008ac9;
  color: #fff;
}
button.button-attention { background: #e7391e; }
button.button-simple {
  background-color: transparent;
  color: #008ac9;

  -webkit-box-shadow: none;
          box-shadow: none; 
}
button.button-simple:hover,
button.button-simple:focus,
button.button-simple:active {
  position: static;

  -webkit-box-shadow: none;
          box-shadow: none;
}
button.button-simple:hover {
  background-color: rgba(127, 127, 127, .2);
}
button.button-simple:active {
  background-color: rgba(127, 127, 127, .4);
}

a.fbutton, a.fbutton-constr { background: #008ac9; }
a.fbutton.color-b { background-color: #008ac9; }
a.fbutton.color-m { background-color: #2b115a; }
a.fbutton.color-w { background-color: #f11a22; }

span.figure.color-b { background-color: #008ac9; }
span.figure.color-m { background-color: #2b115a; }
span.figure.color-w { background-color: #f11a22; }


/*div.field input.invalid,
div.field input:invalid,
div.field select.invalid,
div.field select:invalid {
  border-color: #f11a22;
}
div.field input.focus,
div.field input:focus,
div.field select:focus,
ul.actions input:focus {
  border-color: #008ac9;

  -webkit-box-shadow: 0 1px #008ac9;
          box-shadow: 0 1px #008ac9;
}
div.field input:focus.invalid ~ label,
div.field input:focus:invalid ~ label,
div.field select:focus.invalid ~ label,
div.field select:focus:invalid ~ label {
  color: #f11a22;
}*/

div.field input.invalid,
div.field input:invalid,
div.field select.invalid,
div.field select:invalid,
div.field textarea.invalid,
div.field textarea:invalid {
  border-color: #f11a22;
}
div.field input:focus,
div.field select:focus,
div.field textarea:focus,
ul.actions input:focus {
  border-color: #008ac9;

  -webkit-box-shadow: 0 1px #008ac9;
          box-shadow: 0 1px #008ac9;
}
div.field input[readonly]:not(.mask),
div.field select[readonly],
div.field textarea[readonly] {
  border-color: #bebebe;
  box-shadow: none;
}
div.field input:focus.invalid ~ label,
div.field input:focus:invalid ~ label,
div.field select:focus.invalid ~ label,
div.field select:focus:invalid ~ label,
div.field textarea:focus.invalid ~ label,
div.field textarea:focus:invalid ~ label {
  color: #f11a22;
}





ul.nav a.active {
  background-color: rgba(127, 127, 127, .2);
  color: #008ac9;
}


/*div.frame, div.card {
  background-color: #181818;
}

#drawer { background-color: #292929; color: #fff; }
#content {
  background-color: #282828;


 }

*/

#header, header.card { background: #212121; }
#header ul.tabs a:after { background: #008ac9; }