/* Accessibility */
/* Variables */
/* Mixins */
.tilehover-boxshadow-transition {
  transition: all ease-out 0.4s;
}
.tilehover-boxshadow {
  box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.55);
}
.focus-boxshadow {
  box-shadow: 0px 0px 4px 0px #008334;
}
.focus-boxshadow-inverse {
  box-shadow: 0px 0px 4px 0px #fff;
}
.formfocus-boxshadow {
  box-shadow: 0px 0px 4px 0px #008334;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: none;
}
#accesskeys {
  width: 200px;
}
body:not(.using-mouse) a:focus {
  outline: none;
  transition: none;
  -webkit-box-shadow: 0px 0px 4px 0px #008334;
  box-shadow: 0px 0px 4px 0px #008334;
}
body:not(.using-mouse) .form-control:focus {
  outline: none;
  box-shadow: none;
  border: solid 2px #bfbdb2;
}
body:not(.using-mouse) .btn:focus,
body:not(.using-mouse) .btn:active:focus,
body:not(.using-mouse) .btn.active:focus,
body:not(.using-mouse) .btn.focus,
body:not(.using-mouse) .btn:active.focus,
body:not(.using-mouse) .btn.active.focus {
  outline: none;
}
body:not(.using-mouse) button:focus {
  box-shadow: 0px 0px 4px 0px #008334;
}
body:not(.using-mouse) .btn.xs-selector:focus,
body:not(.using-mouse) a.btn.xs-selector:focus {
  box-shadow: 0px 0px 4px 0px #008334;
}
body:not(.using-mouse) .bg-grey-darker .btn:hover,
body:not(.using-mouse) .bg-grey-darker a.btn:hover,
body:not(.using-mouse) .bg-grey-darker .btn:focus,
body:not(.using-mouse) .bg-grey-darker a.btn:focus {
  box-shadow: 0px 0px 4px 0px #fff;
}
body:not(.using-mouse) .oc-radio:focus label,
body:not(.using-mouse) .oc-checkbox:focus label {
  box-shadow: 0px 0px 4px 0px #008334;
}
body:not(.using-mouse) .tilebox .ktsg-tile:focus {
  box-shadow: 0px 0px 4px 0px #008334 !important;
}
body:not(.using-mouse) button.mobile-levelup-trigger:focus {
  box-shadow: 0px 0px 4px 0px #008334 !important;
}
body:not(.using-mouse) .footer.inverse a:focus {
  box-shadow: 0px 0px 4px 0px #fff;
}
body:not(.using-mouse) .footer.darker a:focus {
  box-shadow: 0px 0px 4px 0px #fff;
}
body:not(.using-mouse) .main-navigation li.nav-list-block.nav-level-current > ul > li .submenu-trigger button:focus {
  box-shadow: 0px 0px 4px 0px #008334;
}
body.using-mouse a:focus {
  outline: transparent solid 2px;
  transition: none;
}
body.using-mouse .form-control:focus {
  outline: none;
  box-shadow: none;
  border: solid 2px #bfbdb2;
}
body.using-mouse .btn:focus,
body.using-mouse .btn:active:focus,
body.using-mouse .btn.active:focus,
body.using-mouse .btn.focus,
body.using-mouse .btn:active.focus,
body.using-mouse .btn.active.focus {
  outline: none;
  box-shadow: none;
}